/* Slider Style */

.wdt-parallax-carousel-holder .wdt-parallax-carousel-item { display: grid; position: relative; height: 100vh; }

.wdt-parallax-carousel-holder .wdt-parallax-carousel-item .wdt-parallax-carousel-image,
.wdt-parallax-carousel-holder .wdt-parallax-carousel-item .wdt-parallax-carousel-info { width: 100%; border-radius: inherit;
    grid-area: 1/-1; align-items: center; align-content: center; justify-content: center; margin-bottom: 0; 
    overflow: hidden; text-align: center;  }

.wdt-parallax-carousel-holder .wdt-parallax-carousel-item .wdt-parallax-carousel-image { position: relative; }
.wdt-parallax-carousel-holder .wdt-parallax-carousel-item .wdt-parallax-carousel-image img { 
    width: 100%; height: 100%; object-fit: cover; object-position: center center; }

.wdt-parallax-carousel-holder .wdt-parallax-carousel-item .wdt-parallax-carousel-info { position: relative; margin: 30px 8%;
    display: block; padding: 10px 30px; max-width: 1000px; align-self: center; justify-self: center; background: transparent; }
.wdt-parallax-carousel-holder .wdt-parallax-carousel-item .wdt-parallax-carousel-info > div { margin: 0; }
.wdt-parallax-carousel-holder .wdt-parallax-carousel-item .wdt-parallax-carousel-info > div:not(:last-child) { margin-bottom: 15px; }

.wdt-parallax-carousel-holder .wdt-parallax-carousel-item .wdt-parallax-carousel-info .wdt-parallax-carousel-title > h2 { 
    text-transform: uppercase; margin: 0; }

.wdt-parallax-carousel-holder .wdt-parallax-carousel-item .wdt-parallax-carousel-info .wdt-parallax-carousel-sub-title span {
    font-size: var(--wdtFontSize_Ext, 500); font-weight: 1rem; letter-spacing: 0.15em; 
    text-transform: uppercase; margin-bottom: clamp(0.375rem, 0.3173rem + 0.2564vw, 0.625rem); }

.wdt-parallax-carousel-info div.wdt-parallax-carousel-button > a {
    margin-top: 10px; display: inline-block; line-height: 1; font-size: var(--wdtBtn_font_size, 1rem); padding: var(--wdtPadding_Btn, 0.7em 1.5em); text-align: center; -webkit-border-radius: 0; border-radius: 0; font-family: var(--wdtFontTypo_Alt);
    font-weight: var(--wdtFontWeight_Ext, 500); line-height: normal; text-transform: capitalize; background-color: var(--wdtPrimaryColor); color: var(--wdtAccentTxtColor); }
.wdt-parallax-carousel-info div.wdt-parallax-carousel-button > a:hover { background-color: var(--wdtAccentTxtColor); color: var(--wdtSecondaryColor); }

/* Pagination */

.wdt-parallax-carousel-pagination-wrapper { position: absolute; z-index: 1; bottom: 30px; 
    width: 100%; max-width: 600px; margin: 0 auto; left: 0; right: 0; background-color: rgba(0,0,0,0.15);
    padding: 40px 100px; backdrop-filter: blur(4px); }

.wdt-parallax-carousel-pagination-wrapper .wdt-parallax-carousel-arrow-pagination { text-align: center; }
.wdt-parallax-carousel-pagination-wrapper .wdt-parallax-carousel-arrow-pagination > div { position: relative; z-index: 2;
    display: inline-flex; align-items: center; justify-content: space-evenly; width: 60px; height: auto; padding: 0; margin: 20px 5px 5px; background: none; }

.wdt-parallax-carousel-pagination-wrapper .slide-progress { position: relative; }
.wdt-parallax-carousel-pagination-wrapper .slide-progress .swiper-pagination-progressbar { 
    background-color: var(--wdtBorderColor); height: 2px; }
.wdt-parallax-carousel-pagination-wrapper .slide-progress .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    top: -2px; width: 100%; height: calc(100% + 4px); background-color: var(--wdtPrimaryColor); }

/* Hedear with section */

.wdt-header-with-section .wdt-parallax-carousel-holder .wdt-parallax-carousel-item .wdt-parallax-carousel-info .wdt-parallax-carousel-title > h2 {
    font-size: clamp(2.5rem, 2.0673rem + 1.9231vw, 4.375rem); /* Min-40 & Max-70 */ }
