/** Shopify CDN: Minification failed

Line 2453:0 Unexpected "<"
Line 4746:1 Unexpected "<"
Line 5422:12 Unexpected "900"
Line 5422:31 Unterminated string token

**/
@scope (#HealthzeriDentalDetails) {.section-template--20684120916077__custom_liquid_q3DzwQ-padding {
    padding-top: calc(0px * 0.75);
    padding-bottom: calc(0px  * 0.75);
  }

  @media screen and (min-width: 750px) {
    .section-template--20684120916077__custom_liquid_q3DzwQ-padding {
      padding-top: 0px;
      padding-bottom: 0px;
    }
  }}
@scope (#HealthzeriDentalDetails) {

  

  
  .section-template--28483837067647__ss_scrolling_images_R8QjtL {
    border-top: solid #000000 0px;
    border-bottom: solid #000000 0px;
    margin-top: 0px;
    margin-bottom: 0px;    
  }
  
  .section-template--28483837067647__ss_scrolling_images_R8QjtL-settings {
    margin: 0 auto;
    padding-top: 0px;
    padding-bottom: 36px;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    position: relative;
    overflow: hidden;
  }

  .scrolling-image-heading-template--28483837067647__ss_scrolling_images_R8QjtL > * {
    margin: 0;
    font-size: 34.0px;
    color: #000000;
    line-height: 130%;
    text-transform: unset;
    text-align: center;
  }

  .scrolling-image-slider-template--28483837067647__ss_scrolling_images_R8QjtL {
    margin-left: -1.5rem !important;
    margin-right: -1.5rem !important;
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
    margin-top: 24px;
  }

  .scrolling-image-slide-template--28483837067647__ss_scrolling_images_R8QjtL {
    height: 570px;
    width: 100%;
    flex: 0 0 320px;
  }
  
  .scrolling-image-slide-template--28483837067647__ss_scrolling_images_R8QjtL img,
  .scrolling-image-slide-template--28483837067647__ss_scrolling_images_R8QjtL svg {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    border-radius: 18px;
  }

  .scrolling-image-slide-template--28483837067647__ss_scrolling_images_R8QjtL svg {
    background-color: #a0a0a0;
  }

  .scrolling-image-content-template--28483837067647__ss_scrolling_images_R8QjtL {
    max-width: 340px;
    margin-top: -30px;
    padding: 23px 23px;
    border-radius: 10px;
    border: 0px solid #000000;
    background-color: #ffffff;
    position: relative;
    z-index: 3;
    text-align: center;
    
      box-shadow: rgba(149, 157, 165, 0.25) 0px 8px 24px;
    
  }

  /* ================== LIQUID GLASS FOR CONTENT BOX ================== */
  
  /* ================================================================== */

  .scrolling-image-content-template--28483837067647__ss_scrolling_images_R8QjtL p,
  .scrolling-image-content-template--28483837067647__ss_scrolling_images_R8QjtL a,
  .scrolling-image-content-template--28483837067647__ss_scrolling_images_R8QjtL li {
    margin: 0px;
    font-size: 20.4px;
    line-height: 150%;
    color: #000000;
  }

  .marquee-horizontal-template--28483837067647__ss_scrolling_images_R8QjtL {
      position: relative;
      z-index: 2;
      display: inline-flex;
      width: 100%;
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
  }

  html[dir="rtl"] .marquee-horizontal-template--28483837067647__ss_scrolling_images_R8QjtL {
    flex-direction: row-reverse;
  }

  .track-horizontal-template--28483837067647__ss_scrolling_images_R8QjtL {
      padding-left: 10px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      flex-shrink: 0;
      width: calc((320px * 3) + (10px * 3));
      gap: 10px;
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      white-space: nowrap;
      will-change: transform;
      animation: marquee-horizontal-left 40000ms linear infinite;
  }

  @keyframes marquee-horizontal-left {
    0% {
        transform: translateZ(0);
        visibility: visible;
    }
    
    100% {
        transform: translate3d(-100%,0,0);
    }
  }

  @keyframes marquee-horizontal-right {
    0% {
        transform: translate3d(-100%,0,0);
        visibility: visible;
    }
    
    100% {
        transform: translateZ(0);
    }
  }
  
  @media(min-width: 1024px) {

    .section-template--28483837067647__ss_scrolling_images_R8QjtL {
      margin-top: 0px;
      margin-bottom: 0px;
    }
    
    .section-template--28483837067647__ss_scrolling_images_R8QjtL-settings {
      padding: 0 5rem;
      padding-top: 0px;
      padding-bottom: 48px;
      padding-left: 5rem;
      padding-right: 5rem;
    }

     .scrolling-image-heading-template--28483837067647__ss_scrolling_images_R8QjtL > * {
      font-size: 40px;
    }

    .scrolling-image-slider-template--28483837067647__ss_scrolling_images_R8QjtL {
      margin-left: -5rem !important;
      margin-right: -5rem !important;
      padding-left: 5rem !important;
      padding-right: 5rem !important;
      margin-top: 32px;
    }

    .scrolling-image-slide-template--28483837067647__ss_scrolling_images_R8QjtL {
      height: 600px;
      flex: 0 0 330px;
    }

    .scrolling-image-content-template--28483837067647__ss_scrolling_images_R8QjtL {
      max-width: 340px;
      margin-top: -60px;
      padding: 30px 30px;
    }

    .scrolling-image-content-template--28483837067647__ss_scrolling_images_R8QjtL p,
    .scrolling-image-content-template--28483837067647__ss_scrolling_images_R8QjtL a,
    .scrolling-image-content-template--28483837067647__ss_scrolling_images_R8QjtL li {
      font-size: 24px;
    }

    .track-horizontal-template--28483837067647__ss_scrolling_images_R8QjtL {
      padding-left: 10px;
      width: calc((330px * 3) + (10px * 3));
      gap: 10px;
    }

    
      .marquee-horizontal-template--28483837067647__ss_scrolling_images_R8QjtL:hover .track-horizontal-template--28483837067647__ss_scrolling_images_R8QjtL {
         animation-play-state: paused;
      }
    
    
  }}
@scope (#HealthzeriDentalDetails) {.section-template--20684120916077__custom_liquid_6MiNb9-padding {
    padding-top: calc(0px * 0.75);
    padding-bottom: calc(0px  * 0.75);
  }

  @media screen and (min-width: 750px) {
    .section-template--20684120916077__custom_liquid_6MiNb9-padding {
      padding-top: 0px;
      padding-bottom: 0px;
    }
  }}
