:root {
            --primary-yellow: #f9ad02;
            --secondary-blue: #15274d;
            --soft-purple: #e0d7ff;
            --soft-orange: #f0fcff;
            --soft-pink: #ffe5e5;
            --dark-text: #2d3436;
            --light-bg: #f8f9fa;
        }
.text-primary { color: var(--secondary-blue) !important;}
        body {
            font-family: 'Quicksand', sans-serif;
            color: var(--dark-text);
            overflow-x: hidden;
        }

        h1, h2, h3, .navbar-brand {
           
        }

        /* Hero Styling */
        .hero-section {
            background: url('../img/banner-cat.jpg') top center no-repeat;
            padding: 80px 0 203px;
            position: relative;
            color: white;
			background-size:cover
        }

        .hero-wave {
            position: absolute;
            bottom: -2px;
            left: 0;
            width: 100%;
            line-height: 0;
        }

        .hero-img-container {
            position: relative;
           /* border-radius: 50% 50% 0 0;*/
            overflow: hidden;
           /* border: 10px solid rgba(255,255,255,0.3);*/
        }

        /* Buttons */
        .btn-primary-custom {
            background-color: #333;
            color: white;
            border-radius: 50px;
            padding: 12px 30px;
            font-weight: 600;
            border: none;
            transition: 0.3s;
        }

        .btn-primary-custom:hover {
            background-color: #000;
            transform: scale(1.05);
        }

        /* Trust Section (Section 4) */
        .trust-img {
            border-radius: 50% 50% 50% 50% / 60% 60% 40% 40%;
            overflow: hidden;
        }

        .trust-icon-list {
            list-style: none;
            padding: 0;
        }

        .trust-icon-list li {
            display: flex;
            align-items: center;
            margin-bottom: 20px;
        }

        .trust-icon-list i {
            width: 45px;
            height: 45px;
            background: var(--soft-orange);
            color: var(--primary-yellow);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-right: 15px;
            font-size: 1.2rem;
        }

        /* Category Grid (Section 5) */
        .category-circle {
           text-align:left;
            height:auto;
            overflow: hidden;
            margin: 0 auto 15px;
            transition: 0.3s;
			border-radius:10px;
			 text-align:left !important;
        }
		 .category-circle img{width:100%; border-radius:5px;}
		 .category-circle h6{font-size:1.4rem;}
