.my-inner {
    display: flex !important;
    flex-direction: column !important;
}

.topblock {
    display: none !important;
}

.mainnav li a {
    font-family: "Poppins", Sans-serif !important;
    transition: color 0.3s ease, border-bottom 0.3s ease !important;
    font-size: 16px;
    display: block;
    padding: 0.5rem 1rem;
    color: #444;
    font-weight: 700 !important;
}

.mainnav li a:hover {
    background: white;
}

/* Hover */
.mainnav li a:hover {
    color: dodgerblue !important;
}

.my-inner {
    flex-direction: column !important;
}

.page-header img {
    object-position: center 30% !important;
    /* move image down */
}

.whychooseus {
    padding: 0 !important;
}

.whychooseus .inner {
    display: flex !important;
}

.team h2,
.my-programs h1,
.testimonial-container h1 {
    font-weight: 700;
}


#contact-page .form button {
    background: linear-gradient(135deg, #6a11cb 0%, #2575fc 100%) !important;
    color: white !important;
    box-shadow: 0 4px 15px rgba(106, 17, 203, 0.3) !important;
}

.whychooseus h2 {
    margin-top: 48px !important;
    font-size: 2.5rem !important;
    position: relative;
}


.partners h2 {
    color: #000927;
    text-align: center;
    line-height: 1.2;
    font-size: 2.5rem;
    max-width: 800px;
    margin: 0 auto;
    position: relative;
    font-weight: 700;
    margin-bottom: 16px;
}

.mediaText p{
    text-align: center !important;
}

.page-header h1 {
    text-align: center !important;
}

.partners-row {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 2rem;
}

/* Logo container */
.partner-item {
    width: 180px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.partner-img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
}

/* 📱 Mobile: stack vertically */
@media (max-width: 768px) {
    .partners-row {
        flex-direction: column;
        gap: 1.5rem;
    }
    
    .cta-section{
        
            flex-direction: column-reverse;
    }
    
    .cta-section .cta-image{
        padding-top:24px !important;
        
    }
    

    .partner-item {
        width: 160px;
        height: 90px;
    }
}


.my-team {
    background: none !important;
    padding-top: 0 !important;
}

.whychooseus .inner section {
    width: 100%;
    max-width: 400px;
    /* optional: limits image size on large screens */
    margin: 0 auto !important;
    /* center the section horizontally */
}

.whychooseus .inner>section {
    padding: 0 !important;
}

.whychooseus section img {
    width: 100% !important;
    /* scales with container */
    height: auto !important;
    /* keeps aspect ratio */
    display: block !important;
    /* removes inline spacing */
    object-fit: cover !important;
    /* optional: fills container nicely */

}

.my-media {
    width: 96% !important;
    margin: 0 auto;
    display: flex !important;
    flex-direction: column !important;
}

.mediaText a {
    background-color: #4a6cf7 !important;
    color: white !important;
}

.mediaText .line {
    background: #4a6cf7 !important;
}


.my-programs {
    text-align: center !important;

}

.media-left {
    margin-top: -42px !important;
}

.whychooseus .inner p {
    color: #000 !important;

}

.my-inner section {
    width: 100% !important;
    padding: 0 !important;
    padding-bottom: 12px !important;
}

.intro .small {
    line-height: 2.5 !important;
}

.mainnav li a:focus,
.mainnav li a:active {
    outline: none !important;
    box-shadow: none !important;
}

/* Active page */
.mainnav li a.active {
    color: dodgerblue !important;
    font-weight: 600 !important;
}

.cta-wrapper {
    width: 100%;
    display: flex;
    justify-content: center;
}

@media (min-width: 1024px) {
    .cta-wrapper {
        max-width: 80%;
        /* controls desktop width */
        margin: 0 auto;
    }

    .cta-flyer {
        max-height: 150vh;
        /* reduce height on desktop */
        width: auto;
        /* optional: keep aspect ratio */
    }
}

.cta-section-bg {
    position: relative;
    /* needed for button overlay */
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cta-flyer {
    width: 100%;
    height: auto;
    /* scales properly */
    display: block;
}

.more-text {
    display: inline-block;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transform: translateY(-6px);
    transition:
        max-height 0.6s ease,
        opacity 0.5s ease,
        transform 0.5s ease;
}

.contactdiv {
    display: none !important;
}

/* when visible */
.more-text.show {
    max-height: 1000px;
    /* large enough to fit content */
    opacity: 1;
    transform: translateY(0);
}

@media (max-width: 512px) {
    .upcoming-events .inner .date {

        text-align: center !important;
        margin: auto !important;
        padding: 0 !important;
        border: 1px solid #ddd !important;
    }
}

@media (min-width: 1024px) {
    .upcoming-events .inner section {
        align-items: flex-start;
    }

    /* Left: date */
    .upcoming-events .inner section .date {
        flex: 0 0 80px;
        /* fixed, compact */
    }

    /* Middle: text (minimal width) */
    .upcoming-events .inner section .info {
        flex: 1 1 1;
        /* 👈 shrinks first */
        max-width: 70%;
    }

    /* Right: image */
    .upcoming-events .inner section .event-image,
    .upcoming-events .inner section .image {
        flex: 1 1 50%;
        max-width: 50%;
    }

    #footer .inner>section {
        width: 26% !important;
    }
}

.event-sect {
    width: 90%;
    margin: auto;
    text-align: center;
}

.event-sect h2 {
    text-align: center;
    font-weight: 600;
    font-size: 2.5rem;
    color: #E94D0A;
}

.footer-inner {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
}

.footer-inner section {
    font-size: 0.95rem;
}

#footer a {
    transition: color 0.3s ease, transform 0.3s ease !important;
}

/* Hover state */
#footer a:hover {
    color: dodgerblue !important;
    transform: translateX(2px);
    /* subtle slide effect */
}

/* Active state (clicked or currently active link) */
#footer a:active {
    color: tomato !important;
    transform: translateX(1px);
}

/* Focus state (keyboard accessibility) */
#footer a:focus {
    color: dodgerblue !important;
    outline: none;
    text-decoration: underline;
    /* optional visual cue */
}

#credits section {
    text-align: center !important;
}

/* Change designer name color */
.designer-name {
    color: dodgerblue;
    /* change to any brand color */
    font-weight: 600;
}

#footer .inner {
    justify-content: space-between !important;
}

#contact ul {
    color: #fff !important;
}

.mediaText p{
    text-align: center !important;
}