/* HERO */

.hero {
    background: var(--colors-primary-700);
    height: fit-content;
    width: 100%;
    border-radius: 0 0 40px 40px;
    position: relative;
    z-index: 2;
}

.hero>.container {


    padding: 112px 80px 40px 80px;

    display: flex;
    gap: 40px;
    height: auto;
    justify-content: space-between;
    align-items: start;
}

.hero-img_wrap {
    border-radius: 40px;
    width: 620px;
    height: 531px;
}



.hero-img {
    border-radius: 40px;
    object-fit: contain;
    height: 100%;
    width: 100%;
}

.hero-title_wrap {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 531px;
    width: calc(100% - 620px - 40px);
}

.hero-title {
    margin-top: 104px;
    font-family: var(--second-family);
    font-weight: 700;
    font-size: 52px;
    line-height: 100%;
    text-transform: uppercase;
    color: var(--colors-grey-25);
}

.hero-info_wrap {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.hero-text {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 34px;
    line-height: 100%;
    color: var(--colors-grey-25);
}

.hero-nav {
    display: flex;
    align-items: center;
    gap: 16px;
    height: 56px;
}

.hero-nav>.links-nav {
    width: calc((100% - 16px) / 2);
    font-size: 16px;
    line-height: 137%;

}

/* QUEST */

.quest {
    border: 1px solid var(--colors-primary-700);
    background: var(--colors-grey-100);
    width: 100%;
    height: fit-content;
    position: relative;
    z-index: 1;
    top: -40px;
    border-radius: 0 0 40px 40px;
    margin-bottom: -40px;
}


.quest>.container {

    padding: 96px 80px 56px 80px;


}

.quest-title {
    font-family: var(--second-family);
    font-weight: 700;
    font-size: 40px;
    line-height: 110%;
    text-transform: uppercase;
    text-align: center;
    color: var(--colors-grey-900);
}

/* ABOUT */
.about {
    width: 100%;
    height: fit-content;
    border-radius: 40px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;
}

.about>.container {
    padding: 80px;
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 40px;
}

.about-info_box {
    display: flex;
    flex-direction: column;
    align-items: start;
    width: 840px;
}

.about-title {
    font-family: var(--second-family);
    font-weight: 700;
    font-size: 40px;
    line-height: 110%;
    text-transform: uppercase;
    color: var(--colors-grey-900);
    margin-bottom: 20px;
}

.about-text {
    font-family: var(--font-family);

    font-size: 24px;
    line-height: 140%;

    font-weight: 500;
    color: var(--colors-grey-600);
}

.about-bold {
    font-weight: 700;
    color: var(--colors-primary-700);
}

.about-text+.about-text {
    margin-top: 10px;
}


.about-img_wrap {
    border-radius: 40px;
    width: 400px;
    height: 352px;
}

.about-img {
    border-radius: 40px;
    object-fit: contain;
    height: 100%;
    width: 100%;
}


/* MISSION */
.mission {
    width: 100%;
    height: fit-content;
    border-radius: 40px;
    background: var(--colors-secondary-600);
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;

}

.mission>.container {

    padding: 56px 80px;

}

.top-box {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 40px;
    margin-bottom: 40px;
}

.mission-title {
    font-family: var(--second-family);
    font-weight: 700;
    font-size: 40px;
    line-height: 110%;
    text-transform: uppercase;
    color: var(--colors-grey-25);
}

.bottom-box>.mission-title {
    font-family: var(--second-family);
    color: var(--colors-grey-900);
    width: 690px;
}

.mission-title>br {
    display: none;
}

.mission-text {
    width: 840px;
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 24px;
    line-height: 140%;
    color: var(--colors-secondary-100);
}

.bottom-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
    border: 1px solid var(--colors-secondary-500);
    border-radius: 40px;
    padding: 40px;
    background: var(--colors-grey-25);
}

.mission-list {
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 12px;

}

.mission-item {
    display: flex;
    align-items: center;
    gap: 16px;
    border: 2px solid var(--colors-secondary-500);
    border-radius: 360px;
    padding: 8px;
    width: 470px;
    height: 64px;
    font-family: var(--font-family);
    font-weight: 700;
    font-size: 24px;
    line-height: 140%;
    color: var(--colors-grey-800);
}

