.valid.modified:not([type=checkbox]) {
    outline: 1px solid #26b050;
}

.invalid {
    outline: 1px solid red;
}

.validation-message {
    color: red;
}

#blazor-error-ui {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }

.blazor-error-boundary {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNDkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIG92ZXJmbG93PSJoaWRkZW4iPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcDAiPjxyZWN0IHg9IjIzNSIgeT0iNTEiIHdpZHRoPSI1NiIgaGVpZ2h0PSI0OSIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMzUgLTUxKSI+PHBhdGggZD0iTTI2My41MDYgNTFDMjY0LjcxNyA1MSAyNjUuODEzIDUxLjQ4MzcgMjY2LjYwNiA1Mi4yNjU4TDI2Ny4wNTIgNTIuNzk4NyAyNjcuNTM5IDUzLjYyODMgMjkwLjE4NSA5Mi4xODMxIDI5MC41NDUgOTIuNzk1IDI5MC42NTYgOTIuOTk2QzI5MC44NzcgOTMuNTEzIDI5MSA5NC4wODE1IDI5MSA5NC42NzgyIDI5MSA5Ny4wNjUxIDI4OS4wMzggOTkgMjg2LjYxNyA5OUwyNDAuMzgzIDk5QzIzNy45NjMgOTkgMjM2IDk3LjA2NTEgMjM2IDk0LjY3ODIgMjM2IDk0LjM3OTkgMjM2LjAzMSA5NC4wODg2IDIzNi4wODkgOTMuODA3MkwyMzYuMzM4IDkzLjAxNjIgMjM2Ljg1OCA5Mi4xMzE0IDI1OS40NzMgNTMuNjI5NCAyNTkuOTYxIDUyLjc5ODUgMjYwLjQwNyA1Mi4yNjU4QzI2MS4yIDUxLjQ4MzcgMjYyLjI5NiA1MSAyNjMuNTA2IDUxWk0yNjMuNTg2IDY2LjAxODNDMjYwLjczNyA2Ni4wMTgzIDI1OS4zMTMgNjcuMTI0NSAyNTkuMzEzIDY5LjMzNyAyNTkuMzEzIDY5LjYxMDIgMjU5LjMzMiA2OS44NjA4IDI1OS4zNzEgNzAuMDg4N0wyNjEuNzk1IDg0LjAxNjEgMjY1LjM4IDg0LjAxNjEgMjY3LjgyMSA2OS43NDc1QzI2Ny44NiA2OS43MzA5IDI2Ny44NzkgNjkuNTg3NyAyNjcuODc5IDY5LjMxNzkgMjY3Ljg3OSA2Ny4xMTgyIDI2Ni40NDggNjYuMDE4MyAyNjMuNTg2IDY2LjAxODNaTTI2My41NzYgODYuMDU0N0MyNjEuMDQ5IDg2LjA1NDcgMjU5Ljc4NiA4Ny4zMDA1IDI1OS43ODYgODkuNzkyMSAyNTkuNzg2IDkyLjI4MzcgMjYxLjA0OSA5My41Mjk1IDI2My41NzYgOTMuNTI5NSAyNjYuMTE2IDkzLjUyOTUgMjY3LjM4NyA5Mi4yODM3IDI2Ny4zODcgODkuNzkyMSAyNjcuMzg3IDg3LjMwMDUgMjY2LjExNiA4Ni4wNTQ3IDI2My41NzYgODYuMDU0N1oiIGZpbGw9IiNGRkU1MDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvZz48L3N2Zz4=) no-repeat 1rem/1.8rem, #b32121;
    padding: 1rem 1rem 1rem 3.7rem;
    color: white;
}

    .blazor-error-boundary::after {
        content: "An error has occurred."
    }

.loading-progress {
    position: relative;
    display: block;
    width: 8rem;
    height: 8rem;
    margin: 20vh auto 1rem auto;
}

    .loading-progress circle {
        fill: none;
        stroke: #e0e0e0;
        stroke-width: 0.6rem;
        transform-origin: 50% 50%;
        transform: rotate(-90deg);
    }

        .loading-progress circle:last-child {
            stroke: #1b6ec2;
            stroke-dasharray: calc(3.141 * var(--blazor-load-percentage, 0%) * 0.8), 500%;
            transition: stroke-dasharray 0.05s ease-in-out;
        }

.loading-progress-text {
    position: absolute;
    text-align: center;
    font-weight: bold;
    inset: calc(20vh + 3.25rem) 0 auto 0.2rem;
}

    .loading-progress-text:after {
        content: var(--blazor-load-percentage-text, "Loading");
    }

code {
    color: #c02d76;
}

.form-floating > .form-control-plaintext::placeholder, .form-floating > .form-control::placeholder {
    color: var(--bs-secondary-color);
    text-align: end;
}

.form-floating > .form-control-plaintext:focus::placeholder, .form-floating > .form-control:focus::placeholder {
    text-align: start;
}

:root {
    --primary-color: #3B859B;
    --darkgreen: #2C6C16;
    --darkgreen-100: #133800;
    --lightgreen: #DBF4B1;
    --green: #537124;
    --white: #ffffff;
    --blue: #007EB6;
    --black: #000000;
}

html,
body {
    width: 100vw;
    height: 100vh;
    overflow: hidden;
}

body {
    font-family: "Source Sans 3", serif;
    font-weight: 400;
    color: var(--black);
    line-height: 1.5;
    background-color: var(--white);
    margin: 0;
    padding: 0;
    font-size: 20px;
    letter-spacing: 0.02px;
}

#app {
    padding: 0 40px 40px 40px;
    display: flex;
    flex-direction: column;
    width: 1920px;
    height: 1080px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(1);
    transform-origin: center center;
    visibility: hidden; /* Hide until JS applies scaling */
}

.main-container {
    border-radius: 26px;
    flex: 1;
    position: relative;
    overflow: hidden;
    width: 100%;
}

