.sv-sale {
padding: 4rem 0;
}
.sv-sale .list {
margin: 4rem -2rem 0;
}
.sv-sale .list .item {
padding: 0 2rem;
}
.sv-sale .list .item .box {
border-radius: 0.8rem;
box-shadow: 0 0.6rem 1.2rem rgba(0, 0, 0, 0.16);
background: #9D9D9D;
overflow: hidden;
}
.sv-sale .list .item .box .featured {
height: 27.4rem;
}
.sv-sale .list .item .box .featured img {
border-radius: 0.8rem 0.8rem 0 0;
}
.sv-sale .list .item .box .link {
background: #fff;
padding: 3.2rem 2rem;
}
.sv-about {
padding: 4rem 0 4rem;
}
.sv-about .list {
margin: 5.6rem -2.4rem 0;
}
.sv-about .list .item {
padding: 0 2.4rem 4rem;
}
.sv-about .list .item .box {
box-shadow: 0 0.6rem 1.2rem rgba(0, 0, 0, 0.16);
border-radius: 0.8rem;
background: #fff;
}
.sv-about .list .item .box .featured {
width: 17.7rem;
}
.sv-about .list .item .box .featured img {
border-radius: 0.8rem 0 0 0.8rem;
}
.sv-about .list .item .box .info {
width: calc(100% - 17.7rem);
padding: 5.6rem 1rem 2.8rem 1.8rem;
text-align: center;
}
.sv-about .list .item .box .info .ps-title {
margin-bottom: 2.4rem;
text-align: left;
letter-spacing: 0;
font-size: 2.4rem;
}
.sv-about .list .item .box .info .ps-btn-radius {
min-width: 21.4rem;
padding: 1.2rem 2rem;
}
@media (max-width: 767px) {
.sv-sale {
padding: 4.4rem 0 2.4rem;
}
.sv-sale .list {
margin: 2.4rem -0.8rem 0;
}
.sv-sale .list .item {
padding: 0 0.8rem 2.4rem;
}
.sv-sale .list .item .box {
border-radius: 0.8rem;
box-shadow: 0 0.3rem 0.6rem rgba(0, 0, 0, 0.16);
}
.sv-sale .list .item .box .featured {
height: 12rem;
}
.sv-sale .list .item .box .featured img {
border-radius: 0.8rem 0.8rem 0 0;
}
.sv-sale .list .item .box .link {
padding: 1rem 1rem;
}
.sv-sale .list .item .box .link a {
display: block;
}
.sv-sale .list .item .box .link a span {
color: #006D31;
border: none;
}
.sv-sale .list .item .box .link a:after {
width: 2rem;
height: 2rem;
margin-left: 1rem;
}
.sv-about {
padding: 4.4rem 0 2.4rem;
}
.sv-about .list {
margin: 3.2rem -0.8rem 0;
}
.sv-about .list .item {
padding: 0 0.8rem 2.4rem;
}
.sv-about .list .item .box {
box-shadow: 0 0.6rem 1.2rem rgba(0, 0, 0, 0.16);
border-radius: 1.2rem;
}
.sv-about .list .item .box .featured {
height: 12rem;
width: 100%;
}
.sv-about .list .item .box .featured img {
border-radius: 1.2rem 1.2rem 0 0;
}
.sv-about .list .item .box .info {
width: 100%;
padding: 2.2rem 1.2rem 1.2rem;
}
.sv-about .list .item .box .info .ps-title {
margin-bottom: 0.9rem;
font-size: 1.6rem;
line-height: 2rem;
letter-spacing: 0.1em;
height: 3.8rem;
}
.sv-about .list .item .box .info .ps-btn-radius {
min-width: 100%;
font-size: 1.4rem;
line-height: 1.7rem;
padding: 0.7rem 0.5rem;
}
}