/* hero-section-start */
body {
    overflow-x: hidden;
}

.d-none {
    display: none;
}

.rdy-hero {
    padding: 0px 0px 50px;
}

.rdy-action {
    padding: 50px 20px;
}

.rdy-wrapper {
    display: grid;
    gap: 30px;
    width: 100%;
    grid-template-columns: repeat(2, 1fr);
    padding: 40px;
    position: relative;
    max-height: 540px;
    min-height: 540px;
    height: 100%;
}

.hero-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    border-radius: 16px;
    overflow: hidden;
}

.hero-bg img,
.ecosystem-hero img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.hero-block {
    display: flex;
    flex-direction: column;
}

.rdy-btn-wraper {
    margin-top: auto;
}

.hero-block h1 {
    font-size: var(--h1-main);
    font-weight: 700;
    color: var(--white);
}

.hero-block h1 span {
    font-size: var(--font-40);
    display: block;
}

.hero-btn {
    border-radius: 10px;
    background-color: var(--white);
    padding: 18px 22px;
    display: inline-block;
    font-weight: 700;
    font-size: var(--font-h3);
}

.hero-text {
    font-size: var(--font-h2);
    font-weight: 700;
    margin-top: 16px;
}

.rdy-home-wrapper .hero-app img {
    width: 100%;
}

.hero-block,
.hero-app,
.resources-wras,
.gea-hero-wrap {
    z-index: 2;
}

.hero-app {
    max-height: 460px;
    margin-left: auto;
}

.hero-app img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

/* hero-section-end */
/* ecs-wrpper-start */
.rdy-container {
    display: flex;
    flex-direction: row;
}

.ecs-left,
.ecs-right {
    width: 50%;
}

.ecs-right {
    padding-left: 10px;
}

.partners-ecs .ecs-right {
    padding-left: 0px;
}

.ecs-right .ecs-title {
    margin-bottom: 30px;
}

.rdy-head-title {
    font-size: var(--font-40-cs);
    color: var(--purple-2);
    font-weight: 700;
    text-transform: capitalize;
}

.rdy-ecs .rdy-wrapper {
    padding: 0px;
    align-items: center;
}

.ecs-left {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    align-items: end;
    gap: 17px;
    padding-right: 50px;
}

.ecs-count {
    border-radius: 16px;
    background-color: var(--cultured);
    padding: 20px;
}

.ecs-count h5 {
    font-size: var(--text-82px);
    font-weight: 200;
    color: var(--purple-2);
}

.text-wrapper {
    display: none;
}

.ecs-count p {
    font-size: var(--text-20px);
    font-weight: 700;
    color: var(--raisinblack);
    line-height: 1.3;
}

.rdy-wrappers {
    display: flex;
    align-items: center;
    padding: 60px 0px;
}

.rdy-tech .rdy-wrappers {
    padding: 0px;
    align-items: end;
}

.ecs-head-wrpper {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 50%;
    max-width: 100%;
    flex-shrink: 0;
}

.ecs-head-text {
    max-width: 460px;
    min-width: 460px;
    margin: 0 auto;
}

.ecs-head-text .ecs-subtitle {
    margin-top: 20px;
}

.rdy-image-wrapper {
    width: 100%;
    height: 480px;
    width: 50%;
}

.ecs-title {
    font-size: var(--h2-main);
    color: var(--purple-2);
    font-weight: 700;
}

.ecs-subtitle,
.ecs-head-text h4 {
    font-size: var(--font-h3);
    font-weight: 400;
    color: var(--black-2);
    line-height: 1.6;
}

.ecs-head-text h4 {
    margin-top: 20px;
    font-weight: 700;
}

.rdy-tkc .ecs-subtitle {
    margin-top: 20px;
}

.ecs-head-text:has(h4) .ecs-subtitle {
    margin-top: 5px;
}

.rdy-eco .ecs-head-wrpper .ecs-subtitle {
    font-weight: 700;
    font-size: var(--font-h1);
    line-height: 1.7;
}

.ecs-head-wrpper .ecs-subtitle span {
    font-weight: 700;
    display: block;
}

.mobile-show {
    display: none;
}

.cra-mobile,
.ecoblock {
    display: none;
}

.cra-desktop {
    display: block;
}

/* ecs-wrpper-end */
/* Energy Management-start */

.rdy-cra .rdy-head-title,
.rdy-cra .ecs-title {
    margin-bottom: 30px;
}

.rdy-eco {
    margin-top: 60px;
}

.rdy-cra.rdy-eco .rdy-head-title {
    margin-bottom: -10px;
}

/* .rdy-footer {
  padding: 40px 0px 0px;
} */
.policy-main,.product-listing-sec {
    padding-bottom: 50px;
}

.rdy-cra-wrapper {
    border-radius: 16px;
    overflow: hidden;
    position: sticky;
    transition: all 0.4s ease-in-out;

    &:not(:last-of-type) {
        margin: 0 0 20px;
    }

    .rdy-wrappers.rdy-fai .rdy-image-wrapper {
        max-height: 600px;
        height: 100%;
        min-height: 600px;
    }
}

.rdy-cra-wrapper.rdy-tkc .rdy-wrappers {
    flex-direction: row-reverse;
}

.rdy-cra-wrapper .rdy-wrappers.rdy-fai {
    padding: 0px;
}

.rdy-image-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.Purple {
    background-color: var(--purple-bg-light);
}

.text-purple {
    color: var(--primary-purple) !important;
}

.White {
    background-color: var(--white);
}

.Gray {
    background-color: var(--grey-bg);
}

.multiImage,
.rdy-pnpp {
    padding-top: 0px !important;
    margin-top: -30px;
}

