.block-product {position:relative;overflow:hidden;}

/* TitleSection */
.block-product .title-section h1 {display:flex;flex-wrap:wrap;justify-content:center;align-items:center;text-align:center;margin-bottom:5rem;}
.block-product .title-section p {padding-left:5rem;font-size:5rem;}

/* Text Boxes Section */
.block-product .text-boxes {margin-bottom:3rem;}
.block-product .text-boxes .grid {grid-template-columns: 1fr 1fr 1fr;}
.block-product .text-boxes .text-box{padding:3rem;text-align:center;font-weight:bold;border-radius:17px;position:relative;background:#ffffff;font-size:2.8rem;align-items:center;display:grid;color:var(--text-color);}
.block-product .text-boxes .text-box::after{content:'';position:absolute;top:-3px;bottom:-3px;left:-3px;right:-3px;background:#8c4ffc/*linear-gradient(110deg,#6F7DFF,#26EADD 20%,#6F7DFF 30%)*/;z-index:-1;border-radius:20px;animation:gradient 4s ease-in-out infinite;background-position:0% 0%;background-size:200% 200%;}

/* Product Slider Section */
.block-product .product-images {overflow: hidden;}
.block-product .product-images .grid-three {grid-template-columns: 1fr 1fr 1fr;}
.block-product .product-images .grid-three .product-slide img {max-width:100% !important;}
.block-product .product-images .grid-three .product-slide:nth-child(2) img {transform: scale(1.3);}

.block-product .product-slider {max-width:100%;padding:3rem 0 8rem 0;/*overflow:hidden;*/}
.block-product .product-slider .slick-list {overflow:visible;}
.block-product .product-slider .product-slide {cursor:grab;}
.block-product .product-slider .slick-center img {transform:scale(1.5);opacity:1;}
.block-product .product-slide img {max-width:500px;max-height:500px;width:auto;height:auto;transition:transform 0.3s ease, opacity 0.3s ease;opacity:0.7;}
.block-product .product-slider .slick-arrow {position:absolute;top:50%;transform:translateY(-50%);width:38px;height:38px;background:#ffffff;font-size:0;border:none;border-radius:100px;z-index:999;padding:1rem;cursor:pointer;transition:all .5s;}
.block-product .product-slider .slick-arrow path {fill: var(--text-color);}
.block-product .product-slider .slick-next {right: 0rem;}
.block-product .product-slider .slick-prev {left:0rem;transform:translateY(-50%) rotate(180deg);}
.block-product .product-slider .slick-prev path {fill:var(--text-color);}
.block-product .product-slider .slick-disabled {opacity: 0;}

/* Quote Section */
.block-product .quote {position:relative;padding:0;background:transparent;overflow:hidden;}
.block-product .quote .quote-icon-svg path {fill:#8C4FFB;}
.block-product .quote .quote-area {position:relative;z-index:99999;padding:2rem 4rem 3rem;border-radius:20px;max-width:868px;/*color:#1A0E47;background:#F4F3F7;*/margin:0 auto;font-size:2.6rem;}
.block-product .quote .quote-area .quote-content {display:grid;grid-template-columns:50px 1fr;grid-gap:2rem;}
.block-product .quote .quote-area .quote-content svg {height:35px;width:auto;}
.block-product .quote .quote-area .quote-content .quote-body {font-size:2.6rem;margin-bottom:4rem;font-family:itc-avant-garde-gothic-pro, sans-serif;font-weight:100;line-height:1.2;}
.block-product .quote .quote-area .quote-footer  {display:grid;grid-template-columns:3fr 1fr;align-items:center;}
.block-product .quote .quote-area .quote-footer .quote-logo {display:inline-block;line-height:1;}
.block-product .quote .quote-area .quote-footer .quote-logo img {height:70px;width:auto;}
.block-product .quote .quote-area .quote-footer .quote-author {font-weight:bold;}
.block-product .quote .quote-area .quote-footer .quote-author-details {font-size:1.8rem;}

@media(max-width:1024px){
	.block-product .title-section p {padding-left:0;font-size:unset;}
	
	.block-product .text-boxes .grid {grid-template-columns:1fr;}
	
	.block-product .product-images .grid-three {grid-template-columns:1fr;}
	.block-product .product-images .grid-three .product-slide:nth-child(2) img {transform: scale(1);}
	.block-product .product-slider {padding:unset;}
	.block-product .product-slider .slick-center img {transform:scale(1);}
	
    .block-product .quote {padding:5rem 0;}
    .block-product .quote .quote-area {padding:2rem;}
    .block-product .quote .quote-area .quote-content {grid-template-columns:35px 1fr;}
    .block-product .quote .quote-area .quote-body{font-size:2.5rem;max-width:none;}
    .block-product .quote .quote-area .quote-author{font-size:2.5rem;}
}

@media(max-width:400px){
    .block-product .quote .quote-area .quote-content svg {height:25px;}
	.block-product .quote .quote-area .quote-footer .quote-logo img {height:40px;}
    .block-product .quote .quote-area .quote-content .quote-body, .block-product .quote .quote-area .quote-footer .quote-author {font-size:2rem;}
}