/* Consolidated form and profile related styles extracted from templates */
/* General form inputs */
input, textarea, select {
    height:45px;
    font-size: var(--text-body);
    line-height: var(--leading-body);
    font-weight: var(--font-weight-regular);
}
textarea{
    height:100px;
    padding:10px;
    width:100%;
}
.lgBox{
    margin-left:auto;
}
.side1{
    width:70%;
    font-size: var(--text-h2);
    line-height: var(--leading-h2);
    font-weight: var(--font-weight-semibold);
}
.side2{
    width:30%;
}
.fBox .btn{
    height:45px;
}
.container.forms{
    width:90%;
    margin-left:auto;
}
.fBox .d-flex{ gap: .6rem; }

/* Tablet and mobile: form layout */
@media (max-width:991.98px) {
    .lgBox{ margin-left: 0; width: 100% !important; }
    .side1{ width: 100%; }
    .side2{ width: 100%; text-align: center; margin-top: 0.5rem; }
    .fBox{ width: 90% !important; margin-left: auto !important; margin-right: auto !important; }
}

@media (max-width:767.98px) {
    .fBox{ width: 100% !important; }
    .fBox .d-flex{ flex-direction: column !important; }
}

@media (max-width:576px) {
    .fBox .d-flex{ flex-direction: column !important; }
    .side1, .side2{ font-size: var(--text-sm); line-height: var(--leading-sm); }
}
.cblock1{ width:25%; }
.cblock2{ width:50%; }
.cblock3{ width:25%; }
li{ list-style-type:none; }
label{ width:50%; padding-bottom:5px; }

/* Profile form responsive */
@media (max-width:991.98px) {
    .profile .card.w-75{ width: 100% !important; }
    .profile .card.w-25{ display: none; }
    .profile .formBlock .d-flex{ flex-direction: column; }
    .profile .formBlock .d-flex > div,
    .profile .formBlock label,
    .profile .formBlock input,
    .profile .formBlock textarea,
    .profile .formBlock select{ width: 100% !important; }
    .profile .multi{ width: 100% !important; }
}

@media (max-width:576px) {
    .profile label{ width: 100%; display: block; }
}

/* Profile view responsive */
@media (max-width:991.98px) {
    .forms .d-flex.b1{ flex-direction: column; }
    .forms .card.w-75,
    .forms .card.w-25{ width: 100% !important; }
}

@media (max-width:767.98px) {
    .forms .cblock1, .forms .cblock2, .forms .cblock3{ width: 100% !important; }
    .forms .d-flex.b1{ align-items: stretch; }
}
.card.profile-card{
    border-radius: 10px 10px 0px 0px;
    background: #F8F8F8;
}
.multi{
    width:50%;
    padding:10px;
    height:100px;
    background-color: #C9C9C9;
    opacity:0.6;
}