/* ============================================================================
   Sri Yoga Ashram — central site theme
   ----------------------------------------------------------------------------
   This file holds ALL page-level custom CSS that previously lived in inline
   <style> blocks across the site. Load it AFTER plugins.css / style.css /
   templete.css so its overrides win. (The old skin/skin-1.css has been
   merged into the section at the bottom of this file.)

   Palette  : earth #7b6d61 | gold #c79c66 | cream #fbf7f1 | ink #3f3832
   Headings : Marcellus (premium serif), body stays Poppins
   ============================================================================ */

@import url('https://fonts.googleapis.com/css2?family=Marcellus&display=swap');

:root {
    --font-heading: 'Marcellus', Georgia, serif;

    --course-earth: #7b6d61;
    --course-earth-dark: #62564d;
    --course-gold: #c79c66;
    --course-cream: #fbf7f1;
    --course-ink: #3f3832;
    --course-card: #ffffff;
    --course-line: rgba(123, 109, 97, 0.22);
    --course-table-line: rgba(123, 109, 97, 0.4);
    --course-shadow: 0 10px 24px rgba(63, 56, 50, 0.06);

    /* Re-map the shared template tokens (style.css / templete.css read these) */
    --primary: #7b6d61;
    --color-primary: #7b6d61;
    --color-primary-dark: #62564d;
    --color-secondary: #7b6d61;
    --color-accent: #c79c66;
    --color-text: #3f3832;
    --color-black: #3f3832;
    --color-muted: #5c534b;
    --color-light: #f1e7dc;
    --color-surface: #fbf7f1;
    --color-border: #e5ddd3;
    --color-success: #2e9e5b;
    --color-danger: #c0533f;
}

/* ============================================================
   1. Page canvas — one background color everywhere
   ============================================================ */
html,
body,
body#bg,
.page-wraper,
.page-content,
.top-bar,
.main-bar,
.breadcrumb-row {
    background: var(--course-cream) !important;
}

.section-full,
.section-full.bg-white,
.section-full.bg-gray,
.section-full.bg-grey {
    background: var(--course-cream) !important;
}

.section-full.content-inner {
    padding: 56px 0 36px;
}

.section-head {
    margin-bottom: 30px;
}

/* ============================================================
   2. Typography — one uniform scale across the whole site
   (Marcellus ships in one weight; keep 400 to avoid faux bold)
   ============================================================ */
html {
    scroll-behavior: smooth;
}

body {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: 16px;
    line-height: 1.7;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    color: var(--course-ink);
    font-family: var(--font-heading);
    font-weight: 400;
    letter-spacing: 0.015em;
}

/* Fluid heading scale — the same hierarchy on every page and viewport */
h1, .h1 { font-size: clamp(28px, 2vw + 20px, 38px);   line-height: 1.25; margin-bottom: 20px; }
h2, .h2 { font-size: clamp(24px, 1.2vw + 18px, 30px); line-height: 1.3;  margin-bottom: 18px; }
h3, .h3 { font-size: clamp(20px, 0.7vw + 17px, 24px); line-height: 1.35; margin-bottom: 14px; }
h4, .h4 { font-size: 19px; line-height: 1.4;  margin-bottom: 12px; }
h5, .h5 { font-size: 17px; line-height: 1.45; margin-bottom: 10px; }
h6, .h6 { font-size: 15px; line-height: 1.5;  margin-bottom: 10px; }

p {
    font-size: 16px;
    line-height: 1.7;
    margin-bottom: 18px;
}

ul li,
ol li {
    line-height: 1.7;
}

/* The shared template un-bolds <strong>; restore real emphasis */
strong, b {
    font-weight: 600;
}

/* Section intro paragraphs read slightly larger, consistently */
.section-head p {
    color: var(--color-muted);
    font-size: 17px;
}

.dez-separator.bg-primary,
.dez-separator-outer .dez-separator.style-liner.bg-primary {
    background-color: var(--course-gold) !important;
}

/* ============================================================
   3. One single background on every page (like the holistic
      course page): sections that used photo backgrounds or
      dark overlays render on the same cream canvas, and their
      "white" text flips to the normal ink/muted colors.
   ============================================================ */
.section-full[class*="overlay-"],
.section-full[style*="background-image"],
.section-full.text-white {
    background: var(--course-cream) !important;
    background-image: none !important;
}

.section-full[class*="overlay-"]:after {
    display: none;
}

/* (scoped to .section-full so footers that legacy markup accidentally
   nests inside .page-wraper keep their own white-on-earth styling) */
.section-full .text-white h1, .section-full .text-white h2,
.section-full .text-white h3, .section-full .text-white h4,
.section-full .text-white h5, .section-full .text-white h6,
.section-full .text-white .h1, .section-full .text-white .h2,
.section-full .text-white .h3, .section-full .text-white .h4,
.section-full .text-white .h5, .section-full .text-white .h6,
.section-full.text-white h1, .section-full.text-white h2,
.section-full.text-white h3, .section-full.text-white h4,
.section-full.text-white h5, .section-full.text-white h6,
.section-full[class*="overlay-"] h1,
.section-full[class*="overlay-"] h2,
.section-full[class*="overlay-"] h3,
.section-full[class*="overlay-"] h4,
.section-full[class*="overlay-"] h5,
.section-full[class*="overlay-"] h6 {
    color: var(--course-ink) !important;
}

.section-full .text-white,
.section-full .text-white p,
.section-full .text-white li,
.section-full.text-white p,
.section-full.text-white li,
.section-full[class*="overlay-"] p,
.section-full[class*="overlay-"] li,
.section-full[style*="background-image"] p,
.section-full[style*="background-image"] li {
    color: var(--color-muted) !important;
}

.section-full .text-white .text-primary,
.section-full.text-white .text-primary,
.section-full[class*="overlay-"] .text-primary,
.section-full[style*="background-image"] .text-primary {
    color: var(--course-earth) !important;
}

.section-full .text-white a:not(.site-button):not(.enroll-btn):not(.enroll-btn a):not(.site-button a),
.section-full a.text-white:not(.site-button):not(.enroll-btn):not(.enroll-btn a):not(.site-button a) {
    color: var(--course-earth) !important;
}

.section-full .text-white a:not(.site-button):not(.enroll-btn):not(.enroll-btn a):not(.site-button a):hover,
.section-full a.text-white:not(.site-button):not(.enroll-btn):not(.enroll-btn a):not(.site-button a):hover {
    color: var(--course-gold) !important;
}

/* Anchors styled as buttons keep white text on their earth background */
.enroll-btn a,
.enroll-btn a.text-white,
.site-button:not(.white) .text-white,
a.site-button:not(.white),
.page-wraper a.enroll-btn {
    color: #fff !important;
}

/* Full-width colored column panels (e.g. video + text splits) flatten
   onto the single cream background */
[class*="col-"].bg-primary,
[class*="col-"].bg-secondry,
.dis-tbl.bg-primary {
    background-color: var(--course-cream) !important;
}

/* White separator lines used inside the old dark sections */
.section-full .dez-separator.bg-white {
    background-color: var(--course-gold) !important;
}

/* Team-member cards: the earth name bar under the photo keeps white text */
.section-full .dez-box-team,
.section-full .dez-box-team p,
.section-full .dez-box-team a,
.section-full .dez-box-team span,
.section-full .dez-box-team .dez-member-position,
.section-full .dez-box-team h1, .section-full .dez-box-team h2,
.section-full .dez-box-team h3, .section-full .dez-box-team h4,
.section-full .dez-box-team h5, .section-full .dez-box-team h6 {
    color: #fff !important;
}

/* Team-member cards: the sliding info bar keeps its earth background,
   so everything on it stays white */
.section-full .dez-info-has {
    background-color: rgba(123, 109, 97, 0.92) !important;
}

.section-full .dez-info-has h1, .section-full .dez-info-has h2,
.section-full .dez-info-has h3, .section-full .dez-info-has h4,
.section-full .dez-info-has h5, .section-full .dez-info-has h6,
.section-full .dez-info-has p,
.section-full .dez-info-has span,
.section-full .dez-info-has a,
.section-full .dez-info-has .dez-member-position {
    color: #fff !important;
}

/* Short "Note:" strips (counter-style-1) read as styled callouts */
.section-full .counter-style-1 {
    margin-bottom: 0 !important;
}

.section-full .counter-style-1 p {
    color: var(--course-earth) !important;
    font-family: var(--font-heading);
    font-size: 20px;
    letter-spacing: 0.03em;
    margin: 0;
    text-align: center;
}

.section-full.content-inner:has(.counter-style-1) {
    border-bottom: 1px solid rgba(199, 156, 102, 0.5);
    border-top: 1px solid rgba(199, 156, 102, 0.5);
    padding: 28px 0;
}

/* Text sitting on white surfaces (cards, tabs, tables, quotes) inside earth
   bands must stay ink — these come after the band rules so they win. */
