@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap"); 
body {margin: 0px;padding: 0px;font-family: Montserrat, sans-serif;overflow-x: hidden;color: rgb(33, 33, 33);}
p {color: rgb(40, 40, 40);font-size: 15px;line-height: 27px;margin: 0px 0px 15px;font-family: Montserrat, sans-serif;letter-spacing: 0.3px;}
.main-table li {color: rgb(93, 100, 111);font-size: 15px;line-height: 27px;margin: 0px 0px 8px;font-family: Montserrat, sans-serif;}
a {font-family: Montserrat, sans-serif;text-decoration: none !important;}
h1, h2, h3, h4, h5, h6 {font-family: Montserrat, sans-serif;color: rgb(93, 100, 111);}

.main-table {text-align: left;padding: 5% 0px;}
#widgetsControl_C, #widgetsControl {height: auto !important;}
#Div_body .container-fluid {margin: 0px;padding: 0px;}
#MenuControl .nav-item {margin: 0px;}
#MenuControl .nav-item .nav-link {color: rgb(255, 255, 255);font-size: 14px;padding: 10px 0px;font-weight: 500;}
#MenuControl .nav-fill {width: 100%;}
#MenuControl .bg-light {height: 100%;background: rgb(255, 255, 255) !important;}
#HomepagecontentControl_C {margin-top: -21px;background: rgb(247, 245, 240);}
#HeaderControl.RadDock_Default .rdMiddle .rdCenter, #HeaderControl.RadDock_Default .rdBottom .rdCenter {background-color: transparent !important;}
#MenuControl_C .bg-light {--bs-bg-opacity: 1;height: 100%;background-color: transparent !important;}
#MenuControl.RadDock_Default .rdMiddle .rdCenter, #MenuControl.RadDock_Default .rdBottom .rdCenter {background-color: transparent !important;}
#HeaderControl, #MenuControl, #MenuControl_C {height: 85px !important;}

@media (min-width: 320px) and (max-width: 768px) {
    .navbar-toggler { position: absolute; right: 15px; top: -50px; background: rgb(255, 255, 255);}
    #MenuControl, #MenuControl_C { height: 0px !important;}
    #HeaderControl, #HeaderControl_C { background: rgb(26, 43, 74); height: 62px !important;}
    .navbar-collapse { background: rgb(0, 35, 70); margin-top: -10px;}
    #WidgetControl4 { display: none;}
}

@media (min-width: 769px) {
    #HeaderControl {position: absolute;left: 0;top: 20px;z-index: 2;width: 20%;text-align: center;background: rgba(255, 255, 255, 0);border-radius: 12px 0px 0px 12px;}
    #MenuControl { position: absolute; right: 10%; top: 16px; width: 70%; background: rgba(255, 255, 255, 0); z-index: 8 !important;}
    #WidgetControl4 { position: absolute; right: 0; top: 45px; width: 10%; z-index: 2;}
    #WidgetControl4, #WidgetControl4_C { background: transparent !important}
}

.otherpagecss #RadDockZone1.container { max-width: 100%;}
.otherpagecss #RadDockZone1.container #HomepagecontentControl_C table { margin-top: 0px !important;}
.otherpagecss #WidgetControl5 { display: none;}

.heading p {color: rgb(0, 163, 67);text-transform: uppercase;letter-spacing: 1px;font-size: 17px;font-weight: 600;position: relative;display: inline-block;margin: 0px 0px 10px;}
.heading p::after {content: "";position: absolute;width: 45px;height: 3px;background: rgb(225, 223, 81);left: 0px;top: -10px;}
.heading h2 {color: rgb(36, 36, 36);font-weight: 700;font-size: 43px;line-height: 52px;margin: 0px 0px 30px;}
.custom-btn {display: inline-block;background: transparent;padding: 14px 24px;color: rgb(0, 163, 67);font-size: 14px;font-weight: 600;text-transform: uppercase;letter-spacing: 1.5px;transition: 0.3s ease-in-out;position: relative;z-index: 2;}
.custom-btn::after {content: "";position: absolute;width: 3px;height: 100%;background: rgb(0, 163, 67);left: 0px;bottom: 0px;transition: 0.3s ease-in-out;}
.custom-btn img {width: 18px;margin: -1px 0px 0px 5px;transition: 0.2s ease-in-out;}
.custom-btn:hover::after {width: 100%;height: 100%;}
.custom-btn span {position: relative;z-index: 2;}
.custom-btn:hover {color: rgb(255, 255, 255);}
.custom-btn1 {display: inline-block;background: rgb(0, 163, 67);color: rgb(255, 255, 255);padding: 14px 24px;border-radius: 6px;font-size: 16px;font-weight: 500;letter-spacing: 0.3px;}

