/*suppliers*/

/*supplier listing page*/
.bredgrumdiv
{
    height: 50px;
    align-content: center;
}

.supplier-titlecontainer
{
    width:100%;
    height:48px;
    display: flex;
}

.supplier-title
{
    font-size: 20px;
    font-weight: bold;
    margin:0px;
}

.supplier-titilediv
{
    width: 35%;
    height: 100%;
    align-content: center;
    display: inline-block;
    margin-left: 5px;
   
}

.supplier-contactcontainer
{
    width:65%;
    height:100%;
    align-items: center;
    display: inline-flex;
}

.supplier-contactmessagediv
{
    font-size: 14px;
    display: inline-block;
    width:73%;
    text-align: right;
    height:100%;
    align-content: center;
}
@media screen and (min-width: 990px) and (max-width:1121px)
{
    .supplier-titilediv
    {
        width: 12%;
        height: 100%;
        align-content: center;
        display: inline-block;
        margin-left: 5px;
        
    }
    .supplier-contactcontainer
    {
        width:87%;
        height:100%;
        align-items: center;
        display: inline-flex;
    }
    .supplier-title {
        font-size: 20px;
        font-weight: bold;
        margin: 0px;
    }
    .supplier-contactmessage {
        margin: 0%;
        color: #666666;
        font-weight: bold;
        margin-right: 7px !important;
        letter-spacing: 0.4px;
    }
}
@media screen and (min-width: 1122px) and (max-width:1290px)
{
    .supplier-titilediv
    {
        width: 25%;
        height: 100%;
        align-content: center;
        display: inline-block;
        margin-left: 5px;
        
    }
    .supplier-contactcontainer
    {
        width:74%;
        height:100%;
        align-items: center;
        display: inline-flex;
    }
    .supplier-title {
        font-size: 20px;
        font-weight: bold;
        margin: 0px;
    }
}

#contact a
{
    color:white;
}
.supplier-contactmessage
{
    margin: 0%;
    color: #666666;
    font-weight: bold;
    margin-right: 18px;
    letter-spacing: 0.4px;
}

.supplier-contactbtndiv
{
    display: inline-flex;
    width: 35%;
    height: 95%;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    color: white !important;
    text-align: center;
    margin-right:10px;
}

.contactarrow
{
    margin-left: 13px;
    margin-top: 2px;
}

.supplier-searchdiv
{
    height:76px;
}
.displaynone
{
    display: none;
}
.displayblock
{
    display: block;
}

.supplier-inputsearchbox
{
    margin: 15px 0px;
    height:26px;
    background-color: #F4F5F7;
    border:1px solid #E4E4E4;
    border-radius: 10px;
    width: 96%;
    padding: 10px 1.3% 10px 1.2%;
    align-items: center;
    display: inline-flex;
}

.supplier-inputsearchfield
{
    width:90%;
    color: #505268;
    height:100%;
    border: none;
    background-color: transparent;
    font-weight: bold;
    font-size: 15px;
   
}

.supplier-searchbtn
{
    width: 10%;
    height:100%;
    border: none;
    background-color: transparent;
    text-align: right;
    padding: 0%;
}

.activetext
{
    color: black !important;
}

.supplier-serachicon
{
    color: #BABCC6;
}

.supplier-alphabetcontainer
{
    width:100%;
    height:auto;
    display: flex;
    justify-content: space-between;
    cursor: pointer;
}

.supplier-alphabets
{
    width:28px;
    height:28px;
    display: inline-flex;
    justify-content: center; 
    align-items: center; 
    color: #A3A3A3 !important;
    font-weight: bold;
    font-size: 16px;
}

.selected-alphabet
{
    border-radius: 50%;
    color: white !important;
}

.supplier-cardsdiv
{
    margin-top: 16px;
    width: 100%;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    gap:15px;
    margin-bottom: 15px;
}

.supplierdetailsdiv
{
    width:calc(33.33% - 12px);
    height:315px;
    display: inline-block;
    background-color: #F4F5F7;
    border-radius: 8.5px;
    cursor: pointer;
}

.supplier-logodiv
{
    width:99.6%;
    height:163px;
    border-radius: 10px;
    border:1px solid #E4E4E4;
    display: inline-block;
    text-align: center;
    align-content: center;
    background-color: white;
}