@scope (#HealthzeriDentalDetails) {

/* =========================
   PROBLEM SECTION
========================= */


.sil-problem{

padding:55px 0;

background:#dff5fb;

}





.sil-container{

max-width:1400px;

margin:0 auto;

padding:0 50px;

}





/* TITLE */


.sil-section-title{

text-align:center;

font-size:40px;

line-height:1.2;

font-weight:800;

max-width:900px;

margin:0 auto 14px;

letter-spacing:-0.6px;

color:#075d91;

}





.sil-section-sub{

text-align:center;

max-width:760px;

margin:0 auto 35px;

font-size:18px;

line-height:1.65;

color:#445;

}






/* GRID */


.sil-problem-grid{

display:grid;

grid-template-columns:420px 1fr;

gap:45px;

align-items:center;

}







/* IMAGE */


.sil-problem-image{

position:relative;

}





.sil-problem-image img{

width:100%;

aspect-ratio:1/0.95;

object-fit:cover;

border-radius:24px;

display:block;

box-shadow:

0 20px 50px rgba(0,0,0,.12);

}







/* TEXT */


.sil-problem-text{

padding-right:0;

}





.sil-problem-text h3{

font-size:32px;

line-height:1.3;

font-weight:800;

margin-bottom:15px;

color:#111;

}





.sil-problem-text p{

font-size:18px;

line-height:1.75;

color:#445;

max-width:650px;

}






/* WARNING LIST */


.sil-warning-list{

margin-top:20px;

display:grid;

grid-template-columns:1fr 1fr;

gap:10px;

}





.sil-warning-item{

display:flex;

align-items:center;

gap:14px;

font-size:17px;

font-weight:650;

background:#fff;

padding:12px 16px;

border-radius:50px;

margin:0;

box-shadow:

0 5px 15px rgba(0,0,0,.05);

}





.sil-warning-icon{

width:38px;

height:38px;

flex-shrink:0;

border-radius:50%;

background:#eef8fc;

display:flex;

align-items:center;

justify-content:center;

font-size:18px;

}







/* TRANSITION */


.sil-problem-transition{

margin-top:30px;

padding-top:20px;

border-top:1px solid rgba(0,0,0,.12);

text-align:center;

max-width:900px;

margin-left:auto;

margin-right:auto;

font-size:18px;

line-height:1.6;

font-weight:600;

color:#173b55;

}









/* =========================
 MOBILE
========================= */


@media(max-width:768px){



.sil-container{

padding:0 18px;

}





.sil-problem{

padding:40px 0;

}





.sil-section-title{

font-size:28px;

line-height:1.25;

}





.sil-section-sub{

font-size:16px;

margin-bottom:25px;

}





.sil-problem-grid{

grid-template-columns:1fr;

gap:22px;

}





.sil-problem-image{

order:1;

}





.sil-problem-text{

order:2;

}





.sil-problem-image img{

border-radius:18px;

aspect-ratio:1/0.9;

}





.sil-problem-text h3{

font-size:25px;

}





.sil-problem-text p{

font-size:16px;

}





.sil-warning-list{

grid-template-columns:1fr;

gap:10px;

}





.sil-warning-item{

font-size:15px;

padding:10px 14px;

}





.sil-problem-transition{

font-size:16px;

margin-top:25px;

padding-top:18px;

}


}



}
@scope (#HealthzeriDentalDetails) {.section-template--20684120916077__custom_liquid_npCJrr-padding {
    padding-top: calc(40px * 0.75);
    padding-bottom: calc(52px  * 0.75);
  }

  @media screen and (min-width: 750px) {
    .section-template--20684120916077__custom_liquid_npCJrr-padding {
      padding-top: 40px;
      padding-bottom: 52px;
    }
  }}
@scope (#HealthzeriDentalDetails) {

.svdental-problem-wrap,
.svdental-problem-wrap *{
    box-sizing:border-box;
}


.svdental-problem-wrap{

    width:100%;
    background:#ffffff;
    padding:55px 0;
    overflow:hidden;

}


.svdental-problem-inner{

    max-width:1250px;
    margin:0 auto;
    padding:0 30px;

}



/* TITLE */

.svdental-problem-heading{

    max-width:850px;
    margin:0 auto 12px;

    text-align:center;

    font-family:'Nunito Sans',sans-serif;

    font-size:42px;

    line-height:1.18;

    font-weight:900;

    color:#123b73;

    letter-spacing:-0.4px;

}



.svdental-problem-desc{

    text-align:center;

    max-width:700px;

    margin:0 auto 35px;

    font-family:'Nunito Sans',sans-serif;

    font-size:16px;

    line-height:1.6;

    color:#5b6b7d;

}



/* GRID */

.svdental-problem-grid{

    display:grid;

    grid-template-columns:repeat(3,minmax(0,1fr));

    gap:18px;

}



/* CARD */

.svdental-problem-card{

    background:#fffaf1;

    border-radius:18px;

    overflow:hidden;

    transition:all .35s ease;

}



.svdental-problem-card:hover{

    transform:translateY(-6px);

    box-shadow:0 15px 35px rgba(18,59,115,.12);

}




/* IMAGE */

.svdental-problem-card img{

    width:100%;

    height:240px;

    object-fit:cover;

    display:block;

}




/* TEXT AREA */


.svdental-problem-content{

    padding:18px 22px 22px;

    text-align:center;

}



.svdental-problem-number{

    font-family:Georgia,serif;

    font-size:34px;

    line-height:1;

    font-weight:bold;

    color:#174b86;

    margin-bottom:8px;

}



.svdental-problem-text{

    font-family:'Nunito Sans',sans-serif;

    font-size:16px;

    line-height:1.5;

    color:#1b3554;

    font-weight:600;

}






/* MOBILE */

@media(max-width:768px){


.svdental-problem-wrap{

    padding:40px 0;

}



.svdental-problem-inner{

    padding:0 18px;

}



.svdental-problem-heading{

    font-size:30px;

}


.svdental-problem-desc{

    font-size:15px;

    margin-bottom:25px;

}



.svdental-problem-grid{

    grid-template-columns:1fr;

    gap:15px;

}



.svdental-problem-card img{

    height:210px;

}


.svdental-problem-content{

    padding:18px 16px 20px;

}


}


}
@scope (#HealthzeriDentalDetails) {.section-template--20684120916077__custom_liquid_QC8Eza-padding {
    padding-top: calc(0px * 0.75);
    padding-bottom: calc(0px  * 0.75);
  }

  @media screen and (min-width: 750px) {
    .section-template--20684120916077__custom_liquid_QC8Eza-padding {
      padding-top: 0px;
      padding-bottom: 0px;
    }
  }}
@scope (#HealthzeriDentalDetails) {

/* =====================================
 SILVRALAB PET ORAL HEALTH CHART
 FINAL MOBILE TOOLTIP VERSION
===================================== */


.sil-oral-chart,
.sil-oral-chart *{

box-sizing:border-box;

font-family:
'Nunito Sans',
Arial,
sans-serif;

}




.sil-oral-chart{

background:

linear-gradient(
180deg,
#DDF2FA 0%,
#E5F6FB 100%
);


padding:55px 0;

overflow:hidden;

}





.sil-oral-container{

max-width:1150px;

margin:auto;

padding:0 25px;

}





/* =====================
 HEADER
===================== */


.sil-oral-header{

text-align:center;

margin-bottom:30px;

}




.sil-oral-header h2{

font-size:38px;

line-height:1.25;

font-weight:800;

color:#075B91;

margin:0 0 12px;

}





.sil-oral-header p{

font-size:16px;

line-height:1.7;

color:#587287;

max-width:620px;

margin:auto;

}







/* =====================
 BOX
===================== */


.sil-chart-box{


background:

rgba(255,255,255,.95);


border-radius:30px;


padding:25px 40px;


box-shadow:

0 18px 50px rgba(20,100,140,.10);


border:

1px solid rgba(255,255,255,.8);

}





#silChartArea{

position:relative;

}





/* =====================
 TOOLTIP AREA
 独立在图表上方
===================== */


