.elementor-23 .elementor-element.elementor-element-1f249fb{--display:flex;--min-height:796px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:0.86;--margin-top:-20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-23 .elementor-element.elementor-element-1f249fb::before, .elementor-23 .elementor-element.elementor-element-1f249fb > .elementor-background-video-container::before, .elementor-23 .elementor-element.elementor-element-1f249fb > .e-con-inner > .elementor-background-video-container::before, .elementor-23 .elementor-element.elementor-element-1f249fb > .elementor-background-slideshow::before, .elementor-23 .elementor-element.elementor-element-1f249fb > .e-con-inner > .elementor-background-slideshow::before, .elementor-23 .elementor-element.elementor-element-1f249fb > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(100deg, #023638 34%, #C2C2C27A 71%);}.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-23 .elementor-element.elementor-element-ad71707{margin:279px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-23 .elementor-element.elementor-element-ad71707 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:47px;font-weight:200;color:var( --e-global-color-astglobalcolor4 );}.elementor-23 .elementor-element.elementor-element-594b016 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:80px;font-weight:400;color:var( --e-global-color-astglobalcolor4 );}.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-23 .elementor-element.elementor-element-e88e26a .elementor-button{background-color:var( --e-global-color-astglobalcolor4 );font-family:"Poppins", Sans-serif;font-size:14px;font-weight:400;fill:var( --e-global-color-87e20e5 );color:var( --e-global-color-87e20e5 );border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF;padding:010px 039px 010px 039px;}.elementor-23 .elementor-element.elementor-element-e88e26a .elementor-button:hover, .elementor-23 .elementor-element.elementor-element-e88e26a .elementor-button:focus{background-color:#02010100;color:var( --e-global-color-astglobalcolor4 );border-color:#FFFFFF;}.elementor-23 .elementor-element.elementor-element-e88e26a{padding:0px 0px 0px 0px;}.elementor-23 .elementor-element.elementor-element-e88e26a .elementor-button:hover svg, .elementor-23 .elementor-element.elementor-element-e88e26a .elementor-button:focus svg{fill:var( --e-global-color-astglobalcolor4 );}.elementor-23 .elementor-element.elementor-element-2e766a1{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:030px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-23 .elementor-element.elementor-element-84522e4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-23 .elementor-element.elementor-element-84522e4:not(.elementor-motion-effects-element-type-background), .elementor-23 .elementor-element.elementor-element-84522e4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://andri.toursite.online/wp-content/uploads/2025/09/dsds-1.png");background-position:top center;background-size:cover;}.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-23 .elementor-element.elementor-element-d63654e img{width:939%;}.elementor-23 .elementor-element.elementor-element-56bf3fc{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-23 .elementor-element.elementor-element-56bf3fc:not(.elementor-motion-effects-element-type-background), .elementor-23 .elementor-element.elementor-element-56bf3fc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://andri.toursite.online/wp-content/uploads/2025/09/Frame-1000005098.png");background-size:cover;}.elementor-23 .elementor-element.elementor-element-f7a575a{margin:99px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:right;}.elementor-23 .elementor-element.elementor-element-f7a575a .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:18px;font-weight:600;color:#00696D;}.elementor-23 .elementor-element.elementor-element-bf6f76f{text-align:right;}.elementor-23 .elementor-element.elementor-element-bf6f76f .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:32px;font-weight:400;color:#1F1F1F;}.elementor-23 .elementor-element.elementor-element-9f44eb4{text-align:right;}.elementor-23 .elementor-element.elementor-element-9f44eb4 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:14px;font-weight:400;color:#1F1F1F;}.elementor-23 .elementor-element.elementor-element-ba9037b .elementor-button{background-color:var( --e-global-color-astglobalcolor4 );font-family:"Poppins", Sans-serif;font-size:14px;font-weight:400;fill:var( --e-global-color-705c76f );color:var( --e-global-color-705c76f );border-style:solid;border-width:1px 1px 1px 1px;border-color:#00696D;padding:010px 030px 010px 030px;}.elementor-23 .elementor-element.elementor-element-ba9037b .elementor-button:hover, .elementor-23 .elementor-element.elementor-element-ba9037b .elementor-button:focus{background-color:var( --e-global-color-705c76f );color:var( --e-global-color-astglobalcolor4 );}.elementor-23 .elementor-element.elementor-element-ba9037b{padding:0px 0px 0px 0px;}.elementor-23 .elementor-element.elementor-element-ba9037b .elementor-button:hover svg, .elementor-23 .elementor-element.elementor-element-ba9037b .elementor-button:focus svg{fill:var( --e-global-color-astglobalcolor4 );}.elementor-23 .elementor-element.elementor-element-4489374{--display:flex;--min-height:643px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-23 .elementor-element.elementor-element-4489374.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-23 .elementor-element.elementor-element-0c75f8f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-23 .elementor-element.elementor-element-0c75f8f.elementor-element{--align-self:center;}.elementor-23 .elementor-element.elementor-element-0c75f8f .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:18px;font-weight:600;color:#00696D;}.elementor-23 .elementor-element.elementor-element-a2e27a1{text-align:center;}.elementor-23 .elementor-element.elementor-element-a2e27a1 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:32px;font-weight:400;color:#1F1F1F;}.elementor-23 .elementor-element.elementor-element-550be0e{text-align:center;}.elementor-23 .elementor-element.elementor-element-550be0e .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:14px;font-weight:400;color:#1F1F1F;}.elementor-23 .elementor-element.elementor-element-96f5be5{--display:flex;--min-height:384px;--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-23 .elementor-element.elementor-element-c657b22{--display:flex;--background-transition:0.3s;}.elementor-23 .elementor-element.elementor-element-70497ae:hover img{opacity:0.97;}.elementor-23 .elementor-element.elementor-element-b70174a{--display:flex;}.elementor-23 .elementor-element.elementor-element-37f18a2:hover img{opacity:0.97;}.elementor-23 .elementor-element.elementor-element-8a3de08{--display:flex;--background-transition:0.3s;}.elementor-23 .elementor-element.elementor-element-25c5fca:hover img{opacity:0.97;}.elementor-23 .elementor-element.elementor-element-be02f21{--display:flex;}.elementor-23 .elementor-element.elementor-element-d13fddf:hover img{opacity:0.97;}.elementor-23 .elementor-element.elementor-element-38bee52 .elementor-button{background-color:var( --e-global-color-astglobalcolor4 );font-family:"Poppins", Sans-serif;font-size:14px;font-weight:400;fill:var( --e-global-color-87e20e5 );color:var( --e-global-color-87e20e5 );border-style:solid;border-width:1px 1px 1px 1px;border-color:#00696D;padding:010px 030px 010px 030px;}.elementor-23 .elementor-element.elementor-element-38bee52 .elementor-button:hover, .elementor-23 .elementor-element.elementor-element-38bee52 .elementor-button:focus{background-color:var( --e-global-color-87e20e5 );color:var( --e-global-color-astglobalcolor4 );}.elementor-23 .elementor-element.elementor-element-38bee52{padding:0px 0px 0px 0px;}.elementor-23 .elementor-element.elementor-element-38bee52.elementor-element{--align-self:center;}.elementor-23 .elementor-element.elementor-element-38bee52 .elementor-button:hover svg, .elementor-23 .elementor-element.elementor-element-38bee52 .elementor-button:focus svg{fill:var( --e-global-color-astglobalcolor4 );}.elementor-23 .elementor-element.elementor-element-3cacec3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-23 .elementor-element.elementor-element-8235b95{--display:flex;--min-height:0px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:90px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-23 .elementor-element.elementor-element-8235b95:not(.elementor-motion-effects-element-type-background), .elementor-23 .elementor-element.elementor-element-8235b95 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://andri.toursite.online/wp-content/uploads/2025/09/Frame-1000005058-1.png");background-position:800px -49px;background-size:100% auto;}.elementor-23 .elementor-element.elementor-element-df3020c{--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-23 .elementor-element.elementor-element-4709b2a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-23 .elementor-element.elementor-element-87fdcc3{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:left;}.elementor-23 .elementor-element.elementor-element-87fdcc3 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:18px;font-weight:600;color:#00696D;}.elementor-23 .elementor-element.elementor-element-770cb4d.elementor-element{--align-self:flex-start;}.elementor-23 .elementor-element.elementor-element-770cb4d{text-align:left;}.elementor-23 .elementor-element.elementor-element-770cb4d .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:32px;font-weight:400;color:#1F1F1F;}.elementor-23 .elementor-element.elementor-element-3f4294f{--display:flex;}.elementor-23 .elementor-element.elementor-element-1177359{width:var( --container-widget-width, 63.44% );max-width:63.44%;margin:53px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:63.44%;--container-widget-flex-grow:0;text-align:right;}.elementor-23 .elementor-element.elementor-element-1177359.elementor-element{--align-self:flex-end;--flex-grow:0;--flex-shrink:0;}.elementor-23 .elementor-element.elementor-element-1177359 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:14px;font-weight:400;color:#1F1F1F;}.elementor-23 .elementor-element.elementor-element-94d93d7{--display:flex;}.elementor-23 .elementor-element.elementor-element-4287ec0{--display:flex;}.elementor-23 .elementor-element.elementor-element-46a7c6d{--display:flex;--min-height:450px;--border-radius:8px 8px 8px 8px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-23 .elementor-element.elementor-element-46a7c6d:not(.elementor-motion-effects-element-type-background), .elementor-23 .elementor-element.elementor-element-46a7c6d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://andri.toursite.online/wp-content/uploads/2025/09/shutterstock_2306331259-1.png");background-size:cover;}.elementor-23 .elementor-element.elementor-element-12cb846{border-radius:8px 8px 8px 8px;}.elementor-23 .elementor-element.elementor-element-867df59{--display:flex;}.elementor-23 .elementor-element.elementor-element-9dd408a{--display:flex;--min-height:450px;--border-radius:8px 8px 8px 8px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-23 .elementor-element.elementor-element-9dd408a:not(.elementor-motion-effects-element-type-background), .elementor-23 .elementor-element.elementor-element-9dd408a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://andri.toursite.online/wp-content/uploads/2025/09/shutterstock_547263679-1.png");background-size:cover;}.elementor-23 .elementor-element.elementor-element-267e347{border-radius:8px 8px 8px 8px;}.elementor-23 .elementor-element.elementor-element-2594fad{--display:flex;}.elementor-23 .elementor-element.elementor-element-9f3a431{--display:flex;--min-height:450px;--border-radius:8px 8px 8px 8px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-23 .elementor-element.elementor-element-9f3a431:not(.elementor-motion-effects-element-type-background), .elementor-23 .elementor-element.elementor-element-9f3a431 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://andri.toursite.online/wp-content/uploads/2025/09/shutterstock_2589069749-1.png");background-size:cover;}.elementor-23 .elementor-element.elementor-element-20ef873{border-radius:8px 8px 8px 8px;}.elementor-23 .elementor-element.elementor-element-7ffda80{--display:flex;}.elementor-23 .elementor-element.elementor-element-39ca469{--display:flex;--min-height:450px;--border-radius:8px 8px 8px 8px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-23 .elementor-element.elementor-element-39ca469:not(.elementor-motion-effects-element-type-background), .elementor-23 .elementor-element.elementor-element-39ca469 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://andri.toursite.online/wp-content/uploads/2025/09/shutterstock_2043130151-1.png");background-size:cover;}.elementor-23 .elementor-element.elementor-element-95ee15f{border-radius:8px 8px 8px 8px;}.elementor-23 .elementor-element.elementor-element-602846b{--display:flex;}.elementor-23 .elementor-element.elementor-element-d85ddf8{--display:flex;--min-height:450px;--border-radius:8px 8px 8px 8px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-23 .elementor-element.elementor-element-d85ddf8:not(.elementor-motion-effects-element-type-background), .elementor-23 .elementor-element.elementor-element-d85ddf8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://andri.toursite.online/wp-content/uploads/2025/09/shutterstock_2342247699-2-1.png");background-size:cover;}.elementor-23 .elementor-element.elementor-element-fd7b215{border-radius:8px 8px 8px 8px;}.elementor-23 .elementor-element.elementor-element-7c098f7{--display:flex;}.elementor-23 .elementor-element.elementor-element-0c58605{--display:flex;--min-height:450px;--border-radius:8px 8px 8px 8px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-23 .elementor-element.elementor-element-0c58605:not(.elementor-motion-effects-element-type-background), .elementor-23 .elementor-element.elementor-element-0c58605 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://andri.toursite.online/wp-content/uploads/2025/09/pexels-leo-pixie-332282673-18793297-1-1.png");background-size:cover;}.elementor-23 .elementor-element.elementor-element-0931ccf{border-radius:8px 8px 8px 8px;}.elementor-23 .elementor-element.elementor-element-39efc93{--e-n-carousel-swiper-slides-gap:10px;--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-arrow-normal-color:#00696D;}.elementor-23 .elementor-element.elementor-element-4507d7b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:025px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:80px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:11;}.elementor-23 .elementor-element.elementor-element-a25d30b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-23 .elementor-element.elementor-element-a25d30b.elementor-element{--align-self:center;}.elementor-23 .elementor-element.elementor-element-a25d30b .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:18px;font-weight:600;text-transform:uppercase;color:#00696D;}.elementor-23 .elementor-element.elementor-element-f87fcdc{text-align:center;}.elementor-23 .elementor-element.elementor-element-f87fcdc .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:32px;font-weight:400;color:#1F1F1F;}.elementor-23 .elementor-element.elementor-element-40dae73{width:var( --container-widget-width, 63.44% );max-width:63.44%;--container-widget-width:63.44%;--container-widget-flex-grow:0;z-index:10;text-align:center;}.elementor-23 .elementor-element.elementor-element-40dae73.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-23 .elementor-element.elementor-element-40dae73 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:14px;font-weight:500;color:#1F1F1F;}.elementor-23 .elementor-element.elementor-element-2b70f9f{margin:-82px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-23 .elementor-element.elementor-element-8a491e5{--display:flex;--min-height:573px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:-18px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-23 .elementor-element.elementor-element-8a491e5:not(.elementor-motion-effects-element-type-background), .elementor-23 .elementor-element.elementor-element-8a491e5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://andri.toursite.online/wp-content/uploads/2025/09/Frame-1000005100.png");background-position:top left;background-size:cover;}.elementor-23 .elementor-element.elementor-element-3e14037 .elementor-repeater-item-782d80b{background-color:#2828283D;}.elementor-23 .elementor-element.elementor-element-3e14037 .elementor-repeater-item-d77c7b2{background-color:#2828283D;}.elementor-23 .elementor-element.elementor-element-3e14037 .elementor-repeater-item-cfdd04c{background-color:#2828283D;}.elementor-23 .elementor-element.elementor-element-3e14037 .elementor-repeater-item-f588cf5{background-color:#2828283D;}.elementor-23 .elementor-element.elementor-element-3e14037 .elementskit-testimonial-slider{--ekit_testimonial_left_right_spacing:15px;--ekit_testimonial_slidetoshow:3;}.elementor-23 .elementor-element.elementor-element-3e14037 .elementskit-commentor-bio{bottom:-98px;text-align:center;justify-content:center;}.elementor-23 .elementor-element.elementor-element-3e14037{margin:90px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-23 .elementor-element.elementor-element-3e14037 .elementskit-tootltip-testimonial .elementskit-commentor-content, .elementor-23 .elementor-element.elementor-element-3e14037 .elementskit-single-testimonial-slider, .elementor-23 .elementor-element.elementor-element-3e14037 .elementskit-testimonial_card{border-radius:20px 20px 20px 20px;}.elementor-23 .elementor-element.elementor-element-3e14037 .elementskit-single-testimonial-slider{border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-astglobalcolor4 );}.elementor-23 .elementor-element.elementor-element-3e14037 .elementskit-commentor-content{text-align:center;}.elementor-23 .elementor-element.elementor-element-3e14037 .elementskit-testimonial_card{text-align:center;}.elementor-23 .elementor-element.elementor-element-3e14037 .elementskit-profile-info{text-align:center;}.elementor-23 .elementor-element.elementor-element-3e14037 .ekit_testimonial_style_5 .elementskit-commentor-header{text-align:center;}.elementor-23 .elementor-element.elementor-element-3e14037 .elementskit-single-testimonial-slider  .elementskit-commentor-content > p{color:var( --e-global-color-astglobalcolor4 );}.elementor-23 .elementor-element.elementor-element-3e14037 .elementskit-testimonial_card .elementskit-commentor-coment{color:var( --e-global-color-astglobalcolor4 );}.elementor-23 .elementor-element.elementor-element-3e14037 .elementskit-single-testimonial-slider  .elementskit-commentor-content > p, .elementor-23 .elementor-element.elementor-element-3e14037 .elementskit-testimonial_card .elementskit-commentor-coment{font-family:"Poppins", Sans-serif;font-size:13px;font-weight:600;}.elementor-23 .elementor-element.elementor-element-3e14037 .elementskit-stars > li > a, .elementor-23 .elementor-element.elementor-element-3e14037 .elementskit-stars > li > span{color:#fec42d;fill:#fec42d;font-size:15px;}.elementor-23 .elementor-element.elementor-element-3e14037 .elementskit-stars > li:not(:last-child){margin-right:5px;}.elementor-23 .elementor-element.elementor-element-3e14037 .elementskit-watermark-icon > i{font-size:0px;}.elementor-23 .elementor-element.elementor-element-3e14037 .elementskit-watermark-icon > svg{width:0px;}.elementor-23 .elementor-element.elementor-element-3e14037 .elementskit-testimonial-slider-block-style-three .elementskit-icon-content.commentor-badge::before{border-radius:50%;}.elementor-23 .elementor-element.elementor-element-3e14037 .elementskit-profile-info .elementskit-author-name{color:var( --e-global-color-astglobalcolor4 );font-family:"Poppins", Sans-serif;font-size:16px;margin-bottom:0px;}.elementor-23 .elementor-element.elementor-element-3e14037 .elementskit-commentor-bio .elementskit-commentor-image > img{height:64px;width:64px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-23 .elementor-element.elementor-element-1f249fb{--content-width:1440px;}.elementor-23 .elementor-element.elementor-element-2e766a1{--content-width:1440px;}.elementor-23 .elementor-element.elementor-element-84522e4{--width:50%;}.elementor-23 .elementor-element.elementor-element-56bf3fc{--width:50%;}.elementor-23 .elementor-element.elementor-element-4489374{--width:1440%;}.elementor-23 .elementor-element.elementor-element-96f5be5{--content-width:1000px;}.elementor-23 .elementor-element.elementor-element-3cacec3{--content-width:1440px;}.elementor-23 .elementor-element.elementor-element-8235b95{--content-width:1150px;}.elementor-23 .elementor-element.elementor-element-94d93d7{--width:100%;}.elementor-23 .elementor-element.elementor-element-46a7c6d{--width:100%;}.elementor-23 .elementor-element.elementor-element-9dd408a{--width:100%;}.elementor-23 .elementor-element.elementor-element-9f3a431{--width:100%;}.elementor-23 .elementor-element.elementor-element-39ca469{--width:100%;}.elementor-23 .elementor-element.elementor-element-d85ddf8{--width:100%;}.elementor-23 .elementor-element.elementor-element-0c58605{--width:100%;}.elementor-23 .elementor-element.elementor-element-4507d7b{--content-width:1440px;}.elementor-23 .elementor-element.elementor-element-8a491e5{--content-width:1440px;}}@media(min-width:1025px){.elementor-23 .elementor-element.elementor-element-8235b95:not(.elementor-motion-effects-element-type-background), .elementor-23 .elementor-element.elementor-element-8235b95 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:scroll;}}@media(max-width:1024px){.elementor-23 .elementor-element.elementor-element-8235b95:not(.elementor-motion-effects-element-type-background), .elementor-23 .elementor-element.elementor-element-8235b95 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-23 .elementor-element.elementor-element-39efc93{--e-n-carousel-swiper-slides-to-display:2;}.elementor-23 .elementor-element.elementor-element-3e14037 .elementskit-testimonial-slider{--ekit_testimonial_left_right_spacing:10px;}}@media(max-width:767px){.elementor-23 .elementor-element.elementor-element-1f249fb{--min-height:587px;--overlay-opacity:0.56;}.elementor-23 .elementor-element.elementor-element-1f249fb::before, .elementor-23 .elementor-element.elementor-element-1f249fb > .elementor-background-video-container::before, .elementor-23 .elementor-element.elementor-element-1f249fb > .e-con-inner > .elementor-background-video-container::before, .elementor-23 .elementor-element.elementor-element-1f249fb > .elementor-background-slideshow::before, .elementor-23 .elementor-element.elementor-element-1f249fb > .e-con-inner > .elementor-background-slideshow::before, .elementor-23 .elementor-element.elementor-element-1f249fb > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;background-image:linear-gradient(66deg, #023638 23%, #C2C2C27A 73%);}.elementor-23 .elementor-element.elementor-element-ad71707{margin:240px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-23 .elementor-element.elementor-element-ad71707 .elementor-heading-title{font-size:27px;}.elementor-23 .elementor-element.elementor-element-594b016{margin:-19px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-23 .elementor-element.elementor-element-594b016 .elementor-heading-title{font-size:45px;}.elementor-23 .elementor-element.elementor-element-e88e26a .elementor-button{font-size:13px;}.elementor-23 .elementor-element.elementor-element-f7a575a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-23 .elementor-element.elementor-element-f7a575a.elementor-element{--align-self:center;}.elementor-23 .elementor-element.elementor-element-f7a575a .elementor-heading-title{font-size:14px;}.elementor-23 .elementor-element.elementor-element-bf6f76f.elementor-element{--align-self:center;}.elementor-23 .elementor-element.elementor-element-bf6f76f{text-align:center;}.elementor-23 .elementor-element.elementor-element-bf6f76f .elementor-heading-title{font-size:22px;}.elementor-23 .elementor-element.elementor-element-9f44eb4{text-align:center;}.elementor-23 .elementor-element.elementor-element-9f44eb4 .elementor-heading-title{font-size:13px;}.elementor-23 .elementor-element.elementor-element-ba9037b{margin:14px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-23 .elementor-element.elementor-element-ba9037b.elementor-element{--align-self:center;}.elementor-23 .elementor-element.elementor-element-ba9037b .elementor-button{font-size:12px;}.elementor-23 .elementor-element.elementor-element-4489374{--margin-top:22px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-23 .elementor-element.elementor-element-0c75f8f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-23 .elementor-element.elementor-element-0c75f8f .elementor-heading-title{font-size:14px;}.elementor-23 .elementor-element.elementor-element-a2e27a1 .elementor-heading-title{font-size:22px;}.elementor-23 .elementor-element.elementor-element-550be0e{text-align:center;}.elementor-23 .elementor-element.elementor-element-550be0e .elementor-heading-title{font-size:13px;}.elementor-23 .elementor-element.elementor-element-38bee52{margin:14px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-23 .elementor-element.elementor-element-38bee52.elementor-element{--align-self:center;}.elementor-23 .elementor-element.elementor-element-38bee52 .elementor-button{font-size:12px;}.elementor-23 .elementor-element.elementor-element-8235b95{--min-height:603px;}.elementor-23 .elementor-element.elementor-element-8235b95:not(.elementor-motion-effects-element-type-background), .elementor-23 .elementor-element.elementor-element-8235b95 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-23 .elementor-element.elementor-element-87fdcc3{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-23 .elementor-element.elementor-element-87fdcc3 .elementor-heading-title{font-size:14px;}.elementor-23 .elementor-element.elementor-element-770cb4d .elementor-heading-title{font-size:22px;}.elementor-23 .elementor-element.elementor-element-1177359{margin:-567px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-23 .elementor-element.elementor-element-1177359 .elementor-heading-title{font-size:11px;}.elementor-23 .elementor-element.elementor-element-94d93d7{--margin-top:-70px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-23 .elementor-element.elementor-element-39efc93{--e-n-carousel-swiper-slides-to-display:1;}.elementor-23 .elementor-element.elementor-element-a25d30b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-23 .elementor-element.elementor-element-a25d30b .elementor-heading-title{font-size:14px;}.elementor-23 .elementor-element.elementor-element-f87fcdc .elementor-heading-title{font-size:22px;}.elementor-23 .elementor-element.elementor-element-40dae73{width:var( --container-widget-width, 313.738px );max-width:313.738px;--container-widget-width:313.738px;--container-widget-flex-grow:0;}.elementor-23 .elementor-element.elementor-element-40dae73 .elementor-heading-title{font-size:13px;}.elementor-23 .elementor-element.elementor-element-2b70f9f{margin:-132px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-23 .elementor-element.elementor-element-3e14037 .elementskit-testimonial-slider{--ekit_testimonial_left_right_spacing:10px;}}/* Start custom CSS for html, class: .elementor-element-12cb846 */.card {
  position: relative;
  height: 450px;
  border-radius: 6px;
  overflow: hidden;
  cursor: pointer;
  background-size: cover;
  background-position: center;
  border: 2px solid #D9D9D9;
  transition: box-shadow 0.3s ease, transform 0.3s ease;
  padding: 0px 50px;
}

.card:hover {
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}

/* Gradient overlay */
.card::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 40%;
  background: linear-gradient(to top, #005979, transparent);
  transition: height 0.4s ease;
}

.card-content {
  position: absolute;
  bottom: 40px; /* Title starts 50px from bottom */
  left: 50%;
  transform: translateX(-50%);
  color: #fff;
  z-index: 2;
  text-align: center;
  width: 100%;
  padding: 0 70px;
}

/* Title */
.card h3 {
    letter-spacing: 5px;
  font-family: Plus Jakarta Sans, sans-serif;
  font-size: 16px;
  font-weight: 400;
  margin: 0;
  transition: transform 0.8s ease; /* slow slide effect */
  margin-bottom: -90px;
  color: white;
  line-height: 26px
}

/* Hidden paragraph & button initially */
.card p {
  font-family: Poppins, sans-serif;
  font-size: 13px;
  line-height: 20px;
  margin: 15px 0 20px;
  opacity: 0;
  transition: opacity 0.8s ease;
}

.card .btn {
  font-family: "Plus Jakarta Sans", sans-serif;
  padding: 8px 24px;
  border: 1px solid #fff;
  border-radius: 5px;
  background: transparent;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  opacity: 0;
  transition: opacity 0.8s ease;
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
}

.card .btn:hover {
  background: #fff;
  border-color: #Fff;
  color: #00696D;
}

/* Hover effects */
.card:hover::after {
  height: 100%;
}

.card:hover h3 {
  transform: translateY(-90px); /* Title slides up above paragraph */
}

.card:hover p,
.card:hover .btn {
  opacity: 1; /* Fade in paragraph + button */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-267e347 */.card {
  position: relative;
  height: 450px;
  border-radius: 6px;
  overflow: hidden;
  cursor: pointer;
  background-size: cover;
  background-position: center;
  border: 2px solid #D9D9D9;
  transition: box-shadow 0.3s ease, transform 0.3s ease;
  padding: 0px 50px;
}

.card:hover {
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}

/* Gradient overlay */
.card::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 40%;
  background: linear-gradient(to top, #005979, transparent);
  transition: height 0.4s ease;
}

.card-content {
  position: absolute;
  bottom: 40px; /* Title starts 50px from bottom */
  left: 50%;
  transform: translateX(-50%);
  color: #fff;
  z-index: 2;
  text-align: center;
  width: 100%;
  padding: 0 70px;
}

/* Title */
.card h3 {
    letter-spacing: 5px;
  font-family: Plus Jakarta Sans, sans-serif;
  font-size: 16px;
  font-weight: 400;
  margin: 0;
  transition: transform 0.8s ease; /* slow slide effect */
  margin-bottom: -90px;
  color: white;
  line-height: 26px
}

/* Hidden paragraph & button initially */
.card p {
  font-family: Poppins, sans-serif;
  font-size: 13px;
  line-height: 20px;
  margin: 15px 0 20px;
  opacity: 0;
  transition: opacity 0.8s ease;
}

.card .btn {
  font-family: "Plus Jakarta Sans", sans-serif;
  padding: 8px 24px;
  border: 1px solid #fff;
  border-radius: 5px;
  background: transparent;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  opacity: 0;
  transition: opacity 0.8s ease;
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
}

.card .btn:hover {
  background: #fff;
  border-color: #Fff;
  color: #00696D;
}

/* Hover effects */
.card:hover::after {
  height: 100%;
}

.card:hover h3 {
  transform: translateY(-90px); /* Title slides up above paragraph */
}

.card:hover p,
.card:hover .btn {
  opacity: 1; /* Fade in paragraph + button */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-20ef873 */.card {
  position: relative;
  height: 450px;
  border-radius: 6px;
  overflow: hidden;
  cursor: pointer;
  background-size: cover;
  background-position: center;
  border: 2px solid #D9D9D9;
  transition: box-shadow 0.3s ease, transform 0.3s ease;
  padding: 0px 50px;
}

.card:hover {
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}

/* Gradient overlay */
.card::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 40%;
  background: linear-gradient(to top, #005979, transparent);
  transition: height 0.4s ease;
}

.card-content {
  position: absolute;
  bottom: 40px; /* Title starts 50px from bottom */
  left: 50%;
  transform: translateX(-50%);
  color: #fff;
  z-index: 2;
  text-align: center;
  width: 100%;
  padding: 0 70px;
}

/* Title */
.card h3 {
    letter-spacing: 5px;
  font-family: Plus Jakarta Sans, sans-serif;
  font-size: 16px;
  font-weight: 400;
  margin: 0;
  transition: transform 0.8s ease; /* slow slide effect */
  margin-bottom: -90px;
  color: white;
  line-height: 26px
}

/* Hidden paragraph & button initially */
.card p {
  font-family: Poppins, sans-serif;
  font-size: 13px;
  line-height: 20px;
  margin: 15px 0 20px;
  opacity: 0;
  transition: opacity 0.8s ease;
}

.card .btn {
  font-family: "Plus Jakarta Sans", sans-serif;
  padding: 8px 24px;
  border: 1px solid #fff;
  border-radius: 5px;
  background: transparent;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  opacity: 0;
  transition: opacity 0.8s ease;
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
}

.card .btn:hover {
  background: #fff;
  border-color: #Fff;
  color: #00696D;
}

/* Hover effects */
.card:hover::after {
  height: 100%;
}

.card:hover h3 {
  transform: translateY(-90px); /* Title slides up above paragraph */
}

.card:hover p,
.card:hover .btn {
  opacity: 1; /* Fade in paragraph + button */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-95ee15f */.card {
  position: relative;
  height: 450px;
  border-radius: 6px;
  overflow: hidden;
  cursor: pointer;
  background-size: cover;
  background-position: center;
  border: 2px solid #D9D9D9;
  transition: box-shadow 0.3s ease, transform 0.3s ease;
  padding: 0px 50px;
}



/* Gradient overlay */
.card::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 40%;
  background: linear-gradient(to top, #005979, transparent);
  transition: height 0.4s ease;
}

.card-content {
  position: absolute;
  bottom: 40px; /* Title starts 50px from bottom */
  left: 50%;
  transform: translateX(-50%);
  color: #fff;
  z-index: 2;
  text-align: center;
  width: 100%;
  padding: 0 70px;
}

/* Title */
.card h3 {
    letter-spacing: 5px;
  font-family: Plus Jakarta Sans, sans-serif;
  font-size: 16px;
  font-weight: 400;
  margin: 0;
  transition: transform 0.8s ease; /* slow slide effect */
  margin-bottom: -90px;
  color: white;
  line-height: 26px
}

/* Hidden paragraph & button initially */
.card p {
  font-family: Poppins, sans-serif;
  font-size: 13px;
  line-height: 20px;
  margin: 15px 0 20px;
  opacity: 0;
  transition: opacity 0.8s ease;
}

.card .btn {
  font-family: "Plus Jakarta Sans", sans-serif;
  padding: 8px 24px;
  border: 1px solid #fff;
  border-radius: 5px;
  background: transparent;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  opacity: 0;
  transition: opacity 0.8s ease;
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
}

.card .btn:hover {
  background: #fff;
  border-color: #Fff;
  color: #00696D;
}

/* Hover effects */
.card:hover::after {
  height: 100%;
}

.card:hover h3 {
  transform: translateY(-90px); /* Title slides up above paragraph */
}

.card:hover p,
.card:hover .btn {
  opacity: 1; /* Fade in paragraph + button */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-fd7b215 */.card {
  position: relative;
  height: 450px;
  border-radius: 6px;
  overflow: hidden;
  cursor: pointer;
  background-size: cover;
  background-position: center;
  border: 2px solid #D9D9D9;
  transition: box-shadow 0.3s ease, transform 0.3s ease;
  padding: 0px 50px;
}

.card:hover {
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}

/* Gradient overlay */
.card::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 40%;
  background: linear-gradient(to top, #005979, transparent);
  transition: height 0.4s ease;
}

.card-content {
  position: absolute;
  bottom: 40px; /* Title starts 50px from bottom */
  left: 50%;
  transform: translateX(-50%);
  color: #fff;
  z-index: 2;
  text-align: center;
  width: 100%;
  padding: 0 70px;
}

/* Title */
.card h3 {
    letter-spacing: 5px;
  font-family: Plus Jakarta Sans, sans-serif;
  font-size: 16px;
  font-weight: 400;
  margin: 0;
  transition: transform 0.8s ease; /* slow slide effect */
  margin-bottom: -90px;
  color: white;
  line-height: 26px
}

/* Hidden paragraph & button initially */
.card p {
  font-family: Poppins, sans-serif;
  font-size: 13px;
  line-height: 20px;
  margin: 15px 0 20px;
  opacity: 0;
  transition: opacity 0.8s ease;
}

.card .btn {
  font-family: "Plus Jakarta Sans", sans-serif;
  padding: 8px 24px;
  border: 1px solid #fff;
  border-radius: 5px;
  background: transparent;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  opacity: 0;
  transition: opacity 0.8s ease;
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
}

.card .btn:hover {
  background: #fff;
  border-color: #Fff;
  color: #00696D;
}

/* Hover effects */
.card:hover::after {
  height: 100%;
}

.card:hover h3 {
  transform: translateY(-90px); /* Title slides up above paragraph */
}

.card:hover p,
.card:hover .btn {
  opacity: 1; /* Fade in paragraph + button */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0931ccf */.card {
  position: relative;
  height: 450px;
  border-radius: 6px;
  overflow: hidden;
  cursor: pointer;
  background-size: cover;
  background-position: center;
  border: 2px solid #D9D9D9;
  transition: box-shadow 0.3s ease, transform 0.3s ease;
  padding: 0px 50px;
}

.card:hover {
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}

/* Gradient overlay */
.card::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 40%;
  background: linear-gradient(to top, #005979, transparent);
  transition: height 0.4s ease;
}

.card-content {
  position: absolute;
  bottom: 40px; /* Title starts 50px from bottom */
  left: 50%;
  transform: translateX(-50%);
  color: #fff;
  z-index: 2;
  text-align: center;
  width: 100%;
  padding: 0 70px;
}

/* Title */
.card h3 {
    text-transform: uppercase;
    letter-spacing: 5px;
  font-family: Plus Jakarta Sans, sans-serif;
  font-size: 16px;
  font-weight: 400;
  margin: 0;
  transition: transform 0.8s ease; /* slow slide effect */
  margin-bottom: -90px;
  color: white;
  line-height: 26px
}

/* Hidden paragraph & button initially */
.card p {
  font-family: Poppins, sans-serif;
  font-size: 13px;
  line-height: 20px;
  margin: 15px 0 20px;
  opacity: 0;
  transition: opacity 0.8s ease;
}

.card .btn {
  font-family: "Plus Jakarta Sans", sans-serif;
  padding: 8px 24px;
  border: 1px solid #fff;
  border-radius: 5px;
  background: transparent;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  opacity: 0;
  transition: opacity 0.8s ease;
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
}

.card .btn:hover {
  background: #fff;
  border-color: #Fff;
  color: #00696D;
}

/* Hover effects */
.card:hover::after {
  height: 100%;
}

.card:hover h3 {
  transform: translateY(-90px); /* Title slides up above paragraph */
}

.card:hover p,
.card:hover .btn {
  opacity: 1; /* Fade in paragraph + button */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-12cb846 */.card {
  position: relative;
  height: 450px;
  border-radius: 6px;
  overflow: hidden;
  cursor: pointer;
  background-size: cover;
  background-position: center;
  border: 2px solid #D9D9D9;
  transition: box-shadow 0.3s ease, transform 0.3s ease;
  padding: 0px 50px;
}

.card:hover {
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}

/* Gradient overlay */
.card::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 40%;
  background: linear-gradient(to top, #005979, transparent);
  transition: height 0.4s ease;
}

.card-content {
  position: absolute;
  bottom: 40px; /* Title starts 50px from bottom */
  left: 50%;
  transform: translateX(-50%);
  color: #fff;
  z-index: 2;
  text-align: center;
  width: 100%;
  padding: 0 70px;
}

/* Title */
.card h3 {
    letter-spacing: 5px;
  font-family: Plus Jakarta Sans, sans-serif;
  font-size: 16px;
  font-weight: 400;
  margin: 0;
  transition: transform 0.8s ease; /* slow slide effect */
  margin-bottom: -90px;
  color: white;
  line-height: 26px
}

/* Hidden paragraph & button initially */
.card p {
  font-family: Poppins, sans-serif;
  font-size: 13px;
  line-height: 20px;
  margin: 15px 0 20px;
  opacity: 0;
  transition: opacity 0.8s ease;
}

.card .btn {
  font-family: "Plus Jakarta Sans", sans-serif;
  padding: 8px 24px;
  border: 1px solid #fff;
  border-radius: 5px;
  background: transparent;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  opacity: 0;
  transition: opacity 0.8s ease;
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
}

.card .btn:hover {
  background: #fff;
  border-color: #Fff;
  color: #00696D;
}

/* Hover effects */
.card:hover::after {
  height: 100%;
}

.card:hover h3 {
  transform: translateY(-90px); /* Title slides up above paragraph */
}

.card:hover p,
.card:hover .btn {
  opacity: 1; /* Fade in paragraph + button */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-267e347 */.card {
  position: relative;
  height: 450px;
  border-radius: 6px;
  overflow: hidden;
  cursor: pointer;
  background-size: cover;
  background-position: center;
  border: 2px solid #D9D9D9;
  transition: box-shadow 0.3s ease, transform 0.3s ease;
  padding: 0px 50px;
}

.card:hover {
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}

/* Gradient overlay */
.card::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 40%;
  background: linear-gradient(to top, #005979, transparent);
  transition: height 0.4s ease;
}

.card-content {
  position: absolute;
  bottom: 40px; /* Title starts 50px from bottom */
  left: 50%;
  transform: translateX(-50%);
  color: #fff;
  z-index: 2;
  text-align: center;
  width: 100%;
  padding: 0 70px;
}

/* Title */
.card h3 {
    letter-spacing: 5px;
  font-family: Plus Jakarta Sans, sans-serif;
  font-size: 16px;
  font-weight: 400;
  margin: 0;
  transition: transform 0.8s ease; /* slow slide effect */
  margin-bottom: -90px;
  color: white;
  line-height: 26px
}

/* Hidden paragraph & button initially */
.card p {
  font-family: Poppins, sans-serif;
  font-size: 13px;
  line-height: 20px;
  margin: 15px 0 20px;
  opacity: 0;
  transition: opacity 0.8s ease;
}

.card .btn {
  font-family: "Plus Jakarta Sans", sans-serif;
  padding: 8px 24px;
  border: 1px solid #fff;
  border-radius: 5px;
  background: transparent;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  opacity: 0;
  transition: opacity 0.8s ease;
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
}

.card .btn:hover {
  background: #fff;
  border-color: #Fff;
  color: #00696D;
}

/* Hover effects */
.card:hover::after {
  height: 100%;
}

.card:hover h3 {
  transform: translateY(-90px); /* Title slides up above paragraph */
}

.card:hover p,
.card:hover .btn {
  opacity: 1; /* Fade in paragraph + button */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-20ef873 */.card {
  position: relative;
  height: 450px;
  border-radius: 6px;
  overflow: hidden;
  cursor: pointer;
  background-size: cover;
  background-position: center;
  border: 2px solid #D9D9D9;
  transition: box-shadow 0.3s ease, transform 0.3s ease;
  padding: 0px 50px;
}

.card:hover {
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}

/* Gradient overlay */
.card::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 40%;
  background: linear-gradient(to top, #005979, transparent);
  transition: height 0.4s ease;
}

.card-content {
  position: absolute;
  bottom: 40px; /* Title starts 50px from bottom */
  left: 50%;
  transform: translateX(-50%);
  color: #fff;
  z-index: 2;
  text-align: center;
  width: 100%;
  padding: 0 70px;
}

/* Title */
.card h3 {
    letter-spacing: 5px;
  font-family: Plus Jakarta Sans, sans-serif;
  font-size: 16px;
  font-weight: 400;
  margin: 0;
  transition: transform 0.8s ease; /* slow slide effect */
  margin-bottom: -90px;
  color: white;
  line-height: 26px
}

/* Hidden paragraph & button initially */
.card p {
  font-family: Poppins, sans-serif;
  font-size: 13px;
  line-height: 20px;
  margin: 15px 0 20px;
  opacity: 0;
  transition: opacity 0.8s ease;
}

.card .btn {
  font-family: "Plus Jakarta Sans", sans-serif;
  padding: 8px 24px;
  border: 1px solid #fff;
  border-radius: 5px;
  background: transparent;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  opacity: 0;
  transition: opacity 0.8s ease;
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
}

.card .btn:hover {
  background: #fff;
  border-color: #Fff;
  color: #00696D;
}

/* Hover effects */
.card:hover::after {
  height: 100%;
}

.card:hover h3 {
  transform: translateY(-90px); /* Title slides up above paragraph */
}

.card:hover p,
.card:hover .btn {
  opacity: 1; /* Fade in paragraph + button */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-95ee15f */.card {
  position: relative;
  height: 450px;
  border-radius: 6px;
  overflow: hidden;
  cursor: pointer;
  background-size: cover;
  background-position: center;
  border: 2px solid #D9D9D9;
  transition: box-shadow 0.3s ease, transform 0.3s ease;
  padding: 0px 50px;
}



/* Gradient overlay */
.card::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 40%;
  background: linear-gradient(to top, #005979, transparent);
  transition: height 0.4s ease;
}

.card-content {
  position: absolute;
  bottom: 40px; /* Title starts 50px from bottom */
  left: 50%;
  transform: translateX(-50%);
  color: #fff;
  z-index: 2;
  text-align: center;
  width: 100%;
  padding: 0 70px;
}

/* Title */
.card h3 {
    letter-spacing: 5px;
  font-family: Plus Jakarta Sans, sans-serif;
  font-size: 16px;
  font-weight: 400;
  margin: 0;
  transition: transform 0.8s ease; /* slow slide effect */
  margin-bottom: -90px;
  color: white;
  line-height: 26px
}

/* Hidden paragraph & button initially */
.card p {
  font-family: Poppins, sans-serif;
  font-size: 13px;
  line-height: 20px;
  margin: 15px 0 20px;
  opacity: 0;
  transition: opacity 0.8s ease;
}

.card .btn {
  font-family: "Plus Jakarta Sans", sans-serif;
  padding: 8px 24px;
  border: 1px solid #fff;
  border-radius: 5px;
  background: transparent;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  opacity: 0;
  transition: opacity 0.8s ease;
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
}

.card .btn:hover {
  background: #fff;
  border-color: #Fff;
  color: #00696D;
}

/* Hover effects */
.card:hover::after {
  height: 100%;
}

.card:hover h3 {
  transform: translateY(-90px); /* Title slides up above paragraph */
}

.card:hover p,
.card:hover .btn {
  opacity: 1; /* Fade in paragraph + button */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-fd7b215 */.card {
  position: relative;
  height: 450px;
  border-radius: 6px;
  overflow: hidden;
  cursor: pointer;
  background-size: cover;
  background-position: center;
  border: 2px solid #D9D9D9;
  transition: box-shadow 0.3s ease, transform 0.3s ease;
  padding: 0px 50px;
}

.card:hover {
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}

/* Gradient overlay */
.card::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 40%;
  background: linear-gradient(to top, #005979, transparent);
  transition: height 0.4s ease;
}

.card-content {
  position: absolute;
  bottom: 40px; /* Title starts 50px from bottom */
  left: 50%;
  transform: translateX(-50%);
  color: #fff;
  z-index: 2;
  text-align: center;
  width: 100%;
  padding: 0 70px;
}

/* Title */
.card h3 {
    letter-spacing: 5px;
  font-family: Plus Jakarta Sans, sans-serif;
  font-size: 16px;
  font-weight: 400;
  margin: 0;
  transition: transform 0.8s ease; /* slow slide effect */
  margin-bottom: -90px;
  color: white;
  line-height: 26px
}

/* Hidden paragraph & button initially */
.card p {
  font-family: Poppins, sans-serif;
  font-size: 13px;
  line-height: 20px;
  margin: 15px 0 20px;
  opacity: 0;
  transition: opacity 0.8s ease;
}

.card .btn {
  font-family: "Plus Jakarta Sans", sans-serif;
  padding: 8px 24px;
  border: 1px solid #fff;
  border-radius: 5px;
  background: transparent;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  opacity: 0;
  transition: opacity 0.8s ease;
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
}

.card .btn:hover {
  background: #fff;
  border-color: #Fff;
  color: #00696D;
}

/* Hover effects */
.card:hover::after {
  height: 100%;
}

.card:hover h3 {
  transform: translateY(-90px); /* Title slides up above paragraph */
}

.card:hover p,
.card:hover .btn {
  opacity: 1; /* Fade in paragraph + button */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0931ccf */.card {
  position: relative;
  height: 450px;
  border-radius: 6px;
  overflow: hidden;
  cursor: pointer;
  background-size: cover;
  background-position: center;
  border: 2px solid #D9D9D9;
  transition: box-shadow 0.3s ease, transform 0.3s ease;
  padding: 0px 50px;
}

.card:hover {
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}

/* Gradient overlay */
.card::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 40%;
  background: linear-gradient(to top, #005979, transparent);
  transition: height 0.4s ease;
}

.card-content {
  position: absolute;
  bottom: 40px; /* Title starts 50px from bottom */
  left: 50%;
  transform: translateX(-50%);
  color: #fff;
  z-index: 2;
  text-align: center;
  width: 100%;
  padding: 0 70px;
}

/* Title */
.card h3 {
    text-transform: uppercase;
    letter-spacing: 5px;
  font-family: Plus Jakarta Sans, sans-serif;
  font-size: 16px;
  font-weight: 400;
  margin: 0;
  transition: transform 0.8s ease; /* slow slide effect */
  margin-bottom: -90px;
  color: white;
  line-height: 26px
}

/* Hidden paragraph & button initially */
.card p {
  font-family: Poppins, sans-serif;
  font-size: 13px;
  line-height: 20px;
  margin: 15px 0 20px;
  opacity: 0;
  transition: opacity 0.8s ease;
}

.card .btn {
  font-family: "Plus Jakarta Sans", sans-serif;
  padding: 8px 24px;
  border: 1px solid #fff;
  border-radius: 5px;
  background: transparent;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  opacity: 0;
  transition: opacity 0.8s ease;
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
}

.card .btn:hover {
  background: #fff;
  border-color: #Fff;
  color: #00696D;
}

/* Hover effects */
.card:hover::after {
  height: 100%;
}

.card:hover h3 {
  transform: translateY(-90px); /* Title slides up above paragraph */
}

.card:hover p,
.card:hover .btn {
  opacity: 1; /* Fade in paragraph + button */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-12cb846 */.card {
  position: relative;
  height: 450px;
  border-radius: 6px;
  overflow: hidden;
  cursor: pointer;
  background-size: cover;
  background-position: center;
  border: 2px solid #D9D9D9;
  transition: box-shadow 0.3s ease, transform 0.3s ease;
  padding: 0px 50px;
}

.card:hover {
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}

/* Gradient overlay */
.card::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 40%;
  background: linear-gradient(to top, #005979, transparent);
  transition: height 0.4s ease;
}

.card-content {
  position: absolute;
  bottom: 40px; /* Title starts 50px from bottom */
  left: 50%;
  transform: translateX(-50%);
  color: #fff;
  z-index: 2;
  text-align: center;
  width: 100%;
  padding: 0 70px;
}

/* Title */
.card h3 {
    letter-spacing: 5px;
  font-family: Plus Jakarta Sans, sans-serif;
  font-size: 16px;
  font-weight: 400;
  margin: 0;
  transition: transform 0.8s ease; /* slow slide effect */
  margin-bottom: -90px;
  color: white;
  line-height: 26px
}

/* Hidden paragraph & button initially */
.card p {
  font-family: Poppins, sans-serif;
  font-size: 13px;
  line-height: 20px;
  margin: 15px 0 20px;
  opacity: 0;
  transition: opacity 0.8s ease;
}

.card .btn {
  font-family: "Plus Jakarta Sans", sans-serif;
  padding: 8px 24px;
  border: 1px solid #fff;
  border-radius: 5px;
  background: transparent;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  opacity: 0;
  transition: opacity 0.8s ease;
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
}

.card .btn:hover {
  background: #fff;
  border-color: #Fff;
  color: #00696D;
}

/* Hover effects */
.card:hover::after {
  height: 100%;
}

.card:hover h3 {
  transform: translateY(-90px); /* Title slides up above paragraph */
}

.card:hover p,
.card:hover .btn {
  opacity: 1; /* Fade in paragraph + button */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-267e347 */.card {
  position: relative;
  height: 450px;
  border-radius: 6px;
  overflow: hidden;
  cursor: pointer;
  background-size: cover;
  background-position: center;
  border: 2px solid #D9D9D9;
  transition: box-shadow 0.3s ease, transform 0.3s ease;
  padding: 0px 50px;
}

.card:hover {
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}

/* Gradient overlay */
.card::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 40%;
  background: linear-gradient(to top, #005979, transparent);
  transition: height 0.4s ease;
}

.card-content {
  position: absolute;
  bottom: 40px; /* Title starts 50px from bottom */
  left: 50%;
  transform: translateX(-50%);
  color: #fff;
  z-index: 2;
  text-align: center;
  width: 100%;
  padding: 0 70px;
}

/* Title */
.card h3 {
    letter-spacing: 5px;
  font-family: Plus Jakarta Sans, sans-serif;
  font-size: 16px;
  font-weight: 400;
  margin: 0;
  transition: transform 0.8s ease; /* slow slide effect */
  margin-bottom: -90px;
  color: white;
  line-height: 26px
}

/* Hidden paragraph & button initially */
.card p {
  font-family: Poppins, sans-serif;
  font-size: 13px;
  line-height: 20px;
  margin: 15px 0 20px;
  opacity: 0;
  transition: opacity 0.8s ease;
}

.card .btn {
  font-family: "Plus Jakarta Sans", sans-serif;
  padding: 8px 24px;
  border: 1px solid #fff;
  border-radius: 5px;
  background: transparent;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  opacity: 0;
  transition: opacity 0.8s ease;
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
}

.card .btn:hover {
  background: #fff;
  border-color: #Fff;
  color: #00696D;
}

/* Hover effects */
.card:hover::after {
  height: 100%;
}

.card:hover h3 {
  transform: translateY(-90px); /* Title slides up above paragraph */
}

.card:hover p,
.card:hover .btn {
  opacity: 1; /* Fade in paragraph + button */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-20ef873 */.card {
  position: relative;
  height: 450px;
  border-radius: 6px;
  overflow: hidden;
  cursor: pointer;
  background-size: cover;
  background-position: center;
  border: 2px solid #D9D9D9;
  transition: box-shadow 0.3s ease, transform 0.3s ease;
  padding: 0px 50px;
}

.card:hover {
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}

/* Gradient overlay */
.card::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 40%;
  background: linear-gradient(to top, #005979, transparent);
  transition: height 0.4s ease;
}

.card-content {
  position: absolute;
  bottom: 40px; /* Title starts 50px from bottom */
  left: 50%;
  transform: translateX(-50%);
  color: #fff;
  z-index: 2;
  text-align: center;
  width: 100%;
  padding: 0 70px;
}

/* Title */
.card h3 {
    letter-spacing: 5px;
  font-family: Plus Jakarta Sans, sans-serif;
  font-size: 16px;
  font-weight: 400;
  margin: 0;
  transition: transform 0.8s ease; /* slow slide effect */
  margin-bottom: -90px;
  color: white;
  line-height: 26px
}

/* Hidden paragraph & button initially */
.card p {
  font-family: Poppins, sans-serif;
  font-size: 13px;
  line-height: 20px;
  margin: 15px 0 20px;
  opacity: 0;
  transition: opacity 0.8s ease;
}

.card .btn {
  font-family: "Plus Jakarta Sans", sans-serif;
  padding: 8px 24px;
  border: 1px solid #fff;
  border-radius: 5px;
  background: transparent;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  opacity: 0;
  transition: opacity 0.8s ease;
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
}

.card .btn:hover {
  background: #fff;
  border-color: #Fff;
  color: #00696D;
}

/* Hover effects */
.card:hover::after {
  height: 100%;
}

.card:hover h3 {
  transform: translateY(-90px); /* Title slides up above paragraph */
}

.card:hover p,
.card:hover .btn {
  opacity: 1; /* Fade in paragraph + button */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-95ee15f */.card {
  position: relative;
  height: 450px;
  border-radius: 6px;
  overflow: hidden;
  cursor: pointer;
  background-size: cover;
  background-position: center;
  border: 2px solid #D9D9D9;
  transition: box-shadow 0.3s ease, transform 0.3s ease;
  padding: 0px 50px;
}



/* Gradient overlay */
.card::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 40%;
  background: linear-gradient(to top, #005979, transparent);
  transition: height 0.4s ease;
}

.card-content {
  position: absolute;
  bottom: 40px; /* Title starts 50px from bottom */
  left: 50%;
  transform: translateX(-50%);
  color: #fff;
  z-index: 2;
  text-align: center;
  width: 100%;
  padding: 0 70px;
}

/* Title */
.card h3 {
    letter-spacing: 5px;
  font-family: Plus Jakarta Sans, sans-serif;
  font-size: 16px;
  font-weight: 400;
  margin: 0;
  transition: transform 0.8s ease; /* slow slide effect */
  margin-bottom: -90px;
  color: white;
  line-height: 26px
}

/* Hidden paragraph & button initially */
.card p {
  font-family: Poppins, sans-serif;
  font-size: 13px;
  line-height: 20px;
  margin: 15px 0 20px;
  opacity: 0;
  transition: opacity 0.8s ease;
}

.card .btn {
  font-family: "Plus Jakarta Sans", sans-serif;
  padding: 8px 24px;
  border: 1px solid #fff;
  border-radius: 5px;
  background: transparent;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  opacity: 0;
  transition: opacity 0.8s ease;
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
}

.card .btn:hover {
  background: #fff;
  border-color: #Fff;
  color: #00696D;
}

/* Hover effects */
.card:hover::after {
  height: 100%;
}

.card:hover h3 {
  transform: translateY(-90px); /* Title slides up above paragraph */
}

.card:hover p,
.card:hover .btn {
  opacity: 1; /* Fade in paragraph + button */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-fd7b215 */.card {
  position: relative;
  height: 450px;
  border-radius: 6px;
  overflow: hidden;
  cursor: pointer;
  background-size: cover;
  background-position: center;
  border: 2px solid #D9D9D9;
  transition: box-shadow 0.3s ease, transform 0.3s ease;
  padding: 0px 50px;
}

.card:hover {
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}

/* Gradient overlay */
.card::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 40%;
  background: linear-gradient(to top, #005979, transparent);
  transition: height 0.4s ease;
}

.card-content {
  position: absolute;
  bottom: 40px; /* Title starts 50px from bottom */
  left: 50%;
  transform: translateX(-50%);
  color: #fff;
  z-index: 2;
  text-align: center;
  width: 100%;
  padding: 0 70px;
}

/* Title */
.card h3 {
    letter-spacing: 5px;
  font-family: Plus Jakarta Sans, sans-serif;
  font-size: 16px;
  font-weight: 400;
  margin: 0;
  transition: transform 0.8s ease; /* slow slide effect */
  margin-bottom: -90px;
  color: white;
  line-height: 26px
}

/* Hidden paragraph & button initially */
.card p {
  font-family: Poppins, sans-serif;
  font-size: 13px;
  line-height: 20px;
  margin: 15px 0 20px;
  opacity: 0;
  transition: opacity 0.8s ease;
}

.card .btn {
  font-family: "Plus Jakarta Sans", sans-serif;
  padding: 8px 24px;
  border: 1px solid #fff;
  border-radius: 5px;
  background: transparent;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  opacity: 0;
  transition: opacity 0.8s ease;
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
}

.card .btn:hover {
  background: #fff;
  border-color: #Fff;
  color: #00696D;
}

/* Hover effects */
.card:hover::after {
  height: 100%;
}

.card:hover h3 {
  transform: translateY(-90px); /* Title slides up above paragraph */
}

.card:hover p,
.card:hover .btn {
  opacity: 1; /* Fade in paragraph + button */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0931ccf */.card {
  position: relative;
  height: 450px;
  border-radius: 6px;
  overflow: hidden;
  cursor: pointer;
  background-size: cover;
  background-position: center;
  border: 2px solid #D9D9D9;
  transition: box-shadow 0.3s ease, transform 0.3s ease;
  padding: 0px 50px;
}

.card:hover {
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}

/* Gradient overlay */
.card::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 40%;
  background: linear-gradient(to top, #005979, transparent);
  transition: height 0.4s ease;
}

.card-content {
  position: absolute;
  bottom: 40px; /* Title starts 50px from bottom */
  left: 50%;
  transform: translateX(-50%);
  color: #fff;
  z-index: 2;
  text-align: center;
  width: 100%;
  padding: 0 70px;
}

/* Title */
.card h3 {
    text-transform: uppercase;
    letter-spacing: 5px;
  font-family: Plus Jakarta Sans, sans-serif;
  font-size: 16px;
  font-weight: 400;
  margin: 0;
  transition: transform 0.8s ease; /* slow slide effect */
  margin-bottom: -90px;
  color: white;
  line-height: 26px
}

/* Hidden paragraph & button initially */
.card p {
  font-family: Poppins, sans-serif;
  font-size: 13px;
  line-height: 20px;
  margin: 15px 0 20px;
  opacity: 0;
  transition: opacity 0.8s ease;
}

.card .btn {
  font-family: "Plus Jakarta Sans", sans-serif;
  padding: 8px 24px;
  border: 1px solid #fff;
  border-radius: 5px;
  background: transparent;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  opacity: 0;
  transition: opacity 0.8s ease;
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
}

.card .btn:hover {
  background: #fff;
  border-color: #Fff;
  color: #00696D;
}

/* Hover effects */
.card:hover::after {
  height: 100%;
}

.card:hover h3 {
  transform: translateY(-90px); /* Title slides up above paragraph */
}

.card:hover p,
.card:hover .btn {
  opacity: 1; /* Fade in paragraph + button */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-12cb846 */.card {
  position: relative;
  height: 450px;
  border-radius: 6px;
  overflow: hidden;
  cursor: pointer;
  background-size: cover;
  background-position: center;
  border: 2px solid #D9D9D9;
  transition: box-shadow 0.3s ease, transform 0.3s ease;
  padding: 0px 50px;
}

.card:hover {
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}

/* Gradient overlay */
.card::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 40%;
  background: linear-gradient(to top, #005979, transparent);
  transition: height 0.4s ease;
}

.card-content {
  position: absolute;
  bottom: 40px; /* Title starts 50px from bottom */
  left: 50%;
  transform: translateX(-50%);
  color: #fff;
  z-index: 2;
  text-align: center;
  width: 100%;
  padding: 0 70px;
}

/* Title */
.card h3 {
    letter-spacing: 5px;
  font-family: Plus Jakarta Sans, sans-serif;
  font-size: 16px;
  font-weight: 400;
  margin: 0;
  transition: transform 0.8s ease; /* slow slide effect */
  margin-bottom: -90px;
  color: white;
  line-height: 26px
}

/* Hidden paragraph & button initially */
.card p {
  font-family: Poppins, sans-serif;
  font-size: 13px;
  line-height: 20px;
  margin: 15px 0 20px;
  opacity: 0;
  transition: opacity 0.8s ease;
}

.card .btn {
  font-family: "Plus Jakarta Sans", sans-serif;
  padding: 8px 24px;
  border: 1px solid #fff;
  border-radius: 5px;
  background: transparent;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  opacity: 0;
  transition: opacity 0.8s ease;
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
}

.card .btn:hover {
  background: #fff;
  border-color: #Fff;
  color: #00696D;
}

/* Hover effects */
.card:hover::after {
  height: 100%;
}

.card:hover h3 {
  transform: translateY(-90px); /* Title slides up above paragraph */
}

.card:hover p,
.card:hover .btn {
  opacity: 1; /* Fade in paragraph + button */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-267e347 */.card {
  position: relative;
  height: 450px;
  border-radius: 6px;
  overflow: hidden;
  cursor: pointer;
  background-size: cover;
  background-position: center;
  border: 2px solid #D9D9D9;
  transition: box-shadow 0.3s ease, transform 0.3s ease;
  padding: 0px 50px;
}

.card:hover {
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}

/* Gradient overlay */
.card::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 40%;
  background: linear-gradient(to top, #005979, transparent);
  transition: height 0.4s ease;
}

.card-content {
  position: absolute;
  bottom: 40px; /* Title starts 50px from bottom */
  left: 50%;
  transform: translateX(-50%);
  color: #fff;
  z-index: 2;
  text-align: center;
  width: 100%;
  padding: 0 70px;
}

/* Title */
.card h3 {
    letter-spacing: 5px;
  font-family: Plus Jakarta Sans, sans-serif;
  font-size: 16px;
  font-weight: 400;
  margin: 0;
  transition: transform 0.8s ease; /* slow slide effect */
  margin-bottom: -90px;
  color: white;
  line-height: 26px
}

/* Hidden paragraph & button initially */
.card p {
  font-family: Poppins, sans-serif;
  font-size: 13px;
  line-height: 20px;
  margin: 15px 0 20px;
  opacity: 0;
  transition: opacity 0.8s ease;
}

.card .btn {
  font-family: "Plus Jakarta Sans", sans-serif;
  padding: 8px 24px;
  border: 1px solid #fff;
  border-radius: 5px;
  background: transparent;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  opacity: 0;
  transition: opacity 0.8s ease;
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
}

.card .btn:hover {
  background: #fff;
  border-color: #Fff;
  color: #00696D;
}

/* Hover effects */
.card:hover::after {
  height: 100%;
}

.card:hover h3 {
  transform: translateY(-90px); /* Title slides up above paragraph */
}

.card:hover p,
.card:hover .btn {
  opacity: 1; /* Fade in paragraph + button */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-20ef873 */.card {
  position: relative;
  height: 450px;
  border-radius: 6px;
  overflow: hidden;
  cursor: pointer;
  background-size: cover;
  background-position: center;
  border: 2px solid #D9D9D9;
  transition: box-shadow 0.3s ease, transform 0.3s ease;
  padding: 0px 50px;
}

.card:hover {
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}

/* Gradient overlay */
.card::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 40%;
  background: linear-gradient(to top, #005979, transparent);
  transition: height 0.4s ease;
}

.card-content {
  position: absolute;
  bottom: 40px; /* Title starts 50px from bottom */
  left: 50%;
  transform: translateX(-50%);
  color: #fff;
  z-index: 2;
  text-align: center;
  width: 100%;
  padding: 0 70px;
}

/* Title */
.card h3 {
    letter-spacing: 5px;
  font-family: Plus Jakarta Sans, sans-serif;
  font-size: 16px;
  font-weight: 400;
  margin: 0;
  transition: transform 0.8s ease; /* slow slide effect */
  margin-bottom: -90px;
  color: white;
  line-height: 26px
}

/* Hidden paragraph & button initially */
.card p {
  font-family: Poppins, sans-serif;
  font-size: 13px;
  line-height: 20px;
  margin: 15px 0 20px;
  opacity: 0;
  transition: opacity 0.8s ease;
}

.card .btn {
  font-family: "Plus Jakarta Sans", sans-serif;
  padding: 8px 24px;
  border: 1px solid #fff;
  border-radius: 5px;
  background: transparent;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  opacity: 0;
  transition: opacity 0.8s ease;
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
}

.card .btn:hover {
  background: #fff;
  border-color: #Fff;
  color: #00696D;
}

/* Hover effects */
.card:hover::after {
  height: 100%;
}

.card:hover h3 {
  transform: translateY(-90px); /* Title slides up above paragraph */
}

.card:hover p,
.card:hover .btn {
  opacity: 1; /* Fade in paragraph + button */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-95ee15f */.card {
  position: relative;
  height: 450px;
  border-radius: 6px;
  overflow: hidden;
  cursor: pointer;
  background-size: cover;
  background-position: center;
  border: 2px solid #D9D9D9;
  transition: box-shadow 0.3s ease, transform 0.3s ease;
  padding: 0px 50px;
}



/* Gradient overlay */
.card::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 40%;
  background: linear-gradient(to top, #005979, transparent);
  transition: height 0.4s ease;
}

.card-content {
  position: absolute;
  bottom: 40px; /* Title starts 50px from bottom */
  left: 50%;
  transform: translateX(-50%);
  color: #fff;
  z-index: 2;
  text-align: center;
  width: 100%;
  padding: 0 70px;
}

/* Title */
.card h3 {
    letter-spacing: 5px;
  font-family: Plus Jakarta Sans, sans-serif;
  font-size: 16px;
  font-weight: 400;
  margin: 0;
  transition: transform 0.8s ease; /* slow slide effect */
  margin-bottom: -90px;
  color: white;
  line-height: 26px
}

/* Hidden paragraph & button initially */
.card p {
  font-family: Poppins, sans-serif;
  font-size: 13px;
  line-height: 20px;
  margin: 15px 0 20px;
  opacity: 0;
  transition: opacity 0.8s ease;
}

.card .btn {
  font-family: "Plus Jakarta Sans", sans-serif;
  padding: 8px 24px;
  border: 1px solid #fff;
  border-radius: 5px;
  background: transparent;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  opacity: 0;
  transition: opacity 0.8s ease;
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
}

.card .btn:hover {
  background: #fff;
  border-color: #Fff;
  color: #00696D;
}

/* Hover effects */
.card:hover::after {
  height: 100%;
}

.card:hover h3 {
  transform: translateY(-90px); /* Title slides up above paragraph */
}

.card:hover p,
.card:hover .btn {
  opacity: 1; /* Fade in paragraph + button */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-fd7b215 */.card {
  position: relative;
  height: 450px;
  border-radius: 6px;
  overflow: hidden;
  cursor: pointer;
  background-size: cover;
  background-position: center;
  border: 2px solid #D9D9D9;
  transition: box-shadow 0.3s ease, transform 0.3s ease;
  padding: 0px 50px;
}

.card:hover {
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}

/* Gradient overlay */
.card::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 40%;
  background: linear-gradient(to top, #005979, transparent);
  transition: height 0.4s ease;
}

.card-content {
  position: absolute;
  bottom: 40px; /* Title starts 50px from bottom */
  left: 50%;
  transform: translateX(-50%);
  color: #fff;
  z-index: 2;
  text-align: center;
  width: 100%;
  padding: 0 70px;
}

/* Title */
.card h3 {
    letter-spacing: 5px;
  font-family: Plus Jakarta Sans, sans-serif;
  font-size: 16px;
  font-weight: 400;
  margin: 0;
  transition: transform 0.8s ease; /* slow slide effect */
  margin-bottom: -90px;
  color: white;
  line-height: 26px
}

/* Hidden paragraph & button initially */
.card p {
  font-family: Poppins, sans-serif;
  font-size: 13px;
  line-height: 20px;
  margin: 15px 0 20px;
  opacity: 0;
  transition: opacity 0.8s ease;
}

.card .btn {
  font-family: "Plus Jakarta Sans", sans-serif;
  padding: 8px 24px;
  border: 1px solid #fff;
  border-radius: 5px;
  background: transparent;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  opacity: 0;
  transition: opacity 0.8s ease;
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
}

.card .btn:hover {
  background: #fff;
  border-color: #Fff;
  color: #00696D;
}

/* Hover effects */
.card:hover::after {
  height: 100%;
}

.card:hover h3 {
  transform: translateY(-90px); /* Title slides up above paragraph */
}

.card:hover p,
.card:hover .btn {
  opacity: 1; /* Fade in paragraph + button */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0931ccf */.card {
  position: relative;
  height: 450px;
  border-radius: 6px;
  overflow: hidden;
  cursor: pointer;
  background-size: cover;
  background-position: center;
  border: 2px solid #D9D9D9;
  transition: box-shadow 0.3s ease, transform 0.3s ease;
  padding: 0px 50px;
}

.card:hover {
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}

/* Gradient overlay */
.card::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 40%;
  background: linear-gradient(to top, #005979, transparent);
  transition: height 0.4s ease;
}

.card-content {
  position: absolute;
  bottom: 40px; /* Title starts 50px from bottom */
  left: 50%;
  transform: translateX(-50%);
  color: #fff;
  z-index: 2;
  text-align: center;
  width: 100%;
  padding: 0 70px;
}

/* Title */
.card h3 {
    text-transform: uppercase;
    letter-spacing: 5px;
  font-family: Plus Jakarta Sans, sans-serif;
  font-size: 16px;
  font-weight: 400;
  margin: 0;
  transition: transform 0.8s ease; /* slow slide effect */
  margin-bottom: -90px;
  color: white;
  line-height: 26px
}

/* Hidden paragraph & button initially */
.card p {
  font-family: Poppins, sans-serif;
  font-size: 13px;
  line-height: 20px;
  margin: 15px 0 20px;
  opacity: 0;
  transition: opacity 0.8s ease;
}

.card .btn {
  font-family: "Plus Jakarta Sans", sans-serif;
  padding: 8px 24px;
  border: 1px solid #fff;
  border-radius: 5px;
  background: transparent;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  opacity: 0;
  transition: opacity 0.8s ease;
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
}

.card .btn:hover {
  background: #fff;
  border-color: #Fff;
  color: #00696D;
}

/* Hover effects */
.card:hover::after {
  height: 100%;
}

.card:hover h3 {
  transform: translateY(-90px); /* Title slides up above paragraph */
}

.card:hover p,
.card:hover .btn {
  opacity: 1; /* Fade in paragraph + button */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-12cb846 */.card {
  position: relative;
  height: 450px;
  border-radius: 6px;
  overflow: hidden;
  cursor: pointer;
  background-size: cover;
  background-position: center;
  border: 2px solid #D9D9D9;
  transition: box-shadow 0.3s ease, transform 0.3s ease;
  padding: 0px 50px;
}

.card:hover {
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}

/* Gradient overlay */
.card::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 40%;
  background: linear-gradient(to top, #005979, transparent);
  transition: height 0.4s ease;
}

.card-content {
  position: absolute;
  bottom: 40px; /* Title starts 50px from bottom */
  left: 50%;
  transform: translateX(-50%);
  color: #fff;
  z-index: 2;
  text-align: center;
  width: 100%;
  padding: 0 70px;
}

/* Title */
.card h3 {
    letter-spacing: 5px;
  font-family: Plus Jakarta Sans, sans-serif;
  font-size: 16px;
  font-weight: 400;
  margin: 0;
  transition: transform 0.8s ease; /* slow slide effect */
  margin-bottom: -90px;
  color: white;
  line-height: 26px
}

/* Hidden paragraph & button initially */
.card p {
  font-family: Poppins, sans-serif;
  font-size: 13px;
  line-height: 20px;
  margin: 15px 0 20px;
  opacity: 0;
  transition: opacity 0.8s ease;
}

.card .btn {
  font-family: "Plus Jakarta Sans", sans-serif;
  padding: 8px 24px;
  border: 1px solid #fff;
  border-radius: 5px;
  background: transparent;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  opacity: 0;
  transition: opacity 0.8s ease;
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
}

.card .btn:hover {
  background: #fff;
  border-color: #Fff;
  color: #00696D;
}

/* Hover effects */
.card:hover::after {
  height: 100%;
}

.card:hover h3 {
  transform: translateY(-90px); /* Title slides up above paragraph */
}

.card:hover p,
.card:hover .btn {
  opacity: 1; /* Fade in paragraph + button */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-267e347 */.card {
  position: relative;
  height: 450px;
  border-radius: 6px;
  overflow: hidden;
  cursor: pointer;
  background-size: cover;
  background-position: center;
  border: 2px solid #D9D9D9;
  transition: box-shadow 0.3s ease, transform 0.3s ease;
  padding: 0px 50px;
}

.card:hover {
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}

/* Gradient overlay */
.card::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 40%;
  background: linear-gradient(to top, #005979, transparent);
  transition: height 0.4s ease;
}

.card-content {
  position: absolute;
  bottom: 40px; /* Title starts 50px from bottom */
  left: 50%;
  transform: translateX(-50%);
  color: #fff;
  z-index: 2;
  text-align: center;
  width: 100%;
  padding: 0 70px;
}

/* Title */
.card h3 {
    letter-spacing: 5px;
  font-family: Plus Jakarta Sans, sans-serif;
  font-size: 16px;
  font-weight: 400;
  margin: 0;
  transition: transform 0.8s ease; /* slow slide effect */
  margin-bottom: -90px;
  color: white;
  line-height: 26px
}

/* Hidden paragraph & button initially */
.card p {
  font-family: Poppins, sans-serif;
  font-size: 13px;
  line-height: 20px;
  margin: 15px 0 20px;
  opacity: 0;
  transition: opacity 0.8s ease;
}

.card .btn {
  font-family: "Plus Jakarta Sans", sans-serif;
  padding: 8px 24px;
  border: 1px solid #fff;
  border-radius: 5px;
  background: transparent;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  opacity: 0;
  transition: opacity 0.8s ease;
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
}

.card .btn:hover {
  background: #fff;
  border-color: #Fff;
  color: #00696D;
}

/* Hover effects */
.card:hover::after {
  height: 100%;
}

.card:hover h3 {
  transform: translateY(-90px); /* Title slides up above paragraph */
}

.card:hover p,
.card:hover .btn {
  opacity: 1; /* Fade in paragraph + button */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-20ef873 */.card {
  position: relative;
  height: 450px;
  border-radius: 6px;
  overflow: hidden;
  cursor: pointer;
  background-size: cover;
  background-position: center;
  border: 2px solid #D9D9D9;
  transition: box-shadow 0.3s ease, transform 0.3s ease;
  padding: 0px 50px;
}

.card:hover {
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}

/* Gradient overlay */
.card::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 40%;
  background: linear-gradient(to top, #005979, transparent);
  transition: height 0.4s ease;
}

.card-content {
  position: absolute;
  bottom: 40px; /* Title starts 50px from bottom */
  left: 50%;
  transform: translateX(-50%);
  color: #fff;
  z-index: 2;
  text-align: center;
  width: 100%;
  padding: 0 70px;
}

/* Title */
.card h3 {
    letter-spacing: 5px;
  font-family: Plus Jakarta Sans, sans-serif;
  font-size: 16px;
  font-weight: 400;
  margin: 0;
  transition: transform 0.8s ease; /* slow slide effect */
  margin-bottom: -90px;
  color: white;
  line-height: 26px
}

/* Hidden paragraph & button initially */
.card p {
  font-family: Poppins, sans-serif;
  font-size: 13px;
  line-height: 20px;
  margin: 15px 0 20px;
  opacity: 0;
  transition: opacity 0.8s ease;
}

.card .btn {
  font-family: "Plus Jakarta Sans", sans-serif;
  padding: 8px 24px;
  border: 1px solid #fff;
  border-radius: 5px;
  background: transparent;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  opacity: 0;
  transition: opacity 0.8s ease;
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
}

.card .btn:hover {
  background: #fff;
  border-color: #Fff;
  color: #00696D;
}

/* Hover effects */
.card:hover::after {
  height: 100%;
}

.card:hover h3 {
  transform: translateY(-90px); /* Title slides up above paragraph */
}

.card:hover p,
.card:hover .btn {
  opacity: 1; /* Fade in paragraph + button */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-95ee15f */.card {
  position: relative;
  height: 450px;
  border-radius: 6px;
  overflow: hidden;
  cursor: pointer;
  background-size: cover;
  background-position: center;
  border: 2px solid #D9D9D9;
  transition: box-shadow 0.3s ease, transform 0.3s ease;
  padding: 0px 50px;
}



/* Gradient overlay */
.card::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 40%;
  background: linear-gradient(to top, #005979, transparent);
  transition: height 0.4s ease;
}

.card-content {
  position: absolute;
  bottom: 40px; /* Title starts 50px from bottom */
  left: 50%;
  transform: translateX(-50%);
  color: #fff;
  z-index: 2;
  text-align: center;
  width: 100%;
  padding: 0 70px;
}

/* Title */
.card h3 {
    letter-spacing: 5px;
  font-family: Plus Jakarta Sans, sans-serif;
  font-size: 16px;
  font-weight: 400;
  margin: 0;
  transition: transform 0.8s ease; /* slow slide effect */
  margin-bottom: -90px;
  color: white;
  line-height: 26px
}

/* Hidden paragraph & button initially */
.card p {
  font-family: Poppins, sans-serif;
  font-size: 13px;
  line-height: 20px;
  margin: 15px 0 20px;
  opacity: 0;
  transition: opacity 0.8s ease;
}

.card .btn {
  font-family: "Plus Jakarta Sans", sans-serif;
  padding: 8px 24px;
  border: 1px solid #fff;
  border-radius: 5px;
  background: transparent;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  opacity: 0;
  transition: opacity 0.8s ease;
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
}

.card .btn:hover {
  background: #fff;
  border-color: #Fff;
  color: #00696D;
}

/* Hover effects */
.card:hover::after {
  height: 100%;
}

.card:hover h3 {
  transform: translateY(-90px); /* Title slides up above paragraph */
}

.card:hover p,
.card:hover .btn {
  opacity: 1; /* Fade in paragraph + button */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-fd7b215 */.card {
  position: relative;
  height: 450px;
  border-radius: 6px;
  overflow: hidden;
  cursor: pointer;
  background-size: cover;
  background-position: center;
  border: 2px solid #D9D9D9;
  transition: box-shadow 0.3s ease, transform 0.3s ease;
  padding: 0px 50px;
}

.card:hover {
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}

/* Gradient overlay */
.card::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 40%;
  background: linear-gradient(to top, #005979, transparent);
  transition: height 0.4s ease;
}

.card-content {
  position: absolute;
  bottom: 40px; /* Title starts 50px from bottom */
  left: 50%;
  transform: translateX(-50%);
  color: #fff;
  z-index: 2;
  text-align: center;
  width: 100%;
  padding: 0 70px;
}

/* Title */
.card h3 {
    letter-spacing: 5px;
  font-family: Plus Jakarta Sans, sans-serif;
  font-size: 16px;
  font-weight: 400;
  margin: 0;
  transition: transform 0.8s ease; /* slow slide effect */
  margin-bottom: -90px;
  color: white;
  line-height: 26px
}

/* Hidden paragraph & button initially */
.card p {
  font-family: Poppins, sans-serif;
  font-size: 13px;
  line-height: 20px;
  margin: 15px 0 20px;
  opacity: 0;
  transition: opacity 0.8s ease;
}

.card .btn {
  font-family: "Plus Jakarta Sans", sans-serif;
  padding: 8px 24px;
  border: 1px solid #fff;
  border-radius: 5px;
  background: transparent;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  opacity: 0;
  transition: opacity 0.8s ease;
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
}

.card .btn:hover {
  background: #fff;
  border-color: #Fff;
  color: #00696D;
}

/* Hover effects */
.card:hover::after {
  height: 100%;
}

.card:hover h3 {
  transform: translateY(-90px); /* Title slides up above paragraph */
}

.card:hover p,
.card:hover .btn {
  opacity: 1; /* Fade in paragraph + button */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0931ccf */.card {
  position: relative;
  height: 450px;
  border-radius: 6px;
  overflow: hidden;
  cursor: pointer;
  background-size: cover;
  background-position: center;
  border: 2px solid #D9D9D9;
  transition: box-shadow 0.3s ease, transform 0.3s ease;
  padding: 0px 50px;
}

.card:hover {
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}

/* Gradient overlay */
.card::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 40%;
  background: linear-gradient(to top, #005979, transparent);
  transition: height 0.4s ease;
}

.card-content {
  position: absolute;
  bottom: 40px; /* Title starts 50px from bottom */
  left: 50%;
  transform: translateX(-50%);
  color: #fff;
  z-index: 2;
  text-align: center;
  width: 100%;
  padding: 0 70px;
}

/* Title */
.card h3 {
    text-transform: uppercase;
    letter-spacing: 5px;
  font-family: Plus Jakarta Sans, sans-serif;
  font-size: 16px;
  font-weight: 400;
  margin: 0;
  transition: transform 0.8s ease; /* slow slide effect */
  margin-bottom: -90px;
  color: white;
  line-height: 26px
}

/* Hidden paragraph & button initially */
.card p {
  font-family: Poppins, sans-serif;
  font-size: 13px;
  line-height: 20px;
  margin: 15px 0 20px;
  opacity: 0;
  transition: opacity 0.8s ease;
}

.card .btn {
  font-family: "Plus Jakarta Sans", sans-serif;
  padding: 8px 24px;
  border: 1px solid #fff;
  border-radius: 5px;
  background: transparent;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  opacity: 0;
  transition: opacity 0.8s ease;
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
}

.card .btn:hover {
  background: #fff;
  border-color: #Fff;
  color: #00696D;
}

/* Hover effects */
.card:hover::after {
  height: 100%;
}

.card:hover h3 {
  transform: translateY(-90px); /* Title slides up above paragraph */
}

.card:hover p,
.card:hover .btn {
  opacity: 1; /* Fade in paragraph + button */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-12cb846 */.card {
  position: relative;
  height: 450px;
  border-radius: 6px;
  overflow: hidden;
  cursor: pointer;
  background-size: cover;
  background-position: center;
  border: 2px solid #D9D9D9;
  transition: box-shadow 0.3s ease, transform 0.3s ease;
  padding: 0px 50px;
}

.card:hover {
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}

/* Gradient overlay */
.card::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 40%;
  background: linear-gradient(to top, #005979, transparent);
  transition: height 0.4s ease;
}

.card-content {
  position: absolute;
  bottom: 40px; /* Title starts 50px from bottom */
  left: 50%;
  transform: translateX(-50%);
  color: #fff;
  z-index: 2;
  text-align: center;
  width: 100%;
  padding: 0 70px;
}

/* Title */
.card h3 {
    letter-spacing: 5px;
  font-family: Plus Jakarta Sans, sans-serif;
  font-size: 16px;
  font-weight: 400;
  margin: 0;
  transition: transform 0.8s ease; /* slow slide effect */
  margin-bottom: -90px;
  color: white;
  line-height: 26px
}

/* Hidden paragraph & button initially */
.card p {
  font-family: Poppins, sans-serif;
  font-size: 13px;
  line-height: 20px;
  margin: 15px 0 20px;
  opacity: 0;
  transition: opacity 0.8s ease;
}

.card .btn {
  font-family: "Plus Jakarta Sans", sans-serif;
  padding: 8px 24px;
  border: 1px solid #fff;
  border-radius: 5px;
  background: transparent;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  opacity: 0;
  transition: opacity 0.8s ease;
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
}

.card .btn:hover {
  background: #fff;
  border-color: #Fff;
  color: #00696D;
}

/* Hover effects */
.card:hover::after {
  height: 100%;
}

.card:hover h3 {
  transform: translateY(-90px); /* Title slides up above paragraph */
}

.card:hover p,
.card:hover .btn {
  opacity: 1; /* Fade in paragraph + button */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-267e347 */.card {
  position: relative;
  height: 450px;
  border-radius: 6px;
  overflow: hidden;
  cursor: pointer;
  background-size: cover;
  background-position: center;
  border: 2px solid #D9D9D9;
  transition: box-shadow 0.3s ease, transform 0.3s ease;
  padding: 0px 50px;
}

.card:hover {
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}

/* Gradient overlay */
.card::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 40%;
  background: linear-gradient(to top, #005979, transparent);
  transition: height 0.4s ease;
}

.card-content {
  position: absolute;
  bottom: 40px; /* Title starts 50px from bottom */
  left: 50%;
  transform: translateX(-50%);
  color: #fff;
  z-index: 2;
  text-align: center;
  width: 100%;
  padding: 0 70px;
}

/* Title */
.card h3 {
    letter-spacing: 5px;
  font-family: Plus Jakarta Sans, sans-serif;
  font-size: 16px;
  font-weight: 400;
  margin: 0;
  transition: transform 0.8s ease; /* slow slide effect */
  margin-bottom: -90px;
  color: white;
  line-height: 26px
}

/* Hidden paragraph & button initially */
.card p {
  font-family: Poppins, sans-serif;
  font-size: 13px;
  line-height: 20px;
  margin: 15px 0 20px;
  opacity: 0;
  transition: opacity 0.8s ease;
}

.card .btn {
  font-family: "Plus Jakarta Sans", sans-serif;
  padding: 8px 24px;
  border: 1px solid #fff;
  border-radius: 5px;
  background: transparent;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  opacity: 0;
  transition: opacity 0.8s ease;
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
}

.card .btn:hover {
  background: #fff;
  border-color: #Fff;
  color: #00696D;
}

/* Hover effects */
.card:hover::after {
  height: 100%;
}

.card:hover h3 {
  transform: translateY(-90px); /* Title slides up above paragraph */
}

.card:hover p,
.card:hover .btn {
  opacity: 1; /* Fade in paragraph + button */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-20ef873 */.card {
  position: relative;
  height: 450px;
  border-radius: 6px;
  overflow: hidden;
  cursor: pointer;
  background-size: cover;
  background-position: center;
  border: 2px solid #D9D9D9;
  transition: box-shadow 0.3s ease, transform 0.3s ease;
  padding: 0px 50px;
}

.card:hover {
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}

/* Gradient overlay */
.card::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 40%;
  background: linear-gradient(to top, #005979, transparent);
  transition: height 0.4s ease;
}

.card-content {
  position: absolute;
  bottom: 40px; /* Title starts 50px from bottom */
  left: 50%;
  transform: translateX(-50%);
  color: #fff;
  z-index: 2;
  text-align: center;
  width: 100%;
  padding: 0 70px;
}

/* Title */
.card h3 {
    letter-spacing: 5px;
  font-family: Plus Jakarta Sans, sans-serif;
  font-size: 16px;
  font-weight: 400;
  margin: 0;
  transition: transform 0.8s ease; /* slow slide effect */
  margin-bottom: -90px;
  color: white;
  line-height: 26px
}

/* Hidden paragraph & button initially */
.card p {
  font-family: Poppins, sans-serif;
  font-size: 13px;
  line-height: 20px;
  margin: 15px 0 20px;
  opacity: 0;
  transition: opacity 0.8s ease;
}

.card .btn {
  font-family: "Plus Jakarta Sans", sans-serif;
  padding: 8px 24px;
  border: 1px solid #fff;
  border-radius: 5px;
  background: transparent;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  opacity: 0;
  transition: opacity 0.8s ease;
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
}

.card .btn:hover {
  background: #fff;
  border-color: #Fff;
  color: #00696D;
}

/* Hover effects */
.card:hover::after {
  height: 100%;
}

.card:hover h3 {
  transform: translateY(-90px); /* Title slides up above paragraph */
}

.card:hover p,
.card:hover .btn {
  opacity: 1; /* Fade in paragraph + button */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-95ee15f */.card {
  position: relative;
  height: 450px;
  border-radius: 6px;
  overflow: hidden;
  cursor: pointer;
  background-size: cover;
  background-position: center;
  border: 2px solid #D9D9D9;
  transition: box-shadow 0.3s ease, transform 0.3s ease;
  padding: 0px 50px;
}



/* Gradient overlay */
.card::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 40%;
  background: linear-gradient(to top, #005979, transparent);
  transition: height 0.4s ease;
}

.card-content {
  position: absolute;
  bottom: 40px; /* Title starts 50px from bottom */
  left: 50%;
  transform: translateX(-50%);
  color: #fff;
  z-index: 2;
  text-align: center;
  width: 100%;
  padding: 0 70px;
}

/* Title */
.card h3 {
    letter-spacing: 5px;
  font-family: Plus Jakarta Sans, sans-serif;
  font-size: 16px;
  font-weight: 400;
  margin: 0;
  transition: transform 0.8s ease; /* slow slide effect */
  margin-bottom: -90px;
  color: white;
  line-height: 26px
}

/* Hidden paragraph & button initially */
.card p {
  font-family: Poppins, sans-serif;
  font-size: 13px;
  line-height: 20px;
  margin: 15px 0 20px;
  opacity: 0;
  transition: opacity 0.8s ease;
}

.card .btn {
  font-family: "Plus Jakarta Sans", sans-serif;
  padding: 8px 24px;
  border: 1px solid #fff;
  border-radius: 5px;
  background: transparent;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  opacity: 0;
  transition: opacity 0.8s ease;
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
}

.card .btn:hover {
  background: #fff;
  border-color: #Fff;
  color: #00696D;
}

/* Hover effects */
.card:hover::after {
  height: 100%;
}

.card:hover h3 {
  transform: translateY(-90px); /* Title slides up above paragraph */
}

.card:hover p,
.card:hover .btn {
  opacity: 1; /* Fade in paragraph + button */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-fd7b215 */.card {
  position: relative;
  height: 450px;
  border-radius: 6px;
  overflow: hidden;
  cursor: pointer;
  background-size: cover;
  background-position: center;
  border: 2px solid #D9D9D9;
  transition: box-shadow 0.3s ease, transform 0.3s ease;
  padding: 0px 50px;
}

.card:hover {
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}

/* Gradient overlay */
.card::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 40%;
  background: linear-gradient(to top, #005979, transparent);
  transition: height 0.4s ease;
}

.card-content {
  position: absolute;
  bottom: 40px; /* Title starts 50px from bottom */
  left: 50%;
  transform: translateX(-50%);
  color: #fff;
  z-index: 2;
  text-align: center;
  width: 100%;
  padding: 0 70px;
}

/* Title */
.card h3 {
    letter-spacing: 5px;
  font-family: Plus Jakarta Sans, sans-serif;
  font-size: 16px;
  font-weight: 400;
  margin: 0;
  transition: transform 0.8s ease; /* slow slide effect */
  margin-bottom: -90px;
  color: white;
  line-height: 26px
}

/* Hidden paragraph & button initially */
.card p {
  font-family: Poppins, sans-serif;
  font-size: 13px;
  line-height: 20px;
  margin: 15px 0 20px;
  opacity: 0;
  transition: opacity 0.8s ease;
}

.card .btn {
  font-family: "Plus Jakarta Sans", sans-serif;
  padding: 8px 24px;
  border: 1px solid #fff;
  border-radius: 5px;
  background: transparent;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  opacity: 0;
  transition: opacity 0.8s ease;
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
}

.card .btn:hover {
  background: #fff;
  border-color: #Fff;
  color: #00696D;
}

/* Hover effects */
.card:hover::after {
  height: 100%;
}

.card:hover h3 {
  transform: translateY(-90px); /* Title slides up above paragraph */
}

.card:hover p,
.card:hover .btn {
  opacity: 1; /* Fade in paragraph + button */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0931ccf */.card {
  position: relative;
  height: 450px;
  border-radius: 6px;
  overflow: hidden;
  cursor: pointer;
  background-size: cover;
  background-position: center;
  border: 2px solid #D9D9D9;
  transition: box-shadow 0.3s ease, transform 0.3s ease;
  padding: 0px 50px;
}

.card:hover {
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}

/* Gradient overlay */
.card::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 40%;
  background: linear-gradient(to top, #005979, transparent);
  transition: height 0.4s ease;
}

.card-content {
  position: absolute;
  bottom: 40px; /* Title starts 50px from bottom */
  left: 50%;
  transform: translateX(-50%);
  color: #fff;
  z-index: 2;
  text-align: center;
  width: 100%;
  padding: 0 70px;
}

/* Title */
.card h3 {
    text-transform: uppercase;
    letter-spacing: 5px;
  font-family: Plus Jakarta Sans, sans-serif;
  font-size: 16px;
  font-weight: 400;
  margin: 0;
  transition: transform 0.8s ease; /* slow slide effect */
  margin-bottom: -90px;
  color: white;
  line-height: 26px
}

/* Hidden paragraph & button initially */
.card p {
  font-family: Poppins, sans-serif;
  font-size: 13px;
  line-height: 20px;
  margin: 15px 0 20px;
  opacity: 0;
  transition: opacity 0.8s ease;
}

.card .btn {
  font-family: "Plus Jakarta Sans", sans-serif;
  padding: 8px 24px;
  border: 1px solid #fff;
  border-radius: 5px;
  background: transparent;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  opacity: 0;
  transition: opacity 0.8s ease;
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
}

.card .btn:hover {
  background: #fff;
  border-color: #Fff;
  color: #00696D;
}

/* Hover effects */
.card:hover::after {
  height: 100%;
}

.card:hover h3 {
  transform: translateY(-90px); /* Title slides up above paragraph */
}

.card:hover p,
.card:hover .btn {
  opacity: 1; /* Fade in paragraph + button */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-12cb846 */.card {
  position: relative;
  height: 450px;
  border-radius: 6px;
  overflow: hidden;
  cursor: pointer;
  background-size: cover;
  background-position: center;
  border: 2px solid #D9D9D9;
  transition: box-shadow 0.3s ease, transform 0.3s ease;
  padding: 0px 50px;
}

.card:hover {
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}

/* Gradient overlay */
.card::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 40%;
  background: linear-gradient(to top, #005979, transparent);
  transition: height 0.4s ease;
}

.card-content {
  position: absolute;
  bottom: 40px; /* Title starts 50px from bottom */
  left: 50%;
  transform: translateX(-50%);
  color: #fff;
  z-index: 2;
  text-align: center;
  width: 100%;
  padding: 0 70px;
}

/* Title */
.card h3 {
    letter-spacing: 5px;
  font-family: Plus Jakarta Sans, sans-serif;
  font-size: 16px;
  font-weight: 400;
  margin: 0;
  transition: transform 0.8s ease; /* slow slide effect */
  margin-bottom: -90px;
  color: white;
  line-height: 26px
}

/* Hidden paragraph & button initially */
.card p {
  font-family: Poppins, sans-serif;
  font-size: 13px;
  line-height: 20px;
  margin: 15px 0 20px;
  opacity: 0;
  transition: opacity 0.8s ease;
}

.card .btn {
  font-family: "Plus Jakarta Sans", sans-serif;
  padding: 8px 24px;
  border: 1px solid #fff;
  border-radius: 5px;
  background: transparent;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  opacity: 0;
  transition: opacity 0.8s ease;
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
}

.card .btn:hover {
  background: #fff;
  border-color: #Fff;
  color: #00696D;
}

/* Hover effects */
.card:hover::after {
  height: 100%;
}

.card:hover h3 {
  transform: translateY(-90px); /* Title slides up above paragraph */
}

.card:hover p,
.card:hover .btn {
  opacity: 1; /* Fade in paragraph + button */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-267e347 */.card {
  position: relative;
  height: 450px;
  border-radius: 6px;
  overflow: hidden;
  cursor: pointer;
  background-size: cover;
  background-position: center;
  border: 2px solid #D9D9D9;
  transition: box-shadow 0.3s ease, transform 0.3s ease;
  padding: 0px 50px;
}

.card:hover {
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}

/* Gradient overlay */
.card::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 40%;
  background: linear-gradient(to top, #005979, transparent);
  transition: height 0.4s ease;
}

.card-content {
  position: absolute;
  bottom: 40px; /* Title starts 50px from bottom */
  left: 50%;
  transform: translateX(-50%);
  color: #fff;
  z-index: 2;
  text-align: center;
  width: 100%;
  padding: 0 70px;
}

/* Title */
.card h3 {
    letter-spacing: 5px;
  font-family: Plus Jakarta Sans, sans-serif;
  font-size: 16px;
  font-weight: 400;
  margin: 0;
  transition: transform 0.8s ease; /* slow slide effect */
  margin-bottom: -90px;
  color: white;
  line-height: 26px
}

/* Hidden paragraph & button initially */
.card p {
  font-family: Poppins, sans-serif;
  font-size: 13px;
  line-height: 20px;
  margin: 15px 0 20px;
  opacity: 0;
  transition: opacity 0.8s ease;
}

.card .btn {
  font-family: "Plus Jakarta Sans", sans-serif;
  padding: 8px 24px;
  border: 1px solid #fff;
  border-radius: 5px;
  background: transparent;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  opacity: 0;
  transition: opacity 0.8s ease;
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
}

.card .btn:hover {
  background: #fff;
  border-color: #Fff;
  color: #00696D;
}

/* Hover effects */
.card:hover::after {
  height: 100%;
}

.card:hover h3 {
  transform: translateY(-90px); /* Title slides up above paragraph */
}

.card:hover p,
.card:hover .btn {
  opacity: 1; /* Fade in paragraph + button */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-20ef873 */.card {
  position: relative;
  height: 450px;
  border-radius: 6px;
  overflow: hidden;
  cursor: pointer;
  background-size: cover;
  background-position: center;
  border: 2px solid #D9D9D9;
  transition: box-shadow 0.3s ease, transform 0.3s ease;
  padding: 0px 50px;
}

.card:hover {
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}

/* Gradient overlay */
.card::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 40%;
  background: linear-gradient(to top, #005979, transparent);
  transition: height 0.4s ease;
}

.card-content {
  position: absolute;
  bottom: 40px; /* Title starts 50px from bottom */
  left: 50%;
  transform: translateX(-50%);
  color: #fff;
  z-index: 2;
  text-align: center;
  width: 100%;
  padding: 0 70px;
}

/* Title */
.card h3 {
    letter-spacing: 5px;
  font-family: Plus Jakarta Sans, sans-serif;
  font-size: 16px;
  font-weight: 400;
  margin: 0;
  transition: transform 0.8s ease; /* slow slide effect */
  margin-bottom: -90px;
  color: white;
  line-height: 26px
}

/* Hidden paragraph & button initially */
.card p {
  font-family: Poppins, sans-serif;
  font-size: 13px;
  line-height: 20px;
  margin: 15px 0 20px;
  opacity: 0;
  transition: opacity 0.8s ease;
}

.card .btn {
  font-family: "Plus Jakarta Sans", sans-serif;
  padding: 8px 24px;
  border: 1px solid #fff;
  border-radius: 5px;
  background: transparent;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  opacity: 0;
  transition: opacity 0.8s ease;
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
}

.card .btn:hover {
  background: #fff;
  border-color: #Fff;
  color: #00696D;
}

/* Hover effects */
.card:hover::after {
  height: 100%;
}

.card:hover h3 {
  transform: translateY(-90px); /* Title slides up above paragraph */
}

.card:hover p,
.card:hover .btn {
  opacity: 1; /* Fade in paragraph + button */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-95ee15f */.card {
  position: relative;
  height: 450px;
  border-radius: 6px;
  overflow: hidden;
  cursor: pointer;
  background-size: cover;
  background-position: center;
  border: 2px solid #D9D9D9;
  transition: box-shadow 0.3s ease, transform 0.3s ease;
  padding: 0px 50px;
}



/* Gradient overlay */
.card::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 40%;
  background: linear-gradient(to top, #005979, transparent);
  transition: height 0.4s ease;
}

.card-content {
  position: absolute;
  bottom: 40px; /* Title starts 50px from bottom */
  left: 50%;
  transform: translateX(-50%);
  color: #fff;
  z-index: 2;
  text-align: center;
  width: 100%;
  padding: 0 70px;
}

/* Title */
.card h3 {
    letter-spacing: 5px;
  font-family: Plus Jakarta Sans, sans-serif;
  font-size: 16px;
  font-weight: 400;
  margin: 0;
  transition: transform 0.8s ease; /* slow slide effect */
  margin-bottom: -90px;
  color: white;
  line-height: 26px
}

/* Hidden paragraph & button initially */
.card p {
  font-family: Poppins, sans-serif;
  font-size: 13px;
  line-height: 20px;
  margin: 15px 0 20px;
  opacity: 0;
  transition: opacity 0.8s ease;
}

.card .btn {
  font-family: "Plus Jakarta Sans", sans-serif;
  padding: 8px 24px;
  border: 1px solid #fff;
  border-radius: 5px;
  background: transparent;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  opacity: 0;
  transition: opacity 0.8s ease;
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
}

.card .btn:hover {
  background: #fff;
  border-color: #Fff;
  color: #00696D;
}

/* Hover effects */
.card:hover::after {
  height: 100%;
}

.card:hover h3 {
  transform: translateY(-90px); /* Title slides up above paragraph */
}

.card:hover p,
.card:hover .btn {
  opacity: 1; /* Fade in paragraph + button */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-fd7b215 */.card {
  position: relative;
  height: 450px;
  border-radius: 6px;
  overflow: hidden;
  cursor: pointer;
  background-size: cover;
  background-position: center;
  border: 2px solid #D9D9D9;
  transition: box-shadow 0.3s ease, transform 0.3s ease;
  padding: 0px 50px;
}

.card:hover {
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}

/* Gradient overlay */
.card::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 40%;
  background: linear-gradient(to top, #005979, transparent);
  transition: height 0.4s ease;
}

.card-content {
  position: absolute;
  bottom: 40px; /* Title starts 50px from bottom */
  left: 50%;
  transform: translateX(-50%);
  color: #fff;
  z-index: 2;
  text-align: center;
  width: 100%;
  padding: 0 70px;
}

/* Title */
.card h3 {
    letter-spacing: 5px;
  font-family: Plus Jakarta Sans, sans-serif;
  font-size: 16px;
  font-weight: 400;
  margin: 0;
  transition: transform 0.8s ease; /* slow slide effect */
  margin-bottom: -90px;
  color: white;
  line-height: 26px
}

/* Hidden paragraph & button initially */
.card p {
  font-family: Poppins, sans-serif;
  font-size: 13px;
  line-height: 20px;
  margin: 15px 0 20px;
  opacity: 0;
  transition: opacity 0.8s ease;
}

.card .btn {
  font-family: "Plus Jakarta Sans", sans-serif;
  padding: 8px 24px;
  border: 1px solid #fff;
  border-radius: 5px;
  background: transparent;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  opacity: 0;
  transition: opacity 0.8s ease;
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
}

.card .btn:hover {
  background: #fff;
  border-color: #Fff;
  color: #00696D;
}

/* Hover effects */
.card:hover::after {
  height: 100%;
}

.card:hover h3 {
  transform: translateY(-90px); /* Title slides up above paragraph */
}

.card:hover p,
.card:hover .btn {
  opacity: 1; /* Fade in paragraph + button */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0931ccf */.card {
  position: relative;
  height: 450px;
  border-radius: 6px;
  overflow: hidden;
  cursor: pointer;
  background-size: cover;
  background-position: center;
  border: 2px solid #D9D9D9;
  transition: box-shadow 0.3s ease, transform 0.3s ease;
  padding: 0px 50px;
}

.card:hover {
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}

/* Gradient overlay */
.card::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 40%;
  background: linear-gradient(to top, #005979, transparent);
  transition: height 0.4s ease;
}

.card-content {
  position: absolute;
  bottom: 40px; /* Title starts 50px from bottom */
  left: 50%;
  transform: translateX(-50%);
  color: #fff;
  z-index: 2;
  text-align: center;
  width: 100%;
  padding: 0 70px;
}

/* Title */
.card h3 {
    text-transform: uppercase;
    letter-spacing: 5px;
  font-family: Plus Jakarta Sans, sans-serif;
  font-size: 16px;
  font-weight: 400;
  margin: 0;
  transition: transform 0.8s ease; /* slow slide effect */
  margin-bottom: -90px;
  color: white;
  line-height: 26px
}

/* Hidden paragraph & button initially */
.card p {
  font-family: Poppins, sans-serif;
  font-size: 13px;
  line-height: 20px;
  margin: 15px 0 20px;
  opacity: 0;
  transition: opacity 0.8s ease;
}

.card .btn {
  font-family: "Plus Jakarta Sans", sans-serif;
  padding: 8px 24px;
  border: 1px solid #fff;
  border-radius: 5px;
  background: transparent;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  opacity: 0;
  transition: opacity 0.8s ease;
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
}

.card .btn:hover {
  background: #fff;
  border-color: #Fff;
  color: #00696D;
}

/* Hover effects */
.card:hover::after {
  height: 100%;
}

.card:hover h3 {
  transform: translateY(-90px); /* Title slides up above paragraph */
}

.card:hover p,
.card:hover .btn {
  opacity: 1; /* Fade in paragraph + button */
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-39efc93 *//* Swiper button */
#page .elementor .elementor-swiper-button{
	position:static;
	display:inline;
}

/* Eicon chevron left */
.elementor-widget-n-carousel .elementor-swiper-button .e-eicon-chevron-left, .elementor-widget-n-carousel .elementor-swiper-button .e-eicon-chevron-right{
	background-color:#fff;
	padding:10px 10px;
	width:50px !important;
	height:50px !important;
	border-radius: 50px;
	box-shadow:0px 2px 7px 3px rgba(198,198,198,0.9) !important;
}


/* Swiper button */
#page .elementor .elementor-swiper-button{
	display:inline-block;
	position:relative;
	bottom:-50px;
	left:9px;
	margin-right: 17px
}

.elementor-element .swiper~.elementor-swiper-button svg, svg {
    fill: #00696D !important;
    height: 1em; width: 1em;
}

/* Eicon chevron right (hover) */
.elementor-widget-n-carousel .elementor-swiper-button .e-eicon-chevron-right:hover, .elementor-widget-n-carousel .elementor-swiper-button .e-eicon-chevron-left:hover{
	background-color:#00696D;
}

.elementor-element .swiper~.elementor-swiper-button svg:hover, svg:hover {
    fill: #fff !important;
    height: 1em; width: 1em;
}/* End custom CSS */