:root {
     --bs-blue: #4f46e5;
     --bs-primary: #4f46e5;
 }

body {
    font-family: Inter var, Roboto, "Helvetica", Arial, sans-serif;
}
#container {
    padding: 120px;
    background-color: #f1f5f9
}
.background {
    background-color: #f8f9fa; /* Light gray background */
    height: 100vh; /* Full height */
}
.border-r-20 {
    border-radius: 20px
}
.border-r-35 {
    border-radius: 35px
}
#inputWrapper {
    border-radius: 20px 0 0px 20px
}
#messageSection {
    border-radius: 0px 20px 20px 0px
}
.btn-primary {
    background-color: #4f46e5;
}
.fs-12{
    font-size:12px;
}
.z-i-max{
    z-index:99999;
}
.btn-primary:hover {
    background-color: #4f46e5;
}

.form-signin {
    width: 100%;
    max-width: 330px;
    padding: 15px;
    margin: auto;
}

.marketing-message {
    color: #ffffff;
    background: #1e293b; /* Dark blue background */
    padding: 40px;
    text-align: center;
}

.social-icons i {
    font-size: 24px;
    margin: 5px;
}

.opacity-20 {
    opacity: 0.2;
}

.-top-64 {
    top: -6.4rem;
}

.-right-64 {
    right: -6.4rem;
}

.muiltr-x3mbcd {
    width: 220px;
    height: 192px;
    color: #64748b;
}
.logo-login {
    width: 300px;
    margin: auto;
}
img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
    display: block;
    vertical-align: middle;
}

@media screen and (max-width: 768px) {
    #container {
        padding: 0 !important;
    }
}