:root {
   /* --Primary: #144AE5;*/
    /*--Hover: #0A32A5;*/

  --Primary: #0e67a9;
    --Hover: #0e6fb7;
	
    --Head-primary: #1B1B1B;
    --Head-secondary: #FFFFFF;
    /*--Main-text-primary: #505050;*/
    --Main-text-secondary: #BFBFBF;
--Main-text-primary: #494d5a;
    --Background: #FFFFFF;
    --Background-secondary: #F3F3F3;
    --Background-thirdly: #898989;
    --Stroke-primary: #EAEAEA;
    --Stroke-secondary: #3B3B3B;

    --Error: #FF595C;
    --Success: #59FF8B;


    --Header-decor: #297FFF;


    /* Margin */
    --Margin-120: clamp(40px, calc(1vw * 5.9), 120px);
    --Margin-110: clamp(40px, calc(1vw * 5.8), 110px);
    --Margin-100: clamp(40px, calc(1vw * 5.8), 100px);
    --Margin-80: clamp(40px, calc(1vw * 4.5), 80px);
    --Margin-70: clamp(35px, calc(1vw * 4), 70px);
    --Margin-60: clamp(30px, calc(1vw * 4), 60px);
    --Margin-50: clamp(25px, calc(1vw * 4), 50px);
    --Margin-40: clamp(20px, calc(1vw * 4), 40px);
    --Margin-35: clamp(20px, calc(1vw * 4), 35px);
    --Margin-30: clamp(15px, calc(1vw * 4), 30px);
    --Margin-25: clamp(15px, calc(1vw * 4), 25px);
    --Margin-20: clamp(10px, calc(1vw * 4), 20px);
    --Margin-15: clamp(10px, calc(1vw * 4), 15px);
    --Margin-10: 10px;

    --Margin-alignfull: calc( (100vw - var(--Container)) / 2 );


    /* Padding */
    --Details-padding: clamp(50px, calc(1vw * 13.6), 260px);
    --Padding-100: clamp(30px, calc(1vw * 5.3), 100px);
    --Padding-90: clamp(25px, calc(1vw * 5.3), 90px);
    --Padding-80: clamp(20px, calc(1vw * 4.2), 80px);
    --Padding-70: clamp(30px, calc(1vw * 4.2), 70px);
    --Padding-60: clamp(30px, calc(1vw * 3.3), 60px);
    --Padding-50: clamp(25px, calc(1vw * 3.3), 50px);
    --Padding-45: clamp(22.5px, calc(1vw * 3.3), 45px);
    --Padding-40: clamp(20px, calc(1vw * 3.3), 40px);
    --Padding-35: clamp(17.5px, calc(1vw * 3.3), 35px);
    --Padding-30: clamp(15px, calc(1vw * 1.6), 30px);
    --Padding-25: clamp(15px, calc(1vw * 1.6), 25px);
    --Padding-20: clamp(10px, calc(1vw * 1.5), 20px);
    --Padding-16_5: clamp(8px, calc(1vw * 1.4), 16.5px);
    --Padding-15: clamp(8px, calc(1vw * 1.4), 15px);
    --Padding-10: clamp(8px, calc(1vw * 1.4), 10px);


    /* Gap */
    --Gap-130: clamp(60px, calc(1vw * 6.8), 130px);
    --Gap-120: clamp(50px, calc(1vw * 6.3), 120px);
    --Gap-110: clamp(30px, 5.5556px + 5.5556vw, 110px);
    --Gap-100: clamp(50px, calc(1vw * 5.5), 100px);
    --Gap-80: clamp(40px, calc(1vw * 5.5), 80px);
	--Gap-70: clamp(35px, calc(1vw * 5.5), 70px);
    --Gap-60: clamp(30px, calc(1vw * 3.22), 60px);
    --Gap-50: clamp(25px, calc(1vw * 3.22), 50px);
    --Gap-40: clamp(20px, calc(1vw * 2.8), 40px);
    --Gap-35: clamp(20px, calc(1vw * 2.8), 35px);
    --Gap-30: clamp(10px, calc(1vw * 1.6), 30px);
    --Gap-25: clamp(10px, calc(1vw * 1.6), 25px);
    --Gap-20: clamp(10px, calc(1vw * 1), 20px);
    --Gap-15: clamp(10px, calc(1vw * 1), 15px);
    --Gap-10: 10px;


    /* Fonts */
    --Font-size-h1: clamp(20px, 10.5278px + 2.1528vw, 36px); /* clamp(22px, 12.8333px + 2.0833vw, 51px) */
    --Font-size-h2: clamp(20px, 11.4444px + 1.9444vw, 36px);
    --Font-size-h3: clamp(18px, 12.5px + 1.25vw, 36px);
    --Font-size-h4: clamp(16px, 13.5556px + 0.5556vw, 20px);
    --Font-size-h5: clamp(14px, 12.1667px + 0.4167vw, 20px);
    --Font-size-h6: clamp(10px, 8.1667px + 0.4167vw, 16px);
    --Font-size-p1: clamp(16px, 14.7778px + 0.2778vw, 20px);
    --Font-size-p2: clamp(12px, 10.7778px + 0.2778vw, 16px);
    --Font-size-p3: clamp(12px, 11.3889px + 0.1389vw, 14px);
    --Font-size-p4: clamp(10px, 9.3889px + 0.1389vw, 12px);

    --Font-size-btn-16: clamp(12px, 10.7778px + 0.2778vw, 16px);
    --Font-size-btn-14: clamp(10px, 8.7778px + 0.2778vw, 14px);


    /* Borders */
    --Border-radius-30: 30px;
    --Border-radius-25: 25px;
    --Border-radius-20: 20px;
    --Border-radius-15: 15px;
    --Border-radius-10: 10px;
    --Border-radius-2: 2px;



    --Transition: all 0.4s ease-in-out;
    --Container: 1530px;
    --Mobile-container: 95%;
    --Mobile-container-vp: 95vw;

    --Width-mini-btn: clamp(40px, calc(1vw * 3), 50px);
    --Min-width-cell-table: 180px;
}


@media(max-width: 1610px) {
    :root {
        --Margin-alignfull: calc( (100vw - var(--Mobile-container)) / 2 );
    }
}



/* 
TODO
*/