.elementor-1378 .elementor-element.elementor-element-2695ef8b{--display:flex;--min-height:0vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1378 .elementor-element.elementor-element-2695ef8b > .elementor-shape-bottom svg, .elementor-1378 .elementor-element.elementor-element-2695ef8b > .e-con-inner > .elementor-shape-bottom svg{width:calc(100% + 1.3px);height:0px;}.elementor-1378 .elementor-element.elementor-element-65b9d98b{--display:flex;--min-height:0px;--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:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--overflow:hidden;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-1378 .elementor-element.elementor-element-24e5561d{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:2;}.elementor-1378 .elementor-element.elementor-element-6df32dcd{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1378 .elementor-element.elementor-element-6df32dcd .elementskit-section-title-wraper .elementskit-section-title{font-family:"Archivo", Sans-serif;font-size:70px;font-weight:800;line-height:1.14285714em;letter-spacing:-1.4px;}.elementor-1378 .elementor-element.elementor-element-6df32dcd .elementskit-section-title-wraper p{font-family:"Roboto", Sans-serif;font-size:24px;font-weight:400;line-height:1.5em;margin:0% 25% 0% 0%;}.elementor-1378 .elementor-element.elementor-element-48eb4a25{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-1378 .elementor-element.elementor-element-15451a4 .elementor-button{background-color:#FFFFFF00;font-family:"Archivo", Sans-serif;font-size:16px;font-weight:700;line-height:1.5em;letter-spacing:0px;fill:#222222;color:#222222;padding:15px 28px 15px 28px;}.elementor-1378 .elementor-element.elementor-element-15451a4 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-1378 .elementor-element.elementor-element-15451a4 .elementor-button .elementor-button-content-wrapper{gap:3px;}.elementor-1378 .elementor-element.elementor-element-15451a4 .elementor-button:hover, .elementor-1378 .elementor-element.elementor-element-15451a4 .elementor-button:focus{color:#004A5E;}.elementor-1378 .elementor-element.elementor-element-15451a4 .elementor-button:hover svg, .elementor-1378 .elementor-element.elementor-element-15451a4 .elementor-button:focus svg{fill:#004A5E;}.elementor-1378 .elementor-element.elementor-element-4efe53f7 .elementor-button{background-color:#FFFFFF00;font-family:"Archivo", Sans-serif;font-size:16px;font-weight:700;line-height:1.5em;letter-spacing:0px;fill:#222222;color:#222222;padding:15px 28px 15px 28px;}.elementor-1378 .elementor-element.elementor-element-4efe53f7 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-1378 .elementor-element.elementor-element-4efe53f7 .elementor-button .elementor-button-content-wrapper{gap:3px;}.elementor-1378 .elementor-element.elementor-element-4efe53f7 .elementor-button:hover, .elementor-1378 .elementor-element.elementor-element-4efe53f7 .elementor-button:focus{color:#004A5E;}.elementor-1378 .elementor-element.elementor-element-4efe53f7 .elementor-button:hover svg, .elementor-1378 .elementor-element.elementor-element-4efe53f7 .elementor-button:focus svg{fill:#004A5E;}.elementor-1378 .elementor-element.elementor-element-629b1424{--display:flex;--min-height:560px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;--border-radius:30px 30px 30px 30px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-1378 .elementor-element.elementor-element-629b1424:not(.elementor-motion-effects-element-type-background), .elementor-1378 .elementor-element.elementor-element-629b1424 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://mentalhealthfirstaidalbania.org/wp-content/uploads/2026/03/6852ae1faa41f6bbf3887235_pexels-mart-production-7255419.avif");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1378 .elementor-element.elementor-element-50caa1a9{--display:flex;--min-height:190px;--justify-content:space-between;--overlay-opacity:1;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#FFFFFF4D;--border-color:#FFFFFF4D;--border-radius:30px 30px 30px 30px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-1378 .elementor-element.elementor-element-50caa1a9:not(.elementor-motion-effects-element-type-background), .elementor-1378 .elementor-element.elementor-element-50caa1a9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF33;background-image:url("https://mentalhealthfirstaidalbania.org/wp-content/uploads/2026/03/grain-pattern-2.png");background-position:center center;background-repeat:repeat;background-size:cover;}.elementor-1378 .elementor-element.elementor-element-50caa1a9::before, .elementor-1378 .elementor-element.elementor-element-50caa1a9 > .elementor-background-video-container::before, .elementor-1378 .elementor-element.elementor-element-50caa1a9 > .e-con-inner > .elementor-background-video-container::before, .elementor-1378 .elementor-element.elementor-element-50caa1a9 > .elementor-background-slideshow::before, .elementor-1378 .elementor-element.elementor-element-50caa1a9 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1378 .elementor-element.elementor-element-50caa1a9 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#0000001F;--background-overlay:'';}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1378 .elementor-element.elementor-element-5916b406 .elementor-heading-title{font-family:"Archivo", Sans-serif;font-size:13px;font-weight:400;line-height:1.55em;letter-spacing:3px;color:#FFFFFFCC;}.elementor-1378 .elementor-element.elementor-element-25bfc79a{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;}.elementor-1378 .elementor-element.elementor-element-2afd4c76 .elementor-heading-title{font-family:"Archivo", Sans-serif;font-size:30px;font-weight:500;line-height:1.25em;letter-spacing:0px;color:#FFFFFF;}.elementor-1378 .elementor-element.elementor-element-4a855829 .elementor-button{background-color:#FFFFFF26;font-family:"Archivo", Sans-serif;font-size:16px;font-weight:700;line-height:1.5em;letter-spacing:0px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF;border-radius:12px 12px 12px 12px;padding:14px 34px 14px 34px;}.elementor-1378 .elementor-element.elementor-element-4a855829 .elementor-button:hover, .elementor-1378 .elementor-element.elementor-element-4a855829 .elementor-button:focus{background-color:#FFFFFF;color:#222222;}.elementor-1378 .elementor-element.elementor-element-4a855829 .elementor-button:hover svg, .elementor-1378 .elementor-element.elementor-element-4a855829 .elementor-button:focus svg{fill:#222222;}.elementor-1378 .elementor-element.elementor-element-5e7be1d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-1378 .elementor-element.elementor-element-38784eb{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1378 .elementor-element.elementor-element-ed785a6{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1378 .elementor-element.elementor-element-ed785a6.e-con{--align-self:flex-start;}.elementor-1378 .elementor-element.elementor-element-3ac7358{--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:center;}.elementor-1378 .elementor-element.elementor-element-3ac7358.e-con{--flex-grow:1;--flex-shrink:0;}.elementor-1378 .elementor-element.elementor-element-0318569{padding:0px 15px 20px 15px;}.elementor-1378 .elementor-element.elementor-element-0318569.elementor-element{--align-self:center;}.elementor-1378 .elementor-element.elementor-element-0318569 .elementskit-section-title-wraper .elementskit-section-title{margin:0px 0px 20px 0px;font-family:"Archivo", Sans-serif;font-size:38px;}.elementor-1378 .elementor-element.elementor-element-0318569 .elementskit-section-title-wraper .elementskit-section-title > span{color:#000000;}.elementor-1378 .elementor-element.elementor-element-0318569 .elementskit-section-title-wraper .elementskit-section-title:hover > span{color:#000000;}.elementor-1378 .elementor-element.elementor-element-0318569 .elementskit-section-title-wraper p{color:var( --e-global-color-c6e92c1 );font-family:"Archivo", Sans-serif;font-size:18px;}.elementor-1378 .elementor-element.elementor-element-07906bc{--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;--padding-top:0px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-1378 .elementor-element.elementor-element-6d65ceb{--display:flex;}.elementor-1378 .elementor-element.elementor-element-86dce74 .qodef-m-title{color:var( --e-global-color-4621f6c );font-family:"Archivo", Sans-serif;}.elementor-1378 .elementor-element.elementor-element-86dce74 .qodef-m-content > .qodef-m-text{font-family:"Archivo", Sans-serif;}.elementor-1378 .elementor-element.elementor-element-86dce74 .qodef-m-icon-holder{font-size:50px;color:var( --e-global-color-d0c38e5 );}.elementor-1378 .elementor-element.elementor-element-86dce74 .qodef-m-icon-holder a{color:var( --e-global-color-d0c38e5 );}.elementor-1378 .elementor-element.elementor-element-adbcfba{--display:flex;}.elementor-1378 .elementor-element.elementor-element-3ff82b2 .qodef-m-title{color:var( --e-global-color-4621f6c );font-family:"Archivo", Sans-serif;}.elementor-1378 .elementor-element.elementor-element-3ff82b2 .qodef-m-content > .qodef-m-text{font-family:"Archivo", Sans-serif;}.elementor-1378 .elementor-element.elementor-element-3ff82b2 .qodef-m-icon-holder{font-size:30px;color:var( --e-global-color-d0c38e5 );}.elementor-1378 .elementor-element.elementor-element-3ff82b2 .qodef-m-icon-holder a{color:var( --e-global-color-d0c38e5 );}.elementor-1378 .elementor-element.elementor-element-71b97e8{--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;--padding-top:0px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-1378 .elementor-element.elementor-element-19561e9{--display:flex;}.elementor-1378 .elementor-element.elementor-element-dde9929 .qodef-m-title{color:var( --e-global-color-4621f6c );font-family:"Archivo", Sans-serif;}.elementor-1378 .elementor-element.elementor-element-dde9929 .qodef-m-content > .qodef-m-text{font-family:"Archivo", Sans-serif;}.elementor-1378 .elementor-element.elementor-element-dde9929 .qodef-m-icon-holder{font-size:45px;color:var( --e-global-color-d0c38e5 );}.elementor-1378 .elementor-element.elementor-element-dde9929 .qodef-m-icon-holder a{color:var( --e-global-color-d0c38e5 );}.elementor-1378 .elementor-element.elementor-element-984af95{--display:flex;}.elementor-1378 .elementor-element.elementor-element-89b28fd .qodef-m-title{color:var( --e-global-color-4621f6c );font-family:"Archivo", Sans-serif;}.elementor-1378 .elementor-element.elementor-element-89b28fd .qodef-m-content > .qodef-m-text{font-family:"Archivo", Sans-serif;}.elementor-1378 .elementor-element.elementor-element-89b28fd .qodef-m-icon-holder{font-size:50px;color:var( --e-global-color-d0c38e5 );}.elementor-1378 .elementor-element.elementor-element-89b28fd .qodef-m-icon-holder a{color:var( --e-global-color-d0c38e5 );}.elementor-1378 .elementor-element.elementor-element-ed974fd{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--flex-wrap:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:110px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-1378 .elementor-element.elementor-element-3660bf17{padding:0px 0px 0px 0px;}.elementor-1378 .elementor-element.elementor-element-3660bf17.elementor-element{--align-self:center;}.elementor-1378 .elementor-element.elementor-element-3660bf17 .elementskit-section-title-wraper .elementskit-section-title{margin:0px 0px 20px 0px;font-family:"Archivo", Sans-serif;font-size:26px;}.elementor-1378 .elementor-element.elementor-element-3660bf17 .elementskit-section-title-wraper .elementskit-section-title > span{color:#000000;}.elementor-1378 .elementor-element.elementor-element-3660bf17 .elementskit-section-title-wraper .elementskit-section-title:hover > span{color:#000000;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-1378 .elementor-element.elementor-element-8afd7de{width:var( --container-widget-width, 45% );max-width:45%;--container-widget-width:45%;--container-widget-flex-grow:0;text-align:center;color:var( --e-global-color-37d4fd3 );}.elementor-1378 .elementor-element.elementor-element-8afd7de.elementor-element{--align-self:center;}.elementor-1378 .elementor-element.elementor-element-4bea5e32{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1378 .elementor-element.elementor-element-51e2599f.ekit-equal-height-enable, .elementor-1378 .elementor-element.elementor-element-51e2599f.ekit-equal-height-enable > div, .elementor-1378 .elementor-element.elementor-element-51e2599f.ekit-equal-height-enable .ekit-wid-con, .elementor-1378 .elementor-element.elementor-element-51e2599f.ekit-equal-height-enable .ekit-wid-con .elementskit-infobox{height:100%;}.elementor-1378 .elementor-element.elementor-element-51e2599f .elementskit-infobox{background-color:#FFFFFF00;padding:20px 20px 20px 20px;border-style:solid;border-width:1px 1px 1px 1px;border-color:rgba(2, 1, 1, 0);border-radius:5px 5px 5px 5px;}.elementor-1378 .elementor-element.elementor-element-51e2599f .elementskit-infobox .elementskit-info-box-title{padding:0px 0px 0px 0px;color:#FFFFFF;font-size:29px;}.elementor-1378 .elementor-element.elementor-element-51e2599f .elementskit-infobox:hover .elementskit-info-box-title{color:#FFFFFF;}.elementor-1378 .elementor-element.elementor-element-51e2599f .elementskit-infobox .box-body > p{color:#FFFFFF;}.elementor-1378 .elementor-element.elementor-element-51e2599f .elementskit-infobox:hover .box-body > p{color:#FFFFFF;}.elementor-1378 .elementor-element.elementor-element-51e2599f .elementskit-infobox p{margin:0px 0px 0px 0px;}.elementor-1378 .elementor-element.elementor-element-7b9a9b63.ekit-equal-height-enable, .elementor-1378 .elementor-element.elementor-element-7b9a9b63.ekit-equal-height-enable > div, .elementor-1378 .elementor-element.elementor-element-7b9a9b63.ekit-equal-height-enable .ekit-wid-con, .elementor-1378 .elementor-element.elementor-element-7b9a9b63.ekit-equal-height-enable .ekit-wid-con .elementskit-infobox{height:100%;}.elementor-1378 .elementor-element.elementor-element-7b9a9b63 .elementskit-infobox{background-color:#FFFFFF00;padding:20px 20px 20px 20px;border-style:solid;border-width:1px 1px 1px 1px;border-color:rgba(2, 1, 1, 0);border-radius:5px 5px 5px 5px;}.elementor-1378 .elementor-element.elementor-element-7b9a9b63 .elementskit-infobox .elementskit-info-box-title{padding:0px 0px 0px 0px;color:#FFFFFF;font-size:29px;}.elementor-1378 .elementor-element.elementor-element-7b9a9b63 .elementskit-infobox:hover .elementskit-info-box-title{color:#FFFFFF;}.elementor-1378 .elementor-element.elementor-element-7b9a9b63 .elementskit-infobox .box-body > p{color:#FFFFFF;}.elementor-1378 .elementor-element.elementor-element-7b9a9b63 .elementskit-infobox:hover .box-body > p{color:#FFFFFF;}.elementor-1378 .elementor-element.elementor-element-7b9a9b63 .elementskit-infobox p{margin:0px 0px 0px 0px;}.elementor-1378 .elementor-element.elementor-element-7b9a9b63 .elementskit-info-box-icon{background-color:#FFFFFF;border-radius:100px 100px 100px 100px;box-shadow:-1.216px 6.894px 15px 0px rgba(0, 0, 0, 0.07);}.elementor-1378 .elementor-element.elementor-element-7b9a9b63 .elementskit-infobox:hover .elementskit-info-box-icon{background-color:var( --e-global-color-c6e92c1 );border-style:solid;border-width:1px 1px 1px 1px;border-color:#2575FC;}.elementor-1378 .elementor-element.elementor-element-7b9a9b63 .elementskit-infobox .elementskit-box-header .elementskit-info-box-icon{margin:0px 20px 0px 0px;-webkit-transform:translateY(0px);-ms-transform:translateY(0px);transform:translateY(0px);}.elementor-1378 .elementor-element.elementor-element-7b9a9b63 .elementskit-infobox .elementskit-info-box-icon{padding:15px 10px 15px 10px;transform:rotate(0deg);width:80px;line-height:56px;}.elementor-1378 .elementor-element.elementor-element-7b9a9b63 .elementskit-infobox .elementskit-info-box-icon {height:80px;}.elementor-1378 .elementor-element.elementor-element-7b9a9b63 .elementskit-infobox .elementkit-infobox-icon{line-height:56px;}.elementor-1378 .elementor-element.elementor-element-b3c1938.ekit-equal-height-enable, .elementor-1378 .elementor-element.elementor-element-b3c1938.ekit-equal-height-enable > div, .elementor-1378 .elementor-element.elementor-element-b3c1938.ekit-equal-height-enable .ekit-wid-con, .elementor-1378 .elementor-element.elementor-element-b3c1938.ekit-equal-height-enable .ekit-wid-con .elementskit-infobox{height:100%;}.elementor-1378 .elementor-element.elementor-element-b3c1938 .elementskit-infobox{background-color:#FFFFFF00;padding:20px 20px 20px 20px;border-style:solid;border-width:1px 1px 1px 1px;border-color:rgba(2, 1, 1, 0);border-radius:5px 5px 5px 5px;}.elementor-1378 .elementor-element.elementor-element-b3c1938 .elementskit-infobox .elementskit-info-box-title{padding:0px 0px 0px 0px;color:#FFFFFF;font-size:29px;}.elementor-1378 .elementor-element.elementor-element-b3c1938 .elementskit-infobox:hover .elementskit-info-box-title{color:#FFFFFF;}.elementor-1378 .elementor-element.elementor-element-b3c1938 .elementskit-infobox .box-body > p{color:#FFFFFF;}.elementor-1378 .elementor-element.elementor-element-b3c1938 .elementskit-infobox:hover .box-body > p{color:#FFFFFF;}.elementor-1378 .elementor-element.elementor-element-b3c1938 .elementskit-infobox p{margin:0px 0px 0px 0px;}.elementor-1378 .elementor-element.elementor-element-b3c1938 .elementskit-info-box-icon{background-color:#FFFFFF;border-radius:100px 100px 100px 100px;box-shadow:-1.216px 6.894px 15px 0px rgba(0, 0, 0, 0.07);}.elementor-1378 .elementor-element.elementor-element-b3c1938 .elementskit-infobox:hover .elementskit-info-box-icon{background-color:var( --e-global-color-c6e92c1 );border-style:solid;border-width:1px 1px 1px 1px;border-color:#2575FC;}.elementor-1378 .elementor-element.elementor-element-b3c1938 .elementskit-infobox .elementskit-box-header .elementskit-info-box-icon{margin:0px 20px 0px 0px;-webkit-transform:translateY(0px);-ms-transform:translateY(0px);transform:translateY(0px);}.elementor-1378 .elementor-element.elementor-element-b3c1938 .elementskit-infobox .elementskit-info-box-icon{padding:15px 10px 15px 10px;transform:rotate(0deg);width:80px;line-height:56px;}.elementor-1378 .elementor-element.elementor-element-b3c1938 .elementskit-infobox .elementskit-info-box-icon {height:80px;}.elementor-1378 .elementor-element.elementor-element-b3c1938 .elementskit-infobox .elementkit-infobox-icon{line-height:56px;}.elementor-1378 .elementor-element.elementor-element-3152d9f6.ekit-equal-height-enable, .elementor-1378 .elementor-element.elementor-element-3152d9f6.ekit-equal-height-enable > div, .elementor-1378 .elementor-element.elementor-element-3152d9f6.ekit-equal-height-enable .ekit-wid-con, .elementor-1378 .elementor-element.elementor-element-3152d9f6.ekit-equal-height-enable .ekit-wid-con .elementskit-infobox{height:100%;}.elementor-1378 .elementor-element.elementor-element-3152d9f6 .elementskit-infobox{background-color:#FFFFFF00;padding:20px 20px 20px 20px;border-style:solid;border-width:1px 1px 1px 1px;border-color:rgba(2, 1, 1, 0);border-radius:5px 5px 5px 5px;}.elementor-1378 .elementor-element.elementor-element-3152d9f6 .elementskit-infobox .elementskit-info-box-title{padding:0px 0px 0px 0px;color:#FFFFFF;font-size:29px;}.elementor-1378 .elementor-element.elementor-element-3152d9f6 .elementskit-infobox:hover .elementskit-info-box-title{color:#FFFFFF;}.elementor-1378 .elementor-element.elementor-element-3152d9f6 .elementskit-infobox .box-body > p{color:#FFFFFF;}.elementor-1378 .elementor-element.elementor-element-3152d9f6 .elementskit-infobox:hover .box-body > p{color:#FFFFFF;}.elementor-1378 .elementor-element.elementor-element-3152d9f6 .elementskit-infobox p{margin:0px 0px 0px 0px;}.elementor-1378 .elementor-element.elementor-element-8937e2e.ekit-equal-height-enable, .elementor-1378 .elementor-element.elementor-element-8937e2e.ekit-equal-height-enable > div, .elementor-1378 .elementor-element.elementor-element-8937e2e.ekit-equal-height-enable .ekit-wid-con, .elementor-1378 .elementor-element.elementor-element-8937e2e.ekit-equal-height-enable .ekit-wid-con .elementskit-infobox{height:100%;}.elementor-1378 .elementor-element.elementor-element-8937e2e .elementskit-infobox{background-color:#FFFFFF00;padding:20px 20px 20px 20px;border-style:solid;border-width:1px 1px 1px 1px;border-color:rgba(2, 1, 1, 0);border-radius:5px 5px 5px 5px;}.elementor-1378 .elementor-element.elementor-element-8937e2e .elementskit-infobox .elementskit-info-box-title{padding:0px 0px 0px 0px;color:#FFFFFF;font-size:29px;}.elementor-1378 .elementor-element.elementor-element-8937e2e .elementskit-infobox:hover .elementskit-info-box-title{color:#FFFFFF;}.elementor-1378 .elementor-element.elementor-element-8937e2e .elementskit-infobox .box-body > p{color:#FFFFFF;}.elementor-1378 .elementor-element.elementor-element-8937e2e .elementskit-infobox:hover .box-body > p{color:#FFFFFF;}.elementor-1378 .elementor-element.elementor-element-8937e2e .elementskit-infobox p{margin:0px 0px 0px 0px;}.elementor-1378 .elementor-element.elementor-element-a8234d2.ekit-equal-height-enable, .elementor-1378 .elementor-element.elementor-element-a8234d2.ekit-equal-height-enable > div, .elementor-1378 .elementor-element.elementor-element-a8234d2.ekit-equal-height-enable .ekit-wid-con, .elementor-1378 .elementor-element.elementor-element-a8234d2.ekit-equal-height-enable .ekit-wid-con .elementskit-infobox{height:100%;}.elementor-1378 .elementor-element.elementor-element-a8234d2 .elementskit-infobox{background-color:#FFFFFF00;padding:20px 20px 20px 20px;border-style:solid;border-width:1px 1px 1px 1px;border-color:rgba(2, 1, 1, 0);border-radius:5px 5px 5px 5px;}.elementor-1378 .elementor-element.elementor-element-a8234d2 .elementskit-infobox .elementskit-info-box-title{padding:0px 0px 0px 0px;color:#FFFFFF;font-size:29px;}.elementor-1378 .elementor-element.elementor-element-a8234d2 .elementskit-infobox:hover .elementskit-info-box-title{color:#FFFFFF;}.elementor-1378 .elementor-element.elementor-element-a8234d2 .elementskit-infobox .box-body > p{color:#FFFFFF;}.elementor-1378 .elementor-element.elementor-element-a8234d2 .elementskit-infobox:hover .box-body > p{color:#FFFFFF;}.elementor-1378 .elementor-element.elementor-element-a8234d2 .elementskit-infobox p{margin:0px 0px 0px 0px;}.elementor-1378 .elementor-element.elementor-element-6ab6f67{width:var( --container-widget-width, 71% );max-width:71%;padding:0px 15px 0px 15px;--container-widget-width:71%;--container-widget-flex-grow:0;}.elementor-1378 .elementor-element.elementor-element-6ab6f67.elementor-element{--align-self:center;}.elementor-1378 .elementor-element.elementor-element-6ab6f67 .elementskit-section-title-wraper .elementskit-section-title{margin:0px 0px 20px 0px;font-family:"Archivo", Sans-serif;font-size:27px;line-height:1.25em;}.elementor-1378 .elementor-element.elementor-element-6ab6f67 .elementskit-section-title-wraper .elementskit-section-title > span{color:#000000;}.elementor-1378 .elementor-element.elementor-element-6ab6f67 .elementskit-section-title-wraper .elementskit-section-title:hover > span{color:#000000;}.elementor-1378 .elementor-element.elementor-element-b9452f4 .elementor-button{background-color:#FFFFFF00;font-family:"Archivo", Sans-serif;font-size:16px;font-weight:700;line-height:1.5em;letter-spacing:0px;fill:#222222;color:#222222;border-radius:20px 20px 20px 20px;padding:15px 28px 15px 28px;}.elementor-1378 .elementor-element.elementor-element-b9452f4{padding:10px 10px 10px 10px;}.elementor-1378 .elementor-element.elementor-element-b9452f4 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-1378 .elementor-element.elementor-element-b9452f4 .elementor-button .elementor-button-content-wrapper{gap:3px;}.elementor-1378 .elementor-element.elementor-element-b9452f4 .elementor-button:hover, .elementor-1378 .elementor-element.elementor-element-b9452f4 .elementor-button:focus{color:#004A5E;}.elementor-1378 .elementor-element.elementor-element-b9452f4 .elementor-button:hover svg, .elementor-1378 .elementor-element.elementor-element-b9452f4 .elementor-button:focus svg{fill:#004A5E;}.elementor-1378 .elementor-element.elementor-element-11f92cb{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--flex-wrap:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:110px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-1378 .elementor-element.elementor-element-b07c718.elementor-element{--align-self:center;}.elementor-1378 .elementor-element.elementor-element-b07c718{text-align:center;}.elementor-1378 .elementor-element.elementor-element-b07c718 .elementor-heading-title{font-family:"Archivo", Sans-serif;font-size:35px;font-weight:600;color:var( --e-global-color-37d4fd3 );}.elementor-1378 .elementor-element.elementor-element-3208621{width:var( --container-widget-width, 45% );max-width:45%;--container-widget-width:45%;--container-widget-flex-grow:0;text-align:center;color:var( --e-global-color-37d4fd3 );}.elementor-1378 .elementor-element.elementor-element-3208621.elementor-element{--align-self:center;}.elementor-1378 .elementor-element.elementor-element-8f63a85{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1378 .elementor-element.elementor-element-ffef8e9{--display:flex;}.elementor-1378 .elementor-element.elementor-element-ffef8e9:not(.elementor-motion-effects-element-type-background), .elementor-1378 .elementor-element.elementor-element-ffef8e9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://mentalhealthfirstaidalbania.org/wp-content/uploads/2026/04/2148398373.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1378 .elementor-element.elementor-element-bb11268{--display:flex;}.elementor-1378 .elementor-element.elementor-element-9cb5ced.ekit-equal-height-enable, .elementor-1378 .elementor-element.elementor-element-9cb5ced.ekit-equal-height-enable > div, .elementor-1378 .elementor-element.elementor-element-9cb5ced.ekit-equal-height-enable .ekit-wid-con, .elementor-1378 .elementor-element.elementor-element-9cb5ced.ekit-equal-height-enable .ekit-wid-con .elementskit-infobox{height:100%;}.elementor-1378 .elementor-element.elementor-element-9cb5ced .elementskit-infobox{background-color:#FFFFFF00;padding:20px 20px 20px 20px;border-style:solid;border-width:1px 1px 1px 1px;border-color:rgba(2, 1, 1, 0);border-radius:5px 5px 5px 5px;}.elementor-1378 .elementor-element.elementor-element-9cb5ced .elementskit-infobox .elementskit-info-box-title{padding:0px 0px 0px 0px;color:#FFFFFF;font-size:29px;}.elementor-1378 .elementor-element.elementor-element-9cb5ced .elementskit-infobox:hover .elementskit-info-box-title{color:#FFFFFF;}.elementor-1378 .elementor-element.elementor-element-9cb5ced .elementskit-infobox .box-body > p{color:#FFFFFF;}.elementor-1378 .elementor-element.elementor-element-9cb5ced .elementskit-infobox:hover .box-body > p{color:#FFFFFF;}.elementor-1378 .elementor-element.elementor-element-9cb5ced .elementskit-infobox p{margin:0px 0px 0px 0px;}.elementor-1378 .elementor-element.elementor-element-d5d6f04.ekit-equal-height-enable, .elementor-1378 .elementor-element.elementor-element-d5d6f04.ekit-equal-height-enable > div, .elementor-1378 .elementor-element.elementor-element-d5d6f04.ekit-equal-height-enable .ekit-wid-con, .elementor-1378 .elementor-element.elementor-element-d5d6f04.ekit-equal-height-enable .ekit-wid-con .elementskit-infobox{height:100%;}.elementor-1378 .elementor-element.elementor-element-d5d6f04 .elementskit-infobox{background-color:#FFFFFF00;padding:20px 20px 20px 20px;border-style:solid;border-width:1px 1px 1px 1px;border-color:rgba(2, 1, 1, 0);border-radius:5px 5px 5px 5px;}.elementor-1378 .elementor-element.elementor-element-d5d6f04 .elementskit-infobox .elementskit-info-box-title{padding:0px 0px 0px 0px;color:#FFFFFF;font-size:29px;}.elementor-1378 .elementor-element.elementor-element-d5d6f04 .elementskit-infobox:hover .elementskit-info-box-title{color:#FFFFFF;}.elementor-1378 .elementor-element.elementor-element-d5d6f04 .elementskit-infobox .box-body > p{color:#FFFFFF;}.elementor-1378 .elementor-element.elementor-element-d5d6f04 .elementskit-infobox:hover .box-body > p{color:#FFFFFF;}.elementor-1378 .elementor-element.elementor-element-d5d6f04 .elementskit-infobox p{margin:0px 0px 0px 0px;}.elementor-1378 .elementor-element.elementor-element-9839fa2.ekit-equal-height-enable, .elementor-1378 .elementor-element.elementor-element-9839fa2.ekit-equal-height-enable > div, .elementor-1378 .elementor-element.elementor-element-9839fa2.ekit-equal-height-enable .ekit-wid-con, .elementor-1378 .elementor-element.elementor-element-9839fa2.ekit-equal-height-enable .ekit-wid-con .elementskit-infobox{height:100%;}.elementor-1378 .elementor-element.elementor-element-9839fa2 .elementskit-infobox{background-color:#FFFFFF00;padding:20px 20px 20px 20px;border-style:solid;border-width:1px 1px 1px 1px;border-color:rgba(2, 1, 1, 0);border-radius:5px 5px 5px 5px;}.elementor-1378 .elementor-element.elementor-element-9839fa2 .elementskit-infobox .elementskit-info-box-title{padding:0px 0px 0px 0px;color:#FFFFFF;font-size:29px;}.elementor-1378 .elementor-element.elementor-element-9839fa2 .elementskit-infobox:hover .elementskit-info-box-title{color:#FFFFFF;}.elementor-1378 .elementor-element.elementor-element-9839fa2 .elementskit-infobox .box-body > p{color:#FFFFFF;}.elementor-1378 .elementor-element.elementor-element-9839fa2 .elementskit-infobox:hover .box-body > p{color:#FFFFFF;}.elementor-1378 .elementor-element.elementor-element-9839fa2 .elementskit-infobox p{margin:0px 0px 0px 0px;}.elementor-1378 .elementor-element.elementor-element-64411ed{--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-1378 .elementor-element.elementor-element-ab64631{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:60px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-1378 .elementor-element.elementor-element-0adbbf5{--display:flex;--padding-top:0px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-1378 .elementor-element.elementor-element-592fee3{text-align:center;}.elementor-1378 .elementor-element.elementor-element-592fee3 .elementor-heading-title{font-family:"Archivo", Sans-serif;font-size:42px;font-weight:900;color:var( --e-global-color-29acea8 );}.elementor-1378 .elementor-element.elementor-element-99d3eab{width:var( --container-widget-width, 49% );max-width:49%;--container-widget-width:49%;--container-widget-flex-grow:0;text-align:center;color:var( --e-global-color-29acea8 );}.elementor-1378 .elementor-element.elementor-element-99d3eab.elementor-element{--align-self:center;}.elementor-1378 .elementor-element.elementor-element-1f0b711{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1378 .elementor-element.elementor-element-0ba42fd{--display:flex;--min-height:400px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--border-radius:0px 0px 0px 0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1378 .elementor-element.elementor-element-0ba42fd:not(.elementor-motion-effects-element-type-background), .elementor-1378 .elementor-element.elementor-element-0ba42fd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-29acea8 );}.elementor-1378 .elementor-element.elementor-element-0ba42fd.e-con{--align-self:center;}.elementor-1378 .elementor-element.elementor-element-ba1310f.elementor-element{--align-self:center;}.elementor-1378 .elementor-element.elementor-element-ba1310f{text-align:center;}.elementor-1378 .elementor-element.elementor-element-ba1310f .elementor-heading-title{font-family:"Archivo", Sans-serif;font-size:35px;font-weight:600;color:var( --e-global-color-37d4fd3 );}.elementor-1378 .elementor-element.elementor-element-debdf9d{width:var( --container-widget-width, 63% );max-width:63%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:63%;--container-widget-flex-grow:0;text-align:center;font-family:"Archivo", Sans-serif;font-size:18px;font-weight:600;color:var( --e-global-color-37d4fd3 );}.elementor-1378 .elementor-element.elementor-element-debdf9d.elementor-element{--align-self:center;}.elementor-1378 .elementor-element.elementor-element-c0682c0 .elementor-button{background-color:var( --e-global-color-7652470 );font-family:"Archivo", Sans-serif;font-size:17px;font-weight:700;fill:var( --e-global-color-4621f6c );color:var( --e-global-color-4621f6c );border-radius:7px 7px 7px 7px;padding:15px 25px 15px 25px;}.elementor-1378 .elementor-element.elementor-element-c0682c0 .elementor-button:hover, .elementor-1378 .elementor-element.elementor-element-c0682c0 .elementor-button:focus{background-color:var( --e-global-color-facd994 );color:var( --e-global-color-29acea8 );}.elementor-1378 .elementor-element.elementor-element-c0682c0 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-1378 .elementor-element.elementor-element-c0682c0 .elementor-button:hover svg, .elementor-1378 .elementor-element.elementor-element-c0682c0 .elementor-button:focus svg{fill:var( --e-global-color-29acea8 );}.elementor-1378 .elementor-element.elementor-element-47da246{--display:flex;--min-height:400px;--justify-content:center;--border-radius:0px 0px 40px 0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1378 .elementor-element.elementor-element-47da246:not(.elementor-motion-effects-element-type-background), .elementor-1378 .elementor-element.elementor-element-47da246 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-29acea8 );}.elementor-1378 .elementor-element.elementor-element-7ee05d0.elementor-element{--align-self:center;}.elementor-1378 .elementor-element.elementor-element-7ee05d0{text-align:center;}.elementor-1378 .elementor-element.elementor-element-7ee05d0 .elementor-heading-title{font-family:"Archivo", Sans-serif;font-size:35px;font-weight:600;color:var( --e-global-color-37d4fd3 );}.elementor-1378 .elementor-element.elementor-element-1474957{width:var( --container-widget-width, 63% );max-width:63%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:63%;--container-widget-flex-grow:0;text-align:center;font-family:"Archivo", Sans-serif;font-size:18px;font-weight:600;color:#FFFFFF;}.elementor-1378 .elementor-element.elementor-element-1474957.elementor-element{--align-self:center;}.elementor-1378 .elementor-element.elementor-element-88304fd .elementor-button{background-color:var( --e-global-color-7652470 );font-family:"Archivo", Sans-serif;font-size:17px;font-weight:700;fill:var( --e-global-color-4621f6c );color:var( --e-global-color-4621f6c );border-radius:7px 7px 7px 7px;padding:15px 25px 15px 25px;}.elementor-1378 .elementor-element.elementor-element-88304fd .elementor-button:hover, .elementor-1378 .elementor-element.elementor-element-88304fd .elementor-button:focus{background-color:var( --e-global-color-facd994 );color:var( --e-global-color-29acea8 );}.elementor-1378 .elementor-element.elementor-element-88304fd .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-1378 .elementor-element.elementor-element-88304fd .elementor-button:hover svg, .elementor-1378 .elementor-element.elementor-element-88304fd .elementor-button:focus svg{fill:var( --e-global-color-29acea8 );}.elementor-1378 .elementor-element.elementor-element-fa276e3{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--flex-wrap:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:110px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-1378 .elementor-element.elementor-element-18c3050.elementor-element{--align-self:center;}.elementor-1378 .elementor-element.elementor-element-18c3050{text-align:center;}.elementor-1378 .elementor-element.elementor-element-18c3050 .elementor-heading-title{font-family:"Archivo", Sans-serif;font-size:35px;font-weight:600;color:var( --e-global-color-37d4fd3 );}.elementor-1378 .elementor-element.elementor-element-df9ca99{width:var( --container-widget-width, 45% );max-width:45%;--container-widget-width:45%;--container-widget-flex-grow:0;text-align:center;color:var( --e-global-color-37d4fd3 );}.elementor-1378 .elementor-element.elementor-element-df9ca99.elementor-element{--align-self:center;}.elementor-1378 .elementor-element.elementor-element-799543e{--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:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:100px;--padding-bottom:140px;--padding-left:0px;--padding-right:0px;}.elementor-1378 .elementor-element.elementor-element-4fbccd7{--display:flex;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;}.elementor-1378 .elementor-element.elementor-element-4fbccd7:not(.elementor-motion-effects-element-type-background), .elementor-1378 .elementor-element.elementor-element-4fbccd7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://mentalhealthfirstaidalbania.org/wp-content/uploads/2026/04/2148928809.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1378 .elementor-element.elementor-element-a95b3ec{--display:flex;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;}.elementor-1378 .elementor-element.elementor-element-de57e18 .elementskit-section-title-wraper .elementskit-section-title{color:var( --e-global-color-37d4fd3 );margin:0px 0px 25px 0px;font-family:"Archivo", Sans-serif;font-size:48px;font-weight:600;line-height:56px;}.elementor-1378 .elementor-element.elementor-element-de57e18 .elementskit-section-title-wraper .elementskit-section-title:hover{color:var( --e-global-color-37d4fd3 );}.elementor-1378 .elementor-element.elementor-element-de57e18 .elementskit-section-title-wraper .elementskit-section-title > span{color:var( --e-global-color-d0c38e5 );}.elementor-1378 .elementor-element.elementor-element-de57e18 .elementskit-section-title-wraper .elementskit-section-title span:last-child, .elementor-1378 .elementor-element.elementor-element-de57e18 .elementskit-section-title-wraper .elementskit-section-title > span{font-family:"Jost", Sans-serif;font-size:48px;font-weight:600;line-height:56px;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-1378 .elementor-element.elementor-element-9ab04eb .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(17px/2);}.elementor-1378 .elementor-element.elementor-element-9ab04eb .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(17px/2);}.elementor-1378 .elementor-element.elementor-element-9ab04eb .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(17px/2);}.elementor-1378 .elementor-element.elementor-element-9ab04eb .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-17px/2);}.elementor-1378 .elementor-element.elementor-element-9ab04eb .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-17px/2);}.elementor-1378 .elementor-element.elementor-element-9ab04eb .elementor-icon-list-icon i{color:var( --e-global-color-37d4fd3 );transition:color 0.3s;}.elementor-1378 .elementor-element.elementor-element-9ab04eb .elementor-icon-list-icon svg{fill:var( --e-global-color-37d4fd3 );transition:fill 0.3s;}.elementor-1378 .elementor-element.elementor-element-9ab04eb .elementor-icon-list-icon{padding-inline-end:12px;}.elementor-1378 .elementor-element.elementor-element-9ab04eb{--icon-vertical-offset:0px;}.elementor-1378 .elementor-element.elementor-element-9ab04eb .elementor-icon-list-item > .elementor-icon-list-text, .elementor-1378 .elementor-element.elementor-element-9ab04eb .elementor-icon-list-item > a{font-family:"Archivo", Sans-serif;font-size:18px;font-weight:500;line-height:26px;letter-spacing:1.06px;}.elementor-1378 .elementor-element.elementor-element-9ab04eb .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-1378 .elementor-element.elementor-element-23c886e{--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-1378 .elementor-element.elementor-element-7136215{--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;--border-radius:30px 30px 30px 30px;--padding-top:60px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-1378 .elementor-element.elementor-element-6337151{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1378 .elementor-element.elementor-element-6337151.e-con{--align-self:center;}.elementor-1378 .elementor-element.elementor-element-404db8e.elementor-element{--align-self:flex-start;}.elementor-1378 .elementor-element.elementor-element-404db8e .elementor-heading-title{font-family:"Archivo", Sans-serif;font-size:42px;font-weight:600;color:var( --e-global-color-527b182 );}.elementor-1378 .elementor-element.elementor-element-522f397{width:var( --container-widget-width, 91% );max-width:91%;--container-widget-width:91%;--container-widget-flex-grow:0;text-align:start;font-family:"Archivo", Sans-serif;font-weight:500;}.elementor-1378 .elementor-element.elementor-element-522f397.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-1378 .elementor-element.elementor-element-a8baafd{--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:space-between;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1378 .elementor-element.elementor-element-734c4dd{--display:flex;}.elementor-1378 .elementor-element.elementor-element-affd631 .elementor-button{background-color:var( --e-global-color-7652470 );font-family:"Open Sans", Sans-serif;font-size:16px;font-weight:700;line-height:1.5em;letter-spacing:0px;fill:#222222;color:#222222;border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF;border-radius:12px 12px 12px 12px;padding:15px 35px 15px 35px;}.elementor-1378 .elementor-element.elementor-element-affd631 .elementor-button:hover, .elementor-1378 .elementor-element.elementor-element-affd631 .elementor-button:focus{background-color:var( --e-global-color-4621f6c );color:#FFFFFF;}.elementor-1378 .elementor-element.elementor-element-affd631{padding:40px 0px 0px 0px;}.elementor-1378 .elementor-element.elementor-element-affd631.elementor-element{--align-self:flex-start;}.elementor-1378 .elementor-element.elementor-element-affd631 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-1378 .elementor-element.elementor-element-affd631 .elementor-button:hover svg, .elementor-1378 .elementor-element.elementor-element-affd631 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-1378 .elementor-element.elementor-element-754799c{--display:flex;}.elementor-1378 .elementor-element.elementor-element-73a3260 .elementor-button{background-color:var( --e-global-color-7652470 );font-family:"Open Sans", Sans-serif;font-size:16px;font-weight:700;line-height:1.5em;letter-spacing:0px;fill:#222222;color:#222222;border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF;border-radius:12px 12px 12px 12px;padding:15px 35px 15px 35px;}.elementor-1378 .elementor-element.elementor-element-73a3260 .elementor-button:hover, .elementor-1378 .elementor-element.elementor-element-73a3260 .elementor-button:focus{background-color:var( --e-global-color-4621f6c );color:#FFFFFF;}.elementor-1378 .elementor-element.elementor-element-73a3260{padding:40px 0px 0px 0px;}.elementor-1378 .elementor-element.elementor-element-73a3260.elementor-element{--align-self:flex-start;}.elementor-1378 .elementor-element.elementor-element-73a3260 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-1378 .elementor-element.elementor-element-73a3260 .elementor-button:hover svg, .elementor-1378 .elementor-element.elementor-element-73a3260 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-1378 .elementor-element.elementor-element-94b8f0a{--display:flex;--min-height:60vh;--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:30px 30px 30px 30px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1378 .elementor-element.elementor-element-94b8f0a:not(.elementor-motion-effects-element-type-background), .elementor-1378 .elementor-element.elementor-element-94b8f0a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://mentalhealthfirstaidalbania.org/wp-content/uploads/2026/03/17676017901214.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1378 .elementor-element.elementor-element-2703b469{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:110px;--padding-bottom:110px;--padding-left:15px;--padding-right:15px;}.elementor-1378 .elementor-element.elementor-element-5aca1f95{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;border-style:solid;--border-style:solid;border-width:0px 0px 0px 5px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:5px;border-color:var( --e-global-color-29acea8 );--border-color:var( --e-global-color-29acea8 );--border-radius:30px 30px 30px 30px;box-shadow:29px 29px 60px 0px rgba(0,0,0,0.2);--padding-top:60px;--padding-bottom:60px;--padding-left:60px;--padding-right:60px;}.elementor-1378 .elementor-element.elementor-element-69797edc{width:var( --container-widget-width, 53% );max-width:53%;--container-widget-width:53%;--container-widget-flex-grow:0;}.elementor-1378 .elementor-element.elementor-element-69797edc .elementskit-section-title-wraper .elementskit-section-title{color:#FFFFFF;margin:0px 0px 25px 0px;font-family:"Archivo", Sans-serif;font-size:36px;font-weight:700;}.elementor-1378 .elementor-element.elementor-element-69797edc .elementskit-section-title-wraper .elementskit-section-title > span{color:var( --e-global-color-8f3e854 );}.elementor-1378 .elementor-element.elementor-element-69797edc .elementskit-section-title-wraper .elementskit-section-title:hover > span{color:var( --e-global-color-c6a51bf );}.elementor-1378 .elementor-element.elementor-element-69797edc .elementskit-section-title-wraper .elementskit-section-title span:last-child, .elementor-1378 .elementor-element.elementor-element-69797edc .elementskit-section-title-wraper .elementskit-section-title > span{font-family:"Archivo", Sans-serif;font-size:36px;}.elementor-1378 .elementor-element.elementor-element-69797edc .elementskit-section-title-wraper p{color:#FFFFFFCC;font-family:"Archivo", Sans-serif;font-size:15px;line-height:2em;}.elementor-1378 .elementor-element.elementor-element-97d1e40 .elementor-button{background-color:#2BB673;font-family:"Archivo", Sans-serif;font-size:14px;font-weight:700;line-height:1.5em;letter-spacing:0px;fill:var( --e-global-color-ccad847 );color:var( --e-global-color-ccad847 );border-radius:10px 10px 10px 10px;padding:10px 15px 10px 15px;}.elementor-1378 .elementor-element.elementor-element-97d1e40 .elementor-button:hover, .elementor-1378 .elementor-element.elementor-element-97d1e40 .elementor-button:focus{background-color:#239A5F;color:var( --e-global-color-ccad847 );}.elementor-1378 .elementor-element.elementor-element-97d1e40.elementor-element{--align-self:center;}.elementor-1378 .elementor-element.elementor-element-97d1e40 .elementor-button:hover svg, .elementor-1378 .elementor-element.elementor-element-97d1e40 .elementor-button:focus svg{fill:var( --e-global-color-ccad847 );}:root{--page-title-display:none;}@media(min-width:768px){.elementor-1378 .elementor-element.elementor-element-24e5561d{--width:50%;}.elementor-1378 .elementor-element.elementor-element-48eb4a25{--width:max-width;}.elementor-1378 .elementor-element.elementor-element-629b1424{--width:50%;}.elementor-1378 .elementor-element.elementor-element-50caa1a9{--width:420px;}.elementor-1378 .elementor-element.elementor-element-ed785a6{--width:100%;}.elementor-1378 .elementor-element.elementor-element-3ac7358{--width:50%;}.elementor-1378 .elementor-element.elementor-element-71b97e8{--width:100%;}.elementor-1378 .elementor-element.elementor-element-6337151{--width:50%;}.elementor-1378 .elementor-element.elementor-element-94b8f0a{--width:50%;}}@media(max-width:1024px) and (min-width:768px){.elementor-1378 .elementor-element.elementor-element-24e5561d{--width:100%;}.elementor-1378 .elementor-element.elementor-element-629b1424{--width:100%;}.elementor-1378 .elementor-element.elementor-element-07906bc{--width:730px;}.elementor-1378 .elementor-element.elementor-element-71b97e8{--width:730px;}}@media(max-width:1024px){.elementor-1378 .elementor-element.elementor-element-65b9d98b{--flex-wrap:wrap;}.elementor-1378 .elementor-element.elementor-element-24e5561d{--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-1378 .elementor-element.elementor-element-6df32dcd{width:var( --container-widget-width, 653px );max-width:653px;--container-widget-width:653px;--container-widget-flex-grow:0;}.elementor-1378 .elementor-element.elementor-element-6df32dcd .elementskit-section-title-wraper .elementskit-section-title{font-size:48px;}.elementor-1378 .elementor-element.elementor-element-6df32dcd .elementskit-section-title-wraper p{font-size:16px;margin:0px 0px 0px 0px;}.elementor-1378 .elementor-element.elementor-element-629b1424{--min-height:747px;}.elementor-1378 .elementor-element.elementor-element-2afd4c76 .elementor-heading-title{font-size:24px;}.elementor-1378 .elementor-element.elementor-element-4a855829 .elementor-button{font-size:15px;}.elementor-1378 .elementor-element.elementor-element-07906bc{--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--flex-wrap:wrap;}.elementor-1378 .elementor-element.elementor-element-07906bc.e-con{--align-self:center;}.elementor-1378 .elementor-element.elementor-element-71b97e8{--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-1378 .elementor-element.elementor-element-71b97e8.e-con{--align-self:center;}.elementor-1378 .elementor-element.elementor-element-4bea5e32{--e-con-grid-template-columns:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-1378 .elementor-element.elementor-element-1f0b711{--flex-wrap:wrap;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1378 .elementor-element.elementor-element-0ba42fd{--flex-wrap:wrap;}.elementor-1378 .elementor-element.elementor-element-799543e{--padding-top:70px;--padding-bottom:115px;--padding-left:0px;--padding-right:0px;}.elementor-1378 .elementor-element.elementor-element-de57e18 .elementskit-section-title-wraper .elementskit-section-title{font-size:34px;line-height:40px;}.elementor-1378 .elementor-element.elementor-element-de57e18 .elementskit-section-title-wraper .elementskit-section-title span:last-child, .elementor-1378 .elementor-element.elementor-element-de57e18 .elementskit-section-title-wraper .elementskit-section-title > span{font-size:34px;line-height:40px;}.elementor-1378 .elementor-element.elementor-element-affd631 .elementor-button{font-size:15px;}.elementor-1378 .elementor-element.elementor-element-73a3260 .elementor-button{font-size:15px;}.elementor-1378 .elementor-element.elementor-element-5aca1f95{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--flex-wrap:wrap;}.elementor-1378 .elementor-element.elementor-element-69797edc{--container-widget-width:1000px;--container-widget-flex-grow:0;width:var( --container-widget-width, 1000px );max-width:1000px;}.elementor-1378 .elementor-element.elementor-element-97d1e40.elementor-element{--align-self:center;--flex-grow:1;--flex-shrink:0;}.elementor-1378 .elementor-element.elementor-element-97d1e40 .elementor-button{font-size:15px;}}@media(max-width:767px){.elementor-1378 .elementor-element.elementor-element-6df32dcd{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1378 .elementor-element.elementor-element-6df32dcd .elementskit-section-title-wraper .elementskit-section-title{font-size:42px;}.elementor-1378 .elementor-element.elementor-element-6df32dcd .elementskit-section-title-wraper p{font-size:16px;}.elementor-1378 .elementor-element.elementor-element-48eb4a25{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1378 .elementor-element.elementor-element-15451a4 .elementor-button{font-size:14px;}.elementor-1378 .elementor-element.elementor-element-4efe53f7 .elementor-button{font-size:14px;}.elementor-1378 .elementor-element.elementor-element-629b1424{--min-height:396px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1378 .elementor-element.elementor-element-50caa1a9{--min-height:121px;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1378 .elementor-element.elementor-element-50caa1a9.e-con{--align-self:flex-start;}.elementor-1378 .elementor-element.elementor-element-5916b406 .elementor-heading-title{font-size:10px;}.elementor-1378 .elementor-element.elementor-element-2afd4c76 .elementor-heading-title{font-size:20px;}.elementor-1378 .elementor-element.elementor-element-4a855829 .elementor-button{font-size:14px;padding:14px 17px 14px 17px;}.elementor-1378 .elementor-element.elementor-element-38784eb{--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-1378 .elementor-element.elementor-element-0318569{margin:20px 20px calc(var(--kit-widget-spacing, 0px) + 20px) 20px;}.elementor-1378 .elementor-element.elementor-element-0318569 .elementskit-section-title-wraper .elementskit-section-title{margin:20px 20px 20px 20px;font-size:29px;}.elementor-1378 .elementor-element.elementor-element-6d65ceb{--width:100%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1378 .elementor-element.elementor-element-adbcfba{--width:100%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1378 .elementor-element.elementor-element-19561e9{--width:100%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1378 .elementor-element.elementor-element-984af95{--width:100%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1378 .elementor-element.elementor-element-ed974fd{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1378 .elementor-element.elementor-element-3660bf17{margin:20px 20px calc(var(--kit-widget-spacing, 0px) + 20px) 20px;}.elementor-1378 .elementor-element.elementor-element-3660bf17 .elementskit-section-title-wraper .elementskit-section-title{margin:20px 20px 20px 20px;font-size:29px;}.elementor-1378 .elementor-element.elementor-element-4bea5e32{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-1378 .elementor-element.elementor-element-6ab6f67{margin:20px 20px calc(var(--kit-widget-spacing, 0px) + 20px) 20px;}.elementor-1378 .elementor-element.elementor-element-6ab6f67 .elementskit-section-title-wraper .elementskit-section-title{margin:20px 20px 20px 20px;font-size:29px;}.elementor-1378 .elementor-element.elementor-element-b9452f4 .elementor-button{font-size:14px;}.elementor-1378 .elementor-element.elementor-element-11f92cb{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1378 .elementor-element.elementor-element-592fee3 .elementor-heading-title{font-size:33px;}.elementor-1378 .elementor-element.elementor-element-0ba42fd{--min-height:350px;}.elementor-1378 .elementor-element.elementor-element-debdf9d{--container-widget-width:304px;--container-widget-flex-grow:0;width:var( --container-widget-width, 304px );max-width:304px;font-size:16px;}.elementor-1378 .elementor-element.elementor-element-c0682c0 .elementor-button{padding:8px 15px 8px 15px;}.elementor-1378 .elementor-element.elementor-element-47da246{--min-height:350px;}.elementor-1378 .elementor-element.elementor-element-1474957{--container-widget-width:304px;--container-widget-flex-grow:0;width:var( --container-widget-width, 304px );max-width:304px;font-size:16px;}.elementor-1378 .elementor-element.elementor-element-88304fd .elementor-button{padding:8px 15px 8px 15px;}.elementor-1378 .elementor-element.elementor-element-fa276e3{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1378 .elementor-element.elementor-element-799543e{--padding-top:11px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-1378 .elementor-element.elementor-element-a95b3ec{--padding-top:0px;--padding-bottom:30px;--padding-left:15px;--padding-right:15px;}.elementor-1378 .elementor-element.elementor-element-de57e18 .elementskit-section-title-wraper .elementskit-section-title{margin:0px 0px 15px 0px;}.elementor-1378 .elementor-element.elementor-element-affd631 .elementor-button{font-size:14px;}.elementor-1378 .elementor-element.elementor-element-73a3260 .elementor-button{font-size:14px;}.elementor-1378 .elementor-element.elementor-element-5aca1f95{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1378 .elementor-element.elementor-element-97d1e40{padding:0px 0px 0px 0px;}.elementor-1378 .elementor-element.elementor-element-97d1e40.elementor-element{--align-self:flex-start;--flex-grow:1;--flex-shrink:0;}.elementor-1378 .elementor-element.elementor-element-97d1e40 .elementor-button{font-size:14px;border-radius:9px 9px 9px 9px;padding:15px 35px 15px 35px;}}/* Start custom CSS *//* ===================================================== MHFA ALBANIA — Why Section (Corrected for your setup) Works WITH your existing Elementor card styles ===================================================== */ /* ── SECTION: light background + remove dark overlay ── */ .why-section { background-color: #F4F9F9 !important; position: relative; } /* Force remove the dark overlay Elementor added */ .why-section > .elementor-background-overlay, .elementor-element.why-section::before { opacity: 0 !important; display: none !important; } /* Soft background glow via the inner container */ .why-section > .e-con-inner { position: relative; z-index: 2; } .why-section > .e-con-inner::before { content: ''; position: absolute; width: 600px; height: 600px; border-radius: 50%; background: radial-gradient(circle, rgba(76,175,125,0.09) 0%, transparent 70%); top: -200px; left: -150px; pointer-events: none; z-index: 0; } .why-section > .e-con-inner::after { content: ''; position: absolute; width: 500px; height: 500px; border-radius: 50%; background: radial-gradient(circle, rgba(26,107,114,0.07) 0%, transparent 70%); bottom: -150px; right: -100px; pointer-events: none; z-index: 0; } /* ── HEADING: animated underline ── */ .why-section .elementor-heading-title { font-family: 'Archivo', sans-serif !important; } .why-section h4.elementor-heading-title::after { content: ''; display: block; height: 3px; background: linear-gradient(90deg, #4CAF7D, #1A9BA0, #4CAF7D); background-size: 200% 100%; border-radius: 4px; margin: 14px auto 0; animation: mhfa-why-glow 2.5s ease-in-out infinite, mhfa-why-shimmer 3s linear infinite; } @keyframes mhfa-why-glow { 0%,100% { width: 60px; box-shadow: 0 0 10px rgba(76,175,125,0.50); } 50% { width: 100px; box-shadow: 0 0 26px rgba(76,175,125,0.95); } } @keyframes mhfa-why-shimmer { 0% { background-position: 200% 0; } 100% { background-position: -200% 0; } } /* ── CARDS: fade in on load with stagger ── */ .why-card { animation: mhfa-why-fadein 0.8s ease both !important; transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.4s ease !important; position: relative; overflow: hidden; } .why-card:nth-child(3) { animation-delay: 0.10s !important; } .why-card:nth-child(4) { animation-delay: 0.22s !important; } .why-card:nth-child(5) { animation-delay: 0.34s !important; } .why-card:nth-child(6) { animation-delay: 0.46s !important; } @keyframes mhfa-why-fadein { from { opacity: 0; transform: translateY(40px) scale(0.97); } to { opacity: 1; transform: translateY(0) scale(1); } } /* ── CARD HOVER: lift + glow ── */ .why-card:hover { transform: translateY(-8px) !important; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.10), 0 4px 16px rgba(76, 175, 125, 0.12) !important; } /* Green top bar slides in on hover */ .why-card::before { content: '' !important; position: absolute !important; top: 0; left: 0; right: 0; height: 3px; background: linear-gradient(90deg, #4CAF7D, #1A9BA0); transform: scaleX(0); transform-origin: left; transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1); z-index: 5; } .why-card:hover::before { transform: scaleX(1); } /* Soft green glow inside card on hover */ .why-card::after { content: '' !important; position: absolute !important; inset: 0; background: radial-gradient(ellipse at top left, rgba(76,175,125,0.07) 0%, transparent 65%); opacity: 0; transition: opacity 0.5s ease; pointer-events: none; z-index: 0; } .why-card:hover::after { opacity: 1; } /* Card content above the glow layer */ .why-card .e-con-inner, .why-card .elementor-widget { position: relative; z-index: 2; } /* Card heading colour shifts on hover */ .why-card .elementor-heading-title { transition: color 0.3s ease !important; } .why-card:hover h2.elementor-heading-title { color: #1A6B72 !important; } /* Icon bounce on hover */ .why-card .elementor-icon { transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1) !important; } .why-card:hover .elementor-icon { transform: scale(1.2) rotate(-5deg) !important; } /* Archivo font on card text */ .why-card .elementor-widget-text-editor p { font-family: 'Archivo', sans-serif !important; color: #5A7080 !important; line-height: 1.75 !important; } /* ── MOBILE ── */ @media (max-width: 768px) { .why-card:hover { transform: translateY(-4px) !important; } } /* ===================================================== MHFA ALBANIA — Trusted Source Section Cards already have: .training-card .service-box Only add: .trusted-section to the main section ===================================================== */ /* ── SECTION BASE ── */ .trusted-section { background: #ffffff !important; position: relative; overflow: hidden; } /* Soft background teal glow top-right */ .trusted-section > .e-con-inner::before { content: ''; position: absolute; width: 500px; height: 500px; border-radius: 50%; background: radial-gradient(circle, rgba(26,155,160,0.07) 0%, transparent 70%); top: -150px; right: -100px; pointer-events: none; z-index: 0; } /* Keep content above background */ .trusted-section > .e-con-inner { position: relative; z-index: 2; } /* ── SECTION HEADING ── */ .trusted-section h4.elementor-heading-title { font-family: 'Archivo', sans-serif !important; color: #0D2A3A !important; animation: ts-fadein 0.9s ease both; } /* Animated underline on section title */ .trusted-section h4.elementor-heading-title::after { content: ''; display: block; height: 3px; background: linear-gradient(90deg, #1A9BA0, #4CAF7D, #1A9BA0); background-size: 200% 100%; border-radius: 4px; margin-top: 14px; animation: ts-glow 2.5s ease-in-out infinite, ts-shimmer 3s linear infinite; } @keyframes ts-glow { 0%,100% { width: 60px; box-shadow: 0 0 10px rgba(26,155,160,0.55); } 50% { width: 100px; box-shadow: 0 0 26px rgba(26,155,160,1.0); } } @keyframes ts-shimmer { 0% { background-position: 200% 0; } 100% { background-position: -200% 0; } } /* Subtitle */ .trusted-section h3.elementor-heading-title { font-family: 'Archivo', sans-serif !important; color: #4A6572 !important; font-weight: 400 !important; animation: ts-fadein 0.9s ease 0.15s both; } @keyframes ts-fadein { from { opacity: 0; transform: translateY(-18px); } to { opacity: 1; transform: translateY(0); } } /* ── TRAINING CARDS ── */ .training-card, .service-box { position: relative; overflow: hidden; transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.4s ease, border-color 0.4s ease !important; animation: ts-cardin 0.8s ease both; } /* Stagger card animations */ .training-card:nth-child(1), .service-box:nth-child(1) { animation-delay: 0.10s; } .training-card:nth-child(2), .service-box:nth-child(2) { animation-delay: 0.22s; } .training-card:nth-child(3), .service-box:nth-child(3) { animation-delay: 0.34s; } .training-card:nth-child(4), .service-box:nth-child(4) { animation-delay: 0.46s; } @keyframes ts-cardin { from { opacity: 0; transform: translateY(40px) scale(0.97); } to { opacity: 1; transform: translateY(0) scale(1); } } /* Hover — lift the card */ .training-card:hover, .service-box:hover { transform: translateY(-8px) !important; box-shadow: 0 20px 60px rgba(0,0,0,0.10), 0 4px 16px rgba(26,155,160,0.10) !important; } /* Teal top bar slides in on hover */ .training-card::before, .service-box::before { content: '' !important; position: absolute !important; top: 0; left: 0; right: 0; height: 3px; background: linear-gradient(90deg, #1A9BA0, #4CAF7D); transform: scaleX(0); transform-origin: left; transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1); z-index: 5; } .training-card:hover::before, .service-box:hover::before { transform: scaleX(1); } /* Soft glow inside card on hover */ .training-card::after, .service-box::after { content: '' !important; position: absolute !important; inset: 0; background: radial-gradient(ellipse at top left, rgba(26,155,160,0.07) 0%, transparent 65%); opacity: 0; transition: opacity 0.5s ease; pointer-events: none; z-index: 0; } .training-card:hover::after, .service-box:hover::after { opacity: 1; } /* Keep card content above glow */ .training-card .elementor-widget, .training-card .e-con-inner, .service-box .elementor-widget, .service-box .e-con-inner { position: relative; z-index: 2; } /* Card headings colour shift on hover */ .training-card h2.elementor-heading-title, .service-box h2.elementor-heading-title { font-family: 'Archivo', sans-serif !important; transition: color 0.3s ease !important; } .training-card:hover h2.elementor-heading-title, .service-box:hover h2.elementor-heading-title { color: #1A6B72 !important; } /* Card body text */ .training-card .elementor-widget-text-editor p, .service-box .elementor-widget-text-editor p { font-family: 'Archivo', sans-serif !important; color: #5A7080 !important; line-height: 1.75 !important; } /* Icon bounce */ .training-card .elementor-icon, .service-box .elementor-icon { transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1) !important; } .training-card:hover .elementor-icon, .service-box:hover .elementor-icon { transform: scale(1.2) rotate(-5deg) !important; } /* Buttons inside cards */ .training-card .elementor-button, .service-box .elementor-button { font-family: 'Archivo', sans-serif !important; border-radius: 50px !important; transition: transform 0.3s ease, box-shadow 0.3s ease !important; } .training-card .elementor-button:hover, .service-box .elementor-button:hover { transform: translateY(-3px) !important; box-shadow: 0 8px 24px rgba(0,0,0,0.15) !important; } /* ── MOBILE ── */ @media (max-width: 768px) { .training-card:hover, .service-box:hover { transform: translateY(-4px) !important; } } /* ========================================= MHFA Albania - Global Expertise Section Bringing Global Mental Health Expertise ========================================= */ .mhfa-expertise-section { position: relative; overflow: hidden; padding: 80px 40px !important; border-radius: 32px; background: radial-gradient(circle at top left, rgba(111, 207, 151, 0.16), transparent 28%), radial-gradient(circle at bottom right, rgba(31, 111, 120, 0.12), transparent 30%), linear-gradient(180deg, #ffffff 0%, #f7fcfa 100%); border: 1px solid rgba(21, 60, 82, 0.08); box-shadow: 0 18px 50px rgba(21, 60, 82, 0.08); margin: 30px auto; } .mhfa-expertise-section::before { content: ""; position: absolute; top: -120px; left: -80px; width: 260px; height: 260px; border-radius: 50%; background: radial-gradient(circle, rgba(111, 207, 151, 0.22), transparent 70%); pointer-events: none; } .mhfa-expertise-section::after { content: ""; position: absolute; right: -80px; bottom: -120px; width: 280px; height: 280px; border-radius: 50%; background: radial-gradient(circle, rgba(21, 60, 82, 0.10), transparent 70%); pointer-events: none; } /* Intro styling */ .mhfa-expertise-eyebrow, .mhfa-expertise-heading, .mhfa-expertise-text { position: relative; z-index: 2; text-align: center; } .mhfa-expertise-eyebrow .elementor-heading-title, .mhfa-expertise-eyebrow p, .mhfa-expertise-eyebrow .elementor-widget-container { display: inline-block; background: rgba(255,255,255,0.75); border: 1px solid rgba(31, 111, 120, 0.14); color: #1f6f78; border-radius: 999px; padding: 10px 18px; font-size: 12px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; box-shadow: 0 8px 20px rgba(21, 60, 82, 0.06); } .mhfa-expertise-heading .elementor-heading-title { font-size: clamp(32px, 4vw, 54px); line-height: 1.1; font-weight: 800; letter-spacing: -0.03em; color: #153c52; max-width: 900px; margin: 18px auto 12px; } .mhfa-expertise-heading .elementor-heading-title::after { content: ""; display: block; width: 86px; height: 4px; margin: 18px auto 0; border-radius: 999px; background: linear-gradient(90deg, #6fcf97, #1f6f78); } .mhfa-expertise-text .elementor-widget-container, .mhfa-expertise-text p { max-width: 880px; margin: 0 auto 8px; font-size: 18px; line-height: 1.85; color: #60707d; } /* Card layout */ .mhfa-expertise-card { position: relative; z-index: 2; height: 100%; padding: 34px 28px 28px !important; border-radius: 26px; background: rgba(255,255,255,0.76); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); border: 1px solid rgba(21, 60, 82, 0.08); box-shadow: 0 14px 35px rgba(21, 60, 82, 0.08); transition: all 0.35s ease; overflow: hidden; } .mhfa-expertise-card::before { content: ""; position: absolute; top: 0; left: 28px; width: 72px; height: 4px; border-radius: 999px; background: linear-gradient(90deg, #6fcf97, #1f6f78); } .mhfa-expertise-card::after { content: ""; position: absolute; top: -40px; right: -30px; width: 120px; height: 120px; border-radius: 50%; background: radial-gradient(circle, rgba(111, 207, 151, 0.14), transparent 70%); pointer-events: none; } .mhfa-expertise-card:hover { transform: translateY(-10px); box-shadow: 0 22px 50px rgba(21, 60, 82, 0.14); border-color: rgba(31, 111, 120, 0.16); } /* Number styling */ .mhfa-expertise-number .elementor-heading-title { font-size: clamp(34px, 4vw, 52px); line-height: 1; font-weight: 800; margin-bottom: 12px; background: linear-gradient(135deg, #1f6f78, #6fcf97); -webkit-background-clip: text; -webkit-text-fill-color: transparent; opacity: 0.95; } /* Card title */ .mhfa-expertise-title .elementor-heading-title { font-size: 25px; line-height: 1.2; font-weight: 750; color: #153c52; margin-bottom: 12px; } /* Card description */ .mhfa-expertise-desc .elementor-widget-container, .mhfa-expertise-desc p { font-size: 16px; line-height: 1.85; color: #667784; margin-bottom: 0; } /* Improve spacing between cards if using Elementor columns/containers */ .mhfa-expertise-section .elementor-column-gap-default > .elementor-column > .elementor-element-populated { padding: 12px; } .mhfa-expertise-section .e-con { gap: 24px; } /* Optional subtle animation feel */ .mhfa-expertise-card, .mhfa-expertise-heading .elementor-heading-title, .mhfa-expertise-text p { will-change: transform; } /* Tablet */ @media (max-width: 1024px) { .mhfa-expertise-section { padding: 60px 26px !important; border-radius: 26px; } .mhfa-expertise-heading .elementor-heading-title { font-size: clamp(30px, 5vw, 44px); } .mhfa-expertise-text p, .mhfa-expertise-text .elementor-widget-container { font-size: 17px; } } /* Mobile */ @media (max-width: 767px) { .mhfa-expertise-section { padding: 42px 18px !important; border-radius: 20px; margin: 18px auto; } .mhfa-expertise-eyebrow .elementor-heading-title, .mhfa-expertise-eyebrow p, .mhfa-expertise-eyebrow .elementor-widget-container { padding: 9px 14px; font-size: 11px; letter-spacing: 0.08em; } .mhfa-expertise-heading .elementor-heading-title { font-size: 30px; margin-top: 14px; } .mhfa-expertise-text p, .mhfa-expertise-text .elementor-widget-container { font-size: 16px; line-height: 1.75; } .mhfa-expertise-card { padding: 26px 20px 22px !important; border-radius: 20px; } .mhfa-expertise-title .elementor-heading-title { font-size: 22px; } .mhfa-expertise-number .elementor-heading-title { font-size: 36px; } } /* Animated line under expertise section heading */ .mhfa-expertise-heading .elementor-heading-title { position: relative; display: inline-block; padding-bottom: 18px; } .mhfa-expertise-heading .elementor-heading-title::after { content: ""; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%) scaleX(0); transform-origin: center; width: 86px; height: 4px; border-radius: 999px; background: linear-gradient(90deg, #6fcf97, #1f6f78); animation: mhfaLineReveal 1s ease forwards; animation-delay: 0.2s; } @keyframes mhfaLineReveal { 0% { transform: translateX(-50%) scaleX(0); opacity: 0.3; } 100% { transform: translateX(-50%) scaleX(1); opacity: 1; } } /* Premium animated underline with soft movement */ .mhfa-expertise-heading .elementor-heading-title { position: relative; display: inline-block; padding-bottom: 18px; } .mhfa-expertise-heading .elementor-heading-title::after { content: ""; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 90px; height: 4px; border-radius: 999px; background: linear-gradient(90deg, #6fcf97, #1f6f78, #6fcf97); background-size: 200% 100%; animation: mhfaLineGrow 0.9s ease forwards, mhfaLineFlow 3s linear infinite; transform-origin: center; } @keyframes mhfaLineGrow { 0% { width: 0; opacity: 0.2; } 100% { width: 90px; opacity: 1; } } @keyframes mhfaLineFlow { 0% { background-position: 0% 50%; } 100% { background-position: 200% 50%; } } /* Small animated underline for expertise card titles */ .mhfa-expertise-title .elementor-heading-title { position: relative; display: inline-block; padding-bottom: 12px; } .mhfa-expertise-title .elementor-heading-title::after { content: ""; position: absolute; left: 0; bottom: 0; width: 42px; height: 3px; border-radius: 999px; background: linear-gradient(90deg, #6fcf97, #1f6f78); transform: scaleX(0); transform-origin: left; transition: transform 0.35s ease; } .mhfa-expertise-card:hover .mhfa-expertise-title .elementor-heading-title::after { transform: scaleX(1); } /* Premium animated underline: whole line pulses + glow moves */ .mhfa-expertise-heading .elementor-heading-title { position: relative; display: inline-block; padding-bottom: 20px; } /* Main line */ .mhfa-expertise-heading .elementor-heading-title::after { content: ""; position: absolute; left: 50%; bottom: 0; width: 92px; height: 4px; border-radius: 999px; background: linear-gradient(90deg, #6fcf97 0%, #1f6f78 100%); transform: translateX(-50%) scaleX(1); transform-origin: center; box-shadow: 0 0 10px rgba(111, 207, 151, 0.28); animation: mhfaUnderlinePulse 2.4s ease-in-out infinite; } /* Moving glow */ .mhfa-expertise-heading .elementor-heading-title::before { content: ""; position: absolute; left: 50%; bottom: -2px; width: 28px; height: 8px; border-radius: 999px; background: rgba(255, 255, 255, 0.95); filter: blur(6px); opacity: 0; z-index: 2; transform: translateX(-46px); animation: mhfaGlowTravel 2.4s linear infinite; } /* Whole line shrink-grow */ @keyframes mhfaUnderlinePulse { 0% { transform: translateX(-50%) scaleX(0.82); opacity: 0.9; box-shadow: 0 0 8px rgba(111, 207, 151, 0.18); } 50% { transform: translateX(-50%) scaleX(1.12); opacity: 1; box-shadow: 0 0 16px rgba(111, 207, 151, 0.4); } 100% { transform: translateX(-50%) scaleX(0.82); opacity: 0.9; box-shadow: 0 0 8px rgba(111, 207, 151, 0.18); } } /* Glow sweeps from left to right */ @keyframes mhfaGlowTravel { 0% { transform: translateX(-46px); opacity: 0; } 10% { opacity: 0.9; } 50% { transform: translateX(0px); opacity: 1; } 90% { opacity: 0.9; } 100% { transform: translateX(46px); opacity: 0; } } /* Expertise section button */ .mhfa-expertise-btn .elementor-button, .elementor-widget-button.mhfa-expertise-btn .elementor-button { position: relative; display: inline-flex; align-items: center; justify-content: center; gap: 10px; padding: 16px 30px !important; border: none !important; border-radius: 999px !important; background: linear-gradient(135deg, #1f6f78 0%, #153c52 100%) !important; color: #ffffff !important; font-size: 15px; font-weight: 700 !important; letter-spacing: 0.02em; box-shadow: 0 12px 28px rgba(21, 60, 82, 0.18); transition: all 0.35s ease !important; overflow: hidden; } .mhfa-expertise-btn .elementor-button::before, .elementor-widget-button.mhfa-expertise-btn .elementor-button::before { content: ""; position: absolute; top: 0; left: -120%; width: 80%; height: 100%; background: linear-gradient( 120deg, transparent 0%, rgba(255,255,255,0.12) 35%, rgba(255,255,255,0.35) 50%, transparent 100% ); transform: skewX(-20deg); transition: all 0.7s ease; } .mhfa-expertise-btn .elementor-button:hover, .elementor-widget-button.mhfa-expertise-btn .elementor-button:hover { transform: translateY(-4px) scale(1.02); box-shadow: 0 18px 36px rgba(21, 60, 82, 0.24); background: linear-gradient(135deg, #245b78 0%, #17465f 100%) !important; color: #ffffff !important; } .mhfa-expertise-btn .elementor-button:hover::before, .elementor-widget-button.mhfa-expertise-btn .elementor-button:hover::before { left: 130%; } .mhfa-expertise-btn .elementor-button:active, .elementor-widget-button.mhfa-expertise-btn .elementor-button:active { transform: translateY(-1px) scale(0.99); } .mhfa-expertise-btn .elementor-button .elementor-button-icon, .elementor-widget-button.mhfa-expertise-btn .elementor-button .elementor-button-icon { font-size: 14px; } @media (max-width: 767px) { .mhfa-expertise-btn .elementor-button, .elementor-widget-button.mhfa-expertise-btn .elementor-button { width: 100%; padding: 15px 22px !important; font-size: 14px; } } /* Outline version */ .mhfa-expertise-btn-outline .elementor-button, .elementor-widget-button.mhfa-expertise-btn-outline .elementor-button { padding: 16px 30px !important; border-radius: 999px !important; background: rgba(255,255,255,0.72) !important; color: #153c52 !important; border: 1.5px solid rgba(31, 111, 120, 0.18) !important; font-weight: 700 !important; box-shadow: 0 10px 24px rgba(21, 60, 82, 0.08); backdrop-filter: blur(10px); transition: all 0.35s ease !important; } .mhfa-expertise-btn-outline .elementor-button:hover, .elementor-widget-button.mhfa-expertise-btn-outline .elementor-button:hover { transform: translateY(-4px); background: #ffffff !important; color: #1f6f78 !important; border-color: rgba(31, 111, 120, 0.35) !important; box-shadow: 0 18px 36px rgba(21, 60, 82, 0.14); } /* ===== GLOBAL CRISIS (LIGHT THEME VERSION) ===== */ .global-crisis { position: relative; background: linear-gradient(180deg, #F8FAFC 0%, #ffffff 100%); padding: 100px 20px; overflow: hidden; } /* SOFT GREEN GLOW */ .global-crisis::before { content: ""; position: absolute; top: -20%; left: -10%; width: 350px; height: 350px; background: radial-gradient(circle, rgba(43,182,115,0.18), transparent 70%); filter: blur(90px); } /* LIGHT BLUE/WHITE GLOW */ .global-crisis::after { content: ""; position: absolute; bottom: -20%; right: -10%; width: 300px; height: 300px; background: radial-gradient(circle, rgba(11,42,74,0.06), transparent 70%); filter: blur(80px); } /* CONTENT WRAPPER */ .global-crisis .crisis-content { position: relative; max-width: 900px; margin: 0 auto; text-align: center; z-index: 2; } /* HEADING */ .global-crisis h2 { color: #0B2A4A; font-size: 34px; font-weight: 600; margin-bottom: 20px; } /* TEXT */ .global-crisis p { color: #4A5568; font-size: 16px; line-height: 1.6; margin-bottom: 35px; } /* HIGHLIGHT NUMBER */ .global-crisis .crisis-highlight { font-size: 42px; font-weight: 700; color: #2BB673; margin-bottom: 10px; } /* SMALL TEXT */ .global-crisis .crisis-small { font-size: 14px; color: #718096; } /* ANIMATION (same feel as your site) */ .global-crisis { opacity: 0; transform: translateY(40px); animation: crisisFadeUp 1s ease forwards; } @keyframes crisisFadeUp { to { opacity: 1; transform: translateY(0); } } /* ===== VOICES OF IMPACT SECTION ===== */ .voices-impact { position: relative; background: linear-gradient(180deg, #ffffff 0%, #F8FAFC 100%); padding: 100px 20px; overflow: hidden; } /* SOFT GREEN GLOW */ .voices-impact::before { content: ""; position: absolute; top: -15%; right: -10%; width: 350px; height: 350px; background: radial-gradient(circle, rgba(43,182,115,0.18), transparent 70%); filter: blur(90px); } /* LIGHT BLUE GLOW */ .voices-impact::after { content: ""; position: absolute; bottom: -20%; left: -10%; width: 300px; height: 300px; background: radial-gradient(circle, rgba(11,42,74,0.05), transparent 70%); filter: blur(80px); } /* CONTENT WRAPPER */ .voices-impact .voices-content { max-width: 1100px; margin: 0 auto; text-align: center; position: relative; z-index: 2; } /* HEADING */ .voices-impact h2 { color: #0B2A4A; font-size: 34px; font-weight: 600; margin-bottom: 15px; } /* SUBTEXT */ .voices-impact p { color: #4A5568; font-size: 16px; margin-bottom: 50px; } /* TESTIMONIAL GRID */ .voices-impact .voices-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 25px; } /* CARD */ .voices-impact .voice-card { background: #ffffff; border-radius: 16px; padding: 25px; text-align: left; box-shadow: 0px 12px 35px rgba(0,0,0,0.06); transition: all 0.3s ease; } /* HOVER */ .voices-impact .voice-card:hover { transform: translateY(-8px); } /* QUOTE TEXT */ .voices-impact .voice-text { font-size: 15px; color: #2D3748; margin-bottom: 20px; line-height: 1.6; } /* NAME */ .voices-impact .voice-name { font-weight: 600; color: #0B2A4A; font-size: 14px; } /* ROLE */ .voices-impact .voice-role { font-size: 13px; color: #718096; } /* FADE ANIMATION */ .voices-impact { opacity: 0; transform: translateY(40px); animation: voiceFadeUp 1s ease forwards; } @keyframes voiceFadeUp { to { opacity: 1; transform: translateY(0); } } /* MOBILE */ @media (max-width: 768px) { .voices-impact .voices-grid { grid-template-columns: 1fr; } } /* Hide horizontal overflow for the entire page */ html, body { overflow-x: hidden; } /* ---------- Design tokens (uses theme colors if present) ---------- */ .wow-page{ --accent: var(--e-global-color-primary, #2f7d73); --accent-2: var(--e-global-color-secondary, #1f3b38); --text: var(--e-global-color-text, rgba(0,0,0,.82)); --muted: rgba(0,0,0,.62); --radius: 18px; --shadow: 0 14px 40px rgba(0,0,0,.10); --shadow-soft: 0 10px 26px rgba(0,0,0,.08); --ease: cubic-bezier(.2,.8,.2,1); --dur: 700ms; } /* Respect reduced motion */ @media (prefers-reduced-motion: reduce){ .wow-page *{ animation: none !important; transition: none !important; scroll-behavior: auto !important; } } /* ---------- Section: subtle animated background + spacing ---------- */ .wow-section{ position: relative; padding: clamp(28px, 4vw, 56px) 0; } .wow-section::before{ content:""; position:absolute; inset: -10px 0; pointer-events:none; background: radial-gradient(900px 220px at 20% 0%, color-mix(in srgb, var(--accent) 18%, transparent) 0%, transparent 65%), radial-gradient(700px 220px at 80% 10%, color-mix(in srgb, var(--accent) 12%, transparent) 0%, transparent 70%); opacity:.9; transform: translateZ(0); animation: wowFloat 10s var(--ease) infinite alternate; } @keyframes wowFloat{ from{ filter: saturate(1); transform: translateY(0); } to { filter: saturate(1.05); transform: translateY(6px); } } /* ---------- Cards: premium glass + hover lift ---------- */ .wow-card{ background: rgba(255,255,255,.86); border: 1px solid rgba(0,0,0,.08); border-radius: var(--radius); box-shadow: var(--shadow-soft); backdrop-filter: blur(10px); padding: 18px; transition: transform 240ms var(--ease), box-shadow 240ms var(--ease), border-color 240ms var(--ease); will-change: transform; } .wow-card:hover{ transform: translateY(-4px); box-shadow: var(--shadow); border-color: color-mix(in srgb, var(--accent) 28%, rgba(0,0,0,.08)); } /* Add a small accent bar to make sections feel “designed” */ .wow-card::after{ content:""; display:block; height: 3px; margin-top: 14px; border-radius: 999px; background: linear-gradient(90deg, color-mix(in srgb, var(--accent) 80%, #fff), color-mix(in srgb, var(--accent-2) 60%, #fff) ); opacity: .55; } /* ---------- Headings: consistent emphasis ---------- */ .wow-page h1, .wow-page h2, .wow-page h3{ letter-spacing: -0.02em; } .wow-page h2{ position: relative; } .wow-page h2::after{ content:""; display:block; width: 64px; height: 4px; margin-top: 10px; border-radius: 999px; background: linear-gradient(90deg, var(--accent), color-mix(in srgb, var(--accent) 30%, #fff)); opacity: .9; } /* ---------- Buttons: synced hover + focus ---------- */ .wow-btn a, a.wow-btn, .wow-page .elementor-button{ transition: transform 180ms var(--ease), box-shadow 180ms var(--ease), filter 180ms var(--ease); } .wow-btn a:hover, a.wow-btn:hover, .wow-page .elementor-button:hover{ transform: translateY(-2px); box-shadow: 0 14px 30px rgba(0,0,0,.14); filter: saturate(1.05); } .wow-page a:focus-visible, .wow-page button:focus-visible{ outline: 3px solid color-mix(in srgb, var(--accent) 55%, transparent); outline-offset: 3px; border-radius: 10px; } /* ---------- “Reveal on scroll” without JS (lightweight) ---------- */ /* Add class wow-reveal to sections/columns you want to animate in */ .wow-reveal{ animation: wowIn var(--dur) var(--ease) both; } @keyframes wowIn{ from{ opacity: 0; transform: translateY(18px); } to { opacity: 1; transform: translateY(0); } } /* ========= HELP ADULTS WOW THEME ========= */ /* Target only this page */ .help-adults{ --accent: var(--e-global-color-primary, #2f7d73); --accent2: var(--e-global-color-secondary, #163a36); --ink: var(--e-global-color-text, #1d1d1f); --paper: #ffffff; --radius: 18px; --shadow1: 0 10px 24px rgba(0,0,0,.10); --shadow2: 0 18px 46px rgba(0,0,0,.14); --ease: cubic-bezier(.2,.8,.2,1); } /* Ensure our CSS wins against builder defaults */ .help-adults .wow-card, .help-adults .wow-hero, .help-adults .wow-cta{ position: relative; } /* ---------- HERO: animated glow + subtle grain ---------- */ .help-adults .wow-hero{ overflow: clip; border-radius: clamp(18px, 2vw, 28px); background: radial-gradient(800px 300px at 15% 15%, color-mix(in srgb, var(--accent) 22%, transparent), transparent 65%), radial-gradient(700px 260px at 85% 10%, color-mix(in srgb, var(--accent2) 18%, transparent), transparent 68%), linear-gradient(180deg, rgba(255,255,255,.86), rgba(255,255,255,.70)); box-shadow: var(--shadow1); } /* floating blobs */ .help-adults .wow-hero::before, .help-adults .wow-hero::after{ content:""; position:absolute; width: 520px; height: 520px; border-radius: 50%; filter: blur(40px); opacity: .45; pointer-events:none; transform: translateZ(0); animation: blobFloat 10s var(--ease) infinite alternate; } .help-adults .wow-hero::before{ left: -220px; top: -240px; background: color-mix(in srgb, var(--accent) 55%, transparent); } .help-adults .wow-hero::after{ right: -260px; bottom: -280px; background: color-mix(in srgb, var(--accent2) 55%, transparent); animation-duration: 12s; } @keyframes blobFloat{ from{ transform: translate(0,0) scale(1); } to{ transform: translate(24px,18px) scale(1.06); } } /* optional grain overlay for premium texture */ .help-adults .wow-hero .elementor-container::after{ content:""; position:absolute; inset:0; pointer-events:none; opacity:.06; mix-blend-mode: multiply; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='220' height='220' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E"); } /* ---------- WOW GRID: make cards look designed ---------- */ .help-adults .wow-grid .wow-card{ background: rgba(255,255,255,.82); border: 1px solid rgba(0,0,0,.08); border-radius: var(--radius); box-shadow: var(--shadow1); backdrop-filter: blur(10px); overflow: hidden; transition: transform 240ms var(--ease), box-shadow 240ms var(--ease), border-color 240ms var(--ease); } .help-adults .wow-grid .wow-card::before{ content:""; position:absolute; inset:0; background: radial-gradient(520px 140px at 10% 0%, color-mix(in srgb, var(--accent) 18%, transparent), transparent 60%), radial-gradient(520px 140px at 90% 0%, color-mix(in srgb, var(--accent2) 14%, transparent), transparent 60%); opacity: .9; pointer-events:none; transform: translateY(-6px); transition: opacity 240ms var(--ease), transform 240ms var(--ease); } .help-adults .wow-grid .wow-card:hover{ transform: translateY(-6px); box-shadow: var(--shadow2); border-color: color-mix(in srgb, var(--accent) 30%, rgba(0,0,0,.08)); } .help-adults .wow-grid .wow-card:hover::before{ opacity: 1; transform: translateY(0); } /* Add a clean accent underline at the bottom of each card */ .help-adults .wow-grid .wow-card::after{ content:""; position:absolute; left: 18px; right: 18px; bottom: 14px; height: 3px; border-radius: 999px; background: linear-gradient(90deg, var(--accent), color-mix(in srgb, var(--accent2) 65%, #fff)); opacity: .55; } /* ---------- ICON BADGES: make icons pop (works if you use Elementor Icon widget) ---------- */ .help-adults .wow-card .elementor-icon{ background: color-mix(in srgb, var(--accent) 12%, #fff); border: 1px solid color-mix(in srgb, var(--accent) 22%, rgba(0,0,0,.06)); border-radius: 14px; padding: 12px; box-shadow: 0 10px 18px rgba(0,0,0,.08); transition: transform 240ms var(--ease); } .help-adults .wow-card:hover .elementor-icon{ transform: rotate(-2deg) scale(1.03); } /* ---------- CTA: gradient panel + shining button hover ---------- */ .help-adults .wow-cta{ overflow: clip; border-radius: clamp(18px, 2vw, 28px); background: linear-gradient(135deg, color-mix(in srgb, var(--accent2) 92%, #000) 0%, color-mix(in srgb, var(--accent) 65%, #000) 100%); color: #fff; box-shadow: var(--shadow2); } .help-adults .wow-cta a.elementor-button{ position: relative; overflow: hidden; transform: translateZ(0); transition: transform 200ms var(--ease), filter 200ms var(--ease); } .help-adults .wow-cta a.elementor-button::after{ content:""; position:absolute; inset: -40% -60%; background: linear-gradient(120deg, transparent 30%, rgba(255,255,255,.35), transparent 65%); transform: translateX(-60%) rotate(12deg); transition: transform 520ms var(--ease); } .help-adults .wow-cta a.elementor-button:hover{ transform: translateY(-2px); filter: saturate(1.05); } .help-adults .wow-cta a.elementor-button:hover::after{ transform: translateX(60%) rotate(12deg); } /* ---------- Motion safety ---------- */ @media (prefers-reduced-motion: reduce){ .help-adults .wow-hero::before, .help-adults .wow-hero::after, .help-adults .wow-cta a.elementor-button::after{ animation: none !important; transition: none !important; } } /* ===== WHY IT MATTERS: single container -> premium editorial spotlight ===== */ .why-matters{ --accent: var(--e-global-color-primary, #2f7d73); --accent2: var(--e-global-color-secondary, #163a36); position: relative; overflow: clip; border-radius: clamp(18px, 2vw, 28px); padding: clamp(26px, 4vw, 54px) clamp(18px, 4vw, 56px); text-align: center; background: radial-gradient(900px 260px at 50% 0%, color-mix(in srgb, var(--accent) 18%, transparent), transparent 70%), radial-gradient(700px 240px at 20% 60%, color-mix(in srgb, var(--accent2) 12%, transparent), transparent 70%), linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,.76)); box-shadow: 0 18px 50px rgba(0,0,0,.12); border: 1px solid rgba(0,0,0,.08); } /* floating blobs for depth */ .why-matters::before, .why-matters::after{ content:""; position:absolute; width: 520px; height: 520px; border-radius: 50%; filter: blur(45px); opacity: .38; pointer-events:none; transform: translateZ(0); } .why-matters::before{ left:-260px; top:-300px; background: color-mix(in srgb, var(--accent) 60%, transparent); } .why-matters::after{ right:-280px; bottom:-320px; background: color-mix(in srgb, var(--accent2) 60%, transparent); } /* constrain text width automatically even if container is full width */ .why-matters :is(h1,h2,h3,p){ margin-left: auto; margin-right: auto; max-width: 68ch; } /* headline style */ .why-matters :is(h1,h2,h3){ letter-spacing: -0.02em; line-height: 1.12; } /* decorative accent line under heading (works if heading is first) */ .why-matters :is(h1,h2,h3):first-child{ position: relative; padding-bottom: 14px; margin-bottom: 14px; } .why-matters :is(h1,h2,h3):first-child::after{ content:""; position:absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: min(220px, 60%); height: 4px; border-radius: 999px; background: linear-gradient(90deg, var(--accent), color-mix(in srgb, var(--accent2) 65%, #fff)); opacity: .75; } /* make the paragraph feel like a “quote panel” */ .why-matters p{ font-size: clamp(16px, 1.2vw, 18px); line-height: 1.65; padding: 16px 18px; border-radius: 16px; background: rgba(255,255,255,.70); border: 1px solid rgba(0,0,0,.08); backdrop-filter: blur(10px); box-shadow: 0 10px 24px rgba(0,0,0,.08); } /* optional: add subtle quote marks behind the paragraph */ .why-matters p{ position: relative; } .why-matters p::before{ content:"“"; position:absolute; left: 14px; top: -24px; font-size: 72px; line-height: 1; color: color-mix(in srgb, var(--accent) 24%, transparent); font-family: ui-serif, Georgia, "Times New Roman", serif; } .why-matters p::after{ content:"”"; position:absolute; right: 14px; bottom: -44px; font-size: 72px; line-height: 1; color: color-mix(in srgb, var(--accent2) 20%, transparent); font-family: ui-serif, Georgia, "Times New Roman", serif; } /* motion safety */ @media (prefers-reduced-motion: reduce){ .why-matters::before, .why-matters::after{ filter: blur(45px); } } /* ===== 3-up horizontal cards (image + heading + text) ===== */ .why-row{ --accent: var(--e-global-color-primary, #2f7d73); --accent2: var(--e-global-color-secondary, #163a36); /* section background polish */ position: relative; border-radius: clamp(18px, 2vw, 28px); padding: clamp(18px, 3vw, 34px); background: radial-gradient(900px 240px at 50% 0%, color-mix(in srgb, var(--accent) 16%, transparent), transparent 70%), linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,.78)); border: 1px solid rgba(0,0,0,.08); box-shadow: 0 18px 46px rgba(0,0,0,.10); } /* Make the direct inner containers behave like a clean grid */ .why-row > .e-con-inner, .why-row > .elementor-container{ gap: clamp(14px, 2vw, 22px); } /* Each card */ .why-row .why-card{ position: relative; overflow: hidden; border-radius: 18px; padding: 18px 18px 16px; background: rgba(255,255,255,.80); border: 1px solid rgba(0,0,0,.08); box-shadow: 0 10px 26px rgba(0,0,0,.08); backdrop-filter: blur(10px); transition: transform 220ms cubic-bezier(.2,.8,.2,1), box-shadow 220ms cubic-bezier(.2,.8,.2,1), border-color 220ms cubic-bezier(.2,.8,.2,1); } /* Top accent glow */ .why-row .why-card::before{ content:""; position:absolute; inset: -1px -1px auto -1px; height: 90px; background: radial-gradient(520px 120px at 20% 0%, color-mix(in srgb, var(--accent) 18%, transparent), transparent 65%), radial-gradient(520px 120px at 80% 0%, color-mix(in srgb, var(--accent2) 14%, transparent), transparent 70%); pointer-events:none; opacity: .9; } /* Hover: lift + stronger shadow */ .why-row .why-card:hover{ transform: translateY(-6px); box-shadow: 0 18px 46px rgba(0,0,0,.14); border-color: color-mix(in srgb, var(--accent) 28%, rgba(0,0,0,.08)); } /* Consistent image treatment (works even without adding why-img class) */ .why-row .why-card img{ width: 100%; height: 180px; /* change to 160/200 if needed */ object-fit: cover; border-radius: 14px; display: block; margin-bottom: 14px; filter: saturate(1.02) contrast(1.02); } /* Heading + text spacing */ .why-row .why-card :is(h1,h2,h3,h4){ margin: 0 0 10px 0; letter-spacing: -0.02em; line-height: 1.15; } .why-row .why-card p{ margin: 0; line-height: 1.6; opacity: .92; } /* Optional: equalize card heights visually */ .why-row .why-card{ height: 100%; } /* Responsive: stack to 1 column on small screens */ @media (max-width: 860px){ .why-row{ padding: 18px; } .why-row .why-card img{ height: 160px; } } /* ===== WOW 3-CTA Cards ===== */ .cta-cards{ --accent: #2f7d73; /* adjust to your brand */ --accent2:#163a36; padding: clamp(10px, 1.5vw, 18px); } .cta-cards .cta-card{ position: relative; overflow: hidden; border-radius: 18px; padding: 22px 22px 18px; background: linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,.82)); border: 1px solid rgba(0,0,0,.10); box-shadow: 0 14px 36px rgba(0,0,0,.10); transform: translateY(0); transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease; } /* top glow + subtle pattern */ .cta-cards .cta-card::before{ content:""; position:absolute; inset:-2px; background: radial-gradient(600px 160px at 15% 0%, color-mix(in srgb, var(--accent) 22%, transparent), transparent 65%), radial-gradient(600px 160px at 85% 0%, color-mix(in srgb, var(--accent2) 18%, transparent), transparent 70%), repeating-linear-gradient(135deg, rgba(0,0,0,.03) 0 10px, rgba(0,0,0,0) 10px 20px); opacity:.55; z-index:0; } /* keep all real content above the overlay */ .cta-cards .cta-card > *{ position: relative; z-index: 1; } /* hover lift */ .cta-cards .cta-card:hover{ transform: translateY(-8px); box-shadow: 0 22px 60px rgba(0,0,0,.16); border-color: color-mix(in srgb, var(--accent) 35%, rgba(0,0,0,.10)); } /* Style the heading inside each card */ .cta-cards .cta-card :is(h2,h3,h4){ margin: 0 0 10px; letter-spacing: -0.02em; line-height: 1.15; } /* paragraph spacing */ .cta-cards .cta-card p{ margin: 0 0 14px; line-height: 1.6; opacity: .92; } /* Turn the main link into a button (Elementor often outputs inside headings/links) */ .cta-cards .cta-card a{ display: inline-flex; align-items: center; gap: 10px; margin-top: 6px; padding: 10px 14px; border-radius: 999px; text-decoration: none; font-weight: 600; border: 1px solid rgba(0,0,0,.10); background: rgba(255,255,255,.75); transition: transform .2s ease, background .2s ease, border-color .2s ease; } /* arrow */ .cta-cards .cta-card a::after{ content:"→"; font-size: 1.05em; transform: translateX(0); transition: transform .2s ease; } .cta-cards .cta-card:hover a{ background: rgba(255,255,255,.92); border-color: color-mix(in srgb, var(--accent) 35%, rgba(0,0,0,.10)); transform: translateY(-1px); } .cta-cards .cta-card:hover a::after{ transform: translateX(4px); } /* Featured card (optional) */ .cta-cards .cta-card.is-featured{ border-color: color-mix(in srgb, var(--accent) 45%, rgba(0,0,0,.10)); box-shadow: 0 26px 70px rgba(0,0,0,.18); } /* ========================= HERO — LUXE + WELLNESS (DARK) Class: wow-hero luxe-wellness ========================= */ .wow-hero.luxe-wellness{ /* Palette: premium charcoal + soft wellness accents */ --bg0: #06070b; --bg1: #0a0d14; --ink: rgba(244, 247, 255, .96); --muted: rgba(244, 247, 255, .76); /* accents: muted jade + powder blue + soft pearl */ --jade: #7fdcc8; --sky: #9bb7ff; --pearl:#f2efe8; position: relative; isolation: isolate; overflow: clip; padding: clamp(78px, 8vw, 140px) 0; color: var(--ink); background: radial-gradient(900px 560px at 18% 18%, rgba(155, 183, 255, .18), transparent 60%), radial-gradient(900px 620px at 84% 26%, rgba(127, 220, 200, .14), transparent 62%), radial-gradient(900px 680px at 52% 120%, rgba(242, 239, 232, .08), transparent 62%), linear-gradient(180deg, var(--bg0) 0%, var(--bg1) 55%, var(--bg0) 100%); } /* Elementor inner width */ .wow-hero.luxe-wellness > .e-con-inner{ max-width: 1200px; margin-inline: auto; padding-inline: clamp(16px, 3vw, 34px); } /* Soft “aurora silk” layer (slow + subtle) */ .wow-hero.luxe-wellness::before{ content:""; position:absolute; inset:-260px -260px auto -260px; height: 760px; z-index:-2; background: radial-gradient(closest-side at 18% 45%, rgba(155,183,255,.30), transparent 66%), radial-gradient(closest-side at 72% 28%, rgba(127,220,200,.22), transparent 64%), radial-gradient(closest-side at 54% 80%, rgba(242,239,232,.14), transparent 66%); filter: blur(34px) saturate(110%); opacity: .95; animation: luxeFloat 14s ease-in-out infinite; pointer-events:none; } @keyframes luxeFloat{ 0% { transform: translate3d(0,0,0) scale(1); } 50% { transform: translate3d(14px,10px,0) scale(1.02); } 100% { transform: translate3d(0,0,0) scale(1); } } /* Ultra-fine grain (luxury texture) */ .wow-hero.luxe-wellness::after{ content:""; position:absolute; inset:-25%; z-index:-1; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.65' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='220' height='220' filter='url(%23n)' opacity='.25'/%3E%3C/svg%3E"); mix-blend-mode: overlay; opacity:.10; animation: grainDrift 16s steps(10) infinite; pointer-events:none; } @keyframes grainDrift{ 0%{ transform: translate3d(0,0,0); } 25%{ transform: translate3d(-1.2%, .8%, 0); } 50%{ transform: translate3d(1.0%, -1.0%, 0); } 75%{ transform: translate3d(.8%, 1.0%, 0); } 100%{ transform: translate3d(0,0,0); } } /* Content */ .wow-hero__content{ display:flex; flex-direction: column; gap: 14px; max-width: 760px; } /* Eyebrow pill */ .wow-hero__eyebrow{ display:inline-flex; align-items:center; gap:.55rem; width: fit-content; padding: 8px 12px; border-radius: 999px; border: 1px solid rgba(255,255,255,.14); background: rgba(255,255,255,.05); backdrop-filter: blur(10px); color: rgba(244,247,255,.88); font-weight: 650; letter-spacing:.03em; animation: fadeUp .75s ease both; } /* Headline: luxury pearl-to-sky gradient (slow shimmer) */ .wow-hero__content :where(h1, .elementor-heading-title){ margin: 0; font-size: clamp(36px, 4.6vw, 66px); line-height: 1.05; letter-spacing: -0.04em; background: linear-gradient(90deg, rgba(242,239,232,1) 0%, rgba(220,232,255,1) 22%, rgba(205,255,246,1) 44%, rgba(242,239,232,1) 62%, rgba(220,232,255,1) 82%, rgba(242,239,232,1) 100%); -webkit-background-clip: text; background-clip: text; color: transparent; background-size: 240% 100%; animation: titleSheen 10.5s ease-in-out infinite; text-wrap: balance; } @keyframes titleSheen{ 0%{ background-position: 0% 50%; } 50%{ background-position: 100% 50%; } 100%{ background-position: 0% 50%; } } /* Body text */ .wow-hero__content :where(p){ margin: 0; font-size: clamp(16px, 1.2vw, 19px); line-height: 1.78; color: var(--muted); max-width: 64ch; animation: fadeUp .9s .05s ease both; } /* Actions row */ .wow-hero__actions{ display:flex; flex-wrap: wrap; gap: 12px; align-items:center; margin-top: 10px; animation: fadeUp .95s .1s ease both; } /* Elementor button sizing fix */ .wow-hero__actions .elementor-widget-button, .wow-hero__actions .elementor-button-wrapper{ width:auto !important; margin:0 !important; } /* Shared button look */ .wow-hero__actions .elementor-button{ border-radius: 16px; padding: 12px 18px; font-weight: 760; letter-spacing: .01em; position: relative; transform: translateZ(0); transition: transform .22s ease, box-shadow .22s ease, background .22s ease, border-color .22s ease, color .22s ease; } /* Primary: “pearl glass” with soft wellness gradient */ .btn-primary .elementor-button{ border: 1px solid rgba(255,255,255,.10); color: #071018; background: linear-gradient(135deg, rgba(242,239,232, .98), rgba(220,232,255, .98) 45%, rgba(205,255,246, .98)); box-shadow: 0 16px 44px rgba(127, 220, 200, .12), 0 18px 50px rgba(155, 183, 255, .10); } .btn-primary .elementor-button::after{ content:""; position:absolute; inset:-2px; border-radius: inherit; background: radial-gradient(closest-side at 30% 20%, rgba(242,239,232,.50), transparent 70%), radial-gradient(closest-side at 70% 60%, rgba(127,220,200,.22), transparent 70%); filter: blur(14px); opacity: 0; z-index:-1; transition: opacity .25s ease; } .btn-primary .elementor-button:hover{ transform: translateY(-2px); box-shadow: 0 22px 62px rgba(127, 220, 200, .16), 0 22px 64px rgba(155, 183, 255, .14); } .btn-primary .elementor-button:hover::after{ opacity: .85; } /* Ghost: dark glass, luxury border */ .btn-ghost .elementor-button{ background: rgba(255,255,255,.045); border: 1px solid rgba(255,255,255,.14); color: rgba(244,247,255,.90); backdrop-filter: blur(12px); } .btn-ghost .elementor-button:hover{ transform: translateY(-2px); background: rgba(255,255,255,.075); border-color: rgba(255,255,255,.20); } /* Optional media card */ .wow-hero__media{ border-radius: 24px; border: 1px solid rgba(255,255,255,.12); background: rgba(255,255,255,.035); box-shadow: 0 34px 100px rgba(0,0,0,.55); overflow:hidden; animation: mediaFloat 12s ease-in-out infinite, fadeUp 1s .05s ease both; } @keyframes mediaFloat{ 0%,100%{ transform: translateY(8px); } 50%{ transform: translateY(0px); } } /* Entrance */ @keyframes fadeUp{ from{ opacity:0; transform: translate3d(0, 14px, 0); } to{ opacity:1; transform: translate3d(0, 0, 0); } } /* Reduced motion */ @media (prefers-reduced-motion: reduce){ .wow-hero.luxe-wellness::before, .wow-hero.luxe-wellness::after, .wow-hero__media, .wow-hero__content :where(h1, .elementor-heading-title){ animation: none !important; } .wow-hero__actions .elementor-button{ transition: none !important; } } /* HERO BACKGROUND ANIMATION — LUXE + WELLNESS Add class to hero section: wow-hero luxe-wellness */ .wow-hero.luxe-wellness{ --bg0:#06070b; --bg1:#0a0d14; --ink: rgba(244,247,255,.96); --sky: rgba(155,183,255,.22); --jade: rgba(127,220,200,.18); --pearl:rgba(242,239,232,.10); position: relative; isolation: isolate; overflow: clip; color: var(--ink); background: radial-gradient(900px 560px at 18% 18%, var(--sky), transparent 60%), radial-gradient(900px 620px at 84% 26%, var(--jade), transparent 62%), radial-gradient(900px 680px at 52% 120%, var(--pearl), transparent 62%), linear-gradient(180deg, var(--bg0) 0%, var(--bg1) 55%, var(--bg0) 100%); } /* animated “silk aurora” layer */ .wow-hero.luxe-wellness::before{ content:""; position:absolute; inset:-260px -260px auto -260px; height: 760px; z-index:-1; background: radial-gradient(closest-side at 18% 45%, rgba(155,183,255,.32), transparent 66%), radial-gradient(closest-side at 72% 28%, rgba(127,220,200,.24), transparent 64%), radial-gradient(closest-side at 54% 80%, rgba(242,239,232,.14), transparent 66%); filter: blur(34px) saturate(110%); animation: luxeFloat 14s ease-in-out infinite; pointer-events:none; } @keyframes luxeFloat{ 0% { transform: translate3d(0,0,0) scale(1); } 50% { transform: translate3d(14px,10px,0) scale(1.02); } 100% { transform: translate3d(0,0,0) scale(1); } } /* reduced motion accessibility */ @media (prefers-reduced-motion: reduce){ .wow-hero.luxe-wellness::before{ animation: none !important; } } /* 1) Hero must create a stacking context */ .wow-hero.luxe-wellness{ position: relative; isolation: isolate; /* important */ overflow: hidden; /* or clip */ } /* 2) Animated background sits BEHIND everything */ .wow-hero.luxe-wellness::before{ content:""; position:absolute; inset:-260px; z-index: -2; /* push behind content */ pointer-events:none; background: radial-gradient(closest-side at 18% 45%, rgba(155,183,255,.32), transparent 66%), radial-gradient(closest-side at 72% 28%, rgba(127,220,200,.24), transparent 64%), radial-gradient(closest-side at 54% 80%, rgba(242,239,232,.14), transparent 66%); filter: blur(34px) saturate(110%); animation: luxeFloat 14s ease-in-out infinite; } /* Optional: a dark overlay layer ABOVE the animation but still behind text */ .wow-hero.luxe-wellness::after{ content:""; position:absolute; inset:0; z-index:-1; /* between animation (-2) and content (0/1) */ pointer-events:none; background: linear-gradient(180deg, rgba(6,7,11,.72), rgba(10,13,20,.55)); } /* 3) Force all hero children above the background layers */ .wow-hero.luxe-wellness > *{ position: relative; z-index: 1; } @keyframes luxeFloat{ 0% { transform: translate3d(0,0,0) scale(1); } 50% { transform: translate3d(14px,10px,0) scale(1.02); } 100% { transform: translate3d(0,0,0) scale(1); } } @media (prefers-reduced-motion: reduce){ .wow-hero.luxe-wellness::before{ animation: none !important; } } /* SECTION BASE */ .mhfa-waves{ position: relative; padding-block: clamp(56px, 6vw, 96px); background: #ffffff; overflow: hidden; } /* Top wave divider (separates from hero) */ .mhfa-waves::before{ content:""; position:absolute; left:0; right:0; top:-1px; height: clamp(44px, 5vw, 84px); background: radial-gradient(120% 90% at 50% 100%, #ffffff 62%, rgba(120,170,255,.10) 63%, rgba(120,170,255,.00) 75%); pointer-events:none; } /* Subtle background tint (very calm, appropriate) */ .mhfa-waves::after{ content:""; position:absolute; inset:0; background: radial-gradient(900px 480px at 15% 20%, rgba(110,220,200,.10), transparent 60%), radial-gradient(900px 520px at 85% 30%, rgba(120,170,255,.10), transparent 60%); pointer-events:none; } /* Keep actual content above background layers */ .mhfa-waves > *{ position: relative; z-index: 1; } /* TYPOGRAPHY */ .mhfa-waves h2{ color: #0b1220; letter-spacing: -0.02em; line-height: 1.15; margin-bottom: 10px; } .mhfa-waves p{ color: rgba(11,18,32,.78); max-width: 70ch; } /* GRID */ .mhfa-waves__grid{ margin-top: 22px; display: grid; gap: 16px; grid-template-columns: repeat(3, minmax(0, 1fr)); } @media (max-width: 1024px){ .mhfa-waves__grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 767px){ .mhfa-waves__grid{ grid-template-columns: 1fr; } } /* CARD DESIGN */ .mhfa-waves__card{ background: rgba(255,255,255,.78); border: 1px solid rgba(11,18,32,.10); border-radius: 18px; padding: 18px 18px 16px; box-shadow: 0 10px 26px rgba(11,18,32,.06); backdrop-filter: blur(8px); transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease; } .mhfa-waves__card:hover{ transform: translateY(-3px); box-shadow: 0 16px 34px rgba(11,18,32,.10); border-color: rgba(90,160,255,.25); } /* ICON CHIP */ .mhfa-waves__icon{ width: 44px; height: 44px; border-radius: 12px; display: inline-flex; align-items: center; justify-content: center; margin-bottom: 10px; background: linear-gradient(135deg, rgba(110,220,200,.28), rgba(120,170,255,.22)); border: 1px solid rgba(90,160,255,.22); } /* Card headings & text */ .mhfa-waves__card h3{ margin: 0 0 6px; font-size: 1.05rem; color: #0b1220; } .mhfa-waves__card p{ margin: 0; color: rgba(11,18,32,.72); } /* CTA row */ .mhfa-waves__cta{ margin-top: 22px; display: flex; gap: 12px; align-items: center; flex-wrap: wrap; } /* Buttons (Elementor button class usually applies; this enhances it) */ .mhfa-waves .elementor-button{ border-radius: 999px; padding: 12px 18px; } /* Hide horizontal overflow for the entire page */ html, body { overflow-x: hidden; } /* Parent (add class to the container wrapping the 4 cards) */ .why-wow{ position: relative; overflow: hidden; padding: clamp(56px, 6vw, 96px) 0; background: radial-gradient(900px 520px at 15% 15%, rgba(86, 214, 255, .18), transparent 60%), radial-gradient(900px 520px at 85% 20%, rgba(159, 92, 255, .16), transparent 60%), radial-gradient(900px 520px at 50% 100%, rgba(255, 170, 80, .12), transparent 58%), linear-gradient(180deg, #070A12 0%, #060913 100%); border-top: 1px solid rgba(255,255,255,.06); border-bottom: 1px solid rgba(255,255,255,.06); } .why-wow::before{ content:""; position:absolute; inset:-35%; background: radial-gradient(circle at 30% 35%, rgba(86,214,255,.20), transparent 42%), radial-gradient(circle at 70% 30%, rgba(159,92,255,.18), transparent 44%), radial-gradient(circle at 50% 70%, rgba(255,170,80,.14), transparent 45%); filter: blur(28px); opacity: .9; animation: whywow-float 10s ease-in-out infinite alternate; pointer-events:none; } @keyframes whywow-float{ from { transform: translate(-1.2%, -1%) scale(1.02); } to { transform: translate( 1.2%, 1%) scale(1.06); } } /* keep content above glow */ .why-wow > .e-con{ position: relative; z-index: 1; } /* === Card container (add why-card to each of the 4 child containers) === */ .why-wow .why-card{ border-radius: 18px; border: 1px solid rgba(255,255,255,.12); background: linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.03)); backdrop-filter: blur(10px); box-shadow: 0 18px 55px rgba(0,0,0,.35); transition: transform .25s ease, border-color .25s ease, background .25s ease; position: relative; overflow: hidden; padding: 18px; height: 100%; } .why-wow .why-card::before{ content:""; position:absolute; inset:-2px; background: radial-gradient(700px 220px at 20% 0%, rgba(159,92,255,.18), transparent 60%), radial-gradient(700px 220px at 80% 0%, rgba(86,214,255,.16), transparent 60%); opacity: 0; transition: opacity .25s ease; pointer-events:none; } .why-wow .why-card:hover{ transform: translateY(-6px); border-color: rgba(255,255,255,.22); background: linear-gradient(180deg, rgba(255,255,255,.09), rgba(255,255,255,.03)); } .why-wow .why-card:hover::before{ opacity: 1; } /* Icon box typography inside each card */ .why-wow .why-card .elementor-icon-box-title{ margin: 0 0 6px; color: rgba(255,255,255,.92); font-weight: 700; } .why-wow .why-card .elementor-icon-box-description{ color: rgba(255,255,255,.70); line-height: 1.6; } /* Icon tile */ .why-wow .why-card .elementor-icon{ background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.12); border-radius: 14px; padding: 12px; box-shadow: 0 0 0 6px rgba(255,255,255,.02); } .why-wow .why-card .elementor-icon svg, .why-wow .why-card .elementor-icon i{ color: rgba(255,255,255,.92); fill: rgba(255,255,255,.92); } /* Feature a specific card (example: feature #4) Add class "is-featured" to whichever child container you want featured */ .why-wow .why-card.is-featured{ border-color: rgba(86,214,255,.25); box-shadow: 0 26px 80px rgba(86,214,255,.08), 0 22px 60px rgba(0,0,0,.40); } /* Mobile / reduced motion */ @media (max-width: 767px){ .why-wow{ padding: 48px 0; } } @media (prefers-reduced-motion: reduce){ .why-wow::before{ animation: none; } .why-wow .why-card{ transition: none; } }/* End custom CSS */