.author_message {
    background: #d9eef1;
}


/* Compact Icons Only */
.right-corner-menu {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-left: auto !important;
}

.right-corner-menu .nav-link.icon-only {
    color: #333;
    padding: 8px 10px !important;
    border-radius: 6px;
    transition: all 0.3s ease;
    font-size: 20px;
}

.right-corner-menu .nav-link.icon-only:hover,
.right-corner-menu .nav-link.icon-only.active {
    background: #f0f0f0;
    color: #007bff;
    transform: translateY(-2px);
}

    /* Right Corner Menu Styles */
    .right-corner-menu {
        display: flex;
        align-items: center;
        gap: 10px;
        margin-left: auto !important;
    }
    
    .right-corner-menu .nav-link.icon-link {
        color: #333;
        padding: 8px 10px !important;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 3px;
        border-radius: 6px;
        transition: all 0.3s ease;
        text-decoration: none;
        min-width: 70px;
    }
    
    .right-corner-menu .nav-link.icon-link:hover,
    .right-corner-menu .nav-link.icon-link.active {
        background: #f0f0f0;
        color: #007bff;
    }
    
    .right-corner-menu .icon-link i {
        font-size: 20px;
        margin-bottom: 2px;
    }
    
    .right-corner-menu .icon-text {
        font-size: 12px;
        font-weight: 500;
        text-align: center;
        line-height: 1.2;
    }
    
    /* Responsive */
    @media (max-width: 991px) {
        .right-corner-menu {
            flex-direction: row;
            justify-content: center;
            padding: 10px 0;
            border-top: 1px solid #eee;
            margin-top: 10px;
            width: 100%;
            gap: 15px;
        }
        
        .right-corner-menu .nav-link.icon-link {
            min-width: 60px;
        }
        
        .right-corner-menu .icon-text {
            font-size: 11px;
        }
    }
    
    @media (max-width: 768px) {
        .right-corner-menu {
            gap: 8px;
        }
        
        .right-corner-menu .nav-link.icon-link {
            padding: 6px 8px !important;
            min-width: 55px;
        }
        
        .right-corner-menu .icon-link i {
            font-size: 18px;
        }
        
        .right-corner-menu .icon-text {
            font-size: 10px;
        }
    }


.menu_search_form {
    max-width: 380px;   /* desktop width */
    width: 100%;
    background: #fff;
    border-radius: 6px;
    border: 1px solid #ddd;
    overflow: hidden;
}

/* INPUT */
.menu-search-input {
    flex: 1;
    border: none;
    padding: 8px 12px;
    font-size: 14px;
    outline: none;
}

/* BUTTON */
.menu-search-btn {
    border: none;
    background: #0d6efd; /* bootstrap primary */
    color: #fff;
    padding: 0 14px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.menu-search-btn i {
    font-size: 14px;
}
/* ================= HERO SLIDER ================= */
/* ================= HERO SECTION WRAPPER ================= */
.hero-wrapper {
    margin-top: 60px; /* TOP GAP */
}

/* ================= LEFT HERO SLIDER ================= */
.hero-slider {
    height: 420px;
    border-radius: 16px;
    overflow: hidden;
    position: relative;
}

.hero-slide {
    height: 420px;
    background-size: cover;
    background-position: center;
    position: relative;
}

/* Dark Overlay */
.hero-slide::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to right,
        rgba(0,0,0,0.65) 0%,
        rgba(0,0,0,0.35) 50%,
        rgba(0,0,0,0.15) 100%
    );
}

/* Hero Text */
.hero-content {
    position: absolute;
    bottom: 45px;
    left: 45px;
    color: #fff;
    max-width: 520px;
    z-index: 2;
}

.hero-content h1 {
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 1.25;
    margin-bottom: 12px;
}

.hero-content p {
    font-size: 1rem;
    opacity: 0.9;
    margin-bottom: 18px;
}

.hero-content .btn {
    padding: 10px 22px;
    font-weight: 600;
    border-radius: 6px;
}

/* ================= RIGHT SIDE CARDS ================= */
.side-cards {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.side-card {
    position: relative;
    height: 128px;
    border-radius: 14px;
    overflow: hidden;
    cursor: pointer;
}

/* Card Image */
.side-card::before {
    content: "";
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
    transition: transform 0.4s ease;
}

/* Dark overlay */
.side-card::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.45);
}

/* Hover zoom */
.side-card:hover::before {
    transform: scale(1.08);
}

/* Card Content */
.side-card-content {
    position: absolute;
    bottom: 16px;
    left: 18px;
    z-index: 2;
    color: #fff;
}

.side-card-content h5 {
    font-size: 1.05rem;
    font-weight: 700;
    margin-bottom: 2px;
}

.side-card-content p {
    font-size: 0.85rem;
    opacity: 0.85;
}

/* ================= BACKGROUND IMAGES ================= */
.card-building::before {
    background-image: url("/uploads/home/building.jpg");
}

.card-industrial::before {
    background-image: url("/uploads/home/industrial.jpg");
}

.card-electrical::before {
    background-image: url("/uploads/home/electrical.jpg");
}

/* ================= RESPONSIVE ================= */

/* Tablet */
@media (max-width: 991px) {
    .hero-slider,
    .hero-slide {
        height: 360px;
    }

    .hero-content {
        bottom: 30px;
        left: 30px;
        max-width: 90%;
    }

    .hero-content h1 {
        font-size: 1.8rem;
    }

    .side-card {
        height: 115px;
    }
}

/* Mobile */
@media (max-width: 575px) {

    .hero-wrapper {
        margin-top: 5%;
    }

    .hero-slider,
    .hero-slide {
        height: 260px;
        border-radius: 12px;
    }

    .hero-content {
        bottom: 20px;
        left: 20px;
        right: 20px;
    }

    .hero-content h1 {
        font-size: 1.3rem;
    }

    .hero-content p {
        font-size: 0.85rem;
    }

    .side-cards {
        margin-top: 15px;
    }

    .side-card {
        height: 100px;
    }
}

/* nav baar new css code start */

/* herader css  */

.top-header {
    background: #fff;
    border-bottom: 1px solid #eee;
}

.logo-img {
    height: 80px;
}

.location-box {
    display: flex;
    align-items: center;
    background: #f5f5f5;
    padding: 6px 10px;
    border-radius: 6px;
    gap: 6px;
}

.location-box select {
    border: none;
    background: transparent;
    outline: none;
    font-size: 14px;
    cursor: pointer;
}

.search-box {
    max-width: 520px;
    width: 100%;
    display: flex;
    border: 1px solid #ddd;
    border-radius: 6px;
    overflow: hidden;
}

.search-box input {
    flex: 1;
    border: none;
    padding: 10px;
    outline: none;
}

.search-box button {
    background: #ff6a00;
    color: #fff;
    border: none;
    padding: 0 18px;
}

.top-icons {
    display: flex;
    gap: 18px;
}

.top-icons li {
    list-style: none;
}

.top-icons a {
    text-decoration: none;
    color: #333;
    font-size: 13px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.top-icons i {
    font-size: 18px;
    margin-bottom: 2px;
}
/* HEADER */
.sd-navbar{
    height:64px;
}

/* LOGO */
.sd-logo{
    height:28px;
    width:auto;
}

/* SEARCH */
.sd-search-wrap{
    max-width:620px;
}

.sd-location{
    display:flex;
    align-items:center;
    gap:6px;
    padding:6px 10px;
    border:1px solid #ddd;
    border-radius:8px;
    font-size:14px;
    white-space:nowrap;
    background:#fff;
}

.sd-search-input{
    height:38px;
    border-radius:8px 0 0 8px;
}

.sd-search-btn{
    height:38px;
    border-radius:0 8px 8px 0;
}

/* NAV LINKS */
.nav-link{
    font-size:14px;
    font-weight:500;
    color:#222;
}
.nav-link:hover{
    color:#0d6efd;
}

/* ICON MENU */
.nav-item.text-center i{
    font-size:16px;
}
.nav-item.text-center small{
    font-size:12px;
}

/* MOBILE */
@media(max-width:991px){
    .sd-navbar{
        height:auto;
        padding:10px 0;
    }
    .sd-search-wrap{
        flex-direction:column;
        align-items:stretch;
    }
    .sd-location{
        margin-bottom:6px;
    }
}/* Location dropdown ko compact bana do */
.navbar .form-select-sm{
    height: 34px;
    padding: 4px 26px 4px 8px;
    font-size: 13px;
}

/* Mobile me layout clean */
@media(max-width: 576px){

  .main_menu .d-flex.align-items-center{
     width: 100%;
  }

  #headerLocation{
     width: 100%;
  }

  .menu_search_form{
     width: 100%;
     margin-top: 6px !important;
  }

  .menu_search_form input{
     width: 100%;
  }
}
.select2-container .select2-selection--single{
   height: 34px !important;
}

.select2-selection__rendered{
   line-height: 32px !important;
   font-size: 13px;
}

.select2-selection__arrow{
   height: 32px !important;
}
/* Select box */
.sd-location .select2-container--default .select2-selection--single {
    height: 42px;
    border-radius: 10px;
    border: 1px solid #e5e7eb;
    padding: 6px 12px;
    display: flex;
    align-items: center;
    background: #fff;
    box-shadow: 0 2px 6px rgba(0,0,0,0.05);
}

/* Selected text */
.sd-location .select2-selection__rendered {
    font-size: 14px;
    color: #111;
    font-weight: 500;
}

/* Arrow */
.sd-location .select2-selection__arrow {
    height: 100%;
}

/* Dropdown */
.sd-location-dropdown {
    border-radius: 12px !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.15);
    overflow: hidden;
}

/* Options */
.sd-location-dropdown .select2-results__option {
    padding: 12px 15px;
    font-size: 14px;
}

/* Hover */
.sd-location-dropdown .select2-results__option--highlighted {
    background: #f1f5f9;
    color: #111;
}

/* Selected option */
.sd-location-dropdown .select2-results__option--selected {
    background: #1e73be;
    color: white;
    font-weight: 600;
}

/* common */
.custom-location{
  position:relative;
}

.location-wrapper{
  position:relative;
}

.location-select{
  display:flex;
  align-items:center;
  gap:6px;
  padding:8px 12px;
  background:#fff;
  border:1px solid #ddd;
  border-radius:8px;
  cursor:pointer;
  font-size:14px;
}

.location-select i{
  color:#0d6efd;
}

.location-select .arrow{
  margin-left:auto;
  font-size:11px;
  transition:.3s;
}

.location-select.active .arrow{
  transform:rotate(180deg);
}

/* dropdown */
.location-dropdown{
  position:absolute;
  top:110%;
  left:0;
  width:100%;
  background:#fff;
  border-radius:8px;
  box-shadow:0 10px 25px rgba(0,0,0,.15);
  list-style:none;
  padding:6px 0;
  margin:0;
  display:none;
  z-index:999;

  max-height:240px;
  overflow-y:auto;

  scrollbar-width:none;
  -ms-overflow-style:none;
}

.location-dropdown::-webkit-scrollbar{
  display:none;
}

.location-dropdown li{
  padding:10px 14px;
  font-size:14px;
  cursor:pointer;
}

.location-dropdown li:hover{
  background:#f2f6ff;
}

.location-dropdown li.active{
  background:#0d6efd;
  color:#fff;
}

/* 🔹 MOBILE SPECIAL */
@media(max-width:768px){
  .sd-mobile-header{
    display:flex;
    align-items:center;
    gap:10px;
  }

  .sd-mobile-location .location-wrapper{
    width:130px;
  }

  .location-select{
    padding:6px 8px;
    font-size:13px;
  }
}

/* 🔹 DESKTOP */
@media(min-width:769px){
  .sd-mobile-location .location-wrapper{
    width:200px;
  }
}


    
/* ===== SevenDial Style Header ===== */
/* ================= SevenDial Header ================= */

.sd-header {
    background: #fff;
    border-bottom: 1px solid #e6e6e6;
    padding: 0px 0;
}

.sd-container {

    max-width: 1500px;
    margin: auto;
    padding: 0 24px;
    display: flex;
    align-items: center;
    gap: 18px;
}

/* LOGO */
.sd-logo img {
    height: 150px;
    position: relative;
    margin-top: -62px;
    /* margin-left: 0%; */
}

/* LOCATION */
.sd-location {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 12px;
    border: 1px solid #dcdcdc;
    border-radius: 8px;
    font-size: 14px;
    color: #333;
}

.sd-location select {
    border: none;
    outline: none;
    background: transparent;
    font-size: 14px;
    cursor: pointer;
}
/* ================= STICKY HEADER ================= */

/* Desktop Header */
.sd-header {
    position: sticky;
    top: 0;
    z-index: 9999;           /* sabke upar rahe */
    background: #ffffff;
}

/* Mobile Header */
.sd-mobile-header {
    position: sticky;
    top: 0;
    z-index: 9999;
    background: #ffffff;
}

/* Optional: scroll pe shadow effect */
.sd-header.scrolled,
.sd-mobile-header.scrolled {
    box-shadow: 0 6px 20px rgba(0,0,0,0.08);
}


/* SEARCH */
.sd-search {
    flex: 1;
    display: flex;
    border: 1px solid #e1e1e1;
    border-radius: 10px;
    overflow: hidden;
    margin: 0 20px;
}

.sd-search input {
    flex: 1;
    border: none;
    padding: 12px 16px;
    font-size: 14px;
}

