/*------------------------------------------------------------------
[Master Stylesheet]

Project: Yogastic
-------------------------------------------------------------------*/
/*------------------------------------------------------------------
[Table of contents]

1. Body
2. Header
3. Banner Section
4. Our Services Section
5. About Us Section
6. Our Specialties Section
7. Get In Touch Section
8. What We Offer Section
9. Testimonial Section
10. Blog Posts Section
11. Subscribe Now Section
12. Footer Section
*/



@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display&family=Karla:wght@400;500;600&family=Playfair+Display:wght@400;700&display=swap');

body {
    font-family: 'Karla', sans-serif;
}
:root {
    
    --e-global-color-primary: #ff8c1a;              /* dark text / headings */
    --e-global-color-secondary: #cc5500;            /* main saffron */
    --e-global-color-text: #555555;                 /* body text */
    --e-global-color-accent: #E65100;               /* darker saffron hover */
    --e-global-color-white: #ffffff;

    --e-global-color-soft-orange: #FFE0B2;          /* light saffron bg */
    --e-global-color-desaturated-magenta: #FF8F00;  /* medium saffron */
    --e-global-color-very-dark-desaturated-magenta: #BF360C; /* deep hover */
    --e-global-color-mostly-desaturated-magenta: #F57C00; 
    --e-global-color-pale-blue: #FFF8E1;            /* warm light background */
}

html{
    scroll-behavior: smooth;
}
h1{
    font-family: 'Playfair Display', serif;
    font-size: 64px;
    line-height: 82px;
    font-weight: 700;
    color: var(--e-global-color-white);
}
h2{
    font-family: 'Playfair Display', serif;
    font-size: 48px;
    line-height: 55px;
    font-weight: 700;
}
h3{
    font-family: 'Playfair Display', serif;
    font-size: 22px;
    line-height: 55px;
    font-weight: 700;
}
h4{
    font-family: 'Playfair Display', serif;
    font-size: 22px;
    line-height: 30px;
    font-weight: 700;
}
h5{
    font-size: 20px;
    line-height: 30px;
    font-weight: 400;
}
h6{
    font-family: 'Playfair Display', serif;
    font-size: 20px;
    line-height: 28px;
    font-weight: 700;
}
p{
    font-size: 20px;
    line-height: 28px;
    font-weight: 400;
}

/* Home Page Style */

/* Home Page Header Section Style */

.banner-section-outer{
    background: linear-gradient(#ff6f00, #ff8f00, #f57c00);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

/* Enhanced Header Styles for Hindu Raksha Dal */

/* Top Info Bar */
.header-top-bar {
    background: linear-gradient(135deg, #cc5500 0%, #e65c00 50%, #ff751a 100%);
    padding: 10px 0;
    border-bottom: 2px solid rgba(255, 215, 0, 0.3);
}

.top-contact-info {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.top-info-item {
    color: #ffffff;
    font-size: 14px;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 8px;
}

.top-info-item i {
    color: #ffd700;
    font-size: 14px;
}

.top-social-icons {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
}

.top-social-icons a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    background: rgba(255, 255, 255, 0.15);
    border-radius: 50%;
    color: #ffffff;
    transition: all 0.3s ease;
}

.top-social-icons a:hover {
    background: #ffd700;
    color: #cc5500;
    transform: translateY(-2px);
}

/* Main Header Enhanced */
.main_header {    
    padding: 25px 292px 0;
    background: linear-gradient(180deg, #ff6f00 0%, #e65c00 100%);
    position: relative;
}

/* Decorative Top */
.header-decorative-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 6px;
    pointer-events: none;
}

.header-decorative-top .decorative-line {
    flex: 1;
    height: 2px;
    margin: 0 12px;
    background: linear-gradient(to right, transparent, rgba(255,215,0,0.8), transparent);
}

.header-decorative-top .decorative-om {
    color: #ffd700;
    font-size: 18px;
    font-weight: bold;
    animation: omGlow 3s ease-in-out infinite;
    flex-shrink: 0;
}

.left-om,
.right-om {
    margin: 0;
}

@keyframes omGlow {
    0%, 100% { 
        text-shadow: 0 0 5px rgba(255, 215, 0, 0.5);
        opacity: 0.6;
    }
    50% { 
        text-shadow: 0 0 20px rgba(255, 215, 0, 0.8);
        opacity: 1;
    }
}

/* Logo Container */
.logo-container {
    display: flex;
    align-items: center;
    gap: 15px;
}

.logo-container figure {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    overflow: hidden;
    border: 3px solid #ffd700;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
    background: #ffffff;
    padding: 5px;
}

.logo-container figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}

.logo-text {
    display: flex;
    flex-direction: column;
}

.brand-name {
    font-family: 'Playfair Display', serif;
    font-size: 24px;
    font-weight: 700;
    color: #ffffff;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
    line-height: 1.2;
}

.brand-tagline {
    font-size: 12px;
    color: #ffd700;
    font-weight: 500;
    letter-spacing: 1px;
}

/* Navbar Enhancements */
.navbar-expand-lg{
    position: relative;
    z-index: 1;
}
.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 0;
    padding-left: 0;
}
.nav-link{
    padding: 0;
}
.navbar-brand {
    margin-left: 0;
    margin-right: 0;
    padding-top: 0;
    padding-bottom: 0;
}
.navbar-nav {
    padding-left: 65px;
}
.navbar-nav li {
    margin: 0 20px 0 15px;
}
.navbar-nav li:first-child{
    margin-left: 0;
}
.navbar-nav li:last-child{
    margin-right: 0;
    padding-right: 0;
}
.navbar-nav .nav-item a{
    font-family: 'Playfair Display', serif;
    font-size: 16px;
    line-height: 18px;
    font-weight: 500;
    color: var(--e-global-color-white) !important;
    transition: all 0.3s ease-in-out;
    padding: 10px 15px;
    position: relative;
}

.navbar-nav .nav-item a::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 2px;
    background: #ffd700;
    transition: all 0.3s ease;
    transform: translateX(-50%);
}

.navbar-nav .nav-item a:hover::before {
    width: 80%;
}

.navbar-nav .nav-item a:hover{
    color: #ffd700 !important;
    background-color: transparent;
}
.navbar-nav .active > a{
    color: #ffd700 !important;
}
.navbar-nav .active > a::before {
    width: 80%;
}

/* Dropdown Enhancements */
.navbar-nav .dropdown{
    margin: 0 15px 0 20px;
}
.navbar-nav .nav-item .dropdown-item{
    color: var(--e-global-color-primary) !important;
    transition: all 0.3s ease-in-out;
    padding: 10px 20px;
    font-size: 15px;
}
.navbar-nav .nav-item .dropdown-item:hover{
    color: #ffffff !important;
    background-color: var(--e-global-color-secondary) !important;
}
.navbar-nav .drop-down-pages .active > a{
    color: #ffffff !important;
    background-color: var(--e-global-color-secondary) !important;
}
.navbar-collapse .drop-down-pages {
    text-align: left;
    margin-left: 0;
}
.navbar-nav .dropdown-menu {
    background-color: var(--e-global-color-white);
    position: absolute;
    left: -20px;
    top: 38px;
    padding: 0;
    border: none;
    box-shadow: 1px 1px 30px rgb(0 0 0 / 1%);
    border-radius: 0 0 10px 10px;
    border-top: 3px solid #ffd700;
}
.navbar-nav .drop-down-pages li{
    margin: 0;
}
.navbar-nav .drop-down-pages .nav-item a {
    font-size: 16px;
    line-height: 16px;
    font-weight: 400;
    padding: 12px 20px;
}
.navbar-expand-lg .drop-down-pages .nav-link {
    padding-left: 0;
}

/* Join Us Button */
.navbar-nav .nav-item .join_us_btn{
    background: linear-gradient(135deg, #ffd700 0%, #ffaa00 100%);
    color: #cc5500 !important;
    padding: 12px 25px !important;
    text-align: center;
    display: inline-block;
    border-radius: 25px 0px 25px 0px;
    transition: all 0.3s ease-in-out;
    font-weight: 600 !important;
    box-shadow: 0 4px 15px rgba(255, 215, 0, 0.4);
    margin-left: 10px;
}

.navbar-nav .nav-item .join_us_btn::before {
    display: none;
}

.navbar-nav .nav-item .join_us_btn:hover {
    color: #ffffff !important;
    background: linear-gradient(135deg, #cc5500 0%, #e65c00 100%);
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(204, 85, 0, 0.4);
}

/* Contact Us Button (original) */
.navbar-nav .nav-item .contact_us{
    background-color: var(--e-global-color-soft-orange);
    color: var(--e-global-color-accent) !important;
    padding: 20px 50px;
    text-align: center;
    display: inline-block;
    border-radius: 30px 0px 30px 0px;
    transition: all 0.3s ease-in-out;
}
.navbar-nav .nav-item .contact_us:hover {
    color: var(--e-global-color-primary) !important;
    background-color: var(--e-global-color-white);
}
.navbar-nav .active > .contact_us{
    color: var(--e-global-color-primary) !important;
    background-color: var(--e-global-color-white);
}

/* Header Decorative Bottom */
.header-decorative-bottom {
    height: 8px;
    background: linear-gradient(90deg, #cc5500, #ffd700, #cc5500);
    position: relative;
    overflow: hidden;
}

.mandala-pattern {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: 
        radial-gradient(circle at 10% 50%, rgba(255, 215, 0, 0.3) 0%, transparent 10%),
        radial-gradient(circle at 90% 50%, rgba(255, 215, 0, 0.3) 0%, transparent 10%);
    background-size: 50px 50px;
    animation: mandalaMove 20s linear infinite;
}

@keyframes mandalaMove {
    0% { background-position: 0 0; }
    100% { background-position: 50px 50px; }
}

/* Navbar Toggler Enhancement */
.navbar-toggler {
    border: 2px solid #ffd700;
    background: rgba(255, 255, 255, 0.1);
    padding: 8px 12px;
}

.navbar-toggler:hover {
    background: rgba(255, 215, 0, 0.2);
}

.navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 0.9)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

/* Responsive Header Styles */
@media (max-width: 991px) {
    .header-top-bar {
        text-align: center;
    }
    
    .top-contact-info, 
    .top-social-icons {
        justify-content: center;
    }
    
    .top-info-item {
        font-size: 12px;
        gap: 5px;
    }
    
    .main_header {
        padding: 15px 20px 0;
        position: relative;
        z-index: 1000;
    }
    
    .navbar {
        position: relative;
        z-index: 1000;
    }
    
    .navbar-collapse {
        position: relative;
        z-index: 1001;
    }
    
    .navbar-nav {
        padding-left: 0;
        background: rgba(204, 85, 0, 0.95);
        padding: 20px;
        margin-top: 15px;
        border-radius: 10px;
        position: relative;
        z-index: 1002;
        text-align: left;
    }
    
    .navbar-nav li {
        margin: 5px 0;
    }
    
    .logo-container figure {
        width: 45px;
        height: 45px;
    }
    
    .brand-name {
        font-size: 18px;
    }
    
    .brand-tagline {
        font-size: 10px;
    }
    
    .header-decorative-top {
        display: none;
    }
    
    /* Ensure navbar-toggler button stays on top */
    .navbar-toggler {
        position: relative;
        z-index: 1003;
        /* Fix: Prevent toggler from tilting */
        transform: none !important;
        transition: none !important;
    }
    
    /* Fix: Prevent toggler icon from animating/tilting */
    .navbar-toggler:not(.collapsed) .navbar-toggler-icon {
        transform: none !important;
        transition: none !important;
    }
    
    /* Menu alignment - show on left side */
    .navbar-collapse {
        text-align: left;
    }
    
    .navbar-collapse ul.navbar-nav {
        text-align: left;
        align-items: flex-start;
    }
    
    .navbar-collapse ul.navbar-nav .nav-item {
        text-align: left;
    }
    
    /* Fix nav-link before element visibility on mobile */
    .navbar-nav .nav-item a::before {
        background: #ffd700 !important;
    }
    
    .navbar-nav .nav-item a:hover::before {
        background: #ffd700 !important;
        width: 80% !important;
    }
    
    .navbar-nav .active > a::before {
        background: #ffd700 !important;
        width: 80% !important;
    }
}

@media (max-width: 576px) {
    .top-contact-info {
        flex-direction: column;
        gap: 8px;
    }
    
    .top-social-icons {
        margin-top: 8px;
    }
    
    .brand-name {
        font-size: 16px;
    }
}
.navbar-collapse ul{
    text-align: center;
    align-items: center; 
    display: inherit; 
}
.navbar-expand-lg{
    position: relative;
    z-index: 1;
}
.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 0;
    padding-left: 0;
}
.nav-link{
    padding: 0;
}
.navbar-brand {
    margin-left: 0;
    margin-right: 0;
    padding-top: 0;
    padding-bottom: 0;
}
.navbar-nav {
    padding-left: 65px;
}
.navbar-nav li {
    margin: 0 35px 0 18px;
}
.navbar-nav li:first-child{
    margin-left: 0;
}
.navbar-nav li:last-child{
    margin-right: 0;
    padding-right: 0;
}
.navbar-nav .nav-item a{
    font-family: 'Playfair Display', serif;
    font-size: 18px;
    line-height: 18px;
    font-weight: 400;
    color: var(--e-global-color-white) !important;
    transition: all 0.3s ease-in-out;
}
.navbar-nav .nav-item a:hover{
    color: var(--e-global-color-soft-orange) !important;
    background-color: transparent;
}
.navbar-nav .active > a{
    color: var(--e-global-color-soft-orange) !important;
}
.navbar-nav .dropdown{
    margin: 0 15px 0 20px;
}
.navbar-nav .nav-item .dropdown-item{
    color: var(--e-global-color-primary) !important;
    transition: all 0.3s ease-in-out;
}
.navbar-nav .nav-item .dropdown-item:hover{
    color: var(--e-global-color-primary) !important;
    background-color: var(--e-global-color-soft-orange) !important;
}
.navbar-nav .drop-down-pages .active > a{
    color: var(--e-global-color-primary) !important;
    background-color: var(--e-global-color-soft-orange) !important;
}
.navbar-collapse .drop-down-pages {
    text-align: left;
    margin-left: 0;
}
.navbar-nav .dropdown-menu {
    background-color: var(--e-global-color-white);
    position: absolute;
    left: -20px;
    top: 38px;
    padding: 0;
    border: none;
    box-shadow: 1px 1px 30px rgb(0 0 0 / 1%);
}
.navbar-nav .drop-down-pages li{
    margin: 0;
}
.navbar-nav .drop-down-pages .nav-item a {
    font-size: 16px;
    line-height: 16px;
    font-weight: 400;
    padding: 12px 20px;
}
.navbar-expand-lg .drop-down-pages .nav-link {
    padding-left: 0;
}
.navbar-nav .nav-item .contact_us{
    background-color: var(--e-global-color-soft-orange);
    color: var(--e-global-color-accent) !important;
    padding: 20px 50px;
    text-align: center;
    display: inline-block;
    border-radius: 30px 0px 30px 0px;
    transition: all 0.3s ease-in-out;
}
.navbar-nav .nav-item .contact_us:hover {
    color: var(--e-global-color-primary) !important;
    background-color: var(--e-global-color-white);
}
.navbar-nav .active > .contact_us{
    color: var(--e-global-color-primary) !important;
    background-color: var(--e-global-color-white);
}

/* Home Page Social Icons Style */

.left_icons {
    height: 860px;
    z-index: 1;
    position: relative;
}
.left_icons ul{
    background-color: var(--e-global-color-very-dark-desaturated-magenta);
    border-radius: 0 30px 30px 0;
}
.left_icons ul li{
    display: block;
    padding: 10px 15px 8px 10px;
}
.left_icons ul li i{
    border-radius: 100%;
    background: var(--e-global-color-desaturated-magenta);
    color: var(--e-global-color-white);
    font-size: 18px;
    line-height: 48px;
    height: 48px;
    width: 48px;
    text-align: center;
    transition: all 0.3s ease-in-out;
}
.left_icons ul li i:hover{
    background-color: var(--e-global-color-white);
    color: var(--e-global-color-secondary);
}

/* Home Page Banner Section Style */

.banner-section-outer .banner-section{
    padding: 50px 292px 138px;
    position: relative;
}
.banner-section-outer .banner-section .banner-section-content{
    padding-top: 168px;
}
.banner-section-outer .banner-section h5{
    text-transform: uppercase;
    color: var(--e-global-color-white);
    letter-spacing: 3.1px;
    margin-bottom: 0;
}
.banner-section-outer .banner-section h1{
    margin-bottom: 18px;
    margin-left: -2px;
}
.banner-section-outer .ityped-cursor {
    font-size: 1em;
    opacity: 1;
    -webkit-animation: blink 0.3s infinite;
    -moz-animation: blink 0.3s infinite;
    animation: blink 0.3s infinite;
    animation-direction: alternate;
}
@keyframes blink {
    100% {
        opacity: 0;
    }
}
@-webkit-keyframes blink {
    100% {
        opacity: 0;
    }
}
@-moz-keyframes blink {
    100% {
        opacity: 0;
    }
}
.banner-section-content h1 span{
    color: var(--e-global-color-soft-orange);
    border-right: var(--e-global-color-soft-orange);
}
.banner-section-outer .banner-section p{
    color: var(--e-global-color-white);
    margin-bottom: 28px;
    padding-right: 60px;
    margin-left: -2px;
}
.banner-section-outer .banner-section-content .btn_wrapper{
    margin-bottom: 100px;
}
.banner-section-outer .btn_wrapper .getstarted_btn {
    position: relative;
    font-size: 22px;
    line-height: 22px;
    font-weight: 500;
    padding: 24px 50px;
    text-align: center;
    color: var(--e-global-color-accent);
    display: inline-block;
    background-color: var(--e-global-color-soft-orange);
    border-radius: 35px 0px 35px 0px;
    transition: all 0.3s ease-in-out;
    overflow: hidden;
}
.banner-section-outer .btn_wrapper .getstarted_btn:hover {
    color: var(--e-global-color-secondary);
    background-color: var(--e-global-color-white);
    transform: translateY(-10px);
}
.banner-section-outer .btn_wrapper .getstarted_btn:hover:before {
	left: 0%;
	right: auto;
	width: 100%;
}
.banner-section-outer .btn_wrapper .getstarted_btn:before {
	display: block;
	position: absolute;
	top: 0px;
	right: 0px;
	height: 100%;
	width: 0px;
	z-index: -1;
	content: '';
	color: var(--e-global-color-secondary) !important;
	background: var(--e-global-color-white);
	transition: all 0.4s cubic-bezier(0.12, 0, 0.38, 1) 0s;
}
.banner-section-outer .banner-section .banner-section-content .top-btn i {
    font-size: 70px;
    line-height: 70px;
    color: var(--e-global-color-white);
    animation: float_img 6s ease-in-out infinite;
}
.banner-section-outer .banner-section .banner-section-content .top-btn i:hover{
    color: var(--e-global-color-soft-orange);
}

.banner-section-outer .banner-section .row{
    align-items: center;
}

.banner-section-image{
    display: flex;
    justify-content: flex-end;
}


.banner-section-image img{
    width: 120%;
    transform: translateX(221px);
}

@keyframes float {
	0% {
		box-shadow: 0 5px 15px 0px rgba(0,0,0,0.6);
		transform: translatex(0px);
	}
	50% {
		box-shadow: 0 25px 15px 0px rgba(0,0,0,0.2);
		transform: translatex(-20px);
	}
	100% {
		box-shadow: 0 5px 15px 0px rgba(0,0,0,0.6);
		transform: translatex(0px);
	}
}
.banner-section-outer .banner-section .banner_left_top_shape{
    position: absolute;
    top: -38px;
    left: 0;
}
.banner-section-outer .banner-section .banner_left_bottom_shape{
    position: absolute;
    top: 80px;
    left: 0;
}
.left_shape img {
    -webkit-animation: mover 1s infinite  alternate;
    animation: mover 1s infinite  alternate;
}
@-webkit-keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-30px); }
}
.banner-section-outer .banner-section .banner_right_top_shape{
    position: absolute;
    bottom: 200px;
    right: 0;
}
.banner-section-outer .banner-section .banner_right_bottom_shape{
    position: absolute;
    bottom: 80px;
    right: 0;
}
.right_shape img {
    -webkit-animation: mover 1s infinite  alternate;
    animation: mover 1s infinite  alternate;
}
@-webkit-keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-30px); }
}

