/* 

   ==========================================================================

   MODERN PREMIUM OVERRIDES - PRANSHI PROJECTS

   This file refines colors, visibility, and branded components.

   ========================================================================== */



:root {

    --p-primary: #080b1a;

    /* Official Logo Midnight Navy */

    --p-accent: #c5a059;

    /* Signature Gold */

    --p-accent-light: #e2c082;

    /* Champagne Gold */

    --p-white: #ffffff;

    --p-off-white: #f8f9fc;

    --p-text-main: #1a1a1b;

}



/* --- Global Overrides --- */



body {

    color: var(--p-text-main);

}



/* Backgrounds */

.bg-brand {

    background-color: var(--p-primary) !important;

}



.bg-offwhite {

    background-color: var(--p-off-white) !important;

}



/* Section Titles */

.section-title h6 {

    color: #d79212 !important;

    letter-spacing: 2px;

    font-weight: 600;

}



.section-title h2 {

    color: var(--p-primary);

}



/* --- HEADER & MENU VISIBILITY FIXES --- */



/* Ensure the header is actually transparent when requested */

.header-area.transparent:not(.sticky) {

    background-color: #ffffffde !important;

    border-bottom: 1px solid rgba(255, 255, 255, 0.1);

}



/* Sticky state needs solid background */

.header-area.sticky {

    background-color: #ffffff !important;

    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25);

}



/* --- LOGO VISIBILITY AND PREMIUM SIZING --- */

.logo-area {

    display: flex !important;

    align-items: center !important;

    height: 100% !important;

}



.logo-area a {

    display: inline-block !important;

    vertical-align: middle !important;

}



/* Base styles for logo image elements */

.logo-area a img {

    width: 140px !important;

    /* Premium branding size on desktop */

    height: auto !important;

    max-height: 130px !important;

    object-fit: contain !important;

    transition: all 0.3s ease-in-out !important;

}



/* Sticky state logo transition (sleeker height) */

.header-area.sticky .logo-area a img {

    width: 110px !important;

    max-height: 96px !important;

}



/* Exact visibility control overriding style.min.css defaults */

.header-area.transparent:not(.sticky) .logo-dark {

    display: inline-block !important;

}



.header-area.transparent:not(.sticky) .logo-light {

    display: none !important;

}



.header-area.sticky .logo-dark {

    display: none !important;

}



.header-area.sticky .logo-light {

    display: inline-block !important;

}



/* Mobile & Tablet responsive adjustments */

@media only screen and (max-width: 991.98px) {

    .logo-area a img {

        width: 110px !important;

        max-height: 55px !important;

    }

}



@media only screen and (max-width: 575.98px) {
        .slicknav_nav a{
            padding: 0px 0px !important;
    }

    .logo-area a img {
        width: 95px !important;
        max-height: 88px !important;
    }
    i.fa.fa-bars {
    font-size: 27px;
    border: 1px solid #ffc107;
    padding: 6px 10px;
    border-radius: 5px;
}

}



/* Fix Invisible Menu: White text for Transparent & Sticky states */

.header-area .main-menu>li>a,

.header-area .header-action a,

.header-area .header-action button i {

    color: #000000 !important;

    transition: color 0.3s ease;

}



/* Menu Hover */

.header-area .main-menu>li>a:hover {

    color: var(--p-accent) !important;

}



/* Alignment for Header Actions */

.header-action {

    display: flex;

    align-items: center;

    justify-content: flex-end;

}



/* Branded Phone Button Alignment */

.tel-no {

    display: inline-block;

    padding: 8px 22px !important;

    background-color: var(--p-accent) !important;

    color: var(--p-primary) !important;

    border-radius: 50px !important;

    font-size: 14px !important;

    font-weight: 700 !important;

    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;

    text-decoration: none !important;

    margin-right: 15px;

    border: 2px solid var(--p-accent) !important;

}



.tel-no:hover {

    background-color: transparent !important;

    color: var(--p-accent) !important;

    transform: translateY(-2px);

    box-shadow: 0 5px 15px rgba(197, 160, 89, 0.3);

}



/* Header Bars Button Fix */

