@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

*{font-family: "Poppins", Sans-serif;}
a{text-decoration: none!important;}
.section-title h1{font-family: "Source Sans Pro", Sans-serif;font-size: 30px;font-weight: 700;text-transform: none;font-style: normal;text-decoration: none;line-height: 1.1em;letter-spacing: -0.5px;word-spacing: 0em;color: #23466d;text-align: center;}

header{margin-top:6px;padding-left:20px;}
.main-table{font-size:15px;line-height:1.6em;}
.main-table ul li{line-height:30px;}

/*--------------------------------------------------------------
# banner-section
--------------------------------------------------------------*/
/* .banner-section{position:relative;overflow:hidden;} */
/* .banner-section::before{position:absolute;content:'';left:0px;top:0px;right:0px;bottom:0px;z-index:2;background-color: rgb(21 22 22 / 38%);} */
.banner-section .content-column{position:relative;z-index:10;}
.banner-section .content-column .inner-column{position:relative;}
.banner-section .content-column .title{position:relative;color:#fff;font-size: 19px;line-height:1.8em;margin-bottom: 10px;font-weight:400;opacity: 0;transform: scaleY(0);transform-origin: top;letter-spacing: 3px;padding-right:70px;display:inline-block;text-transform:uppercase;transition: all 1000ms ease;}
.banner-section .content-column .title:before{position:absolute;content:'';right:0px;top: 16px;height:2px;width:60px;background-color:#ff0000;}
.banner-section .active .content-column .title{animation: fadeIn 2000ms ease-in-out; opacity: 1;transform: scaleY(1);transition-delay: 600ms;}
.banner-section .content-column h1{position:relative;color:#ffffff;opacity: 0;font-size: 48px;transform: scaleY(0);transition: all 2000ms ease;}
.banner-section .active .content-column h1{opacity: 1;transform: scaleY(1);transition-delay: 1000ms;}
.banner-section .content-column .text{position:relative;color:#ffffff;font-size: 16px;margin-top:15px;margin-bottom:30px;font-weight:400;opacity: 0;z-index:1;max-width:665px;transform: scaleY(0);transform-origin: top;transition: all 2500ms ease;}
.banner-section .active .content-column .text{opacity: 1;transform: scaleY(1);transition-delay: 1000ms;}
.banner-section .carousel-caption {position: absolute;bottom: 0;top: 0;left: 10%;padding-top: 1.25rem;padding-bottom: 1.25rem;color: #fff;text-align: left;display: flex !important;align-items: center;}
.banner-section .carousel-control-prev , .banner-section .carousel-control-next {z-index: 10;width: 9%;}
.banner-section .carousel-control-prev i, .banner-section .carousel-control-next i{background-color:rgba(0, 0, 0, 1.1);padding:20px 22px;color:#fff;border-radius: 50%;}
.banner-section img{height:520px;}
/* BASE BUTTON */
.banner-section .carousel-control-prev,
.carousel-control-next{position: absolute;overflow: visible;}

.banner-section .carousel-control-prev::after,
.banner-section .carousel-control-next::after{content: "";position: absolute;width: 140px;height: 90px;background-size: cover;background-position: center;border-radius: 6px;box-shadow: 0 6px 18px rgba(0,0,0,0.25);opacity: 0;transform: translateY(-50%) scale(0.9);transition: all 0.35s cubic-bezier(.22,.61,.36,1);top: 50%;pointer-events: none;}
.banner-section .carousel-control-prev::after{left: 31px;border-radius: 50%;width: 56px;height: 57px;background-image: url('image/banner2.jpg');}
.banner-section .carousel-control-next::after{right: 31px;border-radius: 50%;width: 56px;height: 57px;background-image: url('image/banner1.jpg');}
.banner-section .carousel-control-prev:hover::after,
.banner-section .carousel-control-next:hover::after{opacity: 1;transform: translateY(-50%) scale(1);}

/*counter */
.stats-row {margin: 0;}
.stats-row > div {padding: 0;}
.dark-box {background-color: #2c4a6b;color: #ffffff;}
.light-box {background-color: #e9ecef;color: #2c4a6b;}
.counter-box {height: 100%;display: flex;flex-direction: column;/*justify-content: center;*/align-items: flex-start;padding: 30px 35px;margin-top:20px;}
.stat-icon {width: 42px;height: 42px;margin-bottom: 15px;stroke-width: 1.5;opacity: 0.9;}
.stat-number {font-size: 46px;font-weight: 700;line-height: 1;margin-bottom: 8px;}
.stat-text {font-size: 16px;font-weight: 500;}

/* RESPONSIVE */
@media (max-width: 768px) {
    .counter-box {
        height: auto;
        padding: 25px;
    }
}

.counter{padding:60px 0px;}
.counter p{font-weight:300; text-align: center; font-size: 18px;text-transform: none;font-style: normal;text-decoration: none;line-height: 1.5em;letter-spacing: 0px;word-spacing: 0em;color: #212121;padding-top:10px;}
.counter-box.light-box p{color:#2c4a6b;text-align: left;}
.counter-box p{color:#fff;text-align: left;font-size:15px;padding-top:10px;font-weight: 400;}
.counter-box h6{ font-size: 20px;}
.counter-box.light-box:hover{background-color: #2c4a6b;color:#fff; transition: 0.7s ease;}
.counter-box.light-box:hover p{color:#fff;text-align: left;}
.counter-box.dark-box:hover{background-color: #e9ecef;color:#2c4a6b;transition: 0.7s ease;}
.counter-box.dark-box:hover p{color:#2c4a6b;text-align: left;}
.counter-box img{width:50px;margin-bottom:20px;}
.dark-box img{filter:brightness(20);}
.light-box img{filter:invert(0);}
.light-box:hover img{filter:brightness(20);}
.dark-box:hover img{filter:invert(0);}


/* services */
/* .services{margin-top:60px;} */
.services .bg-green{}
.serv-shadow{box-shadow: 0px 0px 30px 0px rgb(0 0 0 / 28%);}.green-box{background-color: #1a7841 !important;min-height: 339px;border-radius: 8px 0 0 8px !important;color: #fff;padding: 71px 30px;}
.services h5{ font-size: 20px;   font-weight: 700 !important;margin: 0 0 14px 0 !important;color: #fff !important;line-height: 1.4em!important;}
.services p{font-size:15px;opacity: 0.92;padding-top:15px;line-height: 1.6;}
.dark-green{min-height: 339px; background-color: #d7e6dd;align-items: center !important;padding: 66px 40px !important;border-radius: 0 8px 8px 0 !important;margin: 0 !important;}
.serv-box{padding:20px;background-color: #fff;}
.serv-box h4{color: #1a5e30;font-size: 18px;line-height: 1.4em;font-weight:700;}
.services .carousel-indicators{display: none;}
.services .carousel-control-prev {text-decoration: none;width: 35px;height: 35px;background-color: #ffffff;opacity: 1;left: -28px;top: 73px;border-radius: 100%;color: #000;font-size: 14px;-webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);-webkit-transition: all .2s;transition: all .2s;}
.services .carousel-control-next{ text-decoration: none;width: 35px;height: 35px;background-color: #ffffff;opacity: 1;right: -28px;top: 73px;border-radius: 100%;color: #000;font-size: 14px;-webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);-webkit-transition: all .2s;transition: all .2s;} 
.bg-blue-bx{background-color: #224974!important;}
.bg-blue{background-color: #d3dae2!important;}
.bg-orange-bx{background-color: #cf581d!important;}
.bg-orange{background-color: #f2ddd1!important;}
.text-orange{color:#cf581d!important}
.text-blue{color:#224974!important}
.btn1{font-size:14px;color:#1a5e30;padding-top:30px;}
.btn2{font-size:14px;color:#224974;padding-top:30px;}
.btn3{font-size:14px;color:#cf581d;padding-top:30px;}

/* footer */
.footer-dark{margin-top:60px;background:#000;color:#cfcfcf;padding:22px 0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;}
.footer-text{font-size:15px;line-height:1.5;color:#fff;}
.footer-text a{color:#cfcfcf;text-decoration:underline;}
.footer-icons{display:flex;align-items:center;gap:14px;}
.footer-icon{width:40px;height:40px;background:#111;display:flex;align-items:center;justify-content:center;color:#fff;border-radius:4px;font-size:18px;transition:.2s;}
.footer-icon i{color:#fff;}
.footer-icon:hover{background:#23466d; /* subtle brand hover */}
.footer-row{display:flex;align-items:center;justify-content:space-between;}

/* RESPONSIVE */
@media(max-width:768px){
    .footer-row{
        flex-direction:column;
        gap:10px;
        text-align:center;
    }
}


/* contact page */
.contact-section {padding: 5% 0; margin-top: 60px;}
.contact-section .contact-img { overflow: hidden; border-radius: 20px; position: relative;}
.contact-section .contact-img::after { content: ''; position: absolute; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); top: 0; left: 0;}
.contact-section .contact-img img { transition: all .3s ease-in-out;}
.contact-section .contact-img img:hover { transform: scale(1.1);}
.contact-section .contact-img .call { position: absolute; bottom: 0; padding: 60px 20px 15px 30px; width: 100%; z-index: 2; background-image: linear-gradient( rgba(0, 0, 0, .04) 0%, rgba(4 15 40 .5));}
.contact-section .contact-img .call p a{color: #fff;font-size: 19px;font-weight: 600;position: relative;z-index: 9;margin: 0;line-height: 2;}
.contact-section .contact-img .call p i { background: #fff; padding: 11px 12px; font-size: 18px; border-radius: 50%; color: #003d6d; margin: 0 8px 0 0;}
.contact-section .contact-form .form-control { margin: 0 0 16px 0; padding: 14px;}
.contact-section .contact-form input[type='button'] {border: 0;background: #2c4a6b  ;color: #fff;padding: 14px 34px;border-radius: 8px;font-size: 17px;font-weight: 600;letter-spacing: .5px;transition: all .3s ease-in-out;}
.contact-page {background: #d7e6dd;padding: 4% 0;}
.contact-page .contact-info {background: #fff;box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 15px;padding: 30px;border-radius: 18px;min-height: 290px;}
.contact-page .contact-info .icon { background: rgba(41, 143, 94, .2); padding: 12px; display: inline-block; width: 60px; height: 60px; border-radius: 8px; margin: 0 0 20px 0; text-align: center;}
.contact-page .contact-info .icon i { font-size: 23px; color:#2c4a6b; line-height: 1.7;}
.contact-page .contact-info h5 {color: #01020f;font-size: 19px;font-weight: 600;}
.contact-page .contact-info p {margin: 0; font-size: 15px; line-height: 1.5em;}


/* 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: 25px 0;position: relative;background:url(../Image/inner-bg-img.jpg) no-repeat right/cover scroll;height: 100v;}
  .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, #2c4a6b 4%, #191919 73%);}
/* innr-pg-c End */

.team-inner img {border-radius: 10px;box-shadow: 1px 1px 6px #7e7777;}
.team-inner p {line-height: 30px;}
.team-inner h5{font-size: 16px;}
.sub-heading {font-weight: bold;Font-size: 18px;text-align: left;color: #2c4a6b;line-height: 30px;margin-bottom: 5px;text-transform: uppercase;}

#WidgetControl2{display: none;}
#WidgetControl4{display: none;}
#widgetsControl, #widgetsControl_C{height:auto!important;}

@media(min-width:767px) and (max-width:1291px)
{
    #HeaderControl, #MenuControl{width:100%!important;}
    .bg-blue-bx{min-height:400px;}
    .bg-orange-bx{min-height:425px;}
    .dg-bg{padding:60px 40px!important; }
    .green-box{padding:71px 18px;}
      .banner-section .carousel-control-next::after{right:8px;}
    .banner-section .carousel-control-prev::after{left:8px;}
}

@media(min-width:1600px)
{
    .banner-section .carousel-control-next::after {right: 58px;}
    .banner-section .carousel-control-prev::after {left: 58px;}
}

@media(max-width:767px)
{   
    header{display: flex;justify-content: center;padding-left:0px;}
    .serv-box {margin-top: 10px;}
    .green-box{min-height:auto;}
    .dark-green{padding:40px!important;}
    .services .carousel-control-prev, .services .carousel-control-next{top: 50%;}
    .banner-section img {height: 350px;}
    .banner-section .content-column h1{font-size:30px;}
    .banner-section .carousel-control-prev, .banner-section .carousel-control-next{display: none;}
    .contact-img{margin-top:15px;}
}