/* ============================================
   CINEMATIC HERO SECTION STYLES
   ============================================ */

/* Main Hero Cinematic Container */
.hero-cinematic {
    position: relative;
    width: 100%;
    height: 100vh;
    min-height: 600px;
    overflow: hidden;
    background: linear-gradient(135deg, #1a0a00 0%, #2d1810 50%, #1a0a00 100%);
}

/* Hero Slides */
.hero-cinematic .carousel {
    width: 100%;
    height: 100%;
}

.hero-cinematic .carousel-inner {
    width: 100%;
    height: 100%;
}

.hero-cinematic .carousel-item {
    width: 100%;
    height: 100vh;
    min-height: 600px;
}

.hero-cinematic .hero-slide {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
}

/* Hero Overlay */
.hero-cinematic .hero-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(
        180deg,
        rgba(0, 0, 0, 0.3) 0%,
        rgba(0, 0, 0, 0.5) 50%,
        rgba(0, 0, 0, 0.7) 100%
    );
    z-index: 1;
}

/* Hero Content */
.hero-cinematic .hero-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    z-index: 20;
    width: 90%;
    max-width: 900px;
}

/* Hero OM Symbol */
.hero-cinematic .hero-om {
    font-size: 80px;
    color: #ffd700;
    margin-bottom: 20px;
    animation: omGlow 3s ease-in-out infinite;
    text-shadow: 0 0 30px rgba(255, 215, 0, 0.5);
    display: block;
}

@keyframes omGlow {
    0%, 100% { 
        text-shadow: 0 0 20px rgba(255, 215, 0, 0.5);
        opacity: 0.9;
    }
    50% { 
        text-shadow: 0 0 40px rgba(255, 215, 0, 0.8), 0 0 60px rgba(255, 215, 0, 0.4);
        opacity: 1;
    }
}

/* Hero Headlines */
.hero-cinematic .hero-content h1 {
    font-family: 'Playfair Display', serif;
    font-size: 72px;
    line-height: 1.2;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 20px;
    text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
    letter-spacing: 2px;
}

/* Hero Paragraph */
.hero-cinematic .hero-content p {
    font-family: 'Karla', sans-serif;
    font-size: 24px;
    font-weight: 400;
    color: #ffd700;
    letter-spacing: 3px;
    text-transform: uppercase;
    text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
}

/* Carousel Controls */
.hero-cinematic .carousel-control-prev,
.hero-cinematic .carousel-control-next {
    width: 5%;
    z-index: 30;
    opacity: 0.7;
    transition: all 0.3s ease;
}

.hero-cinematic .carousel-control-prev:hover,
.hero-cinematic .carousel-control-next:hover {
    opacity: 1;
}

.hero-cinematic .carousel-control-prev-icon,
.hero-cinematic .carousel-control-next-icon {
    background-color: rgba(255, 215, 0, 0.8);
    border-radius: 50%;
    padding: 20px;
    background-size: 50%;
}

.hero-cinematic .carousel-indicators {
    z-index: 30;
    bottom: 30px;
}

.hero-cinematic .carousel-indicators li {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: rgba(255, 215, 0, 0.5);
    border: 2px solid #ffd700;
    margin: 0 5px;
}

.hero-cinematic .carousel-indicators .active {
    background-color: #ffd700;
    transform: scale(1.2);
}

/* Cinematic Effects Container Styles */
/* These are dynamically added by JS but we set base styles here */
.hero-cinematic .ash-particles {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10;
    overflow: hidden;
}

.hero-cinematic .sun-rays {
    position: absolute;
    top: -50%;
    right: -20%;
    width: 80%;
    height: 150%;
    pointer-events: none;
    z-index: 5;
}

.hero-cinematic .smoke-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 8;
    overflow: hidden;
}

.hero-cinematic .temple-bells {
    position: absolute;
    top: 20%;
    right: 10%;
    z-index: 15;
}

.hero-cinematic .music-toggle {
    position: absolute;
    bottom: 30px;
    right: 30px;
    z-index: 100;
}

/* Responsive Styles for Cinematic Hero */
@media (max-width: 1200px) {
    .hero-cinematic .hero-content h1 {
        font-size: 56px;
    }
    
    .hero-cinematic .hero-om {
        font-size: 60px;
    }
}

@media (max-width: 992px) {
    .hero-cinematic {
        min-height: 500px;
    }
    
    .hero-cinematic .hero-content h1 {
        font-size: 42px;
    }
    
    .hero-cinematic .hero-content p {
        font-size: 18px;
    }
    
    .hero-cinematic .hero-om {
        font-size: 48px;
    }
    
    .hero-cinematic .temple-bells {
        top: 15%;
        right: 5%;
    }
}

@media (max-width: 768px) {
    .hero-cinematic {
        min-height: 450px;
    }
    
    .hero-cinematic .hero-content h1 {
        font-size: 32px;
        letter-spacing: 1px;
    }
    
    .hero-cinematic .hero-content p {
        font-size: 14px;
        letter-spacing: 2px;
    }
    
    .hero-cinematic .hero-om {
        font-size: 36px;
    }
    
    .hero-cinematic .carousel-control-prev,
    .hero-cinematic .carousel-control-next {
        width: 10%;
    }
    
    .hero-cinematic .temple-bell {
        font-size: 30px;
    }
    
    .hero-cinematic .music-toggle {
        bottom: 20px;
        right: 20px;
    }
}

@media (max-width: 480px) {
    .hero-cinematic .hero-content h1 {
        font-size: 24px;
    }
    
    .hero-cinematic .hero-content p {
        font-size: 12px;
    }
    
    .hero-cinematic .hero-om {
        font-size: 28px;
    }
}

/* Smooth entrance animation for hero content */
.hero-cinematic .hero-content {
    animation: heroContentReveal 1.5s ease-out forwards;
    opacity: 0;
}

@keyframes heroContentReveal {
    0% {
        opacity: 0;
        transform: translate(-50%, -40%);
    }
    100% {
        opacity: 1;
        transform: translate(-50%, -50%);
    }
}

/* Staggered animation for hero elements */
.hero-cinematic .hero-om {
    animation: heroOmReveal 1s ease-out 0.3s forwards, omGlow 3s ease-in-out 1.3s infinite;
    opacity: 0;
}

