*{
padding:0px;
margin:0px;
}

body{
	font-family: 'Poppins', sans-serif !important;
}

.navbar-brand .img-fluid {
  max-width: 135px;
}

.mainmenu .nav-item .nav-link.active {
  font-weight: 600;
  font-size:18px;
}

.mainmenu .nav-item .nav-link.login-btn {
padding: 9px 38px;
border-radius: 50px;	
}

.mainmenu .nav-item .nav-link.signup-btn {
  padding: 9px 38px;
  border-radius: 50px;	
  }

  .nav-item .nav-link:hover{
    
    color: #fff !important;
  }
  .nav-item .signup-btn:hover{
    background-color: #fff;
    color: #000 !important;
  }
  .nav-item .login-btn{
    background-color: #fff;
    color: #000 !important;
  }

  .nav-item .login-btn:hover{
    background-color: #fff;
    color: #000 !important;
  }

.home-search {
  max-width: 70%;
  margin-left: auto;
  margin-right: auto;
}

.search-btn {
  margin-left: -48px !important;
  z-index: 5;
}

.home-search .form-control {
  font-size: 18px;
  letter-spacing: 2px;
}

.cat-box{
border-radius: 20px;
border-radius: 20px;
-webkit-box-shadow: 2px 2px 30px 0px rgba(222,222,222,1);
-moz-box-shadow: 2px 2px 30px 0px rgba(222,222,222,1);
box-shadow: 2px 2px 30px 0px rgba(222,222,222,1);
padding: 20px 0px 20px 20px;
}

.menu-section{
    background: url(../images/p-card.jpg) left top;
    background-blend-mode: screen, luminosity;
    background-repeat: repeat-x;
}

.lazy{
  background-color: black;
}
.banner-box .mainbanner img {
 
  -webkit-box-shadow: 2px 2px 30px 0px rgba(222,222,222,1);
-moz-box-shadow: 2px 2px 30px 0px rgba(222,222,222,1);
box-shadow: 2px 2px 30px 0px rgba(222,222,222,1);
 
}

.banner-box {
 
  background-color: black;
 
}

.cat-h {
  font-size: 24px;
}

.cat-box ul li a {
  list-style: none;
  text-decoration: none;
  font-size:14px;
}

.cat-box ul li {
  list-style: none;
  text-decoration: none;
  margin-bottom: 5px;
  border-bottom: 1px solid #eaeaea;
  padding: 5px 2px;
}



.request-box1{
	  background-image: url("../images/request1.png");
  border-radius: 10px;
  background-size: cover;
  background-position: center center;
  padding: 55px 20px;
}

.request-box2{
	  background-image: url("../images/request2.png");
  border-radius: 10px;
  background-size: cover;
  background-position: center center;
  padding: 55px 20px;
}

.request-box h3 {
  width: 100%;
  margin-top: -47px;
}

.request-box h4 {
  width: 52%;
  font-size: 20px;
  line-height: 28px;
}

.rounded-4{
	border-radius: 10px;
}

.rounded-5{
	border-radius: 20px;
}

.product-cat img{
 box-shadow: -1px -1px 52px -21px rgba(74,74,74,1);	
}

.product-cat h3 {
  font-size: 23px;
  font-weight: 600;
  margin-top: 10px;
}
.pd h3 {
  font-size: 23px;
  font-weight: 600;
  margin-top: 10px;
}

.pd1 .bg-black .img-fluid{
  width: 40% !important;
}
.pd1 .img-card{
 
padding-top: 10px;
padding-bottom: 10px;

}

.pd1 .img-card img{
 
    border-radius: 60%;
    border: 2px solid #ff6000;

}
.ban i{
  color: red;
}
.footer-main .fixed1{
  background-color: #000;
  position: fixed;
  width: 80%;
  
  padding: 3% auto ;
  bottom: 0%;
  padding-top: 5px;
  padding-bottom: 5px;
  
  left: 0;
  right: 0;
  
  z-index: 5;
}
.footer-main .row .col-3{
  flex: 0 0 auto;
  width: 20%;
}

.footer-main a .fa-whatsapp-square{
  font-size: 50px;
  color: #0FC555;
  border-color: #0FC555;
}

.footer-main a .fa-phone-square{
  font-size: 50px;
  color: #FFFF;
  border-color: #FFFF;
}
.footer-main a .fa-home{
  font-size: 50px;
  color: #7869FF;
  border-color: #7869FF;
}
.footer-main a .fa-instagram{
  font-size: 50px;
  color: #FF1717;
  border-color: #FF1717;
}

