/*===============================
        GOOGLE RESET
================================*/

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

html{
    scroll-behavior:smooth;
}

body{
    font-family:'Poppins',sans-serif;
    background:#08130F;
    min-height:100vh;
}

/*===============================
        COLORS
================================*/

:root{

    --primary:#2EE59D;
    --primary-dark:#18B67A;
    --white:#ffffff;
    --text:#E8F4F0;

    --glass:rgba(255,255,255,.08);

    --glass-hover:rgba(255,255,255,.12);

    --border:rgba(255,255,255,.18);

}

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

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

.navbar{

    position: fixed;

    top: 20px;

    left: 50%;

    transform: translateX(-50%);

    width: 95%;

    height: 84px;

    padding: 0 28px;

    display: flex;

    align-items: center;

    border-radius: 24px;

    backdrop-filter: blur(25px);

    background: var(--glass);

    border: 1px solid var(--border);

    z-index: 999;

}

/*===============================
            LOGO
================================*/

.logo{

    width: 220px;

    display: flex;

    align-items: center;

    justify-content: flex-start;

    flex-shrink: 0;

}

.logo img{

    width: 190px;

    display: block;

}

/*===============================
        NAV LINKS
================================*/

.nav-links{

    flex: 1;

    display: flex;

    justify-content: center;

    align-items: center;

    list-style: none;

    gap: 22px;

    margin: 0;

    padding: 0;

}

.nav-links li{

    position: relative;

}

.nav-links li a{

    text-decoration: none;

    color: var(--white);

    font-size: 16px;

    font-weight: 500;

    padding: 12px 18px;

    border-radius: 999px;

    transition: .35s;

    display: block;

    position: relative;

    overflow: hidden;

    white-space: nowrap;

}

/* Glass Hover */

.nav-links li a::before{

    content: "";

    position: absolute;

    inset: 0;

    border-radius: 999px;

    background: rgba(255,255,255,.08);

    backdrop-filter: blur(10px);

    border: 1px solid rgba(46,229,157,.25);

    opacity: 0;

    transition: .35s;

}

.nav-links li a:hover::before{

    opacity: 1;

}

.nav-links li a:hover{

    color: var(--primary);

}

.nav-links li a span{

    position: relative;

    z-index: 2;

}

.nav-links li a.active{

    background: rgba(46,229,157,.12);

    border: 1px solid rgba(46,229,157,.3);

    color: var(--primary);

}

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

.book-btn{

    display:flex;

    align-items:center;

    gap:14px;

    text-decoration:none;

    background:white;

    color:#08130F;

    padding:13px 22px;

    border-radius:999px;

    font-weight:600;

    transition:.35s;

    white-space:nowrap;

}

.book-btn span{

    width:36px;

    height:36px;

    display:flex;

    justify-content:center;

    align-items:center;

    border-radius:50%;

    background:var(--primary);

    color:white;

    transition:.35s;

}

.book-btn:hover{

    transform:translateY(-3px);

    box-shadow:0 12px 35px rgba(46,229,157,.30);

}

.book-btn:hover span{

    transform:rotate(45deg);

}

/*===============================
        MENU TOGGLE
================================*/

.menu-toggle{

    width:48px;

    height:48px;

    display:none;

    justify-content:center;

    align-items:center;

    flex-direction:column;

    gap:6px;

    cursor:pointer;

    border-radius:14px;

    background:rgba(255,255,255,.08);

    backdrop-filter:blur(20px);

    border:1px solid rgba(255,255,255,.15);

}

.menu-toggle span{

    width:24px;

    height:2px;

    background:white;

    transition:.35s;

}

/* Animation */

.menu-toggle.active span:nth-child(1){

    transform:translateY(8px) rotate(45deg);

}

.menu-toggle.active span:nth-child(2){

    opacity:0;

}

.menu-toggle.active span:nth-child(3){

    transform:translateY(-8px) rotate(-45deg);

}

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

.mobile-menu{

    position:fixed;

    top:0;

    right:-100%;

    width:100%;

    height:100vh;

    background:#08130F;

    display:flex;

    flex-direction:column;

    justify-content:center;

    align-items:center;

    gap:30px;

    transition:.45s ease;

    z-index:998;

}

.mobile-menu.active{

    right:0;

}

.mobile-menu a{

    color:white;

    text-decoration:none;

    font-size:24px;

    font-weight:600;

    transition:.3s;

}

.mobile-menu a:hover{

    color:var(--primary);

}