.wrap-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 360px;
    width: 48px;
    height: 48px;
    background: var(--colors-secondary-500);
}


.mission-icon {
    width: 32px;
    height: 32px;
}


/* WORK */
.work {
    width: 100%;
    height: fit-content;
}

.work>.container {

    position: relative;
    padding: 80px 0px;


}

.work-title {
    position: sticky;
    top: 136px;
    font-family: var(--second-family);
    font-weight: 700;
    font-size: 40px;
    line-height: 110%;
    text-transform: uppercase;
    text-align: center;
    color: var(--colors-grey-900);
    margin-bottom: 60px;
}

.work-list {
    position: relative;
    display: grid;
    grid-template-columns: 1fr;
    gap: 60px;
    margin-bottom: 100px;
    width: 100%;

}

.work-item {
    position: sticky;
    width: 100%;
    z-index: 1;

}




.work-item:nth-child(1) {
    top: 240px;
    z-index: 1;
    /* Відступ від верху вюпорта для першого елемента */
}

.work-item:nth-child(2) {
    top: 240px;
    z-index: 2;
}

.work-item:nth-child(3) {
    top: 240px;
    z-index: 3;

}








.work-item>.work-box {
    position: relative;
    display: flex;
    align-items: end;
    gap: 40px;
    flex-direction: row;
    width: 100%;
    background: var(--colors-grey-25);
    border: 1px solid var(--colors-secondary-500);
    border-radius: 40px;
    padding: 56px 80px;

}


.work-item>.work-box::before {
    box-sizing: border-box;
    background: var(--colors-grey-25);
    content: "";
    top: 0;
    transform: translateY(-50%);
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--colors-secondary-500);
    border-radius: 360px;
    padding: 8px 8px 8px 8px;
    width: 64px;
    height: 64px;
    font-family: var(--font-family);
    font-weight: 600;
    font-size: 40px;
    line-height: 240%;
    text-transform: uppercase;
    text-align: center;
    color: var(--colors-secondary-500);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.work-item:nth-child(1)>.work-box:before {
    content: "1";
    left: 80px
}

.work-item:nth-child(2)>.work-box:before {
    content: "2";
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}

.work-item:nth-child(3)>.work-box:before {
    content: "3";
    right: 80px;
}

.work-item:nth-child(2)>.work-box {
    transform: translateY(48px);
    -webkit-transform: translateY(48px);
    -moz-transform: translateY(48px);
    -ms-transform: translateY(48px);
    -o-transform: translateY(48px);
}

.work-item:nth-child(3)>.work-box {
    transform: translateY(96px);
    -webkit-transform: translateY(96px);
    -moz-transform: translateY(96px);
    -ms-transform: translateY(96px);
    -o-transform: translateY(96px);
}

.work-item:nth-child(even)>.work-box {
    flex-direction: row-reverse;
}






.work-text_wrap {
    width: 620px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: start;
}

.work-subtitle {
    font-family: var(--font-family);
    font-weight: 700;
    font-size: 32px;
    line-height: 120%;
    color: var(--colors-secondary-600);
}

.work-text {
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 24px;
    line-height: 140%;
    color: var(--colors-grey-600);
}

.work-img_wrap {
    border-radius: 40px;
    width: 620px;
    height: 368px;
}

.work-img {
    border-radius: 40px;
    object-fit: contain;
    width: 100%;
    height: 100%;
}






/* DOWNLOAD */
.download {
    width: 100%;
    height: fit-content;
    position: relative;
    z-index: 2;
    background: var(--colors-primary-700);
    border-radius: 40px;
    margin-top: 125px;
}

.download>.container {

    padding: 80px 80px 80px 80px;


    display: flex;
    align-items: center;
    justify-content: space-between;

}

.download-img {
    position: absolute;
    transform: translateY(-30%);
    width: 632px;
    height: 660px;
    object-fit: contain;
    -webkit-transform: translateY(-30%);
    -moz-transform: translateY(-30%);
    -ms-transform: translateY(-30%);
    -o-transform: translateY(-30%);
}

.download-img_wrap {
    position: relative;
    width: 660px;
    height: 260px;
}