.supplier-logoimage
{
    max-width: 100%;
    max-height: 100%;
}

.supplier-detaildiv
{
    width:calc(100% - 30px);
    height:60px;
    border-radius: 0px 0px 10px 10px;
    background-color: #F4F5F7;
    display: inline-block;
    padding:15px;
}

.supplier-name
{
    margin: 0%;
    font-weight: bold;
    font-size: 16px;
}

.supplier-location
{
    margin: 0px;
    margin-top: 20px;
    margin-left: 9px;
    display: inline-block;
    font-size: 14px;
    color:#666666;
}

.supplier-locationicon
{
    margin-top: 19px;
}

.supplier-locationdiv
{
    display: inline-flex;
    width:100%;
}

/*mobile supplier listing page*/
.mobsupplier-title
{
    font-size: 20px;
    font-weight: bold;
    margin:0px;
}

.mobsupplier-contactcontainer
{
    width:100%;
    height:45px;
    align-items: center;
    display: inline-flex;
    padding-top: 15px;
}

.mobsupplier-contactmessagediv
{
    font-size: 14px;
    display: inline-block;
    width:60%;
    height:100%;
    align-content: center;
}

.mobsupplier-contactbtndiv
{
    display: inline-flex;
    width: 40%;
    height: 100%;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    color: white !important;
    text-align: center;
}

.mobsupplierdetailsdiv
{
    width:100%;
    height:130px;
    display: flex;
    background-color: #F4F5F7;
    border-radius: 10px;
    margin-top: 15px;
}

.mobsupplier-logodiv
{
    width:50%;
    height:98%;
    border-radius: 10px;
    border:1px solid #E4E4E4;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background-color: white;
}

.mobsupplier-detaildiv
{
    width:calc(50% - 15px);
    height:100%;
    border-radius: 10px;
    background-color: #F4F5F7;
    display: flex;
    flex-direction: column;
    padding: 0px 15px;
    font-size: 18px;
    justify-content: center;
}

.mobsupplier-name
{
    margin: 0%;
    font-weight: bold;
    /* font-size: 22px; */
    line-height: 1;
}

.mobsupplier-location
{
    margin: 0px;
    margin-top: 21px;
    margin-left: -6px;
    display: inline-block;
    font-size: 16px;
    color: #666666;
}

.mobsupplier-locationdiv
{
    display: inline-flex;
    width:100%;
}

.supplier-inputsearchfield::placeholder {
    color: #BABCC6; 
}

.mobsupplier-inputsearchbox
{
    margin: 15px 0px;
    height:26px;
    background-color: #F4F5F7;
    border:1px solid #E4E4E4;
    border-radius: 10px;
    width: calc(100% - 25px);
    padding: 10px 15px 10px 10px;
    align-items: center;
    display: inline-flex;
}

.mobsupplier-cardsdiv
{
    margin-bottom: 15px;
}

/*supplier popup*/
.popup-containerdiv
{
    z-index: 3;
    width:630px;
    height:fit-content;
    background-color: white;
    position: fixed;
    margin: auto;
    top:17.5%;
    left:25%;
    border-radius: 10px;
    padding:25px 30px;
    opacity: 100% !important;
}

@media screen and (min-width: 991px) and (max-width: 1050px){
    .popup-containerdiv
    {
        left:15%;
    }
}

@media screen and (min-width: 1051px) and (max-width: 1250px){
    .popup-containerdiv
    {
        left:20%;
    }
}

@media screen and (min-width: 1251px) and (max-width: 1400px){
    .popup-containerdiv
    {
        left:24%;
    }
}

@media screen and (min-width: 1401px) and (max-width:1600px){
    .popup-containerdiv
    {
        left:28%;
    }
}

@media screen and (min-width: 1601px) and (max-width:1900px){
    .popup-containerdiv
    {
        left:30%;
    }
}

@media screen and (min-width: 1901px){
    .popup-containerdiv
    {
        left:33%;
    }
}

.background-blur
{
    opacity: 30%;
}

.single-supplierdetails
{
    width:100%;
    height:210px;
    border-bottom: 1px solid #E4E4E4;
    display: flex;
}

