@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap');

*{box-sizing:border-box;font-family:"Nunito",sans-serif;}

/* ================= HERO ================= */

.hero-section{position:relative;min-height:500px;display:flex;align-items:center;overflow:hidden;background:#064c3b;}

.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;}

.hero-overlay{position:absolute;inset:0;z-index:1;background:linear-gradient( 90deg,rgba(0,65,49,0.97),rgba(0,65,49,0.82),rgba(0,0,0,0.45) );}

.hero-content{position:relative;z-index:2;padding-top:45px;padding-bottom:100px;}

.hero-content h1{margin:0 auto 25px;max-width:1050px;color:#ffffff;font-size:40px;line-height:1.12;font-weight:700;}

.hero-content p{max-width:900px;margin:0 auto;color:#ffffff;font-size:18px;line-height:1.8;font-weight:400;}

/* ================= RATES ================= */

.rates-section{position:relative;z-index:5;margin-top:-72px;padding-bottom:60px;}

.rate-card{padding:48px 30px;background:#ffffff;border-radius:0 0 14px 14px;box-shadow:0 16px 35px rgba(0,0,0,0.10);text-align:center;}

.rate-card-green{border-top:5px solid #368b1e;}

.rate-card-orange{border-top:5px solid #ee7900;}

.rate-card h3{margin:0 0 18px;color:#233047;font-size:17px;line-height:1.4;font-weight:600;text-transform:uppercase;letter-spacing:0.7px;}

.rate{font-size:40px;line-height:1;font-weight:700;}

.rate-card-green .rate{color:#075b48;}

.rate-card-orange .rate{color:#df7600;}

/* ================= BUY / SELL ================= */

.buy-sell-section{padding:40px 0px 80px;background:#ffffff;}

.image-frame{position:relative;max-width:590px;margin:0 auto;padding:22px;}

.buy-sell-image{position:relative;z-index:2;display:block;width:100%;height:410px;object-fit:cover;}

.image-border{position:absolute;z-index:1;width:54%;height:48%;border:3px solid #111111;}

.image-border-top{top:0;right:0;}

.image-border-bottom{bottom:0;left:0;}

.buy-sell-content{max-width:610px;}

.buy-sell-content h2{position:relative;display:inline-block;margin-bottom:12px;color:#ed1c24;font-size:40px;line-height:1.15;font-weight:700;}

.buy-sell-content h2::after{content:"";display:inline-block;width:55px;height:3px;margin-left:18px;margin-bottom:10px;background:#ed1c24;}

.buy-sell-content p{margin-bottom:22px;font-size:16px;line-height:1.7;color:#000;}

.read-more-btn{display:inline-block;margin-top:4px;padding:15px 42px;color:#ffffff;background:#ed1c24;text-decoration:none;font-size:16px;font-weight:600;letter-spacing:0.5px;transition:0.3s ease;}

.read-more-btn:hover{color:#ffffff;background:#c9161d;}

/* ================= ABOUT ================= */

.about-section{padding:90px 0;background:#f1f4f6;}

.about-text{margin-bottom:28px;font-size:19px;line-height:1.8;}

.about-text:last-child{margin-bottom:0;}

/* ================= INDUSTRIES ================= */

.industries-section{padding:90px 0;background:#ffffff;}

.section-title h2{margin-bottom:55px;color:#ed1c24;font-size:40px;font-weight:700;}

.industries-list ul{margin:0;padding:0 20px;list-style:none;}

.industries-list li{position:relative;margin-bottom:15px;padding-left:20px;font-size:16px;line-height:1.5;}

.industries-list li::before{content:"";position:absolute;left:0;top:10px;width:7px;height:7px;border-radius:50%;background:#ed1c24;}

/* ================= CONTACT ================= */

.contact-section{/* padding:90px 0;*/ background:#075b8a;}

.contact-box{color:#ffffff;text-align:center;}

.contact-box h2{margin-bottom:30px;font-size:35px;font-weight:700;}

.contact-box p{margin-bottom:8px;font-size:17px;line-height:1.8;}

.contact-details{margin-top:28px;}

.contact-details p{margin-bottom:8px;}

/* ================= FOOTER ================= */

.site-footer{padding:25px 0;background:#111111;color:#ffffff;}

.site-footer p{font-size:14px;}

.site-footer a{margin-left:22px;color:#ffffff;font-size:14px;text-decoration:none;}

.site-footer a:hover{color:#ed1c24;}

/* ================= RESPONSIVE ================= */

@media (max-width: 1199.98px) {
.site-header .navbar-nav{gap:5px;}

.site-header .nav-link{font-size:15px;}

.site-logo{width:215px;}

.hero-section{min-height:530px;}
}

@media (max-width: 991.98px) {
.site-header .navbar{min-height:88px;}

.site-logo{width:210px;}

.site-header .navbar-collapse{padding:15px 0 20px;}

.site-header .navbar-nav{gap:0;}

.site-header .nav-link{padding:10px 0!important;border-bottom:1px solid #eeeeee;}

.hero-section{min-height:500px;}

.hero-content{padding-bottom:65px;}

.rates-section{margin-top:-45px;padding-bottom:60px;}

    .buy-sell-section,
    .about-section,
    .industries-section,
.contact-section{padding-top:70px;padding-bottom:70px;}

.buy-sell-content{max-width:100%;}

.buy-sell-image{height:390px;}
}

@media (max-width: 767.98px) {
.site-header .navbar{min-height:78px;}

.site-logo{width:185px;}

.hero-content{padding:45px 15px 80px;}

.hero-content h1{font-size:36px;}

.hero-content p{font-size:15px;line-height:1.7;}

.rates-section{margin-top:-30px;padding-bottom:45px;}

.rate-card{min-height:205px;padding:38px 20px;}

.rate-card h3{font-size:15px;}

.rate{font-size:53px;}

.buy-sell-section{padding:60px 0 70px;}

.image-frame{padding:15px;}

.buy-sell-image{height:300px;}

.buy-sell-content h2{font-size:38px;}

.buy-sell-content h2::after{width:35px;margin-left:10px;}

.buy-sell-content p{font-size:15px;}

.about-text{font-size:16px;}

.section-title h2{margin-bottom:35px;font-size:34px;}

.industries-list ul{padding:0 10px;margin-bottom:15px;}

.industries-list li{font-size:15px;}

.contact-box h2{font-size:28px;}

.contact-box p{font-size:15px;}

.site-footer a{display:inline-block;margin:8px 8px 0;}
}

@media (max-width: 575.98px) {
.hero-content h1{font-size:28px;}
.rate{font-size:40px;}

.buy-sell-image{height:260px;}

.buy-sell-content h2{font-size:34px;}

.image-border{border-width:2px;}
}

/* =========================================
           Counter
 ========================================= */

.counter{height:470px;position:relative;overflow:hidden;background:#1d5d80;}
.counter-image{position:absolute;inset:0;background-image:linear-gradient( 90deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.05) 100% ),url("image/counter.jpg");background-size:cover;background-position:center right;clip-path:polygon( 33% 0,100% 0,100% 100%,55% 100% );background-size:contain;}

        /*
            Blue overlay creates the exact dark blue
            appearance on the left side.
        */

.counter-blue{position:absolute;inset:0;width:100%;background:#214393;clip-path:polygon( 0 0,33% 0,55% 100%,0 100% );}

        /*
            Content sits above the background.
        */

.counter-content{position:relative;z-index:5;height:100%;color:white;}

.counter-inner{height:100%;max-width:1180px;margin:auto;padding:0 25px;position:relative;}

        /* Top small text */

.counter-small-title{position:absolute;top:61px;left:50%;font-size:18px;transform:translateX(-50%);font-weight:400;color:#fff;white-space:nowrap;}

        /* Main heading */

.counter-title{position:absolute;top:94px;left:50%;transform:translateX(-50%);width:100%;text-align:center;font-size:40px;line-height:1.2;font-weight:700;letter-spacing:.4px;white-space:nowrap;}

        /* CTA */

.counter-btn{position:absolute;top:150px;left:50%;transform:translateX(-50%);color:#fff;border:1px solid rgba(255,255,255,.8);border-radius:20px;padding:6px 20px;font-size:15px;font-weight:500;background:transparent;text-decoration:none;transition:all .25s ease;}

.counter-btn:hover{background:#fff;color:#1d5d80;}

        /* =========================================
           STATS
        ========================================= */

.stats{position:absolute;left:8%;right:8%;bottom:105px;display:flex;justify-content:space-between;align-items:flex-start;color:#fff;}

.stat{text-align:center;width:18%;}

.stat-number{font-size:32px;font-weight:600;line-height:1;margin-bottom:8px;white-space:nowrap;}

.stat-number .plus{font-size:20px;}

.stat-label{font-size:16px;font-weight:400;white-space:nowrap;opacity:.95;}

.stat-icon{display:block;margin:14px auto 0;font-size:26px;font-weight:300;color:white;}

        /* =========================================
           BOTTOM LIGHT BLUE STRIP
        ========================================= */

.bottom-strip{height:35px;background:#d7f2fb;}

        /* =========================================
           MOBILE
        ========================================= */

        @media (max-width: 991px) {

.main-navbar{height:auto;min-height:70px;}

.navbar-inner{padding:10px 20px;}

.main-menu{gap:10px;margin:15px 0;flex-direction:column;align-items:flex-start;}

.call-box{margin-bottom:10px;}

.counter{height:600px;}

.counter-image{clip-path:polygon( 0 45%,100% 35%,100% 100%,0 100% );}

.counter-blue{clip-path:polygon( 0 0,100% 0,100% 45%,0 55% );}

.counter-small-title{top:40px;}

.counter-title{top:75px;font-size:21px;white-space:normal;width:90%;}

.counter-btn{top:150px;}

.stats{left:5%;right:5%;bottom:35px;flex-wrap:wrap;}

.stat{width:33.33%;margin-bottom:25px;}

.stat-number{font-size:18px;}
        }

        @media (max-width: 575px) {

.brand-logo .brand-text{font-size:18px;}

.brand-logo .x{font-size:34px;}

.counter{height:650px;}

.counter-title{font-size:18px;}

.stats{bottom:20px;}

.stat{width:50%;}

.stat-number{font-size:17px;}

.stat-label{font-size:15px;}

.stat-icon{font-size:21px;}
        }

/* map section */
.contact-section{width:100%;display:flex;overflow:hidden;background:#fff;}

        /* =====================================================
           MAP
        ===================================================== */

.map-area{width:100%;/* height:136px;*/ position:relative;overflow:hidden;background:#e9e9e9;}

.map-area iframe{width:100%;height:100%;display:block;border:0;}

        /* =====================================================
           FALLBACK MAP
           Remove this if using Google Maps iframe.
        ===================================================== */

.map-fallback{width:100%;height:100%;position:absolute;inset:0;background:linear-gradient( 90deg,rgba(255,255,255,.18),rgba(255,255,255,0) ),#e8e8e8;overflow:hidden;}

.map-road{position:absolute;background:#ffffff;box-shadow:0 0 1px rgba(0,0,0,.25);}

.road-1{width:125%;height:13px;left:-5%;top:53px;transform:rotate(-13deg);}

.road-2{width:115%;height:9px;left:-10%;top:94px;transform:rotate(8deg);}

.road-3{width:100%;height:6px;left:4%;top:25px;transform:rotate(22deg);}

.road-4{width:7px;height:180px;left:54%;top:-20px;transform:rotate(9deg);}

.water{position:absolute;width:60px;height:180px;left:58%;top:-20px;background:#a8c9ed;opacity:.9;transform:rotate(8deg);}

        /* =====================================================
           MAP MARKER
        ===================================================== */

.map-marker{position:absolute;left:69%;top:49%;transform:translate(-50%,-50%);width:15px;height:21px;background:#dc3b30;border-radius:50% 50% 50% 0;transform-origin:center;rotate:-45deg;z-index:5;box-shadow:0 1px 3px rgba(0,0,0,.25);}

.map-marker::after{content:"";position:absolute;width:5px;height:5px;background:#fff;border-radius:50%;top:5px;left:5px;}

        /* =====================================================
           SMALL MAP BUSINESS LABEL
        ===================================================== */

.map-business-card{position:absolute;top:0;left:0;width:122px;padding:7px 8px;background:rgba(255,255,255,.96);box-shadow:0 1px 4px rgba(0,0,0,.18);z-index:10;}

.map-business-title{color:#555;font-size:8px;line-height:1.2;font-weight:500;margin-bottom:3px;}

.map-business-address{color:#777;font-size:6.5px;line-height:1.3;margin-bottom:3px;}

.map-rating{color:#f39c12;font-size:15px;}

.map-reviews{color:#4285f4;font-size:6px;margin-left:3px;}

.map-view{color:#4285f4;font-size:6px;display:block;margin-top:2px;}

        /* =====================================================
           ADDRESS PANEL
        ===================================================== */

.address-panel{width:35%;background:#214393;color:#fff;padding:40px 30px;position:relative;}

        /* =====================================================
           ADDRESS TITLE
        ===================================================== */

.address-title{margin:0 0 8px 0;font-size:20px;line-height:1;font-weight:600;color:#fff;}

        /* =====================================================
           ADDRESS TEXT
        ===================================================== */

.address-text{margin:0;max-width:230px;font-size:18px;line-height:1.55;font-weight:400;color:#fff;}

        /* =====================================================
           PHONE NUMBERS
        ===================================================== */

.phone-list{margin-top:7px;}

.phone-item{display:flex;align-items:center;gap:14px;margin-bottom:10px;}

.phone-icon{width:10px;font-size:15px;color:#ffffff;flex-shrink:0;}

.phone-number{color:#fff;font-size:15px;line-height:1.5em;text-decoration:none;font-weight:400;}

.phone-number:hover{color:#fff;}

        /* =====================================================
           RESPONSIVE
        ===================================================== */

        @media (max-width: 991px) {

.contact-section{height:auto;flex-direction:column;}

.map-area{width:100%;height:280px;}

.address-panel{width:100%;height:auto;min-height:190px;padding:25px;}
        }

        @media (max-width: 575px) {

.map-area{height:240px;}
        }

/* footer */
.main-footer{padding:60px 0px;background-color:#e9eef2;}

.footer-container{max-width:1120px;margin:0 auto;padding-left:15px;padding-right:15px;}

        /* Footer columns */
.footer-column{padding-right:25px;}

        /* Logo */
.footer-logo{color:#ff1e16;font-size:20px;line-height:1.5em;font-weight:700;margin:0 0 10px 0;}

        /* Footer description */
.footer-description{color:#252525;font-size:15px;line-height:30px;font-weight:400;margin:0;/* max-width:180px;*/}

        /* Column heading */
.footer-heading{color:#111111;font-size:20px;line-height:1.5em;font-weight:700;margin:0 0 10px 0;}

        /* Footer links */
.footer-links{margin:0;padding:0;list-style:none;}

.footer-links li{margin:0 0 4px 0;padding:0;}

.footer-links a{color:#222222;text-decoration:none;font-size:15px;line-height:1.5em;font-weight:400;}

.footer-links a:hover{color:#ff1e16;}

        /* Industry list */
.industry-list{margin:0;padding:0;list-style:none;}

.industry-list li{margin-bottom:10px;color:#222222;font-size:15px;line-height:1.5em;font-weight:400;padding:0;}
.industry-list li:hover{color:#ed1c24;}

        /* ==============================
           BOTTOM COPYRIGHT BAR
           ============================== */

.copyright-bar{padding:15px 0px;background-color:#111111;position:relative;}

.copyright-container{max-width:1120px;height:100%;margin:0 auto;padding-left:15px;padding-right:15px;display:flex;align-items:center;}

.copyright-text{color:#eeeeee;font-size:15px;line-height:1.5em;font-weight:400;margin:0;}

.copyright-brand{color:#ff1e16;font-weight:700;}

.copyright-green{color:#2dbb68;}

        /* ==============================
           RESPONSIVE
           ============================== */

        @media (max-width: 767px) {

.main-footer{padding-top:25px;padding-bottom:25px;}

.footer-column{margin-bottom:25px;padding-right:15px;}

.footer-description{max-width:100%;}

.copyright-bar{height:auto;min-height:40px;padding:10px 0;}

.copyright-container{padding-right:40px;}

.back-to-top{right:10px;}
        }

/* faq page */

/* Remove Bootstrap default arrow */
.faq-accordion .accordion-button::after{content:"+"!important;background-image:none!important;font-size:20px!important;font-weight:700!important;line-height:29px!important;text-align:center;position:absolute!important;right:15px!important;top:50%!important;transform:translateY(-50%)!important;margin:0!important;}

/* Change + to − when opened */
.faq-accordion .accordion-button:not(.collapsed)::after{content:"−"!important;transform:translateY(-50%)!important;}
.accordion-button{font-size:17px!important;line-height:1.5em;color:#000!important;}
.accordion-body{font-size:16px!important;}

/* script trading */
/* Top blue strip */
.top-strip{height:23px;width:100%;background:#214393;}

        /* Main area */
.benefit-section{min-height:167px;background:#f5f9fd;padding-top:31px;padding-bottom:36px;}

        /* Content width / horizontal positioning */
.benefit-container{width:calc(100% - 124px);max-width:1100px;margin:0 auto;}

        /* Two columns */
.benefit-row{display:flex;gap:43px;}

.benefit-column{flex:1;min-width:0;}

        /* "About RODTEP" / "About RoSCTL" */
.about-label{display:flex;align-items:center;gap:4px;margin:0 0 7px 0;color:#1f62c7;font-size:22px;line-height:1;font-weight:700;}

        /* Small information circle */
.about-icon{width:8px;height:8px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #2869c9;border-radius:50%;font-size:5px;font-weight:700;line-height:1;color:#2869c9;}

        /* Main heading */
.benefit-title{margin:10px 0px;color:#202936;font-size:18px;line-height:1.15;font-weight:700;}

        /* Description */
.benefit-text{margin:0 0 7px 0;color:#57626e;font-size:16px;line-height:1.55;font-weight:400;}

.benefit-text:last-child{margin-bottom:0;}

        /* Bottom empty/light area visible in reference */
.bottom-area{height:80px;background:#f0f5fa;}

        /* =========================================
           RESPONSIVE
        ========================================= */

        @media (max-width: 767.98px) {

.benefit-container{width:calc(100% - 40px);}

.benefit-section{padding-top:28px;}

.benefit-row{flex-direction:column;gap:28px;}

        }

  /* =========================
   WHY RoDTEP TECH EXIM 
 ========================== */

.why-section{background:#ffffff;padding:40px 20px;font-family:"Inter",Arial,sans-serif;color:#30343b;}

        /* .why-container {
            max-width: 940px;
            margin: 0 auto;
        } */

        /* =========================
           HEADER
        ========================== */

.why-eyebrow{margin-bottom:7px;text-align:center;font-size:18px;line-height:1;font-weight:700;letter-spacing:1.15px;color:#24ad86;text-transform:uppercase;}

.why-title{margin:0;text-align:center;color:#172b4d;font-size:40px;line-height:1.18;font-weight:700;letter-spacing:-0.65px;}

.why-description{margin:9px auto 0;text-align:center;color:#57626e;font-size:16px;line-height:1.55;font-weight:400;}

        /* =========================
           FEATURES GRID
        ========================== */

.why-features{margin-top:50px;}

.feature-item{padding:0 18px 23px;}

.feature-icon{width:45px;height:45px;margin-bottom:10px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#e8f7f2;color:#2aaf89;font-size:18px;}

        /* =========================
           FEATURE TITLE
        ========================== */

.feature-title{margin:0 0 5px;color:#253a58;font-size:18px;line-height:1.3;font-weight:700;letter-spacing:-0.1px;}

        /* =========================
           FEATURE DESCRIPTION
        ========================== */

.feature-description{margin:0;color:#57626e;font-size:16px;line-height:1.55;font-weight:400;}

        /* =========================
           RESPONSIVE
        ========================== */

        @media (max-width: 767.98px) {

.why-section{padding:45px 20px;}

.why-title{font-size:28px;}
.why-features{margin-top:32px;}

.feature-item{padding:0 8px 28px;}

.feature-description{max-width:100%;}
        }

        @media (min-width: 768px) {

            .feature-item:nth-child(1),
            .feature-item:nth-child(2),
.feature-item:nth-child(3){padding-bottom:26px;}
        }
 
/* trade value of your */
.trade-sec{background-color:#f0f5fa;padding:60px 0px;}

.trade-banner{position:relative;padding:60px 0px;margin:30px auto;overflow:hidden;border-radius:7px;background-image:linear-gradient( 90deg,rgba(33,67,147,0.94) 0%,rgba(33,67,147,0.88) 42%,rgba(33,67,147,0.72) 100% ),url(image/inner-contact.jpg);background-size:cover;background-position:center;}

        /* Extra blue overlay for the exact purple/blue appearance */
.trade-banner::after{content:"";position:absolute;inset:0;background:linear-gradient( 90deg,rgba(70,78,174,0.25),rgba(36,62,124,0.12) );pointer-events:none;}

        /* Small logo/icon */
.trade-logo{position:absolute;top:8px;left:8px;width:13px;height:13px;border-radius:3px;background:#121a4b;display:flex;align-items:center;justify-content:center;z-index:3;box-shadow:0 1px 2px rgba(0,0,0,.15);}

.trade-logo::before{content:"";width:5px;height:5px;border-radius:1px;background:#fff;}

        /* Center content */
.trade-content{position:relative;z-index:2;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:2px;color:#fff;text-align:center;}

        /* Main heading */
.trade-title{margin:0;font-size:40px;line-height:1.6em;font-weight:700;color:#ffffff;letter-spacing:-0.15px;}

        /* Second heading */
.trade-title strong{display:block;font-size:18px;line-height:16px;font-weight:700;padding-top:10px;}

        /* Description */
.trade-description{width:800px;margin:15px 0px;font-size:16px;line-height:1.5em;font-weight:400;color:rgba(255,255,255,.95);}

        /* Buttons */
.trade-buttons{display:flex;align-items:center;justify-content:center;gap:12px;}

.trade-btn{height:40px;min-width:120px;padding:0 12px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;border:1px solid rgba(255,255,255,.65);font-size:16px;line-height:1;font-weight:400;text-decoration:none;white-space:nowrap;transition:all .2s ease;}

        /* Call us button */
.trade-btn-call{color:#ffffff;background:rgba(93,103,183,.30);}

        /* WhatsApp button */
.trade-btn-whatsapp{min-width:91px;color:#27316a;background:#ffffff;border-color:#ffffff;}

.trade-btn:hover{transform:translateY(-1px);}

.trade-btn-call:hover{color:#fff;background:rgba(255,255,255,.15);}

.trade-btn-whatsapp:hover{color:#27316a;background:#f4f4f4;}

        /* --------------------------------
           Responsive
        -------------------------------- */

        @media (max-width: 575px) {

.trade-banner{width:calc(100% - 30px);max-width:494px;}

.trade-description{width:240px;}
        }
  

        @media(max-width:767px)
        {
        .trade-title {line-height: 1.5em;}
.bottom-area{height:20px;background:#f0f5fa;}
        }

/* contact */
 /* .contact-section {
            padding: 60px 0px;
        } */

.contact-card{background:#ffffff;border:1px solid #eeeeee;border-top:3px solid #16715d;border-radius:5px;box-shadow:0 2px 7px rgba(0,0,0,0.055);display:flex;flex-direction:column;align-items:center;text-align:center;padding:30px 0px;}

.contact-icon{width:45px;height:45px;border-radius:50%;background:#e8f7f2;color:#2aaf89;display:flex;align-items:center;justify-content:center;margin-bottom:8px;}

.contact-icon i{font-size:18px;}

.contact-title{margin:0 0 7px;color:#145c4c;font-size:18px;line-height:1.1;font-weight:700;}

.contact-text{margin:0;color:#626b69;font-size:16px;line-height:1.45;}

.contact-note{margin-top:5px;margin-bottom:0;color:#707a77;font-size:14px;line-height:1.2;}

.contact-link{margin-top:auto;color:#1a9b6c;font-size:14px;text-decoration:none;}

.contact-link:hover{color:#117654;}

.export-section{margin:0 auto;padding:60px 0px;}

.main-heading{font-size:40px;line-height:1.12;font-weight:800;letter-spacing:-0.8px;margin:0 0 18px;color:#172b4d;}

.description{font-size:16px;line-height:1.55;font-weight:400;color:#57626e;margin-bottom:8px;}

.description:last-of-type{margin-bottom:28px;}

.start-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:38px;min-width:115px;padding:0 20px;border:none;border-radius:50px;background:#031a2e;color:#ffffff;font-size:16px;font-weight:600;transition:all 0.2s ease;}

.start-btn:hover{background:#06243c;color:#ffffff;}

.start-btn .icon{font-size:9px;line-height:1;}

.form-side{box-shadow:0 2px 7px rgba(0,0,0,0.055);padding:30px;}

.form-group{margin-bottom:22px;}

.form-label{display:block;font-size:15px;line-height:1;font-weight:500;color:#1e2a32;margin-bottom:10px;}

.required{color:#2b526d;}

.custom-input{width:100%;height:38px;border:none!important;outline:none!important;background:#edf0f0;border-radius:20px;padding:4px 12px;font-size:15px;color:#222222;box-shadow:inset 0 1px 2px rgba(0,0,0,0.025),0 1px 2px rgba(0,0,0,0.025);transition:all 0.2s ease;}

.custom-input:focus{background:#edf0f0;box-shadow:0 0 0 2px rgba(3,26,46,0.05),inset 0 1px 2px rgba(0,0,0,0.025);}

.submit-btn{display:block;margin:0 auto;height:38px;min-width:115px;padding:0 15px;border:none;border-radius:50px;background:#214393;color:#ffffff;font-size:16px;font-weight:600;transition:all 0.2s ease;}

.submit-btn:hover{background:#06243c;color:#ffffff;}

        @media (max-width: 767.98px) {

.export-section{padding:25px 20px;}

.export-row{min-height:auto;}

.content-side{padding:0 0 30px 0;}

.main-heading{font-size:24px;}

.form-side{border-left:none;border-top:3px solid #f2f2f2;padding:30px 0 0;}
        }
  

/* about us page */
.about-banner-section{position:relative;}
.about-banner-section .text{position:absolute;bottom:0;left:0;width:100%;padding:30px;background-image:linear-gradient( transparent,#181f25);padding:50px 6%;}
.about-banner-section .text p{color:#fff;font-size:17px;}
.about-banner-section .text p img{margin:-4px 8px 0 0;width:16px;}
.about-banner-section .text p a{color:#fff;}
.about-banner-section .text h1{color:#fff;font-size:60px;font-weight:600;margin:0;}

.about-section{background:#181f25;padding:5% 0;}
.about-section .about-title{color:#fff;font-size:37px;font-weight:600;line-height:1.4;margin:0 0 50px 0;position:relative;}
.about-section .about-title::after{content:'';position:absolute;width:120px;height:5px;background:#ff0000;border-radius:5px;left:0;bottom:-18px;}
.about-section p{color:#e7e7e7;}

.experience-section{width:100%;background:#ffffff;padding:60px 0px;}

        /* Content wrapper */
.experience-content{width:100%;max-width:870px;margin:0 auto;text-align:center;}

        /* Heading */
.experience-title{margin:0 0 17px 0;color:#061d36;font-size:40px;line-height:1.5em;font-weight:700;}

        /* Description */
.experience-text{margin:0;color:#57626e;font-size:16px;line-height:1.5em;font-weight:400;letter-spacing:0;}

        /* Optional second paragraph */
.experience-text + .experience-text{margin-top:5px;}

        /* Responsive */
        @media (max-width: 575.98px) {

.experience-section{padding-top:25px;padding-bottom:25px;}

.experience-content{max-width:290px;padding:0 10px;}

.experience-title{font-size:13px;}

.experience-text{font-size:7px;}
        }

       /* CTA Section */
.service-cta{width:100%;display:flex;align-items:center;justify-content:center;background:#102b4b;padding:60px 0px;}

.service-cta-content{width:100%;max-width:650px;text-align:center;}

        /* Heading */
.service-cta-title{margin:0 0 15px;color:#ffffff;font-size:40px;font-weight:700;}

        /* Description */
.service-cta-text{margin:0 auto 20px;color:#aebaca;font-size:16px;line-height:1.45;font-weight:400;}

        /* Buttons wrapper */
.service-cta-buttons{display:flex;align-items:center;justify-content:center;gap:5px;}

        /* Common button */
.cta-btn{padding:10px 20px;border-radius:5px;font-size:16px;line-height:21px;font-weight:500;margin-right:15px;transition:all 0.2s ease;}

        /* Green button */
.cta-btn-primary{border:1px solid #00b968;background:#00b968;color:#ffffff;box-shadow:0 1px 2px rgba(0,0,0,0.12);}

.cta-btn-primary:hover{background:#00a85f;border-color:#00a85f;color:#ffffff;}

        /* Secondary button */
.cta-btn-secondary{border:1px solid #29415d;background:transparent;color:#ffffff;box-shadow:inset 0 1px 1px rgba(255,255,255,0.02),0 1px 2px rgba(0,0,0,0.08);}

.cta-btn-secondary:hover{background:#183653;border-color:#3a526d;color:#ffffff;}

        /* Mobile */
        @media (max-width: 575.98px) {

.service-cta{min-height:155px;padding:30px 15px;}

.service-cta-title{font-size:14px;}

.service-cta-text{font-size:7px;}

.service-cta-buttons{gap:5px;}
        }


        .back-to-top{
    position:fixed;
    right:20px;
    bottom:20px;
    width:45px;
    height:45px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:24px;
    font-weight:600;
    line-height:1;
    text-decoration:none;
    background:#292929;
    color:#fff;
    z-index:9999;
    cursor:pointer;
}

/* .back-to-top{position:absolute;right:17px;top:7px;width:40px;height:40px;background-color:#292929;color:#ffffff;display:flex;align-items:center;justify-content:center;text-decoration:none;font-size:24px;line-height:18px;} */

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

/*** Navbar ***/
.dropdown-toggle{position:relative;}
.nav-item ul li .dropdown-toggle::after{position:absolute;right: 5px; top: 10px;}
#MenuControl .bg-light{background-color: #fff !important; height:100%;}
/* #MenuControl .nav-link:focus,#MenuControl .nav-link:hover, #MenuControl .dropdown-item:focus, #MenuControl .dropdown-item:hover{background-color:#000 !important; color:#fff !important;} */

.nav-link{font-weight: 600; color:#000;}
.nav-fill{width:100%; font-size: 15px;}
.nav-item a{font-size:16px;}
.navbar-brand{margin:0;}
.RadGrid_Default .rgHoveredRow{background:#c5c5c5 !important;}
.navbar-toggler{background: #fff;}
/* #MenuControl .navbar-nav .nav-item::before,
#MenuControl .navbar-nav .nav-item::after { content: ""; width: 0; height: 0; position: absolute; border: 2px solid #161616;  opacity: 0;  transition: 0.5s;
    z-index: 2 !important;} */
#MenuControl .navbar-nav .nav-item { position: relative;}
#MenuControl .navbar-nav .nav-item::before {top: 0; left: 0; border-bottom: 0; border-right: 0;}
#MenuControl .navbar-nav .nav-item::after {bottom: 0; right: 0; border-top: 0; border-left: 0;}
#MenuControl .navbar-nav .nav-link:hover{color:#161616}
#MenuControl .navbar-nav .nav-item:hover::before, #MenuControl .navbar-nav .nav-item:hover::after{width: 50%; height: 50%; opacity: 1;}
/* #MenuControl .navbar-nav .nav-link{padding: 5px 10px;} */
/*nav-bar*/
/*fix menu*/
@media (min-width: 991px){
#HeaderControl, #MenuControl{ transition:.3s;}
.body-fx #HeaderControl, .body-fx #MenuControl{position:fixed; top:0; height:70px; transition:.3s;}
.body-fx #HeaderControl{width:33%; float:left; left:0;}
.body-fx #MenuControl{width:67%; float:right; right:0;}
}
/*fix menu*/
@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, .dropdown-menu{font-size: 13px;}
.fixed-top { position: relative;}
	}
@media (max-width: 769px){
#widgetsControl_C, #widgetsControl, #MenuControl, #MenuControl_C{height:initial !important}
}
a, a:hover{text-decoration:none !important;}
@media (max-width: 767px){
    .navbar {
    padding: 10px 0px!important;
}
    .about{padding:0px 10px!important;}
    header{display: flex;justify-content: center;}
    .dropdown-item:focus, .dropdown-item:hover{color:#fff!important;}
    .nav-item:focus, .nav-item:hover{color:#fff!important;}
    .carousel-caption{display: none!important;}
.banner-sec #carouselId .carousel-inner .carousel-item img{height:auto!important;}
    #MenuControl .navbar-nav .nav-link{padding: 5px 10px;color:#fff;}
.carousel-caption{display: none!important;}
.banner-sec #carouselId .carousel-inner .carousel-item img{height:auto!important;}
    .tm-team * {align-items: center;}
    .tm-box{    display: flex;justify-content: center;flex-direction: column;}
.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;}
.tm-team h4{font-size:20px!important;}
.tm-team p{font-size:18px!important;}
.nav-tp{display: none;}
#MenuControl .bg-light{background-color: #000!important;}
}
/*** Navbar End ***/

#WidgetControl4{display: none!important;}

header img{width:70%;}