.elementor-1405 .elementor-element.elementor-element-1e6617f{--display:flex;--padding-top:20px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-1405 .elementor-element.elementor-element-fee623b{--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-1405 .elementor-element.elementor-element-fee623b:not(.elementor-motion-effects-element-type-background), .elementor-1405 .elementor-element.elementor-element-fee623b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#C15CFF;}.elementor-1405 .elementor-element.elementor-element-4c830d5{--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-1405 .elementor-element.elementor-element-6199e7a{padding:0px 0px 0px 0px;text-align:start;}.elementor-1405 .elementor-element.elementor-element-6199e7a .elementor-heading-title{font-family:"Reem Kufi", Sans-serif;font-size:56px;font-weight:600;color:#FFF8E0;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-1405 .elementor-element.elementor-element-9042c2e{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-1405 .elementor-element.elementor-element-f01b1a5 .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-1405 .elementor-element.elementor-element-f01b1a5:hover{--e-transform-translateY:2px;}.elementor-1405 .elementor-element.elementor-element-a21e07d{--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-1405 .elementor-element.elementor-element-691140f{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:24px;--padding-bottom:24px;--padding-left:0px;--padding-right:0px;}.elementor-1405 .elementor-element.elementor-element-691140f:not(.elementor-motion-effects-element-type-background), .elementor-1405 .elementor-element.elementor-element-691140f > .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-1405 .elementor-element.elementor-element-736c5b3{--display:flex;--gap:12px 12px;--row-gap:12px;--column-gap:12px;}.elementor-1405 .elementor-element.elementor-element-fdd601c{text-align:center;}.elementor-1405 .elementor-element.elementor-element-fdd601c .elementor-heading-title{font-family:"Reem Kufi", Sans-serif;font-size:50px;font-weight:600;line-height:56px;}.elementor-1405 .elementor-element.elementor-element-23a8f15{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-1405 .elementor-element.elementor-element-77ada9c{--display:flex;--padding-top:24px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1405 .elementor-element.elementor-element-5281d32{--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-1405 .elementor-element.elementor-element-1e88427{--display:flex;--justify-content:center;}.elementor-1405 .elementor-element.elementor-element-1e88427.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1405 .elementor-element.elementor-element-f865496 .elementor-heading-title{font-family:"Reem Kufi", Sans-serif;font-size:50px;font-weight:600;}.elementor-1405 .elementor-element.elementor-element-adc0509{color:var( --e-global-color-text );}.elementor-1405 .elementor-element.elementor-element-d10009d{--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-1405 .elementor-element.elementor-element-b07b694 img{height:100%;object-fit:cover;object-position:center center;border-radius:8px 8px 8px 8px;}.elementor-1405 .elementor-element.elementor-element-cedfb35{--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-1405 .elementor-element.elementor-element-92c3047{--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-1405 .elementor-element.elementor-element-b7140d3{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1405 .elementor-element.elementor-element-9c201b2 .elementor-heading-title{font-family:"Reem Kufi", Sans-serif;font-size:50px;font-weight:600;line-height:56px;}.elementor-1405 .elementor-element.elementor-element-8f88254{color:var( --e-global-color-primary );}.elementor-1405 .elementor-element.elementor-element-dbbad79{--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-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-1405 .elementor-element.elementor-element-f8a4b95 .elementor-icon-box-wrapper{align-items:start;gap:8px;}.elementor-1405 .elementor-element.elementor-element-f8a4b95 .elementor-icon-box-title{margin-block-end:8px;}.elementor-1405 .elementor-element.elementor-element-f8a4b95 .elementor-icon{font-size:32px;}.elementor-1405 .elementor-element.elementor-element-f8a4b95 .elementor-icon-box-title, .elementor-1405 .elementor-element.elementor-element-f8a4b95 .elementor-icon-box-title a{font-family:"Reem Kufi", Sans-serif;font-size:16px;font-weight:600;}.elementor-1405 .elementor-element.elementor-element-f8a4b95 .elementor-icon-box-description{font-family:"DM Sans", Sans-serif;font-size:14px;font-weight:400;}.elementor-1405 .elementor-element.elementor-element-df40b7f .elementor-icon-box-wrapper{align-items:start;gap:8px;}.elementor-1405 .elementor-element.elementor-element-df40b7f .elementor-icon-box-title{margin-block-end:8px;}.elementor-1405 .elementor-element.elementor-element-df40b7f .elementor-icon{font-size:32px;}.elementor-1405 .elementor-element.elementor-element-df40b7f .elementor-icon-box-title, .elementor-1405 .elementor-element.elementor-element-df40b7f .elementor-icon-box-title a{font-family:"Reem Kufi", Sans-serif;font-size:16px;font-weight:600;}.elementor-1405 .elementor-element.elementor-element-df40b7f .elementor-icon-box-description{font-family:"DM Sans", Sans-serif;font-size:14px;font-weight:400;}.elementor-1405 .elementor-element.elementor-element-f4197ba .elementor-icon-box-wrapper{align-items:start;gap:8px;}.elementor-1405 .elementor-element.elementor-element-f4197ba .elementor-icon-box-title{margin-block-end:8px;}.elementor-1405 .elementor-element.elementor-element-f4197ba .elementor-icon{font-size:32px;}.elementor-1405 .elementor-element.elementor-element-f4197ba .elementor-icon-box-title, .elementor-1405 .elementor-element.elementor-element-f4197ba .elementor-icon-box-title a{font-family:"Reem Kufi", Sans-serif;font-size:16px;font-weight:600;}.elementor-1405 .elementor-element.elementor-element-f4197ba .elementor-icon-box-description{font-family:"DM Sans", Sans-serif;font-size:14px;font-weight:400;}.elementor-1405 .elementor-element.elementor-element-10bdf79 .elementor-icon-box-wrapper{align-items:start;gap:8px;}.elementor-1405 .elementor-element.elementor-element-10bdf79 .elementor-icon-box-title{margin-block-end:8px;}.elementor-1405 .elementor-element.elementor-element-10bdf79 .elementor-icon{font-size:32px;}.elementor-1405 .elementor-element.elementor-element-10bdf79 .elementor-icon-box-title, .elementor-1405 .elementor-element.elementor-element-10bdf79 .elementor-icon-box-title a{font-family:"Reem Kufi", Sans-serif;font-size:16px;font-weight:600;}.elementor-1405 .elementor-element.elementor-element-10bdf79 .elementor-icon-box-description{font-family:"DM Sans", Sans-serif;font-size:14px;font-weight:400;}.elementor-1405 .elementor-element.elementor-element-8247ab5{color:var( --e-global-color-text );}.elementor-1405 .elementor-element.elementor-element-55b9f44 .elementor-button{background-color:#C15CFF;fill:var( --e-global-color-primary );color:var( --e-global-color-primary );box-shadow:0px 6px 10px 0px rgba(0, 0, 0, 0.2);border-style:solid;border-width:2px 2px 2px 2px;border-color:#FFFFFF;border-radius:60px 60px 60px 60px;padding:16px 32px 16px 32px;}.elementor-1405 .elementor-element.elementor-element-55b9f44:hover{--e-transform-translateY:2px;}.elementor-1405 .elementor-element.elementor-element-28f5c05{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-1405 .elementor-element.elementor-element-8421557{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:24px;--padding-right:24px;}.elementor-1405 .elementor-element.elementor-element-8421557:not(.elementor-motion-effects-element-type-background), .elementor-1405 .elementor-element.elementor-element-8421557 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://carechoicenorthwest.co.uk/wp-content/uploads/2025/02/mental-health-care.jpg");background-position:top center;background-size:cover;}.elementor-1405 .elementor-element.elementor-element-8421557::before, .elementor-1405 .elementor-element.elementor-element-8421557 > .elementor-background-video-container::before, .elementor-1405 .elementor-element.elementor-element-8421557 > .e-con-inner > .elementor-background-video-container::before, .elementor-1405 .elementor-element.elementor-element-8421557 > .elementor-background-slideshow::before, .elementor-1405 .elementor-element.elementor-element-8421557 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1405 .elementor-element.elementor-element-8421557 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#00034E;--background-overlay:'';}.elementor-1405 .elementor-element.elementor-element-61228f9{padding:0px 40px 0px 40px;text-align:center;}.elementor-1405 .elementor-element.elementor-element-61228f9 .elementor-heading-title{font-family:"Reem Kufi", Sans-serif;font-size:54px;font-weight:600;text-transform:capitalize;font-style:italic;color:#FFFFFF;}.elementor-1405 .elementor-element.elementor-element-06c1fdc{text-align:center;color:#FFFFFF;}.elementor-1405 .elementor-element.elementor-element-41f3cc4 .elementor-button{background-color:#C15CFF;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-1405 .elementor-element.elementor-element-41f3cc4:hover{--e-transform-translateY:2px;}.elementor-1405 .elementor-element.elementor-element-aa4af83{--display:flex;--padding-top:24px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1405 .elementor-element.elementor-element-493c1a0{--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-1405 .elementor-element.elementor-element-3ced081{--display:flex;--justify-content:center;}.elementor-1405 .elementor-element.elementor-element-3ced081.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1405 .elementor-element.elementor-element-c4c4af6 .elementor-heading-title{font-family:"Reem Kufi", Sans-serif;font-size:50px;font-weight:600;}.elementor-1405 .elementor-element.elementor-element-dd39c64{color:var( --e-global-color-text );}.elementor-1405 .elementor-element.elementor-element-f26a7fd{--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-1405 .elementor-element.elementor-element-4f8ce4c img{height:100%;object-fit:cover;object-position:center center;border-radius:8px 8px 8px 8px;}.elementor-1405 .elementor-element.elementor-element-0fdc782{--display:flex;--padding-top:64px;--padding-bottom:64px;--padding-left:0px;--padding-right:0px;}.elementor-1405 .elementor-element.elementor-element-6de0d17{--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-1405 .elementor-element.elementor-element-f802b93{--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-1405 .elementor-element.elementor-element-f7f851c{--display:flex;--justify-content:center;}.elementor-1405 .elementor-element.elementor-element-7080dcb .elementor-heading-title{font-family:"Reem Kufi", Sans-serif;font-size:50px;font-weight:600;line-height:56px;}.elementor-1405 .elementor-element.elementor-element-f5e87ce{color:var( --e-global-color-primary );}.elementor-1405 .elementor-element.elementor-element-d491a0a .elementor-button{background-color:#C15CFF;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-1405 .elementor-element.elementor-element-d491a0a .elementor-button:hover, .elementor-1405 .elementor-element.elementor-element-d491a0a .elementor-button:focus{background-color:#00B16E;}.elementor-1405 .elementor-element.elementor-element-d491a0a:hover{--e-transform-translateY:2px;}.elementor-1405 .elementor-element.elementor-element-3583479{--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-1405 .elementor-element.elementor-element-3583479:not(.elementor-motion-effects-element-type-background), .elementor-1405 .elementor-element.elementor-element-3583479 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(90deg, #00000000 75%, #F7E6FF 75%);}.elementor-1405 .elementor-element.elementor-element-24d6f94{--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-1405 .elementor-element.elementor-element-411c14a{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1405 .elementor-element.elementor-element-2c64729 .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-1405 .elementor-element.elementor-global-1352 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-1405 .elementor-element.elementor-global-1352 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-1405 .elementor-element.elementor-global-1352 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-1405 .elementor-element.elementor-global-1352 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-1405 .elementor-element.elementor-global-1352 .elementor-labels-inline .elementor-field-group > label{padding-left:8px;}body:not(.rtl) .elementor-1405 .elementor-element.elementor-global-1352 .elementor-labels-inline .elementor-field-group > label{padding-right:8px;}body .elementor-1405 .elementor-element.elementor-global-1352 .elementor-labels-above .elementor-field-group > label{padding-bottom:8px;}.elementor-1405 .elementor-element.elementor-global-1352 .elementor-field-group > label, .elementor-1405 .elementor-element.elementor-global-1352 .elementor-field-subgroup label{color:var( --e-global-color-primary );}.elementor-1405 .elementor-element.elementor-global-1352 .elementor-field-group > label{font-family:"DM Sans", Sans-serif;font-weight:400;line-height:28px;}.elementor-1405 .elementor-element.elementor-global-1352 .elementor-field-type-html{padding-bottom:0px;}.elementor-1405 .elementor-element.elementor-global-1352 .elementor-field-group .elementor-field{color:var( --e-global-color-text );}.elementor-1405 .elementor-element.elementor-global-1352 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){border-radius:32px 32px 32px 32px;}.elementor-1405 .elementor-element.elementor-global-1352 .elementor-field-group .elementor-select-wrapper select{border-radius:32px 32px 32px 32px;}.elementor-1405 .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-1405 .elementor-element.elementor-global-1352 .e-form__buttons__wrapper__button-next{background-color:#FFDC62;color:var( --e-global-color-primary );border-color:#FFFFFF;}.elementor-1405 .elementor-element.elementor-global-1352 .elementor-button[type="submit"]{background-color:#FFDC62;color:var( --e-global-color-primary );border-color:#FFFFFF;}.elementor-1405 .elementor-element.elementor-global-1352 .elementor-button[type="submit"] svg *{fill:var( --e-global-color-primary );}.elementor-1405 .elementor-element.elementor-global-1352 .e-form__buttons__wrapper__button-previous{background-color:#FFDC62;color:var( --e-global-color-primary );border-color:#FFFFFF;}.elementor-1405 .elementor-element.elementor-global-1352 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-1405 .elementor-element.elementor-global-1352 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-1405 .elementor-element.elementor-global-1352 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-1405 .elementor-element.elementor-global-1352 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-1405 .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-1405 .elementor-element.elementor-element-3fe8b04{--display:flex;--justify-content:center;}.elementor-1405 .elementor-element.elementor-element-49df068 iframe{height:540px;}.elementor-1405 .elementor-element.elementor-element-a284391{--display:flex;--padding-top:64px;--padding-bottom:64px;--padding-left:0px;--padding-right:0px;}.elementor-1405 .elementor-element.elementor-element-41097f3{--display:flex;}.elementor-1405 .elementor-element.elementor-element-3911d1b .elementor-heading-title{font-family:"Reem Kufi", Sans-serif;font-size:46px;font-weight:600;line-height:52px;}.elementor-1405 .elementor-element.elementor-element-da72fd2{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1405 .elementor-element.elementor-element-cc41f42{--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-1405 .elementor-element.elementor-element-cc41f42:not(.elementor-motion-effects-element-type-background), .elementor-1405 .elementor-element.elementor-element-cc41f42 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FDEBEB;}.elementor-1405 .elementor-element.elementor-element-a21e436{--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-1405 .elementor-element.elementor-element-c1dbc95 .elementor-icon-wrapper{text-align:start;}.elementor-1405 .elementor-element.elementor-element-c1dbc95.elementor-view-framed .elementor-icon{background-color:#FF6262;}.elementor-1405 .elementor-element.elementor-element-c1dbc95.elementor-view-stacked .elementor-icon{color:#FF6262;}.elementor-1405 .elementor-element.elementor-element-c1dbc95.elementor-view-stacked .elementor-icon svg{fill:#FF6262;}.elementor-1405 .elementor-element.elementor-element-c1dbc95 .elementor-icon{font-size:24px;border-width:0px 0px 0px 0px;}.elementor-1405 .elementor-element.elementor-element-c1dbc95 .elementor-icon svg{height:24px;}.elementor-1405 .elementor-element.elementor-element-94c3b3e .elementor-heading-title{font-family:"Reem Kufi", Sans-serif;font-size:28px;font-weight:600;color:var( --e-global-color-primary );}.elementor-1405 .elementor-element.elementor-element-ebd1a17{font-family:"DM Sans", Sans-serif;font-size:16px;font-weight:400;color:var( --e-global-color-primary );}.elementor-1405 .elementor-element.elementor-element-ebd1a17 p{margin-block-end:0px;}.elementor-1405 .elementor-element.elementor-element-4069a87{--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-1405 .elementor-element.elementor-element-bc612e2 .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-1405 .elementor-element.elementor-element-b8e4348{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1405 .elementor-element.elementor-element-7b3812f{--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-1405 .elementor-element.elementor-element-7b3812f:not(.elementor-motion-effects-element-type-background), .elementor-1405 .elementor-element.elementor-element-7b3812f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFF8E0;}.elementor-1405 .elementor-element.elementor-element-85eba28{--display:flex;--gap:12px 0px;--row-gap:12px;--column-gap:0px;}.elementor-1405 .elementor-element.elementor-element-a506dab .elementor-icon-wrapper{text-align:start;}.elementor-1405 .elementor-element.elementor-element-a506dab.elementor-view-framed .elementor-icon{background-color:#FFDC62;}.elementor-1405 .elementor-element.elementor-element-a506dab.elementor-view-stacked .elementor-icon{color:#FFDC62;}.elementor-1405 .elementor-element.elementor-element-a506dab.elementor-view-stacked .elementor-icon svg{fill:#FFDC62;}.elementor-1405 .elementor-element.elementor-element-a506dab .elementor-icon{font-size:24px;border-width:0px 0px 0px 0px;}.elementor-1405 .elementor-element.elementor-element-a506dab .elementor-icon svg{height:24px;}.elementor-1405 .elementor-element.elementor-element-7c82dab .elementor-heading-title{font-family:"Reem Kufi", Sans-serif;font-size:28px;font-weight:600;color:var( --e-global-color-primary );}.elementor-1405 .elementor-element.elementor-element-ff2ca44{font-family:"DM Sans", Sans-serif;font-size:16px;font-weight:400;color:var( --e-global-color-primary );}.elementor-1405 .elementor-element.elementor-element-ff2ca44 p{margin-block-end:0px;}.elementor-1405 .elementor-element.elementor-element-c372d68{--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-1405 .elementor-element.elementor-element-dc7fa3c .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-1405 .elementor-element.elementor-element-17efd41{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1405 .elementor-element.elementor-element-3166f24{--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-1405 .elementor-element.elementor-element-3166f24:not(.elementor-motion-effects-element-type-background), .elementor-1405 .elementor-element.elementor-element-3166f24 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E5FFF5;}.elementor-1405 .elementor-element.elementor-element-8bfbc85{--display:flex;--gap:12px 0px;--row-gap:12px;--column-gap:0px;}.elementor-1405 .elementor-element.elementor-element-234e7b3 .elementor-icon-wrapper{text-align:start;}.elementor-1405 .elementor-element.elementor-element-234e7b3.elementor-view-framed .elementor-icon{background-color:#00D384;}.elementor-1405 .elementor-element.elementor-element-234e7b3.elementor-view-stacked .elementor-icon{color:#00D384;}.elementor-1405 .elementor-element.elementor-element-234e7b3.elementor-view-stacked .elementor-icon svg{fill:#00D384;}.elementor-1405 .elementor-element.elementor-element-234e7b3 .elementor-icon{font-size:24px;border-width:0px 0px 0px 0px;}.elementor-1405 .elementor-element.elementor-element-234e7b3 .elementor-icon svg{height:24px;}.elementor-1405 .elementor-element.elementor-element-25ca171 .elementor-heading-title{font-family:"Reem Kufi", Sans-serif;font-size:28px;font-weight:600;color:var( --e-global-color-primary );}.elementor-1405 .elementor-element.elementor-element-b088596{font-family:"DM Sans", Sans-serif;font-size:16px;font-weight:400;color:var( --e-global-color-primary );}.elementor-1405 .elementor-element.elementor-element-b088596 p{margin-block-end:0px;}.elementor-1405 .elementor-element.elementor-element-112af70{--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-1405 .elementor-element.elementor-element-48d549d .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-1405 .elementor-element.elementor-element-6f6ab26{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1405 .elementor-element.elementor-element-dd12b7f{--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-1405 .elementor-element.elementor-element-dd12b7f:not(.elementor-motion-effects-element-type-background), .elementor-1405 .elementor-element.elementor-element-dd12b7f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E4E5FF;}.elementor-1405 .elementor-element.elementor-element-0dcf517{--display:flex;--gap:12px 0px;--row-gap:12px;--column-gap:0px;}.elementor-1405 .elementor-element.elementor-element-75898f4 .elementor-icon-wrapper{text-align:start;}.elementor-1405 .elementor-element.elementor-element-75898f4.elementor-view-framed .elementor-icon{background-color:#657EFF;}.elementor-1405 .elementor-element.elementor-element-75898f4.elementor-view-stacked .elementor-icon{color:#657EFF;}.elementor-1405 .elementor-element.elementor-element-75898f4.elementor-view-stacked .elementor-icon svg{fill:#657EFF;}.elementor-1405 .elementor-element.elementor-element-75898f4 .elementor-icon{font-size:24px;border-width:0px 0px 0px 0px;}.elementor-1405 .elementor-element.elementor-element-75898f4 .elementor-icon svg{height:24px;}.elementor-1405 .elementor-element.elementor-element-d3071d5 .elementor-heading-title{font-family:"Reem Kufi", Sans-serif;font-size:28px;font-weight:600;color:var( --e-global-color-primary );}.elementor-1405 .elementor-element.elementor-element-4d4d47d{font-family:"DM Sans", Sans-serif;font-size:16px;font-weight:400;color:var( --e-global-color-primary );}.elementor-1405 .elementor-element.elementor-element-4d4d47d p{margin-block-end:0px;}.elementor-1405 .elementor-element.elementor-element-219e697{--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-1405 .elementor-element.elementor-element-9f36dde .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-1405 .elementor-element.elementor-element-1d22f34{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1405 .elementor-element.elementor-element-15cf072{--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-1405 .elementor-element.elementor-element-15cf072:not(.elementor-motion-effects-element-type-background), .elementor-1405 .elementor-element.elementor-element-15cf072 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#DDF3FF;}.elementor-1405 .elementor-element.elementor-element-05cb261{--display:flex;--gap:12px 0px;--row-gap:12px;--column-gap:0px;}.elementor-1405 .elementor-element.elementor-element-78f2fed .elementor-icon-wrapper{text-align:start;}.elementor-1405 .elementor-element.elementor-element-78f2fed.elementor-view-framed .elementor-icon{background-color:#6DCAFF;}.elementor-1405 .elementor-element.elementor-element-78f2fed.elementor-view-stacked .elementor-icon{color:#6DCAFF;}.elementor-1405 .elementor-element.elementor-element-78f2fed.elementor-view-stacked .elementor-icon svg{fill:#6DCAFF;}.elementor-1405 .elementor-element.elementor-element-78f2fed .elementor-icon{font-size:24px;border-width:0px 0px 0px 0px;}.elementor-1405 .elementor-element.elementor-element-78f2fed .elementor-icon svg{height:24px;}.elementor-1405 .elementor-element.elementor-element-6a69ea2 .elementor-heading-title{font-family:"Reem Kufi", Sans-serif;font-size:28px;font-weight:600;color:var( --e-global-color-primary );}.elementor-1405 .elementor-element.elementor-element-af21117{font-family:"DM Sans", Sans-serif;font-size:16px;font-weight:400;color:var( --e-global-color-primary );}.elementor-1405 .elementor-element.elementor-element-af21117 p{margin-block-end:0px;}.elementor-1405 .elementor-element.elementor-element-2fb3cdd{--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-1405 .elementor-element.elementor-element-c19ec68 .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-1405 .elementor-element.elementor-element-a8aaf68{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1405 .elementor-element.elementor-element-f093253{--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-1405 .elementor-element.elementor-element-f093253:not(.elementor-motion-effects-element-type-background), .elementor-1405 .elementor-element.elementor-element-f093253 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFE9E5;}.elementor-1405 .elementor-element.elementor-element-af2ed7e{--display:flex;--gap:12px 0px;--row-gap:12px;--column-gap:0px;}.elementor-1405 .elementor-element.elementor-element-43b9443 .elementor-icon-wrapper{text-align:start;}.elementor-1405 .elementor-element.elementor-element-43b9443.elementor-view-framed .elementor-icon{background-color:#FF9960;}.elementor-1405 .elementor-element.elementor-element-43b9443.elementor-view-stacked .elementor-icon{color:#FF9960;}.elementor-1405 .elementor-element.elementor-element-43b9443.elementor-view-stacked .elementor-icon svg{fill:#FF9960;}.elementor-1405 .elementor-element.elementor-element-43b9443 .elementor-icon{font-size:24px;border-width:0px 0px 0px 0px;}.elementor-1405 .elementor-element.elementor-element-43b9443 .elementor-icon svg{height:24px;}.elementor-1405 .elementor-element.elementor-element-7e881f2 .elementor-heading-title{font-family:"Reem Kufi", Sans-serif;font-size:28px;font-weight:600;color:var( --e-global-color-primary );}.elementor-1405 .elementor-element.elementor-element-b88c030{font-family:"DM Sans", Sans-serif;font-size:16px;font-weight:400;color:var( --e-global-color-primary );}.elementor-1405 .elementor-element.elementor-element-b88c030 p{margin-block-end:0px;}.elementor-1405 .elementor-element.elementor-element-0084438{--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-1405 .elementor-element.elementor-element-844cce7 .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-1405 .elementor-element.elementor-element-9edad43{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1405 .elementor-element.elementor-element-74c84cd{--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-1405 .elementor-element.elementor-element-74c84cd:not(.elementor-motion-effects-element-type-background), .elementor-1405 .elementor-element.elementor-element-74c84cd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7E6FF;}.elementor-1405 .elementor-element.elementor-element-7e001b2{--display:flex;--gap:12px 0px;--row-gap:12px;--column-gap:0px;}.elementor-1405 .elementor-element.elementor-element-8dfb9f0 .elementor-icon-wrapper{text-align:start;}.elementor-1405 .elementor-element.elementor-element-8dfb9f0.elementor-view-framed .elementor-icon{background-color:#C15CFF;}.elementor-1405 .elementor-element.elementor-element-8dfb9f0.elementor-view-stacked .elementor-icon{color:#C15CFF;}.elementor-1405 .elementor-element.elementor-element-8dfb9f0.elementor-view-stacked .elementor-icon svg{fill:#C15CFF;}.elementor-1405 .elementor-element.elementor-element-8dfb9f0 .elementor-icon{font-size:24px;border-width:0px 0px 0px 0px;}.elementor-1405 .elementor-element.elementor-element-8dfb9f0 .elementor-icon svg{height:24px;}.elementor-1405 .elementor-element.elementor-element-4de60b7 .elementor-heading-title{font-family:"Reem Kufi", Sans-serif;font-size:28px;font-weight:600;color:var( --e-global-color-primary );}.elementor-1405 .elementor-element.elementor-element-391ed5f{font-family:"DM Sans", Sans-serif;font-size:16px;font-weight:400;color:var( --e-global-color-primary );}.elementor-1405 .elementor-element.elementor-element-5840165{--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-1405 .elementor-element.elementor-element-5253a66 .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-1405 .elementor-element.elementor-element-5178eeb{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1405 .elementor-element.elementor-element-16770e2{--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-1405 .elementor-element.elementor-element-16770e2:not(.elementor-motion-effects-element-type-background), .elementor-1405 .elementor-element.elementor-element-16770e2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFE6F3;}.elementor-1405 .elementor-element.elementor-element-9f5d39b{--display:flex;--gap:12px 0px;--row-gap:12px;--column-gap:0px;}.elementor-1405 .elementor-element.elementor-element-72b123f .elementor-icon-wrapper{text-align:start;}.elementor-1405 .elementor-element.elementor-element-72b123f.elementor-view-framed .elementor-icon{background-color:#FF5CBE;}.elementor-1405 .elementor-element.elementor-element-72b123f.elementor-view-stacked .elementor-icon{color:#FF5CBE;}.elementor-1405 .elementor-element.elementor-element-72b123f.elementor-view-stacked .elementor-icon svg{fill:#FF5CBE;}.elementor-1405 .elementor-element.elementor-element-72b123f .elementor-icon{font-size:24px;border-width:0px 0px 0px 0px;}.elementor-1405 .elementor-element.elementor-element-72b123f .elementor-icon svg{height:24px;}.elementor-1405 .elementor-element.elementor-element-1d8b89e .elementor-heading-title{font-family:"Reem Kufi", Sans-serif;font-size:28px;font-weight:600;color:var( --e-global-color-primary );}.elementor-1405 .elementor-element.elementor-element-4474fa5{font-family:"DM Sans", Sans-serif;font-size:16px;font-weight:400;color:var( --e-global-color-primary );}.elementor-1405 .elementor-element.elementor-element-4474fa5 p{margin-block-end:0px;}.elementor-1405 .elementor-element.elementor-element-079314b{--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-1405 .elementor-element.elementor-element-935387a .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-1405 .elementor-element.elementor-element-046874e{--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-1405 .elementor-element.elementor-element-cdd07cb{margin:32px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-1405 .elementor-element.elementor-element-601d75e{--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-1405 .elementor-element.elementor-element-601d75e:not(.elementor-motion-effects-element-type-background), .elementor-1405 .elementor-element.elementor-element-601d75e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(0deg, #FDF9EC 50%, #F8F7F2 50%);}.elementor-1405 .elementor-element.elementor-element-ae15f10{--display:flex;--margin-top:0%;--margin-bottom:0%;--margin-left:-6%;--margin-right:0%;}.elementor-1405 .elementor-element.elementor-element-424da11{z-index:20;text-align:start;}.elementor-1405 .elementor-element.elementor-element-424da11 img{width:12%;}.elementor-1405 .elementor-element.elementor-element-da348f5{--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-1405 .elementor-element.elementor-element-da348f5:not(.elementor-motion-effects-element-type-background), .elementor-1405 .elementor-element.elementor-element-da348f5 > .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-1405 .elementor-element.elementor-element-da348f5::before, .elementor-1405 .elementor-element.elementor-element-da348f5 > .elementor-background-video-container::before, .elementor-1405 .elementor-element.elementor-element-da348f5 > .e-con-inner > .elementor-background-video-container::before, .elementor-1405 .elementor-element.elementor-element-da348f5 > .elementor-background-slideshow::before, .elementor-1405 .elementor-element.elementor-element-da348f5 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1405 .elementor-element.elementor-element-da348f5 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#00034E;--background-overlay:'';}.elementor-1405 .elementor-element.elementor-element-fd72295{padding:0px 40px 0px 40px;text-align:center;}.elementor-1405 .elementor-element.elementor-element-fd72295 .elementor-heading-title{font-family:"Reem Kufi", Sans-serif;font-size:54px;font-weight:600;text-transform:capitalize;font-style:italic;color:#FFFFFF;}.elementor-1405 .elementor-element.elementor-element-a9a0511{text-align:center;color:#FFFFFF;}.elementor-1405 .elementor-element.elementor-element-7727aa4 .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-1405 .elementor-element.elementor-element-7727aa4 .elementor-button:hover, .elementor-1405 .elementor-element.elementor-element-7727aa4 .elementor-button:focus{background-color:#334DD5;}.elementor-1405 .elementor-element.elementor-element-7727aa4:hover{--e-transform-translateY:2px;}body.elementor-page-1405:not(.elementor-motion-effects-element-type-background), body.elementor-page-1405 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8F7F2;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-1405 .elementor-element.elementor-element-1e6617f{--content-width:94%;}.elementor-1405 .elementor-element.elementor-element-736c5b3{--width:72%;}.elementor-1405 .elementor-element.elementor-element-77ada9c{--content-width:94%;}.elementor-1405 .elementor-element.elementor-element-1e88427{--width:56%;}.elementor-1405 .elementor-element.elementor-element-cedfb35{--content-width:94%;}.elementor-1405 .elementor-element.elementor-element-92c3047{--width:64%;}.elementor-1405 .elementor-element.elementor-element-b7140d3{--width:100%;}.elementor-1405 .elementor-element.elementor-element-28f5c05{--content-width:94%;}.elementor-1405 .elementor-element.elementor-element-aa4af83{--content-width:94%;}.elementor-1405 .elementor-element.elementor-element-3ced081{--width:56%;}.elementor-1405 .elementor-element.elementor-element-0fdc782{--content-width:94%;}.elementor-1405 .elementor-element.elementor-element-3583479{--content-width:94%;}.elementor-1405 .elementor-element.elementor-element-a284391{--content-width:94%;}.elementor-1405 .elementor-element.elementor-element-41097f3{--width:100%;}.elementor-1405 .elementor-element.elementor-element-da72fd2{--content-width:100%;}.elementor-1405 .elementor-element.elementor-element-b8e4348{--content-width:100%;}.elementor-1405 .elementor-element.elementor-element-17efd41{--content-width:100%;}.elementor-1405 .elementor-element.elementor-element-6f6ab26{--content-width:100%;}.elementor-1405 .elementor-element.elementor-element-601d75e{--content-width:94%;}}@media(max-width:1024px) and (min-width:768px){.elementor-1405 .elementor-element.elementor-element-1e88427{--width:100%;}.elementor-1405 .elementor-element.elementor-element-92c3047{--width:100%;}.elementor-1405 .elementor-element.elementor-element-3ced081{--width:100%;}}@media(max-width:1024px){.elementor-1405 .elementor-element.elementor-element-5281d32{--flex-wrap:wrap;}.elementor-1405 .elementor-element.elementor-element-cedfb35{--flex-wrap:wrap;}.elementor-1405 .elementor-element.elementor-element-bdae35c{text-align:start;}.elementor-1405 .elementor-element.elementor-element-bdae35c img{width:80%;}.elementor-1405 .elementor-element.elementor-element-b7140d3.e-con{--order:-99999 /* order start hack */;}.elementor-1405 .elementor-element.elementor-element-dbbad79{--grid-auto-flow:row;}.elementor-1405 .elementor-element.elementor-element-8421557{--padding-top:24px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;}.elementor-1405 .elementor-element.elementor-element-493c1a0{--flex-wrap:wrap;}.elementor-1405 .elementor-element.elementor-element-6de0d17{--flex-wrap:wrap;}.elementor-1405 .elementor-element.elementor-element-f7f851c.e-con{--order:-99999 /* order start hack */;}.elementor-1405 .elementor-element.elementor-element-046874e{--e-n-carousel-swiper-slides-to-display:2;}}@media(max-width:767px){.elementor-1405 .elementor-element.elementor-element-1e6617f{--content-width:94%;}.elementor-1405 .elementor-element.elementor-element-4c830d5{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-1405 .elementor-element.elementor-element-6199e7a{text-align:center;}.elementor-1405 .elementor-element.elementor-element-691140f{--padding-top:24px;--padding-bottom:24px;--padding-left:0px;--padding-right:0px;}.elementor-1405 .elementor-element.elementor-element-fdd601c .elementor-heading-title{font-size:42px;line-height:1.2em;}.elementor-1405 .elementor-element.elementor-element-77ada9c{--content-width:94%;--padding-top:24px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1405 .elementor-element.elementor-element-f865496 .elementor-heading-title{font-size:42px;}.elementor-1405 .elementor-element.elementor-element-cedfb35{--content-width:94%;--padding-top:24px;--padding-bottom:24px;--padding-left:0px;--padding-right:0px;}.elementor-1405 .elementor-element.elementor-element-b7140d3.e-con{--order:-99999 /* order start hack */;}.elementor-1405 .elementor-element.elementor-element-9c201b2 .elementor-heading-title{font-size:40px;}.elementor-1405 .elementor-element.elementor-element-dbbad79{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;--justify-items:start;}.elementor-1405 .elementor-element.elementor-element-28f5c05{--content-width:94%;}.elementor-1405 .elementor-element.elementor-element-8421557{--min-height:280px;--padding-top:24px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;}.elementor-1405 .elementor-element.elementor-element-8421557:not(.elementor-motion-effects-element-type-background), .elementor-1405 .elementor-element.elementor-element-8421557 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-size:cover;}.elementor-1405 .elementor-element.elementor-element-61228f9{padding:0px 0px 0px 0px;}.elementor-1405 .elementor-element.elementor-element-61228f9 .elementor-heading-title{font-size:36px;}.elementor-1405 .elementor-element.elementor-element-aa4af83{--content-width:94%;--padding-top:24px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1405 .elementor-element.elementor-element-0fdc782{--content-width:94%;--padding-top:24px;--padding-bottom:24px;--padding-left:0px;--padding-right:0px;}.elementor-1405 .elementor-element.elementor-element-f7f851c.e-con{--order:-99999 /* order start hack */;}.elementor-1405 .elementor-element.elementor-element-3583479{--content-width:94%;}.elementor-1405 .elementor-element.elementor-element-3583479:not(.elementor-motion-effects-element-type-background), .elementor-1405 .elementor-element.elementor-element-3583479 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #00000000 75%, #F7E6FF 75%);}.elementor-1405 .elementor-element.elementor-element-a284391{--content-width:94%;}.elementor-1405 .elementor-element.elementor-element-4069a87{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1405 .elementor-element.elementor-element-c372d68{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1405 .elementor-element.elementor-element-112af70{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1405 .elementor-element.elementor-element-219e697{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1405 .elementor-element.elementor-element-2fb3cdd{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1405 .elementor-element.elementor-element-0084438{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1405 .elementor-element.elementor-element-5840165{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1405 .elementor-element.elementor-element-079314b{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1405 .elementor-element.elementor-element-046874e{--e-n-carousel-swiper-slides-to-display:1;}.elementor-1405 .elementor-element.elementor-element-601d75e{--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-1405 .elementor-element.elementor-element-da348f5:not(.elementor-motion-effects-element-type-background), .elementor-1405 .elementor-element.elementor-element-da348f5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-size:cover;}.elementor-1405 .elementor-element.elementor-element-fd72295 .elementor-heading-title{font-size:36px;}}/* Start custom CSS for google_maps, class: .elementor-element-49df068 */.hp-map {
    border: 8px solid white;
    border-radius: 12px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cc41f42 */.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-7b3812f */.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-3166f24 */.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-dd12b7f */.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-15cf072 */.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-f093253 */.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-74c84cd */.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-16770e2 */.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-cc41f42 */.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-7b3812f */.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-3166f24 */.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-dd12b7f */.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-15cf072 */.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-f093253 */.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-74c84cd */.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-16770e2 */.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-cc41f42 */.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-7b3812f */.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-3166f24 */.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-dd12b7f */.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-15cf072 */.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-f093253 */.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-74c84cd */.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-16770e2 */.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-cc41f42 */.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-7b3812f */.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-3166f24 */.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-dd12b7f */.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-15cf072 */.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-f093253 */.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-74c84cd */.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-16770e2 */.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-cc41f42 */.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-7b3812f */.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-3166f24 */.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-dd12b7f */.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-15cf072 */.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-f093253 */.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-74c84cd */.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-16770e2 */.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-cc41f42 */.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-7b3812f */.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-3166f24 */.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-dd12b7f */.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-15cf072 */.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-f093253 */.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-74c84cd */.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-16770e2 */.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-cc41f42 */.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-7b3812f */.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-3166f24 */.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-dd12b7f */.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-15cf072 */.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-f093253 */.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-74c84cd */.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-16770e2 */.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-cc41f42 */.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-7b3812f */.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-3166f24 */.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-dd12b7f */.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-15cf072 */.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-f093253 */.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-74c84cd */.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-16770e2 */.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-cc41f42 */.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-7b3812f */.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-3166f24 */.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-dd12b7f */.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-15cf072 */.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-f093253 */.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-74c84cd */.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-16770e2 */.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 */