.btn-menu {

    background-color: rgba(255, 255, 255, 0.1);

    width: 45px;

    height: 45px;

    border-radius: 8px;

    display: flex;

    align-items: center;

    justify-content: center;

}



/* --- Primary UI Buttons --- */

.btn-outline,

.btn-about {

    background-color: transparent;

    border: 2px solid #d79212 !important;

    color: #252422 !important;

    transition: all 0.4s ease !important;

    border-radius: 4px !important;

    font-weight: 600 !important;

}



.view-more-btn {

    background: #000000;

    color: #ffffff !important;

    border: none !important;

    border-radius: 50px !important;

    padding: 15px 40px !important;

    font-weight: 500 !important;

    font-size: 16px !important;

    transition: all 0.4s ease !important;

    box-shadow: 0 8px 15px rgba(197, 160, 89, 0.2) !important;

    border: 2px solid #fff7e1 !important;

}



.btn-outline:hover,

.btn-about:hover,

.view-more-btn:hover {

    background: #d39a32 !important;

    color: #ffffff !important;

    transform: translateY(-5px);

    box-shadow: 0 15px 30px rgba(197, 160, 89, 0.4) !important;

}



/* --- Smooth Hover Interaction for All Buttons --- */



.btn-outline,

.btn-about,

.view-more-btn,

.submit-btn,

.tel-no,

.brochure,

.whatsapp,

.nav-btn,

.btn-menu,

.tp-button,

button,

input[type="submit"] {

    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) !important;

}



/* Global Hover Behavior for Premium Buttons */

.btn-outline:hover,

.btn-about:hover,

.view-more-btn:hover,

.submit-btn:hover,

.footer-top-content .btn-outline:hover {

    transform: translateY(-5px) !important;

    filter: brightness(1.1);

    box-shadow: 0 15px 30px rgba(197, 160, 89, 0.4) !important;

}



/* Specific Hover for Secondary Buttons (Brochure & WhatsApp) */



.brochure:hover {

    background: #e2c082 !important;

    /* Lighter Gold */

    transform: translateY(-3px);

    box-shadow: 0 8px 20px rgba(255, 203, 105, 0.3);

}



.whatsapp:hover {

    background: #1e8a11 !important;

    /* Darker Green */

    transform: translateY(-3px);

    box-shadow: 0 8px 20px rgba(35, 156, 20, 0.3);

}



/* Hover for Slider Nav Buttons */

.nav-btn:hover {

    background: var(--p-accent) !important;

    color: var(--p-primary) !important;

    transform: scale(1.1);

}



/* --- Cards & Items --- */

.blog-item,

.team-mem-item,

.icon-box-item {

    transition: transform 0.3s ease, box-shadow 0.3s ease;

}



.blog-item:hover,

.team-mem-item:hover {

    transform: translateY(-5px);

    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);

}



/* --- Brand Logo Area (Global & Hover) --- */

.brand-logo-area {

    background-color: var(--p-off-white) !important;

    border-top: 1px solid rgba(0, 0, 0, 0.05);

    border-bottom: 1px solid rgba(0, 0, 0, 0.05);

}



.brand-logo-item {

    outline: none !important;

    padding: 10px;

    /* Space for the slide */

}



.brand-logo-item a {

    background: white;

    border: 1px solid #e0e0e0 !important;

    border-radius: 12px;

    height: 110px;

    /* Uniform card height */

    display: flex !important;

    align-items: center;

    justify-content: center;

    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);

    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.02);

    padding: 15px;

}



.brand-logo-item img {

    filter: none !important;

    opacity: 1 !important;

    max-height: 55px;

    /* Slightly larger for better visibility */

    max-width: 90%;

    width: auto;

    object-fit: contain;

    transition: transform 0.3s ease;

}



.brand-logo-item:hover a {

    border-color: var(--p-accent) !important;

    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08);

    transform: translateY(-5px);

}



.brand-logo-item:hover img {

    transform: scale(1.05);

}



/* Fun Facts Section */