.mobile-btn{

    margin-top:20px;

    background:white;

    color:#08130F !important;

    padding:14px 28px;

    border-radius:999px;

}

/* =========================================================
   MOBILE RESOURCE LINKS
========================================================= */

.mobile-resource-links {

    width: 100%;

    display: flex;
    flex-direction: column;

    align-items: center;

    margin-top: 18px;
    padding-top: 18px;

    border-top: 1px solid rgba(255, 255, 255, 0.12);

}


/* Individual resource links */

.mobile-resource-links a {

    width: 100%;

    padding: 10px 0;

    color: rgba(255, 255, 255, 0.6);

    font-size: 14px;

    text-align: center;

    text-decoration: none;

    transition: color 0.25s ease;
}


.mobile-resource-links a:hover {

    color: #2EE59D;

}

/*=========================================
        4K MONITORS (2560px+)
=========================================*/

@media (min-width:2560px){

    .navbar{
        width:80%;
        height:92px;
    }

    .logo img{
        width:220px;
    }

    .nav-links{
        gap:30px;
    }

    .nav-links li a{
        font-size:18px;
        padding:15px 22px;
    }

    .book-btn{
        padding:16px 28px;
        font-size:17px;
    }

}


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

@media (max-width:1600px){

    .navbar{
        width:92%;
    }

    .nav-links{
        gap:20px;
    }

}


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

@media (max-width:1440px){

    .logo img{
        width:180px;
    }

    .nav-links{
        gap:18px;
    }

    .nav-links li a{
        font-size:15px;
        padding:12px 16px;
    }

}


/*=========================================
        LAPTOP (MacBook Air / Surface)
=========================================*/

@media (max-width:1280px){

    .navbar{
        padding:0 22px;
    }

    .logo{
        width:180px;
    }

    .book-btn{
        width:auto;
    }

    .nav-links{
        gap:14px;
    }

    .nav-links li a{

        font-size:14px;

        padding:11px 14px;

    }

}


/*=========================================
        SMALL LAPTOP
=========================================*/

@media (max-width:1100px){

    .logo img{
        width:155px;
    }

    .nav-links{
        gap:10px;
    }

    .nav-links li a{

        font-size:13px;

        padding:10px 12px;

    }

    .book-btn{

        padding:10px 16px;

        font-size:13px;

    }

}


/*=========================================
        TABLETS
=========================================*/

@media (max-width:992px){

    .navbar{

        height:74px;

        padding:0 18px;

    }

    .logo img{

        width:145px;

    }

    .nav-links{

        gap:6px;

    }

    .nav-links li a{

        font-size:12px;

        padding:9px 10px;

    }

    .book-btn{

        padding:9px 15px;

        font-size:12px;

    }

}


/*=========================================
        TABLET & LARGE MOBILE
=========================================*/

@media (max-width:768px){

    .navbar{

        height:72px;

        padding:0 18px;

        justify-content:space-between;

    }

    .nav-links{

        display:none;

    }

    .book-btn{

        display:none;

    }

    .menu-toggle{

        display:flex;

    }

    .logo{

        width:auto;

    }

    .logo img{

        width:145px;

    }

}


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

@media (max-width:576px){

    .navbar{

        width:94%;

        height:68px;

        padding:0 15px;

        border-radius:18px;

    }

    .logo img{

        width:130px;

    }

    .menu-toggle{

        width:42px;

        height:42px;

    }

}


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

@media (max-width:430px){

    .navbar{

        height:64px;

        top:12px;

    }

    .logo img{

        width:120px;

    }

    .menu-toggle{

        width:40px;

        height:40px;

    }

}


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

@media (max-width:375px){

    .navbar{

        width:96%;

        padding:0 12px;

    }

    .logo img{

        width:110px;

    }

    .menu-toggle{

        width:38px;

        height:38px;

    }

}


/*=========================================
        EXTRA SMALL MOBILE
=========================================*/

@media (max-width:320px){

    .logo img{

        width:100px;

    }

    .menu-toggle{

        width:36px;

        height:36px;

    }

}

.nav-dropdown {
    position: relative;
}


/* RESOURCES BUTTON */

.nav-dropdown-btn {

    display: flex;
    align-items: center;
    gap: 8px;

    background: transparent;
    border: none;

    color: #ffffff;

    font-family: inherit;
    font-size: 16px;
    font-weight: 500;

    cursor: pointer;

    padding: 10px 0;

    transition: color 0.3s ease;
}


.nav-dropdown-btn:hover {
    color: #2EE59D;
}


/* CHEVRON */

