/* Global */

.oh {
    overflow: hidden !important;
}

body {
    padding: 0px !important;
}


/* About Us Section */

.about-section {
    padding: 50px 0;
    background: white;
}

.section-title {
    text-align: center;
    margin-bottom: 60px;
}

.section-title h2 {
    font-size: 2.5rem;
    color: #8b4513;
    margin-bottom: 15px;
    position: relative;
    padding-bottom: 5px;
    font-weight: 700;
}

.section-title h2::after {
    content: "";
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
    width: 80px;
    height: 3px;
    background: linear-gradient(90deg, #ff6b35, #ffd700);
    border-radius: 2px;
}

.section-title p {
    font-size: 18px;
    color: #666;
    max-width: 600px;
    margin: 0 auto;
}

.about-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: center;
    margin-bottom: 60px;
}

.about-text {
    font-size: 1.1rem;
    line-height: 1.8;
    color: #555;
}

.about-text h3 {
    color: #8b4513;
    font-size: 1.5rem;
    margin-bottom: 20px;
    font-weight: 700;
}

.about-text p {
    margin-bottom: 20px;
}

.about-text h4 {
    font-weight: 700;
    margin-bottom: 0px !important;
}

.deities-list {
    list-style: none;
    margin: 20px 0;
    padding: 0px;
    display: flex;
    align-items: start;
    justify-content: start;
    gap: 15px;
    flex-wrap: wrap;
}

.deities-list li {
    padding: 8px 0;
    padding-left: 30px;
    position: relative;
    color: #d2691e;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
}


/* .deities-list li::before {
  content: "🛕";
  position: absolute;
  left: 0;
  top: 8px;
} */

.about-image {
    position: relative;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
}

.about-image img {
    width: 100%;
    height: 400px;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.about-image:hover img {
    transform: scale(1.05);
}

.values-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 30px;
    margin-top: 50px;
}

.value-card {
    background: linear-gradient(135deg, #fff 0%, #fdf8f5 100%);
    padding: 30px;
    border-radius: 15px;
    text-align: center;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    border: 2px solid transparent;
    transition: all 0.3s ease;
}

.value-card:hover {
    transform: translateY(-5px);
    border-color: #ffd700;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
    cursor: pointer;
}

.value-card i {
    font-size: 3rem;
    color: #ff6b35;
    margin-bottom: 20px;
}

.value-card .vci {
    width: 64px;
    height: 64px;
    background: linear-gradient(135deg, #fef3c7, #fed7aa);
    border-radius: 16px;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    margin-bottom: 20px;
}

.value-card:hover .vci {
    background: linear-gradient(135deg, #d97706, #ea580c);
    transform: scale(1.1);
}

.value-card svg {
    width: 28px;
    height: 28px;
    fill: #d97706;
    color: #d97706 !important;
    transition: fill 0.3s ease;
}

.value-card:hover .vci svg {
    color: #fff !important;
    fill: #fff;
}

.value-card h4 {
    color: #8b4513;
    font-size: 1.3rem;
    margin-bottom: 15px;
    font-weight: 700;
}

.value-card p {
    color: #666;
    font-size: 0.95rem;
    margin: 0px;
}


/* Responsive Design */

@media (max-width: 768px) {
    .header h1 {
        font-size: 2.5rem;
    }

    .about-content {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .values-grid {
        grid-template-columns: 1fr;
    }
}


/* Live Darshan Timing */

.ldt .header {
    text-align: center;
    margin-bottom: 40px;
}

.ldt .header h1 {
    color: #d84315;
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 10px;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);
}

.ldt .header p {
    color: #666;
    font-size: 1.1rem;
    margin-bottom: 20px;
}

.ldt .live-status {
    display: inline-flex;
    align-items: center;
    background: #4caf50;
    color: white;
    padding: 8px 16px;
    border-radius: 25px;
    font-weight: 600;
    /* box-shadow: 0 4px 12px rgba(76, 175, 80, 0.3); */
}

.ldt .live-dot {
    width: 8px;
    height: 8px;
    /* background: white; */
    border-radius: 50%;
    margin-right: 8px;
    animation: pulse 1.5s infinite;
}

@keyframes pulse {

    0%,
    100% {
        opacity: 1;
    }

    50% {
        opacity: 0.5;
    }
}

.ldt .timing-section {
    /* background: white; */
    border-radius: 20px;
    padding: 40px;
    /* box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); */
    margin-bottom: 40px;
}

.ldt .section-title {
    color: #d84315;
    font-size: 1.8rem;
    font-weight: 600;
    text-align: center;
    margin-bottom: 30px;
}

.ldt .timing-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    gap: 30px;
    margin-bottom: 40px;
}

.ldt .timing-card {
    background: linear-gradient(135deg, #fff 0%, #fafafa 100%);
    border-radius: 16px;
    padding: 30px;
    border: 2px solid #ff6b35;
    box-shadow: 0 8px 25px rgba(255, 107, 53, 0.15);
    position: relative;
    overflow: hidden;
    transition: all 0.3s ease;
}

.ldt .timing-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 35px rgba(255, 107, 53, 0.25);
}

.ldt .timing-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, #ff6b35, #d84315);
}

.ldt .timing-header {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.ldt .timing-icon {
    width: 50px;
    height: 50px;
    background: linear-gradient(135deg, #ff6b35, #d84315);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 15px;
    color: white;
    font-size: 1.5rem;
}

.ldt .timing-title {
    color: #d84315;
    font-size: 1.4rem;
    font-weight: 600;
}

.ldt .main-timing {
    color: #ff6b35;
    font-size: 1.3rem;
    font-weight: 700;
    margin-bottom: 20px;
    text-align: center;
    padding: 10px;
    background: #fff8f5;
    border-radius: 8px;
    border: 1px solid #ffe0d4;
}

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

.ldt .aarti-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 0;
    border-bottom: 1px solid #f0f0f0;
    transition: all 0.2s ease;
}

.ldt .aarti-item:hover {
    background: #fff8f5;
    margin: 0 -15px;
    padding: 12px 15px;
    border-radius: 8px;
}

.ldt .aarti-item:last-child {
    border-bottom: none;
}

.ldt .aarti-name {
    color: #333;
    font-weight: 500;
}

.ldt .aarti-time {
    color: #ff6b35;
    font-weight: 600;
    background: #fff8f5;
    padding: 4px 10px;
    border-radius: 12px;
    font-size: 0.9rem;
}


/* Swiper Deity Slider Styles */

.ldt .deity-slider {
    margin: 0px;
    position: relative;
}

.ldt .swiper {
    border-radius: 16px;
    /* box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1); */
    padding: 20px 0 50px 0;
    overflow: visible;
}

.ldt .swiper-slide {
    height: auto;
    display: flex;
    align-items: stretch;
}

.ldt .deity-card {
    background: linear-gradient(135deg, #fff8f0 0%, #ffeee6 100%);
    padding: 30px 20px;
    text-align: center;
    position: relative;
    border-radius: 16px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.ldt .deity-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 25px rgba(255, 107, 53, 0.2);
}

.ldt .deity-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="20" cy="20" r="2" fill="%23ff6b35" opacity="0.1"/><circle cx="80" cy="40" r="2" fill="%23d84315" opacity="0.1"/><circle cx="40" cy="80" r="2" fill="%23ff6b35" opacity="0.1"/></svg>');
    pointer-events: none;
    border-radius: 16px;
}

.ldt .deity-name {
    color: #d84315;
    font-size: 1.4rem;
    font-weight: 700;
    margin-bottom: 10px;
    position: relative;
    z-index: 1;
}

.ldt .deity-description {
    color: #666;
    font-size: 0.95rem;
    margin-bottom: 15px;
    line-height: 1.5;
    position: relative;
    z-index: 1;
    flex-grow: 1;
}

.ldt .deity-timing {
    background: white;
    border-radius: 8px;
    padding: 15px;
    margin: 15px 0;
    border: 2px solid #ff6b35;
    position: relative;
    z-index: 1;
}

.ldt .deity-timing h4 {
    color: #d84315;
    margin: 0 0 8px 0;
    font-size: 0.9rem;
}

.ldt .deity-timing p {
    margin: 0;
    font-size: 0.85rem;
    color: #ff6b35;
    font-weight: 600;
}

.ldt .btn {
    background: linear-gradient(135deg, #ff6b35, #d84315);
    color: white;
    border: none;
    padding: 10px 20px;
    border-radius: 20px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    width: max-content;
    margin: 0 auto;
    margin-top: 10px;
    font-size: 0.85rem;
    position: relative;
    z-index: 1;
}

.ldt .btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(255, 107, 53, 0.3);
}


/* Custom Swiper Navigation */

.ldt .swiper-button-next,
.ldt .swiper-button-prev {
    background: rgba(255, 255, 255, 0.95);
    border: 2px solid #ff6b35;
    border-radius: 50%;
    width: 44px;
    height: 44px;
    color: #ff6b35;
    transition: all 0.3s ease;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.ldt .swiper-button-next:hover,
.ldt .swiper-button-prev:hover {
    background: #ff6b35;
    color: white;
    transform: scale(1.1);
}

.ldt .swiper-button-next::after,
.ldt .swiper-button-prev::after {
    font-size: 18px;
    font-weight: bold;
}


/* Custom Swiper Pagination */

.ldt .swiper-pagination {
    position: absolute;
    bottom: 0% !important;
}

.ldt .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background: #ddd;
    opacity: 0.7;
    transition: all 0.3s ease;
    margin: 0 4px;
}

.ldt .swiper-pagination-bullet-active {
    background: #ff6b35;
    transform: scale(1.3);
    opacity: 1;
}

@media (max-width: 1024px) {
    .ldt .deity-card {
        padding: 25px 15px;
    }

    .ldt .deity-name {
        font-size: 1.2rem;
    }

    .ldt .deity-description {
        font-size: 0.9rem;
    }
}

@media (max-width: 768px) {
    .ldt .timing-grid {
        grid-template-columns: 1fr;
    }

    .ldt .header h1 {
        font-size: 2rem;
    }

    .ldt .timing-section {
        padding: 20px;
    }

    .ldt .swiper-button-next,
    .ldt .swiper-button-prev {
        display: none;
    }
}

@media (max-width: 480px) {
    .ldt .deity-card {
        padding: 20px 15px;
    }

    .ldt .deity-name {
        font-size: 1.1rem;
    }

    .ldt .deity-description {
        font-size: 0.85rem;
    }
}


/* Quick Action */

.qa {
    background: #fff7ed;
}

.qa .container {
    /* max-width: 1400px; */
    margin: 0 auto;
}

.qa .header {
    text-align: center;
    margin-bottom: 50px;
    /* padding: 20px 0; */
}

.qa .header h1 {
    font-size: 50px;
    font-weight: 700;
    color: #8b1e1e;
    /* background: linear-gradient(135deg, #d97706, #ea580c); */
    /* -webkit-background-clip: text; */
    /* -webkit-text-fill-color: transparent; */
    /* background-clip: text; */
    margin-bottom: 15px;
}

.qa .header p {
    font-size: 1.125rem;
    color: #6b7280;
    font-weight: 400;
}

.qa .services-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 24px;
    /* margin-bottom: 64px; */
}

.qa .service-card {
    background: white;
    border-radius: 20px;
    padding: 32px;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    cursor: pointer;
    border: 1px solid #f3f4f6;
    position: relative;
    overflow: hidden;
}

.qa .service-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, #d97706, #ea580c);
    transform: scaleX(0);
    transition: transform 0.3s ease;
}

.qa .service-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

.qa .service-card:hover::before {
    transform: scaleX(1);
}