.fun-fact-area {

    background: linear-gradient(135deg, var(--p-primary) 0%, #1a2542 100%) !important;

    border-top: 4px solid var(--p-accent);

}



.counter-item h2 {

    color: var(--p-accent) !important;

}



.counter-item h6 {

    color: rgba(255, 255, 255, 0.7) !important;

    text-transform: uppercase;

}



.counter-icon {

    font-size: 45px;

    color: var(--p-accent);

    margin-bottom: 15px;

}



.counter-icon i {

    transition: transform 0.3s ease;

}



.counter-item:hover .counter-icon i {

    transform: scale(1.1);

}



/* --- PREMIUM CONTACT CARDS SECTION --- */

.contact-cards-section {

    margin-bottom: 60px;

}



.premium-card {

    background: white;

    border-radius: 20px;

    padding: 35px 25px;

    text-align: center;

    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.03);

    border: 1px solid rgba(0, 0, 0, 0.05);

    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);

    height: 100%;

    position: relative;

    overflow: hidden;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

}



.premium-card::before {

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 4px;

    background: linear-gradient(90deg, transparent, var(--p-accent), transparent);

    transform: translateX(-100%);

    transition: all 0.6s ease;

}



.premium-card:hover::before {

    transform: translateX(100%);

}



.premium-card:hover {

    transform: translateY(-8px);

    box-shadow: 0 20px 40px rgba(197, 160, 89, 0.12);

    border-color: rgba(197, 160, 89, 0.25);

}



.card-icon-box {

    width: 70px;

    height: 70px;

    border-radius: 50%;

    background: rgba(197, 160, 89, 0.08);

    color: var(--p-accent);

    font-size: 30px;

    display: flex;

    align-items: center;

    justify-content: center;

    margin-bottom: 20px;

    transition: all 0.3s ease;

    position: relative;

}



.premium-card:hover .card-icon-box {

    background: var(--p-accent);

    color: white;

    transform: scale(1.1);

    box-shadow: 0 8px 20px rgba(197, 160, 89, 0.25);

}



/* Pulsing Status Dot */

.status-indicator {

    display: inline-flex;

    align-items: center;

    gap: 6px;

    font-size: 11px;

    font-weight: 700;

    color: #2ec4b6;

    background: rgba(46, 196, 182, 0.08);

    padding: 4px 12px;

    border-radius: 50px;

    margin-top: 15px;

}



.status-dot {

    width: 6px;

    height: 6px;

    background: #2ec4b6;

    border-radius: 50%;

    animation: statusPulse 1.5s infinite alternate;

}



@keyframes statusPulse {

    0% {

        transform: scale(0.8);

        opacity: 0.5;

    }



    100% {

        transform: scale(1.2);

        opacity: 1;

        box-shadow: 0 0 6px #2ec4b6;

    }

}



.premium-card h4 {

    font-size: 18px;

    font-weight: 700;

    color: var(--p-primary);

    margin-bottom: 10px;

    letter-spacing: -0.3px;

}



.premium-card p {

    font-size: 14px;

    color: #555;

    line-height: 1.5;

    margin-bottom: 5px;

}



.premium-card a {

    color: var(--p-accent);

    font-weight: 700;

    text-decoration: none;

    transition: all 0.3s ease;

}



.premium-card a:hover {

    color: var(--p-primary);

}





/* --- ADVANCED CONTACT FORM (Midnight Gold Luxury) --- */

.premium-contact-form-wrapper {

    background: linear-gradient(145deg, #0a0e20 0%, #04060f 100%) !important;

    border: 1px solid rgba(197, 160, 89, 0.15) !important;

    padding: 45px 35px !important;

    border-radius: 24px !important;

    box-shadow: 0 20px 50px rgba(8, 11, 26, 0.25) !important;

    position: relative;

    overflow: hidden;

    margin-bottom: 30px;

}



/* Gold Accent Top Strip */

.premium-contact-form-wrapper::before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 4px;

    background: linear-gradient(90deg, var(--p-accent), var(--p-accent-light), var(--p-accent));

}



.premium-contact-form-wrapper h3 {

    color: white !important;

    font-size: 28px !important;

    font-weight: 800 !important;

    letter-spacing: -0.5px;

    margin-bottom: 8px !important;

    border-left: 4px solid var(--p-accent) !important;

    padding-left: 12px !important;

    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);

}



.premium-contact-form-wrapper .subtitle {

    color: rgba(255, 255, 255, 0.6) !important;

    font-size: 14px !important;

    margin-bottom: 30px !important;

    display: block;

}



