.elementor-6872 .elementor-element.elementor-element-72c5e96{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-6872 .elementor-element.elementor-element-72c5e96:not(.elementor-motion-effects-element-type-background), .elementor-6872 .elementor-element.elementor-element-72c5e96 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-6872 .elementor-element.elementor-element-875403f{text-align:center;color:#FFFFFF;}.elementor-6872 .elementor-element.elementor-element-4dff3f6{--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:20px 20px;--row-gap:20px;--column-gap:20px;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:2em;--padding-bottom:2em;--padding-left:2em;--padding-right:2em;--z-index:999;}.elementor-6872 .elementor-element.elementor-element-4dff3f6.e-con{--align-self:center;}.elementor-6872 .elementor-element.elementor-element-0b96272{width:var( --container-widget-width, 150px );max-width:150px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:150px;--container-widget-flex-grow:0;text-align:center;}.elementor-6872 .elementor-element.elementor-element-0b96272.elementor-element{--flex-grow:0;--flex-shrink:1;}.elementor-6872 .elementor-element.elementor-element-0b96272 img{width:80px;}.elementor-6872 .elementor-element.elementor-element-caebc9d{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6872 .elementor-element.elementor-element-caebc9d:not(.elementor-motion-effects-element-type-background), .elementor-6872 .elementor-element.elementor-element-caebc9d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#02010100;}.elementor-6872 .elementor-element.elementor-element-1691b00{margin:0px 850px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-6872 .elementor-element.elementor-element-1691b00 img{width:260px;}.elementor-6872 .elementor-element.elementor-element-746498e{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6872 .elementor-element.elementor-element-746498e:not(.elementor-motion-effects-element-type-background), .elementor-6872 .elementor-element.elementor-element-746498e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#02010100;}.elementor-6872 .elementor-element.elementor-element-5fa0ad0{margin:0px 450px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-6872 .elementor-element.elementor-element-5fa0ad0 img{width:260px;}.elementor-6872 .elementor-element.elementor-element-7a5d713{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6872 .elementor-element.elementor-element-7a5d713:not(.elementor-motion-effects-element-type-background), .elementor-6872 .elementor-element.elementor-element-7a5d713 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#02010100;}.elementor-6872 .elementor-element.elementor-element-9c8d40e{--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;--border-radius:40px 40px 40px 40px;--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:3em;--padding-bottom:3em;--padding-left:3em;--padding-right:3em;}.elementor-6872 .elementor-element.elementor-element-9c8d40e:not(.elementor-motion-effects-element-type-background), .elementor-6872 .elementor-element.elementor-element-9c8d40e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-318c913 );}.elementor-6872 .elementor-element.elementor-element-8a8d293{--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;--align-items:flex-start;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6872 .elementor-element.elementor-element-da0acef{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:20px 20px 20px 20px;--padding-top:1em;--padding-bottom:1em;--padding-left:1em;--padding-right:1em;}.elementor-6872 .elementor-element.elementor-element-da0acef:not(.elementor-motion-effects-element-type-background), .elementor-6872 .elementor-element.elementor-element-da0acef > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-6872 .elementor-element.elementor-element-e85d626 .elementor-icon-box-wrapper{align-items:center;gap:15px;}.elementor-6872 .elementor-element.elementor-element-e85d626 .elementor-icon-box-title{margin-block-end:0px;color:var( --e-global-color-text );}.elementor-6872 .elementor-element.elementor-element-e85d626.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-text );}.elementor-6872 .elementor-element.elementor-element-e85d626.elementor-view-framed .elementor-icon, .elementor-6872 .elementor-element.elementor-element-e85d626.elementor-view-default .elementor-icon{fill:var( --e-global-color-text );color:var( --e-global-color-text );border-color:var( --e-global-color-text );}.elementor-6872 .elementor-element.elementor-element-e85d626 .elementor-icon{font-size:42px;}.elementor-6872 .elementor-element.elementor-element-e85d626:has(:hover) .elementor-icon-box-title, .elementor-6872 .elementor-element.elementor-element-e85d626:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-text );}.elementor-6872 .elementor-element.elementor-element-e85d626 .elementor-icon-box-description{font-family:"Arvo", Sans-serif;font-weight:normal;}.elementor-6872 .elementor-element.elementor-element-8859fde{margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:end;}.elementor-6872 .elementor-element.elementor-element-8859fde img{width:2rem;}.elementor-6872 .elementor-element.elementor-element-65e1d87{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0em;--padding-bottom:0em;--padding-left:0em;--padding-right:0em;}.elementor-6872 .elementor-element.elementor-element-e89c596 .elementor-button{background-color:#EDFBFF;font-family:"Arvo", Sans-serif;font-size:1rem;fill:var( --e-global-color-text );color:var( --e-global-color-text );border-radius:20px 20px 20px 20px;}.elementor-6872 .elementor-element.elementor-element-e89c596{margin:1em 0em calc(var(--kit-widget-spacing, 0px) + 0em) 0em;}.elementor-6872 .elementor-element.elementor-element-e89c596 .elementor-button-content-wrapper{flex-direction:row;}.elementor-6872 .elementor-element.elementor-element-e89c596 .elementor-button .elementor-button-content-wrapper{justify-content:start;}.elementor-6872 .elementor-element.elementor-element-53eebbb .elementor-button{background-color:#EDFBFF;font-family:"Arvo", Sans-serif;font-size:1rem;fill:var( --e-global-color-text );color:var( --e-global-color-text );border-radius:20px 20px 20px 20px;}.elementor-6872 .elementor-element.elementor-element-53eebbb .elementor-button-content-wrapper{flex-direction:row;}.elementor-6872 .elementor-element.elementor-element-53eebbb .elementor-button .elementor-button-content-wrapper{justify-content:start;}.elementor-6872 .elementor-element.elementor-element-1f50d5b .elementor-button{background-color:#EDFBFF;font-family:"Arvo", Sans-serif;font-size:1rem;fill:var( --e-global-color-text );color:var( --e-global-color-text );border-radius:20px 20px 20px 20px;}.elementor-6872 .elementor-element.elementor-element-1f50d5b .elementor-button-content-wrapper{flex-direction:row;}.elementor-6872 .elementor-element.elementor-element-1f50d5b .elementor-button .elementor-button-content-wrapper{justify-content:start;}.elementor-6872 .elementor-element.elementor-element-b196e8c{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:20px 20px 20px 20px;--padding-top:1em;--padding-bottom:1em;--padding-left:1em;--padding-right:1em;}.elementor-6872 .elementor-element.elementor-element-b196e8c:not(.elementor-motion-effects-element-type-background), .elementor-6872 .elementor-element.elementor-element-b196e8c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-6872 .elementor-element.elementor-element-bb18004 .elementor-icon-box-wrapper{align-items:center;gap:15px;}.elementor-6872 .elementor-element.elementor-element-bb18004 .elementor-icon-box-title{margin-block-end:0px;color:var( --e-global-color-text );}.elementor-6872 .elementor-element.elementor-element-bb18004.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-text );}.elementor-6872 .elementor-element.elementor-element-bb18004.elementor-view-framed .elementor-icon, .elementor-6872 .elementor-element.elementor-element-bb18004.elementor-view-default .elementor-icon{fill:var( --e-global-color-text );color:var( --e-global-color-text );border-color:var( --e-global-color-text );}.elementor-6872 .elementor-element.elementor-element-bb18004 .elementor-icon{font-size:42px;}.elementor-6872 .elementor-element.elementor-element-bb18004:has(:hover) .elementor-icon-box-title, .elementor-6872 .elementor-element.elementor-element-bb18004:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-text );}.elementor-6872 .elementor-element.elementor-element-bb18004 .elementor-icon-box-description{font-family:"Arvo", Sans-serif;font-weight:normal;}.elementor-6872 .elementor-element.elementor-element-733a399{margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:end;}.elementor-6872 .elementor-element.elementor-element-733a399 img{width:2rem;}.elementor-6872 .elementor-element.elementor-element-992c49b{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0em;--padding-bottom:0em;--padding-left:0em;--padding-right:0em;}.elementor-6872 .elementor-element.elementor-element-d9c2891 .elementor-button{background-color:#EDFBFF;font-family:"Arvo", Sans-serif;font-size:1rem;fill:var( --e-global-color-text );color:var( --e-global-color-text );border-radius:20px 20px 20px 20px;}.elementor-6872 .elementor-element.elementor-element-d9c2891{margin:1em 0em calc(var(--kit-widget-spacing, 0px) + 0em) 0em;}.elementor-6872 .elementor-element.elementor-element-d9c2891 .elementor-button-content-wrapper{flex-direction:row;}.elementor-6872 .elementor-element.elementor-element-d9c2891 .elementor-button .elementor-button-content-wrapper{justify-content:start;}.elementor-6872 .elementor-element.elementor-element-21f20c4 .elementor-button{background-color:#EDFBFF;font-family:"Arvo", Sans-serif;font-size:1rem;fill:var( --e-global-color-text );color:var( --e-global-color-text );border-radius:20px 20px 20px 20px;}.elementor-6872 .elementor-element.elementor-element-21f20c4 .elementor-button-content-wrapper{flex-direction:row;}.elementor-6872 .elementor-element.elementor-element-21f20c4 .elementor-button .elementor-button-content-wrapper{justify-content:start;}.elementor-6872 .elementor-element.elementor-element-f8a24f5 .elementor-button{background-color:#EDFBFF;font-family:"Arvo", Sans-serif;font-size:1rem;fill:var( --e-global-color-text );color:var( --e-global-color-text );border-radius:20px 20px 20px 20px;}.elementor-6872 .elementor-element.elementor-element-f8a24f5 .elementor-button-content-wrapper{flex-direction:row;}.elementor-6872 .elementor-element.elementor-element-f8a24f5 .elementor-button .elementor-button-content-wrapper{justify-content:start;}.elementor-6872 .elementor-element.elementor-element-7f7338a .elementor-button{background-color:#EDFBFF;font-family:"Arvo", Sans-serif;font-size:1rem;fill:var( --e-global-color-text );color:var( --e-global-color-text );border-radius:20px 20px 20px 20px;}.elementor-6872 .elementor-element.elementor-element-7f7338a .elementor-button-content-wrapper{flex-direction:row;}.elementor-6872 .elementor-element.elementor-element-7f7338a .elementor-button .elementor-button-content-wrapper{justify-content:start;}.elementor-6872 .elementor-element.elementor-element-db38712{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:20px 20px 20px 20px;--padding-top:1em;--padding-bottom:1em;--padding-left:1em;--padding-right:1em;}.elementor-6872 .elementor-element.elementor-element-db38712:not(.elementor-motion-effects-element-type-background), .elementor-6872 .elementor-element.elementor-element-db38712 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-6872 .elementor-element.elementor-element-d69a0e1 .elementor-icon-box-wrapper{align-items:center;gap:15px;}.elementor-6872 .elementor-element.elementor-element-d69a0e1 .elementor-icon-box-title{margin-block-end:0px;color:var( --e-global-color-text );}.elementor-6872 .elementor-element.elementor-element-d69a0e1.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-text );}.elementor-6872 .elementor-element.elementor-element-d69a0e1.elementor-view-framed .elementor-icon, .elementor-6872 .elementor-element.elementor-element-d69a0e1.elementor-view-default .elementor-icon{fill:var( --e-global-color-text );color:var( --e-global-color-text );border-color:var( --e-global-color-text );}.elementor-6872 .elementor-element.elementor-element-d69a0e1 .elementor-icon{font-size:42px;}.elementor-6872 .elementor-element.elementor-element-d69a0e1:has(:hover) .elementor-icon-box-title, .elementor-6872 .elementor-element.elementor-element-d69a0e1:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-text );}.elementor-6872 .elementor-element.elementor-element-d69a0e1 .elementor-icon-box-description{font-family:"Arvo", Sans-serif;font-weight:normal;}.elementor-6872 .elementor-element.elementor-element-c20c563{margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:end;}.elementor-6872 .elementor-element.elementor-element-c20c563 img{width:2rem;}.elementor-6872 .elementor-element.elementor-element-e4a3f15{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0em;--padding-bottom:0em;--padding-left:0em;--padding-right:0em;}.elementor-6872 .elementor-element.elementor-element-3cf8556 .elementor-button{background-color:#EDFBFF;font-family:"Arvo", Sans-serif;font-size:1rem;fill:var( --e-global-color-text );color:var( --e-global-color-text );border-radius:20px 20px 20px 20px;}.elementor-6872 .elementor-element.elementor-element-3cf8556{margin:1em 0em calc(var(--kit-widget-spacing, 0px) + 0em) 0em;}.elementor-6872 .elementor-element.elementor-element-3cf8556 .elementor-button-content-wrapper{flex-direction:row;}.elementor-6872 .elementor-element.elementor-element-3cf8556 .elementor-button .elementor-button-content-wrapper{justify-content:start;}.elementor-6872 .elementor-element.elementor-element-2804b85 .elementor-button{background-color:#EDFBFF;font-family:"Arvo", Sans-serif;font-size:1rem;fill:var( --e-global-color-text );color:var( --e-global-color-text );border-radius:20px 20px 20px 20px;}.elementor-6872 .elementor-element.elementor-element-2804b85 .elementor-button-content-wrapper{flex-direction:row;}.elementor-6872 .elementor-element.elementor-element-2804b85 .elementor-button .elementor-button-content-wrapper{justify-content:start;}.elementor-6872 .elementor-element.elementor-element-f91f564 .elementor-button{background-color:#EDFBFF;font-family:"Arvo", Sans-serif;font-size:1rem;fill:var( --e-global-color-text );color:var( --e-global-color-text );border-radius:20px 20px 20px 20px;}.elementor-6872 .elementor-element.elementor-element-f91f564 .elementor-button-content-wrapper{flex-direction:row;}.elementor-6872 .elementor-element.elementor-element-f91f564 .elementor-button .elementor-button-content-wrapper{justify-content:start;}.elementor-6872 .elementor-element.elementor-element-b727a69 .elementor-button{background-color:#EDFBFF;font-family:"Arvo", Sans-serif;font-size:1rem;fill:var( --e-global-color-text );color:var( --e-global-color-text );border-radius:20px 20px 20px 20px;}.elementor-6872 .elementor-element.elementor-element-b727a69 .elementor-button-content-wrapper{flex-direction:row;}.elementor-6872 .elementor-element.elementor-element-b727a69 .elementor-button .elementor-button-content-wrapper{justify-content:start;}.elementor-6872 .elementor-element.elementor-element-1c83eaa .elementor-button{background-color:#EDFBFF;font-family:"Arvo", Sans-serif;font-size:1rem;fill:var( --e-global-color-text );color:var( --e-global-color-text );border-radius:20px 20px 20px 20px;}.elementor-6872 .elementor-element.elementor-element-1c83eaa .elementor-button-content-wrapper{flex-direction:row;}.elementor-6872 .elementor-element.elementor-element-1c83eaa .elementor-button .elementor-button-content-wrapper{justify-content:start;}.elementor-6872 .elementor-element.elementor-element-110c2e7{--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;--align-items:flex-start;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6872 .elementor-element.elementor-element-a5f8991{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:20px 20px 20px 20px;--padding-top:1em;--padding-bottom:1em;--padding-left:1em;--padding-right:1em;}.elementor-6872 .elementor-element.elementor-element-a5f8991:not(.elementor-motion-effects-element-type-background), .elementor-6872 .elementor-element.elementor-element-a5f8991 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-6872 .elementor-element.elementor-element-ca2201b .elementor-icon-box-wrapper{align-items:center;gap:15px;}.elementor-6872 .elementor-element.elementor-element-ca2201b .elementor-icon-box-title{margin-block-end:0px;color:var( --e-global-color-text );}.elementor-6872 .elementor-element.elementor-element-ca2201b.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-text );}.elementor-6872 .elementor-element.elementor-element-ca2201b.elementor-view-framed .elementor-icon, .elementor-6872 .elementor-element.elementor-element-ca2201b.elementor-view-default .elementor-icon{fill:var( --e-global-color-text );color:var( --e-global-color-text );border-color:var( --e-global-color-text );}.elementor-6872 .elementor-element.elementor-element-ca2201b .elementor-icon{font-size:42px;}.elementor-6872 .elementor-element.elementor-element-ca2201b:has(:hover) .elementor-icon-box-title, .elementor-6872 .elementor-element.elementor-element-ca2201b:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-text );}.elementor-6872 .elementor-element.elementor-element-ca2201b .elementor-icon-box-description{font-family:"Arvo", Sans-serif;font-weight:normal;}.elementor-6872 .elementor-element.elementor-element-ae0698e{margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:end;}.elementor-6872 .elementor-element.elementor-element-ae0698e img{width:2rem;}.elementor-6872 .elementor-element.elementor-element-82f97ce{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0em;--padding-bottom:0em;--padding-left:0em;--padding-right:0em;}.elementor-6872 .elementor-element.elementor-element-4d18f1f .elementor-button{background-color:#EDFBFF;font-family:"Arvo", Sans-serif;font-size:1rem;fill:var( --e-global-color-text );color:var( --e-global-color-text );border-radius:20px 20px 20px 20px;}.elementor-6872 .elementor-element.elementor-element-4d18f1f{margin:1em 0em calc(var(--kit-widget-spacing, 0px) + 0em) 0em;}.elementor-6872 .elementor-element.elementor-element-4d18f1f .elementor-button-content-wrapper{flex-direction:row;}.elementor-6872 .elementor-element.elementor-element-4d18f1f .elementor-button .elementor-button-content-wrapper{justify-content:start;}.elementor-6872 .elementor-element.elementor-element-4d11fe2 .elementor-button{background-color:#EDFBFF;font-family:"Arvo", Sans-serif;font-size:1rem;fill:var( --e-global-color-text );color:var( --e-global-color-text );border-radius:20px 20px 20px 20px;}.elementor-6872 .elementor-element.elementor-element-4d11fe2 .elementor-button-content-wrapper{flex-direction:row;}.elementor-6872 .elementor-element.elementor-element-4d11fe2 .elementor-button .elementor-button-content-wrapper{justify-content:start;}.elementor-6872 .elementor-element.elementor-element-055a0cc .elementor-button{background-color:#EDFBFF;font-family:"Arvo", Sans-serif;font-size:1rem;fill:var( --e-global-color-text );color:var( --e-global-color-text );border-radius:20px 20px 20px 20px;}.elementor-6872 .elementor-element.elementor-element-055a0cc .elementor-button-content-wrapper{flex-direction:row;}.elementor-6872 .elementor-element.elementor-element-055a0cc .elementor-button .elementor-button-content-wrapper{justify-content:start;}.elementor-6872 .elementor-element.elementor-element-a5ea39b{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:20px 20px 20px 20px;--padding-top:1em;--padding-bottom:1em;--padding-left:1em;--padding-right:1em;}.elementor-6872 .elementor-element.elementor-element-a5ea39b:not(.elementor-motion-effects-element-type-background), .elementor-6872 .elementor-element.elementor-element-a5ea39b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-6872 .elementor-element.elementor-element-fa56963 .elementor-icon-box-wrapper{align-items:center;gap:15px;}.elementor-6872 .elementor-element.elementor-element-fa56963 .elementor-icon-box-title{margin-block-end:0px;color:var( --e-global-color-text );}.elementor-6872 .elementor-element.elementor-element-fa56963.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-text );}.elementor-6872 .elementor-element.elementor-element-fa56963.elementor-view-framed .elementor-icon, .elementor-6872 .elementor-element.elementor-element-fa56963.elementor-view-default .elementor-icon{fill:var( --e-global-color-text );color:var( --e-global-color-text );border-color:var( --e-global-color-text );}.elementor-6872 .elementor-element.elementor-element-fa56963 .elementor-icon{font-size:42px;}.elementor-6872 .elementor-element.elementor-element-fa56963:has(:hover) .elementor-icon-box-title, .elementor-6872 .elementor-element.elementor-element-fa56963:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-text );}.elementor-6872 .elementor-element.elementor-element-fa56963 .elementor-icon-box-description{font-family:"Arvo", Sans-serif;font-weight:normal;}.elementor-6872 .elementor-element.elementor-element-745e0e1{margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:end;}.elementor-6872 .elementor-element.elementor-element-745e0e1 img{width:2rem;}.elementor-6872 .elementor-element.elementor-element-56d880f{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0em;--padding-bottom:0em;--padding-left:0em;--padding-right:0em;}.elementor-6872 .elementor-element.elementor-element-ce01554 .elementor-button{background-color:#EDFBFF;font-family:"Arvo", Sans-serif;font-size:1rem;fill:var( --e-global-color-text );color:var( --e-global-color-text );border-radius:20px 20px 20px 20px;}.elementor-6872 .elementor-element.elementor-element-ce01554{margin:1em 0em calc(var(--kit-widget-spacing, 0px) + 0em) 0em;}.elementor-6872 .elementor-element.elementor-element-ce01554 .elementor-button-content-wrapper{flex-direction:row;}.elementor-6872 .elementor-element.elementor-element-ce01554 .elementor-button .elementor-button-content-wrapper{justify-content:start;}.elementor-6872 .elementor-element.elementor-element-fa60253 .elementor-button{background-color:#EDFBFF;font-family:"Arvo", Sans-serif;font-size:1rem;fill:var( --e-global-color-text );color:var( --e-global-color-text );border-radius:20px 20px 20px 20px;}.elementor-6872 .elementor-element.elementor-element-fa60253 .elementor-button-content-wrapper{flex-direction:row;}.elementor-6872 .elementor-element.elementor-element-fa60253 .elementor-button .elementor-button-content-wrapper{justify-content:start;}.elementor-6872 .elementor-element.elementor-element-8b0da11 .elementor-button{background-color:#EDFBFF;font-family:"Arvo", Sans-serif;font-size:1rem;fill:var( --e-global-color-text );color:var( --e-global-color-text );border-radius:20px 20px 20px 20px;}.elementor-6872 .elementor-element.elementor-element-8b0da11 .elementor-button-content-wrapper{flex-direction:row;}.elementor-6872 .elementor-element.elementor-element-8b0da11 .elementor-button .elementor-button-content-wrapper{justify-content:start;}.elementor-6872 .elementor-element.elementor-element-f10307d .elementor-button{background-color:#EDFBFF;font-family:"Arvo", Sans-serif;font-size:1rem;fill:var( --e-global-color-text );color:var( --e-global-color-text );border-radius:20px 20px 20px 20px;}.elementor-6872 .elementor-element.elementor-element-f10307d .elementor-button-content-wrapper{flex-direction:row;}.elementor-6872 .elementor-element.elementor-element-f10307d .elementor-button .elementor-button-content-wrapper{justify-content:start;}.elementor-6872 .elementor-element.elementor-element-f9e906f{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:20px 20px 20px 20px;--padding-top:1em;--padding-bottom:1em;--padding-left:1em;--padding-right:1em;}.elementor-6872 .elementor-element.elementor-element-f9e906f:not(.elementor-motion-effects-element-type-background), .elementor-6872 .elementor-element.elementor-element-f9e906f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-6872 .elementor-element.elementor-element-15f42e2 .elementor-icon-box-wrapper{align-items:center;gap:15px;}.elementor-6872 .elementor-element.elementor-element-15f42e2 .elementor-icon-box-title{margin-block-end:0px;color:var( --e-global-color-text );}.elementor-6872 .elementor-element.elementor-element-15f42e2.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-text );}.elementor-6872 .elementor-element.elementor-element-15f42e2.elementor-view-framed .elementor-icon, .elementor-6872 .elementor-element.elementor-element-15f42e2.elementor-view-default .elementor-icon{fill:var( --e-global-color-text );color:var( --e-global-color-text );border-color:var( --e-global-color-text );}.elementor-6872 .elementor-element.elementor-element-15f42e2 .elementor-icon{font-size:42px;}.elementor-6872 .elementor-element.elementor-element-15f42e2:has(:hover) .elementor-icon-box-title, .elementor-6872 .elementor-element.elementor-element-15f42e2:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-text );}.elementor-6872 .elementor-element.elementor-element-15f42e2 .elementor-icon-box-description{font-family:"Arvo", Sans-serif;font-weight:normal;}.elementor-6872 .elementor-element.elementor-element-9522858{margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:end;}.elementor-6872 .elementor-element.elementor-element-9522858 img{width:2rem;}.elementor-6872 .elementor-element.elementor-element-6fbff73{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0em;--padding-bottom:0em;--padding-left:0em;--padding-right:0em;}.elementor-6872 .elementor-element.elementor-element-1134bb3 .elementor-button{background-color:#EDFBFF;font-family:"Arvo", Sans-serif;font-size:1rem;fill:var( --e-global-color-text );color:var( --e-global-color-text );border-radius:20px 20px 20px 20px;}.elementor-6872 .elementor-element.elementor-element-1134bb3{margin:1em 0em calc(var(--kit-widget-spacing, 0px) + 0em) 0em;}.elementor-6872 .elementor-element.elementor-element-1134bb3 .elementor-button-content-wrapper{flex-direction:row;}.elementor-6872 .elementor-element.elementor-element-1134bb3 .elementor-button .elementor-button-content-wrapper{justify-content:start;}.elementor-6872 .elementor-element.elementor-element-c2ae1d8 .elementor-button{background-color:#EDFBFF;font-family:"Arvo", Sans-serif;font-size:1rem;fill:var( --e-global-color-text );color:var( --e-global-color-text );border-radius:20px 20px 20px 20px;}.elementor-6872 .elementor-element.elementor-element-c2ae1d8 .elementor-button-content-wrapper{flex-direction:row;}.elementor-6872 .elementor-element.elementor-element-c2ae1d8 .elementor-button .elementor-button-content-wrapper{justify-content:start;}.elementor-6872 .elementor-element.elementor-element-91bea22 .elementor-button{background-color:#EDFBFF;font-family:"Arvo", Sans-serif;font-size:1rem;fill:var( --e-global-color-text );color:var( --e-global-color-text );border-radius:20px 20px 20px 20px;}.elementor-6872 .elementor-element.elementor-element-91bea22 .elementor-button-content-wrapper{flex-direction:row;}.elementor-6872 .elementor-element.elementor-element-91bea22 .elementor-button .elementor-button-content-wrapper{justify-content:start;}.elementor-6872 .elementor-element.elementor-element-075ac0b{--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;--align-items:flex-start;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6872 .elementor-element.elementor-element-8c87152{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:20px 20px 20px 20px;--padding-top:1em;--padding-bottom:1em;--padding-left:1em;--padding-right:1em;}.elementor-6872 .elementor-element.elementor-element-8c87152:not(.elementor-motion-effects-element-type-background), .elementor-6872 .elementor-element.elementor-element-8c87152 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-6872 .elementor-element.elementor-element-4ec3f19 .elementor-icon-box-wrapper{align-items:center;gap:15px;}.elementor-6872 .elementor-element.elementor-element-4ec3f19 .elementor-icon-box-title{margin-block-end:0px;color:var( --e-global-color-text );}.elementor-6872 .elementor-element.elementor-element-4ec3f19.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-text );}.elementor-6872 .elementor-element.elementor-element-4ec3f19.elementor-view-framed .elementor-icon, .elementor-6872 .elementor-element.elementor-element-4ec3f19.elementor-view-default .elementor-icon{fill:var( --e-global-color-text );color:var( --e-global-color-text );border-color:var( --e-global-color-text );}.elementor-6872 .elementor-element.elementor-element-4ec3f19 .elementor-icon{font-size:42px;}.elementor-6872 .elementor-element.elementor-element-4ec3f19:has(:hover) .elementor-icon-box-title, .elementor-6872 .elementor-element.elementor-element-4ec3f19:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-text );}.elementor-6872 .elementor-element.elementor-element-4ec3f19 .elementor-icon-box-description{font-family:"Arvo", Sans-serif;font-weight:normal;}.elementor-6872 .elementor-element.elementor-element-4bf31b9{margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:end;}.elementor-6872 .elementor-element.elementor-element-4bf31b9 img{width:2rem;}.elementor-6872 .elementor-element.elementor-element-c78f22e{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0em;--padding-bottom:0em;--padding-left:0em;--padding-right:0em;}.elementor-6872 .elementor-element.elementor-element-42a7c3d .elementor-button{background-color:#EDFBFF;font-family:"Arvo", Sans-serif;font-size:1rem;fill:var( --e-global-color-text );color:var( --e-global-color-text );border-radius:20px 20px 20px 20px;}.elementor-6872 .elementor-element.elementor-element-42a7c3d{margin:1em 0em calc(var(--kit-widget-spacing, 0px) + 0em) 0em;}.elementor-6872 .elementor-element.elementor-element-42a7c3d .elementor-button-content-wrapper{flex-direction:row;}.elementor-6872 .elementor-element.elementor-element-42a7c3d .elementor-button .elementor-button-content-wrapper{justify-content:start;}.elementor-6872 .elementor-element.elementor-element-2c9f47a .elementor-button{background-color:#EDFBFF;font-family:"Arvo", Sans-serif;font-size:1rem;fill:var( --e-global-color-text );color:var( --e-global-color-text );border-radius:20px 20px 20px 20px;}.elementor-6872 .elementor-element.elementor-element-2c9f47a{margin:0em 0em calc(var(--kit-widget-spacing, 0px) + 0em) 0em;}.elementor-6872 .elementor-element.elementor-element-2c9f47a .elementor-button-content-wrapper{flex-direction:row;}.elementor-6872 .elementor-element.elementor-element-2c9f47a .elementor-button .elementor-button-content-wrapper{justify-content:start;}.elementor-6872 .elementor-element.elementor-element-d6ddfd2 .elementor-button{background-color:#EDFBFF;font-family:"Arvo", Sans-serif;font-size:1rem;fill:var( --e-global-color-text );color:var( --e-global-color-text );border-radius:20px 20px 20px 20px;}.elementor-6872 .elementor-element.elementor-element-d6ddfd2{margin:0em 0em calc(var(--kit-widget-spacing, 0px) + 0em) 0em;}.elementor-6872 .elementor-element.elementor-element-d6ddfd2 .elementor-button-content-wrapper{flex-direction:row;}.elementor-6872 .elementor-element.elementor-element-d6ddfd2 .elementor-button .elementor-button-content-wrapper{justify-content:start;}.elementor-6872 .elementor-element.elementor-element-c057b69 .elementor-button{background-color:#EDFBFF;font-family:"Arvo", Sans-serif;font-size:1rem;fill:var( --e-global-color-text );color:var( --e-global-color-text );border-radius:20px 20px 20px 20px;}.elementor-6872 .elementor-element.elementor-element-c057b69{margin:0em 0em calc(var(--kit-widget-spacing, 0px) + 0em) 0em;}.elementor-6872 .elementor-element.elementor-element-c057b69 .elementor-button-content-wrapper{flex-direction:row;}.elementor-6872 .elementor-element.elementor-element-c057b69 .elementor-button .elementor-button-content-wrapper{justify-content:start;}.elementor-6872 .elementor-element.elementor-element-d93ba0c{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:20px 20px 20px 20px;--padding-top:1em;--padding-bottom:1em;--padding-left:1em;--padding-right:1em;}.elementor-6872 .elementor-element.elementor-element-d93ba0c:not(.elementor-motion-effects-element-type-background), .elementor-6872 .elementor-element.elementor-element-d93ba0c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-6872 .elementor-element.elementor-element-621e524 .elementor-icon-box-wrapper{align-items:center;gap:15px;}.elementor-6872 .elementor-element.elementor-element-621e524 .elementor-icon-box-title{margin-block-end:0px;color:var( --e-global-color-text );}.elementor-6872 .elementor-element.elementor-element-621e524.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-text );}.elementor-6872 .elementor-element.elementor-element-621e524.elementor-view-framed .elementor-icon, .elementor-6872 .elementor-element.elementor-element-621e524.elementor-view-default .elementor-icon{fill:var( --e-global-color-text );color:var( --e-global-color-text );border-color:var( --e-global-color-text );}.elementor-6872 .elementor-element.elementor-element-621e524 .elementor-icon{font-size:42px;}.elementor-6872 .elementor-element.elementor-element-621e524:has(:hover) .elementor-icon-box-title, .elementor-6872 .elementor-element.elementor-element-621e524:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-text );}.elementor-6872 .elementor-element.elementor-element-621e524 .elementor-icon-box-description{font-family:"Arvo", Sans-serif;font-weight:normal;}.elementor-6872 .elementor-element.elementor-element-e810159{margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:end;}.elementor-6872 .elementor-element.elementor-element-e810159 img{width:2rem;}.elementor-6872 .elementor-element.elementor-element-cf8da2d{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0em;--padding-bottom:0em;--padding-left:0em;--padding-right:0em;}.elementor-6872 .elementor-element.elementor-element-f739804 .elementor-button{background-color:#EDFBFF;font-family:"Arvo", Sans-serif;font-size:1rem;fill:var( --e-global-color-text );color:var( --e-global-color-text );border-radius:20px 20px 20px 20px;}.elementor-6872 .elementor-element.elementor-element-f739804{margin:1em 0em calc(var(--kit-widget-spacing, 0px) + 0em) 0em;}.elementor-6872 .elementor-element.elementor-element-f739804 .elementor-button-content-wrapper{flex-direction:row;}.elementor-6872 .elementor-element.elementor-element-f739804 .elementor-button .elementor-button-content-wrapper{justify-content:start;}.elementor-6872 .elementor-element.elementor-element-caa2b3a .elementor-button{background-color:#EDFBFF;font-family:"Arvo", Sans-serif;font-size:1rem;fill:var( --e-global-color-text );color:var( --e-global-color-text );border-radius:20px 20px 20px 20px;}.elementor-6872 .elementor-element.elementor-element-caa2b3a{margin:0em 0em calc(var(--kit-widget-spacing, 0px) + 0em) 0em;}.elementor-6872 .elementor-element.elementor-element-caa2b3a .elementor-button-content-wrapper{flex-direction:row;}.elementor-6872 .elementor-element.elementor-element-caa2b3a .elementor-button .elementor-button-content-wrapper{justify-content:start;}.elementor-6872 .elementor-element.elementor-element-f55f879 .elementor-button{background-color:#EDFBFF;font-family:"Arvo", Sans-serif;font-size:1rem;fill:var( --e-global-color-text );color:var( --e-global-color-text );border-radius:20px 20px 20px 20px;}.elementor-6872 .elementor-element.elementor-element-f55f879{margin:0em 0em calc(var(--kit-widget-spacing, 0px) + 0em) 0em;}.elementor-6872 .elementor-element.elementor-element-f55f879 .elementor-button-content-wrapper{flex-direction:row;}.elementor-6872 .elementor-element.elementor-element-f55f879 .elementor-button .elementor-button-content-wrapper{justify-content:start;}.elementor-6872 .elementor-element.elementor-element-3613c97 .elementor-button{background-color:#EDFBFF;font-family:"Arvo", Sans-serif;font-size:1rem;fill:var( --e-global-color-text );color:var( --e-global-color-text );border-radius:20px 20px 20px 20px;}.elementor-6872 .elementor-element.elementor-element-3613c97{margin:0em 0em calc(var(--kit-widget-spacing, 0px) + 0em) 0em;}.elementor-6872 .elementor-element.elementor-element-3613c97 .elementor-button-content-wrapper{flex-direction:row;}.elementor-6872 .elementor-element.elementor-element-3613c97 .elementor-button .elementor-button-content-wrapper{justify-content:start;}.elementor-6872 .elementor-element.elementor-element-4daf000{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:20px 20px 20px 20px;--padding-top:1em;--padding-bottom:1em;--padding-left:1em;--padding-right:1em;}.elementor-6872 .elementor-element.elementor-element-4daf000:not(.elementor-motion-effects-element-type-background), .elementor-6872 .elementor-element.elementor-element-4daf000 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-6872 .elementor-element.elementor-element-d87b514 .elementor-icon-box-wrapper{align-items:center;gap:15px;}.elementor-6872 .elementor-element.elementor-element-d87b514 .elementor-icon-box-title{margin-block-end:0px;color:var( --e-global-color-text );}.elementor-6872 .elementor-element.elementor-element-d87b514.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-text );}.elementor-6872 .elementor-element.elementor-element-d87b514.elementor-view-framed .elementor-icon, .elementor-6872 .elementor-element.elementor-element-d87b514.elementor-view-default .elementor-icon{fill:var( --e-global-color-text );color:var( --e-global-color-text );border-color:var( --e-global-color-text );}.elementor-6872 .elementor-element.elementor-element-d87b514 .elementor-icon{font-size:42px;}.elementor-6872 .elementor-element.elementor-element-d87b514:has(:hover) .elementor-icon-box-title, .elementor-6872 .elementor-element.elementor-element-d87b514:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-text );}.elementor-6872 .elementor-element.elementor-element-d87b514 .elementor-icon-box-description{font-family:"Arvo", Sans-serif;font-weight:normal;}.elementor-6872 .elementor-element.elementor-element-877e2d8{margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:end;}.elementor-6872 .elementor-element.elementor-element-877e2d8 img{width:2rem;}.elementor-6872 .elementor-element.elementor-element-d5163af{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0em;--padding-bottom:0em;--padding-left:0em;--padding-right:0em;}.elementor-6872 .elementor-element.elementor-element-90685ab .elementor-button{background-color:#EDFBFF;font-family:"Arvo", Sans-serif;font-size:1rem;fill:var( --e-global-color-text );color:var( --e-global-color-text );border-radius:20px 20px 20px 20px;}.elementor-6872 .elementor-element.elementor-element-90685ab{margin:1em 0em calc(var(--kit-widget-spacing, 0px) + 0em) 0em;}.elementor-6872 .elementor-element.elementor-element-90685ab .elementor-button-content-wrapper{flex-direction:row;}.elementor-6872 .elementor-element.elementor-element-90685ab .elementor-button .elementor-button-content-wrapper{justify-content:start;}.elementor-6872 .elementor-element.elementor-element-2412e0c .elementor-button{background-color:#EDFBFF;font-family:"Arvo", Sans-serif;font-size:1rem;fill:var( --e-global-color-text );color:var( --e-global-color-text );border-radius:20px 20px 20px 20px;}.elementor-6872 .elementor-element.elementor-element-2412e0c{margin:0em 0em calc(var(--kit-widget-spacing, 0px) + 0em) 0em;}.elementor-6872 .elementor-element.elementor-element-2412e0c .elementor-button-content-wrapper{flex-direction:row;}.elementor-6872 .elementor-element.elementor-element-ef51406 .elementor-button{background-color:#EDFBFF;font-family:"Arvo", Sans-serif;font-size:1rem;fill:var( --e-global-color-text );color:var( --e-global-color-text );border-radius:20px 20px 20px 20px;}.elementor-6872 .elementor-element.elementor-element-ef51406{margin:0em 0em calc(var(--kit-widget-spacing, 0px) + 0em) 0em;}.elementor-6872 .elementor-element.elementor-element-ef51406 .elementor-button-content-wrapper{flex-direction:row;}.elementor-6872 .elementor-element.elementor-element-ef51406 .elementor-button .elementor-button-content-wrapper{justify-content:start;}.elementor-6872 .elementor-element.elementor-element-499f5ed .elementor-button{background-color:#EDFBFF;font-family:"Arvo", Sans-serif;font-size:1rem;fill:var( --e-global-color-text );color:var( --e-global-color-text );border-radius:20px 20px 20px 20px;}.elementor-6872 .elementor-element.elementor-element-499f5ed{margin:0em 0em calc(var(--kit-widget-spacing, 0px) + 0em) 0em;}.elementor-6872 .elementor-element.elementor-element-499f5ed .elementor-button-content-wrapper{flex-direction:row;}.elementor-6872 .elementor-element.elementor-element-499f5ed .elementor-button .elementor-button-content-wrapper{justify-content:start;}.elementor-6872 .elementor-element.elementor-element-aace521{text-align:end;}.elementor-6872 .elementor-element.elementor-element-aace521 img{width:150px;}.elementor-6872 .elementor-element.elementor-element-ca0f4ce{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6872 .elementor-element.elementor-element-ca0f4ce:not(.elementor-motion-effects-element-type-background), .elementor-6872 .elementor-element.elementor-element-ca0f4ce > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#02010100;}.elementor-6872 .elementor-element.elementor-element-2786051{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 350px;}.elementor-6872 .elementor-element.elementor-element-2786051 img{width:260px;}.elementor-6872 .elementor-element.elementor-element-ef2978c{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6872 .elementor-element.elementor-element-ef2978c:not(.elementor-motion-effects-element-type-background), .elementor-6872 .elementor-element.elementor-element-ef2978c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#02010100;}.elementor-6872 .elementor-element.elementor-element-dd1b6c5{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 700px;}.elementor-6872 .elementor-element.elementor-element-dd1b6c5 img{width:260px;}.elementor-6872 .elementor-element.elementor-element-4f5e7a2{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6872 .elementor-element.elementor-element-4f5e7a2:not(.elementor-motion-effects-element-type-background), .elementor-6872 .elementor-element.elementor-element-4f5e7a2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#02010100;}.elementor-6872 .elementor-element.elementor-element-22f9564{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 950px;}.elementor-6872 .elementor-element.elementor-element-22f9564 img{width:260px;}.elementor-6872 .elementor-element.elementor-element-5b06afd{--n-menu-dropdown-content-max-width:initial;--n-menu-heading-justify-content:space-between;--n-menu-title-flex-grow:1;--n-menu-title-justify-content:initial;--n-menu-title-justify-content-mobile:center;--n-menu-heading-wrap:wrap;--n-menu-heading-overflow-x:initial;--n-menu-title-distance-from-content:0px;width:var( --container-widget-width, 1140px );max-width:1140px;background-color:var( --e-global-color-318c913 );margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0.5em 2em 0.5em 2em;--container-widget-width:1140px;--container-widget-flex-grow:0;border-radius:40px 40px 40px 40px;--n-menu-open-animation-duration:200ms;--n-menu-toggle-icon-wrapper-animation-duration:500ms;--n-menu-title-space-between:0px;--n-menu-title-font-size:0.8rem;--n-menu-title-color-normal:var( --e-global-color-text );--n-menu-title-transition:300ms;--n-menu-title-direction:row;--n-menu-icon-order:initial;--n-menu-icon-align-items:initial;--n-menu-title-align-items-toggle:center;--n-menu-icon-size:26px;--n-menu-icon-color:#C5464600;--n-menu-icon-color-hover:#02010100;--n-menu-icon-color-active:#02010100;--n-menu-dropdown-indicator-size:26px;--n-menu-dropdown-indicator-color-normal:#FFFFFF00;--n-menu-dropdown-indicator-color-hover:#02010100;--n-menu-toggle-icon-size:20px;--n-menu-toggle-icon-hover-duration:500ms;--n-menu-toggle-icon-distance-from-dropdown:0px;--n-menu-dropdown-content-box-border-style:none;--n-menu-dropdown-content-box-border-radius:20px 20px 20px 20px;}.elementor-6872 .elementor-element.elementor-element-5b06afd > .e-n-menu[data-layout='dropdown'] > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title:not( .e-current ){background:var( --e-global-color-318c913 );}.elementor-6872 .elementor-element.elementor-element-5b06afd.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-6872 .elementor-element.elementor-element-5b06afd > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .elementor-6872 .elementor-element.elementor-element-5b06afd > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container, .elementor-6872 .elementor-element.elementor-element-5b06afd > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container > span{font-family:"Arvo", Sans-serif;font-weight:500;}.elementor-6872 .elementor-element.elementor-element-5b06afd {--n-menu-title-color-hover:var( --e-global-color-text );--n-menu-title-color-active:var( --e-global-color-text );}:where( .elementor-6872 .elementor-element.elementor-element-5b06afd > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-content ) > .e-con{border-style:none;}.elementor-6872 .elementor-element.elementor-element-f65c833 .elementor-icon-wrapper{text-align:center;}.elementor-6872 .elementor-element.elementor-element-f65c833.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-text );}.elementor-6872 .elementor-element.elementor-element-f65c833.elementor-view-framed .elementor-icon, .elementor-6872 .elementor-element.elementor-element-f65c833.elementor-view-default .elementor-icon{color:var( --e-global-color-text );border-color:var( --e-global-color-text );}.elementor-6872 .elementor-element.elementor-element-f65c833.elementor-view-framed .elementor-icon, .elementor-6872 .elementor-element.elementor-element-f65c833.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-text );}.elementor-6872 .elementor-element.elementor-element-a939199{--display:flex;}.elementor-6872 .elementor-element.elementor-element-fd7787c{width:var( --container-widget-width, 150px );max-width:150px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:150px;--container-widget-flex-grow:0;}.elementor-6872 .elementor-element.elementor-element-fd7787c.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:1;}.elementor-6872 .elementor-element.elementor-element-fd7787c .elementor-button-content-wrapper{flex-direction:row;}.elementor-6872 .elementor-element.elementor-element-fd7787c .elementor-button{font-family:"Arvo", Sans-serif;font-size:0.8rem;font-weight:500;fill:var( --e-global-color-text );color:var( --e-global-color-text );}.elementor-6872 .elementor-element.elementor-element-1adcd7d .e-off-canvas__content{background-color:var( --e-global-color-318c913 );}.elementor-6872 .elementor-element.elementor-element-1adcd7d .e-off-canvas__overlay{background-color:rgba(0,0,0,.8);}.elementor-6872 .elementor-element.elementor-element-1adcd7d{--e-off-canvas-justify-content:flex-end;--e-off-canvas-height:100vh;--e-off-canvas-content-overflow:auto;--e-off-canvas-overlay-opacity:1;}.elementor-6872 .elementor-element.elementor-element-909ba41{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-6872 .elementor-element.elementor-element-909ba41:not(.elementor-motion-effects-element-type-background), .elementor-6872 .elementor-element.elementor-element-909ba41 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-318c913 );}.elementor-6872 .elementor-element.elementor-element-68564e8 .elementor-icon-wrapper{text-align:end;}.elementor-6872 .elementor-element.elementor-element-68564e8.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-text );}.elementor-6872 .elementor-element.elementor-element-68564e8.elementor-view-framed .elementor-icon, .elementor-6872 .elementor-element.elementor-element-68564e8.elementor-view-default .elementor-icon{color:var( --e-global-color-text );border-color:var( --e-global-color-text );}.elementor-6872 .elementor-element.elementor-element-68564e8.elementor-view-framed .elementor-icon, .elementor-6872 .elementor-element.elementor-element-68564e8.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-text );}.elementor-6872 .elementor-element.elementor-element-a56d8d5{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6872 .elementor-element.elementor-element-a56d8d5:not(.elementor-motion-effects-element-type-background), .elementor-6872 .elementor-element.elementor-element-a56d8d5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#02010100;}.elementor-6872 .elementor-element.elementor-element-a94b43b{margin:0px 850px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-6872 .elementor-element.elementor-element-a94b43b img{width:260px;}.elementor-6872 .elementor-element.elementor-element-3cfc306{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6872 .elementor-element.elementor-element-3cfc306:not(.elementor-motion-effects-element-type-background), .elementor-6872 .elementor-element.elementor-element-3cfc306 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#02010100;}.elementor-6872 .elementor-element.elementor-element-ba75a92{margin:0px 450px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-6872 .elementor-element.elementor-element-ba75a92 img{width:260px;}.elementor-6872 .elementor-element.elementor-element-eb06190{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6872 .elementor-element.elementor-element-eb06190:not(.elementor-motion-effects-element-type-background), .elementor-6872 .elementor-element.elementor-element-eb06190 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#02010100;}.elementor-6872 .elementor-element.elementor-element-a107373{--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;--border-radius:40px 40px 40px 40px;--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:3em;--padding-bottom:3em;--padding-left:3em;--padding-right:3em;}.elementor-6872 .elementor-element.elementor-element-a107373:not(.elementor-motion-effects-element-type-background), .elementor-6872 .elementor-element.elementor-element-a107373 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-318c913 );}.elementor-6872 .elementor-element.elementor-element-3112f78{--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;--align-items:flex-start;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6872 .elementor-element.elementor-element-72edb4d{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:20px 20px 20px 20px;--padding-top:1em;--padding-bottom:1em;--padding-left:1em;--padding-right:1em;}.elementor-6872 .elementor-element.elementor-element-72edb4d:not(.elementor-motion-effects-element-type-background), .elementor-6872 .elementor-element.elementor-element-72edb4d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-6872 .elementor-element.elementor-element-761e2e9 .elementor-icon-box-wrapper{align-items:center;gap:15px;}.elementor-6872 .elementor-element.elementor-element-761e2e9 .elementor-icon-box-title{margin-block-end:0px;color:var( --e-global-color-text );}.elementor-6872 .elementor-element.elementor-element-761e2e9.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-text );}.elementor-6872 .elementor-element.elementor-element-761e2e9.elementor-view-framed .elementor-icon, .elementor-6872 .elementor-element.elementor-element-761e2e9.elementor-view-default .elementor-icon{fill:var( --e-global-color-text );color:var( --e-global-color-text );border-color:var( --e-global-color-text );}.elementor-6872 .elementor-element.elementor-element-761e2e9 .elementor-icon{font-size:42px;}.elementor-6872 .elementor-element.elementor-element-761e2e9:has(:hover) .elementor-icon-box-title, .elementor-6872 .elementor-element.elementor-element-761e2e9:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-text );}.elementor-6872 .elementor-element.elementor-element-761e2e9 .elementor-icon-box-description{font-family:"Arvo", Sans-serif;font-weight:normal;}.elementor-6872 .elementor-element.elementor-element-9881e5d{margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:end;}.elementor-6872 .elementor-element.elementor-element-9881e5d img{width:2rem;}.elementor-6872 .elementor-element.elementor-element-5143714{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:20px 20px 20px 20px;--padding-top:1em;--padding-bottom:1em;--padding-left:1em;--padding-right:1em;}.elementor-6872 .elementor-element.elementor-element-5143714:not(.elementor-motion-effects-element-type-background), .elementor-6872 .elementor-element.elementor-element-5143714 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-6872 .elementor-element.elementor-element-8990abc .elementor-icon-box-wrapper{align-items:center;gap:15px;}.elementor-6872 .elementor-element.elementor-element-8990abc .elementor-icon-box-title{margin-block-end:0px;color:var( --e-global-color-text );}.elementor-6872 .elementor-element.elementor-element-8990abc.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-text );}.elementor-6872 .elementor-element.elementor-element-8990abc.elementor-view-framed .elementor-icon, .elementor-6872 .elementor-element.elementor-element-8990abc.elementor-view-default .elementor-icon{fill:var( --e-global-color-text );color:var( --e-global-color-text );border-color:var( --e-global-color-text );}.elementor-6872 .elementor-element.elementor-element-8990abc .elementor-icon{font-size:42px;}.elementor-6872 .elementor-element.elementor-element-8990abc:has(:hover) .elementor-icon-box-title, .elementor-6872 .elementor-element.elementor-element-8990abc:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-text );}.elementor-6872 .elementor-element.elementor-element-8990abc .elementor-icon-box-description{font-family:"Arvo", Sans-serif;font-weight:normal;}.elementor-6872 .elementor-element.elementor-element-d1b39c2{margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:end;}.elementor-6872 .elementor-element.elementor-element-d1b39c2 img{width:2rem;}.elementor-6872 .elementor-element.elementor-element-2e9e698{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:20px 20px 20px 20px;--padding-top:1em;--padding-bottom:1em;--padding-left:1em;--padding-right:1em;}.elementor-6872 .elementor-element.elementor-element-2e9e698:not(.elementor-motion-effects-element-type-background), .elementor-6872 .elementor-element.elementor-element-2e9e698 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-6872 .elementor-element.elementor-element-67f7b29 .elementor-icon-box-wrapper{align-items:center;gap:15px;}.elementor-6872 .elementor-element.elementor-element-67f7b29 .elementor-icon-box-title{margin-block-end:0px;color:var( --e-global-color-text );}.elementor-6872 .elementor-element.elementor-element-67f7b29.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-text );}.elementor-6872 .elementor-element.elementor-element-67f7b29.elementor-view-framed .elementor-icon, .elementor-6872 .elementor-element.elementor-element-67f7b29.elementor-view-default .elementor-icon{fill:var( --e-global-color-text );color:var( --e-global-color-text );border-color:var( --e-global-color-text );}.elementor-6872 .elementor-element.elementor-element-67f7b29 .elementor-icon{font-size:42px;}.elementor-6872 .elementor-element.elementor-element-67f7b29:has(:hover) .elementor-icon-box-title, .elementor-6872 .elementor-element.elementor-element-67f7b29:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-text );}.elementor-6872 .elementor-element.elementor-element-67f7b29 .elementor-icon-box-description{font-family:"Arvo", Sans-serif;font-weight:normal;}.elementor-6872 .elementor-element.elementor-element-76ae0f9{margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:end;}.elementor-6872 .elementor-element.elementor-element-76ae0f9 img{width:2rem;}.elementor-6872 .elementor-element.elementor-element-d75bab0{--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;--align-items:flex-start;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6872 .elementor-element.elementor-element-2b22cc9{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:20px 20px 20px 20px;--padding-top:1em;--padding-bottom:1em;--padding-left:1em;--padding-right:1em;}.elementor-6872 .elementor-element.elementor-element-2b22cc9:not(.elementor-motion-effects-element-type-background), .elementor-6872 .elementor-element.elementor-element-2b22cc9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-6872 .elementor-element.elementor-element-d41a836 .elementor-icon-box-wrapper{align-items:center;gap:15px;}.elementor-6872 .elementor-element.elementor-element-d41a836 .elementor-icon-box-title{margin-block-end:0px;color:var( --e-global-color-text );}.elementor-6872 .elementor-element.elementor-element-d41a836.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-text );}.elementor-6872 .elementor-element.elementor-element-d41a836.elementor-view-framed .elementor-icon, .elementor-6872 .elementor-element.elementor-element-d41a836.elementor-view-default .elementor-icon{fill:var( --e-global-color-text );color:var( --e-global-color-text );border-color:var( --e-global-color-text );}.elementor-6872 .elementor-element.elementor-element-d41a836 .elementor-icon{font-size:42px;}.elementor-6872 .elementor-element.elementor-element-d41a836:has(:hover) .elementor-icon-box-title, .elementor-6872 .elementor-element.elementor-element-d41a836:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-text );}.elementor-6872 .elementor-element.elementor-element-d41a836 .elementor-icon-box-description{font-family:"Arvo", Sans-serif;font-weight:normal;}.elementor-6872 .elementor-element.elementor-element-3779153{margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:end;}.elementor-6872 .elementor-element.elementor-element-3779153 img{width:2rem;}.elementor-6872 .elementor-element.elementor-element-408e032{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0em;--padding-bottom:0em;--padding-left:0em;--padding-right:0em;}.elementor-6872 .elementor-element.elementor-element-6ba643c .elementor-button{background-color:#EDFBFF;font-family:"Arvo", Sans-serif;font-size:1rem;fill:var( --e-global-color-text );color:var( --e-global-color-text );border-radius:20px 20px 20px 20px;}.elementor-6872 .elementor-element.elementor-element-6ba643c{margin:1em 0em calc(var(--kit-widget-spacing, 0px) + 0em) 0em;}.elementor-6872 .elementor-element.elementor-element-6ba643c .elementor-button-content-wrapper{flex-direction:row;}.elementor-6872 .elementor-element.elementor-element-6ba643c .elementor-button .elementor-button-content-wrapper{justify-content:start;}.elementor-6872 .elementor-element.elementor-element-c19fcb3 .elementor-button{background-color:#EDFBFF;font-family:"Arvo", Sans-serif;font-size:1rem;fill:var( --e-global-color-text );color:var( --e-global-color-text );border-radius:20px 20px 20px 20px;}.elementor-6872 .elementor-element.elementor-element-c19fcb3 .elementor-button-content-wrapper{flex-direction:row;}.elementor-6872 .elementor-element.elementor-element-c19fcb3 .elementor-button .elementor-button-content-wrapper{justify-content:start;}.elementor-6872 .elementor-element.elementor-element-f46554b{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:20px 20px 20px 20px;--padding-top:1em;--padding-bottom:1em;--padding-left:1em;--padding-right:1em;}.elementor-6872 .elementor-element.elementor-element-f46554b:not(.elementor-motion-effects-element-type-background), .elementor-6872 .elementor-element.elementor-element-f46554b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-6872 .elementor-element.elementor-element-936a243 .elementor-icon-box-wrapper{align-items:center;gap:15px;}.elementor-6872 .elementor-element.elementor-element-936a243 .elementor-icon-box-title{margin-block-end:0px;color:var( --e-global-color-text );}.elementor-6872 .elementor-element.elementor-element-936a243.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-text );}.elementor-6872 .elementor-element.elementor-element-936a243.elementor-view-framed .elementor-icon, .elementor-6872 .elementor-element.elementor-element-936a243.elementor-view-default .elementor-icon{fill:var( --e-global-color-text );color:var( --e-global-color-text );border-color:var( --e-global-color-text );}.elementor-6872 .elementor-element.elementor-element-936a243 .elementor-icon{font-size:42px;}.elementor-6872 .elementor-element.elementor-element-936a243:has(:hover) .elementor-icon-box-title, .elementor-6872 .elementor-element.elementor-element-936a243:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-text );}.elementor-6872 .elementor-element.elementor-element-936a243 .elementor-icon-box-description{font-family:"Arvo", Sans-serif;font-weight:normal;}.elementor-6872 .elementor-element.elementor-element-023e943{margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:end;}.elementor-6872 .elementor-element.elementor-element-023e943 img{width:2rem;}.elementor-6872 .elementor-element.elementor-element-530e904{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:20px 20px 20px 20px;--padding-top:1em;--padding-bottom:1em;--padding-left:1em;--padding-right:1em;}.elementor-6872 .elementor-element.elementor-element-530e904:not(.elementor-motion-effects-element-type-background), .elementor-6872 .elementor-element.elementor-element-530e904 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-6872 .elementor-element.elementor-element-5b2c02f .elementor-icon-box-wrapper{align-items:center;gap:15px;}.elementor-6872 .elementor-element.elementor-element-5b2c02f .elementor-icon-box-title{margin-block-end:0px;color:var( --e-global-color-text );}.elementor-6872 .elementor-element.elementor-element-5b2c02f.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-text );}.elementor-6872 .elementor-element.elementor-element-5b2c02f.elementor-view-framed .elementor-icon, .elementor-6872 .elementor-element.elementor-element-5b2c02f.elementor-view-default .elementor-icon{fill:var( --e-global-color-text );color:var( --e-global-color-text );border-color:var( --e-global-color-text );}.elementor-6872 .elementor-element.elementor-element-5b2c02f .elementor-icon{font-size:42px;}.elementor-6872 .elementor-element.elementor-element-5b2c02f:has(:hover) .elementor-icon-box-title, .elementor-6872 .elementor-element.elementor-element-5b2c02f:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-text );}.elementor-6872 .elementor-element.elementor-element-5b2c02f .elementor-icon-box-description{font-family:"Arvo", Sans-serif;font-weight:normal;}.elementor-6872 .elementor-element.elementor-element-34b7f59{margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:end;}.elementor-6872 .elementor-element.elementor-element-34b7f59 img{width:2rem;}.elementor-6872 .elementor-element.elementor-element-5903b6f{--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;--align-items:flex-start;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6872 .elementor-element.elementor-element-faaacb9{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:20px 20px 20px 20px;--padding-top:1em;--padding-bottom:1em;--padding-left:1em;--padding-right:1em;}.elementor-6872 .elementor-element.elementor-element-faaacb9:not(.elementor-motion-effects-element-type-background), .elementor-6872 .elementor-element.elementor-element-faaacb9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-6872 .elementor-element.elementor-element-22431d8 .elementor-icon-box-wrapper{align-items:center;gap:15px;}.elementor-6872 .elementor-element.elementor-element-22431d8 .elementor-icon-box-title{margin-block-end:0px;color:var( --e-global-color-text );}.elementor-6872 .elementor-element.elementor-element-22431d8.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-text );}.elementor-6872 .elementor-element.elementor-element-22431d8.elementor-view-framed .elementor-icon, .elementor-6872 .elementor-element.elementor-element-22431d8.elementor-view-default .elementor-icon{fill:var( --e-global-color-text );color:var( --e-global-color-text );border-color:var( --e-global-color-text );}.elementor-6872 .elementor-element.elementor-element-22431d8 .elementor-icon{font-size:42px;}.elementor-6872 .elementor-element.elementor-element-22431d8:has(:hover) .elementor-icon-box-title, .elementor-6872 .elementor-element.elementor-element-22431d8:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-text );}.elementor-6872 .elementor-element.elementor-element-22431d8 .elementor-icon-box-description{font-family:"Arvo", Sans-serif;font-weight:normal;}.elementor-6872 .elementor-element.elementor-element-1bf28f7{margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:end;}.elementor-6872 .elementor-element.elementor-element-1bf28f7 img{width:2rem;}.elementor-6872 .elementor-element.elementor-element-bdc9e7e{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0em;--padding-bottom:0em;--padding-left:0em;--padding-right:0em;}.elementor-6872 .elementor-element.elementor-element-61b9f31 .elementor-button{background-color:#EDFBFF;font-family:"Arvo", Sans-serif;font-size:1rem;fill:var( --e-global-color-text );color:var( --e-global-color-text );border-radius:20px 20px 20px 20px;}.elementor-6872 .elementor-element.elementor-element-61b9f31{margin:1em 0em calc(var(--kit-widget-spacing, 0px) + 0em) 0em;}.elementor-6872 .elementor-element.elementor-element-61b9f31 .elementor-button-content-wrapper{flex-direction:row;}.elementor-6872 .elementor-element.elementor-element-61b9f31 .elementor-button .elementor-button-content-wrapper{justify-content:start;}.elementor-6872 .elementor-element.elementor-element-a8956b5 .elementor-button{background-color:#EDFBFF;font-family:"Arvo", Sans-serif;font-size:1rem;fill:var( --e-global-color-text );color:var( --e-global-color-text );border-radius:20px 20px 20px 20px;}.elementor-6872 .elementor-element.elementor-element-a8956b5 .elementor-button-content-wrapper{flex-direction:row;}.elementor-6872 .elementor-element.elementor-element-a8956b5 .elementor-button .elementor-button-content-wrapper{justify-content:start;}.elementor-6872 .elementor-element.elementor-element-ad6fcb4{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:20px 20px 20px 20px;--padding-top:1em;--padding-bottom:1em;--padding-left:1em;--padding-right:1em;}.elementor-6872 .elementor-element.elementor-element-ad6fcb4:not(.elementor-motion-effects-element-type-background), .elementor-6872 .elementor-element.elementor-element-ad6fcb4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-6872 .elementor-element.elementor-element-fc1db21 .elementor-icon-box-wrapper{align-items:center;gap:15px;}.elementor-6872 .elementor-element.elementor-element-fc1db21 .elementor-icon-box-title{margin-block-end:0px;color:var( --e-global-color-text );}.elementor-6872 .elementor-element.elementor-element-fc1db21.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-text );}.elementor-6872 .elementor-element.elementor-element-fc1db21.elementor-view-framed .elementor-icon, .elementor-6872 .elementor-element.elementor-element-fc1db21.elementor-view-default .elementor-icon{fill:var( --e-global-color-text );color:var( --e-global-color-text );border-color:var( --e-global-color-text );}.elementor-6872 .elementor-element.elementor-element-fc1db21 .elementor-icon{font-size:42px;}.elementor-6872 .elementor-element.elementor-element-fc1db21:has(:hover) .elementor-icon-box-title, .elementor-6872 .elementor-element.elementor-element-fc1db21:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-text );}.elementor-6872 .elementor-element.elementor-element-fc1db21 .elementor-icon-box-description{font-family:"Arvo", Sans-serif;font-weight:normal;}.elementor-6872 .elementor-element.elementor-element-aee9ec8{margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:end;}.elementor-6872 .elementor-element.elementor-element-aee9ec8 img{width:2rem;}.elementor-6872 .elementor-element.elementor-element-3ecdd80{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0em;--padding-bottom:0em;--padding-left:0em;--padding-right:0em;}.elementor-6872 .elementor-element.elementor-element-44b627b .elementor-button{background-color:#EDFBFF;font-family:"Arvo", Sans-serif;font-size:1rem;fill:var( --e-global-color-text );color:var( --e-global-color-text );border-radius:20px 20px 20px 20px;}.elementor-6872 .elementor-element.elementor-element-44b627b{margin:1em 0em calc(var(--kit-widget-spacing, 0px) + 0em) 0em;}.elementor-6872 .elementor-element.elementor-element-44b627b .elementor-button-content-wrapper{flex-direction:row;}.elementor-6872 .elementor-element.elementor-element-44b627b .elementor-button .elementor-button-content-wrapper{justify-content:start;}.elementor-6872 .elementor-element.elementor-element-6ab6452 .elementor-button{background-color:#EDFBFF;font-family:"Arvo", Sans-serif;font-size:1rem;fill:var( --e-global-color-text );color:var( --e-global-color-text );border-radius:20px 20px 20px 20px;}.elementor-6872 .elementor-element.elementor-element-6ab6452 .elementor-button-content-wrapper{flex-direction:row;}.elementor-6872 .elementor-element.elementor-element-6ab6452 .elementor-button .elementor-button-content-wrapper{justify-content:start;}.elementor-6872 .elementor-element.elementor-element-0fee82f .elementor-button{background-color:#EDFBFF;font-family:"Arvo", Sans-serif;font-size:1rem;fill:var( --e-global-color-text );color:var( --e-global-color-text );border-radius:20px 20px 20px 20px;}.elementor-6872 .elementor-element.elementor-element-0fee82f .elementor-button-content-wrapper{flex-direction:row;}.elementor-6872 .elementor-element.elementor-element-0fee82f .elementor-button .elementor-button-content-wrapper{justify-content:start;}.elementor-6872 .elementor-element.elementor-element-34fe75a{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:20px 20px 20px 20px;--padding-top:1em;--padding-bottom:1em;--padding-left:1em;--padding-right:1em;}.elementor-6872 .elementor-element.elementor-element-34fe75a:not(.elementor-motion-effects-element-type-background), .elementor-6872 .elementor-element.elementor-element-34fe75a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-6872 .elementor-element.elementor-element-a0f8af6 .elementor-icon-box-wrapper{align-items:center;gap:15px;}.elementor-6872 .elementor-element.elementor-element-a0f8af6 .elementor-icon-box-title{margin-block-end:0px;color:var( --e-global-color-text );}.elementor-6872 .elementor-element.elementor-element-a0f8af6.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-text );}.elementor-6872 .elementor-element.elementor-element-a0f8af6.elementor-view-framed .elementor-icon, .elementor-6872 .elementor-element.elementor-element-a0f8af6.elementor-view-default .elementor-icon{fill:var( --e-global-color-text );color:var( --e-global-color-text );border-color:var( --e-global-color-text );}.elementor-6872 .elementor-element.elementor-element-a0f8af6 .elementor-icon{font-size:42px;}.elementor-6872 .elementor-element.elementor-element-a0f8af6:has(:hover) .elementor-icon-box-title, .elementor-6872 .elementor-element.elementor-element-a0f8af6:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-text );}.elementor-6872 .elementor-element.elementor-element-a0f8af6 .elementor-icon-box-description{font-family:"Arvo", Sans-serif;font-weight:normal;}.elementor-6872 .elementor-element.elementor-element-59ac228{margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:end;}.elementor-6872 .elementor-element.elementor-element-59ac228 img{width:2rem;}.elementor-6872 .elementor-element.elementor-element-ef3a0fa{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0em;--padding-bottom:0em;--padding-left:0em;--padding-right:0em;}.elementor-6872 .elementor-element.elementor-element-5760cf2 .elementor-button{background-color:#EDFBFF;font-family:"Arvo", Sans-serif;font-size:1rem;fill:var( --e-global-color-text );color:var( --e-global-color-text );border-radius:20px 20px 20px 20px;}.elementor-6872 .elementor-element.elementor-element-5760cf2{margin:1em 0em calc(var(--kit-widget-spacing, 0px) + 0em) 0em;}.elementor-6872 .elementor-element.elementor-element-5760cf2 .elementor-button-content-wrapper{flex-direction:row;}.elementor-6872 .elementor-element.elementor-element-5760cf2 .elementor-button .elementor-button-content-wrapper{justify-content:start;}.elementor-6872 .elementor-element.elementor-element-268cc72{text-align:end;}.elementor-6872 .elementor-element.elementor-element-268cc72 img{width:150px;}.elementor-6872 .elementor-element.elementor-element-369714e{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6872 .elementor-element.elementor-element-369714e:not(.elementor-motion-effects-element-type-background), .elementor-6872 .elementor-element.elementor-element-369714e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#02010100;}.elementor-6872 .elementor-element.elementor-element-a2ee31c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 350px;}.elementor-6872 .elementor-element.elementor-element-a2ee31c img{width:260px;}.elementor-6872 .elementor-element.elementor-element-c05c299{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6872 .elementor-element.elementor-element-c05c299:not(.elementor-motion-effects-element-type-background), .elementor-6872 .elementor-element.elementor-element-c05c299 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#02010100;}.elementor-6872 .elementor-element.elementor-element-b5482bb{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 700px;}.elementor-6872 .elementor-element.elementor-element-b5482bb img{width:260px;}.elementor-6872 .elementor-element.elementor-element-a35d8f9{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6872 .elementor-element.elementor-element-a35d8f9:not(.elementor-motion-effects-element-type-background), .elementor-6872 .elementor-element.elementor-element-a35d8f9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#02010100;}.elementor-6872 .elementor-element.elementor-element-c4ab9b2{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 950px;}.elementor-6872 .elementor-element.elementor-element-c4ab9b2 img{width:260px;}.elementor-6872 .elementor-element.elementor-element-ca93ec6{--n-menu-dropdown-content-max-width:initial;--n-menu-heading-justify-content:space-between;--n-menu-title-flex-grow:1;--n-menu-title-justify-content:initial;--n-menu-title-justify-content-mobile:center;--n-menu-heading-wrap:wrap;--n-menu-heading-overflow-x:initial;--n-menu-title-distance-from-content:0px;width:var( --container-widget-width, 1140px );max-width:1140px;background-color:var( --e-global-color-318c913 );margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0.5em 2em 0.5em 2em;--container-widget-width:1140px;--container-widget-flex-grow:0;border-radius:40px 40px 40px 40px;--n-menu-open-animation-duration:200ms;--n-menu-toggle-icon-wrapper-animation-duration:500ms;--n-menu-title-space-between:0px;--n-menu-title-color-normal:var( --e-global-color-text );--n-menu-title-transition:300ms;--n-menu-title-direction:row;--n-menu-icon-order:initial;--n-menu-icon-align-items:initial;--n-menu-title-align-items-toggle:center;--n-menu-icon-size:26px;--n-menu-icon-color:#C5464600;--n-menu-icon-color-hover:#02010100;--n-menu-icon-color-active:#02010100;--n-menu-dropdown-indicator-size:26px;--n-menu-dropdown-indicator-color-normal:#FFFFFF00;--n-menu-dropdown-indicator-color-hover:#02010100;--n-menu-toggle-icon-size:20px;--n-menu-toggle-icon-hover-duration:500ms;--n-menu-toggle-icon-distance-from-dropdown:0px;--n-menu-dropdown-content-box-border-style:none;--n-menu-dropdown-content-box-border-radius:20px 20px 20px 20px;}.elementor-6872 .elementor-element.elementor-element-ca93ec6 > .e-n-menu[data-layout='dropdown'] > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title:not( .e-current ){background:var( --e-global-color-318c913 );}.elementor-6872 .elementor-element.elementor-element-ca93ec6.elementor-element{--align-self:center;}.elementor-6872 .elementor-element.elementor-element-ca93ec6 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .elementor-6872 .elementor-element.elementor-element-ca93ec6 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container, .elementor-6872 .elementor-element.elementor-element-ca93ec6 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container > span{font-family:"Arvo", Sans-serif;font-weight:500;}.elementor-6872 .elementor-element.elementor-element-ca93ec6 {--n-menu-title-color-hover:var( --e-global-color-text );--n-menu-title-color-active:var( --e-global-color-text );}:where( .elementor-6872 .elementor-element.elementor-element-ca93ec6 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-content ) > .e-con{border-style:none;}.elementor-6872 .elementor-element.elementor-element-4046d63{--display:flex;--position:fixed;top:0px;--z-index:999;}body:not(.rtl) .elementor-6872 .elementor-element.elementor-element-4046d63{left:0px;}body.rtl .elementor-6872 .elementor-element.elementor-element-4046d63{right:0px;}.elementor-6872 .elementor-element.elementor-element-9b6302c .elementor-button{background-color:#D9534F;font-family:"Arvo", Sans-serif;font-weight:600;fill:#FFFFFF;color:#FFFFFF;padding:1em 1.5em 1em 1.5em;}body:not(.rtl) .elementor-6872 .elementor-element.elementor-element-9b6302c{right:25px;}body.rtl .elementor-6872 .elementor-element.elementor-element-9b6302c{left:25px;}.elementor-6872 .elementor-element.elementor-element-9b6302c{top:150px;}.elementor-6872 .elementor-element.elementor-element-9b6302c .elementor-button-content-wrapper{flex-direction:row-reverse;}.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-6872 .elementor-element.elementor-element-da0acef{--width:33.33%;}.elementor-6872 .elementor-element.elementor-element-b196e8c{--width:33.33%;}.elementor-6872 .elementor-element.elementor-element-db38712{--width:33.33%;}.elementor-6872 .elementor-element.elementor-element-a5f8991{--width:33.33%;}.elementor-6872 .elementor-element.elementor-element-a5ea39b{--width:33.33%;}.elementor-6872 .elementor-element.elementor-element-f9e906f{--width:33.33%;}.elementor-6872 .elementor-element.elementor-element-8c87152{--width:33.33%;}.elementor-6872 .elementor-element.elementor-element-d93ba0c{--width:33.33%;}.elementor-6872 .elementor-element.elementor-element-4daf000{--width:33.33%;}.elementor-6872 .elementor-element.elementor-element-a939199{--width:150px;}.elementor-6872 .elementor-element.elementor-element-72edb4d{--width:33.33%;}.elementor-6872 .elementor-element.elementor-element-5143714{--width:33.33%;}.elementor-6872 .elementor-element.elementor-element-2e9e698{--width:33.33%;}.elementor-6872 .elementor-element.elementor-element-2b22cc9{--width:33.33%;}.elementor-6872 .elementor-element.elementor-element-f46554b{--width:33.33%;}.elementor-6872 .elementor-element.elementor-element-530e904{--width:33.33%;}.elementor-6872 .elementor-element.elementor-element-faaacb9{--width:33.33%;}.elementor-6872 .elementor-element.elementor-element-ad6fcb4{--width:33.33%;}.elementor-6872 .elementor-element.elementor-element-34fe75a{--width:33.33%;}}@media(max-width:1300px){.elementor-6872 .elementor-element.elementor-element-4dff3f6{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--flex-wrap:wrap;}.elementor-6872 .elementor-element.elementor-element-0b96272{width:var( --container-widget-width, 250px );max-width:250px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:250px;--container-widget-flex-grow:0;text-align:start;}.elementor-6872 .elementor-element.elementor-element-5b06afd{--n-menu-heading-justify-content:initial;--n-menu-title-flex-grow:initial;--n-menu-title-justify-content:initial;--n-menu-title-justify-content-mobile:initial;--container-widget-width:90px;--container-widget-flex-grow:0;width:var( --container-widget-width, 90px );max-width:90px;--n-menu-title-padding:1em 3em 1em 3em;--n-menu-toggle-icon-size:2rem;--n-menu-toggle-icon-padding:1em 1em 1em 1em;}.elementor-6872 .elementor-element.elementor-element-fd7787c{width:100%;max-width:100%;}.elementor-6872 .elementor-element.elementor-element-fd7787c.elementor-element{--align-self:center;}.elementor-6872 .elementor-element.elementor-element-909ba41{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:2em;--padding-bottom:2em;--padding-left:2em;--padding-right:2em;}.elementor-6872 .elementor-element.elementor-element-ca93ec6{--n-menu-heading-justify-content:initial;--n-menu-title-flex-grow:initial;--n-menu-title-justify-content:initial;--n-menu-title-justify-content-mobile:initial;padding:0em 4em 0em 0em;--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;border-radius:0px 0px 0px 0px;--n-menu-title-space-between:20px;--n-menu-title-font-size:1.2rem;--n-menu-toggle-icon-size:2rem;--n-menu-toggle-icon-padding:1em 1em 1em 1em;}.elementor-6872 .elementor-element.elementor-element-ca93ec6.elementor-element{--align-self:stretch;}.elementor-6872 .elementor-element.elementor-element-4046d63{--z-index:999;}.elementor-6872 .elementor-element.elementor-element-9b6302c{padding:0em 0em 0em 0em;top:200px;}}@media(max-width:767px){.elementor-6872 .elementor-element.elementor-element-0b96272{--container-widget-width:80px;--container-widget-flex-grow:0;width:var( --container-widget-width, 80px );max-width:80px;}.elementor-6872 .elementor-element.elementor-element-fd7787c{z-index:1;}.elementor-6872 .elementor-element.elementor-element-1adcd7d{--e-off-canvas-height:fit-content;--e-off-canvas-content-overflow:initial;}.elementor-6872 .elementor-element.elementor-element-9b6302c{top:200px;}}/* Start custom CSS for container, class: .elementor-element-eb06190 *//* =============================== */ /* 🌸 BOUJT DROPDOWN – LIQUID GLASS + MINT HOVER EDITION */ /* =============================== */ :root { --boujt-green: #27c19c; --glass-bg: rgba(255, 255, 255, 0.95); --glass-border: rgba(255, 255, 255, 0.45); --mint-glow: rgba(39, 193, 156, 0.25); --text-dark: #1a1a1a; } /* === Dropdownens bakgrundsyta === */ #e-n-menu-content-2353.BOUJT-dropdown { position: fixed !important; top: var(--boujt-mega-top, 65px); left: 50%; transform: translateX(-50%) translateY(-10px); width: clamp(300px, 60vw, 820px); padding: 2rem 2.4rem 3rem; border-radius: 1.8rem; background: var(--glass-bg); backdrop-filter: blur(25px) saturate(180%); -webkit-backdrop-filter: blur(25px) saturate(180%); border: 1px solid var(--glass-border); box-shadow: inset 0 0 8px rgba(255, 255, 255, 0.35), inset 0 0 18px rgba(255, 255, 255, 0.25), 0 18px 40px rgba(0, 0, 0, 0.12); overflow: hidden; opacity: 0; visibility: hidden; pointer-events: none; transition: opacity 0.35s ease, transform 0.35s ease, visibility 0.35s ease; z-index: 99999; } /* Inner glow + mintglow */ #e-n-menu-content-2353.BOUJT-dropdown::before { content: ""; position: absolute; inset: 0; border-radius: inherit; background: radial-gradient(circle at 50% 15%, rgba(255, 255, 255, 0.55), rgba(255, 255, 255, 0.1) 45%, rgba(255, 255, 255, 0) 70%); mix-blend-mode: overlay; pointer-events: none; } #e-n-menu-content-2353.BOUJT-dropdown::after { content: ""; position: absolute; inset: 0; border-radius: inherit; box-shadow: 0 0 12px rgba(39, 193, 156, 0.15), inset 0 0 12px rgba(39, 193, 156, 0.25); pointer-events: none; } @keyframes fadeSlideDown { 0% { opacity: 0; transform: translate(-50%, -10px) scale(0.98); } 100% { opacity: 1; transform: translate(-50%, 0) scale(1); } } /* === Kort === */ .boujt-card { position: relative; background: #fff; border-radius: 1.6rem; border: 1px solid rgba(255, 255, 255, 0.6); box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05), 0 8px 22px rgba(0, 0, 0, 0.08); padding: 1.4rem 1.6rem 1.6rem; font-family: 'Arvo', serif; color: var(--text-dark); transition: all 0.6s ease; /* mjukare toning */ display: flex; flex-direction: column; justify-content: space-between; cursor: pointer; } /* Mintig effekt vid hover */ .boujt-card:hover { background: linear-gradient(to bottom, #d9f2f2, #b9e3e3); transform: translateY(-4px); box-shadow: 0 8px 26px rgba(0, 0, 0, 0.15), 0 0 14px var(--mint-glow); } /* === Kortinnehåll === */ .boujt-card-content { display: flex; align-items: flex-start; gap: 0.9rem; } /* === Ikon === */ .boujt-card-icon { background: #fff; border-radius: 50%; width: 52px; height: 52px; display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 4px rgba(0,0,0,0.1); flex-shrink: 0; transition: all 0.25s ease; } .boujt-card-icon img { width: 30px; height: 30px; object-fit: contain; transition: filter 0.3s ease, transform 0.3s ease; } .boujt-card:hover .boujt-card-icon img { transform: scale(1.05); filter: drop-shadow(0 0 6px rgba(39, 193, 156, 0.6)); } /* === Text === */ .boujt-card-text h3 { font-weight: 700; font-size: 1rem; margin: 0 0 0.3rem; } .boujt-card-text p { font-size: 0.88rem; opacity: 0.85; margin: 0; line-height: 1.45; } /* === Plusikon === */ .corner-icon { position: absolute; right: 1.2rem; bottom: 1rem; font-size: 1.25rem; color: var(--boujt-green); opacity: 0.8; transition: all 0.25s ease; } .boujt-card.has-dropdown:hover .corner-icon { opacity: 0; transform: scale(0.7); pointer-events: none; } /* === Undermeny === */ .boujt-submenu { max-height: 0; overflow: hidden; display: flex; flex-direction: column; align-items: center; gap: 0.45rem; margin-top: 0.8rem; opacity: 0; transform: translateY(-5px); transition: max-height 0.45s cubic-bezier(0.25, 1, 0.3, 1), opacity 0.35s ease, transform 0.4s ease; } .boujt-card:hover .boujt-submenu { max-height: 200px; opacity: 1; transform: translateY(0); } /* === Submenu-knappar === */ .submenu-item { width: 90%; background: rgba(255, 255, 255, 0.45); border: 1px solid rgba(255, 255, 255, 0.55); border-radius: 9999px; padding: 0.4rem 0.9rem; display: flex; align-items: center; gap: 0.45rem; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08); font-size: 0.9rem; line-height: 1.25; color: #1a1a1a; transition: all 0.25s ease; } .submenu-item .submenu-icon { width: 16px; height: 16px; flex-shrink: 0; opacity: 0.9; transition: transform 0.2s ease, filter 0.2s ease; } /* Hover – subtil förstoring */ .submenu-item:hover { transform: scale(1.03); background: rgba(255, 255, 255, 0.6); box-shadow: 0 4px 10px rgba(39, 193, 156, 0.15); } .submenu-item:hover .submenu-icon { transform: scale(1.08); filter: drop-shadow(0 0 3px rgba(39, 193, 156, 0.4)); } /* === HÖRNIKONER – PLUS & PIL === */ .corner-icon { position: absolute; right: 1.2rem; bottom: 1rem; display: flex; align-items: center; justify-content: center; width: 28px; height: 28px; transition: all 0.4s ease; } .corner-icon img { width: 100%; height: 100%; opacity: 0.8; transition: transform 0.45s cubic-bezier(0.22, 1, 0.36, 1), filter 0.45s ease, opacity 0.4s ease; filter: drop-shadow(0 0 0 rgba(39,193,156,0)); } /* 🌿 PIL – för kort utan undermeny */ .boujt-card:not(.has-dropdown):hover .corner-icon img { transform: translateX(5px) scale(1.08); filter: drop-shadow(0 0 6px rgba(39,193,156,0.45)); opacity: 1; } /* === Extra polish: ikonerna "andas" när man hovrar === */ .corner-icon:hover img { transform: scale(1.12); filter: drop-shadow(0 0 10px rgba(39,193,156,0.6)); opacity: 1; } /* ============================================================ 🌸 BOUJT DROPDOWN – LIQUID GLASS + MINT HOVER EDITION ============================================================ */ :root { --boujt-green: #27c19c; --glass-bg: rgba(255, 255, 255, 0.95); --glass-border: rgba(255, 255, 255, 0.45); --mint-glow: rgba(39, 193, 156, 0.25); --text-dark: #1a1a1a; } /* === Dropdownens bakgrundsyta === */ #menubar-136 .BOUJT-dropdown { position: fixed !important; top: var(--boujt-mega-top, 65px); left: 50%; transform: translateX(-50%) translateY(-10px); width: clamp(300px, 60vw, 820px); padding: 2rem 2.4rem 3rem; border-radius: 1.8rem; background: var(--glass-bg); backdrop-filter: blur(25px) saturate(180%); -webkit-backdrop-filter: blur(25px) saturate(180%); border: 1px solid var(--glass-border); box-shadow: inset 0 0 8px rgba(255, 255, 255, 0.35), inset 0 0 18px rgba(255, 255, 255, 0.25), 0 18px 40px rgba(0, 0, 0, 0.12); overflow: hidden; opacity: 0; visibility: hidden; pointer-events: none; transition: opacity 0.35s ease, transform 0.35s ease, visibility 0.35s ease; z-index: 99999; } /* Inner glow + mintglow */ #menubar-136 .BOUJT-dropdown::before { content: ""; position: absolute; inset: 0; border-radius: inherit; background: radial-gradient(circle at 50% 15%, rgba(255, 255, 255, 0.55), rgba(255, 255, 255, 0.1) 45%, rgba(255, 255, 255, 0) 70%); mix-blend-mode: overlay; pointer-events: none; } #menubar-136 .BOUJT-dropdown::after { content: ""; position: absolute; inset: 0; border-radius: inherit; box-shadow: 0 0 12px rgba(39, 193, 156, 0.15), inset 0 0 12px rgba(39, 193, 156, 0.25); pointer-events: none; } /* Visa dropdown vid hover */ #menubar-136 .e-n-menu-item:hover .BOUJT-dropdown, #menubar-136 .e-n-menu-item.e-active .BOUJT-dropdown, #menubar-136 .BOUJT-dropdown:hover { opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; transform: translateX(-50%) translateY(0); animation: fadeSlideDown .35s ease forwards; } @keyframes fadeSlideDown { 0% { opacity: 0; transform: translate(-50%, -10px) scale(0.98); } 100% { opacity: 1; transform: translate(-50%, 0) scale(1); } } /* /* ============================================================ 🌿 BOUJT DROPDOWN – GRID & KORTSTIL ============================================================ */ .boujt-dropdown-wrap { background: rgba(255, 255, 255, 0.6); border: 1px solid rgba(255, 255, 255, 0.85); border-radius: 2rem; padding: 2.4rem; display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.4rem; box-shadow: inset 0 0 10px rgba(255, 255, 255, 0.35), 0 20px 45px rgba(0, 0, 0, 0.1); backdrop-filter: blur(25px) saturate(180%); -webkit-backdrop-filter: blur(25px) saturate(180%); position: relative; } /* ============================================================ 💎 UPPDATERAD .boujt-card (MATCHAR boujt_answers) – DEFAULT ============================================================ */ .boujt-card { position: relative; background: radial-gradient( circle at 40% 15%, rgba(255,255,255,0.95) 0%, rgba(248,244,255,0.75) 55%, rgba(244,238,255,0.60) 100% ); border: 1px solid rgba(255,255,255,0.70); border-radius: 1.6rem; padding: 1.6rem 1.8rem; /* behåller din padding */ backdrop-filter: blur(22px) saturate(180%); -webkit-backdrop-filter: blur(22px) saturate(180%); box-shadow: inset 0 0 12px rgba(255,255,255,0.55), 0 6px 14px rgba(0,0,0,0.06); display: flex; flex-direction: column; justify-content: space-between; gap: .6rem; cursor: pointer; transition: all .38s ease; } /* ============================================================ 💎 UPPDATERAD KORT HOVER – EXAKT BILD 2 ============================================================ */ .boujt-card:hover { background: linear-gradient( 180deg, rgba(215,240,240,0.92) 0%, rgba(195,230,230,0.92) 100% ); border-color: rgba(255,255,255,0.9); transform: translateY(-4px); box-shadow: inset 0 0 14px rgba(255,255,255,0.55), 0 10px 26px rgba(0,0,0,0.14), 0 0 18px var(--mint-glow); } /* ============================================================ 🔻 RESTEN AV ORIGINELLA KORTSTILAR (ikoner, text, submenu, etc) ============================================================ */ .boujt-card-content { display: flex; align-items: flex-start; gap: 0.9rem; } .boujt-card-icon { background: #fff; border-radius: 50%; width: 52px; height: 52px; display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 4px rgba(0,0,0,0.1); flex-shrink: 0; transition: all 0.25s ease; } .boujt-card-icon img { width: 30px; height: 30px; object-fit: contain; transition: filter 0.3s ease, transform 0.3s ease; } .boujt-card:hover .boujt-card-icon img { transform: scale(1.06); filter: drop-shadow(0 0 6px rgba(39,193,156,0.55)); } .boujt-card-text h3 { font-weight: 700; font-size: 1rem; margin: 0 0 0.3rem; } .boujt-card-text p { font-size: 0.88rem; opacity: 0.85; margin: 0; line-height: 1.45; } .corner-icon { position: absolute; right: 1.2rem; bottom: 1rem; font-size: 1.25rem; color: var(--boujt-green); opacity: 0.8; transition: all 0.25s ease; } .boujt-card.has-dropdown:hover .corner-icon { opacity: 0; transform: scale(0.7); pointer-events: none; } .boujt-submenu { max-height: 0; overflow: hidden; display: flex; flex-direction: column; align-items: center; gap: 0.45rem; margin-top: 0.8rem; opacity: 0; transform: translateY(-5px); transition: max-height 0.45s cubic-bezier(0.25, 1, 0.3, 1), opacity 0.35s ease, transform 0.4s ease; } .boujt-card:hover .boujt-submenu { max-height: 200px; opacity: 1; transform: translateY(0); } .submenu-item { width: 90%; background: rgba(255, 255, 255, 0.45); border: 1px solid rgba(255, 255, 255, 0.55); border-radius: 9999px; padding: 0.4rem 0.9rem; display: flex; align-items: center; gap: 0.45rem; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08); font-size: 0.9rem; line-height: 1.25; color: #1a1a1a; transition: all 0.25s ease; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-eb06190 *//* =============================== */ /* 🌸 BOUJT DROPDOWN – LIQUID GLASS + MINT HOVER EDITION */ /* =============================== */ :root { --boujt-green: #27c19c; --glass-bg: rgba(255, 255, 255, 0.95); --glass-border: rgba(255, 255, 255, 0.45); --mint-glow: rgba(39, 193, 156, 0.25); --text-dark: #1a1a1a; } /* === Dropdownens bakgrundsyta === */ #e-n-menu-content-2353.BOUJT-dropdown { position: fixed !important; top: var(--boujt-mega-top, 65px); left: 50%; transform: translateX(-50%) translateY(-10px); width: clamp(300px, 60vw, 820px); padding: 2rem 2.4rem 3rem; border-radius: 1.8rem; background: var(--glass-bg); backdrop-filter: blur(25px) saturate(180%); -webkit-backdrop-filter: blur(25px) saturate(180%); border: 1px solid var(--glass-border); box-shadow: inset 0 0 8px rgba(255, 255, 255, 0.35), inset 0 0 18px rgba(255, 255, 255, 0.25), 0 18px 40px rgba(0, 0, 0, 0.12); overflow: hidden; opacity: 0; visibility: hidden; pointer-events: none; transition: opacity 0.35s ease, transform 0.35s ease, visibility 0.35s ease; z-index: 99999; } /* Inner glow + mintglow */ #e-n-menu-content-2353.BOUJT-dropdown::before { content: ""; position: absolute; inset: 0; border-radius: inherit; background: radial-gradient(circle at 50% 15%, rgba(255, 255, 255, 0.55), rgba(255, 255, 255, 0.1) 45%, rgba(255, 255, 255, 0) 70%); mix-blend-mode: overlay; pointer-events: none; } #e-n-menu-content-2353.BOUJT-dropdown::after { content: ""; position: absolute; inset: 0; border-radius: inherit; box-shadow: 0 0 12px rgba(39, 193, 156, 0.15), inset 0 0 12px rgba(39, 193, 156, 0.25); pointer-events: none; } @keyframes fadeSlideDown { 0% { opacity: 0; transform: translate(-50%, -10px) scale(0.98); } 100% { opacity: 1; transform: translate(-50%, 0) scale(1); } } /* === Kort === */ .boujt-card { position: relative; background: #fff; border-radius: 1.6rem; border: 1px solid rgba(255, 255, 255, 0.6); box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05), 0 8px 22px rgba(0, 0, 0, 0.08); padding: 1.4rem 1.6rem 1.6rem; font-family: 'Arvo', serif; color: var(--text-dark); transition: all 0.6s ease; /* mjukare toning */ display: flex; flex-direction: column; justify-content: space-between; cursor: pointer; } /* Mintig effekt vid hover */ .boujt-card:hover { background: linear-gradient(to bottom, #d9f2f2, #b9e3e3); transform: translateY(-4px); box-shadow: 0 8px 26px rgba(0, 0, 0, 0.15), 0 0 14px var(--mint-glow); } /* === Kortinnehåll === */ .boujt-card-content { display: flex; align-items: flex-start; gap: 0.9rem; } /* === Ikon === */ .boujt-card-icon { background: #fff; border-radius: 50%; width: 52px; height: 52px; display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 4px rgba(0,0,0,0.1); flex-shrink: 0; transition: all 0.25s ease; } .boujt-card-icon img { width: 30px; height: 30px; object-fit: contain; transition: filter 0.3s ease, transform 0.3s ease; } .boujt-card:hover .boujt-card-icon img { transform: scale(1.05); filter: drop-shadow(0 0 6px rgba(39, 193, 156, 0.6)); } /* === Text === */ .boujt-card-text h3 { font-weight: 700; font-size: 1rem; margin: 0 0 0.3rem; } .boujt-card-text p { font-size: 0.88rem; opacity: 0.85; margin: 0; line-height: 1.45; } /* === Plusikon === */ .corner-icon { position: absolute; right: 1.2rem; bottom: 1rem; font-size: 1.25rem; color: var(--boujt-green); opacity: 0.8; transition: all 0.25s ease; } .boujt-card.has-dropdown:hover .corner-icon { opacity: 0; transform: scale(0.7); pointer-events: none; } /* === Undermeny === */ .boujt-submenu { max-height: 0; overflow: hidden; display: flex; flex-direction: column; align-items: center; gap: 0.45rem; margin-top: 0.8rem; opacity: 0; transform: translateY(-5px); transition: max-height 0.45s cubic-bezier(0.25, 1, 0.3, 1), opacity 0.35s ease, transform 0.4s ease; } .boujt-card:hover .boujt-submenu { max-height: 200px; opacity: 1; transform: translateY(0); } /* === Submenu-knappar === */ .submenu-item { width: 90%; background: rgba(255, 255, 255, 0.45); border: 1px solid rgba(255, 255, 255, 0.55); border-radius: 9999px; padding: 0.4rem 0.9rem; display: flex; align-items: center; gap: 0.45rem; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08); font-size: 0.9rem; line-height: 1.25; color: #1a1a1a; transition: all 0.25s ease; } .submenu-item .submenu-icon { width: 16px; height: 16px; flex-shrink: 0; opacity: 0.9; transition: transform 0.2s ease, filter 0.2s ease; } /* Hover – subtil förstoring */ .submenu-item:hover { transform: scale(1.03); background: rgba(255, 255, 255, 0.6); box-shadow: 0 4px 10px rgba(39, 193, 156, 0.15); } .submenu-item:hover .submenu-icon { transform: scale(1.08); filter: drop-shadow(0 0 3px rgba(39, 193, 156, 0.4)); } /* === HÖRNIKONER – PLUS & PIL === */ .corner-icon { position: absolute; right: 1.2rem; bottom: 1rem; display: flex; align-items: center; justify-content: center; width: 28px; height: 28px; transition: all 0.4s ease; } .corner-icon img { width: 100%; height: 100%; opacity: 0.8; transition: transform 0.45s cubic-bezier(0.22, 1, 0.36, 1), filter 0.45s ease, opacity 0.4s ease; filter: drop-shadow(0 0 0 rgba(39,193,156,0)); } /* 🌿 PIL – för kort utan undermeny */ .boujt-card:not(.has-dropdown):hover .corner-icon img { transform: translateX(5px) scale(1.08); filter: drop-shadow(0 0 6px rgba(39,193,156,0.45)); opacity: 1; } /* === Extra polish: ikonerna "andas" när man hovrar === */ .corner-icon:hover img { transform: scale(1.12); filter: drop-shadow(0 0 10px rgba(39,193,156,0.6)); opacity: 1; } /* ============================================================ 🌸 BOUJT DROPDOWN – LIQUID GLASS + MINT HOVER EDITION ============================================================ */ :root { --boujt-green: #27c19c; --glass-bg: rgba(255, 255, 255, 0.95); --glass-border: rgba(255, 255, 255, 0.45); --mint-glow: rgba(39, 193, 156, 0.25); --text-dark: #1a1a1a; } /* === Dropdownens bakgrundsyta === */ #menubar-136 .BOUJT-dropdown { position: fixed !important; top: var(--boujt-mega-top, 65px); left: 50%; transform: translateX(-50%) translateY(-10px); width: clamp(300px, 60vw, 820px); padding: 2rem 2.4rem 3rem; border-radius: 1.8rem; background: var(--glass-bg); backdrop-filter: blur(25px) saturate(180%); -webkit-backdrop-filter: blur(25px) saturate(180%); border: 1px solid var(--glass-border); box-shadow: inset 0 0 8px rgba(255, 255, 255, 0.35), inset 0 0 18px rgba(255, 255, 255, 0.25), 0 18px 40px rgba(0, 0, 0, 0.12); overflow: hidden; opacity: 0; visibility: hidden; pointer-events: none; transition: opacity 0.35s ease, transform 0.35s ease, visibility 0.35s ease; z-index: 99999; } /* Inner glow + mintglow */ #menubar-136 .BOUJT-dropdown::before { content: ""; position: absolute; inset: 0; border-radius: inherit; background: radial-gradient(circle at 50% 15%, rgba(255, 255, 255, 0.55), rgba(255, 255, 255, 0.1) 45%, rgba(255, 255, 255, 0) 70%); mix-blend-mode: overlay; pointer-events: none; } #menubar-136 .BOUJT-dropdown::after { content: ""; position: absolute; inset: 0; border-radius: inherit; box-shadow: 0 0 12px rgba(39, 193, 156, 0.15), inset 0 0 12px rgba(39, 193, 156, 0.25); pointer-events: none; } /* Visa dropdown vid hover */ #menubar-136 .e-n-menu-item:hover .BOUJT-dropdown, #menubar-136 .e-n-menu-item.e-active .BOUJT-dropdown, #menubar-136 .BOUJT-dropdown:hover { opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; transform: translateX(-50%) translateY(0); animation: fadeSlideDown .35s ease forwards; } @keyframes fadeSlideDown { 0% { opacity: 0; transform: translate(-50%, -10px) scale(0.98); } 100% { opacity: 1; transform: translate(-50%, 0) scale(1); } } /* /* ============================================================ 🌿 BOUJT DROPDOWN – GRID & KORTSTIL ============================================================ */ .boujt-dropdown-wrap { background: rgba(255, 255, 255, 0.6); border: 1px solid rgba(255, 255, 255, 0.85); border-radius: 2rem; padding: 2.4rem; display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.4rem; box-shadow: inset 0 0 10px rgba(255, 255, 255, 0.35), 0 20px 45px rgba(0, 0, 0, 0.1); backdrop-filter: blur(25px) saturate(180%); -webkit-backdrop-filter: blur(25px) saturate(180%); position: relative; } /* ============================================================ 💎 UPPDATERAD .boujt-card (MATCHAR boujt_answers) – DEFAULT ============================================================ */ .boujt-card { position: relative; background: radial-gradient( circle at 40% 15%, rgba(255,255,255,0.95) 0%, rgba(248,244,255,0.75) 55%, rgba(244,238,255,0.60) 100% ); border: 1px solid rgba(255,255,255,0.70); border-radius: 1.6rem; padding: 1.6rem 1.8rem; /* behåller din padding */ backdrop-filter: blur(22px) saturate(180%); -webkit-backdrop-filter: blur(22px) saturate(180%); box-shadow: inset 0 0 12px rgba(255,255,255,0.55), 0 6px 14px rgba(0,0,0,0.06); display: flex; flex-direction: column; justify-content: space-between; gap: .6rem; cursor: pointer; transition: all .38s ease; } /* ============================================================ 💎 UPPDATERAD KORT HOVER – EXAKT BILD 2 ============================================================ */ .boujt-card:hover { background: linear-gradient( 180deg, rgba(215,240,240,0.92) 0%, rgba(195,230,230,0.92) 100% ); border-color: rgba(255,255,255,0.9); transform: translateY(-4px); box-shadow: inset 0 0 14px rgba(255,255,255,0.55), 0 10px 26px rgba(0,0,0,0.14), 0 0 18px var(--mint-glow); } /* ============================================================ 🔻 RESTEN AV ORIGINELLA KORTSTILAR (ikoner, text, submenu, etc) ============================================================ */ .boujt-card-content { display: flex; align-items: flex-start; gap: 0.9rem; } .boujt-card-icon { background: #fff; border-radius: 50%; width: 52px; height: 52px; display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 4px rgba(0,0,0,0.1); flex-shrink: 0; transition: all 0.25s ease; } .boujt-card-icon img { width: 30px; height: 30px; object-fit: contain; transition: filter 0.3s ease, transform 0.3s ease; } .boujt-card:hover .boujt-card-icon img { transform: scale(1.06); filter: drop-shadow(0 0 6px rgba(39,193,156,0.55)); } .boujt-card-text h3 { font-weight: 700; font-size: 1rem; margin: 0 0 0.3rem; } .boujt-card-text p { font-size: 0.88rem; opacity: 0.85; margin: 0; line-height: 1.45; } .corner-icon { position: absolute; right: 1.2rem; bottom: 1rem; font-size: 1.25rem; color: var(--boujt-green); opacity: 0.8; transition: all 0.25s ease; } .boujt-card.has-dropdown:hover .corner-icon { opacity: 0; transform: scale(0.7); pointer-events: none; } .boujt-submenu { max-height: 0; overflow: hidden; display: flex; flex-direction: column; align-items: center; gap: 0.45rem; margin-top: 0.8rem; opacity: 0; transform: translateY(-5px); transition: max-height 0.45s cubic-bezier(0.25, 1, 0.3, 1), opacity 0.35s ease, transform 0.4s ease; } .boujt-card:hover .boujt-submenu { max-height: 200px; opacity: 1; transform: translateY(0); } .submenu-item { width: 90%; background: rgba(255, 255, 255, 0.45); border: 1px solid rgba(255, 255, 255, 0.55); border-radius: 9999px; padding: 0.4rem 0.9rem; display: flex; align-items: center; gap: 0.45rem; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08); font-size: 0.9rem; line-height: 1.25; color: #1a1a1a; transition: all 0.25s ease; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-eb06190 *//* =============================== */ /* 🌸 BOUJT DROPDOWN – LIQUID GLASS + MINT HOVER EDITION */ /* =============================== */ :root { --boujt-green: #27c19c; --glass-bg: rgba(255, 255, 255, 0.95); --glass-border: rgba(255, 255, 255, 0.45); --mint-glow: rgba(39, 193, 156, 0.25); --text-dark: #1a1a1a; } /* === Dropdownens bakgrundsyta === */ #e-n-menu-content-2353.BOUJT-dropdown { position: fixed !important; top: var(--boujt-mega-top, 65px); left: 50%; transform: translateX(-50%) translateY(-10px); width: clamp(300px, 60vw, 820px); padding: 2rem 2.4rem 3rem; border-radius: 1.8rem; background: var(--glass-bg); backdrop-filter: blur(25px) saturate(180%); -webkit-backdrop-filter: blur(25px) saturate(180%); border: 1px solid var(--glass-border); box-shadow: inset 0 0 8px rgba(255, 255, 255, 0.35), inset 0 0 18px rgba(255, 255, 255, 0.25), 0 18px 40px rgba(0, 0, 0, 0.12); overflow: hidden; opacity: 0; visibility: hidden; pointer-events: none; transition: opacity 0.35s ease, transform 0.35s ease, visibility 0.35s ease; z-index: 99999; } /* Inner glow + mintglow */ #e-n-menu-content-2353.BOUJT-dropdown::before { content: ""; position: absolute; inset: 0; border-radius: inherit; background: radial-gradient(circle at 50% 15%, rgba(255, 255, 255, 0.55), rgba(255, 255, 255, 0.1) 45%, rgba(255, 255, 255, 0) 70%); mix-blend-mode: overlay; pointer-events: none; } #e-n-menu-content-2353.BOUJT-dropdown::after { content: ""; position: absolute; inset: 0; border-radius: inherit; box-shadow: 0 0 12px rgba(39, 193, 156, 0.15), inset 0 0 12px rgba(39, 193, 156, 0.25); pointer-events: none; } @keyframes fadeSlideDown { 0% { opacity: 0; transform: translate(-50%, -10px) scale(0.98); } 100% { opacity: 1; transform: translate(-50%, 0) scale(1); } } /* === Kort === */ .boujt-card { position: relative; background: #fff; border-radius: 1.6rem; border: 1px solid rgba(255, 255, 255, 0.6); box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05), 0 8px 22px rgba(0, 0, 0, 0.08); padding: 1.4rem 1.6rem 1.6rem; font-family: 'Arvo', serif; color: var(--text-dark); transition: all 0.6s ease; /* mjukare toning */ display: flex; flex-direction: column; justify-content: space-between; cursor: pointer; } /* Mintig effekt vid hover */ .boujt-card:hover { background: linear-gradient(to bottom, #d9f2f2, #b9e3e3); transform: translateY(-4px); box-shadow: 0 8px 26px rgba(0, 0, 0, 0.15), 0 0 14px var(--mint-glow); } /* === Kortinnehåll === */ .boujt-card-content { display: flex; align-items: flex-start; gap: 0.9rem; } /* === Ikon === */ .boujt-card-icon { background: #fff; border-radius: 50%; width: 52px; height: 52px; display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 4px rgba(0,0,0,0.1); flex-shrink: 0; transition: all 0.25s ease; } .boujt-card-icon img { width: 30px; height: 30px; object-fit: contain; transition: filter 0.3s ease, transform 0.3s ease; } .boujt-card:hover .boujt-card-icon img { transform: scale(1.05); filter: drop-shadow(0 0 6px rgba(39, 193, 156, 0.6)); } /* === Text === */ .boujt-card-text h3 { font-weight: 700; font-size: 1rem; margin: 0 0 0.3rem; } .boujt-card-text p { font-size: 0.88rem; opacity: 0.85; margin: 0; line-height: 1.45; } /* === Plusikon === */ .corner-icon { position: absolute; right: 1.2rem; bottom: 1rem; font-size: 1.25rem; color: var(--boujt-green); opacity: 0.8; transition: all 0.25s ease; } .boujt-card.has-dropdown:hover .corner-icon { opacity: 0; transform: scale(0.7); pointer-events: none; } /* === Undermeny === */ .boujt-submenu { max-height: 0; overflow: hidden; display: flex; flex-direction: column; align-items: center; gap: 0.45rem; margin-top: 0.8rem; opacity: 0; transform: translateY(-5px); transition: max-height 0.45s cubic-bezier(0.25, 1, 0.3, 1), opacity 0.35s ease, transform 0.4s ease; } .boujt-card:hover .boujt-submenu { max-height: 200px; opacity: 1; transform: translateY(0); } /* === Submenu-knappar === */ .submenu-item { width: 90%; background: rgba(255, 255, 255, 0.45); border: 1px solid rgba(255, 255, 255, 0.55); border-radius: 9999px; padding: 0.4rem 0.9rem; display: flex; align-items: center; gap: 0.45rem; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08); font-size: 0.9rem; line-height: 1.25; color: #1a1a1a; transition: all 0.25s ease; } .submenu-item .submenu-icon { width: 16px; height: 16px; flex-shrink: 0; opacity: 0.9; transition: transform 0.2s ease, filter 0.2s ease; } /* Hover – subtil förstoring */ .submenu-item:hover { transform: scale(1.03); background: rgba(255, 255, 255, 0.6); box-shadow: 0 4px 10px rgba(39, 193, 156, 0.15); } .submenu-item:hover .submenu-icon { transform: scale(1.08); filter: drop-shadow(0 0 3px rgba(39, 193, 156, 0.4)); } /* === HÖRNIKONER – PLUS & PIL === */ .corner-icon { position: absolute; right: 1.2rem; bottom: 1rem; display: flex; align-items: center; justify-content: center; width: 28px; height: 28px; transition: all 0.4s ease; } .corner-icon img { width: 100%; height: 100%; opacity: 0.8; transition: transform 0.45s cubic-bezier(0.22, 1, 0.36, 1), filter 0.45s ease, opacity 0.4s ease; filter: drop-shadow(0 0 0 rgba(39,193,156,0)); } /* 🌿 PIL – för kort utan undermeny */ .boujt-card:not(.has-dropdown):hover .corner-icon img { transform: translateX(5px) scale(1.08); filter: drop-shadow(0 0 6px rgba(39,193,156,0.45)); opacity: 1; } /* === Extra polish: ikonerna "andas" när man hovrar === */ .corner-icon:hover img { transform: scale(1.12); filter: drop-shadow(0 0 10px rgba(39,193,156,0.6)); opacity: 1; } /* ============================================================ 🌸 BOUJT DROPDOWN – LIQUID GLASS + MINT HOVER EDITION ============================================================ */ :root { --boujt-green: #27c19c; --glass-bg: rgba(255, 255, 255, 0.95); --glass-border: rgba(255, 255, 255, 0.45); --mint-glow: rgba(39, 193, 156, 0.25); --text-dark: #1a1a1a; } /* === Dropdownens bakgrundsyta === */ #menubar-136 .BOUJT-dropdown { position: fixed !important; top: var(--boujt-mega-top, 65px); left: 50%; transform: translateX(-50%) translateY(-10px); width: clamp(300px, 60vw, 820px); padding: 2rem 2.4rem 3rem; border-radius: 1.8rem; background: var(--glass-bg); backdrop-filter: blur(25px) saturate(180%); -webkit-backdrop-filter: blur(25px) saturate(180%); border: 1px solid var(--glass-border); box-shadow: inset 0 0 8px rgba(255, 255, 255, 0.35), inset 0 0 18px rgba(255, 255, 255, 0.25), 0 18px 40px rgba(0, 0, 0, 0.12); overflow: hidden; opacity: 0; visibility: hidden; pointer-events: none; transition: opacity 0.35s ease, transform 0.35s ease, visibility 0.35s ease; z-index: 99999; } /* Inner glow + mintglow */ #menubar-136 .BOUJT-dropdown::before { content: ""; position: absolute; inset: 0; border-radius: inherit; background: radial-gradient(circle at 50% 15%, rgba(255, 255, 255, 0.55), rgba(255, 255, 255, 0.1) 45%, rgba(255, 255, 255, 0) 70%); mix-blend-mode: overlay; pointer-events: none; } #menubar-136 .BOUJT-dropdown::after { content: ""; position: absolute; inset: 0; border-radius: inherit; box-shadow: 0 0 12px rgba(39, 193, 156, 0.15), inset 0 0 12px rgba(39, 193, 156, 0.25); pointer-events: none; } /* Visa dropdown vid hover */ #menubar-136 .e-n-menu-item:hover .BOUJT-dropdown, #menubar-136 .e-n-menu-item.e-active .BOUJT-dropdown, #menubar-136 .BOUJT-dropdown:hover { opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; transform: translateX(-50%) translateY(0); animation: fadeSlideDown .35s ease forwards; } @keyframes fadeSlideDown { 0% { opacity: 0; transform: translate(-50%, -10px) scale(0.98); } 100% { opacity: 1; transform: translate(-50%, 0) scale(1); } } /* /* ============================================================ 🌿 BOUJT DROPDOWN – GRID & KORTSTIL ============================================================ */ .boujt-dropdown-wrap { background: rgba(255, 255, 255, 0.6); border: 1px solid rgba(255, 255, 255, 0.85); border-radius: 2rem; padding: 2.4rem; display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.4rem; box-shadow: inset 0 0 10px rgba(255, 255, 255, 0.35), 0 20px 45px rgba(0, 0, 0, 0.1); backdrop-filter: blur(25px) saturate(180%); -webkit-backdrop-filter: blur(25px) saturate(180%); position: relative; } /* ============================================================ 💎 UPPDATERAD .boujt-card (MATCHAR boujt_answers) – DEFAULT ============================================================ */ .boujt-card { position: relative; background: radial-gradient( circle at 40% 15%, rgba(255,255,255,0.95) 0%, rgba(248,244,255,0.75) 55%, rgba(244,238,255,0.60) 100% ); border: 1px solid rgba(255,255,255,0.70); border-radius: 1.6rem; padding: 1.6rem 1.8rem; /* behåller din padding */ backdrop-filter: blur(22px) saturate(180%); -webkit-backdrop-filter: blur(22px) saturate(180%); box-shadow: inset 0 0 12px rgba(255,255,255,0.55), 0 6px 14px rgba(0,0,0,0.06); display: flex; flex-direction: column; justify-content: space-between; gap: .6rem; cursor: pointer; transition: all .38s ease; } /* ============================================================ 💎 UPPDATERAD KORT HOVER – EXAKT BILD 2 ============================================================ */ .boujt-card:hover { background: linear-gradient( 180deg, rgba(215,240,240,0.92) 0%, rgba(195,230,230,0.92) 100% ); border-color: rgba(255,255,255,0.9); transform: translateY(-4px); box-shadow: inset 0 0 14px rgba(255,255,255,0.55), 0 10px 26px rgba(0,0,0,0.14), 0 0 18px var(--mint-glow); } /* ============================================================ 🔻 RESTEN AV ORIGINELLA KORTSTILAR (ikoner, text, submenu, etc) ============================================================ */ .boujt-card-content { display: flex; align-items: flex-start; gap: 0.9rem; } .boujt-card-icon { background: #fff; border-radius: 50%; width: 52px; height: 52px; display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 4px rgba(0,0,0,0.1); flex-shrink: 0; transition: all 0.25s ease; } .boujt-card-icon img { width: 30px; height: 30px; object-fit: contain; transition: filter 0.3s ease, transform 0.3s ease; } .boujt-card:hover .boujt-card-icon img { transform: scale(1.06); filter: drop-shadow(0 0 6px rgba(39,193,156,0.55)); } .boujt-card-text h3 { font-weight: 700; font-size: 1rem; margin: 0 0 0.3rem; } .boujt-card-text p { font-size: 0.88rem; opacity: 0.85; margin: 0; line-height: 1.45; } .corner-icon { position: absolute; right: 1.2rem; bottom: 1rem; font-size: 1.25rem; color: var(--boujt-green); opacity: 0.8; transition: all 0.25s ease; } .boujt-card.has-dropdown:hover .corner-icon { opacity: 0; transform: scale(0.7); pointer-events: none; } .boujt-submenu { max-height: 0; overflow: hidden; display: flex; flex-direction: column; align-items: center; gap: 0.45rem; margin-top: 0.8rem; opacity: 0; transform: translateY(-5px); transition: max-height 0.45s cubic-bezier(0.25, 1, 0.3, 1), opacity 0.35s ease, transform 0.4s ease; } .boujt-card:hover .boujt-submenu { max-height: 200px; opacity: 1; transform: translateY(0); } .submenu-item { width: 90%; background: rgba(255, 255, 255, 0.45); border: 1px solid rgba(255, 255, 255, 0.55); border-radius: 9999px; padding: 0.4rem 0.9rem; display: flex; align-items: center; gap: 0.45rem; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08); font-size: 0.9rem; line-height: 1.25; color: #1a1a1a; transition: all 0.25s ease; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-eb06190 *//* =============================== */ /* 🌸 BOUJT DROPDOWN – LIQUID GLASS + MINT HOVER EDITION */ /* =============================== */ :root { --boujt-green: #27c19c; --glass-bg: rgba(255, 255, 255, 0.95); --glass-border: rgba(255, 255, 255, 0.45); --mint-glow: rgba(39, 193, 156, 0.25); --text-dark: #1a1a1a; } /* === Dropdownens bakgrundsyta === */ #e-n-menu-content-2353.BOUJT-dropdown { position: fixed !important; top: var(--boujt-mega-top, 65px); left: 50%; transform: translateX(-50%) translateY(-10px); width: clamp(300px, 60vw, 820px); padding: 2rem 2.4rem 3rem; border-radius: 1.8rem; background: var(--glass-bg); backdrop-filter: blur(25px) saturate(180%); -webkit-backdrop-filter: blur(25px) saturate(180%); border: 1px solid var(--glass-border); box-shadow: inset 0 0 8px rgba(255, 255, 255, 0.35), inset 0 0 18px rgba(255, 255, 255, 0.25), 0 18px 40px rgba(0, 0, 0, 0.12); overflow: hidden; opacity: 0; visibility: hidden; pointer-events: none; transition: opacity 0.35s ease, transform 0.35s ease, visibility 0.35s ease; z-index: 99999; } /* Inner glow + mintglow */ #e-n-menu-content-2353.BOUJT-dropdown::before { content: ""; position: absolute; inset: 0; border-radius: inherit; background: radial-gradient(circle at 50% 15%, rgba(255, 255, 255, 0.55), rgba(255, 255, 255, 0.1) 45%, rgba(255, 255, 255, 0) 70%); mix-blend-mode: overlay; pointer-events: none; } #e-n-menu-content-2353.BOUJT-dropdown::after { content: ""; position: absolute; inset: 0; border-radius: inherit; box-shadow: 0 0 12px rgba(39, 193, 156, 0.15), inset 0 0 12px rgba(39, 193, 156, 0.25); pointer-events: none; } @keyframes fadeSlideDown { 0% { opacity: 0; transform: translate(-50%, -10px) scale(0.98); } 100% { opacity: 1; transform: translate(-50%, 0) scale(1); } } /* === Kort === */ .boujt-card { position: relative; background: #fff; border-radius: 1.6rem; border: 1px solid rgba(255, 255, 255, 0.6); box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05), 0 8px 22px rgba(0, 0, 0, 0.08); padding: 1.4rem 1.6rem 1.6rem; font-family: 'Arvo', serif; color: var(--text-dark); transition: all 0.6s ease; /* mjukare toning */ display: flex; flex-direction: column; justify-content: space-between; cursor: pointer; } /* Mintig effekt vid hover */ .boujt-card:hover { background: linear-gradient(to bottom, #d9f2f2, #b9e3e3); transform: translateY(-4px); box-shadow: 0 8px 26px rgba(0, 0, 0, 0.15), 0 0 14px var(--mint-glow); } /* === Kortinnehåll === */ .boujt-card-content { display: flex; align-items: flex-start; gap: 0.9rem; } /* === Ikon === */ .boujt-card-icon { background: #fff; border-radius: 50%; width: 52px; height: 52px; display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 4px rgba(0,0,0,0.1); flex-shrink: 0; transition: all 0.25s ease; } .boujt-card-icon img { width: 30px; height: 30px; object-fit: contain; transition: filter 0.3s ease, transform 0.3s ease; } .boujt-card:hover .boujt-card-icon img { transform: scale(1.05); filter: drop-shadow(0 0 6px rgba(39, 193, 156, 0.6)); } /* === Text === */ .boujt-card-text h3 { font-weight: 700; font-size: 1rem; margin: 0 0 0.3rem; } .boujt-card-text p { font-size: 0.88rem; opacity: 0.85; margin: 0; line-height: 1.45; } /* === Plusikon === */ .corner-icon { position: absolute; right: 1.2rem; bottom: 1rem; font-size: 1.25rem; color: var(--boujt-green); opacity: 0.8; transition: all 0.25s ease; } .boujt-card.has-dropdown:hover .corner-icon { opacity: 0; transform: scale(0.7); pointer-events: none; } /* === Undermeny === */ .boujt-submenu { max-height: 0; overflow: hidden; display: flex; flex-direction: column; align-items: center; gap: 0.45rem; margin-top: 0.8rem; opacity: 0; transform: translateY(-5px); transition: max-height 0.45s cubic-bezier(0.25, 1, 0.3, 1), opacity 0.35s ease, transform 0.4s ease; } .boujt-card:hover .boujt-submenu { max-height: 200px; opacity: 1; transform: translateY(0); } /* === Submenu-knappar === */ .submenu-item { width: 90%; background: rgba(255, 255, 255, 0.45); border: 1px solid rgba(255, 255, 255, 0.55); border-radius: 9999px; padding: 0.4rem 0.9rem; display: flex; align-items: center; gap: 0.45rem; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08); font-size: 0.9rem; line-height: 1.25; color: #1a1a1a; transition: all 0.25s ease; } .submenu-item .submenu-icon { width: 16px; height: 16px; flex-shrink: 0; opacity: 0.9; transition: transform 0.2s ease, filter 0.2s ease; } /* Hover – subtil förstoring */ .submenu-item:hover { transform: scale(1.03); background: rgba(255, 255, 255, 0.6); box-shadow: 0 4px 10px rgba(39, 193, 156, 0.15); } .submenu-item:hover .submenu-icon { transform: scale(1.08); filter: drop-shadow(0 0 3px rgba(39, 193, 156, 0.4)); } /* === HÖRNIKONER – PLUS & PIL === */ .corner-icon { position: absolute; right: 1.2rem; bottom: 1rem; display: flex; align-items: center; justify-content: center; width: 28px; height: 28px; transition: all 0.4s ease; } .corner-icon img { width: 100%; height: 100%; opacity: 0.8; transition: transform 0.45s cubic-bezier(0.22, 1, 0.36, 1), filter 0.45s ease, opacity 0.4s ease; filter: drop-shadow(0 0 0 rgba(39,193,156,0)); } /* 🌿 PIL – för kort utan undermeny */ .boujt-card:not(.has-dropdown):hover .corner-icon img { transform: translateX(5px) scale(1.08); filter: drop-shadow(0 0 6px rgba(39,193,156,0.45)); opacity: 1; } /* === Extra polish: ikonerna "andas" när man hovrar === */ .corner-icon:hover img { transform: scale(1.12); filter: drop-shadow(0 0 10px rgba(39,193,156,0.6)); opacity: 1; } /* ============================================================ 🌸 BOUJT DROPDOWN – LIQUID GLASS + MINT HOVER EDITION ============================================================ */ :root { --boujt-green: #27c19c; --glass-bg: rgba(255, 255, 255, 0.95); --glass-border: rgba(255, 255, 255, 0.45); --mint-glow: rgba(39, 193, 156, 0.25); --text-dark: #1a1a1a; } /* === Dropdownens bakgrundsyta === */ #menubar-136 .BOUJT-dropdown { position: fixed !important; top: var(--boujt-mega-top, 65px); left: 50%; transform: translateX(-50%) translateY(-10px); width: clamp(300px, 60vw, 820px); padding: 2rem 2.4rem 3rem; border-radius: 1.8rem; background: var(--glass-bg); backdrop-filter: blur(25px) saturate(180%); -webkit-backdrop-filter: blur(25px) saturate(180%); border: 1px solid var(--glass-border); box-shadow: inset 0 0 8px rgba(255, 255, 255, 0.35), inset 0 0 18px rgba(255, 255, 255, 0.25), 0 18px 40px rgba(0, 0, 0, 0.12); overflow: hidden; opacity: 0; visibility: hidden; pointer-events: none; transition: opacity 0.35s ease, transform 0.35s ease, visibility 0.35s ease; z-index: 99999; } /* Inner glow + mintglow */ #menubar-136 .BOUJT-dropdown::before { content: ""; position: absolute; inset: 0; border-radius: inherit; background: radial-gradient(circle at 50% 15%, rgba(255, 255, 255, 0.55), rgba(255, 255, 255, 0.1) 45%, rgba(255, 255, 255, 0) 70%); mix-blend-mode: overlay; pointer-events: none; } #menubar-136 .BOUJT-dropdown::after { content: ""; position: absolute; inset: 0; border-radius: inherit; box-shadow: 0 0 12px rgba(39, 193, 156, 0.15), inset 0 0 12px rgba(39, 193, 156, 0.25); pointer-events: none; } /* Visa dropdown vid hover */ #menubar-136 .e-n-menu-item:hover .BOUJT-dropdown, #menubar-136 .e-n-menu-item.e-active .BOUJT-dropdown, #menubar-136 .BOUJT-dropdown:hover { opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; transform: translateX(-50%) translateY(0); animation: fadeSlideDown .35s ease forwards; } @keyframes fadeSlideDown { 0% { opacity: 0; transform: translate(-50%, -10px) scale(0.98); } 100% { opacity: 1; transform: translate(-50%, 0) scale(1); } } /* /* ============================================================ 🌿 BOUJT DROPDOWN – GRID & KORTSTIL ============================================================ */ .boujt-dropdown-wrap { background: rgba(255, 255, 255, 0.6); border: 1px solid rgba(255, 255, 255, 0.85); border-radius: 2rem; padding: 2.4rem; display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.4rem; box-shadow: inset 0 0 10px rgba(255, 255, 255, 0.35), 0 20px 45px rgba(0, 0, 0, 0.1); backdrop-filter: blur(25px) saturate(180%); -webkit-backdrop-filter: blur(25px) saturate(180%); position: relative; } /* ============================================================ 💎 UPPDATERAD .boujt-card (MATCHAR boujt_answers) – DEFAULT ============================================================ */ .boujt-card { position: relative; background: radial-gradient( circle at 40% 15%, rgba(255,255,255,0.95) 0%, rgba(248,244,255,0.75) 55%, rgba(244,238,255,0.60) 100% ); border: 1px solid rgba(255,255,255,0.70); border-radius: 1.6rem; padding: 1.6rem 1.8rem; /* behåller din padding */ backdrop-filter: blur(22px) saturate(180%); -webkit-backdrop-filter: blur(22px) saturate(180%); box-shadow: inset 0 0 12px rgba(255,255,255,0.55), 0 6px 14px rgba(0,0,0,0.06); display: flex; flex-direction: column; justify-content: space-between; gap: .6rem; cursor: pointer; transition: all .38s ease; } /* ============================================================ 💎 UPPDATERAD KORT HOVER – EXAKT BILD 2 ============================================================ */ .boujt-card:hover { background: linear-gradient( 180deg, rgba(215,240,240,0.92) 0%, rgba(195,230,230,0.92) 100% ); border-color: rgba(255,255,255,0.9); transform: translateY(-4px); box-shadow: inset 0 0 14px rgba(255,255,255,0.55), 0 10px 26px rgba(0,0,0,0.14), 0 0 18px var(--mint-glow); } /* ============================================================ 🔻 RESTEN AV ORIGINELLA KORTSTILAR (ikoner, text, submenu, etc) ============================================================ */ .boujt-card-content { display: flex; align-items: flex-start; gap: 0.9rem; } .boujt-card-icon { background: #fff; border-radius: 50%; width: 52px; height: 52px; display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 4px rgba(0,0,0,0.1); flex-shrink: 0; transition: all 0.25s ease; } .boujt-card-icon img { width: 30px; height: 30px; object-fit: contain; transition: filter 0.3s ease, transform 0.3s ease; } .boujt-card:hover .boujt-card-icon img { transform: scale(1.06); filter: drop-shadow(0 0 6px rgba(39,193,156,0.55)); } .boujt-card-text h3 { font-weight: 700; font-size: 1rem; margin: 0 0 0.3rem; } .boujt-card-text p { font-size: 0.88rem; opacity: 0.85; margin: 0; line-height: 1.45; } .corner-icon { position: absolute; right: 1.2rem; bottom: 1rem; font-size: 1.25rem; color: var(--boujt-green); opacity: 0.8; transition: all 0.25s ease; } .boujt-card.has-dropdown:hover .corner-icon { opacity: 0; transform: scale(0.7); pointer-events: none; } .boujt-submenu { max-height: 0; overflow: hidden; display: flex; flex-direction: column; align-items: center; gap: 0.45rem; margin-top: 0.8rem; opacity: 0; transform: translateY(-5px); transition: max-height 0.45s cubic-bezier(0.25, 1, 0.3, 1), opacity 0.35s ease, transform 0.4s ease; } .boujt-card:hover .boujt-submenu { max-height: 200px; opacity: 1; transform: translateY(0); } .submenu-item { width: 90%; background: rgba(255, 255, 255, 0.45); border: 1px solid rgba(255, 255, 255, 0.55); border-radius: 9999px; padding: 0.4rem 0.9rem; display: flex; align-items: center; gap: 0.45rem; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08); font-size: 0.9rem; line-height: 1.25; color: #1a1a1a; transition: all 0.25s ease; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-eb06190 *//* =============================== */ /* 🌸 BOUJT DROPDOWN – LIQUID GLASS + MINT HOVER EDITION */ /* =============================== */ :root { --boujt-green: #27c19c; --glass-bg: rgba(255, 255, 255, 0.95); --glass-border: rgba(255, 255, 255, 0.45); --mint-glow: rgba(39, 193, 156, 0.25); --text-dark: #1a1a1a; } /* === Dropdownens bakgrundsyta === */ #e-n-menu-content-2353.BOUJT-dropdown { position: fixed !important; top: var(--boujt-mega-top, 65px); left: 50%; transform: translateX(-50%) translateY(-10px); width: clamp(300px, 60vw, 820px); padding: 2rem 2.4rem 3rem; border-radius: 1.8rem; background: var(--glass-bg); backdrop-filter: blur(25px) saturate(180%); -webkit-backdrop-filter: blur(25px) saturate(180%); border: 1px solid var(--glass-border); box-shadow: inset 0 0 8px rgba(255, 255, 255, 0.35), inset 0 0 18px rgba(255, 255, 255, 0.25), 0 18px 40px rgba(0, 0, 0, 0.12); overflow: hidden; opacity: 0; visibility: hidden; pointer-events: none; transition: opacity 0.35s ease, transform 0.35s ease, visibility 0.35s ease; z-index: 99999; } /* Inner glow + mintglow */ #e-n-menu-content-2353.BOUJT-dropdown::before { content: ""; position: absolute; inset: 0; border-radius: inherit; background: radial-gradient(circle at 50% 15%, rgba(255, 255, 255, 0.55), rgba(255, 255, 255, 0.1) 45%, rgba(255, 255, 255, 0) 70%); mix-blend-mode: overlay; pointer-events: none; } #e-n-menu-content-2353.BOUJT-dropdown::after { content: ""; position: absolute; inset: 0; border-radius: inherit; box-shadow: 0 0 12px rgba(39, 193, 156, 0.15), inset 0 0 12px rgba(39, 193, 156, 0.25); pointer-events: none; } @keyframes fadeSlideDown { 0% { opacity: 0; transform: translate(-50%, -10px) scale(0.98); } 100% { opacity: 1; transform: translate(-50%, 0) scale(1); } } /* === Kort === */ .boujt-card { position: relative; background: #fff; border-radius: 1.6rem; border: 1px solid rgba(255, 255, 255, 0.6); box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05), 0 8px 22px rgba(0, 0, 0, 0.08); padding: 1.4rem 1.6rem 1.6rem; font-family: 'Arvo', serif; color: var(--text-dark); transition: all 0.6s ease; /* mjukare toning */ display: flex; flex-direction: column; justify-content: space-between; cursor: pointer; } /* Mintig effekt vid hover */ .boujt-card:hover { background: linear-gradient(to bottom, #d9f2f2, #b9e3e3); transform: translateY(-4px); box-shadow: 0 8px 26px rgba(0, 0, 0, 0.15), 0 0 14px var(--mint-glow); } /* === Kortinnehåll === */ .boujt-card-content { display: flex; align-items: flex-start; gap: 0.9rem; } /* === Ikon === */ .boujt-card-icon { background: #fff; border-radius: 50%; width: 52px; height: 52px; display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 4px rgba(0,0,0,0.1); flex-shrink: 0; transition: all 0.25s ease; } .boujt-card-icon img { width: 30px; height: 30px; object-fit: contain; transition: filter 0.3s ease, transform 0.3s ease; } .boujt-card:hover .boujt-card-icon img { transform: scale(1.05); filter: drop-shadow(0 0 6px rgba(39, 193, 156, 0.6)); } /* === Text === */ .boujt-card-text h3 { font-weight: 700; font-size: 1rem; margin: 0 0 0.3rem; } .boujt-card-text p { font-size: 0.88rem; opacity: 0.85; margin: 0; line-height: 1.45; } /* === Plusikon === */ .corner-icon { position: absolute; right: 1.2rem; bottom: 1rem; font-size: 1.25rem; color: var(--boujt-green); opacity: 0.8; transition: all 0.25s ease; } .boujt-card.has-dropdown:hover .corner-icon { opacity: 0; transform: scale(0.7); pointer-events: none; } /* === Undermeny === */ .boujt-submenu { max-height: 0; overflow: hidden; display: flex; flex-direction: column; align-items: center; gap: 0.45rem; margin-top: 0.8rem; opacity: 0; transform: translateY(-5px); transition: max-height 0.45s cubic-bezier(0.25, 1, 0.3, 1), opacity 0.35s ease, transform 0.4s ease; } .boujt-card:hover .boujt-submenu { max-height: 200px; opacity: 1; transform: translateY(0); } /* === Submenu-knappar === */ .submenu-item { width: 90%; background: rgba(255, 255, 255, 0.45); border: 1px solid rgba(255, 255, 255, 0.55); border-radius: 9999px; padding: 0.4rem 0.9rem; display: flex; align-items: center; gap: 0.45rem; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08); font-size: 0.9rem; line-height: 1.25; color: #1a1a1a; transition: all 0.25s ease; } .submenu-item .submenu-icon { width: 16px; height: 16px; flex-shrink: 0; opacity: 0.9; transition: transform 0.2s ease, filter 0.2s ease; } /* Hover – subtil förstoring */ .submenu-item:hover { transform: scale(1.03); background: rgba(255, 255, 255, 0.6); box-shadow: 0 4px 10px rgba(39, 193, 156, 0.15); } .submenu-item:hover .submenu-icon { transform: scale(1.08); filter: drop-shadow(0 0 3px rgba(39, 193, 156, 0.4)); } /* === HÖRNIKONER – PLUS & PIL === */ .corner-icon { position: absolute; right: 1.2rem; bottom: 1rem; display: flex; align-items: center; justify-content: center; width: 28px; height: 28px; transition: all 0.4s ease; } .corner-icon img { width: 100%; height: 100%; opacity: 0.8; transition: transform 0.45s cubic-bezier(0.22, 1, 0.36, 1), filter 0.45s ease, opacity 0.4s ease; filter: drop-shadow(0 0 0 rgba(39,193,156,0)); } /* 🌿 PIL – för kort utan undermeny */ .boujt-card:not(.has-dropdown):hover .corner-icon img { transform: translateX(5px) scale(1.08); filter: drop-shadow(0 0 6px rgba(39,193,156,0.45)); opacity: 1; } /* === Extra polish: ikonerna "andas" när man hovrar === */ .corner-icon:hover img { transform: scale(1.12); filter: drop-shadow(0 0 10px rgba(39,193,156,0.6)); opacity: 1; } /* ============================================================ 🌸 BOUJT DROPDOWN – LIQUID GLASS + MINT HOVER EDITION ============================================================ */ :root { --boujt-green: #27c19c; --glass-bg: rgba(255, 255, 255, 0.95); --glass-border: rgba(255, 255, 255, 0.45); --mint-glow: rgba(39, 193, 156, 0.25); --text-dark: #1a1a1a; } /* === Dropdownens bakgrundsyta === */ #menubar-136 .BOUJT-dropdown { position: fixed !important; top: var(--boujt-mega-top, 65px); left: 50%; transform: translateX(-50%) translateY(-10px); width: clamp(300px, 60vw, 820px); padding: 2rem 2.4rem 3rem; border-radius: 1.8rem; background: var(--glass-bg); backdrop-filter: blur(25px) saturate(180%); -webkit-backdrop-filter: blur(25px) saturate(180%); border: 1px solid var(--glass-border); box-shadow: inset 0 0 8px rgba(255, 255, 255, 0.35), inset 0 0 18px rgba(255, 255, 255, 0.25), 0 18px 40px rgba(0, 0, 0, 0.12); overflow: hidden; opacity: 0; visibility: hidden; pointer-events: none; transition: opacity 0.35s ease, transform 0.35s ease, visibility 0.35s ease; z-index: 99999; } /* Inner glow + mintglow */ #menubar-136 .BOUJT-dropdown::before { content: ""; position: absolute; inset: 0; border-radius: inherit; background: radial-gradient(circle at 50% 15%, rgba(255, 255, 255, 0.55), rgba(255, 255, 255, 0.1) 45%, rgba(255, 255, 255, 0) 70%); mix-blend-mode: overlay; pointer-events: none; } #menubar-136 .BOUJT-dropdown::after { content: ""; position: absolute; inset: 0; border-radius: inherit; box-shadow: 0 0 12px rgba(39, 193, 156, 0.15), inset 0 0 12px rgba(39, 193, 156, 0.25); pointer-events: none; } /* Visa dropdown vid hover */ #menubar-136 .e-n-menu-item:hover .BOUJT-dropdown, #menubar-136 .e-n-menu-item.e-active .BOUJT-dropdown, #menubar-136 .BOUJT-dropdown:hover { opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; transform: translateX(-50%) translateY(0); animation: fadeSlideDown .35s ease forwards; } @keyframes fadeSlideDown { 0% { opacity: 0; transform: translate(-50%, -10px) scale(0.98); } 100% { opacity: 1; transform: translate(-50%, 0) scale(1); } } /* /* ============================================================ 🌿 BOUJT DROPDOWN – GRID & KORTSTIL ============================================================ */ .boujt-dropdown-wrap { background: rgba(255, 255, 255, 0.6); border: 1px solid rgba(255, 255, 255, 0.85); border-radius: 2rem; padding: 2.4rem; display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.4rem; box-shadow: inset 0 0 10px rgba(255, 255, 255, 0.35), 0 20px 45px rgba(0, 0, 0, 0.1); backdrop-filter: blur(25px) saturate(180%); -webkit-backdrop-filter: blur(25px) saturate(180%); position: relative; } /* ============================================================ 💎 UPPDATERAD .boujt-card (MATCHAR boujt_answers) – DEFAULT ============================================================ */ .boujt-card { position: relative; background: radial-gradient( circle at 40% 15%, rgba(255,255,255,0.95) 0%, rgba(248,244,255,0.75) 55%, rgba(244,238,255,0.60) 100% ); border: 1px solid rgba(255,255,255,0.70); border-radius: 1.6rem; padding: 1.6rem 1.8rem; /* behåller din padding */ backdrop-filter: blur(22px) saturate(180%); -webkit-backdrop-filter: blur(22px) saturate(180%); box-shadow: inset 0 0 12px rgba(255,255,255,0.55), 0 6px 14px rgba(0,0,0,0.06); display: flex; flex-direction: column; justify-content: space-between; gap: .6rem; cursor: pointer; transition: all .38s ease; } /* ============================================================ 💎 UPPDATERAD KORT HOVER – EXAKT BILD 2 ============================================================ */ .boujt-card:hover { background: linear-gradient( 180deg, rgba(215,240,240,0.92) 0%, rgba(195,230,230,0.92) 100% ); border-color: rgba(255,255,255,0.9); transform: translateY(-4px); box-shadow: inset 0 0 14px rgba(255,255,255,0.55), 0 10px 26px rgba(0,0,0,0.14), 0 0 18px var(--mint-glow); } /* ============================================================ 🔻 RESTEN AV ORIGINELLA KORTSTILAR (ikoner, text, submenu, etc) ============================================================ */ .boujt-card-content { display: flex; align-items: flex-start; gap: 0.9rem; } .boujt-card-icon { background: #fff; border-radius: 50%; width: 52px; height: 52px; display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 4px rgba(0,0,0,0.1); flex-shrink: 0; transition: all 0.25s ease; } .boujt-card-icon img { width: 30px; height: 30px; object-fit: contain; transition: filter 0.3s ease, transform 0.3s ease; } .boujt-card:hover .boujt-card-icon img { transform: scale(1.06); filter: drop-shadow(0 0 6px rgba(39,193,156,0.55)); } .boujt-card-text h3 { font-weight: 700; font-size: 1rem; margin: 0 0 0.3rem; } .boujt-card-text p { font-size: 0.88rem; opacity: 0.85; margin: 0; line-height: 1.45; } .corner-icon { position: absolute; right: 1.2rem; bottom: 1rem; font-size: 1.25rem; color: var(--boujt-green); opacity: 0.8; transition: all 0.25s ease; } .boujt-card.has-dropdown:hover .corner-icon { opacity: 0; transform: scale(0.7); pointer-events: none; } .boujt-submenu { max-height: 0; overflow: hidden; display: flex; flex-direction: column; align-items: center; gap: 0.45rem; margin-top: 0.8rem; opacity: 0; transform: translateY(-5px); transition: max-height 0.45s cubic-bezier(0.25, 1, 0.3, 1), opacity 0.35s ease, transform 0.4s ease; } .boujt-card:hover .boujt-submenu { max-height: 200px; opacity: 1; transform: translateY(0); } .submenu-item { width: 90%; background: rgba(255, 255, 255, 0.45); border: 1px solid rgba(255, 255, 255, 0.55); border-radius: 9999px; padding: 0.4rem 0.9rem; display: flex; align-items: center; gap: 0.45rem; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08); font-size: 0.9rem; line-height: 1.25; color: #1a1a1a; transition: all 0.25s ease; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-eb06190 *//* =============================== */ /* 🌸 BOUJT DROPDOWN – LIQUID GLASS + MINT HOVER EDITION */ /* =============================== */ :root { --boujt-green: #27c19c; --glass-bg: rgba(255, 255, 255, 0.95); --glass-border: rgba(255, 255, 255, 0.45); --mint-glow: rgba(39, 193, 156, 0.25); --text-dark: #1a1a1a; } /* === Dropdownens bakgrundsyta === */ #e-n-menu-content-2353.BOUJT-dropdown { position: fixed !important; top: var(--boujt-mega-top, 65px); left: 50%; transform: translateX(-50%) translateY(-10px); width: clamp(300px, 60vw, 820px); padding: 2rem 2.4rem 3rem; border-radius: 1.8rem; background: var(--glass-bg); backdrop-filter: blur(25px) saturate(180%); -webkit-backdrop-filter: blur(25px) saturate(180%); border: 1px solid var(--glass-border); box-shadow: inset 0 0 8px rgba(255, 255, 255, 0.35), inset 0 0 18px rgba(255, 255, 255, 0.25), 0 18px 40px rgba(0, 0, 0, 0.12); overflow: hidden; opacity: 0; visibility: hidden; pointer-events: none; transition: opacity 0.35s ease, transform 0.35s ease, visibility 0.35s ease; z-index: 99999; } /* Inner glow + mintglow */ #e-n-menu-content-2353.BOUJT-dropdown::before { content: ""; position: absolute; inset: 0; border-radius: inherit; background: radial-gradient(circle at 50% 15%, rgba(255, 255, 255, 0.55), rgba(255, 255, 255, 0.1) 45%, rgba(255, 255, 255, 0) 70%); mix-blend-mode: overlay; pointer-events: none; } #e-n-menu-content-2353.BOUJT-dropdown::after { content: ""; position: absolute; inset: 0; border-radius: inherit; box-shadow: 0 0 12px rgba(39, 193, 156, 0.15), inset 0 0 12px rgba(39, 193, 156, 0.25); pointer-events: none; } @keyframes fadeSlideDown { 0% { opacity: 0; transform: translate(-50%, -10px) scale(0.98); } 100% { opacity: 1; transform: translate(-50%, 0) scale(1); } } /* === Kort === */ .boujt-card { position: relative; background: #fff; border-radius: 1.6rem; border: 1px solid rgba(255, 255, 255, 0.6); box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05), 0 8px 22px rgba(0, 0, 0, 0.08); padding: 1.4rem 1.6rem 1.6rem; font-family: 'Arvo', serif; color: var(--text-dark); transition: all 0.6s ease; /* mjukare toning */ display: flex; flex-direction: column; justify-content: space-between; cursor: pointer; } /* Mintig effekt vid hover */ .boujt-card:hover { background: linear-gradient(to bottom, #d9f2f2, #b9e3e3); transform: translateY(-4px); box-shadow: 0 8px 26px rgba(0, 0, 0, 0.15), 0 0 14px var(--mint-glow); } /* === Kortinnehåll === */ .boujt-card-content { display: flex; align-items: flex-start; gap: 0.9rem; } /* === Ikon === */ .boujt-card-icon { background: #fff; border-radius: 50%; width: 52px; height: 52px; display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 4px rgba(0,0,0,0.1); flex-shrink: 0; transition: all 0.25s ease; } .boujt-card-icon img { width: 30px; height: 30px; object-fit: contain; transition: filter 0.3s ease, transform 0.3s ease; } .boujt-card:hover .boujt-card-icon img { transform: scale(1.05); filter: drop-shadow(0 0 6px rgba(39, 193, 156, 0.6)); } /* === Text === */ .boujt-card-text h3 { font-weight: 700; font-size: 1rem; margin: 0 0 0.3rem; } .boujt-card-text p { font-size: 0.88rem; opacity: 0.85; margin: 0; line-height: 1.45; } /* === Plusikon === */ .corner-icon { position: absolute; right: 1.2rem; bottom: 1rem; font-size: 1.25rem; color: var(--boujt-green); opacity: 0.8; transition: all 0.25s ease; } .boujt-card.has-dropdown:hover .corner-icon { opacity: 0; transform: scale(0.7); pointer-events: none; } /* === Undermeny === */ .boujt-submenu { max-height: 0; overflow: hidden; display: flex; flex-direction: column; align-items: center; gap: 0.45rem; margin-top: 0.8rem; opacity: 0; transform: translateY(-5px); transition: max-height 0.45s cubic-bezier(0.25, 1, 0.3, 1), opacity 0.35s ease, transform 0.4s ease; } .boujt-card:hover .boujt-submenu { max-height: 200px; opacity: 1; transform: translateY(0); } /* === Submenu-knappar === */ .submenu-item { width: 90%; background: rgba(255, 255, 255, 0.45); border: 1px solid rgba(255, 255, 255, 0.55); border-radius: 9999px; padding: 0.4rem 0.9rem; display: flex; align-items: center; gap: 0.45rem; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08); font-size: 0.9rem; line-height: 1.25; color: #1a1a1a; transition: all 0.25s ease; } .submenu-item .submenu-icon { width: 16px; height: 16px; flex-shrink: 0; opacity: 0.9; transition: transform 0.2s ease, filter 0.2s ease; } /* Hover – subtil förstoring */ .submenu-item:hover { transform: scale(1.03); background: rgba(255, 255, 255, 0.6); box-shadow: 0 4px 10px rgba(39, 193, 156, 0.15); } .submenu-item:hover .submenu-icon { transform: scale(1.08); filter: drop-shadow(0 0 3px rgba(39, 193, 156, 0.4)); } /* === HÖRNIKONER – PLUS & PIL === */ .corner-icon { position: absolute; right: 1.2rem; bottom: 1rem; display: flex; align-items: center; justify-content: center; width: 28px; height: 28px; transition: all 0.4s ease; } .corner-icon img { width: 100%; height: 100%; opacity: 0.8; transition: transform 0.45s cubic-bezier(0.22, 1, 0.36, 1), filter 0.45s ease, opacity 0.4s ease; filter: drop-shadow(0 0 0 rgba(39,193,156,0)); } /* 🌿 PIL – för kort utan undermeny */ .boujt-card:not(.has-dropdown):hover .corner-icon img { transform: translateX(5px) scale(1.08); filter: drop-shadow(0 0 6px rgba(39,193,156,0.45)); opacity: 1; } /* === Extra polish: ikonerna "andas" när man hovrar === */ .corner-icon:hover img { transform: scale(1.12); filter: drop-shadow(0 0 10px rgba(39,193,156,0.6)); opacity: 1; } /* ============================================================ 🌸 BOUJT DROPDOWN – LIQUID GLASS + MINT HOVER EDITION ============================================================ */ :root { --boujt-green: #27c19c; --glass-bg: rgba(255, 255, 255, 0.95); --glass-border: rgba(255, 255, 255, 0.45); --mint-glow: rgba(39, 193, 156, 0.25); --text-dark: #1a1a1a; } /* === Dropdownens bakgrundsyta === */ #menubar-136 .BOUJT-dropdown { position: fixed !important; top: var(--boujt-mega-top, 65px); left: 50%; transform: translateX(-50%) translateY(-10px); width: clamp(300px, 60vw, 820px); padding: 2rem 2.4rem 3rem; border-radius: 1.8rem; background: var(--glass-bg); backdrop-filter: blur(25px) saturate(180%); -webkit-backdrop-filter: blur(25px) saturate(180%); border: 1px solid var(--glass-border); box-shadow: inset 0 0 8px rgba(255, 255, 255, 0.35), inset 0 0 18px rgba(255, 255, 255, 0.25), 0 18px 40px rgba(0, 0, 0, 0.12); overflow: hidden; opacity: 0; visibility: hidden; pointer-events: none; transition: opacity 0.35s ease, transform 0.35s ease, visibility 0.35s ease; z-index: 99999; } /* Inner glow + mintglow */ #menubar-136 .BOUJT-dropdown::before { content: ""; position: absolute; inset: 0; border-radius: inherit; background: radial-gradient(circle at 50% 15%, rgba(255, 255, 255, 0.55), rgba(255, 255, 255, 0.1) 45%, rgba(255, 255, 255, 0) 70%); mix-blend-mode: overlay; pointer-events: none; } #menubar-136 .BOUJT-dropdown::after { content: ""; position: absolute; inset: 0; border-radius: inherit; box-shadow: 0 0 12px rgba(39, 193, 156, 0.15), inset 0 0 12px rgba(39, 193, 156, 0.25); pointer-events: none; } /* Visa dropdown vid hover */ #menubar-136 .e-n-menu-item:hover .BOUJT-dropdown, #menubar-136 .e-n-menu-item.e-active .BOUJT-dropdown, #menubar-136 .BOUJT-dropdown:hover { opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; transform: translateX(-50%) translateY(0); animation: fadeSlideDown .35s ease forwards; } @keyframes fadeSlideDown { 0% { opacity: 0; transform: translate(-50%, -10px) scale(0.98); } 100% { opacity: 1; transform: translate(-50%, 0) scale(1); } } /* /* ============================================================ 🌿 BOUJT DROPDOWN – GRID & KORTSTIL ============================================================ */ .boujt-dropdown-wrap { background: rgba(255, 255, 255, 0.6); border: 1px solid rgba(255, 255, 255, 0.85); border-radius: 2rem; padding: 2.4rem; display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.4rem; box-shadow: inset 0 0 10px rgba(255, 255, 255, 0.35), 0 20px 45px rgba(0, 0, 0, 0.1); backdrop-filter: blur(25px) saturate(180%); -webkit-backdrop-filter: blur(25px) saturate(180%); position: relative; } /* ============================================================ 💎 UPPDATERAD .boujt-card (MATCHAR boujt_answers) – DEFAULT ============================================================ */ .boujt-card { position: relative; background: radial-gradient( circle at 40% 15%, rgba(255,255,255,0.95) 0%, rgba(248,244,255,0.75) 55%, rgba(244,238,255,0.60) 100% ); border: 1px solid rgba(255,255,255,0.70); border-radius: 1.6rem; padding: 1.6rem 1.8rem; /* behåller din padding */ backdrop-filter: blur(22px) saturate(180%); -webkit-backdrop-filter: blur(22px) saturate(180%); box-shadow: inset 0 0 12px rgba(255,255,255,0.55), 0 6px 14px rgba(0,0,0,0.06); display: flex; flex-direction: column; justify-content: space-between; gap: .6rem; cursor: pointer; transition: all .38s ease; } /* ============================================================ 💎 UPPDATERAD KORT HOVER – EXAKT BILD 2 ============================================================ */ .boujt-card:hover { background: linear-gradient( 180deg, rgba(215,240,240,0.92) 0%, rgba(195,230,230,0.92) 100% ); border-color: rgba(255,255,255,0.9); transform: translateY(-4px); box-shadow: inset 0 0 14px rgba(255,255,255,0.55), 0 10px 26px rgba(0,0,0,0.14), 0 0 18px var(--mint-glow); } /* ============================================================ 🔻 RESTEN AV ORIGINELLA KORTSTILAR (ikoner, text, submenu, etc) ============================================================ */ .boujt-card-content { display: flex; align-items: flex-start; gap: 0.9rem; } .boujt-card-icon { background: #fff; border-radius: 50%; width: 52px; height: 52px; display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 4px rgba(0,0,0,0.1); flex-shrink: 0; transition: all 0.25s ease; } .boujt-card-icon img { width: 30px; height: 30px; object-fit: contain; transition: filter 0.3s ease, transform 0.3s ease; } .boujt-card:hover .boujt-card-icon img { transform: scale(1.06); filter: drop-shadow(0 0 6px rgba(39,193,156,0.55)); } .boujt-card-text h3 { font-weight: 700; font-size: 1rem; margin: 0 0 0.3rem; } .boujt-card-text p { font-size: 0.88rem; opacity: 0.85; margin: 0; line-height: 1.45; } .corner-icon { position: absolute; right: 1.2rem; bottom: 1rem; font-size: 1.25rem; color: var(--boujt-green); opacity: 0.8; transition: all 0.25s ease; } .boujt-card.has-dropdown:hover .corner-icon { opacity: 0; transform: scale(0.7); pointer-events: none; } .boujt-submenu { max-height: 0; overflow: hidden; display: flex; flex-direction: column; align-items: center; gap: 0.45rem; margin-top: 0.8rem; opacity: 0; transform: translateY(-5px); transition: max-height 0.45s cubic-bezier(0.25, 1, 0.3, 1), opacity 0.35s ease, transform 0.4s ease; } .boujt-card:hover .boujt-submenu { max-height: 200px; opacity: 1; transform: translateY(0); } .submenu-item { width: 90%; background: rgba(255, 255, 255, 0.45); border: 1px solid rgba(255, 255, 255, 0.55); border-radius: 9999px; padding: 0.4rem 0.9rem; display: flex; align-items: center; gap: 0.45rem; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08); font-size: 0.9rem; line-height: 1.25; color: #1a1a1a; transition: all 0.25s ease; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-eb06190 *//* =============================== */ /* 🌸 BOUJT DROPDOWN – LIQUID GLASS + MINT HOVER EDITION */ /* =============================== */ :root { --boujt-green: #27c19c; --glass-bg: rgba(255, 255, 255, 0.95); --glass-border: rgba(255, 255, 255, 0.45); --mint-glow: rgba(39, 193, 156, 0.25); --text-dark: #1a1a1a; } /* === Dropdownens bakgrundsyta === */ #e-n-menu-content-2353.BOUJT-dropdown { position: fixed !important; top: var(--boujt-mega-top, 65px); left: 50%; transform: translateX(-50%) translateY(-10px); width: clamp(300px, 60vw, 820px); padding: 2rem 2.4rem 3rem; border-radius: 1.8rem; background: var(--glass-bg); backdrop-filter: blur(25px) saturate(180%); -webkit-backdrop-filter: blur(25px) saturate(180%); border: 1px solid var(--glass-border); box-shadow: inset 0 0 8px rgba(255, 255, 255, 0.35), inset 0 0 18px rgba(255, 255, 255, 0.25), 0 18px 40px rgba(0, 0, 0, 0.12); overflow: hidden; opacity: 0; visibility: hidden; pointer-events: none; transition: opacity 0.35s ease, transform 0.35s ease, visibility 0.35s ease; z-index: 99999; } /* Inner glow + mintglow */ #e-n-menu-content-2353.BOUJT-dropdown::before { content: ""; position: absolute; inset: 0; border-radius: inherit; background: radial-gradient(circle at 50% 15%, rgba(255, 255, 255, 0.55), rgba(255, 255, 255, 0.1) 45%, rgba(255, 255, 255, 0) 70%); mix-blend-mode: overlay; pointer-events: none; } #e-n-menu-content-2353.BOUJT-dropdown::after { content: ""; position: absolute; inset: 0; border-radius: inherit; box-shadow: 0 0 12px rgba(39, 193, 156, 0.15), inset 0 0 12px rgba(39, 193, 156, 0.25); pointer-events: none; } @keyframes fadeSlideDown { 0% { opacity: 0; transform: translate(-50%, -10px) scale(0.98); } 100% { opacity: 1; transform: translate(-50%, 0) scale(1); } } /* === Kort === */ .boujt-card { position: relative; background: #fff; border-radius: 1.6rem; border: 1px solid rgba(255, 255, 255, 0.6); box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05), 0 8px 22px rgba(0, 0, 0, 0.08); padding: 1.4rem 1.6rem 1.6rem; font-family: 'Arvo', serif; color: var(--text-dark); transition: all 0.6s ease; /* mjukare toning */ display: flex; flex-direction: column; justify-content: space-between; cursor: pointer; } /* Mintig effekt vid hover */ .boujt-card:hover { background: linear-gradient(to bottom, #d9f2f2, #b9e3e3); transform: translateY(-4px); box-shadow: 0 8px 26px rgba(0, 0, 0, 0.15), 0 0 14px var(--mint-glow); } /* === Kortinnehåll === */ .boujt-card-content { display: flex; align-items: flex-start; gap: 0.9rem; } /* === Ikon === */ .boujt-card-icon { background: #fff; border-radius: 50%; width: 52px; height: 52px; display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 4px rgba(0,0,0,0.1); flex-shrink: 0; transition: all 0.25s ease; } .boujt-card-icon img { width: 30px; height: 30px; object-fit: contain; transition: filter 0.3s ease, transform 0.3s ease; } .boujt-card:hover .boujt-card-icon img { transform: scale(1.05); filter: drop-shadow(0 0 6px rgba(39, 193, 156, 0.6)); } /* === Text === */ .boujt-card-text h3 { font-weight: 700; font-size: 1rem; margin: 0 0 0.3rem; } .boujt-card-text p { font-size: 0.88rem; opacity: 0.85; margin: 0; line-height: 1.45; } /* === Plusikon === */ .corner-icon { position: absolute; right: 1.2rem; bottom: 1rem; font-size: 1.25rem; color: var(--boujt-green); opacity: 0.8; transition: all 0.25s ease; } .boujt-card.has-dropdown:hover .corner-icon { opacity: 0; transform: scale(0.7); pointer-events: none; } /* === Undermeny === */ .boujt-submenu { max-height: 0; overflow: hidden; display: flex; flex-direction: column; align-items: center; gap: 0.45rem; margin-top: 0.8rem; opacity: 0; transform: translateY(-5px); transition: max-height 0.45s cubic-bezier(0.25, 1, 0.3, 1), opacity 0.35s ease, transform 0.4s ease; } .boujt-card:hover .boujt-submenu { max-height: 200px; opacity: 1; transform: translateY(0); } /* === Submenu-knappar === */ .submenu-item { width: 90%; background: rgba(255, 255, 255, 0.45); border: 1px solid rgba(255, 255, 255, 0.55); border-radius: 9999px; padding: 0.4rem 0.9rem; display: flex; align-items: center; gap: 0.45rem; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08); font-size: 0.9rem; line-height: 1.25; color: #1a1a1a; transition: all 0.25s ease; } .submenu-item .submenu-icon { width: 16px; height: 16px; flex-shrink: 0; opacity: 0.9; transition: transform 0.2s ease, filter 0.2s ease; } /* Hover – subtil förstoring */ .submenu-item:hover { transform: scale(1.03); background: rgba(255, 255, 255, 0.6); box-shadow: 0 4px 10px rgba(39, 193, 156, 0.15); } .submenu-item:hover .submenu-icon { transform: scale(1.08); filter: drop-shadow(0 0 3px rgba(39, 193, 156, 0.4)); } /* === HÖRNIKONER – PLUS & PIL === */ .corner-icon { position: absolute; right: 1.2rem; bottom: 1rem; display: flex; align-items: center; justify-content: center; width: 28px; height: 28px; transition: all 0.4s ease; } .corner-icon img { width: 100%; height: 100%; opacity: 0.8; transition: transform 0.45s cubic-bezier(0.22, 1, 0.36, 1), filter 0.45s ease, opacity 0.4s ease; filter: drop-shadow(0 0 0 rgba(39,193,156,0)); } /* 🌿 PIL – för kort utan undermeny */ .boujt-card:not(.has-dropdown):hover .corner-icon img { transform: translateX(5px) scale(1.08); filter: drop-shadow(0 0 6px rgba(39,193,156,0.45)); opacity: 1; } /* === Extra polish: ikonerna "andas" när man hovrar === */ .corner-icon:hover img { transform: scale(1.12); filter: drop-shadow(0 0 10px rgba(39,193,156,0.6)); opacity: 1; } /* ============================================================ 🌸 BOUJT DROPDOWN – LIQUID GLASS + MINT HOVER EDITION ============================================================ */ :root { --boujt-green: #27c19c; --glass-bg: rgba(255, 255, 255, 0.95); --glass-border: rgba(255, 255, 255, 0.45); --mint-glow: rgba(39, 193, 156, 0.25); --text-dark: #1a1a1a; } /* === Dropdownens bakgrundsyta === */ #menubar-136 .BOUJT-dropdown { position: fixed !important; top: var(--boujt-mega-top, 65px); left: 50%; transform: translateX(-50%) translateY(-10px); width: clamp(300px, 60vw, 820px); padding: 2rem 2.4rem 3rem; border-radius: 1.8rem; background: var(--glass-bg); backdrop-filter: blur(25px) saturate(180%); -webkit-backdrop-filter: blur(25px) saturate(180%); border: 1px solid var(--glass-border); box-shadow: inset 0 0 8px rgba(255, 255, 255, 0.35), inset 0 0 18px rgba(255, 255, 255, 0.25), 0 18px 40px rgba(0, 0, 0, 0.12); overflow: hidden; opacity: 0; visibility: hidden; pointer-events: none; transition: opacity 0.35s ease, transform 0.35s ease, visibility 0.35s ease; z-index: 99999; } /* Inner glow + mintglow */ #menubar-136 .BOUJT-dropdown::before { content: ""; position: absolute; inset: 0; border-radius: inherit; background: radial-gradient(circle at 50% 15%, rgba(255, 255, 255, 0.55), rgba(255, 255, 255, 0.1) 45%, rgba(255, 255, 255, 0) 70%); mix-blend-mode: overlay; pointer-events: none; } #menubar-136 .BOUJT-dropdown::after { content: ""; position: absolute; inset: 0; border-radius: inherit; box-shadow: 0 0 12px rgba(39, 193, 156, 0.15), inset 0 0 12px rgba(39, 193, 156, 0.25); pointer-events: none; } /* Visa dropdown vid hover */ #menubar-136 .e-n-menu-item:hover .BOUJT-dropdown, #menubar-136 .e-n-menu-item.e-active .BOUJT-dropdown, #menubar-136 .BOUJT-dropdown:hover { opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; transform: translateX(-50%) translateY(0); animation: fadeSlideDown .35s ease forwards; } @keyframes fadeSlideDown { 0% { opacity: 0; transform: translate(-50%, -10px) scale(0.98); } 100% { opacity: 1; transform: translate(-50%, 0) scale(1); } } /* /* ============================================================ 🌿 BOUJT DROPDOWN – GRID & KORTSTIL ============================================================ */ .boujt-dropdown-wrap { background: rgba(255, 255, 255, 0.6); border: 1px solid rgba(255, 255, 255, 0.85); border-radius: 2rem; padding: 2.4rem; display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.4rem; box-shadow: inset 0 0 10px rgba(255, 255, 255, 0.35), 0 20px 45px rgba(0, 0, 0, 0.1); backdrop-filter: blur(25px) saturate(180%); -webkit-backdrop-filter: blur(25px) saturate(180%); position: relative; } /* ============================================================ 💎 UPPDATERAD .boujt-card (MATCHAR boujt_answers) – DEFAULT ============================================================ */ .boujt-card { position: relative; background: radial-gradient( circle at 40% 15%, rgba(255,255,255,0.95) 0%, rgba(248,244,255,0.75) 55%, rgba(244,238,255,0.60) 100% ); border: 1px solid rgba(255,255,255,0.70); border-radius: 1.6rem; padding: 1.6rem 1.8rem; /* behåller din padding */ backdrop-filter: blur(22px) saturate(180%); -webkit-backdrop-filter: blur(22px) saturate(180%); box-shadow: inset 0 0 12px rgba(255,255,255,0.55), 0 6px 14px rgba(0,0,0,0.06); display: flex; flex-direction: column; justify-content: space-between; gap: .6rem; cursor: pointer; transition: all .38s ease; } /* ============================================================ 💎 UPPDATERAD KORT HOVER – EXAKT BILD 2 ============================================================ */ .boujt-card:hover { background: linear-gradient( 180deg, rgba(215,240,240,0.92) 0%, rgba(195,230,230,0.92) 100% ); border-color: rgba(255,255,255,0.9); transform: translateY(-4px); box-shadow: inset 0 0 14px rgba(255,255,255,0.55), 0 10px 26px rgba(0,0,0,0.14), 0 0 18px var(--mint-glow); } /* ============================================================ 🔻 RESTEN AV ORIGINELLA KORTSTILAR (ikoner, text, submenu, etc) ============================================================ */ .boujt-card-content { display: flex; align-items: flex-start; gap: 0.9rem; } .boujt-card-icon { background: #fff; border-radius: 50%; width: 52px; height: 52px; display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 4px rgba(0,0,0,0.1); flex-shrink: 0; transition: all 0.25s ease; } .boujt-card-icon img { width: 30px; height: 30px; object-fit: contain; transition: filter 0.3s ease, transform 0.3s ease; } .boujt-card:hover .boujt-card-icon img { transform: scale(1.06); filter: drop-shadow(0 0 6px rgba(39,193,156,0.55)); } .boujt-card-text h3 { font-weight: 700; font-size: 1rem; margin: 0 0 0.3rem; } .boujt-card-text p { font-size: 0.88rem; opacity: 0.85; margin: 0; line-height: 1.45; } .corner-icon { position: absolute; right: 1.2rem; bottom: 1rem; font-size: 1.25rem; color: var(--boujt-green); opacity: 0.8; transition: all 0.25s ease; } .boujt-card.has-dropdown:hover .corner-icon { opacity: 0; transform: scale(0.7); pointer-events: none; } .boujt-submenu { max-height: 0; overflow: hidden; display: flex; flex-direction: column; align-items: center; gap: 0.45rem; margin-top: 0.8rem; opacity: 0; transform: translateY(-5px); transition: max-height 0.45s cubic-bezier(0.25, 1, 0.3, 1), opacity 0.35s ease, transform 0.4s ease; } .boujt-card:hover .boujt-submenu { max-height: 200px; opacity: 1; transform: translateY(0); } .submenu-item { width: 90%; background: rgba(255, 255, 255, 0.45); border: 1px solid rgba(255, 255, 255, 0.55); border-radius: 9999px; padding: 0.4rem 0.9rem; display: flex; align-items: center; gap: 0.45rem; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08); font-size: 0.9rem; line-height: 1.25; color: #1a1a1a; transition: all 0.25s ease; }/* End custom CSS */