.footer__bg{
    margin-top: 0px !important;
}
.adviseContainer{
    /* background: radial-gradient(134.57% 100% at 50.05% 0, #00000000 54.78%, #07030812 65.9%, #0b1c1a 82.09%, #153530 90.3%, #275a53 100%), #000000; */
    --highEmphasisTextColor:rgb(0, 0, 0);
    --textColor:black;
    /* button style */
    --activeTextColor: rgb(255, 255, 255);
    --activeBaseColor:#3a473e;
    background: gainsboro;

    --adviseScale:1;
    
    /* --highEmphasisTextColor:white;
    --activeTextColor: white;
    --activeBaseColor:white;
    background: #3a473e; */


    /* color: #f8f8f8 !important; */


}
.column-right .adviseContainer{
    --highEmphasisTextColor:rgb(255, 255, 255);
    --textColor:rgb(255, 255, 255);

    --activeTextColor: #3a473e;
    --activeBaseColor:rgb(255, 255, 255);
    background: #3a473e;

    --adviseScale:0.65;
}

@media (max-width: 991px) {
.column-right .adviseContainer{
    --highEmphasisTextColor:rgb(0, 0, 0);
    --textColor:black;
    /* button style */
    --activeTextColor: rgb(255, 255, 255);
    --activeBaseColor:#3a473e;
    background: gainsboro;
    
    --adviseScale:1;
}

}

.open-modal {
  padding: 8px 15px;
  border: none;
  background: #0077ff;
  color: white;
  border-radius: 5px;
  cursor: pointer;
}
.modal-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.4);
  backdrop-filter: blur(6px);
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 2000;
}

.modal {
  background: white;
  padding: 30px;
  border-radius: 8px;
  max-width: 400px;
  text-align: center;
  position: relative;
}
/* #advise_label-form{

} */
.form-group{
    width: 100%;
}
.form-group input,.form-group select,.form-group textarea {
    background: #f6f6f6;
    border: 2px solid transparent;
    border-radius: 8px;
    padding: 14px 16px;
    color: #191414;
    font-size: 16px;
    font-weight: 400;
    outline: none;
    transition: all 0.2s ease;
}

#advise_label-form input, #advise_label-form select, #advise_label-form textarea {
    width: 100%;
}
.modal form{
    display: flex;
    flex-direction: column;
    align-items: start;
    text-align: left;
}
@media (min-width: 500px) {
.modal{
    max-width: 80vw;
    width:400px
}

}
.close-modal {
  position: absolute;
  top: 10px;
  right: 15px;
  font-size: 24px;
  cursor: pointer;
}

.modal-action {
  margin-top: 15px;
  padding: 8px 15px;
  border: none;
  background: #0077ff;
  color: white;
  border-radius: 5px;
  cursor: pointer;
}

/* Show modal */
.modal-overlay.active {
  display: flex;
}


