.my-5{
margin: 5rem 0;
}
.main-page a{
text-decoration: none;
}
.wrap-brown {
position: relative;
left: 50%;
transform: translateX(-50%);
width: calc(100vw - 11.25rem);
max-width: none;
border-radius: 20px;
background: #333;
color: #FFF;
}
.--gold{
padding: 1.125rem 2rem !important;
border-radius: 4.25rem !important;
background: #BEA26A;
color: #FFF;
font-size: 1rem;
font-weight: 500;
line-height: 120%;
transition: .3s;
}
.--gold:hover{
background: #967A42;
}
.section-title{
color: #BEA26A;
font-size: 2rem;
font-weight: 600;
line-height: 120%;
text-transform: uppercase;
}
.wrap-brown .center-wrap{
max-width: 82rem;
}
.section-about__body{
padding: 3.75rem 0;
display: flex;
align-items: center;
gap: 3.75rem;
}
.section-about__descr p{
color: #FFF;
font-size: 1rem
}
.section-about__info{
display: flex;
flex-direction: column;
gap: 2rem;
}
.section-about__video-info-title{
color: #FFF;
font-size: 1.5rem;
font-weight: 600;
}
.section-about__video-info-descr{
color: #FFF;
font-size: 1.125rem;
}
.svg {
display: block;
-webkit-mask-size: cover;
mask-size: cover;
-webkit-mask-position: center;
mask-position: center;
}
.svg__why-1 {
width: 2rem;
height: 2rem;
background-color: #BEA26A;
mask-image: url('data:image/svg+xml,');
}
.svg__why-2{
width: 2rem;
height: 2rem;
background-color: #BEA26A;
mask-image: url('data:image/svg+xml,');
}
.svg__why-3{
width: 2rem;
height: 2rem;
background-color: #BEA26A;
mask-image: url('data:image/svg+xml,');
}
.svg__why-4{
width: 2rem;
height: 2rem;
background-color: #BEA26A;
mask-image: url('data:image/svg+xml,');
}
.svg__why-5{
width: 2rem;
height: 2rem;
background-color: #BEA26A;
mask-image: url('data:image/svg+xml,');
}
.svg__why-6{
width: 2rem;
height: 2rem;
background-color: #BEA26A;
mask-image: url('data:image/svg+xml,');
}
.svg__why-7{
width: 2rem;
height: 2rem;
background-color: #BEA26A;
mask-image: url('data:image/svg+xml,');
}
.svg__why-8{
width: 2rem;
height: 2rem;
background-color: #BEA26A;
mask-image: url('data:image/svg+xml,');
}