.del__works {
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 4rem;
}
.del__works .del__s_header {
text-align: center;
font-size: var(--size-text-xxl);
margin-bottom: 2rem;
font-weight: 300;
}
.del__works .del__s_grid .del__s_item {
display: flex;
flex-direction: row;
}
.del__works .del__s_grid .del__s_item .del__s_left,
.del__works .del__s_grid .del__s_item .del__s_right {
flex: 0 0 50%;
display: flex;
flex-direction: column;
}
.del__works .del__s_grid .del__s_item .del__s_left .del__s_inner {
padding-right: 1rem;
}
.del__works .del__s_grid .del__s_item .del__s_left .del__s_main {
margin-bottom: 2rem;
}
.del__works .del__s_grid .del__s_item .del__s_left .del__s_main a {
display: block;
width: 100%;
position: relative;
}
.del__works .del__s_grid .del__s_item .del__s_left .del__s_thumbs .del__s_thumb a{
position: relative;
}
.del__works .del__s_grid .del__s_item .del__s_left .del__s_main img {
width: 100%;
height: auto;
object-fit: cover;
aspect-ratio: 16 / 9;
border-radius: 1rem;
}
.del__works .del__s_grid .del__s_item .del__s_left .del__s_thumbs {
display: flex;
flex-direction: row;
gap: 0.5rem;
}
.del__works .del__s_grid .del__s_item .del__s_left .del__s_thumbs .del__s_thumb {
display: flex;
flex: 1 1 25%;
}
.del__works .del__s_grid .del__s_item .del__s_left .del__s_thumbs .del__s_thumb img {
width: 100%;
height: auto;
object-fit: cover;
aspect-ratio: 16 / 9;
border-radius: 1rem;
}
.del__works .del__s_grid .del__s_item .del__s_right .del__s_inner {
padding-left: 1rem;
}
.del__works .del__s_grid .del__s_item .del__s_right .del__s_inner .del__s_name a {
font-size: var(--size-text-xl);
font-weight: 700;
margin-bottom: 2rem;
display: block;
color: black;
}
.del__works .del__s_grid .del__s_item .del__s_right .del__s_inner .del__s_price {
display: flex;
flex-direction: row;
align-items: center;
margin-bottom: 1rem;
}
.del__works .del__s_grid .del__s_item .del__s_right .del__s_inner .del__s_price .del__s_text {
font-size: var(--size-text-m-1);
font-weight: 600;
margin-right: 2rem;
}
.del__works .del__s_grid .del__s_item .del__s_right .del__s_inner .del__s_price .del__s_number {
font-size: var(--size-text-xl);
font-weight: 700;
color: var(--color-green);
font-family: var(--number-font);
margin-right: 0.5rem;
}
.del__works .del__s_grid .del__s_item .del__s_right .del__s_inner .del__s_price .del__s_currency {
font-size: var(--size-text-m-1);
font-weight: 600;
margin-right: 2rem;
}
.del__works .del__s_grid .del__s_item .del__s_right .del__s_inner .del__s_desc {
display: flex;
flex-direction: column;
margin-bottom: 2rem;
}
.del__works .del__s_grid .del__s_item .del__s_right .del__s_inner .del__s_desc .del__s_text {
font-size: var(--size-text-m-3);
font-weight: 700;
margin-bottom: 1rem;
}
.del__works .del__s_grid .del__s_item .del__s_right .del__s_inner .del__s_desc .del__s_tips {
display: flex;
flex-flow: row wrap;
gap: 1rem;
}
.del__works .del__s_grid .del__s_item .del__s_right .del__s_inner .del__s_desc .del__s_tips .del__s_tip {
flex: 1 1 calc(50% - 0.5rem);
font-size: var(--size-text-m);
color: var(--color-gray);
}
.del__works .del__s_grid .del__s_item .del__s_right .del__s_inner .del__s_fback {
display: flex;
flex-direction: row;
background-color: #f4f2f2;
padding: 1rem;
border-radius: 1rem;
}
.del__works .del__s_grid .del__s_item .del__s_right .del__s_inner .del__s_fback .del__s_ava {
padding-right: 2rem;
}
.del__works .del__s_grid .del__s_item .del__s_right .del__s_inner .del__s_fback .del__s_ava img {
width: 100px;
height: 100px;
object-fit: cover;
border-radius: 50%;
}
.del__works .del__s_grid .del__s_item .del__s_right .del__s_inner .del__s_fback .del__s_text {
display: flex;
justify-content: center;
align-items: start;
flex-direction: column;
}
.del__works .del__s_grid .del__s_item .del__s_right .del__s_inner .del__s_fback .del__s_text span {
font-size: var(--size-text-m);
color: var(--color-gray);
}
.del__works .del__s_grid .del__s_item .del__s_right .del__s_inner .del__s_fback .del__s_text p {
font-size: var(--size-text-m);
font-weight: 600;
color: black;
}
.del__works .swiper-wrapper{
padding-bottom: 2rem!important;
}
@media (max-width: 1280px) {
.del__works {
padding-left: 1rem;
padding-right: 1rem;
}
}
@media (max-width: 960px) {
.del__works {
display: flex;
margin-bottom: 2rem;
}
.del__works .del__s_grid .del__s_item {
flex-direction: column;
}
.del__works .del__s_grid .del__s_item .del__s_left .del__s_inner {
padding-right: 1rem;
padding-left: 1rem;
}
.del__works .del__s_grid .del__s_item .del__s_right .del__s_inner {
padding-right: 1rem;
padding-left: 1rem;
}
}
.del__works.del__s_small{
flex-direction: column;
}
.del__works .del__s_small .del__s_text{
padding-left: 0.5rem;
padding-right:0.5rem;
padding-top: 1rem;
font-size: var(--size-text-m);
}