.elementor-1497 .elementor-element.elementor-element-a81235e{--display:flex;--padding-top:20px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-1497 .elementor-element.elementor-element-9c6e0d7{--display:flex;--min-height:400px;--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;border-style:solid;--border-style:solid;border-width:9px 9px 9px 9px;--border-top-width:9px;--border-right-width:9px;--border-bottom-width:9px;--border-left-width:9px;border-color:#FFFFFF;--border-color:#FFFFFF;--border-radius:16px 16px 16px 16px;}.elementor-1497 .elementor-element.elementor-element-9c6e0d7:not(.elementor-motion-effects-element-type-background), .elementor-1497 .elementor-element.elementor-element-9c6e0d7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#667EFF;}.elementor-1497 .elementor-element.elementor-element-8da63d7{--display:flex;}.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-1497 .elementor-element.elementor-element-1ca12c1{padding:0px 0px 0px 0px;text-align:start;}.elementor-1497 .elementor-element.elementor-element-1ca12c1 .elementor-heading-title{font-family:"Reem Kufi", Sans-serif;font-size:56px;font-weight:600;color:#FFF8E0;}.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-1497 .elementor-element.elementor-element-99a6281{color:#FFF8E0;}.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-1497 .elementor-element.elementor-element-c7be04a .elementor-button{background-color:#FFF8E0;fill:var( --e-global-color-primary );color:var( --e-global-color-primary );box-shadow:0px 4px 10px 0px rgba(0, 0, 0, 0.2);border-radius:60px 60px 60px 60px;padding:16px 32px 16px 32px;}.elementor-1497 .elementor-element.elementor-element-c7be04a:hover{--e-transform-translateY:2px;}.elementor-1497 .elementor-element.elementor-element-24499ad{--display:flex;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-1497 .elementor-element.elementor-element-7976ae3{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:40px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-1497 .elementor-element.elementor-element-7976ae3:not(.elementor-motion-effects-element-type-background), .elementor-1497 .elementor-element.elementor-element-7976ae3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://carechoicenorthwest.co.uk/wp-content/uploads/2024/07/Group-5506.svg");background-position:center center;background-repeat:no-repeat;background-size:contain;}.elementor-1497 .elementor-element.elementor-element-7146d3a{--display:flex;--gap:12px 12px;--row-gap:12px;--column-gap:12px;}.elementor-1497 .elementor-element.elementor-element-e619cfd{text-align:center;}.elementor-1497 .elementor-element.elementor-element-e619cfd .elementor-heading-title{font-family:"Reem Kufi", Sans-serif;font-size:50px;font-weight:600;line-height:56px;}.elementor-1497 .elementor-element.elementor-element-b047404{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;color:var( --e-global-color-primary );}.elementor-1497 .elementor-element.elementor-element-c5f7aa8{--display:flex;--padding-top:24px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1497 .elementor-element.elementor-element-5032144{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1497 .elementor-element.elementor-element-04149f2{--display:flex;--justify-content:center;}.elementor-1497 .elementor-element.elementor-element-04149f2.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1497 .elementor-element.elementor-element-92ebc98 .elementor-heading-title{font-family:"Reem Kufi", Sans-serif;font-size:50px;font-weight:600;}.elementor-1497 .elementor-element.elementor-element-a75bda6{color:var( --e-global-color-text );}.elementor-1497 .elementor-element.elementor-element-4e711af{--display:flex;--gap:12px 12px;--row-gap:12px;--column-gap:12px;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:#A2A2A2;--border-color:#A2A2A2;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:12px;--padding-left:0px;--padding-right:0px;}.elementor-widget-icon-box.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon-box.elementor-view-framed .elementor-icon, .elementor-widget-icon-box.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-icon-box .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box:has(:hover) .elementor-icon-box-title,
					 .elementor-widget-icon-box:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-description{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-1497 .elementor-element.elementor-element-318bc7b .elementor-icon-box-wrapper{align-items:center;gap:8px;}.elementor-1497 .elementor-element.elementor-element-318bc7b .elementor-icon-box-title{margin-block-end:8px;}.elementor-1497 .elementor-element.elementor-element-318bc7b .elementor-icon{font-size:32px;}.elementor-1497 .elementor-element.elementor-element-318bc7b .elementor-icon-box-title, .elementor-1497 .elementor-element.elementor-element-318bc7b .elementor-icon-box-title a{font-family:"Reem Kufi", Sans-serif;font-size:16px;font-weight:400;}.elementor-1497 .elementor-element.elementor-element-318bc7b .elementor-icon-box-description{font-family:"DM Sans", Sans-serif;font-size:14px;font-weight:400;}.elementor-1497 .elementor-element.elementor-element-808c17f .elementor-icon-box-wrapper{align-items:center;gap:8px;}.elementor-1497 .elementor-element.elementor-element-808c17f .elementor-icon-box-title{margin-block-end:8px;}.elementor-1497 .elementor-element.elementor-element-808c17f .elementor-icon{font-size:32px;}.elementor-1497 .elementor-element.elementor-element-808c17f .elementor-icon-box-title, .elementor-1497 .elementor-element.elementor-element-808c17f .elementor-icon-box-title a{font-family:"Reem Kufi", Sans-serif;font-size:16px;font-weight:400;}.elementor-1497 .elementor-element.elementor-element-808c17f .elementor-icon-box-description{font-family:"DM Sans", Sans-serif;font-size:14px;font-weight:400;}.elementor-1497 .elementor-element.elementor-element-44fa77e .elementor-icon-box-wrapper{align-items:center;gap:8px;}.elementor-1497 .elementor-element.elementor-element-44fa77e .elementor-icon-box-title{margin-block-end:8px;}.elementor-1497 .elementor-element.elementor-element-44fa77e .elementor-icon{font-size:32px;}.elementor-1497 .elementor-element.elementor-element-44fa77e .elementor-icon-box-title, .elementor-1497 .elementor-element.elementor-element-44fa77e .elementor-icon-box-title a{font-family:"Reem Kufi", Sans-serif;font-size:16px;font-weight:400;}.elementor-1497 .elementor-element.elementor-element-44fa77e .elementor-icon-box-description{font-family:"DM Sans", Sans-serif;font-size:14px;font-weight:400;}.elementor-1497 .elementor-element.elementor-element-7a8b32c .elementor-icon-box-wrapper{align-items:center;gap:8px;}.elementor-1497 .elementor-element.elementor-element-7a8b32c .elementor-icon-box-title{margin-block-end:8px;}.elementor-1497 .elementor-element.elementor-element-7a8b32c .elementor-icon{font-size:32px;}.elementor-1497 .elementor-element.elementor-element-7a8b32c .elementor-icon-box-title, .elementor-1497 .elementor-element.elementor-element-7a8b32c .elementor-icon-box-title a{font-family:"Reem Kufi", Sans-serif;font-size:16px;font-weight:400;}.elementor-1497 .elementor-element.elementor-element-7a8b32c .elementor-icon-box-description{font-family:"DM Sans", Sans-serif;font-size:14px;font-weight:400;}.elementor-1497 .elementor-element.elementor-element-6729094{color:var( --e-global-color-text );}.elementor-1497 .elementor-element.elementor-element-81362d4{--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;}.elementor-1497 .elementor-element.elementor-element-86e9d0c img{height:100%;object-fit:cover;object-position:center center;border-radius:8px 8px 8px 8px;}.elementor-1497 .elementor-element.elementor-element-459e58f{--display:flex;--padding-top:24px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1497 .elementor-element.elementor-element-a999f35{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1497 .elementor-element.elementor-element-f7a836f{--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;}.elementor-1497 .elementor-element.elementor-element-a536309 img{height:100%;object-fit:cover;object-position:center center;border-radius:8px 8px 8px 8px;}.elementor-1497 .elementor-element.elementor-element-e0ea9e1{--display:flex;--justify-content:center;}.elementor-1497 .elementor-element.elementor-element-e0ea9e1.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1497 .elementor-element.elementor-element-945303b .elementor-heading-title{font-family:"Reem Kufi", Sans-serif;font-size:50px;font-weight:600;}.elementor-1497 .elementor-element.elementor-element-195738d{color:var( --e-global-color-text );}.elementor-1497 .elementor-element.elementor-element-3e4c957{--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:0px 64px;--row-gap:0px;--column-gap:64px;--padding-top:40px;--padding-bottom:64px;--padding-left:0px;--padding-right:0px;}.elementor-1497 .elementor-element.elementor-element-03655b8{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1497 .elementor-element.elementor-element-8e0feb5 .elementor-heading-title{font-family:"Reem Kufi", Sans-serif;font-size:50px;font-weight:600;text-transform:capitalize;line-height:56px;}.elementor-1497 .elementor-element.elementor-element-6b6265c{color:var( --e-global-color-primary );}.elementor-1497 .elementor-element.elementor-element-704e1f2{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--gap:0px 0px;--row-gap:0px;--column-gap:0px;--grid-auto-flow:row;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:#929292B0;--border-color:#929292B0;--border-radius:0px 0px 0px 0px;}.elementor-1497 .elementor-element.elementor-element-98dd5f0 .elementor-icon-box-wrapper{align-items:center;gap:8px;}.elementor-1497 .elementor-element.elementor-element-98dd5f0 .elementor-icon-box-title{margin-block-end:8px;}.elementor-1497 .elementor-element.elementor-element-98dd5f0 .elementor-icon{font-size:32px;}.elementor-1497 .elementor-element.elementor-element-98dd5f0 .elementor-icon-box-title, .elementor-1497 .elementor-element.elementor-element-98dd5f0 .elementor-icon-box-title a{font-family:"Reem Kufi", Sans-serif;font-size:16px;font-weight:600;}.elementor-1497 .elementor-element.elementor-element-98dd5f0 .elementor-icon-box-description{font-family:"DM Sans", Sans-serif;font-size:14px;font-weight:400;}.elementor-1497 .elementor-element.elementor-element-c439c45 .elementor-icon-box-wrapper{align-items:center;gap:8px;}.elementor-1497 .elementor-element.elementor-element-c439c45 .elementor-icon-box-title{margin-block-end:8px;}.elementor-1497 .elementor-element.elementor-element-c439c45 .elementor-icon{font-size:32px;}.elementor-1497 .elementor-element.elementor-element-c439c45 .elementor-icon-box-title, .elementor-1497 .elementor-element.elementor-element-c439c45 .elementor-icon-box-title a{font-family:"Reem Kufi", Sans-serif;font-size:16px;font-weight:600;}.elementor-1497 .elementor-element.elementor-element-c439c45 .elementor-icon-box-description{font-family:"DM Sans", Sans-serif;font-size:14px;font-weight:400;}.elementor-1497 .elementor-element.elementor-element-1389529 .elementor-icon-box-wrapper{align-items:center;gap:8px;}.elementor-1497 .elementor-element.elementor-element-1389529 .elementor-icon-box-title{margin-block-end:8px;}.elementor-1497 .elementor-element.elementor-element-1389529 .elementor-icon{font-size:32px;}.elementor-1497 .elementor-element.elementor-element-1389529 .elementor-icon-box-title, .elementor-1497 .elementor-element.elementor-element-1389529 .elementor-icon-box-title a{font-family:"Reem Kufi", Sans-serif;font-size:16px;font-weight:600;}.elementor-1497 .elementor-element.elementor-element-1389529 .elementor-icon-box-description{font-family:"DM Sans", Sans-serif;font-size:14px;font-weight:400;}.elementor-1497 .elementor-element.elementor-element-b479675 .elementor-icon-box-wrapper{align-items:center;gap:8px;}.elementor-1497 .elementor-element.elementor-element-b479675 .elementor-icon-box-title{margin-block-end:8px;}.elementor-1497 .elementor-element.elementor-element-b479675 .elementor-icon{font-size:32px;}.elementor-1497 .elementor-element.elementor-element-b479675 .elementor-icon-box-title, .elementor-1497 .elementor-element.elementor-element-b479675 .elementor-icon-box-title a{font-family:"Reem Kufi", Sans-serif;font-size:16px;font-weight:600;}.elementor-1497 .elementor-element.elementor-element-b479675 .elementor-icon-box-description{font-family:"DM Sans", Sans-serif;font-size:14px;font-weight:400;}.elementor-1497 .elementor-element.elementor-element-ddb8061{color:var( --e-global-color-text );}.elementor-1497 .elementor-element.elementor-element-9c4e46a .elementor-button{background-color:#667EFF;fill:#FFF8E0;color:#FFF8E0;box-shadow:0px 6px 10px 0px rgba(0, 0, 0, 0.2);border-style:solid;border-width:2px 2px 2px 2px;border-color:#FFFFFF;border-radius:60px 60px 60px 60px;padding:16px 32px 16px 32px;}.elementor-1497 .elementor-element.elementor-element-9c4e46a:hover{--e-transform-translateY:2px;}.elementor-1497 .elementor-element.elementor-element-e2c9a6b{--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-1497 .elementor-element.elementor-element-7537596{--display:flex;--padding-top:24px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1497 .elementor-element.elementor-element-d412c11{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1497 .elementor-element.elementor-element-e920d29{--display:flex;--justify-content:center;}.elementor-1497 .elementor-element.elementor-element-e920d29.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1497 .elementor-element.elementor-element-467098f .elementor-heading-title{font-family:"Reem Kufi", Sans-serif;font-size:42px;font-weight:600;text-transform:capitalize;}.elementor-1497 .elementor-element.elementor-element-e62db69{color:var( --e-global-color-text );}.elementor-1497 .elementor-element.elementor-element-d0a3eae{--display:flex;--gap:12px 12px;--row-gap:12px;--column-gap:12px;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:#A2A2A2;--border-color:#A2A2A2;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:24px;--padding-left:0px;--padding-right:0px;}.elementor-1497 .elementor-element.elementor-element-f69f458 .elementor-icon-box-wrapper{align-items:center;gap:8px;}.elementor-1497 .elementor-element.elementor-element-f69f458 .elementor-icon-box-title{margin-block-end:8px;}.elementor-1497 .elementor-element.elementor-element-f69f458 .elementor-icon{font-size:32px;}.elementor-1497 .elementor-element.elementor-element-f69f458 .elementor-icon-box-title, .elementor-1497 .elementor-element.elementor-element-f69f458 .elementor-icon-box-title a{font-family:"Reem Kufi", Sans-serif;font-size:16px;font-weight:400;}.elementor-1497 .elementor-element.elementor-element-f69f458 .elementor-icon-box-description{font-family:"DM Sans", Sans-serif;font-size:14px;font-weight:400;}.elementor-1497 .elementor-element.elementor-element-12ba526 .elementor-icon-box-wrapper{align-items:center;gap:8px;}.elementor-1497 .elementor-element.elementor-element-12ba526 .elementor-icon-box-title{margin-block-end:8px;}.elementor-1497 .elementor-element.elementor-element-12ba526 .elementor-icon{font-size:32px;}.elementor-1497 .elementor-element.elementor-element-12ba526 .elementor-icon-box-title, .elementor-1497 .elementor-element.elementor-element-12ba526 .elementor-icon-box-title a{font-family:"Reem Kufi", Sans-serif;font-size:16px;font-weight:400;}.elementor-1497 .elementor-element.elementor-element-12ba526 .elementor-icon-box-description{font-family:"DM Sans", Sans-serif;font-size:14px;font-weight:400;}.elementor-1497 .elementor-element.elementor-element-8ed83cd .elementor-icon-box-wrapper{align-items:center;gap:8px;}.elementor-1497 .elementor-element.elementor-element-8ed83cd .elementor-icon-box-title{margin-block-end:8px;}.elementor-1497 .elementor-element.elementor-element-8ed83cd .elementor-icon{font-size:32px;}.elementor-1497 .elementor-element.elementor-element-8ed83cd .elementor-icon-box-title, .elementor-1497 .elementor-element.elementor-element-8ed83cd .elementor-icon-box-title a{font-family:"Reem Kufi", Sans-serif;font-size:16px;font-weight:400;}.elementor-1497 .elementor-element.elementor-element-8ed83cd .elementor-icon-box-description{font-family:"DM Sans", Sans-serif;font-size:14px;font-weight:400;}.elementor-1497 .elementor-element.elementor-element-049fe18{--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;}.elementor-1497 .elementor-element.elementor-element-5b6d1e2 img{height:100%;object-fit:cover;object-position:center center;border-radius:8px 8px 8px 8px;}.elementor-1497 .elementor-element.elementor-element-b62aa8a{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:24px;--padding-bottom:64px;--padding-left:0px;--padding-right:0px;}.elementor-1497 .elementor-element.elementor-element-b62aa8a:not(.elementor-motion-effects-element-type-background), .elementor-1497 .elementor-element.elementor-element-b62aa8a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(90deg, #FFFFFF00 75%, #E4E5FD 75%);}.elementor-1497 .elementor-element.elementor-element-ae72047{--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-1497 .elementor-element.elementor-element-f57199d{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1497 .elementor-element.elementor-element-9c29c78 .elementor-heading-title{font-family:"Reem Kufi", Sans-serif;font-size:50px;font-weight:600;}.elementor-widget-global .elementor-field-group > label, .elementor-widget-global .elementor-field-subgroup label{color:var( --e-global-color-text );}.elementor-widget-global .elementor-field-group > label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-global .elementor-field-type-html{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-global .elementor-field-group .elementor-field{color:var( --e-global-color-text );}.elementor-widget-global .elementor-field-group .elementor-field, .elementor-widget-global .elementor-field-subgroup label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-global .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-global .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-accent );}.elementor-widget-global .elementor-button[type="submit"]{background-color:var( --e-global-color-accent );}.elementor-widget-global .e-form__buttons__wrapper__button-previous{background-color:var( --e-global-color-accent );}.elementor-widget-global .elementor-message{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-global .e-form__indicators__indicator, .elementor-widget-global .e-form__indicators__indicator__label{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-global{--e-form-steps-indicator-inactive-primary-color:var( --e-global-color-text );--e-form-steps-indicator-active-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-completed-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-background-color:var( --e-global-color-text );--e-form-steps-indicator-progress-meter-color:var( --e-global-color-text );}.elementor-widget-global .e-form__indicators__indicator__progress__meter{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-1497 .elementor-element.elementor-global-1352 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-1497 .elementor-element.elementor-global-1352 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-1497 .elementor-element.elementor-global-1352 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-1497 .elementor-element.elementor-global-1352 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-1497 .elementor-element.elementor-global-1352 .elementor-labels-inline .elementor-field-group > label{padding-left:8px;}body:not(.rtl) .elementor-1497 .elementor-element.elementor-global-1352 .elementor-labels-inline .elementor-field-group > label{padding-right:8px;}body .elementor-1497 .elementor-element.elementor-global-1352 .elementor-labels-above .elementor-field-group > label{padding-bottom:8px;}.elementor-1497 .elementor-element.elementor-global-1352 .elementor-field-group > label, .elementor-1497 .elementor-element.elementor-global-1352 .elementor-field-subgroup label{color:var( --e-global-color-primary );}.elementor-1497 .elementor-element.elementor-global-1352 .elementor-field-group > label{font-family:"DM Sans", Sans-serif;font-weight:400;line-height:28px;}.elementor-1497 .elementor-element.elementor-global-1352 .elementor-field-type-html{padding-bottom:0px;}.elementor-1497 .elementor-element.elementor-global-1352 .elementor-field-group .elementor-field{color:var( --e-global-color-text );}.elementor-1497 .elementor-element.elementor-global-1352 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){border-radius:32px 32px 32px 32px;}.elementor-1497 .elementor-element.elementor-global-1352 .elementor-field-group .elementor-select-wrapper select{border-radius:32px 32px 32px 32px;}.elementor-1497 .elementor-element.elementor-global-1352 .elementor-button{border-style:solid;border-width:2px 2px 2px 2px;border-radius:60px 60px 60px 60px;padding:16px 32px 16px 32px;}.elementor-1497 .elementor-element.elementor-global-1352 .e-form__buttons__wrapper__button-next{background-color:#FFDC62;color:var( --e-global-color-primary );border-color:#FFFFFF;}.elementor-1497 .elementor-element.elementor-global-1352 .elementor-button[type="submit"]{background-color:#FFDC62;color:var( --e-global-color-primary );border-color:#FFFFFF;}.elementor-1497 .elementor-element.elementor-global-1352 .elementor-button[type="submit"] svg *{fill:var( --e-global-color-primary );}.elementor-1497 .elementor-element.elementor-global-1352 .e-form__buttons__wrapper__button-previous{background-color:#FFDC62;color:var( --e-global-color-primary );border-color:#FFFFFF;}.elementor-1497 .elementor-element.elementor-global-1352 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-1497 .elementor-element.elementor-global-1352 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-1497 .elementor-element.elementor-global-1352 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-1497 .elementor-element.elementor-global-1352 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-1497 .elementor-element.elementor-global-1352{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}.elementor-1497 .elementor-element.elementor-element-c433231{--display:flex;--justify-content:center;}.elementor-1497 .elementor-element.elementor-element-8dc8c93 iframe{height:540px;}.elementor-1497 .elementor-element.elementor-element-c16034f{--display:flex;--padding-top:64px;--padding-bottom:64px;--padding-left:0px;--padding-right:0px;}.elementor-1497 .elementor-element.elementor-element-222b0eb{--display:flex;}.elementor-1497 .elementor-element.elementor-element-437ea34 .elementor-heading-title{font-family:"Reem Kufi", Sans-serif;font-size:46px;font-weight:600;line-height:52px;}.elementor-1497 .elementor-element.elementor-element-c0e952f{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1497 .elementor-element.elementor-element-2426895{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:#FF6262;--border-color:#FF6262;--border-radius:16px 16px 16px 16px;--padding-top:24px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;}.elementor-1497 .elementor-element.elementor-element-2426895:not(.elementor-motion-effects-element-type-background), .elementor-1497 .elementor-element.elementor-element-2426895 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FDEBEB;}.elementor-1497 .elementor-element.elementor-element-5073616{--display:flex;--gap:12px 0px;--row-gap:12px;--column-gap:0px;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-1497 .elementor-element.elementor-element-f8af6d1 .elementor-icon-wrapper{text-align:start;}.elementor-1497 .elementor-element.elementor-element-f8af6d1.elementor-view-framed .elementor-icon{background-color:#FF6262;}.elementor-1497 .elementor-element.elementor-element-f8af6d1.elementor-view-stacked .elementor-icon{color:#FF6262;}.elementor-1497 .elementor-element.elementor-element-f8af6d1.elementor-view-stacked .elementor-icon svg{fill:#FF6262;}.elementor-1497 .elementor-element.elementor-element-f8af6d1 .elementor-icon{font-size:24px;border-width:0px 0px 0px 0px;}.elementor-1497 .elementor-element.elementor-element-f8af6d1 .elementor-icon svg{height:24px;}.elementor-1497 .elementor-element.elementor-element-a72fca1 .elementor-heading-title{font-family:"Reem Kufi", Sans-serif;font-size:28px;font-weight:600;color:var( --e-global-color-primary );}.elementor-1497 .elementor-element.elementor-element-e8faa76{font-family:"DM Sans", Sans-serif;font-size:16px;font-weight:400;color:var( --e-global-color-primary );}.elementor-1497 .elementor-element.elementor-element-e8faa76 p{margin-block-end:0px;}.elementor-1497 .elementor-element.elementor-element-87eccb9{--display:flex;--overflow:hidden;--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1497 .elementor-element.elementor-element-ae48398 .elementor-button{background-color:#FF6262;border-style:solid;border-width:2px 2px 2px 2px;border-radius:60px 60px 60px 60px;padding:16px 32px 16px 32px;}.elementor-1497 .elementor-element.elementor-element-5244b8f{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1497 .elementor-element.elementor-element-57e48d5{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:#FFDC62;--border-color:#FFDC62;--border-radius:16px 16px 16px 16px;--padding-top:24px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;}.elementor-1497 .elementor-element.elementor-element-57e48d5:not(.elementor-motion-effects-element-type-background), .elementor-1497 .elementor-element.elementor-element-57e48d5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFF8E0;}.elementor-1497 .elementor-element.elementor-element-ca2b539{--display:flex;--gap:12px 0px;--row-gap:12px;--column-gap:0px;}.elementor-1497 .elementor-element.elementor-element-ea1bc61 .elementor-icon-wrapper{text-align:start;}.elementor-1497 .elementor-element.elementor-element-ea1bc61.elementor-view-framed .elementor-icon{background-color:#FFDC62;}.elementor-1497 .elementor-element.elementor-element-ea1bc61.elementor-view-stacked .elementor-icon{color:#FFDC62;}.elementor-1497 .elementor-element.elementor-element-ea1bc61.elementor-view-stacked .elementor-icon svg{fill:#FFDC62;}.elementor-1497 .elementor-element.elementor-element-ea1bc61 .elementor-icon{font-size:24px;border-width:0px 0px 0px 0px;}.elementor-1497 .elementor-element.elementor-element-ea1bc61 .elementor-icon svg{height:24px;}.elementor-1497 .elementor-element.elementor-element-b6b6f62 .elementor-heading-title{font-family:"Reem Kufi", Sans-serif;font-size:28px;font-weight:600;color:var( --e-global-color-primary );}.elementor-1497 .elementor-element.elementor-element-a31f53f{font-family:"DM Sans", Sans-serif;font-size:16px;font-weight:400;color:var( --e-global-color-primary );}.elementor-1497 .elementor-element.elementor-element-a31f53f p{margin-block-end:0px;}.elementor-1497 .elementor-element.elementor-element-cb95b5b{--display:flex;--overflow:hidden;--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1497 .elementor-element.elementor-element-2b84be8 .elementor-button{background-color:#FFDC62;fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-style:solid;border-width:2px 2px 2px 2px;border-color:#FFFFFF;border-radius:60px 60px 60px 60px;padding:16px 32px 16px 32px;}.elementor-1497 .elementor-element.elementor-element-820d14c{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1497 .elementor-element.elementor-element-daa236e{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:#00D384;--border-color:#00D384;--border-radius:16px 16px 16px 16px;--padding-top:24px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;}.elementor-1497 .elementor-element.elementor-element-daa236e:not(.elementor-motion-effects-element-type-background), .elementor-1497 .elementor-element.elementor-element-daa236e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E5FFF5;}.elementor-1497 .elementor-element.elementor-element-a171fff{--display:flex;--gap:12px 0px;--row-gap:12px;--column-gap:0px;}.elementor-1497 .elementor-element.elementor-element-9f3b87c .elementor-icon-wrapper{text-align:start;}.elementor-1497 .elementor-element.elementor-element-9f3b87c.elementor-view-framed .elementor-icon{background-color:#00D384;}.elementor-1497 .elementor-element.elementor-element-9f3b87c.elementor-view-stacked .elementor-icon{color:#00D384;}.elementor-1497 .elementor-element.elementor-element-9f3b87c.elementor-view-stacked .elementor-icon svg{fill:#00D384;}.elementor-1497 .elementor-element.elementor-element-9f3b87c .elementor-icon{font-size:24px;border-width:0px 0px 0px 0px;}.elementor-1497 .elementor-element.elementor-element-9f3b87c .elementor-icon svg{height:24px;}.elementor-1497 .elementor-element.elementor-element-9a209b4 .elementor-heading-title{font-family:"Reem Kufi", Sans-serif;font-size:28px;font-weight:600;color:var( --e-global-color-primary );}.elementor-1497 .elementor-element.elementor-element-523e48a{font-family:"DM Sans", Sans-serif;font-size:16px;font-weight:400;color:var( --e-global-color-primary );}.elementor-1497 .elementor-element.elementor-element-523e48a p{margin-block-end:0px;}.elementor-1497 .elementor-element.elementor-element-6f3e2b4{--display:flex;--overflow:hidden;--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1497 .elementor-element.elementor-element-50ec2cd .elementor-button{background-color:#00D384;border-style:solid;border-width:2px 2px 2px 2px;border-radius:60px 60px 60px 60px;padding:16px 32px 16px 32px;}.elementor-1497 .elementor-element.elementor-element-5a784ac{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1497 .elementor-element.elementor-element-05aaba1{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:#657EFF;--border-color:#657EFF;--border-radius:16px 16px 16px 16px;--padding-top:24px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;}.elementor-1497 .elementor-element.elementor-element-05aaba1:not(.elementor-motion-effects-element-type-background), .elementor-1497 .elementor-element.elementor-element-05aaba1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E4E5FF;}.elementor-1497 .elementor-element.elementor-element-3df5ccc{--display:flex;--gap:12px 0px;--row-gap:12px;--column-gap:0px;}.elementor-1497 .elementor-element.elementor-element-838b277 .elementor-icon-wrapper{text-align:start;}.elementor-1497 .elementor-element.elementor-element-838b277.elementor-view-framed .elementor-icon{background-color:#657EFF;}.elementor-1497 .elementor-element.elementor-element-838b277.elementor-view-stacked .elementor-icon{color:#657EFF;}.elementor-1497 .elementor-element.elementor-element-838b277.elementor-view-stacked .elementor-icon svg{fill:#657EFF;}.elementor-1497 .elementor-element.elementor-element-838b277 .elementor-icon{font-size:24px;border-width:0px 0px 0px 0px;}.elementor-1497 .elementor-element.elementor-element-838b277 .elementor-icon svg{height:24px;}.elementor-1497 .elementor-element.elementor-element-2ef7e52 .elementor-heading-title{font-family:"Reem Kufi", Sans-serif;font-size:28px;font-weight:600;color:var( --e-global-color-primary );}.elementor-1497 .elementor-element.elementor-element-e7728c9{font-family:"DM Sans", Sans-serif;font-size:16px;font-weight:400;color:var( --e-global-color-primary );}.elementor-1497 .elementor-element.elementor-element-e7728c9 p{margin-block-end:0px;}.elementor-1497 .elementor-element.elementor-element-9072c6b{--display:flex;--overflow:hidden;--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1497 .elementor-element.elementor-element-625ada2 .elementor-button{background-color:#657EFF;border-style:solid;border-width:2px 2px 2px 2px;border-radius:60px 60px 60px 60px;padding:16px 32px 16px 32px;}.elementor-1497 .elementor-element.elementor-element-0fc73bf{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1497 .elementor-element.elementor-element-318cc2b{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:#6DCAFF;--border-color:#6DCAFF;--border-radius:16px 16px 16px 16px;--padding-top:24px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;}.elementor-1497 .elementor-element.elementor-element-318cc2b:not(.elementor-motion-effects-element-type-background), .elementor-1497 .elementor-element.elementor-element-318cc2b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#DDF3FF;}.elementor-1497 .elementor-element.elementor-element-88542f6{--display:flex;--gap:12px 0px;--row-gap:12px;--column-gap:0px;}.elementor-1497 .elementor-element.elementor-element-d934eec .elementor-icon-wrapper{text-align:start;}.elementor-1497 .elementor-element.elementor-element-d934eec.elementor-view-framed .elementor-icon{background-color:#6DCAFF;}.elementor-1497 .elementor-element.elementor-element-d934eec.elementor-view-stacked .elementor-icon{color:#6DCAFF;}.elementor-1497 .elementor-element.elementor-element-d934eec.elementor-view-stacked .elementor-icon svg{fill:#6DCAFF;}.elementor-1497 .elementor-element.elementor-element-d934eec .elementor-icon{font-size:24px;border-width:0px 0px 0px 0px;}.elementor-1497 .elementor-element.elementor-element-d934eec .elementor-icon svg{height:24px;}.elementor-1497 .elementor-element.elementor-element-3dafa8d .elementor-heading-title{font-family:"Reem Kufi", Sans-serif;font-size:28px;font-weight:600;color:var( --e-global-color-primary );}.elementor-1497 .elementor-element.elementor-element-064209c{font-family:"DM Sans", Sans-serif;font-size:16px;font-weight:400;color:var( --e-global-color-primary );}.elementor-1497 .elementor-element.elementor-element-064209c p{margin-block-end:0px;}.elementor-1497 .elementor-element.elementor-element-88e4bb6{--display:flex;--overflow:hidden;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:12px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1497 .elementor-element.elementor-element-84faac1 .elementor-button{background-color:#6DCAFF;border-style:solid;border-width:2px 2px 2px 2px;border-radius:60px 60px 60px 60px;padding:16px 32px 16px 32px;}.elementor-1497 .elementor-element.elementor-element-d5194db{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1497 .elementor-element.elementor-element-ed30fd7{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:#FF9960;--border-color:#FF9960;--border-radius:16px 16px 16px 16px;--padding-top:24px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;}.elementor-1497 .elementor-element.elementor-element-ed30fd7:not(.elementor-motion-effects-element-type-background), .elementor-1497 .elementor-element.elementor-element-ed30fd7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFE9E5;}.elementor-1497 .elementor-element.elementor-element-616962b{--display:flex;--gap:12px 0px;--row-gap:12px;--column-gap:0px;}.elementor-1497 .elementor-element.elementor-element-8c13f00 .elementor-icon-wrapper{text-align:start;}.elementor-1497 .elementor-element.elementor-element-8c13f00.elementor-view-framed .elementor-icon{background-color:#FF9960;}.elementor-1497 .elementor-element.elementor-element-8c13f00.elementor-view-stacked .elementor-icon{color:#FF9960;}.elementor-1497 .elementor-element.elementor-element-8c13f00.elementor-view-stacked .elementor-icon svg{fill:#FF9960;}.elementor-1497 .elementor-element.elementor-element-8c13f00 .elementor-icon{font-size:24px;border-width:0px 0px 0px 0px;}.elementor-1497 .elementor-element.elementor-element-8c13f00 .elementor-icon svg{height:24px;}.elementor-1497 .elementor-element.elementor-element-a3fdb69 .elementor-heading-title{font-family:"Reem Kufi", Sans-serif;font-size:28px;font-weight:600;color:var( --e-global-color-primary );}.elementor-1497 .elementor-element.elementor-element-098b0c4{font-family:"DM Sans", Sans-serif;font-size:16px;font-weight:400;color:var( --e-global-color-primary );}.elementor-1497 .elementor-element.elementor-element-098b0c4 p{margin-block-end:0px;}.elementor-1497 .elementor-element.elementor-element-5f02fbe{--display:flex;--overflow:hidden;--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1497 .elementor-element.elementor-element-b574f7c .elementor-button{background-color:#FF9960;border-style:solid;border-width:2px 2px 2px 2px;border-radius:60px 60px 60px 60px;padding:16px 32px 16px 32px;}.elementor-1497 .elementor-element.elementor-element-fdac562{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1497 .elementor-element.elementor-element-8870e58{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:#C15CFF;--border-color:#C15CFF;--border-radius:16px 16px 16px 16px;--padding-top:24px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;}.elementor-1497 .elementor-element.elementor-element-8870e58:not(.elementor-motion-effects-element-type-background), .elementor-1497 .elementor-element.elementor-element-8870e58 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7E6FF;}.elementor-1497 .elementor-element.elementor-element-5c6d025{--display:flex;--gap:12px 0px;--row-gap:12px;--column-gap:0px;}.elementor-1497 .elementor-element.elementor-element-ece6f47 .elementor-icon-wrapper{text-align:start;}.elementor-1497 .elementor-element.elementor-element-ece6f47.elementor-view-framed .elementor-icon{background-color:#C15CFF;}.elementor-1497 .elementor-element.elementor-element-ece6f47.elementor-view-stacked .elementor-icon{color:#C15CFF;}.elementor-1497 .elementor-element.elementor-element-ece6f47.elementor-view-stacked .elementor-icon svg{fill:#C15CFF;}.elementor-1497 .elementor-element.elementor-element-ece6f47 .elementor-icon{font-size:24px;border-width:0px 0px 0px 0px;}.elementor-1497 .elementor-element.elementor-element-ece6f47 .elementor-icon svg{height:24px;}.elementor-1497 .elementor-element.elementor-element-1324554 .elementor-heading-title{font-family:"Reem Kufi", Sans-serif;font-size:28px;font-weight:600;color:var( --e-global-color-primary );}.elementor-1497 .elementor-element.elementor-element-f341a21{font-family:"DM Sans", Sans-serif;font-size:16px;font-weight:400;color:var( --e-global-color-primary );}.elementor-1497 .elementor-element.elementor-element-881fe0d{--display:flex;--overflow:hidden;--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1497 .elementor-element.elementor-element-e822492 .elementor-button{background-color:#C15CFF;border-style:solid;border-width:2px 2px 2px 2px;border-radius:60px 60px 60px 60px;padding:16px 32px 16px 32px;}.elementor-1497 .elementor-element.elementor-element-b36b75a{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1497 .elementor-element.elementor-element-8ef627a{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:#FF5CBE;--border-color:#FF5CBE;--border-radius:16px 16px 16px 16px;--padding-top:24px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;}.elementor-1497 .elementor-element.elementor-element-8ef627a:not(.elementor-motion-effects-element-type-background), .elementor-1497 .elementor-element.elementor-element-8ef627a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFE6F3;}.elementor-1497 .elementor-element.elementor-element-45c96af{--display:flex;--gap:12px 0px;--row-gap:12px;--column-gap:0px;}.elementor-1497 .elementor-element.elementor-element-f123607 .elementor-icon-wrapper{text-align:start;}.elementor-1497 .elementor-element.elementor-element-f123607.elementor-view-framed .elementor-icon{background-color:#FF5CBE;}.elementor-1497 .elementor-element.elementor-element-f123607.elementor-view-stacked .elementor-icon{color:#FF5CBE;}.elementor-1497 .elementor-element.elementor-element-f123607.elementor-view-stacked .elementor-icon svg{fill:#FF5CBE;}.elementor-1497 .elementor-element.elementor-element-f123607 .elementor-icon{font-size:24px;border-width:0px 0px 0px 0px;}.elementor-1497 .elementor-element.elementor-element-f123607 .elementor-icon svg{height:24px;}.elementor-1497 .elementor-element.elementor-element-33e9e10 .elementor-heading-title{font-family:"Reem Kufi", Sans-serif;font-size:28px;font-weight:600;color:var( --e-global-color-primary );}.elementor-1497 .elementor-element.elementor-element-1c3fe1b{font-family:"DM Sans", Sans-serif;font-size:16px;font-weight:400;color:var( --e-global-color-primary );}.elementor-1497 .elementor-element.elementor-element-1c3fe1b p{margin-block-end:0px;}.elementor-1497 .elementor-element.elementor-element-500e8cf{--display:flex;--overflow:hidden;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:12px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1497 .elementor-element.elementor-element-fc11136 .elementor-button{background-color:#FF5CBE;border-style:solid;border-width:2px 2px 2px 2px;border-radius:60px 60px 60px 60px;padding:16px 32px 16px 32px;}.elementor-1497 .elementor-element.elementor-element-4eb447f{--e-n-carousel-swiper-slides-to-display:4;--e-n-carousel-swiper-slides-gap:16px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-arrow-prev-left-align:0%;--e-n-carousel-arrow-prev-translate-x:0px;--e-n-carousel-arrow-prev-left-position:0px;--e-n-carousel-arrow-prev-top-align:50%;--e-n-carousel-arrow-prev-translate-y:-50%;--e-n-carousel-arrow-prev-top-position:0px;--e-n-carousel-arrow-next-right-align:0%;--e-n-carousel-arrow-next-translate-x:0%;--e-n-carousel-arrow-next-right-position:0px;--e-n-carousel-arrow-next-top-align:50%;--e-n-carousel-arrow-next-translate-y:-50%;--e-n-carousel-arrow-next-top-position:0px;--e-n-carousel-swiper-pagination-size:12px;--e-n-carousel-dots-normal-color:var( --e-global-color-accent );--e-n-carousel-swiper-pagination-spacing:32px;}.elementor-1497 .elementor-element.elementor-element-b9f6070{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:64px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-1497 .elementor-element.elementor-element-b9f6070:not(.elementor-motion-effects-element-type-background), .elementor-1497 .elementor-element.elementor-element-b9f6070 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(0deg, #FDF9EC 50%, #F8F7F2 50%);}.elementor-1497 .elementor-element.elementor-element-087c237{--display:flex;--margin-top:0%;--margin-bottom:0%;--margin-left:-6%;--margin-right:0%;}.elementor-1497 .elementor-element.elementor-element-7fecdf9{z-index:20;text-align:start;}.elementor-1497 .elementor-element.elementor-element-7fecdf9 img{width:12%;}.elementor-1497 .elementor-element.elementor-element-d1589b4{--display:flex;--min-height:400px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overlay-opacity:0.5;border-style:solid;--border-style:solid;border-width:9px 9px 9px 9px;--border-top-width:9px;--border-right-width:9px;--border-bottom-width:9px;--border-left-width:9px;border-color:#FFFFFF;--border-color:#FFFFFF;--border-radius:16px 16px 16px 16px;--margin-top:-10%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:24px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;}.elementor-1497 .elementor-element.elementor-element-d1589b4:not(.elementor-motion-effects-element-type-background), .elementor-1497 .elementor-element.elementor-element-d1589b4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://carechoicenorthwest.co.uk/wp-content/uploads/2024/07/christin-hume-Hcfwew744z4-unsplash.jpg");}.elementor-1497 .elementor-element.elementor-element-d1589b4::before, .elementor-1497 .elementor-element.elementor-element-d1589b4 > .elementor-background-video-container::before, .elementor-1497 .elementor-element.elementor-element-d1589b4 > .e-con-inner > .elementor-background-video-container::before, .elementor-1497 .elementor-element.elementor-element-d1589b4 > .elementor-background-slideshow::before, .elementor-1497 .elementor-element.elementor-element-d1589b4 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1497 .elementor-element.elementor-element-d1589b4 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#00034E;--background-overlay:'';}.elementor-1497 .elementor-element.elementor-element-8ec7104{padding:0px 40px 0px 40px;text-align:center;}.elementor-1497 .elementor-element.elementor-element-8ec7104 .elementor-heading-title{font-family:"Reem Kufi", Sans-serif;font-size:54px;font-weight:600;text-transform:capitalize;font-style:italic;color:#FFFFFF;}.elementor-1497 .elementor-element.elementor-element-c819a12{text-align:center;color:#FFFFFF;}.elementor-1497 .elementor-element.elementor-element-012dec8 .elementor-button{background-color:#657EFF;box-shadow:0px 6px 10px 0px rgba(0, 0, 0, 0.2);border-style:solid;border-width:2px 2px 2px 2px;border-radius:60px 60px 60px 60px;padding:16px 32px 16px 32px;}.elementor-1497 .elementor-element.elementor-element-012dec8 .elementor-button:hover, .elementor-1497 .elementor-element.elementor-element-012dec8 .elementor-button:focus{background-color:#334DD5;}.elementor-1497 .elementor-element.elementor-element-012dec8:hover{--e-transform-translateY:2px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-1497 .elementor-element.elementor-element-a81235e{--content-width:94%;}.elementor-1497 .elementor-element.elementor-element-7146d3a{--width:72%;}.elementor-1497 .elementor-element.elementor-element-c5f7aa8{--content-width:94%;}.elementor-1497 .elementor-element.elementor-element-04149f2{--width:56%;}.elementor-1497 .elementor-element.elementor-element-459e58f{--content-width:94%;}.elementor-1497 .elementor-element.elementor-element-e0ea9e1{--width:56%;}.elementor-1497 .elementor-element.elementor-element-3e4c957{--content-width:94%;}.elementor-1497 .elementor-element.elementor-element-03655b8{--width:100%;}.elementor-1497 .elementor-element.elementor-element-e2c9a6b{--width:64%;}.elementor-1497 .elementor-element.elementor-element-7537596{--content-width:94%;}.elementor-1497 .elementor-element.elementor-element-e920d29{--width:56%;}.elementor-1497 .elementor-element.elementor-element-b62aa8a{--content-width:94%;}.elementor-1497 .elementor-element.elementor-element-c16034f{--content-width:94%;}.elementor-1497 .elementor-element.elementor-element-222b0eb{--width:100%;}.elementor-1497 .elementor-element.elementor-element-c0e952f{--content-width:100%;}.elementor-1497 .elementor-element.elementor-element-5244b8f{--content-width:100%;}.elementor-1497 .elementor-element.elementor-element-820d14c{--content-width:100%;}.elementor-1497 .elementor-element.elementor-element-5a784ac{--content-width:100%;}.elementor-1497 .elementor-element.elementor-element-b9f6070{--content-width:94%;}}@media(max-width:1024px) and (min-width:768px){.elementor-1497 .elementor-element.elementor-element-04149f2{--width:100%;}.elementor-1497 .elementor-element.elementor-element-e2c9a6b{--width:100%;}.elementor-1497 .elementor-element.elementor-element-e920d29{--width:100%;}}@media(max-width:1024px){.elementor-1497 .elementor-element.elementor-element-5032144{--flex-wrap:wrap;}.elementor-1497 .elementor-element.elementor-element-3e4c957{--flex-wrap:wrap;}.elementor-1497 .elementor-element.elementor-element-03655b8.e-con{--order:-99999 /* order start hack */;}.elementor-1497 .elementor-element.elementor-element-704e1f2{--grid-auto-flow:row;}.elementor-1497 .elementor-element.elementor-element-215053f{text-align:start;}.elementor-1497 .elementor-element.elementor-element-215053f img{width:80%;}.elementor-1497 .elementor-element.elementor-element-d412c11{--flex-wrap:wrap;}.elementor-1497 .elementor-element.elementor-element-b62aa8a:not(.elementor-motion-effects-element-type-background), .elementor-1497 .elementor-element.elementor-element-b62aa8a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #FFFFFF00 75%, #E4E5FD 75%);}.elementor-1497 .elementor-element.elementor-element-ae72047{--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-1497 .elementor-element.elementor-element-4eb447f{--e-n-carousel-swiper-slides-to-display:2;}}@media(max-width:767px){.elementor-1497 .elementor-element.elementor-element-a81235e{--content-width:94%;}.elementor-1497 .elementor-element.elementor-element-8da63d7{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-1497 .elementor-element.elementor-element-1ca12c1{text-align:center;}.elementor-1497 .elementor-element.elementor-element-1ca12c1 .elementor-heading-title{font-size:50px;}.elementor-1497 .elementor-element.elementor-element-7976ae3{--padding-top:24px;--padding-bottom:24px;--padding-left:0px;--padding-right:0px;}.elementor-1497 .elementor-element.elementor-element-e619cfd .elementor-heading-title{font-size:42px;line-height:1.2em;}.elementor-1497 .elementor-element.elementor-element-c5f7aa8{--content-width:94%;--padding-top:24px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1497 .elementor-element.elementor-element-92ebc98 .elementor-heading-title{font-size:42px;}.elementor-1497 .elementor-element.elementor-element-459e58f{--content-width:94%;--padding-top:24px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1497 .elementor-element.elementor-element-3e4c957{--content-width:94%;--padding-top:24px;--padding-bottom:24px;--padding-left:0px;--padding-right:0px;}.elementor-1497 .elementor-element.elementor-element-03655b8.e-con{--order:-99999 /* order start hack */;}.elementor-1497 .elementor-element.elementor-element-8e0feb5 .elementor-heading-title{font-size:40px;}.elementor-1497 .elementor-element.elementor-element-704e1f2{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;--justify-items:start;}.elementor-1497 .elementor-element.elementor-element-7537596{--content-width:94%;--padding-top:24px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1497 .elementor-element.elementor-element-467098f .elementor-heading-title{font-size:42px;}.elementor-1497 .elementor-element.elementor-element-b62aa8a{--content-width:94%;}.elementor-1497 .elementor-element.elementor-element-c16034f{--content-width:94%;}.elementor-1497 .elementor-element.elementor-element-87eccb9{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1497 .elementor-element.elementor-element-cb95b5b{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1497 .elementor-element.elementor-element-6f3e2b4{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1497 .elementor-element.elementor-element-9072c6b{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1497 .elementor-element.elementor-element-88e4bb6{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1497 .elementor-element.elementor-element-5f02fbe{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1497 .elementor-element.elementor-element-881fe0d{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1497 .elementor-element.elementor-element-500e8cf{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1497 .elementor-element.elementor-element-4eb447f{--e-n-carousel-swiper-slides-to-display:1;}.elementor-1497 .elementor-element.elementor-element-b9f6070{--content-width:94%;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:24px;--padding-bottom:24px;--padding-left:0px;--padding-right:0px;}.elementor-1497 .elementor-element.elementor-element-d1589b4:not(.elementor-motion-effects-element-type-background), .elementor-1497 .elementor-element.elementor-element-d1589b4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-size:cover;}.elementor-1497 .elementor-element.elementor-element-8ec7104 .elementor-heading-title{font-size:36px;}}/* Start custom CSS for google_maps, class: .elementor-element-8dc8c93 */.hp-map {
    border: 8px solid white;
    border-radius: 12px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2426895 */.container {
    background-color: #E2DFFE;
    transition: background-color 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
    min-height: 348px;
}

.container:hover {
    background-color: #FFFFFF;
}

/* The vertical reveal effect  */
.revealvertical {
    transition: max-height 0.6s cubic-bezier(0.25, 0.8, 0.25, 1); /* Updated transition */
    max-height: 0 !important;
    overflow: hidden; /* Ensure content is hidden */
}

.container:hover .revealvertical {
    max-height: 230px !important;
}

@media only screen and (max-width: 767px) {
  .container:hover {
    transition: none !important;
  }

  /* Adjust the vertical reveal effect on mobile */
  .container:hover .revealvertical {
     max-height: 330px !important;
  }

  /* Disable the vertical reveal effect on mobile by hiding the class getting revealed */
  .container {
    background-color: #E2DFFE;
  }
  .container:hover .revealvertical {
     max-height: 0 !important;
  }

  /* Disable the vertical reveal effect on mobile by making it always revealed */
  .container:hover {
    background-color: #E2DFFE;
  }
  .revealvertical {
     max-height: 330px !important; /* Adjusted for mobile to be the same as the hover state */
  }
}

/* Adjust the vertical reveal effect for tablets */
@media only screen and (min-width: 767px) and (max-width: 1024px) {
  .container:hover {
    background-color: #E2DFFE;
  }
  .container:hover .revealvertical {
    max-height: 150px !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-57e48d5 */.container {
    background-color: #E2DFFE;
    transition: all 0.3s ease-in-out;
}

.container:hover {
    background-color: #FFFFFF;
}

/* The vertical reveal effect  */

.revealvertical {
    transition: all 0.4s ease-in-out;
    max-height: 0 !important;
}

.container:hover .revealvertical {
    max-height: 230px !important;
}

@media only screen and (max-width: 767px) {
  .container:hover {
  transition: none !important;
  }
}

/* Adjust the vertical reveal effect on mobile */
@media only screen and (max-width: 767px) {
  .container:hover .revealvertical {
     max-height: 330px !important;
  }
}

/* Disable the vertical reveal effect on mobile by hiding the class getting revealed */
@media only screen and (max-width: 767px) {
  .container {
  background-color: #E2DFFE;
  }
  .container:hover .revealvertical {
     max-height: 0 !important;
  }
}

/* Disable the vertical reveal effect on mobile by making it always revealed */
@media only screen and (max-width: 767px) {
  .container:hover {
  background-color: #E2DFFE;
  }
  .revealvertical {
     max-height: 230px !important;
  }
}

/* Adjust the vertical reveal effect for tablets */
@media only screen and (min-width: 767px) and (max-width: 1024px) {
  .container:hover {
  background-color: #E2DFFE;
  }
  .container:hover .revealvertical {
    max-height: 150px !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-daa236e */.container {
    background-color: #E2DFFE;
    transition: all 0.3s ease-in-out;
}

.container:hover {
    background-color: #FFFFFF;
}

/* The vertical reveal effect  */

.revealvertical {
    transition: all 0.4s ease-in-out;
    max-height: 0 !important;
}

.container:hover .revealvertical {
    max-height: 230px !important;
}

@media only screen and (max-width: 767px) {
  .container:hover {
  transition: none !important;
  }
}

/* Adjust the vertical reveal effect on mobile */
@media only screen and (max-width: 767px) {
  .container:hover .revealvertical {
     max-height: 330px !important;
  }
}

/* Disable the vertical reveal effect on mobile by hiding the class getting revealed */
@media only screen and (max-width: 767px) {
  .container {
  background-color: #E2DFFE;
  }
  .container:hover .revealvertical {
     max-height: 0 !important;
  }
}

/* Disable the vertical reveal effect on mobile by making it always revealed */
@media only screen and (max-width: 767px) {
  .container:hover {
  background-color: #E2DFFE;
  }
  .revealvertical {
     max-height: 230px !important;
  }
}

/* Adjust the vertical reveal effect for tablets */
@media only screen and (min-width: 767px) and (max-width: 1024px) {
  .container:hover {
  background-color: #E2DFFE;
  }
  .container:hover .revealvertical {
    max-height: 150px !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-05aaba1 */.container {
    background-color: #E2DFFE;
    transition: all 0.3s ease-in-out;
}

.container:hover {
    background-color: #FFFFFF;
}

/* The vertical reveal effect  */

.revealvertical {
    transition: all 0.4s ease-in-out;
    max-height: 0 !important;
}

.container:hover .revealvertical {
    max-height: 230px !important;
}

@media only screen and (max-width: 767px) {
  .container:hover {
  transition: none !important;
  }
}

/* Adjust the vertical reveal effect on mobile */
@media only screen and (max-width: 767px) {
  .container:hover .revealvertical {
     max-height: 330px !important;
  }
}

/* Disable the vertical reveal effect on mobile by hiding the class getting revealed */
@media only screen and (max-width: 767px) {
  .container {
  background-color: #E2DFFE;
  }
  .container:hover .revealvertical {
     max-height: 0 !important;
  }
}

/* Disable the vertical reveal effect on mobile by making it always revealed */
@media only screen and (max-width: 767px) {
  .container:hover {
  background-color: #E2DFFE;
  }
  .revealvertical {
     max-height: 230px !important;
  }
}

/* Adjust the vertical reveal effect for tablets */
@media only screen and (min-width: 767px) and (max-width: 1024px) {
  .container:hover {
  background-color: #E2DFFE;
  }
  .container:hover .revealvertical {
    max-height: 150px !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-318cc2b */.container {
    background-color: #E2DFFE;
    transition: background-color 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
    min-height: 360px;
}

.container:hover {
    background-color: #FFFFFF;
}

/* The vertical reveal effect  */
.revealvertical {
    transition: max-height 0.6s cubic-bezier(0.25, 0.8, 0.25, 1); /* Updated transition */
    max-height: 0 !important;
    overflow: hidden; /* Ensure content is hidden */
}

.container:hover .revealvertical {
    max-height: 230px !important;
}

@media only screen and (max-width: 767px) {
  .container:hover {
    transition: none !important;
  }

  /* Adjust the vertical reveal effect on mobile */
  .container:hover .revealvertical {
     max-height: 330px !important;
  }

  /* Disable the vertical reveal effect on mobile by hiding the class getting revealed */
  .container {
    background-color: #E2DFFE;
  }
  .container:hover .revealvertical {
     max-height: 0 !important;
  }

  /* Disable the vertical reveal effect on mobile by making it always revealed */
  .container:hover {
    background-color: #E2DFFE;
  }
  .revealvertical {
     max-height: 330px !important; /* Adjusted for mobile to be the same as the hover state */
  }
}

/* Adjust the vertical reveal effect for tablets */
@media only screen and (min-width: 767px) and (max-width: 1024px) {
  .container:hover {
    background-color: #E2DFFE;
  }
  .container:hover .revealvertical {
    max-height: 150px !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ed30fd7 */.container {
    background-color: #E2DFFE;
    transition: background-color 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
    min-height: 360px;
}

.container:hover {
    background-color: #FFFFFF;
}

/* The vertical reveal effect  */
.revealvertical {
    transition: max-height 0.6s cubic-bezier(0.25, 0.8, 0.25, 1); /* Updated transition */
    max-height: 0 !important;
    overflow: hidden; /* Ensure content is hidden */
}

.container:hover .revealvertical {
    max-height: 230px !important;
}

@media only screen and (max-width: 767px) {
  .container:hover {
    transition: none !important;
  }

  /* Adjust the vertical reveal effect on mobile */
  .container:hover .revealvertical {
     max-height: 330px !important;
  }

  /* Disable the vertical reveal effect on mobile by hiding the class getting revealed */
  .container {
    background-color: #E2DFFE;
  }
  .container:hover .revealvertical {
     max-height: 0 !important;
  }

  /* Disable the vertical reveal effect on mobile by making it always revealed */
  .container:hover {
    background-color: #E2DFFE;
  }
  .revealvertical {
     max-height: 330px !important; /* Adjusted for mobile to be the same as the hover state */
  }
}

/* Adjust the vertical reveal effect for tablets */
@media only screen and (min-width: 767px) and (max-width: 1024px) {
  .container:hover {
    background-color: #E2DFFE;
  }
  .container:hover .revealvertical {
    max-height: 150px !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8870e58 */.container {
    background-color: #E2DFFE;
    transition: background-color 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
    min-height: 360px;
}

.container:hover {
    background-color: #FFFFFF;
}

/* The vertical reveal effect  */
.revealvertical {
    transition: max-height 0.6s cubic-bezier(0.25, 0.8, 0.25, 1); /* Updated transition */
    max-height: 0 !important;
    overflow: hidden; /* Ensure content is hidden */
}

.container:hover .revealvertical {
    max-height: 230px !important;
}

@media only screen and (max-width: 767px) {
  .container:hover {
    transition: none !important;
  }

  /* Adjust the vertical reveal effect on mobile */
  .container:hover .revealvertical {
     max-height: 330px !important;
  }

  /* Disable the vertical reveal effect on mobile by hiding the class getting revealed */
  .container {
    background-color: #E2DFFE;
  }
  .container:hover .revealvertical {
     max-height: 0 !important;
  }

  /* Disable the vertical reveal effect on mobile by making it always revealed */
  .container:hover {
    background-color: #E2DFFE;
  }
  .revealvertical {
     max-height: 330px !important; /* Adjusted for mobile to be the same as the hover state */
  }
}

/* Adjust the vertical reveal effect for tablets */
@media only screen and (min-width: 767px) and (max-width: 1024px) {
  .container:hover {
    background-color: #E2DFFE;
  }
  .container:hover .revealvertical {
    max-height: 150px !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8ef627a */.container {
    background-color: #E2DFFE;
    transition: background-color 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
    min-height: 348px;
}

.container:hover {
    background-color: #FFFFFF;
}

/* The vertical reveal effect  */
.revealvertical {
    transition: max-height 0.6s cubic-bezier(0.25, 0.8, 0.25, 1); /* Updated transition */
    max-height: 0 !important;
    overflow: hidden; /* Ensure content is hidden */
}

.container:hover .revealvertical {
    max-height: 230px !important;
}

@media only screen and (max-width: 767px) {
  .container:hover {
    transition: none !important;
  }

  /* Adjust the vertical reveal effect on mobile */
  .container:hover .revealvertical {
     max-height: 330px !important;
  }

  /* Disable the vertical reveal effect on mobile by hiding the class getting revealed */
  .container {
    background-color: #E2DFFE;
  }
  .container:hover .revealvertical {
     max-height: 0 !important;
  }

  /* Disable the vertical reveal effect on mobile by making it always revealed */
  .container:hover {
    background-color: #E2DFFE;
  }
  .revealvertical {
     max-height: 330px !important; /* Adjusted for mobile to be the same as the hover state */
  }
}

/* Adjust the vertical reveal effect for tablets */
@media only screen and (min-width: 767px) and (max-width: 1024px) {
  .container:hover {
    background-color: #E2DFFE;
  }
  .container:hover .revealvertical {
    max-height: 150px !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2426895 */.container {
    background-color: #E2DFFE;
    transition: background-color 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
    min-height: 348px;
}

.container:hover {
    background-color: #FFFFFF;
}

/* The vertical reveal effect  */
.revealvertical {
    transition: max-height 0.6s cubic-bezier(0.25, 0.8, 0.25, 1); /* Updated transition */
    max-height: 0 !important;
    overflow: hidden; /* Ensure content is hidden */
}

.container:hover .revealvertical {
    max-height: 230px !important;
}

@media only screen and (max-width: 767px) {
  .container:hover {
    transition: none !important;
  }

  /* Adjust the vertical reveal effect on mobile */
  .container:hover .revealvertical {
     max-height: 330px !important;
  }

  /* Disable the vertical reveal effect on mobile by hiding the class getting revealed */
  .container {
    background-color: #E2DFFE;
  }
  .container:hover .revealvertical {
     max-height: 0 !important;
  }

  /* Disable the vertical reveal effect on mobile by making it always revealed */
  .container:hover {
    background-color: #E2DFFE;
  }
  .revealvertical {
     max-height: 330px !important; /* Adjusted for mobile to be the same as the hover state */
  }
}

/* Adjust the vertical reveal effect for tablets */
@media only screen and (min-width: 767px) and (max-width: 1024px) {
  .container:hover {
    background-color: #E2DFFE;
  }
  .container:hover .revealvertical {
    max-height: 150px !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-57e48d5 */.container {
    background-color: #E2DFFE;
    transition: all 0.3s ease-in-out;
}

.container:hover {
    background-color: #FFFFFF;
}

/* The vertical reveal effect  */

.revealvertical {
    transition: all 0.4s ease-in-out;
    max-height: 0 !important;
}

.container:hover .revealvertical {
    max-height: 230px !important;
}

@media only screen and (max-width: 767px) {
  .container:hover {
  transition: none !important;
  }
}

/* Adjust the vertical reveal effect on mobile */
@media only screen and (max-width: 767px) {
  .container:hover .revealvertical {
     max-height: 330px !important;
  }
}

/* Disable the vertical reveal effect on mobile by hiding the class getting revealed */
@media only screen and (max-width: 767px) {
  .container {
  background-color: #E2DFFE;
  }
  .container:hover .revealvertical {
     max-height: 0 !important;
  }
}

/* Disable the vertical reveal effect on mobile by making it always revealed */
@media only screen and (max-width: 767px) {
  .container:hover {
  background-color: #E2DFFE;
  }
  .revealvertical {
     max-height: 230px !important;
  }
}

/* Adjust the vertical reveal effect for tablets */
@media only screen and (min-width: 767px) and (max-width: 1024px) {
  .container:hover {
  background-color: #E2DFFE;
  }
  .container:hover .revealvertical {
    max-height: 150px !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-daa236e */.container {
    background-color: #E2DFFE;
    transition: all 0.3s ease-in-out;
}

.container:hover {
    background-color: #FFFFFF;
}

/* The vertical reveal effect  */

.revealvertical {
    transition: all 0.4s ease-in-out;
    max-height: 0 !important;
}

.container:hover .revealvertical {
    max-height: 230px !important;
}

@media only screen and (max-width: 767px) {
  .container:hover {
  transition: none !important;
  }
}

/* Adjust the vertical reveal effect on mobile */
@media only screen and (max-width: 767px) {
  .container:hover .revealvertical {
     max-height: 330px !important;
  }
}

/* Disable the vertical reveal effect on mobile by hiding the class getting revealed */
@media only screen and (max-width: 767px) {
  .container {
  background-color: #E2DFFE;
  }
  .container:hover .revealvertical {
     max-height: 0 !important;
  }
}

/* Disable the vertical reveal effect on mobile by making it always revealed */
@media only screen and (max-width: 767px) {
  .container:hover {
  background-color: #E2DFFE;
  }
  .revealvertical {
     max-height: 230px !important;
  }
}

/* Adjust the vertical reveal effect for tablets */
@media only screen and (min-width: 767px) and (max-width: 1024px) {
  .container:hover {
  background-color: #E2DFFE;
  }
  .container:hover .revealvertical {
    max-height: 150px !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-05aaba1 */.container {
    background-color: #E2DFFE;
    transition: all 0.3s ease-in-out;
}

.container:hover {
    background-color: #FFFFFF;
}

/* The vertical reveal effect  */

.revealvertical {
    transition: all 0.4s ease-in-out;
    max-height: 0 !important;
}

.container:hover .revealvertical {
    max-height: 230px !important;
}

@media only screen and (max-width: 767px) {
  .container:hover {
  transition: none !important;
  }
}

/* Adjust the vertical reveal effect on mobile */
@media only screen and (max-width: 767px) {
  .container:hover .revealvertical {
     max-height: 330px !important;
  }
}

/* Disable the vertical reveal effect on mobile by hiding the class getting revealed */
@media only screen and (max-width: 767px) {
  .container {
  background-color: #E2DFFE;
  }
  .container:hover .revealvertical {
     max-height: 0 !important;
  }
}

/* Disable the vertical reveal effect on mobile by making it always revealed */
@media only screen and (max-width: 767px) {
  .container:hover {
  background-color: #E2DFFE;
  }
  .revealvertical {
     max-height: 230px !important;
  }
}

/* Adjust the vertical reveal effect for tablets */
@media only screen and (min-width: 767px) and (max-width: 1024px) {
  .container:hover {
  background-color: #E2DFFE;
  }
  .container:hover .revealvertical {
    max-height: 150px !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-318cc2b */.container {
    background-color: #E2DFFE;
    transition: background-color 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
    min-height: 360px;
}

.container:hover {
    background-color: #FFFFFF;
}

/* The vertical reveal effect  */
.revealvertical {
    transition: max-height 0.6s cubic-bezier(0.25, 0.8, 0.25, 1); /* Updated transition */
    max-height: 0 !important;
    overflow: hidden; /* Ensure content is hidden */
}

.container:hover .revealvertical {
    max-height: 230px !important;
}

@media only screen and (max-width: 767px) {
  .container:hover {
    transition: none !important;
  }

  /* Adjust the vertical reveal effect on mobile */
  .container:hover .revealvertical {
     max-height: 330px !important;
  }

  /* Disable the vertical reveal effect on mobile by hiding the class getting revealed */
  .container {
    background-color: #E2DFFE;
  }
  .container:hover .revealvertical {
     max-height: 0 !important;
  }

  /* Disable the vertical reveal effect on mobile by making it always revealed */
  .container:hover {
    background-color: #E2DFFE;
  }
  .revealvertical {
     max-height: 330px !important; /* Adjusted for mobile to be the same as the hover state */
  }
}

/* Adjust the vertical reveal effect for tablets */
@media only screen and (min-width: 767px) and (max-width: 1024px) {
  .container:hover {
    background-color: #E2DFFE;
  }
  .container:hover .revealvertical {
    max-height: 150px !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ed30fd7 */.container {
    background-color: #E2DFFE;
    transition: background-color 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
    min-height: 360px;
}

.container:hover {
    background-color: #FFFFFF;
}

/* The vertical reveal effect  */
.revealvertical {
    transition: max-height 0.6s cubic-bezier(0.25, 0.8, 0.25, 1); /* Updated transition */
    max-height: 0 !important;
    overflow: hidden; /* Ensure content is hidden */
}

.container:hover .revealvertical {
    max-height: 230px !important;
}

@media only screen and (max-width: 767px) {
  .container:hover {
    transition: none !important;
  }

  /* Adjust the vertical reveal effect on mobile */
  .container:hover .revealvertical {
     max-height: 330px !important;
  }

  /* Disable the vertical reveal effect on mobile by hiding the class getting revealed */
  .container {
    background-color: #E2DFFE;
  }
  .container:hover .revealvertical {
     max-height: 0 !important;
  }

  /* Disable the vertical reveal effect on mobile by making it always revealed */
  .container:hover {
    background-color: #E2DFFE;
  }
  .revealvertical {
     max-height: 330px !important; /* Adjusted for mobile to be the same as the hover state */
  }
}

/* Adjust the vertical reveal effect for tablets */
@media only screen and (min-width: 767px) and (max-width: 1024px) {
  .container:hover {
    background-color: #E2DFFE;
  }
  .container:hover .revealvertical {
    max-height: 150px !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8870e58 */.container {
    background-color: #E2DFFE;
    transition: background-color 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
    min-height: 360px;
}

.container:hover {
    background-color: #FFFFFF;
}

/* The vertical reveal effect  */
.revealvertical {
    transition: max-height 0.6s cubic-bezier(0.25, 0.8, 0.25, 1); /* Updated transition */
    max-height: 0 !important;
    overflow: hidden; /* Ensure content is hidden */
}

.container:hover .revealvertical {
    max-height: 230px !important;
}

@media only screen and (max-width: 767px) {
  .container:hover {
    transition: none !important;
  }

  /* Adjust the vertical reveal effect on mobile */
  .container:hover .revealvertical {
     max-height: 330px !important;
  }

  /* Disable the vertical reveal effect on mobile by hiding the class getting revealed */
  .container {
    background-color: #E2DFFE;
  }
  .container:hover .revealvertical {
     max-height: 0 !important;
  }

  /* Disable the vertical reveal effect on mobile by making it always revealed */
  .container:hover {
    background-color: #E2DFFE;
  }
  .revealvertical {
     max-height: 330px !important; /* Adjusted for mobile to be the same as the hover state */
  }
}

/* Adjust the vertical reveal effect for tablets */
@media only screen and (min-width: 767px) and (max-width: 1024px) {
  .container:hover {
    background-color: #E2DFFE;
  }
  .container:hover .revealvertical {
    max-height: 150px !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8ef627a */.container {
    background-color: #E2DFFE;
    transition: background-color 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
    min-height: 348px;
}

.container:hover {
    background-color: #FFFFFF;
}

/* The vertical reveal effect  */
.revealvertical {
    transition: max-height 0.6s cubic-bezier(0.25, 0.8, 0.25, 1); /* Updated transition */
    max-height: 0 !important;
    overflow: hidden; /* Ensure content is hidden */
}

.container:hover .revealvertical {
    max-height: 230px !important;
}

@media only screen and (max-width: 767px) {
  .container:hover {
    transition: none !important;
  }

  /* Adjust the vertical reveal effect on mobile */
  .container:hover .revealvertical {
     max-height: 330px !important;
  }

  /* Disable the vertical reveal effect on mobile by hiding the class getting revealed */
  .container {
    background-color: #E2DFFE;
  }
  .container:hover .revealvertical {
     max-height: 0 !important;
  }

  /* Disable the vertical reveal effect on mobile by making it always revealed */
  .container:hover {
    background-color: #E2DFFE;
  }
  .revealvertical {
     max-height: 330px !important; /* Adjusted for mobile to be the same as the hover state */
  }
}

/* Adjust the vertical reveal effect for tablets */
@media only screen and (min-width: 767px) and (max-width: 1024px) {
  .container:hover {
    background-color: #E2DFFE;
  }
  .container:hover .revealvertical {
    max-height: 150px !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2426895 */.container {
    background-color: #E2DFFE;
    transition: background-color 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
    min-height: 348px;
}

.container:hover {
    background-color: #FFFFFF;
}

/* The vertical reveal effect  */
.revealvertical {
    transition: max-height 0.6s cubic-bezier(0.25, 0.8, 0.25, 1); /* Updated transition */
    max-height: 0 !important;
    overflow: hidden; /* Ensure content is hidden */
}

.container:hover .revealvertical {
    max-height: 230px !important;
}

@media only screen and (max-width: 767px) {
  .container:hover {
    transition: none !important;
  }

  /* Adjust the vertical reveal effect on mobile */
  .container:hover .revealvertical {
     max-height: 330px !important;
  }

  /* Disable the vertical reveal effect on mobile by hiding the class getting revealed */
  .container {
    background-color: #E2DFFE;
  }
  .container:hover .revealvertical {
     max-height: 0 !important;
  }

  /* Disable the vertical reveal effect on mobile by making it always revealed */
  .container:hover {
    background-color: #E2DFFE;
  }
  .revealvertical {
     max-height: 330px !important; /* Adjusted for mobile to be the same as the hover state */
  }
}

/* Adjust the vertical reveal effect for tablets */
@media only screen and (min-width: 767px) and (max-width: 1024px) {
  .container:hover {
    background-color: #E2DFFE;
  }
  .container:hover .revealvertical {
    max-height: 150px !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-57e48d5 */.container {
    background-color: #E2DFFE;
    transition: all 0.3s ease-in-out;
}

.container:hover {
    background-color: #FFFFFF;
}

/* The vertical reveal effect  */

.revealvertical {
    transition: all 0.4s ease-in-out;
    max-height: 0 !important;
}

.container:hover .revealvertical {
    max-height: 230px !important;
}

@media only screen and (max-width: 767px) {
  .container:hover {
  transition: none !important;
  }
}

/* Adjust the vertical reveal effect on mobile */
@media only screen and (max-width: 767px) {
  .container:hover .revealvertical {
     max-height: 330px !important;
  }
}

/* Disable the vertical reveal effect on mobile by hiding the class getting revealed */
@media only screen and (max-width: 767px) {
  .container {
  background-color: #E2DFFE;
  }
  .container:hover .revealvertical {
     max-height: 0 !important;
  }
}

/* Disable the vertical reveal effect on mobile by making it always revealed */
@media only screen and (max-width: 767px) {
  .container:hover {
  background-color: #E2DFFE;
  }
  .revealvertical {
     max-height: 230px !important;
  }
}

/* Adjust the vertical reveal effect for tablets */
@media only screen and (min-width: 767px) and (max-width: 1024px) {
  .container:hover {
  background-color: #E2DFFE;
  }
  .container:hover .revealvertical {
    max-height: 150px !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-daa236e */.container {
    background-color: #E2DFFE;
    transition: all 0.3s ease-in-out;
}

.container:hover {
    background-color: #FFFFFF;
}

/* The vertical reveal effect  */

.revealvertical {
    transition: all 0.4s ease-in-out;
    max-height: 0 !important;
}

.container:hover .revealvertical {
    max-height: 230px !important;
}

@media only screen and (max-width: 767px) {
  .container:hover {
  transition: none !important;
  }
}

/* Adjust the vertical reveal effect on mobile */
@media only screen and (max-width: 767px) {
  .container:hover .revealvertical {
     max-height: 330px !important;
  }
}

/* Disable the vertical reveal effect on mobile by hiding the class getting revealed */
@media only screen and (max-width: 767px) {
  .container {
  background-color: #E2DFFE;
  }
  .container:hover .revealvertical {
     max-height: 0 !important;
  }
}

/* Disable the vertical reveal effect on mobile by making it always revealed */
@media only screen and (max-width: 767px) {
  .container:hover {
  background-color: #E2DFFE;
  }
  .revealvertical {
     max-height: 230px !important;
  }
}

/* Adjust the vertical reveal effect for tablets */
@media only screen and (min-width: 767px) and (max-width: 1024px) {
  .container:hover {
  background-color: #E2DFFE;
  }
  .container:hover .revealvertical {
    max-height: 150px !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-05aaba1 */.container {
    background-color: #E2DFFE;
    transition: all 0.3s ease-in-out;
}

.container:hover {
    background-color: #FFFFFF;
}

/* The vertical reveal effect  */

.revealvertical {
    transition: all 0.4s ease-in-out;
    max-height: 0 !important;
}

.container:hover .revealvertical {
    max-height: 230px !important;
}

@media only screen and (max-width: 767px) {
  .container:hover {
  transition: none !important;
  }
}

/* Adjust the vertical reveal effect on mobile */
@media only screen and (max-width: 767px) {
  .container:hover .revealvertical {
     max-height: 330px !important;
  }
}

/* Disable the vertical reveal effect on mobile by hiding the class getting revealed */
@media only screen and (max-width: 767px) {
  .container {
  background-color: #E2DFFE;
  }
  .container:hover .revealvertical {
     max-height: 0 !important;
  }
}

/* Disable the vertical reveal effect on mobile by making it always revealed */
@media only screen and (max-width: 767px) {
  .container:hover {
  background-color: #E2DFFE;
  }
  .revealvertical {
     max-height: 230px !important;
  }
}

/* Adjust the vertical reveal effect for tablets */
@media only screen and (min-width: 767px) and (max-width: 1024px) {
  .container:hover {
  background-color: #E2DFFE;
  }
  .container:hover .revealvertical {
    max-height: 150px !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-318cc2b */.container {
    background-color: #E2DFFE;
    transition: background-color 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
    min-height: 360px;
}

.container:hover {
    background-color: #FFFFFF;
}

/* The vertical reveal effect  */
.revealvertical {
    transition: max-height 0.6s cubic-bezier(0.25, 0.8, 0.25, 1); /* Updated transition */
    max-height: 0 !important;
    overflow: hidden; /* Ensure content is hidden */
}

.container:hover .revealvertical {
    max-height: 230px !important;
}

@media only screen and (max-width: 767px) {
  .container:hover {
    transition: none !important;
  }

  /* Adjust the vertical reveal effect on mobile */
  .container:hover .revealvertical {
     max-height: 330px !important;
  }

  /* Disable the vertical reveal effect on mobile by hiding the class getting revealed */
  .container {
    background-color: #E2DFFE;
  }
  .container:hover .revealvertical {
     max-height: 0 !important;
  }

  /* Disable the vertical reveal effect on mobile by making it always revealed */
  .container:hover {
    background-color: #E2DFFE;
  }
  .revealvertical {
     max-height: 330px !important; /* Adjusted for mobile to be the same as the hover state */
  }
}

/* Adjust the vertical reveal effect for tablets */
@media only screen and (min-width: 767px) and (max-width: 1024px) {
  .container:hover {
    background-color: #E2DFFE;
  }
  .container:hover .revealvertical {
    max-height: 150px !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ed30fd7 */.container {
    background-color: #E2DFFE;
    transition: background-color 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
    min-height: 360px;
}

.container:hover {
    background-color: #FFFFFF;
}

/* The vertical reveal effect  */
.revealvertical {
    transition: max-height 0.6s cubic-bezier(0.25, 0.8, 0.25, 1); /* Updated transition */
    max-height: 0 !important;
    overflow: hidden; /* Ensure content is hidden */
}

.container:hover .revealvertical {
    max-height: 230px !important;
}

@media only screen and (max-width: 767px) {
  .container:hover {
    transition: none !important;
  }

  /* Adjust the vertical reveal effect on mobile */
  .container:hover .revealvertical {
     max-height: 330px !important;
  }

  /* Disable the vertical reveal effect on mobile by hiding the class getting revealed */
  .container {
    background-color: #E2DFFE;
  }
  .container:hover .revealvertical {
     max-height: 0 !important;
  }

  /* Disable the vertical reveal effect on mobile by making it always revealed */
  .container:hover {
    background-color: #E2DFFE;
  }
  .revealvertical {
     max-height: 330px !important; /* Adjusted for mobile to be the same as the hover state */
  }
}

/* Adjust the vertical reveal effect for tablets */
@media only screen and (min-width: 767px) and (max-width: 1024px) {
  .container:hover {
    background-color: #E2DFFE;
  }
  .container:hover .revealvertical {
    max-height: 150px !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8870e58 */.container {
    background-color: #E2DFFE;
    transition: background-color 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
    min-height: 360px;
}

.container:hover {
    background-color: #FFFFFF;
}

/* The vertical reveal effect  */
.revealvertical {
    transition: max-height 0.6s cubic-bezier(0.25, 0.8, 0.25, 1); /* Updated transition */
    max-height: 0 !important;
    overflow: hidden; /* Ensure content is hidden */
}

.container:hover .revealvertical {
    max-height: 230px !important;
}

@media only screen and (max-width: 767px) {
  .container:hover {
    transition: none !important;
  }

  /* Adjust the vertical reveal effect on mobile */
  .container:hover .revealvertical {
     max-height: 330px !important;
  }

  /* Disable the vertical reveal effect on mobile by hiding the class getting revealed */
  .container {
    background-color: #E2DFFE;
  }
  .container:hover .revealvertical {
     max-height: 0 !important;
  }

  /* Disable the vertical reveal effect on mobile by making it always revealed */
  .container:hover {
    background-color: #E2DFFE;
  }
  .revealvertical {
     max-height: 330px !important; /* Adjusted for mobile to be the same as the hover state */
  }
}

/* Adjust the vertical reveal effect for tablets */
@media only screen and (min-width: 767px) and (max-width: 1024px) {
  .container:hover {
    background-color: #E2DFFE;
  }
  .container:hover .revealvertical {
    max-height: 150px !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8ef627a */.container {
    background-color: #E2DFFE;
    transition: background-color 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
    min-height: 348px;
}

.container:hover {
    background-color: #FFFFFF;
}

/* The vertical reveal effect  */
.revealvertical {
    transition: max-height 0.6s cubic-bezier(0.25, 0.8, 0.25, 1); /* Updated transition */
    max-height: 0 !important;
    overflow: hidden; /* Ensure content is hidden */
}

.container:hover .revealvertical {
    max-height: 230px !important;
}

@media only screen and (max-width: 767px) {
  .container:hover {
    transition: none !important;
  }

  /* Adjust the vertical reveal effect on mobile */
  .container:hover .revealvertical {
     max-height: 330px !important;
  }

  /* Disable the vertical reveal effect on mobile by hiding the class getting revealed */
  .container {
    background-color: #E2DFFE;
  }
  .container:hover .revealvertical {
     max-height: 0 !important;
  }

  /* Disable the vertical reveal effect on mobile by making it always revealed */
  .container:hover {
    background-color: #E2DFFE;
  }
  .revealvertical {
     max-height: 330px !important; /* Adjusted for mobile to be the same as the hover state */
  }
}

/* Adjust the vertical reveal effect for tablets */
@media only screen and (min-width: 767px) and (max-width: 1024px) {
  .container:hover {
    background-color: #E2DFFE;
  }
  .container:hover .revealvertical {
    max-height: 150px !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2426895 */.container {
    background-color: #E2DFFE;
    transition: background-color 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
    min-height: 348px;
}

.container:hover {
    background-color: #FFFFFF;
}

/* The vertical reveal effect  */
.revealvertical {
    transition: max-height 0.6s cubic-bezier(0.25, 0.8, 0.25, 1); /* Updated transition */
    max-height: 0 !important;
    overflow: hidden; /* Ensure content is hidden */
}

.container:hover .revealvertical {
    max-height: 230px !important;
}

@media only screen and (max-width: 767px) {
  .container:hover {
    transition: none !important;
  }

  /* Adjust the vertical reveal effect on mobile */
  .container:hover .revealvertical {
     max-height: 330px !important;
  }

  /* Disable the vertical reveal effect on mobile by hiding the class getting revealed */
  .container {
    background-color: #E2DFFE;
  }
  .container:hover .revealvertical {
     max-height: 0 !important;
  }

  /* Disable the vertical reveal effect on mobile by making it always revealed */
  .container:hover {
    background-color: #E2DFFE;
  }
  .revealvertical {
     max-height: 330px !important; /* Adjusted for mobile to be the same as the hover state */
  }
}

/* Adjust the vertical reveal effect for tablets */
@media only screen and (min-width: 767px) and (max-width: 1024px) {
  .container:hover {
    background-color: #E2DFFE;
  }
  .container:hover .revealvertical {
    max-height: 150px !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-57e48d5 */.container {
    background-color: #E2DFFE;
    transition: all 0.3s ease-in-out;
}

.container:hover {
    background-color: #FFFFFF;
}

/* The vertical reveal effect  */

.revealvertical {
    transition: all 0.4s ease-in-out;
    max-height: 0 !important;
}

.container:hover .revealvertical {
    max-height: 230px !important;
}

@media only screen and (max-width: 767px) {
  .container:hover {
  transition: none !important;
  }
}

/* Adjust the vertical reveal effect on mobile */
@media only screen and (max-width: 767px) {
  .container:hover .revealvertical {
     max-height: 330px !important;
  }
}

/* Disable the vertical reveal effect on mobile by hiding the class getting revealed */
@media only screen and (max-width: 767px) {
  .container {
  background-color: #E2DFFE;
  }
  .container:hover .revealvertical {
     max-height: 0 !important;
  }
}

/* Disable the vertical reveal effect on mobile by making it always revealed */
@media only screen and (max-width: 767px) {
  .container:hover {
  background-color: #E2DFFE;
  }
  .revealvertical {
     max-height: 230px !important;
  }
}

/* Adjust the vertical reveal effect for tablets */
@media only screen and (min-width: 767px) and (max-width: 1024px) {
  .container:hover {
  background-color: #E2DFFE;
  }
  .container:hover .revealvertical {
    max-height: 150px !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-daa236e */.container {
    background-color: #E2DFFE;
    transition: all 0.3s ease-in-out;
}

.container:hover {
    background-color: #FFFFFF;
}

/* The vertical reveal effect  */

.revealvertical {
    transition: all 0.4s ease-in-out;
    max-height: 0 !important;
}

.container:hover .revealvertical {
    max-height: 230px !important;
}

@media only screen and (max-width: 767px) {
  .container:hover {
  transition: none !important;
  }
}

/* Adjust the vertical reveal effect on mobile */
@media only screen and (max-width: 767px) {
  .container:hover .revealvertical {
     max-height: 330px !important;
  }
}

/* Disable the vertical reveal effect on mobile by hiding the class getting revealed */
@media only screen and (max-width: 767px) {
  .container {
  background-color: #E2DFFE;
  }
  .container:hover .revealvertical {
     max-height: 0 !important;
  }
}

/* Disable the vertical reveal effect on mobile by making it always revealed */
@media only screen and (max-width: 767px) {
  .container:hover {
  background-color: #E2DFFE;
  }
  .revealvertical {
     max-height: 230px !important;
  }
}

/* Adjust the vertical reveal effect for tablets */
@media only screen and (min-width: 767px) and (max-width: 1024px) {
  .container:hover {
  background-color: #E2DFFE;
  }
  .container:hover .revealvertical {
    max-height: 150px !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-05aaba1 */.container {
    background-color: #E2DFFE;
    transition: all 0.3s ease-in-out;
}

.container:hover {
    background-color: #FFFFFF;
}

/* The vertical reveal effect  */

.revealvertical {
    transition: all 0.4s ease-in-out;
    max-height: 0 !important;
}

.container:hover .revealvertical {
    max-height: 230px !important;
}

@media only screen and (max-width: 767px) {
  .container:hover {
  transition: none !important;
  }
}

/* Adjust the vertical reveal effect on mobile */
@media only screen and (max-width: 767px) {
  .container:hover .revealvertical {
     max-height: 330px !important;
  }
}

/* Disable the vertical reveal effect on mobile by hiding the class getting revealed */
@media only screen and (max-width: 767px) {
  .container {
  background-color: #E2DFFE;
  }
  .container:hover .revealvertical {
     max-height: 0 !important;
  }
}

/* Disable the vertical reveal effect on mobile by making it always revealed */
@media only screen and (max-width: 767px) {
  .container:hover {
  background-color: #E2DFFE;
  }
  .revealvertical {
     max-height: 230px !important;
  }
}

/* Adjust the vertical reveal effect for tablets */
@media only screen and (min-width: 767px) and (max-width: 1024px) {
  .container:hover {
  background-color: #E2DFFE;
  }
  .container:hover .revealvertical {
    max-height: 150px !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-318cc2b */.container {
    background-color: #E2DFFE;
    transition: background-color 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
    min-height: 360px;
}

.container:hover {
    background-color: #FFFFFF;
}

/* The vertical reveal effect  */
.revealvertical {
    transition: max-height 0.6s cubic-bezier(0.25, 0.8, 0.25, 1); /* Updated transition */
    max-height: 0 !important;
    overflow: hidden; /* Ensure content is hidden */
}

.container:hover .revealvertical {
    max-height: 230px !important;
}

@media only screen and (max-width: 767px) {
  .container:hover {
    transition: none !important;
  }

  /* Adjust the vertical reveal effect on mobile */
  .container:hover .revealvertical {
     max-height: 330px !important;
  }

  /* Disable the vertical reveal effect on mobile by hiding the class getting revealed */
  .container {
    background-color: #E2DFFE;
  }
  .container:hover .revealvertical {
     max-height: 0 !important;
  }

  /* Disable the vertical reveal effect on mobile by making it always revealed */
  .container:hover {
    background-color: #E2DFFE;
  }
  .revealvertical {
     max-height: 330px !important; /* Adjusted for mobile to be the same as the hover state */
  }
}

/* Adjust the vertical reveal effect for tablets */
@media only screen and (min-width: 767px) and (max-width: 1024px) {
  .container:hover {
    background-color: #E2DFFE;
  }
  .container:hover .revealvertical {
    max-height: 150px !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ed30fd7 */.container {
    background-color: #E2DFFE;
    transition: background-color 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
    min-height: 360px;
}

.container:hover {
    background-color: #FFFFFF;
}

/* The vertical reveal effect  */
.revealvertical {
    transition: max-height 0.6s cubic-bezier(0.25, 0.8, 0.25, 1); /* Updated transition */
    max-height: 0 !important;
    overflow: hidden; /* Ensure content is hidden */
}

.container:hover .revealvertical {
    max-height: 230px !important;
}

@media only screen and (max-width: 767px) {
  .container:hover {
    transition: none !important;
  }

  /* Adjust the vertical reveal effect on mobile */
  .container:hover .revealvertical {
     max-height: 330px !important;
  }

  /* Disable the vertical reveal effect on mobile by hiding the class getting revealed */
  .container {
    background-color: #E2DFFE;
  }
  .container:hover .revealvertical {
     max-height: 0 !important;
  }

  /* Disable the vertical reveal effect on mobile by making it always revealed */
  .container:hover {
    background-color: #E2DFFE;
  }
  .revealvertical {
     max-height: 330px !important; /* Adjusted for mobile to be the same as the hover state */
  }
}

/* Adjust the vertical reveal effect for tablets */
@media only screen and (min-width: 767px) and (max-width: 1024px) {
  .container:hover {
    background-color: #E2DFFE;
  }
  .container:hover .revealvertical {
    max-height: 150px !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8870e58 */.container {
    background-color: #E2DFFE;
    transition: background-color 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
    min-height: 360px;
}

.container:hover {
    background-color: #FFFFFF;
}

/* The vertical reveal effect  */
.revealvertical {
    transition: max-height 0.6s cubic-bezier(0.25, 0.8, 0.25, 1); /* Updated transition */
    max-height: 0 !important;
    overflow: hidden; /* Ensure content is hidden */
}

.container:hover .revealvertical {
    max-height: 230px !important;
}

@media only screen and (max-width: 767px) {
  .container:hover {
    transition: none !important;
  }

  /* Adjust the vertical reveal effect on mobile */
  .container:hover .revealvertical {
     max-height: 330px !important;
  }

  /* Disable the vertical reveal effect on mobile by hiding the class getting revealed */
  .container {
    background-color: #E2DFFE;
  }
  .container:hover .revealvertical {
     max-height: 0 !important;
  }

  /* Disable the vertical reveal effect on mobile by making it always revealed */
  .container:hover {
    background-color: #E2DFFE;
  }
  .revealvertical {
     max-height: 330px !important; /* Adjusted for mobile to be the same as the hover state */
  }
}

/* Adjust the vertical reveal effect for tablets */
@media only screen and (min-width: 767px) and (max-width: 1024px) {
  .container:hover {
    background-color: #E2DFFE;
  }
  .container:hover .revealvertical {
    max-height: 150px !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8ef627a */.container {
    background-color: #E2DFFE;
    transition: background-color 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
    min-height: 348px;
}

.container:hover {
    background-color: #FFFFFF;
}

/* The vertical reveal effect  */
.revealvertical {
    transition: max-height 0.6s cubic-bezier(0.25, 0.8, 0.25, 1); /* Updated transition */
    max-height: 0 !important;
    overflow: hidden; /* Ensure content is hidden */
}

.container:hover .revealvertical {
    max-height: 230px !important;
}

@media only screen and (max-width: 767px) {
  .container:hover {
    transition: none !important;
  }

  /* Adjust the vertical reveal effect on mobile */
  .container:hover .revealvertical {
     max-height: 330px !important;
  }

  /* Disable the vertical reveal effect on mobile by hiding the class getting revealed */
  .container {
    background-color: #E2DFFE;
  }
  .container:hover .revealvertical {
     max-height: 0 !important;
  }

  /* Disable the vertical reveal effect on mobile by making it always revealed */
  .container:hover {
    background-color: #E2DFFE;
  }
  .revealvertical {
     max-height: 330px !important; /* Adjusted for mobile to be the same as the hover state */
  }
}

/* Adjust the vertical reveal effect for tablets */
@media only screen and (min-width: 767px) and (max-width: 1024px) {
  .container:hover {
    background-color: #E2DFFE;
  }
  .container:hover .revealvertical {
    max-height: 150px !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2426895 */.container {
    background-color: #E2DFFE;
    transition: background-color 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
    min-height: 348px;
}

.container:hover {
    background-color: #FFFFFF;
}

/* The vertical reveal effect  */
.revealvertical {
    transition: max-height 0.6s cubic-bezier(0.25, 0.8, 0.25, 1); /* Updated transition */
    max-height: 0 !important;
    overflow: hidden; /* Ensure content is hidden */
}

.container:hover .revealvertical {
    max-height: 230px !important;
}

@media only screen and (max-width: 767px) {
  .container:hover {
    transition: none !important;
  }

  /* Adjust the vertical reveal effect on mobile */
  .container:hover .revealvertical {
     max-height: 330px !important;
  }

  /* Disable the vertical reveal effect on mobile by hiding the class getting revealed */
  .container {
    background-color: #E2DFFE;
  }
  .container:hover .revealvertical {
     max-height: 0 !important;
  }

  /* Disable the vertical reveal effect on mobile by making it always revealed */
  .container:hover {
    background-color: #E2DFFE;
  }
  .revealvertical {
     max-height: 330px !important; /* Adjusted for mobile to be the same as the hover state */
  }
}

/* Adjust the vertical reveal effect for tablets */
@media only screen and (min-width: 767px) and (max-width: 1024px) {
  .container:hover {
    background-color: #E2DFFE;
  }
  .container:hover .revealvertical {
    max-height: 150px !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-57e48d5 */.container {
    background-color: #E2DFFE;
    transition: all 0.3s ease-in-out;
}

.container:hover {
    background-color: #FFFFFF;
}

/* The vertical reveal effect  */

.revealvertical {
    transition: all 0.4s ease-in-out;
    max-height: 0 !important;
}

.container:hover .revealvertical {
    max-height: 230px !important;
}

@media only screen and (max-width: 767px) {
  .container:hover {
  transition: none !important;
  }
}

/* Adjust the vertical reveal effect on mobile */
@media only screen and (max-width: 767px) {
  .container:hover .revealvertical {
     max-height: 330px !important;
  }
}

/* Disable the vertical reveal effect on mobile by hiding the class getting revealed */
@media only screen and (max-width: 767px) {
  .container {
  background-color: #E2DFFE;
  }
  .container:hover .revealvertical {
     max-height: 0 !important;
  }
}

/* Disable the vertical reveal effect on mobile by making it always revealed */
@media only screen and (max-width: 767px) {
  .container:hover {
  background-color: #E2DFFE;
  }
  .revealvertical {
     max-height: 230px !important;
  }
}

/* Adjust the vertical reveal effect for tablets */
@media only screen and (min-width: 767px) and (max-width: 1024px) {
  .container:hover {
  background-color: #E2DFFE;
  }
  .container:hover .revealvertical {
    max-height: 150px !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-daa236e */.container {
    background-color: #E2DFFE;
    transition: all 0.3s ease-in-out;
}

.container:hover {
    background-color: #FFFFFF;
}

/* The vertical reveal effect  */

.revealvertical {
    transition: all 0.4s ease-in-out;
    max-height: 0 !important;
}

.container:hover .revealvertical {
    max-height: 230px !important;
}

@media only screen and (max-width: 767px) {
  .container:hover {
  transition: none !important;
  }
}

/* Adjust the vertical reveal effect on mobile */
@media only screen and (max-width: 767px) {
  .container:hover .revealvertical {
     max-height: 330px !important;
  }
}

/* Disable the vertical reveal effect on mobile by hiding the class getting revealed */
@media only screen and (max-width: 767px) {
  .container {
  background-color: #E2DFFE;
  }
  .container:hover .revealvertical {
     max-height: 0 !important;
  }
}

/* Disable the vertical reveal effect on mobile by making it always revealed */
@media only screen and (max-width: 767px) {
  .container:hover {
  background-color: #E2DFFE;
  }
  .revealvertical {
     max-height: 230px !important;
  }
}

/* Adjust the vertical reveal effect for tablets */
@media only screen and (min-width: 767px) and (max-width: 1024px) {
  .container:hover {
  background-color: #E2DFFE;
  }
  .container:hover .revealvertical {
    max-height: 150px !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-05aaba1 */.container {
    background-color: #E2DFFE;
    transition: all 0.3s ease-in-out;
}

.container:hover {
    background-color: #FFFFFF;
}

/* The vertical reveal effect  */

.revealvertical {
    transition: all 0.4s ease-in-out;
    max-height: 0 !important;
}

.container:hover .revealvertical {
    max-height: 230px !important;
}

@media only screen and (max-width: 767px) {
  .container:hover {
  transition: none !important;
  }
}

/* Adjust the vertical reveal effect on mobile */
@media only screen and (max-width: 767px) {
  .container:hover .revealvertical {
     max-height: 330px !important;
  }
}

/* Disable the vertical reveal effect on mobile by hiding the class getting revealed */
@media only screen and (max-width: 767px) {
  .container {
  background-color: #E2DFFE;
  }
  .container:hover .revealvertical {
     max-height: 0 !important;
  }
}

/* Disable the vertical reveal effect on mobile by making it always revealed */
@media only screen and (max-width: 767px) {
  .container:hover {
  background-color: #E2DFFE;
  }
  .revealvertical {
     max-height: 230px !important;
  }
}

/* Adjust the vertical reveal effect for tablets */
@media only screen and (min-width: 767px) and (max-width: 1024px) {
  .container:hover {
  background-color: #E2DFFE;
  }
  .container:hover .revealvertical {
    max-height: 150px !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-318cc2b */.container {
    background-color: #E2DFFE;
    transition: background-color 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
    min-height: 360px;
}

.container:hover {
    background-color: #FFFFFF;
}

/* The vertical reveal effect  */
.revealvertical {
    transition: max-height 0.6s cubic-bezier(0.25, 0.8, 0.25, 1); /* Updated transition */
    max-height: 0 !important;
    overflow: hidden; /* Ensure content is hidden */
}

.container:hover .revealvertical {
    max-height: 230px !important;
}

@media only screen and (max-width: 767px) {
  .container:hover {
    transition: none !important;
  }

  /* Adjust the vertical reveal effect on mobile */
  .container:hover .revealvertical {
     max-height: 330px !important;
  }

  /* Disable the vertical reveal effect on mobile by hiding the class getting revealed */
  .container {
    background-color: #E2DFFE;
  }
  .container:hover .revealvertical {
     max-height: 0 !important;
  }

  /* Disable the vertical reveal effect on mobile by making it always revealed */
  .container:hover {
    background-color: #E2DFFE;
  }
  .revealvertical {
     max-height: 330px !important; /* Adjusted for mobile to be the same as the hover state */
  }
}

/* Adjust the vertical reveal effect for tablets */
@media only screen and (min-width: 767px) and (max-width: 1024px) {
  .container:hover {
    background-color: #E2DFFE;
  }
  .container:hover .revealvertical {
    max-height: 150px !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ed30fd7 */.container {
    background-color: #E2DFFE;
    transition: background-color 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
    min-height: 360px;
}

.container:hover {
    background-color: #FFFFFF;
}

/* The vertical reveal effect  */
.revealvertical {
    transition: max-height 0.6s cubic-bezier(0.25, 0.8, 0.25, 1); /* Updated transition */
    max-height: 0 !important;
    overflow: hidden; /* Ensure content is hidden */
}

.container:hover .revealvertical {
    max-height: 230px !important;
}

@media only screen and (max-width: 767px) {
  .container:hover {
    transition: none !important;
  }

  /* Adjust the vertical reveal effect on mobile */
  .container:hover .revealvertical {
     max-height: 330px !important;
  }

  /* Disable the vertical reveal effect on mobile by hiding the class getting revealed */
  .container {
    background-color: #E2DFFE;
  }
  .container:hover .revealvertical {
     max-height: 0 !important;
  }

  /* Disable the vertical reveal effect on mobile by making it always revealed */
  .container:hover {
    background-color: #E2DFFE;
  }
  .revealvertical {
     max-height: 330px !important; /* Adjusted for mobile to be the same as the hover state */
  }
}

/* Adjust the vertical reveal effect for tablets */
@media only screen and (min-width: 767px) and (max-width: 1024px) {
  .container:hover {
    background-color: #E2DFFE;
  }
  .container:hover .revealvertical {
    max-height: 150px !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8870e58 */.container {
    background-color: #E2DFFE;
    transition: background-color 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
    min-height: 360px;
}

.container:hover {
    background-color: #FFFFFF;
}

/* The vertical reveal effect  */
.revealvertical {
    transition: max-height 0.6s cubic-bezier(0.25, 0.8, 0.25, 1); /* Updated transition */
    max-height: 0 !important;
    overflow: hidden; /* Ensure content is hidden */
}

.container:hover .revealvertical {
    max-height: 230px !important;
}

@media only screen and (max-width: 767px) {
  .container:hover {
    transition: none !important;
  }

  /* Adjust the vertical reveal effect on mobile */
  .container:hover .revealvertical {
     max-height: 330px !important;
  }

  /* Disable the vertical reveal effect on mobile by hiding the class getting revealed */
  .container {
    background-color: #E2DFFE;
  }
  .container:hover .revealvertical {
     max-height: 0 !important;
  }

  /* Disable the vertical reveal effect on mobile by making it always revealed */
  .container:hover {
    background-color: #E2DFFE;
  }
  .revealvertical {
     max-height: 330px !important; /* Adjusted for mobile to be the same as the hover state */
  }
}

/* Adjust the vertical reveal effect for tablets */
@media only screen and (min-width: 767px) and (max-width: 1024px) {
  .container:hover {
    background-color: #E2DFFE;
  }
  .container:hover .revealvertical {
    max-height: 150px !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8ef627a */.container {
    background-color: #E2DFFE;
    transition: background-color 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
    min-height: 348px;
}

.container:hover {
    background-color: #FFFFFF;
}

/* The vertical reveal effect  */
.revealvertical {
    transition: max-height 0.6s cubic-bezier(0.25, 0.8, 0.25, 1); /* Updated transition */
    max-height: 0 !important;
    overflow: hidden; /* Ensure content is hidden */
}

.container:hover .revealvertical {
    max-height: 230px !important;
}

@media only screen and (max-width: 767px) {
  .container:hover {
    transition: none !important;
  }

  /* Adjust the vertical reveal effect on mobile */
  .container:hover .revealvertical {
     max-height: 330px !important;
  }

  /* Disable the vertical reveal effect on mobile by hiding the class getting revealed */
  .container {
    background-color: #E2DFFE;
  }
  .container:hover .revealvertical {
     max-height: 0 !important;
  }

  /* Disable the vertical reveal effect on mobile by making it always revealed */
  .container:hover {
    background-color: #E2DFFE;
  }
  .revealvertical {
     max-height: 330px !important; /* Adjusted for mobile to be the same as the hover state */
  }
}

/* Adjust the vertical reveal effect for tablets */
@media only screen and (min-width: 767px) and (max-width: 1024px) {
  .container:hover {
    background-color: #E2DFFE;
  }
  .container:hover .revealvertical {
    max-height: 150px !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2426895 */.container {
    background-color: #E2DFFE;
    transition: background-color 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
    min-height: 348px;
}

.container:hover {
    background-color: #FFFFFF;
}

/* The vertical reveal effect  */
.revealvertical {
    transition: max-height 0.6s cubic-bezier(0.25, 0.8, 0.25, 1); /* Updated transition */
    max-height: 0 !important;
    overflow: hidden; /* Ensure content is hidden */
}

.container:hover .revealvertical {
    max-height: 230px !important;
}

@media only screen and (max-width: 767px) {
  .container:hover {
    transition: none !important;
  }

  /* Adjust the vertical reveal effect on mobile */
  .container:hover .revealvertical {
     max-height: 330px !important;
  }

  /* Disable the vertical reveal effect on mobile by hiding the class getting revealed */
  .container {
    background-color: #E2DFFE;
  }
  .container:hover .revealvertical {
     max-height: 0 !important;
  }

  /* Disable the vertical reveal effect on mobile by making it always revealed */
  .container:hover {
    background-color: #E2DFFE;
  }
  .revealvertical {
     max-height: 330px !important; /* Adjusted for mobile to be the same as the hover state */
  }
}

/* Adjust the vertical reveal effect for tablets */
@media only screen and (min-width: 767px) and (max-width: 1024px) {
  .container:hover {
    background-color: #E2DFFE;
  }
  .container:hover .revealvertical {
    max-height: 150px !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-57e48d5 */.container {
    background-color: #E2DFFE;
    transition: all 0.3s ease-in-out;
}

.container:hover {
    background-color: #FFFFFF;
}

/* The vertical reveal effect  */

.revealvertical {
    transition: all 0.4s ease-in-out;
    max-height: 0 !important;
}

.container:hover .revealvertical {
    max-height: 230px !important;
}

@media only screen and (max-width: 767px) {
  .container:hover {
  transition: none !important;
  }
}

/* Adjust the vertical reveal effect on mobile */
@media only screen and (max-width: 767px) {
  .container:hover .revealvertical {
     max-height: 330px !important;
  }
}

/* Disable the vertical reveal effect on mobile by hiding the class getting revealed */
@media only screen and (max-width: 767px) {
  .container {
  background-color: #E2DFFE;
  }
  .container:hover .revealvertical {
     max-height: 0 !important;
  }
}

/* Disable the vertical reveal effect on mobile by making it always revealed */
@media only screen and (max-width: 767px) {
  .container:hover {
  background-color: #E2DFFE;
  }
  .revealvertical {
     max-height: 230px !important;
  }
}

/* Adjust the vertical reveal effect for tablets */
@media only screen and (min-width: 767px) and (max-width: 1024px) {
  .container:hover {
  background-color: #E2DFFE;
  }
  .container:hover .revealvertical {
    max-height: 150px !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-daa236e */.container {
    background-color: #E2DFFE;
    transition: all 0.3s ease-in-out;
}

.container:hover {
    background-color: #FFFFFF;
}

/* The vertical reveal effect  */

.revealvertical {
    transition: all 0.4s ease-in-out;
    max-height: 0 !important;
}

.container:hover .revealvertical {
    max-height: 230px !important;
}

@media only screen and (max-width: 767px) {
  .container:hover {
  transition: none !important;
  }
}

/* Adjust the vertical reveal effect on mobile */
@media only screen and (max-width: 767px) {
  .container:hover .revealvertical {
     max-height: 330px !important;
  }
}

/* Disable the vertical reveal effect on mobile by hiding the class getting revealed */
@media only screen and (max-width: 767px) {
  .container {
  background-color: #E2DFFE;
  }
  .container:hover .revealvertical {
     max-height: 0 !important;
  }
}

/* Disable the vertical reveal effect on mobile by making it always revealed */
@media only screen and (max-width: 767px) {
  .container:hover {
  background-color: #E2DFFE;
  }
  .revealvertical {
     max-height: 230px !important;
  }
}

/* Adjust the vertical reveal effect for tablets */
@media only screen and (min-width: 767px) and (max-width: 1024px) {
  .container:hover {
  background-color: #E2DFFE;
  }
  .container:hover .revealvertical {
    max-height: 150px !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-05aaba1 */.container {
    background-color: #E2DFFE;
    transition: all 0.3s ease-in-out;
}

.container:hover {
    background-color: #FFFFFF;
}

/* The vertical reveal effect  */

.revealvertical {
    transition: all 0.4s ease-in-out;
    max-height: 0 !important;
}

.container:hover .revealvertical {
    max-height: 230px !important;
}

@media only screen and (max-width: 767px) {
  .container:hover {
  transition: none !important;
  }
}

/* Adjust the vertical reveal effect on mobile */
@media only screen and (max-width: 767px) {
  .container:hover .revealvertical {
     max-height: 330px !important;
  }
}

/* Disable the vertical reveal effect on mobile by hiding the class getting revealed */
@media only screen and (max-width: 767px) {
  .container {
  background-color: #E2DFFE;
  }
  .container:hover .revealvertical {
     max-height: 0 !important;
  }
}

/* Disable the vertical reveal effect on mobile by making it always revealed */
@media only screen and (max-width: 767px) {
  .container:hover {
  background-color: #E2DFFE;
  }
  .revealvertical {
     max-height: 230px !important;
  }
}

/* Adjust the vertical reveal effect for tablets */
@media only screen and (min-width: 767px) and (max-width: 1024px) {
  .container:hover {
  background-color: #E2DFFE;
  }
  .container:hover .revealvertical {
    max-height: 150px !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-318cc2b */.container {
    background-color: #E2DFFE;
    transition: background-color 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
    min-height: 360px;
}

.container:hover {
    background-color: #FFFFFF;
}

/* The vertical reveal effect  */
.revealvertical {
    transition: max-height 0.6s cubic-bezier(0.25, 0.8, 0.25, 1); /* Updated transition */
    max-height: 0 !important;
    overflow: hidden; /* Ensure content is hidden */
}

.container:hover .revealvertical {
    max-height: 230px !important;
}

@media only screen and (max-width: 767px) {
  .container:hover {
    transition: none !important;
  }

  /* Adjust the vertical reveal effect on mobile */
  .container:hover .revealvertical {
     max-height: 330px !important;
  }

  /* Disable the vertical reveal effect on mobile by hiding the class getting revealed */
  .container {
    background-color: #E2DFFE;
  }
  .container:hover .revealvertical {
     max-height: 0 !important;
  }

  /* Disable the vertical reveal effect on mobile by making it always revealed */
  .container:hover {
    background-color: #E2DFFE;
  }
  .revealvertical {
     max-height: 330px !important; /* Adjusted for mobile to be the same as the hover state */
  }
}

/* Adjust the vertical reveal effect for tablets */
@media only screen and (min-width: 767px) and (max-width: 1024px) {
  .container:hover {
    background-color: #E2DFFE;
  }
  .container:hover .revealvertical {
    max-height: 150px !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ed30fd7 */.container {
    background-color: #E2DFFE;
    transition: background-color 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
    min-height: 360px;
}

.container:hover {
    background-color: #FFFFFF;
}

/* The vertical reveal effect  */
.revealvertical {
    transition: max-height 0.6s cubic-bezier(0.25, 0.8, 0.25, 1); /* Updated transition */
    max-height: 0 !important;
    overflow: hidden; /* Ensure content is hidden */
}

.container:hover .revealvertical {
    max-height: 230px !important;
}

@media only screen and (max-width: 767px) {
  .container:hover {
    transition: none !important;
  }

  /* Adjust the vertical reveal effect on mobile */
  .container:hover .revealvertical {
     max-height: 330px !important;
  }

  /* Disable the vertical reveal effect on mobile by hiding the class getting revealed */
  .container {
    background-color: #E2DFFE;
  }
  .container:hover .revealvertical {
     max-height: 0 !important;
  }

  /* Disable the vertical reveal effect on mobile by making it always revealed */
  .container:hover {
    background-color: #E2DFFE;
  }
  .revealvertical {
     max-height: 330px !important; /* Adjusted for mobile to be the same as the hover state */
  }
}

/* Adjust the vertical reveal effect for tablets */
@media only screen and (min-width: 767px) and (max-width: 1024px) {
  .container:hover {
    background-color: #E2DFFE;
  }
  .container:hover .revealvertical {
    max-height: 150px !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8870e58 */.container {
    background-color: #E2DFFE;
    transition: background-color 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
    min-height: 360px;
}

.container:hover {
    background-color: #FFFFFF;
}

/* The vertical reveal effect  */
.revealvertical {
    transition: max-height 0.6s cubic-bezier(0.25, 0.8, 0.25, 1); /* Updated transition */
    max-height: 0 !important;
    overflow: hidden; /* Ensure content is hidden */
}

.container:hover .revealvertical {
    max-height: 230px !important;
}

@media only screen and (max-width: 767px) {
  .container:hover {
    transition: none !important;
  }

  /* Adjust the vertical reveal effect on mobile */
  .container:hover .revealvertical {
     max-height: 330px !important;
  }

  /* Disable the vertical reveal effect on mobile by hiding the class getting revealed */
  .container {
    background-color: #E2DFFE;
  }
  .container:hover .revealvertical {
     max-height: 0 !important;
  }

  /* Disable the vertical reveal effect on mobile by making it always revealed */
  .container:hover {
    background-color: #E2DFFE;
  }
  .revealvertical {
     max-height: 330px !important; /* Adjusted for mobile to be the same as the hover state */
  }
}

/* Adjust the vertical reveal effect for tablets */
@media only screen and (min-width: 767px) and (max-width: 1024px) {
  .container:hover {
    background-color: #E2DFFE;
  }
  .container:hover .revealvertical {
    max-height: 150px !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8ef627a */.container {
    background-color: #E2DFFE;
    transition: background-color 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
    min-height: 348px;
}

.container:hover {
    background-color: #FFFFFF;
}

/* The vertical reveal effect  */
.revealvertical {
    transition: max-height 0.6s cubic-bezier(0.25, 0.8, 0.25, 1); /* Updated transition */
    max-height: 0 !important;
    overflow: hidden; /* Ensure content is hidden */
}

.container:hover .revealvertical {
    max-height: 230px !important;
}

@media only screen and (max-width: 767px) {
  .container:hover {
    transition: none !important;
  }

  /* Adjust the vertical reveal effect on mobile */
  .container:hover .revealvertical {
     max-height: 330px !important;
  }

  /* Disable the vertical reveal effect on mobile by hiding the class getting revealed */
  .container {
    background-color: #E2DFFE;
  }
  .container:hover .revealvertical {
     max-height: 0 !important;
  }

  /* Disable the vertical reveal effect on mobile by making it always revealed */
  .container:hover {
    background-color: #E2DFFE;
  }
  .revealvertical {
     max-height: 330px !important; /* Adjusted for mobile to be the same as the hover state */
  }
}

/* Adjust the vertical reveal effect for tablets */
@media only screen and (min-width: 767px) and (max-width: 1024px) {
  .container:hover {
    background-color: #E2DFFE;
  }
  .container:hover .revealvertical {
    max-height: 150px !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2426895 */.container {
    background-color: #E2DFFE;
    transition: background-color 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
    min-height: 348px;
}

.container:hover {
    background-color: #FFFFFF;
}

/* The vertical reveal effect  */
.revealvertical {
    transition: max-height 0.6s cubic-bezier(0.25, 0.8, 0.25, 1); /* Updated transition */
    max-height: 0 !important;
    overflow: hidden; /* Ensure content is hidden */
}

.container:hover .revealvertical {
    max-height: 230px !important;
}

@media only screen and (max-width: 767px) {
  .container:hover {
    transition: none !important;
  }

  /* Adjust the vertical reveal effect on mobile */
  .container:hover .revealvertical {
     max-height: 330px !important;
  }

  /* Disable the vertical reveal effect on mobile by hiding the class getting revealed */
  .container {
    background-color: #E2DFFE;
  }
  .container:hover .revealvertical {
     max-height: 0 !important;
  }

  /* Disable the vertical reveal effect on mobile by making it always revealed */
  .container:hover {
    background-color: #E2DFFE;
  }
  .revealvertical {
     max-height: 330px !important; /* Adjusted for mobile to be the same as the hover state */
  }
}

/* Adjust the vertical reveal effect for tablets */
@media only screen and (min-width: 767px) and (max-width: 1024px) {
  .container:hover {
    background-color: #E2DFFE;
  }
  .container:hover .revealvertical {
    max-height: 150px !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-57e48d5 */.container {
    background-color: #E2DFFE;
    transition: all 0.3s ease-in-out;
}

.container:hover {
    background-color: #FFFFFF;
}

/* The vertical reveal effect  */

.revealvertical {
    transition: all 0.4s ease-in-out;
    max-height: 0 !important;
}

.container:hover .revealvertical {
    max-height: 230px !important;
}

@media only screen and (max-width: 767px) {
  .container:hover {
  transition: none !important;
  }
}

/* Adjust the vertical reveal effect on mobile */
@media only screen and (max-width: 767px) {
  .container:hover .revealvertical {
     max-height: 330px !important;
  }
}

/* Disable the vertical reveal effect on mobile by hiding the class getting revealed */
@media only screen and (max-width: 767px) {
  .container {
  background-color: #E2DFFE;
  }
  .container:hover .revealvertical {
     max-height: 0 !important;
  }
}

/* Disable the vertical reveal effect on mobile by making it always revealed */
@media only screen and (max-width: 767px) {
  .container:hover {
  background-color: #E2DFFE;
  }
  .revealvertical {
     max-height: 230px !important;
  }
}

/* Adjust the vertical reveal effect for tablets */
@media only screen and (min-width: 767px) and (max-width: 1024px) {
  .container:hover {
  background-color: #E2DFFE;
  }
  .container:hover .revealvertical {
    max-height: 150px !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-daa236e */.container {
    background-color: #E2DFFE;
    transition: all 0.3s ease-in-out;
}

.container:hover {
    background-color: #FFFFFF;
}

/* The vertical reveal effect  */

.revealvertical {
    transition: all 0.4s ease-in-out;
    max-height: 0 !important;
}

.container:hover .revealvertical {
    max-height: 230px !important;
}

@media only screen and (max-width: 767px) {
  .container:hover {
  transition: none !important;
  }
}

/* Adjust the vertical reveal effect on mobile */
@media only screen and (max-width: 767px) {
  .container:hover .revealvertical {
     max-height: 330px !important;
  }
}

/* Disable the vertical reveal effect on mobile by hiding the class getting revealed */
@media only screen and (max-width: 767px) {
  .container {
  background-color: #E2DFFE;
  }
  .container:hover .revealvertical {
     max-height: 0 !important;
  }
}

/* Disable the vertical reveal effect on mobile by making it always revealed */
@media only screen and (max-width: 767px) {
  .container:hover {
  background-color: #E2DFFE;
  }
  .revealvertical {
     max-height: 230px !important;
  }
}

/* Adjust the vertical reveal effect for tablets */
@media only screen and (min-width: 767px) and (max-width: 1024px) {
  .container:hover {
  background-color: #E2DFFE;
  }
  .container:hover .revealvertical {
    max-height: 150px !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-05aaba1 */.container {
    background-color: #E2DFFE;
    transition: all 0.3s ease-in-out;
}

.container:hover {
    background-color: #FFFFFF;
}

/* The vertical reveal effect  */

.revealvertical {
    transition: all 0.4s ease-in-out;
    max-height: 0 !important;
}

.container:hover .revealvertical {
    max-height: 230px !important;
}

@media only screen and (max-width: 767px) {
  .container:hover {
  transition: none !important;
  }
}

/* Adjust the vertical reveal effect on mobile */
@media only screen and (max-width: 767px) {
  .container:hover .revealvertical {
     max-height: 330px !important;
  }
}

/* Disable the vertical reveal effect on mobile by hiding the class getting revealed */
@media only screen and (max-width: 767px) {
  .container {
  background-color: #E2DFFE;
  }
  .container:hover .revealvertical {
     max-height: 0 !important;
  }
}

/* Disable the vertical reveal effect on mobile by making it always revealed */
@media only screen and (max-width: 767px) {
  .container:hover {
  background-color: #E2DFFE;
  }
  .revealvertical {
     max-height: 230px !important;
  }
}

/* Adjust the vertical reveal effect for tablets */
@media only screen and (min-width: 767px) and (max-width: 1024px) {
  .container:hover {
  background-color: #E2DFFE;
  }
  .container:hover .revealvertical {
    max-height: 150px !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-318cc2b */.container {
    background-color: #E2DFFE;
    transition: background-color 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
    min-height: 360px;
}

.container:hover {
    background-color: #FFFFFF;
}

/* The vertical reveal effect  */
.revealvertical {
    transition: max-height 0.6s cubic-bezier(0.25, 0.8, 0.25, 1); /* Updated transition */
    max-height: 0 !important;
    overflow: hidden; /* Ensure content is hidden */
}

.container:hover .revealvertical {
    max-height: 230px !important;
}

@media only screen and (max-width: 767px) {
  .container:hover {
    transition: none !important;
  }

  /* Adjust the vertical reveal effect on mobile */
  .container:hover .revealvertical {
     max-height: 330px !important;
  }

  /* Disable the vertical reveal effect on mobile by hiding the class getting revealed */
  .container {
    background-color: #E2DFFE;
  }
  .container:hover .revealvertical {
     max-height: 0 !important;
  }

  /* Disable the vertical reveal effect on mobile by making it always revealed */
  .container:hover {
    background-color: #E2DFFE;
  }
  .revealvertical {
     max-height: 330px !important; /* Adjusted for mobile to be the same as the hover state */
  }
}

/* Adjust the vertical reveal effect for tablets */
@media only screen and (min-width: 767px) and (max-width: 1024px) {
  .container:hover {
    background-color: #E2DFFE;
  }
  .container:hover .revealvertical {
    max-height: 150px !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ed30fd7 */.container {
    background-color: #E2DFFE;
    transition: background-color 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
    min-height: 360px;
}

.container:hover {
    background-color: #FFFFFF;
}

/* The vertical reveal effect  */
.revealvertical {
    transition: max-height 0.6s cubic-bezier(0.25, 0.8, 0.25, 1); /* Updated transition */
    max-height: 0 !important;
    overflow: hidden; /* Ensure content is hidden */
}

.container:hover .revealvertical {
    max-height: 230px !important;
}

@media only screen and (max-width: 767px) {
  .container:hover {
    transition: none !important;
  }

  /* Adjust the vertical reveal effect on mobile */
  .container:hover .revealvertical {
     max-height: 330px !important;
  }

  /* Disable the vertical reveal effect on mobile by hiding the class getting revealed */
  .container {
    background-color: #E2DFFE;
  }
  .container:hover .revealvertical {
     max-height: 0 !important;
  }

  /* Disable the vertical reveal effect on mobile by making it always revealed */
  .container:hover {
    background-color: #E2DFFE;
  }
  .revealvertical {
     max-height: 330px !important; /* Adjusted for mobile to be the same as the hover state */
  }
}

/* Adjust the vertical reveal effect for tablets */
@media only screen and (min-width: 767px) and (max-width: 1024px) {
  .container:hover {
    background-color: #E2DFFE;
  }
  .container:hover .revealvertical {
    max-height: 150px !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8870e58 */.container {
    background-color: #E2DFFE;
    transition: background-color 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
    min-height: 360px;
}

.container:hover {
    background-color: #FFFFFF;
}

/* The vertical reveal effect  */
.revealvertical {
    transition: max-height 0.6s cubic-bezier(0.25, 0.8, 0.25, 1); /* Updated transition */
    max-height: 0 !important;
    overflow: hidden; /* Ensure content is hidden */
}

.container:hover .revealvertical {
    max-height: 230px !important;
}

@media only screen and (max-width: 767px) {
  .container:hover {
    transition: none !important;
  }

  /* Adjust the vertical reveal effect on mobile */
  .container:hover .revealvertical {
     max-height: 330px !important;
  }

  /* Disable the vertical reveal effect on mobile by hiding the class getting revealed */
  .container {
    background-color: #E2DFFE;
  }
  .container:hover .revealvertical {
     max-height: 0 !important;
  }

  /* Disable the vertical reveal effect on mobile by making it always revealed */
  .container:hover {
    background-color: #E2DFFE;
  }
  .revealvertical {
     max-height: 330px !important; /* Adjusted for mobile to be the same as the hover state */
  }
}

/* Adjust the vertical reveal effect for tablets */
@media only screen and (min-width: 767px) and (max-width: 1024px) {
  .container:hover {
    background-color: #E2DFFE;
  }
  .container:hover .revealvertical {
    max-height: 150px !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8ef627a */.container {
    background-color: #E2DFFE;
    transition: background-color 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
    min-height: 348px;
}

.container:hover {
    background-color: #FFFFFF;
}

/* The vertical reveal effect  */
.revealvertical {
    transition: max-height 0.6s cubic-bezier(0.25, 0.8, 0.25, 1); /* Updated transition */
    max-height: 0 !important;
    overflow: hidden; /* Ensure content is hidden */
}

.container:hover .revealvertical {
    max-height: 230px !important;
}

@media only screen and (max-width: 767px) {
  .container:hover {
    transition: none !important;
  }

  /* Adjust the vertical reveal effect on mobile */
  .container:hover .revealvertical {
     max-height: 330px !important;
  }

  /* Disable the vertical reveal effect on mobile by hiding the class getting revealed */
  .container {
    background-color: #E2DFFE;
  }
  .container:hover .revealvertical {
     max-height: 0 !important;
  }

  /* Disable the vertical reveal effect on mobile by making it always revealed */
  .container:hover {
    background-color: #E2DFFE;
  }
  .revealvertical {
     max-height: 330px !important; /* Adjusted for mobile to be the same as the hover state */
  }
}

/* Adjust the vertical reveal effect for tablets */
@media only screen and (min-width: 767px) and (max-width: 1024px) {
  .container:hover {
    background-color: #E2DFFE;
  }
  .container:hover .revealvertical {
    max-height: 150px !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2426895 */.container {
    background-color: #E2DFFE;
    transition: background-color 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
    min-height: 348px;
}

.container:hover {
    background-color: #FFFFFF;
}

/* The vertical reveal effect  */
.revealvertical {
    transition: max-height 0.6s cubic-bezier(0.25, 0.8, 0.25, 1); /* Updated transition */
    max-height: 0 !important;
    overflow: hidden; /* Ensure content is hidden */
}

.container:hover .revealvertical {
    max-height: 230px !important;
}

@media only screen and (max-width: 767px) {
  .container:hover {
    transition: none !important;
  }

  /* Adjust the vertical reveal effect on mobile */
  .container:hover .revealvertical {
     max-height: 330px !important;
  }

  /* Disable the vertical reveal effect on mobile by hiding the class getting revealed */
  .container {
    background-color: #E2DFFE;
  }
  .container:hover .revealvertical {
     max-height: 0 !important;
  }

  /* Disable the vertical reveal effect on mobile by making it always revealed */
  .container:hover {
    background-color: #E2DFFE;
  }
  .revealvertical {
     max-height: 330px !important; /* Adjusted for mobile to be the same as the hover state */
  }
}

/* Adjust the vertical reveal effect for tablets */
@media only screen and (min-width: 767px) and (max-width: 1024px) {
  .container:hover {
    background-color: #E2DFFE;
  }
  .container:hover .revealvertical {
    max-height: 150px !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-57e48d5 */.container {
    background-color: #E2DFFE;
    transition: all 0.3s ease-in-out;
}

.container:hover {
    background-color: #FFFFFF;
}

/* The vertical reveal effect  */

.revealvertical {
    transition: all 0.4s ease-in-out;
    max-height: 0 !important;
}

.container:hover .revealvertical {
    max-height: 230px !important;
}

@media only screen and (max-width: 767px) {
  .container:hover {
  transition: none !important;
  }
}

/* Adjust the vertical reveal effect on mobile */
@media only screen and (max-width: 767px) {
  .container:hover .revealvertical {
     max-height: 330px !important;
  }
}

/* Disable the vertical reveal effect on mobile by hiding the class getting revealed */
@media only screen and (max-width: 767px) {
  .container {
  background-color: #E2DFFE;
  }
  .container:hover .revealvertical {
     max-height: 0 !important;
  }
}

/* Disable the vertical reveal effect on mobile by making it always revealed */
@media only screen and (max-width: 767px) {
  .container:hover {
  background-color: #E2DFFE;
  }
  .revealvertical {
     max-height: 230px !important;
  }
}

/* Adjust the vertical reveal effect for tablets */
@media only screen and (min-width: 767px) and (max-width: 1024px) {
  .container:hover {
  background-color: #E2DFFE;
  }
  .container:hover .revealvertical {
    max-height: 150px !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-daa236e */.container {
    background-color: #E2DFFE;
    transition: all 0.3s ease-in-out;
}

.container:hover {
    background-color: #FFFFFF;
}

/* The vertical reveal effect  */

.revealvertical {
    transition: all 0.4s ease-in-out;
    max-height: 0 !important;
}

.container:hover .revealvertical {
    max-height: 230px !important;
}

@media only screen and (max-width: 767px) {
  .container:hover {
  transition: none !important;
  }
}

/* Adjust the vertical reveal effect on mobile */
@media only screen and (max-width: 767px) {
  .container:hover .revealvertical {
     max-height: 330px !important;
  }
}

/* Disable the vertical reveal effect on mobile by hiding the class getting revealed */
@media only screen and (max-width: 767px) {
  .container {
  background-color: #E2DFFE;
  }
  .container:hover .revealvertical {
     max-height: 0 !important;
  }
}

/* Disable the vertical reveal effect on mobile by making it always revealed */
@media only screen and (max-width: 767px) {
  .container:hover {
  background-color: #E2DFFE;
  }
  .revealvertical {
     max-height: 230px !important;
  }
}

/* Adjust the vertical reveal effect for tablets */
@media only screen and (min-width: 767px) and (max-width: 1024px) {
  .container:hover {
  background-color: #E2DFFE;
  }
  .container:hover .revealvertical {
    max-height: 150px !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-05aaba1 */.container {
    background-color: #E2DFFE;
    transition: all 0.3s ease-in-out;
}

.container:hover {
    background-color: #FFFFFF;
}

/* The vertical reveal effect  */

.revealvertical {
    transition: all 0.4s ease-in-out;
    max-height: 0 !important;
}

.container:hover .revealvertical {
    max-height: 230px !important;
}

@media only screen and (max-width: 767px) {
  .container:hover {
  transition: none !important;
  }
}

/* Adjust the vertical reveal effect on mobile */
@media only screen and (max-width: 767px) {
  .container:hover .revealvertical {
     max-height: 330px !important;
  }
}

/* Disable the vertical reveal effect on mobile by hiding the class getting revealed */
@media only screen and (max-width: 767px) {
  .container {
  background-color: #E2DFFE;
  }
  .container:hover .revealvertical {
     max-height: 0 !important;
  }
}

/* Disable the vertical reveal effect on mobile by making it always revealed */
@media only screen and (max-width: 767px) {
  .container:hover {
  background-color: #E2DFFE;
  }
  .revealvertical {
     max-height: 230px !important;
  }
}

/* Adjust the vertical reveal effect for tablets */
@media only screen and (min-width: 767px) and (max-width: 1024px) {
  .container:hover {
  background-color: #E2DFFE;
  }
  .container:hover .revealvertical {
    max-height: 150px !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-318cc2b */.container {
    background-color: #E2DFFE;
    transition: background-color 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
    min-height: 360px;
}

.container:hover {
    background-color: #FFFFFF;
}

/* The vertical reveal effect  */
.revealvertical {
    transition: max-height 0.6s cubic-bezier(0.25, 0.8, 0.25, 1); /* Updated transition */
    max-height: 0 !important;
    overflow: hidden; /* Ensure content is hidden */
}

.container:hover .revealvertical {
    max-height: 230px !important;
}

@media only screen and (max-width: 767px) {
  .container:hover {
    transition: none !important;
  }

  /* Adjust the vertical reveal effect on mobile */
  .container:hover .revealvertical {
     max-height: 330px !important;
  }

  /* Disable the vertical reveal effect on mobile by hiding the class getting revealed */
  .container {
    background-color: #E2DFFE;
  }
  .container:hover .revealvertical {
     max-height: 0 !important;
  }

  /* Disable the vertical reveal effect on mobile by making it always revealed */
  .container:hover {
    background-color: #E2DFFE;
  }
  .revealvertical {
     max-height: 330px !important; /* Adjusted for mobile to be the same as the hover state */
  }
}

/* Adjust the vertical reveal effect for tablets */
@media only screen and (min-width: 767px) and (max-width: 1024px) {
  .container:hover {
    background-color: #E2DFFE;
  }
  .container:hover .revealvertical {
    max-height: 150px !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ed30fd7 */.container {
    background-color: #E2DFFE;
    transition: background-color 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
    min-height: 360px;
}

.container:hover {
    background-color: #FFFFFF;
}

/* The vertical reveal effect  */
.revealvertical {
    transition: max-height 0.6s cubic-bezier(0.25, 0.8, 0.25, 1); /* Updated transition */
    max-height: 0 !important;
    overflow: hidden; /* Ensure content is hidden */
}

.container:hover .revealvertical {
    max-height: 230px !important;
}

@media only screen and (max-width: 767px) {
  .container:hover {
    transition: none !important;
  }

  /* Adjust the vertical reveal effect on mobile */
  .container:hover .revealvertical {
     max-height: 330px !important;
  }

  /* Disable the vertical reveal effect on mobile by hiding the class getting revealed */
  .container {
    background-color: #E2DFFE;
  }
  .container:hover .revealvertical {
     max-height: 0 !important;
  }

  /* Disable the vertical reveal effect on mobile by making it always revealed */
  .container:hover {
    background-color: #E2DFFE;
  }
  .revealvertical {
     max-height: 330px !important; /* Adjusted for mobile to be the same as the hover state */
  }
}

/* Adjust the vertical reveal effect for tablets */
@media only screen and (min-width: 767px) and (max-width: 1024px) {
  .container:hover {
    background-color: #E2DFFE;
  }
  .container:hover .revealvertical {
    max-height: 150px !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8870e58 */.container {
    background-color: #E2DFFE;
    transition: background-color 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
    min-height: 360px;
}

.container:hover {
    background-color: #FFFFFF;
}

/* The vertical reveal effect  */
.revealvertical {
    transition: max-height 0.6s cubic-bezier(0.25, 0.8, 0.25, 1); /* Updated transition */
    max-height: 0 !important;
    overflow: hidden; /* Ensure content is hidden */
}

.container:hover .revealvertical {
    max-height: 230px !important;
}

@media only screen and (max-width: 767px) {
  .container:hover {
    transition: none !important;
  }

  /* Adjust the vertical reveal effect on mobile */
  .container:hover .revealvertical {
     max-height: 330px !important;
  }

  /* Disable the vertical reveal effect on mobile by hiding the class getting revealed */
  .container {
    background-color: #E2DFFE;
  }
  .container:hover .revealvertical {
     max-height: 0 !important;
  }

  /* Disable the vertical reveal effect on mobile by making it always revealed */
  .container:hover {
    background-color: #E2DFFE;
  }
  .revealvertical {
     max-height: 330px !important; /* Adjusted for mobile to be the same as the hover state */
  }
}

/* Adjust the vertical reveal effect for tablets */
@media only screen and (min-width: 767px) and (max-width: 1024px) {
  .container:hover {
    background-color: #E2DFFE;
  }
  .container:hover .revealvertical {
    max-height: 150px !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8ef627a */.container {
    background-color: #E2DFFE;
    transition: background-color 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
    min-height: 348px;
}

.container:hover {
    background-color: #FFFFFF;
}

/* The vertical reveal effect  */
.revealvertical {
    transition: max-height 0.6s cubic-bezier(0.25, 0.8, 0.25, 1); /* Updated transition */
    max-height: 0 !important;
    overflow: hidden; /* Ensure content is hidden */
}

.container:hover .revealvertical {
    max-height: 230px !important;
}

@media only screen and (max-width: 767px) {
  .container:hover {
    transition: none !important;
  }

  /* Adjust the vertical reveal effect on mobile */
  .container:hover .revealvertical {
     max-height: 330px !important;
  }

  /* Disable the vertical reveal effect on mobile by hiding the class getting revealed */
  .container {
    background-color: #E2DFFE;
  }
  .container:hover .revealvertical {
     max-height: 0 !important;
  }

  /* Disable the vertical reveal effect on mobile by making it always revealed */
  .container:hover {
    background-color: #E2DFFE;
  }
  .revealvertical {
     max-height: 330px !important; /* Adjusted for mobile to be the same as the hover state */
  }
}

/* Adjust the vertical reveal effect for tablets */
@media only screen and (min-width: 767px) and (max-width: 1024px) {
  .container:hover {
    background-color: #E2DFFE;
  }
  .container:hover .revealvertical {
    max-height: 150px !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2426895 */.container {
    background-color: #E2DFFE;
    transition: background-color 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
    min-height: 348px;
}

.container:hover {
    background-color: #FFFFFF;
}

/* The vertical reveal effect  */
.revealvertical {
    transition: max-height 0.6s cubic-bezier(0.25, 0.8, 0.25, 1); /* Updated transition */
    max-height: 0 !important;
    overflow: hidden; /* Ensure content is hidden */
}

.container:hover .revealvertical {
    max-height: 230px !important;
}

@media only screen and (max-width: 767px) {
  .container:hover {
    transition: none !important;
  }

  /* Adjust the vertical reveal effect on mobile */
  .container:hover .revealvertical {
     max-height: 330px !important;
  }

  /* Disable the vertical reveal effect on mobile by hiding the class getting revealed */
  .container {
    background-color: #E2DFFE;
  }
  .container:hover .revealvertical {
     max-height: 0 !important;
  }

  /* Disable the vertical reveal effect on mobile by making it always revealed */
  .container:hover {
    background-color: #E2DFFE;
  }
  .revealvertical {
     max-height: 330px !important; /* Adjusted for mobile to be the same as the hover state */
  }
}

/* Adjust the vertical reveal effect for tablets */
@media only screen and (min-width: 767px) and (max-width: 1024px) {
  .container:hover {
    background-color: #E2DFFE;
  }
  .container:hover .revealvertical {
    max-height: 150px !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-57e48d5 */.container {
    background-color: #E2DFFE;
    transition: all 0.3s ease-in-out;
}

.container:hover {
    background-color: #FFFFFF;
}

/* The vertical reveal effect  */

.revealvertical {
    transition: all 0.4s ease-in-out;
    max-height: 0 !important;
}

.container:hover .revealvertical {
    max-height: 230px !important;
}

@media only screen and (max-width: 767px) {
  .container:hover {
  transition: none !important;
  }
}

/* Adjust the vertical reveal effect on mobile */
@media only screen and (max-width: 767px) {
  .container:hover .revealvertical {
     max-height: 330px !important;
  }
}

/* Disable the vertical reveal effect on mobile by hiding the class getting revealed */
@media only screen and (max-width: 767px) {
  .container {
  background-color: #E2DFFE;
  }
  .container:hover .revealvertical {
     max-height: 0 !important;
  }
}

/* Disable the vertical reveal effect on mobile by making it always revealed */
@media only screen and (max-width: 767px) {
  .container:hover {
  background-color: #E2DFFE;
  }
  .revealvertical {
     max-height: 230px !important;
  }
}

/* Adjust the vertical reveal effect for tablets */
@media only screen and (min-width: 767px) and (max-width: 1024px) {
  .container:hover {
  background-color: #E2DFFE;
  }
  .container:hover .revealvertical {
    max-height: 150px !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-daa236e */.container {
    background-color: #E2DFFE;
    transition: all 0.3s ease-in-out;
}

.container:hover {
    background-color: #FFFFFF;
}

/* The vertical reveal effect  */

.revealvertical {
    transition: all 0.4s ease-in-out;
    max-height: 0 !important;
}

.container:hover .revealvertical {
    max-height: 230px !important;
}

@media only screen and (max-width: 767px) {
  .container:hover {
  transition: none !important;
  }
}

/* Adjust the vertical reveal effect on mobile */
@media only screen and (max-width: 767px) {
  .container:hover .revealvertical {
     max-height: 330px !important;
  }
}

/* Disable the vertical reveal effect on mobile by hiding the class getting revealed */
@media only screen and (max-width: 767px) {
  .container {
  background-color: #E2DFFE;
  }
  .container:hover .revealvertical {
     max-height: 0 !important;
  }
}

/* Disable the vertical reveal effect on mobile by making it always revealed */
@media only screen and (max-width: 767px) {
  .container:hover {
  background-color: #E2DFFE;
  }
  .revealvertical {
     max-height: 230px !important;
  }
}

/* Adjust the vertical reveal effect for tablets */
@media only screen and (min-width: 767px) and (max-width: 1024px) {
  .container:hover {
  background-color: #E2DFFE;
  }
  .container:hover .revealvertical {
    max-height: 150px !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-05aaba1 */.container {
    background-color: #E2DFFE;
    transition: all 0.3s ease-in-out;
}

.container:hover {
    background-color: #FFFFFF;
}

/* The vertical reveal effect  */

.revealvertical {
    transition: all 0.4s ease-in-out;
    max-height: 0 !important;
}

.container:hover .revealvertical {
    max-height: 230px !important;
}

@media only screen and (max-width: 767px) {
  .container:hover {
  transition: none !important;
  }
}

/* Adjust the vertical reveal effect on mobile */
@media only screen and (max-width: 767px) {
  .container:hover .revealvertical {
     max-height: 330px !important;
  }
}

/* Disable the vertical reveal effect on mobile by hiding the class getting revealed */
@media only screen and (max-width: 767px) {
  .container {
  background-color: #E2DFFE;
  }
  .container:hover .revealvertical {
     max-height: 0 !important;
  }
}

/* Disable the vertical reveal effect on mobile by making it always revealed */
@media only screen and (max-width: 767px) {
  .container:hover {
  background-color: #E2DFFE;
  }
  .revealvertical {
     max-height: 230px !important;
  }
}

/* Adjust the vertical reveal effect for tablets */
@media only screen and (min-width: 767px) and (max-width: 1024px) {
  .container:hover {
  background-color: #E2DFFE;
  }
  .container:hover .revealvertical {
    max-height: 150px !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-318cc2b */.container {
    background-color: #E2DFFE;
    transition: background-color 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
    min-height: 360px;
}

.container:hover {
    background-color: #FFFFFF;
}

/* The vertical reveal effect  */
.revealvertical {
    transition: max-height 0.6s cubic-bezier(0.25, 0.8, 0.25, 1); /* Updated transition */
    max-height: 0 !important;
    overflow: hidden; /* Ensure content is hidden */
}

.container:hover .revealvertical {
    max-height: 230px !important;
}

@media only screen and (max-width: 767px) {
  .container:hover {
    transition: none !important;
  }

  /* Adjust the vertical reveal effect on mobile */
  .container:hover .revealvertical {
     max-height: 330px !important;
  }

  /* Disable the vertical reveal effect on mobile by hiding the class getting revealed */
  .container {
    background-color: #E2DFFE;
  }
  .container:hover .revealvertical {
     max-height: 0 !important;
  }

  /* Disable the vertical reveal effect on mobile by making it always revealed */
  .container:hover {
    background-color: #E2DFFE;
  }
  .revealvertical {
     max-height: 330px !important; /* Adjusted for mobile to be the same as the hover state */
  }
}

/* Adjust the vertical reveal effect for tablets */
@media only screen and (min-width: 767px) and (max-width: 1024px) {
  .container:hover {
    background-color: #E2DFFE;
  }
  .container:hover .revealvertical {
    max-height: 150px !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ed30fd7 */.container {
    background-color: #E2DFFE;
    transition: background-color 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
    min-height: 360px;
}

.container:hover {
    background-color: #FFFFFF;
}

/* The vertical reveal effect  */
.revealvertical {
    transition: max-height 0.6s cubic-bezier(0.25, 0.8, 0.25, 1); /* Updated transition */
    max-height: 0 !important;
    overflow: hidden; /* Ensure content is hidden */
}

.container:hover .revealvertical {
    max-height: 230px !important;
}

@media only screen and (max-width: 767px) {
  .container:hover {
    transition: none !important;
  }

  /* Adjust the vertical reveal effect on mobile */
  .container:hover .revealvertical {
     max-height: 330px !important;
  }

  /* Disable the vertical reveal effect on mobile by hiding the class getting revealed */
  .container {
    background-color: #E2DFFE;
  }
  .container:hover .revealvertical {
     max-height: 0 !important;
  }

  /* Disable the vertical reveal effect on mobile by making it always revealed */
  .container:hover {
    background-color: #E2DFFE;
  }
  .revealvertical {
     max-height: 330px !important; /* Adjusted for mobile to be the same as the hover state */
  }
}

/* Adjust the vertical reveal effect for tablets */
@media only screen and (min-width: 767px) and (max-width: 1024px) {
  .container:hover {
    background-color: #E2DFFE;
  }
  .container:hover .revealvertical {
    max-height: 150px !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8870e58 */.container {
    background-color: #E2DFFE;
    transition: background-color 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
    min-height: 360px;
}

.container:hover {
    background-color: #FFFFFF;
}

/* The vertical reveal effect  */
.revealvertical {
    transition: max-height 0.6s cubic-bezier(0.25, 0.8, 0.25, 1); /* Updated transition */
    max-height: 0 !important;
    overflow: hidden; /* Ensure content is hidden */
}

.container:hover .revealvertical {
    max-height: 230px !important;
}

@media only screen and (max-width: 767px) {
  .container:hover {
    transition: none !important;
  }

  /* Adjust the vertical reveal effect on mobile */
  .container:hover .revealvertical {
     max-height: 330px !important;
  }

  /* Disable the vertical reveal effect on mobile by hiding the class getting revealed */
  .container {
    background-color: #E2DFFE;
  }
  .container:hover .revealvertical {
     max-height: 0 !important;
  }

  /* Disable the vertical reveal effect on mobile by making it always revealed */
  .container:hover {
    background-color: #E2DFFE;
  }
  .revealvertical {
     max-height: 330px !important; /* Adjusted for mobile to be the same as the hover state */
  }
}

/* Adjust the vertical reveal effect for tablets */
@media only screen and (min-width: 767px) and (max-width: 1024px) {
  .container:hover {
    background-color: #E2DFFE;
  }
  .container:hover .revealvertical {
    max-height: 150px !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8ef627a */.container {
    background-color: #E2DFFE;
    transition: background-color 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
    min-height: 348px;
}

.container:hover {
    background-color: #FFFFFF;
}

/* The vertical reveal effect  */
.revealvertical {
    transition: max-height 0.6s cubic-bezier(0.25, 0.8, 0.25, 1); /* Updated transition */
    max-height: 0 !important;
    overflow: hidden; /* Ensure content is hidden */
}

.container:hover .revealvertical {
    max-height: 230px !important;
}

@media only screen and (max-width: 767px) {
  .container:hover {
    transition: none !important;
  }

  /* Adjust the vertical reveal effect on mobile */
  .container:hover .revealvertical {
     max-height: 330px !important;
  }

  /* Disable the vertical reveal effect on mobile by hiding the class getting revealed */
  .container {
    background-color: #E2DFFE;
  }
  .container:hover .revealvertical {
     max-height: 0 !important;
  }

  /* Disable the vertical reveal effect on mobile by making it always revealed */
  .container:hover {
    background-color: #E2DFFE;
  }
  .revealvertical {
     max-height: 330px !important; /* Adjusted for mobile to be the same as the hover state */
  }
}

/* Adjust the vertical reveal effect for tablets */
@media only screen and (min-width: 767px) and (max-width: 1024px) {
  .container:hover {
    background-color: #E2DFFE;
  }
  .container:hover .revealvertical {
    max-height: 150px !important;
  }
}/* End custom CSS */