.elementor-252 .elementor-element.elementor-element-ece09d0{--display:flex;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overlay-opacity:0.5;--padding-top:150px;--padding-bottom:150px;--padding-left:0px;--padding-right:0px;}.elementor-252 .elementor-element.elementor-element-ece09d0::before, .elementor-252 .elementor-element.elementor-element-ece09d0 > .elementor-background-video-container::before, .elementor-252 .elementor-element.elementor-element-ece09d0 > .e-con-inner > .elementor-background-video-container::before, .elementor-252 .elementor-element.elementor-element-ece09d0 > .elementor-background-slideshow::before, .elementor-252 .elementor-element.elementor-element-ece09d0 > .e-con-inner > .elementor-background-slideshow::before, .elementor-252 .elementor-element.elementor-element-ece09d0 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-f34bfad );--background-overlay:'';}.elementor-252 .elementor-element.elementor-element-dbf3bf0{--display:flex;}.elementor-252 .elementor-element.elementor-element-8c03cc1{text-align:center;}.elementor-252 .elementor-element.elementor-element-8c03cc1 .elementor-heading-title{color:var( --e-global-color-e0dbc55 );}.elementor-252 .elementor-element.elementor-element-47ed394{text-align:end;color:var( --e-global-color-e0dbc55 );}.elementor-252 .elementor-element.elementor-element-a3995f0 .elementor-button{background-color:var( --e-global-color-f34bfad );}.elementor-252 .elementor-element.elementor-element-1b014e9{--display:flex;}.elementor-252 .elementor-element.elementor-element-967c744{text-align:center;}.elementor-252 .elementor-element.elementor-element-967c744 .elementor-heading-title{color:var( --e-global-color-e0dbc55 );}.elementor-252 .elementor-element.elementor-element-54041e8{text-align:end;color:var( --e-global-color-e0dbc55 );}.elementor-252 .elementor-element.elementor-element-28d4602 .elementor-button{background-color:var( --e-global-color-f34bfad );}.elementor-252 .elementor-element.elementor-element-7b339198{margin-top:00px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-252 .elementor-element.elementor-element-67ef698d > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-252 .elementor-element.elementor-element-5a659b64{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-252 .elementor-element.elementor-element-5a659b64 .elementor-heading-title{font-family:var( --e-global-typography-fc31b1e-font-family ), Sans-serif;font-size:var( --e-global-typography-fc31b1e-font-size );font-weight:var( --e-global-typography-fc31b1e-font-weight );text-transform:var( --e-global-typography-fc31b1e-text-transform );font-style:var( --e-global-typography-fc31b1e-font-style );text-decoration:var( --e-global-typography-fc31b1e-text-decoration );letter-spacing:var( --e-global-typography-fc31b1e-letter-spacing );color:var( --e-global-color-text );}.elementor-252 .elementor-element.elementor-element-7d5c2cc{padding:0px 0px 50px 0px;text-align:center;}.elementor-252 .elementor-element.elementor-element-6d55d22.elementor-wc-products ul.products li.product{--button-align-display:flex;--button-align-direction:column;--button-align-justify:space-between;}.elementor-252 .elementor-element.elementor-element-6d55d22.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-252 .elementor-element.elementor-element-6d55d22.elementor-wc-products ul.products li.product span.onsale{display:block;}.elementor-252 .elementor-element.elementor-element-cb1d8d4 .elementor-button{background-color:var( --e-global-color-f34bfad );}.elementor-252 .elementor-element.elementor-element-f09fcc8 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-252 .elementor-element.elementor-element-f09fcc8{margin-top:00px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-bc-flex-widget .elementor-252 .elementor-element.elementor-element-b914ec6.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-252 .elementor-element.elementor-element-b914ec6.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-252 .elementor-element.elementor-element-b914ec6 > .elementor-element-populated{border-style:solid;border-width:0px 0px 1px 0px;border-color:var( --e-global-color-32908c4 );margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 70px 0px;}.elementor-252 .elementor-element.elementor-element-136b44f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 3px;padding:0px 0px 0px 0px;text-align:start;}.elementor-252 .elementor-element.elementor-element-136b44f .elementor-heading-title{font-family:var( --e-global-typography-fc31b1e-font-family ), Sans-serif;font-size:var( --e-global-typography-fc31b1e-font-size );font-weight:var( --e-global-typography-fc31b1e-font-weight );text-transform:var( --e-global-typography-fc31b1e-text-transform );font-style:var( --e-global-typography-fc31b1e-font-style );text-decoration:var( --e-global-typography-fc31b1e-text-decoration );letter-spacing:var( --e-global-typography-fc31b1e-letter-spacing );color:var( --e-global-color-text );}.elementor-252 .elementor-element.elementor-element-6b5963d{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;columns:1;text-align:justify;font-family:var( --e-global-typography-b6333e1-font-family ), Sans-serif;font-size:var( --e-global-typography-b6333e1-font-size );font-weight:var( --e-global-typography-b6333e1-font-weight );text-transform:var( --e-global-typography-b6333e1-text-transform );font-style:var( --e-global-typography-b6333e1-font-style );text-decoration:var( --e-global-typography-b6333e1-text-decoration );color:var( --e-global-color-text );}.elementor-252 .elementor-element.elementor-element-cbaa8e1 .elementor-button{background-color:var( --e-global-color-f34bfad );}.elementor-bc-flex-widget .elementor-252 .elementor-element.elementor-element-00854f7.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-252 .elementor-element.elementor-element-00854f7.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-252 .elementor-element.elementor-element-00854f7 > .elementor-element-populated{border-style:solid;border-width:0px 0px 1px 0px;border-color:var( --e-global-color-32908c4 );margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 70px 20px;}.elementor-252 .elementor-element.elementor-element-d8238a1 img{width:60%;}.elementor-252 .elementor-element.elementor-element-64cb76c2:not(.elementor-motion-effects-element-type-background), .elementor-252 .elementor-element.elementor-element-64cb76c2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://xioline.com/wp-content/uploads/2026/06/ChatGPT-Image-Jun-22-2026-12_19_11-PM.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-252 .elementor-element.elementor-element-64cb76c2{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:250px 0px 250px 0px;}.elementor-252 .elementor-element.elementor-element-64cb76c2 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-252 .elementor-element.elementor-element-185db658 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-252 .elementor-element.elementor-element-3d08970b > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-252 .elementor-element.elementor-element-3d08970b{margin-top:00px;margin-bottom:-54px;padding:0px 0px 0px 0px;}.elementor-252 .elementor-element.elementor-element-5a845ae7 > .elementor-element-populated{margin:-20px 50px 0px 0px;--e-column-margin-right:50px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-252 .elementor-element.elementor-element-5ce41d97{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:start;}.elementor-252 .elementor-element.elementor-element-5ce41d97 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:11px;font-weight:500;text-transform:uppercase;font-style:normal;text-decoration:none;letter-spacing:3px;color:var( --e-global-color-text );}.elementor-252 .elementor-element.elementor-element-5faeccb4{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:justify;font-family:var( --e-global-typography-b6333e1-font-family ), Sans-serif;font-size:var( --e-global-typography-b6333e1-font-size );font-weight:var( --e-global-typography-b6333e1-font-weight );text-transform:var( --e-global-typography-b6333e1-text-transform );font-style:var( --e-global-typography-b6333e1-font-style );text-decoration:var( --e-global-typography-b6333e1-text-decoration );color:var( --e-global-color-text );}.elementor-252 .elementor-element.elementor-element-746eb593 .elementor-button{background-color:var( --e-global-color-f34bfad );}.elementor-252 .elementor-element.elementor-element-746eb593 .elementor-button:hover, .elementor-252 .elementor-element.elementor-element-746eb593 .elementor-button:focus{background-color:var( --e-global-color-c542f99 );color:var( --e-global-color-7b221da );}.elementor-252 .elementor-element.elementor-element-746eb593{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-252 .elementor-element.elementor-element-746eb593 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-252 .elementor-element.elementor-element-746eb593 .elementor-button .elementor-button-content-wrapper{gap:15px;}.elementor-252 .elementor-element.elementor-element-746eb593 .elementor-button:hover svg, .elementor-252 .elementor-element.elementor-element-746eb593 .elementor-button:focus svg{fill:var( --e-global-color-7b221da );}.elementor-252 .elementor-element.elementor-element-18800c27:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-252 .elementor-element.elementor-element-18800c27 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://xioline.com/wp-content/uploads/2026/06/b8fae2bfc160ca3d69ca3d6fb8546d91.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-252 .elementor-element.elementor-element-18800c27 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-252 .elementor-element.elementor-element-18800c27 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-252 .elementor-element.elementor-element-13387152{--spacer-size:78vh;}.elementor-252 .elementor-element.elementor-element-557681ac > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-252 .elementor-element.elementor-element-557681ac{margin-top:0px;margin-bottom:00px;padding:0px 0px 0px 0px;}.elementor-252 .elementor-element.elementor-element-1e6cfb52:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-252 .elementor-element.elementor-element-1e6cfb52 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://xioline.com/wp-content/uploads/2026/06/d1acaf96332ba5f0b839941fd76d7444.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-252 .elementor-element.elementor-element-1e6cfb52 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-252 .elementor-element.elementor-element-1e6cfb52 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-252 .elementor-element.elementor-element-5f2804ac{--spacer-size:78vh;}.elementor-252 .elementor-element.elementor-element-70d6af19 > .elementor-element-populated{margin:40px 0px 0px 70px;--e-column-margin-right:0px;--e-column-margin-left:70px;padding:0px 0px 0px 0px;}.elementor-252 .elementor-element.elementor-element-509b280f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 3px;padding:0px 0px 0px 0px;text-align:start;}.elementor-252 .elementor-element.elementor-element-509b280f .elementor-heading-title{font-family:var( --e-global-typography-fc31b1e-font-family ), Sans-serif;font-size:var( --e-global-typography-fc31b1e-font-size );font-weight:var( --e-global-typography-fc31b1e-font-weight );text-transform:var( --e-global-typography-fc31b1e-text-transform );font-style:var( --e-global-typography-fc31b1e-font-style );text-decoration:var( --e-global-typography-fc31b1e-text-decoration );letter-spacing:var( --e-global-typography-fc31b1e-letter-spacing );color:var( --e-global-color-text );}.elementor-252 .elementor-element.elementor-element-48510634{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:justify;font-family:var( --e-global-typography-b6333e1-font-family ), Sans-serif;font-size:var( --e-global-typography-b6333e1-font-size );font-weight:var( --e-global-typography-b6333e1-font-weight );text-transform:var( --e-global-typography-b6333e1-text-transform );font-style:var( --e-global-typography-b6333e1-font-style );text-decoration:var( --e-global-typography-b6333e1-text-decoration );color:var( --e-global-color-text );}.elementor-252 .elementor-element.elementor-element-318d730c .elementor-button{background-color:var( --e-global-color-c542f99 );fill:var( --e-global-color-7b221da );color:var( --e-global-color-7b221da );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-7b221da );}.elementor-252 .elementor-element.elementor-element-318d730c .elementor-button:hover, .elementor-252 .elementor-element.elementor-element-318d730c .elementor-button:focus{background-color:var( --e-global-color-319d4b6 );color:var( --e-global-color-e0dbc55 );}.elementor-252 .elementor-element.elementor-element-318d730c{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-252 .elementor-element.elementor-element-318d730c .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-252 .elementor-element.elementor-element-318d730c .elementor-button .elementor-button-content-wrapper{gap:15px;}.elementor-252 .elementor-element.elementor-element-318d730c .elementor-button:hover svg, .elementor-252 .elementor-element.elementor-element-318d730c .elementor-button:focus svg{fill:var( --e-global-color-e0dbc55 );}:root{--page-title-display:none;}@media(min-width:768px){.elementor-252 .elementor-element.elementor-element-ece09d0{--content-width:1299px;}.elementor-252 .elementor-element.elementor-element-dbf3bf0{--width:53%;}.elementor-252 .elementor-element.elementor-element-1b014e9{--width:53%;}.elementor-252 .elementor-element.elementor-element-5a845ae7{width:56.956%;}.elementor-252 .elementor-element.elementor-element-18800c27{width:43%;}.elementor-252 .elementor-element.elementor-element-1e6cfb52{width:43%;}.elementor-252 .elementor-element.elementor-element-70d6af19{width:57%;}}@media(min-width:1025px){.elementor-252 .elementor-element.elementor-element-64cb76c2:not(.elementor-motion-effects-element-type-background), .elementor-252 .elementor-element.elementor-element-64cb76c2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}@media(max-width:1024px){.elementor-252 .elementor-element.elementor-element-7b339198{margin-top:70px;margin-bottom:0px;padding:0px 20px 0px 20px;}.elementor-252 .elementor-element.elementor-element-5a659b64 .elementor-heading-title{font-size:var( --e-global-typography-fc31b1e-font-size );letter-spacing:var( --e-global-typography-fc31b1e-letter-spacing );}.elementor-252 .elementor-element.elementor-element-6d55d22.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-252 .elementor-element.elementor-element-f09fcc8{margin-top:50px;margin-bottom:0px;padding:0px 20px 0px 20px;}.elementor-252 .elementor-element.elementor-element-b914ec6 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 30px 0px;}.elementor-252 .elementor-element.elementor-element-136b44f .elementor-heading-title{font-size:var( --e-global-typography-fc31b1e-font-size );letter-spacing:var( --e-global-typography-fc31b1e-letter-spacing );}.elementor-252 .elementor-element.elementor-element-6b5963d{font-size:var( --e-global-typography-b6333e1-font-size );}.elementor-252 .elementor-element.elementor-element-00854f7 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 30px 0px;}.elementor-252 .elementor-element.elementor-element-64cb76c2{margin-top:100px;margin-bottom:0px;padding:100px 0px 100px 0px;}.elementor-252 .elementor-element.elementor-element-3d08970b{margin-top:0px;margin-bottom:0px;padding:0px 20px 0px 20px;}.elementor-252 .elementor-element.elementor-element-5faeccb4{font-size:var( --e-global-typography-b6333e1-font-size );}.elementor-252 .elementor-element.elementor-element-557681ac{margin-top:0px;margin-bottom:0px;padding:0px 20px 0px 20px;}.elementor-252 .elementor-element.elementor-element-70d6af19 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 30px;}.elementor-252 .elementor-element.elementor-element-509b280f .elementor-heading-title{font-size:var( --e-global-typography-fc31b1e-font-size );letter-spacing:var( --e-global-typography-fc31b1e-letter-spacing );}.elementor-252 .elementor-element.elementor-element-48510634{font-size:var( --e-global-typography-b6333e1-font-size );}}@media(max-width:767px){.elementor-252 .elementor-element.elementor-element-ece09d0{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-252 .elementor-element.elementor-element-1b014e9{--min-height:365px;--justify-content:flex-end;--padding-top:0px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;}.elementor-252 .elementor-element.elementor-element-967c744 .elementor-heading-title{font-size:38px;}.elementor-252 .elementor-element.elementor-element-54041e8{text-align:center;}.elementor-252 .elementor-element.elementor-element-7b339198{margin-top:50px;margin-bottom:0px;padding:0px 20px 0px 20px;}.elementor-252 .elementor-element.elementor-element-5a659b64 .elementor-heading-title{font-size:var( --e-global-typography-fc31b1e-font-size );letter-spacing:var( --e-global-typography-fc31b1e-letter-spacing );}.elementor-252 .elementor-element.elementor-element-6d55d22.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-252 .elementor-element.elementor-element-f09fcc8{margin-top:0px;margin-bottom:0px;padding:0px 20px 0px 20px;}.elementor-252 .elementor-element.elementor-element-b914ec6 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 25px 0px;}.elementor-252 .elementor-element.elementor-element-136b44f{text-align:center;}.elementor-252 .elementor-element.elementor-element-136b44f .elementor-heading-title{font-size:var( --e-global-typography-fc31b1e-font-size );letter-spacing:var( --e-global-typography-fc31b1e-letter-spacing );}.elementor-252 .elementor-element.elementor-element-00ff07d{text-align:center;}.elementor-252 .elementor-element.elementor-element-6b5963d{font-size:var( --e-global-typography-b6333e1-font-size );}.elementor-252 .elementor-element.elementor-element-00854f7 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 25px 0px;}.elementor-252 .elementor-element.elementor-element-64cb76c2{margin-top:100px;margin-bottom:0px;padding:100px 0px 100px 0px;}.elementor-252 .elementor-element.elementor-element-3d08970b{margin-top:0px;margin-bottom:0px;padding:0px 20px 0px 20px;}.elementor-252 .elementor-element.elementor-element-5a845ae7 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-252 .elementor-element.elementor-element-5ce41d97 .elementor-heading-title{font-size:11px;letter-spacing:1.8px;}.elementor-252 .elementor-element.elementor-element-b7e09bd{text-align:center;}.elementor-252 .elementor-element.elementor-element-b7e09bd .elementor-heading-title{font-size:35px;}.elementor-252 .elementor-element.elementor-element-5faeccb4{font-size:var( --e-global-typography-b6333e1-font-size );}.elementor-252 .elementor-element.elementor-element-18800c27 > .elementor-element-populated{margin:50px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-252 .elementor-element.elementor-element-557681ac{margin-top:0px;margin-bottom:0px;padding:0px 20px 0px 20px;}.elementor-252 .elementor-element.elementor-element-1e6cfb52 > .elementor-element-populated{margin:50px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-252 .elementor-element.elementor-element-70d6af19 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-252 .elementor-element.elementor-element-509b280f .elementor-heading-title{font-size:var( --e-global-typography-fc31b1e-font-size );letter-spacing:var( --e-global-typography-fc31b1e-letter-spacing );}.elementor-252 .elementor-element.elementor-element-ee80982{text-align:center;}.elementor-252 .elementor-element.elementor-element-48510634{padding:0px 0px 20px 0px;font-size:var( --e-global-typography-b6333e1-font-size );}}/* Start custom CSS for container, class: .elementor-element-ece09d0 *//* =========================================================
   XIOLINE PREMIUM HOME HERO
   Outer class: xioline-home-hero
   Content class: xioline-hero-content
========================================================= */

.xioline-home-hero {
    position: relative;
    isolation: isolate;
    overflow: hidden;

    min-height: 760px;

    display: flex;
    align-items: center;

    background-position: center center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;

    border-bottom: 1px solid rgba(255, 255, 255, 0.13);
}

/* Refined dark overlay */
.xioline-home-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;

    background:
        radial-gradient(
            circle at 73% 45%,
            rgba(0, 0, 0, 0.10) 0%,
            rgba(0, 0, 0, 0.30) 43%,
            rgba(0, 0, 0, 0.62) 100%
        ),
        linear-gradient(
            90deg,
            rgba(0, 0, 0, 0.23) 0%,
            rgba(0, 0, 0, 0.10) 42%,
            rgba(0, 0, 0, 0.50) 100%
        );
}

/* Soft luxury vignette */
.xioline-home-hero::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;

    box-shadow:
        inset 0 0 130px rgba(0, 0, 0, 0.43),
        inset 0 -90px 100px rgba(0, 0, 0, 0.22);
}

