@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&display=swap');

body {font-family: "Jost", sans-serif; color: #171717;}
a {color: #7bc7d7; text-decoration:none; font-size: 16px ;}

h1, h2, h3, h4, h5, h6 {font-family: "Jost", sans-serif; color: #000;}
section.bnr{padding:0;}
img{max-width:100%;}
ol li,ul li {font-size: 18px; margin-bottom: 4px;}
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-menu.show {display: block;border-radius: 0 !important;padding: 0 !important;}
/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*nav-bar*/
.dropdown-toggle{position:relative;}
.nav-item ul li .dropdown-toggle::after{position:absolute;right: 5px; top: 10px;}
/*#MenuControl*/ .navbar.bg-light{background-color: transparent !important; height:100%;}
#MenuControl .nav-link:focus,#MenuControl .nav-link:hover{background-color:#fff !important; color:#2b2825 !important;}
.nav-link{font-weight: 600;color: #2a5698;font-size: 16px;}
.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;}
}

/*--------------------------------------------------------------
# whatsapp Btn
--------------------------------------------------------------*/
.whatsapp_btn{position: fixed;top: 30em;right: 20px;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(.36, .11, .89, .32);}
@keyframes waves {
    from {
        transform: scale(.55, .55);
        opacity: .6;
    }
    to {
        transform: scale(1.8, 1.8);
        opacity: 0;
    }
}

/*--------------------------------------------------------------
# Inner why_choose page
--------------------------------------------------------------*/
.why_choose .accordion-button:not(.collapsed) {background-color: #2a5698;}
.why_choose .accordion-button {background-color: #2a5698;}
.why_choose .accordion-button:not(.collapsed)::after {filter: brightness(5);}
.why_choose .accordion-button:focus {box-shadow:none !important;}
/*--------------------------------------------------------------
# Sections General
--------------------------------------------------------------*/
section {padding: 60px 0;}
/*color  */
.cl-1{color: #2a5698;}
.cl-2{color: #375295;}
.cl-2{color: #e4e4ee;}

.bg-2{background-color: #375295;}
/* font-weight */
.fw-5{font-weight: 500;}
.fw-6{font-weight: 600;}
.fw-7{font-weight: 700;}
.fw-8{font-weight: 800;}
.fw-9{font-weight: 900;}
/*  */
.fs-18{font-size: 18px;}
/*  */

.custom-btn {background: #2a5698;color: #fff;display: inline-block;padding: 17px 32px;font-size: 15px;font-weight: 500;letter-spacing: .8px;}
.custom-btn:hover {color: #fff;}
.custom-btn i {font-size: 17px;margin: 0 0 0 8px;}
/*--------------------------------------------------------------
# Pages General
--------------------------------------------------------------*/
.main-table{ font-family: "Jost", sans-serif; Font-size:15px; color:#333; line-height:24px; text-align:justify; padding: 0 5px;}
.main-heading{font-weight:bold; Font-size:20px; 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: 20px;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 #2f4d5a;border-radius: 50%;}
p{font-family: "Jost", sans-serif;font-size: 18px;line-height: 26px;color: #000;}
a{font-family: "Jost", sans-serif;font-size: 16px;}



/*--------------------------------------------------------------
# Nav-Top
--------------------------------------------------------------*/

.top-header a { color: #2a5698; font-size: 16px; margin: 0 0 0 20px; font-weight: 500; line-height: 1;}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/



#MenuControl{/* padding: 12px 0; */}

/*--------------------------------------------------------------
# Banner
--------------------------------------------------------------*/
/*bnr-sec*/
.banner-section .carousel-item::before {content: "";position: absolute;  top: 0; left: 0; right: 0; bottom: 0;  background-image: linear-gradient(90deg, rgba(26, 26, 26, 0.7), transparent);z-index: 2;}
.banner-section .carousel-caption{z-index: 10;right: inherit;bottom: 4.25rem;left: 12%;text-align: left;}
.banner-section .carousel-caption h1 {font-size: 60px;font-weight: 600;letter-spacing: .3px;text-shadow: 3px 3px 3px #2c2c2c;margin: 0 0 40px 0;text-align: left;color: #fff;}
.banner-section .carousel-caption .custom-btn { box-shadow: rgba(0, 0, 0, 0.4) 0px 5px 15px;}
/*--------------------------------------------------------------
# About
--------------------------------------------------------------*/
.hm-abt-img {position: relative;z-index: 2;padding-bottom: 64px;margin-right: 50px;}

.hm-abt-img .hm-abt-img-1 {position: relative;display: inline-block;}
.hm-abt-img .hm-abt-img-1 .year-counter {position: absolute;right: 0;top: 0;padding: 24px 6px 16px}
.hm-abt-img .hm-abt-img-1 .year-counter .year-counter_number {margin-bottom: 5px;font-size: 48px;margin-top: -6px}
.hm-abt-img .hm-abt-img-1 .year-counter .year-counter_text {color: #fff;text-transform: capitalize}
.hm-abt-img .hm-abt-img-1:after {content: '';position: absolute;right: 0;top: 0;background: #fff;height: 127px;width: 120px;z-index: 1}

.hm-abt-img .hm-abt-img-2 {position: absolute;bottom: 20px;right: 0}
.hm-abt-img .hm-abt-img-2 img {border: 6px solid #fff;}
.hm-abt-img .abt-exp {position: absolute;top: 231px;left: -242px}
.hm-abt-img .abt-exp .abt-since {font-size: 74px;font-weight: 700;color: transparent;-webkit-text-stroke: 1px #f84923;transform: rotate(-90deg)}
.year-counter {max-width: 270px;text-align: center;padding: 22px;border-radius: 0px;background-color: #2a5698;position: relative;z-index: 3}
.year-counter_number {font-size: 74px;font-weight: 700;color: #fff;line-height: 50px;margin-bottom: 10px;margin-top: 3px}
.year-counter_text {color: #375295;font-size: 18px;line-height: 26px;font-weight: 400;margin-bottom: -0.32em;text-transform: uppercase;max-width: 113px;display: inline-block}


@media (max-width: 1500px) {.hm-abt-img {margin-right:30px;margin-left: 30px}}
@media (max-width: 1399px) {.hm-abt-img {margin-right:10px;margin-left: 10px}}
@media (max-width: 1199px) {.hm-abt-img {display:inline-block;margin-right: 10px;margin-left: 10px;padding-right: 155px}}
@media (max-width: 767px) {.hm-abt-img {margin-right:10px;margin-left: 10px;padding-right: 50px}}
@media (max-width: 575px) {.hm-abt-img {margin-right:0;margin-left: 0px;padding-right: 0;padding-bottom: 150px}}
@media (max-width: 375px) {.hm-abt-img {padding-bottom:220px}}
@media (max-width: 767px) {.year-counter .year-counter_number {font-size:64px}}


/*--------------------------------------------------------------
# Services
--------------------------------------------------------------*/
.service-section{background: #ececec; padding-top: 60px 0;}
.service-bx{position: relative;margin-bottom: 20px;}
.icon-bx{display: flex;align-items: center;border-radius: 30px 0px 0px;transition: .6s;background: #424e9226;}
.service-bx:hover .icon-bx {background: #375295; transition: .6s;}
.icon i{font-size: 25px; width: 66px; height: 66px;  line-height: 66px; background: #375295; color: #fff; border-radius: 25px 0px 0px 0px; display: inline-block; text-align: center; transition: .7s;}
.service-bx:hover .icon i{ background: #375295; transition: .6s;}
.icon-bx h3 {font-size: 18px;color: #e4e4ee;margin-bottom: 0;margin-left: 12px;}
.icon-bx h3 a{font-size: 18px;color:#000;}
.service-bx:hover .icon-bx h3 a { color: #fff;}
.service-bx-img {position: relative;    overflow: hidden;}
.service-bx:hover .service-bx-img img {transform: scale(1.1);transition: .5s;}
.service-bx .service-bx-img:before { content: ""; position: absolute; left: 0;top: 250px; height: 100%; width: 100%; opacity: 0; background: #013e59; transition: .8s;  z-index: 9; clip-path: circle(63% at 50% 95%);}
.service-bx:hover .service-bx-img:before { opacity: .75;  transition: .8s; top: 50px;}
.service-bx .service-bx-img img{transform: scale(1);transition: .5s;width: 100%;}
.service-bx .rd-btn{text-align: center; position: absolute; bottom: -54px; left: 0; right: 0; transition: .8s;}
.service-bx .rd-btn a{padding: 7px 30px;border-radius: 5px;background: #375295;color: #fff;font-size: 15px;margin-left: 5px;font-weight: 500;display: inline-block;position: relative;border: 2px solid #375295;overflow: hidden;z-index: 999;}
.service-bx:hover .rd-btn { transition: .8s; bottom: 35px;}
.service-bx .rd-btn a:hover {background-color: #eee;color: #375295;border-color: #eee;}
.service-section .carousel-control-next, .service-section .carousel-control-prev {width: 5%;opacity: 1;}
.service-section .carousel-control-prev {left: -58px;}
.service-section .carousel-control-next {right: -58px;}
@media screen and (max-width: 768px) {
  .service-section .carousel-control-prev {left: 100px;top: inherit;bottom: -20px;}
.service-section .carousel-control-next {right: 100px;top: inherit;bottom: -20px;}
}
/*--------------------------------------------------------------
# Why choose us
--------------------------------------------------------------*/
.why_choose_us { padding: 5% 0;}
.why_choose_us .left-img { position: relative; overflow: hidden;}
.why_choose_us .left-img .text { position: absolute; width: 100%; left: 0; bottom: 0; background-image: linear-gradient(transparent 0%, #1f1f1f); padding: 25px;  transition: all .4s ease-in-out;}
.why_choose_us .left-img .text h3 { color: #fff; font-size: 32px; font-weight: 600; letter-spacing: .8px; margin: 0 0 5px 0;}
.why_choose_us .left-img .text a { color: #fff; font-size: 15px; font-weight: 600; text-transform: uppercase; transition: all .3s ease-in-out; }
.why_choose_us .left-img .text a:hover { letter-spacing: 1px;}
.why_choose_us .left-img img { transition: all .4s ease-in-out; width: 100%; height: 360px; object-fit: cover;}
.why_choose_us .left-img:hover img { filter: brightness(80%); transform: scale(1.1);}
.why_choose_us .left-img:hover .text { padding: 25px 25px 25px 32px;}
.why_choose_us .why_choose_us-bx { background: #fff; padding: 40px 25px; height: 360px; transition: all .4s ease-in-out; cursor: pointer;}
.why_choose_us .why_choose_us-bx:hover { padding: 40px 0 40px 35px; filter: brightness(95%);}
.why_choose_us .why_choose_us-bx:nth-child(5)  {background: #dad6ce;}
.why_choose_us .why_choose_us-bx:nth-child(3) { background: #2a5698;}
.why_choose_us .why_choose_us-bx:nth-child(4) { background: #FF7477;}
.why_choose_us .why_choose_us-bx:nth-child(6) { background: #2a5698;}
.why_choose_us .why_choose_us-bx:nth-child(7) { background: #df9926;}
.why_choose_us .why_choose_us-bx .icon { background: #fff; display: inline-block; padding: 15px; border-radius: 50%; margin: 0 0 30px 0; box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;}
.why_choose_us .why_choose_us-bx .icon img { width: 50px;}
.why_choose_us .why_choose_us-bx h5 { text-transform: uppercase; font-size: 15px; letter-spacing: 1px; color: #fff;}
.why_choose_us .why_choose_us-bx p { font-size: 22px; font-weight: 600; margin: 0 0 40px 0; color: #fff;}
.why_choose_us .why_choose_us-bx a { color: #fff; font-size: 14px; font-weight: 600; text-transform: uppercase;}

/*--------------------------------------------------------------
# Contact
--------------------------------------------------------------*/
.contact-section .contact-detail h6{ font-size: 18px; color: #3f3f3f;}
.contact-section .contact-detail p, .contact-section .contact-detail p a {color: #171717; margin: 0 0 30px 0; font-size: 19px; font-weight: 500;}
.contact-section .contact-form .form-control{ padding: 10px 0; margin: 0 0 30px 0; font-size: 17px; border: none; border-radius: 0; border-bottom:  1px solid #3f3f3f;}
.contact-section .contact-form input[type="button"] { border: 0; background: #2a5698; color: #fff; font-size: 16px; font-weight: 600; padding: 16px 27px; letter-spacing: .5px;}



/*--------------------------------------------------------------
#innr-pg-bnnr
--------------------------------------------------------------*/
/*innr-pg-bnnr*/
.otherpagecss #RadDockZone1.container{max-width: 100%;}
.otherpagecss #RadDockZone1.container #HomepagecontentControl_C table{margin-top:0 !important;}
.innr-pg-bnnr{padding: 100px 0 0; width: 100%; background-size: cover; min-height:300px; text-align: center; position:relative;margin-bottom: 40px;}
.innr-pg-bnnr:after{content:'';position:absolute;left:-1px;right:-1px;top:-1px;width:100%;height:100%;z-index: 0;background: #242424d4;}
.main-table.innr-pg{padding-bottom:50px;}
.innr-pg-bnnr h1{color:#fff;text-align:center;text-transform:uppercase;font-size: 37px;font-weight: 800;position:relative;z-index:1;}
.innr-pg-bnnr h1:after{content:'';position:absolute;bottom: -4px;margin:0 auto;left:0;right:0;width:100px;height:4px;border-radius:2px;background:#fff;}
.inner-pages ul, .innr-pg ul{padding:0px; margin-bottom:0;}
.inner-pages li, .innr-pg li {position: relative; list-style: none; padding-left: 30px;}
.inner-pages li:before, .innr-pg li:before{content: "\f101";  position: absolute; font-family: FontAwesome; font-size: 17px; line-height: 30px;    left: 7px;  top: -2px; color: #a2d5f2;}
/*innr-pg-bnnr*/




/*--------------------------------------------------------------
# Inner Content pages
----------------------------------------------*/
.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: #2a5698;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: 800;color: #111;font-size: 20px;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: "Nunito", sans-serif; font-size: 14px;}
.feature-box-content{font-size: 15px;}
.form-control {border: none;border-bottom: 1px solid #fff;border-radius: 0;background-color: transparent;}
/* End */
/*--------------------------------------------------------------
# Service page inner
--------------------------------------------------------------*/
.ser_inner_head{font-size: 28px; margin-bottom: 8px;}
.ser_inner_cont{font-size: 18px;line-height: 28px; }
.ser_inner_divider{border-left: 1px solid rgba(20, 20, 20, 0.4);}
@media screen and (max-width:768px) {
  .ser_inner_divider{border-left: none;}
}
/*--------------------------------------------------------------
# quick-btn
--------------------------------------------------------------*/
/*quick-btn*/
.quick-btn{position: fixed;top: 10%;left: 10px;z-index: 999;}
.quick-btn ul{ margin: 0; position:relative;  padding: 0; list-style: none; padding: 6px 6px; border-radius: 5px;}
.quick-btn ul .quick-link { position:relative; padding: 20px 0;}
.quick-btn ul li{ width: 35px; height: 2px; margin: 10px 0; background: #000; transition:0.5s;}
.quick-btn ul li.active{ width: 80px; height: 5px;}	
.quick-btn ul li.active span { display: inline-block;}
.quick-btn ul li span{ left: 10px; width: 100px; top: 3px; display: none; color: #000; font-size: 16px; padding: 5px 0; transition: 0.5s; font-weight: 500;}
.quick-btn ul li.active span { display: inline-block;}
.quick-btn ul .quick-link:hover span{ display:block; transition:0.5s; left: -60px; cursor: pointer;}	
.quick-btn ul li a{ width: 10px; height: 10px; display: block; transition:0.5s;}
/*quick-btn*/
/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/


footer { background: #1f1f1f;} 
footer h4 { color: #fff; font-size: 18px; text-transform: uppercase; letter-spacing: .8px; margin: 0 0 15px 0; font-weight: 600;}
footer p, footer a { color: #b9b9b9; font-size: 15px; margin: 0 0 2px 0;}
footer a:hover { color: #fff;}
footer .social-icon a {display: inline-block; border: 1px solid #b9b9b9; border-radius: 50%; width: 30px; height: 30px; font-size: 14px; text-align: center; line-height: 2; margin: 0 5px 0 0;}

.top{ position: fixed;right: 18px;bottom: 30px;text-align: center;color: #fff;background: #2a5698;padding: 10px 10px;z-index: 99;border-radius: 50%;border: 2px solid #fff; 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) {
  .quick-btn{display: none;}
  .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;}

.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) {
}

@media (min-width:1023px){

  .navbar-nav li:hover > ul.dropdown-menu {
      display: block;
      padding: 0;
      border-radius: 0;
  }
  .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;
  }
  }