@import url('https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

@font-face {
    font-family: 'Merriweather';
    src: url('../fonts/Merriweather-Black.eot');
    src: url('../fonts/Merriweather-Black.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Merriweather-Black.woff') format('woff'),
        url('../fonts/Merriweather-Black.ttf') format('truetype'),
        url('../fonts/Merriweather-Black.svg#Merriweather-Black') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Merriweather';
    src: url('../fonts/Merriweather-BlackItalic.eot');
    src: url('../fonts/Merriweather-BlackItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Merriweather-BlackItalic.woff') format('woff'),
        url('../fonts/Merriweather-BlackItalic.ttf') format('truetype'),
        url('../fonts/Merriweather-BlackItalic.svg#Merriweather-BlackItalic') format('svg');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Merriweather';
    src: url('../fonts/Merriweather-BoldItalic.eot');
    src: url('../fonts/Merriweather-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Merriweather-BoldItalic.woff') format('woff'),
        url('../fonts/Merriweather-BoldItalic.ttf') format('truetype'),
        url('../fonts/Merriweather-BoldItalic.svg#Merriweather-BoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Merriweather';
    src: url('../fonts/Merriweather-Regular.eot');
    src: url('../fonts/Merriweather-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Merriweather-Regular.woff') format('woff'),
        url('../fonts/Merriweather-Regular.ttf') format('truetype'),
        url('../fonts/Merriweather-Regular.svg#Merriweather-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Merriweather';
    src: url('../fonts/Merriweather-Light.eot');
    src: url('../fonts/Merriweather-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Merriweather-Light.woff') format('woff'),
        url('../fonts/Merriweather-Light.ttf') format('truetype'),
        url('../fonts/Merriweather-Light.svg#Merriweather-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Merriweather';
    src: url('../fonts/Merriweather-Italic.eot');
    src: url('../fonts/Merriweather-Italic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Merriweather-Italic.woff') format('woff'),
        url('../fonts/Merriweather-Italic.ttf') format('truetype'),
        url('../fonts/Merriweather-Italic.svg#Merriweather-Italic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Merriweather';
    src: url('../fonts/Merriweather-Bold.eot');
    src: url('../fonts/Merriweather-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Merriweather-Bold.woff') format('woff'),
        url('../fonts/Merriweather-Bold.ttf') format('truetype'),
        url('../fonts/Merriweather-Bold.svg#Merriweather-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Merriweather';
    src: url('../fonts/Merriweather-LightItalic.eot');
    src: url('../fonts/Merriweather-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Merriweather-LightItalic.woff') format('woff'),
        url('../fonts/Merriweather-LightItalic.ttf') format('truetype'),
        url('../fonts/Merriweather-LightItalic.svg#Merriweather-LightItalic') format('svg');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}


body,
html {
    background: none;
    font-family: 'Merriweather' !important;

    /*background: #ceebf9;*/
}

input,
a,
button {
    font-family: 'Merriweather' !important;
}

h3 {
    font-family: 'Merriweather' !important;
    font-size: 30px;
}

.loader-round {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: #fff;
}

.loader-spin {
    position: absolute;
    top: 50%;
    left: 50%;
    border: 16px solid #e9e9e9;
    border-radius: 50%;
    border-top: 16px solid #203c72;
    width: 120px;
    height: 120px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    margin-left: -60px;
    margin-top: -60px;
}

.logo2 {
    float: left;
    margin-left: 25px;
}

.thankyou {
    position: absolute;
    top: 35%;
    right: 0;
    left: 0;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    border: 2px solid;
    border-image-slice: 1;
    border-image-source: linear-gradient(to left, #ec556c, #f77487);
}

.buzz-out-on-hover {

    width: 95% !important
}

.container {
    justify-content: center;
}

.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: #fff;
    height: 100%;

    box-shadow: 0 10px 20px -5px rgb(139 139 139);
}

/* Safari */
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

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

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

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

.loader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: #fff;
}

.fs-title label {
    color: #A80006;
    line-height: 25px;
}

ul.share-buttons li {
    display: inline;
}

ul.share-buttons .sr-only {
    position: absolute;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    padding: 0;
    border: 0;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

#progressbar {
    width: 50%;
    margin: 0 auto 30px auto;
}

#progressbar li {
    width: 50%;
}

.steps input,
.steps textarea,
.steps select {
    margin: 0 !important;
    padding: 10px 15px !important;
    color: #e40983 !important;
    font-size: 20px !important;
    font-family: 'Poppins' !important;

    label,
    input {
        position: relative;
        display: block;
        padding-right: 76px;
        width: 180px;
        box-sizing: border-box;
    }

    label::after {
        content: '.' attr(data-domain);
        position: absolute;
        top: 4px;
        left: 102px;
        font-family: arial, helvetica, sans-serif;
        font-size: 12px;
        display: block;
        color: rgba(0, 0, 0, 0.6);
        font-weight: bold;
    }
}

.select2-container .select2-selection--single {
    height: unset;
}

.steps {
    margin: 0 auto;
}

.steps fieldset {
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border: none;
    background-color: #ffffff;
    padding: 0;
    /* text-align: center; */
    left: 0;
    right: 0;
    margin: auto;
    height: 100vh !important;
    max-width: 550px;
    width: 100%;
    overflow-y: scroll;
    overflow-x: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.fieldset-first {
    background-color: #f7f7f7 !important;
}

/* .first-div{
    height: 100vh !important;
} */
.question {
    color: #203c72 !important;
    font-family: 'Merriweather' !important;
}

.question-div {
    background-color: #f2fbfa;
    padding: 16px 0 16px 0;
    border-radius: 15px;
}

.text-center {

    line-height: 1.4 !important;
}

/* .next-btn {
     margin-top: 15px !important;
 } */

.page-1 {
    position: absolute;
    top: 20px;
}

.login-btn {
    position: absolute;
    bottom: 3%;

    left: 30%;
}


.imgBtn:hover,
.imgBtn:focus,
.imgBtn:active {
    opacity: 0.5;
    -webkit-animation-name: imgBtn;
    animation-name: imgBtn;
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}

@-webkit-keyframes imgBtn {
    10% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg);
    }

    20% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg);
    }

    30% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg);
    }

    40% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg);
    }

    50% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg);
    }

    60% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg);
    }

    70% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg);
    }

    80% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg);
    }

    90% {
        -webkit-transform: translateX(1px) rotate(0);
        transform: translateX(1px) rotate(0);
    }

    100% {
        -webkit-transform: translateX(-1px) rotate(0);
        transform: translateX(-1px) rotate(0);
    }
}