.paying-wrapper,
.multiImage .rdy-image-wrapper {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.multiImage .rdy-wrappers {
    padding: 62px 35px 62px 0px;
}

.multiImage .rdy-image-wrapper {
    height: unset !important;
}

.paying-col {
    width: 100%;
    max-height: 243px;
}

.multiImage .rdy-stpe {
    border-radius: 10px;
    padding: 10px;
    background-color: var(--white);
}

.multiImage .rdy-stpe .rdy-innr-image {
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 8px;
    max-height: 180px;
    min-height: 200px;
    height: 100%;
}

.multiImage .rdy-stpe .rdy-innr-image img {
    object-fit: cover;
}

.rdy-stpe .rdy-text {
    font-size: var(--font-h4);
    font-weight: 500;
    color: var(--granitegray);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    /* Show only 2 lines */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.rdy-fai .rdy-image-wrapper img {
    object-fit: cover;
}

.ecs-nav {
    color: var(--purple-2);
    font-size: var(--font-h3);
    font-weight: 700;
}

.rdy-cra-wrapper .ecs-nav {
    margin-top: 20px;
    display: block;
}

.rdy-cra-wrapper:has(.rdy-fai) {
    padding: 0px !important;
}

/*  rdy-fai end  */
/* tech stack start */
.rdy-tech .rdy-wrappers {
    gap: 69px;
}

.ecs-lefttcwrapper {
    width: 57%;
}

.ecs-righttcwrapper {
    width: 43%;
}

.ecs-righttcwrapper .ecs-head-wrpper {
    width: 100%;
}

.ecs-grid-wrapper {
    display: grid;
    align-items: center;
    background-color: var(--grey-bg);
    border-radius: 16px;
    overflow: hidden;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    padding: 50px;
}

.smartlock {
    grid-column: span 2 / span 2;
}

.logo-item {
    background-color: var(--white);
    padding: 15px;
    border-radius: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    max-height: 80px;
    min-height: 80px;
    height: 100%;
}

.logo-item img {
    max-width: 100%;
    object-fit: contain;
}

/* tech stack end */
/*  guest experience start */
.rdy-grid-guest {
    display: grid;
    padding-top: 30px;
    grid-template-columns: repeat(4, 1fr);
    gap: 54px 70px;
}

.guest-box {
    background-color: var(--white);
    box-shadow: 0 0px 30px rgba(0, 0, 0, 0.07);
    padding: 38px 32px;
    border-radius: 20px;
    position: relative;
    min-height: 130px;
}

.guest-box p {
    color: var(--grey-dark);
    font-size: var(--font-h1);
    font-weight: 700;
    z-index: 1;
    position: relative;
    max-width: 170px;
    word-break: break-all;
}

/* mobile slider */
.rdy-grid-guest .owl-stage-outer {
    overflow: unset !important;
}

/*  guest experience end */
.guest-box-icon {
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--primary-purple);
    box-shadow: 4px 4px 10px 0 rgb(54 1 137 / 24%);
    width: 48px;
    height: 48px;
    position: absolute;
    top: -24px;
    left: 32px;
}

.guest-box-icon img {
    width: 24px;
    height: 24px;
}

.rdy-grid-guest .owl-dots {
    display: flex;
    align-items: center;
    gap: 8px;
    position: absolute;
    bottom: 38px;
    left: 0;
}

.rdy-grid-guest .owl-dot {
    width: 10px;
    height: 10px;
    background-color: var(--purple-bg-light) !important;
    border-radius: 50px !important;
}

.rdy-grid-guest .owl-dot.active {
    background-color: var(--purple-2) !important;
}

.rdy-grid-guest .owl-nav {
    display: flex;
    align-items: center;
    justify-content: end;
    margin-top: 24px;
    gap: 20px;
}

.rdy-grid-guest .owl-nav button {
    width: 50px;
    height: 50px;
    border-radius: 12px;
    background-color: var(--white) !important;
    box-shadow: 0 0 20px rgba(0, 0, 0, 10%);
    position: relative;
}

.rdy-grid-guest .owl-nav button span {
    display: none;
}

.rdy-grid-guest .owl-nav .owl-prev::before {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='16' viewBox='0 0 32 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.07129 15.0705C7.68086 15.461 7.04777 15.4608 6.65723 15.0705L0.292969 8.70628C-0.0975555 8.31575 -0.0975555 7.68274 0.292969 7.29222L6.65723 0.927958C7.04777 0.537732 7.68086 0.537533 8.07129 0.927958C8.46171 1.31838 8.46152 1.95147 8.07129 2.34202L3.41406 6.99925L31 6.99925C31.5523 6.99925 32 7.44696 32 7.99925C32 8.55153 31.5523 8.99925 31 8.99925L3.41406 8.99925L8.07129 13.6565C8.46152 14.047 8.46171 14.6801 8.07129 15.0705Z' fill='%234300A6'/%3E%3C/svg%3E%0A") !important;
    background-repeat: no-repeat !important;
    background-size: contain;
    width: 30px;
    height: 30px;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-position: center;
}

.rdy-grid-guest .owl-nav .owl-next::before {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='16' viewBox='0 0 32 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23.9287 0.929463C24.3191 0.539038 24.9522 0.539237 25.3428 0.929463L31.707 7.29372C32.0976 7.68425 32.0976 8.31726 31.707 8.70778L25.3428 15.072C24.9522 15.4623 24.3191 15.4625 23.9287 15.072C23.5383 14.6816 23.5385 14.0485 23.9287 13.658L28.5859 9.00075H1C0.447715 9.00075 0 8.55304 0 8.00075C0 7.44847 0.447715 7.00075 1 7.00075H28.5859L23.9287 2.34353C23.5385 1.95298 23.5383 1.31989 23.9287 0.929463Z' fill='%234300A6'/%3E%3C/svg%3E%0A") !important;
    background-repeat: no-repeat !important;
    background-size: contain;
    width: 30px;
    height: 30px;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-position: center;
}

.guest-box-iconalt {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 130px;
    height: 130px;
    z-index: 0;
}

.guest-box-iconalt img {
    filter: contrast(0.9);
    width: 100%;
    height: 100%;
}

/* faq start */
.edy-faq {
    background-color: var(--purple-bg-light);
    display: flex;
    flex-direction: column;
    gap: 25px;
    border-radius: 16px;
    padding: 40px;
}

.edy-faq-wrapper {
    border-radius: 12px;
    background-color: var(--white);
    padding: 20px;
}

.faq-head {
    display: flex;
    align-items: center;
    justify-content: space-between;

    cursor: pointer;
}

.faq-head .faq-head-title {
    color: var(--black);
    font-weight: 700;
    transition: all 0.2s ease-in-out;
    font-size: var(--font-h1);
}

.faq-icon svg {
    fill: var(--black);
    transition: all 0.5s ease-in-out;
    transform: rotate(180deg);
}

.faq-des {
    margin-top: 10px;
    display: none;
}

.edy-faq-wrapper.open .faq-des {
    display: block;
}

.edy-faq-wrapper.open .faq-head .faq-head-title {
    color: var(--purple-2);
}

.edy-faq-wrapper.open .faq-icon svg {
    transform: rotate(0deg);
}

.faq-des p {
    color: var(--black-2);
    font-size: var(--font-h3);
    font-weight: 400;
    line-height: 1.4;
}

/* faq end */
/* rdy-action start */

.rdy-action-bg {
    background-color: var(--purple-2);
    overflow: hidden;
    border-radius: 16px;
}

.rdy-btn-wraper .action-text {
    font-size: var(--font-h3);
    font-weight: 300;
    line-height: 1.8;
    margin-bottom: 20px;
}

.rdy-action-bg .hero-app {
    margin: 80px 0px -100px;
    display: flex;
    align-items: flex-end;
    position: relative;
}

.actionalt-icon {
    margin-bottom: 56px;
    width: 98px;
}

.rdy-wrapper.rdy-action-bg {
    max-height: unset;
    min-height: unset;
}

.rdy-action-bg .hero-app img {
    width: 100%;
}

.hero-block .radefyalt-logo {
    width: 120px;
    margin-bottom: 20px;
    display: block;
}

.rdy-ecs,
.rdy-gallery {
    padding: 50px 20px;
}

.rdy-tcyprsef {
    padding-bottom: 0px;
    margin-bottom: -30px;
}

.rdy-action-bg .rdy-btn-wraper {
    margin-top: 50px;
}

.social-desktop {
    display: flex;
}

.mobile-social {
    display: none;
}

/* rdy-action end */
.resources-wrapper {
    height: 100%;
}

.resources-wrapper .hero-block h1 {
    color: var(--purple-2);
}

.hero-search {
    position: relative;
}

.search-icon {
    position: absolute;
}

/* .resources-wrapper .hero-block{
    grid-column: span 2;
} */
.hero-block-wrapper {
    display: flex;
    flex-direction: column;
    gap: 20px;
    max-width: 646px;
    width: 100%;
}

.hero-search .searchbar {
    border-radius: 10px;
    padding: 15px 20px 15px 36px;
    outline: 0;
    border: 0;
    width: 100%;
    font-size: 16px;
    color: var(--grey-dark);
    font-weight: 500;
    background-color: var(--white);
}

.search-icon {
    position: absolute;
    z-index: 2;
    top: 14px;
    left: 12px;
}

.search-icon svg {
    fill: var(--purple-2);
}

.rdy-resources-wrap {
    max-width: 546px;
}

.rdy-resources-wrap p {
    color: var(--black-2);
    margin: 0;
    line-height: 1.7;
}

.card-wrapper {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

.rdyqs-col {
    padding: 20px;
    border-radius: 16px;
    background-color: var(--purple-bg-light);
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.rdyqs-icon {
    width: 36px;
    height: 36px;
    border-radius: 6px;
    background-color: var(--purple-2);
    display: flex;
    align-items: center;
    justify-content: center;
}

.rdyqs-icon img {
    width: 20px;
    height: 20px;
}

.card-title {
    font-size: var(--text-20px);
    color: var(--raisinblack);
    font-weight: 600;
}

.card-subtitle {
    color: var(--black-2);
    font-weight: 500;
    font-size: var(--font-h3);
}

/* resource */
.resources-wrapper .rdy-service {
    background-color: var(--cultur);
    border-radius: 16px;
    overflow: hidden;
}

.resources-wrapper .rdy-service::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg,
        rgba(242, 242, 242, 1) 35%,
        rgb(242 242 242 / 0%) 100%);
    z-index: 1;
}

.resources-wrapper .hero-bg img {
    object-fit: none;
    object-position: right;
}

.resources-col {
    display: flex;
    flex-direction: column;
    justify-content: end;
    align-items: end;
    height: 100%;
}

.resources-card {
    max-width: 412px;
    min-width: 412px;
    margin-bottom: 26px;
}

.resources-card .res-carone:first-child {
    margin-bottom: 42px;
    margin-left: auto;
}

.res-carone {
    padding: 20px;
    display: flex;
    align-items: center;
    gap: 12px;
    background-color: var(--white);
    border-radius: 10px;
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    max-width: 289px;
    width: 100%;
}

.res-icon {
    flex-shrink: 0;
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--primary-purple);
    box-shadow: 4px 4px 10px rgba(54, 1, 137, 24%);
    border-radius: 8px;
}

.res-icon img {
    width: 20px;
    height: 20px;
}

.res-title {
    font-size: var(--font-h3);
    font-weight: 500;
    color: var(--grey-dark);
}

.card-gallery {
    background-color: var(--grey-bg);
    padding: 60px;
    border-radius: 16px;
    display: flex;
    flex-wrap: wrap;
}

.card-tabs-wrapper {
    width: 33.33%;
    padding: 0px 15px;
}

.card-video {
    width: 66.67%;
    padding: 0px 15px;
}

.w-full {
    width: 100%;
    padding: 0px 15px;
}

.card-gallery .rdy-head-title {
    margin-bottom: 40px;
}

.card-tabs-list {
    display: flex;
    flex-direction: column;
    gap: 20px;
    max-height: 530px;
    overflow-y: auto;
}

.tabs-title {
    font-weight: 600;
    font-size: var(--text-20px);
    margin-bottom: 20px;
    color: var(--raisinblack);
}

.card-tab {
    padding: 10px;
    border-radius: 16px;
    background-color: var(--white);
    box-shadow: 4px 4px 20px rgba(0, 0, 0, 5%);
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
}

.tab-img {
    max-width: 120px;
    max-height: 67px;
    flex-shrink: 0;
    border-radius: 8px;
    overflow: hidden;
}

.tab-img img {
    width: 100%;
    height: 100%;
}

.tab-wrapper {
    display: flex;
    gap: 12px;
    flex-direction: column;
}

.tab-title {
    font-size: var(--font-h3);
    font-weight: 400;
    color: var(--black-2);
}

.tab-time {
    font-size: var(--font-h3);
    font-weight: 700;
    color: var(--black-2);
}

/*  */
.video-wrapper {
    position: relative;
    max-width: 100%;
    max-height: 460px;
    min-height: 460px;
    height: 100%;
    margin: 44px auto;
    border-radius: 16px;
    overflow: hidden;
    z-index: 0;
}

.video-poster {
    display: block;
    width: 100%;
    cursor: pointer;
    max-height: 460px;
    min-height: 460px;
    height: 100%;
}

.play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 5;
    cursor: pointer;
}

.video-wrapper video {
    display: none;
    width: 100%;
    height: auto;
}

.card-video {
    display: block;
}

/* ========== */
.video-modal {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 9999;
    background: rgb(0 0 0 / 20%);
    justify-content: center;
    align-items: center;
    padding: 0px;
}

.video-modal.active {
    display: flex;
}

.modal-content {
    position: relative;
    width: 100%;
    max-width: 376px;
    background-color: var(--white);
    border-radius: 12px;
    overflow: hidden;
    min-height: 258px;
    max-height: 258px;
    padding: 10px 17px 15px;
}

.modalview-title {
    color: var(--black-2);
    font-size: var(--font-h4);
    font-weight: 400;
}

.modalview-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 10px;
}

.modal-content video {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 6px;
    max-height: 192px;
    height: 100%;
}

