/* #region fonts */
@font-face {
    font-family: Poppins-ExtraLight;
    src: url('../../fonts/Poppins/Poppins-ExtraLight.ttf') format('truetype');
}

@font-face {
    font-family: Poppins-Light;
    src: url('../../fonts/Poppins/Poppins-Light.ttf') format('truetype');
}

@font-face {
    font-family: Poppins-Thin;
    src: url('../../fonts/Poppins/Poppins-Thin.ttf') format('truetype');
}

@font-face {
    font-family: Poppins-Regular;
    src: url('../../fonts/Poppins/Poppins-Regular.ttf') format('truetype');
}

@font-face {
    font-family: Poppins-Medium;
    src: url('../../fonts/Poppins/Poppins-Medium.ttf') format('truetype');
}

@font-face {
    font-family: Poppins-SemiBold;
    src: url('../../fonts/Poppins/Poppins-SemiBold.ttf') format('truetype');
}

@font-face {
    font-family: Poppins-Bold;
    src: url('../../fonts/Poppins/Poppins-Bold.ttf') format('truetype');
}

@font-face {
    font-family: Poppins-ExtraBold;
    src: url('../../fonts/Poppins/Poppins-ExtraBold.ttf') format('truetype');
}

@font-face {
    font-family: Poppins-Black;
    src: url('../fonts/Poppins/Poppins-Black.ttf') format('truetype');
}

/* #endregion fonts */

.competition-main {
    width: 100%;
    gap: 64px;
    margin-top: 72px;
}

/* #region competition-banner */
.competition-banner {
}

.competition-banner-image {
    width: 100%;
    object-fit: cover;
    filter: brightness(40%);
}

#competition-banner-image-small {
    display: flex;
}

#competition-banner-image-large {
    display: none;
}

.competition-banner-texts {
    width: 100%;
    padding: 16px;
    position: absolute;
    bottom: 20px;
    left: 0px;
    right: 0px;
}

.competition-banner-text1 {
    font-family: Persian-SemiBold;
    font-size: 18px;
    color: #FFFFFF;
    text-align: right;
    margin-bottom:8px;
}

.competition-banner-text2 {
    font-family: Persian-Medium;
    font-size: 14px;
    color: #FFFFFF;
    text-align: right;
    margin-bottom: 40px;
}

.competition-banner-text3 {
    font-family: English-SemiBold;
    font-size: 18px;
    color: #FFFFFF;
    text-align: left;
    margin-bottom: 8px;
}

.competition-banner-text4 {
    font-family: English-Medium;
    font-size: 14px;
    color: #FFFFFF;
    text-align: left;
}
/* #endregion competition-banner */

/* #region competition-numbers */
.competition-numbers {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    padding: 0px 16px;
}

.competition-numbers-line {
    display: none;
    height: 2px;
    width: 100%;
    background-color: #CCCCCC;
}

.competition-numbers-image {
    width: 120px;
}

.competition-numbers-text {
    text-wrap: nowrap;
    margin-bottom: 8px;
    font-family: Persian-Bold;
    font-size: 16px;
}

.competition-numbers-description {
    text-wrap: nowrap;
    font-family: Persian-Regular;
    font-size: 16px;
}
/* #endregion competition-numbers */

/* #region competition-description */
.competition-description {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    padding:0px 16px;
}

.competition-description-title {
    font-family: Persian-SemiBold;
    font-size: 20px;
    color: black;
    text-align: center;
}

.competition-description-text {
    font-family: Persian-Regular;
    font-size: 16px;
    color: black;
    text-align: justify;
    text-align-last:center;
}

.competition-description-button {
    padding: 16px 24px;
    border-radius: 4px;
    border: 1px solid black;
    background-color: black;
    outline: none;
    font-family: Persian-SemiBold;
    font-size: 16px;
    color: white;
}

/* #endregion competition-description */

/* #region competition-saraYousefi */
.competition-saraYousefi {
    width: 100%;
    background-color: black;
    padding: 40px 16px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 32px;
    box-sizing: border-box;
}

.competition-saraYousefi-details {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 40px;
    /*width: 100%;*/
}

.competition-saraYousefi-text {
    font-family: Persian-Regular;
    font-size: 14px;
    color: white;
    text-align: justify;
    text-align-last:center;
}

.competition-saraYousefi-term {
}

