/*
Template Name: Directory
File: Layout CSS
Author: TemplatesOnWeb
Author URI: https://www.templateonweb.com/
Licence: <a href="https://www.templateonweb.com/license">Website Template Licence</a>
*/
/*********************categ****************/
#categ{
padding-top:40px;
padding-bottom:40px; 
 }
.categ_2ii span{
display:inline-block;
text-align:center;
background:#ff8100;
width:90px;
height:90px;
line-height:90px;
border-radius:50%;
font-size:40px;
color:#fff; 
 }
.categ_2ii h4 a{
color:#000;
font-size:20px; 
 }
.categ_2i{
/* box-shadow: 0 0 10px #ddd; */
padding: 15px;
    max-width: 180px;
    margin: 0 auto;
border-radius:5px;
 }
.categ_2ii{
background:#fafafa;
padding: 20px 15px 20px 15px;
border:1px solid #ddd;
border-radius:5px; 
 }
.categ_2ii:hover{
  transform: translateY(-8px);
  box-shadow: 0 8px 15px rgba(0, 0, 0, 0.15);
 }
.categ_2ii:hover span{
background:#fff;
color:#ff8100;  
 }
.categ_2{
margin-top:30px; 
 }
/*********************categ_end****************/

/*********************feature****************/
#feature{
padding-bottom:40px;

 }
.feature_1i{
position:relative; 
 }
.feature_1i2{
position:absolute;
width:100%;
top:0; 
 }
.feature_1i2 h6{
background:#002b5e;
color:#fff;
display:inline-block;
padding:6px 15px;
border-radius:0px 30px 30px 0px;
 }
.feature_1i3{
position:absolute;
width:100%;
height:100%;
top:0;
background:#00000085;
padding-top:75px;
border:1px  solid #ff8100;
display:none;
 }
.feature_1i3 ul li a{
background:#ff8100;
 }
.feature_1i:hover .feature_1i3{
display:block; 
 }
.feature_1i:hover .feature_1i2{
display:none; 
 }
.feature_1ib{
background:#fff;
box-shadow: 0 0 10px #ddd;
padding:15px; 
 }
.feature_1ibil h6{
font-size:14px;
margin-top:2px; 
 }
.feature_1ibil h6 i{
margin-right:5px; 
 }
.feature_1ib p {
font-size:15px; 
 }
.feature_1{
margin-top:30px; 
 }
/*********************feature_end****************/

/*********************list_h****************/
#list_h{
padding-top:40px;
padding-bottom:40px;
background:#f4f4f4; 
 }
#list_h .feature_1ib hr{
margin-top:15px;
margin-bottom:15px; 
 }
#list_h .feature_1ib{
min-height:220px; 
 }
#list_h .feature_1i img{
min-height:220px; 
 }
.list_h1{
margin-top:30px; 
 }
/********************list_h_end****************/

/********************pricing****************/
#pricing{
padding-top:40px;
padding-bottom:40px; 
 }
.pricing_1i{
border:1px solid #ddd; 
 }
.pricing_1i1{
padding:20px;
 }
.pricing_1i2{
padding:20px;
background:#f4f4f4;
border-top:1px solid #ddd;
border-bottom:1px solid #ddd;
 }
/********************pricing_end****************/


/*********************enquiry****************/
#enquiry{
padding-top:60px;
padding-bottom:60px;
 }
.enquiry_1 .input-group {
width:50%;
margin-left:auto;
margin-right:auto;
margin-top:20px;
 }
.enquiry_1 .input-group .form-control {
border-radius: 30px 0 0 30px;
height:56px;
font-size:16px;
box-shadow:none;
border-right:none;
border-color:#eee;
 }
.enquiry_1 .input-group .btn {
margin-left:0!important;
background:#ff8100;
border-color:#ff8100;
padding: 15.4px 30px;
font-size:16px;
border-radius: 0 30px 30px 0;
color:#000;
 }
.enquiry_1 .input-group .btn:hover {
background:#002b5e;
border-color:#002b5e;
color:#fff;
 }
/*********************enquiry_end****************/


@media screen and (max-width : 767px){
.enquiry_1 .input-group{
width:100%; 
 }
.categ_2i {
margin-top:10px;
}
.feature_1ib {
text-align:center;
margin-bottom:10px; 
 }
.feature_1ibir {
text-align:center;
margin-top:10px;
 }
.feature_1i1 img{
height:220px; 
 }
.pricing_1i {
margin-bottom:10px; 
 }
}

@media (min-width:768px) and (max-width:991px) {
.categ_2ii h4 a{
font-size:14px; 
 }
.categ_2ii{
padding-left:10px;
padding-right:10px; 
 }
.feature_1i1 img{
height:220px; 
 }
.feature_1i3 ul li{
margin-bottom:5px; 
 }
#list_h .feature_1ib p{
display:none; 
 }
#list_h .feature_1ib h5{
font-size:14px;
 }
 }
@media (min-width:992px) and (max-width:1200px) {
.feature_1i1 img{
height:220px; 
 }
#list_h .feature_1ib h5{
font-size:14px;
 }
#list_h .feature_1ib p{
font-size:13px;
 }
  }
@media (min-width:1201px) and (max-width:1270px) {

 }
 .vendor-carousel img {
  width: 100%;
  height: 200px;
  object-fit: cover;
  border-radius: 8px;
}
.vendor-carousel {
  position: relative;
}

.vendor-carousel .owl-nav {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: space-between;
  transform: translateY(-50%);
  padding: 0 10px;
  box-sizing: border-box;
  pointer-events: none; /* ensures arrows float above but don’t interfere */
}

.vendor-carousel .owl-nav button {
  background: rgba(0, 0, 0, 0.5);
  color: white;
  border: none;
  padding: 8px 12px;
  font-size: 18px;
  border-radius: 50%;
  pointer-events: all; /* re-enables clicking */
}

.vendor-carousel .owl-nav button:hover {
  background: rgba(0, 0, 0, 0.8);
}