.page {
    max-width: 1140px;
    margin: 0 auto;
    padding: 60px 20px 100px;
    display: flex;
    align-items: flex-start;
    gap: 60px;
  }

  /* ---------- Sidebar ---------- */
  .sidebar-col {
    flex: 0 0 220px;
    align-self: stretch; /* makes this column as tall as main content so sticky has room to travel */
  }
  .sidebar {
    position: sticky;
    top: 80px;
  }
  .contents-label {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1px;
    color: #9aa0aa;
    text-transform: uppercase;
    margin-bottom: 6px;
  }
  .contents-title {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1px;
    color: #1a1a1a;
    text-transform: uppercase;
    margin-bottom: 20px;
  }
  .toc {
    list-style: none;
    margin-bottom: 30px;
  }
  .toc li {
    margin-bottom: 16px;
  }
  .toc a {
    display: block;
    text-decoration: none;
    font-size: 12.5px;
    color: #9aa0aa;
    padding-left: 12px;
    border-left: 2px solid transparent;
    line-height: 1.5;
  }
  .toc li.active a {
    color: #14213d;
    font-weight: 700;
    border-left: 2px solid #e8352b;
  }
  .toc .num {
    color: #e8352b;
    margin-right: 6px;
    font-weight: 600;
  }
  .toc li:not(.active) .num {
    color: #c7cbd1;
  }

  .queries-box {
    border: 1px solid #e2e5ea;
    border-radius: 6px;
    padding: 18px 20px;
  }
  .queries-label {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1px;
    color: #9aa0aa;
    text-transform: uppercase;
    margin-bottom: 8px;
  }
  .queries-email a{
    font-size: 13px;
    font-weight: 700;
    color: #11182C;
  }
  .queries-email a:hover{
    color: #E12018;

  }

  /* ---------- Main content ---------- */
  .main-col {
    flex: 1;
    min-width: 0;
  }
  section.term {
    margin-bottom: 46px;
    scroll-margin-top: 100px; 
  }
  section.term .head {
    display: flex;
    align-items: baseline;
    gap: 14px;
    margin-bottom: 14px;
  }
  section.term .sec-num {
    color: #e8352b;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.5px;
    white-space: nowrap;
  }
  section.term h2 {
    font-size: 19px;
    font-weight: 700;
    color: #14213d;
  }
  section.term hr {
    border: none;
    border-top: 1px solid #e2e5ea;
    margin-bottom: 20px;
  }
  section.term p {
    color: #3a3f47;
    margin-bottom: 14px;
    max-width: 720px;
  }
  .sub-item {
    display: flex;
    gap: 14px;
    margin-bottom: 12px;
    max-width: 720px;
  }
  .sub-item .sub-num {
    color: #b7bcc4;
    font-size: 11px;
    font-weight: 600;
    white-space: nowrap;
    padding-top: 1px;
  }
  .sub-item .sub-text {
    color: #3a3f47;
  }

  @media (max-width: 800px) {
    .page { flex-direction: column; }
    .sidebar-col { flex: none; width: 100%; }
    .sidebar { position: static; }
  }


/* =========================================================
   TERMS OF SERVICE
   FULL CSS
========================================================= */


/* =========================================================
   SECTION 1
   TERMS INTRO / HEADER
   ======================================================== */

.terms-intro-section {
    width: 100%;
    background: #f7f9fb;
    padding: 65px 0 55px;
    overflow: visible;
}

.terms-intro-container {
    width: 90%;
    max-width: 1450px;
    margin: 0 auto;

    display: grid;
    grid-template-columns: minmax(0, 1fr) 270px;
    column-gap: 70px;

    align-items: center;
}


/* ---------------------------------------------------------
   INTRO LEFT CONTENT
--------------------------------------------------------- */

.terms-intro-content {
    width: 100%;
}

.terms-breadcrumb {
    display: flex;
    align-items: center;
    gap: 18px;

    margin-bottom: 42px;

    color: #172036;
    font-size: 8px;
    line-height: 1.3;
    font-weight: 500;

    letter-spacing: 1.5px;
    text-transform: uppercase;
}

.terms-breadcrumb .breadcrumb-light {
    color: #7d8798;
}

.terms-breadcrumb .breadcrumb-slash {
    color: #c6cbd2;
    font-size: 12px;
}


.terms-intro-content h1 {
    margin: 0 0 25px;

    color: #11182c;

    font-size: 60px;
    line-height: 1;
    font-weight: 700;

    letter-spacing: -2.5px;
}


.terms-intro-main {
    max-width: 900px;

    margin: 0 0 17px;

    color: #172036;

    font-size: 16px;
    line-height: 1.5;
    font-weight: 400;
}


.terms-intro-sub {
    max-width: 850px;

    margin: 0;

    color: #536075;

    font-size: 13px;
    line-height: 1.6;
    font-weight: 400;
}


/* ---------------------------------------------------------
   INTRO RIGHT INFORMATION
--------------------------------------------------------- */

.terms-intro-info {
    width: 100%;

    padding-left: 34px;

    border-left: 1px solid #dce0e5;
}


.terms-info-item {
    display: flex;
    flex-direction: column;

    margin-bottom: 21px;
}


.terms-info-item:last-child {
    margin-bottom: 0;
}


.terms-info-item span {
    margin-bottom: 6px;

    color: #7d8798;

    font-size: 8px;
    line-height: 1.2;
    font-weight: 500;

    letter-spacing: 1.5px;
    text-transform: uppercase;
}


.terms-info-item strong {
    color: #172036;

    font-size: 12px;
    line-height: 1.4;
    font-weight: 600;
}



/* =========================================================
   SECTION 2
   TERMS CONTENT
========================================================= */

/* =========================================================
   TERMS CONTENT SECTION
========================================================= */

.terms-content-section {
    width: 100%;
    background: #ffffff;
    padding: 45px 0 100px;

    /* DO NOT CHANGE THIS */
    overflow: visible;
}


/* =========================================================
   MAIN CONTAINER
========================================================= */

.terms-content-container {
    width: 90%;
    max-width: 1450px;
    margin: 0 auto;

    display: grid;
    grid-template-columns: 300px minmax(0, 1fr);
    column-gap: 50px;

    align-items: start;

    position: relative;

    /* IMPORTANT */
    overflow: visible;
}


/* =========================================================
   LEFT SIDEBAR
========================================================= */

.terms-sidebar {
    width: 300px;

    position: relative;

    align-self: start;

    /* IMPORTANT */
    overflow: visible;
}


/* =========================================================
   STICKY LEFT CONTENT
========================================================= */

.terms-sidebar-inner {
    width: 300px;

    position: sticky;

    top: 100px;

    /*
       IMPORTANT:
       NO height
       NO max-height
       NO overflow
    */
}


/* =========================================================
   LEFT TITLE
========================================================= */

.terms-sidebar-title {
    margin: 0 0 8px;

    color: #8d96a5;

    font-size: 18px;
    line-height: 1.3;

    font-weight: 600;

    letter-spacing: 1.5px;
    text-transform: uppercase;
}


.terms-sidebar-heading {
    margin: 0 0 8px;

    color: #172036;

    font-size: 16px;
    line-height: 1.3;

    font-weight: 700;

    letter-spacing: 1px;

    text-transform: uppercase;
}