/* Keep all Elementor content above overlay */
.xioline-home-hero > .elementor-container,
.xioline-home-hero > .e-con-inner,
.xioline-home-hero > .e-con {
    position: relative;
    z-index: 2;
    width: 100%;
}

/* =========================================================
   HERO CONTENT PANEL
========================================================= */

.xioline-home-hero .xioline-hero-content {
    position: relative;
    overflow: hidden;

    width: min(630px, 100%);
    margin-left: auto;

    padding: 62px 62px 58px !important;

    background:
        linear-gradient(
            145deg,
            rgba(10, 10, 10, 0.76),
            rgba(17, 17, 17, 0.54)
        );

    border: 1px solid rgba(255, 255, 255, 0.27);
    border-radius: 30px;

    box-shadow:
        0 35px 90px rgba(0, 0, 0, 0.40),
        inset 0 1px 0 rgba(255, 255, 255, 0.13),
        inset 0 -1px 0 rgba(255, 255, 255, 0.04);

    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
}

/* Fine inner frame */
.xioline-home-hero .xioline-hero-content::before {
    content: "";
    position: absolute;
    inset: 10px;

    border: 1px solid rgba(255, 255, 255, 0.10);
    border-radius: 22px;

    pointer-events: none;
}

/* Bottom-right luxury corner */
.xioline-home-hero .xioline-hero-content::after {
    content: "";
    position: absolute;
    right: 25px;
    bottom: 25px;

    width: 65px;
    height: 65px;

    border-right: 1px solid rgba(255, 255, 255, 0.44);
    border-bottom: 1px solid rgba(255, 255, 255, 0.44);
    border-radius: 0 0 16px 0;

    pointer-events: none;
}

/* Keep widgets above panel decoration */
.xioline-home-hero .xioline-hero-content > .elementor-element,
.xioline-home-hero .xioline-hero-content .elementor-widget {
    position: relative;
    z-index: 2;
}

/* Remove unwanted widget gaps */
.xioline-home-hero .xioline-hero-content .elementor-widget {
    margin-bottom: 0;
}

/* =========================================================
   SMALL EYEBROW HEADING
========================================================= */

.xioline-home-hero
.xioline-hero-content
.elementor-widget-heading:first-child {
    position: relative;
    margin-bottom: 20px !important;
    padding-left: 58px;
}

.xioline-home-hero
.xioline-hero-content
.elementor-widget-heading:first-child::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;

    width: 38px;
    height: 1px;

    transform: translateY(-50%);

    background: rgba(255, 255, 255, 0.82);
}

.xioline-home-hero
.xioline-hero-content
.elementor-widget-heading:first-child
.elementor-heading-title {
    margin: 0 !important;

    color: rgba(255, 255, 255, 0.82) !important;

    font-family: "Montserrat", Arial, sans-serif !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;

    letter-spacing: 5px;
    text-transform: uppercase;
}

/* =========================================================
   MAIN HERO HEADING
========================================================= */

.xioline-home-hero .xioline-hero-content .elementor-heading-title,
.xioline-home-hero .xioline-hero-content .jkit-heading-main,
.xioline-home-hero .xioline-hero-content .jkit-dual-heading-title {
    margin: 0 !important;

    color: #ffffff !important;

    font-family:
        "Cormorant Garamond",
        "Playfair Display",
        Georgia,
        serif !important;

    font-size: clamp(58px, 5.6vw, 86px) !important;
    font-weight: 400 !important;
    line-height: 0.94 !important;

    letter-spacing: -1.8px;
    text-shadow: 0 5px 25px rgba(0, 0, 0, 0.42);
}

/* Highlighted second line */
.xioline-home-hero .xioline-hero-content .jkit-heading-highlight {
    position: relative;
    display: inline-block;

    color: #d9d9d9 !important;

    font-family:
        "Cormorant Garamond",
        "Playfair Display",
        Georgia,
        serif !important;

    font-size: clamp(56px, 5.4vw, 82px) !important;
    font-weight: 400 !important;
    font-style: italic;
    line-height: 0.98 !important;
}

/* Elegant underline */
.xioline-home-hero
.xioline-hero-content
.jkit-heading-highlight::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -9px;

    width: 78%;
    height: 1px;

    background: linear-gradient(
        90deg,
        #ffffff,
        rgba(255, 255, 255, 0)
    );
}

/* Space after heading area */
.xioline-home-hero
.xioline-hero-content
.elementor-widget-heading,
.xioline-home-hero
.xioline-hero-content
.elementor-widget-jkit_dual_heading {
    margin-bottom: 0 !important;
}

.xioline-home-hero
.xioline-hero-content
.elementor-widget-jkit_dual_heading:last-of-type {
    margin-bottom: 38px !important;
}

/* =========================================================
   HERO PARAGRAPH
========================================================= */

.xioline-home-hero
.xioline-hero-content
.elementor-widget-text-editor {
    max-width: 560px;
    margin: 34px auto 38px !important;
}