/* Floating Input Group */

.floating-input-group {

    position: relative;

    margin-bottom: 25px;

}



.floating-input {

    width: 100%;

    padding: 16px 18px;

    background: rgba(255, 255, 255, 0.03) !important;

    border: 1px solid rgba(255, 255, 255, 0.1) !important;

    border-radius: 12px !important;

    color: white !important;

    font-size: 14px;

    outline: none;

    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);

}



.floating-input:focus {

    border-color: var(--p-accent) !important;

    background: rgba(255, 255, 255, 0.06) !important;

    box-shadow: 0 0 15px rgba(197, 160, 89, 0.15) !important;

}



/* Floating label behaviour */

.floating-label {

    position: absolute;

    left: 18px;

    top: 50%;

    transform: translateY(-50%);

    color: rgba(255, 255, 255, 0.4) !important;

    font-size: 14px;

    font-weight: 500;

    pointer-events: none;

    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);

}



.floating-input:focus~.floating-label,

.floating-input:not(:placeholder-shown)~.floating-label {

    top: 0;

    left: 12px;

    font-size: 11px;

    font-weight: 700;

    color: var(--p-accent) !important;

    background-color: #060915 !important;

    padding: 2px 6px;

    border-radius: 4px;

}



/* Textarea Override */

textarea.floating-input {

    min-height: 120px;

    resize: none;

}



textarea.floating-input~.floating-label {

    top: 25px;

}



textarea.floating-input:focus~.floating-label,

textarea.floating-input:not(:placeholder-shown)~.floating-label {

    top: 0;

}



/* Luxury Capsule Select Option Selector */

.form-section-title {

    color: rgba(255, 255, 255, 0.8) !important;

    font-size: 13px !important;

    font-weight: 700 !important;

    text-transform: uppercase;

    letter-spacing: 1px;

    margin-bottom: 12px;

    display: block;

}



.pill-selector {

    display: flex;

    flex-wrap: wrap;

    gap: 10px;

    margin-bottom: 25px;

}



.pill-selector input[type="radio"] {

    display: none;

}



.pill-label {

    display: inline-flex;

    align-items: center;

    padding: 8px 18px;

    background: rgba(255, 255, 255, 0.04);

    border: 1px solid rgba(255, 255, 255, 0.08);

    color: rgba(255, 255, 255, 0.7) !important;

    border-radius: 30px;

    font-size: 13px;

    font-weight: 600;

    cursor: pointer;

    transition: all 0.3s ease;

}



.pill-selector input[type="radio"]:checked+.pill-label {

    background: linear-gradient(135deg, var(--p-accent) 0%, var(--p-accent-light) 100%);

    border-color: var(--p-accent);

    color: var(--p-primary) !important;

    box-shadow: 0 5px 12px rgba(197, 160, 89, 0.3);

    transform: translateY(-1px);

}



.pill-label:hover {

    background: rgba(255, 255, 255, 0.08);

    border-color: rgba(197, 160, 89, 0.4);

    color: white !important;

}



/* Submit Button - Gleam Swipe Effect */

.submit-btn {

    background: linear-gradient(135deg, var(--p-accent) 0%, var(--p-accent-light) 100%) !important;

    color: var(--p-primary) !important;

    border: none !important;

    height: 52px !important;

    border-radius: 10px !important;

    font-size: 15px !important;

    font-weight: 700 !important;

    text-transform: uppercase !important;

    letter-spacing: 1px !important;

    box-shadow: 0 8px 20px rgba(197, 160, 89, 0.25) !important;

    position: relative;

    overflow: hidden;

    cursor: pointer;

    width: 100%;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 8px;

    transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) !important;

}



.submit-btn::before {

    content: '';

    position: absolute;

    top: 0;

    left: -100%;

    width: 100%;

    height: 100%;

    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);

    transition: all 0.6s ease;

}



.submit-btn:hover::before {

    left: 100%;

}



.submit-btn:hover {

    transform: translateY(-2px) !important;

    box-shadow: 0 12px 25px rgba(197, 160, 89, 0.35) !important;

    color: var(--p-primary) !important;

}





