.elementor-102821 .elementor-element.elementor-element-e29448b{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--overlay-opacity:0;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-102821 .elementor-element.elementor-element-e29448b::before, .elementor-102821 .elementor-element.elementor-element-e29448b > .elementor-background-video-container::before, .elementor-102821 .elementor-element.elementor-element-e29448b > .e-con-inner > .elementor-background-video-container::before, .elementor-102821 .elementor-element.elementor-element-e29448b > .elementor-background-slideshow::before, .elementor-102821 .elementor-element.elementor-element-e29448b > .e-con-inner > .elementor-background-slideshow::before, .elementor-102821 .elementor-element.elementor-element-e29448b > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://stage.sourcecodelab.co/wp-content/uploads/2025/12/Rummy.png");--background-overlay:'';background-position:top left;background-repeat:no-repeat;background-size:cover;}.elementor-102821 .elementor-element.elementor-element-b1e0a60{width:100%;max-width:100%;background-image:url("https://stage.sourcecodelab.co/wp-content/uploads/2025/12/Rummy-1.png");margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-102821 .elementor-element.elementor-element-c792c24{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-102821 .elementor-element.elementor-element-9920b76{width:100%;max-width:100%;}.elementor-102821 .elementor-element.elementor-element-336b138{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-102821 .elementor-element.elementor-element-3270983{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-102821 .elementor-element.elementor-element-d643cc3{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--overlay-opacity:0.5;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-102821 .elementor-element.elementor-element-d643cc3:not(.elementor-motion-effects-element-type-background), .elementor-102821 .elementor-element.elementor-element-d643cc3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-102821 .elementor-element.elementor-element-d643cc3::before, .elementor-102821 .elementor-element.elementor-element-d643cc3 > .elementor-background-video-container::before, .elementor-102821 .elementor-element.elementor-element-d643cc3 > .e-con-inner > .elementor-background-video-container::before, .elementor-102821 .elementor-element.elementor-element-d643cc3 > .elementor-background-slideshow::before, .elementor-102821 .elementor-element.elementor-element-d643cc3 > .e-con-inner > .elementor-background-slideshow::before, .elementor-102821 .elementor-element.elementor-element-d643cc3 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://stage.sourcecodelab.co/wp-content/uploads/2025/11/online-casino.jpg");--background-overlay:'';background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-102821 .elementor-element.elementor-element-7d5ea76{width:100%;max-width:100%;}.elementor-102821 .elementor-element.elementor-element-2f65535{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-102821 .elementor-element.elementor-element-3b90f49{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-102821 .elementor-element.elementor-element-7e32a3a{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-102821 .elementor-element.elementor-element-a8e6ce4{width:100%;max-width:100%;}.elementor-102821 .elementor-element.elementor-element-373abf2{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:80px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-102821 .elementor-element.elementor-element-a8de58c{width:100%;max-width:100%;padding:0px 0px 20px 10px;}.elementor-102821 .elementor-element.elementor-element-a8de58c.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-102821 .elementor-element.elementor-element-a8de58c .elementor-icon-box-wrapper{text-align:center;}.elementor-102821 .elementor-element.elementor-element-a8de58c .elementor-icon-box-title, .elementor-102821 .elementor-element.elementor-element-a8de58c .elementor-icon-box-title a{font-size:42px;font-weight:600;}.elementor-102821 .elementor-element.elementor-element-a8de58c .elementor-icon-box-description{font-size:18px;}.elementor-102821 .elementor-element.elementor-element-3e8bb27{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--overlay-opacity:1;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-102821 .elementor-element.elementor-element-3e8bb27::before, .elementor-102821 .elementor-element.elementor-element-3e8bb27 > .elementor-background-video-container::before, .elementor-102821 .elementor-element.elementor-element-3e8bb27 > .e-con-inner > .elementor-background-video-container::before, .elementor-102821 .elementor-element.elementor-element-3e8bb27 > .elementor-background-slideshow::before, .elementor-102821 .elementor-element.elementor-element-3e8bb27 > .e-con-inner > .elementor-background-slideshow::before, .elementor-102821 .elementor-element.elementor-element-3e8bb27 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-102821 .elementor-element.elementor-element-489162a{--grid-row-gap:35px;--grid-column-gap:30px;}.elementor-102821 .elementor-element.elementor-element-489162a .elementor-button{background-color:transparent;fill:#FFFFFF;color:#FFFFFF;background-image:linear-gradient(180deg, #0459D7 0%, #0EA5E9 100%);}.elementor-102821 .elementor-element.elementor-element-489162a .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.66 * 100% );}.elementor-102821 .elementor-element.elementor-element-489162a:after{content:"0.66";}.elementor-102821 .elementor-element.elementor-element-489162a .elementor-post__thumbnail__link{width:100%;}.elementor-102821 .elementor-element.elementor-element-489162a .elementor-post__meta-data span + span:before{content:"•";}.elementor-102821 .elementor-element.elementor-element-489162a .elementor-post__text{margin-top:20px;}.elementor-102821 .elementor-element.elementor-element-489162a .elementor-post__badge{right:0;}.elementor-102821 .elementor-element.elementor-element-489162a .elementor-post__card .elementor-post__badge{margin:20px;}.elementor-102821 .elementor-element.elementor-element-bff2956{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-102821 .elementor-element.elementor-element-25d8306{width:100%;max-width:100%;}@media(min-width:1025px){.elementor-102821 .elementor-element.elementor-element-e29448b::before, .elementor-102821 .elementor-element.elementor-element-e29448b > .elementor-background-video-container::before, .elementor-102821 .elementor-element.elementor-element-e29448b > .e-con-inner > .elementor-background-video-container::before, .elementor-102821 .elementor-element.elementor-element-e29448b > .elementor-background-slideshow::before, .elementor-102821 .elementor-element.elementor-element-e29448b > .e-con-inner > .elementor-background-slideshow::before, .elementor-102821 .elementor-element.elementor-element-e29448b > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-attachment:scroll;}.elementor-102821 .elementor-element.elementor-element-d643cc3::before, .elementor-102821 .elementor-element.elementor-element-d643cc3 > .elementor-background-video-container::before, .elementor-102821 .elementor-element.elementor-element-d643cc3 > .e-con-inner > .elementor-background-video-container::before, .elementor-102821 .elementor-element.elementor-element-d643cc3 > .elementor-background-slideshow::before, .elementor-102821 .elementor-element.elementor-element-d643cc3 > .e-con-inner > .elementor-background-slideshow::before, .elementor-102821 .elementor-element.elementor-element-d643cc3 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-attachment:scroll;}}@media(max-width:1024px){.elementor-102821 .elementor-element.elementor-element-373abf2{--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-102821 .elementor-element.elementor-element-a8de58c{width:var( --container-widget-width, 691.773px );max-width:691.773px;--container-widget-width:691.773px;--container-widget-flex-grow:0;}}@media(max-width:767px){.elementor-102821 .elementor-element.elementor-element-489162a .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-102821 .elementor-element.elementor-element-489162a:after{content:"0.5";}.elementor-102821 .elementor-element.elementor-element-489162a .elementor-post__thumbnail__link{width:100%;}}/* Start custom CSS for html, class: .elementor-element-b1e0a60 */.intro {
    position: relative;
    overflow: hidden;
    min-height: 100vh;
    min-height: 100dvh; 
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    font-family: 'Inter', sans-serif;
    box-sizing: border-box;
    padding-bottom: 80px;
}