@keyframes imgBtn {
    10% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg);
    }

    20% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg);
    }

    30% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg);
    }

    40% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg);
    }

    50% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg);
    }

    60% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg);
    }

    70% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg);
    }

    80% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg);
    }

    90% {
        -webkit-transform: translateX(1px) rotate(0);
        transform: translateX(1px) rotate(0);
    }

    100% {
        -webkit-transform: translateX(-1px) rotate(0);
        transform: translateX(-1px) rotate(0);
    }
}


.steps .main {
    /* background-image: url('../background.png');
     background-size: 100% 100%;
     background-repeat: no-repeat;
     left: 0;
     right: 0;
     margin: auto;
     height: 100vh; */
}

/* .bgg {
     background-image: url('../background.png');
     background-size: 100% 100%;
     background-repeat: no-repeat;
     left: 0;
     right: 0;
     margin: auto;
     height: 100vh;
 } */
.bgg {
    height: 100vh !important;
}

.doctorImage {
    padding-right: 0.2%;

}

.doctorImage img {
    width: 192px;
}

.frame {
    position: absolute;
    top: 10.7%;
    left: 0;
    right: 0;
    margin: auto;
}

.frame img {
    width: 200px;
}

.img-block {
    display: flex;
    justify-content: center;
    padding-top: 23px;
}

.img-burst {
    width: 60%;
}

/* @media only screen and (max-width: 600px) {
     .steps fieldset {
         width: 100% !important;
     }
 } */
.dotted {
    border: 2px dashed #fff;
    border-radius: 10px;
    background: linear-gradient(#fff 0 0) padding-box, linear-gradient(to bottom, #c2c2c2, #c2c2c2 49%, #ffffff) border-box;

    margin: -36px;

}



::-webkit-scrollbar {

    width: 2px;

}





::-webkit-scrollbar-track {

    background: #f1f1f1;

}





::-webkit-scrollbar-thumb {

    background: #888;

    border-radius: 25px;

}





::-webkit-scrollbar-thumb:hover {

    background: #555;

}

.btn-2 {
    margin-top: -25px;
    cursor: pointer;
}

.next {
    cursor: pointer;
}

.steps .next,
.steps .submit {
    float: none !important;
}

.btn-back {
    position: absolute;
    top: 15px;
    /* left: 15px; */
}

.info_question {
    font-size: 20px !important;
    color: #313131;
    font-weight: 600;
}

.info_disc {
    font-size: 15px !important;
    color: #19492b;
    margin-left: 20px
}

:root {
    --color-black: #232323;
    --color-pink: #ff6393;
    --color-dark-pink: #df4775;
    --color-purple: #342a47;
    --color-blue: deepskyblue;
    --color-gray: #525252;
    --color-green: #bbe187;
    --transition-fast: 0.1s;
}

.btn-primary {
    color: #fff;
    background-color: #00aaad;
    border-color: #00aaad;
}

/* .btn {
     width: 100%;
 } */


.main_radio {
    display: flex;
    padding: 100px;
    align-items: center;
    justify-content: center;
}

.second_main_radio {
    margin-left: 15px;
}

.check-container {
    display: block;
    position: relative;
    padding-left: 35px !important;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 50%;
}

.consent {
    margin-top: -8px;
}


.check-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}




.checkmark {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #eee;
    border-radius: 8px;
    border: 2px solid #7ccbff;
}




.check-container:hover input~.checkmark {
    background-color: #ccc;
}




.check-container input:checked~.checkmark {
    background-color: #03619e;
}




.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}



.check-container input:checked~.checkmark:after {
    display: block;
}