.section-full .tab-content1,
.section-full .tab-content1 h1,
.section-full .tab-content1 h2,
.section-full .tab-content1 h3,
.section-full .tab-content1 h4,
.section-full .tab-content1 h5,
.section-full .tab-content1 h6,
.section-full .tab-content1 p,
.section-full .tab-content1 li,
.section-full .dez-tabs .tab-content,
.section-full .dez-tabs .tab-content h1,
.section-full .dez-tabs .tab-content h2,
.section-full .dez-tabs .tab-content h3,
.section-full .dez-tabs .tab-content h4,
.section-full .dez-tabs .tab-content h5,
.section-full .dez-tabs .tab-content h6,
.section-full .dez-tabs .tab-content p,
.section-full .dez-tabs .tab-content li,
.section-full blockquote,
.section-full blockquote p,
.section-full blockquote li,
.section-full table td,
.section-full table td p,
.section-full table td li,
.section-full .acod-content,
.section-full .acod-content p,
.section-full .acod-content li,
.section-full .content-card,
.section-full .content-card p,
.section-full .content-card li,
.section-full .feature-item,
.section-full .feature-item p,
.section-full .feature-item li,
.section-full .dez-box,
.section-full .dez-box p,
.section-full .dez-box a,
.section-full .dez-box h1,
.section-full .dez-box h2,
.section-full .dez-box h3,
.section-full .dez-box h4,
.section-full .dez-box h5,
.section-full .dez-box h6 {
    color: var(--course-ink) !important;
}

/* Inner page banners keep their photo, tinted to the palette */
.dez-bnr-inr[class*="overlay-"]:after {
    background: var(--course-earth) !important;
    background-color: var(--course-earth) !important;
    opacity: 0.55 !important;
}

/* Banner used on the holistic course page (plain image, no overlay) */
.course-banner {
    background: none !important;
    display: block !important;
    height: auto !important;
    line-height: 0;
    overflow: hidden;
}

.course-banner img {
    display: block;
    height: auto;
    width: 100%;
}

/* Banner image block on the astro course page */
.ay-banner-img {
    line-height: 0;
}

.ay-banner-img img {
    height: auto;
    width: 100%;
}

/* ============================================================
   4. Header, breadcrumb, scroll-top, footer
   ============================================================ */
.top-bar {
    border-bottom: 1px solid var(--course-line);
    color: var(--course-ink);
}

.top-bar a,
.dez-topbar-left li,
.dez-topbar-left a,
.topbar-social a {
    color: var(--course-ink) !important;
}

.topbar-social a:hover,
.dez-topbar-left a:hover {
    color: var(--course-gold) !important;
}

/* ---------- Main menu: clearly readable ink text ---------- */
.header-nav .nav > li > a {
    color: var(--course-ink) !important;
    font-size: 15px;
    font-weight: 500;
}

.header-nav .nav > li:hover > a,
.header-nav .nav > li.active > a {
    color: var(--course-earth) !important;
}

.header-nav .nav > li > a:after,
.header-nav .nav > li.active > a:after {
    background-color: var(--course-gold) !important;
}

/* Dropdowns & mega menu: white panels, ink links, gold accents */
@media (min-width: 992px) {
    .header-nav .nav > li > .sub-menu,
    .header-nav .nav > li > .mega-menu,
    .header-nav .nav > li .sub-menu li > .sub-menu {
        background-color: #fff !important;
        border: 1px solid var(--course-line) !important;
        border-radius: 0 0 8px 8px;
        border-top: 3px solid var(--course-gold) !important;
        box-shadow: 0 16px 34px rgba(63, 56, 50, 0.14);
    }

    .header-nav .nav > li .sub-menu li a,
    .header-nav .nav > li .mega-menu ul li a {
        color: var(--course-ink) !important;
        font-weight: 400;
    }

    .header-nav .nav > li .sub-menu li:hover > a,
    .header-nav .nav > li .sub-menu li.active > a,
    .header-nav .nav > li .mega-menu ul li:hover > a,
    .nav-dark.header-nav .nav > li .sub-menu li:hover > a,
    .nav-dark.header-nav .nav > li .mega-menu > li ul a:hover,
    .nav-dark.header-nav .nav > li .mega-menu ul li:hover > a {
        background-color: var(--course-cream) !important;
        color: var(--course-earth) !important;
    }

    /* Mega menu column headings */
    .header-nav .nav > li .mega-menu > li > a {
        border-bottom: 1px solid rgba(199, 156, 102, 0.5) !important;
        color: var(--course-earth) !important;
        font-family: var(--font-heading);
        font-size: 16px;
        font-weight: 400 !important;
    }

    /* Keep headings readable on hover (style.css nav-dark rule turns them white) */
    .header-nav .nav > li .mega-menu > li > a:hover,
    .nav-dark.header-nav .nav > li .mega-menu > li > a:hover,
    .nav-dark.header-nav .nav > li ul.mega-menu > li > a:hover {
        color: var(--course-earth) !important;
    }
}

/* Mobile slide-in menu: deep earth panel, fully white links */
@media (max-width: 991px) {
    .header-nav.navbar-collapse,
    .header-nav .nav,
    .header-nav .nav > li > .sub-menu,
    .header-nav .nav > li > .mega-menu {
        background-color: var(--course-earth-dark) !important;
    }

    .header-nav .nav > li > a {
        color: #fff !important;
    }

    .header-nav .nav > li .sub-menu li a,
    .header-nav .nav > li .mega-menu ul li a,
    .header-nav .nav > li .mega-menu > li > a {
        color: rgba(255, 255, 255, 0.92) !important;
    }

    .header-nav .nav > li:hover > a,
    .header-nav .nav > li.active > a,
    .header-nav .nav > li .sub-menu li:hover > a,
    .header-nav .nav > li .mega-menu ul li:hover > a {
        color: var(--course-gold) !important;
    }

    .header-nav .nav > li,
    .header-nav .nav > li .sub-menu li,
    .header-nav .nav > li .mega-menu li {
        border-color: rgba(255, 255, 255, 0.12) !important;
    }
}

.breadcrumb-row {
    border-bottom: 1px solid var(--course-line);
}

.breadcrumb-row ul li,
.breadcrumb-row ul li a {
    color: var(--course-earth) !important;
}

.breadcrumb-row ul li:after {
    color: var(--course-earth) !important;
}

button.scroltop {
    background: #fff !important;
    border: 1px solid var(--course-line) !important;
    border-radius: 50%;
    box-shadow: 0 6px 16px rgba(63, 56, 50, 0.22);
    color: var(--course-earth) !important;
}

button.scroltop:hover {
    background: var(--course-gold) !important;
    border-color: var(--course-gold) !important;
    color: #fff !important;
}

.site-footer,
.site-footer .footer-top,
.site-footer .footer-bottom,
.site-footer .footer-image {
    background-color: var(--course-earth) !important;
    background-image: none !important;
}

.site-footer .overlay-black-dark:after {
    display: none;
}

.site-footer a,
.site-footer a:hover {
    color: #fff !important;
}

.site-footer h1, .site-footer h2, .site-footer h3,
.site-footer h4, .site-footer h5, .site-footer h6 {
    color: #fff;
}

/* ============================================================
   5. Buttons
   ============================================================ */
.site-button,
.enroll-btn {
    background: var(--course-earth) !important;
    border: 1px solid var(--course-earth) !important;
    border-radius: 6px;
    box-shadow: 0 8px 18px rgba(123, 109, 97, 0.18);
    color: #fff !important;
    cursor: pointer;
    display: inline-block;
    font-weight: 600;
    line-height: 1.2;
    text-decoration: none !important;
    transition: background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

a.enroll-btn,
button.enroll-btn {
    padding: 9px 20px;
}

.site-button:hover,
.site-button:focus,
.site-button:active,
.enroll-btn:hover,
.enroll-btn:focus {
    background: var(--course-gold) !important;
    border-color: var(--course-gold) !important;
    box-shadow: 0 10px 22px rgba(199, 156, 102, 0.28);
    color: #fff !important;
    transform: translateY(-1px);
}

/* White pill variant (used by tab/filter buttons) */
.site-button.white {
    background: #fff !important;
    border-color: var(--course-gold) !important;
    color: var(--course-earth) !important;
}

.site-button.white:hover,
.site-button.white:focus,
.site-filters .active > .site-button.white,
.site-button.white[aria-selected="true"] {
    background: var(--course-gold) !important;
    border-color: var(--course-gold) !important;
    color: #fff !important;
}

/* ============================================================
   6. Perk cards (icon cards strip under the banner)
      Legacy markup: .main-card > .box > .card
      Holistic markup: .perk-grid > .perk-card
   ============================================================ */
.main-card {
    margin: auto;
    max-width: 1140px;
    padding: 20px 15px 0;
}

.box {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    justify-content: space-between;
}

.box .card {
    background: var(--course-card);
    border: 1px solid var(--course-line);
    border-bottom: 3px solid var(--course-gold);
    border-radius: 10px;
    box-shadow: var(--course-shadow);
    flex: 1 1 0;
    min-width: 170px;
    padding: 18px 12px 14px;
    text-align: center;
}

.box .card .icon,
.main-card .icon,
.main-card .icon span {
    color: var(--course-gold) !important;
    font-size: 30px;
    padding: 0 0 10px;
}

.box .card h6 {
    color: var(--course-ink);
    font-size: 16px;
    line-height: 1.4;
    margin: 0;
}

.perk-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    margin: 0 auto;
    max-width: 1140px;
    padding: 30px 15px 0;
}