.sd-search button {
    background: #0d5cab;
    color: #fff;
    border: none;
    padding: 0 22px;
    cursor: pointer;
}

/* RIGHT MENU */
.sd-menu {
    display: flex;
    align-items: center;
    gap: 20px;
}

.sd-menu a {
    text-decoration: none;
    color: #222;
    font-size: 13px;
    text-align: center;
}

.sd-menu a i {
    display: block;
    font-size: 18px;
    margin-bottom: 4px;
}

.sd-menu a:hover {
    color: #0d5cab;
}


/* ================= COMMON HEADER ================= */
.sd-header{
    background:#fff;
    border-bottom:1px solid #e6e6e6;
}

/* ================= DESKTOP HEADER ================= */
.sd-container{
    max-width:1500px;
    margin:auto;
    padding:10px 24px;
    display:flex;
    align-items:center;
    gap:18px;
}

.sd-logo img{
    height:155px;
    margin-left: -40px;
}

/* LOCATION */
.sd-location{
    display:flex;
    align-items:center;
    gap:6px;
    padding:8px 12px;
    border:1px solid #dcdcdc;
    border-radius:8px;
    font-size:14px;
    background:#fff;
}

.sd-location select{
    border:none;
    outline:none;
    background:transparent;
    font-size:14px;
}

/* SEARCH */
.sd-search{
    flex:1;
    display:flex;
    border:1px solid #e1e1e1;
    border-radius:10px;
    overflow:hidden;
    margin:0 20px;
}

.sd-search input{
    flex:1;
    border:none;
    padding:12px 16px;
    font-size:14px;
}

.sd-search button{
    background:#0d5cab;
    color:#fff;
    border:none;
    padding:0 22px;
    cursor:pointer;
}

/* RIGHT MENU */
.sd-menu{
    display:flex;
    align-items:center;
    gap:28px;
        margin-right: -44px;
}

.sd-menu a{
    text-decoration:none;
    color:#222;
    font-size:13px;
    text-align:center;
}

.sd-menu a i{
    display:block;
    font-size:13px;
    margin-bottom:4px;
}

.sd-menu a:hover{
    color:#0d5cab;
}

/* ================= MOBILE HEADER ================= */
.sd-mobile-header{
    display:none;
}

/* ================= MOBILE RESPONSIVE ================= */
@media(max-width:768px){

    /* hide desktop */
    .sd-container{
        display:none;
    }

    /* show mobile */
    .sd-mobile-header{
               display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0px 13px;
        background: #fff;
        border-bottom: 1px solid #eee;
    }

    .sd-mobile-menu,
    .sd-mobile-search{
        background:none;
        border:none;
        font-size:20px;
        color:#333;
    }

    .sd-mobile-logo img{
        height:136px;
    }

    .sd-mobile-location{
        display:flex;
        align-items:center;
        gap:4px;
        padding:4px 8px;
        border:1px solid #ddd;
        border-radius:6px;
        font-size:13px;
        background:#fafafa;
    }

    .sd-mobile-location select{
        border:none; 
        background:transparent;
        outline:none;
        font-size:13px;
    }
}


/* nav baar new css code end */
/* new css code slider section */
/* ================= HERO WRAPPER ================= */
/* ================= FULL WIDTH HERO ================= */
/* ================= HERO WRAPPER ================= */

.sd-hero-full{
    width:98%;
    background:#fff;
    margin-top:20px;
}

/* MAIN FLEX */
.sd-hero-inner{
    max-width:1500px;
    margin:auto;
    display:flex;
    gap:18px;
    align-items:stretch; /* 🔥 key */
}

/* ================= LEFT SLIDER ================= */

.sd-hero-left{
    flex:0 0 72%;
    height:418px; /* 🔥 master height */
}

/* SLIDER */
.sd-hero-slider,
.sd-hero-slide{
    height:500px;
    border-radius:8px;
    overflow:hidden;
}

.sd-hero-slide{
    background-size:cover;
    background-position:center;
    position:relative;
}

/* OVERLAY */
.sd-hero-slide::before{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(
        to right,
        rgba(0,0,0,0.75),
        rgba(0,0,0,0.35),
        rgba(0,0,0,0.1)
    );
}

/* CONTENT */
.sd-hero-content{
    position:absolute;
    left:56px;
    bottom:90px;
    max-width:540px;
    color:#fff;
    z-index:2;
}

.sd-hero-content h1{
    font-size:1.5rem;
    font-weight:900;
    margin-bottom:14px;
}

.sd-hero-content p{
    font-size:1.05rem;
    opacity:.9;
    margin-bottom:22px;
    color:#fff;
}

.sd-hero-btn{
    background:#fff;
    color:#0d5cab;
    padding:12px 28px;
    border-radius:8px;
    font-weight:600;
    text-decoration:none;
}

/* ================= RIGHT CARDS ================= */

.sd-hero-right{
    flex:0 0 28%;
    height:500px; /* 🔥 same as slider */
    display:flex;
    flex-direction:column;
    gap:16px;
}

/* CARD */
.sd-side-card{
    flex:1; /* 🔥 auto height for 1/2/3 cards */
    min-height:129px;
    border-radius:16px;
    overflow:hidden;
    background-size:cover;
    background-position:center;
    position:relative;
    transition:transform .3s ease, box-shadow .3s ease;
}

/* Hover */
.sd-side-card:hover{
    transform:translateY(-6px);
    box-shadow:0 10px 25px rgba(0,0,0,.25);
}

/* Overlay */
.sd-side-card::after{
    content:"";
    position:absolute;
    inset:0;
    background:rgba(0,0,0,.45);
}

/* Card Content */
.sd-side-card-content{
    position:absolute;
    left:18px;
    bottom:18px;
    color:#fff;
    z-index:2;
    line-height:1.25;
}

.sd-side-card-content h5{
    font-size:1.125rem;
    font-weight:700;
    line-height:1.75rem;
}

.sd-side-card-content p{
    font-size:.9rem;
    opacity:.85;
}

/* ================= RESPONSIVE ================= */

/* Tablet */
@media(max-width:991px){

    .sd-hero-inner{
        flex-direction:column;
    }

    .sd-hero-left,
    .sd-hero-right{
        flex:100%;
        height:auto; /* 🔥 reset height */
    }

    .sd-hero-slider,
    .sd-hero-slide{
        height:360px;
    }
}

/* Mobile */
@media(max-width:575px){

    .sd-hero-slider,
    .sd-hero-slide{
        height:560px;
        border-radius:14px;
    }

    .sd-hero-content{
        left:20px;
        bottom:30px;
    }

    .sd-hero-content h1{
        font-size:1.5rem;
    }

    .sd-side-card{
        min-height:110px;
    }
}

/* end new css slider section coded */
/* ===============================
   POPULAR CATEGORIES – EXACT UI
================================ */

.categories-grid {
    display: grid;
    grid-template-columns: repeat(10, 1fr); /* 👈 EXACT 10 */
    gap: 16px;
}

/* CARD */
.category-card {
    background: #ffffff;
    border-radius: 14px;
    padding: 22px 8px;
    text-align: center;
    text-decoration: none;
    border: 1px solid #edf1f7;
    transition: all 0.3s ease;
}

.category-card:hover {
    box-shadow: 0 12px 30px rgba(13, 92, 171, 0.18);
    transform: translateY(-5px);
    border-color: #0d5cab;
}

/* ICON BACKGROUND */
.category-icon {
    width: 64px;
    height: 64px;
    background: #0d5cab; /* EXACT blue */
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 12px;
}

/* ICON */
.category-icon i {
    font-size: 26px;
    color: #ffffff;
}

/* TITLE */
.category-title {
    font-size: 13px;
    font-weight: 600;
    color: #1f2937;
    margin: 0;
    line-height: 1.3;
}

/* Explore all */
.explore-all-link {
    font-weight: 600;
    color: #0d5cab;
    text-decoration: none;
}

/* ===============================
   RESPONSIVE BREAKPOINTS
================================ */

/* Laptop small */
@media (max-width: 1400px) {
    .categories-grid {
        grid-template-columns: repeat(8, 1fr);
    }
}

/* Tablet */
@media (max-width: 991px) {
    .categories-grid {
        grid-template-columns: repeat(5, 1fr);
    }
}

/* Mobile */
@media (max-width: 575px) {
    .categories-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .category-icon {
        width: 56px;
        height: 56px;
    }

    .category-icon i {
        font-size: 22px;
    }

    .category-title {
        font-size: 12px;
    }
}


/* product section css */
/* ===========================
   SEVENDIAL FOOTER
=========================== */


/* ================= FOOTER BASE ================= */
*{
    margin:0;
    padding:0;
    box-sizing:border-box;
    font-family:Arial,sans-serif;
}

.footer{
    background:#fff;
    border-top:1px solid #eee;
    /*padding:40px 20px 10px;*/
}

.footer-container{
       max-width: 1284px;
    margin: auto;
    display: flex;
    align-items: baseline;
     gap: 116px; 
 
    justify-content: space-evenly;
}

.footer-brand{
    flex:1.01;
}

.footer-brand .logo{
    font-size:24px;
    font-weight:bold;
    color:#1d4ed8;
}

.footer-brand span{
    color:#000;
}

.footer-brand p{
    margin-top:-30px;
    font-size:14px;
    color:#555;
    line-height:1.6;
    margin-left:-7px ;
}

.footer-links{
    flex:3;
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:20px;
}

.footer-title{
    background:none;
    border:none;
    font-size:15px;
    font-weight:bold;
    cursor:pointer;
    padding:5px 0;
    text-align:left;
}

.footer-content{
    list-style:none;
    margin-top:10px;
}

.footer-content li{
    margin-bottom:8px;
}

.footer-content a{
    text-decoration:none;
    font-size:14px;
    color:#555;
    font-weight: 550;
}

.footer-content a:hover{
    color:#1d4ed8;
}

.social i{
    margin-right:8px;
}

.footer-bottom{
    text-align:center;
    margin-top:30px;
    padding-top:15px;
    border-top:1px solid #eee;
    font-size:13px;
    color:#666;
}
.footer_logo{
    height:155px;
    width:auto;
        margin-left: -21px;

}

/* ================= MOBILE ================= */
@media(max-width:768px){

    .footer-container{
        flex-direction:column;
    }

    .desktop-only{
        display:none;
    }

    .footer-links{
        grid-template-columns:1fr;
    }

    .footer-content{
        display:none;
        padding:10px 0;
    }

    .footer-col.active .footer-content{
        display:block;
    }

    .footer-title{
        width:100%;
        display:flex;
        justify-content:space-between;
        align-items:center;
        font-size:16px;
    }

    .footer-title::after{
        content:"+";
        margin-left: 250px;
        font-size:20px;
    }

    .footer-col.active .footer-title::after{
        content:"−";
    }
}

/* ===============================
   PRODUCT STYLE (COMMON)
================================ */

.product_like_section {
    background: #f4f6f9;
}

.section_title {
    font-size: 22px;
    font-weight: 700;
    color: #111;
}

.view_all {
    font-size: 14px;
    color: #0d47a1;
    font-weight: 500;
    text-decoration: none;
}

.view_all i {
    margin-left: 4px;
}

.product_card {
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    height: 100%;
    box-shadow: 0 6px 18px rgba(0,0,0,0.08);
    transition: 0.3s ease;
}

.product_card:hover {
    transform: translateY(-6px);
}

.product_img {
    height: 170px;
    overflow: hidden;
}

.product_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.product_content {
    padding: 14px;
}

.product_title {
    font-size: 14px;
    font-weight: 600;
    color: #111;
    margin-bottom: 6px;
    min-height: 38px;
}

.company_name {
    font-size: 13px;
    color: #666;
    margin-bottom: 3px;
}

.location {
    font-size: 12px;
    color: #777;
    margin-bottom: 6px;
}

.location i {
    color: #0d47a1;
    margin-right: 4px;
}

.rating_area {
    font-size: 12px;
    color: #f4b400;
    margin-bottom: 6px;
}

.rating_area span {
    color: #777;
    margin-left: 4px;
}

.price {
    font-size: 15px;
    font-weight: 700;
    color: #000;
    margin-bottom: 10px;
}

.common_btn {
    display: block;
    background: #0d47a1;
    color: #fff;
    text-align: center;
    padding: 10px;
    font-size: 14px;
    border-radius: 6px;
    text-decoration: none;
}

.common_btn:hover {
    background: #08306b;
}

/* responsive */
@media (max-width: 991px) {
    .product_img {
        height: 160px;
    }
}

@media (max-width: 575px) {
    .section_title {
        font-size: 18px;
    }
}

/* ===============================
   PRODUCT GRID (NEW)
================================ */

.product_grid{
    display: grid;
    grid-template-columns: repeat(6, 1fr); /* Desktop */
    gap: 20px;
}

/* Laptop */
@media (max-width: 1200px){
    .product_grid{
        grid-template-columns: repeat(4, 1fr);
    }
}

/* Tablet */
@media (max-width: 991px){
    .product_grid{
        grid-template-columns: repeat(3, 1fr);
    }
}

/* Mobile – 2 products per row 🔥 */
@media (max-width: 575px){
    .product_grid{
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
    }

    .product_img{
        height:130px;
    }

    .product_title{
        font-size:13px;
    }

    .common_btn{
        font-size:13px;
        padding:8px;
    }
}

/* ===============================
   SWIPER PRODUCT ROW FIX
================================ */

.productRowSlider{
    width: 100%;
    overflow: hidden;
}

.productRowSlider .swiper-wrapper{
    display: flex;
}

