@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800&display=swap');

/* =====================================================
   GDS Learning Centre - Footer & Edge-Case Styling
   Targeted fixes for elements the purple conversion
   doesn't handle gracefully on dark backgrounds
   ===================================================== */

/* ===== Plus Jakarta Sans for all headings ===== */
h1, h2, h3, h4, h5, h6 {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
}

/* ===== Card titles — thin weight ===== */
.course-details-box h4,
.course-details-box h3,
.event-inner-box h4,
.event-inner-box h3,
.joint-event-box h4,
.joint-event-box h3,
.gds-class-card h3,
.gds-class-card h4,
.single-feature-box h4,
.educate-hover-box h4 {
  font-weight: 300 !important;
  letter-spacing: 0.01em;
}

/* ===== Global card style — transparent with thin border (outer wrappers only) ===== */
.course-details-box,
.event-inner-box,
.joint-event-box,
.single-feature-box,
.single-testi-box,
.gds-class-card,
.gds-mv-card,
.case-study-single-box,
.educate-hover-box,
.single-course-offer-box,
.event-sidebar {
  background: transparent !important;
  border: 1px solid rgba(100, 60, 180, 0.18) !important;
  border-radius: 15px !important;
  box-shadow: none !important;
}

/* Missing card types — add transparent border treatment */
.single-team-box,
.single-blog-box,
.testi-review-box,
.about-item-box {
  background: transparent !important;
  border: 1px solid rgba(100, 60, 180, 0.18) !important;
  border-radius: 15px !important;
  box-shadow: none !important;
}

/* Event card thumbs — consistent height */
.event-thumb img,
.event-inner-box .event-thumb img {
  width: 100%;
  height: 220px;
  object-fit: cover;
  border-radius: 15px;
  display: block;
}

/* Case study author avatars — small circle */
.case-autor-img img {
  width: 48px;
  height: 48px;
  object-fit: cover;
  object-position: top center;
  border-radius: 50%;
  display: block;
}

/* Blog author avatars — small circle */
.blog-author img {
  width: 36px;
  height: 36px;
  object-fit: cover;
  border-radius: 50%;
  display: inline-block;
  vertical-align: middle;
  margin-right: 8px;
}

/* Subtle hover lift */
.course-details-box:hover,
.event-inner-box:hover,
.joint-event-box:hover {
  border-color: rgba(100, 60, 180, 0.45) !important;
  box-shadow: 0 4px 24px rgba(100, 60, 180, 0.08) !important;
}

/* Remove all hover effects on landing page feature cards */
.style-one .single-feature-box:hover .educate-hover-box {
  opacity: 0 !important;
  transform: scaleX(0) !important;
}
.style-one .single-feature-box:hover {
  transform: none !important;
  box-shadow: none !important;
  border-color: rgba(100, 60, 180, 0.18) !important;
}
.style-one .single-feature-box:hover h4.feature-title,
.style-one .single-feature-box:hover p.feature-desc {
  color: inherit !important;
}

/* Global 15px rounded corners on all content images */
img {
  border-radius: 15px;
}

/* Course card and sidebar thumbnails — constrain size */
.course-details-thumb img,
.event-sidebar-thumb img {
  width: 100%;
  height: 220px;
  object-fit: cover;
  display: block;
  border-radius: 15px;
}

/* Instructor thumbnails — small circle avatars */
.instructors-thumb img,
.breadcumb-autor img {
  width: 60px;
  height: 60px;
  object-fit: cover;
  object-position: top center;
  border-radius: 50%;
  display: block;
  flex-shrink: 0;
}
/* Exclude logos, icons, tiny decorative images */
.header-logo img,
.mobile-logo img,
.sidebar-logo img,
.footer-logo img,
.preloader img,
img[src*="icon"],
img[src*="shape"],
img[src*="dot"],
img[src*="ball"],
img[src*="star"],
img[src*="arrow"],
img[src*="flaticon"],
img[src*="fav-icon"],
img[src*="top-star"],
img[src*="sub-title"],
img[src*="book-hand"],
img[src*="bread-dot"],
img[src*="call"],
img[src*="amadeus"],
img[src*="logo"] {
  border-radius: 0;
}

/* Footer blog thumbnails - constrain image size */
.footer-widget-blog-thumb img {
  width: 80px !important;
  height: 80px !important;
  object-fit: cover !important;
  border-radius: 8px !important;
}

/* Subscribe button - brighter hover */
.subscribe-box button:hover {
  background-color: #5B2D8E !important;
  transform: scale(1.05);
  transition: all 0.3s;
}

/* Footer link hover - visible on dark bg */
.footer-widget-menu ul li a:hover {
  color: #9B59B6 !important;
  padding-left: 8px !important;
}

/* Footer contact icons */
.footer-contact-address span i {
  color: #9B59B6 !important;
}

/* Blog date in footer */
.footer-widget-blog-content p {
  color: #9B59B6 !important;
}

/* Subscribe title span */
.footer-subcribe-title h3 span {
  color: #9B59B6 !important;
}

/* Footer bottom link */
.footer-bottom-desc p a {
  color: #9B59B6 !important;
}
.footer-bottom-desc p a:hover {
  color: #BB8FCE !important;
  text-decoration: underline !important;
}

/* Social icons hover */
.footer-bottom-social-icon ul li a:hover {
  background-color: #6A0DAD !important;
  color: #fff !important;
}

/* Social icons hover background animation */
.footer-bottom-social-icon ul li a::before {
  background: #6A0DAD !important;
}

/* Scroll to top button */
.prgoress_indicator.active-progress {
  background: #6A0DAD !important;
}

/* Section title purple accent */
.section_title::before {
  background: #6A0DAD !important;
}

