body {
    font-family: 'Helvetica Neue', sans-serif;
    background-color: #ffffff;
    color: #333;
}
.soft-shadow {
    box-shadow: 0 4px 10px rgba(0, 0, 0, .05);
}

.hidden { display: none !important; }

.step-circle {
    width: 60px;
    height: 60px;
    background-color: #f3cec2;
    border-radius: 50%;
}

@media (max-width: 767px) {
    .desktop-only { display: none; }
}
@media (min-width: 768px) {
    .mobile-only { display: none; }
}

.step-border {
    border: 2px solid #bcbcbc;
    border-radius: 25px;
}
#YMK-module, #scanner-step {
    overflow: hidden;    
}

#arrugas, #manchas, #acne, #textura, #skin-general{
    margin-left: 5px;
}

@media screen and (min-width: 768px) {
    #YMK-module {
        height: 100%;
    }
}
@media screen and (max-width: 767px) {
    .main-row{
        justify-content: center;
    } 
    #YMK-module, #scanner-step {
        aspect-ratio: 3/4;
    }
}

#perfect-inbiotech .form-check-input:checked {
    background-color: #f2a687;
    border-color: #f2a687;
}
#perfect-inbiotech a {
    color: #f2a687;
}
#perfect-inbiotech .form-control{
    border-radius: 25px;
    border-width: 2px;
}
#perfect-inbiotech .accordion-button:not(.collapsed), #perfect-inbiotech .accordion-button.collapsed {
    border-color: #f2a687;
    color: #f2a687;
    background-color: #fff;
    margin-bottom: 20px;
    border-radius: 25px !important;
    border-width: 2px;
    box-shadow: inset 0 calc(-1* 2px) 0 #f2a687;
}
#perfect-inbiotech .accordion-button::after{
    background-image: url('/assets/images/down-arrow.svg');
}
#perfect-inbiotech .accordion-item{
    border: none;
}
/* if aria expanded is false dont transform */
#perfect-inbiotech .accordion-button[aria-expanded="false"]::after {
    transform: rotate(0deg);
}
.skin.row{
    text-align: center;
}
#consent-step {
    align-content: center;
}