@import url('https://fonts.googleapis.com/css2?family=Alexandria:wght@100..900&family=Geist:wght@100..900&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Poiret+One&display=swap');


body {
    background-color: #f6f6f6;
}


::selection {
    background-color: #242021;
    color: #B08F66;
}






/*Transparent Button*/

.transparent-button {
    font-family: "Geist", "Inter", sans-serif;
    font-size: 16px;
    font-weight: 200;
    text-align: center;
    color: #ffffff;
    background-color: transparent;
    text-decoration: none;
    border: 1px solid rgba(255, 255, 255, 0.5);
    padding: 10px 16px;
    transition: all 1.2s ease;

    /*To align Email and WhatsApp icons*/
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.transparent-button:hover {
    color: #333333;
    background-color: #ffffff;
}

.transparent-button i {
    font-size: 20px;
    font-weight: 600;
}






/*Dark Button*/

.dark-button {
    font-family: "Geist", "Inter", sans-serif;
    font-size: 16px;
    font-weight: 200;
    text-align: center;
    color: #ffffff;
    background-color: #333333;
    text-decoration: none;
    border: 1px solid #333333;
    padding: 10px 16px;
    transition: all 1.2s ease;

    /*To align Email and WhatsApp icons*/
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.dark-button:hover {
    color: #ffffff;
    background-color: transparent;
    border: 1px solid rgba(255, 255, 255, 0.5);
}

.dark-button i {
    font-size: 20px;
    font-weight: 600;
}






/*White Button*/

.white-button {
    font-family: "Geist", "Inter", sans-serif;
    font-size: 16px;
    font-weight: 200;
    text-align: center;
    color: #333333;
    background-color: #ffffff;
    text-decoration: none;
    border: 1px solid #ffffff;
    padding: 10px 16px;
    transition: all 1.2s ease;

    /*To align Email and WhatsApp icons*/
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.white-button:hover {
    color: #ffffff;
    background-color: transparent;
    border: 1px solid rgba(255, 255, 255, 0.5);
}

.white-button i {
    font-size: 20px;
    font-weight: 600;
}






/*Sticky Button*/

.sticky-button {
    font-family: "Geist", "Inter", sans-serif;
    font-size: 16px;
    font-weight: 200;
    text-align: center;
    color: #ffffff;
    background-color: #B08F66;
    text-decoration: none;
    padding: 10px 16px;
    transition: all 1.2s ease;

    /*To align Email and WhatsApp icons*/
    display: inline-flex;
    align-items: center;
    gap: 8px;

    position: fixed;
    right: 64px;
    bottom: 48px;
    z-index: 3000;
}

.sticky-button:hover {
    color: #B08F66;
    background-color: #333333;
}

.sticky-button i {
    font-size: 20px;
    font-weight: 600;
}






/*Tagline*/
.tagline {
    font-family: "Geist", "Inter", sans-serif;
    font-size: 48px;
    font-weight: 200;
    text-transform: uppercase;
    letter-spacing: 0.21rem;
    color: #ffffff;
    padding: 0px 0px 32px;
}

/*Gold Kicker*/
.gold-kicker {
    font-family: "Geist", "Inter", sans-serif;
    font-size: 16px;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 0.21rem;
    color: #B08F66;
    padding: 0px 0px 32px;
}

/*White Kicker*/
.white-kicker {
    font-family: "Geist", "Inter", sans-serif;
    font-size: 16px;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 0.21rem;
    color: #ffffff;
    padding: 0px 0px 32px;
}


/*White Fonts w600*/
.white-24px-w600-semibold {
    color: #ffffff;
    font-family: "Geist", "Inter", sans-serif;
    font-size: 24px;
    font-weight: 600;
}

.white-22px-w600-semibold {
    color: #ffffff;
    font-family: "Geist", "Inter", sans-serif;
    font-size: 22px;
    font-weight: 600;
}

.white-20px-w600-semibold {
    color: #ffffff;
    font-family: "Geist", "Inter", sans-serif;
    font-size: 20px;
    font-weight: 600;
}

.white-18px-w600-semibold {
    color: #ffffff;
    font-family: "Geist", "Inter", sans-serif;
    font-size: 18px;
    font-weight: 600;
}

.white-16px-w600-semibold {
    color: #ffffff;
    font-family: "Geist", "Inter", sans-serif;
    font-size: 16px;
    font-weight: 600;
}

.white-14px-w600-semibold {
    color: #ffffff;
    font-family: "Geist", "Inter", sans-serif;
    font-size: 14px;
    font-weight: 600;
}

.white-12px-w600-semibold {
    color: #ffffff;
    font-family: "Geist", "Inter", sans-serif;
    font-size: 12px;
    font-weight: 600;
}

.white-10px-w600-semibold {
    color: #ffffff;
    font-family: "Geist", "Inter", sans-serif;
    font-size: 10px;
    font-weight: 600;
}


/*White Fonts w500*/
.white-24px-w500-medium {
    color: #ffffff;
    font-family: "Geist", "Inter", sans-serif;
    font-size: 24px;
    font-weight: 500;
}

.white-22px-w500-medium {
    color: #ffffff;
    font-family: "Geist", "Inter", sans-serif;
    font-size: 22px;
    font-weight: 500;
}

.white-20px-w500-medium {
    color: #ffffff;
    font-family: "Geist", "Inter", sans-serif;
    font-size: 20px;
    font-weight: 500;
}

.white-18px-w500-medium {
    color: #ffffff;
    font-family: "Geist", "Inter", sans-serif;
    font-size: 18px;
    font-weight: 500;
}

.white-16px-w500-medium {
    color: #ffffff;
    font-family: "Geist", "Inter", sans-serif;
    font-size: 16px;
    font-weight: 500;
}

.white-14px-w500-medium {
    color: #ffffff;
    font-family: "Geist", "Inter", sans-serif;
    font-size: 14px;
    font-weight: 500;
}

.white-12px-w500-medium {
    color: #ffffff;
    font-family: "Geist", "Inter", sans-serif;
    font-size: 12px;
    font-weight: 500;
}

.white-10px-w500-medium {
    color: #ffffff;
    font-family: "Geist", "Inter", sans-serif;
    font-size: 10px;
    font-weight: 500;
}


/*White Fonts w400*/
.white-24px-w400-regular {
    color: #ffffff;
    font-family: "Geist", "Inter", sans-serif;
    font-size: 24px;
    font-weight: 400;
}

.white-22px-w400-regular {
    color: #ffffff;
    font-family: "Geist", "Inter", sans-serif;
    font-size: 22px;
    font-weight: 400;
}

.white-20px-w400-regular {
    color: #ffffff;
    font-family: "Geist", "Inter", sans-serif;
    font-size: 20px;
    font-weight: 400;
}

.white-18px-w400-regular {
    color: #ffffff;
    font-family: "Geist", "Inter", sans-serif;
    font-size: 18px;
    font-weight: 400;
}

.white-16px-w400-regular {
    color: #ffffff;
    font-family: "Geist", "Inter", sans-serif;
    font-size: 16px;
    font-weight: 400;
}

.white-14px-w400-regular {
    color: #ffffff;
    font-family: "Geist", "Inter", sans-serif;
    font-size: 14px;
    font-weight: 400;
}

.white-12px-w400-regular {
    color: #ffffff;
    font-family: "Geist", "Inter", sans-serif;
    font-size: 12px;
    font-weight: 400;
}

.white-10px-w400-regular {
    color: #ffffff;
    font-family: "Geist", "Inter", sans-serif;
    font-size: 10px;
    font-weight: 400;
}


/*White Fonts w300*/
.white-24px-w300-light {
    color: #ffffff;
    font-family: "Geist", "Inter", sans-serif;
    font-size: 24px;
    font-weight: 300;
}

.white-22px-w300-light {
    color: #ffffff;
    font-family: "Geist", "Inter", sans-serif;
    font-size: 22px;
    font-weight: 300;
}

.white-20px-w300-light {
    color: #ffffff;
    font-family: "Geist", "Inter", sans-serif;
    font-size: 20px;
    font-weight: 300;
}

.white-18px-w300-light {
    color: #ffffff;
    font-family: "Geist", "Inter", sans-serif;
    font-size: 18px;
    font-weight: 300;
}

.white-16px-w300-light {
    color: #ffffff;
    font-family: "Geist", "Inter", sans-serif;
    font-size: 16px;
    font-weight: 300;
}

.white-14px-w300-light {
    color: #ffffff;
    font-family: "Geist", "Inter", sans-serif;
    font-size: 14px;
    font-weight: 300;
}

.white-12px-w300-light {
    color: #ffffff;
    font-family: "Geist", "Inter", sans-serif;
    font-size: 12px;
    font-weight: 300;
}

.white-10px-w300-light {
    color: #ffffff;
    font-family: "Geist", "Inter", sans-serif;
    font-size: 10px;
    font-weight: 300;
}


/*White Fonts w200*/
.white-24px-w200-extralight {
    color: #ffffff;
    font-family: "Geist", "Inter", sans-serif;
    font-size: 24px;
    font-weight: 200;
}

.white-22px-w200-extralight {
    color: #ffffff;
    font-family: "Geist", "Inter", sans-serif;
    font-size: 22px;
    font-weight: 200;
}

.white-20px-w200-extralight {
    color: #ffffff;
    font-family: "Geist", "Inter", sans-serif;
    font-size: 20px;
    font-weight: 200;
}

.white-18px-w200-extralight {
    color: #ffffff;
    font-family: "Geist", "Inter", sans-serif;
    font-size: 18px;
    font-weight: 200;
}

.white-16px-w200-extralight {
    color: #ffffff;
    font-family: "Geist", "Inter", sans-serif;
    font-size: 16px;
    font-weight: 200;
}

.white-14px-w200-extralight {
    color: #ffffff;
    font-family: "Geist", "Inter", sans-serif;
    font-size: 14px;
    font-weight: 200;
}

.white-12px-w200-extralight {
    color: #ffffff;
    font-family: "Geist", "Inter", sans-serif;
    font-size: 12px;
    font-weight: 200;
}

.white-10px-w200-extralight {
    color: #ffffff;
    font-family: "Geist", "Inter", sans-serif;
    font-size: 10px;
    font-weight: 200;
}


/*White Fonts w100*/
.white-24px-w100-thin {
    color: #ffffff;
    font-family: "Geist", "Inter", sans-serif;
    font-size: 24px;
    font-weight: 100;
}

.white-22px-w100-thin {
    color: #ffffff;
    font-family: "Geist", "Inter", sans-serif;
    font-size: 22px;
    font-weight: 100;
}

.white-20px-w100-thin {
    color: #ffffff;
    font-family: "Geist", "Inter", sans-serif;
    font-size: 20px;
    font-weight: 100;
}

.white-18px-w100-thin {
    color: #ffffff;
    font-family: "Geist", "Inter", sans-serif;
    font-size: 18px;
    font-weight: 100;
}

.white-16px-w100-thin {
    color: #ffffff;
    font-family: "Geist", "Inter", sans-serif;
    font-size: 16px;
    font-weight: 100;
}

.white-14px-w100-thin {
    color: #ffffff;
    font-family: "Geist", "Inter", sans-serif;
    font-size: 14px;
    font-weight: 100;
}

.white-12px-w100-thin {
    color: #ffffff;
    font-family: "Geist", "Inter", sans-serif;
    font-size: 12px;
    font-weight: 100;
}

.white-10px-w100-thin {
    color: #ffffff;
    font-family: "Geist", "Inter", sans-serif;
    font-size: 10px;
    font-weight: 100;
}






/*Black Fonts w600*/
.black-24px-w600-semibold {
    color: #333333;
    font-family: "Geist", "Inter", sans-serif;
    font-size: 24px;
    font-weight: 600;
}

.black-22px-w600-semibold {
    color: #333333;
    font-family: "Geist", "Inter", sans-serif;
    font-size: 22px;
    font-weight: 600;
}

.black-20px-w600-semibold {
    color: #333333;
    font-family: "Geist", "Inter", sans-serif;
    font-size: 20px;
    font-weight: 600;
}

.black-18px-w600-semibold {
    color: #333333;
    font-family: "Geist", "Inter", sans-serif;
    font-size: 18px;
    font-weight: 600;
}

.black-16px-w600-semibold {
    color: #333333;
    font-family: "Geist", "Inter", sans-serif;
    font-size: 16px;
    font-weight: 600;
}

.black-14px-w600-semibold {
    color: #333333;
    font-family: "Geist", "Inter", sans-serif;
    font-size: 14px;
    font-weight: 600;
}

.black-12px-w600-semibold {
    color: #333333;
    font-family: "Geist", "Inter", sans-serif;
    font-size: 12px;
    font-weight: 600;
}

.black-10px-w600-semibold {
    color: #333333;
    font-family: "Geist", "Inter", sans-serif;
    font-size: 10px;
    font-weight: 600;
}


/*Black Fonts w500*/
.black-24px-w500-medium {
    color: #333333;
    font-family: "Geist", "Inter", sans-serif;
    font-size: 24px;
    font-weight: 500;
}

.black-22px-w500-medium {
    color: #333333;
    font-family: "Geist", "Inter", sans-serif;
    font-size: 22px;
    font-weight: 500;
}

.black-20px-w500-medium {
    color: #333333;
    font-family: "Geist", "Inter", sans-serif;
    font-size: 20px;
    font-weight: 500;
}

.black-18px-w500-medium {
    color: #333333;
    font-family: "Geist", "Inter", sans-serif;
    font-size: 18px;
    font-weight: 500;
}

.black-16px-w500-medium {
    color: #333333;
    font-family: "Geist", "Inter", sans-serif;
    font-size: 16px;
    font-weight: 500;
}

.black-14px-w500-medium {
    color: #333333;
    font-family: "Geist", "Inter", sans-serif;
    font-size: 14px;
    font-weight: 500;
}

.black-12px-w500-medium {
    color: #333333;
    font-family: "Geist", "Inter", sans-serif;
    font-size: 12px;
    font-weight: 500;
}

.black-10px-w500-medium {
    color: #333333;
    font-family: "Geist", "Inter", sans-serif;
    font-size: 10px;
    font-weight: 500;
}


/*Black Fonts w400*/
.black-24px-w400-regular {
    color: #333333;
    font-family: "Geist", "Inter", sans-serif;
    font-size: 24px;
    font-weight: 400;
}

.black-22px-w400-regular {
    color: #333333;
    font-family: "Geist", "Inter", sans-serif;
    font-size: 22px;
    font-weight: 400;
}

.black-20px-w400-regular {
    color: #333333;
    font-family: "Geist", "Inter", sans-serif;
    font-size: 20px;
    font-weight: 400;
}

.black-18px-w400-regular {
    color: #333333;
    font-family: "Geist", "Inter", sans-serif;
    font-size: 18px;
    font-weight: 400;
}

.black-16px-w400-regular {
    color: #333333;
    font-family: "Geist", "Inter", sans-serif;
    font-size: 16px;
    font-weight: 400;
}

.black-14px-w400-regular {
    color: #333333;
    font-family: "Geist", "Inter", sans-serif;
    font-size: 14px;
    font-weight: 400;
}

.black-12px-w400-regular {
    color: #333333;
    font-family: "Geist", "Inter", sans-serif;
    font-size: 12px;
    font-weight: 400;
}

.black-10px-w400-regular {
    color: #333333;
    font-family: "Geist", "Inter", sans-serif;
    font-size: 10px;
    font-weight: 400;
}


/*Black Fonts w300*/
.black-24px-w300-light {
    color: #333333;
    font-family: "Geist", "Inter", sans-serif;
    font-size: 24px;
    font-weight: 300;
}

.black-22px-w300-light {
    color: #333333;
    font-family: "Geist", "Inter", sans-serif;
    font-size: 22px;
    font-weight: 300;
}

.black-20px-w300-light {
    color: #333333;
    font-family: "Geist", "Inter", sans-serif;
    font-size: 20px;
    font-weight: 300;
}

.black-18px-w300-light {
    color: #333333;
    font-family: "Geist", "Inter", sans-serif;
    font-size: 18px;
    font-weight: 300;
}

.black-16px-w300-light {
    color: #333333;
    font-family: "Geist", "Inter", sans-serif;
    font-size: 16px;
    font-weight: 300;
}

.black-14px-w300-light {
    color: #333333;
    font-family: "Geist", "Inter", sans-serif;
    font-size: 14px;
    font-weight: 300;
}

.black-12px-w300-light {
    color: #333333;
    font-family: "Geist", "Inter", sans-serif;
    font-size: 12px;
    font-weight: 300;
}

.black-10px-w300-light {
    color: #333333;
    font-family: "Geist", "Inter", sans-serif;
    font-size: 10px;
    font-weight: 300;
}


/*Black Fonts w200*/
.black-24px-w200-extralight {
    color: #333333;
    font-family: "Geist", "Inter", sans-serif;
    font-size: 24px;
    font-weight: 200;
}

.black-22px-w200-extralight {
    color: #333333;
    font-family: "Geist", "Inter", sans-serif;
    font-size: 22px;
    font-weight: 200;
}

.black-20px-w200-extralight {
    color: #333333;
    font-family: "Geist", "Inter", sans-serif;
    font-size: 20px;
    font-weight: 200;
}

.black-18px-w200-extralight {
    color: #333333;
    font-family: "Geist", "Inter", sans-serif;
    font-size: 18px;
    font-weight: 200;
}

.black-16px-w200-extralight {
    color: #333333;
    font-family: "Geist", "Inter", sans-serif;
    font-size: 16px;
    font-weight: 200;
}

.black-14px-w200-extralight {
    color: #333333;
    font-family: "Geist", "Inter", sans-serif;
    font-size: 14px;
    font-weight: 200;
}

.black-12px-w200-extralight {
    color: #333333;
    font-family: "Geist", "Inter", sans-serif;
    font-size: 12px;
    font-weight: 200;
}

.black-10px-w200-extralight {
    color: #333333;
    font-family: "Geist", "Inter", sans-serif;
    font-size: 10px;
    font-weight: 200;
}


/*Black Fonts w100*/
.black-24px-w100-thin {
    color: #333333;
    font-family: "Geist", "Inter", sans-serif;
    font-size: 24px;
    font-weight: 100;
}

.black-22px-w100-thin {
    color: #333333;
    font-family: "Geist", "Inter", sans-serif;
    font-size: 22px;
    font-weight: 100;
}

.black-20px-w100-thin {
    color: #333333;
    font-family: "Geist", "Inter", sans-serif;
    font-size: 20px;
    font-weight: 100;
}

.black-18px-w100-thin {
    color: #333333;
    font-family: "Geist", "Inter", sans-serif;
    font-size: 18px;
    font-weight: 100;
}

.black-16px-w100-thin {
    color: #333333;
    font-family: "Geist", "Inter", sans-serif;
    font-size: 16px;
    font-weight: 100;
}

.black-14px-w100-thin {
    color: #333333;
    font-family: "Geist", "Inter", sans-serif;
    font-size: 14px;
    font-weight: 100;
}

.black-12px-w100-thin {
    color: #333333;
    font-family: "Geist", "Inter", sans-serif;
    font-size: 12px;
    font-weight: 100;
}

.black-10px-w100-thin {
    color: #333333;
    font-family: "Geist", "Inter", sans-serif;
    font-size: 10px;
    font-weight: 100;
}






/*Gray Fonts w600*/
.gray-24px-w600-semibold {
    color: #999999;
    font-family: "Geist", "Inter", sans-serif;
    font-size: 24px;
    font-weight: 600;
}

.gray-22px-w600-semibold {
    color: #999999;
    font-family: "Geist", "Inter", sans-serif;
    font-size: 22px;
    font-weight: 600;
}

.gray-20px-w600-semibold {
    color: #999999;
    font-family: "Geist", "Inter", sans-serif;
    font-size: 20px;
    font-weight: 600;
}

.gray-18px-w600-semibold {
    color: #999999;
    font-family: "Geist", "Inter", sans-serif;
    font-size: 18px;
    font-weight: 600;
}

.gray-16px-w600-semibold {
    color: #999999;
    font-family: "Geist", "Inter", sans-serif;
    font-size: 16px;
    font-weight: 600;
}

.gray-14px-w600-semibold {
    color: #999999;
    font-family: "Geist", "Inter", sans-serif;
    font-size: 14px;
    font-weight: 600;
}

.gray-12px-w600-semibold {
    color: #999999;
    font-family: "Geist", "Inter", sans-serif;
    font-size: 12px;
    font-weight: 600;
}

.gray-10px-w600-semibold {
    color: #999999;
    font-family: "Geist", "Inter", sans-serif;
    font-size: 10px;
    font-weight: 600;
}


/*Gray Fonts w500*/
.gray-24px-w500-medium {
    color: #999999;
    font-family: "Geist", "Inter", sans-serif;
    font-size: 24px;
    font-weight: 500;
}

.gray-22px-w500-medium {
    color: #999999;
    font-family: "Geist", "Inter", sans-serif;
    font-size: 22px;
    font-weight: 500;
}

.gray-20px-w500-medium {
    color: #999999;
    font-family: "Geist", "Inter", sans-serif;
    font-size: 20px;
    font-weight: 500;
}

.gray-18px-w500-medium {
    color: #999999;
    font-family: "Geist", "Inter", sans-serif;
    font-size: 18px;
    font-weight: 500;
}

.gray-16px-w500-medium {
    color: #999999;
    font-family: "Geist", "Inter", sans-serif;
    font-size: 16px;
    font-weight: 500;
}

.gray-14px-w500-medium {
    color: #999999;
    font-family: "Geist", "Inter", sans-serif;
    font-size: 14px;
    font-weight: 500;
}

.gray-12px-w500-medium {
    color: #999999;
    font-family: "Geist", "Inter", sans-serif;
    font-size: 12px;
    font-weight: 500;
}

.gray-10px-w500-medium {
    color: #999999;
    font-family: "Geist", "Inter", sans-serif;
    font-size: 10px;
    font-weight: 500;
}


/*Gray Fonts w400*/
.gray-24px-w400-regular {
    color: #999999;
    font-family: "Geist", "Inter", sans-serif;
    font-size: 24px;
    font-weight: 400;
}

.gray-22px-w400-regular {
    color: #999999;
    font-family: "Geist", "Inter", sans-serif;
    font-size: 22px;
    font-weight: 400;
}

.gray-20px-w400-regular {
    color: #999999;
    font-family: "Geist", "Inter", sans-serif;
    font-size: 20px;
    font-weight: 400;
}

.gray-18px-w400-regular {
    color: #999999;
    font-family: "Geist", "Inter", sans-serif;
    font-size: 18px;
    font-weight: 400;
}

.gray-16px-w400-regular {
    color: #999999;
    font-family: "Geist", "Inter", sans-serif;
    font-size: 16px;
    font-weight: 400;
}

.gray-14px-w400-regular {
    color: #999999;
    font-family: "Geist", "Inter", sans-serif;
    font-size: 14px;
    font-weight: 400;
}

.gray-12px-w400-regular {
    color: #999999;
    font-family: "Geist", "Inter", sans-serif;
    font-size: 12px;
    font-weight: 400;
}

.gray-10px-w400-regular {
    color: #999999;
    font-family: "Geist", "Inter", sans-serif;
    font-size: 10px;
    font-weight: 400;
}


/*Gray Fonts w300*/
.gray-24px-w300-light {
    color: #999999;
    font-family: "Geist", "Inter", sans-serif;
    font-size: 24px;
    font-weight: 300;
}

.gray-22px-w300-light {
    color: #999999;
    font-family: "Geist", "Inter", sans-serif;
    font-size: 22px;
    font-weight: 300;
}

.gray-20px-w300-light {
    color: #999999;
    font-family: "Geist", "Inter", sans-serif;
    font-size: 20px;
    font-weight: 300;
}

.gray-18px-w300-light {
    color: #999999;
    font-family: "Geist", "Inter", sans-serif;
    font-size: 18px;
    font-weight: 300;
}

.gray-16px-w300-light {
    color: #999999;
    font-family: "Geist", "Inter", sans-serif;
    font-size: 16px;
    font-weight: 300;
}

.gray-14px-w300-light {
    color: #999999;
    font-family: "Geist", "Inter", sans-serif;
    font-size: 14px;
    font-weight: 300;
}

.gray-12px-w300-light {
    color: #999999;
    font-family: "Geist", "Inter", sans-serif;
    font-size: 12px;
    font-weight: 300;
}

.gray-10px-w300-light {
    color: #999999;
    font-family: "Geist", "Inter", sans-serif;
    font-size: 10px;
    font-weight: 300;
}


/*Gray Fonts w200*/
.gray-24px-w200-extralight {
    color: #999999;
    font-family: "Geist", "Inter", sans-serif;
    font-size: 24px;
    font-weight: 200;
}

.gray-22px-w200-extralight {
    color: #999999;
    font-family: "Geist", "Inter", sans-serif;
    font-size: 22px;
    font-weight: 200;
}

.gray-20px-w200-extralight {
    color: #999999;
    font-family: "Geist", "Inter", sans-serif;
    font-size: 20px;
    font-weight: 200;
}

.gray-18px-w200-extralight {
    color: #999999;
    font-family: "Geist", "Inter", sans-serif;
    font-size: 18px;
    font-weight: 200;
}

.gray-16px-w200-extralight {
    color: #999999;
    font-family: "Geist", "Inter", sans-serif;
    font-size: 16px;
    font-weight: 200;
}

.gray-14px-w200-extralight {
    color: #999999;
    font-family: "Geist", "Inter", sans-serif;
    font-size: 14px;
    font-weight: 200;
}

.gray-12px-w200-extralight {
    color: #999999;
    font-family: "Geist", "Inter", sans-serif;
    font-size: 12px;
    font-weight: 200;
}

.gray-10px-w200-extralight {
    color: #999999;
    font-family: "Geist", "Inter", sans-serif;
    font-size: 10px;
    font-weight: 200;
}


/*Gray Fonts w100*/
.gray-24px-w100-thin {
    color: #999999;
    font-family: "Geist", "Inter", sans-serif;
    font-size: 24px;
    font-weight: 100;
}

.gray-22px-w100-thin {
    color: #999999;
    font-family: "Geist", "Inter", sans-serif;
    font-size: 22px;
    font-weight: 100;
}

.gray-20px-w100-thin {
    color: #999999;
    font-family: "Geist", "Inter", sans-serif;
    font-size: 20px;
    font-weight: 100;
}

.gray-18px-w100-thin {
    color: #999999;
    font-family: "Geist", "Inter", sans-serif;
    font-size: 18px;
    font-weight: 100;
}

.gray-16px-w100-thin {
    color: #999999;
    font-family: "Geist", "Inter", sans-serif;
    font-size: 16px;
    font-weight: 100;
}

.gray-14px-w100-thin {
    color: #999999;
    font-family: "Geist", "Inter", sans-serif;
    font-size: 14px;
    font-weight: 100;
}

.gray-12px-w100-thin {
    color: #999999;
    font-family: "Geist", "Inter", sans-serif;
    font-size: 12px;
    font-weight: 100;
}

.gray-10px-w100-thin {
    color: #999999;
    font-family: "Geist", "Inter", sans-serif;
    font-size: 10px;
    font-weight: 100;
}












/*Hero Video*/

.hero-video-section {
    position: relative;
    overflow: hidden;
    text-align: center;
}


.hero-video-section-container {
    background-color: transparent;
    position: relative;
    padding: 84px 0px 96px;
    height: auto;
    z-index: 2;
}


.hero-video-section-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
}


.hero-video-section::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 2;
}


/*Description*/
.hero-video-section .white-16px-w100-thin {
    max-width: 696px;
    margin: auto;
    padding: 0px 0px 84px;
}


.hero-video-section .hero-buttons {
    display: flex;
    justify-content: center;
    gap: 24px;
    margin-top: 48px;
    align-items: center;
}












/*A Glimpse of Our Services*/

.homepage-services-section {
    padding: 84px 0px 96px;
    text-align: center;
    background-color: #242021;
}


.homepage-services-section .service-items-container {
    display: flex;
    flex-direction: row;
    gap: 64px;
    justify-content: center;
    padding: 0px 0px 0px;
    flex-wrap: wrap;
}


.homepage-services-section .white-24px-w300-light {
    padding: 24px 0px 10px;
    text-transform: uppercase;
    letter-spacing: 0.21rem;
    width: max-content;
    margin: auto;
}


.homepage-services-section .gray-20px-w200-extralight {
    width: max-content;
    margin: auto;
}












/*Best in Town*/
.best-in-town-section {
    padding: 84px 0px 96px;
    background-color: #f6f6f6;
    text-align: center;
}

.best-in-town-section .black-16px-w300-light {
    max-width: 600px;
    margin: auto;
    padding: 0px 0px 32px;
}

.best-in-town-section .photos {
    width: 100%;
    padding: 0;
    display: flex;
    gap: 24px;
    flex-wrap: wrap;
    justify-content: center;
}


.best-in-town-section .photos-item {
    width: 424px;
    position: relative;
    overflow: hidden;
    display: block;
}


.best-in-town-section .best-in-town-text-overlay {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    text-align: left;
    transition: all 1.2s ease;
    background: linear-gradient(to top, #000000, transparent);
    padding: 0px 24px 24px;
}


.best-in-town-section .white-22px-w500-medium {
    padding: 0px 0px 4px;
}


.best-in-town-section .white-12px-w300-light {
    padding: 0px 0px 16px;
}


.best-in-town-section .white-16px-w200-extralight {
    padding: 0px 0px 32px;
    height: 96px;
}












/*Transfers*/

.transfers-section {
    padding: 84px 0px 96px;
    background-color: #242021;
    text-align: center;
    background-image: url("Images/Transfers\ Homepage.webp");
    position: relative;
    background-size: cover;
}


.transfers-section .white-16px-w300-light {
    max-width: 600px;
    margin: auto;
    padding: 0px 0px 120px;
}


.transfers-section-container {
    position: relative;
    z-index: 3;
}


.transfers-section::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    z-index: 2;
    backdrop-filter: grayscale(100%);
}


.transfers-section .transfer-types-container {
    display: flex;
    flex-direction: row;
    gap: 64px;
    justify-content: center;
    padding: 0px 0px 0px;
    flex-wrap: wrap;
}


.transfers-section .white-24px-w300-light {
    padding: 24px 0px 10px;
    text-transform: uppercase;
    letter-spacing: 0.21rem;

    position: relative;
    z-index: 3;
    margin: auto;

}


.transfers-section .gray-20px-w200-extralight {
    position: relative;
    z-index: 3;
    padding: 0px 0px 20px;
    margin: auto;
}


.transfers-section .white-16px-w200-extralight {
    position: relative;
    z-index: 3;
    max-width: 400px;
    padding: 0px 0px 48px;
    margin: auto;
}


.transfers-section .transfers-buttons {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 24px;
    margin-top: 84px;

    position: relative;
    z-index: 3;
}


.transfers-section .white-24px-w300-light {
    width: max-content;
}












/*Limited-Time Deals*/

.limited-time-deals-section {
    padding: 84px 0px 96px;
    background-color: #242021;
    text-align: center;
}


.limited-time-deals-section .white-16px-w300-light {
    max-width: 600px;
    margin: auto;
    padding: 0px 0px 32px;
}


.limited-time-deals-section .limited-time-deals-photos {
    width: 100%;
    padding: 0px 0px 0px;
    display: flex;
    gap: 24px;
    flex-wrap: wrap;
    justify-content: center;
}


.limited-time-deals-section .limited-time-deals-photos-item {
    max-width: 448px;
    position: relative;
}


.limited-time-deals-section .limited-time-deals-text-overlay {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    transition: all 1.2s ease;
    background: rgba(51, 51, 51, 0.45);
}


.limited-time-deals-section .limited-time-deals-text-overlay:hover {
    background: transparent;
}


.limited-time-deals-section img {
    display: block;
    width: 100%;
    height: auto;
}


.limited-time-deals-section .white-kicker {
    padding: 0px 0px 48px;
}


.limited-time-deals-section .white-24px-w500-medium {
    padding: 0px 0px 48px;
}


.limited-time-deals-section h2.white-16px-w300-light {
    max-width: 600px;
    padding: 32px 0px 0px;
}












/*Cruises*/

.cruises-section {
    position: relative;
    overflow: hidden;
    text-align: center;
    height: 720px;
}


.cruises-section .white-16px-w100-thin {
    max-width: 600px;
    margin: auto;
    padding: 0px 0px 64px;
    margin: 0;
}


.cruises-section-container {
    background-color: transparent;
    position: relative;
    padding: 84px 0px 96px;
    height: 100%;
    z-index: 2;

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}


.cruises-section-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
}


