@font-face {
    font-family: "MiSans Latin VF";
    src: url(../fonts/MiSansLatinVF.ttf)
}

#xpb {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    margin: 0 auto;
    max-width: 920px;
    width: 100%;
    overflow: hidden;
    background-color: #000;
}

#xpb * {
    box-sizing: border-box
}

#xpb .lazy {
    max-width: 100%
}

#xpb .xpb-container {
    max-width: calc(94.29% + 30px);
    width: 100%;
    margin: 0 auto;
    padding: 0 15px
}

@media(max-width: 768px) {
    #xpb .xpb-container {
        max-width: 100%
    }
}

#xpb .xpb-container.xpb-small-container {
    max-width: calc(83% + 30px);
    width: 100%;
    margin: 0 auto;
    padding: 0 15px
}

@media(max-width: 768px) {
    #xpb .xpb-container.xpb-small-container {
        max-width: 100%
    }
}

#xpb .xpb-small-header {
    font-size: clamp(14px, 1.6vw, 17.52px) !important;
    font-weight: 300;
    line-height: 1.25;
    display: block;
    font-family: "MiSans Latin VF";
    color: #fff !important;
    margin: 0 0 15px;
}

#xpb .xpb-middle-header {
    font-size: clamp(17px, 2.4vw, 24px);
    font-weight: 500;
    line-height: 1.25;
    display: block;
    font-family: "MiSans Latin VF";
    color: #000;
    margin: 0 0 .8em;
}

.gradient-text {
  background: linear-gradient(69deg, #a2d0ff, #dcf4ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

#xpb .xpb-header {
    font-size: clamp(18px, 2.4vw, 24.54px) !important;
    font-weight: 500;
    line-height: 1.167;
    margin: 0 0 5px;
    font-family: "MiSans Latin VF";
    color: #fff !important
}

#xpb .xpb-center {
    text-align: center
}

#xpb .xpb-text {
    font-family: "MiSans Latin VF";
    font-weight: 400;
    line-height: 1.3;
    font-size: 11.39px;
    color: #fff;
    margin: 0
}

#xpb .xpb-small-text {
    font-size: 11.39px
}

#xpb .xpb-big-text {
    font-size: 14px
}

#xpb #xpb-hero {
    background-image: url(../img/section_1.webp);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding-top: 180px;
    padding-bottom: 20px;
    min-height: clamp(410px, 70.87vw, 546px);
    position:relative;
}

#xpb #xpb-hero .xpb-title-wrap {
}

#xpb #xpb-hero .xpb-slogan {
    display: block;
    line-height: 1.2;
    font-weight: 500;
    font-size: clamp(24px, 4.1vw, 38px);
    margin: .2em 0;
    font-family: "MiSans Latin VF";
    color: #fff;
    display: flex;
    align-items: center;
    gap: 10px;
}

#xpb #xpb-hero .xpb-slogan span{
    font-size: 20px;
    border: 2px solid #fff;
    padding: 1px 10px;
    border-radius: 8px;
}

#xpb #xpb-hero .xpb-slogan-border{
display: block;
    line-height: 1;
    font-weight: 500;
    font-size: clamp(16px, 4.1vw, 25.55px);
    margin: .2em 0 .2em 15px;
    font-family: "MiSans Latin VF";
    color: #000;
    padding: 0px 10px;
    border: 2px solid #000;
    border-radius: 7px;
}

#xpb #xpb-hero .xpb-subheader {
    line-height: 1.146;
    font-size: clamp(17px, 2vw, 21px);
    font-weight: 400;
    font-family: "MiSans Latin VF";
    color: #fff;
    margin: 0
}

#xpb #xpb-hero .xiaomi-logo {
    height: clamp(16px, 3.2vw, 30px);
    width: auto;
    margin-right: 1em
}

@media (max-width: 767px){
    #xpb #xpb-hero .xpb-logotypes{
        gap:20px;
        width:60%;
    }
    #xpb #xpb-hero .xpb-logotypes img{
        width:45%;
    }
    #xpb #xpb-hero{
        padding-top:60px;
    }
}

#xpb #xpb-features {
    padding: 80px 0 80px;
    background-image: url(../img/section_2.webp);
    background-position: center top;
    background-size:cover;
}

