.elementor-26423 .elementor-element.elementor-element-0f7584b:not(.elementor-motion-effects-element-type-background), .elementor-26423 .elementor-element.elementor-element-0f7584b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#7D2C7D;background-image:url("https://www.karkinos.in/wp-content/uploads/2025/06/image-37-1.png");background-repeat:no-repeat;background-size:cover;}.elementor-26423 .elementor-element.elementor-element-0f7584b > .elementor-container{max-width:1570px;min-height:650px;}.elementor-26423 .elementor-element.elementor-element-0f7584b > .elementor-background-overlay{opacity:0.45;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-26423 .elementor-element.elementor-element-0f7584b{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:40px 0px 0px 0px;}.elementor-bc-flex-widget .elementor-26423 .elementor-element.elementor-element-3867021.elementor-column .elementor-widget-wrap{align-items:flex-start;}.elementor-26423 .elementor-element.elementor-element-3867021.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-start;align-items:flex-start;}.elementor-26423 .elementor-element.elementor-element-3867021 > .elementor-element-populated{padding:40px 40px 40px 40px;}.elementor-26423 .elementor-element.elementor-element-8e58b70 .elementor-heading-title{color:#FFFFFF;font-family:"Montserrat", Sans-serif;font-size:32px;font-weight:300;}.elementor-26423 .elementor-element.elementor-element-4a884bf{width:var( --container-widget-width, 75% );max-width:75%;--container-widget-width:75%;--container-widget-flex-grow:0;}.elementor-26423 .elementor-element.elementor-element-4a884bf .elementor-heading-title{color:#FFFFFF;font-family:"Montserrat", Sans-serif;font-size:58px;font-weight:500;}.elementor-26423 .elementor-element.elementor-element-e8ac545{--spacer-size:10px;}.elementor-26423 .elementor-element.elementor-element-1266496{width:var( --container-widget-width, 51% );max-width:51%;--container-widget-width:51%;--container-widget-flex-grow:0;color:#FFFFFF;font-family:"Montserrat", Sans-serif;font-size:20px;font-weight:400;}.elementor-26423 .elementor-element.elementor-element-e619f23 .elementor-button{background-color:#02010100;font-family:"Montserrat", Sans-serif;font-size:20px;font-weight:400;transition-duration:0s;}.elementor-26423 .elementor-element.elementor-element-e619f23 .elementor-button:hover, .elementor-26423 .elementor-element.elementor-element-e619f23 .elementor-button:focus{background-color:#DEDEDE33;color:#FFFFFF;}.elementor-26423 .elementor-element.elementor-element-e619f23 .elementor-button-content-wrapper{flex-direction:row;}.elementor-26423 .elementor-element.elementor-element-e619f23 .elementor-button .elementor-button-content-wrapper{gap:16px;}.elementor-26423 .elementor-element.elementor-element-e619f23 .elementor-button:hover svg, .elementor-26423 .elementor-element.elementor-element-e619f23 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-26423 .elementor-element.elementor-element-c028f8d{--spacer-size:50px;}.elementor-26423 .elementor-element.elementor-element-7b45dd7 .elementor-heading-title{color:#2E2E2E;font-family:"Montserrat", Sans-serif;font-size:38px;font-weight:400;}.elementor-26423 .elementor-element.elementor-element-ad1aeec{--spacer-size:50px;}.elementor-26423 .elementor-element.elementor-element-38301b2:not(.elementor-motion-effects-element-type-background), .elementor-26423 .elementor-element.elementor-element-38301b2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #FFFFFF 0%, #F3E5F0 100%);}.elementor-26423 .elementor-element.elementor-element-38301b2, .elementor-26423 .elementor-element.elementor-element-38301b2 > .elementor-background-overlay{border-radius:0px 0px 020px 020px;}.elementor-26423 .elementor-element.elementor-element-38301b2{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-26423 .elementor-element.elementor-element-38301b2 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-bc-flex-widget .elementor-26423 .elementor-element.elementor-element-be0258d.elementor-column .elementor-widget-wrap{align-items:flex-start;}.elementor-26423 .elementor-element.elementor-element-be0258d.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-start;align-items:flex-start;}.elementor-26423 .elementor-element.elementor-element-be0258d > .elementor-element-populated{padding:10px 10px 10px 10px;}.elementor-26423 .elementor-element.elementor-element-9d0cb5f{--spacer-size:10px;}.elementor-26423 .elementor-element.elementor-element-b15d52e .elementor-heading-title{color:#2E2E2E;font-family:"Montserrat", Sans-serif;font-size:38px;font-weight:400;}.elementor-26423 .elementor-element.elementor-element-9026c79{--spacer-size:2px;}.elementor-26423 .elementor-element.elementor-element-8361241 .bdt-accordion .bdt-accordion-title{background-color:#FFFFFF;color:#000000;padding:20px 20px 20px 20px;font-family:"Montserrat", Sans-serif;font-size:25px;font-weight:500;}.elementor-26423 .elementor-element.elementor-element-8361241 .bdt-accordion .bdt-accordion-content{background-color:#FFFFFF;color:#000000;font-family:"Montserrat", Sans-serif;font-size:14px;font-weight:400;}.elementor-26423 .elementor-element.elementor-element-8361241 .bdt-accordion .bdt-accordion-item + .bdt-accordion-item{margin-top:13px;}.elementor-26423 .elementor-element.elementor-element-8361241 .bdt-accordion .bdt-accordion-title .bdt-title{justify-content:flex-start;}.elementor-26423 .elementor-element.elementor-element-8361241 .bdt-accordion .bdt-accordion-title .bdt-accordion-icon{font-size:20px;}.elementor-bc-flex-widget .elementor-26423 .elementor-element.elementor-element-40849d4.elementor-column .elementor-widget-wrap{align-items:flex-start;}.elementor-26423 .elementor-element.elementor-element-40849d4.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-start;align-items:flex-start;}.elementor-26423 .elementor-element.elementor-element-313271f{--spacer-size:50px;}.elementor-26423 .elementor-element.elementor-element-92a0442 .elementor-heading-title{color:#1F1F1F;font-family:"Montserrat", Sans-serif;font-size:36px;font-weight:400;}.elementor-26423 .elementor-element.elementor-element-437d7ab .elementor-swiper-button.elementor-swiper-button-prev, .elementor-26423 .elementor-element.elementor-element-437d7ab .elementor-swiper-button.elementor-swiper-button-next{font-size:30px;color:#000000;}.elementor-26423 .elementor-element.elementor-element-437d7ab .elementor-swiper-button.elementor-swiper-button-prev svg, .elementor-26423 .elementor-element.elementor-element-437d7ab .elementor-swiper-button.elementor-swiper-button-next svg{fill:#000000;}.elementor-26423 .elementor-element.elementor-element-437d7ab .swiper-pagination-bullet{width:6px;height:6px;}.elementor-26423 .elementor-element.elementor-element-437d7ab .swiper-wrapper{display:flex;align-items:center;}.elementor-26423 .elementor-element.elementor-element-437d7ab .elementor-image-carousel-wrapper .elementor-image-carousel .swiper-slide-image{border-radius:16px 16px 16px 16px;}.elementor-26423 .elementor-element.elementor-element-437d7ab .elementor-image-carousel-caption{text-align:center;color:#000000;font-family:"Montserrat", Sans-serif;font-size:25px;font-weight:500;}.elementor-26423 .elementor-element.elementor-element-b0cb17d{--spacer-size:50px;}.elementor-26423 .elementor-element.elementor-element-223cf88, .elementor-26423 .elementor-element.elementor-element-223cf88 > .elementor-background-overlay{border-radius:0px 0px 020px 020px;}.elementor-26423 .elementor-element.elementor-element-223cf88{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-26423 .elementor-element.elementor-element-223cf88 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-bc-flex-widget .elementor-26423 .elementor-element.elementor-element-5653bfc.elementor-column .elementor-widget-wrap{align-items:flex-start;}.elementor-26423 .elementor-element.elementor-element-5653bfc.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-start;align-items:flex-start;}.elementor-26423 .elementor-element.elementor-element-5653bfc > .elementor-element-populated, .elementor-26423 .elementor-element.elementor-element-5653bfc > .elementor-element-populated > .elementor-background-overlay, .elementor-26423 .elementor-element.elementor-element-5653bfc > .elementor-background-slideshow{border-radius:16px 16px 16px 16px;}.elementor-26423 .elementor-element.elementor-element-5653bfc > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:40px 40px 40px 40px;}.elementor-26423 .elementor-element.elementor-element-5653bfc > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-26423 .elementor-element.elementor-element-28aceb6 .elementor-heading-title{color:#2E2E2E;font-family:"Montserrat", Sans-serif;font-size:30px;font-weight:600;}.elementor-26423 .elementor-element.elementor-element-0c75119{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;color:#000000;font-family:"Montserrat", Sans-serif;font-weight:400;}.elementor-26423 .elementor-element.elementor-element-e5cb90c{--spacer-size:50px;}.elementor-26423 .elementor-element.elementor-element-1cade3c{padding:10px 10px 10px 10px;}.elementor-26423 .elementor-element.elementor-element-bd6edb7 > .elementor-element-populated{margin:0150px 0px 0px 00px;--e-column-margin-right:0px;--e-column-margin-left:00px;padding:0px 0px 0px 0px;}.elementor-26423 .elementor-element.elementor-element-323f05d{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;column-gap:0px;}.elementor-26423 .elementor-element.elementor-element-ab9c011 > .elementor-widget-container{padding:90px 90px 90px 90px;}body:not(.rtl) .elementor-26423 .elementor-element.elementor-element-ab9c011{left:0px;}body.rtl .elementor-26423 .elementor-element.elementor-element-ab9c011{right:0px;}.elementor-26423 .elementor-element.elementor-element-ab9c011{top:0px;line-height:51px;}.elementor-26423 .elementor-element.elementor-element-6834b4f{width:var( --container-widget-width, 116% );max-width:116%;--container-widget-width:116%;--container-widget-flex-grow:0;}.elementor-widget .tippy-tooltip .tippy-content{text-align:center;}@media(min-width:768px){.elementor-26423 .elementor-element.elementor-element-be0258d{width:49.556%;}.elementor-26423 .elementor-element.elementor-element-40849d4{width:50.444%;}.elementor-26423 .elementor-element.elementor-element-adc1c9e{width:83.465%;}.elementor-26423 .elementor-element.elementor-element-86e8a27{width:16.435%;}.elementor-26423 .elementor-element.elementor-element-bd6edb7{width:15.416%;}.elementor-26423 .elementor-element.elementor-element-9830354{width:40.374%;}.elementor-26423 .elementor-element.elementor-element-6af838a{width:43.874%;}}@media(max-width:1024px){.elementor-26423 .elementor-element.elementor-element-0f7584b > .elementor-container{min-height:400px;}.elementor-26423 .elementor-element.elementor-element-0f7584b{padding:150px 0px 150px 0px;}.elementor-26423 .elementor-element.elementor-element-8e58b70{width:var( --container-widget-width, 1000px );max-width:1000px;--container-widget-width:1000px;--container-widget-flex-grow:0;text-align:center;}.elementor-26423 .elementor-element.elementor-element-8e58b70 .elementor-heading-title{font-size:22px;}.elementor-26423 .elementor-element.elementor-element-4a884bf{--container-widget-width:765px;--container-widget-flex-grow:0;width:var( --container-widget-width, 765px );max-width:765px;text-align:center;}.elementor-26423 .elementor-element.elementor-element-4a884bf .elementor-heading-title{font-size:52px;}.elementor-26423 .elementor-element.elementor-element-1266496{--container-widget-width:847px;--container-widget-flex-grow:0;width:var( --container-widget-width, 847px );max-width:847px;text-align:center;}.elementor-26423 .elementor-element.elementor-element-c028f8d{--spacer-size:15px;}.elementor-26423 .elementor-element.elementor-element-be0258d > .elementor-element-populated{padding:40px 40px 40px 40px;}.elementor-26423 .elementor-element.elementor-element-313271f{--spacer-size:15px;}.elementor-26423 .elementor-element.elementor-element-b0cb17d{--spacer-size:15px;}.elementor-26423 .elementor-element.elementor-element-5653bfc > .elementor-element-populated{padding:40px 40px 40px 40px;}.elementor-26423 .elementor-element.elementor-element-0c75119{--container-widget-width:526px;--container-widget-flex-grow:0;width:var( --container-widget-width, 526px );max-width:526px;}.elementor-26423 .elementor-element.elementor-element-bd6edb7 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-26423 .elementor-element.elementor-element-323f05d{--container-widget-width:253px;--container-widget-flex-grow:0;width:var( --container-widget-width, 253px );max-width:253px;}.elementor-26423 .elementor-element.elementor-element-ab9c011 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-26423 .elementor-element.elementor-element-ab9c011{line-height:1.6em;}}@media(max-width:767px){.elementor-26423 .elementor-element.elementor-element-0f7584b > .elementor-background-overlay{background-image:url("https://www.karkinos.in/wp-content/uploads/2021/10/transperent-bg.png");}.elementor-26423 .elementor-element.elementor-element-0f7584b > .elementor-container{min-height:500px;}.elementor-26423 .elementor-element.elementor-element-0f7584b:not(.elementor-motion-effects-element-type-background), .elementor-26423 .elementor-element.elementor-element-0f7584b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;background-size:cover;}.elementor-26423 .elementor-element.elementor-element-0f7584b{margin-top:70px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-26423 .elementor-element.elementor-element-3867021{width:100%;}.elementor-26423 .elementor-element.elementor-element-3867021 > .elementor-element-populated{padding:50px 0px 0px 0px;}.elementor-26423 .elementor-element.elementor-element-8e58b70 .elementor-heading-title{font-size:14px;}.elementor-26423 .elementor-element.elementor-element-4a884bf > .elementor-widget-container{padding:0px 010px 0px 10px;}.elementor-26423 .elementor-element.elementor-element-4a884bf{--container-widget-width:1000px;--container-widget-flex-grow:0;width:var( --container-widget-width, 1000px );max-width:1000px;text-align:center;}.elementor-26423 .elementor-element.elementor-element-4a884bf .elementor-heading-title{font-size:24px;line-height:1.2em;}.elementor-26423 .elementor-element.elementor-element-1266496 > .elementor-widget-container{padding:0px 010px 0px 010px;}.elementor-26423 .elementor-element.elementor-element-1266496{--container-widget-width:413px;--container-widget-flex-grow:0;width:var( --container-widget-width, 413px );max-width:413px;font-size:14px;}.elementor-26423 .elementor-element.elementor-element-c028f8d{--spacer-size:10px;}.elementor-26423 .elementor-element.elementor-element-7b45dd7 .elementor-heading-title{font-size:22px;}.elementor-26423 .elementor-element.elementor-element-be0258d{width:100%;}.elementor-26423 .elementor-element.elementor-element-be0258d > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-26423 .elementor-element.elementor-element-b15d52e .elementor-heading-title{font-size:24px;}.elementor-26423 .elementor-element.elementor-element-8361241 .bdt-accordion .bdt-accordion-title{font-size:16px;}.elementor-26423 .elementor-element.elementor-element-8361241 .bdt-accordion .bdt-accordion-title .bdt-accordion-icon{font-size:12px;}.elementor-26423 .elementor-element.elementor-element-40849d4{width:100%;}.elementor-26423 .elementor-element.elementor-element-40849d4 > .elementor-element-populated{padding:010px 0px 0px 0px;}.elementor-26423 .elementor-element.elementor-element-313271f{--spacer-size:10px;}.elementor-26423 .elementor-element.elementor-element-b0cb17d{--spacer-size:10px;}.elementor-26423 .elementor-element.elementor-element-5653bfc{width:100%;}.elementor-26423 .elementor-element.elementor-element-5653bfc > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:10px 10px 10px 10px;}.elementor-26423 .elementor-element.elementor-element-28aceb6 .elementor-heading-title{font-size:24px;}.elementor-26423 .elementor-element.elementor-element-0c75119{--container-widget-width:350px;--container-widget-flex-grow:0;width:var( --container-widget-width, 350px );max-width:350px;font-size:12px;}.elementor-26423 .elementor-element.elementor-element-86e8a27{width:60%;}.elementor-26423 .elementor-element.elementor-element-bd6edb7{width:30%;}.elementor-26423 .elementor-element.elementor-element-bd6edb7 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-26423 .elementor-element.elementor-element-323f05d{--container-widget-width:118px;--container-widget-flex-grow:0;width:var( --container-widget-width, 118px );max-width:118px;}.elementor-26423 .elementor-element.elementor-element-9830354{width:70%;}.elementor-26423 .elementor-element.elementor-element-ab9c011{width:var( --container-widget-width, 260px );max-width:260px;--container-widget-width:260px;--container-widget-flex-grow:0;line-height:1.4em;}.elementor-26423 .elementor-element.elementor-element-ab9c011 > .elementor-widget-container{padding:0px 0px 0px 0px;}}@media(max-width:1024px) and (min-width:768px){.elementor-26423 .elementor-element.elementor-element-3867021{width:100%;}.elementor-26423 .elementor-element.elementor-element-be0258d{width:100%;}.elementor-26423 .elementor-element.elementor-element-40849d4{width:100%;}.elementor-26423 .elementor-element.elementor-element-5653bfc{width:100%;}.elementor-26423 .elementor-element.elementor-element-adc1c9e{width:100%;}.elementor-26423 .elementor-element.elementor-element-86e8a27{width:25%;}}/* Start custom CSS for html, class: .elementor-element-6653fda *//*
 * IMPORTANT: This solution creates a HORIZONTALLY SCROLLABLE gallery.
 * It does NOT provide automatic sliding or functional navigation arrows.
 * Automatic sliding and interactive arrows require JavaScript.
 *
 * To implement this:
 * 1. Paste the HTML into a "Custom HTML" block in your WordPress editor.
 * 2. Paste the CSS below into Appearance > Customize > Additional CSS in your WordPress Dashboard.
 * 3. Ensure the Montserrat font is loaded on your site (either by your theme, another plugin, or via a <link> tag).
 */