.cruises-section::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 2;
}












/*Footer*/

.footer-section {
    padding: 48px 0px 48px;
    background-color: #242021;
    text-align: center;
}


.footer-section .gold-kicker {
    padding: 0px 0px 12px;
}


.footer-section .gray-16px-w200-extralight {
    max-width: 600px;
    margin: auto;
    padding: 0px 0px 28px;
}


.footer-section .white-button {
    margin-bottom: 80px;
}


.footer-section .social-media-icons {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 12px;
    padding: 0px 0px 32px;
}


.footer-section .payment-icons {
    display: flex;
    flex-direction: row;
    gap: 4px;
    justify-content: center;
}


.footer-section .payment-logo {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 64px;
    height: 0px;
    padding: 0px 0px 0px;
}


.footer-section .policies-container {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
    width: 100%;

    border-top: 1px solid #555;
    padding-top: 16px;
    margin-top: 48px;
    text-align: center;
}


.footer-section .gray-14px-w200-extralight {
    text-decoration: none;
}












/*About Us*/
.about-us-section-container {
    position: relative;
    width: 100%;
    text-align: center;
    height: 256px;
}


.about-us-section-container img {
    display: block;
    width: 100%;
    max-height: 100%;
    object-fit: cover;
}


.about-us-text-overlay {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}


