.hero_new{
        width: 100%;
            background: var(--colors-grey-700);
}
.hero_new .container2 {
display: flex;
flex-direction: row;
padding: 204px 80px 56px 80px;
gap: 0px;
align-items: start;
justify-content: space-between;
   position: relative;
    max-width: 1440px;
    min-width: 1440px;
}

.hero_new_box1 {
display: flex;
flex-direction: column;
align-items: flex-start;
position: relative;
}

.hero_new_title {
font-family: var(--second-family);
    font-weight: 700;
    font-size: 56px;
    line-height: 100%;
    text-transform: uppercase;
    color: var(--colors-grey-50);
margin-bottom: 8px;
}

.hero_new_subtitle {
    font-family: var(--second-family);
        font-weight: 700;
        font-size: 56px;
        line-height: 100%;
        text-transform: uppercase;
        color: var(--colors-primary-500);
        margin-bottom: 16px;
}
.hero_new_text {
font-family: var(--font-family);
    font-weight: 500;
    font-size: 28px;
    line-height: 120%;
    color: var(--colors-grey-50);
margin-bottom: 72px;
}

.hero_new_img1 {
width: 620px;
    height: 676px;
    object-fit: contain;
max-width: unset;
position: relative;
z-index: 1;

}

.hero_new_star {
    width: 267px;
    height: 265px;
    background-image: url("/img/hero-star.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: flex;
justify-content: center;
align-items: center;
position: absolute;
bottom:0;
left:-20px;
z-index: 0;
}

.hero_new_star_text {
    font-family: var(--font-family);
        font-weight: 700;
        font-size: 29px;
        line-height: 107%;
        text-transform: uppercase;
        text-align: center;
        color: var(--colors-grey-50);
}

.hero_new_box2 {
display: flex;
flex-direction: column;
align-items: center;
gap: 12px;
padding: 20px;
position: absolute;
left:515px ;
top:438px;
z-index: 3;
}

.hero_new_box2 .busines-item {
    width: 189px;
    height: 56px;
}



.hero_new_box3 {
    height: 100%;
    width:571px ;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    align-items: center;
}

.hero_new-svg1 {
    position: absolute;
    top:162px;
    right:541px;
    width: 392px;
    height: 155px;
}

.hero_new-svg2 {
    position: absolute;
    width: 203px;
    height: 560px;
    top: 305px;
    right:431px;
}

.hero_new_img2 {
width: 571px;
    height: 615px;
    object-fit: contain;
    position: relative;
    z-index: 1;
    margin-bottom: 48px;
}

.hero_new_title2 {
    font-family: var(--second-family);
        font-weight: 700;
        font-size: 40px;
        line-height: 110%;
        text-transform: uppercase;
        text-align: center;
        color: var(--colors-primary-500);
            margin-bottom: 12px;
}

.hero_new_box3 .hero_new_text {
    text-align: center;
    margin-bottom: 40px;
}


.hero_new_button_text {
    border-radius: 360px;
        padding: 8px 24px;
        width: 182px;
        height: 48px;
        background: var(--colors-primary-600);
        font-family: var(--font-family);
            font-weight: 600;
            font-size: 16px;
            line-height: 138%;
            text-align: center;
            color: var(--colors-grey-25);
            display: flex;
            align-items: center;
            justify-content: center;
}




.tendent {
    width: 100%;
    background: var(--colors-grey-700);
}

.tendent .container2 {
        display: flex;
            flex-direction: row;
            padding: 56px 80px;
            gap: 136px;
            align-items: start;
            justify-content: center;
        position: relative;
            max-width: 1440px;
            overflow: hidden;
            min-width: 1440px;
}

.tendent-box1 {
border: 2px solid var(--colors-primary-600);
background: var(--colors-grey-700);
border-radius: 40px;
    padding: 32px;
    width: 544px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
position: relative;
z-index: 1;
}

.tendent-title {
    font-family: var(--font-family);
        font-weight: 500;
        font-size: 28px;
        line-height: 120%;
        color: var(--colors-grey-50);
        margin-bottom: 32px;
}

.tendent-text {
    font-family: var(--font-family);
        font-weight: 500;
        font-size: 24px;
        line-height: 140%;
        color: var(--colors-grey-50);
        margin-bottom: 23.5px;
}

.tendent-text:last-child {
 
    margin-bottom: 0px;
}


.tendent-text strong{
font-weight: 700;
}


.tendent-box2 {
    width: 503px;
        height: 768px;
        position: relative;
            z-index: 1;
}

.tendent-img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.tendent-svg {
  width: 2211px;
  height: 1656px; 
  position: absolute; 
  top:267px;
        left:-386px;  
}





.commentv {
width: 100%;
    background: var(--colors-grey-700);

}

.commentv .container2 {
    display: flex;
        flex-direction: row;
        padding: 0 80px;
        gap: 32px;
        align-items: start;
        justify-content: center;
        position: relative;
        max-width: 1440px;
        min-width: 1440px;
    
}

.commentv-subbox {
    width: 168px;
        height: 168px;
        position: relative;
}
.commentv-img {
        width: 100%;
            height: 100%;
            object-fit: contain;
}

.commentv-subbox1{
    border-radius: 360px;
        padding: 8px;
        width: 56px;
        height: 56px;
        background: var(--colors-grey-50);
        position: absolute;
        bottom: 0;
        right:0;;
}
.commentv-svg {
width: 36px;
height: 36px;

}

.commentv-mob-box {
    display: flex;
    flex-direction: column;
    gap: 16px;
        width: 640px;
}

.commentv-top-box {
    border-radius: 24px;
        padding: 8px 20px;
        width: 640px;
        height: 72px;
        background: var(--colors-primary-600);
}

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

.commentv-cv-text {
    font-family: var(--third-family);
        font-style: italic;
        font-weight: 400;
        font-size: 24px;
        line-height: 140%;
        color: var(--colors-grey-50);
        width: 80%;
}



.features {
width: 100%;
    background: var(--colors-grey-700);

}

.features .container2 {
    display: flex;
    flex-direction: column;
    padding: 80px 80px 0 80px;
    gap: 56px;
    align-items: center;
    justify-content: center;
    position: relative;
    max-width: 1440px;
    min-width: 1440px;
}

.features-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-50);
}