.supplier-readmorebtn
{
    background-color: transparent;
    border:none;   
    display: flex;
    font-weight: bold;
    padding: 0px;
    font-size: 16px;
    margin-top: 15px;
    cursor: pointer;
    margin-left:10px;

}

.supplier-picturecontainer
{
    width:30%;
    display: inline-block;
    height: 100%;
}

.supplier-popuplogodiv
{
    width:104%;
    border:1px solid #E4E4E4;
    height:127px;
    border-radius: 8px;
    align-content: center;
    text-align: center;
}

.supplier-viewprofilebtn
{
    margin-top: 15px;
    width:104%;
    height:42px;
    border-radius: 8px;
    display: flex;
    color:white;
    align-items: center;
    justify-content: center;
}

.supplier-contentcontainer
{
    width:65%;
    margin-left: 8%;
    height:100%;
    display: inline-block;
}

.supplier-viewprofiletext
{
    display: inline-block;
    font-size: 16px;
    
}

.supplier-viewbtnicon
{
    margin-left:14px;
    margin-top: 2px;
}

.supplier-contentdetails
{
    margin-top: 14px;
    margin-left:10px;
    font-size: 14px;
    color:#666666;
    line-height: 20px;
    display: -webkit-box; 
    display: -moz-box; 
    display: box; 
    -webkit-box-orient: vertical; 
    -moz-box-orient: vertical; 
    box-orient: vertical; 
    -webkit-line-clamp: 5;
    overflow: hidden;
    line-height: 1.5;
}

.supplier-Companytitlename
{
    color: black;
    font-weight: bold;
    font-size:18px;
}

.supplier-readmorebtnicon
{
    margin-left: 10px;
    margin-top:5px;
}

.supplierpopup-articlecontainer
{
    margin-top: 10px;
    width: 100%;
    height:330px;
}

.supplierpopup-aticletitlediv
{
    width:100%;
    height:55px;
    align-items: center;
    display:flex;
    justify-content: space-between;
}

.supplierpopup-articletitle
{
    display: inline-block;
    font-weight: bold;
    font-size: 20px;
    margin-top: 13px;
    letter-spacing: 0.6px;
    margin-left: 2px;
}

.supplier-viewmorebtn
{
    background-color: transparent;
    border:none;   
    display: inline-flex;
    font-weight: bold;
    padding: 0px;
    font-size: 16px;
    cursor: pointer;
    float: right;
    margin-bottom: 5px;

}

.supplierpopup-aticledetailsdiv
{
    width: 100%;
    height:195px;
    display: flex;
    justify-content: space-between;
}

.supplierpopup-articlespicture
{
    width:100%;
    height:135px;
}

.supplierpopup-articlename
{
    width:100%;
    height:60px
}

.supplierpopup-articledetailcont
{
    width:31.5%;
    height:100%;
}

.supplierpopup-articlenamepara
{
    margin: 0%;
    font-size: 16px;
    font-weight: bold;
    display: -webkit-box; 
    display: -moz-box; 
    display: box; 
    -webkit-box-orient: vertical; 
    -moz-box-orient: vertical; 
    box-orient: vertical; 
    -webkit-line-clamp: 3;
    overflow: hidden;
    height:49px;
    margin-top: 2px;
}


.emptydivforclose
{
    position: relative;
    width:100%;
}

.popup-closebtn
{
    position: absolute;
    width:45px;
    height:45px;
    border-radius: 50%;
    top:-47px;
    right:-52px;
    align-content: center;
    text-align: center;
    color: white;
}

.supplier-viewlink
{
    color: white !important;
    font-size: 16px !important;
}

/*mobile supplier popup*/
.mobpopup-containerdiv
{
    z-index: 11;
    width:calc(90% - 30px);
    height:600px;
    background-color: white;
    position: fixed;
    top:5%;
    left:5%;
    border-radius: 10px;
    padding:15px 15px;
    opacity: 100% !important;
}

.submobpopup-containerdiv
{
    width:100%;
    height:100%;
    overflow-y:scroll;
}