.modal-close {
    z-index: 1000;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--grey-bg);
    border-radius: 50px;
}

.modal-close svg {
    width: 10px;
    height: 10px;
    fill: #4300a6;
}

.modal-overlay {
    position: absolute;
    inset: 0;
    cursor: pointer;
}

/* service-gea */
.service-ecos,
.hero-hesw .rdy-service,
.rdefy-partner {
    position: relative;
    border-radius: 16px;
    overflow: hidden;
}

.service-ecos::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 45%;
    height: 100%;
    background: linear-gradient(89deg, rgb(0 0 0) 22%, rgba(0, 0, 0, 0) 94%);
    z-index: 1;
}

.gea-hero-wrap {
    position: relative;
}

.gea-hero-img {
    position: absolute;
    bottom: -60px;
    left: -80px;
    width: 100%;
    max-width: 410px;
}

.service-gea .hero-block {
    max-width: 520px;
}

.gea-hero-img img {
    width: 100%;
    height: 100%;
}

.hero-hesw .rdy-service {
    background-color: var(--grey-bg);
}

.hero-hesw .rdy-service .hero-block h1 {
    color: var(--black);
    text-transform: uppercase;
}

.hero-hesw .rdy-service .hero-app {
    max-width: 412px;
    margin: 0 auto;
}

.hero-hesw .rdy-service .hero-btn {
    background-color: var(--purple-2);
    color: var(--white);
}

.hero-hesw .rdy-service .hero-text {
    color: var(--black);
}

.rdy-pattern {
    position: relative;
    display: flex;
    flex-direction: row;
    gap: 30px;
    align-items: end;
}

.radefv {
    position: absolute;
    bottom: -56px;
    right: -100px;
}

.hospitality-wrapper {
    background: linear-gradient(160deg,
        rgba(182, 149, 232, 1) 0%,
        rgba(162, 149, 186, 1) 100%);
    border-radius: 22px;
    padding: 12px;
    margin: 20px;
    outline: 1px solid var(--palelavender);
    outline-offset: 12px;
    position: relative;
    z-index: 3;
}

.hospitality-inner {
    background: linear-gradient(160deg,
        rgba(118, 68, 191, 1) 0%,
        rgba(67, 0, 166, 1) 100%);
    padding: 30px 20px;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 20px;
    text-align: center;
}

.hospitality-icon {
    width: 50px;
    height: 50px;
    border-radius: 12px;
    outline: 1px solid var(--white);
    outline-offset: 6px;
    background-color: var(--white);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}

.hospitality-title {
    font-size: var(--font-h1);
    color: var(--white);
    font-weight: 700;
    max-width: 372px;
    margin: 0 auto;
}

.hospitality-title span {
    text-transform: uppercase;
}

.eco-hesw .rdy-cra-pattern .ecs-head-text {
    max-width: 566px;
    align-items: start;
}

.rdy-cra-pattern .rdy-fai .rdy-image-wrapper img {
    min-height: 608px;
}

.rdy-cra-pattern .rdy-image-wrapper {
    position: relative;
}

.rdy-cra-pattern .rdy-image-wrapper::before {
    content: "";
    width: 120px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0px;
    background: linear-gradient(270deg,
        rgba(248, 248, 248, 0) 0%,
        rgba(248, 248, 248, 1) 100%);
}

/* service-gea-end */

/* footer start */

.rdy-footer .footer-grid {
    background-color: var(--black-2);
    border-top-left-radius: var(--font-h3);
    border-top-right-radius: var(--font-h3);
    padding: 40px;
}

.footer-grid {
    display: flex;
    justify-content: space-between;
}

.footer-40 {
    max-width: 352px;
    width: 100%;
}

.footer-60 {
    display: grid;
    flex-direction: row;
    grid-template-columns: repeat(6, auto);
    gap: 25px;
    max-width: 892px;
    width: 100%;
}

.footer-about .logo {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 1.5rem;
    font-weight: bold;
    margin-bottom: 10px;
}

.social-icons img {
    width: var(--font-h2);
    height: var(--font-h2);
}

.copyright {
    margin-top: 5px;
}

.footer-about .copyright p {
    color: var(--white);
    font-size: var(--font-h5);
    font-weight: 600;
    margin: 0;
}

.copyright p {
    color: var(--white);
    font-size: var(--font-h5);
    font-weight: 700;
}

.footer-about p {
    font-size: var(--font-h5);
    line-height: 1.6;
    margin-bottom: 15px;
    color: var(--white);
}

.social-icons a {
    margin-right: 10px;
    display: inline-block;
}

.footer-column h4 {
    font-size: var(--font-h4);
    border-bottom: 1px solid var(--light-silver);
    padding-bottom: 6px;
    color: var(--white);
    opacity: 0.8;
}

.footer-column h4 a.title-cta {
    color: var(--white);
}

.footer-column ul {
    list-style: none;
    padding: 0;
    margin: 20px 0px 0px;
}

.footer-column ul li {
    margin-bottom: 4px;
}

.footer-column ul li:last-child {
    margin-bottom: 0px;
}

.footer-about .logo img {
    width: 116px;
}

.footer-column ul li a {
    color: var(--white);
    text-decoration: none;
    font-size: var(--font-h5);
    letter-spacing: -0.41px;
}

.footer-column ul li a:hover {
    text-decoration: underline;
}

/* footer end */
/* partner-start */
.partners-wrap .service-ecos::before {
    background: linear-gradient(90deg,
        rgba(232, 233, 235, 1) 46%,
        rgba(232, 233, 235, 0) 100%);
    width: 50%;
}

.radefy-logo {
    max-width: 163px;
    margin-bottom: 20px;
}

.partners-wrap .hero-block {
    max-width: 100%;
}

.partners-wrap .hero-block h1 {
    color: var(--black);
}

.partners-wrap .hero-btn {
    background-color: var(--purple-2);
    color: var(--white);
}

.rdy-frp .hero-btn {
    min-width: 210px;
    text-align: center;
}

.partners-wrap .hero-text {
    color: var(--black);
}

.partners-ecs .ecs-left {
    order: 2;
    grid-template-columns: repeat(2, 1fr);
    max-width: 660px;
    margin-left: auto;
    padding-right: 0px;
    gap: 43px;
}

.partners-ecs .ecs-right {
    order: 1;
}

.rdefy-partner .rdy-head-title {
    margin-bottom: 40px;
}

.rdefy-partner {
    padding: 60px;
}

.rdefy-partner-wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 60px;
}

.rdefy-partner-card {
    position: relative;
}

.partner-card-icon {
    max-width: 90px;
    max-height: 90px;
    margin-bottom: 20px;
}

.partner-card-icon img {
    width: 100%;
    height: 100%;
}

.partner-card-title {
    font-size: var(--font-h1);
    font-weight: 700;
    color: var(--black-2);
    margin-bottom: 8px;
}

.partner-card-subtitle {
    color: var(--black-2);
    font-size: var(--font-h3);
    font-weight: 400;
}

.edy-hwts .rdefy-partner-wrapper {
    gap: 20px;
}

.edy-hwts .partner-card-icon {
    width: 36px;
    height: 36px;
    border-radius: 6px;
    padding: 8px;
    background-color: var(--purple-2);
    margin-bottom: 0px;
}

.edy-hwts .rdefy-partner {
    padding: 40px;
}

.edy-hwts .rdy-head-title {
    margin-bottom: 30px;
}

.edy-hwts .rdefy-partner-card {
    border-radius: 16px;
    background-color: #fff;
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.edy-hwts .partner-card-title {
    color: var(--raisinblack);
    font-size: var(--text-20px);
    margin-bottom: 0px;
}

.rdy-frp .service-ecos::before {
    width: 70%;
}

.rdy-alpd {
    font-size: var(--font-h3);
    color: var(--black);
    font-weight: 400;
    margin-top: 16px;
}

.rdy-alpd a {
    color: var(--rich-electricblue);
    font-weight: 600;
}

.rdy-frp .hero-bg img {
    width: 1410px;
    object-position: right;
    height: 640px;
    object-fit: contain;
}

.pricing-head {
    display: flex;
    flex-direction: column;
    gap: 30px;
    position: sticky;
    left: 0;
    top: 0px;
    background-color: var(--white);
    z-index: 2;
    padding: 30px 0px;
}

.pricing-wrapper {
    display: flex;
    flex-direction: column;
}

.rdy-tiers .ecs-title {
    margin-bottom: 8px;
}

.pricing-head-col {
    display: flex;
    align-items: center;
    gap: 20px;
}

.pricing-blank {
    width: 25%;
}

.pricing-head-wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px 20px;
    align-items: center;
    width: 75%;
}

.pricing-card {
    border-radius: 16px;
    text-align: center;
    padding: 18px 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    min-height: 64px;
}

.pricing-card-btn {
    font-size: var(--font-h1);
    font-weight: 700;
    color: #000;
    color: var(--purple-2);
    text-transform: uppercase;
}

.pricing-text {
    color: var(--primary-purple);
    font-size: var(--font-h2);
    font-weight: 700;
}

.cardtext {
    font-size: var(--font-h3);
    font-weight: 700;
    color: var(--black);
}

.pricing-features .pricing-text {
    font-weight: 600;
    color: var(--black);
    font-size: var(--font-h3);
}

.pricing-features .pricing-head-wrapper .pricing-card {
    border-radius: 0px;
}

.pricing-features .pricing-head-col:first-child .pricing-head-wrapper .pricing-card {
    border-radius: 16px 16px 0px 0px;
}

.pricing-features .pricing-head-col:last-child .pricing-head-wrapper .pricing-card {
    border-radius: 0px 0px 16px 16px;
}

#cau-form-signin .cau-pass-field {
    position: relative;
}

#cau-form-signin .cau-pass-field .cau-toggle-pass {
    position: absolute;
    right: 10px;
    top: 13px;
    cursor: pointer;

}

.authSection .flex-warp .flex-right .form-col #cau-messages {
    color: #f44336e8;
}