.check-container .checkmark:after {
    left: 13px;
    top: -8px;
    width: 8px;
    height: 25px;
    border: solid #cfecff;
    border-width: 0 4px 4px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

@media (orientation: portrait) {
    .check-container {
        width: 100% !important;
    }

    .info_question {
        font-size: 18px !important;

    }

    .info_disc {
        font-size: 11px !important;
    }

    .u2-h6 {
        font-family: 'Merriweather' !important;
        color: #363636;
        font-size: 12px !important;
        font-weight: 700 !important;
    }
    


    .three h3 {
        font-size: 16px !important;
        font-weight: 700;
        letter-spacing: 0;
        line-height: 1.5em;
        padding-bottom: 15px;
        position: relative;
        text-align: center;
    }

    .three h3:before {
        content: "";
        position: absolute;
        left: 22% !important;
        bottom: 0;
        height: 6px !important;
        width: 44px !important;
        background-color: #e50984;
        text-align: center;
        z-index: 111;
    }

    .three h3:after {
        content: "";
        position: absolute;
        left: 5% !important;
        bottom: 2px !important;
        height: 2px !important;
        width: 87% !important;
        /* max-width: 294px; */
        background-color: #009ea1;
        text-align: center;
    }

    .four h3 {
        font-size: 16px !important;
        font-weight: 700;
        letter-spacing: 0;
        line-height: 1.5em;
        padding-bottom: 15px;
        position: relative;
        text-align: center;
    }

    .four h3:before {
        content: "";
        position: absolute;
        left: 36% !important;
        bottom: 0;
        height: 6px !important;
        width: 31px !important;
        background-color: #e50984;
        text-align: center;
        z-index: 111;
    }

    .four h3:after {
        content: "";
        position: absolute;
        left: 29% !important;
        bottom: 2px !important;
        height: 2px !important;
        width: 83% !important;
        max-width: 112px !important;
        background-color: #009ea1;
        text-align: center;
    }


    .result-container {
        display: flex;
        align-items: center;
        justify-content: center !important;
        background-color: #ffffff;
        padding: 10px 15px;
        border-radius: 12px;
        font-family: 'Poppins';
        max-width: 248px !important;
        margin: auto;
    }

    .bmi-value {
        background-color: #008000;
        color: white;
        font-size: 20px !important;
        font-weight: 600;
        text-align: center;
        padding: 10px 38px;
        border-radius: 8px;
        flex-shrink: 0;
    }

    .bmi-text {
        margin-left: 15px;
        text-align: left;
    }

    .bmi-text h3 {
        margin: 0;
        font-size: 13px !important;
        color: #444;
        font-weight: bold;
    }

    .bmi-text span {
        display: block;
        font-size: 13px !important;
        color: #008000;
        font-weight: 600;
    }

    .GaugeMeter B {
        Font-Weight: 600;
        Font-Size: 1.0em !important;
        line-height: 311.385px !important;
        Opacity: .8;
        margin-top: 17px;
    }

    .GaugeMeter2 B {
        Font-Weight: 600;
        Font-Size: 1.0em !important;
        line-height: 311.385px !important;
        Opacity: .8;
        margin-top: 17px;
    }
    
}


label:last-of-type {
    margin-right: 0;
}

.sizelabel {
    width: 100%;
}

.welcome_text {
    background-color: #71932f;
    width: 100%;
    height: 11%;
}

.text {
    margin: auto;
    left: 0%;
    right: 0%;
    top: 0%;
    bottom: 0%;
    text-align: center;
    font-size: 33px;
    color: #fff;
}

hr {
    margin: 1rem 0;
    color: inherit;
    background-color: currentColor;
    border: 0;
    opacity: .25;
    width: 69%;
    text-align: center;
    margin: auto;
}

.dropdown-divider {
    width: 100% !important;
}

.user-photo {
    margin: auto;
}


.text-field {
    font-size: 20px;
    text-align: left;
    margin-top: -27%;
    margin-left: 32%;
    line-height: 1.2;
    color: #53662d;
    font-weight: 600;
    font-weight: 550;

}


h4 {
    font-size: 1.6rem;
    line-height: 1;
    color: rgba(17, 125, 127, 1);
    font-weight: 700;
    margin-top: 20px;
    font-family: 'Merriweather';
}

h6 {
    font-weight: 400 !important;
}

.details {
    margin-top: 19px;
}

/* .detail-myth {
     margin-top: -33px;
 } */

.detail-myth {
    margin-top: 5%;
    margin-bottom: 122px;
}


.content {
    padding: 15px;
}

#btn1 {
    background: -webkit-linear-gradient(178deg, #f29200, #ffca00, #f29200) !important;
    border-radius: 7px;
    margin: auto;
    right: 0%;
    left: 0%;
    top: 0%;
    padding: 8px;
    font-size: 23px;
    width: 130px !important;
    margin-top: 8%;
    color: #fff;
}

a {
    text-decoration: none !important;
}


video {
    display: block;
    /*transform: scaleY(1.01);*/
}

/*#stage {*/
/*    position: absolute;*/
/*    z-index: 999;*/
/*}*/

#next_slide_mask {

    border-radius: 7px;
    margin: auto;
    right: 0%;
    left: 0%;
    top: 0%;
    padding: 11px;
    font-size: 23px;
    width: auto;
    margin-bottom: 5%;
    color: #000;
    cursor: pointer;
    font-weight: 600;
}

.rounded-circle {
    border-radius: 7% !important;
}

#play_button2 {
    /* background: -webkit-linear-gradient(178deg, #f29200, #ffca00, #f29200) !important; */
    border-radius: 7px;
    margin: auto;
    right: 0%;
    left: 0%;
    top: 0%;
    padding: 11px;
    font-size: 23px;
    width: 192px !important;
    margin-bottom: 5%;
    color: #000;
    cursor: pointer;
    font-weight: 600;
}

#play_button {
    /* background: -webkit-linear-gradient(178deg, #f29200, #ffca00, #f29200) !important; */
    border-radius: 7px;
    margin: auto;
    right: 0%;
    left: 0%;
    top: 0%;
    padding: 11px;
    font-size: 23px;
    width: 192px !important;
    margin-bottom: 5%;
    color: #000;
    cursor: pointer;
    font-weight: 600;
}