/*Who Are We?*/
.who-are-we {
    width: 100%;
    background-color: #f6f6f6;
}


.who-are-we-container {
    max-width: 1440px;
    margin: auto;
    padding: 40px 24px 56px;
}


.who-are-we h1 {
    padding: 0px 0px 24px;
}


.who-are-we p {
    padding: 0px 0px 24px;
}


/*Team Members*/
.team-members {
    width: 100%;
    background-color: #ffffff;
}


.team-members-container {
    max-width: 1440px;
    margin: auto;
    padding: 40px 24px 56px;
}


.team-members h1 {
    padding: 0px 0px 24px;
}


.team-members p {
    padding: 0px 0px 24px;
}












/*Our Services*/
.our-services-section-container {
    position: relative;
    width: 100%;
    text-align: center;
    height: 256px;
}


.our-services-section-container img {
    display: block;
    width: 100%;
    max-height: 100%;
    object-fit: cover;
    filter: brightness(30%);
}


.our-services-text-overlay {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}


.our-services-section .service-name-container {
    background-color: #ffffff;
    max-width: 1440px;
    margin: 32px auto 32px;
    display: flex;
    flex-direction: row;
    padding: 32px 32px 32px;
    gap: 32px;
}


.our-services-section .service-image {
    width: 328px;
    height: 200px;
    box-sizing: content-box;
}

