.elementor-127 .elementor-element.elementor-element-54849b2{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--overlay-opacity:0.53;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:140px;--padding-bottom:140px;--padding-left:0px;--padding-right:0px;}.elementor-127 .elementor-element.elementor-element-54849b2:not(.elementor-motion-effects-element-type-background), .elementor-127 .elementor-element.elementor-element-54849b2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://whizzit.co.uk/wp-content/uploads/2025/02/happy-smiling-asian-woman-call-center-operator-with-colleague-wearing-headsets-working-computer-talking-with-customer-with-her-service-mind-min-scaled-1.jpg");background-position:center center;background-repeat:no-repeat;}.elementor-127 .elementor-element.elementor-element-54849b2::before, .elementor-127 .elementor-element.elementor-element-54849b2 > .elementor-background-video-container::before, .elementor-127 .elementor-element.elementor-element-54849b2 > .e-con-inner > .elementor-background-video-container::before, .elementor-127 .elementor-element.elementor-element-54849b2 > .elementor-background-slideshow::before, .elementor-127 .elementor-element.elementor-element-54849b2 > .e-con-inner > .elementor-background-slideshow::before, .elementor-127 .elementor-element.elementor-element-54849b2 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-127 .elementor-element.elementor-element-54849b2 > .elementor-shape-bottom .elementor-shape-fill, .elementor-127 .elementor-element.elementor-element-54849b2 > .e-con-inner > .elementor-shape-bottom .elementor-shape-fill{fill:var( --e-global-color-fa4f4ca );}.elementor-127 .elementor-element.elementor-element-54849b2 > .elementor-shape-bottom svg, .elementor-127 .elementor-element.elementor-element-54849b2 > .e-con-inner > .elementor-shape-bottom svg{width:calc(263% + 1.3px);height:160px;transform:translateX(-50%) rotateY(180deg);}.elementor-127 .elementor-element.elementor-element-d959d20{--display:flex;}.elementor-127 .elementor-element.elementor-element-3df7f76{text-align:center;}.elementor-127 .elementor-element.elementor-element-3df7f76 .elementor-heading-title{font-family:var( --e-global-typography-fd79326-font-family ), Sans-serif;font-size:var( --e-global-typography-fd79326-font-size );font-weight:var( --e-global-typography-fd79326-font-weight );line-height:var( --e-global-typography-fd79326-line-height );color:var( --e-global-color-52d4b74 );}.elementor-127 .elementor-element.elementor-element-5b56957 .elementor-icon-list-icon i{color:var( --e-global-color-52d4b74 );transition:color 0.3s;}.elementor-127 .elementor-element.elementor-element-5b56957 .elementor-icon-list-icon svg{fill:var( --e-global-color-52d4b74 );transition:fill 0.3s;}.elementor-127 .elementor-element.elementor-element-5b56957{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-127 .elementor-element.elementor-element-5b56957 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-127 .elementor-element.elementor-element-5b56957 .elementor-icon-list-item > a{text-decoration:none;}.elementor-127 .elementor-element.elementor-element-5b56957 .elementor-icon-list-text{color:var( --e-global-color-52d4b74 );transition:color 0.3s;}.elementor-127 .elementor-element.elementor-element-982a164{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:100px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:99;}.elementor-127 .elementor-element.elementor-element-de611d0{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:100px;--padding-left:30px;--padding-right:30px;}.elementor-127 .elementor-element.elementor-element-4c443e1{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-127 .elementor-element.elementor-element-3476e94{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:45px;--margin-left:0px;--margin-right:0px;}.elementor-127 .elementor-element.elementor-element-58fbf04{--display:flex;}.elementor-127 .elementor-element.elementor-element-5c9ade6{text-align:center;}.elementor-127 .elementor-element.elementor-element-5c9ade6 .elementor-heading-title{color:var( --e-global-color-secondary );}.elementor-127 .elementor-element.elementor-element-38b11c7{text-align:center;}.elementor-127 .elementor-element.elementor-element-38b11c7 .elementor-heading-title{font-size:18px;font-weight:400;color:var( --e-global-color-secondary );}.elementor-127 .elementor-element.elementor-element-0d114b4{--display:flex;--background-transition:0.3s;--overlay-opacity:1;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;--border-radius:0px 120px 0px 120px;--z-index:0;}.elementor-127 .elementor-element.elementor-element-0d114b4:not(.elementor-motion-effects-element-type-background), .elementor-127 .elementor-element.elementor-element-0d114b4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-52d4b74 );}.elementor-127 .elementor-element.elementor-element-0d114b4:hover{background-color:var( --e-global-color-primary );--overlay-opacity:1;border-style:none;--border-radius:0px 120px 0px 120px;--border-top-left-radius:0px;--border-top-right-radius:120px;--border-bottom-right-radius:0px;--border-bottom-left-radius:120px;}.elementor-127 .elementor-element.elementor-element-0d114b4::before, .elementor-127 .elementor-element.elementor-element-0d114b4 > .elementor-background-video-container::before, .elementor-127 .elementor-element.elementor-element-0d114b4 > .e-con-inner > .elementor-background-video-container::before, .elementor-127 .elementor-element.elementor-element-0d114b4 > .elementor-background-slideshow::before, .elementor-127 .elementor-element.elementor-element-0d114b4 > .e-con-inner > .elementor-background-slideshow::before, .elementor-127 .elementor-element.elementor-element-0d114b4 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-127 .elementor-element.elementor-element-0d114b4:hover::before, .elementor-127 .elementor-element.elementor-element-0d114b4:hover > .elementor-background-video-container::before, .elementor-127 .elementor-element.elementor-element-0d114b4:hover > .e-con-inner > .elementor-background-video-container::before, .elementor-127 .elementor-element.elementor-element-0d114b4 > .elementor-background-slideshow:hover::before, .elementor-127 .elementor-element.elementor-element-0d114b4 > .e-con-inner > .elementor-background-slideshow:hover::before{--background-overlay:'';}.elementor-127 .elementor-element.elementor-element-0d114b4, .elementor-127 .elementor-element.elementor-element-0d114b4::before{--border-transition:3s;}.elementor-127 .elementor-element.elementor-element-0021778{--display:flex;border-style:none;--border-style:none;}.elementor-127 .elementor-element.elementor-element-65b0ccd{--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-127 .elementor-element.elementor-element-33e0ba5{color:var( --e-global-color-text );}.elementor-127 .elementor-element.elementor-element-dd0b45b{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:600;text-transform:capitalize;line-height:26px;color:var( --e-global-color-text );}.elementor-127 .elementor-element.elementor-element-d151b47{--display:flex;--background-transition:3s;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;--z-index:0;}.elementor-127 .elementor-element.elementor-element-d151b47:not(.elementor-motion-effects-element-type-background), .elementor-127 .elementor-element.elementor-element-d151b47 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-52d4b74 );}.elementor-127 .elementor-element.elementor-element-986dcf2{--display:flex;border-style:none;--border-style:none;}.elementor-127 .elementor-element.elementor-element-eb16b74{--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-127 .elementor-element.elementor-element-bd955bc{color:var( --e-global-color-text );}.elementor-127 .elementor-element.elementor-element-3dd3ad5{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:600;text-transform:capitalize;line-height:26px;color:var( --e-global-color-text );}.elementor-127 .elementor-element.elementor-element-db1ff79{--display:flex;--background-transition:3s;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;--z-index:0;}.elementor-127 .elementor-element.elementor-element-db1ff79:not(.elementor-motion-effects-element-type-background), .elementor-127 .elementor-element.elementor-element-db1ff79 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-52d4b74 );}.elementor-127 .elementor-element.elementor-element-d146dc6{--display:flex;border-style:none;--border-style:none;}.elementor-127 .elementor-element.elementor-element-3eaf646{--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-127 .elementor-element.elementor-element-51b5906{color:var( --e-global-color-text );}.elementor-127 .elementor-element.elementor-element-73113d1{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:600;text-transform:capitalize;line-height:26px;color:var( --e-global-color-text );}.elementor-127 .elementor-element.elementor-element-08da05a{--display:flex;--background-transition:3s;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;--z-index:0;}.elementor-127 .elementor-element.elementor-element-08da05a:not(.elementor-motion-effects-element-type-background), .elementor-127 .elementor-element.elementor-element-08da05a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-52d4b74 );}.elementor-127 .elementor-element.elementor-element-7628d41{--display:flex;border-style:none;--border-style:none;}.elementor-127 .elementor-element.elementor-element-d6d7c75{--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-127 .elementor-element.elementor-element-6e90817{color:var( --e-global-color-text );}.elementor-127 .elementor-element.elementor-element-f541731{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:600;text-transform:capitalize;line-height:26px;color:var( --e-global-color-text );}.elementor-127 .elementor-element.elementor-element-940d54e{--display:flex;--background-transition:3s;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;--z-index:0;}.elementor-127 .elementor-element.elementor-element-940d54e:not(.elementor-motion-effects-element-type-background), .elementor-127 .elementor-element.elementor-element-940d54e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-52d4b74 );}.elementor-127 .elementor-element.elementor-element-75a2b82{--display:flex;border-style:none;--border-style:none;}.elementor-127 .elementor-element.elementor-element-3cb063b{--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-127 .elementor-element.elementor-element-7149d0e{color:var( --e-global-color-text );}.elementor-127 .elementor-element.elementor-element-7cffe2d{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:600;text-transform:capitalize;line-height:26px;color:var( --e-global-color-text );}.elementor-127 .elementor-element.elementor-element-fd49f1c{--display:flex;--background-transition:3s;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;--z-index:0;}.elementor-127 .elementor-element.elementor-element-fd49f1c:not(.elementor-motion-effects-element-type-background), .elementor-127 .elementor-element.elementor-element-fd49f1c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-52d4b74 );}.elementor-127 .elementor-element.elementor-element-1154352{--display:flex;border-style:none;--border-style:none;}.elementor-127 .elementor-element.elementor-element-314539b{--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-127 .elementor-element.elementor-element-7dbd905{color:var( --e-global-color-text );}.elementor-127 .elementor-element.elementor-element-3ed9c0b{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:600;text-transform:capitalize;line-height:26px;color:var( --e-global-color-text );}.elementor-127 .elementor-element.elementor-element-6cc2dc9{--display:flex;--background-transition:3s;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;--z-index:0;}.elementor-127 .elementor-element.elementor-element-6cc2dc9:not(.elementor-motion-effects-element-type-background), .elementor-127 .elementor-element.elementor-element-6cc2dc9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-52d4b74 );}.elementor-127 .elementor-element.elementor-element-31f90ec{--display:flex;border-style:none;--border-style:none;}.elementor-127 .elementor-element.elementor-element-d33efd1{--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-127 .elementor-element.elementor-element-b964a52{color:var( --e-global-color-text );}.elementor-127 .elementor-element.elementor-element-5654a66{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:600;text-transform:capitalize;line-height:26px;color:var( --e-global-color-text );}.elementor-127 .elementor-element.elementor-element-c978705{--e-n-carousel-swiper-slides-gap:10px;width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;}.elementor-127 .elementor-element.elementor-element-b9d024e{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:100px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:99;}.elementor-127 .elementor-element.elementor-element-2f262a7{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:100px;--padding-left:30px;--padding-right:30px;}.elementor-127 .elementor-element.elementor-element-c618dca{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-127 .elementor-element.elementor-element-15ec17f{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:45px;--margin-left:0px;--margin-right:0px;}.elementor-127 .elementor-element.elementor-element-7518454{--display:flex;}.elementor-127 .elementor-element.elementor-element-0e30ecd{text-align:center;}.elementor-127 .elementor-element.elementor-element-0e30ecd .elementor-heading-title{color:var( --e-global-color-secondary );}.elementor-127 .elementor-element.elementor-element-b5e2a19{text-align:center;}.elementor-127 .elementor-element.elementor-element-b5e2a19 .elementor-heading-title{font-size:18px;font-weight:400;color:var( --e-global-color-secondary );}.elementor-127 .elementor-element.elementor-element-6f1168f{--display:flex;--background-transition:0.3s;--overlay-opacity:1;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;--border-radius:0px 120px 0px 120px;--z-index:0;}.elementor-127 .elementor-element.elementor-element-6f1168f:not(.elementor-motion-effects-element-type-background), .elementor-127 .elementor-element.elementor-element-6f1168f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-52d4b74 );}.elementor-127 .elementor-element.elementor-element-6f1168f:hover{background-color:var( --e-global-color-primary );--overlay-opacity:1;border-style:none;--border-radius:0px 120px 0px 120px;--border-top-left-radius:0px;--border-top-right-radius:120px;--border-bottom-right-radius:0px;--border-bottom-left-radius:120px;}.elementor-127 .elementor-element.elementor-element-6f1168f::before, .elementor-127 .elementor-element.elementor-element-6f1168f > .elementor-background-video-container::before, .elementor-127 .elementor-element.elementor-element-6f1168f > .e-con-inner > .elementor-background-video-container::before, .elementor-127 .elementor-element.elementor-element-6f1168f > .elementor-background-slideshow::before, .elementor-127 .elementor-element.elementor-element-6f1168f > .e-con-inner > .elementor-background-slideshow::before, .elementor-127 .elementor-element.elementor-element-6f1168f > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-127 .elementor-element.elementor-element-6f1168f:hover::before, .elementor-127 .elementor-element.elementor-element-6f1168f:hover > .elementor-background-video-container::before, .elementor-127 .elementor-element.elementor-element-6f1168f:hover > .e-con-inner > .elementor-background-video-container::before, .elementor-127 .elementor-element.elementor-element-6f1168f > .elementor-background-slideshow:hover::before, .elementor-127 .elementor-element.elementor-element-6f1168f > .e-con-inner > .elementor-background-slideshow:hover::before{--background-overlay:'';}.elementor-127 .elementor-element.elementor-element-6f1168f, .elementor-127 .elementor-element.elementor-element-6f1168f::before{--border-transition:3s;}.elementor-127 .elementor-element.elementor-element-b3be82f{--display:flex;border-style:none;--border-style:none;}.elementor-127 .elementor-element.elementor-element-2af087e{--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-127 .elementor-element.elementor-element-7766a0e{color:var( --e-global-color-text );}.elementor-127 .elementor-element.elementor-element-cc3d8c0{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:600;text-transform:capitalize;line-height:26px;color:var( --e-global-color-text );}.elementor-127 .elementor-element.elementor-element-936f3bc{--display:flex;--background-transition:3s;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;--z-index:0;}.elementor-127 .elementor-element.elementor-element-936f3bc:not(.elementor-motion-effects-element-type-background), .elementor-127 .elementor-element.elementor-element-936f3bc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-52d4b74 );}.elementor-127 .elementor-element.elementor-element-3a8aa8c{--display:flex;border-style:none;--border-style:none;}.elementor-127 .elementor-element.elementor-element-a4d12c1{--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-127 .elementor-element.elementor-element-f385fbe{color:var( --e-global-color-text );}.elementor-127 .elementor-element.elementor-element-2309910{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:600;text-transform:capitalize;line-height:26px;color:var( --e-global-color-text );}.elementor-127 .elementor-element.elementor-element-86f41be{--display:flex;--background-transition:3s;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;--z-index:0;}.elementor-127 .elementor-element.elementor-element-86f41be:not(.elementor-motion-effects-element-type-background), .elementor-127 .elementor-element.elementor-element-86f41be > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-52d4b74 );}.elementor-127 .elementor-element.elementor-element-9b055e7{--display:flex;border-style:none;--border-style:none;}.elementor-127 .elementor-element.elementor-element-c137abb{--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-127 .elementor-element.elementor-element-7ea93fb{color:var( --e-global-color-text );}.elementor-127 .elementor-element.elementor-element-b53715e{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:600;text-transform:capitalize;line-height:26px;color:var( --e-global-color-text );}.elementor-127 .elementor-element.elementor-element-a7ce1e3{--e-n-carousel-swiper-slides-gap:10px;width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-127 .elementor-element.elementor-element-3df7f76 .elementor-heading-title{font-size:var( --e-global-typography-fd79326-font-size );line-height:var( --e-global-typography-fd79326-line-height );}.elementor-127 .elementor-element.elementor-element-de611d0{--padding-top:50px;--padding-bottom:50px;--padding-left:15px;--padding-right:15px;}.elementor-127 .elementor-element.elementor-element-c978705{--e-n-carousel-swiper-slides-to-display:1;}.elementor-127 .elementor-element.elementor-element-2f262a7{--padding-top:50px;--padding-bottom:50px;--padding-left:15px;--padding-right:15px;}.elementor-127 .elementor-element.elementor-element-a7ce1e3{--e-n-carousel-swiper-slides-to-display:1;}}@media(min-width:768px){.elementor-127 .elementor-element.elementor-element-54849b2{--content-width:1320px;}.elementor-127 .elementor-element.elementor-element-982a164{--content-width:100%;}.elementor-127 .elementor-element.elementor-element-3476e94{--width:720px;}.elementor-127 .elementor-element.elementor-element-b9d024e{--content-width:100%;}.elementor-127 .elementor-element.elementor-element-15ec17f{--width:720px;}}@media(max-width:767px){.elementor-127 .elementor-element.elementor-element-54849b2 > .elementor-shape-bottom svg, .elementor-127 .elementor-element.elementor-element-54849b2 > .e-con-inner > .elementor-shape-bottom svg{width:calc(231% + 1.3px);height:49px;}.elementor-127 .elementor-element.elementor-element-54849b2{--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-127 .elementor-element.elementor-element-3df7f76 .elementor-heading-title{font-size:var( --e-global-typography-fd79326-font-size );line-height:var( --e-global-typography-fd79326-line-height );}.elementor-127 .elementor-element.elementor-element-4c443e1{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-127 .elementor-element.elementor-element-3476e94{--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-127 .elementor-element.elementor-element-38b11c7 .elementor-heading-title{line-height:1.2em;}.elementor-127 .elementor-element.elementor-element-0d114b4{--border-radius:0px 0px 0px 0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-127 .elementor-element.elementor-element-0d114b4:hover{--border-radius:0px 60px 0px 60px;--border-top-left-radius:0px;--border-top-right-radius:60px;--border-bottom-right-radius:0px;--border-bottom-left-radius:60px;}.elementor-127 .elementor-element.elementor-element-7b096a3 .elementor-heading-title{line-height:1.3em;}.elementor-127 .elementor-element.elementor-element-33e0ba5 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-127 .elementor-element.elementor-element-33e0ba5{line-height:1em;}.elementor-127 .elementor-element.elementor-element-dd0b45b{font-size:14px;}.elementor-127 .elementor-element.elementor-element-b776fd8 .elementor-heading-title{line-height:1.3em;}.elementor-127 .elementor-element.elementor-element-3dd3ad5{font-size:14px;}.elementor-127 .elementor-element.elementor-element-db1ff79{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-127 .elementor-element.elementor-element-d146dc6{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-127 .elementor-element.elementor-element-5dff636 .elementor-heading-title{line-height:1.3em;}.elementor-127 .elementor-element.elementor-element-51b5906 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-127 .elementor-element.elementor-element-51b5906{line-height:1em;}.elementor-127 .elementor-element.elementor-element-73113d1{font-size:14px;}.elementor-127 .elementor-element.elementor-element-08da05a{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-127 .elementor-element.elementor-element-7628d41{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-127 .elementor-element.elementor-element-060ac34 .elementor-heading-title{line-height:1.3em;}.elementor-127 .elementor-element.elementor-element-6e90817 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-127 .elementor-element.elementor-element-6e90817{line-height:1em;}.elementor-127 .elementor-element.elementor-element-f541731{font-size:14px;}.elementor-127 .elementor-element.elementor-element-940d54e{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-127 .elementor-element.elementor-element-75a2b82{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-127 .elementor-element.elementor-element-3c35a6e .elementor-heading-title{line-height:1.3em;}.elementor-127 .elementor-element.elementor-element-7149d0e > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-127 .elementor-element.elementor-element-7149d0e{line-height:1em;}.elementor-127 .elementor-element.elementor-element-7cffe2d{font-size:14px;}.elementor-127 .elementor-element.elementor-element-fd49f1c{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-127 .elementor-element.elementor-element-1154352{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-127 .elementor-element.elementor-element-c55971c .elementor-heading-title{line-height:1.3em;}.elementor-127 .elementor-element.elementor-element-7dbd905 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-127 .elementor-element.elementor-element-7dbd905{line-height:1em;}.elementor-127 .elementor-element.elementor-element-3ed9c0b{font-size:14px;}.elementor-127 .elementor-element.elementor-element-6cc2dc9{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-127 .elementor-element.elementor-element-31f90ec{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-127 .elementor-element.elementor-element-fb62043 .elementor-heading-title{line-height:1.3em;}.elementor-127 .elementor-element.elementor-element-b964a52 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-127 .elementor-element.elementor-element-b964a52{line-height:1em;}.elementor-127 .elementor-element.elementor-element-5654a66{font-size:14px;}.elementor-127 .elementor-element.elementor-element-c978705{--e-n-carousel-swiper-slides-to-display:1;--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-127 .elementor-element.elementor-element-c618dca{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-127 .elementor-element.elementor-element-15ec17f{--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-127 .elementor-element.elementor-element-6f1168f{--border-radius:0px 0px 0px 0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-127 .elementor-element.elementor-element-6f1168f:hover{--border-radius:0px 60px 0px 60px;--border-top-left-radius:0px;--border-top-right-radius:60px;--border-bottom-right-radius:0px;--border-bottom-left-radius:60px;}.elementor-127 .elementor-element.elementor-element-2d3fa76 .elementor-heading-title{line-height:1.3em;}.elementor-127 .elementor-element.elementor-element-7766a0e > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-127 .elementor-element.elementor-element-7766a0e{line-height:1em;}.elementor-127 .elementor-element.elementor-element-cc3d8c0{font-size:14px;}.elementor-127 .elementor-element.elementor-element-a623c07 .elementor-heading-title{line-height:1.3em;}.elementor-127 .elementor-element.elementor-element-2309910{font-size:14px;}.elementor-127 .elementor-element.elementor-element-86f41be{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-127 .elementor-element.elementor-element-9b055e7{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-127 .elementor-element.elementor-element-654a307 .elementor-heading-title{line-height:1.3em;}.elementor-127 .elementor-element.elementor-element-7ea93fb > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-127 .elementor-element.elementor-element-7ea93fb{line-height:1em;}.elementor-127 .elementor-element.elementor-element-b53715e{font-size:14px;}.elementor-127 .elementor-element.elementor-element-a7ce1e3{--e-n-carousel-swiper-slides-to-display:1;--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}}/* Start custom CSS for container, class: .elementor-element-65b0ccd */.card-content {
  padding: 20px;
  position: relative;
  color: #fff; /* Text color changes to white to be readable */
  z-index: 1; /* Make sure content is on top of the background color */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0d114b4 */.card {
  position: relative;
  border: 2px solid;
  border:red;
  border-radius: 0px 120px 0px 120px;
}