.nav-dropdown-btn i {

    font-size: 10px;

    transition:
        transform 0.3s ease,
        color 0.3s ease;
}


.nav-dropdown.active .nav-dropdown-btn {
    color: #2EE59D;
}


.nav-dropdown.active .nav-dropdown-btn i {
    transform: rotate(180deg);
}


/* =========================================================
   DROPDOWN MENU
========================================================= */

.nav-dropdown-menu {

    position: absolute;

    top: calc(100% + 14px);
    right: 0;

    width: 230px;

    padding: 10px;

    background: rgba(8, 25, 21, 0.96);

    border: 1px solid rgba(46, 229, 157, 0.25);

    border-radius: 18px;

    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);

    box-shadow:
        0 20px 50px rgba(0, 0, 0, 0.35),
        0 0 30px rgba(46, 229, 157, 0.05);

    opacity: 0;
    visibility: hidden;

    transform: translateY(-8px);

    transition:
        opacity 0.25s ease,
        transform 0.25s ease,
        visibility 0.25s ease;

    z-index: 9999;
}


/* OPEN */

.nav-dropdown.active .nav-dropdown-menu {

    opacity: 1;
    visibility: visible;

    transform: translateY(0);
}


/* =========================================================
   DROPDOWN LINKS
========================================================= */

.nav-dropdown-menu a {

    display: flex;

    align-items: center;
    justify-content: space-between;

    padding: 14px 15px;

    border-radius: 11px;

    color: rgba(255, 255, 255, 0.82);

    text-decoration: none;

    font-size: 15px;
    font-weight: 500;

    transition:
        background 0.25s ease,
        color 0.25s ease,
        transform 0.25s ease;
}


.nav-dropdown-menu a i {

    font-size: 11px;

    color: #2EE59D;

    opacity: 0;

    transform: translateX(-5px);

    transition:
        opacity 0.25s ease,
        transform 0.25s ease;
}


.nav-dropdown-menu a:hover {

    background: rgba(46, 229, 157, 0.10);

    color: #ffffff;

    transform: translateX(2px);
}


.nav-dropdown-menu a:hover i {

    opacity: 1;

    transform: translateX(0);
}

/* =========================================================
   AIRSHIP TRANSITION SECTION
========================================================= */

.airship-transition {

    position: relative;

    width: 100%;

    padding: 150px 6vw 160px;

    overflow: hidden;

    background:
        radial-gradient(
            circle at 80% 30%,
            rgba(46, 229, 157, 0.09),
            transparent 35%
        ),
        linear-gradient(
            120deg,
            #020807,
            #031612,
            #00100d
        );

}


/* =========================================================
   SUBTLE GRID
========================================================= */

.airship-transition::before {

    content: "";

    position: absolute;

    inset: 0;

    pointer-events: none;

    opacity: 0.22;

    background-image:

        linear-gradient(
            rgba(46,229,157,.06) 1px,
            transparent 1px
        ),

        linear-gradient(
            90deg,
            rgba(46,229,157,.06) 1px,
            transparent 1px
        );

    background-size: 70px 70px;

}


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

.transition-heading {

    position: relative;

    z-index: 2;

    max-width: 900px;

    margin: 0 auto 110px;

    text-align: center;

}


.transition-eyebrow {

    display: inline-flex;

    align-items: center;

    gap: 12px;

    margin-bottom: 25px;

    color: #2EE59D;

    font-size: 13px;

    font-weight: 700;

    letter-spacing: 3px;

    text-transform: uppercase;

}


.transition-eyebrow::before,
.transition-eyebrow::after {

    content: "";

    width: 35px;

    height: 1px;

    background: #2EE59D;

}


.transition-heading h2 {

    margin: 0;

    color: #ffffff;

    font-size: clamp(
        48px,
        6vw,
        90px
    );

    line-height: .95;

    letter-spacing: -4px;

    font-weight: 800;

}


.transition-heading h2 span {

    color: #2EE59D;

}


.transition-heading p {

    max-width: 700px;

    margin: 30px auto 0;

    color: rgba(255,255,255,.62);

    font-size: 17px;

    line-height: 1.8;

}


/* =========================================================
   JOURNEY
========================================================= */

.transition-journey {

    position: relative;

    z-index: 2;

    max-width: 1250px;

    margin: auto;

}


/* =========================================================
   STEP
========================================================= */

.transition-step {

    position: relative;

    display: grid;

    grid-template-columns:
        70px
        minmax(350px, 1fr)
        minmax(350px, 1fr);

    align-items: center;

    gap: 55px;

    min-height: 400px;

}