.xioline-home-hero
.xioline-hero-content
.elementor-widget-text-editor,
.xioline-home-hero
.xioline-hero-content
.elementor-widget-text-editor p {
    color: rgba(255, 255, 255, 0.78) !important;

    font-family: "Montserrat", Arial, sans-serif !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    line-height: 1.75 !important;

    letter-spacing: 0.15px;
    text-align: center;
}

.xioline-home-hero
.xioline-hero-content
.elementor-widget-text-editor p {
    margin: 0 !important;
}

/* =========================================================
   HERO BUTTON
========================================================= */

.xioline-home-hero
.xioline-hero-content
.elementor-widget-button {
    text-align: center;
}

.xioline-home-hero
.xioline-hero-content
.elementor-button {
    position: relative;
    overflow: hidden;

    min-width: 245px;

    padding: 20px 34px !important;

    color: #111111 !important;
    background: #ffffff !important;

    border: 1px solid #ffffff !important;
    border-radius: 8px !important;

    box-shadow:
        0 18px 42px rgba(0, 0, 0, 0.28),
        inset 0 1px 0 rgba(255, 255, 255, 0.80);

    font-family: "Montserrat", Arial, sans-serif !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;

    letter-spacing: 4px;
    text-transform: uppercase;

    transition:
        transform 0.35s ease,
        color 0.35s ease,
        background-color 0.35s ease,
        border-color 0.35s ease,
        box-shadow 0.35s ease;
}

/* Button shine */
.xioline-home-hero
.xioline-hero-content
.elementor-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -130%;

    width: 85%;
    height: 100%;

    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 255, 255, 0.30),
        transparent
    );

    transform: skewX(-22deg);
    transition: left 0.55s ease;
}

.xioline-home-hero
.xioline-hero-content
.elementor-button:hover {
    transform: translateY(-4px);

    color: #ffffff !important;
    background: #111111 !important;

    border-color: rgba(255, 255, 255, 0.65) !important;

    box-shadow:
        0 24px 52px rgba(0, 0, 0, 0.38);
}

.xioline-home-hero
.xioline-hero-content
.elementor-button:hover::before {
    left: 130%;
}

/* =========================================================
   OPTIONAL BACKGROUND MOTION
========================================================= */

.xioline-home-hero {
    animation: xiolineHeroZoom 18s ease-in-out infinite alternate;
}

@keyframes xiolineHeroZoom {
    from {
        background-size: 100% auto;
    }

    to {
        background-size: 106% auto;
    }
}

/* Disable animation for users who prefer less motion */
@media (prefers-reduced-motion: reduce) {
    .xioline-home-hero {
        animation: none;
    }
}

/* =========================================================
   TABLET
========================================================= */

@media only screen and (max-width: 1024px) {

    .xioline-home-hero {
        min-height: 680px;
        animation: none;
        background-size: cover !important;
    }

    .xioline-home-hero .xioline-hero-content {
        width: min(560px, 100%);
        padding: 52px 45px 50px !important;
    }

    .xioline-home-hero .xioline-hero-content .elementor-heading-title,
    .xioline-home-hero .xioline-hero-content .jkit-heading-main,
    .xioline-home-hero .xioline-hero-content .jkit-dual-heading-title {
        font-size: 64px !important;
    }

    .xioline-home-hero .xioline-hero-content .jkit-heading-highlight {
        font-size: 61px !important;
    }
}

/* =========================================================
   MOBILE
========================================================= */

@media only screen and (max-width: 767px) {

    .xioline-home-hero {
        min-height: 620px !important;

        align-items: flex-end;

        background-position: center center !important;
        background-size: cover !important;
        animation: none;
    }

    .xioline-home-hero::before {
        background:
            linear-gradient(
                180deg,
                rgba(0, 0, 0, 0.20) 0%,
                rgba(0, 0, 0, 0.32) 38%,
                rgba(0, 0, 0, 0.82) 100%
            );
    }

    .xioline-home-hero .xioline-hero-content {
        width: calc(100% - 24px);
        margin: 0 auto 18px;

        padding: 38px 22px 36px !important;

        border-radius: 22px;

        backdrop-filter: blur(10px);
        -webkit-backdrop-filter: blur(10px);
    }

    .xioline-home-hero .xioline-hero-content::before {
        inset: 7px;
        border-radius: 16px;
    }

    .xioline-home-hero .xioline-hero-content::after {
        right: 18px;
        bottom: 18px;

        width: 44px;
        height: 44px;
    }

    .xioline-home-hero
    .xioline-hero-content
    .elementor-widget-heading:first-child {
        padding-left: 44px;
        margin-bottom: 15px !important;
    }

    .xioline-home-hero
    .xioline-hero-content
    .elementor-widget-heading:first-child::before {
        width: 27px;
    }

    .xioline-home-hero
    .xioline-hero-content
    .elementor-widget-heading:first-child
    .elementor-heading-title {
        font-size: 9px !important;
        letter-spacing: 3px;
    }

    .xioline-home-hero .xioline-hero-content .elementor-heading-title,
    .xioline-home-hero .xioline-hero-content .jkit-heading-main,
    .xioline-home-hero .xioline-hero-content .jkit-dual-heading-title {
        font-size: 44px !important;
        line-height: 0.98 !important;
        text-align: center;
    }

    .xioline-home-hero .xioline-hero-content .jkit-heading-highlight {
        font-size: 42px !important;
        line-height: 1 !important;
    }

    .xioline-home-hero
    .xioline-hero-content
    .elementor-widget-text-editor {
        margin: 28px auto 30px !important;
    }

    .xioline-home-hero
    .xioline-hero-content
    .elementor-widget-text-editor,
    .xioline-home-hero
    .xioline-hero-content
    .elementor-widget-text-editor p {
        font-size: 13px !important;
        line-height: 1.65 !important;
    }

    .xioline-home-hero
    .xioline-hero-content
    .elementor-button {
        width: 100%;
        min-width: 0;

        padding: 18px 18px !important;

        font-size: 9px !important;
        letter-spacing: 3px;
    }
}

/* =========================================================
   SMALL MOBILE
========================================================= */

@media only screen and (max-width: 420px) {

    .xioline-home-hero {
        min-height: 570px !important;
    }

    .xioline-home-hero .xioline-hero-content {
        width: calc(100% - 18px);
        margin-bottom: 10px;

        padding: 32px 17px 30px !important;
    }

    .xioline-home-hero .xioline-hero-content .elementor-heading-title,
    .xioline-home-hero .xioline-hero-content .jkit-heading-main,
    .xioline-home-hero .xioline-hero-content .jkit-dual-heading-title {
        font-size: 38px !important;
    }

    .xioline-home-hero .xioline-hero-content .jkit-heading-highlight {
        font-size: 37px !important;
    }

    .xioline-home-hero
    .xioline-hero-content
    .elementor-widget-text-editor,
    .xioline-home-hero
    .xioline-hero-content
    .elementor-widget-text-editor p {
        font-size: 12px !important;
    }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-7b339198 *//* =========================================================
   XIOLINE PREMIUM HOME PRODUCT COLLECTION
   Main section class: xioline-home-products
========================================================= */

.xioline-home-products {
    position: relative;
    overflow: hidden;
    isolation: isolate;

    padding: 88px 45px 82px !important;

    background:
        radial-gradient(
            circle at 50% -20%,
            rgba(17, 17, 17, 0.045),
            transparent 42%
        ),
        linear-gradient(
            135deg,
            #ffffff 0%,
            #f6f6f6 50%,
            #ffffff 100%
        ) !important;

    border-top: 1px solid rgba(17, 17, 17, 0.08);
    border-bottom: 1px solid rgba(17, 17, 17, 0.08);
}

/* Subtle decorative circle */
.xioline-home-products::before {
    content: "";
    position: absolute;
    top: -260px;
    right: -180px;

    width: 560px;
    height: 560px;

    border: 1px solid rgba(17, 17, 17, 0.045);
    border-radius: 50%;

    pointer-events: none;
    z-index: 0;
}

/* Premium top line */
.xioline-home-products::after {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;

    width: 52%;
    height: 1px;

    transform: translateX(-50%);

    background: linear-gradient(
        90deg,
        transparent,
        rgba(17, 17, 17, 0.55),
        transparent
    );

    pointer-events: none;
    z-index: 2;
}

/* Inner container */
.xioline-home-products > .elementor-container,
.xioline-home-products > .e-con-inner,
.xioline-home-products > .e-con {
    position: relative;
    z-index: 2;

    max-width: 1380px;
    margin: 0 auto;
}

/* Remove unnecessary widget spacing */
.xioline-home-products .elementor-widget {
    margin-bottom: 0;
}

/* =========================================================
   SMALL TOP HEADING
========================================================= */

.xioline-home-products
.elementor-widget-heading:first-child {
    position: relative;

    margin-bottom: 22px !important;
    padding-left: 56px;
}

.xioline-home-products
.elementor-widget-heading:first-child::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;

    width: 36px;
    height: 1px;

    transform: translateY(-50%);

    background: #111111;
}

.xioline-home-products
.elementor-widget-heading:first-child
.elementor-heading-title {
    margin: 0 !important;

    color: #666666 !important;

    font-family: "Montserrat", Arial, sans-serif !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;

    letter-spacing: 5px;
    text-transform: uppercase;
}

/* =========================================================
   MAIN SECTION HEADING
========================================================= */

.xioline-home-products
.elementor-widget-heading:nth-child(2) {
    margin-bottom: 48px !important;
}

.xioline-home-products
.elementor-widget-heading:nth-child(2)
.elementor-heading-title {
    position: relative;

    margin: 0 !important;
    padding-bottom: 22px;

    color: #111111 !important;

    font-family:
        "Cormorant Garamond",
        "Playfair Display",
        Georgia,
        serif !important;

    font-size: clamp(48px, 5vw, 68px) !important;
    font-weight: 500 !important;
    line-height: 1.05 !important;

    letter-spacing: -1.2px;
}

/* Decorative line under main heading */
.xioline-home-products
.elementor-widget-heading:nth-child(2)
.elementor-heading-title::after {
    content: "";
    position: absolute;

    left: 0;
    bottom: 0;

    width: 105px;
    height: 1px;

    background: linear-gradient(
        90deg,
        #111111,
        transparent
    );
}

/* =========================================================
   PRODUCT GRID
========================================================= */

.xioline-home-products ul.products {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;

    gap: 24px !important;

    margin: 0 !important;
    padding: 0 !important;
}

/* Product card */
.xioline-home-products ul.products li.product {
    position: relative;
    overflow: hidden;

    width: 100% !important;
    margin: 0 !important;
    padding: 13px 13px 24px !important;

    background:
        linear-gradient(
            145deg,
            #ffffff 0%,
            #f3f3f3 100%
        );

    border: 1px solid rgba(17, 17, 17, 0.10);
    border-radius: 22px;

    box-shadow:
        0 18px 45px rgba(0, 0, 0, 0.07),
        inset 0 1px 0 rgba(255, 255, 255, 1);

    transition:
        transform 0.4s ease,
        border-color 0.4s ease,
        box-shadow 0.4s ease;
}

/* Card top accent */
.xioline-home-products ul.products li.product::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;

    width: 45%;
    height: 2px;

    transform: translateX(-50%);

    background: linear-gradient(
        90deg,
        transparent,
        #111111,
        transparent
    );

    opacity: 0.42;
}

.xioline-home-products ul.products li.product:hover {
    transform: translateY(-9px);

    border-color: rgba(17, 17, 17, 0.26);

    box-shadow:
        0 30px 68px rgba(0, 0, 0, 0.12),
        inset 0 1px 0 rgba(255, 255, 255, 1);
}

/* Product link */
.xioline-home-products
ul.products
li.product
.woocommerce-LoopProduct-link {
    display: block;

    color: inherit !important;
    text-decoration: none !important;
}

/* =========================================================
   PRODUCT IMAGE
========================================================= */

