.why li
{
padding-left:40px!important;
position:relative;
}

.why img 
{
position:absolute;
left:0px;
top:12px;
width:20px;
height:20px;
}
.why .gift img 
{
    width: 33px;
    height: 33px;
    margin-left: -8px;
    margin-top: -6px;
}	

.why .ruby img 
{
    width: 21px;
    height: 21px;
    margin-left: -2px;
    margin-top: 0px;
}	
	
#mp
{
background:url("/images/photo/photom.jpg");
background-position-x: 50%;
background-position-y: 50%;
background-size: cover;
position:relative;
}

#mp,#mp .wrap
{
height:684px;
}

#mp .butt
{
width:288px;
margin:0px auto;
margin-bottom:20px;
}

#mpa
{
width:527px;
position:absolute;
left:0px;
left:calc(25% - 527px/2); 
top:0px;
bottom:0px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap:20px;
}

#mpe
{
padding-bottom:20px;
font-size:16px;
line-height:1.6;
}

#mpd
{
padding-bottom:10px;
font-size:22px;
line-height:1.2;
}

#mpc
{
letter-spacing:-1.6px;
font-size:40px;
line-height:1.2;	 
}

#bpa
{
padding-top:50px;
padding-bottom:60px;
background: var(--bg-color);	
}

#bp
{
display:flex;
justify-content: space-between;
}

.bp
{
width:calc(30%);
}

#bp path
{
fill:var(--color);
}

.bpe
{
line-height:1.6;
padding-top:30px;
}

.bpd
{
font-size: 24px;
line-height: 1.2;
position:relative;
letter-spacing:-0.96px;
padding-left:95px;
}

.bpd svg 
{
position:absolute;
left:0px;
top:-6px;
}

.bigbreak
{
height:80px;
}

.aftertitletext
{
font-size:16px;
line-height:1.6;
}

#mptextc
{
font-size:16px;
line-height:1.6;
}

#mptextc li,#mptextc ol,#mptextc ul
{
list-style-type:none;
margin:0px;
padding:0px;
}

#mptextc p,#mptextc li
{
margin:0px;
padding-bottom: 10px;
padding-top: 10px;
}

#mpx
{
background:var(--bg-color);
}

#mpx .wtitle,#mptexti
{
text-align:center;
}

#mptext h2,#mptext h3
{
font-size: 24px;
line-height: 1.2;   
letter-spacing: -0.96px;
text-align:center;
padding:0px;
margin:0px;
padding-top:25px;
padding-bottom:17px;
}

#mptext
{
padding-top:50px;
padding-bottom:60px;
}

#mptextb
{
text-align:center;
padding-top:30px;
padding-bottom:30px;
}

#mptexti
{
padding-bottom:15px;
}

.before_prod
{
height:20px;
clear:both;
}

#swiper_rev
{
padding-bottom:100px;
margin-bottom:60px;
}


#swiper_rev .swiper-slide .reva
{
background:var(--color);
opacity:0.44;
position:relative;
}

#swiper_rev .swiper-slide.swiper-slide-next .reva
{
opacity:1;
}

.revz
{
position:relative;
top:-48px;
text-align: center;
}

.revtext
{
padding-top:44px;
font-size:13px;
color:#fff;
line-height:1.6;
font-style:italic;
text-align:center;
padding-bottom:10px;
padding-left:5px;
padding-right:5px;
}

#swiper_rev .swiper-slide.swiper-slide-next .revtext
{
padding-top:54px;
font-size:16px;
padding-left:5px;
padding-right:5px;
padding-bottom:10px;
}

#swiper_rev .swiper-slide.swiper-slide-next .revz
{
top:-60px;	
}


.swiper-button-disabled
{
opacity:0.44;
cursor:default!important;
}

.custom-pagination-wrapper
{
display:flex;
align-items: center;
justify-content: center;
}

#rev_prev
{
cursor:pointer;
margin-right:20px;
}

#rev_next
{
cursor:pointer;
margin-left:20px;
}

#rev_pag
{
display:flex;
align-items: center;
}

#swiper_rev .swiper-pagination-bullet 
{
border: none;
margin: 0;
padding: 0;
box-shadow: none;
-webkit-appearance: none;
appearance: none;
font-size:16px;
width: 50px;
height: 50px;
border-radius: 100%;
padding-top: 13px;
text-align:center;
color:#000;
}

#swiper_rev .swiper-pagination-clickable .swiper-pagination-bullet 
{
cursor: pointer
}

#swiper_rev .swiper-pagination-bullet-active 
{
background:var(--color);
color:#fff;
margin-left:10px;
margin-right:10px;
}

.revx
{
margin:0px auto;
width:90px;
height:90px;
background-position-x: 50% !important;
background-position-y: 50% !important;
display: block;
background-size: cover !important;
border-radius:100%;
}

#swiper_rev .swiper-slide.swiper-slide-next .revx
{
width:124px;
height:124px;	
}

.revt
{
padding-top:12px;
text-align:center;
font-size:14px;
line-height:1.2;
display:block;
}

#swiper_rev .swiper-slide.swiper-slide-next .revt
{
font-size:16px;
}

.revt span 
{
text-decoration:underline;
}

#swiper_rev .swiper-slide
{
width:calc(100%/3 - 70px/3);
}

#swiper_rev .swiper-slide .rev
{
padding-top:60px;
}

#swiper_rev .swiper-slide.swiper-slide-next .rev
{
padding-top:0px;
}



.reva
{
padding:18px;
}

#swiper_rev .swiper-slide.swiper-slide-next .reva
{
padding:30px;
}

.reva>img
{
position:absolute;
left:18px;
top:15px;
width:34px;
height:26px;
}

#swiper_rev .swiper-slide.swiper-slide-next .reva>img
{
left:30px;
top:23px;
width:45px;
height:35px;
}

.rev_stars
{
position:absolute;
left:0px;
top:23px;
right:0px;
display:flex;
gap:6px;
justify-content: center;
}

#swiper_rev .swiper-slide.swiper-slide-next .rev_stars
{
gap:9px;	
top:32px;
}

.rev_stars img
{
width:11px;
height:11px;
}

#swiper_rev .swiper-slide.swiper-slide-next .rev_stars img
{
width:16px;
height:16px;
}

.revname
{
font-weight:600;
}

.revbot
{
position:relative;
display:flex;
padding-top:32px;
color:#fff;
font-size:14px;
justify-content: space-between;
font-style:normal;
}

#swiper_rev .swiper-slide.swiper-slide-next .revbot
{
padding-top:40px;
font-size:17px;
}