@import url('https://fonts.googleapis.com/css2?family=Epilogue:wght@400;500;600;700');
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

body {
    font-family: 'Epilogue', 'Inter', sans-serif;
}

.font-inter {
    font-family: Inter, sans-serif !important;
}

.font-epilogue {
    font-family: 'Epilogue', sans-serif !important;
}


.bg-secondary-bg {
    background: linear-gradient(0deg, #121412, #121412),
    linear-gradient(327.68deg, rgba(58, 214, 121, 0) 64.27%, rgba(58, 214, 121, 0.13) 95.79%) !important;
    background-blend-mode: overlay !important;
}

.text-gray-900 {
    --bs-text-opacity: 1;
    color: rgb(255 255 255) !important;
}

.text-green-pc {

    font-weight: 500;
    color: #3AD679;
    font-family: 'Epilogue', sans-serif;

    font-size: 36px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0;

}

.side-text-narrow {
    font-weight: 500;
    color: #121412;
    font-family: 'Epilogue', sans-serif !important;

    font-size: 16px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0;
}

.text-light-thin {
    color: rgba(255, 255, 255, 0.5) !important;
    font-weight: 400 !important;
    font-size: 20px !important;
    max-width: 750px;
    /*    width: 600px;*/
    line-height: 130%;
    letter-spacing: 0;
    font-family: 'Inter', sans-serif;

}

.text-white-main {
    font-weight: 500;
    color: #FFFFFF;
    font-size: 36px !important;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0;
    font-family: 'Epilogue', sans-serif;

}

.text-cap-x {
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    color: rgba(30, 34, 43, 1);
    font-size: 16px;

    line-height: 100%;
    letter-spacing: 5px;
    text-transform: uppercase;

}

.text-fx-iterm {
    color: rgba(255, 255, 255, 1) !important;
    font-weight: 500 !important;
    font-size: 32px !important;

    line-height: 100%;
    letter-spacing: 0;
    font-family: 'Epilogue', sans-serif !important;
}


.text-fx-iterm-para {
    color: rgba(255, 255, 255, 1) !important;
    font-weight: 400 !important;
    font-size: 20px !important;

    line-height: 130%;
    letter-spacing: 0;
    font-family: 'Inter', sans-serif !important;
}

.text-ft-bot {
    color: rgba(30, 34, 43, 1) !important;
    font-weight: 500 !important;
    font-size: 24px !important;

    line-height: 100%;
    letter-spacing: 0;
    font-family: 'Inter', sans-serif !important
}

.bg-tertiary-bg {
    background: linear-gradient(260deg, #D7FFB7, #D7FFB7 100%),
    linear-gradient(260.55deg, rgba(58, 214, 121, 0) 47.55%, rgba(58, 214, 121, 0.36) 102.01%) !important;
    background-blend-mode: overlay !important;
}

.bg-tertiary-bgs {
    --bs-bg-opacity: 1;
    background-color: rgb(22 37 28) !important;
}

.bg-toggle-x {
    background: linear-gradient(0deg, #D7FFB7, #D7FFB7),
    linear-gradient(260.55deg, rgba(58, 214, 121, 0) 47.55%, rgba(58, 214, 121, 0.36) 102.01%) !important;
    background-blend-mode: overlay !important;
    border-radius: 14px !important;
    font-family: 'Epilogue', sans-serif !important;
}

.uc-subnav-pill > .uc-active > a {
    background-color: #16251c !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #fff !important;
    font-family: 'Epilogue', sans-serif !important;
}

.uc-subnav-pill > * > :first-child {
    padding: 5px 10px;
    background: 0 0;
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #18251c !important;
    font-family: 'Epilogue', sans-serif !important;
}

.mt-n19 {
    margin-top: -12rem !important;
}

.text-cap-para {
    color: rgba(30, 34, 43, 1) !important;
    font-weight: 500;
    font-size: 32px;

    line-height: 100%;
    letter-spacing: 0;
    font-family: 'Epilogue', sans-serif;
}

.text-cap-para-int {
    color: rgba(30, 34, 43, 1) !important;
    font-weight: 400;
    font-size: 16px;

    line-height: 130%;
    letter-spacing: 0;
    font-family: 'Inter', sans-serif;
}

.title-md-tag {
    color: rgba(255, 255, 255, 1) !important;
    font-weight: 500;
    font-size: 20px;

    line-height: 100%;
    letter-spacing: 0;
    font-family: 'Epilogue', sans-serif;
}

.title-x {
    color: rgba(30, 34, 43, 1) !important;
    font-weight: 500;
    font-size: 20px;

    line-height: 100%;
    letter-spacing: 0;
    font-family: 'Epilogue', sans-serif !important;
}

.btn-primary-x {
    font-family: 'Epilogue', sans-serif !important;
    color: #FFFFFF;
    background: rgba(20, 157, 82, 1) !important;
    font-weight: 600 !important;

    font-size: 16px !important;
    border-radius: 10px !important;
    line-height: 100%;
    letter-spacing: 0;
    text-align: center;
    width: 191px;

}

.btn-primary {
    background: rgba(20, 157, 82, 1) !important;
    font-family: 'Epilogue', sans-serif !important;
    font-weight: 600 !important;

    font-size: 16px !important;
    border-radius: 10px !important;
    line-height: 100%;
    letter-spacing: 0;
}

.btn-primary:hover {
    background: transparent !important;
    font-family: 'Epilogue', sans-serif !important;
    font-weight: 600 !important;
    color: rgba(20, 157, 82, 1) !important;
    font-size: 16px !important;
    border-radius: 10px !important;
    line-height: 100%;
    letter-spacing: 0;
}

.btn-primary-outline-x {
    font-family: 'Epilogue', sans-serif !important;
    color: rgba(31, 50, 39, 1);
    background: transparent !important;
    font-weight: 600 !important;
    border: solid 1px rgba(31, 50, 39, 1);
    font-size: 16px !important;
    border-radius: 10px !important;
    line-height: 100%;
    width: 191px;
    letter-spacing: 0;
    text-align: center;
}

.btn-primary-outline-light {
    font-family: 'Epilogue', sans-serif !important;
    color: rgba(255, 255, 255, 1);
    background: transparent !important;
    font-weight: 600 !important;
    border: solid 1px rgba(255, 255, 255, 1);
    font-size: 16px !important;
    border-radius: 10px !important;
    line-height: 100%;
    width: 191px;
    letter-spacing: 0;
    text-align: center;
}

.btn-primary-outline-x:hover {
    font-family: 'Epilogue', sans-serif !important;
    color: #FFFFFF;
    background: rgba(0, 0, 0, 1) !important;
    font-weight: 600 !important;

    font-size: 16px !important;
    border-radius: 10px !important;
    line-height: 100%;
    width: 191px;
    letter-spacing: 0;
    text-align: center;
}

.btn-primary-outline-light:hover {
    font-family: 'Epilogue', sans-serif !important;
    color: #FFFFFF;
    background: rgba(0, 0, 0, 1) !important;
    font-weight: 600 !important;

    font-size: 16px !important;
    border-radius: 10px !important;
    line-height: 100%;
    width: 191px;
    letter-spacing: 0;
    text-align: center;
}

.btn-primary-x:hover {
    font-family: 'Epilogue', sans-serif !important;
    color: #FFFFFF;
    background: rgba(0, 0, 0, 1) !important;
    font-weight: 600 !important;

    font-size: 16px !important;
    border-radius: 10px !important;
    line-height: 100%;
    width: 191px;
    letter-spacing: 0;
    text-align: center;

}

.mid-section-x {
    background: linear-gradient(0deg, #FFFFFF, #FFFFFF), linear-gradient(282.09deg, rgba(58, 214, 121, 0) 49.05%, rgb(3 145 60 / 16%) 84.25%) !important;
    background-blend-mode: overlay !important;
}

.mid-section-xxx {
    background: #121412;

}

.image-slide-hover {
    overflow: hidden;
    display: inline-block;
    position: relative;
}

.image-slide-hover img {
    display: block;
    width: 100%;
    transition: transform 4s ease; /* smooth and slow */
    transform: translateX(0);
}

.image-slide-hover:hover img {
    transform: translateX(-15%); /* move image slightly left */
}

.footer-bgs {
    background-image: linear-gradient(0deg, #D7FFB7, #D7FFB7),
    linear-gradient(260.55deg, rgba(58, 214, 121, 0) 47.55%, rgba(58, 214, 121, 0.36) 102.01%) !important;
    background-blend-mode: overlay !important;
}

.bg-text-interim {
    position: absolute;
    top: 25%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-family: 'Epilogue', sans-serif !important;
    font-weight: 700;
    font-size: 128px;
    line-height: 1;
    color: rgba(255, 255, 255, 0.05); /* very light */
    white-space: nowrap;
    z-index: 0;
    pointer-events: none;
}

.bg-text-pulse {
    position: absolute;
    top: 6%;
    left: -0.5%;
    transform: translate(-50%, -60%); /* Move up a bit for balance */
    font-family: 'Epilogue', sans-serif !important;
    font-weight: 700;
    font-size: 128px;
    line-height: 1;
    color: rgba(255, 255, 255, 0.05);
    white-space: nowrap;
    z-index: 0;
    pointer-events: none;
}

.section-inner {
    position: relative;
    z-index: 1;
}

.text-light-thin-xm {
    color: rgba(255, 255, 255, 0.5) !important;
    font-weight: 400 !important;
    font-size: 20px !important;
    line-height: 130%;
    letter-spacing: 0;
    font-family: 'Inter', sans-serif;
    max-width: 603px;

    margin: 0 auto;
    text-align: center;
}
.step-heading{
    color:rgba(30, 34, 43, 1)!important;
    font-weight: 400 !important;
    font-size: 32px !important;

    letter-spacing: 0;
    font-family: 'Epilogue', sans-serif ;


    margin: 0 auto;

}
.text-cap-para-int {
    color: rgba(30, 34, 43, 1) !important;
    font-weight: 400;
    font-size: 16px;
    line-height: 130%;
    letter-spacing: 0;
    font-family: 'Inter', sans-serif;
}

.fin-x {
    margin-top: 80px;
}

.text-cap-para-int-tag {
    color: rgba(255, 255, 255, 0.5) !important;
    font-weight: 400;
    font-size: 16px;

    line-height: 1.2;
    letter-spacing: 0;
    font-family: 'Inter', sans-serif;
}

.step-txt {
    font-family: 'Epilogue', sans-serif !important;
    font-weight: 500;
    color: rgba(30, 34, 43, 1) !important;
    font-size: 24px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0;

}

.ps-para-v {
    font-family: Inter, sans-serif;
    font-weight: 400;
    text-align: justify;
    font-size: 16px;
    leading-trim: NONE;
    line-height: 130%;
    color: rgba(255, 255, 255, 0.5) !important;
    letter-spacing: 0;
}

.ps-para-vv {
    font-family: Inter, sans-serif;
    font-weight: 400;
    text-align: justify;
    font-size: 16px;
    leading-trim: NONE;
    line-height: 130%;
    color: #3AD679 !important;
    letter-spacing: 0;
}

.ps-para-v-ti {
    font-family: 'Epilogue', sans-serif;
    font-weight: 500;

    font-size: 20px;
    leading-trim: NONE;
    line-height: 100%;
    color: #FFFFFF !important;
    letter-spacing: 0;
}

.step-title {
    font-family: 'Epilogue', sans-serif !important;
    font-weight: 500;

    font-size: 20px;
    leading-trim: NONE;
    line-height: 100%;
    color: rgba(30, 34, 43, 1) !important;
    letter-spacing: 0;

}

.step-para {
    font-family: 'Inter', sans-serif !important;
    font-weight: 400 !important;

    font-size: 16px;

    line-height: 130%;
    color: rgba(30, 34, 43, 1) !important;
    letter-spacing: 0;
}

/*
.bg-white, .hover\:bg-white:hover {
    --bs-bg-opacity: 1;
    background-color: rgb(249 255 246) !important;
    color: #121412;
}*/
.bg-white-gry {
    background-color: rgba(0, 0, 0, 0.04) !important;
}

.features-item-xd {
    border-radius: 20px !important;
    background-color: rgba(0, 0, 0, 0.04) !important;

}

.footer-txt-ld {
    font-family: 'Inter', sans-serif !important;
    font-weight: 400 !important;
    color: rgba(30, 34, 43, 1);

    font-size: 14px;

    line-height: 100%;
    letter-spacing: 0;

}

.footer-sc-link {
    font-family: 'Inter', sans-serif !important;
    font-weight: 600 !important;
    color: rgba(30, 34, 43, 1);

    font-size: 14px;

    line-height: 100%;
    letter-spacing: 0;
}

.footer-pl-link {
    font-family: 'Inter', sans-serif !important;
    font-weight: 400 !important;
    color: rgba(30, 34, 43, 1);
    text-decoration: underline;
    font-size: 14px;

    line-height: 100%;
    letter-spacing: 0;
}

.icon-2 {
    width: 24px !important;
    height: 24px !important;
    font-size: 24px !important;
    color: #101811;
}

@media (max-width: 991px) {
    /* Make the image responsive */
    #solutions_cards_overlap .position-absolute {
        position: relative !important;
        width: 100% !important;
        right: auto !important;
        top: auto !important;
        margin-top: 20px;
        display: block !important;
        text-align: center;
    }

    #solutions_cards_overlap_pulse .position-absolute {
        position: relative !important;
        width: 100% !important;
        right: auto !important;
        top: auto !important;
        margin-top: 20px;
        display: block !important;
        text-align: center;
    }

    .solution-item .position-absolute {
        position: relative !important;
        width: 100% !important;
        top: auto !important;
        right: auto !important;
        margin-top: 20px;
    }

    /* Ensure the section after the hero has spacing */
    #solutions_cards_overlap,
    #solutions_cards_overlap_pulse {
        margin-top: -90px !important;
        padding-top: 20px !important;
        position: relative;
        z-index: 2;
    }

    /* Ensure no overlap with hero */
    #hero_header {
        margin-bottom: 40px !important;
        position: relative;
        z-index: 1;
    }

    /* Fix cut-off images */
    #solutions_cards_overlap .solution-item,
    #solutions_cards_overlap_pulse .solution-item {
        overflow: visible !important;
    }

    /* Optional: ensure consistent background blending */
    /*  .solution-item {
          background: linear-gradient(to bottom, #e8fdd8 0%, #ffffff 100%);
      }*/
    #solutions_cards_overlap .position-absolute img {
        /*     width: 90%;*/
        height: auto;
        /*max-width: 350px;*/
    }

    /* Text alignment */
    #solutions_cards_overlap .solution-item .panel.text-center,
    #solutions_cards_overlap .solution-item .panel {
        text-align: center !important;
        margin: 0 auto;
        padding: 0 15px;
    }

    #solutions_cards_overlap_pulse .solution-item .panel.text-center,
    #solutions_cards_overlap_pulse .solution-item .panel {
        text-align: center !important;
        margin: 0 auto;
        padding: 0 15px;
    }

    /*    #solutions_cards_overlap .solution-item p {
            font-size: 15px;
            line-height: 1.6;
            margin-bottom: 10px;
        }*/
    #solutions_cards_overlap .text-cap-x {
        font-family: 'Inter', sans-serif;
        font-weight: 500;
        color: rgba(30, 34, 43, 1);
        font-size: 16px;
        margin: 28px;
        line-height: 100%;
        letter-spacing: 5px;
        text-transform: uppercase;

    }

    #solutions_cards_overlap_pulse .text-cap-x {
        font-family: 'Inter', sans-serif;
        font-weight: 500;
        color: rgba(30, 34, 43, 1);
        font-size: 16px;
        margin: 28px;
        line-height: 100%;
        letter-spacing: 5px;
        text-transform: uppercase;

    }

    .text-cap-para {
        color: rgba(30, 34, 43, 1) !important;
        font-weight: 500;
        font-size: 32px;
        margin: 28px !important;
        line-height: 100%;
        letter-spacing: 0;
        font-family: 'Epilogue', sans-serif;
    }

    /* Button alignment fix */
    #solutions_cards_overlap .solution-item .vstack,
    #solutions_cards_overlap .solution-item .sm\\:hstack {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 12px !important;
        margin-top: 15px !important;
        width: 100%;
    }

    #solutions_cards_overlap_pulse .solution-item .vstack,
    #solutions_cards_overlap_pulse .solution-item .sm\\:hstack {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 12px !important;
        margin-top: 15px !important;
        width: 100%;
    }

    #hero_header .text-light-thin {
        font-weight: 400 !important;
        font-size: 19px !important;
        color: rgba(255, 255, 255, 0.5) !important;
        line-height: 100%;
        letter-spacing: 0;
        margin: 28px;
        font-family: 'Inter', sans-serif;
        max-width: none;
        /* margin: 0 auto; */
        /*width: 265px;*/
        /*   text-align: start;*/
    }

    #solutions_cards_overlap .text-cap-para-int {
        color: rgba(30, 34, 43, 1) !important;
        font-weight: 400;
        font-size: 16px;
        margin: 28px;
        line-height: 130%;
        letter-spacing: 0;
        font-family: 'Inter', sans-serif;
    }

    #solutions_cards_overlap_pulse .text-cap-para-int {
        color: rgba(30, 34, 43, 1) !important;
        font-weight: 400;
        font-size: 16px;
        margin: 28px;
        line-height: 130%;
        letter-spacing: 0;
        font-family: 'Inter', sans-serif;
    }

    #solutions_cards_overlap .solution-item .btn {
        display: inline-block; /*width: 100%;*/
        /*
           max-width: 300px;*/
        text-align: center;
        margin: 0 auto;
    }

    #solutions_cards_overlap_pulse .solution-item .btn {
        display: inline-block;
        /*width: 100%;*/
        /* max-width: 300px;*/
        text-align: center;
        margin: 0 auto;
    }
}