.sil-tooltip-wrap{


height:70px;

position:relative;


display:flex;

justify-content:center;

align-items:center;


}





.sil-tooltip{


background:#ffffff;


padding:12px 20px;


border-radius:18px;


box-shadow:

0 12px 35px rgba(0,0,0,.12);


font-size:14px;


line-height:1.7;


color:#29475F;


display:none;


z-index:20;


pointer-events:none;


max-width:240px;


}





.sil-tooltip strong{

font-size:18px;

color:#075B91;

}





/* =====================
 SVG
===================== */


.sil-chart-svg{


width:100%;


height:auto;


display:block;


}





.sil-grid{

stroke:#D5E8F2;

stroke-width:1;

}





.sil-axis{

fill:#71899D;

font-size:14px;

font-weight:600;

}





/* =====================
 CURVES
===================== */


.sil-dog-line{

fill:none;

stroke:#1689D8;

stroke-width:5;

stroke-linecap:round;

}





.sil-cat-line{

fill:none;

stroke:#91D63B;

stroke-width:5;

stroke-linecap:round;

}







.sil-hover-line{

stroke:#B6D7E8;

stroke-width:2;

stroke-dasharray:6;

display:none;

}




.sil-point{

display:none;

}







/* =====================
 LEGEND
===================== */


.sil-legend{


display:flex;


justify-content:center;


gap:35px;


margin-top:10px;


}





.sil-legend span{


font-size:15px;


font-weight:700;


}




.sil-dog-label{

color:#1689D8;

}




.sil-cat-label{

color:#82C92F;

}







/* =====================
 FOOTER
===================== */


.sil-research-note{


margin-top:20px;


background:#EAF7FC;


border-radius:14px;


padding:12px 18px;


text-align:center;


font-size:13px;


color:#607B90;


}






/* =====================
 MOBILE
===================== */


@media(max-width:768px){



.sil-oral-chart{

padding:40px 0;

}




.sil-oral-container{

padding:0 15px;

}





.sil-oral-header h2{

font-size:28px;

}




.sil-oral-header p{

font-size:15px;

}





.sil-chart-box{


padding:18px 12px;


border-radius:22px;


}




.sil-tooltip-wrap{


height:80px;


}





.sil-tooltip{


width:230px;


max-width:230px;


padding:10px 14px;


font-size:12px;


line-height:1.6;


border-radius:14px;


}




.sil-tooltip strong{


font-size:16px;


}





.sil-legend{


gap:20px;


}





.sil-legend span{


font-size:13px;


}




}




}
@scope (#HealthzeriDentalDetails) {.section-template--20684120916077__custom_liquid_MdwxEp-padding {
    padding-top: calc(0px * 0.75);
    padding-bottom: calc(0px  * 0.75);
  }

  @media screen and (min-width: 750px) {
    .section-template--20684120916077__custom_liquid_MdwxEp-padding {
      padding-top: 0px;
      padding-bottom: 0px;
    }
  }}
@scope (#HealthzeriDentalDetails) {

/* =========================
   EXPERT AUTHORITY SECTION
========================= */


.sil-expert{

background:#f8f7f3;

padding:80px 0;

}







/* HEADER */


.sil-expert-header{

max-width:900px;

margin:0 auto 55px;

text-align:center;

}



.sil-expert-header h2{

font-size:40px;

line-height:1.2;

font-weight:800;

letter-spacing:-0.5px;

margin-bottom:18px;

}



.sil-expert-header p{

font-size:18px;

line-height:1.65;

color:#666;

}










/* GRID */


.sil-expert-grid{

display:grid;

grid-template-columns:300px 1fr;

gap:60px;

align-items:start;

}









/* DOCTOR CARD */


.sil-doctor-card{

background:#fff;

border-radius:24px;

overflow:hidden;

box-shadow:

0 15px 35px rgba(0,0,0,.08);

position:sticky;

top:30px;

}




.sil-doctor-card img{

width:100%;

aspect-ratio:1/1.15;

object-fit:cover;

display:block;

}





.sil-doctor-info{

padding:22px 20px;

text-align:center;

}



.sil-doctor-info h4{

font-size:21px;

font-weight:800;

margin:0 0 8px;

}



.sil-doctor-info p{

font-size:14px;

line-height:1.7;

color:#666;

}










/* CONTENT */


.sil-expert-content{

display:grid;

grid-template-columns:repeat(3,1fr);

gap:18px;

}



.sil-expert-content > p{

grid-column:1 / -1;

font-size:18px;

line-height:1.75;

color:#555;

margin:0 0 15px;

max-width:900px;

}









/* BOX */


.sil-expert-box{

background:#fff;

padding:25px 22px;

border-radius:20px;

box-shadow:

0 8px 25px rgba(0,0,0,.05);

}



.sil-expert-box h4{

font-size:19px;

font-weight:800;

line-height:1.35;

display:flex;

align-items:center;

gap:10px;

margin-bottom:14px;

}





.expert-number{

width:34px;

height:34px;

flex-shrink:0;

border-radius:50%;

background:#b45f35;

color:#fff;

display:flex;

align-items:center;

justify-content:center;

font-size:13px;

font-weight:700;

}



.sil-expert-box p{

font-size:15px;

line-height:1.7;

color:#555;

margin:0;

}








/* QUOTE */


.sil-expert-quote{

grid-column:1/-1;

margin-top:15px;

padding:25px 30px;

background:#fff;

border-radius:18px;

border-left:5px solid #b45f35;

font-size:20px;

line-height:1.55;

font-style:italic;

color:#333;

}











/* =========================
 MOBILE
========================= */


@media(max-width:768px){



.sil-expert{

padding:55px 0;

}






.sil-expert-header{

margin-bottom:35px;

}




.sil-expert-header h2{

font-size:28px;

line-height:1.25;

}




.sil-expert-header p{

font-size:15px;

}










.sil-expert-grid{

grid-template-columns:1fr;

gap:30px;

}








.sil-doctor-card{

position:relative;

top:auto;

display:flex;

align-items:center;

}







.sil-doctor-card img{

width:120px;

height:120px;

aspect-ratio:1;

}




.sil-doctor-info{

padding:15px;

text-align:left;

}



.sil-doctor-info h4{

font-size:16px;

}



.sil-doctor-info p{

font-size:12px;

}









.sil-expert-content{

display:block;

}



.sil-expert-content > p{

font-size:16px;

margin-bottom:20px;

}







.sil-expert-box{

padding:20px;

margin-bottom:15px;

}



.sil-expert-box h4{

font-size:17px;

}



.sil-expert-box p{

font-size:14px;

}







.sil-expert-quote{

font-size:17px;

padding:20px;

}



}



}
@scope (#HealthzeriDentalDetails) {.section-template--20684120916077__custom_liquid_89wzP9-padding {
    padding-top: calc(0px * 0.75);
    padding-bottom: calc(0px  * 0.75);
  }

  @media screen and (min-width: 750px) {
    .section-template--20684120916077__custom_liquid_89wzP9-padding {
      padding-top: 0px;
      padding-bottom: 0px;
    }
  }}