/* Base styles for the body to ensure full width and good display */
body {
    margin: 0;
    font-family: Arial, sans-serif; /* Fallback font */
    background-color: #f8f8f8; /* Light background for contrast */
    /* Ensure body/html don't hide overflow globally */
    overflow-x: unset; /* Important: do not hide horizontal overflow here */
}

/* Container for the horizontally scrollable gallery */
.custom-scroll-gallery-container {
    width: 100%;
    /* Enables horizontal scrolling if content overflows the container */
    overflow-x: auto;
    /* Improves scrolling smoothness on touch devices */
    -webkit-overflow-scrolling: touch;
    padding: 20px 0; /* Vertical padding, adjust as needed */
    box-sizing: border-box; /* Include padding in the width calculation */
    position: relative; /* Ensure it's positioned correctly */
    z-index: 1; /* Ensure it's above other elements if needed */
}

/* Optional: Hide scrollbar for a cleaner look */
.custom-scroll-gallery-container::-webkit-scrollbar {
    display: none; /* For Chrome, Safari, and Opera */
}
.custom-scroll-gallery-container {
    -ms-overflow-style: none;  /* For Internet Explorer and Edge */
    scrollbar-width: none;  /* For Firefox */
}

/* Wrapper for the gallery items to make them display horizontally */
.custom-scroll-gallery-wrapper {
    display: flex; /* Arranges items in a single row */
    /* This gap is between images and can be adjusted */
    gap: 40px; /* GAP BETWEEN IMAGES - You can change this value */
    padding: 0 40px; /* Horizontal padding at the start/end of the scrollable area */
    /* Crucial for forcing overflow: Explicitly set a min-width larger than the container */
    /* 5 items * 368px/item + 4 gaps * 40px/gap + 2*40px padding = 1840 + 160 + 80 = 2080px */
    min-width: 2080px; /* Adjust if you change item width or gap significantly */
    /* If min-width doesn't work, try width: max-content !important; */
    /* width: max-content; /* Fallback if min-width is problematic, or use it together */

    /* Vertically center content if gallery-item height varies */
    align-items: center;
}

