/* Section 5 */
.hm-section-6 .celeris-row-1 .celeris-row {
	display: flex;
	justify-content: space-between;
	gap: 55px;
	align-items: center;
	flex-wrap: wrap;
}

/* Column Layout */
.hm-section-6 .celeris-row-1 .celeris-col-1 {
	width: 40%;
}
.hm-section-6 .celeris-row-1 .celeris-col-2 {
	width: 55%;
    padding: 30px 30px;
    position: relative;
}
.hm-section-6 .celeris-row-1 .celeris-col-2::before {
  content: url('/wp-content/uploads/2024/03/Component-5-7.png');
  position: absolute;
  top: -12px;
  left: -30px;
  z-index: 9;
}
.hm-section-6 .celeris-row-1 .celeris-col-2::after {
  content: url('/wp-content/uploads/2024/03/Component-2-6.png');
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 9;
}
/* Section Heading */
.hm-section-6 .celeris-row-1 .celeris-col-1 .celeris-section-heading h2 {
	line-height: normal;
}

/* Button Wrapper */
.hm-section-6 .celeris-row-1 .celeris-col-1 .celeris-btn-wrapper {
	margin-top: 50px;
	background: var(--color-dark-blue-2);
	border-radius: 15px;
	padding: 40px 30px;
	display: flex;
	justify-content: space-around;
	gap: 50px;
	width: fit-content;
}
.hm-section-6 .celeris-row-1 .celeris-col-1 .celeris-btn-wrapper .celeris-wrapper {
	border-bottom: 2px solid transparent;
	cursor: pointer;
	transition: all 0.3s ease;
	display: flex;
	align-items: center;
	gap: 10px;
}
.hm-section-6 .celeris-row-1 .celeris-col-1 .celeris-btn-wrapper .celeris-wrapper p {
	margin: 0;
	cursor: pointer;
	border-bottom: 2px solid transparent;
}
.hm-section-6 .celeris-row-1 .celeris-col-1 .celeris-btn-wrapper .celeris-wrapper.active p,
.hm-section-6 .celeris-row-1 .celeris-col-1 .celeris-btn-wrapper .celeris-wrapper:hover p {
	color: var(--color-orange) !important;
	border-bottom: 2px solid var(--color-orange);
}

/* Slider Container */
.hm-section-6 .celeris-row-1 .celeris-col-2 .celeris-slider-wrapper,
.hm-section-6 .celeris-slider-wrapper {
  height: 500px;
  overflow: hidden;
  position: relative;
}

/* Sliders Default (hidden) */
.hm-section-6 .celeris-row-1 .celeris-slider,
.hm-section-6 .celeris-slider {
  display: none;
  opacity: 0;
  transition: opacity 0.5s ease, visibility 0.3s;
}

/* Sliders Active */
.hm-section-6 .celeris-row-1 .celeris-slider.active,
.hm-section-6 .celeris-slider.active {
  display: flex !important;
  opacity: 1;
  align-items: center;
  justify-content: space-between;
  gap: 50px;
  height: 500px;
  visibility: visible;
}

/* Header (closed state) */
.hm-section-6 .celeris-row-1 .celeris-wrapper-header,
.hm-section-6 .celeris-wrapper-header {
  max-height: 180px;
  opacity: 1;
  overflow: hidden;
  transition: max-height 0.4s ease, opacity 0.35s ease, padding 0.25s ease;
  padding-bottom: 0;
}

/* Header open (as requested: max-height: 180px; opacity: 1) */
.hm-section-6 .celeris-row-1 .celeris-wrapper-header.open,
.hm-section-6 .celeris-wrapper-header.open {
  max-height: 180px; /* requested limit */
  opacity: 1;
  padding-bottom: 12px;
}

/* Testimonial Slide */
.hm-section-6 .celeris-row-1 .celeris-col-2 #testimonial-slider .swiper-slide,
#testimonial-slider .swiper-slide {
  background: var(--color-white-2, #fff);
  padding: 20px;
  width: 100%;
  margin-bottom: 30px;
  border-radius: 15px;
  transition: all 0.5s ease;
}

.hm-section-6 .celeris-row-1 .celeris-col-2 #testimonial-slider .swiper-slide .celeris-wrapper-footer,
#testimonial-slider .swiper-slide .celeris-wrapper-footer {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: 50px;
  padding: 15px 0 10px 0;
}

/* Video Slider Active */
.hm-section-6 .celeris-row-1 #video-slider,
#video-slider {
  display: none;
  visibility: hidden;
}

.hm-section-6 .celeris-row-1 .celeris-slider#video-slider.active,
.hm-section-6 .celeris-slider#video-slider.active {
  display: flex !important;
  visibility: visible !important;
  height: 500px;
}