.footer-main a .fa-telegram{
  font-size: 50px;
  color: #0CB9DD;
  border-color: #0CB9DD;
}

.connect{
background-image: url("../images/form-bg.png");
  background-position: right center;
  border-radius: 10px;
}

.connect-inner {
  max-width: 260px;
  padding: 80px 15px;
}

.home-form .btn {
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.social li {
  list-style: none;
}
.social li a {
  color: #fff;
  border: 1px solid;
  border-radius: 50px;
  height: 30px;
  width: 30px;
  display: block;
  padding: 4px 8px;
  margin: 0px 4px;
}

.footer-menu h3{
	font-size:20px;
}

.footer-menu ul {
  padding-left: 0;
  padding-top:20px;
}

.footer-menu ul li {
  list-style: none;
  margin-bottom: 10px;
}

.footer-menu ul li a {
  text-decoration: none;
}

.terms-menu li{
	list-style:none;
}
.social {
  padding-left: 0;
  margin-top: 30px;
}

/* resulte page*/

.product-name1 {
  min-width: 40%;
  max-width: 40%;
}

.buyer-info h3 {
  font-size: 15px;
}

.buyer-info p {
  font-size: 13px;
}

.buyer-logo {
  width: 50px;
}

.buyer-contact li {
  list-style: none;
  margin-bottom: 20px;
}

.buyer-contact li label {
  font-size: 14px;
}

.buyer-contact li i {
  font-size: 22px;
  display:block;
}

.productlist .owl-dots {
  position: absolute;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  bottom: 10px;
  z-index: 1;
  text-align: center;
}

.productlist .owl-dots .owl-dot {
  width: 14px;
  height: 14px;
  background: #fff;
  margin: 0px 7px;
  border-radius: 49px;
}

.productlist .item img {
  border-radius: 10px 0px 0px 10px;
}

.vcerified-supplier {
  border-radius: 10px 10px 0px 0px;
  position: absolute;
  bottom: 0;
  left: 10px;
}

.pd img{
  width: 35%;
}

 .float{
	position:fixed;
	width:60px;
	height:60px;
	bottom:60px;
	right:40px;
	background-color:#229ED9;
	color:#FFF;
	border-radius:50px;
	text-align:center;
  font-size:30px;
	box-shadow: 2px 2px 3px #999;
  z-index:100;
}

.floatleft{
	position:fixed;
	width:60px;
	height:60px;
	bottom:60px;
	left:40px;
	background-color:#25d366;
	color:#FFF;
	border-radius:50px;
	text-align:center;
  font-size:30px;
	box-shadow: 2px 2px 3px #999;
  z-index:100;
}

.my-float{
	margin-top:16px;
}

.product-cat img, .brands img, .pd img{
  transition: transform .5s, filter 1.5s ease-in-out;
}

.product-cat img:hover, .brands img:hover , .pd img:hover{
  transform: scale(1.1);
  transition: transform .5s, filter 1.5s;
}

.fixed {
  position: fixed;
  top: 0;
  width: 100%;
  background: url(../images/p-card.jpg) left top;
  border-bottom: 1px solid #201e1e;
  z-index: 3;
}

.request-box, .connect{
	transition: background-size 1s ease-in-out;
	background-size:100%;
}

.request-box:hover, .connect:hover {
  background-size: 120%;
}

.banner-box .mainbanner .owl-nav .owl-prev {
  position: absolute;
  top: 35%;
  left:10px;
  z-index: 5;
}

.banner-box .mainbanner .owl-nav .owl-next{
  position: absolute;
  top: 35%;
  right:10px;
  z-index: 5;
}

.banner-box .owl-nav .owl-prev {
  position: absolute;
  top: 10%;
  left:10px;
  z-index: 5;
}

.banner-box .owl-nav .owl-next{
  position: absolute;
  top: 10%;
  right:10px;
  z-index: 5;
}

.banner-box .owl-nav .owl-prev span, .banner-box .owl-nav .owl-next span {
font-size: 63px;
color: #fff;
}

.cat-box .dropdown:hover .dropdown-menu {
  display: block;
  right: -339px;
  top: 0;
  min-width: 300px;
  min-height:644px;
  z-index: 2;
}

.cat-box ul{
 width:100%;	
}

 .cat-box .nav-item.dropdown{
	position: static;
 }

@media only screen and (max-width: 991px) {
.request-box, .connect{
	background-size:cover !important;
}
}
@media only screen and (max-width: 767px) {
.vcerified-supplier{
	position:relative;
	display: block;
	left:auto;
}
.navbar-brand .img-fluid {
  max-width: 191px;
}
.home-search {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.product-cat, .brands .col{
	width: 33.33%;
}
.request-box{
	margin-bottom:20px;
}
.cat-box .dropdown	.dropdown-menu.show{
	position:relative;
	text-align: center;
}
.cat-box {
  padding-right: 15px;
}
}

@media only screen and (max-width: 575px) {
.buyer-contact {
  display: flex;
  justify-content: space-between;
}
.terms-menu {
  padding-left: 0;
}

.home-search .form-control {
  font-size: 9px;
}
.product-cat{
	width: 50%;
}
	
}




/* -------- css for sign up--------- */
.signup{
  background-color: #E6F4FF;
}
.signup h4{
  color: #2B56A5;
} 
.signup .signup-or{
  color:#e7b946;
  font-size: 12px;
} 
.signup .signup-from .signup-input-box .form-label{
  
  color:#2B56A5;
  font-size: 14px;
  margin-bottom: 0rem;
}
.signup .btn-primary:hover{
  background-color: #2B56A5;
}


.signup .signup-from .signup-input-box input{
  border-color: #e28e45;
  color:#e7b946;
}
.signup .signup-from .signup-input-box input:focus{
  -webkit-box-shadow: inset 0 1px 1px  rgba(245, 133, 6, 0.959),0 0 8px rgba(243, 144, 51, 0.6);
  box-shadow: inset 0 1px 1px rgba(245, 133, 6, 0.959),0 0 8px rgba(243, 144, 51, 0.6);
}
.signup .signup-from .signup-input-box a{
  color: #2B56A5;
  text-decoration: none;
}
.signup .signup-from .signup-input-box a:hover{
  color: #e7b946;
}

.signup .signup-input-box1 a{
  color: #2B56A5;
  text-decoration: none;
  font-size: 14px;
}
.signup .signup-input-box1 a:hover{
  color: #e7b946;
}


.signup .signup-from .signup-input-box input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #f8c293;
  font-size: 12px;
}
.signup .signup-from .signup-input-box input::-moz-placeholder { /* Firefox 19+ */
  color: #f8c293;
  font-size: 12px;

}
.signup .signup-from .signup-input-box input:-ms-input-placeholder { /* IE 10+ */
  color: #f8c293;
  font-size: 12px;

}
.signup .signup-from .signup-input-box input:-moz-placeholder { /* Firefox 18- */
  color: #f8c293;
  font-size: 12px;

}

@media (max-width: 575.98px) { 
  .signup .w-75{
    width: 100% !important;
  }
  .signup .signup-img{
    display: none !important;
  }
 }

/* // Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) { 
  .signup .w-75{
    width: 100% !important;
  }
  .signup .signup-img{
    display: none !important;
  }
 }

/* // Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) { 
  .signup .w-75{
    width: 100% !important;
  }
 }

/* // Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) { 

 }

/* // Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 
  
 }


 .signup .signup1{
  display: flex;
  width: 100%;
  height: 100%
}

.signup .signup1 .signup1-or {
  width: 45%;
  height: 100%;

}
.signup .signup1 .signup1-or1 {
  width: 10%;
  height: 100%;

}


/* --------listing page--------- */

.c-b-g{
  background-color: #f5f6fa;
}
.p-t{
 border: 1px solid #ccc; 
 background-color: #ffffff;
 padding: 20px;
 border-radius: 15px;
 font-size: 12px;
 height: fit-content;
}


.tblt{
  border-radius: 15px;
  padding: 20px;
}
.peda{
  padding-top: 10px;
}
.peda p{
  color: #2B56A5;
  font-size: 14px;
}
.peda img{
  object-fit: cover;
}
.t-2{
  background-color: #f5f6fa;
  text-align: center;
}
.l-2{
  padding-top: 20px;
}
.btn-primary {
  color: #fff;
  background-color: #f68634;
  border-color: #f68634;
  text-align: left;
  border-radius: 10px;
  font-size: 12px;
  padding: 0.150rem 0.30rem;
}

.btn-primary:hover {
  color: #000;
  background-color: #f68634;
  border-color: #f68634;
  color: #fff;
  border-radius: 15px;
  font-size: 12px;
  padding: 0.150rem 0.30rem;
}


.td{
  background-color:#f7dcc9 !important;
  text-align: center;
}
.td-2{
  padding-left: 50px !important;
  text-align: center;
}
.table-bordered > :not(caption) > * > * {
  border-width: 0 1px;
  width: 100px;

}


.you-might-also .you-might-also-col a{
  font-size: 14px;
  text-decoration: none;
  color:#2B56A5;

}

.you-might-also .you-might-also-col p{
  font-size: 12px;
  
  color:#2B56A5;
  
}
.you-might-also h6{
  color: #f68634;

}


.listing .table-bordered{
  border: 1px solid #f68634 !important;
 
  border-radius: 16px !important;
  
}

.listing .table td{
  color: #2B56A5 !important;
   
}

/* 

table tr:first-child th:first-child {
  border-top-left-radius: 16px;
 
}


table tr:first-child th:last-child {
  border-top-right-radius: 16px;
 
}


table tr:last-child td:first-child {
  border-bottom-left-radius: 16px;
 
}


table tr:last-child td:last-child {
  border-bottom-right-radius: 16px;
 
}
 */

 /* ---------thumbail slider start--------- */

 .carousel {
  position: relative;
}
.carousel-item img {
  object-fit: cover;
}
#carousel-thumbs {
  background: rgba(255,255,255,.3);
  bottom: 0;
  left: 0;
  padding: 0 50px;
  right: 0;
}
#carousel-thumbs img {
  border: 5px solid transparent;
  cursor: pointer;
}
#carousel-thumbs img:hover {
  border-color: rgba(255,255,255,.3);
}
#carousel-thumbs .selected img {
  border-color: #fff;
}
.carousel-control-prev,
.carousel-control-next {
  width: 50px;
}
@media all and (max-width: 767px) {
  .carousel-container #carousel-thumbs img {
    border-width: 3px;
  }
}
@media all and (min-width: 576px) {
  .carousel-container #carousel-thumbs {
    position: absolute;
  }
}
@media all and (max-width: 576px) {
  .carousel-container #carousel-thumbs {
    background: #ccccce;
  }
}

