:root{
  --red:#df0025;
  --red-dim:rgba(223,0,37,.08);
  --red-mid:rgba(223,0,37,.15);
  --black:#000000;
  --white:#FFFFFF;
  --cream:#FFF7F5;
  --cream2:#FFF0EC;
  --grey:#F6F6F6;
  --text:#334155;
  --muted:#666666;
  --light:#999999;
  --border:#E8E8E8;
  --orange:#ea5606;
  --shadow:0 2px 20px rgba(0,0,0,.07);
  --shadow-lg:0 12px 50px rgba(0,0,0,.13);
  --r:14px;--r-sm:8px;
  --font-head:'Playfair Display', serif;
  --font-body:'Lexend Deca', sans-serif;
}
h1,h2,h3,h4,h5{
        font-family: var(--font-head);
}
body{
     font-family: var(--font-body);
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth}
body{background:#fff;color:var(--text);overflow-x:hidden;line-height:1.6}
img{display:block;width:100%;object-fit:cover}
a{text-decoration:none;color:inherit}
button{cursor:pointer;}

/* UTILITY */
.tag{display:inline-flex;align-items:center;gap:6px;background:var(--red-dim);color:var(--red);font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:5px 13px;border-radius:50px;border:1px solid var(--red-mid)}
.tag::before{content:'';width:6px;height:6px;background:var(--red);border-radius:50%;flex-shrink:0}
.sec{padding:96px 5%}
.wrap{max-width:1280px;margin:0 auto}
#why-ak .why-ak-container{
    max-width:1200px;
    margin-inline: auto;
    text-align: center;
    margin-bottom: 50px;
}
#diff .container .why-ak-container {
    max-width: 1250px;
    text-align: center;
    margin-bottom: 50px;
}
.sec-head{margin-bottom:52px}
.sec-head.center{text-align:center}
.sec-head.center .sub{margin:0 auto}
.sec-title{font-size: clamp(30px, 4vw, 36px);;font-weight:800;color:var(--black);margin:12px 0 14px;line-height:1.15}
.sec-title span{color:var(--red)}
.sub{font-size:15px;color:var(--muted);max-width:1050px;line-height:1.8}
.btn{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:.9rem;padding:13px 26px;border-radius:50px;border:none;transition:all .3s cubic-bezier(.34,1.56,.64,1);cursor:pointer;white-space:nowrap}
.btn-red{background:var(--red);color:#fff}
.btn-red:hover{background:#b8001e;transform:translateY(-3px);box-shadow:0 10px 30px rgba(223,0,37,.35)}
.btn-red:hover .arr{transform:translateX(5px)}
.arr{transition:transform .3s;display:inline-block}
.btn-ghost{background:var(--white);color:var(--black);border:1.5px solid rgba(0,0,0,.25)}
.btn-ghost:hover{background:var(--black);color:#fff;transform:translateY(-3px)}
.btn-white{background:#fff;color:var(--red)}
.btn-white:hover{background:var(--cream);transform:translateY(-3px);box-shadow:0 8px 24px rgba(0,0,0,.15)}


/* HERO */
.hero{min-height:100vh;position:relative;overflow:hidden;background:#fff}
.hero-slides{position:absolute;inset:0}
.hs{position:absolute;inset:0;opacity:0;transition:opacity 1.4s ease;background-size:cover;background-position:center}
.hs.on{opacity:1}
.hs::after{content:'';position:absolute;inset:0;background:linear-gradient(105deg,rgba(0, 0, 0, 0.97) 38%,rgba(0, 0, 0, 0.7) 65%,rgba(0, 0, 0, 0.1) 100%)}
.hs:nth-child(1){background-image:url('https://akinfo.in/New-Design/New-Page-Graphics/akinfo-banner-1.webp')}
.hs:nth-child(2){background-image:url('https://akinfo.in/New-Design/New-Page-Graphics/akinfo-banner-2.webp')}
.hs:nth-child(3){background-image:url('https://akinfo.in/New-Design/New-Page-Graphics/akinfo-banner-3.webp')}
.hero-in{position:relative;z-index:1;max-width:1280px;margin:0 auto;padding:72px 5%;display:grid;grid-template-columns:1fr 410px;gap:56px;align-items:center;min-height:calc(100vh - 68px)}
.heyebrow{display:flex;align-items:center;gap:10px;margin-bottom:18px;animation:fadUp .7s .1s both}
.heyebrow .tag{color: var(--white);}
.hline{width:50px;height:1px;background:var(--red)}
.hero-h1{font-size: clamp(40px, 4.5vw, 80px);font-weight:800;color:var(--white);margin-bottom:18px;line-height:1.1;animation:fadUp .7s .2s both}
.hero-h1 em{color:var(--red);font-style:normal}
.hero-h1 .hn{display:block;font-size:clamp(1rem,1.8vw,1.5rem);color:var(--orange);font-weight:600;margin-bottom:8px; margin-top: 20px;}
.hero-desc{font-size:1rem;color:var(--light);margin-bottom:28px;max-width:520px;line-height:1.75;animation:fadUp .7s .3s both}
.hpills{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:30px;animation:fadUp .7s .4s both}
.hp{display:flex;align-items:center;gap:6px;background:#fff;border:1px solid var(--border);color:var(--text);font-size:.79rem;font-weight:600;padding:5px 13px;border-radius:50px;box-shadow:0 1px 6px rgba(0,0,0,.05);transition:all .25s}
.hp:hover{border-color:var(--red);color:var(--red);transform:translateY(-1px)}
.hp i{color:var(--red);font-style:normal;font-weight:800}
.hero-btns{display:flex;gap:11px;flex-wrap:wrap;animation:fadUp .7s .5s both}
.hero-trust{display:flex;align-items:center;gap:14px;margin-top:28px;animation:fadUp .7s .6s both}
.t-avs{display:flex}
.t-avs span{width:32px;height:32px;border-radius:50%;border:2.5px solid #fff;background:linear-gradient(135deg,#ffd4cc,#ff9e90);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.68rem;color:var(--red);margin-left:-9px;box-shadow:0 2px 6px rgba(0,0,0,.1)}
.t-avs span:first-child{margin-left:0}
.t-txt{font-size:.8rem;color:var(--red)}
.t-txt strong{color:var(--white);display:block;font-size:.85rem;font-weight:700}

/* LEAD FORM */
.lform{background:#fff;border-radius:20px;padding:34px 28px;box-shadow:0 24px 80px rgba(0,0,0,.13);border:1px solid var(--border);animation:fadUp .7s .3s both;position:relative;overflow:hidden}
.lform::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--red),#ff6b6b)}
.lf-title{font-size:1.2rem;font-weight:800;color:var(--black);margin-bottom:3px}
.lf-sub{font-size:.8rem;color:var(--muted);margin-bottom:20px}
.fg{margin-bottom:11px}
.fg input,.fg select{width:100%;background:var(--grey);border:1.5px solid transparent;color:var(--text);padding:11px 14px;border-radius:var(--r-sm);font-size:.87rem;outline:none;transition:all .25s}
.fg input::placeholder{color:var(--light)}
.fg input:focus,.fg select:focus{border-color:var(--red);background:#fff;box-shadow:0 0 0 3px var(--red-dim)}
.fg select{cursor:pointer;color:var(--muted)}
.fsub{width:100%;background:var(--red);color:#fff;border:none;padding:13px;border-radius:var(--r-sm);font-weight:700;font-size:.93rem;cursor:pointer;transition:all .3s;margin-top:3px;letter-spacing:.01em}
.fsub:hover{background:#b8001e;box-shadow:0 8px 28px rgba(223,0,37,.35);transform:translateY(-2px)}
.fnote{text-align:center;font-size:.72rem;color:var(--light);margin-top:9px}

/* STATS BAR */
.stats-bar{background:var(--black);padding:0 5%}
.stats-in{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr)}
.stat{padding:26px 20px;text-align:center;border-right:1px solid rgba(255,255,255,.07)}
.stat:last-child{border-right:none}
.stat-n{font-size:2.8rem;color:var(--red);line-height:1}
.stat-l{font-size:.72rem;font-weight:600;color:rgba(255,255,255,.45);text-transform:uppercase;letter-spacing:.1em;margin-top:3px}

/* FEATURE CARDS */
.feat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.fc{background:#fff;border:1px solid var(--border);border-radius:var(--r);padding:28px 24px;transition:all .35s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden;cursor:default}
.fc-line{position:absolute;bottom:0;left:0;width:0;height:3px;background:var(--red);transition:width .4s}
.fc:hover{transform:translateY(-7px);box-shadow:0 24px 60px rgba(0,0,0,.1);border-color:rgba(223,0,37,.2)}
.fc:hover .fc-line{width:100%}
.fc-ico{width:50px;height:50px;background:var(--red-dim);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.45rem;margin-bottom:16px;transition:all .3s}
.fc:hover .fc-ico{background:var(--red);transform:scale(1.08) rotate(-4deg)}
.fc h4{font-size:.97rem;font-weight:800;color:var(--black);margin-bottom:7px}
.fc p{font-size:.84rem;color:var(--muted);line-height:1.65}

/* SPLIT LAYOUT */
.split{display:grid;grid-template-columns:1fr 1fr;gap:66px;align-items:center}
.split.rev{direction:rtl}
.split.rev>*{direction:ltr}
.img-wrap{border-radius:20px;overflow:hidden;position:relative}
.img-wrap img{transition:transform .6s ease}
.img-wrap:hover img{transform:scale(1.03)}
.img-bd{position:absolute;bottom:22px;left:22px;background:var(--red);color:#fff;padding:13px 18px;border-radius:var(--r-sm);z-index:1;font-weight:700;font-size:.9rem}
.img-bd small{display:block;font-size:.7rem;font-weight:500;opacity:.85}
.img-bd2{position:absolute;top:18px;right:18px;background:#fff;border-radius:var(--r-sm);padding:12px 14px;box-shadow:var(--shadow-lg);z-index:1;text-align:center}
.img-bd2 strong{display:block;font-size:1.7rem;color:var(--red)}
.img-bd2 span{font-size:.68rem;color:var(--muted);font-weight:600}
.checks{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:24px 0 30px}
.chk{display:flex;align-items:center;gap:9px;font-size:.86rem;font-weight:600;color:var(--text)}
.chk::before{content:'✓';min-width:20px;height:20px;background:var(--red);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.62rem;font-weight:900}

/* CURRICULUM */
.curr-bg{background:var(--cream)}
.mod-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:17px}
.mod{background:#fff;border-radius:var(--r);padding:26px;border:1px solid var(--border);transition:all .35s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}

.auto-height {
        height: 320px;
        width: 100%;
    overflow-y: auto;
  position: relative;
  overflow-y: auto;
  scrollbar-width: thin; 
  scrollbar-color: #DF0025 #ffffff;
}

/* Chrome, Edge, Safari */
.auto-height::-webkit-scrollbar {
  width: 6px;
}

.auto-height::-webkit-scrollbar-track {
  background: #000;
}

.auto-height::-webkit-scrollbar-thumb {
  background: #DF0025;
  border-radius: 10px;
}

/* Scroll Indicator */
.auto-height::after {
  content: "↓";
  position: absolute;
  left: 50%;
  bottom: 10px;
  transform: translateX(-50%);
  font-size: 18px;
  pointer-events: none;
  color: var(--red);
  font-size: 22px;
  font-weight: bolder;
  border: 1px solid var(--red);
  padding: 2px 6px;
  border-radius: 20px;
  background-color: rgb(255, 190, 190);
  animation: scrollBounce 1.5s infinite;
}

/* Animation */
@keyframes scrollBounce {
  0%, 100% {
    transform: translate(-50%, 0);
    opacity: 1;
  }
  50% {
    transform: translate(-50%, 8px);
    opacity: 0.6;
  }
}
.mod::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,var(--red),#ff4d6d);opacity:0;transition:opacity .3s;z-index:0}
.mod:hover{box-shadow:0 18px 50px rgba(223,0,37,.2);transform:translateY(-5px)}
.mod:hover::before{opacity:1}
.mod>*{position:relative;z-index:1}
.mod-top{display:flex;align-items:center;gap:12px;margin-bottom:16px}
.mod-num{width:36px;height:36px;background:var(--red);color:#fff;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.15rem;flex-shrink:0;transition:all .3s}
.mod:hover .mod-num{background:#fff;color:var(--red);transform:rotate(-6deg) scale(1.1)}
.mod h4{font-size:20px;font-weight:800;color:var(--black);transition:color .3s}
.mod:hover h4{color:#fff}
.mod ul{list-style:none;display:flex;flex-direction:column;gap:7px}
.mod li{font-size:16px;color:var(--muted);padding-left:13px;position:relative;line-height:1.4;transition:color .3s}
.mod li::before{content:'→';position:absolute;left:0;color:var(--red);font-size:.73rem;transition:color .3s}
.mod:hover li,.mod:hover li::before{color:rgba(255,255,255,.75)}

/* CAREERS */
#careers{
    background-image: url('./New-Page-Graphics/background image(3).webp');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.car-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}
.cc{background:#fff;border:1px solid var(--border);border-radius:var(--r);padding:24px 20px;transition:all .35s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden;cursor:default}
.cc::before{content:'';position:absolute;inset:0;background:linear-gradient(145deg,var(--black),#1a0005);opacity:0;transition:opacity .35s;z-index:0}
.cc:hover::before{opacity:1}
.cc:hover{transform:translateY(-6px);box-shadow:0 22px 55px rgba(0,0,0,.2)}
.cc>*{position:relative;z-index:1}
.cc-ico{font-size:2.1rem;margin-bottom:13px;transition:transform .3s}
.cc:hover .cc-ico{transform:scale(1.15)}
.cc h4{font-size:20px;font-weight:800;color:var(--black);margin-bottom:7px;transition:color .3s}
.cc:hover h4{color:#fff}
.cc-earn{font-size:17px;font-weight:800;color:var(--red);letter-spacing:.05em;margin-bottom:4px;transition:color .3s}
.cc:hover .cc-earn{color:rgba(223,0,37,.8)}
.cc p{font-size:15px;color:var(--muted);line-height:1.5;transition:color .3s}
.cc:hover p{color:rgba(255,255,255,.6)}

/* GALLERY */
.gal-bg{background:var(--black);padding:96px 5%}
.gh .sec-title{color:#fff}
.gh .sub{color:rgba(255,255,255,.45)}
.gh .tag{background:rgba(223,0,37,.18);border-color:rgba(223,0,37,.35)}
.gal-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:220px 220px;gap:12px}
.gi{border-radius:var(--r);overflow:hidden;position:relative;cursor:pointer}
.gi img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.gi::after{content:'';position:absolute;inset:0;background:rgba(0,0,0,0);transition:background .35s}
.gi:hover img{transform:scale(1.08)}
.gi:hover::after{background:rgba(223,0,37,.35)}
.gi.tall{grid-row:span 2}
.gi.wide{grid-column:span 2}
.gi-lbl{position:absolute;bottom:13px;left:13px;background:rgba(0,0,0,.75);color:#fff;font-size:.73rem;font-weight:700;padding:4px 11px;border-radius:50px;opacity:0;transform:translateY(8px);transition:all .3s;z-index:1;backdrop-filter:blur(4px)}
.gi:hover .gi-lbl{opacity:1;transform:translateY(0)}

/* MID CTA */
.mid-cta{background-image: url('https://akinfo.in/New-Design/New-Page-Graphics/background-image-cta-image.webp');padding:88px 5%;position:relative;overflow:hidden}
.mid-cta::before{content:'';position:absolute;top:-120px;right:-120px;width:550px;height:550px;background:rgba(255,255,255,.06);border-radius:50%;pointer-events:none}
.mid-cta::after{content:'';position:absolute;bottom:-90px;left:-70px;width:400px;height:400px;background:rgba(0,0,0,.07);border-radius:50%;pointer-events:none}
.mid-in{position:relative;z-index:1;max-width:1280px;margin:0 auto;display:grid;grid-template-columns:1fr 360px;gap:50px;align-items:center}
.mid-cta h2{font-size:clamp(2.8rem,5.5vw,5rem);color:#fff;line-height:1;margin-bottom:12px}
.mid-cta p{font-size:1rem;color:rgba(255,255,255,.82);max-width:520px;line-height:1.7}
.mid-badges{display:flex;gap:9px;flex-wrap:wrap;margin-top:22px}
.mb{background:rgba(255,255,255,.14);color:#fff;font-size:.76rem;font-weight:700;padding:5px 13px;border-radius:50px;border:1px solid rgba(255,255,255,.22)}
.cta-box{background:#fff;border-radius:18px;padding:28px 26px;box-shadow:0 20px 60px rgba(0,0,0,.2)}
.cta-box h3{font-size:1.1rem;font-weight:800;color:var(--black);margin-bottom:3px}
.cta-box p{font-size:.8rem;color:var(--muted);margin-bottom:16px}
.cta-box .fg{margin-bottom:9px}

/* PLACEMENT */
.place-bg{background:var(--cream)}
.pl-list{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin:24px 0 30px}
.pli{display:flex;align-items:flex-start;gap:11px;background:#fff;border:1px solid var(--border);border-radius:var(--r-sm);padding:13px 14px;transition:all .3s}
.pli:hover{border-color:var(--red);box-shadow:0 4px 18px rgba(223,0,37,.1);transform:translateX(4px)}
.pli-ico{width:34px;height:34px;background:var(--red-dim);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0}
.pli h5{font-size:.84rem;font-weight:700;color:var(--black);margin-bottom:2px}
.pli p{font-size:.75rem;color:var(--muted)}

/* WHO CAN JOIN */
.who-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:13px}
.who{background:#fff;border:1px solid var(--border);border-radius:var(--r);padding:22px 14px;text-align:center;transition:all .35s cubic-bezier(.34,1.56,.64,1);cursor:default}
.who:hover{border-color:var(--red);background:var(--red);transform:translateY(-5px);box-shadow:0 14px 36px rgba(223,0,37,.25)}
.who-ic{font-size:1.9rem;margin-bottom:9px;transition:transform .3s}
.who:hover .who-ic{transform:scale(1.2) rotate(-5deg)}
.who p{font-size:15px;font-weight:700;color:var(--text);transition:color .3s}
.who:hover p{color:#fff}

/* REVIEWS */
.rev-bg{background:var(--grey)}
.rv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.rv{background:#fff;border-radius:var(--r);padding:26px;border:1px solid var(--border);transition:all .35s;position:relative;overflow:hidden}
.rv::before{content:'';position:absolute;top:0;left:0;width:4px;height:0;background:var(--red);transition:height .4s;border-radius:0 0 2px 2px}
.rv:hover::before{height:100%}
.rv:hover{transform:translateY(-5px);box-shadow:0 20px 55px rgba(0,0,0,.1)}
.rv-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}
.rv-stars{color:var(--red);font-size:1rem;letter-spacing:1.5px}
.rv-qt{font-size:2.5rem;color:rgba(223,0,37,.15);line-height:.8;font-weight:900}
.rv-badge{position:absolute;top:16px;right:16px;background:var(--red-dim);color:var(--red);font-size:.67rem;font-weight:700;padding:3px 9px;border-radius:50px}
.rv p{font-size:.86rem;color:var(--muted);line-height:1.7;margin-bottom:16px;font-style:italic}
.rv-auth{display:flex;align-items:center;gap:11px}
.rv-av{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#ffd0c7,var(--red));display:flex;align-items:center;justify-content:center;font-weight:800;color:#fff;font-size:.85rem;flex-shrink:0}
.rv-name{font-size:.86rem;font-weight:800;color:var(--black)}
.rv-role{font-size:.73rem;color:var(--muted)}

/* FAQ */
.faq-list{max-width:800px;margin:48px auto 0;display:flex;flex-direction:column;gap:9px}
.fq{background:#fff;border:1px solid var(--border);border-radius:var(--r-sm);overflow:hidden;transition:border .3s}
.fq.open{border-color:rgba(223,0,37,.3)}
.fq-q{width:100%;background:none;border:none;font-weight:700;font-size:.91rem;color:var(--black);padding:19px 20px;display:flex;justify-content:space-between;align-items:center;text-align:left;gap:12px;cursor:pointer;transition:color .2s}
.fq-q:hover{color:var(--red)}
.fq-ic{width:25px;height:25px;min-width:25px;border-radius:50%;border:1.5px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:1rem;font-weight:700;transition:all .3s}
.fq.open .fq-ic{background:var(--red);border-color:var(--red);color:#fff;transform:rotate(45deg)}
.fq-a{max-height:0;overflow:hidden;transition:max-height .4s ease}
.fq-body{padding:0 20px 16px;font-size:.85rem;color:var(--muted);line-height:1.7}
.fq.open .fq-a{max-height:200px}

/* BOTTOM CTA */
.bot-cta{background:var(--black);padding:90px 5%;text-align:center;position:relative;overflow:hidden}
.bot-cta::before{content:'AKINFO';font-size:18vw;color:rgba(255,255,255,.025);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);white-space:nowrap;letter-spacing:.08em;pointer-events:none;z-index:0}
.bot-cta h2{font-size:clamp(2.4rem,6vw,5.2rem);color:#fff;margin-bottom:12px;position:relative;z-index:1;line-height:1.05}
.bot-cta h2 em{color:var(--red);font-style:normal}
.bot-cta p{color:rgba(255,255,255,.55);font-size:1rem;max-width:500px;margin:0 auto 32px;position:relative;z-index:1;line-height:1.7}
.bot-btns{display:flex;gap:13px;justify-content:center;flex-wrap:wrap;position:relative;z-index:1}
.bot-trust{display:flex;gap:22px;justify-content:center;flex-wrap:wrap;margin-top:34px;position:relative;z-index:1}
.bt{display:flex;align-items:center;gap:6px;font-size:.8rem;color:rgba(255,255,255,.4);font-weight:600}
.bt::before{content:'✓';color:var(--red);font-weight:800}



/* REVEAL ANIMATIONS */
.reveal{opacity:0;transform:translateY(28px);transition:opacity .65s cubic-bezier(.22,.68,0,1.1),transform .65s cubic-bezier(.22,.68,0,1.1)}
.reveal-l{opacity:0;transform:translateX(-34px);transition:opacity .65s ease,transform .65s ease}
.reveal-r{opacity:0;transform:translateX(34px);transition:opacity .65s ease,transform .65s ease}
.reveal.in,.reveal-l.in,.reveal-r.in{opacity:1;transform:none}
@keyframes fadUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}

/* RESPONSIVE */
@media(max-width:1100px){
  .feat-grid,.mod-grid{grid-template-columns:repeat(2,1fr)}
  .car-grid{grid-template-columns:repeat(2,1fr)}
  .gal-grid{grid-template-columns:repeat(2,1fr);grid-template-rows:auto}
  .gi.tall,.gi.wide{grid-row:auto;grid-column:auto}
  .rv-grid{grid-template-columns:repeat(2,1fr)}
  .split{grid-template-columns:1fr}
  .mid-in{grid-template-columns:1fr}
}
@media(max-width:768px){
  .nav-links,.nav-in>.btn{display:none}
  .hbg{display:flex}
  .hero-in{grid-template-columns:1fr;padding:60px 5%}
  .stats-in{grid-template-columns:repeat(2,1fr)}
  .feat-grid,.mod-grid{grid-template-columns:1fr}
  .car-grid{grid-template-columns:1fr 1fr}
  .gal-grid{grid-template-columns:1fr 1fr}
  .rv-grid{grid-template-columns:1fr}
  .who-grid{grid-template-columns:repeat(2,1fr) !important}
  .pl-list{grid-template-columns:1fr}
  .ft-top{grid-template-columns:1fr;gap:30px}
  .ft-bot{flex-direction:column;text-align:center}
  .checks{grid-template-columns:1fr}
  .img-wrap img{height:320px}
  .dgrid,.clcards{
    grid-template-columns: 1fr !important;
  }
}
@media(max-width:480px){
  .hero-btns,.bot-btns{flex-direction:column;align-items:flex-start}
  .car-grid,.who-grid{grid-template-columns:1fr !important}
  .stats-in{grid-template-columns:repeat(2,1fr)}
  .cta-box{min-width:unset;width:100%}
  .img-wrap iframe{
    width: 350px !important;
    height: 210px !important;
}
.img-bd{
    display: none;
}
.who{
    background-color: rgba(255, 0, 0, 0.068);
    border: 1px solid rgba(255, 0, 0, 0.452);
}
}
#features{
    background-image: url('./New-Page-Graphics/background image.webp');
    /* background-position: center; */
    background-repeat: no-repeat;
    background-size: cover;
}
.img-wrap iframe{
    width: 600px;
    height: 320px;
}