.our-services-section .service-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


.our-services-section .service-name {
    display: flex;
    flex-direction: column;

}


.our-services-section .service-name h1 {
    margin-bottom: 4px;
}


.our-services-section .service-name h2 {
    margin-bottom: 24px;
}


.our-services-section .service-name p {
    margin-bottom: 24px;
    max-width: 600px;
    height: 72px;
}


.our-services-section .service-name-button {
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: flex-end;
    margin-left: auto;
    justify-content: center;
}


.our-services-section .service-name-button .dark-button:hover {
    color: #B08F66;
    background-color: #333333;
}











/*Contact Us*/
.contact-us-section-container {
    position: relative;
    width: 100%;
    text-align: center;
    height: 256px;
}


.contact-us-section-container img {
    display: block;
    width: 100%;
    max-height: 100%;
    object-fit: cover;
}


.contact-us-text-overlay {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}


/*Help Me Book*/
.help-me-book {
    width: 100%;
    background-color: #f6f6f6;
}


.help-me-book-container {
    max-width: 1440px;
    margin: auto;
    padding: 40px 24px 56px;
}


.help-me-book h1,
.help-me-book p {
    padding: 0px 0px 24px;
}


.help-me-book .email,
.whatsapp {
    display: flex;
    flex-direction: row;
    gap: 48px;
}


