.elementor-28306 .elementor-element.elementor-element-e6d87cf{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-28306 .elementor-element.elementor-element-bccce89{padding:0px 0px 0px 0px;}.elementor-28306 .elementor-element.elementor-element-69c7ecf{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-28306 .elementor-element.elementor-element-8a53ee1{--display:flex;--min-height:500px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--overlay-opacity:0.35;--margin-top:30px;--margin-bottom:60px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-28306 .elementor-element.elementor-element-8a53ee1:not(.elementor-motion-effects-element-type-background), .elementor-28306 .elementor-element.elementor-element-8a53ee1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://haigstor.site/wp-content/uploads/2025/09/girl-smiling-faintly-in-clothing-store.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-28306 .elementor-element.elementor-element-8a53ee1::before, .elementor-28306 .elementor-element.elementor-element-8a53ee1 > .elementor-background-video-container::before, .elementor-28306 .elementor-element.elementor-element-8a53ee1 > .e-con-inner > .elementor-background-video-container::before, .elementor-28306 .elementor-element.elementor-element-8a53ee1 > .elementor-background-slideshow::before, .elementor-28306 .elementor-element.elementor-element-8a53ee1 > .e-con-inner > .elementor-background-slideshow::before, .elementor-28306 .elementor-element.elementor-element-8a53ee1 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-28306 .elementor-element.elementor-element-020ae61{text-align:center;}.elementor-28306 .elementor-element.elementor-element-020ae61 .elementor-heading-title{font-family:"Playfair Display", Sans-serif;font-size:46px;font-weight:600;text-shadow:0px 0px 10px #000000;color:#FFFFFF;}.elementor-28306 .elementor-element.elementor-element-dc4b9a4{text-align:center;}.elementor-28306 .elementor-element.elementor-element-dc4b9a4 .elementor-heading-title{font-family:"Playfair Display", Sans-serif;font-size:30px;font-weight:500;text-shadow:0px 0px 10px #000000;color:#FFFFFFFC;}.elementor-28306 .elementor-element.elementor-element-f0397a4 .elementor-icon-wrapper{text-align:center;}.elementor-28306 .elementor-element.elementor-element-f0397a4.elementor-view-stacked .elementor-icon{background-color:#FFFFFFD1;}.elementor-28306 .elementor-element.elementor-element-f0397a4.elementor-view-framed .elementor-icon, .elementor-28306 .elementor-element.elementor-element-f0397a4.elementor-view-default .elementor-icon{color:#FFFFFFD1;border-color:#FFFFFFD1;}.elementor-28306 .elementor-element.elementor-element-f0397a4.elementor-view-framed .elementor-icon, .elementor-28306 .elementor-element.elementor-element-f0397a4.elementor-view-default .elementor-icon svg{fill:#FFFFFFD1;}.elementor-28306 .elementor-element.elementor-element-f0397a4.elementor-view-stacked .elementor-icon:hover{background-color:#FFFFFF;}.elementor-28306 .elementor-element.elementor-element-f0397a4.elementor-view-framed .elementor-icon:hover, .elementor-28306 .elementor-element.elementor-element-f0397a4.elementor-view-default .elementor-icon:hover{color:#FFFFFF;border-color:#FFFFFF;}.elementor-28306 .elementor-element.elementor-element-f0397a4.elementor-view-framed .elementor-icon:hover, .elementor-28306 .elementor-element.elementor-element-f0397a4.elementor-view-default .elementor-icon:hover svg{fill:#FFFFFF;}.elementor-28306 .elementor-element.elementor-element-1b23394{--display:flex;}.elementor-28306 .elementor-element.elementor-element-bb16955 .eael-product-gallery .eael-cat-tab{text-align:center;}.elementor-28306 .elementor-element.elementor-element-bb16955 .eael-product-gallery .woocommerce ul.products li.product{text-align:center;padding:0px 0px 30px 0px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#eee;box-shadow:0px 9px 10px -5px rgba(0, 0, 0, 0.06);border-radius:25px 25px 25px 25px;}.elementor-28306 .elementor-element.elementor-element-bb16955 .eael-product-gallery .woocommerce ul.products li.product woocommerce-loop-product__link img{border-radius:25px 25px 0 0;}.elementor-28306 .elementor-element.elementor-element-bb16955 .eael-product-gallery .woocommerce ul.products li.product .woocommerce-loop-product__title, .elementor-28306 .elementor-element.elementor-element-bb16955 .eael-product-gallery .woocommerce ul.products li.product .eael-product-title *{color:#272727;font-family:"Roboto Serif", Sans-serif;line-height:18px;}.elementor-28306 .elementor-element.elementor-element-bb16955 .eael-product-gallery .woocommerce ul.products li.product .price, .elementor-28306 .elementor-element.elementor-element-bb16955 .eael-product-gallery .woocommerce ul.products li.product .eael-product-price{color:#0B0B0B;}.elementor-28306 .elementor-element.elementor-element-bb16955 .eael-product-gallery .woocommerce ul.products li.product .price ins, .elementor-28306 .elementor-element.elementor-element-bb16955 .eael-product-gallery .woocommerce ul.products li.product .eael-product-price ins{color:#297D92;}.elementor-28306 .elementor-element.elementor-element-bb16955 .eael-product-gallery .woocommerce ul.products li.product .price,.elementor-28306 .elementor-element.elementor-element-bb16955 .eael-product-gallery .woocommerce ul.products li.product .eael-product-price{font-family:"Times New Roman", Sans-serif;font-size:22px;font-weight:600;}.elementor-28306 .elementor-element.elementor-element-bb16955 .eael-product-gallery .woocommerce .star-rating::before{color:#f2b01e;}.elementor-28306 .elementor-element.elementor-element-bb16955 .eael-product-gallery .woocommerce .star-rating span::before{color:#f2b01e;}.elementor-28306 .elementor-element.elementor-element-bb16955 .eael-product-gallery .woocommerce .eael-star-rating{color:#f2b01e;}.elementor-28306 .elementor-element.elementor-element-bb16955 .woocommerce ul.products li.product .onsale, .elementor-28306 .elementor-element.elementor-element-bb16955 .woocommerce ul.products li.product .eael-onsale{color:#fff;background-color:#000000;}.elementor-28306 .elementor-element.elementor-element-bb16955 .woocommerce ul.products li.product .eael-onsale:not(.outofstock).sale-preset-4:after{border-left-color:#000000;border-right-color:#000000;}.elementor-28306 .elementor-element.elementor-element-bb16955 .woocommerce ul.products li.product .onsale, .elementor-28306 .elementor-element.elementor-element-bb16955 .woocommerce ul.products li.product .eael-onsale:not(.outofstock){font-family:"Playfair Display", Sans-serif;font-weight:700;}.elementor-28306 .elementor-element.elementor-element-bb16955 .woocommerce ul.products li.product .outofstock-badge, .elementor-28306 .elementor-element.elementor-element-bb16955 .woocommerce ul.products li.product .eael-onsale.outofstock{color:#fff;background-color:#FF2A1321;}.elementor-28306 .elementor-element.elementor-element-bb16955 .woocommerce ul.products li.product .eael-onsale.outofstock.sale-preset-4:after{border-left-color:#FF2A1321;border-right-color:#FF2A1321;}.elementor-28306 .elementor-element.elementor-element-bb16955 .eael-product-gallery .woocommerce li.product .button,
                    .elementor-28306 .elementor-element.elementor-element-bb16955 .eael-product-gallery .woocommerce li.product .button.add_to_cart_button,
                    .elementor-28306 .elementor-element.elementor-element-bb16955 .eael-product-gallery .woocommerce li.product .added_to_cart{padding:5px 0px 5px 0px;border-radius:10px 10px 10px 10px;}.elementor-28306 .elementor-element.elementor-element-bb16955 .eael-product-gallery .woocommerce li.product .button, 
                    .elementor-28306 .elementor-element.elementor-element-bb16955 .eael-product-gallery .woocommerce li.product .button.add_to_cart_button, 
                    .elementor-28306 .elementor-element.elementor-element-bb16955 .eael-product-gallery .woocommerce li.product .added_to_cart{color:#fff;background-color:#297D92;}.elementor-28306 .elementor-element.elementor-element-bb16955 .eael-product-gallery .woocommerce li.product .button,
                .elementor-28306 .elementor-element.elementor-element-bb16955 .eael-product-gallery .woocommerce li.product .button.add_to_cart_button,
                .elementor-28306 .elementor-element.elementor-element-bb16955 .eael-product-gallery .woocommerce li.product .added_to_cart{font-family:"Playfair Display", Sans-serif;font-size:16px;font-weight:800;}.elementor-28306 .elementor-element.elementor-element-bb16955 .eael-product-gallery .woocommerce li.product .button:hover,
                    .elementor-28306 .elementor-element.elementor-element-bb16955 .eael-product-gallery .woocommerce li.product .button.add_to_cart_button:hover,
                    .elementor-28306 .elementor-element.elementor-element-bb16955 .eael-product-gallery .woocommerce li.product .added_to_cart:hover{color:#fff;background-color:#1B1B1B;}.elementor-28306 .elementor-element.elementor-element-578533b{--display:flex;--min-height:532px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overlay-opacity:0.31;--margin-top:50px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-28306 .elementor-element.elementor-element-578533b:not(.elementor-motion-effects-element-type-background), .elementor-28306 .elementor-element.elementor-element-578533b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://haigstor.site/wp-content/uploads/2025/09/a-smiling-child-in-a-fashionable-clothing-store-1.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-28306 .elementor-element.elementor-element-578533b::before, .elementor-28306 .elementor-element.elementor-element-578533b > .elementor-background-video-container::before, .elementor-28306 .elementor-element.elementor-element-578533b > .e-con-inner > .elementor-background-video-container::before, .elementor-28306 .elementor-element.elementor-element-578533b > .elementor-background-slideshow::before, .elementor-28306 .elementor-element.elementor-element-578533b > .e-con-inner > .elementor-background-slideshow::before, .elementor-28306 .elementor-element.elementor-element-578533b > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-28306 .elementor-element.elementor-element-578533b > .elementor-shape-top svg, .elementor-28306 .elementor-element.elementor-element-578533b > .e-con-inner > .elementor-shape-top svg{width:calc(208% + 1.3px);height:35px;}.elementor-28306 .elementor-element.elementor-element-578533b > .elementor-shape-bottom svg, .elementor-28306 .elementor-element.elementor-element-578533b > .e-con-inner > .elementor-shape-bottom svg{width:calc(100% + 1.3px);height:74px;}.elementor-28306 .elementor-element.elementor-element-742ebd8{--display:flex;}.elementor-28306 .elementor-element.elementor-element-0622bd4 .eael-product-gallery .eael-cat-tab{text-align:center;}.elementor-28306 .elementor-element.elementor-element-0622bd4 .eael-product-gallery .woocommerce ul.products li.product{text-align:center;padding:0px 0px 30px 0px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#eee;box-shadow:0px 9px 10px -5px rgba(0, 0, 0, 0.06);border-radius:25px 25px 25px 25px;}.elementor-28306 .elementor-element.elementor-element-0622bd4 .eael-product-gallery .woocommerce ul.products li.product woocommerce-loop-product__link img{border-radius:25px 25px 0 0;}.elementor-28306 .elementor-element.elementor-element-0622bd4 .eael-product-gallery .woocommerce ul.products li.product .woocommerce-loop-product__title, .elementor-28306 .elementor-element.elementor-element-0622bd4 .eael-product-gallery .woocommerce ul.products li.product .eael-product-title *{color:#272727;font-family:"Roboto Serif", Sans-serif;line-height:18px;}.elementor-28306 .elementor-element.elementor-element-0622bd4 .eael-product-gallery .woocommerce ul.products li.product .price, .elementor-28306 .elementor-element.elementor-element-0622bd4 .eael-product-gallery .woocommerce ul.products li.product .eael-product-price{color:#0B0B0B;}.elementor-28306 .elementor-element.elementor-element-0622bd4 .eael-product-gallery .woocommerce ul.products li.product .price ins, .elementor-28306 .elementor-element.elementor-element-0622bd4 .eael-product-gallery .woocommerce ul.products li.product .eael-product-price ins{color:#297D92;}.elementor-28306 .elementor-element.elementor-element-0622bd4 .eael-product-gallery .woocommerce ul.products li.product .price,.elementor-28306 .elementor-element.elementor-element-0622bd4 .eael-product-gallery .woocommerce ul.products li.product .eael-product-price{font-family:"Times New Roman", Sans-serif;font-size:22px;font-weight:600;}.elementor-28306 .elementor-element.elementor-element-0622bd4 .eael-product-gallery .woocommerce .star-rating::before{color:#f2b01e;}.elementor-28306 .elementor-element.elementor-element-0622bd4 .eael-product-gallery .woocommerce .star-rating span::before{color:#f2b01e;}.elementor-28306 .elementor-element.elementor-element-0622bd4 .eael-product-gallery .woocommerce .eael-star-rating{color:#f2b01e;}.elementor-28306 .elementor-element.elementor-element-0622bd4 .woocommerce ul.products li.product .onsale, .elementor-28306 .elementor-element.elementor-element-0622bd4 .woocommerce ul.products li.product .eael-onsale{color:#fff;background-color:#000000;}.elementor-28306 .elementor-element.elementor-element-0622bd4 .woocommerce ul.products li.product .eael-onsale:not(.outofstock).sale-preset-4:after{border-left-color:#000000;border-right-color:#000000;}.elementor-28306 .elementor-element.elementor-element-0622bd4 .woocommerce ul.products li.product .onsale, .elementor-28306 .elementor-element.elementor-element-0622bd4 .woocommerce ul.products li.product .eael-onsale:not(.outofstock){font-family:"Playfair Display", Sans-serif;font-weight:700;}.elementor-28306 .elementor-element.elementor-element-0622bd4 .woocommerce ul.products li.product .outofstock-badge, .elementor-28306 .elementor-element.elementor-element-0622bd4 .woocommerce ul.products li.product .eael-onsale.outofstock{color:#fff;background-color:#FF2A1321;}.elementor-28306 .elementor-element.elementor-element-0622bd4 .woocommerce ul.products li.product .eael-onsale.outofstock.sale-preset-4:after{border-left-color:#FF2A1321;border-right-color:#FF2A1321;}.elementor-28306 .elementor-element.elementor-element-0622bd4 .eael-product-gallery .woocommerce li.product .button,
                    .elementor-28306 .elementor-element.elementor-element-0622bd4 .eael-product-gallery .woocommerce li.product .button.add_to_cart_button,
                    .elementor-28306 .elementor-element.elementor-element-0622bd4 .eael-product-gallery .woocommerce li.product .added_to_cart{padding:5px 0px 5px 0px;border-radius:10px 10px 10px 10px;}.elementor-28306 .elementor-element.elementor-element-0622bd4 .eael-product-gallery .woocommerce li.product .button, 
                    .elementor-28306 .elementor-element.elementor-element-0622bd4 .eael-product-gallery .woocommerce li.product .button.add_to_cart_button, 
                    .elementor-28306 .elementor-element.elementor-element-0622bd4 .eael-product-gallery .woocommerce li.product .added_to_cart{color:#fff;background-color:#297D92;}.elementor-28306 .elementor-element.elementor-element-0622bd4 .eael-product-gallery .woocommerce li.product .button,
                .elementor-28306 .elementor-element.elementor-element-0622bd4 .eael-product-gallery .woocommerce li.product .button.add_to_cart_button,
                .elementor-28306 .elementor-element.elementor-element-0622bd4 .eael-product-gallery .woocommerce li.product .added_to_cart{font-family:"Playfair Display", Sans-serif;font-size:16px;font-weight:800;}.elementor-28306 .elementor-element.elementor-element-0622bd4 .eael-product-gallery .woocommerce li.product .button:hover,
                    .elementor-28306 .elementor-element.elementor-element-0622bd4 .eael-product-gallery .woocommerce li.product .button.add_to_cart_button:hover,
                    .elementor-28306 .elementor-element.elementor-element-0622bd4 .eael-product-gallery .woocommerce li.product .added_to_cart:hover{color:#fff;background-color:#1B1B1B;}.elementor-28306 .elementor-element.elementor-element-d5a8fc5{--display:flex;--overlay-opacity:0.43;--margin-top:50px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-28306 .elementor-element.elementor-element-d5a8fc5::before, .elementor-28306 .elementor-element.elementor-element-d5a8fc5 > .elementor-background-video-container::before, .elementor-28306 .elementor-element.elementor-element-d5a8fc5 > .e-con-inner > .elementor-background-video-container::before, .elementor-28306 .elementor-element.elementor-element-d5a8fc5 > .elementor-background-slideshow::before, .elementor-28306 .elementor-element.elementor-element-d5a8fc5 > .e-con-inner > .elementor-background-slideshow::before, .elementor-28306 .elementor-element.elementor-element-d5a8fc5 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#0B1B34;--background-overlay:'';}.elementor-28306 .elementor-element.elementor-element-d5a8fc5 .elementor-background-slideshow__slide__image{background-size:cover;background-position:center center;}.elementor-28306 .elementor-element.elementor-element-ef2bc89{--display:flex;}.elementor-28306 .elementor-element.elementor-element-b21e4ba .eael-product-gallery .eael-cat-tab{text-align:center;}.elementor-28306 .elementor-element.elementor-element-b21e4ba .eael-product-gallery .woocommerce ul.products li.product{text-align:center;padding:0px 0px 30px 0px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#eee;box-shadow:0px 9px 10px -5px rgba(0, 0, 0, 0.06);border-radius:25px 25px 25px 25px;}.elementor-28306 .elementor-element.elementor-element-b21e4ba .eael-product-gallery .woocommerce ul.products li.product woocommerce-loop-product__link img{border-radius:25px 25px 0 0;}.elementor-28306 .elementor-element.elementor-element-b21e4ba .eael-product-gallery .woocommerce ul.products li.product .woocommerce-loop-product__title, .elementor-28306 .elementor-element.elementor-element-b21e4ba .eael-product-gallery .woocommerce ul.products li.product .eael-product-title *{color:#272727;font-family:"Roboto Serif", Sans-serif;line-height:18px;}.elementor-28306 .elementor-element.elementor-element-b21e4ba .eael-product-gallery .woocommerce ul.products li.product .price, .elementor-28306 .elementor-element.elementor-element-b21e4ba .eael-product-gallery .woocommerce ul.products li.product .eael-product-price{color:#0B0B0B;}.elementor-28306 .elementor-element.elementor-element-b21e4ba .eael-product-gallery .woocommerce ul.products li.product .price ins, .elementor-28306 .elementor-element.elementor-element-b21e4ba .eael-product-gallery .woocommerce ul.products li.product .eael-product-price ins{color:#297D92;}.elementor-28306 .elementor-element.elementor-element-b21e4ba .eael-product-gallery .woocommerce ul.products li.product .price,.elementor-28306 .elementor-element.elementor-element-b21e4ba .eael-product-gallery .woocommerce ul.products li.product .eael-product-price{font-family:"Times New Roman", Sans-serif;font-size:22px;font-weight:600;}.elementor-28306 .elementor-element.elementor-element-b21e4ba .eael-product-gallery .woocommerce .star-rating::before{color:#f2b01e;}.elementor-28306 .elementor-element.elementor-element-b21e4ba .eael-product-gallery .woocommerce .star-rating span::before{color:#f2b01e;}.elementor-28306 .elementor-element.elementor-element-b21e4ba .eael-product-gallery .woocommerce .eael-star-rating{color:#f2b01e;}.elementor-28306 .elementor-element.elementor-element-b21e4ba .woocommerce ul.products li.product .onsale, .elementor-28306 .elementor-element.elementor-element-b21e4ba .woocommerce ul.products li.product .eael-onsale{color:#fff;background-color:#000000;}.elementor-28306 .elementor-element.elementor-element-b21e4ba .woocommerce ul.products li.product .eael-onsale:not(.outofstock).sale-preset-4:after{border-left-color:#000000;border-right-color:#000000;}.elementor-28306 .elementor-element.elementor-element-b21e4ba .woocommerce ul.products li.product .onsale, .elementor-28306 .elementor-element.elementor-element-b21e4ba .woocommerce ul.products li.product .eael-onsale:not(.outofstock){font-family:"Playfair Display", Sans-serif;font-weight:700;}.elementor-28306 .elementor-element.elementor-element-b21e4ba .woocommerce ul.products li.product .outofstock-badge, .elementor-28306 .elementor-element.elementor-element-b21e4ba .woocommerce ul.products li.product .eael-onsale.outofstock{color:#fff;background-color:#FF2A1321;}.elementor-28306 .elementor-element.elementor-element-b21e4ba .woocommerce ul.products li.product .eael-onsale.outofstock.sale-preset-4:after{border-left-color:#FF2A1321;border-right-color:#FF2A1321;}.elementor-28306 .elementor-element.elementor-element-b21e4ba .eael-product-gallery .woocommerce li.product .button,
                    .elementor-28306 .elementor-element.elementor-element-b21e4ba .eael-product-gallery .woocommerce li.product .button.add_to_cart_button,
                    .elementor-28306 .elementor-element.elementor-element-b21e4ba .eael-product-gallery .woocommerce li.product .added_to_cart{padding:5px 0px 5px 0px;border-radius:10px 10px 10px 10px;}.elementor-28306 .elementor-element.elementor-element-b21e4ba .eael-product-gallery .woocommerce li.product .button, 
                    .elementor-28306 .elementor-element.elementor-element-b21e4ba .eael-product-gallery .woocommerce li.product .button.add_to_cart_button, 
                    .elementor-28306 .elementor-element.elementor-element-b21e4ba .eael-product-gallery .woocommerce li.product .added_to_cart{color:#fff;background-color:#297D92;}.elementor-28306 .elementor-element.elementor-element-b21e4ba .eael-product-gallery .woocommerce li.product .button,
                .elementor-28306 .elementor-element.elementor-element-b21e4ba .eael-product-gallery .woocommerce li.product .button.add_to_cart_button,
                .elementor-28306 .elementor-element.elementor-element-b21e4ba .eael-product-gallery .woocommerce li.product .added_to_cart{font-family:"Playfair Display", Sans-serif;font-size:16px;font-weight:800;}.elementor-28306 .elementor-element.elementor-element-b21e4ba .eael-product-gallery .woocommerce li.product .button:hover,
                    .elementor-28306 .elementor-element.elementor-element-b21e4ba .eael-product-gallery .woocommerce li.product .button.add_to_cart_button:hover,
                    .elementor-28306 .elementor-element.elementor-element-b21e4ba .eael-product-gallery .woocommerce li.product .added_to_cart:hover{color:#fff;background-color:#1B1B1B;}.elementor-28306 .elementor-element.elementor-element-7efe3b4{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-28306 .elementor-element.elementor-element-c7bded7{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-28306 .elementor-element.elementor-element-4a89c8c{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}body.elementor-page-28306{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}@media(min-width:690px){.elementor-28306 .elementor-element.elementor-element-69c7ecf{--content-width:1600px;}.elementor-28306 .elementor-element.elementor-element-1b23394{--content-width:1300px;}.elementor-28306 .elementor-element.elementor-element-742ebd8{--content-width:1300px;}.elementor-28306 .elementor-element.elementor-element-ef2bc89{--content-width:1300px;}}@media(min-width:1000px){.elementor-28306 .elementor-element.elementor-element-8a53ee1:not(.elementor-motion-effects-element-type-background), .elementor-28306 .elementor-element.elementor-element-8a53ee1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}.elementor-28306 .elementor-element.elementor-element-578533b:not(.elementor-motion-effects-element-type-background), .elementor-28306 .elementor-element.elementor-element-578533b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}@media(max-width:999px){.elementor-28306 .elementor-element.elementor-element-020ae61 .elementor-heading-title{font-size:30px;}.elementor-28306 .elementor-element.elementor-element-dc4b9a4 .elementor-heading-title{font-size:24px;}.elementor-28306 .elementor-element.elementor-element-f0397a4 .elementor-icon{font-size:32px;}.elementor-28306 .elementor-element.elementor-element-f0397a4 .elementor-icon svg{height:32px;}.elementor-28306 .elementor-element.elementor-element-bb16955 .eael-product-gallery .woocommerce ul.products li.product .woocommerce-loop-product__title, .elementor-28306 .elementor-element.elementor-element-bb16955 .eael-product-gallery .woocommerce ul.products li.product .eael-product-title *{line-height:17px;}.elementor-28306 .elementor-element.elementor-element-0622bd4 .eael-product-gallery .woocommerce ul.products li.product .woocommerce-loop-product__title, .elementor-28306 .elementor-element.elementor-element-0622bd4 .eael-product-gallery .woocommerce ul.products li.product .eael-product-title *{line-height:17px;}.elementor-28306 .elementor-element.elementor-element-b21e4ba .eael-product-gallery .woocommerce ul.products li.product .woocommerce-loop-product__title, .elementor-28306 .elementor-element.elementor-element-b21e4ba .eael-product-gallery .woocommerce ul.products li.product .eael-product-title *{line-height:17px;}}@media(max-width:689px){.elementor-28306 .elementor-element.elementor-element-020ae61 .elementor-heading-title{font-size:28px;}.elementor-28306 .elementor-element.elementor-element-dc4b9a4 .elementor-heading-title{font-size:18px;}.elementor-28306 .elementor-element.elementor-element-bb16955 .eael-product-gallery .woocommerce ul.products li.product .woocommerce-loop-product__title, .elementor-28306 .elementor-element.elementor-element-bb16955 .eael-product-gallery .woocommerce ul.products li.product .eael-product-title *{font-size:14px;line-height:18px;}.elementor-28306 .elementor-element.elementor-element-bb16955 .woocommerce ul.products li.product .onsale, .elementor-28306 .elementor-element.elementor-element-bb16955 .woocommerce ul.products li.product .eael-onsale:not(.outofstock){font-size:10px;}.elementor-28306 .elementor-element.elementor-element-0622bd4 .eael-product-gallery .woocommerce ul.products li.product .woocommerce-loop-product__title, .elementor-28306 .elementor-element.elementor-element-0622bd4 .eael-product-gallery .woocommerce ul.products li.product .eael-product-title *{font-size:14px;line-height:18px;}.elementor-28306 .elementor-element.elementor-element-0622bd4 .woocommerce ul.products li.product .onsale, .elementor-28306 .elementor-element.elementor-element-0622bd4 .woocommerce ul.products li.product .eael-onsale:not(.outofstock){font-size:10px;}.elementor-28306 .elementor-element.elementor-element-b21e4ba .eael-product-gallery .woocommerce ul.products li.product .woocommerce-loop-product__title, .elementor-28306 .elementor-element.elementor-element-b21e4ba .eael-product-gallery .woocommerce ul.products li.product .eael-product-title *{font-size:14px;line-height:18px;}.elementor-28306 .elementor-element.elementor-element-b21e4ba .woocommerce ul.products li.product .onsale, .elementor-28306 .elementor-element.elementor-element-b21e4ba .woocommerce ul.products li.product .eael-onsale:not(.outofstock){font-size:10px;}}/* Start custom CSS for html, class: .elementor-element-bccce89 *//* Hero Section Styles */
.taalim-hero {
  position: relative;
  padding: 5rem 1.5rem 4rem 1.5rem;
  background: linear-gradient(135deg, #F8FAFC 0%, #F2F4F7 100%);
  overflow: hidden;
}

.hero-container {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 3rem;
  align-items: center;
  position: relative;
  z-index: 2;
}

/* Hero content styles */
.hero-content {
  animation: fadeInUp 0.8s ease-out;
}

.hero-title {
  font-size: 3.2rem;
  font-weight: bold !important;
  line-height: 1.5;
  color: #0B1B34;
  margin-bottom: 1.5rem;
}

.title-line {
  display: block;
}

.accent-text {
  color: #2D6CF6;
}

.hero-description {
  font-size: 1.1rem;
  line-height: 1.6;
  color: #0B1B34;
  margin-bottom: 2.5rem;
  opacity: 0.8;
}

/* Hero action buttons */
.hero-actions {
  display: flex;
  gap: 1rem;
  margin-bottom: 3rem;
}

.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 1rem 2rem;
  border-radius: 50px;
  font-weight: 600;
  text-decoration: none !important;
  transition: all 0.3s ease;
  border: 2px solid transparent;
}

.btn-primary {
  background-color: #2D6CF6;
  color: white;
}

.btn-primary:hover {
  background-color: #1c5ae3;
  transform: translateY(-2px);
  box-shadow: 0 10px 20px rgba(45, 108, 246, 0.2);
  color: white;
}

.btn-secondary0 {
  background-color: transparent;
  color: #0B1B34;
  border-color: #0B1B34;
}

.btn-secondary0:hover {
  background-color: #0B1B34;
  color: white;
  transform: translateY(-2px);
}

/* Hero features */
.hero-features {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.feature {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

.feature-icon {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 10px rgba(11, 27, 52, 0.1);
}

/* Hero visual area */
.hero-visual {
  position: relative;
  animation: fadeIn 1s ease-out;
}

.hero-image {
  position: relative;
  z-index: 2;
}

.image-container {
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 20px 40px rgba(11, 27, 52, 0.15);
  transform: perspective(1000px) rotateY(-5deg);
  transition: transform 0.5s ease;
}

.image-container:hover {
  transform: perspective(1000px) rotateY(0);
}

.main-image {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 20px;
  transition: transform 0.5s ease;
}

.image-container:hover .main-image {
  transform: scale(1.05);
}

.image-backdrop {
  position: absolute;
  top: -20px;
  right: -20px;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, #FFC84A 0%, #22C6B5 100%);
  border-radius: 20px;
  z-index: -1;
  opacity: 0.2;
}

/* Stats badge */
.stats-badge {
  position: absolute;
  bottom: 30px;
  left: -30px;
  background: white;
  padding: 1rem;
  border-radius: 16px;
  box-shadow: 0 10px 30px rgba(11, 27, 52, 0.15);
  animation: pulse 2s infinite;
}

.stats-content {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.stats-number {
  font-size: 1.5rem;
  font-weight: 700;
  color: #2D6CF6;
}

.stats-text {
  font-size: 0.9rem;
  color: #0B1B34;
  opacity: 0.7;
}

/* Floating elements */
.floating-element {
  position: absolute;
  z-index: 3;
}

.floating-element-1 {
  top: 20%;
  right: 85%;
  animation: float 6s ease-in-out infinite;
}

.floating-element-2 {
  top: 70%;
  right: 90%;
  animation: float 7s ease-in-out infinite 1s;
}

.floating-element-3 {
  top: 10%;
  right: 10%;
  animation: float 5s ease-in-out infinite 0.5s;
}

/* Background shapes */
.hero-shapes {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  overflow: hidden;
}

.shape {
  position: absolute;
  border-radius: 50%;
  opacity: 0.1;
}

.shape-1 {
  width: 300px;
  height: 300px;
  background: #2D6CF6;
  top: -150px;
  right: -150px;
  animation: pulseShape 15s ease-in-out infinite;
}

.shape-2 {
  width: 200px;
  height: 200px;
  background: #FFC84A;
  bottom: -100px;
  left: 10%;
  animation: pulseShape 12s ease-in-out infinite 2s;
}

.shape-3 {
  width: 150px;
  height: 150px;
  background: #22C6B5;
  top: 30%;
  left: -75px;
  animation: pulseShape 10s ease-in-out infinite 1s;
}

.shape-4 {
  width: 100px;
  height: 100px;
  background: #2D6CF6;
  bottom: 20%;
  right: 20%;
  animation: pulseShape 8s ease-in-out infinite;
}

/* Animations */
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes float {
  0% {
    transform: translateY(0) rotate(0deg);
  }
  50% {
    transform: translateY(-15px) rotate(5deg);
  }
  100% {
    transform: translateY(0) rotate(0deg);
  }
}

@keyframes pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.05);
  }
  100% {
    transform: scale(1);
  }
}

@keyframes pulseShape {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}
/* Responsive Styles */

/* Tablet: 768px */
@media (max-width: 768px) {
  .hero-container {
    grid-template-columns: 1fr;
    gap: 2rem;
    padding: 0 1rem;
  }
  .hero-visual {
    order: -1;
  }
  .hero-title {
    font-size: 2.5rem;
    line-height: 1.4;
  }

  .hero-description {
    font-size: 1rem;
    margin-bottom: 2rem;
  }

  .hero-actions {
    flex-direction: column;
    gap: 0.75rem;
    margin-bottom: 2rem;
  }

  .image-container {
    transform: perspective(800px) rotateY(0deg);
  }

  .floating-element-1,
  .floating-element-2,
  .floating-element-3 {
    display: none;
  }

  .stats-badge {
    bottom: 20px;
    left: 10px;
    padding: 0.75rem;
  }

  .stats-number {
    font-size: 1.3rem;
  }

  .stats-text {
    font-size: 0.8rem;
  }
}

/* Phone: 480px */
@media (max-width: 480px) {
  .taalim-hero {
    padding: 3rem 1rem 2rem 1rem;
  }
    .hero-visual {
    order: -1;
  }

  .hero-title {
    font-size: 2rem;
    line-height: 1.3;
  }

  .hero-description {
    font-size: 0.95rem;
    margin-bottom: 1.5rem;
  }

  .hero-actions {
    flex-direction: column;
    gap: 0.5rem;
    margin-bottom: 1.5rem;
  }

  .hero-image {
    width: 100%;
  }

  .image-container {
    border-radius: 15px;
    transform: none;
  }

  .main-image {
    border-radius: 15px;
  }

  .stats-badge {
    bottom: 15px;
    left: 5px;
    padding: 0.5rem;
  }

  .stats-number {
    font-size: 1.1rem;
  }

  .stats-text {
    font-size: 0.75rem;
  }

  .hero-features {
    gap: 0.5rem;
  }

  .feature-icon {
    width: 35px;
    height: 35px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0d49025 *//* Collections Section Styles */
.taalim-collections {
  position: relative;
  padding: 5rem 0.6rem;
  overflow: hidden;
}

.taalim-collections .container {
  max-width: 1350px !important;
  width: 100% !important;  margin: 0 auto;
  position: relative;
  z-index: 2;
}

/* Section Header */
.section-header {
  text-align: center;
  margin-bottom: 4rem;
  position: relative;
}

.header-decoration {
  position: absolute;
  top: -20px;
  left: 50%;
  transform: translateX(-50%);
  width: 100px;
  height: 40px;
}

.decoration-circle, .decoration-star {
  position: absolute;
}

.decoration-circle {
  width: 12px;
  height: 12px;
  background: #2D6CF6;
  border-radius: 50%;
  top: 10px;
  left: 40px;
  animation: bounce 3s ease-in-out infinite;
}

.decoration-star {
  width: 16px;
  height: 16px;
  top: 5px;
  right: 40px;
  animation: spin 8s linear infinite;
}

.section-title {
  font-size: 2.8rem;
  font-weight: 800;
  color: #0B1B34;
  margin-bottom: 1rem;
  background: linear-gradient(135deg, #0B1B34 0%, #2D6CF6 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.section-subtitle {
  font-size: 1.2rem;
  color: #0B1B34;
  opacity: 0.8;
  max-width: 600px;
  margin: 0 auto 2rem;
}

.section-divider {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  max-width: 300px;
  margin: 0 auto;
}

.divider-line {
  height: 2px;
  flex: 1;
  background: linear-gradient(90deg, transparent, #2D6CF6, transparent);
}

.divider-icon {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}
/* Collections Grid */
.collections-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)) !important;
  gap: 1.5rem;
}

/* Collection Card */
.collection-card {
  position: relative;
  background: linear-gradient(135deg, #E9F4FF 2%, #ffffff 100%);
 border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(11, 27, 52, 0.08);
  transition: all 0.4s ease;
  animation: fadeInUp 0.8s ease-out;
}

.collection-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 20px 40px rgba(11, 27, 52, 0.15);
}

/* Collection Image */
.collection-image {
  position: relative;
  overflow: hidden;
  height: 280px;
}

.collection-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.6s ease;
}

.collection-card:hover .collection-image img {
  transform: scale(1.3);
}

.collection-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(11, 27, 52, 0.7);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.4s ease;
}

.collection-card:hover .collection-overlay {
  opacity: 1;
}

.collection-btn {
  padding: 0.75rem 1.5rem;
  background: #2D6CF6;
  color: white;
  text-decoration: none !important;
  border-radius: 50px;
  font-weight: 600;
  transition: all 0.3s ease;
}

.collection-btn:hover {
  background: #1c5ae3;
  transform: translateY(-2px);
  color:white;
}

/* Collection Content */
.collection-content {
  padding: 1.5rem;
}

.collection-title {
  font-size: 1.4rem;
  font-weight: 600;
  color: #0B1B34;
  margin-bottom: 0.75rem;
}

.collection-description {
  color: #0B1B34;
  opacity: 0.7;
  margin-bottom: 1.25rem;
  line-height: 1.6;
  font-size: 0.95rem;
}

.collection-link {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  color: #2D6CF6;
  font-weight: 600;
  text-decoration: none !important;
  transition: all 0.3s ease;
}

.collection-link:hover {
  gap: 0.75rem;
  color: #1c5ae3;
}

/* Collection Badge */
.collection-badge {
  position: absolute;
  top: 1rem;
  right: 1rem;
  padding: 0.35rem 0.75rem;
  border-radius: 50px;
  color: white;
  font-size: 0.75rem;
  font-weight: 700;
  z-index: 3;
}

/* Collections Actions */
.collections-actions {
  text-align: center;
  animation: fadeInUp 0.8s ease-out 0.3s both;
}


/* Decorative Shapes */
.decorative-shape {
  position: absolute;
  z-index: 1;
}

.shape-1 {
  width: 120px;
  height: 120px;
  background: rgba(45, 108, 246, 0.05);
  border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;
  top: 10%;
  right: 5%;
  animation: float 8s ease-in-out infinite;
}

.shape-2 {
  width: 80px;
  height: 80px;
  background: rgba(255, 200, 74, 0.05);
  border-radius: 60% 40% 30% 70% / 60% 30% 70% 40%;
  bottom: 20%;
  left: 5%;
  animation: float 10s ease-in-out infinite 1s;
}

.shape-3 {
  width: 60px;
  height: 60px;
  background: rgba(34, 198, 181, 0.05);
  border-radius: 38% 62% 63% 37% / 41% 44% 56% 59%;
  top: 60%;
  right: 15%;
  animation: float 12s ease-in-out infinite 2s;
}

/* Animations */
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes float {
  0% {
    transform: translateY(0) rotate(0deg);
  }
  50% {
    transform: translateY(-15px) rotate(5deg);
  }
  100% {
    transform: translateY(0) rotate(0deg);
  }
}

/* Staggered animation for collection cards */
.collections-grid .collection-card:nth-child(1) {
  animation-delay: 0.1s;
}

.collections-grid .collection-card:nth-child(2) {
  animation-delay: 0.2s;
}

.collections-grid .collection-card:nth-child(3) {
  animation-delay: 0.3s;
}

.collections-grid .collection-card:nth-child(4) {
  animation-delay: 0.4s;
}


@media (max-width: 768px) {
  .taalim-collections {
    padding: 2rem 1rem;
  }
  
  .collections-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  
  .section-title {
    font-size: 1.75rem;
  }
  
  .collection-image {
    height: 200px;
  }
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-f0397a4 */.icon {
  animation: moveUpDown 1s infinite alternate ease-in-out;
}

.icon:hover {
  animation: none;
}

@keyframes moveUpDown {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(30px);
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c340a5c *//* Section Separator */
.section-separator {
  position: relative;
  padding: 100px 0;
  overflow: hidden;
  isolation: isolate;
}

.separator-container {
  position: relative;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* Floating Shapes */
.floating-shape1 {
  position: absolute;
  border-radius: 50%;
  z-index: 1;
  opacity: 0.1;
  animation: float 8s infinite ease-in-out;
}

.shape-one {
  width: 120px;
  height: 120px;
  background: #2D6CF6;
  top: 20%;
  left: 10%;
  animation-delay: 0s;
}

.shape-two {
  width: 80px;
  height: 80px;
  background: #22C6B5;
  bottom: 30%;
  right: 15%;
  animation-delay: 2s;
}

.shape-three {
  width: 60px;
  height: 60px;
  background: #FFC84A;
  top: 60%;
  left: 20%;
  animation-delay: 4s;
}

/* Main Content */
.separator-content {
  display: flex;
  align-items: center;
  gap: 50px;
  background: rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(10px);
  padding: 40px 50px;
  border-radius: 24px;
  box-shadow: 
    0 10px 30px rgba(11, 27, 52, 0.05),
    inset 0 0 0 1px rgba(255, 255, 255, 0.6);
  position: relative;
  z-index: 2;
  transition: all 0.4s ease;
}

.separator-content:hover {
  transform: translateY(-5px);
  box-shadow: 
    0 15px 40px rgba(11, 27, 52, 0.1),
    inset 0 0 0 1px rgba(255, 255, 255, 0.8);
}

/* Text Content */
.text-content {
  text-align: right;
  flex: 1;
}

.text-content h3 {
  font-size: 1.8rem;
  color: #0B1B34;
  margin-bottom: 12px;
  font-weight: 700;
  position: relative;
  display: inline-block;
}

.text-content h3::after {
  content: '';
  position: absolute;
  bottom: -8px;
  right: 0;
  width: 60px;
  height: 3px;
  background: linear-gradient(90deg, #22C6B5, #2D6CF6);
  border-radius: 2px;
  transition: width 0.4s ease;
}

.separator-content:hover .text-content h3::after {
  width: 100%;
}

.text-content p {
  color: #64748B;
  font-size: 1.1rem;
  margin: 0;
  line-height: 1.6;
}

/* Visual Element */
.visual-element1 {
  position: relative;
  flex: 0 0 auto;
}

.icon-wrapper1 {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background: white;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  position: relative;
  z-index: 2;
  animation: pulse 3s infinite ease-in-out;
}
.icon-wrapper1 .logo-img {
  width: 80px;   /* adjust size */
  height: auto;  /* keep proportions */
  display: block;
}


.icon-outline1 {
  stroke: rgba(255, 255, 255, 0.3);
}

/* Particles */
.particle {
  position: absolute;
  border-radius: 50%;
  background: #FFC84A;
  animation: float 4s infinite ease-in-out;
}

.particle-1 {
  width: 15px;
  height: 15px;
  top: -10px;
  right: -5px;
  animation-delay: 0.5s;
}

.particle-2 {
  width: 10px;
  height: 10px;
  bottom: 15px;
  left: -15px;
  animation-delay: 1.5s;
}

.particle-3 {
  width: 8px;
  height: 8px;
  top: 50%;
  right: -20px;
  animation-delay: 2.5s;
}

/* Animations */
@keyframes float {
  0% {
    transform: translateY(0) rotate(0deg);
  }
  33% {
    transform: translateY(-10px) rotate(5deg);
  }
  66% {
    transform: translateY(5px) rotate(-5deg);
  }
  100% {
    transform: translateY(0) rotate(0deg);
  }
}

@keyframes pulse {
  0% {
    transform: scale(1);
    box-shadow: 0 8px 25px rgba(45, 108, 246, 0.3);
  }
  50% {
    transform: scale(1.05);
    box-shadow: 0 12px 30px rgba(45, 108, 246, 0.4);
  }
  100% {
    transform: scale(1);
    box-shadow: 0 8px 25px rgba(45, 108, 246, 0.3);
  }
}

/* Responsive Design */
@media (max-width: 768px) {
  .section-separator {
    padding: 70px 0;
  }
  
  .separator-content {
    flex-direction: column;
    text-align: center;
    gap: 30px;
    padding: 30px;
  }
  
  .text-content {
    text-align: center;
  }
  
  .text-content h3::after {
    left: 50%;
    transform: translateX(-50%);
    right: auto;
  }
  
  .icon-wrapper1 {
    width: 80px;
    height: 80px;
  }
  .icon-wrapper1 .logo-img {
  width: 70px;   /* adjust size */

}
  
  .floating-shape {
    display: none;
  }
}

@media (max-width: 480px) {
  .separator-content {
    padding: 25px 20px;
  }
    .icon-wrapper1 {
    width: 70px;
    height: 70px;
  }
  
  .icon-wrapper1 .logo-img {
  width: 60px;   /* adjust size */

}

  .text-content h3 {
    font-size: 1.5rem;
  }
  
  .text-content p {
    font-size: 1rem;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c9ebb26 *//* Ultra Luxury Separator */
.ultra-luxury-separator {
  position: relative;
  padding: 120px 0;
  overflow: hidden;
  isolation: isolate;
}



/* Luxury Orbs */
.luxury-orb {
  position: absolute;
  border-radius: 50%;
  z-index: 3;
  filter: blur(40px);
  animation: floatOrb 15s infinite ease-in-out;
}

.orb-1 {
  width: 300px;
  height: 300px;
  background: radial-gradient(circle, #2D6CF6 0%, transparent 70%);
  top: 20%;
  left: 10%;
  animation-delay: 0s;
}

.orb-2 {
  width: 250px;
  height: 250px;
  background: radial-gradient(circle, #22C6B5 0%, transparent 70%);
  bottom: 30%;
  right: 15%;
  animation-delay: 5s;
}

/* Luxury Wave */
.luxury-wave {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 120' preserveAspectRatio='none'%3E%3Cpath d='M0,0V46.29c47.79,22.2,103.59,32.17,158,28,70.36-5.37,136.33-33.31,206.8-37.5C438.64,32.43,512.34,53.67,583,72.05c69.27,18,138.3,24.88,209.4,13.08,36.15-6,69.85-17.84,104.45-29.34C989.49,25,1113-14.29,1200,52.47V0Z' opacity='.25' fill='%23FFC84A'/%3E%3C/svg%3E");
  background-size: cover;
  opacity: 0.1;
  z-index: 3;
}

/* Floating Elements */
.float-element {
  position: absolute;
  color: #FFC84A;
  font-size: 24px;
  opacity: 0.3;
  z-index: 4;
  animation: floatElement 8s infinite ease-in-out;
}

.fe-1 { top: 25%; left: 20%; animation-delay: 0s; }
.fe-2 { top: 60%; right: 25%; animation-delay: 2s; }
.fe-3 { bottom: 40%; left: 30%; animation-delay: 4s; }
.fe-4 { top: 35%; right: 15%; animation-delay: 6s; }

/* Main Container */
.ultra-luxury-container {
  position: relative;
  max-width: 1000px;
  margin: 0 auto;
  padding: 0 20px;
  z-index: 5;
}

/* Decorative Frame */
.decorative-frame {
  position: relative;
  padding: 60px;
  background: rgba(255, 255, 255, 0.03);
  backdrop-filter: blur(20px);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 2px;
  overflow: hidden;
}

.frame-border {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid rgba(255, 200, 74, 0.2);
  pointer-events: none;
}

.frame-corner {
  position: absolute;
  width: 30px;
  height: 30px;
  border: 2px solid #FFC84A;
  opacity: 0.5;
}

.frame-corner.tl {
  top: -2px;
  left: -2px;
  border-right: none;
  border-bottom: none;
}

.frame-corner.tr {
  top: -2px;
  right: -2px;
  border-left: none;
  border-bottom: none;
}

.frame-corner.bl {
  bottom: -2px;
  left: -2px;
  border-right: none;
  border-top: none;
}

.frame-corner.br {
  bottom: -2px;
  right: -2px;
  border-left: none;
  border-top: none;
}

/* Content Layout */
.ultra-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 50px;
}

.luxury-text-content {
  flex: 1;
  text-align: center;
}

/* Creative Title */
.creative-title {
  font-size: 3.5rem;
  font-weight: 300;
  margin-bottom: 30px;
  color: transparent;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.title-char {
  background: linear-gradient(135deg, #FFFFFF, #E2E8F0);
  -webkit-background-clip: text;
  background-clip: text;
  display: inline-block;
  opacity: 0;
  transform: translateY(20px);
  transition: all 0.5s ease;
}

.title-space {
  width: 15px;
}

/* Animated Divider */
.animated-divider {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
  margin: 25px 0;
}

.divider-line {
  height: 1px;
  width: 80px;
  background: linear-gradient(90deg, transparent, #FFC84A, transparent);
  opacity: 0.5;
}

.divider-diamond {
  width: 10px;
  height: 10px;
  background: #FFC84A;
  transform: rotate(45deg);
  animation: diamondPulse 3s infinite ease-in-out;
}

/* Creative Subtitle */
.creative-subtitle {
  color: rgba(255, 255, 255, 0.7);
  font-size: 1.1rem;
  font-weight: 300;
  letter-spacing: 3px;
  text-transform: uppercase;
  margin: 0;
  opacity: 0;
  transform: translateY(20px);
  transition: all 0.8s ease 0.3s;
}

/* Luxury Visual */
.luxury-visual {
  flex: 0 0 auto;
}

.visual-orb {
  position: relative;
  width: 120px;
  height: 120px;
}

.orb-core {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 20px;
  height: 20px;
  background: #FFC84A;
  border-radius: 50%;
  animation: corePulse 2s infinite ease-in-out;
}

.orb-ring {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border: 1px solid rgba(255, 200, 74, 0.3);
  border-radius: 50%;
  animation: ringExpand 4s infinite ease-in-out;
}

.orb-ring.r1 { width: 40px; height: 40px; animation-delay: 0s; }
.orb-ring.r2 { width: 80px; height: 80px; animation-delay: 1s; }
.orb-ring.r3 { width: 120px; height: 120px; animation-delay: 2s; }

.orb-particle {
  position: absolute;
  width: 4px;
  height: 4px;
  background: #FFC84A;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  animation: particleOrbit 6s infinite linear;
}

/* Sparkle Container for JS-generated sparkles */
.sparkle-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 6;
}

/* Animations */
@keyframes floatOrb {
  0%, 100% { transform: translateY(0) scale(1); opacity: 0.3; }
  50% { transform: translateY(-50px) scale(1.1); opacity: 0.5; }
}

@keyframes floatElement {
  0%, 100% { transform: translateY(0) rotate(0deg); opacity: 0.2; }
  50% { transform: translateY(-30px) rotate(180deg); opacity: 0.4; }
}

@keyframes diamondPulse {
  0%, 100% { opacity: 0.5; transform: rotate(45deg) scale(1); }
  50% { opacity: 1; transform: rotate(45deg) scale(1.2); }
}

@keyframes corePulse {
  0%, 100% { box-shadow: 0 0 0 0 rgba(255, 200, 74, 0.4); }
  70% { box-shadow: 0 0 0 20px rgba(255, 200, 74, 0); }
}

@keyframes ringExpand {
  0% { opacity: 1; transform: translate(-50%, -50%) scale(0.5); }
  100% { opacity: 0; transform: translate(-50%, -50%) scale(1.5); }
}

@keyframes particleOrbit {
  0% { transform: rotate(0deg) translateX(60px) rotate(0deg); }
  100% { transform: rotate(360deg) translateX(60px) rotate(-360deg); }
}

/* Responsive Design */
@media (max-width: 968px) {
  .ultra-content {
    flex-direction: column;
    gap: 40px;
  }
  
  .creative-title {
    font-size: 2.8rem;
  }
}

@media (max-width: 768px) {
  .ultra-luxury-separator {
    padding: 100px 0;
  }
  
  .decorative-frame {
    padding: 40px 30px;
  }
  
  .creative-title {
    font-size: 2.2rem;
  }
  
  .luxury-orb {
    display: none;
  }
}

@media (max-width: 480px) {
  .creative-title {
    font-size: 1.8rem;
  }
  
  .creative-subtitle {
    font-size: 0.9rem;
    letter-spacing: 2px;
  }
  
  .visual-orb {
    width: 80px;
    height: 80px;
  }
  
  .orb-ring.r3 { width: 80px; height: 80px; }
}/* End custom CSS */
/* Start custom CSS for eael-woo-product-gallery, class: .elementor-element-b21e4ba *//* bach t7yad catigory mn lfo9  */
.eael-cat-tab{
    display: none;
}
/* animation fade in up for each product ra kayn lkmala f jscript  */
.eael-product-wrap {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 2s ease, transform 2s ease;
}

/* Animated state - visible and in normal position */
.eael-product-wrap.animated {
    opacity: 1;
    transform: translateY(0);
}

/* button design ra kayn lkmala f jscript */

.go-to-product-button {
 font-family: 'Roboto Slab', serif; /* Apply the Roboto Slab font */

    background-color: #2D6CF6;
    color: white; /* White text */
    border: none; /* No border */
    padding: 10px 20px; /* Padding */
    font-size: 18px; /* Font size */
    cursor: pointer; /* Cursor pointer on hover */
    border-radius: 5px; /* Rounded corners */
    margin-top: 10px; /* Space above the button */
    transition: background-color 0.3s ease; /* Smooth hover effect */
}

.go-to-product-button:hover {
    background-color: black; /* Darker blue on hover */
}


/* Small phone styles (up to 480px) */
@media (max-width: 480px) {
    .go-to-product-button {
        padding: 7px 14px;
        font-size: 17px;
        margin-top: 5px;
        /* Optional: make button full-width on very small screens */
        /* display: block;
        width: 100%; */
    }
}

/* compire price edit */

.eael-product-price del .woocommerce-Price-amount.amount {
    font-size: 17px; /* Adjust the size as needed */
    color: black; /* Optionally change the color to make it less prominent */
}
@media (max-width: 480px) {
    .eael-product-price del .woocommerce-Price-amount.amount {
    font-size: 15px; /* Adjust the size as needed */

    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b148fdd *//* Why Choose Us Section Styling */
.why-choose-us {
  position: relative;
  padding: 100px 0;
  background: linear-gradient(135deg, #F8FAFC 0%, #F2F4F7 100%); /* Neutral Grey 50 to 100 */
  overflow: hidden;
}

.why-choose-us .container {
  max-width: 1350px !important;
  width: 100% !important;  margin: 0 auto;
  padding: 0 20px;
  position: relative;
  z-index: 2;
}

/* Section Header */
.section-header {
  text-align: center;
  margin-bottom: 70px;
  position: relative;
}

.header-decoration {
  position: absolute;
  top: -20px;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.decoration-star, .decoration-circle, .decoration-dots {
  position: absolute;
}

.decoration-star {
  width: 30px;
  height: 30px;
  background: #FFC84A; /* Amber */
  clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
  top: -30px;
  left: 25%;
  animation: rotate 20s linear infinite;
}

.decoration-circle {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #22C6B5; /* Teal */
  top: -15px;
  right: 25%;
  animation: pulse 3s ease-in-out infinite alternate;
}

.decoration-dots {
  width: 40px;
  height: 15px;
  display: flex;
  justify-content: space-between;
  top: 10px;
  left: 30%;
}

.decoration-dots::before, .decoration-dots::after {
  content: '';
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #2D6CF6; /* Primary Blue */
}

.decoration-dots::before {
  animation: bounce 2s ease-in-out infinite;
}

.decoration-dots::after {
  animation: bounce 2s ease-in-out infinite reverse;
}

.section-header h2 {
  font-size: 2.8rem;
  color: #0B1B34; /* Ink/Text */
  margin-bottom: 20px;
  font-weight: 800;
  position: relative;
  display: inline-block;
}

.section-header h2::after {
  content: '';
  position: absolute;
  bottom: -10px;
  left: 50%;
  transform: translateX(-50%);
  width: 80px;
  height: 4px;
  background: linear-gradient(90deg, #2D6CF6, #22C6B5);
  border-radius: 2px;
}

.section-header h2 span {
  color: #2D6CF6; /* Primary Blue 500 */
  position: relative;
}

.section-header p {
  font-size: 1.2rem;
  color: #64748B;
  max-width: 700px;
  margin: 30px auto 0;
  line-height: 1.6;
}

/* Values Grid */
.values-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 30px;
}

/* Value Card */
.value-card {
  background: white;
  border-radius: 20px;
  padding: 40px 30px;
  text-align: center;
  box-shadow: 0 10px 30px rgba(11, 27, 52, 0.08);
  transition: all 0.4s ease;
  position: relative;
  z-index: 1;
  overflow: hidden;
  height: 400px;
}

.value-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 5px;
  background: linear-gradient(90deg, #2D6CF6, #22C6B5, #FFC84A);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.4s ease;
}

.value-card:hover {
  transform: translateY(-12px);
  box-shadow: 0 20px 40px rgba(11, 27, 52, 0.15);
}

.value-card:hover::before {
  transform: scaleX(1);
}

/* Card Icon */
.card-icon {
  position: relative;
  width: 90px;
  height: 90px;
  margin: 0 auto 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.icon-wrapper {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: white;
  box-shadow: 0 5px 15px rgba(45, 108, 246, 0.15);
  z-index: 3;
  position: relative;
  transition: all 0.3s ease;
}

.value-card:hover .icon-wrapper {
  transform: scale(1.1) rotate(5deg);
}

.card-icon svg {
  width: 35px;
  height: 35px;
  z-index: 2;
  position: relative;
}

/* Floating shapes behind icons */
.floating-shape {
  position: absolute;
  border-radius: 50%;
  z-index: 1;
  animation: float 6s ease-in-out infinite;
  transition: all 0.4s ease;
}

.value-card:hover .floating-shape {
  transform: scale(1.2);
}

.shape-1 {
  width: 80px;
  height: 80px;
  background-color: rgba(45, 108, 246, 0.12);
  top: 5px;
  left: 5px;
  animation-delay: 0s;
}

.shape-2 {
  width: 75px;
  height: 75px;
  background-color: rgba(255, 200, 74, 0.12);
  top: 7px;
  left: 8px;
  animation-delay: 1.5s;
}

.shape-3 {
  width: 85px;
  height: 85px;
  background-color: rgba(34, 198, 181, 0.12);
  top: 3px;
  left: 3px;
  animation-delay: 1s;
}

.shape-4 {
  width: 78px;
  height: 78px;
  background-color: rgba(45, 108, 246, 0.12);
  top: 6px;
  left: 6px;
  animation-delay: 0.5s;
}

/* Card Content */
.value-card h3 {
  font-size: 1.5rem;
  color: #0B1B34;
  margin-bottom: 18px;
  font-weight: 700;
  position: relative;
  display: inline-block;
}

.value-card h3::after {
  content: '';
  position: absolute;
  bottom: -8px;
  left: 50%;
  transform: translateX(-50%);
  width: 40px;
  height: 3px;
  background: #FFC84A;
  border-radius: 2px;
  transition: width 0.3s ease;
}

.value-card:hover h3::after {
  width: 60px;
}

.value-card p {
  color: #64748B;
  line-height: 1.7;
  font-size: 1.05rem;
  margin-bottom: 25px;
}

.card-cta {
  display: inline-flex;
  align-items: center;
  color: #2D6CF6;
  font-weight: 600;
  opacity: 0;
  transform: translateY(10px);
  transition: all 0.3s ease;
}

.value-card:hover .card-cta {
  opacity: 1;
  transform: translateY(0);
}

.card-cta svg {
  margin-left: 8px;
  transition: transform 0.3s ease;
}

.card-cta:hover svg {
  transform: translateX(5px);
}

/* Background floating shapes */
.bg-shape {
  position: absolute;
  border-radius: 50%;
  opacity: 0.1;
  z-index: 1;
  animation: float 15s ease-in-out infinite;
}

.shape-a {
  width: 120px;
  height: 120px;
  background: #2D6CF6;
  top: 10%;
  left: 5%;
  animation-delay: 0s;
}

.shape-b {
  width: 180px;
  height: 180px;
  background: #22C6B5;
  bottom: 15%;
  right: 7%;
  animation-delay: 2s;
}

.shape-c {
  width: 120px;
  height: 120px;
  background: #FFC84A;
  top: 40%;
  right: 20%;
  animation-delay: 4s;
}

.shape-d {
  width: 160px;
  height: 160px;
  background: #2D6CF6;
  bottom: 30%;
  left: 10%;
  animation-delay: 1s;
}

/* Confetti elements */
.confetti {
  position: absolute;
  width: 12px;
  height: 12px;
  opacity: 0.7;
  z-index: 1;
  animation: confettiFall 10s linear infinite;
}

.confetti-1 {
  background: #2D6CF6;
  top: -20px;
  left: 10%;
  clip-path: polygon(50% 0%, 100% 38%, 82% 100%, 18% 100%, 0% 38%);
  animation-delay: 0s;
}

.confetti-2 {
  background: #22C6B5;
  top: -20px;
  left: 30%;
  clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
  animation-delay: 2s;
}

.confetti-3 {
  background: #FFC84A;
  top: -20px;
  left: 50%;
  border-radius: 50%;
  animation-delay: 4s;
}

.confetti-4 {
  background: #2D6CF6;
  top: -20px;
  left: 70%;
  clip-path: polygon(50% 0%, 100% 38%, 82% 100%, 18% 100%, 0% 38%);
  animation-delay: 1s;
}

.confetti-5 {
  background: #22C6B5;
  top: -20px;
  left: 90%;
  clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
  animation-delay: 3s;
}

/* Animations */
@keyframes float {
  0% {
    transform: translateY(0) rotate(0deg);
  }
  50% {
    transform: translateY(-20px) rotate(5deg);
  }
  100% {
    transform: translateY(0) rotate(0deg);
  }
}

@keyframes pulse {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.15);
  }
}

@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes bounce {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }
}

@keyframes confettiFall {
  0% {
    transform: translateY(0) rotate(0deg);
    opacity: 0.7;
  }
  100% {
    transform: translateY(100vh) rotate(360deg);
    opacity: 0;
  }
}

/* Responsive Design */
@media (max-width: 1024px) {
  .values-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  
  .bg-shape {
    display: none;
  }
  
  .header-decoration {
    display: none;
  }
}

@media (max-width: 768px) {
  .why-choose-us {
    padding: 70px 0;
  }
  
  .section-header h2 {
    font-size: 2.2rem;
  }
  
  .section-header p {
    font-size: 1.1rem;
  }
  
  .values-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 25px;
  }
  
  .value-card {
    padding: 30px 25px;
  }
}

@media (max-width: 480px) {
  .section-header h2 {
    font-size: 1.9rem;
  }
    .values-grid {
    grid-template-columns: repeat(1, 1fr);
  }
  .section-header p {
    font-size: 1rem;
  }
  
  .card-icon {
    width: 80px;
    height: 80px;
  }
  
  .icon-wrapper {
    width: 60px;
    height: 60px;
  }
  
  .card-icon svg {
    width: 30px;
    height: 30px;
  }
  
  .value-card h3 {
    font-size: 1.3rem;
  }
  
  .confetti {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4d35caa *//* Testimonials Section Styling */
.testimonials {
  position: relative;
  padding: 50px 0;
  overflow: hidden;
}

.testimonials .container {
  max-width: 1400px;
  width: 100%;
  margin: 0 auto;
  padding: 0 20px;
  position: relative;
  z-index: 2;
}

/* Section Header */
.section-header {
  text-align: center;
  margin-bottom: 70px;
  position: relative;
}

.header-decoration {
  position: absolute;
  top: -20px;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.decoration-heart, .decoration-circle, .decoration-dots {
  position: absolute;
}

.decoration-heart {
  width: 25px;
  height: 25px;
  background: #FFC84A; /* Amber */
  clip-path: path("M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z");
  top: -30px;
  left: 25%;
  animation: pulse 2s ease-in-out infinite alternate;
}

.decoration-circle {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #22C6B5; /* Teal */
  top: -15px;
  right: 25%;
  animation: bounce 3s ease-in-out infinite;
}

.decoration-dots {
  width: 40px;
  height: 15px;
  display: flex;
  justify-content: space-between;
  top: 10px;
  left: 30%;
}

.decoration-dots::before, .decoration-dots::after {
  content: '';
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #2D6CF6; /* Primary Blue */
}

.decoration-dots::before {
  animation: bounce 2s ease-in-out infinite;
}

.decoration-dots::after {
  animation: bounce 2s ease-in-out infinite reverse;
}

.section-header h2 {
  font-size: 2.8rem;
  color: #0B1B34;
  margin-bottom: 20px;
  font-weight: 800;
  position: relative;
  display: inline-block;
}

.section-header h2::after {
  content: '';
  position: absolute;
  bottom: -10px;
  left: 50%;
  transform: translateX(-50%);
  width: 80px;
  height: 4px;
  background: linear-gradient(90deg, #2D6CF6, #22C6B5);
  border-radius: 2px;
}

.section-header h2 span {
  color: #2D6CF6;
  position: relative;
}

.section-header p {
  font-size: 1.2rem;
  color: #64748B;
  max-width: 700px;
  margin: 30px auto 0;
  line-height: 1.6;
}

/* Testimonials Slider */
.testimonials-slider {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 30px;
  margin-bottom: 40px;
}

/* Testimonial Card */
.testimonial-card {
  background: linear-gradient(40deg, #E9F4FF 2%, #ffffff 70%);
  border-radius: 20px;
  padding: 40px 30px;
  box-shadow: 0 10px 30px rgba(11, 27, 52, 0.08);
  transition: all 0.4s ease;
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.testimonial-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 5px;
  background: linear-gradient(90deg, #2D6CF6, #22C6B5, #FFC84A);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.4s ease;
}

.testimonial-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 20px 40px rgba(11, 27, 52, 0.15);
}

.testimonial-card:hover::before {
  transform: scaleX(1);
}

/* Testimonial Rating */
.testimonial-rating {
  margin-bottom: 20px;
  display: flex;
}

.star {
  color: #FFC84A;
  font-size: 1.2rem;
  margin-right: 3px;
}

/* Testimonial Text */
.testimonial-text {
  font-size: 1.1rem;
  color: #64748B;
  line-height: 1.7;
  margin-bottom: 25px;
  position: relative;
  padding: 0 10px;
}

.testimonial-text::before {
  content: """;
  position: absolute;
  top: -20px;
  left: -10px;
  font-size: 4rem;
  color: rgba(45, 108, 246, 0.1);
  font-family: Georgia, serif;
  line-height: 1;
}

/* Testimonial Author */
.testimonial-author {
  display: flex;
  align-items: center;
}

.author-avatar {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 15px;
  border: 3px solid #F2F4F7;
  box-shadow: 0 4px 10px rgba(11, 27, 52, 0.1);
}

.author-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.author-details h4 {
  font-size: 1.1rem;
  color: #0B1B34;
  margin-bottom: 5px;
  font-weight: 600;
}

.author-details p {
  font-size: 0.9rem;
  color: #64748B;
  margin: 0;
}

/* Slider Navigation */
.slider-nav {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
}

.nav-btn {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: white;
  border: 2px solid #F2F4F7;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.3s ease;
  color: #0B1B34;
}

.nav-btn:hover {
  background: #2D6CF6;
  color: white;
  border-color: #2D6CF6;
  transform: scale(1.1);
}

.nav-btn svg {
  width: 20px;
  height: 20px;
}

.slider-dots {
  display: flex;
  margin: 0 20px;
}

.dot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #E2E8F0;
  margin: 0 5px;
  cursor: pointer;
  transition: all 0.3s ease;
}

.dot.active {
  background: #2D6CF6;
  transform: scale(1.2);
}

.dot:hover {
  background: #22C6B5;
}

/* Background floating shapes */
.bg-shape {
  position: absolute;
  border-radius: 50%;
  opacity: 0.1;
  z-index: 1;
  animation: float 15s ease-in-out infinite;
}

.shape-a {
  width: 120px;
  height: 120px;
  background: #2D6CF6;
  top: 10%;
  left: 5%;
  animation-delay: 0s;
}

.shape-b {
  width: 150px;
  height: 150px;
  background: #22C6B5;
  bottom: 15%;
  right: 7%;
  animation-delay: 2s;
}

.shape-c {
  width: 100px;
  height: 100px;
  background: #FFC84A;
  top: 40%;
  right: 20%;
  animation-delay: 4s;
}

/* Floating quote marks */
.floating-quote {
  position: absolute;
  font-size: 10rem;
  color: rgba(45, 108, 246, 0.03);
  font-family: Georgia, serif;
  z-index: 0;
  animation: float 20s ease-in-out infinite;
}

.quote-left {
  top: 20%;
  left: 5%;
}

.quote-right {
  bottom: 20%;
  right: 5%;
  transform: rotate(180deg);
}

/* Animations */
@keyframes float {
  0% {
    transform: translateY(0) rotate(0deg);
  }
  50% {
    transform: translateY(-20px) rotate(5deg);
  }
  100% {
    transform: translateY(0) rotate(0deg);
  }
}

@keyframes pulse {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.15);
  }
}

@keyframes bounce {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }
}

/* Responsive Design */
@media (max-width: 1024px) {
  .testimonials-slider {
    grid-template-columns: repeat(2, 1fr);
  }
  
  .bg-shape {
    display: none;
  }
  
  .header-decoration {
    display: none;
  }
  
  .floating-quote {
    display: none;
  }
}

@media (max-width: 768px) {
  .testimonials {
    padding: 70px 0;
  }
  
  .section-header h2 {
    font-size: 2.2rem;
  }
  
  .section-header p {
    font-size: 1.1rem;
  }
  
  .testimonials-slider {
    grid-template-columns: repeat(2, 1fr);
    gap: 25px;
  }
  
  .testimonial-card {
    padding: 30px 25px;
  }
}

@media (max-width: 480px) {
    
      .testimonials-slider {
    grid-template-columns: repeat(1, 1fr);
  }
  .section-header h2 {
    font-size: 1.9rem;
  }
  
  .section-header p {
    font-size: 1rem;
  }
  
  .testimonial-text {
    font-size: 1rem;
  }
  
  .author-avatar {
    width: 50px;
    height: 50px;
  }
  
  .nav-btn {
    width: 40px;
    height: 40px;
  }
  
  .nav-btn svg {
    width: 16px;
    height: 16px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2f0f57a *//* Section Garantie */
.garantie-section {
  position: relative;
  padding: 30px 0;
  background: linear-gradient(135deg, #ffffff 0%, #F8FAFC 100%);
  overflow: hidden;
}

.garantie-section .container {
  max-width: 1400px;
  width: 100%;  margin: 0 auto;
  padding: 0 20px;
}

.garantie-content {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
  align-items: center;
}

/* Visuel de garantie */
.garantie-visuel {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.badge-garantie {
  display: inline-flex;
  align-items: center;
  background: #2D6CF6;
  color: white;
  padding: 8px 16px;
  border-radius: 30px;
  margin-bottom: 40px;
  font-weight: 600;
  box-shadow: 0 4px 12px rgba(45, 108, 246, 0.25);
}

.badge-icon {
  margin-right: 8px;
  font-size: 1.2rem;
}

.visuel-circle {
  position: relative;
  width: 280px;
  height: 280px;
}

.circle-main {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  background: white;
  box-shadow: 0 20px 40px rgba(11, 27, 52, 0.1);
}

.circle-svg {
  position: absolute;
  width: 100%;
  height: 100%;
  transform: rotate(-90deg);
}

.progress-circle {
  transition: stroke-dashoffset 1.5s ease-in-out;
}

.circle-content {
  text-align: center;
  z-index: 2;
}

.jours {
  display: block;
  font-size: 3.5rem;
  font-weight: 800;
  color: #2D6CF6;
  line-height: 1;
}

.texte {
  display: block;
  font-size: 1.5rem;
  color: #64748B;
  font-weight: 600;
}

.protection-shield {
  position: absolute;
  bottom: 20px;
  right: 20px;
  width: 60px;
  height: 60px;
  background: #FFC84A;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  box-shadow: 0 8px 20px rgba(255, 200, 74, 0.3);
  animation: pulse 2s infinite ease-in-out;
}

.protection-shield svg {
  width: 30px;
  height: 30px;
}

/* Texte de garantie */
.garantie-text h2 {
  font-size: 2.5rem;
  color: #0B1B34;
  margin-bottom: 20px;
  font-weight: 700;
}

.garantie-text h2 span {
  color: #2D6CF6;
  position: relative;
}

.garantie-text h2 span::after {
  content: '';
  position: absolute;
  bottom: -5px;
  left: 0;
  width: 100%;
  height: 3px;
  background: linear-gradient(90deg, #2D6CF6, #22C6B5);
  border-radius: 2px;
}

.intro {
  font-size: 1.1rem;
  color: #64748B;
  line-height: 1.7;
  margin-bottom: 40px;
}

/* Points de garantie */
.garantie-points {
  margin-bottom: 40px;
}

.point {
  display: flex;
  margin-bottom: 30px;
  padding: 20px;
  border-radius: 12px;
  background: white;
  box-shadow: 0 5px 15px rgba(11, 27, 52, 0.05);
  transition: all 0.3s ease;
}

.point:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 25px rgba(11, 27, 52, 0.1);
}

.point-icon {
  flex-shrink: 0;
  width: 50px;
  height: 50px;
  border-radius: 12px;
  background: rgba(45, 108, 246, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 20px;
  color: #2D6CF6;
}

.point-icon svg {
  width: 24px;
  height: 24px;
}

.point-content h3 {
  font-size: 1.2rem;
  color: #0B1B34;
  margin-bottom: 8px;
  font-weight: 600;
}

.point-content p {
  color: #64748B;
  line-height: 1.6;
  margin: 0;
}

/* CTA */
.cta-garantie {
  text-align: center;
}

.btn-garantie {
  display: inline-flex;
  align-items: center;
  background: #2D6CF6;
  color: white;
  padding: 16px 30px;
  border-radius: 30px;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.3s ease;
  box-shadow: 0 5px 15px rgba(45, 108, 246, 0.25);
}

.btn-garantie:hover {
  background: #1c5ae3;
  transform: translateY(-3px);
  box-shadow: 0 8px 20px rgba(45, 108, 246, 0.35);
}

.btn-garantie svg {
  margin-left: 10px;
  transition: transform 0.3s ease;
}

.btn-garantie:hover svg {
  transform: translateX(5px);
}

.small-text {
  font-size: 0.85rem;
  color: #94A3B8;
  margin-top: 15px;
}

/* Éléments décoratifs */
.decor-element {
  position: absolute;
  border-radius: 50%;
  z-index: 0;
}

.decor-1 {
  width: 120px;
  height: 120px;
  background: rgba(45, 108, 246, 0.05);
  top: 15%;
  left: 5%;
  animation: float 15s ease-in-out infinite;
}

.decor-2 {
  width: 80px;
  height: 80px;
  background: rgba(34, 198, 181, 0.05);
  bottom: 20%;
  right: 10%;
  animation: float 12s ease-in-out infinite reverse;
  animation-delay: 2s;
}

.decor-3 {
  width: 60px;
  height: 60px;
  background: rgba(255, 200, 74, 0.05);
  top: 40%;
  right: 20%;
  animation: float 10s ease-in-out infinite;
  animation-delay: 1s;
}

/* Animations */
@keyframes float {
  0% {
    transform: translateY(0) rotate(0deg);
  }
  50% {
    transform: translateY(-20px) rotate(5deg);
  }
  100% {
    transform: translateY(0) rotate(0deg);
  }
}

@keyframes pulse {
  0% {
    transform: scale(1);
    box-shadow: 0 8px 20px rgba(255, 200, 74, 0.3);
  }
  50% {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(255, 200, 74, 0.4);
  }
  100% {
    transform: scale(1);
    box-shadow: 0 8px 20px rgba(255, 200, 74, 0.3);
  }
}

/* Responsive */
@media (max-width: 1024px) {
  .garantie-content {
    gap: 40px;
  }
  
  .visuel-circle {
    width: 240px;
    height: 240px;
  }
  
  .jours {
    font-size: 3rem;
  }
}

@media (max-width: 768px) {
  .garantie-section {
    padding: 70px 0;
  }
  
  .garantie-content {
    grid-template-columns: 1fr;
    gap: 50px;
  }
  
  .garantie-text h2 {
    font-size: 2.2rem;
  }
  
  .point {
    padding: 15px;
  }
  
  .decor-element {
    display: none;
  }
}

@media (max-width: 480px) {
  .garantie-text h2 {
    font-size: 1.9rem;
  }
  
  .visuel-circle {
    width: 200px;
    height: 200px;
  }
  
  .jours {
    font-size: 2.5rem;
  }
  
  .texte {
    font-size: 1.2rem;
  }
  
  .point {
    flex-direction: column;
    text-align: center;
  }
  
  .point-icon {
    margin-right: 0;
    margin-bottom: 15px;
    align-self: center;
  }
  
  .btn-garantie {
    padding: 12px 20px;
  }
}/* End custom CSS */