/* =========================================================
   LEFT NAV
========================================================= */

.terms-sidebar-nav {
    width: 100%;

    display: flex;
    flex-direction: column;
}


.terms-sidebar-link {
    width: 100%;

    min-height: 20px;

    padding: 10px 3px 10px 0;

    display: grid;
    grid-template-columns: 27px minmax(0, 1fr);
    gap: 2px;

    align-items: center;

    border: 0;
    border-bottom: 1px solid #dfe2e6;

    background: transparent;

    text-decoration: none;

    transition: all 0.2s ease;
}


.terms-sidebar-link span {
    color: #a6adb8;

    font-size: 16px;
    line-height: 1.2;
}


.terms-sidebar-link strong {
    color: #536075;

    font-size: 16px;
    line-height: 1.3;

    font-weight: 500;
}


.terms-sidebar-link:hover {
    text-decoration: none;
}


.terms-sidebar-link:hover strong {
    color: #172036;
}


/* ACTIVE */

.terms-sidebar-link.active {
    padding-left: 6px;

    border-left: 2px solid #e12018;
}


.terms-sidebar-link.active span {
    color: #e12018;
}


.terms-sidebar-link.active strong {
    color: #172036;

    font-weight: 600;
}


/* =========================================================
   CONTACT BOX
========================================================= */

.terms-sidebar-contact {
    width: 100%;

    margin-top: 18px;

    padding: 12px 10px;

    border: 1px solid #dfe2e6;

    border-radius: 4px;

    display: flex;
    flex-direction: column;
}


.terms-sidebar-contact span {
    margin-bottom: 5px;

    color: #9aa3b1;

    font-size: 6px;

    letter-spacing: 1px;

    text-transform: uppercase;
}


.terms-sidebar-contact a {
    color: #172036;

    font-size: 7px;

    text-decoration: none;

    word-break: break-word;
}


.terms-sidebar-contact a:hover {
    color: #e12018;
}


/* =========================================================
   RIGHT CONTENT
========================================================= */

.terms-main-content {
    width: 100%;
    max-width: 900px;

    min-width: 0;

    margin: 0;
    padding: 0;

    overflow: visible;
}


/* =========================================================
   EACH CONTENT SECTION
========================================================= */

.terms-item {
    width: 100%;

    margin: 0 0 45px;
    padding: 0;

    scroll-margin-top: 100px;
}


.terms-item:last-child {
    margin-bottom: 0;
}


/* =========================================================
   HEADING
========================================================= */

.terms-item h2 {
    width: 100%;

    margin: 0 0 14px;
    padding: 0 0 9px;

    display: flex;
    align-items: center;

    gap: 12px;

    border-bottom: 1px solid #cfd4db;

    color: #172036;

    font-size: 11px;
    line-height: 1.3;

    font-weight: 600;
}


.terms-item h2 span {
    flex-shrink: 0;

    color: #e12018;

    font-size: 8px;

    font-weight: 700;
}


/* =========================================================
   CONTENT TEXT
========================================================= */

.terms-item-content {
    width: 100%;

    padding-left: 28px;
}


.terms-item-content p {
    max-width: 760px;

    margin: 0 0 12px;

    color: #536075;

    font-size: 9px;
    line-height: 1.65;

    font-weight: 400;
}


.terms-item-content p:last-child {
    margin-bottom: 0;
}


/* =========================================================
   LIST
========================================================= */

.terms-item-content ul {
    max-width: 760px;

    margin: 7px 0 14px;

    padding-left: 18px;
}


.terms-item-content li {
    margin-bottom: 7px;

    color: #536075;

    font-size: 9px;
    line-height: 1.6;
}


.terms-item-content li:last-child {
    margin-bottom: 0;
}


/* =========================================================
   SMOOTH SCROLL
========================================================= */

html {
    scroll-behavior: smooth;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {

    .terms-content-section {
        padding: 35px 0 80px;
    }

    .terms-content-container {
        width: 90%;

        grid-template-columns: 165px minmax(0, 1fr);

        column-gap: 30px;
    }

    .terms-sidebar {
        width: 165px;
    }

    .terms-sidebar-inner {
        width: 165px;
    }

    .terms-sidebar-link {
        grid-template-columns: 23px minmax(0, 1fr);
    }

    .terms-sidebar-link strong {
        font-size: 7px;
    }

    .terms-item h2 {
        font-size: 11px;
    }

    .terms-item-content p,
    .terms-item-content li {
        font-size: 9px;
    }
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .terms-content-section {
        padding: 30px 0 60px;

        overflow: visible;
    }


    .terms-content-container {
        width: 90%;

        display: flex;
        flex-direction: column;

        gap: 30px;

        overflow: visible;
    }


    /* LEFT */

    .terms-sidebar {
        width: 100%;

        position: relative;

        overflow: visible;
    }


    .terms-sidebar-inner {
        width: 100%;

        position: relative;

        top: auto;
    }


    .terms-sidebar-title {
        font-size: 8px;
    }


    .terms-sidebar-heading {
        font-size: 8px;
    }


    /* MOBILE NAV */

    .terms-sidebar-nav {
        width: 100%;

        display: flex;
        flex-direction: row;

        gap: 7px;

        overflow-x: auto;
        overflow-y: hidden;

        scrollbar-width: none;
    }


    .terms-sidebar-nav::-webkit-scrollbar {
        display: none;
    }


    .terms-sidebar-link {
        width: auto;

        min-width: max-content;

        min-height: 30px;

        padding: 7px 9px;

        display: flex;

        align-items: center;

        gap: 5px;

        border: 1px solid #dfe2e6;

        border-radius: 4px;

        white-space: nowrap;
    }


    .terms-sidebar-link span {
        font-size: 8px;
    }


    .terms-sidebar-link strong {
        font-size: 8px;
    }


    .terms-sidebar-link.active {
        padding-left: 9px;

        border: 1px solid #e12018;

        background: #fff7f6;
    }


    .terms-sidebar-contact {
        display: none;
    }


    /* RIGHT */

    .terms-main-content {
        width: 100%;

        max-width: 100%;
    }


    .terms-item {
        margin-bottom: 35px;

        scroll-margin-top: 90px;
    }


    .terms-item h2 {
        margin-bottom: 14px;

        padding-bottom: 9px;

        gap: 9px;

        font-size: 15px;
        line-height: 1.3;
    }


    .terms-item h2 span {
        font-size: 9px;
    }


    .terms-item-content {
        padding-left: 0;
    }


    .terms-item-content p {
        max-width: 100%;

        margin-bottom: 13px;

        font-size: 13px;
        line-height: 1.65;
    }


    .terms-item-content ul {
        max-width: 100%;

        padding-left: 18px;
    }


    .terms-item-content li {
        font-size: 13px;
        line-height: 1.6;
    }



}


/* =========================================================
   NAVBAR
========================================================= */

:root {
    --nav-height: 70px;
    --nav-text: #1f2b3a;
    --nav-accent: #ee4a27;
    --nav-border: #e7eaee;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "Inter", sans-serif;
}

/* .main-navbar {
    width: 100%;
    background: #ffffff;
    border-bottom: 1px solid var(--nav-border);
    position: relative;
    z-index: 999;
    font-family: Arial, Helvetica, sans-serif;
} */

/* .navbar-container {
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: space-between;
} */

/* ---------------------------------------------------------
   LOGO
--------------------------------------------------------- */

/* .navbar-logo {
    display: flex;
    align-items: center;
    text-decoration: none;
    flex-shrink: 0;
}

.navbar-logo img {
    width: 110px;
    max-height: 34px;
    object-fit: contain;
    display: block;
} */

/* ---------------------------------------------------------
   NAV MENU
--------------------------------------------------------- */

/* .navbar-menu {
    margin-left: auto;
    margin-right: 40px;
}

.nav-list {
    display: flex;
    align-items: center;
    gap: 32px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.nav-item {
    position: relative;
}

.nav-link {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 6px 0;
    color: var(--nav-text);
    text-decoration: none;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.2;
    white-space: nowrap;
    transition: color 0.2s ease;
} */

/* .nav-link:hover,
.nav-link:focus {
    color: var(--nav-accent);
    text-decoration: none;
} */

/* .nav-caret {
    flex-shrink: 0;
    margin-top: 1px;
    transition: transform 0.2s ease;
} */

/* ARROW IN NAV CSS */
.has-dropdown:hover > .nav-link .nav-caret,
.has-dropdown.is-open > .nav-link .nav-caret {
    transform: rotate(180deg);
}

/* ---------------------------------------------------------
   ACTIVE LINK — underline sits directly under the text
--------------------------------------------------------- */

/* .nav-item.active .nav-link-text {
    position: relative;
    color: #E12018;
    font-weight: 500;
} */

/* .nav-item.active .nav-link-text::after {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    bottom: -7px;
    height: 2px;
    background: #E12018;
    border-radius: 5px;
} */

/* ---------------------------------------------------------
   DROPDOWN
--------------------------------------------------------- */

.nav-dropdown {
    position: absolute;
    top: 100%;
    left: -18px;
    min-width: 220px;
    margin-top: 18px;
    padding: 8px 0;
    list-style: none;
    background: #ffffff;
    border: 1px solid var(--nav-border);
    border-radius: 8px;
    box-shadow: 0 12px 28px rgba(31, 43, 58, 0.12);
    opacity: 0;
    visibility: hidden;
    transform: translateY(6px);
    transition: opacity 0.18s ease, transform 0.18s ease, visibility 0.18s;
}

/* invisible bridge so the menu survives the gap under the link */ */
.has-dropdown::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 20px;
}

