.elementor-1413 .elementor-element.elementor-element-7c8972b{--display:flex;--padding-top:20px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-1413 .elementor-element.elementor-element-c16f17b{--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-1413 .elementor-element.elementor-element-c16f17b:not(.elementor-motion-effects-element-type-background), .elementor-1413 .elementor-element.elementor-element-c16f17b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FF5CBE;}.elementor-1413 .elementor-element.elementor-element-d58d10d{--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-1413 .elementor-element.elementor-element-1f7df01{padding:0px 0px 0px 0px;text-align:start;}.elementor-1413 .elementor-element.elementor-element-1f7df01 .elementor-heading-title{font-family:"Reem Kufi", Sans-serif;font-size:56px;font-weight:600;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-1413 .elementor-element.elementor-element-85271d2 .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-1413 .elementor-element.elementor-element-732519f{--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-1413 .elementor-element.elementor-element-f28bd19{--display:flex;--padding-top:24px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1413 .elementor-element.elementor-element-4dc529a{--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-1413 .elementor-element.elementor-element-d65550d{--display:flex;--justify-content:center;}.elementor-1413 .elementor-element.elementor-element-d65550d.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1413 .elementor-element.elementor-element-b12bd25 .elementor-heading-title{font-family:"Reem Kufi", Sans-serif;font-size:50px;font-weight:600;}.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-1413 .elementor-element.elementor-element-8058dfc{color:var( --e-global-color-text );}.elementor-1413 .elementor-element.elementor-element-ee78fed{color:var( --e-global-color-text );}.elementor-1413 .elementor-element.elementor-element-1ec2465{--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-1413 .elementor-element.elementor-element-2bcb156 .elementor-icon-box-wrapper{align-items:center;gap:8px;}.elementor-1413 .elementor-element.elementor-element-2bcb156 .elementor-icon-box-title{margin-block-end:8px;}.elementor-1413 .elementor-element.elementor-element-2bcb156 .elementor-icon{font-size:32px;}.elementor-1413 .elementor-element.elementor-element-2bcb156 .elementor-icon-box-title, .elementor-1413 .elementor-element.elementor-element-2bcb156 .elementor-icon-box-title a{font-family:"Reem Kufi", Sans-serif;font-size:16px;font-weight:400;}.elementor-1413 .elementor-element.elementor-element-2bcb156 .elementor-icon-box-description{font-family:"DM Sans", Sans-serif;font-size:14px;font-weight:400;}.elementor-1413 .elementor-element.elementor-element-bac6551 .elementor-icon-box-wrapper{align-items:center;gap:8px;}.elementor-1413 .elementor-element.elementor-element-bac6551 .elementor-icon-box-title{margin-block-end:8px;}.elementor-1413 .elementor-element.elementor-element-bac6551 .elementor-icon{font-size:32px;}.elementor-1413 .elementor-element.elementor-element-bac6551 .elementor-icon-box-title, .elementor-1413 .elementor-element.elementor-element-bac6551 .elementor-icon-box-title a{font-family:"Reem Kufi", Sans-serif;font-size:16px;font-weight:400;}.elementor-1413 .elementor-element.elementor-element-bac6551 .elementor-icon-box-description{font-family:"DM Sans", Sans-serif;font-size:14px;font-weight:400;}.elementor-1413 .elementor-element.elementor-element-85d7ea2 .elementor-icon-box-wrapper{align-items:center;gap:8px;}.elementor-1413 .elementor-element.elementor-element-85d7ea2 .elementor-icon-box-title{margin-block-end:8px;}.elementor-1413 .elementor-element.elementor-element-85d7ea2 .elementor-icon{font-size:32px;}.elementor-1413 .elementor-element.elementor-element-85d7ea2 .elementor-icon-box-title, .elementor-1413 .elementor-element.elementor-element-85d7ea2 .elementor-icon-box-title a{font-family:"Reem Kufi", Sans-serif;font-size:16px;font-weight:400;}.elementor-1413 .elementor-element.elementor-element-85d7ea2 .elementor-icon-box-description{font-family:"DM Sans", Sans-serif;font-size:14px;font-weight:400;}.elementor-1413 .elementor-element.elementor-element-bd7b5e4 .elementor-icon-box-wrapper{align-items:center;gap:8px;}.elementor-1413 .elementor-element.elementor-element-bd7b5e4 .elementor-icon-box-title{margin-block-end:8px;}.elementor-1413 .elementor-element.elementor-element-bd7b5e4 .elementor-icon{font-size:32px;}.elementor-1413 .elementor-element.elementor-element-bd7b5e4 .elementor-icon-box-title, .elementor-1413 .elementor-element.elementor-element-bd7b5e4 .elementor-icon-box-title a{font-family:"Reem Kufi", Sans-serif;font-size:16px;font-weight:400;}.elementor-1413 .elementor-element.elementor-element-bd7b5e4 .elementor-icon-box-description{font-family:"DM Sans", Sans-serif;font-size:14px;font-weight:400;}.elementor-1413 .elementor-element.elementor-element-4dcb78b .elementor-icon-box-wrapper{align-items:center;gap:8px;}.elementor-1413 .elementor-element.elementor-element-4dcb78b .elementor-icon-box-title{margin-block-end:8px;}.elementor-1413 .elementor-element.elementor-element-4dcb78b .elementor-icon{font-size:32px;}.elementor-1413 .elementor-element.elementor-element-4dcb78b .elementor-icon-box-title, .elementor-1413 .elementor-element.elementor-element-4dcb78b .elementor-icon-box-title a{font-family:"Reem Kufi", Sans-serif;font-size:16px;font-weight:400;}.elementor-1413 .elementor-element.elementor-element-4dcb78b .elementor-icon-box-description{font-family:"DM Sans", Sans-serif;font-size:14px;font-weight:400;}.elementor-1413 .elementor-element.elementor-element-26c7b47 .elementor-icon-box-wrapper{align-items:center;gap:8px;}.elementor-1413 .elementor-element.elementor-element-26c7b47 .elementor-icon-box-title{margin-block-end:8px;}.elementor-1413 .elementor-element.elementor-element-26c7b47 .elementor-icon{font-size:32px;}.elementor-1413 .elementor-element.elementor-element-26c7b47 .elementor-icon-box-title, .elementor-1413 .elementor-element.elementor-element-26c7b47 .elementor-icon-box-title a{font-family:"Reem Kufi", Sans-serif;font-size:16px;font-weight:400;}.elementor-1413 .elementor-element.elementor-element-26c7b47 .elementor-icon-box-description{font-family:"DM Sans", Sans-serif;font-size:14px;font-weight:400;}.elementor-1413 .elementor-element.elementor-element-42cae59 .elementor-icon-box-wrapper{align-items:center;gap:8px;}.elementor-1413 .elementor-element.elementor-element-42cae59 .elementor-icon-box-title{margin-block-end:8px;}.elementor-1413 .elementor-element.elementor-element-42cae59 .elementor-icon{font-size:32px;}.elementor-1413 .elementor-element.elementor-element-42cae59 .elementor-icon-box-title, .elementor-1413 .elementor-element.elementor-element-42cae59 .elementor-icon-box-title a{font-family:"Reem Kufi", Sans-serif;font-size:16px;font-weight:400;}.elementor-1413 .elementor-element.elementor-element-42cae59 .elementor-icon-box-description{font-family:"DM Sans", Sans-serif;font-size:14px;font-weight:400;}.elementor-1413 .elementor-element.elementor-element-a3f3ae5{--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-1413 .elementor-element.elementor-element-3b45eb2 img{height:100%;object-fit:cover;object-position:center center;border-radius:8px 8px 8px 8px;}.elementor-1413 .elementor-element.elementor-element-d23a12d{--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-1413 .elementor-element.elementor-element-d23a12d:not(.elementor-motion-effects-element-type-background), .elementor-1413 .elementor-element.elementor-element-d23a12d > .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:88% auto;}.elementor-1413 .elementor-element.elementor-element-ef4f600{--display:flex;--gap:12px 12px;--row-gap:12px;--column-gap:12px;}.elementor-1413 .elementor-element.elementor-element-f9944b8{text-align:center;}.elementor-1413 .elementor-element.elementor-element-f9944b8 .elementor-heading-title{font-family:"Reem Kufi", Sans-serif;font-size:50px;font-weight:600;line-height:56px;}.elementor-1413 .elementor-element.elementor-element-4a7a62b{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-1413 .elementor-element.elementor-element-d676e5e{--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:24px;--padding-bottom:64px;--padding-left:0px;--padding-right:0px;}.elementor-1413 .elementor-element.elementor-element-71e9487{--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-1413 .elementor-element.elementor-element-ed19f69 img{border-radius:8px 8px 8px 8px;}.elementor-1413 .elementor-element.elementor-element-0297b33{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1413 .elementor-element.elementor-element-80e0d4d .elementor-heading-title{font-family:"Reem Kufi", Sans-serif;font-size:50px;font-weight:600;line-height:56px;}.elementor-1413 .elementor-element.elementor-element-1651272{color:var( --e-global-color-primary );}.elementor-1413 .elementor-element.elementor-element-7a4811d{--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-1413 .elementor-element.elementor-element-241b529 .elementor-icon-box-wrapper{align-items:center;gap:8px;}.elementor-1413 .elementor-element.elementor-element-241b529 .elementor-icon-box-title{margin-block-end:8px;}.elementor-1413 .elementor-element.elementor-element-241b529 .elementor-icon{font-size:32px;}.elementor-1413 .elementor-element.elementor-element-241b529 .elementor-icon-box-title, .elementor-1413 .elementor-element.elementor-element-241b529 .elementor-icon-box-title a{font-family:"Reem Kufi", Sans-serif;font-size:16px;font-weight:600;}.elementor-1413 .elementor-element.elementor-element-241b529 .elementor-icon-box-description{font-family:"DM Sans", Sans-serif;font-size:14px;font-weight:400;}.elementor-1413 .elementor-element.elementor-element-ebd3e76 .elementor-icon-box-wrapper{align-items:center;gap:8px;}.elementor-1413 .elementor-element.elementor-element-ebd3e76 .elementor-icon-box-title{margin-block-end:8px;}.elementor-1413 .elementor-element.elementor-element-ebd3e76 .elementor-icon{font-size:32px;}.elementor-1413 .elementor-element.elementor-element-ebd3e76 .elementor-icon-box-title, .elementor-1413 .elementor-element.elementor-element-ebd3e76 .elementor-icon-box-title a{font-family:"Reem Kufi", Sans-serif;font-size:16px;font-weight:600;}.elementor-1413 .elementor-element.elementor-element-ebd3e76 .elementor-icon-box-description{font-family:"DM Sans", Sans-serif;font-size:14px;font-weight:400;}.elementor-1413 .elementor-element.elementor-element-a0483ed .elementor-icon-box-wrapper{align-items:center;gap:8px;}.elementor-1413 .elementor-element.elementor-element-a0483ed .elementor-icon-box-title{margin-block-end:8px;}.elementor-1413 .elementor-element.elementor-element-a0483ed .elementor-icon{font-size:32px;}.elementor-1413 .elementor-element.elementor-element-a0483ed .elementor-icon-box-title, .elementor-1413 .elementor-element.elementor-element-a0483ed .elementor-icon-box-title a{font-family:"Reem Kufi", Sans-serif;font-size:16px;font-weight:600;}.elementor-1413 .elementor-element.elementor-element-a0483ed .elementor-icon-box-description{font-family:"DM Sans", Sans-serif;font-size:14px;font-weight:400;}.elementor-1413 .elementor-element.elementor-element-ed17759 .elementor-icon-box-wrapper{align-items:center;gap:8px;}.elementor-1413 .elementor-element.elementor-element-ed17759 .elementor-icon-box-title{margin-block-end:8px;}.elementor-1413 .elementor-element.elementor-element-ed17759 .elementor-icon{font-size:32px;}.elementor-1413 .elementor-element.elementor-element-ed17759 .elementor-icon-box-title, .elementor-1413 .elementor-element.elementor-element-ed17759 .elementor-icon-box-title a{font-family:"Reem Kufi", Sans-serif;font-size:16px;font-weight:600;}.elementor-1413 .elementor-element.elementor-element-ed17759 .elementor-icon-box-description{font-family:"DM Sans", Sans-serif;font-size:14px;font-weight:400;}.elementor-1413 .elementor-element.elementor-element-4367dac .elementor-icon-box-wrapper{align-items:center;gap:8px;}.elementor-1413 .elementor-element.elementor-element-4367dac .elementor-icon-box-title{margin-block-end:8px;}.elementor-1413 .elementor-element.elementor-element-4367dac .elementor-icon{font-size:32px;}.elementor-1413 .elementor-element.elementor-element-4367dac .elementor-icon-box-title, .elementor-1413 .elementor-element.elementor-element-4367dac .elementor-icon-box-title a{font-family:"Reem Kufi", Sans-serif;font-size:16px;font-weight:600;}.elementor-1413 .elementor-element.elementor-element-4367dac .elementor-icon-box-description{font-family:"DM Sans", Sans-serif;font-size:14px;font-weight:400;}.elementor-1413 .elementor-element.elementor-element-43d7655 .elementor-button{background-color:#FF5CBE;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:#FFF8E0;border-radius:60px 60px 60px 60px;padding:16px 32px 16px 32px;}.elementor-1413 .elementor-element.elementor-element-7b90b5a{--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-1413 .elementor-element.elementor-element-7b90b5a:not(.elementor-motion-effects-element-type-background), .elementor-1413 .elementor-element.elementor-element-7b90b5a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(90deg, #00000000 75%, #FFE6F3 75%);}.elementor-1413 .elementor-element.elementor-element-f4f8f93{--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-1413 .elementor-element.elementor-element-974e983{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1413 .elementor-element.elementor-element-9a539ff .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-1413 .elementor-element.elementor-global-1352 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-1413 .elementor-element.elementor-global-1352 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-1413 .elementor-element.elementor-global-1352 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-1413 .elementor-element.elementor-global-1352 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-1413 .elementor-element.elementor-global-1352 .elementor-labels-inline .elementor-field-group > label{padding-left:8px;}body:not(.rtl) .elementor-1413 .elementor-element.elementor-global-1352 .elementor-labels-inline .elementor-field-group > label{padding-right:8px;}body .elementor-1413 .elementor-element.elementor-global-1352 .elementor-labels-above .elementor-field-group > label{padding-bottom:8px;}.elementor-1413 .elementor-element.elementor-global-1352 .elementor-field-group > label, .elementor-1413 .elementor-element.elementor-global-1352 .elementor-field-subgroup label{color:var( --e-global-color-primary );}.elementor-1413 .elementor-element.elementor-global-1352 .elementor-field-group > label{font-family:"DM Sans", Sans-serif;font-weight:400;line-height:28px;}.elementor-1413 .elementor-element.elementor-global-1352 .elementor-field-type-html{padding-bottom:0px;}.elementor-1413 .elementor-element.elementor-global-1352 .elementor-field-group .elementor-field{color:var( --e-global-color-text );}.elementor-1413 .elementor-element.elementor-global-1352 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){border-radius:32px 32px 32px 32px;}.elementor-1413 .elementor-element.elementor-global-1352 .elementor-field-group .elementor-select-wrapper select{border-radius:32px 32px 32px 32px;}.elementor-1413 .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-1413 .elementor-element.elementor-global-1352 .e-form__buttons__wrapper__button-next{background-color:#FFDC62;color:var( --e-global-color-primary );border-color:#FFFFFF;}.elementor-1413 .elementor-element.elementor-global-1352 .elementor-button[type="submit"]{background-color:#FFDC62;color:var( --e-global-color-primary );border-color:#FFFFFF;}.elementor-1413 .elementor-element.elementor-global-1352 .elementor-button[type="submit"] svg *{fill:var( --e-global-color-primary );}.elementor-1413 .elementor-element.elementor-global-1352 .e-form__buttons__wrapper__button-previous{background-color:#FFDC62;color:var( --e-global-color-primary );border-color:#FFFFFF;}.elementor-1413 .elementor-element.elementor-global-1352 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-1413 .elementor-element.elementor-global-1352 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-1413 .elementor-element.elementor-global-1352 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-1413 .elementor-element.elementor-global-1352 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-1413 .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-1413 .elementor-element.elementor-element-542e35d{--display:flex;--justify-content:center;}.elementor-1413 .elementor-element.elementor-element-83e577e iframe{height:540px;}.elementor-1413 .elementor-element.elementor-element-78ef7e7{--display:flex;--padding-top:64px;--padding-bottom:64px;--padding-left:0px;--padding-right:0px;}.elementor-1413 .elementor-element.elementor-element-0d527dc{--display:flex;}.elementor-1413 .elementor-element.elementor-element-7fdabdf .elementor-heading-title{font-family:"Reem Kufi", Sans-serif;font-size:46px;font-weight:600;line-height:52px;}.elementor-1413 .elementor-element.elementor-element-9a4bc25{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1413 .elementor-element.elementor-element-8130fe9{--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-1413 .elementor-element.elementor-element-8130fe9:not(.elementor-motion-effects-element-type-background), .elementor-1413 .elementor-element.elementor-element-8130fe9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FDEBEB;}.elementor-1413 .elementor-element.elementor-element-a5a9877{--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-1413 .elementor-element.elementor-element-7c693ab .elementor-icon-wrapper{text-align:start;}.elementor-1413 .elementor-element.elementor-element-7c693ab.elementor-view-framed .elementor-icon{background-color:#FF6262;}.elementor-1413 .elementor-element.elementor-element-7c693ab.elementor-view-stacked .elementor-icon{color:#FF6262;}.elementor-1413 .elementor-element.elementor-element-7c693ab.elementor-view-stacked .elementor-icon svg{fill:#FF6262;}.elementor-1413 .elementor-element.elementor-element-7c693ab .elementor-icon{font-size:24px;border-width:0px 0px 0px 0px;}.elementor-1413 .elementor-element.elementor-element-7c693ab .elementor-icon svg{height:24px;}.elementor-1413 .elementor-element.elementor-element-020a1db .elementor-heading-title{font-family:"Reem Kufi", Sans-serif;font-size:28px;font-weight:600;color:var( --e-global-color-primary );}.elementor-1413 .elementor-element.elementor-element-8a870be{font-family:"DM Sans", Sans-serif;font-size:16px;font-weight:400;color:var( --e-global-color-primary );}.elementor-1413 .elementor-element.elementor-element-8a870be p{margin-block-end:0px;}.elementor-1413 .elementor-element.elementor-element-cc9fe28{--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-1413 .elementor-element.elementor-element-225e82c .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-1413 .elementor-element.elementor-element-5282357{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1413 .elementor-element.elementor-element-fc9dd11{--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-1413 .elementor-element.elementor-element-fc9dd11:not(.elementor-motion-effects-element-type-background), .elementor-1413 .elementor-element.elementor-element-fc9dd11 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFF8E0;}.elementor-1413 .elementor-element.elementor-element-498061c{--display:flex;--gap:12px 0px;--row-gap:12px;--column-gap:0px;}.elementor-1413 .elementor-element.elementor-element-cfabf8f .elementor-icon-wrapper{text-align:start;}.elementor-1413 .elementor-element.elementor-element-cfabf8f.elementor-view-framed .elementor-icon{background-color:#FFDC62;}.elementor-1413 .elementor-element.elementor-element-cfabf8f.elementor-view-stacked .elementor-icon{color:#FFDC62;}.elementor-1413 .elementor-element.elementor-element-cfabf8f.elementor-view-stacked .elementor-icon svg{fill:#FFDC62;}.elementor-1413 .elementor-element.elementor-element-cfabf8f .elementor-icon{font-size:24px;border-width:0px 0px 0px 0px;}.elementor-1413 .elementor-element.elementor-element-cfabf8f .elementor-icon svg{height:24px;}.elementor-1413 .elementor-element.elementor-element-9d19e23 .elementor-heading-title{font-family:"Reem Kufi", Sans-serif;font-size:28px;font-weight:600;color:var( --e-global-color-primary );}.elementor-1413 .elementor-element.elementor-element-4fbbca3{font-family:"DM Sans", Sans-serif;font-size:16px;font-weight:400;color:var( --e-global-color-primary );}.elementor-1413 .elementor-element.elementor-element-4fbbca3 p{margin-block-end:0px;}.elementor-1413 .elementor-element.elementor-element-d7df6a0{--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-1413 .elementor-element.elementor-element-aff01e6 .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-1413 .elementor-element.elementor-element-0d6a04e{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1413 .elementor-element.elementor-element-07ff874{--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-1413 .elementor-element.elementor-element-07ff874:not(.elementor-motion-effects-element-type-background), .elementor-1413 .elementor-element.elementor-element-07ff874 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E5FFF5;}.elementor-1413 .elementor-element.elementor-element-7d3e0ce{--display:flex;--gap:12px 0px;--row-gap:12px;--column-gap:0px;}.elementor-1413 .elementor-element.elementor-element-daa2074 .elementor-icon-wrapper{text-align:start;}.elementor-1413 .elementor-element.elementor-element-daa2074.elementor-view-framed .elementor-icon{background-color:#00D384;}.elementor-1413 .elementor-element.elementor-element-daa2074.elementor-view-stacked .elementor-icon{color:#00D384;}.elementor-1413 .elementor-element.elementor-element-daa2074.elementor-view-stacked .elementor-icon svg{fill:#00D384;}.elementor-1413 .elementor-element.elementor-element-daa2074 .elementor-icon{font-size:24px;border-width:0px 0px 0px 0px;}.elementor-1413 .elementor-element.elementor-element-daa2074 .elementor-icon svg{height:24px;}.elementor-1413 .elementor-element.elementor-element-d5f336e .elementor-heading-title{font-family:"Reem Kufi", Sans-serif;font-size:28px;font-weight:600;color:var( --e-global-color-primary );}.elementor-1413 .elementor-element.elementor-element-d6ac81b{font-family:"DM Sans", Sans-serif;font-size:16px;font-weight:400;color:var( --e-global-color-primary );}.elementor-1413 .elementor-element.elementor-element-d6ac81b p{margin-block-end:0px;}.elementor-1413 .elementor-element.elementor-element-4893cc9{--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-1413 .elementor-element.elementor-element-930e3c1 .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-1413 .elementor-element.elementor-element-6382477{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1413 .elementor-element.elementor-element-987fe2d{--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-1413 .elementor-element.elementor-element-987fe2d:not(.elementor-motion-effects-element-type-background), .elementor-1413 .elementor-element.elementor-element-987fe2d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E4E5FF;}.elementor-1413 .elementor-element.elementor-element-3649819{--display:flex;--gap:12px 0px;--row-gap:12px;--column-gap:0px;}.elementor-1413 .elementor-element.elementor-element-1ae8eb6 .elementor-icon-wrapper{text-align:start;}.elementor-1413 .elementor-element.elementor-element-1ae8eb6.elementor-view-framed .elementor-icon{background-color:#657EFF;}.elementor-1413 .elementor-element.elementor-element-1ae8eb6.elementor-view-stacked .elementor-icon{color:#657EFF;}.elementor-1413 .elementor-element.elementor-element-1ae8eb6.elementor-view-stacked .elementor-icon svg{fill:#657EFF;}.elementor-1413 .elementor-element.elementor-element-1ae8eb6 .elementor-icon{font-size:24px;border-width:0px 0px 0px 0px;}.elementor-1413 .elementor-element.elementor-element-1ae8eb6 .elementor-icon svg{height:24px;}.elementor-1413 .elementor-element.elementor-element-39824e2 .elementor-heading-title{font-family:"Reem Kufi", Sans-serif;font-size:28px;font-weight:600;color:var( --e-global-color-primary );}.elementor-1413 .elementor-element.elementor-element-781e2eb{font-family:"DM Sans", Sans-serif;font-size:16px;font-weight:400;color:var( --e-global-color-primary );}.elementor-1413 .elementor-element.elementor-element-781e2eb p{margin-block-end:0px;}.elementor-1413 .elementor-element.elementor-element-7df6be7{--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-1413 .elementor-element.elementor-element-6cd5e8d .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-1413 .elementor-element.elementor-element-eb25eff{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1413 .elementor-element.elementor-element-08c84b1{--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-1413 .elementor-element.elementor-element-08c84b1:not(.elementor-motion-effects-element-type-background), .elementor-1413 .elementor-element.elementor-element-08c84b1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#DDF3FF;}.elementor-1413 .elementor-element.elementor-element-1e8e65f{--display:flex;--gap:12px 0px;--row-gap:12px;--column-gap:0px;}.elementor-1413 .elementor-element.elementor-element-266ea66 .elementor-icon-wrapper{text-align:start;}.elementor-1413 .elementor-element.elementor-element-266ea66.elementor-view-framed .elementor-icon{background-color:#6DCAFF;}.elementor-1413 .elementor-element.elementor-element-266ea66.elementor-view-stacked .elementor-icon{color:#6DCAFF;}.elementor-1413 .elementor-element.elementor-element-266ea66.elementor-view-stacked .elementor-icon svg{fill:#6DCAFF;}.elementor-1413 .elementor-element.elementor-element-266ea66 .elementor-icon{font-size:24px;border-width:0px 0px 0px 0px;}.elementor-1413 .elementor-element.elementor-element-266ea66 .elementor-icon svg{height:24px;}.elementor-1413 .elementor-element.elementor-element-6109c0b .elementor-heading-title{font-family:"Reem Kufi", Sans-serif;font-size:28px;font-weight:600;color:var( --e-global-color-primary );}.elementor-1413 .elementor-element.elementor-element-8466bf8{font-family:"DM Sans", Sans-serif;font-size:16px;font-weight:400;color:var( --e-global-color-primary );}.elementor-1413 .elementor-element.elementor-element-8466bf8 p{margin-block-end:0px;}.elementor-1413 .elementor-element.elementor-element-7216d72{--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-1413 .elementor-element.elementor-element-f4c9ca0 .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-1413 .elementor-element.elementor-element-bbf6ba7{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1413 .elementor-element.elementor-element-04478e9{--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-1413 .elementor-element.elementor-element-04478e9:not(.elementor-motion-effects-element-type-background), .elementor-1413 .elementor-element.elementor-element-04478e9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFE9E5;}.elementor-1413 .elementor-element.elementor-element-c179aaf{--display:flex;--gap:12px 0px;--row-gap:12px;--column-gap:0px;}.elementor-1413 .elementor-element.elementor-element-c346da0 .elementor-icon-wrapper{text-align:start;}.elementor-1413 .elementor-element.elementor-element-c346da0.elementor-view-framed .elementor-icon{background-color:#FF9960;}.elementor-1413 .elementor-element.elementor-element-c346da0.elementor-view-stacked .elementor-icon{color:#FF9960;}.elementor-1413 .elementor-element.elementor-element-c346da0.elementor-view-stacked .elementor-icon svg{fill:#FF9960;}.elementor-1413 .elementor-element.elementor-element-c346da0 .elementor-icon{font-size:24px;border-width:0px 0px 0px 0px;}.elementor-1413 .elementor-element.elementor-element-c346da0 .elementor-icon svg{height:24px;}.elementor-1413 .elementor-element.elementor-element-0cf5001 .elementor-heading-title{font-family:"Reem Kufi", Sans-serif;font-size:28px;font-weight:600;color:var( --e-global-color-primary );}.elementor-1413 .elementor-element.elementor-element-dede822{font-family:"DM Sans", Sans-serif;font-size:16px;font-weight:400;color:var( --e-global-color-primary );}.elementor-1413 .elementor-element.elementor-element-dede822 p{margin-block-end:0px;}.elementor-1413 .elementor-element.elementor-element-ca76f23{--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-1413 .elementor-element.elementor-element-f7af9fc .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-1413 .elementor-element.elementor-element-e10735b{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1413 .elementor-element.elementor-element-26e8206{--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-1413 .elementor-element.elementor-element-26e8206:not(.elementor-motion-effects-element-type-background), .elementor-1413 .elementor-element.elementor-element-26e8206 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7E6FF;}.elementor-1413 .elementor-element.elementor-element-c357bc0{--display:flex;--gap:12px 0px;--row-gap:12px;--column-gap:0px;}.elementor-1413 .elementor-element.elementor-element-12b1b3e .elementor-icon-wrapper{text-align:start;}.elementor-1413 .elementor-element.elementor-element-12b1b3e.elementor-view-framed .elementor-icon{background-color:#C15CFF;}.elementor-1413 .elementor-element.elementor-element-12b1b3e.elementor-view-stacked .elementor-icon{color:#C15CFF;}.elementor-1413 .elementor-element.elementor-element-12b1b3e.elementor-view-stacked .elementor-icon svg{fill:#C15CFF;}.elementor-1413 .elementor-element.elementor-element-12b1b3e .elementor-icon{font-size:24px;border-width:0px 0px 0px 0px;}.elementor-1413 .elementor-element.elementor-element-12b1b3e .elementor-icon svg{height:24px;}.elementor-1413 .elementor-element.elementor-element-da66421 .elementor-heading-title{font-family:"Reem Kufi", Sans-serif;font-size:28px;font-weight:600;color:var( --e-global-color-primary );}.elementor-1413 .elementor-element.elementor-element-85e80c9{font-family:"DM Sans", Sans-serif;font-size:16px;font-weight:400;color:var( --e-global-color-primary );}.elementor-1413 .elementor-element.elementor-element-59eb860{--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-1413 .elementor-element.elementor-element-f73d8a5 .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-1413 .elementor-element.elementor-element-df7ae0e{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1413 .elementor-element.elementor-element-c27e9fd{--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-1413 .elementor-element.elementor-element-c27e9fd:not(.elementor-motion-effects-element-type-background), .elementor-1413 .elementor-element.elementor-element-c27e9fd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFE6F3;}.elementor-1413 .elementor-element.elementor-element-de22198{--display:flex;--gap:12px 0px;--row-gap:12px;--column-gap:0px;}.elementor-1413 .elementor-element.elementor-element-64ccd0f .elementor-icon-wrapper{text-align:start;}.elementor-1413 .elementor-element.elementor-element-64ccd0f.elementor-view-framed .elementor-icon{background-color:#FF5CBE;}.elementor-1413 .elementor-element.elementor-element-64ccd0f.elementor-view-stacked .elementor-icon{color:#FF5CBE;}.elementor-1413 .elementor-element.elementor-element-64ccd0f.elementor-view-stacked .elementor-icon svg{fill:#FF5CBE;}.elementor-1413 .elementor-element.elementor-element-64ccd0f .elementor-icon{font-size:24px;border-width:0px 0px 0px 0px;}.elementor-1413 .elementor-element.elementor-element-64ccd0f .elementor-icon svg{height:24px;}.elementor-1413 .elementor-element.elementor-element-c75438f .elementor-heading-title{font-family:"Reem Kufi", Sans-serif;font-size:28px;font-weight:600;color:var( --e-global-color-primary );}.elementor-1413 .elementor-element.elementor-element-3b6428d{font-family:"DM Sans", Sans-serif;font-size:16px;font-weight:400;color:var( --e-global-color-primary );}.elementor-1413 .elementor-element.elementor-element-3b6428d p{margin-block-end:0px;}.elementor-1413 .elementor-element.elementor-element-50ce524{--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-1413 .elementor-element.elementor-element-cb920b4 .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-1413 .elementor-element.elementor-element-56b36d9{--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-1413 .elementor-element.elementor-element-754813d{margin:32px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-1413 .elementor-element.elementor-element-34cab02{--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-1413 .elementor-element.elementor-element-34cab02:not(.elementor-motion-effects-element-type-background), .elementor-1413 .elementor-element.elementor-element-34cab02 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(0deg, #FDF9EC 50%, #F8F7F2 50%);}.elementor-1413 .elementor-element.elementor-element-5d6629f{--display:flex;--margin-top:0%;--margin-bottom:0%;--margin-left:-6%;--margin-right:0%;}.elementor-1413 .elementor-element.elementor-element-1f6face{z-index:20;text-align:start;}.elementor-1413 .elementor-element.elementor-element-1f6face img{width:12%;}.elementor-1413 .elementor-element.elementor-element-72c55c6{--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-1413 .elementor-element.elementor-element-72c55c6:not(.elementor-motion-effects-element-type-background), .elementor-1413 .elementor-element.elementor-element-72c55c6 > .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-1413 .elementor-element.elementor-element-72c55c6::before, .elementor-1413 .elementor-element.elementor-element-72c55c6 > .elementor-background-video-container::before, .elementor-1413 .elementor-element.elementor-element-72c55c6 > .e-con-inner > .elementor-background-video-container::before, .elementor-1413 .elementor-element.elementor-element-72c55c6 > .elementor-background-slideshow::before, .elementor-1413 .elementor-element.elementor-element-72c55c6 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1413 .elementor-element.elementor-element-72c55c6 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#00034E;--background-overlay:'';}.elementor-1413 .elementor-element.elementor-element-f6c4c53{padding:0px 40px 0px 40px;text-align:center;}.elementor-1413 .elementor-element.elementor-element-f6c4c53 .elementor-heading-title{font-family:"Reem Kufi", Sans-serif;font-size:54px;font-weight:600;text-transform:capitalize;font-style:italic;color:#FFFFFF;}.elementor-1413 .elementor-element.elementor-element-a7e6624{text-align:center;color:#FFFFFF;}.elementor-1413 .elementor-element.elementor-element-8b4a0bb .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-1413 .elementor-element.elementor-element-8b4a0bb .elementor-button:hover, .elementor-1413 .elementor-element.elementor-element-8b4a0bb .elementor-button:focus{background-color:#334DD5;}.elementor-1413 .elementor-element.elementor-element-8b4a0bb:hover{--e-transform-translateY:2px;}body.elementor-page-1413:not(.elementor-motion-effects-element-type-background), body.elementor-page-1413 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8F7F2;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-1413 .elementor-element.elementor-element-7c8972b{--content-width:94%;}.elementor-1413 .elementor-element.elementor-element-f28bd19{--content-width:94%;}.elementor-1413 .elementor-element.elementor-element-d65550d{--width:56%;}.elementor-1413 .elementor-element.elementor-element-ef4f600{--width:72%;}.elementor-1413 .elementor-element.elementor-element-d676e5e{--content-width:94%;}.elementor-1413 .elementor-element.elementor-element-71e9487{--width:64%;}.elementor-1413 .elementor-element.elementor-element-0297b33{--width:100%;}.elementor-1413 .elementor-element.elementor-element-7b90b5a{--content-width:94%;}.elementor-1413 .elementor-element.elementor-element-78ef7e7{--content-width:94%;}.elementor-1413 .elementor-element.elementor-element-0d527dc{--width:100%;}.elementor-1413 .elementor-element.elementor-element-9a4bc25{--content-width:100%;}.elementor-1413 .elementor-element.elementor-element-5282357{--content-width:100%;}.elementor-1413 .elementor-element.elementor-element-0d6a04e{--content-width:100%;}.elementor-1413 .elementor-element.elementor-element-6382477{--content-width:100%;}.elementor-1413 .elementor-element.elementor-element-34cab02{--content-width:94%;}}@media(max-width:1024px) and (min-width:768px){.elementor-1413 .elementor-element.elementor-element-d65550d{--width:100%;}.elementor-1413 .elementor-element.elementor-element-71e9487{--width:100%;}}@media(max-width:1024px){.elementor-1413 .elementor-element.elementor-element-4dc529a{--flex-wrap:wrap;}.elementor-1413 .elementor-element.elementor-element-d676e5e{--flex-wrap:wrap;}.elementor-1413 .elementor-element.elementor-element-ed19f69{text-align:start;}.elementor-1413 .elementor-element.elementor-element-ed19f69 img{width:80%;}.elementor-1413 .elementor-element.elementor-element-0297b33.e-con{--order:-99999 /* order start hack */;}.elementor-1413 .elementor-element.elementor-element-7a4811d{--grid-auto-flow:row;}.elementor-1413 .elementor-element.elementor-element-56b36d9{--e-n-carousel-swiper-slides-to-display:2;}}@media(max-width:767px){.elementor-1413 .elementor-element.elementor-element-7c8972b{--content-width:94%;}.elementor-1413 .elementor-element.elementor-element-d58d10d{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-1413 .elementor-element.elementor-element-1f7df01{text-align:center;}.elementor-1413 .elementor-element.elementor-element-f28bd19{--content-width:94%;--padding-top:24px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1413 .elementor-element.elementor-element-b12bd25 .elementor-heading-title{font-size:42px;}.elementor-1413 .elementor-element.elementor-element-d23a12d{--padding-top:24px;--padding-bottom:24px;--padding-left:0px;--padding-right:0px;}.elementor-1413 .elementor-element.elementor-element-f9944b8 .elementor-heading-title{font-size:42px;line-height:1.2em;}.elementor-1413 .elementor-element.elementor-element-d676e5e{--content-width:94%;--padding-top:24px;--padding-bottom:24px;--padding-left:0px;--padding-right:0px;}.elementor-1413 .elementor-element.elementor-element-0297b33.e-con{--order:-99999 /* order start hack */;}.elementor-1413 .elementor-element.elementor-element-80e0d4d .elementor-heading-title{font-size:40px;}.elementor-1413 .elementor-element.elementor-element-7a4811d{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;--justify-items:start;}.elementor-1413 .elementor-element.elementor-element-7b90b5a{--content-width:94%;}.elementor-1413 .elementor-element.elementor-element-7b90b5a:not(.elementor-motion-effects-element-type-background), .elementor-1413 .elementor-element.elementor-element-7b90b5a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #00000000 75%, #FFE6F3 75%);}.elementor-1413 .elementor-element.elementor-element-78ef7e7{--content-width:94%;--padding-top:32px;--padding-bottom:32px;--padding-left:0px;--padding-right:0px;}.elementor-1413 .elementor-element.elementor-element-cc9fe28{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1413 .elementor-element.elementor-element-d7df6a0{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1413 .elementor-element.elementor-element-4893cc9{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1413 .elementor-element.elementor-element-7df6be7{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1413 .elementor-element.elementor-element-7216d72{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1413 .elementor-element.elementor-element-ca76f23{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1413 .elementor-element.elementor-element-59eb860{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1413 .elementor-element.elementor-element-50ce524{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1413 .elementor-element.elementor-element-56b36d9{--e-n-carousel-swiper-slides-to-display:1;}.elementor-1413 .elementor-element.elementor-element-34cab02{--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-1413 .elementor-element.elementor-element-72c55c6:not(.elementor-motion-effects-element-type-background), .elementor-1413 .elementor-element.elementor-element-72c55c6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-size:cover;}.elementor-1413 .elementor-element.elementor-element-f6c4c53 .elementor-heading-title{font-size:36px;}}/* Start custom CSS for html, class: .elementor-element-0e2c838 */.read-more-content {
    display: none;
    transition: all 0.3s ease;
}
.read-more-content.active {
    display: block;
}
.content-wrapper p {
    font-family: "Reem Kufi", Sans-serif;
     color: #FFF8E0;
}
.elementor-1413 .elementor-element.elementor-element-0e2c838 a {
     color: #1A1A1A;
       font-family: "Reem Kufi", Sans-serif;
}
.read-more-content p {
      font-family: "Reem Kufi", Sans-serif;
      color: #FFF8E0;
}
.read-more-button, .read-more-button:hover, .read-more-button:active  {
    border: none;
    color: #FFF8E0!important;
    padding: 0;
    background: transparent!important;
       font-family: "Reem Kufi", Sans-serif;
}/* End custom CSS */
/* Start custom CSS for google_maps, class: .elementor-element-83e577e */.hp-map {
    border: 8px solid white;
    border-radius: 12px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8130fe9 */.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-fc9dd11 */.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-07ff874 */.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-987fe2d */.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-08c84b1 */.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-04478e9 */.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-26e8206 */.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-c27e9fd */.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-8130fe9 */.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-fc9dd11 */.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-07ff874 */.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-987fe2d */.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-08c84b1 */.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-04478e9 */.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-26e8206 */.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-c27e9fd */.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-8130fe9 */.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-fc9dd11 */.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-07ff874 */.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-987fe2d */.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-08c84b1 */.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-04478e9 */.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-26e8206 */.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-c27e9fd */.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-8130fe9 */.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-fc9dd11 */.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-07ff874 */.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-987fe2d */.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-08c84b1 */.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-04478e9 */.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-26e8206 */.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-c27e9fd */.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-8130fe9 */.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-fc9dd11 */.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-07ff874 */.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-987fe2d */.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-08c84b1 */.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-04478e9 */.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-26e8206 */.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-c27e9fd */.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-8130fe9 */.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-fc9dd11 */.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-07ff874 */.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-987fe2d */.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-08c84b1 */.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-04478e9 */.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-26e8206 */.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-c27e9fd */.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-8130fe9 */.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-fc9dd11 */.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-07ff874 */.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-987fe2d */.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-08c84b1 */.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-04478e9 */.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-26e8206 */.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-c27e9fd */.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-8130fe9 */.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-fc9dd11 */.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-07ff874 */.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-987fe2d */.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-08c84b1 */.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-04478e9 */.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-26e8206 */.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-c27e9fd */.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-8130fe9 */.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-fc9dd11 */.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-07ff874 */.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-987fe2d */.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-08c84b1 */.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-04478e9 */.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-26e8206 */.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-c27e9fd */.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 */