.v-container {
    max-width: 1200px;
    padding: 0 15px;
    margin: 0 auto;
    overflow: hidden;
}
.top-section-headblock{
    border-radius: 0px 0px 32px 32px;
    background: var(--GD, linear-gradient(90deg, #EBEFFC 0%, #EBF6F1 50%, #F2F7EB 100%));
    box-shadow: 0px 0px 23px 0px rgba(0, 0, 0, 0.08);
    padding-bottom: 68px;
    margin-bottom: 80px;
}
.breadcrumbs-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
}
h1 {
    color: #000;
    font-family: "IBM Plex Sans";
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: 110%;
    padding-bottom: 20px;
}
.v-header {
    padding-top: 18px;
    border-bottom: 0;
    margin-bottom: 16.5px;
}
.v-title-under-description>:nth-child(1){
    color: #000;

/* Heading/Desktop/H3 */
font-family: 'Roboto';
font-size: 22px;
font-style: normal;
font-weight: 600;
line-height: 125%; 
}
.v-title-under-description>:nth-child(2){
color: #000;

/* Text/Desktop/Body */
font-family: 'Roboto';
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 167%;
margin-top: 16px;
}
.rewards{
    border-radius: 0px 0px 32px 32px;
    background: var(--GD, linear-gradient(90deg, #EBEFFC 0%, #EBF6F1 50%, #F2F7EB 100%));
    box-shadow: 0px 0px 23px 0px rgba(0, 0, 0, 0.08);
    padding-bottom: 80px;
    margin-bottom: 80px;
    padding-top: 40px;
    overflow: hidden;
}
.rewards h2{
    padding-bottom: 28px;
}
.looking_block_list{
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
}
.looking_block_list>div{
    flex: 0 0 calc(33.333% - 30px);
    align-items: center;
}
.looking_block_list_item{
    display: flex;
    gap: 12px;
    font-family: "Roboto";
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 167%; 
}
.looking_block_list_item img{
    width: 36px;
    height:36px;
}
.looking_block_list > div > div:nth-child(2){
width: 83%;
}
.looking_block{
    margin-bottom: 80px;
}
.looking_block > div:nth-child(2){
    font-family: "Roboto";
font-size: 22px;
font-style: normal;
font-weight: 600;
line-height: 125%; 
margin-top: 24px;
margin-bottom: 24px;
}
.rewards-block{
    border-radius: 24px;
background:  #FFF;
box-shadow: 0px 0px 23px 0px rgba(0, 0, 0, 0.08);
padding: 32px;
position: relative;
    z-index: 10;
}
.top-section .v-container{
    position: relative;
    z-index: 10;
}
.rewards-block>:nth-child(1){
    font-family: "Roboto";
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 167%;
padding-bottom: 16px;
border-bottom: 1px solid #E1E1E1;
margin-bottom: 16px;
}
.rewards-block>:nth-child(2) p{
    font-family: "Roboto";
font-size: 22px;
font-style: normal;
font-weight: 600;
line-height: 125%; 
margin-bottom: 16px;
}
.rewards-block li{
    font-family: "Roboto";
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 167%;
display: flex;
align-items: center;
}
.rewards-block li img{
    margin-right: 16px;
}
.rewards-block li strong{
    margin-right: 0px;
}
.rewards-block-conditions>:nth-child(1){
display: flex;
align-items: center;
}
.rewards-block-conditions>:nth-child(1) img{
    margin-right: 12px;
}
.rewards-block ul{
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.rewards-block>:nth-child(3){
border-radius: 12px;
background: #F0F6EC;
padding: 20px;
margin-top: 16px;
}
.how-participate-block{
    border-radius: 24px;
background:  #FFF;
box-shadow: 0px 0px 23px 0px rgba(0, 0, 0, 0.08);
padding: 32px;
}
.how-participate-block ol{
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 16px;
    position: relative;
    margin-top: 24px;
}
.how-participate-block ol::before{
    content: "";
    width: 2px;
    height: 85%;
    background: linear-gradient(90deg, #2C64EB -26.22%, #00A875 55.44%, #71B219 137.09%);
    position: absolute;
    left: 13px;
    top: 21px;
    z-index: 5;
}
.how-participate-block{
    margin-bottom: 80px;
}
.how-participate-block ol li{
    position: relative;
    z-index: 10;
}

.how-participate-block > ol > li > span:nth-child(1){
    color: #FFF;
    width: 28px;
    height: 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-family: "IBM Plex Sans";
    font-size: 18px;
    font-style: italic;
    font-weight: 700;
    line-height: normal;
    border-radius: 50px;
    margin-right: 12px;
    background: linear-gradient(45deg, #2C64EB 0%, #00A875 50%, #71B219 100%);
}
.nota{
    border-radius: 24px;
background: #FFF;
box-shadow: 0px 0px 23px 0px rgba(0, 0, 0, 0.08);
padding: 32px;
margin-bottom: 80px;
}
.nota h2{
    color:  #71B219;
/* Heading/Desktop/H1 */
font-family: "IBM Plex Sans";
font-size: 48px;
font-style: normal;
font-weight: 700;
line-height: 110%; 
margin-bottom: 28px;
}
.nota > div:nth-child(2){
    display: flex;
    gap: 30px;
}
.nota > div:nth-child(2)>div{
    position: relative;
    padding-left: 23px;
    font-family: "Roboto";
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 167%;
max-width: 327px;
}
.nota > div:nth-child(2)>div::before{
        position: absolute;
    content: '';
    left: 0;
    border-radius: 32px;
    background: var(--Linear, linear-gradient(90deg, #2C64EB -26.22%, #00A875 55.44%, #71B219 137.09%));
    width: 12px;
    height: 12px;
    top: 8.5px;

}
.nota > div:nth-child(3){
    border-radius: 12px;
background: #F0F6EC;
padding: 20px;
margin-top: 28px;
margin-bottom: 24px;
}
.how-participate-not-issue{
    border-radius: 24px;
background: #FFF;
box-shadow: 0px 0px 23px 0px rgba(0, 0, 0, 0.08);
padding: 32px;
margin-bottom: 80px;
}
.how-participate-not-issue ul li{
    position: relative;
    padding-left: 24px;
}
.how-participate-not-issue ul li::before{
    position: absolute;
    content: '';
    left: 0;
    border-radius: 32px;
    background: var(--Linear, linear-gradient(90deg, #2C64EB -26.22%, #00A875 55.44%, #71B219 137.09%));
    width: 12px;
    height: 12px;
    top: 9px;
}
.how-participate-not-issue p{
    font-family: "Roboto";
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 167%; 
}
.how-participate-not-issue ul{
    display: flex;
    flex-direction: column;
    gap: 21px;
}
.nota > div:nth-child(4){
display: flex;
justify-content: center;
}
.nota > div:nth-child(4) a{
    border-radius: 10px;
background: #2C64EB;
box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.10);
color: #FFF!important;
text-align: center;
font-family: "Roboto";
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 24px; /* 150% */
letter-spacing: 0.64px;
text-transform: uppercase;
padding: 10px 20px;
width: 350px; 
padding-bottom: 10px!important;
border-bottom: unset!important;
}
.top-section{
    position: relative;
}
.top-section::before{
    content: "";
    position: absolute;
    background-image: url(./img/rectangel-top-left.svg);
    width: 2500px;
    height: 1500px;
    background-repeat: no-repeat;
        width: 500px;
    height: 405px;
    background-repeat: no-repeat;
    top: -72px;

}
.top-section::after{
    content: "";
    position: absolute;
    background-image: url(./img/rectangel-top-right.svg);
    width: 2500px;
    height: 1500px;
    background-repeat: no-repeat;
        top: 0;
    right: -71%;
    width: 500px;
    height: 149%;
    background-repeat: no-repeat;
    top: 0;
    right: 0;
    background-position: right;
}
.top-section{
    overflow: hidden;
}
.rewards{
    position: relative;
}
.rewards::after{
    content: "";
    position: absolute;
    background-image: url(./img/regtangel-rewards.svg);
    width: 100%;
    height: 1500px;
    background-repeat: no-repeat;
    top: 0;
    right: 0;
    background-position-x: right;
        z-index: 5;
}
#more{
    color: #71B219;
    font-family: "Roboto";
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 152%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    display: none;
}
@media (max-width: 800px){
    .how-participate-block > ol > li > span:nth-child(2) {
        max-width: 90%;
    }
        .how-participate-block > ol > li > span:nth-child(1) {
        width: 28px;
    }
    .how-participate-block ol li {
        display: flex
;
    }
}
@media (max-width: 520px){
    .how-participate-not-issue .how-participate-not-issue-more{
        display: none;
    }
    #more{
        display: flex;
        margin-top: 15px;
    }
    .top-section::before{
        display: none;
    }
    .looking_block_list>div{
        flex: unset;
        width: 100%;
    }
    .nota > div:nth-child(2){
        flex-wrap: wrap;
        gap: 12px;
    }
    .how-participate-block ol li{
        display: flex;
    }
    .how-participate-block ol::before{
        height: 75%;
    }
    .how-participate-block > ol > li > span:nth-child(1){
        width: 28px;
    }
    .how-participate-block > ol > li > span:nth-child(2){
        max-width: 237px;
    }
    .top-section::after {
    content: "";
    position: absolute;
    background-image: url(./img/rectangel-top-right.svg);
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    top: 0;
    right: 0%;
    background-size: contain;
}
/* rotate */
.how-participate-not-issue-more {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease, padding 0.4s ease;
}

.how-participate-not-issue .how-participate-not-issue-more.open {
  max-height: 1000px; /* достатньо велике значення для розкриття */
  padding-top: 10px;
  display: flex;
}

#more svg {
  transition: transform 0.4s ease;
}

#more.rotated svg {
  transform: rotate(180deg);
}
/* rotate-end*/
.nota h2{
    color: #000;

/* Heading/Mobile/H1 */
font-family: "IBM Plex Sans";
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 135%; /* 32.4px */
margin-bottom: 16px;
}
.v-title-under-description>:nth-child(1){
    font-size: 16px;
    line-height: 152%; 
}
.v-title-under-description>:nth-child(2){
     font-size: 16px;
    line-height: 152%; 
}
.top-section-headblock{
    padding-bottom: 20px;
    margin-bottom: 60px;
}
.looking_block > div:nth-child(2){
    margin-top: 16px;
    margin-bottom: 16px;
    font-size: 16px;
}
.looking_block_list_item{
    font-size: 16px;
}
.looking_block_list{
    gap: 8px;
}
.looking_block_list_item img{
    width: 28px;
    height: 28px;
}
.looking_block{
    margin-bottom: 60px;
}
.rewards::after{
    display: none;
}
.rewards{
    padding-top: 28px;
    padding-bottom: 28px;
    margin-bottom: 60px;
}
.rewards-block{
    padding: 16px;
    padding-bottom: 24px;
    padding-top: 24px;
}
.rewards-block>:nth-child(1){
    font-size: 16px;
}
.rewards-block>:nth-child(2) p{
    font-size: 20px;
}
.rewards-block li{
    font-size: 16px;
    align-items: flex-start;
}
.rewards-block ul{
    gap: 12px;
}
.how-participate-not-issue ul li::before{
    top: 6px;
}
.rewards-block li img{
    margin-right: 12px;
}
.nota{
    padding: 16px;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-bottom: 60px;
}
.how-participate-not-issue{
    margin-bottom: 60px;
      padding: 24px 16px;
}
}