.competition-saraYousefi-link {
    padding: 16px 24px;
    border-radius: 4px;
    border: 1px solid white;
    background-color: black;
    outline: none;
    font-family: Persian-SemiBold;
    font-size: 16px;
    color: white;
}

#competition-saraYousefi-link-small {
    display: flex;
}

#competition-saraYousefi-link-large {
    display: none;
}

.termic-swiper {
    width: 100%;
}

    .termic-swiper .swiper-slide {
        width: 100%;
    }

.competition-termic-swiper-slide-title {
    font-family: Persian-Medium;
    font-size: 12px;
    color: yellow;
    margin-bottom: 8px;
}

.competition-termic-swiper-slide-image {
    aspect-ratio: 4 / 3;
}

/* #endregion competition-saraYousefi */

/* #region competition-judges */
.competition-judges {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    padding:0px 16px;
}

.competition-judges-title {
    font-family: Persian-SemiBold;
    font-size: 20px;
    color: black;
    text-align: center;
}

.competition-judges-text {
    font-family: Persian-Regular;
    font-size: 16px;
    color: black;
    text-align: justify;
    text-align-last:center;
    margin-bottom:8px;
}

.judges-swiper {
    width: 100%;
}

.judgesSwiper .swiper-slide {
    width: 200px;
    height: 360px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
}

.competition-judges-swiper-image {
    width: 100px;
    height: 100px;
    object-fit: cover;
    object-position: center;
    border-radius: 50%;
}

.competition-judges-swiper-title {
    font-family: Poppins-SemiBold;
    font-size: 20px;
    color: black;
    text-align: center;
}

.competition-judges-swiper-link {
    font-size: 24px;
}

.competition-judges-swiper-text {
    font-family: Poppins-Regular;
    font-size: 14px;
    color: black;
    text-align: center;
    padding: 0px 32px;
}

.judges-swiper {
    display: block;
}

.judges-cards {
    display: none;
}

/* #endregion competition-judges */

/* #region competition-beSupporter */
.competition-beSupporter {
    background-color: #F7E9E9;
    padding: 24px 16px;
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.competition-beSupporter-title {
    font-family: Persian-SemiBold;
    font-size: 20px;
    color: black;
    text-align: center;
}

.competition-beSupporter-details {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 80px;
}

.competition-beSupporter-details-link {
    color: black;
    font-size: 32px;
}

.competition-beSupporter-text {
    font-family: Persian-Regular;
    font-size: 14px;
    color: black;
    text-align: center;
}

.competition-beSupporter-icon {
    width: 100px;
}

.competition-beSupporter-icon-text {
    font-family: Persian-Regular;
    font-size: 12px;
    color: black;
}

/* #endregion competition-beSupporter */

/* #region competition-rules */
.competition-rules {
    padding: 0px 16px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
}

.competition-rules-title {
    font-family: Persian-SemiBold;
    font-size: 20px;
    color: black;
    text-align: center;
}

.competition-rules-text{
    text-align:justify;
    text-align-last:center;
}

.competition-rule-card {
    display: flex;
    flex-direction: column;
}

.competition-rule-card-text {
    padding: 16px;
    color: black;
    font-size: 14px;
    text-align:justify;
}

.competition-rule-card-image {
    width: 100%;
    aspect-ratio: 3/2;
    object-fit: cover;
    object-position: center;
}

.competition-rule-card-text-number {
    font-family: Persian-Bold;
    font-size: 18px;
    color: black;
}

.competition-rules-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 16px;
}

.competition-rules-pagination-item {
    font-family: Persian-SemiBold;
    font-size: 18px;
    color: #888;
}

.competition-rules-pagination-active {
    color: black;
}
/* #endregion competition-rules */

/* #region competition-Sponsors */
.competition-Sponsors {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 24px;
}

.competition-Sponsors-title {
    font-family: Persian-SemiBold;
    font-size: 20px;
    color: gray;
    text-align: center;
}

.sponsors-swiper {
    width: 100%;
}

.sponsorsSwiper .swiper-slide {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.sponsors-swiper {
    display: block;
}

.competition-Sponsors-icons {
    display: none;
    justify-content: center;
    align-items: center;
    gap: 48px;
}

.competition-Sponsors-icon {
    width: 200px;
    height: 200px;
    object-fit: cover;
    object-position: center;
}
/* #endregion competition-Sponsors */