/* // Colors */
:root {
    --ronchi: #F0D247;
    --mediumArmine: #AF5633;
    --astral: #2F709B;
    --rhino: #344966;
    --sanJuan: #354A67;
    --tomThumb: #2E542D;
    --serenade: #FFF7EA;
    --wheat: #F7D7B3;
    --blizzardBlue: #9DE6F1;
    --tropicalBlue: #BFCAFA;
    --yellowGreen: #AFDF76;
    --white: #FFFFFF;
    --black: #000000;
    --fiord: #394965;
    --rawSienna: #D18744;
}

* {
    font-size: 16px;
    line-height: 1.4;
}

html,
body {
    margin: 0;

    overflow-x: hidden;
}

.bg-gradiet {
    background-image: linear-gradient(#F7D7B3, #FFF7EA);
}

/* // Typography */
@font-face {
    font-family: 'Anek Latin Light';
    src: url('../fonts/AnekLatin/AnekLatin-Light.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Anek Latin Regular';
    src: url('../fonts/AnekLatin/AnekLatin-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Anek Latin Bold';
    /* src: url('/wp-content/themes/your-theme/fonts/AnekLatin-Regular.ttf') format('truetype'); */
    src: url('../fonts/AnekLatin/AnekLatin-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Anek Latin Semi Bold';
    /* src: url('/wp-content/themes/your-theme/fonts/AnekLatin-Regular.ttf') format('truetype'); */
    src: url('../fonts/AnekLatin/AnekLatin-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'Anek Latin Condensed Semi Bold';
    /* src: url('/wp-content/themes/your-theme/fonts/AnekCondensed-Regular.ttf') format('truetype'); */
    src: url('../fonts/AnekLatin_Condensed/AnekLatin_Condensed-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Anek Latin Condensed Bold';
    /* src: url('/wp-content/themes/your-theme/fonts/AnekCondensed-Regular.ttf') format('truetype'); */
    src: url('../fonts/AnekLatin_Condensed/AnekLatin_Condensed-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}




.h1 {
    font-size: 7.5rem;
    /*120px*/
    font-family: 'Anek Latin Condensed Bold';
}

.h2 {
    font-size: 3.75rem;
    /*60px*/
    font-family: 'Anek Latin Condensed Bold';
}

.h3 {
    font-size: 3.75rem;
    /*60px*/
    font-family: 'Anek Latin Condensed Semi Bold';
}

.h4 {
    font-size: 2.5rem;
    /*40px*/
    font-family: 'Anek Latin Semi Bold';
}

.h4-condensed {
    font-size: 2.5rem;
    /*40px*/
    font-family: 'Anek Latin Condensed Semi Bold';
}

.h5 {
    font-size: 2.25rem;
    /*36px*/
    font-family: 'Anek Latin Condensed Semi Bold';
}

.h6 {
    font-size: 1.875rem;
    /*30px*/
    font-family: 'Anek Latin Semi Bold';
}

.h7 {
    font-size: 1.5rem;
    /*24px*/
    font-family: 'Anek Latin Semi Bold';
}

.h8 {
    font-size: 1.5rem;
    /*24px*/
    font-family: 'Anek Latin Light';
}

.h9 {
    font-size: 1.5rem;
    /*24px*/
    font-family: 'Anek Latin Regular';
}

.h10 {
    font-size: 1.25rem;
    /*20px*/
    font-family: 'Anek Latin Regular';
}

.body-1 {
    font-size: 1.125rem;
    /*18px*/
    font-family: 'Anek Latin Semi Bold';
}

.body-2 {
    font-size: 1.125rem;
    /*18px*/
    font-family: 'Anek Latin Regular';
}

.body-3 {
    font-size: 1.125rem;
    /*18px*/
    font-family: 'Anek Latin Bold';
}

.body-4 {
    font-size: 1rem;
    /*16px*/
    font-family: 'Anek Latin Semi Bold';
}

.body-5 {
    font-size: 1rem;
    /*16px*/
    font-family: 'Anek Latin Regular';
}

.body-6 {
    font-size: 1rem;
    /*16px*/
    font-family: 'Anek Latin Light';
}

.body-7 {
    font-size: 0.875rem;
    /*14px*/
    font-family: 'Anek Latin Regular';
}

.body-7-light {
    font-size: 0.875rem;
    /*14px*/
    font-family: 'Anek Latin Light';
}

.body-7-bold {
    font-size: 0.875rem;
    /*14px*/
    font-family: 'Anek Latin Bold';
}

.body-8 {
    font-size: 0.75rem;
    /*12px*/
    font-family: 'Anek Latin Regular';
}

.body-9 {
    font-size: 0.75rem;
    /*12px*/
    font-family: 'Anek Latin Bold';
}

.body-10 {
    font-size: 0.75rem;
    /*12px*/
    font-family: 'Anek Latin Light';
}

.blog-title1 {
    font-size: 3.75rem;
    /*60px*/
    font-family: "Caveat", cursive;
}

.blog-title2 {
    font-size: 2.25rem;
    /*36px*/
    font-family: "Caveat", cursive;
}

.btn-text {
    font-size: 1rem;
    /*16px*/
    font-family: 'Anek Latin Bold';
}

.serenade-bg {
    background: var(--serenade);
}

.white-bg {
    background: var(--white);
}

.green-bg {
    background: var(--white);
}

.white-txt {
    color: white;
}

.fiord-txt {
    color: var(--fiord);
}

.astral-txt{
    color: var(--astral);
}

.hero-txt {
    color: var(--ronchi);
}

.black-txt {
    color: black;
}

.brown-txt {
    color: var(--mediumArmine);
}

.brown-dotted-border {
    border-bottom: 2px dotted #B26B2A;
}

.grey-txt {
    color: #6E6E6E;
}

.yellowGreen-txt {
    color: var(--yellowGreen);
}

.hero-2-txt {
    color: var(--astral);
}

.yellow-txt {
    color: #F0D346;
}

.btn-dark {
    position: relative;
    display: inline-block;
    border: 1px solid #F0D346;
    border-radius: 50px;
    background: #9DE6F1;
    color: #354A67;
    cursor: pointer;
}

.btn-yellow {
    position: relative;
    display: inline-block;
    border: 1px solid #F0D346;
    border-radius: 50px;
    background: #F0D346;
    color: #000000;
    cursor: pointer;
}

.btn-light {
    position: relative;
    display: inline-block;
    border: 1px solid #F0D346;
    border-radius: 50px;
    background: #344966;
    color: #F0D346;
    cursor: pointer;
}

.btn-secondary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    position: relative;
    border: 1px solid #FFFFFF;
    border-radius: 50px;
    background: transparent;
    color: #FFFFFF;
    cursor: pointer;
}

.btn-secondary::after {
    content: "";
    display: inline-block;
    background: var(--icon-url) no-repeat center/contain;
    width: 13px;
    height: 16px;
}

.btn-yellow::before,
.btn-dark::before,
.btn-light::before,
.btn-dark::after,
.btn-light::after,
.btn-yellow::after {
    content: "";
    position: absolute;
    opacity: 0;
    top: 50%;
    transform: translateY(-50%) scale(0.5);
    font-size: 0.875rem;
    color: #AF5633;
    transition: all 0.3s ease;
    background: url('../icons/diamond.svg') no-repeat center/contain;
    width: 0.563rem;
    height: 0.563rem;
}

.btn-yellow::before,
.btn-dark::before,
.btn-light::before {
    left: 12px;
}

.btn-yellow::after,
.btn-dark::after,
.btn-light::after {
    right: 12px;
}

.btn-dark:hover,
.btn-light:hover,
.btn-secondary:hover {
    background: #F0D346;
    color: #000000;
}

.btn-yellow:hover::before,
.btn-dark:hover::before,
.btn-light:hover::before,
.btn-dark:hover::after,
.btn-light:hover::after,
.btn-yellow:hover::after {
    opacity: 1;
    transform: translateY(-50%) scale(1);
}

.btn-secondary:hover:after {
    background: var(--icon-url) no-repeat center/contain;
}

.btn-icon {
    border: none;
    background: transparent;
    cursor: pointer;
}

.btn-padding {
    padding: 0.81rem 2rem;
}

.radio-btn {}


.row {
    display: flex;
    flex-direction: row;
}

.col {
    display: flex;
    flex-direction: column;
}
.grid{
    display: grid;
}
.desktop-col {
    display: flex;
    flex-direction: column;
}

.justify-center {
    justify-content: center;
}

.justify-end {
    justify-content: flex-end;
}

.space-between {
    justify-content: space-between;
}

.space-around {
    justify-content: space-around;
}

.space-evenly {
    justify-content: space-evenly;
}

.align-center {
    align-items: center;
}

.align-top {
    align-items: flex-start;
}

.align-bottom {
    align-items: baseline;
}

.align-left {
    align-items: flex-start;
}

.align-right {
    align-items: flex-end;
}

.flex-wrap {
    flex-wrap: wrap;
}

/* Patterns */
.pattern-1 {
    background-image: url('../images/pattern-1.png');
    background-color: var(--serenade);
}

.pattern-2 {
    background-image: url('./assets/images/pattern2.svg');
    background-repeat: repeat no-repeat;
    background-color: #2E542D;
    height: 60px;
    background-position-y: center;
}

.pattern-3 {
    background-image: url('../images/pattern3.svg');
    background-color: var(--serenade);
}

.pattern-4 {
    background-image: url('../images/pattern4.svg');
    background-color: var(--serenade);
    background-size: cover;
}

/* .pattern-4 {
    background-image: url('./assets/images/Group\ 89.svg');
    background-repeat: repeat no-repeat;
    background-color: #FFF7EA;
    height: 60px;
    background-position-y: center;
}

.pattern-5 {
    background-image: url('./assets/images/Group\ 959.svg');
    background-repeat: repeat no-repeat;
    background-color: #2F709B;
    height: 60px;
    background-position-y: center;
}

.pattern-6 {
    background-image: url('./assets/images/Group\ 960.svg');
    background-repeat: repeat no-repeat;
    background-color: #AF5633;
    height: 60px;
    background-position-y: center;
}

.pattern-7 {
    background-image: url('./assets/images/Group\ 960.svg');
    background-repeat: repeat no-repeat;
    background-color: #AF5633;
    height: 60px;
    background-position-y: center;
}

.pattern-8 {
    background-image: url('./assets/images/Group\ 960.svg');
    background-repeat: repeat no-repeat;
    background-color: #AF5633;
    height: 60px;
    background-position-y: center;
} */

.row-wrap {
    flex-wrap: wrap;
}

.row-wrap-reverse {
    flex-wrap: wrap-reverse;
}

.strike {
    text-decoration: line-through;
}

.relative {
    position: relative;
}

.text-center {
    text-align: center;
}

img {
    display: block;
    width: 100%;
}

a {
    text-decoration: none;
}

.page-container {
    overflow: scroll;
}

.hide-scrollbar::-webkit-scrollbar {
    display: none;
    /* Hides the scrollbar track and thumb */
}

.margin-auto {
    margin: auto;
}

.brown-txt {
    color: var(--mediumArmine);
}

.green-txt {
    color: var(--tomThumb);
}

.blue-txt {
    color: var(--sanJuan);
}

.line-height1 {
    line-height: 1.4rem;
}

.mobile {}

.desktop {}

input[type="text"] {
    min-height: 2.5rem;
    padding: 0.75rem 1.125rem;
    box-sizing: border-box;
    border-radius: 4px;
    border: none;
    width: 100%;
}

/* ========== HERO SWIPER ========== */

.f5-hero {
    position: relative;
    width: 100%;
    overflow: hidden;
    z-index: 1;
}

/* Maintain aspect ratio */
.f5-hero::before {
    content: "";
    display: block;
    padding-top: var(--hero-ratio, 42%);
}

/* Actual swiper container positioned over it */
.f5-hero .swiper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Wrapper + Slides */
.f5-hero .swiper-wrapper {
    width: 100%;
    height: 100%;
}

.f5-hero .swiper-slide {
    position: relative;
    width: 100%;
    height: 100%;
}

.f5-hero-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    display: block;
}

/* ========== NAVIGATION ARROWS ========== */
.f5-hero-prev,
.f5-hero-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 5;
    width: 48px !important;
    height: 48px !important;
    border-radius: 50%;
    cursor: pointer;
    transition: background 0.3s ease;
    display: none !important;
}

.f5-hero-prev:hover,
.f5-hero-next:hover {
    background: rgba(255, 255, 255, 0.9);
}

.f5-hero-prev {
    left: 20px;
}

.f5-hero-next {
    right: 20px;
}

/* If you want to replace default Swiper arrows with your own */
.f5-hero-prev::after,
.f5-hero-next::after {
    font-size: 18px;
    color: #333;
}

/* ========== PAGINATION DOTS ========== */
.f5-hero-dots {
    position: absolute;
    bottom: 10% !important;
    left: 0;
    width: 100%;
    text-align: center;
    z-index: 10;
}

.f5-hero-dots .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    background: rgba(255, 255, 255, 0.6);
    margin: 0 5px;
    opacity: 1;
    transition: all 0.3s ease;
}

.f5-hero-dots .swiper-pagination-bullet-active {
    background: #fff;
    transform: scale(1.3);
}

.mobile-wrap {
    flex-wrap: nowrap;
}
.site-main{
    padding: 8rem 2.188rem;
}
.state-region{
    white-space: nowrap;
}
.state-item::after {
    content: ",";
}

.state-item:last-child::after {
    content: "";
}
/* ========== RESPONSIVE TWEAKS ========== */
@media (max-width: 768px) {

    .f5-hero-prev,
    .f5-hero-next {
        width: 36px;
        height: 36px;
    }

    .f5-hero-dots {
        bottom: 10px;
    }
}


@media (max-width: 768px) {
    .h1 {
        font-size: 5.5rem !important;
    }

    .desktop {
        display: none !important;
    }

    .mobile {
        display: block !important;
    }

    button {
        min-height: 32px;
    }

    .h3 {
        font-size: 3rem;
    }

    .mobileW-100 {
        width: 100%;
    }

    .desktop-col {
        flex-direction: row;
    }

    .blog-title2 {
        font-size: 1.5rem;
    }

    .mobile-col {
        flex-direction: column !important;
    }

    .f5-hero {
        height: 100%;
    }

    .mobile-wrap {
        flex-wrap: wrap;
    }
}

@media (min-width: 769px) {
    .mobile {
        display: none !important;
    }
}