/* Re-calulated styles for a smaller size */
        .afa_specialPlanContainer__hzn2C {
            padding-left: calc(16px * var(--adviseScale));
            padding-right: calc(16px * var(--adviseScale));
            color:white;
        }

        .styles_specialPlanContainer__hzn2C {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            padding: calc(20px * var(--adviseScale));
        }

        .styles_specialPlan__Y0LXV {
            width: 100%;
            background: url(https://www.thaisoung.com/page/media/imagesphotos/7304_20250311104643XX%20og.jpg) no-repeat center center / cover,
                        radial-gradient(134.57% 100% at 50.05% 0, #00000000 54.78%, #07030812 65.9%, rgba(68, 68, 68, .2) 82.09%, #275a53 90.3%, #deb142 100%),
                        #56606f;
            box-sizing: border-box;
            position: relative;
            border: calc(2px * var(--adviseScale)) solid transparent;
            border-radius: calc(12px * var(--adviseScale));
            overflow: hidden;
        }

        .styles_planContainer__6lTjo {
            position: relative;
            z-index: 10;
            padding: calc(2rem * var(--adviseScale));
            text-align: center;
        }
        
        /* New Styles applied */
        .afa_plan__6E_y0 {
            display: flex;
            flex-direction: column;
            align-items: center;
            padding: 0;
            background: #272727cc;
            border: calc(2px * var(--adviseScale)) solid #e4e7ec80;
            border-radius: calc(16px * var(--adviseScale));
            flex: 1 0;
            width: calc(360px * var(--adviseScale));
            flex-basis: calc(300px * var(--adviseScale));
            scroll-snap-align: center;
            scroll-snap-stop:always;
        }

        .afa_specialPlan__Y0LXV {
            width: 100%;
            box-sizing: border-box;
            position: relative;
            background-clip: padding-box;
            border: calc(2px * var(--adviseScale)) solid transparent;
            background: none;
        }
        
        .afa_specialPlan__Y0LXV:before {
            content: "";
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            z-index: -1;
            margin: calc(-2px * var(--adviseScale));
            border-radius: inherit;
            background: linear-gradient(174.68deg, #275a53 4.26%, #c37287 95.75%), linear-gradient(#e4e7ec80, #e4e7ec80);
        }

        .afa_planContainer__6lTjo {
            padding: calc(24px * var(--adviseScale));
            display: flex;
            flex-direction: column;
            align-items: center;
            width: 100%;
            gap: calc(8px * var(--adviseScale));
        }

        .afa_planTitle__rJF2b {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: calc(16px * var(--adviseScale));
            padding-top: calc(32px * var(--adviseScale));
        }

        .afa_specialPlan__Y0LXV > div {
            padding-bottom: calc(64px * var(--adviseScale));
        }

        .afa_icon__yWK5h {
            overflow: visible;
            position: relative;
            height: calc(150px * var(--adviseScale));
            width: calc(200px * var(--adviseScale));
        }

        .afa_icon__yWK5h img {
            position: absolute;
            top: calc(-14px * var(--adviseScale));
            right: calc(-14px * var(--adviseScale));
            height: calc(150px * var(--adviseScale));
            width: calc(200px * var(--adviseScale));
            max-width: calc(200px * var(--adviseScale));
        }

        .afa_planTitle__rJF2b h4 {
            font-weight: 600;
            font-size: calc(20px * var(--adviseScale));
            line-height: calc(30px * var(--adviseScale));
            text-align: center;
            color: #d39cdd;
            align-self: stretch;
            flex-grow: 0;
        }

        .afa_cta__lcxb8 {
            margin-top: calc(24px * var(--adviseScale));
            padding-top: calc(12px * var(--adviseScale));
            padding-bottom: calc(12px * var(--adviseScale));
            font-weight: 600;
            font-size: calc(16px * var(--adviseScale));
            line-height: calc(24px * var(--adviseScale));
        }

        .afa_price__RVh8R {
            font-weight: 700;
            font-size: calc(54px * var(--adviseScale));
            line-height: calc(64px * var(--adviseScale));
            letter-spacing: -.02em;
            color: var(--highEmphasisTextColor);
            flex: none;
            flex-grow: 0;
        }

        .afa_description__yKt3Z {
            font-family: var(--font-inter);
            font-weight: 400;
            font-size: calc(16px * var(--adviseScale));
            line-height: calc(24px * var(--adviseScale));
            text-align: center;
            color: var(--textColor);
            flex: none;
            align-self: stretch;
            flex-grow: 0;
        }

        .afa_ctaLink__nugLY {
            --ctaHighlightColor: #ffffff66;
            --ctaHighlightHoverAngle: 180deg;
            --ctaHighlightDelay: 0.2s;
            text-wrap: nowrap;
            font-weight: 600;
            font-size: calc(18px * var(--adviseScale));
            line-height: calc(28px * var(--adviseScale));
            text-align: center;
            padding: calc(16px * var(--adviseScale)) calc(22px * var(--adviseScale));
            width: -moz-fit-content;
            width: fit-content;
            border-radius: calc(1000px * var(--adviseScale));
            background: var(--baseBackground);
            position: relative;
            background-clip: padding-box;
            border: calc(2px * var(--adviseScale)) solid transparent;
            isolation: isolate;
            color: var(--activeTextColor);
        }

        .afa_ctaLink__nugLY:before {
            z-index: -2;
            margin: calc(-2px * var(--adviseScale));
            background: linear-gradient(var(--angle),var(--fromColor),var(--toColor)),var(--baseBackground);
            transition: --angle var(--transitionDuration) var(--transitionTimingFunction) var(--ctaHighlightDelay),--fromColor var(--transitionDuration) var(--transitionTimingFunction),--toColor var(--transitionDuration) var(--transitionTimingFunction);
        }

        .afa_ctaLink__nugLY:after,.afa_ctaLink__nugLY:before {
            content: "";
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            border-radius: inherit;
        }

        .afa_ctaLink__nugLY:after {
            z-index: -1;
            background: var(--baseBackground);
        }

        .afa_ctaLink__nugLY:hover:before {
            --toColor: var(--ctaHighlightColor);
            --angle: var(--ctaHighlightHoverAngle);
        }

        .afa_ctaLink__nugLY.afa_secondary__UHdi0 {
            --baseBackground: linear-gradient(0deg,var(--activeBaseColor),var(--activeBaseColor));
        }

        .afa_ctaLink__nugLY.afa_full__thCCv {
            width: 100%;
        }

        .afa_features__rUGMr {
            align-items: start;
            overflow-x: auto;
        }

        .afa_features__rUGMr h5 {
            font-family: var(--font-inter);
            font-weight: 600;
            font-size: calc(16px * var(--adviseScale));
            line-height: calc(24px * var(--adviseScale));
            flex: 1 1;
            align-self: stretch;
            color: #d39cdd;
        }

        .afa_features__rUGMr p {
            font-weight: 400;
            font-size: calc(16px * var(--adviseScale));
            line-height: calc(24px * var(--adviseScale));
            color: var(--textColor);
        }

        .afa_features__rUGMr strong {
            text-transform: capitalize;
        }

        .afa_featuresList__AbaIh {
            font-weight: 400;
            font-size: calc(16px * var(--adviseScale));
            line-height: calc(24px * var(--adviseScale));
            color: var(--textColor);
            list-style-type: none;
            display: flex;
            flex-direction: column;
            align-items: stretch;
            flex-wrap: wrap;
            gap: calc(16px * var(--adviseScale));
            margin-top: calc(24px * var(--adviseScale));
            flex: 1 1;
            min-width: 0;
            max-width: 100%;
            height: calc(200px * var(--adviseScale));
        }

        .afa_featuresListItem__R5rWk {
            background: url(/assets/images/icons/check.svg) no-repeat 0 0 transparent;
            padding-left: calc(36px * var(--adviseScale));
            font-weight: 400;
            font-size: calc(16px * var(--adviseScale));
            line-height: calc(24px * var(--adviseScale));
            overflow-x: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            min-width: 0;
        }

        .bounce-image, .shape {
            animation: moveUpDown 2s ease-in-out infinite alternate;
        }

        .shape {
            position: absolute;
            z-index: 1;
            opacity: 0.1;
        }

        .square-h {
            width: calc(100px * var(--adviseScale));
            height: calc(50px * var(--adviseScale));
            border: calc(1px * var(--adviseScale)) solid #deb142;
            top: 20%;
            left: 10%;
            animation-delay: 0.5s;
        }

        .square-s {
            width: calc(60px * var(--adviseScale));
            height: calc(60px * var(--adviseScale));
            background-color: #275a53;
            top: 50%;
            left: 80%;
            animation-delay: 1s;
        }
        
        .square-s-2 {
            width: calc(40px * var(--adviseScale));
            height: calc(40px * var(--adviseScale));
            background-color: #275a53;
            top: 75%;
            left: 25%;
            animation-delay: 2s;
        }

        .hexagon {
            position: absolute;
            width: calc(80px * var(--adviseScale));
            height: calc(46.19px * var(--adviseScale));
            top: 60%;
            left: 50%;
            animation-delay: 1.5s;
        }
        
        .hexagon::before, .hexagon::after {
            content: "";
            position: absolute;
            width: 0;
            border-left: calc(40px * var(--adviseScale)) solid transparent;
            border-right: calc(40px * var(--adviseScale)) solid transparent;
        }

        .hexagon::before {
            bottom: 100%;
            border-bottom: calc(23.09px * var(--adviseScale)) solid #deb142;
        }

        .hexagon::after {
            top: 100%;
            border-top: calc(23.09px * var(--adviseScale)) solid #deb142;
        }

        .afa_planContainer__6lTjo{
            z-index:2;
        }

        @keyframes moveUpDown {
            0% {
                transform: translateY(0);
            }
            100% {
                transform: translateY(calc(-20px * var(--adviseScale)));
            }
        }

        @media (min-width: 640px) {
            .afa_specialPlan__Y0LXV {
                align-items:start;
                flex-direction: row;
            }
            .afa_specialPlan__Y0LXV>div {
                align-items: start;
            }
            .afa_specialPlan__Y0LXV>div:first-child {
                width: calc(500px * var(--adviseScale));
            }
            .afa_planTitle__rJF2b {
                flex-direction: row;
                align-items: center;
            }
            .afa_specialPlan__Y0LXV h4,.afa_specialPlan__Y0LXV p {
                text-align: left;
            }
            .afa_planTitle__rJF2b h4 {
                align-self: auto;
            }
        }