@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');.navbar-default1 {
  border: 0 !important;
  /* background-color: #2f4c59 !important; */
  color: #cf1b1b;
}
*{font-family:"Rubik", sans-serif !important;}
.fa{font-family: fontawesome !important;!i;!;}
.top-nav {background: #16243d;padding: 10px 0;}
.top-nav p, .top-nav a { color: #bebebe; margin: 0; font-size: 14px;}
.top-nav a i{ color: #e9e9e9; font-size: 16px; margin: 0 5px;}
.p-text{margin-top: 45px;line-height: 42px;}

.odd-src h3{
color:#fff;
text-align:center;
position:relative;
top: 50%;
}
.rgt-src i{
background:#fbaf43;
padding:5px;
border-radius:50%;
margin-right:10px;
}
.head{
font-size: 2.5rem;color: #fea100;
}
.heads{
color:#0f52bf;
font-weight: 600;
font-size:38px;
margin-bottom: 12px;
}
.f1{
background-color:#3B5998;
border-top: 2px #fff solid;
}
.f2{
background-color: #000;
}
.f3{
background-color: #dd4b39;
}
.f4{
background-color: #007bb5;
}
.f5{
background-color: #bb0000;
}
.serv-lists{padding-left:0px !important;}
.get_in_touch_boxs{background: #fff;padding: 20px;box-shadow: 1px 1px 5px #bbb4b4;margin-bottom: 35px;}
.get_in_touch_boxs h2{margin: 5px 0 !important;}
.current-services-img img{width:100%;}
/*innr-pg-bnnr*/
/*
.otherpagecss #RadDockZone1.container{max-width: 100%;}
*/
.bx2{height: 230px !important;}
center #form1 #HomepagecontentControl{ margin-top: 20px;}
.otherpagecss #RadDockZone1.container #HomepagecontentControl_C table{ margin-top: 0 !important;}
.serv-list{margin-top:30px;}
.serv-list li{list-style: none;line-height: 50px;font-size: 14px;text-align: left;}
.serv-list li i{margin-right:15px;}
.serv-lists li i{margin-right:15px;}
.li-se li{list-style: none;line-height: 30px;}
.li-se li i{margin-right:15px;}
.tm_img {
/* width: 130px; 
height: 130px; */
border-radius: 6%;
border: 3px solid #2f4c59;
}
.serv-lists{
list-style: none;
line-height: 45px;
margin-bottom: 25px;
}

img{max-width:100%;}

a{font-family: 'DM Sans', sans-serif;font-size: 16px;text-decoration:none;}
p{font-size: 16px;color: #212121;line-height: 1.5;font-family: "Rubik", sans-serif !important;}
body {font-family: "Rubik", sans-serif !important;}
#divmainenquiry11 .close { position: absolute; right: 14px; font-size: 30px; cursor: pointer;}
ul,ol,li{font-family: 'Heebo', sans-serif; }
/*nav-top*/
@media screen and (min-width:981px) and (max-width:1130px){
  .bnr-sec .carousel-caption h4 {font-size: 32px;}
  .bnr-sec .carousel-caption .icon_bann .fa {margin: 11px 0;font-size: 44px;}
  .bnr-sec .carousel-caption {position: absolute;right: 15%;bottom: 0.25rem;left: 10%;width: 51%;}
}
/* nav-bar */
.one{
display: block;
border: 1px solid #fff;
width: 26px;
height: 3px;
background-color: #fff;
margin: 2px 0;
border-radius: 50px;
}

.sections{
position: relative;
box-shadow: 1px 1px 15px #d9d5d5;
padding: 0px 0px 30px;
background: #fafafa;
height: 510px;
margin-bottom: 33px;
}
.sections img {
border: 2px #41b133 solid;
box-shadow: 1px 1px 8px #d92320;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
}
.sections .row{
  width: 85%;
  margin-left: 9%;
  background: #00418f;
  margin-top: -51px;
  min-height: 90px;
  position: absolute;
  }

  .sections i{
    font-size: 28px;
    margin-top: 20px;
    color: white;
  }

  .sections ul{
    margin-top: 90px;
    padding: 0px 48px;
    margin-bottom: 0px;
  }

  .sections ul li{
    margin-bottom: 7px;
  }

.two{
display: block;
border: 1px solid #fff;
width: 32px;
height: 3px;
background-color: #fff;
margin: 2px 0;
border-radius: 50px;
}
.three{
display: block;
border: 1px solid #fff;
width: 38px;
height: 3px;
background-color: #fff;
margin: 2px 0;
border-radius: 50px;
}
.thriving .col{text-align:center;margin: auto;justify-content: center;display: flex;}
.bnr-sec .carousel-caption h4 span {
  font-size: 25px;
  color: #eee;
  font-weight: 400;
}
.modal-backdrop {
--bs-backdrop-zindex: 9;}
.modal{
top: 8px;
/* --bs-modal-border-radius: 0rem; */
}
@media (min-width: 576px){
.modal-dialog {
  max-width: var(--bs-modal-width);
  margin-right: 0px;
  margin-left: auto;
}
.modal.fade .modal-dialog {
transition: transform .3s ease-out;
transform: translate(0px,0px);
}
}
.hovertopbtn:hover .one{animation: topnav1 .5s linear alternate;}
.hovertopbtn:hover .two{animation: topnav2 .5s linear alternate;}
.hovertopbtn:hover .three{animation: topnav3 .5s linear alternate;}
@keyframes topnav1 {
49%{width: 0px;opacity: 0;}
100%{width: 26px;opacity: 1;}
}
@keyframes topnav2 {
49%{width: 0px;opacity: 0;}
100%{width: 35px;opacity: 1;}
}
@keyframes topnav3 {
49%{width: 0px;opacity: 0;}
100%{width: 38px;opacity: 1;}
}

/*nav-top*/
.table-responsive{
overflow: hidden !important;
  padding: 0;
}



/*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{/* background-color: transparent !important; */height:100%;background: #ffffff26 !important;}
/* #MenuControl .nav-link:focus,#MenuControl .nav-link:hover{background-color:#fff !important; color:#2b2825 !important;} */
.heading-innerpage {background: linear-gradient(to right, rgb(13 65 123), rgb(9 9 8));padding: 25px;margin-bottom: 30px;margin-top: 0px;margin-left: -2px;margin-right: -2px;}
.heading-innerpage h1 {font-weight: 600;Font-size: 28px;color: #fff;line-height: 30px;text-align: left;border-left: 3px #fff solid;padding-left: 20px;margin-bottom: 10px;margin-top: 15px;}
#MenuControl .nav-link{position: relative;}
#MenuControl .nav-link::before{    position: absolute;bottom: 0;content: "";display: block;width: 0;height: 1px;background: #fff;transition: width .3s;}
#MenuControl .nav-link:hover:before {right: 0;bottom: 0;width: 100%;}

#MenuControl .navbar-nav .nav-item:last-child .nav-link:hover:before {
  right: 0;
  bottom: 0;
  width: 0%;
}

/* About */
.heading {
    font-size: 48px;
    font-weight: 600;
    color: #16243d;
    font-family: "Rubik", sans-serif !important;
    margin: 0 0 20px 0;
}
.custom-btn { background: linear-gradient(45deg, #16243d, #015dc5); color: #fff; display: inline-block; padding: 12px 36px; border-radius: 30px;} 
.custom-btn:hover { color: #fff; background: linear-gradient(45deg, #015dc5, #16243d);}
.about-section {padding: 8% 0;}
.about-section .pic {position: relative;}
.about-section .pic img { width: 90%; position: relative; z-index: 2;}
.about-section .pic::after { content: ''; position: absolute; width: 84%; height: 90%; left: -5%; top: -8%; background: #c9c9c9;}
.about-section .pic::before { content: ''; position: absolute; width: 84%; height: 80%; right: 3%; top: 10%; background: #16243d;}
.about-section h5 { color: #0483d7; font-size: 19px; font-weight: 400; line-height: 1.4; text-align: justify;}
.about-section p {font-size: 17px;text-align: justify;}

/* About */
.cliente_box h2{color:#000;font-weight: 700;}
.nav-link{font-weight: 600; color:#000;}
.nav-fill{width:100%; font-size: 15px;}
.navbar-brand{margin:0;}
.nav-item{position:relative;}

.navbar-nav.nav-fill > li:last-child{/* border: 0px solid rgba(255,255,255,.2); *//* border-radius: 22px; *//* margin: 0 -9px; *//* padding: 0 5px !important; *//* background-color: rgb(12 83 193); *//* backdrop-filter: blur(4px) brightness(100%); */}
.navbar-nav.nav-fill > li:last-child a{color: #000;}
/*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;    padding: 0 2px;}
.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;color: #fff;}
.navbar-nav.nav-fill li:last-child{
  border: none;
  border-radius: 0;
  margin:0;
  padding: 0 5px !important;
  background-color: transparent;
  backdrop-filter: blur(4px) brightness(100%);
}
}

.main-table{  Font-size:15px; color:#333; line-height:24px; text-align:justify; padding: 0 5px;}
.main-heading{font-weight:bold; Font-size:24px; color:#000; text-transform: capitalize; line-height:36px; border-bottom:1px #ccc dashed; text-align:left; margin-bottom: 10px; padding: 0;}
.sub-heading{font-weight:bold;Font-size: 22px;color:#333;line-height:30px;text-transform: capitalize;margin: 20px 0;text-align:left;}
.team-title{font-weight:bold; Font-size:14px; color:#333; line-height:30px; margin:0; text-align:left;}

.rgt-src p{
    font-size:24px;
    font-weight:600;
    text-align: left;
    line-height: 35px;
    padding: 25% 10%;
    }
.odd-src img{
    width:250px;
    position: relative;
    left: 65%;
    }
.rgt-src{padding:40px 80px 40px 20px;}
.nav-top-contact {
list-style: none;
margin: 0;
padding: 0;
display: flex;
justify-content: end;
}
/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#header .fa-mobile{font-size: 50px !important;}
#header .head-img{position:relative; }

.main-bg{background:#0f5298;}
.main-color{color:#0f5298;}
.secondary-bg{background-color: #3c99dc;}
#MenuControl{z-index: 999 !important;}
/*#MenuControl .navbar-expand-md .navbar-collapse{display:block !important;text-align: center;}
#MenuControl .navbar-expand-md .navbar-nav{display: -webkit-inline-box;}*/
/*--------------------------------------------------------------
# Sections General
--------------------------------------------------------------*/
.rgt-sel h2{font-size: 17px;color: #125e7f;}
.rgt-sel{display: none;position: absolute;z-index: 1;width: 95%;}

.content-sec{
background:#fff;
position:absolute;
z-index:9999999;
left: 20px;
bottom: 20px;
padding: 10px;
width: 90%;
border-radius: 10px;
}
.content-sec i{
background:#125E7F !important;
color:#fff;
padding:10px;
position: relative;
right: 12px;
font-size: 14px;
}
.content-sec h4{
font-weight:600;
color:#000;
font-size:18px;
padding: 7px;
margin-bottom: 0px;
}

.fix-box{position: fixed;top: 32%;left:0;z-index:999;font-size: 14px;}



.social-fx{list-style:none; padding-left:0; margin:0;}
.social-fx li{
  width: 150px;
  padding-left: 10px;
  clear: both;
  height: 50px;
  line-height: 48px;
  margin-top: 2px;
  margin-left: -115px;
  transition: 0.5s;
  overflow: hidden;
  border-bottom: 2px #fff solid;
  }
.social-fx li a{color:#fff;}
.social-fx li strong{font-weight:normal;}
.social-fx li span{float: right; margin-top: -3px;}
.social-fx li:hover{/* margin-left:0; *//* transition:0.5s; */}

.social-fx img{width: 30px;padding-right: 7px;}
.social-fx i{padding-right:10px;padding-top: 20px;}
.social-links a img.twitter{
height: 18px;
  object-fit: contain;
}

  .btn-about a {
      background: #000;
      color: #fff;
      box-shadow: var(--shd, 0 1px 4px rgba(0, 0, 0, .6));
      background: #0094d9 !important;
      padding: 15px 20px;
  }

.current-services h4{
font-size: 21px;
margin: 10px 0 15px;
}
/***** background *****/
.bg-1{background-color: #efefef;}
.bg-2{background-color: #f5f5f5;}
/***** End background *****/

/***** Color *****/
.cl-1{color: #000;}
.cl-2{color: #0f52bf;}
.cl-3{color: #2c2e2e;}
.cl-5{color:#000;}
/***** End Color *****/
.current-services{margin-top: 0px;background-color: #fff;}
/***** Font-size *****/
.fs-22{font-size: 20px;}
.fs-18{font-size: 18px;}
.fs-15{font-size: 15px;}
/***** End Font-size *****/


/*--------------------------------------------------------------
#btn
--------------------------------------------------------------*/

/* common-btn */
.rd-mr>a{color: #fff; background-color: rgba(255,255,255,.2); display: inline-block;  border-radius: 44px; padding: 8px 30px;font-weight: 300;transition: 0.3s linear; }
.rd-mr .arr-icon .fa{rotate: -35deg;}
.rd-mr:hover a{color: #fff; background-color:rgba(255,255,255,.2); }
.rd-mr:hover a .fa{animation: rdmr 0.8s linear  alternate;  }
@keyframes rdmr {
  49%{
      transform: translate(5px);
      rotate: -35deg;
      opacity: 0;
  }
  51%{
      opacity: 1;
      transform: translate(-2px);
      rotate: -35deg;
  }
  
}
/*End common-btn */
/*--------------------------------------------------------------
#Banner
--------------------------------------------------------------*/
/***** Banner *****/

.banner-section{padding: 125px 0 0;!;!i;!;}
.banner-section .carousel-item .carousel-caption { width: 100%; height: 100%; left: 0; top: 0; background: linear-gradient(90deg, #fff 5%, rgba(255, 255, 255, .3), rgba(255, 255, 255, .0)); text-align: left;}
.banner-section .carousel-item .carousel-caption .text {width: 52%;margin-left: 8%;margin-top: 10%;position: relative;}
.banner-section .carousel-item .carousel-caption .text::after { content: ''; position: absolute; width: 40%; height: 8px; background: linear-gradient(90deg, #015dc5, #0483d7, #079fe2); border-radius: 5px; left: 0; top: -30px;}
.banner-section .carousel-item .carousel-caption .text h2 {color: #16243d;font-size: 51px;margin: 20px 0;font-weight: 600;line-height: 1.2;margin: 0 0 25px 0;}
.banner-section .carousel-item .carousel-caption .text h2 span {color: #015dc5;font-weight: 700;font-family: "Rubik", sans-serif !important;}
.banner-section .carousel-item .carousel-caption .text p { font-size: 17px; width: 85%; margin: 0 0 25px 0;}
.banner-section .carousel-item .carousel-caption .text a { background: linear-gradient(45deg, #16243d, #015dc5); color: #fff; display: inline-block; padding: 12px 36px; border-radius: 30px;} 
.banner-section .carousel-item .carousel-caption .text a:hover { background: linear-gradient(45deg, #015dc5, #16243d);}
.banner-section .carousel-control-next, .banner-section .carousel-control-prev { width: 40px; height: 40px; background: #16243d; border-radius: 50%; top: 45%; opacity: .8;}
.banner-section .carousel-control-prev { left: 2%;}
.banner-section .carousel-control-next { right: 2%;}
/***** End Banner *****/


/* Services */



.service-section { background: #16243d; padding: 5% 0 7% 0;}
.service-section .service-card {background: #fff;padding: 20px 15px;border-radius: 10px;position: relative;height: 100%;}
.service-section .service-card img { width: 70px; margin: 0 0 25px 0;}
.service-section .service-card h5 { color: #16243d; font-weight: 600; font-size: 19px;}
.service-section .service-card p { letter-spacing: .1px;}
.service-section .service-card a { color: #015dc5; font-weight: 600; font-size: 13px; text-transform: uppercase; transition: all .3s ease-in-out;}
.service-section .service-card a:hover { letter-spacing: 1.5px;}
.service-section .service-card a i { margin: 0 0 0 5px; font-size: 15px;}
.service-section .carousel-indicators { margin-bottom: -50px;}
.service-section  .fa{    background: -webkit-linear-gradient(-45deg, #015dc5 0%, #393a56 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;}

  /* Services */

  /* Contact */
  .contact-section { padding: 5% 0 6% 0;}
.contact-section .contact-form {background: #fff;padding: 40px 150px 40px 50px;box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;}
.contact-section .contact-form .form-control {margin: 0 0 25px 0;padding: 12px; font-size: 14px; border: none;border-radius: 0;border-bottom: 1px solid #7a7a7a;}
.contact-section .contact-form .form-control::placeholder { font-size: 15px;}
.contact-section .contact-form input[type="button"] { background: linear-gradient(45deg, #16243d, #015dc5); color: #fff; display: inline-block; padding: 12px 36px; border-radius: 30px; border: 0; margin: 10px 0 0 0;}  
.contact-section .contact-form input[type="button"]:hover { background: linear-gradient(45deg, #015dc5, #16243d);}
.contact-section .contact-info {background: #16243d; padding: 50px;margin-left: -80px;margin-top: 110px;}
.contact-section .contact-info h4 {color: #fff;font-size: 20px; letter-spacing: .3px; text-transform: uppercase; margin: 20px 0 15px 0;}
.contact-section .contact-info h4 i { margin: 0 15px 0 0;}
.contact-section .contact-info p  {color: #cfcfcf;font-size: 16px;}
/* Contact */
/*--------------------------------------------------------------
#Contact page
--------------------------------------------------------------*/

.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 .map-contp{border:1px dashed #ccc;}
.st-feature-box h3 {
color: #fff;
margin-bottom: 8px;
font-size: 18px;
line-height: 20px;
font-weight: normal;
}
.cont-page .st-feature-box {
background: #073278;
padding-top: 10px;
padding-bottom: 27px;
margin-bottom: 10px;
padding-right: 10px;
color: #fff;
}

.feature-box-content{ text-align: left;}
.feature-box-content a{ color: #fff;}
.st-feature-box {
padding-left: 70px;
position: relative;
}
.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;
}
.cont-page .feature-box-image .fa{color:#fff; line-height:30px; font-size:30px; margin-top: 20px;}
/*cont-page*/
/*--------------------------------------------------------------
#solution
--------------------------------------------------------------*/
/***** solution *****/
.sol_lft_head{font-size: 37px;line-height: 46px;color: #20282d;font-weight: 400;; }
.sol_lft_cont{font-size: 18px;line-height: 27px; margin: 20px 0;}
.sol_cnt{background: url(Image/sol_cnt_img.jpg) no-repeat center/cover; padding: 10px 26px;min-height: 350px;}
.sol_cnt_cont > p:first-child{font-size: 110px;color: #FFFFFF54;    margin: 68px 0;}
.mt-neg{margin-top: -20px;}
.sol_cnt .v-mr>a{color: #fff;background-color: rgba(255,255,255,.2); display: inline-block; border: none; border-radius: 44px; padding: 8px 30px;font-weight: 300;transition: 0.3s linear; }
.sol_rgt{background-color: #e1e1e1;padding: 10px 0px 0px 26px;min-height: 364px;}
/***** End Section *****/



/*--------------------------------------------------------------
# about
--------------------------------------------------------------*/
/***** about *****/
.abt_lft_img{position: sticky;top: 0;margin: 0;height: 100%;}
.abt_lft_img img{height: 100%;width: 100%;}
.abt_rgt_cont{background-color:#d5dede;padding: 60px 100px 40px;overflow: auto;height: 100%;}
.achieve p{font-size: 17px;line-height: 34px;text-align: justify;margin-bottom: 21px;}
.abt_rgt_cont p{ color: #222;}
.abt_rgt_cont h2{color: #0f52bf;font-weight: 600;}
.abt_rgt_cont a{/* color: #222; *//* background: rgba(255,255,255,.2); *//* border: 1px solid rgb(15 82 191) !important; *//* border-radius: 22px; *//* padding: 10px 15px; *//* font-size: 13px; */}
.progress {background-color: #929ea5;border-radius: 20px;position: relative;margin: 6px 0;height: 5px;}
.progress-done {background: #20282d;box-shadow: 0 3px 3px -5px #20282d, 0 2px 5px #20282d;border-radius: 20px;color: #fff;display: flex;align-items: center;justify-content: center;height: 100%;width: 0;opacity: 0;transition: 1s ease 0.3s;}
.progress-done-two {background: #20282d;box-shadow: 0 3px 3px -5px #20282d, 0 2px 5px #20282d;border-radius: 20px;color: #fff;display: flex;align-items: center;justify-content: center;height: 100%;width: 0;opacity: 0;transition: 1s ease 0.3s;}
.progress-done-three {background: #20282d;box-shadow: 0 3px 3px -5px #20282d, 0 2px 5px #20282d;border-radius: 20px;color: #fff;display: flex;align-items: center;justify-content: center;height: 100%;width: 0;opacity: 0;transition: 1s ease 0.3s;}

/***** End about *****/ 
/* width */
.abt_rgt_cont::-webkit-scrollbar {
width: 12px;
}
/* Track */
.abt_rgt_cont::-webkit-scrollbar-track {
box-shadow: inset 0 0 5px grey; 
border-radius: 10px;
}

/* Handle */
.abt_rgt_cont::-webkit-scrollbar-thumb {
background: #20282d; 
border-radius: 10px;
}

/* Handle on hover */
.abt_rgt_cont::-webkit-scrollbar-thumb:hover {
  background: #20282d; 
}



/*--------------------------------------------------------------
#team
--------------------------------------------------------------*/
/***** team *****/
.team{}
.team_cont .fa-quote-left{color: #99a4a51a; font-size: 40px; margin-right: 10px;}
.team_cont .fa-star{color: #bac8c8; font-size: 16px;}
.team_cont .team_img img{width: 80px; border: 2px solid #bac8c8; border-radius: 50%;}
.team .carousel-control-next,  .team .carousel-control-prev {width: 5%;top: inherit;bottom: 44px;font-size: 28px;}
.team .carousel-control-prev {left: inherit; right: 60px;}
.cliente_box img{width: 100%;}
.rgt-sel{}
.cliente_box_icon .fa{font-size: 60px; color: #20282d; margin-right: 20px;}
.cliente_box_icon_check .fa{font-size: 20px; color: #20282d; margin-right: 20px;}
/***** End team *****/

/*--------------------------------------------------------------
# services
--------------------------------------------------------------*/

/* width */
.services_rgt_cont::-webkit-scrollbar {
width: 12px;
}

/* Track */
.services_rgt_cont::-webkit-scrollbar-track {
box-shadow: inset 0 0 5px grey; 
border-radius: 10px;
}

/* Handle */
.services_rgt_cont::-webkit-scrollbar-thumb {
background: #20282d; 
border-radius: 10px;
}

/* Handle on hover */
.services_rgt_cont::-webkit-scrollbar-thumb:hover {
  background: #20282d; 
}


/*--------------------------------------------------------------
# team detail
--------------------------------------------------------------*/
/***** team detail *****/
.team_detail .team_social_link i{display: flex;justify-content: center;align-items: center;border: 1px solid #929ea5;width: 25px;height: 25px;line-height: 24px;border-radius: 50%;text-align: center;background-color: #929ea5;color: #fff;}

/***** End team detail *****/
/*--------------------------------------------------------------
# Bg-Videos
--------------------------------------------------------------*/
/***** Bg-Videos *****/
.bg-video-wrap {position: relative;overflow: hidden;width: 100%;height: auto;}
.bg-video-wrap video{    width: 100%;height: auto;z-index: 1;}
.overlay {width: 100%;position: absolute;top: 0;left: 0; right: 0; bottom: 0; background-color: #223035e3;z-index: 2;}
.bg-video_cont{text-align: center;color: #fff;position: absolute;top: 50px;left: 50px;z-index: 3;}
.video_cont{font-size: 150px;color: #FFFFFF54;}

/***** End Bg-Videos *****/
/*--------------------------------------------------------------
# current-services
--------------------------------------------------------------*/
/***** current-services *****/
.current-services-box > p{display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical ; overflow: hidden;} 
/***** End current-services *****/
.content {
  position: relative;
  width: 100%;
  max-width: 100%;
  margin: auto;
  overflow: hidden;
  padding: 5px;
  margin-top: 35px;
}
.residence h3{
    color: #0d417b;
    font-size: 16px;
    text-align: center;
    margin: 10px 0;
    font-weight: 600;
}
.content-details h3 {
    color: #fff !important;
    font-weight: 500;
    letter-spacing: 0.15em;
    margin-bottom: 0.5em;
    font-size: 16px;
    text-transform: uppercase;
}

.content .content-overlay {
  background: rgba(0, 0, 0, 0.7);
  position: absolute;
  height: 97%;
  width: 97%;
  left: 5px;
  top: 5px;
  bottom: 0;
  right: 0px;
  opacity: 0;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
}
.content:hover a{color:#fff;}
.content:hover .content-overlay {
  opacity: 1;
}

.content-image {
  width: 100%;
  height:300px;
  box-shadow: 1px 1px 8px #504e4e;
}

.content-details {
  position: absolute;
  text-align: center;
  padding-left: 5px;
  padding-right: 5px;
  width: 100%;
  top: 50%;
  left: 50%;
  opacity: 0;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

.content:hover .content-details {
  top: 50%;
  left: 50%;
  opacity: 1;
}

/*--------------------------------------------------------------
# get in touch
--------------------------------------------------------------*/
/***** get in touch *****/
.get_in_touch{background: url(Image/get_in_touch.jpg) no-repeat center/cover scroll;}
  .get_in_touch_box{background: #c6d0d1ab;padding: 60px;}
  .get_in_touch_box .sub-head{color: #fea100;font-weight: 300;}
  .get_in_touch_contact > a{position: relative;  display: inline-block; margin: 8px 0;  font-size: 18px;line-height: 27px;color: #20282D;margin-left: 10px;}
  .get_in_touch_contact a::before{    position: absolute;bottom: 0;content: "";display: block;width: 0;height: 1px;background: #20282D;transition: width .3s;}
  .get_in_touch_contact a:hover:before {right: 0;bottom: 0;width: 100%;}
  .form-control {display: block;width: 100%;padding: 0.375rem 0.75rem;font-size: 1rem;font-weight: 400;line-height: 1.5;color: #20282D;background-color: transparent;/* background-clip: padding-box; */border: none;border-bottom: 1px solid #20282D;/* -webkit-appearance: none; */-moz-appearance: none;/* appearance: none; */border-radius: 0;transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;}

/***** End get in touch *****/
/*--------------------------------------------------------------
# quick_link
--------------------------------------------------------------*/
/***** quick_link *****/
.quick_link{
  background-image: linear-gradient(to right, rgb(27 90 190), rgb(227 168 67));
  background-color: transparent !important;
}
.quick_link_cont li{position: relative;}
.quick_link_cont li a:hover{color: #fff;}
.quick_link_cont li a::before{    position: absolute;bottom: 0;content: "";display: block;width: 0;height: 1px;background: #fff;transition: width .3s;}
.quick_link_cont li a:hover:before {right: 0;bottom: 0;width: 100%;}

/***** End quick_link *****/

/*--------------------------------------------------------------
# quick_link
--------------------------------------------------------------*/
.Ind-box i {
font-size: 35px;
color: #223035;
margin-top: 20px;
text-align: center;
}
.Ind-box {position: relative;min-height: 120px;box-shadow: 0px 0px 8px #ab9e9e;text-align: center;}
.Ind-box h2 {
font-size: 18px;
font-weight: 600;
color: #223035;
text-align: center;
margin-top: 13px;
padding-bottom: 10px;
}
/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/

/***** footer *****/
footer {background-image: url(../image/footer-bg.jpg);padding: 6% 0 0 0;}
footer h4 { color: #fff; font-size: 21px; letter-spacing: .5px; font-weight: 600; margin: 0 0 20px 0;}
footer p, footer p a { color: #dbdbdb; font-size: 14px; letter-spacing: .3px;}
footer p a:hover { color: #b3d1ab;}
footer .footer-bottom { margin: 4% 0 0 0; border-top: 1px solid rgba(255, 255, 255, .3); padding: 15px 0;}
footer .footer-bottom p { margin: 0;}
footer .social-icon a {color: #fff; background: rgba(255, 255, 255, .1); font-size: 14px; width: 40px; height: 40px; margin: 0 3px 0 0; display: inline-block; border-radius: 50%; text-align: center; line-height: 2.8; transition: all .2s ease-in-out;}
footer .social-icon a:hover { background: #015dc5;}
footer .contact-info { padding: 10px; margin: 0 0 20px 0;}
footer .contact-info .icon i { display: inline-block; width: 40px; height: 40px; background: #015dc5; color: #fff; border-radius: 50%; margin: 0 15px 0 0; text-align: center; line-height: 2.5;}
footer .contact-info h6 { color: #fff; margin: 0;}
footer .contact-info p { font-size: 14px;}
/***** End footer *****/

.top {
position: fixed;
right: 20px;
bottom: 30px;
text-align: center;
color: #fff;
background-color: #0094D8;
padding: 15px !important;
border: 1px solid #ccc;
border-radius: 10px;
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 screen and (min-width:981px) and (max-width:1130px){
  .bnr-sec .carousel-caption h4 {font-size: 32px;}
  .bnr-sec .carousel-caption .icon_bann .fa {margin: 11px 0;font-size: 44px;}
  .bnr-sec .carousel-caption {position: absolute;right: 15%;bottom: 0.25rem;left: 10%;width: 51%;}
}

@media screen and (min-width:769px) and (max-width:980px){
  .bnr-sec .carousel-caption h4 {font-size: 26px;}
  .bnr-sec .carousel-caption .icon_bann .fa {margin: 6px 0;font-size: 34px;}
  .bnr-sec .carousel-caption {position: absolute;right: 15%;bottom: 0.25rem;left: 10%;width: 74%;}
}

/*  */

@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;
}
.bnr-sec .carousel-caption{display: none ;}
.services_rgt_cont,.abt_rgt_cont{overflow: auto;height: 100%;}
}
@media screen and (max-width:768px){
  .abt_rgt_cont{    padding: 50px 30px;}
  .services_rgt_cont{ padding: 50px  30px; }
  .get_in_touch_box{padding: 20px;}
  .video_cont {font-size: 80px;color: #FFFFFF54;}
  #header .head-img {position: relative;/* background: #223035 !important; */}
  #HeaderControl{padding: 0 !important;}
}
@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) {
}

@media (min-width: 1220px) {
          #widgetsControl, #widgetsControl_C { height: 565px !important;}
      }

/* nav bar */
.navbar {
position: relative;
min-height: 0px !important;
margin-bottom: 0px !important;
border: 1px solid transparent;

/* background: #ffffff26 !important; */
}
.bg-light {

background-color: #ffffff26;
}
.navbar-nav>li>a {/*padding-top:0 !important;
padding-bottom: 0 !important;*/font-size: 15px;font-weight: 700;/* padding: 15px 13px 15px 0px !important; */color: #21262c;text-transform: capitalize;}

/* .container-fluid{padding-left:2px; padding-right:2px;} */


.navbar-nav {display: table;width: 100%;text-align: center;margin-left: 25px;!;margin-right: 0 !important;}


.navbar-nav>li {
display:table-cell;
float: initial !important;
vertical-align: middle;
}
.nav>li>a{padding:20px 2px;}

#HeaderControl .rdCenter, #MenuControl .rdCenter{background: transparent !important;}

.navbar-default{border:0 !important;background-color: #2f4c59 !important;}

.navbar-default .navbar-nav>li>a{
color: #fff;
font-size: 15px;
font-weight: 500;
/*padding-left: 3px;
padding-right: 3px;*/
}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover{
color: #fff !important;
background: #2f4d5a ;
}

.navbar-default .navbar-nav>.open>a:focus{color: #fff !important; background:#2f4d5a !important;}

#MenuControl_C .dropdown-menu{padding:0 !important; animation: fadeInUp 400ms;}

/* .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
color: #000 !important;
text-decoration: none;
background-color: #fff !important;
} */

.dropdown-menu>li>a:focus:after, .dropdown-menu>li>a:hover:after {
    border-left-color: #fff !important;
}

.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
color: #fff !important;
/*background-color: #fff !important;*/
}

.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
/* background-color: #2f4d5a !important; */
background-color: #fff;
border-color:#fff;
color: #000 !important;
}
/* center #HomepagecontentControl {
padding-top: 100px !important;
} */


#MenuControl_C .navbar-default,
#MenuControl_C .container-fluid,
#MenuControl_C
{height:100%;/* background-color: #fff !important; *//*! padding-top: 6px; */}

#MenuControl_C #navbar-collapse-1{height:100% !important;}
#WidgetControl4{position: relative;}
#WidgetControl4_C{
position: absolute;
background: #ffffff26 !important;
z-index: 999999;
width: 100%;
}
#HeaderControl_C_ctl00_Header {
  background: transparent;
}

#HeaderControl_C_ctl00_tr_HeaderBackImage {
  background: transparent;
}

#HeaderControl{
height: 82px;
float: Left;
margin-bottom: 0;
padding: 7px 0;
transition: 0.5s;
position: absolute;
left: 0;
top: 45px;
z-index: 9;
width: 33%;
/* background: transparent; */
text-align: center;
background: #fff;
}

#HeaderControl.RadDock_Default .rdMiddle .rdCenter, #HeaderControl.RadDock_Default .rdBottom .rdCenter{    background-color: transparent !important;}

#MenuControl.RadDock_Default .rdMiddle .rdCenter, #MenuControl.RadDock_Default .rdBottom .rdCenter{    background-color: transparent !important;}

#MenuControl{
height: 82px;
float: Right;
margin-bottom: 0;
padding: 0px 0;
transition: 0.5s;
position: absolute;
right: 0;
top: 45px;
z-index: 9;
width: 67%;
background: #fff;
}


.body-fx #HeaderControl{
height: 90px;
float: Left;
position: fixed;
width: 35%;
padding: 0;
padding-left: 0;
background-color: rgba(47,77,90,.6) !important;
z-index: 99;
text-align: left;
transition: 0.5s;
height: 67px !important;
top: 0;
}

.body-fx #logo-web{margin-top: 6px;}

.body-fx #MenuControl_C{height: 68px !important;}


.body-fx #MenuControl {
height: 90px;
float: Right;
position: fixed;
right: 0;
width: 65%;
padding: 0;
padding-right: 0;
background-color: rgba(47,77,90,.6) !important;
transition: 0.5s;
top: 0px;
height: 68px !important;
}
center #form1 #HeaderControl {
/* background: #fff !important; */
}

.navbar-toggler {
background-color: #fff;
}
.nav-link:focus, .nav-link:hover {
color: #000;
}
center #form1 #HomepagecontentControl{padding-top: 120px; padding-bottom:25px;}
center #form1 .top-nav{background:#0d417b;}
center #form1 #HeaderControl{background: #fff;}
center #form1 #MenuControl{background: #fff;}
center #form1 #WidgetControl4_C_ctl00_tbl_widgets {
background: #5b6d7e;
}
center #form1 #MenuControl .navbar-nav.nav-fill > li:last-child a{color: #000;}
center #form1 .top-header{background: #0e52c1;}
center #form1 #MenuControl a{/* color:#000; */}
center #form1 #HeaderControl{margin-left: -2px;     width: 35%;}
center #form1 #MenuControl{margin-right: -2px;}
center #form1  #WidgetControl4{background: #315d8f !important;top: 0px;}
.body-fx center #form1 #HeaderControl{margin-left:0;}
.body-fx center #form1 #MenuControl{margin-right: 0px;}
#widgetsControl, #widgetsControl_C{height:inherit !important;}
@media (max-width: 991px){
#MenuControl_C, #HeaderControl_C{height:inherit !important;}
center #form1 #HeaderControl{margin-left: -2px; /*! height:inherit !important; */    width: 35%;}
}
@media (max-width: 769px){
#WidgetControl4{display: none !important;}
center #form1 #HeaderControl {
  margin-left: -2px;
  width: 100%;
}
#MenuControl, #MenuControl_C{height: initial !important;}	
#widgetsControl_C, #widgetsControl{height:initial !important}
#HeaderControl{position: static !important; width: 100%;}
#MenuControl{position: static !important; width: 100%;}
.nav-fill .nav-item, .nav-fill>.nav-link{text-align:center;}
.navbar-nav {
  
margin-left: 0;
  
background: #013356;
}
}
@media (max-width: 767px)
{
.navbar-fixed-top, .navbar-fixed-bottom, .navbar-static-top 
{
margin-right: 0px !important;
margin-left:  0px !important;
}
.sector-bx{
margin: 10px 0;
height: auto !IMPORTANT;
}
center #form1 #MenuControl a {
  color: #fff;
}
center #form1 .dropdown-menu a{color:#000 !Important;}
.abt_rgt_cont p{
text-align: justify;
}
.heading-innerpage h1 {
Font-size: 22px;
padding-left: 15px;
margin-bottom: 10px;
}
.navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu>li>a {
padding: 2px 15px 2px 25px;
}
.navbar-nav>li{display: block; text-align:left;}


.heading{ font-size: 30px; margin: 0 0 10px 0;}
    
.custom-btn { padding: 10px 24px; font-size: 14px;} 

.about-section .heading { margin: 20px 0 10px 0;}
.about-section h5 { font-size: 17px;}
.about-section p { font-size: 15px; text-align: justify;}

.service-section {padding: 6% 0 7% 0;}
.service-section .service-card { padding: 20px; margin: 10px 0;}
.service-section .service-card img { width: 50px; margin: 0 0 20px 0;}

.contact-section { padding: 5% 0 6% 0;}
.contact-section .contact-form {padding:20px;}
.contact-section .contact-form input[type="button"] { padding: 10px 24px; font-size: 14px; margin: 0;}  
.contact-section .contact-form input[type="button"]:hover { background: linear-gradient(45deg, #015dc5, #16243d);}
.contact-section .contact-info { padding: 20px; margin-left: 0;margin-top: 10px;}
.contact-section .contact-info h4 { font-size: 16px; margin: 10px 0;}
.contact-section .contact-info p  {color: #cfcfcf;font-size: 15px;}

footer h4 { font-size: 21px; margin: 20px 0 10px 0;}
footer p, footer p a { margin: 0 0 5px 0;}
}



@media(max-width:736px){
center #form1 #HomepagecontentControl{    padding-top: 0px;}
  .banner-section{padding:0;}
.cont-page .feature-box-image img{
    width: 20px!important;
}

.navbar-nav>li{display: block; text-align:left;}
#HeaderControl, #HeaderControl_C{height: initial !important;}	
header{padding-top: 2px;}
.content-sec i{left: 10px;}
.innr-pg-bnnr{
height:100%;
min-height: 100%;
padding:60px 0;
}
.innr-pg-bnnr h1{font-size: 18px;}
.odd-src img{width:100%;
left:0;
}
.rgt-src{padding:20px;}
.rgt-src p{padding:10px;line-height: 25px;font-size: 14px;}
}

@media(max-width:375px){
.fl-head h2{    font-size: 23px;}
}

.table-responsive {
min-height: .01%;border: 0;
overflow-y: hidden !important;
}

.tm-icon2{float:left;margin-right:15px;}