/*
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:#488FCC;
width:60px;
height:60px;
line-height:60px;
border-radius:50%;
font-size:26px;
color:#fff;
 }
.categ_2ii h4 a,
.categ_2ii h4{
color:#000;
font-size:14px;
margin-top:10px;
margin-bottom:0;
 }
.categ_2i{
box-shadow: 0 0 10px #ddd;
padding:8px;
border-radius:5px;
margin-bottom:15px;
 }
.categ_2ii{
background:#fafafa;
padding:18px 10px 20px 10px;
border:1px solid #ddd;
border-radius:5px;
 }
/* ── Category sidebar ── */
.categ-sidebar{
background:#fff;
border:1px solid #e8e8e8;
border-radius:5px;
overflow:visible;
margin-bottom:20px;
}
.categ-sidebar>a:first-of-type{ border-radius:0; }
#categories-grid{ overflow:visible; }
.categ-sidebar-title{
background:#488FCC;
color:#fff;
margin:0;
padding:12px 15px;
font-size:13px;
font-weight:700;
letter-spacing:0.5px;
}
.categ-sidebar-title .fa{
margin-right:7px;
color:#fff;
}
.categ-sidebar-item{
display:flex;
align-items:center;
padding:8px 12px;
border-bottom:1px solid #f0f0f0;
text-decoration:none;
color:#444;
font-size:13px;
transition:background 0.15s, color 0.15s;
}
.categ-sidebar-item:last-child{border-bottom:none;}
.categ-sidebar-active{background:#eaf2fb;color:#488FCC;font-weight:600;}
.categ-sidebar-active .categ-sidebar-icon{color:#488FCC;}
.categ-sidebar-active .categ-sidebar-count{background:#cce0f5;color:#488FCC;}
.categ-sidebar-item:hover{
background:#eaf2fb;
color:#488FCC;
text-decoration:none;
}
.categ-sidebar-icon{
width:24px;
text-align:center;
color:#488FCC;
font-size:13px;
margin-right:8px;
flex-shrink:0;
}
.categ-sidebar-text{
flex:1;
}
.categ-sidebar-count{
background:#f4f4f4;
color:#999;
font-size:11px;
padding:2px 6px;
border-radius:10px;
min-width:22px;
text-align:center;
}
.categ-sidebar-item:hover .categ-sidebar-count{
background:#cce0f5;
color:#488FCC;
}
/* ── Other Categories dropdown ── */
.categ-sidebar-more{
position:relative;
}
.categ-more-trigger{
cursor:pointer;
background:#fafafa;
font-weight:600;
}
.categ-more-trigger:hover,
.categ-sidebar-more:hover .categ-more-trigger{
background:#eaf2fb;
color:#488FCC;
}
.categ-dropdown{
display:none;
position:absolute;
left:100%;
bottom:0;
top:auto;
background:#fff;
border:1px solid #e8e8e8;
border-radius:5px;
min-width:460px;
box-shadow:3px 3px 12px rgba(0,0,0,0.12);
z-index:9999;
column-count:2;
column-gap:0;
}
.categ-dropdown .categ-sidebar-item{
break-inside:avoid;
display:flex;
}
.categ-sidebar-more:hover .categ-dropdown{
display:block;
}
/* ── Mobile category toggle button ── */
.categ-mobile-toggle{
display:none;
width:100%;
background:#488FCC;
color:#fff;
border:none;
padding:12px 16px;
font-size:14px;
font-weight:600;
border-radius:4px;
text-align:left;
cursor:pointer;
margin-bottom:8px;
}
.categ-mobile-toggle .fa{ margin-right:8px; }
.categ-mobile-toggle .fa-caret-right{ float:right; margin-right:0; transition:transform 0.2s; }
.categ-mobile-toggle.open .fa-caret-right{ transform:rotate(90deg); }
.categ-mobile-toggle:hover{ background:#e07200; }
.categ-mobile-all-grid{
display:none;
grid-template-columns:1fr 1fr;
border:1px solid #e8e8e8;
border-radius:5px;
overflow:hidden;
background:#fff;
margin-bottom:15px;
}
.categ-mobile-all-grid .categ-mobile-item:nth-child(odd){ border-right:1px solid #f0f0f0; }

/* mobile: hide desktop list, show 2-column grid */
.categ-mobile-grid{ display:none; }
.categ-mobile-item{
display:flex;
align-items:center;
padding:8px 10px;
border-bottom:1px solid #f0f0f0;
text-decoration:none;
color:#444;
font-size:12px;
transition:background 0.15s, color 0.15s;
}
.categ-mobile-item:hover{ background:#eaf2fb; color:#488FCC; text-decoration:none; }
.categ-mobile-item .categ-sidebar-icon{ margin-right:6px; }

@media(max-width:767px){
.categ-mobile-toggle{ display:block; }
.categ-sidebar{ border:none; background:none; box-shadow:none; }
.categ-sidebar-title{ display:none; }
.categ-sidebar > a.categ-sidebar-item{ display:none; }
.categ-desktop-list{ display:none; }
.list_1lm .list_1l2{ display:none; }
.categ-mobile-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  border:1px solid #e8e8e8;
  border-radius:5px;
  overflow:hidden;
  background:#fff;
}
.categ-mobile-item:nth-child(odd){ border-right:1px solid #f0f0f0; }
.categ-mobile-more-btn{
grid-column:1 / -1;
width:100%;
background:#488FCC;
color:#fff;
border:none;
padding:12px;
font-size:14px;
font-weight:600;
cursor:pointer;
text-align:center;
letter-spacing:0.3px;
}
.categ-mobile-more-btn:hover{ background:#e07200; }
.categ-dropdown{
  left:0;
  top:100%;
  min-width:100%;
  column-count:1;
}
}
/* ── Compact category pills ── */
.categ-pill{
display:flex;
align-items:center;
background:#fff;
border:1px solid #e8e8e8;
border-radius:4px;
padding:9px 12px;
margin-bottom:10px;
text-decoration:none;
color:#333;
transition:background 0.2s, border-color 0.2s, color 0.2s;
box-shadow:0 1px 3px rgba(0,0,0,0.06);
}
.categ-pill:hover{
background:#488FCC;
border-color:#488FCC;
color:#fff;
text-decoration:none;
}
.categ-pill-icon{
width:30px;
height:30px;
line-height:30px;
text-align:center;
background:#fff3e0;
border-radius:50%;
font-size:13px;
color:#488FCC;
margin-right:10px;
flex-shrink:0;
transition:background 0.2s, color 0.2s;
}
.categ-pill:hover .categ-pill-icon{
background:rgba(255,255,255,0.25);
color:#fff;
}
.categ-pill-text{
font-size:13px;
font-weight:600;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
.categ_2ii:hover{
background:#488FCC; 
 }
.categ_2ii:hover span{
background:#fff;
color:#488FCC;  
 }
.categ_2{
margin-top:30px; 
 }
/*********************categ_end****************/

/*********************feature****************/
#feature{
padding-top:40px;
padding-bottom:40px;
background:#f4f4f4; 
 }
.feature_1i{
position:relative;
 }
.feature_1i1{
overflow:hidden;
 }
.feature_1i1 img{
height:200px;
width:100%;
object-fit:cover;
object-position:center;
display:block;
 }
.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 #488FCC;
display:none;
 }
.feature_1i3 ul li a{
background:#488FCC;
 }
.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:180px;
 }
#list_h .feature_1i1{
overflow:hidden;
height:180px;
 }
#list_h .feature_1i1 img{
height:180px;
width:100%;
object-fit:cover;
object-position:center;
min-height:unset;
 }
#list_h .list_h1l{
display:flex;
align-items:stretch;
 }
#list_h .list_h1{
margin-bottom:20px;
 }
.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:#488FCC;
border-color:#488FCC;
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) {

 }