/************* BUTTON *************/
.reg-btn, .SuiButton {
    background-image: linear-gradient(62deg, #002244 16%, #003cb2 33%) !important;
    background-size: 200% 100%!important;
    background-position: 0 0!important;
    transition: all 0.7s ease;
}

.reg-btn:hover, .SuiButton:hover {
    background-position: 100% 0%!important;
}

.creative-arrow:after {
    content: '\279C';
    position: absolute;
    top: 16px;
    right: 23px;
    cursor: pointer !important;
    transition: transform linear 0.3s;
}

.creative-arrow:hover:after {
    transform: translateX(5px);
}

/************* DUOTONE *************/
.duotone-image {
    filter: grayscale(100%) brightness(70%) contrast(150%);
}

.duotone-light {  
    mix-blend-mode: hard-light;  
} 

.duotone-dark {  
    mix-blend-mode: screen;  
} 

/************* INFINITE, LOOPING, AUTOPLAY CAROUSELS *************/
body:not(.finetune) .looping-container {
    overflow-x: hidden!important;
    display: flex!important;
    justify-content: flex-start;
}

body:not(.finetune) .looping {
    height: 100%;
    display: flex!important;
    transition: all ease 1s;
    margin-left: 0!important;
}

body:not(.finetune) .looping-slide {
    flex: 1;
    height: 100%;
    display: flex!important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.carousel-next-btn, .carousel-prev-btn,
.looping-buttons {
    transition: all 300ms ease-in-out;
}