/* Individual Gallery Item (Image with Overlay) */
.custom-scroll-gallery-wrapper .gallery-item {
    /* Prevents images from shrinking to fit the container */
    flex-shrink: 0;
    /* Your specified image size */
    width: 368px;
    height: 368px;
    /* Essential for positioning the text overlay correctly */
    position: relative;
    /* Ensures nothing spills outside the rounded corners */
    overflow: hidden;
    /* Rounded corners for the image card */
    border-radius: 20px; /* Increased from 10px as per provided image in previous context */
    /* Fallback background if image fails to load */
    background-color: #eee;
    /* Optional: subtle shadow for depth */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    /* Add transition for smooth animation */
    transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
    cursor: grab; /* Indicate it's draggable/scrollable */
}

/* Hover animation for the gallery item */
.custom-scroll-gallery-wrapper .gallery-item:hover {
    transform: scale(1.03); /* Slightly enlarge the item */
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2); /* Enhance shadow on hover */
    z-index: 10; /* Bring hovered item to front to prevent overlap issues */
}


/* Image Styling: Ensures the image fills its container */
.custom-scroll-gallery-wrapper .gallery-item img {
    display: block;
    width: 100%;
    height: 100%;
    /* Ensures the image covers the entire area without distortion */
    object-fit: cover; /* Keeping 'cover' as this was for the previous gallery where it worked */
    /* If you face cutting issues with these specific images, change to `object-fit: contain;`
       and add a background-color to `.gallery-item` to see the empty space. */
    border-radius: inherit;
}

