.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-2 {
    padding-left: 2rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.mh-2 {
    margin-left: 2rem;
    margin-right: 2rem;
}

.mh-5 {
    margin-left: 5%;
    margin-right: 5%;
}

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

@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;
    }
    
    .pr-sm-1 {
        padding-right: 1rem !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;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    
    .h-4 {
        padding-left: 2rem;
        padding-right: 2rem;
    }
}    

@media (max-width:560px) {
    
    .sm-pl-0 {
        padding-left: 0 !important;
    }
    
    .sm-ml-0 {
        margin-left: 0 !important;
    }
    
    .sm-mr-0 {
        margin-right: 0 !important;
    }
    
    .sm-mr-1 {
        margin-right: 1rem !important;
    }

    .pt-5 {
        padding-top: 1rem !important;
    }
    
    .paddingTop-4 {
        padding-top: 5rem;
    }
    
    .paddingBottom-4 {
        padding-bottom: 5rem;   
    }
    
    .sm-p-5 {
        padding: 0 !important;
    }
    
    .sm-m-1 {
        margin: 1rem;
    }
    
    .sm-mr-2 {
        margin-right: 2rem;
    }
    
    .sm-ml-1 {
        margin-left: 1rem;
    }
    
    .startPage .startPage .heroTextWrapper {
        padding-left: 0;
        padding-right: 0;
    }
}