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

*{
  font-family:'Asap', sans-serif;
  /* color: #626c84; */
  font-size: 16px;
}
a{text-decoration: none;}
h1, h2, h3, h4, h5, h6{  font-family: "Outfit", sans-serif;}

.section-title h2{font-size: 44px;margin-top: 0;margin-bottom: 90px;position: relative;text-align: center;font-weight: 700;color:#252a37;}
.section-title h2:after {content: '';position: absolute;bottom: -30px;height: 1px;width: 50px;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);transform: translateX(-50%);z-index: 0;border-bottom: 2px solid #013818;}

.section-title1 h2{font-size: 30px;margin-top: 0;font-weight: 700;color:#252a37;}


.top-header { background: #013818; padding: 8px;}
.top-header p { margin: 0;}
.top-header p a { color: #fff;}
.top-header p a i{color:#fff;font-size:20px;margin-top:3px;}

.banner-content,.banner-content .carousel-item{height:650px;}
.banner-content .carousel-item{position:relative;}
.banner-content .carousel-item img{width:100%;height:650px;object-fit:cover;}
.banner-content .carousel-item::before{content:"";position:absolute;inset:0;background:rgba(0,0,0,0.48);z-index:1;}
.banner-caption{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;text-align:center;padding:0 15px;}
.banner-caption-inner{max-width:1100px;}
.banner-caption h1{font-size:74px;line-height:1.1;font-weight:700;color:#fff;letter-spacing:2px;margin-bottom:22px;transform:translateY(55px);}
.banner-caption p{font-size:22px;font-weight:600;color:#fff;margin-bottom:36px;opacity:0;transform:translateY(35px);letter-spacing: 1px;}
.banner-btns{display:flex;justify-content:center;gap:12px;opacity:0;transform:translateY(30px);}
.banner-caption h1,
.banner-caption p,.banner-btns{opacity:0;transform:translateX(-120px);}
.carousel-item.active .banner-caption h1{animation:leftToCenter 1s ease forwards;}
.carousel-item.active .banner-caption p{animation:leftToCenter 1s ease .3s forwards;}
.carousel-item.active .banner-btns{animation:leftToCenter 1s ease .6s forwards;}

@keyframes leftToCenter{

  0%{
    opacity:0;
    transform:translateX(-120px);
  }

  100%{
    opacity:1;
    transform:translateX(0);
  }

}

.banner-btn{min-width:190px;height:56px;border-radius:30px;font-size:16px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;transition:0.3s ease;}
.banner-btn.service{color:#fff;background:#d98c03;border:1px solid #d98c03;}
.banner-btn.contact{color:#fff;background:transparent;border:2px solid rgba(255,255,255,0.45);}
.banner-btn:hover{background-color:#272d33;color:#fff;transform:translateY(-3px);}
.banner-btn.service:hover{background:#272d33;border:1px solid #272d33;}
.banner-content .carousel-control-prev,
.banner-content .carousel-control-next{width:60px;height:60px;top:50%;transform:translateY(-50%);background:rgba(0,0,0,0.40);opacity:1;z-index:9;border:0;}
.banner-content .carousel-control-prev{left:14px;}
.banner-content .carousel-control-next{right:14px;}
.banner-content .carousel-control-prev-icon,
.banner-content .carousel-control-next-icon{width:24px;height:24px;}

@media(max-width:991px){
  .banner-content,
  .banner-content .carousel-item,
  .banner-content .carousel-item img{height:460px;
  }

  .banner-caption h1{font-size:58px;}
  .banner-caption p{font-size:18px;}}

@media(max-width:767px){
  .banner-content,
  .banner-content .carousel-item,
  .banner-content .carousel-item img{height:430px;}
  .banner-caption h1{font-size:40px;letter-spacing:-1px;}
  .banner-caption p{font-size:15px;}
  .banner-btns{flex-direction:column;align-items:center;}
  .banner-btn{min-width:170px;height:50px;}
  .banner-content .carousel-control-prev,
  .banner-content .carousel-control-next{width:45px;height:45px;}}



/* about us */
.about-sec{position:relative; padding:80px 0 10px; overflow:hidden; background:#fff;}
.about-sec .container{ max-width:1280px;}
.about-heading{ text-align:center; margin-bottom:55px;}
.about-heading h2{ font-size:28px; font-weight:700; color:#252a37; margin-bottom:15px; letter-spacing:0.2px;}
.about-heading span{ width:48px; height:2px; background:#013818; display:inline-block;}
.about-content{ max-width:1180px; margin:auto; text-align:center;}
.about-content p{ font-size:16px; line-height:2.0; font-weight:400; color:#626c84; margin-bottom:16px;}
/* dotted left top */
.dot-left{ position:absolute; top:0; left:0; background:url('image/pattern_arrow.png') no-repeat; background-size:contain; z-index:1;}
.dot-left img{ width:250px; height:auto; display:block;}
/* dotted right bottom */
.dot-right{ position:absolute; right:0px; bottom:0;background:url('image/pattern_box.png') no-repeat;background-size:contain;z-index:1;}
.dot-left img{width:250px;height:auto;display:block;}

/* responsive */

@media(max-width:991px){
.about-sec{padding:70px 15px 10px;}
.about-heading h2{font-size:24px;}
.about-content p{font-size:15px;line-height:1.9;}
.expertise-left img{height:auto!important}
}

@media(min-width:767px) and (max-width:1291px)
{
  .expertise-left{margin-top:20px;height:auto!important;}
}


@media(max-width:767px){
  .product-section{padding:20px 0px;}
  .section-title h2{margin-bottom:50px;}
.about-heading h2{font-size:21px;}
.about-content p{font-size:14px;line-height:1.8;}
.dot-left{width:140px;height:140px;}

}

/* product */
.product-section { padding:50px 0 80px;}
.product-section .heading::after { left: 0; right: 0; margin: 0 auto;}
.product-section .product-bx { border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;}
.product-section .product-bx img { border-radius: 10px 10px 0 0; filter: brightness(90%);width:100%;}
.product-section .product-bx .content { padding: 20px; text-align: center; position: relative;}
.product-section .product-bx .content .more { position: absolute; top: -18%; background: #013818; left: 0; right: 0; margin: 0 auto; width: 65px; height: 65px; border-radius: 50%; font-size: 14px; line-height: 1.2;}
.product-section .product-bx .content a {color: #fff;font-weight: 600;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.product-section .product-bx .content h4 { color: #252a37; margin: 50px 0 10px 0; font-weight: 700;font-size:22px;}
.product-section .product-bx .content .more:hover { background: #15753d;}

/* core expertise */
.expertise-sec{overflow:hidden;background:#f7f7f7;}
.expertise-left{position:relative;height:525px;}
.expertise-left img{width:100%;height:707px;object-fit:cover;}
.play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:58px;height:58px;border:3px solid rgba(255,255,255,0.9);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:26px;text-decoration:none;transition:0.3s ease;}
.play-btn:hover{background:#fff;color:#000;}
.expertise-right{background:#f7f7f7;padding:55px 60px;height:100%;}
.sub-head{font-size:18px;color:#013818;letter-spacing: 1px;font-weight:600;padding-top:10px;}
.expertise-box{text-align:center;margin-bottom:50px;}
.expertise-box img{width:62px;height:62px;object-fit:contain;margin-bottom:14px;}
.expertise-box h3{font-size:19px;font-weight:600;color:#252a37;margin-bottom:6px;}
.expertise-box h3 span{font-size:26px;}
.expertise-box p{margin:0;font-size:15px;line-height:1.7;color:#56657d;}

@media(max-width:1199px){
.expertise-right{padding:50px 35px;}
.expertise-right h2{font-size:42px;}
}

@media(max-width:991px){
/* .expertise-left{height:420px;} */
.expertise-right{padding:45px 25px;}
.expertise-right h2{font-size:38px;}
}
@media(max-width:767px){
.expertise-left{height:auto;}
.expertise-right h2{font-size:32px;}
.expertise-right p{font-size:14px;line-height:1.9;}
.expertise-box{margin-bottom:35px;}
.expertise-box img{width:54px;height:54px;}
.expertise-box h3{font-size:18px;}
.product-section .product-bx{margin-top:10px;}
.dot-left img{width:50px;}
.dot-right img{width:35px;}
}

/* contact section */
.contact-wrap{height:420px;}.contact-section{margin: 80px 0px;position:relative;padding:30px 0px;background:#006ba3;}
.contact-section::before{content:"";position:absolute;inset:0;background:url("image/contact-bg.jpg") center/cover no-repeat;opacity:0.18;}
.contact-section::after{content:"";position:absolute;inset:0;background:#01381896;}
.contact-wrap{position:relative;z-index:2;}
.contact-form-box{margin-top: -70px;background:#202020;padding:58px 40px 50px;max-width:500px;min-height:565px;}
.form-small-title{color:#fff;font-size:20px;font-weight:300;letter-spacing: 1px;margin:0;line-height:1;}
.contact-form-box h2{color:#fff;font-size:36px;line-height:1.1;font-weight:700;margin-bottom:36px;}

.contact-wrap .form-control,.form-select{background:transparent !important;border:none !important;border-bottom:1px solid rgba(255,255,255,0.35) !important;border-radius:0 !important;box-shadow:none !important;color:#fff !important;padding-left:0 !important;padding-right:0 !important;}

.contact-wrap .form-control:focus,.form-select:focus{background:transparent !important;border-bottom:1px solid #ffffff !important;box-shadow:none !important;}
.contact-wrap input::placeholder{color:#626c84!important;font-size:16px;}
.contact-wrap textarea::placeholder{
  font-size:16px;
  color:#626c84!important;
}
.form-select{color:#626c84;}
.contact-wrap textarea.form-control{height:96px;resize:none;}
.send-btn{margin-top:21px;background:#d98c03;color:#fff;border:0;width:170px;height:48px;border-radius:30px;font-size:16px;font-weight:700;}
.send-btn:hover{background:#b47404;}
.cont-box img{border-radius: 30px;}


@media(max-width:991px){
    .contact-form-box{
        max-width:100%;
        min-height:auto;
    }
}

.info-card {position: relative;z-index: 2;max-width:550px;margin-left: auto;background: rgba(255,255,255,0.56);border: 1px solid rgba(255,255,255,0.85);border-radius: 15px;padding:30px;box-shadow: 0 18px 40px rgba(31, 41, 55, 0.12);backdrop-filter: blur(12px);}
.fast-title {color: #fff;font-size: 18px;font-weight: 860;letter-spacing: 0.7px;text-transform: uppercase;margin-bottom: 15px;position: relative;}
.fast-title::after {content: "";position: absolute;left: 270px;top: 50%;width: 210px;height: 2px;background: #d98c03;box-shadow: 0 0 10px rgb(180, 143, 19);}
.feature-box {display: flex;gap: 15px;background: rgba(255,255,255,0.78);border-radius: 10px;padding: 15px 20px;margin-bottom: 11px;box-shadow: 0 7px 18px rgba(31, 41, 55, 0.08);border: 1px solid rgba(255,255,255,0.9);}
/* .check-icon {border-radius: 50%;color: #fff;text-align: center;font-weight: 900;margin-top: 2px;background-color: #000;width:20px;height:20px;} */
.feature-box h5 {font-size: 17px;margin: 0 0 3px;color:#252a37;line-height: 1.6em;}
.terms {font-size: 11.5px;color: #526073;font-weight: 500;margin: 12px 0 3px;}
.check-icon i{font-size:20px;margin-top: 5px;color:#000}

.map-section{margin-top:-77px;}

/* footer */
.footer-main{position:relative;background:url("image/footer-bg.jpg") center/cover no-repeat;padding:68px 0 58px;color:#fff;}
.footer-main::before{content:"";position:absolute;inset:0;background:rgb(0 0 0 / 89%);}
.footer-main .container{position:relative;z-index:2;}
.footer-logo img{width:145px;margin-bottom:35px;}
.footer-text{color:#8c93a5;font-size:16px;line-height:2;max-width:320px;margin-bottom:28px;}
.footer-social{display:flex;gap:16px;}
.footer-bottom p{color:#8c93a5;font-size:15px;margin-bottom: 0px;}
.footer-social a{width:40px;height:40px;border-radius:50%;background:#252525;color:#fff;display:flex;align-items:center;justify-content:center;font-size:15px;text-decoration:none;transition:0.3s;}
.footer-social a:hover{background:#013818;color:#fff;}
.footer-title{font-size:24px;font-weight:800;color:#fff;margin-bottom:26px;}
.footer-links{list-style:none;padding:0;margin:0;columns:2;}
.footer-links li{margin-bottom:22px;}
.footer-links a{position:relative;color:#fff;text-decoration:none;font-size:15px;font-weight:500;padding-left:18px;}
.footer-links a::before{content:"";position:absolute;left:0;top:10px;width:8px;height:2px;background:#d98c03;}
.footer-bottom{background:#1d1d1d;padding:25px 0;color:#8c93a5;font-size:14px;}
.footer-bottom a{color:#d98c03;text-decoration:none;}
.back-top{position:fixed;left:19px;bottom:25px;width:45px;height:45px;border-radius:50%;background:#013818;color:#fff;display:flex;align-items:center;justify-content:center;text-decoration:none;z-index:99;}
.back-top i{font-size:22px;color:#fff;}

.float-icons{position:fixed;right:20px;bottom:20px;display:flex;gap:12px;z-index:99;}
.float-icons a{width:60px;height:60px;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;text-decoration:none;font-size:30px;}
.float-icons .whatsapp{background:#20d463;}
.float-icons a i{color:#fff;}
.float-icons .chat{background:#013818;position:relative;}
.float-icons .chat span{position:absolute;top:-2px;right:0;background:#d71920;color:#fff;width:18px;height:18px;border-radius:50%;font-size:11px;display:flex;align-items:center;justify-content:center;}
@media(max-width:991px){
    .footer-main{
        padding:55px 0 35px;
    }

    .footer-title{
        margin-top:25px;
    }

    .footer-links{
        columns:1;
    }
}


@media(max-width:767px)
{
  .fast-title::after{display: none;}
  .contact-wrap{height:auto;}
  .info-card {margin-top: 10px;padding:15px;}
  .expertise-left img{height:auto;}
}

.table-responsive{padding:0px;}
#widgetsControl, #widgetsControl_C{height:auto!important;}


/*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: 600;color:#1a1a1a;font-size: 16px;}
.nav-fill{width: 100%;font-size: 15px;}
.navbar-brand{margin:0;}
.nav-item{position:relative;padding: 0px 6px;}
.dropdown-item:focus, .dropdown-item:hover {color: #013818;}
.dropdown-item {position: relative;display: inline-block;text-decoration: none;}

/* create hidden line */
.dropdown-item::after {content: "";position: absolute;left: 0;bottom: 0;width: 0%;height: 2px;background:linear-gradient(135deg, #d98c03 0%, #a56b06 100%);transition: width 0.3s ease;}
.dropdown-item.active, .dropdown-item:active {color: #1a1a1a!important;text-decoration: none;background-color: transparent!important;}

/* animate on hover/focus */
.dropdown-item:hover::after,
.dropdown-item:focus::after {
  width: 100%;
}
.navbar-nav .dropdown-menu {padding:12px;border-top: 2px solid #013818;}
/*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){
  header{display: flex;justify-content: center;}
  .dropdown-toggle::after{    border-right: 2px solid #fff!important; border-bottom: 2px solid #fff!important;}
.navbar-toggler{background:#eee;}
.navbar.navbar-expand-md{text-align:center;background-color: #013818!important;}
.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: 16px;padding-right: 5px; padding-left: 5px;color:#fff;}
}

/* nav icon */
.dropdown-toggle::after {border-bottom: 2px solid #222;border-left: 0;border-right: 2px solid #222;border-top: 0;content: "";display: inline-block;height: 8px;margin-left: 8px;margin-top: 4px;-webkit-transform: rotate(403deg);transform: rotate(403deg);width: 8px;vertical-align: .255em;}
@media (min-width:1023px){
  .navbar-nav li:hover > ul.dropdown-menu {display: block;transition: 0.3s linear;}
  .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;}
  }
  .dropdown-item {font-size: 16px;color: 1a1a1a;padding:8px;font-weight:600;}

.head-img{margin:21px 10px!important;}
.navbar{width:90%;float:inline-end;}
.navbar .nav-links a.active {
    color: #013818;
    font-weight: 600;
}


@media(max-width:991px)
{
    .navbar{width:100%;}
    .head-img {margin:10px!important;}
}

header img{width:105px;}

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

/* .otherpagecss #RadDockZone1.container #HomepagecontentControl_C table {margin-top: 0 !important;} */
.innr-pg-c {    margin-top: -20px;margin-bottom: 20px;padding: 22px 0;position: relative;}
.innr-pg-c h1 {font-weight: 800;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, #d98c03 4%, #333 73%);}

/* innr-pg-c End */
.main-table{text-align: left;line-height: 30px;}

.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:#013818;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;}
.feature-box-content{color:#fff;}

.back-to-top {position: fixed;right: 30px;bottom: 30px;display: flex;width: 45px;height: 45px;align-items: center;justify-content: center;transition: 0.5s;z-index: 99;}

@media(min-width:767px) and (max-width:991px)
{
  .navbar{padding:26px 0px;}
  .info-card{max-width:100%;margin-top:10px;}
  .map-section {
    margin-top: 391px;
}
.fast-title {color: #000;}
}