.static-swiper-slide-contents{
	position:absolute;
	max-width: 1140px;
}

.product-slider .elementor-slide-heading{
	font-size: var(--custom-title-2-default)!important;
	font-weight: 600!important;
	font-family: var(--font-stack-heading);
	line-height: 1.2em !important;
	margin-bottom: 20px!important;
}

@media (max-width: 1365px) {
	.product-slider .elementor-slide-heading{
		font-size: var(--custom-title-2-1365-max)!important;
	}
	
}
@media (max-width: 1024px) {
.static-swiper-slide-contents{
		position:relative;
	}
}

@media (max-width: 767px) {
	
	.product-slider .elementor-slide-heading{
		font-size: var(--custom-title-2-767-max)!important;
	}
}

.custom-e-slider .elementor-ken-burns--active {
    transition-duration: 0s;
}


.custom-e-slider .swiper-slide {
    height: auto!important;
    
}

.elementor-slides .swiper-slide-inner .elementor-slide-description{
	font-size: 1rem !important;
    line-height: 1.8rem !important;
    letter-spacing: 0.5px;
    margin-bottom: 20px;
}

.custom-e-slider .elementor-slides .swiper-slide-bg {
    background-position: 50%;
    aspect-ratio: 3 / 2;
    aspect-ratio: 637 / 433;
    background-repeat: no-repeat;
    min-height: unset;
    min-width: unset;
    clip-path: polygon(0% 0%, 90% 0%, 100% 10%, 100% 100%, 10% 100%, 0% 90%);
    clip-path: polygon(0% 0%, calc(100% - 80px) 0%, 100% 80px, 100% 100%, 80px 100%, 0% calc(100% - 80px));
    margin-left: calc(50% + 25px);
}

.custom-e-slider .swiper-slide-contents {
    width: 50%;
    position: absolute;
    left: 0;
    color: black;
    top: 0;
	padding-right: 50px;
}


@media screen and (max-width: 768px) {
	.custom-e-slider .swiper-slide-contents {
		padding-right: 0px;
	}
}

.custom-e-slider .elementor-swiper-button.elementor-swiper-button-prev {
/*     top: calc(20px + var(--swiper-slide-contents)) !important; */
    transform:unset!important;
}

.custom-e-slider .elementor-swiper-button.elementor-swiper-button-next {
/*     top: calc(20px + var(--swiper-slide-contents)) !important; */
    left:175px;
    transform:unset!important;
}

.elementor-swiper-button.elementor-swiper-button-prev,
.elementor-swiper-button.elementor-swiper-button-next {
    background: black;
    position: relative;
    width: 175px;
    height: 40px;
    background-color: #000;
    cursor: pointer;
    border: none;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: background-color 0.3s ease;
}
.custom-e-slider .elementor-swiper-button:hover {
    background-color: #B8292D;
}

.custom-e-slider .elementor-swiper-button svg{
    display:none;
}
.custom-e-slider .elementor-swiper-button.elementor-swiper-button-prev {
        clip-path: polygon(0% 0%, 70% 0%, 90% 100%, 0% 100%);
    }
.custom-e-slider .elementor-swiper-button.elementor-swiper-button-next {
        clip-path: polygon(10% 0%, 100% 0%, 100% 100%, 30% 100%);
        margin-left: -60px;
    }  

@media (max-width: 768px) {
	.elementor-swiper-button.elementor-swiper-button-prev,
	.elementor-swiper-button.elementor-swiper-button-next {
		width: 40px;
	}
}
 /* Triangle for the Prev button */
    .custom-e-slider .elementor-swiper-button.elementor-swiper-button-prev::before {
        content: '';
        width: 0;
        height: 0;
        border-right: 10px solid #fff;
        border-top: 7px solid transparent;
        border-bottom: 7px solid transparent;
        position: absolute;
        left: 65px;
    }

    /* Triangle for the Next button */
    .custom-e-slider .elementor-swiper-button.elementor-swiper-button-next::before {
        content: '';
        width: 0;
        height: 0;
        border-left: 10px solid #fff;
        border-top: 7px solid transparent;
        border-bottom: 7px solid transparent;
        position: absolute;
        right: 65px;
    }     

