.elementor-16348 .elementor-element.elementor-element-7e2fd9c{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-16348 .elementor-element.elementor-element-2d86b3d{--display:flex;--min-height:100vh;--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;--justify-content:center;--flex-wrap:nowrap;--overlay-opacity:0.5;}.elementor-16348 .elementor-element.elementor-element-2d86b3d::before, .elementor-16348 .elementor-element.elementor-element-2d86b3d > .elementor-background-video-container::before, .elementor-16348 .elementor-element.elementor-element-2d86b3d > .e-con-inner > .elementor-background-video-container::before, .elementor-16348 .elementor-element.elementor-element-2d86b3d > .elementor-background-slideshow::before, .elementor-16348 .elementor-element.elementor-element-2d86b3d > .e-con-inner > .elementor-background-slideshow::before, .elementor-16348 .elementor-element.elementor-element-2d86b3d > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#00000000;--background-overlay:'';}.elementor-16348 .elementor-element.elementor-element-2d86b3d.e-con{--align-self:flex-start;--order:99999 /* order end hack */;--flex-grow:0;--flex-shrink:0;}.elementor-16348 .elementor-element.elementor-element-241b8a6{--spacer-size:177px;}.elementor-16348 .elementor-element.elementor-element-c79bf9c{--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;--gap:7px 17px;--row-gap:7px;--column-gap:17px;--padding-top:90px;--padding-bottom:0px;--padding-left:50px;--padding-right:0px;}.elementor-16348 .elementor-element.elementor-element-50a40de{color:#FFFFFF;}.elementor-16348 .elementor-element.elementor-element-6ac99fc.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-16348 .elementor-element.elementor-element-6ac99fc .elementor-heading-title{font-family:"Anton", Sans-serif;font-size:60px;font-weight:400;text-transform:uppercase;letter-spacing:1px;color:#FFFFFF;}.elementor-16348 .elementor-element.elementor-element-b4e6d0d.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-16348 .elementor-element.elementor-element-b4e6d0d .elementor-heading-title{font-family:"Anton", Sans-serif;font-size:60px;font-weight:400;text-transform:uppercase;letter-spacing:1px;color:#FFFFFF;}.elementor-16348 .elementor-element.elementor-element-035c16f > .elementor-widget-container{padding:0px 400px 0px 0px;}.elementor-16348 .elementor-element.elementor-element-035c16f{color:#FFFFFF;}.elementor-16348 .elementor-element.elementor-element-e713af5{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:40px 40px;--row-gap:40px;--column-gap:40px;}.elementor-16348 .elementor-element.elementor-element-ce5cb60 .elementor-button{background-color:#000000;}.elementor-16348 .elementor-element.elementor-element-3f018c5 .elementor-button{background-color:#FFFFFF;fill:#000000;color:#000000;}.elementor-16348 .elementor-element.elementor-element-d0ada8a{--display:flex;--position:fixed;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--padding-top:0px;--padding-bottom:0px;--padding-left:30px;--padding-right:30px;bottom:23px;--z-index:5;}body:not(.rtl) .elementor-16348 .elementor-element.elementor-element-d0ada8a{left:0px;}body.rtl .elementor-16348 .elementor-element.elementor-element-d0ada8a{right:0px;}.elementor-16348 .elementor-element.elementor-element-91e344b{--grid-template-columns:repeat(0, auto);--icon-size:30px;--grid-column-gap:10px;--grid-row-gap:0px;}.elementor-16348 .elementor-element.elementor-element-91e344b .elementor-widget-container{text-align:center;}.elementor-16348 .elementor-element.elementor-element-91e344b .elementor-social-icon{background-color:#FFFFFF;--icon-padding:12px;}.elementor-16348 .elementor-element.elementor-element-91e344b .elementor-social-icon i{color:#010101;}.elementor-16348 .elementor-element.elementor-element-91e344b .elementor-social-icon svg{fill:#010101;}.elementor-16348 .elementor-element.elementor-element-91e344b .elementor-icon{border-radius:50px 50px 50px 50px;}.elementor-16348 .elementor-element.elementor-element-91e344b .elementor-social-icon:hover{background-color:var( --e-global-color-secondary );}.elementor-16348 .elementor-element.elementor-element-91e344b .elementor-social-icon:hover i{color:var( --e-global-color-primary );}.elementor-16348 .elementor-element.elementor-element-91e344b .elementor-social-icon:hover svg{fill:var( --e-global-color-primary );}.elementor-16348 .elementor-element.elementor-element-0475cb6{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-16348 .elementor-element.elementor-element-b3c5a32 > .elementor-widget-container{margin:0px 70px 0px 0px;}.elementor-16348 .elementor-element.elementor-element-b3c5a32 .elementor-icon-wrapper{text-align:center;}.elementor-16348 .elementor-element.elementor-element-b3c5a32.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );color:var( --e-global-color-secondary );}.elementor-16348 .elementor-element.elementor-element-b3c5a32.elementor-view-framed .elementor-icon, .elementor-16348 .elementor-element.elementor-element-b3c5a32.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-16348 .elementor-element.elementor-element-b3c5a32.elementor-view-framed .elementor-icon, .elementor-16348 .elementor-element.elementor-element-b3c5a32.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-16348 .elementor-element.elementor-element-b3c5a32.elementor-view-framed .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-16348 .elementor-element.elementor-element-b3c5a32.elementor-view-stacked .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-16348 .elementor-element.elementor-element-b3c5a32 .elementor-icon{font-size:28px;padding:15px;}.elementor-16348 .elementor-element.elementor-element-b3c5a32 .elementor-icon svg{height:28px;}.elementor-16348 .elementor-element.elementor-element-e9a4f73{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-16348 .elementor-element.elementor-element-e9a4f73:not(.elementor-motion-effects-element-type-background), .elementor-16348 .elementor-element.elementor-element-e9a4f73 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#12171F;}.elementor-16348 .elementor-element.elementor-element-e3ee818{--display:flex;--min-height:37px;--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;}.elementor-16348 .elementor-element.elementor-element-2dd07c7{--spacer-size:50px;}.elementor-16348 .elementor-element.elementor-element-33fe8e3{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:stretch;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--flex-wrap:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:60px;--padding-right:60px;}.elementor-16348 .elementor-element.elementor-element-7123f0c{--display:flex;--min-height:0px;--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;--gap:24px 24px;--row-gap:24px;--column-gap:24px;}.elementor-16348 .elementor-element.elementor-element-5f1362f{--display:flex;--border-radius:18px 18px 18px 18px;}.elementor-16348 .elementor-element.elementor-element-da153e9 .elementor-heading-title{font-family:"Bentham", Sans-serif;font-size:22px;font-weight:400;letter-spacing:1px;color:#FFFFFF;}.elementor-16348 .elementor-element.elementor-element-9809e8c{color:#C3C3C3;}.elementor-16348 .elementor-element.elementor-element-44e69b7{color:#C3C3C3;}.elementor-16348 .elementor-element.elementor-element-abeb717{--display:flex;--min-height:0px;--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;--gap:24px 24px;--row-gap:24px;--column-gap:24px;}.elementor-16348 .elementor-element.elementor-element-abeb717.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-16348 .elementor-element.elementor-element-9030cb8{--display:flex;--border-radius:18px 18px 18px 18px;}.elementor-16348 .elementor-element.elementor-element-f938a61 .elementor-heading-title{font-family:"Bentham", Sans-serif;font-size:22px;font-weight:400;letter-spacing:1px;color:#FFFFFF;}.elementor-16348 .elementor-element.elementor-element-741a4a0{color:#C3C3C3;}.elementor-16348 .elementor-element.elementor-element-22ff617{color:#C3C3C3;}.elementor-16348 .elementor-element.elementor-element-6d7f1fd{--display:flex;--min-height:0px;--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;--gap:24px 24px;--row-gap:24px;--column-gap:24px;}.elementor-16348 .elementor-element.elementor-element-1c9a9c2{--display:flex;--border-radius:18px 18px 18px 18px;}.elementor-16348 .elementor-element.elementor-element-33487d0 .elementor-heading-title{font-family:"Bentham", Sans-serif;font-size:20px;font-weight:400;letter-spacing:1px;color:#FFFFFF;}.elementor-16348 .elementor-element.elementor-element-2495c61{color:#C3C3C3;}.elementor-16348 .elementor-element.elementor-element-abbdeb5{color:#C3C3C3;}.elementor-16348 .elementor-element.elementor-element-5edf5ee{--display:flex;--min-height:0px;--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;--gap:24px 24px;--row-gap:24px;--column-gap:24px;}.elementor-16348 .elementor-element.elementor-element-fec7592{--display:flex;--border-radius:18px 18px 18px 18px;}.elementor-16348 .elementor-element.elementor-element-ca24e1a .elementor-heading-title{font-family:"Bentham", Sans-serif;font-size:22px;font-weight:400;letter-spacing:1px;color:#FFFFFF;}.elementor-16348 .elementor-element.elementor-element-41b464e{color:#C3C3C3;}.elementor-16348 .elementor-element.elementor-element-63913c1{color:#C3C3C3;}.elementor-16348 .elementor-element.elementor-element-0520925{--display:flex;--min-height:0px;--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;--gap:24px 24px;--row-gap:24px;--column-gap:24px;}.elementor-16348 .elementor-element.elementor-element-52bdc44{--display:flex;--border-radius:18px 18px 18px 18px;}.elementor-16348 .elementor-element.elementor-element-3817f9e .elementor-heading-title{font-family:"Bentham", Sans-serif;font-size:22px;font-weight:400;letter-spacing:1px;color:#FFFFFF;}.elementor-16348 .elementor-element.elementor-element-1d1e56b{color:#C3C3C3;}.elementor-16348 .elementor-element.elementor-element-7ab1ec5{color:#C3C3C3;}.elementor-16348 .elementor-element.elementor-element-2cf7cbf{--display:flex;--min-height:0px;--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;--gap:24px 24px;--row-gap:24px;--column-gap:24px;}.elementor-16348 .elementor-element.elementor-element-7e8b72e{--display:flex;--border-radius:18px 18px 18px 18px;}.elementor-16348 .elementor-element.elementor-element-eb28bed .elementor-heading-title{font-family:"Bentham", Sans-serif;font-size:22px;font-weight:400;letter-spacing:1px;color:#FFFFFF;}.elementor-16348 .elementor-element.elementor-element-724c160{color:#C3C3C3;}.elementor-16348 .elementor-element.elementor-element-e7d5377{font-family:"Lato", Sans-serif;font-size:16px;font-weight:700;letter-spacing:1px;color:#C3C3C3;}.elementor-16348 .elementor-element.elementor-element-7880f12{--display:flex;--min-height:37px;--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;}.elementor-16348 .elementor-element.elementor-element-c614d1d{--spacer-size:50px;}.elementor-16348 .elementor-element.elementor-element-c542357{--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;}.elementor-16348 .elementor-element.elementor-element-a3d6cb6.elementor-element{--align-self:center;--order:-99999 /* order start hack */;}.elementor-16348 .elementor-element.elementor-element-a5c09ce{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-16348 .elementor-element.elementor-element-31efe94{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-16348 .elementor-element.elementor-element-b792338{--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:30px;--padding-bottom:30px;--padding-left:80px;--padding-right:80px;}.elementor-16348 .elementor-element.elementor-element-a34d403.elementor-element{--align-self:center;--flex-grow:1;--flex-shrink:0;}.elementor-16348 .elementor-element.elementor-element-fa9e332.elementor-element{--align-self:center;}.elementor-16348 .elementor-element.elementor-element-fa9e332{z-index:1;text-align:center;}.elementor-16348 .elementor-element.elementor-element-fa9e332 .elementor-heading-title{font-family:"Lato", Sans-serif;font-size:45px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#E3E3E3;}.elementor-16348 .elementor-element.elementor-element-470469d.elementor-wc-products ul.products li.product{text-align:left;padding:0px 0px 10px 0px;box-shadow:0px -1px 15px 1px rgba(0, 0, 0, 0.1);background-color:#DADADA;}.elementor-16348 .elementor-element.elementor-element-470469d{z-index:1;}.elementor-16348 .elementor-element.elementor-element-470469d.elementor-wc-products ul.products{grid-column-gap:40px;grid-row-gap:40px;}.elementor-16348 .elementor-element.elementor-element-470469d.elementor-wc-products .attachment-woocommerce_thumbnail{margin-bottom:20px;}.elementor-16348 .elementor-element.elementor-element-470469d.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:#000000;margin-bottom:5px;}.elementor-16348 .elementor-element.elementor-element-470469d.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:#000000;margin-bottom:5px;}.elementor-16348 .elementor-element.elementor-element-470469d.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-16348 .elementor-element.elementor-element-470469d.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-family:"Lato", Sans-serif;font-size:17px;font-weight:700;text-transform:uppercase;line-height:25px;letter-spacing:1px;}.elementor-16348 .elementor-element.elementor-element-470469d.elementor-wc-products ul.products li.product .star-rating{margin-bottom:0px;}.elementor-16348 .elementor-element.elementor-element-470469d.elementor-wc-products ul.products li.product .price{color:var( --e-global-color-primary );font-family:"Lato", Sans-serif;font-size:16px;font-weight:700;text-transform:uppercase;letter-spacing:1px;}.elementor-16348 .elementor-element.elementor-element-470469d.elementor-wc-products ul.products li.product .price ins{color:var( --e-global-color-primary );}.elementor-16348 .elementor-element.elementor-element-470469d.elementor-wc-products ul.products li.product .price ins .amount{color:var( --e-global-color-primary );}.elementor-16348 .elementor-element.elementor-element-470469d.elementor-wc-products ul.products li.product .price del{color:var( --e-global-color-primary );}.elementor-16348 .elementor-element.elementor-element-470469d.elementor-wc-products ul.products li.product .price del .amount{color:var( --e-global-color-primary );}.elementor-16348 .elementor-element.elementor-element-470469d.elementor-wc-products ul.products li.product .price del {font-family:var( --e-global-typography-c576f96-font-family ), Sans-serif;font-size:var( --e-global-typography-c576f96-font-size );font-weight:var( --e-global-typography-c576f96-font-weight );text-transform:var( --e-global-typography-c576f96-text-transform );letter-spacing:var( --e-global-typography-c576f96-letter-spacing );}.elementor-16348 .elementor-element.elementor-element-470469d.elementor-wc-products ul.products li.product .button{color:#FFFFFF;background-color:var( --e-global-color-primary );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );letter-spacing:var( --e-global-typography-accent-letter-spacing );border-radius:50px 50px 50px 50px;padding:10px 15px 10px 15px;margin-top:0px;}.elementor-16348 .elementor-element.elementor-element-470469d.elementor-wc-products ul.products li.product span.onsale{display:block;}.elementor-16348 .elementor-element.elementor-element-9d2acd2 .elementor-button{background-color:#DEDEDE;fill:#000000;color:#000000;}.elementor-16348 .elementor-element.elementor-element-9d2acd2{z-index:1;}.elementor-16348 .elementor-element.elementor-element-e8fea19{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:12px 12px;--row-gap:12px;--column-gap:12px;}.elementor-16348 .elementor-element.elementor-element-9f1d9cb > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-16348 .elementor-element.elementor-element-9f1d9cb.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-16348 .elementor-element.elementor-element-9f1d9cb .elementor-heading-title{font-family:"Lato", Sans-serif;font-size:25px;font-weight:700;text-transform:uppercase;letter-spacing:0.7px;color:#EBEBEB;}.elementor-16348 .elementor-element.elementor-element-7bdf406 .elementor-button{background-color:#3C3C3C;fill:#44FF00;color:#44FF00;}.elementor-16348 .elementor-element.elementor-element-7bdf406 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-16348 .elementor-element.elementor-element-7bdf406 .elementor-button .elementor-button-content-wrapper{gap:10px;}.elementor-16348 .elementor-element.elementor-element-0514f83{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:50px 50px;--row-gap:50px;--column-gap:50px;}.elementor-16348 .elementor-element.elementor-element-9f9796d{--display:flex;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-16348 .elementor-element.elementor-element-cf120a1 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-16348 .elementor-element.elementor-element-cf120a1.elementor-element{--align-self:flex-start;}.elementor-16348 .elementor-element.elementor-element-b11d650 .elementor-button{background-color:#474747;fill:#FFF302;color:#FFF302;}.elementor-16348 .elementor-element.elementor-element-b11d650 .elementor-button:hover, .elementor-16348 .elementor-element.elementor-element-b11d650 .elementor-button:focus{background-color:#FEFF00;color:#000000;}.elementor-16348 .elementor-element.elementor-element-b11d650 .elementor-button:hover svg, .elementor-16348 .elementor-element.elementor-element-b11d650 .elementor-button:focus svg{fill:#000000;}.elementor-16348 .elementor-element.elementor-element-794c804{--display:flex;--gap:30px 30px;--row-gap:30px;--column-gap:30px;border-style:solid;--border-style:solid;border-width:0px 0px 0px 3px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:3px;border-color:var( --e-global-color-secondary );--border-color:var( --e-global-color-secondary );--margin-top:25px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:50px;--padding-right:0px;}.elementor-16348 .elementor-element.elementor-element-25746ea .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );letter-spacing:var( --e-global-typography-primary-letter-spacing );color:var( --e-global-color-secondary );}.elementor-16348 .elementor-element.elementor-element-d3699c5{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );letter-spacing:var( --e-global-typography-text-letter-spacing );color:var( --e-global-color-secondary );}.elementor-16348 .elementor-element.elementor-element-d3699c5.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-16348 .elementor-element.elementor-element-f4ad7f4 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-16348 .elementor-element.elementor-element-f4ad7f4 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-16348 .elementor-element.elementor-element-f4ad7f4{--e-icon-list-icon-size:27px;--icon-vertical-offset:0px;}.elementor-16348 .elementor-element.elementor-element-f4ad7f4 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-16348 .elementor-element.elementor-element-f4ad7f4 .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-16348 .elementor-element.elementor-element-f4ad7f4 .elementor-icon-list-text{transition:color 0.3s;}.elementor-16348 .elementor-element.elementor-element-8373df0{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:30px 30px;--row-gap:30px;--column-gap:30px;}.elementor-16348 .elementor-element.elementor-element-6d83876 .elementor-button{background-color:var( --e-global-color-secondary );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );letter-spacing:var( --e-global-typography-accent-letter-spacing );fill:var( --e-global-color-primary );color:var( --e-global-color-primary );}.elementor-16348 .elementor-element.elementor-element-8a6b45f .elementor-button{background-color:var( --e-global-color-secondary );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );letter-spacing:var( --e-global-typography-accent-letter-spacing );fill:var( --e-global-color-primary );color:var( --e-global-color-primary );}.elementor-16348 .elementor-element.elementor-element-aeb3b02{--display:flex;--min-height:37px;--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;}.elementor-16348 .elementor-element.elementor-element-15c13f2{--spacer-size:50px;}.elementor-16348 .elementor-element.elementor-element-bdd3e0d{--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;--overlay-opacity:0.5;}.elementor-16348 .elementor-element.elementor-element-bdd3e0d::before, .elementor-16348 .elementor-element.elementor-element-bdd3e0d > .elementor-background-video-container::before, .elementor-16348 .elementor-element.elementor-element-bdd3e0d > .e-con-inner > .elementor-background-video-container::before, .elementor-16348 .elementor-element.elementor-element-bdd3e0d > .elementor-background-slideshow::before, .elementor-16348 .elementor-element.elementor-element-bdd3e0d > .e-con-inner > .elementor-background-slideshow::before, .elementor-16348 .elementor-element.elementor-element-bdd3e0d > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-16348 .elementor-element.elementor-element-224382f{--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;--gap:1px 1px;--row-gap:1px;--column-gap:1px;--overlay-opacity:0.74;}.elementor-16348 .elementor-element.elementor-element-224382f:not(.elementor-motion-effects-element-type-background), .elementor-16348 .elementor-element.elementor-element-224382f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://thebikegarage.co.za/wp-content/uploads/2026/04/1.0-HP-Hero-Giant-Sale.webp");}.elementor-16348 .elementor-element.elementor-element-224382f::before, .elementor-16348 .elementor-element.elementor-element-224382f > .elementor-background-video-container::before, .elementor-16348 .elementor-element.elementor-element-224382f > .e-con-inner > .elementor-background-video-container::before, .elementor-16348 .elementor-element.elementor-element-224382f > .elementor-background-slideshow::before, .elementor-16348 .elementor-element.elementor-element-224382f > .e-con-inner > .elementor-background-slideshow::before, .elementor-16348 .elementor-element.elementor-element-224382f > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-16348 .elementor-element.elementor-element-224382f::before{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 10px ) hue-rotate( 0deg );}.elementor-16348 .elementor-element.elementor-element-37da93d{--display:flex;--gap:1px 1px;--row-gap:1px;--column-gap:1px;}.elementor-16348 .elementor-element.elementor-element-76f3d9d.elementor-element{--align-self:center;}.elementor-16348 .elementor-element.elementor-element-76f3d9d{text-align:center;}.elementor-16348 .elementor-element.elementor-element-76f3d9d .elementor-heading-title{font-family:"Anton", Sans-serif;font-size:44px;font-weight:400;text-transform:uppercase;letter-spacing:1px;}.elementor-16348 .elementor-element.elementor-element-cfd330d{font-family:"Lato", Sans-serif;font-size:16px;font-weight:600;letter-spacing:1px;color:#FFFFFFE6;}.elementor-16348 .elementor-element.elementor-element-578b57f > .elementor-widget-container{padding:30px 0px 0px 0px;}.elementor-16348 .elementor-element.elementor-element-578b57f.elementor-element{--align-self:center;}.elementor-16348 .elementor-element.elementor-element-578b57f .elementor-heading-title{font-family:"Lato", Sans-serif;font-size:36px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#FFF900;}.elementor-16348 .elementor-element.elementor-element-2d920cc{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-16348 .elementor-element.elementor-element-16a3837{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-16348 .elementor-element.elementor-element-a0edd92{--display:flex;}.elementor-16348 .elementor-element.elementor-element-a0edd92:not(.elementor-motion-effects-element-type-background), .elementor-16348 .elementor-element.elementor-element-a0edd92 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://thebikegarage.co.za/wp-content/uploads/2026/04/1629107944_main.jpg");}.elementor-16348 .elementor-element.elementor-element-90c8a4d{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-16348 .elementor-element.elementor-element-b1e7abf{--display:flex;}.elementor-16348 .elementor-element.elementor-element-b1e7abf:not(.elementor-motion-effects-element-type-background), .elementor-16348 .elementor-element.elementor-element-b1e7abf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://thebikegarage.co.za/wp-content/uploads/2026/04/Thule_Epos_LS_E-MTB_01.jpg");}.elementor-16348 .elementor-element.elementor-element-88a2738{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-16348 .elementor-element.elementor-element-6583d83{--display:flex;}.elementor-16348 .elementor-element.elementor-element-6583d83:not(.elementor-motion-effects-element-type-background), .elementor-16348 .elementor-element.elementor-element-6583d83 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://thebikegarage.co.za/wp-content/uploads/2026/04/Wahoo-sponsored-indoor-training-photos-2024-Pete-Sampson-and-Adrian-Miles-9.jpg");}.elementor-16348 .elementor-element.elementor-element-7f402f7{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-16348 .elementor-element.elementor-element-c2178f1{--display:flex;}.elementor-16348 .elementor-element.elementor-element-c2178f1:not(.elementor-motion-effects-element-type-background), .elementor-16348 .elementor-element.elementor-element-c2178f1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://thebikegarage.co.za/wp-content/uploads/2026/04/Accessories.jpg");}.elementor-16348 .elementor-element.elementor-element-76fe76a{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:40px 40px;--row-gap:40px;--column-gap:40px;--padding-top:30px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-16348 .elementor-element.elementor-element-76fe76a.e-con{--align-self:flex-start;}.elementor-16348 .elementor-element.elementor-element-1516bf8 .elementor-button{background-color:#FFF302;fill:#111111;color:#111111;}.elementor-16348 .elementor-element.elementor-element-65f0f54{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-16348 .elementor-element.elementor-element-1927930{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:1;}.elementor-16348 .elementor-element.elementor-element-bb43084 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-16348 .elementor-element.elementor-element-bb43084{text-align:center;}.elementor-16348 .elementor-element.elementor-element-bb43084 .elementor-heading-title{font-family:"Anton", Sans-serif;font-size:60px;font-weight:400;text-transform:uppercase;letter-spacing:1px;color:#FFFFFF;}.elementor-16348 .elementor-element.elementor-element-0e7eac3 .swiper-pagination-bullet-active, .elementor-16348 .elementor-element.elementor-element-0e7eac3 .swiper-pagination-progressbar-fill{background-color:var( --e-global-color-primary );}.elementor-16348 .elementor-element.elementor-element-0e7eac3 .swiper-pagination-fraction{color:var( --e-global-color-primary );}.elementor-16348 .elementor-element.elementor-element-0e7eac3 > .elementor-widget-container{margin:40px 0px 0px 0px;}.elementor-16348 .elementor-element.elementor-element-0e7eac3.elementor-arrows-yes .elementor-main-swiper{width:calc( 100% - 40px );}.elementor-16348 .elementor-element.elementor-element-0e7eac3 .elementor-main-swiper{width:100%;}.elementor-16348 .elementor-element.elementor-element-0e7eac3 .elementor-main-swiper .swiper-slide{border-width:0px 0px 0px 0px;border-radius:0px;}.elementor-16348 .elementor-element.elementor-element-0e7eac3 .elementor-swiper-button{font-size:20px;color:var( --e-global-color-secondary );}.elementor-16348 .elementor-element.elementor-element-0e7eac3 .elementor-swiper-button svg{fill:var( --e-global-color-secondary );}.elementor-16348 .elementor-element.elementor-element-0e7eac3 .swiper-pagination-bullet{--swiper-pagination-bullet-horizontal-gap:10px;--swiper-pagination-bullet-vertical-gap:10px;height:10px;width:10px;}.elementor-16348 .elementor-element.elementor-element-0e7eac3 .swiper-horizontal .swiper-pagination-progressbar{height:10px;}.elementor-16348 .elementor-element.elementor-element-0e7eac3 .swiper-pagination-bullet:not(.swiper-pagination-bullet-active){background-color:var( --e-global-color-secondary );opacity:var( --e-global-color-secondary );}.elementor-16348 .elementor-element.elementor-element-0e7eac3 .elementor-testimonial__header, .elementor-16348 .elementor-element.elementor-element-0e7eac3 .elementor-testimonial__name{font-family:var( --e-global-typography-c576f96-font-family ), Sans-serif;font-size:var( --e-global-typography-c576f96-font-size );font-weight:var( --e-global-typography-c576f96-font-weight );text-transform:var( --e-global-typography-c576f96-text-transform );letter-spacing:var( --e-global-typography-c576f96-letter-spacing );}.elementor-16348 .elementor-element.elementor-element-0e7eac3 .elementor-testimonial__text{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-16348 .elementor-element.elementor-element-0e7eac3 .elementor-testimonial__image img{width:0px;height:0px;}.elementor-16348 .elementor-element.elementor-element-0e7eac3 .elementor-star-rating{font-size:20px;}.elementor-16348 .elementor-element.elementor-element-0e7eac3 .elementor-star-rating i:not(:last-of-type){margin-inline-end:2px;}.elementor-16348 .elementor-element.elementor-element-0e7eac3 .elementor-star-rating i:before{color:var( --e-global-color-text );}.elementor-16348 .elementor-element.elementor-element-0e7eac3 .elementor-star-rating i{color:var( --e-global-color-primary );}.elementor-16348 .elementor-element.elementor-element-dc02509{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-16348 .elementor-element.elementor-element-dc02509:not(.elementor-motion-effects-element-type-background), .elementor-16348 .elementor-element.elementor-element-dc02509 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-16348 .elementor-element.elementor-element-b3f30a6{--e-image-carousel-slides-to-show:4;}body.elementor-page-16348:not(.elementor-motion-effects-element-type-background), body.elementor-page-16348 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0062FF;}:root{--page-title-display:none;}body.elementor-page-16348{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}@media(min-width:768px){.elementor-16348 .elementor-element.elementor-element-0475cb6{--width:50%;}.elementor-16348 .elementor-element.elementor-element-7123f0c{--width:0px;}.elementor-16348 .elementor-element.elementor-element-abeb717{--width:0px;}.elementor-16348 .elementor-element.elementor-element-6d7f1fd{--width:0px;}.elementor-16348 .elementor-element.elementor-element-5edf5ee{--width:0px;}.elementor-16348 .elementor-element.elementor-element-0520925{--width:0px;}.elementor-16348 .elementor-element.elementor-element-2cf7cbf{--width:0px;}}@media(max-width:1366px){.elementor-16348 .elementor-element.elementor-element-2d86b3d{--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;}.elementor-16348 .elementor-element.elementor-element-6ac99fc{width:var( --container-widget-width, 431.312px );max-width:431.312px;--container-widget-width:431.312px;--container-widget-flex-grow:0;text-align:start;}.elementor-16348 .elementor-element.elementor-element-6ac99fc .elementor-heading-title{font-size:35px;}.elementor-16348 .elementor-element.elementor-element-b4e6d0d{width:var( --container-widget-width, 431.312px );max-width:431.312px;--container-widget-width:431.312px;--container-widget-flex-grow:0;text-align:start;}.elementor-16348 .elementor-element.elementor-element-b4e6d0d .elementor-heading-title{font-size:35px;}.elementor-16348 .elementor-element.elementor-element-035c16f{text-align:start;}.elementor-16348 .elementor-element.elementor-element-5f1362f.e-con{--align-self:center;}.elementor-16348 .elementor-element.elementor-element-b792338{--padding-top:30px;--padding-bottom:30px;--padding-left:80px;--padding-right:80px;}.elementor-16348 .elementor-element.elementor-element-470469d.elementor-wc-products ul.products li.product .price del {font-size:var( --e-global-typography-c576f96-font-size );letter-spacing:var( --e-global-typography-c576f96-letter-spacing );}.elementor-16348 .elementor-element.elementor-element-470469d.elementor-wc-products ul.products li.product .button{font-size:var( --e-global-typography-accent-font-size );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-16348 .elementor-element.elementor-element-9f1d9cb{width:var( --container-widget-width, 700.117px );max-width:700.117px;--container-widget-width:700.117px;--container-widget-flex-grow:0;}.elementor-16348 .elementor-element.elementor-element-25746ea .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-16348 .elementor-element.elementor-element-d3699c5{width:var( --container-widget-width, 424.602px );max-width:424.602px;--container-widget-width:424.602px;--container-widget-flex-grow:0;font-size:var( --e-global-typography-text-font-size );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-16348 .elementor-element.elementor-element-f4ad7f4 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-16348 .elementor-element.elementor-element-f4ad7f4 .elementor-icon-list-item > a{font-size:var( --e-global-typography-text-font-size );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-16348 .elementor-element.elementor-element-6d83876 .elementor-button{font-size:var( --e-global-typography-accent-font-size );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-16348 .elementor-element.elementor-element-8a6b45f .elementor-button{font-size:var( --e-global-typography-accent-font-size );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-16348 .elementor-element.elementor-element-0e7eac3 .elementor-testimonial__header, .elementor-16348 .elementor-element.elementor-element-0e7eac3 .elementor-testimonial__name{font-size:var( --e-global-typography-c576f96-font-size );letter-spacing:var( --e-global-typography-c576f96-letter-spacing );}.elementor-16348 .elementor-element.elementor-element-0e7eac3 .elementor-testimonial__text{font-size:var( --e-global-typography-text-font-size );letter-spacing:var( --e-global-typography-text-letter-spacing );}}@media(max-width:1024px){.elementor-16348 .elementor-element.elementor-element-2d86b3d{--min-height:0;}.elementor-16348 .elementor-element.elementor-element-b792338{--padding-top:30px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}.elementor-16348 .elementor-element.elementor-element-470469d.elementor-wc-products ul.products li.product{text-align:left;}.elementor-16348 .elementor-element.elementor-element-470469d.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-16348 .elementor-element.elementor-element-470469d.elementor-wc-products ul.products li.product .price del {font-size:var( --e-global-typography-c576f96-font-size );letter-spacing:var( --e-global-typography-c576f96-letter-spacing );}.elementor-16348 .elementor-element.elementor-element-470469d.elementor-wc-products ul.products li.product .button{font-size:var( --e-global-typography-accent-font-size );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-16348 .elementor-element.elementor-element-e8fea19{--justify-content:center;--flex-wrap:wrap;}.elementor-16348 .elementor-element.elementor-element-9f1d9cb{text-align:center;}.elementor-16348 .elementor-element.elementor-element-25746ea .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-16348 .elementor-element.elementor-element-d3699c5{font-size:var( --e-global-typography-text-font-size );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-16348 .elementor-element.elementor-element-f4ad7f4 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-16348 .elementor-element.elementor-element-f4ad7f4 .elementor-icon-list-item > a{font-size:var( --e-global-typography-text-font-size );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-16348 .elementor-element.elementor-element-6d83876 .elementor-button{font-size:var( --e-global-typography-accent-font-size );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-16348 .elementor-element.elementor-element-8a6b45f .elementor-button{font-size:var( --e-global-typography-accent-font-size );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-16348 .elementor-element.elementor-element-76fe76a{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-16348 .elementor-element.elementor-element-76fe76a.e-con{--align-self:center;}.elementor-16348 .elementor-element.elementor-element-1927930{--padding-top:0px;--padding-bottom:40px;--padding-left:10px;--padding-right:10px;}.elementor-16348 .elementor-element.elementor-element-0e7eac3 .elementor-testimonial__header, .elementor-16348 .elementor-element.elementor-element-0e7eac3 .elementor-testimonial__name{font-size:var( --e-global-typography-c576f96-font-size );letter-spacing:var( --e-global-typography-c576f96-letter-spacing );}.elementor-16348 .elementor-element.elementor-element-0e7eac3 .elementor-testimonial__text{font-size:var( --e-global-typography-text-font-size );letter-spacing:var( --e-global-typography-text-letter-spacing );}}@media(max-width:767px){.elementor-16348 .elementor-element.elementor-element-6ac99fc .elementor-heading-title{font-size:40px;}.elementor-16348 .elementor-element.elementor-element-b4e6d0d .elementor-heading-title{font-size:40px;}.elementor-16348 .elementor-element.elementor-element-035c16f > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-16348 .elementor-element.elementor-element-d0ada8a{--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;bottom:8px;}.elementor-16348 .elementor-element.elementor-element-b3c5a32 > .elementor-widget-container{margin:0px 80px 0px 0px;}.elementor-16348 .elementor-element.elementor-element-b3c5a32 .elementor-icon{font-size:30px;}.elementor-16348 .elementor-element.elementor-element-b3c5a32 .elementor-icon svg{height:30px;}.elementor-16348 .elementor-element.elementor-element-33fe8e3{--flex-wrap:nowrap;--padding-top:0px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;}.elementor-16348 .elementor-element.elementor-element-5f1362f{--border-radius:18px 18px 18px 18px;}.elementor-16348 .elementor-element.elementor-element-da153e9 .elementor-heading-title{font-size:21px;}.elementor-16348 .elementor-element.elementor-element-9030cb8{--border-radius:18px 18px 18px 18px;}.elementor-16348 .elementor-element.elementor-element-1c9a9c2{--border-radius:18px 18px 18px 18px;}.elementor-16348 .elementor-element.elementor-element-33487d0 .elementor-heading-title{font-size:20px;}.elementor-16348 .elementor-element.elementor-element-fec7592{--border-radius:18px 18px 18px 18px;}.elementor-16348 .elementor-element.elementor-element-52bdc44{--border-radius:18px 18px 18px 18px;}.elementor-16348 .elementor-element.elementor-element-7e8b72e{--border-radius:18px 18px 18px 18px;}.elementor-16348 .elementor-element.elementor-element-e7d5377{font-size:14px;}.elementor-16348 .elementor-element.elementor-element-b792338{--padding-top:30px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}.elementor-16348 .elementor-element.elementor-element-fa9e332 .elementor-heading-title{font-size:40px;}.elementor-16348 .elementor-element.elementor-element-470469d.elementor-wc-products ul.products li.product{text-align:left;padding:0px 0px 15px 0px;}.elementor-16348 .elementor-element.elementor-element-470469d > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-16348 .elementor-element.elementor-element-470469d.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-16348 .elementor-element.elementor-element-470469d.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-16348 .elementor-element.elementor-element-470469d.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-size:16px;}.elementor-16348 .elementor-element.elementor-element-470469d.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{margin-bottom:10px;}.elementor-16348 .elementor-element.elementor-element-470469d.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{margin-bottom:10px;}.elementor-16348 .elementor-element.elementor-element-470469d.elementor-wc-products ul.products li.product .price{font-size:16px;}.elementor-16348 .elementor-element.elementor-element-470469d.elementor-wc-products ul.products li.product .price del {font-size:var( --e-global-typography-c576f96-font-size );letter-spacing:var( --e-global-typography-c576f96-letter-spacing );}.elementor-16348 .elementor-element.elementor-element-470469d.elementor-wc-products ul.products li.product .button{font-size:var( --e-global-typography-accent-font-size );letter-spacing:var( --e-global-typography-accent-letter-spacing );margin-top:10px;}.elementor-16348 .elementor-element.elementor-element-470469d.elementor-wc-products .added_to_cart{margin-inline-start:10px;}.elementor-16348 .elementor-element.elementor-element-e8fea19{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-16348 .elementor-element.elementor-element-9f1d9cb{text-align:center;}.elementor-16348 .elementor-element.elementor-element-9f1d9cb .elementor-heading-title{font-size:25px;}.elementor-16348 .elementor-element.elementor-element-794c804{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );border-width:0px 0px 0px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;--margin-top:040px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-16348 .elementor-element.elementor-element-25746ea{text-align:center;}.elementor-16348 .elementor-element.elementor-element-25746ea .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-16348 .elementor-element.elementor-element-d3699c5{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;text-align:center;font-size:var( --e-global-typography-text-font-size );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-16348 .elementor-element.elementor-element-f4ad7f4{z-index:1;}.elementor-16348 .elementor-element.elementor-element-f4ad7f4 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-16348 .elementor-element.elementor-element-f4ad7f4 .elementor-icon-list-item > a{font-size:var( --e-global-typography-text-font-size );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-16348 .elementor-element.elementor-element-8373df0{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--z-index:1;}.elementor-16348 .elementor-element.elementor-element-6d83876 .elementor-button{font-size:var( --e-global-typography-accent-font-size );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-16348 .elementor-element.elementor-element-8a6b45f .elementor-button{font-size:var( --e-global-typography-accent-font-size );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-16348 .elementor-element.elementor-element-76f3d9d .elementor-heading-title{font-size:40px;}.elementor-16348 .elementor-element.elementor-element-cfd330d{font-size:14px;}.elementor-16348 .elementor-element.elementor-element-578b57f .elementor-heading-title{font-size:40px;}.elementor-16348 .elementor-element.elementor-element-1927930{--margin-top:-20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:60px;--padding-left:10px;--padding-right:10px;}.elementor-16348 .elementor-element.elementor-element-bb43084 .elementor-heading-title{font-size:40px;}.elementor-16348 .elementor-element.elementor-element-0e7eac3.elementor-arrows-yes .elementor-main-swiper{width:calc( 100% - 40px );}.elementor-16348 .elementor-element.elementor-element-0e7eac3 .elementor-main-swiper{width:100%;}.elementor-16348 .elementor-element.elementor-element-0e7eac3 .elementor-swiper-button{font-size:0px;}.elementor-16348 .elementor-element.elementor-element-0e7eac3 .elementor-testimonial__header, .elementor-16348 .elementor-element.elementor-element-0e7eac3 .elementor-testimonial__name{font-size:var( --e-global-typography-c576f96-font-size );letter-spacing:var( --e-global-typography-c576f96-letter-spacing );}.elementor-16348 .elementor-element.elementor-element-0e7eac3 .elementor-testimonial__text{font-size:var( --e-global-typography-text-font-size );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-16348 .elementor-element.elementor-element-dc02509{--min-height:0px;--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;}}/* Start custom CSS for container, class: .elementor-element-c79bf9c */@media (max-width: 767px) { .elementor-16348 .elementor-element.elementor-element-c79bf9c { padding-left: 20px !important; padding-right: 20px !important; padding-top: 40px !important; /* move up */ padding-bottom: 20px !important; margin-top: -40px; /* pushes content higher */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5f1362f */.elementor-16348 .elementor-element.elementor-element-5f1362f { height: 140px; width: 100%; border-radius: 20px; background: rgba(255,255,255,0.02); border: 1px solid rgba(255,255,255,0.06); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-7123f0c *//* ===================================================== THE BIKE GARAGE CATEGORY CARD Use this CSS on EACH individual card container ===================================================== */ .elementor-16348 .elementor-element.elementor-element-7123f0c { position: relative; overflow: hidden; cursor: pointer; /* Card fills its Grid column */ width: 100% !important; max-width: 100% !important; min-width: 0 !important; height: 100%; box-sizing: border-box !important; /* Vertical layout so button can sit at bottom */ display: flex !important; flex-direction: column !important; align-items: stretch !important; /* Card sizing */ min-height: 320px; padding: 28px; /* Rounded glass card */ border-radius: 28px; background: rgba(15, 18, 25, 0.45); border: 1px solid rgba(255, 255, 255, 0.4); -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); box-shadow: inset 0 1px 0 rgba(255,255,255,0.15), 0 20px 40px rgba(0,0,0,0.4), 0 0 0 1px rgba(255,255,255,0.04); transition: transform 0.3s ease, background 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease; } /* ===================================================== BACKGROUND GLOW ===================================================== */ .elementor-16348 .elementor-element.elementor-element-7123f0c::before { content: ""; position: absolute; top: 40px; left: 50%; transform: translateX(-50%); width: 200px; height: 200px; border-radius: 50%; background: radial-gradient( circle, rgba(255,255,255,0.14) 0%, rgba(120,160,255,0.08) 35%, rgba(0,0,0,0) 70% ); filter: blur(20px); pointer-events: none; z-index: 0; } /* ===================================================== INNER GLASS EDGE ===================================================== */ .elementor-16348 .elementor-element.elementor-element-7123f0c::after { content: ""; position: absolute; inset: 0; border-radius: inherit; box-shadow: inset 0 0 0 1px rgba(255,255,255,0.12), inset 0 0 30px rgba(255,255,255,0.08); pointer-events: none; z-index: 1; } /* ===================================================== KEEP ALL CARD CONTENT ABOVE EFFECTS ===================================================== */ .elementor-16348 .elementor-element.elementor-element-7123f0c > * { position: relative; z-index: 2; min-width: 0; } /* ===================================================== IMAGE ===================================================== */ .elementor-16348 .elementor-element.elementor-element-7123f0c .elementor-widget-image { width: 100%; } .elementor-16348 .elementor-element.elementor-element-7123f0c .elementor-widget-image img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; border-radius: 16px; } /* ===================================================== BUTTON WIDGET Pushes button to bottom of card ===================================================== */ .elementor-16348 .elementor-element.elementor-element-7123f0c .elementor-widget-button { margin-top: auto !important; padding-top: 22px; } /* Button wrapper */ .elementor-16348 .elementor-element.elementor-element-7123f0c .elementor-button-wrapper { width: 100%; } /* Actual button */ .elementor-16348 .elementor-element.elementor-element-7123f0c .elementor-button { width: 100% !important; min-height: 44px; display: flex !important; align-items: center !important; justify-content: center !important; padding: 10px 16px !important; border-radius: 999px !important; background: rgba(255,255,255,0.06) !important; border: 1px solid rgba(255,255,255,0.55) !important; color: #ffffff !important; font-size: 11px !important; font-weight: 700 !important; text-transform: uppercase; letter-spacing: 0.5px; box-shadow: none !important; transition: background 0.25s ease, border-color 0.25s ease, transform 0.25s ease; } /* Button hover */ .elementor-16348 .elementor-element.elementor-element-7123f0c .elementor-button:hover { background: rgba(255,255,255,0.15) !important; border-color: rgba(255,255,255,0.9) !important; color: #ffffff !important; } /* ===================================================== CARD HOVER ===================================================== */ .elementor-16348 .elementor-element.elementor-element-7123f0c:hover { transform: translateY(-6px); background: rgba(20,24,32,0.58); border-color: rgba(255,255,255,0.55); box-shadow: inset 0 1px 0 rgba(255,255,255,0.18), 0 24px 50px rgba(0,0,0,0.45), 0 0 0 1px rgba(255,255,255,0.05); } /* ===================================================== TABLET ===================================================== */ @media (max-width: 1024px) { .elementor-16348 .elementor-element.elementor-element-7123f0c { min-height: 300px; padding: 20px; border-radius: 24px; } .elementor-16348 .elementor-element.elementor-element-7123f0c .elementor-widget-button { padding-top: 18px; } } /* ===================================================== MOBILE 2 cards per row is handled by MAIN container ===================================================== */ @media (max-width: 767px) { .elementor-16348 .elementor-element.elementor-element-7123f0c { min-height: 260px; padding: 10px; border-radius: 18px; } .elementor-16348 .elementor-element.elementor-element-7123f0c::before { width: 120px; height: 120px; top: 20px; } .elementor-16348 .elementor-element.elementor-element-7123f0c .elementor-widget-image img { border-radius: 12px; } .elementor-16348 .elementor-element.elementor-element-7123f0c .elementor-widget-button { padding-top: 12px; } .elementor-16348 .elementor-element.elementor-element-7123f0c .elementor-button { min-height: 38px; padding: 7px 8px !important; font-size: 9px !important; letter-spacing: 0.2px; } /* Don't lift cards as much on touch-sized screens */ .elementor-16348 .elementor-element.elementor-element-7123f0c:hover { transform: translateY(-3px); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-9030cb8 */.elementor-16348 .elementor-element.elementor-element-9030cb8 { height: 140px; width: 100%; border-radius: 20px; background: rgba(255,255,255,0.02); border: 1px solid rgba(255,255,255,0.06); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-abeb717 *//* ===================================================== THE BIKE GARAGE CATEGORY CARD Use this CSS on EACH individual card container ===================================================== */ .elementor-16348 .elementor-element.elementor-element-abeb717 { position: relative; overflow: hidden; cursor: pointer; /* Card fills its Grid column */ width: 100% !important; max-width: 100% !important; min-width: 0 !important; height: 100%; box-sizing: border-box !important; /* Vertical layout so button can sit at bottom */ display: flex !important; flex-direction: column !important; align-items: stretch !important; /* Card sizing */ min-height: 320px; padding: 28px; /* Rounded glass card */ border-radius: 28px; background: rgba(15, 18, 25, 0.45); border: 1px solid rgba(255, 255, 255, 0.4); -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); box-shadow: inset 0 1px 0 rgba(255,255,255,0.15), 0 20px 40px rgba(0,0,0,0.4), 0 0 0 1px rgba(255,255,255,0.04); transition: transform 0.3s ease, background 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease; } /* ===================================================== BACKGROUND GLOW ===================================================== */ .elementor-16348 .elementor-element.elementor-element-abeb717::before { content: ""; position: absolute; top: 40px; left: 50%; transform: translateX(-50%); width: 200px; height: 200px; border-radius: 50%; background: radial-gradient( circle, rgba(255,255,255,0.14) 0%, rgba(120,160,255,0.08) 35%, rgba(0,0,0,0) 70% ); filter: blur(20px); pointer-events: none; z-index: 0; } /* ===================================================== INNER GLASS EDGE ===================================================== */ .elementor-16348 .elementor-element.elementor-element-abeb717::after { content: ""; position: absolute; inset: 0; border-radius: inherit; box-shadow: inset 0 0 0 1px rgba(255,255,255,0.12), inset 0 0 30px rgba(255,255,255,0.08); pointer-events: none; z-index: 1; } /* ===================================================== KEEP ALL CARD CONTENT ABOVE EFFECTS ===================================================== */ .elementor-16348 .elementor-element.elementor-element-abeb717 > * { position: relative; z-index: 2; min-width: 0; } /* ===================================================== IMAGE ===================================================== */ .elementor-16348 .elementor-element.elementor-element-abeb717 .elementor-widget-image { width: 100%; } .elementor-16348 .elementor-element.elementor-element-abeb717 .elementor-widget-image img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; border-radius: 16px; } /* ===================================================== BUTTON WIDGET Pushes button to bottom of card ===================================================== */ .elementor-16348 .elementor-element.elementor-element-abeb717 .elementor-widget-button { margin-top: auto !important; padding-top: 22px; } /* Button wrapper */ .elementor-16348 .elementor-element.elementor-element-abeb717 .elementor-button-wrapper { width: 100%; } /* Actual button */ .elementor-16348 .elementor-element.elementor-element-abeb717 .elementor-button { width: 100% !important; min-height: 44px; display: flex !important; align-items: center !important; justify-content: center !important; padding: 10px 16px !important; border-radius: 999px !important; background: rgba(255,255,255,0.06) !important; border: 1px solid rgba(255,255,255,0.55) !important; color: #ffffff !important; font-size: 11px !important; font-weight: 700 !important; text-transform: uppercase; letter-spacing: 0.5px; box-shadow: none !important; transition: background 0.25s ease, border-color 0.25s ease, transform 0.25s ease; } /* Button hover */ .elementor-16348 .elementor-element.elementor-element-abeb717 .elementor-button:hover { background: rgba(255,255,255,0.15) !important; border-color: rgba(255,255,255,0.9) !important; color: #ffffff !important; } /* ===================================================== CARD HOVER ===================================================== */ .elementor-16348 .elementor-element.elementor-element-abeb717:hover { transform: translateY(-6px); background: rgba(20,24,32,0.58); border-color: rgba(255,255,255,0.55); box-shadow: inset 0 1px 0 rgba(255,255,255,0.18), 0 24px 50px rgba(0,0,0,0.45), 0 0 0 1px rgba(255,255,255,0.05); } /* ===================================================== TABLET ===================================================== */ @media (max-width: 1024px) { .elementor-16348 .elementor-element.elementor-element-abeb717 { min-height: 300px; padding: 20px; border-radius: 24px; } .elementor-16348 .elementor-element.elementor-element-abeb717 .elementor-widget-button { padding-top: 18px; } } /* ===================================================== MOBILE 2 cards per row is handled by MAIN container ===================================================== */ @media (max-width: 767px) { .elementor-16348 .elementor-element.elementor-element-abeb717 { min-height: 260px; padding: 10px; border-radius: 18px; } .elementor-16348 .elementor-element.elementor-element-abeb717::before { width: 120px; height: 120px; top: 20px; } .elementor-16348 .elementor-element.elementor-element-abeb717 .elementor-widget-image img { border-radius: 12px; } .elementor-16348 .elementor-element.elementor-element-abeb717 .elementor-widget-button { padding-top: 12px; } .elementor-16348 .elementor-element.elementor-element-abeb717 .elementor-button { min-height: 38px; padding: 7px 8px !important; font-size: 9px !important; letter-spacing: 0.2px; } /* Don't lift cards as much on touch-sized screens */ .elementor-16348 .elementor-element.elementor-element-abeb717:hover { transform: translateY(-3px); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-1c9a9c2 */.elementor-16348 .elementor-element.elementor-element-1c9a9c2 { height: 140px; width: 100%; border-radius: 20px; background: rgba(255,255,255,0.02); border: 1px solid rgba(255,255,255,0.06); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-6d7f1fd *//* ===================================================== THE BIKE GARAGE CATEGORY CARD Use this CSS on EACH individual card container ===================================================== */ .elementor-16348 .elementor-element.elementor-element-6d7f1fd { position: relative; overflow: hidden; cursor: pointer; /* Card fills its Grid column */ width: 100% !important; max-width: 100% !important; min-width: 0 !important; height: 100%; box-sizing: border-box !important; /* Vertical layout so button can sit at bottom */ display: flex !important; flex-direction: column !important; align-items: stretch !important; /* Card sizing */ min-height: 320px; padding: 28px; /* Rounded glass card */ border-radius: 28px; background: rgba(15, 18, 25, 0.45); border: 1px solid rgba(255, 255, 255, 0.4); -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); box-shadow: inset 0 1px 0 rgba(255,255,255,0.15), 0 20px 40px rgba(0,0,0,0.4), 0 0 0 1px rgba(255,255,255,0.04); transition: transform 0.3s ease, background 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease; } /* ===================================================== BACKGROUND GLOW ===================================================== */ .elementor-16348 .elementor-element.elementor-element-6d7f1fd::before { content: ""; position: absolute; top: 40px; left: 50%; transform: translateX(-50%); width: 200px; height: 200px; border-radius: 50%; background: radial-gradient( circle, rgba(255,255,255,0.14) 0%, rgba(120,160,255,0.08) 35%, rgba(0,0,0,0) 70% ); filter: blur(20px); pointer-events: none; z-index: 0; } /* ===================================================== INNER GLASS EDGE ===================================================== */ .elementor-16348 .elementor-element.elementor-element-6d7f1fd::after { content: ""; position: absolute; inset: 0; border-radius: inherit; box-shadow: inset 0 0 0 1px rgba(255,255,255,0.12), inset 0 0 30px rgba(255,255,255,0.08); pointer-events: none; z-index: 1; } /* ===================================================== KEEP ALL CARD CONTENT ABOVE EFFECTS ===================================================== */ .elementor-16348 .elementor-element.elementor-element-6d7f1fd > * { position: relative; z-index: 2; min-width: 0; } /* ===================================================== IMAGE ===================================================== */ .elementor-16348 .elementor-element.elementor-element-6d7f1fd .elementor-widget-image { width: 100%; } .elementor-16348 .elementor-element.elementor-element-6d7f1fd .elementor-widget-image img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; border-radius: 16px; } /* ===================================================== BUTTON WIDGET Pushes button to bottom of card ===================================================== */ .elementor-16348 .elementor-element.elementor-element-6d7f1fd .elementor-widget-button { margin-top: auto !important; padding-top: 22px; } /* Button wrapper */ .elementor-16348 .elementor-element.elementor-element-6d7f1fd .elementor-button-wrapper { width: 100%; } /* Actual button */ .elementor-16348 .elementor-element.elementor-element-6d7f1fd .elementor-button { width: 100% !important; min-height: 44px; display: flex !important; align-items: center !important; justify-content: center !important; padding: 10px 16px !important; border-radius: 999px !important; background: rgba(255,255,255,0.06) !important; border: 1px solid rgba(255,255,255,0.55) !important; color: #ffffff !important; font-size: 11px !important; font-weight: 700 !important; text-transform: uppercase; letter-spacing: 0.5px; box-shadow: none !important; transition: background 0.25s ease, border-color 0.25s ease, transform 0.25s ease; } /* Button hover */ .elementor-16348 .elementor-element.elementor-element-6d7f1fd .elementor-button:hover { background: rgba(255,255,255,0.15) !important; border-color: rgba(255,255,255,0.9) !important; color: #ffffff !important; } /* ===================================================== CARD HOVER ===================================================== */ .elementor-16348 .elementor-element.elementor-element-6d7f1fd:hover { transform: translateY(-6px); background: rgba(20,24,32,0.58); border-color: rgba(255,255,255,0.55); box-shadow: inset 0 1px 0 rgba(255,255,255,0.18), 0 24px 50px rgba(0,0,0,0.45), 0 0 0 1px rgba(255,255,255,0.05); } /* ===================================================== TABLET ===================================================== */ @media (max-width: 1024px) { .elementor-16348 .elementor-element.elementor-element-6d7f1fd { min-height: 300px; padding: 20px; border-radius: 24px; } .elementor-16348 .elementor-element.elementor-element-6d7f1fd .elementor-widget-button { padding-top: 18px; } } /* ===================================================== MOBILE 2 cards per row is handled by MAIN container ===================================================== */ @media (max-width: 767px) { .elementor-16348 .elementor-element.elementor-element-6d7f1fd { min-height: 260px; padding: 10px; border-radius: 18px; } .elementor-16348 .elementor-element.elementor-element-6d7f1fd::before { width: 120px; height: 120px; top: 20px; } .elementor-16348 .elementor-element.elementor-element-6d7f1fd .elementor-widget-image img { border-radius: 12px; } .elementor-16348 .elementor-element.elementor-element-6d7f1fd .elementor-widget-button { padding-top: 12px; } .elementor-16348 .elementor-element.elementor-element-6d7f1fd .elementor-button { min-height: 38px; padding: 7px 8px !important; font-size: 9px !important; letter-spacing: 0.2px; } /* Don't lift cards as much on touch-sized screens */ .elementor-16348 .elementor-element.elementor-element-6d7f1fd:hover { transform: translateY(-3px); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-fec7592 */.elementor-16348 .elementor-element.elementor-element-fec7592 { height: 140px; width: 100%; border-radius: 20px; background: rgba(255,255,255,0.02); border: 1px solid rgba(255,255,255,0.06); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5edf5ee *//* ===================================================== THE BIKE GARAGE CATEGORY CARD Use this CSS on EACH individual card container ===================================================== */ .elementor-16348 .elementor-element.elementor-element-5edf5ee { position: relative; overflow: hidden; cursor: pointer; /* Card fills its Grid column */ width: 100% !important; max-width: 100% !important; min-width: 0 !important; height: 100%; box-sizing: border-box !important; /* Vertical layout so button can sit at bottom */ display: flex !important; flex-direction: column !important; align-items: stretch !important; /* Card sizing */ min-height: 320px; padding: 28px; /* Rounded glass card */ border-radius: 28px; background: rgba(15, 18, 25, 0.45); border: 1px solid rgba(255, 255, 255, 0.4); -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); box-shadow: inset 0 1px 0 rgba(255,255,255,0.15), 0 20px 40px rgba(0,0,0,0.4), 0 0 0 1px rgba(255,255,255,0.04); transition: transform 0.3s ease, background 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease; } /* ===================================================== BACKGROUND GLOW ===================================================== */ .elementor-16348 .elementor-element.elementor-element-5edf5ee::before { content: ""; position: absolute; top: 40px; left: 50%; transform: translateX(-50%); width: 200px; height: 200px; border-radius: 50%; background: radial-gradient( circle, rgba(255,255,255,0.14) 0%, rgba(120,160,255,0.08) 35%, rgba(0,0,0,0) 70% ); filter: blur(20px); pointer-events: none; z-index: 0; } /* ===================================================== INNER GLASS EDGE ===================================================== */ .elementor-16348 .elementor-element.elementor-element-5edf5ee::after { content: ""; position: absolute; inset: 0; border-radius: inherit; box-shadow: inset 0 0 0 1px rgba(255,255,255,0.12), inset 0 0 30px rgba(255,255,255,0.08); pointer-events: none; z-index: 1; } /* ===================================================== KEEP ALL CARD CONTENT ABOVE EFFECTS ===================================================== */ .elementor-16348 .elementor-element.elementor-element-5edf5ee > * { position: relative; z-index: 2; min-width: 0; } /* ===================================================== IMAGE ===================================================== */ .elementor-16348 .elementor-element.elementor-element-5edf5ee .elementor-widget-image { width: 100%; } .elementor-16348 .elementor-element.elementor-element-5edf5ee .elementor-widget-image img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; border-radius: 16px; } /* ===================================================== BUTTON WIDGET Pushes button to bottom of card ===================================================== */ .elementor-16348 .elementor-element.elementor-element-5edf5ee .elementor-widget-button { margin-top: auto !important; padding-top: 22px; } /* Button wrapper */ .elementor-16348 .elementor-element.elementor-element-5edf5ee .elementor-button-wrapper { width: 100%; } /* Actual button */ .elementor-16348 .elementor-element.elementor-element-5edf5ee .elementor-button { width: 100% !important; min-height: 44px; display: flex !important; align-items: center !important; justify-content: center !important; padding: 10px 16px !important; border-radius: 999px !important; background: rgba(255,255,255,0.06) !important; border: 1px solid rgba(255,255,255,0.55) !important; color: #ffffff !important; font-size: 11px !important; font-weight: 700 !important; text-transform: uppercase; letter-spacing: 0.5px; box-shadow: none !important; transition: background 0.25s ease, border-color 0.25s ease, transform 0.25s ease; } /* Button hover */ .elementor-16348 .elementor-element.elementor-element-5edf5ee .elementor-button:hover { background: rgba(255,255,255,0.15) !important; border-color: rgba(255,255,255,0.9) !important; color: #ffffff !important; } /* ===================================================== CARD HOVER ===================================================== */ .elementor-16348 .elementor-element.elementor-element-5edf5ee:hover { transform: translateY(-6px); background: rgba(20,24,32,0.58); border-color: rgba(255,255,255,0.55); box-shadow: inset 0 1px 0 rgba(255,255,255,0.18), 0 24px 50px rgba(0,0,0,0.45), 0 0 0 1px rgba(255,255,255,0.05); } /* ===================================================== TABLET ===================================================== */ @media (max-width: 1024px) { .elementor-16348 .elementor-element.elementor-element-5edf5ee { min-height: 300px; padding: 20px; border-radius: 24px; } .elementor-16348 .elementor-element.elementor-element-5edf5ee .elementor-widget-button { padding-top: 18px; } } /* ===================================================== MOBILE 2 cards per row is handled by MAIN container ===================================================== */ @media (max-width: 767px) { .elementor-16348 .elementor-element.elementor-element-5edf5ee { min-height: 260px; padding: 10px; border-radius: 18px; } .elementor-16348 .elementor-element.elementor-element-5edf5ee::before { width: 120px; height: 120px; top: 20px; } .elementor-16348 .elementor-element.elementor-element-5edf5ee .elementor-widget-image img { border-radius: 12px; } .elementor-16348 .elementor-element.elementor-element-5edf5ee .elementor-widget-button { padding-top: 12px; } .elementor-16348 .elementor-element.elementor-element-5edf5ee .elementor-button { min-height: 38px; padding: 7px 8px !important; font-size: 9px !important; letter-spacing: 0.2px; } /* Don't lift cards as much on touch-sized screens */ .elementor-16348 .elementor-element.elementor-element-5edf5ee:hover { transform: translateY(-3px); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-52bdc44 */.elementor-16348 .elementor-element.elementor-element-52bdc44 { height: 140px; width: 100%; border-radius: 20px; background: rgba(255,255,255,0.02); border: 1px solid rgba(255,255,255,0.06); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-0520925 *//* ===================================================== THE BIKE GARAGE CATEGORY CARD Use this CSS on EACH individual card container ===================================================== */ .elementor-16348 .elementor-element.elementor-element-0520925 { position: relative; overflow: hidden; cursor: pointer; /* Card fills its Grid column */ width: 100% !important; max-width: 100% !important; min-width: 0 !important; height: 100%; box-sizing: border-box !important; /* Vertical layout so button can sit at bottom */ display: flex !important; flex-direction: column !important; align-items: stretch !important; /* Card sizing */ min-height: 320px; padding: 28px; /* Rounded glass card */ border-radius: 28px; background: rgba(15, 18, 25, 0.45); border: 1px solid rgba(255, 255, 255, 0.4); -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); box-shadow: inset 0 1px 0 rgba(255,255,255,0.15), 0 20px 40px rgba(0,0,0,0.4), 0 0 0 1px rgba(255,255,255,0.04); transition: transform 0.3s ease, background 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease; } /* ===================================================== BACKGROUND GLOW ===================================================== */ .elementor-16348 .elementor-element.elementor-element-0520925::before { content: ""; position: absolute; top: 40px; left: 50%; transform: translateX(-50%); width: 200px; height: 200px; border-radius: 50%; background: radial-gradient( circle, rgba(255,255,255,0.14) 0%, rgba(120,160,255,0.08) 35%, rgba(0,0,0,0) 70% ); filter: blur(20px); pointer-events: none; z-index: 0; } /* ===================================================== INNER GLASS EDGE ===================================================== */ .elementor-16348 .elementor-element.elementor-element-0520925::after { content: ""; position: absolute; inset: 0; border-radius: inherit; box-shadow: inset 0 0 0 1px rgba(255,255,255,0.12), inset 0 0 30px rgba(255,255,255,0.08); pointer-events: none; z-index: 1; } /* ===================================================== KEEP ALL CARD CONTENT ABOVE EFFECTS ===================================================== */ .elementor-16348 .elementor-element.elementor-element-0520925 > * { position: relative; z-index: 2; min-width: 0; } /* ===================================================== IMAGE ===================================================== */ .elementor-16348 .elementor-element.elementor-element-0520925 .elementor-widget-image { width: 100%; } .elementor-16348 .elementor-element.elementor-element-0520925 .elementor-widget-image img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; border-radius: 16px; } /* ===================================================== BUTTON WIDGET Pushes button to bottom of card ===================================================== */ .elementor-16348 .elementor-element.elementor-element-0520925 .elementor-widget-button { margin-top: auto !important; padding-top: 22px; } /* Button wrapper */ .elementor-16348 .elementor-element.elementor-element-0520925 .elementor-button-wrapper { width: 100%; } /* Actual button */ .elementor-16348 .elementor-element.elementor-element-0520925 .elementor-button { width: 100% !important; min-height: 44px; display: flex !important; align-items: center !important; justify-content: center !important; padding: 10px 16px !important; border-radius: 999px !important; background: rgba(255,255,255,0.06) !important; border: 1px solid rgba(255,255,255,0.55) !important; color: #ffffff !important; font-size: 11px !important; font-weight: 700 !important; text-transform: uppercase; letter-spacing: 0.5px; box-shadow: none !important; transition: background 0.25s ease, border-color 0.25s ease, transform 0.25s ease; } /* Button hover */ .elementor-16348 .elementor-element.elementor-element-0520925 .elementor-button:hover { background: rgba(255,255,255,0.15) !important; border-color: rgba(255,255,255,0.9) !important; color: #ffffff !important; } /* ===================================================== CARD HOVER ===================================================== */ .elementor-16348 .elementor-element.elementor-element-0520925:hover { transform: translateY(-6px); background: rgba(20,24,32,0.58); border-color: rgba(255,255,255,0.55); box-shadow: inset 0 1px 0 rgba(255,255,255,0.18), 0 24px 50px rgba(0,0,0,0.45), 0 0 0 1px rgba(255,255,255,0.05); } /* ===================================================== TABLET ===================================================== */ @media (max-width: 1024px) { .elementor-16348 .elementor-element.elementor-element-0520925 { min-height: 300px; padding: 20px; border-radius: 24px; } .elementor-16348 .elementor-element.elementor-element-0520925 .elementor-widget-button { padding-top: 18px; } } /* ===================================================== MOBILE 2 cards per row is handled by MAIN container ===================================================== */ @media (max-width: 767px) { .elementor-16348 .elementor-element.elementor-element-0520925 { min-height: 260px; padding: 10px; border-radius: 18px; } .elementor-16348 .elementor-element.elementor-element-0520925::before { width: 120px; height: 120px; top: 20px; } .elementor-16348 .elementor-element.elementor-element-0520925 .elementor-widget-image img { border-radius: 12px; } .elementor-16348 .elementor-element.elementor-element-0520925 .elementor-widget-button { padding-top: 12px; } .elementor-16348 .elementor-element.elementor-element-0520925 .elementor-button { min-height: 38px; padding: 7px 8px !important; font-size: 9px !important; letter-spacing: 0.2px; } /* Don't lift cards as much on touch-sized screens */ .elementor-16348 .elementor-element.elementor-element-0520925:hover { transform: translateY(-3px); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-7e8b72e */.elementor-16348 .elementor-element.elementor-element-7e8b72e { height: 140px; width: 100%; border-radius: 20px; background: rgba(255,255,255,0.02); border: 1px solid rgba(255,255,255,0.06); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-2cf7cbf *//* ===================================================== THE BIKE GARAGE CATEGORY CARD Use this CSS on EACH individual card container ===================================================== */ .elementor-16348 .elementor-element.elementor-element-2cf7cbf { position: relative; overflow: hidden; cursor: pointer; /* Card fills its Grid column */ width: 100% !important; max-width: 100% !important; min-width: 0 !important; height: 100%; box-sizing: border-box !important; /* Vertical layout so button can sit at bottom */ display: flex !important; flex-direction: column !important; align-items: stretch !important; /* Card sizing */ min-height: 320px; padding: 28px; /* Rounded glass card */ border-radius: 28px; background: rgba(15, 18, 25, 0.45); border: 1px solid rgba(255, 255, 255, 0.4); -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); box-shadow: inset 0 1px 0 rgba(255,255,255,0.15), 0 20px 40px rgba(0,0,0,0.4), 0 0 0 1px rgba(255,255,255,0.04); transition: transform 0.3s ease, background 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease; } /* ===================================================== BACKGROUND GLOW ===================================================== */ .elementor-16348 .elementor-element.elementor-element-2cf7cbf::before { content: ""; position: absolute; top: 40px; left: 50%; transform: translateX(-50%); width: 200px; height: 200px; border-radius: 50%; background: radial-gradient( circle, rgba(255,255,255,0.14) 0%, rgba(120,160,255,0.08) 35%, rgba(0,0,0,0) 70% ); filter: blur(20px); pointer-events: none; z-index: 0; } /* ===================================================== INNER GLASS EDGE ===================================================== */ .elementor-16348 .elementor-element.elementor-element-2cf7cbf::after { content: ""; position: absolute; inset: 0; border-radius: inherit; box-shadow: inset 0 0 0 1px rgba(255,255,255,0.12), inset 0 0 30px rgba(255,255,255,0.08); pointer-events: none; z-index: 1; } /* ===================================================== KEEP ALL CARD CONTENT ABOVE EFFECTS ===================================================== */ .elementor-16348 .elementor-element.elementor-element-2cf7cbf > * { position: relative; z-index: 2; min-width: 0; } /* ===================================================== IMAGE ===================================================== */ .elementor-16348 .elementor-element.elementor-element-2cf7cbf .elementor-widget-image { width: 100%; } .elementor-16348 .elementor-element.elementor-element-2cf7cbf .elementor-widget-image img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; border-radius: 16px; } /* ===================================================== BUTTON WIDGET Pushes button to bottom of card ===================================================== */ .elementor-16348 .elementor-element.elementor-element-2cf7cbf .elementor-widget-button { margin-top: auto !important; padding-top: 22px; } /* Button wrapper */ .elementor-16348 .elementor-element.elementor-element-2cf7cbf .elementor-button-wrapper { width: 100%; } /* Actual button */ .elementor-16348 .elementor-element.elementor-element-2cf7cbf .elementor-button { width: 100% !important; min-height: 44px; display: flex !important; align-items: center !important; justify-content: center !important; padding: 10px 16px !important; border-radius: 999px !important; background: rgba(255,255,255,0.06) !important; border: 1px solid rgba(255,255,255,0.55) !important; color: #ffffff !important; font-size: 11px !important; font-weight: 700 !important; text-transform: uppercase; letter-spacing: 0.5px; box-shadow: none !important; transition: background 0.25s ease, border-color 0.25s ease, transform 0.25s ease; } /* Button hover */ .elementor-16348 .elementor-element.elementor-element-2cf7cbf .elementor-button:hover { background: rgba(255,255,255,0.15) !important; border-color: rgba(255,255,255,0.9) !important; color: #ffffff !important; } /* ===================================================== CARD HOVER ===================================================== */ .elementor-16348 .elementor-element.elementor-element-2cf7cbf:hover { transform: translateY(-6px); background: rgba(20,24,32,0.58); border-color: rgba(255,255,255,0.55); box-shadow: inset 0 1px 0 rgba(255,255,255,0.18), 0 24px 50px rgba(0,0,0,0.45), 0 0 0 1px rgba(255,255,255,0.05); } /* ===================================================== TABLET ===================================================== */ @media (max-width: 1024px) { .elementor-16348 .elementor-element.elementor-element-2cf7cbf { min-height: 300px; padding: 20px; border-radius: 24px; } .elementor-16348 .elementor-element.elementor-element-2cf7cbf .elementor-widget-button { padding-top: 18px; } } /* ===================================================== MOBILE 2 cards per row is handled by MAIN container ===================================================== */ @media (max-width: 767px) { .elementor-16348 .elementor-element.elementor-element-2cf7cbf { min-height: 260px; padding: 10px; border-radius: 18px; } .elementor-16348 .elementor-element.elementor-element-2cf7cbf::before { width: 120px; height: 120px; top: 20px; } .elementor-16348 .elementor-element.elementor-element-2cf7cbf .elementor-widget-image img { border-radius: 12px; } .elementor-16348 .elementor-element.elementor-element-2cf7cbf .elementor-widget-button { padding-top: 12px; } .elementor-16348 .elementor-element.elementor-element-2cf7cbf .elementor-button { min-height: 38px; padding: 7px 8px !important; font-size: 9px !important; letter-spacing: 0.2px; } /* Don't lift cards as much on touch-sized screens */ .elementor-16348 .elementor-element.elementor-element-2cf7cbf:hover { transform: translateY(-3px); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-33fe8e3 */.elementor-16348 .elementor-element.elementor-element-33fe8e3 { display: grid !important; /* Desktop: 6 equal cards */ grid-template-columns: repeat(6, minmax(0, 1fr)) !important; gap: 24px !important; width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; align-items: stretch !important; } /* ========================================== LAPTOP 3 CARDS PER ROW ========================================== */ @media (max-width: 1366px) { .elementor-16348 .elementor-element.elementor-element-33fe8e3 { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } } /* ========================================== TABLET 2 CARDS PER ROW ========================================== */ @media (max-width: 1024px) { .elementor-16348 .elementor-element.elementor-element-33fe8e3 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 18px !important; } } /* ========================================== MOBILE 2 CARDS PER ROW ========================================== */ @media (max-width: 767px) { .elementor-16348 .elementor-element.elementor-element-33fe8e3 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 10px !important; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-a34d403 */.arrival-marquee { position: relative; width: 100vw; left: 50%; transform: translateX(-50%); overflow: hidden; background: #05080d; border-top: 1px solid rgba(255,255,255,0.12); border-bottom: 1px solid rgba(255,255,255,0.12); padding: 14px 0; display: flex; align-items: center; } .arrival-marquee-track { display: flex; align-items: center; width: max-content; will-change: transform; animation: arrival-scroll 22s linear infinite; } .arrival-marquee-group { display: flex; align-items: center; flex-shrink: 0; } .arrival-marquee span { display: inline-flex; align-items: center; padding-right: 60px; font-size: 28px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; line-height: 1; color: rgba(255,255,255,0.92); text-shadow: 0 0 6px rgba(255,255,255,0.35), 0 0 18px rgba(255,255,255,0.15); } .arrival-marquee-group span:nth-child(odd) { color: #fff302; text-shadow: 0 0 6px rgba(255,243,2,0.7), 0 0 18px rgba(255,243,2,0.4), 0 0 30px rgba(255,243,2,0.2); } /* separator line, not a text character */ .arrival-marquee span i { display: inline-block; width: 2px; height: 1.5em; margin: 0 14px; background: currentColor; border-radius: 999px; opacity: 0.9; transform: translateY(0); box-shadow: 0 0 8px currentColor; } @keyframes arrival-scroll { from { transform: translateX(0); } to { transform: translateX(-50%); } } .arrival-marquee::before, .arrival-marquee::after { content: ""; position: absolute; top: 0; width: 100px; height: 100%; z-index: 2; pointer-events: none; } .arrival-marquee::before { left: 0; background: linear-gradient(to right, #05080d, transparent); } .arrival-marquee::after { right: 0; background: linear-gradient(to left, #05080d, transparent); } @media (max-width: 1024px) { .arrival-marquee span { font-size: 22px; padding-right: 40px; } .arrival-marquee span i { height: 1.4em; margin: 0 12px; } } @media (max-width: 767px) { .arrival-marquee span { font-size: 16px; padding-right: 30px; letter-spacing: 0.08em; } .arrival-marquee span i { height: 1.3em; margin: 0 10px; } }/* End custom CSS */ /* Start custom CSS for woocommerce-products, class: .elementor-element-470469d *//* ================================ THE BIKE GARAGE - HOME PRODUCTS Premium smaller product cards ================================ */ /* ===== PRODUCT ROW / HORIZONTAL SCROLL ===== */ .elementor-16348 .elementor-element.elementor-element-470469d ul.products { display: flex !important; flex-wrap: nowrap !important; overflow-x: auto !important; overflow-y: hidden !important; gap: 22px !important; scroll-behavior: smooth !important; padding: 10px 18px 18px !important; margin: 0 !important; list-style: none !important; -webkit-overflow-scrolling: touch !important; scrollbar-width: none !important; } .elementor-16348 .elementor-element.elementor-element-470469d ul.products::-webkit-scrollbar { display: none !important; } /* ===== PRODUCT CARD ===== */ .elementor-16348 .elementor-element.elementor-element-470469d ul.products li.product { position: relative !important; flex: 0 0 270px !important; width: 270px !important; min-width: 270px !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; box-sizing: border-box !important; border-radius: 24px !important; background: linear-gradient(135deg, rgba(36, 41, 55, 0.96) 0%, rgba(24, 29, 40, 0.98) 100%) !important; border: 1px solid rgba(255,255,255,0.12) !important; box-shadow: 0 18px 40px rgba(0,0,0,0.28), inset 0 1px 0 rgba(255,255,255,0.10), inset 0 -1px 0 rgba(255,255,255,0.04) !important; transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease !important; } /* subtle premium glow */ .elementor-16348 .elementor-element.elementor-element-470469d ul.products li.product::before { content: "" !important; position: absolute !important; inset: 0 !important; border-radius: 24px !important; pointer-events: none !important; background: radial-gradient(circle at bottom right, rgba(255, 243, 2, 0.10) 0%, rgba(255, 243, 2, 0.04) 18%, rgba(255, 243, 2, 0) 40%) !important; z-index: 1 !important; } /* hover */ .elementor-16348 .elementor-element.elementor-element-470469d ul.products li.product:hover { transform: translateY(-6px) !important; border-color: rgba(255, 243, 2, 0.32) !important; box-shadow: 0 24px 55px rgba(0,0,0,0.34), 0 0 22px rgba(255,243,2,0.08), inset 0 1px 0 rgba(255,255,255,0.14), inset 0 -1px 0 rgba(255,255,255,0.05) !important; } /* ===== PRODUCT LINK WRAP ===== */ .elementor-16348 .elementor-element.elementor-element-470469d ul.products li.product > a { display: block !important; text-decoration: none !important; position: relative !important; z-index: 2 !important; } /* ===== IMAGE ===== */ .elementor-16348 .elementor-element.elementor-element-470469d ul.products li.product img { width: 100% !important; height: 210px !important; min-height: 210px !important; max-height: 210px !important; object-fit: cover !important; object-position: center !important; display: block !important; margin: 0 !important; border-top-left-radius: 24px !important; border-top-right-radius: 24px !important; border-bottom: 1px solid rgba(255,255,255,0.08) !important; } /* ===== CONTENT SPACING ===== */ .elementor-16348 .elementor-element.elementor-element-470469d ul.products li.product .woocommerce-loop-product__title, .elementor-16348 .elementor-element.elementor-element-470469d ul.products li.product .price, .elementor-16348 .elementor-element.elementor-element-470469d ul.products li.product .button, .elementor-16348 .elementor-element.elementor-element-470469d ul.products li.product .added_to_cart { position: relative !important; z-index: 2 !important; } /* ===== TITLE ===== */ .elementor-16348 .elementor-element.elementor-element-470469d ul.products li.product .woocommerce-loop-product__title { color: #ffffff !important; font-family: "Lato", sans-serif !important; font-size: 16px !important; font-weight: 900 !important; line-height: 1.15 !important; text-transform: uppercase !important; letter-spacing: 0.01em !important; padding: 18px 18px 8px !important; margin: 0 !important; display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; min-height: 62px !important; } /* ===== PRICE ===== */ .elementor-16348 .elementor-element.elementor-element-470469d ul.products li.product .price { display: block !important; color: #fff302 !important; font-family: "Lato", sans-serif !important; font-size: 17px !important; font-weight: 900 !important; line-height: 1.1 !important; padding: 0 18px 18px !important; margin: 0 !important; } .elementor-16348 .elementor-element.elementor-element-470469d ul.products li.product .price *, .elementor-16348 .elementor-element.elementor-element-470469d ul.products li.product .price bdi, .elementor-16348 .elementor-element.elementor-element-470469d ul.products li.product .price ins, .elementor-16348 .elementor-element.elementor-element-470469d ul.products li.product .price span { color: #fff302 !important; font-weight: 900 !important; text-decoration: none !important; } /* old price if sale */ .elementor-16348 .elementor-element.elementor-element-470469d ul.products li.product .price del, .elementor-16348 .elementor-element.elementor-element-470469d ul.products li.product .price del * { color: rgba(255,255,255,0.45) !important; opacity: 1 !important; margin-right: 8px !important; } /* ===== BUTTON AREA ===== */ .elementor-16348 .elementor-element.elementor-element-470469d ul.products li.product .button, .elementor-16348 .elementor-element.elementor-element-470469d ul.products li.product a.button, .elementor-16348 .elementor-element.elementor-element-470469d ul.products li.product .added_to_cart { display: flex !important; align-items: center !important; justify-content: center !important; width: calc(100% - 36px) !important; min-height: 46px !important; margin: 0 18px 18px !important; padding: 0 16px !important; border-radius: 999px !important; border: 1px solid rgba(255,255,255,0.14) !important; background: linear-gradient(135deg, rgba(63, 68, 82, 0.95) 0%, rgba(48, 53, 66, 0.98) 100%) !important; color: #ffffff !important; font-family: "Lato", sans-serif !important; font-size: 13px !important; font-weight: 900 !important; line-height: 1 !important; letter-spacing: 0.03em !important; text-transform: uppercase !important; text-decoration: none !important; box-shadow: inset 0 1px 0 rgba(255,255,255,0.08), 0 8px 18px rgba(0,0,0,0.16) !important; transition: all 0.25s ease !important; } .elementor-16348 .elementor-element.elementor-element-470469d ul.products li.product .button:hover, .elementor-16348 .elementor-element.elementor-element-470469d ul.products li.product a.button:hover, .elementor-16348 .elementor-element.elementor-element-470469d ul.products li.product .added_to_cart:hover { background: #fff302 !important; color: #050505 !important; border-color: #fff302 !important; box-shadow: 0 10px 24px rgba(255,243,2,0.25), 0 0 18px rgba(255,243,2,0.18) !important; } /* ===== IF YOU WANT TO HIDE DEFAULT ADD TO CART, KEEP THIS ===== */ /* comment this out if you want the button visible */ /* .elementor-16348 .elementor-element.elementor-element-470469d .add_to_cart_button { display: none !important; } */ /* ===== ADDED TO CART LINK ===== */ .elementor-16348 .elementor-element.elementor-element-470469d ul.products li.product .added_to_cart { margin-top: -8px !important; } /* ===== SALE BADGE ===== */ .elementor-16348 .elementor-element.elementor-element-470469d ul.products li.product .onsale { top: 14px !important; left: 14px !important; right: auto !important; min-height: auto !important; min-width: auto !important; line-height: 1 !important; padding: 8px 10px !important; margin: 0 !important; border-radius: 999px !important; border: none !important; background: #fff302 !important; color: #050505 !important; font-family: "Lato", sans-serif !important; font-size: 11px !important; font-weight: 900 !important; text-transform: uppercase !important; box-shadow: 0 8px 18px rgba(255,243,2,0.18) !important; z-index: 5 !important; } /* ===== RESPONSIVE ===== */ @media (max-width: 1024px) { .elementor-16348 .elementor-element.elementor-element-470469d ul.products { gap: 18px !important; padding: 8px 12px 18px !important; } .elementor-16348 .elementor-element.elementor-element-470469d ul.products li.product { flex: 0 0 235px !important; width: 235px !important; min-width: 235px !important; } .elementor-16348 .elementor-element.elementor-element-470469d ul.products li.product img { height: 185px !important; min-height: 185px !important; max-height: 185px !important; } .elementor-16348 .elementor-element.elementor-element-470469d ul.products li.product .woocommerce-loop-product__title { font-size: 15px !important; min-height: 58px !important; } .elementor-16348 .elementor-element.elementor-element-470469d ul.products li.product .price { font-size: 16px !important; } } @media (max-width: 767px) { .elementor-16348 .elementor-element.elementor-element-470469d ul.products { gap: 14px !important; padding: 8px 10px 16px !important; } .elementor-16348 .elementor-element.elementor-element-470469d ul.products li.product { flex: 0 0 190px !important; width: 190px !important; min-width: 190px !important; border-radius: 20px !important; } .elementor-16348 .elementor-element.elementor-element-470469d ul.products li.product::before, .elementor-16348 .elementor-element.elementor-element-470469d ul.products li.product::after { border-radius: 20px !important; } .elementor-16348 .elementor-element.elementor-element-470469d ul.products li.product img { height: 145px !important; min-height: 145px !important; max-height: 145px !important; border-top-left-radius: 20px !important; border-top-right-radius: 20px !important; } .elementor-16348 .elementor-element.elementor-element-470469d ul.products li.product .woocommerce-loop-product__title { padding: 14px 14px 8px !important; font-size: 14px !important; min-height: 52px !important; } .elementor-16348 .elementor-element.elementor-element-470469d ul.products li.product .price { padding: 0 14px 14px !important; font-size: 15px !important; } .elementor-16348 .elementor-element.elementor-element-470469d ul.products li.product .button, .elementor-16348 .elementor-element.elementor-element-470469d ul.products li.product a.button, .elementor-16348 .elementor-element.elementor-element-470469d ul.products li.product .added_to_cart { width: calc(100% - 28px) !important; margin: 0 14px 14px !important; min-height: 42px !important; font-size: 12px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b792338 */.elementor-16348 .elementor-element.elementor-element-b792338 { position: relative; overflow: visible; } /* arrow wrapper */ .elementor-16348 .elementor-element.elementor-element-b792338 .scroll-controls { position: absolute; left: 0; right: 0; z-index: 20; top: 200px; transform: none; pointer-events: none; } /* button style */ .elementor-16348 .elementor-element.elementor-element-b792338 .scroll-controls button { position: absolute; pointer-events: auto; width: 52px; height: 52px; border-radius: 50%; background: rgba(255,255,255,0.92); border: 2px solid rgba(0,0,0,0.08); color: #111; font-size: 24px; font-weight: 700; line-height: 1; display: flex; align-items: center; justify-content: center; box-shadow: 0 10px 24px rgba(0,0,0,0.16), 0 4px 12px rgba(0,0,0,0.08), inset 0 1px 0 rgba(255,255,255,1); cursor: pointer; transition: all 0.2s ease; } /* better icon centering */ .elementor-16348 .elementor-element.elementor-element-b792338 .scroll-controls button span { display: block; transform: translateY(-1px); } /* hover */ .elementor-16348 .elementor-element.elementor-element-b792338 .scroll-controls button:hover { transform: scale(1.06); background: #fff; box-shadow: 0 16px 34px rgba(0,0,0,0.22), 0 6px 16px rgba(0,0,0,0.12); } /* active */ .elementor-16348 .elementor-element.elementor-element-b792338 .scroll-controls button:active { transform: scale(0.96); } /* hidden state */ .elementor-16348 .elementor-element.elementor-element-b792338 .scroll-controls button.is-hidden { opacity: 0; pointer-events: none; } /* move them further out so they don't cover text */ .elementor-16348 .elementor-element.elementor-element-b792338 .scroll-left { left: -2px; } .elementor-16348 .elementor-element.elementor-element-b792338 .scroll-right { right: -2px; } /* tablet */ @media (max-width: 1024px) { .elementor-16348 .elementor-element.elementor-element-b792338 .scroll-controls { top: 180px; } .elementor-16348 .elementor-element.elementor-element-b792338 .scroll-controls button { width: 46px; height: 46px; font-size: 20px; } .elementor-16348 .elementor-element.elementor-element-b792338 .scroll-left { left: -4px; } .elementor-16348 .elementor-element.elementor-element-b792338 .scroll-right { right: -4px; } } /* mobile */ @media (max-width: 767px) { .elementor-16348 .elementor-element.elementor-element-b792338 .scroll-controls { top: 150px; } .elementor-16348 .elementor-element.elementor-element-b792338 .scroll-controls button { width: 40px; height: 40px; font-size: 18px; } .elementor-16348 .elementor-element.elementor-element-b792338 .scroll-left { left: -6px; } .elementor-16348 .elementor-element.elementor-element-b792338 .scroll-right { right: -6px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-cf120a1 */.elementor-16348 .elementor-element.elementor-element-cf120a1, .elementor-16348 .elementor-element.elementor-element-cf120a1 .elementor-widget-container { height: 100%; } .elementor-16348 .elementor-element.elementor-element-cf120a1 img { width: 100%; height: 100%; min-height: 520px; object-fit: cover; object-position: center 55%; display: block; } @media (max-width: 1024px) { .elementor-16348 .elementor-element.elementor-element-cf120a1 img { min-height: 420px; } } @media (max-width: 767px) { .elementor-16348 .elementor-element.elementor-element-cf120a1 img { min-height: 320px; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-b11d650 */.elementor-16348 .elementor-element.elementor-element-b11d650 { position: absolute; bottom: 24px; left: 50%; transform: translateX(-50%); z-index: 5; color: #111; padding: 12px 22px; font-size: 14px; font-weight: 600; letter-spacing: 0.04em; line-height: 1; inset 0 1px 0 rgba(255,255,255,1); } .elementor-16348 .elementor-element.elementor-element-b11d650 { z-index: 5; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-9f9796d */.elementor-16348 .elementor-element.elementor-element-9f9796d { position: relative; border-radius: 28px; overflow: hidden; width: 100%; min-height: 520px; background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.1); box-shadow: 0 24px 50px rgba(0,0,0,0.35), inset 0 1px 0 rgba(255,255,255,0.04); } .elementor-16348 .elementor-element.elementor-element-9f9796d::after { content: ""; position: absolute; inset: 0; background: linear-gradient( to top, rgba(0,0,0,0.45), rgba(0,0,0,0.25), rgba(0,0,0,0.15) ); pointer-events: none; z-index: 2; } @media (max-width: 1024px) { .elementor-16348 .elementor-element.elementor-element-9f9796d { min-height: 420px; } } @media (max-width: 767px) { .elementor-16348 .elementor-element.elementor-element-9f9796d { min-height: 320px; border-radius: 22px; } }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-d3699c5 */.elementor-16348 .elementor-element.elementor-element-d3699c5 { width: 100%; max-width: none; flex: 1 1 0; min-width: 0; } .elementor-16348 .elementor-element.elementor-element-d3699c5 .elementor-widget-text-editor, .elementor-16348 .elementor-element.elementor-element-d3699c5 .elementor-widget-icon-list, .elementor-16348 .elementor-element.elementor-element-d3699c5 .elementor-widget-heading, .elementor-16348 .elementor-element.elementor-element-d3699c5 .elementor-widget-button { width: 100%; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-0514f83 */.elementor-16348 .elementor-element.elementor-element-0514f83 { display: flex; align-items: center; justify-content: space-between; gap: 60px; width: 100%; max-width: 1600px; margin: 0 auto; padding-left: 40px; padding-right: 40px; box-sizing: border-box; } @media (max-width: 1024px) { .elementor-16348 .elementor-element.elementor-element-0514f83 { flex-direction: column; align-items: stretch; gap: 40px; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-76f3d9d */.elementor-16348 .elementor-element.elementor-element-76f3d9d .elementor-heading-title { font-family: "Lato", sans-serif !important; color: #ffffff !important; font-size: 52px !important; font-weight: 900 !important; line-height: 1.05 !important; letter-spacing: -0.02em !important; text-align: center !important; margin: 0 0 10px !important; } @media (max-width: 1366px) { .elementor-16348 .elementor-element.elementor-element-76f3d9d .elementor-heading-title { font-size: 44px !important; } } @media (max-width: 1024px) { .elementor-16348 .elementor-element.elementor-element-76f3d9d .elementor-heading-title { font-size: 34px !important; } } @media (max-width: 767px) { .elementor-16348 .elementor-element.elementor-element-76f3d9d .elementor-heading-title { font-size: 26px !important; } }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-cfd330d */.elementor-16348 .elementor-element.elementor-element-cfd330d { color: rgba(255,255,255,0.9); font-size: 20px; line-height: 1.55; text-align: center; max-width: 760px; margin: 0; text-shadow: 0 4px 18px rgba(0,0,0,0.35); } @media (max-width: 1024px) { .elementor-16348 .elementor-element.elementor-element-cfd330d { font-size: 17px; } } @media (max-width: 767px) { .elementor-16348 .elementor-element.elementor-element-cfd330d { font-size: 14px; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-578b57f */.elementor-16348 .elementor-element.elementor-element-578b57f { position: relative; z-index: 3 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-a0edd92 */.elementor-16348 .elementor-element.elementor-element-a0edd92 { width: 132px !important; height: 116px !important; margin: 0 !important; background-size: cover !important; background-position: center !important; background-repeat: no-repeat !important; clip-path: polygon( 25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50% ) !important; box-shadow: 0 16px 34px rgba(0,0,0,0.35), inset 0 1px 0 rgba(255,255,255,0.18) !important; transition: transform 0.25s ease, filter 0.25s ease !important; } .elementor-16348 .elementor-element.elementor-element-a0edd92:hover { transform: translateY(-5px) scale(1.04) !important; filter: brightness(1.08) !important; } @media (max-width: 1024px) { .elementor-16348 .elementor-element.elementor-element-a0edd92 { width: 112px !important; height: 98px !important; } } @media (max-width: 767px) { .elementor-16348 .elementor-element.elementor-element-a0edd92 { width: 118px !important; height: 104px !important; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-e8e1b7b */.elementor-16348 .elementor-element.elementor-element-e8e1b7b .elementor-heading-title { font-family: "Lato", sans-serif !important; color: #ffffff !important; font-size: 12px !important; font-weight: 900 !important; line-height: 1.1 !important; letter-spacing: 0.08em !important; text-transform: uppercase !important; margin: 0 !important; text-align: center !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-16a3837 */.elementor-16348 .elementor-element.elementor-element-16a3837 { width: 132px !important; max-width: 132px !important; display: flex !important; flex-direction: column !important; align-items: center !important; gap: 10px !important; text-align: center !important; } @media (max-width: 1024px) { .elementor-16348 .elementor-element.elementor-element-16a3837 { width: 112px !important; max-width: 112px !important; } } @media (max-width: 767px) { .elementor-16348 .elementor-element.elementor-element-16a3837 { width: 118px !important; max-width: 118px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b1e7abf */.elementor-16348 .elementor-element.elementor-element-b1e7abf { width: 132px !important; height: 116px !important; margin: 0 !important; background-size: cover !important; background-position: center !important; background-repeat: no-repeat !important; clip-path: polygon( 25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50% ) !important; box-shadow: 0 16px 34px rgba(0,0,0,0.35), inset 0 1px 0 rgba(255,255,255,0.18) !important; transition: transform 0.25s ease, filter 0.25s ease !important; } .elementor-16348 .elementor-element.elementor-element-b1e7abf:hover { transform: translateY(-5px) scale(1.04) !important; filter: brightness(1.08) !important; } @media (max-width: 1024px) { .elementor-16348 .elementor-element.elementor-element-b1e7abf { width: 112px !important; height: 98px !important; } } @media (max-width: 767px) { .elementor-16348 .elementor-element.elementor-element-b1e7abf { width: 118px !important; height: 104px !important; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-071f6b3 */.elementor-16348 .elementor-element.elementor-element-071f6b3 .elementor-heading-title { font-family: "Lato", sans-serif !important; color: #ffffff !important; font-size: 12px !important; font-weight: 900 !important; line-height: 1.1 !important; letter-spacing: 0.08em !important; text-transform: uppercase !important; margin: 0 !important; text-align: center !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-90c8a4d */.elementor-16348 .elementor-element.elementor-element-90c8a4d { width: 132px !important; max-width: 132px !important; display: flex !important; flex-direction: column !important; align-items: center !important; gap: 10px !important; text-align: center !important; } @media (max-width: 1024px) { .elementor-16348 .elementor-element.elementor-element-90c8a4d { width: 112px !important; max-width: 112px !important; } } @media (max-width: 767px) { .elementor-16348 .elementor-element.elementor-element-90c8a4d { width: 118px !important; max-width: 118px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-6583d83 */.elementor-16348 .elementor-element.elementor-element-6583d83 { width: 132px !important; height: 116px !important; margin: 0 !important; background-size: cover !important; background-position: center !important; background-repeat: no-repeat !important; clip-path: polygon( 25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50% ) !important; box-shadow: 0 16px 34px rgba(0,0,0,0.35), inset 0 1px 0 rgba(255,255,255,0.18) !important; transition: transform 0.25s ease, filter 0.25s ease !important; } .elementor-16348 .elementor-element.elementor-element-6583d83:hover { transform: translateY(-5px) scale(1.04) !important; filter: brightness(1.08) !important; } @media (max-width: 1024px) { .elementor-16348 .elementor-element.elementor-element-6583d83 { width: 112px !important; height: 98px !important; } } @media (max-width: 767px) { .elementor-16348 .elementor-element.elementor-element-6583d83 { width: 118px !important; height: 104px !important; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-29fadf8 */.elementor-16348 .elementor-element.elementor-element-29fadf8 .elementor-heading-title { font-family: "Lato", sans-serif !important; color: #ffffff !important; font-size: 12px !important; font-weight: 900 !important; line-height: 1.1 !important; letter-spacing: 0.08em !important; text-transform: uppercase !important; margin: 0 !important; text-align: center !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-88a2738 */.elementor-16348 .elementor-element.elementor-element-88a2738 { width: 132px !important; max-width: 132px !important; display: flex !important; flex-direction: column !important; align-items: center !important; gap: 10px !important; text-align: center !important; } @media (max-width: 1024px) { .elementor-16348 .elementor-element.elementor-element-88a2738 { width: 112px !important; max-width: 112px !important; } } @media (max-width: 767px) { .elementor-16348 .elementor-element.elementor-element-88a2738 { width: 118px !important; max-width: 118px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c2178f1 */.elementor-16348 .elementor-element.elementor-element-c2178f1 { width: 132px !important; height: 116px !important; margin: 0 !important; background-size: cover !important; background-position: center !important; background-repeat: no-repeat !important; clip-path: polygon( 25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50% ) !important; box-shadow: 0 16px 34px rgba(0,0,0,0.35), inset 0 1px 0 rgba(255,255,255,0.18) !important; transition: transform 0.25s ease, filter 0.25s ease !important; } .elementor-16348 .elementor-element.elementor-element-c2178f1:hover { transform: translateY(-5px) scale(1.04) !important; filter: brightness(1.08) !important; } @media (max-width: 1024px) { .elementor-16348 .elementor-element.elementor-element-c2178f1 { width: 112px !important; height: 98px !important; } } @media (max-width: 767px) { .elementor-16348 .elementor-element.elementor-element-c2178f1 { width: 118px !important; height: 104px !important; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-6aaa988 */.elementor-16348 .elementor-element.elementor-element-6aaa988 .elementor-heading-title { font-family: "Lato", sans-serif !important; color: #ffffff !important; font-size: 12px !important; font-weight: 900 !important; line-height: 1.1 !important; letter-spacing: 0.08em !important; text-transform: uppercase !important; margin: 0 !important; text-align: center !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-7f402f7 */.elementor-16348 .elementor-element.elementor-element-7f402f7 { width: 132px !important; max-width: 132px !important; display: flex !important; flex-direction: column !important; align-items: center !important; gap: 10px !important; text-align: center !important; } @media (max-width: 1024px) { .elementor-16348 .elementor-element.elementor-element-7f402f7 { width: 112px !important; max-width: 112px !important; } } @media (max-width: 767px) { .elementor-16348 .elementor-element.elementor-element-7f402f7 { width: 118px !important; max-width: 118px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-2d920cc */.elementor-16348 .elementor-element.elementor-element-2d920cc { display: flex !important; justify-content: center !important; align-items: flex-start !important; gap: 52px !important; flex-wrap: nowrap !important; margin: 0 auto 30px !important; } @media (max-width: 1024px) { .elementor-16348 .elementor-element.elementor-element-2d920cc { gap: 32px !important; } } /* MOBILE LAYOUT FIX */ @media (max-width: 767px) { .elementor-16348 .elementor-element.elementor-element-2d920cc { display: grid !important; grid-template-columns: repeat(2, 1fr) !important; justify-items: center !important; align-items: start !important; gap: 26px 18px !important; width: 100% !important; max-width: 280px !important; margin: 0 auto 20px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-76fe76a */.elementor-16348 .elementor-element.elementor-element-76fe76a { display: flex !important; justify-content: center !important; align-items: center !important; gap: 16px !important; flex-wrap: wrap !important; margin-top: 10px !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-224382f */.elementor-16348 .elementor-element.elementor-element-224382f { width: 100%; max-width: 1320px; margin: 0 auto; padding: 70px 50px 58px; border-radius: 28px; box-shadow: 0 30px 80px rgba(0,0,0,0.35), inset 0 1px 0 rgba(255,255,255,0.12) !important; } @media (max-width: 1024px) { .elementor-16348 .elementor-element.elementor-element-224382f { padding: 50px 28px 44px; border-radius: 24px; } } @media (max-width: 767px) { .elementor-16348 .elementor-element.elementor-element-224382f { padding: 34px 18px 30px; border-radius: 22px; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-bb43084 */.elementor-16348 .elementor-element.elementor-element-bb43084 { color: #fff302; text-align: center; font-size: 64px; font-weight: 700; line-height: 1; margin: 0 0 40px; } @media (max-width: 1024px) { .elementor-16348 .elementor-element.elementor-element-bb43084 { font-size: 48px; } } @media (max-width: 767px) { .elementor-16348 .elementor-element.elementor-element-bb43084 { font-size: 34px; margin-bottom: 28px; } }/* End custom CSS */ /* Start custom CSS for reviews, class: .elementor-element-0e7eac3 */.elementor-16348 .elementor-element.elementor-element-0e7eac3 { width: 100%; } /* keep slide spacing clean */ .elementor-16348 .elementor-element.elementor-element-0e7eac3 .swiper-wrapper { align-items: stretch; } /* main visible review card */ .elementor-16348 .elementor-element.elementor-element-0e7eac3 .swiper-slide { background: #f4f4f4 !important; border-radius: 36px !important; box-shadow: 0 14px 30px rgba(0,0,0,0.12) !important; padding: 28px 26px !important; overflow: hidden; height: auto !important; min-height: 340px; } /* remove weird inner card boxing if the widget adds it */ .elementor-16348 .elementor-element.elementor-element-0e7eac3 .swiper-slide > *, .elementor-16348 .elementor-element.elementor-element-0e7eac3 .swiper-slide .elementor-testimonial__content, .elementor-16348 .elementor-element.elementor-element-0e7eac3 .swiper-slide .testimonial-content, .elementor-16348 .elementor-element.elementor-element-0e7eac3 .swiper-slide .review-content { background: transparent !important; box-shadow: none !important; border: none !important; } /* reviewer name */ .elementor-16348 .elementor-element.elementor-element-0e7eac3 .elementor-testimonial__name, .elementor-16348 .elementor-element.elementor-element-0e7eac3 .testimonial-name, .elementor-16348 .elementor-element.elementor-element-0e7eac3 .reviewer-name, .elementor-16348 .elementor-element.elementor-element-0e7eac3 h3, .elementor-16348 .elementor-element.elementor-element-0e7eac3 h4 { color: #1a1a1a !important; font-size: 22px !important; font-weight: 700 !important; line-height: 1.2 !important; margin-bottom: 10px !important; text-transform: uppercase; } /* stars */ .elementor-16348 .elementor-element.elementor-element-0e7eac3 .elementor-star-rating i, .elementor-16348 .elementor-element.elementor-element-0e7eac3 .star-rating i, .elementor-16348 .elementor-element.elementor-element-0e7eac3 .stars i, .elementor-16348 .elementor-element.elementor-element-0e7eac3 .elementor-testimonial__rating i { color: #fff302 !important; font-size: 18px !important; } /* date */ .elementor-16348 .elementor-element.elementor-element-0e7eac3 .testimonial-date, .elementor-16348 .elementor-element.elementor-element-0e7eac3 .review-date, .elementor-16348 .elementor-element.elementor-element-0e7eac3 time, .elementor-16348 .elementor-element.elementor-element-0e7eac3 .meta, .elementor-16348 .elementor-element.elementor-element-0e7eac3 .elementor-testimonial__title { color: rgba(20,20,20,0.45) !important; font-size: 13px !important; text-transform: uppercase; letter-spacing: 0.06em; margin-bottom: 18px !important; } /* review text */ .elementor-16348 .elementor-element.elementor-element-0e7eac3 .elementor-testimonial__text, .elementor-16348 .elementor-element.elementor-element-0e7eac3 .testimonial-content, .elementor-16348 .elementor-element.elementor-element-0e7eac3 .review-content, .elementor-16348 .elementor-element.elementor-element-0e7eac3 p { color: rgba(20,20,20,0.84) !important; font-size: 18px !important; line-height: 1.65 !important; margin: 0 !important; } /* arrows */ .elementor-16348 .elementor-element.elementor-element-0e7eac3 .elementor-swiper-button, .elementor-16348 .elementor-element.elementor-element-0e7eac3 .swiper-button-prev, .elementor-16348 .elementor-element.elementor-element-0e7eac3 .swiper-button-next { width: 52px !important; height: 52px !important; border-radius: 50% !important; background: rgba(255,255,255,0.92) !important; color: #111 !important; border: 1px solid rgba(0,0,0,0.08) !important; box-shadow: 0 8px 20px rgba(0,0,0,0.12) !important; } /* dots */ .elementor-16348 .elementor-element.elementor-element-0e7eac3 .swiper-pagination-bullet { width: 8px !important; height: 8px !important; background: rgba(255,255,255,0.35) !important; opacity: 1 !important; } .elementor-16348 .elementor-element.elementor-element-0e7eac3 .swiper-pagination-bullet-active { width: 26px !important; border-radius: 999px !important; background: #fff302 !important; } /* tablet/mobile */ @media (max-width: 1024px) { .elementor-16348 .elementor-element.elementor-element-0e7eac3 .swiper-slide { border-radius: 28px !important; padding: 24px 20px !important; min-height: 300px; } .elementor-16348 .elementor-element.elementor-element-0e7eac3 .elementor-testimonial__text, .elementor-16348 .elementor-element.elementor-element-0e7eac3 .testimonial-content, .elementor-16348 .elementor-element.elementor-element-0e7eac3 .review-content, .elementor-16348 .elementor-element.elementor-element-0e7eac3 p { font-size: 16px !important; } } /* remove arrows completely */ .elementor-16348 .elementor-element.elementor-element-0e7eac3 .elementor-swiper-button, .elementor-16348 .elementor-element.elementor-element-0e7eac3 .swiper-button-prev, .elementor-16348 .elementor-element.elementor-element-0e7eac3 .swiper-button-next { display: none !important; } /* dots base */ .elementor-16348 .elementor-element.elementor-element-0e7eac3 .swiper-pagination-bullet { width: 6px !important; height: 6px !important; background: rgba(255,255,255,0.25) !important; opacity: 1 !important; transition: all 0.3s ease; } /* active dot */ .elementor-16348 .elementor-element.elementor-element-0e7eac3 .swiper-pagination-bullet-active { width: 24px !important; border-radius: 999px !important; background: #fff302 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-1927930 */.elementor-16348 .elementor-element.elementor-element-1927930 { background: transparent; padding: 70px 20px 90px; }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-b3f30a6 */.elementor-16348 .elementor-element.elementor-element-b3f30a6 .swiper-wrapper{ transition-timing-function: linear !important; }/* End custom CSS */ /* Start custom CSS */body { overflow-x: hidden; }/* End custom CSS */