.pt-4 {
    padding-top: 1rem;
}

.pt-6 {
    padding-top: 1.5rem;
}

.pt-8 {
    padding-top: 2rem !important;
}

.pb-8 {
    padding-bottom: 2rem !important;
}	

.pl-8 {
    padding-left: 2rem;
}

.pt-12 {
    padding-top: 3rem !important;
}


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

.pl-12 {
    padding-left: 3rem !important;
}

.pt-16 {
    padding-top: 4rem;
}
.pb-16 {
    padding-bottom: 4rem !important;
}

.pt-20 {
    padding-top: 5rem !important;
}

.pt-24 {
    padding-top: 6rem;
}

.pr-24 {
    padding-right: 6rem;
}

.pt-28 { 
    padding-top: 7rem;
}

.pb-28 {
    padding-bottom: 7rem;
}

.pb-56 {
    padding-bottom: 14rem;
}

.mt-8 {
    margin-top: 2rem !important;
}	

.mt-12 {
    margin-top: 3rem !important;
}

.mt-16 {
    margin-top: 4rem;
}

.mt-28 {
    margin-top: 7rem; 
}   

.pl-28 {
    padding-left: 7rem;
}

.pl-32 {
    padding-left: 8rem;
}

.pl-40 {
    padding-left: 10rem;
}

.mr-40 {
    margin-right: 10rem;
}

.mt-48 {
    margin-top: 12rem;
}

.txt-gray {
    color: #575757;
}

.text-sm {
    font-size: 0.875rem !important;
}

.text-base {
    font-size: 1rem !important;
}	

.text-xl {
    font-size: 1.25rem !important; 
    line-height: 1.75rem !important;
}

.text-2xl {
    font-size: 1.5rem !important;
}

.text-3xl {
    font-size: 1.875rem !important;
    line-height: 2.5rem !important;
}

.text-6xl {
    font-size: 3.75rem !important;
}

.text-8xl {
    font-size: 6rem!important;
}

.text-center {
    text-align: center !important;
}

.text-left {
    text-align: left !important;
}	
.flex {
    display: flex;
}

.flex-col {
    flex-direction: column;
}

.flex-wrap {
    flex-wrap: wrap;
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse;
}	

.items-start {
    align-items: flex-start;
}	

.items-center {
    align-items: center;
}

.items-end {
    align-items: flex-end;
}	

.first-title {
    font-size: 6rem !important;
}

@media only screen and (max-width: 1024px) {
    .flex-wrap { flex-wrap: wrap; }
    .fix-mobile { display: flex; justify-content: center; padding-left: 0; padding-right: 0;}
    .fix-title-mobile {
        text-align: center !important;
    }
}

@media only screen and (max-width: 768px) {
    .first-title { font-size: 4rem; }
    .mr-40 { margin-right: 0; }
}


@media only screen and (max-width: 425px) {
    .slideshow-container {
        margin-top: 0 !important;
    }
    
    .mt-12 {
        margin-top: 0 !important;
    }

    .first-title { font-size: 3rem !important; }

    .pr-24 {
        padding-right: 0;
    }
}