/* video slide sizing */
.hm-section-6 .celeris-row-1 .celeris-slider#video-slider .swiper-slide,
.hm-section-6 .celeris-slider#video-slider .swiper-slide {
  height: 500px !important;
  padding: 0;
  border-radius: 15px;
  overflow: hidden;
  margin-bottom: 30px;
}

.hm-section-6 .celeris-row-1 .celeris-slider#video-slider .fluid-width-video-wrapper,
.celeris-slider#video-slider .fluid-width-video-wrapper {
  height: 500px;
}

.hm-section-6 .celeris-row-1 .celeris-slider#video-slider .swiper-slide.spotify iframe,
.hm-section-6 .celeris-slider#video-slider .swiper-slide.spotify iframe {
  max-height: 100% !important;
}
.hm-section-6 .celeris-row-1 .celeris-slider#video-slider .swiper-slide.spotify {
    background: transparent;
}

/* Swiper Common (global slide adjustments) */
.hm-section-6 .celeris-row-1 .swiper-slide,
.hm-section-6 .celeris-slider .swiper-slide {
  height: fit-content !important;
  padding: 20px;
  background: #fff;
  border-radius: 15px;
}

.hm-section-6 .celeris-row-1 .swiper-wrapper,
.hm-section-6 .celeris-slider .swiper-wrapper {
  transition-timing-function: linear !important;
}

/* Swiper Navigation — scoped to column2 */
.hm-section-6 .celeris-row-1 .celeris-col-2 .swiper-button-next,
.hm-section-6 .celeris-row-1 .celeris-col-2 .swiper-button-prev,
.hm-section-6 .celeris-slider .swiper-button-next,
.hm-section-6 .celeris-slider .swiper-button-prev {
  position: absolute;
  left: 95.5%;
  width: 30px;
  height: 30px;
  background: transparent;
  margin: 0;
  border-radius: 50%;
  background-image: url('/wp-content/uploads/2025/04/drop-down-arrow.svg');
  background-position: center center;
  background-repeat: no-repeat;
  padding: 10px;
  display: block;
}

/* per-instance nav positioning */
.hm-section-6 .celeris-row-1 .celeris-col-2 .swiper-button-prev {
  top: 28%;
  transform: rotate(180deg);
}
.hm-section-6 .celeris-row-1 .celeris-col-2 .swiper-button-next {
  top: 50%;
  transform: rotate(0deg);
}

/* Swiper Navigation icon font fallback */
.hm-section-6 .celeris-row-1 .celeris-col-2 .swiper-button-next::after,
.hm-section-6 .celeris-row-1 .celeris-col-2 .swiper-button-prev::after {
  font-family: swiper-icons;
  font-size: 24px !important;
  font-weight: 900;
  line-height: 1;
}

/* Swiper Pagination (vertical column of bullets) */
.hm-section-6 .celeris-row-1 .celeris-col-2 .swiper-pagination,
.hm-section-6 .celeris-slider .swiper-pagination {
  position: absolute;
  right: 10px;
  top: 210px;
  display: flex;
  flex-direction: column;
  gap: 5px;
}

/* default: hide video pagination until active */
.hm-section-6 .celeris-row-1 .celeris-col-2 .swiper-pagination.video-pagination,
.hm-section-6 .celeris-slider .video-pagination {
  visibility: hidden;
}

/* pagination bullets */
.hm-section-6 .celeris-row-1 .celeris-col-2 .swiper-pagination .swiper-pagination-bullet,
.hm-section-6 .celeris-slider .swiper-pagination .swiper-pagination-bullet {
  width: 5px;
  height: 10px;
  margin: 0px 0px;
  border-radius: 15px !important;
}