@media all and (min-width: 767px) {
  .onlymobile{
    display: none;
  }
  
}





/* -------------extra updates-------- */

.noradius:hover {
  color: #000;
  background-color: #f68634;
  border-color: #f68634;
  color: #fff;
  border-radius: 10px;
  font-size: 12px;
  padding: 0.150rem 0.30rem;
}


.bg-gray-color{
  background-color: #F5F6FA;
}


.you-might-also .you-might-also-col img{
  transition: transform .5s, filter 1.5s ease-in-out;
}

.you-might-also .you-might-also-col img:hover {
  transform: scale(1.1);
  transition: transform .5s, filter 1.5s;
}


table { border-collapse: separate; border-spacing: 0; }

td {
  border: solid 1px #f68634;
  border-style: none solid solid none;
  padding: 10px;
}
tr:first-child td:first-child { border-top-left-radius: 10px; }
tr:first-child td:last-child { border-top-right-radius: 10px; }
tr:last-child td:first-child { border-bottom-left-radius: 10px; }
tr:last-child td:last-child { border-bottom-right-radius: 10px; }

tr:first-child td {
  border-top-style: solid;
}
tr td:first-child {
  border-left-style: solid;
}


tr:first-child td { 
  border: solid 1px #f68634;
  border-top-style: solid ;
  border-bottom-style: none ;
  border-right-style:none;
  border-left-style:none;
 }





tr td:first-child { 
  border: solid 1px #f68634;
  border-right-style:none;
  border-bottom-style: none ;
  
   }

   tr td:last-child { 
    border: solid 1px #f68634;
    border-bottom-style: none ;

     }
     
     tr:last-child td:first-child  { 
      border: solid 1px #f68634;
      border-bottom-style: solid ;
      border-right-style:none !important;
    
     }

     tr:last-child td:last-child { 
      border: solid 1px #f68634;
      border-right-style: solid ;
      
    
     }
    
    .ex-slider-margin{
      margin-left: 10px; margin-right: 10px; margin-top: -15px; margin-bottom: -15px;
    }




    .rayslight a:link {
      color: rgb(255, 217, 0);
    }
    
    /* visited link */
    .rayslight a:visited {
      color: rgb(160, 244, 255);
    }
    
    /* mouse over link */
    .rayslight a:hover {
      color: rgb(255, 210, 232);
    }
    
    /* selected link */
    .rayslight a:active {
      color: rgb(251, 255, 0);
    }

    .rayslight a{
      text-decoration: none;
    }