*, *::before, *::after { box-sizing: border-box; }
    body { margin: 0; font-family: 'Segoe UI', sans-serif;color: #000; }
    a { text-decoration: none; }

    /* ── Container ── */
    .ds-container { max-width: 1320px; margin: 0 auto; padding: 0 15px; }

    /* ── Common ── */
    .shortNames { font-size:16px; line-height:1.4; color:#FFAB41; }
    .commonfont { font-size:16px; line-height:1.3; }
    .pad120 { padding:120px 0; }
    @media(max-width:1199px){ .pad120{ padding:60px 0; } }
    @media(max-width:767px){ .pad120{ padding:30px 0; } }

    .technoHead { margin:0 auto 60px; text-align:center; width:70%; }
    @media(max-width:1199px){ .technoHead{ margin:0 auto 40px; } }
    @media(max-width:767px){ .technoHead{ margin:0 auto 20px; width:100%; } }
    .technoHead h2 { font-size:40px; line-height:1.4; font-weight:600; margin:0 0 10px; }
    @media(max-width:1199px){ .technoHead h2{ font-size:30px; line-height:1.3; } }
    @media(max-width:767px){ .technoHead h2{ font-size:26px; } }
    .subtitle { font-size:16px; line-height:1.4; }

    .enrollBtn {
      background:#FF6411; color:#fff; border:none; padding:14px 25px;
      border-radius:6px; cursor:pointer; font-size:14px; font-weight:500;
      display:inline-block; transition:background .3s;
    }
    .enrollBtn:hover { background:#e55500; color:#fff; }
    @media(max-width:991px){ .enrollBtn{ padding:12px 20px; } }

    /* ── TOPBAR ── */
    .topbar { background:#000; padding:4px 0; }
    .topbar .info { display:flex; justify-content:flex-end; align-items:center; gap:25px; }
    .topbar .info a { color:#fff; font-size:14px; }
    @media(max-width:767px){ .topbar{ display:none; } }

    /* ── NAVBAR ── */
    .headnavbar { background:#fff; padding:20px 0; box-shadow:0 2px 4px rgba(0,0,0,.05); }
    @media(max-width:1199px){ .headnavbar{ padding:15px 0; } }
    .headnavbar .inner { display:flex; justify-content:space-between; align-items:center; }
    .navbarbrand { width:17%; }
    @media(max-width:1300px){ .navbarbrand{ width:20%; } }
    @media(max-width:767px){ .navbarbrand{ width:30%; } }
    .navbarbrand img { width:100%; object-fit:none; }
    @media(max-width:1199px){ .navbarbrand img{ object-fit:scale-down; } }
    .btnDanger {
      background:#A43900; border:none; font-weight:600; padding:13px 30px;
      font-size:16px; border-radius:3px; color:#fff; cursor:pointer;
    }
    .btnDanger:hover { background:#822f00; }
    @media(max-width:1300px){ .btnDanger{ padding:10px 20px; } }
    @media(max-width:1199px){ .btnDanger{ padding:8px 15px; font-size:14px; } }

    /* ── HERO ── */
    .hero { padding:30px 0 60px; background:#fff; }
    @media(max-width:1199px){ .hero{ padding:30px 0; } }
    .heroflex { display:flex; align-items:center; justify-content:space-between; gap:40px; }
    @media(max-width:991px){ .heroflex{ gap:30px; } }
    @media(max-width:767px){ .heroflex{ flex-direction:column; row-gap:20px; } }
    .hero .left { width:48%; }
    @media(max-width:991px){ .hero .left{ width:100%; text-align:center; } }
    .hero .left h1 { font-size:55px; font-weight:600; line-height:1.3; }
    @media(max-width:1300px){ .hero .left h1{ font-size:50px; } }
    @media(max-width:991px){ .hero .left h1{ font-size:40px; } }
    @media(max-width:767px){ .hero .left h1{ font-size:35px; } }
    .hero .left h1 .orange { color:#F48120; }
    .hero .left p { margin:40px 0 55px; color:#6D717F; font-size:20px; line-height:1.4; font-weight:500; }
    @media(max-width:1199px){ .hero .left p{ margin:30px 0; } }
    @media(max-width:991px){ .hero .left p{ font-size:16px; } }
    @media(max-width:767px){ .hero .left p{ margin:20px 0; } }
    .hero .buttons { display:flex; gap:16px; margin:20px 0; }
    @media(max-width:767px){ .hero .buttons{ justify-content:center; } }
    .hero .buttons .primary {
      background:#FF6411; box-shadow:4px 4px 22px rgba(255,100,17,.25);
      border-radius:3px; color:#fff; padding:12px 24px; border:none;
      font-size:20px; font-weight:500; cursor:pointer;
    }
    @media(max-width:991px){ .hero .buttons .primary{ display:inline-block; width:fit-content; font-size:16px; } }
    @media(max-width:767px){ .hero .buttons .primary{ padding:8px 20px; } }
    .hero .rating { margin-top:60px; }
    @media(max-width:1199px){ .hero .rating{ margin-top:40px; } }
    @media(max-width:991px){ .hero .rating{ margin-top:30px; } }
    .hero .right { width:48%; }
    .hero .right img { width:100%; }
    @media(max-width:767px){ .hero .right{ width:100%; } }

    /* ── TRUSTED SLIDER ── */
    .trustedslid { padding:40px 0; }
    .trustedslid .trus { font-size:16px; line-height:1.4; color:#6D717F; text-align:center; margin:0 0 40px; }
    @media(max-width:767px){ .trustedslid .trus{ margin:0 0 25px; } }
    .partner-track-wrap { overflow:hidden; }
    .partner-track { display:flex; gap:30px; animation:scrollLeft 18s linear infinite; width:max-content; }
    @keyframes scrollLeft { 0%{transform:translateX(0)} 100%{transform:translateX(-50%)} }
    .partner-item { margin:0 15px; text-align:center; display:flex; justify-content:center; min-width:120px; }
    .partner-item img { filter:grayscale(1); transition:filter .3s; }
    .partner-item img:hover { filter:grayscale(0); }

    /* ── WHY CHOOSE ── */
    .whyChoose .grid { display:flex; justify-content:space-between; flex-wrap:wrap; gap:30px; }
    .whyChoose .learningPath { width:28%; text-align:center; }
    @media(max-width:1199px){ .whyChoose .learningPath{ width:33%; } }
    @media(max-width:767px){ .whyChoose .learningPath{ width:100%; } }
    .whyChoose h3 { font-size:20px; font-weight:600; margin:24px 0 15px; }
    @media(max-width:767px){ .whyChoose h3{ margin:20px 0 10px; } }
    .whyChoose p { font-size:14px; color:#6D717F; line-height:1.4; }

    /* ── COURSES ── */
    .courses .grid {
      display:grid; grid-template-columns:repeat(auto-fit,minmax(350px,1fr)); gap:24px;
    }
    @media(max-width:1199px){ .courses .grid{ grid-template-columns:repeat(auto-fit,minmax(290px,1fr)); } }
    .courses .card {
      background:#fff; border:1px solid #DBDBDB; border-radius:10px; overflow:hidden;
      display:flex; flex-direction:column; transition:all .3s ease; padding:20px;
    }
    @media(max-width:1199px){ .courses .card{ padding:15px; } }
    .courses .card:hover { transform:translateY(-5px); box-shadow:0 8px 20px rgba(0,0,0,.08); }
    .courses .imageWrap { width:100%; overflow:hidden; }
    .courses .imageWrap img { width:100%; height:100%; object-fit:cover; transition:transform .3s; }
    .courses .imageWrap:hover img { transform:scale(1.05); }
    .courses .content h3 { font-size:25px; font-weight:600; margin:29px 0 15px; }
    @media(max-width:1199px){ .courses .content h3{ font-size:22px; margin:15px 0; } }
    @media(max-width:767px){ .courses .content h3{ font-size:19px; margin:8px 0; } }
    .courses .content p { font-size:14px; color:#818181; margin-bottom:25px; line-height:1.4; }
    @media(max-width:1199px){ .courses .content p{ margin-bottom:15px; } }
    .courses .features { list-style:none; padding:0; margin:0 0 50px; font-size:14px; color:#444; }
    @media(max-width:1199px){ .courses .features{ margin:0 0 30px; } }
    @media(max-width:767px){ .courses .features{ margin:0 0 15px; } }
    .courses .features li { margin-bottom:6px; display:flex; align-items:center; gap:6px; }

    /* ── CAREER SKILL ── */
    .Careerskill {
      background:url(images/carer.webp);
      padding:70px 0;
    }
    @media(max-width:991px){ .Careerskill{ padding:40px 0; } }
    @media(max-width:767px){ .Careerskill{ padding:30px 0; } }
    .Careerskill h2,.Careerskill p { color:#fff; }
    .Careerskill h3 { color:#F07A00; font-size:22px; margin:0 0 10px; }
    @media(max-width:991px){ .Careerskill h3{ font-size:19px; } }
    .Careerskill .grid { display:flex; justify-content:space-between; flex-wrap:wrap; }
    .Careerskill .gridview { width:30%; text-align:center; }
    @media(max-width:991px){ .Careerskill .gridview{ width:32%; } }
    @media(max-width:767px){ .Careerskill .gridview{ width:100%; margin:0 0 30px; } }

    /* ── GATEWAY ── */
    .gateway { background:#fafafa; }
    .gateway .technoHeadFlex { display:flex; justify-content:space-between; align-items:center; }
    @media(max-width:991px){ .gateway .technoHeadFlex{ flex-direction:column; row-gap:20px; } }
    .gateway .technoHead { width:39%; text-align:left; margin:0; }
    @media(max-width:991px){ .gateway .technoHead{ width:100%; text-align:center; } }
    .gateway .enrollBtn { margin:45px 0 0; }
    @media(max-width:991px){ .gateway .enrollBtn{ margin:30px auto 0; } }
    .gateway .technoHeadRight { width:59%; }
    @media(max-width:991px){ .gateway .technoHeadRight{ width:100%; } }
    .gateway .technoHeadRight img { width:100%; }

    /* ── FEATURES ── */
    .features-sec .gridFeature {
      display:grid; grid-template-columns:repeat(auto-fit,minmax(350px,1fr)); gap:24px;
    }
    @media(max-width:767px){ .features-sec .gridFeature{ display:block; } }
    .features-sec .card {
      background:#fff; border-radius:12px; padding:24px;
      transition:transform .3s ease; border:1px solid #E7E9EF;
    }
    .features-sec .card img{
      width: 50px;height: 50px;
    }
    @media(max-width:991px){ .features-sec .card{ padding:15px; } }
    @media(max-width:767px){ .features-sec .card{ margin:0 0 20px; } }
    .features-sec .card:hover { transform:translateY(-5px); box-shadow:0 4px 15px rgba(0,0,0,.08); }
    .features-sec .card h3 { font-size:20px; font-weight:500; margin:35px 0 20px; }
    @media(max-width:991px){ .features-sec .card h3{ margin:20px 0 10px; font-size:18px; } }
    .features-sec .card p { font-size:14px; color:#6D717F; line-height:1.5; }

    /* ── PROMO SECTION ── */
    .promoSection .gridpromo { display:flex; gap:24px; }
    @media(max-width:767px){ .promoSection .gridpromo{ flex-direction:column; } }
    .promoSection .gridpromofirst { width:60%; }
    @media(max-width:991px){ .promoSection .gridpromofirst{ width:54%; } }
    @media(max-width:767px){ .promoSection .gridpromofirst{ width:100%; } }
    .promoSection .cards {
      border-radius:16px; padding:50px; display:flex; justify-content:space-between;
      align-items:center; color:#fff; transition:transform .3s ease;
    }
    @media(max-width:1300px){ .promoSection .cards{ padding:30px; } }
    @media(max-width:1199px){ .promoSection .cards{ padding:20px; } }
    @media(max-width:991px){ .promoSection .cards{ padding:15px; } }
    .promoSection .cards:hover { transform:translateY(-5px); }
    .promoSection .cards .text h3 { font-size:30px; font-weight:500; margin-bottom:12px; }
    @media(max-width:1199px){ .promoSection .cards .text h3{ font-size:22px; } }
    .promoSection .cards .text p { font-size:15px; margin-bottom:20px; line-height:1.5; color:#FFFCFC; }
    .promoSection .cards .link {
      font-weight:600; color:#fff; font-size:20px; text-decoration:none;
      background:none; border:none; cursor:pointer;
    }
    .promoSection .cards .link img { margin-left:10px; }
    .promoSection .cards .link:hover { text-decoration:underline; }
    @media(max-width:991px){ .promoSection .cards .link{ font-size:16px; } }
    .darkCard { background:linear-gradient(135deg,#111,#333); margin:0 0 30px; }
    .darkCard .text { width:70%; }
    @media(max-width:991px){ .darkCard .text{ width:100%; } }
    .darkCard .text h3 { color:#fff; }
    .darkCard .image,.grayCard .image { width:20%; }
    @media(max-width:991px){ .darkCard .image,.grayCard .image{ display:none; } }
    .grayCard { background:linear-gradient(135deg,#f5f5f5,#ddd); color:#000; }
    .grayCard .text { width:70%;color: #000; }
    @media(max-width:991px){ .grayCard .text{ width:100%; } }
    .grayCard .text h3,.grayCard .text p { color:#000 !important; }
    .grayCard .link { color:#000 !important; }
    .orangeCard {
      background:linear-gradient(172.39deg,#F07A00 5.89%,#E91818 97.3%);
      width:38%;
    }
    @media(max-width:991px){ .orangeCard{ width:42%; } }
    @media(max-width:767px){ .orangeCard{ width:100%; } }
    .orangeCard .text h3 { font-size:40px; font-weight:600; margin:0 0 20px; color:#fff; }
    @media(max-width:1199px){ .orangeCard .text h3{ font-size:28px; margin:0 0 15px; } }
    @media(max-width:991px){ .orangeCard .text h3{ font-size:25px; } }
    .orangeCard .text p { font-size:16px; line-height:25px; }
    .orangeCard .text figure { margin:0 0 30px; }
    .orangeCard .text figure img{ width: auto; }
    @media(max-width:1199px){ .orangeCard .text figure{ margin:0 0 20px; } }
    @media(max-width:991px){ .orangeCard .text figure{ width:40%; } }
    @media(max-width:767px){ .orangeCard .text figure{ display:none; } }

    /* ── TESTIMONIALS ── */
    .testimonials { background:#f9f9fb; margin:0 0 120px; }
    @media(max-width:991px){ .testimonials{ margin:0 0 40px; } }
    .testimonials-track-wrap { overflow:hidden; }
    .testimonials-track { display:flex; gap:0; }
    .testimonials .cardmargin { padding:20px; flex:0 0 25%; max-width:25%; }
    @media(max-width:1400px){ .testimonials .cardmargin{ padding:10px; } }
    @media(max-width:1024px){ .testimonials .cardmargin{ flex:0 0 50%; max-width:50%; } }
    @media(max-width:767px){ .testimonials .cardmargin{ flex:0 0 100%; max-width:100%; } }
    .testimonials .card {
      background:#fff; border-radius:12px; padding:40px; position:relative;
      min-height:380px; box-shadow:0 4px 10px rgba(0,0,0,.05);
      display:flex; justify-content:space-between; flex-direction:column;
    }
    @media(max-width:1400px){ .testimonials .card{ padding:20px; } }
    @media(max-width:1199px){ .testimonials .card{ min-height:230px; } }
    .testimonials .card h3 { font-size:20px; font-weight:600; margin-bottom:15px; }
    .testimonials .card p { font-size:16px; color:#5B5858; line-height:1.5; margin-bottom:20px; }
    .testimonials .cardtitle { display:flex; justify-content:space-between; }
    .testimonials .cardtitle .quote { width:88px; }
    @media(max-width:1600px){ .testimonials .cardtitle .quote{ width:48px; } }
    .testimonials .footer { display:flex; align-items:center; gap:12px; }
    .testimonials .footer img { width:48px; height:48px; border-radius:50%; object-fit:cover; }
    .testimonials .footer strong { display:block; font-size:14px; }
    .testimonials .footer span { font-size:13px; color:#A7A7A7; }
    /* Slider controls */
    .slider-controls { display:flex; justify-content:center; gap:10px; padding:20px 0 0; }
    .slider-dot { width:10px; height:10px; border-radius:50%; background:#ccc; border:none; cursor:pointer; padding:0; }
    .slider-dot.active { background:#FF6411; }

    /* ── MEDALS ── */
    .medalds {
      background:url(images/medalds.png);
      padding:80px 0;
    }
    @media(max-width:1199px){ .medalds{ padding:60px 0; } }
    @media(max-width:991px){ .medalds{ padding:40px 0; } }
    .medalds .technoHead { margin-left:0; }
    .medalds .technoHead h2 { text-align:left; color:#fff; }
    .medalds .medalsflex { display:flex; justify-content:space-between; }
    @media(max-width:767px){ .medalds .medalsflex{ flex-wrap:wrap; row-gap:20px; } }
    .medalds figure { margin:0; }
    @media(max-width:991px){ .medalds figure{ margin:0 5px; } }

    /* ── FOOTER ── */
    .footerBottom { background:#000; color:#fff; padding:60px 0; }
    @media(max-width:1199px){ .footerBottom{ padding:40px 0; } }
    .footerFlex { display:flex; }
    @media(max-width:767px){ .footerFlex{ flex-wrap:wrap; row-gap:25px; } }
    .footerBottom .brand { width:70%; }
    @media(max-width:767px){ .footerBottom .brand{ width:100%; } }
    .footerBottom .brand .logo { width:210px; margin-bottom:45px; }
    @media(max-width:1199px){ .footerBottom .brand .logo{ margin-bottom:40px; } }
    @media(max-width:991px){ .footerBottom .brand .logo{ margin-bottom:20px; } }
    .footerBottom .brand p { font-size:16px; font-weight:500; color:#FEFEFE; line-height:1.6; width:90%; }
    @media(max-width:767px){ .footerBottom .brand p{ width:100%; } }
    .footerBottom .social { width:12%; }
    @media(max-width:991px){ .footerBottom .social{ width:18%; } }
    @media(max-width:767px){ .footerBottom .social{ width:100%; } }
    .footerBottom .social h4 { font-size:24px; margin-bottom:24px; font-weight:600; color:#BEBEBE; }
    @media(max-width:991px){ .footerBottom .social h4{ font-size:20px; margin-bottom:18px; } }
    .footerBottom .icons { display:flex; gap:15px; justify-content:flex-start; }
    .footerBottom .icons a { font-size:18px; color:#bbb; transition:color .3s; }
    .footerBottom .icons a:hover { color:#fff; }
    .copy { font-size:20px; color:#BEBEBE; display:block; margin:80px 0 0; text-align:center; }
    @media(max-width:1199px){ .copy{ margin:50px 0 0; } }
    @media(max-width:991px){ .copy{ margin:30px 0 0; font-size:18px; } }

    /* ══════════════════════════════════════
       OVERLAY / MODALS
    ══════════════════════════════════════ */
    .overlay {
      position:fixed; inset:0; background:rgba(0,0,0,.6);
      display:none; justify-content:center; align-items:center; z-index:2000;
    }
    .overlay.open { display:flex; }
    .overlay .modal-box {
      background:#fff; width:80%; max-width:1300px;
      display:flex; flex-direction:column;
      border-radius:45px 45px 0 0; overflow:auto; position:relative;
    }
    @media(max-width:767px){ .overlay .modal-box{ width:95%; border-radius:25px 25px 0 0; } }

    /* close btn */
    .closeBtn {
      position:absolute; right:30px; top:30px; background:#f48120;
      border:none; font-size:23px; color:#fff; font-weight:600;
      width:34px; height:35px; border-radius:50%; cursor:pointer;
      display:flex; align-items:center; justify-content:center; z-index:10;
    }
    @media(max-width:991px){ .closeBtn{ right:20px; top:20px; } }
    @media(max-width:767px){ .closeBtn{ width:25px; height:25px; font-size:17px; right:10px; top:10px; } }

    /* ── JOB MODAL ── */
    .headerjobdesc {}
    .headerPopup { background:#131313; padding:50px; }
    @media(max-width:991px){ .headerPopup{ padding:20px; } }
    .headerPopup h3 { color:#fff; font-size:35px; line-height:42px; font-weight:600; margin:0; }
    @media(max-width:767px){ .headerPopup h3{ font-size:20px; line-height:25px; } }
    .jobMeta { display:flex; column-gap:20px; margin:0 0 30px; }
    @media(max-width:767px){ .jobMeta{ row-gap:10px; flex-direction:column; } }
    .tag {
      color:#000; border:2px solid #EF6915; border-radius:26px; padding:5px 13px;
      font-size:17px; background:#FFE6D1; font-weight:500;
    }
    @media(max-width:991px){ .tag{ padding:5px 10px; font-size:15px; } }
    @media(max-width:767px){ .tag{ width:fit-content; } }
    .middlejobdesc { padding:30px 40px; max-height:639px; overflow:auto; }
    @media(max-width:991px){ .middlejobdesc{ padding:20px; } }
    @media(max-width:767px){ .middlejobdesc{ max-height:520px; padding:10px; } }
    .middlejobdescsection { margin:0 0 20px; }
    .middlejobdescsection h4 { font-size:24px; line-height:1.3; font-weight:600; margin:0 0 15px; }
    @media(max-width:767px){ .middlejobdescsection h4{ font-size:18px; margin:0 0 12px; } }
    .middlejobdescsection p { font-size:16px; line-height:1.7; color:#475467; }
    .middlejobdescsection li {
      color:#475467; font-size:16px; line-height:1.3; margin:0 0 10px;
      list-style:none;
    }
    .middlejobdescsection li:last-child { margin:0; }
    @media(max-width:767px){ .middlejobdescsection li{ font-size:14px; margin:0 0 8px; } }
    .middlejobdescsection ul { padding:0; }
    .footerPopup { display:flex; column-gap:20px; }
    @media(max-width:767px){ .footerPopup{ flex-wrap:wrap; row-gap:20px; } }
    .footerPopup .btnCustom {
      background:#081A28; padding:15px 30px; border-radius:8px;
      color:#fff; font-size:17px; line-height:18px; border:none; cursor:pointer;
    }
    .footerPopup .whats {
      background:linear-gradient(86.17deg,#099321 29.29%,#54F071 114.29%);
      border-radius:8px; padding:9px 25px; font-size:17px; color:#fff;
      display:inline-flex; align-items:center;
    }
    .footerPopup .whats img { width:33px; }

    /* ── ENROLL MODAL ── */
    .overlayForm .modal-box { max-width:930px; max-height:770px; overflow:auto; }
    @media(max-width:1200px){ .overlayForm .modal-box{ width:95%; } }
    @media(max-width:767px){ .overlayForm .modal-box{ max-height:650px; height:100%; } }
    .newPopupFlex { display:flex; }
    .newPopupLeft,.newPopupRight { width:50%; }
    .newPopupLeft img { object-fit:cover; height:100%; width:100%; }
    @media(max-width:767px){ .newPopupLeft{ display:none; } }
    .newPopupRight { padding:30px; background:#fff; }
    @media(max-width:767px){ .newPopupRight{ width:100%; padding:15px; } }
    .popuphead { font-size:24px; line-height:1.4; font-weight:600; margin:0 0 50px; width:89%; }
    @media(max-width:1200px){ .popuphead{ margin:0 0 30px; font-size:22px; } }
    .formWrap .formGroup { margin:0 0 20px; width:100%; }
    .formWrap label { font-size:16px; line-height:20px; margin:0 0 8px; display:block; }
    @media(max-width:767px){ .formWrap label{ display:none; } }
    .formWrap input, .formWrap select {
      border:1px solid #CECBCB; background:#fcfcfc; padding:12px;
      color:#000 !important; box-shadow:none; border-radius:5px; height:auto;
      font-size:16px; display:block; width:100%;
    }
    .formWrap input::placeholder { color:#777777; }
    @media(max-width:1200px){ .formWrap input,.formWrap select{ font-size:16px; padding:10px 15px; } }
    .formflex { display:flex; gap:12px; }
    @media(max-width:767px){ .formflex{ flex-direction:column; } }
    .overlayForm .btnCustom {
      color:#fff; cursor:pointer; background:#000; border:none;
      border-radius:6px; padding:21px 25px; font-size:18px; font-weight:500;
      transition:background .3s; display:block; width:100%;
    }
    @media(max-width:1200px){ .overlayForm .btnCustom{ padding:16px 20px; font-size:16px; } }