/*
Theme Name: Custom Bootstrap Builder
Author: Abhikash
Description: A custom theme with Bootstrap 5 and per-page CSS logic.
Version: 1.0
*/
:root {
            --brand-navy: #004a8d;   /* Logo Navy Blue */
            --brand-cyan: #00aeef;   /* Logo Cyan Blue */
            --brand-orange: #f2711c; /* Logo Orange */
            --brand-gray: #706f6f;   /* Logo Arabic Text Gray */
            --soft-bg: #f8fbff;
        }

        body { font-family: 'Segoe UI', Arial, sans-serif; background-color: #ffffff; color: #333; }

        /* Navbar Styling */
        .navbar { border-bottom: 3px solid var(--brand-cyan); }
        .navbar-brand { font-weight: 800; color: var(--brand-navy) !important; font-size: 1.5rem; }
        .brand-laundry { color: var(--brand-orange); }
        
        /* Hero Section */
        .hero-section {
            background: linear-gradient(45deg, rgba(0,74,141,0.9), rgba(0,174,239,0.7)), url('https://images.unsplash.com/photo-1517677208171-0bc6725a3e60?auto=format&fit=crop&q=80&w=1920');
            background-size: cover;
            background-position: center;
            color: white;
            padding: 100px 0;
            text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
        }

        .btn-brand-orange {
            background-color: var(--brand-orange);
            color: white;
            border: none;
            font-weight: bold;
            padding: 12px 30px;
        }
        .btn-brand-orange:hover { background-color: #d65d0f; color: white; }

        /* Section Headings */
        .section-title { color: var(--brand-navy); font-weight: 700; position: relative; margin-bottom: 40px; }
        .section-title::after {
            content: '';
            width: 60px;
            height: 4px;
            background: var(--brand-orange);
            position: absolute;
            bottom: -10px;
            left: 50%;
            transform: translateX(-50%);
        }

        /* CEO Quote */
        .ceo-card {
            border-left: 8px solid var(--brand-cyan);
            background: var(--soft-bg);
            padding: 30px;
            border-radius: 0 15px 15px 0;
        }

        /* Pricing Table */
        .table-primary-brand { background-color: var(--brand-navy); color: white; }
        .price-row:hover { background-color: #f0f7ff; }

        /* Footer */
        .main-footer { background-color: var(--brand-navy); color: white; padding: 60px 0 20px; }
        .footer-bottom { background-color: #003666; padding: 15px 0; font-size: 0.9rem; }
        
        .service-icon { color: var(--brand-cyan); font-size: 2.5rem; margin-bottom: 15px; }
          .views{
    background:#ef7d02 !important;
}
.custom-menu .menu-item a {
    position: relative;
    padding: 10px 14px;
    color: #333;
}

/* Underline */
.custom-menu .menu-item a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0px;   
    height: 2px;
    width: 0;
    background: #ee7c05;
    transition: 0.3s;
}
.custom-menu .menu-item a:hover {
    color: #ee7c05;
}
/* Active only */
.custom-menu .current-menu-item > a::after,
.custom-menu .current_page_item > a::after {
    width: 100%;
}

/* Active color */
.custom-menu .current-menu-item > a,
.custom-menu .current_page_item > a {
    color: #004a8d;
}
/* BUTTON STYLE */
.btn-toll-free {
    background:#014f8c;
    border-radius: 5px;
    font-weight: 600;
    box-shadow: 0 5px 15px rgba(0,0,0,0.15);
    transition: all 0.3s ease;
}

.btn-toll-free:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(0,0,0,0.2);
    background: #f58220;
}
        .hiu{
    display: flex;
    align-items: center;
        }