*{margin:0px; padding:0px;font-family: Arial, Helvetica, sans-serif;}
body{display:block;}
.container{width:90%; margin:0px auto;}
.top_menu{display: block;width:100%; height: 40px; background: #03045E; /*#122e83;*/}
.left_top{display: block;height:100%;}
.left_top ul{padding-left: 0px !important;}
.left_top ul li{list-style: none; float:left;}
.left_top ul li a{display: block;color: #b1b1b1; font-size: 15px;text-decoration: none; padding: 10px;}
.left_top ul li a i{color:#3acffd}

.right_top{display: block;height:100%;}
.right_top ul{float: right;}
.right_top ul li{list-style: none; float:left;}
.right_top ul li a {
    display: block;
    color: #3acffd;
    font-size: 20px;
    text-decoration: none;
    padding: 5px 8px;
}
.right_top ul li a:hover{color:#ffffff;}
.right_top ul li a i{color:#3acffd}
#login_btn_desktop {
    color: #b1b1b1 !important;
    font-size: 15px !important;
    padding: 0px 10px;
    margin-top: 6px;
    margin-left: 23px;
    border: #3acffd 1px solid;
    transition: 1s;
    border-radius: 5px;
}

#login_btn_desktop:hover{background: #3acffd;color:#03045E !important;transition: 1s;}
.main_menu{
    width: 100%;
    height: 75px;
    background: #e1e5ff;
    display: block;
    padding: 7px 0px;
    z-index:2000;
    box-shadow: #d6d6d6 5px 2px 5px;
}
.sticky {
  position: fixed;
  top: 0;
  width: 100%;
}
.sticky + .banner {
  margin-top: 75px;
}
.logo img{width: 165px; display: block;}

.menu_m{display:block}
.menu_m ul li{list-style: none; float:left;margin:2px 5px;padding: 17px 6px;display:block}
.menu_m ul li a {
    text-decoration: none;
    color: #00238d;
    font-weight: 600;
    transition: 0.5s;
    padding-bottom: 22px;
    z-index: 1000;
}
.menu_m ul li a:hover{ transition: 0.5s;color: #ffffff;text-shadow: 2px 2px 5px #000000;}
.md-flex {
  display: flex!important;
}

/************ Side menu nav *************/
.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 5000;
    top: 0;
    left: 0;
    background-color: #e1e5ff;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 5px;
  }
  
  .close_btnc a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 25px;
    color: #818181;
    display: block;
    transition: 0.3s;
  }
  
  .close_btnc a:hover {
    color: #03045E;
  }
  
  .sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
  }
  
  @media screen and (max-height: 450px) {
    .sidenav {padding-top: 15px;}
    .sidenav a {font-size: 18px;}
  }

    .side_menu_list ul {
        list-style: none;
        padding: 0;
    }

    .side_menu_list li {
        list-style: none;
        padding: 5px;
    }

    .side_menu_list a {
        font-size: 15px;
        font-weight: 700;
        text-decoration: none;
        color: #333;
        cursor: pointer;
        transition: color 0.3s ease; /* Smooth color transition */
        border: #9e9e9e 1px solid;
        display: block;
        padding: 5px;
    }

    .side_menu_list a:hover {
        color: #007BFF; /* Change color on hover */
    }

    .expand_menu_content {
        max-height: 0;
        overflow: hidden;
        background-color: #f9f9f9;
        transition: max-height 0.3s ease; /* Smooth height transition */
    }

    .expanded_side_list {
        max-height: 500px; /* Adjust the max-height to your preference */
        overflow-y: auto;
    }

    .side_nav_service_box a:hover{
       background: #3acffd;color:#ffffff;
    }
    .sidenav_social ul li{float: left;list-style: none;}
    .sidenav_social ul li a{text-decoration: none;font-size: 25px;margin-right: 14px;color: #03045e;}
    .sidenav_social ul li a:hover{color: #3acffd;}

/************ 3 button *************/

.requestbtn ul{float:right !important; padding-left: 0rem !important;}
.requestbtn ul li{float:left;list-style: none; margin-top: 12px;}
.requestbtn ul li a {
    font-weight: 700;
    margin-left: 10px;
    background: #3acffd;
    display: block;
    text-decoration: none;
    padding: 8px 12px;
    border-radius: 6px;
    font-size: 14px;
    color: #122e83;
}
#btndiff{background: #122e83 !important; color: #3acffd !important;}
.requestbtn ul li a:hover{background: #03045E; color:#3acffd; transition: 0.5s;}
#btngrid{font-size: 14px !important;}


/*********** Mega Menu *********************/
.mm{z-index:2000;}
.mm:hover .mmenucom{display:block;z-index:2000;}
.mmenucom{width:100%; height: auto;display:none; position:absolute;background:#3acffd;left:0;padding: 15px; margin-top: 18px;}

.mmitem{width:150px; height:150px; background: #a4eaff; border-radius:15px;padding: 15px;float:left;margin:10px; transition:0.5s; }
.icon_div{display: block;}
.icon_div img{width: 70px; display: block;margin-left: auto; margin-right: auto; margin-bottom:10px;}
.linktext_div p{text-align: center; line-height: 18px;}
.mmitem:hover{background: #122e83;transition:0.5s;}

/********** Banner section ***************/

.banner{width:100%; height:auto;/*background-image: linear-gradient(to right, #a4eaff,#99b3ff,#94afff, #a4eaff);*/background: #03045E;display:block;z-index: 1;position: relative;}
.ptb-90{padding: 90px 0px;}
.banner_textheading h5{font-family: sans-serif; color:goldenrod; margin-bottom: 15px;}
.banner_textheading h1{font-family: sans-serif; color:#ffffff;}
.banner_textheading h2{font-family: sans-serif; color:#3acffd;}

.bnr_btn_div{margin-top: 45px}
.bnr_btn a{text-decoration: none; font-size:16px; margin-right: 15px; border-radius: 6px;font-weight: 700;}
.bnr_btn1 a{border: 2px solid #3acffd; padding: 12px;color: #ffffff;}
.bnr_btn2 a{background: #3acffd; padding: 14px;color:#122e83;}

.banner_imageorvideo img{width:100%;}
.dd-none{display:none;}

.slider-container {text-align: center;width: 100%; }
.slider {display: flex;overflow: hidden;width: 100%;}
.slider img {width: 100%;transition: transform 0.5s ease-in-out;}
.slider-container button {margin-top: 10px;cursor: pointer;}

.slider-container2 {text-align: center;width: 100%; }
.slider2 {display: flex;overflow: hidden;width: 100%;}
.slider2 img {width: 100%;transition: transform 0.5s ease-in-out;}
.slider-container2 button {margin-top: 10px;cursor: pointer;}

/********** section common *************/
.sec_common{width: 100%; padding: 80px 0px; display: block;}


/********** services_box section ***************/

.services_box{background: #e1e5ff;}
.com_heading h1{text-align: center; margin-bottom: 25px; color:#122e83;display: block;}
.service_item{width:100%;height:165px; background: #ffffff; border-radius:15px;padding: 25px 15px;margin-bottom: 20px; transition:0.5s;color:#122e83;box-shadow: #d2d5ea 3px 3px 5px; }
.service_icon{display: block;}
.service_icon img{width: 70px; display: block;margin-left: auto; margin-right: auto; margin-bottom:10px;}
.service_text p{text-align: center; line-height: 18px; font-weight: 600;}
.service_item:hover{background: #122e83;transition:0.5s; color: #ffffff;}
.text_decoration_none{text-decoration:none;}

/************ About Us *************/

.about_us{background: #ffffff;}
.about_text h1{color:#122e83;}
.about_text p{
    font-family: "Exo 2", sans-serif;
    font-size: 1rem;
    text-align: justify;
    letter-spacing: 2px;
}
.about_image img{width: 95%; float: left; border-radius: 25px;}


/******** Technology we are using **************/
.software_technolgies_intro_heading h2 {text-align: center; color: #3acffd; font-weight: 700;}
.software_technolgies_intro_text p {text-align: center; width: 90%; margin: 0 auto; color: white; }

.software_technolgies_using{background:linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(9,9,121,1) 45%, rgba(0,212,255,1) 100%)}
.technology_item{width:100%;height:130px; background: #ffffff; border-radius:15px;padding: 20px 15px;float:left;margin-bottom:16px; transition:0.5s;color:#122e83;box-shadow: #d2d5ea 3px 3px 5px; }

.technology_icon{display: block;}
.technology_icon img{width: 70px; display: block;margin-left: auto; margin-right: auto; margin-bottom:10px;height:65px;}
.technology_text p{text-align: center; line-height: 18px; font-weight: 600;}
.technology_item:hover{background: #122e83;transition:0.5s; color: #ffffff;}

/************** Expertize Industry *********************/
.expertize_industry{background: #ffffff;}
.expertize_industry_heading h5{text-align: center; width: 90%; margin: 0px auto; color:#005e7a; text-shadow: 1px 1px #ffffff ; margin-bottom: 25px;}

.ei_box{background: #ffffff; border-radius: 10px; display:block;transition: 1s;box-shadow: #d2d5ea 3px 3px 5px;}

.ei_image img{width: 100%; height:100%; display:block; border-top-left-radius: 10px; border-bottom-left-radius: 10px;}
.ei_details{padding: 7px 25px 7px 0px;}
.ei_details h4 {color: #122e83;font-weight: 700;font-size: 21px;margin-top: 8px;}
.ei_details p{color:#555555; font-size: 14px; text-align:justify; line-height: 18px;}

.ei_box:hover{background: #03045E; color: #fff; cursor: pointer;transition: 1s; box-shadow: #3f3f3f 3px 3px 8px; }
.ei_box:hover h4{color:#3acffd;}
.ei_box:hover p{color:#ffffff;}

/*************** Software & Dev Process **************/
.soft_dev_process{background: #e1e5ff;}
.work_process_steps{background: #ffffff;padding: 10px 10px 10px 10px;margin-bottom: 10px;border-radius: 10px;min-height: 65px;display: flex;align-items: center;border: 1px solid #ccc;}
.work_process_steps:hover{background:#3acffd;cursor:pointer;}
.work_process_steps h6{margin-bottom: 0px;margin-right: 5px;}

.work_process_number{text-align: center;min-width:25px; height: 22px;background: #00238d;color:#fff; border-radius: 4px; margin-right: 5px;}


/*************** Footer *******************************/
.footer{display: block;}
.footer_main{padding: 90px 0px;background: #03045E;}
.flogo img{width: 220px; margin-bottom: 15px;}
.flogo p{color: white; text-align: justify; font-size: 13px;}
.flogo ul{padding-left: 0px !important;}
.flogo ul li{list-style: none; float:left;}
.flogo ul li a {
    display: block;
    color: #3acffd;
    font-size: 22px;
    text-decoration: none;
    padding: 5px 8px;
}
.flogo ul li a:first-child{padding-left: 0px;}
.flogo ul li a i{color:#3acffd}
.flogo ul li a:hover {color: #ffffff;}

.fmenu{padding: 0px 0px 15px 35px;}
.fmenu h4{color: #3acffd; font-weight: 500; margin-top: 13px;}
.fmenu ul{padding-left: 0px !important;}
.fmenu ul li{list-style:none;}
.fmenu ul li a{text-decoration:none; color: #ffffff; font-size:13px;transition: 0.5s;}
.fmenu ul li a:hover{color: #3acffd; transition: 0.5s; text-decoration: underline;}

/******************* Footer Bottom ************/
.footer_bottom{padding:25px 0px; background: #000130;}
.footer_bottom_left p{font-size: 14px;color: #8f8f8f;margin-bottom:0px;}
.footer_bottom_right ul{float:right;margin-bottom: 0px;}
.footer_bottom_right ul li{list-style: none; float: left; padding-left: 20px;}
.footer_bottom_right ul li a{font-size: 14px;color: #8f8f8f;text-decoration:none;transition: 0.5s;}
.footer_bottom_right ul li a:hover{color: #3acffd; transition: 0.5s; text-decoration: underline;}

/*********** Custom scroll bar *************************/
/* width */
::-webkit-scrollbar {width: 10px;}

/* Track */
::-webkit-scrollbar-track {box-shadow: inset 0 0 4px grey;border-radius: 5px;}
 
/* Handle */
::-webkit-scrollbar-thumb {background: #3acffd;border-radius: 5px;}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {background: #0492bd;}


/*********************************************************/
/************** Sevice In brief items page ***************/
.service_in_brief_item{background: #ffffff;padding: 0px;border-radius: 15px;border: #e1e5ff 1px solid; box-shadow: #e1e5ff 3px 3px 5px;}
.service_name h4{background: #03045e;border-top-right-radius: 15px;border-top-left-radius: 15px;margin:0px !important;padding: 8px;color:#6bdcff; text-align: center;font-weight: 500;}
.service_footer a{text-decoration: none;}
.service_footer h6{background: #3acffd;border-bottom-right-radius: 15px;border-bottom-left-radius: 15px;margin:0px;padding: 6px;color:#000130; text-align: center;font-weight: 700;transition: 0.5s;}
.service_footer h6:hover{background:#000130; color:#3acffd;cursor:pointer;transition: 0.5s;}
.sibi_comm h5{margin-top:12px !important;color: #03045e;font-weight: 700;}
.sib{border-right: #e1e5ff 1px solid;border-bottom: #e1e5ff 1px solid;}
.stb{border-bottom: #e1e5ff 1px solid;}
.ptb{border-right: #e1e5ff 1px solid;}

.sibi_comm ul {list-style-type: none; /* Remove default list styles */}
.sibi_comm li {margin-left: -10px;position: relative;font-size:14px;/* Adjust the space between the bullet point and the content */}
.sibi_comm li:before {
    content: '\25A3'; /* Unicode character for a bullet point */
    font-size: 1em; /* Set the desired size for the bullet point */
    position: absolute;
    left: -18px; /* Adjust the position to align with the content */
    top:0px;
    color: #03045e;
  }


  /******* Service intro ******************************/
  .service_intro_heading h2 {text-align: center; color: #122e83; font-weight: 600;margin-bottom: 12px;}
  .service_intro_text p{text-align: center;width:90%;margin: 0 auto;margin-bottom: 15px;}

  .service_intro_box{width: 100%;height: 270px;background: #ffffff;border-radius: 15px;padding: 25px 15px;margin-bottom: 20px;transition: 0.5s; box-shadow: #e1e5ff 2px 2px 7px; border: #e1e5ff 1px solid; }
  .service_intro_box img{width: 70px; display: block;}
  .service_intro_box p{text-align: justify; line-height: 22px; font-weight: 300;margin-top: 10px;color:#4e4e4e; }
  .service_intro_box h4{color:#122e83;font-size: 21px; font-weight: 600; font-family: Arial, Helvetica, sans-serif; }
  .service_intro_box:hover{transition:0.5s; color: #ffffff; box-shadow: #2c2c2c 1px 2px 4px;}

  /******* Service industries *************************/
  .services_industries{background: #e1e5ff;}

  /******* Software we are Developed ****************/
  .services_softwares{background: #ffffff;}
  .service_softwares_box{background: #ffffff;border-radius: 10px;height:328px;display: block;transition: 1s;box-shadow: #e1e5ff 2px 2px 7px; border: #e1e5ff 1px solid;}
  .dev_soft_title_border {border-bottom: 3px solid #0d158a;width: 80px;margin-bottom: 10px;}
  .service_softwares_box_image{height:120px;}
  .service_softwares_box_image img{width:100%;height:120px;border-radius: 10px 10px 0px 0px;}
  .service_softwares_box_details{height:180px;display: block;padding: 10px 25px;}
  .service_softwares_box_details h5{color: #0d158a; font-size: 19px; font-weight: 600; font-family: Arial, Helvetica, sans-serif;}
  .service_softwares_box_details p{text-align: justify;font-size: 14px;}
  .service_softwares_box_button{height:20px;border-radius: 0px 0px 10px 10px;}
  .service_softwares_box_button h6{transition: 0.5s;background: #0d158a;padding: 5px;text-align: center;width: 100%;color: #ffffff;border-radius: 0px 0px 10px 10px;}
  .service_softwares_box_button h6:hover{background: #3acffd;color: #0d158a;transition: 0.5s;}
  .service_softwares_box:hover{box-shadow: #2c2c2c 2px 2px 4px;cursor:default;transition: 1s;background: #ffffff;}

  /**************  Services software ebook guide ******************/
  .services_software_ebook_guide{background: #1e293b;height:250px;width: 100%;border-radius: 20px; display: flex;}
  .services_software_ebook_guide_left{border-radius: 20px 0px 0px 20px;background: #1e293b;display: flex;justify-content: center;align-items: center;}
  .services_software_ebook_guide_left img{width:140px;height:180px;}
  .services_software_ebook_guide_right{border-radius: 0px 20px 20px 0px;background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(9,9,121,1) 45%, rgba(0,212,255,1) 100%);}
  .services_software_ebook_guide_right h2{padding: 40px 20px 30px 20px;color: #ffffff;font-weight: 700;}
  .ebook_download_btn{margin: 20px; padding: 15px 25px;border-radius: 6px;background:#3acffd;color:#1e293b;font-weight: 600;text-decoration: none;}


  /************* software_services_request **********/
  .software_services_request{background: #ffffff;}
  .services_software_request_form{background: #1e293b;height:auto;border-radius: 20px;}
  .services_software_request_form_left{border-radius: 20px 0px 0px 20px;background: #1e293b;}
  .services_software_request_form_left h3{padding: 30px 20px 30px 20px;color: #ffffff;font-weight: 700;}
  .services_software_request_form_right{border-radius: 0px 20px 20px 0px;background: #e1e5ff;}
  .services_software_request_form_right h3{padding: 30px 20px 30px 20px;color: #1e293b;font-weight: 700;}
  
  .rsys-form-width{padding: 0px 20px 20px 20px;}
  .rsysit-form-label{color: #646464;margin-bottom: 5px;}
  .rsysit-checkbox-label {color: #707070;margin-bottom: 5px; margin-right:16px;}
  .rsysit-form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #707070;;
    background-color: #ffffff;;
    background-clip: padding-box;
    border: 1px solid #707070;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: .5rem;
    margin-bottom: 15px;
}
select option {
  background-color: #ffffff;
  padding: 20px !important;
  color: #646464;
}

.services_software_request_form_right input[type=checkbox] {
	-moz-appearance: none;
	-webkit-appearance:none;
	-o-appearance:none;
	outline: none;
	content: none;	
}

.services_software_request_form_right input[type=checkbox]:before {
	font-family: "FontAwesome";
    content: "\f00c";
    font-size: 15px;
    color: transparent !important;
    background: #ffffff;
    display: block;
    width: 20px;
    height: 20px;
    border: 1px solid #929292;
    margin-right: 4px;
    border-radius: 4px;
}

.services_software_request_form_right input[type=checkbox]:checked:before {
	color: #585858 !important;
}


/*******************************************************************************/

.project-duration {
  position: relative;
}

.range-label {
  width: 100px;
  height: 32px;
  padding: 3px 20px;
  border: #0347d3 1px solid;
  background: #00238d;
  color:#00f7ff;
  font-size: 18px;
  font-weight: 700;
}

input[type="range"] {
  width: 100%;
  height: 5px;
  margin-top: 10px;
  cursor: pointer;
  appearance: none;
  background: linear-gradient(to right, #09348f, #00f7ff); /* Change the color as needed */
  border-radius: 5px;
  outline: none;
}

input[type="range"]::-webkit-slider-thumb {
  appearance: none;
  width: 35px;
  height: 35px;
  background-color: #09348f; /* Change the color as needed */
  border-radius: 50%;
  border: #00f7ff 3px solid;
  cursor: pointer;
}

input[type="range"]::-moz-range-thumb {
  width: 35px;
  height: 35px;
  background-color: #09348f; /* Change the color as needed */
  border: #00f7ff 1px solid;
  border-radius: 50%;
  cursor: pointer;
}

/******************* Book Consultancy ************************/
.book_consultancy{background: #e1e5ff;}
.book_consultancy_image img{width:100%;border-radius: 20px;box-shadow: #afafaf 2px 2px 7px; border: #afafaf 1px solid;}
.bradius{border-radius: 8px;}
.book_consultancy_form{width:100%;height: auto;border-radius: 20px;margin-left: 15px;}
.iti{width:100%;}


/******************* OUR SEO PROCESS  *************************/
.collapsible{background-color: #ffffff; color: #122e83; cursor: pointer; padding: 18px; width: 100%; border: none;
  text-align: left; outline: none; font-size: 15px; border-radius: 8px;}
.active, .collapsible:hover{ background-color: #3acffd; color: #122e83; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px;}
.content{ background-color: white; max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px;}
.content_border{ border: #3acffd 1px solid; padding: 10px 18px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px;}
.collapsible:after{content: '\02795';font-size: 13px;color: #ffffff;float: right;margin-left: 5px;}
.active:after {content: "\2796";}

/**************What do our SEO services include?******************/
.service_tab {float: left; border: 1px solid #ccc; background-color: #f1f1f1; width: 30%; border-radius: 10px 0px 0px 10px;}
.service_tab button {display: block; background-color: inherit; color: black; padding: 10px 16px; width: 100%; border: none; outline: none; text-align: left; cursor: pointer; transition: 0.3s;border-radius: 10px 0px 0px 10px;}
.service_tab button:hover {background-color: #ddd;}
.service_tab button.activesb {background-color: #ccc;}
.tabcontent {float: left; padding: 10px 12px; border: 1px solid #ccc; width: 70%; border-left: none; border-radius: 0px 10px 10px 0px;}
.service_tab_seo_height,.tabcontent_seo_height{height: 400px;}
.service_tab_dm_height,.tabcontent_dm_height{height: 500px;}

/*********** Send SEO Service Request *****************/
.aqua_title{color: #3acffd;}


/*****************************************************/
/*********** BLOG GRID PAGE **************************/
.blog_grid{display: flex;}
.blog_grid_main{background-color: #ffffff;height: 100%;border: 1px solid rgb(235, 238, 239);
  box-shadow: 0px 5px 10px rgb(225 229 255);border-radius: 8px;}
.blog_grid_main img{height: 175px;width:100%; background: #e1e5ff; border-radius: 8px;}
.date_and_category{width:100%;padding: 7px 0px;display: block;height: 22px;}
.blog_grid_date{font-size: 12px;float: left;}
.blog_grid_category{font-size: 12px;float: right;}
.dcom{color:#00f7ff;margin-right: 5px;}
.blog_grid_main h6{font-size: 15px;margin: 8px 0px;display: block;font-weight: 600;}
.blog_grid_main p{font-size: 13px;display: block;line-height: 15px;}
.blog_grid_main hr {
  margin: 1rem 0rem 0.6rem 0rem ;
  color: #8f8f8f;
  background-color: currentColor;
  border: 0;
  opacity: .25;
}
.more_details_button{color:#2c2c2c;text-align: center;margin-bottom: 3px;}
.more_details_button:hover{color:#00f7ff;text-align: center;cursor: pointer;}