@charset "UTF-8";
/* CSS Document */


.custom-radio-button {
    --input-bg: #f0f6fd;
    --input-color: #0078c9;
    --input-placeholder-color: #e7f0fc;
    --input-border-color: #cccccc;
    --input-focus-color: #59677a;
    --input-focus-bg: #cde6f7;
    --input-focus-border-color: #cccccc;
    --input-checked-bg: #0078c9;
    --input-checked-border-color: #cccccc
}
.custom-radio-button__label {
    display: block;
    margin-bottom: 0;
    position: relative;
    width: 100%
}
.custom-radio-button__name {
    align-items: center;
    background-color: var(--input-bg);
    border: .0625rem solid var(--input-border-color);
    border-radius: .625rem;
    box-shadow: none;
    color: var(--input-color);
    cursor: pointer;
    display: flex;
    font-size: clamp(1.0625rem, .9772727263rem + .22727273vw, 1.25rem);
    gap: 1rem;
    line-height: 1;
    margin-bottom: 0;
    padding: 1.5625rem 1.5625rem 1.5625rem 4.6875rem;
    position: relative;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    width: 300px;
}

@media (max-width:1620px) {
    .custom-radio-button__name {
        width: 270px;
    }
}

@media (max-width:1500px) {
    .custom-radio-button__name {
        width: 250px;
    }
}

@media (max-width:1400px) {
    .custom-radio-button__name {
        width: 230px;
    }
}
@media (max-width:1300px) {
    .custom-radio-button__name {
        width: 200px;
    }
}
@media (max-width:1200px) {
    .custom-radio-button__name {
        width: 320px;
    }
}
@media (max-width:1000px) {
    .custom-radio-button__name {
        width: 220px;
    }
}
@media (max-width:991px) {
    .custom-radio-button__name {
        width: 320px;
    }
}
@media (max-width:767px) {
    .custom-radio-button__name {
        width: 280px;
    }
}
@media (max-width:567px) {
    .custom-radio-button__name {
        width: 200px;
    }
}
@media (max-width:428px) {
    .custom-radio-button__name {
        width: 170px;
    }
}
@media (max-width:414px) {
    .custom-radio-button__name {
        width: 160px;
    }
}
@media (max-width:390px) {
    .custom-radio-button__name {
        width: 160px;
    }
}
@media (max-width:360px) {
    .custom-radio-button__name {
        width: 160px;
    }
}

.custom-radio-button__name:hover {
    background-color: var(--input-bg);
    border-color: var(--input-focus-border-color);
    box-shadow: 0 .1875rem 1.25rem #ccc
}
.custom-radio-button__name:focus {
    box-shadow: none, 0 0 0 .1875rem #1e96fe26
}
.custom-radio-button__name:before {
    background-color: #fff;
    border: .0625rem solid #8e97a4;
    pointer-events: none;
    transform: translateY(-50%);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}
.custom-radio-button__name:after, .custom-radio-button__name:before {
    border-radius: 50%;
    content: "";
    display: block;
    height: 1.5625rem;
    left: 1.5625rem;
    position: absolute;
    top: 50%;
    transition: all .3s cubic-bezier(.22, .61, .36, 1);
    width: 1.5625rem
}
.custom-radio-button__name:after {
    background-color: #0078c9;
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15.805 11.795'%3E%3Cpath fill='%23fff' d='M5.708 11.795a1 1 0 0 1-.707-.293l-5-5 1.414-1.414 4.266 4.265L14.338 0l1.468 1.358-9.363 10.116a1 1 0 0 1-.714.321Z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15.805 11.795'%3E%3Cpath fill='%23fff' d='M5.708 11.795a1 1 0 0 1-.707-.293l-5-5 1.414-1.414 4.266 4.265L14.338 0l1.468 1.358-9.363 10.116a1 1 0 0 1-.714.321Z'/%3E%3C/svg%3E");
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 50%;
    mask-size: 50%;
    opacity: 0;
    transform: translateY(-50%) scale(0)
}
.custom-radio-button__name--has-icon {
    --input-bg: #fff;
    align-items: center;
    border-radius: .3125rem;
    flex-direction: row;
    font-size: clamp(1.125rem, .9545454562rem + .45454545vw, 1.5rem);
    height: auto;
    padding-left: 1.5625rem
}
@media (max-width:320px) {
    .custom-radio-button__name--has-icon {
        width: 120px;
    }
}
@media (max-width:360px) {
    .custom-radio-button__name--has-icon {
        width: 130px;
    }
}
@media (max-width:375px) {
    .custom-radio-button__name--has-icon {
        width: 140px;
    }
}

@media (max-width:390px) {
    .custom-radio-button__name--has-icon {
        width: 150px;
    }
}

@media (max-width:991px) {
    .custom-radio-button__name--has-icon {
	line-height: 0.9;
	padding-top: 1rem;
    align-items: baseline;
    flex-direction: column;
    top: 15%;
    height: 125px;
    }
}
@media (max-width:1200px) {
    .custom-radio-button__name--has-icon {
    align-items: baseline;
    flex-direction: column;
    top: 25%;
    height: 110px;
    }
}
.custom-radio-button__name--has-icon:after, .custom-radio-button__name--has-icon:before {
    bottom: auto;
    left: auto;
    position: absolute;
    right: 1.25rem;
    top: 15%;
}
@media (max-width:991px) {
    .custom-radio-button__name--has-icon:after, .custom-radio-button__name--has-icon:before {
        margin-top: -.75rem;
        top: 25%
    }
}
.custom-radio-button__name--has-icon:before {
    transform: translateY(0)
}
.custom-radio-button__name--has-icon:after {
    transform: translateY(0) scale(0)
}
.custom-radio-button__name--has-icon .c-icon {
    width: clamp(2.5rem, 2.5rem + 0vw, 2.5rem)
}
.custom-radio-button__name--has-icon .c-icon path {
    fill: #1e96fe
}
.custom-radio-button__input {
    opacity: 0;
    position: absolute;
    z-index: -1
}
.custom-radio-button__input:focus~.custom-radio-button__name {
    border-color: var(--input-focus-border-color);
    box-shadow: none, 0 0 0 .1875rem #1e96fe26
}
.custom-radio-button__input:hover~.custom-radio-button__name {
    background-color: var(--input-bg);
    border-color: var(--input-focus-border-color)
}
.custom-radio-button__input:active~.custom-radio-button__name:before {
    background-color: var(--input-focus-bg);
    color: var(--input-focus-color)
}
.custom-radio-button__input:checked~.custom-radio-button__name {
    background-color: var(--input-focus-bg);
    border-color: var(--input-checked-border-color)
}
.custom-radio-button__input:checked~.custom-radio-button__name:after, .custom-radio-button__input:checked~.custom-radio-button__name:before {
    opacity: 1
}
.custom-radio-button__input:checked~.custom-radio-button__name:before {
    background-color: var(--input-checked-bg);
    border-color: var(--input-checked-bg)
}
.custom-radio-button__input:checked~.custom-radio-button__name:after {
    background-color: #fff;
    transform: translateY(-50%) scale(1)
}
.custom-radio-button__input:checked~.custom-radio-button__name--has-icon:after {
    transform: translateY(0) scale(1)
}
.custom-radio-button__input:disabled~.custom-radio-button__name {
    border-color: #e7f0fc;
    color: var(--gray-300);
    cursor: not-allowed;
    opacity: .5
}
.custom-radio-button__input:disabled~.custom-radio-button__name:before {
    background-color: #fff;
    border-color: #e7f0fc
}