@font-face{font-family:filson;src:url(fonts/FilsonProRegular.eot);src:url(fonts/FilsonProRegular.eot?#iefix) format('embedded-opentype'),url(fonts/FilsonProRegular.woff2) format('woff2'),url(fonts/FilsonProRegular.woff) format('woff'),url(fonts/FilsonProRegular.ttf) format('truetype'),url(fonts/FilsonProRegular.svg#FilsonProRegular) format('svg');font-weight:normal;font-style:normal;font-display:swap}
@font-face{font-family:filsonBold;src:url(fonts/FilsonProBold.eot);src:url(fonts/FilsonProBold.eot?#iefix) format('embedded-opentype'),url(fonts/FilsonProBold.woff2) format('woff2'),url(fonts/FilsonProBold.woff) format('woff'),url(fonts/FilsonProBold.ttf) format('truetype'),url(fonts/FilsonProBold.svg#FilsonProBold) format('svg');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:filsonBoldItalic;src:url(fonts/FilsonProBold-Italic.eot);src:url(fonts/FilsonProBold-Italic.eot?#iefix) format('embedded-opentype'),url(fonts/FilsonProBold-Italic.woff2) format('woff2'),url(fonts/FilsonProBold-Italic.woff) format('woff'),url(fonts/FilsonProBold-Italic.ttf) format('truetype'),url(fonts/FilsonProBold-Italic.svg#FilsonProBold-Italic) format('svg');font-weight:700;font-style:italic;font-display:swap}
@font-face{font-family:filsonBlack;src:url(fonts/FilsonProBlack.eot);src:url(fonts/FilsonProBlack.eot?#iefix) format('embedded-opentype'),url(fonts/FilsonProBlack.woff2) format('woff2'),url(fonts/FilsonProBlack.woff) format('woff'),url(fonts/FilsonProBlack.ttf) format('truetype'),url(fonts/FilsonProBlack.svg#FilsonProBlack) format('svg');font-weight:900;font-style:normal;font-display:swap}
:root{
    --FB-primary-color: #55555e;
    --FB-secondary-color: #000;
    --FB-ternary-color: #f9f8f9;
    --FB-context:#be1f2e;
    --FB-white:#FFFF;
    --FB-header:#f748591c;
    --FB-modal-header:#7C0A02;
    --FB-main-body:#d2d0d04d;
    --FB-button:rgb(10, 11, 24);
    }
html,body{font-family:filson;}
.brand_logo_reg {position: absolute; top: 25px; left: 25px; z-index: 99; height: 90px; width: 350px;}
.new_page_reg .reg-above_txt {
    text-transform: none;
    font-weight: 700;
    font-size: 2rem;
    font-style: normal;
    line-height: 1.2;
}

.new_page_reg .reg_salute {
    width: 40%;
    z-index: 1;
    background-color: #f748591c;
    padding: 0.375rem 0.25rem 0.375rem 0.75rem;
    border-radius: 0px;
    font-size: 0.8750rem;
    font-style: normal;
    font-weight: 400;
}

.ap-otp-input{padding:10px;border:none;border-bottom:2px solid #000;margin:0 5px;width:40px;font-weight:700;text-align:center}
.ap-otp-input:focus{outline:0!important;border-bottom:1px solid #1f6feb;transition:.12s ease-in}
.pop-up-header {
    background-color: #7C0A02 !important;
    color: #fff;
    font-weight: 500;
}
.new_page_reg .form-group {
    position: relative !important;
}

.new_page_reg label {
    color: rgba(161, 168, 158, 1);
    font-size: 1rem;
    font-weight: 400;
    font-style: normal;
}

.new_page_reg input {
    background-color: rgba(255, 255, 255, 1);
    border: 1px solid rgba(161, 168, 158, 0.631) !important;
    height: 3.1250rem !important;
    border-radius: 0px !important;

}

/* --star-dust-3: rgba(161, 168, 158, 0.298) ;
--star-dust-2: rgba(161, 168, 158, 0.631); */
    #email.form-control:focus, #password.form-control:focus, .new_page_reg .reg_btn:focus{box-shadow: none !important;}

.new_page_reg .reg_btn {
    color: white;
    background-color: #be1f2e;
    border-radius: 0px !important;
    width: 100%;
    height: 50px !important;
    display: grid;
    place-items: center;
    font-size: 1rem;
    font-weight: 700;
    border-color: #be1f2e !important;
}
.new_page_reg .reg_btn:focus{box-shadow: none !important;}

.new_page_reg .reg_btn.reg_btn:hover{background-color: #000; border-color: #000 !important;}

.new_page_reg .video_txt {
    /* color: rgba(0, 0, 255, 1); */
    color: #000;
    font-size: 1rem;
    font-weight: 400;
}

.new_page_reg .video_txt:hover{
    color: #be1f2e;
}

.new_page_reg .login_txt {
    color: #222222;
    font-size: 1rem;
    font-weight: 400;
    font-style: normal;
}

.new_page_reg .dropdown_new.show {
    transform: translate(-15px, 48px) !important;
}

.new_page_reg .dropdown-item {
    color: #222222;
    font-size: 14px;
    font-weight: 400;
}
.new_page_reg .dropdown-toggle[aria-expanded="false"]::after {
    border: 0 !important;
    background: none;
    margin-left: 0.5em;
    vertical-align: 0em;
}
.new_page_reg .dropdown-toggle[aria-expanded="true"]::after {
    border: 0 !important;
    background: none;
    margin-left: 0.5em;
    vertical-align: 0em;
}

.new_page_reg .input_img {
    height: 1.875rem;
    left: 6px;
    object-fit: cover;
    position: absolute;
    top: 43px;
    max-width: 50px;

}

.new_page_reg .input_img_2 {
    height: 1.5rem;
    right: 12px;
    object-fit: cover;
    position: absolute;
    top: 46px;
    width: 30px;
}

.new_page_reg .reg_salute_1 {
    width: 15%;
    z-index: 1;
    background-color: rgba(161, 168, 158, 0.631);
    padding: 0.375rem 0.25rem 0.375rem 0.75rem;
    border-radius: 0px;
    font-size: 0.8750rem;
    font-style: normal;
    font-weight: 400;
}

.new_page_reg .forgot-password .forgot,
.new_page_reg .login_with {
    font-size: 1rem;
    text-decoration: none;
    color: #000;
    font-weight: 400;
    font-style: normal;
}

.new_page_reg .forgot-password .forgot:hover,
.new_page_reg .login_with:hover{color: #be1f2e;}

@media (min-width: 1401px) and (max-width: 1700px) {
    .new_page_reg .reg_salute { width: 55%;}
    .new_page_reg .reg_salute_1 { width: 20%;}
    .brand_logo_reg { height: 64px; width: 180px;}

 }

@media only screen and (max-width: 1400px) {
    .new_page_reg .reg_salute { width: 55%;}
    .new_page_reg .reg_salute_1 { width: 24%;}
    .brand_logo_reg { height: 64px; width: 180px;}
    .new_page_reg .input_img {top: 43px}
    .suppside .input_img {top: 41px}
    .new_page_reg .input_img_2 {top: 46px}
}

@media (min-width: 1024px) and (max-width: 1270px) {
    .brand_logo_reg { height: 46px; width: 130px;}
}

@media only screen and (max-width: 991px) {
    .new_page_reg .reg_salute_1 { width: 15%; }
    .new_page_reg .reg_salute { width: 15%;}
    .brand_logo_reg { height: 54px; width: 150px;}
    .new_page_reg input, .new_page_reg label{
        font-size: 1rem;
    }
    .new_page_reg .input_img {top: 43px}
    .new_page_reg .input_img_2 {top: 46px}
}

@media only screen and (max-width: 567px) {
    .new_page_reg .reg_salute{ width: 30%; }
    .new_page_reg .reg_salute_1 { width: 30%;}
    .new_page_reg .reg-above_txt {font-size: 1.5rem;}
    .new_page_reg input, .new_page_reg label{
        font-size: 1rem;
    }
    .new_page_reg .input_img {top: 43px}
    .new_page_reg .input_img_2 {top: 46px}

}
.success{color: green;}
.success-icon {
    display: inline-block;
    width: 2.5em;
    height: 2.5em;
    font-size: 20px;
    border-radius: 50%;
    border: 4px solid #198754;
    background-color: #fff;
    position: relative;
    overflow: hidden;
    transform-origin: center;
    animation: showSuccess 180ms ease-in-out;
    transform: scale(1);
}
.success-icon__tip,
.success-icon__long {
    display: block;
    position: absolute;
    height: 4px;
    background-color: #198754;
    border-radius: 10px;
}
.success-icon__tip {
    width: 0.8em;
    top: 22px;
    left: 3px;
    transform: rotate(45deg);
    animation: tipInPlace 300ms ease-in-out;
    animation-fill-mode: forwards;
    animation-delay: 180ms;
    visibility: hidden;
}
.success-icon__long {
    width: 1.5em;
    transform: rotate(-45deg);
    top: 19px;
    left: 11px;
    animation: longInPlace 140ms ease-in-out;
    animation-fill-mode: forwards;
    visibility: hidden;
    animation-delay: 440ms;
}
@keyframes showSuccess {
    from {
        transform: scale(0);
    }

    to {
        transform: scale(1);
    }
}
@keyframes tipInPlace {
    from {
        width: 0em;
        top: 0em;
        left: -3px;
    }

    to {
        width: 0.8em;
        top: 22px;
        left: 3px;

        visibility: visible;
    }
}

@keyframes longInPlace {
    from {
        width: 0em;
        top: 19px;
        left: 11px;
    }

    to {
        width: 1.5em;
        top: 19px;
        left: 11px;
        visibility: visible;
    }
}

.new_page_reg .iti.iti--allow-dropdown.iti--separate-dial-code{
    width: 100% !important;}

.new_page_reg .iti__flag-container{
padding: 0 !important;
}
.new_page_reg .iti__flag-container .iti__selected-flag {
    background-color: #f748591c !important;
}

.registration-img{ background: url(../images/human_login.jpg) center center / cover; background-repeat: no-repeat; }
.registration-blk{min-height: 100vh;}
.home_lenguage{
    top: 0;
    right: 0;
}

.home_lenguage span {width: 25px;  display: inline-block;}



.supplier-registration-img{
    background: url(../images/Supplier-registration.jpg) center center;
    background-size: cover;
    background-repeat: no-repeat;
}

.supplier-Login-Image{
    background: url(../images/supplier-Login.png) center center no-repeat;
    background-size: cover;
}

.supplier-registration-img::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, .5);
}
ul.parsley-errors-list {
    list-style-type: none;
}
.parsley-errors-list li {
    color: red;
}
.parsley-errors-list{position: absolute; bottom: -37px;}
input{background-color: white;}
.js-validation{
    position: absolute;
    bottom: -18px;
    left: 0;
}
.registration-img1 {
    background: url(../images/thank-you.jpg) center center no-repeat;
    background-size: cover;
}

.thank-you-header{
    font-size: 4vw;
    text-transform: none;
}
.thank-you-subText{
    font-size: 1.5vw;
}
.bannerbtn{
    font-size: 1.2rem;
}
.otp-input{
    display: flex;
    width: 100%;
}

.otp-input #password{
    border: none !important;
    border-bottom: 1px solid #1e1e1e !important;
    margin-left: 15px;
    margin-right: 15px;
    text-align: center;
}

.iti{
    display: block !important ;
}

.brand_logo_reg{ height: auto;}
@media (min-width: 1401px) and (max-width: 1700px){
    .brand_logo_reg {
        height: auto;
        width: 180px;
    }
}

.footerpowered{
    position: absolute; bottom: 1rem;
}
@media(max-height:860px) {
    .footerpowered{
        position: relative; bottom: inherit; padding-top: 1rem; padding-bottom: 1rem;
    }
}

/* _______23-02-2024 (FBI New Css)___________ */
.fb-otp-submit, .fb-continuebutton{background-color: #7C0A02 !important; border-color: #7C0A02 !important;}
.fb-otp-submit:hover, .fb-continuebutton:hover{background-color: #000 !important; border-color: #000 !important;}
#retry{color: #000 !important;}
.form-control:focus{box-shadow: 0 0 0 0.25rem rgba(190, 31, 46, .25) !important;}

.swal-button{background-color: var(--FB-context) !important;}
.swal-button:focus{box-shadow: 0 0 0 0.25rem rgba(190, 31, 46, .25) !important;}
.swal-button:hover{background-color: var(--FB-secondary-color) !important;}
.swal-button--cancel{background-color: var(--FB-primary-color) !important; color: var(--FB-white) !important;}
.swal-button--cancel:hover{background-color: var(--FB-secondary-color) !important; color: var(--FB-white) !important;}
.swal-button--cancel:focus{box-shadow: 0 0 0 0.25rem rgba(255, 255, 255, .5) !important;}

/* For Mobile Portrait View */
@media screen and (max-device-width: 480px) 
    and (orientation: portrait) {
        .thank-you-subText{font-size: 3.5vw;}
        .bannerbtn{font-size: 1rem;}
        .parsley-errors-list li{text-wrap:nowrap;}
        #mobile:focus{box-shadow: none !important;}
        .forgot-password{margin-top: 20px !important;}
}
 
/* For Mobile Landscape View */
@media screen and (max-device-width: 640px) 
    and (orientation: landscape) {
        .thank-you-subText{font-size: 3.5vw;}
        .bannerbtn{font-size: 1rem;}
        .parsley-errors-list li{text-wrap:nowrap;}
        #mobile:focus{box-shadow: none !important;}
        .forgot-password{margin-top: 20px !important;}
}
 
/* For Mobile Phones Portrait or Landscape View */
@media screen
    and (max-device-width: 640px) {
        .thank-you-subText{font-size: 3.5vw;}
        .bannerbtn{font-size: 1rem;}
        .parsley-errors-list li{text-wrap:nowrap;}
        #mobile:focus{box-shadow: none !important;}
        .forgot-password{margin-top: 20px !important;}
}
 
/* For iPhone 4 Portrait or Landscape View */
@media screen and (min-device-width: 320px) 
    and (-webkit-min-device-pixel-ratio: 2) {
        .thank-you-subText{font-size: 3.5vw;}
        .bannerbtn{font-size: 1rem;}
        .parsley-errors-list li{text-wrap:nowrap;}
        #mobile:focus{box-shadow: none !important;}
        .forgot-password{margin-top: 20px !important;}
}
 
/* For iPhone 5 Portrait or Landscape View */
@media (device-height: 568px) 
    and (device-width: 320px) 
    and (-webkit-min-device-pixel-ratio: 2) {
        .thank-you-subText{font-size: 3.5vw;}
        .bannerbtn{font-size: 1rem;}
        .parsley-errors-list li{text-wrap:nowrap;}
        #mobile:focus{box-shadow: none !important;}
        .forgot-password{margin-top: 20px !important;}
    }
 
/* For iPhone 6 and 6 plus Portrait or Landscape View */
@media (min-device-height: 667px) 
    and (min-device-width: 375px) 
    and (-webkit-min-device-pixel-ratio: 3) {
        .thank-you-subText{font-size: 3.5vw;}
        .bannerbtn{font-size: 1rem;}
        .parsley-errors-list li{text-wrap:nowrap;}
        #mobile:focus{box-shadow: none !important;}
        .forgot-password{margin-top: 20px !important;}
}

/* {Whatsaap Template Css} */

span#captchaError>ul{
    position:relative !important;
    bottom : 0 !important;
    margin : 0 !important
}