#cau-form-create-pass .cau-pass-field {
    position: relative;
}

#cau-form-create-pass .cau-pass-field .cau-toggle-pass {
    position: absolute;
    right: 10px;
    top: 13px;
}

#pau-form-signin .pau-pass-field {
    position: relative;
}

#pau-form-signin .pau-pass-field .pau-toggle-pass {
    position: absolute;
    right: 10px;
    top: 13px;
}

#pau-form-create-pass .pau-pass-field {
    position: relative;
}

#pau-form-create-pass .pau-pass-field .pau-toggle-pass {
    position: absolute;
    right: 10px;
    top: 13px;
}
.authSection .flex-warp .flex-right .form-col #partner-messages {
    color: #f44336e8;
}

/* ================ */
.pricing-wrap {
    width: 36px;
    height: 36px;
    border: 1px solid var(--grey-mid);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}

.pricing-check {
    width: 24px;
    height: 24px;
    background-color: #4b00b5;
    border-radius: 50%;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.pricing-contact .pricing-card {
    padding: 0px 24px;
}

.pricing-check svg {
    width: 14px;
    height: 12px;
    fill: var(--white);
}

.pricing-card a {
    font-size: var(--font-h3);
    font-weight: 700;
    background-color: var(--purple-2);
    border-radius: 10px;
    color: var(--white);
    padding: 18px;
}

.pricing-contact {
    margin-top: 30px;
}

.pricing-arrow svg,
.pricing-arrow,
.pricing-head-hide .pricing-card-btn {
    display: none;
}

.smart-access .card p a {
    color: var(--Munsell);
    text-align: center;
    display: block;
}

.sgea-dswy .ecs-count-wrapper:nth-child(2) {
    margin-bottom: 60px;
}

.sgea-dswy .ecs-count-wrapper:nth-child(3) {
    margin-bottom: 30px;
}

/* animation slider */
.rdy-slider {
    padding: 100px 0px;
}

.marquee-wrapper {
    overflow: hidden;
    width: 100%;
}

.marquee-inner {
    display: flex;
}

.marquee-inner .ratio {
    flex-shrink: 0;
    margin-right: 40px;
    width: clamp(200px, 5vw, 100px);
    object-fit: cover;
    overflow: hidden;
    cursor: pointer;
}

.marquee-inner .ratio img {
    object-fit: cover;
    transition: all 0.5s;
}

body.custom-login {
    padding-top: 0 !important;
}

.authSection {
    padding: 20px;
    min-height: calc(100vh + 80px);
}

.authSection .container {
    padding: 0;
    height: 100%;
}

.authSection .flex-warp {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.authSection .flex-warp .authLogoHold {
    max-width: 571px;
    text-align: left;
    margin: 0 auto;
    width: 100%;
}

.authSection .flex-warp .flex-left {
    background: var(--purple-bg-light);
    border-radius: 20px;
    width: 100%;
    max-width: 808px;
    height: 100%;
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    padding-bottom: 50px;
    padding-left: 20px;
    padding-right: 20px;
    min-height: calc(100vh + 40px);
}

.authSection .flex-warp .flex-left .about-col {
    max-width: 571px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-bottom: 51px;
    margin: 0 auto;
}

.authSection .flex-warp .flex-left h1 {
    padding-bottom: 30px;
    padding-top: 30px;
    font-weight: 700;
    font-size: var(--h1-main);
    line-height: 50px;
    text-transform: capitalize;
    color: var(--black);
    margin: 0 auto;
    max-width: 571px;
}

.authSection .flex-warp .flex-left h1 span {
    color: var(--purple-2);
}

.authSection .flex-warp .flex-left .about-col .aboutMain {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 20px;
    border-radius: 20px;
    background: var(--white);
    margin-bottom: 20px;
}

.authSection .flex-warp .flex-left .about-col .aboutActions {
    display: none;
}

.authSection .flex-warp .flex-left .about-col .aboutMain .icon-hold {
    width: 36px;
    height: 36px;
    min-width: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--purple-2);
    border-radius: 6px;
}

.authSection .flex-warp .flex-left .about-col .aboutMain .icon-hold img {
    width: 20px;
    height: 20px;
}

.authSection .flex-warp .flex-left .about-col .aboutMain p {
    font-weight: 500;
    font-size: 16px;
    line-height: 18px;
    color: var(--black);
}

.authSection .flex-warp .flex-right {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 600px;
}

.authSection .flex-warp .flex-right .form-col {
    width: 100%;
    max-width: 335px;
}

.authSection .flex-warp .flex-right .form-col h2 {
    font-size: var(--h2-main);
    font-weight: 700;
    line-height: 100%;
    text-transform: capitalize;
    color: var(--purple-2);
    margin-bottom: 30px;
}

.authSection .flex-warp .flex-right .form-col h2 span {
    color: #000;
    font-weight: 700;
    font-size: 22px;
    line-height: 100%;
    letter-spacing: -2.2%;
    display: block;
}

.authSection .flex-warp .flex-right form .remember-wrap {
    width: 100%;
}

.authSection .flex-warp .flex-right form .remember-wrap label {
    display: inline-flex;
    gap: 10px;
    cursor: pointer;
}

.authSection .flex-warp .flex-right form .remember-wrap label input {
    width: auto;
    accent-color: var(--purple-2);
}

.authSection .flex-warp .flex-right input {
    background: #ffffff;
    border: 1px solid #bebebe;
    border-radius: 10px;
    padding: 17px 20px;
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    color: #878787;
    font-family: var(--inter);
    width: 100%;
}

.authSection .flex-warp .flex-right form {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 16px;
}

.authSection .flex-warp .flex-right form .cau-otp-row {
    display: grid;
    gap: 8px;
    grid-template-columns: repeat(6, 1fr);
}

.authSection .flex-warp .flex-right form .cau-otp-row input {
    padding: 10px;
    min-height: 56px;
    text-align: center;
}

.authSection .flex-warp .flex-right .cau-primary {
    background-color: #434343;
    border: 1px solid #434343;
    width: 100%;
    padding: 18px 16px;
    border-radius: 10px;
    color: #fff;
    font-family: var(--inter);
    font-weight: 600;
    font-size: 16px;
    line-height: 18px;
    letter-spacing: 0px;
    cursor: pointer;
    background-image: url("../images/insert-alt.svg");
    background-repeat: no-repeat;
    background-position: center left 16px;
}

.authSection .flex-warp .flex-right .cau-primary:hover {
    background-color: #2e2e2e;
}

.authSection .flex-warp .flex-right .cau-text {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.authSection .flex-warp .flex-right .cau-text p {
    text-align: center;
    font-family: var(--inter);
    font-weight: 500;
    font-size: 16px;
    line-height: 18px;
    margin-bottom: 0;
    color: #000000;
}

.authSection .flex-warp .flex-right .cau-text p a {
    color: #4300a6;
    text-decoration: underline;
    font-weight: 700;
    text-underline-offset: 2px;
}

.authSection .flex-warp .flex-right .cau-text p.cau-radefy {
    color: #878787;
}

.authSection .flex-warp .flex-right .cau-text p.cau-radefy span {
    font-weight: 600;
}

.authSection .flex-warp .flex-right .signup-text {
    margin-bottom: 20px;
}

.show123 {
    display: block !important;
}

.hide123 {
    display: none !important;
}

#mini-cart-sidebar .mini-cart-content {
    position: relative;
}

.loader-wrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #ffffff65;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9;
    backdrop-filter: blur(3px);
}

.cart-loader {
    display: inline-block;
    width: 30px;
    height: 30px;
    color: inherit;
    vertical-align: middle;
    pointer-events: none;
    border: 4px solid #581cb0;
    border-bottom-color: transparent;
    border-radius: 50%;
    -webkit-animation: 1s cart-loader linear infinite;
    animation: 1s cart-loader linear infinite;
    position: relative;
}

.single_add_to_cart_button.btn_add_cart_load,
.plan-section .plan-card .bottom-part .cptwooint-cart-btn-wrapper a {
    position: relative;
    padding-right: 40px !important;
}

.single_add_to_cart_button.btn_add_cart_load::before,
.plan-section .plan-card .bottom-part .cptwooint-cart-btn-wrapper a.btn_add_cart_load:before {
    content: "";
    width: 15px;
    height: 15px;
    border-radius: 50%;
    right: 14px;
    top: 50%;
    position: absolute;
    border: 2px solid #ffffff54;
    border-right: 3px solid white;
    margin: -8px 5px 0 0;
    animation: rotate360 1s infinite linear;
}

.single_add_to_cart_button.btn_add_cart_load::after,
.plan-section .plan-card .bottom-part .cptwooint-cart-btn-wrapper a.btn_add_cart_load:after {
    content: "";
    /* position: absolute;
    right: 11px;
    top: 45%;
    width: 20px;
    height: 20px;
    box-shadow: 0px 0px 0 1px #4300a6;
    position: absolute;
    border-radius: 50%;
    margin: -8px 5px 0 0;
    animation: rotate360 1s infinite linear; */
}

.cau-primary.btn_add_cart_load {
    position: relative;
    padding-right: 40px !important;
}

.cau-primary.btn_add_cart_load:before {
    content: "";
    width: 20px;
    height: 20px;
    border-radius: 50%;
    right: 14px;
    top: 50%;
    position: absolute;
    border: 2px solid #ffffff54;
    border-right: 3px solid white;
    margin: -8px 5px 0 0;
    animation: rotate360 1s infinite linear;
}

.cau-primary.btn_add_cart_load:after {
    content: "";
    /*  position: absolute;
      right: 14px;
      top: 50%;
      width: 15px;
      height: 15px;
      box-shadow: 0px 0px 0 1px #4300a6;
      position: absolute;
      border-radius: 50%;
      margin: -8px 5px 0 0;
      animation: rotate360 1s infinite linear;*/
}

