/**
 * ///////////////////////////// form bmi
 */
 #bmi-form {

 }
 #bmi-form label {
     display     : block;
     font-weight : bold;
     color       : var(--main-color-purple);
 }
 #bmi-form input {
     background    : white;
     border        : none;
     border-radius : 12px;
     padding       : 11px 3px 11px 10px;
     width         : 50px;
     font-weight   : bold;
     color         : var(--main-color-blue);
     text-align    : right;
 }
 #bmi-form input:focus-visible {
     outline : none !important;
 }
 #bmi-form input::-webkit-outer-spin-button,
 #bmi-form input::-webkit-inner-spin-button {
     -webkit-appearance : none;
     margin             : 0;
 }
 
 /* Firefox */
 #bmi-form input[type=number] {
     -moz-appearance : textfield;
 }
 #bmi-form .input-wrapper {
     position      : relative;
     background    : white;
     border        : none;
     border-radius : 12px;
     width         : 100%;
 }
 #bmi-form .bmi-input-holder .bmi-label-ext {
     position : relative;
     left     : 0;
     top      : 0;
     display  : inline-block;
 }
 #bmi-form .bmi-input-holder .control-holder {
     position : absolute;
     width    : 50px;
     height   : 50px;
     display  : block;
     bottom   : 0;
     right    : 0;
 }
 #bmi-form .bmi-input-holder .control-holder .bmiPlus {
     position   : absolute;
     width      : 100%;
     height     : 50%;
     top        : 0;
     background : url('../img/icon-input-plus.svg') no-repeat;
     transition : 0.2s;
     cursor     : pointer;
 }
 #bmi-form .bmi-input-holder .control-holder .bmiPlus:hover {
     opacity    : 0.7;
     transition : 0.2s;
 }
 #bmi-form .bmi-input-holder .control-holder .bmiMinus {
     position   : absolute;
     width      : 100%;
     height     : 50%;
     top        : 50%;
     background : url('../img/icon-input-minus.svg') no-repeat;
     transition : 0.2s;
     cursor     : pointer
 }
 #bmi-form .bmi-input-holder .control-holder .bmiMinus:hover {
     opacity    : 0.7;
     transition : 0.2s;
 }
 .result-holder {
     position : relative;
 }
 .result-holder .result-number.d-none {
     opacity    : 0;
     transition : 0.2s;
 }
 .result-holder .result-number {
     position    : absolute;
     bottom      : 122px;
     left        : 0;
     right       : 0;
     margin      : 0 auto;
     z-index     : 10;
     font-size   : 80px;
     font-weight : bold;
     transition  : 0.2s;
     opacity     : 1;
 }

 /**
 * ///////////////////////////// opener
 */
.opener .opener-head {
    background-color : var(--main-color-purple);
    position         : relative;
    padding          : 20px 20px;
    cursor           : pointer;
}
.opener .opener-head p {
    font-size   : 21px;
    color       : white;
    font-weight : bold;
}
.opener .opener-head:after {
    content         : '';
    transform       : rotate(180deg);
    background      : url('../img/icon-chevron.svg') no-repeat;
    width           : 22px;
    height          : 11px;
    position        : absolute;
    background-size : contain;
    right           : 25px;
    top             : 30px;
}
.opener.active .opener-head:after {
    content         : '';
    transform       : rotate(0);
    background      : url('../img/icon-chevron.svg') no-repeat;
    width           : 22px;
    height          : 11px;
    position        : absolute;
    background-size : contain;
    right           : 25px;
    top             : 30px;
}
.opener .opener-body {
    padding : 20px 0;
    display : none;
}
.opener.active .opener-body {
    display : block;
}
:root {
    --main-color-blue      : #00408B;
    --main-color-lightblue : #E3EBF0;
    --main-color-purple    : #C26096;
    --main-color-pink      : #F8ECF2;
}
.bg-main-blue {
    background-color : var(--main-color-lightblue);
}

/**
 * ///////////////////////////// buttons
 */
 .btn {
    white-space : initial;
}
.btn.btn-secondary {
    border           : 2px solid var(--main-color-purple);
    background-color : white;
    color            : var(--main-color-purple);
}
.btn.btn-secondary:hover {
    color : var(--main-color-purple) !important;
}
.btn.btn-small {
    padding : 5px 15px !important;
}
.btn.btn-link {
    background      : transparent;
    color           : var(--main-color-blue);
    text-decoration : underline !important;
}
.btn.btn-link:hover, .btn.btn-link:active {
    background : transparent !important;
    color      : var(--main-color-blue) !important;
}



 /* PCOS */

 /**
 * ///////////////////////////// test
 */
