* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
/* Premium Glassmorphism Cards */
.stat-card, .glass-card {
    background: rgba(255,255,255,0.15);
    backdrop-filter: blur(12px);
    border: 1px solid rgba(255,255,255,0.3);
    border-radius: 16px;
    box-shadow: 0 4px 30px rgba(0,0,0,0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.stat-card:hover, .glass-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 40px rgba(0,0,0,0.2);
}
/* Nav link hover animation */
.nav-tabs .nav-link {
    transition: background-color 0.3s ease, color 0.3s ease;
}
.nav-tabs .nav-link.active {
    background: rgba(255,255,255,0.2);
}
/* Dark Mode */
body.dark-mode {
    background: #121212;
    color: #e0e0e0;
}
body.dark-mode .stat-card, body.dark-mode .glass-card {
    background: rgba(255,255,255,0.08);
    border-color: rgba(255,255,255,0.2);
    color: #e0e0e0;
}

}

body {
    font-family: 'DM Sans', sans-serif;
    background: #ECEAE4;
    min-height: 100vh;
    overflow-x: hidden;
}

/* ==========================
    header css start
========================== */


.header{background-color:#29025b;padding:10px 0;box-shadow:0 2px 4px rgba(0,0,0,.1)}
.header-title {color: #fff; font-size: 24px; font-weight: 700; margin-left: 20px; font-family: 'Poppins', sans-serif; text-shadow: 2px 2px 4px rgba(0, 0 , 0, 0.3);}
.header-logo img{width:150px}
.enquiry-btn a{background-color:transparent;border:2px solid #fff;color:#fff;font-weight:600;padding:8px 20px;transition:all .3s ease}


/* ==========================
    enquiry modal css start
========================== */


.modal-dialog{max-width:380px}
.enquiry-form-wrapper{background:#f7941d;padding:30px 20px}
.custom-input{height:52px;border-radius:10px;border:none;box-shadow:none!important;font-size:16px}
textarea.custom-input{height:auto;resize:none;padding-top:15px}
.location-icon{position:absolute;right:15px;top:50%;transform:translateY(-50%);font-size:18px}
.captcha-box{background:#fff;border-radius:10px;padding:15px;display:flex;align-items:center;color:#333;font-size:14px}
.submit-btn{background:#ffffff;color:#f7941d;font-weight:700;border-radius:10px;padding:12px;transition:.3s}
.submit-btn:hover{background:#222;color:#fff}
@media(max-width:576px){
    .enquiry-form-wrapper{padding:25px 16px}
    .custom-input{height:48px;font-size:15px}
}


/* ==========================
   terms and conditions modal css start
========================== */


#termsModal .terms-list{margin:0;padding-left:20px}
#termsModal .terms-list li{margin-bottom:15px;line-height:1.8;font-size:15px;color:#333}
#termsModal .modal-content{border-radius:18px}
#termsModal .modal-body{max-height:70vh;overflow-y:auto}
#termsModal .modal-body::-webkit-scrollbar{width:6px}
#termsModal .modal-body::-webkit-scrollbar-thumb{background:#1e2a78;border-radius:10px}


/* ==========================
   preloader css start
========================== */


#preloader{position:fixed;inset:0;background:#ffffff;z-index:99999;display:flex;align-items:center;justify-content:center;transition:all .5s ease}
.preloader-content{text-align:center}
.preloader-logo{width:140px;max-width:80%;animation:logoFloat 2s ease-in-out infinite}
.loader-line{width:220px;height:5px;background:#e8e8e8;border-radius:50px;overflow:hidden;margin-top:25px}
.loader-line span{display:block;height:100%;width:40%;background:linear-gradient(90deg,#1e2a78,#3b82f6);border-radius:50px;animation:loadingMove 1.3s infinite ease-in-out}
@keyframes logoFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes loadingMove{0%{transform:translateX(-100%)}100%{transform:translateX(450%)}}
#preloader.hide{opacity:0;visibility:hidden}



/* ==========================
    New Slider Caption CSS
========================== */
.slider-caption {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    padding: 8px 16px;
    border-radius: 12px;
    font-size: 1.2rem;
    text-align: center;
    z-index: 10;
}
.slider-caption-label {
    font-weight: 600;
    letter-spacing: 1px;
}

/* ==========================
    Saint Sections CSS
========================== */
.saint-section {
    background: linear-gradient(135deg, #fff8f0, #f5f5ff);
    padding: 80px 0;
    overflow: hidden;
}
.saint-image-wrapper {
    position: relative;
    text-align: center;
}
.saint-image {
    border-radius: 24px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
    max-width: 100%;
    height: auto;
}
.saint-image-glow {
    position: absolute;
    top: -20px;
    left: -20px;
    right: -20px;
    bottom: -20px;
    border-radius: 30px;
    background: radial-gradient(circle, rgba(255,200,0,0.2), transparent);
    z-index: -1;
    filter: blur(20px);
}
.saint-content {
    padding: 20px;
    background: rgba(255,255,255,0.9);
    border-radius: 20px;
    box-shadow: 0 8px 20px rgba(0,0,0,0.08);
}
.saint-title {
    font-size: 2.5rem;
    font-weight: 800;
    color: #2c2c2c;
    margin-top: 10px;
}
.saint-divider {
    width: 60px;
    height: 4px;
    background: #ff7b00;
    margin: 12px 0;
}
.saint-desc {
    font-size: 1rem;
    line-height: 1.6;
    color: #444;
}
.saint-quote {
    margin-top: 20px;
    font-style: italic;
    color: #555;
    display: flex;
    align-items: center;
    gap: 8px;
}
.saint-quote-icon {
    color: #ff7b00;
    font-size: 1.2rem;
}

/* Alternate styling for the second saint section */
.saint-section-alt .saint-content {
    background: rgba(255,255,255,0.85);
}
.saint-section-alt .saint-divider-alt {
    background: #007bff;
}
.saint-section-alt .saint-quote-alt {
    color: #333;
}



/* ==========================
   slider css start
========================== */


/* ==========================
    Slider Size Adjustment (More compact)
========================== */
/* Reduce height of carousel images and container */
.hero-section .carousel {
    max-height: 600px;
    overflow: hidden;
}
.hero-section .carousel-item img {
    /* Reduce image height to 60% of original */
    height: 600px;
    object-fit: cover;
}



/*.hero-section .carousel-item img{height:90vh;object-fit:cover; object-position:top;}*/


/* ==========================
    seva section css start
========================== */


/* ==========================
    seva section css start (Redesigned)
========================== */

.seva-section {
    background: linear-gradient(135deg, #fffcf9 0%, #ffffff 50%, #fffbf5 100%);
    overflow: hidden;
    position: relative;
}

.seva-section::before {
    content: '';
    position: absolute;
    top: -10%;
    left: -10%;
    width: 400px;
    height: 400px;
    background: radial-gradient(circle, rgba(255, 123, 0, 0.05) 0%, transparent 70%);
    z-index: 1;
    pointer-events: none;
}

.seva-image-wrapper {
    position: relative;
    z-index: 2;
}

.seva-image-glow {
    position: absolute;
    top: -15px;
    left: -15px;
    right: 15px;
    bottom: 15px;
    border: 3px solid rgba(255, 123, 0, 0.15);
    border-radius: 32px;
    z-index: 1;
    pointer-events: none;
    transition: all 0.5s ease;
}

.seva-image-wrapper:hover .seva-image-glow {
    transform: translate(8px, 8px);
    border-color: rgba(255, 123, 0, 0.4);
}

.seva-image {
    border-radius: 28px;
    width: 100%;
    height: 600px;
    object-fit: cover;
    box-shadow: 0 20px 50px rgba(255, 123, 0, 0.08);
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease;
}

.seva-image-wrapper:hover .seva-image {
    transform: scale(1.02);
}

.seva-floating-tag {
    position: absolute;
    bottom: 30px;
    right: -20px;
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(10px);
    padding: 14px 28px;
    border-radius: 50px;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);
    font-weight: 700;
    color: #ff6a00;
    z-index: 3;
    font-size: 15px;
    display: flex;
    align-items: center;
    gap: 10px;
    border: 1px solid rgba(255, 123, 0, 0.15);
    transition: transform 0.3s ease;
}

.seva-image-wrapper:hover .seva-floating-tag {
    transform: translateY(-5px);
}

.pulse-dot {
    width: 8px;
    height: 8px;
    background-color: #ff6a00;
    border-radius: 50%;
    display: inline-block;
    box-shadow: 0 0 0 0 rgba(255, 106, 0, 0.7);
    animation: pulse 1.6s infinite;
}

@keyframes pulse {
    0% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(255, 106, 0, 0.7);
    }
    70% {
        transform: scale(1);
        box-shadow: 0 0 0 8px rgba(255, 106, 0, 0);
    }
    100% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(255, 106, 0, 0);
    }
}

.seva-content {
    padding-left: 20px;
    position: relative;
    z-index: 2;
}

.mini-title {
    display: inline-block;
    padding: 8px 18px;
    background: rgba(255, 123, 0, 0.08);
    color: #ff6a00;
    border-radius: 50px;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 20px;
    text-transform: uppercase;
    letter-spacing: 1px;
    border: 1px solid rgba(255, 123, 0, 0.15);
}

.main-title {
    font-size: 46px;
    font-weight: 800;
    color: #1a1a1a;
    line-height: 1.25;
    margin-bottom: 22px;
    background: linear-gradient(135deg, #1a1a1a 0%, #ff6a00 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.main-desc {
    font-size: 16px;
    line-height: 1.85;
    color: #666;
    margin-bottom: 35px;
}

.feature-box {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    background: #fff;
    padding: 30px;
    border-radius: 24px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.02);
    border: 1px solid rgba(0, 0, 0, 0.04);
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    overflow: hidden;
    z-index: 1;
}

.feature-box::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: linear-gradient(to right, #ff9e3b, #ff6a00);
    opacity: 0;
    transition: opacity 0.3s ease;
}

.feature-box:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 40px rgba(255, 123, 0, 0.08);
    border-color: rgba(255, 123, 0, 0.15);
}

.feature-box:hover::before {
    opacity: 1;
}

.feature-number {
    position: absolute;
    right: 24px;
    top: 24px;
    font-size: 70px;
    font-weight: 900;
    color: rgba(255, 123, 0, 0.03);
    pointer-events: none;
    transition: all 0.4s ease;
    user-select: none;
    line-height: 1;
}

.feature-box:hover .feature-number {
    color: rgba(255, 123, 0, 0.07);
    transform: translateY(-3px);
}

.feature-icon {
    width: 60px;
    height: 60px;
    min-width: 60px;
    border-radius: 18px;
    background: linear-gradient(135deg, rgba(255, 158, 59, 0.1) 0%, rgba(255, 106, 0, 0.1) 100%);
    color: #ff6a00;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    transition: all 0.4s ease;
    border: 1px solid rgba(255, 123, 0, 0.1);
}

.feature-box:hover .feature-icon {
    background: linear-gradient(135deg, #ff9e3b 0%, #ff6a00 100%);
    color: #fff;
    transform: scale(1.05) rotate(5deg);
    box-shadow: 0 8px 20px rgba(255, 106, 0, 0.2);
}

.feature-body h5 {
    margin-bottom: 12px;
    font-size: 22px;
    font-weight: 800;
    color: #1a1a1a;
    transition: color 0.3s ease;
}

.feature-box:hover .feature-body h5 {
    color: #ff6a00;
}

.feature-body p {
    margin: 0;
    color: #666;
    line-height: 1.8;
    font-size: 14.5px;
    text-align: justify;
}

@media (max-width: 991px) {
    .seva-image {
        height: 400px;
    }
    .seva-content {
        padding-left: 0;
    }
    .main-title {
        font-size: 34px;
    }
    .main-desc {
        font-size: 15px;
    }
    .feature-box {
        padding: 24px;
        gap: 16px;
    }
    .feature-icon {
        width: 50px;
        height: 50px;
        min-width: 50px;
        font-size: 20px;
        border-radius: 14px;
    }
    .feature-body h5 {
        font-size: 18px;
    }
    .seva-floating-tag {
        right: 10px;
        bottom: 20px;
        padding: 10px 20px;
        font-size: 13px;
    }
}



/* ==========================
    intro section css start
========================== */


.intro-section{background:linear-gradient(135deg,#fff,#fff8f2);overflow:hidden;position:relative}
.intro-content{position:relative;z-index:2}
.intro-tag{display:inline-block;background:rgba(255,136,0,.12);color:#d97706;padding:8px 18px;border-radius:50px;font-size:14px;font-weight:600;margin-bottom:20px}
.intro-title{font-size:58px;font-weight:800;color:#1a1a1a;line-height:1.1;margin-bottom:25px}
.intro-text{font-size:17px;line-height:1.9;color:#666;margin-bottom:40px}
.intro-stats{display:flex;gap:20px;flex-wrap:wrap;margin-bottom:40px}
.stat-box{background:#fff;padding:24px;border-radius:24px;min-width:150px;box-shadow:0 10px 40px rgba(0,0,0,.06);transition:.3s ease}
.stat-box:hover{transform:translateY(-6px)}
.stat-box h3{font-size:34px;font-weight:800;margin-bottom:8px;color:#ff7a00}
.stat-box p{margin:0;color:#666;font-size:14px}
.intro-btn{display:inline-block;padding:15px 34px;border-radius:60px;background:linear-gradient(135deg,#ff9800,#ff6b00);color:#fff;text-decoration:none;font-weight:600;transition:.3s ease}
.intro-btn:hover{color:#fff;transform:translateY(-3px);box-shadow:0 12px 35px rgba(255,107,0,.3)}
.intro-image-wrapper{position:relative}
.intro-image{width:100%;height:650px;object-fit:cover;border-radius:32px;position:relative;z-index:2;box-shadow:0 20px 60px rgba(0,0,0,.15)}
.shape-circle{position:absolute;width:280px;height:280px;border-radius:50%;background:linear-gradient(135deg,#ffcc70,#ff7b00);top:-40px;right:-40px;opacity:.15}
.floating-card{position:absolute;left:-30px;bottom:40px;background:#fff;padding:24px;border-radius:24px;max-width:280px;z-index:3;box-shadow:0 15px 45px rgba(0,0,0,.12)}
.floating-card h5{font-size:22px;font-weight:700;margin-bottom:10px;color:#111}
.floating-card p{margin:0;color:#666;line-height:1.7;font-size:15px}
.intro-uddeshy-title{font-size:22px;font-weight:700;color:#b76a00;margin-top:28px;margin-bottom:10px}
.intro-motto{border-left:4px solid #ff7b00;padding:12px 20px;margin:16px 0 24px;background:rgba(255,123,0,.06);border-radius:0 12px 12px 0;color:#444;font-style:italic;font-size:15px;line-height:1.7}
@media(max-width:991px){
  .intro-title{font-size:42px}
  .intro-text{font-size:15px}
  .intro-image{height:420px}
  .floating-card{left:15px;right:15px;bottom:20px;max-width:100%}
  .intro-stats{gap:15px}
  .stat-box{flex:1 1 calc(50% - 10px);min-width:unset}}
  @media(max-width:576px){
    .intro-title{font-size:34px}.stat-box{flex:1 1 100%}
  }


/* ==========================
    quick access section css start
========================== */


 .quick-access-section{background:linear-gradient(135deg,#fff8ef,#f5fbff);position:relative;overflow:hidden}
 .qa-tag{display:inline-block;padding:8px 18px;border-radius:50px;background:rgba(255,145,0,.1);color:#d97706;font-size:14px;font-weight:600;margin-bottom:18px}
 .qa-title{font-size:60px;font-weight:800;color:#0f172a;margin-bottom:12px}
 .qa-subtitle{font-size:18px;color:#64748b}
 .qa-card{position:relative;background:rgba(255,255,255,.75);backdrop-filter:blur(12px);border-radius:35px;padding:45px 35px;text-align:center;overflow:hidden;transition:.4s ease;border:1px solid rgba(255,255,255,.5);height:100%;box-shadow:0 15px 50px rgba(0,0,0,.07)}
 .qa-card:hover{transform:translateY(-10px)}
 .qa-card::before{content:"";position:absolute;top:0;left:0;width:100%;height:8px}
 .qa-card-1::before{background:linear-gradient(90deg,#ff9800,#ff5e00)}
 .qa-card-2::before{background:linear-gradient(90deg,#2196f3,#005eff)}
 .qa-card-3::before{background:linear-gradient(90deg,#d946ef,#9333ea)}
 .qa-icon{width:110px;height:110px;margin:auto;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:48px;margin-bottom:28px;position:relative;z-index:2}
 .qa-card-1 .qa-icon{background:linear-gradient(135deg,#fff3d6,#ffe2b3)}
 .qa-card-2 .qa-icon{background:linear-gradient(135deg,#dff1ff,#c7e8ff)}
 .qa-card-3 .qa-icon{background:linear-gradient(135deg,#ffe1ff,#f4d1ff)}
 .qa-card h3{font-size:34px;font-weight:800;margin-bottom:18px;color:#0f172a}
 .qa-card p{font-size:16px;line-height:1.8;color:#64748b;margin-bottom:35px}
 .qa-btn{display:inline-flex;align-items:center;gap:10px;padding:15px 34px;border-radius:60px;text-decoration:none;color:#fff;font-size:17px;font-weight:700;transition:.3s ease}
 .qa-card-1 .qa-btn{background:linear-gradient(135deg,#ff9800,#ff3d00)}
 .qa-card-2 .qa-btn{background:linear-gradient(135deg,#2196f3,#0048ff)}
 .qa-card-3 .qa-btn{background:linear-gradient(135deg,#d946ef,#7e22ce)}
 .qa-btn:hover{color:#fff;transform:scale(1.05)}
 .qa-btn span{font-size:20px}
 @media(max-width:991px){
  .qa-title{font-size:42px}
  .qa-card{padding:35px 25px}
  .qa-card h3{font-size:28px}
}
  @media(max-width:576px){
    .qa-title{font-size:34px}
    .qa-subtitle{font-size:15px}
    .qa-card{border-radius:28px}
    .qa-card h3{font-size:24px}
    .qa-icon{width:90px;height:90px;font-size:38px}
  }


/* ==========================
    cta section css start
========================== */


.cta-section{width:100%;padding:80px 20px;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#f5f2ea,#dff5ff);font-family:'Poppins',sans-serif}
.cta-box{text-align:center;max-width:600px}
.cta-box h2{font-size:48px;line-height:1.3;font-weight:600;color:#111;margin-bottom:40px;text-transform:uppercase}
.cta-btn{display:inline-block;background:#0077c8;color:#fff;text-decoration:none;font-size:32px;font-weight:700;padding:18px 55px;position:relative;clip-path:polygon(0 0,92% 0,100% 50%,92% 100%,0 100%,4% 50%);box-shadow:8px 8px 0 #00548d;transition:.3s ease}
.cta-btn:hover{transform:translateY(-3px);box-shadow:10px 10px 0 #00446f}
@media(max-width:768px){
  .cta-box h2{font-size:30px}
  .cta-btn{font-size:22px;padding:14px 35px}
}


/* ==========================
    terms and conditions section css start
========================== */


#terms-section {width:100%;padding:80px 20px;font-family:'Poppins',sans-serif;background:linear-gradient(rgba(255,255,255,.82),rgba(255,255,255,.82)),linear-gradient(135deg,#fff5e7,#f2d8ef,#dff6ff);overflow:hidden}
#terms-section .terms-container{max-width:1100px;margin:auto;text-align:center}
#terms-section .terms-container h2{font-size:52px;color:#2b2f98;font-weight:700;margin-bottom:10px}
#terms-section .subtitle{font-size:30px;font-weight:600;line-height:1.4;color:#111;margin-bottom:60px}
#terms-section .terms-list{display:grid;grid-template-columns:repeat(2,1fr);gap:25px;margin-bottom:70px}
#terms-section .term-item{background:#ffffffcc;backdrop-filter:blur(8px);border-radius:18px;padding:25px;display:flex;align-items:flex-start;gap:16px;text-align:left;box-shadow:0 10px 30px rgba(0,0,0,.08);transition:.3s ease}
#terms-section .term-item:hover{transform:translateY(-5px)}
#terms-section .arrow{font-size:26px;color:#7cb342;margin-top:2px}
#terms-section .term-item p{font-size:18px;color:#222;line-height:1.6;font-weight:500}
#terms-section .social-wrapper{display:flex;justify-content:center;gap:40px;margin-bottom:70px;flex-wrap:wrap}
#terms-section .social-card{width:280px;background:#ffffffcc;border-radius:25px;padding:35px 25px;box-shadow:0 12px 35px rgba(0,0,0,.08);transition:.3s ease}
#terms-section .social-card:hover{transform:translateY(-8px)}
#terms-section .icon{width:90px;height:90px;margin:auto auto 20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:42px;color:#fff}
#terms-section .instagram .icon{background:linear-gradient(45deg,#f9ce34,#ee2a7b,#6228d7)}
#terms-section .whatsapp .icon{background:#25D366}
#terms-section .social-card h4{font-size:28px;margin-bottom:10px;color:#111}
#terms-section .social-card p{font-size:18px;color:#444;font-weight:500}
#terms-section .cities-box{background:#ffffffcc;padding:40px 30px;border-radius:30px;box-shadow:0 12px 35px rgba(0,0,0,.08)}
#terms-section .cities-box h3{display:inline-block;background:#1ea5e8;color:#fff;padding:18px 55px;font-size:36px;margin-bottom:35px;clip-path:polygon(0 0,95% 0,100% 50%,95% 100%,0 100%,5% 50%)}
#terms-section .cities-list{display:flex;justify-content:center;flex-wrap:wrap;gap:25px}
#terms-section .cities-list span{font-size:24px;font-weight:600;color:#111}
@media(max-width:768px){
  #terms-section .terms-container h2{font-size:36px}
  #terms-section .subtitle{font-size:22px;margin-bottom:40px}
  #terms-section .terms-list{grid-template-columns:1fr}
  #terms-section .term-item p{font-size:16px}
  #terms-section .social-card{width:100%;max-width:320px}
  #terms-section .cities-box h3{font-size:24px;padding:14px 35px}
  #terms-section .cities-list span{font-size:18px}
}

/* Custom Accordion Premium Styling */
.custom-accordion-item {
    border: 1px solid rgba(255, 123, 0, 0.15) !important;
    border-radius: 16px !important;
    background: #fff;
    margin-bottom: 16px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.03) !important;
    transition: all 0.3s ease;
}
.custom-accordion-item:hover {
    box-shadow: 0 15px 35px rgba(255, 123, 0, 0.06) !important;
    border-color: rgba(255, 123, 0, 0.3) !important;
}
.custom-accordion-button {
    background: #fff;
    color: #1a1a1a;
    border: none;
    border-radius: 16px !important;
    transition: all 0.3s ease;
}
.custom-accordion-button:not(.collapsed) {
    background: linear-gradient(135deg, rgba(255, 158, 59, 0.08) 0%, rgba(255, 106, 0, 0.08) 100%) !important;
    color: #ff6a00 !important;
    box-shadow: none !important;
}
.custom-accordion-button::after {
    filter: invert(0.5);
}
.custom-accordion-button:not(.collapsed)::after {
    filter: invert(36%) sepia(87%) saturate(1478%) hue-rotate(15deg) brightness(96%) contrast(101%);
}
.acc-num {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 45px;
    height: 45px;
    background: linear-gradient(135deg, rgba(255, 158, 59, 0.1) 0%, rgba(255, 106, 0, 0.1) 100%);
    color: #ff6a00;
    font-size: 18px;
    font-weight: 800;
    border-radius: 12px;
    transition: all 0.3s ease;
}
.custom-accordion-button:not(.collapsed) .acc-num {
    background: linear-gradient(135deg, #ff9e3b 0%, #ff6a00 100%);
    color: #fff;
    box-shadow: 0 4px 15px rgba(255, 106, 0, 0.2);
}
.acc-title {
    font-size: 20px;
    font-weight: 700;
}
.custom-accordion-body {
    background: #fff;
    border-top: 1px solid rgba(255, 123, 0, 0.1);
    font-size: 15px;
    line-height: 1.85;
    color: #555;
    text-align: justify;
}


@media (max-width: 768px){
    .hero-section .carousel-item img{
        height: 155px !important;
    }
}