:root {
--Container: 1530px;
--Mobile-container: 96%;
--Transition: all 0.3s ease-in-out; --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-header-height: 108px;
--Mobile-header-bottom-height: 70px;
}
@media(max-width: 500px) {
:root {
--Mobile-header-height: 122px;
}
}