.has-dropdown:hover > .nav-dropdown,
.has-dropdown:focus-within > .nav-dropdown,
.has-dropdown.is-open > .nav-dropdown {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.nav-dropdown a {
    display: block;
    padding: 10px 18px;
    color: var(--nav-text);
    text-decoration: none;
    font-size: 13.5px;
    white-space: nowrap;
    transition: background 0.15s ease, color 0.15s ease;
}

.nav-dropdown a:hover {
    background: #fdf0ec;
    color: var(--nav-accent);
    text-decoration: none;
}

/* ---------------------------------------------------------
   DOWNLOAD APP
--------------------------------------------------------- */

/* .navbar-action {
    flex-shrink: 0;
} */


/* ---------------------------------------------------------
   MOBILE TOGGLE (hidden on desktop)
--------------------------------------------------------- */

/* .navbar-toggle {
    display: none;
    width: 38px;
    height: 34px;
    margin-left: auto;
    margin-right: 14px;
    padding: 8px 7px;
    flex-direction: column;
    justify-content: space-between;
    background: none;
    border: 0;
    cursor: pointer;
}

.navbar-toggle span {
    display: block;
    height: 2px;
    width: 100%;
    border-radius: 2px;
    background: var(--nav-text);
} */




/* =========================================================
   MOBILE DRAWER
========================================================= */

.mob-topbar {
    height: 56px;
    background: #FFFFFF;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
    z-index: 1030;
}
.mob-top-logo {
    height: 32px;
    width: auto;
}
.mob-hamburger {
    position: relative;
    width: 26px;
    height: 20px;
    padding: 0;
    border: 0;
    background: transparent;
}
.mob-hamburger span {
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
    height: 2px;
    background: #222;
    border-radius: 2px;
}
.mob-hamburger span:nth-child(1) { top: 0; }
.mob-hamburger span:nth-child(2) { top: 9px; }
.mob-hamburger span:nth-child(3) { top: 18px; }

.mob-drawer {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    width: 95%;
    max-width: 320px;
    background: #FFFFFF;
    z-index: 1050;
    transform: translateX(100%);
    transition: transform 0.3s ease-in-out;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
}
.mob-drawer.is-open {
    transform: translateX(0);
}
.mob-drawer-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 20px;
    border-bottom: 1px solid #eee;
}
.mob-drawer-logo {
    height: 30px;
    width: auto;
}
.mob-drawer-close {
    width: 32px;
    height: 32px;
    border: 0;
    background: #f5f5f5;
    color: #222;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.mob-drawer-nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.mob-nav-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 20px;
    color: #393737;
    font-weight: 500;
    font-size: 16px;
    border-bottom: 1px solid #f2f2f2;
}
.mob-nav-link.active,
.mob-nav-link:hover {
    color: #E83947;
}
.mob-nav-arrow {
    opacity: 0.5;
}
.mob-drawer-cta {
    margin-top: auto;
    padding: 20px;
    border-top: 1px solid #eee;
}
.mob-cta-title {
    font-size: 14px;
    font-weight: 600;
    color: #393737;
    margin-bottom: 12px;
}
.mob-cta-card {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px;
    border: 1px solid #eee;
    border-radius: 10px;
    margin-bottom: 10px;
    color: #393737;
}
.mob-cta-icon {
    width: 34px;
    height: 34px;
    flex-shrink: 0;
    border-radius: 50%;
    background: #FDB92E33;
    color: #E83947;
    display: flex;
    align-items: center;
    justify-content: center;
}
.mob-cta-info {
    display: flex;
    flex-direction: column;
}
.mob-cta-label {
    font-size: 12px;
    color: #888;
}
.mob-cta-value {
    font-size: 14px;
    font-weight: 600;
}
.mob-drawer-backdrop {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.5);
    z-index: 1040;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease-in-out;
}
.mob-drawer-backdrop.is-open {
    opacity: 1;
    visibility: visible;
}
body.mob-drawer-open {
    overflow: hidden;
}

.mob-subnav {
    max-height: 0;
    overflow: hidden;
    padding: 0;
    margin: 0;
    list-style: none;
    transition: max-height 0.3s ease;
}

.mob-has-dropdown.is-open .mob-subnav {
    max-height: 300px;
}

.mob-subnav a {
    display: block;
    padding: 12px 30px 12px 45px;
    color: #555;
    text-decoration: none;
    font-size: 16px;
}

.mob-subnav a:hover {
    color: #ef3b21;
}

.mob-has-dropdown.is-open .mob-dropdown-arrow {
    transform: rotate(90deg);
}



/* =====================================
   WHY DOWNLOAD SECTION
===================================== */

/* .why-download-section {
    width: 100%;
    padding: 42px 0 50px;
    background: #f5f6f8;
}

.why-download-container {
    width: 86%;
    max-width: 1200px;
    margin: 0 auto;
} */