#xpb #xpb-features .xpb-container.xpb-container-top {
    display: grid;
    grid-template-columns: 1.5fr 1.5fr 1.5fr 1.4fr 1fr 1.3fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-rows: auto;
    grid-column-gap: 9px;
    grid-row-gap: 9px;
}

#xpb #xpb-features .xpb-container .xpb-item{
    padding:20px;
    width:100%;
    background-size: contain;
    background-repeat: no-repeat;
}

#xpb #xpb-features .xpb-container .xpb-item .xpb-small-header{
    color:#fff !important;
    font-weight: 500;
    font-size:17px;
}

#xpb #xpb-features .xpb-container .xpb-item.grid-item-1{
    background-image: url('../img/section_2_image_1.webp');
    aspect-ratio: 877 / 231;
    grid-area: 1 / 1 / 4 / 14;
    display: flex;
    align-items: center;
    padding-right: 65%;
}

#xpb #xpb-features .xpb-container .xpb-item.grid-item-2{
    grid-area: 4 / 1 / 8 / 6;
    background-image: url('../img/section_2_image_2.webp');
    aspect-ratio:382/351;
}

#xpb #xpb-features .xpb-container .xpb-item.grid-item-3{
    grid-area: 8 / 1 / 12 / 6;
    background-image: url('../img/section_2_image_3.webp');
    aspect-ratio:382/279;
}

#xpb #xpb-features .xpb-container .xpb-item.grid-item-4{
    grid-area: 4 / 6 / 7 / 14;
    background-image: url('../img/section_2_image_4.webp');
    aspect-ratio:482/219;
    padding-right:52%;
}

#xpb #xpb-features .xpb-container .xpb-item.grid-item-5{
    grid-area: 7 / 6 / 12 / 10;
    background-image: url('../img/section_2_image_5.webp');
    aspect-ratio:242/413;
}

#xpb #xpb-features .xpb-container .xpb-item.grid-item-6{
    grid-area: 7 / 10 / 12 / 14;
    background-image: url('../img/section_2_image_6.webp');
    aspect-ratio:227/411;
}

#xpb #xpb-features .xpb-container.xpb-container-bottom{
    max-width:calc(83% + 30px);
    padding-top:20px;
}

#xpb #xpb-features .xpb-container.xpb-container-bottom .xpb-text{
    color:#fff;
    opacity:.52;
}

@media (max-width: 767px){
    #xpb #xpb-features .xpb-container.xpb-container-top{
        grid-template-columns: auto;
    }
    #xpb #xpb-features .xpb-container .xpb-item.grid-item-1{
        padding-right:0;
        grid-area:auto;
        max-width: calc(100vw - 61px);
    }
    #xpb #xpb-features .xpb-container .xpb-item.grid-item-2{
        grid-area:auto;
        max-width: 100%;
    }
    #xpb #xpb-features .xpb-container .xpb-item.grid-item-3{
        grid-area:auto;
        max-width: 100%;
    }
    #xpb #xpb-features .xpb-container .xpb-item.grid-item-4{
        grid-area:auto;
        max-width: 100%;
    }
    #xpb #xpb-features .xpb-container .xpb-item.grid-item-5{
        grid-area:auto;
        max-width: 100%;
    }
    #xpb #xpb-features .xpb-container .xpb-item.grid-item-6{
        grid-area:auto;
        max-width: 100%;
    }
    #xpb #xpb-features .xpb-container .xpb-item{
        padding-right:20px !important;
    }
    #xpb #xpb-features{
        padding-bottom:40px;
    }
}

#xpb #xpb-section-3 {
    background-image: url(../img/section_3.webp);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding-top: 100px;
    padding-bottom: 20px;
    min-height: clamp(721px, 70.87vw, 871px);
    position:relative;
}

#xpb #xpb-section-3 .xpb-header{
    color:#fff !important;
}

#xpb #xpb-section-3 .xpb-text, #xpb #xpb-section-3 .xpb-small-header{
    color:#fff;
}

#xpb #xpb-section-3 .xpb-container .xpb-info{
    display: flex;
    gap: 60px;
    margin-top:50px;
}

#xpb #xpb-section-3 .xpb-container .xpb-info > div{
    width:100%;
}

#xpb #xpb-section-3 .xpb-container .xpb-info > div img{
    margin-bottom:15px;
    width:auto;
}

