html{
box-sizing: border-box;
}
    
*, *::after, *::before{
box-sizing: inherit;
margin: 0;
padding: 0;
}

html,
body{
height: 100%;
background-color: rgba(161, 161, 161, 0.719);
}

ul{
list-style: none;
}

a{
text-decoration: none;
color: inherit;
}

.section-title{
margin-bottom: 50px;
font-size: 48px;
font-weight: 700;
text-align: center;
}

.wrapper{
min-height: 100%;
display: flex;
flex-direction: column;
}

.container{
max-width: 1220px;
margin: 0 auto;
padding: 0 10px;
}

body{
font-family: 'Inter', sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 1.3;
}

.header{
background-color: #151515;
}

.header-main{
background-color: transparent;
position: absolute;
z-index: 5;
left: 0;
right: 0;
}

.header__inner{
padding-top: 40px;
padding-bottom: 45px;
display: flex;
justify-content: space-between;
align-items: flex-end;
}

.menu__list{
display: flex;
gap: 35px;
}

.menu__list-link{
color: #FFFFFF;
text-transform: uppercase;
font-weight: 700;
}

.footer{
background-color: #151515;
padding: -50px 0 32px;
color: #FFFFFF;
}

.footer__menu{
display: flex;
justify-content: space-around;
margin-bottom: 50px;
}

.footer__menu-list{
max-width: 250px;
}

.footer__menu-title{
font-size: 24px;
font-weight: 700;
padding-bottom: 20px;
}

.footer__menu-item + footer__menu-item{
padding-top: 20px;
}
    
.app{
display: flex;
justify-content: center;
gap: 40px;
margin-bottom: 50px;
}

.footer__copy{
max-width: 806px;
margin: 0 auto 30px;
text-align: center;
}

.copy__nav-list{
display: flex;
justify-content: center;
gap: 40px;
}

.main{
flex-grow: 1;
}


.top{
 color: #FFFFFF;
 text-align: center;
 padding-top: 250px;
 padding-bottom: 50px;
 position: absolute;
 z-index: 5;
 left: 0;
 right: 0;
}

.title{
padding-bottom: 40px;
font-size: 96px;
font-weight: 700;
}

.top__link{
background-color: rgba(128, 128, 128, 0.727);
padding: 23px;
max-width: 430px;
border-radius: 50%;
width: 100%;
display: inline-block;
text-transform: uppercase;
font-size: 36px;
font-weight: 700;
}

.swiper ::after{
content: '';
background: rgba(21,21.21.6);
position: absolute;
z-index: 5;
left: 0;
right: 0;
top: 0;
bottom: 0;
}

.swiper-wrapper{
    background: rgba(21,21.21.6);
}

.swiper-slide{
background: no-repeat;
background-size: cover;
background-position: center;
height: 100vh;
}

.swiper-pagination-bullet{
width: 120px;
height: 3px;
background-color: #151515;
border-radius: 0;
opacity: 1;
margin: 0 15px;
}

.swiper-pagination-bullet-active{
height: 6px;
background-color: #FFFFFF;
}

.who-lease{
padding: 150px 0;
}

.who-lease__list{
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 40px;
text-align: center;
}

.who-lease__item-img{
margin-bottom: 30px;
}

.who-lease__item-title{
margin-bottom: 30px;
font-size: 24px;
font-weight: 700;
}

.who-lease__item-text{
text-align: left;
}

.how-does{
    padding-bottom: 150px;
}

.how-does__inner{
max-width: 600px;
margin: 0 auto;
}

.how-does__title{
    font-size: 24px;
    font-weight: 700;
    padding-top: 50px;
}

.how-does__list{
padding: 50px 0 70px;
counter-reset: myCounter;
}

.how-does__item{
list-style-type: none;
width: 270px;
position: relative;
margin-left: auto;
box-sizing: content-box;
padding: 19px 0 19px 240px;
min-height: 63px;
}

.how-does__item + .how-does__item{
margin-top: 40px;
}

.how-does__item::before{
counter-increment: myCounter;
content: counter(myCounter);
display: flex;
justify-content: center;
align-items: center;
font-size: 48px;
font-weight: 700;
background-color: blue;
width: 100px;
height: 100px;
border-radius: 50%;
color: #FFFFFF;
position: absolute;
left: 0;
top: 0;
}

.video{
padding-bottom: 150px;
}

.video-title{
margin-bottom: 20px;
font-size: 48px;
font-weight: 700;
 text-align: center;
}

.video__text{
font-size: 24px;
font-weight: 700;
margin-bottom: 50px;
text-align: center;
}

.video__content{
margin: 0 auto;
display: block;
}

.importent{
padding-bottom: 150px;
}

.importent__title{
    margin-bottom: 20px;
}

.importent__text{
    max-width: 580px;
    margin: 0 auto 50px;
}

.important__list{
    display: grid;
    grid-template-columns: repeat(4 ,1fr)
}

.importent__item-img{
   margin-bottom: 40px;
   gap: 40px;
}