@media (max-width: 991px) {

    /* Make CTA image responsive */
    #uc_cta .position-absolute {
        position: relative !important;
        width: 100% !important;
        right: auto !important;
        top: auto !important;
        margin-top: 20px;
        display: flex !important;
        justify-content: center;
        align-items: center;
    }

    #uc_cta .position-absolute img {
        /*width: 100% !important;*/
        height: auto !important;
        /* max-width: 380px;*/
    }

    /* Center text and button for mobile */
    #uc_cta .panel.text-center,
    #uc_cta .vstack {
        text-align: center !important;
        align-items: center !important;
        justify-content: center !important;
    }

    /* Add space above/below */
    #uc_cta {
        margin-top: 40px !important;
        padding-top: 30px !important;
        padding-bottom: 40px !important;
    }

    /* Ensure image doesn't overlap with text */
    #uc_cta .solution-item {
        overflow: visible !important;
    }
}

.uc-navbar-container.uc-navbar-sticky {
    backdrop-filter: blur(8px);
    background-color: hsl(138.46deg 21.31% 11.96%);
}

.hero-scene img {
    display: block;
    margin: 0 auto; /* center by default */
}


.bg-primary, .hover\:bg-primary:hover {

    background-color: rgb(60 156 83) !important;
}

.active {
    font-weight: 400 !important;
    color: #3c9c53 !important;
    font-family: 'Epilogue', sans-serif;
}