body .product-detail-section .flex-wrap .single_add_to_cart_button.btn_add_cart_load:after {
    /* display: inline-flex;
    gap: 20px;
    align-items: center;
    justify-content: center;
    position: static; */
}

body .product-detail-section .flex-wrap .single_add_to_cart_button.btn_add_cart_load {
    position: relative;
    max-width: 180px !important;
    width: 100%;
}

.plan-section .plan-card .bottom-part .cptwooint-cart-btn-wrapper a {
    padding-right: 13px !important;
}

.product-detail-section .added-message {
    display: flex;
    flex-direction: column;
    margin-left: 0;
    gap: 20px;
    font-weight: bold;
}

.product-detail-section .added-message span {
    background-color: #0080001a;
    padding: 7px 15px;
    color: green;
    font-size: 15px;
    font-weight: 400;
}

.product-detail-section .added-message a {
    background-color: var(--purple-2);
    color: var(--white);
    border: 1px solid var(--purple-2);
    padding: 14px 20px;
    width: fit-content;
    text-align: center;
    border-radius: 10px;
    font-size: 16px;
}

@keyframes rotate360 {
    100% {
        transform: rotate(360deg);
    }
}

@keyframes cart-loader {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.page-template-build_your_ecosystem .slider-val {
    position: absolute;
    transform: translateX(-50%);
    top: -40px;
    font-size: 62px;
    color: var(--purple-2);
    white-space: nowrap;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.page-template-build_your_ecosystem .slider-val span {
    font-family: Inter;
    font-weight: 700;
    font-size: 16px;
    color: #000;
}

#wpforms-17-field_39-container .wpforms-layout-row {
    align-items: center;
}

#wpforms-17-field_39-container .wpforms-layout-row #wpforms-17-field_41-container {
    padding: 70px 0 !important;
}

#wpforms-17-field_39-container .wpforms-layout-row .slider-val {
    top: -60px;
}

.subscription-modal {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.6);
    z-index: 9999;
}

.subscription-modal .subscription-header{
    display: flex;
    align-items: center;
    padding: 20px;
    justify-content: space-between;
    background-color: var(--purple-2);
    border-radius: 10px 10px 0 0;
}

.subscription-modal .subscription-data{
    padding: 20px;
}

.subscription-modal .subscription-data > div{
    margin-bottom: 15px;
}

.subscription-modal .subscription-modal-content {
    background: #fff;
    width: 500px;
    max-width: 90%;
    margin: 10% auto;
    border-radius: 10px;
    position: relative;
}

.subscription-modal .subscription-modal-content h3 {
    margin-top: 0;
    color: white;
    font-size: 20px;
}

.subscription-modal .subscription-modal-content label {
    display: block;
    font-size: 16px;
    color: black;
}

.subscription-modal .subscription-modal-content input {
    width: 100%;
    padding: 10px 15px;
    margin-top: 5px;
    border: 1px solid #e5e5e5;
    border-radius: 10px;
    font-size: 14px;
    color: black;
    background: var(--grey-bg);
}

.subscription-modal .close-popup {
    position: absolute;
    right: 20px;
    top: 12px;
    font-size: 28px;
    cursor: pointer;
    color: white;
}

.subscription-modal .pay-now-btn {
    width: 100%;
    border-radius: 10px;
    background-color: var(--purple-2);
    border: 1px solid var(--purple-2);
    padding: 15px 22px;
    display: inline-block;
    font-weight: 700;
    font-size: var(--font-h3);
    cursor: pointer;
    color: white;
}

.subscription-modal .pay-now-btn:hover{
    background-color: white;
    color: var(--purple-2);
}

body.popup-load{
    overflow: hidden;
}
/* Overlay background */
.confirm-popup-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.55);
    z-index: 9998;
}

/* Popup container */
.confirm-popup {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 420px;
    max-width: 92%;
    background: #ffffff;
    border-radius: 12px;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.25);
    z-index: 9999;
    animation: popupFadeIn 0.25s ease-out;
}

/* Header */
.confirm-popup h3 {
    margin: 0;
    padding: 16px 20px;
    background: var(--purple-2); /* purple */
    color: #ffffff;
    font-size: 18px;
    font-weight: 600;
    border-radius: 12px 12px 0 0;
}

/* Content */
.confirm-popup .popup-body {
    padding: 18px 20px;
}

.confirm-popup .popup-body p {
    margin: 8px 0;
    font-size: 14px;
    color: #333;
    display: flex;
    justify-content: space-between;
}

.confirm-popup .popup-body p strong {
    font-weight: 600;
}

/* Highlight total */
.confirm-popup .popup-body .total {
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid #eee;
    font-size: 16px;
    font-weight: 700;
}

/* Actions */
.confirm-popup .actions {
    display: flex;
    gap: 10px;
    padding: 16px 20px;
    border-top: 1px solid #eee;
}

.confirm-popup .actions button {
    flex: 1;
    padding: 10px 14px;
    cursor: pointer;
    border: none;
    transition: background 0.2s ease, opacity 0.2s ease;
    border-radius: 10px;
    background-color: var(--purple-2);
    border: 1px solid var(--purple-2);
    font-weight: 700;
    font-size: var(--font-h3);
    color: white;
}

.confirm-popup .actions button:hover{
    background-color: white;
    color: var(--purple-2);
}

/* Cancel button */
.confirm-popup .actions .cancel-btn, .confirm-popup .actions button#cancel-confirm {
    background: #e5e5e5;
    border: 1px solid #e5e5e5;
    color: #333;
}

.confirm-popup .actions .cancel-btn:hover, .confirm-popup .actions button#cancel-confirm:hover {
    background: #d6d6d6;
}

/* Confirm button */
.confirm-popup .actions .confirm-btn {
    background: #5b2ea6;
    color: #fff;
}

.confirm-popup .actions .confirm-btn:hover {
    background: #4a2590;
}

/* Disabled state */
.confirm-popup .actions button:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

/* Spinner */
.confirm-popup .spinner {
    width: 16px;
    height: 16px;
    border: 2px solid #fff;
    border-top-color: transparent;
    border-radius: 50%;
    display: inline-block;
    animation: spin 0.8s linear infinite;
    vertical-align: middle;
    margin-right: 6px;
}

.confirm-popup .popup-content{
    padding: 20px;
}

.confirm-popup .popup-content p{
    margin-bottom: 6px;
}

.confirm-popup .popup-content p:last-child{
    margin-bottom:0;
}

.subscription-view-back{
    margin-bottom: 10px;
    display: block;
}
.woocommerce-thankyou-order-received{
    margin-bottom: 20px;
}
/* Animations */
@keyframes popupFadeIn {
    from {
        opacity: 0;
        transform: translate(-50%, -45%);
    }
    to {
        opacity: 1;
        transform: translate(-50%, -50%);
    }
}

@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}

/* Mobile adjustments */
@media (max-width: 480px) {
    .confirm-popup {
        width: 95%;
    }

    .confirm-popup h3 {
        font-size: 16px;
    }
}

/* =========Media query */
/* media query */
@media only screen and (max-width: 1366px) {
    .ecs-count h5 {
        font-size: var(--text-60px);
    }

    .rdy-tech .rdy-wrappers {
        gap: 36px;
    }

    .rdy-grid-guest {
        grid-template-columns: repeat(3, 1fr);
        gap: 40px;
    }

    .edy-faq {
        padding: 30px;
    }
}

@media only screen and (max-width: 1199px) {
    .rdy-slider {
        padding: 40px 0px;
    }

    .marquee-inner .ratio {
        width: clamp(170px, 5vw, 100px);
    }

    .rdy-image-wrapper {
        height: unset;
    }

    .card-tabs-wrapper {
        width: 40%;
    }

    .card-video {
        width: 60%;
    }

    .video-wrapper,
    .video-poster {
        max-height: 380px;
        min-height: 380px;
    }

    .service-ecos::before {
        width: 50%;
    }

    .service-gea .hero-bg img {
        object-position: right;
    }

    .partners-ecs .ecs-left {
        gap: 24px;
    }

    .rdefy-partner,
    .edy-hwts .rdefy-partner {
        padding: 30px;
    }

    .rdefy-partner-wrapper {
        gap: 24px;
    }

    .rdy-frp .hero-bg img {
        width: 1100px;
        height: 550px;
    }
}

@media (max-width: 1100px) {
    .authSection {
        padding: 20px 20px;
        height: 100vh;
        min-height: 100vh;
    }

    .authSection .flex-warp {
        flex-direction: column;
        gap: 40px;
        justify-content: flex-start;
    }

    .authSection .flex-warp .flex-left {
        min-height: unset;
        height: auto;
        position: relative;
        z-index: 9;
    }

    .authSection .flex-warp .flex-left {
        max-width: 650px;
        padding-bottom: 10px;
    }

    .authSection .flex-warp .flex-left h1 {
        font-size: 30px;
        line-height: 40px;
        text-align: center;
    }

    .authSection .flex-warp .flex-right {
        height: 100%;
        position: fixed;
        top: auto;
        bottom: 50px;
        align-items: end;
        z-index: 0;
    }

    .authSection .flex-warp .flex-right .form-col h2 {
        font-size: 30px;
        line-height: 40px;
    }

    .authSection .flex-warp .flex-left .about-col {
        padding-bottom: 20px;
        padding-top: 20px;
        order: 1;
    }

    .authSection .flex-warp .authLogoHold {
        width: auto;
        padding-top: 20px;
    }

    .authSection .flex-warp .flex-right .form-col h2 {
        text-align: center;
    }

    .authSection .flex-warp .flex-left .about-col .about-box {
        display: none;
    }

    .authSection .flex-warp .flex-left .about-col .aboutActions {
        display: block;
        font-weight: 700;
        font-size: 12px;
        line-height: 100%;
        letter-spacing: 0px;
        text-align: center;
    }

    .authSection .flex-warp .flex-left .about-col .aboutActions a {
        color: var(--purple-2);
    }

    .authSection .flex-warp .flex-left .about-col .aboutActions a.show {
        display: block;
    }

    .authSection .flex-warp .flex-left .about-col .aboutActions a svg {
        margin-left: 10px;
    }

    .authSection .flex-warp .flex-left .about-col .aboutActions a.hide {
        display: none;
    }

    .authSection .flex-warp .flex-left .about-col .aboutActions span {
        display: inline-flex;
        gap: 10px;
        align-items: center;
    }
}