.perk-card {
    background: var(--course-card);
    border: 1px solid var(--course-line);
    border-bottom: 3px solid var(--course-gold);
    border-radius: 10px;
    box-shadow: var(--course-shadow);
    flex: 1 1 0;
    min-width: 170px;
    padding: 18px 12px 14px;
    text-align: center;
}

.perk-card .icon {
    color: var(--course-gold);
    font-size: 30px;
    margin-bottom: 10px;
}

.perk-card h6 {
    font-size: 16px;
    line-height: 1.4;
    margin: 0;
}

/* ============================================================
   7. Note / CTA strips and seat notices
   ============================================================ */
.course-note {
    border-bottom: 1px solid rgba(199, 156, 102, 0.5);
    border-top: 1px solid rgba(199, 156, 102, 0.5);
    padding: 28px 0;
    text-align: center;
}

.course-note p {
    color: var(--course-earth);
    font-family: var(--font-heading);
    font-size: 20px;
    font-weight: 400;
    letter-spacing: 0.03em;
    margin: 0;
    text-align: center; /* the shared stylesheet justifies paragraphs */
}

.course-note .site-button {
    margin-top: 18px;
    padding: 12px 28px;
}

.seats-notice {
    align-items: center;
    color: var(--course-earth);
    display: flex;
    font-weight: 600;
    gap: 10px;
    justify-content: center;
    margin: 0 0 4px;
    text-align: center;
}

.seats-notice .pulse-dot {
    animation: seats-pulse 1.6s ease-in-out infinite;
    background: var(--course-gold);
    border-radius: 50%;
    display: inline-block;
    flex: 0 0 auto;
    height: 9px;
    width: 9px;
}

@keyframes seats-pulse {
    0%, 100% { transform: scale(1); opacity: 1; }
    50% { transform: scale(1.5); opacity: 0.55; }
}

/* Legacy marquee wrapper (kept for any page still using it) */
.discount-wrap {
    background: var(--course-card);
    border: 1px solid rgba(199, 156, 102, 0.35);
    border-radius: 6px;
    color: var(--course-earth) !important;
    display: block;
    font-weight: 700;
    padding: 8px 12px;
}

.discount-value {
    color: var(--course-gold) !important;
}

/* ============================================================
   8. Content tables (course dates, fee inclusions, ...)
   ============================================================ */
.section-full table {
    background: var(--course-card);
    border: 1px solid var(--course-table-line);
    border-collapse: separate;
    border-radius: 10px;
    border-spacing: 0;
    box-shadow: 0 12px 28px rgba(63, 56, 50, 0.08);
    color: var(--course-ink);
    margin: 16px 0 10px;
    overflow: hidden;
    width: 100%;
}

.section-full table th {
    background: var(--course-gold) !important;
    border: none;
    border-bottom: 1px solid var(--course-table-line);
    color: #fff !important;
    font-weight: 600;
    padding: 12px 10px;
    text-align: center;
}

.section-full table th + th {
    border-left: 1px solid rgba(255, 255, 255, 0.4);
}

.section-full table td {
    border: none;
    border-top: 1px solid var(--course-table-line);
    padding: 12px 10px;
    text-align: center;
    vertical-align: middle;
}

.section-full table td + td {
    border-left: 1px solid var(--course-table-line);
}

.dates {
    position: relative;
    text-align: center;
}

.price {
    color: var(--course-ink);
    font-weight: 700;
}

.strikethrough {
    color: #9b9189;
    font-size: 0.8em;
    text-decoration: line-through;
}

.seats-left {
    background: var(--course-gold) !important;
    border-radius: 15px;
    color: #fff !important;
    display: inline-block;
    font-size: 0.8em;
    margin-top: 6px;
    padding: 2px 12px;
    position: relative;
    text-align: center;
}

.fa-check {
    color: var(--course-earth);
}

.fa-times {
    color: var(--course-gold);
}

/* The holistic page table uses an explicit class; same look */
.course-table { width: 100%; }
.course-table .price { color: var(--course-ink); font-weight: 700; }

/* ============================================================
   9. Tabs
      a) Bootstrap tabs (.dez-tabs.bg-tabs) — course modules
      b) Legacy label tabs (.tabs / .tab-link / .tab-content1)
   ============================================================ */
.dez-tabs.bg-tabs .nav-tabs {
    border-bottom: 0;
    gap: 6px;
}

.dez-tabs.bg-tabs .nav-tabs .nav-link,
.dez-tabs.bg-tabs .nav-tabs > li > a {
    background: var(--course-card) !important;
    border: 1px solid var(--course-line) !important;
    border-radius: 6px;
    color: var(--course-earth) !important;
    font-weight: 600;
    margin: 0;
}

.dez-tabs.bg-tabs .nav-tabs .nav-link.active,
.dez-tabs.bg-tabs .nav-tabs > li > a.active,
.dez-tabs.bg-tabs .nav-tabs > li.active > a {
    background: var(--course-gold) !important;
    border-color: var(--course-gold) !important;
    color: #fff !important;
}

.dez-tabs.bg-tabs .nav-tabs .title-head {
    color: inherit !important;
}

.dez-tabs.bg-tabs .tab-content {
    background: var(--course-card);
    border: 1px solid var(--course-line);
    border-radius: 8px;
    box-shadow: var(--course-shadow);
    margin-top: 8px;
    padding: 24px;
}

.dez-tabs.bg-tabs .tab-pane {
    padding: 0;
}

.tabs {
    border-bottom: 0;
    display: flex;
    flex-direction: column;
}

.tab-link {
    color: var(--course-earth);
    font-size: 1.1rem;
    margin: 5px 0;
    text-decoration: none;
}

.tab-link label {
    background: var(--course-card) !important;
    border: 1px solid var(--course-line);
    border-radius: 6px;
    color: var(--course-earth) !important;
    cursor: pointer;
    display: block;
    font-weight: 600;
    padding: 10px 14px;
}

.tab-link label.active {
    background: var(--course-gold) !important;
    border-color: var(--course-gold);
    color: #fff !important;
}

.tab-content1 {
    animation: fadeIn 0.3s ease-in-out;
    background: var(--course-card);
    border: 1px solid var(--course-line);
    border-radius: 0 0 8px 8px;
    color: var(--course-ink);
    display: none;
    padding: 18px;
}

.tab-content1 h2 {
    font-size: 24px;
}

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

/* ============================================================
   10. Daily schedule cards
   ============================================================ */
.schedule {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 10px;
    text-align: left;
}

.time-slot {
    align-items: center;
    background: var(--course-card) !important;
    border: 1px solid var(--course-line) !important;
    border-radius: 8px;
    box-shadow: var(--course-shadow);
    color: var(--course-ink) !important;
    display: flex;
    flex: 1 1 calc(50% - 12px);
    gap: 12px;
    margin-bottom: 0;
    min-width: 270px;
    padding: 10px 14px;
    width: auto;
}

.time-slot span {
    background: var(--course-gold) !important;
    border-radius: 6px;
    color: #fff !important;
    flex: 0 0 auto;
    font-size: 14px;
    font-weight: 600;
    padding: 8px 10px;
    white-space: nowrap;
}

/* ============================================================
   11. Cards & feature blocks (holistic-style content layout)
   ============================================================ */
.content-card {
    background: var(--course-card);
    border: 1px solid var(--course-line);
    border-radius: 10px;
    box-shadow: var(--course-shadow);
    height: 100%;
    padding: 24px;
    width: 100%;
}

.feature-grid {
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(3, 1fr);
}

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

.feature-item {
    background: var(--course-card);
    border: 1px solid var(--course-line);
    border-left: 4px solid var(--course-gold);
    border-radius: 8px;
    box-shadow: var(--course-shadow);
    padding: 20px;
}

.feature-item h3 {
    font-size: 19px;
    margin-bottom: 8px;
}

.feature-item p {
    margin: 0;
}

.intro-media img {
    border: 1px solid var(--course-line);
    border-radius: 10px;
    box-shadow: var(--course-shadow);
    height: auto;
    width: 100%;
}

.sub-points {
    list-style: disc;
    margin: 8px 0 0;
    padding-left: 22px;
}

.sub-points li {
    padding: 2px 0;
}

.sub-points li:before {
    display: none;
}

@media (min-width: 768px) {
    .benefits-list {
        column-count: 2;
        column-gap: 36px;
    }

    .benefits-list li {
        break-inside: avoid;
    }
}

/* ============================================================
   12. Quotes, lists, accents
   ============================================================ */
blockquote {
    background: var(--course-card);
    border-left: 4px solid var(--course-gold);
    border-radius: 0 8px 8px 0;
    box-shadow: var(--course-shadow);
    color: var(--course-ink);
    font-size: 15px;
    font-style: normal;
    line-height: 1.6;
    margin: 20px 0 0;
    padding: 16px 20px;
}

