/* HERO SECTION CSS START HERE */
.diabetes-hero-section {
    height: 100dvh;
    background: #eeeeee;
    position: relative;
}

.glucose-widget-img {
    position: absolute;
    top: 18%;
    min-width: 150px;
    max-width: 200px;
    right: 15%;
    width: 15%;
    object-fit: contain;
    z-index: 2;
}

.time-range-widget-img {
    position: absolute;
    top: 29%;
    right: 2%;
    width: 15%;
    min-width: 150px;
    max-width: 200px;
    object-fit: contain;
    z-index: 2;
}

.high-glucose-img {
    position: absolute;
    top: 54%;
    right: 7%;
    width: 140px;
    object-fit: contain;
    z-index: 1;
}

.low-glucose-img {
    position: absolute;
    top: 60%;
    right: 4%;
    width: 140px;
    object-fit: contain;
    z-index: 2;
}

.diabetes-hero-video-container {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    overflow: hidden;
}

.diabetes-hero-video-container video {
    position: absolute;
    width: 100%;
    height: 99%;
    object-fit: cover;
}

.diabetes-hero-bottom-gradient {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 50%;
    width: 100%;
    background: transparent linear-gradient(180deg, #EEEEEE00 0%, #EEEEEEBA 63%, #EEEEEEE4 83%, #EEEEEE 100%) 0% 0% no-repeat padding-box;
}

.diabetes-hero-left-gradient-long {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 90%;
    background: transparent linear-gradient(90deg, #FFFFFF88 0%, #FFFFFF00 100%) 0% 0% no-repeat padding-box;
}

.diabetes-hero-left-gradient-short {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 50%;
    background: transparent linear-gradient(270deg, #EEEEEE00 0%, #EEEEEEBA 63%, #EEEEEEE4 83%, #EEEEEE 100%) 0% 0% no-repeat padding-box;
}

.diabetes-hero-inner-container {
    position: relative;
    height: 100%;
    width: 100%;
    max-width: var(--section-max-width);
    margin: 0 auto;
    padding: 0 var(--section-padding);
}

.diabetes-hero-content-container {
    position: absolute;
    bottom: 10vw;
    width: 45%;
    min-width: 300px;
    display: flex;
    flex-direction: column;
    gap: 2vw;
}

.diabetes-hero-section-small-title {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 1rem;
}

.diabetes-hero-section-small-title-dot {
    width: 19px;
    height: 19px;
    border-radius: 100%;
    background: var(--color-red-new);
}

.diabetes-hero-section-small-title-text {
    font-family: var(--font-family-roboto-medium);
    text-transform: uppercase;
    font-size: clamp(1rem, 1.389vw, 1.25rem);
    letter-spacing: 4px;
}

.diabetes-hero-section-title {
    font-family: var(--font-family-roboto);
    font-size: clamp(2.1875rem, 4.514vw, 4.0625rem);
    line-height: clamp(2.5rem, 5.208vw, 4.6875rem);
    letter-spacing: -2.6px;
}

@media screen and (max-width: 768px) {
    .glucose-widget-img {
        top: 17%;
        right: 10%;
    }

    .time-range-widget-img {
        top: 35%;
    }

    .high-glucose-img {
        right: 15%;
        top: 56%;
    }

    .low-glucose-img {
        right: 7%;
        top: 62%;
    }

    .diabetes-hero-content-container {
        bottom: 20vw;
        gap: 5vw;
    }
}

/* HERO SECTION CSS END HERE */

/* NEW BUTTON CSS START HERE - MAY HAVE TO GO GLOBAL */

.new-button-container {
    display: flex;
    flex-direction: row;
    align-items: center;
    background-color: transparent;
    border: 1px solid #000000;
    backdrop-filter: blur(18px);
    --webkit-backdrop-filter: blur(18px);
    transition: all 0.3s ease-in-out;
    cursor: pointer;
}

.new-btn-text {
    font-family: var(--font-family-roboto);
    font-size: 1.25rem;
    line-height: 1.5rem;
    color: #000000;
    padding: 1rem 2rem;
    border-right: 1px solid #000000;
    text-transform: capitalize;
    transition: all 0.3s ease-in-out;
    white-space: nowrap;
}

.new-btn-arrow-img-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    background-color: transparent;
    transition: all 0.3s ease-in-out;
    padding: 13px;
}

.new-btn-arrow-img-wrapper img {
    width: 30px;
    height: 30px;
    object-fit: contain;
    transition: all 0.3s ease-in-out;
}

.new-button-container:hover {
    border: 1px solid transparent;
    transition: all 0.3s ease-in-out;
}

.new-button-container:hover .new-btn-text,
.new-button-container:hover .new-btn-arrow-img-wrapper {
    color: #ffffff;
    background-color: var(--color-red-new);
    border-right: 1px solid #FFFFFF;
    transition: all 0.3s ease-in-out;
}

.new-button-container:hover .new-btn-arrow-img-wrapper img {
    filter: invert(1);
    transition: all 0.3s ease-in-out;
}

/* NEW BUTTON CSS END HERE - MAY HAVE TO GO GLOBAL */

/* UNDERSTANDING SECTION TABS STARTS HERE */

.diabetes-undestanding-section {
    background-color: #EEEEEE !important;
}

.diabetes-understanding-section-inner {
    max-width: var(--section-max-width);
    margin: 0 auto;
    padding: 0vw var(--section-padding) 5vw var(--section-padding);
}

.diabetes-understanding-heading-1 {
    padding-left: 15%;
}

.diabetes-understanding-heading-2 {
    padding-left: 5%;
}

.diabetes-understanding-tabs-container {
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: 2rem;
    align-items: center;
}

.diabetes-understanding-tab-inactive {
    position: relative;
    display: grid;
    grid-template-columns: 50px auto 1fr;
    align-items: center;
    color: gray;
    cursor: pointer;
}

.diabetes-understanding-tab-number {
    font-family: var(--font-family-roboto-medium);
    font-size: var(--fs-pararaph);
    line-height: var(--lh-paragraph);
}

.diabetes-understanding-tabs-controls-height {
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.diabetes-understanding-dot-container {
    width: 15px;
    height: 15px;
    border-radius: 100%;
    background-color: var(--color-red-new);
    opacity: 0;
    z-index: 0;
}

.diabetes-understanding-tab-dot-line-container {
    position: relative;
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.diabetes-understanding-tab-1-line,
.diabetes-understanding-tab-2-line,
.diabetes-understanding-tab-3-line {
    position: absolute;
    left: 50%;
    width: 1px;
    background-color: #707070 !important;
    opacity: 0.25 !important;
}

.diabetes-understanding-tab-1-line {
    height: 50%;
    top: 50%;
}

.diabetes-understanding-tab-2-line {
    height: 100%;
    top: 0;
}

.diabetes-understanding-tab-3-line {
    height: 50%;
    top: 0;
}

.diabetes-understanding-tab-active {
    color: #000000;
}

.diabetes-understanding-tab-active .diabetes-understanding-dot-container {
    opacity: 1;
    z-index: 1;
}

.diabetes-understanding-tab-image-text {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
    align-items: center;
}

.diabetes-understanding-tab-image {
    width: 100%;
    position: relative;
}

.diabetes-understanding-tab-image img {
    width: 100%;
    aspect-ratio: 414/267;
    padding: 1rem;
    object-fit: cover;
    position: relative;
    z-index: 1;
}

.diabetes-understanding-tab-image-blur {
    width: 150px;
    aspect-ratio: 1/1;
    bottom: 0px;
    left: 0px;
    z-index: 0;
    position: absolute;
    background: transparent linear-gradient(134deg, #FFA3BC 0%, #FC1754 52%, #B71943 100%) 0% 0% no-repeat padding-box;
    opacity: 0.5;
    filter: blur(47px);
}

.diabetes-understanding-tab-image-corner-circle {
    position: absolute;
    width: 100px;
    aspect-ratio: 1/1;
    top: 0;
    right: 0;
    transform: translate(30%, -30%);
    z-index: 2;
}

.diabetes-understanding-tab-image-corner-circle img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.diabetes-understanding-tab-text {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: left;
    padding: 2rem;
}

@media screen and (max-width: 768px) {
    .diabetes-understanding-tabs-container {
        grid-template-columns: 1fr !important;
        gap: 1rem !important;
    }

    .diabetes-understanding-tab-image {
        width: 96% !important;
    }

    .diabetes-understanding-tab-image-text {
        grid-template-columns: 1fr !important;
        gap: 1rem !important;
    }

    .diabetes-understanding-heading-1 {
        text-align: right !important;
    }

    .diabetes-understanding-heading-2 {
        padding-left: 0px !important;
    }

    .diabetes-understanding-tab-text {
        padding: 1rem 3rem !important;
        text-align: center !important;
    }

    .diabetes-understanding-tabs-controls {
        padding: 0px 1rem !important;
    }
}

/* UNDERSTANDING SECTION TABS ENDS HERE */

/* SOLUTIONS SECTION TABS STARTS HERE */

.diabetes-solutions-section {
    background-color: #F7F7F7;
}

.diabetes-solutions-section-inner {
    max-width: var(--section-max-width);
    margin: 0 auto;
    padding: 7vw 0px 0vw 0px;
}

.diabetes-solutions-title-wrapper {
    padding: 0 var(--section-padding);
    position: relative;
}

.diabetes-solutions-title-wrapper img {
    position: absolute;
    object-fit: cover;
    z-index: 1;
    top: 0;
    left: 13%;
    width: 4vw;
    transform: translateY(-25%);
    min-width: 36px;
}

.diabetes-solutions-title-1 {
    padding-left: 15%;
    position: relative;
}

@media screen and (max-width: 768px) {
    .diabetes-solutions-title-wrapper {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        margin-top: 50px;
    }

    .diabetes-solutions-title-1 {
        padding-left: 0px !important;
        width: fit-content;
    }

    .diabetes-solutions-title-wrapper img {
        left: -12%;
        top: -15%;
    }

    .diabetes-text-content,
    .health-devices-text-content,
    .seamless-integration-text-content {
        padding-top: 40px !important;
    }

}

/* SOLUTIONS SECTION TABS ENDS HERE */

/* OUTCOMES SECTION TABS STARTS HERE */

.diabetes-outcomes-section {
    background-color: #F9F2F4;
}

.diabetes-outcomes-section-inner {
    max-width: var(--section-max-width);
    margin: 0 auto;
    padding: 0vw var(--section-padding) 5vw var(--section-padding);
}

.diabetes-outcomes-heading-1 {
    padding-left: 5%;
}

.diabetes-outcomes-heading-2 {
    padding-left: 15%;
    position: relative;
}

.diabetes-calculate-title-ball-title {
    position: absolute;
    top: 0%;
    left: 34%;
    transform: translate(50%, -50%);
    width: 4vw;
    aspect-ratio: 1/1;
    border-radius: 100%;
    background: transparent linear-gradient(135deg, #FFA3BC 0%, #FC1754 52%, #B71943 100%) 0% 0% no-repeat padding-box;
    opacity: 1;
    z-index: 0;
}

.diabetes-outcomes-tabs-container-ball-container {
    position: relative;
}

.diabetes-outcomes-tabs-container-ball {
    position: absolute;
    top: 0%;
    right: 25%;
    transform: translate(50%, -50%);
    width: 10vw;
    aspect-ratio: 1/1;
    border-radius: 100%;
    background: transparent linear-gradient(135deg, #FFA3BC 0%, #FC1754 52%, #B71943 100%) 0% 0% no-repeat padding-box;
    opacity: 1;
    z-index: 0;
}

.diabetes-outcomes-tabs-container {
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
}

.diabetes-outcomes-tabs-controls {
    display: grid;
    grid-template-rows: repeat(4, 1fr);
    height: 100%;
}

.diabetes-outcomes-tab-control-inactive {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: #000000;
    background: #F4EDEF50;
    border-top: 1px solid #CECECE;
    border-left: 1px solid #CECECE;
    opacity: 1;
    backdrop-filter: blur(40px);
    -webkit-backdrop-filter: blur(40px);
    padding: 10px;
    /* max-width: 125px; */
    /* aspect-ratio: 1/1; */
    height: 100%;
    cursor: pointer;
}

.diabetes-outcomes-tab-control-inactive:last-child {
    border-bottom: 1px solid #CECECE;
}

.diabetes-outcomes-tab-control-text {
    font-size: 0.875rem;
    line-height: 0.9375rem;
    text-transform: uppercase;
    font-family: var(--font-family-roboto-regular);
    color: #000000;
    width: 100px;
    text-align: center;
    transition: all 0.3s ease-in-out;
}

.diabetes-outcomes-tab-control-active .diabetes-outcomes-tab-control-text {
    color: #ffffff;
    transition: all 0.3s ease-in-out;
}

.diabetes-outcomes-tab-control-active .diabetes-outcomes-tab-control-image img {
    filter: invert(1);
    transition: all 0.3s ease-in-out;
}

.diabetes-outcomes-tab-control-active {
    background: var(--color-red-new);
    transition: all 0.3s ease-in-out;
}

.diabetes-outcomes-tabs-content {
    width: 100%;
    height: 100%;
}

.diabetes-outcomes-tabs-inactive-content {
    display: none;
    width: 100%;
    height: 100%;
    border: 1px solid #CECECE;
}

.diabetes-outcomes-tabs-active-content {
    display: block;
    height: 100%;
}

.diabetes-outcomes-tabs-glucose {
    display: grid;
    grid-template-columns: 1fr 1fr;
    height: 100%;
    width: 100%;
}

.diabetes-outcomes-tabs-content-left,
.diabetes-outcomes-tabs-content-right {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 1rem;
    padding: 45px 55px;
    background: #F4EDEF50;
    opacity: 1;
    backdrop-filter: blur(40px);
    -webkit-backdrop-filter: blur(40px);
}

.diabetes-outcomes-tabs-image-wrapper-left,
.diabetes-outcomes-tabs-image-wrapper-right {
    width: 100%;
    height: auto;
    border-radius: 36px;
    overflow: hidden;
}

.diabetes-outcomes-tabs-content-left{
    border-right: 1px solid #CECECE;
}

.diabetes-outcomes-tabs-image-wrapper-left {
    box-shadow: 0px 30px 60px #F65B6B19;
}

.diabetes-outcomes-tabs-image-wrapper-right {
    box-shadow: 0px 30px 60px #0197C31A;

}

.diabetes-outcomes-tabs-image-wrapper-left img,
.diabetes-outcomes-tabs-image-wrapper-right img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

@media screen and (max-width: 768px) {
    .diabetes-outcomes-tabs-glucose {
        grid-template-columns: 1fr;
    }

    .diabetes-outcomes-tabs-content-left,
    .diabetes-outcomes-tabs-content-right {
        padding: 30px 10px;
    }

    .diabetes-outcomes-tabs-image-wrapper-left,
    .diabetes-outcomes-tabs-image-wrapper-right {
        border-radius: 26px;
    }

    .diabetes-outcomes-tab-control-text {
        width: 75px;
    }

    .diabetes-calculate-title-ball-title {
        min-width: 30px;
        left: 50%;
        top: -5%;
    }

    .diabetes-outcomes-tabs-content-left {
        border-left:0px solid transparent;
        border-bottom: 1px solid #CECECE;
    }

}

/* OUTCOMES SECTION TABS ENDS HERE */

/* CALCULATE SECTION STARTS HERE */

.diabetes-calculate-section {
    background-color: #F9F2F4;
    position: relative;
}

.calculate-potential-nurse-image{
    position: absolute;
    bottom: 0;
    left: 0;
    height: 95%;
    object-fit: contain;
}

.diabetes-calculate-section-inner {
    max-width: var(--section-max-width);
    margin: 0 auto;
    padding: 0vw var(--section-padding) 5vw var(--section-padding);
}

.diabetes-calculate-heading-1 {
    padding-left: 15%;
    position: relative;
}

.diabetes-calculate-heading-2 {
    padding-left: 10%;
}

.diabetes-calculate-title-ball {
    position: absolute;
    top: 0%;
    right: 30.5%;
    transform: translate(50%, -50%);
    width: 4.5vw;
    aspect-ratio: 1/1;
    border-radius: 100%;
    background: transparent linear-gradient(135deg, #FFA3BC 0%, #FC1754 52%, #B71943 100%) 0% 0% no-repeat padding-box;
    opacity: 1;
    z-index: 0;

}

.calculate-potential-bee-decoration {
    position: absolute;
    top: 0%;
    left: 30%;
    transform: translate(50%, -50%);
    width: 7vw;
    aspect-ratio: 1/1;
    border-radius: 100%;
    background: transparent linear-gradient(135deg, #FFA3BC 0%, #FC1754 52%, #B71943 100%) 0% 0% no-repeat padding-box;
    opacity: 1;
    z-index: 0;

}

.diabetes-calculate-calculator-container {
    position: relative;
    width: 100%;
}

.diabetes-calculate-calculator-first-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.diabetes-calculate-calculator-input {
    width: 100%;
}

.diabetes-calculate-calculator-input input {
    width: 100%;
    height: 100%;
    border: none;
    background: #F4EDEF50 0% 0% no-repeat padding-box;
    border-top: 1px solid #CECECE;
    border-left: 1px solid #CECECE;
    opacity: 1;
    backdrop-filter: blur(40px);
    -webkit-backdrop-filter: blur(40px);
    font-size: 1.25rem;
    line-height: 1.5rem;
    color: #000000;
    padding: 1rem 2rem;
    text-transform: capitalize;
}

.diabetes-calculate-calculator-button-wrapper {
    width: 100%;
}

.diabetes-calculate-calculator-second-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    width: 100%;
    background: #F4EDEF50 0% 0% no-repeat padding-box;
    border-top: 1px solid #CECECE;
    border-left: 1px solid #CECECE;
    border-bottom: 1px solid #CECECE;
    border-right: 1px solid #CECECE;
    opacity: 1;
    backdrop-filter: blur(40px);
    -webkit-backdrop-filter: blur(40px);
}

.diabetes-calculate-calculator-results-left {
    padding: 0px 80px 40px 80px;

}

.diabetes-calculate-calculator-results-label-number {
    padding: 60px 0px;
    display: flex;
    flex-direction: column;
}

.diabetes-calculate-calculator-results-label {
    font-family: var(--font-family-roboto);
    font-size: clamp(1.0625rem, 1.389vw, 1.25rem);
    color: #000000;

}

.diabetes-calculate-calculator-results-number {
    font-family: var(--font-family-roboto-medium);
    font-size: clamp(5.0625rem, 7.083vw, 6.375rem);
    color: #1797C4;
    text-shadow: 0px 10px 20px #1797C467;
}

.diabetes-calculate-calculator-results-description {
    background: #FFFFFF39 0% 0% no-repeat padding-box;
    border: 1px solid #FFFFFFBF;
    border-radius: 12px;
    opacity: 1;
    backdrop-filter: blur(35px);
    -webkit-backdrop-filter: blur(35px);
    padding: 20px 30px;
    width: fit-content;
}

.diabetes-calculate-calculator-results-right{
    overflow: hidden;
}

#calculateChart {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

#calculateChart > div {
    display: flex;
    align-items: center;
    justify-content: center;
}

#calculateChart canvas {
    width: 100% !important;
    height: auto !important;
}

@media screen and (max-width: 768px) {
    .calculate-potential-nurse-image{
        max-height: 500px;
        left: -10%;
    }

    .diabetes-calculate-heading-1 {
        padding-left: 0px;
        text-align: left;
    }

    .diabetes-calculate-heading-2 {
        padding-left: 0px;
        text-align: left;
    }

    .diabetes-calculate-title-ball {
        min-width: 30px;
    }

    .diabetes-calculate-calculator-first-row {
        grid-template-columns: 1fr;
    }

    .diabetes-calculate-calculator-second-row {
        grid-template-columns: 1fr;
    }

    .diabetes-calculate-calculator-results-left {
        padding: 0px 20px 40px 20px;
    }

    .calculate-potential-bee-decoration {
        right: 20%;
        left: auto;
        min-width: 75px;
    }

    .diabetes-calculate-calculator-input input {
        border-right: 1px solid #CECECE;
    }



    #calculateChart {
        width: 100% !important;
        height: 100% !important;
    }
}

/* CALCULATE SECTION ENDS HERE */

/* SETUP SECTION STARTS HERE */

.diabetes-setup-section-inner {
    max-width: var(--section-max-width);
    margin: 0 auto;
    padding: 0vw var(--section-padding);
}

.diabetes-setup-title-1{
    margin-left: 5%;
}

.diabetes-setup-title-2{
    margin-left: 15%;
}

.diabetes-setup-images-container {
    position: relative;
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.diabetes-setup-patient-provider-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
}


.diabetes-setup-image-wrapper {
    position: relative;
    width: 100%;
    overflow: hidden;
    object-fit: cover;
}

.diabetes-setup-image-wrapper img {
    width: 100%;
    /* aspect-ratio: 719/589; */
    height: auto;
    object-fit: cover;
}

.diabetes-setup-info-patient,
.diabetes-setup-info-provider {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 30px 50px;
    background: #FFFFFF50;
    border: 1px solid #CECECE;
    backdrop-filter: blur(40px);
    -webkit-backdrop-filter: blur(40px);
    position: relative;
    top: -50px;
}

.diabetes-setup-info-patient{
    border-right:1px solid transparent;
}

.diabetes-setup-guide {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 1rem;
    justify-content: center;
    padding: 30px 50px;
    background: #FFFFFF50;
    border-left: 1px solid #CECECE;
    border-right: 1px solid #CECECE;
    border-bottom: 1px solid #CECECE;
    backdrop-filter: blur(40px);
    -webkit-backdrop-filter: blur(40px);
    position: relative;
    top: -50px;
    cursor: pointer;
}

.diabetes-setup-modal {
    display: none;
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 92%;
    overflow: auto;
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.4);
    background: #FFFFFFCC 0% 0% no-repeat padding-box;
    box-shadow: 0px 43px 86px #0000001A;
    border: 1px solid #CECECE;
    opacity: 1;
    backdrop-filter: blur(50px);
    -webkit-backdrop-filter: blur(50px);
}

.diabetes-setup-modal-content {
    background-color: transparent;
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: calc(100% - 100px);
    padding: 2.5vw 5vw;
}

.diabetes-setup-close-btn {
    color: #aaa;
    position: absolute;
    font-size: 30px;
    font-weight: bold;
    right: 4vw;
    top: 3vw;
}

.diabetes-setup-close-btn:hover,
.diabetes-setup-close-btn:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

.diabetes-setup-modal-patient-provider{
    display: flex;
    flex-direction: row;
    grid-template-columns: 1fr 1fr;
    gap: 4vw;
    margin-top: 3vw;
}

.diabetes-setup-modal-patient,
.diabetes-setup-modal-provider {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 2vw;
}


.diabetes-setup-modal-patient-title,
.diabetes-setup-modal-provider-title {
    padding: 1.5vw 3vw;
    width: 100%;
}

.diabetes-setup-modal-patient-title{
    background: url(../assets//diabetes/pink-frame.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top left;
}

.diabetes-setup-modal-provider-title{
    background: url(../assets//diabetes/blue-frame.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top left;
}

.diabetes-setup-modal-patient-list ol,
.diabetes-setup-modal-provider-list ol {
    /* padding: 0vw 2vw; */
    width: 100%;
    list-style-type: decimal !important; 
    padding-left: 5vw;
    list-style-position: outside;
    display: flex;
    flex-direction: column;
    /* gap: 1vw; */
}

.diabetes-setup-modal-patient-list li,
.diabetes-setup-modal-provider-list li {
    font-family: var(--font-family-roboto);
    font-size: clamp(1.0625rem, 1.458vw, 1.3125rem);
    color: #000000;
    padding: 0.4vw 0vw;
    width: 100%;
    display: list-item !important;
    line-height: 1.4;
    list-style: numeric;
}

@media screen and (max-width: 768px) {
    .diabetes-setup-patient-provider-container {
        grid-template-columns: 1fr;
    }

    .diabetes-setup-info-patient,
    .diabetes-setup-info-provider {
        padding: 30px 20px;
    }

    .diabetes-setup-guide {
        padding: 30px 20px;
        top: -100px;
    }

    .diabetes-setup-provider-container {
        position: relative;
        top: -50px;
    }

    .diabetes-setup-modal-patient-provider{
        display: flex;
        flex-direction: column;
        gap: 8vw;
        margin-top: 9vw;
    }

    .diabetes-setup-modal-content{
        padding: 15vw 9vw;
    }

    .diabetes-setup-modal-patient, .diabetes-setup-modal-provider{
        gap: 5vw;
    }

    .diabetes-setup-modal-patient-list ol, .diabetes-setup-modal-provider-list ol{
        padding-left: 8vw;
    }
}

/* SETUP SECTION ENDS HERE */

/* PATIENT JOURNEY SECTION STARTS HERE */

.diabetes-journey-section {
    background-color: #EEEEEE;
    position: relative;
}

.diabetes-journey-section-inner {
    max-width: var(--section-max-width);
    margin: 0 auto;
    padding: 0vw var(--section-padding);
    position: relative;
    overflow: hidden;
}

.diabetes-journey-blur-effect {
    background: transparent linear-gradient(135deg, #FFA3BC 0%, #FC1754 52%, #B71943 100%) 0% 0% no-repeat padding-box;
    opacity: 0.29;
    filter: blur(47px);
    position: absolute;
    top: 0;
    left: 5%;
    transform: translateY(-50%);
    width: 20%;
    aspect-ratio: 1/1;
}

.diabetes-journey-title-wrapper {
    margin-left: 50%;
    padding-bottom: 20px !important;
}

.diabetes-journey-title-2 {
    margin-left: 30px;
}

.diabetes-journey-slide-day-label {
    background: #FC175450;
    border-radius: 10px 10px 0px 0px;
    opacity: 1;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    width: fit-content;
    margin-left: 15%;
}

.diabetes-journey-slide-day-label span {
    text-align: center;
    font-family: var(--font-family-roboto-medium);
    font-size: 15px;
    line-height: 30px;
    color: #FC1754;
    opacity: 0.5;
    padding: 10px 20px;
    text-transform: capitalize;
}

.card-middle .diabetes-journey-slide-day-label,
.card-back .diabetes-journey-slide-day-label {
    background: #DBDBDB50;
}

.card-middle .diabetes-journey-slide-day-label span,
.card-back .diabetes-journey-slide-day-label span {
    color: #00000060;
    opacity: 1;
}

.diabetes-journey-slide-content-container-1,
.diabetes-journey-slide-content-container-2,
.diabetes-journey-slide-content-container-3 {
    height: 70dvh;
    width: 100%;
    border-radius: 75px 75px 0px 0px;
    overflow: hidden;

    /* background-image: url(../assets//diabetes/journey-day-1.jpg); */
    background-size: cover;
    padding: 75px 60px;
}

.diabetes-journey-slide-content-container-1 {
    background: linear-gradient(0deg,
            rgba(242, 236, 227, 0.5),
            rgba(242, 236, 227, 0.5)),
        url(../assets//diabetes/journey-day-1.jpg);
    background-size: cover;
}

.diabetes-journey-slide-content-container-2 {
    background: linear-gradient(0deg,
            rgba(242, 236, 227, 0.5),
            rgba(242, 236, 227, 0.5)),
        url(../assets//diabetes/journey-day-2.jpg);
    background-size: cover;
}

.diabetes-journey-slide-content-container-3 {
    background: linear-gradient(0deg,
            rgba(242, 236, 227, 0.5),
            rgba(242, 236, 227, 0.5)),
        url(../assets//diabetes/journey-day-3.jpg);
    background-size: cover;
}

.diabetes-journey-slide-title-container {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 1rem;
    padding: 30px;
    border-radius: 9999px;
    background: url(../assets//diabetes/pink-frame.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top left;
    width: 50%;
    min-width: 300px;
}

.diabetes-journey-slide-title-text {
    font-family: var(--font-family-roboto);
    font-size: clamp(2.1875rem, 3.472vw, 3.125rem);
    color: #000000;
    text-transform: capitalize;
    min-width: 12vw;

}

.diabetes-journey-change-slide-btn{
    cursor:pointer;
}

.diabetes-journey-slide-unordered-list {
    padding: 30px 60px;
}

.diabetes-journey-slide-unordered-list li {
    font-family: var(--font-family-roboto);
    font-size: clamp(1.0625rem, 1.458vw, 1.3125rem);
    color: #000000;
    padding: 10px 0px;
    width: 50%;
    min-width: 300px;
    list-style-type: '- ';
}

.diabetes-journey-section-inner .card-container {
    position: relative;
    width: 100%;
    height: 80dvh;
}

.diabetes-journey-slides-container .card-front {
    position: absolute;
    top: 10dvh;
    bottom: 0dvh;
    z-index: 2;
    width: 100%;
}

.diabetes-journey-slides-container .card-middle {
    position: absolute;
    top: 5dvh;
    bottom: 5dvh;
    z-index: 1;
    width: 90%;
    left: 5%;
}

.diabetes-journey-slides-container .card-back {
    position: absolute;
    top: 0dvh;
    bottom: 10dvh;
    width: 80%;
    left: 10%;
}




/* PATIENT JOURNEY SECTION ENDS HERE */

/* CONTACT SECTION STARTS HERE */

.diabetes-form-title-logo-wrapper{
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    justify-content: space-between;
}

.diabetes-form-inner-title-wrapper{
    display: flex;
    flex-direction: column;
    gap: 0.5em;
}

@media screen and (max-width: 768px) {
    .diabetes-form-title-logo-wrapper{
        margin-top: 3rem;
        display: flex;
        flex-direction: column-reverse;
        align-items: flex-start;
        justify-content: flex-start;
        gap: 3rem;
    }

    .specialty_form_img_wrapper{
        justify-content: flex-start;
    }

    .specialty_form_img_wrapper img{
        width: 50%;
    }

    .specialty-care-form-inner-container .overlap-container .overlap-wrapper .overlap-image{
        width: 60%;
    }
}