.features-title span {
color: var(--colors-primary-500);
}
.features-list {
    display: flex;
flex-wrap: wrap;
column-gap: 40px;
row-gap: 32px;


}

.features-item {
    width: 620px;
        height: 68px;
        min-width: 480px;
        display: flex;
        align-items: center;
        gap: 20px;
}

.features-item-box {
border-radius: 360px;
    padding: 8px;
    width: 64px;
    height: 64px;
    background: var(--colors-secondary-500);
    display: flex;
 justify-content: center;
    align-items: center;
}

.features-svg {
    width: 40px;
    height: 40px;
}

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


.conections {
width: 100%;
    background: var(--colors-grey-700);

}

.conections .container2 {
    display: flex;
        flex-direction: column;
        padding: 88px 80px 80px 80px;
        gap: 56px;
        align-items: center;
        justify-content: center;
        position: relative;
        max-width: 1440px;
        min-width: 1440px;
}

.conections-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-50);
    width: 100%;

}

.conections-title span {
     color: var(--colors-primary-500);
 }

.conections-img1 {

    width: 80px;
    height: 107px;
    position: absolute;
    top:111px;
    left:25px;
}


.conections-box {
    display: flex;
    flex-direction: row;
    gap: 40px;

}

.conections-subbox1 
{
    width: calc((100% - 40px));
    display: flex;
    flex-direction: column;
    gap: 40px;
  
}

.conections-subtitle {
    border: 2px solid var(--colors-primary-600);
        border-radius: 360px;
        padding: 12px 24px;
        width: 620px;
        height: 56px;
        background: var(--colors-grey-700);
    font-family: var(--font-family);
        font-weight: 500;
        font-size: 28px;
        line-height: 120%;
        text-align: center;
        color: var(--colors-grey-50);
    }

.conections-form-box{
    border-radius: 16px;
        padding: 24px;
        width: 620px;
        height: 599px;
        max-height: 820px;
        box-shadow: 0 0 40px 0 rgba(195, 195, 195, 0.25);
            background: var(--colors-grey-50);
}


.conections-form-box .select-selected{
        display: flex;
align-items: center;
height: 48px;
}
.conections-form-box .submit-btn{
width: 100%;
    
}
.conections-form-box .submit-btn:disabled {
background: var(--colors-grey-200);

}
.conections-form-box .btn-loader  {
     display: inline-block;
     width: 16px;
     height: 16px;
     border: 2px solid #ccc;
     border-top: 2px solid #000;
     border-radius: 50%;
     animation: spin 0.8s linear infinite;
 }