.download-text_wrap {
    display: flex;
    flex-direction: column;
    align-items: start;
    width: 620px;
}

.download-title {
    font-family: var(--second-family);
    font-weight: 700;
    font-size: 40px;
    line-height: 110%;
    text-transform: uppercase;
    color: var(--colors-grey-25);
}

.download-text {
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 24px;
    line-height: 140%;
    color: var(--colors-primary-100);
    margin-top: 20px;
    margin-bottom: 40px;
}

.download-list {
    display: flex;
    gap: 16px;
    align-items: center;
}

.download-item {
    border-radius: 7px;
}

.download-item:first-child {
    width: 132px;
    height: 44px;
}

.download-item:last-child {
    width: 148.5px;
    height: 44px;
    border-radius: 5px;
}

.download-app {
    border-radius: 7px;
    object-fit: contain;
    width: 100%;
    height: 100%;
}

.download-item:last-child>.download-app {
    border-radius: 5px;
}


/* ADVANTAGE */
.advantage {
    width: 100%;
    height: fit-content;
    position: relative;
    top: -40px;
    z-index: 1;
    border: 1px solid var(--colors-primary-700);
    border-radius: 0 0 40px 40px;
    background: var(--colors-grey-100);
    margin-bottom: 0px;
}

.advantage>.container {

    padding: 215px 80px 56px 80px;

    display: flex;
    flex-direction: column;
    gap: 40px;
    margin-bottom: 80px;
}

.advantage-title {
    font-family: var(--second-family);
    font-weight: 700;
    font-size: 40px;
    line-height: 110%;
    text-transform: uppercase;
    text-align: center;
    color: var(--colors-grey-900);

    width: 100%;
}

.advantage-text {
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 24px;
    line-height: 140%;
    text-align: center;
    color: var(--colors-grey-600);

    width: 100%;
}

.advantage-all-box {
    width: 100%;
    height: auto;
    position: relative;
}

.advantage-text-list {
    width: calc(100% - 80px);
    position: absolute;
    z-index: 1;
    top: 40px;
    left: 40px;
    display: flex;
    justify-content: space-between;
    height: fit-content;
}



.advantage-text-list.bottom {
    top: unset;
    bottom: 40px;

}


.advantage-item {
    width: 470px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    background: none;
    height: fit-content;
}

.advantage-item-title {
    font-family: var(--font-family);
    font-weight: 700;
    font-size: 24px;
    line-height: 140%;
    color: var(--colors-grey-25);
}

.advantage-item-text {
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 20px;
    line-height: 140%;
    color: var(--colors-grey-25);
}

.advantage-text>br {
    display: none;
}


.advantage-img_wrap {
    background-image: url("../img/Advantages.webp");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    border-radius: 40px;

    width: 100%;
    height: 616px;
}

.advantage-link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    border: 1px solid var(--colors-primary-600);
    border-radius: 360px;
    padding: 8px 12px;
    font-family: var(--font-family);
    font-weight: 600;
    font-size: 16px;
    line-height: 137%;
    text-align: center;
    color: var(--colors-primary-600);
    height: 56px;
}