#xpb #xpb-section-3 .xpb-container .xpb-info > div .xpb-small-header{
    font-weight: 500;
    font-size:15.77px;
    margin-bottom:10px;
}

@media (max-width: 767px){
    #xpb #xpb-section-3{
        padding-top: 40px;
        background-size: contain;
        background-position: bottom;
    }
    #xpb #xpb-section-3 .xpb-container .xpb-info{
        flex-wrap: wrap;
        gap:30px 10px;
    }
    #xpb #xpb-section-3 .xpb-container .xpb-info > div{
        width:calc(50% - 5px);
    }
}








#xpb #xpb-section-4 {
    background-image: url(../img/section_4.webp);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding-top: 40px;
    padding-bottom: 20px;
    min-height: clamp(526px, 70.87vw, 896px);
    position:relative;
}

#xpb #xpb-section-4 .xpb-header{
    color:#fff !important;
}

#xpb #xpb-section-4 .xpb-text, #xpb #xpb-section-4 .xpb-small-header{
    color:#fff;
}

#xpb #xpb-section-4 .xpb-text{
    max-width:620px;
    margin:0 auto;
}

#xpb #xpb-section-4 .xpb-container .xpb-info{
    display: flex;
    gap: 20px;
    max-width:480px;
    margin:50px auto 0 auto;
}

#xpb #xpb-section-4 .xpb-container .xpb-info > div{
    width:100%;
}

#xpb #xpb-section-4 .xpb-container .xpb-info > div .xpb-small-header{
    font-weight: 500;
    font-size:15.77px;
    margin-bottom:10px;
}

@media (max-width: 767px){
    #xpb #xpb-section-4{
        background-size: contain;
        background-position: bottom center;
    }
}




#xpb #xpb-section-5 {
    position:relative;
    background-color:#000;
    background-image: url(../img/section_5_bkg.webp);
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: 100% auto;
}

#xpb #xpb-section-5 .xpb-header{
    color:#fff !important;
}

#xpb #xpb-section-5 .xpb-text, #xpb #xpb-section-5 .xpb-small-header{
    color:#fff;
}

#xpb #xpb-section-5 .xpb-container > .xpb-small-header{
    font-weight: 500;
    max-width: 600px;
    margin:0 auto .8em auto;
}

#xpb #xpb-section-5 .xpb-text{
    max-width:620px;
    margin:0 auto;
}

#xpb #xpb-section-5 .xpb-container .xpb-info{
    display: flex;
    gap: 10px;
    margin:50px auto 0 auto;
}

#xpb #xpb-section-5 .xpb-container .xpb-info img{
    margin-bottom:20px;
}

#xpb #xpb-section-5 .xpb-container .xpb-info > div{
    width:100%;
}

#xpb #xpb-section-5 .xpb-container .xpb-info > div .xpb-small-header{
    font-weight: 500;
    font-size:11.39px;
    margin-bottom:50px;
}

#xpb #xpb-section-5 .xpb-container .xpb-info > div:first-child .xpb-small-header{
    width: 50%;
    margin-left: 50%;
}

#xpb #xpb-section-5 .xpb-container .xpb-info > div:last-child .xpb-small-header{
    width: 50%;
}

@media (max-width: 767px){
    #xpb #xpb-section-5 .xpb-container .xpb-info{
        flex-direction: column;
        gap:60px;
    }
    #xpb #xpb-section-5 .xpb-container .xpb-info > div:first-child .xpb-small-header{
        width:100%;
        margin-left:0;
    }
    #xpb #xpb-section-5 .xpb-container .xpb-info > div:last-child .xpb-small-header{
        width:100%;
    }
    #xpb #xpb-section-5 .xpb-container .xpb-info > div .xpb-small-header{
        margin-bottom:20px;
    }
    #xpb #xpb-section-5{
        background-size:300% auto;
    }
}



#xpb #xpb-section-6 {
    background-image: url(../img/section_6.webp);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    min-height: clamp(288px, 70.87vw, 288px);
    position:relative;
    display:flex;
    align-items: center;
}

#xpb #xpb-section-6 .xpb-header{
    color:#fff !important;
    font-size:43.81px !important;
}

#xpb #xpb-section-6 .xpb-text{
    color:#fff;
    font-size:26.286px;
}

