.del__feedback .swiper-wrapper {
padding-bottom: 4rem;
}
.del__feedback .del__s_type_1 .swiper-wrapper {
display: flex;
flex-flow: row wrap;
gap: 1rem;
width: 100%;
box-sizing: border-box;
}
.del__feedback .del__s_type_1 .del__s_item {
display: flex;
flex: 0 0 calc(12.5% - 0.9rem);
}
.del__feedback .del__s_type_1 .del__s_item img {
width: 100%;
height: 100%;
object-fit: contain;
}
.del__feedback {
overflow: hidden;
}
.del__feedback .del__s_type_1 .container h2 {
font-size: 2rem;
margin-bottom: 0;
}
@media (max-width: 960px) {
.del__feedback {
margin-top: 2rem;
}
.del__feedback .del__s_type_1 .del__s_item {
flex: 0 0 100%;
margin-bottom: 2rem;
}
.del__feedback .del__s_type_1 .swiper-wrapper {
flex-flow: row nowrap;
box-sizing: content-box;
gap: 0;
}
.del__feedback .swiper-wrapper {
padding-bottom: 0;
}
.del__feedback .swiper {
width: 80%;
}
} .del__feedback .del__s_type_2 .container {
display: flex;
flex-flow: row wrap;
gap: 1rem;
box-sizing: border-box;
padding-top: 2rem;
}
.del__feedback .del__s_type_2 .container .del__s_left {
flex-grow: 1;
display: flex;
justify-content: start;
align-items: center;
}
.del__feedback .del__s_type_2 .container .del__s_right {
display: flex;
justify-content: center;
align-items: center;
}
.del__feedback .del__s_type_2 .container .del__s_left h2 {
font-size: 2rem;
margin-bottom: 0;
}
.del__feedback .del__s_type_2 .container .del__s_right a {
background: var(--color-green);
color: white;
display: block;
padding: 0.5rem 2rem;
border-radius: 4px;
font-size: 1rem;
}
.del__feedback .del__s_type_2 .container .swiper {
overflow: hidden;
}
.del__feedback .del__s_type_2 .swiper-wrapper {
display: flex;
flex-direction: row;
width: 100%;
}
.del__feedback .swiper {
position: relative;
display: flex;
flex-flow: row wrap;
height: unset;
}
.fb-swiper-button {
position: absolute;
background: whitesmoke;
width: 32px;
height: 32px;
z-index: 50;
top: 50%;
display: flex;
justify-content: center;
align-items: center;
}
.fb-swiper-button-next {
right: 0;
}
.del__feedback .del__s_type_2 .swiper-wrapper{
height: unset;
margin-top: 1rem;
} .del__feedback .del__s_type_2 .del__s_item {
background: white;
border: 1px solid #F2F2F2;
display: flex;
flex-direction: column;
padding: 1.5rem;
gap: 1rem;
}
.del__feedback .del__s_type_2 .del__s_item .del__s_name {
font-weight: 600;
font-size: 1.1rem;
width: 100%;
position: relative;
}
.del__feedback .del__s_type_2 .del__s_item .del__s_name:before {
content: "";
width: 45px;
height: 45px;
display: block;
position: absolute;
right: 0;
top: 0;
background: url(//xn----ctbfcfozctfpx.xn--p1ai/wp-content/themes/sp-theme-master/imgs/Vector.png);
background-size: contain;
}
.del__feedback .del__s_type_2 .del__s_item .del__s_text {
font-weight: 400;
font-size: 16px;
line-height: 24px;
color: #5B5B66;
flex-grow: 1;
}
.del__feedback .del__s_type_2 .del__s_item .del__s_text i{
margin-bottom: 0.5rem;
font-size: 12px;
font-weight: 600;
}
.del__feedback .del__s_type_2 .del__s_item a {
background: #F5F5F5;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
gap: 0.5rem;
padding: 0.5rem;
color: var(--color-green);
}
.del__feedback .del__s_type_2 .del__s_item a img {
width: auto;
height: 26px;
}
@media (max-width: 960px) {
.fb-swiper-button{display: none}
.del__feedback .del__s_type_2 .del__s_item {
flex: 0 0 100%;
}
.del__feedback .del__s_type_2 .del__s_item {
display: flex;
}
.del__feedback .del__s_type_2 .swiper-wrapper {
flex-flow: unset;
box-sizing: content-box;
gap: 0;
order: 2;
}
.del__feedback .del__s_type_2 .container {
flex-flow: unset;
flex-direction: column;
}
.del__feedback .del__s_type_2 .container .del__s_left {
order: 1;
flex: 0 0 100%;
}
.del__feedback .del__s_type_2 .container .swiper {
order: 2;
flex: 0 0 100%;
overflow: visible;
margin-bottom: 2rem;
}
.del__feedback .del__s_type_2 .container .del__s_right {
order: 3;
flex: 0 0 100%;
margin-bottom: 0;
margin-top: 2rem;
}
.del__feedback .del__s_type_2 .container .del__s_right a {
width: 100%;
text-align: center;
margin-bottom: 2rem;
}
}