@scope (#HealthzeriDentalDetails) {


*{
box-sizing:border-box;
}



html,
body{

overflow-x:hidden;

}



/* =====================
MAIN
===================== */


.comparison-module{

position:relative;

display:grid;

grid-template-columns:minmax(360px,1fr) minmax(320px,.9fr);

align-items:center;

gap:10px;

min-height:520px;

padding:45px 8%;

overflow:hidden;

background:#cdf5fb;

}



.comparison-module::after{

content:"";

position:absolute;

left:-5%;

right:-5%;

bottom:-70px;

height:110px;

background:white;

border-radius:50% 50% 0 0;

}



/* =====================
LEFT IMAGE
===================== */


.comparison-visual{

position:relative;

z-index:1;

min-height:420px;

display:flex;

align-items:center;

justify-content:center;

}



.magnifier{

position:relative;

width:520px;

height:430px;

margin-left:170px;

}




/* 圆形镜片 */


.lens{

position:absolute;

top:0;

left:90px;

width:380px;

height:380px;

overflow:hidden;

border:8px solid #111;

border-radius:50%;

background:#fff;


box-shadow:

inset 0 0 0 8px #d7d7d7,

0 8px 20px rgba(0,0,0,.16);



cursor:ew-resize;

touch-action:none;

user-select:none;

z-index:3;

}





.compare-img{


position:absolute;

top:0;

left:0;


width:100%;

height:100%;


object-fit:cover;


pointer-events:none;


}





.compare-before{

z-index:1;

}





/* AFTER 覆盖层 */

.after-layer{


position:absolute;

top:0;

left:0;


height:100%;


width:50%;


overflow:hidden;


z-index:2;


}





.compare-after{


position:absolute;

top:0;

left:0;


width:380px;

height:380px;


max-width:none;


}





/* 滑动分割线 */


.compare-divider{


position:absolute;

top:0;


left:50%;


height:100%;


width:3px;


background:#167eaa;


transform:translateX(-50%);


z-index:4;


pointer-events:none;


}





.compare-handle{


position:absolute;


top:50%;


left:50%;


width:72px;


height:72px;


border:0;


border-radius:50%;


background:#167eaa;


color:white;


font-size:38px;


display:flex;


align-items:center;


justify-content:center;


gap:12px;


transform:translate(-50%,-50%);


pointer-events:none;


}



<style>


/* =====================
HANDLE
===================== */


.magnifier-neck{


position:absolute;


top:270px;


left:335px;


width:115px;


height:90px;


border:6px solid #111;


border-radius:16px;


background:#ddd;


transform:rotate(-28deg);


z-index:2;


}





.magnifier-handle{


position:absolute;


top:315px;


left:140px;


width:290px;


height:95px;


border:7px solid #111;


border-radius:55px 18px 18px 55px;


background:#ce7436;


transform:rotate(-28deg);


z-index:1;


}







/* =====================
RIGHT CONTENT
===================== */


.comparison-content{


position:relative;


z-index:2;


max-width:600px;


margin-left:-40px;


}





.comparison-content h2{


font-size:clamp(34px,4vw,54px);


line-height:1.08;


font-style:italic;


font-weight:800;


color:#1677a5;


margin:0 0 18px;


}





.comparison-subtitle{


font-size:20px;


margin-bottom:28px;


}





.comparison-content p{


font-size:17px;


line-height:1.55;


}





.comparison-content strong{


font-weight:800;


}









/* =====================
MOBILE
===================== */


@media(max-width:900px){



.comparison-module{


display:flex;


flex-direction:column;


width:100%;


padding:35px 15px 85px;


gap:20px;


}




.comparison-visual{


width:100%;


height:300px;


min-height:300px;


display:flex;


align-items:center;


justify-content:center;


overflow:hidden;


}






.magnifier{


width:280px;


height:280px;


margin:0;


}





.lens{


width:260px;


height:260px;


top:0;


left:50%;


transform:translateX(-50%);


border-width:6px;


}






.compare-after{


width:260px;


height:260px;


}





.compare-divider{


width:2px;


}





.compare-handle{


width:58px;


height:58px;


font-size:30px;


}





/* 手机隐藏放大镜柄 */


.magnifier-neck,

.magnifier-handle{


display:none;


}





.comparison-content{


width:100%;


max-width:100%;


margin:0;


padding:0;


text-align:center;


}





.comparison-content h2{


font-size:32px;


line-height:1.15;


margin-bottom:15px;


}





.comparison-subtitle{


font-size:17px;


margin-bottom:22px;


}





.comparison-content p{


font-size:15px;


line-height:1.6;


}



}








@media(max-width:520px){



.comparison-module{


padding-left:12px;


padding-right:12px;


}





.comparison-visual{


height:270px;


min-height:270px;


}





.magnifier{


width:250px;


height:250px;


}





.lens{


width:230px;


height:230px;


}





.compare-after{


width:230px;


height:230px;


}





.comparison-content h2{


font-size:28px;


}





.comparison-subtitle{


font-size:15px;


}





.comparison-content p{


font-size:14.5px;


}



}



}
@scope (#HealthzeriDentalDetails) {.section-template--20684120916077__custom_liquid_Gadgcp-padding {
    padding-top: calc(0px * 0.75);
    padding-bottom: calc(0px  * 0.75);
  }

  @media screen and (min-width: 750px) {
    .section-template--20684120916077__custom_liquid_Gadgcp-padding {
      padding-top: 0px;
      padding-bottom: 0px;
    }
  }}
@scope (#HealthzeriDentalDetails) {

.sil-feature-section{
width:100%;
padding:0;
background:#fff;
overflow:hidden;
font-family:Arial, Helvetica, sans-serif;
}



.sil-feature-container{

display:flex;
max-width:1500px;
margin:auto;
align-items:stretch;

}





/* LEFT */

.sil-feature-left{

width:48%;

padding:35px 35px 35px 120px;

box-sizing:border-box;

}




.sil-feature-title{

font-size:42px;

font-weight:900;

font-style:italic;

color:#075d91;

margin:0 0 8px;

}




.sil-feature-desc{

font-size:15px;

line-height:1.45;

color:#333;

max-width:480px;

margin-bottom:22px;

}





/* CARD */


.sil-feature-card{

width:480px;

height:92px;

border:1px solid #ccc;

border-radius:10px;

display:flex;

align-items:center;

padding:15px 20px 15px 70px;

box-sizing:border-box;

position:relative;

background:#fff;

}



.sil-feature-card + .sil-feature-card{

margin-top:14px;

}





.sil-feature-number{

position:absolute;

left:15px;

top:50%;

transform:translateY(-50%);


width:38px;

height:38px;


border-radius:50%;


background:#c8f1ff;


display:flex;

align-items:center;

justify-content:center;


font-size:19px;

font-weight:900;


color:#075d91;


}




.sil-feature-text h3{


font-size:18px;

line-height:1.2;

margin:0 0 5px;

font-weight:800;

color:#111;


}



.sil-feature-text p{


font-size:13.5px;

line-height:1.35;

margin:0;

color:#333;


}







/* RIGHT */


.sil-feature-right{


width:52%;

position:relative;

display:flex;

align-items:center;

justify-content:center;

overflow:hidden;

background:white;


}



.sil-feature-right:before,
.sil-feature-right:after{


content:"";

position:absolute;

top:0;

width:120px;

height:100%;

z-index:2;

pointer-events:none;


}



.sil-feature-right:before{


left:0;


background:linear-gradient(
90deg,
#fff 0%,
rgba(255,255,255,.8) 35%,
rgba(255,255,255,0) 100%
);


}




.sil-feature-right:after{


right:0;


background:linear-gradient(
270deg,
#fff 0%,
rgba(255,255,255,.8) 35%,
rgba(255,255,255,0) 100%
);


}



.sil-feature-right img{


width:100%;

height:100%;

object-fit:cover;


}









/* MOBILE */


@media(max-width:900px){


.sil-feature-container{

flex-direction:column;

}



.sil-feature-left,
.sil-feature-right{

width:100%;

}



.sil-feature-left{

padding:30px 20px;

}



.sil-feature-card{

width:100%;

height:auto;

min-height:90px;

}



.sil-feature-right{

height:300px;

}



.sil-feature-title{

font-size:34px;

}


}





}
@scope (#HealthzeriDentalDetails) {.section-template--20684120916077__custom_liquid_XqWrYr-padding {
    padding-top: calc(0px * 0.75);
    padding-bottom: calc(0px  * 0.75);
  }

  @media screen and (min-width: 750px) {
    .section-template--20684120916077__custom_liquid_XqWrYr-padding {
      padding-top: 0px;
      padding-bottom: 0px;
    }
  }}
