/* @group slider Pagination
------------------------------------ */
.sliderPagination-widget { color: var(--text-grey); }
.sliderPagination-widget .img-box { height: 72rem; }
.sliderPagination-widget article .img-box::after { content: ''; position: absolute; bottom: 0; left: 0; height: 38.6rem; width: 100%; background: transparent linear-gradient(180deg, rgba(51,51,64,0) 0%, rgba(51,51,64,1) 100%); }
.sliderPagination-widget .splide__pagination { position: absolute; bottom: 3.1rem; left: 0; }
.sliderPagination-widget h2 { font-size: 7em; letter-spacing: 11.2px; line-height: 1.143em; margin: 0 0 10.9rem; }
.sliderPagination-widget .customPagination { position: absolute; bottom: 0; width: 100%; z-index: 4; }
.sliderPagination-widget h4 { font-size: 4em; letter-spacing: 3.2px; line-height: 1.143em; margin: 0 0 10.9rem; font-weight: 300; }
.sliderPagination-widget h4 em { font-weight: 400; }

.sliderPagination-widget .link-circle { margin-right: 5.6rem; 
    -webkit-transition: opacity 0.3s linear;
    -moz-transition: opacity 0.3s linear;
    -ms-transition: opacity 0.3s linear;
    -o-transition: opacity 0.3s linear;
    transition: opacity 0.3s linear;
}
.sliderPagination-widget .customPagination button .hover { opacity: 0; position: absolute; display: flex; align-items: center; top: .3rem;
    -webkit-transition: opacity 0.3s linear;
    -moz-transition: opacity 0.3s linear;
    -ms-transition: opacity 0.3s linear;
    -o-transition: opacity 0.3s linear;
    transition: opacity 0.3s linear;
}
.sliderPagination-widget .customPagination button .hover .img-box { height: 7.8rem; width: 7.8rem; margin-right: .6rem; border-radius: 100%; }
@media only screen
and (min-width : 961px) {
    .sliderPagination-widget .img-box { height: 100vh; }
    .sliderPagination-widget .img-box::after { height: 40.1rem; }
    .sliderPagination-widget h2 { font-size: 10rem;letter-spacing: 16px; line-height: 1em; margin: 0 0 10rem; }

    .sliderPagination-widget h4 { color: var(--title-light); font-size: 2.4em; font-weight: 500; letter-spacing: 3.84px; line-height: 1.335em; margin: 0; white-space: nowrap; transform: rotate(-90deg) translate(-50%, -50%); }
    .sliderPagination-widget h4 em { font-weight: inherit; }
    
    .sliderPagination-widget .customPagination .col-12-10.offset-left-12-1 { white-space: nowrap; }

    .Explorer .sliderPagination-widget .customPagination button:hover .large,
    .Mozilla.v11 .sliderPagination-widget .customPagination button:hover .large { opacity: 0; }
    .Explorer .sliderPagination-widget .customPagination button:hover .hover,
    .Mozilla.v11 .sliderPagination-widget .customPagination button:hover .hover { opacity: 1; }
    @media (hover: hover) {
        .sliderPagination-widget .customPagination button:hover .large { opacity: 0; }
        .sliderPagination-widget .customPagination button:hover .hover { opacity: 1; }
    }
}
@media only screen
and (min-width : 961px)
and (max-width : 1440px) {
}
@media only screen
and (min-width : 1920px) {
    .sliderPagination-widget h2 { margin: 0 0 14.5rem; }
    .sliderPagination-widget .customPagination { bottom: 4.7rem; }
}
@media only screen
and (min-width : 0)
and (max-width : 960px) {
    .sliderPagination-widget .col-12-10 { padding: 0 1rem; }
    .sliderPagination-widget .outerAbsolute.middle { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; }
}

/* @end */
