Waterdrop X8 Reverse Osmosis System with UV Sterilizing Light on Sale

.wd-product-overview-item-wide-title {
color: var(–111111, #111);
font-family: Montserrat;
font-size: 48px;
font-style: normal;
font-weight: 600;
line-height: 125%;
* 40px *
text-transform: capitalize;
margin-bottom: 40px;
}

.overview-box {
padding-top: 0;
}

.overview-box:first-child {
padding-top: 80px;
}

.overview-box .overview-item-wide img {
display: block;
}

.wd-product-swiper-button-living-next,
.wd-product-swiper-button-living-prev {
width: 40px;
height: 40px;
border-radius: 40px;
border: 1px solid #e5e5e5;
display: flex;
align-items: center;
justify-content: center;
}

.wd-product-background-swiper4-btn-progress {
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 24px;
column-gap: 40px;
}

.swiper-pagination-1106-swiper4 {
background: #D2D2D7;
position: inherit;
max-width: 700px;
height: 4px !important;
padding: 0;
border-radius: 8px;
z-index: 2 !important;
overflow: hidden;
}

.wd-product-swiper-buttons {
justify-content: space-between;
display: flex;
column-gap: 24px;
}

.swiper-pagination-1106-swiper4 .swiper-pagination-progressbar-fill {
background: #292929;
height: 4px;
border-radius: 8px;
display: block;
}

.wd-product-swiper-button-prev svg path,
.wd-product-swiper-button-next svg path {
stroke: #fff;
}

.wd-product-swiper-button-prev,
.wd-product-swiper-button-next {
background-color: #111;
}

.swiper-button-disabled.wd-product-swiper-button-prev svg path,
.swiper-button-disabled.wd-product-swiper-button-next svg path {
stroke: #111;
}

.swiper-button-disabled.wd-product-swiper-button-prev,
.swiper-button-disabled.wd-product-swiper-button-next {
background-color: #fff;
border: 1px solid #111
}

.overview-box .overview-item-wide {
margin: 0 auto 80px;
}

.overview-box .overview-item-wide-choose-img {
margin: 0 auto 24px;
}

.overview-box .wd-product-overview-item-wide-title {
margin: 0 auto 40px;
}

.overview-item-wide-choose-img {
position: relative;
}

.overview-item-wide-choose-img .overview-item-wide-choose-img-item {
position: absolute;
top: 0;
left: 0;
opacity: 0;
transition: 0.3s all;
}

.overview-item-wide-choose-img .overview-item-wide-choose-img-item-active {
position: inherit;
opacity: 1;
}

.overview-item-wide-choose-card {
position: relative;
}

.overview-item-wide-choose-card-item {
padding: 8px 0;
border-bottom: 1px solid #fff;
font-family: Montserrat;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 125%;
text-transform: capitalize;
cursor: pointer;
color: #666;
}

.overview-item-wide-choose-card-item-active {
color: var(–111111, #111);
border-bottom: 1px solid #111;
font-weight: 600;
}

.overview-item-wide-choose-card-items {
align-items: center;
display: flex;
justify-content: center;
column-gap: 40px;
border-bottom: 1px solid #DDD;
width: 1050px;
margin: 0 auto;
}

.wd-product-background-swiper4 .swiper-slide {
width: 92.18%;
cursor: pointer;
}

.wd-product-background-swiper5 .swiper-slide {
width: 87.1%;
cursor: pointer;
}

#productOverview .blocks-item {
margin: 0 auto 80px;
}

.product-details-4block {
display: flex;
align-items: center;
column-gap: 40px;
row-gap: 24px;
flex-wrap: wrap;
}

.product-details-4block-item-svg {
width: 60px;
}

.product-details-4block-item-svg img {
display: block !important;
width: 60px !important;
margin: 0 !important;
}

.product-details-4block-item {
display: flex;
align-items: center;
column-gap: 4px;
width: calc(50% – 20px);
}

.product-details-4block-item-span {
color: #036AFF;
font-family: Montserrat;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 140%;
* 22.4px *
}

.product-details-4block-item-subtitle {
color: var(–111111, #111);
font-family: Montserrat;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 140%;
* 19.6px *
}

.product-details-title h2 {
font-size: 40px;
color: var(–111111, #111);
font-family: Montserrat;
font-size: 40px;
font-style: normal;
font-weight: 600;
line-height: 125%;
* 50px *
}

.blocks-item-text li {
color: #21272A;
font-family: Montserrat;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 180%;
* 28.8px *
}

.wd-product-overview-item-wide-title {
font-size: 40px;
}

.product-details-4block-item-content {
display: flex;
align-items: center;
flex-wrap: wrap;
column-gap: 4px;
}

#productOverview .blocks-item img {
margin: 0 !important;
width: 100% !important;
}

#productOverview .blocks-item {
padding: 0 80px;
}

.blocks-item-img video {
width: 100%;
border-radius: 16px;
overflow: hidden;
}

@media screen and (max-width:1440px) {
.overview-item-wide-choose-card-item {
font-size: 16px;
}

.overview-item-wide-choose-card-items {
width: 860px;
}
}

@media screen and (max-width:1280px) {
#productOverview {
padding: 0 80px;
}

.overview-box:first-child {
padding-top: 40px;
}

.overview-box .overview-item-wide {
margin: 0 auto 40px;
}

.overview-box .overview-item-wide-choose-img {
margin: 0 auto 24px;
}

.overview-box .wd-product-overview-item-wide-title {
margin: 80px auto 40px;
font-size: 32px;
}

.swiper-pagination-1106-swiper4 {
max-width: 600px;
}

.overview-item-wide-choose-card {

overflow: hidden;
}

.overview-item-wide-choose-card-items {
column-gap: 24px;
margin: 0 auto;
}

.overview-item-wide-choose-card-all-items {
overflow-x: scroll;
}

.overview-item-wide-choose-card-all-items::-webkit-scrollbar {
display: none;
}

.product-details-title h2 {
font-size: 32px;
}

.blocks-item {
grid-column-gap: 16px;
}

.blocks-item-text {
padding: 24px;
}

.product-details-4block {
column-gap: 16px;
row-gap: 8px;
}

.product-details-4block-item {
width: calc(50% – 8px);
}
}

