@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300..700&display=swap');
*{  font-family: "Space Grotesk", sans-serif !important;}
.fa{font-family:"fontawesome" !important;}
h1,h2,h3,h4,h5,h6{font-family: "Space Grotesk", sans-serif !important;}
a {color: #000; text-decoration:none;}
p{color: #575d6e;line-height: 27px;font-size: 16px; margin-bottom: 8px} 
/* b,strong{color: #000000dc;} */
section.bnr{padding:0;}
img{max-width:100%;}
#divmainenquiry11 .close { position: absolute; right: 14px; font-size: 30px; cursor: pointer;}
a{text-decoration: none;} 
#widgetsControl_C, #widgetsControl {height: auto !important;}
/*--------------------------------------------------------------
# Sections General
--------------------------------------------------------------*/
section {padding: 60px 0;}
.sub-title{/* background-color: #e6f0ef; */color: #0d6b68;/* padding: 2px 12px; */text-transform: uppercase;}
  /* background-color */
  .bg-1{background-color:#0d6b68;}
  .bg-2{background-color :#e6f0ef;}
  /* Text-color */
  .cl-1{color :#03201f;}
  .cl-2{color:#0d6b68;}

  /* Font-Size */
 .fs-14{font-size: 14px;}
 .fs-15{font-size: 15px;}
 .fs-18{font-size: 18px;}
 .fs-22{font-size: 22px;}
 .fs-62{font-size: 62px;}
  /* Font-weight */
  .fw-300{font-weight: 300;}
  .fw-500{font-weight: 500;}
  .fw-600{font-weight: 600;}
  .fw-700{font-weight: 700;}
  .fw-800{font-weight: 800;}
  .fw-900{font-weight: 900;}
  /* hm_heading */
.hm_heading{ color: #212529; font-size: 36px;font-weight: 700;margin-bottom: 40px;padding-bottom: 10px;position: relative;}
.hm_heading.text-center::after { content: "";position: absolute;display: block;width: 50px;height: 3px;left: 0px;right: 0px;bottom: 0px;background: #0d83fd;margin: auto;}
.hm_heading::after { content: "";position: absolute;display: block;width: 50px;height: 3px;left: 0px;bottom: 0px;background: #0d83fd;margin: auto;}

/*  */
.rm-btn {display: inline-block; background-color: #0d83fd;border:3px solid #0d83fd;color: #fff;padding: 10px 20px;border-radius: 50px;font-weight: 500;transition: all 0.3s ease;}
.rm-btn:hover {background-color:#0168d6f8 ;color: #fff;border:3px solid #0168d6f8;}

/*  */
.fix_line{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;overflow: hidden;}
/*  */
.main-table{ Font-size:15px; color:#333; line-height:24px; text-align:justify; padding: 0 5px;}
.main-heading{font-weight:bold;Font-size: 25px;color:#000;line-height:36px;text-align:left;margin-bottom: 10px;padding: 0;}
.sub-heading{font-weight:bold;Font-size: 24px;color:#333;line-height:30px;margin:0;text-align:left;}
 /* text-justify */
 .text-justify{text-align: justify;}
 .table-responsive {overflow: hidden;padding: 0;}
   /*  */
.dropdown-item {font-size: 14px;padding: 2px 12px !important;}
.dropdown-item:focus, .dropdown-item:hover {color: #fff;background-color: #0D6B68;}
.dropend .dropdown-menu[data-bs-popper]{left: auto;right: 100%;}
.dropdown-menu {border-radius: 0;}
/*  */
.rd_mr {padding: 6px 18px;border: 2px solid #03201f;border-radius: 6px;font-weight: 500;background: transparent;transition: all 0.3s ease;position: relative;display: inline-block;overflow: hidden;}
.rd_mr:after {position: absolute;content: " ";top: 0;left: 0;z-index: -1;width: 100%;height: 100%;transition: all 0.3s ease;-webkit-transform: scale(.1);transform: scale(.1);}
.rd_mr:hover {color: #fff;}
.rd_mr:hover:after {background: #03201f;-webkit-transform: scale(1);transform: scale(1);z-index: 0;}
.rd_mr span {position: relative;z-index: 1;}
/*  */
.btn {transition: .5s;}
.btn-square{width: 72px; height: 100px;padding: 0;display: flex;align-items: center;justify-content: center;font-weight: normal;}
/*--------------------------------------------------------------
# header
--------------------------------------------------------------*/
/* #header{padding: 10px 0;height: 92px;width: 100%;position: absolute;transition: all 0.5s;z-index: 9999999;} */
#header .head-img{position:relative; padding:15px 0;}



/*--------------------------------------------------------------
# Banner-Section
--------------------------------------------------------------*/
.bnr-sec{background: url(./Image/bnnr-bg.jpg) no-repeat top center/cover ;    padding-top: 200px;    padding-bottom: 90px;}
.bnr-sec .bnr_img:after {content: '';background: #1a191954;position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;z-index: 0;/* opacity: .1; */}
.banner-content{margin: 20px 0;}
.banner-content h4{color: #03201f;font-weight: 400;position: relative;}
.banner-content h2{font-size: 54px;font-weight: 600;margin-top: 36px;color:#03201f;}
.banner-content h2 span{color:#0d6b68;}
.banner-content h5{color:#03201f; font-weight: 400;font-size: 28px;}
.bnr-sec .bnr_rgt_cont{position: relative;}
.bnr-sec .bnr_rgt_cont::before {position: absolute;content: "";top: -33px;right: -90px;width: calc(50% + 45px);height: 120%;background: #0D6B68;z-index: 0;}
.carousel-caption{bottom: 6.25rem;}

.bnr-sec .carousel-indicators {position: absolute;right: -56px;bottom: 0;top: 0;left: initial;z-index: 2;display: flex;flex-direction: column;justify-content: center;align-items: center;padding: 0;margin-right: 0;margin-bottom: 1rem;margin-left: 10%;}
.bnr-sec .carousel-indicators [data-bs-target] {position: relative;display: inline-block;margin: 5px 0;width: 13px;background-color: transparent;height: 13px;border: 2px solid #fff;transition: .5s;opacity: 1;}
.bnr-sec .carousel-indicators [data-bs-target].active {height: 30px;background: #fff;}
.bnr-sec .carousel-inner {width: fit-content;}

/* innr-pg-c Start */
.otherpagecss #RadDockZone1.container {
    max-width: 100%;
}

.otherpagecss #RadDockZone1.container #HomepagecontentControl_C table {
    margin-top: 0 !important;
}

.innr-pg-c {
    margin-bottom: 20px;
    padding: 32px 0;
    position: relative;
    background: url(../Image/inner-bg-img.jpg) no-repeat right/cover scroll;
}
#MenuControl .rdCenter, #HeaderControl .rdCenter{background: transparent !important;}
.innr-pg-c h1 {
    font-weight: 800;
    font-family: "Poppins", sans-serif;
    Font-size: 26px;
    color: #fff;
    text-align: left;
    border-left: 3px #fff solid;
    text-transform: uppercase;
    position: relative;
    z-index: 1;
    border-radius: 4px;
    padding: 5px 0 5px 20px;
}

.innr-pg-c:after {
    content: '';
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 0;
    background-image: linear-gradient(22deg, #0d6b68 4%, #000 73%);
}

/* innr-pg-c End */

.gap-44 {grid-gap: 44px;}
.hero-count{margin-bottom: 30px;}
.hero-count .title {font-size: 50px;font-style: normal;font-weight: 700;}
/*--------------------------------------------------------------
# About-Section
--------------------------------------------------------------*/
.abt_link a:not(:first-child){border: 2px solid #0d6b68; padding: 6px 10px; border-radius: 8px; color: #03201f;transition: 0.2s linear;}
.abt_link a:not(:first-child):hover{color: #fff; background: #0d6b68; border: 2px solid #0d6b68;}
.container p{    text-align: justify;}
.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: #0d6b68;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 10px;
    padding-right: 10px;
    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*/
/*--------------------------------------------------------------
# carrer
--------------------------------------------------------------*/
.career {padding: 0;}
.career-bg {background-color: transparent;background:url(../Image/git-bg.jpg) no-repeat center center/cover fixed;padding: 80px;border-radius: 15px;overflow: hidden;position: relative;border-radius: 20px;}
.career-bg:before {content: "";background: rgba(0, 0, 0, 0.4);position: absolute;inset: 0;z-index: 2;}
.career .container .content {position: relative;z-index: 3;}
.career h3 {color: #fff;font-size: 28px;font-weight: 700;margin-bottom: 20px;}
.career p {color: #fff;margin-bottom: 20px; font-size: 16px;}
.career .rd_mr {color: #fff;border-color: #fff;}
.career .rd_mr:hover {color: #fff;border-color: #03201f;}
@media (min-width: 991px){
#HeaderControl, #MenuControl{ transition:.3s;}
center #form1 #HeaderControl, center #form1 #MenuControl{position:relative; top:0; height:70px; transition:.3s; z-index: 999;border-bottom: 2px #fff solid;}
 #HeaderControl, #MenuControl{position:absolute; top:0; height:70px; transition:.3s; z-index: 999;border-bottom: 2px #fff solid;}
 #HeaderControl{width:33%; float:left; left:0;}
 #MenuControl{width:67%; float:right; right:0;}
}
@media (max-width: 767px) {
  .career-bg {padding: 20px;}}
/*--------------------------------------------------------------
# services-Section
--------------------------------------------------------------*/
.servive_sec{position: relative;}
.servive_sec .ser_item img {transition: .5s;}
.servive_sec  .ser_item:hover img {transform: scale(1.2);}
.servive_sec .ser_overlay {position: absolute;padding: 25px;width: 100%;height: 100%;top: 0;left: 0;display: flex;flex-direction: column;align-items: flex-start;justify-content: flex-end;background: linear-gradient(rgba(255, 255, 255, .1) 50%, #03201F);z-index: 1;}


/*--------------------------------------------------------------
# footer
--------------------------------------------------------------*/


.footer h4 {font-size: 19px;font-weight: bold;position: relative;padding-bottom: 12px;margin-top: 10px;color: #fff;}
.footer .footer-links {margin-bottom: 30px;}
.footer .footer-links ul {list-style: none;padding: 0;margin: 0;}
.footer .footer-links ul i {padding-right: 2px;font-size: 12px;line-height: 0;}
.footer .footer-links ul li {padding: 10px 0;display: flex;align-items: center;}
.footer .footer-links ul li:first-child {padding-top: 0;}
.footer .footer-links ul a {color: #d6d6d6;display: inline-block;line-height: 1;transition: 0.3s;font-size: 15px;}
.footer .footer-links ul a:hover {color: #fff;letter-spacing: 0.9px;}
.footer .footer-contact p {margin-bottom: 5px; color: #d6d6d6;}


.ft_btm a,.ft_btm p{color: #d6d6d6;transition: 0.3s;}
.ft_btm a:hover {color: #fff;letter-spacing: 0.9px;}
.ft_btm a:not(:last-child){    border-right: 2px solid #fff;margin-right: 25px;padding-right: 25px;}

/*--------------------------------------------------------------
# scroll-up
--------------------------------------------------------------*/
.scroll-up {cursor: pointer;display: block;border-radius: 50px;box-shadow: inset 0 0 0 2px #b4b2b2;z-index: 10000;opacity: 0;visibility: hidden;transform: translateY(-500px);position: fixed;right: 20px;bottom: 20px;height: 50px;width: 50px;transition: all 400ms linear;}
.scroll-up::after {position: absolute;font-family: 'fontawesome';content: "\f102";text-align: center;line-height: 50px;color: #000;left: 0;top: 0;font-size: 24px;font-weight: 500;height: 50px;width: 50px;cursor: pointer;display: block;z-index: 1;transition: all 200ms linear;}
.scroll-up.active-scroll {opacity: 1;visibility: visible;transform: translateY(0);}
.scroll-up svg path {fill: none;}
.scroll-up svg.scroll-circle path {stroke: #000;stroke-width: 4;box-sizing: border-box;transition: all 200ms linear;}

/*--------------------------------------------------------------
# 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%;}
.nav-link{font-weight: 500;padding-left: 14px !important;padding-right: 14px !important;color: #03201F;}
.nav-fill{width:100%; font-size: 15px;}
.navbar-brand{margin:0;}
.nav-item{position:relative;}
.nav-link:focus, .nav-link:hover {color: #0D6B68;}
@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;}
.bnr-sec {padding-top: 100px;}
}
@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;}
.bnr-sec {padding-top: 50px;}
}