.mobpopup-closebtn
{
    position: absolute;
    width:45px;
    height:45px;
    border-radius: 50%;
    top:-37px;
    right:-34px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    color: white;
}
@media screen and (min-width:768px)
{
    .mobpopup-closebtn
{
    position: absolute;
    width:45px;
    height:45px;
    border-radius: 50%;
    top:-37px;
    right:-32px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    color: white;
} 
}
@media screen and (min-width:819px) and (max-width:911px)
{
    .mobpopup-closebtn
{
    position: absolute;
    width:50px;
    height:50px;
    border-radius: 50%;
    top:-37px;
    right:-24px;
    display: inline-flex;
    justify-content: center;
    align-items: center;

    color: white;
} 
}
.mobsingle-supplierdetails
{
    width:100%;
    height:auto;
    border-bottom: 1px solid #E4E4E4;
    padding-bottom:20px;
}
/* @media screen and (min-width:760px) 
{
    .mobsingle-supplierdetails
    {
        width:100%;
        height:493px;
        border-bottom: 1px solid #E4E4E4;
    }
}
@media screen and (min-width:910px) 
{
    .mobsingle-supplierdetails
    {
        width:100%;
        height:471px;
        border-bottom: 1px solid #E4E4E4;
    }
}
@media screen and (min-width:850px) 
{
    .mobsingle-supplierdetails
    {
        width:100%;
        height:473px;
        border-bottom: 1px solid #E4E4E4;
    }
} */
.mobsupplier-picturecontainer
{
    width:100%;
    height: 310px;
}

.mobsupplier-popuplogodiv
{
    width:99%;
    border:1px solid #E4E4E4;
    height:230px;
    border-radius: 10px;
    display: inline-flex;
    justify-content: center;
    align-items: center;

}

.mobsupplier-viewprofilebtn
{
    margin-top: 15px;
    width:100%;
    height:47px;
    border-radius: 10px;
    display: flex;
    color:white;
    align-items: center;
    justify-content: center;
}

.mobsupplier-contentcontainer
{
    width:100%;
    height:auto;
    margin-top: 10px;
}

.mobsupplier-viewprofiletext
{
    display: inline-block;
    font-size: 18px;
}

.mobsupplier-viewbtnicon
{
    margin-left:14px;
    margin-top: 2px;
}

.mobsupplier-contentdetails {
    margin: 0;
    font-size: 16px;
    color: #666666;
    line-height: 22px;
    overflow: hidden;
    text-overflow: ellipsis; 
    /* display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
    box-orient: vertical;
    max-height: 179px; */
    display:block;


}

.mobsupplier-readmorebtn
{
    background-color: transparent;
    border:none;   
    display: flex;
    font-weight: bold;
    padding: 0px;
    font-size: 16px;
    margin-top: 20px;
    cursor: pointer;
}

.mobsupplierpopup-articlecontainer
{
    width: 100%;
}

.mobsupplierpopup-aticletitlediv
{
    width:100%;
    height:65px;
    align-items: center;
    display:flex;
    justify-content: space-between;
}

.mobsupplierpopup-articletitle
{
    display: inline-block;
    font-weight: bold;
    font-size: 20px;
}

.mobsupplier-viewmorebtn
{
    background-color: transparent;
    border:none;   
    display: inline-flex;
    font-weight: bold;
    padding: 0px;
    font-size: 16px;
    cursor: pointer;
    float: right;
}

.mobsupplierpopup-aticledetailsdiv
{
    width: 100%;
}

.mobsupplierpopup-articlespicture
{
    width:30%;
    height:100%;
}

.mobsupplierpopup-articlename
{
    width:65%;
    height:100%;
    align-content: center;
    margin-left: 5%;
}

.mobsupplierpopup-articledetailcont
{
    width:100%;
    height:85px;
    display: flex;
    margin-bottom: 15px;
}

.mobsupplierpopup-articlenamepara
{
    margin: 0%;
    font-size: 18px;
    font-weight: bold;
    display: -webkit-box; 
    display: -moz-box; 
    display: box; 
    -webkit-box-orient: vertical; 
    -moz-box-orient: vertical; 
    box-orient: vertical; 
    -webkit-line-clamp: 3;
    overflow: hidden;
    line-height: 1.1;
}


/*single supplier page*/
.supplier-bredgrumdiv
{
    margin-left:7px;
    height:50px;
    width:100%;
    align-content: center;
}