@keyframes spin {
    100% {
        transform: rotate(360deg);
    }
}


.conections-subbox2 {
    width: calc((100% - 40px));
        display: flex;
        flex-direction: column;
      
}

.conections-img2 {
border-radius: 16px;
    width: 620px;
    height: 549px;
    object-fit: contain;
    margin-bottom: 40px;
}

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

.conections-link {
font-family: var(--font-family);
    font-weight: 600;
    font-size: 16px;
    line-height: 138%;
    text-align: center;
    color: var(--colors-grey-25);
border-radius: 360px;
    padding: 8px 24px;
    width: 210px;
    height: 48px;
background: var(--colors-primary-600);
display: flex;
justify-content: center;
align-items: center;
}

.partnersv{
width: 100%;
    background: var(--colors-grey-700);

}



.partnersv .container2 {

    display: flex;
        flex-direction: column;
        padding: 0;
        gap: 48px;
        align-items: center;
min-width: 1440px;
        /* max-width: 1440px; */
}

.partnersv-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-50);
}

.partnersv-box{
width: 100%;
background: var(--colors-primary-600);
display: flex;
align-items: center;
justify-content: center;
    overflow-x: auto;
}
.partnersv-list {
    width: fit-content;
gap: 24px;
    padding: 24px 80px;
   
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    
}

.partnersv-item {
border-radius: 360px;
    padding: 16px ;
    width: 226px;
    height: 66px;
    background: var(--colors-grey-25);
    font-family: var(--font-family);
        font-weight: 500;
        font-size: 28px;
        line-height: 120%;
        text-align: center;
        color: var(--colors-grey-800);
}



.costing {
    width: 100%;
        background: var(--colors-grey-700);
}

.costing .container2 {
        display: flex;
            flex-direction: column;
            padding:80px;
            gap: 0px;
            align-items: center;
         
            position: relative;
            max-width: 1440px;
            min-width: 1440px;
}

.costing-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-50);
}

.costing-title+.costing-title {
    margin-top: 8px;
color: var(--colors-primary-500);
margin-bottom: 16px;
}


.costing-text {
    font-family: var(--font-family);
        font-weight: 500;
        font-size: 28px;
        line-height: 120%;
        text-align: center;
        color: var(--colors-grey-50);
        margin-bottom: 48px;
}

.costing-list {
    display: flex;
    justify-content: space-between;
    width: 100%;
    gap: 40px;

}

.costing-item {
    width: calc((100% - 40) / 2);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 24px;
    border: 2px solid var(--colors-primary-600);
        border-radius: 24px;
        padding: 24px;
        gap: 24px;
}

.costing-item-text {
    font-family: var(--font-family);
        font-weight: 500;
        font-size: 24px;
        line-height: 140%;
        text-align: center;
        color: var(--colors-primary-50);
}

.costing-item-link {
    display: flex;
    justify-content: center;align-items: center;
    border: 1px solid var(--colors-grey-25);
        border-radius: 360px;
        padding: 8px 24px;
        width: 104px;
        height: 48px;
        font-family: var(--font-family);
            font-weight: 600;
            font-size: 16px;
            line-height: 138%;
            text-align: center;
            color: var(--colors-grey-25);
}


.costing-item:hover {

    background: var(--colors-primary-600);
}

.costing-item:hover .costing-item-link {
color: var(--colors-primary-600);
background: var(--colors-grey-25);
}


.questing { 
        width: 100%;
            background: var(--colors-grey-700);
            
  }

.questing .container2 {
    display: flex;
        overflow: hidden;
        padding:0 80px;
        gap: 0px;
        align-items: center;
    justify-content: center;;
        position: relative;
        max-width: 1440px;
        min-width: 1440px;
}

.questing-box1 {
    padding: 72px 0px 0px;
        width: 730px;
        display: flex;
        flex-direction: column;
        align-items: start;
padding-bottom: 152px;

}

.questing-title {
font-family: var(--second-family);
    font-weight: 700;
    font-size: 40px;
    line-height: 110%;
    text-transform: uppercase;
    color: var(--colors-grey-50);
    margin-bottom: 12px;
width: 100%;
}

