/* Responsive Styles */
@media (max-width: 991.98px) {
    .header {
        padding-top: 4rem;
    }

    .header-title {
        font-size: 2.5rem;
        margin-bottom: 3rem;
    }

    .quote-persian {
        font-size: 1.5rem;
    }

    .quote-english {
        font-size: 1.2rem;
    }

    .logo-svg {
        width: 120px;
    }

    .main-image-container {
        max-width: 100%;
        margin: 0 auto;
    }

    .logo-section {
        text-align: center;
        margin-bottom: 1.5rem;
    }

    .quote-section {
        margin-top: 4rem;
    }

    .main-image-section {
        margin-bottom: 2rem;
    }

    /* Services responsive */
    .section-title {
        font-size: 2rem;
    }

    .service-title {
        font-size: 1.3rem;
    }

    .service-list li {
        font-size: 1rem;
    }

    /* Academy responsive */
    .academy {
        padding: 4rem 0;
    }

    .academy-title {
        font-size: 2.5rem;
        margin-bottom: 2rem;
        text-align: center;
    }

    .academy-content {
        padding: 1rem;
        margin-bottom: 2rem;
    }

    .academy-item {
        padding-bottom: 1.5rem;
    }

    .academy-item h3 {
        font-size: 1.3rem;
    }

    .academy-item p {
        font-size: 1.1rem;
    }

    .academy-item:nth-child(2) h3 {
        font-size: 1.2rem;
        margin-right: 1rem;
    }
}

@media (max-width: 767.98px) {
    .header-title {
        font-size: 2rem;
        margin-bottom: 2rem;
    }

    .quote-persian {
        font-size: 1.25rem;
    }

    .quote-english {
        font-size: 1rem;
    }

    .logo-svg {
        width: 100px;
    }

    .quote-section {
        margin-top: 4rem;
    }

    .main-image-section {
        margin-bottom: 2rem;
    }

    /* Services responsive */
    .services {
        padding: 4rem 0;
    }

    .section-title {
        font-size: 1.75rem;
        margin-bottom: 3rem !important;
    }

    .service-card {
        margin-bottom: 2rem;
    }

    /* Academy responsive */
    .academy-title {
        font-size: 2rem;
    }

    .academy-items {
        gap: 1.5rem;
    }

    .academy-item {
        padding-bottom: 1.5rem;
    }

    .academy-item h3 {
        font-size: 1.2rem;
    }

    .academy-item p {
        font-size: 1rem;
    }
}

@media (max-width: 575.98px) {
    .header {
        padding-top: 3rem;
    }

    .header-title {
        font-size: 1.75rem;
        margin-bottom: 2rem;
    }

    .quote-container {
        padding: 0 1rem;
    }

    .quote-section {
        margin-top: 5rem;
    }
}

/* Fix for very small screens */
@media (max-height: 600px) {
    .header {
        min-height: auto;
        padding: 2rem 0;
    }
}

/* Responsive styles for Management section */
@media (max-width: 991.98px) {
    .management {
        padding: 4rem 0;
    }

    .management-image {
        margin-left: 0;
        width: 100%;
    }

    .management .col-lg-6 {
        width: 100%;
        margin-top: 2rem;
    }

    .management-content {
        padding: 1rem;
        margin-bottom: 2rem;
        width: 100%;
    }

    .management-item {
        padding: 1.2rem;
        margin: 0;
    }

    .management-item h3 {
        font-size: 1.5rem;
    }

    .management-item h4 {
        font-size: 1.2rem;
    }

    .management-items {
        gap: 1.5rem;
        padding: 0 15px;
    }

    .container {
        max-width: 960px;
    }
}

@media (max-width: 767.98px) {
    .management-item {
        padding: 1rem;
    }

    .management-item h3 {
        font-size: 1.3rem;
    }

    .management-item h4 {
        font-size: 1.1rem;
    }

    .management-items {
        gap: 1rem;
        padding: 0 10px;
    }

    .container {
        max-width: 720px;
    }

    /* Container-width image styles */
    .management-image {
        width: 100%;
        margin-left: 0;
    }

    .management .col-lg-6 {
        width: 100%;
        margin-top: 2rem;
    }
}