.qa .service-icon {
    width: 64px;
    height: 64px;
    background: linear-gradient(135deg, #fef3c7, #fed7aa);
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 25px;
    transition: all 0.3s ease;
}

.qa .service-card:hover .service-icon {
    background: linear-gradient(135deg, #d97706, #ea580c);
    transform: scale(1.1);
}

.qa .service-icon svg {
    width: 28px;
    height: 28px;
    fill: #d97706;
    transition: fill 0.3s ease;
}

.qa .service-card:hover .service-icon svg {
    fill: white;
}

.qa .service-content h3 {
    font-size: 1.375rem;
    font-weight: 600;
    color: #1f2937;
    margin-bottom: 10px;
}

.qa .service-content p {
    color: #6b7280;
    font-size: 0.975rem;
    line-height: 1.5;
    margin-bottom: 25px;
}

.qa .service-action {
    display: flex;
    align-items: center;
    color: #d97706;
    font-weight: 500;
    font-size: 0.875rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    transition: color 0.3s ease;
}

.qa .service-card:hover .service-action {
    color: #ea580c;
}

.qa .service-action svg {
    width: 16px;
    height: 16px;
    margin-left: 8px;
    transition: transform 0.3s ease;
    color: #ea580c;
    fill: #ea580c;
}

.qa .service-card:hover .service-action svg {
    transform: translateX(4px);
}

.qa .timings-section {
    background: white;
    border-radius: 24px;
    padding: 48px;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    border: 1px solid #f3f4f6;
    position: relative;
    overflow: hidden;
}

.qa .timings-section::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 6px;
    background: linear-gradient(90deg, #d97706, #ea580c, #dc2626);
}

.qa .timings-header {
    text-align: center;
    margin-bottom: 40px;
}

.qa .timings-header h2 {
    font-size: 2rem;
    font-weight: 700;
    color: #1f2937;
    margin-bottom: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
}

.qa .timings-header svg {
    width: 32px;
    height: 32px;
    fill: #d97706;
}

.qa .timings-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 32px;
    margin-bottom: 48px;
}

.qa .timing-card {
    background: linear-gradient(135deg, #fef3c7, #fed7aa);
    border-radius: 16px;
    padding: 28px;
    text-align: center;
    transition: transform 0.3s ease;
}

.qa .timing-card:hover {
    transform: translateY(-4px);
}

.qa .timing-label {
    font-size: 1.125rem;
    font-weight: 600;
    color: #92400e;
    margin-bottom: 12px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.qa .timing-hours {
    font-size: 1.5rem;
    font-weight: 700;
    color: #1f2937;
}

.qa .cta-section {
    display: flex;
    gap: 16px;
    justify-content: center;
    flex-wrap: wrap;
}

.qa .cta-button {
    background: linear-gradient(135deg, #d97706, #ea580c);
    color: white;
    border: none;
    padding: 16px 32px;
    border-radius: 12px;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 8px;
    transition: all 0.3s ease;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.qa .cta-button:hover {
    background: linear-gradient(135deg, #ea580c, #dc2626);
    transform: translateY(-2px);
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
}

.qa .cta-button svg {
    width: 20px;
    height: 20px;
    fill: white;
}

.qa .cta-button.secondary {
    background: white;
    color: #d97706;
    border: 2px solid #d97706;
}

.qa .cta-button.secondary:hover {
    background: #d97706;
    color: white;
}

.qa .status-indicator {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #dcfce7;
    color: #166534;
    padding: 8px 16px;
    border-radius: 20px;
    font-size: 0.875rem;
    font-weight: 500;
    margin-top: 16px;
}

.qa .status-dot {
    width: 8px;
    height: 8px;
    background: #22c55e;
    border-radius: 50%;
    animation: pulse 2s infinite;
}

@keyframes pulse {

    0%,
    100% {
        opacity: 1;
    }

    50% {
        opacity: 0.5;
    }
}

@media (max-width: 768px) {
    .qa .header h1 {
        font-size: 2.25rem;
    }

    .qa .services-container {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .qa .service-card {
        padding: 24px;
    }

    .qa .timings-section {
        padding: 32px 24px;
    }

    .qa .cta-section {
        flex-direction: column;
        align-items: center;
    }

    .qa .cta-button {
        width: 100%;
        justify-content: center;
        max-width: 300px;
    }
}

.qa .floating-om {
    position: fixed;
    bottom: 24px;
    right: 24px;
    width: 60px;
    height: 60px;
    background: linear-gradient(135deg, #d97706, #ea580c);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);
    cursor: pointer;
    transition: all 0.3s ease;
    z-index: 1000;
}

.qa .floating-om:hover {
    transform: scale(1.1);
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.2);
}

.qa .floating-om::before {
    content: "🕉️";
    font-size: 24px;
    color: white;
}


/* Trustees Section */

.trst .slider-viewport {
    width: 100%;
    /* overflow: hidden; */
    position: relative;
}

.trst .trustees-track {
    display: flex;
    transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    gap: 30px;
    padding: 0 15px;
    will-change: transform;
    /* For better performance */
}

.trustees-section {
    padding: 50px 0;
    background: linear-gradient(135deg, #fff8f0 0%, #fef5e7 100%);
    position: relative;
    overflow: hidden;
}

.trustees-section::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="dots" patternUnits="userSpaceOnUse" width="20" height="20"><circle cx="10" cy="10" r="1" fill="rgba(255,107,53,0.05)"/></pattern></defs><rect width="100" height="100" fill="url(%23dots)"/></svg>');
}

.trst .section-title {
    text-align: center;
    margin-bottom: 60px;
    position: relative;
    z-index: 2;
}

.trst .section-title .om-symbol {
    font-size: 3rem;
    color: #ff6b35;
    margin-bottom: 20px;
    display: block;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);
}

.trst .section-title h2 {
    font-size: 3rem;
    color: #8b4513;
    margin-bottom: 15px;
    position: relative;
    font-weight: 700;
}

.trst .section-title h2::after {
    content: "";
    position: absolute;
    bottom: -15px;
    left: 50%;
    transform: translateX(-50%);
    width: 100px;
    height: 4px;
    background: linear-gradient(90deg, #ff6b35, #ffd700);
    border-radius: 2px;
}

.trst .section-title p {
    font-size: 1.2rem;
    color: #666;
    max-width: 700px;
    margin: 30px auto 0;
    font-weight: 500;
}


/* Slider Container */

.trst .trustees-slider {
    position: relative;
    /* overflow: hidden; */
    margin-top: 60px;
    padding: 20px 0;
}

.trst .trustees-track {
    display: flex;
    transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    gap: 30px;
    padding: 0 15px;
}


/* Trustee Cards */

.trst .trustee-card {
    min-width: 380px;
    background: white;
    border-radius: 25px;
    padding: 40px 30px;
    text-align: center;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.1);
    cursor: pointer;
    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    border: 3px solid transparent;
    position: relative;
    overflow: hidden;
    flex: 0 0 calc(33.333% - 20px);
    /* 3 cards with gap */
    max-width: calc(33.333% - 20px);
}

.trst .trustee-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, rgba(255, 107, 53, 0.02) 0%, rgba(255, 215, 0, 0.02) 100%);
    opacity: 0;
    transition: opacity 0.3s ease;
}

.trst .trustee-card:hover {
    transform: translateY(-15px) scale(1.02);
    border-color: #ffd700;
    box-shadow: 0 30px 80px rgba(255, 107, 53, 0.2);
}

.trst .trustee-card:hover::before {
    opacity: 1;
}

.trst .trustee-avatar {
    width: 140px;
    height: 140px;
    border-radius: 50%;
    margin: 0 auto 25px;
    background: linear-gradient(135deg, #ff6b35 0%, #ffd700 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 3.5rem;
    color: white;
    font-weight: bold;
    box-shadow: 0 15px 35px rgba(255, 107, 53, 0.3);
    position: relative;
    transition: all 0.3s ease;
}

.trst .trustee-card:hover .trustee-avatar {
    transform: scale(1.1);
    box-shadow: 0 20px 50px rgba(255, 107, 53, 0.4);
}

.trst .trustee-avatar::before {
    content: "";
    position: absolute;
    top: -5px;
    left: -5px;
    right: -5px;
    bottom: -5px;
    border-radius: 50%;
    background: linear-gradient(135deg, #ff6b35, #ffd700);
    z-index: -1;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.trst .trustee-card:hover .trustee-avatar::before {
    opacity: 0.3;
}

.trst .trustee-card h3 {
    color: #8b4513;
    font-size: 1.6rem;
    margin-bottom: 12px;
    font-weight: 600;
    line-height: 1.3;
}

.trst .trustee-card .role {
    color: #ff6b35;
    font-weight: 600;
    margin-bottom: 15px;
    font-size: 1.1rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.trst .trustee-card .location {
    color: #666;
    font-size: 1rem;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.trst .trustee-card .brief {
    color: #555;
    font-size: 1rem;
    line-height: 1.6;
    margin-bottom: 25px;
    text-align: left;
    max-height: 80px;
    overflow: hidden;
}

.trst .read-more-btn {
    background: linear-gradient(135deg, #ff6b35, #ffd700);
    color: white;
    border: none;
    padding: 12px 30px;
    border-radius: 30px;
    cursor: pointer;
    font-weight: 600;
    font-size: 1rem;
    transition: all 0.3s ease;
    box-shadow: 0 8px 25px rgba(255, 107, 53, 0.3);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.trst .read-more-btn:hover {
    transform: translateY(-3px);
    box-shadow: 0 12px 35px rgba(255, 107, 53, 0.4);
    background: linear-gradient(135deg, #e55a2b, #e6c200);
}


/* Navigation */

.trst .slider-nav {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    /* margin-top: 50px; */
    /* position: relative; */
    z-index: 2;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}

.trst .nav-btn {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: linear-gradient(135deg, #ff6b35, #ffd700);
    color: white;
    border: none;
    cursor: pointer;
    font-size: 1.4rem;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 10px 30px rgba(255, 107, 53, 0.3);
}

.trst .nav-btn:hover {
    transform: scale(1.1) translateY(-3px);
    box-shadow: 0 15px 40px rgba(255, 107, 53, 0.4);
}

.trst .nav-btn:disabled {
    opacity: 0.4;
    cursor: not-allowed;
    transform: none;
}

.trst .nav-btn:disabled:hover {
    transform: none;
    box-shadow: 0 10px 30px rgba(255, 107, 53, 0.3);
}


/* Slider Dots */

.trst .slider-dots {
    display: flex;
    justify-content: center;
    gap: 12px;
    margin-top: 30px;
    bottom: -3%;
}

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

.trst .dot.active {
    background: linear-gradient(135deg, #ff6b35, #ffd700);
    transform: scale(1.2);
}


/* Modal */

.trst .modal {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    animation: fadeIn 0.3s ease;
    backdrop-filter: blur(5px);
}

.trst .modal-content {
    background: white;
    margin: 2% auto;
    padding: 50px;
    border-radius: 25px;
    width: 90%;
    max-width: 900px;
    max-height: 90vh;
    overflow-y: auto;
    position: relative;
    animation: slideIn 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    box-shadow: 0 25px 80px rgba(0, 0, 0, 0.3);
}

.trst .close {
    position: absolute;
    right: 20px;
    top: 20px;
    color: white;
    font-size: 28px;
    font-weight: bold;
    cursor: pointer;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    z-index: 1;
}

.trst .close:hover {
    background: rgba(255, 255, 255, 0.3);
    transform: scale(1.1);
}

.trst .modal-header {
    /* text-align: center; */
    /* margin-bottom: 40px; */
    padding-bottom: 30px;
    border-bottom: 3px solid #f0f0f0;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 25px;
    flex-direction: row-reverse;
}

.trst .mh-img {
    width: 140px;
    height: 140px;
    border-radius: 50%;
    /* margin: 0 auto 25px; */
    /* background: linear-gradient(135deg, #ff6b35 0%, #ffd700 100%); */
    background: linear-gradient(135deg, #f0f0f0, #e0e0e0);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 3.5rem;
    color: white;
    font-weight: bold;
    box-shadow: 0 15px 35px rgba(255, 107, 53, 0.3);
    position: relative;
    transition: all 0.3s ease;
}

.trst .mh-img:hover {
    transform: scale(1.1);
    box-shadow: 0 20px 50px rgba(255, 107, 53, 0.4);
}

.trst .mh-img img::before {
    content: "";
    position: absolute;
    top: -5px;
    left: -5px;
    right: -5px;
    bottom: -5px;
    border-radius: 50%;
    background: linear-gradient(135deg, #ff6b35, #ffd700);
    z-index: -1;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.trst .mh-img:hover img::before {
    opacity: 0.3;
}

.trst .mh-img img {
    width: 95%;
    height: 95%;
    border-radius: 50%;
    object-fit: cover;
    object-position: center;
}


/* .trst .modal-header::after {
  content: "";
  position: absolute;
  bottom: -3px;
  left: 0px;
  width: 100%;
  height: 3px;
  background: linear-gradient(90deg, #ff6b35, #ffd700);
} */

.trust .modal-header .mh-txt {
    text-align: left;
}

.trst .modal-header h2 {
    /* color: #8b4513; */
    color: #fff;
    font-size: 32px;
    margin-bottom: 8px;
    font-weight: 700;
}

.trst .modal-header .role {
    /* color: #ff6b35; */
    color: #fff;
    opacity: 0.9;
    font-size: 1.2rem;
    /* font-weight: 600; */
    /* text-transform: uppercase; */
    /* letter-spacing: 1px; */
    margin: 0px;
}

.trst .modal-body {
    font-size: 1.1rem;
    line-height: 1.8;
    color: #555;
}

.trst .modal-body h3 {
    color: #8b4513;
    font-size: 1.3rem;
    font-weight: 700;
    margin-bottom: 15px;
    border-bottom: 2px solid #ff6b35;
    padding-bottom: 8px;
}

.trst .modal-body p {
    line-height: 1.7;
    color: #555;
    margin-bottom: 15px;
}

.trst .highlight {
    background: linear-gradient(135deg, #ffd700, #ff6b35);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    font-weight: 700;
    display: inline-block;
}

.trustee-avatar img {
    width: 95%;
    height: 95%;
    border-radius: 50%;
    object-fit: cover;
    object-position: center;
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes slideIn {
    from {
        transform: translateY(-50px) scale(0.9);
        opacity: 0;
    }

    to {
        transform: translateY(0) scale(1);
        opacity: 1;
    }
}


/* Responsive Design */

@media (max-width: 768px) {
    .trust .mh-img {
        margin-bottom: 15px;
    }

    .trustees-section {
        padding: 60px 0;
    }

    .trst .section-title h2 {
        font-size: 2.2rem;
    }

    .trst .trustee-card {
        min-width: 300px;
        padding: 30px 20px;
        flex: 0 0 100%;
        /* 1 card on mobile */
        max-width: 100%;
    }

    .trst .trustee-avatar {
        width: 100px;
        height: 100px;
        font-size: 2.5rem;
    }

    .trst .modal-content {
        width: 95%;
        padding: 30px 20px;
        margin: 5% auto;
    }

    .trst .modal-header h2 {
        font-size: 1.8rem;
    }
}

@media (max-width: 480px) {
    .trst .trustee-card {
        min-width: 280px;
    }

    .trst .trustees-track {
        gap: 20px;
    }
}


/* News */

.news .header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 40px;
}

.news .header h1 {
    color: #c17a47;
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 15px;
}

.news .header p {
    color: #6b7280;
    margin-top: 8px;
    font-size: 1.1rem;
    margin: 0;
}

.news .subscribe-btn {
    background-color: transparent;
    border: 2px solid #ea7c3b;
    color: #ea7c3b;
    padding: 12px 24px;
    border-radius: 8px;
    font-size: 1rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 8px;
    transition: all 0.3s ease;
}

.news .subscribe-btn:hover {
    background-color: #ea7c3b;
    color: white;
}

.news .news-grid {
    display: grid;
    /* grid-template-columns: repeat(auto-fit, minmax(400px, 1fr)); */
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    margin-bottom: 50px;
}

.news .news-card {
    background: white;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.news .news-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
}

.news .card-image {
    height: 200px;
    background: linear-gradient(135deg, #fde68a 0%, #f59e0b 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.news .card-tag {
    position: absolute;
    top: 16px;
    left: 16px;
    background-color: #ea7c3b;
    color: white;
    padding: 6px 12px;
    border-radius: 20px;
    font-size: 0.85rem;
    font-weight: 500;
}

.news .news-icon {
    width: 64px;
    height: 64px;
    background-color: rgba(255, 255, 255, 0.9);
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.news .news-icon::before {
    content: "";
    width: 40px;
    height: 32px;
    background-color: #9ca3af;
    border-radius: 4px;
    position: relative;
}

.news .news-icon::after {
    content: "";
    position: absolute;
    width: 30px;
    height: 4px;
    background-color: #6b7280;
    border-radius: 2px;
    margin-top: -16px;
    margin-left: 5px;
    box-shadow: 0 8px 0 #6b7280, 0 16px 0 #6b7280;
}

.news .card-content {
    padding: 24px;
}

.news .card-date {
    color: #6b7280;
    font-size: 0.9rem;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.news .card-date::before {
    content: "📅";
}

.news .card-title {
    color: #c17a47;
    font-size: 1.4rem;
    font-weight: 600;
    margin-bottom: 15px;
    line-height: 1.3;
}

.news .card-description {
    color: #6b7280;
    line-height: 1.6;
    margin-bottom: 25px;
}

.news .read-more {
    color: #ea7c3b;
    text-decoration: none;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 8px;
    transition: gap 0.3s ease;
}

.news .read-more:hover {
    gap: 12px;
}

.news .read-more::after {
    content: "→";
}

.news .view-all-container {
    text-align: center;
}

.news .view-all-btn {
    background-color: #ea7c3b;
    color: white;
    border: none;
    padding: 16px 32px;
    border-radius: 8px;
    font-size: 1.1rem;
    font-weight: 500;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    transition: all 0.3s ease;
}

.news .view-all-btn:hover {
    background-color: #d97239;
    gap: 12px;
}

.news .view-all-btn::after {
    content: "→";
}

@media (max-width: 768px) {
    .news .header {
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
    }

    .news .header h1 {
        font-size: 2rem;
    }

    .news .news-grid {
        grid-template-columns: 1fr;
    }
}


/* About Panchdev */


/* Hero Section */

.hero {
    /* background: linear-gradient(rgba(139, 69, 19, 0.8), rgba(160, 82, 45, 0.8)), url("../img/panchdev/6.jpg"); */
    background: linear-gradient(rgb(139 69 19 / 0%), rgb(153 64 17 / 71%)), url("../img/panchdev/6.jpg");
    background-size: cover;
    background-position: top;
    padding: 100px 0;
    text-align: center;
    color: white;
}

.hero h1 {
    font-size: 50px;
    font-weight: 700;
    margin-bottom: 20px;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
    opacity: 1;
    animation: fadeInUp 1s ease-out;
}

.hero p {
    font-size: 16px;
    max-width: 800px;
    margin: 0 auto;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
    opacity: 1;
    animation: fadeInUp 1s ease-out 0.2s both;
}


/* Introduction Section */

.introduction {
    padding: 50px 0;
    /* background: white; */
}

.introduction .container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: center;
    align-items: stretch;
    width: 100%;
    /* background: #fff !important; */
}

.intro-content {
    /* text-align: center; */
    /* max-width: 1000px; */
    margin: 0 auto;
    opacity: 1;
    /* width: 50%; */
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.intro-image {
    /* width: 50%; */
    /* height: -webkit-fill-available; */
    border-radius: 20px;
    overflow: hidden;
    display: flex;
}

.intro-image img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
}

.intro-image video {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
    background: url(../img/loader-bg.jpg);
    background-size: cover;
    background-position: center;
}

.intro-content h2 {
    font-size: 25px;
    color: #8b4513;
    margin-bottom: 15px;
    position: relative;
    font-weight: 700;
}


/* .intro-content h2::after {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 0%;
  width: 65px;
  height: 3px;
  background: #ff6b35;
} */

.intro-content p {
    font-size: 18px;
    line-height: 1.8;
    margin-bottom: 20px;
    color: #555;
    text-align: justify;
}

.deities-list {
    list-style: none;
    margin: 30px 0;
    padding: 0;
    /* display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  flex-wrap: wrap; */
    /* display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 15px;
  align-items: center; */
}

.deities-list li {
    padding: 12px 20px;
    /* background: linear-gradient(135deg, #ff6b35, #ffd700); */
    background: #f7931e;
    color: white;
    border-radius: 10px;
    font-weight: 600;
    font-size: 16px;
    /* box-shadow: 0 4px 15px rgba(255, 107, 53, 0.3); */
    transition: transform 0.3s ease;
}

.deities-list li:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 25px rgba(255, 107, 53, 0.4);
    cursor: pointer;
}


/* Deity Sections */

.deity-section {
    padding: 50px 0;
    opacity: 1;
}

.deity-section:nth-child(even),
.introduction {
    background: #faf8f5;
}

.deity-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: center;
    opacity: 1;
}

.deity-content.reverse {
    direction: rtl;
}

.deity-content.reverse>* {
    direction: ltr;
}

.deity-image {
    position: relative;
    overflow: hidden;
    border-radius: 20px;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);
}

.deity-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s;
}

.deity-image:hover img {
    transform: scale(1.05);
}

.deity-text h3 {
    font-size: 25px;
    font-weight: 700;
    color: #8b4513;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 15px;
    position: relative;
}


/* .deity-text h3::after {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 0%;
  width: 65px;
  height: 3px;
  background: #ff6b35;
} */

.deity-icon {
    width: 40px;
    height: 40px;
    background: #ff6b35;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 20px;
}

.deity-text p {
    font-size: 16px;
    line-height: 1.8;
    color: #555;
    margin-bottom: 15px;
    text-align: justify;
}

.deity-text .highlight {
    background: linear-gradient(120deg, #ffd700 0%, #ff6b35 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: bold;
    padding: 3px 0px;
}

.deity-text .quote {
    font-style: italic;
    color: #8b4513;
    font-size: 18px;
    text-align: center;
    margin: 20px 0;
    padding: 15px;
    background: #fff8f0;
    border-left: 4px solid #ff6b35;
    border-radius: 5px;
}


/* Significance Section */

.significance {
    padding: 80px 0;
    background: linear-gradient(135deg, #8b4513 0%, #a0522d 100%);
    color: white;
    text-align: center;
}

.significance h2 {
    font-size: 36px;
    margin-bottom: 5px;
    color: #ffd700;
    opacity: 1;
}

.significance-grid {
    display: grid;
    /* grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); */
    grid-template-columns: repeat(4, 1fr);
    gap: 40px;
    margin-top: 50px;
}

.significance-item {
    background: rgba(255, 255, 255, 0.1);
    padding: 30px;
    border-radius: 15px;
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.2);
    opacity: 1;
    transition: transform 0.3s ease;
}

.significance-item:hover {
    transform: translateY(-5px);
}

.significance-item h4 {
    font-size: 20px;
    margin-bottom: 15px;
    color: #ffd700;
}


/* Animations */

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.scroll-animate {
    opacity: 1;
    transform: translateY(0);
    transition: all 0.8s ease-out;
}

.scroll-animate.animate-in {
    animation: fadeInUp 0.8s ease-out;
}


/* Responsive Design */

@media (max-width: 768px) {
    .hero h1 {
        font-size: 32px;
    }

    .hero p {
        font-size: 16px;
    }

    .deity-content {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .deity-content.reverse {
        direction: ltr;
    }

    .significance-grid {
        grid-template-columns: 1fr;
    }

    .intro-content h2,
    .deity-text h3 {
        font-size: 28px;
    }

    .deities-list {
        flex-direction: column;
        align-items: center;
    }

    .deities-list li {
        width: 100%;
        max-width: 300px;
        text-align: center;
    }
}

.page-loading {
    opacity: 0;
    transition: opacity 0.5s ease-in;
}

.page-loaded {
    opacity: 1;
}


/* Team */

div#trusteeModal {
    background-color: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(5px);
}

.team .container {
    max-width: 1200px;
    margin: 0 auto;
}

.team .section-header {
    text-align: center;
    margin-bottom: 50px;
}

.team .section-title {
    font-size: 2.5rem;
    color: #8b4513;
    margin-bottom: 15px;
    position: relative;
    font-weight: 700;
}

.team .section-title::after {
    content: "";
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
    width: 80px;
    height: 3px;
    background: linear-gradient(45deg, #ff6b35, #f7931e);
    border-radius: 2px;
    /* display: none; */
}

.team .section-subtitle {
    color: #666;
    font-size: 1.1rem;
    margin-top: 0px;
}

.team .team-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    gap: 40px;
    margin-top: 40px;
}

.team .team-card {
    background: white;
    border-radius: 20px;
    padding: 40px 30px;
    text-align: center;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

.team .team-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(45deg, #ff6b35, #f7931e);
}

.team .team-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);
}

.team .profile-section {
    margin-bottom: 30px;
}

.team .profile-image {
    width: 140px;
    height: 140px;
    border-radius: 50%;
    margin: 0 auto 20px;
    background: linear-gradient(135deg, #ff6b35 0%, #ffd700 100%);
    padding: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 15px 35px rgba(255, 107, 53, 0.3);
    transition: all 0.3s ease;
    position: relative;
}

.team .profile-image::before {
    content: "";
    position: absolute;
    top: -5px;
    left: -5px;
    right: -5px;
    bottom: -5px;
    border-radius: 50%;
    background: linear-gradient(135deg, #ff6b35, #ffd700);
    z-index: -1;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.team .profile-image img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
    background: #f0f0f0;
}

.team .profile-placeholder {
    /* width: 100%;
  height: 100%; */
    border-radius: 50%;
    background: linear-gradient(135deg, #f0f0f0, #e0e0e0);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 3rem;
    color: #999;
}

.team .member-name {
    font-size: 1.8rem;
    color: #8b4513;
    font-weight: bold;
    margin-bottom: 8px;
}

.team .member-role {
    color: #ff6b35;
    font-size: 1.1rem;
    font-weight: 600;
    margin-bottom: 20px;
}

.team .member-location {
    color: #666;
    font-size: 0.95rem;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.team .location-icon {
    width: 16px;
    height: 16px;
    fill: #ff6b35;
}

.team .member-description {
    color: #555;
    line-height: 1.6;
    font-size: 0.95rem;
    text-align: left;
    margin-bottom: 25px;
}

.team .member-highlights {
    background: #fff5f0;
    border-radius: 12px;
    padding: 20px;
    margin-bottom: 25px;
    text-align: left;
}

.team .highlights-title {
    color: #8b4513;
    font-weight: bold;
    margin-bottom: 12px;
    font-size: 1rem;
}

.team .highlights-list {
    list-style: none;
    color: #555;
    font-size: 0.9rem;
    line-height: 1.5;
    padding: 0px;
    margin: 0px;
}

.team .highlights-list li {
    margin-bottom: 6px;
    padding-left: 20px;
    position: relative;
}

.team .highlights-list li:last-child {
    margin-bottom: 0px;
}

.team .highlights-list li::before {
    content: "•";
    color: #ff6b35;
    position: absolute;
    left: 0;
    font-weight: bold;
    font-size: 1.2rem;
}

.team .achievements {
    background: linear-gradient(45deg, #ff6b35, #f7931e);
    color: white;
    padding: 12px 20px;
    border-radius: 25px;
    font-weight: bold;
    display: inline-block;
    margin-bottom: 20px;
    font-size: 0.9rem;
}

.team .read-more-btn {
    background: linear-gradient(45deg, #ff6b35, #f7931e);
    color: white;
    border: none;
    padding: 12px 30px;
    border-radius: 25px;
    font-weight: bold;
    cursor: pointer;
    transition: all 0.3s ease;
    font-size: 0.95rem;
}

.team .read-more-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(255, 107, 53, 0.4);
}


/* Modal Styles */

.team .modal {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(5px);
}

.team .modal-content {
    background-color: white;
    margin: 5% auto;
    padding: 0;
    border-radius: 20px;
    width: 90%;
    max-width: 700px;
    max-height: 80vh;
    overflow-y: auto;
    position: relative;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
}


/* .team .modal-content::-webkit-scrollbar {
  display: none;
} */

.team .modal-header {
    background: linear-gradient(45deg, #ff6b35, #f7931e);
    color: white;
    padding: 30px;
    border-radius: 20px 20px 0 0;
    /* text-align: center; */
    position: relative;
}

.team .modal-profile-image {
    width: 140px;
    height: 140px;
    border-radius: 50%;
    /* margin: 0 auto 15px; */
    background: white;
    padding: 4px;
    /* display: flex;
  align-items: center;
  justify-content: center; */
}

.team .modal-profile-image img,
.team .modal-profile-image .profile-placeholder {
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

.team .modal-name {
    font-size: 2rem;
    margin-bottom: 8px;
    text-align: left;
    font-weight: 700;
}

.team .modal-role {
    font-size: 1.2rem;
    opacity: 0.9;
    margin-bottom: 0px;
}

.team .modal-body {
    padding: 40px;
}

.team .modal-section {
    margin-bottom: 30px;
}

.team .modal-section h3 {
    color: #8b4513;
    font-size: 1.3rem;
    font-weight: 700;
    margin-bottom: 15px;
    border-bottom: 2px solid #ff6b35;
    padding-bottom: 8px;
}

.team .modal-section p {
    line-height: 1.7;
    color: #555;
    margin-bottom: 15px;
}

.team .close {
    position: absolute;
    right: 20px;
    top: 20px;
    color: white;
    font-size: 28px;
    font-weight: bold;
    cursor: pointer;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
}

.team .close:hover {
    background: rgba(255, 255, 255, 0.3);
    transform: scale(1.1);
}

.team .team-profile-model {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 25px;
}

@media (max-width: 768px) {
    .team .team-grid {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .team .section-title {
        font-size: 2rem;
    }

    .team .team-card {
        padding: 30px 20px;
    }

    .team .modal-content {
        width: 95%;
        margin: 10% auto;
    }

    .team .modal-header {
        padding: 20px;
    }

    .team .modal-body {
        padding: 30px 20px;
    }
}


/* Trustees List Specific Styles */

.tli-header {
    background: linear-gradient(135deg, #a02b2b, #8b4513);
    color: white;
    padding: 30px 0;
    text-align: center;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
}

.tli-header h1 {
    font-size: 36px;
    margin-bottom: 10px;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
}

.tli-header p {
    font-size: 18px;
    opacity: 0.9;
}

.tli-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 40px 20px;
}

.tli-stats-section {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 20px;
    margin-bottom: 40px;
}

.tli-stat-card {
    background: white;
    padding: 30px;
    border-radius: 15px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    text-align: center;
    border-top: 4px solid #a02b2b;
    transition: transform 0.3s ease;
}

.tli-stat-card:hover {
    transform: translateY(-5px);
}

.tli-stat-card h3 {
    color: #a02b2b;
    font-size: 36px;
    margin-bottom: 15px;
    font-weight: 700;
}

.tli-stat-card p {
    color: #666;
    font-size: 18px;
    font-weight: 500;
    margin: 0px;
}

.trustees-list-section {
    background: white;
    border-radius: 15px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    overflow: hidden;
}

.tli-section-header {
    background: linear-gradient(135deg, #a02b2b, #8b4513);
    color: white;
    padding: 25px 30px;
    text-align: center;
}

.tli-section-header h2 {
    font-size: 35px;
    margin-bottom: 15px;
    font-weight: 700;
}

.tli-section-header p {
    opacity: 0.9;
    font-size: 16px;
    margin: 0px;
}

.tli-table {
    width: 100%;
    border-collapse: collapse;
}


/* .tli-table,
.tli-table th,
.tli-table td,
.tli-table tr {
  border: 1px solid lightgray;
  text-align: center;
} */

.tli-table th {
    background: #f8f9fa;
    color: #333;
    padding: 20px;
    text-align: left;
    font-weight: 700;
    font-size: 16px;
    border-bottom: 2px solid #dee2e6;
}

.tli-table td {
    padding: 20px;
    border-bottom: 1px solid #dee2e6;
    font-size: 15px;
}

.tli-table tr:hover {
    background: #f8f9fa;
}

.tli-trustee-name {
    font-weight: 600;
    color: #333;
}

.tli-trustee-amount {
    color: #28a745;
    font-weight: 600;
    font-size: 16px;
}

.tli-trustee-date {
    color: #666;
}

.tli-trustee-id {
    color: #a02b2b;
    font-weight: 600;
}

.tli-no-data {
    text-align: center;
    padding: 60px 20px;
    color: #666;
    font-size: 18px;
}

.tli-om-symbol {
    font-size: 24px;
    color: #a02b2b;
    margin-bottom: 10px;
}

.tli-admin-link {
    position: fixed;
    bottom: 30px;
    right: 30px;
    background: #a02b2b;
    color: white;
    padding: 15px 20px;
    border-radius: 50px;
    text-decoration: none;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
    transition: all 0.3s;
    font-weight: 700;
    z-index: 9;
    text-transform: capitalize;
}

.tli-admin-link:hover {
    background: #8b1e1e;
    color: gold;
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3);
}

.tli-breadcrumb {
    background: rgba(255, 255, 255, 0.9);
    padding: 15px 0;
    margin-bottom: 20px;
    border-radius: 10px;
}

.tli-breadcrumb-content {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

.tli-breadcrumb a {
    color: #a02b2b;
    text-decoration: none;
    margin-right: 10px;
}

.tli-breadcrumb a:hover {
    text-decoration: underline;
}

@media (max-width: 768px) {
    .tli-header h1 {
        font-size: 28px;
    }

    .tli-header p {
        font-size: 16px;
    }

    .tli-table {
        font-size: 14px;
    }

    .tli-table th,
    .tli-table td {
        padding: 15px 10px;
    }

    .tli-admin-link {
        bottom: 20px;
        right: 20px;
        padding: 12px 16px;
        font-size: 14px;
    }
}

@media (max-width: 600px) {

    .tli-table th:nth-child(1),
    .tli-table td:nth-child(1) {
        display: none;
    }
}


/* Donors List Specific Styles */

.dli-header {
    background: linear-gradient(135deg, #a02b2b, #8b4513);
    color: white;
    padding: 30px 0;
    text-align: center;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
}

.dli-header h1 {
    font-size: 36px;
    margin-bottom: 10px;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
}

.dli-header p {
    font-size: 18px;
    opacity: 0.9;
}

.dli-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 50px 20px;
}

.dli-stats-section {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 20px;
    margin-bottom: 50px;
}

.dli-stat-card {
    background: white;
    padding: 30px;
    border-radius: 15px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    text-align: center;
    border-top: 4px solid #a02b2b;
    transition: transform 0.3s ease;
}

.dli-stat-card:hover {
    transform: translateY(-5px);
}

.dli-stat-card h3 {
    color: #a02b2b;
    font-size: 35px;
    margin-bottom: 15px;
    font-weight: 700;
}

.dli-stat-card p {
    color: #666;
    font-size: 18px;
    font-weight: 500;
    margin: 0px;
}

.donors-list-section {
    background: white;
    border-radius: 15px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    overflow: hidden;
}

.dli-section-header {
    background: linear-gradient(135deg, #a02b2b, #8b4513);
    color: white;
    padding: 25px 30px;
    text-align: center;
}

.dli-section-header h2 {
    font-size: 35px;
    font-weight: 700;
    margin-bottom: 5px;
}

.dli-section-header p {
    opacity: 0.9;
    font-size: 16px;
}

.dli-table {
    width: 100%;
    border-collapse: collapse;
}

.dli-table th {
    background: #f8f9fa;
    color: #333;
    padding: 20px;
    text-align: left;
    font-weight: 700;
    font-size: 16px;
    border-bottom: 2px solid #dee2e6;
}

.dli-table td {
    padding: 20px;
    border-bottom: 1px solid #dee2e6;
    font-size: 15px;
}

.dli-table tr:hover {
    background: #f8f9fa;
}

.dli-donor-name {
    font-weight: 600;
    color: #333;
}

.dli-donor-place {
    color: #666;
    /* font-style: italic; */
}

.dli-donor-bricks {
    color: #28a745;
    font-weight: 600;
    font-size: 16px;
}

.dli-donor-date {
    color: #666;
}

.dli-donor-receipt {
    /* color: #007bff; */
    color: #8b1e1e;
    font-weight: 500;
}

.dli-donor-id {
    color: #a02b2b;
    font-weight: 600;
}

.dli-no-data {
    text-align: center;
    padding: 60px 20px;
    color: #666;
    font-size: 18px;
}

.dli-om-symbol {
    font-size: 24px;
    color: #a02b2b;
    margin-bottom: 10px;
}

.dli-admin-link {
    position: fixed;
    bottom: 30px;
    right: 30px;
    background: #a02b2b;
    color: white;
    padding: 15px 20px;
    border-radius: 50px;
    text-decoration: none;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
    transition: all 0.3s;
    font-weight: 600;
    z-index: 9;
}

.dli-admin-link:hover {
    color: gold;
    background: #8b1e1e;
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3);
}

.dli-breadcrumb {
    background: rgba(255, 255, 255, 0.9);
    padding: 15px 0;
    margin-bottom: 20px;
    border-radius: 10px;
}

.dli-breadcrumb-content {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

.dli-breadcrumb a {
    color: #a02b2b;
    text-decoration: none;
    margin-right: 10px;
}

.dli-breadcrumb a:hover {
    text-decoration: underline;
}

@media (max-width: 768px) {
    .dli-header h1 {
        font-size: 28px;
    }

    .dli-header p {
        font-size: 16px;
    }

    .dli-table {
        font-size: 14px;
    }

    .dli-table th,
    .dli-table td {
        padding: 15px 10px;
    }

    .dli-admin-link {
        bottom: 20px;
        right: 20px;
        padding: 12px 16px;
        font-size: 14px;
    }
}

@media (max-width: 600px) {

    .dli-table th:nth-child(3),
    .dli-table td:nth-child(3) {
        display: none;
    }
}

.tb-line::after {
    content: "";
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
    width: 80px;
    height: 3px;
    background: linear-gradient(45deg, #ff6b35, #f7931e);
    border-radius: 2px;
}

.pre {
    position: relative !important;
    margin-bottom: 30px !important;
}


/* About NEW */

.kaushalya-devi-section {
    padding: 60px 0;
    background: linear-gradient(135deg, #fff5f0 0%, #ffffff 100%);
    /* background: #faf8f5; */
    position: relative;
}

.kaushalya-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

.kaushalya-content-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: center;
}

.kaushalya-text-content {
    padding-right: 20px;
}

.kaushalya-header {
    margin-bottom: 30px;
}

.kaushalya-title {
    font-size: 2.2rem;
    font-weight: 700;
    color: #8b1e1e;
    margin-bottom: 5px;
    line-height: 1.3;
    font-family: "Noto Sans Devanagari", Arial, sans-serif;
}

.kaushalya-divider {
    width: 80px;
    height: 4px;
    background: linear-gradient(90deg, #ff6b35 0%, #d2691e 100%);
    border-radius: 2px;
}


/* .kaushalya-description {
  margin-bottom: 30px;
} */

.kaushalya-para {
    font-size: 1.1rem;
    line-height: 1.8;
    color: #4a4a4a;
    margin-bottom: 20px;
    text-align: justify;
    font-family: "Noto Sans Devanagari", Arial, sans-serif;
}

.kaushalya-para:last-child {
    margin: 0px;
}

.kaushalya-quote-box {
    background: linear-gradient(135deg, #fff5f0 0%, #ffeee6 100%);
    border-left: 5px solid #ff6b35;
    padding: 20px 25px;
    margin: 25px 0;
    border-radius: 0 8px 8px 0;
    box-shadow: 0 2px 10px rgba(255, 107, 53, 0.1);
}

.kaushalya-quote-text {
    font-size: 1.1rem;
    color: #8b1e1e;
    font-weight: 600;
    font-style: italic;
    margin: 0;
    line-height: 1.6;
    font-family: "Noto Sans Devanagari", Arial, sans-serif;
}

.kaushalya-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 25px;
}

.kaushalya-tag {
    background: linear-gradient(135deg, #fff5f0 0%, #ffeee6 100%);
    color: #8b1e1e;
    padding: 8px 16px;
    border-radius: 25px;
    font-size: 0.9rem;
    font-weight: 600;
    border: 2px solid #ff6b35;
    transition: all 0.3s ease;
    font-family: "Noto Sans Devanagari", Arial, sans-serif;
}

.kaushalya-tag:hover {
    background: linear-gradient(135deg, #ff6b35 0%, #d2691e 100%);
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(255, 107, 53, 0.3);
}

.kaushalya-image-content {
    display: flex;
    justify-content: center;
    padding-left: 20px;
}

.kaushalya-image-wrapper {
    position: relative;
    display: inline-block;
}

.kaushalya-image-container {
    width: 100%;
    height: auto;
    background: linear-gradient(135deg, #fff5f0 0%, #ffeee6 100%);
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 15px 35px rgba(255, 107, 53, 0.2);
    border: 3px solid #ff6b35;
    position: relative;
    padding: 0px;
}

.kaushalya-main-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.kaushalya-image-container:hover .kaushalya-main-image {
    transform: scale(1.05);
}

.kaushalya-prayer-icon {
    position: absolute;
    bottom: -15px;
    right: -15px;
    width: 60px;
    height: 60px;
    background: linear-gradient(135deg, #ff6b35 0%, #d2691e 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    box-shadow: 0 8px 20px rgba(255, 107, 53, 0.4);
    animation: kaushalyaPulse 2s infinite;
}

@keyframes kaushalyaPulse {

    0%,
    100% {
        transform: scale(1);
        box-shadow: 0 8px 20px rgba(255, 107, 53, 0.4);
    }

    50% {
        transform: scale(1.1);
        box-shadow: 0 12px 25px rgba(255, 107, 53, 0.6);
    }
}


/* Responsive Design */

@media (max-width: 768px) {
    .kaushalya-content-wrapper {
        grid-template-columns: 1fr;
        gap: 40px;
        text-align: center;
    }

    .kaushalya-text-content {
        padding-right: 0;
        order: 2;
    }

    .kaushalya-image-content {
        padding-left: 0;
        order: 1;
    }

    .kaushalya-title {
        font-size: 1.8rem;
    }

    .kaushalya-image-container {
        width: 280px;
        height: 350px;
    }

    .kaushalya-para {
        text-align: left;
    }
}

@media (max-width: 480px) {
    .kaushalya-devi-section {
        padding: 40px 0;
    }

    .kaushalya-container {
        padding: 0 15px;
    }

    .kaushalya-title {
        font-size: 1.6rem;
    }

    .kaushalya-image-container {
        width: 250px;
        height: 320px;
    }

    .kaushalya-tags {
        justify-content: center;
    }
}


/* Panchdev Mandir Trust */

.panchdev-trust-section {
    padding: 50px 0;
    /* background: linear-gradient(135deg, #f0f8ff 0%, #ffffff 100%); */
    background: #fff;
    position: relative;
}

.panchdev-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

.panchdev-content-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: center;
}

.panchdev-text-content {
    padding-left: 20px;
}

.panchdev-header {
    margin-bottom: 30px;
}

.panchdev-title {
    font-size: 2.2rem;
    font-weight: 700;
    color: #8b1e1e;
    margin-bottom: 5px;
    line-height: 1.3;
    font-family: "Noto Sans Devanagari", Arial, sans-serif;
}

.panchdev-divider {
    width: 80px;
    height: 4px;
    background: linear-gradient(90deg, #ff6b35 0%, #d2691e 100%);
    border-radius: 2px;
}


/* .panchdev-description {
  margin-bottom: 30px;
} */

.panchdev-para {
    font-size: 1.1rem;
    line-height: 1.8;
    color: #4a4a4a;
    margin-bottom: 20px;
    text-align: justify;
    font-family: "Noto Sans Devanagari", Arial, sans-serif;
}

.panchdev-para:last-child {
    margin: 0;
}

.panchdev-image-content {
    display: flex;
    justify-content: center;
    /* padding-right: 20px; */
    height: 100%;
}

.panchdev-image-wrapper {
    position: relative;
    display: inline-block;
}

.panchdev-main-image {
    width: 100%;
    height: 100% !important;
    object-fit: cover;
    border-radius: 15px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease;
}


/* Responsive Design */

@media (max-width: 768px) {
    .panchdev-content-wrapper {
        grid-template-columns: 1fr;
        gap: 40px;
        text-align: center;
    }

    .panchdev-text-content {
        padding-left: 0;
        order: 2;
    }

    .panchdev-image-content {
        padding-right: 0;
        order: 1;
    }

    .panchdev-title {
        font-size: 1.8rem;
    }

    .panchdev-main-image {
        width: 280px;
        height: 350px;
    }

    .panchdev-para {
        text-align: left;
    }
}

@media (max-width: 480px) {
    .panchdev-trust-section {
        padding: 40px 0;
    }

    .panchdev-container {
        padding: 0 15px;
    }

    .panchdev-title {
        font-size: 1.6rem;
    }

    .panchdev-main-image {
        width: 250px;
        height: 320px;
    }
}


/* Panchdev Trustees Section */


/* Trustees Section */

.pdt-slider-viewport {
    width: 100%;
    position: relative;
}

.pdt-trustees-track {
    display: flex;
    transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    gap: 30px;
    padding: 0 15px;
    will-change: transform;
}

.pdt-trustees-section {
    padding: 50px 0;
    /* background: linear-gradient(135deg, #fff8f0 0%, #fef5e7 100%); */
    position: relative;
    overflow: hidden;
}

.pdt-trustees-section::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    /* background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="dots" patternUnits="userSpaceOnUse" width="20" height="20"><circle cx="10" cy="10" r="1" fill="rgba(255,107,53,0.05)"/></pattern></defs><rect width="100" height="100" fill="url(%23dots)"/></svg>'); */
}

.pdt-section-title {
    text-align: center;
    margin-bottom: 60px;
    position: relative;
    z-index: 2;
}

.pdt-section-title .pdt-om-symbol {
    font-size: 3rem;
    color: #ff6b35;
    margin-bottom: 20px;
    display: block;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);
}

.pdt-section-title h2 {
    font-size: 3rem;
    color: #8b4513;
    margin-bottom: 15px;
    position: relative;
    font-weight: 700;
}

.pdt-section-title h2::after {
    content: "";
    position: absolute;
    bottom: -15px;
    left: 50%;
    transform: translateX(-50%);
    width: 100px;
    height: 4px;
    background: linear-gradient(90deg, #ff6b35, #ffd700);
    border-radius: 2px;
}

.pdt-section-title p {
    font-size: 1.2rem;
    color: #666;
    max-width: 700px;
    margin: 30px auto 0;
    font-weight: 500;
}


/* Slider Container */

.pdt-trustees-slider {
    position: relative;
    margin-top: 60px;
    padding: 20px 0;
}

.pdt-trustees-track {
    display: flex;
    transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    gap: 30px;
    padding: 0 15px;
}


/* Trustee Cards */

.pdt-trustee-card {
    min-width: 380px;
    background: white;
    border-radius: 25px;
    padding: 40px 30px;
    text-align: center;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.1);
    cursor: pointer;
    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    border: 3px solid transparent;
    position: relative;
    overflow: hidden;
    flex: 0 0 calc(33.333% - 15px);
    max-width: calc(33.333% - 15px);
}


/* .pdt-trustee-card {
  min-width: 380px;
  background: white;
  border-radius: 25px;
  padding: 40px 30px;
  text-align: center;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.1);
  cursor: pointer;
  transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  border: 3px solid transparent;
  position: relative;
  overflow: hidden;
  flex: 0 0 calc(33.333% - 20px);
  max-width: calc(33.333% - 20px);
} */

.pdt-trustee-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, rgba(255, 107, 53, 0.02) 0%, rgba(255, 215, 0, 0.02) 100%);
    opacity: 0;
    transition: opacity 0.3s ease;
}

.pdt-trustee-card:hover {
    transform: translateY(-15px) scale(1.02);
    border-color: #ffd700;
    box-shadow: 0 30px 80px rgba(255, 107, 53, 0.2);
}

.pdt-trustee-card:hover::before {
    opacity: 1;
}

.pdt-trustee-avatar {
    width: 140px;
    height: 140px;
    border-radius: 50%;
    margin: 0 auto 25px;
    background: linear-gradient(135deg, #ff6b35 0%, #ffd700 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 3.5rem;
    color: white;
    font-weight: bold;
    box-shadow: 0 15px 35px rgba(255, 107, 53, 0.3);
    position: relative;
    transition: all 0.3s ease;
}

.pdt-trustee-card:hover .pdt-trustee-avatar {
    transform: scale(1.1);
    box-shadow: 0 20px 50px rgba(255, 107, 53, 0.4);
}

.pdt-trustee-avatar::before {
    content: "";
    position: absolute;
    top: -5px;
    left: -5px;
    right: -5px;
    bottom: -5px;
    border-radius: 50%;
    background: linear-gradient(135deg, #ff6b35, #ffd700);
    z-index: -1;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.pdt-trustee-card:hover .pdt-trustee-avatar::before {
    opacity: 0.3;
}

.pdt-trustee-card h3 {
    color: #8b4513;
    font-size: 1.6rem;
    margin-bottom: 12px;
    font-weight: 600;
    line-height: 1.3;
}

.pdt-trustee-card .pdt-role {
    color: #ff6b35;
    font-weight: 600;
    margin-bottom: 15px;
    font-size: 1.1rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.pdt-trustee-card .pdt-location {
    color: #666;
    font-size: 1rem;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.pdt-trustee-card .pdt-brief {
    color: #555;
    font-size: 1rem;
    line-height: 1.6;
    margin-bottom: 25px;
    text-align: left;
    height: 103px;
    overflow: hidden;
}

.pdt-read-more-btn {
    background: linear-gradient(135deg, #ff6b35, #ffd700);
    color: white;
    border: none;
    padding: 12px 30px;
    border-radius: 30px;
    cursor: pointer;
    font-weight: 600;
    font-size: 1rem;
    transition: all 0.3s ease;
    box-shadow: 0 8px 25px rgba(255, 107, 53, 0.3);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.pdt-read-more-btn:hover {
    transform: translateY(-3px);
    box-shadow: 0 12px 35px rgba(255, 107, 53, 0.4);
    background: linear-gradient(135deg, #e55a2b, #e6c200);
}


/* Navigation */

.pdt-slider-nav {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    z-index: 2;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}

.pdt-nav-btn {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: linear-gradient(135deg, #ff6b35, #ffd700);
    color: white;
    border: none;
    cursor: pointer;
    font-size: 1.4rem;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 10px 30px rgba(255, 107, 53, 0.3);
}

.pdt-nav-btn:hover {
    transform: scale(1.1) translateY(-3px);
    box-shadow: 0 15px 40px rgba(255, 107, 53, 0.4);
}

.pdt-nav-btn:disabled {
    opacity: 0.4;
    cursor: not-allowed;
    transform: none;
}

.pdt-nav-btn:disabled:hover {
    transform: none;
    box-shadow: 0 10px 30px rgba(255, 107, 53, 0.3);
}


/* Slider Dots */

.pdt-slider-dots {
    display: flex;
    justify-content: center;
    gap: 12px;
    margin-top: 30px;
    bottom: -3%;
}

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

.pdt-dot.pdt-active {
    background: linear-gradient(135deg, #ff6b35, #ffd700);
    transform: scale(1.2);
}


/* Modal */

.pdt-modal {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    animation: pdtFadeIn 0.3s ease;
    backdrop-filter: blur(5px);
}

.pdt-modal-content {
    background: white;
    margin: 2% auto;
    padding: 0px;
    border-radius: 25px;
    width: 90%;
    max-width: 700px;
    max-height: 90vh;
    overflow-y: auto;
    position: relative;
    animation: pdtSlideIn 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    box-shadow: 0 25px 80px rgba(0, 0, 0, 0.3);
}

.pdt-close {
    position: absolute;
    right: 20px;
    top: 20px;
    color: white;
    font-size: 28px;
    font-weight: bold;
    cursor: pointer;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    z-index: 1;
}

.pdt-close:hover {
    background: rgba(255, 255, 255, 0.3);
    transform: scale(1.1);
}

.pdt-modal-header {
    /* text-align: center; */
    /* margin-bottom: 40px; */
    border-bottom: 3px solid #f0f0f0;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 25px;
    flex-direction: row-reverse;
    background: linear-gradient(45deg, #ff6b35, #f7931e);
    color: white;
    padding: 30px;
    border-radius: 20px 20px 0 0;
}

.pdt-mh-img {
    width: 140px;
    height: 140px;
    border-radius: 50%;
    background: linear-gradient(135deg, #ff6b35 0%, #ffd700 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 3.5rem;
    color: white;
    font-weight: bold;
    box-shadow: 0 15px 35px rgba(255, 107, 53, 0.3);
    position: relative;
    transition: all 0.3s ease;
}

.pdt-mh-img:hover {
    transform: scale(1.1);
    box-shadow: 0 20px 50px rgba(255, 107, 53, 0.4);
}

.pdt-mh-img img::before {
    content: "";
    position: absolute;
    top: -5px;
    left: -5px;
    right: -5px;
    bottom: -5px;
    border-radius: 50%;
    background: linear-gradient(135deg, #ff6b35, #ffd700);
    z-index: -1;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.pdt-mh-img:hover img::before {
    opacity: 0.3;
}

.pdt-mh-img img {
    width: 95%;
    height: 95%;
    border-radius: 50%;
    object-fit: cover;
    object-position: center;
}

.pdt-modal-header::after {
    content: "";
    position: absolute;
    bottom: -3px;
    left: 0px;
    width: 100%;
    height: 3px;
    background: linear-gradient(90deg, #ff6b35, #ffd700);
}

.pdt-modal-header h2 {
    color: #fff;
    font-size: 2rem;
    margin-bottom: 8px;
    text-align: left;
    font-weight: 700;
}

.pdt-modal-header .pdt-role {
    color: #fff;
    font-size: 1.2rem;
    opacity: 0.9;
    margin-bottom: 0px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.pdt-modal-body {
    /* font-size: 1.1rem;
  line-height: 1.8;
  color: #555; */
    padding: 40px;
}

.pdt-modal-body h3 {
    color: #8b4513;
    font-size: 1.3rem;
    font-weight: 700;
    margin-bottom: 15px;
    border-bottom: 2px solid #ff6b35;
    padding-bottom: 8px;
}

.pdt-modal-body p {
    line-height: 1.7;
    color: #555;
    margin-bottom: 15px;
}

.pdt-highlight {
    background: #fff5f0;
    border-radius: 12px;
    padding: 20px;
    margin-bottom: 25px;
    text-align: left;
}

.pdt-highlight ul {
    list-style: none;
    color: #555;
    font-size: 0.9rem;
    line-height: 1.5;
    padding: 0px;
    margin: 0px;
}

.pdt-highlight ul li {
    margin-bottom: 6px;
    padding-left: 20px;
    position: relative;
}

.pdt-highlight ul li::before {
    content: "•";
    color: #ff6b35;
    position: absolute;
    left: 0;
    font-weight: bold;
    font-size: 1.2rem;
}

.pdt-trustee-avatar img {
    width: 95%;
    height: 95%;
    border-radius: 50%;
    object-fit: cover;
    object-position: center;
}

@keyframes pdtFadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes pdtSlideIn {
    from {
        transform: translateY(-50px) scale(0.9);
        opacity: 0;
    }

    to {
        transform: translateY(0) scale(1);
        opacity: 1;
    }
}


/* Responsive Design */

@media (max-width: 768px) {
    .pdt-mh-img {
        margin-bottom: 15px;
    }

    .pdt-trustees-section {
        padding: 60px 0;
    }

    .pdt-section-title h2 {
        font-size: 2.2rem;
    }

    .pdt-trustee-card {
        min-width: 300px;
        padding: 30px 20px;
        flex: 0 0 100%;
        /* 1 card on mobile */
        max-width: 100%;
    }

    .pdt-trustee-avatar {
        width: 100px;
        height: 100px;
        font-size: 2.5rem;
    }

    .pdt-modal-content {
        width: 95%;
        padding: 30px 20px;
        margin: 5% auto;
    }

    .pdt-modal-header h2 {
        font-size: 1.8rem;
    }
}

@media (max-width: 480px) {
    .pdt-trustee-card {
        min-width: 280px;
    }

    .pdt-trustees-track {
        gap: 20px;
    }
}

.pdt-container {
    /* max-width: 1200px; */
    margin: 0 auto;
    padding: 0 50px;
}

.temple-topbar-left a {
    color: #fff;
}

.temple-topbar-left a:hover {
    color: gold;
}


/* Model */

.team .modal-content::-webkit-scrollbar,
.pdt-modal-content::-webkit-scrollbar {
    display: none;
}

.new-team .section-title::after {
    display: none;
}


/* .new-team .section-title span {
  font-size: 50px;
} */

.sl1n {
    /* background-position-y: top 50% !important; */
}

.don-txt {
    text-align: left !important;
}


/* .don-txt p {
    width: 100% !important;
    max-width: 100% !important;
} */


/* Contact Us */

.cont-contact h2 {
    font-size: 30px;
    font-weight: 700;
    color: #8b1e1e;
    position: relative;
    margin-bottom: 50px;
}

.cont-contact h2::after {
    content: "";
    position: absolute;
    bottom: -15px;
    left: 0%;
    width: 100px;
    height: 4px;
    background: linear-gradient(90deg, #ff6b35, #ffd700);
    border-radius: 2px;
}

.cont-contact-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 50px;
    margin-bottom: 50px;
}

.cont-contact-info {
    background: #fff;
    padding: 40px;
    border-radius: 15px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    border: 2px solid #ff6b35;
}

.cont-contact-form {
    background: #fff;
    padding: 40px;
    border-radius: 15px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    border: 2px solid #ff6b35;
}

.cont-contact-item {
    display: flex;
    align-items: flex-start;
    margin-bottom: 25px;
    padding: 20px;
    background: #f8f8f8;
    border-radius: 10px;
    border-left: 3px solid #ff6b35;
    transition: all 0.1s ease-in-out;
}

.cont-contact-item:last-child {
    margin: 0px;
}

.cont-contact-item:hover {
    cursor: pointer;
    border: 1px solid #ff6b35;
    border-left: 3px solid #ff6b35;
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
}

.cont-contact-icon {
    background: linear-gradient(135deg, #ff6b35, #f7931e);
    color: white;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 20px;
    font-size: 20px;
    flex-shrink: 0;
}

.cont-contact-details h3 {
    color: #a02b2b;
    margin-bottom: 8px;
    font-size: 18px;
    font-weight: 600;
}

.cont-contact-details p {
    color: #555;
    margin: 0;
    line-height: 1.6;
}

.cont-form-group {
    margin-bottom: 25px;
}

.cont-form-group label {
    display: block;
    margin-bottom: 8px;
    color: #a02b2b;
    font-weight: 700;
    font-size: 16px;
}

.cont-form-control {
    width: 100%;
    padding: 12px 15px;
    border: 2px solid #e0e0e0;
    border-radius: 8px;
    font-size: 16px;
    transition: border-color 0.3s;
    line-height: normal;
}

.cont-form-control:focus {
    outline: none;
    border-color: #a02b2b;
    box-shadow: 0 0 0 3px rgba(160, 43, 43, 0.1);
}

.cont-form-control.cont-textarea {
    resize: vertical;
    min-height: 120px;
}

.cont-submit-btn {
    background: #a02b2b;
    color: white;
    padding: 15px 30px;
    border: none;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s;
    width: 100%;
}

.cont-submit-btn:hover {
    background: #8b1b1b;
    transform: translateY(-2px);
}

.cont-office-hours h2 {
    color: #fff;
}

.cont-office-hours h2::after {
    left: 50%;
    transform: translateX(-50%);
}

.cont-map-section {
    margin-top: 50px;
    position: relative;
}

.cont-map-container {
    background: #fff;
    padding: 30px;
    border-radius: 15px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    text-align: center;
}

.cont-map-placeholder {
    width: 100%;
    height: auto;
    background: #f0f0f0;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #666;
    font-size: 18px;
    border: 2px dashed #ccc;
    overflow: hidden;
}

.cont-office-hours {
    background: #a02b2b;
    color: white;
    padding: 50px;
    border-radius: 15px;
    margin-top: 30px;
    text-align: center;
    background: linear-gradient(135deg, #d63031 0%, #e17055 50%, #fdcb6e 100%);
    color: white;
    padding: 50px;
    border-radius: 20px;
    margin-top: 50px;
    text-align: center;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);
    position: relative;
    overflow: hidden;
}

.cont-office-hours::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="temple2" patternUnits="userSpaceOnUse" width="30" height="30"><path d="M15,5 L25,15 L15,25 L5,15 Z" fill="rgba(255,234,167,0.1)"/></pattern></defs><rect width="100" height="100" fill="url(%23temple2)"/></svg>');
}

.cont-hours-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 20px;
    margin-top: 20px;
}

.cont-hours-item {
    background: rgba(255, 234, 167, 0.2);
    padding: 25px;
    border-radius: 15px;
    border: 2px solid rgba(255, 234, 167, 0.3);
    backdrop-filter: blur(10px);
    transition: all 0.3s ease;
}

.cont-hours-item:hover {
    background: rgba(255, 234, 167, 0.3);
    transform: translateY(-5px);
    cursor: pointer;
}

.cont-hours-item h3 {
    font-size: 25px;
    font-weight: 700;
    color: #ffeaa7;
}

.cont-hours-item p {
    margin: 0px;
}

.cont-success-message {
    background: #d4edda;
    border: 1px solid #c3e6cb;
    color: #155724;
    padding: 12px 15px;
    border-radius: 5px;
    margin-bottom: 20px;
    display: none;
}

.cont-error-message {
    background: #f8d7da;
    border: 1px solid #f5c6cb;
    color: #721c24;
    padding: 12px 15px;
    border-radius: 5px;
    margin-bottom: 20px;
    display: none;
}


/* New Home Page */

.temple-gods {
    padding: 100px 0px;
    /* background: #e62e1e; */
    background: #AC2623;
}

.temple-gods-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-gap: 25px;
    align-items: flex-start;
}

.temple-gods .temple-gods-grid-item {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.temple-gods .tg-image {
    margin-bottom: 25px;
}

.temple-gods .tg-image img {
    width: 150px;
    height: 150px;
    object-fit: cover;
    object-position: center;
    border-radius: 50%;
    border: 3px solid #fff;
}

.temple-gods .tg-txt {
    text-align: center;
}

.temple-gods h2.tg-title {
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    line-height: normal;
    letter-spacing: normal;
    padding: 0;
    margin: 0;
    margin-bottom: 5px;
}

.temple-gods p.tg-description {
    font-size: 12px;
    font-weight: 400;
    color: #fff;
    line-height: normal;
    letter-spacing: normal;
    padding: 0;
    margin: 0;
}

.panchdev-details {
    /* padding: 50px 0px;
  padding-top: 0px; */
    /* background: #e62e1e; */
    background: #AC2623;
}

.panchdev-details .container {
    /* padding: 0px !important; */
}

.panchdev-details-box {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    /* gap: 50px; */
}

.panchdev-details-txt {
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(10px);
    border-radius: 20px;
    padding: 40px;
    border: 1px solid rgba(255, 255, 255, 0.3);
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
    height: 100%;
}

.panchdev-details-left {
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    /* padding: 50px; */
}

.panchdev-details-l1,
.panchdev-details-l2 {
    padding: 50px 0px;
}

.panchdev-details-right {
    width: 100%;
    padding: 50px;
    background: #b0241c;
    height: -webkit-fill-available;
}

.panchdev-details-l1 {
    display: flex;
    align-items: stretch;
    justify-content: center;
    gap: 25px;
    width: 100%;
    /* border-bottom: 3px solid #fff; */
    padding-top: 0px !important;
}

.decorative-line {
    width: 80px;
    height: 3px;
    background: linear-gradient(90deg, white, transparent);
    margin: 15px auto;
}

.panchdev-details-l1-1,
.panchdev-details-l1-2 {
    /* width: 50%;
  height: -webkit-fill-available; */
    flex: 1;
    display: flex;
    flex-direction: column;
}

.panchdev-details h2.pd-title {
    font-size: 35px;
    font-weight: 700;
    /* color: #fff; */
    color: #f1911c;
    line-height: normal;
    letter-spacing: normal;
    padding: 0;
    margin: 0;
    margin-bottom: 15px;
}

.panchdev-details p.pd-description {
    font-size: 20px;
    font-weight: 400;
    color: #fff;
    line-height: normal;
    letter-spacing: normal;
    padding: 0;
    margin: 0;
}

.panchdev-details h2.pd-heading-title {
    font-size: 25px;
    font-weight: 700;
    color: #fff;
    line-height: normal;
    letter-spacing: normal;
    padding: 0;
    margin: 0;
}

.panchdev-details-l2 {
    width: 100%;
}

.panchdev-details-l2-1 {
    margin-bottom: 50px;
}

.panchdev-details-l2-1 h2.pd-heading-title {
    font-size: 75px;
    text-align: center;
}

.panchdev-details-l2-2 {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    width: 100%;
}

.panchdev-details-l2-1,
.panchdev-details-l2-2 {
    width: 100%;
    gap: 25px;
}

.panchdev-details-l2-2-1,
.panchdev-details-l2-2-2 {
    width: 50%;
}

.pd-image {
    margin-bottom: 25px;
}

.pd-image img {
    width: 250px;
    height: 250px;
    object-fit: cover;
    object-position: top;
    border-radius: 50%;
}

.panchdev-details-l2-2-1 {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    border-right: 3px solid #fff;
    padding-right: 25px;
}

.panchdev-details-l2-2-1 h3.pd-title {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    font-size: 50px;
    font-weight: 700;
    color: #fff;
    line-height: 1;
    letter-spacing: normal;
    padding: 0;
    margin: 0;
}

.panchdev-details-l2-2-1 h3.pd-title span {
    font-size: 30px;
    font-weight: 500;
}

.panchdev-details-l2-2-1 span.pd-sub-title {
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    line-height: normal;
    letter-spacing: normal;
    padding: 0;
    margin: 0;
    margin: 15px 0px;
    text-align: center;
}

.panchdev-details-l2-2-1 p.pd-description {
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    line-height: normal;
    letter-spacing: normal;
    padding: 0;
    margin: 0;
    text-align: center;
}

.pd-l2-2-2-1 {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    width: 100%;
}

.pd-l2-left {
    padding-right: 25px;
    border-right: 3px dashed #fff;
    width: 50%;
}

.pd-l2-right {
    padding: 0px 25px;
    width: 50%;
}

.panchdev-details-l2-2-2 span.pd-sub-title {
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    line-height: normal;
    letter-spacing: normal;
    padding: 0;
    margin: 0;
}

.panchdev-details-l2-2-2 h3.pd-title {
    font-size: 25px;
    font-weight: 700;
    color: #fff;
    line-height: normal;
    letter-spacing: normal;
    padding: 0;
    margin: 0;
}

.panchdev-details-l2-2-2 {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    flex-direction: column;
    gap: 50px;
    width: 100%;
    padding-right: 25px;
}

.pd-l2-2-2-2 {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 50px;
}

.pd-l2-grid.pd-l2-g1 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 15px;
}

.pd-l2-gi-img img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    margin-bottom: 25px;
}

.pd-l2-grid-item {
    text-align: center;
}

.pd-l2-gi-txt p,
.pd-l2-gi-txt span {
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    line-height: normal;
    letter-spacing: normal;
    padding: 0;
    margin: 0;
}

.pd-r1-bottom h3.pd-title {
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    line-height: normal;
    letter-spacing: normal;
    padding: 0;
    margin: 0;
}

.panchdev-details-l3 {
    display: flex;
    align-items: center;
    justify-content: left;
    gap: 25px;
    width: 100%;
    padding: 15px 0px;
    position: relative;
}

.panchdev-details-l3::after {
    position: absolute;
    content: "";
    background: linear-gradient(45deg, #00000050, transparent);
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    margin-left: -50px;
    z-index: -1;
}

.pd-l3-qr img {
    width: 75px;
    height: 75px;
    object-fit: contain;
    object-position: center;
}

.panchdev-details-right {
    text-align: center;
}


/* Responsive */

@media (max-width: 768px) {
    .cont-contact-grid {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .cont-contact-info,
    .cont-contact-form {
        padding: 25px;
    }

    .cont-contact-item {
        flex-direction: column;
        text-align: center;
    }

    .cont-contact-icon {
        margin-right: 0;
        margin-bottom: 15px;
    }
}


/* new update css */

.temple-event-container {
    font-family: "Noto Sans Devanagari", "Poppins", sans-serif;
    /* background: #e62e1e; */
    background: #AC2623;
    /* min-height: 100vh; */
    overflow-x: hidden;
    position: relative;
    padding: 50px;
}

.animated-background-elements {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    overflow: hidden;
    z-index: 1;
    pointer-events: none;
}

.floating-element {
    position: absolute;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 50%;
    animation: drift-animation 8s ease-in-out infinite;
}

.floating-element:nth-child(1) {
    width: 120px;
    height: 120px;
    left: 8%;
    top: 10%;
    animation-delay: 0s;
    animation-duration: 6s;
}

.floating-element:nth-child(2) {
    width: 80px;
    height: 80px;
    right: 12%;
    top: 20%;
    animation-delay: 1s;
    animation-duration: 7s;
}

.floating-element:nth-child(3) {
    width: 60px;
    height: 60px;
    left: 15%;
    bottom: 30%;
    animation-delay: 2s;
    animation-duration: 8s;
}

.floating-element:nth-child(4) {
    width: 100px;
    height: 100px;
    right: 8%;
    bottom: 20%;
    animation-delay: 3s;
    animation-duration: 9s;
}

.floating-element:nth-child(5) {
    width: 70px;
    height: 70px;
    left: 50%;
    top: 15%;
    animation-delay: 4s;
    animation-duration: 6s;
}

.floating-element:nth-child(6) {
    width: 90px;
    height: 90px;
    right: 25%;
    bottom: 40%;
    animation-delay: 5s;
    animation-duration: 7s;
}

@keyframes drift-animation {

    0%,
    100% {
        transform: translateY(0px) translateX(0px) rotate(0deg);
        opacity: 0.3;
    }

    25% {
        transform: translateY(-50px) translateX(30px) rotate(90deg);
        opacity: 0.6;
    }

    50% {
        transform: translateY(-80px) translateX(-20px) rotate(180deg);
        opacity: 0.8;
    }

    75% {
        transform: translateY(-30px) translateX(40px) rotate(270deg);
        opacity: 0.5;
    }
}

.main-content-wrapper {
    /* max-width: 1400px; */
    margin: 0 auto;
    position: relative;
    z-index: 10;
}

.welcome-header {
    text-align: center;
    margin-bottom: 100px;
    animation: slide-from-top 1s ease-out;
}

.welcome-header h1 {
    /* font-size: clamp(2.5rem, 5vw, 4rem); */
    font-size: 75px;
    /* font-family: "Mukta", sans-serif; */
    /* line-height: normal; */
    /* letter-spacing: normal; */
    color: #ffffff;
    font-weight: 700;
    /* text-shadow: 0 10px 30px rgba(0, 0, 0, 0.3); */
    margin-bottom: 5px;
    /* background: linear-gradient(45deg, #ffffff, #f8f9ff); */
    /* -webkit-background-clip: text; */
    /* -webkit-text-fill-color: transparent; */
    /* background-clip: text; */
}

.accent-line {
    width: 100px;
    height: 4px;
    background: linear-gradient(90deg, #ffffff, #ffffff50, transparent);
    margin: 0 auto;
    border-radius: 2px;
    animation: glow-effect 2s ease-in-out infinite alternate;
}

@keyframes glow-effect {
    from {
        box-shadow: 0 0 20px rgba(255, 107, 107, 0.5);
    }

    to {
        box-shadow: 0 0 40px rgba(255, 107, 107, 0.8);
    }
}

.katha-main-display {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 50px;
    align-items: center;
    margin-bottom: 50px;
    opacity: 0;
    animation: slide-from-bottom 1s ease-out 0.3s forwards;
}

.spiritual-leader-showcase {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    height: 500px;
}

.leader-portrait {
    width: auto;
    height: 100%;
    object-fit: contain;
    object-position: center;
    margin-bottom: 30px;
    position: relative;
    animation: gentle-pulse 3s ease-in-out infinite;
}

.leader-portrait::before {
    content: "";
    position: absolute;
    top: -10px;
    left: -10px;
    right: -10px;
    bottom: -10px;
    /* background: linear-gradient(45deg, #ff6b6b, #feca57, #48dbfb, #ff9ff3); */
    background: linear-gradient(45deg, #ff6b35, #ffd700, #f7931e, #ffd700);
    border-radius: 50%;
    z-index: -1;
    animation: continuous-rotation 10s linear infinite;
}

@keyframes continuous-rotation {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

@keyframes gentle-pulse {

    0%,
    100% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.05);
    }
}

.leader-portrait img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
    border: 5px solid rgba(255, 255, 255, 0.3);
}

.katha-details {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.katha-label {
    display: inline-block;
    background: linear-gradient(135deg, #feca57, #ff9ff3);
    color: #ffffff;
    padding: 5px 15px;
    padding-top: 10px;
    border-radius: 10px;
    font-size: 1rem;
    font-weight: 500;
    margin-bottom: 5px;
    width: fit-content;
    line-height: normal;
    letter-spacing: normal;
    box-shadow: 0 5px 15px rgba(254, 202, 87, 0.3);
}

.katha-main-title {
    font-size: 2.2rem;
    color: #ffffff;
    font-weight: 700;
    margin-bottom: 15px;
    /* text-shadow: 0 5px 15px rgba(0, 0, 0, 0.3); */
    line-height: normal;
    letter-spacing: normal;
}

.leader-description {
    font-size: 3rem;
    color: rgba(255, 255, 255, 0.9);
    text-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    margin-bottom: 25px;
    font-weight: 700;
    color: #ffd700;
    line-height: normal;
}

.schedule-info {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.schedule-item {
    display: flex;
    align-items: center;
    gap: 15px;
    font-size: 1.2rem;
    color: #ffffff;
    font-weight: 600;
}

.schedule-dot {
    width: 8px;
    height: 8px;
    background: #feca57;
    border-radius: 50%;
    animation: dot-pulse 2s ease-in-out infinite;
}

@keyframes dot-pulse {

    0%,
    100% {
        transform: scale(1);
        opacity: 1;
    }

    50% {
        transform: scale(1.5);
        opacity: 0.7;
    }
}


/* .time-highlight {
  color: #feca57;
  font-weight: 700;
} */

.special-events-area {
    margin-bottom: 50px;
}

.events-header {
    text-align: center;
    margin-bottom: 50px;
}

.events-main-title {
    font-size: 2rem;
    color: #ffffff;
    font-weight: 700;
    margin-bottom: 5px;
    line-height: normal;
    text-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}

.events-subtitle {
    font-size: 1.1rem;
    color: rgba(255, 255, 255);
}

.events-layout {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 50px;
    margin-bottom: 50px;
    opacity: 0;
    animation: slide-from-bottom 1s ease-out 0.6s forwards;
}

.event-display {
    position: relative;
    text-align: center;
    padding: 40px 20px;
    backdrop-filter: blur(10px);
    border-radius: 20px;
    /* border: 1px solid rgba(255, 255, 255, 0.1); */
    transition: all 0.4s ease;
}

.event-display::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, #ff6b6b, #feca57);
    border-radius: 20px 20px 0 0;
}


/* .event-display:hover {
  transform: translateY(-10px);
  background: rgba(255, 255, 255, 0.05);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);
} */

.event-category {
    font-size: 1.1rem;
    color: rgba(255, 255, 255);
    margin-bottom: 5px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.event-title {
    font-size: 2.2rem;
    color: #ffffff;
    font-weight: 700;
    margin-bottom: 5px;
}

.event-timing {
    font-size: 1.1rem;
    color: #feca57;
    font-weight: 500;
    margin: 0;
}

.performers-section {
    margin-bottom: 0px;
}

.content-divider {
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
    margin: 60px 0;
}

.singers-area,
.anchor-area {
    margin-bottom: 50px;
}

.section-header {
    text-align: center;
    margin-bottom: 40px;
}

.section-heading {
    font-size: 2rem;
    color: #ffffff;
    font-weight: 700;
    margin-bottom: 10px;
    position: relative;
    display: inline-block;
}

.section-heading::after {
    content: "";
    position: absolute;
    bottom: -5px;
    left: 50%;
    transform: translateX(-50%);
    width: 60px;
    height: 3px;
    background: linear-gradient(90deg, #fff, transparent);
    border-radius: 2px;
}

.performers-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 50px;
    justify-items: center;
}

.performer-profile {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    transition: all 0.4s ease;
    opacity: 0;
    animation: fade-in-up 1s ease-out forwards;
}

.performer-profile:nth-child(1) {
    animation-delay: 1.2s;
}

.performer-profile:nth-child(2) {
    animation-delay: 1.4s;
}

.performer-profile:nth-child(3) {
    animation-delay: 1.6s;
}

.performer-photo {
    width: 300px;
    height: 300px;
    margin-bottom: 20px;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    transition: all 0.4s ease;
}

.performer-photo.ms1 {
    width: 500px;
    height: 500px;
}


/* .performer-photo::before {
  content: "";
  position: absolute;
  top: -3px;
  left: -3px;
  right: -3px;
  bottom: -3px;
  background: linear-gradient(45deg, #feca57, #ff9ff3, #48dbfb);
  border-radius: 50%;
  z-index: -1;
  opacity: 0;
  transition: all 0.4s ease;
}

.performer-profile:hover .performer-photo::before {
  opacity: 1;
  animation: continuous-rotation 3s linear infinite;
} */

.performer-profile:hover .performer-photo {
    transform: scale(1.1);
}


/* .performer-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  mask-image: url("../img/shape.png");
  mask-size: contain;
  mask-position: center;
  mask-repeat: no-repeat;
  margin-bottom: 25px;
} */


/* Border using pseudo-element */


/* .performer-photo::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  mask-image: url("../img/shape.png");
  mask-size: contain;
  mask-position: center;
  mask-repeat: no-repeat;
  background: #fff;
  z-index: -1;
  transform: scale(1.03);
} */

.performer-photo.ms1 {
    position: relative;
    border-radius: 0px;
}

.singers-area .performers-grid .performer-photo img {
    width: 182px;
    height: 182px;
}

.singers-area .performers-grid .performer-photo {
    border-radius: 0px;
}

.performer-photo img {
    object-fit: contain;
    object-position: center;
    margin-bottom: 25px;
    width: 310px;
    height: 310px;
    border-radius: 50%;
    position: absolute;
    top: 57.8%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
}

.performer-photo::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url("../img/shape2.png");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    /* z-index: -1; */
}

.performer-name {
    font-size: 1.6rem;
    color: #ffffff;
    font-weight: 500;
    margin-bottom: 0px;
    line-height: normal;
    color: #ffd700;
}

.performer-role {
    font-size: 1.2rem;
    color: rgba(255, 255, 255);
}

.anchor-area .performer-photo {
    width: 300px;
    height: 300px;
    margin-bottom: 25px;
}

.anchor-area .performer-name {
    font-size: 1.6rem;
}

.venue-information {
    background: rgba(0, 0, 0, 0.2);
    backdrop-filter: blur(20px);
    border-radius: 15px;
    padding: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 30px;
    animation: slide-from-bottom 1s ease-out 2s forwards;
    opacity: 0;
    transform: translateY(50px);
}

.location-qr {
    width: 100px;
    height: 100px;
    background: #ffffff;
    border-radius: 5px;
    padding: 5px;
    transition: all 0.3s ease;
}

.location-qr:hover {
    transform: scale(1.05);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
}

.location-qr img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.venue-address {
    flex: 1;
    font-size: 1.6rem;
    color: rgba(255, 255, 255, 0.9);
    line-height: 1.6;
}

@keyframes slide-from-top {
    from {
        transform: translateY(-50px);
        opacity: 0;
    }

    to {
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes slide-from-bottom {
    from {
        transform: translateY(50px);
        opacity: 0;
    }

    to {
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes fade-in-up {
    from {
        transform: translateY(30px);
        opacity: 0;
    }

    to {
        transform: translateY(0);
        opacity: 1;
    }
}

@media (max-width: 1024px) {
    .katha-main-display {
        grid-template-columns: 1fr;
        gap: 50px;
        text-align: center;
    }

    .events-layout {
        grid-template-columns: 1fr;
        gap: 40px;
    }
}

@media (max-width: 768px) {
    .performers-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 30px;
    }

    .venue-information {
        flex-direction: column;
        text-align: center;
    }

    .leader-portrait {
        width: 140px;
        height: 140px;
    }

    .katha-main-title {
        font-size: 2.5rem;
    }
}

@media (max-width: 480px) {
    .temple-event-container {
        padding: 40px 15px;
    }

    .performers-grid {
        grid-template-columns: 1fr;
    }

    .katha-main-display {
        gap: 30px;
    }
}


/* Bricks */

.donation-container {
    width: 100%;
    /* background: #e62e1e; */
    background: #AC2623;
    padding: 50px;
    text-align: center;
    color: white;
}

.donation-title {
    font-size: 2.2rem;
    font-weight: bold;
    line-height: 1.3;
    margin-bottom: 50px;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 25px;
}

.donation-amount {
    font-size: 2.8rem;
    color: #ffd700;
    font-weight: bold;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
    animation: pulse 2s infinite;
    display: block;
    /* margin: 10px 0; */
}

@keyframes pulse {

    0%,
    100% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.05);
    }
}

.donation-content {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 50px;
    width: 100%;
}

.donation-left,
.donation-right {
    width: 50%;
}

.donation-right {
    text-align: left;
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(10px);
    border-radius: 20px;
    padding: 50px;
    border: 1px solid rgba(255, 255, 255, 0.3);
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
    height: 100%;
}

.donation-right .social-icons {
    justify-content: start;
}

.brick-animation-container {
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: auto;
    min-height: 300px;
}

.brick-wall {
    position: relative;
    width: 500px;
    height: 300px;
}


/* SVG scaling inside brick */

.brick svg {
    width: 100%;
    height: 100%;
    display: block;
}

.brick {
    position: absolute;
    opacity: 0;
    width: 100px;
    height: 50px;
    transform: translateY(-100px) rotate(5deg);
}

@keyframes fallAndPlace {
    0% {
        opacity: 0;
        transform: translateY(-100px) rotate(5deg);
    }

    50% {
        opacity: 1;
        transform: translateY(10px) rotate(2deg);
    }

    100% {
        opacity: 1;
        transform: translateY(0) rotate(0deg);
    }
}

@keyframes handAppear {
    0% {
        opacity: 0;
        transform: translateY(-20px) rotate(-10deg);
    }

    100% {
        opacity: 1;
        transform: translateY(0) rotate(-5deg);
    }
}


/* Brick positions - creating a wall pattern */

.brick:nth-child(1) {
    animation-delay: 0.2s;
    left: 35px;
    top: 205px;
}

.brick:nth-child(2) {
    animation-delay: 0.5s;
    left: 140px;
    top: 205px;
}

.brick:nth-child(3) {
    animation-delay: 0.8s;
    left: 245px;
    top: 205px;
}

.brick:nth-child(4) {
    animation-delay: 1.1s;
    left: 350px;
    top: 205px;
}

.brick:nth-child(5) {
    animation-delay: 1.4s;
    left: 95px;
    top: 150px;
}

.brick:nth-child(6) {
    animation-delay: 1.7s;
    left: 200px;
    top: 150px;
}

.brick:nth-child(7) {
    animation-delay: 2s;
    left: 305px;
    top: 150px;
}

.brick:nth-child(8) {
    animation-delay: 2.3s;
    left: 45px;
    top: 95px;
}

.brick:nth-child(9) {
    animation-delay: 2.6s;
    left: 150px;
    top: 95px;
}

.brick:nth-child(10) {
    animation-delay: 2.9s;
    left: 255px;
    top: 95px;
}

.brick:nth-child(11) {
    animation-delay: 3.2s;
    left: 155px;
    top: 40px;
}


/* @keyframes fallAndPlace {
  0% {
    opacity: 0;
    transform: translateY(-100px) rotate(5deg);
  }
  70% {
    opacity: 1;
    transform: translateY(8px) rotate(1deg);
  }
  100% {
    opacity: 1;
    transform: translateY(0) rotate(0deg);
  }
} */

.donation-description {
    font-size: 1.6rem;
    line-height: 1.6;
    margin: 25px 0;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
    margin-top: 0px;
}

.contact-section {
    margin: 30px 0;
}

.contact-title {
    font-size: 2rem;
    margin-bottom: 15px;
    font-weight: bold;
}

.contact-info {
    font-size: 1.2rem !important;
    margin-bottom: 5px !important;
}

.contact-info a {
    color: #ffd700;
    text-decoration: none;
    transition: opacity 0.3s ease;
}

.contact-info a:hover {
    opacity: 0.8;
}

.social-section {
    margin-top: 25px;
}

.social-text {
    font-size: 1.2rem;
    margin-bottom: 5px;
}

.social-icons {
    display: flex;
    justify-content: left;
    gap: 15px;
    margin-bottom: 15px;
}

.social-icons a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 35px;
    height: 35px;
    background: rgba(255, 255, 255, 0.2);
    color: white;
    border-radius: 50%;
    text-decoration: none;
    transition: all 0.3s ease;
    font-size: 16px;
}

.social-icons a:hover {
    background: rgba(255, 255, 255, 0.3);
    transform: translateY(-2px) scale(1.1);
}

.website-link a {
    color: #ffd700;
    text-decoration: none;
    font-weight: bold;
    font-size: 1rem;
    transition: opacity 0.3s ease;
}

.website-link a:hover {
    opacity: 0.8;
}

@media (max-width: 480px) {
    .donation-container {
        padding: 30px 20px;
    }

    .donation-title {
        font-size: 1.8rem;
    }

    .donation-amount {
        font-size: 2.2rem;
    }

    .brick-wall {
        width: 240px;
        height: 160px;
    }

    .donation-description {
        font-size: 1rem;
    }
}


/* Gallery */

.gallery-section {
    padding: 75px 0;
    background: linear-gradient(135deg, #fdf6f0 0%, #f4e4d6 100%);
    /* min-height: 100vh; */
    position: relative;
    overflow: hidden;
}

.gallery-section::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="temple-pattern" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse"><circle cx="10" cy="10" r="1" fill="%23ff6b35" opacity="0.1"/></pattern></defs><rect width="100" height="100" fill="url(%23temple-pattern)"/></svg>') repeat;
    opacity: 0.3;
    pointer-events: none;
}

.gallery-section .container {
    display: flex;
    flex-direction: column;
    gap: 75px;
}

/* .container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
  position: relative;
  z-index: 2;
} */

.new-gallery-box {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 75px;
}

.new-gallery {
    width: 100%;
}

/* Header Section */

.section-header {
    text-align: center;
    margin-bottom: 60px;
    position: relative;
}

.temple-icon {
    width: 80px;
    height: 80px;
    margin: 0 auto 20px;
    background: linear-gradient(45deg, #ff6b35, #f7931e);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 8px 25px rgba(255, 107, 53, 0.3);
    position: relative;
}

.temple-icon::before {
    content: "🕉️";
    font-size: 2.5rem;
    color: white;
}

.section-header .subtitle {
    display: inline-block;
    background: linear-gradient(45deg, #ff6b35, #f7931e);
    color: white;
    padding: 10px 30px;
    border-radius: 50px;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 1px;
    margin-bottom: 25px;
    box-shadow: 0 6px 20px rgba(255, 107, 53, 0.3);
    position: relative;
    overflow: hidden;
}

.section-header .subtitle::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
    transition: left 0.5s;
}

.section-header .subtitle:hover::before {
    left: 100%;
}

.section-header .main-title {
    font-size: 36px;
    color: #8b4513;
    margin-bottom: 25px;
    font-weight: 700;
    line-height: 1.2;
    text-shadow: 2px 2px 4px rgba(139, 69, 19, 0.1);
    position: relative;
}

.section-header .main-title .highlight {
    background: linear-gradient(45deg, #ff6b35, #f7931e);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    font-weight: 900;
}

.section-header .description {
    max-width: 700px;
    margin: 0 auto;
    font-size: 20px;
    color: #8b4513;
    line-height: normal;
    font-weight: 500;
    opacity: 1;
}


/* Masonry Gallery */


/* .masonry-gallery {
  column-count: 4;
  column-gap: 25px;
  margin-top: 50px;
}

.gallery-item {
  display: inline-block;
  width: 100%;
  margin-bottom: 20px;
  break-inside: avoid;
  position: relative;
  border-radius: 15px;
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(139, 69, 19, 0.15);
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  background: white;
  border: 3px solid transparent;
} */

.masonry-gallery {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    /* 4 items per row */
    gap: 15px;
    /* space between items */
    margin-top: 50px;
}

.gallery-item {
    width: 100%;
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(139, 69, 19, 0.15);
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    background: white;
    border: 3px solid transparent;
    break-inside: avoid;
    /* optional for multi-row items */
}

.gallery-item:hover {
    transform: translateY(-8px) scale(1.02);
    box-shadow: 0 20px 40px rgba(255, 107, 53, 0.25);
    border-color: #ff6b35;
}

.gallery-item img {
    width: 100%;
    height: auto;
    max-height: 125px;
    object-fit: cover;
    object-position: center;
    display: block;
    transition: transform 0.4s ease;
    filter: brightness(1.05) contrast(1.1);
}

.gallery-item:hover img {
    transform: scale(1.08);
}

.gallery-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(45deg, rgba(255, 107, 53, 0.85), rgba(247, 147, 30, 0.85));
    opacity: 0;
    transition: all 0.4s ease;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.gallery-item:hover .gallery-overlay {
    opacity: 1;
}

.gallery-overlay .zoom-icon {
    font-size: 25px;
    color: white;
    margin-bottom: 5px;
    transform: scale(0.8);
    transition: transform 0.3s ease;
}

.gallery-item:hover .gallery-overlay .zoom-icon {
    transform: scale(1);
}

.gallery-overlay .caption {
    color: white;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    padding: 0 15px;
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.3s ease 0.1s;
}

.gallery-item:hover .gallery-overlay .caption {
    opacity: 1;
    transform: translateY(0);
}


/* Decorative Elements */


/* .section-header::before,
.section-header::after {
  content: "";
  position: absolute;
  width: 60px;
  height: 3px;
  background: linear-gradient(45deg, #ff6b35, #f7931e);
  top: 50%;
  border-radius: 2px;
} */


/* .section-header::before {
  left: calc(50% - 150px);
}

.section-header::after {
  right: calc(50% - 150px);
} */


/* Responsive Design */

@media (max-width: 1200px) {

    /* .masonry-gallery {
    column-count: 3;
    column-gap: 20px;
  } */
    .masonry-gallery {
        grid-template-columns: repeat(3, 1fr);
    }

    .main-title {
        font-size: 3.5rem;
    }
}

@media (max-width: 768px) {

    /* .masonry-gallery {
    column-count: 2;
    column-gap: 15px;
  } */
    .masonry-gallery {
        grid-template-columns: repeat(2, 1fr);
    }

    .gallery-item {
        margin-bottom: 20px;
    }

    .main-title {
        font-size: 2.8rem;
    }

    .gallery-section {
        padding: 60px 0;
    }

    .description {
        font-size: 18px;
    }

    .section-header::before,
    .section-header::after {
        display: none;
    }
}

@media (max-width: 480px) {

    /* .masonry-gallery {
    column-count: 1;
  } */
    .masonry-gallery {
        grid-template-columns: 1fr;
    }

    .main-title {
        font-size: 2.2rem;
    }

    .container {
        padding: 0 15px;
    }

    .subtitle {
        padding: 8px 20px;
        font-size: 14px;
    }
}


/* Loading Animation */

.gallery-item {
    opacity: 0;
    animation: templeSlideUp 0.8s ease forwards;
}

@keyframes templeSlideUp {
    from {
        opacity: 0;
        transform: translateY(50px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.gallery-item:nth-child(1) {
    animation-delay: 0.1s;
}

.gallery-item:nth-child(2) {
    animation-delay: 0.2s;
}

.gallery-item:nth-child(3) {
    animation-delay: 0.3s;
}

.gallery-item:nth-child(4) {
    animation-delay: 0.4s;
}

.gallery-item:nth-child(5) {
    animation-delay: 0.5s;
}

.gallery-item:nth-child(6) {
    animation-delay: 0.6s;
}

.gallery-item:nth-child(n+7) {
    animation-delay: 0.7s;
}


/* Fancybox Customization */


/* .fancybox-button {
  background: linear-gradient(45deg, #ff6b35, #f7931e) !important;
}

.fancybox-caption {
  background: linear-gradient(
    45deg,
    rgba(255, 107, 53, 0.9),
    rgba(247, 147, 30, 0.9)
  ) !important;
  font-family: "Noto Sans Devanagari", Arial, sans-serif !important;
} */


/* Floating Animation for Temple Icon */

@keyframes float {

    0%,
    100% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-10px);
    }
}

.temple-icon {
    animation: float 3s ease-in-out infinite;
}

.wow {
    opacity: 1 !important;
}


/* Events */

.events-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
    padding-bottom: 50px;
}

.events-card {
    background: white;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
    position: relative;
}

.events-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
}

.events-image {
    position: relative;
    height: 350px;
    overflow: hidden;
}

.events-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.events-card:hover .events-image img {
    transform: scale(1.05);
}

.events-category {
    position: absolute;
    top: 20px;
    right: 20px;
    background: linear-gradient(135deg, #ff6b35, #f7931e);
    color: white;
    padding: 6px 12px;
    border-radius: 10px;
    font-size: 12px;
    font-weight: 700;
    line-height: normal;
    letter-spacing: normal;
    display: flex;
    align-items: center;
    gap: 5px;
}

.events-content {
    padding: 30px;
}

.events-date-and-time {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 15px;
    /* padding: 15px; */
    /* background: linear-gradient(135deg, #8b2635, #a02b2b); */
    /* border-radius: 15px; */
    /* color: white; */
}

.events-date-and-time-info {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: left;
    gap: 15px;
}

.events-date-icon {
    background: rgba(255, 255, 255, 0.2);
    padding: 10px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.events-date-and-time-info span,
.events-date-and-time-info span i {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 13px;
    font-weight: 700;
    line-height: normal;
    letter-spacing: normal;
    color: #8b2635;
}

.events-title {
    font-size: 25px;
    font-weight: bold;
    color: #8b2635;
    margin-bottom: 15px;
    line-height: normal;
    letter-spacing: normal;
}

.events-subtitle {
    font-size: 16px;
    color: #ffd700;
    font-weight: 700;
    margin-bottom: 15px;
    line-height: normal;
    letter-spacing: normal;
}

.events-description {
    color: #666;
    margin-bottom: 15px;
    font-size: 16px;
    font-weight: normal;
    line-height: normal;
    letter-spacing: normal;
}

.events-actions {
    display: flex;
    /* gap: 15px; */
}

.events-btn {
    padding: 12px 24px;
    border: none;
    border-radius: 25px;
    font-size: 16px;
    font-weight: normal;
    line-height: normal;
    letter-spacing: normal;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.events-btn-primary {
    background: linear-gradient(135deg, #8b2635, #a02b2b);
    color: white;
}

.events-btn-primary:hover {
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(139, 38, 53, 0.3);
    color: white;
}

.events-btn-secondary {
    background: transparent;
    color: #8b2635;
    border: 2px solid #8b2635;
}

.events-btn-secondary:hover {
    background: #8b2635;
    color: white;
    transform: translateY(-2px);
}

:root {
    --event-details-primary-color: #a02b2b;
    --event-details-secondary-color: #ff7b00;
    --event-details-accent-color: #f4f1ec;
    --event-details-text-dark: #2c2c2c;
    --event-details-text-light: #666;
    --event-details-gradient-primary: linear-gradient(135deg, #a02b2b 0%, #ff7b00 100%);
    --event-details-gradient-secondary: linear-gradient(135deg, #ff7b00 0%, #ffb347 100%);
    --event-details-gradient-light: linear-gradient(135deg, #fff 0%, #f8f9fa 100%);
}


/* Event Hero Section */

.event-details-hero {
    /* background: var(--event-details-gradient-primary); */
    background: linear-gradient(rgba(139, 69, 19, 0.8), rgba(160, 82, 45, 0.8)), url("../img/new-bg.jpg");
    background-size: cover;
    background-position: center;
    color: white;
    padding: 60px 0;
    position: relative;
    overflow: hidden;
}


/* .event-details-hero::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="white" opacity="0.05"/><circle cx="75" cy="75" r="1" fill="white" opacity="0.05"/><circle cx="50" cy="10" r="0.5" fill="white" opacity="0.03"/><circle cx="10" cy="60" r="0.5" fill="white" opacity="0.03"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');
} */

.event-details-hero-content {
    position: relative;
    z-index: 2;
}

.event-details-category {
    display: inline-block;
    background: rgba(255, 255, 255, 0.2);
    padding: 8px 20px;
    border-radius: 25px;
    font-size: 14px;
    font-weight: 700;
    line-height: normal;
    letter-spacing: normal;
    margin-bottom: 25px;
}

.event-details-hero-title {
    font-size: 50px;
    font-weight: 700;
    line-height: normal;
    letter-spacing: normal;
    margin-bottom: 25px;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
    width: 35%;
}

.event-details-hero-subtitle {
    font-size: 16px;
    font-weight: 700;
    line-height: normal;
    letter-spacing: normal;
    margin-bottom: 25px;
    color: #ffb347;
}

.event-details-quick-info {
    display: flex;
    gap: 25px;
    flex-wrap: wrap;
}

.event-details-quick-info-item {
    display: flex;
    align-items: center;
    gap: 10px;
    background: rgba(255, 255, 255, 0.1);
    padding: 10px 20px;
    border-radius: 25px;
    font-size: 14px;
    font-weight: 700;
    line-height: normal;
    letter-spacing: normal;
}


/* Event Details Section */

.event-details-section {
    padding: 75px 0;
}

.event-details-grid {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 50px;
}

.event-details-main-content {
    background: white;
    border-radius: 20px;
    padding: 40px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
}

.event-details-content-section {
    margin-bottom: 40px;
}

.event-details-content-section:last-child {
    margin-bottom: 0;
}

.event-details-section-title {
    font-size: 1.8rem;
    color: var(--event-details-primary-color);
    font-weight: 700;
    margin-bottom: 20px;
    position: relative;
    padding-bottom: 10px;
}

.event-details-section-title::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 60px;
    height: 3px;
    background: var(--event-details-gradient-secondary);
    border-radius: 2px;
}

.event-details-description {
    font-size: 1.1rem;
    color: var(--event-details-text-dark);
    line-height: 1.8;
    margin-bottom: 30px;
}

.event-details-highlight-box {
    background: var(--event-details-gradient-light);
    /* border-left: 5px solid var(--event-details-primary-color); */
    /* padding: 25px; */
    margin: 25px 0;
    /* border-radius: 0 15px 15px 0; */
}

.event-details-highlight-box .event-details-icon {
    font-size: 2rem;
    color: var(--event-details-primary-color);
    margin-bottom: 15px;
}

.event-details-highlight-box h4 {
    color: var(--event-details-primary-color);
    font-weight: 700;
    margin-bottom: 10px;
    font-size: 20px;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 5px;
}

.event-details-highlight-box p {
    margin: 0px;
    padding: 0px;
}


/* Guest List Styles */

.event-details-guests-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 25px;
    margin-top: 20px;
}

.event-details-guest-category {
    background: white;
    border: 2px solid #f0f0f0;
    border-radius: 15px;
    padding: 25px;
    transition: all 0.3s ease;
}

.event-details-guest-category:hover {
    border-color: var(--event-details-secondary-color);
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

.event-details-guest-category-title {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 5px;
    color: var(--event-details-primary-color);
    font-weight: 700;
}

.event-details-guest-category-icon {
    width: 40px;
    height: 40px;
    background: var(--event-details-gradient-secondary);
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.event-details-guest-list {
    list-style: none;
    padding: 0;
}

.event-details-guest-list li {
    padding: 12px 0;
    border-bottom: 1px solid #f5f5f5;
    color: var(--event-details-text-dark);
    font-weight: 500;
    font-size: 16px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.event-details-guest-list li:last-child {
    border-bottom: none;
}

.event-details-guest-list li::before {
    content: "";
    width: 6px !important;
    max-width: 6px !important;
    min-width: 6px !important;
    height: 6px !important;
    background: var(--event-details-gradient-primary);
    border-radius: 50%;
}


/* Sidebar */

.event-details-sidebar {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.event-details-info-card {
    background: white;
    border-radius: 20px;
    padding: 30px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
}

.event-details-info-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 50px rgba(0, 0, 0, 0.15);
}

.event-details-card-title {
    font-size: 1.8rem;
    color: var(--event-details-primary-color);
    font-weight: 700;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 10px;
    position: relative;
    padding-bottom: 10px;
}

.event-details-card-title::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 60px;
    height: 3px;
    background: var(--event-details-gradient-secondary);
    border-radius: 2px;
}

.event-details-card-title .event-details-icon {
    width: 40px;
    height: 40px;
    background: var(--event-details-gradient-primary);
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.event-details-info-item {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #f0f0f0;
}

.event-details-info-item:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

.event-details-info-icon {
    width: 35px;
    height: 35px;
    background: var(--event-details-gradient-secondary);
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-size: 14px;
}

.event-details-info-text {
    flex: 1;
}

.event-details-info-label {
    font-weight: 600;
    color: var(--event-details-text-dark);
    margin-bottom: 0px;
}

.event-details-info-value {
    color: var(--event-details-text-light);
    font-size: 14px;
}


/* Action Buttons */

.event-details-action-buttons {
    display: flex;
    gap: 15px;
    margin-top: 30px;
    flex-wrap: wrap;
}

.event-details-btn-primary-custom {
    background: var(--event-details-gradient-primary);
    border: none;
    color: white;
    padding: 15px 30px;
    border-radius: 25px;
    font-weight: 600;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 10px;
    transition: all 0.3s ease;
}

.event-details-btn-primary-custom:hover {
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 30px rgba(160, 43, 43, 0.3);
}

.event-details-btn-outline-custom {
    background: transparent;
    border: 2px solid var(--event-details-primary-color);
    color: var(--event-details-primary-color);
    padding: 13px 28px;
    border-radius: 25px;
    font-weight: 600;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 10px;
    transition: all 0.3s ease;
}

.event-details-btn-outline-custom:hover {
    background: var(--event-details-primary-color);
    color: white;
}


/* Contact Info */

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

.event-details-contact-list li {
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    gap: 12px;
}

.event-details-contact-list .event-details-icon {
    width: 35px;
    height: 35px;
    background: var(--event-details-gradient-secondary);
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
}

.event-details-contact-list a {
    color: var(--event-details-text-dark);
    text-decoration: none;
    font-weight: 500;
}

.event-details-contact-list a:hover {
    color: var(--event-details-primary-color);
}


/* Social Links */

.event-details-social-links {
    display: flex;
    gap: 15px;
    margin-top: 20px;
}

.event-details-social-link {
    width: 45px;
    height: 45px;
    background: var(--event-details-gradient-primary);
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    transition: all 0.3s ease;
}

.event-details-social-link:hover {
    color: white;
    transform: translateY(-3px);
    box-shadow: 0 10px 25px rgba(160, 43, 43, 0.3);
}

.event-details-location {
    background: #f8f9fa;
    padding: 20px;
    border-radius: 10px;
    margin-bottom: 15px;
}

.event-details-location h5 {
    font-weight: 700;
}


/* Responsive */

@media (max-width: 992px) {
    .event-details-grid {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .event-details-hero-title {
        font-size: 2.5rem;
    }

    .event-details-quick-info-item {
        font-size: 14px;
        padding: 8px 16px;
    }
}

@media (max-width: 768px) {
    .event-details-header .event-details-container {
        flex-direction: column;
        gap: 20px;
    }

    .event-details-nav-links {
        gap: 20px;
        flex-wrap: wrap;
        justify-content: center;
    }

    .event-details-hero-title {
        font-size: 2rem;
    }

    .event-details-quick-info {
        justify-content: center;
    }

    .event-details-main-content,
    .event-details-info-card {
        padding: 25px;
    }
}


/* Bird Animation */

.sl1n {
    position: relative;
}

.bird-container-box {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0%;
    left: 0%;
    z-index: -1;
}

.bird {
    /* background-image: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/174479/bird-cells-new.svg); */
    background-image: url("../img/bird.svg");
    background-size: auto 100%;
    width: 88px;
    height: 125px;
    will-change: background-position;
    animation-name: fly-cycle;
    animation-timing-function: steps(10);
    animation-iteration-count: infinite;
}

.bird--one {
    animation-duration: 1s;
    animation-delay: -0.5s;
}

.bird--two {
    animation-duration: 0.9s;
    animation-delay: -0.75s;
}

.bird--three {
    animation-duration: 1.25s;
    animation-delay: -0.25s;
}

.bird--four {
    animation-duration: 1.1s;
    animation-delay: -0.5s;
}

.bird-container {
    position: absolute;
    top: 20%;
    left: -10%;
    transform: scale(0) translateX(-10vw);
    will-change: transform;
    animation-name: fly-right-one;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

.bird-container--one {
    animation-duration: 15s;
    animation-delay: 0;
}

.bird-container--two {
    animation-duration: 16s;
    animation-delay: 1s;
}

.bird-container--three {
    animation-duration: 14.6s;
    animation-delay: 9.5s;
}

.bird-container--four {
    animation-duration: 16s;
    animation-delay: 10.25s;
}

@keyframes fly-cycle {
    100% {
        background-position: -900px 0;
    }
}

@keyframes fly-right-one {
    0% {
        transform: scale(0.3) translateX(-10vw);
    }

    10% {
        transform: translateY(2vh) translateX(10vw) scale(0.4);
    }

    20% {
        transform: translateY(0vh) translateX(30vw) scale(0.5);
    }

    30% {
        transform: translateY(4vh) translateX(50vw) scale(0.6);
    }

    40% {
        transform: translateY(2vh) translateX(70vw) scale(0.6);
    }

    50% {
        transform: translateY(0vh) translateX(90vw) scale(0.6);
    }

    60% {
        transform: translateY(0vh) translateX(110vw) scale(0.6);
    }

    100% {
        transform: translateY(0vh) translateX(110vw) scale(0.6);
    }
}

@keyframes fly-right-two {
    0% {
        transform: translateY(-2vh) translateX(-10vw) scale(0.5);
    }

    10% {
        transform: translateY(0vh) translateX(10vw) scale(0.4);
    }

    20% {
        transform: translateY(-4vh) translateX(30vw) scale(0.6);
    }

    30% {
        transform: translateY(1vh) translateX(50vw) scale(0.45);
    }

    40% {
        transform: translateY(-2.5vh) translateX(70vw) scale(0.5);
    }

    50% {
        transform: translateY(0vh) translateX(90vw) scale(0.45);
    }

    51% {
        transform: translateY(0vh) translateX(110vw) scale(0.45);
    }

    100% {
        transform: translateY(0vh) translateX(110vw) scale(0.45);
    }
}


/* New Home Page Content */

.vision-section {
    position: relative;
    padding: 50px 0;
    /* background: linear-gradient(135deg, #e53e3e 0%, #c53030 100%); */
    /* background: #e62e1e; */
    background: #AC2623;
    overflow: hidden;
}

.vision-section::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="20" cy="20" r="1" fill="%23ffffff" opacity="0.03"/><circle cx="80" cy="40" r="1" fill="%23ffffff" opacity="0.02"/><circle cx="40" cy="80" r="1" fill="%23ffffff" opacity="0.03"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>') repeat;
    pointer-events: none;
}


/* .container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
  position: relative;
  z-index: 1;
} */

.section-header {
    text-align: center;
    margin-bottom: 50px;
}

.section-title {
    font-size: 2.5rem;
    color: #ffffff;
    /* color: #f1911c; */
    font-weight: 700;
    margin-bottom: 20px;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
    position: relative;
}

.section-title::after {
    content: "";
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
    width: 80px;
    height: 4px;
    background: linear-gradient(90deg, #ffd700, #ffb347);
    border-radius: 2px;
}

.section-subtitle {
    font-size: 1.3rem;
    color: #ffeaa7;
    font-weight: 300;
    margin-top: 30px;
}

.vision-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    gap: 30px;
    margin-bottom: 60px;
}

.vision-card {
    background: rgba(255, 255, 255, 0.95);
    border-radius: 20px;
    padding: 40px 30px;
    /* box-shadow: 0 15px 35px rgba(0, 0, 0, 0.2); */
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}


/* .vision-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 4px;
  background: linear-gradient(90deg, #ffd700, #ff6b6b);
  transition: left 0.3s ease;
}

.vision-card:hover::before {
  left: 0;
}

.vision-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.3);
} */

.card-title {
    font-size: 1.5rem;
    color: #c53030;
    font-weight: 600;
    margin-bottom: 20px;
    border-bottom: 2px solid #ffd700;
    padding-bottom: 10px;
}

.card-content {
    color: #2d3748;
    line-height: 1.8;
    font-size: 1rem;
}

.highlight-section {
    /* background: rgba(255, 255, 255, 0.1); */
    /* border-radius: 25px; */
    padding: 50px 40px;
    margin: 60px 0;
    /* backdrop-filter: blur(10px); */
    /* border: 1px solid rgba(255, 255, 255, 0.2); */
}

.highlight-title {
    font-size: 2.5rem;
    color: #ffffff;
    /* color: #f1911c; */
    text-align: center;
    margin-bottom: 30px;
    font-weight: 600;
}

.program-timeline {
    /* display: flex;
  flex-wrap: wrap;
  justify-content: center; */
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 25px;
    /* gap: 30px; */
    margin-top: 50px;
}

.timeline-item {
    /* background: rgba(255, 255, 255, 0.9); */
    background: rgb(255 236 197);
    border-radius: 15px;
    padding: 25px;
    min-width: 280px;
    text-align: center;
    position: relative;
    /* transition: all 0.3s ease; */
    /* border-left: 4px solid #ffd700; */
}


/* .timeline-item:hover {
  transform: scale(1.05);
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);
} */

.timeline-date {
    font-size: 1.1rem;
    color: #e53e3e;
    font-weight: 600;
    margin-bottom: 15px;
    background: #fff5e6;
    padding: 8px 16px;
    border-radius: 20px;
    display: inline-block;
}

.timeline-event {
    color: #2d3748;
    font-size: 1rem;
    line-height: 1.6;
}

.facilities-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 25px;
    margin: 50px 0;
}

.facility-item {
    background: rgba(255, 255, 255, 0.1);
    border-radius: 15px;
    padding: 25px;
    /* border-left: 4px solid #ffd700; */
    /* transition: all 0.3s ease; */
}


/* .facility-item:hover {
  background: rgba(255, 255, 255, 0.15);
  transform: translateX(10px);
} */

.facility-title {
    color: #ffeaa7;
    font-size: 1.2rem;
    font-weight: 600;
    margin-bottom: 15px;
    padding-bottom: 8px;
    border-bottom: 1px solid rgba(255, 234, 167, 0.3);
}

.facility-desc {
    color: #ffffff;
    line-height: 1.6;
    font-size: 0.95rem;
}

.donation-highlight {
    text-align: center;
    background: linear-gradient(135deg, #ffd700, #ffb347);
    border-radius: 25px;
    padding: 50px 30px;
    margin: 60px 0;
    color: #2d3748;
    position: relative;
    overflow: hidden;
}


/* .donation-highlight::before {
  content: "";
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: repeating-linear-gradient(
    45deg,
    transparent,
    transparent 10px,
    rgba(255, 255, 255, 0.1) 10px,
    rgba(255, 255, 255, 0.1) 20px
  );
  animation: shimmer 3s linear infinite;
  pointer-events: none;
} */

@keyframes shimmer {
    0% {
        transform: translateX(-100%) translateY(-100%);
    }

    100% {
        transform: translateX(100%) translateY(100%);
    }
}

.donation-title {
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 20px;
}

.donation-amount {
    font-size: 3rem;
    font-weight: 800;
    /* color: #c53030; */
    margin: 20px 0;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);
}

.stats-container {
    display: flex;
    justify-content: center;
    gap: 40px;
    flex-wrap: wrap;
    margin: 40px 0;
}

.stat-item {
    text-align: center;
    color: #2d3748;
}

.stat-number {
    font-size: 2.5rem;
    font-weight: 700;
    color: #e53e3e;
    display: block;
}

.stat-label {
    font-size: 1rem;
    margin-top: 5px;
}

.cta-section {
    text-align: center;
    margin: 60px 0;
}

.cta-button {
    display: inline-block;
    background: linear-gradient(135deg, #ffd700, #ffb347);
    color: #2d3748;
    padding: 15px 40px;
    border-radius: 50px;
    text-decoration: none;
    font-weight: 600;
    font-size: 1.1rem;
    transition: all 0.3s ease;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.cta-button:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.3);
}

.floating-elements {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    overflow: hidden;
}

.floating-om {
    position: absolute;
    color: rgba(255, 255, 255, 0.03);
    font-size: 8rem;
    animation: float 6s ease-in-out infinite;
}

.floating-om:nth-child(1) {
    top: 10%;
    left: 10%;
    animation-delay: 0s;
}

.floating-om:nth-child(2) {
    top: 60%;
    right: 10%;
    animation-delay: 2s;
}

.floating-om:nth-child(3) {
    bottom: 20%;
    left: 20%;
    animation-delay: 4s;
}

@keyframes float {

    0%,
    100% {
        transform: translateY(0px) rotate(0deg);
    }

    50% {
        transform: translateY(-20px) rotate(5deg);
    }
}

.section-divider {
    height: 2px;
    background: linear-gradient(90deg, transparent, #ffd700, transparent);
    margin: 60px 0;
}

@media (max-width: 768px) {
    .section-title {
        font-size: 2.5rem;
    }

    .vision-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .vision-card {
        padding: 30px 20px;
    }

    .program-timeline {
        flex-direction: column;
        align-items: center;
    }

    .stats-container {
        gap: 20px;
    }

    .donation-amount {
        font-size: 2rem;
    }

    .highlight-section {
        padding: 30px 20px;
    }
}


/* New Css */

.deity-text-list {
    font-size: 16px;
    color: #6b7280;
}

.deity-image {
    height: 100%;
}

.pdt-modal-list-new {
    font-size: 16px;
    font-weight: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #555;
    padding-left: 25px;
}

.pdt-modal-list-new li {
    margin-bottom: 5px;
}

.pdt-modal-list-new li:last-child {
    margin: 0px;
}

.event-details-guest-list {
    margin-bottom: 0px;
}

.new-contacts-num {
    display: flex;
    flex-wrap: wrap;
    column-gap: 25px;
    row-gap: 5px;
    justify-content: start;
}

.ncn-w a {
    color: #fff;
}


/* Ajiwan Trusee page */

:root {
    --brand: #7a2e13;
    --accent-gold: #f59f0b;
    --cream: #fff7ed;
    --ink: #2b1a13;
    --gray-200: #e5e7eb;
    --radius: 10px;
}


/* Containers and layout */

.at-container {
    max-width: 72rem;
    /* ~1152px */
    margin-inline: auto;
    padding-inline: 1.5rem;
    /* 24px */
}


/* Hero */

.at-hero {
    position: relative;
    isolation: isolate;
    overflow: hidden;
}

.at-hero__bg {
    position: absolute;
    inset: 0;
}

.at-hero__bg-image {
    position: absolute;
    inset: 0;
    background-image: url("/images/kaushalya-trust-reference.jpg");
    background-size: cover;
    background-position: center;
}

.at-hero__bg-overlay {
    position: absolute;
    inset: 0;
    background-color: var(--brand);
    opacity: 0.8;
}

.at-hero__container {
    position: relative;
    padding-block: 4rem;
    /* 64px */
}

@media (min-width: 768px) {
    .at-hero__container {
        padding-block: 6rem;
        /* 96px */
    }
}

.at-hero__content {
    max-width: 48rem;
    /* ~768px */
    margin-inline: auto;
    text-align: center;
}

.at-hero__title {
    color: var(--cream);
    font-weight: 600;
    font-size: clamp(1.875rem, 1.2rem + 2vw, 3rem);
    /* 30px → 48px */
}

.at-hero__subtitle {
    margin-top: 1rem;
    color: rgba(255, 247, 237, 0.9);
    /* cream at ~90% */
    font-size: 1rem;
}

@media (min-width: 768px) {
    .at-hero__subtitle {
        margin-top: 1.5rem;
        font-size: 1.0625rem;
        /* 17px */
    }
}


/* Highlights */

.at-highlights {
    background-color: var(--cream);
    padding-block: 3rem;
}

@media (min-width: 768px) {
    .at-highlights {
        padding-block: 4rem;
    }
}

.at-intro {
    max-width: 42rem;
}

.at-intro__title {
    color: var(--brand);
    font-weight: 600;
    font-size: clamp(1.5rem, 1.2rem + 1vw, 1.875rem);
    /* 24px → 30px */
}

.at-intro__text {
    margin-top: 0.5rem;
    color: color-mix(in oklab, var(--ink) 75%, white);
}

.at-grid {
    margin-top: 2rem;
    display: grid;
    gap: 1.5rem;
    grid-template-columns: 1fr;
}

@media (min-width: 768px) {
    .at-grid {
        grid-template-columns: 1fr 1fr;
    }
}

.at-card {
    background-color: #ffffff;
    border: 1px solid var(--gray-200);
    border-radius: var(--radius);
    padding: 1.5rem;
    box-shadow: 0 1px 2px rgb(0 0 0 / 0.04);
}

.at-card__title {
    font-weight: 600;
    color: var(--ink);
    margin-bottom: 0.5rem;
}

.at-card__text {
    color: color-mix(in oklab, var(--ink) 75%, white);
}


/* Form section */

.at-form-section {
    padding-block: 3rem;
}

@media (min-width: 768px) {
    .at-form-section {
        padding-block: 4rem;
    }
}

.at-form-card {
    border: 1px solid var(--gray-200);
    border-radius: calc(var(--radius) + 6px);
    overflow: hidden;
    background-color: #ffffff;
    box-shadow: 0 1px 2px rgb(0 0 0 / 0.04);
}

.at-form-card__header {
    background-color: var(--brand);
    color: var(--cream);
    padding: 1rem 1.25rem;
}

.at-form-card__title {
    font-weight: 600;
    font-size: clamp(1.5rem, 1.2rem + 1vw, 1.875rem);
}

.at-form-card__content {
    padding: 1.25rem;
}

@media (min-width: 768px) {
    .at-form-card__content {
        padding: 1.5rem;
    }
}

.at-form {
    display: grid;
    gap: 1rem;
    grid-template-columns: 1fr;
}

@media (min-width: 768px) {
    .at-form {
        grid-template-columns: 1fr 1fr;
        gap: 1.25rem;
    }
}

.at-field {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.at-field--full {
    grid-column: 1 / -1;
}

.at-label {
    font-size: 0.95rem;
}

.at-input,
.at-textarea {
    width: 100%;
    border: 1px solid var(--gray-200);
    border-radius: 8px;
    padding: 0.625rem 0.75rem;
    font: inherit;
    color: var(--ink);
    background-color: #fff;
}

.at-input:focus,
.at-textarea:focus {
    outline: 3px solid color-mix(in oklab, var(--brand) 35%, white);
    outline-offset: 1px;
}


/* Payment choices */

.at-choices {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.75rem;
}

@media (min-width: 640px) {
    .at-choices {
        grid-template-columns: repeat(3, 1fr);
    }
}

.at-choice {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    border: 1px solid var(--gray-200);
    border-radius: 10px;
    padding: 0.75rem;
    cursor: pointer;
}


/* Agreement */

.at-agree {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
}

.at-checkbox {
    width: 1.1rem;
    height: 1.1rem;
}

.at-agree__text {
    color: color-mix(in oklab, var(--ink) 80%, white);
    font-size: 0.95rem;
    line-height: 1.6;
}


/* Row with two fields */

.at-form__row {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.25rem;
}

@media (min-width: 768px) {
    .at-form__row {
        grid-template-columns: 1fr 1fr;
    }
}


/* Actions */

.at-form__actions {
    grid-column: 1 / -1;
    padding-top: 0.5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
}

.at-price {
    color: color-mix(in oklab, var(--ink) 70%, white);
}

.at-price__amount {
    color: var(--accent-gold);
    font-weight: 700;
}

.at-button {
    background-color: var(--accent-gold);
    color: var(--ink);
    border: none;
    border-radius: 999px;
    padding: 0.7rem 1.1rem;
    font-weight: 600;
    cursor: pointer;
}

.at-button:hover {
    filter: brightness(0.95);
}


/* Note below form */

.at-note {
    margin-top: 1.25rem;
    text-align: center;
    color: color-mix(in oklab, var(--ink) 80%, white);
}


/* Ajiwan sadasta */

:root {
    --brand: #7a2e13;
    --accent-gold: #f59f0b;
    --cream: #fff7ed;
    --ink: #2b1a13;
    --gray-200: #e5e7eb;
    --radius: 10px;
}


/* Containers and layout */


/* .as-container {
  max-width: 72rem;
  margin-inline: auto;
  padding-inline: 1.5rem;
} */


/* Hero */

.as-hero {
    position: relative;
    isolation: isolate;
    overflow: hidden;
}

.as-hero__bg {
    position: absolute;
    inset: 0;
}

.as-hero__bg-image {
    position: absolute;
    inset: 0;
    background-image: url("/images/kaushalya-trust-reference.jpg");
    background-size: cover;
    background-position: center;
}

.as-hero__bg-overlay {
    position: absolute;
    inset: 0;
    background-color: var(--brand);
    opacity: 0.8;
}

.as-hero__container {
    position: relative;
    padding-block: 4rem;
    /* 64px */
}

@media (min-width: 768px) {
    .as-hero__container {
        padding-block: 6rem;
        /* 96px */
    }
}

.as-hero__content {
    max-width: 48rem;
    /* ~768px */
    margin-inline: auto;
    text-align: center;
}

.as-hero__title {
    color: var(--cream);
    font-weight: 600;
    font-size: clamp(1.875rem, 1.2rem + 2vw, 3rem);
    /* 30px → 48px */
}

.as-hero__subtitle {
    margin-top: 1rem;
    color: rgba(255, 247, 237, 0.9);
    font-size: 1rem;
}

@media (min-width: 768px) {
    .as-hero__subtitle {
        margin-top: 1.5rem;
        font-size: 1.0625rem;
        /* 17px */
    }
}


/* Highlights */

.as-highlights {
    background-color: var(--cream);
    padding-block: 3rem;
}

@media (min-width: 768px) {
    .as-highlights {
        padding-block: 4rem;
    }
}

.as-intro {
    max-width: 42rem;
}

.as-intro__title {
    color: var(--brand);
    font-weight: 600;
    font-size: clamp(1.5rem, 1.2rem + 1vw, 1.875rem);
    /* 24px → 30px */
}

.as-intro__text {
    margin-top: 0.5rem;
    color: color-mix(in oklab, var(--ink) 75%, white);
}

.as-grid {
    margin-top: 2rem;
    display: grid;
    gap: 1.5rem;
    grid-template-columns: repeat(4, 1fr);
}


/* @media (min-width: 768px) {
  .as-grid {
    grid-template-columns: 1fr 1fr;
  }
} */

.as-card {
    /* background-color: #ffffff; */
    background: bisque;
    border: 1px solid var(--gray-200);
    border-radius: var(--radius);
    padding: 1.5rem;
    box-shadow: 0 1px 2px rgb(0 0 0 / 0.04);
}

.as-card__title {
    font-weight: 600;
    font-size: 20px;
    color: var(--ink);
    margin-bottom: 0.5rem;
}

.as-card__text {
    color: color-mix(in oklab, var(--ink) 75%, white);
    margin: 0px;
}


/* Form section */

.as-form-section {
    padding-block: 3rem;
}

@media (min-width: 768px) {
    .as-form-section {
        padding-block: 4rem;
    }
}

.as-form-card {
    border: 1px solid var(--gray-200);
    border-radius: calc(var(--radius) + 6px);
    overflow: hidden;
    background-color: #ffffff;
    box-shadow: 0 1px 2px rgb(0 0 0 / 0.04);
}

.as-form-card__header {
    background-color: var(--brand);
    color: var(--cream);
    padding: 20px 25px;
}

.as-form-card__title {
    font-weight: 600;
    font-size: 20px;
    margin: 0px;
}

.as-form-card__content {
    padding: 25px;
}

@media (min-width: 768px) {
    .as-form-card__content {
        padding: 25px;
    }
}

.as-form {
    display: grid;
    gap: 25px;
    grid-template-columns: 1fr;
}

@media (min-width: 768px) {
    .as-form {
        grid-template-columns: 1fr 1fr;
        gap: 25px;
    }
}

.as-field {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.as-field--full {
    grid-column: 1 / -1;
}

.as-label {
    font-size: 16px;
    color: #8b1b1b;
    font-weight: 600;
}

.as-input,
.as-textarea {
    width: 100%;
    border: 1px solid var(--gray-200);
    border-radius: 8px;
    padding: 0.625rem 0.75rem;
    font: inherit;
    color: var(--ink);
    background-color: #fff;
}

.as-input:focus,
.as-textarea:focus {
    outline: 3px solid color-mix(in oklab, var(--brand) 35%, white);
    outline-offset: 1px;
}


/* Payment choices */

.as-choices {
    display: grid;
    grid-template-columns: 1fr;
    gap: 25px;
}

@media (min-width: 640px) {
    .as-choices {
        grid-template-columns: repeat(3, 1fr);
    }
}

.as-choice {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    border: 1px solid var(--gray-200);
    border-radius: 10px;
    padding: 0.75rem;
    cursor: pointer;
}


/* Agreement */

.as-agree {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    gap: 10px;
}

.as-checkbox {
    width: 1.1rem;
    height: 1.1rem;
}

.as-agree__text {
    color: color-mix(in oklab, var(--ink) 80%, white);
    font-size: 0.95rem;
    line-height: 1.6;
}


/* Row with two fields */

.as-form__row {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.25rem;
}

@media (min-width: 768px) {
    .as-form__row {
        grid-template-columns: 1fr 1fr;
    }
}


/* Actions */

.as-form__actions {
    grid-column: 1 / -1;
    /* padding-top: 0.5rem; */
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
    margin-top: 30px;
}

.as-price {
    color: color-mix(in oklab, var(--ink) 70%, white);
}

.as-price__amount {
    color: var(--accent-gold);
    font-weight: 700;
}

.as-button {
    background-color: #8b1b1b;
    color: #fff;
    border: none;
    border-radius: 999px;
    padding: 0.7rem 1.1rem;
    font-weight: 600;
    font-size: 16px;
    cursor: pointer;
}

.as-button:hover {
    background: #000;
}


/* Note below form */

.as-note {
    /* margin-top: 1.25rem; */
    text-align: center;
    color: #8b1b1b;
    font-weight: 700;
    margin: 0px;
}

.vision-card,
.facility-item {
    background: #880000;
    border-radius: 10px;
}

.timeline-item,
.donation-highlight {
    border-radius: 10px;
}

.card-title {
    color: #ffd700;
    border-color: #fff;
}

.card-content {
    color: #fff;
}


/* .vision-card::before {
  background: #fff;
} */

.card-title,
.facility-title {
    border: none;
    position: relative;
    text-align: center;
    margin: 0px;
    padding-bottom: 15px;
    color: #ffd700;
    /* color: #f1911c; */
    font-weight: 600;
    font-size: 1.5rem;
}

.card-title::after,
.facility-title::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 15px;
    background: url("../img/decoration/line5.svg");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 1;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0%;
}

.card-content,
.facility-desc {
    margin-top: 15px;
    margin-bottom: 0px;
    text-align: center;
}


/* .facility-item {
  background: #9a3412;
} */

.event-display::before {
    background: url("../img/decoration/line4.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 30px;
}

.event-category {
    font-size: 20px;
    color: #fff;
}

.accent-line,
.section-title::after,
.section-heading::after,
.highlight-title::after,
.panchdev-details h2::after,
.donation-highlight h3::after {
    background: url("../img/decoration/line1.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 15px;
    animation: none;
    box-shadow: none;
    width: 100%;
}

.section-heading,
.section-title,
.highlight-title,
.panchdev-details h2 {
    margin: 0px;
    padding-bottom: 10px;
    font-size: 35px;
}

.section-divider,
.content-divider {
    background: url("../img/decoration/line4.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 25px;
    animation: none;
    box-shadow: none;
    width: 100%;
}

.highlight-title {
    position: relative;
}

.donation-highlight h3 {
    position: relative;
    padding-bottom: 25px;
}

.highlight-title::after,
.panchdev-details h2::after,
.donation-highlight h3::after {
    position: absolute;
    content: "";
    left: 50%;
    transform: translateX(-50%);
    bottom: 0%;
}

.timeline-date {
    background: #f59e0b;
    color: #fff;
    border-radius: 50px;
}

.highlight-section {
    margin: 0px;
    padding: 50px 0px;
}

.panchdev-details-txt {
    border: none;
    border-radius: none !important;
    /* background: transparent; */
    box-shadow: none;
    position: relative;
    padding: 6vw;
    /* padding-top: 125px; */
    /* background: #880000; */
    background: #8d211f;
    border-radius: 6px;
    text-align: center;
}

.panchdev-details h2.pd-title {
    font-size: 25px;
    position: relative;
    padding-bottom: 25px;
}


/* .panchdev-details-txt::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: url("../img/decoration/box3.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  z-index: 0;
} */

.panchdev-details-txt::after {
    position: absolute;
    content: "";
    width: 98%;
    height: 50%;
    top: 0%;
    transform: translateX(-50%);
    left: 50%;
    /* transform: translate(-50%, -50%); */
    background: url("../img/decoration/l1.png");
    background-position: top;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: -1;
}

.panchdev-details-txt::before {
    position: absolute;
    content: "";
    width: 98%;
    height: 50%;
    bottom: 0%;
    transform: translateX(-50%);
    left: 50%;
    /* transform: translate(-50%, -50%); */
    background: url("../img/decoration/l2.png");
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: -1;
}

.stats-container {
    gap: 25px;
}

.stat-item {
    padding: 25px;
    width: 500px;
    position: relative;
}


/* .stat-item::before,
.stat-item::after {
  position: absolute;
  content: "";
  width: 98%;
  height: 50%;
  left: 50%;
  transform: translateX(-50%);
  background-repeat: no-repeat;
  background-size: contain;
  z-index: -1;
}

.stat-item::after {
  top: 0;
  background-image: url("../img/decoration/l1.png");
  background-position: top;
}

.stat-item::before {
  bottom: 0;
  background-image: url("../img/decoration/l2.png");
  background-position: bottom;
} */

.stat-item::after {
    position: absolute;
    content: "";
    width: 98%;
    height: 100%;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    background: url("../img/decoration/box.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    z-index: -1;
}

.donation-highlight {
    background: transparent;
    margin: 0px;
}

.donation-highlight h3,
.donation-highlight span {
    /* color: #fff; */
    /* color: #f1911c; */
    color: #ffeaa7;
}

.donation-highlight p {
    color: #ffeaa7;
}

.stat-item span {
    color: #fff;
}

.donation-right {
    border-radius: 10px;
}

.donation-amount {
    font-size: 35px;
    font-weight: 700;
    line-height: normal;
    letter-spacing: normal;
}

.performer-name {
    font-weight: 600;
}

.venue-information {
    position: relative;
}

.donation-right {
    border: none;
    background: transparent;
    box-shadow: none;
    backdrop-filter: unset;
}

.donation-content {
    background: #880000;
    border-radius: 10px;
}

.venue-information {
    background: transparent;
    flex-direction: column;
    text-align: center;
}

.location-qr {
    width: 250px;
    height: 250px;
}

.venue-address {
    flex: unset;
}

.venue-address,
.venue-address strong {
    /* color: #ffd700; */
    color: #fff;
    opacity: 1;
    font-weight: 500;
    font-size: 25px;
    line-height: normal;
    letter-spacing: normal;
}

.dli-no-data p {
    margin: 0px;
}


/* New Popup */

#pmgModal .pdt-new-content,
#pmgModal .pdt-mh-txt {
    text-align: left;
}

#pmgModal .modal-name {
    margin-bottom: 0px;
}

.lm-list-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 50px;
    width: 100%;
    max-width: 100%;
}

.lm-list-btn .as-left,
.lm-list-btn .as-right {
    width: 50%;
}

.lm-list-btn .as-intro__text {
    margin-bottom: 0px;
}

.lm-list-btn .as-right {
    text-align: right;
}

.lm-list-btn a:hover {
    color: #fff;
}

.event-main-details .schedule-date .schedule-month {
    margin-bottom: 0px;
}

.event-main-details .event-details-schedule {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 25px;
    align-items: center;
    margin-bottom: 0px;
}

.event-main-details .schedule-content h4 {
    font-weight: bold;
    font-size: 18px;
}

.event-main-details .schedule-content p {
    font-size: 16px;
    margin-bottom: 0px;
}

.event-main-details .schedule-date {
    min-width: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.edg .event-details-guest-list li {
    padding: 3px 0px !important;
}


/* .nemd-container {
    max-width: 1200px;
    margin: 0 auto;
} */

.nemd-section {
    background: white;
    /* border-radius: 15px; */
    /* padding: 30px; */
    /* margin-bottom: 30px; */
    /* box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2); */
}

.nemd-section-title {
    /* text-align: center; */
    color: var(--color-1);
    /* font-size: 2rem;
    font-weight: bold;
    margin-bottom: 30px;
    padding-bottom: 15px; */
    /* border-bottom: 3px solid #a02b2b; */
}

.nemd-category-title {
    /* background: #a02b2b; */
    color: #d97706;
    /* padding: 8px 16px; */
    /* border-radius: 6px; */
    margin-bottom: 30px;
    font-size: 18px;
    font-weight: bold;
    padding-bottom: 5px;
    border-bottom: 1px solid #a02b2b;
}

.nemd-guests-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    margin-bottom: 30px;
}

.nemd-guest-card {
    gap: 20px;
    padding: 20px;
    /* margin-bottom: 15px; */
    /* background: linear-gradient(135deg, #fff5f5, #fff); */
    border-radius: 10px;
    /* border-left: 4px solid #a02b2b; */
    /* box-shadow: 0 2px 10px rgba(160, 43, 43, 0.1); */
    border: 1px solid #e5e5e5;
}


/* .nemd-guest-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 20px rgba(160, 43, 43, 0.3);
    cursor: pointer;
    background: #a02b2b;
} */


/* .nemd-guest-card:hover .nemd-guest-name,
.nemd-guest-card:hover .nemd-guest-designation {
    color: #fff;
} */

.nemd-guest-name {
    color: #333;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 5px;
}

.nemd-guest-designation {
    color: #666;
    font-size: 16px;
    line-height: normal;
    padding: 0;
    margin: 0;
}

@media (max-width: 768px) {
    .nemd-section-title {
        font-size: 1.5rem;
    }

    .nemd-category-title {
        font-size: 1.2rem;
    }

    .nemd-guests-grid {
        grid-template-columns: 1fr;
    }
}


/* Schedule Items */

.event-details-schedule {
    margin: 20px 0;
}

.event-details-schedule-item {
    display: flex;
    align-items: stretch;
    gap: 25px;
    /* padding: 20px; */
    /* margin-bottom: 15px; */
    background: linear-gradient(135deg, #fff5f5, #fff);
    border-radius: 8px;
    /* border-left: 4px solid #a02b2b; */
    /* box-shadow: 0 2px 10px rgba(160, 43, 43, 0.1); */
    border: 1px solid #e5e5e5;
}

.schedule-date {
    background: #a02b2b;
    color: white;
    padding: 15px;
    border-radius: 8px 0px 0px 8px;
    text-align: center;
    min-width: 80px;
}

.schedule-day {
    font-size: 24px;
    font-weight: bold;
    line-height: 1;
}

.schedule-month {
    font-size: 14px;
    margin: 5px 0;
}

.schedule-year {
    font-size: 12px;
    opacity: 0.9;
}

.schedule-content {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    padding: 15px 0px;
    width: calc(100% - 100px);
}

.schedule-content h4 {
    color: #a02b2b;
    margin-bottom: 5px;
    font-size: 18px;
}

.schedule-content p {
    margin-bottom: 8px;
    color: #555;
}

.schedule-time {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #a02b2b;
    font-weight: 500;
    font-size: 16px;
}

.new-emc .event-details-content-section {
    background: white;
    border-radius: 20px;
    padding: 40px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
    border: 1px solid #e5e5e5;
}

.new-emc .event-details-section-title::after {
    display: none;
}

.new-emc .event-details-section-title {
    font-size: 25px;
    font-weight: bold;
    padding: 0;
    margin: 0;
    margin-bottom: 15px;
}

.new-emc .event-details-highlight-box {
    margin-bottom: 0px;
}

.new-emc .nemd-guests-grid2 {
    background: linear-gradient(to right, #fff8f0, #fff0e0);
    border: 1px solid rgba(196, 92, 38, 0.2);
    border-radius: 8px;
    padding: 15px;
    margin-bottom: 30px;
}

.new-emc .nemd-guests-grid2 .nemd-guest-card {
    border: none;
    padding: 0px;
}

.new-emc .edg .nemd-guests-grid:last-child {
    margin-bottom: 0px;
}

.new-emc .edg2 {
    background: linear-gradient(to right, #fff8f0, #fff0e0);
    border: 1px solid rgba(196, 92, 38, 0.2);
    border-radius: 8px;
    padding: 25px;
    margin-bottom: 30px;
}

.new-emc .edg2 .event-details-highlight-box {
    background: transparent;
    margin-top: 0px;
}

.new-emc .edg2 p {
    margin-bottom: 0px;
}

.new-emc .edg2 p strong {
    color: #000;
    font-weight: bold;
}


/* .edg-pt .nemd-guests-grid.e1 {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
} */

.edg-pt .nemd-guests-grid.e1 .nemd-guest-card {
    /* background: #fff0e0; */
    border: 1px solid #e5e5e5;
    font-size: 16px;
    font-weight: normal;
    padding: 20px;
    border-radius: 10px;
    border-color: rgba(196, 92, 38, 0.2);
}


/* .edg-pt .nemd-guests-grid.e1 .nemd-guest-card .nemd-guest-name {
    margin: 0px;
    font-size: 16px;
    font-weight: 700;
} */


/* .edg-pt .nemd-guests-grid.e2 {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
} */

.edg-pt .nemd-guests-grid.e2 .nemd-guest-card {
    /* background: #f5f5f5; */
    border: 1px solid #e5e5e5;
    font-size: 16px;
    font-weight: normal;
    padding: 20px;
    border-radius: 10px;
    /* border-color: rgba(196, 92, 38, 0.2); */
}


/* .edg-pt .nemd-guests-grid.e2 .nemd-guest-card .nemd-guest-name {
    margin: 0px;
    font-size: 16px;
    font-weight: 700;
} */

.edg-con p:last-child {
    margin-bottom: 0px;
}

.edg-fn .nemd-guest-name {
    color: #a02b2b;
    font-weight: bold;
}


/* .pmf {
    background: #fff0e0;
    border: 1px solid #e5e5e5;
    border-color: rgba(196, 92, 38, 0.2);
} */


/* Five Gods Slider  */


/* Hide pagination dots everywhere */

.templeGodsSwiper .swiper-pagination {
    display: none !important;
}


/* Hide arrows on desktop */

.tg-nav {
    display: none !important;
}


/* Show arrows only on mobile */

@media (max-width: 768px) {
    .tg-nav {
        display: none !important;
        color: #000;
    }
}


/* Slide styling fix */

.temple-gods-grid-item {
    text-align: center;
}

.temple-gods-grid-item img {
    width: 100%;
    height: auto;
}

.panchdev-details {
    padding-top: 100px;
}

.temple-gods {
    padding: 0px;
    position: absolute;
    width: 45%;
    height: auto;
    top: 25px;
    left: 50px;
    /* left: 50%;
    transform: translateX(-50%); */
    background: transparent;
    z-index: 3;
}

.temple-gods h2.tg-title,
.temple-gods p.tg-description {
    color: #a02b2b;
}

.temple-gods .tg-image img {
    width: 100px;
    height: 100px;
    border-color: #a02b2b;
}

.temple-gods .tg-image {
    margin-bottom: 6px;
}

.temple-gods .container {
    padding: 0px !important;
}


/* .templeGodsSwiper .swiper-wrapper {
    gap: 15px;
} */


/* .templeGodsSwiper .swiper-wrapper .swiper-slide {
    margin: 0px !important;
} */

.temple-gods h2.tg-title {
    font-size: 14px;
}

.temple-gods p.tg-description {
    font-size: 12px;
}

.panchdev-slide-content {
    display: flex;
    align-items: center;
    justify-content: right;
}

.panchdev-slide-flex {
    width: 40% !important;
}

.panchdev-slide-content {
    text-align: right !important;
}

.panchdev-slide-flex .panchdev-slide-logo,
.panchdev-slide-flex .panchdev-slide-text {
    width: 100% !important;
}

.panchdev-slide-flex .panchdev-slide-logo {
    display: none !important;
}

.panchdev-slide {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
}


/* NEw */

.temple-topbar {
    background: #ac2623;
}

.panchdev-details h2.pd-title {
    color: #ffd700 !important;
}

.timeline-event {
    color: #880000 !important;
}

.panchdev-details p.pd-description {
    font-size: 16px;
    color: #ffffff !important;
    line-height: unset !important;
}

.card-content,
.facility-desc {
    font-size: 16px;
    line-height: unset !important;
}

.section-subtitle {
    font-size: 18px;
}

.katha-label {
    background: #f59e0b !important
}

.welcome-header h1 {
    font-size: 50px;
}

.panchdev-details-txt {
    background: #880000 !important;
}

.card-content,
.facility-desc,
.panchdev-details p.pd-description {
    color: #ffe2e2 !important
}

.donation-highlight h3 {
    color: #fff !important;
}


/* .footer .contact-item a,
.footer .contact-item div,
.footer-links ul li a {
    font-size: 16px !important;
}

.footer-section h3 {
    font-size: 18px !important;
} */

.section-title {
    text-shadow: unset !important;
}

.section-heading,
.section-title,
.highlight-title,
.panchdev-details h2,
.donation-highlight h3 {
    padding-bottom: 20px !important;
}

.section-title::after {
    bottom: 0% !important;
}

.welcome-header h1 {
    margin-bottom: 0px !important;
}

.performer-profile:hover .performer-photo {
    transform: scale(1.05) !important;
}

.deity-text .highlight {
    background: unset !important;
    -webkit-background-clip: unset !important;
    -webkit-text-fill-color: unset !important;
    font-weight: unset !important;
    padding: unset !important;
}

.deity-text .quote {
    border: none !important;
}

.deity-text .quote {
    font-weight: bold !important;
}

.dli-section-header p {
    margin: 0px !important;
}

.events-subtitle {
    color: #d97706 !important;
}

.event-details-hero {
    background: linear-gradient(rgb(139 69 19 / 0%), rgb(153 64 17 / 71%)), url("../img/panchdev/6.jpg");
    background-size: cover;
    background-position: top;
    padding: 100px 0;
    /* text-align: center;
    color: white; */
}

.nemd-guest-photo {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    overflow: hidden;
    border: 3px solid #e5e5e5;
    margin: 0 auto;
    margin-bottom: 15px;
}

.nemd-guest-photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.nemd-guests-grid {
    grid-template-columns: repeat(3, 1fr);
}

.nemd-guest-card {
    text-align: center !important;
    /* padding: 25px 15px !important; */
}

.nemd-guest-name {
    color: #a02b2b !important;
}


/* .don-txt p {
    width: 100% !important;
    max-width: 100% !important;
} */

.hero p {
    max-width: 80%;
}

.hero {
    min-height: 400px;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.temple-logo-text h1 {
    color: #AC2623 !important;
}

.dli-table tr th:first-child,
.dli-table tr td:first-child {
    max-width: 115px !important;
    min-width: 115px !important;
    width: 115px !important;
}

.event-details-highlight-box {
    background: unset !important;
}


/* All Page New Style  */

.pmf .event-details-guest-list li {
    padding: 3px 0px;
    font-size: 16px;
    border: none;
}

.abt-panchdev-mandir p,
.panchdev-trust-section p {
    color: #ffdddd;
}

.introduction,
.panchdev-trust-section {
    padding-top: 100px;
}

.abt-panchdev-trust .pdt-trustees-section {
    background: transparent;
}

body,
.abt-panchdev-mandir,
.significance,
.panchdev-trust-section,
.abt-panchdev-trust {
    background: #AC2623 !important;
}

.deity-section:nth-child(even),
.introduction,
.trustees-section,
.gallery-section,
.as-highlights,
.kaushalya-devi-section {
    background: transparent !important;
}

.panchdev-trust-section h2,
.panchdev-trust-section h3,
.abt-panchdev-mandir h2,
.abt-panchdev-mandir h3,
.kaushalya-animate-in,
.pdt-section-title h2,
.section-header .main-title,
.as-intro__title,
h1.demo-title,
.cont-map-section h2,
.abt-panchdev-trust .pdt-section-title h2 {
    color: #ffd700 !important;
}

.kaushalya-para,
.abt-panchdev-mandir .hero p,
.panchdev-trust-section .hero p,
.pdt-section-title p,
.section-header .description,
.as-intro__text,
.abt-panchdev-trust .pdt-section-title p {
    color: #ffffff !important;
}

.dli-section-header,
.as-button,
.dtl-table-header,
.dli-admin-link,
.as-form-card__header {
    background: #f7931e !important;
}

.as-card {
    background: #fff;
}

.as-form-card {
    border: none !important;
}

.dli-table th {
    color: #a02b2b;
    font-weight: bold;
}

.kaushalya-devi-section,
.as-highlights {
    padding-top: 50px;
    padding-bottom: 0px;
}

.donation-types.my50 {
    margin-top: 50px !important;
}

.hero {
    transform: unset !important;
}

.last-box-grid .nemd-guests-grid {
    grid-template-columns: repeat(2, 1fr);
}

.new-emc .edg2 .event-details-highlight-box,
.new-emc .edg2 p {
    text-align: center;
}

.new-emc .edg2 .event-details-highlight-box h4 {
    justify-content: center;
}

.cont-office-hours {
    box-shadow: none !important;
    background: #7a0000 !important;
}

.events-subtitle {
    color: #feca57 !important;
}


/* Video Gallery Styles */

.video-gallery-grid {
    display: grid;
    /* grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); */
    grid-template-columns: repeat(3, 1fr);
    gap: 25px;
    margin-top: 30px;
}

.video-gallery-item {
    position: relative;
    overflow: hidden;
    /* border-radius: 8px; */
    /* box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1); */
    transition: all 0.3s ease;
    display: block;
    text-decoration: none;
    /* background: #AC2623; */
    aspect-ratio: 16/9;
}

.video-gallery-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 25px rgba(160, 43, 43, 0.3);
}

.video-thumbnail {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease, opacity 0.3s ease;
}

.video-gallery-item:hover .video-thumbnail {
    transform: scale(1.1);
    opacity: 0.8;
}

.video-source-badge {
    position: absolute;
    top: 12px;
    right: 12px;
    background: rgba(255, 0, 0, 0.9);
    color: white;
    padding: 5px 12px;
    border-radius: 5px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.5px;
    z-index: 3;
    backdrop-filter: blur(5px);
}

.video-source-badge.youtube {
    background: rgba(255, 0, 0, 0.95);
}

.video-source-badge.local {
    background: rgba(160, 43, 43, 0.95);
}

.video-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.7) 100%);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.video-gallery-item:hover .video-overlay {
    opacity: 1;
}

.video-play-icon {
    font-size: 50px;
    color: white;
    margin-bottom: 15px;
    transition: transform 0.3s ease;
}

.video-gallery-item:hover .video-play-icon {
    transform: scale(1.2);
}

.video-name {
    color: white;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    padding: 0 20px;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
}

.video-info {
    padding: 15px;
}

.video-info .video-title {
    font-weight: bold;
    font-size: 18px;
    color: #a02b2b;
    margin-bottom: 5px;
}

.video-info .video-short-desc {
    font-size: 16px;
    color: #555;
    margin-bottom: 0px;
}

.vg-item {
    background: linear-gradient(135deg, #fff5f5, #fff);
    border-radius: 8px;
    border: 1px solid #e5e5e5;
    overflow: hidden;
}


/* Loading Animation */

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(20px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.video-gallery-item {
    animation: fadeIn 0.5s ease forwards;
    opacity: 0;
}

.video-gallery-item:nth-child(1) {
    animation-delay: 0.1s;
}

.video-gallery-item:nth-child(2) {
    animation-delay: 0.2s;
}

.video-gallery-item:nth-child(3) {
    animation-delay: 0.3s;
}

.video-gallery-item:nth-child(4) {
    animation-delay: 0.4s;
}

.video-gallery-item:nth-child(5) {
    animation-delay: 0.5s;
}

.video-gallery-item:nth-child(6) {
    animation-delay: 0.6s;
}

.video-gallery-item:nth-child(7) {
    animation-delay: 0.7s;
}

.new-video-gallery .masonry-gallery {
    grid-template-columns: repeat(5, 1fr);
}

.new-video-gallery .gallery-item {
    border-radius: 10px;
    border: 3px solid #fff;
}

.new-video-gallery .gallery-item img {
    height: auto;
    max-height: 200px;
}

.new-video-gallery .gallery-overlay .zoom-icon {
    font-size: 50px;
    margin-bottom: 5px;
}

.new-video-gallery .section-header {
    margin-bottom: 0px;
}

.event-sticky {
    display: flex;
    flex-direction: column;
    gap: 30px;
    position: sticky;
    top: 30px;
}

/* Policy Pages */
.policy-page .container {
    padding: 50px !important;
    color: #fff;
}

.policy-page a {
    color: #fff;
}

.policy-page a:hover {
    color: #ffeaa7;
}

.policy-page .policy-header h1 {
    font-size: 25px;
    font-weight: 700;
    line-height: normal;
    letter-spacing: normal;
    margin: 0;
    padding: 0;
    color: #ffd700;
}

.policy-page .policy-section {
    margin-bottom: 50px;
}

.policy-page .policy-section h2 {
    font-size: 20px;
    font-weight: 600;
    line-height: normal;
    letter-spacing: normal;
    margin: 0;
    padding: 0;
    margin-bottom: 20px;
    color: #fff;
}

.policy-page .policy-section h3 {
    font-size: 18px;
    font-weight: 500;
    line-height: normal;
    letter-spacing: normal;
    margin: 0;
    padding: 0;
    margin-bottom: 15px;
}

.policy-page .policy-section p {
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
    letter-spacing: normal;
    margin: 0 !important;
    padding: 0;
    margin-bottom: 15px !important;
}


.policy-page .cont-num {
    display: flex;
    align-items: start;
    justify-content: start;
    flex-direction: column;
}