.supplier-infodiv
{
    width:96%;
    height:fit-content;
    background-color: #F4F5F7;
    border-radius: 10px;
    display: flex;
    padding: 15px 0.9% ;
    margin-left:7px;
}

.supplier-aboutdiv
{
    width:100%;
    height:auto;
    margin-top: 20px;
}

.supplier-abouttitle
{
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 12px;
}

.supplier-aboutpara
{
    margin-bottom: 20px;
    color:#666666;
    font-size: 14px;
    line-height: 20px;
}

.supplier-bannerdiv
{
    /* //height: 85px; */
    width: 100%;
    border-radius: 10px;
    padding:3.5em 0 3.5em 0!important;
}

.supplier-bredgrumpara
{
    display: flex;
    margin: 0%;
    font-size: 14px;
    font-weight: bold;
    cursor: default !important;
    color:#666666;

}

.singlesupplier-logodiv
{
    width:34.5%;
    border: 1px solid #E4E4E4;
    border-radius: 8px;
    text-align: center;
    align-content: center;
    background-color: white;
    margin-left:9px;
}

.singlesupplier-detailsdiv
{
    width:68%;
    margin-left: 18px;
    height:100%;
}

.detailsfirstdiv
{
    width: 100%;
    margin-top: 2px;
    height:fit-content;
    display: flex;
    justify-content: space-between;
    padding-bottom: 15px;
}

.singlesupplier-title
{
    margin: 0px;
    font-size: 20px;
    font-weight: bold;
    display: inline-block;
    margin-left: 3px;
    margin-top: 2px;
    letter-spacing: 0.4px;
    line-height: 1;
}

.suppliers-shareiconsdiv
{
    width:130px;
    height: 36px;
    border: 1px solid #E4E4E4;
    border-radius: 10px;
    display: inline-block;
    background-color: white;
    margin-right:5px;
    padding-left:8px;
}

.productsliderdiv
{
    width:100%;
    height: 252px;
    margin-top: 15px;
    border-top: 1px solid #E4E4E4;
    border-bottom: 1px solid #E4E4E4;
}

.producttitlediv
{
    width:100%;
    height:55px;
    align-content: center;
    font-size: 20px;
    font-weight: bold;
}



.prevbtndiv
{
    width:28px;
    height:100%;
    top: 30%;
    position: relative;
    /* align-content: center;
    display: inline-block; */
}

.product-prev
{
    width:100%;
    height:28px;
    align-content: center;
    text-align: center;
    border-radius: 50%;
    border: none;
}

.disableproductbtn
{
    background-color: #E4E4E4;
    cursor: default;
}

.enableproductbtn
{
    color:white;
    cursor: pointer;
}

.product-slidercont
{
    position: relative;
    width:calc(100% - 56px);
    overflow: hidden;
    height:100%;
    display: inline-block;
    margin-left: 15px;
    margin-right: 15px;
}

.product-slider
{
    display: flex;
    transition: transform 0.6s ease;
    width:31.8%;
    height:100%;
}

.product-picturecontainer
{
    width:100%;
    height:145px;
    border:1px solid #E4E4E4;
    background-color: white;
    text-align: center;
    align-content: center;
    border-radius: 10px;
}

.product-singleslider
{
    min-width: 100%;
    transition: 0.5s ease;
    margin-right: 15px;
}

.product-typediv
{
    height: 50px;
    width:100%;
    align-content: center;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
}

.nextbtndiv
{
    width:28px;
    height:100%;
    /* align-content: center;
    display: inline-block; */
}

.product-next
{
    width:100%;
    height:28px;
    align-content: center;
    text-align: center;
    border-radius: 50%;
    border: none;
}

.suppliers-infoicons
{
    width:30px;
    margin-right: 5px;
    display: inline-block;
    align-content: baseline;
    text-align: left;
    justify-content: left;
}

.suppliers-infodiv p
{
    display: inline-block;
    margin: 0%;
    color: #666666;
    font-size: 14px;
    margin-top: 2px;
    line-height: 1.5;
}

.suppliers-infodiv
{
    margin-bottom: 7px;
    display: flex;
}

/*mobile single supplier page*/
.mobsupplier-pagetitle
{
    height: 40px;
    width:100%;
    font-size: 20px;
    font-weight: bold;
    margin-top: 5px;
}