.questing-text {
font-family: var(--font-family);
    font-weight: 700;
    font-size: 32px;
    line-height: 120%;
    color: var(--colors-grey-50);
    margin-bottom: 40px;
}

.questing-list {
    display: flex;
    gap: 16px;
    align-items: center;
    margin-bottom: 40px;
    position: relative;
    z-index: 1;
}

.questing-item {

border-radius: 360px;
    padding: 8px ;
    width: 64px;
    height: 64px;
    background: var(--colors-primary-600);

}

.questing-links {
    width: 100%;
    height: 100%;
display: flex;
    align-items: center;
    justify-content: center;
}

.questing-svg {
    width: 48px;
    height: 48px;
    fill: var(--colors-grey-50);
}


.questing-cont-list {
    border: 2px solid var(--colors-primary-600);
        border-radius: 24px;
        padding: 24px;
        width: 512px;
background: var(--colors-grey-700);
display: flex;
flex-direction: column;
gap:16px;
position: relative;
    z-index: 1;
}

.questing-cont-item {
    width: 100%;
    display: flex;
    align-items: center;
justify-content: space-between;

}

.questing-label {
    font-family: var(--font-family);
        font-weight: 700;
        font-size: 24px;
        line-height: 140%;
        color: var(--colors-grey-50);
}

.questing-link {
    font-family: var(--font-family);
        font-weight: 500;
        font-size: 24px;
        line-height: 140%;
        color: var(--colors-grey-100);
}

.questing-img1 
{
width: 1390px;
height: 756px;
position: absolute;
left: -432px;
top:0px
}

.questing-img2 {
    width: 185px;
    height: 148px;
    position: absolute;
bottom: 105px;
        left: 634.5px
}

.questing-list1 
{
    display: flex;
    flex-direction: column;
    align-items: end;
    width: 510px;
}

.questing-item1:nth-child(1) {
  position: relative;
align-self: flex-end;
        width: 316px;
        height: 205px;


}

.questing-item1:nth-child(2) {
    position: relative;
    align-self: flex-start;
width: 396px;
    height: 254px;
    top:-104px;


}
.questing-item1:nth-child(3) {
    position: relative;
    align-self: flex-end;
width: 372px;
    height: 241px;
top: -160px;

}


.questing-iem-img {
    width: 100%;
    height: 100%;
object-fit: contain;    
}


.update {
    width: 100%;
    background: var(--colors-grey-700);
}

.update .container2 {

        display: flex;
            
            padding: 0 80px 80px 80px;
            gap: 108px;
            align-items: center;
            justify-content: flex-start;
            
            position: relative;
            max-width: 1440px;
            min-width: 1440px;
}

.update-box1 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;

}

.update-text {
font-family: var(--font-family);
    font-weight: 700;
    font-size: 32px;
    line-height: 120%;
    color: var(--colors-grey-50);
    margin-bottom: 12px;

}

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

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

.update-item {
    border-radius: 360px;
        padding: 8px ;
        width: 64px;
        height: 64px;
        background: var(--colors-primary-600);
}
.update-item .link {
    width: 100%;
    height: 100%;
display: flex;
    align-items: center;
    justify-content: center;
}
.update-item .soc-icon {
    width: 48px;
    height: 48px;
}
.update-item:last-child .soc-icon {
    width: 36px;
    height: 36px;
}


.update-box2 {
    border: 2px solid var(--colors-primary-600);
        border-radius: 24px;
        padding: 24px;
        width: 484px;
        height: 158px;
        position: relative;
}

.update-svg{
    width: 72px;
    height: 70px;
    position: absolute;
    right: -26px;
    top: -25px;
}


.update-text2 
{
    font-family: var(--font-family);
        font-weight: 700;
        font-size: 24px;
        line-height: 140%;
        text-align: center;
        color: var(--colors-primary-50);
}

.update-list2 {
    display: flex;
    justify-content: center;
    gap: 12px;
}

.update-item2 {
    width: 168px;
    height: 56px;
}

.update-item2+.update-item2 {
    width: 189px;
    height: 56px;
}

.update-item2 .businesS-link {
    width: 100%;
    height: 100%;}

.update-item2 .busines-imgs {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

    body{
background: var(--colors-grey-700);
}