/* =====================================
   PHONE SHOWCASE
===================================== */

.phone-showcase {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    gap: 32px;
    margin-top: 18px;
    margin-bottom: 38px;
}

.phone {
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

.phone img {
    display: block;
    width: auto;
    object-fit: contain;
}


/* SMALL PHONE */

.phone-small img {
    height: 76px;
}


/* MEDIUM PHONE */

.phone-medium img {
    height: 102px;
}


/* CENTER BIG PHONE */

.phone-large img {
    height: 142px;
}


/* =====================================
   REASONS SECTION
===================================== */

/* .reasons-section {
    width: 100%;
}

.reasons-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 14px;
    border-bottom: 1px solid #e12018;
}

.reasons-header h3 {
    margin: 0;
    color: #263247;
    font-size: 26px;
    font-weight: 400;
    letter-spacing: -1px;
}

.reasons-header span {
    color: #a4abb5;
    font-size: 7px;
    font-weight: 600;
    letter-spacing: 2px;
} */


/* =====================================
   REASON ITEM
===================================== */

/* .reason-item {
    display: grid;
    grid-template-columns: 70px 1fr;
    column-gap: 18px;
    align-items: center;

    min-height: 60px;

    border-bottom: 1px solid #dde1e6;
}

.reason-number {
    color: #b9c0ca;
    font-size: 20px;
    font-weight: 300;
}

.reason-content {
    max-width: 760px;

    color: #4e5969;

    font-size: 10px;
    line-height: 1.5;
    font-weight: 400;
} */


/* LAST ACTIVE ITEM */

/* .reason-item.active {
    border-bottom: none;
}

.reason-item.active .reason-number {
    color: #e12018;
    font-weight: 500;
} */


/* =====================================
   HOVER EFFECT
===================================== */

/* .reason-item:hover .reason-number {
    background: linear-gradient(
        97.81deg,
        #f07b00 0%,
        #e12018 55%,
        #eb601c 100%
    );

    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
} */





/* =====================================
   MOBILE
===================================== */

@media (max-width: 767px) {

    .why-download-section {
        padding: 35px 0;
    }

    .why-download-container {
        width: 90%;
    }

    .why-download-title {
        font-size: 38px;
        letter-spacing: -2px;
    }

    .phone-showcase {
        gap: 8px;
        margin-top: 25px;
        margin-bottom: 35px;
    }

    .phone-small img {
        height: 50px;
    }

    .phone-medium img {
        height: 70px;
    }

    .phone-large img {
        height: 100px;
    }

    .reasons-header h3 {
        font-size: 22px;
    }

    .reason-item {
        grid-template-columns: 48px 1fr;
        column-gap: 10px;
        min-height: 72px;
    }

    .reason-number {
        font-size: 17px;
    }

    .reason-content {
        font-size: 9px;
    }

    .reasons-header span {
        display: none;
    }

}












































/* .journal-section {
    width: 100%;
    background: #f7f7f8;
    padding: 50px 0 50px;
} */



/* ===============================
   HEADER
================================ */

/* .journal-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 45px;
}

.journal-heading {
    margin: 0;
    color: #172238;
    font-size: 58px;
    font-weight: 500;
}

.journal-link {
    position: relative;
    color: #172238;
    font-size: 13px;
    font-weight: 500;
    text-decoration: none;
    padding-bottom: 12px;
}

.journal-link::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background: #ed3e35;
} */


/* ===============================
   MAIN GRID
================================ */

/* .journal-grid {
    display: grid;
    grid-template-columns: 2.05fr 1fr;
    column-gap: 50px;
    align-items: start;
} */


/* ===============================
   FEATURED ARTICLE
================================ */

/* .featured-journal {
    width: 100%;
}

.featured-image {
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 18px;
}

.featured-image img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
} */


/* .featured-title {
    margin: 38px 0 30px;
    color: #172238;
    font-size: 36px;
    font-weight: 500;
}


.article-meta {
    display: flex;
    align-items: center;
    gap: 18px;
}

.article-meta .category {
    color: #d74b40;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 2px;
}

.article-meta .dot {
    color: #5d6878;
    font-size: 13px;
}

.article-meta .read-time {
    color: #8b94a1;
    font-size: 13px;
} */


/* ===============================
   RIGHT SIDEBAR
================================ */

/* .journal-sidebar {
    width: 100%;
} */


/* TOP IMAGE */

/* .sidebar-image {
    width: 100%;
    height: 190px;
    overflow: hidden;
    border-radius: 16px;
    margin-bottom: 32px;
}

.sidebar-image img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
} */


/* CATEGORY */

/* .sidebar-category {
    display: block;
    margin-bottom: 14px;
    color: #d84a3f;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 2px;
} */


/* SIDEBAR FEATURE */

.sidebar-feature h3 {
    margin: 0;
    padding-bottom: 28px;
    color: #172238;
    font-size: 20px;
    font-weight: 400;
    letter-spacing: -1px;
    border-bottom: 1px solid #dfe2e6;
}


/* ===============================
   ARTICLE LIST
================================ */

/* .journal-list {
    width: 100%;
} */

/* .journal-item {
    padding: 20px 0;
    border-bottom: 1px solid #dfe2e6;
}
.journal-item:first-child {
    padding-top: 0;
} */

/* .journal-image {
    width: 100%;
    height: 190px;
    overflow: hidden;
    border-radius: 16px;
    margin-bottom: 32px;
}

.journal-image img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
} */

/* .journal-item h4 {
    margin: 0;
    color: #172238;
    font-size: 18px;
    font-weight: 500;
} */

/* .last-item {
    border-bottom: none;
} */


/* .journey-section {
    width: 100%;
    min-height: 440px;
    padding: 48px 0 52px;
    background: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
} */

/* .journey-container {
    width: 90%;
    max-width: 1100px;
    margin: 0 auto;
    text-align: center;
} */


/* SMALL LABEL */

/* .journey-label {
    display: block;
    margin-bottom: 22px;
    color: #ef3428;
    font-size: 7px;
    font-weight: 700;
    letter-spacing: 2px;
} */


/* MAIN HEADING */

/* .journey-title {
    margin: 0;
    font-size: 64px;
    font-weight: 500;
    background: linear-gradient(
        97.81deg,
        #F07B00 0%,
        #E12018 55%,
        #EB601C 100%
    );
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
} */


/* DESCRIPTION */

/* .journey-description {
    margin: 27px 0 0;
    color: #727b89;
    font-size: 16px;
    font-weight: 400;
} */


/* ACTION AREA */

.journey-actions {
    margin-top: 27px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}


/* STORE BUTTON */

/* .store-btn {
    min-width: 92px;
    height: 31px;
    padding: 0 18px;
    border-radius: 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    text-decoration: none;
    font-size: 8px;
    font-weight: 600;
    transition: all 0.3s ease;
} */
/* .store-icon i {
    color: #ffffff;
}

.store-icon:hover{
    color: #f4711a;
} */

/* .playstore-btn {
    background: #ef3b21;
    border: 1px solid #ef3b21;
    color: #ffffff;
}

.appstore-btn {
    background: #ffffff;
    border: 1px solid #dfe2e6;
    color: #172238;
} */

/* .store-icon {
    font-size: 10px;
} */


/* QR CODE */

/* .qr-box {
    width: 48px;
    height: 48px;
    padding: 5px;
    border: 1px solid #dfe2e6;
    border-radius: 10px;
    background: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
} */

/* .qr-box img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: contain;
} */


/* HOVER */

/* .playstore-btn:hover {
    background: #d92f18;
    border-color: #d92f18;
    color: #ffffff;
}

.appstore-btn:hover {
    background: #172238;
    border-color: #172238;
    color: #ffffff;
} */


/* .site-footer {
    width: 100%;
    background: #182238;
    padding: 40px 0 24px;
    color: #ffffff;
}

.footer-container {
    width: 90%;
    max-width: 1450px;
    margin: 0 auto;
} */


/* =========================
   TOP SECTION
========================= */

/* .footer-top {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding-bottom: 28px;
} */


/* =========================
   LEFT SIDE
========================= */

/* .footer-brand {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.footer-logo {
    display: inline-flex;
    margin-bottom: 20px;
}

.footer-logo img {
    max-width: 75px;
    height: auto;
    display: block;
} */

/* .social-label {
    margin-bottom: 9px;
    color: #7d8697;
    font-size: 7px;
    font-weight: 600;
    letter-spacing: 2px;
}

.social-links {
    display: flex;
    align-items: center;
    gap: 7px;
}

.social-links a {
    min-height: 24px;
    padding: 0 10px;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    border: 1px solid rgba(255,255,255,0.15);
    border-radius: 20px;
    color: #d6d9df;
    font-size: 7px;
    text-decoration: none;
    transition: all 0.3s ease;
}

.social-links a i {
    font-size: 8px;
}

.social-links a:hover {
    background: #ef3b21;
    border-color: #ef3b21;
    color: #ffffff;
} */


/* =========================
   FOOTER MENUS
========================= */

/* .footer-menus {
    display: grid;
    grid-template-columns: repeat(3, auto);
    column-gap: 65px;
}

.footer-menu h5 {
    margin: 0 0 12px;
    color: #7d8697;
    font-size: 7px;
    font-weight: 600;
    letter-spacing: 2px;
}

.footer-menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.footer-menu ul li {
    margin-bottom: 10px;
} */

/* .footer-menu ul li:last-child {
    margin-bottom: 0; */
}

