:root {
  --u2g-blue: #0575d1;
  --u2g-blue-dark: #123f86;
  --u2g-navy: #021c73;
  --u2g-green: #18a85b;
  --u2g-green-dark: #0d914b;
  --u2g-ink: #173567;
  --u2g-text: #334b68;
  --u2g-muted: #718097;
  --u2g-bg: #f7fbff;
  --u2g-bg-blue: #eef7ff;
  --u2g-border: #dbe7f2;
  --u2g-white: #fff;
  --u2g-shadow: 0 10px 28px rgba(21, 67, 113, .09);
  --u2g-shadow-lg: 0 22px 55px rgba(17, 62, 109, .15);
  --u2g-radius: 8px;
  --u2g-radius-lg: 12px;
  --container-xxl: 1320px;
  --u2g-ease: cubic-bezier(.2, .72, .2, 1);
  --u2g-transition: .3s var(--u2g-ease);
  --u2g-font: "Poppins", sans-serif;
  --home-navy:#08256b;
  --home-blue:#0878d9;
  --home-blue-2:#1267d7;
  --home-green:#2eaa68;
  --home-green-dark:#23965a;
  --home-ink:#111d33;
  --home-text:#253958;
  --home-muted:#69758a;
  --home-line:#dfe8f2;
  --home-soft:#f5f9fd;
  --home-soft-blue:#edf6ff;
  --home-shadow:0 10px 28px rgba(22,58,102,.08);
  --home-radius:6px;
}

* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
  scroll-padding-top: 82px;
  font-size: 16px;
}

body {
  margin: 0;
  font-family: var(--u2g-font);
  font-size: 1rem;
  line-height: 1.6;
  font-weight: 400;
  color: var(--u2g-text);
  background: #fff;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

body,
button,
input,
textarea,
select {
  font-family: var(--u2g-font);
}

img,
svg {
  display: block;
  max-width: 100%;
}

a {
  text-decoration: none;
  color: inherit;
}

button,
input,
textarea,
select {
  font: inherit;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol {
  margin-top: 0;
}

h1 {
  font-size: clamp(2.2rem, 4vw, 4rem);
  line-height: 1.08;
  letter-spacing: -0.06em;
  margin-bottom: 0.75rem;
}

h2 {
  font-size: clamp(1.5rem, 2.4vw, 2.6rem);
  line-height: 1.2;
  letter-spacing: -0.04em;
  margin-bottom: 0.75rem;
}

h3 {
  font-size: 1.2rem;
  line-height: 1.35;
  margin-bottom: 0.5rem;
}

p {
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 1.7;
}

.container-xxl {
  width: 100%;
  max-width: var(--container-xxl);
  margin-inline: auto;
  padding-inline: 20px;
}

.skip-link {
  position: fixed;
  left: 15px;
  top: -100px;
  z-index: 9999;
  padding: 10px 15px;
  border-radius: 7px;
  background: var(--u2g-navy);
  color: #fff;
}

.skip-link:focus {
  top: 15px;
}

/* Shared section system */
.section-shell {
  padding: 64px 0;
}

.section-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 22px;
}

.section-header h2 {
  margin: 0;
  color: var(--u2g-navy);
  font-size: clamp(1.6rem, 2vw, 2.35rem);
  line-height: 1.2;
  letter-spacing: -0.04em;
}

.section-header a {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--u2g-blue);
  font-size: 0.8rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  white-space: nowrap;
}

.section-header a i {
  font-size: 1.1rem;
  transition: transform 0.25s ease;
}

.section-header a:hover i {
  transform: translateX(3px);
}

.card-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 16px;
  align-items: stretch;
}