.wdt-header-with-section .wdt-parallax-carousel-holder .wdt-parallax-carousel-item .wdt-parallax-carousel-info { 
    margin-top: var(--header-height); padding-top: clamp(2.5rem, 1.8365rem + 2.9487vw, 5.375rem) /* 40px - 86px */; }

.wdt-header-with-section .wdt-parallax-carousel-pagination-wrapper { bottom: 10%; }
.wdt-header-with-section .wdt-parallax-carousel-pagination-wrapper .wdt-parallax-carousel-arrow-pagination > div { 
    position: absolute; margin: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.wdt-header-with-section .wdt-parallax-carousel-pagination-wrapper .wdt-parallax-carousel-arrow-pagination > div.wdt-arrow-pagination-prev { left: 24px; gap: 4px; }
.wdt-header-with-section .wdt-parallax-carousel-pagination-wrapper .wdt-parallax-carousel-arrow-pagination > div.wdt-arrow-pagination-next { right: 24px; gap: 4px; }

.wdt-header-with-section .wdt-parallax-carousel-pagination-wrapper .wdt-parallax-carousel-arrow-pagination > div.wdt-arrow-pagination-prev i,
.wdt-header-with-section .wdt-parallax-carousel-pagination-wrapper .wdt-parallax-carousel-arrow-pagination > div.wdt-arrow-pagination-next i { display: inline-flex; }

/* Content Animation */

.wdt-parallax-carousel-holder .wdt-parallax-carousel-item .wdt-parallax-carousel-info .wdt-parallax-carousel-sub-title,
.wdt-parallax-carousel-holder .wdt-parallax-carousel-item .wdt-parallax-carousel-info .wdt-parallax-carousel-title,
.wdt-parallax-carousel-holder .wdt-parallax-carousel-item .wdt-parallax-carousel-info .wdt-parallax-carousel-content,
.wdt-parallax-carousel-holder .wdt-parallax-carousel-item .wdt-parallax-carousel-info .wdt-parallax-carousel-button { 
    -webkit-transition: 375ms cubic-bezier(0.7, 0, 0.3, 1); transition: 375ms cubic-bezier(0.7, 0, 0.3, 1); opacity: 0; }

.wdt-parallax-carousel-holder .swiper-slide-active .wdt-parallax-carousel-item .wdt-parallax-carousel-info .wdt-parallax-carousel-sub-title { 
    transition-property: opacity 0.3s ease, filter 0.3s ease; animation: fadeInUp 1s ease forwards; animation-delay: 0.3s; }
    
.wdt-parallax-carousel-holder .swiper-slide-active .wdt-parallax-carousel-item .wdt-parallax-carousel-info .wdt-parallax-carousel-title { 
    transition-property: opacity 0.3s ease, filter 0.3s ease; animation: fadeInUp 1s ease forwards; animation-delay: 0.6s; }
    
.wdt-parallax-carousel-holder .swiper-slide-active .wdt-parallax-carousel-item .wdt-parallax-carousel-info .wdt-parallax-carousel-content { 
    transition-property: opacity 0.3s ease, filter 0.3s ease; animation: fadeInUp 1s ease forwards; animation-delay: 0.9s; }

.wdt-parallax-carousel-holder .swiper-slide-active .wdt-parallax-carousel-item .wdt-parallax-carousel-info .wdt-parallax-carousel-button { 
    transition-property: opacity 0.3s ease, filter 0.3s ease; animation: fadeInUp 1s ease forwards; animation-delay: 1.2s; }
    

@keyframes fadeInUp {
    0% { opacity: 0; transform: translateY(100px); }
    100% { opacity: 1; transform: translateY(0); }
}


/* -----------------------
    Primary Color 
----------------------- */

/* -----------------------
    secondary Color 
----------------------- */
  
/* -----------------------
    Responsive
----------------------- */

@media only screen and ( max-width: 1024px) {
    .wdt-parallax-carousel-holder .wdt-parallax-carousel-item .wdt-parallax-carousel-info { margin-left: 0px; margin-right: 0px; }
}

@media only screen and ( max-width: 670px) {
    .wdt-header-with-section .wdt-parallax-carousel-pagination-wrapper { bottom: 0px; width: 100%; max-width: 100%; }
}