/* =========================================================
   NUMBER
========================================================= */

.transition-number {

    align-self: start;

    padding-top: 12px;

    color: #2EE59D;

    font-size: 14px;

    font-weight: 700;

    letter-spacing: 2px;

}


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

.transition-image {

    position: relative;

    width: 100%;

    height: 360px;

    overflow: hidden;

    border-radius: 28px;

    background: #071712;

}


.transition-image::after {

    content: "";

    position: absolute;

    inset: 0;

    background:
        linear-gradient(
            135deg,
            rgba(46,229,157,.14),
            transparent 55%
        );

    pointer-events: none;

}


.transition-image img {

    width: 100%;

    height: 100%;

    display: block;

    object-fit: cover;

    transition:
        transform .7s ease,
        filter .7s ease;

    filter:
        saturate(.85)
        brightness(.82);

}


.transition-step:hover
.transition-image img {

    transform: scale(1.04);

    filter:
        saturate(1)
        brightness(.95);

}


/* =========================================================
   IMAGE BORDER
========================================================= */

.transition-image {

    border: 1px solid
        rgba(255,255,255,.16);

    box-shadow:
        0 30px 80px
        rgba(0,0,0,.35);

}


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

.transition-content {

    padding-right: 30px;

}


.transition-label {

    display: block;

    margin-bottom: 18px;

    color: #FF9F2A;

    font-size: 12px;

    font-weight: 700;

    letter-spacing: 3px;

}


.transition-content h3 {

    margin: 0 0 22px;

    color: #ffffff;

    font-size: clamp(
        42px,
        5vw,
        70px
    );

    line-height: 1;

    letter-spacing: -3px;

    font-weight: 800;

}


.transition-content p {

    max-width: 500px;

    margin: 0;

    color:
        rgba(255,255,255,.62);

    font-size: 17px;

    line-height: 1.8;

}


/* =========================================================
   ALTERNATING LAYOUT
========================================================= */

.transition-step-reverse {

    grid-template-columns:
        70px
        minmax(350px, 1fr)
        minmax(350px, 1fr);

}


.transition-step-reverse
.transition-image {

    order: 3;

}


.transition-step-reverse
.transition-content {

    order: 2;

}


/* =========================================================
   CONNECTING LINE
========================================================= */

.transition-line {

    position: relative;

    width: 100%;

    height: 100px;

    display: flex;

    justify-content: center;

}


.transition-line::before {

    content: "";

    position: absolute;

    top: 0;

    bottom: 0;

    width: 1px;

    background:
        linear-gradient(
            to bottom,
            transparent,
            #2EE59D,
            transparent
        );

}


.transition-line span {

    position: absolute;

    top: 50%;

    left: 50%;

    width: 9px;

    height: 9px;

    transform:
        translate(
            -50%,
            -50%
        );

    border-radius: 50%;

    background: #2EE59D;

    box-shadow:
        0 0 20px
        rgba(46,229,157,.8);

}


/* =========================================================
   BOTTOM STATEMENT
========================================================= */

.transition-statement {

    position: relative;

    z-index: 2;

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 30px;

    margin-top: 110px;

}


.transition-statement span {

    width: 80px;

    height: 1px;

    background:
        rgba(46,229,157,.45);

}


.transition-statement p {

    margin: 0;

    color:
        rgba(255,255,255,.55);

    font-size: 16px;

    letter-spacing: 1px;

    text-align: center;

}


.transition-statement strong {

    color: #2EE59D;

    font-weight: 600;

}


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

@media (max-width: 1000px) {

    .airship-transition {

        padding:
            110px 5vw
            120px;

    }


    .transition-step {

        grid-template-columns:
            50px 1fr 1fr;

        gap: 30px;

    }


    .transition-image {

        height: 300px;

    }


    .transition-content h3 {

        font-size: 48px;

    }

}


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

@media (max-width: 700px) {

    .airship-transition {

        padding:
            90px 24px
            100px;

    }


    .transition-heading {

        margin-bottom: 70px;

    }


    .transition-heading h2 {

        font-size: 48px;

        letter-spacing: -2px;

    }


    .transition-heading p {

        font-size: 15px;

    }


    .transition-step,
    .transition-step-reverse {

        display: flex;

        flex-direction: column;

        align-items: stretch;

        gap: 25px;

        min-height: auto;

    }


    .transition-number {

        padding: 0;

    }


    .transition-image {

        width: 100%;

        height: 260px;

        order: 2 !important;

        border-radius: 20px;

    }


    .transition-content {

        order: 3 !important;

        padding: 0;

    }


    .transition-content h3 {

        font-size: 46px;

        letter-spacing: -2px;

    }


    .transition-content p {

        font-size: 15px;

    }


    .transition-line {

        height: 80px;

    }


    .transition-statement {

        margin-top: 80px;

        gap: 15px;

    }


    .transition-statement span {

        width: 30px;

    }


    .transition-statement p {

        font-size: 13px;

        line-height: 1.6;

    }

}