.fx-menu {
    font-family: 'Epilogue', sans-serif;
    font-weight: 400 !important;color: #ffff;

}

/* Tablet view (768px–1024px) center image + text */
@media (min-width: 768px) and (max-width: 1024px) {
    #hero_header .row {
        /*flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;*/
    }

    #hero_header .col-12,
    #hero_header .sm\:col-9,
    #hero_header .lg\:col-5,
    #hero_header .lg\:col-6,
    #hero_header .xl\:col-7 {
        /* width: 100% !important;*/
        max-width: 700px !important;
    }

    #hero_header .vstack {
        align-items: center !important;
       /* text-align: center !important;*/
        margin-top: 20px !important;
    }

    #hero_header .hero-scene img {
        display: block !important;
        margin: 0 auto !important;
        float: none !important;
        width: 100% !important;
        /* max-width: 480px !important;*/
        height: auto !important;
    }

    #hero_header .text-light-thin {
        text-align: center !important;
        margin: 20px auto !important;
    }

    #hero_header .btn {
        /*  margin: 0 auto !important;*/
        /*       display: inline-block !important;*/
        text-align: center !important;
    }

    /* Adjust padding */
    #hero_header .section-outer {
        padding-top: 4rem !important;
        padding-bottom: 4rem !important;
    }
}

