@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: Montserrat;
    font-weight: 600;
}

:root{
    --primary_color: black;
    --secondary_color: #0167b1;
    --alternate_color: #09acec;
    --white_color: white;
}

/* fonts */
h1{
    font-size: 2.8vw;
}
h2{
    font-size: 1.5vw;
}
h3{
    font-size: 1vw;
}
h4{
    font-size: 0.8vw;
}
a[href^="tel"] {
    color: white !important;
    text-decoration: none;
}

a{
    color: var(--primary_color);
    text-decoration: none;
}
/* widths */
.w_50 {
    width: calc(50% - 1vw);
}
.w_100 {
    width: 100%;
}
.w_fc {
    width: fit-content;
}

/* heights */
.h_fc{
    height: fit-content;
}
.h_10vh{
    height: 10vh;
}
.h_15vh{
    height: 15vh;
}
.h_20vh{
    height: 20vh;
}
.h_30vh{
    height: 30vh;
}
.h_35vh{
    height: 35vh;
}
.h_45vh{
    height: 45vh;
}
.h_55vh{
    height: 55vh;
}
.h_85vh{
    height: 85vh;
}
.h_100vh{
    height: 100vh;
}
.h_100{
    height: 100%;
}

/* flexs */
.flex_center{
    display: flex;
    justify-content: center;
    align-items: center;
}
.flex{
    display: flex;
}
.flex_cl{
    display: flex;
    flex-direction: column;
}
.flex_wrap{
    display: flex;
    flex-wrap: wrap;
}

/* justify */
.justify_sb{
    justify-content: space-between;
}
.justify_c{
    justify-content: center;
}
.justify_fe{
    justify-content: flex-end;
}


/* alignment */
.text_ac{
    text-align: center;
}
.text_aj {
    text-align: justify;
}

/* aligns */
.align_c{
    align-items: center;
}
.align_fe{
    align-items: flex-end;
}

/* gaps */
.gap_2vw{
    gap: 2vw;
}
.gap_s{
    gap: 1.5vw;
}
.gap_xs{
    gap: 0.5vw;
}
.gap_5{
    gap: 5vw;
}

/* colors */
.white_cl{
    color: var(--white_color);
}
.text_gray {
    color: #666;
}
.secondary_cl{
    color: var(--secondary_color);
}

/* grids */
.grid {
    display: grid;
}

.grid_3 {
    grid-template-columns: repeat(3, 1fr);
}

/* paddings */
.padding_s10{
    padding: 0vh 10vw;
}
.padding_ss{
    padding-left: 2vw;
    padding-right: 2vw;
}
.padding_vs{
    padding-top: 2vh;
    padding-bottom: 2vh;
}
.padding_sxs{
    padding-left: 1vw;
    padding-right: 1vw;
}
.padding_vxs{
    padding-top: 1vh;
    padding-bottom: 1vh;
}
.padding_v10{
    padding-top: 10vh;
    padding-bottom: 10vh;
}
.padding_b10{
    padding-bottom: 10vh;
}

/* grids */
.grid_page {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(3, 1fr));
}

/* margins */
.mtop_s{
    margin-top: 2.5vh;
}
.mtop_5{
    margin-top: 5vh;
}
.mbottom_s{
    margin-bottom: 2.5vh;
}
.mbottom_5{
    margin-bottom: 5vh;
}
/* border_radius */
.bradius_m{
    border-radius: 1vw;
}

/* weights */
.font_w500{
    font-weight: 500;
}
.font_w700{
    font-weight: 700;
}
.font_w800{
    font-weight: 800;
}

/* overflow */
.overflow_h{
    overflow: hidden;
}

@media (min-width: 1367px) {
    .padding_s10{
        padding-left: 15vw;
        padding-right: 15vw;
    }
}
@media (max-width: 1023px) {
    .padding_s10{
        padding: 0px 7%;
    }
    h1{
        font-size: 4.5vw;
    }
    h2{
        font-size: 3.7vw;
    }
    h3{
        font-size: 2.5vw;
    }
    h4{
        font-size: 1.7vw;
    }
    .w_50 {
        width: 100%;
    }
    .pd_sm5{
        padding-top: 5vh;
    }
}
@media (max-width: 699px) {
    h1 {
        font-size: 7.5vw;
    }
    h2{
        font-size: 5.5vw;
    }
    h3{
        font-size: 3.5vw;
    }
    h4{
        font-size: 2.7vw;
    }
}