.help-me-book .email h1,
.help-me-book .whatsapp h1 {
    width: 100px;
    padding: 0px 0px 12px;
}


.help-me-book .email a,
.help-me-book .whatsapp a {
    text-decoration: none;
    text-align: left;
}






/*Running Into Trouble?*/
.running-into-trouble {
    width: 100%;
    background-color: #ffffff;
}


.running-into-trouble-container {
    max-width: 1440px;
    margin: auto;
    padding: 40px 24px 56px;
}


.running-into-trouble h1,
.running-into-trouble p {
    padding: 0px 0px 24px;
}


.running-into-trouble .email,
.whatsapp {
    display: flex;
    flex-direction: row;
    gap: 48px;
}


.running-into-trouble .email h1,
.running-into-trouble .whatsapp h1 {
    width: 100px;
    padding: 0px 0px 12px;
}


.running-into-trouble .email a,
.running-into-trouble .whatsapp a {
    text-decoration: none;
    text-align: left;
}


.running-into-trouble h2 {
    color: #B08F66;
    padding: 12px 0px 0px;
}






/*Private Assistant*/
.private-assistant {
    width: 100%;
    background-color: #f6f6f6;
}


.private-assistant-container {
    max-width: 1440px;
    margin: auto;
    padding: 40px 24px 56px;
}