.productRowSlider .swiper-slide{
    width: auto !important;   /* 🔥 MOST IMPORTANT */
    height: auto;
    flex-shrink: 0;
}

.product_card{
    height: 100%;
}

/* ===============================
   PRODUCT GRID (COMMON)
================================ */

.product_grid{
    display: grid;
    grid-template-columns: repeat(6, 1fr); /* Desktop */
    gap: 20px;
}

/* Laptop */
@media (max-width: 1200px){
    .product_grid{
        grid-template-columns: repeat(4, 1fr);
    }
}

/* Tablet */
@media (max-width: 991px){
    .product_grid{
        grid-template-columns: repeat(3, 1fr);
    }
}

/* Mobile – 2 cards per row 🔥 */
@media (max-width: 575px){
    .product_grid{
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
    }

    .product_img{
        height:130px;
    }

    .product_title{
        font-size:13px;
    }

    .common_btn{
        font-size:13px;
        padding:8px;
    }
}
/* ===============================
   PRODUCT CARD ICON
================================ */
/* ===============================
   PRODUCT CARD BASE
================================ */

.product_card{
    position: relative;
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    height: 100%;
    box-shadow: 0 6px 18px rgba(0,0,0,0.08);
    transition: transform .3s ease, box-shadow .3s ease;
}

.product_card:hover{
    transform: translateY(-6px);
    box-shadow: 0 12px 28px rgba(0,0,0,0.12);
}

/* ===============================
   LEFT / RIGHT CENTER ICONS
================================ */

.product_side_icon{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 34px;
    height: 34px;
    background: rgba(13,71,161,0.95);
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    z-index: 3;
    transition: all .3s ease;
}

.product_side_icon.left{
    left: -14px;
}

.product_side_icon.right{
    right: -14px;
}

.product_side_icon:hover{
    background: #08306b;
    transform: translateY(-50%) scale(1.15);
}

/* ===============================
   IMAGE
================================ */

.product_img{
    height: 170px;
    overflow: hidden;
}

.product_img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* ===============================
   CONTENT
================================ */

.product_content{
    padding: 14px;
}

.product_title{
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 6px;
}

.product_title a{
    color: #111;
    text-decoration: none;
}

.product_title a:hover{
    color: #0d6efd;
}

.company_name{
    font-size: 13px;
    color: #666;
    margin-bottom: 3px;
}

.location{
    font-size: 12px;
    color: #777;
    margin-bottom: 6px;
}

.location i{
    color: #0d47a1;
    margin-right: 4px;
}

.rating_area{
    font-size: 12px;
    color: #f4b400;
    margin-bottom: 6px;
}

.price{
    font-size: 15px;
    font-weight: 700;
    color: #000;
    margin-bottom: 10px;
}

.common_btn{
    display: block;
    background: #0d47a1;
    color: #fff;
    text-align: center;
    padding: 10px;
    font-size: 14px;
    border-radius: 6px;
    text-decoration: none;
}

.common_btn:hover{
    background: #08306b;
}

/* ===============================
   MOBILE TUNING
================================ */

@media(max-width:575px){
    .product_img{
        height: 130px;
    }

    .product_side_icon{
        width: 30px;
        height: 30px;
        font-size: 12px;
    }

    .product_side_icon.left{
        left: -10px;
    }

    .product_side_icon.right{
        right: -10px;
    }
}
/* MOBILE TUNING */
@media(max-width:575px){
    .product_img_wrapper{
        height:160px;
    }

    .img_arrow{
        width:32px;
        height:32px;
    }
}

/* filetering css */
.filter-box {
    background: #fff;
    border-radius: 8px;
    padding: 20px;
    box-shadow: 0 2px 12px rgba(0,0,0,0.05);
}

.filter-header h5 {
    font-weight: 600;
}

.clear-filter {
    font-size: 14px;
    color: #0d6efd;
}

.filter-group {
    margin-bottom: 15px;
}

.filter-group label {
    font-weight: 500;
    margin-bottom: 6px;
    display: block;
}

.filter-group select {
    width: 100%;
    padding: 8px 10px;
    border-radius: 6px;
    border: 1px solid #ddd;
}

.service-top-bar {
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
}

.wsus__single_services {
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 4px 15px rgba(0,0,0,0.05);
    overflow: hidden;
    height: 100%;
}

.wsus__services_text {
    padding: 15px;
}

.common_btn {
    margin-top: 12px;
    background: #0d47a1;
    color: #fff;
    border-radius: 6px;
}

.service_title_link{
    color:#111;
    text-decoration:none;
    transition:0.3s;
}
.service_title_link:hover{
    color:#0d6efd;
    /* text-decoration:underline; */
}

/* card */
/* ===== SERVICE CARD ===== */

.service-card {
    background: #fff;
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 10px 25px rgba(0,0,0,0.06);
    transition: all 0.3s ease;
    height: 100%;
}

.service-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 18px 40px rgba(0,0,0,0.12);
}

/* IMAGE */
.service-card-img {
    position: relative;
}

.service-card-img img {
    width: 100%;
    height: 220px;
    object-fit: cover;
}

/* CATEGORY BADGE */
.service-category {
    position: absolute;
    left: 12px;
    bottom: 12px;
    background: #eaf2ff;
    color: #0d6efd;
    font-size: 13px;
    padding: 4px 10px;
    border-radius: 6px;
    font-weight: 500;
}

/* BODY */
.service-card-body {
    padding: 16px;
}

/* PRICE */
.service-price {
    font-size: 20px;
    font-weight: 700;
    color: #0d6efd;
    text-align: right;
}

/* TITLE */
.service-title {
    display: block;
    font-size: 17px;
    font-weight: 600;
    color: #111;
    margin: 8px 0 12px;
    line-height: 1.4;
}

.service-title:hover {
    color: #0d6efd;
}

/* PROVIDER */
.service-provider {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 14px;
}

.service-provider img {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    object-fit: cover;
}

.service-provider span {
    font-size: 14px;
    color: #555;
    font-weight: 500;
}

/* BUTTON */
.service-btn {
    display: block;
    width: 100%;
    text-align: center;
    padding: 10px;
    border-radius: 8px;
    background: #0d47a1;
    color: #fff;
    font-weight: 600;
    transition: background 0.3s;
}

.service-btn:hover {
    background: #08306b;
    color: #fff;
}

.swiper{
    padding-bottom: 10px;
}

.swiper-slide{
    height: auto;
}

.swiper-button-next,
.swiper-button-prev{
    color:#0d47a1;
}.service-card{
    background:#fff;
    border-radius:12px;
    padding:20px 15px;
    text-align:center;
    height:100%;
    box-shadow:0 5px 15px rgba(0,0,0,.05);
}

.service-icon{
    width:55px;
    height:55px;
    border-radius:50%;
    background:#eaf1ff;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0 auto 12px;
    font-size:22px;
    color:#0d6efd;
}

/* ================= MOBILE SLIDER ================= */
@media (max-width: 768px){

    .services-slider{
        flex-wrap: nowrap;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        padding-bottom: 10px;
    }

    .services-slider::-webkit-scrollbar{
        display:none;
    }

    .service-slide{
        flex: 0 0 75%;
               max-width: 44%;
        scroll-snap-align: center;
    }
}

.services-wrapper{
    position: relative;
}

/* Arrow buttons */
.slider-btn{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    background:#fff;
    border:none;
    width:40px;
    height:40px;
    border-radius:50%;
    box-shadow:0 4px 12px rgba(0,0,0,.15);
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    z-index:10;
}

.slider-btn i{
    color:#0d6efd;
    font-size:16px;
}

.left-btn{ left: -10px; }
.right-btn{ right: -10px; }

/* Desktop par arrows hide */
@media (min-width: 769px){
    .slider-btn{
        display:none;
    }
}


@media(max-width:575px){
    .swiper-button-next,
    .swiper-button-prev{
        display:none; /* mobile swipe only */
    }
}

/* ===== SERVICE CARD ===== */
.service-card{
    background:#fff;
    border-radius:14px;
    padding:22px 15px;
    text-align:center;
    height:100%;
    box-shadow:0 6px 20px rgba(0,0,0,.06);
}

.service-card h5{
    font-size:16px;
    margin-bottom:6px;
}

.service-card p{
    font-size:14px;
    color:#555;
}

/* ICON */
.service-icon{
    width:58px;
    height:58px;
    border-radius:50%;
    background:#eaf1ff;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0 auto 12px;
    font-size:22px;
    color:#0d6efd;
}

/* ===== SLIDER ===== */
.services-wrapper{
    position:relative;
}

/* Arrow buttons */
.slider-btn{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    background:#fff;
    border:none;
    width:42px;
    height:42px;
    border-radius:50%;
    box-shadow:0 6px 15px rgba(0,0,0,.18);
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    z-index:10;
}

.slider-btn i{
    color:#0d6efd;
    font-size:16px;
}

.left-btn{ left:-12px; }
.right-btn{ right:-12px; }

/* ===== MOBILE SLIDER ===== */
@media (max-width:768px){

    .services-slider{
        flex-wrap:nowrap;
        overflow-x:auto;
        scroll-snap-type:x mandatory;
        padding-bottom:10px;
    }

    .services-slider::-webkit-scrollbar{
        display:none;
    }

    .service-slide{
        flex:0 0 75%;
        max-width:75%;
        scroll-snap-align:center;
    }
}

/* ===== DESKTOP ===== */
@media (min-width:769px){
    .slider-btn{
        display:none;
    }
}
/* ===== MOBILE SLIDER (2 CARDS PER VIEW) ===== */
@media (max-width:768px){

    .services-slider{
        flex-wrap:nowrap;
        overflow-x:auto;
        scroll-snap-type:x mandatory;
        padding-bottom:10px;
    }

    .services-slider::-webkit-scrollbar{
        display:none;
    }

    /* 2 cards in one row */
    .service-slide{
        flex:0 0 48%;
        max-width:48%;
        scroll-snap-align:start;
    }
}



/* trusted brande start  */

