.img-side {width: 50%;height: 100vh;}
.form-side {width: 50%;height: 100vh;}
.form-side2 {display: flex;align-items: center;}

.frm-container {width: 100%;overflow-y: auto;max-height: 100vh;}
.frm-container::-webkit-scrollbar {width: 0;height: 0;}

.img-side img {width: 100%;height: 100%;object-fit: cover;}

.logo-acc {width: 80%;max-width:100px;margin-top: 50px;margin-bottom: 20px;}

.form-side h2 {font-size: 24px;color: var(--textColor);margin-bottom: 25px;
font-weight: bold;
}
.form-side form {width: 95%;max-width: 450px;

}




.license {display: none;}
.license label {font-size: 16px !important;}
.phone .input_wrap {width: 65%;}
.input_wrap2 {width: 30%;padding: 5px;border-radius: 10px;
border: 1px solid silver;align-items: center;justify-content: center;
background-color: white;
}
.input_wrap2 img {width: 40px;height: 40px;border-radius: 100%;object-fit: cover;
margin: 0 !important;
}
.phone input {text-align: left;}


.sdr {
    width: 48%;
    padding:  10px;
    border-radius: var(--rad);
    background-color: rgb(247, 247, 247);
    cursor: pointer;
    margin: 10px 0;
    transition-duration: .6s;
}
.sdr img {width: 90%;max-width: 70px;filter:grayscale(100%);margin-bottom: 15px ;}
.sdr h4 {font-size: 17px ;color: var(--textColor);}


.sdr-act {box-shadow: 0 0 0 3px var(--mainColor);}
.sdr:hover img , .sdr-act img{filter: none;}

.sub {padding: 15px 20px;width: 100%;border: 0; background-color: var(--mainColor);
color: white;border-radius: 10px;
}

.sub:hover , .sub:focus {background-color: var(--mainColorHover);}


.u-img img {width: 100px;height: 100px;border-radius: 100% !important;object-fit: cover;}
.wel {font-size: 20px;text-align: right;}
.sec2 p {margin: 20px 0;font-size: 16px;width: 80%;}

.top-sec2 {align-items: center;justify-content: center;}


.sec2 {display: none;align-items: center;justify-content: center;}

.dds {width: 47%;font-size: 14px;
padding: 15px 10px ; background-color: var(--lightMainColor);
border-radius: var(--rad);margin: 10px 0;color: var(--textColor);
}

.ch-accept input:active {
    background-color: var(--mainColor) !important;color: white;
    box-shadow: 0 0 0 4px var(--lightMainColor) !important;
}
.ch-accept input:checked {background-color: var(--mainColor) !important;}
.ch-accept a {color: var(--mainColor);}
.ch-accept label {color: var(--textColor) !important;text-align: right !important;}

.float-button {padding: 15px 20px !important;transition-duration: 0.15s;}
.float-button span {display: none;}
.float-button:hover span{display: block;}
@media (max-width: 900px) {
    .img-side {display: none;
    }
    .form-side {width: 100%;}
    .license label {font-size: 11px !important;}
}