/* .footer-menu ul li a {
    color: #c8cdd6;
    font-size: 8px;
    font-weight: 400;
    text-decoration: none;
    transition: color 0.3s ease; */
}

/* .footer-menu ul li a:hover {
    color: #ef3b21;
} */


/* =========================
   BOTTOM SECTION
========================= */

/* .footer-bottom {
    padding-top: 18px;
    border-top: 1px solid rgba(255,255,255,0.08);
    display: flex;
    align-items: center;
    justify-content: space-between;
} */

/* .copyright {
    color: #747d8e;
    font-size: 7px;
    font-weight: 500;
    letter-spacing: 1.3px;
}

.copyright a {
    color: #8d96a5;
    text-decoration: underline;
} */

/* .footer-policy {
    display: flex;
    align-items: center;
    gap: 15px;
}

.footer-policy a {
    color: #aeb5c0;
    font-size: 8px;
    text-decoration: none;
}

.footer-policy a:hover {
    color: #ef3b21;
} */









/* .testimonials-section {
    width: 100%;
    background: #f5f6f8;
    padding: 48px 0 52px;
    overflow: hidden;
}

.testimonials-container {
    width: 86%;
    max-width: 1400px;
    margin: 0 auto;
} */


/* =========================
   HEADER
========================= */

/* .testimonials-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 42px;
} */

/* .section-label {
    color: #e84a42;
    font-size: 8px;
    font-weight: 700;
    letter-spacing: 2px;
} */

/* .testimonials-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 32px;
    padding: 0 14px 0 18px;
    border: 1px solid #d2d7df;
    border-radius: 25px;
    color: #1b263a;
    font-size: 8px;
    font-weight: 500;
    text-decoration: none;
    transition: all 0.3s ease;
}

.testimonials-btn span {
    font-size: 11px;
}

.testimonials-btn:hover {
    background: #172238;
    color: #ffffff;
} */


/* =========================
   TESTIMONIAL GRID
========================= */

/* .testimonials-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
    padding-top: 18px;
} */


/* =========================
   TESTIMONIAL CARD
========================= */

/* .testimonial-card {
    position: relative;
    padding: 24px 18px 14px;
    border: 1px solid #d9dde3;
    border-radius: 16px;
    background: transparent;
} */


/* =========================
   PROFILE IMAGE
========================= */

/* .profile-image {
    position: absolute;
    top: -30px;
    left: 10px;
    width: 55px;
    height: 55px;
    border-radius: 50%;
    overflow: hidden;
    border: 2px solid #f5f6f8;
    background: #dfe3e8;
}

.profile-image img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
} */


/* =========================
   TEXT
========================= */

/* .testimonial-text {
    max-width: 310px;
    margin: 0 0 14px;
    color: #1c2739;
    font-size: 16px;
    font-weight: 400;
}

.testimonial-user {
    color: #1c2739;
    font-size: 13px;
    font-weight: 500;
}

.testimonial-user span {
    margin-left: 9px;
    color: #e84a42;
    font-size: 10px;
    font-weight: 700;
} */


/* =========================
   NAVIGATION
========================= */

/* .testimonial-navigation {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 20px;
}

.testimonial-arrow {
    width: 25px;
    height: 25px;
    border: 1px solid #d7dce3;
    border-radius: 50%;
    background: transparent;
    color: #6f7886;
    font-size: 10px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.testimonial-arrow.next {
    background: #172238;
    border-color: #172238;
    color: #ffffff;
}

.testimonial-arrow:hover {
    background: #172238;
    border-color: #172238;
    color: #ffffff;
} */

.why-glyxlyf-section {
    /* width: 100%;
    background: #ffffff;
    padding: 50px 0px; */
}

/* .why-glyxlyf-section .container {
    width: 90%;
    max-width: 1450px;
    margin: 0 auto; */



/* HEADER */

/* .why-glyxlyf-header {
    display: grid;
    grid-template-columns: 1fr 0.68fr;
    align-items: end;
    margin-bottom: 28px;
} */

/* .why-glyxlyf-title {
    margin: 0;
    color: #162039;
    font-size: 56px;
    font-weight: 500;
}

.why-glyxlyf-tagline {
    padding-bottom: 5px;
    color: #e7352c;
    font-size: 7px;
    line-height: 1.7;
    font-weight: 700;
    letter-spacing: 1.4px;
    text-transform: uppercase;
} */


/* CONTENT */

/* .why-glyxlyf-content {
    display: grid;
    grid-template-columns: 38% 62%;
    column-gap: 35px;
    align-items: start;
} */


/* LEFT SIDE */

/* .why-glyxlyf-left {
    padding-top: 2px;
}

.why-glyxlyf-left p {
    margin: 0 0 26px;
    color: #2b3448;
    font-size: 14px;
    line-height: 1.45;
    font-weight: 400;
} */


/* BUTTON */