.ribbon {
    max-width : 500px;
}
.pks-icon {
    max-width : 600px;
}
@media screen and (max-width : 1000px) {
    .ribbon {
        max-width : 100%;
    }
    .pks-icon {
        max-width : 100%;
    }
}
/** ///////////////////////////// */
.quiz-0 .swiper-slide input {
    display : none;
}
.quiz-0 .swiper-slide input + label {
    cursor : pointer;
}
.quiz-0 .swiper-slide input + label.input-yes-label {
    display                   : inline-block;
    background                : white;
    color                     : var(--main-color-blue);
    margin-bottom             : 0;
    padding                   : 10px 45px;
    border-top-left-radius    : 25px;
    border-bottom-left-radius : 25px;
}
.quiz-0 .swiper-slide input + label.input-no-label {
    display                    : inline-block;
    background                 : white;
    color                      : var(--main-color-purple);
    margin-bottom              : 0;
    padding                    : 10px 45px;
    border-top-right-radius    : 25px;
    border-bottom-right-radius : 25px;
}

.quiz-0 .swiper-slide input:checked + label.input-yes-label {
    display       : inline-block;
    background    : var(--main-color-blue);
    color         : white;
    margin-bottom : 0;
    cursor        : pointer;
}
.quiz-0 .swiper-slide input:checked + label.input-no-label {
    display       : inline-block;
    background    : var(--main-color-purple);
    color         : white;
    margin-bottom : 0;
    cursor        : pointer;
}

.quiz-0 .swiper-slide .input-yes-holder {
    display     : inline-block;
    margin-left : -4px;
}
.quiz-0 .swiper-slide .input-no-holder {
    display     : inline-block;
    margin-left : -4px;
}
/** ///////////////////////////// */
.quiz-mobile form {
    max-width : inherit !important;
}
.quiz-mobile .swiper-slide input {
    display : none;
}
.quiz-mobile .swiper-slide input + label {
    cursor : pointer;
}
.quiz-mobile .swiper-slide input + label.input-yes-label {
    display                   : inline-block;
    background                : white;
    color                     : var(--main-color-blue);
    margin-bottom             : 0;
    padding                   : 10px 45px;
    border-top-left-radius    : 25px;
    border-bottom-left-radius : 25px;
}
.quiz-mobile .swiper-slide input + label.input-no-label {
    display                    : inline-block;
    background                 : white;
    color                      : var(--main-color-purple);
    margin-bottom              : 0;
    padding                    : 10px 45px;
    border-top-right-radius    : 25px;
    border-bottom-right-radius : 25px;
}

.quiz-mobile .swiper-slide input:checked + label.input-yes-label {
    display       : inline-block;
    background    : var(--main-color-blue);
    color         : white;
    margin-bottom : 0;
    cursor        : pointer;
}
.quiz-mobile .swiper-slide input:checked + label.input-no-label {
    display       : inline-block;
    background    : var(--main-color-purple);
    color         : white;
    margin-bottom : 0;
    cursor        : pointer;
}

.quiz-mobile .swiper-slide .input-yes-holder {
    display     : inline-block;
    margin-left : -4px;
}
.quiz-mobile .swiper-slide .input-no-holder {
    display     : inline-block;
    margin-left : -4px;
}
.quiz-mobile {
    overflow : hidden;
}
.quiz-mobile .swiper-slide {
    width : 100%;
}
.quiz-mobile .swiper-button-disabled {
    filter : grayscale(1);
}
@media screen and (max-width : 1000px) {
    /*.quiz-1 .swiper-wrapper {*/
    /*    flex-wrap: wrap !important;*/
    /*    flex-direction: column !important;*/
    /*}*/
    /*.quiz-1 .swiper-slide {*/
    /*    height : 100% !important;*/
    /*}*/
}
/**
 * ///////////////////////////// expect
 */
#hero.expect {
    height : auto;
}
.ginekologas {
    padding : 20px 0;
}
.patika-holder {
    text-align: center;
}
.patika-holder img:hover {
    opacity    : 0.8;
    transition : 0.2s;
}


.btn-pcos {
    display: inline-block;
    height: 36px;
    border-radius: 18px;
    color: #c26096;
    border: 1px solid #c26096;
    text-transform: uppercase;
    font-weight: 500;
    text-decoration: none;
    font-size: 14px;
    line-height: 34px;
    padding: 0 16px 0 38px;
    background: #fff;
    background-image: url(../img/btn-pcos.png);
    background-size: 25px 34px;
    background-position: 10px 0;
    background-repeat: no-repeat;
    transform: translateY(-7px);
}

@media screen and (min-width: 1200px) {
    .btn-pcos {
        transform: translateY(46px);
    }
}

.navbar .btn-pcos:hover {
    color: #c26096 !important;
    text-decoration: none;

}