.elementor-1875 .elementor-element.elementor-element-1be0208{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--overlay-opacity:1;--padding-top:0px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-1875 .elementor-element.elementor-element-1be0208:not(.elementor-motion-effects-element-type-background), .elementor-1875 .elementor-element.elementor-element-1be0208 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://designlegends.in/wp-content/uploads/2025/04/Marbel.jpg");background-position:top center;background-repeat:no-repeat;background-size:cover;}.elementor-1875 .elementor-element.elementor-element-1be0208::before, .elementor-1875 .elementor-element.elementor-element-1be0208 > .elementor-background-video-container::before, .elementor-1875 .elementor-element.elementor-element-1be0208 > .e-con-inner > .elementor-background-video-container::before, .elementor-1875 .elementor-element.elementor-element-1be0208 > .elementor-background-slideshow::before, .elementor-1875 .elementor-element.elementor-element-1be0208 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1875 .elementor-element.elementor-element-1be0208 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #0F0F0F61 0%, var( --e-global-color-faf5d15 ) 100%);}.elementor-1875 .elementor-element.elementor-element-3dc72b5 > .elementor-widget-container{padding:380px 0px 0px 0px;}.elementor-1875 .elementor-element.elementor-element-3dc72b5{text-align:center;}.elementor-1875 .elementor-element.elementor-element-3dc72b5 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:1.2em;font-weight:400;text-transform:uppercase;line-height:1.4em;letter-spacing:10px;color:var( --e-global-color-secondary );}.elementor-1875 .elementor-element.elementor-element-a709d97{--divider-border-style:solid;--divider-color:var( --e-global-color-accent );--divider-border-width:2px;}.elementor-1875 .elementor-element.elementor-element-a709d97 > .elementor-widget-container{margin:100px 0px 0px 0px;}.elementor-1875 .elementor-element.elementor-element-a709d97 .elementor-divider-separator{width:0px;margin:0 auto;margin-center:0;}.elementor-1875 .elementor-element.elementor-element-a709d97 .elementor-divider{text-align:center;}.elementor-1875 .elementor-element.elementor-element-81bb03c > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-1875 .elementor-element.elementor-element-81bb03c{text-align:center;}.elementor-1875 .elementor-element.elementor-element-81bb03c .elementor-heading-title{font-family:var( --e-global-typography-00a41b0-font-family ), Sans-serif;font-size:var( --e-global-typography-00a41b0-font-size );font-weight:var( --e-global-typography-00a41b0-font-weight );text-transform:var( --e-global-typography-00a41b0-text-transform );line-height:var( --e-global-typography-00a41b0-line-height );word-spacing:var( --e-global-typography-00a41b0-word-spacing );color:var( --e-global-color-43b7b26 );}.elementor-1875 .elementor-element.elementor-element-042f960{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-1875 .elementor-element.elementor-element-7b432f5{--display:flex;}.elementor-1875 .elementor-element.elementor-element-433b5b0{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-1875 .elementor-element.elementor-element-e485165{--display:flex;--gap:10px 0px;--row-gap:10px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1875 .elementor-element.elementor-element-cf47835 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-1875 .elementor-element.elementor-element-cf47835 .elementor-heading-title{font-family:var( --e-global-typography-f3cef40-font-family ), Sans-serif;font-size:var( --e-global-typography-f3cef40-font-size );font-weight:var( --e-global-typography-f3cef40-font-weight );text-transform:var( --e-global-typography-f3cef40-text-transform );line-height:var( --e-global-typography-f3cef40-line-height );}.elementor-1875 .elementor-element.elementor-element-aaa76a0 .elementor-heading-title{font-family:var( --e-global-typography-7bf0c4b-font-family ), Sans-serif;font-size:var( --e-global-typography-7bf0c4b-font-size );font-weight:var( --e-global-typography-7bf0c4b-font-weight );text-transform:var( --e-global-typography-7bf0c4b-text-transform );line-height:var( --e-global-typography-7bf0c4b-line-height );color:var( --e-global-color-76544c2 );}.elementor-1875 .elementor-element.elementor-element-76e1060{--display:flex;--gap:10px 0px;--row-gap:10px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1875 .elementor-element.elementor-element-29fbab7 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-1875 .elementor-element.elementor-element-29fbab7 .elementor-heading-title{font-family:var( --e-global-typography-f3cef40-font-family ), Sans-serif;font-size:var( --e-global-typography-f3cef40-font-size );font-weight:var( --e-global-typography-f3cef40-font-weight );text-transform:var( --e-global-typography-f3cef40-text-transform );line-height:var( --e-global-typography-f3cef40-line-height );}.elementor-1875 .elementor-element.elementor-element-feb3f86 .elementor-heading-title{font-family:var( --e-global-typography-7bf0c4b-font-family ), Sans-serif;font-size:var( --e-global-typography-7bf0c4b-font-size );font-weight:var( --e-global-typography-7bf0c4b-font-weight );text-transform:var( --e-global-typography-7bf0c4b-text-transform );line-height:var( --e-global-typography-7bf0c4b-line-height );color:var( --e-global-color-76544c2 );}.elementor-1875 .elementor-element.elementor-element-6b193d3{--display:flex;--gap:10px 0px;--row-gap:10px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1875 .elementor-element.elementor-element-97d54a9 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-1875 .elementor-element.elementor-element-97d54a9 .elementor-heading-title{font-family:var( --e-global-typography-f3cef40-font-family ), Sans-serif;font-size:var( --e-global-typography-f3cef40-font-size );font-weight:var( --e-global-typography-f3cef40-font-weight );text-transform:var( --e-global-typography-f3cef40-text-transform );line-height:var( --e-global-typography-f3cef40-line-height );}.elementor-1875 .elementor-element.elementor-element-f69d1ba .elementor-heading-title{font-family:var( --e-global-typography-7bf0c4b-font-family ), Sans-serif;font-size:var( --e-global-typography-7bf0c4b-font-size );font-weight:var( --e-global-typography-7bf0c4b-font-weight );text-transform:var( --e-global-typography-7bf0c4b-text-transform );line-height:var( --e-global-typography-7bf0c4b-line-height );color:var( --e-global-color-76544c2 );}.elementor-1875 .elementor-element.elementor-element-eb00507{--display:flex;--gap:10px 0px;--row-gap:10px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1875 .elementor-element.elementor-element-5b3ea5c > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-1875 .elementor-element.elementor-element-5b3ea5c .elementor-heading-title{font-family:var( --e-global-typography-f3cef40-font-family ), Sans-serif;font-size:var( --e-global-typography-f3cef40-font-size );font-weight:var( --e-global-typography-f3cef40-font-weight );text-transform:var( --e-global-typography-f3cef40-text-transform );line-height:var( --e-global-typography-f3cef40-line-height );}.elementor-1875 .elementor-element.elementor-element-ee511bc .elementor-heading-title{font-family:var( --e-global-typography-7bf0c4b-font-family ), Sans-serif;font-size:var( --e-global-typography-7bf0c4b-font-size );font-weight:var( --e-global-typography-7bf0c4b-font-weight );text-transform:var( --e-global-typography-7bf0c4b-text-transform );line-height:var( --e-global-typography-7bf0c4b-line-height );color:var( --e-global-color-76544c2 );}.elementor-1875 .elementor-element.elementor-element-1e5d36a{--display:flex;}.elementor-1875 .elementor-element.elementor-element-d36f46a{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-1875 .elementor-element.elementor-element-5410e07{--display:flex;--gap:10px 0px;--row-gap:10px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1875 .elementor-element.elementor-element-51b3ebc > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-1875 .elementor-element.elementor-element-51b3ebc .elementor-heading-title{font-family:var( --e-global-typography-f3cef40-font-family ), Sans-serif;font-size:var( --e-global-typography-f3cef40-font-size );font-weight:var( --e-global-typography-f3cef40-font-weight );text-transform:var( --e-global-typography-f3cef40-text-transform );line-height:var( --e-global-typography-f3cef40-line-height );}.elementor-1875 .elementor-element.elementor-element-4e80e1f .elementor-heading-title{font-family:var( --e-global-typography-7bf0c4b-font-family ), Sans-serif;font-size:var( --e-global-typography-7bf0c4b-font-size );font-weight:var( --e-global-typography-7bf0c4b-font-weight );text-transform:var( --e-global-typography-7bf0c4b-text-transform );line-height:var( --e-global-typography-7bf0c4b-line-height );color:var( --e-global-color-76544c2 );}.elementor-1875 .elementor-element.elementor-element-879f753{--display:flex;--gap:10px 0px;--row-gap:10px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1875 .elementor-element.elementor-element-d197830 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-1875 .elementor-element.elementor-element-d197830 .elementor-heading-title{font-family:var( --e-global-typography-f3cef40-font-family ), Sans-serif;font-size:var( --e-global-typography-f3cef40-font-size );font-weight:var( --e-global-typography-f3cef40-font-weight );text-transform:var( --e-global-typography-f3cef40-text-transform );line-height:var( --e-global-typography-f3cef40-line-height );}.elementor-1875 .elementor-element.elementor-element-4ad3169 .elementor-heading-title{font-family:var( --e-global-typography-7bf0c4b-font-family ), Sans-serif;font-size:var( --e-global-typography-7bf0c4b-font-size );font-weight:var( --e-global-typography-7bf0c4b-font-weight );text-transform:var( --e-global-typography-7bf0c4b-text-transform );line-height:var( --e-global-typography-7bf0c4b-line-height );color:var( --e-global-color-76544c2 );}.elementor-1875 .elementor-element.elementor-element-fc5eb8c{--display:flex;--gap:10px 0px;--row-gap:10px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1875 .elementor-element.elementor-element-1c0ea77 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-1875 .elementor-element.elementor-element-1c0ea77 .elementor-heading-title{font-family:var( --e-global-typography-f3cef40-font-family ), Sans-serif;font-size:var( --e-global-typography-f3cef40-font-size );font-weight:var( --e-global-typography-f3cef40-font-weight );text-transform:var( --e-global-typography-f3cef40-text-transform );line-height:var( --e-global-typography-f3cef40-line-height );}.elementor-1875 .elementor-element.elementor-element-f44c1f6 .elementor-heading-title{font-family:var( --e-global-typography-7bf0c4b-font-family ), Sans-serif;font-size:var( --e-global-typography-7bf0c4b-font-size );font-weight:var( --e-global-typography-7bf0c4b-font-weight );text-transform:var( --e-global-typography-7bf0c4b-text-transform );line-height:var( --e-global-typography-7bf0c4b-line-height );color:var( --e-global-color-76544c2 );}.elementor-1875 .elementor-element.elementor-element-a572999{--display:flex;--gap:10px 0px;--row-gap:10px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1875 .elementor-element.elementor-element-3cce984 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-1875 .elementor-element.elementor-element-3cce984 .elementor-heading-title{font-family:var( --e-global-typography-f3cef40-font-family ), Sans-serif;font-size:var( --e-global-typography-f3cef40-font-size );font-weight:var( --e-global-typography-f3cef40-font-weight );text-transform:var( --e-global-typography-f3cef40-text-transform );line-height:var( --e-global-typography-f3cef40-line-height );}.elementor-1875 .elementor-element.elementor-element-caef749 .elementor-heading-title{font-family:var( --e-global-typography-7bf0c4b-font-family ), Sans-serif;font-size:var( --e-global-typography-7bf0c4b-font-size );font-weight:var( --e-global-typography-7bf0c4b-font-weight );text-transform:var( --e-global-typography-7bf0c4b-text-transform );line-height:var( --e-global-typography-7bf0c4b-line-height );color:var( --e-global-color-76544c2 );}.elementor-1875 .elementor-element.elementor-element-c05ef8a{--display:flex;--gap:10px 0px;--row-gap:10px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1875 .elementor-element.elementor-element-bffb621 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-1875 .elementor-element.elementor-element-bffb621 .elementor-heading-title{font-family:var( --e-global-typography-f3cef40-font-family ), Sans-serif;font-size:var( --e-global-typography-f3cef40-font-size );font-weight:var( --e-global-typography-f3cef40-font-weight );text-transform:var( --e-global-typography-f3cef40-text-transform );line-height:var( --e-global-typography-f3cef40-line-height );}.elementor-1875 .elementor-element.elementor-element-77c42d7 .elementor-heading-title{font-family:var( --e-global-typography-7bf0c4b-font-family ), Sans-serif;font-size:var( --e-global-typography-7bf0c4b-font-size );font-weight:var( --e-global-typography-7bf0c4b-font-weight );text-transform:var( --e-global-typography-7bf0c4b-text-transform );line-height:var( --e-global-typography-7bf0c4b-line-height );color:var( --e-global-color-76544c2 );}.elementor-1875 .elementor-element.elementor-element-a21bd33{--display:flex;--gap:10px 0px;--row-gap:10px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1875 .elementor-element.elementor-element-08d6cd2 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-1875 .elementor-element.elementor-element-08d6cd2 .elementor-heading-title{font-family:var( --e-global-typography-f3cef40-font-family ), Sans-serif;font-size:var( --e-global-typography-f3cef40-font-size );font-weight:var( --e-global-typography-f3cef40-font-weight );text-transform:var( --e-global-typography-f3cef40-text-transform );line-height:var( --e-global-typography-f3cef40-line-height );}.elementor-1875 .elementor-element.elementor-element-6c4de4b .elementor-heading-title{font-family:var( --e-global-typography-7bf0c4b-font-family ), Sans-serif;font-size:var( --e-global-typography-7bf0c4b-font-size );font-weight:var( --e-global-typography-7bf0c4b-font-weight );text-transform:var( --e-global-typography-7bf0c4b-text-transform );line-height:var( --e-global-typography-7bf0c4b-line-height );color:var( --e-global-color-76544c2 );}.elementor-1875 .elementor-element.elementor-element-de9d3d2{--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-title-justify-content:center;--n-tabs-title-align-items:center;--n-tabs-title-text-align:center;--n-tabs-title-gap:30px;--n-tabs-gap:50px;--n-tabs-title-transition:0s;--n-tabs-title-border-radius:0px 0px 0px 0px;--n-tabs-title-padding-top:10px;--n-tabs-title-padding-right:30px;--n-tabs-title-padding-bottom:10px;--n-tabs-title-padding-left:30px;--n-tabs-title-font-size:var( --e-global-typography-f3cef40-font-size );--n-tabs-title-color:var( --e-global-color-secondary );--n-tabs-title-color-active:var( --e-global-color-43b7b26 );}.elementor-1875 .elementor-element.elementor-element-de9d3d2 > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#F6F6FF00;}.elementor-1875 .elementor-element.elementor-element-de9d3d2.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#39241C00;border-style:none;}.elementor-1875 .elementor-element.elementor-element-de9d3d2.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-1875 .elementor-element.elementor-element-de9d3d2.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#39241C00;border-style:solid;border-width:0px 0px 2px 0px;border-color:var( --e-global-color-b33b5c6 );}.elementor-1875 .elementor-element.elementor-element-de9d3d2.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:not( :hover ){border-style:solid;border-width:0px 0px 2px 0px;border-color:var( --e-global-color-7af558c );}.elementor-1875 .elementor-element.elementor-element-de9d3d2.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:var( --e-global-typography-f3cef40-font-family ), Sans-serif;font-weight:var( --e-global-typography-f3cef40-font-weight );text-transform:var( --e-global-typography-f3cef40-text-transform );line-height:var( --e-global-typography-f3cef40-line-height );}.elementor-1875 .elementor-element.elementor-element-de9d3d2 [data-touch-mode="false"] .e-n-tab-title[aria-selected="false"]:hover{--n-tabs-title-color-hover:var( --e-global-color-43b7b26 );}:where( .elementor-1875 .elementor-element.elementor-element-de9d3d2.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-content ) > .e-con{border-style:none;--border-radius:0px 0px 0px 0px;}.elementor-1875 .elementor-element.elementor-element-3b56997{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--padding-top:100px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-1875 .elementor-element.elementor-element-132fad0{--display:flex;--justify-content:center;}.elementor-1875 .elementor-element.elementor-element-dc92b1e{text-align:center;}.elementor-1875 .elementor-element.elementor-element-dc92b1e .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:42px;font-weight:300;text-transform:capitalize;line-height:1.1em;}.elementor-1875 .elementor-element.elementor-element-a4e334d .qodef-qi-highlight{text-align:center;color:var( --e-global-color-secondary );font-family:var( --e-global-typography-f8cdd91-font-family ), Sans-serif;font-size:var( --e-global-typography-f8cdd91-font-size );font-weight:var( --e-global-typography-f8cdd91-font-weight );line-height:var( --e-global-typography-f8cdd91-line-height );}.elementor-1875 .elementor-element.elementor-element-a4e334d .qodef-qi-highlight .qodef-highlight-text{color:var( --e-global-color-43b7b26 );}.elementor-1875 .elementor-element.elementor-element-8b4f70e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-1875 .elementor-element.elementor-element-8b4f70e:not(.elementor-motion-effects-element-type-background), .elementor-1875 .elementor-element.elementor-element-8b4f70e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-faf5d15 );}.elementor-1875 .elementor-element.elementor-element-363c57d{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-1875 .elementor-element.elementor-element-da11d2c{--divider-border-style:solid;--divider-color:var( --e-global-color-accent );--divider-border-width:2px;}.elementor-1875 .elementor-element.elementor-element-da11d2c > .elementor-widget-container{margin:100px 0px 0px 0px;}.elementor-1875 .elementor-element.elementor-element-da11d2c .elementor-divider-separator{width:0px;margin:0 auto;margin-center:0;}.elementor-1875 .elementor-element.elementor-element-da11d2c .elementor-divider{text-align:center;}.elementor-1875 .elementor-element.elementor-element-bcdbaa1 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-1875 .elementor-element.elementor-element-bcdbaa1{text-align:center;}.elementor-1875 .elementor-element.elementor-element-bcdbaa1 .elementor-heading-title{font-family:var( --e-global-typography-00a41b0-font-family ), Sans-serif;font-size:var( --e-global-typography-00a41b0-font-size );font-weight:var( --e-global-typography-00a41b0-font-weight );text-transform:var( --e-global-typography-00a41b0-text-transform );line-height:var( --e-global-typography-00a41b0-line-height );word-spacing:var( --e-global-typography-00a41b0-word-spacing );color:var( --e-global-color-43b7b26 );}.elementor-1875 .elementor-element.elementor-element-b4e27eb .elementor-button:hover, .elementor-1875 .elementor-element.elementor-element-b4e27eb .elementor-button:focus{background-color:var( --e-global-color-5865318 );color:var( --e-global-color-secondary );}.elementor-1875 .elementor-element.elementor-element-b4e27eb > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-1875 .elementor-element.elementor-element-b4e27eb .elementor-button{font-family:"Helvetica", Sans-serif;font-size:14px;font-weight:500;text-transform:uppercase;text-decoration:none;line-height:1.4em;letter-spacing:8px;border-radius:0px 0px 0px 0px;padding:10px 30px 10px 30px;}.elementor-1875 .elementor-element.elementor-element-b4e27eb .elementor-button:hover svg, .elementor-1875 .elementor-element.elementor-element-b4e27eb .elementor-button:focus svg{fill:var( --e-global-color-secondary );}body.elementor-page-1875:not(.elementor-motion-effects-element-type-background), body.elementor-page-1875 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-faf5d15 );}:root{--page-title-display:none;}@media(min-width:768px){.elementor-1875 .elementor-element.elementor-element-132fad0{--width:50%;}}@media(max-width:1024px){.elementor-1875 .elementor-element.elementor-element-3dc72b5 .elementor-heading-title{font-size:1em;}.elementor-1875 .elementor-element.elementor-element-81bb03c .elementor-heading-title{font-size:var( --e-global-typography-00a41b0-font-size );line-height:var( --e-global-typography-00a41b0-line-height );word-spacing:var( --e-global-typography-00a41b0-word-spacing );}.elementor-1875 .elementor-element.elementor-element-433b5b0{--grid-auto-flow:row;}.elementor-1875 .elementor-element.elementor-element-cf47835 .elementor-heading-title{font-size:var( --e-global-typography-f3cef40-font-size );line-height:var( --e-global-typography-f3cef40-line-height );}.elementor-1875 .elementor-element.elementor-element-aaa76a0 .elementor-heading-title{font-size:var( --e-global-typography-7bf0c4b-font-size );line-height:var( --e-global-typography-7bf0c4b-line-height );}.elementor-1875 .elementor-element.elementor-element-29fbab7 .elementor-heading-title{font-size:var( --e-global-typography-f3cef40-font-size );line-height:var( --e-global-typography-f3cef40-line-height );}.elementor-1875 .elementor-element.elementor-element-feb3f86 .elementor-heading-title{font-size:var( --e-global-typography-7bf0c4b-font-size );line-height:var( --e-global-typography-7bf0c4b-line-height );}.elementor-1875 .elementor-element.elementor-element-97d54a9 .elementor-heading-title{font-size:var( --e-global-typography-f3cef40-font-size );line-height:var( --e-global-typography-f3cef40-line-height );}.elementor-1875 .elementor-element.elementor-element-f69d1ba .elementor-heading-title{font-size:var( --e-global-typography-7bf0c4b-font-size );line-height:var( --e-global-typography-7bf0c4b-line-height );}.elementor-1875 .elementor-element.elementor-element-5b3ea5c .elementor-heading-title{font-size:var( --e-global-typography-f3cef40-font-size );line-height:var( --e-global-typography-f3cef40-line-height );}.elementor-1875 .elementor-element.elementor-element-ee511bc .elementor-heading-title{font-size:var( --e-global-typography-7bf0c4b-font-size );line-height:var( --e-global-typography-7bf0c4b-line-height );}.elementor-1875 .elementor-element.elementor-element-d36f46a{--grid-auto-flow:row;}.elementor-1875 .elementor-element.elementor-element-51b3ebc .elementor-heading-title{font-size:var( --e-global-typography-f3cef40-font-size );line-height:var( --e-global-typography-f3cef40-line-height );}.elementor-1875 .elementor-element.elementor-element-4e80e1f .elementor-heading-title{font-size:var( --e-global-typography-7bf0c4b-font-size );line-height:var( --e-global-typography-7bf0c4b-line-height );}.elementor-1875 .elementor-element.elementor-element-d197830 .elementor-heading-title{font-size:var( --e-global-typography-f3cef40-font-size );line-height:var( --e-global-typography-f3cef40-line-height );}.elementor-1875 .elementor-element.elementor-element-4ad3169 .elementor-heading-title{font-size:var( --e-global-typography-7bf0c4b-font-size );line-height:var( --e-global-typography-7bf0c4b-line-height );}.elementor-1875 .elementor-element.elementor-element-1c0ea77 .elementor-heading-title{font-size:var( --e-global-typography-f3cef40-font-size );line-height:var( --e-global-typography-f3cef40-line-height );}.elementor-1875 .elementor-element.elementor-element-f44c1f6 .elementor-heading-title{font-size:var( --e-global-typography-7bf0c4b-font-size );line-height:var( --e-global-typography-7bf0c4b-line-height );}.elementor-1875 .elementor-element.elementor-element-3cce984 .elementor-heading-title{font-size:var( --e-global-typography-f3cef40-font-size );line-height:var( --e-global-typography-f3cef40-line-height );}.elementor-1875 .elementor-element.elementor-element-caef749 .elementor-heading-title{font-size:var( --e-global-typography-7bf0c4b-font-size );line-height:var( --e-global-typography-7bf0c4b-line-height );}.elementor-1875 .elementor-element.elementor-element-bffb621 .elementor-heading-title{font-size:var( --e-global-typography-f3cef40-font-size );line-height:var( --e-global-typography-f3cef40-line-height );}.elementor-1875 .elementor-element.elementor-element-77c42d7 .elementor-heading-title{font-size:var( --e-global-typography-7bf0c4b-font-size );line-height:var( --e-global-typography-7bf0c4b-line-height );}.elementor-1875 .elementor-element.elementor-element-08d6cd2 .elementor-heading-title{font-size:var( --e-global-typography-f3cef40-font-size );line-height:var( --e-global-typography-f3cef40-line-height );}.elementor-1875 .elementor-element.elementor-element-6c4de4b .elementor-heading-title{font-size:var( --e-global-typography-7bf0c4b-font-size );line-height:var( --e-global-typography-7bf0c4b-line-height );}.elementor-1875 .elementor-element.elementor-element-de9d3d2{--n-tabs-title-font-size:var( --e-global-typography-f3cef40-font-size );}.elementor-1875 .elementor-element.elementor-element-de9d3d2.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){line-height:var( --e-global-typography-f3cef40-line-height );}.elementor-1875 .elementor-element.elementor-element-dc92b1e .elementor-heading-title{font-size:1.9em;}.elementor-1875 .elementor-element.elementor-element-a4e334d .qodef-qi-highlight{font-size:var( --e-global-typography-f8cdd91-font-size );line-height:var( --e-global-typography-f8cdd91-line-height );}.elementor-1875 .elementor-element.elementor-element-bcdbaa1 .elementor-heading-title{font-size:var( --e-global-typography-00a41b0-font-size );line-height:var( --e-global-typography-00a41b0-line-height );word-spacing:var( --e-global-typography-00a41b0-word-spacing );}.elementor-1875 .elementor-element.elementor-element-b4e27eb .elementor-button{font-size:1rem;}}@media(max-width:767px){.elementor-1875 .elementor-element.elementor-element-3dc72b5 .elementor-heading-title{font-size:18px;}.elementor-1875 .elementor-element.elementor-element-a709d97 > .elementor-widget-container{margin:50px 0px 0px 0px;}.elementor-1875 .elementor-element.elementor-element-a709d97 .elementor-divider-separator{width:0px;}.elementor-1875 .elementor-element.elementor-element-81bb03c .elementor-heading-title{font-size:var( --e-global-typography-00a41b0-font-size );line-height:var( --e-global-typography-00a41b0-line-height );word-spacing:var( --e-global-typography-00a41b0-word-spacing );}.elementor-1875 .elementor-element.elementor-element-042f960{--gap:50px 0px;--row-gap:50px;--column-gap:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:10px;--padding-right:10px;}.elementor-1875 .elementor-element.elementor-element-433b5b0{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-1875 .elementor-element.elementor-element-e485165{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-1875 .elementor-element.elementor-element-cf47835 .elementor-heading-title{font-size:var( --e-global-typography-f3cef40-font-size );line-height:var( --e-global-typography-f3cef40-line-height );}.elementor-1875 .elementor-element.elementor-element-aaa76a0 .elementor-heading-title{font-size:var( --e-global-typography-7bf0c4b-font-size );line-height:var( --e-global-typography-7bf0c4b-line-height );}.elementor-1875 .elementor-element.elementor-element-76e1060{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-1875 .elementor-element.elementor-element-29fbab7 .elementor-heading-title{font-size:var( --e-global-typography-f3cef40-font-size );line-height:var( --e-global-typography-f3cef40-line-height );}.elementor-1875 .elementor-element.elementor-element-feb3f86 .elementor-heading-title{font-size:var( --e-global-typography-7bf0c4b-font-size );line-height:var( --e-global-typography-7bf0c4b-line-height );}.elementor-1875 .elementor-element.elementor-element-6b193d3{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-1875 .elementor-element.elementor-element-97d54a9 .elementor-heading-title{font-size:var( --e-global-typography-f3cef40-font-size );line-height:var( --e-global-typography-f3cef40-line-height );}.elementor-1875 .elementor-element.elementor-element-f69d1ba .elementor-heading-title{font-size:var( --e-global-typography-7bf0c4b-font-size );line-height:var( --e-global-typography-7bf0c4b-line-height );}.elementor-1875 .elementor-element.elementor-element-eb00507{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-1875 .elementor-element.elementor-element-5b3ea5c .elementor-heading-title{font-size:var( --e-global-typography-f3cef40-font-size );line-height:var( --e-global-typography-f3cef40-line-height );}.elementor-1875 .elementor-element.elementor-element-ee511bc .elementor-heading-title{font-size:var( --e-global-typography-7bf0c4b-font-size );line-height:var( --e-global-typography-7bf0c4b-line-height );}.elementor-1875 .elementor-element.elementor-element-d36f46a{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-1875 .elementor-element.elementor-element-5410e07{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-1875 .elementor-element.elementor-element-51b3ebc .elementor-heading-title{font-size:var( --e-global-typography-f3cef40-font-size );line-height:var( --e-global-typography-f3cef40-line-height );}.elementor-1875 .elementor-element.elementor-element-4e80e1f .elementor-heading-title{font-size:var( --e-global-typography-7bf0c4b-font-size );line-height:var( --e-global-typography-7bf0c4b-line-height );}.elementor-1875 .elementor-element.elementor-element-879f753{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-1875 .elementor-element.elementor-element-d197830 .elementor-heading-title{font-size:var( --e-global-typography-f3cef40-font-size );line-height:var( --e-global-typography-f3cef40-line-height );}.elementor-1875 .elementor-element.elementor-element-4ad3169 .elementor-heading-title{font-size:var( --e-global-typography-7bf0c4b-font-size );line-height:var( --e-global-typography-7bf0c4b-line-height );}.elementor-1875 .elementor-element.elementor-element-fc5eb8c{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-1875 .elementor-element.elementor-element-1c0ea77 .elementor-heading-title{font-size:var( --e-global-typography-f3cef40-font-size );line-height:var( --e-global-typography-f3cef40-line-height );}.elementor-1875 .elementor-element.elementor-element-f44c1f6 .elementor-heading-title{font-size:var( --e-global-typography-7bf0c4b-font-size );line-height:var( --e-global-typography-7bf0c4b-line-height );}.elementor-1875 .elementor-element.elementor-element-a572999{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-1875 .elementor-element.elementor-element-3cce984 .elementor-heading-title{font-size:var( --e-global-typography-f3cef40-font-size );line-height:var( --e-global-typography-f3cef40-line-height );}.elementor-1875 .elementor-element.elementor-element-caef749 .elementor-heading-title{font-size:var( --e-global-typography-7bf0c4b-font-size );line-height:var( --e-global-typography-7bf0c4b-line-height );}.elementor-1875 .elementor-element.elementor-element-c05ef8a{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-1875 .elementor-element.elementor-element-bffb621 .elementor-heading-title{font-size:var( --e-global-typography-f3cef40-font-size );line-height:var( --e-global-typography-f3cef40-line-height );}.elementor-1875 .elementor-element.elementor-element-77c42d7 .elementor-heading-title{font-size:var( --e-global-typography-7bf0c4b-font-size );line-height:var( --e-global-typography-7bf0c4b-line-height );}.elementor-1875 .elementor-element.elementor-element-a21bd33{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-1875 .elementor-element.elementor-element-08d6cd2 .elementor-heading-title{font-size:var( --e-global-typography-f3cef40-font-size );line-height:var( --e-global-typography-f3cef40-line-height );}.elementor-1875 .elementor-element.elementor-element-6c4de4b .elementor-heading-title{font-size:var( --e-global-typography-7bf0c4b-font-size );line-height:var( --e-global-typography-7bf0c4b-line-height );}.elementor-1875 .elementor-element.elementor-element-de9d3d2{--n-tabs-heading-wrap:nowrap;--n-tabs-heading-overflow-x:scroll;--n-tabs-title-white-space:nowrap;--n-tabs-title-font-size:var( --e-global-typography-f3cef40-font-size );}.elementor-1875 .elementor-element.elementor-element-de9d3d2.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){line-height:var( --e-global-typography-f3cef40-line-height );}.elementor-1875 .elementor-element.elementor-element-3b56997{--gap:50px 0px;--row-gap:50px;--column-gap:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:10px;--padding-right:10px;}.elementor-1875 .elementor-element.elementor-element-132fad0.e-con{--order:99999 /* order end hack */;}.elementor-1875 .elementor-element.elementor-element-dc92b1e .elementor-heading-title{font-size:28px;}.elementor-1875 .elementor-element.elementor-element-a4e334d .qodef-qi-highlight{font-size:var( --e-global-typography-f8cdd91-font-size );line-height:var( --e-global-typography-f8cdd91-line-height );}.elementor-1875 .elementor-element.elementor-element-8b4f70e{--padding-top:0px;--padding-bottom:100px;--padding-left:10px;--padding-right:10px;}.elementor-1875 .elementor-element.elementor-element-da11d2c > .elementor-widget-container{margin:50px 0px 0px 0px;}.elementor-1875 .elementor-element.elementor-element-da11d2c .elementor-divider-separator{width:0px;}.elementor-1875 .elementor-element.elementor-element-bcdbaa1 .elementor-heading-title{font-size:var( --e-global-typography-00a41b0-font-size );line-height:var( --e-global-typography-00a41b0-line-height );word-spacing:var( --e-global-typography-00a41b0-word-spacing );}.elementor-1875 .elementor-element.elementor-element-b4e27eb .elementor-button{font-size:1rem;}}@media(min-width:1025px){.elementor-1875 .elementor-element.elementor-element-1be0208:not(.elementor-motion-effects-element-type-background), .elementor-1875 .elementor-element.elementor-element-1be0208 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}/* Start custom CSS for divider, class: .elementor-element-a709d97 */.elementor-1875 .elementor-element.elementor-element-a709d97 { height: 400px; /* change as needed */ overflow: hidden; position: relative; } .elementor-1875 .elementor-element.elementor-element-a709d97::after { content: ""; position: absolute; top: 0; left: 50%; width: 2px; /* adjust as per your line thickness */ height: 100%; background: linear-gradient(to bottom, #FFF4ED, #AC8972, #FFF4ED); transform: scaleY(0); transform-origin: top; animation: lineReveal 2s ease forwards; animation-delay: 1.5s; /* 6300ms delay */ } @keyframes lineReveal { to { transform: scaleY(1); } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-1e94af4 */.elementor-1875 .elementor-element.elementor-element-1e94af4 img { width: 100%; height: auto; aspect-ratio: 4 / 5; object-fit: cover; object-position: center; display: block; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-cf47835 */.elementor-1875 .elementor-element.elementor-element-cf47835 { background: linear-gradient( 90deg, #FFF4ED 0%, #AC8972 50%, #FFF4ED 100% ); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; letter-spacing: 0.3em; font-weight: 500; text-transform: uppercase; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e485165 *//* Container Base Style */ .linehover { position: relative; background: #000; /* Change if needed */ color: #fff; padding: 10px; z-index: 1; overflow: hidden; transition: transform 0.3s ease; } /* Border Layers */ .linehover::before, .linehover::after { content: ""; position: absolute; inset: 0; padding: 1px; background: #fff; z-index: 0; opacity: 0; transition: opacity 0.2s ease; box-sizing: border-box; border-radius: 0; mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; } /* Border Path Initial States */ .linehover::before { clip-path: polygon(0% 100%, 0% 100%, 0% 100%, 0% 100%); } .linehover::after { clip-path: polygon(100% 0%, 100% 0%, 100% 0%, 100% 0%); } /* Hover Effect */ .linehover:hover { transform: scale(1.0); } .linehover:hover::before { opacity: 1; animation: drawFromBottomLeftToTopRight 1.4s ease forwards; } .linehover:hover::after { opacity: 1; animation: drawFromTopRightToBottomLeft 1.4s ease forwards; } /* Keyframes */ @keyframes drawFromBottomLeftToTopRight { 0% { clip-path: polygon(0% 100%, 0% 100%, 0% 100%, 0% 100%); } 25% { clip-path: polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%); } 50% { clip-path: polygon(0% 100%, 100% 100%, 100% 0%, 0% 100%); } 75% { clip-path: polygon(0% 100%, 100% 100%, 100% 0%, 0% 0%); } 100% { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); } } @keyframes drawFromTopRightToBottomLeft { 0% { clip-path: polygon(100% 0%, 100% 0%, 100% 0%, 100% 0%); } 25% { clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 100% 0%); } 50% { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 100% 0%); } 75% { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); } 100% { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-0dbc3d4 */.elementor-1875 .elementor-element.elementor-element-0dbc3d4 img { width: 100%; height: auto; aspect-ratio: 4 / 5; object-fit: cover; object-position: center; display: block; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-29fbab7 */.elementor-1875 .elementor-element.elementor-element-29fbab7 { background: linear-gradient( 90deg, #FFF4ED 0%, #AC8972 50%, #FFF4ED 100% ); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; letter-spacing: 0.3em; font-weight: 500; text-transform: uppercase; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-76e1060 *//* Container Base Style */ .linehover { position: relative; background: #000; /* Change if needed */ color: #fff; padding: 10px; z-index: 1; overflow: hidden; transition: transform 0.3s ease; } /* Border Layers */ .linehover::before, .linehover::after { content: ""; position: absolute; inset: 0; padding: 1px; background: #fff; z-index: 0; opacity: 0; transition: opacity 0.2s ease; box-sizing: border-box; border-radius: 0; mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; } /* Border Path Initial States */ .linehover::before { clip-path: polygon(0% 100%, 0% 100%, 0% 100%, 0% 100%); } .linehover::after { clip-path: polygon(100% 0%, 100% 0%, 100% 0%, 100% 0%); } /* Hover Effect */ .linehover:hover { transform: scale(1.0); } .linehover:hover::before { opacity: 1; animation: drawFromBottomLeftToTopRight 1.4s ease forwards; } .linehover:hover::after { opacity: 1; animation: drawFromTopRightToBottomLeft 1.4s ease forwards; } /* Keyframes */ @keyframes drawFromBottomLeftToTopRight { 0% { clip-path: polygon(0% 100%, 0% 100%, 0% 100%, 0% 100%); } 25% { clip-path: polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%); } 50% { clip-path: polygon(0% 100%, 100% 100%, 100% 0%, 0% 100%); } 75% { clip-path: polygon(0% 100%, 100% 100%, 100% 0%, 0% 0%); } 100% { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); } } @keyframes drawFromTopRightToBottomLeft { 0% { clip-path: polygon(100% 0%, 100% 0%, 100% 0%, 100% 0%); } 25% { clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 100% 0%); } 50% { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 100% 0%); } 75% { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); } 100% { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-b24bd5c */.elementor-1875 .elementor-element.elementor-element-b24bd5c img { width: 100%; height: auto; aspect-ratio: 4 / 5; object-fit: cover; object-position: center; display: block; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-97d54a9 */.elementor-1875 .elementor-element.elementor-element-97d54a9 { background: linear-gradient( 90deg, #FFF4ED 0%, #AC8972 50%, #FFF4ED 100% ); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; letter-spacing: 0.3em; font-weight: 500; text-transform: uppercase; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-6b193d3 *//* Container Base Style */ .linehover { position: relative; background: #000; /* Change if needed */ color: #fff; padding: 10px; z-index: 1; overflow: hidden; transition: transform 0.3s ease; } /* Border Layers */ .linehover::before, .linehover::after { content: ""; position: absolute; inset: 0; padding: 1px; background: #fff; z-index: 0; opacity: 0; transition: opacity 0.2s ease; box-sizing: border-box; border-radius: 0; mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; } /* Border Path Initial States */ .linehover::before { clip-path: polygon(0% 100%, 0% 100%, 0% 100%, 0% 100%); } .linehover::after { clip-path: polygon(100% 0%, 100% 0%, 100% 0%, 100% 0%); } /* Hover Effect */ .linehover:hover { transform: scale(1.0); } .linehover:hover::before { opacity: 1; animation: drawFromBottomLeftToTopRight 1.4s ease forwards; } .linehover:hover::after { opacity: 1; animation: drawFromTopRightToBottomLeft 1.4s ease forwards; } /* Keyframes */ @keyframes drawFromBottomLeftToTopRight { 0% { clip-path: polygon(0% 100%, 0% 100%, 0% 100%, 0% 100%); } 25% { clip-path: polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%); } 50% { clip-path: polygon(0% 100%, 100% 100%, 100% 0%, 0% 100%); } 75% { clip-path: polygon(0% 100%, 100% 100%, 100% 0%, 0% 0%); } 100% { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); } } @keyframes drawFromTopRightToBottomLeft { 0% { clip-path: polygon(100% 0%, 100% 0%, 100% 0%, 100% 0%); } 25% { clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 100% 0%); } 50% { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 100% 0%); } 75% { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); } 100% { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-5094cd3 */.elementor-1875 .elementor-element.elementor-element-5094cd3 img { width: 100%; height: auto; aspect-ratio: 4 / 5; object-fit: cover; object-position: center; display: block; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-5b3ea5c */.elementor-1875 .elementor-element.elementor-element-5b3ea5c { background: linear-gradient( 90deg, #FFF4ED 0%, #AC8972 50%, #FFF4ED 100% ); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; letter-spacing: 0.3em; font-weight: 500; text-transform: uppercase; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-eb00507 *//* Container Base Style */ .linehover { position: relative; background: #000; /* Change if needed */ color: #fff; padding: 10px; z-index: 1; overflow: hidden; transition: transform 0.3s ease; } /* Border Layers */ .linehover::before, .linehover::after { content: ""; position: absolute; inset: 0; padding: 1px; background: #fff; z-index: 0; opacity: 0; transition: opacity 0.2s ease; box-sizing: border-box; border-radius: 0; mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; } /* Border Path Initial States */ .linehover::before { clip-path: polygon(0% 100%, 0% 100%, 0% 100%, 0% 100%); } .linehover::after { clip-path: polygon(100% 0%, 100% 0%, 100% 0%, 100% 0%); } /* Hover Effect */ .linehover:hover { transform: scale(1.0); } .linehover:hover::before { opacity: 1; animation: drawFromBottomLeftToTopRight 1.4s ease forwards; } .linehover:hover::after { opacity: 1; animation: drawFromTopRightToBottomLeft 1.4s ease forwards; } /* Keyframes */ @keyframes drawFromBottomLeftToTopRight { 0% { clip-path: polygon(0% 100%, 0% 100%, 0% 100%, 0% 100%); } 25% { clip-path: polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%); } 50% { clip-path: polygon(0% 100%, 100% 100%, 100% 0%, 0% 100%); } 75% { clip-path: polygon(0% 100%, 100% 100%, 100% 0%, 0% 0%); } 100% { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); } } @keyframes drawFromTopRightToBottomLeft { 0% { clip-path: polygon(100% 0%, 100% 0%, 100% 0%, 100% 0%); } 25% { clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 100% 0%); } 50% { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 100% 0%); } 75% { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); } 100% { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-e31dcac */.elementor-1875 .elementor-element.elementor-element-e31dcac img { width: 100%; height: auto; aspect-ratio: 4 / 5; object-fit: cover; object-position: center; display: block; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-51b3ebc */.elementor-1875 .elementor-element.elementor-element-51b3ebc { background: linear-gradient( 90deg, #FFF4ED 0%, #AC8972 50%, #FFF4ED 100% ); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; letter-spacing: 0.3em; font-weight: 500; text-transform: uppercase; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5410e07 *//* Container Base Style */ .linehover { position: relative; background: #000; /* Change if needed */ color: #fff; padding: 10px; z-index: 1; overflow: hidden; transition: transform 0.3s ease; } /* Border Layers */ .linehover::before, .linehover::after { content: ""; position: absolute; inset: 0; padding: 1px; background: #fff; z-index: 0; opacity: 0; transition: opacity 0.2s ease; box-sizing: border-box; border-radius: 0; mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; } /* Border Path Initial States */ .linehover::before { clip-path: polygon(0% 100%, 0% 100%, 0% 100%, 0% 100%); } .linehover::after { clip-path: polygon(100% 0%, 100% 0%, 100% 0%, 100% 0%); } /* Hover Effect */ .linehover:hover { transform: scale(1.0); } .linehover:hover::before { opacity: 1; animation: drawFromBottomLeftToTopRight 1.4s ease forwards; } .linehover:hover::after { opacity: 1; animation: drawFromTopRightToBottomLeft 1.4s ease forwards; } /* Keyframes */ @keyframes drawFromBottomLeftToTopRight { 0% { clip-path: polygon(0% 100%, 0% 100%, 0% 100%, 0% 100%); } 25% { clip-path: polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%); } 50% { clip-path: polygon(0% 100%, 100% 100%, 100% 0%, 0% 100%); } 75% { clip-path: polygon(0% 100%, 100% 100%, 100% 0%, 0% 0%); } 100% { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); } } @keyframes drawFromTopRightToBottomLeft { 0% { clip-path: polygon(100% 0%, 100% 0%, 100% 0%, 100% 0%); } 25% { clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 100% 0%); } 50% { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 100% 0%); } 75% { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); } 100% { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-d2b7ae3 */.elementor-1875 .elementor-element.elementor-element-d2b7ae3 img { width: 100%; height: auto; aspect-ratio: 4 / 5; object-fit: cover; object-position: center; display: block; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-d197830 */.elementor-1875 .elementor-element.elementor-element-d197830 { background: linear-gradient( 90deg, #FFF4ED 0%, #AC8972 50%, #FFF4ED 100% ); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; letter-spacing: 0.3em; font-weight: 500; text-transform: uppercase; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-879f753 *//* Container Base Style */ .linehover { position: relative; background: #000; /* Change if needed */ color: #fff; padding: 10px; z-index: 1; overflow: hidden; transition: transform 0.3s ease; } /* Border Layers */ .linehover::before, .linehover::after { content: ""; position: absolute; inset: 0; padding: 1px; background: #fff; z-index: 0; opacity: 0; transition: opacity 0.2s ease; box-sizing: border-box; border-radius: 0; mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; } /* Border Path Initial States */ .linehover::before { clip-path: polygon(0% 100%, 0% 100%, 0% 100%, 0% 100%); } .linehover::after { clip-path: polygon(100% 0%, 100% 0%, 100% 0%, 100% 0%); } /* Hover Effect */ .linehover:hover { transform: scale(1.0); } .linehover:hover::before { opacity: 1; animation: drawFromBottomLeftToTopRight 1.4s ease forwards; } .linehover:hover::after { opacity: 1; animation: drawFromTopRightToBottomLeft 1.4s ease forwards; } /* Keyframes */ @keyframes drawFromBottomLeftToTopRight { 0% { clip-path: polygon(0% 100%, 0% 100%, 0% 100%, 0% 100%); } 25% { clip-path: polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%); } 50% { clip-path: polygon(0% 100%, 100% 100%, 100% 0%, 0% 100%); } 75% { clip-path: polygon(0% 100%, 100% 100%, 100% 0%, 0% 0%); } 100% { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); } } @keyframes drawFromTopRightToBottomLeft { 0% { clip-path: polygon(100% 0%, 100% 0%, 100% 0%, 100% 0%); } 25% { clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 100% 0%); } 50% { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 100% 0%); } 75% { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); } 100% { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-5967f1d */.elementor-1875 .elementor-element.elementor-element-5967f1d img { width: 100%; height: auto; aspect-ratio: 4 / 5; object-fit: cover; object-position: center; display: block; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-1c0ea77 */.elementor-1875 .elementor-element.elementor-element-1c0ea77 { background: linear-gradient( 90deg, #FFF4ED 0%, #AC8972 50%, #FFF4ED 100% ); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; letter-spacing: 0.3em; font-weight: 500; text-transform: uppercase; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-fc5eb8c *//* Container Base Style */ .linehover { position: relative; background: #000; /* Change if needed */ color: #fff; padding: 10px; z-index: 1; overflow: hidden; transition: transform 0.3s ease; } /* Border Layers */ .linehover::before, .linehover::after { content: ""; position: absolute; inset: 0; padding: 1px; background: #fff; z-index: 0; opacity: 0; transition: opacity 0.2s ease; box-sizing: border-box; border-radius: 0; mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; } /* Border Path Initial States */ .linehover::before { clip-path: polygon(0% 100%, 0% 100%, 0% 100%, 0% 100%); } .linehover::after { clip-path: polygon(100% 0%, 100% 0%, 100% 0%, 100% 0%); } /* Hover Effect */ .linehover:hover { transform: scale(1.0); } .linehover:hover::before { opacity: 1; animation: drawFromBottomLeftToTopRight 1.4s ease forwards; } .linehover:hover::after { opacity: 1; animation: drawFromTopRightToBottomLeft 1.4s ease forwards; } /* Keyframes */ @keyframes drawFromBottomLeftToTopRight { 0% { clip-path: polygon(0% 100%, 0% 100%, 0% 100%, 0% 100%); } 25% { clip-path: polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%); } 50% { clip-path: polygon(0% 100%, 100% 100%, 100% 0%, 0% 100%); } 75% { clip-path: polygon(0% 100%, 100% 100%, 100% 0%, 0% 0%); } 100% { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); } } @keyframes drawFromTopRightToBottomLeft { 0% { clip-path: polygon(100% 0%, 100% 0%, 100% 0%, 100% 0%); } 25% { clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 100% 0%); } 50% { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 100% 0%); } 75% { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); } 100% { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-b9410a0 */.elementor-1875 .elementor-element.elementor-element-b9410a0 img { width: 100%; height: auto; aspect-ratio: 4 / 5; object-fit: cover; object-position: center; display: block; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-3cce984 */.elementor-1875 .elementor-element.elementor-element-3cce984 { background: linear-gradient( 90deg, #FFF4ED 0%, #AC8972 50%, #FFF4ED 100% ); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; letter-spacing: 0.3em; font-weight: 500; text-transform: uppercase; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-a572999 *//* Container Base Style */ .linehover { position: relative; background: #000; /* Change if needed */ color: #fff; padding: 10px; z-index: 1; overflow: hidden; transition: transform 0.3s ease; } /* Border Layers */ .linehover::before, .linehover::after { content: ""; position: absolute; inset: 0; padding: 1px; background: #fff; z-index: 0; opacity: 0; transition: opacity 0.2s ease; box-sizing: border-box; border-radius: 0; mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; } /* Border Path Initial States */ .linehover::before { clip-path: polygon(0% 100%, 0% 100%, 0% 100%, 0% 100%); } .linehover::after { clip-path: polygon(100% 0%, 100% 0%, 100% 0%, 100% 0%); } /* Hover Effect */ .linehover:hover { transform: scale(1.0); } .linehover:hover::before { opacity: 1; animation: drawFromBottomLeftToTopRight 1.4s ease forwards; } .linehover:hover::after { opacity: 1; animation: drawFromTopRightToBottomLeft 1.4s ease forwards; } /* Keyframes */ @keyframes drawFromBottomLeftToTopRight { 0% { clip-path: polygon(0% 100%, 0% 100%, 0% 100%, 0% 100%); } 25% { clip-path: polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%); } 50% { clip-path: polygon(0% 100%, 100% 100%, 100% 0%, 0% 100%); } 75% { clip-path: polygon(0% 100%, 100% 100%, 100% 0%, 0% 0%); } 100% { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); } } @keyframes drawFromTopRightToBottomLeft { 0% { clip-path: polygon(100% 0%, 100% 0%, 100% 0%, 100% 0%); } 25% { clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 100% 0%); } 50% { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 100% 0%); } 75% { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); } 100% { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-71a0369 */.elementor-1875 .elementor-element.elementor-element-71a0369 img { width: 100%; height: auto; aspect-ratio: 4 / 5; object-fit: cover; object-position: center; display: block; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-bffb621 */.elementor-1875 .elementor-element.elementor-element-bffb621 { background: linear-gradient( 90deg, #FFF4ED 0%, #AC8972 50%, #FFF4ED 100% ); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; letter-spacing: 0.3em; font-weight: 500; text-transform: uppercase; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c05ef8a *//* Container Base Style */ .linehover { position: relative; background: #000; /* Change if needed */ color: #fff; padding: 10px; z-index: 1; overflow: hidden; transition: transform 0.3s ease; } /* Border Layers */ .linehover::before, .linehover::after { content: ""; position: absolute; inset: 0; padding: 1px; background: #fff; z-index: 0; opacity: 0; transition: opacity 0.2s ease; box-sizing: border-box; border-radius: 0; mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; } /* Border Path Initial States */ .linehover::before { clip-path: polygon(0% 100%, 0% 100%, 0% 100%, 0% 100%); } .linehover::after { clip-path: polygon(100% 0%, 100% 0%, 100% 0%, 100% 0%); } /* Hover Effect */ .linehover:hover { transform: scale(1.0); } .linehover:hover::before { opacity: 1; animation: drawFromBottomLeftToTopRight 1.4s ease forwards; } .linehover:hover::after { opacity: 1; animation: drawFromTopRightToBottomLeft 1.4s ease forwards; } /* Keyframes */ @keyframes drawFromBottomLeftToTopRight { 0% { clip-path: polygon(0% 100%, 0% 100%, 0% 100%, 0% 100%); } 25% { clip-path: polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%); } 50% { clip-path: polygon(0% 100%, 100% 100%, 100% 0%, 0% 100%); } 75% { clip-path: polygon(0% 100%, 100% 100%, 100% 0%, 0% 0%); } 100% { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); } } @keyframes drawFromTopRightToBottomLeft { 0% { clip-path: polygon(100% 0%, 100% 0%, 100% 0%, 100% 0%); } 25% { clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 100% 0%); } 50% { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 100% 0%); } 75% { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); } 100% { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-3c5550d */.elementor-1875 .elementor-element.elementor-element-3c5550d img { width: 100%; height: auto; aspect-ratio: 4 / 5; object-fit: cover; object-position: center; display: block; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-08d6cd2 */.elementor-1875 .elementor-element.elementor-element-08d6cd2 { background: linear-gradient( 90deg, #FFF4ED 0%, #AC8972 50%, #FFF4ED 100% ); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; letter-spacing: 0.3em; font-weight: 500; text-transform: uppercase; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-a21bd33 *//* Container Base Style */ .linehover { position: relative; background: #000; /* Change if needed */ color: #fff; padding: 10px; z-index: 1; overflow: hidden; transition: transform 0.3s ease; } /* Border Layers */ .linehover::before, .linehover::after { content: ""; position: absolute; inset: 0; padding: 1px; background: #fff; z-index: 0; opacity: 0; transition: opacity 0.2s ease; box-sizing: border-box; border-radius: 0; mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; } /* Border Path Initial States */ .linehover::before { clip-path: polygon(0% 100%, 0% 100%, 0% 100%, 0% 100%); } .linehover::after { clip-path: polygon(100% 0%, 100% 0%, 100% 0%, 100% 0%); } /* Hover Effect */ .linehover:hover { transform: scale(1.0); } .linehover:hover::before { opacity: 1; animation: drawFromBottomLeftToTopRight 1.4s ease forwards; } .linehover:hover::after { opacity: 1; animation: drawFromTopRightToBottomLeft 1.4s ease forwards; } /* Keyframes */ @keyframes drawFromBottomLeftToTopRight { 0% { clip-path: polygon(0% 100%, 0% 100%, 0% 100%, 0% 100%); } 25% { clip-path: polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%); } 50% { clip-path: polygon(0% 100%, 100% 100%, 100% 0%, 0% 100%); } 75% { clip-path: polygon(0% 100%, 100% 100%, 100% 0%, 0% 0%); } 100% { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); } } @keyframes drawFromTopRightToBottomLeft { 0% { clip-path: polygon(100% 0%, 100% 0%, 100% 0%, 100% 0%); } 25% { clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 100% 0%); } 50% { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 100% 0%); } 75% { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); } 100% { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-1e94af4 */.elementor-1875 .elementor-element.elementor-element-1e94af4 img { width: 100%; height: auto; aspect-ratio: 4 / 5; object-fit: cover; object-position: center; display: block; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-cf47835 */.elementor-1875 .elementor-element.elementor-element-cf47835 { background: linear-gradient( 90deg, #FFF4ED 0%, #AC8972 50%, #FFF4ED 100% ); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; letter-spacing: 0.3em; font-weight: 500; text-transform: uppercase; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e485165 *//* Container Base Style */ .linehover { position: relative; background: #000; /* Change if needed */ color: #fff; padding: 10px; z-index: 1; overflow: hidden; transition: transform 0.3s ease; } /* Border Layers */ .linehover::before, .linehover::after { content: ""; position: absolute; inset: 0; padding: 1px; background: #fff; z-index: 0; opacity: 0; transition: opacity 0.2s ease; box-sizing: border-box; border-radius: 0; mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; } /* Border Path Initial States */ .linehover::before { clip-path: polygon(0% 100%, 0% 100%, 0% 100%, 0% 100%); } .linehover::after { clip-path: polygon(100% 0%, 100% 0%, 100% 0%, 100% 0%); } /* Hover Effect */ .linehover:hover { transform: scale(1.0); } .linehover:hover::before { opacity: 1; animation: drawFromBottomLeftToTopRight 1.4s ease forwards; } .linehover:hover::after { opacity: 1; animation: drawFromTopRightToBottomLeft 1.4s ease forwards; } /* Keyframes */ @keyframes drawFromBottomLeftToTopRight { 0% { clip-path: polygon(0% 100%, 0% 100%, 0% 100%, 0% 100%); } 25% { clip-path: polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%); } 50% { clip-path: polygon(0% 100%, 100% 100%, 100% 0%, 0% 100%); } 75% { clip-path: polygon(0% 100%, 100% 100%, 100% 0%, 0% 0%); } 100% { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); } } @keyframes drawFromTopRightToBottomLeft { 0% { clip-path: polygon(100% 0%, 100% 0%, 100% 0%, 100% 0%); } 25% { clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 100% 0%); } 50% { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 100% 0%); } 75% { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); } 100% { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-0dbc3d4 */.elementor-1875 .elementor-element.elementor-element-0dbc3d4 img { width: 100%; height: auto; aspect-ratio: 4 / 5; object-fit: cover; object-position: center; display: block; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-29fbab7 */.elementor-1875 .elementor-element.elementor-element-29fbab7 { background: linear-gradient( 90deg, #FFF4ED 0%, #AC8972 50%, #FFF4ED 100% ); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; letter-spacing: 0.3em; font-weight: 500; text-transform: uppercase; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-76e1060 *//* Container Base Style */ .linehover { position: relative; background: #000; /* Change if needed */ color: #fff; padding: 10px; z-index: 1; overflow: hidden; transition: transform 0.3s ease; } /* Border Layers */ .linehover::before, .linehover::after { content: ""; position: absolute; inset: 0; padding: 1px; background: #fff; z-index: 0; opacity: 0; transition: opacity 0.2s ease; box-sizing: border-box; border-radius: 0; mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; } /* Border Path Initial States */ .linehover::before { clip-path: polygon(0% 100%, 0% 100%, 0% 100%, 0% 100%); } .linehover::after { clip-path: polygon(100% 0%, 100% 0%, 100% 0%, 100% 0%); } /* Hover Effect */ .linehover:hover { transform: scale(1.0); } .linehover:hover::before { opacity: 1; animation: drawFromBottomLeftToTopRight 1.4s ease forwards; } .linehover:hover::after { opacity: 1; animation: drawFromTopRightToBottomLeft 1.4s ease forwards; } /* Keyframes */ @keyframes drawFromBottomLeftToTopRight { 0% { clip-path: polygon(0% 100%, 0% 100%, 0% 100%, 0% 100%); } 25% { clip-path: polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%); } 50% { clip-path: polygon(0% 100%, 100% 100%, 100% 0%, 0% 100%); } 75% { clip-path: polygon(0% 100%, 100% 100%, 100% 0%, 0% 0%); } 100% { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); } } @keyframes drawFromTopRightToBottomLeft { 0% { clip-path: polygon(100% 0%, 100% 0%, 100% 0%, 100% 0%); } 25% { clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 100% 0%); } 50% { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 100% 0%); } 75% { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); } 100% { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-b24bd5c */.elementor-1875 .elementor-element.elementor-element-b24bd5c img { width: 100%; height: auto; aspect-ratio: 4 / 5; object-fit: cover; object-position: center; display: block; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-97d54a9 */.elementor-1875 .elementor-element.elementor-element-97d54a9 { background: linear-gradient( 90deg, #FFF4ED 0%, #AC8972 50%, #FFF4ED 100% ); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; letter-spacing: 0.3em; font-weight: 500; text-transform: uppercase; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-6b193d3 *//* Container Base Style */ .linehover { position: relative; background: #000; /* Change if needed */ color: #fff; padding: 10px; z-index: 1; overflow: hidden; transition: transform 0.3s ease; } /* Border Layers */ .linehover::before, .linehover::after { content: ""; position: absolute; inset: 0; padding: 1px; background: #fff; z-index: 0; opacity: 0; transition: opacity 0.2s ease; box-sizing: border-box; border-radius: 0; mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; } /* Border Path Initial States */ .linehover::before { clip-path: polygon(0% 100%, 0% 100%, 0% 100%, 0% 100%); } .linehover::after { clip-path: polygon(100% 0%, 100% 0%, 100% 0%, 100% 0%); } /* Hover Effect */ .linehover:hover { transform: scale(1.0); } .linehover:hover::before { opacity: 1; animation: drawFromBottomLeftToTopRight 1.4s ease forwards; } .linehover:hover::after { opacity: 1; animation: drawFromTopRightToBottomLeft 1.4s ease forwards; } /* Keyframes */ @keyframes drawFromBottomLeftToTopRight { 0% { clip-path: polygon(0% 100%, 0% 100%, 0% 100%, 0% 100%); } 25% { clip-path: polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%); } 50% { clip-path: polygon(0% 100%, 100% 100%, 100% 0%, 0% 100%); } 75% { clip-path: polygon(0% 100%, 100% 100%, 100% 0%, 0% 0%); } 100% { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); } } @keyframes drawFromTopRightToBottomLeft { 0% { clip-path: polygon(100% 0%, 100% 0%, 100% 0%, 100% 0%); } 25% { clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 100% 0%); } 50% { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 100% 0%); } 75% { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); } 100% { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-5094cd3 */.elementor-1875 .elementor-element.elementor-element-5094cd3 img { width: 100%; height: auto; aspect-ratio: 4 / 5; object-fit: cover; object-position: center; display: block; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-5b3ea5c */.elementor-1875 .elementor-element.elementor-element-5b3ea5c { background: linear-gradient( 90deg, #FFF4ED 0%, #AC8972 50%, #FFF4ED 100% ); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; letter-spacing: 0.3em; font-weight: 500; text-transform: uppercase; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-eb00507 *//* Container Base Style */ .linehover { position: relative; background: #000; /* Change if needed */ color: #fff; padding: 10px; z-index: 1; overflow: hidden; transition: transform 0.3s ease; } /* Border Layers */ .linehover::before, .linehover::after { content: ""; position: absolute; inset: 0; padding: 1px; background: #fff; z-index: 0; opacity: 0; transition: opacity 0.2s ease; box-sizing: border-box; border-radius: 0; mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; } /* Border Path Initial States */ .linehover::before { clip-path: polygon(0% 100%, 0% 100%, 0% 100%, 0% 100%); } .linehover::after { clip-path: polygon(100% 0%, 100% 0%, 100% 0%, 100% 0%); } /* Hover Effect */ .linehover:hover { transform: scale(1.0); } .linehover:hover::before { opacity: 1; animation: drawFromBottomLeftToTopRight 1.4s ease forwards; } .linehover:hover::after { opacity: 1; animation: drawFromTopRightToBottomLeft 1.4s ease forwards; } /* Keyframes */ @keyframes drawFromBottomLeftToTopRight { 0% { clip-path: polygon(0% 100%, 0% 100%, 0% 100%, 0% 100%); } 25% { clip-path: polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%); } 50% { clip-path: polygon(0% 100%, 100% 100%, 100% 0%, 0% 100%); } 75% { clip-path: polygon(0% 100%, 100% 100%, 100% 0%, 0% 0%); } 100% { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); } } @keyframes drawFromTopRightToBottomLeft { 0% { clip-path: polygon(100% 0%, 100% 0%, 100% 0%, 100% 0%); } 25% { clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 100% 0%); } 50% { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 100% 0%); } 75% { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); } 100% { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-e31dcac */.elementor-1875 .elementor-element.elementor-element-e31dcac img { width: 100%; height: auto; aspect-ratio: 4 / 5; object-fit: cover; object-position: center; display: block; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-51b3ebc */.elementor-1875 .elementor-element.elementor-element-51b3ebc { background: linear-gradient( 90deg, #FFF4ED 0%, #AC8972 50%, #FFF4ED 100% ); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; letter-spacing: 0.3em; font-weight: 500; text-transform: uppercase; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5410e07 *//* Container Base Style */ .linehover { position: relative; background: #000; /* Change if needed */ color: #fff; padding: 10px; z-index: 1; overflow: hidden; transition: transform 0.3s ease; } /* Border Layers */ .linehover::before, .linehover::after { content: ""; position: absolute; inset: 0; padding: 1px; background: #fff; z-index: 0; opacity: 0; transition: opacity 0.2s ease; box-sizing: border-box; border-radius: 0; mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; } /* Border Path Initial States */ .linehover::before { clip-path: polygon(0% 100%, 0% 100%, 0% 100%, 0% 100%); } .linehover::after { clip-path: polygon(100% 0%, 100% 0%, 100% 0%, 100% 0%); } /* Hover Effect */ .linehover:hover { transform: scale(1.0); } .linehover:hover::before { opacity: 1; animation: drawFromBottomLeftToTopRight 1.4s ease forwards; } .linehover:hover::after { opacity: 1; animation: drawFromTopRightToBottomLeft 1.4s ease forwards; } /* Keyframes */ @keyframes drawFromBottomLeftToTopRight { 0% { clip-path: polygon(0% 100%, 0% 100%, 0% 100%, 0% 100%); } 25% { clip-path: polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%); } 50% { clip-path: polygon(0% 100%, 100% 100%, 100% 0%, 0% 100%); } 75% { clip-path: polygon(0% 100%, 100% 100%, 100% 0%, 0% 0%); } 100% { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); } } @keyframes drawFromTopRightToBottomLeft { 0% { clip-path: polygon(100% 0%, 100% 0%, 100% 0%, 100% 0%); } 25% { clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 100% 0%); } 50% { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 100% 0%); } 75% { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); } 100% { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-d2b7ae3 */.elementor-1875 .elementor-element.elementor-element-d2b7ae3 img { width: 100%; height: auto; aspect-ratio: 4 / 5; object-fit: cover; object-position: center; display: block; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-d197830 */.elementor-1875 .elementor-element.elementor-element-d197830 { background: linear-gradient( 90deg, #FFF4ED 0%, #AC8972 50%, #FFF4ED 100% ); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; letter-spacing: 0.3em; font-weight: 500; text-transform: uppercase; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-879f753 *//* Container Base Style */ .linehover { position: relative; background: #000; /* Change if needed */ color: #fff; padding: 10px; z-index: 1; overflow: hidden; transition: transform 0.3s ease; } /* Border Layers */ .linehover::before, .linehover::after { content: ""; position: absolute; inset: 0; padding: 1px; background: #fff; z-index: 0; opacity: 0; transition: opacity 0.2s ease; box-sizing: border-box; border-radius: 0; mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; } /* Border Path Initial States */ .linehover::before { clip-path: polygon(0% 100%, 0% 100%, 0% 100%, 0% 100%); } .linehover::after { clip-path: polygon(100% 0%, 100% 0%, 100% 0%, 100% 0%); } /* Hover Effect */ .linehover:hover { transform: scale(1.0); } .linehover:hover::before { opacity: 1; animation: drawFromBottomLeftToTopRight 1.4s ease forwards; } .linehover:hover::after { opacity: 1; animation: drawFromTopRightToBottomLeft 1.4s ease forwards; } /* Keyframes */ @keyframes drawFromBottomLeftToTopRight { 0% { clip-path: polygon(0% 100%, 0% 100%, 0% 100%, 0% 100%); } 25% { clip-path: polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%); } 50% { clip-path: polygon(0% 100%, 100% 100%, 100% 0%, 0% 100%); } 75% { clip-path: polygon(0% 100%, 100% 100%, 100% 0%, 0% 0%); } 100% { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); } } @keyframes drawFromTopRightToBottomLeft { 0% { clip-path: polygon(100% 0%, 100% 0%, 100% 0%, 100% 0%); } 25% { clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 100% 0%); } 50% { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 100% 0%); } 75% { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); } 100% { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-5967f1d */.elementor-1875 .elementor-element.elementor-element-5967f1d img { width: 100%; height: auto; aspect-ratio: 4 / 5; object-fit: cover; object-position: center; display: block; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-1c0ea77 */.elementor-1875 .elementor-element.elementor-element-1c0ea77 { background: linear-gradient( 90deg, #FFF4ED 0%, #AC8972 50%, #FFF4ED 100% ); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; letter-spacing: 0.3em; font-weight: 500; text-transform: uppercase; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-fc5eb8c *//* Container Base Style */ .linehover { position: relative; background: #000; /* Change if needed */ color: #fff; padding: 10px; z-index: 1; overflow: hidden; transition: transform 0.3s ease; } /* Border Layers */ .linehover::before, .linehover::after { content: ""; position: absolute; inset: 0; padding: 1px; background: #fff; z-index: 0; opacity: 0; transition: opacity 0.2s ease; box-sizing: border-box; border-radius: 0; mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; } /* Border Path Initial States */ .linehover::before { clip-path: polygon(0% 100%, 0% 100%, 0% 100%, 0% 100%); } .linehover::after { clip-path: polygon(100% 0%, 100% 0%, 100% 0%, 100% 0%); } /* Hover Effect */ .linehover:hover { transform: scale(1.0); } .linehover:hover::before { opacity: 1; animation: drawFromBottomLeftToTopRight 1.4s ease forwards; } .linehover:hover::after { opacity: 1; animation: drawFromTopRightToBottomLeft 1.4s ease forwards; } /* Keyframes */ @keyframes drawFromBottomLeftToTopRight { 0% { clip-path: polygon(0% 100%, 0% 100%, 0% 100%, 0% 100%); } 25% { clip-path: polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%); } 50% { clip-path: polygon(0% 100%, 100% 100%, 100% 0%, 0% 100%); } 75% { clip-path: polygon(0% 100%, 100% 100%, 100% 0%, 0% 0%); } 100% { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); } } @keyframes drawFromTopRightToBottomLeft { 0% { clip-path: polygon(100% 0%, 100% 0%, 100% 0%, 100% 0%); } 25% { clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 100% 0%); } 50% { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 100% 0%); } 75% { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); } 100% { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-b9410a0 */.elementor-1875 .elementor-element.elementor-element-b9410a0 img { width: 100%; height: auto; aspect-ratio: 4 / 5; object-fit: cover; object-position: center; display: block; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-3cce984 */.elementor-1875 .elementor-element.elementor-element-3cce984 { background: linear-gradient( 90deg, #FFF4ED 0%, #AC8972 50%, #FFF4ED 100% ); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; letter-spacing: 0.3em; font-weight: 500; text-transform: uppercase; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-a572999 *//* Container Base Style */ .linehover { position: relative; background: #000; /* Change if needed */ color: #fff; padding: 10px; z-index: 1; overflow: hidden; transition: transform 0.3s ease; } /* Border Layers */ .linehover::before, .linehover::after { content: ""; position: absolute; inset: 0; padding: 1px; background: #fff; z-index: 0; opacity: 0; transition: opacity 0.2s ease; box-sizing: border-box; border-radius: 0; mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; } /* Border Path Initial States */ .linehover::before { clip-path: polygon(0% 100%, 0% 100%, 0% 100%, 0% 100%); } .linehover::after { clip-path: polygon(100% 0%, 100% 0%, 100% 0%, 100% 0%); } /* Hover Effect */ .linehover:hover { transform: scale(1.0); } .linehover:hover::before { opacity: 1; animation: drawFromBottomLeftToTopRight 1.4s ease forwards; } .linehover:hover::after { opacity: 1; animation: drawFromTopRightToBottomLeft 1.4s ease forwards; } /* Keyframes */ @keyframes drawFromBottomLeftToTopRight { 0% { clip-path: polygon(0% 100%, 0% 100%, 0% 100%, 0% 100%); } 25% { clip-path: polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%); } 50% { clip-path: polygon(0% 100%, 100% 100%, 100% 0%, 0% 100%); } 75% { clip-path: polygon(0% 100%, 100% 100%, 100% 0%, 0% 0%); } 100% { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); } } @keyframes drawFromTopRightToBottomLeft { 0% { clip-path: polygon(100% 0%, 100% 0%, 100% 0%, 100% 0%); } 25% { clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 100% 0%); } 50% { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 100% 0%); } 75% { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); } 100% { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-71a0369 */.elementor-1875 .elementor-element.elementor-element-71a0369 img { width: 100%; height: auto; aspect-ratio: 4 / 5; object-fit: cover; object-position: center; display: block; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-bffb621 */.elementor-1875 .elementor-element.elementor-element-bffb621 { background: linear-gradient( 90deg, #FFF4ED 0%, #AC8972 50%, #FFF4ED 100% ); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; letter-spacing: 0.3em; font-weight: 500; text-transform: uppercase; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c05ef8a *//* Container Base Style */ .linehover { position: relative; background: #000; /* Change if needed */ color: #fff; padding: 10px; z-index: 1; overflow: hidden; transition: transform 0.3s ease; } /* Border Layers */ .linehover::before, .linehover::after { content: ""; position: absolute; inset: 0; padding: 1px; background: #fff; z-index: 0; opacity: 0; transition: opacity 0.2s ease; box-sizing: border-box; border-radius: 0; mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; } /* Border Path Initial States */ .linehover::before { clip-path: polygon(0% 100%, 0% 100%, 0% 100%, 0% 100%); } .linehover::after { clip-path: polygon(100% 0%, 100% 0%, 100% 0%, 100% 0%); } /* Hover Effect */ .linehover:hover { transform: scale(1.0); } .linehover:hover::before { opacity: 1; animation: drawFromBottomLeftToTopRight 1.4s ease forwards; } .linehover:hover::after { opacity: 1; animation: drawFromTopRightToBottomLeft 1.4s ease forwards; } /* Keyframes */ @keyframes drawFromBottomLeftToTopRight { 0% { clip-path: polygon(0% 100%, 0% 100%, 0% 100%, 0% 100%); } 25% { clip-path: polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%); } 50% { clip-path: polygon(0% 100%, 100% 100%, 100% 0%, 0% 100%); } 75% { clip-path: polygon(0% 100%, 100% 100%, 100% 0%, 0% 0%); } 100% { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); } } @keyframes drawFromTopRightToBottomLeft { 0% { clip-path: polygon(100% 0%, 100% 0%, 100% 0%, 100% 0%); } 25% { clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 100% 0%); } 50% { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 100% 0%); } 75% { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); } 100% { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-3c5550d */.elementor-1875 .elementor-element.elementor-element-3c5550d img { width: 100%; height: auto; aspect-ratio: 4 / 5; object-fit: cover; object-position: center; display: block; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-08d6cd2 */.elementor-1875 .elementor-element.elementor-element-08d6cd2 { background: linear-gradient( 90deg, #FFF4ED 0%, #AC8972 50%, #FFF4ED 100% ); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; letter-spacing: 0.3em; font-weight: 500; text-transform: uppercase; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-a21bd33 *//* Container Base Style */ .linehover { position: relative; background: #000; /* Change if needed */ color: #fff; padding: 10px; z-index: 1; overflow: hidden; transition: transform 0.3s ease; } /* Border Layers */ .linehover::before, .linehover::after { content: ""; position: absolute; inset: 0; padding: 1px; background: #fff; z-index: 0; opacity: 0; transition: opacity 0.2s ease; box-sizing: border-box; border-radius: 0; mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; } /* Border Path Initial States */ .linehover::before { clip-path: polygon(0% 100%, 0% 100%, 0% 100%, 0% 100%); } .linehover::after { clip-path: polygon(100% 0%, 100% 0%, 100% 0%, 100% 0%); } /* Hover Effect */ .linehover:hover { transform: scale(1.0); } .linehover:hover::before { opacity: 1; animation: drawFromBottomLeftToTopRight 1.4s ease forwards; } .linehover:hover::after { opacity: 1; animation: drawFromTopRightToBottomLeft 1.4s ease forwards; } /* Keyframes */ @keyframes drawFromBottomLeftToTopRight { 0% { clip-path: polygon(0% 100%, 0% 100%, 0% 100%, 0% 100%); } 25% { clip-path: polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%); } 50% { clip-path: polygon(0% 100%, 100% 100%, 100% 0%, 0% 100%); } 75% { clip-path: polygon(0% 100%, 100% 100%, 100% 0%, 0% 0%); } 100% { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); } } @keyframes drawFromTopRightToBottomLeft { 0% { clip-path: polygon(100% 0%, 100% 0%, 100% 0%, 100% 0%); } 25% { clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 100% 0%); } 50% { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 100% 0%); } 75% { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); } 100% { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-1e94af4 */.elementor-1875 .elementor-element.elementor-element-1e94af4 img { width: 100%; height: auto; aspect-ratio: 4 / 5; object-fit: cover; object-position: center; display: block; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-cf47835 */.elementor-1875 .elementor-element.elementor-element-cf47835 { background: linear-gradient( 90deg, #FFF4ED 0%, #AC8972 50%, #FFF4ED 100% ); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; letter-spacing: 0.3em; font-weight: 500; text-transform: uppercase; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e485165 *//* Container Base Style */ .linehover { position: relative; background: #000; /* Change if needed */ color: #fff; padding: 10px; z-index: 1; overflow: hidden; transition: transform 0.3s ease; } /* Border Layers */ .linehover::before, .linehover::after { content: ""; position: absolute; inset: 0; padding: 1px; background: #fff; z-index: 0; opacity: 0; transition: opacity 0.2s ease; box-sizing: border-box; border-radius: 0; mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; } /* Border Path Initial States */ .linehover::before { clip-path: polygon(0% 100%, 0% 100%, 0% 100%, 0% 100%); } .linehover::after { clip-path: polygon(100% 0%, 100% 0%, 100% 0%, 100% 0%); } /* Hover Effect */ .linehover:hover { transform: scale(1.0); } .linehover:hover::before { opacity: 1; animation: drawFromBottomLeftToTopRight 1.4s ease forwards; } .linehover:hover::after { opacity: 1; animation: drawFromTopRightToBottomLeft 1.4s ease forwards; } /* Keyframes */ @keyframes drawFromBottomLeftToTopRight { 0% { clip-path: polygon(0% 100%, 0% 100%, 0% 100%, 0% 100%); } 25% { clip-path: polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%); } 50% { clip-path: polygon(0% 100%, 100% 100%, 100% 0%, 0% 100%); } 75% { clip-path: polygon(0% 100%, 100% 100%, 100% 0%, 0% 0%); } 100% { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); } } @keyframes drawFromTopRightToBottomLeft { 0% { clip-path: polygon(100% 0%, 100% 0%, 100% 0%, 100% 0%); } 25% { clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 100% 0%); } 50% { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 100% 0%); } 75% { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); } 100% { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-0dbc3d4 */.elementor-1875 .elementor-element.elementor-element-0dbc3d4 img { width: 100%; height: auto; aspect-ratio: 4 / 5; object-fit: cover; object-position: center; display: block; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-29fbab7 */.elementor-1875 .elementor-element.elementor-element-29fbab7 { background: linear-gradient( 90deg, #FFF4ED 0%, #AC8972 50%, #FFF4ED 100% ); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; letter-spacing: 0.3em; font-weight: 500; text-transform: uppercase; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-76e1060 *//* Container Base Style */ .linehover { position: relative; background: #000; /* Change if needed */ color: #fff; padding: 10px; z-index: 1; overflow: hidden; transition: transform 0.3s ease; } /* Border Layers */ .linehover::before, .linehover::after { content: ""; position: absolute; inset: 0; padding: 1px; background: #fff; z-index: 0; opacity: 0; transition: opacity 0.2s ease; box-sizing: border-box; border-radius: 0; mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; } /* Border Path Initial States */ .linehover::before { clip-path: polygon(0% 100%, 0% 100%, 0% 100%, 0% 100%); } .linehover::after { clip-path: polygon(100% 0%, 100% 0%, 100% 0%, 100% 0%); } /* Hover Effect */ .linehover:hover { transform: scale(1.0); } .linehover:hover::before { opacity: 1; animation: drawFromBottomLeftToTopRight 1.4s ease forwards; } .linehover:hover::after { opacity: 1; animation: drawFromTopRightToBottomLeft 1.4s ease forwards; } /* Keyframes */ @keyframes drawFromBottomLeftToTopRight { 0% { clip-path: polygon(0% 100%, 0% 100%, 0% 100%, 0% 100%); } 25% { clip-path: polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%); } 50% { clip-path: polygon(0% 100%, 100% 100%, 100% 0%, 0% 100%); } 75% { clip-path: polygon(0% 100%, 100% 100%, 100% 0%, 0% 0%); } 100% { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); } } @keyframes drawFromTopRightToBottomLeft { 0% { clip-path: polygon(100% 0%, 100% 0%, 100% 0%, 100% 0%); } 25% { clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 100% 0%); } 50% { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 100% 0%); } 75% { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); } 100% { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-b24bd5c */.elementor-1875 .elementor-element.elementor-element-b24bd5c img { width: 100%; height: auto; aspect-ratio: 4 / 5; object-fit: cover; object-position: center; display: block; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-97d54a9 */.elementor-1875 .elementor-element.elementor-element-97d54a9 { background: linear-gradient( 90deg, #FFF4ED 0%, #AC8972 50%, #FFF4ED 100% ); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; letter-spacing: 0.3em; font-weight: 500; text-transform: uppercase; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-6b193d3 *//* Container Base Style */ .linehover { position: relative; background: #000; /* Change if needed */ color: #fff; padding: 10px; z-index: 1; overflow: hidden; transition: transform 0.3s ease; } /* Border Layers */ .linehover::before, .linehover::after { content: ""; position: absolute; inset: 0; padding: 1px; background: #fff; z-index: 0; opacity: 0; transition: opacity 0.2s ease; box-sizing: border-box; border-radius: 0; mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; } /* Border Path Initial States */ .linehover::before { clip-path: polygon(0% 100%, 0% 100%, 0% 100%, 0% 100%); } .linehover::after { clip-path: polygon(100% 0%, 100% 0%, 100% 0%, 100% 0%); } /* Hover Effect */ .linehover:hover { transform: scale(1.0); } .linehover:hover::before { opacity: 1; animation: drawFromBottomLeftToTopRight 1.4s ease forwards; } .linehover:hover::after { opacity: 1; animation: drawFromTopRightToBottomLeft 1.4s ease forwards; } /* Keyframes */ @keyframes drawFromBottomLeftToTopRight { 0% { clip-path: polygon(0% 100%, 0% 100%, 0% 100%, 0% 100%); } 25% { clip-path: polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%); } 50% { clip-path: polygon(0% 100%, 100% 100%, 100% 0%, 0% 100%); } 75% { clip-path: polygon(0% 100%, 100% 100%, 100% 0%, 0% 0%); } 100% { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); } } @keyframes drawFromTopRightToBottomLeft { 0% { clip-path: polygon(100% 0%, 100% 0%, 100% 0%, 100% 0%); } 25% { clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 100% 0%); } 50% { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 100% 0%); } 75% { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); } 100% { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-5094cd3 */.elementor-1875 .elementor-element.elementor-element-5094cd3 img { width: 100%; height: auto; aspect-ratio: 4 / 5; object-fit: cover; object-position: center; display: block; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-5b3ea5c */.elementor-1875 .elementor-element.elementor-element-5b3ea5c { background: linear-gradient( 90deg, #FFF4ED 0%, #AC8972 50%, #FFF4ED 100% ); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; letter-spacing: 0.3em; font-weight: 500; text-transform: uppercase; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-eb00507 *//* Container Base Style */ .linehover { position: relative; background: #000; /* Change if needed */ color: #fff; padding: 10px; z-index: 1; overflow: hidden; transition: transform 0.3s ease; } /* Border Layers */ .linehover::before, .linehover::after { content: ""; position: absolute; inset: 0; padding: 1px; background: #fff; z-index: 0; opacity: 0; transition: opacity 0.2s ease; box-sizing: border-box; border-radius: 0; mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; } /* Border Path Initial States */ .linehover::before { clip-path: polygon(0% 100%, 0% 100%, 0% 100%, 0% 100%); } .linehover::after { clip-path: polygon(100% 0%, 100% 0%, 100% 0%, 100% 0%); } /* Hover Effect */ .linehover:hover { transform: scale(1.0); } .linehover:hover::before { opacity: 1; animation: drawFromBottomLeftToTopRight 1.4s ease forwards; } .linehover:hover::after { opacity: 1; animation: drawFromTopRightToBottomLeft 1.4s ease forwards; } /* Keyframes */ @keyframes drawFromBottomLeftToTopRight { 0% { clip-path: polygon(0% 100%, 0% 100%, 0% 100%, 0% 100%); } 25% { clip-path: polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%); } 50% { clip-path: polygon(0% 100%, 100% 100%, 100% 0%, 0% 100%); } 75% { clip-path: polygon(0% 100%, 100% 100%, 100% 0%, 0% 0%); } 100% { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); } } @keyframes drawFromTopRightToBottomLeft { 0% { clip-path: polygon(100% 0%, 100% 0%, 100% 0%, 100% 0%); } 25% { clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 100% 0%); } 50% { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 100% 0%); } 75% { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); } 100% { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-e31dcac */.elementor-1875 .elementor-element.elementor-element-e31dcac img { width: 100%; height: auto; aspect-ratio: 4 / 5; object-fit: cover; object-position: center; display: block; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-51b3ebc */.elementor-1875 .elementor-element.elementor-element-51b3ebc { background: linear-gradient( 90deg, #FFF4ED 0%, #AC8972 50%, #FFF4ED 100% ); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; letter-spacing: 0.3em; font-weight: 500; text-transform: uppercase; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5410e07 *//* Container Base Style */ .linehover { position: relative; background: #000; /* Change if needed */ color: #fff; padding: 10px; z-index: 1; overflow: hidden; transition: transform 0.3s ease; } /* Border Layers */ .linehover::before, .linehover::after { content: ""; position: absolute; inset: 0; padding: 1px; background: #fff; z-index: 0; opacity: 0; transition: opacity 0.2s ease; box-sizing: border-box; border-radius: 0; mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; } /* Border Path Initial States */ .linehover::before { clip-path: polygon(0% 100%, 0% 100%, 0% 100%, 0% 100%); } .linehover::after { clip-path: polygon(100% 0%, 100% 0%, 100% 0%, 100% 0%); } /* Hover Effect */ .linehover:hover { transform: scale(1.0); } .linehover:hover::before { opacity: 1; animation: drawFromBottomLeftToTopRight 1.4s ease forwards; } .linehover:hover::after { opacity: 1; animation: drawFromTopRightToBottomLeft 1.4s ease forwards; } /* Keyframes */ @keyframes drawFromBottomLeftToTopRight { 0% { clip-path: polygon(0% 100%, 0% 100%, 0% 100%, 0% 100%); } 25% { clip-path: polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%); } 50% { clip-path: polygon(0% 100%, 100% 100%, 100% 0%, 0% 100%); } 75% { clip-path: polygon(0% 100%, 100% 100%, 100% 0%, 0% 0%); } 100% { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); } } @keyframes drawFromTopRightToBottomLeft { 0% { clip-path: polygon(100% 0%, 100% 0%, 100% 0%, 100% 0%); } 25% { clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 100% 0%); } 50% { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 100% 0%); } 75% { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); } 100% { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-d2b7ae3 */.elementor-1875 .elementor-element.elementor-element-d2b7ae3 img { width: 100%; height: auto; aspect-ratio: 4 / 5; object-fit: cover; object-position: center; display: block; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-d197830 */.elementor-1875 .elementor-element.elementor-element-d197830 { background: linear-gradient( 90deg, #FFF4ED 0%, #AC8972 50%, #FFF4ED 100% ); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; letter-spacing: 0.3em; font-weight: 500; text-transform: uppercase; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-879f753 *//* Container Base Style */ .linehover { position: relative; background: #000; /* Change if needed */ color: #fff; padding: 10px; z-index: 1; overflow: hidden; transition: transform 0.3s ease; } /* Border Layers */ .linehover::before, .linehover::after { content: ""; position: absolute; inset: 0; padding: 1px; background: #fff; z-index: 0; opacity: 0; transition: opacity 0.2s ease; box-sizing: border-box; border-radius: 0; mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; } /* Border Path Initial States */ .linehover::before { clip-path: polygon(0% 100%, 0% 100%, 0% 100%, 0% 100%); } .linehover::after { clip-path: polygon(100% 0%, 100% 0%, 100% 0%, 100% 0%); } /* Hover Effect */ .linehover:hover { transform: scale(1.0); } .linehover:hover::before { opacity: 1; animation: drawFromBottomLeftToTopRight 1.4s ease forwards; } .linehover:hover::after { opacity: 1; animation: drawFromTopRightToBottomLeft 1.4s ease forwards; } /* Keyframes */ @keyframes drawFromBottomLeftToTopRight { 0% { clip-path: polygon(0% 100%, 0% 100%, 0% 100%, 0% 100%); } 25% { clip-path: polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%); } 50% { clip-path: polygon(0% 100%, 100% 100%, 100% 0%, 0% 100%); } 75% { clip-path: polygon(0% 100%, 100% 100%, 100% 0%, 0% 0%); } 100% { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); } } @keyframes drawFromTopRightToBottomLeft { 0% { clip-path: polygon(100% 0%, 100% 0%, 100% 0%, 100% 0%); } 25% { clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 100% 0%); } 50% { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 100% 0%); } 75% { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); } 100% { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-5967f1d */.elementor-1875 .elementor-element.elementor-element-5967f1d img { width: 100%; height: auto; aspect-ratio: 4 / 5; object-fit: cover; object-position: center; display: block; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-1c0ea77 */.elementor-1875 .elementor-element.elementor-element-1c0ea77 { background: linear-gradient( 90deg, #FFF4ED 0%, #AC8972 50%, #FFF4ED 100% ); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; letter-spacing: 0.3em; font-weight: 500; text-transform: uppercase; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-fc5eb8c *//* Container Base Style */ .linehover { position: relative; background: #000; /* Change if needed */ color: #fff; padding: 10px; z-index: 1; overflow: hidden; transition: transform 0.3s ease; } /* Border Layers */ .linehover::before, .linehover::after { content: ""; position: absolute; inset: 0; padding: 1px; background: #fff; z-index: 0; opacity: 0; transition: opacity 0.2s ease; box-sizing: border-box; border-radius: 0; mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; } /* Border Path Initial States */ .linehover::before { clip-path: polygon(0% 100%, 0% 100%, 0% 100%, 0% 100%); } .linehover::after { clip-path: polygon(100% 0%, 100% 0%, 100% 0%, 100% 0%); } /* Hover Effect */ .linehover:hover { transform: scale(1.0); } .linehover:hover::before { opacity: 1; animation: drawFromBottomLeftToTopRight 1.4s ease forwards; } .linehover:hover::after { opacity: 1; animation: drawFromTopRightToBottomLeft 1.4s ease forwards; } /* Keyframes */ @keyframes drawFromBottomLeftToTopRight { 0% { clip-path: polygon(0% 100%, 0% 100%, 0% 100%, 0% 100%); } 25% { clip-path: polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%); } 50% { clip-path: polygon(0% 100%, 100% 100%, 100% 0%, 0% 100%); } 75% { clip-path: polygon(0% 100%, 100% 100%, 100% 0%, 0% 0%); } 100% { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); } } @keyframes drawFromTopRightToBottomLeft { 0% { clip-path: polygon(100% 0%, 100% 0%, 100% 0%, 100% 0%); } 25% { clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 100% 0%); } 50% { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 100% 0%); } 75% { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); } 100% { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-b9410a0 */.elementor-1875 .elementor-element.elementor-element-b9410a0 img { width: 100%; height: auto; aspect-ratio: 4 / 5; object-fit: cover; object-position: center; display: block; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-3cce984 */.elementor-1875 .elementor-element.elementor-element-3cce984 { background: linear-gradient( 90deg, #FFF4ED 0%, #AC8972 50%, #FFF4ED 100% ); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; letter-spacing: 0.3em; font-weight: 500; text-transform: uppercase; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-a572999 *//* Container Base Style */ .linehover { position: relative; background: #000; /* Change if needed */ color: #fff; padding: 10px; z-index: 1; overflow: hidden; transition: transform 0.3s ease; } /* Border Layers */ .linehover::before, .linehover::after { content: ""; position: absolute; inset: 0; padding: 1px; background: #fff; z-index: 0; opacity: 0; transition: opacity 0.2s ease; box-sizing: border-box; border-radius: 0; mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; } /* Border Path Initial States */ .linehover::before { clip-path: polygon(0% 100%, 0% 100%, 0% 100%, 0% 100%); } .linehover::after { clip-path: polygon(100% 0%, 100% 0%, 100% 0%, 100% 0%); } /* Hover Effect */ .linehover:hover { transform: scale(1.0); } .linehover:hover::before { opacity: 1; animation: drawFromBottomLeftToTopRight 1.4s ease forwards; } .linehover:hover::after { opacity: 1; animation: drawFromTopRightToBottomLeft 1.4s ease forwards; } /* Keyframes */ @keyframes drawFromBottomLeftToTopRight { 0% { clip-path: polygon(0% 100%, 0% 100%, 0% 100%, 0% 100%); } 25% { clip-path: polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%); } 50% { clip-path: polygon(0% 100%, 100% 100%, 100% 0%, 0% 100%); } 75% { clip-path: polygon(0% 100%, 100% 100%, 100% 0%, 0% 0%); } 100% { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); } } @keyframes drawFromTopRightToBottomLeft { 0% { clip-path: polygon(100% 0%, 100% 0%, 100% 0%, 100% 0%); } 25% { clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 100% 0%); } 50% { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 100% 0%); } 75% { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); } 100% { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-71a0369 */.elementor-1875 .elementor-element.elementor-element-71a0369 img { width: 100%; height: auto; aspect-ratio: 4 / 5; object-fit: cover; object-position: center; display: block; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-bffb621 */.elementor-1875 .elementor-element.elementor-element-bffb621 { background: linear-gradient( 90deg, #FFF4ED 0%, #AC8972 50%, #FFF4ED 100% ); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; letter-spacing: 0.3em; font-weight: 500; text-transform: uppercase; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c05ef8a *//* Container Base Style */ .linehover { position: relative; background: #000; /* Change if needed */ color: #fff; padding: 10px; z-index: 1; overflow: hidden; transition: transform 0.3s ease; } /* Border Layers */ .linehover::before, .linehover::after { content: ""; position: absolute; inset: 0; padding: 1px; background: #fff; z-index: 0; opacity: 0; transition: opacity 0.2s ease; box-sizing: border-box; border-radius: 0; mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; } /* Border Path Initial States */ .linehover::before { clip-path: polygon(0% 100%, 0% 100%, 0% 100%, 0% 100%); } .linehover::after { clip-path: polygon(100% 0%, 100% 0%, 100% 0%, 100% 0%); } /* Hover Effect */ .linehover:hover { transform: scale(1.0); } .linehover:hover::before { opacity: 1; animation: drawFromBottomLeftToTopRight 1.4s ease forwards; } .linehover:hover::after { opacity: 1; animation: drawFromTopRightToBottomLeft 1.4s ease forwards; } /* Keyframes */ @keyframes drawFromBottomLeftToTopRight { 0% { clip-path: polygon(0% 100%, 0% 100%, 0% 100%, 0% 100%); } 25% { clip-path: polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%); } 50% { clip-path: polygon(0% 100%, 100% 100%, 100% 0%, 0% 100%); } 75% { clip-path: polygon(0% 100%, 100% 100%, 100% 0%, 0% 0%); } 100% { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); } } @keyframes drawFromTopRightToBottomLeft { 0% { clip-path: polygon(100% 0%, 100% 0%, 100% 0%, 100% 0%); } 25% { clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 100% 0%); } 50% { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 100% 0%); } 75% { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); } 100% { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-3c5550d */.elementor-1875 .elementor-element.elementor-element-3c5550d img { width: 100%; height: auto; aspect-ratio: 4 / 5; object-fit: cover; object-position: center; display: block; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-08d6cd2 */.elementor-1875 .elementor-element.elementor-element-08d6cd2 { background: linear-gradient( 90deg, #FFF4ED 0%, #AC8972 50%, #FFF4ED 100% ); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; letter-spacing: 0.3em; font-weight: 500; text-transform: uppercase; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-a21bd33 *//* Container Base Style */ .linehover { position: relative; background: #000; /* Change if needed */ color: #fff; padding: 10px; z-index: 1; overflow: hidden; transition: transform 0.3s ease; } /* Border Layers */ .linehover::before, .linehover::after { content: ""; position: absolute; inset: 0; padding: 1px; background: #fff; z-index: 0; opacity: 0; transition: opacity 0.2s ease; box-sizing: border-box; border-radius: 0; mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; } /* Border Path Initial States */ .linehover::before { clip-path: polygon(0% 100%, 0% 100%, 0% 100%, 0% 100%); } .linehover::after { clip-path: polygon(100% 0%, 100% 0%, 100% 0%, 100% 0%); } /* Hover Effect */ .linehover:hover { transform: scale(1.0); } .linehover:hover::before { opacity: 1; animation: drawFromBottomLeftToTopRight 1.4s ease forwards; } .linehover:hover::after { opacity: 1; animation: drawFromTopRightToBottomLeft 1.4s ease forwards; } /* Keyframes */ @keyframes drawFromBottomLeftToTopRight { 0% { clip-path: polygon(0% 100%, 0% 100%, 0% 100%, 0% 100%); } 25% { clip-path: polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%); } 50% { clip-path: polygon(0% 100%, 100% 100%, 100% 0%, 0% 100%); } 75% { clip-path: polygon(0% 100%, 100% 100%, 100% 0%, 0% 0%); } 100% { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); } } @keyframes drawFromTopRightToBottomLeft { 0% { clip-path: polygon(100% 0%, 100% 0%, 100% 0%, 100% 0%); } 25% { clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 100% 0%); } 50% { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 100% 0%); } 75% { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); } 100% { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-dc92b1e */.elementor-1875 .elementor-element.elementor-element-dc92b1e { background: linear-gradient( 90deg, #FFF4ED 0%, #AC8972 50%, #FFF4ED 100% ); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; font-weight: 500; text-transform: uppercase; }/* End custom CSS */ /* Start custom CSS for divider, class: .elementor-element-da11d2c */.elementor-1875 .elementor-element.elementor-element-da11d2c { height: 300px; /* adjust as per your line height */ overflow: hidden; position: relative; } .elementor-1875 .elementor-element.elementor-element-da11d2c::after { content: ""; position: absolute; top: 0; left: 50%; width: 2px; /* match divider thickness */ height: 100%; background: linear-gradient(to bottom, #FFF4ED, #AC8972, #FFF4ED); transform: scaleY(0); transform-origin: top; animation: lineReveal 2s ease forwards; } @keyframes lineReveal { to { transform: scaleY(1); } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-b4e27eb */.elementor-1875 .elementor-element.elementor-element-b4e27eb .elementor-button { position: relative; background: linear-gradient(90deg, #FFF4ED 0%, #AC8972 50%, #FFF4ED 100%); color: #2E2216; font-weight: 500; letter-spacing: 0.3em; padding: 14px 36px; border: none; border-radius: 0px; overflow: hidden; z-index: 1; transition: color 0.4s ease, background 0.4s ease, transform 0.3s ease; } .elementor-1875 .elementor-element.elementor-element-b4e27eb .elementor-button::before, .elementor-1875 .elementor-element.elementor-element-b4e27eb .elementor-button::after { content: ""; position: absolute; inset: 0; padding: 1px; background: #fff; z-index: 0; opacity: 0; transition: opacity 0.2s ease; box-sizing: border-box; border-radius: 0; mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; } /* 1st line — bottom left to top right */ .elementor-1875 .elementor-element.elementor-element-b4e27eb .elementor-button::before { clip-path: polygon(0% 100%, 0% 100%, 0% 100%, 0% 100%); } /* 2nd line — top right to bottom left */ .elementor-1875 .elementor-element.elementor-element-b4e27eb .elementor-button::after { clip-path: polygon(100% 0%, 100% 0%, 100% 0%, 100% 0%); } .elementor-1875 .elementor-element.elementor-element-b4e27eb .elementor-button:hover { color: #fff; background: #000; transform: scale(1.05); } .elementor-1875 .elementor-element.elementor-element-b4e27eb .elementor-button:hover::before { opacity: 1; animation: drawFromBottomLeftToTopRight 1.4s ease forwards; } .elementor-1875 .elementor-element.elementor-element-b4e27eb .elementor-button:hover::after { opacity: 1; animation: drawFromTopRightToBottomLeft 1.4s ease forwards; } /* 1st path — from bottom left to top right */ @keyframes drawFromBottomLeftToTopRight { 0% { clip-path: polygon(0% 100%, 0% 100%, 0% 100%, 0% 100%); } 25% { clip-path: polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%); } 50% { clip-path: polygon(0% 100%, 100% 100%, 100% 0%, 0% 100%); } 75% { clip-path: polygon(0% 100%, 100% 100%, 100% 0%, 0% 0%); } 100% { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); } } /* 2nd path — from top right to bottom left */ @keyframes drawFromTopRightToBottomLeft { 0% { clip-path: polygon(100% 0%, 100% 0%, 100% 0%, 100% 0%); } 25% { clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 100% 0%); } 50% { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 100% 0%); } 75% { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); } 100% { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); } }/* End custom CSS */