:root {
            --primary: #1a237e;
            --secondary: #ff6d00;
            --accent: #00c853;
            --dark: #121212;
            --light: #f8f9fa;
        }

        body { font-family: 'Poppins', sans-serif; overflow-x: hidden; }

        /* --- Header --- */
        .navbar { background: white; box-shadow: 0 4px 12px rgba(0,0,0,0.1); }
        .navbar-brand { font-weight: 700; color: var(--primary) !important; font-size: 1.6rem; }

        /* --- Stylish Hero Section --- */
        .hero {
            position: relative;
            background: linear-gradient(rgba(21, 87, 137, 0.85), rgba(26, 35, 126, 0.85)), 
                        url('../img/hero.jpg');
            background-size: cover;
            background-position: center;
            min-height: 100vh;
            display: flex;
            align-items: center;
            padding: 50px 0;
            color: white;
        }

        .hero-text h1 { font-size: 3.5rem; font-weight: 700; line-height: 1.2; margin-bottom: 20px; }
        .hero-text span { color: var(--secondary); }

        /* Enquiry Form Card */
        .enquiry-card {
            background: rgba(255, 255, 255, 0.1);
            backdrop-filter: blur(10px);
            border: 1px solid rgba(255, 255, 255, 0.2);
            padding: 30px;
            border-radius: 15px;
            box-shadow: 0 10px 30px rgba(0,0,0,0.3);
        }
        .enquiry-card h3 { color: #fff; font-weight: 600; margin-bottom: 20px; text-align: center; }
        .form-control { background: rgba(255,255,255,0.9); border: none; padding: 12px; margin-bottom: 10px; }

        /* --- Services --- */
        section { padding: 60px 0; }
        .section-header { text-align: center; margin-bottom: 60px; }
        .section-header h2 { font-weight: 700; font-size: 2.5rem; color: var(--primary); }
        .section-header .line { width: 80px; height: 4px; background: var(--secondary); margin: 15px auto; }

        .service-box {
            background: #fff;
            border-radius: 12px;
            overflow: hidden;
            transition: all 0.4s ease;
            box-shadow: 0 10px 20px rgba(0,0,0,0.05);
            margin-bottom: 30px;
            border: 1px solid #eee;
        }
        .service-box:hover { transform: translateY(-10px); box-shadow: 0 15px 30px rgba(0,0,0,0.15); }
        .service-img { height: 200px; overflow: hidden; }
        .service-img img { width: 100%; height: 100%; object-fit: cover; transition: 0.5s; }
        .service-box:hover .service-img img { scale: 1.1; }
        .service-content { padding: 25px; text-align: justify;hyphens: auto; }
        .service-content h5 { font-weight: 600; color: var(--primary); }

        /* --- Why Choose Us --- */
        .why-us { background: var(--light); }
        .feature-card {
            background: white;
            padding: 40px 20px;
            text-align: center;
            border-radius: 15px;
            border: 1px solid hsla(0, 3%, 13%, 0.329);
            border-bottom: 5px solid var(--secondary);
        }
        .feature-card i { font-size: 3rem; color: var(--secondary); margin-bottom: 20px; }

        /* --- Testimonials (Owl Carousel) --- */
        .testimonial-card {
            background: white;
            padding: 40px;
            margin: 20px 10px;
            box-shadow: 0 5px 15px rgba(0,0,0,0.05);
            position: relative;
            border-radius: 15px;
            border: 1px solid hsla(0, 3%, 13%, 0.329);
            border-bottom: 5px solid var(--secondary);
        }
        .testimonial-card i.quote {
            position: absolute;
            top: 20px;
            right: 20px;
            font-size: 2rem;
            color: rgba(255, 115, 0, 0.445);
        }
        .client-img { width: 70px !important; height: 70px; border-radius: 50%; margin-bottom: 15px; }

        /* --- FAQ --- */
        .accordion-button:not(.collapsed) { background-color: var(--primary); color: white; }

        /* --- Footer --- */
        footer { background: #0a0e2e; color: #b0b0b0; padding: 20px 0 20px; }
        footer h4 { color: white; margin-bottom: 25px; font-weight: 600; }
        .footer-link { color: #b0b0b0; text-decoration: none; transition: 0.3s; display: block; margin-bottom: 10px; }
        .footer-link:hover { color: var(--secondary); padding-left: 10px; }
        
        @media (max-width: 768px) {
            .hero-text h1 { font-size: 2.88rem; text-align: center; }
            .hero-text p { text-align: center; }
        }
		/* About Us Custom Styles */
.about-feature-box {
    padding: 40px 20px;
    min-height: 320px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(0,0,0,0.05);
}

.icon-border {
    width: 60px;
    height: 60px;
    border: 2px solid #dc3545; /* Red border like the image */
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}

.icon-border i {
    color: #dc3545;
    font-size: 24px;
}

.btn-readmore {
    background-color: #d9534f; /* Muted red button */
    color: white;
    text-decoration: none;
    font-size: 11px;
    padding: 5px 15px;
    border-radius: 3px;
    margin-top: 15px;
    text-transform: capitalize;
    transition: 0.3s;
}

.btn-readmore:hover {
    background-color: #c9302c;
    color: white;
}

.about-content-box strong {
    color: #333;
}

/* Adjusting the third yellow box text color for better readability */
#about .bg-warning p, #about .bg-warning h5 {
    color: #000;
}

.bg-light {
    background-color: #f2f2f2 !important;
}
.contact-section {
      /* background: #f8f9fa; */
      padding: 60px 0;
    }

    .contact-card {
      background: #fff;
      padding: 30px;
      border-radius: 12px;
      box-shadow: 0 10px 25px rgba(0,0,0,0.08);
    }

    .contact-card h3 {
      font-weight: 600;
      margin-bottom: 20px;
    }

    .contact-list {
      list-style: none;
      padding: 0;
      margin: 0;
    }

    .contact-list li {
      display: flex;
      align-items: center;
      gap: 15px;
      padding: 18px 0;
      border-bottom: 1px dashed #ddd;
      font-size: 16px;
    }

    .contact-list li:last-child {
      border-bottom: none;
    }

    .contact-icon {
      width: 45px;
      height: 45px;
      background: #fa6d02;
      color: #fff;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 18px;
      flex-shrink: 0;
    }
    .hero_no{
        display: inline-block;
        padding: 5px 15px;
        background-color: #fff;
        border-radius: 4px;
    }
    .hero_no a{
        text-decoration: none;
        color: #000;
        font-weight: 600;
   
    }
/* CTA Section */
        .cta-section {
            padding: 50px 0;
           
            background-size: cover;
            background-position: center;
            color: white;
            text-align: center;
        }
        
        .cta-section h2 {
            color: rgb(233, 192, 9);
            margin-bottom: 1.5rem;
            font-weight: 700;
        }
        
        .cta-section p {
            font-size: 1.2rem;
            margin-bottom: 2.5rem;
            max-width: 700px;
            margin-left: auto;
            margin-right: auto;
        }

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;
}
.hero .h5{text-align: center;}
}
.text-primary{
  color: #2481B5 !important;
}
.text-secondary{
  color: #F16D09 !important;
}
.bg-primary{
  background-color: #2481B5;color:#fff;
}
.bg-primary-light{
  background-color: #c9ebff;color:#000000;
}
.bg-secondary-light{
  background-color: #ffe6d4;color:#000000;
}
.bg-primary:hover{
  background-color: #F16D09 !important;color:#fff;
}
.nav-link {
  color:#000;font-weight: 600;
}
.nav-link:hover {color: #0b9ff5;}
@media(min-width:800px){
  .nav-link {
 margin-right: 15px;
}
}
.img_border{
    padding: 10px;
    border-radius: 10px;
    border: 2px dotted hsl(0, 0%, 4%);
}
.text-justify{
    text-align: justify;hyphens: auto;
}
img{
    max-width: 100%;
}
.contact-list a{color:#000;text-decoration: none;}
footer a{text-decoration: none;}
/* CSS*/
.fix-icon {
    display: inline-block;
    position: fixed;
    bottom: 100px;
    left: 20px;
    z-index: 999999;
}
#fix-icon {
    -webkit-animation-duration: 2.5s;
    animation-duration: 2.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
}
.fix-icon-item {
    animation: bounce 1s infinite alternate;
    animation-duration: 1s;
    -webkit-animation: bounce 1s infinite alternate;
        animation-duration: 1s;
        animation-timing-function: ease;
        animation-iteration-count: infinite;
        animation-fill-mode: none;
}
.fix-icon-item img {
    width: 55px !important;
	height: 55px !important;
    background: 
    #ff7400;
    border-radius: 50%;
    text-align: center;
    cursor: pointer;
    padding: 10px;
}
.fix-icon-whataap {
    display: inline-block;
    position: fixed;
    bottom: 30px;
    left: 20px;
    z-index: 999999;
    transition: all0.5s ease-in-out;
}
.fix-icon-whataap-item img {
    border-radius: 50%;
    box-shadow: 1px 1px 4px 
rgba(60, 60, 60, .4);
transition: box-shadow .2s;
cursor: pointer;
overflow: hidden;
width: 55px !important;
height: 55px !important;
background:
    #25d366 !important;
}
.fix-icon-whataap-item:before {
    content: "";
    border: 20px solid rgba(37, 211, 102, .51);
    border-radius: 50%;
    height: 80px;
    width: 80px;
    position: absolute;
    animation: pulsate 1s ease-out;
    animation-iteration-count: infinite;
    opacity: 0;
    z-index: -1;
    top: -12px;
    left: -13px;
}

@keyframes pulsate {
    0% {
        transform: scale(.6, .6);
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        transform: scale(1.5, 1.5);
        opacity: 0;
    }
}
/*---*/	
.bg-grad{
 background-image: 
    repeating-linear-gradient(45deg, rgba(255,255,255,0.05) 0px, rgba(255,255,255,0.05) 1px, transparent 1px, transparent 10px),
    linear-gradient(160deg, #2b007c 0%, #7e3a03 100%);
}