.category-circle h6, .category-circle p{text-align:left; padding-right:30px;}
        .category-item:hover .category-circle {
            border-color: var(--secondary-blue);
            transform: translateY(-5px);
        }

        /* Grooming Hacks / Pricing Table Style (Section 3) */
        .hack-card {
            border-radius: 40px;
            padding: 40px;
            height: 100%;
            transition: 0.3s;
            border: none;
        }

        .bg-purple { background-color: var(--soft-purple); }
        .bg-orange { background-color: var(--soft-orange); }
        .bg-pink { background-color: var(--soft-pink); }

        .hack-card ul {
            list-style: none;
            padding: 0;
            margin-top: 25px;
			margin-bottom:0px;
        }

        .hack-card ul li {
            padding: 10px 0;
            border-bottom: 1px dashed rgba(0,0,0,0.1);
            font-size: 0.95rem;
        }
		.hack-card ul li:last-child{border-bottom:none !important;}

        /* Gallery Overlay */
        .gallery-grid img {
            border-radius: 15px;
            width: 100%;
            height: 200px;
            object-fit: cover;
            margin-bottom: 15px;
        }

        /* Footer replacement spacing */
        .final-spacer {
            padding-bottom: 80px;
        }
		.hero-img-container {max-width:75%;}
		.hero-img-container img{max-width:100%;}
		#about{background:none !important; padding-top:0px !important;}
		#shop{    background: #f8f9fa !important;}
		a .fw-bold {color:#000;}
		#blog .card {height:100%;}
		/* CTA BANNER */
.cta-section{background:linear-gradient(135deg,#132241 0%,#14284f 100%);text-align:center;padding:7rem 2rem;position:relative;overflow:hidden}
.cta-section::before{content:'';position:absolute;top:-100px;right:-100px;width:400px;height:400px;border-radius:50%;background:rgba(200,146,42,0.12)}
.cta-section::after{content:'';position:absolute;bottom:-100px;left:-100px;width:300px;height:300px;border-radius:50%;background:rgba(200,146,42,0.08)}
.cta-inner{position:relative;z-index:1;max-width:1300px;margin:0 auto}
.cta-inner h2{font-size:clamp(32px,3.5vw,52px);font-weight:700;color:#fff;margin-bottom:1.25rem;line-height:1.15}
.cta-inner h2 span{color:#ffb300; display:block;}
.cta-inner h3 {color:#fff;}
.top_places {display:flex; flex-wrap:wrap;    justify-content: center;}
.top_places div{ background: rgba(255, 255, 255, .2); width:30%; padding:10px; border-radius:10px; color:#fff;     margin: 15px 1% 15px 1%; text-align:center;}
.top_places div strong{display:block; color:#ffb300; font-size:1.2rem;}
 

.cta-inner p{font-size:17px; color:#fff;;margin-bottom:2.5rem;line-height:1.75}

.cta-btns{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}
.btn-white{background:var(--white);color:var(--brown-dark);padding:15px 32px;border-radius:var(--radius);font-size:15px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-block}
.btn-white:hover{background:var(--cream);transform:translateY(-2px)}
.btn-ghost{background:transparent;color:var(--white);border:1.5px solid rgba(255,255,255,0.5);padding:15px 32px;border-radius:var(--radius);font-size:15px;font-weight:500;text-decoration:none;transition:all .2s;display:inline-block}
.btn-ghost:hover{border-color:var(--white);background:rgba(255,255,255,0.08)}
img.cat-owner{border-radius:10px;}
.accordion-button:not(.collapsed){color:#fff !important; background:#132241 !important;}
.accordion-button:not(.collapsed)::after {    filter: invert(1);}

  .icon_header{text-align:center; display:flex;     justify-content: center;}
  .icon_header a{margin:0px 10px;}
  .icon_header img{max-width:150px;}
  #education{background:#fff !important;}
  .customer-feedback{float:left; height:100% !important;}
  .customer-feedback:after{display:none !important;}

@media (max-width:1366px) {
                 
  .hero-section {
		padding: 60px 0 125px;
		background-size: cover;
	}
				 
 }
 
 
@media (max-width:991px) {
     .search-filter-100 {
        flex: 0 0 100%;
        width: 100%;
        max-width: 100%;
    }
	 .search-filter-50 {
        flex: 0 0 50%;
        width: 50%;
        max-width: 50%;
		padding: 0 15px;
    }
	.hero-section {
         background-size: cover;
        background-position: right;
    }
	.hero-section .btn.btn-primary-custom {
		margin: 0 auto;
	}
	 .col-md-3 {
        flex: 0 0 auto;
        width: 50%;
    }
	.cta-section {
		padding: 4rem 2rem 3rem;
	}
	 
	
}

@media (max-width:767px) {

    .display-3 {
        font-size: 2.1rem;
    }
	 .hero-section {
        padding: 32px 5px 71px;
    }
	.hack-card {
		padding: 30px 20px;
	}
	#education iframe {
		height: 233px;
	}
	.container.py-5 {
		padding-top: 10px !important;
		padding-bottom: 10px !important;
	}
	.feedbackBy {
    	text-align: right;
		padding-right: 12px;
	}
	.search-filter-50 {
        flex: 0 0 100%;
        width: 100%;
        max-width: 100%;
        padding: 0 15px;
    }
    .quick-link.searchfltr {
        display: flex;
        gap: 15px;
    }
	.top_places div{  width:100%; margin:15px 0%;}
}

@media (max-width:600px) {
	.col-6 {
		flex: 0 0 auto;
		width: 100%;
	}
    .col-md-3 {
        flex: 0 0 auto;
        width: 100%;
    }
	.display-3 {
        font-size: 1.9rem;
    }
	.cta-inner h2 {
		font-size: clamp(28px, 3.5vw, 52px);
	}
	
}
.axil-mobile-toggle{display:none !important;}
.cat-sub-list li {padding-bottom:5px;}
.cat-sub-list li a{ text-align:left; width:100%; display:block; color:#132241; text-decoration:underline !important;}
.cat-sub-list li a:hover{color:#ffb300; text-transform: capitalize;}
#category-circle-box .category-item:nth-child(odd){padding-right:25px;}
#cat-city_box{border-radius:10px; width:90%; max-width:960px !important; background:#f0fcff; margin:0px auto; padding:25px; text-align:center;}
#cat-city_box h2{font-size:1.3rem;}
#cat-city_box h5{font-size:1.0rem; font-weight:normal;}
.city_names{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}
.city_names a {padding:10px; color:#152547; text-decoration:underline !important; margin:0px 3px;}
.city_names a:hover {color:#ffb300 !important;}