.bl-03 .inner {
max-width: 960px;
}
.bl-30 {
margin-bottom: 60px;
}
.s_0068 {
padding-top: 120px;
padding-bottom: 20px;
background-color: #fcfaf8;
position: relative;
}
.s_0068-bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
max-width: none;
padding: 0;
}
.s_0068-lines {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
max-width: none;
padding: 0;
}
.s_0068-lines img {
width: 100%;
height: 100%;
object-fit: cover;
display: flex;
}
.s_0068-container {
position: relative;
}
.s_0068-bg img {
width: 100%;
position: absolute;
bottom: 0;
}
.s_0068 .slider-btns {
display: flex;
justify-content: flex-start;
margin: 50px auto 0 auto;
max-width: 1240px;
padding: 0 20px;
}
.s_0068-title {
font-family: "MabryPro", sans-serif;
font-style: normal;
font-weight: 500;
font-size: 64px;
line-height: 66px;
letter-spacing: -2px;
color: #1d1916;
max-width: 520px;
margin-bottom: 80px;
background-color: #fcfaf8;
}
.button-prev {
margin-right: 30px;
cursor: pointer;
}
.button-next {
cursor: pointer;
}
.swiper-button-disabled {
opacity: 0.3;
}
@media only screen and (max-width: 1600px) {
}
@media only screen and (max-width: 1440px) {
.s_0068-slider {
margin: auto 0 0 auto !important;
max-width: none;
padding: 0 20px !important;
}
.s_0068-lines {
bottom: 40px;
}
}
@media only screen and (max-width: 1300px) {
.s_0068-title {
font-size: 62px;
line-height: 66px;
}
.s_0068 .slider-btns {
max-width: 968px;
}
}
@media only screen and (max-width: 990px) {
.s_0068-lines {
bottom: 100px;
}
.s_0068 {
padding-top: 78px;
padding-bottom: 78px;
}
.slider-btns {
max-width: 754px;
}
.s_0068-title {
font-size: 48px;
line-height: 50px;
max-width: 356px;
}
}
@media only screen and (max-width: 767px) {
.s_0068-lines {
bottom: 40px;
}
.s_0068 {
padding-top: 40px;
padding-bottom: 40px;
}
.button-prev img {
width: 30px;
}
.button-next img {
width: 30px;
}
.s_0068-slider {
padding: 0 10px !important;
}
.s_0068 .slider-btns {
max-width: 374px;
padding: 0 10px;
margin-top: 20px;
}
.s_0068-title {
font-size: 40px;
line-height: 44px;
}
}
@media (max-width: 420px) {
.s_0068-lines {
bottom: 0;
}
}
@media only screen and (max-width: 380px) {
}
.s_0068-slider-img img {
width: 100%;
height: 100%;
object-fit: cover;
}