blockquote:before {
    display: none;
}

blockquote p {
    color: var(--course-ink);
    font-size: 15px;
    line-height: 1.6;
}

.list-num-count > li:before {
    background-color: var(--course-gold) !important;
}

.navbar-toggle,
.widget_gallery li:hover,
.border-4 {
    border-color: var(--course-earth) !important;
}

/* ============================================================
   12b. Images & media cards
   ============================================================ */
.section-full img {
    border-radius: 8px;
    height: auto;
    max-width: 100%;
}

/* Full-bleed banner imagery stays square-cornered */
.dez-bnr-inr img,
.course-banner img,
.ay-banner-img img {
    border-radius: 0;
}

/* Embedded media never overflows the viewport */
.section-full iframe,
.section-full video {
    max-width: 100%;
}

/* Video / review cards */
.section-full .dez-box {
    background: var(--course-card);
    border: 1px solid var(--course-line);
    border-radius: 10px;
    box-shadow: var(--course-shadow);
    overflow: hidden;
}

.section-full .dez-box iframe {
    border: 0;
    border-radius: 8px;
    display: block;
    width: 100%;
}

/* ============================================================
   12c. Premium polish — spacing, equal-height cards, carousels
   ============================================================ */

/* Justified text creates uneven word gaps; flush-left reads cleaner.
   Centered contexts stay centered. */
.section-full p,
.section-full li {
    text-align: left;
}

.section-full .text-center p,
.section-full .section-head p,
.section-full .counter-style-1 p,
.course-note p {
    text-align: center;
}

/* Perk/icon cards: equal heights, centered content, room below the strip */
.main-card {
    margin-bottom: 14px;
}

.box,
.perk-grid {
    align-items: stretch;
}

.box .card,
.perk-card {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/* Numbered lists: a little breathing room */
.list-num-count > li {
    margin-bottom: 6px;
}

/* Nested sub-lists inside numbered lists (book titles, seasons, ...) */
.list-num-count ul {
    list-style: disc;
    margin: 8px 0 4px;
    padding-left: 24px;
}

.list-num-count ul li {
    margin-bottom: 2px;
    padding: 2px 0;
}

.list-num-count ul li:before {
    display: none;
}

/* Owl carousels: cards stretch to equal height, media is uniform,
   and the CTA pins to the bottom edge so buttons align across cards */
.owl-carousel .owl-stage {
    display: flex;
}

.owl-carousel .owl-item {
    display: flex;
    height: auto;
}

.owl-carousel .owl-item > .item {
    display: flex;
    width: 100%;
}

.ow-carousel-entry {
    background: var(--course-card);
    border: 1px solid var(--course-line);
    border-radius: 10px;
    box-shadow: var(--course-shadow);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    width: 100%;
}

.ow-carousel-entry .ow-entry-media {
    flex: 0 0 auto;
}

.ow-carousel-entry .ow-entry-media img {
    border-radius: 0;
    height: 230px;
    object-fit: cover;
    width: 100%;
}

.ow-carousel-entry .ow-entry-content {
    border: none;
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    padding: 20px 18px 22px;
}

.ow-carousel-entry .ow-entry-title h3 {
    font-size: 20px;
    margin-bottom: 10px;
}

.ow-carousel-entry .ow-entry-text p {
    margin-bottom: 0;
}

.ow-carousel-entry .ow-entry-content > div:last-child {
    margin-top: auto;
    padding-top: 16px;
}

/* Carousel arrows & dots in the palette */
.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-prev,
.owl-carousel .owl-next {
    background: #fff !important;
    border: 1px solid var(--course-line) !important;
    border-radius: 50% !important;
    box-shadow: 0 6px 16px rgba(63, 56, 50, 0.12);
    color: var(--course-earth) !important;
    height: 42px !important;
    line-height: 40px !important;
    opacity: 1 !important;
    text-align: center;
    width: 42px !important;
}

.owl-carousel .owl-nav .owl-prev:hover,
.owl-carousel .owl-nav .owl-next:hover,
.owl-carousel .owl-prev:hover,
.owl-carousel .owl-next:hover {
    background: var(--course-gold) !important;
    border-color: var(--course-gold) !important;
    color: #fff !important;
}

.owl-carousel .owl-dots .owl-dot span {
    background: rgba(123, 109, 97, 0.3) !important;
}

.owl-carousel .owl-dots .owl-dot.active span {
    background: var(--course-gold) !important;
}

/* Equal-height card rows built on bootstrap columns */
.section-full .row > [class*="col-"] > .dez-box {
    height: 100%;
}

/* ============================================================
   12d. Interaction polish
   ============================================================ */
::selection {
    background: var(--course-gold);
    color: #fff;
}

a {
    transition: color 0.2s ease;
}

a:focus-visible,
button:focus-visible {
    outline: 2px solid var(--course-gold);
    outline-offset: 2px;
}

/* Cards lift gently on hover so the page feels responsive */
.content-card,
.feature-item,
.perk-card,
.box .card,
.section-full .dez-box,
.ow-carousel-entry {
    transition: box-shadow 0.25s ease, transform 0.25s ease;
}

.content-card:hover,
.feature-item:hover,
.perk-card:hover,
.box .card:hover,
.section-full .dez-box:hover,
.ow-carousel-entry:hover {
    box-shadow: 0 14px 30px rgba(63, 56, 50, 0.12);
    transform: translateY(-3px);
}

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

    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        transition-duration: 0.01ms !important;
    }
}

/* ============================================================
   13. Responsive
   ============================================================ */
@media (max-width: 991px) {
    .feature-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 767px) {
    .section-full.content-inner {
        padding: 40px 0 24px;
    }

    .feature-grid,
    .feature-grid.feature-grid-2 {
        grid-template-columns: 1fr;
    }

    .box .card,
    .perk-card {
        flex: 1 1 calc(50% - 16px);
    }

    .time-slot {
        flex-basis: 100%;
        min-width: 0;
    }

    .hide-mobile {
        display: none;
    }

    /* Keep the copyright line clear of the fixed WhatsApp bar on
       small screens */
    .site-footer .footer-info-box {
        padding-bottom: 88px;
    }

    /* WhatsApp becomes a full-width bottom bar on mobile; the
       scroll-top arrow sits above it so both stay visible */
    button.scroltop {
        bottom: 72px !important;
        height: 44px;
        line-height: 44px;
        right: 12px;
        width: 44px;
        z-index: 1001;
    }

    /* Stack content tables into labelled cards */
    .section-full table thead {
        display: none;
    }

    .section-full table tbody tr {
        display: block;
        padding: 4px 0;
    }

    .section-full table td {
        border-left: none;
        border-top: none;
        display: block;
        padding: 10px 16px;
        text-align: left;
    }

    .section-full table td + td {
        border-left: none;
        border-top: 1px dashed var(--course-table-line);
    }

    .section-full table td[data-label]::before {
        color: var(--course-earth);
        content: attr(data-label);
        display: block;
        font-size: 0.85em;
        font-weight: 600;
        margin-bottom: 4px;
    }
}

@media (max-width: 480px) {
    .box .card,
    .perk-card {
        flex-basis: 100%;
    }
}

/* ============================================================
   14. Hugeicons (free set, self-hosted as colorable masks)
   Usage: <i class="hicon hicon-taxi-02"></i> - inherits color
   ============================================================ */
