:root {
--salam-primary-color: #d6b363;
}

/* Typography Styles */
.modal-header .login-title {
font-size: 16px;
font-weight: 100;
color: #ffffff;
justify-content: start}

.salam-login-wrapper p {
font-size: 14px;
font-weight: 100;
color: #ffffff;
justify-content: start;
width: 100%;
display: flex;
}
.salam-login-wrapper .acceptBox a{
color:#d6b363}
/* Container Styles */
.salam-login-wrapper{
padding: 3rem 3rem 3rem 3rem;
background-color: #3b3b3b;
border-color: #ffffff;
border-width: 1px;
border-style: none;
border-radius: 10px;
width: 400px;
}

/* Mobile container width */
@media (max-width: 576px) {
.salam-login-wrapper {
width: 90%;
}
}

/* Button Styles */
.salam-login-wrapper .salam-button {
background-color:
#d6b363!important;
color:
#ffffff!important;
padding:
15px 15px 15px 15px;
border-color:
#ffffff;
border-width:
0px;
border-style:
none;
border-radius:
5px;
box-shadow:
none;
<!-- margin-top: 1rem -->
}
.salam-login-wrapper .salam-button :hover{
background-color:
#d6b363;
}

.salam-login-wrapper .google-login{
background-color: #fff;
padding:
15px 15px 15px 15px;
border-radius:
5px;
box-shadow:
none;
}

/* Logo Styles */

@media(min-width: 768px){

.salam-logo{
justify-content:
start}

.salam-logo img {
width:
100px;
text-align:
start;
}
}

@media(max-width:768px){

.salam-logo{
justify-content:
center}

.salam-logo img {
width:
80px;
text-align:
center;
}
}

.form-container , .login-otp-section{
gap:
1rem}

.Combined-login .salam-input:not(.hidden-code){
border-radius:
0 5px 5px 0 !important;
}
.Combined-login .salam-input.searchCountryFilter{
border-radius:
5px !important;
}

.Combined-login summary{
border-radius:
5px 0 0 5px !important;
}

.salam-input,
.otp_input,
.prefixCountryList,
.searchCountryFilter{
border-radius:
5px !important;
}

.tab-list li{
border-radius:
5px !important;
}