#play_button3 {
    /* background: -webkit-linear-gradient(178deg, #f29200, #ffca00, #f29200) !important; */
    border-radius: 7px;
    margin: auto;
    right: 0%;
    left: 0%;
    top: 0%;
    padding: 11px;
    font-size: 23px;
    width: 192px !important;
    margin-bottom: 5%;
    color: #000;
    cursor: pointer;
    font-weight: 600;
}

#play_button4 {
    /* background: -webkit-linear-gradient(178deg, #f29200, #ffca00, #f29200) !important; */
    border-radius: 7px;
    margin: auto;
    right: 0%;
    left: 0%;
    top: 0%;
    padding: 11px;
    font-size: 23px;
    width: 192px !important;
    margin-bottom: 5%;
    color: #000;
    cursor: pointer;
    font-weight: 600;
}

#play_button5 {
    /* background: -webkit-linear-gradient(178deg, #f29200, #ffca00, #f29200) !important; */
    border-radius: 7px;
    margin: auto;
    right: 0%;
    left: 0%;
    top: 0%;
    padding: 11px;
    font-size: 23px;
    width: 192px !important;
    margin-bottom: 5%;
    color: #000;
    cursor: pointer;
    font-weight: 600;
}

#play_button6 {
    /* background: -webkit-linear-gradient(178deg, #f29200, #ffca00, #f29200) !important; */
    border-radius: 7px;
    margin: auto;
    right: 0%;
    left: 0%;
    top: 0%;
    padding: 11px;
    font-size: 23px;
    width: 192px !important;
    margin-bottom: 5%;
    color: #000;
    cursor: pointer;
    font-weight: 600;
}

#play_button7 {
    /* background: -webkit-linear-gradient(178deg, #f29200, #ffca00, #f29200) !important; */
    border-radius: 7px;
    margin: auto;
    right: 0%;
    left: 0%;
    top: 0%;
    padding: 11px;
    font-size: 23px;
    width: 192px !important;
    margin-bottom: 5%;
    color: #000;
    cursor: pointer;
    font-weight: 600;
}

.dropdown-menu {

    min-width: 7rem;
}

.dropdown-menu-dark {
    color: #dee2e6 !important;
    background-color: #00b4ab !important;
}

.dropdown-item {
    color: #fff !important;
    font-weight: 600 !important;
}

.dropdown-menu-dark .dropdown-item.active,
.dropdown-menu-dark .dropdown-item:active {
    color: #000 !important;
    background-color: #ffffff !important;
}

.dropdown-menu-dark .dropdown-item:focus,
.dropdown-menu-dark .dropdown-item:hover {
    color: #000 !important;
    background-color: #d9ffb4 !important;
}

.btn-check:active+.btn-secondary,
.btn-check:checked+.btn-secondary,
.btn-secondary.active,
.btn-secondary:active,
.show>.btn-secondary.dropdown-toggle {
    color: #000000 !important;

}

.right-logo {

    position: absolute;
    top: 2%;
    right: 5%;

}

.custom-slide {
    padding: 10px 2px 10px 2px;
    background-image: linear-gradient(19deg, #23a5ef 0%, #203c72 100%);
    color: white;
    margin: 10px;
    border-radius: 10px;
    cursor: pointer;
}

.slide-active {
    background-image: linear-gradient(19deg, #203c72 0%, #203c72 100%) !important;
}


.logo-right {
    margin-right: 30px;
    margin-top: 0px;
    float: right;
    border-radius: 50px;
}

.logo-left {
    margin-left: 25px;
    width: 100%;
}

.person-block {
    position: absolute;
    bottom: 13%;
}

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

#next_slide_mask2 {

    border-radius: 7px;
    margin: auto;
    right: 0%;
    left: 0%;
    top: 0%;
    padding: 11px;
    font-size: 23px;
    width: auto;
    margin-bottom: 5%;
    color: #000;
    cursor: pointer;
    font-weight: 600;
}

#next_slide_mask3 {

    border-radius: 7px;
    margin: auto;
    right: 0%;
    left: 0%;
    top: 0%;
    padding: 11px;
    font-size: 23px;
    width: auto;
    margin-bottom: 5%;
    color: #000;
    cursor: pointer;
    font-weight: 600;
}

#next_slide_mask4 {

    border-radius: 7px;
    margin: auto;
    right: 0%;
    left: 0%;
    top: 0%;
    padding: 11px;
    font-size: 23px;
    width: auto;
    margin-bottom: 5%;
    color: #000;
    cursor: pointer;
    font-weight: 600;
}

#next_slide_mask5 {

    border-radius: 7px;
    margin: auto;
    right: 0%;
    left: 0%;
    top: 0%;
    padding: 11px;
    font-size: 23px;
    width: auto;
    margin-bottom: 5%;
    color: #000;
    cursor: pointer;
    font-weight: 600;
}

#next_slide_mask6 {

    border-radius: 7px;
    margin: auto;
    right: 0%;
    left: 0%;
    top: 0%;
    padding: 11px;
    font-size: 23px;
    width: auto;
    margin-bottom: 5%;
    color: #000;
    cursor: pointer;
    font-weight: 600;
}


.disabled {
    pointer-events: none;
    cursor: not-allowed !important;
}

.start-btn {
    position: absolute;
    bottom: 10%;
    left: 0;
    right: 0;
}

.logoooo {
    position: relative;
    left: 42%;
    top: 20px;
}

