.elementor-2971 .elementor-element.elementor-element-2443943{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-2971 .elementor-element.elementor-element-2443943.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-2971 .elementor-element.elementor-element-8a6ccd4{--display:flex;--min-height:0px;}.elementor-2971 .elementor-element.elementor-element-b4930dc{--display:flex;--overlay-opacity:1;}.elementor-2971 .elementor-element.elementor-element-b4930dc:not(.elementor-motion-effects-element-type-background), .elementor-2971 .elementor-element.elementor-element-b4930dc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-2971 .elementor-element.elementor-element-b4930dc::before, .elementor-2971 .elementor-element.elementor-element-b4930dc > .elementor-background-video-container::before, .elementor-2971 .elementor-element.elementor-element-b4930dc > .e-con-inner > .elementor-background-video-container::before, .elementor-2971 .elementor-element.elementor-element-b4930dc > .elementor-background-slideshow::before, .elementor-2971 .elementor-element.elementor-element-b4930dc > .e-con-inner > .elementor-background-slideshow::before, .elementor-2971 .elementor-element.elementor-element-b4930dc > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://mubaraktravels.com/wp-content/uploads/2025/11/pattern-m.svg");--background-overlay:'';background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-2971 .elementor-element.elementor-element-aa39d5f{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2971 .elementor-element.elementor-element-c6224fa{--display:flex;--min-height:88px;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:16px 16px 16px 16px;}.elementor-2971 .elementor-element.elementor-element-c6224fa:not(.elementor-motion-effects-element-type-background), .elementor-2971 .elementor-element.elementor-element-c6224fa > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://mubaraktravels.com/wp-content/uploads/2025/11/1.png");}.elementor-2971 .elementor-element.elementor-element-d8ccaf8{text-align:center;}.elementor-2971 .elementor-element.elementor-element-d8ccaf8 .elementor-heading-title{font-size:26px;letter-spacing:0.9px;word-spacing:0px;-webkit-text-stroke-width:0px;stroke-width:0px;-webkit-text-stroke-color:#000;stroke:#000;color:#FFFFFF;}.elementor-2971 .elementor-element.elementor-element-b7ab603{--spacer-size:12px;}.elementor-2971 .elementor-element.elementor-element-0e711f2{text-align:center;}.elementor-2971 .elementor-element.elementor-element-0e711f2 .elementor-heading-title{font-size:26px;letter-spacing:0.9px;word-spacing:0px;-webkit-text-stroke-width:0px;stroke-width:0px;-webkit-text-stroke-color:#000;stroke:#000;color:#FFFFFF;}.elementor-2971 .elementor-element.elementor-element-9c99c1d{--display:flex;}.elementor-2971 .elementor-element.elementor-element-d133592{color:#000000;}.elementor-2971 .elementor-element.elementor-element-11ed2fb{--spacer-size:4px;}.elementor-2971 .elementor-element.elementor-element-fcf6876 .elementor-icon-list-icon i{color:#080000;transition:color 0.3s;}.elementor-2971 .elementor-element.elementor-element-fcf6876 .elementor-icon-list-icon svg{fill:#080000;transition:fill 0.3s;}.elementor-2971 .elementor-element.elementor-element-fcf6876{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-2971 .elementor-element.elementor-element-fcf6876 .elementor-icon-list-text{color:#050000;transition:color 0.3s;}.elementor-2971 .elementor-element.elementor-element-a78f101 .elementor-button{background-color:transparent;background-image:linear-gradient(180deg, #003D5C 0%, #f2295b 100%);}.elementor-2971 .elementor-element.elementor-element-13d92d1{--display:flex;--overlay-opacity:1;}.elementor-2971 .elementor-element.elementor-element-13d92d1:not(.elementor-motion-effects-element-type-background), .elementor-2971 .elementor-element.elementor-element-13d92d1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1F2A37;}.elementor-2971 .elementor-element.elementor-element-13d92d1::before, .elementor-2971 .elementor-element.elementor-element-13d92d1 > .elementor-background-video-container::before, .elementor-2971 .elementor-element.elementor-element-13d92d1 > .e-con-inner > .elementor-background-video-container::before, .elementor-2971 .elementor-element.elementor-element-13d92d1 > .elementor-background-slideshow::before, .elementor-2971 .elementor-element.elementor-element-13d92d1 > .e-con-inner > .elementor-background-slideshow::before, .elementor-2971 .elementor-element.elementor-element-13d92d1 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#FFFFFF;background-image:url("https://mubaraktravels.com/wp-content/uploads/2025/11/pattern-m.svg");--background-overlay:'';background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-2971 .elementor-element.elementor-element-7ff94ef{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2971 .elementor-element.elementor-element-598ed26{--display:flex;--min-height:88px;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:16px 16px 16px 16px;}.elementor-2971 .elementor-element.elementor-element-598ed26:not(.elementor-motion-effects-element-type-background), .elementor-2971 .elementor-element.elementor-element-598ed26 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://mubaraktravels.com/wp-content/uploads/2025/11/blue-background.png");}.elementor-2971 .elementor-element.elementor-element-5d7684f{text-align:center;}.elementor-2971 .elementor-element.elementor-element-5d7684f .elementor-heading-title{font-size:26px;letter-spacing:0.9px;word-spacing:0px;-webkit-text-stroke-width:0px;stroke-width:0px;-webkit-text-stroke-color:#000;stroke:#000;color:#FFFFFF;}.elementor-2971 .elementor-element.elementor-element-9542b52{--spacer-size:12px;}.elementor-2971 .elementor-element.elementor-element-19d7e52{text-align:center;}.elementor-2971 .elementor-element.elementor-element-19d7e52 .elementor-heading-title{font-size:26px;letter-spacing:0.9px;word-spacing:0px;-webkit-text-stroke-width:0px;stroke-width:0px;-webkit-text-stroke-color:#000;stroke:#000;color:#FFFFFF;}.elementor-2971 .elementor-element.elementor-element-f42a1e0{--display:flex;}.elementor-2971 .elementor-element.elementor-element-1635e30{color:#000000;}.elementor-2971 .elementor-element.elementor-element-185555f .elementor-icon-list-icon i{color:#080000;transition:color 0.3s;}.elementor-2971 .elementor-element.elementor-element-185555f .elementor-icon-list-icon svg{fill:#080000;transition:fill 0.3s;}.elementor-2971 .elementor-element.elementor-element-185555f{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-2971 .elementor-element.elementor-element-185555f .elementor-icon-list-text{color:#050000;transition:color 0.3s;}.elementor-2971 .elementor-element.elementor-element-7daa0e5 .elementor-button{background-color:transparent;background-image:linear-gradient(180deg, #003D5C 0%, #f2295b 100%);}.elementor-2971 .elementor-element.elementor-element-eea8da5{--display:flex;--overlay-opacity:1;}.elementor-2971 .elementor-element.elementor-element-eea8da5:not(.elementor-motion-effects-element-type-background), .elementor-2971 .elementor-element.elementor-element-eea8da5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-2971 .elementor-element.elementor-element-eea8da5::before, .elementor-2971 .elementor-element.elementor-element-eea8da5 > .elementor-background-video-container::before, .elementor-2971 .elementor-element.elementor-element-eea8da5 > .e-con-inner > .elementor-background-video-container::before, .elementor-2971 .elementor-element.elementor-element-eea8da5 > .elementor-background-slideshow::before, .elementor-2971 .elementor-element.elementor-element-eea8da5 > .e-con-inner > .elementor-background-slideshow::before, .elementor-2971 .elementor-element.elementor-element-eea8da5 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://mubaraktravels.com/wp-content/uploads/2025/11/pattern-m.svg");--background-overlay:'';background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-2971 .elementor-element.elementor-element-ade5c01{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2971 .elementor-element.elementor-element-34d31ae{--display:flex;--min-height:88px;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:16px 16px 16px 16px;}.elementor-2971 .elementor-element.elementor-element-34d31ae:not(.elementor-motion-effects-element-type-background), .elementor-2971 .elementor-element.elementor-element-34d31ae > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://mubaraktravels.com/wp-content/uploads/2025/11/3.png");}.elementor-2971 .elementor-element.elementor-element-d3c8449{text-align:center;}.elementor-2971 .elementor-element.elementor-element-d3c8449 .elementor-heading-title{font-size:26px;letter-spacing:0.9px;word-spacing:0px;-webkit-text-stroke-width:0px;stroke-width:0px;-webkit-text-stroke-color:#000;stroke:#000;color:#FFFFFF;}.elementor-2971 .elementor-element.elementor-element-d48fa66{--spacer-size:12px;}.elementor-2971 .elementor-element.elementor-element-fd9855f{text-align:center;}.elementor-2971 .elementor-element.elementor-element-fd9855f .elementor-heading-title{font-size:26px;letter-spacing:0.9px;word-spacing:0px;-webkit-text-stroke-width:0px;stroke-width:0px;-webkit-text-stroke-color:#000;stroke:#000;color:#FFFFFF;}.elementor-2971 .elementor-element.elementor-element-bfa89b2{--display:flex;}.elementor-2971 .elementor-element.elementor-element-a1a3cfc{color:#000000;}.elementor-2971 .elementor-element.elementor-element-8bd37ca{--spacer-size:4px;}.elementor-2971 .elementor-element.elementor-element-e3814ff .elementor-icon-list-icon i{color:#080000;transition:color 0.3s;}.elementor-2971 .elementor-element.elementor-element-e3814ff .elementor-icon-list-icon svg{fill:#080000;transition:fill 0.3s;}.elementor-2971 .elementor-element.elementor-element-e3814ff{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-2971 .elementor-element.elementor-element-e3814ff .elementor-icon-list-text{color:#050000;transition:color 0.3s;}.elementor-2971 .elementor-element.elementor-element-af31fb8 .elementor-button{background-color:transparent;background-image:linear-gradient(180deg, #003D5C 0%, #f2295b 100%);}.elementor-2971 .elementor-element.elementor-element-69bb51c{--display:flex;--overlay-opacity:1;}.elementor-2971 .elementor-element.elementor-element-69bb51c:not(.elementor-motion-effects-element-type-background), .elementor-2971 .elementor-element.elementor-element-69bb51c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-2971 .elementor-element.elementor-element-69bb51c::before, .elementor-2971 .elementor-element.elementor-element-69bb51c > .elementor-background-video-container::before, .elementor-2971 .elementor-element.elementor-element-69bb51c > .e-con-inner > .elementor-background-video-container::before, .elementor-2971 .elementor-element.elementor-element-69bb51c > .elementor-background-slideshow::before, .elementor-2971 .elementor-element.elementor-element-69bb51c > .e-con-inner > .elementor-background-slideshow::before, .elementor-2971 .elementor-element.elementor-element-69bb51c > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://mubaraktravels.com/wp-content/uploads/2025/11/pattern-m.svg");--background-overlay:'';background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-2971 .elementor-element.elementor-element-a5d17a1{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2971 .elementor-element.elementor-element-740b8b7{--display:flex;--min-height:88px;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:16px 16px 16px 16px;}.elementor-2971 .elementor-element.elementor-element-740b8b7:not(.elementor-motion-effects-element-type-background), .elementor-2971 .elementor-element.elementor-element-740b8b7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://mubaraktravels.com/wp-content/uploads/2025/11/4.png");}.elementor-2971 .elementor-element.elementor-element-865678a{text-align:center;}.elementor-2971 .elementor-element.elementor-element-865678a .elementor-heading-title{font-size:26px;letter-spacing:0.9px;word-spacing:0px;-webkit-text-stroke-width:0px;stroke-width:0px;-webkit-text-stroke-color:#000;stroke:#000;color:#FFFFFF;}.elementor-2971 .elementor-element.elementor-element-c3e7166{--spacer-size:12px;}.elementor-2971 .elementor-element.elementor-element-70925a6{text-align:center;}.elementor-2971 .elementor-element.elementor-element-70925a6 .elementor-heading-title{font-size:26px;letter-spacing:0.9px;word-spacing:0px;-webkit-text-stroke-width:0px;stroke-width:0px;-webkit-text-stroke-color:#000;stroke:#000;color:#FFFFFF;}.elementor-2971 .elementor-element.elementor-element-4f703ff{--display:flex;}.elementor-2971 .elementor-element.elementor-element-e16c9db{color:#000000;}.elementor-2971 .elementor-element.elementor-element-1071ee5{--spacer-size:4px;}.elementor-2971 .elementor-element.elementor-element-6785779 .elementor-icon-list-icon i{color:#080000;transition:color 0.3s;}.elementor-2971 .elementor-element.elementor-element-6785779 .elementor-icon-list-icon svg{fill:#080000;transition:fill 0.3s;}.elementor-2971 .elementor-element.elementor-element-6785779{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-2971 .elementor-element.elementor-element-6785779 .elementor-icon-list-text{color:#050000;transition:color 0.3s;}.elementor-2971 .elementor-element.elementor-element-abeb325 .elementor-button{background-color:transparent;background-image:linear-gradient(180deg, #003D5C 0%, #f2295b 100%);}.elementor-2971 .elementor-element.elementor-element-05df6e1{--display:flex;--overlay-opacity:1;}.elementor-2971 .elementor-element.elementor-element-05df6e1:not(.elementor-motion-effects-element-type-background), .elementor-2971 .elementor-element.elementor-element-05df6e1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-2971 .elementor-element.elementor-element-05df6e1::before, .elementor-2971 .elementor-element.elementor-element-05df6e1 > .elementor-background-video-container::before, .elementor-2971 .elementor-element.elementor-element-05df6e1 > .e-con-inner > .elementor-background-video-container::before, .elementor-2971 .elementor-element.elementor-element-05df6e1 > .elementor-background-slideshow::before, .elementor-2971 .elementor-element.elementor-element-05df6e1 > .e-con-inner > .elementor-background-slideshow::before, .elementor-2971 .elementor-element.elementor-element-05df6e1 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://mubaraktravels.com/wp-content/uploads/2025/11/pattern-m.svg");--background-overlay:'';background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-2971 .elementor-element.elementor-element-0453a64{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2971 .elementor-element.elementor-element-c1c9db8{--display:flex;--min-height:88px;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:16px 16px 16px 16px;}.elementor-2971 .elementor-element.elementor-element-c1c9db8:not(.elementor-motion-effects-element-type-background), .elementor-2971 .elementor-element.elementor-element-c1c9db8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://mubaraktravels.com/wp-content/uploads/2025/11/5.png");}.elementor-2971 .elementor-element.elementor-element-acbfead{text-align:center;}.elementor-2971 .elementor-element.elementor-element-acbfead .elementor-heading-title{font-size:26px;letter-spacing:0.9px;word-spacing:0px;-webkit-text-stroke-width:0px;stroke-width:0px;-webkit-text-stroke-color:#000;stroke:#000;color:#FFFFFF;}.elementor-2971 .elementor-element.elementor-element-03a76cd{--spacer-size:12px;}.elementor-2971 .elementor-element.elementor-element-b4ca823{text-align:center;}.elementor-2971 .elementor-element.elementor-element-b4ca823 .elementor-heading-title{font-size:26px;letter-spacing:0.9px;word-spacing:0px;-webkit-text-stroke-width:0px;stroke-width:0px;-webkit-text-stroke-color:#000;stroke:#000;color:#FFFFFF;}.elementor-2971 .elementor-element.elementor-element-44ec01e{--display:flex;}.elementor-2971 .elementor-element.elementor-element-ca12687{color:#000000;}.elementor-2971 .elementor-element.elementor-element-21c1b35 .elementor-icon-list-icon i{color:#080000;transition:color 0.3s;}.elementor-2971 .elementor-element.elementor-element-21c1b35 .elementor-icon-list-icon svg{fill:#080000;transition:fill 0.3s;}.elementor-2971 .elementor-element.elementor-element-21c1b35{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-2971 .elementor-element.elementor-element-21c1b35 .elementor-icon-list-text{color:#050000;transition:color 0.3s;}.elementor-2971 .elementor-element.elementor-element-dec9246 .elementor-button{background-color:transparent;background-image:linear-gradient(180deg, #003D5C 0%, #f2295b 100%);}.elementor-2971 .elementor-element.elementor-element-3381091{--display:flex;--overlay-opacity:1;}.elementor-2971 .elementor-element.elementor-element-3381091:not(.elementor-motion-effects-element-type-background), .elementor-2971 .elementor-element.elementor-element-3381091 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-2971 .elementor-element.elementor-element-3381091::before, .elementor-2971 .elementor-element.elementor-element-3381091 > .elementor-background-video-container::before, .elementor-2971 .elementor-element.elementor-element-3381091 > .e-con-inner > .elementor-background-video-container::before, .elementor-2971 .elementor-element.elementor-element-3381091 > .elementor-background-slideshow::before, .elementor-2971 .elementor-element.elementor-element-3381091 > .e-con-inner > .elementor-background-slideshow::before, .elementor-2971 .elementor-element.elementor-element-3381091 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://mubaraktravels.com/wp-content/uploads/2025/11/pattern-m.svg");--background-overlay:'';background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-2971 .elementor-element.elementor-element-58e1489{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2971 .elementor-element.elementor-element-c1adb35{--display:flex;--min-height:88px;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:16px 16px 16px 16px;}.elementor-2971 .elementor-element.elementor-element-c1adb35:not(.elementor-motion-effects-element-type-background), .elementor-2971 .elementor-element.elementor-element-c1adb35 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://mubaraktravels.com/wp-content/uploads/2025/11/6.png");}.elementor-2971 .elementor-element.elementor-element-5186a59{text-align:center;}.elementor-2971 .elementor-element.elementor-element-5186a59 .elementor-heading-title{font-size:26px;letter-spacing:0.9px;word-spacing:0px;-webkit-text-stroke-width:0px;stroke-width:0px;-webkit-text-stroke-color:#000;stroke:#000;color:#FFFFFF;}.elementor-2971 .elementor-element.elementor-element-cdc5aeb{--spacer-size:12px;}.elementor-2971 .elementor-element.elementor-element-a3851c7{text-align:center;}.elementor-2971 .elementor-element.elementor-element-a3851c7 .elementor-heading-title{font-size:26px;letter-spacing:0.9px;word-spacing:0px;-webkit-text-stroke-width:0px;stroke-width:0px;-webkit-text-stroke-color:#000;stroke:#000;color:#FFFFFF;}.elementor-2971 .elementor-element.elementor-element-4d1a7c4{--display:flex;}.elementor-2971 .elementor-element.elementor-element-402b215{color:#000000;}.elementor-2971 .elementor-element.elementor-element-6764d4d .elementor-icon-list-icon i{color:#080000;transition:color 0.3s;}.elementor-2971 .elementor-element.elementor-element-6764d4d .elementor-icon-list-icon svg{fill:#080000;transition:fill 0.3s;}.elementor-2971 .elementor-element.elementor-element-6764d4d{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-2971 .elementor-element.elementor-element-6764d4d .elementor-icon-list-text{color:#050000;transition:color 0.3s;}.elementor-2971 .elementor-element.elementor-element-337c882 .elementor-button{background-color:transparent;background-image:linear-gradient(180deg, #003D5C 0%, #f2295b 100%);}.elementor-2971 .elementor-element.elementor-element-f753fab{--display:flex;--overlay-opacity:1;}.elementor-2971 .elementor-element.elementor-element-f753fab:not(.elementor-motion-effects-element-type-background), .elementor-2971 .elementor-element.elementor-element-f753fab > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-2971 .elementor-element.elementor-element-f753fab::before, .elementor-2971 .elementor-element.elementor-element-f753fab > .elementor-background-video-container::before, .elementor-2971 .elementor-element.elementor-element-f753fab > .e-con-inner > .elementor-background-video-container::before, .elementor-2971 .elementor-element.elementor-element-f753fab > .elementor-background-slideshow::before, .elementor-2971 .elementor-element.elementor-element-f753fab > .e-con-inner > .elementor-background-slideshow::before, .elementor-2971 .elementor-element.elementor-element-f753fab > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://mubaraktravels.com/wp-content/uploads/2025/11/pattern-m.svg");--background-overlay:'';background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-2971 .elementor-element.elementor-element-05fda1b{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2971 .elementor-element.elementor-element-b674228{--display:flex;--min-height:88px;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:16px 16px 16px 16px;}.elementor-2971 .elementor-element.elementor-element-b674228:not(.elementor-motion-effects-element-type-background), .elementor-2971 .elementor-element.elementor-element-b674228 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://mubaraktravels.com/wp-content/uploads/2025/11/1.png");}.elementor-2971 .elementor-element.elementor-element-fdd7649{text-align:center;}.elementor-2971 .elementor-element.elementor-element-fdd7649 .elementor-heading-title{font-size:26px;letter-spacing:0.9px;word-spacing:0px;-webkit-text-stroke-width:0px;stroke-width:0px;-webkit-text-stroke-color:#000;stroke:#000;color:#FFFFFF;}.elementor-2971 .elementor-element.elementor-element-cb764f0{--spacer-size:12px;}.elementor-2971 .elementor-element.elementor-element-08ad947{text-align:center;}.elementor-2971 .elementor-element.elementor-element-08ad947 .elementor-heading-title{font-size:26px;letter-spacing:0.9px;word-spacing:0px;-webkit-text-stroke-width:0px;stroke-width:0px;-webkit-text-stroke-color:#000;stroke:#000;color:#FFFFFF;}.elementor-2971 .elementor-element.elementor-element-b90964f{--display:flex;}.elementor-2971 .elementor-element.elementor-element-032ce36{color:#000000;}.elementor-2971 .elementor-element.elementor-element-24fa733 .elementor-icon-list-icon i{color:#080000;transition:color 0.3s;}.elementor-2971 .elementor-element.elementor-element-24fa733 .elementor-icon-list-icon svg{fill:#080000;transition:fill 0.3s;}.elementor-2971 .elementor-element.elementor-element-24fa733{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-2971 .elementor-element.elementor-element-24fa733 .elementor-icon-list-text{color:#050000;transition:color 0.3s;}.elementor-2971 .elementor-element.elementor-element-c4be81c .elementor-button{background-color:transparent;background-image:linear-gradient(180deg, #003D5C 0%, #f2295b 100%);}.elementor-2971 .elementor-element.elementor-element-5931137{--display:flex;--overlay-opacity:1;}.elementor-2971 .elementor-element.elementor-element-5931137:not(.elementor-motion-effects-element-type-background), .elementor-2971 .elementor-element.elementor-element-5931137 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-2971 .elementor-element.elementor-element-5931137::before, .elementor-2971 .elementor-element.elementor-element-5931137 > .elementor-background-video-container::before, .elementor-2971 .elementor-element.elementor-element-5931137 > .e-con-inner > .elementor-background-video-container::before, .elementor-2971 .elementor-element.elementor-element-5931137 > .elementor-background-slideshow::before, .elementor-2971 .elementor-element.elementor-element-5931137 > .e-con-inner > .elementor-background-slideshow::before, .elementor-2971 .elementor-element.elementor-element-5931137 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://mubaraktravels.com/wp-content/uploads/2025/11/pattern-m.svg");--background-overlay:'';background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-2971 .elementor-element.elementor-element-5beed51{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2971 .elementor-element.elementor-element-515614a{--display:flex;--min-height:88px;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:16px 16px 16px 16px;}.elementor-2971 .elementor-element.elementor-element-515614a:not(.elementor-motion-effects-element-type-background), .elementor-2971 .elementor-element.elementor-element-515614a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://mubaraktravels.com/wp-content/uploads/2025/11/4.png");}.elementor-2971 .elementor-element.elementor-element-f8c0cc9{text-align:center;}.elementor-2971 .elementor-element.elementor-element-f8c0cc9 .elementor-heading-title{font-size:26px;letter-spacing:0.9px;word-spacing:0px;-webkit-text-stroke-width:0px;stroke-width:0px;-webkit-text-stroke-color:#000;stroke:#000;color:#FFFFFF;}.elementor-2971 .elementor-element.elementor-element-7a19a7d{--spacer-size:12px;}.elementor-2971 .elementor-element.elementor-element-a18b7e4{text-align:center;}.elementor-2971 .elementor-element.elementor-element-a18b7e4 .elementor-heading-title{font-size:26px;letter-spacing:0.9px;word-spacing:0px;-webkit-text-stroke-width:0px;stroke-width:0px;-webkit-text-stroke-color:#000;stroke:#000;color:#FFFFFF;}.elementor-2971 .elementor-element.elementor-element-f8a4fc4{--display:flex;}.elementor-2971 .elementor-element.elementor-element-ce2a872{color:#000000;}.elementor-2971 .elementor-element.elementor-element-0909d67 .elementor-icon-list-icon i{color:#080000;transition:color 0.3s;}.elementor-2971 .elementor-element.elementor-element-0909d67 .elementor-icon-list-icon svg{fill:#080000;transition:fill 0.3s;}.elementor-2971 .elementor-element.elementor-element-0909d67{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-2971 .elementor-element.elementor-element-0909d67 .elementor-icon-list-text{color:#050000;transition:color 0.3s;}.elementor-2971 .elementor-element.elementor-element-680e275 .elementor-button{background-color:transparent;background-image:linear-gradient(180deg, #003D5C 0%, #f2295b 100%);}.elementor-2971 .elementor-element.elementor-element-fabfd59{--display:flex;--overlay-opacity:1;border-style:dotted;--border-style:dotted;--border-radius:0px 0px 0px 0px;}.elementor-2971 .elementor-element.elementor-element-fabfd59:not(.elementor-motion-effects-element-type-background), .elementor-2971 .elementor-element.elementor-element-fabfd59 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-2971 .elementor-element.elementor-element-fabfd59::before, .elementor-2971 .elementor-element.elementor-element-fabfd59 > .elementor-background-video-container::before, .elementor-2971 .elementor-element.elementor-element-fabfd59 > .e-con-inner > .elementor-background-video-container::before, .elementor-2971 .elementor-element.elementor-element-fabfd59 > .elementor-background-slideshow::before, .elementor-2971 .elementor-element.elementor-element-fabfd59 > .e-con-inner > .elementor-background-slideshow::before, .elementor-2971 .elementor-element.elementor-element-fabfd59 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://mubaraktravels.com/wp-content/uploads/2025/11/pattern-m.svg");--background-overlay:'';background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-2971 .elementor-element.elementor-element-f715343{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2971 .elementor-element.elementor-element-d706c1b{--display:flex;--min-height:88px;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:16px 16px 16px 16px;}.elementor-2971 .elementor-element.elementor-element-d706c1b:not(.elementor-motion-effects-element-type-background), .elementor-2971 .elementor-element.elementor-element-d706c1b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://mubaraktravels.com/wp-content/uploads/2025/11/3.png");}.elementor-2971 .elementor-element.elementor-element-e20e2b8{text-align:center;}.elementor-2971 .elementor-element.elementor-element-e20e2b8 .elementor-heading-title{font-size:26px;letter-spacing:0.9px;word-spacing:0px;-webkit-text-stroke-width:0px;stroke-width:0px;-webkit-text-stroke-color:#000;stroke:#000;color:#FFFFFF;}.elementor-2971 .elementor-element.elementor-element-1c7cfe5{--spacer-size:12px;}.elementor-2971 .elementor-element.elementor-element-0f5b0fe{text-align:center;}.elementor-2971 .elementor-element.elementor-element-0f5b0fe .elementor-heading-title{font-size:26px;letter-spacing:0.9px;word-spacing:0px;-webkit-text-stroke-width:0px;stroke-width:0px;-webkit-text-stroke-color:#000;stroke:#000;color:#FFFFFF;}.elementor-2971 .elementor-element.elementor-element-05a7fa2{--display:flex;}.elementor-2971 .elementor-element.elementor-element-7bfd04e{color:#000000;}.elementor-2971 .elementor-element.elementor-element-7256e81 .elementor-icon-list-icon i{color:#080000;transition:color 0.3s;}.elementor-2971 .elementor-element.elementor-element-7256e81 .elementor-icon-list-icon svg{fill:#080000;transition:fill 0.3s;}.elementor-2971 .elementor-element.elementor-element-7256e81{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-2971 .elementor-element.elementor-element-7256e81 .elementor-icon-list-text{color:#050000;transition:color 0.3s;}.elementor-2971 .elementor-element.elementor-element-25b6e45 .elementor-button{background-color:transparent;background-image:linear-gradient(180deg, #003D5C 0%, #f2295b 100%);}.elementor-2971 .elementor-element.elementor-element-aa02081{--display:flex;--overlay-opacity:1;}.elementor-2971 .elementor-element.elementor-element-aa02081:not(.elementor-motion-effects-element-type-background), .elementor-2971 .elementor-element.elementor-element-aa02081 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-2971 .elementor-element.elementor-element-aa02081::before, .elementor-2971 .elementor-element.elementor-element-aa02081 > .elementor-background-video-container::before, .elementor-2971 .elementor-element.elementor-element-aa02081 > .e-con-inner > .elementor-background-video-container::before, .elementor-2971 .elementor-element.elementor-element-aa02081 > .elementor-background-slideshow::before, .elementor-2971 .elementor-element.elementor-element-aa02081 > .e-con-inner > .elementor-background-slideshow::before, .elementor-2971 .elementor-element.elementor-element-aa02081 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://mubaraktravels.com/wp-content/uploads/2025/11/pattern-m.svg");--background-overlay:'';background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-2971 .elementor-element.elementor-element-740424b{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2971 .elementor-element.elementor-element-21c5bbf{--display:flex;--min-height:88px;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:16px 16px 16px 16px;}.elementor-2971 .elementor-element.elementor-element-21c5bbf:not(.elementor-motion-effects-element-type-background), .elementor-2971 .elementor-element.elementor-element-21c5bbf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://mubaraktravels.com/wp-content/uploads/2025/11/5.png");}.elementor-2971 .elementor-element.elementor-element-39a626d{text-align:center;}.elementor-2971 .elementor-element.elementor-element-39a626d .elementor-heading-title{font-size:26px;letter-spacing:0.9px;word-spacing:0px;-webkit-text-stroke-width:0px;stroke-width:0px;-webkit-text-stroke-color:#000;stroke:#000;color:#FFFFFF;}.elementor-2971 .elementor-element.elementor-element-7d0bb8c{--spacer-size:12px;}.elementor-2971 .elementor-element.elementor-element-c37ca70{text-align:center;}.elementor-2971 .elementor-element.elementor-element-c37ca70 .elementor-heading-title{font-size:26px;letter-spacing:0.9px;word-spacing:0px;-webkit-text-stroke-width:0px;stroke-width:0px;-webkit-text-stroke-color:#000;stroke:#000;color:#FFFFFF;}.elementor-2971 .elementor-element.elementor-element-2b22952{--display:flex;}.elementor-2971 .elementor-element.elementor-element-fe815a2{color:#000000;}.elementor-2971 .elementor-element.elementor-element-4bd0bd3 .elementor-icon-list-icon i{color:#080000;transition:color 0.3s;}.elementor-2971 .elementor-element.elementor-element-4bd0bd3 .elementor-icon-list-icon svg{fill:#080000;transition:fill 0.3s;}.elementor-2971 .elementor-element.elementor-element-4bd0bd3{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-2971 .elementor-element.elementor-element-4bd0bd3 .elementor-icon-list-text{color:#050000;transition:color 0.3s;}.elementor-2971 .elementor-element.elementor-element-a116442 .elementor-button{background-color:transparent;background-image:linear-gradient(180deg, #003D5C 0%, #f2295b 100%);}.elementor-2971 .elementor-element.elementor-element-5134044{--e-n-carousel-swiper-slides-to-display:3;--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:#000000;--e-n-carousel-arrow-hover-color:#114752;--e-n-carousel-dots-normal-color:#12495B;--e-n-carousel-dots-horizontal-position:100%;--e-n-carousel-dots-horizontal-transform:-100%;--e-n-carousel-dots-horizontal-offset:0px;--e-n-carousel-dots-vertical-position:100%;--e-n-carousel-dots-vertical-transform:-100%;--e-n-carousel-dots-vertical-offset:0px;--e-n-carousel-swiper-pagination-spacing:33px;}.elementor-2971 .elementor-element.elementor-element-5134044 :is(.elementor-swiper-button-prev, .elementor-swiper-button-next) {background-color:#FFFFFF;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);border-radius:100px 100px 100px 100px;padding:3px 3px 3px 3px;}.elementor-2971 .elementor-element.elementor-element-aa02adc{--display:flex;}.elementor-2971 .elementor-element.elementor-element-b829884{--display:flex;}.elementor-2971 .elementor-element.elementor-element-9e8435a{--display:flex;}@media(max-width:1024px){.elementor-2971 .elementor-element.elementor-element-5134044{--e-n-carousel-swiper-slides-to-display:2;}}@media(min-width:768px){.elementor-2971 .elementor-element.elementor-element-2443943{--width:97.5%;}}@media(max-width:767px){.elementor-2971 .elementor-element.elementor-element-2443943{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2971 .elementor-element.elementor-element-8a6ccd4{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2971 .elementor-element.elementor-element-5134044{--e-n-carousel-swiper-slides-to-display:1;}}/* Start custom CSS for heading, class: .elementor-element-d8ccaf8 */.elementor-2971 .elementor-element.elementor-element-d8ccaf8 {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-0e711f2 */.elementor-2971 .elementor-element.elementor-element-0e711f2 {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9c99c1d */.elementor-2971 .elementor-element.elementor-element-9c99c1d {
    height: 320px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

.elementor-2971 .elementor-element.elementor-element-9c99c1d::-webkit-scrollbar {
    width: 6px;
}

.elementor-2971 .elementor-element.elementor-element-9c99c1d::-webkit-scrollbar-track {
    background: rgba(255,255,255,0.1);
    border-radius: 10px;
}

.elementor-2971 .elementor-element.elementor-element-9c99c1d::-webkit-scrollbar-thumb {
    background: #b39164;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b4930dc *//* ---------- Premium Transparent Blue Card ---------- */
.preferred-card {
    background: rgba(0, 80, 200, 0.10); /* transparent blue */
    border-radius: 22px;
    padding: 28px;
    backdrop-filter: blur(8px); /* glass effect */
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(0, 80, 200, 0.25);
    position: relative;
    overflow: hidden;
}

/* ---------- SVG Background Pattern (Right Side Wave) ---------- */
.preferred-card::after {
    content: "";
    position: absolute;
    right: -10px;
    top: 0;
    width: 55%;
    height: 100%;
    pointer-events: none;
    opacity: 0.45;

    /* Blue wave gradient */
    background: url("data:image/svg+xml;utf8,
        <svg width='300' height='600' xmlns='http://www.w3.org/2000/svg'>
            <defs>
                <linearGradient id='g' x1='0' x2='1' y1='0.2' y2='1'>
                    <stop offset='0%' stop-color='rgba(0,80,200,0.25)' />
                    <stop offset='100%' stop-color='rgba(0,80,200,0.05)' />
                </linearGradient>
            </defs>
            <path d='M150 0 C220 150 80 300 200 450 C320 600 20 600 80 300 Z' fill='url(#g)'/>
        </svg>"
    );
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
}

/* ---------- Title ---------- */
.cat-card-title {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e;
}

.shifting-text {
    font-size: 13px;
    letter-spacing: 1px;
    color: #0054c9;
    font-weight: 600;
}

/* ---------- Text ---------- */
.preferred-card-content > p {
    color: #00315f;
    line-height: 1.5;
    margin-bottom: 18px;
}

/* ---------- Icons Tint ---------- */
.icon img {
    width: 28px;
    height: auto;
    filter: brightness(0) saturate(100%) invert(23%) sepia(90%) saturate(1789%) hue-rotate(204deg);
}

/* ---------- Scrollable Area ---------- */
.preferred-card-content {
    max-height: 260px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

/* Custom Scrollbar */
.preferred-card-content::-webkit-scrollbar {
    width: 5px;
}

.preferred-card-content::-webkit-scrollbar-thumb {
    background: rgba(0, 80, 200, 0.4);
    border-radius: 6px;
}

.preferred-card-content::-webkit-scrollbar-track {
    background: transparent;
}

/* ---------- Responsive ---------- */
@media (max-width: 768px) {
    .preferred-card {
        padding: 20px;
    }
    .cat-card-title {
        font-size: 26px;
    }
}

@media (max-width: 480px) {
    .preferred-card {
        padding: 16px;
    }
    .cat-card-title {
        font-size: 22px;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5d7684f */.elementor-2971 .elementor-element.elementor-element-5d7684f {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-19d7e52 */.elementor-2971 .elementor-element.elementor-element-19d7e52 {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f42a1e0 */.elementor-2971 .elementor-element.elementor-element-f42a1e0 {
    height: 320px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

.elementor-2971 .elementor-element.elementor-element-f42a1e0::-webkit-scrollbar {
    width: 6px;
}

.elementor-2971 .elementor-element.elementor-element-f42a1e0::-webkit-scrollbar-track {
    background: rgba(255,255,255,0.1);
    border-radius: 10px;
}

.elementor-2971 .elementor-element.elementor-element-f42a1e0::-webkit-scrollbar-thumb {
    background: #b39164;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-13d92d1 *//* ---------- Premium Transparent Blue Card ---------- */
.preferred-card {
    background: rgba(0, 80, 200, 0.10); /* transparent blue */
    border-radius: 22px;
    padding: 28px;
    backdrop-filter: blur(8px); /* glass effect */
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(0, 80, 200, 0.25);
    position: relative;
    overflow: hidden;
}

/* ---------- SVG Background Pattern (Right Side Wave) ---------- */
.preferred-card::after {
    content: "";
    position: absolute;
    right: -10px;
    top: 0;
    width: 55%;
    height: 100%;
    pointer-events: none;
    opacity: 0.45;

    /* Blue wave gradient */
    background: url("data:image/svg+xml;utf8,
        <svg width='300' height='600' xmlns='http://www.w3.org/2000/svg'>
            <defs>
                <linearGradient id='g' x1='0' x2='1' y1='0.2' y2='1'>
                    <stop offset='0%' stop-color='rgba(0,80,200,0.25)' />
                    <stop offset='100%' stop-color='rgba(0,80,200,0.05)' />
                </linearGradient>
            </defs>
            <path d='M150 0 C220 150 80 300 200 450 C320 600 20 600 80 300 Z' fill='url(#g)'/>
        </svg>"
    );
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
}

/* ---------- Title ---------- */
.cat-card-title {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e;
}

.shifting-text {
    font-size: 13px;
    letter-spacing: 1px;
    color: #0054c9;
    font-weight: 600;
}

/* ---------- Text ---------- */
.preferred-card-content > p {
    color: #00315f;
    line-height: 1.5;
    margin-bottom: 18px;
}

/* ---------- Icons Tint ---------- */
.icon img {
    width: 28px;
    height: auto;
    filter: brightness(0) saturate(100%) invert(23%) sepia(90%) saturate(1789%) hue-rotate(204deg);
}

/* ---------- Scrollable Area ---------- */
.preferred-card-content {
    max-height: 260px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

/* Custom Scrollbar */
.preferred-card-content::-webkit-scrollbar {
    width: 5px;
}

.preferred-card-content::-webkit-scrollbar-thumb {
    background: rgba(0, 80, 200, 0.4);
    border-radius: 6px;
}

.preferred-card-content::-webkit-scrollbar-track {
    background: transparent;
}

/* ---------- Responsive ---------- */
@media (max-width: 768px) {
    .preferred-card {
        padding: 20px;
    }
    .cat-card-title {
        font-size: 26px;
    }
}

@media (max-width: 480px) {
    .preferred-card {
        padding: 16px;
    }
    .cat-card-title {
        font-size: 22px;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d3c8449 */.elementor-2971 .elementor-element.elementor-element-d3c8449 {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-fd9855f */.elementor-2971 .elementor-element.elementor-element-fd9855f {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bfa89b2 */.elementor-2971 .elementor-element.elementor-element-bfa89b2 {
    height: 320px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

.elementor-2971 .elementor-element.elementor-element-bfa89b2::-webkit-scrollbar {
    width: 6px;
}

.elementor-2971 .elementor-element.elementor-element-bfa89b2::-webkit-scrollbar-track {
    background: rgba(255,255,255,0.1);
    border-radius: 10px;
}

.elementor-2971 .elementor-element.elementor-element-bfa89b2::-webkit-scrollbar-thumb {
    background: #b39164;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-eea8da5 *//* ---------- Premium Transparent Blue Card ---------- */
.preferred-card {
    background: rgba(0, 80, 200, 0.10); /* transparent blue */
    border-radius: 22px;
    padding: 28px;
    backdrop-filter: blur(8px); /* glass effect */
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(0, 80, 200, 0.25);
    position: relative;
    overflow: hidden;
}

/* ---------- SVG Background Pattern (Right Side Wave) ---------- */
.preferred-card::after {
    content: "";
    position: absolute;
    right: -10px;
    top: 0;
    width: 55%;
    height: 100%;
    pointer-events: none;
    opacity: 0.45;

    /* Blue wave gradient */
    background: url("data:image/svg+xml;utf8,
        <svg width='300' height='600' xmlns='http://www.w3.org/2000/svg'>
            <defs>
                <linearGradient id='g' x1='0' x2='1' y1='0.2' y2='1'>
                    <stop offset='0%' stop-color='rgba(0,80,200,0.25)' />
                    <stop offset='100%' stop-color='rgba(0,80,200,0.05)' />
                </linearGradient>
            </defs>
            <path d='M150 0 C220 150 80 300 200 450 C320 600 20 600 80 300 Z' fill='url(#g)'/>
        </svg>"
    );
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
}

/* ---------- Title ---------- */
.cat-card-title {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e;
}

.shifting-text {
    font-size: 13px;
    letter-spacing: 1px;
    color: #0054c9;
    font-weight: 600;
}

/* ---------- Text ---------- */
.preferred-card-content > p {
    color: #00315f;
    line-height: 1.5;
    margin-bottom: 18px;
}

/* ---------- Icons Tint ---------- */
.icon img {
    width: 28px;
    height: auto;
    filter: brightness(0) saturate(100%) invert(23%) sepia(90%) saturate(1789%) hue-rotate(204deg);
}

/* ---------- Scrollable Area ---------- */
.preferred-card-content {
    max-height: 260px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

/* Custom Scrollbar */
.preferred-card-content::-webkit-scrollbar {
    width: 5px;
}

.preferred-card-content::-webkit-scrollbar-thumb {
    background: rgba(0, 80, 200, 0.4);
    border-radius: 6px;
}

.preferred-card-content::-webkit-scrollbar-track {
    background: transparent;
}

/* ---------- Responsive ---------- */
@media (max-width: 768px) {
    .preferred-card {
        padding: 20px;
    }
    .cat-card-title {
        font-size: 26px;
    }
}

@media (max-width: 480px) {
    .preferred-card {
        padding: 16px;
    }
    .cat-card-title {
        font-size: 22px;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-865678a */.elementor-2971 .elementor-element.elementor-element-865678a {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-70925a6 */.elementor-2971 .elementor-element.elementor-element-70925a6 {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4f703ff */.elementor-2971 .elementor-element.elementor-element-4f703ff {
    height: 320px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

.elementor-2971 .elementor-element.elementor-element-4f703ff::-webkit-scrollbar {
    width: 6px;
}

.elementor-2971 .elementor-element.elementor-element-4f703ff::-webkit-scrollbar-track {
    background: rgba(255,255,255,0.1);
    border-radius: 10px;
}

.elementor-2971 .elementor-element.elementor-element-4f703ff::-webkit-scrollbar-thumb {
    background: #b39164;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-69bb51c *//* ---------- Premium Transparent Blue Card ---------- */
.preferred-card {
    background: rgba(0, 80, 200, 0.10); /* transparent blue */
    border-radius: 22px;
    padding: 28px;
    backdrop-filter: blur(8px); /* glass effect */
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(0, 80, 200, 0.25);
    position: relative;
    overflow: hidden;
}

/* ---------- SVG Background Pattern (Right Side Wave) ---------- */
.preferred-card::after {
    content: "";
    position: absolute;
    right: -10px;
    top: 0;
    width: 55%;
    height: 100%;
    pointer-events: none;
    opacity: 0.45;

    /* Blue wave gradient */
    background: url("data:image/svg+xml;utf8,
        <svg width='300' height='600' xmlns='http://www.w3.org/2000/svg'>
            <defs>
                <linearGradient id='g' x1='0' x2='1' y1='0.2' y2='1'>
                    <stop offset='0%' stop-color='rgba(0,80,200,0.25)' />
                    <stop offset='100%' stop-color='rgba(0,80,200,0.05)' />
                </linearGradient>
            </defs>
            <path d='M150 0 C220 150 80 300 200 450 C320 600 20 600 80 300 Z' fill='url(#g)'/>
        </svg>"
    );
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
}

/* ---------- Title ---------- */
.cat-card-title {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e;
}

.shifting-text {
    font-size: 13px;
    letter-spacing: 1px;
    color: #0054c9;
    font-weight: 600;
}

/* ---------- Text ---------- */
.preferred-card-content > p {
    color: #00315f;
    line-height: 1.5;
    margin-bottom: 18px;
}

/* ---------- Icons Tint ---------- */
.icon img {
    width: 28px;
    height: auto;
    filter: brightness(0) saturate(100%) invert(23%) sepia(90%) saturate(1789%) hue-rotate(204deg);
}

/* ---------- Scrollable Area ---------- */
.preferred-card-content {
    max-height: 260px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

/* Custom Scrollbar */
.preferred-card-content::-webkit-scrollbar {
    width: 5px;
}

.preferred-card-content::-webkit-scrollbar-thumb {
    background: rgba(0, 80, 200, 0.4);
    border-radius: 6px;
}

.preferred-card-content::-webkit-scrollbar-track {
    background: transparent;
}

/* ---------- Responsive ---------- */
@media (max-width: 768px) {
    .preferred-card {
        padding: 20px;
    }
    .cat-card-title {
        font-size: 26px;
    }
}

@media (max-width: 480px) {
    .preferred-card {
        padding: 16px;
    }
    .cat-card-title {
        font-size: 22px;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-acbfead */.elementor-2971 .elementor-element.elementor-element-acbfead {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-b4ca823 */.elementor-2971 .elementor-element.elementor-element-b4ca823 {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-44ec01e */.elementor-2971 .elementor-element.elementor-element-44ec01e {
    height: 320px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

.elementor-2971 .elementor-element.elementor-element-44ec01e::-webkit-scrollbar {
    width: 6px;
}

.elementor-2971 .elementor-element.elementor-element-44ec01e::-webkit-scrollbar-track {
    background: rgba(255,255,255,0.1);
    border-radius: 10px;
}

.elementor-2971 .elementor-element.elementor-element-44ec01e::-webkit-scrollbar-thumb {
    background: #b39164;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-05df6e1 *//* ---------- Premium Transparent Blue Card ---------- */
.preferred-card {
    background: rgba(0, 80, 200, 0.10); /* transparent blue */
    border-radius: 22px;
    padding: 28px;
    backdrop-filter: blur(8px); /* glass effect */
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(0, 80, 200, 0.25);
    position: relative;
    overflow: hidden;
}

/* ---------- SVG Background Pattern (Right Side Wave) ---------- */
.preferred-card::after {
    content: "";
    position: absolute;
    right: -10px;
    top: 0;
    width: 55%;
    height: 100%;
    pointer-events: none;
    opacity: 0.45;

    /* Blue wave gradient */
    background: url("data:image/svg+xml;utf8,
        <svg width='300' height='600' xmlns='http://www.w3.org/2000/svg'>
            <defs>
                <linearGradient id='g' x1='0' x2='1' y1='0.2' y2='1'>
                    <stop offset='0%' stop-color='rgba(0,80,200,0.25)' />
                    <stop offset='100%' stop-color='rgba(0,80,200,0.05)' />
                </linearGradient>
            </defs>
            <path d='M150 0 C220 150 80 300 200 450 C320 600 20 600 80 300 Z' fill='url(#g)'/>
        </svg>"
    );
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
}

/* ---------- Title ---------- */
.cat-card-title {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e;
}

.shifting-text {
    font-size: 13px;
    letter-spacing: 1px;
    color: #0054c9;
    font-weight: 600;
}

/* ---------- Text ---------- */
.preferred-card-content > p {
    color: #00315f;
    line-height: 1.5;
    margin-bottom: 18px;
}

/* ---------- Icons Tint ---------- */
.icon img {
    width: 28px;
    height: auto;
    filter: brightness(0) saturate(100%) invert(23%) sepia(90%) saturate(1789%) hue-rotate(204deg);
}

/* ---------- Scrollable Area ---------- */
.preferred-card-content {
    max-height: 260px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

/* Custom Scrollbar */
.preferred-card-content::-webkit-scrollbar {
    width: 5px;
}

.preferred-card-content::-webkit-scrollbar-thumb {
    background: rgba(0, 80, 200, 0.4);
    border-radius: 6px;
}

.preferred-card-content::-webkit-scrollbar-track {
    background: transparent;
}

/* ---------- Responsive ---------- */
@media (max-width: 768px) {
    .preferred-card {
        padding: 20px;
    }
    .cat-card-title {
        font-size: 26px;
    }
}

@media (max-width: 480px) {
    .preferred-card {
        padding: 16px;
    }
    .cat-card-title {
        font-size: 22px;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5186a59 */.elementor-2971 .elementor-element.elementor-element-5186a59 {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-a3851c7 */.elementor-2971 .elementor-element.elementor-element-a3851c7 {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4d1a7c4 */.elementor-2971 .elementor-element.elementor-element-4d1a7c4 {
    height: 320px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

.elementor-2971 .elementor-element.elementor-element-4d1a7c4::-webkit-scrollbar {
    width: 6px;
}

.elementor-2971 .elementor-element.elementor-element-4d1a7c4::-webkit-scrollbar-track {
    background: rgba(255,255,255,0.1);
    border-radius: 10px;
}

.elementor-2971 .elementor-element.elementor-element-4d1a7c4::-webkit-scrollbar-thumb {
    background: #b39164;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3381091 *//* ---------- Premium Transparent Blue Card ---------- */
.preferred-card {
    background: rgba(0, 80, 200, 0.10); /* transparent blue */
    border-radius: 22px;
    padding: 28px;
    backdrop-filter: blur(8px); /* glass effect */
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(0, 80, 200, 0.25);
    position: relative;
    overflow: hidden;
}

/* ---------- SVG Background Pattern (Right Side Wave) ---------- */
.preferred-card::after {
    content: "";
    position: absolute;
    right: -10px;
    top: 0;
    width: 55%;
    height: 100%;
    pointer-events: none;
    opacity: 0.45;

    /* Blue wave gradient */
    background: url("data:image/svg+xml;utf8,
        <svg width='300' height='600' xmlns='http://www.w3.org/2000/svg'>
            <defs>
                <linearGradient id='g' x1='0' x2='1' y1='0.2' y2='1'>
                    <stop offset='0%' stop-color='rgba(0,80,200,0.25)' />
                    <stop offset='100%' stop-color='rgba(0,80,200,0.05)' />
                </linearGradient>
            </defs>
            <path d='M150 0 C220 150 80 300 200 450 C320 600 20 600 80 300 Z' fill='url(#g)'/>
        </svg>"
    );
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
}

/* ---------- Title ---------- */
.cat-card-title {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e;
}

.shifting-text {
    font-size: 13px;
    letter-spacing: 1px;
    color: #0054c9;
    font-weight: 600;
}

/* ---------- Text ---------- */
.preferred-card-content > p {
    color: #00315f;
    line-height: 1.5;
    margin-bottom: 18px;
}

/* ---------- Icons Tint ---------- */
.icon img {
    width: 28px;
    height: auto;
    filter: brightness(0) saturate(100%) invert(23%) sepia(90%) saturate(1789%) hue-rotate(204deg);
}

/* ---------- Scrollable Area ---------- */
.preferred-card-content {
    max-height: 260px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

/* Custom Scrollbar */
.preferred-card-content::-webkit-scrollbar {
    width: 5px;
}

.preferred-card-content::-webkit-scrollbar-thumb {
    background: rgba(0, 80, 200, 0.4);
    border-radius: 6px;
}

.preferred-card-content::-webkit-scrollbar-track {
    background: transparent;
}

/* ---------- Responsive ---------- */
@media (max-width: 768px) {
    .preferred-card {
        padding: 20px;
    }
    .cat-card-title {
        font-size: 26px;
    }
}

@media (max-width: 480px) {
    .preferred-card {
        padding: 16px;
    }
    .cat-card-title {
        font-size: 22px;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-fdd7649 */.elementor-2971 .elementor-element.elementor-element-fdd7649 {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-08ad947 */.elementor-2971 .elementor-element.elementor-element-08ad947 {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b90964f */.elementor-2971 .elementor-element.elementor-element-b90964f {
    height: 320px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

.elementor-2971 .elementor-element.elementor-element-b90964f::-webkit-scrollbar {
    width: 6px;
}

.elementor-2971 .elementor-element.elementor-element-b90964f::-webkit-scrollbar-track {
    background: rgba(255,255,255,0.1);
    border-radius: 10px;
}

.elementor-2971 .elementor-element.elementor-element-b90964f::-webkit-scrollbar-thumb {
    background: #b39164;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f753fab *//* ---------- Premium Transparent Blue Card ---------- */
.preferred-card {
    background: rgba(0, 80, 200, 0.10); /* transparent blue */
    border-radius: 22px;
    padding: 28px;
    backdrop-filter: blur(8px); /* glass effect */
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(0, 80, 200, 0.25);
    position: relative;
    overflow: hidden;
}

/* ---------- SVG Background Pattern (Right Side Wave) ---------- */
.preferred-card::after {
    content: "";
    position: absolute;
    right: -10px;
    top: 0;
    width: 55%;
    height: 100%;
    pointer-events: none;
    opacity: 0.45;

    /* Blue wave gradient */
    background: url("data:image/svg+xml;utf8,
        <svg width='300' height='600' xmlns='http://www.w3.org/2000/svg'>
            <defs>
                <linearGradient id='g' x1='0' x2='1' y1='0.2' y2='1'>
                    <stop offset='0%' stop-color='rgba(0,80,200,0.25)' />
                    <stop offset='100%' stop-color='rgba(0,80,200,0.05)' />
                </linearGradient>
            </defs>
            <path d='M150 0 C220 150 80 300 200 450 C320 600 20 600 80 300 Z' fill='url(#g)'/>
        </svg>"
    );
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
}

/* ---------- Title ---------- */
.cat-card-title {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e;
}

.shifting-text {
    font-size: 13px;
    letter-spacing: 1px;
    color: #0054c9;
    font-weight: 600;
}

/* ---------- Text ---------- */
.preferred-card-content > p {
    color: #00315f;
    line-height: 1.5;
    margin-bottom: 18px;
}

/* ---------- Icons Tint ---------- */
.icon img {
    width: 28px;
    height: auto;
    filter: brightness(0) saturate(100%) invert(23%) sepia(90%) saturate(1789%) hue-rotate(204deg);
}

/* ---------- Scrollable Area ---------- */
.preferred-card-content {
    max-height: 260px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

/* Custom Scrollbar */
.preferred-card-content::-webkit-scrollbar {
    width: 5px;
}

.preferred-card-content::-webkit-scrollbar-thumb {
    background: rgba(0, 80, 200, 0.4);
    border-radius: 6px;
}

.preferred-card-content::-webkit-scrollbar-track {
    background: transparent;
}

/* ---------- Responsive ---------- */
@media (max-width: 768px) {
    .preferred-card {
        padding: 20px;
    }
    .cat-card-title {
        font-size: 26px;
    }
}

@media (max-width: 480px) {
    .preferred-card {
        padding: 16px;
    }
    .cat-card-title {
        font-size: 22px;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f8c0cc9 */.elementor-2971 .elementor-element.elementor-element-f8c0cc9 {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-a18b7e4 */.elementor-2971 .elementor-element.elementor-element-a18b7e4 {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f8a4fc4 */.elementor-2971 .elementor-element.elementor-element-f8a4fc4 {
    height: 320px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

.elementor-2971 .elementor-element.elementor-element-f8a4fc4::-webkit-scrollbar {
    width: 6px;
}

.elementor-2971 .elementor-element.elementor-element-f8a4fc4::-webkit-scrollbar-track {
    background: rgba(255,255,255,0.1);
    border-radius: 10px;
}

.elementor-2971 .elementor-element.elementor-element-f8a4fc4::-webkit-scrollbar-thumb {
    background: #b39164;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5931137 *//* ---------- Premium Transparent Blue Card ---------- */
.preferred-card {
    background: rgba(0, 80, 200, 0.10); /* transparent blue */
    border-radius: 22px;
    padding: 28px;
    backdrop-filter: blur(8px); /* glass effect */
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(0, 80, 200, 0.25);
    position: relative;
    overflow: hidden;
}

/* ---------- SVG Background Pattern (Right Side Wave) ---------- */
.preferred-card::after {
    content: "";
    position: absolute;
    right: -10px;
    top: 0;
    width: 55%;
    height: 100%;
    pointer-events: none;
    opacity: 0.45;

    /* Blue wave gradient */
    background: url("data:image/svg+xml;utf8,
        <svg width='300' height='600' xmlns='http://www.w3.org/2000/svg'>
            <defs>
                <linearGradient id='g' x1='0' x2='1' y1='0.2' y2='1'>
                    <stop offset='0%' stop-color='rgba(0,80,200,0.25)' />
                    <stop offset='100%' stop-color='rgba(0,80,200,0.05)' />
                </linearGradient>
            </defs>
            <path d='M150 0 C220 150 80 300 200 450 C320 600 20 600 80 300 Z' fill='url(#g)'/>
        </svg>"
    );
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
}

/* ---------- Title ---------- */
.cat-card-title {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e;
}

.shifting-text {
    font-size: 13px;
    letter-spacing: 1px;
    color: #0054c9;
    font-weight: 600;
}

/* ---------- Text ---------- */
.preferred-card-content > p {
    color: #00315f;
    line-height: 1.5;
    margin-bottom: 18px;
}

/* ---------- Icons Tint ---------- */
.icon img {
    width: 28px;
    height: auto;
    filter: brightness(0) saturate(100%) invert(23%) sepia(90%) saturate(1789%) hue-rotate(204deg);
}

/* ---------- Scrollable Area ---------- */
.preferred-card-content {
    max-height: 260px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

/* Custom Scrollbar */
.preferred-card-content::-webkit-scrollbar {
    width: 5px;
}

.preferred-card-content::-webkit-scrollbar-thumb {
    background: rgba(0, 80, 200, 0.4);
    border-radius: 6px;
}

.preferred-card-content::-webkit-scrollbar-track {
    background: transparent;
}

/* ---------- Responsive ---------- */
@media (max-width: 768px) {
    .preferred-card {
        padding: 20px;
    }
    .cat-card-title {
        font-size: 26px;
    }
}

@media (max-width: 480px) {
    .preferred-card {
        padding: 16px;
    }
    .cat-card-title {
        font-size: 22px;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e20e2b8 */.elementor-2971 .elementor-element.elementor-element-e20e2b8 {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-0f5b0fe */.elementor-2971 .elementor-element.elementor-element-0f5b0fe {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-05a7fa2 */.elementor-2971 .elementor-element.elementor-element-05a7fa2 {
    height: 320px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

.elementor-2971 .elementor-element.elementor-element-05a7fa2::-webkit-scrollbar {
    width: 6px;
}

.elementor-2971 .elementor-element.elementor-element-05a7fa2::-webkit-scrollbar-track {
    background: rgba(255,255,255,0.1);
    border-radius: 10px;
}

.elementor-2971 .elementor-element.elementor-element-05a7fa2::-webkit-scrollbar-thumb {
    background: #b39164;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fabfd59 *//* ---------- Premium Transparent Blue Card ---------- */
.preferred-card {
    background: rgba(0, 80, 200, 0.10); /* transparent blue */
    border-radius: 22px;
    padding: 28px;
    backdrop-filter: blur(8px); /* glass effect */
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(0, 80, 200, 0.25);
    position: relative;
    overflow: hidden;
}

/* ---------- SVG Background Pattern (Right Side Wave) ---------- */
.preferred-card::after {
    content: "";
    position: absolute;
    right: -10px;
    top: 0;
    width: 55%;
    height: 100%;
    pointer-events: none;
    opacity: 0.45;

    /* Blue wave gradient */
    background: url("data:image/svg+xml;utf8,
        <svg width='300' height='600' xmlns='http://www.w3.org/2000/svg'>
            <defs>
                <linearGradient id='g' x1='0' x2='1' y1='0.2' y2='1'>
                    <stop offset='0%' stop-color='rgba(0,80,200,0.25)' />
                    <stop offset='100%' stop-color='rgba(0,80,200,0.05)' />
                </linearGradient>
            </defs>
            <path d='M150 0 C220 150 80 300 200 450 C320 600 20 600 80 300 Z' fill='url(#g)'/>
        </svg>"
    );
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
}

/* ---------- Title ---------- */
.cat-card-title {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e;
}

.shifting-text {
    font-size: 13px;
    letter-spacing: 1px;
    color: #0054c9;
    font-weight: 600;
}

/* ---------- Text ---------- */
.preferred-card-content > p {
    color: #00315f;
    line-height: 1.5;
    margin-bottom: 18px;
}

/* ---------- Icons Tint ---------- */
.icon img {
    width: 28px;
    height: auto;
    filter: brightness(0) saturate(100%) invert(23%) sepia(90%) saturate(1789%) hue-rotate(204deg);
}

/* ---------- Scrollable Area ---------- */
.preferred-card-content {
    max-height: 260px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

/* Custom Scrollbar */
.preferred-card-content::-webkit-scrollbar {
    width: 5px;
}

.preferred-card-content::-webkit-scrollbar-thumb {
    background: rgba(0, 80, 200, 0.4);
    border-radius: 6px;
}

.preferred-card-content::-webkit-scrollbar-track {
    background: transparent;
}

/* ---------- Responsive ---------- */
@media (max-width: 768px) {
    .preferred-card {
        padding: 20px;
    }
    .cat-card-title {
        font-size: 26px;
    }
}

@media (max-width: 480px) {
    .preferred-card {
        padding: 16px;
    }
    .cat-card-title {
        font-size: 22px;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-39a626d */.elementor-2971 .elementor-element.elementor-element-39a626d {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c37ca70 */.elementor-2971 .elementor-element.elementor-element-c37ca70 {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2b22952 */.elementor-2971 .elementor-element.elementor-element-2b22952 {
    height: 320px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

.elementor-2971 .elementor-element.elementor-element-2b22952::-webkit-scrollbar {
    width: 6px;
}

.elementor-2971 .elementor-element.elementor-element-2b22952::-webkit-scrollbar-track {
    background: rgba(255,255,255,0.1);
    border-radius: 10px;
}

.elementor-2971 .elementor-element.elementor-element-2b22952::-webkit-scrollbar-thumb {
    background: #b39164;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-aa02081 *//* ---------- Premium Transparent Blue Card ---------- */
.preferred-card {
    background: rgba(0, 80, 200, 0.10); /* transparent blue */
    border-radius: 22px;
    padding: 28px;
    backdrop-filter: blur(8px); /* glass effect */
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(0, 80, 200, 0.25);
    position: relative;
    overflow: hidden;
}

/* ---------- SVG Background Pattern (Right Side Wave) ---------- */
.preferred-card::after {
    content: "";
    position: absolute;
    right: -10px;
    top: 0;
    width: 55%;
    height: 100%;
    pointer-events: none;
    opacity: 0.45;

    /* Blue wave gradient */
    background: url("data:image/svg+xml;utf8,
        <svg width='300' height='600' xmlns='http://www.w3.org/2000/svg'>
            <defs>
                <linearGradient id='g' x1='0' x2='1' y1='0.2' y2='1'>
                    <stop offset='0%' stop-color='rgba(0,80,200,0.25)' />
                    <stop offset='100%' stop-color='rgba(0,80,200,0.05)' />
                </linearGradient>
            </defs>
            <path d='M150 0 C220 150 80 300 200 450 C320 600 20 600 80 300 Z' fill='url(#g)'/>
        </svg>"
    );
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
}

/* ---------- Title ---------- */
.cat-card-title {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e;
}

.shifting-text {
    font-size: 13px;
    letter-spacing: 1px;
    color: #0054c9;
    font-weight: 600;
}

/* ---------- Text ---------- */
.preferred-card-content > p {
    color: #00315f;
    line-height: 1.5;
    margin-bottom: 18px;
}

/* ---------- Icons Tint ---------- */
.icon img {
    width: 28px;
    height: auto;
    filter: brightness(0) saturate(100%) invert(23%) sepia(90%) saturate(1789%) hue-rotate(204deg);
}

/* ---------- Scrollable Area ---------- */
.preferred-card-content {
    max-height: 260px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

/* Custom Scrollbar */
.preferred-card-content::-webkit-scrollbar {
    width: 5px;
}

.preferred-card-content::-webkit-scrollbar-thumb {
    background: rgba(0, 80, 200, 0.4);
    border-radius: 6px;
}

.preferred-card-content::-webkit-scrollbar-track {
    background: transparent;
}

/* ---------- Responsive ---------- */
@media (max-width: 768px) {
    .preferred-card {
        padding: 20px;
    }
    .cat-card-title {
        font-size: 26px;
    }
}

@media (max-width: 480px) {
    .preferred-card {
        padding: 16px;
    }
    .cat-card-title {
        font-size: 22px;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d8ccaf8 */.elementor-2971 .elementor-element.elementor-element-d8ccaf8 {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-0e711f2 */.elementor-2971 .elementor-element.elementor-element-0e711f2 {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9c99c1d */.elementor-2971 .elementor-element.elementor-element-9c99c1d {
    height: 320px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

.elementor-2971 .elementor-element.elementor-element-9c99c1d::-webkit-scrollbar {
    width: 6px;
}

.elementor-2971 .elementor-element.elementor-element-9c99c1d::-webkit-scrollbar-track {
    background: rgba(255,255,255,0.1);
    border-radius: 10px;
}

.elementor-2971 .elementor-element.elementor-element-9c99c1d::-webkit-scrollbar-thumb {
    background: #b39164;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b4930dc *//* ---------- Premium Transparent Blue Card ---------- */
.preferred-card {
    background: rgba(0, 80, 200, 0.10); /* transparent blue */
    border-radius: 22px;
    padding: 28px;
    backdrop-filter: blur(8px); /* glass effect */
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(0, 80, 200, 0.25);
    position: relative;
    overflow: hidden;
}

/* ---------- SVG Background Pattern (Right Side Wave) ---------- */
.preferred-card::after {
    content: "";
    position: absolute;
    right: -10px;
    top: 0;
    width: 55%;
    height: 100%;
    pointer-events: none;
    opacity: 0.45;

    /* Blue wave gradient */
    background: url("data:image/svg+xml;utf8,
        <svg width='300' height='600' xmlns='http://www.w3.org/2000/svg'>
            <defs>
                <linearGradient id='g' x1='0' x2='1' y1='0.2' y2='1'>
                    <stop offset='0%' stop-color='rgba(0,80,200,0.25)' />
                    <stop offset='100%' stop-color='rgba(0,80,200,0.05)' />
                </linearGradient>
            </defs>
            <path d='M150 0 C220 150 80 300 200 450 C320 600 20 600 80 300 Z' fill='url(#g)'/>
        </svg>"
    );
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
}

/* ---------- Title ---------- */
.cat-card-title {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e;
}

.shifting-text {
    font-size: 13px;
    letter-spacing: 1px;
    color: #0054c9;
    font-weight: 600;
}

/* ---------- Text ---------- */
.preferred-card-content > p {
    color: #00315f;
    line-height: 1.5;
    margin-bottom: 18px;
}

/* ---------- Icons Tint ---------- */
.icon img {
    width: 28px;
    height: auto;
    filter: brightness(0) saturate(100%) invert(23%) sepia(90%) saturate(1789%) hue-rotate(204deg);
}

/* ---------- Scrollable Area ---------- */
.preferred-card-content {
    max-height: 260px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

/* Custom Scrollbar */
.preferred-card-content::-webkit-scrollbar {
    width: 5px;
}

.preferred-card-content::-webkit-scrollbar-thumb {
    background: rgba(0, 80, 200, 0.4);
    border-radius: 6px;
}

.preferred-card-content::-webkit-scrollbar-track {
    background: transparent;
}

/* ---------- Responsive ---------- */
@media (max-width: 768px) {
    .preferred-card {
        padding: 20px;
    }
    .cat-card-title {
        font-size: 26px;
    }
}

@media (max-width: 480px) {
    .preferred-card {
        padding: 16px;
    }
    .cat-card-title {
        font-size: 22px;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5d7684f */.elementor-2971 .elementor-element.elementor-element-5d7684f {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-19d7e52 */.elementor-2971 .elementor-element.elementor-element-19d7e52 {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f42a1e0 */.elementor-2971 .elementor-element.elementor-element-f42a1e0 {
    height: 320px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

.elementor-2971 .elementor-element.elementor-element-f42a1e0::-webkit-scrollbar {
    width: 6px;
}

.elementor-2971 .elementor-element.elementor-element-f42a1e0::-webkit-scrollbar-track {
    background: rgba(255,255,255,0.1);
    border-radius: 10px;
}

.elementor-2971 .elementor-element.elementor-element-f42a1e0::-webkit-scrollbar-thumb {
    background: #b39164;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-13d92d1 *//* ---------- Premium Transparent Blue Card ---------- */
.preferred-card {
    background: rgba(0, 80, 200, 0.10); /* transparent blue */
    border-radius: 22px;
    padding: 28px;
    backdrop-filter: blur(8px); /* glass effect */
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(0, 80, 200, 0.25);
    position: relative;
    overflow: hidden;
}

/* ---------- SVG Background Pattern (Right Side Wave) ---------- */
.preferred-card::after {
    content: "";
    position: absolute;
    right: -10px;
    top: 0;
    width: 55%;
    height: 100%;
    pointer-events: none;
    opacity: 0.45;

    /* Blue wave gradient */
    background: url("data:image/svg+xml;utf8,
        <svg width='300' height='600' xmlns='http://www.w3.org/2000/svg'>
            <defs>
                <linearGradient id='g' x1='0' x2='1' y1='0.2' y2='1'>
                    <stop offset='0%' stop-color='rgba(0,80,200,0.25)' />
                    <stop offset='100%' stop-color='rgba(0,80,200,0.05)' />
                </linearGradient>
            </defs>
            <path d='M150 0 C220 150 80 300 200 450 C320 600 20 600 80 300 Z' fill='url(#g)'/>
        </svg>"
    );
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
}

/* ---------- Title ---------- */
.cat-card-title {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e;
}

.shifting-text {
    font-size: 13px;
    letter-spacing: 1px;
    color: #0054c9;
    font-weight: 600;
}

/* ---------- Text ---------- */
.preferred-card-content > p {
    color: #00315f;
    line-height: 1.5;
    margin-bottom: 18px;
}

/* ---------- Icons Tint ---------- */
.icon img {
    width: 28px;
    height: auto;
    filter: brightness(0) saturate(100%) invert(23%) sepia(90%) saturate(1789%) hue-rotate(204deg);
}

/* ---------- Scrollable Area ---------- */
.preferred-card-content {
    max-height: 260px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

/* Custom Scrollbar */
.preferred-card-content::-webkit-scrollbar {
    width: 5px;
}

.preferred-card-content::-webkit-scrollbar-thumb {
    background: rgba(0, 80, 200, 0.4);
    border-radius: 6px;
}

.preferred-card-content::-webkit-scrollbar-track {
    background: transparent;
}

/* ---------- Responsive ---------- */
@media (max-width: 768px) {
    .preferred-card {
        padding: 20px;
    }
    .cat-card-title {
        font-size: 26px;
    }
}

@media (max-width: 480px) {
    .preferred-card {
        padding: 16px;
    }
    .cat-card-title {
        font-size: 22px;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d3c8449 */.elementor-2971 .elementor-element.elementor-element-d3c8449 {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-fd9855f */.elementor-2971 .elementor-element.elementor-element-fd9855f {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bfa89b2 */.elementor-2971 .elementor-element.elementor-element-bfa89b2 {
    height: 320px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

.elementor-2971 .elementor-element.elementor-element-bfa89b2::-webkit-scrollbar {
    width: 6px;
}

.elementor-2971 .elementor-element.elementor-element-bfa89b2::-webkit-scrollbar-track {
    background: rgba(255,255,255,0.1);
    border-radius: 10px;
}

.elementor-2971 .elementor-element.elementor-element-bfa89b2::-webkit-scrollbar-thumb {
    background: #b39164;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-eea8da5 *//* ---------- Premium Transparent Blue Card ---------- */
.preferred-card {
    background: rgba(0, 80, 200, 0.10); /* transparent blue */
    border-radius: 22px;
    padding: 28px;
    backdrop-filter: blur(8px); /* glass effect */
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(0, 80, 200, 0.25);
    position: relative;
    overflow: hidden;
}

/* ---------- SVG Background Pattern (Right Side Wave) ---------- */
.preferred-card::after {
    content: "";
    position: absolute;
    right: -10px;
    top: 0;
    width: 55%;
    height: 100%;
    pointer-events: none;
    opacity: 0.45;

    /* Blue wave gradient */
    background: url("data:image/svg+xml;utf8,
        <svg width='300' height='600' xmlns='http://www.w3.org/2000/svg'>
            <defs>
                <linearGradient id='g' x1='0' x2='1' y1='0.2' y2='1'>
                    <stop offset='0%' stop-color='rgba(0,80,200,0.25)' />
                    <stop offset='100%' stop-color='rgba(0,80,200,0.05)' />
                </linearGradient>
            </defs>
            <path d='M150 0 C220 150 80 300 200 450 C320 600 20 600 80 300 Z' fill='url(#g)'/>
        </svg>"
    );
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
}

/* ---------- Title ---------- */
.cat-card-title {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e;
}

.shifting-text {
    font-size: 13px;
    letter-spacing: 1px;
    color: #0054c9;
    font-weight: 600;
}

/* ---------- Text ---------- */
.preferred-card-content > p {
    color: #00315f;
    line-height: 1.5;
    margin-bottom: 18px;
}

/* ---------- Icons Tint ---------- */
.icon img {
    width: 28px;
    height: auto;
    filter: brightness(0) saturate(100%) invert(23%) sepia(90%) saturate(1789%) hue-rotate(204deg);
}

/* ---------- Scrollable Area ---------- */
.preferred-card-content {
    max-height: 260px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

/* Custom Scrollbar */
.preferred-card-content::-webkit-scrollbar {
    width: 5px;
}

.preferred-card-content::-webkit-scrollbar-thumb {
    background: rgba(0, 80, 200, 0.4);
    border-radius: 6px;
}

.preferred-card-content::-webkit-scrollbar-track {
    background: transparent;
}

/* ---------- Responsive ---------- */
@media (max-width: 768px) {
    .preferred-card {
        padding: 20px;
    }
    .cat-card-title {
        font-size: 26px;
    }
}

@media (max-width: 480px) {
    .preferred-card {
        padding: 16px;
    }
    .cat-card-title {
        font-size: 22px;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-865678a */.elementor-2971 .elementor-element.elementor-element-865678a {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-70925a6 */.elementor-2971 .elementor-element.elementor-element-70925a6 {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4f703ff */.elementor-2971 .elementor-element.elementor-element-4f703ff {
    height: 320px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

.elementor-2971 .elementor-element.elementor-element-4f703ff::-webkit-scrollbar {
    width: 6px;
}

.elementor-2971 .elementor-element.elementor-element-4f703ff::-webkit-scrollbar-track {
    background: rgba(255,255,255,0.1);
    border-radius: 10px;
}

.elementor-2971 .elementor-element.elementor-element-4f703ff::-webkit-scrollbar-thumb {
    background: #b39164;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-69bb51c *//* ---------- Premium Transparent Blue Card ---------- */
.preferred-card {
    background: rgba(0, 80, 200, 0.10); /* transparent blue */
    border-radius: 22px;
    padding: 28px;
    backdrop-filter: blur(8px); /* glass effect */
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(0, 80, 200, 0.25);
    position: relative;
    overflow: hidden;
}

/* ---------- SVG Background Pattern (Right Side Wave) ---------- */
.preferred-card::after {
    content: "";
    position: absolute;
    right: -10px;
    top: 0;
    width: 55%;
    height: 100%;
    pointer-events: none;
    opacity: 0.45;

    /* Blue wave gradient */
    background: url("data:image/svg+xml;utf8,
        <svg width='300' height='600' xmlns='http://www.w3.org/2000/svg'>
            <defs>
                <linearGradient id='g' x1='0' x2='1' y1='0.2' y2='1'>
                    <stop offset='0%' stop-color='rgba(0,80,200,0.25)' />
                    <stop offset='100%' stop-color='rgba(0,80,200,0.05)' />
                </linearGradient>
            </defs>
            <path d='M150 0 C220 150 80 300 200 450 C320 600 20 600 80 300 Z' fill='url(#g)'/>
        </svg>"
    );
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
}

/* ---------- Title ---------- */
.cat-card-title {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e;
}

.shifting-text {
    font-size: 13px;
    letter-spacing: 1px;
    color: #0054c9;
    font-weight: 600;
}

/* ---------- Text ---------- */
.preferred-card-content > p {
    color: #00315f;
    line-height: 1.5;
    margin-bottom: 18px;
}

/* ---------- Icons Tint ---------- */
.icon img {
    width: 28px;
    height: auto;
    filter: brightness(0) saturate(100%) invert(23%) sepia(90%) saturate(1789%) hue-rotate(204deg);
}

/* ---------- Scrollable Area ---------- */
.preferred-card-content {
    max-height: 260px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

/* Custom Scrollbar */
.preferred-card-content::-webkit-scrollbar {
    width: 5px;
}

.preferred-card-content::-webkit-scrollbar-thumb {
    background: rgba(0, 80, 200, 0.4);
    border-radius: 6px;
}

.preferred-card-content::-webkit-scrollbar-track {
    background: transparent;
}

/* ---------- Responsive ---------- */
@media (max-width: 768px) {
    .preferred-card {
        padding: 20px;
    }
    .cat-card-title {
        font-size: 26px;
    }
}

@media (max-width: 480px) {
    .preferred-card {
        padding: 16px;
    }
    .cat-card-title {
        font-size: 22px;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-acbfead */.elementor-2971 .elementor-element.elementor-element-acbfead {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-b4ca823 */.elementor-2971 .elementor-element.elementor-element-b4ca823 {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-44ec01e */.elementor-2971 .elementor-element.elementor-element-44ec01e {
    height: 320px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

.elementor-2971 .elementor-element.elementor-element-44ec01e::-webkit-scrollbar {
    width: 6px;
}

.elementor-2971 .elementor-element.elementor-element-44ec01e::-webkit-scrollbar-track {
    background: rgba(255,255,255,0.1);
    border-radius: 10px;
}

.elementor-2971 .elementor-element.elementor-element-44ec01e::-webkit-scrollbar-thumb {
    background: #b39164;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-05df6e1 *//* ---------- Premium Transparent Blue Card ---------- */
.preferred-card {
    background: rgba(0, 80, 200, 0.10); /* transparent blue */
    border-radius: 22px;
    padding: 28px;
    backdrop-filter: blur(8px); /* glass effect */
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(0, 80, 200, 0.25);
    position: relative;
    overflow: hidden;
}

/* ---------- SVG Background Pattern (Right Side Wave) ---------- */
.preferred-card::after {
    content: "";
    position: absolute;
    right: -10px;
    top: 0;
    width: 55%;
    height: 100%;
    pointer-events: none;
    opacity: 0.45;

    /* Blue wave gradient */
    background: url("data:image/svg+xml;utf8,
        <svg width='300' height='600' xmlns='http://www.w3.org/2000/svg'>
            <defs>
                <linearGradient id='g' x1='0' x2='1' y1='0.2' y2='1'>
                    <stop offset='0%' stop-color='rgba(0,80,200,0.25)' />
                    <stop offset='100%' stop-color='rgba(0,80,200,0.05)' />
                </linearGradient>
            </defs>
            <path d='M150 0 C220 150 80 300 200 450 C320 600 20 600 80 300 Z' fill='url(#g)'/>
        </svg>"
    );
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
}

/* ---------- Title ---------- */
.cat-card-title {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e;
}

.shifting-text {
    font-size: 13px;
    letter-spacing: 1px;
    color: #0054c9;
    font-weight: 600;
}

/* ---------- Text ---------- */
.preferred-card-content > p {
    color: #00315f;
    line-height: 1.5;
    margin-bottom: 18px;
}

/* ---------- Icons Tint ---------- */
.icon img {
    width: 28px;
    height: auto;
    filter: brightness(0) saturate(100%) invert(23%) sepia(90%) saturate(1789%) hue-rotate(204deg);
}

/* ---------- Scrollable Area ---------- */
.preferred-card-content {
    max-height: 260px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

/* Custom Scrollbar */
.preferred-card-content::-webkit-scrollbar {
    width: 5px;
}

.preferred-card-content::-webkit-scrollbar-thumb {
    background: rgba(0, 80, 200, 0.4);
    border-radius: 6px;
}

.preferred-card-content::-webkit-scrollbar-track {
    background: transparent;
}

/* ---------- Responsive ---------- */
@media (max-width: 768px) {
    .preferred-card {
        padding: 20px;
    }
    .cat-card-title {
        font-size: 26px;
    }
}

@media (max-width: 480px) {
    .preferred-card {
        padding: 16px;
    }
    .cat-card-title {
        font-size: 22px;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5186a59 */.elementor-2971 .elementor-element.elementor-element-5186a59 {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-a3851c7 */.elementor-2971 .elementor-element.elementor-element-a3851c7 {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4d1a7c4 */.elementor-2971 .elementor-element.elementor-element-4d1a7c4 {
    height: 320px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

.elementor-2971 .elementor-element.elementor-element-4d1a7c4::-webkit-scrollbar {
    width: 6px;
}

.elementor-2971 .elementor-element.elementor-element-4d1a7c4::-webkit-scrollbar-track {
    background: rgba(255,255,255,0.1);
    border-radius: 10px;
}

.elementor-2971 .elementor-element.elementor-element-4d1a7c4::-webkit-scrollbar-thumb {
    background: #b39164;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3381091 *//* ---------- Premium Transparent Blue Card ---------- */
.preferred-card {
    background: rgba(0, 80, 200, 0.10); /* transparent blue */
    border-radius: 22px;
    padding: 28px;
    backdrop-filter: blur(8px); /* glass effect */
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(0, 80, 200, 0.25);
    position: relative;
    overflow: hidden;
}

/* ---------- SVG Background Pattern (Right Side Wave) ---------- */
.preferred-card::after {
    content: "";
    position: absolute;
    right: -10px;
    top: 0;
    width: 55%;
    height: 100%;
    pointer-events: none;
    opacity: 0.45;

    /* Blue wave gradient */
    background: url("data:image/svg+xml;utf8,
        <svg width='300' height='600' xmlns='http://www.w3.org/2000/svg'>
            <defs>
                <linearGradient id='g' x1='0' x2='1' y1='0.2' y2='1'>
                    <stop offset='0%' stop-color='rgba(0,80,200,0.25)' />
                    <stop offset='100%' stop-color='rgba(0,80,200,0.05)' />
                </linearGradient>
            </defs>
            <path d='M150 0 C220 150 80 300 200 450 C320 600 20 600 80 300 Z' fill='url(#g)'/>
        </svg>"
    );
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
}

/* ---------- Title ---------- */
.cat-card-title {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e;
}

.shifting-text {
    font-size: 13px;
    letter-spacing: 1px;
    color: #0054c9;
    font-weight: 600;
}

/* ---------- Text ---------- */
.preferred-card-content > p {
    color: #00315f;
    line-height: 1.5;
    margin-bottom: 18px;
}

/* ---------- Icons Tint ---------- */
.icon img {
    width: 28px;
    height: auto;
    filter: brightness(0) saturate(100%) invert(23%) sepia(90%) saturate(1789%) hue-rotate(204deg);
}

/* ---------- Scrollable Area ---------- */
.preferred-card-content {
    max-height: 260px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

/* Custom Scrollbar */
.preferred-card-content::-webkit-scrollbar {
    width: 5px;
}

.preferred-card-content::-webkit-scrollbar-thumb {
    background: rgba(0, 80, 200, 0.4);
    border-radius: 6px;
}

.preferred-card-content::-webkit-scrollbar-track {
    background: transparent;
}

/* ---------- Responsive ---------- */
@media (max-width: 768px) {
    .preferred-card {
        padding: 20px;
    }
    .cat-card-title {
        font-size: 26px;
    }
}

@media (max-width: 480px) {
    .preferred-card {
        padding: 16px;
    }
    .cat-card-title {
        font-size: 22px;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-fdd7649 */.elementor-2971 .elementor-element.elementor-element-fdd7649 {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-08ad947 */.elementor-2971 .elementor-element.elementor-element-08ad947 {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b90964f */.elementor-2971 .elementor-element.elementor-element-b90964f {
    height: 320px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

.elementor-2971 .elementor-element.elementor-element-b90964f::-webkit-scrollbar {
    width: 6px;
}

.elementor-2971 .elementor-element.elementor-element-b90964f::-webkit-scrollbar-track {
    background: rgba(255,255,255,0.1);
    border-radius: 10px;
}

.elementor-2971 .elementor-element.elementor-element-b90964f::-webkit-scrollbar-thumb {
    background: #b39164;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f753fab *//* ---------- Premium Transparent Blue Card ---------- */
.preferred-card {
    background: rgba(0, 80, 200, 0.10); /* transparent blue */
    border-radius: 22px;
    padding: 28px;
    backdrop-filter: blur(8px); /* glass effect */
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(0, 80, 200, 0.25);
    position: relative;
    overflow: hidden;
}

/* ---------- SVG Background Pattern (Right Side Wave) ---------- */
.preferred-card::after {
    content: "";
    position: absolute;
    right: -10px;
    top: 0;
    width: 55%;
    height: 100%;
    pointer-events: none;
    opacity: 0.45;

    /* Blue wave gradient */
    background: url("data:image/svg+xml;utf8,
        <svg width='300' height='600' xmlns='http://www.w3.org/2000/svg'>
            <defs>
                <linearGradient id='g' x1='0' x2='1' y1='0.2' y2='1'>
                    <stop offset='0%' stop-color='rgba(0,80,200,0.25)' />
                    <stop offset='100%' stop-color='rgba(0,80,200,0.05)' />
                </linearGradient>
            </defs>
            <path d='M150 0 C220 150 80 300 200 450 C320 600 20 600 80 300 Z' fill='url(#g)'/>
        </svg>"
    );
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
}

/* ---------- Title ---------- */
.cat-card-title {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e;
}

.shifting-text {
    font-size: 13px;
    letter-spacing: 1px;
    color: #0054c9;
    font-weight: 600;
}

/* ---------- Text ---------- */
.preferred-card-content > p {
    color: #00315f;
    line-height: 1.5;
    margin-bottom: 18px;
}

/* ---------- Icons Tint ---------- */
.icon img {
    width: 28px;
    height: auto;
    filter: brightness(0) saturate(100%) invert(23%) sepia(90%) saturate(1789%) hue-rotate(204deg);
}

/* ---------- Scrollable Area ---------- */
.preferred-card-content {
    max-height: 260px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

/* Custom Scrollbar */
.preferred-card-content::-webkit-scrollbar {
    width: 5px;
}

.preferred-card-content::-webkit-scrollbar-thumb {
    background: rgba(0, 80, 200, 0.4);
    border-radius: 6px;
}

.preferred-card-content::-webkit-scrollbar-track {
    background: transparent;
}

/* ---------- Responsive ---------- */
@media (max-width: 768px) {
    .preferred-card {
        padding: 20px;
    }
    .cat-card-title {
        font-size: 26px;
    }
}

@media (max-width: 480px) {
    .preferred-card {
        padding: 16px;
    }
    .cat-card-title {
        font-size: 22px;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f8c0cc9 */.elementor-2971 .elementor-element.elementor-element-f8c0cc9 {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-a18b7e4 */.elementor-2971 .elementor-element.elementor-element-a18b7e4 {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f8a4fc4 */.elementor-2971 .elementor-element.elementor-element-f8a4fc4 {
    height: 320px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

.elementor-2971 .elementor-element.elementor-element-f8a4fc4::-webkit-scrollbar {
    width: 6px;
}

.elementor-2971 .elementor-element.elementor-element-f8a4fc4::-webkit-scrollbar-track {
    background: rgba(255,255,255,0.1);
    border-radius: 10px;
}

.elementor-2971 .elementor-element.elementor-element-f8a4fc4::-webkit-scrollbar-thumb {
    background: #b39164;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5931137 *//* ---------- Premium Transparent Blue Card ---------- */
.preferred-card {
    background: rgba(0, 80, 200, 0.10); /* transparent blue */
    border-radius: 22px;
    padding: 28px;
    backdrop-filter: blur(8px); /* glass effect */
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(0, 80, 200, 0.25);
    position: relative;
    overflow: hidden;
}

/* ---------- SVG Background Pattern (Right Side Wave) ---------- */
.preferred-card::after {
    content: "";
    position: absolute;
    right: -10px;
    top: 0;
    width: 55%;
    height: 100%;
    pointer-events: none;
    opacity: 0.45;

    /* Blue wave gradient */
    background: url("data:image/svg+xml;utf8,
        <svg width='300' height='600' xmlns='http://www.w3.org/2000/svg'>
            <defs>
                <linearGradient id='g' x1='0' x2='1' y1='0.2' y2='1'>
                    <stop offset='0%' stop-color='rgba(0,80,200,0.25)' />
                    <stop offset='100%' stop-color='rgba(0,80,200,0.05)' />
                </linearGradient>
            </defs>
            <path d='M150 0 C220 150 80 300 200 450 C320 600 20 600 80 300 Z' fill='url(#g)'/>
        </svg>"
    );
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
}

/* ---------- Title ---------- */
.cat-card-title {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e;
}

.shifting-text {
    font-size: 13px;
    letter-spacing: 1px;
    color: #0054c9;
    font-weight: 600;
}

/* ---------- Text ---------- */
.preferred-card-content > p {
    color: #00315f;
    line-height: 1.5;
    margin-bottom: 18px;
}

/* ---------- Icons Tint ---------- */
.icon img {
    width: 28px;
    height: auto;
    filter: brightness(0) saturate(100%) invert(23%) sepia(90%) saturate(1789%) hue-rotate(204deg);
}

/* ---------- Scrollable Area ---------- */
.preferred-card-content {
    max-height: 260px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

/* Custom Scrollbar */
.preferred-card-content::-webkit-scrollbar {
    width: 5px;
}

.preferred-card-content::-webkit-scrollbar-thumb {
    background: rgba(0, 80, 200, 0.4);
    border-radius: 6px;
}

.preferred-card-content::-webkit-scrollbar-track {
    background: transparent;
}

/* ---------- Responsive ---------- */
@media (max-width: 768px) {
    .preferred-card {
        padding: 20px;
    }
    .cat-card-title {
        font-size: 26px;
    }
}

@media (max-width: 480px) {
    .preferred-card {
        padding: 16px;
    }
    .cat-card-title {
        font-size: 22px;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e20e2b8 */.elementor-2971 .elementor-element.elementor-element-e20e2b8 {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-0f5b0fe */.elementor-2971 .elementor-element.elementor-element-0f5b0fe {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-05a7fa2 */.elementor-2971 .elementor-element.elementor-element-05a7fa2 {
    height: 320px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

.elementor-2971 .elementor-element.elementor-element-05a7fa2::-webkit-scrollbar {
    width: 6px;
}

.elementor-2971 .elementor-element.elementor-element-05a7fa2::-webkit-scrollbar-track {
    background: rgba(255,255,255,0.1);
    border-radius: 10px;
}

.elementor-2971 .elementor-element.elementor-element-05a7fa2::-webkit-scrollbar-thumb {
    background: #b39164;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fabfd59 *//* ---------- Premium Transparent Blue Card ---------- */
.preferred-card {
    background: rgba(0, 80, 200, 0.10); /* transparent blue */
    border-radius: 22px;
    padding: 28px;
    backdrop-filter: blur(8px); /* glass effect */
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(0, 80, 200, 0.25);
    position: relative;
    overflow: hidden;
}

/* ---------- SVG Background Pattern (Right Side Wave) ---------- */
.preferred-card::after {
    content: "";
    position: absolute;
    right: -10px;
    top: 0;
    width: 55%;
    height: 100%;
    pointer-events: none;
    opacity: 0.45;

    /* Blue wave gradient */
    background: url("data:image/svg+xml;utf8,
        <svg width='300' height='600' xmlns='http://www.w3.org/2000/svg'>
            <defs>
                <linearGradient id='g' x1='0' x2='1' y1='0.2' y2='1'>
                    <stop offset='0%' stop-color='rgba(0,80,200,0.25)' />
                    <stop offset='100%' stop-color='rgba(0,80,200,0.05)' />
                </linearGradient>
            </defs>
            <path d='M150 0 C220 150 80 300 200 450 C320 600 20 600 80 300 Z' fill='url(#g)'/>
        </svg>"
    );
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
}

/* ---------- Title ---------- */
.cat-card-title {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e;
}

.shifting-text {
    font-size: 13px;
    letter-spacing: 1px;
    color: #0054c9;
    font-weight: 600;
}

/* ---------- Text ---------- */
.preferred-card-content > p {
    color: #00315f;
    line-height: 1.5;
    margin-bottom: 18px;
}

/* ---------- Icons Tint ---------- */
.icon img {
    width: 28px;
    height: auto;
    filter: brightness(0) saturate(100%) invert(23%) sepia(90%) saturate(1789%) hue-rotate(204deg);
}

/* ---------- Scrollable Area ---------- */
.preferred-card-content {
    max-height: 260px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

/* Custom Scrollbar */
.preferred-card-content::-webkit-scrollbar {
    width: 5px;
}

.preferred-card-content::-webkit-scrollbar-thumb {
    background: rgba(0, 80, 200, 0.4);
    border-radius: 6px;
}

.preferred-card-content::-webkit-scrollbar-track {
    background: transparent;
}

/* ---------- Responsive ---------- */
@media (max-width: 768px) {
    .preferred-card {
        padding: 20px;
    }
    .cat-card-title {
        font-size: 26px;
    }
}

@media (max-width: 480px) {
    .preferred-card {
        padding: 16px;
    }
    .cat-card-title {
        font-size: 22px;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-39a626d */.elementor-2971 .elementor-element.elementor-element-39a626d {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c37ca70 */.elementor-2971 .elementor-element.elementor-element-c37ca70 {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2b22952 */.elementor-2971 .elementor-element.elementor-element-2b22952 {
    height: 320px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

.elementor-2971 .elementor-element.elementor-element-2b22952::-webkit-scrollbar {
    width: 6px;
}

.elementor-2971 .elementor-element.elementor-element-2b22952::-webkit-scrollbar-track {
    background: rgba(255,255,255,0.1);
    border-radius: 10px;
}

.elementor-2971 .elementor-element.elementor-element-2b22952::-webkit-scrollbar-thumb {
    background: #b39164;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-aa02081 *//* ---------- Premium Transparent Blue Card ---------- */
.preferred-card {
    background: rgba(0, 80, 200, 0.10); /* transparent blue */
    border-radius: 22px;
    padding: 28px;
    backdrop-filter: blur(8px); /* glass effect */
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(0, 80, 200, 0.25);
    position: relative;
    overflow: hidden;
}

/* ---------- SVG Background Pattern (Right Side Wave) ---------- */
.preferred-card::after {
    content: "";
    position: absolute;
    right: -10px;
    top: 0;
    width: 55%;
    height: 100%;
    pointer-events: none;
    opacity: 0.45;

    /* Blue wave gradient */
    background: url("data:image/svg+xml;utf8,
        <svg width='300' height='600' xmlns='http://www.w3.org/2000/svg'>
            <defs>
                <linearGradient id='g' x1='0' x2='1' y1='0.2' y2='1'>
                    <stop offset='0%' stop-color='rgba(0,80,200,0.25)' />
                    <stop offset='100%' stop-color='rgba(0,80,200,0.05)' />
                </linearGradient>
            </defs>
            <path d='M150 0 C220 150 80 300 200 450 C320 600 20 600 80 300 Z' fill='url(#g)'/>
        </svg>"
    );
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
}

/* ---------- Title ---------- */
.cat-card-title {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e;
}

.shifting-text {
    font-size: 13px;
    letter-spacing: 1px;
    color: #0054c9;
    font-weight: 600;
}

/* ---------- Text ---------- */
.preferred-card-content > p {
    color: #00315f;
    line-height: 1.5;
    margin-bottom: 18px;
}

/* ---------- Icons Tint ---------- */
.icon img {
    width: 28px;
    height: auto;
    filter: brightness(0) saturate(100%) invert(23%) sepia(90%) saturate(1789%) hue-rotate(204deg);
}

/* ---------- Scrollable Area ---------- */
.preferred-card-content {
    max-height: 260px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

/* Custom Scrollbar */
.preferred-card-content::-webkit-scrollbar {
    width: 5px;
}

.preferred-card-content::-webkit-scrollbar-thumb {
    background: rgba(0, 80, 200, 0.4);
    border-radius: 6px;
}

.preferred-card-content::-webkit-scrollbar-track {
    background: transparent;
}

/* ---------- Responsive ---------- */
@media (max-width: 768px) {
    .preferred-card {
        padding: 20px;
    }
    .cat-card-title {
        font-size: 26px;
    }
}

@media (max-width: 480px) {
    .preferred-card {
        padding: 16px;
    }
    .cat-card-title {
        font-size: 22px;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d8ccaf8 */.elementor-2971 .elementor-element.elementor-element-d8ccaf8 {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-0e711f2 */.elementor-2971 .elementor-element.elementor-element-0e711f2 {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9c99c1d */.elementor-2971 .elementor-element.elementor-element-9c99c1d {
    height: 320px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

.elementor-2971 .elementor-element.elementor-element-9c99c1d::-webkit-scrollbar {
    width: 6px;
}

.elementor-2971 .elementor-element.elementor-element-9c99c1d::-webkit-scrollbar-track {
    background: rgba(255,255,255,0.1);
    border-radius: 10px;
}

.elementor-2971 .elementor-element.elementor-element-9c99c1d::-webkit-scrollbar-thumb {
    background: #b39164;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b4930dc *//* ---------- Premium Transparent Blue Card ---------- */
.preferred-card {
    background: rgba(0, 80, 200, 0.10); /* transparent blue */
    border-radius: 22px;
    padding: 28px;
    backdrop-filter: blur(8px); /* glass effect */
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(0, 80, 200, 0.25);
    position: relative;
    overflow: hidden;
}

/* ---------- SVG Background Pattern (Right Side Wave) ---------- */
.preferred-card::after {
    content: "";
    position: absolute;
    right: -10px;
    top: 0;
    width: 55%;
    height: 100%;
    pointer-events: none;
    opacity: 0.45;

    /* Blue wave gradient */
    background: url("data:image/svg+xml;utf8,
        <svg width='300' height='600' xmlns='http://www.w3.org/2000/svg'>
            <defs>
                <linearGradient id='g' x1='0' x2='1' y1='0.2' y2='1'>
                    <stop offset='0%' stop-color='rgba(0,80,200,0.25)' />
                    <stop offset='100%' stop-color='rgba(0,80,200,0.05)' />
                </linearGradient>
            </defs>
            <path d='M150 0 C220 150 80 300 200 450 C320 600 20 600 80 300 Z' fill='url(#g)'/>
        </svg>"
    );
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
}

/* ---------- Title ---------- */
.cat-card-title {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e;
}

.shifting-text {
    font-size: 13px;
    letter-spacing: 1px;
    color: #0054c9;
    font-weight: 600;
}

/* ---------- Text ---------- */
.preferred-card-content > p {
    color: #00315f;
    line-height: 1.5;
    margin-bottom: 18px;
}

/* ---------- Icons Tint ---------- */
.icon img {
    width: 28px;
    height: auto;
    filter: brightness(0) saturate(100%) invert(23%) sepia(90%) saturate(1789%) hue-rotate(204deg);
}

/* ---------- Scrollable Area ---------- */
.preferred-card-content {
    max-height: 260px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

/* Custom Scrollbar */
.preferred-card-content::-webkit-scrollbar {
    width: 5px;
}

.preferred-card-content::-webkit-scrollbar-thumb {
    background: rgba(0, 80, 200, 0.4);
    border-radius: 6px;
}

.preferred-card-content::-webkit-scrollbar-track {
    background: transparent;
}

/* ---------- Responsive ---------- */
@media (max-width: 768px) {
    .preferred-card {
        padding: 20px;
    }
    .cat-card-title {
        font-size: 26px;
    }
}

@media (max-width: 480px) {
    .preferred-card {
        padding: 16px;
    }
    .cat-card-title {
        font-size: 22px;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5d7684f */.elementor-2971 .elementor-element.elementor-element-5d7684f {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-19d7e52 */.elementor-2971 .elementor-element.elementor-element-19d7e52 {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f42a1e0 */.elementor-2971 .elementor-element.elementor-element-f42a1e0 {
    height: 320px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

.elementor-2971 .elementor-element.elementor-element-f42a1e0::-webkit-scrollbar {
    width: 6px;
}

.elementor-2971 .elementor-element.elementor-element-f42a1e0::-webkit-scrollbar-track {
    background: rgba(255,255,255,0.1);
    border-radius: 10px;
}

.elementor-2971 .elementor-element.elementor-element-f42a1e0::-webkit-scrollbar-thumb {
    background: #b39164;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-13d92d1 *//* ---------- Premium Transparent Blue Card ---------- */
.preferred-card {
    background: rgba(0, 80, 200, 0.10); /* transparent blue */
    border-radius: 22px;
    padding: 28px;
    backdrop-filter: blur(8px); /* glass effect */
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(0, 80, 200, 0.25);
    position: relative;
    overflow: hidden;
}

/* ---------- SVG Background Pattern (Right Side Wave) ---------- */
.preferred-card::after {
    content: "";
    position: absolute;
    right: -10px;
    top: 0;
    width: 55%;
    height: 100%;
    pointer-events: none;
    opacity: 0.45;

    /* Blue wave gradient */
    background: url("data:image/svg+xml;utf8,
        <svg width='300' height='600' xmlns='http://www.w3.org/2000/svg'>
            <defs>
                <linearGradient id='g' x1='0' x2='1' y1='0.2' y2='1'>
                    <stop offset='0%' stop-color='rgba(0,80,200,0.25)' />
                    <stop offset='100%' stop-color='rgba(0,80,200,0.05)' />
                </linearGradient>
            </defs>
            <path d='M150 0 C220 150 80 300 200 450 C320 600 20 600 80 300 Z' fill='url(#g)'/>
        </svg>"
    );
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
}

/* ---------- Title ---------- */
.cat-card-title {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e;
}

.shifting-text {
    font-size: 13px;
    letter-spacing: 1px;
    color: #0054c9;
    font-weight: 600;
}

/* ---------- Text ---------- */
.preferred-card-content > p {
    color: #00315f;
    line-height: 1.5;
    margin-bottom: 18px;
}

/* ---------- Icons Tint ---------- */
.icon img {
    width: 28px;
    height: auto;
    filter: brightness(0) saturate(100%) invert(23%) sepia(90%) saturate(1789%) hue-rotate(204deg);
}

/* ---------- Scrollable Area ---------- */
.preferred-card-content {
    max-height: 260px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

/* Custom Scrollbar */
.preferred-card-content::-webkit-scrollbar {
    width: 5px;
}

.preferred-card-content::-webkit-scrollbar-thumb {
    background: rgba(0, 80, 200, 0.4);
    border-radius: 6px;
}

.preferred-card-content::-webkit-scrollbar-track {
    background: transparent;
}

/* ---------- Responsive ---------- */
@media (max-width: 768px) {
    .preferred-card {
        padding: 20px;
    }
    .cat-card-title {
        font-size: 26px;
    }
}

@media (max-width: 480px) {
    .preferred-card {
        padding: 16px;
    }
    .cat-card-title {
        font-size: 22px;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d3c8449 */.elementor-2971 .elementor-element.elementor-element-d3c8449 {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-fd9855f */.elementor-2971 .elementor-element.elementor-element-fd9855f {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bfa89b2 */.elementor-2971 .elementor-element.elementor-element-bfa89b2 {
    height: 320px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

.elementor-2971 .elementor-element.elementor-element-bfa89b2::-webkit-scrollbar {
    width: 6px;
}

.elementor-2971 .elementor-element.elementor-element-bfa89b2::-webkit-scrollbar-track {
    background: rgba(255,255,255,0.1);
    border-radius: 10px;
}

.elementor-2971 .elementor-element.elementor-element-bfa89b2::-webkit-scrollbar-thumb {
    background: #b39164;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-eea8da5 *//* ---------- Premium Transparent Blue Card ---------- */
.preferred-card {
    background: rgba(0, 80, 200, 0.10); /* transparent blue */
    border-radius: 22px;
    padding: 28px;
    backdrop-filter: blur(8px); /* glass effect */
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(0, 80, 200, 0.25);
    position: relative;
    overflow: hidden;
}

/* ---------- SVG Background Pattern (Right Side Wave) ---------- */
.preferred-card::after {
    content: "";
    position: absolute;
    right: -10px;
    top: 0;
    width: 55%;
    height: 100%;
    pointer-events: none;
    opacity: 0.45;

    /* Blue wave gradient */
    background: url("data:image/svg+xml;utf8,
        <svg width='300' height='600' xmlns='http://www.w3.org/2000/svg'>
            <defs>
                <linearGradient id='g' x1='0' x2='1' y1='0.2' y2='1'>
                    <stop offset='0%' stop-color='rgba(0,80,200,0.25)' />
                    <stop offset='100%' stop-color='rgba(0,80,200,0.05)' />
                </linearGradient>
            </defs>
            <path d='M150 0 C220 150 80 300 200 450 C320 600 20 600 80 300 Z' fill='url(#g)'/>
        </svg>"
    );
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
}

/* ---------- Title ---------- */
.cat-card-title {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e;
}

.shifting-text {
    font-size: 13px;
    letter-spacing: 1px;
    color: #0054c9;
    font-weight: 600;
}

/* ---------- Text ---------- */
.preferred-card-content > p {
    color: #00315f;
    line-height: 1.5;
    margin-bottom: 18px;
}

/* ---------- Icons Tint ---------- */
.icon img {
    width: 28px;
    height: auto;
    filter: brightness(0) saturate(100%) invert(23%) sepia(90%) saturate(1789%) hue-rotate(204deg);
}

/* ---------- Scrollable Area ---------- */
.preferred-card-content {
    max-height: 260px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

/* Custom Scrollbar */
.preferred-card-content::-webkit-scrollbar {
    width: 5px;
}

.preferred-card-content::-webkit-scrollbar-thumb {
    background: rgba(0, 80, 200, 0.4);
    border-radius: 6px;
}

.preferred-card-content::-webkit-scrollbar-track {
    background: transparent;
}

/* ---------- Responsive ---------- */
@media (max-width: 768px) {
    .preferred-card {
        padding: 20px;
    }
    .cat-card-title {
        font-size: 26px;
    }
}

@media (max-width: 480px) {
    .preferred-card {
        padding: 16px;
    }
    .cat-card-title {
        font-size: 22px;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-865678a */.elementor-2971 .elementor-element.elementor-element-865678a {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-70925a6 */.elementor-2971 .elementor-element.elementor-element-70925a6 {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4f703ff */.elementor-2971 .elementor-element.elementor-element-4f703ff {
    height: 320px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

.elementor-2971 .elementor-element.elementor-element-4f703ff::-webkit-scrollbar {
    width: 6px;
}

.elementor-2971 .elementor-element.elementor-element-4f703ff::-webkit-scrollbar-track {
    background: rgba(255,255,255,0.1);
    border-radius: 10px;
}

.elementor-2971 .elementor-element.elementor-element-4f703ff::-webkit-scrollbar-thumb {
    background: #b39164;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-69bb51c *//* ---------- Premium Transparent Blue Card ---------- */
.preferred-card {
    background: rgba(0, 80, 200, 0.10); /* transparent blue */
    border-radius: 22px;
    padding: 28px;
    backdrop-filter: blur(8px); /* glass effect */
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(0, 80, 200, 0.25);
    position: relative;
    overflow: hidden;
}

/* ---------- SVG Background Pattern (Right Side Wave) ---------- */
.preferred-card::after {
    content: "";
    position: absolute;
    right: -10px;
    top: 0;
    width: 55%;
    height: 100%;
    pointer-events: none;
    opacity: 0.45;

    /* Blue wave gradient */
    background: url("data:image/svg+xml;utf8,
        <svg width='300' height='600' xmlns='http://www.w3.org/2000/svg'>
            <defs>
                <linearGradient id='g' x1='0' x2='1' y1='0.2' y2='1'>
                    <stop offset='0%' stop-color='rgba(0,80,200,0.25)' />
                    <stop offset='100%' stop-color='rgba(0,80,200,0.05)' />
                </linearGradient>
            </defs>
            <path d='M150 0 C220 150 80 300 200 450 C320 600 20 600 80 300 Z' fill='url(#g)'/>
        </svg>"
    );
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
}

/* ---------- Title ---------- */
.cat-card-title {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e;
}

.shifting-text {
    font-size: 13px;
    letter-spacing: 1px;
    color: #0054c9;
    font-weight: 600;
}

/* ---------- Text ---------- */
.preferred-card-content > p {
    color: #00315f;
    line-height: 1.5;
    margin-bottom: 18px;
}

/* ---------- Icons Tint ---------- */
.icon img {
    width: 28px;
    height: auto;
    filter: brightness(0) saturate(100%) invert(23%) sepia(90%) saturate(1789%) hue-rotate(204deg);
}

/* ---------- Scrollable Area ---------- */
.preferred-card-content {
    max-height: 260px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

/* Custom Scrollbar */
.preferred-card-content::-webkit-scrollbar {
    width: 5px;
}

.preferred-card-content::-webkit-scrollbar-thumb {
    background: rgba(0, 80, 200, 0.4);
    border-radius: 6px;
}

.preferred-card-content::-webkit-scrollbar-track {
    background: transparent;
}

/* ---------- Responsive ---------- */
@media (max-width: 768px) {
    .preferred-card {
        padding: 20px;
    }
    .cat-card-title {
        font-size: 26px;
    }
}

@media (max-width: 480px) {
    .preferred-card {
        padding: 16px;
    }
    .cat-card-title {
        font-size: 22px;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-acbfead */.elementor-2971 .elementor-element.elementor-element-acbfead {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-b4ca823 */.elementor-2971 .elementor-element.elementor-element-b4ca823 {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-44ec01e */.elementor-2971 .elementor-element.elementor-element-44ec01e {
    height: 320px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

.elementor-2971 .elementor-element.elementor-element-44ec01e::-webkit-scrollbar {
    width: 6px;
}

.elementor-2971 .elementor-element.elementor-element-44ec01e::-webkit-scrollbar-track {
    background: rgba(255,255,255,0.1);
    border-radius: 10px;
}

.elementor-2971 .elementor-element.elementor-element-44ec01e::-webkit-scrollbar-thumb {
    background: #b39164;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-05df6e1 *//* ---------- Premium Transparent Blue Card ---------- */
.preferred-card {
    background: rgba(0, 80, 200, 0.10); /* transparent blue */
    border-radius: 22px;
    padding: 28px;
    backdrop-filter: blur(8px); /* glass effect */
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(0, 80, 200, 0.25);
    position: relative;
    overflow: hidden;
}

/* ---------- SVG Background Pattern (Right Side Wave) ---------- */
.preferred-card::after {
    content: "";
    position: absolute;
    right: -10px;
    top: 0;
    width: 55%;
    height: 100%;
    pointer-events: none;
    opacity: 0.45;

    /* Blue wave gradient */
    background: url("data:image/svg+xml;utf8,
        <svg width='300' height='600' xmlns='http://www.w3.org/2000/svg'>
            <defs>
                <linearGradient id='g' x1='0' x2='1' y1='0.2' y2='1'>
                    <stop offset='0%' stop-color='rgba(0,80,200,0.25)' />
                    <stop offset='100%' stop-color='rgba(0,80,200,0.05)' />
                </linearGradient>
            </defs>
            <path d='M150 0 C220 150 80 300 200 450 C320 600 20 600 80 300 Z' fill='url(#g)'/>
        </svg>"
    );
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
}

/* ---------- Title ---------- */
.cat-card-title {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e;
}

.shifting-text {
    font-size: 13px;
    letter-spacing: 1px;
    color: #0054c9;
    font-weight: 600;
}

/* ---------- Text ---------- */
.preferred-card-content > p {
    color: #00315f;
    line-height: 1.5;
    margin-bottom: 18px;
}

/* ---------- Icons Tint ---------- */
.icon img {
    width: 28px;
    height: auto;
    filter: brightness(0) saturate(100%) invert(23%) sepia(90%) saturate(1789%) hue-rotate(204deg);
}

/* ---------- Scrollable Area ---------- */
.preferred-card-content {
    max-height: 260px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

/* Custom Scrollbar */
.preferred-card-content::-webkit-scrollbar {
    width: 5px;
}

.preferred-card-content::-webkit-scrollbar-thumb {
    background: rgba(0, 80, 200, 0.4);
    border-radius: 6px;
}

.preferred-card-content::-webkit-scrollbar-track {
    background: transparent;
}

/* ---------- Responsive ---------- */
@media (max-width: 768px) {
    .preferred-card {
        padding: 20px;
    }
    .cat-card-title {
        font-size: 26px;
    }
}

@media (max-width: 480px) {
    .preferred-card {
        padding: 16px;
    }
    .cat-card-title {
        font-size: 22px;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5186a59 */.elementor-2971 .elementor-element.elementor-element-5186a59 {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-a3851c7 */.elementor-2971 .elementor-element.elementor-element-a3851c7 {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4d1a7c4 */.elementor-2971 .elementor-element.elementor-element-4d1a7c4 {
    height: 320px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

.elementor-2971 .elementor-element.elementor-element-4d1a7c4::-webkit-scrollbar {
    width: 6px;
}

.elementor-2971 .elementor-element.elementor-element-4d1a7c4::-webkit-scrollbar-track {
    background: rgba(255,255,255,0.1);
    border-radius: 10px;
}

.elementor-2971 .elementor-element.elementor-element-4d1a7c4::-webkit-scrollbar-thumb {
    background: #b39164;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3381091 *//* ---------- Premium Transparent Blue Card ---------- */
.preferred-card {
    background: rgba(0, 80, 200, 0.10); /* transparent blue */
    border-radius: 22px;
    padding: 28px;
    backdrop-filter: blur(8px); /* glass effect */
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(0, 80, 200, 0.25);
    position: relative;
    overflow: hidden;
}

/* ---------- SVG Background Pattern (Right Side Wave) ---------- */
.preferred-card::after {
    content: "";
    position: absolute;
    right: -10px;
    top: 0;
    width: 55%;
    height: 100%;
    pointer-events: none;
    opacity: 0.45;

    /* Blue wave gradient */
    background: url("data:image/svg+xml;utf8,
        <svg width='300' height='600' xmlns='http://www.w3.org/2000/svg'>
            <defs>
                <linearGradient id='g' x1='0' x2='1' y1='0.2' y2='1'>
                    <stop offset='0%' stop-color='rgba(0,80,200,0.25)' />
                    <stop offset='100%' stop-color='rgba(0,80,200,0.05)' />
                </linearGradient>
            </defs>
            <path d='M150 0 C220 150 80 300 200 450 C320 600 20 600 80 300 Z' fill='url(#g)'/>
        </svg>"
    );
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
}

/* ---------- Title ---------- */
.cat-card-title {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e;
}

.shifting-text {
    font-size: 13px;
    letter-spacing: 1px;
    color: #0054c9;
    font-weight: 600;
}

/* ---------- Text ---------- */
.preferred-card-content > p {
    color: #00315f;
    line-height: 1.5;
    margin-bottom: 18px;
}

/* ---------- Icons Tint ---------- */
.icon img {
    width: 28px;
    height: auto;
    filter: brightness(0) saturate(100%) invert(23%) sepia(90%) saturate(1789%) hue-rotate(204deg);
}

/* ---------- Scrollable Area ---------- */
.preferred-card-content {
    max-height: 260px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

/* Custom Scrollbar */
.preferred-card-content::-webkit-scrollbar {
    width: 5px;
}

.preferred-card-content::-webkit-scrollbar-thumb {
    background: rgba(0, 80, 200, 0.4);
    border-radius: 6px;
}

.preferred-card-content::-webkit-scrollbar-track {
    background: transparent;
}

/* ---------- Responsive ---------- */
@media (max-width: 768px) {
    .preferred-card {
        padding: 20px;
    }
    .cat-card-title {
        font-size: 26px;
    }
}

@media (max-width: 480px) {
    .preferred-card {
        padding: 16px;
    }
    .cat-card-title {
        font-size: 22px;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-fdd7649 */.elementor-2971 .elementor-element.elementor-element-fdd7649 {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-08ad947 */.elementor-2971 .elementor-element.elementor-element-08ad947 {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b90964f */.elementor-2971 .elementor-element.elementor-element-b90964f {
    height: 320px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

.elementor-2971 .elementor-element.elementor-element-b90964f::-webkit-scrollbar {
    width: 6px;
}

.elementor-2971 .elementor-element.elementor-element-b90964f::-webkit-scrollbar-track {
    background: rgba(255,255,255,0.1);
    border-radius: 10px;
}

.elementor-2971 .elementor-element.elementor-element-b90964f::-webkit-scrollbar-thumb {
    background: #b39164;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f753fab *//* ---------- Premium Transparent Blue Card ---------- */
.preferred-card {
    background: rgba(0, 80, 200, 0.10); /* transparent blue */
    border-radius: 22px;
    padding: 28px;
    backdrop-filter: blur(8px); /* glass effect */
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(0, 80, 200, 0.25);
    position: relative;
    overflow: hidden;
}

/* ---------- SVG Background Pattern (Right Side Wave) ---------- */
.preferred-card::after {
    content: "";
    position: absolute;
    right: -10px;
    top: 0;
    width: 55%;
    height: 100%;
    pointer-events: none;
    opacity: 0.45;

    /* Blue wave gradient */
    background: url("data:image/svg+xml;utf8,
        <svg width='300' height='600' xmlns='http://www.w3.org/2000/svg'>
            <defs>
                <linearGradient id='g' x1='0' x2='1' y1='0.2' y2='1'>
                    <stop offset='0%' stop-color='rgba(0,80,200,0.25)' />
                    <stop offset='100%' stop-color='rgba(0,80,200,0.05)' />
                </linearGradient>
            </defs>
            <path d='M150 0 C220 150 80 300 200 450 C320 600 20 600 80 300 Z' fill='url(#g)'/>
        </svg>"
    );
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
}

/* ---------- Title ---------- */
.cat-card-title {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e;
}

.shifting-text {
    font-size: 13px;
    letter-spacing: 1px;
    color: #0054c9;
    font-weight: 600;
}

/* ---------- Text ---------- */
.preferred-card-content > p {
    color: #00315f;
    line-height: 1.5;
    margin-bottom: 18px;
}

/* ---------- Icons Tint ---------- */
.icon img {
    width: 28px;
    height: auto;
    filter: brightness(0) saturate(100%) invert(23%) sepia(90%) saturate(1789%) hue-rotate(204deg);
}

/* ---------- Scrollable Area ---------- */
.preferred-card-content {
    max-height: 260px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

/* Custom Scrollbar */
.preferred-card-content::-webkit-scrollbar {
    width: 5px;
}

.preferred-card-content::-webkit-scrollbar-thumb {
    background: rgba(0, 80, 200, 0.4);
    border-radius: 6px;
}

.preferred-card-content::-webkit-scrollbar-track {
    background: transparent;
}

/* ---------- Responsive ---------- */
@media (max-width: 768px) {
    .preferred-card {
        padding: 20px;
    }
    .cat-card-title {
        font-size: 26px;
    }
}

@media (max-width: 480px) {
    .preferred-card {
        padding: 16px;
    }
    .cat-card-title {
        font-size: 22px;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f8c0cc9 */.elementor-2971 .elementor-element.elementor-element-f8c0cc9 {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-a18b7e4 */.elementor-2971 .elementor-element.elementor-element-a18b7e4 {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f8a4fc4 */.elementor-2971 .elementor-element.elementor-element-f8a4fc4 {
    height: 320px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

.elementor-2971 .elementor-element.elementor-element-f8a4fc4::-webkit-scrollbar {
    width: 6px;
}

.elementor-2971 .elementor-element.elementor-element-f8a4fc4::-webkit-scrollbar-track {
    background: rgba(255,255,255,0.1);
    border-radius: 10px;
}

.elementor-2971 .elementor-element.elementor-element-f8a4fc4::-webkit-scrollbar-thumb {
    background: #b39164;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5931137 *//* ---------- Premium Transparent Blue Card ---------- */
.preferred-card {
    background: rgba(0, 80, 200, 0.10); /* transparent blue */
    border-radius: 22px;
    padding: 28px;
    backdrop-filter: blur(8px); /* glass effect */
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(0, 80, 200, 0.25);
    position: relative;
    overflow: hidden;
}

/* ---------- SVG Background Pattern (Right Side Wave) ---------- */
.preferred-card::after {
    content: "";
    position: absolute;
    right: -10px;
    top: 0;
    width: 55%;
    height: 100%;
    pointer-events: none;
    opacity: 0.45;

    /* Blue wave gradient */
    background: url("data:image/svg+xml;utf8,
        <svg width='300' height='600' xmlns='http://www.w3.org/2000/svg'>
            <defs>
                <linearGradient id='g' x1='0' x2='1' y1='0.2' y2='1'>
                    <stop offset='0%' stop-color='rgba(0,80,200,0.25)' />
                    <stop offset='100%' stop-color='rgba(0,80,200,0.05)' />
                </linearGradient>
            </defs>
            <path d='M150 0 C220 150 80 300 200 450 C320 600 20 600 80 300 Z' fill='url(#g)'/>
        </svg>"
    );
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
}

/* ---------- Title ---------- */
.cat-card-title {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e;
}

.shifting-text {
    font-size: 13px;
    letter-spacing: 1px;
    color: #0054c9;
    font-weight: 600;
}

/* ---------- Text ---------- */
.preferred-card-content > p {
    color: #00315f;
    line-height: 1.5;
    margin-bottom: 18px;
}

/* ---------- Icons Tint ---------- */
.icon img {
    width: 28px;
    height: auto;
    filter: brightness(0) saturate(100%) invert(23%) sepia(90%) saturate(1789%) hue-rotate(204deg);
}

/* ---------- Scrollable Area ---------- */
.preferred-card-content {
    max-height: 260px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

/* Custom Scrollbar */
.preferred-card-content::-webkit-scrollbar {
    width: 5px;
}

.preferred-card-content::-webkit-scrollbar-thumb {
    background: rgba(0, 80, 200, 0.4);
    border-radius: 6px;
}

.preferred-card-content::-webkit-scrollbar-track {
    background: transparent;
}

/* ---------- Responsive ---------- */
@media (max-width: 768px) {
    .preferred-card {
        padding: 20px;
    }
    .cat-card-title {
        font-size: 26px;
    }
}

@media (max-width: 480px) {
    .preferred-card {
        padding: 16px;
    }
    .cat-card-title {
        font-size: 22px;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e20e2b8 */.elementor-2971 .elementor-element.elementor-element-e20e2b8 {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-0f5b0fe */.elementor-2971 .elementor-element.elementor-element-0f5b0fe {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-05a7fa2 */.elementor-2971 .elementor-element.elementor-element-05a7fa2 {
    height: 320px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

.elementor-2971 .elementor-element.elementor-element-05a7fa2::-webkit-scrollbar {
    width: 6px;
}

.elementor-2971 .elementor-element.elementor-element-05a7fa2::-webkit-scrollbar-track {
    background: rgba(255,255,255,0.1);
    border-radius: 10px;
}

.elementor-2971 .elementor-element.elementor-element-05a7fa2::-webkit-scrollbar-thumb {
    background: #b39164;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fabfd59 *//* ---------- Premium Transparent Blue Card ---------- */
.preferred-card {
    background: rgba(0, 80, 200, 0.10); /* transparent blue */
    border-radius: 22px;
    padding: 28px;
    backdrop-filter: blur(8px); /* glass effect */
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(0, 80, 200, 0.25);
    position: relative;
    overflow: hidden;
}

/* ---------- SVG Background Pattern (Right Side Wave) ---------- */
.preferred-card::after {
    content: "";
    position: absolute;
    right: -10px;
    top: 0;
    width: 55%;
    height: 100%;
    pointer-events: none;
    opacity: 0.45;

    /* Blue wave gradient */
    background: url("data:image/svg+xml;utf8,
        <svg width='300' height='600' xmlns='http://www.w3.org/2000/svg'>
            <defs>
                <linearGradient id='g' x1='0' x2='1' y1='0.2' y2='1'>
                    <stop offset='0%' stop-color='rgba(0,80,200,0.25)' />
                    <stop offset='100%' stop-color='rgba(0,80,200,0.05)' />
                </linearGradient>
            </defs>
            <path d='M150 0 C220 150 80 300 200 450 C320 600 20 600 80 300 Z' fill='url(#g)'/>
        </svg>"
    );
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
}

/* ---------- Title ---------- */
.cat-card-title {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e;
}

.shifting-text {
    font-size: 13px;
    letter-spacing: 1px;
    color: #0054c9;
    font-weight: 600;
}

/* ---------- Text ---------- */
.preferred-card-content > p {
    color: #00315f;
    line-height: 1.5;
    margin-bottom: 18px;
}

/* ---------- Icons Tint ---------- */
.icon img {
    width: 28px;
    height: auto;
    filter: brightness(0) saturate(100%) invert(23%) sepia(90%) saturate(1789%) hue-rotate(204deg);
}

/* ---------- Scrollable Area ---------- */
.preferred-card-content {
    max-height: 260px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

/* Custom Scrollbar */
.preferred-card-content::-webkit-scrollbar {
    width: 5px;
}

.preferred-card-content::-webkit-scrollbar-thumb {
    background: rgba(0, 80, 200, 0.4);
    border-radius: 6px;
}

.preferred-card-content::-webkit-scrollbar-track {
    background: transparent;
}

/* ---------- Responsive ---------- */
@media (max-width: 768px) {
    .preferred-card {
        padding: 20px;
    }
    .cat-card-title {
        font-size: 26px;
    }
}

@media (max-width: 480px) {
    .preferred-card {
        padding: 16px;
    }
    .cat-card-title {
        font-size: 22px;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-39a626d */.elementor-2971 .elementor-element.elementor-element-39a626d {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c37ca70 */.elementor-2971 .elementor-element.elementor-element-c37ca70 {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2b22952 */.elementor-2971 .elementor-element.elementor-element-2b22952 {
    height: 320px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

.elementor-2971 .elementor-element.elementor-element-2b22952::-webkit-scrollbar {
    width: 6px;
}

.elementor-2971 .elementor-element.elementor-element-2b22952::-webkit-scrollbar-track {
    background: rgba(255,255,255,0.1);
    border-radius: 10px;
}

.elementor-2971 .elementor-element.elementor-element-2b22952::-webkit-scrollbar-thumb {
    background: #b39164;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-aa02081 *//* ---------- Premium Transparent Blue Card ---------- */
.preferred-card {
    background: rgba(0, 80, 200, 0.10); /* transparent blue */
    border-radius: 22px;
    padding: 28px;
    backdrop-filter: blur(8px); /* glass effect */
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(0, 80, 200, 0.25);
    position: relative;
    overflow: hidden;
}

/* ---------- SVG Background Pattern (Right Side Wave) ---------- */
.preferred-card::after {
    content: "";
    position: absolute;
    right: -10px;
    top: 0;
    width: 55%;
    height: 100%;
    pointer-events: none;
    opacity: 0.45;

    /* Blue wave gradient */
    background: url("data:image/svg+xml;utf8,
        <svg width='300' height='600' xmlns='http://www.w3.org/2000/svg'>
            <defs>
                <linearGradient id='g' x1='0' x2='1' y1='0.2' y2='1'>
                    <stop offset='0%' stop-color='rgba(0,80,200,0.25)' />
                    <stop offset='100%' stop-color='rgba(0,80,200,0.05)' />
                </linearGradient>
            </defs>
            <path d='M150 0 C220 150 80 300 200 450 C320 600 20 600 80 300 Z' fill='url(#g)'/>
        </svg>"
    );
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
}

/* ---------- Title ---------- */
.cat-card-title {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e;
}

.shifting-text {
    font-size: 13px;
    letter-spacing: 1px;
    color: #0054c9;
    font-weight: 600;
}

/* ---------- Text ---------- */
.preferred-card-content > p {
    color: #00315f;
    line-height: 1.5;
    margin-bottom: 18px;
}

/* ---------- Icons Tint ---------- */
.icon img {
    width: 28px;
    height: auto;
    filter: brightness(0) saturate(100%) invert(23%) sepia(90%) saturate(1789%) hue-rotate(204deg);
}

/* ---------- Scrollable Area ---------- */
.preferred-card-content {
    max-height: 260px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

/* Custom Scrollbar */
.preferred-card-content::-webkit-scrollbar {
    width: 5px;
}

.preferred-card-content::-webkit-scrollbar-thumb {
    background: rgba(0, 80, 200, 0.4);
    border-radius: 6px;
}

.preferred-card-content::-webkit-scrollbar-track {
    background: transparent;
}

/* ---------- Responsive ---------- */
@media (max-width: 768px) {
    .preferred-card {
        padding: 20px;
    }
    .cat-card-title {
        font-size: 26px;
    }
}

@media (max-width: 480px) {
    .preferred-card {
        padding: 16px;
    }
    .cat-card-title {
        font-size: 22px;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d8ccaf8 */.elementor-2971 .elementor-element.elementor-element-d8ccaf8 {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-0e711f2 */.elementor-2971 .elementor-element.elementor-element-0e711f2 {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9c99c1d */.elementor-2971 .elementor-element.elementor-element-9c99c1d {
    height: 320px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

.elementor-2971 .elementor-element.elementor-element-9c99c1d::-webkit-scrollbar {
    width: 6px;
}

.elementor-2971 .elementor-element.elementor-element-9c99c1d::-webkit-scrollbar-track {
    background: rgba(255,255,255,0.1);
    border-radius: 10px;
}

.elementor-2971 .elementor-element.elementor-element-9c99c1d::-webkit-scrollbar-thumb {
    background: #b39164;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b4930dc *//* ---------- Premium Transparent Blue Card ---------- */
.preferred-card {
    background: rgba(0, 80, 200, 0.10); /* transparent blue */
    border-radius: 22px;
    padding: 28px;
    backdrop-filter: blur(8px); /* glass effect */
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(0, 80, 200, 0.25);
    position: relative;
    overflow: hidden;
}

/* ---------- SVG Background Pattern (Right Side Wave) ---------- */
.preferred-card::after {
    content: "";
    position: absolute;
    right: -10px;
    top: 0;
    width: 55%;
    height: 100%;
    pointer-events: none;
    opacity: 0.45;

    /* Blue wave gradient */
    background: url("data:image/svg+xml;utf8,
        <svg width='300' height='600' xmlns='http://www.w3.org/2000/svg'>
            <defs>
                <linearGradient id='g' x1='0' x2='1' y1='0.2' y2='1'>
                    <stop offset='0%' stop-color='rgba(0,80,200,0.25)' />
                    <stop offset='100%' stop-color='rgba(0,80,200,0.05)' />
                </linearGradient>
            </defs>
            <path d='M150 0 C220 150 80 300 200 450 C320 600 20 600 80 300 Z' fill='url(#g)'/>
        </svg>"
    );
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
}

/* ---------- Title ---------- */
.cat-card-title {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e;
}

.shifting-text {
    font-size: 13px;
    letter-spacing: 1px;
    color: #0054c9;
    font-weight: 600;
}

/* ---------- Text ---------- */
.preferred-card-content > p {
    color: #00315f;
    line-height: 1.5;
    margin-bottom: 18px;
}

/* ---------- Icons Tint ---------- */
.icon img {
    width: 28px;
    height: auto;
    filter: brightness(0) saturate(100%) invert(23%) sepia(90%) saturate(1789%) hue-rotate(204deg);
}

/* ---------- Scrollable Area ---------- */
.preferred-card-content {
    max-height: 260px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

/* Custom Scrollbar */
.preferred-card-content::-webkit-scrollbar {
    width: 5px;
}

.preferred-card-content::-webkit-scrollbar-thumb {
    background: rgba(0, 80, 200, 0.4);
    border-radius: 6px;
}

.preferred-card-content::-webkit-scrollbar-track {
    background: transparent;
}

/* ---------- Responsive ---------- */
@media (max-width: 768px) {
    .preferred-card {
        padding: 20px;
    }
    .cat-card-title {
        font-size: 26px;
    }
}

@media (max-width: 480px) {
    .preferred-card {
        padding: 16px;
    }
    .cat-card-title {
        font-size: 22px;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5d7684f */.elementor-2971 .elementor-element.elementor-element-5d7684f {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-19d7e52 */.elementor-2971 .elementor-element.elementor-element-19d7e52 {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f42a1e0 */.elementor-2971 .elementor-element.elementor-element-f42a1e0 {
    height: 320px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

.elementor-2971 .elementor-element.elementor-element-f42a1e0::-webkit-scrollbar {
    width: 6px;
}

.elementor-2971 .elementor-element.elementor-element-f42a1e0::-webkit-scrollbar-track {
    background: rgba(255,255,255,0.1);
    border-radius: 10px;
}

.elementor-2971 .elementor-element.elementor-element-f42a1e0::-webkit-scrollbar-thumb {
    background: #b39164;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-13d92d1 *//* ---------- Premium Transparent Blue Card ---------- */
.preferred-card {
    background: rgba(0, 80, 200, 0.10); /* transparent blue */
    border-radius: 22px;
    padding: 28px;
    backdrop-filter: blur(8px); /* glass effect */
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(0, 80, 200, 0.25);
    position: relative;
    overflow: hidden;
}

/* ---------- SVG Background Pattern (Right Side Wave) ---------- */
.preferred-card::after {
    content: "";
    position: absolute;
    right: -10px;
    top: 0;
    width: 55%;
    height: 100%;
    pointer-events: none;
    opacity: 0.45;

    /* Blue wave gradient */
    background: url("data:image/svg+xml;utf8,
        <svg width='300' height='600' xmlns='http://www.w3.org/2000/svg'>
            <defs>
                <linearGradient id='g' x1='0' x2='1' y1='0.2' y2='1'>
                    <stop offset='0%' stop-color='rgba(0,80,200,0.25)' />
                    <stop offset='100%' stop-color='rgba(0,80,200,0.05)' />
                </linearGradient>
            </defs>
            <path d='M150 0 C220 150 80 300 200 450 C320 600 20 600 80 300 Z' fill='url(#g)'/>
        </svg>"
    );
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
}

/* ---------- Title ---------- */
.cat-card-title {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e;
}

.shifting-text {
    font-size: 13px;
    letter-spacing: 1px;
    color: #0054c9;
    font-weight: 600;
}

/* ---------- Text ---------- */
.preferred-card-content > p {
    color: #00315f;
    line-height: 1.5;
    margin-bottom: 18px;
}

/* ---------- Icons Tint ---------- */
.icon img {
    width: 28px;
    height: auto;
    filter: brightness(0) saturate(100%) invert(23%) sepia(90%) saturate(1789%) hue-rotate(204deg);
}

/* ---------- Scrollable Area ---------- */
.preferred-card-content {
    max-height: 260px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

/* Custom Scrollbar */
.preferred-card-content::-webkit-scrollbar {
    width: 5px;
}

.preferred-card-content::-webkit-scrollbar-thumb {
    background: rgba(0, 80, 200, 0.4);
    border-radius: 6px;
}

.preferred-card-content::-webkit-scrollbar-track {
    background: transparent;
}

/* ---------- Responsive ---------- */
@media (max-width: 768px) {
    .preferred-card {
        padding: 20px;
    }
    .cat-card-title {
        font-size: 26px;
    }
}

@media (max-width: 480px) {
    .preferred-card {
        padding: 16px;
    }
    .cat-card-title {
        font-size: 22px;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d3c8449 */.elementor-2971 .elementor-element.elementor-element-d3c8449 {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-fd9855f */.elementor-2971 .elementor-element.elementor-element-fd9855f {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bfa89b2 */.elementor-2971 .elementor-element.elementor-element-bfa89b2 {
    height: 320px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

.elementor-2971 .elementor-element.elementor-element-bfa89b2::-webkit-scrollbar {
    width: 6px;
}

.elementor-2971 .elementor-element.elementor-element-bfa89b2::-webkit-scrollbar-track {
    background: rgba(255,255,255,0.1);
    border-radius: 10px;
}

.elementor-2971 .elementor-element.elementor-element-bfa89b2::-webkit-scrollbar-thumb {
    background: #b39164;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-eea8da5 *//* ---------- Premium Transparent Blue Card ---------- */
.preferred-card {
    background: rgba(0, 80, 200, 0.10); /* transparent blue */
    border-radius: 22px;
    padding: 28px;
    backdrop-filter: blur(8px); /* glass effect */
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(0, 80, 200, 0.25);
    position: relative;
    overflow: hidden;
}

/* ---------- SVG Background Pattern (Right Side Wave) ---------- */
.preferred-card::after {
    content: "";
    position: absolute;
    right: -10px;
    top: 0;
    width: 55%;
    height: 100%;
    pointer-events: none;
    opacity: 0.45;

    /* Blue wave gradient */
    background: url("data:image/svg+xml;utf8,
        <svg width='300' height='600' xmlns='http://www.w3.org/2000/svg'>
            <defs>
                <linearGradient id='g' x1='0' x2='1' y1='0.2' y2='1'>
                    <stop offset='0%' stop-color='rgba(0,80,200,0.25)' />
                    <stop offset='100%' stop-color='rgba(0,80,200,0.05)' />
                </linearGradient>
            </defs>
            <path d='M150 0 C220 150 80 300 200 450 C320 600 20 600 80 300 Z' fill='url(#g)'/>
        </svg>"
    );
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
}

/* ---------- Title ---------- */
.cat-card-title {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e;
}

.shifting-text {
    font-size: 13px;
    letter-spacing: 1px;
    color: #0054c9;
    font-weight: 600;
}

/* ---------- Text ---------- */
.preferred-card-content > p {
    color: #00315f;
    line-height: 1.5;
    margin-bottom: 18px;
}

/* ---------- Icons Tint ---------- */
.icon img {
    width: 28px;
    height: auto;
    filter: brightness(0) saturate(100%) invert(23%) sepia(90%) saturate(1789%) hue-rotate(204deg);
}

/* ---------- Scrollable Area ---------- */
.preferred-card-content {
    max-height: 260px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

/* Custom Scrollbar */
.preferred-card-content::-webkit-scrollbar {
    width: 5px;
}

.preferred-card-content::-webkit-scrollbar-thumb {
    background: rgba(0, 80, 200, 0.4);
    border-radius: 6px;
}

.preferred-card-content::-webkit-scrollbar-track {
    background: transparent;
}

/* ---------- Responsive ---------- */
@media (max-width: 768px) {
    .preferred-card {
        padding: 20px;
    }
    .cat-card-title {
        font-size: 26px;
    }
}

@media (max-width: 480px) {
    .preferred-card {
        padding: 16px;
    }
    .cat-card-title {
        font-size: 22px;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-865678a */.elementor-2971 .elementor-element.elementor-element-865678a {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-70925a6 */.elementor-2971 .elementor-element.elementor-element-70925a6 {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4f703ff */.elementor-2971 .elementor-element.elementor-element-4f703ff {
    height: 320px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

.elementor-2971 .elementor-element.elementor-element-4f703ff::-webkit-scrollbar {
    width: 6px;
}

.elementor-2971 .elementor-element.elementor-element-4f703ff::-webkit-scrollbar-track {
    background: rgba(255,255,255,0.1);
    border-radius: 10px;
}

.elementor-2971 .elementor-element.elementor-element-4f703ff::-webkit-scrollbar-thumb {
    background: #b39164;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-69bb51c *//* ---------- Premium Transparent Blue Card ---------- */
.preferred-card {
    background: rgba(0, 80, 200, 0.10); /* transparent blue */
    border-radius: 22px;
    padding: 28px;
    backdrop-filter: blur(8px); /* glass effect */
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(0, 80, 200, 0.25);
    position: relative;
    overflow: hidden;
}

/* ---------- SVG Background Pattern (Right Side Wave) ---------- */
.preferred-card::after {
    content: "";
    position: absolute;
    right: -10px;
    top: 0;
    width: 55%;
    height: 100%;
    pointer-events: none;
    opacity: 0.45;

    /* Blue wave gradient */
    background: url("data:image/svg+xml;utf8,
        <svg width='300' height='600' xmlns='http://www.w3.org/2000/svg'>
            <defs>
                <linearGradient id='g' x1='0' x2='1' y1='0.2' y2='1'>
                    <stop offset='0%' stop-color='rgba(0,80,200,0.25)' />
                    <stop offset='100%' stop-color='rgba(0,80,200,0.05)' />
                </linearGradient>
            </defs>
            <path d='M150 0 C220 150 80 300 200 450 C320 600 20 600 80 300 Z' fill='url(#g)'/>
        </svg>"
    );
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
}

/* ---------- Title ---------- */
.cat-card-title {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e;
}

.shifting-text {
    font-size: 13px;
    letter-spacing: 1px;
    color: #0054c9;
    font-weight: 600;
}

/* ---------- Text ---------- */
.preferred-card-content > p {
    color: #00315f;
    line-height: 1.5;
    margin-bottom: 18px;
}

/* ---------- Icons Tint ---------- */
.icon img {
    width: 28px;
    height: auto;
    filter: brightness(0) saturate(100%) invert(23%) sepia(90%) saturate(1789%) hue-rotate(204deg);
}

/* ---------- Scrollable Area ---------- */
.preferred-card-content {
    max-height: 260px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

/* Custom Scrollbar */
.preferred-card-content::-webkit-scrollbar {
    width: 5px;
}

.preferred-card-content::-webkit-scrollbar-thumb {
    background: rgba(0, 80, 200, 0.4);
    border-radius: 6px;
}

.preferred-card-content::-webkit-scrollbar-track {
    background: transparent;
}

/* ---------- Responsive ---------- */
@media (max-width: 768px) {
    .preferred-card {
        padding: 20px;
    }
    .cat-card-title {
        font-size: 26px;
    }
}

@media (max-width: 480px) {
    .preferred-card {
        padding: 16px;
    }
    .cat-card-title {
        font-size: 22px;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-acbfead */.elementor-2971 .elementor-element.elementor-element-acbfead {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-b4ca823 */.elementor-2971 .elementor-element.elementor-element-b4ca823 {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-44ec01e */.elementor-2971 .elementor-element.elementor-element-44ec01e {
    height: 320px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

.elementor-2971 .elementor-element.elementor-element-44ec01e::-webkit-scrollbar {
    width: 6px;
}

.elementor-2971 .elementor-element.elementor-element-44ec01e::-webkit-scrollbar-track {
    background: rgba(255,255,255,0.1);
    border-radius: 10px;
}

.elementor-2971 .elementor-element.elementor-element-44ec01e::-webkit-scrollbar-thumb {
    background: #b39164;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-05df6e1 *//* ---------- Premium Transparent Blue Card ---------- */
.preferred-card {
    background: rgba(0, 80, 200, 0.10); /* transparent blue */
    border-radius: 22px;
    padding: 28px;
    backdrop-filter: blur(8px); /* glass effect */
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(0, 80, 200, 0.25);
    position: relative;
    overflow: hidden;
}

/* ---------- SVG Background Pattern (Right Side Wave) ---------- */
.preferred-card::after {
    content: "";
    position: absolute;
    right: -10px;
    top: 0;
    width: 55%;
    height: 100%;
    pointer-events: none;
    opacity: 0.45;

    /* Blue wave gradient */
    background: url("data:image/svg+xml;utf8,
        <svg width='300' height='600' xmlns='http://www.w3.org/2000/svg'>
            <defs>
                <linearGradient id='g' x1='0' x2='1' y1='0.2' y2='1'>
                    <stop offset='0%' stop-color='rgba(0,80,200,0.25)' />
                    <stop offset='100%' stop-color='rgba(0,80,200,0.05)' />
                </linearGradient>
            </defs>
            <path d='M150 0 C220 150 80 300 200 450 C320 600 20 600 80 300 Z' fill='url(#g)'/>
        </svg>"
    );
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
}

/* ---------- Title ---------- */
.cat-card-title {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e;
}

.shifting-text {
    font-size: 13px;
    letter-spacing: 1px;
    color: #0054c9;
    font-weight: 600;
}

/* ---------- Text ---------- */
.preferred-card-content > p {
    color: #00315f;
    line-height: 1.5;
    margin-bottom: 18px;
}

/* ---------- Icons Tint ---------- */
.icon img {
    width: 28px;
    height: auto;
    filter: brightness(0) saturate(100%) invert(23%) sepia(90%) saturate(1789%) hue-rotate(204deg);
}

/* ---------- Scrollable Area ---------- */
.preferred-card-content {
    max-height: 260px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

/* Custom Scrollbar */
.preferred-card-content::-webkit-scrollbar {
    width: 5px;
}

.preferred-card-content::-webkit-scrollbar-thumb {
    background: rgba(0, 80, 200, 0.4);
    border-radius: 6px;
}

.preferred-card-content::-webkit-scrollbar-track {
    background: transparent;
}

/* ---------- Responsive ---------- */
@media (max-width: 768px) {
    .preferred-card {
        padding: 20px;
    }
    .cat-card-title {
        font-size: 26px;
    }
}

@media (max-width: 480px) {
    .preferred-card {
        padding: 16px;
    }
    .cat-card-title {
        font-size: 22px;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5186a59 */.elementor-2971 .elementor-element.elementor-element-5186a59 {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-a3851c7 */.elementor-2971 .elementor-element.elementor-element-a3851c7 {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4d1a7c4 */.elementor-2971 .elementor-element.elementor-element-4d1a7c4 {
    height: 320px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

.elementor-2971 .elementor-element.elementor-element-4d1a7c4::-webkit-scrollbar {
    width: 6px;
}

.elementor-2971 .elementor-element.elementor-element-4d1a7c4::-webkit-scrollbar-track {
    background: rgba(255,255,255,0.1);
    border-radius: 10px;
}

.elementor-2971 .elementor-element.elementor-element-4d1a7c4::-webkit-scrollbar-thumb {
    background: #b39164;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3381091 *//* ---------- Premium Transparent Blue Card ---------- */
.preferred-card {
    background: rgba(0, 80, 200, 0.10); /* transparent blue */
    border-radius: 22px;
    padding: 28px;
    backdrop-filter: blur(8px); /* glass effect */
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(0, 80, 200, 0.25);
    position: relative;
    overflow: hidden;
}

/* ---------- SVG Background Pattern (Right Side Wave) ---------- */
.preferred-card::after {
    content: "";
    position: absolute;
    right: -10px;
    top: 0;
    width: 55%;
    height: 100%;
    pointer-events: none;
    opacity: 0.45;

    /* Blue wave gradient */
    background: url("data:image/svg+xml;utf8,
        <svg width='300' height='600' xmlns='http://www.w3.org/2000/svg'>
            <defs>
                <linearGradient id='g' x1='0' x2='1' y1='0.2' y2='1'>
                    <stop offset='0%' stop-color='rgba(0,80,200,0.25)' />
                    <stop offset='100%' stop-color='rgba(0,80,200,0.05)' />
                </linearGradient>
            </defs>
            <path d='M150 0 C220 150 80 300 200 450 C320 600 20 600 80 300 Z' fill='url(#g)'/>
        </svg>"
    );
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
}

/* ---------- Title ---------- */
.cat-card-title {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e;
}

.shifting-text {
    font-size: 13px;
    letter-spacing: 1px;
    color: #0054c9;
    font-weight: 600;
}

/* ---------- Text ---------- */
.preferred-card-content > p {
    color: #00315f;
    line-height: 1.5;
    margin-bottom: 18px;
}

/* ---------- Icons Tint ---------- */
.icon img {
    width: 28px;
    height: auto;
    filter: brightness(0) saturate(100%) invert(23%) sepia(90%) saturate(1789%) hue-rotate(204deg);
}

/* ---------- Scrollable Area ---------- */
.preferred-card-content {
    max-height: 260px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

/* Custom Scrollbar */
.preferred-card-content::-webkit-scrollbar {
    width: 5px;
}

.preferred-card-content::-webkit-scrollbar-thumb {
    background: rgba(0, 80, 200, 0.4);
    border-radius: 6px;
}

.preferred-card-content::-webkit-scrollbar-track {
    background: transparent;
}

/* ---------- Responsive ---------- */
@media (max-width: 768px) {
    .preferred-card {
        padding: 20px;
    }
    .cat-card-title {
        font-size: 26px;
    }
}

@media (max-width: 480px) {
    .preferred-card {
        padding: 16px;
    }
    .cat-card-title {
        font-size: 22px;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-fdd7649 */.elementor-2971 .elementor-element.elementor-element-fdd7649 {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-08ad947 */.elementor-2971 .elementor-element.elementor-element-08ad947 {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b90964f */.elementor-2971 .elementor-element.elementor-element-b90964f {
    height: 320px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

.elementor-2971 .elementor-element.elementor-element-b90964f::-webkit-scrollbar {
    width: 6px;
}

.elementor-2971 .elementor-element.elementor-element-b90964f::-webkit-scrollbar-track {
    background: rgba(255,255,255,0.1);
    border-radius: 10px;
}

.elementor-2971 .elementor-element.elementor-element-b90964f::-webkit-scrollbar-thumb {
    background: #b39164;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f753fab *//* ---------- Premium Transparent Blue Card ---------- */
.preferred-card {
    background: rgba(0, 80, 200, 0.10); /* transparent blue */
    border-radius: 22px;
    padding: 28px;
    backdrop-filter: blur(8px); /* glass effect */
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(0, 80, 200, 0.25);
    position: relative;
    overflow: hidden;
}

/* ---------- SVG Background Pattern (Right Side Wave) ---------- */
.preferred-card::after {
    content: "";
    position: absolute;
    right: -10px;
    top: 0;
    width: 55%;
    height: 100%;
    pointer-events: none;
    opacity: 0.45;

    /* Blue wave gradient */
    background: url("data:image/svg+xml;utf8,
        <svg width='300' height='600' xmlns='http://www.w3.org/2000/svg'>
            <defs>
                <linearGradient id='g' x1='0' x2='1' y1='0.2' y2='1'>
                    <stop offset='0%' stop-color='rgba(0,80,200,0.25)' />
                    <stop offset='100%' stop-color='rgba(0,80,200,0.05)' />
                </linearGradient>
            </defs>
            <path d='M150 0 C220 150 80 300 200 450 C320 600 20 600 80 300 Z' fill='url(#g)'/>
        </svg>"
    );
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
}

/* ---------- Title ---------- */
.cat-card-title {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e;
}

.shifting-text {
    font-size: 13px;
    letter-spacing: 1px;
    color: #0054c9;
    font-weight: 600;
}

/* ---------- Text ---------- */
.preferred-card-content > p {
    color: #00315f;
    line-height: 1.5;
    margin-bottom: 18px;
}

/* ---------- Icons Tint ---------- */
.icon img {
    width: 28px;
    height: auto;
    filter: brightness(0) saturate(100%) invert(23%) sepia(90%) saturate(1789%) hue-rotate(204deg);
}

/* ---------- Scrollable Area ---------- */
.preferred-card-content {
    max-height: 260px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

/* Custom Scrollbar */
.preferred-card-content::-webkit-scrollbar {
    width: 5px;
}

.preferred-card-content::-webkit-scrollbar-thumb {
    background: rgba(0, 80, 200, 0.4);
    border-radius: 6px;
}

.preferred-card-content::-webkit-scrollbar-track {
    background: transparent;
}

/* ---------- Responsive ---------- */
@media (max-width: 768px) {
    .preferred-card {
        padding: 20px;
    }
    .cat-card-title {
        font-size: 26px;
    }
}

@media (max-width: 480px) {
    .preferred-card {
        padding: 16px;
    }
    .cat-card-title {
        font-size: 22px;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f8c0cc9 */.elementor-2971 .elementor-element.elementor-element-f8c0cc9 {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-a18b7e4 */.elementor-2971 .elementor-element.elementor-element-a18b7e4 {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f8a4fc4 */.elementor-2971 .elementor-element.elementor-element-f8a4fc4 {
    height: 320px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

.elementor-2971 .elementor-element.elementor-element-f8a4fc4::-webkit-scrollbar {
    width: 6px;
}

.elementor-2971 .elementor-element.elementor-element-f8a4fc4::-webkit-scrollbar-track {
    background: rgba(255,255,255,0.1);
    border-radius: 10px;
}

.elementor-2971 .elementor-element.elementor-element-f8a4fc4::-webkit-scrollbar-thumb {
    background: #b39164;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5931137 *//* ---------- Premium Transparent Blue Card ---------- */
.preferred-card {
    background: rgba(0, 80, 200, 0.10); /* transparent blue */
    border-radius: 22px;
    padding: 28px;
    backdrop-filter: blur(8px); /* glass effect */
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(0, 80, 200, 0.25);
    position: relative;
    overflow: hidden;
}

/* ---------- SVG Background Pattern (Right Side Wave) ---------- */
.preferred-card::after {
    content: "";
    position: absolute;
    right: -10px;
    top: 0;
    width: 55%;
    height: 100%;
    pointer-events: none;
    opacity: 0.45;

    /* Blue wave gradient */
    background: url("data:image/svg+xml;utf8,
        <svg width='300' height='600' xmlns='http://www.w3.org/2000/svg'>
            <defs>
                <linearGradient id='g' x1='0' x2='1' y1='0.2' y2='1'>
                    <stop offset='0%' stop-color='rgba(0,80,200,0.25)' />
                    <stop offset='100%' stop-color='rgba(0,80,200,0.05)' />
                </linearGradient>
            </defs>
            <path d='M150 0 C220 150 80 300 200 450 C320 600 20 600 80 300 Z' fill='url(#g)'/>
        </svg>"
    );
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
}

/* ---------- Title ---------- */
.cat-card-title {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e;
}

.shifting-text {
    font-size: 13px;
    letter-spacing: 1px;
    color: #0054c9;
    font-weight: 600;
}

/* ---------- Text ---------- */
.preferred-card-content > p {
    color: #00315f;
    line-height: 1.5;
    margin-bottom: 18px;
}

/* ---------- Icons Tint ---------- */
.icon img {
    width: 28px;
    height: auto;
    filter: brightness(0) saturate(100%) invert(23%) sepia(90%) saturate(1789%) hue-rotate(204deg);
}

/* ---------- Scrollable Area ---------- */
.preferred-card-content {
    max-height: 260px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

/* Custom Scrollbar */
.preferred-card-content::-webkit-scrollbar {
    width: 5px;
}

.preferred-card-content::-webkit-scrollbar-thumb {
    background: rgba(0, 80, 200, 0.4);
    border-radius: 6px;
}

.preferred-card-content::-webkit-scrollbar-track {
    background: transparent;
}

/* ---------- Responsive ---------- */
@media (max-width: 768px) {
    .preferred-card {
        padding: 20px;
    }
    .cat-card-title {
        font-size: 26px;
    }
}

@media (max-width: 480px) {
    .preferred-card {
        padding: 16px;
    }
    .cat-card-title {
        font-size: 22px;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e20e2b8 */.elementor-2971 .elementor-element.elementor-element-e20e2b8 {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-0f5b0fe */.elementor-2971 .elementor-element.elementor-element-0f5b0fe {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-05a7fa2 */.elementor-2971 .elementor-element.elementor-element-05a7fa2 {
    height: 320px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

.elementor-2971 .elementor-element.elementor-element-05a7fa2::-webkit-scrollbar {
    width: 6px;
}

.elementor-2971 .elementor-element.elementor-element-05a7fa2::-webkit-scrollbar-track {
    background: rgba(255,255,255,0.1);
    border-radius: 10px;
}

.elementor-2971 .elementor-element.elementor-element-05a7fa2::-webkit-scrollbar-thumb {
    background: #b39164;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fabfd59 *//* ---------- Premium Transparent Blue Card ---------- */
.preferred-card {
    background: rgba(0, 80, 200, 0.10); /* transparent blue */
    border-radius: 22px;
    padding: 28px;
    backdrop-filter: blur(8px); /* glass effect */
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(0, 80, 200, 0.25);
    position: relative;
    overflow: hidden;
}

/* ---------- SVG Background Pattern (Right Side Wave) ---------- */
.preferred-card::after {
    content: "";
    position: absolute;
    right: -10px;
    top: 0;
    width: 55%;
    height: 100%;
    pointer-events: none;
    opacity: 0.45;

    /* Blue wave gradient */
    background: url("data:image/svg+xml;utf8,
        <svg width='300' height='600' xmlns='http://www.w3.org/2000/svg'>
            <defs>
                <linearGradient id='g' x1='0' x2='1' y1='0.2' y2='1'>
                    <stop offset='0%' stop-color='rgba(0,80,200,0.25)' />
                    <stop offset='100%' stop-color='rgba(0,80,200,0.05)' />
                </linearGradient>
            </defs>
            <path d='M150 0 C220 150 80 300 200 450 C320 600 20 600 80 300 Z' fill='url(#g)'/>
        </svg>"
    );
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
}

/* ---------- Title ---------- */
.cat-card-title {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e;
}

.shifting-text {
    font-size: 13px;
    letter-spacing: 1px;
    color: #0054c9;
    font-weight: 600;
}

/* ---------- Text ---------- */
.preferred-card-content > p {
    color: #00315f;
    line-height: 1.5;
    margin-bottom: 18px;
}

/* ---------- Icons Tint ---------- */
.icon img {
    width: 28px;
    height: auto;
    filter: brightness(0) saturate(100%) invert(23%) sepia(90%) saturate(1789%) hue-rotate(204deg);
}

/* ---------- Scrollable Area ---------- */
.preferred-card-content {
    max-height: 260px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

/* Custom Scrollbar */
.preferred-card-content::-webkit-scrollbar {
    width: 5px;
}

.preferred-card-content::-webkit-scrollbar-thumb {
    background: rgba(0, 80, 200, 0.4);
    border-radius: 6px;
}

.preferred-card-content::-webkit-scrollbar-track {
    background: transparent;
}

/* ---------- Responsive ---------- */
@media (max-width: 768px) {
    .preferred-card {
        padding: 20px;
    }
    .cat-card-title {
        font-size: 26px;
    }
}

@media (max-width: 480px) {
    .preferred-card {
        padding: 16px;
    }
    .cat-card-title {
        font-size: 22px;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-39a626d */.elementor-2971 .elementor-element.elementor-element-39a626d {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c37ca70 */.elementor-2971 .elementor-element.elementor-element-c37ca70 {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2b22952 */.elementor-2971 .elementor-element.elementor-element-2b22952 {
    height: 320px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

.elementor-2971 .elementor-element.elementor-element-2b22952::-webkit-scrollbar {
    width: 6px;
}

.elementor-2971 .elementor-element.elementor-element-2b22952::-webkit-scrollbar-track {
    background: rgba(255,255,255,0.1);
    border-radius: 10px;
}

.elementor-2971 .elementor-element.elementor-element-2b22952::-webkit-scrollbar-thumb {
    background: #b39164;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-aa02081 *//* ---------- Premium Transparent Blue Card ---------- */
.preferred-card {
    background: rgba(0, 80, 200, 0.10); /* transparent blue */
    border-radius: 22px;
    padding: 28px;
    backdrop-filter: blur(8px); /* glass effect */
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(0, 80, 200, 0.25);
    position: relative;
    overflow: hidden;
}

/* ---------- SVG Background Pattern (Right Side Wave) ---------- */
.preferred-card::after {
    content: "";
    position: absolute;
    right: -10px;
    top: 0;
    width: 55%;
    height: 100%;
    pointer-events: none;
    opacity: 0.45;

    /* Blue wave gradient */
    background: url("data:image/svg+xml;utf8,
        <svg width='300' height='600' xmlns='http://www.w3.org/2000/svg'>
            <defs>
                <linearGradient id='g' x1='0' x2='1' y1='0.2' y2='1'>
                    <stop offset='0%' stop-color='rgba(0,80,200,0.25)' />
                    <stop offset='100%' stop-color='rgba(0,80,200,0.05)' />
                </linearGradient>
            </defs>
            <path d='M150 0 C220 150 80 300 200 450 C320 600 20 600 80 300 Z' fill='url(#g)'/>
        </svg>"
    );
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
}

/* ---------- Title ---------- */
.cat-card-title {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e;
}

.shifting-text {
    font-size: 13px;
    letter-spacing: 1px;
    color: #0054c9;
    font-weight: 600;
}

/* ---------- Text ---------- */
.preferred-card-content > p {
    color: #00315f;
    line-height: 1.5;
    margin-bottom: 18px;
}

/* ---------- Icons Tint ---------- */
.icon img {
    width: 28px;
    height: auto;
    filter: brightness(0) saturate(100%) invert(23%) sepia(90%) saturate(1789%) hue-rotate(204deg);
}

/* ---------- Scrollable Area ---------- */
.preferred-card-content {
    max-height: 260px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

/* Custom Scrollbar */
.preferred-card-content::-webkit-scrollbar {
    width: 5px;
}

.preferred-card-content::-webkit-scrollbar-thumb {
    background: rgba(0, 80, 200, 0.4);
    border-radius: 6px;
}

.preferred-card-content::-webkit-scrollbar-track {
    background: transparent;
}

/* ---------- Responsive ---------- */
@media (max-width: 768px) {
    .preferred-card {
        padding: 20px;
    }
    .cat-card-title {
        font-size: 26px;
    }
}

@media (max-width: 480px) {
    .preferred-card {
        padding: 16px;
    }
    .cat-card-title {
        font-size: 22px;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d8ccaf8 */.elementor-2971 .elementor-element.elementor-element-d8ccaf8 {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-0e711f2 */.elementor-2971 .elementor-element.elementor-element-0e711f2 {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9c99c1d */.elementor-2971 .elementor-element.elementor-element-9c99c1d {
    height: 320px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

.elementor-2971 .elementor-element.elementor-element-9c99c1d::-webkit-scrollbar {
    width: 6px;
}

.elementor-2971 .elementor-element.elementor-element-9c99c1d::-webkit-scrollbar-track {
    background: rgba(255,255,255,0.1);
    border-radius: 10px;
}

.elementor-2971 .elementor-element.elementor-element-9c99c1d::-webkit-scrollbar-thumb {
    background: #b39164;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b4930dc *//* ---------- Premium Transparent Blue Card ---------- */
.preferred-card {
    background: rgba(0, 80, 200, 0.10); /* transparent blue */
    border-radius: 22px;
    padding: 28px;
    backdrop-filter: blur(8px); /* glass effect */
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(0, 80, 200, 0.25);
    position: relative;
    overflow: hidden;
}

/* ---------- SVG Background Pattern (Right Side Wave) ---------- */
.preferred-card::after {
    content: "";
    position: absolute;
    right: -10px;
    top: 0;
    width: 55%;
    height: 100%;
    pointer-events: none;
    opacity: 0.45;

    /* Blue wave gradient */
    background: url("data:image/svg+xml;utf8,
        <svg width='300' height='600' xmlns='http://www.w3.org/2000/svg'>
            <defs>
                <linearGradient id='g' x1='0' x2='1' y1='0.2' y2='1'>
                    <stop offset='0%' stop-color='rgba(0,80,200,0.25)' />
                    <stop offset='100%' stop-color='rgba(0,80,200,0.05)' />
                </linearGradient>
            </defs>
            <path d='M150 0 C220 150 80 300 200 450 C320 600 20 600 80 300 Z' fill='url(#g)'/>
        </svg>"
    );
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
}

/* ---------- Title ---------- */
.cat-card-title {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e;
}

.shifting-text {
    font-size: 13px;
    letter-spacing: 1px;
    color: #0054c9;
    font-weight: 600;
}

/* ---------- Text ---------- */
.preferred-card-content > p {
    color: #00315f;
    line-height: 1.5;
    margin-bottom: 18px;
}

/* ---------- Icons Tint ---------- */
.icon img {
    width: 28px;
    height: auto;
    filter: brightness(0) saturate(100%) invert(23%) sepia(90%) saturate(1789%) hue-rotate(204deg);
}

/* ---------- Scrollable Area ---------- */
.preferred-card-content {
    max-height: 260px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

/* Custom Scrollbar */
.preferred-card-content::-webkit-scrollbar {
    width: 5px;
}

.preferred-card-content::-webkit-scrollbar-thumb {
    background: rgba(0, 80, 200, 0.4);
    border-radius: 6px;
}

.preferred-card-content::-webkit-scrollbar-track {
    background: transparent;
}

/* ---------- Responsive ---------- */
@media (max-width: 768px) {
    .preferred-card {
        padding: 20px;
    }
    .cat-card-title {
        font-size: 26px;
    }
}

@media (max-width: 480px) {
    .preferred-card {
        padding: 16px;
    }
    .cat-card-title {
        font-size: 22px;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5d7684f */.elementor-2971 .elementor-element.elementor-element-5d7684f {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-19d7e52 */.elementor-2971 .elementor-element.elementor-element-19d7e52 {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f42a1e0 */.elementor-2971 .elementor-element.elementor-element-f42a1e0 {
    height: 320px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

.elementor-2971 .elementor-element.elementor-element-f42a1e0::-webkit-scrollbar {
    width: 6px;
}

.elementor-2971 .elementor-element.elementor-element-f42a1e0::-webkit-scrollbar-track {
    background: rgba(255,255,255,0.1);
    border-radius: 10px;
}

.elementor-2971 .elementor-element.elementor-element-f42a1e0::-webkit-scrollbar-thumb {
    background: #b39164;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-13d92d1 *//* ---------- Premium Transparent Blue Card ---------- */
.preferred-card {
    background: rgba(0, 80, 200, 0.10); /* transparent blue */
    border-radius: 22px;
    padding: 28px;
    backdrop-filter: blur(8px); /* glass effect */
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(0, 80, 200, 0.25);
    position: relative;
    overflow: hidden;
}

/* ---------- SVG Background Pattern (Right Side Wave) ---------- */
.preferred-card::after {
    content: "";
    position: absolute;
    right: -10px;
    top: 0;
    width: 55%;
    height: 100%;
    pointer-events: none;
    opacity: 0.45;

    /* Blue wave gradient */
    background: url("data:image/svg+xml;utf8,
        <svg width='300' height='600' xmlns='http://www.w3.org/2000/svg'>
            <defs>
                <linearGradient id='g' x1='0' x2='1' y1='0.2' y2='1'>
                    <stop offset='0%' stop-color='rgba(0,80,200,0.25)' />
                    <stop offset='100%' stop-color='rgba(0,80,200,0.05)' />
                </linearGradient>
            </defs>
            <path d='M150 0 C220 150 80 300 200 450 C320 600 20 600 80 300 Z' fill='url(#g)'/>
        </svg>"
    );
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
}

/* ---------- Title ---------- */
.cat-card-title {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e;
}

.shifting-text {
    font-size: 13px;
    letter-spacing: 1px;
    color: #0054c9;
    font-weight: 600;
}

/* ---------- Text ---------- */
.preferred-card-content > p {
    color: #00315f;
    line-height: 1.5;
    margin-bottom: 18px;
}

/* ---------- Icons Tint ---------- */
.icon img {
    width: 28px;
    height: auto;
    filter: brightness(0) saturate(100%) invert(23%) sepia(90%) saturate(1789%) hue-rotate(204deg);
}

/* ---------- Scrollable Area ---------- */
.preferred-card-content {
    max-height: 260px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

/* Custom Scrollbar */
.preferred-card-content::-webkit-scrollbar {
    width: 5px;
}

.preferred-card-content::-webkit-scrollbar-thumb {
    background: rgba(0, 80, 200, 0.4);
    border-radius: 6px;
}

.preferred-card-content::-webkit-scrollbar-track {
    background: transparent;
}

/* ---------- Responsive ---------- */
@media (max-width: 768px) {
    .preferred-card {
        padding: 20px;
    }
    .cat-card-title {
        font-size: 26px;
    }
}

@media (max-width: 480px) {
    .preferred-card {
        padding: 16px;
    }
    .cat-card-title {
        font-size: 22px;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d3c8449 */.elementor-2971 .elementor-element.elementor-element-d3c8449 {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-fd9855f */.elementor-2971 .elementor-element.elementor-element-fd9855f {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bfa89b2 */.elementor-2971 .elementor-element.elementor-element-bfa89b2 {
    height: 320px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

.elementor-2971 .elementor-element.elementor-element-bfa89b2::-webkit-scrollbar {
    width: 6px;
}

.elementor-2971 .elementor-element.elementor-element-bfa89b2::-webkit-scrollbar-track {
    background: rgba(255,255,255,0.1);
    border-radius: 10px;
}

.elementor-2971 .elementor-element.elementor-element-bfa89b2::-webkit-scrollbar-thumb {
    background: #b39164;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-eea8da5 *//* ---------- Premium Transparent Blue Card ---------- */
.preferred-card {
    background: rgba(0, 80, 200, 0.10); /* transparent blue */
    border-radius: 22px;
    padding: 28px;
    backdrop-filter: blur(8px); /* glass effect */
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(0, 80, 200, 0.25);
    position: relative;
    overflow: hidden;
}

/* ---------- SVG Background Pattern (Right Side Wave) ---------- */
.preferred-card::after {
    content: "";
    position: absolute;
    right: -10px;
    top: 0;
    width: 55%;
    height: 100%;
    pointer-events: none;
    opacity: 0.45;

    /* Blue wave gradient */
    background: url("data:image/svg+xml;utf8,
        <svg width='300' height='600' xmlns='http://www.w3.org/2000/svg'>
            <defs>
                <linearGradient id='g' x1='0' x2='1' y1='0.2' y2='1'>
                    <stop offset='0%' stop-color='rgba(0,80,200,0.25)' />
                    <stop offset='100%' stop-color='rgba(0,80,200,0.05)' />
                </linearGradient>
            </defs>
            <path d='M150 0 C220 150 80 300 200 450 C320 600 20 600 80 300 Z' fill='url(#g)'/>
        </svg>"
    );
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
}

/* ---------- Title ---------- */
.cat-card-title {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e;
}

.shifting-text {
    font-size: 13px;
    letter-spacing: 1px;
    color: #0054c9;
    font-weight: 600;
}

/* ---------- Text ---------- */
.preferred-card-content > p {
    color: #00315f;
    line-height: 1.5;
    margin-bottom: 18px;
}

/* ---------- Icons Tint ---------- */
.icon img {
    width: 28px;
    height: auto;
    filter: brightness(0) saturate(100%) invert(23%) sepia(90%) saturate(1789%) hue-rotate(204deg);
}

/* ---------- Scrollable Area ---------- */
.preferred-card-content {
    max-height: 260px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

/* Custom Scrollbar */
.preferred-card-content::-webkit-scrollbar {
    width: 5px;
}

.preferred-card-content::-webkit-scrollbar-thumb {
    background: rgba(0, 80, 200, 0.4);
    border-radius: 6px;
}

.preferred-card-content::-webkit-scrollbar-track {
    background: transparent;
}

/* ---------- Responsive ---------- */
@media (max-width: 768px) {
    .preferred-card {
        padding: 20px;
    }
    .cat-card-title {
        font-size: 26px;
    }
}

@media (max-width: 480px) {
    .preferred-card {
        padding: 16px;
    }
    .cat-card-title {
        font-size: 22px;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-865678a */.elementor-2971 .elementor-element.elementor-element-865678a {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-70925a6 */.elementor-2971 .elementor-element.elementor-element-70925a6 {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4f703ff */.elementor-2971 .elementor-element.elementor-element-4f703ff {
    height: 320px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

.elementor-2971 .elementor-element.elementor-element-4f703ff::-webkit-scrollbar {
    width: 6px;
}

.elementor-2971 .elementor-element.elementor-element-4f703ff::-webkit-scrollbar-track {
    background: rgba(255,255,255,0.1);
    border-radius: 10px;
}

.elementor-2971 .elementor-element.elementor-element-4f703ff::-webkit-scrollbar-thumb {
    background: #b39164;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-69bb51c *//* ---------- Premium Transparent Blue Card ---------- */
.preferred-card {
    background: rgba(0, 80, 200, 0.10); /* transparent blue */
    border-radius: 22px;
    padding: 28px;
    backdrop-filter: blur(8px); /* glass effect */
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(0, 80, 200, 0.25);
    position: relative;
    overflow: hidden;
}

/* ---------- SVG Background Pattern (Right Side Wave) ---------- */
.preferred-card::after {
    content: "";
    position: absolute;
    right: -10px;
    top: 0;
    width: 55%;
    height: 100%;
    pointer-events: none;
    opacity: 0.45;

    /* Blue wave gradient */
    background: url("data:image/svg+xml;utf8,
        <svg width='300' height='600' xmlns='http://www.w3.org/2000/svg'>
            <defs>
                <linearGradient id='g' x1='0' x2='1' y1='0.2' y2='1'>
                    <stop offset='0%' stop-color='rgba(0,80,200,0.25)' />
                    <stop offset='100%' stop-color='rgba(0,80,200,0.05)' />
                </linearGradient>
            </defs>
            <path d='M150 0 C220 150 80 300 200 450 C320 600 20 600 80 300 Z' fill='url(#g)'/>
        </svg>"
    );
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
}

/* ---------- Title ---------- */
.cat-card-title {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e;
}

.shifting-text {
    font-size: 13px;
    letter-spacing: 1px;
    color: #0054c9;
    font-weight: 600;
}

/* ---------- Text ---------- */
.preferred-card-content > p {
    color: #00315f;
    line-height: 1.5;
    margin-bottom: 18px;
}

/* ---------- Icons Tint ---------- */
.icon img {
    width: 28px;
    height: auto;
    filter: brightness(0) saturate(100%) invert(23%) sepia(90%) saturate(1789%) hue-rotate(204deg);
}

/* ---------- Scrollable Area ---------- */
.preferred-card-content {
    max-height: 260px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

/* Custom Scrollbar */
.preferred-card-content::-webkit-scrollbar {
    width: 5px;
}

.preferred-card-content::-webkit-scrollbar-thumb {
    background: rgba(0, 80, 200, 0.4);
    border-radius: 6px;
}

.preferred-card-content::-webkit-scrollbar-track {
    background: transparent;
}

/* ---------- Responsive ---------- */
@media (max-width: 768px) {
    .preferred-card {
        padding: 20px;
    }
    .cat-card-title {
        font-size: 26px;
    }
}

@media (max-width: 480px) {
    .preferred-card {
        padding: 16px;
    }
    .cat-card-title {
        font-size: 22px;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-acbfead */.elementor-2971 .elementor-element.elementor-element-acbfead {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-b4ca823 */.elementor-2971 .elementor-element.elementor-element-b4ca823 {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-44ec01e */.elementor-2971 .elementor-element.elementor-element-44ec01e {
    height: 320px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

.elementor-2971 .elementor-element.elementor-element-44ec01e::-webkit-scrollbar {
    width: 6px;
}

.elementor-2971 .elementor-element.elementor-element-44ec01e::-webkit-scrollbar-track {
    background: rgba(255,255,255,0.1);
    border-radius: 10px;
}

.elementor-2971 .elementor-element.elementor-element-44ec01e::-webkit-scrollbar-thumb {
    background: #b39164;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-05df6e1 *//* ---------- Premium Transparent Blue Card ---------- */
.preferred-card {
    background: rgba(0, 80, 200, 0.10); /* transparent blue */
    border-radius: 22px;
    padding: 28px;
    backdrop-filter: blur(8px); /* glass effect */
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(0, 80, 200, 0.25);
    position: relative;
    overflow: hidden;
}

/* ---------- SVG Background Pattern (Right Side Wave) ---------- */
.preferred-card::after {
    content: "";
    position: absolute;
    right: -10px;
    top: 0;
    width: 55%;
    height: 100%;
    pointer-events: none;
    opacity: 0.45;

    /* Blue wave gradient */
    background: url("data:image/svg+xml;utf8,
        <svg width='300' height='600' xmlns='http://www.w3.org/2000/svg'>
            <defs>
                <linearGradient id='g' x1='0' x2='1' y1='0.2' y2='1'>
                    <stop offset='0%' stop-color='rgba(0,80,200,0.25)' />
                    <stop offset='100%' stop-color='rgba(0,80,200,0.05)' />
                </linearGradient>
            </defs>
            <path d='M150 0 C220 150 80 300 200 450 C320 600 20 600 80 300 Z' fill='url(#g)'/>
        </svg>"
    );
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
}

/* ---------- Title ---------- */
.cat-card-title {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e;
}

.shifting-text {
    font-size: 13px;
    letter-spacing: 1px;
    color: #0054c9;
    font-weight: 600;
}

/* ---------- Text ---------- */
.preferred-card-content > p {
    color: #00315f;
    line-height: 1.5;
    margin-bottom: 18px;
}

/* ---------- Icons Tint ---------- */
.icon img {
    width: 28px;
    height: auto;
    filter: brightness(0) saturate(100%) invert(23%) sepia(90%) saturate(1789%) hue-rotate(204deg);
}

/* ---------- Scrollable Area ---------- */
.preferred-card-content {
    max-height: 260px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

/* Custom Scrollbar */
.preferred-card-content::-webkit-scrollbar {
    width: 5px;
}

.preferred-card-content::-webkit-scrollbar-thumb {
    background: rgba(0, 80, 200, 0.4);
    border-radius: 6px;
}

.preferred-card-content::-webkit-scrollbar-track {
    background: transparent;
}

/* ---------- Responsive ---------- */
@media (max-width: 768px) {
    .preferred-card {
        padding: 20px;
    }
    .cat-card-title {
        font-size: 26px;
    }
}

@media (max-width: 480px) {
    .preferred-card {
        padding: 16px;
    }
    .cat-card-title {
        font-size: 22px;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5186a59 */.elementor-2971 .elementor-element.elementor-element-5186a59 {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-a3851c7 */.elementor-2971 .elementor-element.elementor-element-a3851c7 {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4d1a7c4 */.elementor-2971 .elementor-element.elementor-element-4d1a7c4 {
    height: 320px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

.elementor-2971 .elementor-element.elementor-element-4d1a7c4::-webkit-scrollbar {
    width: 6px;
}

.elementor-2971 .elementor-element.elementor-element-4d1a7c4::-webkit-scrollbar-track {
    background: rgba(255,255,255,0.1);
    border-radius: 10px;
}

.elementor-2971 .elementor-element.elementor-element-4d1a7c4::-webkit-scrollbar-thumb {
    background: #b39164;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3381091 *//* ---------- Premium Transparent Blue Card ---------- */
.preferred-card {
    background: rgba(0, 80, 200, 0.10); /* transparent blue */
    border-radius: 22px;
    padding: 28px;
    backdrop-filter: blur(8px); /* glass effect */
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(0, 80, 200, 0.25);
    position: relative;
    overflow: hidden;
}

/* ---------- SVG Background Pattern (Right Side Wave) ---------- */
.preferred-card::after {
    content: "";
    position: absolute;
    right: -10px;
    top: 0;
    width: 55%;
    height: 100%;
    pointer-events: none;
    opacity: 0.45;

    /* Blue wave gradient */
    background: url("data:image/svg+xml;utf8,
        <svg width='300' height='600' xmlns='http://www.w3.org/2000/svg'>
            <defs>
                <linearGradient id='g' x1='0' x2='1' y1='0.2' y2='1'>
                    <stop offset='0%' stop-color='rgba(0,80,200,0.25)' />
                    <stop offset='100%' stop-color='rgba(0,80,200,0.05)' />
                </linearGradient>
            </defs>
            <path d='M150 0 C220 150 80 300 200 450 C320 600 20 600 80 300 Z' fill='url(#g)'/>
        </svg>"
    );
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
}

/* ---------- Title ---------- */
.cat-card-title {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e;
}

.shifting-text {
    font-size: 13px;
    letter-spacing: 1px;
    color: #0054c9;
    font-weight: 600;
}

/* ---------- Text ---------- */
.preferred-card-content > p {
    color: #00315f;
    line-height: 1.5;
    margin-bottom: 18px;
}

/* ---------- Icons Tint ---------- */
.icon img {
    width: 28px;
    height: auto;
    filter: brightness(0) saturate(100%) invert(23%) sepia(90%) saturate(1789%) hue-rotate(204deg);
}

/* ---------- Scrollable Area ---------- */
.preferred-card-content {
    max-height: 260px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

/* Custom Scrollbar */
.preferred-card-content::-webkit-scrollbar {
    width: 5px;
}

.preferred-card-content::-webkit-scrollbar-thumb {
    background: rgba(0, 80, 200, 0.4);
    border-radius: 6px;
}

.preferred-card-content::-webkit-scrollbar-track {
    background: transparent;
}

/* ---------- Responsive ---------- */
@media (max-width: 768px) {
    .preferred-card {
        padding: 20px;
    }
    .cat-card-title {
        font-size: 26px;
    }
}

@media (max-width: 480px) {
    .preferred-card {
        padding: 16px;
    }
    .cat-card-title {
        font-size: 22px;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-fdd7649 */.elementor-2971 .elementor-element.elementor-element-fdd7649 {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-08ad947 */.elementor-2971 .elementor-element.elementor-element-08ad947 {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b90964f */.elementor-2971 .elementor-element.elementor-element-b90964f {
    height: 320px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

.elementor-2971 .elementor-element.elementor-element-b90964f::-webkit-scrollbar {
    width: 6px;
}

.elementor-2971 .elementor-element.elementor-element-b90964f::-webkit-scrollbar-track {
    background: rgba(255,255,255,0.1);
    border-radius: 10px;
}

.elementor-2971 .elementor-element.elementor-element-b90964f::-webkit-scrollbar-thumb {
    background: #b39164;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f753fab *//* ---------- Premium Transparent Blue Card ---------- */
.preferred-card {
    background: rgba(0, 80, 200, 0.10); /* transparent blue */
    border-radius: 22px;
    padding: 28px;
    backdrop-filter: blur(8px); /* glass effect */
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(0, 80, 200, 0.25);
    position: relative;
    overflow: hidden;
}

/* ---------- SVG Background Pattern (Right Side Wave) ---------- */
.preferred-card::after {
    content: "";
    position: absolute;
    right: -10px;
    top: 0;
    width: 55%;
    height: 100%;
    pointer-events: none;
    opacity: 0.45;

    /* Blue wave gradient */
    background: url("data:image/svg+xml;utf8,
        <svg width='300' height='600' xmlns='http://www.w3.org/2000/svg'>
            <defs>
                <linearGradient id='g' x1='0' x2='1' y1='0.2' y2='1'>
                    <stop offset='0%' stop-color='rgba(0,80,200,0.25)' />
                    <stop offset='100%' stop-color='rgba(0,80,200,0.05)' />
                </linearGradient>
            </defs>
            <path d='M150 0 C220 150 80 300 200 450 C320 600 20 600 80 300 Z' fill='url(#g)'/>
        </svg>"
    );
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
}

/* ---------- Title ---------- */
.cat-card-title {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e;
}

.shifting-text {
    font-size: 13px;
    letter-spacing: 1px;
    color: #0054c9;
    font-weight: 600;
}

/* ---------- Text ---------- */
.preferred-card-content > p {
    color: #00315f;
    line-height: 1.5;
    margin-bottom: 18px;
}

/* ---------- Icons Tint ---------- */
.icon img {
    width: 28px;
    height: auto;
    filter: brightness(0) saturate(100%) invert(23%) sepia(90%) saturate(1789%) hue-rotate(204deg);
}

/* ---------- Scrollable Area ---------- */
.preferred-card-content {
    max-height: 260px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

/* Custom Scrollbar */
.preferred-card-content::-webkit-scrollbar {
    width: 5px;
}

.preferred-card-content::-webkit-scrollbar-thumb {
    background: rgba(0, 80, 200, 0.4);
    border-radius: 6px;
}

.preferred-card-content::-webkit-scrollbar-track {
    background: transparent;
}

/* ---------- Responsive ---------- */
@media (max-width: 768px) {
    .preferred-card {
        padding: 20px;
    }
    .cat-card-title {
        font-size: 26px;
    }
}

@media (max-width: 480px) {
    .preferred-card {
        padding: 16px;
    }
    .cat-card-title {
        font-size: 22px;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f8c0cc9 */.elementor-2971 .elementor-element.elementor-element-f8c0cc9 {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-a18b7e4 */.elementor-2971 .elementor-element.elementor-element-a18b7e4 {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f8a4fc4 */.elementor-2971 .elementor-element.elementor-element-f8a4fc4 {
    height: 320px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

.elementor-2971 .elementor-element.elementor-element-f8a4fc4::-webkit-scrollbar {
    width: 6px;
}

.elementor-2971 .elementor-element.elementor-element-f8a4fc4::-webkit-scrollbar-track {
    background: rgba(255,255,255,0.1);
    border-radius: 10px;
}

.elementor-2971 .elementor-element.elementor-element-f8a4fc4::-webkit-scrollbar-thumb {
    background: #b39164;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5931137 *//* ---------- Premium Transparent Blue Card ---------- */
.preferred-card {
    background: rgba(0, 80, 200, 0.10); /* transparent blue */
    border-radius: 22px;
    padding: 28px;
    backdrop-filter: blur(8px); /* glass effect */
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(0, 80, 200, 0.25);
    position: relative;
    overflow: hidden;
}

/* ---------- SVG Background Pattern (Right Side Wave) ---------- */
.preferred-card::after {
    content: "";
    position: absolute;
    right: -10px;
    top: 0;
    width: 55%;
    height: 100%;
    pointer-events: none;
    opacity: 0.45;

    /* Blue wave gradient */
    background: url("data:image/svg+xml;utf8,
        <svg width='300' height='600' xmlns='http://www.w3.org/2000/svg'>
            <defs>
                <linearGradient id='g' x1='0' x2='1' y1='0.2' y2='1'>
                    <stop offset='0%' stop-color='rgba(0,80,200,0.25)' />
                    <stop offset='100%' stop-color='rgba(0,80,200,0.05)' />
                </linearGradient>
            </defs>
            <path d='M150 0 C220 150 80 300 200 450 C320 600 20 600 80 300 Z' fill='url(#g)'/>
        </svg>"
    );
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
}

/* ---------- Title ---------- */
.cat-card-title {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e;
}

.shifting-text {
    font-size: 13px;
    letter-spacing: 1px;
    color: #0054c9;
    font-weight: 600;
}

/* ---------- Text ---------- */
.preferred-card-content > p {
    color: #00315f;
    line-height: 1.5;
    margin-bottom: 18px;
}

/* ---------- Icons Tint ---------- */
.icon img {
    width: 28px;
    height: auto;
    filter: brightness(0) saturate(100%) invert(23%) sepia(90%) saturate(1789%) hue-rotate(204deg);
}

/* ---------- Scrollable Area ---------- */
.preferred-card-content {
    max-height: 260px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

/* Custom Scrollbar */
.preferred-card-content::-webkit-scrollbar {
    width: 5px;
}

.preferred-card-content::-webkit-scrollbar-thumb {
    background: rgba(0, 80, 200, 0.4);
    border-radius: 6px;
}

.preferred-card-content::-webkit-scrollbar-track {
    background: transparent;
}

/* ---------- Responsive ---------- */
@media (max-width: 768px) {
    .preferred-card {
        padding: 20px;
    }
    .cat-card-title {
        font-size: 26px;
    }
}

@media (max-width: 480px) {
    .preferred-card {
        padding: 16px;
    }
    .cat-card-title {
        font-size: 22px;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e20e2b8 */.elementor-2971 .elementor-element.elementor-element-e20e2b8 {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-0f5b0fe */.elementor-2971 .elementor-element.elementor-element-0f5b0fe {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-05a7fa2 */.elementor-2971 .elementor-element.elementor-element-05a7fa2 {
    height: 320px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

.elementor-2971 .elementor-element.elementor-element-05a7fa2::-webkit-scrollbar {
    width: 6px;
}

.elementor-2971 .elementor-element.elementor-element-05a7fa2::-webkit-scrollbar-track {
    background: rgba(255,255,255,0.1);
    border-radius: 10px;
}

.elementor-2971 .elementor-element.elementor-element-05a7fa2::-webkit-scrollbar-thumb {
    background: #b39164;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fabfd59 *//* ---------- Premium Transparent Blue Card ---------- */
.preferred-card {
    background: rgba(0, 80, 200, 0.10); /* transparent blue */
    border-radius: 22px;
    padding: 28px;
    backdrop-filter: blur(8px); /* glass effect */
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(0, 80, 200, 0.25);
    position: relative;
    overflow: hidden;
}

/* ---------- SVG Background Pattern (Right Side Wave) ---------- */
.preferred-card::after {
    content: "";
    position: absolute;
    right: -10px;
    top: 0;
    width: 55%;
    height: 100%;
    pointer-events: none;
    opacity: 0.45;

    /* Blue wave gradient */
    background: url("data:image/svg+xml;utf8,
        <svg width='300' height='600' xmlns='http://www.w3.org/2000/svg'>
            <defs>
                <linearGradient id='g' x1='0' x2='1' y1='0.2' y2='1'>
                    <stop offset='0%' stop-color='rgba(0,80,200,0.25)' />
                    <stop offset='100%' stop-color='rgba(0,80,200,0.05)' />
                </linearGradient>
            </defs>
            <path d='M150 0 C220 150 80 300 200 450 C320 600 20 600 80 300 Z' fill='url(#g)'/>
        </svg>"
    );
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
}

/* ---------- Title ---------- */
.cat-card-title {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e;
}

.shifting-text {
    font-size: 13px;
    letter-spacing: 1px;
    color: #0054c9;
    font-weight: 600;
}

/* ---------- Text ---------- */
.preferred-card-content > p {
    color: #00315f;
    line-height: 1.5;
    margin-bottom: 18px;
}

/* ---------- Icons Tint ---------- */
.icon img {
    width: 28px;
    height: auto;
    filter: brightness(0) saturate(100%) invert(23%) sepia(90%) saturate(1789%) hue-rotate(204deg);
}

/* ---------- Scrollable Area ---------- */
.preferred-card-content {
    max-height: 260px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

/* Custom Scrollbar */
.preferred-card-content::-webkit-scrollbar {
    width: 5px;
}

.preferred-card-content::-webkit-scrollbar-thumb {
    background: rgba(0, 80, 200, 0.4);
    border-radius: 6px;
}

.preferred-card-content::-webkit-scrollbar-track {
    background: transparent;
}

/* ---------- Responsive ---------- */
@media (max-width: 768px) {
    .preferred-card {
        padding: 20px;
    }
    .cat-card-title {
        font-size: 26px;
    }
}

@media (max-width: 480px) {
    .preferred-card {
        padding: 16px;
    }
    .cat-card-title {
        font-size: 22px;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-39a626d */.elementor-2971 .elementor-element.elementor-element-39a626d {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c37ca70 */.elementor-2971 .elementor-element.elementor-element-c37ca70 {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2b22952 */.elementor-2971 .elementor-element.elementor-element-2b22952 {
    height: 320px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

.elementor-2971 .elementor-element.elementor-element-2b22952::-webkit-scrollbar {
    width: 6px;
}

.elementor-2971 .elementor-element.elementor-element-2b22952::-webkit-scrollbar-track {
    background: rgba(255,255,255,0.1);
    border-radius: 10px;
}

.elementor-2971 .elementor-element.elementor-element-2b22952::-webkit-scrollbar-thumb {
    background: #b39164;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-aa02081 *//* ---------- Premium Transparent Blue Card ---------- */
.preferred-card {
    background: rgba(0, 80, 200, 0.10); /* transparent blue */
    border-radius: 22px;
    padding: 28px;
    backdrop-filter: blur(8px); /* glass effect */
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(0, 80, 200, 0.25);
    position: relative;
    overflow: hidden;
}

/* ---------- SVG Background Pattern (Right Side Wave) ---------- */
.preferred-card::after {
    content: "";
    position: absolute;
    right: -10px;
    top: 0;
    width: 55%;
    height: 100%;
    pointer-events: none;
    opacity: 0.45;

    /* Blue wave gradient */
    background: url("data:image/svg+xml;utf8,
        <svg width='300' height='600' xmlns='http://www.w3.org/2000/svg'>
            <defs>
                <linearGradient id='g' x1='0' x2='1' y1='0.2' y2='1'>
                    <stop offset='0%' stop-color='rgba(0,80,200,0.25)' />
                    <stop offset='100%' stop-color='rgba(0,80,200,0.05)' />
                </linearGradient>
            </defs>
            <path d='M150 0 C220 150 80 300 200 450 C320 600 20 600 80 300 Z' fill='url(#g)'/>
        </svg>"
    );
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
}

/* ---------- Title ---------- */
.cat-card-title {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e;
}

.shifting-text {
    font-size: 13px;
    letter-spacing: 1px;
    color: #0054c9;
    font-weight: 600;
}

/* ---------- Text ---------- */
.preferred-card-content > p {
    color: #00315f;
    line-height: 1.5;
    margin-bottom: 18px;
}

/* ---------- Icons Tint ---------- */
.icon img {
    width: 28px;
    height: auto;
    filter: brightness(0) saturate(100%) invert(23%) sepia(90%) saturate(1789%) hue-rotate(204deg);
}

/* ---------- Scrollable Area ---------- */
.preferred-card-content {
    max-height: 260px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

/* Custom Scrollbar */
.preferred-card-content::-webkit-scrollbar {
    width: 5px;
}

.preferred-card-content::-webkit-scrollbar-thumb {
    background: rgba(0, 80, 200, 0.4);
    border-radius: 6px;
}

.preferred-card-content::-webkit-scrollbar-track {
    background: transparent;
}

/* ---------- Responsive ---------- */
@media (max-width: 768px) {
    .preferred-card {
        padding: 20px;
    }
    .cat-card-title {
        font-size: 26px;
    }
}

@media (max-width: 480px) {
    .preferred-card {
        padding: 16px;
    }
    .cat-card-title {
        font-size: 22px;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d8ccaf8 */.elementor-2971 .elementor-element.elementor-element-d8ccaf8 {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-0e711f2 */.elementor-2971 .elementor-element.elementor-element-0e711f2 {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9c99c1d */.elementor-2971 .elementor-element.elementor-element-9c99c1d {
    height: 320px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

.elementor-2971 .elementor-element.elementor-element-9c99c1d::-webkit-scrollbar {
    width: 6px;
}

.elementor-2971 .elementor-element.elementor-element-9c99c1d::-webkit-scrollbar-track {
    background: rgba(255,255,255,0.1);
    border-radius: 10px;
}

.elementor-2971 .elementor-element.elementor-element-9c99c1d::-webkit-scrollbar-thumb {
    background: #b39164;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b4930dc *//* ---------- Premium Transparent Blue Card ---------- */
.preferred-card {
    background: rgba(0, 80, 200, 0.10); /* transparent blue */
    border-radius: 22px;
    padding: 28px;
    backdrop-filter: blur(8px); /* glass effect */
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(0, 80, 200, 0.25);
    position: relative;
    overflow: hidden;
}

/* ---------- SVG Background Pattern (Right Side Wave) ---------- */
.preferred-card::after {
    content: "";
    position: absolute;
    right: -10px;
    top: 0;
    width: 55%;
    height: 100%;
    pointer-events: none;
    opacity: 0.45;

    /* Blue wave gradient */
    background: url("data:image/svg+xml;utf8,
        <svg width='300' height='600' xmlns='http://www.w3.org/2000/svg'>
            <defs>
                <linearGradient id='g' x1='0' x2='1' y1='0.2' y2='1'>
                    <stop offset='0%' stop-color='rgba(0,80,200,0.25)' />
                    <stop offset='100%' stop-color='rgba(0,80,200,0.05)' />
                </linearGradient>
            </defs>
            <path d='M150 0 C220 150 80 300 200 450 C320 600 20 600 80 300 Z' fill='url(#g)'/>
        </svg>"
    );
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
}

/* ---------- Title ---------- */
.cat-card-title {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e;
}

.shifting-text {
    font-size: 13px;
    letter-spacing: 1px;
    color: #0054c9;
    font-weight: 600;
}

/* ---------- Text ---------- */
.preferred-card-content > p {
    color: #00315f;
    line-height: 1.5;
    margin-bottom: 18px;
}

/* ---------- Icons Tint ---------- */
.icon img {
    width: 28px;
    height: auto;
    filter: brightness(0) saturate(100%) invert(23%) sepia(90%) saturate(1789%) hue-rotate(204deg);
}

/* ---------- Scrollable Area ---------- */
.preferred-card-content {
    max-height: 260px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

/* Custom Scrollbar */
.preferred-card-content::-webkit-scrollbar {
    width: 5px;
}

.preferred-card-content::-webkit-scrollbar-thumb {
    background: rgba(0, 80, 200, 0.4);
    border-radius: 6px;
}

.preferred-card-content::-webkit-scrollbar-track {
    background: transparent;
}

/* ---------- Responsive ---------- */
@media (max-width: 768px) {
    .preferred-card {
        padding: 20px;
    }
    .cat-card-title {
        font-size: 26px;
    }
}

@media (max-width: 480px) {
    .preferred-card {
        padding: 16px;
    }
    .cat-card-title {
        font-size: 22px;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5d7684f */.elementor-2971 .elementor-element.elementor-element-5d7684f {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-19d7e52 */.elementor-2971 .elementor-element.elementor-element-19d7e52 {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f42a1e0 */.elementor-2971 .elementor-element.elementor-element-f42a1e0 {
    height: 320px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

.elementor-2971 .elementor-element.elementor-element-f42a1e0::-webkit-scrollbar {
    width: 6px;
}

.elementor-2971 .elementor-element.elementor-element-f42a1e0::-webkit-scrollbar-track {
    background: rgba(255,255,255,0.1);
    border-radius: 10px;
}

.elementor-2971 .elementor-element.elementor-element-f42a1e0::-webkit-scrollbar-thumb {
    background: #b39164;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-13d92d1 *//* ---------- Premium Transparent Blue Card ---------- */
.preferred-card {
    background: rgba(0, 80, 200, 0.10); /* transparent blue */
    border-radius: 22px;
    padding: 28px;
    backdrop-filter: blur(8px); /* glass effect */
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(0, 80, 200, 0.25);
    position: relative;
    overflow: hidden;
}

/* ---------- SVG Background Pattern (Right Side Wave) ---------- */
.preferred-card::after {
    content: "";
    position: absolute;
    right: -10px;
    top: 0;
    width: 55%;
    height: 100%;
    pointer-events: none;
    opacity: 0.45;

    /* Blue wave gradient */
    background: url("data:image/svg+xml;utf8,
        <svg width='300' height='600' xmlns='http://www.w3.org/2000/svg'>
            <defs>
                <linearGradient id='g' x1='0' x2='1' y1='0.2' y2='1'>
                    <stop offset='0%' stop-color='rgba(0,80,200,0.25)' />
                    <stop offset='100%' stop-color='rgba(0,80,200,0.05)' />
                </linearGradient>
            </defs>
            <path d='M150 0 C220 150 80 300 200 450 C320 600 20 600 80 300 Z' fill='url(#g)'/>
        </svg>"
    );
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
}

/* ---------- Title ---------- */
.cat-card-title {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e;
}

.shifting-text {
    font-size: 13px;
    letter-spacing: 1px;
    color: #0054c9;
    font-weight: 600;
}

/* ---------- Text ---------- */
.preferred-card-content > p {
    color: #00315f;
    line-height: 1.5;
    margin-bottom: 18px;
}

/* ---------- Icons Tint ---------- */
.icon img {
    width: 28px;
    height: auto;
    filter: brightness(0) saturate(100%) invert(23%) sepia(90%) saturate(1789%) hue-rotate(204deg);
}

/* ---------- Scrollable Area ---------- */
.preferred-card-content {
    max-height: 260px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

/* Custom Scrollbar */
.preferred-card-content::-webkit-scrollbar {
    width: 5px;
}

.preferred-card-content::-webkit-scrollbar-thumb {
    background: rgba(0, 80, 200, 0.4);
    border-radius: 6px;
}

.preferred-card-content::-webkit-scrollbar-track {
    background: transparent;
}

/* ---------- Responsive ---------- */
@media (max-width: 768px) {
    .preferred-card {
        padding: 20px;
    }
    .cat-card-title {
        font-size: 26px;
    }
}

@media (max-width: 480px) {
    .preferred-card {
        padding: 16px;
    }
    .cat-card-title {
        font-size: 22px;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d3c8449 */.elementor-2971 .elementor-element.elementor-element-d3c8449 {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-fd9855f */.elementor-2971 .elementor-element.elementor-element-fd9855f {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bfa89b2 */.elementor-2971 .elementor-element.elementor-element-bfa89b2 {
    height: 320px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

.elementor-2971 .elementor-element.elementor-element-bfa89b2::-webkit-scrollbar {
    width: 6px;
}

.elementor-2971 .elementor-element.elementor-element-bfa89b2::-webkit-scrollbar-track {
    background: rgba(255,255,255,0.1);
    border-radius: 10px;
}

.elementor-2971 .elementor-element.elementor-element-bfa89b2::-webkit-scrollbar-thumb {
    background: #b39164;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-eea8da5 *//* ---------- Premium Transparent Blue Card ---------- */
.preferred-card {
    background: rgba(0, 80, 200, 0.10); /* transparent blue */
    border-radius: 22px;
    padding: 28px;
    backdrop-filter: blur(8px); /* glass effect */
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(0, 80, 200, 0.25);
    position: relative;
    overflow: hidden;
}

/* ---------- SVG Background Pattern (Right Side Wave) ---------- */
.preferred-card::after {
    content: "";
    position: absolute;
    right: -10px;
    top: 0;
    width: 55%;
    height: 100%;
    pointer-events: none;
    opacity: 0.45;

    /* Blue wave gradient */
    background: url("data:image/svg+xml;utf8,
        <svg width='300' height='600' xmlns='http://www.w3.org/2000/svg'>
            <defs>
                <linearGradient id='g' x1='0' x2='1' y1='0.2' y2='1'>
                    <stop offset='0%' stop-color='rgba(0,80,200,0.25)' />
                    <stop offset='100%' stop-color='rgba(0,80,200,0.05)' />
                </linearGradient>
            </defs>
            <path d='M150 0 C220 150 80 300 200 450 C320 600 20 600 80 300 Z' fill='url(#g)'/>
        </svg>"
    );
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
}

/* ---------- Title ---------- */
.cat-card-title {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e;
}

.shifting-text {
    font-size: 13px;
    letter-spacing: 1px;
    color: #0054c9;
    font-weight: 600;
}

/* ---------- Text ---------- */
.preferred-card-content > p {
    color: #00315f;
    line-height: 1.5;
    margin-bottom: 18px;
}

/* ---------- Icons Tint ---------- */
.icon img {
    width: 28px;
    height: auto;
    filter: brightness(0) saturate(100%) invert(23%) sepia(90%) saturate(1789%) hue-rotate(204deg);
}

/* ---------- Scrollable Area ---------- */
.preferred-card-content {
    max-height: 260px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

/* Custom Scrollbar */
.preferred-card-content::-webkit-scrollbar {
    width: 5px;
}

.preferred-card-content::-webkit-scrollbar-thumb {
    background: rgba(0, 80, 200, 0.4);
    border-radius: 6px;
}

.preferred-card-content::-webkit-scrollbar-track {
    background: transparent;
}

/* ---------- Responsive ---------- */
@media (max-width: 768px) {
    .preferred-card {
        padding: 20px;
    }
    .cat-card-title {
        font-size: 26px;
    }
}

@media (max-width: 480px) {
    .preferred-card {
        padding: 16px;
    }
    .cat-card-title {
        font-size: 22px;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-865678a */.elementor-2971 .elementor-element.elementor-element-865678a {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-70925a6 */.elementor-2971 .elementor-element.elementor-element-70925a6 {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4f703ff */.elementor-2971 .elementor-element.elementor-element-4f703ff {
    height: 320px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

.elementor-2971 .elementor-element.elementor-element-4f703ff::-webkit-scrollbar {
    width: 6px;
}

.elementor-2971 .elementor-element.elementor-element-4f703ff::-webkit-scrollbar-track {
    background: rgba(255,255,255,0.1);
    border-radius: 10px;
}

.elementor-2971 .elementor-element.elementor-element-4f703ff::-webkit-scrollbar-thumb {
    background: #b39164;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-69bb51c *//* ---------- Premium Transparent Blue Card ---------- */
.preferred-card {
    background: rgba(0, 80, 200, 0.10); /* transparent blue */
    border-radius: 22px;
    padding: 28px;
    backdrop-filter: blur(8px); /* glass effect */
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(0, 80, 200, 0.25);
    position: relative;
    overflow: hidden;
}

/* ---------- SVG Background Pattern (Right Side Wave) ---------- */
.preferred-card::after {
    content: "";
    position: absolute;
    right: -10px;
    top: 0;
    width: 55%;
    height: 100%;
    pointer-events: none;
    opacity: 0.45;

    /* Blue wave gradient */
    background: url("data:image/svg+xml;utf8,
        <svg width='300' height='600' xmlns='http://www.w3.org/2000/svg'>
            <defs>
                <linearGradient id='g' x1='0' x2='1' y1='0.2' y2='1'>
                    <stop offset='0%' stop-color='rgba(0,80,200,0.25)' />
                    <stop offset='100%' stop-color='rgba(0,80,200,0.05)' />
                </linearGradient>
            </defs>
            <path d='M150 0 C220 150 80 300 200 450 C320 600 20 600 80 300 Z' fill='url(#g)'/>
        </svg>"
    );
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
}

/* ---------- Title ---------- */
.cat-card-title {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e;
}

.shifting-text {
    font-size: 13px;
    letter-spacing: 1px;
    color: #0054c9;
    font-weight: 600;
}

/* ---------- Text ---------- */
.preferred-card-content > p {
    color: #00315f;
    line-height: 1.5;
    margin-bottom: 18px;
}

/* ---------- Icons Tint ---------- */
.icon img {
    width: 28px;
    height: auto;
    filter: brightness(0) saturate(100%) invert(23%) sepia(90%) saturate(1789%) hue-rotate(204deg);
}

/* ---------- Scrollable Area ---------- */
.preferred-card-content {
    max-height: 260px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

/* Custom Scrollbar */
.preferred-card-content::-webkit-scrollbar {
    width: 5px;
}

.preferred-card-content::-webkit-scrollbar-thumb {
    background: rgba(0, 80, 200, 0.4);
    border-radius: 6px;
}

.preferred-card-content::-webkit-scrollbar-track {
    background: transparent;
}

/* ---------- Responsive ---------- */
@media (max-width: 768px) {
    .preferred-card {
        padding: 20px;
    }
    .cat-card-title {
        font-size: 26px;
    }
}

@media (max-width: 480px) {
    .preferred-card {
        padding: 16px;
    }
    .cat-card-title {
        font-size: 22px;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-acbfead */.elementor-2971 .elementor-element.elementor-element-acbfead {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-b4ca823 */.elementor-2971 .elementor-element.elementor-element-b4ca823 {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-44ec01e */.elementor-2971 .elementor-element.elementor-element-44ec01e {
    height: 320px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

.elementor-2971 .elementor-element.elementor-element-44ec01e::-webkit-scrollbar {
    width: 6px;
}

.elementor-2971 .elementor-element.elementor-element-44ec01e::-webkit-scrollbar-track {
    background: rgba(255,255,255,0.1);
    border-radius: 10px;
}

.elementor-2971 .elementor-element.elementor-element-44ec01e::-webkit-scrollbar-thumb {
    background: #b39164;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-05df6e1 *//* ---------- Premium Transparent Blue Card ---------- */
.preferred-card {
    background: rgba(0, 80, 200, 0.10); /* transparent blue */
    border-radius: 22px;
    padding: 28px;
    backdrop-filter: blur(8px); /* glass effect */
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(0, 80, 200, 0.25);
    position: relative;
    overflow: hidden;
}

/* ---------- SVG Background Pattern (Right Side Wave) ---------- */
.preferred-card::after {
    content: "";
    position: absolute;
    right: -10px;
    top: 0;
    width: 55%;
    height: 100%;
    pointer-events: none;
    opacity: 0.45;

    /* Blue wave gradient */
    background: url("data:image/svg+xml;utf8,
        <svg width='300' height='600' xmlns='http://www.w3.org/2000/svg'>
            <defs>
                <linearGradient id='g' x1='0' x2='1' y1='0.2' y2='1'>
                    <stop offset='0%' stop-color='rgba(0,80,200,0.25)' />
                    <stop offset='100%' stop-color='rgba(0,80,200,0.05)' />
                </linearGradient>
            </defs>
            <path d='M150 0 C220 150 80 300 200 450 C320 600 20 600 80 300 Z' fill='url(#g)'/>
        </svg>"
    );
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
}

/* ---------- Title ---------- */
.cat-card-title {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e;
}

.shifting-text {
    font-size: 13px;
    letter-spacing: 1px;
    color: #0054c9;
    font-weight: 600;
}

/* ---------- Text ---------- */
.preferred-card-content > p {
    color: #00315f;
    line-height: 1.5;
    margin-bottom: 18px;
}

/* ---------- Icons Tint ---------- */
.icon img {
    width: 28px;
    height: auto;
    filter: brightness(0) saturate(100%) invert(23%) sepia(90%) saturate(1789%) hue-rotate(204deg);
}

/* ---------- Scrollable Area ---------- */
.preferred-card-content {
    max-height: 260px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

/* Custom Scrollbar */
.preferred-card-content::-webkit-scrollbar {
    width: 5px;
}

.preferred-card-content::-webkit-scrollbar-thumb {
    background: rgba(0, 80, 200, 0.4);
    border-radius: 6px;
}

.preferred-card-content::-webkit-scrollbar-track {
    background: transparent;
}

/* ---------- Responsive ---------- */
@media (max-width: 768px) {
    .preferred-card {
        padding: 20px;
    }
    .cat-card-title {
        font-size: 26px;
    }
}

@media (max-width: 480px) {
    .preferred-card {
        padding: 16px;
    }
    .cat-card-title {
        font-size: 22px;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5186a59 */.elementor-2971 .elementor-element.elementor-element-5186a59 {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-a3851c7 */.elementor-2971 .elementor-element.elementor-element-a3851c7 {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4d1a7c4 */.elementor-2971 .elementor-element.elementor-element-4d1a7c4 {
    height: 320px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

.elementor-2971 .elementor-element.elementor-element-4d1a7c4::-webkit-scrollbar {
    width: 6px;
}

.elementor-2971 .elementor-element.elementor-element-4d1a7c4::-webkit-scrollbar-track {
    background: rgba(255,255,255,0.1);
    border-radius: 10px;
}

.elementor-2971 .elementor-element.elementor-element-4d1a7c4::-webkit-scrollbar-thumb {
    background: #b39164;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3381091 *//* ---------- Premium Transparent Blue Card ---------- */
.preferred-card {
    background: rgba(0, 80, 200, 0.10); /* transparent blue */
    border-radius: 22px;
    padding: 28px;
    backdrop-filter: blur(8px); /* glass effect */
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(0, 80, 200, 0.25);
    position: relative;
    overflow: hidden;
}

/* ---------- SVG Background Pattern (Right Side Wave) ---------- */
.preferred-card::after {
    content: "";
    position: absolute;
    right: -10px;
    top: 0;
    width: 55%;
    height: 100%;
    pointer-events: none;
    opacity: 0.45;

    /* Blue wave gradient */
    background: url("data:image/svg+xml;utf8,
        <svg width='300' height='600' xmlns='http://www.w3.org/2000/svg'>
            <defs>
                <linearGradient id='g' x1='0' x2='1' y1='0.2' y2='1'>
                    <stop offset='0%' stop-color='rgba(0,80,200,0.25)' />
                    <stop offset='100%' stop-color='rgba(0,80,200,0.05)' />
                </linearGradient>
            </defs>
            <path d='M150 0 C220 150 80 300 200 450 C320 600 20 600 80 300 Z' fill='url(#g)'/>
        </svg>"
    );
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
}

/* ---------- Title ---------- */
.cat-card-title {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e;
}

.shifting-text {
    font-size: 13px;
    letter-spacing: 1px;
    color: #0054c9;
    font-weight: 600;
}

/* ---------- Text ---------- */
.preferred-card-content > p {
    color: #00315f;
    line-height: 1.5;
    margin-bottom: 18px;
}

/* ---------- Icons Tint ---------- */
.icon img {
    width: 28px;
    height: auto;
    filter: brightness(0) saturate(100%) invert(23%) sepia(90%) saturate(1789%) hue-rotate(204deg);
}

/* ---------- Scrollable Area ---------- */
.preferred-card-content {
    max-height: 260px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

/* Custom Scrollbar */
.preferred-card-content::-webkit-scrollbar {
    width: 5px;
}

.preferred-card-content::-webkit-scrollbar-thumb {
    background: rgba(0, 80, 200, 0.4);
    border-radius: 6px;
}

.preferred-card-content::-webkit-scrollbar-track {
    background: transparent;
}

/* ---------- Responsive ---------- */
@media (max-width: 768px) {
    .preferred-card {
        padding: 20px;
    }
    .cat-card-title {
        font-size: 26px;
    }
}

@media (max-width: 480px) {
    .preferred-card {
        padding: 16px;
    }
    .cat-card-title {
        font-size: 22px;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-fdd7649 */.elementor-2971 .elementor-element.elementor-element-fdd7649 {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-08ad947 */.elementor-2971 .elementor-element.elementor-element-08ad947 {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b90964f */.elementor-2971 .elementor-element.elementor-element-b90964f {
    height: 320px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

.elementor-2971 .elementor-element.elementor-element-b90964f::-webkit-scrollbar {
    width: 6px;
}

.elementor-2971 .elementor-element.elementor-element-b90964f::-webkit-scrollbar-track {
    background: rgba(255,255,255,0.1);
    border-radius: 10px;
}

.elementor-2971 .elementor-element.elementor-element-b90964f::-webkit-scrollbar-thumb {
    background: #b39164;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f753fab *//* ---------- Premium Transparent Blue Card ---------- */
.preferred-card {
    background: rgba(0, 80, 200, 0.10); /* transparent blue */
    border-radius: 22px;
    padding: 28px;
    backdrop-filter: blur(8px); /* glass effect */
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(0, 80, 200, 0.25);
    position: relative;
    overflow: hidden;
}

/* ---------- SVG Background Pattern (Right Side Wave) ---------- */
.preferred-card::after {
    content: "";
    position: absolute;
    right: -10px;
    top: 0;
    width: 55%;
    height: 100%;
    pointer-events: none;
    opacity: 0.45;

    /* Blue wave gradient */
    background: url("data:image/svg+xml;utf8,
        <svg width='300' height='600' xmlns='http://www.w3.org/2000/svg'>
            <defs>
                <linearGradient id='g' x1='0' x2='1' y1='0.2' y2='1'>
                    <stop offset='0%' stop-color='rgba(0,80,200,0.25)' />
                    <stop offset='100%' stop-color='rgba(0,80,200,0.05)' />
                </linearGradient>
            </defs>
            <path d='M150 0 C220 150 80 300 200 450 C320 600 20 600 80 300 Z' fill='url(#g)'/>
        </svg>"
    );
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
}

/* ---------- Title ---------- */
.cat-card-title {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e;
}

.shifting-text {
    font-size: 13px;
    letter-spacing: 1px;
    color: #0054c9;
    font-weight: 600;
}

/* ---------- Text ---------- */
.preferred-card-content > p {
    color: #00315f;
    line-height: 1.5;
    margin-bottom: 18px;
}

/* ---------- Icons Tint ---------- */
.icon img {
    width: 28px;
    height: auto;
    filter: brightness(0) saturate(100%) invert(23%) sepia(90%) saturate(1789%) hue-rotate(204deg);
}

/* ---------- Scrollable Area ---------- */
.preferred-card-content {
    max-height: 260px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

/* Custom Scrollbar */
.preferred-card-content::-webkit-scrollbar {
    width: 5px;
}

.preferred-card-content::-webkit-scrollbar-thumb {
    background: rgba(0, 80, 200, 0.4);
    border-radius: 6px;
}

.preferred-card-content::-webkit-scrollbar-track {
    background: transparent;
}

/* ---------- Responsive ---------- */
@media (max-width: 768px) {
    .preferred-card {
        padding: 20px;
    }
    .cat-card-title {
        font-size: 26px;
    }
}

@media (max-width: 480px) {
    .preferred-card {
        padding: 16px;
    }
    .cat-card-title {
        font-size: 22px;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f8c0cc9 */.elementor-2971 .elementor-element.elementor-element-f8c0cc9 {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-a18b7e4 */.elementor-2971 .elementor-element.elementor-element-a18b7e4 {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f8a4fc4 */.elementor-2971 .elementor-element.elementor-element-f8a4fc4 {
    height: 320px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

.elementor-2971 .elementor-element.elementor-element-f8a4fc4::-webkit-scrollbar {
    width: 6px;
}

.elementor-2971 .elementor-element.elementor-element-f8a4fc4::-webkit-scrollbar-track {
    background: rgba(255,255,255,0.1);
    border-radius: 10px;
}

.elementor-2971 .elementor-element.elementor-element-f8a4fc4::-webkit-scrollbar-thumb {
    background: #b39164;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5931137 *//* ---------- Premium Transparent Blue Card ---------- */
.preferred-card {
    background: rgba(0, 80, 200, 0.10); /* transparent blue */
    border-radius: 22px;
    padding: 28px;
    backdrop-filter: blur(8px); /* glass effect */
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(0, 80, 200, 0.25);
    position: relative;
    overflow: hidden;
}

/* ---------- SVG Background Pattern (Right Side Wave) ---------- */
.preferred-card::after {
    content: "";
    position: absolute;
    right: -10px;
    top: 0;
    width: 55%;
    height: 100%;
    pointer-events: none;
    opacity: 0.45;

    /* Blue wave gradient */
    background: url("data:image/svg+xml;utf8,
        <svg width='300' height='600' xmlns='http://www.w3.org/2000/svg'>
            <defs>
                <linearGradient id='g' x1='0' x2='1' y1='0.2' y2='1'>
                    <stop offset='0%' stop-color='rgba(0,80,200,0.25)' />
                    <stop offset='100%' stop-color='rgba(0,80,200,0.05)' />
                </linearGradient>
            </defs>
            <path d='M150 0 C220 150 80 300 200 450 C320 600 20 600 80 300 Z' fill='url(#g)'/>
        </svg>"
    );
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
}

/* ---------- Title ---------- */
.cat-card-title {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e;
}

.shifting-text {
    font-size: 13px;
    letter-spacing: 1px;
    color: #0054c9;
    font-weight: 600;
}

/* ---------- Text ---------- */
.preferred-card-content > p {
    color: #00315f;
    line-height: 1.5;
    margin-bottom: 18px;
}

/* ---------- Icons Tint ---------- */
.icon img {
    width: 28px;
    height: auto;
    filter: brightness(0) saturate(100%) invert(23%) sepia(90%) saturate(1789%) hue-rotate(204deg);
}

/* ---------- Scrollable Area ---------- */
.preferred-card-content {
    max-height: 260px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

/* Custom Scrollbar */
.preferred-card-content::-webkit-scrollbar {
    width: 5px;
}

.preferred-card-content::-webkit-scrollbar-thumb {
    background: rgba(0, 80, 200, 0.4);
    border-radius: 6px;
}

.preferred-card-content::-webkit-scrollbar-track {
    background: transparent;
}

/* ---------- Responsive ---------- */
@media (max-width: 768px) {
    .preferred-card {
        padding: 20px;
    }
    .cat-card-title {
        font-size: 26px;
    }
}

@media (max-width: 480px) {
    .preferred-card {
        padding: 16px;
    }
    .cat-card-title {
        font-size: 22px;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e20e2b8 */.elementor-2971 .elementor-element.elementor-element-e20e2b8 {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-0f5b0fe */.elementor-2971 .elementor-element.elementor-element-0f5b0fe {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-05a7fa2 */.elementor-2971 .elementor-element.elementor-element-05a7fa2 {
    height: 320px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

.elementor-2971 .elementor-element.elementor-element-05a7fa2::-webkit-scrollbar {
    width: 6px;
}

.elementor-2971 .elementor-element.elementor-element-05a7fa2::-webkit-scrollbar-track {
    background: rgba(255,255,255,0.1);
    border-radius: 10px;
}

.elementor-2971 .elementor-element.elementor-element-05a7fa2::-webkit-scrollbar-thumb {
    background: #b39164;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fabfd59 *//* ---------- Premium Transparent Blue Card ---------- */
.preferred-card {
    background: rgba(0, 80, 200, 0.10); /* transparent blue */
    border-radius: 22px;
    padding: 28px;
    backdrop-filter: blur(8px); /* glass effect */
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(0, 80, 200, 0.25);
    position: relative;
    overflow: hidden;
}

/* ---------- SVG Background Pattern (Right Side Wave) ---------- */
.preferred-card::after {
    content: "";
    position: absolute;
    right: -10px;
    top: 0;
    width: 55%;
    height: 100%;
    pointer-events: none;
    opacity: 0.45;

    /* Blue wave gradient */
    background: url("data:image/svg+xml;utf8,
        <svg width='300' height='600' xmlns='http://www.w3.org/2000/svg'>
            <defs>
                <linearGradient id='g' x1='0' x2='1' y1='0.2' y2='1'>
                    <stop offset='0%' stop-color='rgba(0,80,200,0.25)' />
                    <stop offset='100%' stop-color='rgba(0,80,200,0.05)' />
                </linearGradient>
            </defs>
            <path d='M150 0 C220 150 80 300 200 450 C320 600 20 600 80 300 Z' fill='url(#g)'/>
        </svg>"
    );
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
}

/* ---------- Title ---------- */
.cat-card-title {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e;
}

.shifting-text {
    font-size: 13px;
    letter-spacing: 1px;
    color: #0054c9;
    font-weight: 600;
}

/* ---------- Text ---------- */
.preferred-card-content > p {
    color: #00315f;
    line-height: 1.5;
    margin-bottom: 18px;
}

/* ---------- Icons Tint ---------- */
.icon img {
    width: 28px;
    height: auto;
    filter: brightness(0) saturate(100%) invert(23%) sepia(90%) saturate(1789%) hue-rotate(204deg);
}

/* ---------- Scrollable Area ---------- */
.preferred-card-content {
    max-height: 260px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

/* Custom Scrollbar */
.preferred-card-content::-webkit-scrollbar {
    width: 5px;
}

.preferred-card-content::-webkit-scrollbar-thumb {
    background: rgba(0, 80, 200, 0.4);
    border-radius: 6px;
}

.preferred-card-content::-webkit-scrollbar-track {
    background: transparent;
}

/* ---------- Responsive ---------- */
@media (max-width: 768px) {
    .preferred-card {
        padding: 20px;
    }
    .cat-card-title {
        font-size: 26px;
    }
}

@media (max-width: 480px) {
    .preferred-card {
        padding: 16px;
    }
    .cat-card-title {
        font-size: 22px;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-39a626d */.elementor-2971 .elementor-element.elementor-element-39a626d {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c37ca70 */.elementor-2971 .elementor-element.elementor-element-c37ca70 {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2b22952 */.elementor-2971 .elementor-element.elementor-element-2b22952 {
    height: 320px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

.elementor-2971 .elementor-element.elementor-element-2b22952::-webkit-scrollbar {
    width: 6px;
}

.elementor-2971 .elementor-element.elementor-element-2b22952::-webkit-scrollbar-track {
    background: rgba(255,255,255,0.1);
    border-radius: 10px;
}

.elementor-2971 .elementor-element.elementor-element-2b22952::-webkit-scrollbar-thumb {
    background: #b39164;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-aa02081 *//* ---------- Premium Transparent Blue Card ---------- */
.preferred-card {
    background: rgba(0, 80, 200, 0.10); /* transparent blue */
    border-radius: 22px;
    padding: 28px;
    backdrop-filter: blur(8px); /* glass effect */
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(0, 80, 200, 0.25);
    position: relative;
    overflow: hidden;
}

/* ---------- SVG Background Pattern (Right Side Wave) ---------- */
.preferred-card::after {
    content: "";
    position: absolute;
    right: -10px;
    top: 0;
    width: 55%;
    height: 100%;
    pointer-events: none;
    opacity: 0.45;

    /* Blue wave gradient */
    background: url("data:image/svg+xml;utf8,
        <svg width='300' height='600' xmlns='http://www.w3.org/2000/svg'>
            <defs>
                <linearGradient id='g' x1='0' x2='1' y1='0.2' y2='1'>
                    <stop offset='0%' stop-color='rgba(0,80,200,0.25)' />
                    <stop offset='100%' stop-color='rgba(0,80,200,0.05)' />
                </linearGradient>
            </defs>
            <path d='M150 0 C220 150 80 300 200 450 C320 600 20 600 80 300 Z' fill='url(#g)'/>
        </svg>"
    );
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
}

/* ---------- Title ---------- */
.cat-card-title {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e;
}

.shifting-text {
    font-size: 13px;
    letter-spacing: 1px;
    color: #0054c9;
    font-weight: 600;
}

/* ---------- Text ---------- */
.preferred-card-content > p {
    color: #00315f;
    line-height: 1.5;
    margin-bottom: 18px;
}

/* ---------- Icons Tint ---------- */
.icon img {
    width: 28px;
    height: auto;
    filter: brightness(0) saturate(100%) invert(23%) sepia(90%) saturate(1789%) hue-rotate(204deg);
}

/* ---------- Scrollable Area ---------- */
.preferred-card-content {
    max-height: 260px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

/* Custom Scrollbar */
.preferred-card-content::-webkit-scrollbar {
    width: 5px;
}

.preferred-card-content::-webkit-scrollbar-thumb {
    background: rgba(0, 80, 200, 0.4);
    border-radius: 6px;
}

.preferred-card-content::-webkit-scrollbar-track {
    background: transparent;
}

/* ---------- Responsive ---------- */
@media (max-width: 768px) {
    .preferred-card {
        padding: 20px;
    }
    .cat-card-title {
        font-size: 26px;
    }
}

@media (max-width: 480px) {
    .preferred-card {
        padding: 16px;
    }
    .cat-card-title {
        font-size: 22px;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d8ccaf8 */.elementor-2971 .elementor-element.elementor-element-d8ccaf8 {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-0e711f2 */.elementor-2971 .elementor-element.elementor-element-0e711f2 {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9c99c1d */.elementor-2971 .elementor-element.elementor-element-9c99c1d {
    height: 320px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

.elementor-2971 .elementor-element.elementor-element-9c99c1d::-webkit-scrollbar {
    width: 6px;
}

.elementor-2971 .elementor-element.elementor-element-9c99c1d::-webkit-scrollbar-track {
    background: rgba(255,255,255,0.1);
    border-radius: 10px;
}

.elementor-2971 .elementor-element.elementor-element-9c99c1d::-webkit-scrollbar-thumb {
    background: #b39164;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b4930dc *//* ---------- Premium Transparent Blue Card ---------- */
.preferred-card {
    background: rgba(0, 80, 200, 0.10); /* transparent blue */
    border-radius: 22px;
    padding: 28px;
    backdrop-filter: blur(8px); /* glass effect */
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(0, 80, 200, 0.25);
    position: relative;
    overflow: hidden;
}

/* ---------- SVG Background Pattern (Right Side Wave) ---------- */
.preferred-card::after {
    content: "";
    position: absolute;
    right: -10px;
    top: 0;
    width: 55%;
    height: 100%;
    pointer-events: none;
    opacity: 0.45;

    /* Blue wave gradient */
    background: url("data:image/svg+xml;utf8,
        <svg width='300' height='600' xmlns='http://www.w3.org/2000/svg'>
            <defs>
                <linearGradient id='g' x1='0' x2='1' y1='0.2' y2='1'>
                    <stop offset='0%' stop-color='rgba(0,80,200,0.25)' />
                    <stop offset='100%' stop-color='rgba(0,80,200,0.05)' />
                </linearGradient>
            </defs>
            <path d='M150 0 C220 150 80 300 200 450 C320 600 20 600 80 300 Z' fill='url(#g)'/>
        </svg>"
    );
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
}

/* ---------- Title ---------- */
.cat-card-title {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e;
}

.shifting-text {
    font-size: 13px;
    letter-spacing: 1px;
    color: #0054c9;
    font-weight: 600;
}

/* ---------- Text ---------- */
.preferred-card-content > p {
    color: #00315f;
    line-height: 1.5;
    margin-bottom: 18px;
}

/* ---------- Icons Tint ---------- */
.icon img {
    width: 28px;
    height: auto;
    filter: brightness(0) saturate(100%) invert(23%) sepia(90%) saturate(1789%) hue-rotate(204deg);
}

/* ---------- Scrollable Area ---------- */
.preferred-card-content {
    max-height: 260px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

/* Custom Scrollbar */
.preferred-card-content::-webkit-scrollbar {
    width: 5px;
}

.preferred-card-content::-webkit-scrollbar-thumb {
    background: rgba(0, 80, 200, 0.4);
    border-radius: 6px;
}

.preferred-card-content::-webkit-scrollbar-track {
    background: transparent;
}

/* ---------- Responsive ---------- */
@media (max-width: 768px) {
    .preferred-card {
        padding: 20px;
    }
    .cat-card-title {
        font-size: 26px;
    }
}

@media (max-width: 480px) {
    .preferred-card {
        padding: 16px;
    }
    .cat-card-title {
        font-size: 22px;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5d7684f */.elementor-2971 .elementor-element.elementor-element-5d7684f {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-19d7e52 */.elementor-2971 .elementor-element.elementor-element-19d7e52 {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f42a1e0 */.elementor-2971 .elementor-element.elementor-element-f42a1e0 {
    height: 320px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

.elementor-2971 .elementor-element.elementor-element-f42a1e0::-webkit-scrollbar {
    width: 6px;
}

.elementor-2971 .elementor-element.elementor-element-f42a1e0::-webkit-scrollbar-track {
    background: rgba(255,255,255,0.1);
    border-radius: 10px;
}

.elementor-2971 .elementor-element.elementor-element-f42a1e0::-webkit-scrollbar-thumb {
    background: #b39164;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-13d92d1 *//* ---------- Premium Transparent Blue Card ---------- */
.preferred-card {
    background: rgba(0, 80, 200, 0.10); /* transparent blue */
    border-radius: 22px;
    padding: 28px;
    backdrop-filter: blur(8px); /* glass effect */
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(0, 80, 200, 0.25);
    position: relative;
    overflow: hidden;
}

/* ---------- SVG Background Pattern (Right Side Wave) ---------- */
.preferred-card::after {
    content: "";
    position: absolute;
    right: -10px;
    top: 0;
    width: 55%;
    height: 100%;
    pointer-events: none;
    opacity: 0.45;

    /* Blue wave gradient */
    background: url("data:image/svg+xml;utf8,
        <svg width='300' height='600' xmlns='http://www.w3.org/2000/svg'>
            <defs>
                <linearGradient id='g' x1='0' x2='1' y1='0.2' y2='1'>
                    <stop offset='0%' stop-color='rgba(0,80,200,0.25)' />
                    <stop offset='100%' stop-color='rgba(0,80,200,0.05)' />
                </linearGradient>
            </defs>
            <path d='M150 0 C220 150 80 300 200 450 C320 600 20 600 80 300 Z' fill='url(#g)'/>
        </svg>"
    );
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
}

/* ---------- Title ---------- */
.cat-card-title {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e;
}

.shifting-text {
    font-size: 13px;
    letter-spacing: 1px;
    color: #0054c9;
    font-weight: 600;
}

/* ---------- Text ---------- */
.preferred-card-content > p {
    color: #00315f;
    line-height: 1.5;
    margin-bottom: 18px;
}

/* ---------- Icons Tint ---------- */
.icon img {
    width: 28px;
    height: auto;
    filter: brightness(0) saturate(100%) invert(23%) sepia(90%) saturate(1789%) hue-rotate(204deg);
}

/* ---------- Scrollable Area ---------- */
.preferred-card-content {
    max-height: 260px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

/* Custom Scrollbar */
.preferred-card-content::-webkit-scrollbar {
    width: 5px;
}

.preferred-card-content::-webkit-scrollbar-thumb {
    background: rgba(0, 80, 200, 0.4);
    border-radius: 6px;
}

.preferred-card-content::-webkit-scrollbar-track {
    background: transparent;
}

/* ---------- Responsive ---------- */
@media (max-width: 768px) {
    .preferred-card {
        padding: 20px;
    }
    .cat-card-title {
        font-size: 26px;
    }
}

@media (max-width: 480px) {
    .preferred-card {
        padding: 16px;
    }
    .cat-card-title {
        font-size: 22px;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d3c8449 */.elementor-2971 .elementor-element.elementor-element-d3c8449 {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-fd9855f */.elementor-2971 .elementor-element.elementor-element-fd9855f {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bfa89b2 */.elementor-2971 .elementor-element.elementor-element-bfa89b2 {
    height: 320px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

.elementor-2971 .elementor-element.elementor-element-bfa89b2::-webkit-scrollbar {
    width: 6px;
}

.elementor-2971 .elementor-element.elementor-element-bfa89b2::-webkit-scrollbar-track {
    background: rgba(255,255,255,0.1);
    border-radius: 10px;
}

.elementor-2971 .elementor-element.elementor-element-bfa89b2::-webkit-scrollbar-thumb {
    background: #b39164;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-eea8da5 *//* ---------- Premium Transparent Blue Card ---------- */
.preferred-card {
    background: rgba(0, 80, 200, 0.10); /* transparent blue */
    border-radius: 22px;
    padding: 28px;
    backdrop-filter: blur(8px); /* glass effect */
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(0, 80, 200, 0.25);
    position: relative;
    overflow: hidden;
}

/* ---------- SVG Background Pattern (Right Side Wave) ---------- */
.preferred-card::after {
    content: "";
    position: absolute;
    right: -10px;
    top: 0;
    width: 55%;
    height: 100%;
    pointer-events: none;
    opacity: 0.45;

    /* Blue wave gradient */
    background: url("data:image/svg+xml;utf8,
        <svg width='300' height='600' xmlns='http://www.w3.org/2000/svg'>
            <defs>
                <linearGradient id='g' x1='0' x2='1' y1='0.2' y2='1'>
                    <stop offset='0%' stop-color='rgba(0,80,200,0.25)' />
                    <stop offset='100%' stop-color='rgba(0,80,200,0.05)' />
                </linearGradient>
            </defs>
            <path d='M150 0 C220 150 80 300 200 450 C320 600 20 600 80 300 Z' fill='url(#g)'/>
        </svg>"
    );
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
}

/* ---------- Title ---------- */
.cat-card-title {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e;
}

.shifting-text {
    font-size: 13px;
    letter-spacing: 1px;
    color: #0054c9;
    font-weight: 600;
}

/* ---------- Text ---------- */
.preferred-card-content > p {
    color: #00315f;
    line-height: 1.5;
    margin-bottom: 18px;
}

/* ---------- Icons Tint ---------- */
.icon img {
    width: 28px;
    height: auto;
    filter: brightness(0) saturate(100%) invert(23%) sepia(90%) saturate(1789%) hue-rotate(204deg);
}

/* ---------- Scrollable Area ---------- */
.preferred-card-content {
    max-height: 260px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

/* Custom Scrollbar */
.preferred-card-content::-webkit-scrollbar {
    width: 5px;
}

.preferred-card-content::-webkit-scrollbar-thumb {
    background: rgba(0, 80, 200, 0.4);
    border-radius: 6px;
}

.preferred-card-content::-webkit-scrollbar-track {
    background: transparent;
}

/* ---------- Responsive ---------- */
@media (max-width: 768px) {
    .preferred-card {
        padding: 20px;
    }
    .cat-card-title {
        font-size: 26px;
    }
}

@media (max-width: 480px) {
    .preferred-card {
        padding: 16px;
    }
    .cat-card-title {
        font-size: 22px;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-865678a */.elementor-2971 .elementor-element.elementor-element-865678a {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-70925a6 */.elementor-2971 .elementor-element.elementor-element-70925a6 {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4f703ff */.elementor-2971 .elementor-element.elementor-element-4f703ff {
    height: 320px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

.elementor-2971 .elementor-element.elementor-element-4f703ff::-webkit-scrollbar {
    width: 6px;
}

.elementor-2971 .elementor-element.elementor-element-4f703ff::-webkit-scrollbar-track {
    background: rgba(255,255,255,0.1);
    border-radius: 10px;
}

.elementor-2971 .elementor-element.elementor-element-4f703ff::-webkit-scrollbar-thumb {
    background: #b39164;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-69bb51c *//* ---------- Premium Transparent Blue Card ---------- */
.preferred-card {
    background: rgba(0, 80, 200, 0.10); /* transparent blue */
    border-radius: 22px;
    padding: 28px;
    backdrop-filter: blur(8px); /* glass effect */
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(0, 80, 200, 0.25);
    position: relative;
    overflow: hidden;
}

/* ---------- SVG Background Pattern (Right Side Wave) ---------- */
.preferred-card::after {
    content: "";
    position: absolute;
    right: -10px;
    top: 0;
    width: 55%;
    height: 100%;
    pointer-events: none;
    opacity: 0.45;

    /* Blue wave gradient */
    background: url("data:image/svg+xml;utf8,
        <svg width='300' height='600' xmlns='http://www.w3.org/2000/svg'>
            <defs>
                <linearGradient id='g' x1='0' x2='1' y1='0.2' y2='1'>
                    <stop offset='0%' stop-color='rgba(0,80,200,0.25)' />
                    <stop offset='100%' stop-color='rgba(0,80,200,0.05)' />
                </linearGradient>
            </defs>
            <path d='M150 0 C220 150 80 300 200 450 C320 600 20 600 80 300 Z' fill='url(#g)'/>
        </svg>"
    );
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
}

/* ---------- Title ---------- */
.cat-card-title {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e;
}

.shifting-text {
    font-size: 13px;
    letter-spacing: 1px;
    color: #0054c9;
    font-weight: 600;
}

/* ---------- Text ---------- */
.preferred-card-content > p {
    color: #00315f;
    line-height: 1.5;
    margin-bottom: 18px;
}

/* ---------- Icons Tint ---------- */
.icon img {
    width: 28px;
    height: auto;
    filter: brightness(0) saturate(100%) invert(23%) sepia(90%) saturate(1789%) hue-rotate(204deg);
}

/* ---------- Scrollable Area ---------- */
.preferred-card-content {
    max-height: 260px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

/* Custom Scrollbar */
.preferred-card-content::-webkit-scrollbar {
    width: 5px;
}

.preferred-card-content::-webkit-scrollbar-thumb {
    background: rgba(0, 80, 200, 0.4);
    border-radius: 6px;
}

.preferred-card-content::-webkit-scrollbar-track {
    background: transparent;
}

/* ---------- Responsive ---------- */
@media (max-width: 768px) {
    .preferred-card {
        padding: 20px;
    }
    .cat-card-title {
        font-size: 26px;
    }
}

@media (max-width: 480px) {
    .preferred-card {
        padding: 16px;
    }
    .cat-card-title {
        font-size: 22px;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-acbfead */.elementor-2971 .elementor-element.elementor-element-acbfead {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-b4ca823 */.elementor-2971 .elementor-element.elementor-element-b4ca823 {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-44ec01e */.elementor-2971 .elementor-element.elementor-element-44ec01e {
    height: 320px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

.elementor-2971 .elementor-element.elementor-element-44ec01e::-webkit-scrollbar {
    width: 6px;
}

.elementor-2971 .elementor-element.elementor-element-44ec01e::-webkit-scrollbar-track {
    background: rgba(255,255,255,0.1);
    border-radius: 10px;
}

.elementor-2971 .elementor-element.elementor-element-44ec01e::-webkit-scrollbar-thumb {
    background: #b39164;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-05df6e1 *//* ---------- Premium Transparent Blue Card ---------- */
.preferred-card {
    background: rgba(0, 80, 200, 0.10); /* transparent blue */
    border-radius: 22px;
    padding: 28px;
    backdrop-filter: blur(8px); /* glass effect */
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(0, 80, 200, 0.25);
    position: relative;
    overflow: hidden;
}

/* ---------- SVG Background Pattern (Right Side Wave) ---------- */
.preferred-card::after {
    content: "";
    position: absolute;
    right: -10px;
    top: 0;
    width: 55%;
    height: 100%;
    pointer-events: none;
    opacity: 0.45;

    /* Blue wave gradient */
    background: url("data:image/svg+xml;utf8,
        <svg width='300' height='600' xmlns='http://www.w3.org/2000/svg'>
            <defs>
                <linearGradient id='g' x1='0' x2='1' y1='0.2' y2='1'>
                    <stop offset='0%' stop-color='rgba(0,80,200,0.25)' />
                    <stop offset='100%' stop-color='rgba(0,80,200,0.05)' />
                </linearGradient>
            </defs>
            <path d='M150 0 C220 150 80 300 200 450 C320 600 20 600 80 300 Z' fill='url(#g)'/>
        </svg>"
    );
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
}

/* ---------- Title ---------- */
.cat-card-title {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e;
}

.shifting-text {
    font-size: 13px;
    letter-spacing: 1px;
    color: #0054c9;
    font-weight: 600;
}

/* ---------- Text ---------- */
.preferred-card-content > p {
    color: #00315f;
    line-height: 1.5;
    margin-bottom: 18px;
}

/* ---------- Icons Tint ---------- */
.icon img {
    width: 28px;
    height: auto;
    filter: brightness(0) saturate(100%) invert(23%) sepia(90%) saturate(1789%) hue-rotate(204deg);
}

/* ---------- Scrollable Area ---------- */
.preferred-card-content {
    max-height: 260px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

/* Custom Scrollbar */
.preferred-card-content::-webkit-scrollbar {
    width: 5px;
}

.preferred-card-content::-webkit-scrollbar-thumb {
    background: rgba(0, 80, 200, 0.4);
    border-radius: 6px;
}

.preferred-card-content::-webkit-scrollbar-track {
    background: transparent;
}

/* ---------- Responsive ---------- */
@media (max-width: 768px) {
    .preferred-card {
        padding: 20px;
    }
    .cat-card-title {
        font-size: 26px;
    }
}

@media (max-width: 480px) {
    .preferred-card {
        padding: 16px;
    }
    .cat-card-title {
        font-size: 22px;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5186a59 */.elementor-2971 .elementor-element.elementor-element-5186a59 {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-a3851c7 */.elementor-2971 .elementor-element.elementor-element-a3851c7 {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4d1a7c4 */.elementor-2971 .elementor-element.elementor-element-4d1a7c4 {
    height: 320px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

.elementor-2971 .elementor-element.elementor-element-4d1a7c4::-webkit-scrollbar {
    width: 6px;
}

.elementor-2971 .elementor-element.elementor-element-4d1a7c4::-webkit-scrollbar-track {
    background: rgba(255,255,255,0.1);
    border-radius: 10px;
}

.elementor-2971 .elementor-element.elementor-element-4d1a7c4::-webkit-scrollbar-thumb {
    background: #b39164;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3381091 *//* ---------- Premium Transparent Blue Card ---------- */
.preferred-card {
    background: rgba(0, 80, 200, 0.10); /* transparent blue */
    border-radius: 22px;
    padding: 28px;
    backdrop-filter: blur(8px); /* glass effect */
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(0, 80, 200, 0.25);
    position: relative;
    overflow: hidden;
}

/* ---------- SVG Background Pattern (Right Side Wave) ---------- */
.preferred-card::after {
    content: "";
    position: absolute;
    right: -10px;
    top: 0;
    width: 55%;
    height: 100%;
    pointer-events: none;
    opacity: 0.45;

    /* Blue wave gradient */
    background: url("data:image/svg+xml;utf8,
        <svg width='300' height='600' xmlns='http://www.w3.org/2000/svg'>
            <defs>
                <linearGradient id='g' x1='0' x2='1' y1='0.2' y2='1'>
                    <stop offset='0%' stop-color='rgba(0,80,200,0.25)' />
                    <stop offset='100%' stop-color='rgba(0,80,200,0.05)' />
                </linearGradient>
            </defs>
            <path d='M150 0 C220 150 80 300 200 450 C320 600 20 600 80 300 Z' fill='url(#g)'/>
        </svg>"
    );
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
}

/* ---------- Title ---------- */
.cat-card-title {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e;
}

.shifting-text {
    font-size: 13px;
    letter-spacing: 1px;
    color: #0054c9;
    font-weight: 600;
}

/* ---------- Text ---------- */
.preferred-card-content > p {
    color: #00315f;
    line-height: 1.5;
    margin-bottom: 18px;
}

/* ---------- Icons Tint ---------- */
.icon img {
    width: 28px;
    height: auto;
    filter: brightness(0) saturate(100%) invert(23%) sepia(90%) saturate(1789%) hue-rotate(204deg);
}

/* ---------- Scrollable Area ---------- */
.preferred-card-content {
    max-height: 260px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

/* Custom Scrollbar */
.preferred-card-content::-webkit-scrollbar {
    width: 5px;
}

.preferred-card-content::-webkit-scrollbar-thumb {
    background: rgba(0, 80, 200, 0.4);
    border-radius: 6px;
}

.preferred-card-content::-webkit-scrollbar-track {
    background: transparent;
}

/* ---------- Responsive ---------- */
@media (max-width: 768px) {
    .preferred-card {
        padding: 20px;
    }
    .cat-card-title {
        font-size: 26px;
    }
}

@media (max-width: 480px) {
    .preferred-card {
        padding: 16px;
    }
    .cat-card-title {
        font-size: 22px;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-fdd7649 */.elementor-2971 .elementor-element.elementor-element-fdd7649 {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-08ad947 */.elementor-2971 .elementor-element.elementor-element-08ad947 {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b90964f */.elementor-2971 .elementor-element.elementor-element-b90964f {
    height: 320px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

.elementor-2971 .elementor-element.elementor-element-b90964f::-webkit-scrollbar {
    width: 6px;
}

.elementor-2971 .elementor-element.elementor-element-b90964f::-webkit-scrollbar-track {
    background: rgba(255,255,255,0.1);
    border-radius: 10px;
}

.elementor-2971 .elementor-element.elementor-element-b90964f::-webkit-scrollbar-thumb {
    background: #b39164;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f753fab *//* ---------- Premium Transparent Blue Card ---------- */
.preferred-card {
    background: rgba(0, 80, 200, 0.10); /* transparent blue */
    border-radius: 22px;
    padding: 28px;
    backdrop-filter: blur(8px); /* glass effect */
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(0, 80, 200, 0.25);
    position: relative;
    overflow: hidden;
}

/* ---------- SVG Background Pattern (Right Side Wave) ---------- */
.preferred-card::after {
    content: "";
    position: absolute;
    right: -10px;
    top: 0;
    width: 55%;
    height: 100%;
    pointer-events: none;
    opacity: 0.45;

    /* Blue wave gradient */
    background: url("data:image/svg+xml;utf8,
        <svg width='300' height='600' xmlns='http://www.w3.org/2000/svg'>
            <defs>
                <linearGradient id='g' x1='0' x2='1' y1='0.2' y2='1'>
                    <stop offset='0%' stop-color='rgba(0,80,200,0.25)' />
                    <stop offset='100%' stop-color='rgba(0,80,200,0.05)' />
                </linearGradient>
            </defs>
            <path d='M150 0 C220 150 80 300 200 450 C320 600 20 600 80 300 Z' fill='url(#g)'/>
        </svg>"
    );
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
}

/* ---------- Title ---------- */
.cat-card-title {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e;
}

.shifting-text {
    font-size: 13px;
    letter-spacing: 1px;
    color: #0054c9;
    font-weight: 600;
}

/* ---------- Text ---------- */
.preferred-card-content > p {
    color: #00315f;
    line-height: 1.5;
    margin-bottom: 18px;
}

/* ---------- Icons Tint ---------- */
.icon img {
    width: 28px;
    height: auto;
    filter: brightness(0) saturate(100%) invert(23%) sepia(90%) saturate(1789%) hue-rotate(204deg);
}

/* ---------- Scrollable Area ---------- */
.preferred-card-content {
    max-height: 260px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

/* Custom Scrollbar */
.preferred-card-content::-webkit-scrollbar {
    width: 5px;
}

.preferred-card-content::-webkit-scrollbar-thumb {
    background: rgba(0, 80, 200, 0.4);
    border-radius: 6px;
}

.preferred-card-content::-webkit-scrollbar-track {
    background: transparent;
}

/* ---------- Responsive ---------- */
@media (max-width: 768px) {
    .preferred-card {
        padding: 20px;
    }
    .cat-card-title {
        font-size: 26px;
    }
}

@media (max-width: 480px) {
    .preferred-card {
        padding: 16px;
    }
    .cat-card-title {
        font-size: 22px;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f8c0cc9 */.elementor-2971 .elementor-element.elementor-element-f8c0cc9 {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-a18b7e4 */.elementor-2971 .elementor-element.elementor-element-a18b7e4 {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f8a4fc4 */.elementor-2971 .elementor-element.elementor-element-f8a4fc4 {
    height: 320px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

.elementor-2971 .elementor-element.elementor-element-f8a4fc4::-webkit-scrollbar {
    width: 6px;
}

.elementor-2971 .elementor-element.elementor-element-f8a4fc4::-webkit-scrollbar-track {
    background: rgba(255,255,255,0.1);
    border-radius: 10px;
}

.elementor-2971 .elementor-element.elementor-element-f8a4fc4::-webkit-scrollbar-thumb {
    background: #b39164;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5931137 *//* ---------- Premium Transparent Blue Card ---------- */
.preferred-card {
    background: rgba(0, 80, 200, 0.10); /* transparent blue */
    border-radius: 22px;
    padding: 28px;
    backdrop-filter: blur(8px); /* glass effect */
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(0, 80, 200, 0.25);
    position: relative;
    overflow: hidden;
}

/* ---------- SVG Background Pattern (Right Side Wave) ---------- */
.preferred-card::after {
    content: "";
    position: absolute;
    right: -10px;
    top: 0;
    width: 55%;
    height: 100%;
    pointer-events: none;
    opacity: 0.45;

    /* Blue wave gradient */
    background: url("data:image/svg+xml;utf8,
        <svg width='300' height='600' xmlns='http://www.w3.org/2000/svg'>
            <defs>
                <linearGradient id='g' x1='0' x2='1' y1='0.2' y2='1'>
                    <stop offset='0%' stop-color='rgba(0,80,200,0.25)' />
                    <stop offset='100%' stop-color='rgba(0,80,200,0.05)' />
                </linearGradient>
            </defs>
            <path d='M150 0 C220 150 80 300 200 450 C320 600 20 600 80 300 Z' fill='url(#g)'/>
        </svg>"
    );
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
}

/* ---------- Title ---------- */
.cat-card-title {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e;
}

.shifting-text {
    font-size: 13px;
    letter-spacing: 1px;
    color: #0054c9;
    font-weight: 600;
}

/* ---------- Text ---------- */
.preferred-card-content > p {
    color: #00315f;
    line-height: 1.5;
    margin-bottom: 18px;
}

/* ---------- Icons Tint ---------- */
.icon img {
    width: 28px;
    height: auto;
    filter: brightness(0) saturate(100%) invert(23%) sepia(90%) saturate(1789%) hue-rotate(204deg);
}

/* ---------- Scrollable Area ---------- */
.preferred-card-content {
    max-height: 260px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

/* Custom Scrollbar */
.preferred-card-content::-webkit-scrollbar {
    width: 5px;
}

.preferred-card-content::-webkit-scrollbar-thumb {
    background: rgba(0, 80, 200, 0.4);
    border-radius: 6px;
}

.preferred-card-content::-webkit-scrollbar-track {
    background: transparent;
}

/* ---------- Responsive ---------- */
@media (max-width: 768px) {
    .preferred-card {
        padding: 20px;
    }
    .cat-card-title {
        font-size: 26px;
    }
}

@media (max-width: 480px) {
    .preferred-card {
        padding: 16px;
    }
    .cat-card-title {
        font-size: 22px;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e20e2b8 */.elementor-2971 .elementor-element.elementor-element-e20e2b8 {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-0f5b0fe */.elementor-2971 .elementor-element.elementor-element-0f5b0fe {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-05a7fa2 */.elementor-2971 .elementor-element.elementor-element-05a7fa2 {
    height: 320px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

.elementor-2971 .elementor-element.elementor-element-05a7fa2::-webkit-scrollbar {
    width: 6px;
}

.elementor-2971 .elementor-element.elementor-element-05a7fa2::-webkit-scrollbar-track {
    background: rgba(255,255,255,0.1);
    border-radius: 10px;
}

.elementor-2971 .elementor-element.elementor-element-05a7fa2::-webkit-scrollbar-thumb {
    background: #b39164;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fabfd59 *//* ---------- Premium Transparent Blue Card ---------- */
.preferred-card {
    background: rgba(0, 80, 200, 0.10); /* transparent blue */
    border-radius: 22px;
    padding: 28px;
    backdrop-filter: blur(8px); /* glass effect */
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(0, 80, 200, 0.25);
    position: relative;
    overflow: hidden;
}

/* ---------- SVG Background Pattern (Right Side Wave) ---------- */
.preferred-card::after {
    content: "";
    position: absolute;
    right: -10px;
    top: 0;
    width: 55%;
    height: 100%;
    pointer-events: none;
    opacity: 0.45;

    /* Blue wave gradient */
    background: url("data:image/svg+xml;utf8,
        <svg width='300' height='600' xmlns='http://www.w3.org/2000/svg'>
            <defs>
                <linearGradient id='g' x1='0' x2='1' y1='0.2' y2='1'>
                    <stop offset='0%' stop-color='rgba(0,80,200,0.25)' />
                    <stop offset='100%' stop-color='rgba(0,80,200,0.05)' />
                </linearGradient>
            </defs>
            <path d='M150 0 C220 150 80 300 200 450 C320 600 20 600 80 300 Z' fill='url(#g)'/>
        </svg>"
    );
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
}

/* ---------- Title ---------- */
.cat-card-title {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e;
}

.shifting-text {
    font-size: 13px;
    letter-spacing: 1px;
    color: #0054c9;
    font-weight: 600;
}

/* ---------- Text ---------- */
.preferred-card-content > p {
    color: #00315f;
    line-height: 1.5;
    margin-bottom: 18px;
}

/* ---------- Icons Tint ---------- */
.icon img {
    width: 28px;
    height: auto;
    filter: brightness(0) saturate(100%) invert(23%) sepia(90%) saturate(1789%) hue-rotate(204deg);
}

/* ---------- Scrollable Area ---------- */
.preferred-card-content {
    max-height: 260px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

/* Custom Scrollbar */
.preferred-card-content::-webkit-scrollbar {
    width: 5px;
}

.preferred-card-content::-webkit-scrollbar-thumb {
    background: rgba(0, 80, 200, 0.4);
    border-radius: 6px;
}

.preferred-card-content::-webkit-scrollbar-track {
    background: transparent;
}

/* ---------- Responsive ---------- */
@media (max-width: 768px) {
    .preferred-card {
        padding: 20px;
    }
    .cat-card-title {
        font-size: 26px;
    }
}

@media (max-width: 480px) {
    .preferred-card {
        padding: 16px;
    }
    .cat-card-title {
        font-size: 22px;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-39a626d */.elementor-2971 .elementor-element.elementor-element-39a626d {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c37ca70 */.elementor-2971 .elementor-element.elementor-element-c37ca70 {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2b22952 */.elementor-2971 .elementor-element.elementor-element-2b22952 {
    height: 320px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

.elementor-2971 .elementor-element.elementor-element-2b22952::-webkit-scrollbar {
    width: 6px;
}

.elementor-2971 .elementor-element.elementor-element-2b22952::-webkit-scrollbar-track {
    background: rgba(255,255,255,0.1);
    border-radius: 10px;
}

.elementor-2971 .elementor-element.elementor-element-2b22952::-webkit-scrollbar-thumb {
    background: #b39164;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-aa02081 *//* ---------- Premium Transparent Blue Card ---------- */
.preferred-card {
    background: rgba(0, 80, 200, 0.10); /* transparent blue */
    border-radius: 22px;
    padding: 28px;
    backdrop-filter: blur(8px); /* glass effect */
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(0, 80, 200, 0.25);
    position: relative;
    overflow: hidden;
}

/* ---------- SVG Background Pattern (Right Side Wave) ---------- */
.preferred-card::after {
    content: "";
    position: absolute;
    right: -10px;
    top: 0;
    width: 55%;
    height: 100%;
    pointer-events: none;
    opacity: 0.45;

    /* Blue wave gradient */
    background: url("data:image/svg+xml;utf8,
        <svg width='300' height='600' xmlns='http://www.w3.org/2000/svg'>
            <defs>
                <linearGradient id='g' x1='0' x2='1' y1='0.2' y2='1'>
                    <stop offset='0%' stop-color='rgba(0,80,200,0.25)' />
                    <stop offset='100%' stop-color='rgba(0,80,200,0.05)' />
                </linearGradient>
            </defs>
            <path d='M150 0 C220 150 80 300 200 450 C320 600 20 600 80 300 Z' fill='url(#g)'/>
        </svg>"
    );
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
}

/* ---------- Title ---------- */
.cat-card-title {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e;
}

.shifting-text {
    font-size: 13px;
    letter-spacing: 1px;
    color: #0054c9;
    font-weight: 600;
}

/* ---------- Text ---------- */
.preferred-card-content > p {
    color: #00315f;
    line-height: 1.5;
    margin-bottom: 18px;
}

/* ---------- Icons Tint ---------- */
.icon img {
    width: 28px;
    height: auto;
    filter: brightness(0) saturate(100%) invert(23%) sepia(90%) saturate(1789%) hue-rotate(204deg);
}

/* ---------- Scrollable Area ---------- */
.preferred-card-content {
    max-height: 260px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

/* Custom Scrollbar */
.preferred-card-content::-webkit-scrollbar {
    width: 5px;
}

.preferred-card-content::-webkit-scrollbar-thumb {
    background: rgba(0, 80, 200, 0.4);
    border-radius: 6px;
}

.preferred-card-content::-webkit-scrollbar-track {
    background: transparent;
}

/* ---------- Responsive ---------- */
@media (max-width: 768px) {
    .preferred-card {
        padding: 20px;
    }
    .cat-card-title {
        font-size: 26px;
    }
}

@media (max-width: 480px) {
    .preferred-card {
        padding: 16px;
    }
    .cat-card-title {
        font-size: 22px;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d8ccaf8 */.elementor-2971 .elementor-element.elementor-element-d8ccaf8 {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-0e711f2 */.elementor-2971 .elementor-element.elementor-element-0e711f2 {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9c99c1d */.elementor-2971 .elementor-element.elementor-element-9c99c1d {
    height: 320px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

.elementor-2971 .elementor-element.elementor-element-9c99c1d::-webkit-scrollbar {
    width: 6px;
}

.elementor-2971 .elementor-element.elementor-element-9c99c1d::-webkit-scrollbar-track {
    background: rgba(255,255,255,0.1);
    border-radius: 10px;
}

.elementor-2971 .elementor-element.elementor-element-9c99c1d::-webkit-scrollbar-thumb {
    background: #b39164;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b4930dc *//* ---------- Premium Transparent Blue Card ---------- */
.preferred-card {
    background: rgba(0, 80, 200, 0.10); /* transparent blue */
    border-radius: 22px;
    padding: 28px;
    backdrop-filter: blur(8px); /* glass effect */
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(0, 80, 200, 0.25);
    position: relative;
    overflow: hidden;
}

/* ---------- SVG Background Pattern (Right Side Wave) ---------- */
.preferred-card::after {
    content: "";
    position: absolute;
    right: -10px;
    top: 0;
    width: 55%;
    height: 100%;
    pointer-events: none;
    opacity: 0.45;

    /* Blue wave gradient */
    background: url("data:image/svg+xml;utf8,
        <svg width='300' height='600' xmlns='http://www.w3.org/2000/svg'>
            <defs>
                <linearGradient id='g' x1='0' x2='1' y1='0.2' y2='1'>
                    <stop offset='0%' stop-color='rgba(0,80,200,0.25)' />
                    <stop offset='100%' stop-color='rgba(0,80,200,0.05)' />
                </linearGradient>
            </defs>
            <path d='M150 0 C220 150 80 300 200 450 C320 600 20 600 80 300 Z' fill='url(#g)'/>
        </svg>"
    );
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
}

/* ---------- Title ---------- */
.cat-card-title {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e;
}

.shifting-text {
    font-size: 13px;
    letter-spacing: 1px;
    color: #0054c9;
    font-weight: 600;
}

/* ---------- Text ---------- */
.preferred-card-content > p {
    color: #00315f;
    line-height: 1.5;
    margin-bottom: 18px;
}

/* ---------- Icons Tint ---------- */
.icon img {
    width: 28px;
    height: auto;
    filter: brightness(0) saturate(100%) invert(23%) sepia(90%) saturate(1789%) hue-rotate(204deg);
}

/* ---------- Scrollable Area ---------- */
.preferred-card-content {
    max-height: 260px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

/* Custom Scrollbar */
.preferred-card-content::-webkit-scrollbar {
    width: 5px;
}

.preferred-card-content::-webkit-scrollbar-thumb {
    background: rgba(0, 80, 200, 0.4);
    border-radius: 6px;
}

.preferred-card-content::-webkit-scrollbar-track {
    background: transparent;
}

/* ---------- Responsive ---------- */
@media (max-width: 768px) {
    .preferred-card {
        padding: 20px;
    }
    .cat-card-title {
        font-size: 26px;
    }
}

@media (max-width: 480px) {
    .preferred-card {
        padding: 16px;
    }
    .cat-card-title {
        font-size: 22px;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5d7684f */.elementor-2971 .elementor-element.elementor-element-5d7684f {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-19d7e52 */.elementor-2971 .elementor-element.elementor-element-19d7e52 {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f42a1e0 */.elementor-2971 .elementor-element.elementor-element-f42a1e0 {
    height: 320px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

.elementor-2971 .elementor-element.elementor-element-f42a1e0::-webkit-scrollbar {
    width: 6px;
}

.elementor-2971 .elementor-element.elementor-element-f42a1e0::-webkit-scrollbar-track {
    background: rgba(255,255,255,0.1);
    border-radius: 10px;
}

.elementor-2971 .elementor-element.elementor-element-f42a1e0::-webkit-scrollbar-thumb {
    background: #b39164;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-13d92d1 *//* ---------- Premium Transparent Blue Card ---------- */
.preferred-card {
    background: rgba(0, 80, 200, 0.10); /* transparent blue */
    border-radius: 22px;
    padding: 28px;
    backdrop-filter: blur(8px); /* glass effect */
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(0, 80, 200, 0.25);
    position: relative;
    overflow: hidden;
}

/* ---------- SVG Background Pattern (Right Side Wave) ---------- */
.preferred-card::after {
    content: "";
    position: absolute;
    right: -10px;
    top: 0;
    width: 55%;
    height: 100%;
    pointer-events: none;
    opacity: 0.45;

    /* Blue wave gradient */
    background: url("data:image/svg+xml;utf8,
        <svg width='300' height='600' xmlns='http://www.w3.org/2000/svg'>
            <defs>
                <linearGradient id='g' x1='0' x2='1' y1='0.2' y2='1'>
                    <stop offset='0%' stop-color='rgba(0,80,200,0.25)' />
                    <stop offset='100%' stop-color='rgba(0,80,200,0.05)' />
                </linearGradient>
            </defs>
            <path d='M150 0 C220 150 80 300 200 450 C320 600 20 600 80 300 Z' fill='url(#g)'/>
        </svg>"
    );
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
}

/* ---------- Title ---------- */
.cat-card-title {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e;
}

.shifting-text {
    font-size: 13px;
    letter-spacing: 1px;
    color: #0054c9;
    font-weight: 600;
}

/* ---------- Text ---------- */
.preferred-card-content > p {
    color: #00315f;
    line-height: 1.5;
    margin-bottom: 18px;
}

/* ---------- Icons Tint ---------- */
.icon img {
    width: 28px;
    height: auto;
    filter: brightness(0) saturate(100%) invert(23%) sepia(90%) saturate(1789%) hue-rotate(204deg);
}

/* ---------- Scrollable Area ---------- */
.preferred-card-content {
    max-height: 260px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

/* Custom Scrollbar */
.preferred-card-content::-webkit-scrollbar {
    width: 5px;
}

.preferred-card-content::-webkit-scrollbar-thumb {
    background: rgba(0, 80, 200, 0.4);
    border-radius: 6px;
}

.preferred-card-content::-webkit-scrollbar-track {
    background: transparent;
}

/* ---------- Responsive ---------- */
@media (max-width: 768px) {
    .preferred-card {
        padding: 20px;
    }
    .cat-card-title {
        font-size: 26px;
    }
}

@media (max-width: 480px) {
    .preferred-card {
        padding: 16px;
    }
    .cat-card-title {
        font-size: 22px;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d3c8449 */.elementor-2971 .elementor-element.elementor-element-d3c8449 {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-fd9855f */.elementor-2971 .elementor-element.elementor-element-fd9855f {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bfa89b2 */.elementor-2971 .elementor-element.elementor-element-bfa89b2 {
    height: 320px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

.elementor-2971 .elementor-element.elementor-element-bfa89b2::-webkit-scrollbar {
    width: 6px;
}

.elementor-2971 .elementor-element.elementor-element-bfa89b2::-webkit-scrollbar-track {
    background: rgba(255,255,255,0.1);
    border-radius: 10px;
}

.elementor-2971 .elementor-element.elementor-element-bfa89b2::-webkit-scrollbar-thumb {
    background: #b39164;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-eea8da5 *//* ---------- Premium Transparent Blue Card ---------- */
.preferred-card {
    background: rgba(0, 80, 200, 0.10); /* transparent blue */
    border-radius: 22px;
    padding: 28px;
    backdrop-filter: blur(8px); /* glass effect */
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(0, 80, 200, 0.25);
    position: relative;
    overflow: hidden;
}

/* ---------- SVG Background Pattern (Right Side Wave) ---------- */
.preferred-card::after {
    content: "";
    position: absolute;
    right: -10px;
    top: 0;
    width: 55%;
    height: 100%;
    pointer-events: none;
    opacity: 0.45;

    /* Blue wave gradient */
    background: url("data:image/svg+xml;utf8,
        <svg width='300' height='600' xmlns='http://www.w3.org/2000/svg'>
            <defs>
                <linearGradient id='g' x1='0' x2='1' y1='0.2' y2='1'>
                    <stop offset='0%' stop-color='rgba(0,80,200,0.25)' />
                    <stop offset='100%' stop-color='rgba(0,80,200,0.05)' />
                </linearGradient>
            </defs>
            <path d='M150 0 C220 150 80 300 200 450 C320 600 20 600 80 300 Z' fill='url(#g)'/>
        </svg>"
    );
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
}

/* ---------- Title ---------- */
.cat-card-title {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e;
}

.shifting-text {
    font-size: 13px;
    letter-spacing: 1px;
    color: #0054c9;
    font-weight: 600;
}

/* ---------- Text ---------- */
.preferred-card-content > p {
    color: #00315f;
    line-height: 1.5;
    margin-bottom: 18px;
}

/* ---------- Icons Tint ---------- */
.icon img {
    width: 28px;
    height: auto;
    filter: brightness(0) saturate(100%) invert(23%) sepia(90%) saturate(1789%) hue-rotate(204deg);
}

/* ---------- Scrollable Area ---------- */
.preferred-card-content {
    max-height: 260px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

/* Custom Scrollbar */
.preferred-card-content::-webkit-scrollbar {
    width: 5px;
}

.preferred-card-content::-webkit-scrollbar-thumb {
    background: rgba(0, 80, 200, 0.4);
    border-radius: 6px;
}

.preferred-card-content::-webkit-scrollbar-track {
    background: transparent;
}

/* ---------- Responsive ---------- */
@media (max-width: 768px) {
    .preferred-card {
        padding: 20px;
    }
    .cat-card-title {
        font-size: 26px;
    }
}

@media (max-width: 480px) {
    .preferred-card {
        padding: 16px;
    }
    .cat-card-title {
        font-size: 22px;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-865678a */.elementor-2971 .elementor-element.elementor-element-865678a {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-70925a6 */.elementor-2971 .elementor-element.elementor-element-70925a6 {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4f703ff */.elementor-2971 .elementor-element.elementor-element-4f703ff {
    height: 320px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

.elementor-2971 .elementor-element.elementor-element-4f703ff::-webkit-scrollbar {
    width: 6px;
}

.elementor-2971 .elementor-element.elementor-element-4f703ff::-webkit-scrollbar-track {
    background: rgba(255,255,255,0.1);
    border-radius: 10px;
}

.elementor-2971 .elementor-element.elementor-element-4f703ff::-webkit-scrollbar-thumb {
    background: #b39164;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-69bb51c *//* ---------- Premium Transparent Blue Card ---------- */
.preferred-card {
    background: rgba(0, 80, 200, 0.10); /* transparent blue */
    border-radius: 22px;
    padding: 28px;
    backdrop-filter: blur(8px); /* glass effect */
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(0, 80, 200, 0.25);
    position: relative;
    overflow: hidden;
}

/* ---------- SVG Background Pattern (Right Side Wave) ---------- */
.preferred-card::after {
    content: "";
    position: absolute;
    right: -10px;
    top: 0;
    width: 55%;
    height: 100%;
    pointer-events: none;
    opacity: 0.45;

    /* Blue wave gradient */
    background: url("data:image/svg+xml;utf8,
        <svg width='300' height='600' xmlns='http://www.w3.org/2000/svg'>
            <defs>
                <linearGradient id='g' x1='0' x2='1' y1='0.2' y2='1'>
                    <stop offset='0%' stop-color='rgba(0,80,200,0.25)' />
                    <stop offset='100%' stop-color='rgba(0,80,200,0.05)' />
                </linearGradient>
            </defs>
            <path d='M150 0 C220 150 80 300 200 450 C320 600 20 600 80 300 Z' fill='url(#g)'/>
        </svg>"
    );
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
}

/* ---------- Title ---------- */
.cat-card-title {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e;
}

.shifting-text {
    font-size: 13px;
    letter-spacing: 1px;
    color: #0054c9;
    font-weight: 600;
}

/* ---------- Text ---------- */
.preferred-card-content > p {
    color: #00315f;
    line-height: 1.5;
    margin-bottom: 18px;
}

/* ---------- Icons Tint ---------- */
.icon img {
    width: 28px;
    height: auto;
    filter: brightness(0) saturate(100%) invert(23%) sepia(90%) saturate(1789%) hue-rotate(204deg);
}

/* ---------- Scrollable Area ---------- */
.preferred-card-content {
    max-height: 260px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

/* Custom Scrollbar */
.preferred-card-content::-webkit-scrollbar {
    width: 5px;
}

.preferred-card-content::-webkit-scrollbar-thumb {
    background: rgba(0, 80, 200, 0.4);
    border-radius: 6px;
}

.preferred-card-content::-webkit-scrollbar-track {
    background: transparent;
}

/* ---------- Responsive ---------- */
@media (max-width: 768px) {
    .preferred-card {
        padding: 20px;
    }
    .cat-card-title {
        font-size: 26px;
    }
}

@media (max-width: 480px) {
    .preferred-card {
        padding: 16px;
    }
    .cat-card-title {
        font-size: 22px;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-acbfead */.elementor-2971 .elementor-element.elementor-element-acbfead {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-b4ca823 */.elementor-2971 .elementor-element.elementor-element-b4ca823 {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-44ec01e */.elementor-2971 .elementor-element.elementor-element-44ec01e {
    height: 320px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

.elementor-2971 .elementor-element.elementor-element-44ec01e::-webkit-scrollbar {
    width: 6px;
}

.elementor-2971 .elementor-element.elementor-element-44ec01e::-webkit-scrollbar-track {
    background: rgba(255,255,255,0.1);
    border-radius: 10px;
}

.elementor-2971 .elementor-element.elementor-element-44ec01e::-webkit-scrollbar-thumb {
    background: #b39164;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-05df6e1 *//* ---------- Premium Transparent Blue Card ---------- */
.preferred-card {
    background: rgba(0, 80, 200, 0.10); /* transparent blue */
    border-radius: 22px;
    padding: 28px;
    backdrop-filter: blur(8px); /* glass effect */
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(0, 80, 200, 0.25);
    position: relative;
    overflow: hidden;
}

/* ---------- SVG Background Pattern (Right Side Wave) ---------- */
.preferred-card::after {
    content: "";
    position: absolute;
    right: -10px;
    top: 0;
    width: 55%;
    height: 100%;
    pointer-events: none;
    opacity: 0.45;

    /* Blue wave gradient */
    background: url("data:image/svg+xml;utf8,
        <svg width='300' height='600' xmlns='http://www.w3.org/2000/svg'>
            <defs>
                <linearGradient id='g' x1='0' x2='1' y1='0.2' y2='1'>
                    <stop offset='0%' stop-color='rgba(0,80,200,0.25)' />
                    <stop offset='100%' stop-color='rgba(0,80,200,0.05)' />
                </linearGradient>
            </defs>
            <path d='M150 0 C220 150 80 300 200 450 C320 600 20 600 80 300 Z' fill='url(#g)'/>
        </svg>"
    );
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
}

/* ---------- Title ---------- */
.cat-card-title {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e;
}

.shifting-text {
    font-size: 13px;
    letter-spacing: 1px;
    color: #0054c9;
    font-weight: 600;
}

/* ---------- Text ---------- */
.preferred-card-content > p {
    color: #00315f;
    line-height: 1.5;
    margin-bottom: 18px;
}

/* ---------- Icons Tint ---------- */
.icon img {
    width: 28px;
    height: auto;
    filter: brightness(0) saturate(100%) invert(23%) sepia(90%) saturate(1789%) hue-rotate(204deg);
}

/* ---------- Scrollable Area ---------- */
.preferred-card-content {
    max-height: 260px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

/* Custom Scrollbar */
.preferred-card-content::-webkit-scrollbar {
    width: 5px;
}

.preferred-card-content::-webkit-scrollbar-thumb {
    background: rgba(0, 80, 200, 0.4);
    border-radius: 6px;
}

.preferred-card-content::-webkit-scrollbar-track {
    background: transparent;
}

/* ---------- Responsive ---------- */
@media (max-width: 768px) {
    .preferred-card {
        padding: 20px;
    }
    .cat-card-title {
        font-size: 26px;
    }
}

@media (max-width: 480px) {
    .preferred-card {
        padding: 16px;
    }
    .cat-card-title {
        font-size: 22px;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5186a59 */.elementor-2971 .elementor-element.elementor-element-5186a59 {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-a3851c7 */.elementor-2971 .elementor-element.elementor-element-a3851c7 {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4d1a7c4 */.elementor-2971 .elementor-element.elementor-element-4d1a7c4 {
    height: 320px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

.elementor-2971 .elementor-element.elementor-element-4d1a7c4::-webkit-scrollbar {
    width: 6px;
}

.elementor-2971 .elementor-element.elementor-element-4d1a7c4::-webkit-scrollbar-track {
    background: rgba(255,255,255,0.1);
    border-radius: 10px;
}

.elementor-2971 .elementor-element.elementor-element-4d1a7c4::-webkit-scrollbar-thumb {
    background: #b39164;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3381091 *//* ---------- Premium Transparent Blue Card ---------- */
.preferred-card {
    background: rgba(0, 80, 200, 0.10); /* transparent blue */
    border-radius: 22px;
    padding: 28px;
    backdrop-filter: blur(8px); /* glass effect */
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(0, 80, 200, 0.25);
    position: relative;
    overflow: hidden;
}

/* ---------- SVG Background Pattern (Right Side Wave) ---------- */
.preferred-card::after {
    content: "";
    position: absolute;
    right: -10px;
    top: 0;
    width: 55%;
    height: 100%;
    pointer-events: none;
    opacity: 0.45;

    /* Blue wave gradient */
    background: url("data:image/svg+xml;utf8,
        <svg width='300' height='600' xmlns='http://www.w3.org/2000/svg'>
            <defs>
                <linearGradient id='g' x1='0' x2='1' y1='0.2' y2='1'>
                    <stop offset='0%' stop-color='rgba(0,80,200,0.25)' />
                    <stop offset='100%' stop-color='rgba(0,80,200,0.05)' />
                </linearGradient>
            </defs>
            <path d='M150 0 C220 150 80 300 200 450 C320 600 20 600 80 300 Z' fill='url(#g)'/>
        </svg>"
    );
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
}

/* ---------- Title ---------- */
.cat-card-title {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e;
}

.shifting-text {
    font-size: 13px;
    letter-spacing: 1px;
    color: #0054c9;
    font-weight: 600;
}

/* ---------- Text ---------- */
.preferred-card-content > p {
    color: #00315f;
    line-height: 1.5;
    margin-bottom: 18px;
}

/* ---------- Icons Tint ---------- */
.icon img {
    width: 28px;
    height: auto;
    filter: brightness(0) saturate(100%) invert(23%) sepia(90%) saturate(1789%) hue-rotate(204deg);
}

/* ---------- Scrollable Area ---------- */
.preferred-card-content {
    max-height: 260px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

/* Custom Scrollbar */
.preferred-card-content::-webkit-scrollbar {
    width: 5px;
}

.preferred-card-content::-webkit-scrollbar-thumb {
    background: rgba(0, 80, 200, 0.4);
    border-radius: 6px;
}

.preferred-card-content::-webkit-scrollbar-track {
    background: transparent;
}

/* ---------- Responsive ---------- */
@media (max-width: 768px) {
    .preferred-card {
        padding: 20px;
    }
    .cat-card-title {
        font-size: 26px;
    }
}

@media (max-width: 480px) {
    .preferred-card {
        padding: 16px;
    }
    .cat-card-title {
        font-size: 22px;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-fdd7649 */.elementor-2971 .elementor-element.elementor-element-fdd7649 {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-08ad947 */.elementor-2971 .elementor-element.elementor-element-08ad947 {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b90964f */.elementor-2971 .elementor-element.elementor-element-b90964f {
    height: 320px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

.elementor-2971 .elementor-element.elementor-element-b90964f::-webkit-scrollbar {
    width: 6px;
}

.elementor-2971 .elementor-element.elementor-element-b90964f::-webkit-scrollbar-track {
    background: rgba(255,255,255,0.1);
    border-radius: 10px;
}

.elementor-2971 .elementor-element.elementor-element-b90964f::-webkit-scrollbar-thumb {
    background: #b39164;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f753fab *//* ---------- Premium Transparent Blue Card ---------- */
.preferred-card {
    background: rgba(0, 80, 200, 0.10); /* transparent blue */
    border-radius: 22px;
    padding: 28px;
    backdrop-filter: blur(8px); /* glass effect */
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(0, 80, 200, 0.25);
    position: relative;
    overflow: hidden;
}

/* ---------- SVG Background Pattern (Right Side Wave) ---------- */
.preferred-card::after {
    content: "";
    position: absolute;
    right: -10px;
    top: 0;
    width: 55%;
    height: 100%;
    pointer-events: none;
    opacity: 0.45;

    /* Blue wave gradient */
    background: url("data:image/svg+xml;utf8,
        <svg width='300' height='600' xmlns='http://www.w3.org/2000/svg'>
            <defs>
                <linearGradient id='g' x1='0' x2='1' y1='0.2' y2='1'>
                    <stop offset='0%' stop-color='rgba(0,80,200,0.25)' />
                    <stop offset='100%' stop-color='rgba(0,80,200,0.05)' />
                </linearGradient>
            </defs>
            <path d='M150 0 C220 150 80 300 200 450 C320 600 20 600 80 300 Z' fill='url(#g)'/>
        </svg>"
    );
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
}

/* ---------- Title ---------- */
.cat-card-title {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e;
}

.shifting-text {
    font-size: 13px;
    letter-spacing: 1px;
    color: #0054c9;
    font-weight: 600;
}

/* ---------- Text ---------- */
.preferred-card-content > p {
    color: #00315f;
    line-height: 1.5;
    margin-bottom: 18px;
}

/* ---------- Icons Tint ---------- */
.icon img {
    width: 28px;
    height: auto;
    filter: brightness(0) saturate(100%) invert(23%) sepia(90%) saturate(1789%) hue-rotate(204deg);
}

/* ---------- Scrollable Area ---------- */
.preferred-card-content {
    max-height: 260px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

/* Custom Scrollbar */
.preferred-card-content::-webkit-scrollbar {
    width: 5px;
}

.preferred-card-content::-webkit-scrollbar-thumb {
    background: rgba(0, 80, 200, 0.4);
    border-radius: 6px;
}

.preferred-card-content::-webkit-scrollbar-track {
    background: transparent;
}

/* ---------- Responsive ---------- */
@media (max-width: 768px) {
    .preferred-card {
        padding: 20px;
    }
    .cat-card-title {
        font-size: 26px;
    }
}

@media (max-width: 480px) {
    .preferred-card {
        padding: 16px;
    }
    .cat-card-title {
        font-size: 22px;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f8c0cc9 */.elementor-2971 .elementor-element.elementor-element-f8c0cc9 {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-a18b7e4 */.elementor-2971 .elementor-element.elementor-element-a18b7e4 {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f8a4fc4 */.elementor-2971 .elementor-element.elementor-element-f8a4fc4 {
    height: 320px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

.elementor-2971 .elementor-element.elementor-element-f8a4fc4::-webkit-scrollbar {
    width: 6px;
}

.elementor-2971 .elementor-element.elementor-element-f8a4fc4::-webkit-scrollbar-track {
    background: rgba(255,255,255,0.1);
    border-radius: 10px;
}

.elementor-2971 .elementor-element.elementor-element-f8a4fc4::-webkit-scrollbar-thumb {
    background: #b39164;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5931137 *//* ---------- Premium Transparent Blue Card ---------- */
.preferred-card {
    background: rgba(0, 80, 200, 0.10); /* transparent blue */
    border-radius: 22px;
    padding: 28px;
    backdrop-filter: blur(8px); /* glass effect */
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(0, 80, 200, 0.25);
    position: relative;
    overflow: hidden;
}

/* ---------- SVG Background Pattern (Right Side Wave) ---------- */
.preferred-card::after {
    content: "";
    position: absolute;
    right: -10px;
    top: 0;
    width: 55%;
    height: 100%;
    pointer-events: none;
    opacity: 0.45;

    /* Blue wave gradient */
    background: url("data:image/svg+xml;utf8,
        <svg width='300' height='600' xmlns='http://www.w3.org/2000/svg'>
            <defs>
                <linearGradient id='g' x1='0' x2='1' y1='0.2' y2='1'>
                    <stop offset='0%' stop-color='rgba(0,80,200,0.25)' />
                    <stop offset='100%' stop-color='rgba(0,80,200,0.05)' />
                </linearGradient>
            </defs>
            <path d='M150 0 C220 150 80 300 200 450 C320 600 20 600 80 300 Z' fill='url(#g)'/>
        </svg>"
    );
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
}

/* ---------- Title ---------- */
.cat-card-title {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e;
}

.shifting-text {
    font-size: 13px;
    letter-spacing: 1px;
    color: #0054c9;
    font-weight: 600;
}

/* ---------- Text ---------- */
.preferred-card-content > p {
    color: #00315f;
    line-height: 1.5;
    margin-bottom: 18px;
}

/* ---------- Icons Tint ---------- */
.icon img {
    width: 28px;
    height: auto;
    filter: brightness(0) saturate(100%) invert(23%) sepia(90%) saturate(1789%) hue-rotate(204deg);
}

/* ---------- Scrollable Area ---------- */
.preferred-card-content {
    max-height: 260px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

/* Custom Scrollbar */
.preferred-card-content::-webkit-scrollbar {
    width: 5px;
}

.preferred-card-content::-webkit-scrollbar-thumb {
    background: rgba(0, 80, 200, 0.4);
    border-radius: 6px;
}

.preferred-card-content::-webkit-scrollbar-track {
    background: transparent;
}

/* ---------- Responsive ---------- */
@media (max-width: 768px) {
    .preferred-card {
        padding: 20px;
    }
    .cat-card-title {
        font-size: 26px;
    }
}

@media (max-width: 480px) {
    .preferred-card {
        padding: 16px;
    }
    .cat-card-title {
        font-size: 22px;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e20e2b8 */.elementor-2971 .elementor-element.elementor-element-e20e2b8 {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-0f5b0fe */.elementor-2971 .elementor-element.elementor-element-0f5b0fe {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-05a7fa2 */.elementor-2971 .elementor-element.elementor-element-05a7fa2 {
    height: 320px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

.elementor-2971 .elementor-element.elementor-element-05a7fa2::-webkit-scrollbar {
    width: 6px;
}

.elementor-2971 .elementor-element.elementor-element-05a7fa2::-webkit-scrollbar-track {
    background: rgba(255,255,255,0.1);
    border-radius: 10px;
}

.elementor-2971 .elementor-element.elementor-element-05a7fa2::-webkit-scrollbar-thumb {
    background: #b39164;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fabfd59 *//* ---------- Premium Transparent Blue Card ---------- */
.preferred-card {
    background: rgba(0, 80, 200, 0.10); /* transparent blue */
    border-radius: 22px;
    padding: 28px;
    backdrop-filter: blur(8px); /* glass effect */
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(0, 80, 200, 0.25);
    position: relative;
    overflow: hidden;
}

/* ---------- SVG Background Pattern (Right Side Wave) ---------- */
.preferred-card::after {
    content: "";
    position: absolute;
    right: -10px;
    top: 0;
    width: 55%;
    height: 100%;
    pointer-events: none;
    opacity: 0.45;

    /* Blue wave gradient */
    background: url("data:image/svg+xml;utf8,
        <svg width='300' height='600' xmlns='http://www.w3.org/2000/svg'>
            <defs>
                <linearGradient id='g' x1='0' x2='1' y1='0.2' y2='1'>
                    <stop offset='0%' stop-color='rgba(0,80,200,0.25)' />
                    <stop offset='100%' stop-color='rgba(0,80,200,0.05)' />
                </linearGradient>
            </defs>
            <path d='M150 0 C220 150 80 300 200 450 C320 600 20 600 80 300 Z' fill='url(#g)'/>
        </svg>"
    );
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
}

/* ---------- Title ---------- */
.cat-card-title {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e;
}

.shifting-text {
    font-size: 13px;
    letter-spacing: 1px;
    color: #0054c9;
    font-weight: 600;
}

/* ---------- Text ---------- */
.preferred-card-content > p {
    color: #00315f;
    line-height: 1.5;
    margin-bottom: 18px;
}

/* ---------- Icons Tint ---------- */
.icon img {
    width: 28px;
    height: auto;
    filter: brightness(0) saturate(100%) invert(23%) sepia(90%) saturate(1789%) hue-rotate(204deg);
}

/* ---------- Scrollable Area ---------- */
.preferred-card-content {
    max-height: 260px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

/* Custom Scrollbar */
.preferred-card-content::-webkit-scrollbar {
    width: 5px;
}

.preferred-card-content::-webkit-scrollbar-thumb {
    background: rgba(0, 80, 200, 0.4);
    border-radius: 6px;
}

.preferred-card-content::-webkit-scrollbar-track {
    background: transparent;
}

/* ---------- Responsive ---------- */
@media (max-width: 768px) {
    .preferred-card {
        padding: 20px;
    }
    .cat-card-title {
        font-size: 26px;
    }
}

@media (max-width: 480px) {
    .preferred-card {
        padding: 16px;
    }
    .cat-card-title {
        font-size: 22px;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-39a626d */.elementor-2971 .elementor-element.elementor-element-39a626d {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c37ca70 */.elementor-2971 .elementor-element.elementor-element-c37ca70 {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2b22952 */.elementor-2971 .elementor-element.elementor-element-2b22952 {
    height: 320px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

.elementor-2971 .elementor-element.elementor-element-2b22952::-webkit-scrollbar {
    width: 6px;
}

.elementor-2971 .elementor-element.elementor-element-2b22952::-webkit-scrollbar-track {
    background: rgba(255,255,255,0.1);
    border-radius: 10px;
}

.elementor-2971 .elementor-element.elementor-element-2b22952::-webkit-scrollbar-thumb {
    background: #b39164;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-aa02081 *//* ---------- Premium Transparent Blue Card ---------- */
.preferred-card {
    background: rgba(0, 80, 200, 0.10); /* transparent blue */
    border-radius: 22px;
    padding: 28px;
    backdrop-filter: blur(8px); /* glass effect */
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(0, 80, 200, 0.25);
    position: relative;
    overflow: hidden;
}

/* ---------- SVG Background Pattern (Right Side Wave) ---------- */
.preferred-card::after {
    content: "";
    position: absolute;
    right: -10px;
    top: 0;
    width: 55%;
    height: 100%;
    pointer-events: none;
    opacity: 0.45;

    /* Blue wave gradient */
    background: url("data:image/svg+xml;utf8,
        <svg width='300' height='600' xmlns='http://www.w3.org/2000/svg'>
            <defs>
                <linearGradient id='g' x1='0' x2='1' y1='0.2' y2='1'>
                    <stop offset='0%' stop-color='rgba(0,80,200,0.25)' />
                    <stop offset='100%' stop-color='rgba(0,80,200,0.05)' />
                </linearGradient>
            </defs>
            <path d='M150 0 C220 150 80 300 200 450 C320 600 20 600 80 300 Z' fill='url(#g)'/>
        </svg>"
    );
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
}

/* ---------- Title ---------- */
.cat-card-title {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e;
}

.shifting-text {
    font-size: 13px;
    letter-spacing: 1px;
    color: #0054c9;
    font-weight: 600;
}

/* ---------- Text ---------- */
.preferred-card-content > p {
    color: #00315f;
    line-height: 1.5;
    margin-bottom: 18px;
}

/* ---------- Icons Tint ---------- */
.icon img {
    width: 28px;
    height: auto;
    filter: brightness(0) saturate(100%) invert(23%) sepia(90%) saturate(1789%) hue-rotate(204deg);
}

/* ---------- Scrollable Area ---------- */
.preferred-card-content {
    max-height: 260px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

/* Custom Scrollbar */
.preferred-card-content::-webkit-scrollbar {
    width: 5px;
}

.preferred-card-content::-webkit-scrollbar-thumb {
    background: rgba(0, 80, 200, 0.4);
    border-radius: 6px;
}

.preferred-card-content::-webkit-scrollbar-track {
    background: transparent;
}

/* ---------- Responsive ---------- */
@media (max-width: 768px) {
    .preferred-card {
        padding: 20px;
    }
    .cat-card-title {
        font-size: 26px;
    }
}

@media (max-width: 480px) {
    .preferred-card {
        padding: 16px;
    }
    .cat-card-title {
        font-size: 22px;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d8ccaf8 */.elementor-2971 .elementor-element.elementor-element-d8ccaf8 {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-0e711f2 */.elementor-2971 .elementor-element.elementor-element-0e711f2 {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9c99c1d */.elementor-2971 .elementor-element.elementor-element-9c99c1d {
    height: 320px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

.elementor-2971 .elementor-element.elementor-element-9c99c1d::-webkit-scrollbar {
    width: 6px;
}

.elementor-2971 .elementor-element.elementor-element-9c99c1d::-webkit-scrollbar-track {
    background: rgba(255,255,255,0.1);
    border-radius: 10px;
}

.elementor-2971 .elementor-element.elementor-element-9c99c1d::-webkit-scrollbar-thumb {
    background: #b39164;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b4930dc *//* ---------- Premium Transparent Blue Card ---------- */
.preferred-card {
    background: rgba(0, 80, 200, 0.10); /* transparent blue */
    border-radius: 22px;
    padding: 28px;
    backdrop-filter: blur(8px); /* glass effect */
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(0, 80, 200, 0.25);
    position: relative;
    overflow: hidden;
}

/* ---------- SVG Background Pattern (Right Side Wave) ---------- */
.preferred-card::after {
    content: "";
    position: absolute;
    right: -10px;
    top: 0;
    width: 55%;
    height: 100%;
    pointer-events: none;
    opacity: 0.45;

    /* Blue wave gradient */
    background: url("data:image/svg+xml;utf8,
        <svg width='300' height='600' xmlns='http://www.w3.org/2000/svg'>
            <defs>
                <linearGradient id='g' x1='0' x2='1' y1='0.2' y2='1'>
                    <stop offset='0%' stop-color='rgba(0,80,200,0.25)' />
                    <stop offset='100%' stop-color='rgba(0,80,200,0.05)' />
                </linearGradient>
            </defs>
            <path d='M150 0 C220 150 80 300 200 450 C320 600 20 600 80 300 Z' fill='url(#g)'/>
        </svg>"
    );
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
}

/* ---------- Title ---------- */
.cat-card-title {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e;
}

.shifting-text {
    font-size: 13px;
    letter-spacing: 1px;
    color: #0054c9;
    font-weight: 600;
}

/* ---------- Text ---------- */
.preferred-card-content > p {
    color: #00315f;
    line-height: 1.5;
    margin-bottom: 18px;
}

/* ---------- Icons Tint ---------- */
.icon img {
    width: 28px;
    height: auto;
    filter: brightness(0) saturate(100%) invert(23%) sepia(90%) saturate(1789%) hue-rotate(204deg);
}

/* ---------- Scrollable Area ---------- */
.preferred-card-content {
    max-height: 260px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

/* Custom Scrollbar */
.preferred-card-content::-webkit-scrollbar {
    width: 5px;
}

.preferred-card-content::-webkit-scrollbar-thumb {
    background: rgba(0, 80, 200, 0.4);
    border-radius: 6px;
}

.preferred-card-content::-webkit-scrollbar-track {
    background: transparent;
}

/* ---------- Responsive ---------- */
@media (max-width: 768px) {
    .preferred-card {
        padding: 20px;
    }
    .cat-card-title {
        font-size: 26px;
    }
}

@media (max-width: 480px) {
    .preferred-card {
        padding: 16px;
    }
    .cat-card-title {
        font-size: 22px;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5d7684f */.elementor-2971 .elementor-element.elementor-element-5d7684f {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-19d7e52 */.elementor-2971 .elementor-element.elementor-element-19d7e52 {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f42a1e0 */.elementor-2971 .elementor-element.elementor-element-f42a1e0 {
    height: 320px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

.elementor-2971 .elementor-element.elementor-element-f42a1e0::-webkit-scrollbar {
    width: 6px;
}

.elementor-2971 .elementor-element.elementor-element-f42a1e0::-webkit-scrollbar-track {
    background: rgba(255,255,255,0.1);
    border-radius: 10px;
}

.elementor-2971 .elementor-element.elementor-element-f42a1e0::-webkit-scrollbar-thumb {
    background: #b39164;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-13d92d1 *//* ---------- Premium Transparent Blue Card ---------- */
.preferred-card {
    background: rgba(0, 80, 200, 0.10); /* transparent blue */
    border-radius: 22px;
    padding: 28px;
    backdrop-filter: blur(8px); /* glass effect */
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(0, 80, 200, 0.25);
    position: relative;
    overflow: hidden;
}

/* ---------- SVG Background Pattern (Right Side Wave) ---------- */
.preferred-card::after {
    content: "";
    position: absolute;
    right: -10px;
    top: 0;
    width: 55%;
    height: 100%;
    pointer-events: none;
    opacity: 0.45;

    /* Blue wave gradient */
    background: url("data:image/svg+xml;utf8,
        <svg width='300' height='600' xmlns='http://www.w3.org/2000/svg'>
            <defs>
                <linearGradient id='g' x1='0' x2='1' y1='0.2' y2='1'>
                    <stop offset='0%' stop-color='rgba(0,80,200,0.25)' />
                    <stop offset='100%' stop-color='rgba(0,80,200,0.05)' />
                </linearGradient>
            </defs>
            <path d='M150 0 C220 150 80 300 200 450 C320 600 20 600 80 300 Z' fill='url(#g)'/>
        </svg>"
    );
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
}

/* ---------- Title ---------- */
.cat-card-title {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e;
}

.shifting-text {
    font-size: 13px;
    letter-spacing: 1px;
    color: #0054c9;
    font-weight: 600;
}

/* ---------- Text ---------- */
.preferred-card-content > p {
    color: #00315f;
    line-height: 1.5;
    margin-bottom: 18px;
}

/* ---------- Icons Tint ---------- */
.icon img {
    width: 28px;
    height: auto;
    filter: brightness(0) saturate(100%) invert(23%) sepia(90%) saturate(1789%) hue-rotate(204deg);
}

/* ---------- Scrollable Area ---------- */
.preferred-card-content {
    max-height: 260px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

/* Custom Scrollbar */
.preferred-card-content::-webkit-scrollbar {
    width: 5px;
}

.preferred-card-content::-webkit-scrollbar-thumb {
    background: rgba(0, 80, 200, 0.4);
    border-radius: 6px;
}

.preferred-card-content::-webkit-scrollbar-track {
    background: transparent;
}

/* ---------- Responsive ---------- */
@media (max-width: 768px) {
    .preferred-card {
        padding: 20px;
    }
    .cat-card-title {
        font-size: 26px;
    }
}

@media (max-width: 480px) {
    .preferred-card {
        padding: 16px;
    }
    .cat-card-title {
        font-size: 22px;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d3c8449 */.elementor-2971 .elementor-element.elementor-element-d3c8449 {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-fd9855f */.elementor-2971 .elementor-element.elementor-element-fd9855f {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bfa89b2 */.elementor-2971 .elementor-element.elementor-element-bfa89b2 {
    height: 320px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

.elementor-2971 .elementor-element.elementor-element-bfa89b2::-webkit-scrollbar {
    width: 6px;
}

.elementor-2971 .elementor-element.elementor-element-bfa89b2::-webkit-scrollbar-track {
    background: rgba(255,255,255,0.1);
    border-radius: 10px;
}

.elementor-2971 .elementor-element.elementor-element-bfa89b2::-webkit-scrollbar-thumb {
    background: #b39164;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-eea8da5 *//* ---------- Premium Transparent Blue Card ---------- */
.preferred-card {
    background: rgba(0, 80, 200, 0.10); /* transparent blue */
    border-radius: 22px;
    padding: 28px;
    backdrop-filter: blur(8px); /* glass effect */
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(0, 80, 200, 0.25);
    position: relative;
    overflow: hidden;
}

/* ---------- SVG Background Pattern (Right Side Wave) ---------- */
.preferred-card::after {
    content: "";
    position: absolute;
    right: -10px;
    top: 0;
    width: 55%;
    height: 100%;
    pointer-events: none;
    opacity: 0.45;

    /* Blue wave gradient */
    background: url("data:image/svg+xml;utf8,
        <svg width='300' height='600' xmlns='http://www.w3.org/2000/svg'>
            <defs>
                <linearGradient id='g' x1='0' x2='1' y1='0.2' y2='1'>
                    <stop offset='0%' stop-color='rgba(0,80,200,0.25)' />
                    <stop offset='100%' stop-color='rgba(0,80,200,0.05)' />
                </linearGradient>
            </defs>
            <path d='M150 0 C220 150 80 300 200 450 C320 600 20 600 80 300 Z' fill='url(#g)'/>
        </svg>"
    );
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
}

/* ---------- Title ---------- */
.cat-card-title {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e;
}

.shifting-text {
    font-size: 13px;
    letter-spacing: 1px;
    color: #0054c9;
    font-weight: 600;
}

/* ---------- Text ---------- */
.preferred-card-content > p {
    color: #00315f;
    line-height: 1.5;
    margin-bottom: 18px;
}

/* ---------- Icons Tint ---------- */
.icon img {
    width: 28px;
    height: auto;
    filter: brightness(0) saturate(100%) invert(23%) sepia(90%) saturate(1789%) hue-rotate(204deg);
}

/* ---------- Scrollable Area ---------- */
.preferred-card-content {
    max-height: 260px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

/* Custom Scrollbar */
.preferred-card-content::-webkit-scrollbar {
    width: 5px;
}

.preferred-card-content::-webkit-scrollbar-thumb {
    background: rgba(0, 80, 200, 0.4);
    border-radius: 6px;
}

.preferred-card-content::-webkit-scrollbar-track {
    background: transparent;
}

/* ---------- Responsive ---------- */
@media (max-width: 768px) {
    .preferred-card {
        padding: 20px;
    }
    .cat-card-title {
        font-size: 26px;
    }
}

@media (max-width: 480px) {
    .preferred-card {
        padding: 16px;
    }
    .cat-card-title {
        font-size: 22px;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-865678a */.elementor-2971 .elementor-element.elementor-element-865678a {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-70925a6 */.elementor-2971 .elementor-element.elementor-element-70925a6 {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4f703ff */.elementor-2971 .elementor-element.elementor-element-4f703ff {
    height: 320px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

.elementor-2971 .elementor-element.elementor-element-4f703ff::-webkit-scrollbar {
    width: 6px;
}

.elementor-2971 .elementor-element.elementor-element-4f703ff::-webkit-scrollbar-track {
    background: rgba(255,255,255,0.1);
    border-radius: 10px;
}

.elementor-2971 .elementor-element.elementor-element-4f703ff::-webkit-scrollbar-thumb {
    background: #b39164;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-69bb51c *//* ---------- Premium Transparent Blue Card ---------- */
.preferred-card {
    background: rgba(0, 80, 200, 0.10); /* transparent blue */
    border-radius: 22px;
    padding: 28px;
    backdrop-filter: blur(8px); /* glass effect */
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(0, 80, 200, 0.25);
    position: relative;
    overflow: hidden;
}

/* ---------- SVG Background Pattern (Right Side Wave) ---------- */
.preferred-card::after {
    content: "";
    position: absolute;
    right: -10px;
    top: 0;
    width: 55%;
    height: 100%;
    pointer-events: none;
    opacity: 0.45;

    /* Blue wave gradient */
    background: url("data:image/svg+xml;utf8,
        <svg width='300' height='600' xmlns='http://www.w3.org/2000/svg'>
            <defs>
                <linearGradient id='g' x1='0' x2='1' y1='0.2' y2='1'>
                    <stop offset='0%' stop-color='rgba(0,80,200,0.25)' />
                    <stop offset='100%' stop-color='rgba(0,80,200,0.05)' />
                </linearGradient>
            </defs>
            <path d='M150 0 C220 150 80 300 200 450 C320 600 20 600 80 300 Z' fill='url(#g)'/>
        </svg>"
    );
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
}

/* ---------- Title ---------- */
.cat-card-title {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e;
}

.shifting-text {
    font-size: 13px;
    letter-spacing: 1px;
    color: #0054c9;
    font-weight: 600;
}

/* ---------- Text ---------- */
.preferred-card-content > p {
    color: #00315f;
    line-height: 1.5;
    margin-bottom: 18px;
}

/* ---------- Icons Tint ---------- */
.icon img {
    width: 28px;
    height: auto;
    filter: brightness(0) saturate(100%) invert(23%) sepia(90%) saturate(1789%) hue-rotate(204deg);
}

/* ---------- Scrollable Area ---------- */
.preferred-card-content {
    max-height: 260px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

/* Custom Scrollbar */
.preferred-card-content::-webkit-scrollbar {
    width: 5px;
}

.preferred-card-content::-webkit-scrollbar-thumb {
    background: rgba(0, 80, 200, 0.4);
    border-radius: 6px;
}

.preferred-card-content::-webkit-scrollbar-track {
    background: transparent;
}

/* ---------- Responsive ---------- */
@media (max-width: 768px) {
    .preferred-card {
        padding: 20px;
    }
    .cat-card-title {
        font-size: 26px;
    }
}

@media (max-width: 480px) {
    .preferred-card {
        padding: 16px;
    }
    .cat-card-title {
        font-size: 22px;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-acbfead */.elementor-2971 .elementor-element.elementor-element-acbfead {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-b4ca823 */.elementor-2971 .elementor-element.elementor-element-b4ca823 {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-44ec01e */.elementor-2971 .elementor-element.elementor-element-44ec01e {
    height: 320px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

.elementor-2971 .elementor-element.elementor-element-44ec01e::-webkit-scrollbar {
    width: 6px;
}

.elementor-2971 .elementor-element.elementor-element-44ec01e::-webkit-scrollbar-track {
    background: rgba(255,255,255,0.1);
    border-radius: 10px;
}

.elementor-2971 .elementor-element.elementor-element-44ec01e::-webkit-scrollbar-thumb {
    background: #b39164;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-05df6e1 *//* ---------- Premium Transparent Blue Card ---------- */
.preferred-card {
    background: rgba(0, 80, 200, 0.10); /* transparent blue */
    border-radius: 22px;
    padding: 28px;
    backdrop-filter: blur(8px); /* glass effect */
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(0, 80, 200, 0.25);
    position: relative;
    overflow: hidden;
}

/* ---------- SVG Background Pattern (Right Side Wave) ---------- */
.preferred-card::after {
    content: "";
    position: absolute;
    right: -10px;
    top: 0;
    width: 55%;
    height: 100%;
    pointer-events: none;
    opacity: 0.45;

    /* Blue wave gradient */
    background: url("data:image/svg+xml;utf8,
        <svg width='300' height='600' xmlns='http://www.w3.org/2000/svg'>
            <defs>
                <linearGradient id='g' x1='0' x2='1' y1='0.2' y2='1'>
                    <stop offset='0%' stop-color='rgba(0,80,200,0.25)' />
                    <stop offset='100%' stop-color='rgba(0,80,200,0.05)' />
                </linearGradient>
            </defs>
            <path d='M150 0 C220 150 80 300 200 450 C320 600 20 600 80 300 Z' fill='url(#g)'/>
        </svg>"
    );
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
}

/* ---------- Title ---------- */
.cat-card-title {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e;
}

.shifting-text {
    font-size: 13px;
    letter-spacing: 1px;
    color: #0054c9;
    font-weight: 600;
}

/* ---------- Text ---------- */
.preferred-card-content > p {
    color: #00315f;
    line-height: 1.5;
    margin-bottom: 18px;
}

/* ---------- Icons Tint ---------- */
.icon img {
    width: 28px;
    height: auto;
    filter: brightness(0) saturate(100%) invert(23%) sepia(90%) saturate(1789%) hue-rotate(204deg);
}

/* ---------- Scrollable Area ---------- */
.preferred-card-content {
    max-height: 260px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

/* Custom Scrollbar */
.preferred-card-content::-webkit-scrollbar {
    width: 5px;
}

.preferred-card-content::-webkit-scrollbar-thumb {
    background: rgba(0, 80, 200, 0.4);
    border-radius: 6px;
}

.preferred-card-content::-webkit-scrollbar-track {
    background: transparent;
}

/* ---------- Responsive ---------- */
@media (max-width: 768px) {
    .preferred-card {
        padding: 20px;
    }
    .cat-card-title {
        font-size: 26px;
    }
}

@media (max-width: 480px) {
    .preferred-card {
        padding: 16px;
    }
    .cat-card-title {
        font-size: 22px;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5186a59 */.elementor-2971 .elementor-element.elementor-element-5186a59 {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-a3851c7 */.elementor-2971 .elementor-element.elementor-element-a3851c7 {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4d1a7c4 */.elementor-2971 .elementor-element.elementor-element-4d1a7c4 {
    height: 320px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

.elementor-2971 .elementor-element.elementor-element-4d1a7c4::-webkit-scrollbar {
    width: 6px;
}

.elementor-2971 .elementor-element.elementor-element-4d1a7c4::-webkit-scrollbar-track {
    background: rgba(255,255,255,0.1);
    border-radius: 10px;
}

.elementor-2971 .elementor-element.elementor-element-4d1a7c4::-webkit-scrollbar-thumb {
    background: #b39164;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3381091 *//* ---------- Premium Transparent Blue Card ---------- */
.preferred-card {
    background: rgba(0, 80, 200, 0.10); /* transparent blue */
    border-radius: 22px;
    padding: 28px;
    backdrop-filter: blur(8px); /* glass effect */
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(0, 80, 200, 0.25);
    position: relative;
    overflow: hidden;
}

/* ---------- SVG Background Pattern (Right Side Wave) ---------- */
.preferred-card::after {
    content: "";
    position: absolute;
    right: -10px;
    top: 0;
    width: 55%;
    height: 100%;
    pointer-events: none;
    opacity: 0.45;

    /* Blue wave gradient */
    background: url("data:image/svg+xml;utf8,
        <svg width='300' height='600' xmlns='http://www.w3.org/2000/svg'>
            <defs>
                <linearGradient id='g' x1='0' x2='1' y1='0.2' y2='1'>
                    <stop offset='0%' stop-color='rgba(0,80,200,0.25)' />
                    <stop offset='100%' stop-color='rgba(0,80,200,0.05)' />
                </linearGradient>
            </defs>
            <path d='M150 0 C220 150 80 300 200 450 C320 600 20 600 80 300 Z' fill='url(#g)'/>
        </svg>"
    );
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
}

/* ---------- Title ---------- */
.cat-card-title {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e;
}

.shifting-text {
    font-size: 13px;
    letter-spacing: 1px;
    color: #0054c9;
    font-weight: 600;
}

/* ---------- Text ---------- */
.preferred-card-content > p {
    color: #00315f;
    line-height: 1.5;
    margin-bottom: 18px;
}

/* ---------- Icons Tint ---------- */
.icon img {
    width: 28px;
    height: auto;
    filter: brightness(0) saturate(100%) invert(23%) sepia(90%) saturate(1789%) hue-rotate(204deg);
}

/* ---------- Scrollable Area ---------- */
.preferred-card-content {
    max-height: 260px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

/* Custom Scrollbar */
.preferred-card-content::-webkit-scrollbar {
    width: 5px;
}

.preferred-card-content::-webkit-scrollbar-thumb {
    background: rgba(0, 80, 200, 0.4);
    border-radius: 6px;
}

.preferred-card-content::-webkit-scrollbar-track {
    background: transparent;
}

/* ---------- Responsive ---------- */
@media (max-width: 768px) {
    .preferred-card {
        padding: 20px;
    }
    .cat-card-title {
        font-size: 26px;
    }
}

@media (max-width: 480px) {
    .preferred-card {
        padding: 16px;
    }
    .cat-card-title {
        font-size: 22px;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-fdd7649 */.elementor-2971 .elementor-element.elementor-element-fdd7649 {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-08ad947 */.elementor-2971 .elementor-element.elementor-element-08ad947 {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b90964f */.elementor-2971 .elementor-element.elementor-element-b90964f {
    height: 320px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

.elementor-2971 .elementor-element.elementor-element-b90964f::-webkit-scrollbar {
    width: 6px;
}

.elementor-2971 .elementor-element.elementor-element-b90964f::-webkit-scrollbar-track {
    background: rgba(255,255,255,0.1);
    border-radius: 10px;
}

.elementor-2971 .elementor-element.elementor-element-b90964f::-webkit-scrollbar-thumb {
    background: #b39164;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f753fab *//* ---------- Premium Transparent Blue Card ---------- */
.preferred-card {
    background: rgba(0, 80, 200, 0.10); /* transparent blue */
    border-radius: 22px;
    padding: 28px;
    backdrop-filter: blur(8px); /* glass effect */
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(0, 80, 200, 0.25);
    position: relative;
    overflow: hidden;
}

/* ---------- SVG Background Pattern (Right Side Wave) ---------- */
.preferred-card::after {
    content: "";
    position: absolute;
    right: -10px;
    top: 0;
    width: 55%;
    height: 100%;
    pointer-events: none;
    opacity: 0.45;

    /* Blue wave gradient */
    background: url("data:image/svg+xml;utf8,
        <svg width='300' height='600' xmlns='http://www.w3.org/2000/svg'>
            <defs>
                <linearGradient id='g' x1='0' x2='1' y1='0.2' y2='1'>
                    <stop offset='0%' stop-color='rgba(0,80,200,0.25)' />
                    <stop offset='100%' stop-color='rgba(0,80,200,0.05)' />
                </linearGradient>
            </defs>
            <path d='M150 0 C220 150 80 300 200 450 C320 600 20 600 80 300 Z' fill='url(#g)'/>
        </svg>"
    );
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
}

/* ---------- Title ---------- */
.cat-card-title {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e;
}

.shifting-text {
    font-size: 13px;
    letter-spacing: 1px;
    color: #0054c9;
    font-weight: 600;
}

/* ---------- Text ---------- */
.preferred-card-content > p {
    color: #00315f;
    line-height: 1.5;
    margin-bottom: 18px;
}

/* ---------- Icons Tint ---------- */
.icon img {
    width: 28px;
    height: auto;
    filter: brightness(0) saturate(100%) invert(23%) sepia(90%) saturate(1789%) hue-rotate(204deg);
}

/* ---------- Scrollable Area ---------- */
.preferred-card-content {
    max-height: 260px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

/* Custom Scrollbar */
.preferred-card-content::-webkit-scrollbar {
    width: 5px;
}

.preferred-card-content::-webkit-scrollbar-thumb {
    background: rgba(0, 80, 200, 0.4);
    border-radius: 6px;
}

.preferred-card-content::-webkit-scrollbar-track {
    background: transparent;
}

/* ---------- Responsive ---------- */
@media (max-width: 768px) {
    .preferred-card {
        padding: 20px;
    }
    .cat-card-title {
        font-size: 26px;
    }
}

@media (max-width: 480px) {
    .preferred-card {
        padding: 16px;
    }
    .cat-card-title {
        font-size: 22px;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f8c0cc9 */.elementor-2971 .elementor-element.elementor-element-f8c0cc9 {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-a18b7e4 */.elementor-2971 .elementor-element.elementor-element-a18b7e4 {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f8a4fc4 */.elementor-2971 .elementor-element.elementor-element-f8a4fc4 {
    height: 320px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

.elementor-2971 .elementor-element.elementor-element-f8a4fc4::-webkit-scrollbar {
    width: 6px;
}

.elementor-2971 .elementor-element.elementor-element-f8a4fc4::-webkit-scrollbar-track {
    background: rgba(255,255,255,0.1);
    border-radius: 10px;
}

.elementor-2971 .elementor-element.elementor-element-f8a4fc4::-webkit-scrollbar-thumb {
    background: #b39164;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5931137 *//* ---------- Premium Transparent Blue Card ---------- */
.preferred-card {
    background: rgba(0, 80, 200, 0.10); /* transparent blue */
    border-radius: 22px;
    padding: 28px;
    backdrop-filter: blur(8px); /* glass effect */
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(0, 80, 200, 0.25);
    position: relative;
    overflow: hidden;
}

/* ---------- SVG Background Pattern (Right Side Wave) ---------- */
.preferred-card::after {
    content: "";
    position: absolute;
    right: -10px;
    top: 0;
    width: 55%;
    height: 100%;
    pointer-events: none;
    opacity: 0.45;

    /* Blue wave gradient */
    background: url("data:image/svg+xml;utf8,
        <svg width='300' height='600' xmlns='http://www.w3.org/2000/svg'>
            <defs>
                <linearGradient id='g' x1='0' x2='1' y1='0.2' y2='1'>
                    <stop offset='0%' stop-color='rgba(0,80,200,0.25)' />
                    <stop offset='100%' stop-color='rgba(0,80,200,0.05)' />
                </linearGradient>
            </defs>
            <path d='M150 0 C220 150 80 300 200 450 C320 600 20 600 80 300 Z' fill='url(#g)'/>
        </svg>"
    );
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
}

/* ---------- Title ---------- */
.cat-card-title {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e;
}

.shifting-text {
    font-size: 13px;
    letter-spacing: 1px;
    color: #0054c9;
    font-weight: 600;
}

/* ---------- Text ---------- */
.preferred-card-content > p {
    color: #00315f;
    line-height: 1.5;
    margin-bottom: 18px;
}

/* ---------- Icons Tint ---------- */
.icon img {
    width: 28px;
    height: auto;
    filter: brightness(0) saturate(100%) invert(23%) sepia(90%) saturate(1789%) hue-rotate(204deg);
}

/* ---------- Scrollable Area ---------- */
.preferred-card-content {
    max-height: 260px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

/* Custom Scrollbar */
.preferred-card-content::-webkit-scrollbar {
    width: 5px;
}

.preferred-card-content::-webkit-scrollbar-thumb {
    background: rgba(0, 80, 200, 0.4);
    border-radius: 6px;
}

.preferred-card-content::-webkit-scrollbar-track {
    background: transparent;
}

/* ---------- Responsive ---------- */
@media (max-width: 768px) {
    .preferred-card {
        padding: 20px;
    }
    .cat-card-title {
        font-size: 26px;
    }
}

@media (max-width: 480px) {
    .preferred-card {
        padding: 16px;
    }
    .cat-card-title {
        font-size: 22px;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e20e2b8 */.elementor-2971 .elementor-element.elementor-element-e20e2b8 {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-0f5b0fe */.elementor-2971 .elementor-element.elementor-element-0f5b0fe {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-05a7fa2 */.elementor-2971 .elementor-element.elementor-element-05a7fa2 {
    height: 320px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

.elementor-2971 .elementor-element.elementor-element-05a7fa2::-webkit-scrollbar {
    width: 6px;
}

.elementor-2971 .elementor-element.elementor-element-05a7fa2::-webkit-scrollbar-track {
    background: rgba(255,255,255,0.1);
    border-radius: 10px;
}

.elementor-2971 .elementor-element.elementor-element-05a7fa2::-webkit-scrollbar-thumb {
    background: #b39164;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fabfd59 *//* ---------- Premium Transparent Blue Card ---------- */
.preferred-card {
    background: rgba(0, 80, 200, 0.10); /* transparent blue */
    border-radius: 22px;
    padding: 28px;
    backdrop-filter: blur(8px); /* glass effect */
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(0, 80, 200, 0.25);
    position: relative;
    overflow: hidden;
}

/* ---------- SVG Background Pattern (Right Side Wave) ---------- */
.preferred-card::after {
    content: "";
    position: absolute;
    right: -10px;
    top: 0;
    width: 55%;
    height: 100%;
    pointer-events: none;
    opacity: 0.45;

    /* Blue wave gradient */
    background: url("data:image/svg+xml;utf8,
        <svg width='300' height='600' xmlns='http://www.w3.org/2000/svg'>
            <defs>
                <linearGradient id='g' x1='0' x2='1' y1='0.2' y2='1'>
                    <stop offset='0%' stop-color='rgba(0,80,200,0.25)' />
                    <stop offset='100%' stop-color='rgba(0,80,200,0.05)' />
                </linearGradient>
            </defs>
            <path d='M150 0 C220 150 80 300 200 450 C320 600 20 600 80 300 Z' fill='url(#g)'/>
        </svg>"
    );
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
}

/* ---------- Title ---------- */
.cat-card-title {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e;
}

.shifting-text {
    font-size: 13px;
    letter-spacing: 1px;
    color: #0054c9;
    font-weight: 600;
}

/* ---------- Text ---------- */
.preferred-card-content > p {
    color: #00315f;
    line-height: 1.5;
    margin-bottom: 18px;
}

/* ---------- Icons Tint ---------- */
.icon img {
    width: 28px;
    height: auto;
    filter: brightness(0) saturate(100%) invert(23%) sepia(90%) saturate(1789%) hue-rotate(204deg);
}

/* ---------- Scrollable Area ---------- */
.preferred-card-content {
    max-height: 260px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

/* Custom Scrollbar */
.preferred-card-content::-webkit-scrollbar {
    width: 5px;
}

.preferred-card-content::-webkit-scrollbar-thumb {
    background: rgba(0, 80, 200, 0.4);
    border-radius: 6px;
}

.preferred-card-content::-webkit-scrollbar-track {
    background: transparent;
}

/* ---------- Responsive ---------- */
@media (max-width: 768px) {
    .preferred-card {
        padding: 20px;
    }
    .cat-card-title {
        font-size: 26px;
    }
}

@media (max-width: 480px) {
    .preferred-card {
        padding: 16px;
    }
    .cat-card-title {
        font-size: 22px;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-39a626d */.elementor-2971 .elementor-element.elementor-element-39a626d {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c37ca70 */.elementor-2971 .elementor-element.elementor-element-c37ca70 {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2b22952 */.elementor-2971 .elementor-element.elementor-element-2b22952 {
    height: 320px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

.elementor-2971 .elementor-element.elementor-element-2b22952::-webkit-scrollbar {
    width: 6px;
}

.elementor-2971 .elementor-element.elementor-element-2b22952::-webkit-scrollbar-track {
    background: rgba(255,255,255,0.1);
    border-radius: 10px;
}

.elementor-2971 .elementor-element.elementor-element-2b22952::-webkit-scrollbar-thumb {
    background: #b39164;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-aa02081 *//* ---------- Premium Transparent Blue Card ---------- */
.preferred-card {
    background: rgba(0, 80, 200, 0.10); /* transparent blue */
    border-radius: 22px;
    padding: 28px;
    backdrop-filter: blur(8px); /* glass effect */
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(0, 80, 200, 0.25);
    position: relative;
    overflow: hidden;
}

/* ---------- SVG Background Pattern (Right Side Wave) ---------- */
.preferred-card::after {
    content: "";
    position: absolute;
    right: -10px;
    top: 0;
    width: 55%;
    height: 100%;
    pointer-events: none;
    opacity: 0.45;

    /* Blue wave gradient */
    background: url("data:image/svg+xml;utf8,
        <svg width='300' height='600' xmlns='http://www.w3.org/2000/svg'>
            <defs>
                <linearGradient id='g' x1='0' x2='1' y1='0.2' y2='1'>
                    <stop offset='0%' stop-color='rgba(0,80,200,0.25)' />
                    <stop offset='100%' stop-color='rgba(0,80,200,0.05)' />
                </linearGradient>
            </defs>
            <path d='M150 0 C220 150 80 300 200 450 C320 600 20 600 80 300 Z' fill='url(#g)'/>
        </svg>"
    );
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
}

/* ---------- Title ---------- */
.cat-card-title {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e;
}

.shifting-text {
    font-size: 13px;
    letter-spacing: 1px;
    color: #0054c9;
    font-weight: 600;
}

/* ---------- Text ---------- */
.preferred-card-content > p {
    color: #00315f;
    line-height: 1.5;
    margin-bottom: 18px;
}

/* ---------- Icons Tint ---------- */
.icon img {
    width: 28px;
    height: auto;
    filter: brightness(0) saturate(100%) invert(23%) sepia(90%) saturate(1789%) hue-rotate(204deg);
}

/* ---------- Scrollable Area ---------- */
.preferred-card-content {
    max-height: 260px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

/* Custom Scrollbar */
.preferred-card-content::-webkit-scrollbar {
    width: 5px;
}

.preferred-card-content::-webkit-scrollbar-thumb {
    background: rgba(0, 80, 200, 0.4);
    border-radius: 6px;
}

.preferred-card-content::-webkit-scrollbar-track {
    background: transparent;
}

/* ---------- Responsive ---------- */
@media (max-width: 768px) {
    .preferred-card {
        padding: 20px;
    }
    .cat-card-title {
        font-size: 26px;
    }
}

@media (max-width: 480px) {
    .preferred-card {
        padding: 16px;
    }
    .cat-card-title {
        font-size: 22px;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d8ccaf8 */.elementor-2971 .elementor-element.elementor-element-d8ccaf8 {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-0e711f2 */.elementor-2971 .elementor-element.elementor-element-0e711f2 {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9c99c1d */.elementor-2971 .elementor-element.elementor-element-9c99c1d {
    height: 320px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

.elementor-2971 .elementor-element.elementor-element-9c99c1d::-webkit-scrollbar {
    width: 6px;
}

.elementor-2971 .elementor-element.elementor-element-9c99c1d::-webkit-scrollbar-track {
    background: rgba(255,255,255,0.1);
    border-radius: 10px;
}

.elementor-2971 .elementor-element.elementor-element-9c99c1d::-webkit-scrollbar-thumb {
    background: #b39164;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b4930dc *//* ---------- Premium Transparent Blue Card ---------- */
.preferred-card {
    background: rgba(0, 80, 200, 0.10); /* transparent blue */
    border-radius: 22px;
    padding: 28px;
    backdrop-filter: blur(8px); /* glass effect */
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(0, 80, 200, 0.25);
    position: relative;
    overflow: hidden;
}

/* ---------- SVG Background Pattern (Right Side Wave) ---------- */
.preferred-card::after {
    content: "";
    position: absolute;
    right: -10px;
    top: 0;
    width: 55%;
    height: 100%;
    pointer-events: none;
    opacity: 0.45;

    /* Blue wave gradient */
    background: url("data:image/svg+xml;utf8,
        <svg width='300' height='600' xmlns='http://www.w3.org/2000/svg'>
            <defs>
                <linearGradient id='g' x1='0' x2='1' y1='0.2' y2='1'>
                    <stop offset='0%' stop-color='rgba(0,80,200,0.25)' />
                    <stop offset='100%' stop-color='rgba(0,80,200,0.05)' />
                </linearGradient>
            </defs>
            <path d='M150 0 C220 150 80 300 200 450 C320 600 20 600 80 300 Z' fill='url(#g)'/>
        </svg>"
    );
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
}

/* ---------- Title ---------- */
.cat-card-title {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e;
}

.shifting-text {
    font-size: 13px;
    letter-spacing: 1px;
    color: #0054c9;
    font-weight: 600;
}

/* ---------- Text ---------- */
.preferred-card-content > p {
    color: #00315f;
    line-height: 1.5;
    margin-bottom: 18px;
}

/* ---------- Icons Tint ---------- */
.icon img {
    width: 28px;
    height: auto;
    filter: brightness(0) saturate(100%) invert(23%) sepia(90%) saturate(1789%) hue-rotate(204deg);
}

/* ---------- Scrollable Area ---------- */
.preferred-card-content {
    max-height: 260px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

/* Custom Scrollbar */
.preferred-card-content::-webkit-scrollbar {
    width: 5px;
}

.preferred-card-content::-webkit-scrollbar-thumb {
    background: rgba(0, 80, 200, 0.4);
    border-radius: 6px;
}

.preferred-card-content::-webkit-scrollbar-track {
    background: transparent;
}

/* ---------- Responsive ---------- */
@media (max-width: 768px) {
    .preferred-card {
        padding: 20px;
    }
    .cat-card-title {
        font-size: 26px;
    }
}

@media (max-width: 480px) {
    .preferred-card {
        padding: 16px;
    }
    .cat-card-title {
        font-size: 22px;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5d7684f */.elementor-2971 .elementor-element.elementor-element-5d7684f {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-19d7e52 */.elementor-2971 .elementor-element.elementor-element-19d7e52 {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f42a1e0 */.elementor-2971 .elementor-element.elementor-element-f42a1e0 {
    height: 320px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

.elementor-2971 .elementor-element.elementor-element-f42a1e0::-webkit-scrollbar {
    width: 6px;
}

.elementor-2971 .elementor-element.elementor-element-f42a1e0::-webkit-scrollbar-track {
    background: rgba(255,255,255,0.1);
    border-radius: 10px;
}

.elementor-2971 .elementor-element.elementor-element-f42a1e0::-webkit-scrollbar-thumb {
    background: #b39164;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-13d92d1 *//* ---------- Premium Transparent Blue Card ---------- */
.preferred-card {
    background: rgba(0, 80, 200, 0.10); /* transparent blue */
    border-radius: 22px;
    padding: 28px;
    backdrop-filter: blur(8px); /* glass effect */
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(0, 80, 200, 0.25);
    position: relative;
    overflow: hidden;
}

/* ---------- SVG Background Pattern (Right Side Wave) ---------- */
.preferred-card::after {
    content: "";
    position: absolute;
    right: -10px;
    top: 0;
    width: 55%;
    height: 100%;
    pointer-events: none;
    opacity: 0.45;

    /* Blue wave gradient */
    background: url("data:image/svg+xml;utf8,
        <svg width='300' height='600' xmlns='http://www.w3.org/2000/svg'>
            <defs>
                <linearGradient id='g' x1='0' x2='1' y1='0.2' y2='1'>
                    <stop offset='0%' stop-color='rgba(0,80,200,0.25)' />
                    <stop offset='100%' stop-color='rgba(0,80,200,0.05)' />
                </linearGradient>
            </defs>
            <path d='M150 0 C220 150 80 300 200 450 C320 600 20 600 80 300 Z' fill='url(#g)'/>
        </svg>"
    );
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
}

/* ---------- Title ---------- */
.cat-card-title {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e;
}

.shifting-text {
    font-size: 13px;
    letter-spacing: 1px;
    color: #0054c9;
    font-weight: 600;
}

/* ---------- Text ---------- */
.preferred-card-content > p {
    color: #00315f;
    line-height: 1.5;
    margin-bottom: 18px;
}

/* ---------- Icons Tint ---------- */
.icon img {
    width: 28px;
    height: auto;
    filter: brightness(0) saturate(100%) invert(23%) sepia(90%) saturate(1789%) hue-rotate(204deg);
}

/* ---------- Scrollable Area ---------- */
.preferred-card-content {
    max-height: 260px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

/* Custom Scrollbar */
.preferred-card-content::-webkit-scrollbar {
    width: 5px;
}

.preferred-card-content::-webkit-scrollbar-thumb {
    background: rgba(0, 80, 200, 0.4);
    border-radius: 6px;
}

.preferred-card-content::-webkit-scrollbar-track {
    background: transparent;
}

/* ---------- Responsive ---------- */
@media (max-width: 768px) {
    .preferred-card {
        padding: 20px;
    }
    .cat-card-title {
        font-size: 26px;
    }
}

@media (max-width: 480px) {
    .preferred-card {
        padding: 16px;
    }
    .cat-card-title {
        font-size: 22px;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d3c8449 */.elementor-2971 .elementor-element.elementor-element-d3c8449 {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-fd9855f */.elementor-2971 .elementor-element.elementor-element-fd9855f {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bfa89b2 */.elementor-2971 .elementor-element.elementor-element-bfa89b2 {
    height: 320px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

.elementor-2971 .elementor-element.elementor-element-bfa89b2::-webkit-scrollbar {
    width: 6px;
}

.elementor-2971 .elementor-element.elementor-element-bfa89b2::-webkit-scrollbar-track {
    background: rgba(255,255,255,0.1);
    border-radius: 10px;
}

.elementor-2971 .elementor-element.elementor-element-bfa89b2::-webkit-scrollbar-thumb {
    background: #b39164;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-eea8da5 *//* ---------- Premium Transparent Blue Card ---------- */
.preferred-card {
    background: rgba(0, 80, 200, 0.10); /* transparent blue */
    border-radius: 22px;
    padding: 28px;
    backdrop-filter: blur(8px); /* glass effect */
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(0, 80, 200, 0.25);
    position: relative;
    overflow: hidden;
}

/* ---------- SVG Background Pattern (Right Side Wave) ---------- */
.preferred-card::after {
    content: "";
    position: absolute;
    right: -10px;
    top: 0;
    width: 55%;
    height: 100%;
    pointer-events: none;
    opacity: 0.45;

    /* Blue wave gradient */
    background: url("data:image/svg+xml;utf8,
        <svg width='300' height='600' xmlns='http://www.w3.org/2000/svg'>
            <defs>
                <linearGradient id='g' x1='0' x2='1' y1='0.2' y2='1'>
                    <stop offset='0%' stop-color='rgba(0,80,200,0.25)' />
                    <stop offset='100%' stop-color='rgba(0,80,200,0.05)' />
                </linearGradient>
            </defs>
            <path d='M150 0 C220 150 80 300 200 450 C320 600 20 600 80 300 Z' fill='url(#g)'/>
        </svg>"
    );
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
}

/* ---------- Title ---------- */
.cat-card-title {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e;
}

.shifting-text {
    font-size: 13px;
    letter-spacing: 1px;
    color: #0054c9;
    font-weight: 600;
}

/* ---------- Text ---------- */
.preferred-card-content > p {
    color: #00315f;
    line-height: 1.5;
    margin-bottom: 18px;
}

/* ---------- Icons Tint ---------- */
.icon img {
    width: 28px;
    height: auto;
    filter: brightness(0) saturate(100%) invert(23%) sepia(90%) saturate(1789%) hue-rotate(204deg);
}

/* ---------- Scrollable Area ---------- */
.preferred-card-content {
    max-height: 260px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

/* Custom Scrollbar */
.preferred-card-content::-webkit-scrollbar {
    width: 5px;
}

.preferred-card-content::-webkit-scrollbar-thumb {
    background: rgba(0, 80, 200, 0.4);
    border-radius: 6px;
}

.preferred-card-content::-webkit-scrollbar-track {
    background: transparent;
}

/* ---------- Responsive ---------- */
@media (max-width: 768px) {
    .preferred-card {
        padding: 20px;
    }
    .cat-card-title {
        font-size: 26px;
    }
}

@media (max-width: 480px) {
    .preferred-card {
        padding: 16px;
    }
    .cat-card-title {
        font-size: 22px;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-865678a */.elementor-2971 .elementor-element.elementor-element-865678a {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-70925a6 */.elementor-2971 .elementor-element.elementor-element-70925a6 {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4f703ff */.elementor-2971 .elementor-element.elementor-element-4f703ff {
    height: 320px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

.elementor-2971 .elementor-element.elementor-element-4f703ff::-webkit-scrollbar {
    width: 6px;
}

.elementor-2971 .elementor-element.elementor-element-4f703ff::-webkit-scrollbar-track {
    background: rgba(255,255,255,0.1);
    border-radius: 10px;
}

.elementor-2971 .elementor-element.elementor-element-4f703ff::-webkit-scrollbar-thumb {
    background: #b39164;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-69bb51c *//* ---------- Premium Transparent Blue Card ---------- */
.preferred-card {
    background: rgba(0, 80, 200, 0.10); /* transparent blue */
    border-radius: 22px;
    padding: 28px;
    backdrop-filter: blur(8px); /* glass effect */
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(0, 80, 200, 0.25);
    position: relative;
    overflow: hidden;
}

/* ---------- SVG Background Pattern (Right Side Wave) ---------- */
.preferred-card::after {
    content: "";
    position: absolute;
    right: -10px;
    top: 0;
    width: 55%;
    height: 100%;
    pointer-events: none;
    opacity: 0.45;

    /* Blue wave gradient */
    background: url("data:image/svg+xml;utf8,
        <svg width='300' height='600' xmlns='http://www.w3.org/2000/svg'>
            <defs>
                <linearGradient id='g' x1='0' x2='1' y1='0.2' y2='1'>
                    <stop offset='0%' stop-color='rgba(0,80,200,0.25)' />
                    <stop offset='100%' stop-color='rgba(0,80,200,0.05)' />
                </linearGradient>
            </defs>
            <path d='M150 0 C220 150 80 300 200 450 C320 600 20 600 80 300 Z' fill='url(#g)'/>
        </svg>"
    );
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
}

/* ---------- Title ---------- */
.cat-card-title {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e;
}

.shifting-text {
    font-size: 13px;
    letter-spacing: 1px;
    color: #0054c9;
    font-weight: 600;
}

/* ---------- Text ---------- */
.preferred-card-content > p {
    color: #00315f;
    line-height: 1.5;
    margin-bottom: 18px;
}

/* ---------- Icons Tint ---------- */
.icon img {
    width: 28px;
    height: auto;
    filter: brightness(0) saturate(100%) invert(23%) sepia(90%) saturate(1789%) hue-rotate(204deg);
}

/* ---------- Scrollable Area ---------- */
.preferred-card-content {
    max-height: 260px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

/* Custom Scrollbar */
.preferred-card-content::-webkit-scrollbar {
    width: 5px;
}

.preferred-card-content::-webkit-scrollbar-thumb {
    background: rgba(0, 80, 200, 0.4);
    border-radius: 6px;
}

.preferred-card-content::-webkit-scrollbar-track {
    background: transparent;
}

/* ---------- Responsive ---------- */
@media (max-width: 768px) {
    .preferred-card {
        padding: 20px;
    }
    .cat-card-title {
        font-size: 26px;
    }
}

@media (max-width: 480px) {
    .preferred-card {
        padding: 16px;
    }
    .cat-card-title {
        font-size: 22px;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-acbfead */.elementor-2971 .elementor-element.elementor-element-acbfead {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-b4ca823 */.elementor-2971 .elementor-element.elementor-element-b4ca823 {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-44ec01e */.elementor-2971 .elementor-element.elementor-element-44ec01e {
    height: 320px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

.elementor-2971 .elementor-element.elementor-element-44ec01e::-webkit-scrollbar {
    width: 6px;
}

.elementor-2971 .elementor-element.elementor-element-44ec01e::-webkit-scrollbar-track {
    background: rgba(255,255,255,0.1);
    border-radius: 10px;
}

.elementor-2971 .elementor-element.elementor-element-44ec01e::-webkit-scrollbar-thumb {
    background: #b39164;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-05df6e1 *//* ---------- Premium Transparent Blue Card ---------- */
.preferred-card {
    background: rgba(0, 80, 200, 0.10); /* transparent blue */
    border-radius: 22px;
    padding: 28px;
    backdrop-filter: blur(8px); /* glass effect */
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(0, 80, 200, 0.25);
    position: relative;
    overflow: hidden;
}

/* ---------- SVG Background Pattern (Right Side Wave) ---------- */
.preferred-card::after {
    content: "";
    position: absolute;
    right: -10px;
    top: 0;
    width: 55%;
    height: 100%;
    pointer-events: none;
    opacity: 0.45;

    /* Blue wave gradient */
    background: url("data:image/svg+xml;utf8,
        <svg width='300' height='600' xmlns='http://www.w3.org/2000/svg'>
            <defs>
                <linearGradient id='g' x1='0' x2='1' y1='0.2' y2='1'>
                    <stop offset='0%' stop-color='rgba(0,80,200,0.25)' />
                    <stop offset='100%' stop-color='rgba(0,80,200,0.05)' />
                </linearGradient>
            </defs>
            <path d='M150 0 C220 150 80 300 200 450 C320 600 20 600 80 300 Z' fill='url(#g)'/>
        </svg>"
    );
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
}

/* ---------- Title ---------- */
.cat-card-title {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e;
}

.shifting-text {
    font-size: 13px;
    letter-spacing: 1px;
    color: #0054c9;
    font-weight: 600;
}

/* ---------- Text ---------- */
.preferred-card-content > p {
    color: #00315f;
    line-height: 1.5;
    margin-bottom: 18px;
}

/* ---------- Icons Tint ---------- */
.icon img {
    width: 28px;
    height: auto;
    filter: brightness(0) saturate(100%) invert(23%) sepia(90%) saturate(1789%) hue-rotate(204deg);
}

/* ---------- Scrollable Area ---------- */
.preferred-card-content {
    max-height: 260px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

/* Custom Scrollbar */
.preferred-card-content::-webkit-scrollbar {
    width: 5px;
}

.preferred-card-content::-webkit-scrollbar-thumb {
    background: rgba(0, 80, 200, 0.4);
    border-radius: 6px;
}

.preferred-card-content::-webkit-scrollbar-track {
    background: transparent;
}

/* ---------- Responsive ---------- */
@media (max-width: 768px) {
    .preferred-card {
        padding: 20px;
    }
    .cat-card-title {
        font-size: 26px;
    }
}

@media (max-width: 480px) {
    .preferred-card {
        padding: 16px;
    }
    .cat-card-title {
        font-size: 22px;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5186a59 */.elementor-2971 .elementor-element.elementor-element-5186a59 {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-a3851c7 */.elementor-2971 .elementor-element.elementor-element-a3851c7 {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4d1a7c4 */.elementor-2971 .elementor-element.elementor-element-4d1a7c4 {
    height: 320px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

.elementor-2971 .elementor-element.elementor-element-4d1a7c4::-webkit-scrollbar {
    width: 6px;
}

.elementor-2971 .elementor-element.elementor-element-4d1a7c4::-webkit-scrollbar-track {
    background: rgba(255,255,255,0.1);
    border-radius: 10px;
}

.elementor-2971 .elementor-element.elementor-element-4d1a7c4::-webkit-scrollbar-thumb {
    background: #b39164;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3381091 *//* ---------- Premium Transparent Blue Card ---------- */
.preferred-card {
    background: rgba(0, 80, 200, 0.10); /* transparent blue */
    border-radius: 22px;
    padding: 28px;
    backdrop-filter: blur(8px); /* glass effect */
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(0, 80, 200, 0.25);
    position: relative;
    overflow: hidden;
}

/* ---------- SVG Background Pattern (Right Side Wave) ---------- */
.preferred-card::after {
    content: "";
    position: absolute;
    right: -10px;
    top: 0;
    width: 55%;
    height: 100%;
    pointer-events: none;
    opacity: 0.45;

    /* Blue wave gradient */
    background: url("data:image/svg+xml;utf8,
        <svg width='300' height='600' xmlns='http://www.w3.org/2000/svg'>
            <defs>
                <linearGradient id='g' x1='0' x2='1' y1='0.2' y2='1'>
                    <stop offset='0%' stop-color='rgba(0,80,200,0.25)' />
                    <stop offset='100%' stop-color='rgba(0,80,200,0.05)' />
                </linearGradient>
            </defs>
            <path d='M150 0 C220 150 80 300 200 450 C320 600 20 600 80 300 Z' fill='url(#g)'/>
        </svg>"
    );
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
}

/* ---------- Title ---------- */
.cat-card-title {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e;
}

.shifting-text {
    font-size: 13px;
    letter-spacing: 1px;
    color: #0054c9;
    font-weight: 600;
}

/* ---------- Text ---------- */
.preferred-card-content > p {
    color: #00315f;
    line-height: 1.5;
    margin-bottom: 18px;
}

/* ---------- Icons Tint ---------- */
.icon img {
    width: 28px;
    height: auto;
    filter: brightness(0) saturate(100%) invert(23%) sepia(90%) saturate(1789%) hue-rotate(204deg);
}

/* ---------- Scrollable Area ---------- */
.preferred-card-content {
    max-height: 260px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

/* Custom Scrollbar */
.preferred-card-content::-webkit-scrollbar {
    width: 5px;
}

.preferred-card-content::-webkit-scrollbar-thumb {
    background: rgba(0, 80, 200, 0.4);
    border-radius: 6px;
}

.preferred-card-content::-webkit-scrollbar-track {
    background: transparent;
}

/* ---------- Responsive ---------- */
@media (max-width: 768px) {
    .preferred-card {
        padding: 20px;
    }
    .cat-card-title {
        font-size: 26px;
    }
}

@media (max-width: 480px) {
    .preferred-card {
        padding: 16px;
    }
    .cat-card-title {
        font-size: 22px;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-fdd7649 */.elementor-2971 .elementor-element.elementor-element-fdd7649 {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-08ad947 */.elementor-2971 .elementor-element.elementor-element-08ad947 {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b90964f */.elementor-2971 .elementor-element.elementor-element-b90964f {
    height: 320px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

.elementor-2971 .elementor-element.elementor-element-b90964f::-webkit-scrollbar {
    width: 6px;
}

.elementor-2971 .elementor-element.elementor-element-b90964f::-webkit-scrollbar-track {
    background: rgba(255,255,255,0.1);
    border-radius: 10px;
}

.elementor-2971 .elementor-element.elementor-element-b90964f::-webkit-scrollbar-thumb {
    background: #b39164;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f753fab *//* ---------- Premium Transparent Blue Card ---------- */
.preferred-card {
    background: rgba(0, 80, 200, 0.10); /* transparent blue */
    border-radius: 22px;
    padding: 28px;
    backdrop-filter: blur(8px); /* glass effect */
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(0, 80, 200, 0.25);
    position: relative;
    overflow: hidden;
}

/* ---------- SVG Background Pattern (Right Side Wave) ---------- */
.preferred-card::after {
    content: "";
    position: absolute;
    right: -10px;
    top: 0;
    width: 55%;
    height: 100%;
    pointer-events: none;
    opacity: 0.45;

    /* Blue wave gradient */
    background: url("data:image/svg+xml;utf8,
        <svg width='300' height='600' xmlns='http://www.w3.org/2000/svg'>
            <defs>
                <linearGradient id='g' x1='0' x2='1' y1='0.2' y2='1'>
                    <stop offset='0%' stop-color='rgba(0,80,200,0.25)' />
                    <stop offset='100%' stop-color='rgba(0,80,200,0.05)' />
                </linearGradient>
            </defs>
            <path d='M150 0 C220 150 80 300 200 450 C320 600 20 600 80 300 Z' fill='url(#g)'/>
        </svg>"
    );
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
}

/* ---------- Title ---------- */
.cat-card-title {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e;
}

.shifting-text {
    font-size: 13px;
    letter-spacing: 1px;
    color: #0054c9;
    font-weight: 600;
}

/* ---------- Text ---------- */
.preferred-card-content > p {
    color: #00315f;
    line-height: 1.5;
    margin-bottom: 18px;
}

/* ---------- Icons Tint ---------- */
.icon img {
    width: 28px;
    height: auto;
    filter: brightness(0) saturate(100%) invert(23%) sepia(90%) saturate(1789%) hue-rotate(204deg);
}

/* ---------- Scrollable Area ---------- */
.preferred-card-content {
    max-height: 260px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

/* Custom Scrollbar */
.preferred-card-content::-webkit-scrollbar {
    width: 5px;
}

.preferred-card-content::-webkit-scrollbar-thumb {
    background: rgba(0, 80, 200, 0.4);
    border-radius: 6px;
}

.preferred-card-content::-webkit-scrollbar-track {
    background: transparent;
}

/* ---------- Responsive ---------- */
@media (max-width: 768px) {
    .preferred-card {
        padding: 20px;
    }
    .cat-card-title {
        font-size: 26px;
    }
}

@media (max-width: 480px) {
    .preferred-card {
        padding: 16px;
    }
    .cat-card-title {
        font-size: 22px;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f8c0cc9 */.elementor-2971 .elementor-element.elementor-element-f8c0cc9 {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-a18b7e4 */.elementor-2971 .elementor-element.elementor-element-a18b7e4 {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f8a4fc4 */.elementor-2971 .elementor-element.elementor-element-f8a4fc4 {
    height: 320px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

.elementor-2971 .elementor-element.elementor-element-f8a4fc4::-webkit-scrollbar {
    width: 6px;
}

.elementor-2971 .elementor-element.elementor-element-f8a4fc4::-webkit-scrollbar-track {
    background: rgba(255,255,255,0.1);
    border-radius: 10px;
}

.elementor-2971 .elementor-element.elementor-element-f8a4fc4::-webkit-scrollbar-thumb {
    background: #b39164;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5931137 *//* ---------- Premium Transparent Blue Card ---------- */
.preferred-card {
    background: rgba(0, 80, 200, 0.10); /* transparent blue */
    border-radius: 22px;
    padding: 28px;
    backdrop-filter: blur(8px); /* glass effect */
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(0, 80, 200, 0.25);
    position: relative;
    overflow: hidden;
}

/* ---------- SVG Background Pattern (Right Side Wave) ---------- */
.preferred-card::after {
    content: "";
    position: absolute;
    right: -10px;
    top: 0;
    width: 55%;
    height: 100%;
    pointer-events: none;
    opacity: 0.45;

    /* Blue wave gradient */
    background: url("data:image/svg+xml;utf8,
        <svg width='300' height='600' xmlns='http://www.w3.org/2000/svg'>
            <defs>
                <linearGradient id='g' x1='0' x2='1' y1='0.2' y2='1'>
                    <stop offset='0%' stop-color='rgba(0,80,200,0.25)' />
                    <stop offset='100%' stop-color='rgba(0,80,200,0.05)' />
                </linearGradient>
            </defs>
            <path d='M150 0 C220 150 80 300 200 450 C320 600 20 600 80 300 Z' fill='url(#g)'/>
        </svg>"
    );
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
}

/* ---------- Title ---------- */
.cat-card-title {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e;
}

.shifting-text {
    font-size: 13px;
    letter-spacing: 1px;
    color: #0054c9;
    font-weight: 600;
}

/* ---------- Text ---------- */
.preferred-card-content > p {
    color: #00315f;
    line-height: 1.5;
    margin-bottom: 18px;
}

/* ---------- Icons Tint ---------- */
.icon img {
    width: 28px;
    height: auto;
    filter: brightness(0) saturate(100%) invert(23%) sepia(90%) saturate(1789%) hue-rotate(204deg);
}

/* ---------- Scrollable Area ---------- */
.preferred-card-content {
    max-height: 260px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

/* Custom Scrollbar */
.preferred-card-content::-webkit-scrollbar {
    width: 5px;
}

.preferred-card-content::-webkit-scrollbar-thumb {
    background: rgba(0, 80, 200, 0.4);
    border-radius: 6px;
}

.preferred-card-content::-webkit-scrollbar-track {
    background: transparent;
}

/* ---------- Responsive ---------- */
@media (max-width: 768px) {
    .preferred-card {
        padding: 20px;
    }
    .cat-card-title {
        font-size: 26px;
    }
}

@media (max-width: 480px) {
    .preferred-card {
        padding: 16px;
    }
    .cat-card-title {
        font-size: 22px;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e20e2b8 */.elementor-2971 .elementor-element.elementor-element-e20e2b8 {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-0f5b0fe */.elementor-2971 .elementor-element.elementor-element-0f5b0fe {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-05a7fa2 */.elementor-2971 .elementor-element.elementor-element-05a7fa2 {
    height: 320px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

.elementor-2971 .elementor-element.elementor-element-05a7fa2::-webkit-scrollbar {
    width: 6px;
}

.elementor-2971 .elementor-element.elementor-element-05a7fa2::-webkit-scrollbar-track {
    background: rgba(255,255,255,0.1);
    border-radius: 10px;
}

.elementor-2971 .elementor-element.elementor-element-05a7fa2::-webkit-scrollbar-thumb {
    background: #b39164;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fabfd59 *//* ---------- Premium Transparent Blue Card ---------- */
.preferred-card {
    background: rgba(0, 80, 200, 0.10); /* transparent blue */
    border-radius: 22px;
    padding: 28px;
    backdrop-filter: blur(8px); /* glass effect */
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(0, 80, 200, 0.25);
    position: relative;
    overflow: hidden;
}

/* ---------- SVG Background Pattern (Right Side Wave) ---------- */
.preferred-card::after {
    content: "";
    position: absolute;
    right: -10px;
    top: 0;
    width: 55%;
    height: 100%;
    pointer-events: none;
    opacity: 0.45;

    /* Blue wave gradient */
    background: url("data:image/svg+xml;utf8,
        <svg width='300' height='600' xmlns='http://www.w3.org/2000/svg'>
            <defs>
                <linearGradient id='g' x1='0' x2='1' y1='0.2' y2='1'>
                    <stop offset='0%' stop-color='rgba(0,80,200,0.25)' />
                    <stop offset='100%' stop-color='rgba(0,80,200,0.05)' />
                </linearGradient>
            </defs>
            <path d='M150 0 C220 150 80 300 200 450 C320 600 20 600 80 300 Z' fill='url(#g)'/>
        </svg>"
    );
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
}

/* ---------- Title ---------- */
.cat-card-title {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e;
}

.shifting-text {
    font-size: 13px;
    letter-spacing: 1px;
    color: #0054c9;
    font-weight: 600;
}

/* ---------- Text ---------- */
.preferred-card-content > p {
    color: #00315f;
    line-height: 1.5;
    margin-bottom: 18px;
}

/* ---------- Icons Tint ---------- */
.icon img {
    width: 28px;
    height: auto;
    filter: brightness(0) saturate(100%) invert(23%) sepia(90%) saturate(1789%) hue-rotate(204deg);
}

/* ---------- Scrollable Area ---------- */
.preferred-card-content {
    max-height: 260px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

/* Custom Scrollbar */
.preferred-card-content::-webkit-scrollbar {
    width: 5px;
}

.preferred-card-content::-webkit-scrollbar-thumb {
    background: rgba(0, 80, 200, 0.4);
    border-radius: 6px;
}

.preferred-card-content::-webkit-scrollbar-track {
    background: transparent;
}

/* ---------- Responsive ---------- */
@media (max-width: 768px) {
    .preferred-card {
        padding: 20px;
    }
    .cat-card-title {
        font-size: 26px;
    }
}

@media (max-width: 480px) {
    .preferred-card {
        padding: 16px;
    }
    .cat-card-title {
        font-size: 22px;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-39a626d */.elementor-2971 .elementor-element.elementor-element-39a626d {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c37ca70 */.elementor-2971 .elementor-element.elementor-element-c37ca70 {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2b22952 */.elementor-2971 .elementor-element.elementor-element-2b22952 {
    height: 320px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

.elementor-2971 .elementor-element.elementor-element-2b22952::-webkit-scrollbar {
    width: 6px;
}

.elementor-2971 .elementor-element.elementor-element-2b22952::-webkit-scrollbar-track {
    background: rgba(255,255,255,0.1);
    border-radius: 10px;
}

.elementor-2971 .elementor-element.elementor-element-2b22952::-webkit-scrollbar-thumb {
    background: #b39164;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-aa02081 *//* ---------- Premium Transparent Blue Card ---------- */
.preferred-card {
    background: rgba(0, 80, 200, 0.10); /* transparent blue */
    border-radius: 22px;
    padding: 28px;
    backdrop-filter: blur(8px); /* glass effect */
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(0, 80, 200, 0.25);
    position: relative;
    overflow: hidden;
}

/* ---------- SVG Background Pattern (Right Side Wave) ---------- */
.preferred-card::after {
    content: "";
    position: absolute;
    right: -10px;
    top: 0;
    width: 55%;
    height: 100%;
    pointer-events: none;
    opacity: 0.45;

    /* Blue wave gradient */
    background: url("data:image/svg+xml;utf8,
        <svg width='300' height='600' xmlns='http://www.w3.org/2000/svg'>
            <defs>
                <linearGradient id='g' x1='0' x2='1' y1='0.2' y2='1'>
                    <stop offset='0%' stop-color='rgba(0,80,200,0.25)' />
                    <stop offset='100%' stop-color='rgba(0,80,200,0.05)' />
                </linearGradient>
            </defs>
            <path d='M150 0 C220 150 80 300 200 450 C320 600 20 600 80 300 Z' fill='url(#g)'/>
        </svg>"
    );
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
}

/* ---------- Title ---------- */
.cat-card-title {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e;
}

.shifting-text {
    font-size: 13px;
    letter-spacing: 1px;
    color: #0054c9;
    font-weight: 600;
}

/* ---------- Text ---------- */
.preferred-card-content > p {
    color: #00315f;
    line-height: 1.5;
    margin-bottom: 18px;
}

/* ---------- Icons Tint ---------- */
.icon img {
    width: 28px;
    height: auto;
    filter: brightness(0) saturate(100%) invert(23%) sepia(90%) saturate(1789%) hue-rotate(204deg);
}

/* ---------- Scrollable Area ---------- */
.preferred-card-content {
    max-height: 260px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

/* Custom Scrollbar */
.preferred-card-content::-webkit-scrollbar {
    width: 5px;
}

.preferred-card-content::-webkit-scrollbar-thumb {
    background: rgba(0, 80, 200, 0.4);
    border-radius: 6px;
}

.preferred-card-content::-webkit-scrollbar-track {
    background: transparent;
}

/* ---------- Responsive ---------- */
@media (max-width: 768px) {
    .preferred-card {
        padding: 20px;
    }
    .cat-card-title {
        font-size: 26px;
    }
}

@media (max-width: 480px) {
    .preferred-card {
        padding: 16px;
    }
    .cat-card-title {
        font-size: 22px;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d8ccaf8 */.elementor-2971 .elementor-element.elementor-element-d8ccaf8 {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-0e711f2 */.elementor-2971 .elementor-element.elementor-element-0e711f2 {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9c99c1d */.elementor-2971 .elementor-element.elementor-element-9c99c1d {
    height: 320px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

.elementor-2971 .elementor-element.elementor-element-9c99c1d::-webkit-scrollbar {
    width: 6px;
}

.elementor-2971 .elementor-element.elementor-element-9c99c1d::-webkit-scrollbar-track {
    background: rgba(255,255,255,0.1);
    border-radius: 10px;
}

.elementor-2971 .elementor-element.elementor-element-9c99c1d::-webkit-scrollbar-thumb {
    background: #b39164;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b4930dc *//* ---------- Premium Transparent Blue Card ---------- */
.preferred-card {
    background: rgba(0, 80, 200, 0.10); /* transparent blue */
    border-radius: 22px;
    padding: 28px;
    backdrop-filter: blur(8px); /* glass effect */
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(0, 80, 200, 0.25);
    position: relative;
    overflow: hidden;
}

/* ---------- SVG Background Pattern (Right Side Wave) ---------- */
.preferred-card::after {
    content: "";
    position: absolute;
    right: -10px;
    top: 0;
    width: 55%;
    height: 100%;
    pointer-events: none;
    opacity: 0.45;

    /* Blue wave gradient */
    background: url("data:image/svg+xml;utf8,
        <svg width='300' height='600' xmlns='http://www.w3.org/2000/svg'>
            <defs>
                <linearGradient id='g' x1='0' x2='1' y1='0.2' y2='1'>
                    <stop offset='0%' stop-color='rgba(0,80,200,0.25)' />
                    <stop offset='100%' stop-color='rgba(0,80,200,0.05)' />
                </linearGradient>
            </defs>
            <path d='M150 0 C220 150 80 300 200 450 C320 600 20 600 80 300 Z' fill='url(#g)'/>
        </svg>"
    );
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
}

/* ---------- Title ---------- */
.cat-card-title {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e;
}

.shifting-text {
    font-size: 13px;
    letter-spacing: 1px;
    color: #0054c9;
    font-weight: 600;
}

/* ---------- Text ---------- */
.preferred-card-content > p {
    color: #00315f;
    line-height: 1.5;
    margin-bottom: 18px;
}

/* ---------- Icons Tint ---------- */
.icon img {
    width: 28px;
    height: auto;
    filter: brightness(0) saturate(100%) invert(23%) sepia(90%) saturate(1789%) hue-rotate(204deg);
}

/* ---------- Scrollable Area ---------- */
.preferred-card-content {
    max-height: 260px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

/* Custom Scrollbar */
.preferred-card-content::-webkit-scrollbar {
    width: 5px;
}

.preferred-card-content::-webkit-scrollbar-thumb {
    background: rgba(0, 80, 200, 0.4);
    border-radius: 6px;
}

.preferred-card-content::-webkit-scrollbar-track {
    background: transparent;
}

/* ---------- Responsive ---------- */
@media (max-width: 768px) {
    .preferred-card {
        padding: 20px;
    }
    .cat-card-title {
        font-size: 26px;
    }
}

@media (max-width: 480px) {
    .preferred-card {
        padding: 16px;
    }
    .cat-card-title {
        font-size: 22px;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5d7684f */.elementor-2971 .elementor-element.elementor-element-5d7684f {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-19d7e52 */.elementor-2971 .elementor-element.elementor-element-19d7e52 {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f42a1e0 */.elementor-2971 .elementor-element.elementor-element-f42a1e0 {
    height: 320px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

.elementor-2971 .elementor-element.elementor-element-f42a1e0::-webkit-scrollbar {
    width: 6px;
}

.elementor-2971 .elementor-element.elementor-element-f42a1e0::-webkit-scrollbar-track {
    background: rgba(255,255,255,0.1);
    border-radius: 10px;
}

.elementor-2971 .elementor-element.elementor-element-f42a1e0::-webkit-scrollbar-thumb {
    background: #b39164;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-13d92d1 *//* ---------- Premium Transparent Blue Card ---------- */
.preferred-card {
    background: rgba(0, 80, 200, 0.10); /* transparent blue */
    border-radius: 22px;
    padding: 28px;
    backdrop-filter: blur(8px); /* glass effect */
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(0, 80, 200, 0.25);
    position: relative;
    overflow: hidden;
}

/* ---------- SVG Background Pattern (Right Side Wave) ---------- */
.preferred-card::after {
    content: "";
    position: absolute;
    right: -10px;
    top: 0;
    width: 55%;
    height: 100%;
    pointer-events: none;
    opacity: 0.45;

    /* Blue wave gradient */
    background: url("data:image/svg+xml;utf8,
        <svg width='300' height='600' xmlns='http://www.w3.org/2000/svg'>
            <defs>
                <linearGradient id='g' x1='0' x2='1' y1='0.2' y2='1'>
                    <stop offset='0%' stop-color='rgba(0,80,200,0.25)' />
                    <stop offset='100%' stop-color='rgba(0,80,200,0.05)' />
                </linearGradient>
            </defs>
            <path d='M150 0 C220 150 80 300 200 450 C320 600 20 600 80 300 Z' fill='url(#g)'/>
        </svg>"
    );
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
}

/* ---------- Title ---------- */
.cat-card-title {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e;
}

.shifting-text {
    font-size: 13px;
    letter-spacing: 1px;
    color: #0054c9;
    font-weight: 600;
}

/* ---------- Text ---------- */
.preferred-card-content > p {
    color: #00315f;
    line-height: 1.5;
    margin-bottom: 18px;
}

/* ---------- Icons Tint ---------- */
.icon img {
    width: 28px;
    height: auto;
    filter: brightness(0) saturate(100%) invert(23%) sepia(90%) saturate(1789%) hue-rotate(204deg);
}

/* ---------- Scrollable Area ---------- */
.preferred-card-content {
    max-height: 260px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

/* Custom Scrollbar */
.preferred-card-content::-webkit-scrollbar {
    width: 5px;
}

.preferred-card-content::-webkit-scrollbar-thumb {
    background: rgba(0, 80, 200, 0.4);
    border-radius: 6px;
}

.preferred-card-content::-webkit-scrollbar-track {
    background: transparent;
}

/* ---------- Responsive ---------- */
@media (max-width: 768px) {
    .preferred-card {
        padding: 20px;
    }
    .cat-card-title {
        font-size: 26px;
    }
}

@media (max-width: 480px) {
    .preferred-card {
        padding: 16px;
    }
    .cat-card-title {
        font-size: 22px;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d3c8449 */.elementor-2971 .elementor-element.elementor-element-d3c8449 {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-fd9855f */.elementor-2971 .elementor-element.elementor-element-fd9855f {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bfa89b2 */.elementor-2971 .elementor-element.elementor-element-bfa89b2 {
    height: 320px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

.elementor-2971 .elementor-element.elementor-element-bfa89b2::-webkit-scrollbar {
    width: 6px;
}

.elementor-2971 .elementor-element.elementor-element-bfa89b2::-webkit-scrollbar-track {
    background: rgba(255,255,255,0.1);
    border-radius: 10px;
}

.elementor-2971 .elementor-element.elementor-element-bfa89b2::-webkit-scrollbar-thumb {
    background: #b39164;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-eea8da5 *//* ---------- Premium Transparent Blue Card ---------- */
.preferred-card {
    background: rgba(0, 80, 200, 0.10); /* transparent blue */
    border-radius: 22px;
    padding: 28px;
    backdrop-filter: blur(8px); /* glass effect */
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(0, 80, 200, 0.25);
    position: relative;
    overflow: hidden;
}

/* ---------- SVG Background Pattern (Right Side Wave) ---------- */
.preferred-card::after {
    content: "";
    position: absolute;
    right: -10px;
    top: 0;
    width: 55%;
    height: 100%;
    pointer-events: none;
    opacity: 0.45;

    /* Blue wave gradient */
    background: url("data:image/svg+xml;utf8,
        <svg width='300' height='600' xmlns='http://www.w3.org/2000/svg'>
            <defs>
                <linearGradient id='g' x1='0' x2='1' y1='0.2' y2='1'>
                    <stop offset='0%' stop-color='rgba(0,80,200,0.25)' />
                    <stop offset='100%' stop-color='rgba(0,80,200,0.05)' />
                </linearGradient>
            </defs>
            <path d='M150 0 C220 150 80 300 200 450 C320 600 20 600 80 300 Z' fill='url(#g)'/>
        </svg>"
    );
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
}

/* ---------- Title ---------- */
.cat-card-title {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e;
}

.shifting-text {
    font-size: 13px;
    letter-spacing: 1px;
    color: #0054c9;
    font-weight: 600;
}

/* ---------- Text ---------- */
.preferred-card-content > p {
    color: #00315f;
    line-height: 1.5;
    margin-bottom: 18px;
}

/* ---------- Icons Tint ---------- */
.icon img {
    width: 28px;
    height: auto;
    filter: brightness(0) saturate(100%) invert(23%) sepia(90%) saturate(1789%) hue-rotate(204deg);
}

/* ---------- Scrollable Area ---------- */
.preferred-card-content {
    max-height: 260px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

/* Custom Scrollbar */
.preferred-card-content::-webkit-scrollbar {
    width: 5px;
}

.preferred-card-content::-webkit-scrollbar-thumb {
    background: rgba(0, 80, 200, 0.4);
    border-radius: 6px;
}

.preferred-card-content::-webkit-scrollbar-track {
    background: transparent;
}

/* ---------- Responsive ---------- */
@media (max-width: 768px) {
    .preferred-card {
        padding: 20px;
    }
    .cat-card-title {
        font-size: 26px;
    }
}

@media (max-width: 480px) {
    .preferred-card {
        padding: 16px;
    }
    .cat-card-title {
        font-size: 22px;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-865678a */.elementor-2971 .elementor-element.elementor-element-865678a {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-70925a6 */.elementor-2971 .elementor-element.elementor-element-70925a6 {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4f703ff */.elementor-2971 .elementor-element.elementor-element-4f703ff {
    height: 320px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

.elementor-2971 .elementor-element.elementor-element-4f703ff::-webkit-scrollbar {
    width: 6px;
}

.elementor-2971 .elementor-element.elementor-element-4f703ff::-webkit-scrollbar-track {
    background: rgba(255,255,255,0.1);
    border-radius: 10px;
}

.elementor-2971 .elementor-element.elementor-element-4f703ff::-webkit-scrollbar-thumb {
    background: #b39164;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-69bb51c *//* ---------- Premium Transparent Blue Card ---------- */
.preferred-card {
    background: rgba(0, 80, 200, 0.10); /* transparent blue */
    border-radius: 22px;
    padding: 28px;
    backdrop-filter: blur(8px); /* glass effect */
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(0, 80, 200, 0.25);
    position: relative;
    overflow: hidden;
}

/* ---------- SVG Background Pattern (Right Side Wave) ---------- */
.preferred-card::after {
    content: "";
    position: absolute;
    right: -10px;
    top: 0;
    width: 55%;
    height: 100%;
    pointer-events: none;
    opacity: 0.45;

    /* Blue wave gradient */
    background: url("data:image/svg+xml;utf8,
        <svg width='300' height='600' xmlns='http://www.w3.org/2000/svg'>
            <defs>
                <linearGradient id='g' x1='0' x2='1' y1='0.2' y2='1'>
                    <stop offset='0%' stop-color='rgba(0,80,200,0.25)' />
                    <stop offset='100%' stop-color='rgba(0,80,200,0.05)' />
                </linearGradient>
            </defs>
            <path d='M150 0 C220 150 80 300 200 450 C320 600 20 600 80 300 Z' fill='url(#g)'/>
        </svg>"
    );
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
}

/* ---------- Title ---------- */
.cat-card-title {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e;
}

.shifting-text {
    font-size: 13px;
    letter-spacing: 1px;
    color: #0054c9;
    font-weight: 600;
}

/* ---------- Text ---------- */
.preferred-card-content > p {
    color: #00315f;
    line-height: 1.5;
    margin-bottom: 18px;
}

/* ---------- Icons Tint ---------- */
.icon img {
    width: 28px;
    height: auto;
    filter: brightness(0) saturate(100%) invert(23%) sepia(90%) saturate(1789%) hue-rotate(204deg);
}

/* ---------- Scrollable Area ---------- */
.preferred-card-content {
    max-height: 260px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

/* Custom Scrollbar */
.preferred-card-content::-webkit-scrollbar {
    width: 5px;
}

.preferred-card-content::-webkit-scrollbar-thumb {
    background: rgba(0, 80, 200, 0.4);
    border-radius: 6px;
}

.preferred-card-content::-webkit-scrollbar-track {
    background: transparent;
}

/* ---------- Responsive ---------- */
@media (max-width: 768px) {
    .preferred-card {
        padding: 20px;
    }
    .cat-card-title {
        font-size: 26px;
    }
}

@media (max-width: 480px) {
    .preferred-card {
        padding: 16px;
    }
    .cat-card-title {
        font-size: 22px;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-acbfead */.elementor-2971 .elementor-element.elementor-element-acbfead {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-b4ca823 */.elementor-2971 .elementor-element.elementor-element-b4ca823 {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-44ec01e */.elementor-2971 .elementor-element.elementor-element-44ec01e {
    height: 320px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

.elementor-2971 .elementor-element.elementor-element-44ec01e::-webkit-scrollbar {
    width: 6px;
}

.elementor-2971 .elementor-element.elementor-element-44ec01e::-webkit-scrollbar-track {
    background: rgba(255,255,255,0.1);
    border-radius: 10px;
}

.elementor-2971 .elementor-element.elementor-element-44ec01e::-webkit-scrollbar-thumb {
    background: #b39164;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-05df6e1 *//* ---------- Premium Transparent Blue Card ---------- */
.preferred-card {
    background: rgba(0, 80, 200, 0.10); /* transparent blue */
    border-radius: 22px;
    padding: 28px;
    backdrop-filter: blur(8px); /* glass effect */
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(0, 80, 200, 0.25);
    position: relative;
    overflow: hidden;
}

/* ---------- SVG Background Pattern (Right Side Wave) ---------- */
.preferred-card::after {
    content: "";
    position: absolute;
    right: -10px;
    top: 0;
    width: 55%;
    height: 100%;
    pointer-events: none;
    opacity: 0.45;

    /* Blue wave gradient */
    background: url("data:image/svg+xml;utf8,
        <svg width='300' height='600' xmlns='http://www.w3.org/2000/svg'>
            <defs>
                <linearGradient id='g' x1='0' x2='1' y1='0.2' y2='1'>
                    <stop offset='0%' stop-color='rgba(0,80,200,0.25)' />
                    <stop offset='100%' stop-color='rgba(0,80,200,0.05)' />
                </linearGradient>
            </defs>
            <path d='M150 0 C220 150 80 300 200 450 C320 600 20 600 80 300 Z' fill='url(#g)'/>
        </svg>"
    );
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
}

/* ---------- Title ---------- */
.cat-card-title {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e;
}

.shifting-text {
    font-size: 13px;
    letter-spacing: 1px;
    color: #0054c9;
    font-weight: 600;
}

/* ---------- Text ---------- */
.preferred-card-content > p {
    color: #00315f;
    line-height: 1.5;
    margin-bottom: 18px;
}

/* ---------- Icons Tint ---------- */
.icon img {
    width: 28px;
    height: auto;
    filter: brightness(0) saturate(100%) invert(23%) sepia(90%) saturate(1789%) hue-rotate(204deg);
}

/* ---------- Scrollable Area ---------- */
.preferred-card-content {
    max-height: 260px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

/* Custom Scrollbar */
.preferred-card-content::-webkit-scrollbar {
    width: 5px;
}

.preferred-card-content::-webkit-scrollbar-thumb {
    background: rgba(0, 80, 200, 0.4);
    border-radius: 6px;
}

.preferred-card-content::-webkit-scrollbar-track {
    background: transparent;
}

/* ---------- Responsive ---------- */
@media (max-width: 768px) {
    .preferred-card {
        padding: 20px;
    }
    .cat-card-title {
        font-size: 26px;
    }
}

@media (max-width: 480px) {
    .preferred-card {
        padding: 16px;
    }
    .cat-card-title {
        font-size: 22px;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5186a59 */.elementor-2971 .elementor-element.elementor-element-5186a59 {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-a3851c7 */.elementor-2971 .elementor-element.elementor-element-a3851c7 {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4d1a7c4 */.elementor-2971 .elementor-element.elementor-element-4d1a7c4 {
    height: 320px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

.elementor-2971 .elementor-element.elementor-element-4d1a7c4::-webkit-scrollbar {
    width: 6px;
}

.elementor-2971 .elementor-element.elementor-element-4d1a7c4::-webkit-scrollbar-track {
    background: rgba(255,255,255,0.1);
    border-radius: 10px;
}

.elementor-2971 .elementor-element.elementor-element-4d1a7c4::-webkit-scrollbar-thumb {
    background: #b39164;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3381091 *//* ---------- Premium Transparent Blue Card ---------- */
.preferred-card {
    background: rgba(0, 80, 200, 0.10); /* transparent blue */
    border-radius: 22px;
    padding: 28px;
    backdrop-filter: blur(8px); /* glass effect */
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(0, 80, 200, 0.25);
    position: relative;
    overflow: hidden;
}

/* ---------- SVG Background Pattern (Right Side Wave) ---------- */
.preferred-card::after {
    content: "";
    position: absolute;
    right: -10px;
    top: 0;
    width: 55%;
    height: 100%;
    pointer-events: none;
    opacity: 0.45;

    /* Blue wave gradient */
    background: url("data:image/svg+xml;utf8,
        <svg width='300' height='600' xmlns='http://www.w3.org/2000/svg'>
            <defs>
                <linearGradient id='g' x1='0' x2='1' y1='0.2' y2='1'>
                    <stop offset='0%' stop-color='rgba(0,80,200,0.25)' />
                    <stop offset='100%' stop-color='rgba(0,80,200,0.05)' />
                </linearGradient>
            </defs>
            <path d='M150 0 C220 150 80 300 200 450 C320 600 20 600 80 300 Z' fill='url(#g)'/>
        </svg>"
    );
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
}

/* ---------- Title ---------- */
.cat-card-title {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e;
}

.shifting-text {
    font-size: 13px;
    letter-spacing: 1px;
    color: #0054c9;
    font-weight: 600;
}

/* ---------- Text ---------- */
.preferred-card-content > p {
    color: #00315f;
    line-height: 1.5;
    margin-bottom: 18px;
}

/* ---------- Icons Tint ---------- */
.icon img {
    width: 28px;
    height: auto;
    filter: brightness(0) saturate(100%) invert(23%) sepia(90%) saturate(1789%) hue-rotate(204deg);
}

/* ---------- Scrollable Area ---------- */
.preferred-card-content {
    max-height: 260px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

/* Custom Scrollbar */
.preferred-card-content::-webkit-scrollbar {
    width: 5px;
}

.preferred-card-content::-webkit-scrollbar-thumb {
    background: rgba(0, 80, 200, 0.4);
    border-radius: 6px;
}

.preferred-card-content::-webkit-scrollbar-track {
    background: transparent;
}

/* ---------- Responsive ---------- */
@media (max-width: 768px) {
    .preferred-card {
        padding: 20px;
    }
    .cat-card-title {
        font-size: 26px;
    }
}

@media (max-width: 480px) {
    .preferred-card {
        padding: 16px;
    }
    .cat-card-title {
        font-size: 22px;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-fdd7649 */.elementor-2971 .elementor-element.elementor-element-fdd7649 {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-08ad947 */.elementor-2971 .elementor-element.elementor-element-08ad947 {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b90964f */.elementor-2971 .elementor-element.elementor-element-b90964f {
    height: 320px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

.elementor-2971 .elementor-element.elementor-element-b90964f::-webkit-scrollbar {
    width: 6px;
}

.elementor-2971 .elementor-element.elementor-element-b90964f::-webkit-scrollbar-track {
    background: rgba(255,255,255,0.1);
    border-radius: 10px;
}

.elementor-2971 .elementor-element.elementor-element-b90964f::-webkit-scrollbar-thumb {
    background: #b39164;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f753fab *//* ---------- Premium Transparent Blue Card ---------- */
.preferred-card {
    background: rgba(0, 80, 200, 0.10); /* transparent blue */
    border-radius: 22px;
    padding: 28px;
    backdrop-filter: blur(8px); /* glass effect */
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(0, 80, 200, 0.25);
    position: relative;
    overflow: hidden;
}

/* ---------- SVG Background Pattern (Right Side Wave) ---------- */
.preferred-card::after {
    content: "";
    position: absolute;
    right: -10px;
    top: 0;
    width: 55%;
    height: 100%;
    pointer-events: none;
    opacity: 0.45;

    /* Blue wave gradient */
    background: url("data:image/svg+xml;utf8,
        <svg width='300' height='600' xmlns='http://www.w3.org/2000/svg'>
            <defs>
                <linearGradient id='g' x1='0' x2='1' y1='0.2' y2='1'>
                    <stop offset='0%' stop-color='rgba(0,80,200,0.25)' />
                    <stop offset='100%' stop-color='rgba(0,80,200,0.05)' />
                </linearGradient>
            </defs>
            <path d='M150 0 C220 150 80 300 200 450 C320 600 20 600 80 300 Z' fill='url(#g)'/>
        </svg>"
    );
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
}

/* ---------- Title ---------- */
.cat-card-title {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e;
}

.shifting-text {
    font-size: 13px;
    letter-spacing: 1px;
    color: #0054c9;
    font-weight: 600;
}

/* ---------- Text ---------- */
.preferred-card-content > p {
    color: #00315f;
    line-height: 1.5;
    margin-bottom: 18px;
}

/* ---------- Icons Tint ---------- */
.icon img {
    width: 28px;
    height: auto;
    filter: brightness(0) saturate(100%) invert(23%) sepia(90%) saturate(1789%) hue-rotate(204deg);
}

/* ---------- Scrollable Area ---------- */
.preferred-card-content {
    max-height: 260px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

/* Custom Scrollbar */
.preferred-card-content::-webkit-scrollbar {
    width: 5px;
}

.preferred-card-content::-webkit-scrollbar-thumb {
    background: rgba(0, 80, 200, 0.4);
    border-radius: 6px;
}

.preferred-card-content::-webkit-scrollbar-track {
    background: transparent;
}

/* ---------- Responsive ---------- */
@media (max-width: 768px) {
    .preferred-card {
        padding: 20px;
    }
    .cat-card-title {
        font-size: 26px;
    }
}

@media (max-width: 480px) {
    .preferred-card {
        padding: 16px;
    }
    .cat-card-title {
        font-size: 22px;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f8c0cc9 */.elementor-2971 .elementor-element.elementor-element-f8c0cc9 {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-a18b7e4 */.elementor-2971 .elementor-element.elementor-element-a18b7e4 {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f8a4fc4 */.elementor-2971 .elementor-element.elementor-element-f8a4fc4 {
    height: 320px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

.elementor-2971 .elementor-element.elementor-element-f8a4fc4::-webkit-scrollbar {
    width: 6px;
}

.elementor-2971 .elementor-element.elementor-element-f8a4fc4::-webkit-scrollbar-track {
    background: rgba(255,255,255,0.1);
    border-radius: 10px;
}

.elementor-2971 .elementor-element.elementor-element-f8a4fc4::-webkit-scrollbar-thumb {
    background: #b39164;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5931137 *//* ---------- Premium Transparent Blue Card ---------- */
.preferred-card {
    background: rgba(0, 80, 200, 0.10); /* transparent blue */
    border-radius: 22px;
    padding: 28px;
    backdrop-filter: blur(8px); /* glass effect */
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(0, 80, 200, 0.25);
    position: relative;
    overflow: hidden;
}

/* ---------- SVG Background Pattern (Right Side Wave) ---------- */
.preferred-card::after {
    content: "";
    position: absolute;
    right: -10px;
    top: 0;
    width: 55%;
    height: 100%;
    pointer-events: none;
    opacity: 0.45;

    /* Blue wave gradient */
    background: url("data:image/svg+xml;utf8,
        <svg width='300' height='600' xmlns='http://www.w3.org/2000/svg'>
            <defs>
                <linearGradient id='g' x1='0' x2='1' y1='0.2' y2='1'>
                    <stop offset='0%' stop-color='rgba(0,80,200,0.25)' />
                    <stop offset='100%' stop-color='rgba(0,80,200,0.05)' />
                </linearGradient>
            </defs>
            <path d='M150 0 C220 150 80 300 200 450 C320 600 20 600 80 300 Z' fill='url(#g)'/>
        </svg>"
    );
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
}

/* ---------- Title ---------- */
.cat-card-title {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e;
}

.shifting-text {
    font-size: 13px;
    letter-spacing: 1px;
    color: #0054c9;
    font-weight: 600;
}

/* ---------- Text ---------- */
.preferred-card-content > p {
    color: #00315f;
    line-height: 1.5;
    margin-bottom: 18px;
}

/* ---------- Icons Tint ---------- */
.icon img {
    width: 28px;
    height: auto;
    filter: brightness(0) saturate(100%) invert(23%) sepia(90%) saturate(1789%) hue-rotate(204deg);
}

/* ---------- Scrollable Area ---------- */
.preferred-card-content {
    max-height: 260px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

/* Custom Scrollbar */
.preferred-card-content::-webkit-scrollbar {
    width: 5px;
}

.preferred-card-content::-webkit-scrollbar-thumb {
    background: rgba(0, 80, 200, 0.4);
    border-radius: 6px;
}

.preferred-card-content::-webkit-scrollbar-track {
    background: transparent;
}

/* ---------- Responsive ---------- */
@media (max-width: 768px) {
    .preferred-card {
        padding: 20px;
    }
    .cat-card-title {
        font-size: 26px;
    }
}

@media (max-width: 480px) {
    .preferred-card {
        padding: 16px;
    }
    .cat-card-title {
        font-size: 22px;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e20e2b8 */.elementor-2971 .elementor-element.elementor-element-e20e2b8 {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-0f5b0fe */.elementor-2971 .elementor-element.elementor-element-0f5b0fe {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-05a7fa2 */.elementor-2971 .elementor-element.elementor-element-05a7fa2 {
    height: 320px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

.elementor-2971 .elementor-element.elementor-element-05a7fa2::-webkit-scrollbar {
    width: 6px;
}

.elementor-2971 .elementor-element.elementor-element-05a7fa2::-webkit-scrollbar-track {
    background: rgba(255,255,255,0.1);
    border-radius: 10px;
}

.elementor-2971 .elementor-element.elementor-element-05a7fa2::-webkit-scrollbar-thumb {
    background: #b39164;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fabfd59 *//* ---------- Premium Transparent Blue Card ---------- */
.preferred-card {
    background: rgba(0, 80, 200, 0.10); /* transparent blue */
    border-radius: 22px;
    padding: 28px;
    backdrop-filter: blur(8px); /* glass effect */
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(0, 80, 200, 0.25);
    position: relative;
    overflow: hidden;
}

/* ---------- SVG Background Pattern (Right Side Wave) ---------- */
.preferred-card::after {
    content: "";
    position: absolute;
    right: -10px;
    top: 0;
    width: 55%;
    height: 100%;
    pointer-events: none;
    opacity: 0.45;

    /* Blue wave gradient */
    background: url("data:image/svg+xml;utf8,
        <svg width='300' height='600' xmlns='http://www.w3.org/2000/svg'>
            <defs>
                <linearGradient id='g' x1='0' x2='1' y1='0.2' y2='1'>
                    <stop offset='0%' stop-color='rgba(0,80,200,0.25)' />
                    <stop offset='100%' stop-color='rgba(0,80,200,0.05)' />
                </linearGradient>
            </defs>
            <path d='M150 0 C220 150 80 300 200 450 C320 600 20 600 80 300 Z' fill='url(#g)'/>
        </svg>"
    );
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
}

/* ---------- Title ---------- */
.cat-card-title {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e;
}

.shifting-text {
    font-size: 13px;
    letter-spacing: 1px;
    color: #0054c9;
    font-weight: 600;
}

/* ---------- Text ---------- */
.preferred-card-content > p {
    color: #00315f;
    line-height: 1.5;
    margin-bottom: 18px;
}

/* ---------- Icons Tint ---------- */
.icon img {
    width: 28px;
    height: auto;
    filter: brightness(0) saturate(100%) invert(23%) sepia(90%) saturate(1789%) hue-rotate(204deg);
}

/* ---------- Scrollable Area ---------- */
.preferred-card-content {
    max-height: 260px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

/* Custom Scrollbar */
.preferred-card-content::-webkit-scrollbar {
    width: 5px;
}

.preferred-card-content::-webkit-scrollbar-thumb {
    background: rgba(0, 80, 200, 0.4);
    border-radius: 6px;
}

.preferred-card-content::-webkit-scrollbar-track {
    background: transparent;
}

/* ---------- Responsive ---------- */
@media (max-width: 768px) {
    .preferred-card {
        padding: 20px;
    }
    .cat-card-title {
        font-size: 26px;
    }
}

@media (max-width: 480px) {
    .preferred-card {
        padding: 16px;
    }
    .cat-card-title {
        font-size: 22px;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-39a626d */.elementor-2971 .elementor-element.elementor-element-39a626d {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c37ca70 */.elementor-2971 .elementor-element.elementor-element-c37ca70 {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e; /* strong blue */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2b22952 */.elementor-2971 .elementor-element.elementor-element-2b22952 {
    height: 320px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

.elementor-2971 .elementor-element.elementor-element-2b22952::-webkit-scrollbar {
    width: 6px;
}

.elementor-2971 .elementor-element.elementor-element-2b22952::-webkit-scrollbar-track {
    background: rgba(255,255,255,0.1);
    border-radius: 10px;
}

.elementor-2971 .elementor-element.elementor-element-2b22952::-webkit-scrollbar-thumb {
    background: #b39164;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-aa02081 *//* ---------- Premium Transparent Blue Card ---------- */
.preferred-card {
    background: rgba(0, 80, 200, 0.10); /* transparent blue */
    border-radius: 22px;
    padding: 28px;
    backdrop-filter: blur(8px); /* glass effect */
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(0, 80, 200, 0.25);
    position: relative;
    overflow: hidden;
}

/* ---------- SVG Background Pattern (Right Side Wave) ---------- */
.preferred-card::after {
    content: "";
    position: absolute;
    right: -10px;
    top: 0;
    width: 55%;
    height: 100%;
    pointer-events: none;
    opacity: 0.45;

    /* Blue wave gradient */
    background: url("data:image/svg+xml;utf8,
        <svg width='300' height='600' xmlns='http://www.w3.org/2000/svg'>
            <defs>
                <linearGradient id='g' x1='0' x2='1' y1='0.2' y2='1'>
                    <stop offset='0%' stop-color='rgba(0,80,200,0.25)' />
                    <stop offset='100%' stop-color='rgba(0,80,200,0.05)' />
                </linearGradient>
            </defs>
            <path d='M150 0 C220 150 80 300 200 450 C320 600 20 600 80 300 Z' fill='url(#g)'/>
        </svg>"
    );
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
}

/* ---------- Title ---------- */
.cat-card-title {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #003c9e;
}

.shifting-text {
    font-size: 13px;
    letter-spacing: 1px;
    color: #0054c9;
    font-weight: 600;
}

/* ---------- Text ---------- */
.preferred-card-content > p {
    color: #00315f;
    line-height: 1.5;
    margin-bottom: 18px;
}

/* ---------- Icons Tint ---------- */
.icon img {
    width: 28px;
    height: auto;
    filter: brightness(0) saturate(100%) invert(23%) sepia(90%) saturate(1789%) hue-rotate(204deg);
}

/* ---------- Scrollable Area ---------- */
.preferred-card-content {
    max-height: 260px;
    overflow-y: auto;
    padding-right: 10px;
    scroll-behavior: smooth;
}

/* Custom Scrollbar */
.preferred-card-content::-webkit-scrollbar {
    width: 5px;
}

.preferred-card-content::-webkit-scrollbar-thumb {
    background: rgba(0, 80, 200, 0.4);
    border-radius: 6px;
}

.preferred-card-content::-webkit-scrollbar-track {
    background: transparent;
}

/* ---------- Responsive ---------- */
@media (max-width: 768px) {
    .preferred-card {
        padding: 20px;
    }
    .cat-card-title {
        font-size: 26px;
    }
}

@media (max-width: 480px) {
    .preferred-card {
        padding: 16px;
    }
    .cat-card-title {
        font-size: 22px;
    }
}/* End custom CSS */