.banner-section {position: relative;overflow: hidden;}
.banner-section .main-video video {width: 100%;height: 100vh;object-fit: cover;}
.banner-section .banner-content {width: 100%;height: 100vh;position: absolute;background: linear-gradient(90deg, rgba(3, 3, 3, 0.6), rgba(7, 7, 7, 0.4));top: 0px;left: 0px;}
.banner-section .banner-content .text {position: absolute;left: 12%;top: 35%;width: 38%;padding: 50px;}
.banner-section .banner-content .text::after {content: "";position: absolute;width: 20%;height: 100%;border-width: 5px 0px 5px 5px;border-style: solid none solid solid;border-color: rgb(255, 255, 255);left: 0px;top: 0px;}
.banner-section .banner-content .text h1 {color: rgb(255, 255, 255);font-size: 42px;font-weight: 600;margin: 0px 0px 20px;line-height: 52px;position: relative;z-index: 2;}
.banner-section .banner-content .text p {color: rgb(255, 255, 255);font-size: 17px;position: relative;z-index: 2;}
.banner-section .circle-button {position: absolute;width: 200px;bottom: 5%;right: 5%;background: linear-gradient(90deg, rgb(0, 163, 67), rgb(225, 223, 81));z-index: 2;border-radius: 50%;cursor: pointer;}
.banner-section .rotate-circle {animation-name: rotateCircle;animation-duration: 20s;animation-iteration-count: infinite;animation-timing-function: linear;}

@keyframes rotateCircle {
    0% {transform: rotate(0deg);}
    100% {transform: rotate(360deg);}
}

.banner-section .text-u {text-transform: uppercase !important;}
.banner-section .fz-30 {border-radius: 50%;border: 1px solid rgba(221, 221, 221, 0.49);font-size: 27px !important;}
.banner-section .circle-button .rotate-circle textpath {fill: rgb(255, 255, 255);}
.banner-section .circle-button .icon {position: absolute;top: 50%;left: 50%;transform: translateX(-50%) translateY(-50%);}
.banner-section .banner-video { display: none; position: absolute; top: 50%; left: 50%; z-index: 9; width: 100%; transform: translate(-50%, -50%); padding: 20%; background: rgba(0, 0, 0, 0.5);}
.banner-section .banner-video video { border: 10px solid rgb(255, 255, 255);}

.about-section {padding: 6% 0px;background: rgb(241, 241, 241); margin: -8px 0 0 0;}
.about-section .left-pic {position: relative;}
.about-section .left-pic img {border-radius: 30px;}
.about-section .left-pic .text {position: absolute;width: 65%;border-radius: 30px;background: linear-gradient(90deg, rgb(0, 163, 67), rgb(225, 223, 81));padding: 35px;left: -10%;bottom: 8%;}
.about-section .left-pic .text h3 {color: rgb(24, 24, 24);font-weight: 600;line-height: 28px;font-size: 20px;margin: 0px 0px 30px;}
.about-section .left-pic .text p {color: rgb(0, 0, 0);margin: 0px;font-size: 14px;line-height: 22px;}
.about-section .text {padding: 6% 0px 0px;}