@media screen and (max-width:1024px) {
.overview-box .overview-item-wide {
padding: 0 40px;
}

#productOverview {
padding: 0 34px;
}

#productOverview .blocks-item {
padding: 0 40px;
column-gap: 16px;
}

.product-details-title h2 {
font-size: 24px;
}

}

@media screen and (max-width:767px) {
#productOverview {
padding: 0;
}

.overview-box .overview-item-wide {
padding: 0 16px;
}

.overview-box:first-child {
padding-top: 16px;
}

.overview-box .wd-product-overview-item-wide-title {
font-size: 24px;
margin: 40px auto 24px;
}

.wd-product-background-swiper4-btn-progress {
margin-top: 16px;
}

.overview-box .overview-item-wide-choose-img {
margin-bottom: 16px;
}

#productOverview .blocks-item {
padding: 0 16px;
margin: 0 auto 40px;
}

.blocks-item .blocks-item-text {
padding: 0 16px;
}

.product-details-title {
font-size: 24px;
}

.product-details-4block-item {
width: 100%;
column-gap: 16px;
}

.product-details-4block-item-svg {
width: 48px;
}

.product-details-4block {
row-gap: 10px;
}

}

.overview-item-wide-media {
position: relative;
}

.overview-item-wide-media .overview-item-wide-media-btn {
position: absolute;
bottom: 50px;
right: 40px;
display: flex;
padding: 16px 24px;
align-items: center;
gap: 4px;
border-radius: 50px;
background: #036AFF;
color: var(–FFFFFF, #FFF);
text-align: center;
font-family: Poppins;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 125%;
cursor: pointer;
* 20px *
}

.overview-item-wide-media .overview-item-wide-media-btn:hover {
background: #2B8BFF;
}

@media screen and (max-width:767px) {
.overview-item-wide-media .overview-item-wide-media-btn {
right: 16px;
bottom: 40px;
}
}