﻿/* Small devices (landscape phones, 576px and up) */
@media (min-width:576px) {
}

/* Medium devices (tablets, 768px and up) */
/* @media screen and (max-width: 992px) and (min-width: 768px) { */
@media (min-width:768px) {
    .competition-main {
        gap: 96px;
    }

    /* #region competition-banner */
    #competition-banner-image-small {
        display: none;
    }

    #competition-banner-image-large {
        display: flex;
    }

    .competition-banner-texts {
        width: 100%;
        padding: 0px 80px;
        position: absolute;
        bottom: 40px;
        left: 0px;
        right: 0px;
    }

    .competition-banner-text1 {
        font-family: Persian-SemiBold;
        font-size: 20px;
        margin-bottom: 8px;
    }

    .competition-banner-text2 {
        font-family: Persian-Medium;
        font-size: 16px;
        margin-bottom: 30px;
    }

    .competition-banner-text3 {
        font-family: English-SemiBold;
        font-size: 20px;
        margin-bottom: 8px;
    }

    .competition-banner-text4 {
        font-family: English-Medium;
        font-size: 16px;
    }
    /* #endregion competition-banner */

    /* #region competition-numbers */
    .competition-numbers {
        flex-direction: row;
        justify-content: space-between;
        gap: 32px;
        padding: 0px 80px;
    }

    .competition-numbers-line {
        display: flex;
    }

    .competition-numbers-image {
        width: 120px;
    }

    /* #endregion competition-numbers */

    /* #region competition-description */
    .competition-description {
        gap: 24px;
        padding: 0px 80px;
    }

    .competition-description-title {
        font-family: Persian-SemiBold;
        font-size: 22px;
    }

    .competition-description-text {
        font-family: Persian-Regular;
        font-size: 16px;
    }

    .competition-description-button {
        padding: 16px 24px;
        font-family: Persian-SemiBold;
        font-size: 16px;
    }

    /* #endregion competition-description */

    /* #region competition-saraYousefi */
    .competition-saraYousefi {
        padding: 32px 80px;
        flex-direction: row;
        gap: 32px;
    }

    .competition-saraYousefi-details {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 40px;
        /*width: 100%;*/
    }

    .competition-saraYousefi-text {
        font-family: Persian-Regular;
        font-size: 16px;
    }

    .competition-saraYousefi-link {
        padding: 16px 24px;
        border-radius: 4px;
        font-family: Persian-SemiBold;
        font-size: 16px;
        color: white;
    }

    #competition-saraYousefi-link-small {
        display: none;
    }

    #competition-saraYousefi-link-large {
        display: inline-block;
    }

    .termic-swiper {
        /*width: 480px;*/
        width: calc(calc(100vw - 152px) / 3);
    }

    .competition-termic-swiper-slide-title {
        font-family: Persian-Medium;
        font-size: 12px;
        color: yellow;
    }

    /* #endregion competition-saraYousefi */

    /* #region competition-judges */
    .competition-judges {
        gap: 24px;
        padding:0px 80px;
    }

    .competition-judges-title {
        font-family: Persian-SemiBold;
        font-size: 22px;
    }

    .competition-judges-text {
        font-family: Persian-Regular;
        font-size: 16px;
        margin-bottom: 8px;
    }

    .judges-swiper {
        display: none;
    }

    .judges-cards {
        display: flex;
        justify-content:space-between;
        align-items:center;
        flex-wrap: wrap;
        width:100%;
    }

    .judges-card {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 8px;
        width: 200px;
        height: 360px;
    }

    .competition-judges-card-image {
        width: 100px;
        height: 100px;
        object-fit: cover;
        object-position: center;
        border-radius: 50%;
    }

    .competition-judges-card-title {
        font-family: Poppins-SemiBold;
        font-size: 20px;
        color: black;
        text-align: center;
    }

    .competition-judges-card-link {
        font-size: 24px;
    }

    .competition-judges-card-text {
        font-family: Poppins-Regular;
        font-size: 14px;
        color: black;
        text-align: center;
        padding: 0px 32px;
    }

    /* #endregion competition-judges */

    /* #region competition-beSupporter */
    .competition-beSupporter {
        padding: 24px 16px;
        gap: 32px;
    }

    .competition-beSupporter-title {
        font-family: Persian-SemiBold;
        font-size: 22px;
    }

    .competition-beSupporter-details {
        gap: 80px;
    }

    .competition-beSupporter-details-link {
        font-size: 32px;
    }

    .competition-beSupporter-text {
        font-family: Persian-Regular;
        font-size: 16px;
    }

    .competition-beSupporter-icon {
        width: 100px;
    }

    .competition-beSupporter-icon-text {
        font-family: Persian-Regular;
        font-size: 12px;
    }

    /* #endregion competition-beSupporter */

    /* #region competition-rules */
    .competition-rules {
        padding: 0px 80px;
        gap: 24px;
    }

    .competition-rule-card {
        /*width: 800px;*/
        width: 100%;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

    .competition-rules-title {
        font-family: Persian-SemiBold;
        font-size: 22px;
        color: black;
        text-align: center;
    }

    .competition-rule-card-text {
        padding: 64px 40px 0px;
        font-size: 14px;
    }

    .competition-rule-card-text-number {
        font-family: Persian-Bold;
        font-size: 18px;
    }

    .competition-rules-pagination {
        gap: 16px;
    }

    .competition-rules-pagination-item {
        font-family: Persian-SemiBold;
        font-size: 18px;
    }

    /* #endregion competition-rules */

    /* #region competition-Sponsors */
    .competition-Sponsors-title {
        font-family: Persian-SemiBold;
        font-size: 22px;
    }

    .sponsors-swiper {
        display: none;
    }

    .competition-Sponsors-icons {
        display: flex;
    }
    /* #endregion competition-Sponsors */

}

/* Large devices (desktops, 992px and up) */
@media (min-width:992px) {
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width:1200px) {
}