@scope (#HealthzeriDentalDetails) {

/* =====================================================
   SILVRALAB — PET SERVING GUIDE
   COMPACT VERSION
===================================================== */

.sil-serving-section,
.sil-serving-section *{
    box-sizing:border-box;
}

.sil-serving-section{
    width:100%;
    background:#DFF3FA;
    padding:42px 0;
    overflow:hidden;
    font-family:'Nunito Sans',Arial,sans-serif;
}

.sil-serving-container{
    width:100%;
    max-width:1120px;
    margin:0 auto;
    padding:0 22px;
}


/* =====================================================
   HEADER
===================================================== */

.sil-serving-title{
    text-align:center;
    margin-bottom:22px;
}

.sil-serving-title h2{
    margin:0 0 6px;
    color:#075B91;
    font-size:34px;
    line-height:1.2;
    font-weight:800;
    letter-spacing:-.4px;
}

.sil-serving-title p{
    margin:0;
    color:#5B7488;
    font-size:14px;
    line-height:1.5;
}


/* =====================================================
   PET CARDS
===================================================== */

.sil-pet-grid{
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:10px;
    margin-bottom:20px;
}

.sil-pet-card{
    min-height:132px;
    padding:13px 8px 11px;
    background:#FFFFFF;
    border-radius:18px;
    text-align:center;

    box-shadow:
        0 7px 22px rgba(30,110,145,.07);

    border:1px solid rgba(255,255,255,.8);

    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
}

.sil-pet-icon{
    width:48px;
    height:48px;
    margin-bottom:5px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:50%;

    background:#F2FAFD;

    font-size:29px;
    line-height:1;
}

.sil-pet-card h3{
    margin:0 0 3px;

    color:#075B91;

    font-size:15px;
    line-height:1.25;
    font-weight:800;
}

.sil-pet-card span{
    color:#668196;

    font-size:12px;
    line-height:1.3;
}


/* =====================================================
   SERVING BOX
===================================================== */

.sil-serving-box{
    background:#FFFFFF;

    border-radius:22px;

    padding:23px 28px 20px;

    box-shadow:
        0 10px 30px rgba(25,105,140,.07);

    border:1px solid rgba(255,255,255,.9);
}

.sil-serving-box h2{
    margin:0 0 3px;

    text-align:center;

    color:#075B91;

    font-size:27px;
    line-height:1.2;

    font-weight:800;
}

.sil-serving-box .sub{
    margin:0 0 16px;

    text-align:center;

    color:#61798D;

    font-size:14px;
    line-height:1.4;
}


/* =====================================================
   TABLE
===================================================== */

.sil-table{
    width:100%;

    border-collapse:separate;
    border-spacing:0;

    overflow:hidden;

    border:1px solid #C9DFEC;

    border-radius:13px;

    background:#F6FBFE;
}

.sil-table th{
    padding:10px 12px;

    background:#1768BD;

    color:#FFFFFF;

    font-size:15px;
    line-height:1.2;

    font-weight:700;

    text-align:center;
}

.sil-table td{
    padding:9px 12px;

    background:#F7FCFE;

    color:#285474;

    font-size:14px;
    line-height:1.25;

    text-align:center;

    border-bottom:1px solid #D5E7F0;
}

.sil-table tr:last-child td{
    border-bottom:none;
}

.sil-table tr:nth-child(2) td:first-child,
.sil-table tr:nth-child(3) td:first-child,
.sil-table tr:nth-child(4) td:first-child{
    font-weight:700;
}


/* =====================================================
   NOTE
===================================================== */

.sil-note{
    margin-top:14px;

    min-height:52px;

    padding:9px 15px;

    background:#EEF9FD;

    border:1px solid #C7E1ED;

    border-radius:13px;

    display:flex;

    align-items:center;

    justify-content:center;

    gap:10px;

    color:#31556F;

    font-size:12px;

    line-height:1.45;

    text-align:center;
}

.sil-note-icon{
    flex:0 0 auto;

    width:34px;
    height:34px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:50%;

    background:#FFFFFF;

    font-size:20px;
}


/* =====================================================
   DESKTOP SMALL HEIGHT
===================================================== */

@media(min-width:901px){

    .sil-serving-section{
        padding:38px 0;
    }

    .sil-serving-title{
        margin-bottom:19px;
    }

    .sil-pet-card{
        min-height:125px;
    }

    .sil-serving-box{
        padding:21px 26px 18px;
    }

}


/* =====================================================
   TABLET
===================================================== */

@media(max-width:900px){

    .sil-serving-section{
        padding:38px 0;
    }

    .sil-pet-grid{
        grid-template-columns:repeat(3,1fr);
    }

    .sil-pet-card{
        min-height:118px;
    }

}


/* =====================================================
   MOBILE
===================================================== */

@media(max-width:600px){

    .sil-serving-section{
        padding:32px 0;
    }

    .sil-serving-container{
        padding:0 13px;
    }

    .sil-serving-title{
        margin-bottom:17px;
    }

    .sil-serving-title h2{
        font-size:27px;
        letter-spacing:-.3px;
    }

    .sil-serving-title p{
        font-size:12px;
    }

    .sil-pet-grid{
        grid-template-columns:repeat(2,1fr);
        gap:8px;

        margin-bottom:15px;
    }

    .sil-pet-card{
        min-height:105px;
        padding:9px 6px;
        border-radius:15px;
    }

    .sil-pet-icon{
        width:39px;
        height:39px;
        margin-bottom:4px;

        font-size:24px;
    }

    .sil-pet-card h3{
        font-size:13px;
    }

    .sil-pet-card span{
        font-size:11px;
    }

    .sil-serving-box{
        padding:18px 10px 15px;
        border-radius:18px;
    }

    .sil-serving-box h2{
        font-size:23px;
    }

    .sil-serving-box .sub{
        font-size:12px;
        margin-bottom:12px;
    }

    .sil-table{
        border-radius:10px;
    }

    .sil-table th{
        padding:8px 5px;
        font-size:12px;
    }

    .sil-table td{
        padding:8px 5px;
        font-size:12px;
    }

    .sil-note{
        margin-top:10px;
        padding:8px 9px;

        gap:7px;

        font-size:10px;
        line-height:1.4;
    }

    .sil-note-icon{
        width:29px;
        height:29px;
        font-size:17px;
    }

}


/* =====================================================
   VERY SMALL PHONE
===================================================== */

@media(max-width:380px){

    .sil-serving-title h2{
        font-size:24px;
    }

    .sil-pet-card{
        min-height:98px;
    }

    .sil-pet-icon{
        width:35px;
        height:35px;
        font-size:21px;
    }

    .sil-pet-card h3{
        font-size:12px;
    }

    .sil-pet-card span{
        font-size:10px;
    }

    .sil-table th,
    .sil-table td{
        font-size:11px;
        padding:7px 3px;
    }

}


/* =====================================================
   REMOVE SHOPIFY THEME EXTRA SPACING
===================================================== */

.sil-serving-section p{
    margin-top:0;
}

}
@scope (#HealthzeriDentalDetails) {.section-template--20684120916077__custom_liquid_Gdirtg-padding {
    padding-top: calc(0px * 0.75);
    padding-bottom: calc(0px  * 0.75);
  }

  @media screen and (min-width: 750px) {
    .section-template--20684120916077__custom_liquid_Gdirtg-padding {
      padding-top: 0px;
      padding-bottom: 0px;
    }
  }}
