.calculator {
    font-family: "MontserratMedium", sans-serif;
    font-size: 16px;
}
.calculator .button-switcher {
    display: block;
    padding: 8px 14px;
    background-color: rgba(255,255,255, .1);
    backdrop-filter: blur(25px);
    border-radius: 15px ;
    border: 1px solid rgba(255,255,255, .25);
}
.calculator .button-switcher.active {
    background-color: rgba(78,20,21, .8);
}
.calculator .button-switcher:hover {
    border: 1px solid rgba(255,255,255, .75);
}
.calculator-item .section-label {
    color: rgba(255,255,255, .75);
    font-size: 14px;
}
.form-switch input {
    border: 1px solid rgba(255,255,255, .75);
}
.form-switch label {
    color: #CCCCCC;
    font-family: "MontserratMedium", sans-serif;
    font-size: 14px;
}
.form-switch label:before {
    border: .0625rem solid #979797;
    border-radius: 5px;
    content: "";
    display: flex;
    height: 1.2rem;
    margin-right: .5rem;
    min-width: 1.2rem;
    width: 1.20rem;
}
.calculator-radio label:before {
    border: .0625rem solid #979797;
    border-radius: 50%;
    content: "";
    display: flex;
    height: 1.25rem;
    margin-right: .5rem;
    min-width: 1.25rem;
    width: 1.25rem;
}
.calculator-check input:checked+label:before {
    background: url(/wp-content/themes/dobro/assets/images/checkRed.svg) no-repeat 50% 50%;
}
.calculator-radio input:checked+label:before {
    background: url(/wp-content/themes/dobro/assets/images/radioCheck.svg) no-repeat 50% 50%;
}

.calculator-form-text {
    padding: 7px 14px;
    border-radius: 20px;
    border: 1px solid  rgba(255,255,255, .25);
    background-color: rgba(255,255,255, .1);
    color: #FFFFFF;
}
.calculator-form-text:focus-visible,
.calculator-form-text:hover,
.calculator-select:hover,
.calculator-select:focus-visible {
    outline: none;
    border-color: rgba(255,255,255, .75);
}
.calculator-select {
    background:  rgba(255,255,255, .1) url(/wp-content/themes/dobro/assets/images/selectArrow.svg) no-repeat 87% 50%;
    padding: 7px 14px;
    border-radius: 20px;
    border: 1px solid  rgba(255,255,255, .25);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
select.calculator-select option {
    background-color: rgb(38,38,38);
    color: #FFFFFF;
}

.calculator-calculate button {
    font-family: "MontserratBold", sans-serif;
    font-size: 20px;
    color: #D21219;
    display: block;
    padding: 15px 63px;
    background: rgba(255,255,255, 1);
    border: 1px solid  rgba(200,200,200, .5);
    border-radius: 15px;
    cursor: pointer;
}
.calculator-calculate button:hover {
    background: rgba(255,255,255, .8);
}
.calculator-calculate button:active {
    background: rgba(255,255,255, .6);
}
.calculate-result {
    border-radius: 35px;
    border: 1px solid rgba(255,255,255, .25);
    background: rgba(255,255,255, .1);
}
.calculate-exchange-rates {
    background: rgba(255,255,255, .1);
    font-size: 14px;
    border-radius: 20px;
}
.calculate-result .result-key {
    font-size: 14px;
    color: rgba(255,255,255, .5);
}
.calculate-result .result-value {
    font-size: 16px;
    color: #FFFFFF;
}
.calculate-result .result-summary-value {
    font-family: "MontserratBold", sans-serif;
    font-size: 32px;
}