@media only screen and (max-width: 1024px) {
    .ecs-left .ecs-count-wrapper .ecs-count {
        height: 100%;
    }

    .rdy-ecs,
    .rdy-gallery {
        padding: 40px 0px;
    }

    .rdy-tcyprsef {
        padding-bottom: 0px;
        margin-bottom: -26px;
    }

    .rdy-action-bg.rdy-wrapper {
        grid-template-columns: repeat(1, 1fr);
        padding: 30px;
        max-height: 100%;
    }

    /* resources-start */
    .card-wrapper {
        grid-template-columns: repeat(3, 1fr);
    }

    /* resources-end */
    .actionalt-icon {
        margin-bottom: 26px;
    }

    .multiImage .rdy-wrappers {
        padding: 48px 35px 48px 0px;
    }

    .multiImage .rdy-stpe .rdy-innr-image {
        max-height: 180px;
        min-height: 180px;
    }

    .rdy-wrappers.rdy-fai .rdy-image-wrapper {
        min-height: unset !important;
    }
}

@media only screen and (max-width: 991px) {
    .rdy-container {
        flex-direction: column;
    }

    .ecs-left,
    .ecs-head-wrpper {
        width: 100%;
        padding: 0;
        align-items: start;
    }

    .ecs-count-wrapper {
        height: 100%;
    }

    .ecs-left {
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
    }

    .mobile-show,
    .text-wrapper,
    .ecs-left .ecs-count-wrapper.mobile-full {
        display: block;
        grid-column: span 2 / span 2;
    }

    .text-wrapper {
        padding: 0px 8px;
    }

    .desktop-show {
        display: none;
    }

    .text-wrapper {
        margin-bottom: 8px;
    }

    .ecs-left,
    .ecs-right {
        width: 100%;
    }

    .ecs-right {
        margin-top: 24px;
    }

    .cra-mobile,
    .mobile-social .copyright-desktop {
        display: block;
    }

    .cra-desktop {
        display: none;
    }

    .rdy-wrappers {
        flex-direction: column !important;
        padding: 30px;
        gap: 40px;
    }

    .rdy-tech .rdy-wrappers {
        flex-direction: column-reverse !important;
        flex-wrap: wrap;
    }

    .ecs-lefttcwrapper,
    .ecs-righttcwrapper,
    .rdy-image-wrapper,
    .ecs-head-wrpper {
        width: 100%;
        margin-top: 12px;
    }

    .ecs-head-text .ecs-subtitle {
        margin-bottom: 20px;
    }

    .ecs-head-text {
        min-width: 100%;
        max-width: 100%;
    }

    .paying-col {
        max-height: 100%;
    }

    .rdy-wrappers.rdy-fai .ecs-head-wrpper {
        padding: 30px !important;
    }

    .ecs-grid-wrapper {
        padding: 30px;
    }

    .rdy-crage {
        overflow: hidden !important;
        padding-right: 0px !important;
    }

    .rdy-grid-guest .owl-nav {
        margin-right: 16px;
    }

    .edy-faq {
        padding: 20px;
        gap: 20px;
    }

    .faq-head .faq-head-title {
        font-size: var(--font-h2);
    }

    .rdy-action-bg .hero-app {
        margin-bottom: -100px;
    }

    .actionalt-icon {
        position: absolute;
        left: -60px;
        width: 78px;
        top: -150px;
        margin-bottom: 0px !important;
        z-index: -1;
    }

    .actionalt-icon img,
    .rdy-action-bg .hero-app img {
        margin-top: 0px !important;
    }

    .rdy-action-bg .rdy-btn-wraper {
        margin-top: 30px;
    }

    .social-desktop,
    .copyright-desktop,
    .card-video {
        display: none;
    }

    .mobile-social,
    .mobile-social .social-desktop {
        display: flex !important;
    }

    .mobile-social {
        justify-content: space-between;
    }

    .rdy-footer .footer-grid {
        padding: 20px;
    }

    /* resources */
    .card-gallery {
        padding: 30px;
    }

    .resources-col {
        height: unset;
    }

    .card-tabs-wrapper,
    .card-video,
    .w-full {
        width: 100%;
        padding: 0px;
    }

    .resources-wrapper .rdy-service {
        grid-template-columns: repeat(1, 1fr);
    }

    .hero-block-wrapper {
        max-width: 100%;
    }

    .resources-card .res-carone:first-child {
        margin-bottom: 26px;
    }

    .res-carone {
        padding: 16px;
        max-width: 237px;
    }

    .res-icon {
        width: 30px;
        height: 30px;
    }

    .res-icon img {
        width: 16px;
        height: 16px;
    }

    .res-title {
        font-size: var(--font-h5);
    }

    .resources-wrapper .hero-bg img {
        object-fit: contain;
        object-position: center;
    }

    .gea-hero-img {
        left: 0;
    }

    .rdy-cra-pattern .rdy-image-wrapper::before {
        width: 100%;
        height: 60px;
        top: -1px;
        background: linear-gradient(0deg,
            rgba(248, 248, 248, 0) 0%,
            rgba(248, 248, 248, 1) 100%);
    }

    .partners-wrap .service-ecos::before {
        background: linear-gradient(180deg,
            rgba(232, 233, 235, 1) 46%,
            rgba(232, 233, 235, 0) 100%);
        width: 100%;
        height: 120px;
    }

    .partners-wrap .service-ecos::after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 170px;
        background: linear-gradient(1deg,
            rgba(232, 233, 235, 1) 32%,
            rgba(232, 233, 235, 0) 100%);
    }

    .partners-wrap .rdy-wrapper {
        grid-template-columns: repeat(1, 1fr);
    }

    .partners-ecs .ecs-left {
        max-width: 100%;
    }

    .partners-ecs .ecs-left .ecs-count-wrapper {
        grid-column: span 1 / span 2;
    }

    .partners-ecs .ecs-right {
        margin-top: 0px;
    }

    .partners-ecs .ecs-right,
    .partners-ecs .ecs-title,
    .rdefy-partner .rdy-head-title {
        margin-bottom: 24px;
    }

    .rdefy-partner-wrapper {
        grid-template-columns: repeat(1, 1fr);
    }

    .edy-hwts .rdefy-partner-wrapper {
        gap: 20px;
    }

    .edy-hwts .partner-card-icon {
        width: 36px;
        height: 36px;
        border-radius: 6px;
        padding: 8px;
        background-color: var(--purple-2);
        margin-bottom: 0px;
    }

    .edy-hwts .rdefy-partner {
        padding: 40px 0px 40px 40px;
    }

    .edy-hwts .rdy-head-title {
        margin-bottom: 30px;
    }

    .edy-hwts .rdefy-partner-card {
        border-radius: 16px;
        background-color: #fff;
        padding: 20px;
        display: flex;
        flex-direction: column;
        gap: 12px;
    }

    .edy-hwts .partner-card-title {
        color: var(--raisinblack);
        font-size: var(--text-20px);
        margin-bottom: 0px;
    }

    .rdy-frp .hero-bg img {
        width: 100%;
        height: 540px;
    }

    .multiImage .rdy-stpe .rdy-innr-image {
        max-height: 380px;
        min-height: unset;
    }

    .rdy-stpe .rdy-text {
        font-size: var(--font-h5);
    }

    /* footer */
    .footer-about {
        padding-right: 0px;
    }

    .footer-grid {
        flex-direction: column;
        gap: 40px 0px;
    }

    .footer-40,
    .footer-60 {
        width: 100%;
        flex-wrap: wrap;
        gap: 40px 0px;
        display: flex;
    }

    .footer-60 {
        margin: 0px -10px;
    }

    .footer-column {
        width: calc(100% / 2);
        padding: 0px 10px;
    }

    .pricing-card a {
        padding: 18px 15px;
    }

    .iframe-wrapper iframe {
        width: 100%;
        height: 100%;
        max-height: 192px;
        min-height: 192px;
        border-radius: 6px;
    }

    .sgea-dswy .ecs-count-wrapper:nth-child(2) {
        margin-bottom: 0px;
    }

    .sgea-dswy .ecs-count-wrapper:nth-child(3) {
        margin-bottom: 0px;
    }

    .multiImage .rdy-image-wrapper {
        grid-template-columns: repeat(1, 1fr);
    }

    .multiImage .rdy-wrappers {
        padding: 30px 0px 30px 30px;
    }

    .multiImage .ecs-head-wrpper {
        padding-right: 30px;
    }

    .rdy-stpe {
        max-height: 100%;
    }
}

#wpforms-17-field_24-container .wpforms-field-label,
#wpforms-17-field_62-container .wpforms-field-label {
    opacity: 0;
}

/* #wpforms-17-field_20-container {
  height: 250px;
} */