@media screen and (max-width: 1440px) {
        .hero>.container {
        
        
                gap: 40px;
                
        
        
            }
    .hero-img_wrap {
            
        width: 540px;
            height: 462px;
        }

.hero-title_wrap {

    height: 462px;
    width: calc(100% - 540px - 40px);
}

.hero-title {
    margin-top: unset;
height: 298px;
display: flex;
    align-items: center;

  

}


.about-info_box {

    width: calc(100% - 438px - 40px);
}


.about-img_wrap {
   
width: 438px;
    height: 386px;
}
.about-img {
    object-fit: cover;

}

.mission-text {
    width: 733px;

}


.work-text_wrap {
    width: calc(100% - 40px - 540px);

}

.work-img_wrap {
    width: 540px;
        height: 368px;
}

.download-img {
width: 554px;
    height: 580px;
}
.download-text_wrap {
  
    width: calc(100% - 595px);
}
/* ADVANTAGE */
.advantage-img_wrap {

background-size: cover;
}
.advantage-item {
    width: calc((100% - 234px) / 2);

}

}
@media screen and (max-width: 1280px) {
    .hero>.container {
    
    
            padding: 112px 48px 40px 48px;
    justify-content: space-between;
         
        }


.hero-title {

    height: 209px;


font-size: 44px;

}

.hero-text {
   
    font-size: 24px;
  
}


.hero-title_wrap {

    height: 352px;
    width: calc(100% - 444px - 40px);
}
    .hero-img_wrap {
           
            width: 444px;
                height: 352px;
        }


        .hero-title_wrap {
            height: 352px;
            width: calc(100% - 444px - 40px);
        }


.hero-title {

    font-size: 44px;

}



.hero-nav>.links-nav {
    width: fit-content;
   

}

.about>.container {
    padding: 48px;

}


.about-info_box {

    width: calc(100% - 444px - 40px);
}

.about-title {

    font-size: 32px;
  
    margin-bottom: 16px;
}

.about-text {
  

    font-size: 20px;
 
}


.about-img_wrap {
    border-radius: 40px;
    width: 444px;
    height: 375px;
}


.mission>.container {

    padding: 48px;

}
.mission-title {
  
    font-size: 32px;

}

.bottom-box>.mission-title {
    font-family: var(--second-family);
    color: var(--colors-grey-900);
    width: 690px;
}

.mission-title>br {
    display: none;
}

.mission-text {
    width: 595px;
    font-size: 20px;
}


.mission-item {
 
    width: 412px;

}

.work-item>.work-box {

    padding: 48px;

}

.work-text_wrap {
    width: calc(100% - 40px - 444px);

}
.work-subtitle {
font-size: 24px;
}

.work-text{
    font-size: 20px;
}


.work-img_wrap {
width: 444px;
    height: 272px;
}
/* DOWNLOAD */
.download>.container {

    padding: 48px 48px 48px 48px;


    display: flex;
    align-items: center;
    justify-content: space-between;

}

.download-img {
width: 535px;
    height: 559px;
}

.download-text_wrap {

    width: calc(100% - 575px);
}

.download-title {
   
    font-size: 32px;

}
.download-text {

    font-size: 20px;

}


.advantage>.container {

    padding:150px 40px 40px 40px;


}

.advantage-title {
 
    font-size: 32px;
   
}

.advantage-text {
 
    font-size: 20px;
 
}

.advantage-item {
    width: calc((100% - 190px) / 2);

}

.advantage-img_wrap {
   

    height: 616px;
}
.advantage-item-title {
    
    font-size: 20px;

}

.advantage-item-text {
  
    font-size: 16px;

}


}
@media screen and (max-width: 1024px) {
    .hero>.container {
    
    
    
        flex-direction: column;
        }
.hero-title_wrap {

        height: fit-content;
        width: 100%;
    }
        .hero-title {
    
            height:fit-content;
    
    
            
        }

.hero-img_wrap {

width:100%;
    height: 543px;
    }
.hero-nav>.links-nav {
    width: calc((100% - 16px) / 2);


}
.about>.container {
flex-direction: column;
}
.about-info_box {

    width: 100%;
}


.about-img_wrap {
   
    width: 100%;
    height: 543px;
}
.about-img{
    object-fit: cover;

}

        
.bottom-box {
    display: flex;
    
    align-items: start;
 

    flex-direction: column;
}

.bottom-box>.mission-title {
   
    width: 100%;
}


.mission-text {
            width: 366px;
        }


.mission-list {

    width: 100%;

}

.mission-item {

    width: 100%;

}


.work-item>.work-box {

    padding: 48px;

}
.work-text_wrap {
    width: calc(100% - 40px - 316px);

}


.work-img_wrap {
    width: 316px;
    height: 272px;
}
/* DOWNLOAD */
.download>.container {
height: 622px;
flex-direction: column;
align-items:center ;
}

.download-img_wrap {
    display: flex;
align-items: center;
    width: 100%;

}

.download-img {
    width: 452px;
    height: 520px;
    left:50%;
    transform: translate(-50%,-20%);
    -webkit-transform: translate(-50%,-20%);
    -moz-transform: translate(-50%,-20%);
    -ms-transform: translate(-50%,-20%);
    -o-transform: translate(-50%,-20%);
}

.download-text_wrap {
   width: 100%;
        align-items: center;
}
  .download-title {
     
      text-align: center;
  }
        .download-text {
  text-align: center;
         
        }
    
        /* ADVANTAGE */

.advantage>.container {

    padding: 68px 40px 40px 40px;


}


.advantage-item {
    width: calc((100% - 94px) / 2);

}

}