@media (max-width: 767px){
    #xpb #xpb-section-6{
        padding-top:80px;
    }
    #xpb #xpb-section-6 .xpb-header{
        font-size:32px !important;
    }
    #xpb #xpb-section-6 .xpb-text{
        font-size:18px;
    }
}


#xpb #xpb-section-7 {
    background-image: url(../img/section_7.webp);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    min-height: clamp(984px, 70.87vw, 984px);
    position:relative;
    padding-top:80px;
}

#xpb #xpb-section-7 .xpb-box-info{
    background-color: #0f0f0f;
    border:1px solid #5f5f5f;
    border-radius:10px;
    padding:30px;
    margin-top:40px;
}

#xpb #xpb-section-7 .xpb-box-info .xpb-box-info-top{
    display:flex;
}

#xpb #xpb-section-7 .xpb-box-info .xpb-box-info-top .xpb-top-1{
    width:25%;
    display:flex;
    justify-content: space-between;
    flex-direction: column;
}

#xpb #xpb-section-7 .xpb-box-info .xpb-box-info-top .xpb-top-3{
    width:30%;
    display:flex;
    justify-content: space-between;
    flex-direction: column;
}

#xpb #xpb-section-7 .xpb-box-info .xpb-box-info-top .xpb-top-2{
    width:45%;
    display:flex;
    flex-direction: column;
    gap:20px;
    padding-right:120px;
    position:relative;
}

#xpb #xpb-section-7 .xpb-box-info .xpb-box-info-top .xpb-top-2 .xpb-text{
    color:#8a8a8a;
}

#xpb #xpb-section-7 .xpb-box-info .xpb-box-info-top .xpb-top-2:after{
    content:'';
    display: block;
    width:1px;
    height:70%;
    position:absolute;
    right:60px;
    top:50%;
    transform:translatey(-50%);
    background-color: #5f5f5f;
}

#xpb #xpb-section-7 .xpb-box-info .xpb-box-info-top .xpb-big-text{
    font-size:52.572px;
    font-weight: 500;
}

#xpb #xpb-section-7 .xpb-box-info .xpb-box-info-top .xpb-big-text span{
    font-size:17.524px;
}

#xpb #xpb-section-7 .xpb-box-info .xpb-box-info-top .xpb-top-2 .xpb-top-info-inner{
    display:flex;
    justify-content: space-between;
}

#xpb #xpb-section-7 .xpb-box-info .xpb-box-info-bottom{
    margin-top:50px;
}

#xpb #xpb-section-7 .xpb-box-info .xpb-box-info-bottom .xpb-bottom-1{
    display:flex;
    align-items: flex-end;
    gap:10px;
}

#xpb #xpb-section-7 .xpb-box-info .xpb-box-info-bottom .xpb-bottom-1 > p:first-child{
    flex:1;
    position:relative;
}

#xpb #xpb-section-7 .xpb-box-info .xpb-box-info-bottom .xpb-bottom-1 > p:first-child:after{
    content:'';
    display: flex;
    width:100%;
    height:5px;
    border-radius:5px;
    background:linear-gradient(90deg, #1356ff, #a2d0ff);
    margin-top:5px;
}

#xpb #xpb-section-7 .xpb-box-info .xpb-box-info-bottom .xpb-bottom-1 > p:last-child .gradient-text{
    font-size:17.32px;
}

#xpb #xpb-section-7 .xpb-box-info .xpb-box-info-bottom .xpb-bottom-1 > p:last-child{
    line-height: 0em;
}

#xpb #xpb-section-7 .xpb-box-info .xpb-box-info-bottom .xpb-bottom-1 > p:last-child img{
    width:auto;
}

#xpb #xpb-section-7 .xpb-box-info .xpb-box-info-bottom .xpb-bottom-2{
    margin-top:20px;
}

#xpb #xpb-section-7 .xpb-box-info .xpb-box-info-bottom .xpb-bottom-2 > p{
    position:relative;
}

#xpb #xpb-section-7 .xpb-box-info .xpb-box-info-bottom .xpb-bottom-2 > p:after{
    content:'';
    display: flex;
    width:40%;
    height:5px;
    border-radius:5px;
    background:#555555;
    margin-top:5px;
}