@scope (#HealthzeriDentalDetails) {


.health-check-section{

padding:70px 20px;

background:#fff;

}




.health-check-wrapper{

max-width:1200px;

margin:auto;

display:grid;

grid-template-columns:1fr 1fr;

gap:80px;

align-items:center;

}





/* left */


.happy-badge{

display:inline-flex;

align-items:center;

gap:10px;

background:#eefaff;

border:1px dashed #1c6b98;

border-radius:30px;

padding:7px 15px;

color:#075d8d;

font-size:14px;

font-weight:700;

margin-bottom:25px;

}




.mini-icons{

font-size:18px;

}





.health-left h2{

font-size:48px;

line-height:1.05;

font-style:italic;

font-weight:800;

color:#176c9c;

margin:0 0 25px;

}





.health-left p{

font-size:18px;

line-height:1.6;

color:#333;

max-width:520px;

}





/* right */


.health-right{

display:flex;

flex-direction:column;

gap:20px;

}





.health-item{

display:flex;

align-items:center;

gap:12px;

background:#eafaff;

border-radius:30px;

padding:12px 22px;

font-size:18px;

color:#075d8d;

font-weight:500;

width:fit-content;

}





.check{

width:22px;

height:22px;

border-radius:50%;

background:#93c78f;

color:#fff;

display:flex;

align-items:center;

justify-content:center;

font-size:14px;

font-weight:bold;

}





@media(max-width:768px){


.health-check-wrapper{

grid-template-columns:1fr;

gap:35px;

}



.health-left{

text-align:center;

}



.health-left h2{

font-size:36px;

}



.health-left p{

margin:auto;

}



.health-right{

align-items:center;

}



.health-item{

font-size:16px;

}



}



}
@scope (#HealthzeriDentalDetails) {.section-template--20684120916077__custom_liquid_BMxgQr-padding {
    padding-top: calc(0px * 0.75);
    padding-bottom: calc(0px  * 0.75);
  }

  @media screen and (min-width: 750px) {
    .section-template--20684120916077__custom_liquid_BMxgQr-padding {
      padding-top: 0px;
      padding-bottom: 0px;
    }
  }}
@scope (#HealthzeriDentalDetails) {

/* ==========================
 SILVRALAB INGREDIENT SECTION
========================== */

.sil-ingredients{

background:#eef9ff;

padding:80px 0;

overflow:hidden;

}



.sil-ing-container{

max-width:1250px;

margin:auto;

padding:0 30px;

}



/* TITLE */

.sil-ing-title{

text-align:center;

font-size:42px;

font-weight:900;

line-height:1.15;

color:#111;

margin-bottom:65px;

letter-spacing:-1px;

}



/* GRID */

.sil-ing-grid{

display:grid;

grid-template-columns:300px 400px 300px;

gap:35px;

align-items:center;

justify-content:center;

}



/* SIDE */

.sil-ing-side{

display:flex;

flex-direction:column;

gap:18px;

}



/* CARD */

.sil-ing-card{

background:#fff;

border-radius:18px;

padding:25px 22px;

cursor:pointer;

transition:.3s;

box-shadow:

0 10px 30px rgba(0,0,0,.06);

}



.sil-ing-card:hover{

transform:translateY(-3px);

}



.sil-ing-card.active{

background:#1677c8;

color:#fff;

}



.sil-ing-card h3{

font-size:19px;

font-weight:850;

margin:0 0 10px;

}



.sil-ing-card p{

font-size:14px;

line-height:1.55;

margin:0;

opacity:.85;

}



/* CENTER IMAGE */

.sil-ing-image{

height:420px;

background:#fff;

border-radius:28px;

padding:25px;

display:flex;

align-items:center;

justify-content:center;

box-shadow:

0 18px 40px rgba(0,0,0,.08);

}



.sil-ing-image img{

width:100%;

height:100%;

object-fit:contain;

transition:.35s ease;

opacity:1;

}



/* MOBILE */

@media(max-width:900px){


.sil-ingredients{

padding:55px 0;

}


.sil-ing-title{

font-size:30px;

margin-bottom:35px;

}



.sil-ing-grid{

display:flex;

flex-direction:column;

gap:25px;

}



.sil-ing-image{

order:1;

width:100%;

height:300px;

}



.sil-ing-side.left{

order:2;

width:100%;

}



.sil-ing-side.right{

order:3;

width:100%;

}



.sil-ing-card{

padding:20px;

}



.sil-ing-card h3{

font-size:17px;

}



.sil-ing-card p{

font-size:13px;

}


}


}
@scope (#HealthzeriDentalDetails) {.section-template--20684120916077__custom_liquid_XGmcRT-padding {
    padding-top: calc(0px * 0.75);
    padding-bottom: calc(0px  * 0.75);
  }

  @media screen and (min-width: 750px) {
    .section-template--20684120916077__custom_liquid_XGmcRT-padding {
      padding-top: 0px;
      padding-bottom: 0px;
    }
  }}
