:root{
    --navy:#0B2545;
    --navy-deep:#071A33;
    --amber:#F2A340;
    --amber-deep:#D9871F;
    --cloud:#FBFAF7;
    --card:#FFFFFF;
    --ink:#1C2530;
    --sky:#E8F0FB;
    --sky-deep:#D3E3F7;
    --green:#2F7A5E;
    --green-bg:#E4F2EC;
    --line:#D9DEE6;
    --gray:#6B7480;
  }
  body{
    font-family:'Poppins',sans-serif;
    background:var(--cloud);
    color:var(--ink);
    -webkit-font-smoothing:antialiased;
  }
  .display{font-family:'Archivo Expanded',sans-serif; letter-spacing:0.01em;}
  .mono{font-family:'IBM Plex Mono',monospace;}

  a{color:inherit; text-decoration:none;}
  img{max-width:100%; display:block;}

  /* ===== TOP BANNER (slim — flight search lives above this on the real site) ===== */
  .topbar{
    background:linear-gradient(135deg, var(--navy-deep) 0%, var(--navy) 100%);
    padding:18px 24px;
    position:relative;
    overflow:hidden;
  }
  .topbar::before{
    content:'';
    position:absolute; inset:0;
    background-image:repeating-linear-gradient(115deg, rgba(255,255,255,0.035) 0px, rgba(255,255,255,0.035) 1px, transparent 1px, transparent 46px);
    pointer-events:none;
  }
  .topbar-inner{
    max-width:1180px; margin:0 auto; position:relative; z-index:2;
    display:flex; align-items:center; justify-content:space-between; gap:18px; flex-wrap:wrap;
  }
  .topbar-msg{display:flex; align-items:center; gap:12px;}
  .topbar-msg .badge{
    width:30px; height:30px; border-radius:8px; background:var(--amber);
    display:flex; align-items:center; justify-content:center; font-size:15px; flex-shrink:0;
  }
  .topbar-msg strong{color:var(--cloud); font-size:15px; font-weight:700; display:block;}
  .topbar-msg span{color:#9FB3CD; font-size:12.5px;}
  .topbar-code{
    display:flex; align-items:center; border:1.5px dashed rgba(242,163,64,0.55); border-radius:8px; overflow:hidden;
  }
  .topbar-code .code{padding:8px 14px; font-weight:700; color:var(--cloud); font-size:13.5px; letter-spacing:0.04em;}
  .topbar-code button{
    background:var(--amber); color:var(--navy-deep); border:none; padding:8px 14px;
    font-size:12.5px; font-weight:700; cursor:pointer;
  }

.student-cta{
  display:inline-flex; align-items:center; gap:8px;
  background:#F2A340; color:#071A33;
  font-weight:700; font-size:14px;
  padding:11px 20px; border-radius:9px;
  border:none; cursor:pointer;
  text-decoration:none;
  transition:background .15s ease, transform .15s ease;
}
.student-cta:hover{background:#FFB75C; transform:translateY(-1px);}
.student-cta svg{transition:transform .15s ease;}
.student-cta:hover svg{transform:translateX(3px);}

  /* ===== SECTION SHELL ===== */
  .section{max-width:1200px; margin:0 auto; padding:24px 15px;}
  .section-tight{padding-top:0;}
  .eyebrow{
    display:inline-flex; align-items:center; gap:8px;
    color:var(--amber-deep); font-size:12px; font-weight:700; letter-spacing:0.14em; text-transform:uppercase;
    margin-bottom:10px;
  }
  .eyebrow.with-plane::before{content:'✈'; font-size:13px;}
  .section-title{
    font-size:clamp(26px,3.4vw,30px); font-weight:700; color:var(--navy); margin-bottom:8px; letter-spacing:-0.01em;
  }
  .section-desc{color:var(--gray); font-size:15px; max-width:560px; margin-bottom:10px; line-height:1.6;}
  .section-head-row{
    display:flex; justify-content:space-between; align-items:flex-end; gap:24px; flex-wrap:wrap; margin-bottom:36px;
  }

  /* ===== REGION FILTERS ===== */
  .filter-row{
    display:flex; gap:10px; flex-wrap:wrap; margin-bottom:28px;
  }
  .filter-chip{
    font-size:13px; font-weight:600; padding:8px 16px; border-radius:999px;
    border:1px solid var(--line); background:var(--cloud); color:var(--gray);
    cursor:pointer; transition:all .15s ease; white-space:nowrap;
  }
  .filter-chip:hover{border-color:var(--amber-deep); color:var(--ink);}
  .filter-chip.active{
    background:var(--navy); border-color:var(--navy); color:var(--cloud);
  }
  .pass.hidden{display:none;}

  /* ===== AIRLINE DEALS SPLIT LAYOUT ===== */
  .deals-split{
    display:grid; grid-template-columns:75% 22%; gap:3%; align-items:start;
  }
  .deals-main{min-width:0; display:flex; flex-direction:column; gap:56px;}

  .overview-side{display:flex; flex-direction:column; gap:16px; position:sticky; top:63px;}
  .overview-box{
    background:var(--card);
    border:1px solid var(--line);
    border-radius:16px;
    padding:20px;
    position:relative;
    overflow:hidden;
  }
  .overview-box-top{display:flex; align-items:center; gap:10px; margin-bottom:10px;}
  .overview-icon{
    width:36px; height:36px; border-radius:10px; flex-shrink:0;
    display:flex; align-items:center; justify-content:center;
  }
  .overview-box.fare .overview-icon{background:var(--green-bg); color:var(--green);}
  .overview-box.routes .overview-icon{background:rgba(242,163,64,0.16); color:var(--amber-deep);}
  .overview-box.bags .overview-icon{background:var(--sky); color:#1C3A52;}
  .overview-box h4{font-size:14px; font-weight:700; color:var(--ink);}
  .overview-box p{font-size:12px; color:var(--gray); line-height:1.5; margin-bottom:12px;}
  .overview-box .ov-link{
    font-size:12px; font-weight:700; color:var(--navy-deep);
    display:inline-flex; align-items:center; gap:4px;
  }
  .overview-box .ov-link svg{transition:transform .15s;}
  .overview-box:hover .ov-link svg{transform:translateX(3px);}
  .ov-list{display:flex; flex-direction:column;}
  .ov-list-row{
    display:flex; align-items:center; gap:10px;
    padding:9px 0;
    border-top:1px solid var(--line);
  }
  .ov-list-row:first-child{border-top:none; padding-top:2px;}
  .ov-list-logo{width:24px; height:24px; object-fit:contain; flex-shrink:0;}
  .ov-list-text{flex:1; min-width:0;}
  .ov-list-text .ov-name{font-size:12.5px; font-weight:700; color:var(--ink); display:block; line-height:1.3;}
  .ov-list-text .ov-sub{font-size:10.5px; color:var(--gray); display:block; margin-top:1px;}
  .ov-list-row .ov-arrow{color:var(--gray); flex-shrink:0; transition:transform .15s, color .15s;}
  .ov-list-row:hover .ov-arrow{transform:translateX(2px); color:var(--navy-deep);}

  /* ===== AIRLINE BOARDING PASS CARDS ===== */
  .pass-grid{
    display:grid;
    grid-template-columns:repeat(4, 1fr);
    gap:18px;
  }
  .deals-main .pass-grid{
    grid-template-columns:repeat(3, 1fr);
  }
  .pass{
    background:var(--card);
    border:1px solid var(--line);
    border-radius:12px;
    overflow:hidden;
    display:flex;
    flex-direction:column;
    position:relative;
    transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
  }
  .pass::before{
    content:'';
    position:absolute; top:0; left:0; right:0; height:4px;
    background:linear-gradient(90deg, var(--amber-deep), var(--amber));
  }
  .pass:hover{transform:translateY(-4px); box-shadow:0 18px 36px -14px rgba(11,37,69,0.22); border-color:rgba(217,135,31,0.4);}
  .pass-top{
    padding:20px 18px 14px;
    border-bottom:1px dashed var(--line);
    position:relative;
  }
  .pass-top::before, .pass-top::after{
    content:''; position:absolute; bottom:-7px; width:14px; height:14px; border-radius:50%;
    background:var(--cloud); border:1px solid var(--line);
  }
  .pass-top::before{left:-7px;}
  .pass-top::after{right:-7px;}
  .airline-logo-row{display:flex; align-items:flex-start; justify-content:space-between; margin-bottom:14px; gap:8px; flex-wrap:wrap;}
  .airline-name{font-weight:700; font-size:14.5px; color:var(--navy); line-height:1.3; display:flex; align-items:center; gap:9px;}
  .airline-logo{
    width:28px; height:28px; object-fit:contain; flex-shrink:0;
  }
  .airline-tag{
    font-size:9.5px; background:var(--sky); color:var(--navy); padding:3px 7px; border-radius:5px;
    font-weight:700; letter-spacing:0.04em; text-transform:uppercase; white-space:nowrap; flex-shrink:0;
  }
  .pass-route{
    display:flex; align-items:center; gap:8px; margin-bottom:8px;
  }
  .pass-route .code{font-family:'IBM Plex Mono',monospace; font-weight:700; font-size:16px; color:var(--ink); letter-spacing:0.02em;}
  .pass-route .plane{color:var(--amber-deep); font-size:13px;}
  .pass-desc{
    font-size:12.5px; color:var(--gray); line-height:1.55;
    display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;
    overflow:hidden;
  }
  .pass-validity{font-size:10.5px; color:var(--gray); line-height:1.45; margin-top:10px;}
  .pass-validity strong{display:block; font-size:9.5px; color:var(--ink); text-transform:uppercase; letter-spacing:0.04em; margin-bottom:1px;}
  .pass-bottom{
    padding:14px 12px 18px; display:flex; align-items:center; justify-content:space-between; margin-top:auto; gap:8px; flex-wrap:nowrap;
  }
  .pass-discount{
    font-size:12px; color:var(--green); font-weight:800;
    background:var(--green-bg);
    padding:6px 9px;
    border-radius:7px;
    display:inline-flex; align-items:center; gap:5px;
    white-space:nowrap;
    overflow:hidden; text-overflow:ellipsis;
    min-width:0;
  }
  .pass-discount svg{flex-shrink:0;}
  .pass-link{font-size:12.5px; font-weight:700; color:var(--navy-deep); display:flex; align-items:center; gap:4px; flex-shrink:0; white-space:nowrap;}
  .pass-link svg{transition:transform .15s; flex-shrink:0;}
  .pass:hover .pass-link svg{transform:translateX(3px);}

  /* ===== TOP ROUTES ===== */
  .routes-section{
    background:var(--sky);
  }
  .routes-section .eyebrow{color:var(--amber-deep);}
  .routes-section .section-title{color:var(--navy);}
  .route-grid{
    display:grid; grid-template-columns:repeat(3,1fr); gap:14px;
  }
  .route-card{
    background:var(--cloud);
    border:1px solid var(--line);
    border-radius:12px;
    padding:20px 22px;
    transition:transform .15s ease, box-shadow .15s ease, border-color .15s ease;cursor:pointer
  }
  .route-card:hover{
    transform:translateY(-3px);
    box-shadow:0 14px 28px -12px rgba(11,37,69,0.16);
    border-color:rgba(217,135,31,0.35);
  }
  .route-code{
    font-size:10.5px; color:var(--gray); font-family:'IBM Plex Mono',monospace; letter-spacing:0.1em;
    display:block; margin-bottom:10px;
  }
  .route-endpoints{
    display:flex; align-items:center; gap:9px; margin-bottom:14px;
  }
  .route-endpoints .city{
    font-weight:700; font-size:15.5px; color:var(--ink); white-space:nowrap;
  }
  .route-line{
    flex:1; height:1px; min-width:20px;
    background-image:repeating-linear-gradient(90deg, var(--amber-deep) 0, var(--amber-deep) 4px, transparent 4px, transparent 9px);
    position:relative;
    opacity:0.65;
  }
  .route-line::after{
    content:'✈'; position:absolute; top:50%; left:50%;
    transform:translate(-50%,-50%) rotate(360deg);
    font-size:11px; color:var(--amber-deep); background:var(--cloud); padding:0 3px;
  }
  .route-card:hover .route-line::after{background:var(--cloud);}
  .route-card .book{
    font-size:12.5px; font-weight:700; color:var(--navy-deep);
    display:inline-flex; align-items:center; gap:4px;
  }
  .route-card .book svg{transition:transform .15s;}
  .route-card:hover .book svg{transform:translateX(3px);}

  /* ===== STUDENT OFFERS ===== */
  .student-section{
    background:var(--navy);
    border-radius:20px;
    padding:48px 40px;
    position:relative;
    overflow:hidden;
  }
  .student-section::before{
    content:'';
    position:absolute; top:-60px; right:-60px; width:280px; height:280px;
    background:radial-gradient(circle, rgba(242,163,64,0.18), transparent 70%);
  }
  .student-head{
    display:flex; justify-content:space-between; align-items:flex-start; gap:30px; flex-wrap:wrap; margin-bottom:32px; position:relative; z-index:2;
  }
  .student-head .eyebrow{color:var(--amber);}
  .student-head .section-title{color:var(--cloud);}
  .student-head .section-desc{color:#B8C6DD;}
  .id-card{
    background:var(--cloud);
    border-radius:12px;
    padding:16px 18px;
    width:230px;
    flex-shrink:0;
    box-shadow:0 20px 40px -10px rgba(0,0,0,0.4);
    transform:rotate(3deg);
  }
  .id-card-top{display:flex; justify-content:space-between; align-items:center; margin-bottom:10px;}
  .id-card-top span{font-size:9px; letter-spacing:0.1em; color:var(--gray); font-weight:700; text-transform:uppercase;}
  .id-photo{width:38px; height:38px; border-radius:8px; background:var(--sky); display:flex; align-items:center; justify-content:center; color:var(--navy);}
  .id-line{height:7px; background:var(--sky); border-radius:3px; margin-bottom:7px;}
  .id-line.short{width:60%;}
  .student-grid{
    display:grid; grid-template-columns:repeat(3,1fr); gap:16px; position:relative; z-index:2;
  }
  .student-card{
    background:rgba(255,255,255,0.05);
    border:1px solid rgba(255,255,255,0.1);
    border-radius:12px;
    padding:20px;
  }
  .student-card .icon-badge{
    width:40px; height:40px; border-radius:10px;
    background:rgba(242,163,64,0.14); color:var(--amber);
    display:flex; align-items:center; justify-content:center;
    margin-bottom:14px;
  }
  .student-card h4{color:var(--cloud); font-size:15px; margin-bottom:6px; font-weight:700;}
  .student-card p{color:#A9BAD2; font-size:13px; line-height:1.55; margin-bottom:14px;}
  .student-card .cta{color:var(--amber); font-size:12.5px; font-weight:700;}

  /* ===== BAGGAGE DEALS ===== */
  .baggage-grid{
    display:grid; grid-template-columns:repeat(3,1fr); gap:16px;
  }
  .baggage-card{
    border:1px solid var(--line); border-radius:12px; padding:20px;
    background:var(--cloud);
    text-align:left;
  }
  .baggage-card .icon-wrap{
    width:46px; height:46px; border-radius:11px; background:var(--green-bg);
    display:flex; align-items:center; justify-content:center; font-size:22px; margin-bottom:14px;
  }
  .baggage-card h4{font-size:15px; font-weight:700; margin-bottom:6px; color:var(--ink);}
  .baggage-card p{font-size:12.5px; color:var(--gray); line-height:1.55; margin-bottom:12px;}
  .baggage-card .save{
    font-size:11.5px; font-weight:700; color:var(--green); background:var(--green-bg);
    display:inline-block; padding:4px 9px; border-radius:6px;
  }

  /* ===== SEASONAL / DESTINATION DEALS ===== */
  .season-grid{
    display:grid; grid-template-columns:repeat(3,1fr); gap:18px;
  }
  .season-card{
    border-radius:16px; overflow:hidden; position:relative;
    min-height:210px; display:flex; flex-direction:column; justify-content:flex-end;
    padding:20px; color:var(--cloud);
    transition:transform .18s ease, box-shadow .18s ease;
  }
  .season-card:hover{transform:translateY(-3px); box-shadow:0 16px 32px -14px rgba(11,37,69,0.3);}
  .season-card.gulf{background:linear-gradient(155deg, #B8722E 0%, #6B3D1A 100%);}
  .season-card.europe{background:linear-gradient(155deg, #3D6B8C 0%, #1C3A52 100%);}
  .season-card.asia{background:linear-gradient(155deg, #5C8C6B 0%, #2A4A35 100%);}
  .season-card::before{
    content:'';
    position:absolute; inset:0;
    background-image:radial-gradient(circle at 1.5px 1.5px, rgba(255,255,255,0.16) 1.2px, transparent 1.2px);
    background-size:18px 18px;
    opacity:0.5;
    pointer-events:none;
  }
  .season-icon{
    position:absolute; top:18px; right:18px;
    width:38px; height:38px; border-radius:10px;
    background:rgba(255,255,255,0.16);
    display:flex; align-items:center; justify-content:center;
    color:var(--cloud);
    backdrop-filter:blur(2px);
  }
  .season-card .season-tag{
    font-size:10.5px; font-weight:700; letter-spacing:0.1em; text-transform:uppercase;
    background:rgba(255,255,255,0.18); display:inline-block; padding:4px 9px; border-radius:6px; margin-bottom:10px; width:fit-content;
    position:relative; z-index:2;
  }
  .season-card h3{font-size:19px; font-weight:800; margin-bottom:6px; position:relative; z-index:2;}
  .season-card p{font-size:12.5px; opacity:0.85; line-height:1.5; margin-bottom:14px; position:relative; z-index:2;}
  .season-card .cta{font-size:12.5px; font-weight:700; color:var(--amber); display:flex; align-items:center; gap:4px; position:relative; z-index:2;}

  /* ===== BANK OFFERS ===== */
  .bank-grid{
    display:grid; grid-template-columns:repeat(3,1fr); gap:18px;
  }
  .bank-card{
    min-height:215px;
    border-radius:16px; padding:20px; position:relative; overflow:hidden;
    background:var(--card);
    border:1px solid var(--line);
    color:var(--ink); display:flex; flex-direction:column; justify-content:space-between;
    box-shadow:0 10px 24px -16px rgba(11,37,69,0.18);
    transition:transform .18s ease, box-shadow .18s ease;
  }
  .bank-card:hover{transform:translateY(-4px); box-shadow:0 16px 32px -16px rgba(11,37,69,0.26);}
  .bank-card::before{
    content:''; position:absolute; top:0; left:0; right:0; height:4px;
  }
  .bank-card.b1::before{background:linear-gradient(90deg, #1F4D8C, #4279C4);}
  .bank-card.b2::before{background:linear-gradient(90deg, #1F7A55, #3CA678);}
  .bank-card.b3::before{background:linear-gradient(90deg, #B5482E, #D9714F);}
  .bank-card.b4::before{background:linear-gradient(90deg, #6B3D9E, #9560C9);}
  .bank-card-top{display:flex; justify-content:space-between; align-items:flex-start; position:relative; z-index:2;}
  .bank-chip{
    width:32px; height:24px; border-radius:5px;
    background:linear-gradient(135deg, var(--amber), var(--amber-deep));
    position:relative;
  }
  .bank-chip::before{
    content:''; position:absolute; inset:4px; border:1px solid rgba(255,255,255,0.5); border-radius:2px;
  }
  .bank-sticker{
    background:var(--green-bg); color:var(--green); font-weight:800; font-size:11px;
    padding:5px 10px; border-radius:7px;
  }
  .bank-card .card-type{
    font-size:10.5px; color:var(--gray); letter-spacing:0.1em; text-transform:uppercase;
    position:relative; z-index:2; margin:14px 0 0;
  }
  .bank-card-bottom{position:relative; z-index:2;}
  .bank-card .bank-name{font-weight:700; font-size:14px; margin-bottom:4px; color:var(--ink);}
  .bank-card .bank-desc{font-size:11px; color:var(--gray); line-height:1.5; margin-bottom:12px;}
  .bank-coupon{
    display:inline-flex; align-items:center; gap:8px;
    border:1.5px dashed var(--amber-deep); border-radius:7px;
    padding:5px 6px 5px 10px;
  }
  .bank-coupon .bc-code{
    font-family:'IBM Plex Mono',monospace; font-weight:700; font-size:12px; color:var(--navy); letter-spacing:0.04em;
  }
  .bank-coupon button{
    background:var(--navy); border:none; color:var(--cloud);
    font-size:10.5px; font-weight:700; padding:4px 8px; border-radius:5px; cursor:pointer;
    transition:background .15s ease;
  }
  .bank-coupon button:hover{background:var(--navy-deep);}

  /* ===== BOOKING PROCESS TIMELINE ===== */
  .timeline{
    display:grid; grid-template-columns:repeat(4,1fr); gap:0; position:relative;
  }
  .timeline::before{
    content:''; position:absolute; top:20px; left:10%; right:10%; height:1px;
    background:repeating-linear-gradient(90deg, var(--line) 0, var(--line) 6px, transparent 6px, transparent 12px);
    z-index:0;
  }
  .timeline-step{position:relative; z-index:2; text-align:center; padding:0 14px;}
  .timeline-step .num{
    width:40px; height:40px; border-radius:50%; background:var(--cloud); border:2px solid var(--amber-deep);
    display:flex; align-items:center; justify-content:center; font-weight:700; color:var(--amber-deep);
    margin:0 auto 14px; font-size:15px;
  }
  .timeline-step h4{font-size:14.5px; font-weight:700; margin-bottom:6px; color:var(--ink);}
  .timeline-step p{font-size:12px; color:var(--gray); line-height:1.55;}

  /* ===== TRUST STRIP ===== */
  .trust-strip{
    display:grid; grid-template-columns:repeat(3,1fr);
    background:var(--navy);
    border-radius:16px; overflow:hidden;
    position:relative;
  }
  .trust-strip::before{
    content:'';
    position:absolute; inset:0;
    background-image:radial-gradient(circle at 1.5px 1.5px, rgba(255,255,255,0.05) 1px, transparent 1px);
    background-size:22px 22px;
    pointer-events:none;
  }
  .trust-item{
    padding:32px 24px; text-align:center;
    border-right:1px solid rgba(255,255,255,0.1);
    position:relative; z-index:2;
  }
  .trust-item:last-child{border-right:none;}
  .trust-item .trust-icon{
    width:38px; height:38px; border-radius:10px; margin:0 auto 14px;
    background:rgba(242,163,64,0.16); color:var(--amber);
    display:flex; align-items:center; justify-content:center;
  }
  .trust-item .big{
    font-family:'IBM Plex Mono',monospace; font-size:26px; font-weight:700; color:var(--cloud); display:block; margin-bottom:6px;
  }
  .trust-item .label{font-size:13px; color:#9FB3CD; font-weight:600;}

  /* ===== FAQ / TERMS ===== */
  .faq-item{
    border-bottom:1px solid var(--line);
    padding:18px 4px;
    cursor:pointer;
  }
  .faq-item.open .faq-a{max-height:900px; padding-top:12px;}
	.faq-a ul{margin:0; padding-left:20px; list-style:disc;}
	.faq-a ul li{margin-bottom:8px;}
	.faq-a ul li:last-child{margin-bottom:0;}
  .faq-q{
    display:flex; justify-content:space-between; align-items:center;
    font-weight:700; font-size:15px; color:var(--ink);
  }
  .faq-q svg{transition:transform .2s; flex-shrink:0; color:var(--gray);}
  .faq-item.open .faq-q svg{transform:rotate(180deg);}
  .faq-a{
    font-size:13.5px; color:var(--gray); line-height:1.6; max-height:0; overflow:hidden; transition:max-height .25s ease;
  }
  .faq-item.open .faq-a{padding-top:12px;}

  footer{
    background:var(--navy-deep); color:#7E92AF; text-align:center; padding:28px 24px; font-size:13px;
  }

  @media(max-width:980px){
    .pass-grid{grid-template-columns:repeat(2,1fr);}
    .deals-main .pass-grid{grid-template-columns:repeat(2,1fr);}
    .route-grid{grid-template-columns:repeat(2,1fr);}
    .student-grid{grid-template-columns:1fr;}
    .baggage-grid{grid-template-columns:repeat(2,1fr);}
    .trust-strip{grid-template-columns:1fr;}
    .season-grid{grid-template-columns:1fr;}
    .bank-grid{grid-template-columns:repeat(2,1fr);}
    .timeline{grid-template-columns:repeat(2,1fr); row-gap:28px;}
    .timeline::before{display:none;}
    .deals-split{grid-template-columns:1fr; gap:28px;}
    .overview-side{position:static;}
  }
  @media(max-width:620px){
    .pass-grid{grid-template-columns:1fr;}
    .deals-main .pass-grid{grid-template-columns:1fr;}
    .route-grid{grid-template-columns:1fr;}
    .baggage-grid{grid-template-columns:1fr;}
    .topbar-inner{flex-direction:column; align-items:flex-start;}
    .student-section{padding:32px 22px;}
    .id-card{display:none;}
    .bank-grid{grid-template-columns:1fr;}
    .timeline{grid-template-columns:1fr;}
    .filter-row{overflow-x:auto; flex-wrap:nowrap; padding-bottom:4px;}
	    .lg_brnd_dv img {
        margin: 0 auto;
    }
  }