@media (max-width: 767px){
    #xpb #xpb-section-7 .xpb-box-info .xpb-box-info-top{
        flex-direction: column;
        gap:40px;
    }
    #xpb #xpb-section-7 .xpb-box-info .xpb-box-info-top .xpb-top-1, #xpb #xpb-section-7 .xpb-box-info .xpb-box-info-top .xpb-top-2, #xpb #xpb-section-7 .xpb-box-info .xpb-box-info-top .xpb-top-3{
        width:100%;
    }
    #xpb #xpb-section-7 .xpb-box-info .xpb-box-info-top .xpb-top-2{
        padding-right:0;
        padding-bottom:40px;
    }
    #xpb #xpb-section-7 .xpb-box-info .xpb-box-info-top .xpb-top-2:after{
        width:100%;
        height:1px;
        right:auto;
        top:auto;
        bottom:0px;
        left:0;
    }
    #xpb #xpb-section-7 .xpb-box-info .xpb-box-info-bottom{
        margin-top:20px;
    }
    #xpb #xpb-section-7 .xpb-box-info .xpb-box-info-bottom .xpb-bottom-1{
        flex-direction: column;
        align-items: flex-start;
    }
    #xpb #xpb-section-7 .xpb-box-info .xpb-box-info-bottom .xpb-bottom-1 .xpb-text{
        width:100%;
    }
}




#xpb #xpb-section-8{
    padding-top:80px;
}

#xpb #xpb-section-8 .xpb-small-header{
    font-weight: 500;
    max-width: 500px;
    margin: 0 auto .8em auto;
    color:#fff;
}

#xpb #xpb-section-8 .xpb-box{
    border: 1px solid #5f5f5f;
    border-radius: 10px;
    padding: 30px;
    margin-top: 40px;
}

#xpb #xpb-section-8 .xpb-box .xpb-photos{
    display:flex;
    gap:10px;
    margin-top:25px;
}

#xpb #xpb-section-8 .xpb-box .xpb-photos img{
    margin-bottom:10px;
}

#xpb #xpb-section-8 .xpb-info{
    color: #8a8a8a;
    margin-top:15px;
}

@media (max-width: 767px){
    #xpb #xpb-section-8{
        padding-top:20px;
    }
}


#xpb #xpb-section-9 {
    background-image: url(../img/section_9.webp);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    min-height: clamp(552px, 70.87vw, 792px);
    position:relative;
    padding-top:80px;
}

#xpb #xpb-section-9 .xpb-container{
    position:relative;
}

#xpb #xpb-section-9 .xpb-container > .xpb-text{
    max-width:600px;
    margin:0 auto;
}

#xpb #xpb-section-9 .xpb-container .xpb-info{
    display:flex;
    gap:60px;
    flex-direction: column;
    margin-top:220px;
}

#xpb #xpb-section-9 .xpb-container .xpb-info .xpb-small-header{
    font-weight: 500;
    margin-bottom:5px;
}

@media (max-width: 767px){
    #xpb #xpb-section-9 .xpb-container .xpb-info{
        flex-direction: row;
        margin-top: 270px;
        text-align: center;
        align-items: center;
        justify-content: center;
    }
}


#xpb #xpb-section-10 {
    background-image: url(../img/section_10.webp);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    min-height: clamp(581px, 70.87vw, 861px);
    position:relative;
    padding-top:80px;
    display: flex;
    padding-bottom:0px;
}

#xpb #xpb-section-10 .xpb-container{
    display:flex;
    flex-direction: column;
    justify-content: space-between;
}

#xpb #xpb-section-10 .xpb-container .xpb-box{
    padding:30px;
    background-color:rgba(113,115,116,.15);
    border-radius:10px;
    display:flex;
    position:relative;
    gap:50px;
}

#xpb #xpb-section-10 .xpb-container .xpb-box > div:not(:last-child){
    width:25%;
    position:relative;
}

#xpb #xpb-section-10 .xpb-container .xpb-box > div:not(:last-child):after{
    content:'';
    position:absolute;
    right:-25px;
    height:70%;
    top:50%;
    transform:translatey(-50%);
    background:#565656;
    width:1px;
    opacity:.5;
}

#xpb #xpb-section-10 .xpb-container .xpb-box > div:last-child{
    width:50%;
}

#xpb #xpb-section-10 .xpb-container .xpb-box > div .xpb-small-header{
    font-weight: 500;
    min-height: 44px;
}