@scope (#HealthzeriDentalDetails) {


.compare-section{


background:#c9f5fb;

padding:55px 20px;

overflow:hidden;

font-family:Arial, Helvetica, sans-serif;

}





.compare-wrapper{


max-width:1200px;

margin:auto;

display:grid;

grid-template-columns:1fr .8fr;

gap:55px;

align-items:center;


}







/* HEADER */


.compare-header{


display:flex;

align-items:center;

justify-content:space-between;

margin-bottom:25px;


}





.product-box,
.others-box{


width:210px;

height:85px;

background:#fff;

border-radius:14px;

display:flex;

align-items:center;

justify-content:center;

font-size:22px;

font-weight:800;

color:#075d91;


}




.silvralab-box{


border:2px solid #075d91;

}





.others-box{


color:#777;

font-weight:700;

}





.vs-circle{


width:60px;

height:60px;

border-radius:50%;

background:#fff;

border:5px solid #26759d;

display:flex;

align-items:center;

justify-content:center;

font-size:18px;

font-weight:900;

color:#26759d;


}









/* LIST */


.compare-list{


display:flex;

flex-direction:column;

gap:14px;


}







.compare-row{


height:55px;

display:grid;

grid-template-columns:140px 1fr 140px;

align-items:center;


}






.yes-side{


height:55px;

background:#2879a2;

border-radius:28px 0 0 28px;

display:flex;

align-items:center;

padding-left:40px;


}




.yes-side span{


width:25px;

height:25px;

background:#b6ef94;

color:#14704b;

border-radius:50%;

display:flex;

align-items:center;

justify-content:center;

font-weight:900;


}






.feature-name{


height:43px;

background:#fff;

border-radius:30px;

display:flex;

align-items:center;

justify-content:center;

font-size:15px;

font-weight:700;

color:#173b55;

z-index:2;


}






.no-side{


height:55px;

background:#e8e8e8;

border-radius:0 28px 28px 0;

display:flex;

justify-content:flex-end;

align-items:center;

padding-right:40px;


}





.no-side span{


width:25px;

height:25px;

border-radius:50%;

background:#ff2530;

color:#fff;

display:flex;

align-items:center;

justify-content:center;

font-size:18px;

font-weight:bold;


}<style>


/* RIGHT */


.compare-right{


padding-left:20px;


}



.compare-right h2{


font-size:42px;

font-style:italic;

font-weight:900;

line-height:1.15;

color:#075d91;

margin:0 0 45px;


}






.right-info{


display:flex;

gap:20px;

align-items:center;


}






.shield{


width:55px;

height:65px;


background:#096394;


clip-path:polygon(
50% 0,
100% 20%,
90% 75%,
50% 100%,
10% 75%,
0 20%
);


color:#fff;

display:flex;

align-items:center;

justify-content:center;

font-size:25px;


}








.right-info p{


font-size:18px;

line-height:1.45;

color:#222;


}





.right-info strong{


color:#075d91;


}







.benefit-box{


margin-top:35px;

display:flex;

flex-direction:column;

gap:15px;


}







.benefit-box div{


background:#fff;

padding:14px 20px;

border-radius:30px;

font-size:16px;

font-weight:700;

color:#173b55;


}







.benefit-box span{


display:inline-flex;

width:24px;

height:24px;

border-radius:50%;

background:#b6ef94;

color:#14704b;

align-items:center;

justify-content:center;

margin-right:12px;


}







/* =========================
 MOBILE OPTIMIZATION
========================= */


@media(max-width:900px){



.compare-section{


padding:45px 15px;


}




.compare-wrapper{


display:flex;

flex-direction:column;

gap:35px;


}




/* TOP COMPARE */


.compare-header{


width:100%;

justify-content:center;

gap:12px;

margin-bottom:20px;


}





.product-box,
.others-box{


width:125px;

height:65px;

font-size:15px;

border-radius:12px;


}





.vs-circle{


width:45px;

height:45px;

border-width:4px;

font-size:14px;


}







/* COMPARE ROW */


.compare-list{


gap:10px;


}







.compare-row{


height:48px;

grid-template-columns:55px 1fr 55px;


}




.yes-side,
.no-side{


height:48px;


}



.yes-side{


padding-left:15px;


}



.no-side{


padding-right:15px;


}





.yes-side span,
.no-side span{


width:22px;

height:22px;

font-size:14px;


}






.feature-name{


height:38px;

font-size:13px;

padding:0 8px;

text-align:center;


}







/* RIGHT */


.compare-right{


padding-left:0;

width:100%;

text-align:center;


}




.compare-right h2{


font-size:32px;

line-height:1.2;

margin-bottom:25px;


}







.right-info{


justify-content:center;

gap:15px;

text-align:left;


}





.shield{


width:45px;

height:55px;

font-size:20px;


}





.right-info p{


font-size:15px;

line-height:1.5;


}






.benefit-box{


margin-top:25px;

gap:10px;


}




.benefit-box div{


padding:12px 15px;

font-size:14px;

text-align:left;


}





.benefit-box span{


width:22px;

height:22px;

margin-right:8px;


}



}







@media(max-width:480px){



.compare-section{


padding:35px 12px;


}





.compare-header{


gap:8px;


}



.product-box,
.others-box{


width:112px;

height:58px;

font-size:14px;


}





.vs-circle{


width:40px;

height:40px;


}





.compare-row{


grid-template-columns:45px 1fr 45px;


}




.feature-name{


font-size:12px;


}





.compare-right h2{


font-size:28px;


}





.right-info{


align-items:flex-start;


}




.right-info p{


font-size:14px;


}




.benefit-box div{


font-size:13px;


}



}






}
@scope (#HealthzeriDentalDetails) {.section-template--20684120916077__custom_liquid_Gbr3yD-padding {
    padding-top: calc(0px * 0.75);
    padding-bottom: calc(0px  * 0.75);
  }

  @media screen and (min-width: 750px) {
    .section-template--20684120916077__custom_liquid_Gbr3yD-padding {
      padding-top: 0px;
      padding-bottom: 0px;
    }
  }}
@scope (#HealthzeriDentalDetails) {

600;700;800;900&display=swap');


/* =========================
 REVIEW SECTION
========================= */

.sil-review-section{

background:#fff;

padding:90px 0;

overflow:hidden;

}



.sil-review-container{

max-width:1400px;

margin:auto;

position:relative;

padding:0 30px;

}



/* =========================
 TOP HEADER
========================= */


.tp-header{

text-align:center;

margin-bottom:105px;

}



.tp-rating-img{

width:183px;

height:auto;

display:block;

margin:0 auto 25px;

}




/* =========================
 TITLE
========================= */


.sil-review-title{


font-family:'Nunito',sans-serif;


text-align:center;


font-size:46px;


font-weight:900;


font-style:italic;


color:#075d91;


letter-spacing:-1px;


line-height:1.15;


margin:0;


}







/* =========================
 REVIEW GRID
========================= */


.sil-review-grid{


display:grid;


grid-template-columns:repeat(3,360px);


justify-content:center;


gap:30px;


}






/* =========================
 CARD
========================= */


.sil-review-card{


height:360px;


background:#dff5fb;


border:1.5px dashed #1680b8;


position:relative;


text-align:center;


padding:115px 35px 30px;


box-sizing:border-box;


}






/* USER IMAGE */


.sil-review-img{


position:absolute;


top:-90px;


left:50%;


transform:translateX(-50%);


width:170px;


height:170px;


border-radius:50%;


object-fit:cover;


border:5px solid #fff;


}








/* CARD STARS */


.sil-card-stars{


display:flex;


justify-content:center;


align-items:center;


gap:6px;


margin-bottom:18px;


}



.sil-card-stars svg{


width:24px;


height:24px;


fill:#086398;


}








/* REVIEW TITLE */


.sil-review-name{


font-family:Arial,sans-serif;


font-size:18px;


font-weight:800;


line-height:1.3;


color:#111;


height:46px;


display:flex;


align-items:center;


justify-content:center;


margin-bottom:12px;


}









/* REVIEW CONTENT */


.sil-review-text{


font-family:Arial,sans-serif;


font-size:15px;


font-weight:400;


line-height:1.5;


color:#263746;


height:90px;


overflow:hidden;


display:-webkit-box;


-webkit-line-clamp:4;


-webkit-box-orient:vertical;


margin-bottom:18px;


}







/* USER */


.sil-user{


font-family:Arial,sans-serif;


font-size:17px;


font-weight:700;


color:#0873ad;


}







/* =========================
 DOTS
========================= */


.sil-dots{


display:flex;


justify-content:center;


gap:10px;


margin-top:45px;


}



.sil-dot{


height:16px;


width:16px;


border-radius:50%;


background:#ddd;


}



.sil-dot.active{


width:55px;


border-radius:20px;


background:#0873ad;


}








/* =========================
 MOBILE
========================= */


@media(max-width:768px){



.sil-review-section{


padding:70px 0;


}



.sil-review-container{


padding:0 20px;


}



.tp-header{


margin-bottom:80px;


}



.tp-rating-img{


width:150px;


}



.sil-review-title{


font-size:32px;


}



.sil-review-grid{


grid-template-columns:1fr;


gap:80px;


}



.sil-review-card{


height:360px;


}



}

}
@scope (#HealthzeriDentalDetails) {.section-template--20684120916077__custom_liquid_kAQVAi-padding {
    padding-top: calc(0px * 0.75);
    padding-bottom: calc(0px  * 0.75);
  }

  @media screen and (min-width: 750px) {
    .section-template--20684120916077__custom_liquid_kAQVAi-padding {
      padding-top: 0px;
      padding-bottom: 0px;
    }
  }}