/* Background Image Setting */
.intro__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    
    /* YOUR IMAGE URL HERE */
    background-image: url('/sourcecodelab/wp-content/uploads/2025/12/Rummy.png');
    
    /* Image fitting settings */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

/* Dark Overlay (Important for Text Readability) */
.intro__bg::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* Adjust opacity (0.6 = 60% dark) as needed */
    background: rgba(0, 0, 0, 0.6); 
    background: linear-gradient(to bottom, rgba(0,0,0,0.5), rgba(0,0,0,0.8));
}

/* =========================================
   2. CONTENT WRAPPER
   ========================================= */
.intro__content {
    position: relative;
    z-index: 3; /* Must be higher than bg z-index */
    width: 100%;
    max-width: 1320px;
    padding: 20px 28px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* =========================================
   3. TYPOGRAPHY
   ========================================= */
.intro__title {
    margin: 0 0 24px;
    font-weight: 800;
    line-height: 1.1;
    color: #ffffff !important;
    text-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
    font-size: clamp(36px, 5vw + 1rem, 80px);
    letter-spacing: -0.03em;
}

.intro__subtitle {
    margin: 0 auto 35px;
    max-width: 800px;
    color: #e0e0e0 !important;
    font-weight: 400;
    font-size: clamp(16px, 2vw, 20px);
    line-height: 1.6;
    text-shadow: 0 4px 15px rgba(0, 0, 0, 0.4);
}

/* =========================================
   4. NAVIGATION MENU (SCROLLABLE)
   ========================================= */
.product-submenu {
    display: inline-block;
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 50px;
    padding: 6px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    max-width: 100%;
    position: relative;
    z-index: 4;
}

.product-submenu:hover {
    transform: translateY(-3px);
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.4);
    background: rgba(255, 255, 255, 0.15);
}