.private-assistant h1,
.private-assistant p {
    padding: 0px 0px 24px;
}






/*Company Information*/
.company-information {
    width: 100%;
    background-color: #ffffff;
}


.company-information-container {
    max-width: 1440px;
    margin: auto;
    padding: 40px 24px 56px;
}


.company-information h1 {
    padding: 0px 0px 24px;
}


.company-information h1 a {
    text-decoration: none;
    color: inherit;
    text-align: left;
}






/*Terms and Conditions*/

.terms-and-conditions-section .terms-and-conditions-container {
    position: relative;
    width: 100%;
    text-align: center;
    height: 256px;
}


.terms-and-conditions-section .terms-and-conditions-container img {
    display: block;
    width: 100%;
    max-height: 100%;
    object-fit: cover;
    filter: brightness(10%);
}


.terms-and-conditions-section .terms-and-conditions-text-overlay {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}


/*Policies*/

.terms-and-conditions-section .policies-container {
    max-width: 1608px;
    margin: 40px auto 40px;
    padding: 48px 84px 56px;
    box-shadow: 5px 5px 12px 0px rgba(0, 0, 0, 0.25);
    background-color: #ffffff;
}


.terms-and-conditions-section .policies-container h1 {
    padding: 0px 0px 8px;
    border-bottom: 0.5px solid rgba(176, 143, 102, 0.5);
    margin-bottom: 24px;
}