/* =========================================================
   PRIVACY POLICY PAGE
========================================================= */

.privacy-page {
    min-height: 200vh;
    padding-top: 250px;
    padding-bottom: 100px;
    color: #ffffff;
}


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

.privacy-header {

    position: relative;

    max-width: 1000px;

    margin: 0 auto;

    padding: 150px 30px 80px;

    text-align: center;

}


/* EYEBROW */

.privacy-eyebrow {

    display: inline-block;

    margin-bottom: 25px;

    color: #2EE59D;

    font-size: 13px;

    font-weight: 600;

    letter-spacing: 5px;

    text-transform: uppercase;
}


/* MAIN TITLE */

.privacy-header h1 {

    margin: 0;

    font-size: clamp(65px, 9vw, 125px);

    line-height: .9;

    letter-spacing: -5px;

    font-weight: 700;

    color: #ffffff;
}


/* GREEN POLICY */

.privacy-header h1 span {

    color: #2EE59D;

    display: inline;

}


/* DESCRIPTION */

.privacy-header p {

    max-width: 700px;

    margin: 35px auto 0;

    color: rgba(255, 255, 255, .65);

    font-size: 17px;

    line-height: 1.7;
}


/* LAST UPDATED */

.last-updated {

    margin-top: 25px;

    color: rgba(255, 255, 255, .4);

    font-size: 13px;

    letter-spacing: .5px;
}


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

.privacy-container {

    width: min(1150px, calc(100% - 40px));

    margin: 0 auto;

}


/* =========================================================
   PRIVACY SECTION
========================================================= */

.privacy-section {

    display: grid;

    grid-template-columns: 100px 1fr;

    gap: 45px;

    padding: 55px 0;

    border-top: 1px solid rgba(255, 255, 255, .08);
}


/* SECTION NUMBER */

.section-number {

    padding-top: 6px;

    color: #2EE59D;

    font-size: 14px;

    font-weight: 600;

    letter-spacing: 3px;
}


/* SECTION HEADING */

.privacy-section h2 {

    margin: 0 0 22px;

    color: #ffffff;

    font-size: clamp(26px, 3vw, 38px);

    line-height: 1.15;

    font-weight: 600;

    letter-spacing: -1px;
}


/* SUB HEADING */

.privacy-section h3 {

    margin: 35px 0 18px;

    color: #ffffff;

    font-size: 19px;

    font-weight: 500;
}


/* PARAGRAPHS */

.privacy-section p {

    max-width: 850px;

    margin: 0 0 18px;

    color: rgba(255, 255, 255, .62);

    font-size: 16px;

    line-height: 1.8;
}


/* REMOVE LAST PARAGRAPH SPACE */

.privacy-section p:last-child {

    margin-bottom: 0;

}


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

.privacy-section ul {

    margin: 20px 0 0;

    padding: 0;

    list-style: none;
}


.privacy-section li {

    position: relative;

    margin-bottom: 13px;

    padding-left: 25px;

    color: rgba(255, 255, 255, .62);

    font-size: 16px;

    line-height: 1.7;
}


/* GREEN DOT */

.privacy-section li::before {

    content: "";

    position: absolute;

    top: .75em;

    left: 0;

    width: 7px;

    height: 7px;

    border-radius: 50%;

    background: #2EE59D;

    box-shadow: 0 0 10px rgba(46, 229, 157, .45);
}


/* =========================================================
   CONTACT SECTION
========================================================= */

.privacy-contact {

    position: relative;

    margin-top: 70px;

    padding: 70px 60px;

    overflow: hidden;

    text-align: center;

    border: 1px solid rgba(46, 229, 157, .15);

    border-radius: 30px;

    background:
        linear-gradient(
            135deg,
            rgba(46, 229, 157, .07),
            rgba(0, 0, 0, .08)
        );
}


/* GLOW */

.privacy-contact::before {

    content: "";

    position: absolute;

    top: -150px;

    left: 50%;

    width: 400px;

    height: 400px;

    transform: translateX(-50%);

    border-radius: 50%;

    background: rgba(46, 229, 157, .08);

    filter: blur(100px);

    pointer-events: none;
}