.product-submenu ul {
    display: flex;
    gap: 10px;
    margin: 0;
    padding: 0 10px;
    list-style: none;
    align-items: center;
    white-space: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.product-submenu ul::-webkit-scrollbar {
    display: none;
}

.product-submenu li {
    display: inline-flex;
    flex-shrink: 0;
}

.product-submenu li a {
    display: block;
    color: #ffffff !important;
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    padding: 10px 16px;
    text-decoration: none;
    border-radius: 30px;
    transition: all 0.3s ease;
}

.product-submenu li.active a,
.product-submenu li a:hover {
    background: linear-gradient(90deg, #8fb92d, #6a9c12);
    color: #fff !important;
    box-shadow: 0 4px 15px rgba(138, 185, 45, 0.4);
}

.product-submenu li a::after { display: none; }
.product-submenu li+li::before { display: none; }

/* =========================================
   5. FLOATING IMAGE (HERO VISUAL)
   ========================================= */
.intro__floating-image {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%) translateX(-5%);
    z-index: 2; /* Between bg and content */
    width: 50vw;
    max-width: 700px;
    height: auto;
    pointer-events: none;
    filter: drop-shadow(0 20px 40px rgba(0,0,0,0.5));
    /* Fade mask for blending edges */
    -webkit-mask-image: linear-gradient(90deg, black 60%, transparent 100%);
    mask-image: linear-gradient(90deg, black 60%, transparent 100%);
}

/* =========================================
   6. EXPLORE BUTTON
   ========================================= */
.intro__explore {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 30px;
    z-index: 10;
    text-decoration: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    cursor: pointer;
}

.intro__explore-circle {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.3);
    background: rgba(255, 255, 255, 0.05);
    display: flex;
    align-items: center;
    justify-content: center;
    animation: bounce 2s infinite;
}

.intro__explore-circle::after {
    content: "↓";
    color: #fff;
    font-size: 20px;
}

.intro__explore-text {
    font-size: 12px;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.7);
}

@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
    40% {transform: translateY(-10px);}
    60% {transform: translateY(-5px);}
}

/* =========================================
   7. RESPONSIVE MEDIA QUERIES
   ========================================= */

@media (max-width: 1024px) {
    .intro__floating-image {
        width: 60vw;
        left: -10%;
        opacity: 0.8; 
    }
}

