:root {
            --primary-color: #ff0000; 
            --secondary-color: #104cbe; 
            --yellow-color: #ff9700; 
            --light-bg: #f8f9fa;
            --text-gray: #1a1a1b;
        }

        body {
            font-family: 'Poppins', sans-serif;
            overflow-x: hidden;
        }
        html {
scroll-behavior: smooth;
}
        
        @media (min-width: 1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1300px;
    }
   }
   h1, h2, h3, h4, h5, h6{color: #000000;}
   p{color: var(--text-gray);}
        /* --- General Section Styling --- */
        section {
            padding: 60px 0;
        }
        .section-title {
            text-align: center;
            margin-bottom: 60px;
        }
        .section-title h6 {
            color: var(--primary-color);
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 2px;
        }
        .section-title h2 {
            font-size: 2.5rem;
            font-weight: 700;
            color: var(--secondary-color);
        }

        /* --- 3. About Us --- */
        .about-img {
            position: relative;
            border-radius: 20px;
            overflow: hidden;
            box-shadow: 0 15px 30px rgba(0,0,0,0.1);
        }
        .experience-badge {
            position: absolute;
            bottom: 30px;
            left: -30px;
            background: var(--primary-color);
            color: white;
            padding: 20px 30px;
            border-radius: 10px;
            text-align: center;
            box-shadow: 0 10px 20px rgba(0,0,0,0.2);
        }
        .check-list li {
            margin-bottom: 10px;
            list-style: none;
        }
        .check-list i {
            color: var(--primary-color);
            margin-right: 10px;
        }
        /* --- 4. NEW: Feature Box Section (Matching Image) --- */
        .feature-box-2 {
            display: flex;
            background: white;
            border: 1px solid var(--primary-color);
            border-radius: 15px;
            overflow: hidden;
            transition: transform 0.3s ease, box-shadow 0.3s ease;
            height: 100%;
        }
        
        .feature-box-2:hover {
            transform: translateY(-5px);
            box-shadow: 0 15px 30px rgba(0,0,0,0.1);
        }
        /* Left side red block */
        .fb-left {
            background-color: var(--primary-color);
            color: white;
            width: 80px; /* Fixed width */
            flex-shrink: 0;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            padding: 20px;
            text-align: center;
        }

        .fb-left i {
            font-size: 2.5rem;
            margin-bottom: 15px;
        }

        .fb-left .fb-number {
            font-size: 2.5rem;
            font-weight: 700;
            line-height: 1;
        }

        /* Right side content */
        .fb-right {
            padding: 20px;
            flex-grow: 1;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }

        .fb-right h4 {
            color: var(--secondary-color);
            font-weight: 700;
            margin-bottom: 12px;
            font-size: 1.4rem;
        }

        .fb-right p {
            color: var(--text-gray);
            font-size: 0.95rem;
            line-height: 1.6;
            margin: 0;
        }

/* Section Container */
        .process-section1 {
            position: relative;
            background-size: cover;
            background-position: center;
            background-attachment: fixed;
            padding: 60px 20px 28px 20px;
            color: white;
            text-align: center;
            margin-bottom: 140px;
            /* background: #013c9c; */
            background-image: linear-gradient( 0deg,  rgb(221, 143, 9) 5.6%, rgb(192, 150, 12) 95.7% );
            background-image: radial-gradient( circle 815px at 23.4% -21.8%,  rgba(9,29,85,1) 0.2%, rgba(0,0,0,1) 100.2% );
        }

        /* Header Styling */
        .process-header {
            margin-bottom: 70px;
        }

        .process-subtitle {
            color: #ffd900;
            font-size: 0.9rem;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 1px;
            display: block;
            margin-bottom: 10px;
        }

        .process-title {
            font-size: 2.5rem;
            font-weight: 700;
            line-height: 1.3;
        }

        /* Steps Container */
        .steps-container {
            display: flex;
            justify-content: center;
            align-items: flex-start;
            flex-wrap: wrap;
            position: relative;
            max-width: 1050px;
            margin: 0 auto;
        }

        /* The Dotted Line Background */
        .steps-container::before {
            content: '';
            position: absolute;
            top: 25px; /* Aligns with center of circle (50px height / 2) */
            left: 5%;
            right: 5%;
            height: 2px;
            border-top: 2px dotted rgba(255, 255, 255, 0.5);
            z-index: 0;
        }

        /* Individual Step Item */
        .step-item1 {
            flex: 1;
            width: 130px;
            height: 112px;
            position: relative;
            padding: 0 15px;
            z-index: 1; /* Sits above the dotted line */
            margin-bottom: 30px;
            
        }

        /* Number Circle */
        .step-number1 {
            width: 50px;
            height: 50px;
            background-color: #1a2536; /* Dark bg to match overlay */
            border: 2px solid rgba(255, 255, 255, 0.2);
            color: white;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight: 600;
            margin: 0 auto 60px auto; /* Spacing between circle and box */
            position: relative;
            z-index: 2;
        }

        /* The last active step style (Red Circle) */
        .step-item1.active .step-number {
            background-color: #ff0000;
            border-color: #ff0000;
            box-shadow: 0 0 15px rgba(255, 51, 0, 0.5);
        }

        /* White Icon Box */
        .step-box1 {
            background: white;
            padding: 35px 15px;
            position: relative;
            border-bottom: 3px solid transparent;
            transition: 0.3s;
            box-shadow: 0 5px 15px rgba(0,0,0,0.2);
            margin-bottom: 20px;
             border: 1px solid #df0808;
             color: #df0808;
             transition: 0.4s all;
        }

        .step-box1:hover {
            border-bottom-color: #dd0202;
            transform: translateY(-5px);
        }
       
         .step-box1::before {
    position: absolute;
    content: '';
    border: 32px solid transparent;
    top: -64px;
    left: 50%;
    transform: translateX(-50%);
    border-bottom-color: #ec0101;
    transition: 0.4s all;
    
        }

        /* The Triangle/Arrow pointing up */
        .step-box1::after {
        position: absolute;
    content: '';
    border: 31px solid transparent;
    top: -61px;
    left: 50%;
    transform: translateX(-50%);
    border-bottom-color: rgb(255, 255, 255);
    transition: 0.4s all;
        }
        

        /* Icon Styling */
        .step-box1 i {
            font-size: 2.5rem;
            color: #ff0000;
            transition: 0.4s all;
        }

        /* Text Below Box */
        .step-label {
            font-size: 1rem;
            font-weight: 700;
            line-height: 1.4;
            color: rgb(10, 10, 10);
            padding: 0 5px;
        }


        /* Responsive Design */
        @media (max-width: 992px) {
            .steps-container::before {
                display: none; /* Hide horizontal line on tablet/mobile */
            }
            .step-item {
                flex: 0 0 45%; /* 2 items per row */
            }
        }

        


        .form_sec{
 padding: 20px 20px 5px 20px;
 /* background-color: #004AAD; */
 color: #fff;
}

.my-form{
padding:16px;
border-radius: 7px;
border: 1px solid hsla(0, 0%, 100%, 0.27);
/* background: linear-gradient(0deg, hsl(0deg 0% 91.77%), hsl(0deg 0% 86.52%)); */
background: rgba(255,255,255,0.1);
}
.prr-5{padding-right:2px;}
.pll-5{padding-left:2px;}
@media (max-width: 800px){
.prr-5 {
padding-right: 12px;
}
.pll-5 {
padding-left: 12px;
}}
.form-control {
    display: block;
    width: 100%;
    /* height: 40px; */
    padding: 9px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #000000 !important;
    background-color: #fff;
    margin-bottom: 5px;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    border: 1px solid rgb(3, 3, 3) !important;
    /* margin: 2px 0; */
}
.form-control::placeholder{
    color: #000 !important;
}
.form-control:focus {box-shadow: none;}
.form_captcha{
    margin: 6px 0;

}
.form_btn{
    background-color: #004AAD;
    padding: 8px 20px;
    color: #fff;
}
.form_btn:hover{
    background-color: #004badfa;
    color: #fff;
}
.form_btn1{
    background-color: #c00720;
    padding: 8px 20px;
    color: #fff;
}
.form_btn1:hover{
    background-color: #b40909;
    color: #fff;
}

        /* --- NEW: Counter Section --- */
        .counter-section {
            /* background: var(--secondary-color); */
     
            color: white;
            text-align: center;
        }
        .counter-box{
              /* background: #093a96; */
              padding: 20px 20px; 
              border: 1px solid hsla(0, 3%, 7%, 0.253);
              border-radius: 10px;
                  background-color: #FFFFFF;
    background-image: url(../img/pattern.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    transition: 0.3s all;
    cursor: pointer;
        }
        .counter-section .col-md-3:nth-child(even) .counter-box{
    /* background: #104cbe; */
}
        .counter-box i {
            font-size: 2.2rem;
            color: #013c9c;
            margin-bottom: 15px;
            background-color: #ffffff;
            height: 65px;
            width: 65px;
            padding: 12px 10px 10px 10px;
            border-radius: 50%;
            border: 4px double #104cbe;
            transition: 0.3s all;
        }
 
        .counter-box .counter-number {
            font-size: 2.2rem;
            font-weight: 700;
            display: block;
            color: #000;
        }
        .counter-box p {
            font-size: 1.1rem;
            opacity: 0.8;
            margin: 0;
            color: #0a0a0a;
        }
        .counter-box:hover{border: 1px solid hsla(0, 95%, 45%, 0.938);}
        .counter-box:hover i {color: #f10505;}

        /* --- 4. Services --- */
        .service-card {
            background: white;
            border-radius: 15px;
            overflow: hidden;
            box-shadow: 0 10px 30px rgba(0,0,0,0.05);
            transition: all 0.3s ease;
            height: 100%;
            border: 1px solid #eee;
        }
        .service-card:hover {
            transform: translateY(-10px);
            box-shadow: 0 20px 40px rgba(0,0,0,0.1);
        }
        .service-img {
            height: 200px;
            overflow: hidden;
        }
        .service-img img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: 0.5s;
        }
        .service-card:hover .service-img img {
            transform: scale(1.1);
        }
        .service-content {
            padding: 10px;
            /* border: 1px solid hsla(0, 2%, 34%, 0.267);
            border-radius: 8px; */
            /* margin-bottom: 20px; */
        }
        .service-content h4{
            font-size: 21px;
            font-weight: 600;
        }
        .service-icon {
            width: 60px;
            height: 60px;
            background: rgba(255, 107, 0, 0.1);
            color: var(--primary-color);
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
            font-size: 1.5rem;
            margin-top: -55px;
            position: relative;
            background-color: white;
            box-shadow: 0 5px 15px rgba(0,0,0,0.1);
            margin-bottom: 20px;
        }

        /* --- 5. Why Us --- */
        .why-us {
            background-color: #dc0303;
            color: white;
            position: relative;
            overflow: hidden;
        }
        .why-us .section-title h2 {
            color: white;
        }
        .why-us h5{color: #fff;font-weight: 600;}
        .feature-box {
            padding: 30px;
            background: rgba(255,255,255,0.05);
            border-radius: 15px;
            border: 1px solid rgba(255, 255, 255, 0.349);
            transition: 0.3s;
        }
        .feature-box:hover {
            background: var(--primary-color);
            border-color: var(--primary-color);
        }
        .feature-box i {
            font-size: 2.5rem;
            margin-bottom: 20px;
            color: #ff9300;
        }
        .feature-box:hover i {
            color: white;
        }

        /* --- 6. Process --- */
        .process-step {
            text-align: center;
            position: relative;
            padding: 20px;
        }
        .step-number {
            width: 50px;
            height: 50px;
            background: var(--primary-color);
            color: white;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight: 700;
            font-size: 1.2rem;
            margin: 0 auto 20px;
            position: relative;
            z-index: 2;
        }
        .step-box1:hover {
              background-color: var(--primary-color);
        }
        .step-box1:hover::after  {
              border-bottom-color: var(--primary-color);
        }
        .step-box1:hover  i {
              color: #fff;
        }
        @media (min-width: 992px) {
            .process-step::after {
                content: '';
                position: absolute;
                top: 45px;
                left: 50%;
                width: 100%;
                height: 2px;
                background: #ddd;
                z-index: 1;
            }
            .process-step:last-child::after {
                display: none;
            }
        }

        

        /* --- 8. Call To Action --- */
        .cta-section {
            background: linear-gradient(rgba(255, 107, 0, 0.9), rgba(255, 107, 0, 0.9)), url('https://images.unsplash.com/photo-1600518464441-9154a4dea21b?ixlib=rb-4.0.3&auto=format&fit=crop&w=1920&q=80');
            background-size: cover;
            background-attachment: fixed;
            color: white;
            text-align: center;
        }
        .btn-white {
            background: white;
            color: var(--primary-color);
            font-weight: 600;
            padding: 12px 35px;
            border-radius: 50px;
            transition: 0.3s;
            text-decoration: none;
        }
        .btn-white:hover {
            background: var(--secondary-color);
            color: white;
        }

        /* --- 9. Footer --- */
        footer {
            background: var(--secondary-color);
            color: white;
            padding-top: 70px;
        }
        .footer-logo {
            font-size: 1.8rem;
            font-weight: 700;
            margin-bottom: 20px;
            color: var(--primary-color);
        }
        .footer-logo span { color: white; }
        .footer-links h5 {
            color: white;
            margin-bottom: 25px;
            font-weight: 600;
        }
        .footer-links ul {
            padding: 0;
            list-style: none;
        }
        .footer-links li {
            margin-bottom: 12px;
        }
        .footer-links a {
            color: #bbb;
            text-decoration: none;
            transition: 0.3s;
        }
        .footer-links a:hover {
            color: var(--primary-color);
            padding-left: 5px;
        }
        .social-icons a {
            display: inline-flex;
            width: 40px;
            height: 40px;
            background: rgba(255,255,255,0.1);
            color: white;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
            margin-right: 10px;
            transition: 0.3s;
            text-decoration: none;
        }
        .social-icons a:hover {
            background: var(--primary-color);
        }
        .copyright {
            border-top: 1px solid rgba(255,255,255,0.1);
            padding: 20px 0;
            margin-top: 50px;
            text-align: center;
            color: #bbb;
        }
        a{font-size: 14px;}
        .btn_yellow{background: var(--yellow-color);}

        /* Responsive Fixes */
        @media (max-width: 768px) {
            .hero h1 { font-size: 2.5rem; }
            .experience-badge { position: relative; left: 0; bottom: 0; margin-top: 20px; display: inline-block; }
            .process-step::after { display: none; }
            .counter-box { margin-bottom: 2px; }
            .section-title h2 {
            font-size: 1.7rem;
            }
        }
        @media (max-width: 576px) {
            .step-item {
                flex: 0 0 100%; /* 1 item per row */
            }
            .process-title {
                font-size: 1.8rem;
            }
            .process-section1 {padding-bottom: 60px;margin-bottom:0;}
            .steps-container {    row-gap: 77px;}
            .step-box1{margin-bottom: 8px;}
            .step-label{color: #fff;}
            .step-number1 {
                display: none;
            }
            .fb-left {
            width: 84px; 
        }

        .fb-left i {
            font-size: 2rem;
        }

        .fb-left .fb-number {
            font-size: 2rem;
        }
        .form_sec {
            padding: 30px 0;
        }
    }

    /* Testimonials */
        .subtitle {
            color: #5c6bc0;
            font-size: 1.2rem;
            max-width: 800px;
            margin: 0 auto;
            line-height: 1.6;
        }

        .subtitle span {
            background-color: #ff9800;
            color: white;
            padding: 3px 10px;
            border-radius: 20px;
            font-weight: 600;
        }

        /* Testimonials Carousel */
        .testimonials-carousel {
            position: relative;
            overflow: hidden;
            margin: 30px auto;
            padding: 20px 0;
        }

        .carousel-viewport {
            width: 100%;
            overflow: hidden;
        }

        .carousel-track {
            display: flex;
            transition: transform 0.6s ease-in-out;
            gap: 20px;
        }

        .testimonial-card {
            flex: 0 0 calc(50% - 15px); /* Two cards per row with gap */
            min-width: 0; /* Prevent flex items from overflowing */
            padding: 10px;
            box-sizing: border-box;
        }

        .testimonial-content {
            background: linear-gradient(145deg, #f5f5f5, #ffffff);
            border-radius: 15px;
            padding: 20px 20px 10px 20px;
            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
            /* height: 100%; */
            display: flex;
            flex-direction: column;
            position: relative;
            border: 1px solid hsla(0, 3%, 7%, 0.164);
            border-left: 6px solid #042264;
            transition: all 0.3s ease;
        }
.testimonial-content .google_i{
    width:30px;
    position:absolute;
    top:10px;
    right:10px;
}
        .testimonial-content:hover {
            transform: translateY(-5px);
            box-shadow: 0 15px 35px rgba(0, 0, 0, 0.15);
        }

        .testimonial-content::before {
            content: '"';
            position: absolute;
            top: 15px;
            left: 25px;
            font-size: 100px;
            color: green;
            opacity: 0.1;
            font-family: Georgia, serif;
            line-height: 1;
        }

        .quote-icon {
            font-size: 1.8rem;
            color: #DD0202;
            margin-bottom: 15px;
        }

        .testimonial-text {
            font-size: 1.1rem;
            line-height: 1.7;
            color: #333;
            margin-bottom: 25px;
            font-style: italic;
            z-index: 1;
            position: relative;
        }

        .client-info {
            display: flex;
            align-items: center;
            margin-top: auto;
            padding-top: 20px;
            border-top: 1px solid #e0e0e0;
        }

        .client-avatar {
            width: 60px;
            height: 60px;
            border-radius: 50%;
            overflow: hidden;
            margin-right: 15px;
            border: 1px solid #8a8a8a;
        }

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

        .client-details h3 {
            font-size: 1.1rem;
            color: #0d0d0e;
            margin-bottom: 5px;
            font-weight: 600;
        }

        .client-details p {
            color: #29292b;
            font-size: 0.95rem;
            margin-bottom: 5px;
        }

        .rating {
            color: #ff4907;
            font-size: 1rem;
            margin-top: 5px;
        }

        .rating i {
            margin-right: 2px;
        }

        /* Navigation Buttons */
        .carousel-nav {
            display: flex;
            justify-content: center;
            align-items: center;
            margin-top: 40px;
            gap: 20px;
        }

        .nav-btn {
            background-color: #1a237e;
            color: white;
            border: none;
            width: 60px;
            height: 60px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.5rem;
            cursor: pointer;
            transition: all 0.3s ease;
            box-shadow: 0 5px 15px rgba(26, 35, 126, 0.3);
        }

        .nav-btn:hover {
            background-color: #283593;
            transform: translateY(-3px);
            box-shadow: 0 8px 20px rgba(26, 35, 126, 0.4);
        }

        .nav-btn:active {
            transform: translateY(1px);
        }

        .nav-btn:disabled {
            background-color: #c5cae9;
            cursor: not-allowed;
            transform: none;
            box-shadow: none;
        }

        .play-pause-btn {
            background-color: #ff9800;
            color: white;
            border: none;
            width: 60px;
            height: 60px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.5rem;
            cursor: pointer;
            transition: all 0.3s ease;
            box-shadow: 0 5px 15px rgba(255, 152, 0, 0.3);
        }

        .play-pause-btn:hover {
            background-color: #ffb74d;
            transform: translateY(-3px);
        }

        /* Dots Indicators */
        .carousel-dots {
            display: flex;
            justify-content: center;
            gap: 10px;
            margin-top: 30px;
            flex-wrap: wrap;
        }

        .dot {
            width: 12px;
            height: 12px;
            border-radius: 50%;
            background-color: #c5cae9;
            cursor: pointer;
            transition: all 0.3s ease;
        }

        .dot.active {
            background-color: #ff9800;
            transform: scale(1.3);
        }

        .dot:hover {
            background-color: #7986cb;
        }

        /* Auto Rotation Status */
        .auto-rotation-status {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 10px;
            margin-top: 20px;
            color: #5c6bc0;
            font-size: 1rem;
        }

        .status-indicator {
            width: 12px;
            height: 12px;
            border-radius: 50%;
            background-color: #4caf50;
            animation: pulse 2s infinite;
        }

        @keyframes pulse {
            0% { opacity: 1; }
            50% { opacity: 0.5; }
            100% { opacity: 1; }
        }

        .status-indicator.paused {
            background-color: #f44336;
            animation: none;
        }

        /* Info Section */
        .info-section {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-top: 30px;
            padding: 20px;
            background-color: #f5f5f5;
            border-radius: 15px;
        }

        .current-position-info {
            font-size: 1.1rem;
            color: #1a237e;
            font-weight: 600;
        }

        .current-position-info span {
            color: #ff9800;
        }

        .movement-info {
            background-color: #e8eaf6;
            padding: 8px 15px;
            border-radius: 20px;
            font-size: 0.9rem;
            color: #5c6bc0;
            display: flex;
            align-items: center;
            gap: 8px;
        }

        .movement-info i {
            color: #ff9800;
        }
        .footer_contact p{color: #fff;}
       .footer-links a{color: #fff;}
        

        /* Animation for new testimonial */
        @keyframes highlight {
            0% { background-color: rgba(255, 152, 0, 0.1); }
            100% { background-color: transparent; }
        }

        .highlight-new {
            animation: highlight 1s ease;
        }

        @media (max-width: 1200px) {
            
            .testimonial-content {
                padding: 25px;
            }
        }
.text-left{text-align: left;}
input.parsley-success,
select.parsley-success,
textarea.parsley-success {
color: #468847;
background-color: #DFF0D8;
border: 1px solid #D6E9C6;
}

input.parsley-error,
select.parsley-error,
textarea.parsley-error {
color: #B94A48;
background-color: #F2DEDE;
border: 1px solid #EED3D7;
}

.parsley-errors-list {
margin: 2px 0 3px;
padding: 0;
list-style-type: none;
font-size: 0.9em;
line-height: 0.9em;
opacity: 0;
color:#FF0000;

transition: all .3s ease-in;
-o-transition: all .3s ease-in;
-moz-transition: all .3s ease-in;
-webkit-transition: all .3s ease-in;
}

.parsley-errors-list.filled {
opacity: 1;
}
/* .my-form{
padding:20px;
box-shadow:0px 0px 6px #ccc;
} */
.prr-5{padding-right:2px;}
.pll-5{padding-left:2px;}
@media (max-width: 800px){
.prr-5 {
padding-right: 15px;
}
.pll-5 {
padding-left: 15px;
}
.navbar-brand img{width: 180px;}
.hero h1 {font-size: 2.4rem;}
}
.breadcumb-area {
background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('../img/bread.jpg') no-repeat center/cover;
padding:30px 0;
/* text-align:center; */
}
.form-container {
    background-color: rgb(255 255 255 / 21%);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(5px);
    border-radius: 8px;
    box-shadow: 0 0px 14px rgba(0, 0, 0, 0.5);
    padding:15px 20px 20px 20px;
    width: 100%;
}
.breadcumb-content .heading a, .breadcumb-content .heading{color:#fff;font-size:26px;text-decoration:none;font-weight:600;}
#qteform1 div label {
    background: #ffc107;
    padding:0 5px 0px 8px;
    border-radius: 6px;
    color: #000;
    font-size:12px;
    margin-bottom:3px;
}
.btn-danger{
    background-color: #DD0202 !important;
}
.citywise .thumb{
    width:100%;
    border-radius: 10px 10px 0 0;
    overflow:hidden;
    height:200px;
    object-fit: cover;
     transition: transform 0.4s ease;
     filter: brightness(99%);
}
.citywise .mapi{
 width: 80px;
    position: absolute;
    top: -2px;
    right: 0px;
}
.statewise{
    font-size:25px;
    text-align: center;
    margin-bottom:25px;
    background-color: #004AAD;
    color:#fff;
    border-radius: 10px;
    box-shadow:5px 5px #880000;
}
.citywise{
    overflow:hidden;
    box-shadow:0px 0px 5px #000;
    border-radius:10px;
    padding-bottom:7px;
    position: relative;
}
a .citywise h4{
    font-size:16px;
    text-align: center;
    margin-top:10px;
    padding:0 10px;
        /* height: 41px;
    overflow: hidden; */
    display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
font-weight:600;
}
.citywise_page a{
    text-decoration: none !important;
}
.citywise_page img{max-width:100%;}
a .citywise:hover{
background: linear-gradient(120deg, #d1e4ff, #ffdada);
}
.citywise_page p{
    text-align: justify;
}
.img-wrap {
    overflow: hidden;
}
a .citywise:hover .thumb{
transform: scale(1.1);
filter: brightness(110%);
}
.accordion-button{
    font-weight: 600;
}
.blockquote{
    margin:15px 0 25px 0;
    padding:20px;
    border-left:10px solid red;
    box-shadow:0px 0px 5px #ccc;
}
.blockquote .fa-star{color: red;}
.service-content p{text-align: justify;}
img{max-width: 100%;height: auto;}
.faq-area .accordion-button {
border: 1px solid hsl(0deg 0% 30% / 27%);
border-radius: 12px;
padding: 18px;
}
.faq-area .accordion-item {
    border: none;
    background: #fff;
    border-radius: 12px;
    margin-bottom: 20px;
    box-shadow: 0 0 40px 5px rgb(0 0 0 / 5%);
}
.accordion-button:not(.collapsed){
background-color: #fff;
box-shadow: none;
border: 1px dotted hsl(0, 98%, 51%);

}
        @media (max-width: 768px) {
          
            .testimonial-card {
                flex: 0 0 100%; /* One card per row on mobile */
            }
            
            .carousel-track {
                gap: 20px;
            }
            
            .nav-btn, .play-pause-btn {
                width: 50px;
                height: 50px;
                font-size: 1.2rem;
            }
           
            
        }
 @media (min-width: 768px) {.text-md-right{text-align: right;}}