.hicon {
    /* the mask fill IS the background-color; !important guards against
       template rules that put chip backgrounds on <i> elements */
    background-color: currentColor !important;
    display: inline-block;
    height: 1em;
    width: 1em;
    flex: 0 0 auto;
    vertical-align: -0.125em;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.hicon-arrow-down-01 { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Cpath fill=%22none%22 stroke=%22currentColor%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 stroke-width=%221.5%22 d=%22M18 9s-4.419 6-6 6s-6-6-6-6%22/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Cpath fill=%22none%22 stroke=%22currentColor%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 stroke-width=%221.5%22 d=%22M18 9s-4.419 6-6 6s-6-6-6-6%22/%3E%3C/svg%3E"); }
.hicon-arrow-left-double { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Cpath fill=%22none%22 stroke=%22currentColor%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 stroke-width=%221.5%22 d=%22M11.5 18s-6-4.419-6-6s6-6 6-6m7 12s-6-4.419-6-6s6-6 6-6%22/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Cpath fill=%22none%22 stroke=%22currentColor%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 stroke-width=%221.5%22 d=%22M11.5 18s-6-4.419-6-6s6-6 6-6m7 12s-6-4.419-6-6s6-6 6-6%22/%3E%3C/svg%3E"); }
.hicon-arrow-right-01 { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Cpath fill=%22none%22 stroke=%22currentColor%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 stroke-width=%221.5%22 d=%22M9 6s6 4.419 6 6s-6 6-6 6%22/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Cpath fill=%22none%22 stroke=%22currentColor%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 stroke-width=%221.5%22 d=%22M9 6s6 4.419 6 6s-6 6-6 6%22/%3E%3C/svg%3E"); }
.hicon-arrow-right-double { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Cpath fill=%22none%22 stroke=%22currentColor%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 stroke-width=%221.5%22 d=%22M12.5 18s6-4.419 6-6s-6-6-6-6m-7 12s6-4.419 6-6s-6-6-6-6%22/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Cpath fill=%22none%22 stroke=%22currentColor%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 stroke-width=%221.5%22 d=%22M12.5 18s6-4.419 6-6s-6-6-6-6m-7 12s6-4.419 6-6s-6-6-6-6%22/%3E%3C/svg%3E"); }
.hicon-arrow-up-01 { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Cpath fill=%22none%22 stroke=%22currentColor%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 stroke-width=%221.5%22 d=%22M18 15s-4.42-6-6-6s-6 6-6 6%22/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Cpath fill=%22none%22 stroke=%22currentColor%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 stroke-width=%221.5%22 d=%22M18 15s-4.42-6-6-6s-6 6-6 6%22/%3E%3C/svg%3E"); }
.hicon-badge { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Cpath fill=%22none%22 stroke=%22currentColor%22 stroke-linejoin=%22round%22 stroke-width=%221.5%22 d=%22m14.394 3l-.246-.209a3.31 3.31 0 0 0-4.296 0l-.246.21a4 4 0 0 1-2.276.943l-.323.025A3.31 3.31 0 0 0 3.97 7.007l-.025.323A4 4 0 0 1 3 9.606l-.21.246a3.31 3.31 0 0 0 0 4.296l.21.246a4 4 0 0 1 .943 2.276l.025.323a3.31 3.31 0 0 0 3.038 3.038l.323.025A4 4 0 0 1 9.606 21l.246.21a3.31 3.31 0 0 0 4.296 0l.246-.21a4 4 0 0 1 2.276-.943l.323-.025a3.31 3.31 0 0 0 3.038-3.038l.025-.323A4 4 0 0 1 21 14.394l.21-.246a3.31 3.31 0 0 0 0-4.296L21 9.606a4 4 0 0 1-.943-2.276l-.025-.323a3.31 3.31 0 0 0-3.038-3.038l-.323-.025A4 4 0 0 1 14.394 3Z%22/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Cpath fill=%22none%22 stroke=%22currentColor%22 stroke-linejoin=%22round%22 stroke-width=%221.5%22 d=%22m14.394 3l-.246-.209a3.31 3.31 0 0 0-4.296 0l-.246.21a4 4 0 0 1-2.276.943l-.323.025A3.31 3.31 0 0 0 3.97 7.007l-.025.323A4 4 0 0 1 3 9.606l-.21.246a3.31 3.31 0 0 0 0 4.296l.21.246a4 4 0 0 1 .943 2.276l.025.323a3.31 3.31 0 0 0 3.038 3.038l.323.025A4 4 0 0 1 9.606 21l.246.21a3.31 3.31 0 0 0 4.296 0l.246-.21a4 4 0 0 1 2.276-.943l.323-.025a3.31 3.31 0 0 0 3.038-3.038l.025-.323A4 4 0 0 1 21 14.394l.21-.246a3.31 3.31 0 0 0 0-4.296L21 9.606a4 4 0 0 1-.943-2.276l-.025-.323a3.31 3.31 0 0 0-3.038-3.038l-.323-.025A4 4 0 0 1 14.394 3Z%22/%3E%3C/svg%3E"); }
.hicon-binoculars { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Cpath fill=%22none%22 stroke=%22currentColor%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 stroke-width=%221.5%22 d=%22M21.855 15.5L18.93 5.607A2.26 2.26 0 0 0 16.76 4c-1.285 0-2.312 1.057-2.258 2.324L15 16m7 .5a3.5 3.5 0 1 1-7 0a3.5 3.5 0 0 1 7 0M10 8h4m-5 8h6m-12.855-.5L5.07 5.607A2.26 2.26 0 0 1 7.24 4c1.284 0 2.31 1.057 2.257 2.324L9 16m0 .5a3.5 3.5 0 1 1-7 0a3.5 3.5 0 0 1 7 0%22/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Cpath fill=%22none%22 stroke=%22currentColor%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 stroke-width=%221.5%22 d=%22M21.855 15.5L18.93 5.607A2.26 2.26 0 0 0 16.76 4c-1.285 0-2.312 1.057-2.258 2.324L15 16m7 .5a3.5 3.5 0 1 1-7 0a3.5 3.5 0 0 1 7 0M10 8h4m-5 8h6m-12.855-.5L5.07 5.607A2.26 2.26 0 0 1 7.24 4c1.284 0 2.31 1.057 2.257 2.324L9 16m0 .5a3.5 3.5 0 1 1-7 0a3.5 3.5 0 0 1 7 0%22/%3E%3C/svg%3E"); }
.hicon-calendar-03 { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Cg fill=%22none%22 stroke=%22currentColor%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 stroke-width=%221.5%22%3E%3Cpath d=%22M16 2v4M8 2v4m5-2h-2C7.229 4 5.343 4 4.172 5.172S3 8.229 3 12v2c0 3.771 0 5.657 1.172 6.828S7.229 22 11 22h2c3.771 0 5.657 0 6.828-1.172S21 17.771 21 14v-2c0-3.771 0-5.657-1.172-6.828S16.771 4 13 4M3 10h18%22/%3E%3Cpath d=%22M12.126 14H12m.125 4H12m-4.376-4H7.5m.125 4H7.5m9.125-4H16.5m-4.25 0a.25.25 0 1 1-.5 0a.25.25 0 0 1 .5 0m0 4a.25.25 0 1 1-.5 0a.25.25 0 0 1 .5 0m-4.5-4a.25.25 0 1 1-.5 0a.25.25 0 0 1 .5 0m0 4a.25.25 0 1 1-.5 0a.25.25 0 0 1 .5 0m9-4a.25.25 0 1 1-.5 0a.25.25 0 0 1 .5 0%22/%3E%3C/g%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Cg fill=%22none%22 stroke=%22currentColor%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 stroke-width=%221.5%22%3E%3Cpath d=%22M16 2v4M8 2v4m5-2h-2C7.229 4 5.343 4 4.172 5.172S3 8.229 3 12v2c0 3.771 0 5.657 1.172 6.828S7.229 22 11 22h2c3.771 0 5.657 0 6.828-1.172S21 17.771 21 14v-2c0-3.771 0-5.657-1.172-6.828S16.771 4 13 4M3 10h18%22/%3E%3Cpath d=%22M12.126 14H12m.125 4H12m-4.376-4H7.5m.125 4H7.5m9.125-4H16.5m-4.25 0a.25.25 0 1 1-.5 0a.25.25 0 0 1 .5 0m0 4a.25.25 0 1 1-.5 0a.25.25 0 0 1 .5 0m-4.5-4a.25.25 0 1 1-.5 0a.25.25 0 0 1 .5 0m0 4a.25.25 0 1 1-.5 0a.25.25 0 0 1 .5 0m9-4a.25.25 0 1 1-.5 0a.25.25 0 0 1 .5 0%22/%3E%3C/g%3E%3C/svg%3E"); }
.hicon-calendar-check-in-01 { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Cg fill=%22none%22 stroke=%22currentColor%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 stroke-width=%221.5%22%3E%3Cpath d=%22M16 2v4M8 2v4m13 10v-4c0-3.771 0-5.657-1.172-6.828S16.771 4 13 4h-2C7.229 4 5.343 4 4.172 5.172S3 8.229 3 12v2c0 3.771 0 5.657 1.172 6.828S7.229 22 11 22h1M3 10h18%22/%3E%3Cpath d=%22M21 19.5h-6.5m2 2.5c-.506-.491-2.5-1.8-2.5-2.5s1.994-2.009 2.5-2.5%22/%3E%3C/g%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Cg fill=%22none%22 stroke=%22currentColor%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 stroke-width=%221.5%22%3E%3Cpath d=%22M16 2v4M8 2v4m13 10v-4c0-3.771 0-5.657-1.172-6.828S16.771 4 13 4h-2C7.229 4 5.343 4 4.172 5.172S3 8.229 3 12v2c0 3.771 0 5.657 1.172 6.828S7.229 22 11 22h1M3 10h18%22/%3E%3Cpath d=%22M21 19.5h-6.5m2 2.5c-.506-.491-2.5-1.8-2.5-2.5s1.994-2.009 2.5-2.5%22/%3E%3C/g%3E%3C/svg%3E"); }
.hicon-call-02 { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Cpath fill=%22none%22 stroke=%22currentColor%22 stroke-linecap=%22round%22 stroke-width=%221.5%22 d=%22m9.159 5.712l-.403-.906c-.263-.592-.395-.888-.592-1.115a2 2 0 0 0-.928-.603C6.949 3 6.625 3 5.976 3c-.948 0-1.422 0-1.82.182a2.12 2.12 0 0 0-1.061 1.169c-.143.413-.102.838-.02 1.689q1.31 13.575 14.886 14.885c.85.082 1.275.123 1.689-.02a2.12 2.12 0 0 0 1.168-1.06c.182-.399.182-.873.182-1.821c0-.649 0-.973-.088-1.26a2 2 0 0 0-.603-.928c-.226-.197-.523-.328-1.115-.592l-.906-.402c-.642-.285-.962-.428-1.288-.459a2 2 0 0 0-.919.128c-.305.119-.574.343-1.114.793c-.537.447-.805.67-1.133.79a2.16 2.16 0 0 1-.981.101c-.346-.05-.61-.192-1.14-.475c-1.645-.88-2.553-1.787-3.433-3.433c-.283-.53-.424-.794-.475-1.14a2.16 2.16 0 0 1 .1-.98c.12-.329.344-.597.791-1.134c.45-.54.675-.809.793-1.114c.114-.292.158-.607.128-.919c-.03-.326-.173-.646-.459-1.288Z%22/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Cpath fill=%22none%22 stroke=%22currentColor%22 stroke-linecap=%22round%22 stroke-width=%221.5%22 d=%22m9.159 5.712l-.403-.906c-.263-.592-.395-.888-.592-1.115a2 2 0 0 0-.928-.603C6.949 3 6.625 3 5.976 3c-.948 0-1.422 0-1.82.182a2.12 2.12 0 0 0-1.061 1.169c-.143.413-.102.838-.02 1.689q1.31 13.575 14.886 14.885c.85.082 1.275.123 1.689-.02a2.12 2.12 0 0 0 1.168-1.06c.182-.399.182-.873.182-1.821c0-.649 0-.973-.088-1.26a2 2 0 0 0-.603-.928c-.226-.197-.523-.328-1.115-.592l-.906-.402c-.642-.285-.962-.428-1.288-.459a2 2 0 0 0-.919.128c-.305.119-.574.343-1.114.793c-.537.447-.805.67-1.133.79a2.16 2.16 0 0 1-.981.101c-.346-.05-.61-.192-1.14-.475c-1.645-.88-2.553-1.787-3.433-3.433c-.283-.53-.424-.794-.475-1.14a2.16 2.16 0 0 1 .1-.98c.12-.329.344-.597.791-1.134c.45-.54.675-.809.793-1.114c.114-.292.158-.607.128-.919c-.03-.326-.173-.646-.459-1.288Z%22/%3E%3C/svg%3E"); }
.hicon-cancel-01 { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Cpath fill=%22none%22 stroke=%22currentColor%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 stroke-width=%221.5%22 d=%22M18 6L6 18m12 0L6 6%22/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Cpath fill=%22none%22 stroke=%22currentColor%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 stroke-width=%221.5%22 d=%22M18 6L6 18m12 0L6 6%22/%3E%3C/svg%3E"); }
.hicon-checkmark-circle-02 { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Cg fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.5%22%3E%3Cpath d=%22M22 12c0-5.523-4.477-10-10-10S2 6.477 2 12s4.477 10 10 10s10-4.477 10-10Z%22/%3E%3Cpath stroke-linecap=%22round%22 stroke-linejoin=%22round%22 d=%22m8 12.5l2.5 2.5L16 9%22/%3E%3C/g%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Cg fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.5%22%3E%3Cpath d=%22M22 12c0-5.523-4.477-10-10-10S2 6.477 2 12s4.477 10 10 10s10-4.477 10-10Z%22/%3E%3Cpath stroke-linecap=%22round%22 stroke-linejoin=%22round%22 d=%22m8 12.5l2.5 2.5L16 9%22/%3E%3C/g%3E%3C/svg%3E"); }
.hicon-circle { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%2210%22 fill=%22none%22 stroke=%22currentColor%22 stroke-linejoin=%22round%22 stroke-width=%221.5%22/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%2210%22 fill=%22none%22 stroke=%22currentColor%22 stroke-linejoin=%22round%22 stroke-width=%221.5%22/%3E%3C/svg%3E"); }
.hicon-comment-02 { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Cpath fill=%22none%22 stroke=%22currentColor%22 stroke-linecap=%22round%22 stroke-width=%221.5%22 d=%22M6.099 19q-1.949-.192-2.927-1.172C2 16.657 2 14.771 2 11v-.5c0-3.771 0-5.657 1.172-6.828S6.229 2.5 10 2.5h4c3.771 0 5.657 0 6.828 1.172S22 6.729 22 10.5v.5c0 3.771 0 5.657-1.172 6.828S17.771 19 14 19c-.56.012-1.007.055-1.445.155c-1.199.276-2.309.89-3.405 1.424c-1.563.762-2.344 1.143-2.834.786c-.938-.698-.021-2.863.184-3.865%22/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Cpath fill=%22none%22 stroke=%22currentColor%22 stroke-linecap=%22round%22 stroke-width=%221.5%22 d=%22M6.099 19q-1.949-.192-2.927-1.172C2 16.657 2 14.771 2 11v-.5c0-3.771 0-5.657 1.172-6.828S6.229 2.5 10 2.5h4c3.771 0 5.657 0 6.828 1.172S22 6.729 22 10.5v.5c0 3.771 0 5.657-1.172 6.828S17.771 19 14 19c-.56.012-1.007.055-1.445.155c-1.199.276-2.309.89-3.405 1.424c-1.563.762-2.344 1.143-2.834.786c-.938-.698-.021-2.863.184-3.865%22/%3E%3C/svg%3E"); }
.hicon-facebook-01 { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Cg fill=%22none%22 stroke=%22currentColor%22 stroke-linejoin=%22round%22 stroke-width=%221.5%22%3E%3Cpath d=%22M2.5 12c0-4.478 0-6.718 1.391-8.109S7.521 2.5 12 2.5c4.478 0 6.718 0 8.109 1.391S21.5 7.521 21.5 12c0 4.478 0 6.718-1.391 8.109S16.479 21.5 12 21.5c-4.478 0-6.718 0-8.109-1.391S2.5 16.479 2.5 12Z%22/%3E%3Cpath stroke-linecap=%22round%22 d=%22M16.927 8.026h-2.945a1.9 1.9 0 0 0-1.9 1.886l-.086 11.515m-1.914-7.425h4.803%22/%3E%3C/g%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Cg fill=%22none%22 stroke=%22currentColor%22 stroke-linejoin=%22round%22 stroke-width=%221.5%22%3E%3Cpath d=%22M2.5 12c0-4.478 0-6.718 1.391-8.109S7.521 2.5 12 2.5c4.478 0 6.718 0 8.109 1.391S21.5 7.521 21.5 12c0 4.478 0 6.718-1.391 8.109S16.479 21.5 12 21.5c-4.478 0-6.718 0-8.109-1.391S2.5 16.479 2.5 12Z%22/%3E%3Cpath stroke-linecap=%22round%22 d=%22M16.927 8.026h-2.945a1.9 1.9 0 0 0-1.9 1.886l-.086 11.515m-1.914-7.425h4.803%22/%3E%3C/g%3E%3C/svg%3E"); }
.hicon-flower { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Cg fill=%22none%22 stroke=%22currentColor%22 stroke-linejoin=%22round%22 stroke-width=%221.5%22%3E%3Cpath d=%22M14.5 12.5a2.5 2.5 0 1 1-5 0a2.5 2.5 0 0 1 5 0Z%22/%3E%3Cpath d=%22M12 3c2.21 0 3.998 1.917 3.998 4.127Q16.48 7 17 7a4 4 0 0 1 1.712 7.616A4 4 0 1 1 12 18.938a4 4 0 1 1-6.712-4.322a4 4 0 0 1 2.714-7.49C8.002 4.918 9.79 3 12 3Z%22/%3E%3C/g%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Cg fill=%22none%22 stroke=%22currentColor%22 stroke-linejoin=%22round%22 stroke-width=%221.5%22%3E%3Cpath d=%22M14.5 12.5a2.5 2.5 0 1 1-5 0a2.5 2.5 0 0 1 5 0Z%22/%3E%3Cpath d=%22M12 3c2.21 0 3.998 1.917 3.998 4.127Q16.48 7 17 7a4 4 0 0 1 1.712 7.616A4 4 0 1 1 12 18.938a4 4 0 1 1-6.712-4.322a4 4 0 0 1 2.714-7.49C8.002 4.918 9.79 3 12 3Z%22/%3E%3C/g%3E%3C/svg%3E"); }
.hicon-help-circle { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Cg fill=%22none%22 stroke=%22currentColor%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 stroke-width=%221.5%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%2210%22/%3E%3Cpath d=%22M9.5 9.5a2.5 2.5 0 1 1 3.912 2.064C12.728 12.032 12 12.672 12 13.5m.125 3.25H12m.25 0a.25.25 0 1 1-.5 0a.25.25 0 0 1 .5 0%22/%3E%3C/g%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Cg fill=%22none%22 stroke=%22currentColor%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 stroke-width=%221.5%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%2210%22/%3E%3Cpath d=%22M9.5 9.5a2.5 2.5 0 1 1 3.912 2.064C12.728 12.032 12 12.672 12 13.5m.125 3.25H12m.25 0a.25.25 0 1 1-.5 0a.25.25 0 0 1 .5 0%22/%3E%3C/g%3E%3C/svg%3E"); }
.hicon-instagram { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Cg fill=%22none%22 stroke=%22currentColor%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 stroke-width=%221.5%22%3E%3Cpath d=%22M3 12c0-4.243 0-6.364 1.318-7.682S7.758 3 12 3s6.364 0 7.682 1.318S21 7.758 21 12s0 6.364-1.318 7.682S16.242 21 12 21s-6.364 0-7.682-1.318S3 16.242 3 12%22/%3E%3Cpath d=%22M16 12a4 4 0 1 1-8 0a4 4 0 0 1 8 0m1.375-5.25h-.125m.25 0a.25.25 0 1 1-.5 0a.25.25 0 0 1 .5 0%22/%3E%3C/g%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Cg fill=%22none%22 stroke=%22currentColor%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 stroke-width=%221.5%22%3E%3Cpath d=%22M3 12c0-4.243 0-6.364 1.318-7.682S7.758 3 12 3s6.364 0 7.682 1.318S21 7.758 21 12s0 6.364-1.318 7.682S16.242 21 12 21s-6.364 0-7.682-1.318S3 16.242 3 12%22/%3E%3Cpath d=%22M16 12a4 4 0 1 1-8 0a4 4 0 0 1 8 0m1.375-5.25h-.125m.25 0a.25.25 0 1 1-.5 0a.25.25 0 0 1 .5 0%22/%3E%3C/g%3E%3C/svg%3E"); }
.hicon-location-01 { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Cg fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.5%22%3E%3Cpath d=%22M13.618 21.367A2.37 2.37 0 0 1 12 22a2.37 2.37 0 0 1-1.617-.633C6.412 17.626 1.09 13.447 3.685 7.38C5.09 4.1 8.458 2 12.001 2s6.912 2.1 8.315 5.38c2.592 6.06-2.717 10.259-6.698 13.987Z%22/%3E%3Cpath d=%22M15.5 11a3.5 3.5 0 1 1-7 0a3.5 3.5 0 0 1 7 0Z%22/%3E%3C/g%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Cg fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.5%22%3E%3Cpath d=%22M13.618 21.367A2.37 2.37 0 0 1 12 22a2.37 2.37 0 0 1-1.617-.633C6.412 17.626 1.09 13.447 3.685 7.38C5.09 4.1 8.458 2 12.001 2s6.912 2.1 8.315 5.38c2.592 6.06-2.717 10.259-6.698 13.987Z%22/%3E%3Cpath d=%22M15.5 11a3.5 3.5 0 1 1-7 0a3.5 3.5 0 0 1 7 0Z%22/%3E%3C/g%3E%3C/svg%3E"); }
.hicon-mail-01 { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Cg fill=%22none%22 stroke=%22currentColor%22 stroke-linejoin=%22round%22 stroke-width=%221.5%22%3E%3Cpath d=%22m2 6l6.913 3.917c2.549 1.444 3.625 1.444 6.174 0L22 6%22/%3E%3Cpath d=%22M2.016 13.476c.065 3.065.098 4.598 1.229 5.733c1.131 1.136 2.705 1.175 5.854 1.254c1.94.05 3.862.05 5.802 0c3.149-.079 4.723-.118 5.854-1.254c1.131-1.135 1.164-2.668 1.23-5.733c.02-.986.02-1.966 0-2.952c-.066-3.065-.099-4.598-1.23-5.733c-1.131-1.136-2.705-1.175-5.854-1.254a115 115 0 0 0-5.802 0c-3.149.079-4.723.118-5.854 1.254c-1.131 1.135-1.164 2.668-1.23 5.733a69 69 0 0 0 0 2.952Z%22/%3E%3C/g%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Cg fill=%22none%22 stroke=%22currentColor%22 stroke-linejoin=%22round%22 stroke-width=%221.5%22%3E%3Cpath d=%22m2 6l6.913 3.917c2.549 1.444 3.625 1.444 6.174 0L22 6%22/%3E%3Cpath d=%22M2.016 13.476c.065 3.065.098 4.598 1.229 5.733c1.131 1.136 2.705 1.175 5.854 1.254c1.94.05 3.862.05 5.802 0c3.149-.079 4.723-.118 5.854-1.254c1.131-1.135 1.164-2.668 1.23-5.733c.02-.986.02-1.966 0-2.952c-.066-3.065-.099-4.598-1.23-5.733c-1.131-1.136-2.705-1.175-5.854-1.254a115 115 0 0 0-5.802 0c-3.149.079-4.723.118-5.854 1.254c-1.131 1.135-1.164 2.668-1.23 5.733a69 69 0 0 0 0 2.952Z%22/%3E%3C/g%3E%3C/svg%3E"); }
.hicon-moon-02 { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Cpath fill=%22none%22 stroke=%22currentColor%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 stroke-width=%221.5%22 d=%22M21.5 14.078A8.557 8.557 0 0 1 9.922 2.5C5.668 3.497 2.5 7.315 2.5 11.873a9.627 9.627 0 0 0 9.627 9.627c4.558 0 8.376-3.168 9.373-7.422%22/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Cpath fill=%22none%22 stroke=%22currentColor%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 stroke-width=%221.5%22 d=%22M21.5 14.078A8.557 8.557 0 0 1 9.922 2.5C5.668 3.497 2.5 7.315 2.5 11.873a9.627 9.627 0 0 0 9.627 9.627c4.558 0 8.376-3.168 9.373-7.422%22/%3E%3C/svg%3E"); }
.hicon-mortarboard-01 { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Cg fill=%22none%22 stroke=%22currentColor%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 stroke-width=%221.5%22%3E%3Cpath d=%22M1.998 8c0 1.341 8.096 5 9.988 5s9.987-3.659 9.987-5c0-1.343-8.096-5.001-9.987-5.001s-9.988 3.658-9.988 5%22/%3E%3Cpath d=%22m5.992 11l1.251 5.8c.086.398.284.769.614 1.005c2.222 1.595 6.034 1.595 8.256 0c.33-.236.527-.607.613-1.005l1.251-5.8m2.5-1.5v7m0 0c-.79 1.447-1.14 2.222-1.496 3.501c-.077.455-.016.684.298.888c.127.083.28.112.431.112h1.519a.8.8 0 0 0 .457-.125c.291-.201.366-.422.287-.875c-.311-1.187-.708-2-1.496-3.5%22/%3E%3C/g%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Cg fill=%22none%22 stroke=%22currentColor%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 stroke-width=%221.5%22%3E%3Cpath d=%22M1.998 8c0 1.341 8.096 5 9.988 5s9.987-3.659 9.987-5c0-1.343-8.096-5.001-9.987-5.001s-9.988 3.658-9.988 5%22/%3E%3Cpath d=%22m5.992 11l1.251 5.8c.086.398.284.769.614 1.005c2.222 1.595 6.034 1.595 8.256 0c.33-.236.527-.607.613-1.005l1.251-5.8m2.5-1.5v7m0 0c-.79 1.447-1.14 2.222-1.496 3.501c-.077.455-.016.684.298.888c.127.083.28.112.431.112h1.519a.8.8 0 0 0 .457-.125c.291-.201.366-.422.287-.875c-.311-1.187-.708-2-1.496-3.5%22/%3E%3C/g%3E%3C/svg%3E"); }
.hicon-new-twitter { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Cpath fill=%22none%22 stroke=%22currentColor%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 stroke-width=%221.5%22 d=%22m3 21l7.548-7.548M21 3l-7.548 7.548m0 0L8 3H3l7.548 10.452m2.904-2.904L21 21h-5l-5.452-7.548%22/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Cpath fill=%22none%22 stroke=%22currentColor%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 stroke-width=%221.5%22 d=%22m3 21l7.548-7.548M21 3l-7.548 7.548m0 0L8 3H3l7.548 10.452m2.904-2.904L21 21h-5l-5.452-7.548%22/%3E%3C/svg%3E"); }
.hicon-pinterest { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Cg fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.5%22%3E%3Cpath stroke-linecap=%22round%22 stroke-linejoin=%22round%22 d=%22M12 11L8 21m1.974-4.428A5 5 0 1 0 7.67 14.5%22/%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%2210%22/%3E%3C/g%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Cg fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.5%22%3E%3Cpath stroke-linecap=%22round%22 stroke-linejoin=%22round%22 d=%22M12 11L8 21m1.974-4.428A5 5 0 1 0 7.67 14.5%22/%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%2210%22/%3E%3C/g%3E%3C/svg%3E"); }
.hicon-taxi-02 { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Cg fill=%22none%22 stroke=%22currentColor%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 stroke-width=%221.5%22%3E%3Cpath d=%22M22 16.922V19.5c0 .466 0 .699-.076.883a1 1 0 0 1-.541.54c-.184.077-.417.077-.883.077s-.699 0-.883-.076a1 1 0 0 1-.54-.541C19 20.199 19 19.966 19 19.5s0-.699-.076-.883a1 1 0 0 0-.541-.54C18.199 18 17.966 18 17.5 18h-11c-.466 0-.699 0-.883.076a1 1 0 0 0-.54.541C5 18.801 5 19.034 5 19.5s0 .699-.076.883a1 1 0 0 1-.541.54C4.199 21 3.966 21 3.5 21s-.699 0-.883-.076a1 1 0 0 1-.54-.541C2 20.199 2 19.966 2 19.5v-2.578c0-1.202 0-1.803.172-2.37s.505-1.067 1.172-2.067L4 11.5l.962-2.308c.745-1.79 1.118-2.684 1.874-3.188S8.56 5.5 10.5 5.5h3c1.939 0 2.908 0 3.664.504s1.129 1.399 1.874 3.188L20 11.5l.656.985c.667 1 1 1.5 1.172 2.067S22 15.72 22 16.922%22/%3E%3Cpath d=%22m2 10l2 1.5l2 .5h12l2-.5l2-1.5m-7-4.5V5c0-.943 0-1.414-.293-1.707S13.943 3 13 3h-2c-.943 0-1.414 0-1.707.293S9 4.057 9 5v.5M6.125 15H6m.25 0a.25.25 0 1 1-.5 0a.25.25 0 0 1 .5 0m11.875 0H18m.25 0a.25.25 0 1 1-.5 0a.25.25 0 0 1 .5 0%22/%3E%3C/g%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Cg fill=%22none%22 stroke=%22currentColor%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 stroke-width=%221.5%22%3E%3Cpath d=%22M22 16.922V19.5c0 .466 0 .699-.076.883a1 1 0 0 1-.541.54c-.184.077-.417.077-.883.077s-.699 0-.883-.076a1 1 0 0 1-.54-.541C19 20.199 19 19.966 19 19.5s0-.699-.076-.883a1 1 0 0 0-.541-.54C18.199 18 17.966 18 17.5 18h-11c-.466 0-.699 0-.883.076a1 1 0 0 0-.54.541C5 18.801 5 19.034 5 19.5s0 .699-.076.883a1 1 0 0 1-.541.54C4.199 21 3.966 21 3.5 21s-.699 0-.883-.076a1 1 0 0 1-.54-.541C2 20.199 2 19.966 2 19.5v-2.578c0-1.202 0-1.803.172-2.37s.505-1.067 1.172-2.067L4 11.5l.962-2.308c.745-1.79 1.118-2.684 1.874-3.188S8.56 5.5 10.5 5.5h3c1.939 0 2.908 0 3.664.504s1.129 1.399 1.874 3.188L20 11.5l.656.985c.667 1 1 1.5 1.172 2.067S22 15.72 22 16.922%22/%3E%3Cpath d=%22m2 10l2 1.5l2 .5h12l2-.5l2-1.5m-7-4.5V5c0-.943 0-1.414-.293-1.707S13.943 3 13 3h-2c-.943 0-1.414 0-1.707.293S9 4.057 9 5v.5M6.125 15H6m.25 0a.25.25 0 1 1-.5 0a.25.25 0 0 1 .5 0m11.875 0H18m.25 0a.25.25 0 1 1-.5 0a.25.25 0 0 1 .5 0%22/%3E%3C/g%3E%3C/svg%3E"); }
.hicon-user { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Cg fill=%22none%22 stroke=%22currentColor%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 stroke-width=%221.5%22%3E%3Cpath d=%22M17 8.5a5 5 0 1 0-10 0a5 5 0 0 0 10 0%22/%3E%3Cpath d=%22M19 20.5a7 7 0 1 0-14 0%22/%3E%3C/g%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Cg fill=%22none%22 stroke=%22currentColor%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 stroke-width=%221.5%22%3E%3Cpath d=%22M17 8.5a5 5 0 1 0-10 0a5 5 0 0 0 10 0%22/%3E%3Cpath d=%22M19 20.5a7 7 0 1 0-14 0%22/%3E%3C/g%3E%3C/svg%3E"); }
.hicon-youtube { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Cg fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.5%22%3E%3Cpath d=%22M12 20.5c1.81 0 3.545-.179 5.153-.507c2.01-.41 3.014-.614 3.93-1.792c.917-1.179.917-2.532.917-5.238v-1.926c0-2.706 0-4.06-.917-5.238c-.916-1.178-1.92-1.383-3.93-1.792A26 26 0 0 0 12 3.5c-1.81 0-3.545.179-5.153.507c-2.01.41-3.014.614-3.93 1.792C2 6.978 2 8.331 2 11.037v1.926c0 2.706 0 4.06.917 5.238c.916 1.178 1.92 1.383 3.93 1.792c1.608.328 3.343.507 5.153.507Z%22/%3E%3Cpath stroke-linejoin=%22round%22 d=%22M15.962 12.313c-.148.606-.938 1.04-2.517 1.911c-1.718.947-2.577 1.42-3.272 1.237a1.7 1.7 0 0 1-.635-.317C9 14.709 9 13.806 9 12s0-2.709.538-3.144c.182-.147.4-.256.635-.317c.695-.183 1.554.29 3.272 1.237c1.58.87 2.369 1.305 2.517 1.911c.05.206.05.42 0 .626Z%22/%3E%3C/g%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Cg fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.5%22%3E%3Cpath d=%22M12 20.5c1.81 0 3.545-.179 5.153-.507c2.01-.41 3.014-.614 3.93-1.792c.917-1.179.917-2.532.917-5.238v-1.926c0-2.706 0-4.06-.917-5.238c-.916-1.178-1.92-1.383-3.93-1.792A26 26 0 0 0 12 3.5c-1.81 0-3.545.179-5.153.507c-2.01.41-3.014.614-3.93 1.792C2 6.978 2 8.331 2 11.037v1.926c0 2.706 0 4.06.917 5.238c.916 1.178 1.92 1.383 3.93 1.792c1.608.328 3.343.507 5.153.507Z%22/%3E%3Cpath stroke-linejoin=%22round%22 d=%22M15.962 12.313c-.148.606-.938 1.04-2.517 1.911c-1.718.947-2.577 1.42-3.272 1.237a1.7 1.7 0 0 1-.635-.317C9 14.709 9 13.806 9 12s0-2.709.538-3.144c.182-.147.4-.256.635-.317c.695-.183 1.554.29 3.272 1.237c1.58.87 2.369 1.305 2.517 1.911c.05.206.05.42 0 .626Z%22/%3E%3C/g%3E%3C/svg%3E"); }

/* Hugeicons sizing in their contexts */
.header-nav .nav > li > a .hicon { font-size: 11px; margin-left: 5px; }
.top-bar .hicon { font-size: 15px; margin-right: 4px; }
.perk-card .icon .hicon, .main-card .icon .hicon { font-size: 32px; }
button.scroltop .hicon { font-size: 18px; }
.dez-social-icon li a { align-items: center; display: inline-flex; justify-content: center; }
.dez-social-icon .hicon { font-size: 15px; }
.widget_getintuch .hicon { color: var(--course-gold); font-size: 20px; left: 0; position: absolute; top: 7px; }
/* Footer sits on the earth background — icons must be white there */
.site-footer .widget_getintuch .hicon,
.site-footer .hicon { color: #fff !important; }
.acod-title .hicon { font-size: 17px; margin-right: 8px; }
.section-full table .hicon { font-size: 18px; }
.hicon-checkmark-circle-02 { color: var(--course-earth); }
.hicon-cancel-01 { color: var(--course-gold); }

/* ============================================================
   15. === merged from skin/skin-1.css ===
   The old template skin file has been deleted; only the rules
   whose selectors still exist in the markup AND are not already
   overridden elsewhere in this file survive here. They read the
   re-mapped palette tokens defined in :root at the top, so they
   render in the earth/gold palette.
   ============================================================ */

/* Legacy token still consumed by templete.css (skin-1 was its
   only source; do not remove while templete.css uses it) */
:root {
    --secondary: #2d3239;
}

/* Base link color — without this, style.css falls back to
   var(--color-accent) (gold) for plain anchors */
a {
    color: var(--color-primary);
}

/* Primary background utility (style.css ships .bg-primary with an
   empty value, so this is the only rule that paints it) */
.bg-primary {
    background-color: var(--color-primary) !important;
}

/* Primary backgrounds for components still present in the markup
   (blog post dates, blog pagination, Spanish-page testimonials) */
.date-style-2 .post-date,
.testimonial-2 .quote-left:before,
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus,
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
    background-color: var(--color-primary);
}

/* Primary text color for components style.css would otherwise
   color with var(--color-accent) */
.primary li:before,
.acod-head a,
.acod-head a:after,
.acod-head a:hover,
.acod-head a.collapsed:hover,
.testimonial-2 .testimonial-position,
h1 a:hover, h2 a:hover, h3 a:hover,
h4 a:hover, h5 a:hover, h6 a:hover {
    color: var(--color-primary);
}

.text-primary {
    color: var(--color-primary) !important;
}