/* Custom styles */
        html {
            min-height: -webkit-fill-available;
            height: 100dvh;
            height: 100vh;
            height: 100%;
            margin: 0;
            padding: 0;
            overscroll-behavior: none;
            touch-action: none;
            
        }

        body {
            margin: 0;
            padding: 0;
            display: flex;
            flex-direction: column;
            min-height: -webkit-fill-available;
            height: 100dvh;
            height: 100vh;
            height: 100%;
            font-family: "DM Sans", sans-serif;
            overflow: hidden;
            overscroll-behavior: none;
            touch-action: none;
        }

        .container {
            min-height: -webkit-fill-available;
            height: 100dvh;
            height: 100vh;
            height: 100%;

        }

        .results-text {
            padding: 0% 5% 0% 5%;
        }

        .minku-main-logo {
            max-width: 239px;
            width: 100%;
        }

        .mySlides {
            padding: 0% 10% 0% 10%;
        }

        .button-minku,
        .button-minku:focus,
        .button-minku:active,
        .button-minku:hover,
        .button-minku:disabled {
            background-color: #8418C3;
            color: white;
            border-radius: 30px;
            height: 60px;
            max-height: 60px;
            max-width: 233px;
            width: 100%;
            font-family: DM Sans;
            font-weight: 700;
            font-style: Bold;
            font-size: 20px;
            line-height: 20px;
            letter-spacing: 0%;
            text-align: center;

        }

        .button-minku-round,
        .button-minku-round:focus,
        .button-minku-round:active,
        .button-minku-round:hover {
            background-color: #8418C3;
            color: white;
            border-radius: 50%;
            height: 60px;
            width: 60px;
            font-family: DM Sans;
            font-weight: 700;
            font-style: Bold;
            font-size: 20px;
            line-height: 20px;
            letter-spacing: 0%;
            text-align: center;

        }



        .custom-range::-webkit-slider-thumb {
            background: #000000;
        }

        .custom-range::-webkit-slider-runnable-track {
            background: #a3a3a3;
        }

        .button-border {
            border: 0.5em solid #ffc6b0 !important;
        }

        .input-border {
            border: 0.1em solid #ffc6b0 !important;
        }

        .text-semi_bold_600 {
            font-weight: 600;
            color: #474747;
            line-height: 44px;
        }

        .text-regular_400 {
            font-weight: 400;
            color: #474747;
            line-height: 20px;
            font-size: 14px;
        }

        .menu_button {
            width: 80%;
        }

        #bottombar {
            overflow: hidden;
            flex: 0 0 auto;
            width: 100%;
            margin-top: auto;
        }

        #appbar {
            overflow: hidden;
            top: 0;
            left: 0;
            width: 100%;
            position: sticky;
            z-index: 1;
        }

        .button-minku-container {
            position: fixed;
            bottom: 10%;
        }

        .bottom-bar-buttons {
            width: 33%;
            cursor: pointer;
        }

        .bottom-bar-button_active_1 {
            background: linear-gradient(to right, #FFD79F 0%, #FFD79F 33%, #ffc87b 33.33%, #ffc87b 66.66%, #ffc87b 66.66%, #ffc87b 100%);
        }

        .bottom-bar-button_active_2 {
            background: linear-gradient(to right, #ffc87b 0%, #ffc87b 33%, #FFD79F 33.33%, #FFD79F 66.66%, #ffc87b 66.66%, #ffc87b 100%);
        }

        .bottom-bar-button_active_3 {
            background: linear-gradient(to right, #ffc87b 0%, #ffc87b 33%, #ffc87b 33.33%, #ffc87b 66.66%, #FFD79F66.66%, #FFD79F 100%);
        }

        .dot {
            cursor: pointer;
            height: 23px;
            width: 23px;
            margin: 0 3%;
            background-color: #F3E8F9;
            border-radius: 50%;
            display: inline-block;
            transition: background-color 0.6s ease;
        }

        .active,
        .dot:hover {
            background-color: #8418C3;
        }

        .slideshow-container {
            width: 100%;
            position: relative;
            height: 100%;
            overflow: hidden;
            justify-content: space-evenly;
        }

        .minku-vector-container {
            position: relative;
            display: flex;
            justify-content: center;
            align-items: center;
            max-width: 70%;
        }

        .minku-vector-container-results {
            position: relative;
            max-width: 60%;
        }

        a:link {
            text-decoration: none;
        }

        a:visited {
            text-decoration: none;
        }

        .minku-app-logo>img {
            max-width: 55%;
            position: absolute;
            top: 45%;
            left: 50%;
            transform: translate(-50%, -50%);
        }

        .minku-gender-logo>img {
            max-width: 55%;
            position: absolute;
            top: 45%;
            left: 50%;
            transform: translate(-50%, -50%);
        }

        .minku-whatsapp-logo>img {
            max-width: 55%;
            position: absolute;
            top: 45%;
            left: 50%;
            transform: translate(-50%, -50%);
        }

        .minku-app-logo-results>img {
            width: 60%;
            position: absolute;
            top: 50%;
            left: 55%;
            transform: translate(-50%, -50%);
        }

        .background-vector {
            max-width: 100%;
            object-fit: cover;
        }

        .result-icon {
            position: absolute;
            top: 20%;
            left: 95%;
            transform: translate(-50%, -50%);
        }

        .icon-on-top {
            position: absolute;
            top: 45%;
            left: 50%;
            transform: translate(-50%, -50%);
        }

        .content {
            position: relative;
        }

        #content {
            height: 100%;
        }

        .minku-fixed {
            /* position: absolute;
            bottom: 10%;
            left: 50%;
            transform: translateX(-50%);*/
            height: 50%;
        }

        .minku-input {
            background-color: #F3E8F9;
            font-weight: 700;
            font-style: Bold;
            font-size: 20px;
            text-align: center;
            line-height: 35px;
            letter-spacing: 0%;
            color: #8418C3;
        }

        .minku-select {
            background-image: url("select_circle.svg");
            background-size: 35px auto;
            background-color: #F3E8F9;
            font-family: DM Sans;
            font-weight: 700;
            font-style: Bold;
            font-size: 20px;
            text-align: center;
            line-height: 35px;
            letter-spacing: 0%;
            color: #8418C3;
        }

        .p-small {
            font-family: DM Sans;
            font-weight: 500;
            font-style: Medium;
            font-size: 14px;
            margin-bottom: 0px;
            line-height: 35px;
            letter-spacing: 0%;

        }

        .p-bold {
            font-family: DM Sans;
            font-weight: 600 !important;
            font-style: Bold;
            font-size: 14px;
            line-height: 35px;
            letter-spacing: 0%;

        }

        .p-big {
            font-family: DM Sans;
            font-weight: 600;
            font-style: Medium;
            font-size: 25px;
            color: #474747;

            line-height: 44px;
            letter-spacing: 0%;
            text-align: center;

        }

        .p-negative {
            color: red;
        }

        .p-positive {
            color: green;
        }

        .read-more {
            display: none;
        }

        .upper-text {
            font-weight: 700;
            color: #8418c8;
            font-size: 30px;
            text-align: center;
            padding-top: 1rem;
        }

        .minku-left-logo {
            max-width: 139px;
            width: 100%;
        }

        @media only screen and (max-width: 500px) {
            .minku-left-logo {
                width: 90%;
            }

            .minku-vector-container {
                position: relative;
                display: flex;
                justify-content: center;
                align-items: center;
                max-width: 90%;
            }

            .minku-vector-container-results {
                position: relative;
                max-width: 40%;
            }

            .upper-text {
                font-weight: 700;
                color: #8418c8;
                font-size: 22px;
                text-align: center;
            }

            .result-icon {
                position: absolute;
                top: 20%;
                left: 95%;
                transform: translate(-50%, -50%);
                max-width: 30%;
            }
        }

        @media only screen and ((max-width: 440px) and (max-height: 800px)) {
            .minku-left-logo {
                width: 90%;
            }

            .minku-vector-container {
                position: relative;
                display: flex;
                justify-content: center;
                align-items: center;
                max-width: 60%;
            }

            .slideshow-container {
                width: 100%;
                position: relative;
                overflow: hidden;
            }

            .button-minku,
            .button-minku:focus,
            .button-minku:active,
            .button-minku:hover,
            .button-minku:disabled {
                font-size: 18px;
                height: 50px;
                width: 60%;
            }

            .minku-vector-container-results {
                position: relative;
                max-width: 35%;
            }

            .upper-text {
                font-weight: 700;
                color: #8418c8;
                font-size: 20px;
                text-align: center;
            }

            .result-icon {
                position: absolute;
                top: 20%;
                left: 95%;
                transform: translate(-50%, -50%);
                max-width: 30%;
            }

            .minku-gender-logo>img {
                max-width: 40%;
                position: absolute;
                top: 45%;
                left: 50%;
                transform: translate(-50%, -50%);
            }

            .bottom-bar-buttons img {
                width: 20%;
                cursor: pointer;
            }

            .minku-left-logo {
                width: 100px;
            }
        }

        @media only screen and ((max-width: 360px) and (max-height: 600px)) {
            .minku-left-logo {
                width: 90%;
            }

            .minku-vector-container {
                position: relative;
                display: flex;
                justify-content: center;
                align-items: center;
                max-width: 50%;
            }

            .slideshow-container {
                width: 100%;
                position: relative;
                overflow: hidden;
            }

            .minku-vector-container-results {
                position: relative;
                max-width: 35%;
            }

            .upper-text {
                font-weight: 700;
                color: #8418c8;
                font-size: 18px;
                text-align: center;
                line-height: 18px;
            }

            .result-icon {
                position: absolute;
                top: 20%;
                left: 95%;
                transform: translate(-50%, -50%);
                max-width: 30%;
            }

            .minku-left-logo {
                width: 80px;
            }

            .bottom-bar-buttons img {
                width: 20%;
                cursor: pointer;
            }

            .dot {
                cursor: pointer;
                height: 15px;
                width: 15px;
            }

            .button-minku,
            .button-minku:focus,
            .button-minku:active,
            .button-minku:hover,
            .button-minku:disabled {
                font-size: 15px;
                height: 40px;
            }

            .button-minku img,
            .button-minku:focus img,
            .button-minku:active img,
            .button-minku:hover img,
            .button-minku:disabled img {
                width: 15px;
            }

            .p-small {
                line-height: 20px;
                font-size: 0.7em;
            }

            .measurement-rules img {
                width: 60%;
            }

            .minku-app-logo>img {
                max-width: 60%;
                position: absolute;
                top: 45%;
                left: 50%;
                transform: translate(-50%, -50%);
            }

            .minku-input {
                font-size: 14px;
                line-height: 20px;
            }

            .minku-select {
                font-size: 12px;
                line-height: 14px;
                background-size: 25px;
            }

            .minku-gender-logo>img {
                max-width: 35%;
                position: absolute;
                top: 45%;
                left: 55%;
                transform: translate(-50%, -50%);
            }

            .p-big {
                font-size: 14px;
                line-height: 34px;
                margin: auto;
            }

            .minku-main-logo {
                width: 70%;
            }



            .minku-whatsapp-logo>img {
                max-width: 55%;
                position: absolute;
                top: 45%;
                left: 50%;
                transform: translate(-50%, -50%);
            }
        }