@import url('https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,100..900;1,100..900&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Manrope:wght@200..800&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Raleway:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

html {
    overflow-x: hidden;
}

button {
border: none !important;
}

#catLikesModal,  #catVoteErrorModal{

    .modal-body{
        padding-top: 50px!important;

        a {
            position: absolute;
            right: 0; 
            top: 0;
          
        }

        button.close {
                        
            height: 36px;
            padding-bottom: 23px;
            padding-top: 5px;
        
        }
    } 
}

.br-show {
            display: none;
        }

@media (max-width: 640px) {
    
    #catLikeModal {
        .br-show {
            display: block;
        }

        #copy-link {
            font-size: 14px!important;
        }

        #c_likes_t {
            margin-top: -84px!important;
        }

        #c_id_img {
            width: 130px!important;
    padding-top: 1.1rem !important;

        }

        .text-orange {
            font-size: 14px;
        }

        #modal_desc font {
            line-height: 150%;
        }


    
    }
}




.header a {
    text-decoration: none;
}
#menu-mob {
    transition: 1s;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "Inter", sans-serif;
}

.semibold {
    font-weight: 600;
}

.light-blue {
    color: #00A3C9;
}

p {
    margin: 0!important;
}

.container-fluid {
    max-width: 1920px;
    margin: 0 auto;
    padding-inline: 0!important;
}

.header {
    margin-inline: 44px;
    padding-top: 34px;
    padding-bottom: 21px;
    padding-inline: 22px;
    border-bottom: 1px solid #00A3C9;

}

.gap206 {
    gap: clamp(22px, 10.72vw, 206px);
}

.gap55 {
    gap: clamp(22px, 2.86vw, 55px);
}

.font24 {
    font-size: clamp(16px, 1.25vw, 24px);
}

.main-block {
    margin-inline: 44px;
    padding-left: 18px;
    padding-top: 43px;
}

.mt_-20px {
    margin-top: -20px;
}

.relative {
    position: relative;
}

.gap60 {
    gap: clamp(22px, 3.125vw, 60px);
}

.img-cont0 {
    width: clamp(166px, 11.45vw, 220px);
    img {
        width: 100%;
    }
}

.absolute {
    position: absolute;
}

.date-block {
    top: 156px;
    left: 0;
    transform: translateX(-52%);
    width: clamp(311px, 53.802vw, 1033px);
    img {
        width: 100%;
        rotate: 186deg;
    }
}

.img-cont1 {
    width: clamp(93px, 18.125vw, 348px);
    img {
        width: 100%;
    }
}

.white {
    color: white;
}

.date-text {
    top: 54.966%;
    /* top: 268px; */
    right: 9.2%;
    /* right: 105px; */
    z-index: 1;
}

.line1 {
    line-height: normal;
}



.font83 {
    font-size: clamp(27px, 4.322vw, 83px);
}

.font58 {
    font-size: clamp(19px, 3.0208vw, 58px);
}

.img-cont2 {
    width: clamp(128px, 23.645vw, 454px);
    img {
        width: 100%;
    }
}

.img-cont3 {
    width: clamp(52px, 8.437vw, 162px);
    img {
        width: 100%;
    }
}

.img-cont4 {
    width: clamp(174px, 28.75vw, 552px);
    img {
        width: 100%;
    }
}

.font25 {
    font-size: clamp(16px, 1.302vw, 25px);
}

.medium {
    font-weight: 500;
}

.gap112 {
    gap: clamp(22px, 5.208vw, 100px);
}

.gap29 {
    gap: 29px;
}

.green {
    color: #00A02C;
}

.extrabold {
    font-weight: 800;
}

.gap48 {
    gap: 48px;
}


.card-block {
    /* margin-top: 308px; */
    margin-top: clamp(220px, 16.051vw, 308px);
    padding-bottom: clamp(10px, 3.4375vw, 66px);

}

.gap4 {
    gap: 4px;
}

.line65 {
    line-height: clamp(39px, 3.385vw, 65px);
}

.city-block {
    top: clamp(150px, 12.916vw, 248px);
    left: 50%;
    transform: translateX(-50%);
    width: clamp(680px, 133.385vw, 2561px);
    z-index: -10;
    img {
        width: 100%;
    }
}