@media (max-width: 767px){
    #xpb #xpb-section-10 .xpb-container .xpb-box {
        flex-direction: column;
        margin-top: 210px;
        background-color: rgba(113, 115, 116, 0.55);
    }
    #xpb #xpb-section-10 .xpb-container .xpb-box > div:not(:last-child){
        width:100%;
    }
    #xpb #xpb-section-10 .xpb-container .xpb-box > div:last-child{
        width:100%;
    }
    #xpb #xpb-section-10 .xpb-container .xpb-box > div:not(:last-child):after{
        right: auto;
        top: auto;
        bottom: -25px;
        width: 70%;
        height: 1px;
        left: 50%;
        transform: translatex(-50%);
    }
    #xpb #xpb-section-10 .xpb-container .xpb-box > div .xpb-small-header{
        min-height: 0;
    }
}


#xpb #xpb-section-11 {
    background-image: url(../img/section_11.webp);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    min-height: clamp(391px, 70.87vw, 591px);
    position:relative;
    display:flex;
    align-items: center;
    padding-bottom:60px;
}

#xpb #xpb-section-11 .xpb-header{
    font-size:43.81px !important;
}

#xpb #xpb-section-11 .xpb-text{
    font-size:26.286px;
}

@media (max-width: 767px){
    #xpb #xpb-section-11 .xpb-header{
        font-size:32px !important;
    }
    #xpb #xpb-section-11 .xpb-text{
        font-size:18px !important;
    }
}

#xpb #xpb-section-12{
    margin-top:-80px;
    z-index:1;
    position:relative;
}

#xpb .xpb-section-12{
    margin-top:120px;
}

#xpb .xpb-section-12 .xpb-image-box{
    background-color: #0f0f0f;
    border: 1px solid #5f5f5f;
    overflow: hidden;
    border-radius: 10px;
    margin-top:40px;
    position:relative;
}

#xpb .xpb-section-12 .xpb-image-box .xpb-image-info-top{
    position: absolute;
    top: 20px;
    width: 100%;
    display: flex;
}

#xpb .xpb-section-12 .xpb-image-box .xpb-image-info-top > div{
    width:50%;
}

#xpb .xpb-section-12 .xpb-image-box .xpb-image-box-inner{
    padding:60px;
}

@media (max-width: 767px){
    #xpb .xpb-section-12 .xpb-image-box .xpb-image-box-inner{
        padding:20px;
    }
    #xpb .xpb-section-12{
        margin-top:60px;
    }
}


#xpb #xpb-section-16 {
    background-image: url(../img/section_11.webp);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    min-height: clamp(391px, 70.87vw, 591px);
    position:relative;
    display:flex;
    align-items: center;
    padding-bottom:90px;
}

#xpb #xpb-section-16 .xpb-header{
    font-size:43.81px !important;
}

#xpb #xpb-section-16 .xpb-text{
    font-size:26.286px;
}

@media (max-width: 767px){
    #xpb #xpb-section-16 .xpb-header{
        font-size:32px !important;
    }
    #xpb #xpb-section-16 .xpb-text{
        font-size:18px !important;
    }
}




#xpb #xpb-section-17 {
    background-image: url(../img/section_17.webp);
    background-size: contain;
    background-position: bottom center;
    background-repeat: no-repeat;
    padding-top: 80px;
    padding-bottom: 20px;
    min-height: clamp(589px, 70.87vw, 979px);
    position:relative;
    z-index: 1;
    margin-top:-80px;
}

#xpb #xpb-section-17 .xpb-text{
    max-width:670px;
    margin:0 auto;
}

#xpb #xpb-section-17 .xpb-container .xpb-logotypes{
    display: flex;
    align-items: center;
    gap: 100px;
    margin-top: 40px;
    justify-content: center;
}

#xpb #xpb-section-17 .xpb-container .xpb-logotypes img{
    width:auto;
}

#xpb #xpb-section-17 .xpb-container .xpb-info{
    position:absolute;
    bottom:20px;
    left:50%;
    transform:translatex(-50%);
}

@media (max-width: 767px){
    #xpb #xpb-section-17{
        padding-top:40px;
    }
    #xpb #xpb-section-17 .xpb-container .xpb-logotypes{
        gap:20px;
    }
}