@media (max-width: 575.98px) {
    .management-items {
        padding: 0 5px;
    }

    .container {
        max-width: 540px;
    }
}

/* Responsive styles for Impact section */
@media (max-width: 991.98px) {
    .impact {
        padding: 4rem 0;
    }

    .impact-title {
        font-size: 2rem;
    }

    .impact-item {
        font-size: 1.2rem;
    }

    .frame-container {
        padding: 1rem;
        margin-bottom: 2rem;
    }

    .tilted-frame {
        padding: 2rem;
    }
}

@media (max-width: 767.98px) {
    .impact-title {
        font-size: 1.8rem;
    }

    .impact-item {
        font-size: 1.1rem;
        padding: 0.8rem;
        padding-right: 1.5rem;
    }

    .impact-items {
        gap: 1rem;
    }

    .tilted-frame {
        padding: 1.5rem;
    }

    .impact-image {
        margin-top: 2rem;
    }
}

/* Responsive styles for Departments section */
@media (max-width: 991.98px) {
    .departments-container {
        max-width: 600px;
    }

    .department-item {
        width: 100px;
        height: 100px;
    }

    .department-label {
        font-size: 0.8rem;
    }
}

@media (max-width: 767.98px) {
    .departments-container {
        max-width: 400px;
    }

    .department-item {
        width: 80px;
        height: 80px;
    }

    .department-label {
        font-size: 0.7rem;
    }

    .building-svg {
        width: 50%;
    }
}

@media (max-width: 575.98px) {
    .departments-container {
        max-width: 300px;
    }

    .department-item {
        width: 60px;
        height: 60px;
    }

    .department-label {
        font-size: 0.6rem;
        padding: 5px;
    }

    .building-svg {
        width: 60%;
    }
}

/* Responsive styles for Strategy section */
@media (max-width: 991.98px) {
    .strategy {
        padding: 4rem 0;
    }

    .strategy-content {
        padding: 2rem;
    }

    .strategy .section-title {
        font-size: 2rem;
    }

    .strategy-items {
        flex-direction: column;
        gap: 2rem;
    }

    .strategy-item h4 {
        font-size: 1rem;
    }
}

@media (max-width: 767.98px) {
    .strategy-content {
        padding: 1.5rem;
    }

    .logo-img {
        width: 50px;
    }

    .logo-text {
        font-size: 1.2rem;
    }

    .strategy .section-title {
        font-size: 1.8rem;
    }
}

@media (max-width: 575.98px) {
    .strategy {
        padding: 3rem 0;
    }

    .logo-section {
        flex-direction: column;
        text-align: center;
    }

    .strategy-item h4 {
        font-size: 0.9rem;
        margin-bottom: 1rem;
    }
}

@media (max-width: 991.98px) {
    .logo-svg {
        width: 90px;
        margin-bottom: 1rem;
    }
    .main-image-container {
        max-width: 320px;
    }
}

/* Remove stacking for 767.98px, only stack at 575.98px and below */
@media (max-width: 575.98px) {
    .header .row.align-items-center {
        flex-direction: column-reverse !important;
        display: flex;
        align-items: center;
    }
    .main-image-section, .quote-section {
        width: 100%;
        max-width: 100%;
        margin: 0 auto 2rem auto;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .logo-section {
        text-align: center;
        width: 100%;
        margin-bottom: 1.5rem;
    }
    .main-image-container {
        max-width: 220px;
        margin: 0 auto;
    }
    .logo-svg {
        width: 60px;
    }
    .header {
        padding: 2rem 0.5rem;
    }
    .header-title {
        font-size: 1.5rem;
        margin-bottom: 1.5rem;
    }
    .quote-section, .main-image-section {
        margin-bottom: 1rem;
    }
}