@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
:root{
  --blue:#008ac8; --blue-dark:#0068a4; --navy:#003a70; --red:#dc2626;
  --text:#1f2937; --muted:#6b7280; --bg:#f7f9fc; --white:#fff; --border:#e5e7eb;
  --shadow:0 12px 32px rgba(3,28,67,.08);
  --radius:16px;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;font-family:'Poppins',sans-serif;color:var(--text);background:var(--white)}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}

/* NAV */
.nav{position:fixed;top:0;left:0;right:0;height:64px;background:#fff;box-shadow:0 2px 12px rgba(0,0,0,.06);z-index:100}
.nav__inner{max-width:1200px;margin:0 auto;height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 20px}
.brand{font-weight:600;color:var(--navy);font-size:22px;letter-spacing:.2px}
.brand__accent{color:var(--red)}
.brand--white{color:#fff}
.nav__links{display:flex;gap:18px}
.nav__link{padding:8px 12px;border-radius:10px;color:var(--navy)}
.nav__link--cta{color:var(--navy)}
.nav__mobileBtn{display:none;border:0;background:transparent;font-size:22px;color:var(--navy)}
.nav__drawer{display:none;position:fixed;top:64px;left:0;right:0;background:#fff;border-top:1px solid var(--border)}
.nav__drawer a{display:block;padding:14px 20px;border-bottom:1px solid var(--border);color:var(--navy)}
@media (max-width:900px){.nav__links{display:none}.nav__mobileBtn{display:block}}
.hidden{display:none !important}
.logo-head{width: 100%; height: 30px;}

/* HERO */
.hero{padding-top:64px}
.hero__imagewrap{height:52vw;max-height:520px;background:#eef6fb;overflow:hidden}
/* Default - Desktop & Tablet: Show desktop banner, hide mobile banner */
.desktop-bg {
  display: block;
}
.mobile-bg {
  display: none;
}
.hero__imagewrap img{width:100%;height:100%;object-fit:cover}

/* Mobile only (up to 767px) */
@media (max-width: 767px) {
  .desktop-bg {
    display: none;
  }
  .mobile-bg {
    display: block;
  }
  .hero__imagewrap 
  {
    height:50vh;
   
  }
  .hero__imagewrap img
  {
   object-fit:fill;
   height: fit-content;
  }

}


/* SECTIONS */
.section{padding:72px 20px}
.section-4{padding:25px 20px}
.section--alt{background:var(--bg)}
.container{max-width:1200px;margin:0 auto}
.section__head{margin-bottom:28px;text-align:center}
.title{font-size:30px;line-height:1.2;margin:0 0 8px;color:var(--navy);font-weight:600;font-family:'Poppins',sans-serif;}

.title--left{text-align:left}
.subtitle{max-width:760px;margin:0 auto 8px;color:var(--muted);font-size:18px;font-family:'Poppins',sans-serif;}
.subtitle--left{text-align:left;margin-left:0;font-family:'Poppins',sans-serif;}
@media (max-width: 767px) {.title{
  font-size: 24px;
}
.subtitle
{
  font-size: 16px;
}}
/* GRID */
.grid{display:grid}
.grid--3{grid-template-columns:repeat(3,1fr)}
.gap-24{gap:24px}
@media (max-width:1000px){.grid--3{grid-template-columns:repeat(2,1fr)}}
@media (max-width:700px){.grid--3{grid-template-columns:1fr}}

/* CARD + LIFT */
.card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow);}
.card--lift{transition:transform .25s ease, box-shadow .25s ease}
.card--lift:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(3,28,67,.12)}
.card__title{margin:0 0 10px;color:var(--navy);font-weight:600}
.muted{color:var(--muted); }
.m0{margin:0}

/* CARD + LIFT */
.card-v2{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow);align-content: center;justify-items: center;}
.card--lift-v2{transition:transform .25s ease, box-shadow .25s ease}
.card--lift-v2:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(3,28,67,.12)}

.muted-2{color:var(--muted); text-align: center;}
@media (max-width: 767px) {.muted-2{
  font-size: 14px;
}
}