.hm-section-6 .celeris-row-1 .celeris-col-2 .swiper-pagination .swiper-pagination-bullet-active,
.hm-section-6 .celeris-slider .swiper-pagination .swiper-pagination-bullet-active {
  height: 20px !important;
  background: var(--color-orange, #ff7a00);
}

/* disabled nav visual state */
.swiper-button-prev.disabled,
.swiper-button-next.disabled {
  pointer-events: none;
  opacity: 0.35;
}
.hm-section-6 .celeris-img-wrapper {
    height: 50px;
    width: auto;
}
.hm-section-6 .celeris-img-wrapper .celeris-img{
    height: 100%;
    width: auto;
    max-width: fit-content;
}

#testimonial-slider .celeris-wrapper-header,
#testimonial-slider .celeris-wrapper-content {
  max-height: none !important;
  height: auto !important;
  overflow: visible !important;
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/*Responsive Css*/
@media screen and (max-width: 1500px) and (min-width: 1201px){
    
}
@media screen and (max-width: 1199px) and (min-width: 981px){
    .hm-section-6 .celeris-row-1 .celeris-row{
		gap: 45px;
	}
	.hm-section-6 .celeris-row-1 .celeris-row .celeris-col-1{
		width: 35%;
	}
	.hm-section-6 .celeris-row-1 .celeris-col-1 .celeris-section-heading h2 {
		padding-left: 15px;
		font-size: var(--font-size-32) !important;
	}
	.hm-section-6 .celeris-row-1 .celeris-col-1 .celeris-section-heading h2 .right-icon {
		display: block;
	}
	.hm-section-6 .celeris-row-1 .celeris-col-2 {
		width: 60% !important;
	}
	.hm-section-6 .celeris-row-1 .celeris-slider.active{
		gap: 30px;
	}
	.hm-section-6 .celeris-row-1 .celeris-col-2 .swiper-pagination{
		right: 7px !important;
	}
	.hm-section-6 .celeris-row-1 .celeris-col-1 .celeris-btn-wrapper .celeris-wrapper{
		flex-wrap: wrap;
	}
}
@media screen and (max-width: 980px) {
    .hm-section-6 .celeris-row-1 .celeris-col-2::after {
        content: url('/wp-content/uploads/2024/03/Component-2-6.png');
        position: absolute;
        right: -20px;
        bottom: 30px;
        z-index: 9;
    }
	.hm-section-6 .celeris-row-1 .celeris-row{
		gap: 45px;
	}
	.hm-section-6 .celeris-row-1 .celeris-row .celeris-col-1{
		width: 100% !important;
	}
	.hm-section-6 .celeris-row-1 .celeris-col-1 .celeris-section-heading h2 {
		padding-left: 15px;
		font-size: var(--font-size-28) !important;
		text-align: center;
	}
	.hm-section-6 .celeris-row-1 .celeris-col-1 .celeris-section-heading h2 .right-icon {
		display: inline-block;
	}
	.hm-section-6 .celeris-row-1 .celeris-col-2 {
		width: 100%;
	}
	.hm-section-6 .celeris-row-1 .celeris-slider.active{
		gap: 30px;
	}
	.hm-section-6 .celeris-row-1 .celeris-col-2 .swiper-pagination{
		right: 50%;
	}
	.hm-section-6 .celeris-row-1 .celeris-col-1 .celeris-btn-wrapper .celeris-wrapper{
		flex-wrap: wrap;
	}
	.hm-section-6 .celeris-row-1 .celeris-col-1 .celeris-btn-wrapper{
		padding: 40px 30px;
		width: 80%;
		margin: auto;
		margin-top: 30px;
	}
	.hm-section-6 .celeris-row-1 .celeris-slider.active{
		flex-direction: column;
	}
	.hm-section-6 .celeris-row-1 .celeris-col-2 .swiper-pagination{
		top: 450px !important;
		position: absolute;
		right: 50% !important;
		transform: rotate(270deg);
	}
	.hm-section-6 .celeris-row-1 .celeris-slider.active,
	.hm-section-6 .celeris-row-1 .celeris-slider#video-slider.active{
		height: 450px !important;
		overflow: hidden;
	}
	.hm-section-6 .celeris-row-1 .celeris-slider#video-slider .fluid-width-video-wrapper,
	.hm-section-6 .celeris-row-1 .celeris-slider#video-slider .swiper-slide{
		height: 450px !important; 
	}
	.hm-section-6 .celeris-row-1 .celeris-col-2 .celeris-slider-wrapper{
		height: 500px;
	}
    .hm-section-6 .celeris-row-1 .celeris-col-2::after {
        content: url('/wp-content/uploads/2024/03/Component-2-6.png');
        position: absolute;
        right: -20px;
        bottom: 30px;
        z-index: 9;
    }
	.hm-section-6 .celeris-row-1 .celeris-row{
		gap: 45px;
	}
	.hm-section-6 .celeris-row-1 .celeris-row .celeris-col-1{
		width: 100%;
	}
	.hm-section-6 .celeris-row-1 .celeris-col-1 .celeris-section-heading h2 {
		padding-left: 15px;
		font-size: var(--font-size-28) !important;
		text-align: center;
	}
	.hm-section-6 .celeris-row-1 .celeris-col-1 .celeris-section-heading h2 .right-icon {
		display: inline-block;
	}
	.hm-section-6 .celeris-row-1 .celeris-col-2 {
		width: 100%;
	}
	.hm-section-6 .celeris-row-1 .celeris-slider.active{
		gap: 30px;
	}
	.hm-section-6 .celeris-row-1 .celeris-col-2 .swiper-pagination{
		right: 50%;
	}
	.hm-section-6 .celeris-row-1 .celeris-col-1 .celeris-btn-wrapper .celeris-wrapper{
		flex-wrap: wrap;
	}
	.hm-section-5 .celeris-row-1 .celeris-col-1 .celeris-btn-wrapper{
		padding: 40px 30px;
		width: 80%;
		margin: auto;
		margin-top: 30px;
	}
	.hm-section-6 .celeris-row-1 .celeris-slider.active{
		flex-direction: column;
	}
	.hm-section-6 .celeris-row-1 .celeris-col-2 .swiper-pagination{
		top: 90% !important;
		position: absolute;
		right: 50% !important;
		transform: rotate(270deg);
	}
	.hm-section-6 .celeris-row-1 .celeris-slider.active,
	.hm-section-6 .celeris-row-1 .celeris-slider#video-slider.active{
		height: 450px !important;
		overflow: hidden;
	}
	.hm-section-6 .celeris-row-1 .celeris-slider#video-slider .fluid-width-video-wrapper,
	.hm-section-6 .celeris-row-1 .celeris-slider#video-slider .swiper-slide{
		height: 450px !important; 
	}
	.hm-section-6 .celeris-row-1 .celeris-col-2 .celeris-slider-wrapper{
		height: 500px;
	}
    .hm-section-6 .celeris-row-1 .celeris-col-2 .swiper-button-next {
        transform: rotate(270deg);
        top: 95%;
        left: 56%;
    }
    .hm-section-6 .celeris-row-1 .celeris-col-2 .swiper-button-prev {
        transform: rotate(90deg);
        top: 95%;
        left: 40%;
    }
    /*.hm-section-6 .celeris-row-1 .celeris-wrapper-header.open, .celeris-wrapper-header.open{*/
    /*    max-height: 100%;*/
    /*}*/

}
@media screen and (max-width: 767px) {
    .hm-section-6 .celeris-row-1 .celeris-col-2 .swiper-pagination, .celeris-slider .swiper-pagination {
        position: absolute;
        left: 36%;
        top: 98% !important;
        display: flex;
        flex-direction: row;
        gap: 5px;
        transform: none;
    }
    .hm-section-6 .celeris-row-1 .celeris-col-2{
	    padding: 30px 0px;
	}
	.hm-section-6 .celeris-row-1 .celeris-col-2 .swiper-button-prev {
        transform: rotate(90deg);
        top: 95%;
        left: 28%;
    }
    .hm-section-6 .celeris-row-1 .celeris-col-2 .swiper-button-next {
        transform: rotate(270deg);
        top: 95%;
        left: 62%;
    }
    .hm-section-6 .celeris-row-1 .celeris-col-2 .swiper-pagination.video-pagination{
        top: 93%;
    }
    .hm-section-6 .celeris-row-1 .celeris-col-2 .swiper-pagination .swiper-pagination-bullet-active, .celeris-slider .swiper-pagination .swiper-pagination-bullet-active {
        width: 20px !important;
        height: 5px !important;
        background: var(--color-orange, #ff7a00);
    }
    
    .hm-section-6 .celeris-row-1 .celeris-col-2 .swiper-pagination .swiper-pagination-bullet, .celeris-slider .swiper-pagination .swiper-pagination-bullet {
        width: 10px;
        height: 5px;
        margin: 0px 0px;
        border-radius: 15px !important;
    }
    .hm-section-6 .celeris-row-1 .celeris-col-2 .celeris-slider-wrapper {
        height: 415px;
    }
    #testimonial-slider .swiper-slide:last-child{
        margin-right: 0px !important;
    }
    #testimonial-slider .swiper-slide:nth-of-type(2),#testimonial-slider .swiper-slide:nth-of-type(3),
    #testimonial-slider .swiper-slide:nth-of-type(4),#testimonial-slider .swiper-slide:nth-of-type(5),
    #testimonial-slider .swiper-slide:nth-of-type(6){
        margin-top: 50px;
    }
    .hm-section-6 .celeris-row-1 .celeris-col-2 .swiper-pagination.video-pagination {
        top: 98% !important;
        flex-direction: row !important;
        left: 42%;
    }
    .hm-section-6 .celeris-row-1 .celeris-slider#video-slider .fluid-width-video-wrapper, .hm-section-6 .celeris-row-1 .celeris-slider#video-slider .swiper-slide{
        height: 380px !important;
    }
    .hm-section-6 .celeris-row-1 .celeris-col-2 .swiper-button-next.video-next {
        left: 56%;
    }
    .hm-section-6 .celeris-row-1 .celeris-col-2 .swiper-button-prev.video-prev {
        left: 33%;
    }
}