﻿@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@700&display=swap');
@font-face {
    font-family: 'PoppinSemibold';
    src: url('fonts/Poppins/Poppins-SemiBold.ttf')
}
.border-modal {
    border: 2px solid #B90F16;
}

    .border-modal .modal-body {
        padding: 0px 16px 0px !important;
    }

    .border-modal .modal-header {
        padding: 10px 0 18px 0 !important;
    }
.modal-title{
    font-size:26px !important;
}

.modal-header{
    margin-bottom:10px ;
}
.loginhead {
    font-weight: bold;
    font-family: 'Poppins', sans-serif;
}

.btn-google {
    border: 1px solid #d4d4d4 !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    width: 230px !important;
    height:200px;
}

.btn-facebook {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

#signin .modal-dialog {
    max-width: 400px !important;
}

.border-login {
    border: 3px solid #B90F16 !important;
}

    .border-login .modal-body {
        padding: 0px 16px 0px !important;
    }

    .border-login .modal-header {
        padding: 10px 0 0px 0 !important;
    }

.fb-login-button {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
 /*   padding-left: 8px !important;
    padding-right: 8px !important;*/
     width:230px !important;
     max-width:fit-content;
     margin:auto;
     border-radius:20px;
     margin-top:12px;
}
 
    .nsm7Bb-HzV7m-LgbsSe {
        border-radius: 40px !important;
        height:45px;
    }

/* .mx-3 {
        display: flex;
       
      justify-content:space-between
    }*/
#btnLogin {
    background-color: #B90F16 !important;
    border-color: #B90F16 !important;
    border: #B90F16 !important;
    border-radius:9px;
}
.forget-pop-btn {
    color: #1C1C1E !important;
}
.register-pop-btn {
    color: #B90F16 !important;
}
#btnRegister {
    background-color: #B90F16 !important;
    border-color: #B90F16 !important;
    border: #B90F16 solid 2px;
    
   
}
.login-pop-btn {
    color: #B90F16 !important;
}

.padd {
    padding-left: 0px;
}
/*.col-12 {
    padding-right: 0px;
}*/
.main {
    margin-top: 10px;
}

.modal-body{
    display:block;
}

.or-login-with {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 15px 0; /* Adjust margin as needed */
}

    .or-login-with::before,
    .or-login-with::after {
        content: '';
        flex: 1;
        border-bottom: 1px solid #D6D6D6; /* Line styling */
        margin: 0 10px; /* Space between text and lines */
    }

    .or-login-with span {
       
        color: #8E8E93; /* Adjust the color as needed */
        padding: 0 10px; /* Spacing around the text */
    }
.row label {
    font-family: PoppinSemibold;
}

.social{
    padding-left:0px;
    margin-left:0px !important;
}
.g_id_signin {
    margin-right: 10px;
    max-width: fit-content;
    margin:auto
}
@media (max-width: 576px) { /* Mobile screen sizes */
    .reg, .logi {
        padding-left: 0 !important;
    }
}