/* --- FACTORY MAP DASHBOARD STYLING --- */

.premium-map-dashboard {

    background: linear-gradient(145deg, #0a0e20 0%, #04060f 100%) !important;

    border: 1px solid rgba(197, 160, 89, 0.15) !important;

    padding: 24px !important;

    border-radius: 24px !important;

    box-shadow: 0 20px 50px rgba(8, 11, 26, 0.25) !important;

    height: 100%;

    display: flex;

    flex-direction: column;

}



.map-header {

    margin-bottom: 18px;

}



.map-header h4 {

    color: white !important;

    font-size: 18px;

    font-weight: 700;

    margin: 0 0 5px 0;

}



.map-header p {

    color: rgba(255, 255, 255, 0.5);

    font-size: 13px;

    margin: 0;

}



.premium-map-wrapper {

    position: relative;

    border-radius: 16px;

    overflow: hidden;

    border: 1px solid rgba(255, 255, 255, 0.08);

    flex-grow: 1;

    min-height: 380px;

    box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.5);

}



.premium-map-wrapper iframe {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    border: 0;

    filter: grayscale(1) invert(0.92) contrast(1.1) brightness(0.85) hue-rotate(190deg);

    transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);

}



.premium-map-wrapper:hover iframe {

    filter: grayscale(0.5) invert(0.92) contrast(1.15) brightness(0.9) hue-rotate(190deg);

}



.map-location-badge {

    position: absolute;

    bottom: 15px;

    left: 15px;

    right: 15px;

    background: rgba(6, 9, 21, 0.9);

    backdrop-filter: blur(10px);

    border: 1px solid rgba(197, 160, 89, 0.25);

    padding: 12px 16px;

    border-radius: 12px;

    color: white;

    display: flex;

    align-items: center;

    gap: 12px;

    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);

    z-index: 10;

}



.map-badge-icon {

    width: 36px;

    height: 36px;

    background: var(--p-accent);

    color: var(--p-primary);

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

    font-size: 18px;

    flex-shrink: 0;

}



.map-badge-text h5 {

    color: white !important;

    font-size: 13px;

    font-weight: 700;

    margin: 0 0 2px 0;

}



.map-badge-text p {

    color: rgba(255, 255, 255, 0.6);

    font-size: 11px;

    margin: 0;

}



/* --- FOOTER REDESIGN (Best UI) --- */

.footer-area {

    background-color: var(--p-primary) !important;

    color: white !important;

    padding-top: 0 !important;

    padding-bottom: 0;

}



/* Footer Top CTA Banner */

.footer-top-wrap {

    background: #080b1a;

    backdrop-filter: blur(10px);

    border-top: 1px solid rgba(255, 255, 255, 0.1);

    border-bottom: 1px solid rgba(255, 255, 255, 0.1);

    padding: 25px 0;

    /* margin-bottom: 60px; */

}



.footer-top-content h2 {

    color: white !important;

    font-size: 42px !important;

    font-weight: 800 !important;

    margin-bottom: 15px !important;

}



.footer-top-content p {

    color: rgba(255, 255, 255, 0.7) !important;

    font-size: 18px !important;

    max-width: 90%;

}



.footer-top-content .btn-outline {

    background: #fbc625 !important;

    color: var(--p-primary) !important;

    border: none !important;

    padding: 15px 25px !important;

    border-radius: 50px !important;

    font-weight: 500 !important;

    box-shadow: 0 10px 20px rgba(197, 160, 89, 0.3) !important;

}



.footer-top-content .btn-outline:hover {

    transform: translateY(-3px) scale(1.05);

    box-shadow: 0 15px 30px rgba(197, 160, 89, 0.5) !important;

}



/* Footer Widget Styling */

.widget-title {

    color: white !important;

    font-size: 20px !important;

    font-weight: 700 !important;

    margin-bottom: 30px !important;

    position: relative;

    padding-bottom: 15px;

}



.widget-title::after {

    content: "";

    position: absolute;

    left: 0;

    bottom: 0;

    width: 40px;

    height: 3px;

    background-color: var(--p-accent);

}



.widget-list li {

    margin-bottom: 12px;

}