/* .download-app-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 92px;
    height: 30px;
    padding: 0 15px;
    border-radius: 20px;
    background: #f04416;
    color: #ffffff;
    font-size: 8px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.3s ease;
}

.download-app-btn:hover {
    background: #d93612;
    color: #ffffff;
} */


/* IMAGE */

/* .why-glyxlyf-image {
    width: 100%;
    height: 145px;
    overflow: hidden;
    border-radius: 14px;
}

.why-glyxlyf-image img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: center;
} */


/* RESPONSIVE */





/* .struggle-section {
    width: 100%;
    padding: 110px 0 80px;
    background: #f5f6f8;
}

.struggle-container {
    width: 79%;
    max-width: 1155px;
    margin: 0 auto;
} */


/* =====================================
   TOP SECTION
===================================== */

/* .struggle-top {
    display: grid;
    grid-template-columns: 36% 64%;
    column-gap: 45px;
    align-items: start;
} */


/* =====================================
   LEFT STAT
===================================== */

/* .struggle-label {
    margin-bottom: 52px;
    color: #e64a32;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 3px;
}

.percentage {
    margin-left: -3px;
    margin-bottom: 22px;

    font-size: 205px;
    line-height: 0.72;
    font-weight: 700;
    letter-spacing: -14px;

    background: linear-gradient(
        97.81deg,
        #f07b00 0%,
        #e12018 55%,
        #eb601c 100%
    );

    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.percentage-text {
    margin-top: 35px;
    color: #1d293d;
    font-size: 18px;
    line-height: 1.55;
    font-weight: 500;
} */


/* =====================================
   RIGHT DESCRIPTION
===================================== */

/* .struggle-description {
    padding-top: 66px;
}

.struggle-description p {
    max-width: 650px;
    margin: 0 0 24px;

    color: #5f6978;
    font-size: 16px;
    line-height: 1.65;
    font-weight: 400;
    letter-spacing: 0.2px;
} */

/* .struggle-description p:last-child {
    margin-bottom: 0;
} */


/* =====================================
   GLYXLYF HELP BOX
===================================== */

/* .glyxlyf-help-box {
    margin-top: 45px;
    padding: 42px 40px 38px;

    background: #182238;
    border-radius: 22px;

    text-align: center;
} */


/* .help-label {
    margin-bottom: 42px;

    color: #f28a20;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 3px;
}


.glyxlyf-help-box h2 {
    max-width: 1050px;
    margin: 0 auto 42px;

    color: #f2f3f5;
    font-size: 42px;
    line-height: 1.3;
    font-weight: 400;
    letter-spacing: -2px;
}


.help-description {
    max-width: 1050px;
    margin: 0 auto 38px;

    color: #aeb6c3;
    font-size: 16px;
    line-height: 1.65;
    font-weight: 400;
}


.help-bottom-text {
    max-width: 1080px;
    margin: 0 auto;

    color: #aeb6c3;
    font-size: 16px;
    line-height: 1.65;
    font-weight: 400;
} */




/* .build-section{
    background:var(--bg-light);
    border-radius:28px;
    padding:56px 48px 40px;
    max-width:900px;
    margin:40px auto;
  } */

  /* .build-rows{
    display:flex;
    flex-direction:column;
  }

  .row{
    display:grid;
    grid-template-columns:180px 1fr 1fr;
    align-items:center;
    gap:24px;
    padding:22px 0;
    border-top:1px solid var(--line);
  } */

  /* .row:first-child{
    border-top:1px solid var(--line);
  } */

  /* .row-label{
    font-size:30px;
    font-weight:700;
    letter-spacing:-0.5px;
    color:var(--ink);
  }

  .row-label.accent{
    color:var(--accent);
  }

  .row-sub{
    font-size:14px;
    font-weight:600;
    color:var(--ink);
    line-height:1.4;
  }

  .row-desc{
    font-size:12.5px;
    color:var(--ink-soft);
    line-height:1.5;
  } */

  /* .cta-card{
    background:var(--card-bg);
    border-radius:24px;
    padding:44px 48px;
    max-width:900px;
    margin:0 auto 40px;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:32px;
    align-items:center;
  }

  .eyebrow{
    color:var(--accent);
    font-size:11px;
    font-weight:700;
    letter-spacing:0.06em;
    margin:0 0 14px;
  }

  .cta-heading{
    color:var(--card-text);
    font-size:26px;
    font-weight:700;
    line-height:1.3;
    margin:0;
    letter-spacing:-0.3px;
  }

  .cta-desc{
    color:var(--card-text-soft);
    font-size:13px;
    line-height:1.6;
    margin:0;
  } */

  







/* =========================================================
   BANNER / HERO
========================================================= */

/* .hero-banner {
    position: relative;
    padding: 60px 0 40px;
    background: #ffffff;
    overflow: hidden;
} */

/* .hero-row {
    display: flex;
    align-items: center;
    gap: 30px;
} */

/* .hero-content {
    flex: 1 1 56%;
    min-width: 0;
} */

/* .hero-media {
    flex: 0 1 44%;
    min-width: 0;
}

.hero-media img {
    width: 100%;
    height: auto;
    display: block;
} */

/* ---------- eyebrow ---------- */

/* .hero-eyebrow {
    margin: 0 0 26px;
    color: var(--nav-accent);
    font-family: "Space Mono", "Courier New", monospace;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.13em;
    text-transform: uppercase;
} */

/* ---------- headline ---------- */

/* .hero-title {
    color: #12203a;
    font-size: 62px;
    font-weight: 800;
}

.hero-title-soft {
    color: #dfe3e8;
} */

/* ---------- copy + button ---------- */

/* .hero-bottom {
    display: flex;
    align-items: center;
    gap: 48px;
    margin-top: 46px;
}

.hero-text {
    max-width: 270px;
    margin: 0;
    color: #40506a;
    font-family: "Inter", Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.65;
}

.hero-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    height: 46px;
    padding: 0 30px;
    border-radius: 999px;
    background: linear-gradient(90deg, #f4711a, #ec3a26);
    color: #ffffff;
    font-family: "Inter", Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    box-shadow: 0 8px 18px rgba(238, 74, 39, 0.25);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.hero-btn:hover,
.hero-btn:focus {
    color: #ffffff;
    text-decoration: none;
    transform: translateY(-2px);
    box-shadow: 0 12px 24px rgba(238, 74, 39, 0.32);
} */

/* ---------- scroll cue ---------- */

/* .hero-scroll {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: 46px;
    color: #9aa4b2;
    font-family: "Space Mono", "Courier New", monospace;
    font-size: 11px;
    font-weight: 400;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    text-decoration: none;
    transition: color 0.2s ease;
}

.hero-scroll:hover {
    color: var(--nav-accent);
    text-decoration: none;
}

.hero-scroll svg {
    animation: heroScrollBob 1.8s ease-in-out infinite;
} */

@keyframes heroScrollBob {
    0%, 100% { transform: translateY(0); }
    50%      { transform: translateY(4px); }
}