.xioline-home-products ul.products li.product img {
    display: block;

    width: 100% !important;
    aspect-ratio: 1 / 1;

    margin: 0 0 20px !important;
    padding: 10px;

    object-fit: contain;

    background: #ffffff;

    border: 1px solid rgba(17, 17, 17, 0.07);
    border-radius: 16px;

    box-shadow:
        0 12px 30px rgba(0, 0, 0, 0.055);

    transition:
        transform 0.55s ease,
        filter 0.55s ease,
        box-shadow 0.55s ease;
}

.xioline-home-products
ul.products
li.product:hover
img {
    transform: scale(1.025);

    filter:
        saturate(1.03)
        contrast(1.02);

    box-shadow:
        0 18px 40px rgba(0, 0, 0, 0.09);
}

/* =========================================================
   SALE BADGE
========================================================= */

.xioline-home-products ul.products li.product .onsale {
    position: absolute !important;

    top: 18px !important;
    right: 18px !important;
    left: auto !important;

    width: 56px !important;
    height: 56px !important;
    min-width: 56px !important;
    min-height: 56px !important;

    margin: 0 !important;
    padding: 0 !important;

    display: grid !important;
    place-items: center !important;

    color: #ffffff !important;
    background: #111111 !important;

    border: 4px solid #ffffff !important;
    border-radius: 50% !important;

    box-sizing: border-box !important;

    font-family: "Montserrat", Arial, sans-serif !important;
    font-size: 8px !important;
    font-weight: 700 !important;
    line-height: 1 !important;

    letter-spacing: 1px !important;
    text-align: center !important;
    text-transform: uppercase !important;

    box-shadow:
        0 12px 28px rgba(0, 0, 0, 0.22);

    z-index: 10;
}

/* =========================================================
   PRODUCT TITLE
========================================================= */

.xioline-home-products
ul.products
li.product
.woocommerce-loop-product__title {
    margin: 0 7px 12px !important;

    color: #111111 !important;

    font-family:
        "Cormorant Garamond",
        "Playfair Display",
        Georgia,
        serif !important;

    font-size: 23px !important;
    font-weight: 500 !important;
    line-height: 1.25 !important;

    letter-spacing: 0.1px;

    transition: color 0.3s ease;
}

.xioline-home-products
ul.products
li.product:hover
.woocommerce-loop-product__title {
    color: #4b4b4b !important;
}

/* =========================================================
   PRODUCT PRICE
========================================================= */

.xioline-home-products ul.products li.product .price {
    display: flex;
    align-items: center;
    flex-wrap: wrap;

    gap: 8px;

    min-height: 27px;

    margin: 0 7px 20px !important;

    color: #111111 !important;

    font-family: "Montserrat", Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
}

.xioline-home-products ul.products li.product .price del {
    color: #888888 !important;
    opacity: 1 !important;

    font-size: 12px !important;
    font-weight: 400 !important;
}

.xioline-home-products ul.products li.product .price ins {
    color: #111111 !important;
    background: transparent !important;

    font-size: 15px !important;
    font-weight: 600 !important;

    text-decoration: none !important;

    border-bottom: 1px solid #111111;
}

/* =========================================================
   ADD TO CART BUTTON
========================================================= */

.xioline-home-products ul.products li.product .button {
    position: relative;
    overflow: hidden;

    width: calc(100% - 14px);

    margin: 0 7px !important;
    padding: 15px 16px !important;

    color: #ffffff !important;
    background: #111111 !important;

    border: 1px solid #111111 !important;
    border-radius: 9px !important;

    box-shadow:
        0 13px 29px rgba(0, 0, 0, 0.16),
        inset 0 1px 0 rgba(255, 255, 255, 0.10);

    font-family: "Montserrat", Arial, sans-serif !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;

    letter-spacing: 3px;
    text-align: center;
    text-transform: uppercase;

    transition:
        transform 0.35s ease,
        color 0.35s ease,
        background-color 0.35s ease,
        box-shadow 0.35s ease;
}

/* Button shine */
.xioline-home-products
ul.products
li.product
.button::before {
    content: "";
    position: absolute;

    top: 0;
    left: -130%;

    width: 85%;
    height: 100%;

    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 255, 255, 0.23),
        transparent
    );

    transform: skewX(-22deg);
    transition: left 0.55s ease;
}

.xioline-home-products
ul.products
li.product
.button:hover {
    transform: translateY(-3px);

    color: #111111 !important;
    background: #ffffff !important;

    border-color: #111111 !important;

    box-shadow:
        0 18px 38px rgba(0, 0, 0, 0.14);
}

.xioline-home-products
ul.products
li.product
.button:hover::before {
    left: 130%;
}

/* View-cart link */
.xioline-home-products ul.products li.product .added_to_cart {
    display: block;

    margin: 12px 7px 0 !important;

    color: #111111 !important;

    font-family: "Montserrat", Arial, sans-serif !important;
    font-size: 10px !important;
    font-weight: 600 !important;

    letter-spacing: 2px;
    text-align: center;
    text-transform: uppercase;
}

/* =========================================================
   VIEW MORE PRODUCTS BUTTON
========================================================= */

.xioline-home-products
.elementor-widget-button {
    margin-top: 38px !important;
    text-align: center;
}

.xioline-home-products
.elementor-widget-button
.elementor-button {
    position: relative;
    overflow: hidden;

    min-width: 290px;

    padding: 19px 34px !important;

    color: #ffffff !important;
    background: #111111 !important;

    border: 1px solid #111111 !important;
    border-radius: 8px !important;

    box-shadow:
        0 16px 36px rgba(0, 0, 0, 0.18);

    font-family: "Montserrat", Arial, sans-serif !important;
    font-size: 10px !important;
    font-weight: 700 !important;

    letter-spacing: 4px;
    text-transform: uppercase;

    transition:
        transform 0.35s ease,
        color 0.35s ease,
        background-color 0.35s ease,
        box-shadow 0.35s ease;
}

.xioline-home-products
.elementor-widget-button
.elementor-button:hover {
    transform: translateY(-4px);

    color: #111111 !important;
    background: #ffffff !important;

    box-shadow:
        0 22px 45px rgba(0, 0, 0, 0.16);
}

/* =========================================================
   TABLET
========================================================= */

@media only screen and (max-width: 1024px) {

    .xioline-home-products {
        padding: 72px 28px 72px !important;
    }

    .xioline-home-products ul.products {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 20px !important;
    }

    .xioline-home-products
    .elementor-widget-heading:nth-child(2)
    .elementor-heading-title {
        font-size: 54px !important;
    }

    .xioline-home-products
    ul.products
    li.product
    .woocommerce-loop-product__title {
        font-size: 21px !important;
    }
}

/* =========================================================
   MOBILE
========================================================= */

@media only screen and (max-width: 767px) {

    .xioline-home-products {
        padding: 55px 12px 60px !important;
    }

    /* Centre heading area */
    .xioline-home-products
    .elementor-widget-heading:first-child {
        padding-left: 0;
        text-align: center;
    }

    .xioline-home-products
    .elementor-widget-heading:first-child::before {
        display: none;
    }

    .xioline-home-products
    .elementor-widget-heading:first-child
    .elementor-heading-title {
        font-size: 10px !important;
        letter-spacing: 3.5px;
        text-align: center;
    }

    .xioline-home-products
    .elementor-widget-heading:nth-child(2) {
        margin-bottom: 32px !important;
    }

    .xioline-home-products
    .elementor-widget-heading:nth-child(2)
    .elementor-heading-title {
        font-size: 40px !important;
        line-height: 1.08 !important;
        text-align: center;
    }

    .xioline-home-products
    .elementor-widget-heading:nth-child(2)
    .elementor-heading-title::after {
        left: 50%;
        width: 82px;

        transform: translateX(-50%);
    }

    /* Two products per row */
    .xioline-home-products ul.products {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
    }

    .xioline-home-products ul.products li.product {
        padding: 7px 7px 15px !important;

        border-radius: 16px;
    }

    .xioline-home-products ul.products li.product img {
        margin-bottom: 13px !important;
        padding: 4px;

        border-radius: 11px;
    }

    .xioline-home-products ul.products li.product .onsale {
        top: 9px !important;
        right: 9px !important;

        width: 44px !important;
        height: 44px !important;
        min-width: 44px !important;
        min-height: 44px !important;

        border-width: 3px !important;

        font-size: 7px !important;
        letter-spacing: 0.6px !important;
    }

    .xioline-home-products
    ul.products
    li.product
    .woocommerce-loop-product__title {
        margin: 0 3px 8px !important;

        font-size: 17px !important;
        line-height: 1.2 !important;
    }

    .xioline-home-products ul.products li.product .price {
        gap: 4px;

        margin: 0 3px 12px !important;

        font-size: 12px !important;
    }

    .xioline-home-products ul.products li.product .price del {
        font-size: 10px !important;
    }

    .xioline-home-products ul.products li.product .price ins {
        font-size: 12px !important;
    }

    .xioline-home-products ul.products li.product .button {
        width: calc(100% - 6px);

        margin: 0 3px !important;
        padding: 12px 6px !important;

        font-size: 8px !important;
        letter-spacing: 1.5px;

        border-radius: 7px !important;
    }

    .xioline-home-products ul.products li.product:hover {
        transform: none;
    }

    .xioline-home-products
    .elementor-widget-button {
        margin-top: 28px !important;
    }

    .xioline-home-products
    .elementor-widget-button
    .elementor-button {
        width: 100%;
        min-width: 0;

        padding: 17px 18px !important;

        font-size: 9px !important;
        letter-spacing: 3px;
    }
}

/* =========================================================
   SMALL MOBILE
========================================================= */

@media only screen and (max-width: 420px) {

    .xioline-home-products {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }

    .xioline-home-products
    .elementor-widget-heading:nth-child(2)
    .elementor-heading-title {
        font-size: 35px !important;
    }

    .xioline-home-products ul.products {
        gap: 8px !important;
    }

    .xioline-home-products
    ul.products
    li.product
    .woocommerce-loop-product__title {
        font-size: 15px !important;
    }

    .xioline-home-products ul.products li.product .button {
        font-size: 7px !important;
        letter-spacing: 1px;
    }
}




/* ==========================================
   CENTER COLLECTION HEADING LINE
   Desktop + Tablet + Mobile
========================================== */

.xioline-home-products
.elementor-widget-heading:nth-child(2) {
    text-align: center !important;
}

.xioline-home-products
.elementor-widget-heading:nth-child(2)
.elementor-heading-title {
    text-align: center !important;
}

.xioline-home-products
.elementor-widget-heading:nth-child(2)
.elementor-heading-title::after {
    left: 50% !important;
    right: auto !important;

    transform: translateX(-50%) !important;

    width: 105px !important;
}

/* Tablet */
@media only screen and (max-width: 1024px) {

    .xioline-home-products
    .elementor-widget-heading:nth-child(2)
    .elementor-heading-title::after {
        width: 92px !important;
    }
}

/* Mobile */
@media only screen and (max-width: 767px) {

    .xioline-home-products
    .elementor-widget-heading:nth-child(2)
    .elementor-heading-title::after {
        width: 82px !important;
    }
}

/* Small mobile */
@media only screen and (max-width: 420px) {

    .xioline-home-products
    .elementor-widget-heading:nth-child(2)
    .elementor-heading-title::after {
        width: 70px !important;
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-cbaa8e1 *//* ==========================================
   XIOLINE PREMIUM ABOUT BUTTON
========================================== */

.xioline-about-button {
    text-align: center;
}

.xioline-about-button .elementor-button {
    position: relative;
    overflow: hidden;

    min-width: 270px;
    padding: 19px 34px !important;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    color: #ffffff !important;
    background: #111111 !important;

    border: 1px solid #111111 !important;
    border-radius: 8px !important;

    box-shadow:
        0 15px 34px rgba(0, 0, 0, 0.17),
        inset 0 1px 0 rgba(255, 255, 255, 0.10);

    font-family: "Montserrat", Arial, sans-serif !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;

    letter-spacing: 4px;
    text-align: center;
    text-transform: uppercase;

    transition:
        transform 0.35s ease,
        color 0.35s ease,
        background-color 0.35s ease,
        border-color 0.35s ease,
        box-shadow 0.35s ease;
}

/* Moving shine */
.xioline-about-button .elementor-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -130%;

    width: 85%;
    height: 100%;

    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 255, 255, 0.23),
        transparent
    );

    transform: skewX(-22deg);
    transition: left 0.55s ease;
}