#xpb #xpb-section-18 {
    padding-top: 80px;
    padding-bottom: 20px;
}

#xpb #xpb-section-18 .xpb-small-header{
    max-width:400px;
    margin:0 auto .8em auto;
}

#xpb #xpb-section-18 .xpb-text{
    max-width:670px;
    margin:0 auto;
}

#xpb #xpb-section-18 .xpb-container .xpb-logotypes{
    display: flex;
    align-items: center;
    gap: 100px;
    margin-top: 40px;
    justify-content: center;
    margin-bottom:40px;
}

#xpb #xpb-section-18 .xpb-container .xpb-logotypes img{
    width:auto;
}

#xpb #xpb-section-19 {
    background-image: url(../img/section_19.webp);
    background-size: contain;
    background-position: bottom center;
    background-repeat: no-repeat;
    padding-top: 120px;
    padding-bottom: 20px;
    min-height: clamp(405px, 70.87vw, 775px);
}

#xpb #xpb-section-19 .xpb-text{
    max-width:670px;
    margin:0 auto;
}

@media (max-width: 767px){
    #xpb #xpb-section-19{
        padding-top:40px;
    }
}



#xpb #xpb-section-20 {
    padding-top: 140px;
    padding-bottom: 20px;
    position:relative;
}

#xpb #xpb-section-20 .xpb-container .xpb-info{
    display: flex;
    gap: 60px;
    max-width:600;
    margin:50px auto 50px auto;
    align-items: center;
}

#xpb #xpb-section-20 .xpb-container .xpb-info > div{
    width:100%;
}

#xpb #xpb-section-20 .xpb-container .xpb-info > div img{
    width:auto;
}

#xpb #xpb-section-20 .xpb-container .xpb-info > div .xpb-small-header{
    font-weight: 500;
    font-size:15.77px;
    margin-bottom:10px;
}

@media (max-width: 767px){
    #xpb #xpb-section-20{
        padding-top:40px;
    }
}


#xpb #xpb-section-21.xpb-section-12{
    margin-top:60px;
}

#xpb #xpb-section-21.xpb-section-12 .xpb-image-box{
    border:none;
}

#xpb #xpb-section-21.xpb-section-12 .xpb-small-header{
    font-weight: 500;
}

#xpb #xpb-section-21.xpb-section-12 .xpb-image-box .xpb-info-inner{
    padding-left:40px;
}


#xpb #xpb-section-22{
    padding-top:160px;
}

#xpb #xpb-section-22 img{
    width:auto;
}

#xpb #xpb-section-22 .xpb-container .xpb-header{
    max-width: 450px;
    margin:20px auto 10px auto;
}

#xpb #xpb-section-22 .xpb-container .xpb-text:not(.xpb-info){
    margin-bottom:40px;
}

#xpb #xpb-section-22 .xpb-container .xpb-text.xpb-info{
    color:#747474;
    max-width:720px;
    margin:20px auto 0 auto;
}

@media (max-width: 767px){
    #xpb #xpb-section-22{
        padding-top:60px;
    }
}

#xpb #xpb-section-23 {
    background-image: url(../img/section_23.webp);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding-top: 0px;
    margin-top:80px;
    padding-bottom: 20px;
    min-height: clamp(594px, 70.87vw, 861px);
    position:relative;
}

#xpb #xpb-section-23 img{
    width:auto;
}

#xpb #xpb-section-23 .xpb-info{
    position: absolute;
    bottom: 40px;
    color:#717171;
}

#xpb #xpb-section-23 .xpb-header{
    margin:20px 0 20px 0;
}

#xpb #xpb-section-23 .xpb-container .xpb-text:not(.xpb-info){
    max-width:615px;
    margin:0 auto 0 auto;
}


#xpb #xpb-section-24{
    padding-top:80px;
    padding-bottom: 80px;
}

#xpb #xpb-section-24 img{
    width:auto;
}

#xpb #xpb-section-24 .xpb-container .xpb-header{
    max-width: 450px;
    margin:20px auto 10px auto;
}

#xpb #xpb-section-24 .xpb-container .xpb-text:not(.xpb-info){
    margin-bottom:40px;
}

#xpb #xpb-section-24 .xpb-container .xpb-text.xpb-info{
    color:#747474;
    max-width:720px;
    margin:20px auto 0 auto;
}