.mobsupplier-infodiv
{
    width:calc(100% - 30px);
    height:auto;
    background-color: #F4F5F7;
    border-radius: 10px;
    padding: 15px 15px ;
}

.mobsupplier-aboutdiv
{
    width:100%;
    height:auto;
    margin-top: 20px;
    /* border-bottom: 1px solid #E4E4E4; */
}

.mobsupplier-abouttitle
{
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 12px;
}

.mobsupplier-aboutpara
{
    margin-bottom: 20px;
    color:#666666;
    font-size: 16px;
    line-height: 20px;
    line-height: 22px;
}

.supplier-bannerdiv
{
    /* height: 85px; */
    width: 100%;
    border-radius: 10px;
    padding:3.5em 0 3.5em 0!important;
}

.mobsinglesupplier-logodiv
{
    width:100%;
    height:158px;
    border: 1px solid #E4E4E4;
    border-radius: 10px;
    text-align: center;
    background-color: white;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mobsinglesupplier-detailsdiv
{
    width:100%;
    /* margin-left: 10px; */
}

.mobdetailsfirstdiv
{
    width: 100%;
    margin-top: 30px;
    height:36px;
    margin-bottom: 3px;
}

.mobsinglesupplier-title
{
    margin: 0px;
    font-size: 22px;
    font-weight: bold;
    margin-left: 5px;
    line-height: 1.15;
}

.mobsuppliers-shareiconsdiv
{
    width: 100%;
    height: auto;
    display: flex;
    margin-top: 25px;
    padding-top: 5px;
}


.productsliderdiv
{
    width:100%;
    height: 252px;
    margin-top: 15px;
    border-top: 1px solid #E4E4E4;
    border-bottom: 1px solid #E4E4E4;
}

.mobproducttitlediv
{
    width: 100%;
    height: 48px;
    align-content: center;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    padding-top: 7px;
}

.productslidercontainer
{
    width:100%;
    height:200px;
    display: flex;
}

.prevbtndiv
{
    width:28px;
    height:100%;
    /* align-content: center;
    display: inline-block; */
}

.product-prev
{
    width:100%;
    height:28px;
    align-content: center;
    text-align: center;
    border-radius: 50%;
    border: none;
}

.disableproductbtn
{
    background-color: #E4E4E4;
    cursor: default;
}

.enableproductbtn
{
    color:white;
    cursor: pointer;
}

.product-slidercont
{
    position: relative;
    width:calc(100% - 56px);
    overflow: hidden;
    height:100%;
    display: inline-block;
    margin-left: 15px;
    margin-right: 15px;
}

.mobproduct-slider
{
    display: flex;
    transition: transform 0.6s ease;
    width:46%;
    height:100%;
}

.tabproduct-slider
{
    display: flex;
    transition: transform 0.6s ease;
    width:31.8%;
    height:100%;
}

.product-picturecontainer
{
    width:100%;
    height:145px;
    border:1px solid #E4E4E4;
    background-color: white;
    text-align: center;
    align-content: center;
    border-radius: 10px;
}

.product-singleslider
{
    min-width: 100%;
    transition: 0.5s ease;
    margin-right: 15px;
}

.product-typediv
{
    height: 50px;
    width:100%;
    align-content: center;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
}

.nextbtndiv
{
    width:28px;
    height:100%;
    top: 30%;
    position: relative;
    /* align-content: center;
    display: inline-block; */
}

.product-next
{
    width:100%;
    height:28px;
    align-content: center;
    text-align: center;
    border-radius: 50%;
    border: none;
}

.suppliers-infoicons
{
    width:30px;
    margin-right: 5px;
    display: inline-block;
    align-content: baseline;
    text-align: left;
    justify-content: left;
}

.mobsuppliers-infodiv p
{
    display: inline-block;
    margin: 0%;
    color: #666666;
    font-size: 16px;
    margin-top: 2px;
    overflow: hidden;
  
    text-overflow: ellipsis;
    line-height: 25px;
}

.mobsuppliers-infodiv
{
    margin-bottom: 10px;
    display: flex;
}
.supplier_product_image {
    float: left;
    width: 190px;
    margin: 16px 14px 13px 0px;
}

.supplier-banner-image{max-width:100%;width:auto;display:block;margin:0px auto!important;cursor:pointer}
.suppliercontent {
    padding: 17px 17px 0px 17px;
    color: #626262;
    font-size: 14px;
    line-height: 20px;
}
.company_name {
    font-size: 16px;
    font-weight: bold;
    font-family: Verdana, sans-serif;
}
.yarl__toolbar .yarl__button
{
    background-image: url('https://assets.innovamarketinsights360.com/fif/scripts/images/lightbox-btn-close.gif');
/* background-repeat: no-repeat; */
background-position: top;
background-repeat: repeat-x;
width: 66px;
height: 22px;
padding: 0px;
background-color: #f0f5f8;
cursor: pointer;
}
.yarl__toolbar .yarl__button svg
{
    display: none;
}
.yarl__navigation_prev
{
    background-image: url('https://assets.innovamarketinsights360.com/insightsbeta/common/images/arrow_blue_left.svg');
    height: 50px;
    background-repeat: no-repeat;
    cursor: pointer;
}
.yarl__navigation_prev{
    left: 3% !important;
}
.yarl__toolbar
{
    bottom: 0 !important;
    top: auto !important;
}
.yarl__navigation_next
{
    background-image: url('https://assets.innovamarketinsights360.com/insightsbeta/common/images/arrow_blue_right.svg');
    height: 50px;
    background-repeat: no-repeat;
    cursor: pointer;
}
.yarl__navigation_next
{
    right: 3% !important;
}
.yarl__navigation_prev svg,.yarl__navigation_next svg
{
  display: none;
}
.yarl__button
{
    filter: none !important;
    pointer-events: all;
}
.yarl__container
{
    pointer-events: none;
}
.lightboxcontainer
{
    display: flex;
    position: fixed;
    top: 50%;
    left: 50%;
    padding: 10px;
    transform: translate(-50%,-50%);
    background-color: white;
    width: 100%;
    height: 100%;
    z-index: 10;
    max-width: 800px;
    max-height: 600px;
}
.setpopHeight{
    height: auto !important;
}
.lightbox-image-container
{
    display: flex;
    justify-content: center;
    align-items: center;
}
.lightbox-image
{
    max-width: 800px;
    max-height: 600px;
}
.supplier-linknotshow
{
    display: none;
}
.supplier-social-media{width:60%;position: relative;margin-bottom:5px;margin-left:5px;margin-right:5px;margin-top:5px}
.mobsupplier-social-media{width:12%;float:left;position: relative;margin-bottom:5px;margin-left:25px;margin-top:5px}

.no-records-founds {
    display: flex;
    justify-content: center; /* Center horizontally */
    align-items: center; /* Center vertically */
    height: 70vh; /* Takes up 70% of the viewport height */
    text-align: center; /* Center the text */
    padding: 20px;
    font-size: 16px;
    color: #777;
    margin-left: auto; /* Automatically adjust the left margin */
    margin-right: auto; /* Ensure centering on large screens */
    width: 100%; /* Take up full width */
  }
  
  @media (min-width: 768px) {
    /* For desktops and larger screens */
    .no-records-founds {
      margin-left: 300px; /* Center with margin-left for larger screens */
      margin-right: 300px; /* Add margin to the right to center it */
    }
  }
  
  @media (max-width: 767px) {
    /* For mobile screens */
    .no-records-founds {
      margin-left: 0; /* Remove the left margin on mobile */
      margin-right: 0; /* Remove the right margin on mobile */
      padding: 10px; /* Adjust padding for mobile */
      font-size: 16px; /* Adjust font size for mobile */
    }
  }

/*Used to style the single supplier profile page*/  
.supplierblk p,
.supplierblk span,
.supplierblk div,
.supplierblk ul,
.supplierblk ul li,
.supplierblk ol,
.supplierblk ol li,
span {
  font-family: Verdana, sans-serif !important;
  font-size: 13px !important;
  line-height: 1.4em !important;
}
.fontSearchResult{
    font-family: 'DM Sans', sans-serif !important;
    font-weight: 700 !important;
    color: #181818 !important;
    font-size: 15px !important;
    letter-spacing: .4px !important;
}
.supplierblk ol,
.supplierblk ol li {
  list-style-type: inherit;
}