@media screen and (max-width: 768px) {

  


    /* HERO */


    .hero>.container {
        border-radius: 0 0 32px 32px;
        padding: 92px 20px 32px 20px;
        flex-direction: column;
        gap: 32px;
        justify-content: unset;
        align-items: start;
        -webkit-border-radius: 0 0 32px 32px;
        -moz-border-radius: 0 0 32px 32px;
        -ms-border-radius: 0 0 32px 32px;
        -o-border-radius: 0 0 32px 32px;
}

    .hero-img_wrap {
        border-radius: 32px;
        min-width: 350px;
        width: 100%;
        height: 307px;
    }



    .hero-img {
        border-radius: 32px;

    }




    .hero-title_wrap {

        flex-direction: column;
        justify-content: unset;
        height: auto;
        width: 100%;
        gap: 24px;
    }

    .hero-title {
        margin-top: 0;
        font-size: 42px;

    }

    .hero-info_wrap {
        display: flex;
        flex-direction: column;
        gap: 24px;
    }

    .hero-text {

        font-size: 25px;

    }

    .hero-nav {
        flex-direction: column-reverse;
        gap: 12px;
        height: auto;
    }

    .hero-nav>.links-nav {
        width: 100%;
        font-size: 16px;
        height: 48px;
    }

    /* QUEST */

    .quest>.container {

        padding: 80px 20px 40px 20px;
        width: 390px;
        top: -32px;

    }

    .quest-title {

        font-size: 26px;

    }

    /* ABOUT */

    .about>.container {
        padding: 40px 20px;
        flex-direction: column;
        gap: 24px;
    }

    .about-info_box {

        width: 100%;
    }

    .about-title {
        font-size: 26px;
        margin-bottom: 16px;
    }

    .about-text {


        font-size: 18px;
        line-height: 139%;
    }

    .about-bold {}

    .about-text+.about-text {
        margin-top: 8px;
    }


    .about-img_wrap {
        border-radius: 40px;
        width: 100%;
        height: auto;

    }



    /* MISSION */

    .mission>.container {

        padding: 40px 20px;
        height: auto;

    }

    .top-box {
        width: 100%;
        flex-direction: column;
        justify-content: unset;
        gap: 16px;
        margin-bottom: 24px;
    }

    .mission-title {
        font-family: var(--second-family);
        font-size: 26px;

    }

    .bottom-box>.mission-title {
        width: 100%;

        word-wrap: break-word;
        /*Дозволитипереноси*/
        hyphens: manual;
        font-family: var(--second-family);
        -webkit-hyphens: manual;
        -moz-hyphens: manual;
        -ms-hyphens: manual;

    }

    .mission-title>br {

        display: unset;
    }

    .mission-title>span {

        display: none;
    }

    .mission-text {
        width: 100%;
        font-size: 18px;
        line-height: 139%;

    }

    .bottom-box {
        width: 100%;
        flex-direction: column;
        justify-content: unset;
        gap: 20px;
        padding: 20px;

    }

    .mission-list {
        display: flex;
        flex-direction: column;
        align-items: start;
        gap: 8px;

    }

    .mission-item {
        width: 100%;
        gap: 8px;
        height: 56px;
        font-size: 18px;
        line-height: 139%;

    }

    .wrap-icon {

        width: 40px;
        height: 40px;

    }


    .mission-icon {
        width: 24px;
        height: 24px;
    }


    /* WORK */

    .work>.container {
        width: 100%;
        position: relative;



    }

    .work-title {
        position: sticky;
        top: 56px;
        font-size: 26px;
        margin-bottom: 48px;
    }

    .work-list {
        position: relative;
        display: grid;
        grid-template-columns: 1fr;
        gap: 40px;
        margin-bottom: 100px;
        width: 100%;

    }

    .work-item {
        position: sticky;
        width: 100%;
        z-index: 1;
        height: 576px;

    }




    .work-item:nth-child(1) {
        top: 140px;
        z-index: 1;
        /* Відступ від верху вюпорта для першого елемента */
    }

    .work-item:nth-child(2) {
        top: 140px;
        z-index: 2;
    }

    .work-item:nth-child(3) {
        top: 140px;
        z-index: 3;

    }








    .work-item>.work-box {

        align-items: center;
        gap: 24px;
        flex-direction: column;

        padding: 40px 20px 24px 20px;

    }


    .work-item>.work-box::before {
        box-sizing: border-box;
        background: var(--colors-grey-25);
        content: "";
        top: 0;
        padding: 8px 8px 8px 8px;
        width: 48px;
        height: 48px;
        font-size: 32px;
        line-height: 300%;

    }

    .work-item:nth-child(1)>.work-box:before {

        left: 20px
    }



    .work-item:nth-child(3)>.work-box:before {

        right: 20px;
    }

    .work-item:nth-child(2)>.work-box {
        transform: translateY(40px);
        -webkit-transform: translateY(40px);
        -moz-transform: translateY(40px);
        -ms-transform: translateY(40px);
        -o-transform: translateY(40px);
    }

    .work-item:nth-child(3)>.work-box {
        transform: translateY(80px);
        -webkit-transform: translateY(80px);
        -moz-transform: translateY(80px);
        -ms-transform: translateY(80px);
        -o-transform: translateY(80px);
    }

    .work-item:nth-child(even)>.work-box {
        flex-direction: column;
    }






    .work-text_wrap {
        width: 100%;

    }

    .work-subtitle {
        font-size: 22px;

    }

    .work-text {

        font-size: 18px;
        line-height: 139%;

    }

    .work-img_wrap {

        width: 100%;
        height: 354px
    }








    /* DOWNLOAD */

    .download>.container {
        padding: 0px 20px 40px 20px;
        margin-top: 50px;
        flex-direction: column;
        justify-content: unset;

    }

    .download-img {
        position: absolute;
        transform: translateY(-38%);
        width: 100%;
        height: 403px;
        left:unset;
        -webkit-transform: translateY(-38%);
        -moz-transform: translateY(-38%);
        -ms-transform: translateY(-38%);
        -o-transform: translateY(-38%);
    }

    .download-img_wrap {
        position: relative;
        width: 100%;
        height: 260px;
    }

    .download-text_wrap {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
    }

    .download-title {
        width: 100%;

        font-size: 26px;
        text-align: center;
    }

    .download-text {
        width: 100%;
        font-size: 18px;
        text-align: center;
        line-height: 139%;

        margin-top: 16px;
        margin-bottom: 24px;
    }

    .download-list {
        width: 100%;
        display: flex;
        gap: 16px;
        align-items: center;
        justify-content: center;
    }








    /* ADVANTAGE */
    .advantage {
        border: none;
        border-bottom: 1px solid var(--colors-primary-700);
    }


    .advantage>.container {
        top: -40px;

        padding: 80px 20px 40px 20px;
        width: 390px;
        display: flex;
        flex-direction: column;
        gap: unset;
        margin-bottom: 40px;

    }

    .advantage-title {

        font-size: 26px;
        margin-bottom: 16px;


        width: 100%;
    }

    .advantage-text {
        font-size: 18px;
        line-height: 139%;
        margin-bottom: 24px;
        width: 100%;
    }



    .advantage-text-list {
        width: 100%;
        position: static;
        flex-direction: column;
        gap: 8px;

        justify-content: unset;

    }

    .advantage-text-list.bottom {
        margin-bottom: 24px;

    }

    .advantage-item {
        width: 100%;
        border-radius: 40px;
        padding: 20px;
        background: var(--colors-grey-25);
        gap: unset;

    }

    .advantage-item-title {
        font-size: 18px;
        line-height: 139%;
        color: var(--colors-primary-700);
    }

    .advantage-item-text {
        font-size: 16px;
        line-height: 144%;
        color: var(--colors-grey-600);
    }

    .advantage-text>br {
        display: unset;
    }


    .advantage-img_wrap {
        margin: 8px 0;
        background-size: cover;


        width: 100%;
        height: 273px;
    }





}