/* Overlay Content Container: Holds the gradient and text */
.custom-scroll-gallery-wrapper .image-overlay-content {
    position: absolute; /* Positioned relative to .gallery-item */
    bottom: 0;
    left: 0;
    width: 100%;
    /* Padding around the text itself */
    padding: 20px 25px;
    box-sizing: border-box; /* Includes padding in the width calculation */
    color: #ffffff; /* White text color */
    /* Allows mouse events (like clicks) to pass through to the image below */
    pointer-events: none;
    z-index: 2; /* Ensures text is above the image and gradient */
    display: flex;
    flex-direction: column;
    justify-content: flex-end; /* Pushes text content to the bottom */
}

/* Gradient Overlay Background */
.custom-scroll-gallery-wrapper .gradient-overlay {
    position: absolute; /* Positioned relative to .image-overlay-content */
    bottom: 0;
    left: 0;
    width: 100%;
    /* Height of the gradient band - adjust as needed */
    height: 120px;
    /* Purple gradient from opaque at bottom to transparent at top */
    background: linear-gradient(to top, rgba(85, 26, 139, 0.7) 0%, rgba(85, 26, 139, 0) 100%);
    /* Rounded bottom corners only to match the image card */
    border-radius: 0 0 20px 20px; /* Adjusted to match gallery-item border-radius */
    z-index: -1; /* Place behind the text but in front of the image */
    pointer-events: none; /* Allows clicks to pass through */
}