/* Keep text above shine */
.xioline-about-button .elementor-button-content-wrapper,
.xioline-about-button .elementor-button-text,
.xioline-about-button .elementor-button-icon {
    position: relative;
    z-index: 2;
}

/* Hover */
.xioline-about-button .elementor-button:hover {
    transform: translateY(-4px);

    color: #111111 !important;
    background: #ffffff !important;

    border-color: #111111 !important;

    box-shadow:
        0 21px 44px rgba(0, 0, 0, 0.15);
}

.xioline-about-button .elementor-button:hover::before {
    left: 130%;
}

/* Optional arrow movement */
.xioline-about-button .elementor-button-icon {
    margin-left: 15px !important;
    transition: transform 0.35s ease;
}

.xioline-about-button .elementor-button:hover .elementor-button-icon {
    transform: translateX(5px);
}

/* Tablet */
@media only screen and (max-width: 1024px) {
    .xioline-about-button .elementor-button {
        min-width: 240px;
    }
}

/* Mobile */
@media only screen and (max-width: 767px) {
    .xioline-about-button {
        width: 100%;
    }

    .xioline-about-button .elementor-widget-container {
        width: 100%;
    }

    .xioline-about-button .elementor-button {
        width: 100%;
        min-width: 0;

        padding: 17px 18px !important;

        font-size: 9px !important;
        letter-spacing: 3px;
    }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-f09fcc8 *//* =========================================================
   XIOLINE PREMIUM ABOUT / BRAND STORY SECTION
   Main section class: xioline-about-story
   Light luxury design — black, white and soft neutral tones
========================================================= */

.xioline-about-story {
    position: relative;
    overflow: hidden;
    isolation: isolate;

    background:
        radial-gradient(
            circle at 88% 10%,
            rgba(17, 17, 17, 0.045),
            transparent 30%
        ),
        linear-gradient(
            135deg,
            #ffffff 0%,
            #f7f7f7 52%,
            #ffffff 100%
        ) !important;

    padding: 90px 70px !important;

    border-top: 1px solid rgba(17, 17, 17, 0.08);
    border-bottom: 1px solid rgba(17, 17, 17, 0.08);
}

/* Large subtle decorative circle */
.xioline-about-story::before {
    content: "";
    position: absolute;
    top: -190px;
    right: -160px;

    width: 460px;
    height: 460px;

    border: 1px solid rgba(17, 17, 17, 0.05);
    border-radius: 50%;

    pointer-events: none;
    z-index: 0;
}

/* Premium vertical accent */
.xioline-about-story::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 38px;

    width: 1px;
    height: 48%;

    transform: translateY(-50%);

    background: linear-gradient(
        to bottom,
        transparent,
        rgba(17, 17, 17, 0.34),
        transparent
    );

    pointer-events: none;
    z-index: 1;
}

/* Inner section container */
.xioline-about-story > .elementor-container,
.xioline-about-story > .e-con-inner {
    position: relative;
    z-index: 2;

    max-width: 1380px;
    margin: 0 auto;

    display: flex;
    align-items: center;

    gap: 70px;
}

/* Equal column alignment */
.xioline-about-story .elementor-column {
    position: relative;
}

/* =========================================================
   LEFT CONTENT COLUMN
========================================================= */

.xioline-about-story .elementor-column:first-child {
    padding: 20px 10px 20px 0;
}

/* Small eyebrow heading */
.xioline-about-story
.elementor-column:first-child
.elementor-widget-heading:first-child
.elementor-heading-title {
    margin: 0 0 20px !important;

    color: #666666 !important;

    font-family:
        "Montserrat",
        Arial,
        sans-serif !important;

    font-size: 11px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;

    letter-spacing: 5px;
    text-transform: uppercase;
}

/* Small line before eyebrow */
.xioline-about-story
.elementor-column:first-child
.elementor-widget-heading:first-child {
    position: relative;
    padding-left: 58px;
}

.xioline-about-story
.elementor-column:first-child
.elementor-widget-heading:first-child::before {
    content: "";
    position: absolute;

    top: 50%;
    left: 0;

    width: 38px;
    height: 1px;

    background: #111111;

    transform: translateY(-50%);
}

/* =========================================================
   MAIN DUAL HEADING
========================================================= */

.xioline-about-story .elementor-widget-jkit_dual_heading,
.xioline-about-story .elementor-widget-heading {
    position: relative;
}

/* General dual heading styles */
.xioline-about-story .jkit-dual-heading,
.xioline-about-story .jkit-dual-heading-title,
.xioline-about-story .jeg-elementor-kit.jkit-dual-heading {
    margin: 0 !important;
}

/* First heading line */
.xioline-about-story .jkit-heading-main,
.xioline-about-story .jkit-dual-heading-title {
    color: #111111 !important;

    font-family:
        "Cormorant Garamond",
        "Playfair Display",
        Georgia,
        serif !important;

    font-size: clamp(52px, 5vw, 76px) !important;
    font-weight: 500 !important;
    line-height: 0.98 !important;

    letter-spacing: -1.5px;
}

/* Highlight / second line */
.xioline-about-story .jkit-heading-highlight {
    position: relative;
    display: inline-block;

    color: #585858 !important;

    font-family:
        "Cormorant Garamond",
        "Playfair Display",
        Georgia,
        serif !important;

    font-size: clamp(50px, 4.8vw, 72px) !important;
    font-weight: 400 !important;
    font-style: italic;

    line-height: 1 !important;
}

/* Underline below highlighted text */
.xioline-about-story .jkit-heading-highlight::after {
    content: "";
    position: absolute;

    left: 0;
    bottom: -7px;

    width: 72%;
    height: 1px;

    background: linear-gradient(
        90deg,
        #111111,
        rgba(17, 17, 17, 0)
    );
}

/* Support separate dual-heading widgets */
.xioline-about-story
.elementor-column:first-child
.elementor-widget-jkit_dual_heading:nth-of-type(2),
.xioline-about-story
.elementor-column:first-child
.elementor-widget-jkit_dual_heading:nth-of-type(3) {
    margin-bottom: 0 !important;
}

/* Space below main title */
.xioline-about-story
.elementor-column:first-child
.elementor-widget-jkit_dual_heading:last-of-type {
    margin-bottom: 42px !important;
}

/* =========================================================
   BODY TEXT
========================================================= */

.xioline-about-story .elementor-widget-text-editor {
    max-width: 760px;
    margin-bottom: 34px !important;
}

/* Paragraph style */
.xioline-about-story .elementor-widget-text-editor,
.xioline-about-story .elementor-widget-text-editor p {
    color: #666666 !important;

    font-family:
        "Cormorant Garamond",
        "Playfair Display",
        Georgia,
        serif !important;

    font-size: 20px !important;
    font-weight: 400;
    line-height: 1.5 !important;

    letter-spacing: 0.1px;
}

/* Paragraph spacing */
.xioline-about-story .elementor-widget-text-editor p {
    margin: 0 0 20px !important;
}

.xioline-about-story .elementor-widget-text-editor p:last-child {
    margin-bottom: 0 !important;
}

/* =========================================================
   FINAL STATEMENT
========================================================= */

.xioline-about-story
.elementor-column:first-child
.elementor-widget-heading:last-child {
    position: relative;

    max-width: 760px;
    margin-top: 35px !important;

    padding: 24px 28px 24px 32px;

    background:
        linear-gradient(
            90deg,
            rgba(17, 17, 17, 0.045),
            transparent
        );

    border-left: 2px solid #111111;
}

/* Final statement heading */
.xioline-about-story
.elementor-column:first-child
.elementor-widget-heading:last-child
.elementor-heading-title {
    margin: 0 !important;

    color: #111111 !important;

    font-family:
        "Cormorant Garamond",
        "Playfair Display",
        Georgia,
        serif !important;

    font-size: 25px !important;
    font-weight: 500 !important;
    line-height: 1.45 !important;

    letter-spacing: 0.1px;
}

/* =========================================================
   RIGHT IMAGE COLUMN
========================================================= */

.xioline-about-story .elementor-column:last-child {
    position: relative;

    padding: 28px;
}

/* Black shadow panel behind image */
.xioline-about-story .elementor-column:last-child::before {
    content: "";
    position: absolute;

    top: 0;
    right: 0;

    width: 72%;
    height: 78%;

    background: #111111;
    border-radius: 2px;

    z-index: 0;

    box-shadow:
        0 28px 65px rgba(0, 0, 0, 0.18);
}

/* Fine outline panel */
.xioline-about-story .elementor-column:last-child::after {
    content: "";
    position: absolute;

    left: 0;
    bottom: 0;

    width: 64%;
    height: 68%;

    border: 1px solid rgba(17, 17, 17, 0.18);

    z-index: 0;
}

/* Image widget */
.xioline-about-story .elementor-widget-image {
    position: relative;
    z-index: 2;

    margin: 0 !important;
}

/* Image frame */
.xioline-about-story .elementor-widget-image .elementor-widget-container {
    position: relative;
    overflow: hidden;

    padding: 9px;

    background: #ffffff;

    border: 1px solid rgba(17, 17, 17, 0.14);

    box-shadow:
        0 24px 58px rgba(0, 0, 0, 0.16),
        inset 0 1px 0 rgba(255, 255, 255, 1);
}

/* Image */
.xioline-about-story .elementor-widget-image img {
    display: block;

    width: 100% !important;
    height: auto;

    object-fit: cover;

    filter:
        saturate(0.92)
        contrast(1.03);

    transition:
        transform 0.7s ease,
        filter 0.7s ease;
}

/* Image hover */
.xioline-about-story
.elementor-widget-image:hover
img {
    transform: scale(1.025);

    filter:
        saturate(1)
        contrast(1.04);
}

/* Luxury shine over image */
.xioline-about-story
.elementor-widget-image
.elementor-widget-container::after {
    content: "";
    position: absolute;

    top: 0;
    left: -120%;

    width: 52%;
    height: 100%;

    background: linear-gradient(
        110deg,
        transparent,
        rgba(255, 255, 255, 0.20),
        transparent
    );

    transform: skewX(-18deg);

    transition: left 0.75s ease;
    pointer-events: none;
}

.xioline-about-story
.elementor-widget-image:hover
.elementor-widget-container::after {
    left: 140%;
}

/* =========================================================
   SMALL IMAGE CORNER DETAILS
========================================================= */

.xioline-about-story
.elementor-widget-image::before,
.xioline-about-story
.elementor-widget-image::after {
    content: "";
    position: absolute;

    width: 52px;
    height: 52px;

    z-index: 4;
    pointer-events: none;
}

/* Top left */
.xioline-about-story .elementor-widget-image::before {
    top: -14px;
    left: -14px;

    border-top: 1px solid #ffffff;
    border-left: 1px solid #ffffff;
}

/* Bottom right */
.xioline-about-story .elementor-widget-image::after {
    right: -14px;
    bottom: -14px;

    border-right: 1px solid rgba(17, 17, 17, 0.55);
    border-bottom: 1px solid rgba(17, 17, 17, 0.55);
}

/* =========================================================
   TABLET
========================================================= */

@media screen and (max-width: 1024px) {

    .xioline-about-story {
        padding: 70px 40px !important;
    }

    .xioline-about-story > .elementor-container,
    .xioline-about-story > .e-con-inner {
        gap: 42px;
    }

    .xioline-about-story .jkit-heading-main,
    .xioline-about-story .jkit-dual-heading-title {
        font-size: 56px !important;
    }

    .xioline-about-story .jkit-heading-highlight {
        font-size: 54px !important;
    }

    .xioline-about-story .elementor-widget-text-editor,
    .xioline-about-story .elementor-widget-text-editor p {
        font-size: 18px !important;
    }

    .xioline-about-story
    .elementor-column:first-child
    .elementor-widget-heading:last-child
    .elementor-heading-title {
        font-size: 22px !important;
    }

    .xioline-about-story .elementor-column:last-child {
        padding: 20px;
    }
}