.widget-list li a {

    color: rgba(255, 255, 255, 0.6) !important;

    transition: all 0.3s ease;

    display: inline-block;

}



.widget-list li a:hover {

    color: var(--p-accent) !important;

    padding-left: 8px;

}



/* Contact Info Icons */

.footer-widget-area address {

    color: rgba(255, 255, 255, 0.6) !important;

    font-style: normal;

    line-height: 1.8;

}



.footer-widget-area address i {

    color: var(--p-accent) !important;

    width: 25px;

    margin-right: 10px;

    font-size: 18px;

}



/* Social Icons */

.footer-social-icons {

    margin-top: 25px;

    display: flex;

    gap: 15px;

}



.footer-social-icons a {

    width: 40px;

    height: 40px;

    background: rgba(255, 255, 255, 0.05);

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

    color: white !important;

    transition: all 0.3s ease;

}



.footer-social-icons a:hover {

    background: var(--p-accent);

    color: var(--p-primary) !important;

    transform: translateY(-5px);

}



.footer-bottom {

    border-top: 1px solid rgba(255, 255, 255, 0.08);

    padding: 25px 0;

    margin-top: 60px;

}



.footer-bottom p {

    color: rgba(255, 255, 255, 0.5) !important;

    font-size: 14px;

    margin-bottom: 0;

}



.footer-bottom a {

    color: var(--p-accent) !important;

    font-weight: 600;

    transition: all 0.3s ease;

}



.footer-bottom a:hover {

    color: white !important;

    text-decoration: underline !important;

}



/* --- TESTIMONIAL REDESIGN (Better UI) --- */

.testimonial-area {

    background-color: #fcfaf5 !important;

    /* Soft premium cream */

}



.testimonial-item--3 {

    background: white !important;

    padding: 60px 50px !important;

    border-radius: 24px !important;

    box-shadow: 0 15px 45px rgba(0, 0, 0, 0.04) !important;

    display: block !important;

    margin: 30px 10px !important;

    transition: all 0.5s ease-in-out !important;

    border: none !important;

    position: relative;

    overflow: hidden;

}



.testimonial-item--3:hover {

    transform: translateY(-5px);

    box-shadow: 0 25px 60px rgba(0, 0, 0, 0.07) !important;

}



.testimonial-item--3 .testimonial-thumb {

    display: none !important;

}



.testimonial-item--3 .testimonial-txt {

    width: 100% !important;

    text-align: left !important;

    padding: 0 !important;

}



.testimonial-item--3 .testimonial-txt img {

    /* width: 60px !important; */

    opacity: 0.12;

    margin-bottom: 30px;

    display: block !important;

}



.testimonial-item--3 .testimonial-txt p {

    font-size: 17px !important;

    color: #444 !important;

    line-height: 1.8 !important;

    margin-bottom: 35px !important;

    font-style: italic;

    font-family: 'Montserrat', sans-serif;

    max-width: 100% !important;

}



.testimonial-item--3 .client-name {

    font-size: 22px !important;

    font-weight: 700 !important;

    color: var(--p-primary) !important;

    margin: 0 !important;

    font-family: 'Poppins', sans-serif;

}



/* Slick DOTS styling for premium look */

.testimonial-area .slick-dots {

    bottom: -60px;

}



.testimonial-area .slick-dots li button:before {

    font-size: 12px;

    color: var(--p-accent);

    opacity: 0.3;

    transition: all 0.3s ease;

}



.testimonial-area .slick-dots li.slick-active button:before {

    opacity: 1;

    color: var(--p-accent);

    transform: scale(1.5);

}



/* --- RESPONSIVENESS OVERRIDES (Laptop, Tablet, Mobile) --- */



/* Laptops & Wide Tablets (Max 1199px) */

@media only screen and (max-width: 1199.98px) {

    .banner-container {

        height: auto !important;

        min-height: 700px;

        padding: 140px 0 80px;

    }



    .content-wrapper {

        flex-direction: column !important;

        align-items: center !important;

        gap: 60px !important;

    }



    .text-slider-container {

        width: 100% !important;

        text-align: center;

        margin-bottom: 0;

    }



    .contact-form {

        width: 100% !important;

        max-width: 600px !important;

        margin: 0 auto;

    }



    .text-slide h1 {

        font-size: 42px !important;

        margin-bottom: 20px;

    }



    .testimonial-item--3 {

        padding: 40px !important;

    }

}