.custom-e-slider .elementor-element.elementor-arrows-position-outside .swiper,
.custom-e-slider .elementor-element.elementor-arrows-position-outside .swiper-container,
.custom-e-slider .elementor-lightbox.elementor-arrows-position-outside .swiper,
.custom-e-slider .elementor-lightbox.elementor-arrows-position-outside .swiper-container {
    width: calc(100% - 60px);
    width: 100%;
}

.swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
		display:none;
	}

/* Mobile-specific styles */
@media (max-width: 1024px) {
    
    .custom-e-slider .elementor-slides .swiper-slide-bg{
        height: auto;
        clip-path: unset;
		margin-left: 0;
		order: 2;
		position:relative;
    }
    .custom-e-slider .elementor-slides .swiper-slide-bg:before {
        content: '';
        position: absolute;
        top: -1px;
        left: 0;
        width: calc(100% - 45px);
        width: 80%;
        height: 10%;
        background-color: #ffffff;
        clip-path: polygon(0% 0%, 100% 0%, 94% 45px, 0% 45px);
        clip-path: polygon(0% 0%, 100% 0%, 94% 94%, 0% 100%);
        z-index: 1;
    }
	.custom-e-slider .swiper-slide-contents {
		width: 100%;
		position: relative;
		left: 0;
		color: black;
		top: 0;
	}
	.custom-e-slider .elementor-swiper-button.elementor-swiper-button-next,
	.custom-e-slider .elementor-swiper-button.elementor-swiper-button-prev{
		display: none !important;
	}
	.custom-e-slider .elementor-slides .swiper-slide-inner {
		position: relative;
		padding: 0;
		margin:unset;
		margin-bottom: var(--swiper-slide-bg-before-height);
		z-index:2;
		max-width: 75%;
	}
	.custom-e-slider .swiper-slide {
		display: flex;
		flex-direction: column;
	}
	.custom-e-slider .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
		bottom: 40px;
		display:block;
	}
	.custom-e-slider span.swiper-pagination-bullet {
		width: 15%;
		border-radius: 0;
		margin: 0 !important;
		background:white;
		opacity:1;
	}
	.custom-e-slider .swiper-pagination-bullet-active {
		background: #b8292d!important;
	}

}

@media (max-width: 1024px) {
	.elementor-slides .swiper-slide-inner .elementor-slide-description{
		margin-bottom: 60px!important;
	}
	.custom-e-slider .elementor-slides .swiper-slide-inner {
        max-width: 100%;
    }
}
@media (max-width: 768px) {
	.elementor-slides .swiper-slide-inner .elementor-slide-description{
		margin-bottom: 30px!important;
	}
}

/*///////////////////////////////////////////////////////////*/
/*Static Reviews Slider and Modal*/
/*///////////////////////////////////////////////////////////*/

/* Styling the navigation button in the reviews slider */
/* .static-reviews .elementor-swiper-button.elementor-swiper-button-prev {
    display: none;
} */
.static-reviews .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
    display: block;
    top: calc(100% - 5px);
}


.static-reviews .elementor-swiper-button.elementor-swiper-button-next svg,
.static-reviews .elementor-swiper-button.elementor-swiper-button-prev svg{
    display: block;
    object-fit: contain;
    width: 16px;
    height: 16px;
}

.static-reviews .elementor-swiper-button.elementor-swiper-button-next,
.static-reviews .elementor-swiper-button.elementor-swiper-button-prev{
    width: 32px;
    height: 32px;
    background-color: rgba(17, 17, 17, 0.5);
    fill: #fff;
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.3);
    padding: 0;
    border: none;
    border-radius: 50%;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    box-sizing: border-box !important;
    outline: none !important;
	right: 10px !important;
}

/* Slide styling */
.static-reviews .slide {
    clip-path: polygon(calc(100% - 40px) 0, 100% 40px, 100% 100%, 0 100%, 0 0);
    padding: 24px;
}
@media (max-width: 768px) {
	.static-reviews .slide {
		padding: 10px;
	}
}


