.paddingTop-1 {
    padding-top: 2.5rem;
}

.paddingTop-2 {
    padding-top: 5rem;
}

.paddingTop-3 {
    padding-top: 7.5rem;
}

.paddingTop-4 {
    padding-top: 10rem;
}

.paddingBottom-1 {
    padding-bottom: 2.5rem;
}

.paddingBottom-2 {
    padding-bottom: 5rem;
}

.paddingBottom-3 {
    padding-bottom: 7.5rem;
}

.paddingBottom-4 {
    padding-bottom: 10rem;
}

.marginTop-1 {
    margin-top: 2.5rem;
}

.marginTop-2 {
    margin-top: 5rem;
}

.marginTop-3 {
    margin-top: 7.5rem;
}

.marginTop-4 {
    margin-top: 10rem;
}

.marginBottom-1 {
    margin-bottom: 2.5rem;
}

.marginBottom-2 {
    margin-bottom: 5rem;
}

.marginBottom-3 {
    margin-bottom: 7.5rem;
}

.marginBottom-4 {
    margin-bottom: 10rem;
}

.ph-2 {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
}


.ph-4 {
    padding-left: 4rem !important;
    padding-right: 4rem !important;    
}

.ph-5 {
    padding-left: 5rem;
    padding-right: 5rem;
}

.pl-3 {
    padding-left: 3rem;
}

.pr-2  {
    padding-right: 2rem;
}

.pr-3 {
    padding-right: 3rem;
}

.h-4 {
    padding-left: 5%;
    padding-right: 5%;
}

.mr-4 {
    margin-right: 4rem;
}

.ml-2 {
    margin-left: 2rem;
}

.border-radius {
    border-radius: 30px;
    overflow:hidden;
}

.extraGap .umb-block-grid__area-container {
    column-gap: var(--umb-block-grid--areas-column-gap, 120px);
}

@media (max-width:1440px) { 
    
    .p-5 {
        padding: 2rem !important;
    }
    
    .ph-5 {
        padding-left: 2rem;
        padding-right: 2rem;
    }
    
    .ph-4 {
        padding-left: 2rem !important;
        padding-right: 2rem !important;
    }
}

@media (max-width:1440px) {  
    .ph-4 {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }
}

@media (max-width:820px) {
    .pr-3 {
        padding-right: 3rem;
    }
    .pl-3 {
        padding-left: 3rem;
    }
    
    .paddingBottom-2 {
        padding-bottom: 2rem;
    }
    .paddingTop-2 {
        padding-top: 2rem;
    }
    
    .p-5 {
        padding: 2rem !important;
    }
    
    .h-4 {
        padding-left: 2rem;
        padding-right: 2rem;
    }
}    

@media (max-width:560px) {

    .pt-5 {
        padding-top: 1rem !important;
    }
    
    .paddingTop-4 {
        padding-top: 5rem;
    }
    
    .paddingBottom-4 {
        padding-bottom: 5rem;   
    }
    
    .p-5 {
        padding: 1rem !important;
    }
    
    .h-4 {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}