@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');

*{
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}

h1, h2, h3, h4, h5, h6, p{
    padding: 0;
    margin: 0;
}

:root{
    --white: #FFF;
    --black: #000;

    --bodyBg: #F4F4FBn;
}

body{
    font-family: "Montserrat";
    font-style: normal;
    background-color: var(--bodyBg);
}

/* Font weight */

.fw_300{
    font-weight: 300;
}
.fw_400{
    font-weight: 400;
}
.fw_500{
    font-weight: 500;
}
.fw_600{
    font-weight: 600;
}
.fw_700{
    font-weight: 700;
}
.fw_800{
    font-weight: 800;
}

/* Font size */
.fs_20{
    font-size: 20px;
}

.fs_12{
    font-size: 12px;
}

.fs_14{
    font-size: 14px;
}

/* Line height */
.lh_normal{
    line-height: normal;
}

/* Color */
.text_grey_1{
    color: #737373;
}



.form-group{
    margin-top: 15px;
}
.form-group label{
    margin-bottom: 5px;
    padding-left: 12px;
}


.login-detail {
    width: 100%;
    max-width: 432px;
    margin: 0 auto;
}
.login-form {
    padding-top: 32px;
}
.login-detail h2 {
    padding-top: 80px;
    color: var(--Gray-700, #344054);
    text-align: center;
    font-family: "Inter";
    font-size: 36px;
    font-style: normal;
    font-weight: 600;
    line-height: 44px;
}
.login-detail p {
    padding-top: 12px;
    color: var(--Gray-600, #475467);
    text-align: center;
    font-family: "Inter";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}
.login-form label {
    color: var(--Gray-700, #344054);
    font-family: "Inter";
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
}
.login-form .forget-password-btn a {
    color: var(--Logo-Blue-Stone-700, #346A6B);
    font-family: "Inter";
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    text-decoration: none;
}
.login-form button {
    border-radius: 8px;
    border: 1px solid var(--Logo-Blue-Stone-500, #678435);
    background: var(--Logo-Blue-Stone-500, #678435);
    padding: 12px;
    color: var(--White, #FFF);
    font-family: "Inter";
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    width: 100%;
}

.login-form label.error {
    position: absolute;
    top: 100%;
    color: rgb(238, 44, 44);
    left: 0;
}
.log-colom1{
    height: 100vh;
    display: flex;
    align-items: center;
}

.logo-header{
    width: 100%;
    max-width: 150px;
}
.logo-header .mobile-logo{
    display: none;
}
#dynamic-fields {
    background-color: #ebebeb;
    margin: 10px 0;
    padding-bottom: 11px;
}
#add-more,.remove-row{
    width: 10%;
    padding: 0;
    height: 37px;
    color: white;
}
.remove-row{
    margin-top: 13px;
}


@media screen and (max-width: 1280px) {
    .login-detail h2 {
        padding-top: 30px;
    }
}


@media screen and (max-width: 768px) {
.login-section .login-img{
    display: none;

}
.company-name,
.profile-name{
    display: none;
}

.logo-header{
    width: 100%;
    max-width: 60px;
}
.logo-header .web-logo{
    display: none;
}
.logo-header .mobile-logo{
    display: block;
}


}
@media screen and (max-width: 500px) {
.logo-header .mobile-logo {
    width: 70px;
}
.dataTables_length label,
.dataTables_filter label,
.dataTables_info{
    font-size: 12px;
}

}