/* CONTACT EYEBROW */

.privacy-contact > span {

    position: relative;

    display: block;

    margin-bottom: 18px;

    color: #2EE59D;

    font-size: 12px;

    font-weight: 600;

    letter-spacing: 4px;
}


/* CONTACT HEADING */

.privacy-contact h2 {

    position: relative;

    margin: 0;

    color: #ffffff;

    font-size: clamp(40px, 5vw, 65px);

    line-height: 1;

    letter-spacing: -2px;

    font-weight: 600;
}


/* GREEN HELP */

.privacy-contact h2 strong {

    color: #2EE59D;

    font-weight: 600;
}


/* CONTACT TEXT */

.privacy-contact p {

    position: relative;

    max-width: 650px;

    margin: 25px auto 35px;

    color: rgba(255, 255, 255, .6);

    font-size: 16px;

    line-height: 1.7;
}


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

.privacy-contact-btn {

    position: relative;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 18px;

    min-width: 190px;

    padding: 15px 20px 15px 25px;

    color: #08130F;

    background: #ffffff;

    border-radius: 50px;

    text-decoration: none;

    font-size: 14px;

    font-weight: 600;

    transition:
        transform .3s ease,
        background .3s ease;
}


/* ARROW */

.privacy-contact-btn i {

    display: flex;

    align-items: center;

    justify-content: center;

    width: 38px;

    height: 38px;

    color: #08130F;

    background: #2EE59D;

    border-radius: 50%;

    transition: transform .3s ease;
}


/* HOVER */

.privacy-contact-btn:hover {

    transform: translateY(-3px);

}


.privacy-contact-btn:hover i {

    transform: translateX(4px);

}


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

@media (max-width: 1100px) {

    .privacy-page {

        padding-top: 130px;

    }


    .privacy-header {

        padding-top: 60px;

        padding-bottom: 65px;

    }


    .privacy-header h1 {

        font-size: clamp(60px, 10vw, 100px);

    }


    .privacy-section {

        grid-template-columns: 70px 1fr;

        gap: 30px;

    }

}


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

@media (max-width: 700px) {

    .privacy-page {

        padding-top: 120px;

        padding-bottom: 60px;

    }


    /* HEADER */

    .privacy-header {

        padding: 45px 20px 55px;

    }


    .privacy-eyebrow {

        margin-bottom: 20px;

        font-size: 11px;

        letter-spacing: 4px;

    }


    .privacy-header h1 {

        font-size: clamp(50px, 15vw, 72px);

        line-height: .92;

        letter-spacing: -3px;

    }


    .privacy-header p {

        margin-top: 25px;

        font-size: 14px;

        line-height: 1.65;

    }


    .last-updated {

        margin-top: 20px;

        font-size: 12px;

    }


    /* CONTAINER */

    .privacy-container {

        width: calc(100% - 30px);

    }


    /* SECTIONS */

    .privacy-section {

        display: block;

        padding: 40px 0;

    }


    /* NUMBER */

    .section-number {

        display: block;

        margin-bottom: 15px;

        font-size: 12px;

        letter-spacing: 3px;

    }


    /* HEADING */

    .privacy-section h2 {

        margin-bottom: 18px;

        font-size: 27px;

        letter-spacing: -.5px;

    }


    /* SUBHEADING */

    .privacy-section h3 {

        margin-top: 28px;

        font-size: 17px;

    }


    /* TEXT */

    .privacy-section p {

        font-size: 14px;

        line-height: 1.75;

    }


    /* LIST */

    .privacy-section li {

        padding-left: 22px;

        font-size: 14px;

        line-height: 1.65;

    }


    /* CONTACT */

    .privacy-contact {

        margin-top: 40px;

        padding: 50px 22px;

        border-radius: 24px;

    }


    .privacy-contact > span {

        font-size: 10px;

        letter-spacing: 3px;

    }


    .privacy-contact h2 {

        font-size: clamp(38px, 11vw, 52px);

        letter-spacing: -1.5px;

    }


    .privacy-contact p {

        margin-top: 20px;

        font-size: 14px;

        line-height: 1.7;

    }


    .privacy-contact-btn {

        width: 100%;

        max-width: 220px;

    }

}


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

@media (max-width: 400px) {

    .privacy-page {

        padding-top: 110px;

    }


    .privacy-header {

        padding-left: 15px;

        padding-right: 15px;

    }


    .privacy-header h1 {

        font-size: 48px;

    }


    .privacy-container {

        width: calc(100% - 24px);

    }


    .privacy-contact {

        padding: 45px 18px;

    }

}

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

