/*! brands__form.min.css: v2.0 Last Updated: 2025-01-11 Author: Mohd Ashif */
/*!Root Reset Stylesheet Start Here*/
:root{--gutter-x:16px;--gutter-y:24px;--gutter-0:0;--font-std:Circular Std;--font-book:Circular Std Book;--border:1px solid #1B21311A;--bg-light:#F3F3F4;--color-black:#1B2131E6;--color-bold-black:#1B2131;--color-blue:#1A4AB9;--color-secondury-black:#1B213199;--color-light:#1B21314D;--color-white:#ffffff;--color-green:#00B868;--color-white-smoke:#30BDFF;--color-light-blue:#CCDAF9}
@media(prefers-reduced-motion:no-preference){
:root{scroll-behavior:smooth}
}
#brands__form{padding-bottom:17px}
#brands__form .brands__form-main{background-color:#fff;box-shadow:0 3px 12px #1b213129;border:1px solid #1b21310D;border-radius:9px;padding:16.5px 44px 23px 40px}
.row{--bs-gutter-x:1.5rem;--bs-gutter-y:0;display:flex;flex-wrap:wrap;margin-top:calc(-1* var(--bs-gutter-y));margin-right:calc(-.5* var(--bs-gutter-x));margin-left:calc(-.5* var(--bs-gutter-x))}
.row>*{flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--bs-gutter-x)* .5);padding-left:calc(var(--bs-gutter-x)* .5);margin-top:var(--bs-gutter-y)}
.g-0,.gx-0{--bs-gutter-x:0}
.g-0,.gy-0{--bs-gutter-y:0}
.g-1,.gx-1{--bs-gutter-x:0.25rem}
.g-1,.gy-1{--bs-gutter-y:0.25rem}
.g-2,.gx-2{--bs-gutter-x:0.5rem}
.g-2,.gy-2{--bs-gutter-y:0.5rem}
.g-3,.gx-3{--bs-gutter-x:1rem}
#brands__form :where(.discoun_mcmaster_group-wraper,.discoun_mcmaster_group-wraper)>*,.g-3,.gy-3{--bs-gutter-y:1rem}
.g-4,.gx-4{--bs-gutter-x:1.5rem}
.g-4,.gy-4{--bs-gutter-y:1.5rem}
.g-5,.gx-5{--bs-gutter-x:2rem}
.g-5,.gy-5{--bs-gutter-y:2rem}
.col{flex:1 0 0%}
.col-auto{flex:0 0 auto;width:auto}
.col-1{flex:0 0 auto;width:8.33333333%}
.col-2{flex:0 0 auto;width:16.66666667%}
.col-3{flex:0 0 auto;width:25%}
.col-4{flex:0 0 auto;width:33.33333333%}
.col-5{flex:0 0 auto;width:41.66666667%}
.col-6{flex:0 0 auto;width:50%}
.col-7{flex:0 0 auto;width:58.33333333%}
.col-8{flex:0 0 auto;width:66.66666667%}
.col-9{flex:0 0 auto;width:75%}
.col-10{flex:0 0 auto;width:83.33333333%}
.col-11{flex:0 0 auto;width:91.66666667%}
.col-12{flex:0 0 auto;width:100%}
.d-block{display:block}
.d-flex{display:flex}
.d-none{display:none}
.text-right{text-align:right}
.text-left{text-align:left}
.text-center{text-align:center}
.btn{--bs-btn-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.15),0 1px 1px rgba(0, 0, 0, 0.075);width:100%;outline:0;font-size:18px;font-family:var(--font-std);font-weight:500;line-height:18px;border-radius:6px;border:1px solid var(--color-green);padding:19px 16px;display:inline-block;text-align:center;text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}
#brands__form .brands__form-logo{display:none;margin-top:23.619999999999997px}
.brands__form-heading{margin:20px 0}
#brands__form .brands__form-name{font-size:24px;font-weight:500;margin-bottom:0;line-height:40px;font-family:var(--font-std);color:var(--color-bold-black);text-align:center}
#brands__form .brands__form-name .brands__form-brand-title{font-family:var(--font-std);font-weight:700;margin-left:9px}
.brands__form-description p{margin:0;font-size:14px;color:var(--color-bold-black);font-family:var(--font-book);line-height:20px;display:-webkit-box;line-clamp:4;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
#brands__form .brands__form-description a{margin:0;font-size:14px;line-height:24px;color:var(--color-blue);font-family:var(--font-book)}
/*! Form Styles */
.brands__form-main .discontinued_right h3{font-size:20px;line-height:20px;font-family:var(--font-std);font-weight:500;color:var(--color-bold-black);padding-bottom:0;margin-bottom:17px}
.brands__form-main .discoun_brand_sem_form-div :is(input,textarea,select){border:1px solid #1b213133;border-radius:0 6px 6px 0;padding:.575rem 16px;line-height:20px;font-size:14px;border-left:1px solid transparent;transition:all .6s;color:var(--color-bold-black)}
.brands__form-main .discoun_brand_sem_form-div :is(input,select)::placeholder{color:var(--color-white);transition:all .6s}
.brands__form-main .discoun_brand_sem_form-div :is(input,select):is(:hover,:focus){border-left:1px solid #1b21311A}
.brands__form-main .discoun_brand_sem_form-div .input-group{display:flex;flex-direction:row-reverse;width:100%;border-radius:6px;position:relative;align-items:center;transition:all .6s}
.brands__form-main .discoun_brand_sem_form-div .input-group:is(:hover,:focus){box-shadow:0 3px 6px #1b213129}
.brands__form-main .discoun_brand_sem_form-div :is(input,select):is(:hover,:focus)::placeholder{color:var(--color-secondury-black)}
.brands__form-main .discoun_mcmaster_group-wraper .discoun_brand_sem_form-div:not(#countryid,#textarea_box,#recaptcha_box,#attachment_box){flex-direction:row-reverse}
.brands__form-main .discoun_brand_sem_form-div label{position:unset;display:inline-block;border:1px solid #1b213133;border-right:0;border-radius:6px 0 0 6px;padding:.575rem 8px .575rem 16px;line-height:20px;font-size:14px;color:var(--color-bold-black)}
.brands__form-main .discoun_brand_sem_form-div:is(#countryid){justify-content:center}
.brands__form-main .discoun_brand_sem_form-div:is(#textarea_box) textarea{height:56px}
.brands__form-main .discoun_brand_sem_form-div:is(#countryid) .select-down{top:unset}
.brands__form-main .discoun_brand_sem_form-div:is(#countryid) .select-down span{height:11px}
.brands__form-main .discoun_brand_sem_form-div:is(#countryid,#textarea_box) :where(select,textarea){border-left:1px solid #1b213133;border-radius:6px;width:100%}
.brands__form-main .discoun_brand_sem_form-div:is(#countryid,#textarea_box) label{display:none}
.brands__form-main .discoun_brand_sem_form-div input:focus+label,.brands__form-main .discoun_brand_sem_form-div input:not(:placeholder-shown)+label{padding:.575rem 8px .575rem 16px;line-height:20px;font-size:14px;color:var(--color-bold-black)}
.brands__form-main .discoun_mcmaster_group-wraper .g-recaptcha{transform:scale(.73);-webkit-transform:scale(.73);height:auto!important}
.brands__form-main .discoun_mcmaster_group-wraper .g-recaptcha>div{height:76px!important}
.brands__form-main .discoun_mcmaster_group-wraper .discoun_brand_sem_form-div:is(#attachment_box){--bs-gutter-y:0.84375rem;display:block;width: 100%;}
.attachment-btn{border:0;padding:0;background-color:transparent;display:flex;align-items:center;text-decoration:underline;column-gap:8px;color:var(--color-blue);font-size:13px;font-family:var(--font-book);width:auto}
.brands__form-main .discoun_mcmaster_group-wraper .discoun_button-area{--bs-gutter-y:0.5rem;margin-top:var(--bs-gutter-y)}
/*! Form Styles End */
.Brands_title{font-size:28px;font-family:var(--font-std);color:var(--color-bold-black);margin-bottom:28px;font-weight:700}
/*! Modal Css Start Here */
#brands__formModal.fade{transition:opacity .15s linear}
#brands__formModal.modal{--bs-modal-zindex:1055;--bs-modal-width:320px;--bs-modal-padding:25px 20px 38px 20px;--bs-modal-margin:0.5rem;--bs-modal-bg:var(--color-white);--bs-modal-border-color:var(--bs-border-color-translucent);--bs-modal-border-width:var(--bs-border-width);--bs-modal-border-radius:var(--bs-border-radius-lg);--bs-modal-box-shadow:var(--bs-box-shadow-sm);--bs-modal-inner-border-radius:calc(var(--bs-border-radius-lg) -(var(--bs-border-width)));position:fixed;top:0;left:0;z-index:var(--bs-modal-zindex);display:none;width:100vw;height:100vh;overflow-x:hidden;overflow-y:auto;outline:0;background-color:rgb(0 0 0 / 50%);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}
#brands__formModal .modal-dialog{position:relative;width:auto;margin:var(--bs-modal-margin);pointer-events:none}
#brands__formModal .modal-dialog-centered{display:flex;align-items:center;min-height:calc(100% - var(--bs-modal-margin)* 2)}
#brands__formModal.modal.fade.show{display:block}
#brands__formModal.modal.fade .modal-dialog{transition:transform .3s ease-out;transform:translate(0,-50px)}
#brands__formModal.modal.show .modal-dialog{transform:none}
#brands__formModal .modal-content{position:relative;display:flex;flex-direction:column;width:100%;color:var(--bs-modal-color);pointer-events:auto;background-color:var(--bs-modal-bg);background-clip:padding-box;outline:0;box-shadow:0 3px 6px #00000029;border:1px solid #1b21310D;border-radius:9px;padding:var(--bs-modal-padding)}
#brands__formModal .modal-header{margin-bottom:29px;width:100%;--bs-gutter-x:1.5rem;--bs-gutter-y:0;padding-right:calc(var(--bs-gutter-x)* .5);padding-left:calc(var(--bs-gutter-x)* .5);margin-right:auto;margin-left:auto}
#brands__formModal .btn-close{background:0 0;outline:0;border:0;padding:0;border-radius:100%;position:absolute;right:16px;top:17px}
#brands__formModal .modal-body{position:relative;flex:1 1 auto}
#brands__formModal .modal-title{font-size:18px;font-family:var(--font-std);font-weight:700;line-height:18px;color:var(--color-blue);position:relative;margin-bottom:0}
#brands__formModal .modal-title::after{content:"";position:absolute;background-color:var(--color-green);height:3px;width:44px;bottom:-4px;left:0}
#brands__formModal .form-container{display:flex;justify-content:center;align-items:center}
#brands__formModal .upload-files-container{width:100%;--bs-gutter-x:1.5rem;--bs-gutter-y:0;padding-right:calc(var(--bs-gutter-x)* .5);padding-left:calc(var(--bs-gutter-x)* .5);margin-right:auto;margin-left:auto}
#files-data{padding-right:0}
.drag-file-area{background-color:#30bDFF0D;border:1px dashed transparent;border-image:repeating-linear-gradient(45deg,#30bdff 0,#30bdff 4px,transparent 4px,transparent 8px) 1;border-radius:6px;margin:0;padding:32px;width:100%;text-align:center}
.drag-file-area .upload-icon{font-size:50px}
.drag-file-area h3{font-size:14px;font-weight:400;color:var(--color-bold-black);font-family:var(--font-book);margin:21px 0 11px 0}
.seprator{display:inline-block;position:relative;margin-bottom:11px;color:var(--color-secondury-black);font-size:12px;font-family:var(--font-book);font-weight:400}
.seprator::before{content:"";position:absolute;top:50%;left:-49px;background-color:#1b21314D;height:1px;width:40px}
.seprator::after{content:"";position:absolute;top:50%;right:-49px;background-color:#1b21314D;height:1px;width:40px}
.drag-file-area label{display:block;transition:all .6s;font-size:14px;font-family:var(--font-book);color:var(--color-bold-black);font-weight:400;margin:0}
.drag-file-area label:hover{font-family:var(--font-std);font-weight:700}
.drag-file-area label .browse-files-text{cursor:pointer;text-decoration:underline}
.default-file-input{opacity:0;width:0}
.files-requirment{display:flex;align-items:center;justify-content:space-between;width:100%;flex-wrap:wrap}
.supported-heading{color:var(--color-secondury-black);font-size:11px;font-family:var(--font-book);font-weight:400}
.supported-details{color:#1b2131CC;font-size:11px;font-family:var(--font-book);font-weight:400}
.file-info-title{font-size:14px;font-family:var(--font-book);color:var(--color-bold-black);margin-bottom:4px;font-weight:400}
.file-blocks{display:flex;flex-wrap:wrap;gap:1rem;max-height:194px;overflow-y:auto;padding-right:12px}
.file-info-and-progress{position:relative;width:100%;display:flex;gap:7px;flex-wrap:wrap}
.cannot-upload-message{background-color:#ffc6c4;font-size:17px;display:flex;align-items:center;margin:5px 0;padding:5px 10px 5px 30px;border-radius:5px;color:#b00;display:none}
@keyframes fadeIn{
0%{opacity:0}
100%{opacity:1}
}
.cannot-upload-message span,.upload-button-icon{padding-right:10px}
.cannot-upload-message span:last-child{padding-left:20px;cursor:pointer}
.file-block{position:relative;display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%;column-gap:8px}
.file-block img{width:56px;height:48px;object-fit:fill}
.file-info{display:flex;align-items:center;font-size:15px}
.files-details{display:flex;align-items:center;justify-content:space-between;width:100%}
.file-name{display:flex;align-items:center;column-gap:8px;font-size:14px;font-family:var(--font-book);font-weight:400;color:var(--color-bold-black);text-transform:capitalize}
.file-size{font-size:12px;font-family:var(--font-book);font-weight:400;color:var(--color-secondury-black)}
.files-progress-details{display:flex;align-items:center;justify-content:space-between;width:100%}
.progress-percentage{display:flex;align-items:center;column-gap:8px;font-size:10px;font-family:var(--font-book);font-weight:400;color:var(--color-secondury-black);text-transform:capitalize}
.progress-text{font-size:10px;font-family:var(--font-book);font-weight:400;color:var(--color-secondury-black)}
.remove-file-icon{cursor:pointer;position:relative;right:-7px;top:-23px}
.progress-bar{display:flex;width:0;height:4px;border-radius:100px;background-color:#30bdff}
.upload-button{font-family:var(--font-std);background-color:var(--color-green);color:var(--color-white);align-items:center;min-width:149px;justify-content:center;font-size:18px;font-weight:500;border:none;border-radius:6px;margin:0 0 0 auto;padding:15px;cursor:pointer;display:none}
#brands__formModal .message{display:flex;justify-content:center;width:100%;align-items:center;flex-direction:column;gap:41px;padding:8px 0 0 0}
#brands__formModal .message-text{font-size:28px;font-family:var(--font-std);color:var(--color-bold-black);font-weight:700}
span.name{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:130px}
.error-msg{color:red;margin-top:10px;width:100%;display:none;--bs-gutter-x:1.5rem;--bs-gutter-y:0;margin-right:auto;margin-left:auto;font-size:13px;font-family:var(--font-book);font-weight:400}
.discoun_mcmaster_group-wraper .discoun_button-area{width: 50%;flex-direction: column !important;}

@media (min-width:576px){
#brands__formModal.modal{--bs-modal-margin:1.75rem;--bs-modal-box-shadow:var(--bs-box-shadow)}
#brands__formModal .modal-dialog{max-width:var(--bs-modal-width);margin-right:auto;margin-left:auto}
#brands__formModal .modal-dialog-success{--bs-modal-width:400px}
}
/*! Modal Css End Here */
@media (min-width:768px){
#brands__formModal.modal{--bs-modal-width:700px}
.col-md-6{flex:0 0 auto;width:50%}
#brands__form .brands__form-main .brands__form-logo{display:block}
.brands__form-main .brands__form-logo-mobile{display:none}
.brands__form-main .brands__form-logo img{width:25%;height:auto;object-fit:fill;margin:0 auto;display:block}
#brands__form .brands__form-name.character-exceeded .brands__form-brand-title.width-exceeded{display:block;width:100%;max-width:520px}
.brands__form-brand-title.width-exceeded svg{vertical-align:-11px}
}
@media (min-width:991px){
#brands__formModal.modal{--bs-modal-width:760px}
.g-lg-5,.gy-lg-5{--bs-gutter-y:2rem}
.col-lg-6{flex:0 0 auto;width:50%}
.brands__form-main .row.g-lg-5 .col-lg-6:first-child{padding-right:22px;border-right:1px dashed transparent;border-image:repeating-linear-gradient(to bottom,var(--color-blue) 0,var(--color-blue) 4px,transparent 4px,transparent 8px) 1}
.brands__form-main .row.g-lg-5 .col-lg-6:last-child{padding-left:22px}
.brands__form-main .discoun_mcmaster_group-wraper .g-recaptcha{transform:scale(.67);-webkit-transform:scale(.67)}
.brands__form-main .discoun_brand_sem_form-div:is(#textarea_box) textarea{height:52px}
}
@media (min-width:1200px){
#brands__form :where(.discoun_mcmaster_group-wraper,.discoun_mcmaster_group-wraper)>*,.g-lg-5,.gx-lg-5{--bs-gutter-x:2rem}
.brands__form-main .row.g-lg-5 .col-lg-6:first-child{padding-right:52px}
.brands__form-main .row.g-lg-5 .col-lg-6:last-child{padding-left:52px}
.brands__form-main .discoun_mcmaster_group-wraper .g-recaptcha{transform:scale(.85);-webkit-transform:scale(.85)}
.brands__form-main .discoun_brand_sem_form-div:is(#textarea_box) textarea{height:80px}
#textarea_box{width:100%; }
}
@media (max-width:1280px){
    .brands__form-main .discoun_mcmaster_group-wraper .g-recaptcha {
        transform: scale(.75);
        -webkit-transform: scale(.75);
    }
    #textarea_box {
        width: 100%;

    }
     #textarea_box textarea{
        height: 80px;
    }
}
@media (max-width:1024px){
    .discoun_brand_sem_btn-default{
        font-size: 16px;
        padding: 12px 26px;
    }
    .brands__form-main .discoun_mcmaster_group-wraper .g-recaptcha {
        transform: scale(.60);
        -webkit-transform: scale(.60);
    }
}
@media (max-width:767px){
#brands__formModal.modal{--bs-modal-zindex:999999;--bs-modal-padding:20px 12px 20px 12px}
#brands__formModal.modal.fade.show{display:flex;justify-content:center}
#brands__formModal .modal-dialog{max-width:310px}
#brands__formModal .modal-dialog-scrollable{height:calc(100% - var(--bs-modal-margin)* 2)}
#brands__formModal .modal-dialog-scrollable .modal-content{max-height:100%}
#brands__formModal .modal-dialog-scrollable .modal-body{overflow-y:auto}
#brands__formModal .modal-header{margin-bottom:19px}
.drag-file-area{padding:1rem}
.upload-button{padding:10px;font-size:14px;margin-top:10px}
#row-files-upload{--bs-gutter-y:1rem}
.file-block{align-items:flex-start;column-gap:6px}
.file-info-and-progress{gap:4px}
.file-name{font-size:12px;gap:6px}
.remove-file-icon{right:0;top:0}
.file-block img{width:40px;height:30px}
span.name{max-width:100px}
#brands__formModal .message-text{font-size:24px}
#brands__formModal .message{padding:8px 0 0 0}
#brands__formModal .message span>svg{width:50px;height:50px}
.drag-file-area :is(h3,.seprator){display:none}
.drag-file-area label{margin-top:.5rem}
.brands__form-main .topsec_right:is(#elkbrandModal){height:auto;top:50%;bottom:unset;left:50%;transform:translate(-50%,-50%);z-index:999999}
.brands__form-main .topsec_right:is(#elkbrandModal) .discoun_mcmaster_group-wraper{margin-top:30px;max-height:calc(100vh - 195px);overflow-y:auto;overflow-x:hidden}
.Brands_title{font-size:24px;margin-bottom:20px}
.discoun_mcmaster_group-wraper .discoun_button-area {width: 100%;}
}

@media (max-width:375px){
#brands__formModal .message-text{font-size:20px}
}
@media (max-width:320px){
#brands__formModal .message{gap:21px;padding:8px 0 0 0}
#brands__formModal .message-text{font-size:18px}
#brands__formModal .message span>svg{width:40px;height:40px}
#brands__formModal .modal-dialog{max-width:290px}
/* #brands__formModal .btn-close{right:-10px;top:-14px} */
/* #brands__formModal .btn-close svg{height:25px;width:25px} */
}