@scope (#HealthzeriDentalDetails) {

/* =========================
FAQ TRUST SECTION
========================= */

.sil-faq-section{

background:#d8f5fc;

padding:90px 0;

position:relative;

overflow:hidden;

}



/* TOP WAVE */

.sil-faq-section:before{

content:"";

position:absolute;

top:-80px;

left:-5%;

width:110%;

height:120px;

background:#fff;

border-radius:50%;

}



/* BOTTOM WAVE */

.sil-faq-section:after{

content:"";

position:absolute;

bottom:-80px;

left:-5%;

width:110%;

height:120px;

background:#fff;

border-radius:50%;

}



.sil-faq-wrap{

max-width:1100px;

margin:auto;

padding:0 20px;

position:relative;

z-index:2;

}





/* TITLE */

.sil-faq-title{

text-align:center;

font-size:36px;

line-height:1.2;

font-weight:900;

color:#075d91;

margin-bottom:38px;

}





/* =========================
FAQ LIST
========================= */


.sil-faq-list{

display:grid;

grid-template-columns:1fr 1fr;

gap:18px 22px;

max-width:900px;

margin:auto;

}





.sil-faq-item{

background:#086398;

border-radius:8px;

overflow:hidden;

color:#fff;

}





.sil-faq-question{

height:60px;

padding:0 22px;

display:flex;

align-items:center;

justify-content:space-between;

cursor:pointer;

font-size:14px;

font-weight:700;

}





.sil-faq-plus{

font-size:28px;

font-weight:300;

line-height:1;

transition:.3s;

}





.sil-faq-answer{

max-height:0;

overflow:hidden;

background:#fff;

color:#24465b;

transition:max-height .35s ease;

font-size:14px;

line-height:1.65;

}





.sil-faq-answer-inner{

padding:18px 22px;

}





.sil-faq-item.active .sil-faq-answer{

max-height:250px;

}





.sil-faq-item.active .sil-faq-plus{

transform:rotate(45deg);

}





/* =========================
BOTTOM DATA AREA
========================= */


.sil-faq-bottom{

margin-top:65px;

display:grid;

grid-template-columns:1fr 360px;

gap:20px;

align-items:center;

}





.sil-data-grid{

display:grid;

grid-template-columns:repeat(3,150px);

gap:45px;

align-items:start;

}





.sil-data-number{

font-size:58px;

line-height:1;

font-weight:900;

color:#1674ad;

letter-spacing:-2px;

}





.sil-data-text{

font-size:14px;

line-height:1.55;

color:#17394f;

margin-top:15px;

}





/* =========================
PET CIRCLE IMAGE
========================= */


.sil-faq-pet{

height:340px;

display:flex;

justify-content:center;

align-items:flex-end;

position:relative;

}





.sil-faq-pet:before{

content:"";

position:absolute;

width:320px;

height:320px;

background:rgba(255,255,255,.55);

border-radius:50%;

bottom:0;

}





.sil-faq-pet img{

position:relative;

z-index:2;

width:320px;

height:320px;

object-fit:contain;

object-position:center bottom;

}








/* =========================
MOBILE
========================= */


@media(max-width:768px){



.sil-faq-section{

padding:70px 0;

}




.sil-faq-wrap{

padding:0 18px;

}





.sil-faq-title{

font-size:28px;

margin-bottom:30px;

}





.sil-faq-list{

grid-template-columns:1fr;

gap:12px;

}





.sil-faq-question{

height:55px;

padding:0 15px;

font-size:13px;

}





.sil-faq-answer-inner{

padding:15px;

font-size:13px;

}





.sil-faq-bottom{

grid-template-columns:1fr;

margin-top:45px;

gap:20px;

}





.sil-data-grid{

grid-template-columns:repeat(3,1fr);

gap:15px;

}





.sil-data-number{

font-size:38px;

}





.sil-data-text{

font-size:12px;

}





.sil-faq-pet{

height:240px;

}





.sil-faq-pet:before{

width:240px;

height:240px;

}





.sil-faq-pet img{

width:240px;

height:240px;

}



}



}
@scope (#HealthzeriDentalDetails) {

/* =========================
DATA AREA FIX
========================= */


.sil-faq-bottom{


margin-top:80px;


display:grid;


grid-template-columns:650px 1fr;


gap:20px;


align-items:center;


}




.sil-data-grid{


display:grid;


grid-template-columns:repeat(3,1fr);


gap:35px;


}




.sil-data-number{


font-size:62px;


line-height:1;


font-weight:900;


color:#1674ad;


letter-spacing:-2px;


}




.sil-data-text{


font-size:15px;


line-height:1.55;


color:#17394f;


margin-top:14px;


}




/* =========================
PET IMAGE AREA
========================= */


.sil-faq-pet{


height:360px;


display:flex;


justify-content:center;


align-items:center;


position:relative;


overflow:hidden;


}




/* CIRCLE BACKGROUND */


.sil-pet-circle{


position:absolute;


width:300px;


height:300px;


background:rgba(255,255,255,.65);


border-radius:50%;


left:50%;


top:50%;


transform:translate(-50%,-50%);


}




/* PET PNG */


.sil-faq-pet img{


position:relative;


z-index:2;


width:320px;


height:320px;


object-fit:contain;


transform:translateY(-35px);


}







/* =========================
MOBILE
========================= */


@media(max-width:768px){



.sil-faq-bottom{


grid-template-columns:1fr;


gap:35px;


margin-top:55px;


}





.sil-data-grid{


grid-template-columns:1fr;


gap:30px;


}




.sil-data-number{


font-size:50px;


}




.sil-data-text{


font-size:14px;


}




.sil-faq-pet{


height:260px;


}





.sil-pet-circle{


width:220px;


height:220px;


}





.sil-faq-pet img{


width:250px;


height:250px;


transform:translateY(-20px);


}



}

}