/* loan section css */
/* ================= HERO ================= */
.sd-loan-hero{
    background: linear-gradient(90deg,#1f4ed8,#10327f);
    padding:72px 0;
    color:#fff;
}

.sd-container{
    width:90%;
    max-width:1300px;
    margin:auto;
}

.sd-trusted{
    font-size:13px;
    display:flex;
    align-items:center;
    gap:8px;
    margin-bottom:16px;
    opacity:.95;
}

.sd-left h1{
    font-size:46px;
    font-weight:700;
    line-height:1.18;
    margin-bottom:16px;
}

.sd-sub{
    font-size:15px;
    line-height:1.6;
    opacity:.9;
    max-width:620px;
    margin-bottom:34px;
    color:#e5e7eb;
}

.sd-stats{
    display:flex;
    gap:38px;
}

.sd-stat{
    display:flex;
    align-items:center;
    gap:14px;
}

.sd-icon{
    width:46px;
    height:46px;
    background:rgba(255,255,255,.22);
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:18px;
}

.sd-stat strong{
    font-size:14px;
}

.sd-stat span{
    font-size:12px;
    color:#d1d5db;
}

/* Slider spacing */
.productRowSlider{
    padding-bottom: 10px;
}

/* Slide auto height */
.productRowSlider .swiper-slide{
    height: auto;
}

/* Arrow styling */
.productRowSlider .swiper-button-next,
.productRowSlider .swiper-button-prev{
    color:#0d47a1;
    width:38px;
    height:38px;
    background:#fff;
    border-radius:50%;
    box-shadow:0 4px 12px rgba(0,0,0,.15);
}

.productRowSlider .swiper-button-next::after,
.productRowSlider .swiper-button-prev::after{
    font-size:14px;
    font-weight:700;
}

/* Mobile = swipe only */
@media(max-width:575px){
    .productRowSlider .swiper-button-next,
    .productRowSlider .swiper-button-prev{
        display:none;
    }
}

/* ================= LOAN CATEGORY ================= */
.loan-type-section{
    padding:60px 0;
    text-align:center;
    background:#fff;
}

.loan-title{
    font-size:22px;
    font-weight:600;
    margin-bottom:40px;
}

.loan-card-grid{
    width:90%;
    max-width:1200px;
    margin:auto;
    display:grid;
    grid-template-columns:repeat(6,1fr);
    gap:22px;
}

.loan-card{
    background:#fff;
    border:1px solid #eee;
    border-radius:14px;
    padding:28px 15px;
    transition:.25s;
}

.loan-card:hover{
    transform:translateY(-6px);
    box-shadow:0 12px 30px rgba(0,0,0,.08);
}

.loan-icon{
    width:52px;
    height:52px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0 auto 14px;
    color:#fff;
    font-size:22px;
}

.loan-card h4{
    font-size:15px;
    font-weight:500;
    margin-bottom:6px;
}

.loan-card p{
    font-size:13px;
    font-weight:600;
    color:#1f4ed8;
}

/* ICON COLORS */
.blue{background:#3b82f6;}
.purple{background:#8b5cf6;}
.green{background:#22c55e;}
.orange{background:#f97316;}
.red{background:#ef4444;}
.teal{background:#14b8a6;}

/* RESPONSIVE */
@media(max-width:992px){
    .loan-card-grid{grid-template-columns:repeat(3,1fr);}
}

@media(max-width:576px){
    .loan-card-grid{grid-template-columns:repeat(2,1fr);}
}

/* ================= LOAN PROCESS ================= */


.sd-side-card-content p{
    color: rgb(255, 255, 255);
}





/* ===============================
   TRUSTED BRANDS – SLIDER (FINAL)
================================ */

.trusted-brands-section {
    background: #ffffff;
    padding: 60px 0 50px;
    border-top: 1px solid #f1f1f1;
}

/* Title */
.trusted-title {
    text-align: center;
    font-family: "Poppins,sans-serif";
    font-size: 26px;
    font-weight: 600;
    color: #111;
    margin-bottom: 40px;
}

/* Swiper container */
.trustedBrandsSlider {
    width: 100%;
    overflow: hidden; /* 🔑 extra safety */
}

/* Swiper wrapper */
.trustedBrandsSlider .swiper-wrapper {
    display: flex;
    align-items: center;
}

/* Each slide */
.trustedBrandsSlider .swiper-slide {
    width: auto !important;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Brand logo image */
.trusted-brand img {
    max-height: 20px;          /* 🔑 CONTROL SIZE */
    max-width: 50px;          /* 🔑 PREVENT BIG LOGOS */
    width: auto;
    object-fit: contain;
    margin: 0 26px;            /* 🔑 EVEN SPACING */
    opacity: 0.9;
    transition: transform 0.3s ease, opacity 0.3s ease;
}

/* Hover effect */
.trusted-brand img:hover {
    opacity: 1;
    transform: scale(1.06);
}

/* Tablet */
@media (max-width: 768px) {
    .trusted-title {
        font-size: 22px;
        margin-bottom: 30px;
    }

    .trusted-brand img {
        max-height: 38px;
        max-width: 140px;
        margin: 0 18px;
    }
}

/* Mobile */
@media (max-width: 576px) {
    .trusted-brand img {
        max-height: 32px;
        max-width: 120px;
        margin: 0 14px;
    }
}
/* ===============================
   TRUSTED BRANDS SECTION
================================ */

.trusted-brands-section {
    background: #ffffff;
    padding: 60px 0 50px;
    border-top: 1px solid #f1f1f1;
}

/* Heading */
.trusted-title {
    text-align: center;
    font-size: 26px;
    font-weight: 600;
    color: #111;
    margin-bottom: 40px;
}

/* Swiper main container */
.trustedBrandsSlider {
    width: 100%;
    overflow: hidden; /* important */
}

/* Swiper wrapper */
.trustedBrandsSlider .swiper-wrapper {
    display: flex;
    align-items: center;
}

/* Each slide */
.trustedBrandsSlider .swiper-slide {
    width: auto !important;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Brand image */
.trustedBrandsSlider img {
    max-height: 44px;       /* control size */
    max-width: 160px;       /* prevent very wide logos */
    width: auto;
    object-fit: contain;
    margin: 0 26px;         /* spacing between logos */
    opacity: 0.9;
    transition: transform 0.3s ease, opacity 0.3s ease;
}

/* Hover effect */
.trustedBrandsSlider img:hover {
    opacity: 1;
    transform: scale(1.06);
}

/* Tablet */
@media (max-width: 768px) {
    .trusted-title {
        font-size: 22px;
        margin-bottom: 30px;
    }

    .trustedBrandsSlider img {
        max-height: 38px;
        max-width: 140px;
        margin: 0 18px;
    }
}

/* Mobile */
@media (max-width: 576px) {
    .trustedBrandsSlider img {
        max-height: 32px;
        max-width: 120px;
        margin: 0 14px;
    }
}

.trustedBrandsSlider .swiper-wrapper {
    transition-timing-function: linear !important;
}

.wsus__message__button {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #08306b;
    border-radius: 50%;
    margin-bottom: 10px;
    
}

.wsus__message__button i {
    font-size: 30px;
}


.floating-chat {
    position: fixed;
    bottom: 100px;
    right: 30px;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: #1f6bb8; /* blue */
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 8px 20px rgba(0,0,0,0.25);
    z-index: 9999;
}

.floating-chat i {
    color: #fff;
    font-size: 22px;
}

.chat-sparkle {
    position: absolute;
    top: -4px;
    right: -5px;
    background: #fff;
    color: #f5b301;
    font-size: 12px;
    border-radius: 50%;
    padding: 2px 4px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.2);
}

/* ===== FIX CARD SIZE ===== */
.popular_service_card {
    background: #fff;
    border-radius: 14px;
    overflow: hidden;
    height: 100%;
    display: flex;
    flex-direction: column;   /* 🔑 important */
    box-shadow: 0 8px 30px rgba(0,0,0,.06);
    transition: all .35s ease;
}

/* Hover */



/* popular service home page start */
.popular_slider_wrapper {
    position: relative;
}

/* ================= CARD ================= */
.popular_service_card {
    background: #fff;
    border-radius: 14px;
    overflow: hidden;
    height: 100%;
    transition: all .35s ease;
    box-shadow: 0 8px 30px rgba(0,0,0,.06);
}

/* Card hover */
.popular_service_card:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 45px rgba(0,0,0,.15);
}

/* Image */
.popular_service_img {
    overflow: hidden;
}

.popular_service_img img {
    width: 100%;
    height: 190px;
    object-fit: cover;
    transition: transform .5s ease;
}

/* Image zoom on hover */
.popular_service_card:hover .popular_service_img img {
    transform: scale(1.08);
}

/* ================= CONTENT ================= */
.popular_service_content {
    padding: 16px;
}

.popular_service_title a {
    color: #111;
    font-weight: 600;
    text-decoration: none;
    transition: color .3s ease;
}

.popular_service_card:hover .popular_service_title a {
    color: #0d47a1;
}

.popular_service_company {
    font-size: 14px;
    color: #777;
}

.popular_service_location {
    font-size: 13px;
    color: #555;
}

.popular_service_rating {
    font-size: 14px;
    margin: 6px 0;
    color: #ff9800;
}

.popular_service_price {
    font-weight: 700;
    margin: 8px 0;
    color: #0d47a1;
}

/* ================= BUTTON ================= */
.popular_service_btn {
    display: block;
    text-align: center;
    padding: 10px;
    background: linear-gradient(135deg, #0d47a1, #1976d2);
    color: #fff;
    border-radius: 8px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    transition: all .3s ease;
}

.popular_service_btn:hover {
    background: linear-gradient(135deg, #1976d2, #0d47a1);
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(13,71,161,.4);
}

/* ================= ARROWS ================= */
.popular-slider-prev,
.popular-slider-next {
    position: absolute;
    top: 42%;
    width: 42px;
    height: 42px;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 10px 25px rgba(0,0,0,.18);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 10;
    transition: all .3s ease;
}

/* Arrow hover */
.popular-slider-prev:hover,
.popular-slider-next:hover {
    background: #0d47a1;
    color: #fff;
    transform: scale(1.1);
}

.popular-slider-prev { left: -22px; }
.popular-slider-next { right: -22px; }

/* ================= MOBILE ================= */
@media (max-width: 767px) {

    .popular-slider-prev,
    .popular-slider-next {
        width: 36px;
        height: 36px;
        top: 40%;
    }

    .popular-slider-prev { left: 5px; }
    .popular-slider-next { right: 5px; }
}

.popular_service_card:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 45px rgba(0,0,0,.15);
}

/* ===== FIX IMAGE HEIGHT ===== */
.popular_service_img {
    flex-shrink: 0;
}

.popular_service_img img {
    width: 100%;
    height: 190px;          /* 🔒 fixed */
    object-fit: cover;
    transition: transform .5s ease;
}

.popular_service_card:hover .popular_service_img img {
    transform: scale(1.08);
}

/* ===== CONTENT AREA ===== */
.popular_service_content {
    padding: 16px;
    flex: 1;               /* 🔑 fill remaining space */
    display: flex;
    flex-direction: column;
}

/* ===== TITLE FIX HEIGHT ===== */
.popular_service_title {
    min-height: 44px;      /* 2 line fix */
}

.popular_service_title a {
    color: #111;
    font-weight: 600;
    text-decoration: none;
}

/* ===== TEXT ===== */
.popular_service_company {
    font-size: 14px;
    color: #777;
}

.popular_service_location {
    font-size: 13px;
    color: #555;
}

.popular_service_rating {
    font-size: 14px;
    margin: 6px 0;
    color: #ff9800;
}

.popular_service_price {
    font-weight: 700;
    margin: 8px 0;
    color: #0d47a1;
}

/* ===== BUTTON ALWAYS BOTTOM ===== */
.popular_service_btn {
    margin-top: auto;        /* 🔥 magic line */
    display: block;
    text-align: center;
    padding: 10px;
    background: linear-gradient(135deg, #0d47a1, #1976d2);
    color: #fff;
    border-radius: 8px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    transition: all .3s ease;
}

.popular_service_btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(13,71,161,.4);
}

@media (max-width: 767px) {
    .popular_service_img img {
        height: 160px;   /* thoda chota image */
    }

    .popular_service_title {
        min-height: 40px;
    }
}

/* popular service home page end */


/* fetures product home page */
/* ===== FEATURED SLIDER ===== */
.featured_slider_wrapper {
    position: relative;
}

/* swiper slide height fix */
.featured-service-slider .swiper-slide {
    height: auto;
}

/* arrows */
.featured-slider-prev,
.featured-slider-next {
    position: absolute;
    top: 45%;
    width: 40px;
    height: 40px;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 6px 18px rgba(0,0,0,.15);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 10;
    transition: all .3s ease;
}

.featured-slider-prev:hover,
.featured-slider-next:hover {
    background: #111;
    color: #fff;
    transform: scale(1.1);
}

.featured-slider-prev { left: -18px; }
.featured-slider-next { right: -18px; }

/* mobile */
@media (max-width: 767px) {
    .featured-slider-prev { left: 5px; }
    .featured-slider-next { right: 5px; }
}

/* ===== DESKTOP CARD SIZE FIX ===== */
@media (min-width: 1200px) {

    .swiper-slide {
        max-width: 260px;     /* 🔒 fixed card width */
    }

    .popular_service_card,
    .product_card {
        background: #fff;
        border-radius: 16px;
        overflow: hidden;
        height: 100%;
        display: flex;
        flex-direction: column;
        box-shadow: 0 10px 35px rgba(0,0,0,.08);
        transition: all .3s ease;
    }

    .popular_service_card:hover,
    .product_card:hover {
        transform: translateY(-6px);
        box-shadow: 0 20px 45px rgba(0,0,0,.15);
    }

    /* ===== IMAGE ===== */
    .popular_service_img img,
    .product_img img {
        height: 180px;
        width: 100%;
        object-fit: cover;
        border-radius: 16px 16px 0 0;
    }

    /* ===== CONTENT ===== */
    .popular_service_content,
    .product_content {
        padding: 16px 16px 18px;
        display: flex;
        flex-direction: column;
        flex: 1;
    }

    /* title same height */
    .popular_service_title,
    .product_title {
        min-height: 44px;
        margin-bottom: 6px;
    }

    .popular_service_company,
    .company_name {
        font-size: 10px;
        color: #6b7280;
        margin-bottom: 4px;
    }

    .popular_service_location,
    .location {
        font-size: 10px;
        color: #6b7280;
        margin-bottom: 8px;
    }

    /* price */
    .popular_service_price,
    .price {
        font-weight: 700;
        font-size: 12px;
        margin-bottom: 12px;
    }

    /* button always bottom */
    .popular_service_btn,
    .common_btn {
        margin-top: auto;
        padding: 10px;
        border-radius: 8px;
        font-weight: 600;
    }
}
@media (max-width: 767px) {
    .swiper-slide {
        max-width: 100%;
    }
}
/* slider wrapper */
.popular_ws_slider_wrapper {
    position: relative;
}

/* fix equal height */
.popular-ws-slider .swiper-slide {
    height: auto;
}

/* arrows */
.popular-ws-prev,
.popular-ws-next {
    position: absolute;
    top: 45%;
    width: 42px;
    height: 42px;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 8px 25px rgba(0,0,0,.15);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 10;
    transition: all .3s ease;
}

.popular-ws-prev:hover,
.popular-ws-next:hover {
    background: #111;
    color: #fff;
    transform: scale(1.1);
}

.popular-ws-prev { left: -20px; }
.popular-ws-next { right: -20px; }

/* mobile arrows */
@media (max-width: 767px) {
    .popular-ws-prev { left: 5px; }
    .popular-ws-next { right: 5px; }
}

/* fetures product home page end */

/* ===== FINAL DESKTOP TUNING ===== */
@media (min-width: 1200px) {

    /* slide width chhoti */
    .swiper-slide {
        max-width: 230px;   /* ⬅️ screenshot ke barabar */
    }

    /* card */
    .popular_service_card,
    .product_card {
        border-radius: 14px;
    }

    /* image height chhoti */
    .popular_service_img img,
    .product_img img {
        height: 155px;
    }

    /* content padding kam */
    .popular_service_content,
    .product_content {
        padding: 12px;
    }

    /* title */
    .popular_service_title,
    .product_title {
        min-height: 38px;
        font-size: 14px;
        line-height: 1.3;
    }

    .popular_service_title a,
    .product_title a {
        font-size: 14px;
        font-weight: 700;
    }

    /* provider name */
    .popular_service_company,
    .company_name {
        font-size: 12px;
        margin-bottom: 2px;
    }

    /* location */
    .popular_service_location,
    .location {
        font-size: 12px;
        margin-bottom: 6px;
    }

    /* rating */
    .popular_service_rating {
        font-size: 12px;
    }

    /* price */
    .popular_service_price,
    .price {
        font-size: 13px;
        margin-bottom: 8px;
    }

    /* button */
    .popular_service_btn,
    .common_btn {
        padding: 8px;
        font-size: 13px;
        border-radius: 6px;
    }
}
@media (max-width: 767px) {

    .wsus__services_text ul li a{
        
        font-size: 13px;
    
    }
    .popular_service_img img,
    .product_img img {
        height: 140px;
    }

    .popular_service_title a,
    .product_title a {
        font-size: 13px;
    }

    .popular_service_company,
    .company_name,
    .popular_service_location,
    .location {
        font-size: 11px;
    }

    .popular_service_price,
    .price {
        font-size: 12px;
    }

    .popular_service_btn,
    .common_btn {
        font-size: 12px;
        padding: 7px;
    }
}
@media (min-width: 1200px) {
    .popular_service_img img { height: 135px; }
    .popular_service_content { padding: 10px; }
    .popular_service_title a { line-height: 1.25; }
    .popular_service_btn { padding: 6px; font-size: 12px; }
}
@media (max-width: 575.99px) {
    .wsus__services_img {
        height: 140px;   /* jo chaho */
    }
}
.wsus__single_services .wsus__services_img {
    height: 120px;
}

.slugfont {
    /* font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; */
font-size: 13px;
    font-weight: 700;
        color: #111;
    text-decoration: none;
}   
/* ===== MOBILE: FIX WSUS CARD SAME HEIGHT ===== */
@media (max-width: 575.99px) {

    /* card ko flex banao */
    .wsus__single_services {
        height: 100%;
        display: flex;
        flex-direction: column;
        border-radius: 12px;
        overflow: hidden;
    }

    /* image height fix */
    .wsus__single_services .wsus__services_img {
        height: 120px;
        flex-shrink: 0;
        overflow: hidden;
    }

    .wsus__single_services .wsus__services_img img {
        height: 100%;
        width: 100%;
        object-fit: cover;
    }

    /* content area flexible */
    .wsus__services_text {
        flex: 1;
        display: flex;
        flex-direction: column;
        padding: 10px;
    }

    /* title fix (max 2 lines) */
    .wsus__services_text .title {
        min-height: 36px;
        font-size: 13px;
        line-height: 1.3;

        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    /* button always bottom */
    .wsus__services_text .common_btn {
        margin-top: auto;
        font-size: 12px;
        padding: 7px;
    }
}
@media (max-width: 575.99px) {
    .wsus__services_img { height: 105px; }
    .wsus__services_text { padding: 8px; }
}
/* ===== POPULAR SERVICE (NEW NAMESPACE) ===== */

.psv_slider_wrapper {
    position: relative;
}

.psv_card {
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.psv_card_img {
    height: 120px;
    overflow: hidden;
}

.psv_card_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.psv_card_body {
    padding: 10px;
    flex: 1;
    display: flex;
    flex-direction: column;
}

.psv_meta li {
    font-size: 12px;
}

.psv_title {
    font-size: 13px;
    font-weight: 600;
    line-height: 1.3;
    margin: 6px 0;

    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.psv_provider {
    display: flex;
    align-items: center;
    gap: 6px;
}

.psv_provider img {
    width: 24px;
    height: 24px;
    border-radius: 50%;
}

.psv_rating {
    font-size: 11px;
    color: #ff9800;
}

.psv_btn {
    margin-top: auto;
    text-align: center;
    padding: 7px;
    font-size: 12px;
    background: #0d47a1;
    color: #fff;
    border-radius: 6px;
}

/* arrows */
.psv-slider-prev,
.psv-slider-next {
    position: absolute;
    top: 45%;
    width: 36px;
    height: 36px;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 6px 18px rgba(0,0,0,.15);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 10;
}

.psv-slider-prev { left: -18px; }
.psv-slider-next { right: -18px; }

/* mobile tweak */
@media (max-width: 575px) {
    .psv_card_img { height: 105px; }
    .psv_title { font-size: 12px; }
}
/* ======================================================
   POPULAR SERVICES = FEATURED SERVICES (UNIFIED DESIGN)
   ====================================================== */

/* ---------- CARD BASE ---------- */
.psv_card,
.wsus__single_services {
    background: #ffffff;
    border-radius: 16px;
    box-shadow: 0 8px 24px rgba(0,0,0,.08);
    overflow: hidden;
    height: 100%;
    display: flex;
    flex-direction: column;
    transition: all .3s ease;
}

/* hover same as featured */
.psv_card:hover,
.wsus__single_services:hover {
    transform: translateY(-4px);
    box-shadow: 0 14px 32px rgba(0,0,0,.12);
}

/* ---------- IMAGE ---------- */
.psv_card_img,
.wsus__services_img {
    height: 160px;
    overflow: hidden;
    flex-shrink: 0;
}

.psv_card_img img,
.wsus__services_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* ---------- CONTENT ---------- */
.psv_card_body,
.wsus__services_text {
    padding: 14px;
    display: flex;
    flex-direction: column;
    flex: 1;
}

/* ---------- TITLE (FIX HEIGHT + DOTS) ---------- */
.psv_title,
.wsus__services_text .slugfont {
    font-size: 14px;
    font-weight: 600;
    color: #111;
    line-height: 1.35;

    display: -webkit-box;
    -webkit-line-clamp: 2;      /* max 2 lines */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* ---------- CATEGORY + META ---------- */
.psv_meta li,
.wsus__services_text ul li a,
.wsus__services_text span {
    font-size: 12px;
    color: #6b7280;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* ---------- PRICE ---------- */
.psv_meta li:last-child,
.wsus__services_text ul li:last-child {
    font-size: 13px;
    font-weight: 600;
    color: #111;
}

/* ---------- PROVIDER ---------- */
.psv_provider {
    display: flex;
    align-items: center;
    gap: 6px;
}

.psv_provider img,
.wsus__services_text .img_area img {
    width: 24px;
    height: 24px;
    border-radius: 50%;
}

/* ---------- BUTTON ---------- */
.psv_btn,
.wsus__services_text .common_btn {
    margin-top: auto;
    background: #0d47a1;
    color: #fff;
    font-size: 13px;
    padding: 8px;
    border-radius: 8px;
    text-align: center;
    font-weight: 600;
    transition: all .3s ease;
}

.psv_btn:hover,
.wsus__services_text .common_btn:hover {
    background: #0b3c8a;
}

/* ---------- MOBILE TUNING ---------- */
@media (max-width: 575.99px) {

    .psv_card_img,
    .wsus__services_img {
        height: 130px;
    }

    .psv_title,
    .wsus__services_text .slugfont {
        font-size: 13px;
    }

    .psv_meta li,
    .wsus__services_text ul li a,
    .wsus__services_text span {
        font-size: 11px;
    }

    .psv_btn,
    .wsus__services_text .common_btn {
        font-size: 12px;
        padding: 7px;
    }
}
/* =========================================
   MOBILE SIDEBAR – SEVENDIAL STYLE
========================================= */

/* COLOR SYSTEM */
:root{
    --sd-primary:#0d5cab;
    --sd-primary-light:#EEF4FF;
    --sd-text:#1F2937;
    --sd-muted:#6B7280;
    --sd-border:#E5E7EB;
    --sd-bg:#FFFFFF;
}

/* OVERLAY */
.sd-sidebar-overlay{
    position:fixed;
    inset:0;
    background:rgba(0,0,0,.4);
    opacity:0;
    pointer-events:none;
    transition:.3s ease;
    z-index:998;
}
.sd-sidebar-overlay.active{
    opacity:1;
    pointer-events:auto;
}

/* SIDEBAR */
.sd-mobile-sidebar{
    position:fixed;
    top:30px;
    left:-320px;
    width:300px;
    height:100%;
    background:var(--sd-bg);
    z-index:999;
    padding:16px;
    transition:.3s ease;
    overflow-y:auto;
}
.sd-mobile-sidebar.active{
    left:0;
}

/* HEADER */
.sd-sidebar-header{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:14px;
}
.sd-sidebar-header img{
    height:34px;
}
.sd-close-sidebar{
    background:none;
    border:none;
    font-size:18px;
    color:var(--sd-muted);
}

/* LOGIN BUTTON */
.sd-sidebar-btn{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    background:var(--sd-primary);
    color:#fff;
    padding:11px;
    border-radius:8px;
    font-weight:600;
    margin-bottom:16px;
    text-decoration:none;
}

/* SEARCH */
.sd-sidebar-search{
    display:flex;
    margin-bottom:16px;
}
.sd-sidebar-search input{
    flex:1;
    padding:10px;
    border:1px solid var(--sd-border);
    border-radius:8px 0 0 8px;
    font-size:14px;
}
.sd-sidebar-search button{
    background:var(--sd-primary);
    border:none;
    color:#fff;
    padding:0 14px;
    border-radius:0 8px 8px 0;
}

/* MENU */
.sd-sidebar-menu{
    list-style:none;
    margin:0;
    padding:0;
}
.sd-sidebar-menu li{
    display:flex;
    align-items:center;
    gap:12px;
    padding:12px 4px;
    border-bottom:1px solid var(--sd-border);
    font-size:14px;
    color:var(--sd-text);
    cursor:pointer;
}
.sd-sidebar-menu li i{
    color:var(--sd-muted);
    font-size:16px;

}

/* QUICK ACTIONS */
.sd-quick-title{
    font-size:11px;
    font-weight:600;
    color:var(--sd-muted);
    margin:18px 0 10px;
    letter-spacing:.04em;
}
.sd-quick-item{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:12px;
    background:var(--sd-primary-light);
    border-radius:10px;
    margin-bottom:10px;
    color:var(--sd-primary);
    font-size:14px;
    font-weight:500;
    cursor:pointer;
}
.sd-quick-item i{
    font-size:14px;
}

/* BOTTOM BUTTONS */
.sd-outline-btn{
    width:100%;
    border:1px solid var(--sd-border);
    background:#fff;
    color:var(--sd-text);
    padding:11px;
    border-radius:10px;
    margin-top:14px;
    font-weight:500;
    cursor:pointer;
}

.sd-primary-btn{
    width:100%;
    background:var(--sd-primary);
    color:#fff;
    border:none;
    padding:11px;
    border-radius:10px;
    margin-top:10px;
    font-weight:600;
    cursor:pointer;
}

/* =========================================
   RESPONSIVE FIXES
========================================= */

/* TABLET */
@media (min-width:576px){
    .sd-mobile-sidebar{
        width:320px;

    }
}

/* DESKTOP – sidebar disable */
@media (min-width:992px){
    .sd-mobile-sidebar,
    .sd-sidebar-overlay{
        display:none !important;
    }
}








/* =========================================================
   MOBILE + SMALL TABLET RESPONSIVE HEADER (FINAL VERSION)
   LOGO HEIGHT FIXED = 84px (ALL SIZES)
========================================================= */


/* ================= COMMON (APPLIES WHEN HEADER IS MOBILE) ================= */
.sd-mobile-header{
    display:flex;
    /* align-items:center; */
    background:#fff;
 justify-content: space-evenly;
    border-bottom:1px solid #eee;
}

/* MENU ICON */
.sd-mobile-menu{
    background:none;
    border:none;
    cursor:pointer;
}

/* LOGO (FIXED SIZE FOR ALL) */
.sd-mobile-logo img{
    height:84px;
    width:auto;
}

/* LOCATION */
.sd-mobile-location{
    flex-shrink:0;
}
.location-select{
    display:flex;
    align-items:center;
    cursor:pointer;
    white-space:nowrap;
}
.location-select i{
    margin-right:4px;
}

/* SEARCH ICON + INPUT */
.sd-mobile-search-wrap{
    position:relative;
    display:flex;
    align-items:center;
}
.sd-mobile-search-btn{
    background:none;
    border:none;
    color:#1f6bb8;
    cursor:pointer;
}

/* hidden search input */
.sd-mobile-search-form{
    display:none;
    position:absolute;
    right:0;
    top:50%;
    transform:translateY(-50%);
    background:#fff;
}
.sd-mobile-search-form.active{
    display:block;
}
.sd-mobile-search-form input{
    border:1px solid #ddd;
    border-radius:6px;
}


/* ================= PHONE ONLY (≤576px) ================= */
@media (max-width: 576px){

    .sd-mobile-header{
        gap:6px;
        padding:6px 8px;
    }

    .sd-mobile-menu{
        font-size:16px;
    }

    /* LOCATION */
    .location-select{
        font-size:11px;
        gap:4px;
    }
    .location-select i{
        font-size:12px;
    }

    /* SEARCH */
    .sd-mobile-search-btn{
        font-size:15px;
    }
    .sd-mobile-search-form input{
        width:120px;
        padding:5px 8px;
        font-size:12px;
    }

    /* LOCATION DROPDOWN */
    .location-dropdown{
        display:none;
        position:absolute;
        top:110%;
        left:0;
        width:130px;
        background:#fff;
        border:1px solid #e5e7eb;
        border-radius:6px;
        z-index:1000;
    }
    .location-dropdown li{
        padding:6px 8px;
        font-size:12px;
        cursor:pointer;
    }
    .location-dropdown li:hover{
        background:#f1f5f9;
    }
}


  

/* ================= SMALL TABLET / LANDSCAPE (577px – 820px) ================= */
@media (min-width: 577px) and (max-width: 820px){

    .sd-mobile-header{
        gap:50px;
        padding:8px 12px;
        
        margin-left: 92px;
    }

    .sd-mobile-menu{
        font-size:18px;
    }

    /* LOCATION */
    .sd-mobile-location{
        max-width:180px;
    }
    .location-select{
        font-size:12px;
        gap:6px;
    }
    .location-select .selected-city{
        max-width:70px;
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap;
        display:inline-block;
    }

    /* SEARCH */
    .sd-mobile-search-wrap{
        margin-left:auto;
    }
    .sd-mobile-search-btn{
        font-size:17px;
    }
    .sd-mobile-search-form input{
        width:160px;
        padding:6px 10px;
        font-size:13px;
    }
}
@media (max-width: 360px){
    .location-select .selected-city{
        display:none;
    }
}
/* ================= DESKTOP HIDE MOBILE HEADER ================= */
@media (min-width: 821px){
    .sd-mobile-header
    {
        display: none !important;
    }
}


@media (max-width: 820px){

    .sd-container{
        display: none !important; /* ❌ desktop header band */
    }

    .sd-mobile-header{
                display: flex !important;
        align-items: center;
        justify-content: space-evenly;
        background: #fff;
        border-bottom: 1px solid #eee;
    }
}

/* ================= END ================= */
/* ==============================
   POLICY SECTION
================================ */
.policy-section {
    background-color: #f5f7fa;
    padding: 60px 0;
}

/* Center column */
.policy-card-wrapper {
    max-width: 760px;
    margin: 0 auto;
}

/* ==============================
   POLICY BOX (CLEAN & PROFESSIONAL)
================================ */
.policy-box {
    background: #ffffff;
    border: 1px solid #e6e9ef;
    border-radius: 10px;
    padding: 24px 28px;
    margin-bottom: 24px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.04);
}

/* ==============================
   HEADINGS
================================ */
.policy-box h1,
.policy-box h2 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 12px;
    color: #111827;
}

.policy-box h3,
.policy-box h4,
.policy-box h5,
.policy-box h6 {
    font-size: 15px;
    font-weight: 700;
    margin-top: 18px;
    margin-bottom: 8px;
    color: #374151;
}

/* ==============================
   TEXT & LISTS
================================ */
.policy-box p,
.policy-box li {
    font-size: 14px;
    line-height: 1.75;
    color: #4b5563;
}

.policy-box p {
    margin-bottom: 10px;
}

.policy-box ul,
.policy-box ol {
    padding-left: 22px;
    margin-bottom: 10px;
}

.policy-box li {
    margin-bottom: 6px;
}

/* ==============================
   RESPONSIVE
================================ */
@media (max-width: 768px) {
    .policy-card-wrapper {
        max-width: 100%;
        padding: 0 12px;
    }

    .policy-box {
        padding: 18px;
    }

    .policy-box h1,
    .policy-box h2 {
        font-size: 18px;
    }
}



/* product detail page */
.sd-detail-wrapper { padding: 40px 0; }

.sd-gallery img { width: 100%; border-radius: 8px; }

.sd-thumbnails {
    display: flex;
    gap: 10px;
    margin-top: 10px;
}
.sd-thumbnails img {
    width: 70px;
    height: 70px;
    object-fit: cover;
    cursor: pointer;
    border: 2px solid transparent;
}
.sd-thumbnails img.active {
    border-color: #0d6efd;
}

.sd-title { font-size: 28px; font-weight: 600; }
.sd-price { font-size: 26px; color: #0d6efd; margin: 10px 0; }

.sd-highlights div {
    display: flex;
    justify-content: space-between;
    padding: 6px 0;
    border-bottom: 1px solid #eee;
}

.sd-provider-card {
    border: 1px solid #eee;
    border-radius: 10px;
    padding: 20px;
    text-align: center;
    position: sticky;
    top: 100px;
}

.sd-provider-logo img {
    width: 90px;
    height: 90px;
    border-radius: 50%;
}

.sd-btn {
    display: block;
    margin-top: 10px;
    padding: 10px;
    border-radius: 6px;
    text-decoration: none;
}
.sd-btn.primary { background: #0d6efd; color: #fff; }
.sd-btn.outline { border: 1px solid #0d6efd; color: #0d6efd; }

@media(max-width:768px){
    .sd-provider-card{ position: static; margin-top:20px; }
}



/* service detail page  */
/* ===============================
   SERVICE DETAIL SECTION (svc)
================================ */

.svc-detail-wrapper{
    padding: 30px 0;
    background:#f5f7fa;
}

/* ===== LEFT GALLERY ===== */
.svc-gallery{
    background:#fff;
    border-radius:12px;
    padding:12px;
    border:1px solid #e5e7eb;
}

.svc-main-image img{
    width:100%;
    border-radius:10px;
    object-fit:cover;
}

.svc-thumbnails{
    display:flex;
    gap:10px;
    margin-top:12px;
}

.svc-thumbnails img{
    width:60px;
    height:60px;
    object-fit:cover;
    border-radius:8px;
    cursor:pointer;
    border:2px solid transparent;
}

.svc-thumbnails img.active{
    border-color:#0d5cab;
}

/* ===== CENTER INFO ===== */
.svc-product-info{
    background:#fff;
    border-radius:12px;
    padding:20px;
    border:1px solid #e5e7eb;
}

.svc-title{
    font-size:24px;
    font-weight:700;
    margin-bottom:10px;
    color:#111827;
}

.svc-price{
    font-size:26px;
    font-weight:700;
    color:#0d5cab;
    margin-bottom:15px;
}

.svc-price span{
    font-size:15px;
    color:#6b7280;
}

.svc-highlights{
    border-top:1px solid #e5e7eb;
    border-bottom:1px solid #e5e7eb;
    margin:15px 0;
}

.svc-highlights div{
    display:flex;
    justify-content:space-between;
    padding:10px 0;
    font-size:14px;
    color:#374151;
    border-bottom:1px solid #e5e7eb;
}

.svc-highlights div:last-child{
    border-bottom:none;
}

.svc-description h4{
    margin-bottom:8px;
    font-size:18px;
}

.svc-description{
    font-size:14px;
    color:#4b5563;
    line-height:1.7;
}

/* ===== PROVIDER CARD ===== */
.svc-provider-card{
    background:#fff;
    border-radius:14px;
    padding:18px;
    border:1px solid #e5e7eb;
    text-align:center;
}

.svc-provider-logo img{
    width:80px;
    height:80px;
    border-radius:12px;
    object-fit:cover;
    margin-bottom:10px;
}

.svc-provider-name{
    font-size:18px;
    font-weight:700;
    margin-bottom:6px;
}

.svc-provider-name a{
    color:#111827;
    text-decoration:none;
}

.svc-rating{
    font-size:15px;
    color:#f59e0b;
    margin-bottom:6px;
}

.svc-rating span{
    color:#6b7280;
    font-size:13px;
}

.svc-location{
    font-size:14px;
    color:#6b7280;
    margin-bottom:10px;
}

.svc-company-info{
    list-style:none;
    padding:0;
    margin:12px 0;
}

.svc-company-info li{
    display:flex;
    justify-content:space-between;
    font-size:14px;
    padding:6px 0;
    color:#374151;
    border-bottom:1px solid #e5e7eb;
}

.svc-company-info li:last-child{
    border-bottom:none;
}

/* ===== BUTTONS ===== */
.svc-btn{
    display:block;
    width:100%;
    padding:12px;
    border-radius:10px;
    font-size:15px;
    text-decoration:none;
    margin-top:10px;
    font-weight:600;
}

.svc-btn-primary{
    background:#0d5cab;
    color:#fff;
}

.svc-btn-outline{
    border:1px solid #0d5cab;
    color:#0d5cab;
    background:#fff;
}

/* ===============================
   RESPONSIVE (MOBILE / TABLET)
================================ */

/* Tablet */
@media (max-width: 991px){
    .svc-detail-wrapper{
        padding:20px 0;
    }
}

/* Mobile */
@media (max-width: 576px){

    .svc-title{
        font-size:20px;
    }

    .svc-price{
        font-size:22px;
    }

    .svc-thumbnails{
        justify-content:center;
    }

    .svc-thumbnails img{
        width:52px;
        height:52px;
    }

    .svc-provider-logo img{
        width:70px;
        height:70px;
    }

    .svc-company-info li{
        font-size:13px;
    }

    .svc-btn{
        font-size:14px;
        padding:10px;
    }
}

/* ===== SCROLLABLE CENTER CONTENT (NO SCROLLBAR) ===== */
.svc-scroll-box{
    max-height: 520px;
    overflow-y: auto;
}

/* hide scrollbar - chrome */
.svc-scroll-box::-webkit-scrollbar{
    width:0;
    display:none;
}

/* hide scrollbar - firefox */
.svc-scroll-box{
    scrollbar-width: none;
}

/* company card */
.svc-company-card{
    background:#fff;
    border-radius:14px;
    padding:18px;
    border:1px solid #e5e7eb;
    text-align:center;
}

.svc-company-logo img{
    width:90px;
    height:90px;
    object-fit:contain;
    border-radius:12px;
    margin-bottom:10px;
}

.svc-company-name{
    font-size:18px;
    font-weight:700;
    margin-bottom:6px;
}
/* WRAPPER */
.svc-detail-wrapper{
    background:#f5f7fa;
    padding:30px 0;
}

/* LEFT */
.svc-gallery{
    background:#fff;
    border-radius:14px;
    padding:12px;
    height:100%;
}

.svc-main-image img{
    width:100%;
    border-radius:12px;
}

.svc-thumbnails{
    display:flex;
    gap:10px;
    margin-top:12px;
}

.svc-thumbnails img{
    width:60px;
    height:60px;
    object-fit:cover;
    border-radius:8px;
    border:2px solid transparent;
    cursor:pointer;
}

.svc-thumbnails img.active{
    border-color:#0d5cab;
}

/* CENTER */
.svc-product-info{
    background:#fff;
    border-radius:14px;
    padding:20px;
    height:100%;
}

.svc-scroll-box{
    max-height:540px;
    overflow-y:auto;
    scrollbar-width:none;
}

.svc-scroll-box::-webkit-scrollbar{
    display:none;
}

.svc-title{
    font-size:24px;
    font-weight:700;
}

.svc-price{
    font-size:26px;
    font-weight:700;
    color:#0d5cab;
    margin:10px 0;
}

.svc-highlights div{
    display:flex;
    justify-content:space-between;
    padding:10px 0;
    border-bottom:1px solid #e5e7eb;
}

/* RIGHT CARD */
.svc-company-card-fixed{
    background:#fff;
    border-radius:14px;
    padding:18px;
    height:540px;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
}

.svc-company-logo img{
    width:90px;
    height:90px;
    object-fit:contain;
}

.svc-company-name{
    font-size:18px;
    font-weight:700;
}

.svc-verified{
    color:green;
    font-size:14px;
}

.svc-plan{
    color:#c59d00;
    font-weight:600;
}

.svc-company-details div{
    display:flex;
    justify-content:space-between;
    font-size:14px;
    padding:6px 0;
    border-bottom:1px solid #eee;
}

.svc-btn{
    display:block;
    width:100%;
    padding:12px;
    border-radius:10px;
    text-align:center;
    font-weight:600;
}

.svc-btn-primary{
    background:#0d5cab;
    color:#fff;
}

.svc-btn-outline{
    border:1px solid #0d5cab;
    color:#0d5cab;
}

/* MOBILE */
@media(max-width:768px){
    .svc-company-card-fixed,
    .svc-scroll-box{
        height:auto;
        max-height:none;
    }
}

/* popular service home page */

/* ---------- wrapper ---------- */
.svc-detail-wrapper{ background:#ffffff; padding:30px 0; font-family:Inter,system-ui,Arial; }

/* ---------- LEFT GALLERY ---------- */
.svc-gallery{ background:#fff; border-radius:12px; padding:12px; }
.svc-main-image img{ width:100%; border-radius:10px; display:block; object-fit:cover; }
.svc-thumbnails{ display:flex; gap:10px; margin-top:12px; flex-wrap:wrap; }
.svc-thumbnails img{ width:60px; height:60px; object-fit:cover; border-radius:8px; cursor:pointer; border:2px solid transparent; }
.svc-thumbnails img.active{ border-color:#0d5cab; }

/* ---------- CENTER (scrollable, no visible scrollbar) ---------- */
.svc-product-info{ background:#fff; border-radius:12px; padding:20px; }
.svc-scroll-box{ max-height:440px; overflow-y:auto; padding-right:6px; -ms-overflow-style:none; scrollbar-width:none; }
.svc-scroll-box::-webkit-scrollbar{ width:0; height:0; display:none; }
.svc-title{ font-size:26px; font-weight:700; color:#111827; margin-bottom:6px; }
.svc-price{ font-size:26px; color:#0d5cab; font-weight:700; margin:6px 0; }
.svc-highlights{ border-top:1px solid #f1f5f9; border-bottom:1px solid #f1f5f9; margin:12px 0; }
.svc-highlights div{ display:flex; justify-content:space-between; padding:10px 0; color:#374151; }

/* ---------- RIGHT CARD (NO BORDER) ---------- */
.ft-card-borderless{
    max-width:316px;
    min-height:420px;       /* adjust if chahiye (460/520) */
    background:#ffffff;     /* white background but NO border */
    border:none;            /* explicitly no border */
    border-radius:12px;
    padding:16px;
    display:flex;
    flex-direction:column;
    gap:10px;
}

/* remove any box-shadow as well so card is flat */
.ft-card-borderless{ box-shadow:none; }

/* header */
.ft-card-top{ display:flex; gap:12px; align-items:flex-start; }
.ft-logo{ width:64px; height:64px; object-fit:contain; border-radius:8px; background:#f9fafb; display:block; }
.ft-name{ font-size:18px; font-weight:700; margin:0; color:#111827; display:flex; align-items:center; gap:6px; }
.ft-verified{ color:#1d9bf0; font-size:14px; }
.ft-rating{ color:#f4b400; font-size:10px; margin-top:6px; }
.ft-plan{ color:#0d5cab; font-weight:600; font-size:14px; margin-top:6px; }

/* location */
.ft-location{ font-size:14px; color:#6b7280; margin-top:6px; }

/* details list */
.ft-info{ list-style:none; padding:0; margin:6px 0 0 0; overflow:auto; max-height:180px; -ms-overflow-style:none; scrollbar-width:none; }
.ft-info::-webkit-scrollbar{ width:0; display:none; }
.ft-info li{ display:flex; justify-content:space-between; padding:8px 0; border-bottom:1px dashed rgba(0,0,0,0.04); font-size:14px; color:#111827; }
.ft-info li span{ color:#6b7280; font-weight:500; }
.ft-info li:last-child{ border-bottom:none; }

/* actions / buttons (same size) */
.ft-actions{ margin-top:8px; display:flex; flex-direction:column; gap:10px; }
.ft-btn{ display:flex; align-items:center; justify-content:center; gap:8px; width:100%; min-height:48px; border-radius:10px; text-decoration:none; font-weight:700; font-size:15px; }
.ft-primary{ background:#0d5cab; color:#fff; border:none; }
.ft-outline{ background:#fff; color:#0d5cab; border:1px solid rgba(13,92,171,0.12); }

/* responsive: stack and remove fixed heights on small screens */
@media (max-width: 991px){
    .ft-card-borderless{ max-width:100%; min-height:auto; padding:14px; }
    .svc-scroll-box{ max-height:360px; }
    .svc-thumbnails img{ width:48px; height:48px; }
}
/* LEFT CARD (Image Gallery) */
.svc-gallery{
    background:#ffffff !important;
}

/* CENTER CARD (Product Details / Scrollable) */
.svc-product-info{
    background:#ffffff !important;
}

/* RIGHT CARD (Company Card – borderless) */
.ft-card-borderless{
    /* background:#d5c2c2 !important; */
    border: 1.5px solid #e0e0e0;
}

.svc-product-info ,.svc-gallery{
    border: none !important;
}

.svc-description{
       font-size: 26px;
    font-weight: 700;
    color: #111827;
    margin-bottom: 6px;
        font-family: var(--headingFont);
}   /* bold but clean */
.ft-location i{
    color:#6b7280;
    margin-right:6px;
    font-size:14px;
}





/* relevant product */
/* ===== RELATED SECTION ===== */
.ft-related-section{
    background:#ffffff;
    padding:40px 0;
    font-family:Inter, system-ui, Arial;
}

.ft-related-title{
    font-size:22px;
    font-weight:700;
    color:#111827;
}

/* SLIDE ITEM */
.ft-slide-item{
    padding:0 10px;
}

/* CARD */
.ft-related-card{
    background:#ffffff;
    border-radius:12px;
    overflow:hidden;
    box-shadow:0 2px 8px rgba(0,0,0,0.08);
    display:flex;
    flex-direction:column;
    height:100%;
}

/* IMAGE */
.ft-related-img img{
    width:100%;
    height:180px;
    object-fit:cover;
}

/* BODY */
.ft-related-body{
    padding:14px;
    display:flex;
    flex-direction:column;
    gap:8px;
}

/* NAME */
.ft-related-name{
    font-size:16px;
    font-weight:700;
    line-height:1.4;
}
.ft-related-name a{
    color:#111827;
    text-decoration:none;
}

/* LOCATION */
.ft-related-location{
    font-size:13px;
    color:#6b7280;
    display:flex;
    align-items:center;
    gap:6px;
}

/* PRICE */
.ft-related-price{
    font-size:16px;
    font-weight:700;
    color:#0d5cab;
}

/* BUTTON */
.ft-related-btn{
    margin-top:auto;
    background:#0d5cab;
    color:#ffffff;
    text-align:center;
    padding:10px;
    border-radius:8px;
    font-weight:600;
    text-decoration:none;
    font-size:14px;
}

/* SLICK FIX */
.ft-related-slider .slick-slide{
    height:auto;
}
.ft-related-title{
    font-size:22px;
    font-weight:700;
    margin-bottom:20px;
}

.ft-product-card{
    background:#fff;
    border-radius:10px;
    overflow:hidden;
    box-shadow:0 2px 10px rgba(0,0,0,0.06);
    height:100%;
}

.ft-product-img{
    height:180px;
    overflow:hidden;
}

.ft-product-img img{
    width:100%;
    height:100%;
    object-fit:cover;
}

.ft-product-body{
    padding:14px;
}

.ft-product-name{
    font-size:15px;
    font-weight:700;
    margin-bottom:4px;
}

.ft-product-name a{
    color:#000;
    text-decoration:none;
}

.ft-product-company{
    font-size:13px;
    color:#555;
}

.ft-product-location{
    font-size:13px;
    color:#777;
    margin:4px 0;
}

.ft-product-location i{
    margin-right:4px;
}

.ft-product-price{
    font-size:15px;
    font-weight:700;
    margin:6px 0 10px;
}

.ft-product-btn{
    display:block;
    text-align:center;
    background:#0d5cab;
    color:#fff;
    padding:8px 0;
    border-radius:6px;
    font-size:14px;
    font-weight:600;
    text-decoration:none;
}
/* ===============================
   PRODUCT CARD BASE
================================ */
.ft-product-card{
    background:#fff;
    border-radius:10px;
    overflow:hidden;
    box-shadow:0 2px 8px rgba(0,0,0,0.06);
    transition:all .3s ease;
    height:100%;
}

.ft-product-card:hover{
    transform:translateY(-6px);
    box-shadow:0 8px 22px rgba(0,0,0,0.12);
}

/* ===============================
   IMAGE
================================ */
.ft-product-img{
    height:160px;
    overflow:hidden;
}

.ft-product-img img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .4s ease;
}

.ft-product-card:hover .ft-product-img img{
    transform:scale(1.06);
}

/* ===============================
   BODY
================================ */
.ft-product-body{
    padding:12px;
}

/* ===============================
   TITLE (MAX 2 LINES)
================================ */
.ft-product-name{
    font-size:14px;
    font-weight:700;
    margin-bottom:4px;

    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
}

.ft-product-name a{
    color:#000;
    transition:color .3s ease;
}

.ft-product-name a:hover{
    color:#0d5cab;
}

/* ===============================
   COMPANY (1 LINE)
================================ */
.ft-product-company{
    font-size:13px;
    color:#555;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

/* ===============================
   LOCATION
================================ */
.ft-product-location{
    font-size:13px;
    color:#777;
    margin:4px 0;
    transition:color .3s ease;
}

.ft-product-card:hover .ft-product-location{
    color:#0d5cab;
}

/* ===============================
   PRICE
================================ */
.ft-product-price{
    font-size:14px;
    font-weight:700;
    margin:6px 0 10px;
    transition:color .3s ease;
}

.ft-product-card:hover .ft-product-price{
    color:#0d5cab;
}

/* ===============================
   BUTTON
================================ */
.ft-product-btn{
    display:block;
    text-align:center;
    background:#0d5cab;
    color:#fff;
    padding:7px 0;
    border-radius:6px;
    font-size:13px;
    font-weight:600;
    text-decoration:none;
    transition:all .3s ease;
}

.ft-product-btn:hover{
    background:#093f86;
}

/* ===============================
   RESPONSIVE GRID FIX
================================ */

/* Desktop (3 cards) */
@media (min-width:1200px){
    .related_services_slider .col-xl-4{
        flex:0 0 33.3333%;
        max-width:33.3333%;
    }
}

/* Tablet (2 cards) */
@media (max-width:991px){
    .related_services_slider .col-xl-4{
        flex:0 0 50%;
        max-width:50%;
    }

    .ft-product-img{
        height:150px;
    }
}

/* Mobile (2 cards SAME ROW) */
@media (max-width:576px){
    .related_services_slider{
        display:flex;
    }

    .related_services_slider .col-xl-4{
        flex:0 0 50%;
        max-width:50%;
        padding:0 6px;
    }

    .ft-product-img{
        height:135px;
    }

    .ft-product-name{
        font-size:13px;
    }

    .ft-product-price{
        font-size:13px;
    }
}
/* ===============================
   DESKTOP CARD FIX SIZE
================================ */

.ft-product-card{
    width:100%;
    max-width:246px;          /* ✅ EXACT WIDTH */
    height:338px;             /* ✅ EXACT HEIGHT */
    background:#fff;
    border-radius:10px;
    overflow:hidden;
    box-shadow:0 2px 8px rgba(0,0,0,0.06);
    transition:all .3s ease;
    display:flex;
    flex-direction:column;
}

/* hover */
.ft-product-card:hover{
    transform:translateY(-5px);
    box-shadow:0 10px 26px rgba(0,0,0,0.15);
}

/* ===============================
   IMAGE
================================ */
.ft-product-img{
    height:150px;             /* ✅ IMAGE HEIGHT */
    overflow:hidden;
    flex-shrink:0;
}

.ft-product-img img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .35s ease;
}

.ft-product-card:hover .ft-product-img img{
    transform:scale(1.05);
}

/* ===============================
   BODY
================================ */
.ft-product-body{
    padding:10px;
    flex:1;
    display:flex;
    flex-direction:column;
}

/* ===============================
   TITLE (MAX 2 LINES)
================================ */
.ft-product-name{
    font-size:13px;
    font-weight:700;
    line-height:1.3;
    margin-bottom:4px;

    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
}

.ft-product-name a{
    color:#000;
    transition:color .25s ease;
}

.ft-product-name a:hover{
    color:#0d5cab;
}

/* ===============================
   COMPANY
================================ */
.ft-product-company{
    font-size:12px;
    color:#666;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

/* ===============================
   LOCATION
================================ */
.ft-product-location{
    font-size:12px;
    color:#777;
    margin:3px 0;
}

/* ===============================
   PRICE
================================ */
.ft-product-price{
    font-size:13px;
    font-weight:700;
    margin:6px 0 8px;
}

/* ===============================
   BUTTON
================================ */
.ft-product-btn{
    margin-top:auto;          /* ✅ button bottom pe fix */
    display:block;
    text-align:center;
    background:#0d5cab;
    color:#fff;
    padding:6px 0;
    border-radius:6px;
    font-size:12px;
    font-weight:600;
    text-decoration:none;
    transition:background .3s ease;
}

.ft-product-btn:hover{
    background:#093f86;
}
.related_services_slider{
    width:100%;
}
.related_services_slider .slick-slide{
    padding:0 20px;   /* 👈 left-right gap */
}
.ft-product-description{
    font-size:13px;
    color:#444;
    line-height:1.5;

    display:-webkit-box;
    -webkit-line-clamp:2;   /* 👈 sirf 2 line */
    -webkit-box-orient:vertical;
    overflow:hidden;
}
/* service section card */
.about-company-wrap{padding:40px 0}
.company-card{border:1px solid #eee;border-radius:10px;padding:20px}
.company-logo{width:80px;margin-bottom:15px}
.label{font-size:12px;color:#777;margin-top:10px}
.company-name{font-weight:700}
.verified{color:#0d6efd}
.company-actions a{display:block;margin-top:10px;padding:10px;border:1px solid #ddd;border-radius:6px;text-align:center}

.company-meta{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin:15px 0}
.company-meta span{font-size:13px;color:#777}
.company-desc{margin:15px 0;color:#555}

.rating-summary{display:grid;grid-template-columns:1fr 2fr 1.5fr;gap:30px;margin-top:30px}
.rating-left h1{font-size:48px;margin:0}

.bar-row{display:flex;align-items:center;gap:10px}
.bar{flex:1;height:8px;background:#eee;border-radius:5px}
.bar div{height:100%;background:#ffc107;border-radius:5px}

.rating-performance .progress{height:6px;background:#eee;border-radius:4px;margin:6px 0}
.rating-performance .progress div{height:100%;background:#28a745;border-radius:4px}

.review-card{border:1px solid #eee;border-radius:8px;padding:15px;margin-top:20px}
/* 

*/
.sd-search button{
    margin-left: 8px;
}
.sd-search{
    display: flex;
    gap: 8px; /* 👈 yahi gap control karega */
}




/* review section code */
/* ===== RESET ===== */
.cp-wrapper *{
  margin:0;
  padding:0;
  box-sizing:border-box;
  font-family:'Inter', sans-serif;
}

/* ===== LAYOUT ===== */
.cp-wrapper{
  max-width:1200px;
  margin:40px auto;
  display:flex;
  gap:40px;
  align-items:flex-start;
}

/* ===== CARD ===== */
.cp-card{
  width:340px;
  background:#ffffff;
  border:1px solid #e5e7eb;
  border-radius:12px;
  padding:18px;
}

.cp-card img{
  width:100%;
  height:150px;
  object-fit:contain;
  border-radius:8px;
  margin-bottom:16px;
}

.cp-label{
  font-size:14px;
  color:#6b7280;
  margin-top:12px;
}

.cp-company-name{
  font-size:17px;
  font-weight:600;
  color:#111827;
  display:flex;
  align-items:center;
  gap:6px;
  margin-top:4px;
}

.cp-verified{
  background:#1e88e5;
  color:#ffffff;
  font-size:12px;
  border-radius:50%;
  width:18px;
  height:18px;
  display:flex;
  align-items:center;
  justify-content:center;
}

.cp-info{
  font-size:15px;
  color:#1f2937;
  margin-top:4px;
}

.cp-btn{
  width:100%;
  padding:12px;
  margin-top:14px;
  border:1px solid #e5e7eb;
  background:#ffffff;
  border-radius:8px;
  font-size:15px;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  text-decoration:none;
  color:#111827;
}

.cp-btn:hover{
  background:#f9fafb;
}

/* ===== RIGHT CONTENT ===== */
.cp-content{
  flex:1;
}

.cp-content h2{
  font-size:22px;
  font-weight:600;
  margin-bottom:14px;
}

.cp-description{
  max-width:900px;
  font-size:15px;
  line-height:1.7;
  color:#4b5563;
}

/* ===== RATINGS ===== */
.cp-rating-wrapper{
  display:flex;
  gap:80px;
  margin-top:30px;
}

.cp-stars-outline{
  color:#0d9488;
  font-size:28px;
  letter-spacing:4px;
}

.cp-left-rating p{
  margin-top:10px;
  font-size:14px;
  color:#6b7280;
}

.cp-rating-bars{
  min-width:420px;
}

.cp-rating-row{
  display:flex;
  align-items:center;
  gap:12px;
  margin:10px 0;
}

.cp-stars{
  color:#facc15;
  min-width:90px;
}

.cp-bar{
  flex:1;
  height:14px;
  background:#e5e7eb;
  border-radius:6px;
}

.cp-count{
  width:20px;
  font-size:14px;
}

/* ===== FILTERS ===== */
.cp-filters{
  margin-top:40px;
  display:flex;
  gap:16px;
}

.cp-filters select{
  padding:10px 14px;
  border:1px solid #e5e7eb;
  border-radius:8px;
  background:#ffffff;
}

/* ===== RESPONSIVE ===== */
@media(max-width:900px){
  .cp-wrapper{
    flex-direction:column;
  }

  .cp-card{
    width:100%;
  }

  .cp-rating-wrapper{
    flex-direction:column;
    gap:30px;
  }

  .cp-rating-bars{
    min-width:100%;
  }
}


.cp-btn:hover{
  background:#0d57a0;
  color:#ffffff;
  border-color:#0d57a0;
}

.alert-badge {
    position: absolute;
    background: red;
    color: #fff;
    /* font-size: 10px;/ */
    padding: 3px;
    border-radius: 100%;
    top: -7px;
    right: -15px;
    padding-left: 7px;
    padding-right: 7px;
}
        .icon-wrapper{
            position:relative;
            display:inline-block;
        }

        /* ================================
   FIX FOR FOLD / TABLET SCREENS
   (Asus Zenbook Fold, 820px–1024px)
================================ */

/* Treat fold & tablet as desktop */
@media (min-width: 820px) {
    .sd-container {
        display: flex !important;
        align-items: center;
        gap: 16px;
        justify-content: space-between;
    }

    .sd-mobile-header {
        display: none !important;
    }
}

/* Strict mobile only */
@media (max-width: 819px) {
    .sd-container {
        display: none !important;
    }

    .sd-mobile-header {
        display: flex !important;
    }
}

/* ================================
   SEARCH RESPONSIVE FIX
================================ */

.sd-search {
    max-width: 460px;
    width: 100%;
}

/* Prevent hiding / cutting */
.sd-header,
.sd-container,
.sd-menu,
.sd-search {
    overflow: visible !important;
}


/* ===============================
   MOBILE SEARCH INPUT SIZE
================================ */

.sd-mobile-search-form input {
    height: 44px;            /* 🔼 height yahan change karo */
    font-size: 15px;         /* text size */
    padding: 0 14px;         /* left-right space */
    border-radius: 8px;
}

/* 🔍 jab search open ho */
.sd-mobile-search-form.active input {
    height: 48px;            /* open hone par thoda bada */
    font-size: 16px;
}
/* Accordion container */
.colorful-accordion .accordion-item {
    border: none;
    border-radius: 12px;
    overflow: hidden;
}

/* Title button */
.colorful-accordion .announcement-btn {
    background: linear-gradient(135deg, #4f46e5, #3b82f6);
    color: #fff;
    font-weight: 600;
    border-radius: 12px;
    padding: 14px 18px;
}

/* Remove default arrow background */
.colorful-accordion .accordion-button::after {
    filter: brightness(0) invert(1);
}

/* Hover effect */
.colorful-accordion .announcement-btn:hover {
    background: linear-gradient(135deg, #4338ca, #2563eb);
}

/* Active (open) state */
.colorful-accordion .accordion-button:not(.collapsed) {
    background: linear-gradient(135deg, #16a34a, #22c55e);
    color: #fff;
}

/* Message box */
.colorful-accordion .announcement-body {
    background: #f0fdf4;
    border-left: 5px solid #22c55e;
    padding: 16px;
    font-size: 15px;
    color: #065f46;
}

.popup-banner-img{
    max-height: 480px;
    object-fit: cover;
}

.modal-header{
    border-bottom: none;
}

.carousel-indicators button{
    background-color:#fff;
}

/* ===== POPULAR SERVICE SECTION HEADING ===== */
.psv_section .psv_heading h2 {
    font-weight: 700;          /* bold */
    font-size: 30px;
    position: relative;
    display: inline-block;     /* center ke liye */
    padding-left: 16px;        /* line ke liye space */
    margin: 0 auto;
}

/* Left accent line */
.psv_section .psv_heading h2::before {
    content: "";
    position: absolute;
    left: 0;
    top: 10%;
    width: 4px;
    height: 80%;
    background-color: #0d6efd; /* theme blue */
    border-radius: 3px;
}


/* ===============================
   VERIFIED SELLER WRAPPER
================================ */
.verified-seller-wrapper{
    padding:60px 0;
    background:#f7f9fc;
}

@media(max-width:768px){
    .verified-seller-wrapper{
        padding:40px 0;
    }
}

/* ===============================
   CARD
================================ */
.vs-card{
    background:#ffffff;
    border:1px solid #e6e6e6;
    border-radius:10px;
    padding:16px;
    transition:0.3s;
    height:100%;
}

.vs-card:hover{
    box-shadow:0 8px 22px rgba(0,0,0,0.08);
    transform:translateY(-4px);
}

@media(max-width:575px){
    .vs-card{
        padding:14px;
    }
}

/* ===============================
   LOGO
================================ */
.vs-logo-box{
    background:#0b2545;
    border-radius:8px;
    padding:22px;
    display:flex;
    justify-content:center;
    align-items:center;
    margin-bottom:14px;
}

.vs-logo-box img{
    max-width:100%;
    max-height:90px;
    object-fit:contain;
}

/* ===============================
   COMPANY NAME
================================ */
.vs-company-name{
    font-size:20px;
    font-weight:700;
    color:#111;
    margin-bottom:6px;
    word-break:break-word;
}

@media(max-width:575px){
    .vs-company-name{
        font-size:16px;
    }
}

/* ===============================
   LOCATION
================================ */
.vs-location{
    font-size:11px;
    color:#6c757d;
    display:flex;
    align-items:center;
    gap:6px;
    margin-bottom:10px;
}

/* ===============================
   META
================================ */
.vs-meta{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:14px;
    flex-wrap:wrap;
    gap:6px;
}

.vs-rating{
    font-size:14px;
    font-weight:500;
    color:#111;
}

.vs-rating i{
    color:#f4b400;
    margin-right:3px;
}

.vs-products{
    font-size:14px;
    color:#6c757d;
}

/* ===============================
   BUTTON
================================ */
.vs-view-btn{
    display:block;
    width:100%;
    text-align:center;
    padding:9px 0;
    border:1px solid #e1e1e1;
    border-radius:6px;
    font-size:14px;
    font-weight:500;
    color:#111;
    text-decoration:none;
    transition:0.3s;
}

.vs-view-btn:hover{
    background:#1f6bb8;
    border-color:#0d6efd;
    color:#fff;
}

/* ===============================
   HERO SECTION
================================ */
.vs-hero{
    width:100%;
    height:280px;
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat; /* 🔥 IMAGE REPEAT FIX */
    position:relative;
}

/* OVERLAY */
.vs-hero-overlay{
    width:100%;
    height:100%;
    background:linear-gradient(
        90deg,
        rgba(11,37,69,0.88) 0%,
        rgba(11,37,69,0.65) 45%,
        rgba(11,37,69,0.25) 100%
    );
    display:flex;
    align-items:center;
}

/* CONTENT */
.vs-hero-content{
    max-width:600px;
    padding:0 15px;
}

.vs-hero-content h1{
    font-size:40px;
    font-weight:700;
    color:#ffffff;
    margin-bottom:10px;
}

.vs-hero-content p{
    font-size:17px;
    color:#e6e6e6;
    margin-bottom:8px;
}

/* POINTS */
.vs-hero-points span{
    font-size:15px;
    color:#ffffff;
    display:flex;
    align-items:center;
    gap:8px;
}

.vs-hero-points i{
    color:#9be15d;
    font-size:16px;
}

/* ===============================
   HERO RESPONSIVE
================================ */
@media(max-width:768px){
    .vs-hero{
        height:220px;
    }

    .vs-hero-content h1{
        font-size:28px;
    }

    .vs-hero-content p{
        font-size:15px;
    }
}

@media(max-width:575px){
    .vs-hero{
        height:200px;
    }

    .vs-hero-content h1{
        font-size:24px;
    }

    .vs-hero-content p{
        font-size:14px;
    }
}

/* ===============================
   VERIFIED SELLER WRAPPER
================================ */
.verified-seller-wrapper{
    padding:60px 0;
    background:#f7f9fc;
}

@media(max-width:768px){
    .verified-seller-wrapper{
        padding:40px 0;
    }
}

/* ===============================
   CARD
================================ */
.vs-card{
    background:#ffffff;
    border:1px solid #e6e6e6;
    border-radius:10px;
    padding:16px;
    transition:0.3s;
    height:100%;
}

.vs-card:hover{
    box-shadow:0 8px 22px rgba(0,0,0,0.08);
    transform:translateY(-4px);
}

@media(max-width:575px){
    .vs-card{
        padding:14px;
    }
}

/* ===============================
   LOGO
================================ */
.vs-logo-box{
    background:#0b2545;
    border-radius:8px;
    padding:22px;
    display:flex;
    justify-content:center;
    align-items:center;
    margin-bottom:14px;
}

.vs-logo-box img{
    max-width:100%;
    max-height:90px;
    object-fit:contain;
}

/* ===============================
   COMPANY NAME
================================ */
.vs-company-name{
    font-size:20px;
    font-weight:700;
    color:#111;
    margin-bottom:6px;
    word-break:break-word;
}

@media(max-width:575px){
    .vs-company-name{
        font-size:16px;
    }
}

/* ===============================
   LOCATION
================================ */
.vs-location{
    font-size:11px;
    color:#6c757d;
    display:flex;
    align-items:center;
    gap:6px;
    margin-bottom:10px;
}

/* ===============================
   META
================================ */
.vs-meta{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:14px;
    flex-wrap:wrap;
    gap:6px;
}

.vs-rating{
    font-size:14px;
    font-weight:500;
    color:#111;
}

.vs-rating i{
    color:#f4b400;
    margin-right:3px;
}

.vs-products{
    font-size:14px;
    color:#6c757d;
}

/* ===============================
   BUTTON
================================ */
.vs-view-btn{
    display:block;
    width:100%;
    text-align:center;
    padding:9px 0;
    border:1px solid #e1e1e1;
    border-radius:6px;
    font-size:14px;
    font-weight:500;
    color:#111;
    text-decoration:none;
    transition:0.3s;
}

.vs-view-btn:hover{
    background:#1f6bb8;
    border-color:#0d6efd;
    color:#fff;
}

/* ===============================
   HERO SECTION
================================ */
.vs-hero{
    width:100%;
    height:280px;
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat; /* 🔥 IMAGE REPEAT FIX */
    position:relative;
}

/* OVERLAY */
.vs-hero-overlay{
    width:100%;
    height:100%;
    background:linear-gradient(
        90deg,
        rgba(11,37,69,0.88) 0%,
        rgba(11,37,69,0.65) 45%,
        rgba(11,37,69,0.25) 100%
    );
    display:flex;
    align-items:center;
}

/* CONTENT */
.vs-hero-content{
    max-width:600px;
    padding:0 15px;
}

.vs-hero-content h1{
    font-size:40px;
    font-weight:700;
    color:#ffffff;
    margin-bottom:10px;
}

.vs-hero-content p{
    font-size:17px;
    color:#e6e6e6;
    margin-bottom:8px;
}

/* POINTS */
.vs-hero-points span{
    font-size:15px;
    color:#ffffff;
    display:flex;
    align-items:center;
    gap:8px;
}

.vs-hero-points i{
    color:#9be15d;
    font-size:16px;
}

/* ===============================
   HERO RESPONSIVE
================================ */
@media(max-width:768px){
    .vs-hero{
        height:220px;
    }

    .vs-hero-content h1{
        font-size:28px;
    }

    .vs-hero-content p{
        font-size:15px;
    }
}

@media(max-width:575px){
    .vs-hero{
        height:200px;
    }

    .vs-hero-content h1{
        font-size:24px;
    }

    .vs-hero-content p{
        font-size:14px;
    }
}