:root {
    --color-black: #000;
    --bg-yellow: #fcbb0b;
    --color-blue: #083fa6;
    --color-secondary-white: #f2f2f2;
    --color-blue-background: #e8f6ff;
    --color-text-gray: #888888;
    --color-light-purple: #f2e3f0;
    --font-family: 'Fredoka', sans-serif;
}

html {
    /* Mobile View */
    /* font-size: 26.79%; */
    font-size: 62.5%;
    scroll-behavior: smooth !important;
}

body {
    margin: 0;
    color: var(--color-black) !important;
}

p {
    margin: 0 !important;
    line-height: 34px;
}

*,
*:before,
*:after {
    -moz-box-sizing: inherit;
    box-sizing: inherit;
}

.font-fredoka {
    font-family: var(--font-family);
}

/* Text Color */
.text-blue {
    color: var(--color-blue) !important;
}

.text-gray {
    color: var(--color-text-gray);
}

.text-yellow {
    color: var(--bg-yellow);
}

/* Button */
.btn-primary,
.btn-primary-small {
    background-color: #fcbb0b !important;
    color: var(--color-black) !important;
    padding: 12px, 20px, 12px, 20px;
    border-radius: 5rem;
    border: none !important;
    font-weight: 800;
    height: fit-content;
    width: fit-content;
    outline: 0;
}

.btn-primary-blue {
    background-color: #083FA6 !important;
    color: #FCBB0B !important;
    border-radius: 5rem;
    border: none !important;
    font-weight: 800;
    height: fit-content;
    width: fit-content;
    outline: 0;
}

.btn-primary {
    font-size: 2rem;
    min-width: 258px;
    min-height: 60px;
}

.btn-primary-blue {
    font-size: 2rem;
    min-width: 258px;
    min-height: 60px;
}

.btn-primary-small {
    min-width: 202px;
    min-height: 60px;
    font-size: 2rem;
}

/* Backgrounds */
.bg-primary-yellow,
.bg-yellow {
    background-color: var(--bg-yellow) !important;
}

.bg-secondary-blue,
.bg-light-blue {
    background-color: var(--color-blue-background);
}

.bg-blue {
    background-color: var(--color-blue);
}

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

.bg-light-purple {
    background-color: var(--color-light-purple);
}

/* ROUNDED */

.rounded-sm {
    border-radius: 3rem !important;
}

.rounded-md {
    border-radius: 7.6rem 10.6rem 19rem 7.5rem;
}

/* Spacing */

.default-padding {
    padding: 10% 0;
}

.gallery-padding {
    padding-top: 6rem !important;
}

.padding-bottom {
    padding-bottom: 5% !important;
}

@media (min-width:1600px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1635px !important
    }
}

section {
    padding: 5% 0;
}

@media (max-width: 1600px) {
    html {
        /* Mobile View */
        /* font-size: 26.79%; */
        font-size: 49%;
        scroll-behavior: smooth !important;
    }

    /*     .container,
    .container-xl {
        max-width: 1290px !important;
    } */
    .btn-primary {
        font-size: 2rem;
        min-width: 220px;
        min-height: 50px;
    }
}

/* Medium Large devices */
@media (max-width: 1420px) {
    html {
        /* Mobile View */
        /* font-size: 26.79%; */
        font-size: 45%;
        scroll-behavior: smooth !important;
    }
}

@media (max-width: 1280px) {

    .product-style1 .product-content {
        padding: 20px 20px 20px 20px;
    }

    .product-style1 .vs-btn {
        padding: 17px 19px;
    }
}

@media (max-width: 1024px) {
    html {
        /* Mobile View */
        /* font-size: 26.79%; */
        font-size: 32.5%;
        scroll-behavior: smooth !important;
    }
}

/* Medium devices */
@media (max-width: 991px) {
    .testi-img {
        border-radius: 50px;
        width: 50px;
        height: 50px !important;
    }

    .testi-style1 .testi-rating {
        font-size: 6px !important;
    }
}

/* Small devices */
@media (max-width: 767px) {
    .btn-primary {
        font-size: 1.6rem;
        border-radius: 5rem;
        min-width: 258px;
        min-height: 60px;
        height: fit-content;
        width: fit-content;
        background-color: #fcbb0b !important;
        color: var(--color-black) !important;
        border: none !important;
        outline: 0;
        font-weight: 800;
    }

    .testi-style1 .testi-rating {
        font-size: 10px !important;
    }

    .gallery-padding {
        padding-top: 0 !important;
    }

    .container {
        padding: 0 5% !important;
    }

    .padding-bottom {
        padding-bottom: 10% !important;
    }


    html {
        /* Mobile View */
        /* font-size: 26.79%; */
        font-size: 62.5%;
        scroll-behavior: smooth !important;
    }
}