/* ---------- hero responsive ---------- */

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

    .hero-banner {
        padding: 44px 0 30px;
    }

    .hero-row {
        gap: 20px;
    }

    .hero-eyebrow {
        margin-bottom: 18px;
        font-size: 10px;
        letter-spacing: 0.1em;
    }

    .hero-bottom {
        gap: 24px;
        margin-top: 30px;
    }

    .hero-text {
        max-width: 100%;
        font-size: 13px;
    }

    .hero-btn {
        height: 42px;
        padding: 0 22px;
        font-size: 13px;
    }

    .hero-scroll {
        margin-top: 30px;
    }
}

@media (max-width: 767px) {

    .hero-row {
        flex-direction: column;
        align-items: flex-start;
        gap: 34px;
    }

    .hero-content,
    .hero-media {
        flex: 1 1 auto;
        width: 100%;
    }

    .hero-media {
        order: 2;
    }

    .hero-title {
        font-size: clamp(34px, 10vw, 52px);
    }

    .hero-title br {
        display: none;
    }

    .hero-bottom {
        flex-direction: column;
        align-items: flex-start;
        gap: 22px;
    }

    .hero-scroll {
        display: none;
    }
}
 */


/* =========================================================
   ABOUT GLYXLYF SECTION
========================================================= */

/* .about-glyxlyf {
    width: 100%;
    background: #f7f9fc;
    padding: 55px 0 60px;
} */


/* Main Container */

/* .about-container {
    width: 79%;
    max-width: 1520px;
    margin: 0 auto;
}


.about-label {
    margin-bottom: 28px;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 14px;
    font-weight: 600;

    letter-spacing: 4px;

    color: #ef3025;

    text-transform: uppercase;
} */


/* =========================================================
   MAIN HEADING
========================================================= */

/* .about-title {
    margin: 0;

    max-width: 1500px;

    font-family: Arial, Helvetica, sans-serif;

    font-size: clamp(55px, 5.2vw, 86px);

    line-height: 1.05;

    letter-spacing: -4px;

    font-weight: 400;

    color: #10162d;
} */


/* Faded text */

/* .about-title span {
    color: #c9ced6;
} */


/* =========================================================
   BOTTOM CONTENT
========================================================= */

/* .about-content {
    display: grid;

    grid-template-columns:
        220px
        minmax(400px, 1fr)
        minmax(350px, 0.85fr);

    column-gap: 32px;

    margin-top: 95px;

    align-items: start;
} */


/* =========================================================
   BUTTON
========================================================= */

/* .about-button-wrap {
    display: flex;

    align-items: flex-start;
}


.discover-btn {
    min-width: 212px;

    height: 62px;

    padding: 0 30px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    border: 1px solid #dce1e8;

    border-radius: 35px;

    background: transparent;

    color: #172036;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 16px;

    font-weight: 600;

    text-decoration: none;

    transition: all 0.3s ease;
}


.discover-btn:hover {
    background: #10162d;

    border-color: #10162d;

    color: #ffffff;
} */


/* =========================================================
   TEXT
========================================================= */

/* .about-text {
    padding-top: 2px;
}


.about-text p {
    margin: 0;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 18px;

    line-height: 1.8;

    font-weight: 400;

    color: #536075;
} */




/* =========================================================
   OBESITY MANAGEMENT SECTION
========================================================= */

/* .obesity-section {
    width: 100%;
    padding: 100px 0;
    overflow: hidden;
} */


/* =========================================================
   MAIN CONTAINER
========================================================= */

/* .obesity-container {
    width: 80%;
    max-width: 1220px;
    margin: 0 auto;

    display: grid;
    grid-template-columns: 400px 1fr;

    column-gap: 170px;

    align-items: center;
} */


/* =========================================================
   LEFT IMAGE
========================================================= */

/* .obesity-image-wrap {
    width: 400px;
    height: 530px;

    overflow: hidden;

    border-radius: 0 0 38px 38px;

    position: relative;
}


.obesity-image {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;

    object-position: center;
} */


/* =========================================================
   RIGHT CONTENT
========================================================= */

/* .obesity-content {
    width: 100%;
    max-width: 650px;
} */


/* =========================================================
   SMALL RED LABEL
========================================================= */

/* .obesity-label {
    margin-bottom: 34px;

    color: #f3312d;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 14px;

    font-weight: 700;

    letter-spacing: 4px;

    line-height: 1;

    text-transform: uppercase;
} */


/* =========================================================
   MAIN TITLE
========================================================= */

/* .obesity-title {
    margin: 0 0 34px;

    color: #07132d;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 78px;

    font-weight: 400;

    line-height: 1.02;

    letter-spacing: -5px;
} */


/* =========================================================
   DESCRIPTION
========================================================= */

/* .obesity-description {
    max-width: 650px;

    margin: 0;

    color: #4f5c70;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 18px;

    font-weight: 400;

    line-height: 1.75;
} */


/* Second paragraph */

/* .obesity-description-second {
    margin-top: 28px;
} */


/* =========================================================
   CTA LINK
========================================================= */

/* .obesity-link {
    position: relative;

    display: inline-block;

    margin-top: 40px;

    padding-bottom: 9px;

    color: #101a30;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 16px;

    font-weight: 600;

    line-height: 1.2;

    text-decoration: none;
} */


/* Red underline */

/* .obesity-link::after {
    content: "";

    position: absolute;

    left: 0;
    bottom: 0;

    width: 100%;
    height: 2px;

    background: #f3312d; */
}


/* =========================================================
   HOVER
========================================================= */

/* .obesity-link:hover {
    color: #f3312d;
} */


/* =========================================================
   LARGE DESKTOP
========================================================= */



/* =========================================================
   MOBILE
========================================================= */







/* =========================================================
   DIABETICS MANAGEMENT SECTION
========================================================= */

/* .diabetes-section {
    width: 100%;
    padding: 100px 0;
    overflow: hidden;
} */


/* =========================================================
   MAIN CONTAINER
========================================================= */

/* .diabetes-container {
    width: 80%;
    max-width: 1220px;
    margin: 0 auto;

    display: grid;
    grid-template-columns: 400px 1fr;

    column-gap: 170px;

    align-items: center;
} */


/* =========================================================
   LEFT IMAGE
========================================================= */

/* .diabetes-image-wrap {
    width: 400px;
    height: 530px;

    overflow: hidden;

    border-radius: 0 0 38px 38px;

    position: relative;
}


.diabetes-image {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;

    object-position: center;
} */


/* =========================================================
   RIGHT CONTENT
========================================================= */

/* .diabetes-content {
    width: 100%;
    max-width: 650px;
} */


/* =========================================================
   SMALL RED LABEL
========================================================= */

/* .diabetes-label {
    margin-bottom: 34px;

    color: #f3312d;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 14px;

    font-weight: 700;

    letter-spacing: 4px;

    line-height: 1;

    text-transform: uppercase;
} */


/* =========================================================
   MAIN TITLE
========================================================= */

/* .diabetes-title {
    margin: 0 0 34px;

    color: #07132d;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 78px;

    font-weight: 400;

    line-height: 1.02;

    letter-spacing: -5px;
} */


/* =========================================================
   DESCRIPTION
========================================================= */

/* .diabetes-description {
    max-width: 650px;

    margin: 0;

    color: #4f5c70;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 18px;

    font-weight: 400;

    line-height: 1.75;
}
 */

/* Second paragraph */

/* .diabetes-description-second {
    margin-top: 28px;
} */