/* =========================================================
   MOBILE
========================================================= */

@media screen and (max-width: 767px) {

    .xioline-about-story {
        padding: 55px 18px 65px !important;
    }

    .xioline-about-story::after {
        display: none;
    }

    .xioline-about-story > .elementor-container,
    .xioline-about-story > .e-con-inner {
        display: flex !important;
        flex-direction: column;

        gap: 45px;
    }

    .xioline-about-story .elementor-column {
        width: 100% !important;
    }

    .xioline-about-story .elementor-column:first-child {
        padding: 0;
    }

    .xioline-about-story
    .elementor-column:first-child
    .elementor-widget-heading:first-child {
        padding-left: 48px;
    }

    .xioline-about-story
    .elementor-column:first-child
    .elementor-widget-heading:first-child::before {
        width: 30px;
    }

    .xioline-about-story
    .elementor-column:first-child
    .elementor-widget-heading:first-child
    .elementor-heading-title {
        font-size: 10px !important;
        letter-spacing: 3.5px;
    }

    .xioline-about-story .jkit-heading-main,
    .xioline-about-story .jkit-dual-heading-title {
        font-size: 45px !important;
        line-height: 1 !important;
    }

    .xioline-about-story .jkit-heading-highlight {
        font-size: 43px !important;
    }

    .xioline-about-story .elementor-widget-text-editor {
        margin-bottom: 26px !important;
    }

    .xioline-about-story .elementor-widget-text-editor,
    .xioline-about-story .elementor-widget-text-editor p {
        font-size: 17px !important;
        line-height: 1.55 !important;
    }

    .xioline-about-story
    .elementor-column:first-child
    .elementor-widget-heading:last-child {
        margin-top: 25px !important;
        padding: 20px 20px 20px 24px;
    }

    .xioline-about-story
    .elementor-column:first-child
    .elementor-widget-heading:last-child
    .elementor-heading-title {
        font-size: 20px !important;
    }

    .xioline-about-story .elementor-column:last-child {
        padding: 18px;
    }

    .xioline-about-story .elementor-column:last-child::before {
        width: 70%;
        height: 74%;
    }

    .xioline-about-story .elementor-column:last-child::after {
        width: 62%;
        height: 64%;
    }
}

/* =========================================================
   SMALL MOBILE
========================================================= */

@media screen and (max-width: 420px) {

    .xioline-about-story {
        padding-left: 14px !important;
        padding-right: 14px !important;
    }

    .xioline-about-story .jkit-heading-main,
    .xioline-about-story .jkit-dual-heading-title {
        font-size: 39px !important;
    }

    .xioline-about-story .jkit-heading-highlight {
        font-size: 38px !important;
    }

    .xioline-about-story .elementor-widget-text-editor,
    .xioline-about-story .elementor-widget-text-editor p {
        font-size: 16px !important;
    }

    .xioline-about-story
    .elementor-column:first-child
    .elementor-widget-heading:last-child
    .elementor-heading-title {
        font-size: 18px !important;
    }

    .xioline-about-story .elementor-column:last-child {
        padding: 14px;
    }

    .xioline-about-story
    .elementor-widget-image
    .elementor-widget-container {
        padding: 6px;
    }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-3d08970b *//* =========================================================
   XIOLINE PREMIUM STYLE INSPIRATION SECTION
   Main section class: xioline-style-inspiration
========================================================= */

.xioline-style-inspiration {
    position: relative;
    overflow: hidden;
    isolation: isolate;

    padding: 95px 60px !important;

    background:
        radial-gradient(
            circle at 85% 10%,
            rgba(17, 17, 17, 0.045),
            transparent 32%
        ),
        linear-gradient(
            135deg,
            #ffffff 0%,
            #f6f6f6 50%,
            #ffffff 100%
        ) !important;

    border-top: 1px solid rgba(17, 17, 17, 0.08);
    border-bottom: 1px solid rgba(17, 17, 17, 0.08);
}

/* Large background decoration */
.xioline-style-inspiration::before {
    content: "";
    position: absolute;
    top: -230px;
    right: -170px;

    width: 560px;
    height: 560px;

    border: 1px solid rgba(17, 17, 17, 0.045);
    border-radius: 50%;

    pointer-events: none;
    z-index: 0;
}

/* Premium top line */
.xioline-style-inspiration::after {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;

    width: 52%;
    height: 1px;

    transform: translateX(-50%);

    background: linear-gradient(
        90deg,
        transparent,
        rgba(17, 17, 17, 0.55),
        transparent
    );

    pointer-events: none;
    z-index: 3;
}

/* Main inner layout */
.xioline-style-inspiration > .elementor-container,
.xioline-style-inspiration > .e-con-inner {
    position: relative;
    z-index: 2;

    max-width: 1400px;
    margin: 0 auto;

    display: flex;
    align-items: center;

    gap: 70px;
}

/* Both columns */
.xioline-style-inspiration .elementor-column {
    position: relative;
}

/* Remove Elementor default widget gaps */
.xioline-style-inspiration .elementor-widget {
    margin-bottom: 0;
}

/* =========================================================
   LEFT CONTENT COLUMN
========================================================= */

.xioline-style-inspiration .elementor-column:first-child {
    position: relative;

    padding: 58px 54px !important;

    background:
        linear-gradient(
            145deg,
            rgba(255, 255, 255, 0.97),
            rgba(245, 245, 245, 0.95)
        );

    border: 1px solid rgba(17, 17, 17, 0.11);
    border-radius: 28px;

    box-shadow:
        0 28px 68px rgba(0, 0, 0, 0.08),
        inset 0 1px 0 rgba(255, 255, 255, 1);
}

/* Fine inner frame */
.xioline-style-inspiration .elementor-column:first-child::before {
    content: "";
    position: absolute;
    inset: 13px;

    border: 1px solid rgba(17, 17, 17, 0.055);
    border-radius: 20px;

    pointer-events: none;
}

/* Bottom-left luxury corner */
.xioline-style-inspiration .elementor-column:first-child::after {
    content: "";
    position: absolute;

    left: 28px;
    bottom: 28px;

    width: 62px;
    height: 62px;

    border-left: 1px solid rgba(17, 17, 17, 0.35);
    border-bottom: 1px solid rgba(17, 17, 17, 0.35);

    border-radius: 0 0 0 16px;

    pointer-events: none;
}

/* Keep widgets above decoration */
.xioline-style-inspiration
.elementor-column:first-child
.elementor-widget {
    position: relative;
    z-index: 2;
}

/* =========================================================
   SMALL LABEL
========================================================= */

.xioline-style-inspiration
.elementor-column:first-child
.elementor-widget-heading:first-child {
    position: relative;

    margin-bottom: 20px !important;
    padding-left: 58px;
}

.xioline-style-inspiration
.elementor-column:first-child
.elementor-widget-heading:first-child::before {
    content: "";
    position: absolute;

    top: 50%;
    left: 0;

    width: 38px;
    height: 1px;

    transform: translateY(-50%);

    background: #111111;
}

.xioline-style-inspiration
.elementor-column:first-child
.elementor-widget-heading:first-child
.elementor-heading-title {
    margin: 0 !important;

    color: #666666 !important;

    font-family: "Montserrat", Arial, sans-serif !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;

    letter-spacing: 5px;
    text-transform: uppercase;
}

/* =========================================================
   MAIN HEADING
========================================================= */

.xioline-style-inspiration
.elementor-column:first-child
.elementor-widget-heading:nth-of-type(2) {
    margin-bottom: 30px !important;
}

.xioline-style-inspiration
.elementor-column:first-child
.elementor-widget-heading:nth-of-type(2)
.elementor-heading-title {
    position: relative;

    margin: 0 !important;
    padding-bottom: 23px;

    color: #111111 !important;

    font-family:
        "Cormorant Garamond",
        "Playfair Display",
        Georgia,
        serif !important;

    font-size: clamp(28px, .7vw, 58px) !important;
    font-weight: 500 !important;
    line-height: 1.04 !important;

    letter-spacing: -1.2px;
}

/* Heading underline */
.xioline-style-inspiration
.elementor-column:first-child
.elementor-widget-heading:nth-of-type(2)
.elementor-heading-title::after {
    content: "";
    position: absolute;

    left: 0;
    bottom: 0;

    width: 95px;
    height: 1px;

    background: linear-gradient(
        90deg,
        #111111,
        transparent
    );
}

/* =========================================================
   PARAGRAPH
========================================================= */

.xioline-style-inspiration
.elementor-column:first-child
.elementor-widget-text-editor {
    max-width: 650px;
    margin-bottom: 38px !important;
}

.xioline-style-inspiration
.elementor-column:first-child
.elementor-widget-text-editor,
.xioline-style-inspiration
.elementor-column:first-child
.elementor-widget-text-editor p {
    color: #666666 !important;

    font-family:
        "Cormorant Garamond",
        "Playfair Display",
        Georgia,
        serif !important;

    font-size: 19px !important;
    font-weight: 400 !important;
    line-height: 1.65 !important;

    letter-spacing: 0.15px;
}

.xioline-style-inspiration
.elementor-column:first-child
.elementor-widget-text-editor p {
    margin: 0 !important;
}

/* =========================================================
   SHOP NOW BUTTON
========================================================= */

.xioline-style-inspiration
.elementor-column:first-child
.elementor-widget-button {
    text-align: left;
}

.xioline-style-inspiration
.elementor-column:first-child
.elementor-button {
    position: relative;
    overflow: hidden;

    min-width: 220px;

    padding: 18px 30px !important;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    color: #ffffff !important;
    background: #111111 !important;

    border: 1px solid #111111 !important;
    border-radius: 8px !important;

    box-shadow:
        0 16px 36px rgba(0, 0, 0, 0.17),
        inset 0 1px 0 rgba(255, 255, 255, 0.10);

    font-family: "Montserrat", Arial, sans-serif !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;

    letter-spacing: 4px;
    text-transform: uppercase;

    transition:
        transform 0.35s ease,
        color 0.35s ease,
        background-color 0.35s ease,
        border-color 0.35s ease,
        box-shadow 0.35s ease;
}

/* Button shine */
.xioline-style-inspiration
.elementor-column:first-child
.elementor-button::before {
    content: "";
    position: absolute;

    top: 0;
    left: -130%;

    width: 85%;
    height: 100%;

    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 255, 255, 0.25),
        transparent
    );

    transform: skewX(-22deg);
    transition: left 0.55s ease;
}

.xioline-style-inspiration
.elementor-column:first-child
.elementor-button-content-wrapper,
.xioline-style-inspiration
.elementor-column:first-child
.elementor-button-text,
.xioline-style-inspiration
.elementor-column:first-child
.elementor-button-icon {
    position: relative;
    z-index: 2;
}

.xioline-style-inspiration
.elementor-column:first-child
.elementor-button-icon {
    margin-left: 16px !important;
    transition: transform 0.35s ease;
}

/* Button hover */
.xioline-style-inspiration
.elementor-column:first-child
.elementor-button:hover {
    transform: translateY(-4px);

    color: #111111 !important;
    background: #ffffff !important;

    border-color: #111111 !important;

    box-shadow:
        0 22px 46px rgba(0, 0, 0, 0.15);
}

.xioline-style-inspiration
.elementor-column:first-child
.elementor-button:hover::before {
    left: 130%;
}

.xioline-style-inspiration
.elementor-column:first-child
.elementor-button:hover
.elementor-button-icon {
    transform: translateX(5px);
}

/* =========================================================
   RIGHT IMAGE COLUMN
========================================================= */

.xioline-style-inspiration .elementor-column:last-child {
    position: relative;

    padding: 25px !important;
}

