.pbi-1 { background: url('../images/pbi-1-bg.webp') no-repeat center center; background-size: cover; margin-top: var(--border-width); color: #FFF; border-radius: 50px; }
.pbi-1 header { margin-bottom: 90px; padding-top: 38px; }
.pbi-1 header .header-group { }
.pbi-1 .welcome { position: relative;}
.pbi-1 .welcome .pb-label { color: rgba(255, 255, 255, 0.69); }
.pbi-1 .welcome .title { font-size: 100px; font-weight: 800; line-height: 85%; margin-bottom: 45px; font-size: clamp(32px, 7vw, 100px); }
.pbi-1 .welcome .play-button { position: absolute; bottom: -80px; right: 0; display: none; }
.pbi-1 .reasons { display: flex; flex: 1; margin-top: 100px; border-top: 1px solid rgba(255, 255, 255, 0.17);}
.pbi-1 .reasons .reason { padding: 80px 40px 70px; border-right: 1px solid rgba(255, 255, 255, 0.17); }
.pbi-1 .reasons .reason:first-child { padding-left: 0; }
.pbi-1 .reasons .reason:last-child { border-right: none; padding-right: 0; }
.pbi-1 .reasons .icon { margin-bottom: 34px;}
.pbi-1 .reasons .title { font-weight: 900; font-size: 24px; margin-bottom: 10px;}
.pbi-1 .reasons .descr { opacity: 50%; font-weight: 500;}

@media all and (max-width: 860px) {
    /* .pbi-1 .welcome .title {   hyphens: auto;  word-break: normal;  overflow-wrap: break-word;} */
    .pbi-1 .reasons { flex-direction: column; margin-top: 20px; border-top: none; }
    .pbi-1 .reasons .reason { border-right: none; border-bottom: 1px solid rgba(255, 255, 255, 0.17); padding: 40px 0; }
    .pbi-1 .reasons .reason:last-child { border-bottom: none; }
}
@media all and (max-width: 700px) {
    .pbi-1 .welcome .play-button {display: none; }
    .pbi-1 header { margin-bottom: 40px;}
}



.pbi-2 {}
.pbi-2 .page-width {position: relative;}
.pbi-2 .reasons { display: flex; gap: 20px;}
.pbi-2 .reasons .reason { background: #F6F6F6; border-radius: 30px; padding: 34px; flex: 1; }
.pbi-2 .reasons .reason .icon { width: 100px; height: 100px; margin-bottom: 110px; border: 1.5px solid rgba(69, 67, 67, 0.11); border-radius: 50px; display: flex; align-items: center; justify-content: center;}
.pbi-2 .reasons .reason .title { font-size: 32px; font-weight: 900; margin-bottom: 20px; line-height: 100%; }
.pbi-2 .reasons .reason .descr { font-weight: 500; }
.pbi-2 .leaf { position: absolute; }
.pbi-2 .leaf-1 { top: 100px; left: 0px; }
.pbi-2 .leaf-2 { top: 100px; right: -150px; }
.pbi-2 .leaf-3 { top: 450px; left: -130px; z-index: -1; }

@media all and (max-width: 1140px) {
    .pbi-2 .reasons { flex-direction: column; }
    .pbi-2 .reasons .reason { position: relative; padding-left: 140px;}
    .pbi-2 .reasons .reason .icon { position: absolute; left: 20px; top: 20px; }
}
@media all and (max-width: 500px) {
    .pbi-2 .reasons .reason { padding-left: 30px;}
    .pbi-2 .reasons .reason .icon { top: auto; left: auto; position: relative;  margin-bottom: 20px; }

}


.pbi-3 { background: linear-gradient(90deg, #9ABF49 0%, #33727A 100%), linear-gradient(131.54deg, #B5BCA2 16.93%, #53564A 229.33%); border-radius: 50px;}

.pbi-3 .page-width { position: relative; } 
.pbi-3 .items { display: flex; align-items: center; justify-content: center; } 
.pbi-3 .item { aspect-ratio: 1 / 1; flex: 1; border-radius: 50%; border: 1px solid rgba(255, 255, 255, 0.35); display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; color: white; backdrop-filter: blur(1px); margin-left: -2%; margin-bottom: -2%; position: relative; } 
.pbi-3 .item:first-child { margin-left: 0; } 
.pbi-3 .item .title { font-size: clamp(42px, 5vw, 98px); font-weight: 700; line-height: 1; margin-bottom: 0.2em; } 
.pbi-3 .item .text { font-size: clamp(16px, 2vw, 21px); opacity: 0.9; max-width: 70%; }
.pbi-3 .pointer { position: absolute; top: 0px; }
.pbi-3 .pointer-left { left: 0px; top: 150px; margin-left: var(--border-width-rev); }
.pbi-3 .pointer-right { right: 0px; margin-right: var(--border-width-rev); }

@media all and (max-width: 840px) {
    .pbi-3 .items { flex-wrap: wrap; }
    .pbi-3 .item { flex-basis: 50%; }
}


.pbi-4 {}
.pbi-4 .page-width { position: relative; }
/* .pbi-4 .pb-title { font-size: 67px; overflow-wrap: break-word; word-wrap: break-word;} */
.pbi-4 .items { display: flex; gap: 20px; flex-wrap: wrap; }
.pbi-4 .items .item { flex-basis: calc(33.33% - 15px); background: #F6F6F6; border-radius: 30px; padding: 30px; position: relative; transition: all 0.3s ease; }
.pbi-4 .items .item:hover { box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.2); opacity: 1; }
.pbi-4 .items .picture { background: #D9D9D9; border-radius: 30px; aspect-ratio: 16/9; margin-bottom: 30px; overflow: hidden;}
.pbi-4 .items .picture img { width: 100%; height: 100%; object-fit: cover; transition: all 2s ease; }
.pbi-4 .items .item:hover .picture img {transform: scale(1.1);}

.pbi-4 .items .circle { position: absolute; top: 50px; right: 50px; display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 100px; background: #FFF; z-index: 3; }
.pbi-4 .items .circle svg { transform: rotate(-45deg); transition: all 0.3s ease; }
.pbi-4 .items .item:hover .circle svg {transform: rotate(0deg);}

.pbi-4 .items .title { font-size: 32px; font-weight: 900; margin-bottom: 10px; }
.pbi-4 .items .descr { font-weight: 500; color: #454343; }
.pbi-4 .col-1 { display: flex; flex-direction: column; justify-content: space-between;}
.pbi-4 .col-1 .button-v1 { margin-bottom: 50px;}
.pbi-4 .leaf { position: absolute; }
.pbi-4 .leaf-2 { top: 680px; right: -150px; transform: rotate(75deg); }
.pbi-4 .leaf-3 { top: 450px; left: -130px; z-index: -1; }

@media all and (max-width: 1366px) {
    .pbi-4 .items .item { flex-basis: calc(50% - 15px); }
}
@media all and (max-width: 940px) {
    .pbi-4 .items .item { flex-basis: 100%; }
}

.pbi-video .video { aspect-ratio: 16/9; width: 100%; background: #D9D9D9; border-radius: 50px; position: relative; border-radius: 50px; overflow: hidden; }
.pbi-video .play-button { display: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.pbi-video .video-cover { width: 100%; height: 100%; object-fit: cover; border-radius: 50px; }

@media all and (max-width: 740px) {
    .pbi-video .play-button { width: 150px; }
}

.pbi-6 {}
.pbi-6 .items { display: flex; gap: 20px; flex-wrap: wrap; }
.pbi-6 .items .item { aspect-ratio: 380/234; flex-basis: calc(25% - 15px); background: rgba(255, 255, 255, 0.16); border-radius: 30px; padding: 20px; display: flex; align-items: center; justify-content: center; }
.pbi-6 .items .item:last-child { background: none; border: 1px solid rgba(255, 255, 255, 0.16); flex-direction: column; color: #FFF; }
.pbi-6 .items .item:last-child .title { margin-bottom: 0px; font-size: clamp(48px, 8vw, 82px); font-weight: 900; }

@media all and (max-width: 740px) {
    .pbi-6 .items .item { flex-basis: calc(50% - 15px); }
    /* .pbi-6 .items .item:last-child { flex-basis: 100%; } */
}

.pbi-7 {}
.pbi-7 .page-width { position: relative; }
.pbi-7 .items { display: flex; gap: 20px;  }
.pbi-7 .items .item { flex: 1; background: #F6F6F6; border-radius: 30px; display: flex; align-items: center; justify-content: center; font-weight: 500; aspect-ratio: 1 / 1; overflow: hidden; border: 1px solid #9ABF49; transition: all 0.3s ease;}
.pbi-7 .items .item:hover { box-shadow: 0px 4px 20px rgba(154, 191, 73, 0.2); }
.pbi-7 .items .item img { width: 100%; height: 100%; object-fit: cover; }
.pbi-7 .pb-split-title { margin-bottom: 60px;}
.pbi-7 .pb-title { margin-bottom: 30px;}
.pbi-7 .license { font-size: 30px;}
.pbi-7 .leaf { position: absolute; }
.pbi-7 .leaf-2 { top: 0px; right: 0px; transform: rotate(75deg); }
.pbi-7 .leaf-3 { top: 560px; left: -130px; z-index: -1; }

@media all and (max-width: 840px) {
    .pbi-7 .items { flex-wrap: wrap; }
    .pbi-7 .items .item { flex-basis: 100%; max-width: 350px; }
}