:root{
    --primary:#6B6BC6;
    --secondary:#F9F9F9;
    --black:#212121;
    --white:#fff;
    --grey:#7A7A7A;
    --primary-light:#F1F1FA;
    --bs-font-family: "Lato", sans-serif;
}

html{
    font-size: max(12px,0.833vw);
}
body{
    font-family: var(--bs-font-family) !important;
}
.c-primary{
    color: var(--primary) !important;
}
.c-secondary{
    color: var(--secondary) !important;
}
.c-grey{
    color: var(--grey) !important;
}
.c-black{
    color: var(--black) !important;
}
.c-white{
    color: var(--white) !important;
}
.c-primary-light{
    color: var(--primary-light) !important;
}
.b-primary{
    background-color: var(--primary) !important;
}
.b-secondary{
    background-color: var(--secondary) !important;
}
.b-grey{
    background-color: var(--grey) !important;
}
.b-black{
    background-color: var(--black) !important;
}
.b-white{
    background-color: var(--white) !important;
}
.b-primary-light{
    background-color: var(--primary-light) !important;
}
.dvh-100{
    height: 100dvh;
}
.container{
    max-width: max(750px, 39.063vw) !important;
}
.btn{
    border-radius: 50px;
    border: 1px solid rgba(107, 107, 198, 0.20);
    font-size: 1rem;
    background-color: var(--white);
    padding: .6rem 1.2rem;
    font-family: var(--bs-font-family);
}
@media (min-width:768px) {
    
    .w-md-auto{
        width: auto !important;
    }
}

/* header */

.form_header a{
    max-height: max(30px,2.292vw);
    max-width: max(30px,2.292vw);
    display: inline-block;
}

/* container */
.form_container h1{
    font-size: 1.375rem;
    font-weight: 700;
}
.form_container label h5{
    font-size: 1.125rem;
    text-align: left;
}
.form_container label p{
    font-size: 0.875rem;
}
.form_container label{
    color:var(--black) ;
    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.04);
    border: 1px solid #F2F2F2;
    width: 100%;
}
.form_container label img{
    max-width: 80px;
    max-height: 60px;
    width: 100%;
}
.form_container .btn-check:checked+.btn{
    background-color: #fff;
    color: var(--primary);
    border:1px solid var(--primary);
    box-shadow: 0px 10px 20px 0px rgb(0 0 0 / 14%);
}
.form_container .check_label label:hover{
color: var(--black);
border-color: var(--black);
}

/* index2.html */
.form_container .check_list label:hover{
    background-color: var(--secondary) !important;
    border-color: var(--black);
    color: var(--black);
}
.form_container .check_list input[type="checkbox"]{
    scale: 1.5;
}
.form_container .check_list input[type="checkbox"]:checked{
accent-color: var(--primary);
}
.form_container .check_list label:has(input[type="checkbox"]:checked){
    /* background-color: var(--secondary) !important; */
    border-color: var(--primary);
    box-shadow: 0px 10px 20px 0px rgb(0 0 0 / 14%);
    color: var(--black);
}
.form_container .check_list label{
    display: flex;
    align-items: center;
}
.form_container .check_list span{
    display: inline-block;
    padding-left: .8rem;
}