/* Dark panel behind image */
.xioline-style-inspiration .elementor-column:last-child::before {
    content: "";
    position: absolute;

    top: 0;
    right: 0;

    width: 74%;
    height: 76%;

    background: #111111;
    border-radius: 24px;

    box-shadow:
        0 28px 65px rgba(0, 0, 0, 0.18);

    z-index: 0;
}

/* Fine offset outline */
.xioline-style-inspiration .elementor-column:last-child::after {
    content: "";
    position: absolute;

    left: 0;
    bottom: 0;

    width: 66%;
    height: 67%;

    border: 1px solid rgba(17, 17, 17, 0.20);
    border-radius: 22px;

    z-index: 0;
}

/* Image widget */
.xioline-style-inspiration
.elementor-column:last-child
.elementor-widget-image {
    position: relative;
    z-index: 2;

    margin: 0 !important;
}

/* Image frame */
.xioline-style-inspiration
.elementor-column:last-child
.elementor-widget-image
.elementor-widget-container {
    position: relative;
    overflow: hidden;

    padding: 9px;

    background: #ffffff;

    border: 1px solid rgba(17, 17, 17, 0.13);
    border-radius: 18px;

    box-shadow:
        0 26px 64px rgba(0, 0, 0, 0.17),
        inset 0 1px 0 rgba(255, 255, 255, 1);
}

/* Image */
.xioline-style-inspiration
.elementor-column:last-child
.elementor-widget-image img {
    display: block;

    width: 100% !important;
    height: auto;

    object-fit: cover;

    border-radius: 12px;

    filter:
        saturate(0.92)
        contrast(1.03);

    transition:
        transform 0.75s ease,
        filter 0.75s ease;
}

/* Image overlay */
.xioline-style-inspiration
.elementor-column:last-child
.elementor-widget-image
.elementor-widget-container::before {
    content: "";
    position: absolute;
    inset: 9px;

    z-index: 2;

    border-radius: 12px;

    background:
        linear-gradient(
            180deg,
            rgba(0, 0, 0, 0.03),
            rgba(0, 0, 0, 0.12)
        );

    pointer-events: none;
}

/* Image shine */
.xioline-style-inspiration
.elementor-column:last-child
.elementor-widget-image
.elementor-widget-container::after {
    content: "";
    position: absolute;

    top: 0;
    left: -130%;

    width: 48%;
    height: 100%;

    z-index: 3;

    background: linear-gradient(
        110deg,
        transparent,
        rgba(255, 255, 255, 0.22),
        transparent
    );

    transform: skewX(-18deg);

    transition: left 0.85s ease;
    pointer-events: none;
}

/* Image hover */
.xioline-style-inspiration
.elementor-column:last-child
.elementor-widget-image:hover img {
    transform: scale(1.025);

    filter:
        saturate(1)
        contrast(1.04);
}

.xioline-style-inspiration
.elementor-column:last-child
.elementor-widget-image:hover
.elementor-widget-container::after {
    left: 140%;
}

/* Corner accents */
.xioline-style-inspiration
.elementor-column:last-child
.elementor-widget-image::before,
.xioline-style-inspiration
.elementor-column:last-child
.elementor-widget-image::after {
    content: "";
    position: absolute;

    width: 54px;
    height: 54px;

    z-index: 4;
    pointer-events: none;
}

.xioline-style-inspiration
.elementor-column:last-child
.elementor-widget-image::before {
    top: -13px;
    left: -13px;

    border-top: 1px solid rgba(255, 255, 255, 0.75);
    border-left: 1px solid rgba(255, 255, 255, 0.75);
}

.xioline-style-inspiration
.elementor-column:last-child
.elementor-widget-image::after {
    right: -13px;
    bottom: -13px;

    border-right: 1px solid rgba(17, 17, 17, 0.55);
    border-bottom: 1px solid rgba(17, 17, 17, 0.55);
}

/* =========================================================
   TABLET
========================================================= */

@media only screen and (max-width: 1024px) {

    .xioline-style-inspiration {
        padding: 72px 35px !important;
    }

    .xioline-style-inspiration > .elementor-container,
    .xioline-style-inspiration > .e-con-inner {
        gap: 40px;
    }

    .xioline-style-inspiration .elementor-column:first-child {
        padding: 46px 36px !important;
    }

    .xioline-style-inspiration
    .elementor-column:first-child
    .elementor-widget-heading:nth-of-type(2)
    .elementor-heading-title {
        font-size: 22px !important;
    }

    .xioline-style-inspiration
    .elementor-column:first-child
    .elementor-widget-text-editor,
    .xioline-style-inspiration
    .elementor-column:first-child
    .elementor-widget-text-editor p {
        font-size: 17px !important;
    }

    .xioline-style-inspiration .elementor-column:last-child {
        padding: 18px !important;
    }
}

/* =========================================================
   MOBILE
========================================================= */

@media only screen and (max-width: 767px) {

    .xioline-style-inspiration {
        padding: 55px 15px 65px !important;
    }

    .xioline-style-inspiration > .elementor-container,
    .xioline-style-inspiration > .e-con-inner {
        display: flex !important;
        flex-direction: column;

        gap: 42px;
    }

    .xioline-style-inspiration .elementor-column {
        width: 100% !important;
    }

    /* Text card */
    .xioline-style-inspiration .elementor-column:first-child {
        padding: 42px 22px 45px !important;
        border-radius: 21px;
    }

    .xioline-style-inspiration
    .elementor-column:first-child::before {
        inset: 8px;
        border-radius: 15px;
    }

    .xioline-style-inspiration
    .elementor-column:first-child::after {
        left: 17px;
        bottom: 17px;

        width: 43px;
        height: 43px;
    }

    /* Small label */
    .xioline-style-inspiration
    .elementor-column:first-child
    .elementor-widget-heading:first-child {
        padding-left: 0;
        text-align: center;
    }

    .xioline-style-inspiration
    .elementor-column:first-child
    .elementor-widget-heading:first-child::before {
        display: none;
    }

    .xioline-style-inspiration
    .elementor-column:first-child
    .elementor-widget-heading:first-child
    .elementor-heading-title {
        font-size: 9px !important;
        letter-spacing: 3.5px;
        text-align: center;
    }

    /* Main heading */
    .xioline-style-inspiration
    .elementor-column:first-child
    .elementor-widget-heading:nth-of-type(2)
    .elementor-heading-title {
        font-size: 20px !important;
        line-height: 1.07 !important;

        text-align: center;
    }

    .xioline-style-inspiration
    .elementor-column:first-child
    .elementor-widget-heading:nth-of-type(2)
    .elementor-heading-title::after {
        left: 50%;

        width: 80px;

        transform: translateX(-50%);
    }

    /* Paragraph */
    .xioline-style-inspiration
    .elementor-column:first-child
    .elementor-widget-text-editor,
    .xioline-style-inspiration
    .elementor-column:first-child
    .elementor-widget-text-editor p {
        font-size: 16px !important;
        line-height: 1.6 !important;
        text-align: center;
    }

    /* Button */
    .xioline-style-inspiration
    .elementor-column:first-child
    .elementor-widget-button {
        width: 100%;
        text-align: center;
    }

    .xioline-style-inspiration
    .elementor-column:first-child
    .elementor-button {
        width: 100%;
        min-width: 0;

        padding: 17px 18px !important;

        font-size: 9px !important;
        letter-spacing: 3px;
    }

    /* Image */
    .xioline-style-inspiration .elementor-column:last-child {
        padding: 16px !important;
    }

    .xioline-style-inspiration
    .elementor-column:last-child::before {
        width: 72%;
        height: 74%;

        border-radius: 18px;
    }

    .xioline-style-inspiration
    .elementor-column:last-child::after {
        width: 64%;
        height: 64%;

        border-radius: 17px;
    }

    .xioline-style-inspiration
    .elementor-column:last-child
    .elementor-widget-image
    .elementor-widget-container {
        padding: 6px;
        border-radius: 14px;
    }

    .xioline-style-inspiration
    .elementor-column:last-child
    .elementor-widget-image img {
        border-radius: 9px;
    }
}

/* =========================================================
   SMALL MOBILE
========================================================= */