.footer{

position:relative;

width:100%;

overflow:hidden;

background:linear-gradient(
    180deg,
    #07110F 0%,
    #04100D 60%,
    #020705 100%
);

padding:90px 0 35px;

border-top:1px solid rgba(255,255,255,.08);

}

/*====================================
    BACKGROUND GLOW
====================================*/

.footer::before{

content:"";

position:absolute;

width:900px;

height:900px;

background:#2EE59D;

border-radius:50%;

filter:blur(220px);

opacity:.06;

left:50%;

top:-450px;

transform:translateX(-50%);

}

.footer::after{

content:"";

position:absolute;

width:550px;

height:550px;

background:#FF9F2A;

border-radius:50%;

filter:blur(220px);

opacity:.03;

right:-200px;

bottom:-250px;

}

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

.footer-container{

width:90%;

max-width:1450px;

margin:auto;

position:relative;

z-index:2;

}

/*====================================
        DIVIDER
====================================*/

.footer-divider{

width:100%;

height:1px;

background:linear-gradient(
    90deg,
    transparent,
    rgba(255,255,255,.18),
    transparent
);

}

.bottom-divider{

margin-top:65px;

}

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

.footer-content{

display:grid;

grid-template-columns:2fr 1fr;

gap:130px;

padding:70px 0;

}

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

.company-header{

display:flex;

align-items:center;

gap:22px;

margin-bottom:45px;

}

.company-header img{

width:72px;

transition:.45s;

}

.company-header img:hover{

transform:rotate(-5deg) scale(1.05);

}

.company-header h3{

color:#fff;

font-size:26px;

margin-bottom:8px;

font-weight:700;

}

.company-header span{

color:#2EE59D;

font-size:16px;

}

.footer-contact{

display:flex;

flex-direction:column;

gap:28px;

}

/*====================================
    CONTACT ITEM
====================================*/

.contact-item{

display:flex;

gap:18px;

align-items:flex-start;

}

.contact-icon{

width:54px;

height:54px;

flex-shrink:0;

display:flex;

justify-content:center;

align-items:center;

border-radius:18px;

background:rgba(46,229,157,.10);

border:1px solid rgba(46,229,157,.20);

color:#2EE59D;

transition:.4s;

}

.contact-item:hover .contact-icon{

transform:translateY(-6px);

background:#2EE59D;

color:#07110F;

box-shadow:0 15px 30px rgba(46,229,157,.25);

}

.contact-item p,

.contact-item a{

color:#D4DDD9;

text-decoration:none;

line-height:1.8;

transition:.35s;

}

.contact-item a:hover{

color:#2EE59D;

}

.phones{

display:flex;

flex-direction:column;

gap:8px;

}

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

.footer-right{

display:flex;

flex-direction:column;

justify-content:space-between;

}

.footer-logo{

margin-bottom:35px;

}

.footer-logo img{

width:180px;

transition:.45s;

}

.footer-logo img:hover{

transform:scale(1.05);

}

.footer-links ul{

list-style:none;

}

.footer-links li{

margin-bottom:18px;

}

.footer-links a{

color:#D4DDD9;

text-decoration:none;

position:relative;

transition:.35s;

display:inline-block;

font-size:17px;

}

.footer-links a::after{

content:"";

position:absolute;

left:0;

bottom:-5px;

width:0;

height:2px;

background:#2EE59D;

transition:.35s;

}

.footer-links a:hover{

color:#fff;

transform:translateX(8px);

}

.footer-links a:hover::after{

width:100%;

}

/*====================================
    CDS SITE
====================================*/

.partner-site{

margin-top:40px;

}

.partner-site span{

display:block;

color:#9EA8A4;

margin-bottom:10px;

font-size:14px;

}

.partner-site a{

color:#2EE59D;

text-decoration:none;

font-size:20px;

font-weight:600;

position:relative;

}

.partner-site a::after{

content:"";

position:absolute;

left:0;

bottom:-5px;

width:0;

height:2px;

background:#2EE59D;

transition:.35s;

}

.partner-site a:hover::after{

width:100%;

}

/*====================================
    COPYRIGHT
====================================*/

.footer-bottom{

padding-top:30px;

text-align:center;

}

.footer-bottom p{

color:#AEB7B3;

font-size:15px;

letter-spacing:.5px;

}

/*==================================================
            4K DISPLAY
==================================================*/