/*  background text centering for tablet and mobile */
@media (max-width: 1024px) {
    .bg-text-pulse {
        left: 50% !important;
        top: 2% !important;
        transform: translate(-50%, -50%) !important;
        font-size: 128px !important;
        text-align: center !important;
        width: 100% !important;
    }

    .bg-text-interim {
        position: absolute;
        top: 25%;
        left: 50%;
        transform: translate(-50%, -50%);
        font-family: 'Epilogue', sans-serif !important;
        font-weight: 700;
        font-size: 80px;
        line-height: 1;
        color: rgba(255, 255, 255, 0.05);
        white-space: nowrap;
        z-index: 0;
        pointer-events: none;
    }

    .text-white-main {
        font-weight: 500;
        text-align: center;
        color: #FFFFFF;
        font-size: 36px !important;
        leading-trim: NONE;
        line-height: 100%;
        letter-spacing: 0;
        font-family: 'Epilogue', sans-serif;
    }
}

/* Optional: even smaller for mobile phones */
@media (max-width: 767px) {
    #hero_header .vstack {
        align-items: center !important;
        text-align: center !important;
        margin-top: 20px !important;
    }
    .step-heading{
        color:rgba(30, 34, 43, 1)!important;
        font-weight: 400 !important;
        font-size: 32px !important;
        text-align: center;
        letter-spacing: 0;
        font-family: 'Epilogue', sans-serif ;


        margin: 0 auto;

    }
    .bg-text-pulse {
        left: 50% !important;
        top: 2% !important;
        transform: translate(-50%, -50%) !important;
        font-size: 100px !important;
        text-align: center !important;
        width: 100% !important;
    }

    .text-white-main {
        font-weight: 500;
        text-align: center;
        color: #FFFFFF;
        font-size: 36px !important;
        leading-trim: NONE;
        line-height: 100%;
        letter-spacing: 0;
        font-family: 'Epilogue', sans-serif;
    }

    .bg-text-interim {
        position: absolute;
        top: 25%;
        left: 50%;
        transform: translate(-50%, -50%);
        font-family: 'Epilogue', sans-serif !important;
        font-weight: 700;
        font-size: 80px;
        line-height: 1;
        color: rgba(255, 255, 255, 0.05);
        white-space: nowrap;
        z-index: 0;
        pointer-events: none;
    }
}
/* By default, hide desktop, show mobile */
.interim-image-desktop {
    display: none;
}

