:root {
    --bs-blue: #51459d;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #e83e8c;
    --bs-red: #ff3a6e;
    --bs-orange: #fd7e14;
    --bs-yellow: #ffa21d;
    --bs-green: #6fd943;
    --bs-green-deep: #64c43b;
    --bs-teal: #20c997;
    --bs-cyan: #3ec9d6;
    --bs-white: #ffffff;
    --bs-gray: #6c757d;
    --bs-gray-dark: #343a40;
    --bs-gray-100: #f8f9fa;
    --bs-gray-200: #e9ecef;
    --bs-gray-300: #dee2e6;
    --bs-gray-400: #ced4da;
    --bs-gray-500: #adb5bd;
    --bs-gray-600: #6c757d;
    --bs-gray-700: #495057;
    --bs-gray-800: #343a40;
    --bs-gray-900: #212529;
    --bs-primary: #51459d;
    --bs-secondary: #6c757d;
    --bs-success: #6fd943;
    --bs-info: #3ec9d6;
    --bs-warning: #ffa21d;
    --bs-danger: #ff3a6e;
    --bs-light: #f8f9fa;
    --bs-dark: #1c232f;
    --bs-primary-rgb: 81, 69, 157;
    --bs-secondary-rgb: 108, 117, 125;
    --bs-success-rgb: 111, 217, 67;
    --bs-info-rgb: 62, 201, 214;
    --bs-warning-rgb: 255, 162, 29;
    --bs-danger-rgb: 255, 58, 110;
    --bs-light-rgb: 248, 249, 250;
    --bs-dark-rgb: 28, 35, 47;
    --bs-white-rgb: 255, 255, 255;
    --bs-black-rgb: 0, 0, 0;
    --bs-body-color-rgb: 41, 50, 64;
    --bs-body-bg-rgb: 248, 249, 253;
    --bs-font-sans-serif: "Open Sans", sans-serif;
    --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    --bs-body-font-family: var(--bs-font-sans-serif);
    --bs-body-font-size: 0.875rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.5;
    --bs-body-color: #293240;
}

/*** Css Part Start ***/

.log-part-left {
    border-radius: 12px;
}

.log-part-left h3,
.log-part-right h3 {
    font-size: 26px;
    line-height: 36px;
    font-weight: 700;
    font-family: Albert Sans;
    color: var(--bs-green);
}

.log-part-left p,
.log-part-right p,
.last-part p,
::placeholder {
    max-width: 420px;
    font-size: 16px;
    line-height: 29px;
    font-weight: 600px;
    font-family: DM Sans;
    color: var(--bs-gray);
}

.no-focus:focus {
    outline: none !important;
    box-shadow: none !important;
}

.input-group {
    background-color: #f8f9fa;
    border-radius: 8px;
    overflow: hidden;
}

.input-group-text {
    color: var(--bs-green);
    border-radius: 10px;
}

.form-control {
    border: none;
}

input.form-check-input {
    width: 20px;
    height: 20px;
    border: 2px solid #ddd;
    background-color: #fff;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}

input.form-check-input:checked {
    background-color: var(--bs-green);
    border-color: var(--bs-green);
    color: #fff;
}

.form-check label {
    color: var(--bs-dark);
}

.forgot-pass a {
    color: var(--bs-green);
    text-decoration: none !important;
}

.submit-btn button {
    background: var(--bs-green);
    color: var(--bs-white);
    font-size: 16px;
    font-weight: 700;
    padding: 12px 0;
    border-radius: 12px;
    border: none;
    transition: all 0.4s ease-in-out;
}

.submit-btn button:hover {
    background-color: var(--bs-green-deep);
}

.error strong{
    font-size: 13px;
}

.divider:after,
.divider:before {
    content: "";
    flex: 1;
    height: 1px;
    background: #e0e0e0;
}

.google-btn,
.facebook-btn {
    border: 1px solid var(--bs-gray-400);
    border-radius: 6px;
    padding: 14px 50px;
}

.last-part span {
    color: var(--bs-green);
}

#togglePassword {
    z-index: 99;
}

@media (max-width: 767px) {
    ::placeholder {
        font-size: 14px;
    }

    .social-part {
        flex-direction: column;
    }

}