/* Standard Tablets (Max 991px) */

@media only screen and (max-width: 991.98px) {

    .header-area .tel-no {

        padding: 6px 15px !important;

        font-size: 13px !important;

        margin-right: 10px;

    }



    .section-title h2 {

        font-size: 30px !important;

    }



    .footer-top-content h2 {

        font-size: 32px !important;

    }



    .sp-y {

        padding: 60px 0 !important;

    }



    .sm-top {

        margin-top: 50px !important;

    }



    .sm-top-wt {

        margin-top: 40px !important;

    }



    .navigation-area {

        display: none !important;

    }



    .logo-area img {

        max-height: 50px;

    }

}



/* Mobile Devices (Max 767px) */

@media only screen and (max-width: 767.98px) {

    .text-slide h1 {

        font-size: 30px !important;

        line-height: 1.25 !important;

        font-weight: 800 !important;

    }



    .text-slide p {

        font-size: 16px !important;

        margin: 15px auto 30px !important;

        max-width: 100% !important;

        line-height: 1.6 !important;

    }



    .banner-container {

        padding: 120px 15px 60px;

    }



    .contact-form {

        padding: 30px 20px !important;

        border-radius: 20px !important;

        box-shadow: 0 15px 35px rgba(0, 0, 0, 0.2) !important;

    }



    .contact-form h2 {

        font-size: 24px !important;

        border-left-width: 4px !important;

    }



    .footer-top-content {

        text-align: center !important;

    }



    .footer-top-content .col-md-4 {

        margin-top: 25px;

    }



    .header-area .tel-no {

        display: none !important;

    }



    .testimonial-item--3 {

        padding: 35px 20px !important;

        margin: 15px 5px !important;

        text-align: center !important;

    }



    .testimonial-item--3 .testimonial-txt img {

        margin: 0 auto 20px !important;

        width: 45px !important;

    }



    .brand-logo-item a {

        height: 90px;

    }



    .footer-bottom {

        text-align: center !important;

    }



    .footer-bottom .text-md-end {

        margin-top: 10px;

        text-align: center !important;

    }



    .about-thumb {

        margin-bottom: 30px;

        text-align: center;

    }

}



/* Small Phones (Max 480px) */

@media only screen and (max-width: 480px) {
    .header-action.text-start {
    font-size: 17px;
}
.header-action.text-start span img {
         width: 18px !important;
        margin: 0;
}
    .header-action.text-start a {
        /* display: none !important; */
        font-size: 17px;
    }

    .text-slide h1 {

        font-size: 26px !important;

    }

    .about-content .about-since:after {
        display: none !important;
    }


    .section-title h2 {

        font-size: 24px !important;

    }



    .counter-item h2 {

        font-size: 28px !important;

    }



    .btn-about,

    .btn-outline {

        width: 100% !important;

        text-align: center;

        padding: 15px 15px !important;

        font-size: 14px !important;

    }



    .nav-btn {

        width: 35px !important;

        height: 35px !important;

        font-size: 12px !important;

    }



    .footer-top-wrap {

        padding: 40px 0;

    }

}



/* Mobile Menu Styling (SlickNav) */

.slicknav_menu {

    background: var(--p-primary) !important;

    padding: 12px 15px !important;

}



.slicknav_btn {

    background-color: var(--p-accent) !important;

    border-radius: 6px;

    padding: 8px 10px;

}



.slicknav_nav {

    border-top: 1px solid rgba(255, 255, 255, 0.1);

}



.slicknav_nav a {

    color: white !important;

    font-weight: 600 !important;

    padding: 14px 0px !important;

    border-bottom: 1px solid rgba(255, 255, 255, 0.05);

    font-size: 15px !important;

}



.slicknav_nav a:hover {

    background: rgba(197, 160, 89, 0.15) !important;

    color: var(--p-accent) !important;

}



.slicknav_icon-bar {

    background-color: var(--p-primary) !important;

}


.header-action [class*=btn-] {
    color: #FFFFFF;
    margin-left: 6px;
}