@keyframes heroOmReveal {
    0% {
        opacity: 0;
        transform: scale(0.5);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}

.hero-cinematic .hero-content h1 {
    animation: heroTitleReveal 1s ease-out 0.6s forwards;
    opacity: 0;
    transform: translateY(30px);
}

@keyframes heroTitleReveal {
    0% {
        opacity: 0;
        transform: translateY(30px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.hero-cinematic .hero-content p {
    animation: heroTextReveal 1s ease-out 0.9s forwards;
    opacity: 0;
    transform: translateY(20px);
}

@keyframes heroTextReveal {
    0% {
        opacity: 0;
        transform: translateY(20px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Hide original banner section when using cinematic hero */
.banner-section-outer .banner-section {
    display: none;
}

/* Home Page Our Services Section Style */

.services_section{
    padding: 120px 0 130px;
    position: relative;
}
.services_section .services_content{
    text-align: center;
}
.services_content h5{
    text-transform: uppercase;
    color: var(--e-global-color-secondary);
    letter-spacing: 3.1px;
    margin-bottom: 12px;
}
.services_content h2{
    margin-bottom: 20px;
    padding: 0 120px;
    color: var(--e-global-color-primary);
}
.services_content p {
    margin-bottom: 35px;
    padding: 0 110px;
    color: var(--e-global-color-text);
}
.services_section .services_box_content{
    transition: all 0.3s ease-in-out;
}
.services_section .services_box_content .services_box_upper_portion{    
    animation: float_img 6s ease-in-out infinite;
}
.services_section .services_box_content .services_box_upper_portion img{
    transition: all 0.3s ease-in-out;
}
@keyframes float_img {
	0% {
		transform: translatey(0px);
	}
	50% {
		transform: translatey(-20px);
	}
	100% {
		transform: translatey(0px);
	}
}

.services_box_content .services_box_lower_portion h3{
    margin-bottom: 0;
}
.services_box_content .services_box_lower_portion p{
    font-size: 18px;
    line-height: 24px;
    font-weight: 400;
}
.services_box_content .services_box_lower_portion .btn_wrapper i{
    color: var(--e-global-color-accent);
    background-color: var(--e-global-color-soft-orange);
    font-size: 26px;
    line-height: 26px;
    padding: 12px 15px;
    border-radius: 18px 0 18px 0;
    transition: all ease-in-out 0.3s;
}
.services_box_content:hover{
    transform: translateY(-10px);
}
.services_section .services_box_content:hover .services_box_upper_portion img{
    opacity: 0.6;
}
.services_box_content:hover .services_box_lower_portion .btn_wrapper i{
    color: var(--e-global-color-white);
    background-color: var(--e-global-color-secondary);
}
.services_section .services_left_shape{
    position: absolute;
    top: 115px;
    left: 0;
}

/* Equal height cards */
.services_section .services_box_content {
    height: 100%;
    display: flex;
    flex-direction: column;
    border-radius: 12px;
    overflow: hidden;
    transition: 0.3s ease;
}

/* Perfect square image */
.services_section .services_box_upper_portion {
    position: relative;
    width: 100%;
    aspect-ratio: 1 / 1;
    overflow: hidden;
}

/* Remove figure spacing */
.services_section .services_box_upper_portion figure {
    margin: 0;
    height: 100%;
}

/* Image styling */
.services_section .services_box_upper_portion img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top center;
    display: block;
}

/* Lower content alignment */
.services_section .services_box_lower_portion {
    padding: 16px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* Home Page About Us Section Style */

.aboutus_section{
    background-image: url('../images/aboutus_background.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding: 100px 0 130px;
}
.aboutus_image{
    position: relative;
    z-index: 1;
}
.aboutus_image figure{
    margin-top: -12px;
}
.aboutus_section .aboutus_top_shape {
    position: absolute;
    top: -10px;
    left: -38px;
}
.aboutus_section .aboutus_bottom_shape {
    position: absolute;
    top: 250px;
    left: -65px;
}
.aboutus_content{
    padding-top: 145px;
    padding-left: 16px;
}
.aboutus_content h5{
    text-transform: uppercase;
    color: var(--e-global-color-secondary);
    letter-spacing: 3.1px;
    margin-bottom: 12px;
}
.aboutus_content h2{
    margin-bottom: 18px;
    color: var(--e-global-color-primary);
}
.aboutus_content p {
    margin-bottom: 15px;
    color: var(--e-global-color-text);
}
.aboutus_content h6{
    color: var(--e-global-color-secondary);
    margin-left: 16px;
    margin-bottom: 35px;
}
.aboutus_line_wrapper{
    position: relative;
}
.aboutus_line_wrapper .purple_line{
    position: absolute;
    left: 0;
    top: 5px;
}
.aboutus_content .btn_wrapper .get_started_btn {
    position: relative;
    font-size: 22px;
    line-height: 22px;
    font-weight: 500;
    padding: 24px 40px;
    text-align: center;
    color: var(--e-global-color-accent);
    display: inline-block;
    background-color: var(--e-global-color-soft-orange);
    border-radius: 35px 0px 35px 0px;
    transition: all 0.3s ease-in-out;
    overflow: hidden;
}
.aboutus_content .btn_wrapper .get_started_btn:hover {
    color: var(--e-global-color-white);
    background-color: var(--e-global-color-secondary);
    transform: translateY(-10px);
}
.aboutus_content .btn_wrapper .get_started_btn:hover:before {
	left: 0%;
	right: auto;
	width: 100%;
}
.aboutus_content .btn_wrapper .get_started_btn:before {
	display: block;
	position: absolute;
	top: 0px;
	right: 0px;
	height: 100%;
	width: 0px;
	z-index: -1;
	content: '';
	color: var(--e-global-color-white);
	background: var(--e-global-color-secondary);
	transition: all 0.4s cubic-bezier(0.12, 0, 0.38, 1) 0s;
}

/* Home Page Our Specialties Section Style */

.our_specialties_section{
    padding: 120px 0 108px;
    position: relative;
}
.our_specialties_heading_content{
    text-align: center;
}
.our_specialties_heading_content h5{
    text-transform: uppercase;
    color: var(--e-global-color-secondary);
    letter-spacing: 3.1px;
    margin-bottom: 12px;
}
.our_specialties_heading_content h2{
    margin-bottom: 18px;
    color: var(--e-global-color-primary);
}
.our_specialties_heading_content p {
    margin-bottom: 35px;
    padding: 0 95px;
    color: var(--e-global-color-text);
}
.s1{
    padding-top: 110px;
    padding-right: 25px;
}
.s2{
    padding-right: 70px;
}
.s3{
    padding-right: 75px;
}
.s4{
    padding-right: 25px;
}
.specialties_content_wrapper{
    position: relative;
}
.specialties_content {
    text-align: right;
    margin-bottom: 46px;
    position: relative;
}
.specialties_content .specialties_name {
    font-family: 'Playfair Display', serif;
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
    color: var(--e-global-color-primary);
    margin-bottom: 6px;
}
.specialties_content .specialties_paragraph {
    font-size: 18px;
    line-height: 22px;
    font-weight: 400;
    color: var(--e-global-color-text);
    margin-bottom: 0;
}
.specialties_left_line {
    position: absolute;
    top: 120px;
    right: -50px;
}
.specialties_left_line img {
    height: 390px;
}
.specialties_content::after {
    content: "\f058";
    height: 76px;
    width: 76px;
    background-color: var(--e-global-color-secondary);
    position: absolute;
    border-radius: 100%;
    z-index: 1;
    text-align: center;
    padding: 5px;
    font-weight: 400;
    font-size: 42px;
    line-height: 64px;
    color: var(--e-global-color-white);
    font-family: 'Font Awesome 6 Free';
}
.s1::after {
    top: 110px;
    right: -78px;
}
.s2::after {
    top: 0px;
    right: -30px;
}
.s3::after {
    top: 0;
    right: -30px;
}
.s4::after {
    top: 0;
    right: -78px;
}
.specialties_content2{
    text-align: left;
}
.specialties_content2::after {
    content: "\f058";
    height: 76px;
    width: 76px;
    background-color: var(--e-global-color-secondary);
    position: absolute;
    border-radius: 100%;
    z-index: 1;
    text-align: center;
    padding: 5px;
    font-weight: 400;
    font-size: 42px;
    line-height: 64px;
    color: var(--e-global-color-white);
    font-family: 'Font Awesome 6 Free';
}
.s5{
    padding-top: 110px;
    padding-left: 24px;
}
.s6{
    padding-left: 74px;
}
.s7{
    padding-left: 74px;
}
.s8{
    padding-left: 24px;
}
.s5::after {
    top: 110px;
    left: -78px;
}
.s6::after {
    top: 0px;
    left: -30px;
}
.s7::after {
    top: 0;
    left: -30px;
}
.s8::after {
    top: 0;
    left: -78px;
}
.specialties_right_line {
    position: absolute;
    top: 120px;
    left: -50px;
}
.specialties_right_line img {
    height: 390px;
}
.our_specialties_section .specialties_image{
    text-align: center;
    animation: float_img 6s ease-in-out infinite;
}
.our_specialties_section .our_specialties_right_shape{
    position: absolute;
    top: 150px;
    right: 0;
}

/* Home Page Get In Touch Section Style */

.get_in_touch_section{
    padding: 120px 0 130px;
    position: relative;
    overflow: hidden;
}
.get_in_touch_section:before {
    background: var(--e-global-color-soft-orange);
    content: "";
    width: 50%;
    height: 806px;
    top: 0;
    left: 0;
    position: absolute;
}
.get_in_touch_section::after {
    background: url(../images/get_in_touch_image.jpg);
    content: "";
    width: 50%;
    height: 806px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
}
.get_in_touch_content h5 {
    text-transform: uppercase;
    color: var(--e-global-color-secondary);
    letter-spacing: 3.1px;
    margin-bottom: 12px;
}
.get_in_touch_content h2{
    color: var(--e-global-color-primary);
    margin-bottom: 32px;
    padding-right: 25px;
}
.get_in_touch_content input {
    font-family: 'Karla', sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 25px;
    background-color: var(--e-global-color-white);
    color: var(--e-global-color-text);
    padding-top: 28px;
    padding-bottom: 28px;
    padding-left: 20px;
    border-radius: 0;
    width: 98%;
    margin-bottom: 16px;
    outline: none;
    border: none;
}
.get_in_touch_content .form_style{
    margin-left: -18px;
}
.get_in_touch_content textarea {
    font-family: 'Karla', sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 25px;
    background-color: var(--e-global-color-white);
    color: var(--e-global-color-text);
    border-radius: 0;
    padding: 18px 20px;
    width: 96%;
    outline: none;
    resize: none;
    height: 115px;
    margin-bottom: 42px;
    border: none;
}
.get_in_touch_content .form-control:focus{
    box-shadow: none;
    outline: none;
    border: none;
}
textarea {
    overflow: auto;
}
.get_in_touch_content button {
    font-size: 22px;
    line-height: 22px;
    font-weight: 500;
    padding: 24px 40px;
    text-align: center;
    color: var(--e-global-color-white);
    display: inline-block;
    background-color: var(--e-global-color-secondary);
    border-radius: 35px 0px 35px 0px;
    transition: all 0.3s ease-in-out;
    outline: none;
    border: none;
    overflow: hidden;
    position: relative;
}
.get_in_touch_content button:hover {
    color: var(--e-global-color-secondary);
    background-color: var(--e-global-color-white);
    transform: translateY(-10px);
}
.get_in_touch_content button:hover:before {
	left: 0%;
	right: auto;
	width: 100%;
}
.get_in_touch_content button:before {
	display: block;
	position: absolute;
	top: 0px;
	right: 0px;
	height: 100%;
	width: 0px;
	z-index: -1;
	content: '';
    color: var(--e-global-color-secondary);
    background-color: var(--e-global-color-white);
	transition: all 0.4s cubic-bezier(0.12, 0, 0.38, 1) 0s;
}
.get_in_touch_section .get_in_touch_shape{
    position: absolute;
    bottom: 210px;
    left: 0;
}
.get_in_touch_section .get_in_touch_video .video_img {
    position: absolute;
    left: 80px;
    top: 202px;
    margin-right: -30px;
}

/* Home Page Pricing Plans Section Style */

.pricing_plans_section{
    padding: 140px 0 130px;
}
.pricing_plans_content{
    text-align: center;
}
.pricing_plans_content h5{
    text-transform: uppercase;
    color: var(--e-global-color-secondary);
    letter-spacing: 3.1px;
    margin-bottom: 12px;
}
.pricing_plans_content h2{
    margin-bottom: 18px;
    color: var(--e-global-color-primary);
}
.pricing_plans_content p {
    margin-bottom: 35px;
    padding: 0 95px;
    color: var(--e-global-color-text);
}
.pricing_plans_box_content{
    box-shadow: 1px 1px 50px rgb(0 0 0 / 5%);
    width: 100%;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    border-radius: 60px 0 60px 0;
}
.pricing_plans_box_content:hover .pricing_plans_box_upper_portion .pricing_plans_image img{
    opacity: 0.8;
}
.pricing_plans_box_upper_portion{
    position: relative;
}
.pricing_plans_box_upper_portion .pricing_plans_image img{
    width: 100%;
    transition: all 0.3s ease-in-out;
}
.pricing_plans_box_image_content{
    background-color: var(--e-global-color-secondary);
    width: 118px;
    height: 118px;
    text-align: center;
    border-radius: 100px;
    position: absolute;
    bottom: -60px;
    margin: 0 auto;
    left: 0;
    right: 0;
    padding: 28px 28px;
    border: 4px solid var(--e-global-color-white);
    transition: all 0.3s ease-in-out;
}
.pricing_plans_box_content:hover .pricing_plans_box_image_content{
    background-color: var(--e-global-color-soft-orange);
}
.pricing_plans_box_lower_portion {
    padding: 70px 60px 30px;
}
.second_lower_portion{
    padding: 70px 69px 30px;
}
.third_lower_portion{
    padding: 70px 72px 30px;
}
.pricing_plans_box_lower_portion h3{
    color: var(--e-global-color-primary);
    text-align: center;
    margin-bottom: 0px;
}
.pricing_plans_box_lower_portion ul{
    margin-bottom: 16px;
}
.pricing_plans_box_lower_portion ul li {
    font-size: 18px;
    line-height: 32px;
    color: var(--e-global-color-text);
    font-weight: 400;
}
.pricing_plans_box_lower_portion ul li i {
    color: var(--e-global-color-secondary);
    font-size: 16px;
    line-height: 16px;
    margin-right: 10px;
}
.pricing_plans_box_lower_portion .pricing_plans_span_wrapper{
    text-align: center;
    margin-bottom: 12px;
}
.pricing_plans_box_lower_portion .pricing_plans_span_wrapper .price{
    font-family: 'Playfair Display', serif;
    font-size: 48px;
    line-height: 55px;
    font-weight: 700;
    color: var(--e-global-color-secondary);
}
.pricing_plans_box_lower_portion .pricing_plans_span_wrapper .per_month{
    font-family: 'Playfair Display', serif;
    font-size: 16px;
    line-height: 55px;
    font-weight: 400;
    color: var(--e-global-color-text);
    margin-left: -5px;
}
.pricing_plans_box_lower_portion .btn_wrapper {
    text-align: center;
    padding-left: 10px;
}
.pricing_plans_box_lower_portion .enroll_now_btn {
    font-size: 20px;
    line-height: 20px;
    font-weight: 500;
    padding: 20px 35px;
    text-align: center;
    color: var(--e-global-color-accent);
    display: inline-block;
    background-color: var(--e-global-color-soft-orange);
    border-radius: 32px 0px 32px 0px;
    transition: all 0.3s ease-in-out;
}
.pricing_plans_box_content:hover .pricing_plans_box_lower_portion .enroll_now_btn {
    color: var(--e-global-color-white);
    background-color: var(--e-global-color-secondary);
    transform: translateY(-10px);
}

/* Home Page Testimonial Section Style */

.testimonial_section{
    background-image: url('../images/testimonial_background.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding: 145px 0 135px;
    position: relative;
}
.testimonial_content {
    text-align: center;
}
.testimonial_content i{
    font-size: 90px;
    line-height: 88px;
    color: var(--e-global-color-secondary);
    margin-bottom: 35px;
}
.testimonial_content .testimonial_paragraph{
    font-size: 24px;
    line-height: 36px;
    font-weight: 500;
    color: var(--e-global-color-primary);
    padding: 0 52px 0 55px;
    margin-bottom: 26px;
}
.testimonial_content figure{
    margin-bottom: 18px;
}
.testimonial_content .testimonial_person_name{
    font-family: 'DM Serif Display', serif;
    font-size: 22px;
    line-height: 24px;
    font-weight: 400;
    color: var(--e-global-color-primary);
    margin-bottom: 5px;
}
.testimonial_content span{
    font-size: 18px;
    line-height: 24px;
    font-weight: 400;
    color: var(--e-global-color-text);
}
.testimonial_section .testimonial_left_shape{
    position: absolute;
    left: 0;
    top: 78px;
}
.testimonial_section .testimonial_right_shape{
    position: absolute;
    right: 0;
    bottom: 78px;
}

.testimonial_content figure img {
    width: 90px;          /* size control karo yahan se */
    height: 90px;         /* width = height same hona zaroori */
    border-radius: 50%;   /* circle banane ke liye */
    object-fit: cover;    /* image stretch na ho */
    border: 3px solid #fff; /* optional white border */
}

#carouselExampleControls .carousel-control-prev{
    left: -112px;
    top: -70px;
    font-size: 50px;
    line-height: 50px;
    color: var(--e-global-color-secondary);
    opacity: 1;
}
#carouselExampleControls .carousel-control-prev i{
    transition: all 0.3s ease-in-out;
}
#carouselExampleControls .carousel-control-prev i:hover{
    color: var(--e-global-color-soft-orange);
}
#carouselExampleControls .carousel-control-next{
    right: -112px;
    top: -70px;
    font-size: 50px;
    line-height: 50px;
    color: var(--e-global-color-secondary);
    opacity: 1;
}
#carouselExampleControls .carousel-control-next i{
    transition: all 0.3s ease-in-out;
}
#carouselExampleControls .carousel-control-next i:hover{
    color: var(--e-global-color-soft-orange);
}

/* Home Page Blog Posts Section Style */

.blog_posts_section{
    padding: 120px 0 130px;
    position: relative;
}
.blog_posts_content{
    text-align: center;
}
.blog_posts_content h5{
    text-transform: uppercase;
    color: var(--e-global-color-secondary);
    letter-spacing: 3.1px;
    margin-bottom: 12px;
}
.blog_posts_content h2{
    margin-bottom: 18px;
    color: var(--e-global-color-primary);
}
.blog_posts_content p {
    margin-bottom: 35px;
    padding: 0 95px;
    color: var(--e-global-color-text);
}
.blog_posts_image {
    margin-bottom: 45px;
    animation: float_img 6s ease-in-out infinite;
    transition: all 0.3s ease-in-out;
}
.blog_posts_image_content{
    position: absolute;
    bottom: 22px;
    left: 40px;
}
.blog_posts_image_content span{
    font-size: 18px;
    line-height: 18px;
    font-weight: 400;
    color: var(--e-global-color-white);
    background-color: var(--e-global-color-secondary);
    padding: 5px 18px;
    border-radius: 15px 0 15px 0;
    margin-bottom: 15px;
    display: inline-block;
}
.blog_posts_image_content h4{
    color: var(--e-global-color-white);
    margin-bottom: 22px;
    padding-right: 30px;
}
.blog_posts_image_content i{
    font-size: 20px;
    line-height: 20px;
    color: var(--e-global-color-white);
    transition: all 0.3s ease-in-out;
}
.blog_posts_image:hover .blog_posts_image_content i{
    color: var(--e-global-color-soft-orange);
}
.blog_posts_section .btn_wrapper{
    text-align: center;
}
.blog_posts_section .btn_wrapper .view_blog{
    font-size: 22px;
    line-height: 22px;
    font-weight: 500;
    padding: 24px 36px;
    text-align: center;
    color: var(--e-global-color-accent);
    display: inline-block;
    background-color: var(--e-global-color-soft-orange);
    border-radius: 35px 0px 35px 0px;
    transition: all 0.3s ease-in-out;
    position: relative;
    overflow: hidden;
}
.blog_posts_section .btn_wrapper .view_blog:hover {
    color: var(--e-global-color-white);
    background-color: var(--e-global-color-secondary);
    transform: translateY(-10px);
}
.blog_posts_section .btn_wrapper .view_blog:hover:before {
	left: 0%;
	right: auto;
	width: 100%;
}
.blog_posts_section .btn_wrapper .view_blog:before {
	display: block;
	position: absolute;
	top: 0px;
	right: 0px;
	height: 100%;
	width: 0px;
	z-index: -1;
	content: '';
    color: var(--e-global-color-white);
    background-color: var(--e-global-color-secondary);
	transition: all 0.4s cubic-bezier(0.12, 0, 0.38, 1) 0s;
}
.blog_posts_section .blog_posts_left_shape{
    position: absolute;
    left: 0;
    bottom: -110px;
}
.blog_posts_section .blog_posts_right_shape{
    position: absolute;
    right: 0;
    bottom: 302px;
}

/* Home Page Subscribe Section Style */

.subscribe_section{
    z-index: 1;
    position: relative;
}
.subscribe_background_image {
    background-image: url('../images/subscribe_background.png');
    background-repeat: no-repeat;
    position: relative;
    padding: 118px 80px 130px;
}
.subscribe_content h5 {
    text-transform: uppercase;
    color: var(--e-global-color-secondary);
    letter-spacing: 3.1px;
    margin-bottom: 12px;
}
.subscribe_content h2{
    color: var(--e-global-color-primary);
    margin-bottom: 32px;
}
.subscribe_content input {
    font-family: 'Karla', sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 25px;
    background-color: var(--e-global-color-white);
    color: var(--e-global-color-text);
    padding-top: 25px;
    padding-bottom: 28px;
    padding-left: 20px;
    border-radius: 0;
    width: 90%;
    margin-bottom: 26px;
    outline: none;
    border: none;
}
.subscribe_content button {
    font-size: 20px;
    line-height: 20px;
    font-weight: 500;
    padding: 20px 39px;
    text-align: center;
    color: var(--e-global-color-white);
    display: inline-block;
    background-color: var(--e-global-color-secondary);
    border-radius: 35px 0px 35px 0px;
    transition: all 0.3s ease-in-out;
    outline: none;
    border: none;
    overflow: hidden;
    position: relative;
}
.subscribe_content button:hover {
    color: var(--e-global-color-secondary);
    background-color: var(--e-global-color-white);
    transform: translateY(-10px);
}
.subscribe_content button:hover:before {
	left: 0%;
	right: auto;
	width: 100%;
}
.subscribe_content button:before {
	display: block;
	position: absolute;
	top: 0px;
	right: 0px;
	height: 100%;
	width: 0px;
	z-index: -1;
	content: '';
    color: var(--e-global-color-secondary);
    background-color: var(--e-global-color-white);
	transition: all 0.4s cubic-bezier(0.12, 0, 0.38, 1) 0s;
}
.subscribe_content .form-control:focus{
    box-shadow: none;
    outline: none;
    border: none;
}
.subscribe_background_image .subscribe_image {
    position: absolute;
    bottom: -125px;
    right: -66px;
}

/* Home Page Footer Section Style */

.footer-section{
    position: relative;
    background-color: var(--e-global-color-secondary);
    padding: 150px 0 0px;
    margin-top: -70px;
}
.middle-portion {
    margin-bottom: 92px;
}
.middle-portion .footer_logo{
    padding-left: 62px;
    padding-top: 5px;
}
.middle-portion .about_col{
    margin-left: -8px;
}
.middle-portion .about_col h4 {
    margin-bottom: 18px;
    padding-left: 2px;
}
.middle-portion h4{
    color: var(--e-global-color-white);
    margin-bottom: 16px;
}
.middle-portion ul{
    margin-bottom: 0;
}
.middle-portion .about_col ul li p {
    font-size: 18px;
    line-height: 26px;
    font-weight: 400;
    color: var(--e-global-color-white);
    margin-bottom: 24px;
}
.middle-portion ul .icons {
    display: inline-block;
    margin-right: 8px;
}
.middle-portion ul .icons i {
    border-radius: 100%;
    background: var(--e-global-color-desaturated-magenta);
    color: var(--e-global-color-white);
    font-size: 18px;
    line-height: 48px;
    height: 48px;
    width: 48px;
    text-align: center;
    margin-right: 0;
    transition: all 0.3s ease-in-out;
}
.middle-portion ul .icons i:hover{
    color: var(--e-global-color-secondary);
    background-color: var(--e-global-color-white);
    transform: translateY(-5px);
}
.middle-portion li a {
    text-decoration: none;
    color: var(--e-global-color-white);
    font-weight: 400;
    font-size: 18px;
    line-height: 32px;
    transition: all 0.3s ease-in-out;
}
.middle-portion .links_col {
    padding-left: 42px;
}
.middle-portion .contact_col {
    padding-right: 15px;
    margin-left: -42px;
}
.middle-portion .contact_col ul li{
    margin-bottom: 8px;
}
.middle-portion li i {
    color: var(--e-global-color-white);
    margin-right: 2px;
    transition: all 0.3s ease-in-out;
}
.middle-portion li .location{
    margin-right: 15px;
}
.middle-portion .contact_col li span {
    color: var(--e-global-color-white);
    font-weight: 400;
    font-size: 18px;
    line-height: 25px;
}
.middle-portion li a:hover{
    color: var(--e-global-color-soft-orange);
}
.middle-portion .contact_col ul .contact_icons:hover i{
    color: var(--e-global-color-soft-orange);
}
.bottom-portion{
    border-top: 1px solid var(--e-global-color-mostly-desaturated-magenta);
    text-align: center;
}
.copyright {
    padding: 24px 0;
}
.copyright p{
    color: var(--e-global-color-white);
    font-weight: 400;
    font-size: 14px;
    line-height: 26px;
    margin: 0;
}
.footer_shape figure {
    position: absolute;
    bottom: 120px;
    right: 0;
}

/* About Page Style */

/* About Page Sub Banner Section Style */

.sub-banner-section{
    background-image: url('../images/subbanner_section_background.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.sub-banner-section .banner-section {
    padding: 110px 0 120px;
    position: relative;
}
.sub-banner-section .banner-section .banner-section-content {
    text-align: center;
}
.sub-banner-section .banner-section h1 {
    margin-bottom: 16px;
}
.sub-banner-section .banner-section p {
    color: var(--e-global-color-white);
    padding: 0 260px;
    margin-bottom: 26px;
}
.sub-banner-section .banner-section .btn_wrapper {
    font-size: 20px;
    line-height: 20px;
    font-weight: 400;
    padding: 14px 24px;
    text-align: center;
    background-color: #724065;
    color: var(--e-global-color-white);
    display: inline-block;
    border-radius: 25px 0 25px 0;
    transition: all 0.3s ease-in-out;
}
.sub-banner-section .banner-section .btn_wrapper .sub_home_span {
    margin-right: 8px;
}
.sub-banner-section .banner-section .btn_wrapper i {
    font-size: 14px;
}
.sub-banner-section .banner-section .btn_wrapper .sub_span {
    color: var(--e-global-color-soft-orange);
    margin-left: 8px;
}

.sub-banner-section .banner-section .banner_left_top_shape {
    position: absolute;
    top: -8px;
    left: 0;
}
.sub-banner-section .banner-section .banner_left_bottom_shape{
    position: absolute;
    top: 112px;
    left: 0;
}
.sub-banner-section .banner-section .banner_right_top_shape {
    position: absolute;
    bottom: 222px;
    right: 0;
}
.sub-banner-section .banner-section .banner_right_bottom_shape {
    position: absolute;
    bottom: 98px;
    right: 0;
}

/* About Page About Us Section Style */

.aboutpage_aboutus_section{
    padding: 132px 0;
}
.aboutpage_aboutus_image{
    position: relative;
}
.aboutpage_aboutus_image figure{
    margin-top: -12px;
}
.aboutpage_aboutus_section .aboutus_top_shape {
    position: absolute;
    top: 6px;
    left: -36px;
    z-index: -1;
}
.aboutpage_aboutus_section .aboutus_bottom_shape {
    position: absolute;
    top: 265px;
    left: -62px;
    z-index: -1;
}
.aboutpage_aboutus_content{
    padding-top: 110px;
}
.aboutpage_aboutus_content h5{
    text-transform: uppercase;
    color: var(--e-global-color-secondary);
    letter-spacing: 3.1px;
    margin-bottom: 12px;
}
.aboutpage_aboutus_content h2{
    margin-bottom: 18px;
    color: var(--e-global-color-primary);
}
.aboutpage_aboutus_content p {
    margin-bottom: 12px;
    color: var(--e-global-color-text);
}
.aboutpage_aboutus_content .margin_bottom{
    margin-bottom: 30px;
}
.aboutpage_aboutus_content .box {
    width: 48%;
    background-color: var(--e-global-color-white);
    display: inline-block;
    align-items: center;
    padding: 20px 24px 15px;
    border-radius: 30px 0 30px 0;
    margin-bottom: 22px;
    margin-right: 12px;
    box-shadow: 1px 1px 50px rgb(0 0 0 / 7%);
    transition: all 0.3s ease-in-out;
    position: relative;
}
.aboutpage_aboutus_content .box i{
    position: absolute;
    left: 22px;
    top: 24px;
    border-radius: 100%;
    border: 2px solid var(--e-global-color-secondary);
    height: 38px;
    width: 38px;
    text-align: center;
    font-size: 18px;
    line-height: 36px;
    color: var(--e-global-color-secondary);
}
.aboutpage_aboutus_content .box span{
    font-size: 18px;
    line-height: 21px;
    font-weight: 600;
    padding-left: 50px;
    display: inline-block;
    color: var(--e-global-color-primary);
}
.aboutpage_aboutus_content .box:hover{
    transform: translateY(-10px);
}

/* About Page Discount Section Style */

.discount_section{
    background-image: url('../images/discount_background.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding: 120px 0 130px;
}
.discount_content{
    text-align: center;
}
.discount_content h2{
    margin-bottom: 18px;
    color: var(--e-global-color-primary);
    padding: 0 230px;
}
.discount_content span{
    color: var(--e-global-color-secondary);
}
.discount_content p {
    margin-bottom: 35px;
    padding: 0 160px;
    color: var(--e-global-color-text);
}
.discount_content .btn_wrapper .get_started{
    font-size: 22px;
    line-height: 22px;
    font-weight: 500;
    padding: 24px 50px;
    text-align: center;
    color: var(--e-global-color-accent);
    display: inline-block;
    background-color: var(--e-global-color-soft-orange);
    border-radius: 35px 0px 35px 0px;
    transition: all 0.3s ease-in-out;
    position: relative;
    overflow: hidden;
}
.discount_content .btn_wrapper .get_started:hover {
    color: var(--e-global-color-white);
    background-color: var(--e-global-color-secondary);
    transform: translateY(-10px);
}
.discount_content .btn_wrapper .get_started:hover:before {
	left: 0%;
	right: auto;
	width: 100%;
}
.discount_content .btn_wrapper .get_started:before {
	display: block;
	position: absolute;
	top: 0px;
	right: 0px;
	height: 100%;
	width: 0px;
	z-index: -1;
	content: '';
    color: var(--e-global-color-white);
    background-color: var(--e-global-color-secondary);
	transition: all 0.4s cubic-bezier(0.12, 0, 0.38, 1) 0s;
}

/* About Page Our Mission Section Style */

.mission_section{
    padding: 130px 0 45px;
    position: relative;
}
.mission_section .mission_box{
    width: 100%;
    background-color: var(--e-global-color-white);
    border-radius: 200px 0 200px 0;
    box-shadow: 1px 1px 50px rgb(0 0 0 / 7%);
}
.mission_content{
    padding-top: 150px;
    padding-left: 96px;
}
.mission_content h5{
    text-transform: uppercase;
    color: var(--e-global-color-secondary);
    letter-spacing: 3.1px;
    margin-bottom: 12px;
}
.mission_content h2{
    margin-bottom: 16px;
    color: var(--e-global-color-primary);
}
.mission_content p {
    margin-bottom: 32px;
    color: var(--e-global-color-text);
    padding-right: 25px;
}
.mission_content .btn_wrapper .read_more_btn{
    font-size: 22px;
    line-height: 22px;
    font-weight: 500;
    padding: 24px 44px;
    text-align: center;
    color: var(--e-global-color-white);
    display: inline-block;
    background-color: var(--e-global-color-secondary);
    border-radius: 35px 0px 35px 0px;
    transition: all 0.3s ease-in-out;
    position: relative;
    overflow: hidden;
}
.mission_content .btn_wrapper .read_more_btn:hover {
    color: var(--e-global-color-accent);
    background-color: var(--e-global-color-soft-orange);
    transform: translateY(-10px);
}
.mission_content .btn_wrapper .read_more_btn:hover:before {
	left: 0%;
	right: auto;
	width: 100%;
}
.mission_content .btn_wrapper .read_more_btn:before {
	display: block;
	position: absolute;
	top: 0px;
	right: 0px;
	height: 100%;
	width: 0px;
	z-index: -1;
	content: '';
    color: var(--e-global-color-accent);
    background-color: var(--e-global-color-soft-orange);
	transition: all 0.4s cubic-bezier(0.12, 0, 0.38, 1) 0s;
}
.mission_section .mission_right_shape {
    position: absolute;
    top: 210px;
    right: 0;
}

/* About Page Our Vision Section Style */

.vision_section{
    padding: 45px 0 130px;
    position: relative;
}
.vision_section .vision_box{
    width: 100%;
    background-color: var(--e-global-color-white);
    border-radius: 200px 0 200px 0;
    box-shadow: 1px 1px 50px rgb(0 0 0 / 7%);
}
.vision_content{
    padding-top: 150px;
    padding-left: 40px;
}
.vision_content h5{
    text-transform: uppercase;
    color: var(--e-global-color-secondary);
    letter-spacing: 3.1px;
    margin-bottom: 12px;
}
.vision_content h2{
    margin-bottom: 16px;
    color: var(--e-global-color-primary);
}
.vision_content p {
    margin-bottom: 32px;
    color: var(--e-global-color-text);
    padding-right: 60px;
}
.vision_content .btn_wrapper .read_more_btn{
    font-size: 22px;
    line-height: 22px;
    font-weight: 500;
    padding: 24px 44px;
    text-align: center;
    color: var(--e-global-color-white);
    display: inline-block;
    background-color: var(--e-global-color-secondary);
    border-radius: 35px 0px 35px 0px;
    transition: all 0.3s ease-in-out;
    position: relative;
    overflow: hidden;
}
.vision_content .btn_wrapper .read_more_btn:hover {
    color: var(--e-global-color-accent);
    background-color: var(--e-global-color-soft-orange);
    transform: translateY(-10px);
}
.vision_content .btn_wrapper .read_more_btn:hover:before {
	left: 0%;
	right: auto;
	width: 100%;
}
.vision_content .btn_wrapper .read_more_btn:before {
	display: block;
	position: absolute;
	top: 0px;
	right: 0px;
	height: 100%;
	width: 0px;
	z-index: -1;
	content: '';
    color: var(--e-global-color-accent);
    background-color: var(--e-global-color-soft-orange);
	transition: all 0.4s cubic-bezier(0.12, 0, 0.38, 1) 0s;
}
.vision_section .vision_left_shape {
    position: absolute;
    top: 140px;
    left: 0;
}

/* About Page Achievement Section Style */

.achievement_section{
    background-color: var(--e-global-color-pale-blue);
    padding: 122px 0 110px;
}
.achievement_content{
    text-align: center;
}
.achievement_content h5{
    text-transform: uppercase;
    color: var(--e-global-color-secondary);
    letter-spacing: 3.1px;
    margin-bottom: 12px;
}
.achievement_content h2{
    margin-bottom: 18px;
    color: var(--e-global-color-primary);
}
.achievement_content p {
    margin-bottom: 25px;
    padding: 0 85px;
    color: var(--e-global-color-text);
}
.achievement_section .logo_wrapper{
    animation: float_img 6s ease-in-out infinite;
}
.achievement_section .logo_wrapper figure{
    height: 100px;
    line-height: 100px;
}
.achievement_section .craft{
    padding-left: 5px;
}
.achievement_section .q-power{
    margin-left: -2px;
}
.achievement_section .logo{
    padding-left: 20px;
}
.achievement_section .minimum{
    padding-left: 8px;
}
.achievement_section .logoipsum{
    padding-left: 30px;
}

/* Services Page Style */

/* Services Page Services Section Style */

.services_section .services_page_services_right_shape {
    position: absolute;
    top: 115px;
    right: 0;
}

/* Pricing Page Style */

/* Pricing Page Pricing Plans Section Style */

.pricing_plans_section_padding{
    padding: 120px 0 130px;
}

/* Team Page Style */

/* Team Page Our Team Section Style */

.our_team_section{
    padding: 120px 0 80px;
}
.our_team_section .our_team_content{
    text-align: center;
}
.our_team_content h5{
    text-transform: uppercase;
    color: var(--e-global-color-secondary);
    letter-spacing: 3.1px;
    margin-bottom: 12px;
}
.our_team_content h2{
    margin-bottom: 18px;
    color: var(--e-global-color-primary);
}
.our_team_content p {
    margin-bottom: 35px;
    padding: 0 110px;
    color: var(--e-global-color-text);
}
.our_team_section .our_team_box_content{
    margin-bottom: 50px;
    transition: all 0.3s ease-in-out;
}
.our_team_section .our_team_box_content .our_team_box_upper_portion{
    margin-bottom: 10px;
}
.our_team_section .our_team_box_content .our_team_box_upper_portion img{
    transition: all 0.3s ease-in-out;
}
@keyframes float_img {
	0% {
		transform: translatey(0px);
	}
	50% {
		transform: translatey(-20px);
	}
	100% {
		transform: translatey(0px);
	}
}
.our_team_box_content .our_team_box_lower_portion h3{
    margin-bottom: 0;
}
.our_team_box_content .our_team_box_lower_portion p{
    font-size: 18px;
    line-height: 24px;
    font-weight: 400;
    margin-top: -6px;
    margin-bottom: 12px;
}
.our_team_box_content .our_team_box_lower_portion .social_icons i{
    color: var(--e-global-color-white);
    background-color: var(--e-global-color-secondary);
    border-radius: 100%;
    font-size: 14px;
    line-height: 36px;
    height: 36px;
    width: 36px;
    margin-right: 10px;
    display: inline-block;
    text-align: center;
    transition: all 0.3s ease-in-out;
}
.our_team_box_content:hover{
    transform: translateY(-10px);
}
.our_team_section .our_team_box_content:hover .our_team_box_upper_portion img{
    opacity: 0.8;
}
.our_team_box_content:hover .our_team_box_lower_portion .social_icons i{
    color: var(--e-global-color-accent);
    background-color: var(--e-global-color-soft-orange);
}

/* Faq Page Style */

/* Faq Page Faq's Section Style */

.accordian-section{
    padding: 120px 0 130px;
}
.accordian_content{
    text-align: center;
}
.accordian_content h5{
    text-transform: uppercase;
    color: var(--e-global-color-secondary);
    letter-spacing: 3.1px;
    margin-bottom: 12px;
}
.accordian_content h2{
    margin-bottom: 18px;
    color: var(--e-global-color-primary);
}
.accordian_content p {
    margin-bottom: 40px;
    padding: 0 110px;
    color: var(--e-global-color-text);
}
.accordian-section .accordian-section-inner{
    padding-left: 46px;
}
.accordian-section .accordian-inner .accordion-card {
    margin-bottom: 36px;
    box-shadow: 1px 1px 50px rgb(0 0 0 / 10%);
    background: var(--e-global-color-white);
    border-radius: 35px 0 35px 0;
    width: 95%;
}
.accordian-section .accordion-card a.btn.btn-link {
    color: var(--e-global-color-primary);
    background: var(--e-global-color-white);
    position: relative;
    border-radius: 35px 0 35px 0;
}
.accordian-section .accordian-inner .accordion-card .btn {
    padding: 20px 85px;
    text-decoration: none;
    text-align: left;
}
.accordian-section .accordian-inner .accordion-card h6{
    margin-bottom: 0;
}
.accordian-section .accordian-inner .card-header {
    padding: 0;
    margin-bottom: 0;
    border: none;
    background: none;
}
.accordian-section .accordian-inner .card-body {
    padding: 3px 60px 28px;
}
.accordian-section .accordian-inner .card-body .faq_wrapper{
    position: relative;
}
.accordian-section .accordian-inner .card-body .faq_wrapper figure{
    position: absolute;
    top: 5px;
    left: 26px;
}
.accordian-section .accordian-inner .card-body .faq_wrapper p{
    font-size: 18px;
    line-height: 24px;
    color: var(--e-global-color-text);
    font-weight: 400;
    margin-left: 45px;
}
.accordian-section .accordion-card a.btn.btn-link:focus {
    outline: none;
    box-shadow: none;
}
.accordian-section .accordion-card .btn-link:before {
    content: "\f068";
    position: absolute;
    left: 25px;
    top: 16px;
    font-family: 'Font Awesome 6 FREE';
    display: inline-block;
    vertical-align: middle;
    background-color: transparent;
    color: var(--e-global-color-soft-orange);
    border: 2px solid var(--e-global-color-soft-orange);
    font-size: 20px;
    height: 40px;
    width: 40px;
    line-height: 38px;
    font-weight: 700;
    border-radius: 100px;
    text-align: center;
}
.accordian-section .accordion-card .collapsed:before {
    content: "\2b";
    background-color: transparent;
    color: var(--e-global-color-secondary);
    border: 2px solid var(--e-global-color-secondary);
    border-radius: 100px;
    text-align: center;
}
.accordian-section .accordian-inner .accordion-card:last-child {
    margin-bottom: 0 !important;
}

/* Contact Page Style */

/* Contact Page Message Section Style */

.message_section{
    padding: 120px 0 130px;
    background-color: var(--e-global-color-pale-blue);
}
.message_content h5 {
    text-transform: uppercase;
    color: var(--e-global-color-secondary);
    letter-spacing: 3.1px;
    margin-bottom: 12px;
}
.message_content h2{
    color: var(--e-global-color-primary);
    margin-bottom: 18px;
}
.message_content p{
    padding-right: 100px;
    margin-bottom: 36px;
    color: var(--e-global-color-text);
}
.message_content input {
    font-family: 'Karla', sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 25px;
    background-color: var(--e-global-color-white);
    color: var(--e-global-color-text);
    padding-top: 32px;
    padding-bottom: 32px;
    padding-left: 25px;
    border-radius: 0;
    width: 90%;
    margin-bottom: 28px;
    outline: none;
    border: none;
    box-shadow: 1px 1px 50px rgb(0 0 0 / 5%);
}
.message_content .form_style {
    margin-left: -40px;
}
.message_content textarea {
    font-family: 'Karla', sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 25px;
    background-color: var(--e-global-color-white);
    color: var(--e-global-color-text);
    border-radius: 0;
    padding: 18px 25px;
    width: 90%;
    outline: none;
    resize: none;
    height: 128px;
    margin-bottom: 42px;
    border: none;
    box-shadow: 1px 1px 50px rgb(0 0 0 / 5%);
}
.message_content .form-control:focus{
    box-shadow: none;
    outline: none;
    border: none;
}
textarea {
    overflow: auto;
}
.message_content button {
    font-size: 22px;
    line-height: 22px;
    font-weight: 500;
    padding: 24px 40px;
    text-align: center;
   
    display: inline-block;
    background-color: var(--e-global-color-soft-orange);
    border-radius: 35px 0px 35px 0px;
    transition: all 0.3s ease-in-out;
    outline: none;
    border: none;
    overflow: hidden;
    position: relative;
}
.message_content button:hover {
    color: var(--e-global-color-white);
    background-color: var(--e-global-color-secondary);
    transform: translateY(-10px);
}
.message_content button:hover:before {
	left: 0%;
	right: auto;
	width: 100%;
}
.message_content button:before {
	display: block;
	position: absolute;
	top: 0px;
	right: 0px;
	height: 100%;
	width: 0px;
	z-index: -1;
	content: '';
    color: var(--e-global-color-white);
    background-color: var(--e-global-color-secondary);
	transition: all 0.4s cubic-bezier(0.12, 0, 0.38, 1) 0s;
}

.message_section .box_padding{
    margin-top: 10px;
}
.message_section .box{
    box-shadow: 1px 1px 50px rgb(0 0 0 / 5%);
    width: 380px;
    transition: all 0.3s ease-in-out;
    border-radius: 45px 0 45px 0;
    background-color: var(--e-global-color-white);
    padding: 30px 18px 40px;
    margin-bottom: 30px;
}
.message_section .box .box_wrapper{
    position: relative;
    padding-left: 20px;
    margin-top: -12px;
    display: inline-block;
    width: 74%;
}
.message_section .box .box_wrapper h3{
    margin-bottom: 5px;
    color: var(--e-global-color-primary);
}
.message_section .box .box_wrapper p{
    font-size: 18px;
    line-height: 24px;
    font-weight: 400;
    margin-top: -10px;
    margin-bottom: 11px;
    color: var(--e-global-color-text);
}
.message_section .box .box_wrapper a{
    color: var(--e-global-color-text);
    transition: all 0.3s ease-in-out;
}
.message_section .box .box_wrapper a:hover{
    color: var(--e-global-color-soft-orange);
}
.message_section .box .box_image_content{
    float: left;
    width: 26%;
}
.message_section .box .box_image_content figure{
    background-color: var(--e-global-color-secondary);
    width: 90px;
    height: 90px;
    line-height: 90px;
    text-align: center;
    border-radius: 100px;
    transition: all 0.3s ease-in-out;
}
.message_section .box:hover .box_image_content figure{
    background-color: var(--e-global-color-soft-orange);
}

/* Contact Page Contact Map Section Style */

.contact_map_section {
    overflow: hidden;
    margin-bottom: -10px;
}

/* Contact Page Contact Subscribe Section Style */

.contact_subscribe_section{
    margin-top: -360px;
}

/* Blog Posts Page Style */

.blog-posts {
    padding: 120px 0 130px;
}
.single-post .single-post-heading {
    font-size: 30px !important;
}

/* SECTION BACKGROUND */
.quote_section{
    padding: 70px 0;
    background: linear-gradient(90deg,#ff8c1a,#cc5500);
    position: relative;
    overflow: hidden;
}

/* subtle mandala glow */
.quote_section::before{
    content:"";
    position:absolute;
    width:400px;
    height:400px;
    background: radial-gradient(circle, rgba(255,215,0,.25) 0%, transparent 70%);
    top:-100px;
    left:-100px;
}

/* CARD */
.quote_card{
    max-width: 720px;
    margin:auto;
    text-align:center;
    background: rgba(255,255,255,0.08);
    backdrop-filter: blur(8px);
    border-radius: 18px;
    padding: 45px 35px;
    border: 1px solid rgba(255,215,0,.5);
    box-shadow: 0 10px 40px rgba(0,0,0,.15);
    color:white;
    position:relative;
}

/* OM ICON */
.quote_icon{
    font-size: 34px;
    color: #ffd700;
    margin-bottom: 15px;
}

/* TEXT */
.quote_text{
    font-size: 22px;
    line-height: 1.7;
    font-weight: 500;
    margin-bottom: 15px;
}

/* AUTHOR */
.quote_author{
    font-size: 15px;
    color: #ffe7b0;
    letter-spacing: 1px;
}

/* MOBILE */
@media(max-width:768px){
    .quote_text{
        font-size:18px;
    }
    .quote_card{
        padding:30px 20px;
    }
}
.karyakarta_section {
    padding: 100px 0;
    background: #fff8f0;
}

.karyakarta_content h5 {
    color: #ff7a00;
    letter-spacing: 3px;
    text-transform: uppercase;
}

.karyakarta_content h2 {
    font-size: 42px;
    font-weight: 700;
    margin-top: 10px;
}

.karyakarta_text h3 {
    color: #ff7a00;
    margin-bottom: 20px;
}

.karyakarta_text p {
    font-size: 17px;
    line-height: 28px;
    color: #444;
}

.karyakarta_mission h4 {
    color: #ff7a00;
    margin-bottom: 15px;
}

.karyakarta_image img {
    border-radius: 20px;
}
/* Enhanced Services Box Styles */
.services_box_content {
    transition: all 0.4s ease;
    border-radius: 20px;
    overflow: hidden;
    background: #ffffff;
    box-shadow: 0 10px 40px rgba(204, 85, 0, 0.2);
    border: 2px solid transparent;
    position: relative;
}

/* Before hover - attractive box */
.services_box_content::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, #cc5500, #ffd700, #cc5500);
    opacity: 0.8;
}

/* Image styling - show full */
.services_box_content .services_box_upper_portion {
    margin-bottom: 0;
    overflow: hidden;
    position: relative;
    height: 280px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #fff3e0, #ffe0b2);
}

.services_box_content .services_box_upper_portion figure {
    width: 100%;
    height: 100%;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.services_box_content .services_box_upper_portion img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
    transition: all 0.4s ease;
}

/* Name and arrow styling - inline */
.services_box_content .services_box_lower_portion {
    padding: 20px 15px;
    background: #ffffff;
    position: relative;
}

.services_box_content .services_box_lower_portion h3 {
    font-size: 18px;
    margin: 0;
    color: #cc5500;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: space-between;
    line-height: 1.4;
}

/* Inline arrow styling */
.services_box_content .services_box_lower_portion h3 .inline-arrow {
    display: inline-flex;
    margin-left: 15px;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    background: linear-gradient(135deg, #cc5500, #e65c00);
    color: #ffffff !important;
    border-radius: 50%;
    font-size: 14px;
    transition: all 0.3s ease;
    flex-shrink: 0;
    text-decoration: none;
}

.services_box_content .services_box_lower_portion h3 .inline-arrow i {
    color: #ffffff;
    margin: 0;
    line-height: 1;
}

/* Hover effects */
.services_box_content:hover {
    transform: translateY(-12px);
    box-shadow: 0 20px 50px rgba(204, 85, 0, 0.35);
    border-color: #ffd700;
}

.services_box_content:hover::before {
    opacity: 1;
    height: 5px;
}

/* Image hover effect - show full */
.services_box_content:hover .services_box_upper_portion img {
    transform: scale(1.1);
    opacity: 1;
}

/* Arrow hover effect */
.services_box_content:hover .services_box_lower_portion h3 .inline-arrow {
    background: linear-gradient(135deg, #ffd700, #ffaa00);
    color: #cc5500 !important;
    transform: translateX(5px);
    box-shadow: 0 5px 20px rgba(255, 215, 0, 0.5);
}

.services_box_content:hover .services_box_lower_portion h3 .inline-arrow i {
    color: #cc5500;
}

/* Remove float animation on hover - keep image visible */
.services_section .services_box_content:hover .services_box_upper_portion {
    animation: none;
}

.services_section .services_box_content .services_box_upper_portion {
    animation: none;
}

/* Responsive adjustments */
@media (max-width: 991px) {
    .services_box_content .services_box_upper_portion {
        height: 180px;
    }
    
    .services_box_content .services_box_lower_portion h3 {
        font-size: 16px;
    }
    
    .services_box_content .services_box_lower_portion h3 .inline-arrow {
        width: 28px;
        height: 28px;
        font-size: 12px;
    }
}

@media (max-width: 576px) {
    .services_box_content .services_box_upper_portion {
        height: 150px;
    }
    
    .services_box_content .services_box_lower_portion {
        padding: 15px 12px;
    }
    
    .services_box_content .services_box_lower_portion h3 {
        font-size: 14px;
    }
    
    .services_box_content .services_box_lower_portion h3 .inline-arrow {
        width: 24px;
        height: 24px;
        font-size: 10px;
    }
}


.rakshadal_testimonial {
    position: relative;
    padding: 110px 20px;
    overflow: hidden;

    background: linear-gradient(
        180deg,
        #cc5500 0%,
        #e65c00 40%,
        #ff751a 70%,
        #ff8c1a 100%
    );
}

.rakshadal_testimonial * {
    color: #ffffff !important;
}
.rakshadal_testimonial .testimonial_content {
    position: relative;
    z-index: 3;
    text-align: center;
    max-width: 750px;
    margin: auto;
}
.rakshadal_testimonial::after {
    content: "ॐ";
    position: absolute;
    right: 60px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 320px;
    color: rgba(255, 255, 255, 0.08);
    pointer-events: none;
}

.rakshadal_testimonial .testimonial_paragraph {
    color: #ffffff;
    font-size: 20px;
    line-height: 1.9;
}

.rakshadal_testimonial .testimonial_person_name {
    color: #fff3cc;
}

/* Hero Banner Section for updeshay.php */
.hero-banner-section {
    position: relative;
    padding: 120px 0 100px;
    background: linear-gradient(135deg, #e65100 0%, #ff8f00 50%, #ff6f00 100%);
    overflow: hidden;
    min-height: 500px;
    display: flex;
    align-items: center;
}

.hero-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url('../images/banner_section_background.jpg');
    background-size: cover;
    background-position: center;
    opacity: 0.1;
}

.hero-content {
    position: relative;
    z-index: 2;
    color: #ffffff;
}

.hero-om-symbol {
    font-size: 48px;
    color: #ffd700;
    margin-bottom: 20px;
    animation: omGlow 3s ease-in-out infinite;
}

.hero-banner-section h1 {
    font-family: 'Playfair Display', serif;
    font-size: 56px;
    line-height: 1.2;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 15px;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
}

.hero-tagline {
    font-family: 'DM Serif Display', serif;
    font-size: 28px;
    color: #ffd700;
    margin-bottom: 20px;
    font-weight: 400;
}

.hero-description {
    font-size: 20px;
    line-height: 1.6;
    color: #ffffff;
    margin-bottom: 35px;
    opacity: 0.95;
}

.hero-buttons {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}

.hero-btn {
    padding: 15px 35px;
    font-size: 18px;
    font-weight: 600;
    border-radius: 30px 0 30px 0;
    background: #ffd700;
    color: #cc5500;
    border: none;
    transition: all 0.3s ease;
    text-decoration: none;
    display: inline-block;
}

.hero-btn:hover {
    background: #ffffff;
    color: #cc5500;
    transform: translateY(-3px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.hero-btn-outline {
    padding: 15px 35px;
    font-size: 18px;
    font-weight: 600;
    border-radius: 30px 0 30px 0;
    background: transparent;
    color: #ffffff;
    border: 2px solid #ffd700;
    transition: all 0.3s ease;
    text-decoration: none;
    display: inline-block;
}

.hero-btn-outline:hover {
    background: #ffd700;
    color: #cc5500;
    transform: translateY(-3px);
}

.hero-image {
    position: relative;
    z-index: 2;
    text-align: center;
}

.hanuman-img {
    max-width: 100%;
    height: auto;
    max-height: 400px;
    object-fit: contain;
    filter: drop-shadow(0 10px 30px rgba(0, 0, 0, 0.3));
    animation: float 6s ease-in-out infinite;
}

.hero-decorative-left,
.hero-decorative-right {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
}

.hero-decorative-left {
    left: 20px;
}

.hero-decorative-right {
    right: 20px;
}

.hero-decorative-left .OM,
.hero-decorative-right .OM {
    font-size: 80px;
    color: rgba(255, 215, 0, 0.15);
    animation: omGlow 4s ease-in-out infinite;
}

/* ============================================
   QUOTE SECTION ENHANCED - IMPROVED UI
   ============================================ */

/* Quote Section Main Container */
.quote_section {
    padding: 90px 0;
    background: linear-gradient(135deg, #cc5500 0%, #e65c00 40%, #ff751a 80%, #ff8c1a 100%);
    position: relative;
    overflow: hidden;
}

/* Animated background orbs */
.quote_section::before {
    content: "";
    position: absolute;
    width: 500px;
    height: 500px;
    background: radial-gradient(circle, rgba(255, 215, 0, 0.2) 0%, transparent 70%);
    top: -150px;
    left: -100px;
    animation: quoteOrbFloat 8s ease-in-out infinite;
    pointer-events: none;
}

.quote_section::after {
    content: "";
    position: absolute;
    width: 400px;
    height: 400px;
    background: radial-gradient(circle, rgba(255, 215, 0, 0.15) 0%, transparent 70%);
    bottom: -100px;
    right: -100px;
    animation: quoteOrbFloat 6s ease-in-out infinite reverse;
    pointer-events: none;
}

/* Floating animation for background orbs */
@keyframes quoteOrbFloat {
    0%, 100% {
        transform: translate(0, 0) scale(1);
        opacity: 0.6;
    }
    33% {
        transform: translate(30px, -30px) scale(1.1);
        opacity: 0.8;
    }
    66% {
        transform: translate(-20px, 20px) scale(0.95);
        opacity: 0.7;
    }
}

/* Quote Card Container */
.quote_card {
    max-width: 850px;
    margin: auto;
    text-align: center;
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.05) 100%);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    border-radius: 24px;
    padding: 35px 30px;
    border: 1px solid rgba(255, 215, 0, 0.5);
    box-shadow: 
        0 20px 60px rgba(0, 0, 0, 0.25),
        0 0 40px rgba(255, 215, 0, 0.1),
        inset 0 1px 0 rgba(255, 255, 255, 0.2);
    color: #ffffff;
    position: relative;
    z-index: 2;
    transition: all 0.4s ease;
    animation: quoteCardFadeIn 1s ease-out;
}

/* Card hover effect */
.quote_card:hover {
    transform: translateY(-5px);
    box-shadow: 
        0 30px 80px rgba(0, 0, 0, 0.3),
        0 0 60px rgba(255, 215, 0, 0.15),
        inset 0 1px 0 rgba(255, 255, 255, 0.3);
    border-color: rgba(255, 215, 0, 0.7);
}

/* Card entrance animation */
@keyframes quoteCardFadeIn {
    0% {
        opacity: 0;
        transform: translateY(30px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Decorative corner elements */
.quote_card::before,
.quote_card::after {
    content: "";
    position: absolute;
    width: 60px;
    height: 60px;
    border: 2px solid rgba(255, 215, 0, 0.3);
    pointer-events: none;
}

.quote_card::before {
    top: 20px;
    left: 20px;
    border-right: none;
    border-bottom: none;
    border-radius: 20px 0 0 0;
}

.quote_card::after {
    bottom: 20px;
    right: 20px;
    border-left: none;
    border-top: none;
    border-radius: 0 0 20px 0;
}

/* OM Icon Styling */
.quote_icon {
    font-size: 52px;
    margin-bottom: 25px;
    display: inline-block;
    background: linear-gradient(135deg, #ffd700, #ffaa00);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    animation: quoteIconPulse 3s ease-in-out infinite;
    text-shadow: 0 0 30px rgba(255, 215, 0, 0.3);
}

/* Icon pulse animation */
@keyframes quoteIconPulse {
    0%, 100% {
        transform: scale(1);
        filter: drop-shadow(0 0 10px rgba(255, 215, 0, 0.3));
    }
    50% {
        transform: scale(1.1);
        filter: drop-shadow(0 0 20px rgba(255, 215, 0, 0.5));
    }
}

/* Quote Text Styling */
.quote_text {
    font-size: 26px;
    line-height: 1.9;
    font-weight: 500;
    margin-bottom: 30px;
    font-style: italic;
    font-family: 'Playfair Display', serif;
    background: linear-gradient(180deg, #ffffff 0%, #ffe7b0 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    position: relative;
    padding: 0 20px;
}

/* Decorative quote marks */
.quote_text::before,
.quote_text::after {
    font-family: 'Playfair Display', serif;
    font-size: 80px;
    color: rgba(255, 215, 0, 0.3);
    position: absolute;
    line-height: 1;
}

.quote_text::before {
    content: "\201C";
    top: -20px;
    left: -10px;
}

.quote_text::after {
    content: "\201D";
    bottom: -40px;
    right: -10px;
}

/* Author/Source Styling */
.quote_author {
    font-size: 18px;
    color: #ffe7b0;
    letter-spacing: 2px;
    font-weight: 600;
    text-transform: uppercase;
    position: relative;
    display: inline-block;
    padding: 10px 30px;
    background: rgba(255, 215, 0, 0.1);
    border-radius: 30px;
    border: 1px solid rgba(255, 215, 0, 0.3);
}

/* Author hover effect */
.quote_author:hover {
    background: rgba(255, 215, 0, 0.2);
    border-color: rgba(255, 215, 0, 0.5);
}

/* Divider line */
.quote_author::before {
    content: "";
    position: absolute;
    top: 50%;
    left: -40px;
    width: 30px;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(255, 215, 0, 0.5));
}

.quote_author::after {
    content: "";
    position: absolute;
    top: 50%;
    right: -40px;
    width: 30px;
    height: 1px;
    background: linear-gradient(90deg, rgba(255, 215, 0, 0.5), transparent);
}

/* Responsive Design for Quote Section */
@media (max-width: 991px) {
    .quote_section {
        padding: 40px 0;
    }
    
    .quote_card {
        max-width: 700px;
        padding: 30px 25px;
    }
    
    .quote_text {
        font-size: 22px;
        padding: 0 15px;
    }
    
    .quote_icon {
        font-size: 42px;
    }
    
    .quote_author {
        font-size: 16px;
        padding: 8px 25px;
    }
}

@media (max-width: 768px) {
    .quote_section {
        padding: 35px 0;
    }
    
    .quote_section::before,
    .quote_section::after {
        width: 250px;
        height: 250px;
    }
    
    .quote_card {
        padding: 25px 20px;
        margin: 0 15px;
        border-radius: 20px;
    }
    
    .quote_card::before,
    .quote_card::after {
        width: 40px;
        height: 40px;
    }
    
    .quote_card::before {
        top: 15px;
        left: 15px;
    }
    
    .quote_card::after {
        bottom: 15px;
        right: 15px;
    }
    
    .quote_icon {
        font-size: 36px;
        margin-bottom: 20px;
    }
    
    .quote_text {
        font-size: 18px;
        line-height: 1.7;
        padding: 0 10px;
    }
    
    .quote_text::before,
    .quote_text::after {
        font-size: 50px;
    }
    
    .quote_text::before {
        top: -15px;
        left: 0;
    }
    
    .quote_text::after {
        bottom: -25px;
        right: 0;
    }
    
    .quote_author {
        font-size: 14px;
        letter-spacing: 1px;
        padding: 8px 20px;
    }
    
    .quote_author::before,
    .quote_author::after {
        width: 20px;
    }
    
    .quote_author::before {
        left: -25px;
    }
    
    .quote_author::after {
        right: -25px;
    }
}

@media (max-width: 480px) {
    .quote_section {
        padding: 30px 0;
    }
    
    .quote_card {
        padding: 20px 15px;
    }
    
    .quote_text {
        font-size: 16px;
    }
    
    .quote_icon {
        font-size: 32px;
    }
    
    .quote_author {
        font-size: 12px;
    }
}

/* ============================================
   CUSTOM 5-CARD LAYOUT FOR INSPIRATION SECTION
   ============================================ */

/* Container for inspiration cards - using flexbox */
.inspiration-row {
    display: flex !important;
    flex-wrap: wrap !important;
    margin-left: -10px !important;
    margin-right: -10px !important;
}

/* Individual inspiration cards */
.inspiration-card {
    padding-left: 10px !important;
    padding-right: 10px !important;
    margin-bottom: 20px !important;
    box-sizing: border-box !important;
}

/* Large screens (desktops) - 5 cards per row */
@media (min-width: 1200px) {
    .inspiration-card {
        width: 20% !important;
        flex: 0 0 20% !important;
        max-width: 20% !important;
    }
}

/* Medium-large screens - 4 cards per row */
@media (min-width: 992px) and (max-width: 1199px) {
    .inspiration-card {
        width: 25% !important;
        flex: 0 0 25% !important;
        max-width: 25% !important;
    }
}

/* Medium screens (tablets) - 3 cards per row */
@media (min-width: 768px) and (max-width: 991px) {
    .inspiration-card {
        width: 33.333% !important;
        flex: 0 0 33.333% !important;
        max-width: 33.333% !important;
    }
}

/* Small screens (landscape phones) - 2 cards per row */
@media (min-width: 576px) and (max-width: 767px) {
    .inspiration-card {
        width: 50% !important;
        flex: 0 0 50% !important;
        max-width: 50% !important;
    }
}

/* Extra small screens (phones) - 1 card per row */
@media (max-width: 575px) {
    .inspiration-card {
        width: 100% !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
}

/* ============================================
   CONTACT PAGE QUOTE SECTION - FIX TEXT COLOR
   Remove gradient text, make text pure black
   ============================================ */

/* Override quote icon - remove gradient, make black */
.contact-quote-section .quote_icon {
    background: none !important;
    -webkit-background-clip: unset !important;
    background-clip: unset !important;
    -webkit-text-fill-color: #000000 !important;
    color: #000000 !important;
    text-shadow: none !important;
}

/* Override quote text - remove gradient, make black */
.contact-quote-section .quote_text {
    background: none !important;
    -webkit-background-clip: unset !important;
    background-clip: unset !important;
    -webkit-text-fill-color: #000000 !important;
    color: #000000 !important;
}

/* Override quote author - remove gradient, make black */
.contact-quote-section .quote_author {
    background: none !important;
    -webkit-background-clip: unset !important;
    background-clip: unset !important;
    -webkit-text-fill-color: #000000 !important;
    color: #000000 !important;
}

/* Ensure quote card text is black */
.contact-quote-section .quote_card {
    color: #000000;
}

.contact-quote-section .quote_card * {
    color: #000000 !important;
}

/* Section Icons */
.section-icon {
    margin-bottom: 20px;
}

.section-icon span {
    font-size: 42px;
}

.section-icon-large {
    margin-bottom: 25px;
}

.section-icon-large span {
    font-size: 56px;
}

/* About Section Enhancements */
.aboutus_section {
    background-image: url('../images/aboutus_background.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding: 100px 0 130px;
    position: relative;
}

.aboutus_image {
    position: relative;
    z-index: 1;
}

.aboutus-image-border {
    position: absolute;
    top: -15px;
    left: -15px;
    right: 15px;
    bottom: 15px;
    z-index: -1;
    border-radius: 10px;
}

.aboutus-divider {
    width: 80px;
    height: 4px;
    background: linear-gradient(90deg, #cc5500, #ffd700);
    margin: 20px 0 25px;
    border-radius: 2px;
}

.aboutus_content {
    padding-top: 30px;
    padding-left: 20px;
}

.aboutus_content h2 {
    color: #cc5500;
    margin-bottom: 5px;
}

.aboutus-features {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    margin-top: 25px;
}

.feature-item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 20px;
    background: linear-gradient(135deg, #fff3e0, #ffe0b2);
    border-radius: 25px;
    border: 1px solid #ffcc80;
}

.feature-item i {
    color: #e65100;
    font-size: 18px;
}

.feature-item span {
    color: #cc5500;
    font-weight: 600;
    font-size: 15px;
}

/* Founder Section */
.founder-section {
    background: linear-gradient(180deg, #fff8e1 0%, #ffffff 100%);
}

.founder-stats {
    display: flex;
    gap: 20px;
    margin-top: 30px;
    flex-wrap: wrap;
}

.stat-box {
    text-align: center;
    padding: 20px 25px;
    background: linear-gradient(135deg, #cc5500, #e65c00);
    border-radius: 15px;
    min-width: 100px;
    box-shadow: 0 5px 20px rgba(204, 85, 0, 0.3);
}

.stat-number {
    display: block;
    font-size: 28px;
    font-weight: 700;
    color: #ffd700;
    font-family: 'Playfair Display', serif;
}

.stat-label {
    display: block;
    font-size: 13px;
    color: #ffffff;
    margin-top: 5px;
}

/* Support Section */
.support-section {
    background: linear-gradient(135deg, #ff8f00 0%, #e65100 100%);
    padding: 100px 0;
    position: relative;
    overflow: hidden;
}

.support-section .our_specialties_heading_content h2,
.support-section .our_specialties_heading_content p {
    color: #ffffff;
}

.support-divider {
    width: 100px;
    height: 4px;
    background: #ffd700;
    margin: 20px auto 25px;
    border-radius: 2px;
}

.support-decorative {
    position: absolute;
    right: 10%;
    top: 50%;
    transform: translateY(-50%);
}

.support-om {
    font-size: 200px;
    color: rgba(255, 255, 255, 0.08);
    animation: omGlow 5s ease-in-out infinite;
}

/* Objectives Section */
.objectives-section {
    background: linear-gradient(180deg, #ffffff 0%, #fff8e1 100%);
    padding: 100px 0;
}

.objectives-divider {
    width: 80px;
    height: 4px;
    background: linear-gradient(90deg, #cc5500, #ffd700);
    margin: 20px auto 30px;
    border-radius: 2px;
}

.objectives-intro {
    font-size: 18px;
    line-height: 1.8;
    color: #555555;
    margin-bottom: 45px;
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
}

.objective-box {
    background: #ffffff;
    border-radius: 20px;
    padding: 30px 20px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);
    border: 1px solid #ffe0b2;
    transition: all 0.3s ease;
    text-align: center;
    height: 100%;
}

.objective-box:hover {
    transform: translateY(-10px);
    box-shadow: 0 20px 50px rgba(204, 85, 0, 0.2);
    border-color: #ffd700;
}

.objective-box .services_box_upper_portion {
    margin-bottom: 15px;
}

.objective-box .services_box_upper_portion img {
    width: 70px;
    height: 70px;
    object-fit: contain;
}

.objective-box .services_box_lower_portion h3 {
    color: #cc5500;
    font-size: 20px;
    margin-bottom: 10px;
}

.objective-box .services_box_lower_portion p {
    font-size: 14px;
    line-height: 1.6;
    color: #666666;
}

/* Activities Section */
.activities-section {
    background: linear-gradient(180deg, #ffffff 0%, #fff3e0 100%);
    padding: 100px 0;
}

.activities-divider {
    width: 80px;
    height: 4px;
    background: linear-gradient(90deg, #cc5500, #ffd700);
    margin: 20px auto 30px;
    border-radius: 2px;
}

.activity-box {
    background: #ffffff;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
    border: 1px solid #ffe0b2;
    transition: all 0.3s ease;
    margin-bottom: 30px;
}

.activity-box:hover {
    transform: translateY(-10px);
    box-shadow: 0 20px 50px rgba(204, 85, 0, 0.2);
}

.activity-box .pricing_plans_box_lower_portion {
    padding: 30px;
}

.activity-box .pricing_plans_box_lower_portion h3 {
    color: #cc5500;
    font-size: 24px;
    margin-bottom: 15px;
    text-align: center;
}

.activity-box .pricing_plans_box_lower_portion p {
    font-size: 16px;
    line-height: 1.7;
    color: #555555;
    text-align: center;
}

/* Animations */
@keyframes pulse {
    0%, 100% {
        transform: scale(1);
        opacity: 0.5;
    }
    50% {
        transform: scale(1.1);
        opacity: 0.8;
    }
}

@keyframes float {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-20px);
    }
}

/* Responsive Styles for updeshay.php */
@media (max-width: 991px) {
    .hero-banner-section {
        padding: 80px 0 60px;
        text-align: center;
    }
    
    .hero-banner-section h1 {
        font-size: 40px;
    }
    
    .hero-tagline {
        font-size: 22px;
    }
    
    .hero-buttons {
        justify-content: center;
    }
    
    .hero-image {
        margin-top: 40px;
    }
    
    .hanuman-img {
        max-height: 300px;
    }
    
    .hero-decorative-left,
    .hero-decorative-right {
        display: none;
    }
    
    .aboutus_content {
        padding-left: 0;
        padding-top: 40px;
        text-align: center;
    }
    
    .aboutus-features {
        justify-content: center;
    }
    
    .founder-stats {
        justify-content: center;
    }
    
    .support-om {
        font-size: 120px;
    }
}

@media (max-width: 576px) {
    .hero-banner-section h1 {
        font-size: 32px;
    }
    
    .hero-tagline {
        font-size: 18px;
    }
    
    .hero-description {
        font-size: 16px;
    }
    
    .hero-btn,
    .hero-btn-outline {
        padding: 12px 25px;
        font-size: 16px;
    }
    
    .quote_card {
        padding: 30px 20px;
    }
    
    .quote_text {
        font-size: 18px;
    }
    
    .stat-box {
        min-width: 80px;
        padding: 15px;
    }
    
    .stat-number {
        font-size: 22px;
    }
}

/* Sloka Section Styles - Single Column Alignment */
.sloka_section {
    padding: 80px 0;
    background: linear-gradient(180deg, #ffffff 0%, #fff8e1 100%);
    position: relative;
    width: 100%;
}

.sloka_section.bg-light {
    background: linear-gradient(180deg, #fff8e1 0%, #ffffff 100%);
}

.sloka_card {
    max-width: 700px;
    margin: 0 auto 50px auto;
    text-align: center;
    background: #ffffff;
    border-radius: 20px;
    padding: 50px 40px;
    border: 2px solid #ffd700;
    box-shadow: 0 10px 40px rgba(204, 85, 0, 0.15);
    position: relative;
    width: 100%;
    display: block;
    float: none;
    clear: both;
}

.sloka_card:last-child {
    margin-bottom: 0;
}

.sloka-icon {
    font-size: 48px;
    margin-bottom: 15px;
    display: block;
}

.sloka-title {
    font-family: 'Playfair Display', serif;
    font-size: 28px;
    color: #cc5500;
    margin-bottom: 15px;
    font-weight: 700;
    text-align: center;
    display: block;
}

.sloka-divider {
    width: 80px;
    height: 4px;
    background: linear-gradient(90deg, #cc5500, #ffd700);
    margin: 15px auto 25px auto;
    border-radius: 2px;
    display: block;
}

.sloka_text {
    font-size: 20px;
    line-height: 1.8;
    color: #333333;
    margin-bottom: 20px;
    font-style: italic;
    font-family: 'Karla', serif;
    text-align: center;
    display: block;
    width: 100%;
}

.sloka_translation {
    font-size: 16px;
    line-height: 1.7;
    color: #666666;
    margin-bottom: 20px;
    padding: 15px 20px;
    background: linear-gradient(135deg, #fff3e0, #ffe0b2);
    border-radius: 10px;
    border-left: 4px solid #cc5500;
    text-align: left;
    display: block;
    width: 100%;
    box-sizing: border-box;
}

.sloka_source {
    font-size: 14px;
    color: #cc5500;
    font-weight: 600;
    letter-spacing: 1px;
    display: block;
    text-align: center;
}

/* Hanuman Sloka Special Styling */
.hanuman_sloka {
    border: 3px solid #ff6f00;
    background: linear-gradient(180deg, #fff8e1 0%, #ffffff 100%);
}

.hanuman_sloka .sloka-icon {
    color: #ff6f00;
}

.hanuman_sloka .sloka-title {
    color: #e65100;
}

/* Responsive Sloka Styles */
@media (max-width: 768px) {
    .sloka_card {
        padding: 30px 20px;
        margin: 0 auto 30px auto;
        max-width: 100%;
    }
    
    .sloka_text {
        font-size: 18px;
    }
    
    .sloka_translation {
        font-size: 14px;
        padding: 12px 15px;
    }
    
    .sloka-title {
        font-size: 22px;
    }
    
    .sloka_section {
        padding: 40px 0;
    }
}

.updesh_section {
    padding: 100px 0;
    background: linear-gradient(135deg, #fff6ec, #ffe3c8);
    text-align: center;
}

.section_title {
    font-size: 42px;
    font-weight: 700;
    margin-bottom: 10px;
}

.section_subtitle {
    color: #666;
    margin-bottom: 80px;
}

.circle_layout {
    position: relative;
    width: 600px;
    height: 600px;
    margin: auto;
}

.center_image {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.center_image img {
    width: 250px;
    border-radius: 20px;
    box-shadow: 0 20px 40px rgba(0,0,0,0.3);
}

/* Circular Items */
.circle_item {
    position: absolute;
    width: 140px;
    text-align: center;
    transition: 0.4s;
}

.circle_item h4 {
    margin-top: 10px;
    font-size: 16px;
}

.icon {
    width: 70px;
    height: 70px;
    background: #ff6a00;
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    font-size: 24px;
    box-shadow: 0 10px 25px rgba(255,106,0,0.4);
}

/* Position Around Circle */
.item1 { top: 0; left: 50%; transform: translateX(-50%); }
.item2 { top: 20%; right: 0; }
.item3 { bottom: 20%; right: 0; }
.item4 { bottom: 0; left: 50%; transform: translateX(-50%); }
.item5 { bottom: 20%; left: 0; }
.item6 { top: 20%; left: 0; }

/* Hover Effect */
.circle_item:hover {
    transform: scale(1.1);
}

.circle_item:hover .icon {
    background: #d84315;
}
.circle_layout::before {
    content: "";
    position: absolute;
    width: 420px;
    height: 420px;
    border: 2px dashed #ff6a00;
    border-radius: 50%;
    top: 15%;
    left: 15%;
    transform: translate(-50%, -50%);
    animation: rotate 20s linear infinite;
}

@keyframes rotate {
    from { transform: translate(-50%, -50%) rotate(0deg); }
    to { transform: translate(-50%, -50%) rotate(360deg); }
}

/* Enhanced Updesh Section Styles */
.updesh_section {
    padding: 120px 0;
    background: linear-gradient(135deg, #fff6ec 0%, #ffe8d6 50%, #ffd9b3 100%);
    position: relative;
    overflow: hidden;
}

/* Background Pattern */
.updesh_section::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: 
        radial-gradient(circle at 20% 80%, rgba(255, 215, 0, 0.1) 0%, transparent 50%),
        radial-gradient(circle at 80% 20%, rgba(204, 85, 0, 0.1) 0%, transparent 50%);
    pointer-events: none;
}

/* Decorative OM Symbols */
.updesh-decorative {
    position: absolute;
    font-size: 60px;
    color: rgba(204, 85, 0, 0.15);
    animation: omFloat 4s ease-in-out infinite;
    z-index: 0;
    pointer-events: none;
}

.updesh-decorative-1 {
    top: 10%;
    left: 5%;
    animation-delay: 0s;
}

.updesh-decorative-2 {
    top: 20%;
    right: 8%;
    animation-delay: 1s;
}

.updesh-decorative-3 {
    bottom: 15%;
    left: 10%;
    animation-delay: 2s;
}

.updesh-decorative-4 {
    bottom: 25%;
    right: 5%;
    animation-delay: 3s;
}

@keyframes omFloat {
    0%, 100% {
        transform: translateY(0) rotate(0deg);
        opacity: 0.6;
    }
    50% {
        transform: translateY(-15px) rotate(10deg);
        opacity: 1;
    }
}

/* Section Header */
.section-header {
    text-align: center;
    margin-bottom: 60px;
    position: relative;
    z-index: 2;
}

.section-icon-wrapper {
    display: inline-block;
    margin-bottom: 15px;
}

.section-icon-wrapper .section-icon {
    font-size: 52px;
    animation: omGlow 3s ease-in-out infinite;
}

.section_title {
    font-size: 48px;
    font-weight: 700;
    margin-bottom: 15px;
    color: #cc5500;
    font-family: 'Playfair Display', serif;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);
}

.section-divider {
    width: 100px;
    height: 5px;
    background: linear-gradient(90deg, #cc5500, #ffd700, #cc5500);
    margin: 0 auto 20px;
    border-radius: 3px;
    position: relative;
}

.section-divider::before,
.section-divider::after {
    content: "ॐ";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 18px;
    color: #cc5500;
}

.section-divider::before {
    left: -30px;
}

.section-divider::after {
    right: -30px;
}

.section_subtitle {
    color: #666;
    font-size: 20px;
    max-width: 600px;
    margin: 0 auto;
    line-height: 1.6;
}

/* Circle Layout Enhanced */
.circle_layout {
    position: relative;
    width: 600px;
    height: 600px;
    margin: 0 auto 50px;
}

/* Decorative Rings */
.circle-ring {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 500px;
    height: 500px;
    border: 3px solid rgba(204, 85, 0, 0.3);
    border-radius: 50%;
    animation: ringPulse 3s ease-in-out infinite;
}

.circle-ring-inner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 350px;
    height: 350px;
    border: 2px dashed rgba(255, 215, 0, 0.5);
    border-radius: 50%;
    animation: rotate 30s linear infinite;
    pointer-events: none;
    margin-left: 0;
    margin-top: 0;
}


@keyframes ringPulse {
    0%, 100% {
        transform: translate(-50%, -50%) scale(1);
        opacity: 0.3;
    }
    50% {
        transform: translate(-50%, -50%) scale(1.05);
        opacity: 0.5;
    }
}

/* Center Image Enhanced */
.center_image {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
}

.center-image-frame {
    width: 220px;
    height: 220px;
    border-radius: 50%;
    padding: 8px;
    background: linear-gradient(135deg, #ffd700, #cc5500, #ffd700);
    box-shadow: 
        0 10px 40px rgba(204, 85, 0, 0.4),
        0 0 60px rgba(255, 215, 0, 0.3);
    animation: frameGlow 3s ease-in-out infinite;
}

.center-image-frame img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
    border: 3px solid #fff;
}

.center-glow {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 280px;
    height: 280px;
    background: radial-gradient(circle, rgba(255, 215, 0, 0.3) 0%, transparent 70%);
    z-index: -1;
    animation: glowPulse 4s ease-in-out infinite;
}

@keyframes frameGlow {
    0%, 100% {
        box-shadow: 
            0 10px 40px rgba(204, 85, 0, 0.4),
            0 0 60px rgba(255, 215, 0, 0.3);
    }
    50% {
        box-shadow: 
            0 15px 50px rgba(204, 85, 0, 0.5),
            0 0 80px rgba(255, 215, 0, 0.5);
    }
}

@keyframes glowPulse {
    0%, 100% {
        transform: translate(-50%, -50%) scale(1);
        opacity: 0.8;
    }
    50% {
        transform: translate(-50%, -50%) scale(1.2);
        opacity: 1;
    }
}

/* Circle Items Enhanced */
.circle_item {
    position: absolute;
    width: 160px;
    text-align: center;
    transition: all 0.4s ease;
    z-index: 5;
}

.circle_item:hover {
    transform: scale(1.1);
    z-index: 15;
}

/* Position Around Circle */
.item1 {
    top: -20px;
    left: 50%;
    transform: translateX(-50%);
}

.item1:hover {
    transform: translateX(-50%) scale(1.1);
}

.item2 {
    top: 15%;
    right: -10px;
}

.item3 {
    bottom: 15%;
    right: -10px;
}

.item4 {
    bottom: -20px;
    left: 50%;
    transform: translateX(-50%);
}

.item4:hover {
    transform: translateX(-50%) scale(1.1);
}

.item5 {
    bottom: 15%;
    left: -10px;
}

.item6 {
    top: 15%;
    left: -10px;
}

/* Updesh Card - Glass Morphism Effect */
.updesh-card {
    background: rgba(255, 255, 255, 0.85);
    backdrop-filter: blur(10px);
    border-radius: 20px;
    padding: 20px 15px;
    border: 1px solid rgba(255, 215, 0, 0.3);
    box-shadow: 
        0 8px 32px rgba(0, 0, 0, 0.1),
        inset 0 0 0 1px rgba(255, 255, 255, 0.5);
    transition: all 0.4s ease;
}

.updesh-card:hover {
    background: rgba(255, 255, 255, 0.95);
    box-shadow: 
        0 15px 50px rgba(204, 85, 0, 0.25),
        0 0 30px rgba(255, 215, 0, 0.2),
        inset 0 0 0 1px rgba(255, 215, 0, 0.5);
    transform: translateY(-5px);
    border-color: rgba(255, 215, 0, 0.6);
}

/* Icon Enhanced */
.updesh-card .icon {
    width: 65px;
    height: 65px;
    background: linear-gradient(135deg, #cc5500, #e65c00);
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 12px;
    font-size: 24px;
    box-shadow: 0 5px 20px rgba(204, 85, 0, 0.4);
    transition: all 0.4s ease;
    border: 3px solid #ffd700;
}

.updesh-card:hover .icon {
    background: linear-gradient(135deg, #ffd700, #ffaa00);
    color: #cc5500;
    box-shadow: 0 8px 25px rgba(255, 215, 0, 0.5);
    transform: scale(1.1);
}

.updesh-card h4 {
    font-size: 16px;
    font-weight: 700;
    color: #cc5500;
    margin-bottom: 8px;
    font-family: 'Playfair Display', serif;
    transition: all 0.3s ease;
}

.updesh-card:hover h4 {
    color: #e65100;
}

.updesh-card p {
    font-size: 12px;
    color: #666;
    line-height: 1.4;
    margin: 0;
    display: none;
    transition: all 0.3s ease;
}

.updesh-card:hover p {
    display: block;
    color: #555;
}

/* Footer Quote */
.updesh-footer {
    text-align: center;
    margin-top: 40px;
    position: relative;
    z-index: 2;
}

.updesh-footer p {
    display: inline-block;
    font-size: 24px;
    font-style: italic;
    color: #cc5500;
    font-family: 'Playfair Display', serif;
    background: linear-gradient(135deg, rgba(255, 215, 0, 0.2), rgba(255, 215, 0, 0.4));
    padding: 20px 40px;
    border-radius: 50px;
    border: 2px solid rgba(255, 215, 0, 0.5);
    box-shadow: 0 5px 20px rgba(204, 85, 0, 0.15);
}

.updesh-footer p::before,
.updesh-footer p::after {
    content: "ॐ";
    margin: 0 10px;
    color: #cc5500;
}

/* Responsive Design for Updesh Section */
@media (max-width: 991px) {
    .circle_layout {
        width: 500px;
        height: 500px;
    }
    
    .circle-ring {
        width: 420px;
        height: 420px;
    }
    
    .circle-ring-inner {
        width: 300px;
        height: 300px;
    }

    
    .center-image-frame {
        width: 180px;
        height: 180px;
    }
    
    .center-glow {
        width: 230px;
        height: 230px;
    }
    
    .circle_item {
        width: 140px;
    }
    
    .updesh-card {
        padding: 15px 12px;
    }
    
    .updesh-card .icon {
        width: 55px;
        height: 55px;
        font-size: 20px;
    }
    
    .updesh-card h4 {
        font-size: 14px;
    }
    
    .section_title {
        font-size: 38px;
    }
}

@media (max-width: 768px) {
    .updesh_section {
        padding: 80px 0;
    }
    
    .circle_layout {
        width: 380px;
        height: 380px;
        margin: 0 auto 40px;
    }
    
    .circle-ring {
        width: 320px;
        height: 320px;
    }
    
    .circle-ring-inner {
        width: 230px;
        height: 230px;
    }

    
    .center-image-frame {
        width: 140px;
        height: 140px;
    }
    
    .center-glow {
        width: 180px;
        height: 180px;
    }
    
    .circle_item {
        width: 110px;
    }
    
    .updesh-card {
        padding: 12px 8px;
    }
    
    .updesh-card .icon {
        width: 45px;
        height: 45px;
        font-size: 18px;
    }
    
    .updesh-card h4 {
        font-size: 12px;
    }
    
    .updesh-card:hover p {
        display: none;
    }
    
    .section_title {
        font-size: 32px;
    }
    
    .section_subtitle {
        font-size: 16px;
    }
    
    .section-divider::before,
    .section-divider::after {
        display: none;
    }
    
    .updesh-decorative {
        font-size: 40px;
    }
    
    .updesh-footer p {
        font-size: 18px;
        padding: 15px 30px;
    }
    
    .updesh-footer p::before,
    .updesh-footer p::after {
        display: none;
    }
    
    /* Reposition items for mobile */
    .item1 {
        top: -10px;
    }
    
    .item2 {
        top: 10%;
        right: -5px;
    }
    
    .item3 {
        bottom: 10%;
        right: -5px;
    }
    
    .item4 {
        bottom: -10px;
    }
    
    .item5 {
        bottom: 10%;
        left: -5px;
    }
    
    .item6 {
        top: 10%;
        left: -5px;
    }
}

@media (max-width: 480px) {
    .circle_layout {
        width: 320px;
        height: 320px;
    }
    
    .circle-ring {
        width: 280px;
        height: 280px;
    }
    
    .circle-ring-inner {
        width: 200px;
        height: 200px;
    }

    
    .center-image-frame {
        width: 120px;
        height: 120px;
        padding: 5px;
    }
    
    .center-glow {
        width: 150px;
        height: 150px;
    }
    
    .circle_item {
        width: 90px;
    }
    
    .updesh-card {
        padding: 10px 6px;
    }
    
    .updesh-card .icon {
        width: 38px;
        height: 38px;
        font-size: 16px;
        border-width: 2px;
    }
    
    .updesh-card h4 {
        font-size: 11px;
    }
    
    .section_title {
        font-size: 28px;
    }
}

/* ============================================
   EVENT LIST PAGE - IMAGE COVER STYLES
   ============================================ */

/* Event Image Container */
.event-image {
    position: relative;
    width: 100%;
    height: 220px;
    overflow: hidden;
    border-radius: 15px 15px 0 0;
}

.event-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
    transition: transform 0.4s ease;
}

/* Hover effect on event card */
.event-card:hover .event-image img {
    transform: scale(1.05);
}

/* Event date badge positioning */
.event-date-badge {
    position: absolute;
    top: 15px;
    right: 15px;
    background: linear-gradient(135deg, #cc5500, #e65c00);
    color: #ffffff;
    padding: 10px 15px;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
    z-index: 10;
}

.event-day {
    display: block;
    font-size: 24px;
    font-weight: 700;
    line-height: 1;
}

.event-month {
    display: block;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
}

/* Responsive event image heights */
@media (max-width: 991px) {
    .event-image {
        height: 200px;
    }
}

@media (max-width: 767px) {
    .event-image {
        height: 180px;
    }
}

@media (max-width: 575px) {
    .event-image {
        height: 160px;
    }
}


/* ============================================
   EVENT LIST PAGE - IMAGE COVER STYLES
   ============================================ */

/* Event Image Container */
.event-image {
    position: relative;
    width: 100%;
    height: 220px;
    overflow: hidden;
    border-radius: 15px 15px 0 0;
}

.event-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
    transition: transform 0.4s ease;
}

/* Hover effect on event card */
.event-card:hover .event-image img {
    transform: scale(1.05);
}

/* Event date badge positioning */
.event-date-badge {
    position: absolute;
    top: 15px;
    right: 15px;
    background: linear-gradient(135deg, #cc5500, #e65c00);
    color: #ffffff;
    padding: 10px 15px;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
    z-index: 10;
}

.event-day {
    display: block;
    font-size: 24px;
    font-weight: 700;
    line-height: 1;
}

.event-month {
    display: block;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
}

/* Responsive event image heights */
@media (max-width: 991px) {
    .event-image {
        height: 200px;
    }
}

@media (max-width: 767px) {
    .event-image {
        height: 180px;
    }
}

@media (max-width: 575px) {
    .event-image {
        height: 160px;
    }
}