/**************************************************************************************/
/*
     Fonts
    
 * Font Mapping Explanation:
 * 
 * In this stylesheet, the following font-weight values correspond to specific Montserrat fonts as used in the Figma design:
 * 
 * font-weight: 800;  Montserrat-ExtraBold
 * font-weight: 700;  Montserrat-Bold
 * font-weight: 600;  Montserrat-SemiBold 
 * font-weight: 500;  Montserrat-Medium
 * font-weight: 400;  Montserrat-Regular
 *
 * Ensure to use the appropriate font-weight to match the design specifications from Figma.

*/
/**************************************************************************************/

@font-face {
    font-family: 'Montserrat-ExtraBold';
    src: url('/files/templates/main-2025/fonts/Montserrat-ExtraBold.ttf') format('truetype');
}

@font-face {
    font-family: 'Montserrat-Bold';
    src: url('/files/templates/main-2025/fonts/Montserrat-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'Montserrat-SemiBold';
    src: url('/files/templates/main-2025/fonts/Montserrat-SemiBold.ttf') format('truetype');
}

@font-face {
    font-family: 'Montserrat-Medium';
    src: url('/files/templates/main-2025/fonts/Montserrat-Medium.ttf') format('truetype');
}

@font-face {
    font-family: 'Montserrat-Regular';
    src: url('/files/templates/main-2025/fonts/Montserrat-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'AnekLatin-ExtraBold';
    src: url('/files/templates/main-2025/fonts/AnekLatin-ExtraBold.ttf') format('truetype');
}

@font-face {
    font-family: 'AnekLatin-Bold';
    src: url('/files/templates/main-2025/fonts/AnekLatin-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'AnekLatin-SemiBold';
    src: url('/files/templates/main-2025/fonts/AnekLatin-SemiBold.ttf') format('truetype');
}

@font-face {
    font-family: 'AnekLatin-Medium';
    src: url('/files/templates/main-2025/fonts/AnekLatin-Medium.ttf') format('truetype');
}

@font-face {
    font-family: 'AnekLatin-Regular';
    src: url('/files/templates/main-2025/fonts/AnekLatin-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Sen-ExtraBold';
    src: url('/files/templates/main-2025/fonts/Sen-ExtraBold.ttf') format('truetype');
}

@font-face {
    font-family: 'Sen-Bold';
    src: url('/files/templates/main-2025/fonts/Sen-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'Sen-SemiBold';
    src: url('/files/templates/main-2025/fonts/Sen-SemiBold.ttf') format('truetype');
}

@font-face {
    font-family: 'Sen-Medium';
    src: url('/files/templates/main-2025/fonts/Sen-Medium.ttf') format('truetype');
}

@font-face {
    font-family: 'Sen-Regular';
    src: url('/files/templates/main-2025/fonts/Sen-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'AnekLatin-Light';
    src: url('../fonts/AnekLatin-Light.ttf') format('truetype');
}


@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/**************************************************************************************/
/*
    Reset
*/
/**************************************************************************************/
html, body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, dfn, del, p, blockquote, fieldset, input, textarea, select, article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, button, canvas, video {
    margin: 0;
    padding: 0;
}

/**************************************************************************************/
/*
    Desktop Global
*/
/**************************************************************************************/

:root {
    --reeves-primary: #BE1E2D;
    --reeves-primary-dark: #72161D;
    --reeves-footer-gray: #EBEBEB;
    --reeves-secondary-mid: #E6ECF2;
    --reeves-secondary-dark: #00447A;
    --reeves-section-grey-one: #FAFAFA;
    --reeves-section-grey-two: #F0F0F0;
    --reeves-section-grey-three: #F9F9F9;
    --reeves-nav-top-font-size: 14px;
    --reeves-nav-main-font-size: 16px;
    --reeves-black: #333333;
    --reeves-white-button-hover: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), rgba(126, 125, 130, 0.10);
    --main-top-margin: 128px;
    --wrapper-padding: 24px;
}


* {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}

* {
    box-sizing: border-box;
    text-rendering: optimizeLegibility !important;
    color-rendering: optimizeQuality !important;
    -webkit-font-smoothing: antialiased !important;
    scroll-behavior: smooth !important;
}

.wrapper {
    width: 100%;
    max-width: 1440px;
    margin: 0px auto;
    padding: 0px var(--wrapper-padding);
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

 button{
    cursor:pointer;
}

#loading-wheel {
    max-width: 80px;
    height: 80px;
    border: 12px solid #BE1E2D;
    border-top: 12px solid #696969;
    border-radius: 50%;
    margin: 40vh auto;
    animation: spin 0.8s ease-in infinite;
}

body {
}


main {
    margin-top: var(--main-top-margin);
    min-height: calc(100svh - 128px - 239px);
}

main > section{
    overflow:hidden;
}

h1 {
    color: #333;
    font-family: "Sen-ExtraBold";
    font-size: 48px;
    font-style: normal;
    font-weight: 800;
    line-height: 120%;
}

h2 {
    color: #333;
    font-family: "Sen-Bold";
    font-size: 40px;
    font-style: normal;
    line-height: 120%; /* 24px */
}

h3 {
    color: #333;
    /* Desktop/Heading 3 */
    font-family: "Sen-Regular";
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 16.8px */
    /* text-transform: uppercase; */
    /* letter-spacing: 4.8px; */
}




p {
    color: #333;
    font-family: "AnekLatin-Regular";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

/* Select Style */
select {
    font-family: "AnekLatin-Regular";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 24px */
}
    select option {
        font-family: "AnekLatin-Regular";
        font-size: 16px;
        font-weight: 400;
        line-height: 150%;
        color: var(--Dark, #333);
        text-transform: capitalize;
    }

    select optgroup {
        font-family: "AnekLatin-Regular";
        font-size: 14px;
        font-weight: 400;
        line-height: 130%;
        text-transform: uppercase;
        letter-spacing: 0.64px;
        color: var(--Dark, #333);
        opacity: 0.6 !important;
    }

/*desktop style*/
@media (max-width: 1440px) {
    .subhead {
        font-size: 52.22px;
    }

    h1 {
        font-size: 73.1px;
    }

    h2 {
        font-size: 25px;
    }

    p {
        font-size: 20px;
    }
}


/* Tablet Styles */
@media (max-width: 1040px) {

    .subhead {
        font-size: 25px;
    }

    h1 {
        font-size: 45px;
    }

    p {
        font-size: 16px;
    }
}


/* Mobile Styles */
@media (max-width: 834px) {
}