.product-section {padding: 6% 0px;}
.product-section .heading p::after { left: 0px; right: 0px; margin: 0px auto;}
.carousel-inner { padding: 30px;}
.product-card { position: relative; border-radius: 28px; padding: 32px; overflow: hidden; background: #f1f1f1; display: flex; transition: 0.35s; margin: 0 0 20px 0;}
.product-card .num { position: absolute; font-size:21px; font-weight: 600; right: 20px; top: 30px; opacity: .2}
.product-card .icon {width: 35%;}
.product-card .icon img {background: #fff;width: 85%;padding: 10px;border-radius: 20px}
.product-card .text {width: 65%;}
.product-card .text h4 {font-size: 22px;line-height: 27px;color: #242424;font-weight: 600;margin: 10px 0 25px 0;position: relative;}
.product-card .text h4::after { content: ''; position: absolute; width: 60px; height: 2px;background: #00a343; left:0;bottom: -10px}
.product-card:hover { transform: translateY(-10px); box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;}
.product-image { position: relative}

.circle-bg { position: absolute; width: 100%; height: 100%; border-radius: 50%; background: radial-gradient(circle, rgb(223, 247, 232) 0%, rgb(0 163 67 / 3%) 45%, transparent 70%);}
.circle-bg::before { content: ""; position: absolute; inset: 35px; border-radius: 50%; border: 2px dashed rgba(0, 166, 81, 0.18);}
.car-img { position: relative; z-index: 2; max-width: 100%; filter: drop-shadow(rgba(0, 0, 0, 0.18) 0px 18px 30px);}

.product-content { position: relative;}
.what-we-do { padding: 6% 0px; background: rgb(0, 163, 67);}

.footer-section {background: #f1f1f1;padding: 80px 0px 25px;}
.footer-section h4 {font-size: 21px;font-weight: 700;color: #242424;margin-bottom: 30px;}
.footer-links {list-style: none;padding: 0px;margin: 0px;}
.footer-links li {margin-bottom: 15px;font-size: 15px;}
.footer-links a {text-decoration: none;color: rgb(97, 109, 130);transition: 0.3s;font-size: 17px;}
.footer-links a:hover {color: rgb(0, 136, 255);padding-left: 8px;}
.read-more {color: rgb(0, 136, 255);text-decoration: none;font-weight: 600;display: inline-flex;align-items: center;gap: 10px;}
.read-more:hover {letter-spacing: 0.5px;}
.footer-address {display: flex;align-items: flex-start;gap: 18px;margin-bottom: 25px;}
.footer-address i {color: rgb(102, 102, 102);font-size: 24px;margin-top: 5px;}
.social-icons {display: flex;gap: 15px;}
.social-icons a {width: 44px;height: 44px;border: 1px solid rgb(191, 200, 210);border-radius: 50%;display: flex;justify-content: center;align-items: center;color: rgb(85, 85, 85);text-decoration: none;transition: 0.35s;}
.social-icons a:hover {background: #00a343;border-color: #00a343;color: rgb(255, 255, 255);transform: translateY(-5px);}
.footer-section hr {margin: 60px 0px 25px;opacity: 0.15;}
.footer-bottom p {margin: 0px;}
.footer-bottom a {text-decoration: none;color: rgb(97, 109, 130);transition: 0.3s;}

.success-section {background: linear-gradient(#00a343 40%, #00a343 40%);position: relative;overflow: hidden;}
.success-section .left-text {padding: 70px;background: rgb(255, 255, 255);margin-right: -10%;position: relative;z-index: 3;border-radius: 30px;}
.btn-success-story:hover {background: rgb(24, 24, 24);color: rgb(255, 255, 255);}

.core-values {padding: 6% 0px;background: rgb(241, 241, 241);}
.core-values .value-card {position: relative;overflow: hidden;transition: 0.4s ease-in-out;cursor: pointer;margin: 20px 0px 0px;border-radius: 28px;}
.core-values .value-card .pic img {transition: 0.5s ease-in-out;}
.core-values .value-card .text {position: absolute;width: 90%;bottom: 0px;left: 0px;padding: 30px 30px 0px;margin: 20px;border-radius: 20px;background: #fff;transition: 0.3s ease-in-out;}
.core-values .value-card .text h3 {color: #242424;font-size: 23px;margin: 0px;padding: 4px 0px 4px 18px;position: relative;transition: 0.3s ease-in-out;}
.core-values .value-card .text h3::after {content: "";position: absolute;width: 4px;height: 100%;background: #00a343;left: 0px;top: 0px;}
.core-values .value-card .text p {/* color: rgb(255, 255, 255); */opacity: 0;transition: 0.3s ease-in-out;margin: 0px;}
.core-values .value-card .text p a {color: #00a343;font-size: 16px;font-weight: 500;}
.core-values .value-card:hover .pic img {transform: scale(1.1);}
.core-values .value-card:hover .text p {opacity: 1;}
.core-values .value-card:hover .text {padding: 30px;}
.core-values .value-card:hover .text h3 {margin: 0px 0px 20px;}

@media (min-width: 1201px) and (max-width: 1440px) {

    .heading p { font-size: 15px; margin: 0 0 5px 0;}
    .heading p::after {top: -6px;}
    .heading h2 { font-size: 36px;line-height: 46px;margin: 0px 0px 30px;}
   
    .banner-section .banner-content .text {position: absolute;left: 10%;top: 35%;width: 40%;padding: 40px;}
    .banner-section .banner-content .text h1 { font-size: 36px; line-height: 45px;}
    .banner-section .banner-content .text p { font-size: 16px;}
    .banner-section .circle-button {position: absolute;width: 170px;}

    .about-section .left-pic .text h3 { line-height: 25px;font-size: 19px;margin: 0px 0px 25px;}
    
    .product-card { padding: 25px;}
    .product-card .num { position: absolute; font-size:21px; font-weight: 600; right: 20px; top: 30px; opacity: .2}
    .product-card .icon {width: 35%;}
    .product-card .icon img {background: #fff;width: 85%;padding: 10px;border-radius: 20px}
    .product-card .text {width: 65%;}
    .product-card .text h4 {font-size: 18px;line-height: 25px; margin: 0 0 20px 0;}
    .product-card .text p { font-size: 14px; line-height: 25px}

    .success-section .left-text {padding: 40px;background: rgb(255, 255, 255);margin-right: -10%;position: relative;z-index: 3;border-radius: 30px;}
    .success-section .left-text p { line-height: 25px }

    .core-values .value-card .text { width: 90%;bottom: 0px;left: 0px;padding: 25px 25px 0px;margin: 20px;}
    .core-values .value-card .text h3 {color: #242424;font-size: 18px;}
}





.mega-section {padding: 60px 0px;display: none;height: 90vh;position: absolute;top: 0;width: 100%;background: #fffffff0;z-index: 9;top: 110px;backdrop-filter: blur(6px);transition: all .5s ease-in-out;}
.mega-section .menu-box {border-right: 1px solid rgb(0 0 0 / 20%);height: 100%;}
.mega-section .menu-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 24px 10px;
    border-bottom: 1px solid rgb(0 0 0 / 20%);
    cursor: pointer;
    font-weight: 600;
    font-size: 18px;
    transition: 0.3s;
    text-transform: uppercase;
    color: #242424;
}

.mega-section .menu-item i {
    color: rgb(102, 102, 102);
    transition: 0.3s; padding: 0 5px 0 0;
}

.mega-section .menu-item:hover, .mega-section .menu-item.active {
    color:#00a343;
    padding-left: 20px;
}

.mega-section .menu-item:hover i, .mega-section .menu-item.active i {
    color:#00a343;
    transform: translateX(5px);
}

.mega-section .content-title {
    color: #00a343;
    font-size: 27px;
    font-weight: 700;
    position: relative;
    margin-bottom: 32px;
}
.mega-section .content-title::after { content: ''; position: absolute; width: 60px; height: 2px;background: #e1df51; left:0;bottom: -10px}

.mega-section .info-card {
    margin-bottom: 45px;
}

.mega-section .icon {
    width: 55px;
    height: 55px;
    background: linear-gradient(90deg, rgb(0, 163, 67), rgb(225, 223, 81));
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgb(255 255 255);
    font-size: 24px;
    margin-bottom: 15px;
}

.mega-section .info-card h5 {
    color: #212121;
    font-weight: 700;
    margin-bottom: 15px;
}

.mega-section .info-card p {
    color: rgb(102, 102, 102);
    line-height: 1.9;
    margin-bottom: 8px;
}

.mega-section .contact-label {
    font-weight: 700;
    color: rgb(17, 17, 17);
    margin-top: 15px;
}

@media (max-width: 991px) {
    .mega-section .menu-box {
        border-right-width: medium;
        border-right-style: none;
        border-right-color: currentcolor;
        margin-bottom: 40px;
    }

    .mega-section .menu-item {
        font-size: 18px;
    }
}

.toggler-btn {
    width: 40px;
    cursor: pointer;
}

.toggler-btn .top-bar, .toggler-btn .middle-bar, .toggler-btn .bottom-bar {
    width: 30px;
    height: 3px;
    background: #ffffff;
    border-radius: 3px;
}

.toggler-btn .top-bar {
    animation: 1.7s ease 0s infinite normal none running toggler;
}

.toggler-btn .middle-bar {
    animation: 1.3s ease 0s infinite normal none running toggler;
}

.toggler-btn .bottom-bar {
    animation: 2.2s ease 0s infinite normal none running toggler;
}
#contentArea { padding: 0 0 0 5%}

@keyframes toggler {
    0% {
        width: 30px;
    }

    50% {
        width: 18px;
    }

    100% {
        width: 30px;
    }
}

[data-aos]{
    transition-property: transform, opacity !important;
    will-change: transform, opacity;
}

/* .close-btn { font-size: 20px; font-weight: 600}
.close-btn i { width: 25px;
    height: 25px; text-align: center; line-height: .8;
    background:rgb(0, 163, 67);
    border-radius: 50%;
    color: rgb(255 255 255);
    font-size: 16px; padding: 5px} */

.rdCenter {
    background: #ffffff00 !important;
}

  .about-banner { padding: 12% 0px 5%; background-image: linear-gradient(90deg, rgb(0, 163, 67), rgb(225, 223, 81)); background-size: cover; background-position: center center;}
  .about-banner h1 { color: rgb(255, 255, 255); font-size: 56px; text-shadow: rgba(0, 0, 0, 0.33) 3px 10px 10px; letter-spacing: 1px; margin-bottom: 20px; text-transform: uppercase; font-weight: 800; line-height: 1.2;}
  .about-banner p, .about-banner p a { color: rgb(236, 236, 236);}