/* =================================================================== */
a:focus {
   color: #205c91;
}

form {}

input {
   display: block;
   width: 100%;
}

.input {
   padding: 5px 3px 3px 3px;
   border-bottom: 2px solid rgb(224, 224, 224);
   font-size: 17px;
   color: #000;
}

.input:disabled {
   opacity: 0.9;
   cursor: not-allowed;
}

.checkbox__input {
   display: none;
}

.checkbox__label {
   font-size: 17px;
   color: #000;
   display: inline-flex;
   white-space: nowrap;
   align-items: center;
   position: relative;
   cursor: pointer;
}

.checkbox__input:checked+.checkbox__label::after {
   transform: scale(1);
}

.checkbox__label::before {
   align-self: flex-start;
   content: '';
   flex: 0 0 24px;
   height: 24px;
   background-color: #e4e4e4;
   border-radius: 4px;
   margin: 0 10px 0 0;
}

.checkbox__label::after {
   content: '';
   width: 16px;
   height: 16px;
   position: absolute;
   top: 4px;
   left: 4px;
   background-color: var(--primary);
   transform: scale(0);
   transition: transform .5s;
}


.btn {
   display: inline-flex;
   justify-content: center;
   align-items: center;
   padding: 0px 15px;
   font-weight: 600;
   font-size: 16px;
   letter-spacing: 0.8px;
   min-height: 48px;
   transition: 0.4s ease 0s;
   border-radius: 13px;
}

.btn_primary {
   background-color: var(--primary);
   color: #fff;
}

.btn_primary:focus {
   background-color: #205c91;
   color: #fff;
}

/* @media(max-width: 576px) {
   .btn {
      font-size: 15px;
   }
} */

@media(any-hover: hover) {
   .btn_primary:hover {
      background-color: #205c91;
   }
}

/* =================================================================== */