@media (max-width: 768px) {
    .intro {
        flex-direction: column;
        justify-content: center;
        text-align: center;
        padding-top: 60px;
    }

    .intro__content {
        padding: 0 20px;
        z-index: 5;
    }

    /* Mobile Navigation */
    .product-submenu {
        width: 100%;
        border-radius: 15px;
        background: rgba(0, 0, 0, 0.4); 
    }
    
    .product-submenu ul {
        justify-content: flex-start;
        padding: 10px;
    }

    .product-submenu li a {
        font-size: 13px;
        padding: 8px 14px;
        background: rgba(255,255,255,0.1);
    }

    /* Floating Image on Mobile: Bottom Center Fade */
    .intro__floating-image {
        position: absolute;
        width: 100%;
        max-width: 400px;
        height: auto;
        left: 50%;
        top: auto;
        bottom: 0;
        transform: translateX(-50%);
        opacity: 0.5; /* Fade it out so text is readable */
        -webkit-mask-image: linear-gradient(0deg, black 20%, transparent 100%);
        mask-image: linear-gradient(0deg, black 20%, transparent 100%);
        z-index: 1;
    }
}

@media (max-width: 480px) {
    .intro__title {
        font-size: 32px;
        margin-bottom: 15px;
    }
    
    .intro__subtitle {
        font-size: 14px;
        line-height: 1.5;
        margin-bottom: 25px;
    }

    .intro__explore {
        bottom: 20px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9920b76 */.rummy-variants-section {
  padding: 120px 0;
  background: linear-gradient(180deg, #fbfbfd 0%, #ffffff 100%);
  position: relative;
  overflow: visible;
}

.rummy-container {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 28px;
  display: flex;
  gap: 64px;
  align-items: flex-start;
  position: relative;
}

/* ---------------------------
   LEFT (sticky) — larger & premium
   --------------------------- */
.rummy-left {
  width: 42%;
  position: sticky;
  top: 96px;             /* visible offset from top */
  align-self: flex-start;
  z-index: 5;
  padding: 22px 12px;
  border-radius: 16px;
  backdrop-filter: blur(6px);
  transition: transform .45s cubic-bezier(.2,.9,.2,1), box-shadow .35s ease;
}

/* subtle floating glow behind left block */
.rummy-left::after{
  content: "";
  position: absolute;
  inset: -24px -40px auto -24px;
  height: 320px;
  background: radial-gradient(closest-side, rgba(162,52,253,0.14), rgba(255,49,171,0.06) 40%, transparent 60%);
  filter: blur(28px);
  z-index: -1;
  pointer-events: none;
}

/* robot image (overlap but non-intrusive) */
.rummy-robot {
  position: absolute;
  left: -280px;
  top: -40px;
  width: 640px;
  opacity: 0.85;
  transform: translateZ(0);
  pointer-events: none;
  will-change: transform, opacity;
  transition: transform .9s cubic-bezier(.2,.9,.2,1), opacity .6s ease;
}

/* Title & text */
.rummy-title {
  font-size: 56px;
  line-height: 1.04;
  font-weight: 800;
  color: #07142a;
  margin: 12px 0 18px;
  letter-spacing: -0.02em;
  text-shadow: 0 6px 18px rgba(2,6,23,0.06);
}

.rummy-desc {
  font-size: 18px;
  color: #394651;
  margin-bottom: 28px;
  max-width: 460px;
  font-weight: 500;
}

/* CTA button with animated gradient + glow */
.rummy-demo-btn {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  padding: 16px 40px;
  border-radius: 999px;
  color: #fff;
  text-decoration: none;
  font-weight: 700;
  letter-spacing: 0.02em;
  transform: translateZ(0);
  background:linear-gradient(135deg, #0459D7 0%, #0EA5E9 100%);
  box-shadow: 0 10px 30px rgba(162,52,253,0.22), 0 2px 8px rgba(0,0,0,0.08);
  transition: transform .28s ease, box-shadow .28s ease, filter .28s ease;
  outline: none;
  border: 0;
}

/* animated sheen on hover */
.rummy-demo-btn::before{
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(255,255,255,0.06), rgba(255,255,255,0.02));
  mix-blend-mode: overlay;
  pointer-events: none;
}

.rummy-demo-btn:hover {
  transform: translateY(-6px) scale(1.01);
  box-shadow: 0 20px 60px rgba(162,52,253,0.24), 0 6px 20px rgba(0,0,0,0.12);
  filter: saturate(1.05);
}

/* small arrow badge */
.btn-arrow {
  width: 26px;
  height: 26px;
  border-radius: 50%;
  display: inline-grid;
  place-items: center;
  background: rgba(255,255,255,0.14);
  backdrop-filter: blur(2px);
  transition: transform .28s ease, background .28s ease;
}
.rummy-demo-btn:hover .btn-arrow { transform: translateX(6px); background: rgba(255,255,255,0.18); }

/* ---------------------------
   RIGHT (cards) — larger boxes & animations
   --------------------------- */
.rummy-right {
  width: 58%;
  padding-top: 6px;
}

/* make cards bigger (user request) */
.rv-card {
  display: flex;
  gap: 34px;
  padding: 36px;
  border-radius: 22px;
  margin-bottom: 40px;
  background: linear-gradient(180deg, #ffffff, #fbfbff);
  border: 1px solid rgba(15, 23, 42, 0.04);
  box-shadow: 0 18px 45px rgba(8,18,36,0.06);
  transition: transform .45s cubic-bezier(.2,.9,.2,1), box-shadow .35s ease, filter .35s ease;
  will-change: transform;
  overflow: hidden;
  align-items: center;
}

/* hovering gives soft glow + lift */
.rv-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 30px 80px rgba(10,14,40,0.12);
  filter: saturate(1.03);
}

/* card image larger */
.rv-img {
  width: 260px;
  height: 240px;
  border-radius: 16px;
  object-fit: cover;
  flex-shrink: 0;
  box-shadow: 0 12px 30px rgba(12,28,56,0.06);
  transition: transform .6s cubic-bezier(.2,.9,.2,1);
}

/* text */
.rv-text h3 {
  font-size: 26px;
  margin-bottom: 10px;
  color: #081226;
}
.rv-text p {
  font-size: 17px;
  color: #4a5968;
  line-height: 1.7;
  max-width: 720px;
}

/* reveal animation state */
.rv-card.is-hidden {
  opacity: 0;
  transform: translateY(22px) scale(.995);
  pointer-events: none;
}

/* subtle neon rim for active card */
.rv-card.glow {
  box-shadow: 0 30px 80px rgba(162,52,253,0.12), 0 6px 40px rgba(255,49,171,0.06);
  border: 1px solid rgba(162,52,253,0.08);
}

/* staggered reveal helper */
[data-order="1"] { transition-delay: 0ms; }
[data-order="2"] { transition-delay: 70ms; }
[data-order="3"] { transition-delay: 140ms; }
[data-order="4"] { transition-delay: 210ms; }

/* responsive adjustments */
@media (max-width: 1080px) {
  .rv-img { width: 220px; height: 180px; }
  .rummy-title { font-size: 46px; }
}

@media (max-width: 880px) {
  .rummy-container { flex-direction: column; gap: 28px; }
  .rummy-left { width: 100%; position: static; top: auto; padding: 22px 18px; }
  .rummy-right { width: 100%; }
  .rummy-robot { display: none; }
  .rv-card { flex-direction: column; align-items: flex-start; }
  .rv-img { width: 100%; height: auto; max-width: 420px; border-radius: 14px; }
  .rummy-title { font-size: 34px; }
}

/* very small screens */
@media (max-width: 420px) {
  .rummy-title { font-size: 28px; }
  .rummy-desc { font-size: 15px; }
  .rummy-demo-btn { padding: 12px 18px; font-size: 15px; }
  .rv-card { padding: 20px; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3b90f49 *//* Utility for Image/Text Blocks */
.image-text-block {
    display: flex;
    align-items: center;
    gap: 50px;
    padding: 70px 40px;
}
.image-text-block .image-col { width: 50%; }
.image-text-block .text-col { width: 50%; }
.image-text-block img { width: 100%; height: auto; border-radius: 10px; display: block; }
.image-text-block:nth-child(even) { background-color: var(--main-light-bg); }
.image-text-block:nth-child(even) .image-col { order: 2; }
.image-text-block:nth-child(even) .text-col { order: 1; }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a8e6ce4 */.scl-rummy-cta-section-wrapper {
    background: linear-gradient(135deg, #FFE347, #FFD600);
    padding: 110px 40px;
    text-align: center;
    border-radius: 26px;
    max-width: 1320px;
    width: 90%;
    margin: 0 auto;
    color: #333;
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
    transition: transform .35s ease, box-shadow .35s ease;
}

/* Soft Shine Overlay */
.scl-rummy-cta-section-wrapper::before {
    content: "";
    position: absolute;
    top: -20%;
    left: -20%;
    width: 140%;
    height: 140%;
    background: radial-gradient(
        circle at top right,
        rgba(255, 255, 255, 0.35),
        transparent 55%
    );
    pointer-events: none;
}

/* Hover – subtle lift & deeper shadow */
.scl-rummy-cta-section-wrapper:hover {
    transform: translateY(-5px);
}

/* Heading – premium typography */
.scl-rummy-cta-section-wrapper h2 {
    font-size: 60px;
    font-weight: 900;
    color: #002A4A;
    margin-bottom: 22px;
    line-height: 1.1;
    letter-spacing: -0.02em;
    text-shadow: 0 4px 16px rgba(0, 0, 0, 0.18);
}

/* Supporting Text */
.scl-rummy-cta-section-wrapper p {
    font-size: 24px;
    max-width: 780px;
    margin: 0 auto 40px;
    line-height: 1.55;
    color: #444;
    font-weight: 500;
}

/* Button Wrapper */
.scl-rummy-button-wrapper {
    margin-top: 30px;
}

/* Premium Button (gradient + soft bevel + glow hover) */
.scl-rummy-btn-cta {
    display: inline-block;
    padding: 18px 48px;
    border-radius: 12px;
    text-decoration: none;
    font-weight: 700;
    font-size: 20px;
    text-transform: uppercase;
    color: #1B1B1B;
    background: linear-gradient(180deg, #FFFFFF, #E6E6E6);
    border: none;
    box-shadow: 
        inset 0 1px 1px rgba(255,255,255,0.8),
        0 6px 18px rgba(0,0,0,0.25);
    transition: all .35s ease;
}

/* Button Hover – Pro effect */
.scl-rummy-btn-cta:hover {
    transform: translateY(-4px);
    background: linear-gradient(180deg, #FFFFFF, #D8D8D8);
    box-shadow: 
        inset 0 1px 1px rgba(255,255,255,0.9),
        0 12px 26px rgba(0,0,0,0.30);
}

/* =========================================
   RESPONSIVE STYLES
   ========================================= */

@media (max-width: 992px) {
    .scl-rummy-cta-section-wrapper h2 {
        font-size: 48px;
    }
    .scl-rummy-cta-section-wrapper p {
        font-size: 20px;
    }
}

@media (max-width: 768px) {
    .scl-rummy-cta-section-wrapper {
        padding: 70px 24px;
    }
    .scl-rummy-cta-section-wrapper h2 {
        font-size: 34px;
    }
    .scl-rummy-cta-section-wrapper p {
        font-size: 18px;
        margin-bottom: 26px;
    }
    .scl-rummy-btn-cta {
        padding: 15px 32px;
        font-size: 16px;
    }
}

@media (max-width: 480px) {
    .scl-rummy-cta-section-wrapper h2 {
        font-size: 28px;
    }
    .scl-rummy-cta-section-wrapper p {
        font-size: 16px;
    }
}/* End custom CSS */