@font-face {
    font-family: myFirstFont;
    src: url(./font/Exo-Bold.ttf);
}


@media screen and (prefers-reduced-motion: no-preference) {
    html {
        scroll-behavior: smooth;
    }
}


*,
*::before,
*::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}




/*===================================================================== Variables */

:root {
    /*=========================================================== Fonts */
    --primary-font-para: Calibri !important;

    /*=========================================================== Colors */
    --color-primary: #fec30e;
    --color-secondary: #cdb4db;
    --color-light-background: #f1f1f1;
    --color-dark-background: #dadada;

    /*=========================================================== --secondary:; */
    --dark: #000;
    --dark-ult: #3b3a3a;
    --light: #ddd !important;
    --white: #ffffff;
}


* {
    margin: 0;
    padding: 0;
    outline: 0;
    box-sizing: border-box;
    text-decoration: none !important;
    list-style: none;
    font-family: Calibri !important;

}

html {
    scroll-behavior: smooth;
}

body {
    margin: 0;
    padding: 0;
    outline: 0;
    letter-spacing: 0.5px;
    font-family: Calibri !important;
}





/* =================================================================Paragraphs & Heading */
.heading {
    font-size: 22px;
    font-family: myFirstFont !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: myFirstFont !important;
    font-weight: 100 !important;
}


p {
    font-family: Calibri !important;
    font-size: 17px !important;
    line-height: 27px !important;
}



































a {
    text-decoration: none;
}

ul,
ol {
    list-style-type: none;
    list-style: none;
}







/*================================================================================= responsive section start*/

/* @media (max-width: 1600px) {
    .container{
        max-width: 1470px !important;
    }
}


@media (max-width: 1466px) {
    .container{
        max-width: 1350px !important;
    }
}

@media (max-width: 1366px) {
    .container{
        max-width: 1250px !important;
    }
}


@media (max-width: 1200px) {
    .container{
        max-width: 1100px !important;
    }
} */

@media (max-width: 1024px) {
    p {
        font-family: Calibri !important;
        font-size: 16px !important;
        line-height: 25px !important;

    }
}

@media (max-width: 768px) {
    p {
        font-family: Calibri !important;
        font-size: 15px !important;
        line-height: 26px !important;
    }



}

@media (max-width: 425px) {
    p {
        font-family: Calibri !important;
        font-size: 14px !important;
        line-height: 23px !important;
    }
}

@media (max-width: 375px) {
    p {
        font-family: Calibri !important;
        font-size: 14px !important;
        line-height: 23px !important;
    }
}

@media (max-width: 325px) {}