:root {
    --Container: 1530px;
    --Mobile-container: 96%;

    --Transition: all 0.3s ease-in-out;

    
    /* colors */
    --Menu-section-color: #F9F9F9;
    --Menu-border-color: #E7E7E7;
    --Menu-primary: #0D8970;
    --Menu-head: #273141;
    --Menu-main-text: #5C636F;
    --Menu-nav-bg: #FFFFFF;

    --Margin-20: clamp(10px, 6.9444px + 0.6944vw, 20px);
    --Margin-15: clamp(10px, 8.4722px + 0.3472vw, 15px);

    --Padding-30: clamp(15px, 10.4167px + 1.0417vw, 30px);
    --Padding-20: clamp(10px, 6.9444px + 0.6944vw, 20px);

    --Gap-30: clamp(10px, 3.8889px + 1.3889vw, 30px);
    --Gap-20: clamp(10px, 6.9444px + 0.6944vw, 20px);
    --Gap-10: clamp(5px, 3.4722px + 0.3472vw, 10px);


    /* mobile */
    --Mobile-header-height: 108px;
    --Mobile-header-bottom-height: 70px;
}

@media(max-width: 500px) {
    :root {
        --Mobile-header-height: 122px;
    }
}