@media only screen and (max-width: 767px) {
    .authSection .flex-warp .flex-right .cau-text {
        gap: 15px;
    }

    .authSection .flex-warp .flex-left h1 {
        padding-top: 15px;
        padding-bottom: 15px;
        font-size: 22px;
    }

    .authSection .flex-warp .authLogoHold img {
        max-width: 94px;
        height: auto;
    }

    .authSection .flex-warp .flex-left {
        padding-bottom: 0px;
    }

    .authSection .flex-warp .flex-right {
        bottom: 20px;
        align-items: center;
        padding-top: 250px;
    }

    .authSection .flex-warp .flex-right .form-col h2 {
        margin-bottom: 15px;
    }

    .authSection {
        padding: 5px 20px;
    }

    .authSection .flex-warp .flex-left .about-col .aboutMain p {
        font-size: 14px;
    }

    .marquee-inner .ratio {
        margin-right: 20px;
        width: clamp(120px, 5vw, 100px);
    }

    .marquee-inner .ratio img {
        object-fit: contain;
        width: 100px;
        height: 50px;
    }

    .rdy-hero {
        padding: 30px 0px;
    }

    .multiImage,
    .rdy-pnpp {
        margin-top: -26px;
    }

    .ecs-lefttcwrapper,
    .ecs-righttcwrapper,
    .rdy-image-wrapper,
    .ecs-head-wrpper {
        margin-top: 0px;
    }

    .hero-block {
        min-height: 214px;
    }

    .rdy-wrapper {
        grid-template-columns: repeat(1, 1fr);
        padding: 20px;
        gap: 20px;
    }

    .hero-block h1 {
        font-size: var(--font-28);
    }

    .hero-block h1 span {
        font-size: var(--font-26);
    }

    .hero-text {
        font-size: var(--font-h4);
    }

    .hero-btn {
        padding: 12px 16px;
        font-size: var(--font-h5);
    }

    .hero-bg img {
        object-position: top center;
    }

    .rdy-service .hero-bg img {
        object-position: 59%;
    }

    .rdy-wrapper.rdy-service {
        min-height: 600px;
    }

    .hero-app {
        max-height: 400px;
        margin-right: auto;
        margin-left: unset;
    }

    /* ecs */
    .ecs-mobile {
        padding: 140px 16px 50px;
    }

    .ecs-count h5 {
        font-size: var(--text-52px);
    }

    .ecs-count p {
        font-size: var(--text-18px);
    }

    .ecs-grid-wrapper {
        padding: 20px;
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
    }

    .ecs-grid-wrapper .logo-item:nth-child(5),
    .ecs-grid-wrapper .logo-item:last-child {
        grid-column: span 2 / span 2;
    }

    .rdy-cra-wrapper .rdy-wrappers.rdy-fai .rdy-image-wrapper {
        max-height: 300px;
        min-height: 300px;
        height: 100%;
    }

    .rdy-wrappers {
        gap: 0;
    }

    .rdy-action-bg .rdy-btn-wraper {
        margin-top: 30px;
    }

    .rdy-action-bg.rdy-wrapper {
        display: flex;
        flex-direction: column;
    }

    .rdy-btn-wraper .action-text {
        margin-bottom: 30px;
    }

    .rdy-action-bg .hero-app {
        margin-bottom: -70px;
        max-height: 540px !important;
    }

    .actionalt-box img {
        min-width: 380px;
    }

    .rdyqs-col {
        padding: 20px 20px 30px;
    }

    .rdy-cra:has(.card-wrapper) {
        padding-right: 0px;
    }

    .resources-wrapper .rdy-wrapper {
        max-height: 600px;
        min-height: 600px;
    }

    .tab-title,
    .tab-time {
        font-size: var(--font-h4);
    }

    .card-gallery .rdy-head-title,
    .edy-hwts .rdy-head-title {
        margin-bottom: 24px;
    }

    .card-gallery,
    .edy-hwts .rdefy-partner {
        padding: 20px;
    }

    .tab-img {
        max-width: 108px;
        max-height: 60px;
    }

    .hero-search,
    .pricing-head-hide .pricing-card-btn,
    .pricing-head-hide .pricing-head-wrapper {
        display: none;
    }

    .resources-wrapper .rdy-service::before {
        background: linear-gradient(180deg,
            rgb(242 242 242) 67%,
            rgba(242, 242, 242, 0) 100%);
        height: 118px;
    }

    .resources-wrapper .rdy-service::after {
        content: "";
        bottom: 0;
        left: 0;
        position: absolute;
        width: 100%;
        height: 148px;
        background: linear-gradient(180deg,
            rgb(242 242 242) 67%,
            rgba(242, 242, 242, 0) 100%);
        z-index: 1;
    }

    .resources-wrapper .hero-bg img {
        object-fit: cover;
        object-position: center;
        width: 410px;
        height: 360px;
        margin-top: 80px;
    }

    .resources-wrapper .hero-block {
        min-height: 264px;
    }

    .resources-card {
        min-width: 100%;
        max-width: 100%;
    }

    .service-gea .hero-bg img {
        width: 560px;
        height: 550px;
    }

    .gea-hero-wrap {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 0;
    }

    .service-ecos::before {
        width: 100%;
        height: 38%;
        background: linear-gradient(182deg,
            rgb(0 0 0 / 86%) -17%,
            rgba(0, 0, 0, 0) 94%);
    }

    .service-ecos::after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 30%;
        background: linear-gradient(358deg,
            rgb(0 0 0 / 71%) 10%,
            rgba(0, 0, 0, 0) 94%);
    }

    .gea-hero-img {
        bottom: 0;
    }

    .hero-hesw .rdy-wrapper {
        gap: 0;
    }

    .hero-hesw .hero-block {
        min-height: 0px;
    }

    .hero-hesw .rdy-wrapper {
        max-height: unset;
        min-height: 600px;
    }

    .hero-hesw .rdy-service .hero-app {
        max-width: 302px;
        max-height: 337px;
    }

    .ecoblock {
        display: block;
    }

    .rdy-cra-pattern .rdy-wrappers.rdy-fai .rdy-image-wrapper {
        min-height: 324px;
        max-height: 324px;
    }

    .rdy-cra-pattern .ecs-head-text .ecs-subtitle {
        margin-bottom: 0;
    }

    .arroweco {
        position: absolute;
        top: -120px;
        right: -18px;
        transform: rotate(-15deg);
    }

    .rdy-cra-pattern .rdy-fai .rdy-image-wrapper img {
        min-height: 328px;
    }

    .partners-wrap .service-ecos::before {
        background: linear-gradient(180deg,
            rgba(232, 233, 235, 1) 46%,
            rgba(232, 233, 235, 0) 100%);
        width: 100%;
        height: 180px;
    }

    .partners-wrap .service-ecos::after {
        height: 240px;
        background: linear-gradient(1deg,
            rgba(232, 233, 235, 1) 42%,
            rgba(232, 233, 235, 0) 100%);
    }

    .service-gea .hero-bg img {
        width: 490px;
        height: 400px;
        margin-top: 60px;
    }

    .partners-ecs .ecs-left {
        grid-template-columns: repeat(1, 1fr);
    }

    .partner-card-icon {
        max-width: 60px;
        max-height: 60px;
    }

    .partner-card-title {
        font-size: var(--font-h3);
    }

    .partner-card-subtitle {
        font-size: var(--font-h4);
    }

    .edy-hwts .rdefy-partner-card {
        height: 100%;
        min-height: 233px;
        max-height: 233px;
    }

    .rdy-frp .service-ecos::before {
        height: 290px;
    }

    .rdy-alpd a {
        display: block;
    }

    .rdy-frp .hero-bg img {
        width: 440px;
        height: 570px;
    }

    .rdy-frp .service-ecos::after {
        height: 290px;
    }

    .pricing-head .pricing-head-col:first-child .pricing-head-wrapper,
    .pricing-head .pricing-head-col:first-child .pricing-head-wrapper,
    .pricing-head .pricing-head-col:first-child {
        display: none;
    }

    .pricing-head {
        padding-top: 0px;
    }

    .pricing-head-col {
        flex-direction: column;
        gap: 2px;
        margin-bottom: 2px;
    }

    .pricing-blank,
    .pricing-head-wrapper {
        width: 100%;
    }

    .pricing-head-wrapper {
        grid-template-columns: repeat(1, 1fr);
        gap: 2px;
    }

    .pricing-head-col .pricing-head-wrapper .pricing-card {
        border-radius: 0px !important;
        padding: 16px 18px;
        padding: 11px 18px;
        min-height: 50px;
    }

    .pricing-card-btn {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
    }

    .pricing-card-btn::before {
        content: attr(data-title);
        font-size: var(--font-h4);
        font-weight: 500;
        color: var(--black);
        text-transform: capitalize;
    }

    .pricing-wrap {
        margin: unset;
        width: 28px;
        height: 28px;
    }

    .pricing-check {
        width: 18px;
        height: 18px;
    }

    .pricing-check svg {
        width: 10px;
        height: 9px;
    }

    /* footer */
    .rdy-footer {
        padding: 40px 0px 0px;
    }

    .pricing-cont {
        width: 100%;
        overflow-x: auto;
        margin-top: 24px;
    }

    .pricing-wrapper {
        display: flex;
        flex-direction: column;
        min-width: 100%;
        max-width: 100%;
    }

    .pricing-blank {
        position: relative;
        padding: 16px 18px;

        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .pricing-blank .text-purple,
    .pricing-blank .pricing-text {
        color: var(--grey-dark);
        font-size: var(--font-h4);
    }

    .pricing-features .pricing-head-col .pricing-blank {
        background-color: var(--Lavender);
        font-size: var(--font-h4);
        gap: 5px;
    }

    .pricing-features .pricing-head-col.pricing-active .pricing-blank,
    .pricing-wrapper .pricing-head .pricing-blank {
        background-color: var(--purple-2);
        border-radius: 10px;
    }

    .pricing-features .pricing-head-col.pricing-active .pricing-blank .pricing-text,
    .pricing-wrapper .pricing-head .pricing-blank .pricing-text {
        color: var(--white) !important;
    }

    .pricing-features .pricing-head-col.pricing-active .pricing-blank .pricing-arrow svg,
    .pricing-head .pricing-head-col.pricing-active .pricing-blank .pricing-arrow svg {
        fill: var(--white);
    }

    .pricing-arrow svg,
    .pricing-arrow {
        width: 14px;
        fill: var(--white);
        display: block;
    }

    .pricing-arrow svg {
        fill: var(--grey-dark);
    }

    .pricing-contact {
        margin-top: 24px;
    }

    .pricing-contact .pricing-blank,
    .pricing-contact .pricing-card {
        display: none;
    }

    .pricing-contact .pricing-card.pricing-contact {
        padding: 0px;
    }

    .pricing-contact .pricing-card.pricing-contact,
    .pricing-contact .pricing-card.pricing-contact a {
        display: block;
    }

    .pricing-head-col.pricing-active .pricing-blank {
        border-radius: 10px 10px 0px 0px !important;
    }

    .cardtext {
        font-size: var(--font-h4);
    }

    .guest-box {
        padding: 38px 28px;
    }

    .footer-column h4 {
        font-size: var(--font-h5);
    }

    /* .authSection .flex-warp .flex-left .about-col .aboutMain {
      flex-direction: column;
      align-items: start;
    } */
    div.wpforms-container .wpforms-form .wpforms-field .slider-val {
        width: auto !important;
    }

    .page-template-build_your_ecosystem .slider-val {
        font-weight: 700;
        top: 0px;
        font-size: 32px;
        transform: translateX(0%);
    }

    .page-template-build_your_ecosystem .slider-val span {
        font-size: 12px;
    }

    body #wpforms-17-field_24 {
        margin: 0 0 30px 0 !important;
    }

    #wpforms-17-field_39-container .wpforms-layout-row .slider-val {
        top: 0;
        transform: translateX(0%);
    }

    #wpforms-17-field_39-container .wpforms-layout-row #wpforms-17-field_41-container {
        padding: 70px 50px !important;
        height: 190px;
    }

    .wpforms-field-layout-rows.wpforms-field-large .wpforms-layout-column.wpforms-layout-column-67 .wpforms-field.wpforms-field-number-slider {
        height: 175px;
        padding: 25px !important;
    }
    button.woocommerce-button.button.pay_via_vivapay {
        margin-bottom: 12px;
    }
}

