@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;700&family=Tajawal:wght@400;700&display=swap');

:root {
    --primaryColor: #42d11e;
    --middleColor: #393E46;
    --helperColor: #2B1B42;
    --lightHelper: #1C1C35;
    --hrColor: #A9B5DF;
    --transparentColor: rgba(0, 0, 0, 0.699);
    --shadow: rgba(189, 188, 188, 0.514);

    /* --------------------------------- */
    --white: #ffff;
    --blue: #1877F2;
    --whatsappColor: var(--green);
    --green: #25D366;
    --gray: #f8f8f8;
    --info-color: #17c0db;
    --dark-color: #343a40;
    --success-color: #22b544;
    --danger-color: #de3131;
    --warning-color: #f4bb0e;

    /* ------------------------------------- */
    /* --component-shadow: none;
    --component-background: var(--white);
    --component-color: #343a40;
    --component-padding: 15px;
    --medium-weight: 500;
    --forms-height-small: 35px;
    --forms-radius: 5px;
    --strong-weight: 700; */


}

body::-webkit-scrollbar {
    width: 8px
}

body::-webkit-scrollbar-track {
    background-color: transparent
}

body::-webkit-scrollbar-thumb {
    background-color: var(--primaryColor);
    background-image: linear-gradient(0deg, var(--primaryColor) 0%, var(--helperColor) 100%);
    border-radius: 5px
}
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Cairo', 'Tajawal', sans-serif;
}


a {
    text-decoration: none;
    transition: all 0.5s;
    color: inherit;

}

ul {
    list-style: none;
}

img {
    border-style: none;
    max-width: 100%;
    height: auto;
    display: inline-block;
    vertical-align: middle;
}


.container {
        margin: 0 auto;
        position: relative;
        max-width: 1400px;
}

@media (max-width: 1250px) {
    .container {
        padding: 0 50px;
    }
}    
@media (max-width: 768px) {
    .container {
        padding: 0 25px;
    }
    
}