/* Amazon logo styling */
.amazon-svg img, .static-reviews .modal-amazon-logo img {
    object-fit: contain;
    height: 24px;
}

.amazon-svg, .static-reviews .modal-amazon-logo {
    line-height: 0;
}

/* Slide text styling */
.static-reviews .slide-text p{
    font-size: 14px;
    line-height: 20px;
    color: rgb(0, 0, 0);
    text-align: center;
}

.static-reviews .slide-text {
    margin-top: -20px;
}

.slide-text .elementor-widget-container {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

@media screen and (min-width: 768px) {
	.slide-text {
		height: 100%;
	}
}


/* Truncated text in the slides */
.static-reviews .review-text {
    display: -webkit-box;
    -webkit-line-clamp: 3; /* Limits text to 3 lines */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    height: auto;
    max-height: 4.5em; /* Rough height of 3 lines of text */
    line-height: 1.5em; /* Adjust line height for consistent spacing */
}

/* Title styling for both slide and modal */
.static-reviews .title span {
    font-size: 14px;
    line-height: 20px !important;
    font-weight: 600;
    text-align: center;
}

/* Name styling */
.static-reviews .name {
    padding: 5px 0;
    line-height: 0;
    text-align: center;
}

.static-reviews .name span {
    font-size: 15px;
    line-height: 18px;
    font-weight: 600;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 100%;
}

/* Name link styling */
.static-reviews .name a {
    color: #0073e6; /* Blue color for the link */
    text-decoration: none;
    font-weight: 600;
    transition: color 0.2s ease-in-out;
}

.static-reviews .name a:hover {
    color: #005bb5; /* Darker blue on hover */
    text-decoration: underline;
}

/* Stars container styling */
.static-reviews .stars {
    display: flex;
    justify-content: center;
    line-height: 0;
}

/* Star images */
.static-reviews .stars img {
    width: 18px;
    height: 18px;
    margin-left: -2px;
    margin-right: -2px;
}

/* Date styling */
.static-reviews .slide .date, .static-reviews .modal-date {
    font-size: 12px;
    line-height: 16px;
    text-align: center;
}

/* Read more function styling */
.read-more {
    display: block;
    margin-top: 10px;
    color: #333!important;
    font-size: 14px;
    text-align: center;
    cursor: pointer;
}

/* Modal specific styling (now using .static-reviews for modal as well) */
.static-reviews .modal {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    overflow: auto; /* To ensure scrolling if content is too tall */
}

.static-reviews .modal-content {
    background-color: #fff;
    margin: 10% auto;
    padding: 20px;
    border-radius: 8px;
    border: 1px solid #888;
    width: 80%;
    max-width: 600px;
    box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.3);
    position: relative;
}
@media (max-width: 768px) {
	.static-reviews .modal-content {
		padding: 15px;
		width: 90%;    
	}
	.static-reviews .stars > .elementor-widget-container {
		width: 100% !important;
		display: flex !important;
		justify-content: center !important;
	}
}



.static-reviews .close-btn {
    position: absolute;
    top: 10px;
    right: 15px;
    font-size: 28px;
    cursor: pointer;
    color: #333;
}

.static-reviews .close-btn:hover {
    color: red;
}

/* Modal header (avatar and stars) */
.static-reviews .modal-header {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
}

.static-reviews .modal-header .avatar-img {
    border-radius: 50%;
    margin-right: 20px;
}


.modal-body-content img.avatar-img {
    width: 45px;
    height: 45px;
}

span.modal-name {
    font-size: 1rem !important;
}
span.modal-name {
    display: block;
    text-align: left;
    width: 100%;
    font-size: 1rem !important;
    line-height: 15px;
}
.modal-body-content {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 40px 15px;
}
.top-content {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    width: 100%;
    gap: 10px;
	align-items: center;
	padding: 5px;
	
}
.name-date-source {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
	margin-top: 5px;
}
.modal-stars {
    width: 100%;
	margin-top: 20px;
}
.modal-stars img {
    width: 25px;
    height: 25px;
    margin-left: 0px;
    margin-right: 0px;
}
.static-reviews .modal-title {
    font-size: 1.2rem;
    font-weight: 600;
}
.static-reviews .modal-review {
    font-size: 1rem;
    line-height: 1.5rem;
    padding: 0;
    margin: 0;
}
a.modal-name-link {
    color: inherit;
}

