@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@600;700;800&family=Poppins:wght@300;400;500;600&display=swap');

 /* Banner Background */
    .school-banner {
		width: 100%;
       margin: 0 !important;
        animation: fadeIn 1.2s ease-in-out;
		padding: 6px 12px;
    }




    /* Fade-in Animation */
    @keyframes fadeIn {
        from {opacity: 0; transform: translateY(-10px);}
        to   {opacity: 1; transform: translateY(0);}
    }
.row {
    --bs-gutter-x: 0;   /* remove horizontal gaps */
}
    /* Banner Images */
    .banner-img {
        max-height: 110px;
        width: auto;
        transition: transform 0.35s ease;
		margin-left:15px;
        
    }
    .banner-img-schoollogo {
        height: 90px;
        width: auto;        
        transition: transform 0.35s ease;
    }
	.banner-img-schoollogo:hover {
        transform: scale(1.2);
    }
    .banner-img:hover {
        transform: scale(1.2);
    }

    /* Title Styling */
    .banner-title h1 {
       
	font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: clamp(20px, 3.5vw, 30px);
    
    letter-spacing: 0px;
    text-transform: uppercase;
    }
.banner-title h2 {        
	font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: clamp(20px, 3.5vw, 30px);
    
    letter-spacing: 0px;
    text-transform: uppercase;
    }
    .banner-title h4 {
        font-size: 1.2rem;
        color: #ffe8c6;
        margin: 3px 0;
    }
	.banner-title h6 {
	font-family: "Segoe UI", Roboto, Arial, "Nirmala UI", "Mangal", sans-serif;
    font-size: 1.1rem;
    color: #E5F402;
    font-style: italic;
	}
   

    /* Responsive Adjustments */
    @media (max-width: 768px) {
        .banner-img {
            height: 50px;
            margin-bottom: 1px;
        }
        .banner-title h1 {
            font-size: clamp(20px, 3vw, 30px);
        }
        .banner-title h2 {
            font-size: clamp(15px, 3vw, 25px);
        }
        .banner-title h4 {
            font-size: clamp(10px, 2vw, 20px);
        }
        .banner-title h6 {
             font-size: clamp(10px, 2vw, 20px);
        }
		.school-banner .row {
        flex-direction: column;
    }

     
    .banner-right {
        order: 1;
        margin-bottom: 6px;
    }

    
    .banner-title {
        order: 2;
    }

    
    .banner-left {
        order: 3;
        justify-content: center;
        margin-top: 6px;
    }

    .banner-img {
        max-height: 60px;
    }
	.banner-title h2 {
        display: none;
    }
	.hide_mobile {
		display: none;
	}
    }

    @media (max-width: 480px) {
        .banner-img {
            height: 50px;
            margin-bottom: 1px;
        }
        .banner-title h1 {
            font-size: clamp(18px, 3.5vw, 30px);
        }
        .banner-title h2 {
            font-size: clamp(15px, 3vw, 25px);
        }
        .banner-title h4 {
            font-size: clamp(10px, 2vw, 20px);
        }
        .banner-title h6 {
             font-size: clamp(10px, 2vw, 20px);
        }
		.banner-title h2 {
        display: none;
    }
	.hide_mobile {
		display: none;
	}
    }
	
	
	/*image in text*/
.img-text {
    color: #1e3a8a; /* change this color as you like */
    text-shadow:
        1px 1px 0 #b5b5b5,
        2px 2px 0 #9e9e9e,
        3px 3px 0 #7f7f7f,
        4px 4px 6px rgba(0,0,0,0.4);
    font-weight: 700;
}

/* Optional: different color for Hindi line */
h2.img-text {
    color: #1e3a8a; /* maroon / saffron tone */
}