#xpb #xpb-section-25 {
    background-image: url(../img/section_25.webp);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    min-height: clamp(456px, 70.87vw, 696px);
    position:relative;
    padding-top:160px;
}

#xpb #xpb-section-25 .xpb-container{
    padding-right:48%;
}

#xpb #xpb-section-25 .xpb-container img{
    margin-top:80px;
    margin-bottom:10px;
    width:auto;
}

#xpb #xpb-section-25 .xpb-container .xpb-info{
    color:#747474;
}

#xpb #xpb-section-25 .xpb-container .xpb-info .xpb-small-header{
    font-weight: 500;
    margin-bottom:5px;
}

@media (max-width: 767px){
    #xpb #xpb-section-25{
        padding-top:60px;
    }
}



#xpb #xpb-section-26 {
    background-image: url(../img/section_26.webp);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    min-height: clamp(356px, 70.87vw, 486px);
    position:relative;
    padding-top:0px;
}

#xpb #xpb-section-26 .xpb-container{
    padding-left:53%;
}

#xpb #xpb-section-26 .xpb-container img{
    margin-top:0px;
    margin-bottom:20px;
    width:auto;
}

#xpb #xpb-section-26 .xpb-container .xpb-info{
    color:#747474;
    margin-top:60px;
}

#xpb #xpb-section-26 .xpb-container .xpb-header{
    margin-bottom:15px;
}

@media (max-width: 767px){
    #xpb #xpb-section-26 .xpb-container {
        padding-left: 15px;
        padding-top: 190px;
        padding-bottom: 40px;
    }
    #xpb #xpb-section-26 .xpb-container .xpb-info{
        margin-top:30px;
    }
}



#xpb #xpb-section-27 {
    background-image: url(../img/section_27.webp);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    min-height: clamp(225px, 70.87vw, 525px);
    position:relative;
    padding-top:0px;
    display:flex;
    align-items: center;
}

#xpb #xpb-section-27 .xpb-container{
    padding-right:53%;
}

#xpb #xpb-section-27 .xpb-container .xpb-header{
    margin-bottom:15px;
}


#xpb #xpb-section-28 {
    background-image: url(../img/section_11.webp);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    min-height: clamp(391px, 70.87vw, 591px);
    position:relative;
    display:flex;
    align-items: center;
    padding-bottom:90px;
}

#xpb #xpb-section-28 .xpb-header{
    font-size:43.81px !important;
}

#xpb #xpb-section-28 .xpb-text{
    font-size:26.286px;
}

@media (max-width: 767px){
    #xpb #xpb-section-28 .xpb-header{
        font-size:32px !important;
    }

    #xpb #xpb-section-28 .xpb-text{
        font-size:18px;
    }
}


#xpb #xpb-section-29{
    position:relative;
    z-index: 1;
}

#xpb #xpb-section-29 .xpb-container{
    display:flex;
    gap:10px;
    margin-top:-80px;
}

#xpb #xpb-section-29 .xpb-container img{
    display:block;
}

#xpb #xpb-section-29 .xpb-container .xpb-box{
    background-color: #0f0f0f;
    border: 1px solid #5f5f5f;
    overflow: hidden;
    border-radius: 10px;
    width:50%;
}

#xpb #xpb-section-29 .xpb-container .xpb-box .xpb-box-inner{
    padding:30px 60px;
}

@media (max-width: 767px){
    #xpb #xpb-section-29 .xpb-container{
        flex-direction: column;
    }
    #xpb #xpb-section-29 .xpb-container .xpb-box{
        width:100%;
    }
}


#xpb #xpb-section-30{
    padding-top:120px;
    padding-bottom:120px;
}

#xpb #xpb-section-30 .xpb-text{
    font-size:15.77px;
    max-width:500px;
    margin:0 auto 40px auto;
    font-weight: 300;
}

@media (max-width: 767px){
    #xpb #xpb-section-30{
        padding-top:60px;
        padding-bottom:60px;
    }
}


#xpb #xpb-section-31{
    padding-bottom:80px;
}

#xpb #xpb-section-31 .xpb-text:not(:last-child){
    margin-bottom:15px;
}

#xpb #xpb-section-31 .xpb-text{
    color:#717171;
}


@media(min-width: 768px) {
    #xpb .xpb-mobile-only {
        display: none
    }
}