.card::before {
  content: "";
  position: absolute;
  border: 0px solid transparent;
  border-radius: 0px 120px 0px 120px;
  top: 0;
  left: 0;
 
  background: linear-gradient(90deg, rgba(205, 62, 41) 0%, rgba(242, 143, 28));


 /* Color to fill the card */
  transition: transform 0.5s ease; /* Transition for the filling effect */
  transform: scaleY(0); /* Start with zero height */
  transform-origin: bottom; /* Start the color fill from the bottom */
  z-index: -1; /* Ensure it is behind the content */
}

.card:hover .card-content h4 {
  color: #fff; /* Change text color to white when hovered */
}

.card:hover .card-content p {
  color: #fff; /* Change text color to white when hovered */
}

.card:hover::before {
  transform: scaleY(1); /* Expand the color fill to 100% height from bottom to top */
}



@media screen and (max-width: 768px) {
    .card {
  position: relative;
  border: 2px solid;
  border:red;
  border-radius: 0px 60px 0px 60px;
}

.card::before {
  content: "";
  position: absolute;
  border: 0px solid transparent;
  border-radius: 0px 60px 0px 60px;
    
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-eb16b74 */.card-content {
  padding: 20px;
  position: relative;
  color: #fff; /* Text color changes to white to be readable */
  z-index: 1; /* Make sure content is on top of the background color */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d151b47 */.card {
  position: relative;
  border: 2px solid;
  border:red;
  border-radius: 0px 120px 0px 120px;
}

.card::before {
  content: "";
  position: absolute;
  border: 0px solid transparent;
  border-radius: 0px 120px 0px 120px;
  top: 0;
  left: 0;
 
  background: linear-gradient(90deg, rgba(205, 62, 41) 0%, rgba(242, 143, 28));


 /* Color to fill the card */
  transition: transform 0.5s ease; /* Transition for the filling effect */
  transform: scaleY(0); /* Start with zero height */
  transform-origin: bottom; /* Start the color fill from the bottom */
  z-index: -1; /* Ensure it is behind the content */
}

.card:hover .card-content h4 {
  color: #fff; /* Change text color to white when hovered */
}

.card:hover .card-content p {
  color: #fff; /* Change text color to white when hovered */
}

.card:hover::before {
  transform: scaleY(1); /* Expand the color fill to 100% height from bottom to top */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3eaf646 */.card-content {
  padding: 20px;
  position: relative;
  color: #fff; /* Text color changes to white to be readable */
  z-index: 1; /* Make sure content is on top of the background color */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d6d7c75 */.card-content {
  padding: 20px;
  position: relative;
  color: #fff; /* Text color changes to white to be readable */
  z-index: 1; /* Make sure content is on top of the background color */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3cb063b */.card-content {
  padding: 20px;
  position: relative;
  color: #fff; /* Text color changes to white to be readable */
  z-index: 1; /* Make sure content is on top of the background color */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-314539b */.card-content {
  padding: 20px;
  position: relative;
  color: #fff; /* Text color changes to white to be readable */
  z-index: 1; /* Make sure content is on top of the background color */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d33efd1 */.card-content {
  padding: 20px;
  position: relative;
  color: #fff; /* Text color changes to white to be readable */
  z-index: 1; /* Make sure content is on top of the background color */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-65b0ccd */.card-content {
  padding: 20px;
  position: relative;
  color: #fff; /* Text color changes to white to be readable */
  z-index: 1; /* Make sure content is on top of the background color */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0d114b4 */.card {
  position: relative;
  border: 2px solid;
  border:red;
  border-radius: 0px 120px 0px 120px;
}

.card::before {
  content: "";
  position: absolute;
  border: 0px solid transparent;
  border-radius: 0px 120px 0px 120px;
  top: 0;
  left: 0;
 
  background: linear-gradient(90deg, rgba(205, 62, 41) 0%, rgba(242, 143, 28));


 /* Color to fill the card */
  transition: transform 0.5s ease; /* Transition for the filling effect */
  transform: scaleY(0); /* Start with zero height */
  transform-origin: bottom; /* Start the color fill from the bottom */
  z-index: -1; /* Ensure it is behind the content */
}

.card:hover .card-content h4 {
  color: #fff; /* Change text color to white when hovered */
}

.card:hover .card-content p {
  color: #fff; /* Change text color to white when hovered */
}

.card:hover::before {
  transform: scaleY(1); /* Expand the color fill to 100% height from bottom to top */
}



@media screen and (max-width: 768px) {
    .card {
  position: relative;
  border: 2px solid;
  border:red;
  border-radius: 0px 60px 0px 60px;
}

.card::before {
  content: "";
  position: absolute;
  border: 0px solid transparent;
  border-radius: 0px 60px 0px 60px;
    
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-eb16b74 */.card-content {
  padding: 20px;
  position: relative;
  color: #fff; /* Text color changes to white to be readable */
  z-index: 1; /* Make sure content is on top of the background color */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d151b47 */.card {
  position: relative;
  border: 2px solid;
  border:red;
  border-radius: 0px 120px 0px 120px;
}

.card::before {
  content: "";
  position: absolute;
  border: 0px solid transparent;
  border-radius: 0px 120px 0px 120px;
  top: 0;
  left: 0;
 
  background: linear-gradient(90deg, rgba(205, 62, 41) 0%, rgba(242, 143, 28));


 /* Color to fill the card */
  transition: transform 0.5s ease; /* Transition for the filling effect */
  transform: scaleY(0); /* Start with zero height */
  transform-origin: bottom; /* Start the color fill from the bottom */
  z-index: -1; /* Ensure it is behind the content */
}

.card:hover .card-content h4 {
  color: #fff; /* Change text color to white when hovered */
}

.card:hover .card-content p {
  color: #fff; /* Change text color to white when hovered */
}

.card:hover::before {
  transform: scaleY(1); /* Expand the color fill to 100% height from bottom to top */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3eaf646 */.card-content {
  padding: 20px;
  position: relative;
  color: #fff; /* Text color changes to white to be readable */
  z-index: 1; /* Make sure content is on top of the background color */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d6d7c75 */.card-content {
  padding: 20px;
  position: relative;
  color: #fff; /* Text color changes to white to be readable */
  z-index: 1; /* Make sure content is on top of the background color */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3cb063b */.card-content {
  padding: 20px;
  position: relative;
  color: #fff; /* Text color changes to white to be readable */
  z-index: 1; /* Make sure content is on top of the background color */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-314539b */.card-content {
  padding: 20px;
  position: relative;
  color: #fff; /* Text color changes to white to be readable */
  z-index: 1; /* Make sure content is on top of the background color */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d33efd1 */.card-content {
  padding: 20px;
  position: relative;
  color: #fff; /* Text color changes to white to be readable */
  z-index: 1; /* Make sure content is on top of the background color */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-65b0ccd */.card-content {
  padding: 20px;
  position: relative;
  color: #fff; /* Text color changes to white to be readable */
  z-index: 1; /* Make sure content is on top of the background color */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0d114b4 */.card {
  position: relative;
  border: 2px solid;
  border:red;
  border-radius: 0px 120px 0px 120px;
}

.card::before {
  content: "";
  position: absolute;
  border: 0px solid transparent;
  border-radius: 0px 120px 0px 120px;
  top: 0;
  left: 0;
 
  background: linear-gradient(90deg, rgba(205, 62, 41) 0%, rgba(242, 143, 28));


 /* Color to fill the card */
  transition: transform 0.5s ease; /* Transition for the filling effect */
  transform: scaleY(0); /* Start with zero height */
  transform-origin: bottom; /* Start the color fill from the bottom */
  z-index: -1; /* Ensure it is behind the content */
}

.card:hover .card-content h4 {
  color: #fff; /* Change text color to white when hovered */
}

.card:hover .card-content p {
  color: #fff; /* Change text color to white when hovered */
}

.card:hover::before {
  transform: scaleY(1); /* Expand the color fill to 100% height from bottom to top */
}



@media screen and (max-width: 768px) {
    .card {
  position: relative;
  border: 2px solid;
  border:red;
  border-radius: 0px 60px 0px 60px;
}

.card::before {
  content: "";
  position: absolute;
  border: 0px solid transparent;
  border-radius: 0px 60px 0px 60px;
    
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-eb16b74 */.card-content {
  padding: 20px;
  position: relative;
  color: #fff; /* Text color changes to white to be readable */
  z-index: 1; /* Make sure content is on top of the background color */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d151b47 */.card {
  position: relative;
  border: 2px solid;
  border:red;
  border-radius: 0px 120px 0px 120px;
}

.card::before {
  content: "";
  position: absolute;
  border: 0px solid transparent;
  border-radius: 0px 120px 0px 120px;
  top: 0;
  left: 0;
 
  background: linear-gradient(90deg, rgba(205, 62, 41) 0%, rgba(242, 143, 28));


 /* Color to fill the card */
  transition: transform 0.5s ease; /* Transition for the filling effect */
  transform: scaleY(0); /* Start with zero height */
  transform-origin: bottom; /* Start the color fill from the bottom */
  z-index: -1; /* Ensure it is behind the content */
}

.card:hover .card-content h4 {
  color: #fff; /* Change text color to white when hovered */
}

.card:hover .card-content p {
  color: #fff; /* Change text color to white when hovered */
}

.card:hover::before {
  transform: scaleY(1); /* Expand the color fill to 100% height from bottom to top */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3eaf646 */.card-content {
  padding: 20px;
  position: relative;
  color: #fff; /* Text color changes to white to be readable */
  z-index: 1; /* Make sure content is on top of the background color */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d6d7c75 */.card-content {
  padding: 20px;
  position: relative;
  color: #fff; /* Text color changes to white to be readable */
  z-index: 1; /* Make sure content is on top of the background color */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3cb063b */.card-content {
  padding: 20px;
  position: relative;
  color: #fff; /* Text color changes to white to be readable */
  z-index: 1; /* Make sure content is on top of the background color */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-314539b */.card-content {
  padding: 20px;
  position: relative;
  color: #fff; /* Text color changes to white to be readable */
  z-index: 1; /* Make sure content is on top of the background color */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d33efd1 */.card-content {
  padding: 20px;
  position: relative;
  color: #fff; /* Text color changes to white to be readable */
  z-index: 1; /* Make sure content is on top of the background color */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-65b0ccd */.card-content {
  padding: 20px;
  position: relative;
  color: #fff; /* Text color changes to white to be readable */
  z-index: 1; /* Make sure content is on top of the background color */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0d114b4 */.card {
  position: relative;
  border: 2px solid;
  border:red;
  border-radius: 0px 120px 0px 120px;
}

.card::before {
  content: "";
  position: absolute;
  border: 0px solid transparent;
  border-radius: 0px 120px 0px 120px;
  top: 0;
  left: 0;
 
  background: linear-gradient(90deg, rgba(205, 62, 41) 0%, rgba(242, 143, 28));


 /* Color to fill the card */
  transition: transform 0.5s ease; /* Transition for the filling effect */
  transform: scaleY(0); /* Start with zero height */
  transform-origin: bottom; /* Start the color fill from the bottom */
  z-index: -1; /* Ensure it is behind the content */
}

.card:hover .card-content h4 {
  color: #fff; /* Change text color to white when hovered */
}

.card:hover .card-content p {
  color: #fff; /* Change text color to white when hovered */
}

.card:hover::before {
  transform: scaleY(1); /* Expand the color fill to 100% height from bottom to top */
}



@media screen and (max-width: 768px) {
    .card {
  position: relative;
  border: 2px solid;
  border:red;
  border-radius: 0px 60px 0px 60px;
}

.card::before {
  content: "";
  position: absolute;
  border: 0px solid transparent;
  border-radius: 0px 60px 0px 60px;
    
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-eb16b74 */.card-content {
  padding: 20px;
  position: relative;
  color: #fff; /* Text color changes to white to be readable */
  z-index: 1; /* Make sure content is on top of the background color */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d151b47 */.card {
  position: relative;
  border: 2px solid;
  border:red;
  border-radius: 0px 120px 0px 120px;
}

.card::before {
  content: "";
  position: absolute;
  border: 0px solid transparent;
  border-radius: 0px 120px 0px 120px;
  top: 0;
  left: 0;
 
  background: linear-gradient(90deg, rgba(205, 62, 41) 0%, rgba(242, 143, 28));


 /* Color to fill the card */
  transition: transform 0.5s ease; /* Transition for the filling effect */
  transform: scaleY(0); /* Start with zero height */
  transform-origin: bottom; /* Start the color fill from the bottom */
  z-index: -1; /* Ensure it is behind the content */
}

.card:hover .card-content h4 {
  color: #fff; /* Change text color to white when hovered */
}

.card:hover .card-content p {
  color: #fff; /* Change text color to white when hovered */
}

.card:hover::before {
  transform: scaleY(1); /* Expand the color fill to 100% height from bottom to top */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3eaf646 */.card-content {
  padding: 20px;
  position: relative;
  color: #fff; /* Text color changes to white to be readable */
  z-index: 1; /* Make sure content is on top of the background color */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d6d7c75 */.card-content {
  padding: 20px;
  position: relative;
  color: #fff; /* Text color changes to white to be readable */
  z-index: 1; /* Make sure content is on top of the background color */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3cb063b */.card-content {
  padding: 20px;
  position: relative;
  color: #fff; /* Text color changes to white to be readable */
  z-index: 1; /* Make sure content is on top of the background color */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-314539b */.card-content {
  padding: 20px;
  position: relative;
  color: #fff; /* Text color changes to white to be readable */
  z-index: 1; /* Make sure content is on top of the background color */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d33efd1 */.card-content {
  padding: 20px;
  position: relative;
  color: #fff; /* Text color changes to white to be readable */
  z-index: 1; /* Make sure content is on top of the background color */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-65b0ccd */.card-content {
  padding: 20px;
  position: relative;
  color: #fff; /* Text color changes to white to be readable */
  z-index: 1; /* Make sure content is on top of the background color */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0d114b4 */.card {
  position: relative;
  border: 2px solid;
  border:red;
  border-radius: 0px 120px 0px 120px;
}

.card::before {
  content: "";
  position: absolute;
  border: 0px solid transparent;
  border-radius: 0px 120px 0px 120px;
  top: 0;
  left: 0;
 
  background: linear-gradient(90deg, rgba(205, 62, 41) 0%, rgba(242, 143, 28));


 /* Color to fill the card */
  transition: transform 0.5s ease; /* Transition for the filling effect */
  transform: scaleY(0); /* Start with zero height */
  transform-origin: bottom; /* Start the color fill from the bottom */
  z-index: -1; /* Ensure it is behind the content */
}

.card:hover .card-content h4 {
  color: #fff; /* Change text color to white when hovered */
}

.card:hover .card-content p {
  color: #fff; /* Change text color to white when hovered */
}

.card:hover::before {
  transform: scaleY(1); /* Expand the color fill to 100% height from bottom to top */
}



@media screen and (max-width: 768px) {
    .card {
  position: relative;
  border: 2px solid;
  border:red;
  border-radius: 0px 60px 0px 60px;
}

.card::before {
  content: "";
  position: absolute;
  border: 0px solid transparent;
  border-radius: 0px 60px 0px 60px;
    
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-eb16b74 */.card-content {
  padding: 20px;
  position: relative;
  color: #fff; /* Text color changes to white to be readable */
  z-index: 1; /* Make sure content is on top of the background color */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d151b47 */.card {
  position: relative;
  border: 2px solid;
  border:red;
  border-radius: 0px 120px 0px 120px;
}

.card::before {
  content: "";
  position: absolute;
  border: 0px solid transparent;
  border-radius: 0px 120px 0px 120px;
  top: 0;
  left: 0;
 
  background: linear-gradient(90deg, rgba(205, 62, 41) 0%, rgba(242, 143, 28));


 /* Color to fill the card */
  transition: transform 0.5s ease; /* Transition for the filling effect */
  transform: scaleY(0); /* Start with zero height */
  transform-origin: bottom; /* Start the color fill from the bottom */
  z-index: -1; /* Ensure it is behind the content */
}

.card:hover .card-content h4 {
  color: #fff; /* Change text color to white when hovered */
}

.card:hover .card-content p {
  color: #fff; /* Change text color to white when hovered */
}

.card:hover::before {
  transform: scaleY(1); /* Expand the color fill to 100% height from bottom to top */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3eaf646 */.card-content {
  padding: 20px;
  position: relative;
  color: #fff; /* Text color changes to white to be readable */
  z-index: 1; /* Make sure content is on top of the background color */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d6d7c75 */.card-content {
  padding: 20px;
  position: relative;
  color: #fff; /* Text color changes to white to be readable */
  z-index: 1; /* Make sure content is on top of the background color */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3cb063b */.card-content {
  padding: 20px;
  position: relative;
  color: #fff; /* Text color changes to white to be readable */
  z-index: 1; /* Make sure content is on top of the background color */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-314539b */.card-content {
  padding: 20px;
  position: relative;
  color: #fff; /* Text color changes to white to be readable */
  z-index: 1; /* Make sure content is on top of the background color */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d33efd1 */.card-content {
  padding: 20px;
  position: relative;
  color: #fff; /* Text color changes to white to be readable */
  z-index: 1; /* Make sure content is on top of the background color */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-65b0ccd */.card-content {
  padding: 20px;
  position: relative;
  color: #fff; /* Text color changes to white to be readable */
  z-index: 1; /* Make sure content is on top of the background color */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0d114b4 */.card {
  position: relative;
  border: 2px solid;
  border:red;
  border-radius: 0px 120px 0px 120px;
}

.card::before {
  content: "";
  position: absolute;
  border: 0px solid transparent;
  border-radius: 0px 120px 0px 120px;
  top: 0;
  left: 0;
 
  background: linear-gradient(90deg, rgba(205, 62, 41) 0%, rgba(242, 143, 28));


 /* Color to fill the card */
  transition: transform 0.5s ease; /* Transition for the filling effect */
  transform: scaleY(0); /* Start with zero height */
  transform-origin: bottom; /* Start the color fill from the bottom */
  z-index: -1; /* Ensure it is behind the content */
}

.card:hover .card-content h4 {
  color: #fff; /* Change text color to white when hovered */
}

.card:hover .card-content p {
  color: #fff; /* Change text color to white when hovered */
}

.card:hover::before {
  transform: scaleY(1); /* Expand the color fill to 100% height from bottom to top */
}



@media screen and (max-width: 768px) {
    .card {
  position: relative;
  border: 2px solid;
  border:red;
  border-radius: 0px 60px 0px 60px;
}

.card::before {
  content: "";
  position: absolute;
  border: 0px solid transparent;
  border-radius: 0px 60px 0px 60px;
    
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-eb16b74 */.card-content {
  padding: 20px;
  position: relative;
  color: #fff; /* Text color changes to white to be readable */
  z-index: 1; /* Make sure content is on top of the background color */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d151b47 */.card {
  position: relative;
  border: 2px solid;
  border:red;
  border-radius: 0px 120px 0px 120px;
}

.card::before {
  content: "";
  position: absolute;
  border: 0px solid transparent;
  border-radius: 0px 120px 0px 120px;
  top: 0;
  left: 0;
 
  background: linear-gradient(90deg, rgba(205, 62, 41) 0%, rgba(242, 143, 28));


 /* Color to fill the card */
  transition: transform 0.5s ease; /* Transition for the filling effect */
  transform: scaleY(0); /* Start with zero height */
  transform-origin: bottom; /* Start the color fill from the bottom */
  z-index: -1; /* Ensure it is behind the content */
}

.card:hover .card-content h4 {
  color: #fff; /* Change text color to white when hovered */
}

.card:hover .card-content p {
  color: #fff; /* Change text color to white when hovered */
}

.card:hover::before {
  transform: scaleY(1); /* Expand the color fill to 100% height from bottom to top */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3eaf646 */.card-content {
  padding: 20px;
  position: relative;
  color: #fff; /* Text color changes to white to be readable */
  z-index: 1; /* Make sure content is on top of the background color */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d6d7c75 */.card-content {
  padding: 20px;
  position: relative;
  color: #fff; /* Text color changes to white to be readable */
  z-index: 1; /* Make sure content is on top of the background color */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3cb063b */.card-content {
  padding: 20px;
  position: relative;
  color: #fff; /* Text color changes to white to be readable */
  z-index: 1; /* Make sure content is on top of the background color */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-314539b */.card-content {
  padding: 20px;
  position: relative;
  color: #fff; /* Text color changes to white to be readable */
  z-index: 1; /* Make sure content is on top of the background color */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d33efd1 */.card-content {
  padding: 20px;
  position: relative;
  color: #fff; /* Text color changes to white to be readable */
  z-index: 1; /* Make sure content is on top of the background color */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-65b0ccd */.card-content {
  padding: 20px;
  position: relative;
  color: #fff; /* Text color changes to white to be readable */
  z-index: 1; /* Make sure content is on top of the background color */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0d114b4 */.card {
  position: relative;
  border: 2px solid;
  border:red;
  border-radius: 0px 120px 0px 120px;
}

.card::before {
  content: "";
  position: absolute;
  border: 0px solid transparent;
  border-radius: 0px 120px 0px 120px;
  top: 0;
  left: 0;
 
  background: linear-gradient(90deg, rgba(205, 62, 41) 0%, rgba(242, 143, 28));


 /* Color to fill the card */
  transition: transform 0.5s ease; /* Transition for the filling effect */
  transform: scaleY(0); /* Start with zero height */
  transform-origin: bottom; /* Start the color fill from the bottom */
  z-index: -1; /* Ensure it is behind the content */
}

.card:hover .card-content h4 {
  color: #fff; /* Change text color to white when hovered */
}

.card:hover .card-content p {
  color: #fff; /* Change text color to white when hovered */
}

.card:hover::before {
  transform: scaleY(1); /* Expand the color fill to 100% height from bottom to top */
}



@media screen and (max-width: 768px) {
    .card {
  position: relative;
  border: 2px solid;
  border:red;
  border-radius: 0px 60px 0px 60px;
}

.card::before {
  content: "";
  position: absolute;
  border: 0px solid transparent;
  border-radius: 0px 60px 0px 60px;
    
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-eb16b74 */.card-content {
  padding: 20px;
  position: relative;
  color: #fff; /* Text color changes to white to be readable */
  z-index: 1; /* Make sure content is on top of the background color */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d151b47 */.card {
  position: relative;
  border: 2px solid;
  border:red;
  border-radius: 0px 120px 0px 120px;
}

.card::before {
  content: "";
  position: absolute;
  border: 0px solid transparent;
  border-radius: 0px 120px 0px 120px;
  top: 0;
  left: 0;
 
  background: linear-gradient(90deg, rgba(205, 62, 41) 0%, rgba(242, 143, 28));


 /* Color to fill the card */
  transition: transform 0.5s ease; /* Transition for the filling effect */
  transform: scaleY(0); /* Start with zero height */
  transform-origin: bottom; /* Start the color fill from the bottom */
  z-index: -1; /* Ensure it is behind the content */
}

.card:hover .card-content h4 {
  color: #fff; /* Change text color to white when hovered */
}

.card:hover .card-content p {
  color: #fff; /* Change text color to white when hovered */
}

.card:hover::before {
  transform: scaleY(1); /* Expand the color fill to 100% height from bottom to top */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3eaf646 */.card-content {
  padding: 20px;
  position: relative;
  color: #fff; /* Text color changes to white to be readable */
  z-index: 1; /* Make sure content is on top of the background color */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d6d7c75 */.card-content {
  padding: 20px;
  position: relative;
  color: #fff; /* Text color changes to white to be readable */
  z-index: 1; /* Make sure content is on top of the background color */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3cb063b */.card-content {
  padding: 20px;
  position: relative;
  color: #fff; /* Text color changes to white to be readable */
  z-index: 1; /* Make sure content is on top of the background color */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-314539b */.card-content {
  padding: 20px;
  position: relative;
  color: #fff; /* Text color changes to white to be readable */
  z-index: 1; /* Make sure content is on top of the background color */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d33efd1 */.card-content {
  padding: 20px;
  position: relative;
  color: #fff; /* Text color changes to white to be readable */
  z-index: 1; /* Make sure content is on top of the background color */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-65b0ccd */.card-content {
  padding: 20px;
  position: relative;
  color: #fff; /* Text color changes to white to be readable */
  z-index: 1; /* Make sure content is on top of the background color */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0d114b4 */.card {
  position: relative;
  border: 2px solid;
  border:red;
  border-radius: 0px 120px 0px 120px;
}

.card::before {
  content: "";
  position: absolute;
  border: 0px solid transparent;
  border-radius: 0px 120px 0px 120px;
  top: 0;
  left: 0;
 
  background: linear-gradient(90deg, rgba(205, 62, 41) 0%, rgba(242, 143, 28));


 /* Color to fill the card */
  transition: transform 0.5s ease; /* Transition for the filling effect */
  transform: scaleY(0); /* Start with zero height */
  transform-origin: bottom; /* Start the color fill from the bottom */
  z-index: -1; /* Ensure it is behind the content */
}

.card:hover .card-content h4 {
  color: #fff; /* Change text color to white when hovered */
}

.card:hover .card-content p {
  color: #fff; /* Change text color to white when hovered */
}

.card:hover::before {
  transform: scaleY(1); /* Expand the color fill to 100% height from bottom to top */
}



@media screen and (max-width: 768px) {
    .card {
  position: relative;
  border: 2px solid;
  border:red;
  border-radius: 0px 60px 0px 60px;
}

.card::before {
  content: "";
  position: absolute;
  border: 0px solid transparent;
  border-radius: 0px 60px 0px 60px;
    
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-eb16b74 */.card-content {
  padding: 20px;
  position: relative;
  color: #fff; /* Text color changes to white to be readable */
  z-index: 1; /* Make sure content is on top of the background color */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d151b47 */.card {
  position: relative;
  border: 2px solid;
  border:red;
  border-radius: 0px 120px 0px 120px;
}

.card::before {
  content: "";
  position: absolute;
  border: 0px solid transparent;
  border-radius: 0px 120px 0px 120px;
  top: 0;
  left: 0;
 
  background: linear-gradient(90deg, rgba(205, 62, 41) 0%, rgba(242, 143, 28));


 /* Color to fill the card */
  transition: transform 0.5s ease; /* Transition for the filling effect */
  transform: scaleY(0); /* Start with zero height */
  transform-origin: bottom; /* Start the color fill from the bottom */
  z-index: -1; /* Ensure it is behind the content */
}

.card:hover .card-content h4 {
  color: #fff; /* Change text color to white when hovered */
}

.card:hover .card-content p {
  color: #fff; /* Change text color to white when hovered */
}

.card:hover::before {
  transform: scaleY(1); /* Expand the color fill to 100% height from bottom to top */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3eaf646 */.card-content {
  padding: 20px;
  position: relative;
  color: #fff; /* Text color changes to white to be readable */
  z-index: 1; /* Make sure content is on top of the background color */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d6d7c75 */.card-content {
  padding: 20px;
  position: relative;
  color: #fff; /* Text color changes to white to be readable */
  z-index: 1; /* Make sure content is on top of the background color */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3cb063b */.card-content {
  padding: 20px;
  position: relative;
  color: #fff; /* Text color changes to white to be readable */
  z-index: 1; /* Make sure content is on top of the background color */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-314539b */.card-content {
  padding: 20px;
  position: relative;
  color: #fff; /* Text color changes to white to be readable */
  z-index: 1; /* Make sure content is on top of the background color */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d33efd1 */.card-content {
  padding: 20px;
  position: relative;
  color: #fff; /* Text color changes to white to be readable */
  z-index: 1; /* Make sure content is on top of the background color */
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-c978705 */.elementor-127 .elementor-element.elementor-element-c978705 .swiper-wrapper{
  -webkit-transition-timing-function: linear !important;
  transition-timing-function: linear !important; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2af087e */.card-content {
  padding: 20px;
  position: relative;
  color: #fff; /* Text color changes to white to be readable */
  z-index: 1; /* Make sure content is on top of the background color */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6f1168f */.card {
  position: relative;
  border: 2px solid;
  border:red;
  border-radius: 0px 120px 0px 120px;
}

.card::before {
  content: "";
  position: absolute;
  border: 0px solid transparent;
  border-radius: 0px 120px 0px 120px;
  top: 0;
  left: 0;
 
  background: linear-gradient(90deg, rgba(205, 62, 41) 0%, rgba(242, 143, 28));


 /* Color to fill the card */
  transition: transform 0.5s ease; /* Transition for the filling effect */
  transform: scaleY(0); /* Start with zero height */
  transform-origin: bottom; /* Start the color fill from the bottom */
  z-index: -1; /* Ensure it is behind the content */
}

.card:hover .card-content h4 {
  color: #fff; /* Change text color to white when hovered */
}

.card:hover .card-content p {
  color: #fff; /* Change text color to white when hovered */
}

.card:hover::before {
  transform: scaleY(1); /* Expand the color fill to 100% height from bottom to top */
}



@media screen and (max-width: 768px) {
    .card {
  position: relative;
  border: 2px solid;
  border:red;
  border-radius: 0px 60px 0px 60px;
}

.card::before {
  content: "";
  position: absolute;
  border: 0px solid transparent;
  border-radius: 0px 60px 0px 60px;
    
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a4d12c1 */.card-content {
  padding: 20px;
  position: relative;
  color: #fff; /* Text color changes to white to be readable */
  z-index: 1; /* Make sure content is on top of the background color */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3a8aa8c */.card {
  position: relative;
  border-radius: 0; / Remove any border-radius /
}

.card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, rgba(205, 62, 41) 0%, rgba(242, 143, 28));


 / Color to fill the card /
  transition: transform 0.5s ease; / Transition for the filling effect /
  transform: scaleY(0); / Start with zero height /
  transform-origin: bottom; / Start the color fill from the bottom /
  z-index: -1; / Ensure it is behind the content /
}

.card:hover .card-content h4 {
  color: #fff; / Change text color to white when hovered /
}

.card:hover .card-content p {
  color: #fff; / Change text color to white when hovered /
}

.card:hover::before {
  transform: scaleY(1); / Expand the color fill to 100% height from bottom to top /
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-936f3bc */.card {
  position: relative;
  border: 2px solid;
  border:red;
  border-radius: 0px 120px 0px 120px;
}

.card::before {
  content: "";
  position: absolute;
  border: 0px solid transparent;
  border-radius: 0px 120px 0px 120px;
  top: 0;
  left: 0;
 
  background: linear-gradient(90deg, rgba(205, 62, 41) 0%, rgba(242, 143, 28));


 /* Color to fill the card */
  transition: transform 0.5s ease; /* Transition for the filling effect */
  transform: scaleY(0); /* Start with zero height */
  transform-origin: bottom; /* Start the color fill from the bottom */
  z-index: -1; /* Ensure it is behind the content */
}

.card:hover .card-content h4 {
  color: #fff; /* Change text color to white when hovered */
}

.card:hover .card-content p {
  color: #fff; /* Change text color to white when hovered */
}

.card:hover::before {
  transform: scaleY(1); /* Expand the color fill to 100% height from bottom to top */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c137abb */.card-content {
  padding: 20px;
  position: relative;
  color: #fff; /* Text color changes to white to be readable */
  z-index: 1; /* Make sure content is on top of the background color */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2af087e */.card-content {
  padding: 20px;
  position: relative;
  color: #fff; /* Text color changes to white to be readable */
  z-index: 1; /* Make sure content is on top of the background color */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6f1168f */.card {
  position: relative;
  border: 2px solid;
  border:red;
  border-radius: 0px 120px 0px 120px;
}

.card::before {
  content: "";
  position: absolute;
  border: 0px solid transparent;
  border-radius: 0px 120px 0px 120px;
  top: 0;
  left: 0;
 
  background: linear-gradient(90deg, rgba(205, 62, 41) 0%, rgba(242, 143, 28));


 /* Color to fill the card */
  transition: transform 0.5s ease; /* Transition for the filling effect */
  transform: scaleY(0); /* Start with zero height */
  transform-origin: bottom; /* Start the color fill from the bottom */
  z-index: -1; /* Ensure it is behind the content */
}

.card:hover .card-content h4 {
  color: #fff; /* Change text color to white when hovered */
}

.card:hover .card-content p {
  color: #fff; /* Change text color to white when hovered */
}

.card:hover::before {
  transform: scaleY(1); /* Expand the color fill to 100% height from bottom to top */
}



@media screen and (max-width: 768px) {
    .card {
  position: relative;
  border: 2px solid;
  border:red;
  border-radius: 0px 60px 0px 60px;
}

.card::before {
  content: "";
  position: absolute;
  border: 0px solid transparent;
  border-radius: 0px 60px 0px 60px;
    
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a4d12c1 */.card-content {
  padding: 20px;
  position: relative;
  color: #fff; /* Text color changes to white to be readable */
  z-index: 1; /* Make sure content is on top of the background color */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3a8aa8c */.card {
  position: relative;
  border-radius: 0; / Remove any border-radius /
}

.card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, rgba(205, 62, 41) 0%, rgba(242, 143, 28));


 / Color to fill the card /
  transition: transform 0.5s ease; / Transition for the filling effect /
  transform: scaleY(0); / Start with zero height /
  transform-origin: bottom; / Start the color fill from the bottom /
  z-index: -1; / Ensure it is behind the content /
}

.card:hover .card-content h4 {
  color: #fff; / Change text color to white when hovered /
}

.card:hover .card-content p {
  color: #fff; / Change text color to white when hovered /
}

.card:hover::before {
  transform: scaleY(1); / Expand the color fill to 100% height from bottom to top /
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-936f3bc */.card {
  position: relative;
  border: 2px solid;
  border:red;
  border-radius: 0px 120px 0px 120px;
}

.card::before {
  content: "";
  position: absolute;
  border: 0px solid transparent;
  border-radius: 0px 120px 0px 120px;
  top: 0;
  left: 0;
 
  background: linear-gradient(90deg, rgba(205, 62, 41) 0%, rgba(242, 143, 28));


 /* Color to fill the card */
  transition: transform 0.5s ease; /* Transition for the filling effect */
  transform: scaleY(0); /* Start with zero height */
  transform-origin: bottom; /* Start the color fill from the bottom */
  z-index: -1; /* Ensure it is behind the content */
}

.card:hover .card-content h4 {
  color: #fff; /* Change text color to white when hovered */
}

.card:hover .card-content p {
  color: #fff; /* Change text color to white when hovered */
}

.card:hover::before {
  transform: scaleY(1); /* Expand the color fill to 100% height from bottom to top */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c137abb */.card-content {
  padding: 20px;
  position: relative;
  color: #fff; /* Text color changes to white to be readable */
  z-index: 1; /* Make sure content is on top of the background color */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2af087e */.card-content {
  padding: 20px;
  position: relative;
  color: #fff; /* Text color changes to white to be readable */
  z-index: 1; /* Make sure content is on top of the background color */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6f1168f */.card {
  position: relative;
  border: 2px solid;
  border:red;
  border-radius: 0px 120px 0px 120px;
}

.card::before {
  content: "";
  position: absolute;
  border: 0px solid transparent;
  border-radius: 0px 120px 0px 120px;
  top: 0;
  left: 0;
 
  background: linear-gradient(90deg, rgba(205, 62, 41) 0%, rgba(242, 143, 28));


 /* Color to fill the card */
  transition: transform 0.5s ease; /* Transition for the filling effect */
  transform: scaleY(0); /* Start with zero height */
  transform-origin: bottom; /* Start the color fill from the bottom */
  z-index: -1; /* Ensure it is behind the content */
}

.card:hover .card-content h4 {
  color: #fff; /* Change text color to white when hovered */
}

.card:hover .card-content p {
  color: #fff; /* Change text color to white when hovered */
}

.card:hover::before {
  transform: scaleY(1); /* Expand the color fill to 100% height from bottom to top */
}



@media screen and (max-width: 768px) {
    .card {
  position: relative;
  border: 2px solid;
  border:red;
  border-radius: 0px 60px 0px 60px;
}

.card::before {
  content: "";
  position: absolute;
  border: 0px solid transparent;
  border-radius: 0px 60px 0px 60px;
    
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a4d12c1 */.card-content {
  padding: 20px;
  position: relative;
  color: #fff; /* Text color changes to white to be readable */
  z-index: 1; /* Make sure content is on top of the background color */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3a8aa8c */.card {
  position: relative;
  border-radius: 0; / Remove any border-radius /
}

.card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, rgba(205, 62, 41) 0%, rgba(242, 143, 28));


 / Color to fill the card /
  transition: transform 0.5s ease; / Transition for the filling effect /
  transform: scaleY(0); / Start with zero height /
  transform-origin: bottom; / Start the color fill from the bottom /
  z-index: -1; / Ensure it is behind the content /
}

.card:hover .card-content h4 {
  color: #fff; / Change text color to white when hovered /
}

.card:hover .card-content p {
  color: #fff; / Change text color to white when hovered /
}

.card:hover::before {
  transform: scaleY(1); / Expand the color fill to 100% height from bottom to top /
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-936f3bc */.card {
  position: relative;
  border: 2px solid;
  border:red;
  border-radius: 0px 120px 0px 120px;
}

.card::before {
  content: "";
  position: absolute;
  border: 0px solid transparent;
  border-radius: 0px 120px 0px 120px;
  top: 0;
  left: 0;
 
  background: linear-gradient(90deg, rgba(205, 62, 41) 0%, rgba(242, 143, 28));


 /* Color to fill the card */
  transition: transform 0.5s ease; /* Transition for the filling effect */
  transform: scaleY(0); /* Start with zero height */
  transform-origin: bottom; /* Start the color fill from the bottom */
  z-index: -1; /* Ensure it is behind the content */
}

.card:hover .card-content h4 {
  color: #fff; /* Change text color to white when hovered */
}

.card:hover .card-content p {
  color: #fff; /* Change text color to white when hovered */
}

.card:hover::before {
  transform: scaleY(1); /* Expand the color fill to 100% height from bottom to top */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c137abb */.card-content {
  padding: 20px;
  position: relative;
  color: #fff; /* Text color changes to white to be readable */
  z-index: 1; /* Make sure content is on top of the background color */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2af087e */.card-content {
  padding: 20px;
  position: relative;
  color: #fff; /* Text color changes to white to be readable */
  z-index: 1; /* Make sure content is on top of the background color */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6f1168f */.card {
  position: relative;
  border: 2px solid;
  border:red;
  border-radius: 0px 120px 0px 120px;
}

.card::before {
  content: "";
  position: absolute;
  border: 0px solid transparent;
  border-radius: 0px 120px 0px 120px;
  top: 0;
  left: 0;
 
  background: linear-gradient(90deg, rgba(205, 62, 41) 0%, rgba(242, 143, 28));


 /* Color to fill the card */
  transition: transform 0.5s ease; /* Transition for the filling effect */
  transform: scaleY(0); /* Start with zero height */
  transform-origin: bottom; /* Start the color fill from the bottom */
  z-index: -1; /* Ensure it is behind the content */
}

.card:hover .card-content h4 {
  color: #fff; /* Change text color to white when hovered */
}

.card:hover .card-content p {
  color: #fff; /* Change text color to white when hovered */
}

.card:hover::before {
  transform: scaleY(1); /* Expand the color fill to 100% height from bottom to top */
}



@media screen and (max-width: 768px) {
    .card {
  position: relative;
  border: 2px solid;
  border:red;
  border-radius: 0px 60px 0px 60px;
}

.card::before {
  content: "";
  position: absolute;
  border: 0px solid transparent;
  border-radius: 0px 60px 0px 60px;
    
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a4d12c1 */.card-content {
  padding: 20px;
  position: relative;
  color: #fff; /* Text color changes to white to be readable */
  z-index: 1; /* Make sure content is on top of the background color */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3a8aa8c */.card {
  position: relative;
  border-radius: 0; / Remove any border-radius /
}

.card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, rgba(205, 62, 41) 0%, rgba(242, 143, 28));


 / Color to fill the card /
  transition: transform 0.5s ease; / Transition for the filling effect /
  transform: scaleY(0); / Start with zero height /
  transform-origin: bottom; / Start the color fill from the bottom /
  z-index: -1; / Ensure it is behind the content /
}

.card:hover .card-content h4 {
  color: #fff; / Change text color to white when hovered /
}

.card:hover .card-content p {
  color: #fff; / Change text color to white when hovered /
}

.card:hover::before {
  transform: scaleY(1); / Expand the color fill to 100% height from bottom to top /
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-936f3bc */.card {
  position: relative;
  border: 2px solid;
  border:red;
  border-radius: 0px 120px 0px 120px;
}

.card::before {
  content: "";
  position: absolute;
  border: 0px solid transparent;
  border-radius: 0px 120px 0px 120px;
  top: 0;
  left: 0;
 
  background: linear-gradient(90deg, rgba(205, 62, 41) 0%, rgba(242, 143, 28));


 /* Color to fill the card */
  transition: transform 0.5s ease; /* Transition for the filling effect */
  transform: scaleY(0); /* Start with zero height */
  transform-origin: bottom; /* Start the color fill from the bottom */
  z-index: -1; /* Ensure it is behind the content */
}

.card:hover .card-content h4 {
  color: #fff; /* Change text color to white when hovered */
}

.card:hover .card-content p {
  color: #fff; /* Change text color to white when hovered */
}

.card:hover::before {
  transform: scaleY(1); /* Expand the color fill to 100% height from bottom to top */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c137abb */.card-content {
  padding: 20px;
  position: relative;
  color: #fff; /* Text color changes to white to be readable */
  z-index: 1; /* Make sure content is on top of the background color */
}/* End custom CSS */