/* Для разрешения экрана от 0 до 375 пикселей (включительно) */
.spacer-between-blocks-large {
    margin-top: 60px;
}

.spacer-after-title {
    margin-top: 24px;
}

.block-title-name {
    font-size: 24px;
    line-height: 32px;
}

.block-intro {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.block-intro-title {
    margin-top: 30px;
    font-size: 40px;
    line-height: 48px;
}

.block-intro-title h1 {
    margin-top: 30px;
    font-size: 40px;
    line-height: 48px;
}

.block-intro-text {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-top: 32px;
    font-family: Inter;
    font-size: 16px;
    line-height: 24px;
}

.block-intro-button {
    margin-top: 60px;
}

.block-intro-title img {
    width: 24px;
    position: relative;
    left: -10px;
    top: -30px;
}

#button-find-competition {

    padding: 12px 32px;

    font-family: Onest;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.02em;
    /* button-master */


    /* Auto layout */

    /* display: flex; */
    /* flex-direction: row;
  justify-content: center;
  align-items: center; */
    /* padding: 14px 35px; */
    /* gap: 8px; */

    /* width: 114px; */
    /* height: 48px; */
    color: white;

    /* bg/inverse/defailt */
    position: relative;
    background: #262626;
    border-radius: 40px;

    /* Inside auto layout */
    /*
  flex: none;
  order: 0;
  flex-grow: 0; */
    /* font-size: 24px; */
    /* font-family: Onest-regular; */
    /* font-weight: normal; */
    -webkit-transform: rotate(-15deg);
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -o-transform: rotate(-15deg);
    transform: rotate(-15deg);

    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    -ms-transform-origin: top left;
    -o-transform-origin: top left;
    transform-origin: top left;

    transition: 300ms ease-out 200ms;
    border-style: none;
    margin-top: 40px;
    z-index: 2;
}

#div-find-competition:hover>#button-find-competition {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);

    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    -ms-transform-origin: top left;
    -o-transform-origin: top left;
    transform-origin: top left;

    background: #7c45f1;
}

#div-find-competition:hover>#button-find-competition-arrow {

    border-color: #7c45f1;
    color: #7c45f1;
    top: 5px;
    left: -1px;

    /* border-style: none; */
}

#button-find-competition-arrow {
    padding: 0px 8px 3px 8px;

    margin-left: -4px;
    position: relative;
    top: -5px;
    left: -22px;

    font-family: Manrope;
    font-size: 27px;
}

.block-benefits {
    font-family: Inter;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: 0.02em;

    /* display: grid;
    grid-template-columns: 1fr 1fr; */

    display: flex;
    flex-direction: column;

    gap: 16px;
}

.block-benefits>div {
    gap: 16px;
}

.block-benefits-star img{
    position: relative;
    top:-3px;
    width: 24px;
}

.block-category-card-text {
    font-size: 18px;
    line-height: 24px;
}

.block-title-more-name {
    font-size: 16px;
    line-height: 37px;
    margin-right: 9px;
}

.block-title-more-arrow {
    font-size: 26px;
    line-height: 34px;
}

.carousel-cell {
    margin:16px;
}

.block-contests {
    display: grid;
    grid-template-columns: 1fr;
    gap: 24px;
    width: 100%;
}

.block-contests-all, .block-contests-top {
    /* display: grid;
    grid-template-columns: 1fr; */
    display: flex;
    flex-direction: column;
    gap: 24px;
    width: 100%;
}

.block-contests-card {
    /* width: 301px; */
    width: 100%;
    height: 408px;
}

.block-contests-card-image {
    /* width: 301px; */
    width: 100%;
    height: 200px;
}

.block-contests-card-image img {
    /* width: 301px; */
    width: 100%;
    height: 200px;
    object-fit: cover;
}

.block-contests-all-card {
    /* width: 301px; */
    /* width: auto; */
    width: 100%;
    height: 408px;
}

.block-contests-all-card-image {
    /* width: 301px; */
    width: auto;
    height: 200px;
}

.block-contests-all-card-image > a img {
    width: 100%;
    height: 200px;
    object-fit: cover;
}

.block-howitworks {
    font-size: 16px;
    line-height: 24px;
    display: flex;
    flex-direction: column;
    gap:16px;
}

.block-howitworks-steps {
    margin-top: 24px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.block-howitworks-steps-number {
    font-size: 16px;
    line-height: 20px;
    border-radius: 32px;
    width: 32px;
    height: 32px;
}

.block-howitworks-steps-title {
    font-size: 18px;
    line-height: 24px;
}

.block-howitworks-steps-text {
    font-size: 16px;
    line-height: 24px;
}

.block-registrationbutton{
    padding: 12px 32px;
    border-radius: 40px;

    margin-top: 24px;

    font-size: 16px;
    line-height: 24px;
}

.block-news-card {
    width: 100%;
    max-width: 301px;
    height: 320px;
}

.block-news-card img {
    width: 100%;
    max-width: 301px;
    height: 200px;
    object-fit: cover;
}

.block-reviews-card {
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 24px;
    width: 100%;
    max-width: 301px;
    height: 510px;
}

/* .block-reviews-card-leftside {
    width: 80px;
}

.block-reviews-card-rightside {
    width: 466px;
} */

.block-reviews-card-title {
    display: flex;
    flex-direction: column;
}

.block-reviews-card-text {
    margin-top: 10px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 11;
    -webkit-box-orient: vertical;
}

@media (max-width: 335px) {
    .block-intro-title img {
        display: none;
    }
}

.block-footer-main {
    display: flex;
    flex-direction: column;
    padding: 32px 15px 32px 15px;
    gap: 54px;
}

.block-footer-links {
    display: flex;
    flex-direction: column;
    gap:32px;
}

.block-footer-links-subgrid {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.block-footer-info {
    padding: 0px 15px 40px 15px;
}

.block-filter {
    /* display: none; */
}

.block-no-contests {
    width: 100%;
    max-width: 100%;
    position: relative;
    top: 40px;
    left: 0;
}

.block-no-contests-1stline {
    font-size: 20px;
    line-height: 32px;
    margin-bottom: 15px;
}

.block-no-contests-2ndline {
    font-size: 14px;
    line-height: 32px;
    margin-bottom: 15px;
}

.block-no-contests-3rdline {
    font-size: 14px;
    line-height: 32px;
}

#button-2 {
    font-size: 12px;
    padding: 5px 10px;
}

.block-aboutus-text {
    font-family: Inter;
    font-size: 16px;
    line-height: 24px;
}

.block-aboutus-goals, .block-aboutus-activity {
    padding: 24px;
    font-family: Inter;
    font-size: 16px;
    line-height: 24px;
}

.block-aboutus-title {
    font-size: 32px;
    line-height: 36px;
}

.block-aboutus-sidebar {
    /* position: sticky; */
    /* top: 50px; */
    /* filters/main/desktop */


    /* Auto layout */

    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 32px 16px;
    gap: 24px;

    /* width: 301px; */
    /* height: 640px; */

    /* bg/island/default */



    /* Inside auto layout */

    /* flex: none;
    order: 0;
    flex-grow: 0; */
}

.block-container-with-sticky-menu {
    display: flex;
    flex-direction: column;
    gap: 16px;
}