.card {
  background: var(--u2g-white);
  border: 1px solid var(--u2g-border);
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 8px 22px rgba(10, 39, 74, 0.04);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.card:hover {
  transform: translateY(-4px);
  box-shadow: var(--u2g-shadow);
}

@media (max-width: 1024px) {
  .section-shell {
    padding: 52px 0;
  }

  .card-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .section-header {
    flex-direction: column;
    align-items: flex-start;
  }
}

@media (max-width: 640px) {
  .section-shell {
    padding: 42px 0;
  }

  .card-grid {
    grid-template-columns: 1fr;
  }

  .container-xxl {
    padding-inline: 16px;
  }
}

/* Common page utilities for all HTML pages */
.page-shell {
  padding: 32px 0 64px;
}

.page-hero {
  background: linear-gradient(180deg, #f3f9ff 0%, #ffffff 100%);
  border-bottom: 1px solid var(--u2g-border);
  padding: 52px 0 44px;
}

.page-hero-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}

.page-hero-copy {
  max-width: 720px;
}

.page-kicker {
  display: inline-block;
  margin-bottom: 10px;
  color: var(--u2g-blue);
  font-size: 0.74rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.page-title {
  margin: 0;
  color: var(--u2g-navy);
  font-size: clamp(2rem, 3vw, 3rem);
  line-height: 1.12;
  letter-spacing: -0.05em;
}

.page-subtitle {
  margin-top: 12px;
  color: var(--u2g-text);
  font-size: 1.02rem;
  line-height: 1.7;
  max-width: 640px;
}

.page-panel {
  background: var(--u2g-white);
  border: 1px solid var(--u2g-border);
  border-radius: 12px;
  box-shadow: 0 8px 22px rgba(14, 41, 70, 0.04);
}

.common-btn,
.u2g-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  height: 42px;
  padding: 0 18px;
  border-radius: 8px;
  border: 1px solid transparent;
  font-size: 0.82rem;
  font-weight: 600;
  letter-spacing: 0.03em;
  transition: transform 0.25s ease, box-shadow 0.25s ease, background 0.25s ease;
  cursor: pointer;
}

.common-btn:hover,
.u2g-btn:hover {
  transform: translateY(-2px);
}

.u2g-btn-primary,
.common-btn.primary {
  background: linear-gradient(135deg, var(--u2g-blue), var(--u2g-blue-dark));
  color: #fff;
  box-shadow: 0 10px 18px rgba(5, 117, 209, 0.18);
}

.u2g-btn-secondary,
.common-btn.secondary {
  border-color: rgba(5, 117, 209, 0.28);
  background: #fff;
  color: var(--u2g-blue);
}

.u2g-form-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.u2g-field {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.u2g-field label {
  color: var(--u2g-navy);
  font-size: 0.8rem;
  font-weight: 600;
}

.u2g-field input,
.u2g-field textarea,
.u2g-field select {
  width: 100%;
  min-height: 46px;
  padding: 0 14px;
  border: 1px solid var(--u2g-border);
  border-radius: 10px;
  background: #fff;
  color: var(--u2g-text);
  font-size: 0.95rem;
  transition: border-color 0.25s ease, box-shadow 0.25s ease;
}

.u2g-field textarea {
  min-height: 120px;
  resize: vertical;
  padding-top: 12px;
}

.u2g-field input:focus,
.u2g-field textarea:focus,
.u2g-field select:focus {
  outline: none;
  border-color: rgba(5, 117, 209, 0.45);
  box-shadow: 0 0 0 4px rgba(5, 117, 209, 0.08);
}

.u2g-meta {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

.u2g-muted {
  color: var(--u2g-muted);
}

.u2g-flex {
  display: flex;
  align-items: center;
  gap: 12px;
}

.u2g-stack {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.coming-soon-shell {
  padding: 26px 0 52px;
}

.coming-soon-hero {
  background: linear-gradient(135deg, rgba(9, 120, 216, 0.12), rgba(13, 47, 91, 0.04));
  border: 1px solid var(--u2g-border);
  border-radius: 20px;
  padding: 32px 28px;
  box-shadow: 0 12px 30px rgba(9, 43, 104, 0.05);
}

.coming-soon-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 14px;
  border-radius: 999px;
  background: rgba(9, 114, 216, 0.09);
  color: var(--u2g-blue);
  font-size: 0.74rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 15px;
}

.coming-soon-hero h1 {
  margin: 0 0 7px;
  color: #111d35;
  font-size: 30px;
  line-height: 1.2;
  font-weight: 600;
  letter-spacing: -.4px;
}

.coming-soon-hero p {
  max-width: 790px;
  margin: 0;
  color: var(--u2g-text);
  font-size: 14px;
  line-height: 1.55;
}

.coming-soon-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  margin-top: 28px;
}

.coming-soon-card {
  background: #fff;
  border: 1px solid var(--u2g-border);
  border-radius: 18px;
  padding: 22px 20px;
  box-shadow: 0 10px 20px rgba(9, 43, 104, 0.04);
}

.coming-soon-icon {
  display: grid;
  place-items: center;
  width: 52px;
  height: 52px;
  border-radius: 14px;
  background: linear-gradient(135deg, #eaf4ff, #dff4eb);
  color: var(--u2g-blue);
  font-size: 1.4rem;
  margin-bottom: 16px;
}

.coming-soon-card h3 {
  margin: 0 0 8px;
  color: var(--u2g-navy);
  font-size: 1.22rem;
  font-weight: 600;
}

.coming-soon-card p {
  margin: 0;
  color: var(--u2g-text);
  line-height: 1.7;
  font-size: 14px;
}

.coming-soon-cta {
  margin-top: 28px;
  background: linear-gradient(135deg, #0e3d8d, #0a72d8);
  border-radius: 20px;
  padding: 24px 22px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  color: #fff;
}

.coming-soon-cta h3 {
  margin: 0 0 4px;
  font-size: 1.3rem;
}

.coming-soon-cta p {
  margin: 0;
  color: rgba(255, 255, 255, 0.84);
}

.coming-soon-cta a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 170px;
  height: 46px;
  padding: 0 18px;
  border-radius: 12px;
  background: #fff;
  color: var(--u2g-blue);
  font-weight: 700;
}

.partners .logo-strip .uni-logo {
  background: transparent !important;
  width: auto;
  height: auto;
}
.test-brands {
  display: flex;
  gap: 20px;
  margin: 15px 0 7px;
  border-top: 1px solid #e1e9f1;
  padding-top: 15px;
}
.test-brands > div:last-child {
  border-left: 1px solid #e1e9f1;
  padding-left: 20px;
}
.test-brands span img {
  height: 28px;
}

.test-brands small {
  display: block;
  margin-top: 4px;
  color: #607289;
  font-size: 7px;
  line-height: 1.25
}
.home .destination-info {
  display: block;
  position: relative;
}
.home .destination-info {
  padding-top: 30px;
}
.home .destination-info > span {
  background: url(../images/locator_design.png) no-repeat;
  max-width: 75px;
  position: absolute;
  top: -40px;
  background-position: bottom;
  background-size: contain;
  padding: 7px;
  display: flex;
  align-items: baseline;
  justify-content: center;
  width: 100%;
  height: 70px;
  left: 0;
  transform: none;
  bottom: 0;
}
.home .destination-info h3 {
  font-size: 18px;
  line-height: 1.35;
  margin-bottom: 5px;
  font-weight: 500;
}
.home .destination-info > span > img {
  width: calc(100% - 25px);
  position: relative;
  top: -0px;
  height: auto;
}
.home .destination-card::after {
  display: none;
}
.home .destination-img {
  height: 130px;
  background: #87bcf1;
}

@media (max-width: 992px) {
  .page-hero-inner {
    flex-direction: column;
    align-items: flex-start;
  }

  .u2g-form-grid {
    grid-template-columns: 1fr;
  }

  .coming-soon-grid {
    grid-template-columns: 1fr;
  }

  .coming-soon-cta {
    flex-direction: column;
    align-items: flex-start;
  }
}

@media (max-width: 640px) {
  .page-shell {
    padding: 24px 0 48px;
  }

  .page-hero {
    padding: 36px 0 30px;
  }

  .u2g-flex {
    flex-direction: column;
    align-items: flex-start;
  }
}

/* HEADER */
.site-header {
  position: sticky;
  top: 0;
  z-index: 1030;
  background: #fff;
  border-bottom: 1px solid #e9eef4;
  transition: box-shadow .25s ease, background .25s ease;
}

.site-header.scrolled {
  box-shadow: 0 4px 16px rgba(12, 27, 44, .08);
}

.header-row {
  min-height: 74px;
  display: flex;
  align-items: center;
  gap: 18px;
}

.brand-wrap {
  display: flex;
  align-items: center;
  gap: 12px;
  flex: 0 0 auto;
  min-width: 220px;
}

.logo-link {
  display: inline-flex;
  align-items: center;
  line-height: 0;
}

.logo-link img {
  width: 170px;
  height: auto;
  object-fit: contain;
}

.atlas-logo {
  width: 94px;
  height: auto;
  object-fit: contain;
}

.desktop-nav {
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 2px;
  flex: 1;
  min-width: 0;
}

.nav-link {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 9px 10px !important;
  border-radius: 6px;
  color: #0d1d3c;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 1.2;
  white-space: nowrap;
  transition: var(--u2g-transition);
}

.nav-link i {
  font-size: 12px;
  transition: transform .25s ease;
}

.nav-link:hover {
  color: var(--u2g-blue);
  background: #f5f9ff;
}

.nav-link:hover i {
  transform: translateY(1px);
}

.header-actions {
  display: flex;
  align-items: center;
  gap: 9px;
  flex: 0 0 auto;
}

.header-search {
  width: 36px;
  height: 36px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  color: var(--u2g-navy);
  font-size: 16px;
  cursor: pointer;
  transition: var(--u2g-transition);
  border: none;
  background: transparent;
}

.header-search:hover {
  color: var(--u2g-blue);
  background: #eef6ff;
}

.login-btn,
.create-btn {
  height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 7px;
  padding: 0 15px;
  font-size: 14px;
  font-weight: 600;
  white-space: nowrap;
  transition: var(--u2g-transition);
}

.login-btn {
  border: 1px solid #dfeaf5;
  color: var(--u2g-blue);
  background: #fff;
}

.login-btn:hover {
  background: #f2f8ff;
}

.create-btn {
  color: #fff;
  background: #0f8b4d;
  box-shadow: none;
}

.create-btn:hover {
  color: #fff;
  background: #0d7b42;
  transform: translateY(-1px);
}

.mobile-menu-btn {
  display: none;
  width: 40px;
  height: 40px;
  place-items: center;
  border-radius: 8px;
  color: var(--u2g-navy);
  font-size: 24px;
  cursor: pointer;
}

.mobile-menu-btn:hover {
  background: #eef6ff;
}

/* HERO */
/* Hero */
.home-hero{
  position:relative;
  overflow:hidden;
  /* height:calc(100vh - 90px); */  
  height:100%;
  background:#f8fcff; 
  max-height: 780px;
}
.text-white
{
  color: white;
}
.home-hero .carousel, .home-hero .carousel .carousel-inner, .home-hero .carousel .carousel-inner .carousel-item {
  /* height: 100%;min-height: 600px;display: flex;align-items: center; */
}
.home-hero-bg > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  max-width: 1920px;
  margin-inline: auto;
}
.home-hero-bg {
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, #f9fcff 0%, #f7fbff 38%, #e8f5ff 69%, #e8f5ff 100%)
}
.home-hero-bg:after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  /* background: url(../images/banner.jpg);
  background-position:  left;
  background-size: 100%;
  background-repeat: no-repeat; */
  /* background: radial-gradient(circle at 56% 45%, rgba(119, 196, 255, .42), transparent 43%), linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, .02) 45%, rgba(179, 224, 255, .45) 100%) */
}
.carousel-control-next-icon, .carousel-control-prev-icon{display:none;}
.home-hero-glow{position:absolute;border-radius:50%;filter:blur(18px);pointer-events:none}
.home-hero-glow-one{width:390px;height:390px;right:16%;top:90px;background:rgba(83,175,247,.16)}
.home-hero-glow-two{width:270px;height:270px;left:17%;bottom:-150px;background:rgba(64,205,135,.06)}
.home-hero .container-xxl{height:100%;position:relative;z-index:2}
.home-hero-grid{height:100%;display:grid;grid-template-columns:48.5% 51.5%;align-items:center;}
.home-hero-copy{padding:50px 0;position:relative;z-index:5}
.home-eyebrow{font-size:14px;line-height:1.2;letter-spacing:2px;color:#173b69;font-weight:500;margin-bottom:14px;display:flex;align-items:center;gap:8px}
.home-eyebrow span{width:17px;height:2px;background:var(--home-green);display:inline-block}
.home-hero-title{margin:0;color:var(--home-navy);font-size:48px;line-height:1.07;letter-spacing:-1.9px;font-weight:600}
.home-hero-title br {
  display: none;
}
.home-hero-title span{color:var(--home-blue);display:block;}
.home-hero-description{max-width:650px;margin:13px 0 17px;color:#294568;font-size:14px;line-height:1.55;font-weight:400}
.home-search{width:510px;height:45px;background:#fff;border:1px solid #d9e4ef;border-radius:5px;display:flex;align-items:center;box-shadow:0 4px 13px rgba(22,64,105,.06);overflow:hidden;padding: 3px;}
.home-search>i{margin-left:12px;color:#0878d9;font-size:16px}
.home-search input{border:0;outline:0;flex:1;height:100%;padding:0 10px;font-size:14px;color:#304665;min-width:0}
.home-search input::placeholder{color:#8b98aa}
.home-search button{height:100%;width:105px;border:0;background:#0878d9;color:#fff;font-size:14px;font-weight:600;border-radius: 3px;}
.home-hero-buttons{display:flex;gap:12px;margin-top:16px}
.home-btn{height:39px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:0 19px;border-radius:4px;font-size:14px;font-weight:500;letter-spacing:1px}
.home-btn-green{background:var(--home-green);color:#fff}
.home-btn-green:hover{background:var(--home-green-dark);color:#fff}
.home-btn-outline{border:1px solid #0878d9;color:#0878d9;background:#fff}
.home-btn-outline:hover{background:#eef7ff;color:#0878d9}
.ai-human-card{width:510px;height:80px;margin-top:22px;border:1px solid #dbe7f0;border-radius:8px;background:rgba(255,255,255,.97);display:flex;align-items:center;padding:9px 14px;box-shadow:0 8px 24px rgba(25,71,112,.09)}
.ai-human-item{display:flex;align-items:center;gap:10px;flex:1}
.ai-human-icon{width:55px;height:55px;border-radius:50%;border:1px solid #d4e8fb;background:#f2f9ff;color:#2aac6b;display:grid;place-items:center;font-size:30px}
.ai-human-icon.human{color:#1780d8}
.ai-human-item strong{display:block;font-size:14px;color:#0a2c69;font-weight:600;margin-bottom:1px}
.ai-human-item small{display:block;font-size:12px;line-height:1.25;color:#536174}
.ai-human-plus{font-size:23px;color:#13a66a;margin:0 7px;position: relative;left: -10px;}
.home-hero-visual{position:relative;height:100%;overflow:visible}
.world-collage{position:absolute;inset:0 0 0 -50px;overflow:hidden}
.world-water{position:absolute;right:-8%;top:0;width:95%;height:100%;background:linear-gradient(180deg,#d6efff 0%,#dcefff 58%,#d5edfa 100%);clip-path:polygon(0 0,100% 0,100% 100%,30% 100%,13% 70%,0 58%);opacity:.82}
.city{position:absolute;border-radius:50%;overflow:hidden;mix-blend-mode:multiply;filter:saturate(.9) contrast(1.02)}
.city img{width:100%;height:100%;object-fit:cover}
.city-a{width:250px;height:160px;left:20px;top:116px;clip-path:ellipse(50% 50% at 50% 50%)}
.city-b{width:285px;height:205px;left:230px;top:30px;clip-path:ellipse(50% 50% at 50% 50%)}
.city-c{width:290px;height:180px;right:-15px;top:116px;clip-path:ellipse(50% 50% at 50% 50%)}
.city-d{width:250px;height:150px;right:110px;top:8px;clip-path:ellipse(50% 50% at 50% 50%)}
.route-line{position:absolute;border-top:2px dashed #2589df;border-radius:50%;width:270px;height:140px;transform:rotate(-8deg);right:72px;top:25px;opacity:.95}
.route-line-two{border:0;width:220px;height:105px;border-top:2px dashed #2589df;right:4px;top:68px;transform:rotate(15deg)}
.route-line-two i{position:absolute;right:-2px;top:-15px;color:#0878d9;font-size:20px;transform:rotate(18deg)}
.hero-student{position:absolute;z-index:4;right:-10px;bottom:-12px;width:495px;height:545px;display:flex;justify-content:center;align-items:flex-end}
.hero-student:before{content:"";position:absolute;width:450px;height:450px;border-radius:50%;background:rgba(255,255,255,.35);filter:blur(8px);bottom:35px}
.hero-student img{position:relative;z-index:2;width:100%;height:100%;object-fit:cover;object-position:52% 22%;border-radius:48% 48% 0 0;mix-blend-mode:multiply;filter:saturate(.92);mask-image:linear-gradient(to bottom,#000 0 88%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 0 88%,transparent 100%)}
.floating-card{position:absolute;z-index:6;background:rgba(255,255,255,.96);border:1px solid #d9e5f0;box-shadow:0 9px 24px rgba(26,70,112,.11);border-radius:7px}
.hero-rating{right:4px;top:40px;width:150px;padding:11px 13px}
.hero-rating>div{display:flex;align-items:center;gap:8px}.hero-rating strong{font-size:14px;color:#0a2c69}.hero-rating span{font-size: 13px;color:#f5b521;letter-spacing:1px}.hero-rating small{display:block;color:#8190a4;font-size: 14px;margin-top:2px}

/* Benefits */
.home-benefits-wrap{padding:60px 0 0px;background:#fff}
.home-benefits{border:1px solid #e4ebf2;border-radius:6px;box-shadow:0 4px 13px rgba(20,54,92,.05);display:grid;grid-template-columns:repeat(6,1fr) 330px;position:relative;background:#fff}
.home-benefit{display:flex;flex-direction:column;align-items:center;justify-content:center;border-right:1px solid #edf1f5;position:relative;z-index:2;background:rgba(255,255,255,.93)}
.home-benefit span{width:55px;height:55px;border:1px solid #1c8ae0;border-radius:50%;display:grid;place-items:center;color:#0878d9;font-size:23px;margin-bottom:6px}
.home-benefit span img {width: 100%;height: 100%;object-fit: contain;padding: 10px;}
.home-benefit strong{font-size:16px;line-height:1.1;color:#0861aa;font-weight:600}.home-benefit small{font-size:13px; text-align:center; color:#223d5c;font-weight:500;letter-spacing:.3px}
.benefit-landmark{display:flex;align-items:center;justify-content:center;}.benefit-landmark img{width:100%;position: relative;top: -20px;margin-bottom: -20px;padding-left: 15px;}


/* COMMON SECTIONS */
.section-pad {
  padding: 30px 0
}

.section-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 13px
}

.section-heading h2,
.center-title {
  margin: 0;
  color: var(--u2g-navy);
  font-size: 20px;
  line-height: 1.2;
  letter-spacing: -.35px;
  font-weight: 700
}

.section-heading a {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  color: var(--u2g-blue);
  font-size: 13px;
  /* font-weight: 600; */
  white-space: nowrap;
  letter-spacing: .5px;
  text-transform: uppercase;
}

.section-heading a i {
  transition: transform .25s ease;
  font-size: 18px;
}

.section-heading a:hover i {
  transform: translateX(4px)
}

.center-title {
  text-align: left;
  margin-bottom: 13px
}

/* DESTINATIONS */
.destination-slider {
  padding: 0 1px 24px;
}

.destination-card {
  height: auto;
  overflow: hidden;
  border: 1px solid #dce8f2;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 8px 22px rgba(20, 60, 100, 0.04);
  transition: transform 0.35s var(--u2g-ease), box-shadow 0.35s var(--u2g-ease);
}

.destination-card:hover {
  transform: translateY(-4px);
  box-shadow: var(--u2g-shadow);
}

.destination-img {
  height: 140px;
  overflow: hidden;
}

.destination-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.6s var(--u2g-ease);
}

.destination-card:hover .destination-img img {
  transform: scale(1.06);
}

.destination-info {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  min-height: 82px;
  padding: 12px 12px 14px;
}

.destination-info > span {
  display: inline-flex;
  width: 28px;
  height: 28px;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  overflow: hidden;
  background: #eef7ff;
}

.destination-info > span img {
  width: 22px;
  height: 22px;
  object-fit: cover;
  border-radius: 50%;
}

.destination-info h3 {
  margin: 0 0 3px;
  color: var(--u2g-navy);
  font-size: 1.05rem;
  font-weight: 600;
  line-height: 1.25;
}

.destination-info p {
  margin: 0;
  color: #687a8f;
  font-size: 0.76rem;
  line-height: 1.45;
}

.destination-pagination .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  background: #b9cadb;
  opacity: 1;
}

.destination-pagination .swiper-pagination-bullet-active {
  width: 18px;
  border-radius: 999px;
  background: var(--u2g-blue);
}

/* WHY */
.why {
  padding-top: 4px;
}

.why-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 12px;
}

.why-item {
  min-height: 94px;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 16px;
  border: 1px solid #e1e9f1;
  border-radius: 10px;
  background: #fff;
}

.why-icon {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  flex: 0 0 42px;
  border-radius: 50%;
  background: #e3f8ec;
  color: var(--u2g-green);
  font-size: 1.2rem;
}

.why-item b,
.why-item small {
  display: block;
}

.why-item b {
  color: var(--u2g-navy);
  font-size: 0.9rem;
  font-weight: 600;
  line-height: 1.25;
}

.why-item small {
  margin-top: 3px;
  color: #728197;
  font-size: 0.72rem;
  line-height: 1.35;
}

/* PARTNERS */
.partners {
  padding-top: 26px;
}

.logo-strip {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  overflow: hidden;
}

.university-logo {
  flex: 0 0 auto;
  text-align: center;
  white-space: nowrap;
  color: #29528a;
  font-family: Georgia, serif;
  font-size: 10px;
  line-height: 1.05;
}

/* PROMOS */
.promos {
  padding-top: 20px;
  padding-bottom: 20px;
}

.promo-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
}

.promo-card {
  position: relative;
  min-height: 300px;
  overflow: hidden;
  border: 1px solid #dbe8f3;
  border-radius: 12px;
  background: #eef8ff;
}

.promo-card:before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(90deg, rgba(239, 248, 255, 0.98) 0%, rgba(239, 248, 255, 0.94) 44%, rgba(239, 248, 255, 0.2) 76%, rgba(239, 248, 255, 0) 100%);
}

.promo-copy {
  position: relative;
  z-index: 4;
  width: 70%;
  padding: 22px 18px 0;
}

.promo-copy h2 {
  margin: 0 0 10px;
  color: var(--u2g-blue);
  font-size: clamp(1.4rem, 2vw, 2rem);
  font-weight: 700;
  line-height: 1.15;
  letter-spacing: -0.04em;
}

.promo-copy p {
  margin: 0 0 10px;
  color: #536a83;
  font-size: 0.8rem;
  line-height: 1.5;
}

.promo-copy ul {
  margin: 0 0 14px;
  padding: 0;
  list-style: none;
}

.promo-copy li {
  position: relative;
  padding-left: 17px;
  color: #5e7086;
  font-size: 0.75rem;
  line-height: 1.7;
}

.promo-copy li:before {
  content: "✓";
  position: absolute;
  left: 0;
  top: 0;
  color: #1a9e5a;
  font-weight: 700;
}

.promo-btn {
  height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 0 18px;
  border-radius: 8px;
  color: #fff;
  font-size: 0.76rem;
  font-weight: 600;
  transition: transform 0.25s ease, opacity 0.25s ease;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.promo-btn:hover {
  transform: translateY(-2px);
}

.promo-btn.green {
  background: #17a75d;
}

.promo-woman,
.promo-man {
  position: absolute;
  inset: 0 0 0 auto;
  width: 100%;
  height: 100%;
  z-index: 2;
}

.promo-woman:after,
.promo-man:after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(239, 248, 255, 0.95) 0%, rgba(239, 248, 255, 0.12) 46%, rgba(239, 248, 255, 0) 68%);
}

.promo-woman img,
.promo-man img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

@media (max-width: 992px) {
  .promo-grid {
    grid-template-columns: 1fr;
  }

  .promo-copy {
    width: 100%;
    padding: 24px 20px 0;
  }

  .promo-woman img,
  .promo-man img {
    display: none;
  }
}

@media (max-width: 640px) {
  .promo-card {
    min-height: 250px;
  }

  .promo-copy {
    padding: 20px 16px 0;
  }

  .promo-copy h2 {
    font-size: 1.55rem;
  }
}

/* NEWSLETTER */
.newsletter {
  border: 1px solid #dfeaf4;
  background: #f2f8fd;
  padding-inline: 20px;
  border-radius: 5px;
}
.section-pad.newsletter-section {
  border-top: 1px solid #dfeaf4;
}
.newsletter-inner {
  min-height: 82px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px
}

.newsletter-title {
  display: flex;
  align-items: center;
  gap: 14px
}

.newsletter-title>span {
  width: 40px;
  height: 40px;
  display: grid;
  place-items: center;
  flex: 0 0 40px;
  border-radius: 50%;
  background: #e7f3ff;
  color: var(--u2g-blue);
  font-size: 18px;
  transform: rotate(-12deg)
}

.newsletter-title p {
  margin: 0;
  color: #5b6d82;
  font-size: 11px;
  line-height: 1.45
}

.newsletter-form {
  width: min(100%, 570px);
  height: 40px;
  display: flex;
  overflow: hidden;
  border: 1px solid #d7e3ed;
  border-radius: 6px;
  background: #fff
}

.newsletter-form input {
  min-width: 0;
  flex: 1;
  border: 0;
  outline: 0;
  padding: 0 13px;
  color: var(--u2g-text);
  font-size: 10px
}

.newsletter-form button {
  width: 110px;
  border: 0;
  background: var(--u2g-blue);
  color: #fff;
  font-size: 10px;
  font-weight: 600;
  cursor: pointer;
  transition: background .25s ease;
  border-radius: 5px;
}

.newsletter-form button:hover {
  background: #0756c2
}

/* FOOTER */
.site-footer {
  border-top: 1px solid #e7edf3;
  background: #fff;
  padding-top: 52px;
    background-image: url(../images/map.png);
background-size: 20%;
  background-position: 97% center;
  background-repeat: no-repeat;
}

.footer-grid {
  display: grid;
  grid-template-columns: 1.3fr 1.2fr 1.2fr 1.2fr 1.3fr 0.6fr;
  gap: 35px;
  padding-bottom: 45px;

}

.footer-brand img {
  width: 170px;
  height: auto;
  margin-bottom: 19px
}

.footer-brand>span {
  display: block;
  color: #0575d1;
  font-size: 16px;
  margin-top: 15px
}

.socials {
  display: flex;
  gap: 8px
}

.socials a {
  width: 34px;
  height: 34px;
  border: 1px solid #b9d0e5;
  border-radius: 50%;
  display: grid;
  place-items: center;
  color: #1d4e87;
  font-size: 14px
}

.footer-grid h3 {
  font-size: 20px;
  color: #092f86;
  font-weight: 600;
  margin: 0 0 10px
}

.footer-grid>div:not(.footer-brand):not(.footer-map) a {
  display: block;
  font-size: 15px;
  color: #051848;
  line-height: 1.9
}

.footer-bottom {
  border-top: 1px solid #e3e9f0;
  height: 62px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #718097;
  font-size: 12px
}

.footer-bottom div {
  display: flex;
  gap: 13px
}

.footer-bottom a:hover {
  color: #0a72d8
}

.footer {
  background: #fff
}

.footer-main {
  display: grid;
  grid-template-columns: 1.25fr 1fr 1.05fr 1.05fr .95fr 1fr;
  gap: 28px;
  padding: 28px 0 20px;
  border-bottom: 1px solid #e1e8ef
}

.footer-brand img {
  width: 132px;
  height: auto
}

.footer-powered {
  margin: 1px 0 0 18px;
  color: #7a8797;
  font-size: 7px;
  line-height: 1.2
}

.footer-powered b {
  color: #244266;
  font-size: 12px
}

.footer-slogan {
  position: relative;
  display: inline-block;
  margin: 17px 0 0 7px;
  color: #1f4c89;
  font-size: 20px;
  line-height: .98;
  font-style: italic;
  transform: rotate(-7deg)
}

.footer-slogan strong {
  font-weight: 600
}

.footer-slogan i {
  position: absolute;
  right: -4px;
  bottom: -7px;
  width: 51px;
  height: 3px;
  border-radius: 99px;
  background: var(--u2g-green);
  transform: rotate(-5deg)
}

.footer-col h3 {
  margin: 3px 0 8px;
  color: var(--u2g-navy);
  font-size: 11px;
  font-weight: 700
}

.footer-col a {
  display: block;
  color: #6e7d90;
  font-size: 12px;
  line-height: 1.85;
  transition: color .2s ease
}

.footer-col a:hover {
  color: var(--u2g-blue)
}

.footer-art {
  min-height: 150px;
  padding-top: 48px;
  text-align: center;
  background: radial-gradient(circle at 50% 50%, rgba(230, 243, 252, .9), transparent 55%)
}

.footer-flight {
  margin-bottom: 22px;
  color: var(--u2g-blue);
  font-size: 27px;
  transform: rotate(-17deg)
}

.footer-art b {
  color: #5f7085;
  font-size: 12px;
  line-height: 1.4
}

.footer-bottom {
  min-height: 52px;
  display: grid;
  grid-template-columns: 1fr 1fr 1.25fr;
  align-items: center;
  gap: 20px;
  color: #092f86;
  font-size: 12px
}

.legal {
  display: flex;
  justify-content: center;
  gap: 17px
}

.legal a:hover {
  color: var(--u2g-blue)
}

.socials {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 7px;
}

.socials a {
  color: var(--u2g-navy);
  font-size: 15px
}

.socials b {
  color: #1e396d;
  font-size: 12px;
  font-weight: 600
}

/* OFFCANVAS */
.mobile-menu {
  --bs-offcanvas-width: min(390px, 92vw);
  border: 0 !important;
  background: #fff;
  box-shadow: -18px 0 55px rgba(17, 48, 87, .16)
}

.mobile-menu .offcanvas-header {
  min-height: 74px;
  padding: 16px 20px;
  border-bottom: 1px solid #e2eaf2
}

.mobile-menu .offcanvas-header img {
  width: 132px;
  height: auto
}

.mobile-menu .offcanvas-title {
  margin: 0
}

.mobile-menu .btn-close {
  width: 14px;
  height: 14px;
  padding: 10px;
  opacity: .65
}

.mobile-menu .offcanvas-body {
  padding: 10px 20px 24px;
  display: flex;
  flex-direction: column
}

.mobile-nav {
  display: flex;
  flex-direction: column
}

.mobile-nav>a {
  min-height: 56px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  border-bottom: 1px solid #e8eef4;
  color: #1b365f;
  font-size: 14px;
  font-weight: 500
}

.mobile-nav>a i {
  font-size: 11px;
  color: #8191a4;
  transition: transform .25s ease
}

.mobile-nav>a:hover {
  color: var(--u2g-blue)
}

.mobile-nav>a:hover i {
  transform: translateX(4px);
  color: var(--u2g-blue)
}

.mobile-nav .mobile-parent {
  cursor: pointer
}

.mobile-submenu {
  display: none;
  padding: 4px 0 7px 13px;
  border-bottom: 1px solid #e8eef4
}

.mobile-submenu.is-open {
  display: block
}

.mobile-submenu a {
  display: block;
  padding: 8px 0;
  color: #63758b;
  font-size: 13px
}

.mobile-submenu a:hover {
  color: var(--u2g-blue)
}

.mobile-account {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin-top: 22px
}

.mobile-account a {
  min-height: 44px
}

.mobile-contact {
  margin-top: auto;
  padding-top: 25px;
  color: #708095;
  font-size: 11px;
  line-height: 1.8
}

.mobile-contact strong {
  color: var(--u2g-navy);
  font-size: 12px
}

.mobile-contact a {
  color: var(--u2g-blue)
}

/* SEARCH MODAL */
.search-modal {
  overflow: hidden;
  border: 0;
  border-radius: 13px;
  box-shadow: 0 25px 70px rgba(14, 48, 89, .2)
}

.search-modal .modal-header {
  padding: 20px 22px 10px;
  border: 0
}

.search-modal .modal-header h2 {
  margin: 0;
  color: var(--u2g-navy);
  font-size: 19px;
  font-weight: 700
}

.search-modal .modal-body {
  padding: 8px 22px 24px
}

.search-modal form {
  display: flex;
  height: 48px;
  border: 1px solid #d8e5ef;
  border-radius: 7px;
  overflow: hidden
}

.search-modal form>div {
  display: flex;
  align-items: center;
  flex: 1;
  min-width: 0
}

.search-modal form i {
  margin-left: 13px;
  color: var(--u2g-blue)
}

.search-modal form input {
  min-width: 0;
  flex: 1;
  height: 100%;
  border: 0;
  outline: 0;
  padding: 0 12px;
  font-size: 13px
}

.search-modal form>button {
  width: 95px;
  border: 0;
  background: var(--u2g-blue);
  color: #fff;
  font-size: 13px;
  font-weight: 600
}

.quick-search {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  margin-top: 13px
}

.quick-search span {
  color: #728196;
  font-size: 11px
}

.quick-search button {
  padding: 6px 10px;
  border: 1px solid #dce7f0;
  border-radius: 99px;
  background: #f7fbff;
  color: #3b5775;
  font-size: 10px;
  cursor: pointer
}

.quick-search button:hover {
  color: var(--u2g-blue);
  border-color: #a8c9e8;
  background: #eef7ff
}

.toast {
  border: 1px solid #d8e7f2;
  box-shadow: var(--u2g-shadow)
}

.toast-body {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #294768;
  font-size: 12px
}

.toast-body i {
  color: var(--u2g-green)
}

.back-top {
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: 1010;
  width: 40px;
  height: 40px;
  display: grid;
  place-items: center;
  border: 1px solid #d5e3ee;
  border-radius: 50%;
  background: #fff;
  color: var(--u2g-blue);
  box-shadow: 0 9px 25px rgba(24, 70, 110, .12);
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
  transition: var(--u2g-transition);
  cursor: pointer
}

.back-top.show {
  opacity: 1;
  visibility: visible;
  transform: none
}

.back-top:hover {
  color: #fff;
  background: var(--u2g-blue);
  border-color: var(--u2g-blue)
}

/* MOTION */
.reveal {
  opacity: 0;
  transform: translate3d(0, 24px, 0);
  transition: opacity .8s var(--u2g-ease), transform .8s var(--u2g-ease)
}

.reveal.d1 {
  transition-delay: .08s
}

.reveal.d2 {
  transition-delay: .16s
}

.reveal.d3 {
  transition-delay: .24s
}

.reveal.d4 {
  transition-delay: .32s
}

.reveal.is-visible {
  opacity: 1;
  transform: none
}

.float-card {
  will-change: transform
}

@keyframes floatY {

  0%,
  100% {
    translate: 0 0
  }

  50% {
    translate: 0 -7px
  }
}

/* DESKTOP / TABLET */

@media(max-width:1399.98px) {
  .container-xxl {
    max-width: 1320px
  }

  .header-row {
    gap: 12px
  }

  .brand-wrap {
    min-width: 228px;
    gap: 10px
  }

  .desktop-nav {
    gap: 0
  }

  .nav-link {
    padding-inline: 6px !important
  }

  .student-wrap {
    right: 9%
  }

  .landmark-opera {
    left: 23%
  }

  .ai-human-card {
    right: 0
  }
}

@media(max-width:1199.98px) {

  .desktop-nav,
  .login-btn,
  .create-btn {
    display: none
  }

  .mobile-menu-btn {
    display: grid
  }

  .header-row {
    min-height: 70px
  }

  .brand-wrap {
    min-width: 0
  }

  .header-actions {
    margin-left: auto
  }

  .logo-link img {
    width: 132px
  }

  .atlas-logo {
    width: 92px
  }

  .hero-grid {
    grid-template-columns: 1fr;
    min-height: 0
  }

  .hero-copy {
    padding: 50px 0 15px;
    max-width: 760px
  }

  .hero-art {
    height: 475px;
    min-height: 475px
  }

  .student-wrap {
    right: 17%
  }

  .benefits {
    grid-template-columns: repeat(5, 1fr)
  }

  .why-grid {
    grid-template-columns: repeat(3, 1fr)
  }

  .why-item:nth-child(3) {
    /* border-right: 0 */
  }

  .why-item:nth-child(n+4) {
    border: 1px solid #e1e9f1
  }

  .footer-main {
    grid-template-columns: repeat(3, 1fr)
  }

  .footer-art {
    display: none
  }

  .footer-bottom {
    grid-template-columns: 1fr 1fr 1fr
  }
}

@media(max-width:991.98px) {
  .container-xxl {
    padding-inline: 18px
  }

  .hero-title {
    font-size: 52px
  }

  .hero-description {
    font-size: 14px
  }

  .hero-art {
    height: 430px;
    min-height: 430px
  }

  .student-wrap {
    right: 13%;
    width: 370px;
    height: 410px
  }

  .student-halo {
    width: 330px;
    height: 390px
  }

  .rating-card {
    right: 2%
  }

  .ai-human-card {
    right: 2%;
    min-width: 320px
  }

  .benefits {
    grid-template-columns: repeat(3, 1fr)
  }

  .benefit {
    min-height: 70px
  }

  .benefit:nth-child(3) {
    border-right: 0
  }

  .benefit:nth-child(n+4) {
    border-top: 1px solid #e2ebf3
  }

  .promo-grid {
    grid-template-columns: 1fr
  }

  .promo-card {
    min-height: 300px
  }

  /* .promo-copy {
    width: 56%
  }

  
  .promo-man {
    width: 48%
  } */

  .promo-features {
    left: 14px;
    right: 14px
  }

  .newsletter-inner {
    min-height: 96px
  }

  .newsletter-form {
    max-width: 480px
  }

  .footer-main {
    grid-template-columns: repeat(2, 1fr)
  }

  .footer-bottom {
    grid-template-columns: 1fr;
    justify-items: center;
    padding: 13px 0
  }

  .socials {
    justify-content: center
  }

  .legal {
    flex-wrap: wrap
  }
}

@media(max-width:767.98px) {
  body {
    font-size: 14px
  }

  .container-xxl {
    padding-inline: 14px
  }

  .header-row {
    min-height: 64px
  }

  .logo-link img {
    width: 116px
  }

  .atlas-logo {
    display: none
  }

  .header-actions {
    gap: 2px
  }

  .header-search,
  .mobile-menu-btn {
    width: 38px;
    height: 38px
  }

  .header-search {
    font-size: 16px
  }

  .mobile-menu-btn {
    font-size: 23px
  }

  .hero-copy {
    padding-top: 32px
  }

  .eyebrow {
    font-size: 11px;
    margin-bottom: 9px
  }

  .hero-title {
    font-size: 38px;
    line-height: 1.03;
    letter-spacing: -1.6px;
    margin-bottom: 12px
  }

  .hero-description {
    font-size: 12px;
    line-height: 1.55;
    margin-bottom: 15px
  }

  .hero-search {
    height: 46px
  }

  .hero-search input {
    font-size: 11px
  }

  .hero-search button {
    min-width: 72px;
    padding-inline: 13px;
    font-size: 11px
  }

  .hero-buttons {
    gap: 7px
  }

  .primary-btn,
  .outline-btn {
    min-height: 38px;
    padding-inline: 13px;
    font-size: 11px
  }

  .hero-art {
    height: 365px;
    min-height: 365px;
    margin-top: 2px
  }

  .student-wrap {
    right: 8%;
    width: 270px;
    height: 330px
  }

  .student-halo {
    width: 245px;
    height: 300px;
    right: 10px;
    top: 17px
  }

  .landmark-bigben {
    left: 0;
    bottom: 23%;
    width: 72px;
    height: 116px
  }

  .landmark-opera {
    left: 18%;
    bottom: 9%;
    width: 91px;
    height: 64px
  }

  .landmark-toronto {
    right: -2%;
    bottom: 22%;
    width: 80px;
    height: 118px
  }

  .route-one {
    left: 25%;
    top: 5%;
    width: 92px;
    height: 55px
  }

  .route-two {
    left: 41%;
    top: 0;
    font-size: 20px
  }

  .doodle-note {
    right: 1%;
    top: 11%;
    font-size: 12px
  }

  .rating-card {
    right: 0;
    top: 4%;
    min-width: 92px;
    padding: 8px
  }

  .rating-top strong {
    font-size: 13px
  }

  .rating-card small {
    font-size: 7px
  }

  .ai-human-card {
    right: 50%;
    bottom: 5px;
    min-width: 0;
    width: min(94%, 330px);
    padding: 9px 10px;
    gap: 7px;
    transform: translateX(50%)
  }

  .ai-human-block {
    gap: 6px
  }

  .round-icon {
    width: 30px;
    height: 30px;
    flex-basis: 30px;
    font-size: 14px
  }

  .ai-human-block b {
    font-size: 12px
  }

  .ai-human-block small {
    font-size: 7px
  }

  .plus-sign {
    font-size: 16px
  }

  .benefits {
    grid-template-columns: repeat(2, 1fr)
  }

  .benefit {
    min-height: 66px;
    padding: 10px 8px
  }

  .benefit:nth-child(2n) {
    border-right: 0
  }

  .benefit:nth-child(n+3) {
    border-top: 1px solid #e2ebf3
  }

  .benefit b {
    font-size: 10px
  }

  .benefit small {
    font-size: 12px
  }

  .benefit>span {
    width: 31px;
    height: 31px;
    font-size: 14px
  }

  .section-pad {
    padding: 25px 0
  }

  .section-heading {
    align-items: flex-end;
    margin-bottom: 11px
  }

  .section-heading h2,
  .center-title {
    font-size: 18px
  }

  .section-heading a {
    font-size: 10px
  }

  .destination-slider {
    padding-bottom: 22px
  }

  .destination-img {
    height: 115px
  }

  .destination-info {
    min-height: 79px
  }

  .destination-info h3 {
    font-size: 12px
  }

  .destination-info p {
    font-size: 12px
  }

  .why-grid {
    grid-template-columns: 1fr 1fr
  }

  .why-item {
    min-height: 72px;
    padding: 9px 8px;
    gap: 7px
  }

  /* .why-item:nth-child(2n) {
    border-right: 0
  } */

  .why-item:nth-child(n+3) {
    border-top: 1px solid #e1e9f1
  }

  .why-icon {
    width: 34px;
    height: 34px;
    flex-basis: 34px;
    font-size: 16px
  }

  .why-item b {
    font-size: 12px
  }

  .why-item small {
    font-size: 12px
  }

  .partners {
    padding-top: 16px
  }

  .partners .center-title {
    font-size: 11px
  }

  .logo-strip {
    justify-content: flex-start;
    overflow-x: auto;
    gap: 25px;
    padding-bottom: 6px;
    scrollbar-width: none
  }

  .logo-strip::-webkit-scrollbar {
    display: none
  }

  .promo-card {
    min-height: 390px
  }

  .promo-copy {
    width: 100%;
    /* max-width: 61%; */
    padding: 17px 0 0 14px
  }

  .promo-copy h2 {
    font-size: 18px
  }

  .promo-copy p {
    font-size: 12px
  }

  .promo-copy li {
    font-size: 7px
  }

  
  /* .promo-man {
    width: 54%;
    height: 63%
  } */

  .promo-features {
    left: 8px;
    right: 8px;
    bottom: 8px;
    grid-template-columns: repeat(2, 1fr);
    height: 56px
  }

  .promo-features span {
    font-size: 7px
  }

  .test-brands {
    gap: 20px
  }

  .ets-badge {
    right: 13px;
    top: 14px;
    font-size: 24px
  }

  .official-badge {
    font-size: 6px
  }

  .newsletter-inner {
    min-height: 125px;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: center;
    gap: 12px
  }

  .newsletter-title p {
    font-size: 12px
  }

  .newsletter-form {
    width: 100%;
    height: 40px
  }

  .newsletter-form input {
    font-size: 12px
  }

  .newsletter-form button {
    width: 96px;
    font-size: 12px
  }

  .footer-main {
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    padding-top: 23px
  }

  .footer-brand {
    grid-column: 1/-1
  }

  .footer-slogan {
    font-size: 18px
  }

  .footer-col h3 {
    font-size: 10px
  }

  .footer-col a {
    font-size: 12px
  }

  .footer-bottom {
    font-size: 12px;
    text-align: center
  }

  .socials {
    flex-wrap: wrap
  }

  .mobile-menu .offcanvas-header {
    min-height: 68px
  }

  .mobile-nav>a {
    font-size: 14px
  }

  .mobile-account .outline-btn,
  .mobile-account .primary-btn {
    font-size: 12px
  }

  .mobile-contact {
    font-size: 10px
  }
}

@media(max-width:430px) {
  .container-xxl {
    padding-inline: 12px
  }

  .hero-title {
    font-size: 34px
  }

  .hero-art {
    height: 330px;
    min-height: 330px
  }

  .student-wrap {
    right: 2%;
    width: 245px;
    height: 305px
  }

  .student-halo {
    width: 225px;
    height: 280px
  }

  .landmark-bigben {
    width: 62px;
    height: 100px
  }

  .landmark-opera {
    left: 15%;
    width: 80px;
    height: 58px
  }

  .landmark-toronto {
    width: 70px;
    height: 105px
  }

  .ai-human-card {
    width: 96%;
    padding-inline: 8px
  }

  .ai-human-block b {
    font-size: 7px
  }

  .ai-human-block small {
    font-size: 6.5px
  }

  .plus-sign {
    font-size: 14px
  }

  .promo-card {
    min-height: 410px
  }

  /* .promo-copy {
    max-width: 65%
  }

 
  .promo-man {
    width: 57%;
    height: 57%
  } */

  .promo-features {
    height: 52px
  }

  .footer-main {
    grid-template-columns: 1fr 1fr
  }
}

@media(prefers-reduced-motion:reduce) {
  html {
    scroll-behavior: auto
  }

  .reveal {
    opacity: 1;
    transform: none;
    transition: none
  }

  .float-card {
    animation: none
  }

  .destination-card:hover,
  .primary-btn:hover,
  .outline-btn:hover,
  .create-btn:hover {
    transform: none
  }

  .destination-img img {
    transition: none
  }

  .hero-art {
    perspective: none
  }
}

/* MOBILE MENU DETAILS */
.mobile-menu-label {
  padding: 12px 0 6px;
  color: #93a0b0;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1.3px
}

.mobile-nav-group {
  border-bottom: 1px solid #e8eef4
}

.mobile-nav>a,
.mobile-nav-toggle {
  width: 100%;
  min-height: 56px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  border: 0;
  border-bottom: 1px solid #e8eef4;
  background: transparent;
  color: #1b365f;
  font-size: 14px;
  font-weight: 500;
  text-align: left;
  cursor: pointer
}

.mobile-nav-group .mobile-nav-toggle {
  border-bottom: 0
}

.mobile-nav>a:last-child {
  border-bottom: 0
}

.mobile-nav>a>span,
.mobile-nav-toggle>span {
  display: flex;
  align-items: center;
  gap: 11px
}

.mobile-nav>a>span>i,
.mobile-nav-toggle>span>i {
  width: 20px;
  text-align: center;
  color: var(--u2g-blue);
  font-size: 15px
}

.mobile-nav>a>i,
.mobile-nav-toggle>i {
  color: #8492a3;
  font-size: 10px;
  transition: transform .25s ease
}

.mobile-nav-toggle[aria-expanded="true"]>i {
  transform: rotate(180deg);
  color: var(--u2g-blue)
}

.mobile-submenu {
  display: grid;
  grid-template-rows: 0fr;
  padding: 0 0 0 31px;
  border: 0;
  overflow: hidden;
  transition: grid-template-rows .3s var(--u2g-ease), padding .3s ease
}

.mobile-submenu>* {
  min-height: 0
}

.mobile-submenu.is-open {
  grid-template-rows: 1fr;
  padding-bottom: 9px
}

.mobile-submenu a {
  display: block;
  padding: 7px 0;
  color: #64768c;
  font-size: 13px;
  font-weight: 400
}

.mobile-submenu a:hover {
  color: var(--u2g-blue)
}

.mobile-account {
  margin-top: 22px
}

@media(max-width:430px) {
  .mobile-menu {
    --bs-offcanvas-width: 100%
  }

  .mobile-menu .offcanvas-header {
    padding-inline: 16px
  }

  .mobile-menu .offcanvas-body {
    padding-inline: 16px
  }

  .mobile-menu-label {
    font-size: 12px
  }

  .mobile-nav>a,
  .mobile-nav-toggle {
    font-size: 14px
  }
}

/* Final mobile accordion override */
.mobile-submenu {
  display: block !important;
  max-height: 0;
  padding: 0 0 0 31px !important;
  border: 0 !important;
  overflow: hidden;
  transition: max-height .32s var(--u2g-ease), padding .32s ease
}

.mobile-submenu.is-open {
  max-height: 320px;
  padding: 0 0 9px 31px !important
}

.mobile-submenu a {
  display: block;
  padding: 7px 0
}

/* =========================================================
   FINAL PIXEL / TYPE / NAV REFINEMENT
   Desktop design baseline: 1320px
   Minimum readable UI text: 14px
   ========================================================= */
:root {
  --container-xxl: 1320px;
  --u2g-body-size: 14px
}

html {
  scroll-padding-top: 86px
}

body {
  font-size: 14px
}

.container-xxl {
  width: 100%;
  max-width: 1320px;
  padding-inline: 0
}

/* Header: exact 1320px content system */
.site-header .container-xxl {
  max-width: 1320px
}

.header-row {
  min-height: 90px;
  gap: 15px
}

.brand-wrap {
  min-width: 250px;
  gap: 14px
}

.logo-link img {
  width: 132px
}

.atlas-logo {
  width: 94px
}

.desktop-nav {
  gap: 2px
}

.nav-link {
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.25;
  padding: 12px !important
}

.header-actions {
  gap: 9px
}

.login-btn,
.create-btn {
  font-size: 14px;
  font-weight: 600
}

/* Desktop hover dropdown; no target-section navigation */
.nav-dropdown {
  position: relative;
  display: flex;
  align-items: center
}

.nav-dropdown-toggle {
  border: 0;
  background: transparent;
  cursor: pointer
}

.nav-dropdown-menu {
  position: absolute;
  left: 0;
  top: calc(100% + 0px);
  min-width: 220px;
  padding: 9px;
  background: #fff;
  border: 1px solid #dce8f2;
  border-radius: 10px;
  box-shadow: 0 18px 45px rgba(18, 63, 134, .14);
  opacity: 0;
  visibility: hidden;
  transform: translateY(7px);
  pointer-events: none;
  transition: opacity .22s ease, transform .22s ease, visibility .22s ease;
  z-index: 1100
}

.nav-dropdown-menu:before {
  content: "";
  position: absolute;
  left: 20px;
  top: -6px;
  width: 11px;
  height: 11px;
  background: #fff;
  border-left: 1px solid #dce8f2;
  border-top: 1px solid #dce8f2;
  transform: rotate(45deg)
}

.nav-dropdown-menu a {
  position: relative;
  z-index: 1;
  display: block;
  padding: 10px 12px;
  border-radius: 7px;
  color: #233d61;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.35;
  white-space: nowrap
}

.nav-dropdown-menu a:hover {
  color: var(--u2g-blue);
  background: #f1f7ff
}

@media(min-width:1200px) {

  .nav-dropdown:hover .nav-dropdown-menu,
  .nav-dropdown:focus-within .nav-dropdown-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    pointer-events: auto
  }

  .nav-dropdown:hover .nav-dropdown-toggle i,
  .nav-dropdown:focus-within .nav-dropdown-toggle i {
    transform: rotate(180deg)
  }
}

/* Larger, balanced section rhythm */
.section-pad {
  padding: 50px 0
}

.section-heading {
  margin-bottom: 20px
}

.section-heading h2,
.center-title {
  font-size: 22px;
  line-height: 1.25
}
.section-heading h2 {
  font-size: 32px;
  font-weight: 600;
  color: #0c1324;
}
.section-heading a {
  font-size: 14px
}

.destination-slider {
  padding-bottom: 30px
}

.destination-card {
  border-radius: 8px
}

.destination-img {
  height: 130px
}

.destination-info {
  min-height: 108px;
  padding: 14px 13px;
  grid-template-columns: 28px minmax(0, 1fr) 22px;
  gap: 8px
}

.destination-info>span {
  font-size: 20px
}

.destination-info h3 {
  font-size: 14px;
  line-height: 1.35;
  margin-bottom: 5px
}

.destination-info p {
  font-size: 14px;
  line-height: 1.45
}

.destination-info>a {
  font-size: 18px
}

.why {
  padding-top: 0
}

.why-grid {
  min-height: 92px
}

.why-item {
  min-height: 92px;
  padding: 14px 15px;
  gap: 10px;
  padding-right: 10px;
}

.why-icon {
  width: 42px;
  height: 42px;
  flex-basis: 42px;
  font-size: 18px
}

.why-item b {
  font-size: 15px;
  line-height: 1.35
}

.why-item small {
  font-size: 12px;
  line-height: 1.4;
  margin-top: 1px
}
.destinations.home {
  border-bottom: 1px solid #dde7f4;
  margin-bottom: 40px;
}
.partners {
  /* padding-top: 34px */
}

.partners .center-title {
  font-size: 14px;
  margin-bottom: 20px
}

.logo-strip {
  min-height: 74px;
  gap: 28px
}

.uni-logo {
  display: flex;
  align-items: center;
  border: 1px solid #d8e4f4;
  height: 100%;
  min-height: 100px;
  padding: 0 15px;
  margin-bottom: 1px;
}
.logo-strip.owl-carousel.owl-theme.reveal.d1.owl-loaded.owl-drag.is-visible {
  padding-bottom: 20px;
}
/* Owl nav */
/* .logo-strip .owl-nav {
  position: absolute;
  max-width: 250px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  left: 50%;
  transform: translateX(-50%);
}
.logo-strip .owl-nav button:hover {
  background: transparent !important;
  color: #000 !important;
}
.logo-strip .owl-nav button span {
  font-size: 30px;
  line-height: 1;
  background: #fff;
  width: 40px;
  height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50px;
  box-shadow: 0 4px 13px rgba(20,54,92,.05);
}
.logo-strip .owl-nav button span:hover {
  background: #61b545 !important;
  color: #fff !important;
} */
/* Owl dots */
.logo-strip .owl-dots {
    margin-top: 18px;
    text-align: center;
    position: relative;
    top: 10px;
    max-width: 150px;
    margin-inline: auto;
}

.logo-strip .owl-dot span {
    width: 7px;
    height: 7px;
    margin: 0 4px;
    background: #c8d8eb !important;
    display: block;
    border-radius: 50%;
    transition: all .3s ease;
}

.logo-strip .owl-dot.active span {
    width: 20px;
    border-radius: 10px;
    background: #0b73d5 !important;
}
.logo-strip.owl-theme .owl-dots .owl-dot span {
  margin: 5px 3px;}
.uni-logo img{
  width: 100%;
  height: 100%;
  max-height: 80px;
  object-fit: cover;
}

.uni-logo.ucl {
  font-size: 30px
}

.uni-logo.nus {
  font-size: 27px
}

.uni-logo.unsw {
  font-size: 25px
}

.uni-logo.mcgill {
  font-size: 14px
}

.uni-logo.mcgill small {
  font-size: 14px
}

.more-logo {
  font-size: 14px
}

.promos {
  padding-top: 38px;
  padding-bottom: 38px
}

.promo-grid {
  gap: 18px
}

.promo-card {
  min-height: 310px;
  border-radius: 9px
}

.promo-copy {
  padding: 30px 0 30px 25px;
}

.promo-copy h2 {
  font-size: 24px;
  line-height: 1.18;
  margin-bottom: 12px
}

.promo-copy p {
  font-size: 14px;
  line-height: 1.5;
  margin-bottom: 11px
}

.promo-copy li {
  font-size: 14px;
  line-height: 1.55
}
.test-brands > div {
  min-width: 160px;
}
.promo-btn {
  height: 35px;
  font-size: 13px;
}

.promo-scribble {
  font-size: 14px
}

.promo-features {
  height: 48px;
  left: 20px;
  right: 20px;
  bottom: 12px
}

.promo-features span {
  font-size: 14px
}

.promo-features i {
  font-size: 14px
}


/* SUCCESS STORIES */
.success-stories-section {
    --ss-blue: #087bd4;
    --ss-navy: #101b32;
    padding: 65px 0 32px;
    overflow: hidden;
    background: #fbfdff;
    font-family: "Poppins", sans-serif;
}

.success-stories-section .success-stories-container {
    max-width: 1780px;
    margin: 0 auto;
    padding: 0 4.2%;
}

.success-stories-section .success-stories-heading {
    margin-bottom: 25px;
    text-align: center;
}

.success-stories-section .success-stories-eyebrow {
    display: block;
    margin-bottom: 8px;
    color: #4387bd;
    font-size: 16px;
    letter-spacing: 5px;
}

.success-stories-section .success-stories-heading h2 {
    margin: 0;
    color: var(--ss-navy);
    font-size: clamp(27px, 2.3vw, 38px);
    font-weight: 600;
    line-height: 1.3;
}

.success-stories-section .success-stories-heading h2 span {
    color: var(--ss-blue);
}

.success-stories-section .success-stories-heading p {
    margin: 5px 0 0;
    color: #343434;
    font-size: clamp(14px, 1.15vw, 20px);
}

.success-stories-section .success-stories-carousel .owl-stage {
    display: flex;
    align-items: stretch;
    padding-bottom: 30px;
}

.success-stories-section .success-stories-carousel .owl-item {
    display: flex;
}

.success-stories-section .success-story-card {
    display: flex;
    flex-direction: column;
    width: 100%;
    min-width: 0;
}

.success-stories-section .success-story-image > img {
  max-width: 130px;
  height: 130px !important;
  border-radius: 230px;
  position: relative;
  z-index: 3;
  top: 20px;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
}

.success-stories-section .success-story-image {
  position: relative;
  height: clamp(170px, 11vw, 170px);
  flex-shrink: 0;
  border-radius: 21px 21px 0 0;
  
  margin-bottom: 0;
  display: flex;
  justify-content: center;
  align-items: end;
  z-index: 2;
}

.success-stories-section .success-story-card {
  background: #e5eff8;
  border-radius: 20px;
background-image: url("https://beta.uni2go.in/public/uploads/all/test_bg.jpeg");
  background-size: 100%;
}
.success-stories-section .success-story-image .success-story-country > img {
  height: 26px;
	width: 26px;
  margin-right: 5px;

}
.destinations.home .swiper-wrapper {
  padding-bottom: 30px;
}
.success-stories-section .success-story-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center 35%;
    transition: transform .45s ease;
}

.success-stories-section .success-story-card:hover .success-story-image img {
    transform: scale(1.04);
}

.success-stories-section .success-story-country {
    position: absolute;
    top: 14px;
    left: 14px;
    display: inline-flex;
    align-items: center;
    padding: 6px 6px;
        padding-right: 15px;
    border-radius: 30px;
    background: #fff;
    color: #132342;
    font-size: 12px;
    font-weight: 600;
    box-shadow: 0 3px 12px rgba(15, 45, 80, .08);
}

.success-stories-section .success-story-content {
    position: relative;
    z-index: 1;
    display: flex;
    flex: 1;
    flex-direction: column;
    margin-top: -1px;
    padding: 17px 20px 20px;
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 9px 25px rgba(20, 48, 78, .065);
}

.success-stories-section .success-story-quote {
    height: 53px;
    overflow: hidden;
    color: #3291e1;
    font-family: Georgia, serif;
    font-size: 83px;
    font-weight: 700;
    line-height: .95;
}

.success-stories-section .success-story-content p {
    margin: 0;
    color: #292929;
    font-size: clamp(13px, .99vw, 17px);
    line-height: 1.53;
    display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
}

.success-stories-section .success-story-divider {
    width: 100%;
    height: 1px;
    margin: 17px 0;
    background: #e8e8e8;
}

.success-stories-section .success-story-content h3 {
    margin: 0 0 3px;
    color: #303030;
    font-size: 17px;
    font-weight: 500;
}

.success-stories-section .success-story-course {
    color: #5c5c5c;
    font-size: 13px;
    line-height: 1.5;
}

.success-stories-controls {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 25px;
    margin-top: 0px;
}

.success-stories-prev,
.success-stories-next {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: #fff;
    color: #353535;
    font-size: 16px;
    box-shadow: 0 4px 20px rgba(25, 50, 80, .09);
    cursor: pointer;
    transition: .2s ease;
}

.success-stories-prev:hover,
.success-stories-next:hover {
    background: #61b545;
    color: #fff;
}

.success-stories-dots {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
}

.success-stories-dots .owl-dot {
    width: 12px;
    height: 12px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: #d6e1eb;
    cursor: pointer;
}

.success-stories-dots .owl-dot.active {
    background: #0f8b4d;
    transform: scale(1.12);
}

button:focus-visible {
    outline: 2px solid #0f8b4d;
    outline-offset: 4px;
}

@media (max-width: 1199.98px) {
    .success-stories-section {
        padding: 52px 0 28px;
    }

    .success-stories-section .success-stories-container {
        padding: 0 3%;
    }

    .success-stories-section .success-story-image {
        height: 205px;
    }

    .success-stories-section .success-story-content {
        padding: 16px 18px 20px;
    }

    .success-stories-section .success-story-content p {
        font-size: 14px;
    }
}

@media (max-width: 767.98px) {
    .success-stories-section {
        padding: 42px 0 25px;
    }

    .success-stories-section .success-stories-container {
        padding: 0 22px;
    }

    .success-stories-section .success-stories-eyebrow {
        font-size: 12px;
        letter-spacing: 3.5px;
    }

    .success-stories-section .success-stories-heading {
        margin-bottom: 22px;
    }

    .success-stories-section .success-stories-heading p {
        margin-top: 7px;
        font-size: 14px;
    }

    .success-stories-section .success-story-image {
        height: clamp(210px, 58vw, 320px);
    }

    .success-stories-section .success-story-content {
        padding: 17px 20px 21px;
    }

    .success-stories-section .success-stories-controls {
        gap: 20px;
    }
}

@media (max-width: 480px) {
    .success-stories-section .success-stories-container {
        padding: 0 16px;
    }

    .success-stories-section .success-story-image {
        height: 230px;
    }

    .success-stories-section .success-story-country {
        top: 12px;
        left: 12px;
        padding: 6px 6px;
        padding-right: 15px;
        font-size: 11px;
    }

    .success-stories-section .success-story-content {
        padding: 15px 17px 19px;
    }

    .success-stories-section .success-story-content h3 {
        font-size: 16px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .success-stories-section *,
    .success-stories-section *::before,
    .success-stories-section *::after {
        transition-duration: .01ms !important;
        animation-duration: .01ms !important;
    }
}

.test-brands strong {
  font-size: 27px
}

.test-brands sup {
  font-size: 14px
}
.test-brands span {
  margin-bottom: 10px;
  display: block;
}
.test-brands small {
  font-size: 14px;
  color: #0048bc;
}

.ets .micro {
  font-size: 14px
}

.official-badge {
  font-size: 14px
}

.newsletter-inner {
  min-height: 96px;
  gap: 34px
}

.newsletter-title p {
  font-size: 14px;
  line-height: 1.5
}

.newsletter-form {
  height: 46px;
  padding: 5px;
}

.newsletter-form input,
.newsletter-form button {
  font-size: 14px
}

.footer-main {
  gap: 32px;
  padding: 40px 0 28px
}

.footer-powered {
  font-size: 14px
}

.footer-powered b {
  font-size: 14px
}

.footer-col h3 {
  font-size: 14px;
  margin-bottom: 11px
}

.footer-col a {
  font-size: 14px;
  line-height: 1.8
}

.footer-art b {
  font-size: 14px
}

.footer-bottom {
  min-height: 60px;
  font-size: 14px
}

.socials b {
  font-size: 14px
}

/* Mobile navigation typography + spacing */
.mobile-menu {
  --bs-offcanvas-width: min(420px, 94vw)
}

.mobile-menu .offcanvas-header {
  min-height: 78px;
  padding: 18px 22px
}

.mobile-menu .offcanvas-header img {
  width: 132px
}

.mobile-menu .offcanvas-body {
  padding: 12px 22px 28px
}

.mobile-menu-label {
  padding: 14px 0 10px;
  font-size: 14px;
  letter-spacing: 1px
}

.mobile-nav>a,
.mobile-nav-toggle {
  min-height: 62px;
  font-size: 14px;
  font-weight: 500
}

.mobile-nav>a>span,
.mobile-nav-toggle>span {
  gap: 12px
}

.mobile-nav>a>span>i,
.mobile-nav-toggle>span>i {
  font-size: 16px
}

.mobile-nav>a>i,
.mobile-nav-toggle>i {
  font-size: 11px
}

.mobile-submenu.is-open {
  padding-bottom: 12px !important
}

.mobile-submenu a {
  padding: 10px 0;
  font-size: 14px;
  font-weight: 400
}

.mobile-account {
  margin-top: 26px;
  gap: 12px
}

.mobile-account a {
  min-height: 46px;
  font-size: 14px !important
}

.mobile-contact {
  padding-top: 30px;
  font-size: 14px;
  line-height: 1.7
}

.mobile-contact strong {
  font-size: 14px
}

/* Search / utility UI */
.search-modal .modal-header h2 {
  font-size: 20px
}

.search-modal form input,
.search-modal form>button {
  font-size: 14px
}

.quick-search span,
.quick-search button {
  font-size: 14px
}

.toast-body {
  font-size: 14px
}


/* login */
.login-main {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  padding: 60px 0;
  background: #fff;
}

.login-card {
  width: min(100%, 680px);
  border: 1px solid #e7ebf1;
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 12px 30px rgba(27, 61, 105, 0.06);
  padding: 48px 56px 52px;
}

.login-heading {
  text-align: center;
  margin: 0;
  color: var(--u2g-navy);
  font-size: clamp(2rem, 3vw, 2.8rem);
  line-height: 1.18;
  font-weight: 600;
  letter-spacing: -0.04em;
}

.login-subtitle {
  margin: 8px auto 28px;
  max-width: 430px;
  text-align: center;
  color: var(--u2g-text);
  font-size: 0.95rem;
  line-height: 1.6;
}

.social-login {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}

.social-btn {
  height: 58px;
  border: 1px solid #d2d8e1;
  border-radius: 10px;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  color: #273854;
  font-size: 0.9rem;
  font-weight: 500;
  transition: 0.2s ease;
}

.social-btn:hover {
  border-color: #a9b8ca;
  background: #fbfdff;
}

.google-icon {
  font-size: 25px;
  font-weight: 600;
  line-height: 1;
  background: linear-gradient(90deg, #4285f4 0 25%, #34a853 25% 50%, #fbbc05 50% 75%, #ea4335 75%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.apple-icon {
  font-size: 24px;
  color: #050505;
}

.divider {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 28px 0 22px;
  color: #7e8795;
  font-size: 0.8rem;
}

.divider::before,
.divider::after {
  content: "";
  height: 1px;
  background: #d7dce3;
  flex: 1;
}

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

.form-label {
  display: block;
  margin: 0 0 8px;
  color: #263b62;
  font-size: 0.84rem;
  font-weight: 500;
}

.required {
  color: #e63b45;
}

.input-wrap {
  position: relative;
}

.login-input {
  width: 100%;
  height: 52px;
  border: 1px solid #cfd5df;
  border-radius: 10px;
  padding: 0 18px;
  outline: none;
  color: #253858;
  background: #fff;
  font-size: 0.95rem;
  transition: 0.2s ease;
}

.login-input::placeholder {
  color: #c4c9d1;
}

.login-input:focus {
  border-color: #5ea9dd;
  box-shadow: 0 0 0 3px rgba(11, 115, 213, 0.08);
}

.password-toggle {
  position: absolute;
  right: 14px;
  top: 50%;
  transform: translateY(-50%);
  border: 0;
  background: transparent;
  color: #183b72;
  font-size: 1.1rem;
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
}

.login-options {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 0 22px;
}

.remember {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #4b5c79;
  font-size: 0.9rem;
}

.remember input {
  appearance: none;
  width: 18px;
  height: 18px;
  border: 1px solid #6cb7e1;
  border-radius: 4px;
  margin: 0;
  position: relative;
  background: #fff;
}

.remember input:checked {
  background: #0b73d5;
  border-color: #0b73d5;
}

.remember input:checked::after {
  content: "";
  position: absolute;
  left: 5px;
  top: 1px;
  width: 5px;
  height: 10px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

.forgot {
  color: #0073d4;
  font-size: 0.9rem;
  font-weight: 500;
  text-decoration: underline;
}

.signin-btn {
  width: 100%;
  height: 56px;
  border: 0;
  border-radius: 999px;
  background: #35a464;
  color: #fff;
  font-size: 1rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  transition: 0.2s ease;
}

.signin-btn:hover {
  background: #29955a;
  transform: translateY(-1px);
}

.create-account-row {
  text-align: center;
  margin: 22px 0 24px;
  color: #263b62;
  font-size: 0.9rem;
}

.create-account-row a {
  color: #0073d4;
  text-decoration: underline;
  margin-left: 8px;
  font-weight: 500;
}

.safe-box {
  min-height: 88px;
  background: #f0f5ff;
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 16px 18px;
  border-radius: 10px;
}

.safe-icon {
  width: 42px;
  height: 42px;
  flex: 0 0 42px;
  color: #1778db;
  font-size: 2rem;
  display: grid;
  place-items: center;
}

.safe-copy strong {
  display: block;
  color: #243b65;
  font-size: 0.9rem;
  font-weight: 600;
  margin-bottom: 3px;
}

.safe-copy span {
  display: block;
  color: #7085a8;
  font-size: 0.8rem;
  line-height: 1.45;
}


/* registration css */
.reg-main {
  padding: 58px 0 80px;
  background: #fff;
  display: flex;
  justify-content: center;
}

.reg-card {
  width: min(100%, 780px);
  border: 1px solid #e8ebf1;
  border-radius: 20px;
  box-shadow: 0 12px 30px rgba(26, 60, 104, 0.06);
  padding: 56px 62px 60px;
  background: #fff;
}

.reg-kicker {
  margin: 0 0 6px;
  text-align: center;
  color: #5b6688;
  font-size: 0.78rem;
  line-height: 1.2;
  font-weight: 600;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

.reg-title {
  margin: 0 0 8px;
  text-align: center;
  color: var(--u2g-navy);
  font-size: clamp(2rem, 3vw, 2.8rem);
  line-height: 1.18;
  font-weight: 600;
  letter-spacing: -0.05em;
}

.reg-subtitle {
  margin: 0 auto 32px;
  max-width: 520px;
  text-align: center;
  color: #263e79;
  font-size: 0.95rem;
  line-height: 1.6;
}

.reg-social {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 13px;
}

.reg-social-btn {
  height: 58px;
  border: 1px solid #d1d6df;
  border-radius: 10px;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  color: #303b54;
  font-size: 0.9rem;
  font-weight: 500;
  transition: 0.2s ease;
}

.reg-social-btn:hover {
  background: #fbfdff;
  border-color: #aeb9c8;
}

.google-g {
  font-family: Arial, sans-serif;
  font-size: 24px;
  font-weight: 700;
  background: conic-gradient(from -45deg, #4285f4 0 25%, #34a853 0 50%, #fbbc05 0 75%, #ea4335 0);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.apple-mark {
  font-size: 23px;
  color: #080808;
}

.reg-divider {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 28px 0 24px;
  color: #7c8594;
  font-size: 0.8rem;
  text-transform: uppercase;
  letter-spacing: 0.12em;
}

.reg-divider::before,
.reg-divider::after {
  content: "";
  height: 1px;
  background: #d5dae2;
  flex: 1;
}

.reg-form-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 13px;
  margin-bottom: 16px;
}

.reg-field {
  margin-bottom: 16px;
}

.reg-input-wrap {
  position: relative;
}

.reg-input,
.reg-select {
  width: 100%;
  height: 52px;
  border: 1px solid #d1d6df;
  border-radius: 10px;
  background: #fff;
  color: #2b3c5d;
  outline: none;
  font-family: inherit;
  font-size: 0.95rem;
  padding: 0 17px 0 48px;
  transition: border-color 0.2s, box-shadow 0.2s;
}

.reg-input::placeholder {
  color: #8a91a3;
}

.reg-input:focus,
.reg-select:focus {
  border-color: #65addc;
  box-shadow: 0 0 0 3px rgba(10, 115, 213, 0.07);
}

.reg-field-icon {
  position: absolute;
  left: 16px;
  top: 50%;
  transform: translateY(-50%);
  color: #8a93a5;
  font-size: 1.05rem;
  pointer-events: none;
}

.reg-password-toggle {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  border: 0;
  background: transparent;
  width: 32px;
  height: 32px;
  display: grid;
  place-items: center;
  color: var(--u2g-navy);
  font-size: 1rem;
}

.reg-phone {
  display: flex;
  align-items: stretch;
  width: 100%;
}

.reg-phone-code {
  display: flex;
  align-items: center;
  position: relative;
  min-width: 92px;
  border: 1px solid #ddd;
  border-right: 0;
  border-radius: 10px 0 0 10px;
  background: #fff;
  overflow: hidden;
}

.country-select {
  width: 100%;
  height: 100%;
  padding: 0 5px 0 2px;
  border: 0;
  outline: none;
  background: transparent;
  font-size: 0.92rem;
  color: #333;
  cursor: pointer;
  appearance: auto;
}

.reg-input-wrap {
  flex: 1;
  position: relative;
}

.reg-phone-input {
  width: 100%;
  border-radius: 0 10px 10px 0 !important;
  padding-left: 40px;
}

.reg-select-wrap {
  position: relative;
}

.reg-select {
  appearance: none;
  padding-left: 52px;
  padding-right: 43px;
}

.reg-select-chevron {
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  color: #637188;
  font-size: 0.85rem;
}

.reg-terms {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 2px 0 20px;
  color: #55627b;
  font-size: 0.9rem;
}

.reg-terms input {
  appearance: none;
  width: 17px;
  height: 17px;
  border: 1px solid #65b4dc;
  border-radius: 3px;
  background: #fff;
  position: relative;
  flex: 0 0 17px;
}

.reg-terms input:checked {
  background: var(--u2g-blue);
  border-color: var(--u2g-blue);
}

.reg-terms input:checked:after {
  content: "";
  position: absolute;
  width: 5px;
  height: 10px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  left: 5px;
  top: 1px;
  transform: rotate(45deg);
}

.reg-terms a {
  color: #167ad2;
  text-decoration: underline;
}

.reg-submit {
  width: 100%;
  height: 56px;
  border: 0;
  border-radius: 30px;
  background: #35a464;
  color: #fff;
  font-size: 1rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  transition: 0.2s ease;
  line-height: 1.2;
}

.reg-submit > span {
  font-size: 1.6rem;
  position: relative;
  top: 2px;
}

.reg-submit:hover {
  background: #2e975a;
  transform: translateY(-1px);
}

.reg-signin {
  text-align: center;
  margin: 20px 0 18px;
  color: #283b61;
  font-size: 0.9rem;
}

.reg-signin a {
  color: #0c77d3;
  text-decoration: underline;
  margin-left: 8px;
}

.reg-benefits {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 13px;
}

.reg-benefit {
  min-height: 148px;
  background: #f0f5ff;
  border-radius:5px;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  text-align:center;padding:13px 10px;
}
.reg-benefit-icon{
  width:61px;height:61px;border-radius:50%;
  background:#fff;box-shadow:0 5px 18px rgba(28,88,155,.09);
  display:grid;place-items:center;
  color:#1677df;font-size:33px;
  margin-bottom:11px;
}
.reg-benefit-title{
  color:#2c416a;font-size:14px;line-height:1.35;font-weight:500;
  max-width:145px;
}


/* Study in Australia — page-only styles. Common header/footer primitives stay in style.css/home.css. */
:root {
    --sa-blue: #0878d9;
    --sa-navy: #071a46;
    --sa-deep: #061b73;
    --sa-green: #19a85b;
    --sa-border: #dbe8f2;
    --sa-soft: #eef8ff;
    --sa-green-soft: #effbf3;
    --sa-shadow: 0 7px 22px rgba(18, 56, 99, .08)
}

body {
    font-size: 14px;
    color: #263956
}

.sa-header {
    position: sticky
}

.sa-logo {
    width: 145px;
    display: block;
    flex: 0 0 auto
}

.sa-logo img {
    width: 145px;
    height: auto
}

.sa-hero {
    position: relative;
    overflow: hidden;
    min-height: 250px;
    background: linear-gradient(100deg, #eff9ff 0%, #eef9ff 40%, #d8efff 72%, #c5e7ff 100%);
    /* background-image: url(../images/australia-banner.jpg); */
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.sa-hero .sa-hero-wash {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 0;
}
.sa-hero .sa-hero-wash > img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: right;
}
.sa-hero-copy h2, .sa-hero-copy p {
  display: none;
}
/* .sa-hero-wash {
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at 72% 35%, rgba(255, 255, 255, .95), transparent 31%), linear-gradient(90deg, rgba(255, 255, 255, .12), transparent 60%);
    pointer-events: none
} */

.sa-breadcrumb {
    position: relative;
    padding-top: 24px;
    display: flex;
    gap: 9px;
    align-items: center;
    color: #667a92;
    font-size: 12px
}

.sa-breadcrumb a {
    color: #38516e
}

.sa-breadcrumb span {
    color: #0878d9
}

.sa-breadcrumb i {
    font-size: 12px
}

.sa-hero-grid {
    position: relative;
    display: grid;
    grid-template-columns: 49% 51%;
    min-height: auto
}

.sa-hero-copy {
    padding: 35px 0 55px;
    position: relative;
    z-index: 3
}

.sa-kicker {
    margin: 0;
    color: #0878d9;
    font-weight: 700;
    font-size: 18px;
    letter-spacing: .3px
}

.sa-hero-copy h1 {
    font-size: 42px;
    line-height: 1;
    margin: 1px 0 8px;
    color: #071b72;
    font-weight: 700;
    letter-spacing: -1px
}

.sa-hero-copy h2 {
    font-size: 22px;
    line-height: 1.25;
    color: #0878d9;
    font-weight: 500;
    margin: 0 0 8px
}

.sa-hero-text {
    font-size: 14px;
    line-height: 1.55;
    color: #405675;
    margin: 0 0 19px
}

.sa-hero-actions {
    display: flex;
    gap: 10px
}

.sa-btn {
    height: 43px;
    padding: 0 19px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    border-radius: 3px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .8px;
    transition: .25s ease
}

.sa-btn i {
    font-size: 15px
}

.sa-btn-primary {
    background: #0878d9;
    color: #fff;
    border: 1px solid #0878d9
}

.sa-btn-primary:hover {
    background: #0665b8;
    color: #fff;
    transform: translateY(-2px)
}

.sa-btn-outline {
    background: #fff;
    color: #0878d9;
    border: 1px solid #0878d9
}

.sa-btn-outline:hover {
    background: #edf7ff;
    color: #0878d9;
    transform: translateY(-2px)
}

.carousel-indicators > button.active {
  width: 30px !important;
}
.carousel-indicators > button {
  background: #61b545 !important;
  border: none !important;
  width: 13px !important;
  height: 13px !important;
  border-radius: 30px !important;
}
/* .carousel-indicators.home-hero-indicators {
  margin-inline: auto !important;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  max-width: 1320px !important;
  transform: translateX(0%);
} */


.sa-hero-art {
    position: relative;
    min-height: auto;
}

.sa-art-glow {
    position: absolute;
    width: 640px;
    height: 420px;
    right: -35px;
    top: -10px;
    background: radial-gradient(ellipse at center, rgba(255, 255, 255, .98) 0%, rgba(215, 240, 255, .45) 52%, transparent 72%)
}

.sa-australia-map {
    position: absolute;
    right: 8px;
    top: 6px;
    width: 580px;
    height: 320px;
    clip-path: polygon(14% 29%, 24% 16%, 38% 13%, 47% 5%, 61% 10%, 70% 3%, 77% 15%, 89% 17%, 95% 29%, 92% 42%, 97% 52%, 92% 64%, 84% 65%, 78% 78%, 65% 76%, 59% 88%, 48% 79%, 36% 84%, 28% 72%, 16% 68%, 9% 56%, 12% 43%);
    overflow: hidden;
    filter: drop-shadow(0 14px 24px rgba(18, 91, 150, .13))
}

.sa-map-image {
    position: absolute;
    inset: 0;
    background-image: linear-gradient(90deg, rgba(15, 135, 222, .12), rgba(0, 0, 0, .03)), url('https://images.unsplash.com/photo-1523482580672-f109ba8cb9be?auto=format&fit=crop&w=1200&q=90');
    background-size: cover;
    background-position: center;
    transform: scale(1.18)
}

.sa-art-copy {
    position: absolute;
    font-size: 31px;
    line-height: 1.05;
    color: #08165f;
    font-style: italic;
    font-weight: 600;
    z-index: 2;
    text-align: center
}

.sa-art-copy span {
    display: block;
    width: 62px;
    height: 4px;
    background: #12a85c;
    margin: 8px auto 0;
    transform: rotate(-14deg);
    border-radius: 99px
}

.sa-art-left {
    left: 56px;
    top: 125px
}

.sa-art-right {
    right: -3px;
    top: 47px;
    font-size: 27px
}

.sa-route {
    position: absolute;
    right: 35px;
    top: 22px;
    width: 125px;
    height: 72px;
    border-top: 2px dashed #1688e0;
    border-radius: 50%;
    transform: rotate(9deg)
}

.sa-route i {
    position: absolute;
    right: -1px;
    top: -13px;
    color: #0d7bd6;
    font-size: 19px;
    transform: rotate(25deg)
}

.sa-facts {
    position: relative;
    margin-top: -1px;
    background: #fff;
    /* border-bottom: 1px solid #edf2f6 */
}

.sa-facts-grid {
    min-height: 84px;
    display: grid;
    grid-template-columns: 1fr 1fr 1.25fr 1fr 1.55fr;
    border: 1px solid #edf1f5;
    border-top: 0;
    box-shadow: 0 5px 14px rgba(16, 64, 104, .05);
    background: #fff;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
.sa-facts-grid > .sa-fact:nth-last-child(2) {
    border: none;
}
.sa-fact {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 13px 25px;
    border-right: 1px solid #e7eef5
}

.sa-fact:last-child {
    border-right: 0
}

.sa-fact>span {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    background: #edf7ff;
    color: #0878d9;
    font-size: 20px;
    flex: 0 0 auto
}

.sa-fact:last-child > span {
  width: auto;
  height: auto;
  font-size: 36px;
}

.sa-fact b,
.sa-fact small {
    display: block
}

.sa-fact b {
    font-size: 16px;
  color: #133b76;
  font-weight: 500;
  line-height: 1.3;
}

.sa-fact small {
    font-size: 14px;
    color: #52647b;
    line-height: 1.3
}

.sa-fact-note {
    background: #edf8ff;
    margin: 9px 10px 9px 0;
    border: 0;
    padding: 8px 17px;
    border-radius: 5px;
}

.sa-section {
    padding: 34px 0
}

.sa-section-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 13px
}

.sa-section h2 {
    font-size: 25px;
    line-height: 1.25;
    color: #111b31;
    font-weight: 600;
    margin: 0;
    letter-spacing: -.35px;
    /* height: 100%; */
}

.sa-section-head a {
    font-size: 11px;
    color: #586a83;
    letter-spacing: .7px;
    display: flex;
    align-items: center;
    gap: 8px
}

.sa-section-head a i {
    font-size: 14px;
    color: #142e63
}

.sa-why {
    padding-top: 38px;
    padding-bottom: 39px
}

.sa-why-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 13px
}

.sa-why-card {
    min-height: 172px;
    border: 1px solid #e2eaf1;
    border-radius: 6px;
    background: #fff;
    box-shadow: 0 5px 15px rgba(25, 64, 101, .07);
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 20px 10px;
    transition: .25s ease
}

.sa-why-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 24px rgba(25, 64, 101, .11)
}

.sa-why-card>span {
    width: 57px;
    height: 57px;
    border: 1.5px solid #1988e6;
    border-radius: 50%;
    display: grid;
    place-items: center;
    color: #1686e1;
    font-size: 24px;
    margin-bottom: 10px
}

.sa-why-card h3 {
    font-size: 18px;
    line-height: 1.22;
    color: #111b80;
    font-weight: 400;
    margin: 0 0 7px;
}

.sa-why-card p {
    font-size: 14px;
    line-height: 1.45;
    color: #586373;
    margin: 0
}

.sa-section.sa-key {
  padding-block: 20px;
}

.sa-key {
    padding-top: 0;
    padding-bottom: 39px
}

.sa-key h2 {
    margin-bottom: 13px
}

.sa-key-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 11px 14px
}

.sa-info {
    min-height: 90px;
    border: 1px solid #d9ecdf;
    background: #f8fff9;
    border-radius: 3px;
    display: grid;
    grid-template-columns: 53px 1fr 30px;
    align-items: center;
    gap: 8px;
    padding: 8px 13px;
    transition: .2s ease
}

.sa-info:hover {
    background: #f0fcf4;
    transform: translateY(-2px)
}

.sa-info>span {
    width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #e0f8e8;
  color: #16a15b;
  display: grid;
  place-items: center;
  font-size: 30px;
}

.sa-info b,
.sa-info small {
    display: block
}

.sa-info b {
    font-size: 18px;
  color: #173d76;
  font-weight: 500;
}

.sa-info small {
    font-size: 14px;
    color: #4f5f6e;
    line-height: 1.35
}

.sa-info>i {
    color: #1bad63;
    font-size: 25px
}

.sa-cities {
    border-top: 1px solid #edf1f5;
    padding-top: 38px;
    padding-bottom: 38px
}

.sa-city-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 13px
}

.sa-city {
    border: 1px solid #e1e9f0;
    border-radius: 6px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 5px 14px rgba(21, 62, 100, .07);
    transition: .25s ease
}

.sa-city:hover {
    transform: translateY(-3px)
}

.sa-city>img {
    width: 100%;
    height: 135px;
    object-fit: cover
}

.sa-city>div {
    padding: 13px 15px 15px;
}

.sa-city h3 {
    font-size: 18px;
    color: #102d72;
    font-weight: 500;
    margin: 0 0 7px
}

.sa-city p {
    font-size: 14px;
    line-height: 1.35;
    color: #4e5969;
    margin: 0
}

.sa-cta-strip {
    padding-top: 0;
    padding-bottom: 35px
}

.sa-cta-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 17px
}

.sa-mini-cta {
    min-height: 92px;
    background: #e8f7ff;
    border-radius: 5px;
    display: grid;
    grid-template-columns: 56px 1fr auto;
    align-items: center;
    gap: 11px;
    padding: 14px 20px;
    transition: .25s ease
}

.sa-mini-cta:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(18, 87, 139, .1)
}

.sa-mini-cta>span {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    background: #fff;
    color: #18a85b;
    font-size: 25px;
    box-shadow: 0 2px 9px rgba(16, 70, 112, .08)
}

.sa-mini-cta b,
.sa-mini-cta small {
    display: block
}

.sa-mini-cta b {
    font-size: 18px;
    color: #0878d9;
    font-weight: 500;
}

.sa-mini-cta small {
    font-size: 14px;
    color: #536578
}

.sa-mini-cta>strong {
    height: 35px;
    padding: 0 16px;
    background: #22a762;
    color: #fff;
    display: flex;
    align-items: center;
    gap: 7px;
    border-radius: 3px;
    font-size: 14px;
    letter-spacing: .5px;
    font-weight: 500
}

.sa-faq {
    padding-top: 0;
    padding-bottom: 40px
}

.sa-faq .accordion-item h2 {
    /* margin-bottom: 13px */
    letter-spacing: 1px;
}
.sa-faq .accordion-item {
    border-radius: var(--bs-accordion-border-radius);
    border: none;
}

.accordion-item:not(:first-of-type) {
  /* border-top: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color); */
}
.sa-faq .accordion-item > div {
  box-shadow: rgba(0, 0, 0, 0.06) 0px 2px 10px 0px inset;
}
.sa-faq-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px
}

.sa-faq-grid button {
    min-height: 50px;
    border: 1px solid #dfe8f0;
    background: #fff;
    border-radius: 3px;
    padding: 10px;
    text-align: left;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 14.5px;
    color: #44536a;
    font-weight: 500;
    /* height: 100%; */
}

.accordion-button::after {
content: "\f4fe";
  display: inline-block;
  font-family: bootstrap-icons !important;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: -.125em;
  color: #0d82dd;
  font-size: 25px;
  background-image: none;
  display: flex;
  align-items: center;
  justify-content: center;
}
.accordion-button:not(.collapsed)::after {
  background-image: none;
  content: "\f2ea";
}
.sa-faq-grid button i {
    color: #0d82dd;
    font-size: 17px
}

.sa-header .desktop-nav {
    gap: 1px
}

.accordion-button.is-open:focus, .accordion-button.collapsed:focus {
  box-shadow: none;
  background: #deeef8;
}

.sa-header .nav-link {
    font-size: 13px !important
}

.sa-header .header-row {
    min-height: 76px
}

.sa-header .login-btn,
.sa-header .create-btn {
    font-size: 13px
}

.home-footer {
    margin-top: 0
}

.home-footer .footer-grid-new {
    padding-top: 30px;
    padding-bottom: 25px
}

.home-footer .footer-grid-new>div:not(.footer-brand-new):not(.footer-map-new) a {
    font-size: 11px
}

.home-footer .footer-grid-new>div:not(.footer-brand-new):not(.footer-map-new) h3 {
    font-size: 13px
}
.explore-section.universities-section .uni-logo {
  min-height: auto;
  max-height: 43px;
}


@media(max-width:1399.98px) {
    .sa-hero-grid {
        grid-template-columns: 50% 50%
    }

    .sa-hero-copy {
        padding-left: 8px
    }

    .sa-australia-map {
        right: -25px
    }

    .sa-art-left {
        left: 34px
    }

    .sa-art-right {
        right: -8px
    }

    .sa-fact {
        padding-inline: 18px
    }

    .sa-city>img {
        height: 105px
    }
}

@media(max-width:1199.98px) {

    .sa-header .desktop-nav,
    .sa-header .login-btn,
    .sa-header .create-btn {
        display: none
    }

    .sa-header .mobile-menu-btn {
        display: grid
    }

    .sa-hero-grid {
        grid-template-columns: 1fr;
        min-height: 600px
    }

    .sa-hero-copy {
        padding: 38px 0 25px;
        max-width: 690px
    }

    .sa-hero-art {
        position: absolute;
        right: 0;
        left: 35%;
        top: 245px;
        min-height: 390px;
        opacity: .98
    }

    .sa-australia-map {
        width: 560px;
        height: 310px
    }

    .sa-facts-grid {
        grid-template-columns: repeat(3, 1fr)
    }

    .sa-fact:nth-child(3) {
        border-right: 0
    }

    .sa-fact:nth-child(n+4) {
        border-top: 1px solid #e7eef5
    }

    .sa-fact-note {
        margin: 0;
        border-radius: 0;
        padding: 13px 18px
    }

    .sa-why-grid {
        grid-template-columns: repeat(3, 1fr)
    }

    .sa-key-grid {
        grid-template-columns: repeat(2, 1fr)
    }

    .sa-city-grid {
        grid-template-columns: repeat(3, 1fr)
    }

    .sa-city-grid .sa-city:nth-child(n+4) {
        display: none
    }

    .sa-cta-grid {
        grid-template-columns: 1fr
    }

    .sa-faq-grid {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media(max-width:767.98px) {

    .sa-logo,
    .sa-logo img {
        width: 122px
    }

    .sa-header .header-row {
        min-height: 64px
    }

    .sa-hero {
        min-height: auto;
    }

    .sa-breadcrumb {
        padding-top: 16px;
        font-size: 10px
    }

    .sa-hero-grid {
        min-height: auto;
        position: relative;
    }
    .sa-hero-grid::after {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    background: #fffc;
    width: 100%;
    height: 100%;
    z-index: 0;
    border-radius: 10px;
    filter: blur(10px);
  }

    .sa-hero-copy {
        padding-top: 28px
    }

    .sa-kicker {
        font-size: 15px
    }

    .sa-hero-copy h1 {
        font-size: 30px
    }

    .sa-hero-copy h2 {
        font-size: 18px
    }

    .sa-hero-text {
        font-size: 13px
    }

    .sa-hero-text br {
        display: none
    }

    .sa-hero-actions {
        flex-wrap: wrap
    }

    .sa-btn {
        height: 40px;
        font-size: 10px;
        padding-inline: 14px
    }

    .sa-hero-art {
        left: 0;
        top: 295px;
        height: 335px;
        min-height: 335px;
        transform: scale(.84);
        transform-origin: top center
    }

    .sa-australia-map {
        right: -80px
    }

    .sa-art-left {
        left: 10px;
        top: 128px;
        font-size: 24px
    }

    .sa-art-right {
        right: -4px;
        top: 45px;
        font-size: 23px
    }

    .sa-facts-grid {
        grid-template-columns: repeat(2, 1fr)
    }

    .sa-fact {
        min-height: 70px;
        padding: 9px 13px
    }

    .sa-fact:nth-child(2) {
        border-right: 0;
        border-bottom: 1px solid #e7eef5;
    }
    

    .sa-fact:nth-child(n+3) {
        border-top: 1px solid #e7eef5;
        border-right: 1px solid #e7eef5;
    }

    .sa-fact-note {
        grid-column: span 2
    }

    .sa-section {
        padding: 28px 0
    }

    .sa-section h2 {
        font-size: 22px
    }

    .sa-section-head {
        align-items: flex-start;
        gap: 10px
    }
    .sa-section-head {
      flex-direction: column;
      gap: 0;
    }
    .sa-section-head a {
        font-size: 12px;
        white-space: nowrap;
        padding-top: 5px
    }
    .sa-section.sa-key {
      padding-top: 0;
    }
    .sa-info small > br, .sa-city p > br {
      display: none;
    }
    .sa-section.sa-cta-strip {
      padding-top: 0;
    }
    .sa-info b {
      line-height: 1;
      margin-bottom: 5px;
    }
    .sa-mini-cta b {
  font-size: 16px;
  line-height: 1;
  margin-bottom: 5px;
}
    .sa-city p {
  font-size: 13px;}
  .sa-city h3 {
  font-size: 16px;margin-bottom: 5px;}
    .sa-why {
        padding-top: 28px
    }

    .sa-why-grid {
        grid-template-columns: 1fr 1fr;
        gap: 10px
    }

    .sa-why-card {
        min-height: 165px;
        padding: 17px 6px
    }

    .sa-why-card h3 {
        font-size: 12px
    }

    .sa-why-card p {
        font-size: 10px
    }

    .sa-key-grid {
        grid-template-columns: 1fr;
        gap: 9px
    }

    .sa-cities {
        padding-top: 28px
    }

    .sa-city-grid {
        grid-template-columns: 1fr 1fr;
        gap: 9px
    }

    .sa-city-grid .sa-city:nth-child(n+4) {
        display: block
    }

    .sa-city-grid .sa-city:nth-child(5) {
        display: none
    }

    .sa-city>img {
        height: 105px
    }

    .sa-cta-grid {
        gap: 10px
    }

    .sa-mini-cta {
        grid-template-columns: 48px 1fr;
        min-height: 100px;
        padding: 12px
    }

    .sa-mini-cta>span {
        width: 44px;
        height: 44px
    }

    .sa-mini-cta>strong {
        grid-column: 2;
        justify-self: start;
        height: 32px;
        padding-inline: 12px
    }

    .sa-faq-grid {
        grid-template-columns: 1fr
    }

    .home-footer .footer-grid-new {
        padding-top: 25px
    }
}

@media(prefers-reduced-motion:reduce) {

    .sa-why-card,
    .sa-info,
    .sa-city,
    .sa-mini-cta {
        transition: none
    }
}



/* /// */
.courses-list-page {
    --b: #0878d8;
    --n: #092b68;
    --border: #dce5ef;
    color: #28384f
}

.courses-list-page .courses-hero {
    min-height: 250px;
    position: relative;
    display: flex;
    align-items: center;
    padding: 28px 36px;
    background: linear-gradient(90deg, #eff9ff 0%, rgba(239, 249, 255, .93) 43%, rgba(239, 249, 255, .1) 78%, transparent), url("../images/course-list-banner.png") center/cover no-repeat
}

.courses-list-page .courses-hero-content {
    z-index: 1
}

.courses-list-page .courses-hero-eyebrow {
    margin: 0;
    color: #0878d8;
    font-size: 17px;
    font-weight: 600;
    text-transform: uppercase
}

.courses-list-page .courses-hero-title {
    margin: 0;
    color: #102b68;
    font-size: 31px;
    line-height: 1.02;
    font-weight: 600;
    text-transform: uppercase
}

.courses-list-page .courses-hero-copy {
    color: #0878d8;
    font-size: 14px;
    line-height: 1.35
}

.courses-list-page .course-search-wrap {
    padding: 17px 0px 13px;
    border-bottom: 1px solid #e2eaf2
}

.courses-list-page .course-search-row {
    display: grid;
    grid-template-columns: minmax(260px, 1fr) 125px 125px 145px 80px;
    gap: 9px
}

.courses-list-page .search-box,
.courses-list-page .filter-select {
    height: 42px;
    border: 1px solid #cbdbea;
    border-radius: 4px;
    display: flex;
    align-items: center;
    padding: 0 12px;
    font-size: 11px
}

.courses-list-page .search-box {
    border-color: #0878d8;
    gap: 8px
}

.courses-list-page .search-box input {
    flex: 1;
    border: 0;
    outline: 0;
    font: inherit
}

.courses-list-page .search-box button {
    border: 0;
    background: none;
    font-size: 17px
}

.courses-list-page .filter-select {
    justify-content: space-between
}

.courses-list-page .filter-select strong {
    display: block;
    font-size: 12px;
    color: #7a8798;
    font-weight: 400
}

.courses-list-page .filter-select span {
    white-space: nowrap
}

.courses-list-page .search-btn {
    height: 42px;
    border: 0;
    border-radius: 4px;
    background: #0878d8;
    color: #fff
}

.courses-list-page .related-searches {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin-top: 8px;
    font-size: 10px;
    align-items: center;
}
.courses-list-page .related-searches > span{
  font-size: 13px;
  font-weight: 600;
}
.courses-list-page .related-searches a {
    background: #e4f3ff;
    color: #2581c9;
    padding: 5px 11px;
    border-radius: 14px;
    font-size: 12px
}

.courses-list-page .results-area {
    padding: 17px 0px 32px
}
.courses-list-page .filter-panel .accordion.filter-accordion .accordion-item.filter-group {
  padding: 0;
}
.courses-list-page .filter-panel .accordion.filter-accordion .accordion-item.filter-group .accordion-button {
  padding: 6px;
  font-size: 12px;
  font-weight: 400;
}
.courses-list-page .filter-panel .accordion.filter-accordion .accordion-item.filter-group .accordion-button.collapsed::after {
  font-size: 20px;
}
.courses-list-page .results-layout {
    display: grid;
    grid-template-columns: 200px minmax(0, 1fr);
    gap: 18px
}

.courses-list-page .filter-panel {
    border: 1px solid #e0e8f0;
    border-radius: 6px;
    background: #fff;
    overflow: hidden;
    box-shadow: 0 3px 10px rgba(20, 57, 94, .05)
}

.courses-list-page .filter-header,
.courses-list-page .filter-group {
    padding: 9px 12px
}

.courses-list-page .filter-header,
.courses-list-page .filter-group-title {
    display: flex;
    justify-content: space-between;
    color: #19467f;
    font-size: 14px
}

.courses-list-page .filter-header {
    font-size: 16px
}

.courses-list-page .filter-group {
    border-top: 1px solid #edf1f5
}

.courses-list-page .filter-option {
    display: flex;
    gap: 6px;
    margin: 6px 0;
    color: #657083;
    font-size: 12px
}

.courses-list-page .filter-option input {
    accent-color: #0878d8
}

.courses-list-page .filter-header a,
.courses-list-page .show-more {
    font-size: 12px;
    color: #0878d8
}
.courses-list-page .filter-panel .accordion.filter-accordion .accordion-item.filter-group .accordion-body {
  padding: 7px 10px;
}
.courses-list-page .results-heading {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px
}

.courses-list-page .results-heading h1 {
    margin: 0;
    font-size: 19px;
    font-weight: 500
}

.courses-list-page .sort-wrap {
    font-size: 12px
}

.courses-list-page .sort-select {
    width: 132px;
    height: 35px;
    border: 1px solid #dce5ef;
    border-radius: 4px
}

.courses-list-page .course-result {
    display: grid;
    grid-template-columns: 115px minmax(0, 1fr) 125px;
    gap: 14px;
    align-items: center;
    border: 1px solid #e0e7ef;
    border-radius: 6px;
    padding: 12px 14px;
    margin-bottom: 10px;
    box-shadow: 0 3px 11px rgba(24, 61, 98, .055)
}

.courses-list-page .course-thumb {
    width: 115px;
    height: 112px;
    border-radius: 6px;
    overflow: hidden
}

.courses-list-page .course-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.courses-list-page .course-university-logo {
    height: 38px;
    max-width: 190px;
    object-fit: contain;
    object-position: left
}

.courses-list-page .course-result-title {
    margin: 0;
    color: #073b83;
    font-size: 15px;
    font-weight: 500
}

.courses-list-page .course-university-name {
    margin: 2px 0 5px;
    color: #4f6590;
    font-size: 12px
}

.courses-list-page .course-meta,
.courses-list-page .course-badges {
    display: flex;
    gap: 7px;
    flex-wrap: wrap
}

.courses-list-page .course-meta {
    font-size: 12px;
    margin-bottom: 7px
}

.courses-list-page .course-badge {
    padding: 5px 9px;
    border-radius: 13px;
    font-size: 11px
}

.courses-list-page .badge-green {
    background: #e0f7ed;
    color: #1a9762
}

.courses-list-page .badge-blue {
    background: #e4f3ff;
    color: #0878d8
}

.courses-list-page .badge-purple {
    background: #eee7ff;
    color: #8154ce
}

.courses-list-page .compare-check {
  font-size: 12px;
  display: flex;
  align-items: center;
  gap: 4px;
}

.courses-list-page .course-side {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 9px
}

.courses-list-page .rating {
    font-size: 12px;
    color: #183d78
}

.courses-list-page .rating i {
    color: #f0a400
}

.courses-list-page .price-box {
    width: 111px;
    border: 1px solid #9ed0f0;
    border-radius: 4px;
    background: #eef8ff;
    padding: 8px;
    text-align: center;
    color: #0b4d94
}

.courses-list-page .price-box strong {
    display: block;
    font-size: 12px;
    font-weight: 500
}

.courses-list-page .price-box span {
    font-size: 12px
}

.courses-list-page .details-btn {
    width: 111px;
    height: 36px;
    border: 0;
    border-radius: 3px;
    background: #0878d8;
    color: #fff;
    font-size: 12px;
    margin: 0;
}

.courses-list-page .pagination {
    display: flex;
    justify-content: center;
    gap: 5px;
    margin: 13px 0 17px
}

.courses-list-page .pagination button {
    width: 29px;
    height: 29px;
    border: 0;
    border-radius: 50%;
    background: #edf5fc
}

.courses-list-page .pagination button.active {
    background: #0878d8;
    color: #fff
}

.courses-list-page .compare-banner {
    min-height: 74px;
    border-radius: 6px;
    background: #e5f5ff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 24px
}

.courses-list-page .compare-banner-left {
    display: flex;
    align-items: center;
    gap: 15px
}

.courses-list-page .compare-banner-left i {
    font-size: 39px;
    color: #0878d8
}

.courses-list-page .compare-banner h2 {
    margin: 0;
    color: #073b83;
    font-size: 15px
}

.courses-list-page .compare-banner p {
    margin: 3px 0;
    font-size: 12px
}

.courses-list-page .compare-banner button {
    min-width: 135px;
    height: 34px;
    border: 1px solid #0878d8;
    background: #fff;
    color: #0878d8;
    border-radius: 3px;
    font-size: 12px
}

@media(max-width:991.98px) {
    .courses-list-page .course-search-row {
        grid-template-columns: 1fr 1fr 1fr
    }

    .courses-list-page .search-box {
        grid-column: 1/-1
    }

    .courses-list-page .results-layout {
        grid-template-columns: 1fr
    }

    .courses-list-page .filter-panel {
        display: none
    }
}

@media(max-width:767.98px) {
    .courses-list-page .courses-hero {
        min-height: 255px;
        padding: 24px 18px
    }

    .courses-list-page .courses-hero-title {
        font-size: 26px
    }

    .courses-list-page .course-search-wrap,
    .courses-list-page .results-area {
        padding-left: 15px;
        padding-right: 15px
    }

    .courses-list-page .course-search-row {
        grid-template-columns: 1fr 1fr
    }

    .courses-list-page .search-box,
    .courses-list-page .search-btn {
        grid-column: 1/-1
    }

    .courses-list-page .results-heading {
        display: block
    }

    .courses-list-page .course-result {
        grid-template-columns: 78px minmax(0, 1fr);
        padding: 10px
    }

    .courses-list-page .course-thumb {
        width: 78px;
        height: 88px
    }

    .courses-list-page .course-side {
        grid-column: 2;
        align-items: flex-start;
        display: grid;
        grid-template-columns: 1fr 1fr
    }

    .courses-list-page .rating {
        grid-column: 1/-1
    }

    .courses-list-page .price-box,
    .courses-list-page .details-btn {
        width: 100%
    }

    .courses-list-page .compare-banner {
        flex-direction: column;
        align-items: flex-start
    }

    .courses-list-page .compare-banner button {
        width: 100%
    }
}

@media(max-width:430px) {
    .courses-list-page .course-result {
        grid-template-columns: 1fr
    }

    .courses-list-page .course-thumb {
        width: 100%;
        height: 145px
    }

    .courses-list-page .course-side {
        grid-column: auto
    }
}



/* Uni2Go Fees & Funding — page-specific layer */
.fees-funding-page{
  --ff-blue:#0878d8;
  --ff-navy:#092b68;
  --ff-green:#14965d;
  --ff-border:#dce6f0;
  --ff-soft:#f4f8fd;
  color:#283a56;
}
.fees-funding-page .course-hero {
  min-height: 250px;
  border-radius: 8px;
  overflow: hidden;
  position: relative;
  background: linear-gradient(90deg, rgba(9, 35, 77, .88), rgba(9, 35, 77, .48) 42%, rgba(9, 35, 77, .08) 78%), url("../images/course-hero.png") center 44%/cover no-repeat;
  color: #fff;
  padding: 27px 34px 24px;
  display: flex;
  align-items: flex-end;
}

.fees-funding-page .course-hero-content {
  position: relative;
  z-index: 2;
  width: 100%
}

.fees-funding-page .course-university {
  display: inline-flex;
  align-items: center;
  min-height: 54px;
  background: #fff;
  border-radius: 0 28px 28px 0;
  padding: 7px 25px 7px 10px;
  margin-bottom: 10px;
  box-shadow: 0 5px 16px rgba(0, 0, 0, .09);
  padding-left: 30px;
  position: relative;
  left: -34px;
}

.fees-funding-page .course-university img {
  width: 150px;
  height: 40px;
  object-fit: contain
}

.fees-funding-page .course-title {
  margin: 0 0 5px;
  font-size: 27px;
  line-height: 1.15;
  font-weight: 600
}

.fees-funding-page .course-meta {
  display: flex;
  align-items: center;
  gap: 20px;
  font-size: 13px;
  margin-bottom: 13px
}

.fees-funding-page .course-meta span {
  display: inline-flex;
  align-items: center;
  gap: 7px
}

.fees-funding-page .course-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 9px
}

.fees-funding-page .course-tag {
  padding: 8px 22px;
  border-radius: 22px;
  background: #fff;
  color: #23845f;
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase
}

.fees-funding-page .course-tag:nth-child(2) {
  color: #e49a0b
}

.fees-funding-page .course-tag:nth-child(3) {
  color: #9a68df
}

.fees-funding-page .course-tabs {
  min-height: 51px;
  background: #fff;
  border-bottom: 1px solid #dfe7ef;
  display: flex;
  align-items: stretch;
  overflow: auto;
  white-space: nowrap
}

.fees-funding-page .course-tabs a {
  padding: 0 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #28384f;
  font-size: 13px;
  position: relative
}

.fees-funding-page .course-tabs a.active {
  color: var(--ff-blue);
  font-weight: 500
}

.fees-funding-page .course-tabs a.active:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 2px;
  background: var(--ff-blue)
}

.fees-funding-page .fees-intro {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin: 18px 0 10px
}

.fees-funding-page .fees-intro h1 {
  margin: 0;
  color: #111d36;
  font-size: 20px;
  line-height: 1.2;
  font-weight: 500
}

.fees-funding-page .fees-intro p {
  margin: 4px 0 0;
  color: #5e6b7f;
  font-size: 13px
}

.fees-funding-page .currency-tools {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 14px;
  color: #64748a
}

.fees-funding-page .currency-tools select {
  height: 35px;
  min-width: 104px;
  border: 1px solid #dce4ed;
  border-radius: 4px;
  background: #fff;
  padding: 0 10px;
  color: #42516a;
  font: inherit
}

.fees-funding-page .fees-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 350px;
  gap: 15px;
  align-items: start
}

.fees-funding-page .fees-panel,
.fees-funding-page .summary-card {
  background: #fff;
  border: 1px solid #e0e7ef;
  border-radius: 8px;
  box-shadow: 0 3px 12px rgba(25, 61, 98, .055)
}

.fees-funding-page .fees-panel {
  padding: 20px 25px;
  margin-bottom: 13px
}

.fees-funding-page .panel-heading {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 13px
}

.fees-funding-page .panel-heading .heading-icon {
  width: 43px;
  height: 43px;
  border-radius: 50%;
  background: #e9f5ff;
  color: var(--ff-blue);
  display: grid;
  place-items: center;
  font-size: 21px;
  flex: 0 0 43px
}

.fees-funding-page .panel-heading h2 {
  margin: 0;
  color: #092b68;
  font-size: 18px;
  line-height: 1.2;
  font-weight: 500
}

.fees-funding-page .panel-heading p {
  margin: 2px 0 0;
  color: #58709a;
  font-size: 11px
}

.fees-funding-page .fee-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  font-size: 11px;
  overflow: hidden;
  border-radius: 4px
}

.fees-funding-page .fee-table th {
  background: #edf3ff;
  color: #45618d;
  font-weight: 500;
  text-align: left;
  padding: 9px 13px
}

.fees-funding-page .fee-table td {
  padding: 8px 13px;
  border-bottom: 1px solid #e5ebf2;
  color: #4d5d74
}

.fees-funding-page .fee-table tbody tr:last-child td {
  border-bottom: 0
}

.fees-funding-page .fee-table .total td {
  background: #dceefe;
  color: #174b88;
  font-weight: 500
}

.fees-funding-page .fee-note {
  margin: 8px 0 0;
  color: #6a7484;
  font-size: 13px;
  line-height: 1.45
}

.fees-funding-page .expense-table th:nth-child(1) {
  width: 46%
}

.fees-funding-page .expense-table th:nth-child(2) {
  width: 31%
}

.fees-funding-page .expense-table th:nth-child(3) {
  width: 23%
}

.fees-funding-page .scholarship-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 9px
}

.fees-funding-page .scholarship-card {
  border: 1px solid #dce5ef;
  border-radius: 4px;
  background: #f8fbff;
  padding: 12px 12px 11px;
  min-height: 135px
}

.fees-funding-page .scholarship-card h3 {
  margin: 0 0 7px;
  color: #31528a;
  font-size: 12px;
  line-height: 1.25;
  font-weight: 500
}

.fees-funding-page .scholarship-card strong {
  display: block;
  color: #0878d8;
  font-size: 13px;
  margin-bottom: 6px;
  font-weight: 500
}

.fees-funding-page .scholarship-card p {
  font-size: 14px;
  line-height: 1.35;
  color: #5b6880;
  margin: 0 0 9px
}

.fees-funding-page .mini-btn {
  height: 29px;
  border: 1px solid #1383dc;
  color: #1383dc;
  background: #fff;
  border-radius: 3px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  text-transform: uppercase
}

.fees-funding-page .payment-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 9px
}

.fees-funding-page .payment-box {
  min-height: 64px;
  border: 1px solid #dce5ef;
  border-radius: 4px;
  background: #f8fbff;
  padding: 10px
}

.fees-funding-page .payment-box strong {
  display: block;
  color: #0878d8;
  font-size: 12px;
  font-weight: 500;
  margin-bottom: 3px
}

.fees-funding-page .payment-box span {
  display: block;
  color: #58677d;
  font-size: 14px;
  line-height: 1.3
}

.fees-funding-page .summary-card {
  padding: 15px;
  margin-bottom: 13px
}

.fees-funding-page .summary-card h2 {
  margin: 0 0 13px;
  color: #092b68;
  font-size: 16px;
  font-weight: 500
}

.fees-funding-page .summary-link {
  float: right;
  color: #4c78ad;
  font-size: 13px;
  margin-top: 3px
}

.fees-funding-page .summary-row {
  display: flex;
  justify-content: space-between;
  gap: 15px;
  padding: 9px 0;
  border-bottom: 1px solid #edf1f5;
  color: #58677d;
  font-size: 10px
}

.fees-funding-page .summary-row strong {
  color: #0878d8;
  font-weight: 500
}

.fees-funding-page .summary-total {
  background: #e6f3ff;
  border-radius: 6px;
  padding: 10px 12px;
  margin-top: 9px;
  color: #0878d8
}

.fees-funding-page .summary-total span {
  display: block;
  font-size: 12px
}

.fees-funding-page .summary-total strong {
  font-size: 17px;
  font-weight: 500;
  display: block
}

.fees-funding-page .question-card {
  padding: 14px
}

.fees-funding-page .question-top {
  display: flex;
  gap: 10px;
  align-items: center
}

.fees-funding-page .question-top img {
  width: 53px;
  height: 58px;
  object-fit: cover;
  border-radius: 5px
}

.fees-funding-page .question-top h3 {
  margin: 0;
  color: #092b68;
  font-size: 12px;
  line-height: 1.25;
  font-weight: 500
}

.fees-funding-page .question-top p {
  margin: 3px 0 0;
  color: #55709c;
  font-size: 13px;
  line-height: 1.3
}

.fees-funding-page .trust-row {
  display: flex;
  gap: 7px;
  margin: 10px 0;
  flex-wrap: wrap
}

.fees-funding-page .trust-pill {
  padding: 5px 8px;
  border-radius: 12px;
  background: #e2f7ec;
  color: #178b58;
  font-size: 12px
}

.fees-funding-page .green-card {
  background: #eaf9f2;
  border-color: #d9eee4
}

.fees-funding-page .green-card h2 {
  margin-bottom: 3px
}

.fees-funding-page .green-card p {
  font-size: 13px;
  color: #55709c;
  margin: 0 0 7px;
  line-height: 1.35
}

.fees-funding-page .green-list {
  list-style: none;
  padding: 0;
  margin: 7px 0 12px
}

.fees-funding-page .green-list li {
  font-size: 14px;
  color: #526174;
  margin: 5px 0;
  display: flex;
  gap: 6px
}

.fees-funding-page .green-list i {
  color: #15955b
}

.fees-funding-page .blue-card {
  background: #eaf4ff;
  border-color: #d9e9f8
}

.fees-funding-page .blue-card p {
  font-size: 13px;
  color: #55709c;
  line-height: 1.35;
  margin: 0 0 12px
}

.fees-funding-page .full-btn {
  width: 100%;
  height: 35px;
  border: 1px solid #1383dc;
  border-radius: 3px;
  background: #fff;
  color: #1383dc;
  font-size: 13px;
  display: flex;
  align-items: center;
  justify-content: center
}
@media(max-width:1199.98px){
 .fees-funding-page .fees-layout{grid-template-columns:1fr}
 .fees-funding-page .fees-right{display:grid;grid-template-columns:1fr 1fr;gap:13px}
 .fees-funding-page .fees-right>*{margin-bottom:0}
}
@media(max-width:767.98px){
 .fees-funding-page .course-hero{min-height:310px;padding:20px 18px}
 .fees-funding-page .course-title{font-size:22px}
 .fees-funding-page .course-meta{gap:10px;flex-wrap:wrap}
 .fees-funding-page .course-tag{padding:7px 13px;font-size:10px}
 .fees-funding-page .course-university img{width:125px}
 .fees-funding-page .course-tabs a{padding:0 13px;font-size:11px}
 .fees-funding-page .fees-intro{display:block}
 .fees-funding-page .currency-tools{margin-top:10px}
 .fees-funding-page .fees-right{grid-template-columns:1fr}
 .fees-funding-page .fees-panel{padding:17px}
 .fees-funding-page .fee-table{font-size: 14px;display:block;overflow-x:auto;white-space:nowrap}
 .fees-funding-page .scholarship-grid,.fees-funding-page .payment-grid{grid-template-columns:1fr}
}
@media(max-width:430px){
 .fees-funding-page .course-hero{min-height:330px}
 .fees-funding-page .panel-heading h2{font-size:16px}
}





/* =========================================================
   Uni2Go — Help & Support page
   Page-specific styles are scoped to .help-support-page.
   Existing dashboard/header/footer classes are reused.
   ========================================================= */
.help-support-page{
  --hs-blue:#0878d8;
  --hs-navy:#092b68;
  --hs-text:#33435a;
  --hs-muted:#68778b;
  --hs-border:#dfe8f1;
  --hs-soft:#f1f8ff;
}
.help-support-page .support-hero{
  /* min-height:140px;
  border-radius:6px;
  overflow:hidden;
  position:relative;
  display:flex;
  align-items:center;
  padding:25px 25px;
  background:
    linear-gradient(90deg,#dceeff 0%,rgba(220,238,255,.95) 44%,rgba(220,238,255,.20) 78%,rgba(220,238,255,0) 100%),
    url("../images/home-hero.jpg") center/cover no-repeat; */
}
.help-support-page .support-hero-content{position:relative;z-index:2;max-width:390px}
.help-support-page .support-hero h1{
  margin:0 0 4px;color:#0d1c36;font-size:27px;line-height:1.15;font-weight:600;
}
.help-support-page .support-hero p{
  margin:0;color:#36485e;font-size:12px;line-height:1.45;
}
.help-support-page .support-search-section{
  margin-top:11px;padding:13px 17px 16px;border-radius:6px;
  background:#f3f8fe;border:1px solid #e2ebf4;text-align:center;
}
.help-support-page .support-search-section h2{
  margin:0;color:#172641;font-size:17px;font-weight:500;
}
.help-support-page .support-search-section > p{
  margin:2px 0 9px;color:#68778b;font-size: 13px;
}
.help-support-page .support-search{
  height:36px;display:flex;align-items:center;background:#fff;
  border:1px solid #dce6f0;border-radius:4px;padding:3px 3px 3px 11px;
}
.help-support-page .support-search i{color:#173e78;font-size:14px}
.help-support-page .support-search input{
  flex:1;min-width:0;border:0;outline:0;padding:4px 8px;
  color:#52637b;font:400 13px Poppins,sans-serif;
}
.help-support-page .support-search button{
  height:30px;min-width:115px;border:0;border-radius:3px;
  background:#0878d8;color:#fff;font-size: 13px;
}
.help-support-page .support-topic-grid{
  display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:11px;
}
.help-support-page .topic-card{
  min-height:120px;border:1px solid #e1e9f1;border-radius:6px;background:#fff;
  padding:14px 13px;position:relative;box-shadow:0 3px 9px rgba(26,65,103,.04);
}
.help-support-page .topic-icon{
  width:40px;height:40px;border-radius:50%;display:flex;align-items:center;
  justify-content:center;font-size:19px;margin-bottom:9px;
}
.help-support-page .topic-card:nth-child(1) .topic-icon{background:#fff4c9;color:#d7a600}
.help-support-page .topic-card:nth-child(2) .topic-icon{background:#ffe9eb;color:#f15d67}
.help-support-page .topic-card:nth-child(3) .topic-icon{background:#ddfbfb;color:#09a7b2}
.help-support-page .topic-card:nth-child(4) .topic-icon{background:#e8efff;color:#315ee8}
.help-support-page .topic-card:nth-child(5) .topic-icon{background:#f5e8ff;color:#9553c9}
.help-support-page .topic-card:nth-child(6) .topic-icon{background:#e9f8dc;color:#67ad37}
.help-support-page .topic-card:nth-child(7) .topic-icon{background:#e6f4ff;color:#0878d8}
.help-support-page .topic-card:nth-child(8) .topic-icon{background:#eee8ff;color:#6f50df}
.help-support-page .topic-card h3{
  margin:0;color:#07529d;font-size:13px;font-weight:500;
}
.help-support-page .topic-card p{
  margin:2px 0 0;max-width:145px;color:#59687b;font-size: 13px;line-height:1.35;
}
.help-support-page .topic-arrow{
  position:absolute;right:11px;bottom:12px;width:24px;height:24px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;color:#0878d8;
  box-shadow:0 2px 8px rgba(8,120,216,.14);font-size:12px;
}
.help-support-page .support-main-grid{
  display:grid;grid-template-columns:minmax(0,2.2fr) minmax(220px,.95fr);gap:10px;margin-top:11px;
}
.help-support-page .faq-card,
.help-support-page .contact-card{
  border:1px solid #e1e9f1;border-radius:6px;background:#fff;
  box-shadow:0 3px 9px rgba(26,65,103,.04);
}
.help-support-page .faq-card{overflow:hidden}
.help-support-page .faq-heading{
  padding:11px 15px 8px;display:flex;align-items:center;justify-content:space-between;
}
.help-support-page .faq-heading h2{
  margin:0;color:#0a2864;font-size:17px;font-weight:500;
}
.help-support-page .faq-heading a{color:#0878d8;font-size:13px}
.help-support-page .faq-item{
  min-height:34px;border-top:1px solid #edf1f5;display:flex;align-items:center;
  gap:9px;padding:0 14px;color:#234e89;font-size: 13px;
}
.help-support-page .faq-item i:first-child{
  width:18px;height:18px;border:1.5px solid #0878d8;border-radius:50%;
  display:flex;align-items:center;justify-content:center;font-size: 14px;
}
.help-support-page .faq-item span{flex:1}
.help-support-page .faq-item i:last-child{color:#0878d8;font-size:9px}
.help-support-page .contact-card{
  background:#eff8ff;padding:11px 12px;border:0;
}
.help-support-page .contact-card h2{
  margin:0;color:#102c68;font-size:15px;font-weight:500;
}
.help-support-page .contact-card > p{
  margin:2px 0 8px;color:#5f6e82;font-size: 13px;
}
.help-support-page .contact-option{
  min-height:47px;background:#fff;border:1px solid #e2ebf3;border-radius:3px;
  display:flex;align-items:center;gap:9px;padding:12px 10px;margin-top:7px;
}
.help-support-page .contact-option .contact-icon{
  width:28px;height:28px;display:flex;align-items:center;justify-content:center;
  color:#0878d8;font-size:18px;
}
.help-support-page .contact-option div{flex:1;min-width:0}
.help-support-page .contact-option strong{
  display:block;color:#0878d8;font-size: 13px;font-weight:500;
}
.help-support-page .contact-option small{
  display:block;color:#67768a;font-size: 12px;line-height:1.3;
}
.help-support-page .contact-option > i{color:#0878d8;font-size:11px}
.help-support-page .support-bottom-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:10px;
}
.help-support-page .support-resource{
  min-height:72px;border:1px solid #e1e9f1;border-radius:6px;background:#fff;
  padding:11px 13px;display:grid;grid-template-columns:35px 1fr;gap:9px;
}
.help-support-page .resource-icon{
  width:35px;height:35px;border-radius:50%;background:#e8f5ff;color:#0878d8;
  display:flex;align-items:center;justify-content:center;font-size:17px;
}
.help-support-page .support-resource h3{
  margin:0;color:#07529d;font-size:16px;font-weight:500;
}
.help-support-page .support-resource p{
  margin:2px 0 7px;color:#5f6e82;font-size: 13px;line-height:1.25;
}
.help-support-page .support-resource a{
  display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 12px;
  border:1px solid #0878d8;color:#0878d8;background:#fff;border-radius:3px;
  font-size: 13px;text-decoration:none;
}
@media(max-width:991.98px){
  .help-support-page .support-topic-grid{grid-template-columns:repeat(2,1fr)}
  .help-support-page .support-main-grid{grid-template-columns:1fr}
  .help-support-page .support-bottom-grid{grid-template-columns:1fr}
}
@media(max-width:767.98px){
  .help-support-page .support-hero{min-height:180px;padding:20px}
  .help-support-page .support-hero h1{font-size:24px}
  .help-support-page .support-search-section{padding:13px}
  .help-support-page .support-search{height:auto;min-height:38px}
  .help-support-page .support-search button{min-width:88px}
  .help-support-page .support-topic-grid{grid-template-columns:1fr}
  .help-support-page .faq-heading h2{font-size:15px}
}
@media(max-width:430px){
  .help-support-page .support-search{flex-wrap:wrap;padding:7px}
  .help-support-page .support-search i{margin-left:4px}
  .help-support-page .support-search input{min-height:30px}
  .help-support-page .support-search button{width:100%;margin-top:5px}
}





/* =========================================================
   MY APPLICATIONS — page-specific styles
   Reuses dashboard.css + style.css components.
   ========================================================= */
.my-applications-page .dashboard-shell{
  padding-top:50px;
  padding-bottom:42px;
  align-items:stretch;
}
.my-applications-page .dashboard-sidebar{
  min-height:1080px;
}
.my-applications-page .dashboard-main{
  min-width:0;
}
.my-applications-page .applications-hero{
  min-height:183px;
  border-radius:8px;
  overflow:hidden;
  position:relative;
  background:url("../images/profile-bar.jpg") right center/cover no-repeat;
  display:flex;
  align-items:center;
  padding:26px 35px;
}
.my-applications-page .applications-hero-copy{
  position:relative;
  z-index:2;
  max-width:600px;
}
.my-applications-page .applications-hero h1{
  margin:0 0 3px;
  color:#0a1c3a;
  font-size:28px;
  line-height:1.2;
  font-weight:600;
}
.my-applications-page .applications-hero p{
  margin:0;
  color:#24364f;
  font-size:14px;
  line-height:1.5;
}
.my-applications-page .application-stats{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:12px;
  margin-top:16px;
}
.my-applications-page .application-stat{
  min-height:79px;
  border-radius:7px;
  padding:13px 15px;
  display:flex;
  align-items:center;
  gap:11px;
}
.my-applications-page .application-stat:nth-child(1){background:#eaf5ff}
.my-applications-page .application-stat:nth-child(2){background:#e9faf4}
.my-applications-page .application-stat:nth-child(3){background:#fff7e6}
.my-applications-page .application-stat:nth-child(4){background:#f0edff}
.my-applications-page .application-stat:nth-child(5){background:#fff0f0}
.my-applications-page .application-stat-icon{
  width:40px;height:40px;flex:0 0 40px;
  border:2px solid currentColor;border-radius:9px;
  display:grid;place-items:center;font-size:24px;
}
.my-applications-page .stat-blue{color:#0b78d7}
.my-applications-page .stat-green{color:#159e66}
.my-applications-page .stat-yellow{color:#e6a516}
.my-applications-page .stat-purple{color:#7955e9}
.my-applications-page .stat-red{color:#e54848}
.my-applications-page .application-stat strong{
  display:block;color:inherit;font-size:20px;line-height:1.05;font-weight:600;
}
.my-applications-page .application-stat span{
  display:block;color:#556176;font-size:12px;line-height:1.25;margin-top:3px;
}
.my-applications-page .applications-tabs{
  margin-top:13px;
  height:42px;
  display:flex;
  align-items:flex-end;
  border-bottom:1px solid #e3e8ef;
  overflow:auto;
  scrollbar-width:none;
}
.my-applications-page .applications-tabs::-webkit-scrollbar{display:none}
.my-applications-page .applications-tab{
  height:42px;
  padding:0 17px;
  display:flex;align-items:center;justify-content:center;
  color:#253248;font-size:13px;white-space:nowrap;
  border-bottom:2px solid transparent;
}
.my-applications-page .applications-tab.active{
  color:#0878d8;
  border-bottom-color:#0878d8;
  font-weight:500;
}
.my-applications-page .applications-content{
  display:grid;
  grid-template-columns:minmax(0,1fr) 270px;
  gap:12px;
  margin-top:13px;
}
.my-applications-page .application-list{
  display:grid;
  gap:12px;
}
.my-applications-page .application-card{
  border:1px solid #e2e8f0;
  border-radius:8px;
  background:#fff;
  padding:18px 17px 14px;
  box-shadow:0 2px 9px rgba(30,60,100,.04);
}
.my-applications-page .application-card-top{
  display:grid;
  grid-template-columns:66px minmax(0,1fr) auto 24px;
  gap:15px;
  align-items:start;
}
.my-applications-page .university-logo-box{
  width:66px;height:66px;
  border:1px solid #dbe3ed;border-radius:6px;
  display:grid;place-items:center;
  background:#fff;
  overflow:hidden;
}
.my-applications-page .university-logo-box img{
  width:56px;height:56px;object-fit:contain;
}
.my-applications-page .university-logo-box .monash-mark{
  width:48px;height:48px;background:#123f7b;color:#fff;border-radius:50%;
  display:grid;place-items:center;font-size: 13px;font-weight:700;text-align:center;
  line-height:1.05;
}
.my-applications-page .university-info h2{
  margin:0px 0 5px;color:#0c3474;font-size:18px;line-height:1.25;font-weight:500;
}
.my-applications-page .university-info p{
  margin:0;color:#45607e;font-size:14px;line-height:1.35;
}
.my-applications-page .university-info p i{font-size:11px;margin-right:3px}
.my-applications-page .application-status{
  min-width:112px;text-align:center;
}
.my-applications-page .status-pill{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:28px;padding:0 16px;border-radius:20px;
  font-size:12px;font-weight:500;
}
.my-applications-page .status-submitted{background:#ddf8ea;color:#159563}
.my-applications-page .status-review{background:#fff1cf;color:#d8940a}
.my-applications-page .status-progress{background:#dff0ff;color:#1675ca}
.my-applications-page .status-offer{background:#ddf8ea;color:#159563}
.my-applications-page .status-date{
  display:block;margin-top:5px;color:#66758a;font-size:11px;
}
.my-applications-page .application-menu{
  border:0;background:transparent;color:#0878d8;font-size:20px;padding:0;
}
.my-applications-page .application-progress{
  margin:12px 1px 0;
  display: inline-flex;
  justify-content: start;
  gap: 0px;
  position:relative;
  width: 100%;
  max-width: 500px;
}
.my-applications-page .application-progress > div{
  position: relative;
  z-index: 1;
  width: 100%;
}
.my-applications-page .application-progress > div:not(:last-child)::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 9px;
  height: 1px;
  background: #d4dde8;
  z-index: -1;
  width: 100%;
  transform: translateX(0%);
}
.my-applications-page .progress-step{
  position:relative;z-index:1;text-align:center;
}
.my-applications-page .progress-dot{
  width:18px;height:18px;margin:0 auto 4px;border-radius:50%;
  border:2px solid #d7dee8;background:#fff;display:grid;place-items:center;
}
.my-applications-page .progress-step.done .progress-dot{
  border-color:#18a065;background:#18a065;color:#fff;font-size:11px;
}
.my-applications-page .progress-step.current .progress-dot{
  border-color:#0b73d5;background:#fff;box-shadow:inset 0 0 0 3px #fff;color:#0b73d5;
}
.my-applications-page .progress-label{
  display:block;color:#69758a;font-size:13px;line-height:1.25;
}
.my-applications-page .progress-step.done .progress-label{color:#4f5c70}
.my-applications-page .view-details{
  width: 60px;
  height: 60px;border:1px solid #57aee9;border-radius:50%;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  color:#0b73d5;font-size: 13px;line-height:1.05;margin:0 0 0 auto;
  background:#fff;
}
.my-applications-page .view-details i{font-size:16px;line-height:1}
.my-applications-page .application-card-footer{
  display:grid;
  grid-template-columns:1fr 70px;
  align-items:center;
  margin-top:-47px;
  pointer-events:none;
}
.my-applications-page .application-card-footer .view-details{pointer-events:auto}
.my-applications-page .applications-side{
  display:grid;
  align-content:start;
  gap:12px;
}
.my-applications-page .track-card{
  background:#eef6ff;border-radius:7px;padding:17px 15px;
}
.my-applications-page .track-card-top{display:flex;gap:11px}
.my-applications-page .track-icon{
  width:38px;color:#0b73d5;font-size:36px;line-height:1;
}
.my-applications-page .track-card h3{
  margin:0;color:#0b3472;font-size:14px;line-height:1.3;font-weight:600;
}
.my-applications-page .track-card p{
  margin:6px 0 0;color:#4e6079;font-size:12px;line-height:1.45;
}
.my-applications-page .tasks-card{
  border:1px solid #e2e8f0;border-radius:7px;background:#fff;padding:14px;
}
.my-applications-page .side-heading{
  display:flex;align-items:center;justify-content:space-between;margin-bottom:9px;
}
.my-applications-page .side-heading h3{
  margin:0;color:#0c2e68;font-size:18px;font-weight:500;
}
.my-applications-page .side-heading a{
  color:#61748f;font-size: 14px;text-transform:uppercase;
}
.my-applications-page .task{
  display:grid;grid-template-columns:36px 1fr;gap:10px;
  padding:11px 0;border-top:1px solid #edf1f5;
}
.my-applications-page .task:first-of-type{border-top:0}
.my-applications-page .task-icon{
  width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-size:18px;
}
.my-applications-page .task:nth-child(2) .task-icon{background:#fff3d9;color:#e7a318}
.my-applications-page .task:nth-child(3) .task-icon{background:#f0eaff;color:#8056e9}
.my-applications-page .task:nth-child(4) .task-icon{background:#ffe9ea;color:#eb525a}
.my-applications-page .task p{margin:0;color:#4a5870;font-size:13px;line-height:1.35}
.my-applications-page .task strong{display:block;color:#ef5a5a;font-weight:500;margin-top:2px}
.my-applications-page .help-side{
  background:#eef6ff;border-radius:7px;padding:17px 15px;
}
.my-applications-page .help-side h3{
  margin:0 0 3px;color:#0b2e68;font-size:18px;font-weight:500;
}
.my-applications-page .help-side p{margin:0 0 12px;color:#50627c;font-size:13px;line-height:1.45}
.my-applications-page .help-side a{
  display:flex;align-items:center;justify-content:center;
  min-height:34px;border-radius:4px;background:#fff;color:#4c607c;
  font-size:14px;border:1px solid #dbe5f0;
}
.my-applications-page .applications-ad{
  min-height:150px;border-radius:7px;overflow:hidden;
  background:url("../images/booking_image.jpg") center/cover no-repeat;
  position:relative;
}
.my-applications-page .applications-ad:after{
  content:"";
  position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(7,50,115,.08));
}
.my-applications-page .applications-ad-copy{
  position:absolute;z-index:1;left:17px;right:17px;bottom:18px;color:#fff;
}
.my-applications-page .applications-ad-copy h3{
  margin:0 0 7px;font-size:20px;line-height:1.12;font-weight:600;
}
.my-applications-page .applications-ad-copy a{
  display:inline-flex;align-items:center;gap:5px;background:#0878d8;color:#fff;
  padding:9px 13px;border-radius:4px;font-size:11px;
}
@media(max-width:1199.98px){
  .my-applications-page .dashboard-shell{padding-top:32px}
  .my-applications-page .dashboard-sidebar{min-height:1080px}
  .my-applications-page .application-stats{grid-template-columns:repeat(3,1fr)}
  .my-applications-page .applications-content{grid-template-columns:minmax(0,1fr) 245px}
}
@media(max-width:991.98px){
  .my-applications-page .application-stats{grid-template-columns:repeat(2,1fr)}
  .my-applications-page .applications-content{grid-template-columns:1fr}
  .my-applications-page .applications-side{
    grid-template-columns:repeat(2,1fr);
  }
  .my-applications-page .applications-ad{min-height:300px}
}
@media(max-width:767.98px){
  .my-applications-page .dashboard-shell{padding-top:18px;padding-bottom:25px}
  .my-applications-page .dashboard-sidebar{display:none}
  .my-applications-page .applications-hero{
    min-height:150px;padding:20px;
    background-position:72% center;
  }
  .my-applications-page .applications-hero h1{font-size:24px}
  .my-applications-page .applications-hero p{max-width:430px;font-size:13px}
  .my-applications-page .application-stats{grid-template-columns:1fr 1fr;gap:8px}
  .my-applications-page .application-stat{min-height:70px;padding:10px}
  .my-applications-page .application-stat-icon{width:34px;height:34px;flex-basis:34px;font-size:20px}
  .my-applications-page .application-stat strong{font-size:18px}
  .my-applications-page .application-stat span{font-size:11px}
  .my-applications-page .applications-tabs{margin-top:10px}
  .my-applications-page .applications-tab{padding:0 12px;font-size:12px}
  .my-applications-page .application-card{padding:13px}
  .my-applications-page .application-card-top{
    grid-template-columns:54px minmax(0,1fr) 22px;
    gap:10px;
  }
  .my-applications-page .university-logo-box{width:54px;height:54px}
  .my-applications-page .university-logo-box img{width:45px;height:45px}
  .my-applications-page .university-info h2{font-size:14px}
  .my-applications-page .application-status{
    grid-column:2;grid-row:2;justify-self:start;text-align:left;margin-top:4px;
  }
  .my-applications-page .application-menu{grid-column:3;grid-row:1}
  .my-applications-page .application-progress{
    margin-top:18px;min-width:470px;
  }
  .my-applications-page .application-card{
    overflow-x:auto;
  }
  .my-applications-page .application-card-footer{margin-top:-45px}
  .my-applications-page .applications-side{grid-template-columns:1fr}
  .my-applications-page .applications-ad{min-height:330px}
}





/* =========================================================
   Uni2Go — My Documents
   Page-specific styles only. Existing dashboard/header/footer
   components are intentionally reused.
   ========================================================= */
.documents-page{
  --doc-blue:#0878d8;
  --doc-navy:#082d70;
  --doc-text:#2f3d52;
  --doc-muted:#69788b;
  --doc-border:#dfe8f1;
  --doc-soft:#eef7ff;
  --doc-green:#19a66b;
}
.documents-page .documents-hero{
  /* min-height:140px;border-radius:6px;overflow:hidden;position:relative;
  display:flex;align-items:center;padding:25px;
  background:
    linear-gradient(90deg,#dceeff 0%,rgba(220,238,255,.96) 47%,rgba(220,238,255,.18) 82%,rgba(220,238,255,0) 100%),
    url("../images/banner.jpg") center/cover no-repeat; */
}
.documents-page .documents-hero-content{position:relative;z-index:2;max-width:430px}
.documents-page .documents-hero h1{
  margin:0 0 4px;color:#111d35;font-size:27px;line-height:1.15;font-weight:600;
}
.documents-page .documents-hero p{
  margin:0;color:#34465d;font-size:14px;line-height:1.45;
}
.documents-page .documents-hero-points{
  position: relative;
  left: 50px;
  top: 0;
  z-index: 2;
  display: grid;
  gap: 5px;
}
.documents-page .documents-hero-points span{
  color:#324a64;font-size:14px;white-space:nowrap;
}
.documents-page .documents-hero-points i{color:#16a267;margin-right:6px}
.documents-page .document-progress{
  margin-top:11px;min-height:77px;padding:13px 15px;border-radius:6px;
  background:#f0f7fe;border:1px solid #e4edf5;display:grid;
  grid-template-columns:48px 1fr auto;gap:13px;align-items:center;
}
.documents-page .progress-ring{
  width:43px;height:43px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  background:conic-gradient(#0878d8 0 252deg,#d8e6f5 252deg 360deg);
  position:relative;color:#0c4385;font-size: 13px;font-weight:600;
}
.documents-page .progress-ring:after{
  content:"";position:absolute;inset:5px;background:#f0f7fe;border-radius:50%;
}
.documents-page .progress-ring span{position:relative;z-index:1}
.documents-page .progress-info strong{display:block;color:#27364b;font-size:20px;font-weight:500}
.documents-page .progress-info small{display:block;color:#52647a;font-size:14px;margin-top:1px}
.documents-page .progress-bar{
  width:calc(100% - 20px);height:7px;background:#d4e2f2;border-radius:8px;margin-top:7px;overflow:hidden;
}
.documents-page .progress-bar span{display:block;width:70%;height:100%;background:#0878d8;border-radius:8px}
.documents-page .progress-copy{
  max-width:220px;color:#4f6075;font-size:13px;line-height:1.35;text-align:right;
}
.progress-right-part{
  display: flex;
  align-items: center;
  gap: 10px;
}
.documents-page .checklist-btn{
  height:30px;min-width:150px;border:0;border-radius:3px;background:#0878d8;
  color:#fff;font-size:13px;padding:0 15px;
}
.documents-page .documents-layout{
  display:grid;grid-template-columns:minmax(0,2.55fr) minmax(230px,.95fr);
  gap:10px;margin-top:11px;align-items:start;
}
.documents-page .document-main{min-width:0}
.documents-page .document-tabs{
  height:35px;display:flex;align-items:flex-end;border-bottom:1px solid #dce5ee;
}
.documents-page .document-tab{
  height:35px;padding:0 17px;display:flex;align-items:center;justify-content:center;
  color:#55667a;font-size:13px;text-decoration:none;border-bottom:2px solid transparent;
}
.documents-page .document-tab.active{color:#0878d8;border-color:#0878d8}
.documents-page .document-table{
  margin-top:10px;background:#fff;border:1px solid var(--doc-border);
  border-radius:6px;overflow:hidden;box-shadow:0 3px 9px rgba(20,60,100,.035);
}
.documents-page .document-head,
.documents-page .document-row{
  display:grid;grid-template-columns:minmax(200px,1.5fr) 100px 110px 90px 36px;
  align-items:center;
}
.documents-page .document-head{
  min-height:32px;background:#dceeff;color:#315486;font-size:13px;padding:0 15px;
}
.documents-page .document-row{
  min-height:64px;padding:0 15px;border-top:1px solid #edf1f5;
}
.documents-page .document-cell{min-width:0}
.documents-page .document-title{
  display:flex;align-items:center;gap:9px;color:#123579;font-size:15px;font-weight:500;
}
.documents-page .document-title small{
  display:block;color:#68778b;font-size:12px;font-weight:400;margin-top:1px;
}
.documents-page .doc-icon{
  width:35px;height:35px;border-radius:3px;background:#082d70;color:#fff;
  display:flex;align-items:center;justify-content:center;font-size:16px;flex:0 0 35px;
}
.documents-page .doc-icon.light{background:#fff;color:#082d70;border:1px solid #dce5ee}
.documents-page .status{
  display:inline-flex;align-items:center;gap:4px;border-radius:14px;padding:5px 10px;
  font-size: 14px;white-space:nowrap;
}
.documents-page .status.uploaded{color:#1b9b64;background:#dcf6e9}
.documents-page .status.pending{color:#0878d8;background:#dff0ff}
.documents-page .date{font-size:11px;color:#5f6e81}
.documents-page .doc-action{
  width: 55px;
  height: 55px;
  border: 1px solid #0878d8;
  border-radius: 50%;
  background: #fff;
  color: #0878d8;
  font-size: 10px;
  line-height: 1.15;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  flex-direction: column;
  padding: 3px;
  margin: auto;
}
.documents-page .doc-action i{display:block;font-size:12px;margin-top:0px}
.documents-page .more-btn{
  border:0;background:transparent;color:#0878d8;font-size:16px;padding:4px;
}
.documents-page .document-row > div:not(:first-child),
.documents-page .document-head > div:not(:first-child) {
  text-align: center;
}
.documents-page .documents-side{display:grid;gap:10px}
.documents-page .documents-side-card{
  border:0;border-radius:6px;background:#eff8ff;padding:14px;
  box-shadow:0 3px 9px rgba(20,60,100,.035);
}
.documents-page .documents-side-card.white{background:#fff;border:1px solid var(--doc-border)}
.documents-page .side-card-title{
  margin:0;color:#102e69;font-size:18px;font-weight:500;
}
.documents-page .upload-box{
  min-height:76px;margin-top:8px;border:1px dashed #0878d8;border-radius:5px;
  background:#fff;display:flex;align-items:center;justify-content:center;text-align:center;
  color:#64758a;font-size: 14px;line-height:1.4;
}
.documents-page .upload-box i{display:block;color:#0878d8;font-size:21px;margin-bottom:3px}
.documents-page .upload-box b{color:#0878d8;font-weight:500}
.documents-page .upload-note{
  margin:7px 0 0;text-align:center;color:#0878d8;font-size: 14px;
}
.documents-page .guideline-list{list-style:none;margin:8px 0 0;padding:0}
.documents-page .guideline-list li{
  color:#4e5e73;font-size:11px;line-height:1.45;margin:5px 0;
}
.documents-page .guideline-list i{color:#18a468;margin-right:6px}
.documents-page .help-doc-card h3{
  margin:0;color:#102e69;font-size:18px;font-weight:500;
}
.documents-page .help-doc-card p{
  margin:3px 0 8px;color:#66758a;font-size:13px;line-height:1.4;
}
.documents-page .help-doc-card .help-session{
  height:29px;width:100%;border:0;border-radius:3px;background:#fff;
  color:#506277;font-size: 12px;box-shadow:0 2px 6px rgba(0,0,0,.05);
}
.documents-page .documents-promo{
  min-height:210px;border-radius:6px;overflow:hidden;padding:28px 16px;
  background:
    linear-gradient(90deg,rgba(237,248,255,.98),rgba(237,248,255,.82)),
    url("../images/banner.jpg") center/cover no-repeat;
  display:flex;align-items:center;
}
.documents-page .documents-promo h3{
  max-width:250px;margin:0;color:#082d70;font-size:23px;line-height:1.1;
  font-weight:500;font-style:italic;
}
@media(max-width:991.98px){
  .documents-page .documents-hero-points{left:auto;right:20px}
  .documents-page .documents-layout{grid-template-columns:1fr}
  .documents-page .documents-side{grid-template-columns:repeat(2,1fr)}
  .documents-page .documents-promo{min-height:170px}
  .documents-page .document-head,.documents-page .document-row{
    grid-template-columns:minmax(210px,1.6fr) 95px 100px 80px 34px;
  }
}
@media(max-width:767.98px){
  .documents-page .documents-hero{min-height:175px;padding:20px}
  .documents-page .documents-hero h1{font-size:24px}
  .documents-page .documents-hero-points{
    position:static;margin-top:12px;display:none;
  }
  .documents-page .document-progress{
    grid-template-columns:44px 1fr;gap:10px;padding:12px;
  }
  .documents-page .progress-copy{display:none}
  .documents-page .checklist-btn{grid-column:1/-1;width:100%}
  .documents-page .documents-side{grid-template-columns:1fr}
  .documents-page .document-table{overflow-x:auto}
  .documents-page .document-head,.documents-page .document-row{
    min-width:650px;
  }
  .documents-page .document-tabs{overflow-x:auto}
  .documents-page .document-tab{white-space:nowrap;padding:0 13px}
}
@media(max-width:480px){
  .documents-page .documents-hero{min-height:150px}
  .documents-page .document-progress{margin-top:8px}
  .documents-page .document-title{font-size:9px}
}







/* =========================================================
   Uni2Go — Settings
   Page-specific CSS. Common dashboard/header/footer classes
   remain reusable from the base project.
   ========================================================= */
.settings-page{
  --set-blue:#0878d8;
  --set-navy:#092b68;
  --set-text:#28364b;
  --set-muted:#65748a;
  --set-border:#e0e8f0;
  --set-soft:#eef7ff;
  --set-green:#2ca96a;
  --set-danger:#f25b5b;
}
.settings-page .settings-hero{
  /* min-height:140px;border-radius:6px;overflow:hidden;position:relative;
  display:flex;align-items:center;padding:25px;
  background:
    linear-gradient(90deg,#dceeff 0%,rgba(220,238,255,.96) 46%,rgba(220,238,255,.15) 79%,rgba(220,238,255,0) 100%),
    url("../images/home-hero.jpg") center/cover no-repeat; */
}
.settings-page .settings-hero-content{position:relative;z-index:2}
.settings-page .settings-hero h1{
  margin:0 0 3px;color:#101d35;font-size:27px;line-height:1.15;font-weight:600;
}
.settings-page .settings-hero p{
  margin:0;color:#35475e;font-size:12px;line-height:1.4;
}
.settings-page .settings-layout{
  display:grid;grid-template-columns:minmax(0,2.2fr) minmax(235px,.92fr);
  gap:10px;margin-top:11px;
}
.settings-page .settings-stack{display:grid;gap:10px}
.settings-page .settings-card,.settings-page .settings-side-card{
  background:#fff;border:1px solid var(--set-border);border-radius:6px;
  box-shadow:0 3px 10px rgba(20,60,100,.035);overflow:hidden;
}
.settings-page .settings-card{padding:12px 15px}
.settings-page .settings-card-head{
  min-height:60px;display:flex;align-items:center;gap:10px;border-bottom:1px solid #edf1f5;
}
.settings-page .settings-card-head .head-icon{
  width:38px;height:38px;border-radius:50%;background:#e5f4ff;color:var(--set-blue);
  display:flex;align-items:center;justify-content:center;font-size:18px;flex:0 0 38px;
}
.settings-page .settings-card-head h2{
  margin:0;color:#123579;font-size:16px;line-height:1.2;font-weight:500;
}
.settings-page .settings-card-head p{
  margin:2px 0 0;color:#61728a;font-size:13px;line-height:1.25;
}
.settings-page .settings-card.three.three .setting-row{
  min-height:42px;border-bottom:1px solid #edf1f5;display:grid;
  grid-template-columns:1fr 1fr auto;align-items:center;gap:12px;
}
.settings-page .setting-row{
  min-height:42px;border-bottom:1px solid #edf1f5;display:grid;
  grid-template-columns:1fr auto;align-items:center;gap:12px;padding-block: 5px;
}
.settings-page .setting-row:last-child{border-bottom:0}
.settings-page .setting-label strong{
  display:block;color:#263344;font-size:15px;font-weight:500;line-height:1.65;
}
.settings-page .setting-label small{
  display:block;color:#65748a;font-size:14px;line-height:1.25;margin-top:1px;
}
.settings-page .setting-value{
  color:#28364b;font-size:14px;text-align:left;min-width:130px;
}
.settings-page .mini-action{
  border:0;background:#def6ea;color:#2b9d69;border-radius:13px;
  padding:4px 14px;font-size:13px;line-height:1;letter-spacing:.1px;
}
.settings-page .mini-action.change{background:#def6ea}
.settings-page .toggle{
  width:31px;height:18px;border-radius:20px;background:#a9b6ca;
  position:relative;border:0;padding:0;cursor:pointer;transition:.2s;
}
.settings-page .toggle:after{
  content:"";position:absolute;top:3px;left:3px;width:12px;height:12px;
  border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.15);transition:.2s;
}
.settings-page .toggle.is-on{background:var(--set-blue)}
.settings-page .toggle.is-on:after{left:16px}
.settings-page .select-grid{display:grid;grid-template-columns:1fr 1.7fr;gap:12px;padding-top:11px}
.settings-page .select-box{
  height:46px;border:1px solid #dfe7ef;border-radius:4px;padding:7px 10px;
  display:flex;flex-direction:column;justify-content:center;position:relative;
}
.settings-page .select-box label{font-size:13px;color:#8994a4;margin:0}
.settings-page .select-box select{
  appearance:auto;border:0;outline:0;padding:0;margin:1px 0 0;color:#0878d8;
  background:transparent;font:400 12px Poppins,sans-serif;width:100%;
}
.settings-page .select-box.full{grid-column:1/-1;max-width:48%}
.settings-page .security-card{padding:14px}
.settings-page .security-head{display:flex;gap:10px;align-items:flex-start}
.settings-page .security-icon{
  width:38px;height:42px;color:var(--set-blue);font-size:34px;line-height:1;
}
.settings-page .security-head h2{
  margin:0;color:#102e69;font-size:14px;font-weight:500;line-height:1.2
}
.settings-page .security-head p{
  margin:2px 0 0;color:#68788d;font-size: 13px;line-height:1.35
}
.settings-page .security-list{margin:11px 0 0;padding:0;list-style:none}
.settings-page .security-list li{
  color:#47586d;font-size: 13px;line-height:1.5;margin:6px 0;
}
.settings-page .security-list i{color:#16a366;margin-right:7px}
.settings-page .connected-card{background:#eef7ff;border:0;padding:14px}
.settings-page .side-title{
  margin:0;color:#102e69;font-size:16px;font-weight:500;line-height:1.25;margin-bottom: 5px;
}
.settings-page .side-subtitle{
  margin:3px 0 9px;color:#62738a;font-size: 13px;line-height:1.3
}
.settings-page .connected-row{
  min-height:51px;background:#fff;border:1px solid #e1e9f1;border-radius:4px;
  display:grid;grid-template-columns:32px 1fr auto;gap:8px;align-items:center;
  padding:6px 8px;margin-top:6px;
}
.settings-page .connected-logo{
  width:30px;height:30px;border:1px solid #e4e9ef;border-radius:3px;
  display:flex;align-items:center;justify-content:center;font-size:17px;
}
.settings-page .connected-row strong{display:block;color:#0878d8;font-size: 13px;font-weight:500}
.settings-page .connected-row small{display:block;color:#68778a;font-size: 12px;}
.settings-page .connect-btn{
  height:24px;padding:0 10px;border:1px solid #0878d8;color:#0878d8;
  background:#fff;border-radius:3px;font-size: 12px;
}
.settings-page .preference-card{padding:14px}
.settings-page .tag-field{margin:8px 0}
.settings-page .tag-label{font-size: 12px;color:#65748a;display:block;margin-bottom:3px}
.settings-page .tags{display:flex;gap:4px;flex-wrap:wrap}
.settings-page .tag{
  background:#e8f5ff;color:#0878d8;border-radius:10px;padding:3px 7px;font-size: 11px;;
}
.settings-page .tag.add{background:transparent;padding-left:0}
.settings-page .preference-card .select-box{margin-top:7px}
.settings-page .save-btn{
  width:100%;height:29px;border:0;border-radius:3px;background:#0878d8;
  color:#fff;font-size: 13px;margin-top:7px
}
.settings-page .help-side{
  background:#eff8ff;border:0;padding:13px 14px
}
.settings-page .help-side h3{
  margin:0;color:#123579;font-size:16px;font-weight:500
}
.settings-page .help-side p{margin:2px 0 8px;color:#68778a;font-size:12px}
.settings-page .contact-support{
  height:29px;padding:0 14px;border:0;border-radius:3px;background:#fff;
  color:#52657c;font-size: 13px;box-shadow:0 2px 7px rgba(0,0,0,.05)
}
.settings-page .privacy-card .setting-row{min-height:42px}
.settings-page .danger-btn{
  height:27px;padding:0 12px;border:1px solid var(--set-danger);color:#f25b5b;
  background:#fff;border-radius:3px;font-size: 12px;
}
.settings-page .outline-btn{
  height:27px;padding:0 12px;border:1px solid #0878d8;color:#0878d8;
  background:#fff;border-radius:3px;font-size: 12px;
}
@media(max-width:991.98px){
  .settings-page .settings-layout{grid-template-columns:1fr}
  .settings-page .select-box.full{max-width:none}
}
@media(max-width:767.98px){
  .settings-page .settings-hero{min-height:160px;padding:20px}
  .settings-page .settings-hero h1{font-size:24px}
  .settings-page .settings-layout{gap:12px}
  .settings-page .settings-card{padding:11px}
  .settings-page .setting-row{grid-template-columns:1fr auto;min-height:48px}
  .settings-page .setting-value{min-width:auto}
  .settings-page .select-grid{grid-template-columns:1fr}
  .settings-page .select-box.full{grid-column:auto}
  .settings-page .security-head h2,.settings-page .side-title{font-size:13px}
}
@media(max-width:480px){
  .settings-page .setting-row{align-items:start;padding:8px 0}
  .settings-page .setting-value{padding-top:2px}
  .settings-page .select-box.full{max-width:none}
}
/*  */

/* =========================================================
   UNi2Go BLOG PAGE
   Page-specific styles only
   Everything is scoped under .blog-page
========================================================= */

.blog-page {
    background: #fff;
    overflow: hidden;
}


/* =========================================================
   BLOG BANNER
========================================================= */

.blog-page .blog-page-banner {
    position: relative;
    min-height: 150px;
    background: #edf8ff;
    overflow: hidden;
}

.blog-page .blog-page-banner-bg {
    position: absolute;
    inset: 0;
    background-image: url("../images/blog-banner.jpg");
    background-position: center right;
    background-repeat: no-repeat;
    background-size: cover;
}

.blog-page .blog-page-banner-inner {
    position: relative;
    z-index: 2;
    min-height: 150px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.blog-page .blog-page-breadcrumb {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 18px;
    color: #173e77;
    font-size: 11px;
    font-weight: 400;
}

.blog-page .blog-page-breadcrumb a {
    color: #173e77;
    text-decoration: none;
}

.blog-page .blog-page-breadcrumb span:last-child {
    color: #0875d1;
}

.blog-page .blog-page-banner h1 {
    margin: 0;
    color: #102d70;
    font-size: 32px;
    font-weight: 600;
    line-height: 1.15;
}


/* =========================================================
   BLOG LISTING
========================================================= */

.blog-page .blog-page-listing {
    position: relative;
    padding: 32px 0 28px;
    background:
        radial-gradient(circle at 85% 3%,
            rgba(0, 133, 232, 0.08),
            transparent 170px),
        #fff;
}


/* =========================================================
   BLOG HEADING
========================================================= */

.blog-page .blog-page-heading {
    position: relative;
    text-align: center;
    margin-bottom: 25px;
}

.blog-page .blog-page-heading h2 {
    margin: 0;
    color: #10172b;
    font-size: 32px;
    font-weight: 600;
    line-height: 1.3;
}

.blog-page .blog-page-heading h2 span {
    color: #0878d5;
}

.blog-page .blog-page-heading p {
    margin: 3px 0 0;
    color: #777;
    font-size: 13px;
    line-height: 1.5;
}

.blog-page .blog-page-heading-plane {
    position: absolute;
    right: 7%;
    top: -5px;
    color: #0878d5;
    font-size: 30px;
    transform: rotate(-10deg);
}


/* =========================================================
   BLOG GRID
========================================================= */

.blog-page .blog-page-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
}


/* =========================================================
   BLOG CARD
========================================================= */

.blog-page .blog-page-card {
    min-width: 0;
    overflow: hidden;
    background: #fff;
    border: 1px solid #e9edf2;
    border-radius: 11px;
    box-shadow: 0 5px 17px rgba(17, 58, 96, 0.08);
    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease;
}

.blog-page .blog-page-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 25px rgba(17, 58, 96, 0.13);
}


/* =========================================================
   CARD IMAGE
========================================================= */

.blog-page .blog-page-card-image {
    position: relative;
    display: block;
    width: 100%;
    aspect-ratio: 1.8 / 1;
    overflow: hidden;
    background: #edf4fa;
}

.blog-page .blog-page-card-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.35s ease;
}

.blog-page .blog-page-card:hover
.blog-page-card-image img {
    transform: scale(1.03);
}


/* =========================================================
   CARD BODY
========================================================= */

.blog-page .blog-page-card-body {
    padding: 10px 12px 9px;
}


/* =========================================================
   CATEGORY
========================================================= */

.blog-page .blog-page-category {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 6px;
    color: #3b78bd;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.03em;
    line-height: 1.2;
}

.blog-page .blog-page-category > span {
    width: 5px;
    height: 5px;
    flex: 0 0 5px;
    border-radius: 50%;
    background: #0878d5;
}


/* =========================================================
   CARD TITLE
========================================================= */

.blog-page .blog-page-card h3 {
    min-height: 54px;
    margin: 0 0 5px;
    color: #252525;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.35;
}

.blog-page .blog-page-card h3 a {
    color: inherit;
    text-decoration: none;
}


/* =========================================================
   CARD DESCRIPTION
========================================================= */

.blog-page .blog-page-card p {
    display: -webkit-box;
    min-height: 49px;
    margin: 0;
    overflow: hidden;
    color: #666;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.48;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}


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

.blog-page .blog-page-card-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    min-height: 32px;
    margin-top: 8px;
    padding-top: 8px;
    border-top: 1px solid #edf0f3;
}

.blog-page .blog-page-card-footer > span {
    color: #777;
    font-size: 13px;
    line-height: 1.3;
}

.blog-page .blog-page-card-footer > a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 25px;
    height: 25px;
    flex: 0 0 25px;
    border: 1px solid #edf1f5;
    border-radius: 50%;
    background: #fff;
    color: #0878d5;
    font-size: 12px;
    text-decoration: none;
    box-shadow: 0 2px 8px rgba(0, 74, 130, 0.08);
    transition: all 0.25s ease;
}

.blog-page .blog-page-card-footer > a:hover {
    background: #0878d5;
    color: #fff;
}


/* =========================================================
   PAGINATION
========================================================= */

.blog-page .blog-page-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    margin-top: 27px;
}

.blog-page .blog-page-pagination a,
.blog-page .blog-page-pagination span {
    display: flex;
    align-items: center;
    justify-content: center;
}

.blog-page .blog-page-pagination a {
    width: 29px;
    height: 29px;
    border-radius: 50%;
    background: #eef7fd;
    color: #315b87;
    font-size: 10px;
    font-weight: 500;
    text-decoration: none;
    transition: all 0.25s ease;
}

.blog-page .blog-page-pagination a:hover,
.blog-page .blog-page-pagination .blog-page-pagination-active {
    background: #0878d5;
    color: #fff;
}

.blog-page .blog-page-pagination span {
    height: 29px;
    padding: 0 3px;
    color: #0878d5;
    font-size: 10px;
}


/* =========================================================
   LARGE DESKTOP
========================================================= */

@media (max-width: 1199.98px) {

    .blog-page .blog-page-grid {
        gap: 12px;
    }

    .blog-page .blog-page-card-body {
        padding: 10px;
    }

    .blog-page .blog-page-card h3 {
        font-size: 13px;
    }

    .blog-page .blog-page-card p {
        font-size: 10px;
    }

    .blog-page .blog-page-heading-plane {
        right: 3%;
    }
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991.98px) {

    .blog-page .blog-page-banner,
    .blog-page .blog-page-banner-inner {
        min-height: 135px;
    }

    .blog-page .blog-page-banner-bg {
        background-position: 60% center;
    }

    .blog-page .blog-page-banner h1 {
        font-size: 29px;
    }

    .blog-page .blog-page-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 15px;
    }

    .blog-page .blog-page-card-image {
        aspect-ratio: 1.6 / 1;
    }

    .blog-page .blog-page-card-body {
        padding: 13px;
    }

    .blog-page .blog-page-card h3 {
        min-height: auto;
        font-size: 15px;
    }

    .blog-page .blog-page-card p {
        min-height: auto;
        font-size: 11px;
    }

    .blog-page .blog-page-card-footer > span {
        font-size: 10px;
    }

    .blog-page .blog-page-heading-plane {
        display: none;
    }
}


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

@media (max-width: 767.98px) {

    .blog-page .blog-page-banner,
    .blog-page .blog-page-banner-inner {
        min-height: 125px;
    }

    .blog-page .blog-page-banner-bg {
        background-position: 62% center;
    }

    .blog-page .blog-page-banner-inner {
        padding: 18px 0;
    }

    .blog-page .blog-page-breadcrumb {
        margin-bottom: 10px;
        font-size: 10px;
    }

    .blog-page .blog-page-banner h1 {
        font-size: 26px;
    }

    .blog-page .blog-page-listing {
        padding: 28px 0 25px;
    }

    .blog-page .blog-page-heading {
        margin-bottom: 20px;
    }

    .blog-page .blog-page-heading h2 {
        font-size: 20px;
    }

    .blog-page .blog-page-heading p {
        font-size: 11px;
    }

    .blog-page .blog-page-grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .blog-page .blog-page-card-image {
        aspect-ratio: 1.65 / 1;
    }

    .blog-page .blog-page-card-body {
        padding: 13px 14px 12px;
    }

    .blog-page .blog-page-card h3 {
        font-size: 16px;
        line-height: 1.4;
    }

    .blog-page .blog-page-card p {
        font-size: 12px;
        line-height: 1.55;
    }

    .blog-page .blog-page-card-footer {
        margin-top: 11px;
        padding-top: 9px;
    }

    .blog-page .blog-page-card-footer > span {
        font-size: 10px;
    }

    .blog-page .blog-page-card-footer > a {
        width: 28px;
        height: 28px;
        flex-basis: 28px;
    }

    .blog-page .blog-page-pagination {
        margin-top: 25px;
    }
}


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

@media (max-width: 430px) {

    .blog-page .blog-page-banner,
    .blog-page .blog-page-banner-inner {
        min-height: 110px;
    }

    .blog-page .blog-page-banner h1 {
        font-size: 23px;
    }

    .blog-page .blog-page-heading h2 {
        font-size: 18px;
    }

    .blog-page .blog-page-grid {
        gap: 14px;
    }

    .blog-page .blog-page-pagination {
        gap: 4px;
    }

    .blog-page .blog-page-pagination a {
        width: 27px;
        height: 27px;
    }
}


/*  */

/* =========================================================
   HOW IT WORKS PAGE
========================================================= */

.howworks-page {
    width: 100%;
    overflow: hidden;
    background: #fff;
}


/* =========================================================
   BANNER
========================================================= */

.howworks-page .howworks-banner {
    position: relative;
    min-height: 128px;
    background:
        linear-gradient(
            90deg,
            #eef9ff 0%,
            #f5fbff 50%,
            #e7f5ff 100%
        );
    overflow: hidden;
}

.howworks-page .howworks-banner::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 45%;
    height: 100%;
    background:
        radial-gradient(
            circle at 80% 50%,
            rgba(25, 156, 232, .25),
            transparent 45%
        );
    pointer-events: none;
}

.howworks-page .howworks-banner-inner {
    position: relative;
    z-index: 2;
    min-height: 128px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.howworks-page .howworks-breadcrumb {
    display: flex;
    align-items: center;
    gap: 7px;
    margin-bottom: 14px;
    color: #3174b7;
    font-size: 10px;
}

.howworks-page .howworks-breadcrumb a {
    color: #304f75;
    text-decoration: none;
}

.howworks-page .howworks-breadcrumb i {
    font-size: 8px;
}

.howworks-page .howworks-banner h1 {
    margin: 0;
    color: #102d70;
    font-size: 30px;
    font-weight: 600;
}


/* =========================================================
   INTRO
========================================================= */

.howworks-page .howworks-steps-section {
    padding: 32px 0 10px;
}

.howworks-page .howworks-intro {
    max-width: 850px;
    margin: 0 auto 30px;
    text-align: center;
}

.howworks-page .howworks-eyebrow {
    display: block;
    margin-bottom: 3px;
    color: #3190df;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 2px;
}

.howworks-page .howworks-intro h2 {
    margin: 0;
    color: #111a2e;
    font-size: 32px;
    font-weight: 600;
    line-height: 1.25;
}

.howworks-page .howworks-intro h2 strong {
    display: block;
    color: #0878d5;
    font-size: 32px;
    font-weight: 700;
}

.howworks-page .howworks-intro p {
    margin: 6px 0 0;
    color: #626262;
    font-size: 13px;
    line-height: 1.55;
}


/* =========================================================
   STEPS GRID
========================================================= */

.howworks-page .howworks-flow {
    /* display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 48px 60px; */
}


/* =========================================================
   STEP CARD
========================================================= */

.howworks-page .howworks-step {
    position: relative;
    min-height: 215px;
    padding: 30px;
    border: 1px solid;
    border-radius: 10px;
    padding-bottom: 15px;
}

.howworks-page .howworks-step-content {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 200px;
    gap: 15px;
    align-items: flex-start;
    height: 100%;
}

.howworks-page .howworks-step-copy {
    min-width: 0;
}

.howworks-page .howworks-step h3 {
    margin: 0 0 10px;
    font-size: 26px;
    font-weight: 600;
    line-height: 1.08;
}

.howworks-page .howworks-step p {
    max-width: 310px;
    margin: 0 0 15px;
    color: #525b67;
    font-size: 13px;
    line-height: 1.45;
}

.howworks-page .howworks-step ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.howworks-page .howworks-step li {
    position: relative;
    margin: 7px 0;
    padding-left: 25px;
    font-size: 13px;
    line-height: 1.35;
}

.howworks-page .howworks-step li::before {
    content: "✓";
    position: absolute;
    left: 0;
    top: 0;
    font-weight: 700;
}


/* =========================================================
   STEP NUMBER
========================================================= */

.howworks-page .howworks-number {
    position: absolute;
    top: -19px;
    left: 21px;
    z-index: 5;

    display: flex;
    align-items: center;
    justify-content: center;

    width: 40px;
    height: 40px;

    border-radius: 50%;

    color: #fff;
    font-size: 20px;
    font-weight: 600;

    box-shadow: 0 3px 7px rgba(0, 0, 0, .08);
}


/* =========================================================
   STEP COLORS
========================================================= */

.howworks-page .howworks-step-blue {
    border-color: #b9d9fa;
    background: #eef6ff;
}

.howworks-page .howworks-step-blue .howworks-number,
.howworks-page .howworks-step-blue li::before {
    background: #2785e5;
    color: #fff;
}

.howworks-page .howworks-step-blue h3 {
    color: #1574d0;
}


.howworks-page .howworks-step-orange {
    border-color: #f4d294;
    background: #fff8e9;
}

.howworks-page .howworks-step-orange .howworks-number,
.howworks-page .howworks-step-orange li::before {
    background: #f69a18;
    color: #fff;
}

.howworks-page .howworks-step-orange h3 {
    color: #ee8c0d;
}


.howworks-page .howworks-step-green {
    border-color: #b9ead2;
    background: #effbf5;
}

.howworks-page .howworks-step-green .howworks-number,
.howworks-page .howworks-step-green li::before {
    background: #12aa68;
    color: #fff;
}

.howworks-page .howworks-step-green h3 {
    color: #0a9659;
}


.howworks-page .howworks-step-pink {
    border-color: #f3c5d5;
    background: #fff0f5;
}

.howworks-page .howworks-step-pink .howworks-number,
.howworks-page .howworks-step-pink li::before {
    background: #ef4c7d;
    color: #fff;
}

.howworks-page .howworks-step-pink h3 {
    color: #ed3d73;
}


.howworks-page .howworks-step-purple {
    border-color: #d7c3f7;
    background: #f6f0ff;
}

.howworks-page .howworks-step-purple .howworks-number,
.howworks-page .howworks-step-purple li::before {
    background: #7b3ee8;
    color: #fff;
}

.howworks-page .howworks-step-purple h3 {
    color: #7434dd;
}


.howworks-page .howworks-step-yellow {
    border-color: #efdfa0;
    background: #fffdf0;
}

.howworks-page .howworks-step-yellow .howworks-number,
.howworks-page .howworks-step-yellow li::before {
    background: #d7a900;
    color: #fff;
}

.howworks-page .howworks-step-yellow h3 {
    color: #c29400;
}


.howworks-page .howworks-step-cyan {
    border-color: #b8e8ea;
    background: #effcfc;
}

.howworks-page .howworks-step-cyan .howworks-number,
.howworks-page .howworks-step-cyan li::before {
    background: #18a6ad;
    color: #fff;
}

.howworks-page .howworks-step-cyan h3 {
    color: #10949b;
}


.howworks-page .howworks-step-magenta {
    border-color: #e8bce5;
    background: #fff0fd;
}

.howworks-page .howworks-step-magenta .howworks-number,
.howworks-page .howworks-step-magenta li::before {
    background: #a940ad;
    color: #fff;
}

.howworks-page .howworks-step-magenta h3 {
    color: #a43aa7;
}


/* =========================================================
   CHECK ICON
========================================================= */

.howworks-page .howworks-step li::before {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff !important;
    font-size: 10px;
}


/* =========================================================
   STEP IMAGES
========================================================= */

.howworks-page .howworks-image {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.howworks-page .howworks-image img {
    display: block;
    width: 100%;
    max-width: 200px;
    height: auto;
    object-fit: contain;
}
.howworks-page .howworks-image span img {
  max-width: 110px;
  position: relative;
  margin-bottom: -20px;
}

/* =========================================================
   CONNECTORS
========================================================= */

.howworks-page .howworks-step {
    position: relative;
    height: 100%;
}
.howworks-page .col-md-6:nth-child(3n + 1) > article::after{
    content: "";
    position: absolute;
    top: 50%;
    right: -50px;
    width: 50px;
    height: 10px;
    background: url(../images/how_it_work_side_arrow.png);
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
}

/* .howworks-page .howworks-step:nth-child(2n)::after {
    content: "";
    position: absolute;
    top: 100%;
    right: -60px;
    width: 100%;
    height: 15px;
    background: url(../images/how_it_work_side_arrow.png);
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
} */

.howworks-page .howworks-step:nth-child(2)::after,
.howworks-page .howworks-step:nth-child(4)::after,
.howworks-page .howworks-step:nth-child(6)::after {
    display: none;
}


/* =========================================================
   CTA
========================================================= */

.howworks-page .howworks-cta-section {
    position: relative;
    padding: 45px 15px;
    overflow: hidden;
    background:
        linear-gradient(
            180deg,
            #fff 0%,
            #f8fcff 100%
        );
    background-image: url("../images/how_it_work_bottom_img.png");
    background-repeat: no-repeat;
    background-position: bottom;
  background-size: 100%;
}

.howworks-page .howworks-cta {
    position: relative;
    z-index: 2;

    width: min(720px, 90%);
    margin: 0 auto;

    padding: 35px 60px;

    border-radius: 100px;
    background: #fff;

    text-align: center;

    box-shadow: 0 5px 30px rgba(35, 95, 150, .10);
}

.howworks-page .howworks-cta > span {
    color: #2483d5;
    font-size: 8px;
    font-weight: 500;
    letter-spacing: 2px;
}

.howworks-page .howworks-cta h2 {
    margin: 3px 0 6px;
    color: #111a2e;
    font-size: 23px;
    font-weight: 600;
    line-height: 1.2;
}

.howworks-page .howworks-cta p {
    max-width: 570px;
    margin: 0 auto 14px;
    color: #666;
    font-size: 9px;
    line-height: 1.5;
}

.howworks-page .howworks-cta a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;

    min-width: 135px;
    min-height: 30px;

    padding: 6px 15px;

    border-radius: 2px;
    background: #0878d5;

    color: #fff;
    font-size: 7px;
    letter-spacing: .8px;
    text-decoration: none;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991.98px) {

    /* .howworks-page .howworks-flow {
        column-gap: 35px;
    } */

    .howworks-page .howworks-step {
        padding: 24px 17px 18px;
    }

    .howworks-page .howworks-step-content {
        grid-template-columns: minmax(0, 1fr) 150px;
    }

    .howworks-page .howworks-step h3 {
        font-size: 15px;
    }

    .howworks-page .howworks-step p {
        font-size: 8px;
    }

    .howworks-page .howworks-step li {
        font-size: 7.5px;
    }

    .howworks-page .howworks-image img {
        max-width: 150px;
    }

    .howworks-page .howworks-step:nth-child(odd)::after {
        right: -36px;
        width: 35px;
    }

    .howworks-page .howworks-step:nth-child(odd)::before {
        right: -42px;
    }
}


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

@media (max-width: 767.98px) {

    .howworks-page .howworks-banner {
        min-height: 110px;
    }

    .howworks-page .howworks-banner-inner {
        min-height: 110px;
    }

    .howworks-page .howworks-banner h1 {
        font-size: 25px;
    }

    .howworks-page .howworks-steps-section {
        padding: 30px 0;
    }

    .howworks-page .howworks-intro {
        margin-bottom: 35px;
    }

    .howworks-page .howworks-intro h2,
    .howworks-page .howworks-intro h2 strong {
        font-size: 21px;
    }

    /* .howworks-page .howworks-flow {
        display: flex;
        flex-direction: column;
        gap: 40px;
    } */

    .howworks-page .howworks-step {
        min-height: auto;
        padding: 28px 18px 22px;
    }

    .howworks-page .howworks-step-content {
        grid-template-columns: minmax(0, 1fr) 200px;
        gap: 15px;
    }

    .howworks-page .howworks-step h3 {
        font-size: 16px;
    }

    .howworks-page .howworks-step p {
        font-size: 9px;
    }

    .howworks-page .howworks-step li {
        font-size: 8px;
    }


    /* Mobile connector */
    .howworks-page .howworks-step::after {
        content: "";
        position: absolute;

        top: auto;
        right: auto !important;

        left: 50%;
        bottom: -40px;

        width: 1px !important;
        height: 40px;

        border: 0 !important;
        border-left: 1px dashed #0878d5 !important;

        transform: translateX(-50%);
    }

    .howworks-page .howworks-step::before {
        content: "";

        position: absolute;

        top: auto;
        right: auto !important;

        left: calc(50% - 5px);
        bottom: -47px;

        width: 0;
        height: 0;

        border-top: 8px solid #0878d5;
        border-right: 5px solid transparent;
        border-left: 5px solid transparent;
        border-bottom: 0;
    }

    .howworks-page .howworks-step:last-child::after,
    .howworks-page .howworks-step:last-child::before {
        display: none;
    }


    /* CTA */
    .howworks-page .howworks-cta-section {
        padding: 35px 15px;
    }

    .howworks-page .howworks-cta {
        width: 100%;
        padding: 30px 25px;
        border-radius: 35px;
    }

    .howworks-page .howworks-cta h2 {
        font-size: 21px;
    }
}


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

@media (max-width: 480px) {

    .howworks-page .howworks-step-content {
        grid-template-columns: 1fr;
    }

    .howworks-page .howworks-image {
        margin-top: 10px;
    }

    .howworks-page .howworks-image img {
        max-width: 180px;
    }

    .howworks-page .howworks-step-copy {
        text-align: left;
    }

    .howworks-page .howworks-cta {
        padding: 27px 18px;
    }

    .howworks-page .howworks-cta h2 {
        font-size: 19px;
    }
}





















/* 1320px is the desktop base. Keep side padding only once the viewport becomes narrower. */
@media(max-width:1320px) {
  .container-xxl {
    padding-inline: 24px
  }
}

/* @media(min-width:1321px) {
  .container-xxl {
    padding-inline: 0
  }
} */

@media(max-width:1199.98px) {
  .container-xxl {
    padding-inline: 24px
  }

  .desktop-nav {
    display: none
  }

  .mobile-menu-btn {
    display: grid
  }

  .login-btn,
  .create-btn {
    display: none
  }

  .header-row {
    min-height: 72px
  }

  .header-actions {
    margin-left: auto
  }

  .hero-copy {
    padding-top: 52px
  }

  .section-pad {
    padding: 48px 0
  }
  .login-main{min-height:auto;padding:55px 0 65px}
  .reg-main{min-height:auto;padding:48px 0 60px}
   .footer-grid {
    grid-template-columns: repeat(3, 1fr)
  }

  .footer-map {
    display: none
  }
.mobile-menu-btn {
  border: none;
  background: #61b54563;
  border-radius: 5px;
}
}

@media(max-width:991.98px) {
  .container-xxl {
    padding-inline: 20px
  }

  .section-pad {
    padding: 44px 0
  }

  .promo-card {
    min-height: 330px
  }
  
}

@media(max-width:767.98px) {
  .container-xxl {
    padding-inline: 16px
  }

  .section-pad {
    padding: 40px 0
  }

  .section-heading {
    margin-bottom: 18px
  }

  .section-heading h2,
  .center-title {
    font-size: 20px
  }

  .destination-img {
    height: 140px
  }

  .destination-info {
    min-height: 110px
  }

  .why-item {
    min-height: 88px;
    padding: 13px 12px
  }

  .partners {
    padding-top: 30px
  }

  .promos {
    padding-top: 32px;
    padding-bottom: 32px
  }

  .promo-copy {
    padding: 22px 0 0 18px
  }

  .newsletter-title p {
    font-size: 14px
  }
  .login-main{padding:28px 0 38px}
  .login-card{
    width:100%;
    min-height:0;
    border-radius:16px;
    padding:34px 22px 30px;
  }
  .login-heading{font-size:28px}
  .login-subtitle{font-size:14px;margin-bottom:28px}
  .social-login{grid-template-columns:1fr;gap:10px}
  .social-btn{height:54px}
  .divider{margin:27px 0 25px}
  .login-input{height:56px}
  .form-group{margin-bottom:17px}
  .login-options{gap:12px}
  .signin-btn{height:56px}
  .create-account-row{margin:20px 0 23px}
  .safe-box{padding:13px 14px;gap:12px}
  .safe-icon{width:34px;flex-basis:34px;font-size:36px}
  .safe-copy span{font-size:14px}
.reg-main{padding:25px 0 38px}
  .reg-card{
    width:100%;min-height:0;border-radius:16px;
    padding:32px 20px 28px;
  }
  .reg-phone-code .sep {
margin: 0 6px;
}
  .reg-kicker{font-size:12px;letter-spacing:3px}
  .reg-title{font-size:27px}
  .reg-subtitle{font-size:14px;margin-bottom:27px}
  .reg-social{grid-template-columns:1fr;gap:10px}
  .reg-social-btn{height:54px}
  .reg-divider{margin:26px 0 23px}
  .reg-form-row{grid-template-columns:1fr;gap:0;margin-bottom:0}
  .reg-field{margin-bottom:14px}
  .reg-input,.reg-select,.reg-phone-code{height:55px}
  .reg-phone{grid-template-columns:90px 1fr}
  .reg-terms{align-items:flex-start;line-height:1.45}
  .reg-submit{height:56px}
  .reg-benefits{grid-template-columns:1fr;gap:9px}
  .reg-benefit{min-height:115px}
  .reg-benefit-icon{width:55px;height:55px;font-size:30px;margin-bottom:8px}
   .site-footer {
    padding-top: 34px
  }

  .footer-grid {
    grid-template-columns: 1fr 1fr;
    gap: 28px 20px;
    padding-bottom: 30px
  }

  .footer-brand {
    grid-column: 1/-1
  }

  .footer-grid>div:not(.footer-brand):not(.footer-map) a {
    font-size: 14px
  }

  .footer-bottom {
    height: auto;
    padding: 18px 16px;
    display: block
  }

  .footer-bottom div {
    margin-top: 8px;
    flex-wrap: wrap
  }
  
}

@media(max-width:576px) {
  .site-footer {
  background-image: none;
}
.footer-bottom {
  font-size: 13px;
}
.footer-bottom div {
  display: flex;
  gap: 5px;
  justify-content: center;
}
 .footer-grid {
    gap: 15px;
  }
  .brand-wrap {
  min-width: 180px;
  gap: 14px;
}
.home-eyebrow.reveal > span {
  display: none;
}
.home-hero-buttons.reveal.d4.is-visible {
  flex-direction: column;
}
.home-benefits-wrap {
  padding: 30px 0 0px;
}
.section-heading.reveal.is-visible {
  flex-direction: column;
  align-items: flex-start;
  gap: 0;
}
 .section-pad {
    padding: 30px 0;
  }
   .why-grid {
    grid-template-columns: 1fr;
  }
  .promo-copy h2 {
  font-weight: 500;
  font-size: 22px;
}
.promo-copy {
    padding: 20px 15px;
  }
  .test-brands {
  flex-direction: column;
}
.test-brands > div:last-child {
  border-left: none;
  padding-left: 0;
  padding-top: 15px;
  border-top: 1px solid #e1e9f1;
}
.home-hero-bg > img {
  object-position: 60%;
}

}


@media(max-width:430px) {
  .container-xxl {
    padding-inline: 14px
  }

  .mobile-menu {
    --bs-offcanvas-width: 100%
  }

  .mobile-menu .offcanvas-header {
    padding-inline: 18px
  }

  .mobile-menu .offcanvas-body {
    padding-inline: 18px
  }
  .login-card{padding:30px 17px 25px}
  .login-heading{font-size:26px}
  .login-subtitle{max-width:300px}
  .reg-card{padding:28px 16px 24px}
  .reg-title{font-size:25px}
  .reg-benefit{min-height:105px}
   .footer-grid {
    grid-template-columns: 1fr
  }
  .home-hero-title {
    font-size: 30px;
  }
  .footer-brand {
    grid-column: auto
  }
  .home-hero-description {font-size: 15px;}
}

@media(max-width:1199.98px) {
  .nav-dropdown {
    display: none
  }
  
}

@media(min-width:1200px) {
  .nav-dropdown-menu.mobile-open {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    pointer-events: auto
  }
}
.dash_board_menu {
  border: none;
  background: transparent;
  font-size: 30px;
  color: #223b74;
}


/* =========================================================
   ABOUT US PAGE  (/about-us)
   Page-only layer. Built on the shared tokens above:
   --u2g-* colours, .container-xxl, .page-hero / .page-kicker / .page-title /
   .page-subtitle, .common-btn. Everything is scoped under .ab-page.
   ========================================================= */
.ab-page {
  background: #fff;
  color: var(--u2g-text);
}

.ab-page h2,
.ab-page h3,
.ab-page h4 {
  color: var(--u2g-navy);
}

.ab-section {
  padding: 56px 0;
}

.ab-section--tint {
  background: linear-gradient(180deg, var(--u2g-bg) 0%, var(--u2g-bg-blue) 100%);
  border-block: 1px solid var(--u2g-border);
}

.ab-head {
  max-width: 720px;
  margin: 0 auto 32px;
  text-align: center;
}

.ab-head h2 {
  margin-bottom: 10px;
  font-size: clamp(1.6rem, 2.2vw, 2.2rem);
  font-weight: 700;
}

.ab-head p {
  color: var(--u2g-text);
  font-size: 1rem;
  line-height: 1.7;
}

.ab-eyebrow {
  display: inline-block;
  margin-bottom: 8px;
  color: var(--u2g-blue);
  font-size: .74rem;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
}

/* ---------- hero ---------- */
.ab-hero .page-hero-inner {
  align-items: stretch;
}

.ab-hero .page-subtitle {
  max-width: 680px;
}

.ab-hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 24px;
}

.ab-company {
  flex: 0 0 340px;
  align-self: center;
  padding: 22px 24px;
  border: 1px solid var(--u2g-border);
  border-radius: var(--u2g-radius-lg);
  background: #fff;
  box-shadow: var(--u2g-shadow);
}

.ab-company small {
  display: block;
  color: var(--u2g-muted);
  font-size: .72rem;
  font-weight: 600;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.ab-company strong {
  display: block;
  margin: 4px 0 12px;
  color: var(--u2g-navy);
  font-size: 1.15rem;
  line-height: 1.3;
}

.ab-company p {
  padding-top: 12px;
  border-top: 1px dashed var(--u2g-border);
  color: var(--u2g-ink);
  font-size: .9rem;
  font-style: italic;
  line-height: 1.5;
}

/* ---------- quick links ---------- */
.ab-subnav {
  border-bottom: 1px solid var(--u2g-border);
  background: #fff;
}

.ab-subnav ul {
  display: flex;
  gap: 8px;
  margin: 0;
  padding: 12px 0;
  list-style: none;
  overflow-x: auto;
  scrollbar-width: none;
}

.ab-subnav ul::-webkit-scrollbar {
  display: none;
}

.ab-subnav a {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 16px;
  border: 1px solid var(--u2g-border);
  border-radius: 999px;
  background: #fff;
  color: var(--u2g-ink);
  font-size: .82rem;
  font-weight: 500;
  white-space: nowrap;
  transition: background var(--u2g-transition), border-color var(--u2g-transition), color var(--u2g-transition);
}

.ab-subnav a:hover,
.ab-subnav a:focus-visible {
  border-color: var(--u2g-blue);
  background: var(--u2g-bg-blue);
  color: var(--u2g-blue);
}

/* ---------- story + numbers ---------- */
.ab-story {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr);
  gap: 48px;
  align-items: start;
}

.ab-story-copy p {
  margin-bottom: 16px;
  font-size: 1.02rem;
  line-height: 1.8;
}

.ab-story-copy strong {
  color: var(--u2g-ink);
  font-weight: 600;
}

.ab-tagline {
  margin-top: 24px;
  padding: 18px 22px;
  border-left: 4px solid var(--u2g-green);
  border-radius: 0 var(--u2g-radius-lg) var(--u2g-radius-lg) 0;
  background: #effbf3;
  color: var(--u2g-navy);
  font-size: 1.08rem;
  font-weight: 600;
  line-height: 1.5;
}

.ab-tagline small {
  display: block;
  margin-bottom: 4px;
  color: var(--u2g-green-dark);
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.ab-stats {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.ab-stat {
  padding: 22px 20px;
  border: 1px solid var(--u2g-border);
  border-radius: var(--u2g-radius-lg);
  background: #fff;
  box-shadow: var(--u2g-shadow);
}

.ab-stat b {
  display: block;
  color: var(--u2g-blue);
  font-size: clamp(1.8rem, 2.6vw, 2.5rem);
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: -.04em;
}

.ab-stat span {
  display: block;
  margin-top: 6px;
  color: var(--u2g-text);
  font-size: .86rem;
  line-height: 1.4;
}

.ab-destinations {
  grid-column: 1 / -1;
  padding: 18px 20px;
  border: 1px solid var(--u2g-border);
  border-radius: var(--u2g-radius-lg);
  background: var(--u2g-bg-blue);
}

.ab-destinations small {
  display: block;
  margin-bottom: 10px;
  color: var(--u2g-muted);
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.ab-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.ab-chips li {
  padding: 5px 12px;
  border: 1px solid var(--u2g-border);
  border-radius: 999px;
  background: #fff;
  color: var(--u2g-ink);
  font-size: .8rem;
  font-weight: 500;
}

/* ---------- 9 ways we help ---------- */
.ab-steps {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  margin: 0;
  padding: 0;
  list-style: none;
  counter-reset: ab-step;
}

.ab-step {
  position: relative;
  display: flex;
  gap: 16px;
  padding: 22px 22px 22px 20px;
  border: 1px solid var(--u2g-border);
  border-radius: var(--u2g-radius-lg);
  background: #fff;
  transition: transform var(--u2g-transition), box-shadow var(--u2g-transition), border-color var(--u2g-transition);
}

.ab-step:hover {
  transform: translateY(-3px);
  border-color: rgba(5, 117, 209, .35);
  box-shadow: var(--u2g-shadow);
}

.ab-step::after {
  counter-increment: ab-step;
  content: counter(ab-step, decimal-leading-zero);
  position: absolute;
  top: 14px;
  right: 18px;
  color: #d3e2f1;
  font-size: 1.25rem;
  font-weight: 700;
  letter-spacing: -.03em;
}

.ab-icon {
  display: grid;
  place-items: center;
  flex: 0 0 46px;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background: #e3f8ec;
  color: var(--u2g-green);
  font-size: 1.3rem;
}

.ab-step h3 {
  margin-bottom: 4px;
  padding-right: 28px;
  font-size: 1rem;
  font-weight: 600;
}

.ab-step p {
  color: var(--u2g-text);
  font-size: .86rem;
  line-height: 1.55;
}

/* ---------- app / print ---------- */
.ab-duo {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
}

.ab-feature {
  display: flex;
  align-items: center;
  gap: 24px;
  padding: 28px;
  border: 1px solid var(--u2g-border);
  border-radius: var(--u2g-radius-lg);
  background: #fff;
  box-shadow: var(--u2g-shadow);
}

.ab-feature img {
  flex: 0 0 110px;
  width: 110px;
  height: 110px;
  object-fit: contain;
}

.ab-feature h3 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin-bottom: 8px;
  font-size: 1.2rem;
  font-weight: 700;
}

.ab-feature p {
  font-size: .94rem;
  line-height: 1.65;
}

.ab-badge {
  display: inline-block;
  padding: 3px 10px;
  border-radius: 999px;
  background: #fff4d6;
  color: #8a6200;
  font-size: .68rem;
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
}

/* ---------- memberships ---------- */
.ab-members {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
}

.ab-member {
  display: flex;
  flex-direction: column;
  padding: 26px;
  border: 1px solid var(--u2g-border);
  border-radius: var(--u2g-radius-lg);
  background: #fff;
  box-shadow: var(--u2g-shadow);
}

.ab-member-logo {
  display: grid;
  place-items: center;
  height: 96px;
  margin-bottom: 18px;
  padding: 12px;
  border-radius: var(--u2g-radius);
  background: var(--u2g-bg);
}

.ab-member-logo img {
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 72px;
  object-fit: contain;
}

.ab-member p {
  font-size: .92rem;
  line-height: 1.7;
}

.ab-member a {
  margin-top: auto;
  padding-top: 14px;
  color: var(--u2g-blue);
  font-size: .82rem;
  font-weight: 600;
}

.ab-member a:hover {
  text-decoration: underline;
}

/* ---------- team ---------- */
.ab-team {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
  align-items: start;
}

.ab-person {
  overflow: hidden;
  border: 1px solid var(--u2g-border);
  border-radius: var(--u2g-radius-lg);
  background: #fff;
  box-shadow: var(--u2g-shadow);
}

.ab-person-photo {
  height: 300px;
  background: linear-gradient(180deg, #eaf5ff 0%, #d8efff 100%);
}

.ab-person-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top center;
}

.ab-person-body {
  padding: 22px 24px 24px;
}

.ab-person h3 {
  margin-bottom: 2px;
  font-size: 1.15rem;
  font-weight: 700;
}

.ab-role {
  display: block;
  margin-bottom: 14px;
  color: var(--u2g-blue);
  font-size: .8rem;
  font-weight: 600;
  letter-spacing: .02em;
}

.ab-person p {
  margin-bottom: 12px;
  font-size: .92rem;
  line-height: 1.7;
}

.ab-person details {
  margin-top: 4px;
}

.ab-person summary {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--u2g-blue);
  font-size: .82rem;
  font-weight: 600;
  cursor: pointer;
  list-style: none;
}

.ab-person summary::-webkit-details-marker {
  display: none;
}

.ab-person summary::after {
  content: "+";
  display: inline-grid;
  place-items: center;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: var(--u2g-bg-blue);
  font-size: .95rem;
  line-height: 1;
}

.ab-person details[open] summary::after {
  content: "\2212";
}

.ab-person details>div {
  margin-top: 14px;
}

.ab-sign {
  color: var(--u2g-ink);
  font-size: .9rem;
}

.ab-in {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-top: 6px;
  color: #0a66c2;
  font-size: .84rem;
  font-weight: 600;
}

.ab-in:hover {
  text-decoration: underline;
}

/* ---------- partners ---------- */
.ab-logos {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 14px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.ab-logos li {
  display: grid;
  place-items: center;
  height: 96px;
  padding: 14px 18px;
  border: 1px solid var(--u2g-border);
  border-radius: var(--u2g-radius-lg);
  background: #fff;
  transition: box-shadow var(--u2g-transition), transform var(--u2g-transition);
}

.ab-logos li:hover {
  transform: translateY(-2px);
  box-shadow: var(--u2g-shadow);
}

.ab-logos img {
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 64px;
  object-fit: contain;
}

/* ---------- connect ---------- */
.ab-connect {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr);
  gap: 24px;
  align-items: stretch;
}

.ab-contact {
  padding: 30px;
  border-radius: var(--u2g-radius-lg);
  background: linear-gradient(135deg, var(--u2g-navy), var(--u2g-blue-dark));
  color: #fff;
}

.ab-contact h2 {
  margin-bottom: 18px;
  color: #fff;
  font-size: 1.5rem;
}

.ab-contact a {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 0;
  color: #fff;
  font-size: 1rem;
  word-break: break-word;
}

.ab-contact a i {
  display: grid;
  place-items: center;
  flex: 0 0 38px;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: rgba(255, 255, 255, .14);
  font-size: 1.05rem;
}

.ab-contact a:hover {
  text-decoration: underline;
}

.ab-follow {
  margin-top: 18px;
  padding-top: 18px;
  border-top: 1px solid rgba(255, 255, 255, .2);
}

.ab-follow small {
  display: block;
  margin-bottom: 10px;
  color: rgba(255, 255, 255, .75);
  font-size: .72rem;
  font-weight: 600;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.ab-follow div {
  display: flex;
  gap: 10px;
}

.ab-follow a {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  padding: 0;
  border-radius: 50%;
  background: rgba(255, 255, 255, .14);
  font-size: 1.1rem;
}

.ab-follow a:hover {
  background: #fff;
  color: var(--u2g-navy);
}

.ab-video {
  position: relative;
  min-height: 280px;
  overflow: hidden;
  border-radius: var(--u2g-radius-lg);
  background: #0b1a33;
  box-shadow: var(--u2g-shadow-lg);
}

.ab-video iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}


/* =========================================
   COUNTRY GUIDE SECTION
========================================= */

.country-guide-sec {
  position: relative;
  width: 100%;
  padding: 55px 0 50px;
  background-image: url("../images/inner-banner.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  overflow: hidden;
  margin-bottom: 30px;
}

.country-guide-sec .country-guide-wrap {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(260px, 0.75fr) minmax(360px, 0.85fr);
  align-items: center;
  gap: 30px;
}

/* =========================================
   LEFT CONTENT
========================================= */

.country-guide-sec .country-guide-content {
  position: relative;
  z-index: 2;
}

.country-guide-sec .country-guide-heading h2 {
  margin: 0;
  color: #111827;
  font-family: Poppins, sans-serif;
  font-size: 22px;
  font-weight: 600;
  line-height: 1.25;
  margin-bottom: 10px;
}

.country-guide-sec .country-guide-heading h3 {
  margin: 0;
  color: #0757b8;
  font-family: Poppins, sans-serif;
  font-size: 42px;
  font-weight: 800;
  line-height: 1.05;
  letter-spacing: 1px;
}

.country-guide-sec .country-guide-line {
  display: block;
  width: 185px;
  height: 6px;
  margin-top: 10px;
  border-radius: 10px;
  background: #35a878;
}

/* =========================================
   GUIDE LIST
========================================= */

.country-guide-sec .country-guide-list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px 20px;
  margin-top: 20px;
}

.country-guide-sec .country-guide-list ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

.country-guide-sec .country-guide-list li {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 48px;
  margin: 0;
  padding: 3px 0;
  color: #202733;
  font-family: Poppins, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.35;
}

.country-guide-sec .country-guide-icon {
  flex: 0 0 28px;
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #ffffff;
  color: #0768c8;
  font-size: 15px;
  box-shadow: 0 2px 8px rgba(0, 75, 150, 0.08);
}

.country-guide-sec .country-guide-icon i {
  line-height: 1;
}

/* =========================================
   BOOK
========================================= */

.country-guide-sec .country-guide-book {
  position: relative;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: center;
}

.country-guide-sec .country-guide-book img {
  display: block;
  width: 100%;
  max-width: 280px;
  height: auto;
  object-fit: contain;
}

/* =========================================
   FORM CARD
========================================= */

.country-guide-sec .country-guide-form-wrap {
  position: relative;
  z-index: 4;
}

.country-guide-sec .country-guide-form {
  width: 100%;
  max-width: 455px;
  margin-left: auto;
  padding: 30px 38px 28px;
  border-radius: 20px;
  background: #ffffff;
  box-shadow: 0 12px 35px rgba(0, 70, 130, 0.12);
}

.country-guide-sec .country-guide-form h2 {
  margin: 0 0 2px;
  color: #111827;
  font-family: Poppins, sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.25;
}

.country-guide-sec .country-guide-form>p {
  margin: 0 0 18px;
  color: #3f4349;
  font-family: Poppins, sans-serif;
  font-size: 14px;
  line-height: 1.55;
}

/* =========================================
   FORM FIELDS
========================================= */

.country-guide-sec .country-guide-field {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  height: 42px;
  border: 1px solid #d8d8d8;
  background: #fff;
}

.country-guide-sec .country-guide-field i {
  flex: 0 0 48px;
  color: #777;
  text-align: center;
  font-size: 20px;
}

.country-guide-sec .country-guide-field input {
  width: 100%;
  height: 100%;
  padding: 0 12px 0 0;
  border: 0;
  outline: 0;
  background: transparent;
  color: #222;
  font-family: Poppins, sans-serif;
  font-size: 14px;
}

.country-guide-sec .country-guide-field input::placeholder {
  color: #8b8b8b;
}

.country-guide-sec .country-guide-phone {
  display: grid;
  grid-template-columns: 100px 1fr;
  margin-top: 10px;
}

.country-guide-sec .country-guide-phone>.country-guide-field {
  margin: 0;
}

.country-guide-sec .country-guide-country {
  display: flex;
  align-items: center;
  gap: 9px;
  height: 42px;
  padding: 0 14px;
  border: 1px solid #d8d8d8;
  border-right: 0;
  color: #333;
  font-family: Poppins, sans-serif;
  font-size: 14px;
}

.country-guide-sec .country-guide-country span:first-child {
  font-size: 21px;
}

.country-guide-sec .country-guide-country i {
  margin-left: auto;
  font-size: 12px;
  color: #555;
}

/* First two fields */
.country-guide-sec form>.country-guide-field {
  margin-bottom: 10px;
}

/* Select */
.country-guide-sec .country-guide-select {
  position: relative;
  width: 100%;
  height: 42px;
  margin-top: 10px;
}

.country-guide-sec .country-guide-select select {
  width: 100%;
  height: 100%;
  padding: 0 45px 0 18px;
  border: 1px solid #d8d8d8;
  outline: 0;
  appearance: none;
  background: #fff;
  color: #333;
  font-family: Poppins, sans-serif;
  font-size: 12px;
}

.country-guide-sec .country-guide-select i {
  position: absolute;
  top: 50%;
  right: 18px;
  transform: translateY(-50%);
  color: #555;
  font-size: 13px;
  pointer-events: none;
}

/* =========================================
   BUTTON
========================================= */

.country-guide-sec .country-guide-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  width: 100%;
  min-height: 42px;
  margin-top: 14px;
  padding: 7px 19px;
  border: 0;
  border-radius: 0;
  background: #147dca;
  color: #fff;
  font-family: Poppins, sans-serif;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 1px;
  cursor: pointer;
  transition: background 0.3s ease;
}

.country-guide-sec .country-guide-btn:hover {
  background: #0969ae;
}

.country-guide-sec .country-guide-btn i {
  font-size: 21px;
}

/* Disclaimer */
.country-guide-sec .country-guide-form small {
  display: block;
  margin-top: 12px;
  color: #626262;
  font-family: Poppins, sans-serif;
  font-size: 12px;
  line-height: 1.55;
}

/* =========================================
   LARGE TABLET
========================================= */

@media (max-width: 1320px) {
  .home-hero-copy {
    padding: 30px 0;
    position: relative;
    z-index: 5
  }

  .country-guide-sec .country-guide-form {
    padding: 25px 30px 28px;
  }

  .country-guide-sec .country-guide-field input {
    font-size: 12px;
  }

  .country-guide-sec .country-guide-field,
  .country-guide-sec .country-guide-country,
  .country-guide-sec .country-guide-select select {
    height: 35px;
  }

  .country-guide-sec .country-guide-field i {
    flex: 0 0 38px;
    font-size: 16px;
  }

  .country-guide-sec .country-guide-country {
    gap: 5px;
  }

  .country-guide-sec .country-guide-form {
    max-width: 330px;
  }

  .country-guide-sec .country-guide-form>p {
    margin: 0 0 8px;
    font-size: 13px;
  }

  .country-guide-sec .country-guide-btn {
    min-height: 32px;
    margin-top: 5px;
    padding: 1px 19px;
    font-size: 12px;
  }

  .country-guide-sec form>.country-guide-field {
    margin-bottom: 5px;
  }

  .country-guide-sec .country-guide-phone {
    grid-template-columns: 80px 1fr;
    margin-top: 5px;
  }

  .country-guide-sec .country-guide-select {
    margin-top: 5px;
  }

  .country-guide-sec .country-guide-country span:first-child {
    font-size: 16px;
  }

  .country-guide-sec .country-guide-country {
    font-size: 12px;
  }

  .country-guide-sec {
    padding: 40px 0 40px;
  }

  .country-guide-sec .country-guide-wrap {
    grid-template-columns: minmax(0, 1.25fr) minmax(260px, 0.55fr) minmax(360px, 0.75fr);
  }
}

@media (max-width: 1199.98px) {

  .country-guide-sec {
    padding: 45px 0;
  }

  .country-guide-sec .country-guide-wrap {
    grid-template-columns: minmax(0, 1fr) 260px 370px;
    gap: 20px;
  }

  .country-guide-sec .country-guide-heading h2 {
    font-size: 28px;
  }

  .country-guide-sec .country-guide-heading h3 {
    font-size: 50px;
  }

  .country-guide-sec .country-guide-list {
    gap: 5px 15px;
  }

  .country-guide-sec .country-guide-list li {
    font-size: 13px;
  }

  .country-guide-sec .country-guide-icon {
    flex-basis: 34px;
    width: 34px;
    height: 34px;
    font-size: 16px;
  }

  .country-guide-sec .country-guide-book img {
    max-width: 270px;
  }

  .country-guide-sec .country-guide-form {
    padding: 25px;
  }
}

/* =========================================
   TABLET
========================================= */

@media (max-width: 991.98px) {

  .country-guide-sec {
    padding: 45px 0;
    background-position: center center;
  }

  .country-guide-sec .country-guide-wrap {
    grid-template-columns: 1fr 280px;
  }

  .country-guide-sec .country-guide-content {
    grid-column: 1 / 2;
  }

  .country-guide-sec .country-guide-book {
    grid-column: 2 / 3;
    grid-row: 1;
  }

  .country-guide-sec .country-guide-form-wrap {
    grid-column: 1 / -1;
    grid-row: 2;
  }

  .country-guide-sec .country-guide-form {
    max-width: 600px;
    margin: 20px auto 0;
  }

  .country-guide-sec .country-guide-heading h2 {
    font-size: 26px;
  }

  .country-guide-sec .country-guide-heading h3 {
    font-size: 46px;
  }
}

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

@media (max-width: 767.98px) {

  .country-guide-sec {
    padding: 40px 0;
    background-position: center center;
  }

  .country-guide-sec .country-guide-wrap {
    display: flex;
    flex-direction: column;
    gap: 25px;
  }

  .country-guide-sec .country-guide-content,
  .country-guide-sec .country-guide-book,
  .country-guide-sec .country-guide-form-wrap {
    width: 100%;
  }

  .country-guide-sec .country-guide-content {
    text-align: center;
  }

  .country-guide-sec .country-guide-heading h2 {
    font-size: 25px;
  }

  .country-guide-sec .country-guide-heading h3 {
    font-size: 44px;
  }

  .country-guide-sec .country-guide-line {
    width: 145px;
    height: 5px;
    margin: 14px auto 0;
  }

  .country-guide-sec .country-guide-list {
    grid-template-columns: 1fr;
    gap: 3px;
    margin-top: 20px;
    text-align: left;
  }

  .country-guide-sec .country-guide-list li {
    min-height: 44px;
    font-size: 14px;
  }

  .country-guide-sec .country-guide-book {
    order: 2;
  }

  .country-guide-sec .country-guide-book img {
    max-width: 280px;
  }

  .country-guide-sec .country-guide-form-wrap {
    order: 3;
  }

  .country-guide-sec .country-guide-form {
    max-width: 100%;
    padding: 25px 20px;
    border-radius: 16px;
  }

  .country-guide-sec .country-guide-form h2 {
    font-size: 20px;
  }

  .country-guide-sec .country-guide-phone {
    grid-template-columns: 125px 1fr;
  }
}

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

@media (max-width: 480px) {

  .country-guide-sec {
    padding: 30px 0;
  }

  .country-guide-sec .country-guide-heading h2 {
    font-size: 22px;
  }

  .country-guide-sec .country-guide-heading h3 {
    font-size: 36px;
  }

  .country-guide-sec .country-guide-list li {
    font-size: 13px;
  }

  .country-guide-sec .country-guide-icon {
    flex-basis: 34px;
    width: 34px;
    height: 34px;
    font-size: 15px;
  }

  .country-guide-sec .country-guide-form {
    padding: 22px 16px;
  }

  .country-guide-sec .country-guide-form h2 {
    font-size: 24px;
  }

  .country-guide-sec .country-guide-phone {
    grid-template-columns: 105px 1fr;
  }

  .country-guide-sec .country-guide-country {
    padding: 0 9px;
    gap: 5px;
    font-size: 12px;
  }

  .country-guide-sec .country-guide-field i {
    flex-basis: 42px;
    font-size: 17px;
  }
}


.sat-info-page {
  color: #25354a;
  line-height: 1.75;
}

.sat-info-page .sat-hero {
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  align-items: center;
  gap: 35px;
  padding: 40px;
  margin-bottom: 30px;
  background: #f1f6fc;
  border-radius: 16px;
}

.sat-info-page .sat-eyebrow,
.sat-info-page .sat-section-heading > span,
.sat-info-page .sat-score-content > span,
.sat-info-page .sat-registration-cta > span {
  display: inline-block;
  color: #1760a8;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1.5px;
  margin-bottom: 12px;
}

.sat-info-page .sat-hero h2 {
  color: #123b68;
  font-size: clamp(30px, 4vw, 46px);
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 18px;
}

.sat-info-page .sat-hero-image img {
  display: block;
  width: 100%;
  max-height: 320px;
  object-fit: cover;
  border-radius: 12px;
}

.sat-info-page .sat-quick-facts {
  row-gap: 18px;
  margin-bottom: 45px;
}

.sat-info-page .sat-fact-card {
  height: 100%;
  padding: 22px 15px;
  text-align: center;
  background: #fff;
  border: 1px solid #e1eaf4;
  border-radius: 12px;
}

.sat-info-page .sat-fact-card > span {
  color: #1760a8;
  font-size: 25px;
}

.sat-info-page .sat-fact-card h3 {
  color: #123b68;
  font-size: 20px;
  font-weight: 700;
  margin: 12px 0 5px;
}

.sat-info-page .sat-fact-card p {
  margin: 0;
  font-size: 13px;
}

.sat-info-page .sat-section {
  margin: 45px 0;
}

.sat-info-page .sat-section-heading {
  margin-bottom: 22px;
}

.sat-info-page .sat-section-heading h2,
.sat-info-page .sat-score-content h2 {
  color: #123b68;
  font-size: clamp(24px, 3vw, 32px);
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: 12px;
}

.sat-info-page .sat-section-heading p {
  margin-bottom: 0;
}

.sat-info-page .sat-pattern-section {
  padding: 32px;
  background: #f7f9fc;
  border-radius: 14px;
}

.sat-info-page .table-responsive {
  border-radius: 8px;
}

.sat-info-page .table {
  background: #fff;
  margin-bottom: 0;
}

.sat-info-page .table thead th {
  color: #fff;
  background: #123b68;
  border-color: #123b68;
  padding: 14px;
}

.sat-info-page .table td {
  padding: 14px;
  vertical-align: middle;
}

.sat-info-page .sat-score-section {
  display: grid;
  grid-template-columns: 0.8fr 1.2fr;
  gap: 30px;
  align-items: center;
  padding: 35px;
  color: #fff;
  background: #123b68;
  border-radius: 16px;
}

.sat-info-page .sat-score-content > span {
  color: #a9d2ff;
}

.sat-info-page .sat-score-content h2 {
  color: #fff;
}

.sat-info-page .sat-score-content p {
  margin-bottom: 0;
}

.sat-info-page .sat-score-cards {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.sat-info-page .sat-score-card {
  padding: 20px 14px;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 10px;
}

.sat-info-page .sat-score-card p {
  margin-bottom: 6px;
  font-size: 13px;
}

.sat-info-page .sat-score-card h3 {
  margin: 0;
  color: #fff;
  font-size: 24px;
  font-weight: 700;
}

.sat-info-page .sat-total-score {
  grid-column: 1 / -1;
  background: #fff;
}

.sat-info-page .sat-total-score p,
.sat-info-page .sat-total-score h3 {
  color: #123b68;
}

.sat-info-page .sat-preparation-grid {
  row-gap: 20px;
}

.sat-info-page .sat-prep-card {
  height: 100%;
  padding: 25px;
  border: 1px solid #e1eaf4;
  border-radius: 12px;
  transition: box-shadow 0.25s ease, transform 0.25s ease;
}

.sat-info-page .sat-prep-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 28px rgba(18, 59, 104, 0.09);
}

.sat-info-page .sat-prep-card > span {
  color: #1760a8;
  font-size: 27px;
}

.sat-info-page .sat-prep-card h3 {
  color: #123b68;
  font-size: 19px;
  font-weight: 700;
  margin: 14px 0 10px;
}

.sat-info-page .sat-prep-card p {
  margin-bottom: 0;
}

.sat-info-page .sat-registration-cta {
  padding: 40px 25px;
  text-align: center;
  background: #f1f6fc;
  border-radius: 16px;
}

.sat-info-page .sat-registration-cta h2 {
  color: #123b68;
  font-size: clamp(24px, 3vw, 34px);
  font-weight: 700;
  margin-bottom: 12px;
}

.sat-info-page .sat-registration-cta p {
  max-width: 650px;
  margin: 0 auto 22px;
}

@media (max-width: 767px) {
  .sat-info-page .sat-hero {
    grid-template-columns: 1fr;
    padding: 25px 20px;
    gap: 25px;
  }

  .sat-info-page .sat-score-section {
    grid-template-columns: 1fr;
    padding: 25px 20px;
  }

  .sat-info-page .sat-pattern-section {
    padding: 22px 15px;
  }

  .sat-info-page .table {
    min-width: 650px;
  }

  .sat-info-page .sat-fact-card {
    padding: 18px 10px;
  }
}


/* =========================================
   UNI2GO - ETS PREMIUM SECTION
   All styles scoped to this section only
========================================= */

.u2g-ets-premium {
    --ets-primary: #0756b8;
    --ets-dark: #092b55;
    --ets-accent: #1688f8;
    --ets-text: #27384d;
    --ets-muted: #69798d;
    --ets-border: #e2eaf4;

    position: relative;
    overflow: hidden;
    padding: 65px 20px;
    
    color: var(--ets-text);
    font-family: 'Roboto', sans-serif;
}

.u2g-ets-premium *,
.u2g-ets-premium *::before,
.u2g-ets-premium *::after {
    box-sizing: border-box;
}

.u2g-ets-container {
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
}

/* Hero */

.u2g-ets-hero {
    position: relative;
    margin-bottom: 45px;
    text-align: center;
}

.u2g-ets-eyebrow,
.u2g-ets-kicker {
    display: inline-block;
    color: var(--ets-primary);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 2px;
    line-height: 1.7;
}

.u2g-ets-hero h2 {
    margin: 13px 0 0px;
  line-height: 1.2;
  letter-spacing: -1.2px;
  font-size: 32px;
  font-weight: 600;
  color: #0c1324;
}



.u2g-ets-location {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 8px 0 0;
    color: var(--ets-muted);
    font-size: 15px;
    font-weight: 500;
}

.u2g-ets-location i {
    color: var(--ets-accent);
}

.u2g-ets-hero-line {
    width: 65px;
    height: 4px;
    margin: 22px auto 0;
    border-radius: 10px;
    background: linear-gradient(90deg, #0756b8, #39b6ff);
}

/* Introduction */

.u2g-ets-intro {
    display: grid;
    grid-template-columns: 0.95fr 1.05fr;
    align-items: center;
    gap: 55px;
    margin-bottom: 55px;
}

.u2g-ets-intro-image {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 300px;
    padding: 30px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .9);
    border-radius: 24px;
    background: linear-gradient(145deg, #e5f1ff, #ffffff);
    box-shadow: 0 18px 45px rgba(17, 59, 107, .09);
}

.u2g-ets-intro-image img {
    display: block;
    width: 100%;
    max-width: 390px;
    height: auto;
    object-fit: contain;
}

.u2g-ets-image-label {
    position: absolute;
    right: 18px;
    bottom: 18px;
    display: flex;
    gap: 7px;
}

.u2g-ets-image-label span {
    padding: 8px 13px;
    border: 1px solid rgba(255,255,255,.7);
    border-radius: 7px;
    background: rgba(7, 43, 85, .92);
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .5px;
}

.u2g-ets-intro-content h3 {
    margin: 12px 0 18px;
    color: var(--ets-dark);
    font-size: clamp(25px, 3vw, 34px);
    font-weight: 800;
    line-height: 1.3;
    letter-spacing: -.6px;
}

.u2g-ets-intro-content p {
    margin: 0 0 15px;
    color: var(--ets-muted);
    font-size: 15px;
    line-height: 1.9;
}

.u2g-ets-exam-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
    margin-top: 23px;
}

.u2g-ets-exam-tags span {
    padding: 9px 14px;
    border: 1px solid #d8e7f9;
    border-radius: 50px;
    background: #edf5ff;
    color: var(--ets-primary);
    font-size: 12px;
    font-weight: 700;
}

/* Information Cards */

.u2g-ets-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: stretch;
    gap: 28px;
}

.u2g-ets-card {
    overflow: hidden;
    border: 1px solid var(--ets-border);
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 12px 35px rgba(17, 59, 107, .06);
    transition: transform .3s ease, box-shadow .3s ease;
}

.u2g-ets-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 42px rgba(17, 59, 107, .12);
}

.u2g-ets-registration {
    padding: 34px;
}

.u2g-ets-card-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 58px;
    height: 58px;
    margin-bottom: 24px;
    border-radius: 16px;
    background: linear-gradient(135deg, #0756b8, #1688f8);
    color: #fff;
    font-size: 25px;
    box-shadow: 0 9px 20px rgba(7, 86, 184, .2);
}

.u2g-ets-registration h3 {
    margin: 10px 0 12px;
    color: var(--ets-dark);
    font-size: 25px;
    font-weight: 800;
    line-height: 1.35;
}

.u2g-ets-registration > p {
    margin-bottom: 22px;
    color: var(--ets-muted);
    font-size: 14px;
    line-height: 1.8;
}

.u2g-ets-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    margin-top: 10px;
    padding: 14px 16px;
    border: 1px solid #e4edf8;
    border-radius: 10px;
    background: #f8fbff;
    color: var(--ets-primary) !important;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none !important;
    transition: background .25s ease, border-color .25s ease,
                color .25s ease, transform .25s ease;
}

.u2g-ets-link:hover {
    border-color: var(--ets-primary);
    background: var(--ets-primary);
    color: #fff !important;
    transform: translateX(3px);
}

.u2g-ets-link i {
    flex-shrink: 0;
    font-size: 17px;
}

/* Centre Card */

.u2g-ets-centre-image {
    position: relative;
    height: 235px;
    overflow: hidden;
}

.u2g-ets-centre-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    transition: transform .5s ease;
}

.u2g-ets-centre:hover .u2g-ets-centre-image img {
    transform: scale(1.05);
}

.u2g-ets-image-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(
        0deg,
        rgba(4, 24, 51, .9) 0%,
        rgba(4, 24, 51, .15) 75%
    );
}

.u2g-ets-centre-image-text {
    position: absolute;
    right: 25px;
    bottom: 22px;
    left: 25px;
    color: #fff;
}

.u2g-ets-centre-image-text span {
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 2px;
}

.u2g-ets-centre-image-text h3 {
    margin: 7px 0 0;
    color: #fff;
    font-size: 24px;
    font-weight: 800;
}

.u2g-ets-centre-content {
    padding: 27px 30px 30px;
}

.u2g-ets-centre-content h3 {
    margin: 8px 0 20px;
    color: var(--ets-dark);
    font-size: 22px;
    font-weight: 800;
    line-height: 1.4;
}

.u2g-ets-centre-address {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin: 0;
    color: var(--ets-muted);
    font-size: 14px;
    line-height: 1.9;
}

.u2g-ets-centre-address i {
    padding-top: 4px;
    color: var(--ets-primary);
    font-size: 19px;
}

.u2g-ets-map-note {
    margin-top: 20px;
    padding: 13px 15px;
    border-left: 3px solid var(--ets-accent);
    border-radius: 0 8px 8px 0;
    background: #f0f7ff;
    color: #52677f;
    font-size: 12px;
    line-height: 1.7;
}

/* Bottom CTA */

.u2g-ets-learn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    margin-top: 38px;
    padding: 35px 38px;
    overflow: hidden;
    border-radius: 20px;
    background: #223b74;
    box-shadow: 0 16px 35px rgba(7, 56, 115, .15);
}

.u2g-ets-learn-content {
    max-width: 550px;
}

.u2g-ets-learn .u2g-ets-kicker {
    color: #9ed6ff;
}

.u2g-ets-learn-content h3 {
    margin: 9px 0;
    color: #fff;
    font-size: 25px;
    font-weight: 800;
    line-height: 1.35;
}

.u2g-ets-learn-content p {
    margin: 0;
    color: rgba(255,255,255,.8);
    font-size: 13px;
    line-height: 1.8;
}

.u2g-ets-learn-actions {
    display: flex;
    flex-shrink: 0;
    flex-wrap: wrap;
    gap: 10px;
}

.u2g-ets-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 45px;
    padding: 12px 17px;
    border: 1px solid transparent;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 800;
    text-decoration: none !important;
    transition: all .25s ease;
}

.u2g-ets-btn-light {
    background: #fff;
    color: #0756b8 !important;
}

.u2g-ets-btn-light:hover {
    background: #eaf4ff;
    transform: translateY(-2px);
}

.u2g-ets-btn-outline {
    border-color: rgba(255,255,255,.6);
    background: transparent;
    color: #fff !important;
}

.u2g-ets-btn-outline:hover {
    border-color: #fff;
    background: rgba(255,255,255,.12);
    transform: translateY(-2px);
}

/* Notice */

.u2g-ets-notice {
    display: flex;
    align-items: flex-start;
    gap: 11px;
    margin-top: 24px;
    padding: 15px 18px;
    border: 1px solid #e1eaf5;
    border-radius: 10px;
    background: rgba(255,255,255,.75);
}

.u2g-ets-notice > i {
    flex-shrink: 0;
    margin-top: 2px;
    color: var(--ets-primary);
    font-size: 17px;
}

.u2g-ets-notice p {
    margin: 0;
    color: #718095;
    font-size: 11px;
    line-height: 1.8;
}

/* Tablet */

@media (max-width: 991px) {
    .u2g-ets-premium {
        padding: 50px 18px;
    }

    .u2g-ets-intro {
        grid-template-columns: 1fr 1fr;
        gap: 30px;
    }

    .u2g-ets-intro-image {
        min-height: 260px;
        padding: 20px;
    }

    .u2g-ets-grid {
        gap: 20px;
    }

    .u2g-ets-registration {
        padding: 25px;
    }

    .u2g-ets-centre-content {
        padding: 24px;
    }

    .u2g-ets-learn {
        align-items: flex-start;
        flex-direction: column;
        padding: 30px;
        gap: 20px;
    }
}

/* Mobile */

@media (max-width: 767px) {
    .u2g-ets-premium {
        padding: 38px 15px;
    }

    .u2g-ets-hero {
        margin-bottom: 30px;
    }

    .u2g-ets-hero h2 {
        font-size: 30px;
        letter-spacing: -.6px;
    }

    .u2g-ets-eyebrow,
    .u2g-ets-kicker {
        font-size: 10px;
        letter-spacing: 1.4px;
    }

    .u2g-ets-intro {
        grid-template-columns: 1fr;
        gap: 25px;
        margin-bottom: 35px;
    }

    .u2g-ets-intro-image {
        min-height: 220px;
        border-radius: 17px;
    }

    .u2g-ets-intro-content h3 {
        font-size: 27px;
    }

    .u2g-ets-intro-content p {
        font-size: 14px;
    }

    .u2g-ets-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .u2g-ets-card {
        border-radius: 16px;
    }

    .u2g-ets-registration {
        padding: 25px 20px;
    }

    .u2g-ets-registration h3 {
        font-size: 23px;
    }

    .u2g-ets-centre-image {
        height: 210px;
    }

    .u2g-ets-centre-content {
        padding: 23px 20px;
    }

    .u2g-ets-centre-content h3 {
        font-size: 20px;
    }

    .u2g-ets-learn {
        margin-top: 25px;
        padding: 27px 21px;
        border-radius: 15px;
    }

    .u2g-ets-learn-content h3 {
        font-size: 23px;
    }

    .u2g-ets-learn-actions {
        width: 100%;
        flex-direction: column;
    }

    .u2g-ets-btn {
        width: 100%;
    }

    .u2g-ets-notice {
        padding: 13px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .u2g-ets-premium *,
    .u2g-ets-premium *::before,
    .u2g-ets-premium *::after {
        transition: none !important;
    }
}


/* ---------- responsive ---------- */
@media (max-width: 1199.98px) {
  .ab-logos {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .ab-company {
    flex-basis: 300px;
  }
}

@media (max-width: 991.98px) {
  .ab-section {
    padding: 44px 0;
  }

  .ab-hero .page-hero-inner {
    flex-direction: column;
    align-items: flex-start;
  }

  .ab-company {
    flex: none;
    align-self: stretch;
    width: 100%;
  }

  .ab-story,
  .ab-connect {
    grid-template-columns: 1fr;
    gap: 28px;
  }

  .ab-steps,
  .ab-members,
  .ab-team {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ab-duo {
    grid-template-columns: 1fr;
  }

  .ab-logos {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .ab-video {
    aspect-ratio: 16 / 9;
    min-height: 0;
  }
}

@media (max-width: 767.98px) {
  .ab-section {
    padding: 36px 0;
  }

  .ab-steps,
  .ab-members,
  .ab-team {
    grid-template-columns: 1fr;
  }

  .ab-logos {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ab-feature {
    flex-direction: column;
    align-items: flex-start;
    padding: 22px;
  }

  .ab-feature img {
    flex-basis: auto;
    width: 84px;
    height: 84px;
  }

  .ab-person-photo {
    height: 280px;
  }

  .ab-contact {
    padding: 24px;
  }

  .ab-head {
    text-align: left;
    margin-bottom: 24px;
  }
}

@media (max-width: 430px) {
  .ab-stats {
    grid-template-columns: 1fr;
  }

  .ab-hero-actions .common-btn {
    flex: 1 1 100%;
  }
}

@media (prefers-reduced-motion: reduce) {

  .ab-step,
  .ab-logos li,
  .ab-subnav a {
    transition: none;
  }

  .ab-step:hover,
  .ab-logos li:hover {
    transform: none;
  }
}


/* =========================================================
   Uni2Go new content pages — scoped additions only
   ========================================================= */
.u2g-content-page {
  background: #fff;
  color: #182b2a;
}

.u2g-content-page .u2g-hero {
  position: relative;
  overflow: hidden;
  
  display: flex;
  align-items: center;
  
}

.u2g-content-page .u2g-hero-bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: .95;
}



.u2g-content-page .u2g-hero .container-xxl {
  position: relative;
  z-index: 2;
}

.u2g-content-page .u2g-breadcrumb {
  font-size: 14px;
  /* color: rgba(255, 255, 255, .78); */
  margin-bottom: 18px;
  display: flex;
  gap: 9px;
  align-items: center;
}




.u2g-content-page .u2g-main {
  padding: 60px 0 60px;
}

.u2g-content-page .u2g-intro {
  max-width: 100%;
  margin: 0 auto 25px;
  text-align: start;
}

.u2g-content-page .u2g-intro h2,
.u2g-content-page .u2g-section-title {
  font-size: clamp(24px, 3vw, 34px);
  font-weight: 600;
  color: var(--u2g-navy);
  margin: 0 0 14px;
}

.u2g-content-page .u2g-intro p,
.u2g-content-page .u2g-copy p {
  font-size: 14px;
  line-height: 1.5;
  color: #000;
  margin: 0 0 10px;
}

.u2g-content-page .u2g-copy {
  max-width: 100%;
  margin: 0 auto;
}

.u2g-content-page .u2g-copy h2 {
  font-size: 28px;
  color: var(--u2g-navy);
  font-weight: 600;
  margin: 35px 0 15px;
}

.u2g-content-page .u2g-copy h3 {
  font-size: 20px;
  color: var(--u2g-navy);
  font-weight: 600;
  margin: 25px 0 10px;
}

.u2g-content-page .u2g-copy ul,
.u2g-content-page .u2g-copy ol {
  padding-left: 22px;
  margin: 10px 0 22px;
  color: var(--u2g-text);
  line-height: 1.85;
}

.u2g-content-page .u2g-copy li {
  margin: 4px 0;
}

.u2g-content-page .u2g-note {
  background: #eef3ff;
  border-left: 4px solid #223b74;
  padding: 20px 24px;
  border-radius: 10px;
  margin: 24px 0;
}

.u2g-content-page .u2g-callout {
  background: linear-gradient(135deg, #223b74, #233c74);
  color: #fff;
  border-radius: 20px;
  padding: 38px;
  margin: 48px auto 0;
  max-width: 100%;
}

.u2g-content-page .u2g-callout h2 {
  color: #fff;
  margin: 0 0 12px;
}

.u2g-content-page .u2g-callout p {
  color: rgba(255, 255, 255, .9);
  font-size: 14px;
}

.u2g-content-page .u2g-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: #d6b36a;
  color: #123733;
  padding: 12px 22px;
  border-radius: 30px;
  font-weight: 700;
  text-decoration: none;
  margin-top: 8px;
}

.u2g-content-page .u2g-card-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  /* max-width: 1100px; */
  margin: 0 auto;
}

.u2g-content-page .u2g-card {
  background: #fff;
  border: 1px solid #e5ecea;
  border-radius: 18px;
  padding: 25px;
  box-shadow: 0 12px 30px rgba(12, 54, 50, .07);
  height: 100%;
  display: flex;
  flex-direction: column;
}

.u2g-content-page .u2g-card h3 {
  color: var(--u2g-navy);
  font-size: 22px;
  margin: 0 0 10px;
  font-weight: 600;
}

.u2g-content-page .u2g-card p {
  color: #637370;
  line-height: 1.7;
  margin: 0 0 18px;
}

.u2g-content-page .u2g-card a {
  color: #0e665f;
  font-weight: 500;
  text-decoration: none;
  margin-top: auto;
}

.u2g-content-page .u2g-team {
  display: flex;
  gap: 26px;
  margin: 0 auto;
  flex-direction: column;
}

.u2g-content-page .u2g-team-card {
  overflow: hidden;
  background: #fff;
  border: 1px solid #e6eceb;
  border-radius: 20px;
  box-shadow: 0 12px 32px rgba(12, 54, 50, .08);
  display: flex;
  gap: 20px;
  margin: 0 auto;
}

.u2g-content-page .u2g-team-card img {
  max-width: 100%;
  width: 250px;
  object-fit: contain;
  display: block;
  filter: grayscale(100%);
}

.u2g-content-page .u2g-team-body {
  padding: 20px;
  max-height: 250px;
  overflow-y: auto;
}

.u2g-content-page .u2g-team-body h3 {
  margin: 0 0 4px;
  color: var(--u2g-navy);
  font-size: 23px;
}

.u2g-content-page .u2g-role {
  font-size: 14px;
  color: #1b7770;
  font-weight: 700;
  margin-bottom: 14px;
}

.u2g-content-page .u2g-team-body p {
  font-size: 14px;
  line-height: 1.5;
  color: #596b68;
  margin: 0 0 10px;
}

.u2g-content-page .u2g-feature-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin: 0 auto;
}

.u2g-content-page .u2g-feature {
  padding: 25px;
  border-radius: 16px;
  background: #fff;
  border: 1px solid #e5ecea;
}

.u2g-content-page .u2g-feature h3 {
  margin: 0 0 8px;
  color: var(--u2g-navy);
  font-size: 19px;
}

.u2g-content-page .u2g-feature p {
  margin: 0;
  color: #5b6e6b;
  line-height: 1.75;
}

.u2g-content-page .u2g-table-wrap {
  overflow: auto;
  margin: 20px 0 30px;
}

.u2g-content-page table.u2g-table {
  width: 100%;
  border-collapse: collapse;
  min-width: 620px;
  background: #fff;
}

.u2g-content-page .u2g-table th,
.u2g-content-page .u2g-table td {
  border: 1px solid #dfe8e5;
  padding: 14px 16px;
  text-align: left;
  vertical-align: top;
  line-height: 1.6;
}

.u2g-content-page .u2g-table th {
  background: #edf5f3;
  color: var(--u2g-navy);
  font-weight: 700;
}

.u2g-content-page .u2g-steps {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
  margin: 24px 0 34px;
}

.u2g-content-page .u2g-step {
  padding: 15px 20px;
  border-radius: 14px;
  background: #f7faf9;
  border: 1px solid #e4ece9;
  font-size: 15px;
  font-weight: 500;
  color: var(--u2g-navy);
  text-align: center;
}



.u2g-content-page .u2g-country-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-top: 25px;
}

.u2g-content-page .u2g-country {
  padding: 24px;
  border: 1px solid #e3ebe8;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 8px 24px rgba(12, 54, 50, .05);
}

.u2g-content-page .u2g-country h3 {
  margin: 0 0 6px;
  color: var(--u2g-navy);
  font-size: 20px;
}

.u2g-content-page .u2g-country p {
  color: #5b6d6a;
  margin: 0 0 13px;
  line-height: 1.65;
}

.u2g-content-page .u2g-country a {
  color: #0e665f;
  font-weight: 700;
  text-decoration: none;
}

.u2g-content-page .u2g-logo-note {
  padding: 18px;
  background: #faf7ef;
  border: 1px solid #eee2c8;
  border-radius: 12px;
  color: #5b584c;
  line-height: 1.7;
}

@media(max-width:991.98px) {

  .u2g-content-page .u2g-card-grid,
  .u2g-content-page .u2g-team {
    grid-template-columns: repeat(2, 1fr)
  }

  .u2g-content-page .u2g-country-grid {
    grid-template-columns: repeat(2, 1fr)
  }

  .u2g-content-page .u2g-steps {
    grid-template-columns: repeat(2, 1fr)
  }
  .u2g-content-page .u2g-team-card {
gap: 0px;
  margin: 0 auto;
  justify-content: center;
  text-align: center;
  flex-wrap: wrap;
}

}

@media(max-width:767.98px) {
  .u2g-content-page .u2g-main {
    padding: 30px 0 30px;
  }
  .u2g-content-page .u2g-callout {
padding: 25px;
  margin: 30px auto 0;}
  .u2g-content-page .u2g-copy h2 {
  font-size: 22px;}
  .u2g-content-page .u2g-card-grid,
  .u2g-content-page .u2g-team,
  .u2g-content-page .u2g-feature-grid,
  .u2g-content-page .u2g-country-grid,
  .u2g-content-page .u2g-steps {
    grid-template-columns: 1fr
  }
  
  .u2g-content-page .u2g-team-card img {
    height: 300px
  }

  .u2g-content-page .u2g-hero {
    min-height: 310px
  }
}


/* =========================================================
   Uni2Go BLOG DETAIL
   Page-specific styles only
========================================================= */

.blog-detail-page {
  background: #fff;
  overflow: hidden
}

.blog-detail-section {
  padding: 32px 0 42px;
  background: #fff
}

.blog-detail-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 270px;
  gap: 28px;
  align-items: start
}

.blog-detail-article {
  min-width: 0;
  padding: 0 4px
}

.blog-detail-top-meta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 16px;
  margin-bottom: 9px;
  color: #6a7789;
  font-size: 14px
}

.blog-detail-category {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #0878d8;
  font-weight: 600;
  letter-spacing: .35px
}

.blog-detail-category i {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #f28b20
}

.blog-detail-date {
  display: inline-flex;
  align-items: center;
  gap: 5px
}

.blog-detail-date i {
  color: #0878d8
}

.blog-detail-title {
  max-width: 850px;
  margin: 0 0 9px;
  color: #102d70;
  font-size: 30px;
  line-height: 1.18;
  font-weight: 600
}

.blog-detail-intro {
  margin: 0 0 17px;
  color: #68778a;
  font-size: 14px;
  line-height: 1.65
}

.blog-detail-featured {
  margin: 0 0 13px;
  overflow: hidden;
  border-radius: 7px;
  background: #eef6fc
}

.blog-detail-featured img {
  display: block;
  width: 100%;
  height: auto;
  max-height: 410px;
  object-fit: cover
}

.blog-detail-share-row {
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 10px;
  padding: 9px 0 11px;
  border-bottom: 1px solid #e9eef3
}



.blog-detail-share-row>div {
  display: flex;
  gap: 5px
}

.blog-detail-share-row a {
  width: 35px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #edf6ff;
  color: #0878d8;
  font-size: 14px;
  text-decoration: none;
  transition: .2s
}

.blog-detail-share-row a:hover {
  background: #0878d8;
  color: #fff
}

.blog-detail-content {
  padding-top: 14px
}

.blog-detail-content p,
.blog-detail-content li {
  color: #4f5c6e;
  font-size: 14px;
  line-height: 1.7
}

.blog-detail-content p {
  margin: 0 0 12px
}

.blog-detail-content h3 {
  margin: 22px 0 7px;
  color: #102d70;
  font-size: 20px;
  line-height: 1.3;
  font-weight: 600
}

.blog-detail-content ul {
  margin: 5px 0 15px;
  padding-left: 17px
}

.blog-detail-content li {
  margin: 3px 0;
  padding-left: 2px
}

.blog-detail-content li::marker {
  color: #f28b20
}

.blog-detail-info-table {
  margin: 13px 0 17px;
  overflow: hidden;
  border: 1px solid #e1e9f1;
  border-radius: 5px
}

.blog-info-row {
  display: grid;
  grid-template-columns: 1fr 1.25fr;
  border-bottom: 1px solid #e6edf3
}

.blog-info-row:last-child {
  border-bottom: 0
}

.blog-info-row span {
  padding: 8px 10px;
  color: #526174;
  font-size: 14px;
}

.blog-info-row span+span {
  border-left: 1px solid #e6edf3
}

.blog-info-head {
  background: #eef7ff
}

.blog-info-head span {
  color: #123a76;
  font-weight: 600
}

.blog-detail-highlight {
  display: flex;
  gap: 10px;
  margin: 16px 0;
  padding: 12px 14px;
  border: 1px solid #d9eafb;
  border-radius: 5px;
  background: #f1f8ff
}

.blog-detail-highlight>i {
  flex: 0 0 35px;
  width: 35px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #0878d8;
  color: #fff;
  font-size: 14px
}

.blog-detail-highlight strong {
  display: block;
  margin-bottom: 2px;
  color: #123a76;
  font-size: 14px
}

.blog-detail-highlight p {
  margin: 0;
  font-size: 13px;
}

.blog-detail-author {
  display: flex;
  align-items: center;
  gap: 11px;
  margin-top: 23px;
  padding: 13px;
  border: 1px solid #dce8f2;
  border-radius: 6px;
  background: #f5f9fd
}

.blog-author-avatar {
  flex: 0 0 42px;
  width: 42px;
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #0878d8;
  color: #fff;
  font-size: 18px;
}

.blog-detail-author span {
  display: block;
  margin-bottom: 2px;
  color: #0878d8;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 1px
}

.blog-detail-author h4 {
  margin: 0 0 2px;
  color: #173c74;
  font-size: 16px;
  font-weight: 600
}

.blog-detail-author p {
  margin: 0;
  color: #6b7787;
  font-size: 14px;
  line-height: 1.45
}

.blog-detail-tags {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 5px;
  margin-top: 13px
}

.blog-detail-tags>span {
  margin-right: 3px;
  color: #536174;
  font-size: 14px;
  font-weight: 600
}

.blog-detail-tags a {
  padding: 4px 8px;
  border: 1px solid #dce7f1;
  border-radius: 3px;
  background: #fff;
  color: #527092;
  font-size: 14px;
  text-decoration: none
}

.blog-detail-tags a:hover {
  border-color: #0878d8;
  color: #0878d8
}

.blog-detail-sidebar {
  display: flex;
  flex-direction: column;
  gap: 12px
}

.blog-sidebar-card {
  padding: 12px;
  border: 1px solid #e3eaf1;
  border-radius: 6px;
  background: #fff;
  box-shadow: 0 3px 12px rgba(22, 66, 110, .035)
}

.blog-sidebar-card h3 {
  display: flex;
  align-items: center;
  gap: 6px;
  margin: 0 0 9px;
  padding-bottom: 7px;
  border-bottom: 1px solid #edf1f5;
  color: #173b75;
  font-size: 16px;
  font-weight: 600
}

.blog-sidebar-card h3>i {
  width: 4px;
  height: 13px;
  border-radius: 2px;
  background: #61b545;
}

.blog-sidebar-search {
  display: flex;
  height: 31px;
  overflow: hidden;
  border: 1px solid #dfe8f0;
  border-radius: 3px
}

.blog-sidebar-search input {
  min-width: 0;
  flex: 1;
  border: 0;
  outline: 0;
  padding: 0 8px;
  color: #47566a;
  font-family: inherit;
  font-size: 13px;
}

.blog-sidebar-search button {
  width: 32px;
  border: 0;
  background: #0a3e7d;
  color: #fff;
  font-size: 13px
}

.blog-recent-post {
  display: grid;
  grid-template-columns: 52px minmax(0, 1fr);
  gap: 8px;
  padding: 8px 0;
  border-bottom: 1px solid #edf1f5;
  text-decoration: none
}

.blog-recent-post:last-child {
  border-bottom: 0;
  padding-bottom: 0
}

.blog-recent-post:first-of-type {
  padding-top: 1px
}

.blog-recent-post img {
  width: 52px;
  height: 42px;
  border-radius: 3px;
  object-fit: cover
}

.blog-recent-post strong {
  display: block;
  overflow: hidden;
  color: #29466e;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.35
}

.blog-recent-post small {
  display: block;
  margin-top: 3px;
  color: #9aa5b1;
  font-size: 13px
}

.blog-sidebar-list {
  margin: 0;
  padding: 0;
  list-style: none
}

.blog-sidebar-list li {
  border-bottom: 1px solid #edf1f5;
display: flex;
  align-items: center;
  justify-content: space-between;
}

.blog-sidebar-list li:last-child {
  border-bottom: 0
}

.blog-sidebar-list a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 7px 0;
  color: #5b6b7e;
  font-size: 13px;
  text-decoration: none;
width: 100%;
  justify-content: flex-start;
}

.blog-sidebar-list a:hover {
  color: #0878d8
}

.blog-sidebar-list span {
  color: #a0aab5;
  font-size: 13px;
margin-left:auto;
}

.blog-sidebar-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 5px
}

.blog-sidebar-tags a {
  padding: 4px 6px;
  border: 1px solid #dce7f0;
  border-radius: 3px;
  background: #f8fbfe;
  color: #59708d;
  font-size: 13px;
  text-decoration: none
}

.blog-sidebar-tags a:hover {
  border-color: #0878d8;
  background: #eef7ff;
  color: #0878d8
}

.blog-related-section {
  padding: 28px 0 40px;
  border-top: 1px solid #edf1f5;
  background: #fbfdff
}

.blog-related-heading {
  margin-bottom: 15px
}

.blog-related-heading>span {
  display: block;
  margin-bottom: 2px;
  color: #0878d8;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 1.7px
}

.blog-related-heading h2 {
  margin: 0;
  color: #132c57;
  font-size: 24px;
  font-weight: 500
}

.blog-related-heading strong {
  color: #0878d8
}

.blog-related-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 15px
}

.blog-related-card {
  padding: 8px 8px 12px;
  border: 1px solid #e2eaf2;
  border-radius: 6px;
  background: #fff;
  box-shadow: 0 3px 10px rgba(20, 60, 100, .025)
}

.blog-related-card>a:first-child {
  display: block;
  overflow: hidden;
  border-radius: 4px
}

.blog-related-card>a:first-child img {
  display: block;
  width: 100%;
  height: 135px;
  object-fit: cover;
  transition: transform .25s
}

.blog-related-card:hover>a:first-child img {
  transform: scale(1.03)
}

.blog-related-card>span {
  display: block;
  margin: 9px 2px 3px;
  color: #0878d8;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: .8px
}

.blog-related-card h3 {
  margin: 0 2px 4px;
  color: #16396f;
  font-size: 16px;
  line-height: 1.35;
  font-weight: 600
}

.blog-related-card p {
  margin: 0 2px 8px;
  color: #687789;
  font-size: 14px;
  line-height: 1.5
}

.blog-related-link {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  margin-left: 2px;
  color: #0878d8;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none
}

.blog-detail-content > figure.blog-detail-featured {
  margin: 24px 0;
  width: 100%;
}

.blog-detail-content > figure.blog-detail-featured img {
  display: block;
  width: 100%;
  max-width: 380px;
  height: auto;
  margin: 0 auto;
  border-radius: 12px;
  object-fit: cover;
padding-block:7px;
}

.blog-detail-content h3 span {
  font-size: 16px;
  font-weight: 500;
}

.blog-detail-cta {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 28px;
}

.blog-detail-cta-link,
.blog-detail-cta-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 13px 20px;
  border-radius: 8px;
  text-decoration: none;
  font-size: 14px;
  font-weight: 600;
  transition: all 0.3s ease;
}

.blog-detail-cta-link {
  color: #2563eb;
  border: 1px solid #2563eb;
}

.blog-detail-cta-link:hover {
  background: #eff6ff;
}

.blog-detail-cta-button {
  color: #fff;
  background: #2563eb;
  border: 1px solid #2563eb;
}

.blog-detail-cta-button:hover {
  color: #fff;
  background: #1d4ed8;
  border-color: #1d4ed8;
}

@media (max-width: 575.98px) {
  .blog-detail-cta {
    flex-direction: column;
  }

  .blog-detail-cta-link,
  .blog-detail-cta-button {
    width: 100%;
    text-align: center;
  }
}

@media(max-width:991.98px) {
  .blog-detail-layout {
    grid-template-columns: 1fr;
    gap: 22px
  }

  .blog-detail-sidebar {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: start
  }

  .blog-sidebar-card:first-child {
    grid-column: 1/-1
  }

  .blog-related-grid {
    grid-template-columns: repeat(3, 1fr)
  }
}

@media(max-width:767.98px) {
  .blog-detail-section {
    padding: 25px 0 32px
  }

  .blog-detail-title {
    font-size: 23px
  }

  .blog-detail-intro {
    font-size: 10px
  }

  .blog-detail-content h3 {
    font-size: 15px
  }

  .blog-detail-content p,
  .blog-detail-content li {
    font-size: 9.5px
  }

  .blog-detail-sidebar {
    grid-template-columns: 1fr
  }

  .blog-sidebar-card:first-child {
    grid-column: auto
  }

  .blog-related-grid {
    grid-template-columns: 1fr;
    gap: 12px
  }

  .blog-related-card>a:first-child img {
    height: auto;
    max-height: 210px
  }
}

@media(max-width:575.98px) {
  .blog-detail-top-meta {
    gap: 9px
  }

  .blog-detail-title {
    font-size: 21px
  }

  .blog-detail-featured img {
    max-height: 280px
  }

  .blog-info-row {
    grid-template-columns: 1fr
  }

  .blog-info-row span+span {
    border-top: 1px solid #e6edf3;
    border-left: 0
  }

  .blog-detail-author {
    align-items: flex-start
  }

  .blog-detail-share-row {
    align-items: flex-start;
    flex-direction: column
  }
}
/* FAQ Left Sidebar */
.custome_faq_sec .faq-label {
    color: #0b2d6b;
    font-weight: 700;
    margin-bottom: 18px;
}

.custome_faq_sec .faq-tabs {
    gap: 8px;
}

.custome_faq_sec .faq-tabs .nav-link {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    padding: 14px 16px;
    text-align: left;
    color: #114172;
    background: #f5f7fb;
    border: 1px solid transparent;
    border-radius: 10px;
    font-weight: 500;
    transition: all 0.25s ease;
}

.custome_faq_sec .faq-tabs .nav-link i {
    font-size: 18px;
    flex-shrink: 0;
}

.custome_faq_sec .faq-tabs .nav-link:hover {
    color: #0b2d6b;
    background: #ffffff;
    border-color: #114172;
}

.custome_faq_sec .faq-tabs .nav-link.active {
    color: #ffffff;
    background: #0b2d6b;
    border-color: #0b2d6b;
    box-shadow: 0 4px 12px rgba(11, 45, 107, 0.15);
}

.custome_faq_sec .faq-help-card {
    margin-top: 28px;
    padding: 24px 20px;
    background: #f5f7fb;
    border: 1px solid #e5eaf2;
    border-radius: 12px;
}

.custome_faq_sec .faq-help-card h4 {
    color: #0b2d6b;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 10px;
}

.custome_faq_sec .faq-help-card p {
    color: #114172;
    font-size: 14px;
    line-height: 1.7;
    margin-bottom: 18px;
}

.custome_faq_sec .faq-help-card .help-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    padding: 12px 16px;
    color: #ffffff;
    background: #0b2d6b;
    border: 1px solid #0b2d6b;
    border-radius: 8px;
    text-decoration: none;
    font-weight: 600;
    transition: all 0.25s ease;
}

.custome_faq_sec .faq-help-card .help-btn:hover {
    color: #ffffff;
    background: #114172;
    border-color: #114172;
}
/* FAQ Search Box */
.custome_faq_sec .faq-search {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
max-width:320px;
    margin-bottom: 30px;
    padding: 14px 18px;
    background: #f5f7fb;
    border: 1px solid #e5eaf2;
    border-radius: 10px;
    transition: all 0.3s ease;
}

.custome_faq_sec .faq-search i {
    color: #0b2d6b;
    font-size: 19px;
    flex-shrink: 0;
}

.custome_faq_sec .faq-search input {
    width: 100%;
    padding: 0;
    color: #114172;
    background: transparent;
    border: none;
    outline: none;
    box-shadow: none;
    font-size: 15px;
}

.custome_faq_sec .faq-search input::placeholder {
    color: #7b8798;
    opacity: 1;
}

.custome_faq_sec .faq-search:focus-within {
    background: #ffffff;
    border-color: #0b2d6b;
    box-shadow: 0 0 0 3px rgba(11, 45, 107, 0.08);
}

@media (max-width: 767.98px) {
    .custome_faq_sec .faq-search {
        margin-bottom: 22px;
        padding: 12px 15px;
    }

    .custome_faq_sec .faq-search input {
        font-size: 14px;
    }
}

@media (max-width: 991.98px) {
    .custome_faq_sec .faq-help-card {
        margin-top: 20px;
    }

    .custome_faq_sec .faq-tabs .nav-link {
        padding: 12px 14px;
    }
}



/* ========================================
   Uni2Go Contact Enquiry Form
   Existing dynamic HTML remains unchanged
======================================== */

.form-card {
    padding: 35px;
    background: #ffffff;
    border: 1px solid #e5eaf2;
    border-radius: 16px;
    box-shadow: 0 12px 35px rgba(11, 45, 107, 0.07);
}

/* Form Heading */
.form-card h3 {
    position: relative;
    margin: 0 0 28px;
    padding-bottom: 16px;
    color: #0b2d6b;
    font-size: 26px;
    font-weight: 700;
    line-height: 1.4;
}

.form-card h3::after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 55px;
    height: 3px;
    background: #114172;
    border-radius: 5px;
    content: "";
}

/* Labels */
.form-card label {
    display: inline-block;
    margin-bottom: 9px;
    color: #243b53;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.5;
}

.form-card .text-red {
    color: #dc3545;
}

/* Inputs, Select and Textarea */
.form-card .form-control {
    width: 100%;
    min-height: 49px;
    padding: 12px 15px;
    color: #243b53;
    background-color: #f8fafd;
    border: 1px solid #dce4ef;
    border-radius: 8px;
    box-shadow: none;
    font-size: 14px;
    line-height: 1.5;
    transition: border-color 0.25s ease,
                background-color 0.25s ease,
                box-shadow 0.25s ease;
}

.form-card .form-control::placeholder {
    color: #8996a8;
    opacity: 1;
}

.form-card .form-control:hover {
    border-color: #b8c8df;
}

.form-card .form-control:focus {
    color: #243b53;
    background-color: #ffffff;
    border-color: #114172;
    outline: none;
    box-shadow: 0 0 0 3px rgba(17, 65, 114, 0.10);
}

/* Select */
.form-card select.form-control {
    cursor: pointer;
}

/* Message */
.form-card textarea.form-control {
    min-height: 150px;
    resize: vertical;
}

/* File Attachment */
.form-card input[type="file"].form-control {
    height: auto;
    min-height: 49px;
    padding: 8px;
    cursor: pointer;
}

.form-card input[type="file"]::file-selector-button {
    margin-right: 12px;
    padding: 8px 13px;
    color: #0b2d6b;
    background: #eaf0f8;
    border: 0;
    border-radius: 6px;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

.form-card input[type="file"]::file-selector-button:hover {
    background: #dce7f5;
}

/* CAPTCHA */
.form-card .form-label {
    color: #243b53;
}

.form-card #captcha_question {
    color: #0b2d6b;
    font-size: 16px;
    font-weight: 700;
}

.form-card #modal_captcha {
    max-width: 150px;
    min-height: 44px;
}

.form-card .text-muted {
    display: inline-block;
    margin-top: 7px;
    color: #758398 !important;
    font-size: 12px;
    line-height: 1.6;
}

/* CAPTCHA Row Spacing */
.form-card #contactus .mb-3 {
    margin-top: 8px;
}

/* Error Alert */
.form-card .alert-danger {
    padding: 12px 15px;
    margin-bottom: 20px;
    border: 1px solid #f1c4c7;
    border-radius: 8px;
    font-size: 14px;
}

/* Submit Button */
.form-card .btn-submit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 52px;
    margin-top: 10px;
    padding: 14px 24px;
    color: #ffffff;
    background: #0b2d6b;
    border: 1px solid #0b2d6b;
    border-radius: 8px;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 0.2px;
    cursor: pointer;
    transition: background-color 0.25s ease,
                border-color 0.25s ease,
                box-shadow 0.25s ease,
                transform 0.25s ease;
}

.form-card .btn-submit:hover {
    background: #114172;
    border-color: #114172;
    box-shadow: 0 6px 16px rgba(11, 45, 107, 0.18);
    transform: translateY(-1px);
}

.form-card .btn-submit:focus-visible {
    outline: 3px solid rgba(17, 65, 114, 0.25);
    outline-offset: 3px;
}

.form-card .btn-submit:active {
    transform: translateY(0);
}

.form-card .btn-submit:disabled {
    opacity: 0.65;
    cursor: not-allowed;
    transform: none;
    box-shadow: none;
}

/* Responsive */
@media (max-width: 767.98px) {
    .form-card {
        padding: 24px 18px;
        border-radius: 12px;
    }

    .form-card h3 {
        margin-bottom: 22px;
        font-size: 23px;
    }

    .form-card .form-control {
        min-height: 46px;
        font-size: 14px;
    }

    .form-card textarea.form-control {
        min-height: 130px;
    }

    .form-card .btn-submit {
        min-height: 49px;
    }
}

@media (max-width: 380px) {
    .form-card {
        padding: 20px 14px;
    }

    .form-card #modal_captcha {
        max-width: 130px;
    }
}


/* Uni2Go Contact / Reach Us Section */
.uni2go-reach-section {
    --reach-primary: #0b2d6b;
    --reach-secondary: #114172;
    --reach-border: #e5eaf2;
    --reach-muted: #64748b;
}

.uni2go-reach-section .page_title {
    color: var(--reach-primary);
    font-weight: 700;
}

.uni2go-reach-section .reach-block {
    overflow: hidden;
    border: 1px solid var(--reach-border);
    border-radius: 16px;
    box-shadow: 0 12px 35px rgba(11, 45, 107, 0.07);
}

/* Left Contact Panel */
.uni2go-reach-section .reach-left-blk {
    height: 100%;
    padding: 38px 32px;
    background: #f7f9fc;
}

.uni2go-reach-section .reach-eyebrow {
    display: inline-block;
    margin-bottom: 5px;
    color: var(--reach-secondary);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.uni2go-reach-section .reach-left-blk .spon_hd {
    margin-bottom: 5px;
    color: var(--reach-primary);
    line-height: 1.5;
    overflow-wrap: anywhere;
font-size: 32px;
}

.uni2go-reach-section .reach-company-name {
    margin-bottom: 15px;
}

.uni2go-reach-section .reach-info-item {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-top: 10px;
}

.uni2go-reach-section .reach-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 40px;
    width: 40px;
    height: 40px;
    color: var(--reach-primary);
    background: #ffffff;
    border: 1px solid var(--reach-border);
    border-radius: 12px;
    font-size: 18px;
}

.uni2go-reach-section .reach-info-content {
    min-width: 0;
}

.uni2go-reach-section .reach-info-content h5 {
    margin: 0 0 9px;
    color: var(--reach-primary);
    font-size: 16px;
    font-weight: 700;
}

.uni2go-reach-section .reach-info-content p {
    margin-bottom: 0;
    color: var(--reach-muted);
    line-height: 1.9;
    overflow-wrap: anywhere;
font-size: 14px;
}

.uni2go-reach-section .reach-directions {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin-top: 26px;
    padding: 12px 20px;
    color: #ffffff;
    background: var(--reach-primary);
    border: 1px solid var(--reach-primary);
    border-radius: 7px;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.25s ease;
}

.uni2go-reach-section .reach-directions:hover {
    color: var(--reach-primary);
    background: #ffffff;
}

.uni2go-reach-section .reach-directions i {
    font-size: 17px;
}

/* Right Map Panel */
.uni2go-reach-section .reach-rgt-blk {
    height: 100%;
    min-height: 400px;
    background: #edf2f8;
}

.uni2go-reach-section .reach-map-wrap {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 400px;
    overflow: hidden;
}

.uni2go-reach-section .reach-map-wrap iframe {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 400px;
    border: 0;
}

/* Responsive */
@media (max-width: 991.98px) {
    .uni2go-reach-section .reach-left-blk {
        padding: 28px 24px;
    }

    .uni2go-reach-section .reach-rgt-blk,
    .uni2go-reach-section .reach-map-wrap,
    .uni2go-reach-section .reach-map-wrap iframe {
        min-height: 360px;
    }
}

@media (max-width: 767.98px) {
    .uni2go-reach-section .reach-left-blk {
        padding: 25px 20px;
    }

    .uni2go-reach-section .reach-company-name {
        margin-bottom: 22px;
    }

    .uni2go-reach-section .reach-info-item {
        gap: 12px;
    }

    .uni2go-reach-section .reach-rgt-blk,
    .uni2go-reach-section .reach-map-wrap,
    .uni2go-reach-section .reach-map-wrap iframe {
        min-height: 320px;
    }

    .uni2go-reach-section .reach-directions {
        margin-top: 22px;
    }
}


/* Post Study Work Section */
.common-section2.post-study-section .post-study-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 28px 0 0;
    padding: 0;
    border-bottom: 2px solid #e5eaf2;
}

.common-section2.post-study-section .post-study-tabs .nav-item {
    margin-bottom: -2px;
}

.common-section2.post-study-section .post-study-tabs .nav-link {
    padding: 13px 20px;
    color: #114172;
    background: transparent;
    border: 1px solid transparent;
    border-radius: 8px 8px 0 0;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.5;
    transition: all 0.25s ease;
}

.common-section2.post-study-section .post-study-tabs .nav-link:hover {
    color: #0b2d6b;
    background: #f5f7fb;
    border-color: #e5eaf2 #e5eaf2 transparent;
}

.common-section2.post-study-section .post-study-tabs .nav-link.active {
    color: #0b2d6b;
    background: #fff;
    border-color: #e5eaf2 #e5eaf2 #fff;
    box-shadow: inset 0 3px 0 #0b2d6b;
}

.common-section2.post-study-section .post-study-content {
    padding: 30px;
    background: #fff;
    border: 1px solid #e5eaf2;
    border-radius: 0 0 12px 12px;
}

.common-section2.post-study-section .post-study-content .pg_title {
    margin-bottom: 18px;
    color: #0b2d6b;
    font-weight: 700;
}

.common-section2.post-study-section .post-study-content p {
    line-height: 1.8;
    margin-bottom: 18px;
}

.common-section2.post-study-section .post-study-content h5 {
    margin-top: 20px;
    color: #114172;
    line-height: 1.6;
}

.common-section2.post-study-section .post-study-content li {
    margin-bottom: 8px;
    line-height: 1.8;
}

.common-section2.post-study-section .post-study-content li::marker {
    color: #0b2d6b;
}

.common-section2.post-study-section .post-study-content .common-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 11px 22px;
    text-decoration: none;
    font-weight: 600;
    transition: all 0.25s ease;
}

.common-section2.post-study-section .post-study-content .common-btn:hover {
    color: #fff;
    background: #0b2d6b;
    border-color: #0b2d6b;
}

@media (max-width: 767.98px) {
    .common-section2.post-study-section .post-study-tabs {
        gap: 8px;
        border-bottom: 0;
    }

    .common-section2.post-study-section .post-study-tabs .nav-item {
        flex: 1 1 calc(50% - 8px);
        margin-bottom: 0;
    }

    .common-section2.post-study-section .post-study-tabs .nav-link {
        width: 100%;
        height: 100%;
        padding: 11px 12px;
        border: 1px solid #e5eaf2;
        border-radius: 8px;
        font-size: 14px;
        text-align: center;
    }

    .common-section2.post-study-section .post-study-tabs .nav-link.active {
        color: #fff;
        background: #0b2d6b;
        border-color: #0b2d6b;
        box-shadow: none;
    }

    .common-section2.post-study-section .post-study-content {
        padding: 20px 16px;
        border-radius: 10px;
    }

    .common-section2.post-study-section .post-study-content .common-btn {
        max-width: 100%;
        white-space: normal;
        text-align: center;
    }
}
/* Sri css */

@media(min-width:1400px) {
  /* .container-xxl {
    max-width: 100% !important;
    padding-inline: 2%;
  } */

  .nav-link {
    font-size: 15px !important;
  }

  .login-btn,
  .create-btn {
    font-size: 15px;
    font-weight: 400;
  }

  .logo-link img {
    width: 200px
  }


}
 
@media(min-width:1920px) {
  .container-xxl {
    max-width: 1320px !important;
    margin-inline: auto;
  }

}
@media(max-width:1320px) {
.home-hero-title {
  font-size: 44px;
}
}
@media(max-width:1200px) {
  .home-hero-grid {
  grid-template-columns: 60% 40%;
}
.mobile-account > a {
  display: inline-flex;
}
}
@media(max-width:992px) {
  .home-hero-grid {
  grid-template-columns: 100%;
}
.home-benefits > div:last-child {
  display: none;
}
.home-benefits {
  grid-template-columns: repeat( auto-fit, minmax(150px, 1fr) );
  justify-content: center;
    gap: 10px;
    border: none;
    box-shadow: none;
}
.home-benefit {
  border: 1px solid #edf1f5;
  padding: 15px;
}
.swiper-pagination {
  position: relative;
  padding-top: 15px;
}
.destinations.home {
  margin-bottom: 0;
}

.promo-woman img, .promo-man img {
  display: none;
}
.promo-copy {
    width: 100%;
    padding: 25px;
  }
  .promo-card {
    min-height: auto;
  }
  .promo-copy br {
  display: none;
}
.container-xxl.footer-bottom {
  flex-direction: column-reverse;
  display: flex;
  gap: 7px;
  height: auto;
}
}

@media(max-width:768px) {
  .home-hero-copy {
  padding: 50px 0;}
  .carousel-control-next, .carousel-control-prev {
  display: none;
}
  .home-hero-title {
  font-size: 32px;
}
  .home-hero-title span {
    display: block;
  }
  .home-hero-title br {
  display: none;
}
.home-hero-copy::after{
  position: absolute;
    content: "";
    left: 0;
    top: 0;
    background: #fffc;
    width: 100%;
    height: 100%;
    z-index: -1;
    border-radius: 10px;
    filter: blur(10px);
}
.home-hero-copy {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.home-hero {height: auto;}
.home-search {
  width: 100%;
  max-width: 500px;
}
.ai-human-card {
  width: 100%;
  max-width: 350px;
}
.ai-human-icon {
  width: 35px;
    height: 35px;
    font-size: 20px;
    position: relative;
    left: -2px;
}
.ai-human-item {gap: 3px;}
.ai-human-item small {
  text-align: left;
  font-size: 10px;}
  .ai-human-item strong {
  text-align: left;
  font-size: 11px;}
  .ai-human-plus {
  font-size: 20px;
  margin: 0 0px;}
  .home-btn {font-size: 13px;height: 35px;}
  .newsletter-inner {
  min-height: 96px;
  gap: 20px;
  padding-block: 20px;
  justify-content: center;
  align-items: center;
}
}



/*  */
/* Inner Page Banner */
.innbanner-sec {
    position: relative;
    padding: 45px 0;
    background: linear-gradient(110deg, #f1f7fd 0%, #e5f1fc 100%);
    overflow: hidden;
}

.innbanner-sec .align-flex-end {
    align-items: flex-end;
}

.innbanner-sec .innban-left-blk {
    align-items: center;
}

.innbanner-sec .innban_title {
    margin: 0;
    color: #123b68;
    font-size: clamp(28px, 3vw, 42px);
    font-weight: 600;
    line-height: 1.25;
}

.innbanner-sec .innban-left-blk img {
    display: inline-block;
    width: 100%;
    max-width: 180px;
    height: auto;
    object-fit: contain;
}

/* Tablet */
@media (max-width: 767.98px) {
    .innbanner-sec {
        padding: 32px 0;
    }

    .innbanner-sec .innban_title {
        font-size: 30px;
    }

    .innbanner-sec .innban-left-blk img {
        max-width: 130px;
        margin-top: 18px;
    }
}

/* Mobile */
@media (max-width: 575.98px) {
    .innbanner-sec {
        padding: 25px 0;
    }

    .innbanner-sec .innban_title {
        font-size: 26px;
        text-align: center;
    }

    .innbanner-sec .innban-left-blk img {
        max-width: 110px;
    }
}
/* Canadian Education Section */
#whystudy .abroad-left-blk {
    padding: 24px;
    background: #fff;
    border: 1px solid #e8edf3;
    border-radius: 10px;
    margin-block: 20px;
}

#whystudy .page_title {
    color: #123b68;
    font-size: 28px;
    font-weight: 600;
    line-height: 1.4;
    margin-bottom: 18px;
}

#whystudy .abroad-left-blk p {
    color: #555;
    font-size: 14px;
    line-height: 1.8;
    margin-bottom: 16px;
}

#whystudy .abroad-left-blk img {
    display: block;
    max-width: 100%;
    height: auto;
    border-radius: 8px;
}

/* Browse Topics Sidebar */
#whystudy .abroad-rgt-blk .popular-sec {
    padding: 24px 18px;
    background: #f5f8fc;
    border: 1px solid #e5edf6;
    border-radius: 10px;
    margin-block: 20px;
}

#whystudy .spon_hd {
    color: #123b68;
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 18px;
}

#whystudy .sidebar-browse {
    list-style: none;
    padding: 0;
    margin: 0;
}

#whystudy .sidebar-browse li {
    margin-bottom: 10px;
}

#whystudy .sidebar-browse li:last-child {
    margin-bottom: 0;
}

#whystudy .sidebar-browse li a {
    display: block;
    padding: 12px 14px;
    color: #344966;
    background: #fff;
    border: 1px solid #e3eaf3;
    border-radius: 6px;
    font-size: 13px;
    line-height: 1.5;
    text-align: left;
    text-decoration: none;
    transition: all .2s ease;
}

#whystudy .sidebar-browse li a:hover, #whystudy .sidebar-browse li a.active {
    color: #0879d1;
    background: #edf6ff;
    border-color: #0879d1;
}
/* Course List - Abroad Left Block */


/* Prev / Next post nav */
.post-nav {
  display: flex;
  gap: 16px;
  margin-top: 30px;
  margin-bottom: 30px;
}

.post-nav-item {
  flex: 1;
  background: #fff;
  border: 1px solid #eef1f6;
  border-radius: 12px;
  padding: 18px 20px;
  text-decoration: none;
  transition: .3s;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.post-nav-item:hover {
  border-color: #114172;
  background: #f0f5ff;
}

.post-nav-item .nav-dir {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #f36e26;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 5px;
  
}

.post-nav-item .nav-title {
  font-size: 14px;
  font-weight: 500;
  color: #0b2c5d;
  line-height: 1.4;
}

.post-nav-item.next {
  text-align: right;
}

.abroad-left-blk ul {
    padding-left: 20px;
    margin: 0;
    list-style: disc;
}

.abroad-left-blk ul li {
    margin-bottom: 8px;
    padding-left: 2px;
    font-family: Poppins, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.7;
    color: #444;
    text-align: justify;
}

.abroad-left-blk ul li::marker {
    color: #123b68;
}

.abroad-left-blk ul li span {
    font-family: Poppins, Arial, sans-serif !important;
    font-size: 14px !important;
}
/* Responsive */
@media (max-width: 991.98px) {
    #whystudy .rsp-lg-mt-20p {
        margin-top: 20px;
    }
}

@media (max-width: 575.98px) {
    #whystudy .abroad-left-blk {
        padding: 18px 14px;
    }

    #whystudy .page_title {
        font-size: 23px;
    }

    #whystudy .abroad-rgt-blk .popular-sec {
        padding: 18px 14px;
    }
}



/* Phone fields: country-code dropdown (frontend/partials/phone_code_select.blade.php + assets/js/phone-field.js) */
/* Chip: flag image + dial code + caret, with the real <select> transparent on top of it */
.u2g-cc {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    flex: 0 0 auto;
    min-height: 42px;
    padding: 0 12px;
    background: #e8ecf1;
    border: 1px solid #dce4ef;
    border-radius: 8px;
    color: #1f2d3d;
    font-size: 16px;
    line-height: 1;
    white-space: nowrap;
    cursor: pointer;
}

.u2g-cc-flag {
    display: block;
    width: 24px;
    height: 18px;
    object-fit: cover;
    border-radius: 2px;
    flex: 0 0 auto;
}

.u2g-cc-caret {
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 5px solid #555;
    flex: 0 0 auto;
}

.u2g-cc > select.u2g-phone-code {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    max-width: none !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    opacity: 0 !important;
    cursor: pointer;
    font-size: 16px;
    z-index: 1;
}

.u2g-cc:focus-within {
    box-shadow: 0 0 0 3px rgba(5, 117, 209, .15);
}

/* Inside a Bootstrap .input-group: glued to the left of the input */
.input-group > .u2g-cc {
    border-right: 0;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    z-index: 4;
}

.input-group > .u2g-cc + .form-control {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

/* Inside forms that already draw their own box around the code (register, country guide) */
.reg-phone-code > .u2g-cc,
.country-guide-sec .country-guide-country > span.u2g-cc {
    width: 100%;
    height: 100%;
    min-height: 0;
    border: 0;
    border-radius: 0;
}

.country-guide-sec .country-guide-country {
    padding: 0;
    overflow: hidden;
}

.country-guide-sec .country-guide-country > span.u2g-cc {
    gap: 6px;
    padding: 0 8px;
    font-size: 14px;
}

/* Student portal (profile / settings) */
.st-phone > .u2g-cc,
.pf-phone > .u2g-cc {
    border-color: #d6dce6;
    border-radius: 10px;
}

@media (max-width: 767px) {
    .country-guide-sec .country-guide-country > span.u2g-cc {
        gap: 4px;
        padding: 0 6px;
        font-size: 12px;
    }

    .country-guide-sec .country-guide-country .u2g-cc-flag {
        width: 18px;
        height: 14px;
    }
}

.u2g-phone-error:empty {
    display: none !important;
}

/* Talk to Expert card (frontend/partials/talk_to_experts.blade.php) */
.tte-card {
    margin-top: 40px;
    background: var(--u2g-white);
    border: 2px solid #29b6e8;
    border-radius: 18px;
    box-shadow: 5px 6px 0 #29b6e8, var(--u2g-shadow);
    overflow: hidden;
    font-family: var(--u2g-font);
    text-align: left;
}

.tte-head {
    position: relative;
    min-height: 190px;
    padding: 26px 24px 46px;
    background: linear-gradient(180deg, #bfeafc 0%, #dcf4fe 100%);
    overflow: hidden;
}

.tte-head::after {
    content: "";
    position: absolute;
    left: -5%;
    right: -5%;
    bottom: -26px;
    height: 52px;
    background: var(--u2g-white);
    border-radius: 0 100% 0 0 / 0 100% 0 0;
}

.tte-card .tte-title {
    position: relative;
    z-index: 1;
    max-width: 78%;
    margin: 0 0 12px;
    padding-bottom: 12px;
    font-size: 27px;
    line-height: 1.12;
    font-weight: 800;
    letter-spacing: 0;
    text-transform: uppercase;
    color: var(--u2g-navy);
}

.tte-card .tte-title::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 62%;
    height: 3px;
    border-radius: 3px;
    background: linear-gradient(90deg, var(--u2g-blue) 0%, rgba(5, 117, 209, 0) 100%);
}

.tte-card .tte-sub {
    position: relative;
    z-index: 1;
    margin: 0;
    font-size: 25px;
    line-height: 1.2;
    font-weight: 700;
    letter-spacing: 0;
    color: #0a5cb0;
}

.tte-art {
    position: absolute;
    right: 6px;
    bottom: 22px;
    width: 38%;
    max-width: 170px;
    color: #1fa6dc;
}

.tte-body {
    padding: 10px 24px 26px;
}

.tte-field {
    margin-bottom: 16px;
}

.tte-field > label {
    display: block;
    margin-bottom: 7px;
    font-size: 16px;
    font-weight: 600;
    color: var(--u2g-ink);
}

.tte-card .form-control,
.tte-card .form-select {
    min-height: 48px;
    border: 1.5px solid #c3cbd6;
    border-radius: 10px;
    font-size: 15px;
    color: var(--u2g-text);
}

.tte-card .form-control::placeholder {
    color: #7a8698;
}

.tte-card .form-control:focus,
.tte-card .form-select:focus {
    border-color: var(--u2g-blue);
    box-shadow: 0 0 0 3px rgba(5, 117, 209, .12);
}

.tte-captcha {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 22px 0 16px;
}

.tte-captcha-img {
    flex: 0 0 40%;
    width: 40%;
    height: 54px;
    object-fit: cover;
    border-radius: 6px;
    background: #e9edf2;
}

.tte-captcha-refresh {
    flex: 0 0 auto;
    width: 48px;
    height: 48px;
    border: 0;
    border-radius: 8px;
    background: #0a5cb0;
    color: var(--u2g-white);
    font-size: 20px;
    transition: background var(--u2g-transition);
}

.tte-captcha-refresh:hover {
    background: var(--u2g-navy);
}

.tte-captcha .form-control {
    flex: 1 1 auto;
    min-width: 0;
}

.tte-check {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 10px;
    padding-left: 0;
    font-size: 15px;
    line-height: 1.45;
    color: var(--u2g-ink);
}

.tte-check .form-check-input {
    flex: 0 0 auto;
    float: none;
    width: 22px;
    height: 22px;
    margin: 0;
    border: 1.5px solid #8e99a8;
    border-radius: 5px;
}

.tte-check .form-check-input:checked {
    background-color: #0a5cb0;
    border-color: #0a5cb0;
}

.tte-check a {
    color: #e0262b;
    text-decoration: none;
}

.tte-check a:hover {
    text-decoration: underline;
}

.tte-submit {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    width: 100%;
    margin-top: 22px;
    padding: 15px 20px;
    border: 0;
    border-radius: 50px;
    background: #0a5cb0;
    color: var(--u2g-white);
    font-size: 20px;
    font-weight: 700;
    box-shadow: 0 8px 18px rgba(10, 92, 176, .25);
    transition: background var(--u2g-transition), transform var(--u2g-transition);
}

.tte-submit i {
    font-size: 22px;
}

.tte-submit:hover {
    background: var(--u2g-navy);
    transform: translateY(-1px);
}

@media (max-width: 1199px) {
    .tte-card .tte-title { font-size: 22px; }
    .tte-card .tte-sub { font-size: 20px; }
    .tte-submit { font-size: 18px; }
}

@media (max-width: 400px) {
    .tte-head { padding: 22px 18px 42px; }
    .tte-body { padding: 8px 18px 22px; }
    .tte-card .tte-title { font-size: 20px; }
    .tte-card .tte-sub { font-size: 18px; }
}

/* Talk to Expert: mobile OTP */
.tte-mobile-group .tte-otp-btn {
    flex: 0 0 auto;
    min-width: 78px;
    padding: 0 16px;
    border: 0;
    border-radius: 0 50px 50px 0 !important;
    background: #0a5cb0;
    min-height: 48px;
    color: var(--u2g-white);
    font-size: 17px;
    font-weight: 700;
    transition: background var(--u2g-transition);
}

.tte-mobile-group .tte-otp-btn:hover:not(:disabled) {
    background: var(--u2g-navy);
}

.tte-mobile-group .tte-otp-btn:disabled {
    opacity: .75;
    cursor: default;
}

.tte-mobile-group .tte-otp-btn.is-verified {
    background: var(--u2g-green);
    font-size: 13px;
    opacity: 1;
}

.tte-otp-box {
    display: flex;
    gap: 8px;
    margin-top: 8px;
}

.tte-otp-box.d-none {
    display: none !important;
}

.tte-otp-box .tte-otp-input {
    flex: 1 1 auto;
    min-width: 0;
    letter-spacing: 3px;
}

.tte-otp-verify {
    flex: 0 0 auto;
    padding: 0 18px;
    border: 0;
    border-radius: var(--u2g-radius);
    background: var(--u2g-green);
    color: var(--u2g-white);
    font-weight: 600;
    transition: background var(--u2g-transition);
}

.tte-otp-verify:hover:not(:disabled) {
    background: var(--u2g-green-dark);
}

.tte-otp-msg {
    margin-top: 4px;
    font-size: 12.5px;
}

.tte-otp-msg:empty {
    display: none !important;
}

/* Homepage: Instagram reels + compact Talk to Expert (frontend/partials/home_instagram_section.blade.php) */
.ig-section {
    background: var(--u2g-white);
    font-family: var(--u2g-font);
}

.ig-eyebrow {
    display: inline-block;
    margin-bottom: 10px;
    padding: 5px 14px;
    border-radius: 50px;
    background: linear-gradient(90deg, #8a2be2 0%, #e1306c 55%, #fd8d32 100%);
    color: var(--u2g-white);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .5px;
    text-transform: uppercase;
}

.ig-title {
    margin: 0 0 6px;
    font-size: 32px;
    font-weight: 700;
    line-height: 1.2;
    color: #10203a;
}

.ig-sub {
    margin: 0 0 22px;
    font-size: 15px;
    color: var(--u2g-text);
}

.ig-reel {
    position: relative;
    display: block;
    aspect-ratio: 2 / 3;
    border-radius: 10px;
    overflow: hidden;
    background: #0d1b2e;
    color: var(--u2g-white);
    text-decoration: none;
}

.ig-reel > img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .6s var(--u2g-ease);
}

.ig-reel::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, .25) 0%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, .85) 100%);
}

.ig-reel:hover {
    color: var(--u2g-white);
}

.ig-reel:hover > img {
    transform: scale(1.05);
}

.ig-reel-top {
    position: absolute;
    top: 12px;
    left: 12px;
    right: 12px;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    font-size: 11px;
}

.ig-reel-tag {
    padding: 4px 12px;
    border-radius: 6px;
    background: rgba(5, 117, 209, .55);
    backdrop-filter: blur(3px);
}

.ig-reel-meta {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.ig-reel-meta > span,
.ig-reel-meta > i {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px 8px;
    border-radius: 50px;
    background: rgba(0, 0, 0, .45);
}

.ig-reel-play {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    margin: -26px 0 0 -26px;
    border-radius: 50%;
    background: rgba(255, 255, 255, .9);
    color: #e1306c;
    font-size: 28px;
    opacity: 0;
    transform: scale(.8);
    transition: opacity var(--u2g-transition), transform var(--u2g-transition);
}

.ig-reel:hover .ig-reel-play {
    opacity: 1;
    transform: scale(1);
}

.ig-reel-body {
    position: absolute;
    left: 14px;
    right: 14px;
    bottom: 14px;
    z-index: 2;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.ig-reel-title {
    font-size: 17px;
    font-weight: 600;
    line-height: 1.25;
}

.ig-reel-subtitle {
    font-size: 12.5px;
    opacity: .9;
}

.ig-reel-cta {
    margin-top: 8px;
    font-size: 11.5px;
    font-weight: 500;
    letter-spacing: .3px;
    text-transform: uppercase;
    background: linear-gradient(90deg, #e1306c 0%, #fd8d32 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.ig-footer {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 16px 24px;
    margin-top: 18px;
}

.ig-follow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 11px 22px;
    border-radius: 50px;
    background: linear-gradient(90deg, #8a2be2 0%, #e1306c 55%, #fd8d32 100%);
    color: var(--u2g-white);
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    box-shadow: 0 8px 18px rgba(225, 48, 108, .22);
    transition: transform var(--u2g-transition), box-shadow var(--u2g-transition);
}

.ig-follow:hover {
    color: var(--u2g-white);
    transform: translateY(-1px);
    box-shadow: 0 10px 22px rgba(225, 48, 108, .3);
}

.ig-controls {
    display: flex;
    align-items: center;
    gap: 14px;
}

.ig-controls > button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border: 0;
    border-radius: 50%;
    background: var(--u2g-white);
    color: var(--u2g-ink);
    box-shadow: 0 3px 10px rgba(16, 32, 58, .14);
    transition: background var(--u2g-transition), color var(--u2g-transition);
}

.ig-controls > button:hover {
    background: var(--u2g-blue);
    color: var(--u2g-white);
}

.ig-dots {
    display: flex;
    align-items: center;
    gap: 5px;
}

.ig-dots .owl-dot {
    padding: 0;
    border: 0;
    background: none;
}

.ig-dots .owl-dot span {
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #c9d3df;
    transition: width var(--u2g-transition), height var(--u2g-transition), background var(--u2g-transition);
}

.ig-dots .owl-dot.active span {
    width: 10px;
    height: 10px;
    background: var(--u2g-blue);
}

@media (max-width: 767px) {
    .ig-title { font-size: 25px; }
    .ig-sub { font-size: 14px; }
}

/* Talk to Expert: compact variant (homepage) */
.tte-card.tte-card--compact {
    margin-top: 0;
    border: 3px solid #4ea6e6;
    border-radius: 16px;
    box-shadow: 0 12px 30px rgba(5, 117, 209, .12);
}

.tte-card--compact .tte-head {
    min-height: 0;
    padding: 30px 30px 6px;
    background: none;
}

.tte-card--compact .tte-head::after,
.tte-card--compact .tte-title::after {
    display: none;
}

.tte-card--compact .tte-title {
    max-width: 82%;
    margin: 0 0 2px;
    padding-bottom: 0;
    font-size: 21px;
    font-weight: 600;
    color: #10203a;
}

.tte-card--compact .tte-sub {
    font-size: 16px;
    font-weight: 500;
    color: var(--u2g-blue);
}

.tte-doodle {
    position: absolute;
    top: 14px;
    right: 14px;
    width: 34%;
    max-width: 120px;
    color: #31475f;
    opacity: .75;
}

.tte-card--compact .tte-body {
    padding: 14px 30px 30px;
}

.tte-card--compact .tte-field {
    margin-bottom: 12px;
}

.tte-card--compact .form-control,
.tte-card--compact .form-select {
    min-height: 44px;
    border: 1px solid #d5dbe3;
    border-radius: 4px;
    font-size: 13.5px;
}

.tte-card--compact .form-select {
    color: var(--u2g-ink);
}

.tte-card--compact .tte-ico {
    padding-left: 40px;
    background-repeat: no-repeat;
    background-position: 14px center;
    background-size: 16px 16px;
}

.tte-card--compact .tte-ico-user {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%237a8698'%3E%3Cpath d='M8 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6m2-3a2 2 0 1 1-4 0 2 2 0 0 1 4 0m4 8c0 1-1 1-1 1H3s-1 0-1-1 1-4 6-4 6 3 6 4m-1-.004c-.001-.246-.154-.986-.832-1.664C11.516 10.68 10.289 10 8 10s-3.516.68-4.168 1.332c-.678.678-.83 1.418-.832 1.664z'/%3E%3C/svg%3E");
}

.tte-card--compact .tte-ico-mail {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%237a8698'%3E%3Cpath d='M0 4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2zm2-1a1 1 0 0 0-1 1v.217l7 4.2 7-4.2V4a1 1 0 0 0-1-1zm13 2.383-4.708 2.825L15 11.105zm-.034 6.876-5.64-3.471L8 9.583l-1.326-.795-5.64 3.47A1 1 0 0 0 2 13h12a1 1 0 0 0 .966-.741M1 11.105l4.708-2.897L1 5.383z'/%3E%3C/svg%3E");
}

.tte-card--compact .tte-ico-phone {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%237a8698'%3E%3Cpath d='M3.654 1.328a.678.678 0 0 0-1.015-.063L1.605 2.3c-.483.484-.661 1.169-.45 1.77a17.6 17.6 0 0 0 4.168 6.608 17.6 17.6 0 0 0 6.608 4.168c.601.211 1.286.033 1.77-.45l1.034-1.034a.678.678 0 0 0-.063-1.015l-2.307-1.794a.68.68 0 0 0-.58-.122l-2.19.547a1.75 1.75 0 0 1-1.657-.459L5.482 8.062a1.75 1.75 0 0 1-.46-1.657l.548-2.19a.68.68 0 0 0-.122-.58zM1.884.511a1.745 1.745 0 0 1 2.612.163L6.29 2.98c.329.423.445.974.315 1.494l-.547 2.19a.68.68 0 0 0 .178.643l2.457 2.457a.68.68 0 0 0 .644.178l2.189-.547a1.75 1.75 0 0 1 1.494.315l2.306 1.794c.829.645.905 1.87.163 2.611l-1.034 1.034c-.74.74-1.846 1.065-2.877.702a18.6 18.6 0 0 1-7.01-4.42 18.6 18.6 0 0 1-4.42-7.009c-.362-1.03-.037-2.137.703-2.877z'/%3E%3C/svg%3E");
}

/* Mobile row: one box around chip + number + OTP */
.tte-card--compact .tte-mobile-group {
    align-items: center;
    border: 1px solid #d5dbe3;
    border-radius: 4px;
    background: var(--u2g-white);
}

.tte-card--compact .tte-mobile-group:focus-within {
    border-color: var(--u2g-blue);
    box-shadow: 0 0 0 3px rgba(5, 117, 209, .12);
}

.tte-card--compact .tte-mobile-group > .u2g-cc {
    min-height: 42px;
    border: 0;
    border-right: 1px solid #d5dbe3;
    border-radius: 4px 0 0 4px;
    background: transparent;
    font-size: 13.5px;
}

.tte-card--compact .tte-mobile-group > .u2g-cc:focus-within {
    box-shadow: none;
}

.tte-card--compact .tte-mobile-group > .form-control {
    min-height: 42px;
    border: 0;
    box-shadow: none;
}

.tte-card--compact .tte-mobile-group .tte-otp-btn {
    min-width: 46px;
    min-height: 30px;
    margin: 0 6px;
    padding: 0 12px;
    border-radius: 3px !important;
    font-size: 13px;
    font-weight: 500;
    background: var(--u2g-blue);
}

.tte-card--compact .tte-mobile-group .tte-otp-btn.is-verified {
    background: var(--u2g-green);
}

.tte-card--compact .tte-captcha {
    margin: 12px 0 14px;
}

.tte-card--compact .tte-captcha-img {
    flex: 0 0 42%;
    width: 42%;
    height: 44px;
    border-radius: 3px;
}

.tte-card--compact .tte-captcha-refresh {
    width: 28px;
    height: 28px;
    background: transparent;
    color: var(--u2g-ink);
    font-size: 17px;
}

.tte-card--compact .tte-captcha-refresh:hover {
    background: transparent;
    color: var(--u2g-blue);
}

.tte-card--compact .tte-check {
    gap: 9px;
    margin-bottom: 8px;
    font-size: 12.5px;
    color: var(--u2g-text);
}

.tte-card--compact .tte-check .form-check-input {
    width: 16px;
    height: 16px;
    margin-top: 2px;
    border: 1px solid #8e99a8;
    border-radius: 3px;
}

.tte-card--compact .tte-check a {
    color: var(--u2g-blue);
    text-decoration: underline;
}

.tte-card--compact .tte-submit {
    margin-top: 18px;
    padding: 13px 18px;
    border-radius: 4px;
    background: var(--u2g-blue);
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 1px;
    text-transform: uppercase;
    box-shadow: none;
}

.tte-card--compact .tte-submit:hover {
    background: var(--u2g-navy);
}

.tte-card--compact .tte-submit i {
    font-size: 17px;
}

@media (max-width: 400px) {
    .tte-card--compact .tte-head { padding: 24px 18px 4px; }
    .tte-card--compact .tte-body { padding: 12px 18px 22px; }
    .tte-card--compact .tte-title { font-size: 19px; }
}