@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");

* {
    padding: 0;
    margin: 0;
    list-style-type: none !important;
    text-decoration: none !important;
    box-sizing: border-box !important;
}

html,
body {
    font-family: "Montserrat", sans-serif;
    overflow-x: hidden !important;
    font-weight: 400;
    max-width: 1920px;
    margin: auto;
}

/* custom container */
@media (max-width: 1599.98px) {
    .custom_container {
        max-width: 1172px !important;
    }
}

p {
    margin-bottom: 0 !important;
}

/* scrollbar  */
::-webkit-scrollbar {
    width: 5px !important;
}

::-webkit-scrollbar-thumb {
    background-color: var(--blue) !important;
    border-radius: 10px;
}

/* root  */
:root {
    --font-xs: 14px;
    --font-sm: 16px;
    --font-md: 20px;
    --font-lg: 32px;
    --font-xl: 40px;
    --font-2xl: 50px;
    --gray: #e9e9e9;
    --green: #20bbb1;
    --blue: #4a2d8c;
    --light-black: #333333;
}

/* MEDIA ROOTS */
@media (max-width: 1199.98px) {
    :root {
        --font-lg: 30px;
        --font-xl: 35px;
        --font-2xl: 40px;
    }
}

@media (max-width: 991.98px) {
    :root {
        --font-sm: 14px;
        --font-md: 18px;
        --font-lg: 26px;
        --font-xl: 30px;
    }
}

@media (max-width: 575.98px) {
    :root {
        --font-md: 16px;
        --font-lg: 24px;
        --font-xl: 28px;
    }
}

@media (max-width: 374.98px) {
    :root {
        --font-2xl: 30px;
    }
}

/* BACKGROUND COLOR */
.bg_blue {
    background-color: var(--blue) !important;
}

.bg_green {
    background-color: var(--green) !important;
}

.bg_light_black {
    background-color: var(--light-black) !important;
}

.bg_gray {
    background-color: var(--gray) !important;
}

/* TEXT COLOR */
.text_light_black {
    color: var(--light-black) !important;
}

.text_blue {
    color: var(--blue) !important;
}

.text_green {
    color: var(--green) !important;
}

/* font size  */
.font_xs {
    font-size: var(--font-xs) !important;
}

.font_sm {
    font-size: var(--font-sm) !important;
}

.font_md {
    font-size: var(--font-md) !important;
}

.font_lg {
    font-size: var(--font-lg) !important;
}

.font_xl {
    font-size: var(--font-xl) !important;
}

.font_2xl {
    font-size: var(--font-2xl) !important;
}

/* LINE HEIGHT */
.lh_120 {
    line-height: 120% !important;
}

.lh_150 {
    line-height: 150% !important;
}

/* CUSTOM CLASSES */
.common_lr_spacing {
    margin: 24px 30px;
}

.common_rounded_xl {
    border-radius: 20px;
}

.common_rounded_sm {
    border-radius: 16px;
}

.fw_800 {
    font-weight: 800 !important;
}

.transition_3s {
    transition: all 0.3s ease-in-out;
}

.cursor_pointer {
    cursor: pointer;
}

.opacity_80 {
    opacity: 0.8;
}

.main_heading {
    font-size: var(--font-xl);
    font-weight: 500;
    color: var(--light-black);
    line-height: 120%;
}

/* common btn  */
.common_btn {
    font-size: var(--font-sm);
    font-weight: 700;
    color: white;
    border: 2px solid var(--green);
    border-radius: 72px;
    background-color: var(--green);
    padding: 14.4px 20px;
    line-height: 150%;
    transition: all 0.3s ease-in-out;
}

.common_btn:hover {
    box-shadow: inset 0 70px 0 white;
    color: var(--green) !important;
}

@media (max-width: 767.98px) {
    .common_btn {
        padding: 12.4px 20px;
    }
}

@media (max-width: 575.98px) {
    .common_lr_spacing {
        margin: 16px;
    }
}