/*New ACF slide CSS*/

/* Wrapper for both Swiper gallery and thumbnails */
.acf-custom-swiper .swiper-gallery-wrapper {
    max-width: 1000px;
    position: relative;
    /* Set maximum width for the whole gallery */
    margin: 0 auto;
    /* Center the gallery */
}

/* General styling for the Swiper container */
.acf-custom-swiper .swiper-container.my-custom-swiper,
.acf-custom-swiper .swiper-container.my-swiper-thumbnails {
    width: 100%;
    /* Adjust as needed */
    height: auto;
    /* Adjust or set a specific height for the main swiper */
    overflow: hidden;
}

/* Ensures the slides have a uniform size and are centered */
.acf-custom-swiper .swiper-slide {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
	
}

/* Style for the images within the slides */
.acf-custom-swiper .swiper-slide img {
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
}

/* Thumbnails specific styling */
.acf-custom-swiper .my-swiper-thumbnails .swiper-slide img {
    max-width: 100%;
    max-height: 100px;
    cursor: pointer;
}

.acf-custom-swiper .my-swiper-thumbnails img {
    cursor: pointer;
}

.acf-custom-swiper .my-swiper-thumbnails .swiper-slide {
    border: solid 1px black;
    overflow: hidden;
}

.acf-custom-swiper .my-swiper-thumbnails:not(.swiper-initialized) .swiper-wrapper {
    display: grid !important;
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: 1fr;
    grid-auto-rows: 0;
    overflow-y: hidden;
    overflow: hidden;
}

/* Hide all slides after the 5th slide */
@media screen and (max-width: 1024px) {
    .acf-custom-swiper .my-swiper-thumbnails:not(.swiper-initialized) .swiper-wrapper > .swiper-slide:nth-child(5) ~ .swiper-slide {
        display: none;
    }
}

@media screen and (min-width: 1025px) {
    .acf-custom-swiper .my-swiper-thumbnails:not(.swiper-initialized) .swiper-wrapper {
        grid-template-columns: repeat(5, 1fr);
    }

    /* Hide all slides after the 5th slide */
    .acf-custom-swiper .my-swiper-thumbnails:not(.swiper-initialized) .swiper-wrapper > .swiper-slide:nth-child(5) ~ .swiper-slide {
        display: none;
    }
}

.acf-custom-swiper .my-swiper-thumbnails:not(.swiper-initialized) .swiper-wrapper {
    gap: 10px;
}

.acf-custom-swiper .my-swiper-thumbnails .swiper-slide.swiper-slide-thumb-active {
    border: solid 1px white;
}

/* Navigation */

.acf-custom-swiper .swiper-thumbs-outer {
    position: relative;
    z-index: 1;
    background: #ffffff;
    transform: translate(0px, 0px);
	margin:0!important;
}

.acf-custom-swiper .swiper-button-next,
.acf-custom-swiper .swiper-button-prev {
    color: #b8292d;
    left: 0px;
    height: 100%;
    width: 35px;
    top: 20px;
}

.acf-custom-swiper .swiper-button-next {
    left: auto;
    right: 0;
}

.acf-custom-swiper .dialog-type-lightbox {
    z-index: 99999;
}

@media screen and (min-width: 768px) {
    .acf-custom-swiper .swiper-button-next {
        transform: translateX(28px);
    }

    .acf-custom-swiper .swiper-button-prev {
        transform: translateX(-28px);
    }
}

.acf-custom-swiper .swiper-button-next:after,
.acf-custom-swiper .swiper-button-prev:after {
    font-size: 16px;
}

.static-reviews .swiper-pagination {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 auto;
	transform: none;
}

/* Lightbox Zoom */
/* We don't want images to be blurry */
@media screen and (min-width: 768px) {
    .acf-custom-swiper .swiper-slide.elementor-lightbox-item.swiper-slide-active.swiper-slide-zoomed img {
        transform: translate3d(0px, 0px, 0px) scale(1.4) !important;
    }
}