/**/
html, body {
    overflow-x: hidden; /* Prevent horizontal scroll */
    width: 100%;
}

.dashicons:before {
    font-family: dashicons !important;
}

.policies-section .policies-container a,
.policy-single .policies-container a {
    min-width: 280px;
}

.person-info-section .image {
    min-width: 350px;
}

.contact-section .contacts-container {
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
}

.transportation .read-more {
    background: var(--primary-red) !important;
    color: white !important;
}

.terms-section p {
    max-width: 900px;
}

.contacts-container .item i {
    font-size: 2rem;
}

header .nav-links {
	justify-content: space-between;
}

.different-section .container h2 {
	color: white;
}

.mission-vision .mv-container {
	justify-content: start;
}

.team .member .info {
	min-height: 79px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.team .member .info h3 {
	border: none;
}

.team .member .info h4 {
	color: #ccc;
}

.person-info-section {
	margin-top: 0 !important;
}

.map-section .btns button {
    border: none;
	border-bottom: 3px transparent solid;
}

.map-section .btns button.active {
    box-shadow: none; 
    color: green;
    transform: none;
    border-bottom: 3px green solid;
}

.lsq-numbers .item i::before {
    transform: translate(-50%, -50%);
    top: 25%;
}

.numbers.section .number-item i:before {
    top: 0;
}

@media screen and (min-width: 768px) {
    header .top-left {
        flex-direction: row-reverse;
    }
	
	.footer .footer-content {
		align-items: start;
	}
}

@media screen and (max-width: 991px) {
    .school-info-v1 .content-container,
    .school-info-v2 .content-container {
        grid-template-columns: 1fr;
    }
    
    .trust-section .container {
        flex-direction: column;
    }
    
    .number-item::after {
        display: none;
    }
}

@media screen and (max-width: 768px) {
    html {
        font-size: 15px;
    }
    
    .application-section .application-container {
        flex-direction: column-reverse;
    }
    
    .calender-department-section .calenders {
        grid-template-columns: 1fr;
    }
}

@media screen and (max-width: 576px) {
    .section-title-head h2::before,
    .section-title-head h2::after {
        top: auto;
        transform: none;
    }
    
    .section-title-head h2::before {
        top: 0;
        left: 0;
    }
    
    .section-title-head h2::after {
        bottom: 0;
        right: 0;
    }
    
    
    .footer .footer-column h3::after {
        left: 50%; 
        transform: translateX(-50%);
    }
}