@media only screen and (max-width: 420px) {

    .xioline-style-inspiration {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .xioline-style-inspiration .elementor-column:first-child {
        padding: 38px 17px 40px !important;
    }

    .xioline-style-inspiration
    .elementor-column:first-child
    .elementor-widget-heading:nth-of-type(2)
    .elementor-heading-title {
        font-size: 35px !important;
    }

    .xioline-style-inspiration
    .elementor-column:first-child
    .elementor-widget-text-editor,
    .xioline-style-inspiration
    .elementor-column:first-child
    .elementor-widget-text-editor p {
        font-size: 15px !important;
    }
}






/* Mobile: reduce STYLE INSPIRATION font size */
@media only screen and (max-width: 767px) {

    .xioline-style-inspiration
    .elementor-column:first-child
    .elementor-widget-heading:first-child
    .elementor-heading-title {
        font-size: 20px !important;
        line-height: 1.15 !important;
        letter-spacing: 1.5px !important;
    }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-557681ac *//* =========================================================
   XIOLINE EDITORIAL STYLE GUIDE SECTION
   Main class: xioline-style-guide
========================================================= */

.xioline-style-guide {
    position: relative;
    overflow: hidden;
    isolation: isolate;

    padding: 95px 60px !important;

    background:
        linear-gradient(
            90deg,
            #f3f3f3 0%,
            #f3f3f3 32%,
            #ffffff 32%,
            #ffffff 100%
        ) !important;

    border-top: 1px solid rgba(17, 17, 17, 0.08);
    border-bottom: 1px solid rgba(17, 17, 17, 0.08);
}

/* Large subtle background word */
.xioline-style-guide::before {
    content: "XIOLINE";

    position: absolute;
    right: -35px;
    bottom: -52px;

    color: rgba(17, 17, 17, 0.025);

    font-family:
        "Cormorant Garamond",
        "Playfair Display",
        Georgia,
        serif;

    font-size: 190px;
    font-weight: 500;
    line-height: 1;

    letter-spacing: 12px;

    pointer-events: none;
    z-index: 0;
}

/* Top accent line */
.xioline-style-guide::after {
    content: "";

    position: absolute;
    top: 0;
    left: 50%;

    width: 46%;
    height: 1px;

    transform: translateX(-50%);

    background: linear-gradient(
        90deg,
        transparent,
        rgba(17, 17, 17, 0.48),
        transparent
    );

    pointer-events: none;
    z-index: 3;
}

/* Main inner layout */
.xioline-style-guide > .elementor-container,
.xioline-style-guide > .e-con-inner {
    position: relative;
    z-index: 2;

    max-width: 1360px;
    margin: 0 auto;

    display: flex;
    align-items: center;

    gap: 88px;
}

/* Reset widget margins */
.xioline-style-guide .elementor-widget {
    margin-bottom: 0;
}

/* =========================================================
   LEFT IMAGE COLUMN
========================================================= */

.xioline-style-guide .elementor-column:first-child {
    position: relative;

    padding: 28px 0 28px 28px !important;
}

/* Black offset panel */
.xioline-style-guide .elementor-column:first-child::before {
    content: "";

    position: absolute;
    top: 0;
    left: 0;

    width: 70%;
    height: 82%;

    background: #111111;

    z-index: 0;
}

/* Fine outline panel */
.xioline-style-guide .elementor-column:first-child::after {
    content: "";

    position: absolute;
    right: -18px;
    bottom: 0;

    width: 72%;
    height: 70%;

    border: 1px solid rgba(17, 17, 17, 0.24);

    z-index: 0;
}

/* Image widget */
.xioline-style-guide
.elementor-column:first-child
.elementor-widget-image {
    position: relative;
    z-index: 2;

    margin: 0 !important;
}

/* Image frame */
.xioline-style-guide
.elementor-column:first-child
.elementor-widget-image
.elementor-widget-container {
    position: relative;
    overflow: hidden;

    padding: 8px;

    background: #ffffff;

    border: 1px solid rgba(17, 17, 17, 0.13);

    box-shadow:
        0 28px 70px rgba(0, 0, 0, 0.16);
}

/* Image */
.xioline-style-guide
.elementor-column:first-child
.elementor-widget-image img {
    display: block;

    width: 100% !important;
    min-height: 660px;
    height: 660px !important;

    object-fit: cover;
    object-position: center;

    filter:
        saturate(0.93)
        contrast(1.03);

    transition:
        transform 0.8s ease,
        filter 0.8s ease;
}

/* Image hover */
.xioline-style-guide
.elementor-column:first-child
.elementor-widget-image:hover img {
    transform: scale(1.025);

    filter:
        saturate(1)
        contrast(1.04);
}

/* Image overlay */
.xioline-style-guide
.elementor-column:first-child
.elementor-widget-image
.elementor-widget-container::before {
    content: "";

    position: absolute;
    inset: 8px;

    z-index: 2;

    background:
        linear-gradient(
            180deg,
            rgba(0, 0, 0, 0.02),
            rgba(0, 0, 0, 0.14)
        );

    pointer-events: none;
}

/* Image shine */
.xioline-style-guide
.elementor-column:first-child
.elementor-widget-image
.elementor-widget-container::after {
    content: "";

    position: absolute;
    top: 0;
    left: -130%;

    width: 48%;
    height: 100%;

    z-index: 3;

    background: linear-gradient(
        110deg,
        transparent,
        rgba(255, 255, 255, 0.19),
        transparent
    );

    transform: skewX(-18deg);

    transition: left 0.85s ease;

    pointer-events: none;
}

.xioline-style-guide
.elementor-column:first-child
.elementor-widget-image:hover
.elementor-widget-container::after {
    left: 140%;
}

/* Small vertical label */
.xioline-style-guide
.elementor-column:first-child
.elementor-widget-image::after {
    content: "STYLE  /  CONFIDENCE  /  INDIVIDUALITY";

    position: absolute;
    left: -64px;
    bottom: 132px;

    color: rgba(255, 255, 255, 0.88);

    font-family: "Montserrat", Arial, sans-serif;
    font-size: 9px;
    font-weight: 600;

    letter-spacing: 3px;
    white-space: nowrap;

    transform: rotate(-90deg);
    transform-origin: center;

    z-index: 5;
}

/* =========================================================
   RIGHT TEXT COLUMN
========================================================= */

.xioline-style-guide .elementor-column:last-child {
    position: relative;

    padding: 45px 30px 45px 0 !important;
}

/* Vertical black accent */
.xioline-style-guide .elementor-column:last-child::before {
    content: "";

    position: absolute;
    top: 50%;
    left: -42px;

    width: 1px;
    height: 72%;

    transform: translateY(-50%);

    background: linear-gradient(
        to bottom,
        transparent,
        rgba(17, 17, 17, 0.50),
        transparent
    );
}

/* Decorative number */
.xioline-style-guide .elementor-column:last-child::after {
    content: "01";

    position: absolute;
    top: -5px;
    right: 0;

    color: rgba(17, 17, 17, 0.055);

    font-family:
        "Cormorant Garamond",
        "Playfair Display",
        Georgia,
        serif;

    font-size: 120px;
    font-weight: 500;
    line-height: 1;

    z-index: 0;
}

/* Keep content above decoration */
.xioline-style-guide
.elementor-column:last-child
.elementor-widget {
    position: relative;
    z-index: 2;
}

/* =========================================================
   SMALL LABEL
========================================================= */

.xioline-style-guide
.elementor-column:last-child
.elementor-widget-heading:first-child {
    position: relative;

    margin-bottom: 24px !important;
    padding-left: 58px;
}

.xioline-style-guide
.elementor-column:last-child
.elementor-widget-heading:first-child::before {
    content: "";

    position: absolute;
    top: 50%;
    left: 0;

    width: 38px;
    height: 1px;

    transform: translateY(-50%);

    background: #111111;
}

.xioline-style-guide
.elementor-column:last-child
.elementor-widget-heading:first-child
.elementor-heading-title {
    margin: 0 !important;

    color: #656565 !important;

    font-family: "Montserrat", Arial, sans-serif !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;

    letter-spacing: 5px;
    text-transform: uppercase;
}

/* =========================================================
   MAIN HEADING
========================================================= */

.xioline-style-guide
.elementor-column:last-child
.elementor-widget-heading:nth-of-type(2) {
    margin-bottom: 30px !important;
}

.xioline-style-guide
.elementor-column:last-child
.elementor-widget-heading:nth-of-type(2)
.elementor-heading-title {
    position: relative;

    margin: 0 !important;
    padding-bottom: 25px;

    max-width: 620px;

    color: #111111 !important;

    font-family:
        "Cormorant Garamond",
        "Playfair Display",
        Georgia,
        serif !important;

    font-size: clamp(48px, 4.7vw, 68px) !important;
    font-weight: 500 !important;
    line-height: 1.02 !important;

    letter-spacing: -1.2px;
}

/* Heading underline with centre dot */
.xioline-style-guide
.elementor-column:last-child
.elementor-widget-heading:nth-of-type(2)
.elementor-heading-title::after {
    content: "◆";

    position: absolute;
    left: 0;
    bottom: 0;

    width: 155px;

    color: #111111;

    font-size: 6px;
    line-height: 10px;
    text-align: center;

    background:
        linear-gradient(
            90deg,
            #111111,
            rgba(17, 17, 17, 0)
        )
        left center / 65px 1px no-repeat,

        linear-gradient(
            90deg,
            rgba(17, 17, 17, 0),
            #111111
        )
        right center / 65px 1px no-repeat;
}

/* =========================================================
   PARAGRAPH
========================================================= */

.xioline-style-guide
.elementor-column:last-child
.elementor-widget-text-editor {
    max-width: 650px;
    margin-bottom: 38px !important;
}

.xioline-style-guide
.elementor-column:last-child
.elementor-widget-text-editor,
.xioline-style-guide
.elementor-column:last-child
.elementor-widget-text-editor p {
    color: #686868 !important;

    font-family:
        "Cormorant Garamond",
        "Playfair Display",
        Georgia,
        serif !important;

    font-size: 19px !important;
    font-weight: 400 !important;
    line-height: 1.65 !important;

    letter-spacing: 0.1px;
}

.xioline-style-guide
.elementor-column:last-child
.elementor-widget-text-editor p {
    margin: 0 !important;
}

/* =========================================================
   CONTACT BUTTON
========================================================= */

.xioline-style-guide
.elementor-column:last-child
.elementor-widget-button {
    text-align: left;
}

.xioline-style-guide
.elementor-column:last-child
.elementor-button {
    position: relative;
    overflow: hidden;

    min-width: 220px;

    padding: 18px 30px !important;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    color: #111111 !important;
    background: transparent !important;

    border: 1px solid #111111 !important;
    border-radius: 0 !important;

    box-shadow:
        inset 0 0 0 0 #111111;

    font-family: "Montserrat", Arial, sans-serif !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;

    letter-spacing: 4px;
    text-transform: uppercase;

    transition:
        color 0.4s ease,
        transform 0.4s ease,
        box-shadow 0.4s ease;
}

.xioline-style-guide
.elementor-column:last-child
.elementor-button-icon {
    margin-left: 16px !important;

    transition: transform 0.35s ease;
}

.xioline-style-guide
.elementor-column:last-child
.elementor-button:hover {
    color: #ffffff !important;

    transform: translateY(-4px);

    box-shadow:
        inset 260px 0 0 0 #111111,
        0 16px 36px rgba(0, 0, 0, 0.15);
}

.xioline-style-guide
.elementor-column:last-child
.elementor-button:hover
.elementor-button-icon {
    transform: translateX(6px);
}

/* =========================================================
   TABLET
========================================================= */

@media only screen and (max-width: 1024px) {

    .xioline-style-guide {
        padding: 72px 35px !important;
    }

    .xioline-style-guide > .elementor-container,
    .xioline-style-guide > .e-con-inner {
        gap: 55px;
    }

    .xioline-style-guide
    .elementor-column:first-child
    .elementor-widget-image img {
        min-height: 560px;
        height: 560px !important;
    }

    .xioline-style-guide
    .elementor-column:last-child
    .elementor-widget-heading:nth-of-type(2)
    .elementor-heading-title {
        font-size: 52px !important;
    }

    .xioline-style-guide
    .elementor-column:last-child
    .elementor-widget-text-editor,
    .xioline-style-guide
    .elementor-column:last-child
    .elementor-widget-text-editor p {
        font-size: 17px !important;
    }
}

/* =========================================================
   MOBILE
========================================================= */

@media only screen and (max-width: 767px) {

    .xioline-style-guide {
        padding: 52px 15px 65px !important;

        background:
            linear-gradient(
                180deg,
                #f3f3f3 0%,
                #f3f3f3 34%,
                #ffffff 34%,
                #ffffff 100%
            ) !important;
    }

    .xioline-style-guide > .elementor-container,
    .xioline-style-guide > .e-con-inner {
        display: flex !important;
        flex-direction: column;

        gap: 48px;
    }

    .xioline-style-guide .elementor-column {
        width: 100% !important;
    }

    /* Image column */
    .xioline-style-guide .elementor-column:first-child {
        padding: 18px 0 18px 18px !important;
    }

    .xioline-style-guide
    .elementor-column:first-child
    .elementor-widget-image img {
        min-height: 470px;
        height: 470px !important;
    }

    .xioline-style-guide
    .elementor-column:first-child
    .elementor-widget-image::after {
        display: none;
    }

    /* Text column */
    .xioline-style-guide .elementor-column:last-child {
        padding: 15px 12px 10px !important;
    }

    .xioline-style-guide
    .elementor-column:last-child::before {
        display: none;
    }

    .xioline-style-guide
    .elementor-column:last-child::after {
        top: -18px;

        font-size: 85px;
    }

    /* Label */
    .xioline-style-guide
    .elementor-column:last-child
    .elementor-widget-heading:first-child {
        padding-left: 0;
        text-align: center;
    }

    .xioline-style-guide
    .elementor-column:last-child
    .elementor-widget-heading:first-child::before {
        display: none;
    }

    .xioline-style-guide
    .elementor-column:last-child
    .elementor-widget-heading:first-child
    .elementor-heading-title {
        font-size: 10px !important;
        letter-spacing: 3.5px;

        text-align: center;
    }

    /* Main heading */
    .xioline-style-guide
    .elementor-column:last-child
    .elementor-widget-heading:nth-of-type(2)
    .elementor-heading-title {
        font-size: 40px !important;
        line-height: 1.07 !important;

        text-align: center;
    }

    .xioline-style-guide
    .elementor-column:last-child
    .elementor-widget-heading:nth-of-type(2)
    .elementor-heading-title::after {
        left: 50%;

        transform: translateX(-50%);
    }

    /* Paragraph */
    .xioline-style-guide
    .elementor-column:last-child
    .elementor-widget-text-editor,
    .xioline-style-guide
    .elementor-column:last-child
    .elementor-widget-text-editor p {
        font-size: 16px !important;
        line-height: 1.6 !important;

        text-align: center;
    }

    /* Button */
    .xioline-style-guide
    .elementor-column:last-child
    .elementor-widget-button {
        width: 100%;
        text-align: center;
    }

    .xioline-style-guide
    .elementor-column:last-child
    .elementor-button {
        width: 100%;
        min-width: 0;

        padding: 17px 18px !important;

        font-size: 9px !important;
        letter-spacing: 3px;
    }
}

/* =========================================================
   SMALL MOBILE
========================================================= */

@media only screen and (max-width: 420px) {

    .xioline-style-guide {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .xioline-style-guide
    .elementor-column:first-child
    .elementor-widget-image img {
        min-height: 410px;
        height: 410px !important;
    }

    .xioline-style-guide
    .elementor-column:last-child
    .elementor-widget-heading:nth-of-type(2)
    .elementor-heading-title {
        font-size: 35px !important;
    }

    .xioline-style-guide
    .elementor-column:last-child
    .elementor-widget-text-editor,
    .xioline-style-guide
    .elementor-column:last-child
    .elementor-widget-text-editor p {
        font-size: 15px !important;
    }
}/* End custom CSS */