.terms-and-conditions-section .policies-container p {
    margin-bottom: 24px;
}


.terms-and-conditions-section .policies-container .black-16px-w600-semibold {
    padding: 36px 0px 12px;
}












/*Responsive 1300px*/

@media (max-width: 1300px) {

    /*Buttons*/
    .transparent-button,
    .dark-button,
    .white-button,
    .sticky-button {
        font-size: 14px;
        font-weight: 200;
        padding: 10px 14px;
    }

    .transparent-button i,
    .dark-button i,
    .white-button i,
    .sticky-button i {
        font-size: 16px;
        font-weight: 600;
    }

    .sticky-button {
        right: 24px;
        bottom: 24px;
    }


    /*Hero Video*/
    /*Tagline*/
    .hero-video-section .tagline {
        font-size: 24px;
        padding: 48px 24px 16px;
    }

    /*Description*/
    .hero-video-section .white-16px-w100-thin {
        padding: 0px 24px 64px;
        font-size: 14px;
    }

    /*Hero Video Buttons*/
    .hero-video-section .hero-buttons {
        gap: 12px;
        margin-top: 24px;
    }


    /*A Glimpse of Our Services*/
    .homepage-services-section .service-items-container {
        flex-direction: column;
        gap: 48px;
    }

    .homepage-services-section .white-24px-w300-light,
    .gray-20px-w200-extralight {
        font-size: 14px;
    }


    /*Sub-kickers*/
    .best-in-town-section .black-16px-w300-light,
    .transfers-section .white-16px-w300-light,
    .limited-time-deals-section .white-16px-w300-light {
        padding-right: 24px;
        padding-left: 24px;
        font-size: 14px;
    }


    /*Best in Town*/
    .best-in-town-section .photos {
        padding: 0px 24px 0px;
    }

    .best-in-town-section .photos-item {
        max-height: 480px;
    }

    .best-in-town-section .white-22px-w500-medium {
        font-size: 18px;
    }

    .best-in-town-section .white-16px-w200-extralight {
        font-size: 14px;
    }


    /*Transfers*/
    .transfers-section .transfer-types-container {
        flex-direction: column;
        gap: 24px;
    }

    .transfers-section .white-16px-w300-light {
        padding-bottom: 48px;
    }

    .transfers-section .white-24px-w300-light,
    .transfers-section .gray-20px-w200-extralight,
    .transfers-section .white-16px-w200-extralight {
        font-size: 14px;
    }

    .transfers-section .white-16px-w200-extralight {
        padding: 0px 24px 0px;
    }

    .transfers-section .transfers-buttons {
        gap: 12px;
        margin-top: 48px;
    }


    /*Limited-Time Deals*/
    .limited-time-deals-section .limited-time-deals-photos {
        padding: 0px 24px 0px;
    }

    .limited-time-deals-section .white-kicker {
        font-size: 14px;
    }

    .limited-time-deals-section h2.white-16px-w300-light {
        padding: 24px;
    }


    /*Cruises*/
    .cruises-section .white-16px-w100-thin {
        padding: 0px 24px 48px;
        font-size: 14px;
    }


    /*Footer*/
    .footer-section .gray-16px-w200-extralight {
        padding-left: 24px;
        padding-right: 24px;
        font-size: 14px;
    }

    .footer-section .policies-container {
        flex-direction: column;
    }

    .footer-section .copyrights {
        order: 2;
    }

    .footer-section .terms-and-conditions {
        order: 1;
    }

    .footer-section .separator {
        display: none;
    }


    /*About Us, Contact Us, Terms and Conditions Fonts*/
    .about-us-section .black-22px-w600-semibold,
    .contact-us-section .black-22px-w600-semibold,
    .terms-and-conditions-section .black-24px-w600-semibold,
    .company-information .black-22px-w600-semibold {
        font-size: 20px;
    }

    .about-us-section .black-16px-w400-regular,
    .contact-us-section .black-16px-w400-regular,
    .contact-us-section .black-16px-w500-medium,
    .terms-and-conditions-section .black-16px-w400-regular,
    .company-information .black-16px-w400-regular {
        font-size: 14px;
    }


    /*About Us, Our Services, Contact Us, Terms and Conditions Hero Kicker and Textx Fonts*/
    .about-us-section .gold-kicker,
    .our-services-section .gold-kicker,
    .contact-us-section .gold-kicker,
    .terms-and-conditions-section .gold-kicker {
        font-size: 14px;
    }


    .about-us-section .white-24px-w500-medium,
    .our-services-section .white-24px-w500-medium,
    .contact-us-section .white-24px-w500-medium,
    .terms-and-conditions-section .white-24px-w500-medium {
        font-size: 22px;
    }


    /*Our Services*/
    .our-services-section .service-name-container {
        margin: 24px auto 24px;
        display: flex;
        flex-direction: column;

        padding: 24px 24px 24px;
        gap: 24px;
    }

    .our-services-section .service-image {
        width: 100%;
    }

    .our-services-section .service-name h1 {
        font-size: 20px;
    }

    .our-services-section .service-name h2 {
        font-size: 12px;
        margin-bottom: 16px;
    }

    .our-services-section .service-name p {
        height: 96px;
    }

    .our-services-section .service-name-button {
        align-items: flex-start;
        margin-left: 0px;
    }


    /*Terms and Conditions*/
    .terms-and-conditions-section .terms-and-conditions-text-overlay {
        width: max-content;
    }

    .terms-and-conditions-section .policies-container {
        padding: 48px 24px 56px;
        margin: 20px auto 20px;
    }
}


/* Column Buttons 370px*/
@media (max-width: 370px) {

    .hero-video-section .hero-buttons,
    .transfers-section .transfers-buttons {
        display: flex;
        flex-direction: column;
    }

    .our-services-section .service-name p {
        height: 128px;
    }
}


/* Column Buttons 325px*/
@media (max-width: 325px) {
    .limited-time-deals-section .white-kicker {
        font-size: 10px;
    }
}