/* ===== Navigation text colour — all states ===== */
/* Inner pages (light hero): dark text; hover reveals purple ::before block so text → white */
.header-menu > ul > li > a { color: #1a0b2e !important; }
.header-menu > ul > li > a:hover { color: #ffffff !important; }

/* Homepage (dark hero): always white */
body:has(section.hero_area.style-one) .header-menu > ul > li > a { color: #ffffff !important; }
body:has(section.hero_area.style-one) .header-menu > ul > li > a:hover { color: #ffffff !important; }

/* Sticky (dark purple bar): white text; hover reveals white ::before block so text → dark */
.sticky .header-menu > ul > li > a { color: #ffffff !important; }
.sticky .header-menu > ul > li > a:hover { color: #1a0b2e !important; }

/* Dropdown items sit on a white panel -> keep them dark */
.sub_menu li a { color: #1a1a1a !important; }
.sub_menu li a:hover { color: #6A0DAD !important; }

/* Header top area - solid purple, no visible bottom edge */
.header-top-area {
  background: #6A0DAD !important;
}

/* Remove any possible bottom border */
.header-top-area,
.row.header-top {
  border-bottom: none !important;
}

/* No bottom border where header-top ends */
.educate-header-area {
  border-top: none !important;
}

/* Welcome link on purple bg - use white for contrast */
.header-top-welcome p a {
  color: #ffffff !important;
}
.header-top-welcome p a:hover {
  color: #F3E5F5 !important;
  text-decoration: underline !important;
}

/* Hero section - darker purple gradient with motion */
section.hero_area.style-one {
  background: linear-gradient(135deg, #0d0118 0%, #220a3d 45%, #3a0f5e 75%, #160626 100%) !important;
  height: auto !important;
  padding: 20px 0 60px !important;
  position: relative;
  overflow: hidden;
}

section.hero_area.style-one .hero_content {
  padding-top: 0 !important;
}

section.hero_area.style-one .hero_content h5 {
  color: rgba(255,255,255,0.9) !important;
}

section.hero_area.style-one .hero_content h1 {
  color: #ffffff !important;
  font-size: 44px !important;
  line-height: 54px !important;
}

section.hero_area.style-one .hero_content p {
  color: rgba(255,255,255,0.85) !important;
}

section.hero_area.style-one .hero-course-btn a {
  border: 2px solid rgba(255,255,255,0.4) !important;
  color: #ffffff !important;
  padding: 15px 35px !important;
  border-radius: 30px !important;
  display: inline-block !important;
}
section.hero_area.style-one .hero-course-btn a:hover {
  background: rgba(255,255,255,0.1) !important;
  border-color: #ffffff !important;
}

.header-btn a {
  background: linear-gradient(135deg, #6A0DAD 0%, #7D3C98 50%, #5B2D8E 100%) !important;
  border-radius: 30px !important;
  box-shadow: 0 4px 15px rgba(142,68,173,0.3) !important;
}
.header-btn a:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 20px rgba(142,68,173,0.4) !important;
}

/* Breadcrumb area */
.breadcrumb-area {
  background: linear-gradient(135deg, #6A0DAD 0%, #7D3C98 50%, #5B2D8E 100%) !important;
}

/* Counter section */
.counter-icon {
  color: #6A0DAD !important;
  background: #F3E5F5 !important;
}

/* Why choose section list icons */
.choose-item-menu ul li span {
  color: #6A0DAD !important;
  background: #F3E5F5 !important;
}

/* Testimonial ratings */
.testimonial-rating i {
  color: #7D3C98 !important;
}

/* Section subtitle */
.section-sub-title h6 {
  color: #6A0DAD !important;
}

/* Pricing table featured */
.pricing-table.featured {
  border-top: 4px solid #6A0DAD !important;
}

/* Mobile mean menu */
.mean-container a.meanmenu-reveal {
  color: #6A0DAD !important;
}
.mean-container .mean-nav ul li a.mean-expand {
  background: #6A0DAD !important;
}

/* Pagination */
.pagination li.active a {
  background: #6A0DAD !important;
  border-color: #6A0DAD !important;
}

/* Form focus */
input:focus, textarea:focus, select:focus {
  border-color: #6A0DAD !important;
}

/* Hero rating box */
.hero-rating-icon {
  background: #6A0DAD !important;
}

/* Marquee section text */
.marquee-section {
  background: #6A0DAD !important;
}

/* Brand/client section top border */
.brand-area {
  border-top: 3px solid #F3E5F5 !important;
}

/* Button hover states that use primary color */
.educate-btn a:hover {
  background: linear-gradient(135deg, #5B2D8E 0%, #6A0DAD 100%) !important;
  box-shadow: 0 6px 20px rgba(142,68,173,0.3) !important;
}

/* Sidebar menu overlay */
.sidebar-menu-wrapper {
  background: #5B2D8E !important;
}

/* Search popup */
.search-popup {
  background: rgba(94, 45, 142, 0.95) !important;
}

/* Single Amadeus partner logo — override theme's width:100% stretch */
.brand-single { justify-content: center; }
.brand-single .col-lg-12 { width: auto; flex: 0 0 auto; }
.brand-single .single-brand-box,
.brand-single .brand-thumb { width: auto; display: inline-block; }
.brand-single .brand-thumb img {
  width: auto !important;
  max-height: 60px;
  height: auto;
}

/* Bottom-fade mask for transparent cutout figures (match hero look) */
.about-thumb > img,
.choose-thumb > img,
.offer-thumb > img,
.testimonial-thumb > img,
.faq-thumb > img {
  -webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 62%, rgba(0,0,0,0) 100%);
  mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 62%, rgba(0,0,0,0) 100%);
}

/* Hide avatar-style testimonial pagination dots (repetitive single-instructor face) */
.testi-list .owl-dots,
.testi-list-inner .owl-dots,
.testimonial-area .owl-dots { display: none !important; }

/* ===== Section padding overrides — tighten gaps between sections ===== */
section.about-area.style-three.inner { padding: 60px 0 40px !important; }
section.feature-area.style-two { padding: 50px 0 40px !important; }
.style-two .single-feature-box { padding: 24px 20px !important; }

/* ===== Mission & Vision (About page) ===== */
.gds-mv-area { padding: 10px 0 60px; }
.gds-mv-card {
  background: #f4ecfb; border: 1px solid rgba(106,13,173,0.15); border-radius: 18px;
  padding: 40px 34px; height: 100%; position: relative; overflow: hidden;
  box-shadow: 0 18px 50px rgba(94,45,142,.08); transition: transform .35s ease, box-shadow .35s ease;
}
.gds-mv-card:hover { transform: translateY(-6px); box-shadow: 0 28px 64px rgba(94,45,142,.16); }
.gds-mv-card h3 { font-size: 24px; margin-bottom: 14px; color: #1a0b2e; }
.gds-mv-card p { color: #5a5a6e; line-height: 1.75; margin: 0; }
@media (max-width: 991px) { .gds-mv-area .col-lg-6:first-child .gds-mv-card { margin-bottom: 26px; } }

/* ===== Cap maximum font weight at semibold (600) ===== */
/* Base headings default to bold(700) in browsers; cap to semibold.
   Theme rules that set 400/500 are more specific, so they still win (nothing gets heavier). */
h1, h2, h3, h4, h5, h6 { font-weight: 600; }
b, strong, th { font-weight: 600; }
/* Override any heavier declarations (utilities / inline / theme) */
.fw-bold, .fw-bolder,
[style*="font-weight:700"], [style*="font-weight: 700"],
[style*="font-weight:800"], [style*="font-weight: 800"],
[style*="font-weight:900"], [style*="font-weight: 900"],
[style*="font-weight:bold"], [style*="font-weight: bold"] { font-weight: 600 !important; }

/* ===== Title weight — mirrors hero: first line bold, second line light ===== */
.section_title h1,
.section_title h2,
.section_title h3,
.hero_content h1 { font-weight: 700 !important; letter-spacing: -0.01em; }

.section_title h1:nth-of-type(even),
.section_title h2:nth-of-type(even),
.section_title h3:nth-of-type(even),
.hero_content h1:nth-of-type(even) { font-weight: 300 !important; letter-spacing: 0.01em; }

/* ===== Menu font weight: normal ===== */
.header-menu .nav_scroll > li > a,
.header-menu .nav_scroll a,
.nav_scroll a,
.sub_menu li a,
.mobile-menu .nav_scroll a { font-weight: 400 !important; }

/* ===== Crisp text rendering (so normal weight isn't rendered heavy on macOS) ===== */
body, .header-menu .nav_scroll a, .nav_scroll a {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

/* ===== Remove floating / decorative shape icons (hidden) — excludes FA icons & rating stars ===== */
[class*="-shape"], [class*="shape-"],
.breadcumb-dot, .bread-dot, .breadcumb-ball,
.choose-circle, .choose-dot, .choose-star, .faq-circle, .faq-dot,
.testi-dot, .testi-map, .brand-star, .brand-line,
.rotateme, .bounce-animate, .bounce-animate-2, .bounce-animate-3, .bounce-animate-4,
[class*="float-bob"], .movebounce, .moveleftbounce {
  display: none !important;
}
/* protect functional UI */
.prgoress_indicator, .progress-circle { display: block !important; }

/* ===== Buttons: normal weight + sentence case (re-added) ===== */
.header-btn a, .hero-button a, .hero-btn a, .hero-course-btn a,
.course-btn a, .course-offer-btn a, .course-design-offer-btn a, .course-details-btn a,
.about-btn a, .choose-btn a, .call-to-btn a, .blog-btn a,
.event-btn a, .read-btn a, .theme-btn, .btn-style-two, .footer-btn a {
  font-weight: 400 !important;
  text-transform: lowercase !important;
}
.header-btn a::first-letter, .hero-button a::first-letter, .hero-btn a::first-letter, .hero-course-btn a::first-letter,
.course-btn a::first-letter, .course-offer-btn a::first-letter, .course-design-offer-btn a::first-letter, .course-details-btn a::first-letter,
.about-btn a::first-letter, .choose-btn a::first-letter, .call-to-btn a::first-letter, .blog-btn a::first-letter,
.event-btn a::first-letter, .read-btn a::first-letter, .theme-btn::first-letter, .btn-style-two::first-letter, .footer-btn a::first-letter {
  text-transform: uppercase !important;
}

/* ===== Header top Call/Email links: sentence case (not uppercase) ===== */
.educate-header-from a,
.header-top-area a, .header-top-welcome p,
.login-btn, .sign-up-btn { text-transform: none !important; }

/* ===== GDS Training Classes section ===== */
.gds-classes-area { padding: 20px 0 100px; }
.gds-class-card {
  background: #f4ecfb; border: 1px solid rgba(106,13,173,0.15); border-radius: 18px;
  padding: 0 0 30px; height: 100%; overflow: hidden;
  box-shadow: 0 18px 50px rgba(94,45,142,.08); margin-bottom: 24px;
}
.gds-class-head {
  display: flex; align-items: center; gap: 12px;
  font-size: 26px; font-weight: 600; color: #fff;
  padding: 22px 32px; background: linear-gradient(135deg, #5e2d8e, #7c3abf);
}
/* Amadeus header — deeper purple to distinguish from Travelport, no warm colours */
.gds-class-head.gds-head-2 { background: linear-gradient(135deg, #2e0854, #5e2d8e); }
.gds-class-head i { font-size: 24px; }
.gds-tier { padding: 24px 32px 4px; border-bottom: 1px solid #f3eefa; }
.gds-tier:last-child { border-bottom: 0; }
.gds-tier-top { display: flex; align-items: baseline; justify-content: space-between; flex-wrap: wrap; gap: 8px; margin-bottom: 14px; }
.gds-tier-top h4 { font-size: 20px; font-weight: 600 !important; color: #1a0b2e; margin: 0; }
.gds-meta { font-size: 13px; font-weight: 500; color: #7c3abf; background: #f4ecfb; padding: 5px 12px; border-radius: 30px; }
.gds-tier ul { display: grid; grid-template-columns: 1fr 1fr; gap: 8px 22px; margin: 0; padding: 0; list-style: none; }
.gds-tier ul li { position: relative; padding-left: 22px; color: #5a5a6e; line-height: 1.5; font-size: 15px; }
.gds-tier ul li::before {
  content: '\2713'; position: absolute; left: 0; top: 0; color: #7c3abf; font-weight: 700;
}
.gds-enroll-row {
  text-align: center;
  margin-top: 40px;
  padding-bottom: 20px;
}

.gds-enroll-row a {
  display: inline-flex !important;
  align-items: center;
  gap: 10px;
  background: #6A0DAD !important;
  color: #ffffff !important;
  padding: 10px 28px !important;
  border-radius: 50px !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  text-transform: none !important;
  letter-spacing: 0.02em;
  border: none !important;
  box-shadow: 0 8px 28px rgba(106,13,173,0.35) !important;
  transition: background 0.25s ease, box-shadow 0.25s ease, transform 0.2s ease;
  text-decoration: none !important;
}

.gds-enroll-row a:hover {
  background: #5B2D8E !important;
  box-shadow: 0 12px 36px rgba(106,13,173,0.5) !important;
  transform: translateY(-2px);
  color: #ffffff !important;
}

.gds-enroll-row a i {
  font-size: 14px;
  transition: transform 0.2s ease;
}

.gds-enroll-row a:hover i {
  transform: translateX(4px);
}
@media (max-width: 575px){ .gds-tier ul { grid-template-columns: 1fr; } }

/* Override any stray icon image in pricing section subtitle */
.section-sub-title.three h6 img { display: none; }

/* =====================================================
   ELEGANT PRELOADER — replaces orange / bulky default
   ===================================================== */

/* Deep dark purple canvas — matches hero gradient start */
.loading-screen {
  background: #0d0118 !important;
}

/* Bars blend into background for a silent, clean page reveal */
.loading-screen .bar {
  background-color: #0d0118 !important;
}

/* Centre the inner content as a column */
.loading-screen .animation-preloader {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
}

/* Thin, minimal arc spinner — 52 px, 1.5 px stroke */
.loading-screen .animation-preloader .spinner {
  width: 52px !important;
  height: 52px !important;
  border: 1.5px solid rgba(155, 91, 182, 0.15) !important;
  border-top-color: #9B59B6 !important;
  border-right-color: rgba(106, 13, 173, 0.45) !important;
  margin: 0 auto 28px !important;
  animation-duration: 0.9s !important;
}

/* Hide the "Educate" letter-flip — it says the wrong brand and reads as template */
.loading-screen .animation-preloader .txt-loading {
  display: none !important;
}

/* Inject brand name below spinner via CSS — no HTML edits required */
.loading-screen .animation-preloader::after {
  content: 'GDS LEARNING CENTRE';
  display: block;
  font-family: 'Outfit', sans-serif;
  font-size: 10px;
  font-weight: 300;
  letter-spacing: 5px;
  color: rgba(255, 255, 255, 0.28);
  text-transform: uppercase;
  animation: gds-loader-fade 1.4s ease forwards;
}

@keyframes gds-loader-fade {
  from { opacity: 0; transform: translateY(6px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* ===== Hero Section — Elegant Dot Grid ===== */
section.hero_area.style-one {
  /* position: relative and overflow: hidden already set above */
}
section.hero_area.style-one::before {
  content: '';
  position: absolute;
  inset: 0;
  background-image: radial-gradient(circle, rgba(255, 255, 255, 0.13) 1.5px, transparent 1.5px);
  background-size: 26px 26px;
  pointer-events: none;
  z-index: 0;
}
/* Keep all hero children above the dot layer */
section.hero_area.style-one > .container,
section.hero_area.style-one > * > .container,
section.hero_area.style-one .hero_content,
section.hero_area.style-one .hero-right-image,
section.hero_area.style-one [class*="hero"] { position: relative; z-index: 1; }



/* =====================================================
   NUCLEAR COLOR RESET — purple & white only
   This block kills every orange / cyan / teal / green /
   magenta colour that comes from the original template.
   ===================================================== */

/* ── 0. Replace green-tinted background images with purple tint ── */
section.about-area.style-one,
section.about-area.style-three,
section.about-area.style-three.inner {
  background: #f4ecfb !important;
}

/* ── 1. Override all CSS theme variables (fixes 90+ elements in one shot) ── */
:root {
  --Secondary-color:          #7c3abf;  /* was orange  #ff853f */
  --tertiary-color:           #6A0DAD;  /* was cyan    #15c1fa */
  --fourtiary-color:          #9B59B6;  /* was magenta #a64cf9 */
  --box-bg:                   #f8f3ff;  /* was orange-tinted   #fdf7f3 */
  --box-bg2:                  #f4ecfb;  /* was teal-tinted     #f0fbf8 */
  --btn-white-border-hover:   #5e2d8e;  /* was orange  #D46C20 */
  --btn-white-bg-hover:       #5e2d8e;  /* was orange  #D46C20 */
  --new-label-bg:             #6A0DAD;  /* was orange  #D46C20 */
  --coming-soon-label-bg:     #7c3abf;  /* was red     #f94c30 */
  --theme-orange-color:       #6A0DAD;  /* was red     #f94c30 */
  --section-background-1:     #6A0DAD;  /* was orange  #D46C20 */
}

/* ── 2. Team member photo hover overlay — all 4 box variants → purple ── */
.style-one .team-thumb::before,
.style-one .single-team-box.box-1 .team-thumb::before,
.style-one .single-team-box.box-2 .team-thumb::before,
.style-one .single-team-box.box-3 .team-thumb::before,
.style-one .single-team-box.box-4 .team-thumb::before {
  background-image: linear-gradient(
    0deg,
    rgba(46, 8, 84, 0.95) 0%,
    rgba(94, 45, 142, 0.55) 35%,
    rgba(94, 45, 142, 0) 70%
  ) !important;
}

/* ── 3. Case-study / course card h5 category badges ── */
/* box-1: was cyan rgba */
.style-one .case-study-content h5 {
  color: #6A0DAD !important;
  background-color: rgba(106, 13, 173, 0.08) !important;
  border-color: rgba(106, 13, 173, 0.22) !important;
}
/* box-2: was orange rgba */
.style-one .case-study-single-box.box-2 .case-study-content h5 {
  color: #7c3abf !important;
  background-color: rgba(124, 58, 191, 0.08) !important;
  border-color: rgba(124, 58, 191, 0.22) !important;
}

/* ── 4. Blog card box backgrounds — hard-coded teal / orange tints ── */
.style-one .single-blog-box.box-2 { background-color: #f4ecfb !important; }
.style-one .single-blog-box.box-3 { background-color: #f4ecfb !important; }

/* ── 5. Blog "read more" buttons — box-3 has hard-coded orange rgba ── */
.style-one .single-blog-box.box-3 .blog-btn a {
  color: #7c3abf !important;
  background-color: rgba(124, 58, 191, 0.08) !important;
  border-color: rgba(124, 58, 191, 0.22) !important;
}
.style-one .single-blog-box.box-3 .blog-btn a::before {
  background: #7c3abf !important;
}

/* ── 6. Star / rating colours — all section style variants ── */
.style-one  .case-rating ul li,
.style-one  .testi-ratting ul li,
.style-two  .testi-ratting ul li,
.style-three .testi-ratting ul li,
.style-four .testi-ratting ul li,
.style-five .testi-ratting ul li,
.style-inner .testi-ratting ul li,
.style-two  .course-rating ul li,
.style-five .course-rating ul li,
.testi-ratting ul li,
.course-rating ul li,
.ins-rating-box-icon ul li,
.breadcumb-star ul li,
.post-rating a,
.post-rating i { color: #9B59B6 !important; }

/* Barfiller progress bars in course-details */
.barfiller .fill { background: #6A0DAD !important; }
.barfiller { border-color: #e0d4f5 !important; }

/* ── 7. Sticky header CTA — hard-coded orange hover ── */
.sticky .educate_btn a::before,
.sticky .header-btn a::before { background: #5e2d8e !important; }

/* ── 8. Section counters / feature icons that pull --Secondary-color ── */
/* (already fixed via variable override; belt-and-braces for inline rgba) */
.counter-icon i,
.choose-item-menu ul li span i { color: #6A0DAD !important; }

/* ── 9. Any residual hard-coded orange / cyan / teal in utility classes ── */
[style*="#ff853f"],
[style*="#15c1fa"],
[style*="#a64cf9"],
[style*="#D46C20"],
[style*="#f94c30"],
[style*="rgb(255, 133, 63)"],
[style*="rgb(30, 194, 142)"],
[style*="rgb(21, 193, 250)"],
[style*="rgb(166, 76, 249)"] { color: #6A0DAD !important; background-color: transparent !important; }

/* ── 10. Blog author dot markers (style-five hard-coded) ── */
.blog-area.style-one.five .single-blog-box.box-1::before,
.blog-area.style-one.five .blog-author h4::before,
.blog-area.style-one.five .single-blog-box.box-2 .blog-author h4::before,
.blog-area.style-one.five .single-blog-box.box-3 .blog-author h4::before {
  background-color: #7c3abf !important;
}

/* ── 11. Category item badges (all 13 variants → purple family) ── */
.category-items-box .category-item a {
  background-color: #f4ecfb !important;
  color: #5e2d8e !important;
  border-color: rgba(106, 13, 173, 0.15) !important;
}
.category-items-box .category-item a:hover {
  background-color: #6A0DAD !important;
  color: #fff !important;
}
/* Kill all per-item colour overrides */
.category-item.item-2  a,  .category-item.item-3  a,
.category-item.item-4  a,  .category-item.item-5  a,
.category-item.item-6  a,  .category-item.item-7  a,
.category-item.item-8  a,  .category-item.item-9  a,
.category-item.item-10 a,  .category-item.item-11 a,
.category-item.item-12 a,  .category-item.item-13 a {
  background-color: #f4ecfb !important;
  color: #5e2d8e !important;
}
.category-item.item-2  a:hover, .category-item.item-3  a:hover,
.category-item.item-4  a:hover, .category-item.item-5  a:hover,
.category-item.item-6  a:hover, .category-item.item-7  a:hover,
.category-item.item-8  a:hover, .category-item.item-9  a:hover,
.category-item.item-10 a:hover, .category-item.item-11 a:hover,
.category-item.item-12 a:hover, .category-item.item-13 a:hover {
  background-color: #6A0DAD !important;
  color: #fff !important;
}

/* ===== WhatsApp Floating Button ===== */
.whatsapp-float {
  position: fixed;
  bottom: 95px;
  right: 28px;
  z-index: 9999999999;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 58px;
  height: 58px;
  background: #25D366;
  border-radius: 50%;
  box-shadow: 0 6px 24px rgba(37, 211, 102, 0.45);
  text-decoration: none;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.whatsapp-float svg {
  width: 30px;
  height: 30px;
  fill: #fff;
}
.whatsapp-float:hover {
  transform: scale(1.1);
  box-shadow: 0 10px 32px rgba(37, 211, 102, 0.55);
}
.whatsapp-float::before {
  content: '';
  position: absolute;
  width: 58px;
  height: 58px;
  border-radius: 50%;
  background: rgba(37, 211, 102, 0.35);
  animation: wa-pulse 2s ease-out infinite;
}
@keyframes wa-pulse {
  0%   { transform: scale(1);   opacity: 0.7; }
  70%  { transform: scale(1.6); opacity: 0;   }
  100% { transform: scale(1.6); opacity: 0;   }
}
.whatsapp-float .wa-tooltip {
  position: absolute;
  right: 70px;
  background: #1a1a2e;
  color: #fff;
  font-size: 13px;
  font-family: 'Outfit', sans-serif;
  white-space: nowrap;
  padding: 6px 14px;
  border-radius: 6px;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s ease;
}
.whatsapp-float .wa-tooltip::after {
  content: '';
  position: absolute;
  right: -6px;
  top: 50%;
  transform: translateY(-50%);
  border: 6px solid transparent;
  border-right: none;
  border-left-color: #1a1a2e;
}
.whatsapp-float:hover .wa-tooltip { opacity: 1; }

/* Remove scroll-up progress circle */
.prgoress_indicator { display: none !important; }

/* ===== Meet Our Instructor Section ===== */
.gds-instructors-area {
  padding: 90px 0 110px;
  background: #f4ecfb;
}

/* Single instructor photo */
.gds-instr-single-photo {
  width: 100%;
  aspect-ratio: 3 / 4;
  overflow: hidden;
}
.gds-instr-single-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top center;
  display: block;
}

/* Profile text side */
.gds-instr-profile { padding-left: 10px; }

.gds-instr-role {
  display: block;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: #9B59B6;
  margin-bottom: 14px;
}

.gds-instr-profile h2 {
  font-size: 42px;
  font-weight: 300;
  color: #1a0b2e;
  line-height: 1.15;
  margin-bottom: 20px;
  letter-spacing: -0.5px;
}

.gds-instr-divider {
  width: 48px;
  height: 2px;
  background: #6A0DAD;
  margin-bottom: 24px;
}

.gds-instr-profile > p {
  font-size: 15px;
  color: #5a5a6e;
  line-height: 1.85;
  margin-bottom: 32px;
  max-width: 480px;
}

.gds-instr-stats {
  list-style: none;
  padding: 0;
  margin: 0 0 36px;
  display: flex;
  gap: 32px;
}
.gds-instr-stats li {
  display: flex;
  flex-direction: column;
}
.gds-instr-stats li strong {
  font-size: 15px;
  font-weight: 600;
  color: #1a0b2e;
  margin-bottom: 3px;
}
.gds-instr-stats li span {
  font-size: 11px;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: #9B59B6;
}

.gds-instr-cta {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: #6A0DAD;
  color: #fff !important;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding: 14px 32px;
  text-decoration: none;
  transition: background 0.25s ease, transform 0.25s ease;
}
.gds-instr-cta:hover {
  background: #2e0854;
  transform: translateY(-2px);
}

@media (max-width: 991px) {
  .gds-instr-featured .col-lg-5 { margin-bottom: 48px; }
  .gds-instr-profile { padding-left: 0; }
  .gds-instr-profile h2 { font-size: 32px; }
}
@media (max-width: 575px) {
  .gds-instructors-area { padding: 60px 0 70px; }
  .gds-instr-gallery-strip { width: 70px; }
  .gds-instr-stats { gap: 20px; }
}

/* ===== FAQ Section ===== */
.gds-faq-area {
  padding: 60px 0 40px;
  background: #f4ecfb;
}

.gds-faq-item {
  border-bottom: 1px solid #ede8f5;
  margin-bottom: 0;
}

.gds-faq-q {
  width: 100%;
  background: none;
  border: none;
  outline: none;
  text-align: left;
  font-family: 'Outfit', sans-serif;
  font-size: 16px;
  font-weight: 500;
  color: #1a0b2e;
  padding: 20px 40px 20px 0;
  cursor: pointer;
  position: relative;
  line-height: 1.4;
  transition: color 0.2s ease;
}
.gds-faq-q::after {
  content: '+';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  font-size: 22px;
  font-weight: 300;
  color: #6A0DAD;
  line-height: 1;
  transition: transform 0.3s ease;
}
.gds-faq-q.open { color: #6A0DAD; }
.gds-faq-q.open::after {
  content: '−';
  transform: translateY(-50%);
}

.gds-faq-a {
  display: none;
  padding: 0 40px 20px 0;
}
.gds-faq-a p {
  font-size: 14px;
  color: #5a5a6e;
  line-height: 1.8;
  margin: 0;
}

.gds-faq-footer {
  display: flex;
  align-items: center;
  gap: 28px;
  margin-top: 48px;
  padding-top: 32px;
  border-top: 1px solid #ede8f5;
}
.gds-faq-footer p {
  margin: 0;
  font-size: 14px;
  color: #6b6b80;
}
.gds-faq-footer a {
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0.5px;
  color: #6A0DAD;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  transition: color 0.2s ease;
}
.gds-faq-footer a:hover { color: #2e0854; }
.gds-faq-cta {
  background: #6A0DAD !important;
  color: #fff !important;
  padding: 11px 26px;
  border-radius: 2px;
}
.gds-faq-cta:hover { background: #2e0854 !important; color: #fff !important; }

@media (max-width: 767px) {
  .gds-faq-area { padding: 60px 0 50px; }
  .gds-faq-footer { flex-wrap: wrap; gap: 16px; }
}

/* ===== All logo.png instances — universal size lock ===== */
/* Covers header, footer, sidebar, CTA, mobile, preloader */
.header-logo img,
.header-logo a img,
.footer-logo img,
.footer-logo a img,
.nav-logo img,
.nav-logo a img,
.sidebar-logo img,
.sidebar-logo a img,
.call-to-logo img,
.call-logo-box img,
.mobile-logo img,
img[src*="gds/logo.png"] {
  height: 72px !important;
  width: auto !important;
  max-width: none !important;
  object-fit: contain !important;
}

/* CTA section logo is decorative — slightly smaller */
.call-to-logo img,
.call-logo-box .call-to-logo img {
  height: 80px !important;
}

/* Footer logo */
.footer-logo img,
.footer-logo a img {
  height: 75px !important;
}

/* ===== Logo visibility on light backgrounds ===== */
/* Inner pages have a white header — make logo visible as dark mark */
body:not(:has(section.hero_area.style-one)) .header-logo .active_logo img {
  filter: brightness(0);
}
/* Sticky header is always dark purple — keep logo white */
.sticky .header-logo img {
  filter: brightness(10) !important;
}

/* ===== Inner page hero / breadcrumb ===== */
/* Replace baked-in people from template PNG with clean CSS gradient */
.breadcumb-area,
.breadcumb-area.two {
  background: radial-gradient(ellipse at 20% 60%, #d4b8f0 0%, #e4d0f8 30%, #f0e8fc 60%, #f8f4ff 85%, #ffffff 100%) !important;
  overflow: hidden;
  padding: 80px 0 40px !important;
}

/* Person image on right side — overflow:hidden on parent clips it, no height increase */
.gds-breadcumb-person {
  height: 550px;
  width: auto;
  display: block;
  object-fit: contain;
  object-position: bottom center;
  mix-blend-mode: multiply;
  margin-bottom: -40px;
  -webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 70%, rgba(0,0,0,0) 100%);
  mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 70%, rgba(0,0,0,0) 100%);
}
@media (max-width: 991px) {
  .gds-breadcumb-person { display: none; }
}

/* Sharon Keter instructor photo — rounded corners */
.gds-instr-single-photo,
.gds-instr-single-photo img {
  border-radius: 15px;
}

/* ===== Why Choose Us section ===== */
.why-choose-area.style-one {
  background: #f4ecfb !important;
  padding: 80px 0 80px !important;
}

/* Badge menu items — all brand purple */
.style-one .choose-item-menu ul li {
  background: rgba(106, 13, 173, 0.08) !important;
  border: 1px solid rgba(106, 13, 173, 0.18) !important;
  color: #3d006e !important;
}
.style-one .choose-item-menu ul li i {
  color: #6A0DAD !important;
}
.style-one .choose-item-menu ul li:hover {
  background: rgba(106, 13, 173, 0.15) !important;
}

/* Remove decorative shape images */
.choose-shape-dot,
.choose-shape-star,
.choose-shape1 { display: none !important; }

/* Instructor photo in choose section — proper sizing */
.choose-thumb img {
  width: 100%;
  max-height: 420px;
  object-fit: cover;
  object-position: top center;
  border-radius: 15px !important;
}

/* ===== CTA banner — small person image inside the white card ===== */
.gds-cta-person {
  position: absolute;
  bottom: 0;
  right: 0;
  height: 115%;
  width: auto;
  object-fit: contain;
  object-position: bottom right;
  mix-blend-mode: multiply;
  border-radius: 0 !important;
  pointer-events: none;
  -webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 55%, rgba(0,0,0,0) 100%);
  mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 55%, rgba(0,0,0,0) 100%);
}
@media (max-width: 991px) {
  .gds-cta-person { display: none; }
}

/* ===== Light purple background + decorative grid lines ===== */
section.feature-area.style-one,
.case-study-area.style-one,
section.gds-instructors-area,
section.gds-classes-area,
.testimonial-area.style-one,
section.gds-faq-area,
.blog-area.style-one,
.brand-area.style-one {
  position: relative;
  isolation: isolate;
  background-color: #f4ecfb !important;
}

/* CTA section background matches surrounding lavender — prevents visible
   side bars where the rounded card doesn't reach the viewport edges */
.call-to-action.style-one {
  background-color: #f4ecfb !important;
  padding-bottom: 60px !important;
}

section.feature-area.style-one::before,
.case-study-area.style-one::before,
section.gds-instructors-area::before,
section.gds-classes-area::before,
.testimonial-area.style-one::before,
section.gds-faq-area::before,
.blog-area.style-one::before,
.brand-area.style-one::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background-image:
    repeating-linear-gradient(0deg,   rgba(106,13,173,0.035) 0, rgba(106,13,173,0.035) 1px, transparent 1px, transparent 52px),
    repeating-linear-gradient(90deg,  rgba(106,13,173,0.035) 0, rgba(106,13,173,0.035) 1px, transparent 1px, transparent 52px);
  -webkit-mask-image: radial-gradient(ellipse 75% 75% at 50% 50%, black 0%, transparent 100%);
          mask-image: radial-gradient(ellipse 75% 75% at 50% 50%, black 0%, transparent 100%);
}

/* ===== Hero badge — trophy icon + rainbow animated border ===== */
@keyframes rainbow-border {
  0%   { background-position: 0% 50%; }
  50%  { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

.gds-hero-badge {
  position: relative;
  display: inline-flex !important;
  align-items: center;
  gap: 8px;
  padding: 8px 20px !important;
  border-radius: 30px !important;
  color: #ffffff !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  letter-spacing: 0.04em;
  background: rgba(255,255,255,0.08);
  z-index: 1;
}

/* Rainbow animated border via pseudo-element */
.gds-hero-badge::before {
  content: '';
  position: absolute;
  inset: -1px;
  border-radius: 31px;
  background: linear-gradient(90deg,
    #ff0080, #ff8c00, #ffe000, #00ff80,
    #00cfff, #a855f7, #ff0080, #ff8c00
  );
  background-size: 300% 300%;
  animation: rainbow-border 3s linear infinite;
  z-index: -1;
}

/* Inner fill to cover the gradient behind text */
.gds-hero-badge::after {
  content: '';
  position: absolute;
  inset: 1px;
  border-radius: 29px;
  background: rgba(20, 5, 45, 0.75);
  z-index: -1;
}

@keyframes trophy-drop {
  0%   { transform: translateY(-6px); opacity: 0.4; }
  40%  { transform: translateY(2px);  opacity: 1; }
  60%  { transform: translateY(-2px); opacity: 1; }
  80%  { transform: translateY(1px);  opacity: 1; }
  100% { transform: translateY(0px);  opacity: 1; }
}

.gds-hero-badge i {
  font-size: 13px;
  color: #ffd700 !important;
  display: inline-block;
  animation: trophy-drop 2s ease-in-out infinite;
}

/* ===== Remaining sections — uniform light purple background ===== */
.course-design-offer-area.style-one,
.course-design-offer-area.style-one.inner,
section.about-area.style-two,
.call-to-action + section,
section.gds-mv-area {
  background-color: #f4ecfb !important;
}

/* Body default — prevents any unstyled area from showing white */
body {
  background-color: #f4ecfb;
}

/* ===== Preloader — GDS logo instead of letter spinner ===== */
.loading-screen {
  background: #1a0535 !important;
}

.gds-loader-logo {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  animation: loader-pulse 1.5s ease-in-out infinite;
}

.gds-loader-logo img {
  width: 140px !important;
  height: auto !important;
  border-radius: 0 !important;
  filter: brightness(10) !important;
}

@keyframes loader-pulse {
  0%   { opacity: 1;    transform: scale(1); }
  50%  { opacity: 0.6;  transform: scale(0.94); }
  100% { opacity: 1;    transform: scale(1); }
}

/* ===== About page — More About button & feature card font sizes ===== */
.style-one .about-btn a,
.style-two .about-btn a,
.style-three .about-btn a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  line-height: 1 !important;
  font-size: 14px !important;
  padding: 11px 26px !important;
}

.style-one .about-btn a i,
.style-two .about-btn a i,
.style-three .about-btn a i {
  position: static !important;
  font-size: 13px !important;
}

/* Feature card title and description — smaller */
.style-two .single-feature-box h4.feature-title,
.style-two .single-feature-box .feature-title {
  font-size: 15px !important;
}

.style-two .single-feature-box p.feature-desc {
  font-size: 13px !important;
  line-height: 1.6 !important;
}

/* ===== Enroll Now button — override template span/i offsets ===== */
.gds-enroll-row a.theme-btn.btn-style-two span {
  font-size: 14px !important;
  padding-top: 0 !important;
  display: inline !important;
  color: #ffffff !important;
  line-height: 1 !important;
}

.gds-enroll-row a.theme-btn.btn-style-two i {
  position: static !important;
  font-size: 12px !important;
  color: #ffffff !important;
  margin-left: 4px;
}

/* ===== Landing page feature card titles — semibold ===== */
.feature-area.style-one .single-feature-box h4.feature-title {
  font-weight: 600 !important;
}

/* ===== Footer — clean icons & tightened links ===== */
.gds-footer-arrow {
  font-size: 11px;
  color: #9b59b6;
  margin-right: 7px;
  flex-shrink: 0;
  transition: transform 0.2s ease;
}

.footer-widget-menu ul li {
  display: flex;
  align-items: center;
  padding: 4px 0;
}

.footer-widget-menu ul li:hover .gds-footer-arrow {
  transform: translateX(3px);
}

.gds-footer-phone {
  font-size: 13px;
  color: #9b59b6;
  margin-right: 8px;
  flex-shrink: 0;
}

.footer-contact-phone p {
  display: flex;
  align-items: center;
}

.footer-contact-address span {
  display: flex;
  align-items: center;
  gap: 8px;
}

/* Hide old template decorative shape images in footer */
.brand-arrow-shape,
.brand-star-shape,
.brand-line-shape { display: none !important; }

/* ============================================================
   Multi-step Enrollment Form — contact.html
   ============================================================ */

.gds-enroll-wrap {
  background: #ffffff;
  border-radius: 16px;
  padding: 36px 40px;
  box-shadow: 0 4px 30px rgba(106,13,173,0.08);
}

/* Step indicator */
.gds-steps-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 32px;
}

.gds-step-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
}

.gds-step-item span {
  font-size: 11px;
  color: #aaa;
  font-weight: 500;
  letter-spacing: 0.02em;
}

.gds-step-circle {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: #e8d5f7;
  color: #9b59b6;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  font-weight: 700;
  transition: all 0.3s ease;
}

.gds-step-item.active .gds-step-circle {
  background: #6A0DAD;
  color: #fff;
  box-shadow: 0 0 0 4px rgba(106,13,173,0.15);
}

.gds-step-item.done .gds-step-circle {
  background: #6A0DAD;
  color: #fff;
}

.gds-step-item.done .gds-step-circle::after {
  content: '\2713';
}

.gds-step-item.done .gds-step-circle { font-size: 0; }
.gds-step-item.done .gds-step-circle::after { font-size: 14px; }

.gds-step-item.active span,
.gds-step-item.done span { color: #6A0DAD; }

.gds-step-line {
  flex: 1;
  height: 2px;
  background: #e8d5f7;
  margin: 0 6px;
  margin-bottom: 22px;
  transition: background 0.3s;
}

/* Form steps */
.gds-form-step { display: none; }
.gds-form-step.active { display: block; }

.gds-step-title {
  font-size: 18px !important;
  font-weight: 700 !important;
  color: #1a0b2e !important;
  margin-bottom: 20px !important;
}

/* Inputs */
.gds-input {
  width: 100%;
  border: 1.5px solid #e0d0f5;
  border-radius: 8px;
  padding: 11px 14px;
  font-size: 14px;
  color: #1a0b2e;
  background: #faf7ff;
  outline: none;
  transition: border-color 0.2s;
  font-family: 'Plus Jakarta Sans', sans-serif;
  margin-bottom: 0;
}

.gds-input:focus { border-color: #6A0DAD; background: #fff; }

textarea.gds-input { resize: vertical; min-height: 80px; }

select.gds-input { appearance: none; cursor: pointer; }

/* Option cards (platform / level) */
.gds-field-label {
  font-size: 12px;
  font-weight: 600;
  color: #7c4da0;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  margin: 14px 0 8px;
}

.gds-option-group {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin-bottom: 4px;
}

.gds-option-card {
  flex: 1;
  min-width: 90px;
  border: 1.5px solid #e0d0f5;
  border-radius: 10px;
  padding: 10px 10px;
  cursor: pointer;
  text-align: center;
  transition: all 0.2s;
  background: #faf7ff;
}

.gds-option-card:hover { border-color: #9b59b6; }

.gds-option-card.selected,
.gds-option-card input:checked ~ span { color: #6A0DAD; }

.gds-option-card.selected { border-color: #6A0DAD !important; background: #f0e4ff; }

.gds-option-card input { display: none; }

.gds-option-card span {
  font-size: 13px;
  font-weight: 500;
  color: #555;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
}

.gds-option-card span i { font-size: 16px; }

/* Navigation buttons */
.gds-form-nav {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 24px;
}

.gds-btn-next, .gds-btn-submit {
  background: #6A0DAD;
  color: #fff;
  border: none;
  border-radius: 50px;
  padding: 10px 24px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-family: 'Plus Jakarta Sans', sans-serif;
  transition: background 0.2s;
}

.gds-btn-next:hover, .gds-btn-submit:hover { background: #4a0980; }

.gds-btn-back {
  background: transparent;
  color: #6A0DAD;
  border: 1.5px solid #e0d0f5;
  border-radius: 50px;
  padding: 10px 20px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-family: 'Plus Jakarta Sans', sans-serif;
  transition: all 0.2s;
}

.gds-btn-back:hover { border-color: #6A0DAD; }

/* Summary (step 4) */
.gds-summary {
  background: #faf7ff;
  border: 1.5px solid #e0d0f5;
  border-radius: 12px;
  padding: 16px 20px;
  margin-bottom: 18px;
}

.gds-sum-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 7px 0;
  border-bottom: 1px solid #ede0f8;
  font-size: 13px;
}

.gds-sum-row:last-child { border-bottom: none; }

.gds-sum-row span { color: #888; }

.gds-sum-row strong { color: #1a0b2e; font-weight: 600; }

/* Agree checkbox */
.gds-agree {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 13px;
  color: #555;
  cursor: pointer;
  margin-bottom: 4px;
}

.gds-agree input { width: 16px; height: 16px; accent-color: #6A0DAD; cursor: pointer; }

@media (max-width: 767px) {
  .gds-enroll-wrap { padding: 24px 18px; }
  .gds-option-group { flex-direction: column; }
  .gds-option-card { min-width: auto; }
}

/* ============================================================
   Celebration Screen — contact.html
   ============================================================ */

.gds-celebration {
  display: none;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 20px 10px 10px;
  position: relative;
  overflow: hidden;
  min-height: 340px;
}

.gds-celebration.visible { display: flex; }

/* Confetti pieces */
#gds-confetti-box {
  position: absolute;
  inset: 0;
  pointer-events: none;
  overflow: hidden;
}

@keyframes confetti-fall {
  0%   { transform: translateY(-20px) rotate(0deg);   opacity: 1; }
  80%  { opacity: 1; }
  100% { transform: translateY(380px) rotate(720deg); opacity: 0; }
}

.gds-cp {
  position: absolute;
  top: -10px;
  animation: confetti-fall linear forwards;
}

/* Animated checkmark */
.gds-check-wrap {
  position: relative;
  z-index: 1;
  margin-bottom: 22px;
}

.gds-check-svg {
  width: 90px;
  height: 90px;
}

.gds-check-circle {
  stroke: #6A0DAD;
  stroke-width: 2.5;
  stroke-dasharray: 157;
  stroke-dashoffset: 157;
  animation: draw-circle 0.6s ease-out 0.2s forwards;
}

.gds-check-tick {
  stroke: #6A0DAD;
  stroke-width: 3;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 48;
  stroke-dashoffset: 48;
  animation: draw-tick 0.4s ease-out 0.75s forwards;
}

@keyframes draw-circle {
  to { stroke-dashoffset: 0; }
}

@keyframes draw-tick {
  to { stroke-dashoffset: 0; }
}

.gds-cel-title {
  font-size: 22px !important;
  font-weight: 700 !important;
  color: #1a0b2e !important;
  margin-bottom: 10px !important;
  position: relative;
  z-index: 1;
}

.gds-cel-sub {
  font-size: 14px;
  color: #666;
  max-width: 300px;
  line-height: 1.6;
  position: relative;
  z-index: 1;
}

/* contact_shape2 sits on top of form buttons on steps 2-4 — disable clicks */
.inner_section .contact_shape2 { pointer-events: none !important; z-index: 0 !important; }
.gds-enroll-wrap { position: relative; z-index: 10; }

/* ============================================================
   RESPONSIVE — full mobile & tablet pass
   ============================================================ */

/* ── Tablet  (≤ 991px) ─────────────────────────────────────── */
@media (max-width: 991px) {

  /* Hero */
  section.hero_area.style-one { padding: 16px 0 48px !important; }
  section.hero_area.style-one .hero_content h1 {
    font-size: 36px !important;
    line-height: 46px !important;
  }

  /* Hero right image — give some breathing room when stacked */
  .hero-thumb-wrapper { margin-top: 36px; }

  /* Inner breadcrumb */
  .breadcumb-area, .breadcumb-area.two { padding: 60px 0 30px !important; }

  /* Section padding */
  .why-choose-area.style-one { padding: 60px 0 60px !important; }
  .gds-classes-area { padding: 20px 0 70px; }
  .gds-instructors-area { padding: 70px 0 80px; }

  /* Class card head */
  .gds-class-head { font-size: 22px; padding: 18px 24px; }
  .gds-tier { padding: 20px 24px 4px; }

  /* Instructor */
  .gds-instr-profile h2 { font-size: 32px !important; }
  .gds-instr-profile > p { font-size: 14px; }

  /* FAQ */
  .gds-faq-area { padding: 50px 0 36px; }
}

/* ── Mobile  (≤ 767px) ─────────────────────────────────────── */
@media (max-width: 767px) {

  /* ---- Hero ---- */
  section.hero_area.style-one {
    padding: 10px 0 40px !important;
    text-align: center;
  }
  section.hero_area.style-one .hero_content { text-align: center; }
  section.hero_area.style-one .hero_content h1 {
    font-size: 28px !important;
    line-height: 38px !important;
  }
  section.hero_area.style-one .hero_content p { font-size: 14px !important; }

  /* Centre badge */
  .gds-hero-badge {
    font-size: 12px !important;
    padding: 6px 14px !important;
  }

  /* Centre CTA buttons */
  .hero-button, .hero-btn, .hero-course-btn {
    display: flex !important;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
  }

  /* Hero thumb stack */
  .hero-thumb-wrapper { margin-top: 28px; }

  /* ---- Section titles ---- */
  .section_title h1,
  .section_title h2,
  .section_title h3 {
    font-size: 24px !important;
    line-height: 1.35 !important;
  }

  /* ---- Inner breadcrumb ---- */
  .breadcumb-area, .breadcumb-area.two {
    padding: 50px 0 25px !important;
    text-align: center;
  }
  .breadcumb-content h1,
  .breadcumb-title h4 {
    font-size: 24px !important;
  }
  .breadcumb-content ul { justify-content: center; }

  /* ---- Why Choose Us ---- */
  .why-choose-area.style-one { padding: 50px 0 50px !important; }
  .choose-thumb { margin-bottom: 30px; }
  .choose-thumb img { max-height: 260px; }

  /* ---- Classes / Tier cards ---- */
  .gds-classes-area { padding: 10px 0 60px; }
  .gds-class-head {
    font-size: 18px;
    padding: 16px 20px;
    gap: 10px;
  }
  .gds-class-head i { font-size: 18px; }
  .gds-tier { padding: 16px 20px 4px; }
  .gds-tier-top {
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
  }
  .gds-tier ul { grid-template-columns: 1fr; gap: 6px; }
  .gds-tier ul li { font-size: 14px; }
  .gds-enroll-row { margin-top: 28px; }

  /* ---- Instructor section ---- */
  .gds-instructors-area { padding: 50px 0 60px; }
  .gds-instr-profile {
    padding-left: 0;
    padding-top: 28px;
    text-align: center;
  }
  .gds-instr-profile h2 { font-size: 26px !important; }
  .gds-instr-divider { margin: 0 auto 20px; }
  .gds-instr-profile > p { font-size: 14px; max-width: 100%; }
  .gds-instr-stats {
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
  }
  .gds-instr-cta { margin: 0 auto; }

  /* ---- Mission / Vision ---- */
  .gds-mv-area { padding: 10px 0 40px; }

  /* ---- FAQ ---- */
  .gds-faq-area { padding: 50px 0 36px; }
  .gds-faq-q { font-size: 14px; padding: 14px 34px 14px 0; }
  .gds-faq-footer { flex-wrap: wrap; gap: 14px; }
  .gds-faq-footer p { font-size: 13px; }

  /* ---- Feature cards (landing) ---- */
  .feature-area.style-one { padding: 50px 0 !important; }
  .style-one .single-feature-box { margin-bottom: 20px; }

  /* ---- About page feature cards ---- */
  .style-two .single-feature-box { margin-bottom: 16px; }

  /* ---- CTA / call-to-action ---- */
  .call-to-action.style-one { text-align: center; }
  .call-to-action.style-one .call-to-btn { justify-content: center; display: flex; }

  /* ---- Testimonials ---- */
  .testimonial-area.style-one { padding: 50px 0 !important; }

  /* ---- Blog ---- */
  .blog-area.style-one { padding: 50px 0 !important; }

  /* ---- Counter section ---- */
  .counter-area { padding: 40px 0 !important; }
  .single-counter-box { margin-bottom: 24px; }

  /* ---- Footer ---- */
  .footer-widget { margin-bottom: 32px; }
  .footer-contact-phone p,
  .footer-contact-address span { flex-wrap: wrap; }

  /* ---- Enrollment form step header ---- */
  .gds-step-item span { font-size: 9px; }
  .gds-step-circle { width: 30px; height: 30px; font-size: 12px; }
  .gds-step-line { margin: 0 4px; margin-bottom: 22px; }
}

/* ── Small mobile (≤ 575px) ───────────────────────────────── */
@media (max-width: 575px) {

  /* Hero */
  section.hero_area.style-one .hero_content h1 {
    font-size: 24px !important;
    line-height: 34px !important;
  }

  /* Gds badge — wrap text on very narrow screens */
  .gds-hero-badge { white-space: normal; text-align: center; }

  /* Section titles */
  .section_title h1,
  .section_title h2,
  .section_title h3 { font-size: 20px !important; }

  /* Breadcrumb */
  .breadcumb-content h1,
  .breadcumb-title h4 { font-size: 20px !important; }

  /* Class cards — reduce padding further */
  .gds-class-head { font-size: 16px; padding: 14px 16px; }
  .gds-tier { padding: 14px 16px 4px; }

  /* Instructor */
  .gds-instr-profile h2 { font-size: 22px !important; }
  .gds-instr-stats li strong { font-size: 14px; }
  .gds-instr-cta { font-size: 12px; padding: 12px 24px; }

  /* Enrollment form — tighten further */
  .gds-enroll-wrap { padding: 18px 14px; }
  .gds-steps-header { gap: 2px; }
  .gds-step-item span { display: none; }
  .gds-step-circle { width: 26px; height: 26px; font-size: 11px; }
  .gds-step-line { flex: 0.6; }
  .gds-btn-next, .gds-btn-back, .gds-btn-submit {
    padding: 9px 16px;
    font-size: 13px;
  }

  /* Contact page — stack form below info */
  .contact_area .col-lg-6 { margin-bottom: 30px; }

  /* WhatsApp button — move slightly left so it doesn't overlap scroll-up */
  .whatsapp-float { bottom: 20px; right: 16px; width: 50px; height: 50px; }
  .whatsapp-float svg { width: 26px; height: 26px; }
}

/* ============================================================
   MOBILE NAVIGATION — complete restyle
   ============================================================ */

/* Hide top info bar on mobile — wastes vertical space */
@media (max-width: 991px) {
  .header-top-area { display: none !important; }
}

/* ── Mobile menu bar (the strip containing logo + hamburger) ── */
.mobile-menu-area {
  background: #1a0535 !important;
  box-shadow: 0 2px 16px rgba(0,0,0,0.35) !important;
}

/* Mobile menu inner padding */
.mobile-menu.mean-container {
  padding: 0 !important;
}

/* Mean bar (the whole top strip) — keep float layout, just recolour */
.mean-container .mean-bar {
  background: #1a0535 !important;
  min-height: 72px !important;
}

/* Hamburger icon — white bars visible on dark background */
.mean-container a.meanmenu-reveal {
  color: #ffffff !important;
  top: 0 !important;
  padding: 25px 18px !important;
  height: auto !important;
}
.mean-container a.meanmenu-reveal span {
  background: #ffffff !important;
  height: 2px !important;
  width: 24px !important;
  margin-top: 5px !important;
  display: block !important;
}

/* Mobile logo — white on dark purple bar */
.mobile-logo {
  top: 50% !important;
  transform: translateY(-50%) !important;
  left: 16px !important;
}
.mobile-logo img {
  height: 56px !important;
  width: auto !important;
  filter: brightness(10) !important;
  border-radius: 0 !important;
  display: block !important;
}

/* ── Mean nav dropdown (the full-width menu that drops down) ── */
.mean-container .mean-nav {
  background: #f4ecfb !important;
  margin-top: 0 !important;
}

.mean-container .mean-nav ul li {
  background: #f4ecfb !important;
  border-top: 1px solid rgba(106,13,173,0.1) !important;
  float: left;
  width: 100%;
}

.mean-container .mean-nav ul li a {
  background: #f4ecfb !important;
  color: #1a0b2e !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  padding: 13px 5% !important;
  border: none !important;
}

.mean-container .mean-nav ul li a:hover {
  background: #e8d5f7 !important;
  color: #6A0DAD !important;
}

/* Sub-menu items */
.mean-container .mean-nav ul li li a {
  background: #ede0f8 !important;
  color: #3d006e !important;
  font-size: 13px !important;
  padding: 11px 10% !important;
  border-top: 1px solid rgba(106,13,173,0.08) !important;
  opacity: 1 !important;
}

/* Expand/collapse +/− button */
.mean-container .mean-nav ul li a.mean-expand {
  background: transparent !important;
  color: #6A0DAD !important;
  font-size: 18px !important;
  font-weight: 300 !important;
  padding: 10px 14px !important;
  height: auto !important;
  top: 4px !important;
  border: none !important;
}
.mean-container .mean-nav ul li a.mean-expand:hover {
  background: rgba(106,13,173,0.08) !important;
}

/* Hide dropdown chevron icons inside mean-nav (meanmenu handles expand) */
.mean-container .mean-nav ul li a i { display: none !important; }

/* ── General mobile overflow fix ── */
html, body { overflow-x: hidden; max-width: 100%; }

/* ── Hero section — prevent right-image overflow on mobile ── */
@media (max-width: 991px) {
  .hero-thumb-wrapper { overflow: hidden; border-radius: 12px; }
  .hero-thumb-wrapper img { width: 100%; height: auto; object-fit: cover; }
}

/* ── Feature cards — no horizontal overflow ── */
@media (max-width: 767px) {
  .single-feature-box, .educate-hover-box { overflow: hidden; }

  /* Course/blog/case cards — ensure they don't overflow */
  .course-details-box, .single-blog-box, .case-study-single-box { overflow: hidden; }

  /* Tier card list wrap */
  .gds-tier-top { flex-wrap: wrap; }

  /* Contact page: make form come below info on mobile */
  .contact_area .col-lg-6:first-child { margin-bottom: 24px; }

  /* Instructor stats — two per row on mobile */
  .gds-instr-stats { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
}

/* ===== What is a GDS explainer ===== */
.gds-explain-area { padding: 30px 0 70px; }
.gds-explain-text p { color: #5a5a6e; line-height: 1.8; margin-bottom: 16px; font-size: 16px; }
.gds-explain-text strong { color: #1a0b2e; font-weight: 600; }
.gds-explain-points { display: flex; flex-direction: column; gap: 12px; margin-top: 22px; }
.gds-explain-points span { display: flex; align-items: center; gap: 10px; font-weight: 500; color: #1a0b2e; }
.gds-explain-points i { color: #7c3abf; font-size: 20px; }

/* ===== Partners: Travelport wordmark beside Amadeus logo ===== */
.gds-partners .gds-partner-logo { max-height: 46px; width: auto; }
.gds-travelport {
  font-family: 'Outfit', sans-serif; font-weight: 600; font-size: 34px;
  letter-spacing: -1px; color: #0a1f44; text-transform: lowercase; line-height: 1;
}
.gds-travelport::after { content: '.'; color: #ff7a59; }
@media (max-width: 575px){ .gds-travelport { font-size: 28px; } }

/* Hide the stray divider line under the eyebrow in the GDS explainer */
.gds-explain-area .section-sub-title h6::after { display: none !important; }

/* GDS classes pricing note */
.gds-classes-note { text-align: center; margin: 26px auto 4px; max-width: 760px; color: #5a5a6e; font-size: 15px; }
.gds-classes-note i { color: #7c3abf; margin-right: 6px; }
.gds-classes-note strong { color: #1a0b2e; font-weight: 600; }
.gds-classes-note span { color: #b5471f; font-weight: 500; }

/* ===== Amadeus / Travelport platform explainer cards ===== */
.gds-platforms-row { margin-top: 30px; }
.gds-platform-card {
  background: #fff; border: 1px solid #f0eaf6; border-radius: 16px;
  padding: 26px 28px; height: 100%; margin-bottom: 20px;
  box-shadow: 0 14px 40px rgba(94,45,142,.07);
}
.gds-platform-name { font-size: 22px; font-weight: 600; color: #1a0b2e; margin-bottom: 10px; }
.gds-platform-name span { display: inline-block; font-size: 12px; font-weight: 500; color: #7c3abf; background: #f4ecfb; padding: 3px 10px; border-radius: 30px; margin-left: 6px; vertical-align: middle; }
.gds-platform-card p { color: #5a5a6e; line-height: 1.7; margin: 0; font-size: 15px; }

/* ===== Advisory Board (expertise-led, no named members yet) ===== */
.gds-board-area { padding: 30px 0 90px; }
.gds-board-intro p { color: #5a5a6e; line-height: 1.8; font-size: 16px; margin-bottom: 16px; }
.gds-board-cta { display: inline-flex; align-items: center; gap: 8px; margin-top: 6px; font-weight: 500; color: #7c3abf; }
.gds-board-cta i { transition: transform .3s ease; }
.gds-board-cta:hover { color: #5e2d8e; }
.gds-board-cta:hover i { transform: translateX(4px); }
.gds-board-areas { margin-top: 6px; }
.gds-expertise-card {
  background: #fff; border: 1px solid #f0eaf6; border-radius: 16px;
  padding: 26px 24px; height: 100%; margin-bottom: 24px;
  box-shadow: 0 12px 34px rgba(94,45,142,.07); transition: transform .35s ease, box-shadow .35s ease;
}
.gds-expertise-card:hover { transform: translateY(-6px); box-shadow: 0 22px 50px rgba(94,45,142,.15); }
.gds-expertise-card h4 { font-size: 18px; font-weight: 600; color: #1a0b2e; margin-bottom: 8px; }
.gds-expertise-card p { color: #5a5a6e; line-height: 1.6; font-size: 14px; margin: 0; }
@media (max-width: 991px){ .gds-board-intro { margin-bottom: 30px; } }

/* ===== Advisory Board — photo member cards ===== */
.gds-board-head p { color: #5a5a6e; line-height: 1.8; max-width: 780px; margin: 16px auto 0; font-size: 16px; }
.gds-board-grid { margin-top: 42px; }
.gds-member-card {
  background: #fff; border: 1px solid #f0eaf6; border-radius: 20px; overflow: hidden;
  margin-bottom: 28px; box-shadow: 0 16px 44px rgba(94,45,142,.08);
  transition: transform .35s ease, box-shadow .35s ease;
}
.gds-member-card:hover { transform: translateY(-8px); box-shadow: 0 30px 64px rgba(94,45,142,.16); }
.gds-member-photo { width: 100%; height: 340px; overflow: hidden; background: #efe7f7; }
.gds-member-photo img { width: 100%; height: 100%; object-fit: cover; object-position: center 18%; transition: transform .5s ease; }
.gds-member-card:hover .gds-member-photo img { transform: scale(1.05); }
.gds-member-info { padding: 24px 26px 28px; }
.gds-member-info h3 { font-size: 21px; font-weight: 600; color: #1a0b2e; margin-bottom: 8px; }
.gds-member-role { display: inline-block; font-size: 13px; font-weight: 500; color: #7c3abf; background: #f4ecfb; padding: 4px 14px; border-radius: 30px; margin-bottom: 14px; }
.gds-member-info p { color: #5a5a6e; line-height: 1.7; font-size: 15px; margin: 0; }
.gds-board-foot { margin-top: 18px; }

/* Spacing between stacked trainer profiles */
.gds-instr-featured + .gds-instr-featured { margin-top: 70px; padding-top: 60px; border-top: 1px solid #efe7f7; }

/* Uniform trainer photos in About team cards */
.team-area.inner .team-thumb { height: 300px; overflow: hidden; border-radius: 14px; }
.team-area.inner .team-thumb img { width: 100% !important; height: 100% !important; object-fit: cover; object-position: center 15%; }
.team-area.inner .single-team-box { height: 100%; }

/* ===== Privacy / legal page ===== */
.gds-legal-area { padding: 70px 0 90px; }
.gds-legal p { color: #5a5a6e; line-height: 1.8; margin-bottom: 16px; }
.gds-legal .gds-legal-updated { color: #7c3abf; font-weight: 500; font-size: 14px; }
.gds-legal h3 { font-size: 22px; font-weight: 600; color: #1a0b2e; margin: 28px 0 12px; }
.gds-legal ul { margin: 0 0 16px; padding-left: 20px; }
.gds-legal ul li { color: #5a5a6e; line-height: 1.8; margin-bottom: 6px; }
.gds-legal a { color: #7c3abf; font-weight: 500; }

/* ===== How to Enroll ===== */
.gds-enroll-area { padding: 40px 0 90px; }
.gds-enroll-head p { color: #5a5a6e; line-height: 1.8; max-width: 620px; margin: 14px auto 0; }
.gds-enroll-steps { margin-top: 40px; }
.gds-step-card {
  background: #fff; border: 1px solid #f0eaf6; border-radius: 18px; padding: 34px 26px 28px;
  height: 100%; margin-bottom: 24px; position: relative; text-align: center;
  box-shadow: 0 14px 40px rgba(94,45,142,.07); transition: transform .35s ease, box-shadow .35s ease;
}
.gds-step-card:hover { transform: translateY(-6px); box-shadow: 0 24px 54px rgba(94,45,142,.15); }
.gds-step-num {
  display: inline-grid; place-items: center; width: 58px; height: 58px; border-radius: 50%;
  font-size: 20px; font-weight: 600; color: #fff; margin-bottom: 18px;
  background: linear-gradient(135deg, #5e2d8e, #7c3abf); box-shadow: 0 10px 24px rgba(124,58,191,.32);
}
.gds-step-card h4 { font-size: 18px; font-weight: 600; color: #1a0b2e; margin-bottom: 10px; }
.gds-step-card p { color: #5a5a6e; line-height: 1.7; font-size: 15px; margin: 0; }
.gds-enroll-cta { margin-top: 16px; }

/* ===== Hallmark Institute partnership ===== */
.gds-hallmark-area { padding: 20px 0 70px; }
.gds-hallmark-area .container { background: #faf7fd; border: 1px solid #f0eaf6; border-radius: 22px; padding: 46px 44px; }
.gds-hallmark-logo img { max-width: 220px; width: 100%; height: auto; }
.gds-hallmark-badge { display: inline-block; margin-top: 16px; font-size: 12px; font-weight: 600; letter-spacing: .4px; text-transform: uppercase; color: #7c3abf; background: #f0e6fb; padding: 7px 16px; border-radius: 30px; }
.gds-hallmark-text h2 { font-size: 30px; font-weight: 600; color: #1a0b2e; margin: 6px 0 14px; }
.gds-hallmark-text > p { color: #5a5a6e; line-height: 1.8; margin: 0 0 24px; font-size: 16px; }
.gds-hallmark-benefits { display: grid; grid-template-columns: 1fr 1fr; gap: 18px 30px; }
.gds-benefit { display: flex; gap: 12px; align-items: flex-start; }
.gds-benefit-check { flex: 0 0 auto; width: 26px; height: 26px; border-radius: 50%; display: grid; place-items: center; font-size: 14px; color: #fff; background: linear-gradient(135deg, #5e2d8e, #7c3abf); margin-top: 2px; }
.gds-benefit div { display: flex; flex-direction: column; }
.gds-benefit strong { color: #1a0b2e; font-weight: 600; font-size: 15px; margin-bottom: 3px; }
.gds-benefit div { color: #5a5a6e; line-height: 1.55; font-size: 14px; }
@media (max-width: 767px){ .gds-hallmark-logo { margin-bottom: 24px; } .gds-hallmark-area .container { padding: 34px 24px; } .gds-hallmark-benefits { grid-template-columns: 1fr; } }