@media (min-width:2560px){

.footer{

padding:120px 0 40px;

}

.footer-container{

max-width:1800px;

}

.footer-content{

gap:180px;

padding:90px 0;

}

.company-header h3{

font-size:34px;

}

.company-header span{

font-size:18px;

}

.contact-item p,
.contact-item a{

font-size:20px;

}

.footer-links a{

font-size:22px;

}

.partner-site a{

font-size:24px;

}

.footer-logo img{

width:240px;

}

}

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

@media (max-width:1600px){

.footer-content{

gap:120px;

}

}

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

@media (max-width:1440px){

.footer-content{

gap:90px;

}

.company-header h3{

font-size:24px;

}

.footer-logo img{

width:170px;

}

}

/*==================================================
            MACBOOK / SURFACE LAPTOP
==================================================*/

@media (max-width:1280px){

.footer-content{

grid-template-columns:1.7fr 1fr;

gap:70px;

}

.company-header img{

width:65px;

}

.company-header h3{

font-size:22px;

}

.contact-icon{

width:50px;

height:50px;

}

}

/*==================================================
                SMALL LAPTOP
==================================================*/

@media (max-width:1100px){

.footer-content{

gap:55px;

}

.footer-links a{

font-size:16px;

}

.partner-site a{

font-size:18px;

}

}

/*==================================================
        SURFACE PRO / iPAD PRO
==================================================*/

@media (max-width:992px){

.footer{

padding:80px 0 30px;

}

.footer-content{

grid-template-columns:1fr;

gap:60px;

}

.footer-right{

align-items:flex-start;

}

.footer-logo{

margin-bottom:30px;

}

.footer-divider{

margin:15px 0;

}

.bottom-divider{

margin-top:40px;

}

}

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

@media (max-width:768px){

.footer{

padding:70px 0 25px;

}

.footer-container{

width:92%;

}

.footer-content{

padding:50px 0;

gap:50px;

}

.company-header{

flex-direction:column;

align-items:flex-start;

}

.company-header img{

width:60px;

}

.company-header h3{

font-size:21px;

}

.contact-item{

gap:15px;

}

.contact-icon{

width:48px;

height:48px;

font-size:18px;

}

.footer-logo img{

width:155px;

}

.partner-site{

margin-top:30px;

}

}

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

@media (max-width:576px){

.footer{

padding:60px 0 20px;

}

.footer-container{

width:92%;

}

.company-header{

flex-direction:column;

align-items:center;

text-align:center;

}

.footer-left{

text-align:center;

}

.contact-item{

flex-direction:column;

align-items:center;

text-align:center;

gap:12px;

}

.contact-icon{

margin-bottom:5px;

}

.footer-right{

align-items:center;

text-align:center;

}

.footer-links ul{

padding:0;

}

.footer-links li{

margin-bottom:16px;

}

.partner-site{

text-align:center;

}

.footer-logo img{

width:140px;

}

.footer-bottom{

padding-top:22px;

}

}

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

@media (max-width:430px){

.footer{

padding:55px 0 20px;

}

.footer-content{

gap:40px;

}

.company-header img{

width:55px;

}

.company-header h3{

font-size:18px;

}

.company-header span{

font-size:13px;

}

.contact-item p,
.contact-item a{

font-size:14px;

line-height:1.6;

}

.contact-icon{

width:44px;

height:44px;

font-size:17px;

}

.footer-logo img{

width:125px;

}

.footer-links a{

font-size:15px;

}

.partner-site a{

font-size:17px;

}

.footer-bottom p{

font-size:13px;

}

}

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

@media (max-width:375px){

.footer{

padding:50px 0 15px;

}

.company-header img{

width:50px;

}

.company-header h3{

font-size:16px;

}

.company-header span{

font-size:12px;

}

.contact-item{

gap:10px;

}

.contact-icon{

width:40px;

height:40px;

font-size:15px;

}

.footer-logo img{

width:110px;

}

.footer-links a{

font-size:14px;

}

.partner-site a{

font-size:15px;

}

}

/*==================================================
            EXTRA SMALL MOBILE
==================================================*/

@media (max-width:320px){

.footer{

padding:40px 0 15px;

}

.company-header h3{

font-size:15px;

}

.company-header span{

font-size:11px;

}

.contact-item p,
.contact-item a{

font-size:12px;

}

.contact-icon{

width:38px;

height:38px;

font-size:14px;

}

.footer-logo img{

width:100px;

}

.footer-links a{

font-size:13px;

}

.partner-site a{

font-size:14px;

}

.footer-bottom p{

font-size:12px;

}

}