/* Text Styling (Montserrat, 600 weight, 16px) */
.custom-scroll-gallery-wrapper .image-overlay-content p {
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 16px;
    margin: 0; /* Remove default paragraph margin */
    line-height: 1.4; /* Spacing between lines of text */
    /* Optional: subtle text shadow for better readability on varied backgrounds */
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
}

/* --- Responsive Adjustments --- */

/* For screens up to 1024px (e.g., smaller desktops/laptops) */
@media (max-width: 1024px) {
    .custom-scroll-gallery-wrapper {
        gap: 30px; /* Slightly smaller gap */
        padding: 0 30px;
        /* Adjust min-width for 1024px screen if it should still show multiple and scroll */
        min-width: calc((368px * 5) + (30px * 4) + (30px * 2)); /* Approx 1840 + 120 + 60 = 2020px */
    }
    .custom-scroll-gallery-wrapper .gallery-item {
        width: 320px; /* Slightly smaller item width */
        height: 320px;
    }
    .custom-scroll-gallery-wrapper .image-overlay-content {
        padding: 18px 22px;
    }
    .custom-scroll-gallery-wrapper .image-overlay-content p {
        font-size: 15px;
    }
    .custom-scroll-gallery-wrapper .gradient-overlay {
        height: 110px;
    }
}