.pulse-image-desktop {
    display: none;
}
.interim-image-desktops {
    display: none;
}

.pulse-image-desktops {
    display: none;
}

.interim-image-mobiles {
    display: block;
    margin-top: 3rem !important;
    text-align: center;
    margin: 17px;
}
.pulse-image-mobiles {
    display: block;    margin-top: 3rem;
    text-align: center; /* optional centering */
}
.interim-image-mobile {
    display: block;    margin-top: 3rem;
    text-align: center; /* optional centering */
}
.pulse-image-mobile {
    display: block;    margin-top: 3rem;
    text-align: center; /* optional centering */
}
/* On large screens, hide mobile, show desktop */
@media (min-width: 1024px) {
    .interim-image-desktop {
        display: block;
        position: absolute;
        top: 8%;
        right: -401px;
        width: 74%;
    }

    .interim-image-mobile {
        display: none;     margin-top: 3rem;
    }
    .interim-image-desktops {
        display: block;
        position: absolute;
        top: 8%;
        right: -401px;
        width: 74%;
    }

    .interim-image-mobiles {
        display: none;     margin-top: 3rem;
    }


    .pulse-image-desktop {
        display: block;
        position: absolute;
        top: 5%;
        right: -401px;
        width: 74%;
    }

    .pulse-image-mobile {
        display: none;     margin-top: 3rem;
    }
}

pulse-image-desktop-x {
    display: none !important;  /* important ensures no override */
}

.pulse-image-mobile-x {
    display: block !important;
    width: 80%;
    max-width: 300px;
    margin: 2rem auto 0 auto;
    text-align: center;
}

/* Desktop view */
@media (min-width: 1024px) {
    .pulse-image-desktop-x {
        display: block !important;
        position: absolute;
        top: 23%;
        right: 0;
        width: 500px;
        max-width: 700px;
    }

    .pulse-image-mobile-x {
        display: none !important;
    }
}
/* Mobile default */
.pulse-image-desktop-x {
    display: none !important;
    z-index: 10;
}

.pulse-image-mobile-x {
    display: block !important;
    width: 80%;
    max-width: 300px;
    margin: 2rem auto 0 auto;
    text-align: center;
}

/* Desktop */
@media (min-width: 1024px) {
    .pulse-image-desktop-x {
        display: block !important;
        position: absolute;
        top: 23%;
        right: 0;
        width: 500px;
        max-width: 700px;
        z-index: 10;
    }

    .pulse-image-mobile-x {
        display: none !important;
    }
}