.steps .previous {
    float: none !important;
}

.main-logo {
    margin-right: 30px;
    margin-top: 20px;
}

/* .thank_img {
     margin-top: 112px;
 } */

@media only screen and (orientation: portrait) {

    .buzz-out-on-hover {
        width: 100% !important;
    }

    .steps .main {
        background-size: 100% !important;
    }

    .steps label {
        font-size: 13px !important;
    }

    .page-1 {
        top: 15px !important;
    }

    .steps .main-2 {
        background-size: 100% !important;
    }

    .logo-div {
        left: 4% !important;
    }

    .right-logo {

        right: 2% !important;
    }

    .btn-2 {

        margin-top: -20px !important;
    }

    .dotted {
        margin: -25px !important;
    }

    .img-burst {
        width: 90%;
    }

    .text-field {
        width: 100% !important;
        margin-top: -34% !important;
    }

    .circle {
        width: 36%;
    }

    h4 {
        font-size: 15px;
    }

    .details {
        margin-top: 12%;
    }


    .content {
        margin-top: 35% !important;
    }

    .img-responsive {
        width: 100%;
        margin-top: 27px;

    }

    .img1 {
        width: 90% !important;
        margin-top: 0px !important;
    }

    .balloon {
        margin-top: 3%;
    }

    h3 {
        font-size: 19px;
    }

    .button {
        position: relative;
        color: #ffffff !important;
        text-decoration: none;
        display: inline-block;
        text-transform: uppercase;
        letter-spacing: 1px;
        font-family: 'Poppins' !important;
        font-weight: 400;
        border-radius: 1000px;
        padding: 2px 10px !important;
        margin: 2px;
        box-shadow: 0 2px 5px 0 rgb(3 6 26 / 15%);
        transition: 0.3s all ease-in-out;
        background: linear-gradient(106deg, #fff7d7, #fff7d7);
    }

}


.field {
    text-align: left !important;
}

.steps label {
    width: 100%;
    color: #272727;
    text-align: left !important;
    font-size: 17px;
    text-align: center !important;
    padding-top: 0px;
    display: inline-block;
    border: none;
    background: none;
}

.tbl-que label {
    color: #ffffff !important;
    font-size: 18px !important;
}

.steps .back-btn i {
    font-size: 28px;
}


.sub-block {
    border: 2px dashed #bfd5ff;
    padding: 15px;
    border-radius: 14px;

}

.button {
    position: relative;
    color: #000000;
    text-decoration: none;
    display: inline-block;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-radius: 1000px;
    padding: 10px 20px;
    margin: 10px;
    box-shadow: 0 2px 5px 0 rgb(3 6 26 / 15%);
    transition: 0.3s all ease-in-out;
    background: linear-gradient(106deg, #00b4ab, #00b4ab);
    font-weight: 400;
    font-family: 'Poppins' !important;
}


.button:hover {
    cursor: pointer;
    color: #000000 !important;
    -webkit-animation: none;
    animation: none;
}

.button-wiggle {
    -webkit-animation: wiggle 3s 2s infinite;
    animation: wiggle 3s 2s infinite;
    color: #fff;
}

.button-wiggle:hover {
    color: #fff !important;
    background-color: #00aaad;
}



@-webkit-keyframes wiggle {

    5%,
    50% {
        transform: scale(1);
    }

    10% {
        transform: scale(0.9);
    }

    15% {
        transform: scale(1.15);
    }

    20% {
        transform: scale(1.15) rotate(-5deg);
    }

    25% {
        transform: scale(1.15) rotate(5deg);
    }

    30% {
        transform: scale(1.15) rotate(-3deg);
    }

    35% {
        transform: scale(1.15) rotate(2deg);
    }

    40% {
        transform: scale(1.15) rotate(0);
    }
}

@keyframes wiggle {

    5%,
    50% {
        transform: scale(1);
    }

    10% {
        transform: scale(0.9);
    }

    15% {
        transform: scale(1.15);
    }

    20% {
        transform: scale(1.15) rotate(-5deg);
    }

    25% {
        transform: scale(1.15) rotate(5deg);
    }

    30% {
        transform: scale(1.15) rotate(-3deg);
    }

    35% {
        transform: scale(1.15) rotate(2deg);
    }

    40% {
        transform: scale(1.15) rotate(0);
    }
}




.score-txt h3 {
    font-weight: 600;
}

.score-txt span {
    font-weight: 800;
    color: #0a6534;
}

#rank {
    background-color: #219b4f;
    border-radius: 35px;
    padding: 10px;
    color: white;
    font-weight: 700;
    font-size: 28px;
}


.dropdown {
    /* position: absolute; */
    top: 0;
    margin: auto;
    left: 0;
    right: 0;
    margin: auto;
}

@media screen and (min-device-width: 414px) and (max-device-width: 896px) and (orientation : portrait) {
    .steps .main {
        background-size: 100% !important;
    }

    .steps .main-2 {
        background-size: 100% !important;
    }

    .pro-photo {
        top: 10% !important;
    }

    .pro-photo2 {
        top: 10% !important;
    }


}

@media screen and (min-device-width: 768px) and (max-device-width: 1080px) and (orientation : portrait) {
    .steps .main {
        background-size: 100% 100% !important;
    }

    .steps .main-2 {
        background-size: 100% 100% !important;
    }

    .pro-photo {
        top: 12% !important;
    }

    .middle .box {
        width: 98%;
    }

}

.demo {
    background-color: #f5f5f5;
    font-family: 'Merriweather';
}

.panel {
    padding: 0;
    border-radius: 0;
}

.panel .panel-heading {
    background: #ff393f;
    padding: 20px 40px;
    border-radius: 0;
    margin: 0;
}

.panel .panel-heading .title {
    color: #fff;
    font-size: 28px;
    font-weight: 400;
    text-transform: capitalize;
    margin: 0;
}

.panel .panel-heading .btn {
    color: #566787;
    font-size: 13px;
    padding: 7px 12px 5px;
    border-radius: 0;
    border: none;
    transition: all 0.3s ease 0s;
}

.panel .panel-heading .btn:hover {
    background: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

.panel .panel-body {
    /* padding: 20px; */
}

.panel .panel-body .table {
    margin: 0;
    /* border-top: 1px solid #ddd; */
}

.panel .panel-body .table thead tr th {
    font-size: 18px;
    font-weight: 600;
    padding: 10px;
    color: #ffffff
}

.panel .panel-body tbody tr:last-of-type td {
    border-bottom: none !important;
}

.panel .panel-body .table tbody tr td {
    color: #555;
    font-size: 15px;
    padding: 10px 12px;
    vertical-align: middle;
}

.panel input:focus {
    box-shadow: 0 0 0 .25rem rgb(78 213 255) !important;
}

.panel .panel-body .table .user_icon {
    width: 50px;
    height: 50px;
    margin: 0 5px 0 0;
    border-radius: 100px;
    display: inline-block;
}

.panel .panel-body .table .user_icon img {
    width: 100%;
    height: auto;
    border-radius: 50%;
}

.panel .panel-body .table tbody .status {
    position: relative;
    padding-left: 12px;
}

.panel .panel-body .table tbody .status:before {
    content: "";
    background: #28a745;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    position: absolute;
    top: 5px;
    left: 0;
}

.panel .panel-body .table tbody .status.block:before {
    background: #dc3545;
}

.panel .panel-body .table tbody .status.inactive:before {
    background: #ffc107;
}

.panel .panel-body .table tbody .action-list {
    padding: 0;
    margin: 0;
    list-style: none;
}

.panel .panel-body .table tbody .action-list li {
    display: inline-block;
    margin: 0 5px;
}

.panel .panel-body .table tbody .action-list li a {
    color: #03A9F4;
    font-size: 16px;
    position: relative;
    z-index: 1;
    transition: all 0.3s ease 0s;
}

.panel .panel-body .table tbody .action-list li a:hover {
    text-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
}

.panel .panel-body .table tbody .action-list li a.delete {
    color: #E34724;
}

.panel .panel-body .table tbody .action-list li a:before,
.panel .panel-body .table tbody .action-list li a:after {
    content: attr(data-tip);
    color: #fff;
    background-color: #111;
    font-size: 12px;
    padding: 5px 7px;
    border-radius: 4px;
    text-transform: capitalize;
    display: none;
    transform: translateX(-50%);
    position: absolute;
    left: 50%;
    top: -32px;
    transition: all 0.3s ease 0s;
}

.panel .panel-body .table tbody .action-list li a:after {
    content: '';
    height: 15px;
    width: 15px;
    padding: 0;
    border-radius: 0;
    transform: translateX(-50%) rotate(45deg);
    top: -18px;
    z-index: -1;
}

.panel .panel-body .table tbody .action-list li a:hover:before,
.panel .panel-body .table tbody .action-list li a:hover:after {
    display: block;
}

.tbl-que {
    background: #203c72;
    color: #fff;
    /* border: 2px solid #000000; */
    border-radius: 22px;
}



@media only screen and (max-width:767px) {
    .panel .panel-heading .title {
        text-align: center;
        margin: 0 0 10px;
    }

    .panel .panel-heading .btn_group {
        text-align: center;
    }
}

.ggg {
    /* position: absolute;
     bottom: 0; */
}

.ulala {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 2%;
}

.alele {
    position: absolute;
    left: 0;
    right: 0;
    /* bottom: 2%; */
    margin-top: 33%;
}

.quiz-btn {
    margin-bottom: -11%;
    /* position: absolute;
     right: 2%;
     bottom: 10%; */
}

.btnSubmit {
    position: absolute;
    z-index: 1;
    right: 3%;
    top: 21%;
}

.btnLogin {
    position: absolute;
    z-index: 1;
    right: 0;
    left: 0;
    bottom: 10%;
}

.quiz-btn2 {
    /* position: absolute;
     right: 2%; */
}



.info-block {
    background-color: #ebebeb;
    border-radius: 20px;
    padding: 10px
}


.modal {
    overflow: scroll;
    /* Ensure modal can grow when dropdown opens */
}

.modal-body {
    overflow-y: auto;
    /* Allow vertical scroll if content exceeds modal height */
}

.modal-content {
    border-radius: 30px;
}

.mm-content {
    background-image: url(../images/arogya/background_for_web.jpg) !important;
    background-size: 100% !important;
    background-position: bottom !important;
    background-repeat: no-repeat;
    border: 20px solid;
    border-image-slice: 2;
    border-width: 6px;
    border-image-source: linear-gradient(to left, #009ea1, #e1027f);
    border-radius: 0px !important;
}

.modal .dropdown-menu {
    z-index: 1055;
    /* Ensure dropdown appears above modal */
}

.btn-block2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.m-header {
    display: block;
    background-image: linear-gradient(141deg, #e1027f, 53%, #e1027f 100%);
    color: white;
    text-align: center;
    width: 62%;
    font-size: 16px;
    border-radius: 45px !important;
    /* height: 50px; */
    padding: 8px;
    position: relative;
    margin: auto;
    /* top: 0px; */
    bottom: 22px;
}

.pdf-btn {
    background: aliceblue;
    border-radius: 42px;
    padding: 10px;
    background: #009ea1;
    color: #fff !important;
    text-align: center;
    font-weight: bold;
    margin: 10px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    width: 130px;
}

.btnLan {
    color: #fff;
}

.profile-image {
    border-radius: 50%;
}

.doctor-card {
    text-align: center;
    margin: auto;
}

.photo-container {
    position: relative;
    width: 150px;
    height: 150px;
    margin: 0 auto;
    overflow: hidden;
    border-radius: 50%;
    border: 5px solid #ffffff;
}

.photo-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.line {
    width: 40%;
    height: 27px;
    background-color: #f7f7f7;
    margin-top: -23px;
    border-top: 1px solid #000;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    margin-top: -20px;
}

.line2 {
    width: 30%;
    height: 21px;
    background-color: #f7f7f7;
    margin-top: -13px;
    border-top: 1px solid #000;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    margin-top: -14px;
}

.details {
    margin-top: 10px;
    text-align: center;
}

.details h3 {
    font-size: 18px;
    margin: 5px 0;
    font-weight: bold;
}

.details p {
    font-size: 14px;
    color: gray;
    margin: 0;
}

.u-h6 {
    font-family: 'Merriweather' !important;
    color: #363636;
    font-size: 25px;
    font-weight: 700 !important;
}

.u2-h6 {
    font-family: 'Merriweather' !important;
    color: #363636;
    font-size: 23px;
    font-weight: 700 !important;
}

.u-span {
    font-family: 'Poppins' !important;
    color: #363636;
    font-size: 16px !important;
    font-weight: 400 !important;
}

.footer {
    position: absolute;
    bottom: 0;
}

.three h3 {
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 1.5em;
    padding-bottom: 12px;
    position: relative;
    text-align: center;
}

.three h3:before {
    content: "";
    position: absolute;
    left: 24%;
    bottom: 0;
    height: 6px;
    width: 44px;
    background-color: #e50984;
    text-align: center;
    z-index: 111;

}

.three h3:after {
    content: "";
    position: absolute;
    left: 17%;
    bottom: 2px;
    height: 2px;
    width: 95%;
    max-width: 294px;
    background-color: #009ea1;
    text-align: center;
}



.sw-btn-next,
.sw-btn-next-result,
.sw-btn-back {
    display: inline-flex;
    width: 156px;
    /* letter-spacing: 1.3px; */
    align-items: center;
    background: #009ea1;
    padding: 7px 7px 8px 7px;
    font-family: 'Poppins' !important;
    font-weight: 400;
    font-size: 15px;
    cursor: pointer;
    position: relative;
    color: #fff;
    border-radius: 42px !important;
    justify-content: space-around;
    background: #009ea1 !important;
    border: 1px solid #009ea1 !important;
}

.sw-btn-next:hover {
    background: #1d838f !important;
    border: 1px solid #1d838f !important;
}

.sw-btn-back {
    width: 112px;
}

.sw-btn-next-result:hover {
    background: #013870;
}

.home {
    padding: 7px 7px 8px 7px;
    border-radius: 48px;
    font-family: 'Poppins' !important;
    font-weight: 400;
    font-size: 15px;
    background: #009ea1;
    color: #fff;
    width: 105px;
    margin-right: 18px;
}

.middle input[type=radio] {
    display: none;
}

.middle input[type=radio]:checked+.box {
    color: white;
    background: #e40983;
    transition: background 300ms ease, color 300ms ease;
}

.middle input[type=radio]:checked+.box span:before {
    transform: scale(2);
    opacity: 1;
    transition: transform 300ms cubic-bezier(0.4, 0, 0.2, 1), opacity 300ms ease;
}

.middle .box {
    width: 100%;
    border-radius: 20px;
    background-color: #fff;
    text-align: center;
    align-items: center;
    cursor: pointer;
    position: relative;
    padding: 12px;
    font-weight: 400;
    border-radius: 5px;
    border-width: 5px;
    border-color: #dddfdd;
    font-family: 'Poppins';
    font-size: 16px;
    transition: background-color 300ms ease, transform 200ms ease;
}

.middle .box:active {
    transform: translateY(5px);
}

.middle .box span {
    width: 99%;
    position: absolute;
    left: 0px;
    right: 0px;
    font-size: 1.4em;
    user-select: none;
    text-align: center;
    bottom: 1;
    top: 3%;
    border-radius: 50px;
    margin: auto;
    padding: 6px;
    background-image: linear-gradient(127deg, rgb(255 255 255 / 47%) 9.2%, rgb(223 223 223 / 91%) 91.1%);
    letter-spacing: 0.7px;
    transition: transform 300ms ease, opacity 200ms ease;
}

.middle .box span:before {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: white;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(1);
    opacity: 0;
    transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
}


.GaugeMeter {
    Position: Relative;
    Text-Align: Center;
    Overflow: Hidden;
    Cursor: Default;
}

.GaugeMeter SPAN,
.GaugeMeter B {
    Margin: auto;
    Width: 100%;
    Position: Absolute;
    Text-align: Center;
    Display: Inline-Block;
    Color: RGBa(0, 0, 0, .8);
    Font-Weight: 100;
    Overflow: Hidden;
    White-Space: NoWrap;
    font-weight: 700;
    Text-Overflow: Ellipsis;
}

.GaugeMeter {
    height: 200px;
}

.GaugeMeter SPAN {
    line-height: 212px !important;
}

.GaugeMeter S,
.GaugeMeter U {
    Text-Decoration: None;
    Font-Size: .5em;
    Opacity: .5;
}

.GaugeMeter B {
    Font-Weight: 600;
    Font-Size: 1.5em;
    line-height: 311.385px !important;
    Opacity: .8;
    margin-top: 17px;
}


.h3-ref {
    font-size: 14px;
    font-weight: 600;
}

.h6-ref {
    font-size: 12px;
    font-weight: 400;
}

.d-div {
    display: none;
}


.four h3 {
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 1.5em;
    padding-bottom: 12px;
    position: relative;
    text-align: center;
}

.four h3:before {
    content: "";
    position: absolute;
    left: 41%;
    bottom: 0;
    height: 7px;
    width: 33px;
    background-color: #e50984;
    text-align: center;
    z-index: 111;

}

.four h3:after {
    content: "";
    position: absolute;
    left: 35%;
    bottom: 2px;
    height: 2px;
    width: 60%;
    max-width: 122px;
    background-color: #009ea1;
    text-align: center;
}




/* Background for odd buttons (1, 3, 5, ...) */
.background-style-1 {
    background-image: url('../images/arogya/English/tips_from_your_doctor_button_1.png');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 0px 23px;
    width: 100%;
    /* height: 114%; */
    border-radius: 15px;
}

/* Background for even buttons (2, 4, 6, ...) */
.background-style-2 {
    background-image: url('../images/arogya/English/tips_from_your_doctor_button_2.png');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 0px 23px;
    width: 100%;
    /* height: 114%; */
    border-radius: 15px;
}

.text-overlay {
    background: transparent;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    padding: 3px;
    max-width: 50%;
    border-radius: 15px 0 0 15px;
}

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

.text-overlay h1 {
    margin: 0;
    font-size: 18px;
    line-height: 1.5;
}


/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

.steps input:focus,
.steps textarea:focus {
    border-color: none !important;
    box-shadow: none !important;
}

.input-container {
    display: flex;
    align-items: center;
    background-color: #f5fcf9;
    padding: 10px;
    border-radius: 8px;
    font-family: 'Merriweather' !important;
    font-size: 18px;
}

.input-container label {
    margin-right: 10px;
    font-weight: bold;
    color: #444;
    padding-bottom: 7px;
    padding-top: 12px;
}

.input-wrapper {
    position: relative;
    flex-grow: 1;
}

.input-wrapper input {
    width: 100%;
    padding-right: 40px;
    /* Space for (kg) */
    padding-left: 10px;
    font-size: 18px;
    border: none;
    border-radius: 8px;
    outline: none;
}

.input-wrapper span {
    position: absolute;
    top: 73%;
    right: 10px;
    transform: translateY(-50%);
    font-size: 12px;
    color: #444;
}

.result-container {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #ffffff;
    padding: 10px 15px;
    border-radius: 12px;
    font-family: 'Poppins';
    max-width: 265px;
    margin: auto;
}

.bmi-value {
    background-color: #008000;
    color: white;
    font-size: 36px;
    font-weight: 600;
    text-align: center;
    padding: 3px 24px;
    border-radius: 8px;
    flex-shrink: 0;
}

.bmi-text {
    margin-left: 15px;
    text-align: left;
}

.bmi-text h3 {
    margin: 0;
    font-size: 18px;
    color: #444;
    font-weight: bold;
}

.bmi-text span {
    display: block;
    font-size: 16px;
    color: #008000;
    font-weight: 600;
}


.bmi-underweight {
    color: #438ee1 !important;
}

.bmi-normal {
    color: #008000 !important;
}

.bmi-overweight {
    color: #ee6737 !important;
}

.bmi-obesity {
    color: #f81919 !important;
}

.error {
    color: #f81919 !important;
}




.GaugeMeter2 {
    Position: Relative;
    Text-Align: Center;
    Overflow: Hidden;
    Cursor: Default;
}

.GaugeMeter2 SPAN,
.GaugeMeter2 B {
    Margin: auto;
    Width: 100%;
    Position: Absolute;
    Text-align: Center;
    Display: Inline-Block;
    Color: RGBa(0, 0, 0, .8);
    Font-Weight: 100;
    Overflow: Hidden;
    White-Space: NoWrap;
    font-weight: 700;
    Text-Overflow: Ellipsis;
}

.GaugeMeter2 {
    height: 200px;
}

.GaugeMeter2 SPAN {
    line-height: 212px !important;
}

.GaugeMeter2 S,
.GaugeMeter2 U {
    Text-Decoration: None;
    Font-Size: .5em;
    Opacity: .5;
}

.GaugeMeter2 B {
    Font-Weight: 600;
    Font-Size: 1.8em;
    line-height: 311.385px !important;
    Opacity: .8;
    margin-top: 17px;
}

.result_final {
    color: #e40983;
    font-weight: 600;
    font-size: 15px;
    background-color: #f2fbfa;
    padding: 12px;
    border-radius: 15px;
}

.modal-btn {
    color: #fff;
}


.modal-footer .btn-modal-footer {
    background: #ffffff00;
    border: none;
    margin-bottom: -34px;
}