/* For screens up to 768px (e.g., tablets in portrait) */
@media (max-width: 768px) {
    .custom-scroll-gallery-wrapper {
        gap: 20px; /* Smaller gap for tablets */
        padding: 0 20px;
        /* Adjust min-width for 768px screen to ensure scroll */
        min-width: calc((300px * 5) + (20px * 4) + (20px * 2)); /* Approx 1500 + 80 + 40 = 1620px */
    }
    .custom-scroll-gallery-wrapper .gallery-item {
        width: 300px; /* Slightly smaller item width */
        height: 300px;
    }
    .custom-scroll-gallery-wrapper .image-overlay-content {
        padding: 15px 20px;
    }
    .custom-scroll-gallery-wrapper .image-overlay-content p {
        font-size: 14px; /* Smaller font size */
    }
    .custom-scroll-gallery-wrapper .gradient-overlay {
        height: 100px; /* Smaller gradient band */
    }
}

/* For screens up to 480px (e.g., mobile phones) */
@media (max-width: 480px) {
    .custom-scroll-gallery-wrapper {
        gap: 15px; /* Even smaller gap for mobiles */
        padding: 0 15px;
        /* Adjust min-width for 480px screen to ensure scroll */
        min-width: calc((250px * 5) + (15px * 4) + (15px * 2)); /* Approx 1250 + 60 + 30 = 1340px */
    }
    .custom-scroll-gallery-wrapper .gallery-item {
        width: 250px; /* Adjust item width for very small screens */
        height: 250px;
    }
    .custom-scroll-gallery-wrapper .image-overlay-content {
        padding: 10px 15px;
    }
    .custom-scroll-gallery-wrapper .image-overlay-content p {
        font-size: 13px; /* Even smaller font size */
    }
    .custom-scroll-gallery-wrapper .gradient-overlay {
        height: 90px;
    }
}/* End custom CSS */
/* Start custom CSS for column, class: .elementor-element-5a037f7 *//* Layout wrapper */
.hover-section {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4rem;
  flex-wrap: nowrap;
  margin: 3rem auto;
}