.bg-blue {
    background-color: #0082CB;
}

.bold {
    font-weight: 700;
}

.big-button {
    width: 414px;
    height: 75px;
    border-radius: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.people-block {
    bottom: 0;
    right: -44px;
    top: -121px;
    left: clamp(300px, 38.125vw, 732px);
    overflow: hidden;
    /* left: 732px; */
}

.ground {
    bottom: 0;
    max-height: 466px;
    left: 0;
    width: clamp(318px, 85.208vw, 1636px);
        transform: translateY(50%);

    img {
        /* max-height: 466px; */
        /* height: 100%; */
        width: 100%;

    }

}

.man1 {
    width: clamp(95px, 18.0208vw, 346px);
    bottom: clamp(-70px, -3.645vw, -30px);
    left: clamp(20px, 3.385vw, 65px);
    transform: translateY(-100%);
    img {
        width: 100%;
    }
}

.man2 {
    width: clamp(81px, 17.3958vw, 334px);
    bottom: clamp(-300px, -15.625vw, -100px);
    left: clamp(200px, 23.229vw, 446px);
    transform: translateY(-100%);
    img {
        width: 100%;
    }
}

.man3 {
    width: clamp(74px, 14.843vw, 285px);
    bottom: clamp(-419px, -21.822vw, -200px);
    /* bottom: -419px; */
    /* left: 791px; */
    left: clamp(200px, 41.197vw, 791px);
    transform: translateY(-100%);
    img {
        width: 100%;
    }
}

.width100 {
    width: 100%;
}

.hight100 {
    height: 100%;
}

.font38 {
    font-size: 38px;
}

.card-image {
    width: clamp(334px, 29.27vw, 562px);
    img {
        width: 100%;
    }
}

.font51 {
    font-size: clamp(28px, 2.656vw, 51px);
}

.blue {
    color: #0082CB;
}

.sport-text {
    top: clamp(161px, 25.677vw, 493px);
    /* top: 493px; */
    left: 123px;
    /* bottom: clamp(10px, 2.083vw, 40px); */
    bottom: 40px;
    /* max-height: 294px; */
    height: clamp(90px, 15.3125vw, 294px);
    img {
        height: 100%;
    }
}

.sport-block {
    top: 10px;
    right: 0;
    transform: translateX(22.625%);
    width: clamp(490px, 79.218vw, 1521px);
    min-height: 827px;
    img {
        width: 100%;
    }
}

.mob-block {
        display: none;
    }

.column {
    flex-direction: column;
}



.second-block {
    padding-top: 60px;
    padding-bottom: 67px;

}

.bg-grey {
    background-color: #E6E6E6;
}

.container {
    max-width: 1355px;
    margin: 0 auto;
    padding: 0!important;
}

.first-text {
    padding-left: clamp(19px, 5.104vw, 98px);
    padding-bottom: clamp(13px, 2.135vw, 41px);

}

.second-text {
    padding-left: clamp(113px, 20.52vw, 394px);
    padding-bottom: clamp(16px, 2.5vw, 48px);



}

.third-text {
    padding-left: clamp(19px, 5.104vw, 98px);
    padding-bottom: clamp(26px, 3.02vw, 58px);


}

.font55 {
    font-size: clamp(29px, 2.864vw, 55px);
    line-height: clamp(38px, 3.593vw, 69px);
}

.font29 {
    font-size: clamp(16px, 1.51vw, 29px);
}

.bg-green {
    background-color: #00A02C;
}

.big-card {
    border-radius: 15px;
    width: 100%;
    padding-top: 20px;
    padding-bottom: 70px;
    padding-left: 97px;
    padding-right: 79px;
}

.gap28 {
    gap: 28px;
}

.card-rules {
    padding-left: 8px;
}

.first {
    max-width: 352px;
}

.second {
    max-width: 364px;
}

.third {
    max-width: 465px;
}

.gap14 {
    gap: 14px;
}

.font210 {
    font-size: clamp(121px, 10.937vw, 210px);
    line-height: clamp(64px, 3.593vw, 69px);
}

.font26 {
    font-size: clamp(22px, 1.354vw, 26px);
    line-height: clamp(29px, 1.875vw, 36px);
    
}

.gap10 {
    gap: 10px;
}

.rules-link {
    padding-top: clamp(22px, 2.552vw, 45px);
    margin: 0 auto;
    width: fit-content;
}

.underline {
    text-decoration: underline;
}

.font34 {
    font-size: clamp(20px, 1.77vw, 34px);
}

.third-block {
    padding-top: 96px;
    padding-bottom: 121px;
}

form {
    max-width: 863px;
    margin: 0 auto;
}

.font62 {
    font-size: clamp(34px, 3.229vw, 62px);
    line-height: 36px;
}

.inputs {
    padding-top: clamp(21px, 3.697vw, 71px);
    gap: clamp(19px, 2.083vw, 40px);
    padding-bottom: clamp(28px, 3.593vw, 69px);
}

.field {
    gap: 13px;
    width: 100%;
}

.submit-button {
    max-width: 192px;
    height: 70px;
    border-radius: 10px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: clamp(35px, 3.90vw, 75px);


}

.line36 {
    line-height: 36px;
}

input {
    padding: 17px;
    border-radius: 15px;
    background-color: white;
    width: 100%;
    border: none;
}

.file-button {
    height: 70px;
    max-width: 472px;
    border-radius: 10px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.font27 {
    font-size: clamp(13px, 2.72vw, 27px);
}

.font20 {
    font-size: clamp(11px, 2.02vw, 27px);

}

.forth-block {
    padding-top: 89px;
    padding-bottom: 63px;
}

.content-cards {
    max-width: 1198px;
    margin: 0 auto;
}

.mb49px {
    margin-bottom: 49px !important;
    padding-inline: 10px;
}

.col-lg-6 {
    padding: 31px!important;
}

.bg-white {
    background-color: white;
}

.light {
    font-weight: 300;
}

.card-winner {
    width: 100%;
    /* height: 509px; */
    border-radius: 20px;
    padding-inline: 30px;
    padding-top: 29px;
    padding-bottom: 14px;
    gap: 14px;
    border: 1px solid #0082CB;
}

.fifth-block {
    padding-top: 69px;
    padding-bottom: 83px;
}



.winner-inner {
    width: 100%;
    /* height: 410px; */
    aspect-ratio: 488 / 410;
    border-radius: 17px;
}

.font28 {
    font-size: clamp(17px, 1.458vw, 28px);
}

.gap11 {
    gap: 11px;
}

.footer {
    padding-top: 115px;
    padding-bottom: 63px;
    padding-inline: 35px;
}

.gap19 {
    gap: 19px;
}

.social {
    width: 68px;
    height: 68px;
    img {
        width: 100%;
    }
}

.footer-cont {
    padding-inline: 13px;
}

.logo-img {
    width: clamp(191px, 19.166vw, 368px);
    img {
        width: 100%;
    }
}

.text-footer {
    padding-top: 29px;

}

.line34 {
    line-height: 34px;
}

a {
    color: inherit!important;
}



/* =============== medias ======================= */

@media (max-width: 1500px) {
    .sport-block {
    transform: translateX(24.625%);
    width: clamp(490px, 83.218vw, 1521px);
    }

    .sport-text {
    top: clamp(161px, 26.677vw, 493px);
    /* top: 493px; */
    left: 110px;

}
}
@media (max-width: 1280px) {
    .img-cont1 {
        width: clamp(93px, 17.125vw, 348px);
    }

    .img-cont2 {
        width: clamp(128px, 22.645vw, 454px);
    }

    .img-cont3 {
        width: clamp(52px, 7.437vw, 162px);
    }

    .img-cont4 {
        width: clamp(174px, 27.75vw, 552px);
    }

    .gap206 {
        gap: clamp(22px, 4.72vw, 206px);
    }

    .forth-block {
        padding-inline: 35px!important;
    }

        .fifth-block {
        padding-inline: 35px !important;
    }

    

}

@media (max-width: 1100px) {
    .sport-block {
        transform: translateX(26.625%);
        width: clamp(490px, 89.218vw, 1521px);
    }

        .sport-text {
        top: clamp(161px, 29.677vw, 493px);
    }

    .card-block {
    /* margin-top: 308px; */
    margin-top: clamp(180px, 16.051vw, 308px);
}
}


@media (max-width: 991px) {

    .card-winner {
    width: 100%;
    /* height: 509px; */
    border-radius: 20px;
    padding-inline: 17px;
    padding-top: 15px;
    padding-bottom: 13px;
    gap: 13px;
}

.footer {

    padding-inline: 0;
}

.footer .line34 {
    line-height: 28px;
}



.text-footer {
    padding-top: 32px;
}

.social {
    width: 40px;
    height: 40px;
    img {
        width: 100%;
    }
}

.gap19 {
    gap: 12px;
}


.footer {
    padding-top: 42px;
    padding-bottom: 43px;
}

.footer-cont {
    padding-inline: 19px;

}

.fifth-block {
    padding-top: 27px;
    padding-bottom: 35px;
} 

.col-lg-6 .gap11 {
    gap: 7px;
}

.col-lg-6 {
    padding: 13px!important;
}

.mb49px {
    margin-bottom: 13px !important;
}

.forth-block {
    padding-top: 35px;
    padding-bottom: 27px;
}

.like {
    width: 23px;
    height: 20px;
}

    .third-block {
    padding-top: 24px;
    padding-bottom: 31px;
    padding-inline: 19px!important;
}
    .pc-block {
        display: none!important;
    }

    .mob-block {
        display: block;
    }

    .menu {
        width: 23px;
        display: flex;
        gap: 7px;
        flex-direction: column;

        span {
            width: 100%;
            height: 3px;
            background-color: #00A3C9;
        }

        
    }
    .gap206 {
        justify-content: space-between;
    }
    

    .sport-block {
        top: 118px;
    }

    .main-block {
            margin-inline: 0;

    padding-left: 18px;
    padding-top: 13px;
}

.header {
    margin-inline: 13px;
    padding-top: 16px;
    padding-bottom: 19px;
    padding-inline: 6px;
    border-bottom: 1px solid #00A3C9;
}


.main-block .flex-column.d-flex.gap29 {
    flex-direction: row!important;
    align-items: center;
    gap: 23px;
}

p.text-uppercase.green.font25.medium {
    text-align: right;
    width: 131px;
}

.mob-column {
    flex-direction: column!important;
    gap: 20px!important;
}

.mob-row {
    flex-direction: row!important;
    gap: 20px!important;
    align-items: center;
}

.date-block {
    top: 305px;
    left: 0;
    transform: translateX(-52%);
    width: clamp(311px, 53.802vw, 1033px);
}

.people-block {
    bottom: 0;
    right: 0;
    top: -72px;
    left: 64px;
    overflow: visible;
    /* left: 732px; */
    /* position: static; */
    margin-top: 499px;
}

        .date-block {
        top: 175px;
        left: 0;
        transform: translateX(-57%);
        width: clamp(311px, 53.802vw, 1033px);
    }

    

        .sport-text {
        top: clamp(198px, 31.677vw, 493px);
        /* top: 493px; */
        left: 55px;
    }


    .sport-block {
        bottom: -23px;
        top: unset;
        transform: translate(26.625%, 100%) !important;
    }

    /* .sport-block {
        transform: translateX(26.625%);
        width: clamp(578px, 89.218vw, 1521px);
    } */

        .sport-block {
        /* transform: translateX(20.625%); */
        width: clamp(578px, 93.218vw, 1521px);
    }

            .people-block {
        bottom: 0;
        right: 20px;
        top: -72px;
        left: 49px;
        overflow: visible;
        /* left: 732px; */
        /* position: static; */
        margin-top: clamp(200px, 59.04vw, 447px);
        /* margin-top: 200px; */
    }

    .man1 {
        width: clamp(95px, 18.0208vw, 346px);
        bottom: clamp(-70px, -3.645vw, -38px);
        left: clamp(155px, 3.385vw, 65px);
        transform: translateY(-100%);
    }

    .man2 {
        width: clamp(81px, 17.3958vw, 334px);
        bottom: clamp(-300px, -15.625vw, -61px);
        left: clamp(153px, 41.229vw, 446px);
        transform: translateY(-100%);
    }

    .man3 {
        width: clamp(74px, 14.843vw, 285px);
        bottom: clamp(-419px, -21.822vw, -109px);
        left: clamp(299px, 60.197vw, 791px);
        transform: translateY(-100%);
    }

.date-text
 {
    top: 54.966%;
    /* top: 268px; */
    right: 14.2%;
    /* right: 105px; */
    z-index: 1;
}

.mob-img-cont {
    bottom: 0;
    left: -38px;
    width: 174px; 
    img {
        width: 100%;
    }
}



    .mob-card {
        margin-top: 478px;
        padding-left: 12px;
        padding-right: 30px;
    }

.big-button {
    width: 100%;
}

.second-block {
    margin-top: 54px;
    padding-top: 36px;
    padding-bottom: 22px;

}

.second-text {
    padding-right: 6px;
}

.big-card {
        border-radius: 15px;
        width: calc(100% - 38px);
        padding-top: 20px;
        padding-bottom: 36px;
        padding-left: 19px;
        padding-right: 19px;
        /* margin-inline: 19px; */
    }

.first-text br {
    display: none;
}

}

@media (max-width: 800px) {

    .field {
    gap: 0px;
}
    .people-block {
        bottom: 0;
        right: 20px;
        top: -72px;
        left: 49px;
        overflow: visible;
        /* left: 732px; */
        /* position: static; */
        margin-top: clamp(200px, 59.04vw, 322px);
        /* margin-top: 200px; */
    }

        .mob-card {
        margin-top: 328px;
        padding-left: 12px;
    }

    .card-rules {
    flex-direction: column;
    gap: 59px !important;
    padding: 0;
}

.first, .second, .third {
    max-width: none;
}

p.bold.green.font34.underline {
    font-size: 20px;
}

.third-text {
    padding-right: 10px;
}


.card-rules .gap10 {
    gap: 12px;
}

.card-rules .font210.white.bold {
    min-width: 80px;
    max-width: 80px;
    text-align: center;
}
}

@media (max-width: 700px) { 
    .man1 {
        width: clamp(95px, 18.0208vw, 346px);
        bottom: clamp(-70px, -3.645vw, -38px);
        left: clamp(106px, 3.385vw, 65px);
        transform: translateY(-100%);
    }

    .big-card {
        margin-inline: 19px;
    }

        .people-block {
        bottom: 0;
        right: 20px;
        top: -72px;
        left: 49px;
        overflow: visible;
        /* left: 732px; */
        /* position: static; */
        margin-top: clamp(200px, 59.04vw, 265px);
        /* margin-top: 200px; */
    }

    .mob-card {
        margin-top: 268px;
        padding-left: 12px;
    }

    input {
    padding: 6px;
    border-radius: 7px;

}

.footer .font24 {
    font-size: 18px;
}

.file-button
 {
    height: 33px;
}

.submit-button {

    height: 33px;

}
}


@media (max-width: 500px) {
    .people-block {
        bottom: 0;
        right: 20px;
        top: -72px;
        left: 49px;
        overflow: visible;
        /* left: 732px; */
        /* position: static; */
        margin-top: 161px;
    }

    .sport-text {
        top: clamp(161px, 26.677vw, 493px);
        /* top: 493px; */
        left: 55px;
    }

    .sport-block {
        transform: translateX(26.625%);
        width: clamp(490px, 89.218vw, 1521px);
    }

    .mob-card {
    margin-top: 147px;
    padding-left: 12px;
}


    .man1 {
    width: clamp(95px, 18.0208vw, 346px);
    bottom: clamp(-70px, -3.645vw, -38px);
    left: clamp(40px, 3.385vw, 65px);
    transform: translateY(-100%);
}

.man2 {
    width: clamp(81px, 17.3958vw, 334px);
    bottom: clamp(-300px, -15.625vw, -61px);
    left: clamp(153px, 23.229vw, 446px);
    transform: translateY(-100%);
}

.man3 {
    width: clamp(74px, 14.843vw, 285px);
    bottom: clamp(-419px, -21.822vw, -109px);
    left: clamp(249px, 41.197vw, 791px);
    transform: translateY(-100%);
}
}