/* Modern Premium Redesign CSS */
	:root {
	    --premium-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
	    --hover-shadow: 0 15px 40px rgba(0, 0, 0, 0.15);
	    --border-radius: 12px;
	    --transition-fast: 0.3s ease;
	    --primary-gradient: linear-gradient(135deg, #0f5e2f 0%, #146c43 50%, #1e8e5a 100%);
	    ;
	}

	.modern-ticker {
	    background: var(--primary-gradient) !important;
	    border-radius: 8px;
	    box-shadow: var(--premium-shadow);
	    margin: -30px auto 30px;
	    position: relative;
	    z-index: 10;
	    max-width: 95%;
	}

	.premium-card {
	    background: #fff;
	    border-radius: var(--border-radius);
	    box-shadow: var(--premium-shadow);
	    transition: var(--transition-fast);
	    overflow: hidden;
	    border: none;
	}

	.premium-card:hover {
	    transform: translateY(-5px);
	    box-shadow: var(--hover-shadow);
	}

	.hover-scale {
	    transition: var(--transition-fast);
	}

	.premium-card:hover .hover-scale {
	    transform: scale(1.05);
	}

	.about-image-wrapper {
	    border-radius: 16px;
	    overflow: hidden;
	    box-shadow: var(--premium-shadow);
	    position: relative;
	}

	.about-image-wrapper::after {
	    content: '';
	    position: absolute;
	    inset: 0;
	    box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.1);
	    border-radius: 16px;
	    pointer-events: none;
	}

	.section-head .title {
	    font-weight: 700;
	    letter-spacing: -0.5px;
	}

	.badge-update {
	    background: #ff4757;
	    padding: 4px 10px;
	    border-radius: 20px;
	    font-size: 12px;
	    font-weight: bold;
	    box-shadow: 0 4px 10px rgba(255, 71, 87, 0.4);
	    animation: pulse 2s infinite;
	    display: inline-block;
	}

	@keyframes pulse {
	    0% {
	        box-shadow: 0 0 0 0 rgba(255, 71, 87, 0.4);
	    }

	    70% {
	        box-shadow: 0 0 0 10px rgba(255, 71, 87, 0);
	    }

	    100% {
	        box-shadow: 0 0 0 0 rgba(255, 71, 87, 0);
	    }
	}

	.notice-list-item {
	    padding: 15px;
	    border-radius: 8px;
	    background: #f8f9fa;
	    margin-bottom: 15px;
	    transition: var(--transition-fast);
	    border-left: 4px solid #0d6efd;
	}

	.notice-list-item:hover {
	    background: #fff;
	    box-shadow: var(--premium-shadow);
	    transform: translateX(5px);
	}

	.admission-banner {
	    background: var(--primary-gradient);
	    color: white;
	    border-radius: 20px;
	    padding: 40px;
	    box-shadow: 0 20px 40px rgba(13, 110, 253, 0.2);
	    position: relative;
	    overflow: hidden;
	}

	.admission-banner::before {
	    content: '';
	    position: absolute;
	    top: -50%;
	    left: -50%;
	    width: 200%;
	    height: 200%;
	    background: radial-gradient(circle, rgba(255, 255, 255, 0.1) 0%, transparent 60%);
	    transform: rotate(30deg);
	}

	.admission-banner * {
	    position: relative;
	    z-index: 1;
	}

	.icon-box-modern {
	    padding: 30px;
	    border-radius: var(--border-radius);
	    background: #fff;
	    box-shadow: var(--premium-shadow);
	    text-align: center;
	    transition: var(--transition-fast);
	    height: 100%;
	    display: block;
	    color: #333;
	}

	.icon-box-modern:hover {
	    transform: translateY(-10px);
	    box-shadow: var(--hover-shadow);
	    color: #0d6efd;
	}

	.icon-box-modern .icon-media {
	    border-radius: 12px;
	    overflow: hidden;
	    margin-bottom: 20px;
	    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
	}

	.icon-box-modern .icon-media img {
	    width: 100%;
	    height: 150px;
	    object-fit: cover;
	    transition: var(--transition-fast);
	}

	.icon-box-modern:hover .icon-media img {
	    transform: scale(1.1);
	}

	.testimonial-modern {
	    background: var(--primary-gradient);
	    color: #fff;
	    padding: 40px;
	    border-radius: 16px;
	    box-shadow: 0 15px 35px rgba(13, 110, 253, 0.3);
	    margin: 15px;
	    position: relative;
	    overflow: hidden;
	    transition: var(--transition-fast);
	}

	.testimonial-modern:hover {
	    transform: translateY(-5px);
	    box-shadow: 0 20px 40px rgba(13, 110, 253, 0.4);
	}

	.testimonial-modern::after {
	    content: '"';
	    position: absolute;
	    top: -20px;
	    right: 10px;
	    font-size: 150px;
	    color: rgba(255, 255, 255, 0.1);
	    font-family: serif;
	    line-height: 1;
	}

	.testimonial-text {
	    font-size: 16px;
	    line-height: 1.6;
	    margin-bottom: 30px;
	    position: relative;
	    z-index: 1;
	}

	.testimonial-pic-modern {
	    display: flex;
	    align-items: center;
	    gap: 15px;
	    position: relative;
	    z-index: 1;
	}

	.testimonial-pic-modern img {
	    width: 70px !important;
	    height: 70px !important;
	    border-radius: 50%;
	    object-fit: cover;
	    border: 3px solid rgba(255, 255, 255, 0.5);
	}

	.nav-tabs-modern {
	    border: none;
	    justify-content: center;
	    margin-bottom: 30px !important;
	}

	.nav-tabs-modern li {
	    margin: 0 5px;
	}

	.nav-tabs-modern li a {
	    border: none !important;
	    background: #b9231e;
	    border-radius: 30px;
	    padding: 10px 25px;
	    color: #495057;
	    font-weight: 600;
	    transition: var(--transition-fast);
	    display: inline-block;
	}

	.nav-tabs-modern li a.active {
	    background: #146c43 !important;
	    color: #fff !important;
	    box-shadow: 0 5px 15px rgba(13, 110, 253, 0.3);
	}

	/* News & Gallery Modern Pattern */
	.news-gallery-section {
	    background: #f8f9fa;
	    position: relative;
	    padding: 0px 0;
	    overflow: hidden;
	}

	.news-gallery-section::before {
	    content: '';
	    /* position: absolute; */
	    top: -100px;
	    right: -100px;
	    width: 400px;
	    height: 400px;
	    background: radial-gradient(circle, rgba(13, 110, 253, 0.05) 0%, transparent 70%);
	    border-radius: 50%;
	}

	.news-gallery-section::after {
	    content: '';
	    position: absolute;
	    bottom: -100px;
	    left: -100px;
	    width: 300px;
	    height: 300px;
	    background: radial-gradient(circle, rgba(13, 110, 253, 0.05) 0%, transparent 70%);
	    border-radius: 50%;
	}

	.modern-notice-card {
	    background: #fff;
	    border-radius: 16px;
	    padding: 20px;
	    display: flex;
	    align-items: center;
	    gap: 20px;
	    margin-bottom: 15px;
	    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.03);
	    transition: var(--transition-fast);
	    border-left: 4px solid transparent;
	}

	.modern-notice-card:hover {
	    transform: translateX(10px);
	    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
	    border-left-color: #0d6efd;
	}

	.notice-date-badge {
	    background: #f1f5f9;
	    color: #0d6efd;
	    min-width: 65px;
	    text-align: center;
	    border-radius: 12px;
	    padding: 10px;
	    font-weight: 700;
	}

	.notice-date-badge .day {
	    font-size: 24px;
	    line-height: 1;
	    display: block;
	}

	.notice-date-badge .month {
	    font-size: 12px;
	    text-transform: uppercase;
	}

	.modern-gallery-grid {
	    display: grid;
	    grid-template-columns: repeat(2, 1fr);
	    gap: 15px;
	}

	.modern-gallery-item {
	    position: relative;
	    border-radius: 16px;
	    overflow: hidden;
	    height: 200px;
	    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
	    display: block;
	}

	.modern-gallery-item img {
	    width: 100%;
	    height: 100%;
	    object-fit: cover;
	    transition: transform 0.5s ease;
	}

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

	.modern-gallery-overlay {
	    position: absolute;
	    inset: 0;
	    background: rgba(13, 110, 253, 0.7);
	    display: flex;
	    align-items: center;
	    justify-content: center;
	    opacity: 0;
	    transition: var(--transition-fast);
	}

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

	.modern-gallery-overlay i {
	    color: #fff;
	    font-size: 30px;
	    transform: translateY(20px);
	    transition: var(--transition-fast);
	}

	.modern-gallery-item:hover .modern-gallery-overlay i {
	    transform: translateY(0);
	}

	.topper-card-modern {
	    background: linear-gradient(145deg, #ffffff, #f0f4f8);
	    border-radius: 20px;
	    padding: 30px 20px;
	    text-align: center;
	    position: relative;
	    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05);
	    transition: all 0.4s ease;
	    border: 1px solid rgba(255, 255, 255, 0.6);
	    margin: 15px;
	    z-index: 1;
	}

	.topper-card-modern:hover {
	    transform: translateY(-10px);
	    box-shadow: 0 20px 40px rgba(13, 110, 253, 0.15);
	}

	.topper-card-modern::before {
	    content: '';
	    position: absolute;
	    top: 0;
	    left: 0;
	    right: 0;
	    height: 100px;
	    background: var(--primary-gradient);
	    border-radius: 20px 20px 0 0;
	    z-index: -1;
	}

	.topper-pic-wrapper {
	    position: relative;
	    width: 130px;
	    height: 130px;
	    margin: 0 auto 20px;
	}

	.topper-pic-wrapper img {
	    width: 100% !important;
	    height: 100% !important;
	    object-fit: cover;
	    border-radius: 50%;
	    border: 5px solid #fff;
	    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
	}

	.topper-badge {
	    position: absolute;
	    bottom: -5px;
	    left: 50%;
	    transform: translateX(-50%);
	    background: #ffb800;
	    color: #fff;
	    font-weight: 800;
	    padding: 5px 15px;
	    border-radius: 20px;
	    font-size: 14px;
	    box-shadow: 0 5px 10px rgba(255, 184, 0, 0.4);
	    border: 2px solid #fff;
	    white-space: nowrap;
	}

	.topper-name {
	    font-size: 18px;
	    font-weight: 700;
	    color: #333;
	    margin-bottom: 5px;
	}

	.topper-class {
	    font-size: 14px;
	    color: #777;
	    text-transform: uppercase;
	    letter-spacing: 1px;
	}

	/* Modern Hero Slider */
	.modern-hero-slider .item {
	    position: relative;
	    height: 75vh;
	    min-height: 500px;
	}

	.modern-hero-slider .owl-nav {
	    display: none;
	}

	.modern-hero-slider .item img {
	    width: 100%;
	    height: 100%;
	    object-fit: cover;
	}

	.modern-hero-overlay {
	    position: absolute;
	    inset: 0;
	    /* background: linear-gradient(to right, rgb(4 96 41 / 68%) 0%, rgb(209 243 215 / 30%) 100%); */
	    background: linear-gradient(to right, rgb(29 45 35 / 68%) 0%, rgb(217 234 220 / 0%) 100%);
	    display: flex;
	    align-items: center;
	}

	.hero-content {
	    color: #fff;
	    max-width: 800px;
	    animation: fadeInUp 1s ease;
	}

	.hero-content h1 {
	    font-size: 3.5rem;
	    font-weight: 800;
	    margin-bottom: 20px;
	    color: #fff;
	    line-height: 1.2;
	    text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
	}

	.hero-content p {
	    font-size: 1.3rem;
	    margin-bottom: 30px;
	    opacity: 0.9;
	    text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
	}

	.hero-content a {
	    /* background: #b9231e !important;
							border-color: #b9231e !important; */
	    background: #ffb800 !important;
	    color: #fff;
	    font-weight: 800;
	    padding: 8px 16px !important;
	    border-radius: 20px !important;
	    font-size: 14px;
	    box-shadow: 0 5px 10px rgba(255, 184, 0, 0.4) !important;
	    border: 2px solid #fff !important;
	    white-space: nowrap;
	}

	@media only screen and (max-width: 767px) {

	    .hero-content h1 {
	        font-size: 1.8rem;
	        font-weight: 800;
	    }
		.m-b30 {
			margin-bottom: 10px;
		}
	}