/* Left Image Styling - Desktop */
.pill-left {
  position: relative;
  width: 104px;
  height: 452px;
}

.pill-left img {
  position: absolute;
  top: 0;
  left: 0;
  width: 104px;
  height: 452px;
  object-fit: cover;
  opacity: 0;
  transition: opacity 0.4s ease-in-out;
}

.pill-left img[data-id="1"] {
  opacity: 1;
}

/* Right Image Styling - Desktop */
.pill-right {
  position: relative;
  width: 697.27px;
  height: 757.38px;
}

.pill-right img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  transition: opacity 0.4s ease-in-out;
}

.pill-right img[data-id="1"] {
  opacity: 1;
}

/* Center text column */
.links.menu {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 1.5rem;
  max-width: 100%;
  text-align: left;
}

/* Section heading */
.links.menu .section-heading {
  font-size: 38px;
  font-weight: 400;
  font-family: "Montserrat", sans-serif;
  color: #2E2E2E;
  margin-bottom: 5.5rem;
}

/* Individual links */
.link a {
  text-decoration: none;
  font-family: "Montserrat", sans-serif;
  font-weight: 300;
  font-size: 22px;
  color: #23332E;
  transition: all 0.3s ease-in-out;
  display: block;
}

.link a:hover,
.link a.active {
  font-weight: 600;
  font-size: 26px;
  color: #6C266C;
}

/* ✅ Mobile Responsive */
@media (max-width: 768px) {
  .hover-section {
    flex-direction: column;
    gap: 2rem;
    align-items: center;
    flex-wrap: nowrap;
  }

  .pill-left {
    order: 1;
    width: 60%;
    height: auto; /* allow container to fit image */
    position: relative;
  }

  .pill-left img {
    width: 100%;
    height: auto;
    position: relative !important;
    opacity: 1 !important;
    display: none; /* hide all by default */
  }

  /* Show only the active image */
  .pill-left img[data-id="1"] {
    display: block !important;
  }

  .links.menu {
  order: 2;
  max-width: 90%;
  align-items: flex-start;
  text-align: left;
  }

  .links.menu .section-heading {
    font-size: 22px;
    margin-bottom: 2rem;
  }

  .link a {
    font-size: 16px;
    font-weight: 300;
  }

  .link a:hover,
  .link a.active {
    font-size: 16px;
    font-weight: 600; /* optional */
  }
}

  .pill-right {
    order: 3;
    width: 90%;
    height: auto;
    position: relative;
  }

  .pill-right img {
    width: 100%;
    height: auto;
    position: relative !important;
    opacity: 1 !important;
    display: none; /* hide all by default */
  }

  /* Show only the active image */
  .pill-right img[data-id="1"] {
    display: block !important;
  }
}/* End custom CSS */