/* ICON CIRCLES */
.circle{width:35px;height:35px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px;margin:10px 0px;flex-shrink:0;}
.circle--grad{background:linear-gradient(135deg,var(--blue),var(--blue-dark));color:#fff}
.circle--blue{background:var(--blue);color:#fff}
.circle--white{background:#fff;color:var(--blue);box-shadow:0 4px 12px rgba(0,0,0,.06)}

/* MEDIA (icon + text) */
.media{display:flex;gap:14px;align-items:flex-start}
.media__title{margin:0 0 0px;color:#0b1b36;font-weight:600}
.media--white .media__title{color:#fff}

/* STACKS */
.stack{display:grid;gap:16px}
.stack--lg{display:grid;gap:18px;margin-top: 25px;}

/* SPLIT */
.split{display:grid;grid-template-columns:1.1fr .9fr;gap:32px;align-items:center}
.split--faq{align-items:start}
@media (max-width:980px){.split{grid-template-columns:1fr}}

/* FORM AREA */
.formWrap{background:linear-gradient(135deg,var(--blue),var(--blue-dark));color:#fff;border-radius:22px;padding:28px 26px;box-shadow:var(--shadow)}
.formWrap__title{text-align:center;font-weight:600;margin:0 0 18px;font-size:22px}
.form{display:grid;gap:0px}
label{display:block;font-size:18px;margin:6px 0 6px;color:#ffffff;font-weight: 500;font-family: 'Poppins',sans-serif;}
input,select,textarea{width:100%;padding:13px 14px;border-radius:12px;border:0;outline:0;background:#f9fbff;color:#111;font-family: 'Poppins',sans-serif;}
input::placeholder,textarea::placeholder{color:#111;font-family: 'Poppins',sans-serif;}
input:focus,select:focus,textarea:focus{box-shadow:0 0 0 3px rgba(255,221,87,.45)}
.error{display:block;color:#ff0000;font-size:14px;min-height:5px;margin-top:4px; font-family: 'Poppins',sans-serif;}
.note{font-size:12.5px;color:#dbeafe;margin-top:8px;display:flex;gap:8px;align-items:center}

.phoneGroup{position:relative}
.phoneGroup .cc{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#6b7280;font-size:14px}
.phoneGroup input{padding-left:48px}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 18px;border-radius:12px;border:0;cursor:pointer;font-weight:600;transition:.15s transform ease,.2s opacity ease;font-family: 'Poppins', sans-serif;}
.btn--primary{background:var(--red);color:#fff}
.btn--outline{background:transparent;border:2px solid #fff;color:#fff}
.btn:hover{transform:translateY(-1px)}
.btn--block{width:100%}
.btn:disabled{opacity:.7;cursor:not-allowed}

.alert{margin-bottom:10px;padding:12px 14px;border-radius:10px;border:1px solid transparent;display:flex;gap:10px;align-items:center}
.alert.success{background:#ecfdf5;color:#065f46;border-color:#34d399}
.alert.error{background:#fef2f2;color:#7f1d1d;border-color:#fecaca}

/* TEACHERS */
.teacher__header{height:140px;background:linear-gradient(135deg,var(--blue),var(--blue-dark));border-top-left-radius:14px;border-top-right-radius:14px;margin:-24px -24px 0 -24px;display:flex;align-items:center;justify-content:center}
.teacher__header--alt{background:linear-gradient(135deg,var(--blue-dark),var(--navy))}
.teacher__avatar{width:96px;height:96px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;font-size:38px;color:var(--navy);box-shadow:0 10px 24px rgba(0,0,0,.12)}
.teacher__body{margin-top:16px}
.teacher__role{color:var(--blue);font-weight:600;margin:4px 0 10px}
.teacher__meta{list-style:none;padding:0;margin:0;display:grid;gap:6px;color:var(--muted)}
.teacher__meta i{color:var(--blue);margin-right:8px}

/* PANELS (Exam Pattern) */
.panel{border-radius:22px;padding:24px}
.panel--grad{background:linear-gradient(135deg,var(--blue),var(--blue-dark));color:#fff}
.panel__title{text-align:center;font-weight:900;margin:0 0 16px}
.panel__muted{color:#e1effe;margin:2px 0}
.small{font-size:12.5px}

/* Bands */
.bands{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.band{background:#fff;border:1px solid var(--border);border-radius:12px;padding:12px;text-align:center}
.band__score{font-size:22px;font-weight:900}
.band__text{color:var(--muted);font-size:14px}
.green-700{color:#047857}
.green-600{color:#059669}
.blue-700{color:#1d4ed8}
.blue-600{color:#2563eb}

/* Checklist */
.checklist{list-style:none;padding:0;margin:0;display:grid;gap:8px;color:var(--muted)}
.checklist i{color:#10b981;margin-right:8px}

/* TESTIMONIALS */
.testimonial__head{display:flex;gap:12px;align-items:center;margin-bottom:8px}
.testimonial__name{margin:0 0 2px;font-weight:600;color:var(--navy)}
.stars i{color:#fbbf24;margin-right:2px}
.tag{margin-top:10px;color:var(--blue);font-weight:600;font-size:13px}

/* FAQ */
.faqCard__frame{background:linear-gradient(135deg,var(--blue),var(--blue-dark));color:#fff;border-radius:16px;height:220px;display:flex;align-items:center;justify-content:center;flex-direction:column;font-weight:600;gap:8px}
.faqCard__title{margin:0}
.faqCard__sub{opacity:.9;margin:0}
.faqList{display:grid;gap:10px}
.faqItem{border:1px solid var(--border);border-radius:12px;background:#fff;overflow:hidden}
.faqBtn{width:100%;background:#fff;border:0;text-align:left;padding:14px 16px;font-weight:600;color:var(--navy);display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-family: 'Poppins',sans-serif;font-size: 16px;}
.faqContent{display:none;padding:0 16px 14px 16px;color:var(--muted)}
.faqItem.open .faqContent{display:block}
.faqItem.open .chev{transform:rotate(180deg)}
.chev{transition:transform .25s ease}

/* CTA */
.cta{background:linear-gradient(135deg, #008ac8 0%, #003a70 100%);color:#fff;text-align:center;padding:42px 20px;margin: 0 60px 50px;border-radius: 25px;}
.cta__title{font-size:30px;font-weight:700;margin:0 0 12px}
.cta__sub{opacity:.95;max-width:760px;margin:0 auto 18px}
.cta__btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
/* Mobile only (up to 767px) */
@media (max-width: 767px) {
  
  .cta
  {
    margin: 0 15px 50px;
  }
  .cta__title {
    font-size: 24px;
    font-family: 'Poppins', sans-serif;
}
.cta__sub
{
  font-size: 16px;
  font-family: 'Poppins', sans-serif;
}

}
/* FOOTER */
.footer{background:#000000bf;color:#c7d2fe;padding:25px 20px}
.footer__grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.3fr;gap:24px;max-width:1200px;margin:0 auto}
@media (max-width:950px){.footer__grid{grid-template-columns:1fr 1fr}}
@media (max-width:620px){.footer__grid{grid-template-columns:1fr}}
.h3{color:#fff;font-weight:600;margin:0 0 10px}
.list{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.socials{display:flex;gap:12px;margin-top:10px}
.socials a{color:#c7d2fe}
.footer__copy{margin-top:0px;padding-top:0px;text-align:center;color:#ffffff;font-size:14px}


/* Default state - Chevron points down */
.faqBtn .chev {
  transition: transform 0.3s ease;
}

/* When open - Chevron rotates */
.faqItem.open .chev {
  transform: rotate(180deg); 
}



/* card becomes full-image with overlayed content */
.card.testimonial { padding: 0; border: 0; background: transparent; box-shadow: none; }
.t-media { position: relative; width: 100%; aspect-ratio: 16/9; border-radius: 16px; overflow: hidden; }
.t-img { width: 100%; height: 100%; object-fit: cover; display: block; transform: scale(1.001); }
.t-overlay {
  position: absolute; inset: 0;
  background: linear-gradient(180deg, rgba(0,0,0,0.08) 0%, rgba(0,0,0,0.45) 70%, rgba(0,0,0,0.65) 100%);
}
.t-caption {
  position: absolute; left: 16px; right: 16px; bottom: 14px;
  color: #fff; display: grid; gap: 6px;
  text-shadow: 0 2px 8px rgba(0,0,0,.35);
}
.t-name { margin: 0; font-size: 18px; font-weight: 700; line-height: 1.2; }
.t-quote { margin: 0; font-size: 14px; line-height: 1.45; opacity: .95; }
.tag { align-self: start; background: rgba(255,255,255,.14); border: 1px solid rgba(255,255,255,.18);
       color: #fff; padding: 6px 10px; border-radius: 999px; font-size: 12px; }
.stars { color: #ffd166; font-size: 14px; }

/* optional: gentle zoom on hover */
.t-media:hover .t-img { transform: scale(1.03); transition: transform .5s ease; }

/* Container */
.carousel {
  max-width: 1200px;
  margin: 24px auto;
  overflow: hidden;
  position: relative;
}

/* Track */
.carousel-track {
  display: flex;
  will-change: transform;
  transition: transform 600ms ease;
}

/* Slides */
.slide {
  flex: 0 0 100%;               /* 1 per view by default (mobile) */
  padding: 10px;
  box-sizing: border-box;
}

.slide img {
  display: block;
  width: 100%;
  height: auto;                /* adjust as needed */
  object-fit: cover;
  border-radius: 14px;
  box-shadow: 0 6px 18px rgba(0,0,0,0.12);
  background: #f5f7fb;
}

/* Desktop: 3 per view */
@media (min-width: 1024px) {
  .slide { flex-basis: calc(100% / 3); }
}


.nav__drawer { display: none; }
.nav__drawer.open { display: block; }
.title-faq {
    font-size: 30px;
    line-height: 1.2;
    margin: 0 0 12px;
    color: var(--navy);
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
}
.faqs-banner
{
  width: 93%;
  height: 80%;
  border-radius: 25px;
}
@media (max-width: 767px)
{
  .faqs-banner
  {
    display: none;
  }
  
  .title-faq
  {
    font-size: 24px;
    text-align: center;
  }
}
.section-2,.section-3
{
  padding:72px 20px;
  
}
.uni-box {
    display: none;
}


/* TABS */
.tabs {
    display: flex;
    border-bottom: 1px solid var(--gray-200);
    margin-bottom: 24px;
}
.tab-btn {
    flex: 1;
    padding: 16px;
    text-align: center;
    font-size: 1.1rem;
    font-weight: 500;
    background: none;
    border: none;
    cursor: pointer;
    transition: .3s;
    color: var(--gray-600);
}
.tab-btn.active {
    color: var(--uk-blue);
    font-weight: 600;
    position: relative;
}
.tab-btn.active::after {
    content: "";
    position: absolute;
    bottom: -2px; left: 0; width: 100%; height: 3px;
    background: linear-gradient(to right, var(--uk-blue), var(--de-red));
}
.tab-content {
    display: none;
    animation: fadeIn .5s ease;
}
.tab-content.active {
    display: block;
}
@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* DESTINATIONS */
.uk-section,
.germany-section {
    padding: 40px;
    border-radius: 16px;
}
.uk-section {
    background: linear-gradient(to right, rgba(1,33,105,.03), rgba(1,33,105,.07));
}
.germany-section {
    background: linear-gradient(to right, rgba(1,33,105,.03), rgba(1,33,105,.07));
}
.uae-section
{
        background: linear-gradient(to right, rgba(1,33,105,.03), rgba(1,33,105,.07));
}
.dest-title {
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 16px;
}
.uk-text { color: var(--uk-blue); }
.de-text { color: var(--de-red); }
.dest-desc {
    margin-bottom: 24px;
    font-size: 1.05rem;
    color: var(--gray-700);
}
/* Corrected selector */
.germany-section .benefit {
   background: rgba(1,33,105,.05)
}
.benefit {
    display: flex;
    gap: 16px;
    background: rgba(1,33,105,.05);
    padding: 16px;
    border-radius: 12px;
    margin-bottom: 12px;
}
.benefit__icon {
    min-width: 28px; height: 28px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.uk-bg { background: var(--uk-blue); color: #fff; }
.de-bg { background: var(--uk-blue); color: #fff; }
.gray-bg { background: var(--gray-800); color: #fff; }

/* UNIVERSITIES SMALL LIST */
.uni-box {
    background: #fff;
    border: 1px solid var(--gray-100);
    border-radius: 16px;
    box-shadow: 0 4px 18px rgba(0,0,0,.05);
    display: block;
}
.uni-box__title {
    font-size: 1.2rem;
    font-weight: 700;
    margin-bottom: 24px;
}
.uni-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(151px,1fr));
    gap: 16px;
}
.uni-card {
    background: var(--gray-50);
    border-radius: 12px;
    padding: 16px;
    text-align: center;
    transition: .3s;
    position: relative;
    overflow: hidden;
}
.uni-card:hover {
    transform: translateY(-5px);
}
.uni-card__logo {
    width: 56px; height: 56px;
    border-radius: 50%;
    margin: 0 auto 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    color: #fff;
}
.uni-card.uk .uni-card__logo { background: var(--uk-blue); }
.uni-card.de .uni-card__logo { background: var(--uk-blue); }
.uni-card__name {
    font-weight: 600;
    font-size: .95rem;
}
.uni-card__city {
    font-size: .75rem;
    color: var(--gray-500);
}
.border-blue { border-top: 5px solid var(--uk-blue); }
.border-red { border-top: 5px solid var(--uk-blue); }
.link-blue {
    color: var(--uk-blue);
    font-weight: 600;
}
.link-red {
    color: var(--uk-blue);
    font-weight: 600;
}

/* BIG UNIVERSITY CARDS */
.big-uni-card {
    background: #fff;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 4px 18px rgba(0,0,0,.05);
    transition: .3s;
    display: flex;
    flex-direction: column;
}
.big-uni-card:hover {
    transform: translateY(-6px);
}
.big-uni-card__img {
    height: 160px;
    position: relative;
}
.uk-grad {
    background: linear-gradient(to right, var(--uk-blue), #1e3a8a);
}
.de-grad {
    background: linear-gradient(to right, var(--de-red), #b91c1c);
}
.big-uni-card__overlay {
    position: absolute;
    bottom: 0; left: 0; width: 100%;
    padding: 16px;
    background: linear-gradient(to top, rgba(0,0,0,.65), transparent);
    display: flex;
    align-items: center;
    gap: 12px;
}
.big-uni-card__logo {
    width: 48px; height: 48px;
    border-radius: 50%;
    background: #fff;
    color: var(--uk-blue);
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
}
.de .big-uni-card__logo {
    color: var(--de-red);
}
.big-uni-card__info h3 {
    color: #fff;
    font-size: 1.1rem;
    font-weight: 700;
}
.big-uni-card__country {
    color: #e5e5e5;
    font-size: .8rem;
}
.big-uni-card__body {
    padding: 24px;
}
.tag-list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 16px 0;
}
.tag {
    font-size: .7rem;
    padding: 6px 12px;
    border-radius: 999px;
    font-weight: 600;
}
.tag.blue {
    background: #e5edff;
    color: var(--uk-blue);
}
.tag.red {
    background: #ffe5e5;
    color: var(--de-red);
}
.big-uni-card__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 16px;
}
.rank {
    font-size: .85rem;
    color: var(--gray-600);
}
.container {
    max-width: 1200px;
    margin: 0 auto;
}
.section-head {
    margin-bottom: 48px;
    text-align: center;
}
.badge-blue {
    background: #e5edff;
    color: #008ac8;
}
.badge {
    display: inline-block;
    padding: 4px 16px;
    border-radius: 999px;
    font-size: .75rem;
    font-weight: 600;
}
.section-title-9 {
    font-family: 'Poppins', sans-serif;
    font-size: 30px;
    font-weight: 600;
    margin: 16px 0;
    color: #003a70;
}
.section-desc {
    max-width: 700px;
    margin: 0 auto;
    color: var(--gray-600);
}
.gap-2 {
    gap: 32px;
}
.grid-4 {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
}
:root {
    --uk-blue: #008ac8;
    --de-red: #003a70;
    --de-gold: #FFCC00;
    --gray-50: #f9fafb;
    --gray-100: #f3f4f6;
    --gray-200: #e5e7eb;
    --gray-300: #d1d5db;
    --gray-500: #6b7280;
    --gray-600: #4b5563;
    --gray-700: #374151;
    --gray-800: #1f2937;
    --white: #ffffff;
    --black: #000000;
    --radius: 12px;
    --font-main: 'Poppins', sans-serif;
    --font-head: 'Montserrat', sans-serif;
    --max: 1200px;
    scroll-behavior: smooth;
}
.uni-box {
    padding: 30px;
}
.benefit {
    display: flex;
    gap: 16px;
    background: rgba(1, 33, 105, .05);
    padding: 16px;
    border-radius: 12px;
    margin-bottom: 12px;
}
* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}


@media (max-width: 767px)
{
.uni-box {
    display: none;
}

}
h2.testimonial-h2 {
    font-size: 30px;
    font-family: 'Poppins';
    text-align: center;
    margin-bottom: 25px;
    font-weight: 600;
    color: #003a70;
}