/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.4.5.1768824932
Updated: 2026-01-19 12:15:32

*/

body{
	overflow-x: hidden;
}

.testimonial-slider {
    display: flex;
	justify-content: space-between;
    height: 350px;
	gap: 10px;
}

.testimonial-thumbs-swiper {
    width: 140px;
    height: 100%;
/* 	display: none !important; */
}

.testimonial-main-swiper {
    flex: 1;
    height: 100%;
}
.testimonial-thumbs-swiper .swiper-slide {
    height: calc(100% / 3);
    cursor: pointer;
}

.testimonial-slider .testimonial-thumbs-swiper{
    flex: 0 0 50px;
	margin: 0;
	display: flex; 
	align-items: center;
/* 	overflow: visible; */
}
.testimonial-slider .testimonial-main-swiper{
    flex: 0 0 100%;
	margin: 0;
	padding-left: 60px;
}
.testimonial-main-swiper .swiper-slide{
    display: flex;
    flex-direction: column;
    justify-content: center;
	overflow: hidden;
}

.testimonial-main-swiper .swiper-slide .testimonial-content{
	max-height: 77%;
	font-size: 16px !important;
	line-height: 1.8em !important;
	overflow: auto;
}

.testimonial-thumbs-swiper .swiper-slide .thumb-image-wrapper {
    position: relative;
}

.testimonial-thumbs-swiper .swiper-slide .thumb-image-wrapper::before {
    content: '';
    position: absolute;
    width: 8px;
    height: 8px;
    background-color: #8E5051;
    border-radius: 100%;
    right: 42%;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0;
    z-index: -1;
    transition: opacity 0.5s ease-in-out;
}

.testimonial-thumbs-swiper .swiper-slide .thumb-image-wrapper::after {
    content: '';
    position: absolute;
    width: 43%;
    height: 2px;
    background-color: #8E5051;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0;
    z-index: -1;
    transition: opacity 0.5s ease-in-out;
}

.testimonial-thumbs-swiper .swiper-slide .thumb-image-wrapper .thumb-image {
    width: fit-content;
    display: flex;
    align-items: center;
    transform: translateX(120%);
    z-index: 5;
    transition: transform 0.5s ease-in-out;
}

.testimonial-thumbs-swiper .swiper-slide .thumb-image-wrapper img {
    width: 80px;
    height: 80px;
    object-fit: cover;
    transition: transform 0.5s ease-in-out;
}

.testimonial-thumbs-swiper .swiper-slide-thumb-active .thumb-image-wrapper .thumb-image {
    transform: translateX(15%);
}

.testimonial-thumbs-swiper .swiper-slide-thumb-active .thumb-image-wrapper::before,
.testimonial-thumbs-swiper .swiper-slide-thumb-active .thumb-image-wrapper::after {
    opacity: 1;
}
.testimonial-thumbs-swiper .swiper-slide-thumb-active img {
/*     transform: scale(1.3); */
}
.scroll-icon{
	position: absolute;
    left: 0;
    top: 50%;
    transform: translatey(-50%);
}
.scroll-icon img{
    width: 50px;
    height: auto;
/* 	animation: scroll-float 2.4s ease-in-out infinite; */
/* 	  animation: scroll-nudge 3s ease-in-out infinite; */
	  animation: scroll-premium 2.6s ease-in-out infinite;
	will-change: transform;
}

figure.gallery-item img {
    height: 500px;
    object-fit: cover;
}


@keyframes scroll-float {
  0% {
    transform: translateY(0);
  }
  25% {
    transform: translateY(-6px);
  }
  50% {
    transform: translateY(0);
  }
  75% {
    transform: translateY(6px);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes scroll-nudge {
  0%,
  20% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-6px);
  }
  50% {
    transform: translateY(0);
  }
  70% {
    transform: translateY(6px);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes scroll-premium {
  0% {
    transform: translateY(0) scale(1);
  }
  25% {
    transform: translateY(-5px) scale(1.02);
  }
  50% {
    transform: translateY(0) scale(1);
  }
  75% {
    transform: translateY(5px) scale(0.98);
  }
  100% {
    transform: translateY(0) scale(1);
  }
}


.Mobilemenu .sub-menu.elementor-nav-menu--dropdown {
    margin-left: 0 !important;
    margin-top: 0 !important;
    z-index: 9 !important;
}

.four-line-restriction {
    display: -webkit-box;   -webkit-box-orient: vertical;   -webkit-line-clamp: 4;   overflow: hidden; 
}

a.read-toggle{
    color: black;
    text-decoration: underline !important;
}

/* Responsive */

@media (max-width: 1024px){
	
/* 	.testimonial-slider .testimonial-thumbs-swiper {
		flex: 0 0 15%;
	}
	.testimonial-slider .testimonial-main-swiper {
		flex: 0 0 82%;
		margin: 0;
	} */
	.testimonial-thumbs-swiper .swiper-slide .thumb-image-wrapper img {
		width: 45px;
		height: 45px;
	}
	.testimonial-thumbs-swiper .swiper-slide .thumb-image-wrapper .thumb-image {
		transform: translateX(115%);
	}
	.testimonial-thumbs-swiper .swiper-slide-thumb-active .thumb-image-wrapper .thumb-image {
		transform: translateX(10%);
	}
	.testimonial-thumbs-swiper .swiper-slide .thumb-image-wrapper::after {
		width: 40%;
	}
	.testimonial-thumbs-swiper .swiper-slide .thumb-image-wrapper::before{
		right: 40%;
	}
	
}

@media (max-width: 767px){
	
    .testimonial-thumbs-swiper .swiper-slide-thumb-active .thumb-image-wrapper .thumb-image img{
        border: 2px solid #8E5051 !important;
        border-radius: 100%;
    }
        .testimonial-thumbs-swiper .swiper-slide .thumb-image-wrapper .thumb-image {
        transform: none !important;
    }
    .testimonial-thumbs-swiper .swiper-slide .thumb-image-wrapper{
        display: flex;
        justify-content: flex-end
    }
    .testimonial-thumbs-swiper .swiper-slide .thumb-image-wrapper::before, .testimonial-thumbs-swiper .swiper-slide .thumb-image-wrapper::after{
        content: none;
    }
/*         .testimonial-slider .testimonial-thumbs-swiper {
        flex: 0 0 50px;
    }
        .testimonial-slider .testimonial-main-swiper {
        flex: 0 0 calc(100% - 70px);
        margin: 0;
    } */

	.testimonial-slider .testimonial-main-swiper {
		padding-left: 30px;
	}
	.scroll-icon img {
		width: 25px;
	}
}