@import url("elementor-variables.css");

:root, body{
    /*
     * Outer Elementor container paddings 
     * Using clamp() to set a minimum and maximum padding value
     * the clamp calculator can be found here: https://www.marcbacon.com/tools/clamp-calculator/
    */
    --content-padding: clamp(20px, calc(1.25rem + ((1vw - 4.8px) * 0.6061)), 24px);

    /* Deafault section paddings */
    --section-padding-top: 80px;
    --section-padding-bottom: 80px;
    --section-padding-top-tablet: 50px;
    --section-padding-bottom-tablet: 50px;
    --section-padding-top-mobile: 35px;
    --section-padding-bottom-mobile: 35px;

     /* Deafault banner paddings */
    --banner-padding-top: 60px;
    --banner-padding-bottom: 60px;
    --banner-padding-bottom-tablet: 50px;
    --banner-padding-top-tablet: 50px;
    --banner-padding-top-mobile: 35px;
    --banner-padding-bottom-mobile: 35px;
    /* Additional variables */
    
}