.elementor-widget-container.premium-cursor-ftext .premium-global-cursor-{{ID}} .premium-cursor-follow-text{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-container .premium-global-cursor-{{ID}}{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-widget-container .premium-global-badge-{{ID}} .premium-badge-text{color:var( --e-global-color-secondary );}.elementor-widget-container:not(.premium-gbadge-custom) .premium-global-badge-{{ID}} .premium-badge-container, .elementor-widget-container.premium-gbadge-custom .premium-global-badge-{{ID}} .premium-badge-container{background-color:var( --e-global-color-primary );}.elementor-widget-container .premium-global-badge-{{ID}} .premium-badge-icon{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-14 .elementor-element.elementor-element-68a224b{--display:flex;--position:absolute;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:80px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;top:0px;--z-index:100;}body:not(.rtl) .elementor-14 .elementor-element.elementor-element-68a224b{left:0px;}body.rtl .elementor-14 .elementor-element.elementor-element-68a224b{right:0px;}.elementor-14 .elementor-element.elementor-element-0f1ba0e{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:25px 25px 25px 25px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:350;}.elementor-14 .elementor-element.elementor-element-0f1ba0e:not(.elementor-motion-effects-element-type-background), .elementor-14 .elementor-element.elementor-element-0f1ba0e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-50cc483 );}.elementor-14 .elementor-element.elementor-element-3252dce{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--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-14 .elementor-element.elementor-element-3252dce.e-con{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-widget-icon-list.premium-cursor-ftext .premium-global-cursor-{{ID}} .premium-cursor-follow-text{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-icon-list .premium-global-cursor-{{ID}}{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-widget-icon-list .premium-global-badge-{{ID}} .premium-badge-text{color:var( --e-global-color-secondary );}.elementor-widget-icon-list:not(.premium-gbadge-custom) .premium-global-badge-{{ID}} .premium-badge-container, .elementor-widget-icon-list.premium-gbadge-custom .premium-global-badge-{{ID}} .premium-badge-container{background-color:var( --e-global-color-primary );}.elementor-widget-icon-list .premium-global-badge-{{ID}} .premium-badge-icon{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-14 .elementor-element.elementor-element-0f716fd{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 25px;--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-14 .elementor-element.elementor-element-0f716fd .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(10px/2);}.elementor-14 .elementor-element.elementor-element-0f716fd .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(10px/2);}.elementor-14 .elementor-element.elementor-element-0f716fd .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(10px/2);}.elementor-14 .elementor-element.elementor-element-0f716fd .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-10px/2);}.elementor-14 .elementor-element.elementor-element-0f716fd .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-10px/2);}.elementor-14 .elementor-element.elementor-element-0f716fd .elementor-icon-list-icon i{color:var( --e-global-color-0867061 );transition:color 0.3s;}.elementor-14 .elementor-element.elementor-element-0f716fd .elementor-icon-list-icon svg{fill:var( --e-global-color-0867061 );transition:fill 0.3s;}.elementor-14 .elementor-element.elementor-element-0f716fd .elementor-icon-list-item > .elementor-icon-list-text, .elementor-14 .elementor-element.elementor-element-0f716fd .elementor-icon-list-item > a{font-family:"erotique", Sans-serif;font-size:18px;font-weight:400;}.elementor-14 .elementor-element.elementor-element-0f716fd .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-14 .elementor-element.elementor-element-24e50db{--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;--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-14 .elementor-element.elementor-element-24e50db.e-con{--align-self:center;}.elementor-widget-image.premium-cursor-ftext .premium-global-cursor-{{ID}} .premium-cursor-follow-text{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-image .premium-global-cursor-{{ID}}{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-widget-image .premium-global-badge-{{ID}} .premium-badge-text{color:var( --e-global-color-secondary );}.elementor-widget-image:not(.premium-gbadge-custom) .premium-global-badge-{{ID}} .premium-badge-container, .elementor-widget-image.premium-gbadge-custom .premium-global-badge-{{ID}} .premium-badge-container{background-color:var( --e-global-color-primary );}.elementor-widget-image .premium-global-badge-{{ID}} .premium-badge-icon{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-14 .elementor-element.elementor-element-6afafb9{margin:-100px 0px calc(var(--kit-widget-spacing, 0px) + -100px) 0px;}.elementor-14 .elementor-element.elementor-element-6afafb9 img{width:60%;}.elementor-14 .elementor-element.elementor-element-8da12e9{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;--gap:0px 0px;--row-gap:0px;--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-14 .elementor-element.elementor-element-ccaad0d{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:10px;}.elementor-widget-heading.premium-cursor-ftext .premium-global-cursor-{{ID}} .premium-cursor-follow-text{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-heading .premium-global-cursor-{{ID}}{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-widget-heading .premium-global-badge-{{ID}} .premium-badge-text{color:var( --e-global-color-secondary );}.elementor-widget-heading:not(.premium-gbadge-custom) .premium-global-badge-{{ID}} .premium-badge-container, .elementor-widget-heading.premium-gbadge-custom .premium-global-badge-{{ID}} .premium-badge-container{background-color:var( --e-global-color-primary );}.elementor-widget-heading .premium-global-badge-{{ID}} .premium-badge-icon{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-14 .elementor-element.elementor-element-c1178af .elementor-heading-title{font-family:"erotique", Sans-serif;font-size:22px;font-weight:700;color:#FFFFFF;}.elementor-14 .elementor-element.elementor-element-5c5ff52{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:45px;}.elementor-14 .elementor-element.elementor-element-8a1a5ca{width:auto;max-width:auto;}.elementor-14 .elementor-element.elementor-element-e6a0b04 .elementor-heading-title{font-family:"erotique", Sans-serif;font-size:25px;font-weight:700;color:#FFFFFF;}.elementor-14 .elementor-element.elementor-element-a859c62{--display:flex;--position:absolute;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:80px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;top:0px;--z-index:100;}body:not(.rtl) .elementor-14 .elementor-element.elementor-element-a859c62{left:0px;}body.rtl .elementor-14 .elementor-element.elementor-element-a859c62{right:0px;}.elementor-14 .elementor-element.elementor-element-29dac22{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:25px 25px 25px 25px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:350;}.elementor-14 .elementor-element.elementor-element-29dac22:not(.elementor-motion-effects-element-type-background), .elementor-14 .elementor-element.elementor-element-29dac22 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-50cc483 );}.elementor-14 .elementor-element.elementor-element-322d6f6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--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-14 .elementor-element.elementor-element-322d6f6.e-con{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-14 .elementor-element.elementor-element-8a27b50{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 25px;--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-14 .elementor-element.elementor-element-8a27b50 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(10px/2);}.elementor-14 .elementor-element.elementor-element-8a27b50 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(10px/2);}.elementor-14 .elementor-element.elementor-element-8a27b50 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(10px/2);}.elementor-14 .elementor-element.elementor-element-8a27b50 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-10px/2);}.elementor-14 .elementor-element.elementor-element-8a27b50 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-10px/2);}.elementor-14 .elementor-element.elementor-element-8a27b50 .elementor-icon-list-icon i{color:var( --e-global-color-0867061 );transition:color 0.3s;}.elementor-14 .elementor-element.elementor-element-8a27b50 .elementor-icon-list-icon svg{fill:var( --e-global-color-0867061 );transition:fill 0.3s;}.elementor-14 .elementor-element.elementor-element-8a27b50 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-14 .elementor-element.elementor-element-8a27b50 .elementor-icon-list-item > a{font-family:"erotique", Sans-serif;font-size:18px;font-weight:400;}.elementor-14 .elementor-element.elementor-element-8a27b50 .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-14 .elementor-element.elementor-element-8b12a1c{--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;--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-14 .elementor-element.elementor-element-8b12a1c.e-con{--align-self:center;}.elementor-14 .elementor-element.elementor-element-e35d162{margin:-100px 0px calc(var(--kit-widget-spacing, 0px) + -100px) 0px;}.elementor-14 .elementor-element.elementor-element-e35d162 img{width:60%;}.elementor-14 .elementor-element.elementor-element-dcf1d4c{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;--gap:0px 0px;--row-gap:0px;--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-14 .elementor-element.elementor-element-9d59b42{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:10px;}.elementor-14 .elementor-element.elementor-element-4f8c295 .elementor-heading-title{font-family:"erotique", Sans-serif;font-size:22px;font-weight:700;color:#FFFFFF;}.elementor-14 .elementor-element.elementor-element-119828c{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:45px;}.elementor-14 .elementor-element.elementor-element-7ac6c95{width:auto;max-width:auto;}.elementor-14 .elementor-element.elementor-element-7bcf2ba .elementor-heading-title{font-family:"erotique", Sans-serif;font-size:25px;font-weight:700;color:#FFFFFF;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-14 .elementor-element.elementor-element-68a224b{--content-width:1600px;}.elementor-14 .elementor-element.elementor-element-0f1ba0e{--width:1500px;}.elementor-14 .elementor-element.elementor-element-3252dce{--width:42%;}.elementor-14 .elementor-element.elementor-element-24e50db{--width:18%;}.elementor-14 .elementor-element.elementor-element-8da12e9{--width:42%;}.elementor-14 .elementor-element.elementor-element-ccaad0d{--width:48%;}.elementor-14 .elementor-element.elementor-element-5c5ff52{--width:25%;}.elementor-14 .elementor-element.elementor-element-a859c62{--content-width:1600px;}.elementor-14 .elementor-element.elementor-element-29dac22{--width:1500px;}.elementor-14 .elementor-element.elementor-element-322d6f6{--width:42%;}.elementor-14 .elementor-element.elementor-element-8b12a1c{--width:18%;}.elementor-14 .elementor-element.elementor-element-dcf1d4c{--width:42%;}.elementor-14 .elementor-element.elementor-element-9d59b42{--width:48%;}.elementor-14 .elementor-element.elementor-element-119828c{--width:25%;}}@media(max-width:1024px) and (min-width:768px){.elementor-14 .elementor-element.elementor-element-5c5ff52{--width:70%;}.elementor-14 .elementor-element.elementor-element-119828c{--width:70%;}}@media(max-width:1024px){.elementor-14 .elementor-element.elementor-element-3252dce{--justify-content:center;}.elementor-14 .elementor-element.elementor-element-24e50db{--justify-content:center;}.elementor-14 .elementor-element.elementor-element-322d6f6{--justify-content:center;}.elementor-14 .elementor-element.elementor-element-8b12a1c{--justify-content:center;}}@media(max-width:767px){.elementor-14 .elementor-element.elementor-element-68a224b{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:35px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-14 .elementor-element.elementor-element-0f1ba0e{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-14 .elementor-element.elementor-element-3252dce{--width:42%;}.elementor-14 .elementor-element.elementor-element-24e50db{--width:30%;--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-14 .elementor-element.elementor-element-6afafb9{margin:-35px 0px calc(var(--kit-widget-spacing, 0px) + -35px) 0px;padding:0px 0px 0px 0px;}.elementor-14 .elementor-element.elementor-element-6afafb9 img{width:100%;}.elementor-14 .elementor-element.elementor-element-8da12e9{--width:60%;}.elementor-14 .elementor-element.elementor-element-5c5ff52{--width:85%;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-14 .elementor-element.elementor-element-5c5ff52.e-con{--align-self:center;}.elementor-14 .elementor-element.elementor-element-8a1a5ca img{width:80%;}.elementor-14 .elementor-element.elementor-element-a859c62{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:35px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-14 .elementor-element.elementor-element-29dac22{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-14 .elementor-element.elementor-element-322d6f6{--width:42%;}.elementor-14 .elementor-element.elementor-element-8b12a1c{--width:30%;--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-14 .elementor-element.elementor-element-e35d162{margin:-35px 0px calc(var(--kit-widget-spacing, 0px) + -35px) 0px;padding:0px 0px 0px 0px;}.elementor-14 .elementor-element.elementor-element-e35d162 img{width:100%;}.elementor-14 .elementor-element.elementor-element-dcf1d4c{--width:60%;}.elementor-14 .elementor-element.elementor-element-119828c{--width:85%;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-14 .elementor-element.elementor-element-119828c.e-con{--align-self:center;}.elementor-14 .elementor-element.elementor-element-7ac6c95 img{width:80%;}}/* Start custom CSS for image, class: .elementor-element-6afafb9 *//* Normal logo size + smooth transition - applies to all devices */
.shrink-on-scroll-logo img {
    transition: all 0.4s ease-in-out;  /* smooth shrink/grow */
    max-width: 220px;                  /* CHANGE THIS to your current normal logo width on desktop */
    width: 100%;
    height: auto;
}

/* Shrunk size - ONLY on desktop when scrolled */
@media (min-width: 1025px) {
    body.scrolled .shrink-on-scroll-logo img {
        max-width: 120px !important;   /* CHANGE THIS to your desired smaller size, e.g. 80px, 100px, 140px */
    }
}

/* On tablet/mobile: keep normal size, no shrink effect */
@media (max-width: 1024px) {
    .shrink-on-scroll-logo img {
        max-width: 180px;              /* optional: adjust for smaller screens if needed */
        transition: none;              /* optional: disable animation on mobile */
    }
    
    body.scrolled .shrink-on-scroll-logo img {
        max-width: 180px !important;   /* force no change */
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c1178af */.elementor-14 .elementor-element.elementor-element-c1178af {
  position: relative;
  display: inline-block;
  transition: padding-right 0.4s ease;
  padding-right: 0;
}

.elementor-14 .elementor-element.elementor-element-c1178af:hover {
  padding-right: 30px;
}

.elementor-14 .elementor-element.elementor-element-c1178af:after {
  content: "→";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0;
  font-size: 1.2em;
  color: #ffffff;          /* ← changed to white */
  transition: all 0.4s ease;
  right: -10px;
}

.elementor-14 .elementor-element.elementor-element-c1178af:hover:after {
  opacity: 1;
  right: 8px;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-8a1a5ca */.hamburger-fade {
    position: relative;          /* important for layering */
    display: inline-block;       /* keeps it from stretching full width */
    transition: opacity 0.4s ease; /* smooth fade speed – change 0.4s if you want faster/slower */
}

.hamburger-fade img {
    transition: opacity 0.4s ease;
}

/* Create pseudo-element for the hover image */
.hamburger-fade::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://kloofspark.com/wp-content/uploads/2026/02/fav-icon-two.png'); /* ← paste IMAGE 2 URL here */
    background-size: contain;    /* or cover / 100% auto – match your needs */
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.hamburger-fade:hover::after {
    opacity: 1;
}

.hamburger-fade:hover img {
    opacity: 0;                  /* fade out the original image */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5c5ff52 */.menu-shadow {
  border-left:  1px solid #333333;   /* very dark grey / almost black */
  border-right: 1px solid #333333;
  
  box-shadow: 
    0 6px 20px rgba(0, 0, 0, 0.25),   /* stronger blur & darkness */
    0 2px 6px  rgba(0, 0, 0, 0.15);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0f1ba0e */.elementor-14 .elementor-element.elementor-element-0f1ba0e {
  /* Stronger vignette – darker further towards edges */
  background: radial-gradient(
    circle at 50% 50%,
    #132017 0%,
    #0f1a13 30%,
    #0a140e 55%,
    #050b07 80%,
    #000000 100%
  );

  /* Border setup: 2px thickness via padding, 25px rounded corners */
  position: relative;
  border: none;
  border-radius: 25px;
  padding: 2px;                      /* Exact border thickness – content inset by 2px */
  overflow: visible;                 /* Allows overflowing image/child to extend past corners */

  /* Clip background to padding-box so it stays inside the "border" */
  background-clip: padding-box;

  /* Fade-in + slide down from top + grow animation on load */
  opacity: 0;
  transform: 
    translateY(-80px)                /* Starts shifted up */
    scale(0.92);                     /* Starts slightly smaller */
  transform-origin: top center;
  animation: 
    fadeDownGrow 1.2s ease-out forwards,
    roll 12s linear infinite;
}

/* Animated rolling gold border – confined to border only */
.elementor-14 .elementor-element.elementor-element-0f1ba0e::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 25px;
  padding: 2px;
  background: conic-gradient(
    from var(--angle, 0deg),
    #b8860b 10deg,
    #d4af37 80deg,
    #ffd700 120deg,
    #ffeb3b 150deg,
    #ffd700 180deg,
    #d4af37 250deg,
    #b8860b 350deg
  );
  background-clip: border-box;

  /* Mask to create border "hole" – center transparent, only ring visible */
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  animation: roll 12s linear infinite;
  pointer-events: none;
  z-index: -1;
}

/* Required for smooth angle rotation */
@property --angle {
  syntax: "<angle>";
  initial-value: 0deg;
  inherits: false;
}

@keyframes roll {
  to {
    --angle: 360deg;
  }
}

@keyframes fadeDownGrow {
  0% {
    opacity: 0;
    transform: translateY(-80px) scale(0.92);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

/* Subtle inner glow */
.elementor-14 .elementor-element.elementor-element-0f1ba0e {
  box-shadow: inset 0 0 6px rgba(212, 175, 55, 0.18);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-e35d162 *//* Normal logo size + smooth transition - applies to all devices */
.shrink-on-scroll-logo img {
    transition: all 0.4s ease-in-out;  /* smooth shrink/grow */
    max-width: 220px;                  /* CHANGE THIS to your current normal logo width on desktop */
    width: 100%;
    height: auto;
}

/* Shrunk size - ONLY on desktop when scrolled */
@media (min-width: 1025px) {
    body.scrolled .shrink-on-scroll-logo img {
        max-width: 120px !important;   /* CHANGE THIS to your desired smaller size, e.g. 80px, 100px, 140px */
    }
}

/* On tablet/mobile: keep normal size, no shrink effect */
@media (max-width: 1024px) {
    .shrink-on-scroll-logo img {
        max-width: 180px;              /* optional: adjust for smaller screens if needed */
        transition: none;              /* optional: disable animation on mobile */
    }
    
    body.scrolled .shrink-on-scroll-logo img {
        max-width: 180px !important;   /* force no change */
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4f8c295 */.elementor-14 .elementor-element.elementor-element-4f8c295 {
  position: relative;
  display: inline-block;
  transition: padding-right 0.4s ease;
  padding-right: 0;
}

.elementor-14 .elementor-element.elementor-element-4f8c295:hover {
  padding-right: 30px;
}

.elementor-14 .elementor-element.elementor-element-4f8c295:after {
  content: "→";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0;
  font-size: 1.2em;
  color: #ffffff;          /* ← changed to white */
  transition: all 0.4s ease;
  right: -10px;
}

.elementor-14 .elementor-element.elementor-element-4f8c295:hover:after {
  opacity: 1;
  right: 8px;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7ac6c95 */.hamburger-fade {
    position: relative;          /* important for layering */
    display: inline-block;       /* keeps it from stretching full width */
    transition: opacity 0.4s ease; /* smooth fade speed – change 0.4s if you want faster/slower */
}

.hamburger-fade img {
    transition: opacity 0.4s ease;
}

/* Create pseudo-element for the hover image */
.hamburger-fade::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://kloofspark.com/wp-content/uploads/2026/02/fav-icon-two.png'); /* ← paste IMAGE 2 URL here */
    background-size: contain;    /* or cover / 100% auto – match your needs */
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.hamburger-fade:hover::after {
    opacity: 1;
}

.hamburger-fade:hover img {
    opacity: 0;                  /* fade out the original image */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-119828c */.menu-shadow {
  border-left:  1px solid #333333;   /* very dark grey / almost black */
  border-right: 1px solid #333333;
  
  box-shadow: 
    0 6px 20px rgba(0, 0, 0, 0.25),   /* stronger blur & darkness */
    0 2px 6px  rgba(0, 0, 0, 0.15);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-29dac22 */.elementor-14 .elementor-element.elementor-element-29dac22 {
  /* Stronger vignette – darker further towards edges */
  background: radial-gradient(
    circle at 50% 50%,
    #132017 0%,
    #0f1a13 30%,
    #0a140e 55%,
    #050b07 80%,
    #000000 100%
  );

  /* Border setup: 2px thickness via padding, 25px rounded corners */
  position: relative;
  border: none;
  border-radius: 25px;
  padding: 2px;                      /* Exact border thickness – content inset by 2px */
  overflow: visible;                 /* Allows overflowing image/child to extend past corners */

  /* Clip background to padding-box so it stays inside the "border" */
  background-clip: padding-box;

  /* Fade-in + slide down from top + grow animation on load */
  opacity: 0;
  transform: 
    translateY(-80px)                /* Starts shifted up */
    scale(0.92);                     /* Starts slightly smaller */
  transform-origin: top center;
  animation: 
    fadeDownGrow 1.2s ease-out forwards,
    roll 12s linear infinite;
}

/* Animated rolling gold border – confined to border only */
.elementor-14 .elementor-element.elementor-element-29dac22::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 25px;
  padding: 2px;
  background: conic-gradient(
    from var(--angle, 0deg),
    #b8860b 10deg,
    #d4af37 80deg,
    #ffd700 120deg,
    #ffeb3b 150deg,
    #ffd700 180deg,
    #d4af37 250deg,
    #b8860b 350deg
  );
  background-clip: border-box;

  /* Mask to create border "hole" – center transparent, only ring visible */
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  animation: roll 12s linear infinite;
  pointer-events: none;
  z-index: -1;
}

/* Required for smooth angle rotation */
@property --angle {
  syntax: "<angle>";
  initial-value: 0deg;
  inherits: false;
}

@keyframes roll {
  to {
    --angle: 360deg;
  }
}

@keyframes fadeDownGrow {
  0% {
    opacity: 0;
    transform: translateY(-80px) scale(0.92);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

/* Subtle inner glow */
.elementor-14 .elementor-element.elementor-element-29dac22 {
  box-shadow: inset 0 0 6px rgba(212, 175, 55, 0.18);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a859c62 */#mobile-fade-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000;

  opacity: 1;
  transform: translateY(0);
  transition:
    opacity 0.45s ease-out,
    transform 0.4s ease-out;
  will-change: opacity, transform;

  pointer-events: auto;
}

#mobile-fade-header.hidden {
  opacity: 0;
  transform: translateY(-110%);
  pointer-events: none;
}/* End custom CSS */
/* Start custom CSS *//* === Animated Hamburger === */
.hamburger-menu {
  width: 25px;           /* ← change size here */
  height: 25px;
  position: relative;
  cursor: pointer;
  transition: all 0.4s ease;
  z-index: 9999;
}

.hamburger-menu:hover {
  transform: scale(1.08);   /* gentle grow on hover */
  filter: brightness(1.2);  /* or change to your preferred hover effect */
}

.bar {
  position: absolute;
  width: 100%;
  height: 4px;              /* thickness of lines */
  background-color: #000;   /* ← change color */
  border-radius: 2px;
  transition: all 0.35s cubic-bezier(0.6, 0.04, 0.2, 0.99);
}

.bar-top    { top: 0; }
.bar-middle { top: 13px; }
.bar-bottom { bottom: 0; }

/* === Clicked / Active state (turns to X) === */
.hamburger-menu.active .bar-top {
  transform: translateY(13px) rotate(45deg);
}

.hamburger-menu.active .bar-middle {
  opacity: 0;
  transform: translateX(-20px);
}

.hamburger-menu.active .bar-bottom {
  transform: translateY(-13px) rotate(-45deg);
}

/* Optional: make lines thinner/lighter when menu is open */
.hamburger-menu.active .bar {
  background-color: #e74c3c;   /* red X or your brand color */
}/* End custom CSS */