.gradient-bg-01 {
    background: linear-gradient(107deg, #B6E0B3 0%, #AADBA5 50.56%, #9BD19C 101.11%);
}

.gradient-bg-02 {
    background: linear-gradient(107deg, #D9EFB6 0%, #BBE29F 50.56%, #9BD19C 101.11%);
}

.gradient-bg-03 {
    background: linear-gradient(107deg, #EFF6E1 0%, #DEEED0 50.56%, #D2E8C9 101.11%);
}

.gradient-bg-04 {
    background: linear-gradient(107deg, #D0F19E 0%, #C6EB97 50.56%, #C2EA94 101.11%);
}

.gradient-bg-05 {
    background: linear-gradient(106deg, #6DAA7A 0%, #5C9D66 103.66%);
}

p {
    font-size: 16px;
    color: var(--black);
    line-height: 1.5;
    font-weight: 400;
}

a {
    color: var(--darkgreen);
    text-decoration: none;
}

.absolute-item {
    position: absolute;
}

    .absolute-item img,
    .absolute-item svg,
    .absolute-item video,
    .absolute-item canvas {
        width: 100%;
        height: 100%;
    }

.btn {
    padding: 10px 24px;
    background: var(--darkgreen);
    font-weight: 500;
    color: var(--white);
    border-radius: 100px;
    border: none;
    font-size: 14px;
    line-height:normal;
}

.btn-transparent {
    background-color: transparent;
}

.btn:hover {
    background: var(--lightgreen);
    color: var(--darkgreen);
}

.img-bg {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    
}

.btn-border {
    padding: 8px 16px;
    border-radius: 18px;
    border: 2px solid #F5F5F5;
    background: #FEFEFE;
    color: var(--black);
    text-decoration: none;
    font-size: 14px;
    font-weight: 400;
    display: flex;
    align-items: center;
    line-height: 15px;
    gap: 6px;
}
.btn:first-child:active {
    background: var(--darkgreen);
    color: var(--white);
}

.btn:focus-visible {
    background: var(--darkgreen);
    color: var(--white);
}

.footer-back-btn {
    position: absolute;
    bottom: clamp(24px, 24px + 0vw, 24px);
    left: 40px;
    right: 40px;
    padding: 20px 48px;
    margin-bottom: 40px;
    margin-left: 40px;
    margin-right: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 22px;
}

    .footer-back-btn img {
        fill: #FFF;
        filter: drop-shadow(0px 8px 24px rgba(24, 39, 75, 0.08)) drop-shadow(0px 6px 12px rgba(24, 39, 75, 0.12));
    }

.g-60 {
    gap: 60px;
}

.modal-body {
    height: 100%;
}

.modal-heading-box {
    margin-bottom: 40px;
}

    .modal-heading-box .heading {
        font-size: 45px;
        font-weight: 800;
        color: var(--darkgreen);
        text-transform: uppercase;
        margin: 0 0 40px 0;
        padding: 0;
    }

    .modal-heading-box .sub-heading {
        font-size: 20px;
        font-weight: 400;
        color: var(--black);
        margin: 0;
        padding: 0;
    }

.close-btn-left {
    left: 24px;
    right: inherit;
}

.green-color {
    color: var(--darkgreen) !important;
}

.mt-120 {
    margin-top: 120px;
}
button {
    border: none;
    background: transparent;
}
/* Common End */
/* Header Start */
.main-wrapper {
    display: flex;
    flex-direction: column;
    height: 100vh;
}

.header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 17px;
    margin-bottom: 20px;
}

    .header .header-left {
        color: var(--black);
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
        letter-spacing: 0.009px;
    }

    .header .header-right {
        display: flex;
        gap: 16px;
    }

        .header .header-right .share-feedback {
            color: var(--black);
            font-size: 16px;
            font-style: normal;
            font-weight: 400;
            line-height: 24px;
            letter-spacing: 0.009px;
        }

/* Header End */

/* Footer Start */

.footer {
    position: absolute;
    bottom: 62px;
    left: 40px;
    right: 40px;
    border-radius: 24px;
    background: linear-gradient(90deg, #F0E086 0%, #A3D685 100%);
    box-shadow: 0px 1px 25px 0px rgba(41, 51, 34, 0.30);
    padding: 20px 48px;
    margin-left: 40px;
    margin-right: 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 19px;
}

    .footer .footer-block {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .footer .footer-left {
        color: #394631;
        font-size: 18px;
        font-weight: 400;
        line-height: 23px;
        letter-spacing: 0.011px;
        max-width: 368px;
    }

    .footer a {
        color: #394631;
        font-size: 18px;
        font-weight: 600;
        text-decoration: none;
        display: flex;
        align-items: center;
        gap: 20px;
    }

    .footer .footer-center {
        max-width: 362px;
    }

    .footer .footer-right {
        max-width: 322px;
    }

    .footer img {
        width: 86px;
        height: 83px;
        fill: #FFF;
        filter: drop-shadow(0px 8px 24px rgba(24, 39, 75, 0.08)) drop-shadow(0px 6px 12px rgba(24, 39, 75, 0.12));
    }

/* Footer end */


/*Custom footer Start*/
.custom-footer a {
    font-weight: bold !important;
}
/*Custom footer End*/

/* slide 1 Start */
.slide-1 {
    background: url("../images/banner.jpg") no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    height: 100%;
    border-radius: 12px;
    margin-top: 40px;
    display: flex;
    align-items: center;
    padding: 48px;
}

    .slide-1 .slide-title {
        font-family: Barlow, serif;
        font-weight: 400;
        color: var(--white);
        padding-bottom: 112px;
        font-size: 80px;
        margin: 0;
    }

    .slide-1 .banner-content {
        width: 100%;
        max-width: 657px;
        margin-left: 190px;
    }

        .slide-1 .banner-content p {
            color: var(--white);
            padding-bottom: 50px;
            font-size: 20px;
            margin-bottom: 0;
        }

/* slide 1 End */

/* slide 2 Start */
.slide-2 {
    background: #F8FAF6;
    height: 100%;
    border-radius: 12px;
    margin-top: 40px;
    padding: 48px;
}

    .slide-2 .slide-title {
        color: var(--black);
        font-size: 56px;
        font-weight: 400;
        line-height: 94px;
        letter-spacing: -0.016px;
        margin-bottom: 64px;
    }

    .slide-2 h2 {
        margin-bottom: 40px;
        font-size: 28px;
        color: #40484C;
        font-weight: 700;
    }

    .slide-2 .card {
        border-radius: 12px;
        overflow: hidden;
    }

    .slide-2 .card-body p {
        color: #000;
        font-size: 18px;
    }

    .slide-2 .card-body .text-body-secondary {
        color: #40484C;
        text-decoration: none;
        font-weight: 500;
        font-size: 14px;
    }
/* slide 2 End */

/* slide 3 Start */
.slide-3.slide-bg {
    background-image: url("../images/Page-1/slide-bg.png");
    background-color: #aedda6;
}

.slide-3 .speech-bubble-hello {
    background-image: url("../images/Page-1/speech-bubble-small.svg");
    width: 267px;
    height: 172px;
    top: 122px;
    left: 445px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.slide-3 .hello-title {
    color: var(--green);
    text-align: center;
    font-size: 50px;
    font-weight: 700;
    line-height: 65px;
    letter-spacing: 0.015px;
}

.slide-3 .dr-name {
    color: #414247;
    text-align: center;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 31px;
    letter-spacing: 0.015px;
}

.slide-3 .speech-bubble {
    background-image: url("../images/Page-1/speech-bubble-big.svg");
    width: 430px;
    height: 310px;
    top: 310px;
    left: 438px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.slide-3 .speech-bubble .bubble-text {
    max-width: 355px;
    margin: 16px auto 0 auto;
}

.slide-3 .speech-bubble p {
    font-size: 20px;
    font-weight: 400;
    line-height: 26px;
    letter-spacing: 0.02px;
    text-align: center;
    margin-bottom:0;
}

.slide-3 .main-character {
    width: 820px;
    height: 820px;
    left: 635px;
    top: 0px;
}

.slide-3 .speech-bubble-right {
    background-image: url("../images/Page-1/speech-bubble.svg");
    width: 264px;
    height: 205px;
    top: 344px;
    right: 330px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.slide-3 .speech-bubble-right .bubble-text {
    text-align: center;
    max-width: 200px;
    margin: 16px auto 0 auto;
}
.slide-3 .speech-bubble-right .bubble-text p {
    font-size: 20px;
    line-height: 26px;
    margin-bottom:0;
}
.slide-3 .right-text {
    max-width: 240px;
    top: 214px;
    right: 175px;
}

.slide-3 .right-text p {
    font-size: 20px;
}

/* slide 3 End */

/* slide 4 Start */
.slide-4 .whiteboard {
    width: 668px;
    height: 626px;
    top: 82px;
    left: 130px;
    z-index: 1;
}
.slide-4 .whiteboard-text {
    font-size: 16px;
    bottom: 240px;
    left: 300px;
}

.slide-4 .circle {
    border-radius: 983px;
    background: linear-gradient(0deg, #C1E98E 0%, #CAEE94 100%);
    width: 850px;
    height: 850px;
    top: 22px;
    right: 10%;
    z-index: 0;
}

.slide-4 .main-character {
    width: 280px;
    height: auto;
    top: 24px;
    left: 856px;
    z-index: 2;
}

.slide-4 .speech-bubble {
    background-image: url("../images/Page-2/speech-bubble.svg");
    width: 408px;
    height: 302px;
    top: 10px;
    right: 373px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.slide-4 .speech-bubble-content {
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    letter-spacing: 0.02px;
    max-width: 283px;
    margin: 30px auto 0 auto;
    text-align: center;
}
.slide-4 .speech-bubble-content p {
    font-size: 20px;
    line-height:26px;
}
.slide-4 .blue-box-list {
    right: 270px;
    bottom: 160px;
}

.slide-4 .blue-box {
    border-radius: 24px;
    background: #3B859B;
    padding: 24px;
    max-width: 672px;
    color: var(--white);
}
.slide-4 ul.list-item  {
    margin:0;
    
}
.slide-4 .list-item li {
    font-size:16px;
    line-height:21px;
}
.slide-4 .blue-box h2 {
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 21px;
    margin-bottom: 24px;
}

.slide-4 .blue-box p {
    font-size: 16px;
    color: var(--white);
    margin: 0;
    padding: 0;
    line-height:21px;
}
/* slide 4 End */

/* slide 5 Start */
.next-arrow {
    transform: rotate(180deg);
}

.slide-5 .img-bg {
    background-position: center right;
    border-top-right-radius: 26px;
    border-bottom-right-radius: 26px;
    
}

.slide-5 .review-bbl {
    background-image: url("../images/Page-3/review-bbl-bg.svg");
    width: 235px;
    height: 148px;
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    letter-spacing: 0.02px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px 32px;
    top: 110px;
    left: 150px;
}

.slide-5 .phone-offer {
    width: 350px;
    height: 635px;
    top: 230px;
    left: 380px;
}

.slide-5 .character-checking-phone-offer {
    width: 315px;
    height: 308px;
    top: 77px;
    left: 347px;
}

.slide-5 .phone-offer-text {
    font-size: 20px;
    max-width: 220px;
    top: 480px;
    left: 169px;
    line-height: 26px;
}

.slide-5 .character-checking-report {
    bottom: 0;
    width: 690px;
    right: 0;
    height: 684px;
}

.slide-5 .slide-5-right {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
    border-bottom-left-radius: 846px;
}

.slide-5 .great-bbl {
    background-image: url("../images/Page-3/great-bbl-bg.svg");
    width: 197px;
    height: 131px;
    z-index: 1;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 36px;
    letter-spacing: 0.018px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    left: 280px;
    top: 32px;
}

.slide-5 .potential-bbl {
    background-image: url("../images/Page-3/potential-bbl.svg");
    width: 267px;
    height: 174px;
    z-index: 1;
    font-size: 20px;
    font-weight: 400;
    line-height: 26px;
    letter-spacing: 0.02px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    left: 457px;
    top: 125px;
}

/* slide 5 End */


/* slide 6 Start */

.slide-6 .thought-bbl {
    background-image: url("../images/Page-4/thought-bbl.svg");
    width: 186px;
    height: 156px;
    flex-shrink: 0;
    left: 130px;
    top: 70px;
    background-size: cover;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.slide-6 .or-time {
    display: flex;
    width: 140px;
    height: 113px;
    flex-direction: column;
    justify-content: center;
    flex-shrink: 0;
    margin-bottom: 48px;
    font-size: 20px;
    font-style: italic;
    font-weight: 400;
    line-height: 26px;
    letter-spacing: 0px;
    color: #D45500;
}

.slide-6 .chat-bbl {
    background-image: url("../images/Page-4/chat-bbl-01.svg");
    width: 289px;
    height: 224px;
    left: 154px;
    top: 192px;
    flex-shrink: 0;
    background-size: cover;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 1;
}

.slide-6 .logistic-challenge {
    display: flex;
    width: 224px;
    height: 113px;
    flex-direction: column;
    justify-content: center;
    flex-shrink: 0;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    letter-spacing: 0px;
    text-align: center;
}

.slide-6 .doctor-mask {
    border-radius: 356px;
    background: #D9D9D9;
    width: 385px;
    height: 385px;
    left: 110px;
    top: 380px;
    overflow: hidden;
}

.slide-6 .doctor-mask-canvas {
    width: 390px;
    height: 385px;
    top: 95px;
    overflow: hidden;
    position: absolute;
    z-index: 1;
}

.slide-6 .doctor-mask img {
    height: auto;
}

.slide-6 .specialist-container {
    left: 564px;
    top: 37px;
    width: 800px;
    height: 800px;
    border-radius: 689px;
    background: linear-gradient(0deg, #DBF4B1 0%, #DBF4B1 100%);
}

.slide-6 .specialist-content {
    position: relative;
}

.slide-6 .specialist-img {
    width: 772px;
    height: 775px;
    left: -16px;
    top: -62px;
}

.slide-6 .specialist-bbl {
    background-image: url("../images/Page-4/chat-bbl-02.svg");
    background-size: cover;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 1;
    width: 267px;
    height: 191px;
    flex-shrink: 0;
    left: 40px;
    top: 265px;
}

.slide-6 .specialist-bbl-text {
    display: flex;
    width: 184px;
    height: 137px;
    flex-direction: column;
    justify-content: center;
    flex-shrink: 0;
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    letter-spacing: 0px;
}

.slide-6 .blue-box-list {
    max-width: 358px;
    top: 170px;
    right: 376px;
    display: flex;
    flex-direction: column;
    gap: 34px;
}

.slide-6 .blue-box {
    border-radius: 24px;
    background: var(--primary-color);
    padding: 35px 24px;
    color: var(--white);
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    line-height: 21px;
}

.slide-6 .learn-more {
    right: 246px;
    top: 80px;
}

.slide-6 .footer .footer-right {
    max-width: 380px;
}
.slide-6 .specialist-name {
    font-size: 14px;
    font-weight: 400;
    top: 680px;
    text-align: center;
    left: 365px;
}
    .slide-6 .specialist-name strong {
        font-weight: 600;
        display: block;
    }
    /* slide 6 End */
    /* toot side bar start */
    .tool-bar {
        border-radius: 24px;
        background: linear-gradient(180deg, #F0F9E1 0%, #D7EED1 100%);
        box-shadow: 0px 1px 25px 0px rgba(175, 175, 175, 0.30);
        display: inline-flex;
        padding: 24px 16px;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        flex-shrink: 0;
        max-width: 166px;
        right: 40px;
        gap: 40px;
        top: 40px;
        height: calc(100% - 224px);
        z-index: 2;
    }

.tool-bg {
    background: url('../images/rightside-panel-circle.svg') no-repeat;
    width: 134px;
    height: 148px;
    background-size: 100%;
    cursor: pointer;
}

    .tool-bg.active {
        background: url(../images/active-circle.svg) no-repeat;
    }

.tool-inner-item {
    text-align: center;
    margin-top: -16px;
    color: var(--black);
    font-size: 14px;
    font-weight: 400;
    line-height: 1.2;
}

    .tool-inner-item img {
        height: auto;
        width: auto;
        max-width: 72px;
        margin: auto;
    }

    .tool-inner-item span {
        max-width: 128px;
        display: block;
        margin-top: 12px;
        font-size: 14px;
        margin-left: auto;
        margin-right: auto;
    }

.tool-bar-full {
    justify-content: space-around;
    height: calc(100% - 75px);
    z-index: 3;
}


/* toot side bar End */



/* modal start */
.popup-wrapper {
    width: 100%;
    height: 100%;
    background: rgba(99, 141, 103, 0.55);
    position: absolute;
    z-index: 1;
    padding: 40px;
}

.popup-container {
    background: #ffffff;
    padding: 24px 40px;
    border-radius: 24px;
    box-shadow: 0px 1px 25px 0px rgba(175, 175, 175, 0.30);
    position: relative;
}

.popup-xl {
    height: 100%;
    width: calc(100% - 200px);
}

.close-btn {
    position: absolute;
    right: 40px;
    border: 0;
    background: transparent;
    z-index: 1;
    top: 24px;
    width: 40px;
    height: 40px;
}

.btn-center {
    top: 46px;
}
/* modal end */

/*  offer on-demand popup content Start */
.services-popup .popup-top-img {
    text-align: center;
    margin-top: 85px;
}

.services-popup .popup-title {
    color: var(--green);
    text-align: center;
    font-size: 37px;
    font-weight: 700;
    line-height: 44.4px;
    letter-spacing: 0.023px;
    max-width: 595px;
    margin: 5px auto 24px auto;
}

.services-popup .popup-subtitle {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px; /* 131.25% */
    max-width: 685px;
    margin: auto;
    text-align: center;
}

.services-popup .offer-slider {
/*    overflow-x: auto;*/
    padding: 3rem 0;
}

.scrollbar {
    overflow-x: auto;
    padding-top: 48px;
    padding-bottom: 48px;
    gap: 24px;
    scrollbar-color: #2C6C16 #ffffff;
    scrollbar-width: thin;
}

    .scrollbar::-webkit-scrollbar {
        height: 10px;
        border-radius: 50px;
    }

    .scrollbar::-webkit-scrollbar-track {
        background: #ffffff;
        border-radius: 10px;
    }

    .scrollbar::-webkit-scrollbar-thumb {
        background: #2C6C16;
        border-radius: 10px;
    }

    .scrollbar::-webkit-scrollbar-button {
        display: none;
    }


.offer-list {
    text-align: center;
    max-width: 360px;
    margin: auto;
}

    .offer-list .offer-list-title {
        font-size: 18px;
        font-weight: 700;
        line-height: 21px; /* 116.667% */
        height: 100px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .offer-list .offer-list-content {
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 21px; /* 131.25% */
/*        max-width: 240px;
        margin: auto;*/
    }

/*  offer on-demand popup content End */

/*  LBE Procurement Requirements popup content Start */
.popup-procurement-requirements {
    max-width: 462px;
    position: absolute;
    right: 240px;
    padding: 24px;
    top: 175px;
}

    .popup-procurement-requirements .close-btn {
        left: 24px;
        right: inherit;
    }

    .popup-procurement-requirements .popup-subtitle {
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 21px; /* 131.25% */
        text-align: center;
        margin-top: 72px;
        margin-bottom: 30px;
    }

    .popup-procurement-requirements .content-table {
        border: 1px solid #C0C8CD;
        border-radius: 12px;
    }

    .popup-procurement-requirements .content-table-list {
        border-bottom: 1px solid #C0C8CD;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        display: flex;
        padding: 10px;
        text-align: center;
        min-height: 64px;
        justify-content: center;
        align-items: center;
    }

        .popup-procurement-requirements .content-table-list:last-child {
            border: none;
        }

    .popup-procurement-requirements .download-block {
        display: flex;
        align-items: center;
        margin-top: 24px;
        gap: 24px;
    }

        .popup-procurement-requirements .download-block a {
            color: var(--black);
        }

    .popup-procurement-requirements .download-block-right {
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 21px;
    }

        .popup-procurement-requirements .download-block-right span {
            display: block;
            color: var(--darkgreen);
        }

.discussion-point {
    max-width: 462px;
    position: absolute;
    right: 240px;
    padding: 24px;
    bottom: 224px;
}

    .discussion-point .close-btn {
        left: 8px;
        right: inherit;
    }

    .discussion-point .popup-subtitle {
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 21px;
        max-width: 300px;
        color: #000;
        font-family: "Source Sans 3";
        padding-bottom:5px;
        /*        padding-left: 70px;*/
    }
    .discussion-point p {
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        color: #40484C;
        font-family: Barlow, serif;
    }
.discussion-point-form {
    margin-top: 4rem;
}

.form-control {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.3125rem;
    /* 131.25% */
    letter-spacing: 0.03125rem;
    color: #191c1e;
    border: 1px solid #70787d;
}

.form-floating > label {
    font-size: 1rem;
    color: #191c1e;
    font-weight: 400;
    line-height: 1.3125rem;
    /* 131.25% */
    letter-spacing: 0.03125rem;
}

.form-floating > .form-control-plaintext ~ label,
.form-floating > .form-control:focus ~ label,
.form-floating > .form-control:not(:placeholder-shown) ~ label,
.form-floating > .form-select ~ label {
    transform: scale(0.85) translateY(-1.7rem) translateX(0.15rem);
    color: #40484c;
    opacity: 1;
}

.feedback-form-title {
    font-size: 1.25rem;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    padding-bottom: 0.5rem;
}
/*  LBE Procurement Requirements popup content End */

/* slide 11 Start */
.slide-11 .footer-left {
    max-width: 420px;
}

.slide-11 .footer-center {
    max-width: 302px;
}

.slide-11 .footer-right {
    max-width: 338px;
}

.slide-11 .hold-on-bbl {
    background-color: var(--white);
    height: 133px;
    width: 200px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 85px;
    left: 142px;
    z-index: 3;
}

.slide-11 .hold-on-bbl-text {
    color: var(--green);
    text-align: center;
    font-size: 34px;
    font-style: normal;
    font-weight: 800;
    line-height: 37.4px;
}

.slide-11 .specialist-mask {
    background-color: #B6DD9F;
    border-radius: 100%;
    width: 451px;
    height: 451px;
    overflow: hidden;
    top: 170px;
    left: 110px;
    z-index: 1;
}

    .slide-11 .specialist-mask .specialistMask-canvas {
        width: 1150px;
        height: 1150px;
        overflow: hidden;
        top: -112px;
        left: -343px;
        position: absolute;
    }

.slide-11 .speech-bbl {
    background-image: url("../images/Page-4/Page-4-Decline/speech-bbl.svg");
    background-repeat: no-repeat;
    background-size: cover;
    width: 315px;
    height: 250.96px;
    top: 507px;
    left: 131px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 3;
}

.slide-11 .speech-text {
    width: 203px;
    height: 126px;
    text-align: center;
    line-height: 130%;
    margin-top: 22px;
}

.slide-11 .video-wrapper {
    background-color: #DBF4B1;
    border-radius: 100%;
    height: 804px;
    width: 804px;
    margin-top: 30px;
    left: 500px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.slide-11 .have-a-look {
    width: 244px;
    height: 72px;
    margin-left: -100px;
    margin-bottom: 20px;
}

.slide-11 .video-player {
    height: 450px;
    width: 450px;
}

.slide-11 .blue-box-list {
    display: flex;
    flex-direction: column;
    gap: 20px;
    top: 70px;
    right: 310px;
}

.slide-11 .blue-box {
    background-color: #3B859B;
    border-radius: 24px;
    color: var(--white);
    /*    height: 152px;*/
    height: auto;
    width: 313px;
    font-style: normal;
    font-weight: 360;
    line-height: 130%; /* 26px */
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 23px;
}

.slide-11 .footer .footer-block img {
    fill: #FFF;
    filter: drop-shadow(0px 8px 24px rgba(24, 39, 75, 0.08)) drop-shadow(0px 6px 12px rgba(24, 39, 75, 0.12));
}
/* slide 11 End */


/* slide 12 and 26 Start */

.slide-12 .benefits-wrapper,
.slide-26 .benefits-wrapper {
    padding: 74px 52px;
}

.slide-12 .row,
.slide-12 .row,
.slide-26 .row {
    margin-top: 40px;
}

.slide-12 .benefit-title,
.slide-26 .benefit-title {
    color: var(--darkgreen);
    font-size: 34px;
    font-style: normal;
    font-weight: 800;
    line-height: 110%; /* 37.4px */
}

.slide-12 .benefits-blocks,
.slide-26 .benefits-blocks {
    background-color: var(--white);
    border-radius: 24px;
    padding: 70px;
    height: 630px;
}

    .slide-12 .benefits-blocks img,
    .slide-26 .benefits-blocks img {
        width: 80px;
        height: 80px;
    }

    .slide-12 .benefits-blocks .title,
    .slide-26 .benefits-blocks .title {
        color: var(--black);
        font-size: 20px;
        font-style: normal;
        margin-top: 24px;
        margin-bottom: 72px;
        font-weight: 700;
        min-height: 72px;
        line-height: 120%; /* 24px */
    }

    .slide-12 .benefits-blocks .para,
    .slide-26 .benefits-blocks .para {
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 130%;
        max-width: 258px;
    }

.slide-12 .footer-right,
.slide-26 .footer-right {
    max-width: 376px;
}

/* slide 12 and 26 End */

/* slide 13,23,27,36,43 Start */

.slide-13 .slide-13-wrapper,
.slide-23 .slide-23-wrapper,
.slide-27 .slide-27-wrapper,
.slide-36 .slide-36-wrapper,
.slide-43 .slide-43-wrapper {
    border-radius: 1600px;
    width: 840px;
    height: 840px;
    background: linear-gradient(0deg, #DBF4B1 0%, #DBF4B1 100%), lightgray;
    top: 40px;
    left: 470px;
}

.slide-13 .doctor,
.slide-23 .doctor,
.slide-27 .doctor,
.slide-36 .doctor,
.slide-43 .doctor {
    width: 826px;
    height: 812px;
    left: -80px;
}

.slide-13 .specialist,
.slide-23 .specialist,
.slide-27 .specialist,
.slide-36 .specialist,
.slide-43 .specialist {
    width: 876px;
    left: 101px;
    top: -40px;
    height: 840px;
}

.slide-13 .doctor-bbl,
.slide-23 .doctor-bbl,
.slide-27 .doctor-bbl,
.slide-36 .doctor-bbl,
.slide-43 .doctor-bbl {
    background-image: url('../images/Page-4/Page-4-Other-Finish/speech-bubble-doc.svg');
    background-size: contain;
    background-repeat: no-repeat;
    width: 312px;
    height: 164px;
    left: -35.2px;
    top: 328px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.slide-13 .doctor-bbl-text,
.slide-23 .doctor-bbl-text,
.slide-27 .doctor-bbl-text,
.slide-36 .doctor-bbl-text,
.slide-43 .doctor-bbl-text {
    color: var(--green);
    width: 258px;
    text-align: center;
    font-size: 32px;
    font-style: normal;
    font-weight: 800;
    line-height: 110%; /* 37.4px */
}

.slide-13 .specialist-bbl,
.slide-23 .specialist-bbl,
.slide-27 .specialist-bbl,
.slide-36 .specialist-bbl,
.slide-43 .specialist-bbl {
    background-image: url('../images/Page-4/Page-4-Other-Finish/speech-bubble-specialist.svg');
    background-size: contain;
    background-repeat: no-repeat;
    width: 312px;
    height: 206px;
    right: -86.4px;
    top: 148px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.slide-13 .specialist-bbl-text,
.slide-23 .specialist-bbl-text,
.slide-27 .specialist-bbl-text,
.slide-36 .specialist-bbl-text,
.slide-43 .specialist-bbl-text {
    width: 249px;
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
}

.slide-13 .back,
.slide-23 .back,
.slide-27 .back,
.slide-36 .back,
.slide-43 .back {
    top: 759px;
    left: 519px;
}

.slide-13 .blue-box,
.slide-23 .blue-box,
.slide-27 .blue-box,
.slide-36 .blue-box,
.slide-43 .blue-box {
    border-radius: 24px;
    background: #3B859B;
    text-align: center;
    color: var(--white);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px; /* 131.25% */
    width: 290px;
    padding: 24px;
    top: 408px;
    right: -84px;
}

/* slide 13,23,27,36,43 end */

/* slide 13 End */

/* Slide 14 Start */
.overlay-bg {
    background: rgba(99, 141, 103, 0.87);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 4;
}



.slide-14 .inner-container {
    width: 893px;
    height: 666px;
    margin: 0 auto;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    z-index: 8;
}

.slide-14 .thought-bbl-popup {
    background-image: url("../images/Page-4/speech-bubble-xl.svg");
    width: 374px;
    height: 199px;
    flex-shrink: 0;
    right: 82px;
    top: 87px;
    background-size: cover;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.slide-14 .bubble-xl-txt {
    color: var(--green);
    text-align: center;
    font-size: 50px;
    font-style: normal;
    font-weight: 700;
    line-height: 65px;
    letter-spacing: 0.031px;
}

.slide-14 .character-mask {
    width: 668px;
    height: 666px;
    border-radius: 50%;
    background: #E3F1D7;
    top: 0;
    left: 0;
    overflow: hidden;
    text-align: center;
}

    .slide-14 .character-mask canvas,
    .slide-14 .character-mask img {
        width: 700px;
        height: 700px;
        margin: 0 auto;
        object-fit: cover;
        object-position: center;
        margin-top: 0px;
        margin-left: -25px;
    }

.slide-14 .chat-bbl-popup {
    background-image: url("../images/Page-4/speech-bubble-sm.svg");
    width: 314px;
    height: 208px;
    display: flex;
    align-items: center;
    justify-content: center;
    right: 0;
    bottom: 151px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.slide-14 .chat-bbl-popup .chat-bbl-txt {
    width: 189px;
    height: 110px;
    text-align: center;
    margin-left: 32px;
    line-height:26px;
}

.icon-close {
    border: 0;
    padding: 0;
    background: transparent;
    position: absolute;
    left: 0;
    top: 0;
}

/* Slide 14 End */


/* Slide 15 Start */

.slide-15 .top-text {
    top: 60px;
    left: 180px;
    max-width: 363px;
    text-align: center;
    color: #000;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    letter-spacing: 0px;
    height: 98px;
    display: flex;
    align-items: center;
}

    .slide-15 .top-text p {
        margin-bottom: 0;
        font-size: 20px;
    }

.slide-15 .doctor {
    width: 450px;
    height: 450px;
    border-radius: 50%;
    background: #638D67;
    top: 220px;
    left: 180px;
    overflow: hidden;
}

    .slide-15 .doctor canvas {
        margin: 0 auto;
        object-fit: cover;
        object-position: center 50px;
    }

.slide-15 .speech-bubble-xs {
    background-image: url("../images/Page-5/speech-bubble-xs.svg");
    width: 288px;
    height: 224px;
    top: 185px;
    left: 480px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.slide-15 .bubble-text {
    max-width: 199px;
    font-size: 20px;
    font-weight: 400;
    line-height: 26px;
    letter-spacing: 0px;
    text-align: center;
}

.slide-15 .bubble-text p {
    margin-bottom: 0;
    font-size: 20px;
    line-height:26px;
}

.slide-15 .bottom-text {
    width: 365px;
    display: flex;
    align-items: center;
    text-align: center;
    bottom: 195px;
    left: 260px;
}

.slide-15 .bottom-text p {
    margin-bottom: 0;
    max-width: 263px;
    font-size: 20px;
}

.slide-15 .arrow-bottom {
    width: 81px;
    height: 53px;
    margin-top: 18px;
    margin-left: 21px;
}

.slide-15 .footer .footer-left {
    max-width: 242px;
}

.slide-15 .speech-bubble-xl {
    background-image: url("../images/Page-5/speech-bubble-xl.svg");
    width: 394px;
    height: 288px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    right: 316px;
    top: 72px;
}

    .slide-15 .speech-bubble-xl .bubble-text {
        max-width: 288px;
        font-size: 20px;
    }

.slide-15 .evlp-specialist {
    width: 470px;
    height: 470px;
    border-radius: 50%;
    background: #DBF4B1;
    position: absolute;
    top: 310px;
    right: 354px;
    overflow: hidden;
    text-align: center;
}

    .slide-15 .evlp-specialist canvas {
        width: 200%;
        height: auto;
        margin: 0 auto;
        object-fit: cover;
        object-position: center;
        margin-left: -157px;
        margin-top: -64px;
        transform: scaleX(-1);
    }

.slide-15 .doctor img {
    width: 450px;
    height: 450px;
    margin-top: 58px;
}
/* Slide 15 End */

/* Slide 16 Start */
.procuring-popup .close-btn {
    left: 24px;
    right: inherit;
}

.procuring-popup .green-bubble {
    background-image: url("../images/Page-5/green-bubble.svg");
    display: flex;
    width: 260px;
    height: 240px;
    justify-content: center;
    align-items: center;
    left: 380px;
    top: 60px;
}

    .procuring-popup .green-bubble .green-bubble-content {
        text-align: center;
        color: #fff;
        max-width: 200px;
        margin-top: -44px;
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: 130%; /* 26px */
        letter-spacing: 0.02px;
    }

.procuring-popup .green-bubble-content span {
    display: block;
    margin-top: 20px;
}

.procuring-popup .bubble-right-block {
    top: 74px;
    left: 872px;
}

.procuring-popup .bubble-right {
    background-image: url("../images/Page-5/bubble-sm.svg");
    width: 257px;
    height: 174px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.procuring-popup .bubble-right-content {
    max-width: 189px;
    margin: auto;
    text-align: center;
    font-size: 20px;
    font-weight: 400;
    line-height: 130%; /* 26px */
    letter-spacing: 0.02px;
}

.procuring-popup .doctor-img {
    width: 77px;
    height: 77px;
    border-radius: 50%;
    overflow: hidden;
    background: #EAF6DD;
    bottom: -60px;
    left: -44px;
}

.procuring-popup .doctor-big-img {
    width: 550px;
    height: 535px;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
}

.procuring-popup .procuring-left-content {
    max-width: 330px;
    bottom: 140px;
    left: 194px;
}

    .procuring-popup .procuring-left-content h2 {
        font-size: 22px;
        font-style: normal;
        font-weight: 700;
        line-height: 130%; /* 28.6px */
        letter-spacing: 0.028px;
        text-transform: uppercase;
        margin-bottom: 32px;
        text-align: center;
    }

    .procuring-popup .procuring-left-content .table-view {
        border-radius: 4px;
        border: 1px solid #B9B9B9;
        display: flex;
        flex-direction: column;
    }

        .procuring-popup .procuring-left-content .table-view .table-list {
            display: flex;
            border-bottom: 1px solid #B9B9B9;
        }

            .procuring-popup .procuring-left-content .table-view .table-list:last-child {
                border: none;
            }

        .procuring-popup .procuring-left-content .table-view .table-left {
            border-right: 1px solid #B9B9B9;
            width: 180px;
            padding: 10px 12px;
            font-size: 16px;
            font-style: normal;
            font-weight: 400;
            line-height: 21px; /* 131.25% */
            color: #40484C;
        }

        .procuring-popup .procuring-left-content .table-view .table-right {
            padding: 10px 12px;
            font-size: 16px;
            font-style: normal;
            font-weight: 600;
            line-height: 21px; /* 131.25% */
            color: #40484C;
            width: 150px;
        }

.procuring-popup .procuring-right-content {
    max-width: 320px;
    bottom: 180px;
    right: 194px;
}

    .procuring-popup .procuring-right-content h2 {
        font-size: 22px;
        font-style: normal;
        font-weight: 700;
        line-height: 130%; /* 28.6px */
        letter-spacing: 0.028px;
        text-transform: uppercase;
        margin-bottom: 32px;
        text-align: center;
    }

    .procuring-popup .procuring-right-content ul li {
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 21px; /* 131.25% */
        margin-bottom: 20px;
    }
/* Slide 16 End */

/* Slide 17 Start */
.slide-17 .popup-top-section {
    display: flex;
    justify-content: space-between;
    align-items: end;
}

.slide-17 .left-text {
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%; /* 28.6px */
    letter-spacing: 0.028px;
    text-transform: uppercase;
    margin-bottom: 32px;
}

.slide-17 .right-content {
    margin-top: 33px;
    margin-right: 40px;
}

    .slide-17 .right-content .speech-bbl {
        background-image: url("../images/Page-5/speech-bbl-right.svg");
        background-repeat: no-repeat;
        background-size: cover;
        width: 287px;
        height: 199px;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        color: #FFF;
        right: 220px;
        top: 20px;
    }

.slide-17 .speech-text {
    max-width: 200px;
    margin-top: 10px;
    margin-right: 22px;
    line-height:26px;
}

.slide-17 .mask-doctor {
    background-color: #EAF6DD;
    border-radius: 100%;
    height: 224px;
    width: 224px;
    overflow: hidden
}

    .slide-17 .mask-doctor canvas {
        margin: -41px -30px;
        object-fit: cover;
        object-position: center 50px;
        height: 278px;
        width: 278px;
    }

.slide-17 .offer-slider {
    bottom: 10px;
    padding-bottom: 80px;
}

    .slide-17 .offer-slider .col {
        width: 22%;
    }

.slide-17 .offer-list-title {
    margin-top: 10px;
}
/* Slide 17 End */



/* Slide 53 Start */
.slide-bg {
    background-image: url("../images/CaseStudyComplete/slide-bg.png");
    background-color: #aedda6;
}

.slide-53 .tool-bar {
    height: calc(100% - 75px);
    justify-content: space-around;
}

.slide-53 .case-complete-circle {
    border-radius: 1600px;
    width: 840px;
    height: 840px;
    background: linear-gradient(0deg, #DBF4B1 0%, #DBF4B1 100%), lightgray;
    top: 60px;
    left: 470px;
}

.slide-53 .doctor-bbl {
    background-image: url(../images/CaseStudyComplete/speech-bubble-doc.svg);
    background-size: contain;
    background-repeat: no-repeat;
    width: 312px;
    height: 164.48px;
    left: -35.2px;
    top: 328px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.slide-53 .doctor-bbl-text {
    color: var(--green);
    width: 258px;
    text-align: center;
    font-size: 34px;
    font-style: normal;
    font-weight: 800;
    line-height: 110%;
}

.slide-53 .doctor-clapping {
    width: 700px;
    height: 700px;
    top: 38px;
    left: 60px;
    transform: scaleX(-1);
}

.slide-53 .doctor-thumbsup {
    width: 360px;
    height: 790px;
    top: 72px;
    left: 310px;
}

.slide-53 .specialist-bbl {
    background-image: url("../images/CaseStudyComplete/speech-bubble-specialist.svg");
    background-size: contain;
    background-repeat: no-repeat;
    width: 367px;
    height: 234px;
    right: -160px;
    top: 140px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
}

.slide-53 .specialist-bbl-text {
    max-width: 278px;
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height:26px;
}

.slide-53 .blue-box {
    border-radius: 24px;
    background: #3B859B;
    text-align: center;
    color: var(--white);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px; /* 131.25% */
    width: 283px;
    padding: 24px;
    top: 410px;
    right: -84px;
    z-index: 0;
}
/* Slide 53 End */

/* Survey From Start */
.survey .survey-wrapper .icon-3d-email {
    position: absolute;
    bottom: -90px;
    left: -180px;
}

.survey .survey-wrapper {
    max-width: 672px;
    margin: 110px auto 0 auto;
    position: relative;
}

.survey .heading-box h2 {
    color: var(--black);
    font-size: 22px;
    font-weight: 700;
    margin: 0 0 40px 0;
}

.survey .heading-box p {
    color: var(--black);
    font-size: 20px;
    font-weight: 400;
    margin: 0 0 40px 0;
}

.survey .form-container {
    padding: 48px 24px;
    border-radius: 28px;
    background: #F5F7F2;
}

.survey label {
    font-size: 14px;
    font-weight: 700;
    color: #1D2433;
    margin: 0;
    padding: 0;
}

.survey .form-control {
    font-size: 16px;
    font-weight: 400;
    border-radius: 8px;
    padding: 10px;
    color: rgba(29, 36, 51, 0.8);
    background-color: #DFE4D7;
    line-height: normal;
}

.survey textarea.form-control {
    min-height: auto;
    resize: none;
}

.survey .btn-submit {
    width: 130px;
    line-height:normal;
}

.survey .step-on {
    font-size: 18px;
    font-weight: 400;
    color: var(--black);
    margin: 0 0 16px 0;
    padding: 0;
}

.survey .question {
    font-size: 18px;
    font-weight: 700;
    color: var(--black);
    margin: 0 0 24px 0;
    padding: 0;
}

.survey .options-list {
    margin: 0 0 20px 0;
    padding: 0;
}

    .survey .options-list li {
        list-style: none;
        border-bottom: 1px solid #C4C6CF;
        padding: 10px 0;
    }

        .survey .options-list li:last-child {
            border-bottom: 0;
        }

.survey .custom-radio {
    font-size: 18px;
    font-weight: 400;
    color: var(--black);
    position: relative;
    margin: 0;
    padding: 10px 0;
}

    .survey .custom-radio span {
        position: relative;
        padding-left: 30px;
    }

        .survey .custom-radio span::after {
            content: "";
            position: absolute;
            left: 0;
            top: 3px;
            width: 18px;
            height: 18px;
            border-radius: 2px;
            border: 2px solid #C0C8CD;
        }

    .survey .custom-radio input[type="radio"] {
        display: none;
    }

        .survey .custom-radio input[type="radio"]:checked + span::before {
            content: "";
            position: absolute;
            left: 3px;
            top: 6px;
            width: 12px;
            height: 12px;
            border-radius: 2px;
            background-color: var(--darkgreen);
        }

.survey .no-bg {
    font-weight: 700;
    color: var(--darkgreen);
    background-color: transparent;
}

    .survey .no-bg:hover {
        opacity: 0.8;
    }

.survey .label-feedback {
    font-size: 16px;
    margin-bottom: 24px;
    color: var(--black);
}

.survey .feedback-input {
    background: #F5F7F2;
    border: 1px solid #7DAA7E;
}

.survey .privacy-info {
    font-size: 14px;
}

.survey .link-txt {
    color: var(--darkgreen);
}

.survey .close-btn {
    left: 24px;
    right: inherit;
}

.thankyou-wrapper {
    width: 100%;
    height: 100%;
    background: url(../images/survey/brushstroke.png) no-repeat 0 0;
    padding: 70px 0 0 0;
    margin: 0 auto;
}

    .thankyou-wrapper .letter-box {
        width: 616px;
        height: 595px;
        position: relative;
        margin: 0 auto;
    }

        .thankyou-wrapper .letter-box .info {
            position: absolute;
            left: 0;
            top: 138px;
            width: 100%;
            text-align: center;
            display: flex;
            flex-direction: column;
            align-items: center;
        }

            .thankyou-wrapper .letter-box .info h2 {
                color: var(--darkgreen);
                font-size: 45px;
                text-transform: uppercase;
                font-weight: 800;
                margin: 0 0 10px 0;
            }

            .thankyou-wrapper .letter-box .info p {
                color: var(--black);
                font-size: 22px;
                text-transform: uppercase;
                font-weight: 700;
                line-height: 1.2;
                margin: 0 0 26px 0;
            }

            .thankyou-wrapper .letter-box .info .btn {
                border-color: var(--darkgreen);
                color: var(--darkgreen);
                min-width: 100px;
                height: 40px;
                border-radius: 100px;
                text-align: center;
                font-size: 14px;
                font-weight: 500;
                justify-content: center;
            }

    .thankyou-wrapper .thankyou-bottom {
        max-width: 1000px;
        margin: auto;
    }

/* Survey From End */

/* Slide 18 Start */
.slide-18 .overlay-bg {
    background: rgba(99, 141, 103, 0.87);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}

.slide-18 .inner-container {
    width: calc(100% - 80px);
    height: calc(100% - 80px);
    margin: 0 auto;
    position: relative;
    margin: 40px;
}

.slide-18 .icon-close {
    border: 0;
    padding: 0;
    background: transparent;
    position: absolute;
    left: 1.5rem;
    top: 1rem;
}

.slide-18 .tab-wrapper {
    border-radius: 1.5rem;
    background: #FFF;
    height: 100%;
    /* padding: 20px 30px; */
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.slide-18 .top-container {
    height: 100%;
    width: 100%;
    background-color: #F8FAF6;
    border-radius: 24px;
}

.slide-18 .send-title {
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%; /* 28.6px */
    letter-spacing: 0.028px;
    text-transform: uppercase;
    margin-left: 80px;
}

.slide-18 .flight-durationBox {
    border-radius: 24px;
    background: #3B859B;
    padding: 12px 8px;
    height: 72px;
    width: 151px;
}

.slide-18 .flight-title {
    color: #FFF;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px; /* 171.429% */
    letter-spacing: 0.009px;
}

.slide-18 .flight-duration {
    color: #FFF;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 171.429% */
    letter-spacing: 0.009px;
}

.slide-18 .arrivalBox {
    border-radius: 24px;
    background: #FFF;
    padding: 12px 8px;
    height: 72px;
    width: 151px;
}

.slide-18 .arrival-title {
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px; /* 171.429% */
    letter-spacing: 0.009px;
}

.slide-18 .arrival-duration {
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 171.429% */
    letter-spacing: 0.009px;
}

.slide-18 .top-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.slide-18 .right-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    margin-right: 80px;
}

.slide-18 .duration-boxes {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 36px;
}

.slide-18 .building-blocks {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.slide-18 .building-with-label {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
}

.slide-18 .forward-arrow {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
    font-style: italic;
}

.slide-18 .bottom-container {
    height: 100%;
    width: 100%;
    border-radius: 24px;
    background-color: #E1E3DC;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.slide-18 .specialist-bbl {
    top: 335px;
    left: 50px;
    display: flex;
    align-items: center;
}

.slide-18 .profile-img {
    background-color: #EAF6DD;
    border-radius: 100%;
    overflow: hidden;
    height: 80px;
    width: 80px;
}

.slide-18 .speech-bbl {
    background-image: url("../images/Page-5/specialist-bbl.svg");
    background-repeat: no-repeat;
    background-size: cover;
    width: 246px;
    height: 170px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 35px;
    margin-left: -10px;
}

.slide-18 .bbl-text {
    color: #FFF;
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 350;
    margin-left: 18px;
    line-height: 130%; /* 26px */
    letter-spacing: 0.02px;
    max-width: 177px;
}



/* Slide 22 Start */
.slide-22 .topleft-bbl {
    background-image: url("../images/Page-5/Page-5-Decline-Intra-Op/before-bbl.svg");
    background-repeat: no-repeat;
    background-size: cover;
    width: 305px;
    height: 205px;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 60px;
    left: 130px;
}

.slide-22 .before-text {
    color: var(--green);
    text-align: center;
    font-size: 34px;
    font-style: normal;
    font-weight: 800;
    line-height: 110%; /* 37.4px */
}

.slide-22 .bottomleft-bbl {
    background-image: url("../images/Page-5/Page-5-Decline-Intra-Op/bottomleft-bbl.svg");
    background-repeat: no-repeat;
    background-size: cover;
    width: 366px;
    height: 306px;
    top: 284px;
    left: 260px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 25px;
    padding-bottom: 20px;
}

    .slide-22 .bottomleft-bbl .content {
        max-width: 292px;
        text-align: center;
        line-height: 1.2;
    }

.slide-22 .hours {
    background-color: #006492;
    border-radius: 100%;
    height: 100px;
    width: 100px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

    .slide-22 .hours span:nth-child(1) {
        color: var(--white);
        text-align: center;
        font-size: 30px;
        font-style: normal;
        font-weight: 700;
        line-height: 34px; /* 115.556% */
        text-transform: uppercase;
    }

    .slide-22 .hours span:nth-child(2) {
        color: var(--white);
        text-align: center;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 19px; /* 116.667% */
    }

.slide-22 .specialist {
    left: 50%;
    transform: translateX(-50%);
    height: 820px;
}

.slide-22 .topright-bbl {
    background-image: url("../images/Page-5/Page-5-Decline-Intra-Op/topright-bbl.svg");
    background-repeat: no-repeat;
    background-size: cover;
    width: 348px;
    height: 259px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
    top: 60px;
    right: 360px;
    padding-left: 20px;
    gap: 6px;
}

    .slide-22 .topright-bbl .content {
        max-width: 243px;
        margin-bottom: 40px;
        line-height: 1.2;
    }

.slide-22 .bottomright-bbl {
    bottom: 186px;
    right: 50px;
    top: 356px;
    right: 105px;
}

    .slide-22 .bottomright-bbl .content {
        max-width: 218px;
    }

.slide-22 .arrow {
    top: 450px;
    right: 241px;
}

.slide-22 .tool-bar {
    bottom: 180px;
    top: initial;
    height: calc(100% - 73%);
    justify-content: center;
}
/* Slide 22 End */


/* Slide 24 start */
.slide-24 .specialist {
    top: 0;
    left: -212px;
    width: 40%;
}

.slide-24 .specialist img {
    width: 264px;
    height: 608px;
}

.slide-24 .surety-bbl {
    width: 303px;
    height: 200px;
    background-image: url("../images/Page-5/speech-bubbletop.svg");
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
    left: 260px;
    top: 60px;
}

.slide-24 .surety-content {
    color: var(--green);
    max-width: 200px;
    text-align: center;
    font-size: 34px;
    font-style: normal;
    font-weight: 800;
    line-height: 110%; /* 37.4px */
}

.slide-24 .topright-object {
    right: 0;
}

.slide-24 .video-details {
    top: 110px;
    right: 230px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    
   
}
.slide-24 .video-details iframe {
    border-bottom: 2px solid #fff;
    border-left:0;
    border-right:0;
}
.slide-24 .video-details .ratio:after {
    content: '';
    position: absolute;
    width: 3%;
    height: 100%;
    top: 0;
    background: #fff;
    left: -1px;
}
.slide-24 .video-details::before {
    width: 3%;
    height: 100%;
    top: 0;
    background: #fff;
    right: -1px;
    content: '';
    position: absolute;
    z-index:9;
}

.slide-24 .video-details video {
    width: 471px;
    height: 498px;
}

.slide-24 .video-title {
    text-align: center;
    font-size: 26.574px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%; /* 34.546px */
    letter-spacing: 0.083px;
    text-transform: uppercase;
}

.slide-24 .video-content {
    text-align: center;
    max-width: 420px;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px; /* 131.25% */
}

.slide-24 .speech-bbl {
    top: 290px;
    left: 340px;
    width: 364px;
    height: 245px;
    text-align: center;
    background-image: url("../images/Page-5/speech-bubblebottom.svg");
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.slide-24 .speech-content {
    max-width: 284px;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 26px */
    letter-spacing: 0.02px;
}

.slide-24 .lets-talk {
    display: flex;
    align-items: center;
    gap: 20px;
    left: 48%;
    top: 67%;
    z-index: 1;
    transform: translateX(-50%);
}

.slide-24 .lets-talk-content {
    max-width: 166px;
    text-align: center;
}

.slide-24 .lets-talk img {
    width: 123px;
    height: 54px;
    margin-bottom: 30px;
}
/* Slide 24 end */

/* Slide 25 Start */

.slide-25 .left-object {
    height: 100%;
}

.slide-25 .wait-bbl {
    width: 199px;
    height: 139px;
    top: 175px;
    left: 140px;
    background-image: url("../images/Page-5/wait-bbl.svg");
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
}

.slide-25 .wait-content {
    color: var(--green);
    text-align: center;
    font-size: 34px;
    font-style: normal;
    font-weight: 800;
    line-height: 110%; /* 37.4px */
}

.slide-25 .speech-bbl {
    width: 294.665px;
    height: 193px;
    top: 344px;
    left: 50px;
    background-image: url("../images/Page-5/speech-bbl-2.svg");
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
}

.slide-25 .speech-bbl-content {
    text-align: center;
    max-width: 202px;
    margin-right: 20px;
    margin-top: 10px;
    line-height: 26px;
}

.slide-25 .specialist {
    top: -6px;
    left: 133px;
    width: 961px;
    height: 961px;
    transform: scaleX(-1);
}

.slide-25 .right-content {
    right: 190px;
    top: 80px;
}

    .slide-25 .right-content .title {
        color: #155200;
        text-align: center;
        font-size: 22px;
        font-style: normal;
        font-weight: 700;
        line-height: 120%; /* 26.4px */
        text-transform: uppercase;
        max-width: 518px;
        margin-bottom: 16px;
    }

.slide-25 .tiles-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
}

.slide-25 .tile-row {
    display: flex;
    gap: 35px;
}

.slide-25 .tile {
    background-color: #FFF;
    padding: 24px;
    border-radius: 12px;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px; /* 131.25% */
}

.slide-25 .footerPara {
    margin-top: 30px;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
}

.slide-25 .footer-center {
    max-width: 332px;
}

.slide-25 .footer a {
    gap: 40px;
}
/* Slide 25 End */

/* Side 30 CSS Start */

.slide-30 .tool-bar {
    justify-content: space-around;
}

.slide-30 .tool-inner-item.learn-more span {
    margin-top: 0;
    margin-bottom: 20px;
    font-size: 20px;
}

.slide-30 .popup-container {
    padding-left: 68px;
    padding-right: 68px;
}

.slide-30 .feature-wrapper {
    margin: 0 auto;
}

.slide-30 .logo-wrapper {
    margin-bottom: 30px;
}

.slide-30 .feature-title {
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    letter-spacing: 0.028px;
    margin-bottom: 10px;
    text-transform: uppercase;
}
.slide-30 .feature-wrapper p {
    max-width: 427px;
    letter-spacing: 0.16px;
    line-height: 20px;
}
.slide-30 .features-list {
    margin: 0;
    padding: 0;
}
.slide-30 .features-list li {
    list-style: none;
    letter-spacing: 0.16px;
    font-size: 16px;
    line-height: 28px;
    border-bottom: 1px solid #C4C6CF;
    padding:10px 0;
}
.slide-30 .features-list li:last-child {
    border-bottom: none;
}
.slide-30 .feature-wrapper .feature-title.mt-5 {
    margin-top: 60px !important;
}
.slide-30 .feature-wrapper .col-6.ps-5 {
    padding-left: 50px !important;
}
.slide-30 .feature-title-pink {
    color: #841D80;
    font-family: "Source Sans 3";
    font-size: 34px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px;
    max-width: 500px;
    margin-bottom: 34px;
}
.slide-30 .feature-wrapper .card {
    padding: 30px 21px;
    background-color: #F6F8F4;
    border-radius: 18px;
    border: 0;
    min-height: 233px;
    margin: 0 auto;
}

    .slide-30 .feature-wrapper .card p {
        font-size: 16px;
        line-height: normal;
    }

    .slide-30 .feature-wrapper .card h2 {
        color: #841D80;
        font-size: 34px;
        font-style: normal;
        font-weight: 500;
        line-height: 1.25rem;
        margin-top: auto;
        margin-bottom: 0;
    }

.slide-30 .icon-close {
    border: 0;
    padding: 0;
    background: transparent;
    position: absolute;
    left: 24px;
    top: 24px;
}

/* Side 30 CSS End */
/* Side 31 CSS Start */
.slide-31 .icon-close {
    border: 0;
    padding: 0;
    background: transparent;
    position: absolute;
    left: 24px;
    top: 24px;
    z-index: 9999;
}

.slide-31 .speech-bubble-left-top,
.slide-31 .speech-bubble-center,
.slide-31 .speech-bubble-right {
    z-index: 1;
}

.slide-31 .tool-bar {
    justify-content: space-around;
}

.slide-31 .tool-inner-item.learn-more span {
    margin-top: 0;
    margin-bottom: 20px;
    font-size: 20px;
}

.slide-31 .popup-xs {
    width: 730px;
    bottom: 84px;
    left: auto;
    right: 240px;
    position: absolute;
}

.slide-31 .lungs-arrived-block {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

    .slide-31 .lungs-arrived-block .info-title {
        padding: 12px 60px;
        background-color: #EFF9E1;
        color: #000;
        text-align: center;
        font-size: 18px;
        font-style: normal;
        font-weight: 700;
        line-height: 1.5rem;
        letter-spacing: 0.00938rem;
        border-radius: 60px;
        margin-right: -30px;
        z-index: 99;
        right: 270px;
    }

    .slide-31 .lungs-arrived-block .line-arrow-right {
        top: 70px;
        right: 230px;
    }

    .slide-31 .lungs-arrived-block .facility-img {
        width: 263px;
        height: 263px;
        background-color: #DBF4B1;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        border-radius: 100%;
        flex-direction: column;
    }

        .slide-31 .lungs-arrived-block .facility-img p {
            position: absolute;
            bottom: 43px;
            font-size: 16px;
            line-height: 24px;
            margin: 0;
        }
/* Side 31 CSS End */

/* Slide 28 Start */

.slide-28 .inner-container {
    width: 1120px;
    height: 666px;
    margin: 0 auto;
    position: relative;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    z-index: 4;
}

.slide-28 .character-mask {
    width: 668px;
    height: 666px;
    border-radius: 50%;
    border: 6px solid transparent;
    background: #E3F1D7;
    top: 0;
    left: 0;
    overflow: hidden;
    text-align: center;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

    .slide-28 .character-mask canvas {
        height: auto;
        margin-top: 20px;
        margin-left: 50px;
        width: 573px;
    }

.slide-28 .on-the-way-bbl {
    width: 259px;
    height: 164px;
    background-image: url("../images/Page-5/speech-bbl.svg");
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 317px;
    left: 352px;
}

    .slide-28 .on-the-way-bbl .content {
        max-width: 166px;
        line-height:1.3;
    }

.slide-28 .right-content {
    background-color: #DBF4B1;
    height: 616px;
    width: 580px;
    border-radius: 100%;
    right: -33px;
    top: 46px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: -1;
}

.slide-28 .profile {
    background-color: #EAF6DD;
    border-radius: 100%;
    overflow: hidden;
    left: 80px;
    top: 14px;
}

.slide-28 .expectation {
    background-image: url("../images/Page-5/top-bbl.svg");
    background-repeat: no-repeat;
    background-size: cover;
    width: 200px;
    height: 134px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    top: -80px;
    left: 140px;
}

.slide-28 .blue-boxes {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.slide-28 .blue-box {
    background-color: #3B859B;
    padding: 24px;
    border-radius: 24px;
    color: #FFF;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    line-height: 24px; /* 150% */
    letter-spacing: 0.009px;
    max-width: 356px;
}
/* Slide 28 End */

/* Slide 29 CSS Start */
.slide-29 .left-bg-shape {
    width: 630px;
    height: 775px;
    border-radius: 100% 130%;
    left: -214px;
    top: -182px;
    position: absolute;
    background-color: #96CCCF;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.slide-29 .speech-bubble-left-top {
    width: 257px;
    height: 150px;
    left: 47px;
    top: 38px;
    background-image: url("../images/Page-6/speech-bubble-left-top.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50% 50%;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    position: absolute;
    z-index: 1;
}

.slide-29 .left-top-graphic {
    position: absolute;
    bottom: -201px;
    left: 97px;
}

.slide-29 .speech-bubble-left-top h2 {
    color: #537124;
    text-align: center;
    font-size: 34px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    letter-spacing: 0.02125rem;
    margin: 0;
}

.slide-29 .speech-bubble-left-top p {
    color: #000;
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    letter-spacing: 0.0125rem;
    margin: 0;
}

.slide-29 .right-bg-shape {
    width: 724px;
    height: 100%;
    border-radius: 100% 24px 24px;
    background: linear-gradient(107deg, #EFF6E1 0%, #DEEED0 50.41%, #D2E8C9 100.83%);
    position: absolute;
    right: 0;
    top: 0;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.slide-29 .right-graphic {
    position: absolute;
    bottom: 106px;
    left: -115px;
    transform: scaleX(-1);
}

.slide-29 .right-bg-shape .right-graphic canvas {
    position: relative;
    width: 650px;
    height: 650px;
    left: -150px;
    bottom: -16px;
}

    .slide-29 .tool-inner-item.learn-more span {
        margin-top: 0;
        margin-bottom: 20px;
        font-size: 20px;
    }

.slide-29 .speech-bubble-right {
    width: 275px;
    height: 173px;
    right: 295px;
    bottom: 280px;
    background-image: url("../images/Page-6/speech-bubble-right.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50% 50%;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    position: absolute;
    z-index: 1;
}
    .slide-29 .speech-bubble-right .organvue-title {
        text-align: center;
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        color: #000000;
        margin-top:15px;
    }

    .slide-29 .speech-bubble-right h2 {
        color: #537124;
        text-align: center;
        font-size: 34px;
        font-style: normal;
        font-weight: 700;
        line-height: 130%;
        letter-spacing: 0.02125rem;
        margin: 0;
    }

    .slide-29 .speech-bubble-right p {
        max-width: 234px;
        color: #000;
        text-align: center;
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: 130%;
        letter-spacing: 0.0125rem;
        margin: 0;
        margin-top: 10px;
    }

.slide-29 .top-center-text {
    position: absolute;
    max-width: 378px;
    left: 661px;
    top: 54px;
    text-align: center;
}

    .slide-29 .top-center-text p {
        font-style: normal;
        font-weight: 400;
        line-height: 130%;
        letter-spacing: 0.0125rem;
        font-size: 20px;
        color: #000;
        margin: 0;
    }


.slide-29 .center-circle-shape {
    width: 611px;
    height: 609px;
    border-radius: 100%;
    background: #DBF4B1;
    position: absolute;
    left: 430px;
    bottom: 41px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.slide-29 .center-graphic {
    width: 560px;
    height: 523px;
    right: 71px;
    top: 98px;
    position: absolute;
}

.slide-29 .speech-bubble-center {
    width: 324px;
    height: 220px;
    top: 283px;
    left: 697px;
    background-image: url("../images/Page-6/speech-bubble-center.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50% 50%;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    position: absolute;
    z-index: 1;
}

    .slide-29 .speech-bubble-center p {
        max-width: 232px;
        color: #000;
        text-align: center;
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: 130%;
        letter-spacing: 0.0125rem;
        margin: 0;
        margin-bottom: 0;
    }

/* Slide 29 CSS End */


/* Slide 33 CSS Start */
.slide-33 {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
}

    .slide-33 .character-mask {
        width: 413px;
        height: 413px;
        border-radius: 50%;
        background: #DBF4B1;
        top: 50px;
        left: 0;
        overflow: hidden;
        text-align: center;
    }

        .slide-33 .character-mask img {
            width: 413px;
            height: 413px;
            margin: 0;
        }

    .slide-33 .inner-container {
        width: 578px;
        height: 575px;
        margin: 0 auto;
        position: relative;
        top: 0;
        transform: translateY(0);
        z-index: 4;
    }

    .slide-33 .chat-bbl-popup {
        background-image: url("../images/Page-7/chat-bubble.svg");
        width: 363px;
        height: 255px;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: 50% 50%;
        display: flex;
        align-items: center;
        bottom: 0;
        right: 0;
    }

        .slide-33 .chat-bbl-popup .chat-bbl-txt {
            max-width: 292px;
            margin: 0 auto;
            text-align: center;
            margin-top: 13px;
            color: #000;
            font-size: 20px;
            font-style: normal;
            font-weight: 400;
            line-height: 130%;
            letter-spacing: 0.0125rem;
        }

/* Slide 33 CSS End */


/* Slide 35 Start */
.slide-35 .top-left-bbl {
    background-image: url("../images/Page-8/top-left-bbl.svg");
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 303px;
    height: 200px;
    top: 40px;
    left: -140px;
}

.slide-35 .content {
    height: 690px;
    width: 690px;
    background-color: #A9DD98;
    border-radius: 100%;
    left: 330px;
    top: 40px;
}

.slide-35 .bbl-content {
    color: var(--green);
    text-align: center;
    font-size: 34px;
    font-style: normal;
    font-weight: 800;
    max-width: 202px;
    line-height: 110%; /* 37.4px */
}

.slide-35 .bottom-right-bbl {
    background-image: url("../images/Page-8/bottom-right-bbl.svg");
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 325px;
    height: 219px;
    top: 262px;
    left: 410px;
}

.slide-35 .bbl-para {
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    letter-spacing: 0.02px;
    max-width: 260px;
}

.slide-35 .specialist {
    width: 940px;
    left: -215px;
    top: -87px;
}

.slide-35 .right-content {
    right: 100px;
    top: 100px;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.slide-35 .blue-box {
    background-color: #3B859B;
    padding: 24px 80px;
    border-radius: 12px;
    color: #FFF;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px; /* 150% */
    letter-spacing: 0.009em;
    max-width: 440px;
}
.left-bbl-top {
    background-image: url("../images/Page-9/speech-bubble-top.svg");
    background-repeat: no-repeat;
    background-size: cover;
    width: 328px;
    height: 184px;
    top: 100px;
    left: 136px;
    top: 22px;
    left: -80px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.left-bbl-top .chat-bbl-txt {
    width: 280px;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    text-align: center;
}
/* Slide 35 End */
/* Slide 37 Start */
.slide-37 .chat-bbl-popup {
    background-image: url("../images/Page-8/speech-bbl.svg");
    background-repeat: no-repeat;
    background-size: cover;
    width: 275.42px;
    height: 201.692px;
    top: 140px;
    right: 136px;
}

.slide-37 .chat-bbl-popup .chat-bbl-txt {
    width: 210px;
    height: 110px;
    text-align: center;
    margin-top: 36px;
    margin-left: 23px;
}

.slide-37 .character-mask img {
    width: 285px;
    height: auto;
    margin-top: 71px;
    margin-left:0;
}
/* Slide 37 End */

/* Slide 42 Start */

.slide-42 .form-wrapper {
    margin-bottom: 120px;
}

.slide-42 .main-container {
    display: flex;
    justify-content: center;
    align-items: center;
}

.slide-42 .form-title {
    text-align: center;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 26.4px */
    text-transform: uppercase;
    margin-bottom: 26px;
}

.slide-42 .form-subtitle {
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 23.4px */
    margin-bottom: 40px;
}

.slide-42 .form-content {
    background-color: var(--white);
    border-radius: 28px;
    padding: 48px;
    padding-bottom: 24px;
}

.slide-42 .form-question {
    padding-bottom: 18px;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
}

.slide-42 .form-check {
    padding: 20px 0 20px 40px;
}

    .slide-42 .form-check:not(:nth-last-child(3)) {
        border-bottom: 1px solid #C4C6CF;
    }

.slide-42 .form-check-label {
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}

.slide-42 .form-check-input {
    margin-left: -38.6px;
}

.slide-42 .form-btns {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    margin-top: 40px;
}

    .slide-42 .form-btns .btn:first-child {
        color: var(--darkgreen-100);
        text-align: center;
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: 21px; /* 131.25% */
    }

    .slide-42 .form-btns .btn {
        font-weight: 400;
    }

.slide-42 .form-bottom-text {
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    margin-top: 24px;
}
/* Slide 42 End */

/* slide 47 Start */
.slide-47.slide-bg {
    background-image: url("../images/Page-9/slide-bg.png");
    background-color: #aedda6;
}

.slide-47 .speech-bubble-1 {
    background-image: url("../images/Page-9/speech-bubble-1.svg");
    width: 312px;
    height: 199px;
    top: 80px;
    left: 390px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.slide-47 .speech-bubble-1-title {
    color: #537124;
    text-align: center;
    font-size: 34px;
    font-weight: 800;
    line-height: 110%;
    max-width: 240px;
    margin: auto;
}

.slide-47 .speech-bubble-2 {
    background-image: url("../images/Page-9/speech-bubble-2.svg");
    width: 305px;
    height: 208px;
    top: 120px;
    right: 470px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

    .slide-47 .speech-bubble-2 p {
        font-size: 20px;
        font-weight: 400;
        line-height: 26px;
        letter-spacing: 0.02em;
        text-align: center;
        margin-bottom: 0;
    }

.slide-47 .speech-bubble-2-text {
    max-width: 215px;
    margin: auto;
}

.slide-47 .speech-bubble-3 {
    background-image: url("../images/Page-9/speech-bubble-3.svg");
    width: 410px;
    height: 297px;
    top: 306px;
    left: 306px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

    .slide-47 .speech-bubble-3 p {
        font-size: 20px;
        font-weight: 400;
        line-height: 26px;
        letter-spacing: 0.02em;
        text-align: center;
    }

.slide-47 .speech-bubble-3-text {
    max-width: 340px;
    margin: 60px auto auto auto;
    padding-top:10px;
}

.slide-47 .main-character {
    width: 1024px;
    height: 1024px;
    left: 50%;
    transform: translateX(-50%);
    top: auto;
    bottom: 0;
}
.slide-47 .arrow {
    right: 310px;
    top: 300px;
}
/* slide 47 End */
/* Slide 48 Start */
.slide-48 .key-list {
    margin: 0;
    padding: 0;
}

    .slide-48 .key-list li {
        background-color: #F2F4F0;
        list-style: none;
        margin: 0 0 18px 0;
        padding: 24px;
        border-radius: 12px;
        display: flex;
        align-items: center;
        gap: 24px;
        font-size: 16px;
    }

    .slide-48 .key-list .numberbox {
        display: flex;
        align-items: center;
        justify-content: center;
        color: var(--white);
        flex: 0 0 39px;
        height: 39px;
        background-color: var(--darkgreen);
        border-radius: 100px;
    }
/* Slide 48 End */

/* Slide 49 Start */
.slide-49 .checkmark-card {
    gap: 24px;
}

    .slide-49 .checkmark-card .heading {
        font-size: 20px;
        font-weight: 700;
        color: var(--black);
        margin: 0;
        padding: 0;
    }

    .slide-49 .checkmark-card .info {
        font-size: 16px;
        font-weight: 400;
        color: var(--black);
        margin: 0;
        padding: 0;
    }

/* Slide 49 End */

/* Slide 50 and 52 Start */
.slide-50-52 .features-ttl {
    font-size: 22px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
}

.slide-50-52 .features-row {
    overflow-x: auto;
    padding-top: 48px;
    padding-bottom: 48px;
    gap: 24px;
}

    .slide-50-52 .features-row .flex-column {
        width: 30%;
    }

    .slide-50-52 .features-row .heading {
        font-size: 20px;
        font-weight: 700;
        color: var(--black);
        border-bottom: 1px solid var(--darkgreen);
        min-height: 70px;
        margin: 0 0 24px 0;
        padding: 0;
    }

    .slide-50-52 .features-row .info {
        font-size: 16px;
        font-weight: 400;
        color: var(--black);
        margin: 0;
        padding: 0;
    }
.slide-50-52 .sub-heading {
    max-width: 960px;
    margin: auto;
}
/* Slide 50 and 52 End */
/* Side 30 CSS Start */
.slide-30 .tool-bar {
    justify-content: space-around;
}

.slide-30 .tool-inner-item.learn-more span {
    margin-top: 0;
    margin-bottom: 20px;
    font-size: 20px;
}

.slide-30 .popup-container {
    padding-left: 68px;
    padding-right: 68px;
}

.slide-30 .feature-wrapper {
    margin: 0 auto;
}

.slide-30 .logo-wrapper {
    margin-bottom: 30px;
}


.slide-30 .feature-wrapper .card {
    padding: 30px 21px;
    background-color: #F6F8F4;
    border-radius: 18px;
    border: 0;
    min-height: 233px;
    margin: 0 auto;
}

    .slide-30 .feature-wrapper .card p {
        font-size: 16px;
        line-height: normal;
    }

    .slide-30 .feature-wrapper .card h2 {
        color: #841D80;
        font-size: 34px;
        font-style: normal;
        font-weight: 500;
        line-height: 1.25rem;
        margin-top: auto;
        margin-bottom: 0;
    }

.slide-30 .icon-close {
    border: 0;
    padding: 0;
    background: transparent;
    position: absolute;
    left: 24px;
    top: 24px;
}

/* Side 30 CSS End */
/* Side 31 CSS Start */
.slide-31 .icon-close {
    border: 0;
    padding: 0;
    background: transparent;
    position: absolute;
    left: 24px;
    top: 24px;
    z-index: 9999;
}

.slide-31 .speech-bubble-left-top,
.slide-31 .speech-bubble-center,
.slide-31 .speech-bubble-right {
    z-index: 1;
}

.slide-31 .tool-bar {
    justify-content: space-around;
}

.slide-31 .tool-inner-item.learn-more span {
    margin-top: 0;
    margin-bottom: 20px;
    font-size: 20px;
}

.slide-31 .popup-xs {
    width: 730px;
    bottom: 84px;
    left: auto;
    right: 240px;
    position: absolute;
}

.slide-31 .lungs-arrived-block {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

    .slide-31 .lungs-arrived-block .info-title {
        padding: 12px 60px;
        background-color: #EFF9E1;
        color: #000;
        text-align: center;
        font-size: 18px;
        font-style: normal;
        font-weight: 700;
        line-height: 1.5rem;
        letter-spacing: 0.00938rem;
        border-radius: 60px;
        margin-right: -30px;
        z-index: 99;
        right: 270px;
    }

    .slide-31 .lungs-arrived-block .line-arrow-right {
        top: 70px;
        right: 230px;
    }

    .slide-31 .lungs-arrived-block .facility-img {
        width: 263px;
        height: 263px;
        background-color: #DBF4B1;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        border-radius: 100%;
        flex-direction: column;
    }

        .slide-31 .lungs-arrived-block .facility-img p {
            position: absolute;
            bottom: 43px;
            font-size: 16px;
            line-height: 24px;
            margin: 0;
        }
/* Side 31 CSS End */
/* Side 32 CSS Start */

.slide-32 .laptop-bg {
    background: url("../images/Page-7/laptop-bg.png") no-repeat;
    max-width: 1320px;
    height: 800px;
    background-size: contain;
    background-position: center;
    position: absolute;
    left: 50%;
    top: 32px;
    width: 100%;
    bottom: 0;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
}

.slide-32 .table-bg {
    padding-top: 55px;
    padding-left: 24px;
    padding-bottom: 24px;
}

.slide-32 .laptop-content {
    max-width: 1000px;
    margin: 0 auto;
    background-color: #fff;
    position: relative;
    bottom: -30px;
    border-radius: 8px 8px 12px 12px;
    overflow: hidden;
}

.slide-32 .table-bg .swiper-button-next,
.slide-32 .table-bg .swiper-button-prev {
    position: static;
}

.slide-32 .table-title {
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.25rem;
    letter-spacing: 0.00625rem;
    background: #777777;
    padding: 10px 12px;
    color: #fff;
    margin-bottom: 0;
}

.slide-32 .swiper-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 55px;
    gap: 16px;
}

.slide-32 .swiper-horizontal {
    touch-action: pan-y;
}

.slide-32 .slider {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    display: block;
}

.slide-32 .swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    box-sizing: content-box;
}

.slide-32 .swiper-slide {
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.slide-32 .swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
    display: block;
}

.slide-32 .table-bg .swiper-button-next:after,
.slide-32 .table-bg .swiper-button-prev:after {
    content: none;
}


.slide-32 .left-bottom-bg {
    width: 518px;
    height: 288px;
    left: 0;
    bottom: 0;
    position: absolute;
    background-image: url("../images/Page-7/left-bottom-subtract-bg.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50% 50%;
    display: flex;
    align-items: center;
}

.slide-32 .speech-bubble {
    width: 308px;
    height: 207px;
    position: absolute;
    background-image: url("../images/Page-7/speech-bubble-bottom.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50% 50%;
    display: flex;
    align-items: center;
    right: 40px;
    top: 53px;
    justify-content: center;
}

    .slide-32 .speech-bubble p {
        margin-bottom: 0;
        max-width: 199px;
        text-align: center;
        margin-left: 20px;
        font-size: 1.25rem;
        font-style: normal;
        font-weight: 400;
        line-height: 150%;
        letter-spacing: 0.0125rem;
        color: #000;
    }

.slide-32 .doctor {
    width: 223px;
    height: 223px;
    display: flex;
    align-items: center;
    background-color: #E5F0D5;
    border-radius: 100%;
    justify-content: center;
    overflow: hidden;
    margin-left: 12px;
}

.slide-32 .question-icon {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 25px;
    right: 17px;
    border: none;
    background: no-repeat;
}

/* Side 32 CSS End */

/* Side 34 CSS Start */
.slide-34 .laptop-bg {
    background: url("../images/Page-8/laptop-bg.png") no-repeat;
    max-width: 1320px;
    height: 800px;
    background-size: contain;
    background-position: center;
    position: absolute;
    left: 50%;
    top: 32px;
    width: 100%;
    bottom: 0;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-left: 82px;
}

.slide-34 .table-bg {
    padding: 24px;
}

.slide-34 .laptop-content {
    max-width: 890px;
    background-color: #fff;
    position: relative;
    bottom: -30px;
    border-radius: 8px 8px 12px 12px;
    overflow: hidden;
}

.slide-34 .table-bg .swiper-button-next,
.slide-34 .table-bg .swiper-button-prev {
    position: static;
}

.slide-34 .table-title {
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.25rem;
    letter-spacing: 0.00625rem;
    background: #777777;
    padding: 10px 12px;
    color: #fff;
    margin-bottom: 0;
}

.slide-34 .table-bg ul {
    padding: 0;
    list-style: none;
}

    .slide-34 .table-bg ul li {
        padding: 12px 24px 12px 16px;
        border-bottom: 1px solid #C0C8CD;
        font-size: 16px;
        line-height: 21px;
    }

.slide-34 .table-bg .card {
    padding: 40px 34px;
    background-color: #E0F0FF;
    min-height: 191px;
    text-align: center;
    border: 0;
    justify-content: center;
    border-radius: 12px;
}

    .slide-34 .table-bg .card:not(:last-child) {
        margin-bottom: 47px;
    }

    .slide-34 .table-bg .card p {
        color: #000;
        text-align: center;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 1.3125rem;
        letter-spacing: 0.03125rem;
    }

    .slide-34 .table-bg .card h2 {
        color: #000;
        text-align: center;
        font-size: 45px;
        font-style: normal;
        font-weight: 700;
        line-height: 3.25rem;
        text-transform: uppercase;
        margin: 0;
        padding: 0;
        font-family: Barlow, serif;
    }

.slide-34 .speech-bubble {
    width: 276px;
    height: 200px;
    position: absolute;
    background-image: url("../images/Page-8/speech-bubble-green.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50% 50%;
    display: flex;
    align-items: center;
    right: 30px;
    top: 56%;
    transform: translateY(-50%);
    justify-content: center;
}

    .slide-34 .speech-bubble p {
        margin-bottom: 0;
        max-width: 212px;
        text-align: center;
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: 130%;
        letter-spacing: 0.0125rem;
        color: #fff;
        margin-top: 26px;
    }

.slide-34 .doctor {
    width: 259px;
    height: 259px;
    background-color: #E5F0D5;
    border-radius: 100%;
    overflow: hidden;
    right: -30px;
    position: absolute;
    top: 200px;
}

.slide-34 .footer .footer-center {
    max-width: 100%;
}
/* Side 34 CSS End */

/* Slide 44 Start */
.slide-44 .left-bbl {
    width: 394px;
    height: 320px;
    background-image: url("../images/Page-9/speech-bbl.svg");
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 246px;
    right: 470px;
}

.slide-44 .bbl-para {
    max-width: 265px;
    margin-top: 20px;
}

.slide-44 .specialist {
    width: 330px;
    left: 205px;
    top: -24px;
}
.slide-44 .medical-title {
    color: #000;
    font-family: "Source Sans 3";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    letter-spacing: 0.14px;
    position: absolute;
    bottom: 64px;
    left: 155px;
}
    .slide-44 .medical-title span {
        display: block;
        font-weight: 600;
        text-align:right;
    }
    .slide-44 .blue-box {
        border-radius: 24px;
        padding: 36px 24px;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 21px; /* 131.25% */
        text-align: start;
        width: 460px;
    }

.slide-44 .bullet-point-list {
    padding-left: 16px;
    padding-right: 16px;
    display: flex;
    align-items: start;
    gap: 16px;
}

    .slide-44 .bullet-point-list:not(:first-child) {
        padding-top: 20px;
    }

    .slide-44 .bullet-point-list:not(:nth-last-child(2)) {
        border-bottom: 1px solid #C0C8CD;
        padding-bottom: 20px;
    }

    .slide-44 .bullet-point-list img {
        height: 24px;
        width: 24px;
    }

.slide-44 .box-bottom-text {
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 23.4px */
    margin-top: 40px;
}

.slide-44 .tool-bar {
    justify-content: center;
}

.slide-44 .right-content {
    right: 300px;
    top: 196px;
}

.slide-44 .flow-arrow {
    display: flex;
    gap: 10px;
    top: 85px;
    right: 230px;
    text-align: center;
}

    .slide-44 .flow-arrow span {
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 100%; /* 14px */
        letter-spacing: 0.009em;
    }

    .slide-44 .flow-arrow img {
        width: 102px;
        height: 27px;
    }
/* Slide 44 End */

/* Slide 45 Start */
.slide-45 .tool-bar {
    justify-content: center;
}

.slide-45 .checkmark-card {
    gap: 40px;
}

    .slide-45 .checkmark-card img {
        height: auto;
        width: 180px;
    }

    .slide-45 .checkmark-card .heading {
        font-size: 20px;
        font-weight: 700;
        color: var(--black);
        margin: 0;
        padding: 0;
    }
/* Slide 45 End */

/* Slide 46 Start */
.slide-46 {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}

    .slide-46 .inner-container {
        width: 893px;
        height: 666px;
        margin: 0 auto;
        position: relative;
        top: 50%;
        transform: translateY(-50%);
        z-index: 4;
    }

    .slide-46 .thought-bbl-popup {
        background-image: url("../images/Page-5/speech-bubble-xl.svg");
        width: 374px;
        height: 199px;
        flex-shrink: 0;
        right: 82px;
        top: 87px;
        background-size: cover;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
    }

    .slide-46 .bubble-xl-txt {
        color: var(--green);
        text-align: center;
        font-size: 50px;
        font-style: normal;
        font-weight: 700;
        line-height: 65px;
        letter-spacing: 0.5px;
    }

    .slide-46 .character-mask {
        width: 668px;
        height: 666px;
        border-radius: 50%;
        background: #E3F1D7;
        top: 0;
        left: 0;
        overflow: hidden;
        text-align: center;
    }

        .slide-46 .character-mask canvas,
        .slide-46 .character-mask img {
            width: 1033px;
            height: auto;
            margin: 0 auto;
            object-fit: cover;
            object-position: center;
            margin-top: 0;
            margin-left: -242px;
        }

    .slide-46 .chat-bbl-popup {
        background-image: url("../images/Page-5/speech-bubble-sm.svg");
        width: 314px;
        height: 208px;
        display: flex;
        align-items: center;
        justify-content: center;
        right: 0;
        bottom: 151px;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
    }

        .slide-46 .chat-bbl-popup .chat-bbl-txt {
            width: 189px;
            height: 90px;
            text-align: center;
            margin-left: 32px;
        }

    .slide-46 .icon-close {
        border: 0;
        padding: 0;
        background: transparent;
        position: absolute;
        left: 0;
        top: 0;
    }

/* Slide 46 End */

/* Slide 38 40 41 Start */
.slide-40 .scrollable-content {
    width: 1289px;
    height: 525px;
    overflow-y: auto;
    margin-top: 100px;
    padding: 0;
    /* -ms-overflow-style: none;
    scrollbar-width: none; */
}

.slide-40 .table-bg {
    padding-top: 55px;
    padding-left: 24px;
    padding-bottom: 24px;
}

.slide-40 .laptop-content {
    width: 1116px;
    max-width: 100%;
    margin: 0 48px 24px 24px;
    /* background-color: #fff; */
    position: relative;
    /* border-radius: 8px 8px 12px 12px; */
    overflow: hidden;
}

.slide-40 .table-title {
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.25rem;
    letter-spacing: 0.00625rem;
    background: #777777;
    padding: 6px 12px;
    color: #fff;
    margin-bottom: 0;
}

.slide-40 .photo-gallery {
    padding: 24px 16px;
    background-color: var(--white);
}

.slide-40 .laptop-bg {
    background: url('../images/Page-5/laptop-bg.png') no-repeat;
    max-width: 1340px;
    height: 800px;
    background-size: contain;
    background-position: center;
    position: relative;
    left: 50%;
    top: 40px;
    width: 100%;
    bottom: 0;
    transform: translateX(-50%);
    /* display: flex;
    justify-content: flex-end; */
}

.gray-layer-bg {
    background-color: #F0F0F0;
    border-radius: 0 0 0 20px;
    margin-bottom: 20px;
    margin-left: 100px;
    /* margin-right: 32.5px; */
    /* margin-top: 29px; */
    padding-top: 36px;
    padding-bottom: 20px;
}

.slide-40 .question-icon {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 25px;
    right: 17px;
    border: none;
    background: no-repeat;
}

.slide-40 .laptop-header-section {
    display: flex;
    justify-content: space-between;
    align-items: center;
    z-index: 999;
    background: #F0F0F0;
    margin-left: 100px;
    border-top-left-radius: 24px;
    margin-right: 52.5px;
    position: relative;
    top: 130px;
    padding-right:45px !important;
}

    .slide-40 .laptop-header-section .left-side {
        display: flex;
        align-items: center;
    }

        .slide-40 .laptop-header-section .left-side h2 {
            color: #191D17;
            font-size: 32px;
            font-style: normal;
            font-weight: 700;
            line-height: 2.5rem;
            margin-bottom: 0;
        }

        .slide-40 .laptop-header-section .left-side .case-status {
            font-size: 12px;
            line-height: 1;
            padding: 8px 12px;
            border-radius: 16rem;
            background: #92D876;
            margin-left: 40px;
        }

.tab-for-laptop-screen {
    padding-left: 16px;
    padding-right: 16px;
    background: #fff;
    border-radius: 16px;
}

    .tab-for-laptop-screen .nav-item {
        min-width: 100px;
        display: flex;
        justify-content: center;
        background: #fff;
    }

    .tab-for-laptop-screen .nav-link {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 0;
        padding-right: 0;
        border: none;
    }

        .tab-for-laptop-screen .nav-link .icon-wrapper {
            width: 64px;
            height: 34px;
            background: #fff;
            border-radius: 16px;
            margin-bottom: 4px;
        }

.slide-40 .tab-for-laptop-screen .nav-link .icon-wrapper img {
    height: 24px;
}

.tab-for-laptop-screen .nav-link.active .icon-wrapper {
    background: #DDE5D3;
}

.tab-content {
    margin-bottom: 30px;
}

.tab-for-laptop-screen .nav-link span {
    color: #000;
    text-align: center;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 1rem;
    letter-spacing: 0.03125rem;
}

.tab-for-laptop-screen .nav-link.active span {
    font-weight: 700;
}

.slide-40 .nav-tabs .nav-link.active {
    background-color: transparent;
}

.slide-40 .donor-info-table tr td {
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 13px; /* 100% */
    letter-spacing: 0.1px;
    padding: 6px 12px;
}

    .slide-40 .donor-info-table tr td span {
        color: #565656;
        font-size: 11px;
        font-style: normal;
        font-weight: 400;
        line-height: 13px; /* 118.182% */
        letter-spacing: 0.1px;
    }

    .slide-40 .donor-info-table tr td svg {
        height: 10px;
        width: 10px;
    }

    .slide-40 .donor-info-table tr td.color-denote {
        font-weight: 400;
    }

.slide-40 .profile-circle {
    height: 89px;
    width: 89px;
    background-color: var(--white);
    border-radius: 100px;
    right: -202px;
    top: 160px;
    z-index: 99999;
    overflow: hidden;
}

.slide-40 .speech-bbl {
    width: 213.691px;
    height: 150.997px;
    background-image: url("../images/Page-5/speech-bbl-3.svg");
    right: -218px;
    top: 220px;
    z-index: 999999;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
}

    .slide-40 .speech-bbl img {
        height: 30px;
        width: 30px;
    }

.slide-40 .speech-bbl-content {
    margin-top: 20px;
    gap: 10px;
    max-width: 150px;
}

.slide-40 .bordered-table {
    border-radius: 12px;
    border: 0.5px solid #dee2e6;
    overflow: hidden;
}

    .slide-40 .bordered-table table {
        margin: 0;
    }

.slide-40 .graph-box {
    background: #fff;
    border-radius: 16px;
    margin-top: 16px;
    padding: 24px 55px;
}
/* Tab 2 CSS start */
.slide-40 .time {
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px; /* 127.273% */
}

.slide-40 .comments {
    padding: 24px;
    background-color: #F2F4F0;
    border-radius: 12px;
}

    .slide-40 .comments span {
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 24px; /* 150% */
        letter-spacing: 0.15px;
    }
/* Tab 2 CSS end */


/* Vitals Data Table CSS Start */
.table-for-vitals-data {
    width: 100%;
    overflow-x: auto;
}

    .table-for-vitals-data table {
        width: 100%;
        border-collapse: collapse;
        border-radius: 8px;
        overflow: hidden;
    }

    .table-for-vitals-data tr:hover {
        background-color: #f5f5f5;
    }

    .table-for-vitals-data th, .table-for-vitals-data td {
        border: 1px solid #CBCBCB;
        /* padding: 7px 12px; */
        text-align: left;
        white-space: nowrap; /* Prevent text wrapping */
        width: 200px;
    }

        .table-for-vitals-data th:not(:first-child), .table-for-vitals-data td:not(:first-child) {
            text-align: center;
        }

        .table-for-vitals-data th:first-child {
            font-weight: 700;
        }

    .table-for-vitals-data th {
        background-color: #787776;
        color: #fff;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        padding: 9px 12px;
    }

        .table-for-vitals-data th .time-badge {
            font-size: 14px;
            font-style: normal;
            font-weight: 400;
            line-height: 0.8125rem;
        }

    .table-for-vitals-data td {
        color: #1E1E1E;
        padding: 6px 12px;
        font-size: 14px;
    }

        .table-for-vitals-data td:first-child {
            font-size: 13px;
            font-weight: 600;
            color: #000;
        }

        .table-for-vitals-data td .after-text {
            color: #565656;
            font-size: 11px;
            line-height: 0.8125rem;
            font-style: normal;
        }

.slide-40 .bg-icy-blue {
    background-color: #BBEBED;
}

.slide-40 .bg-light-gray {
    background-color: #E5E5E5;
}

.slide-40 .bg-soft-yellow {
    background-color: #FAEC72;
}

.slide-40 .bg-cool-lavender {
    background-color: #DBC7EE;
}

.table-for-vitals-data .bg-line {
    position: relative;
}

    .table-for-vitals-data .bg-line::after {
        content: "";
        background: url('../images/Page-5/column-line.png');
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background-repeat: repeat;
        position: absolute;
        display: block;
        background-size: auto;
    }
/* Vitals Data Table CSS End */

.slide-40 .bottom-nav-list {
    list-style: none;
    display: flex;
    gap: 24px;
    padding: 0;
    margin-left: 100px;
}

    .slide-40 .bottom-nav-list li a {
        color: #4D5358;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 17px; /* 121.429% */
        letter-spacing: 0.1px;
    }

/* Slide 38 40 41 End */


/* Slide 39 Start */
.slide-39 .msg-box01 {
    width: 247px;
    height: 186px;
    background-image: url("../images/Page-9/msg-bbl-bottomleft.svg");
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    right: 790px;
    bottom: 294px;
}

.slide-39 .msg-box01-text {
    max-width: 190px;
    margin-top: 10px;
}

.slide-39 .msg-box02 {
    width: 312px;
    height: 223px;
    background-image: url("../images/Page-9/msg-bbl-top.svg");
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    right: 530px;
    bottom: 430px;
}

.slide-39 .msg-box02-text {
    max-width: 255px;
    margin: 20px auto 0 auto;
}

.slide-39 .msg-box03 {
    width: 239px;
    height: 207px;
    background-image: url("../images/Page-9/msg-bbl-bottomright.svg");
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    right: 228px;
    bottom: 260px;
}

.slide-39 .msg-box03-text {
    max-width: 186px;
}

.slide-39 .specialist canvas {
    width: 785px;
    height: 785px;
    top: -14px;
    left: -93px;
    position: relative;
}

.slide-39 .speech-bbl {
    width: 203px;
    height: 125px;
    background-image: url("../images/Page-9/speech-bbl-popup.svg");
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
    left: 390px;
    top: 100px;
}

.slide-39 .scroll-arrow {
    right: 280px;
    top: 355px;
}

.slide-39 .detail-arrow {
    right: 794px;
    top: 246px;
}

.slide-39 .righ-tab-nav {
    z-index: 3;
    right: 350px;
    top: 194px;
}

.disabled-tab {
    pointer-events: none;
    opacity: 0.5;
    cursor: not-allowed;
    filter: grayscale(80%);
}
/* Slide 39 End */

/* Slide 52 Start */
.slide-52 .popup-inner-bg {
    border-radius: 24px;
    background: #F8FAF6;
    width: 100%;
    height: 100%;
    padding: 30px;
}

.slide-52 h2 {
    margin: 0;
    padding: 20px 0 24px 0;
    text-align: center;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%; /* 28.6px */
    letter-spacing: 0.44px;
    text-transform: uppercase;
}

.slide-52 .case-timing-box {
    border-radius: 24px;
    background: #F1F5ED;
    height: calc(100% - 20px);
    padding: 20px;
    text-align: center;
    padding-top: 80px;
}

.slide-52 .case-title {
    font-size: 18px;
    font-weight: 400;
    padding: 20px 0 30px 0;
}

.slide-52 .white-box {
    border-radius: 24px;
    background: var(--white);
    padding: 14px 10px;
    max-width: 200px;
    margin: auto auto 24px auto;
    font-size: 16px;
}

    .slide-52 .white-box span {
        display: block;
        font-size: 16px;
        font-weight: 700;
    }

.slide-52 .case-top-box {
    text-align: center;
    left: 395px;
}

.slide-52 .blue-box {
    border-radius: 24px;
    background: #3B859B;
    padding: 14px 10px;
    max-width: 200px;
    text-align: center;
    color: #fff;
    font-size: 16px;
}

    .slide-52 .blue-box span {
        display: block;
        font-size: 16px;
        font-weight: 700;
    }

.slide-52 .case-time {
    font-size: 16px;
    font-style: italic;
    padding: 22px 0;
}

.slide-52 .case-top-box-right {
    left: inherit;
    right: 400px;
}
/* Slide 52 End */

.survey-header {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    align-items: center;
    padding: 15px;
    position: absolute;
    top: 10px;
    left: 0;
    right: 0;
    width: 100%;
}

/* Close button (Left Side) */
.close-btn {
    margin-left: 15px;
}


/* Navigation buttons (Right Side) */
.nav-buttons {
    display: flex;
    gap: 24px;
    margin-right: 15px;
    position: absolute;
    right: 10px;
}

.nav-btn {
    background: none;
    border: none;
    cursor: pointer;
}
    /* Disabled state */
    .nav-btn:disabled img {
        opacity: 0.5;
        cursor: not-allowed;
    }


/* Animate.css Custom Classes */
.delay-05 {
    animation-delay: 0.5s;
}

.delay-15 {
    animation-delay: 1.5s;
}

.delay-25 {
    animation-delay: 2.5s;
}

.delay-35 {
    animation-delay: 3.5s;
}

.delay-45 {
    animation-delay: 4.5s;
}

.delay-6 {
    animation-delay: 6s;
}

.delay-7 {
    animation-delay: 7s;
}

.delay-8 {
    animation-delay: 8s;
}

.delay-85 {
    animation-delay: 8.5s;
}

.delay-9 {
    animation-delay: 9s;
}
/* Animate.css Custom Classes */

.slide-5-bubbletext .doctor-bbl-text {
    font-size: 24px;
}
.cursor-pointer {
    cursor:pointer;
}

/* Blazored-toast start */

.blazored-toast-info {
    border-top: 6px solid #2c6c16 !important;
}

    .blazored-toast-info .blazored-toast-icon {
        color: #2c6c16 !important;
    }

.blazored-toast-success {
    border-top: 6px solid #64a70b !important;
}

    .blazored-toast-success .blazored-toast-icon {
        color: #64a70b !important;
    }

.blazored-toast-warning {
    border-top: 6px solid #ffe66d !important;
}

    .blazored-toast-warning .blazored-toast-icon {
        color: #ffe66d !important;
    }

.blazored-toast-error {
    border-top: 6px solid #c33c54 !important;
}

    .blazored-toast-error .blazored-toast-icon {
        color: #c33c54 !important;
    }

/* Blazored-toast End */



.btn-blank {
    color: var(--darkgreen);
    font-size: 0.875rem;
    font-weight: 500;
    background: transparent;
    padding: 0.688rem 0.75rem;
    border-radius: 6.25rem;
    text-decoration: none;
    border: none;
    display: flex;
    align-items: center;
}

    .btn-blank:hover {
        color: var(--darkgreen);
        font-size: 0.875rem;
        font-weight: 500;
        background: #e5ede3;
        padding: 0.688rem 0.75rem;
        border-radius: 6.25rem;
        text-decoration: none;
        border: none;
    }


/* Share Button Popup Start */
.content p {
    font-size: 1rem;
    margin: 0;
}

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

.content .icons a {
    height: 3.125rem;
    width: 3.125rem;
    font-size: 1.25rem;
    text-decoration: none;
    border: 1px solid transparent;
}

.content .btn-blank {
    display: flex;
    align-items: center;
    justify-content: center;
}

.mud-dialog-width-sm {
    min-width: 25rem;
}

.mud-dialog {
    border-radius: 0.75rem !important;
}

    .mud-dialog .mud-dialog-actions {
        justify-content: space-evenly !important;
    }

.field {
    margin-bottom: 10px;
}

    .field p {
        margin-bottom: 5px;
    }

.mud-input.mud-input-underline:after {
    border-bottom: 2px solid var(--darkgreen) !important;
}
/* Share Button Popup End */


/* Custom Image Click Modal */
.modal {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(128, 128, 128, 0.9);
    padding-top: 100px;
}

.modal-content {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
}

#caption {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
    text-align: center;
    color: #ccc;
    padding: 10px 0;
    height: 50px;
}

.modal-content, #caption {
    -webkit-animation-name: zoom;
    -webkit-animation-duration: 0.6s;
    animation-name: zoom;
    animation-duration: 0.6s;
}

@-webkit-keyframes zoom {
    from {
        transform: scale(0)
    }

    to {
        transform: scale(1)
    }
}

@keyframes zoom {
    from {
        transform: scale(0)
    }

    to {
        transform: scale(1)
    }
}

.close {
    position: absolute;
    top: 15px;
    right: 35px;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
    cursor: pointer;
}

    .close:hover,
    .close:focus {
        color: #bbb;
    }

@media only screen and (max-width: 700px) {
    .modal-content {
        width: 100%;
    }
}

img.play-icon {
    width: 76px;
    height: 52px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translatey(-50%);
    z-index: 10;
    cursor: pointer;
}

.youtube-facade {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 9;
    background-color: #000;
    background-size: cover;
    background-position: center;
    border-radius: 8px;
    overflow: hidden;
}

.login {
    height: 100%;
    margin-top:40px;
    border-radius:12px;
}
.login .survey-wrapper {
    max-width: 672px;
    margin: auto;
    position: relative;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.login .heading-box h2 {
    color: var(--black);
    font-size: 42px;
    font-weight: 700;
    margin: 0 0 30px 0;
}

.password-input-field-group {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
}

    .password-input-field-group input {
        width: 100%;
        padding-right: 40px; /* Ensures space for the icon */
    }

.icon-right {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}

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

.feedback-form {
    padding: 20px 20px;
    border-radius: 28px;
    background: #F5F7F2;
    position: absolute;
    bottom: 47px;
    width: 400px;
    left: -115px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.form-title {
    font-size: 20px;
    text-transform: uppercase;
    color: #2c6c16;
    font-weight: 700;
}
.text-danger {
    font-size: 16px;
}


/* ICS Loader Start */
.loader-body {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: white;
    margin: 0;
    height: 100vh;
}

.loader-container {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100vh;
}

.loader-image {
    width: 200px;
    height: auto;
    animation: zoom 1.5s ease-in-out infinite alternate;
}

.loading-text {
    font-size: 1.5em;
    color: #555;
    margin-top: 20px;
}

@keyframes zoom {
    from {
        transform: scale(0.9);
    }

    to {
        transform: scale(1.1);
    }
}
/* ICS Loader End */

.popup-top .feedback-form {
    top: 60px;
    bottom: inherit;
    z-index: 9;
}
.citation-on-decline {
    position: absolute;
    left: 77px;
    bottom: 181px;
    max-width: 496px;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: 0.1px;
    color: #40484C;
    font-size: 12px;
}
.citation-on-decline a {
    color: #40484C;
}
.popup-33 .inner-container {
    width: 565px;
    height: 523px;
}
.popup-33 .character-mask {
    background: #DBF4B1;
    width: 413px;
    height: 413px;
}
.popup-33 .character-mask img {
    width: 414px;
    height: auto;
    margin: 0 auto;
    object-fit: cover;
    object-position: center;
    margin-top: 0;
    margin-left: -10px;
}
.popup-33 .chat-bbl-popup {
    background-image: url("../images/Page-7/bbl-popup.svg");
    width: 363px;
    height: 255px;
    display: flex;
    align-items: center;
    justify-content: center;
    right: 0;
    bottom: 0px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.popup-33 .chat-bbl-popup .chat-bbl-txt {
    width: 274px;
    height: auto;
    text-align: center;
    margin-left: 0;
    padding-top: 12px;
}
.tab-for-laptop-screen button {
    opacity:1 !important;
}
.copyfooter {
    text-align: right;
    font-size: 16px;
    padding-top: 20px;
    position: absolute;
    bottom: 9px;
    right: 47px;
}