.wpforms-layout-column.wpforms-layout-column-33 label,
#wpforms-17-field_20-container label {
    opacity: 0;
}

/* minicart css */
#mini-cart-overlay {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 999;
}

#mini-cart-overlay.active {
    display: block;
}

#mini-cart-sidebar {
    position: fixed;
    top: 0;
    right: -650px;
    width: 100%;
    max-width: 600px;
    height: 100%;
    background: var(--purple-bg-light);
    box-shadow: -3px 0 10px rgba(0, 0, 0, 0.2);
    z-index: 1000;
    overflow-y: auto;
    transition: right 0.3s;
    border-bottom-left-radius: 16px;
    border-top-left-radius: 16px;
}

#mini-cart-sidebar.open {
    right: 0;
    z-index: 10000;
}

#mini-cart-close {
    display: block;
    margin: 10px;
    font-size: 20px;
    background: transparent;
    border: none;
    cursor: pointer;
}

/* #mini-cart-sidebar {
  position: fixed;
  right: -400px;
  top: 0;
  width: 350px;
  height: 100%;
  background: #fff;
  box-shadow: -2px 0 10px rgba(0, 0, 0, 0.2);
  transition: right 0.3s ease;
  z-index: 9999;
  display: flex;
  flex-direction: column;
} */
#mini-cart-sidebar>span {
    display: block;
    padding: 30px 30px 20px 30px;
    color: var(--purple-2);
    font-family: Inter;
    font-weight: 700;
    font-style: Bold;
    font-size: 16px;
    line-height: 180%;
    letter-spacing: -1.1%;
    text-transform: uppercase;
}

#mini-cart-sidebar .mini-cart-content {
    display: flex;
    height: calc(100% - 80px);
    flex-direction: column;
    padding: 30px;
}

#mini-cart-sidebar .mini-cart-content .total {
    display: flex;
    justify-content: space-between;
    font-family: Inter;
    font-weight: 700;
    font-style: Bold;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: -1.1%;
    color: var(--purple-2);
}

#mini-cart-sidebar .mini-cart-content .buttons a {
    display: block;
    font-weight: 700;
    font-size: var(--text-16px);
    background: var(--purple-2);
    line-height: 100%;
    letter-spacing: 0px;
    padding: 16px;
    color: var(--white) !important;
    border-radius: var(--radius-10px);
    text-align: center;
    margin-top: 20px;
}

#mini-cart-sidebar .mini-cart-content .product_list_widget {
    display: flex;
    flex-direction: column;
    max-height: 100%;
    margin-bottom: auto;
    max-height: calc(100% - 100px);
    height: 100%;
    gap: 20px;
    overflow-y: auto;
}

#mini-cart-sidebar .mini-cart-content .product_list_widget .minicartWrap {
    flex-grow: 1;
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    align-items: center;
    position: relative;
}

#mini-cart-sidebar .mini-cart-content .product_list_widget .minicartWrap a {
    width: 100%;
    margin-bottom: auto;
}

#mini-cart-sidebar .mini-cart-content .product_list_widget .minicartWrap .terms_time{
    font-size: 12px;
    font-weight: 400;
    margin-top: 5px;
    line-height: 12px;
}

#mini-cart-sidebar .mini-cart-content .product_list_widget .mini_cart_item::before{
    display: none;
}

#mini-cart-sidebar .mini-cart-content .product_list_widget .mini_cart_item {
    display: flex;
    gap: 15px;
    width: 100%;
    padding: 20px 20px 20px 20px;
    position: relative;
    background-color: #fff;
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    -ms-border-radius: 16px;
    -o-border-radius: 16px;
    /* align-items: center; */
    /* flex-wrap: wrap; */
}

#mini-cart-sidebar .mini-cart-content .product_list_widget .mini_cart_item a img {
    width: 100px;
    min-width: 100px;
    height: 100px;
    border: 1px solid #0000001a;
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    -ms-border-radius: 16px;
    -o-border-radius: 16px;
}

#mini-cart-sidebar .mini-cart-content .product_list_widget .mini_cart_item a {
    display: flex;
    flex-direction: column;
    font-family: Inter;
    font-weight: 700;
    font-style: Bold;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: -1.1%;
    color: var(--black-2);
}

#mini-cart-sidebar .mini-cart-content .product_list_widget .mini_cart_item .mini-cart-qty {
    display: inline-flex;
    align-items: center;
    border: 1px solid var(--purple-2);
    padding: 8px;
    border-radius: var(--radius-10px);
}

#mini-cart-sidebar .mini-cart-content .product_list_widget .mini_cart_item .mini-cart-item-price {
    font-family: Inter;
    font-weight: 700;
    font-style: Bold;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: -1.1%;
    color: var(--black-2);
}

#mini-cart-sidebar .mini-cart-content .product_list_widget .mini_cart_item .mini-cart-qty .qty-increase,
#mini-cart-sidebar .mini-cart-content .product_list_widget .mini_cart_item .mini-cart-qty .qty-decrease {
    width: 18px;
    min-width: 18px;
    height: 18px;
    border-radius: 6px;
    background-color: var(--purple-2);
    color: var(--white);
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

#mini-cart-sidebar .mini-cart-content .product_list_widget .mini_cart_item .mini-cart-qty input {
    border: none;
    outline: none;
    font-size: var(--text-12px);
    font-weight: 700;
    color: var(--purple-2);
    background-color: transparent;
}

#mini-cart-sidebar .mini-cart-content .product_list_widget .mini_cart_item a[role="button"] {
    /* position: absolute;
    right: 15px;
    top: 15px; */
    font-size: 20px;
    order: 3;
    margin-top: 30px;
}

#mini-cart-sidebar .mini-cart-content .product_list_widget .mini_cart_item a[role="button"] img {
    width: 22px;
    height: 22px;
    min-width: 22px;
    border: none;
}

#mini-cart-sidebar.open {
    right: 0;
}

#mini-cart-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease;
    z-index: 9998;
}

#mini-cart-overlay.open {
    opacity: 1;
    visibility: visible;
    display: block;
}

#mini-cart-close {
    border: none;
    background: none;
    font-size: 24px;
    cursor: pointer;
    padding: 10px;
    align-self: flex-end;
    position: absolute;
    top: 7px;
    right: 10px;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--white);
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
}

.mini-cart-content {
    flex: 1;
    overflow-y: auto;
    /* padding: 10px; */
}

.mini-cart-item {
    display: flex;
    gap: 10px;
    margin-bottom: 15px;
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
}

.mini-cart-item img {
    width: 60px;
    height: 60px;
    object-fit: cover;
}

.mini-cart-item-details {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.mini-cart-item-details .mini-cart-item-price {
    font-weight: 600;
    margin-top: 4px;
    color: #000;
}

.mini-cart-qty {
    display: flex;
    align-items: center;
    gap: 5px;
}

.mini-cart-qty button {
    padding: 2px 8px;
    background: #eee;
    border: none;
    cursor: pointer;
}

.mini-cart-qty input {
    width: 50px;
    text-align: center;
}

.mini-cart-footer {
    padding: 10px;
    display: flex;
    gap: 10px;
    justify-content: space-between;
}

.view-cart-btn,
.checkout-btn {
    padding: 10px;
    background: #000;
    color: #fff;
    text-decoration: none;
    text-align: center;
    flex: 1;
}

.cal-container {
    display: block;
    /* default state */
}

/* Disabled subscription tab — premium lock look */
.woocommerce-MyAccount-navigation li.is-disabled {
    opacity: 0.45;
    position: relative;
    pointer-events: none;
}

/* Prevent clicks */
.woocommerce-MyAccount-navigation li.is-disabled a {
    cursor: not-allowed;
    pointer-events: none;
}

/* Lock icon instead of text */
.woocommerce-MyAccount-navigation li.is-disabled span::after {
    content: "";
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-left: 6px;
    background: url('/wp-content/themes/radefy/images/lock.svg') no-repeat center;
    background-size: contain;
    opacity: 0.7;
}

/* Soft hover feedback */
.woocommerce-MyAccount-navigation li.is-disabled:hover {
    opacity: 0.6;
}

.account-menu ul li.is-disabled a{
    pointer-events: none;
    opacity: 0.5;
}