/* Custom Fonts */
@font-face {
  font-family: 'Bio-Sans-R';
  src: url("../Image/BioSans-Regular.woff2");
  font-weight: normal;
}
@font-face {
  font-family: 'Bio-Sans-L';
  src: url("../Image/BioSans-Light.woff2");
  font-weight: 300;

}
@font-face {
  font-family: 'Bio-Sans-S';
  src: url("../Image/BioSans-SemiBold.woff2");
  font-weight: bold;

}
@font-face {
  font-family: 'Bio-Sans-B';
  src: url("../Image/BioSans-Bold.woff2");
  font-weight: bolder;
}



body {font-family: "Bio-Sans-R"; color: #444444;}
a {color: #7bc7d7; text-decoration:none;}
a:hover {color: #000; text-decoration: none;}
ul,ol,li{font-family: "Bio-Sans-R"; font-size: 17px;}
h1, h2, h3, h4, h5, h6 {font-family: "Bio-Sans-R";}
section.bnr{padding:0;}
img{max-width:100%;}
a{text-decoration:none;}
#divmainenquiry11 .close { position: absolute; right: 14px; font-size: 30px; cursor: pointer;}
/*nav-top*/
.table-responsive{
  overflow: hidden !important;
    padding: 0;
}
.dropdown-item:focus, .dropdown-item:hover {
  color: #fff;
  background-color: #9295ea;
}
.nav-top {position:relative; overflow:hidden;}
.nav-top:before{position: absolute; left: -140px; top: 0; z-index: 0; border-right: 5px solid #fff; background: #115199;  content:'';  height: 60px; width: 40%;  transform: skew(-20deg, 0deg);}
.nav-top .text-end .d-inline-flex .fa{background: #115199; width: 45px;  height: 45px; line-height: 50px; text-align: center;    border-radius: 5px;  transition: .5s; margin-top:5px;}
.nav-top .text-end .d-inline-flex .fa:hover{background: #000;}
/*nav-top*/
/*nav-bar*/
.dropdown-toggle{position:relative;}
.nav-item ul li .dropdown-toggle::after{position:absolute;right: 5px; top: 10px;}
/*#MenuControl*/ .navbar.bg-light{ height:100%;background: rgb(173,175,244);
  background: linear-gradient(90deg, rgba(173,175,244,1) 0%, rgba(152,158,236,1) 25%, rgba(132,130,230,1) 50%, rgba(105,98,210,1) 75%, rgba(82,70,188,1) 100%);}
#MenuControl .nav-link:focus,#MenuControl .nav-link:hover{background-color:#fff !important; color:#2b2825 !important;}
.nav-link{font-weight: 600; color:#fff;}
.nav-fill{width:100%; font-size: 15px;}
.navbar-brand{margin:0;}
.nav-item{position:relative;}

/*nav-bar*/
@media (max-width: 1170px){
.navbar-expand-md .navbar-nav .nav-link{padding-right:1px; padding-left: 1px;}
}
@media (max-width: 991px){
#MenuControl, #MenuControl_C, #HeaderControl, #HeaderControl_C, #widgetsControl_C, #widgetsControl{ height: initial !important;}
.navbar-expand-md .navbar-nav .nav-link{font-size: 12px;}
	}

@media (max-width: 767px){
.navbar-toggler{background:#eee;}
.navbar.navbar-expand-md{text-align:center;}
.navbar.navbar-expand-md .container-fluid{display:block;}
.nav-fill .nav-item, .nav-fill>.nav-link{text-align:left;}
.navbar-nav>li{ display: block; text-align: left; padding: 4px 0; border-bottom: 1px solid #999; border-right:0; }
.nav-item ul li .dropdown-toggle::after{transform: rotate(90deg);}
.nav-item .nav-link.dropdown-toggle::after {position: absolute; right: 5px; top: 15px;}
.navbar-expand-md .navbar-nav .nav-link{font-size: 14px;padding-right: 5px; padding-left: 5px;}
}



.main-table{  Font-size:15px; color:#333; line-height:24px; text-align:justify; padding: 0 5px;}
.main-heading{font-weight:bold; Font-size:22px; color:#000; line-height:36px; border-bottom:1px #ccc dashed; text-align:left; margin-bottom: 10px; padding: 0;}
.sub-heading{font-weight:bold; Font-size:19px; color:#333; line-height:30px; margin:0; text-align:left;}
.team-title{font-weight:bold; Font-size:14px; color:#333; line-height:30px; margin:0; text-align:left;}
.team_img {
  width: 150px;
  border: 6px solid #5246bc;
  border-radius: 50%;
}
p{
  font-family: "Bio-Sans-R";
  font-size: 17px;

}
a{
  font-family: "Bio-Sans-R";
  font-size: 15px;

}
.foot_color p{
  color: #fff;
}
.secondary-bg i{color: #fff;}
.secondary-bg p{color: #fff;    font-weight: 600;
}
/* contact */

/*----------------------------contactpage----------------------------------------*/
.bx-rht-cont p{margin-bottom:0;}
.brn-off{width:31%; padding:1%; float:left;     padding-bottom: 0;}
.cont-page h3{     margin: 0;
    font-size: 18px;
    margin-bottom: 8px;}
.cont-page p{font-size:14px; color:#000;     line-height: 24px !important;}

.cont-heading {
    margin: 0;

    font-size: 15px;
    text-transform: uppercase;
    background:#60355c;
    padding: 9px 10px;
    color: #fff;
    margin-bottom: 8px;
}
.head-bx{float: left;
    width: 50%;}
	
.contd-bx{float: left;
    width: 50%;}
	
.brn-bx h2{text-align:center;}

.map-cont img{max-width:100%;}

.cont-page .st-feature-box{    background: #333;
    padding-top: 10px;
    padding-bottom: 10px; margin-bottom: 10px;     padding-right: 10px;
	    color: #fff;}
	
.cont-page .feature-box-image{    margin-top: 13px;}

.brnh-off p{margin-bottom:2px;}


.st-custom-heading-layout2.st-custom-heading-wraper {
    margin-bottom: 24px;
}

.st-custom-heading-layout2 .st-heading-title {
    position: relative;
    margin-bottom: 0;
    text-transform: uppercase;
    font-size: 25px;
    line-height: 25px; font-weight:bold;
	margin-top: 0;
}

.st-custom-heading-layout2 .st-heading-title>span {
	    position: relative;
    margin-bottom: 0;
    text-transform: uppercase;
    font-size: 25px;
    line-height: 25px;
    display: block;
    margin-bottom: 11px;
}

.st-custom-heading-layout2 .heading-line {
    width: 26px;
    height: 1px;
    background: #114366;
    margin: 0;
}

.st-feature-box {
    padding-left:75px;
    position: relative;
	    margin-bottom: 35px;
}

.st-feature-box .st-feature-box-icon {
    color: #111;
    display: block;
    position: absolute;
    width: 52px;
    height: 52px;
    line-height:0px;
    top: 0;
    left: 0;
    text-align: center;
    font-size: 60px;
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.st-feature-box h3 {
    color: #fff;
    margin-bottom: 8px;
    font-size: 18px;
    line-height: 20px;
    font-weight: normal;
}

.cont-soc img{margin-right:5px;}
.cont-page h2{    font-weight:bold;
    color: #111;
    font-size: 19px;
    margin-top: 0;
    text-transform: uppercase;
    margin-bottom: 18px;
	margin-top:10px;}
.cont-page h2 span{color: #111;
    font-weight: normal;
    font-size: 18px;}
.cont-page h5{    color: #222;
    font-size: 19px;
    margin-bottom: 25px;}
	
.cont-page h2 span {
    color: #111;
    font-weight: normal;
    font-size: 18px;
}

.cont-page{text-align:left;font-family: arial; font-size: 14px;}

/* End */
/*--------------------------------------------------------------
# Back to top button
--------------------------------------------------------------*/
.back-to-top {
  position: fixed;
  display: none;
  width: 40px;
  height: 40px;
  border-radius: 50px;
  right: 15px;
  bottom: 15px;
  background: #7bc7d7;
  color: #fff;
  transition: display 0.5s ease-in-out;
  z-index: 99999;
}

.back-to-top i {
  font-size: 24px;
  position: absolute;
  top: 7px;
  left: 8px;
}

.back-to-top:hover {
  color: #fff;
  background: #86c0da;
  transition: background 0.2s ease-in-out;
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#header .fa-mobile{font-size: 50px !important;}
#header .head-img{position:relative; padding:15px 0;}
#header{    background-color: #acaef4;}
.main-bg{background:#0f5298;}
.main-color{color:#0f5298;}
.secondary-bg{background-color: #3c99dc;}
#MenuControl{/* padding: 12px 0; */}
/*#MenuControl .navbar-expand-md .navbar-collapse{display:block !important;text-align: center;}
#MenuControl .navbar-expand-md .navbar-nav{display: -webkit-inline-box;}*/
/*--------------------------------------------------------------
# Sections General
--------------------------------------------------------------*/
section {
  padding: 60px 0;
}



.tm-lft .section-title h2::before{background: #fff;}
.section-title p {
  margin-bottom: 0;
}


  
/*--------------------------------------------------------------
#banner
--------------------------------------------------------------*/
.carousel-inner{
  background: rgb(173,175,244);
  background: linear-gradient(90deg, rgba(173,175,244,1) 0%, rgba(152,158,236,1) 25%, rgba(132,130,230,1) 50%, rgba(105,98,210,1) 75%, rgba(82,70,188,1) 100%);
}
.banner_cont{padding: 50px 60px;}
.banner_cont h2{margin: 0;padding: 20px 0 30px;text-align: left;font-size: 14px; font-style: italic;  color: #d9e3e2;text-transform: uppercase;letter-spacing: 0.16rem;}
.banner_cont .dash{display: inline-block;width: 36px;height: 2px;background: #d9e3e2;margin: 0 7px;padding: 0;line-height: 24px;vertical-align: middle;}
.banner_cont h3{display: block;margin: 0;padding: 0;text-align: left;font-weight:700;font-size: 42px;color: #fafafa; padding: 6px 0;}
.banner_cont h3 span{color: #3c32d38a;}
.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #5246bc;
  --bs-btn-border-color: #5246bc;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #6962d2;
  --bs-btn-hover-border-color: #6962d2;}

  .bnr-sec .carousel-dark .carousel-indicators [data-bs-target] {background-color: #fff; border-top:0 solid ;}
  @media screen and (max-width:992px){
    .title_head{top: 0px !important ;}
  }
  @media screen and (max-width:768px){
    .banner_cont{padding: 30px;}
    .banner_cont h3{font-size: 32px;}
    
  }
  .bnr-sec .carousel-indicators{display: flex;flex-direction: column; left: 0;  margin-left: 4%;}
  
  
/*--------------------------------------------------------------
# about
--------------------------------------------------------------*/
    
.about h2{margin: 0;padding: 20px 0 30px;text-align: left;font-size: 14px; font-style: italic;color: #5246bc;text-transform: uppercase;letter-spacing: 0.16rem;}
.about .dash{display: inline-block;width: 36px;height: 2px;background: #5246bc;margin: 0 7px;padding: 0;line-height: 24px;vertical-align: middle;}
.abt_bg{background-color: #adaff4;}
.abt_ser_box{display: inline-block; padding: 12px 16px;}
.abt_ser_box_hover:hover{background: #5246bc;}
.abt_ser_box_hover:hover .fa, .abt_ser_box_hover:hover h3{color: #fff;}
.abt_ser_box .fa{font-size: 32px; margin: 22px 0; color: #000;} 
.abt_ser_box h3{font-size: 18px;color: #000;margin: 22px 0;}
.title_head{display: inline-block; background-color: #5246bc; color: #fff; padding: 12px 16px;    position: relative;top: -51px;    z-index: 3;}
.title_head .dash{display: inline-block;width: 36px;height: 2px;background: #fff;margin: 0 7px;padding: 0;line-height: 24px;vertical-align: middle;}
.title_head a{color: #fff;}
.tilt-arr{transform: rotate(45deg);}


/*--------------------------------------------------------------
# clientele
--------------------------------------------------------------*/
.clientele{background: url(image/services-bg.jpg) no-repeat center/cover scroll;}
.clientele_box{margin: 20px 0;}
.clientele h2{
margin: auto;
padding: 20px 0;

font-size: 14px;
font-style:italic ;
color: #fff;
text-transform: uppercase;
letter-spacing: 0.16rem;}
.clientele .dash{
  display: inline-block;
width: 30px;
height: 3px;
background: #fff;
margin: 0 7px;
padding: 0;
line-height: 24px;
vertical-align: middle;
}
/*--------------------------------------------------------------
# team
--------------------------------------------------------------*/
.team{background: url(Image/team_bg.png) no-repeat top/cover scroll;}
.team h2{
  margin: auto;
  padding: 20px 0;
  text-align: center;
 font-size: 14px;
 font-style:italic ;
  color: #9c9c9c;
  text-transform: uppercase;
  letter-spacing: 0.16rem;}
  .team .dash{
    display: inline-block;
  width: 30px;
  height: 3px;
  background: #5246bc;
  margin: 0 7px;
  padding: 0;
  line-height: 24px;
  vertical-align: middle;
  }
  .team p{color: #a2a2a2;}


  
/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
footer{    background: rgb(173,175,244);
  background: linear-gradient(90deg, rgba(173,175,244,1) 0%, rgba(152,158,236,1) 25%, rgba(132,130,230,1) 50%, rgba(105,98,210,1) 75%, rgba(82,70,188,1) 100%);}
  footer h4{color: #fff; font-size: 18px;}
  footer a{color: #fff; font-size: 15px;}
.top {  position: fixed;  right: 20px;  bottom: 30px;  text-align: center;  color: #fff; background-color:#adaff4;  padding: 10px 15px; z-index: 9; cursor: pointer;  opacity: 0;  transition: ease-in 0.5s;}
.top.scll-top {  opacity: 1; transition: ease-in 0.5s;  bottom: 50px;}
.top .fa { display: block !important;}

@media (max-width: 1200px) {
  .about .content {
    padding-right: 0;
  }
}
@media (max-width: 992px) {
  .bnr-sec .carousel-caption h2{
    font-size: 36px;
  }
  .bnr-sec .carousel-caption p{
    margin-top: 30px;
  }
  .team .member {
    margin-bottom: 110px;
  }
  .services .icon-box{margin:15px auto;}
}

@media (max-width: 768px) {
  .about {
    text-align: center;
  }
}
@media (max-width: 767px) {
  .bnr-sec .carousel-caption h2{
    font-size: 36px;
  }
  .bnr-sec .carousel-caption h4{
    margin-bottom: 0;
  }
  .bnr-sec .carousel-caption p{
    margin-top: 14px;
  }
  .header_img{text-align: left !important;}
  .Top_social_link{text-align: left !important;}
  #header img{margin:inherit;}
  .navbar-toggler{/* position: absolute; top: -23px;  */}
.caption{width: 100%;}
.wback .caption{    top: 30%;}

}
@media (max-width: 575px) {
  .carousel-caption{display: none;}
  .bnr-btm-sec .btm-bx{    padding: 18px 20px 20px;  }
  #footer .footer-top .footer-info {margin: -20px 0 30px 0;}
  .wback .caption{display:none;}
}
@media (max-width: 414px) {
}

/* social link */

.whatsapp_btn {
  position: fixed;
  top: 28em;
  right: 40px;
  width: 55px;
  height: 55px;
  z-index: 9999;
}
.whatsapp_btn .icon_logo {
  position: relative;
  z-index: 100;
  padding: 5px;
}

.whatsapp_btn .icon_logo > a > img {
  width: 100%;
}

.whatsapp_btn .circle_waves {
  border-radius: 50%;
  background-color: #3cc04e;
  width: 55px;
  height: 55px;
  position: absolute;
  opacity: 0;
  bottom: 1px;
  left: 0px;
  z-index: 99;
  animation: waves 4s infinite cubic-bezier(0.36, 0.11, 0.89, 0.32);
}

@keyframes waves {
  from {
    transform: scale(0.55, 0.55);
    opacity: 0.6;
  }
  to {
    transform: scale(1.8, 1.8);
    opacity: 0;
  }
}

.callus {
  width: 100%;
  margin: 20px 0 0 0;
  text-align: right;
  position: fixed;
  top: 33em;
  right: 30px;
  width: 50px;
  height: 50px;
  z-index: 99999;
}



.callus .callusL {
  width: 40px;
  height: 40px;
  font-size: 18px;
  border-radius: 100%;
  text-align: center;
  line-height: 40px;
  display: inline-block;
  float: right;
  background: #eb1d39;
  color: #fff;
  margin: 0 20px 0 0;
  -webkit-box-shadow: 0px 0px 0px 7px #dc3545;
  -moz-box-shadow: 0px 0px 0px 7px rgba(232, 154, 17, 0.25);
  box-shadow: 0px 0px 0px 7px #dc354536;
  -webkit-animation: tada 1.25s infinite alternate-reverse;
  -moz-animation: tada 1.25s infinite alternate-reverse;
  -ms-animation: tada 1.25s infinite alternate-reverse;
  animation: tada 1.25s infinite alternate-reverse;
}
@keyframes tada {
  from {
    transform: scale(0.85, 0.85);
    
  }
  to {
    transform: scale(1.2, 1.2);
    
  }
}

@media (min-width:1023px){

  .navbar-nav li:hover > ul.dropdown-menu {
      display: block;
  }
  .dropdown-submenu {
      position:relative;
  }
  .dropdown-submenu > .dropdown-menu {
      top: 0;
      right:100%;
      left: auto;
      margin-top:-6px;
  }
  
  /* rotate caret on hover */
  .dropdown-menu > li > a:hover:after {
      text-decoration: underline;
      transform: rotate(180deg);
  }
  .dropend .dropdown-menu {
      right: 100% !important;
      left: auto !important;
      top: 0;
  }
  }

  /* Add in ca-style */
.body-fx #MenuControl {
  height: 90px;
  float: Right;
  position: fixed;
  right: 0;
  width: 75%;
  padding: 0;
  padding-right: 0;
  background:#333;
  transition: 0.5s;
  top: 0;
  height: 68px !important;
}
.body-fx #HeaderControl{
  height: 90px;
  float: Left;
  position: fixed;
  width: 25%;
  padding: 0;
  padding-left: 0;
  background:#333;
  z-index: 99;
  text-align: left;
  transition: 0.5s;
height: 68px !important;
    top: 0;
  
}
  /* Add in media max-width:767px  */
  @media (max-width: 767px)
  {
  .body-fx #HeaderControl {
      float: Left;
      position: static;
      width: 100%;
      }
      .body-fx #MenuControl{ float: Left;
      position: static; width: 100%;}
  }