/* =========================================================
   CTA LINK
========================================================= */

/* .diabetes-link {
    position: relative;

    display: inline-block;

    margin-top: 40px;

    padding-bottom: 9px;

    color: #101a30;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 16px;

    font-weight: 600;

    line-height: 1.2;

    text-decoration: none;
} */


/* Red underline */

/* .diabetes-link::after {
    content: "";

    position: absolute;

    left: 0;
    bottom: 0;

    width: 100%;
    height: 2px;

    background: #f3312d;
} */


/* =========================================================
   HOVER
========================================================= */

/* .diabetes-link:hover {
    color: #f3312d;
}
 */



/* =========================================================
   MOBILE
========================================================= */






















.carousel-inner img {
    width: 100%;
    height: 100%;
}
/* FAQ SECTION styles */
.accordion > .card {
  overflow: hidden;
}
.blog_context img {
    width: 100%;
}
img.blog_inner_img {
    width: 100%;
}
.blog_progress_bar {
    height: 5px;
    background: #bb8c2d;
    width: 0%;
    position: fixed;
    top: 55px;
}
.accordion > .card:not(:last-of-type) {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.accordion > .card:not(:first-of-type) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.accordion > .card > .card-header {
  border-radius: 0;
  margin-bottom: -1px;
}





.leadForm .form-group{
    position: relative;
    margin-bottom: 1.5em;
}

.leadForm label.text-red.text-capitalize.text-normal {
    font-size: 12px;
    position: absolute;
    bottom: -18px;
    left: 12px;
    background: white;
    color: #bd060e !important;
}

.text-capitalize{
    text-transform: none !important;
}





/*****Gallery********/

.tz-gallery {
    padding: 10px 10px;
}

/* Override bootstrap column paddings */
.tz-gallery .row > div {
    padding: 2px;
}

.tz-gallery .lightbox img {
    width: 100%;
    min-height: 270px;
    max-height: 270px;
    object-fit: cover;
    border-radius: 0;
    position: relative;
}

.tz-gallery .lightbox:before {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -13px;
    margin-left: -13px;
    opacity: 0;
    color: #611050;
    font-size: 26px;
    /* font-family: 'fontawesome'; */
    /* content:"\f08e"; */
    /* content:"\f06e"; */
    content:'';
    pointer-events: none;
    z-index: 9;
    transition: 0.4s;
    background: #fff;
    min-width: 50px;
    text-align: center;
	background: url(../img/azi-guard-technology.svg) no-repeat center;
	background-size: 30px;
}
.tz-gallery a.lightbox {
    display: block;
    overflow: hidden;
    width: 100%;
    max-height: 270px;
    position: relative;
}

.tz-gallery .lightbox:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    content: '';
    transition: 0.4s;
	background: url(../img/azi-guard-technology.svg) rgb(220 136 78 / 75%) no-repeat center;
	background-size: 55px;
}
.tz-gallery1 .lightbox:after {
	background: url(../img/coats-objects.svg) rgb(230 54 45 / 75%) no-repeat center;
}

.tz-gallery .lightbox:hover:after,
.tz-gallery .lightbox:hover:before {
    opacity: 1;
}
/* Video Gallery ********/
.video-block {
	text-align: left;
    background-color: #eee;
    padding: 5px;
    min-height: 290px;
}
.thumbnail-block {
	/*padding: 5px;
    border: 1px solid #ebebeb;*/
	position: relative;
}
.overlap {
	position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #3333335e;
    display: none;
	cursor: pointer;
	text-align: center;
}
.thumbnail-block:hover .overlap {
	display: block;
}
.thumbnail-block img {
	width: 100%;
    height: 200px;
    -o-object-fit: cover;
    object-fit: cover;
}
.overlap img {
	width: 55px;
    margin-top: 20%;
    height: auto;
}
.modal-video-body video {
	width: 100%;
}
.modal-video-body iframe {
	width: 100%;
}
.video-block span {
    font-size: 15px;
    color: #333;
    font-weight: 600;
    padding: 5px;
    text-align: left;
    display: block;
}
small.b_dte {
    color: #ac001a;
    font-size: 14px;
    display: block;
    margin-top: 5px;
    text-align: right;
    font-weight: 500;
}
.video_gallery_section {
	position: relative;
	padding: 100px 0;
	background-color: #ffffff;
}
.video_gallery_section1 {
	margin-top: 15.2em;
    padding: 50px 0;
}
/* Success Page Styles ********/
.success-page-section {
    padding: 75px 0;
	margin-top: 0;
}
.success-text {
    text-align: center;
}
.success-text h2 {
    font-size: 30px;
    color: #dc884e;
    font-weight: 900;
}
.success-text p {
    font-size: 18px;
    padding: 8px 0;
    color: #222d35;
    font-weight: 500;
}
.success-text h6 {
    background-color: #ec3726;
    width: 175px;
    margin: 0 auto;
    padding: 15px 0;
    border-radius: 5px;
    font-size: 16px;
    text-align: center;
}
.success-text h6 a {
    color: #ffffff;
    display: block;
}
.success-text h6 a:hover {
    text-decoration: none;
}

.disclmerTxt {
    color: white;
    font-size: 14px !important;
    line-height: 1.4;
    margin-top: 10px;
    margin-bottom: 1em !important;
    text-align: center !important;
}
.disclmerTxt b{
	font-weight: bold;
}
.cookie-banner {
	display: none;
	height: auto;
	position: fixed;
	z-index: 999;
	padding: 4px 3%;
	background-color: #eee;
	-webkit-transition-timing-function: ease-in;
	transition-timing-function: ease-in;
}
.cookie-banner.bottom {
	display: block;
	border-top: 2px solid #26130c;
	bottom: -90%;
	transition: bottom 0.5s;
}
.cookie-banner.bottom.show {
	bottom: 0;
	transition: bottom 1s;
	-webkit-transition-timing-function: ease-in;
	transition-timing-function: ease-in;
}
.cookie-banner p {
	float: left;
	width: 88%;
	display: inline-block;
	font-size: 12px;
}

.cookie-banner a.button {
	float: left;
	margin: 15px;
	width: 100px;
	height: 40px;
	z-index: 100;
	background: #9d0917;
	text-transform: uppercase;
	line-height: 1.4;
	padding-top: 8px;
	display: inline-block;
	color: #FFF!important;
	text-align: center;
	text-decoration: none!important;
	cursor: pointer;
}

.image_gallery_section {
	padding: 75px 0;
}

#myBtn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  background-color: red;
  color: white;
  cursor: pointer;
  padding: 15px;
  border-radius: 4px;
}

#myBtn:hover {
  background-color: #555;
}

@media (max-width: 991.98px) {
    .mve_top { display: none !important; }
}



.owl-theme .owl-controls{ margin-top: 0; }
.owl-theme .owl-controls .owl-buttons div{
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 35px;
    background: #f1971f;
    color: #fff;
    border-radius: 0;
    margin-right: 5px;
    opacity: 1;
}
.owl-prev:before,
.owl-next:before{
    content: "\f060";
    font-family: "Font Awesome 5 Free";
    font-size: 20px;
    font-weight: 900;
}
.owl-next:before{ content: "\f061"; }