/* Runtime-measured corrections for the user-marked homepage components. */

.qt-footer-benefits{background-image:var(--qt-benefits-bg)!important}

.qt-header-search{position:relative;display:block;width:36px;height:36px;margin:0;overflow:visible}
.qt-header-search__button{position:relative;z-index:2;width:36px;height:36px;background:#fff}
.qt-header-search input[type="search"]{position:absolute;z-index:1;left:36px;top:0;width:0;height:36px;padding:0;border:1px solid transparent;background:#fff;color:var(--qt-heading);font-size:14px;line-height:34px;opacity:0;visibility:hidden;outline:0;transition-property:width,padding,opacity,border-color,visibility;transition-duration:.25s,.25s,.18s,.18s,.18s;transition-timing-function:cubic-bezier(.455,.03,.515,.955)}
.qt-header-search:hover input[type="search"],.qt-header-search:focus-within input[type="search"]{width:190px;padding:0 12px;opacity:1;visibility:visible;border-color:#ddd}
.qt-mobile-search-toggle{display:none}

.qt-submenu{box-sizing:border-box}
.qt-submenu>ul{margin:0;padding:0;list-style:none}
.qt-submenu>figure{display:none;margin:0;overflow:hidden;background:#f4f4f4}
.qt-submenu>figure img{display:block;width:100%;height:100%;object-fit:cover}
.qt-nav__has-submenu:has(.qt-submenu>figure) .qt-submenu{display:grid;grid-template-columns:245px 220px;width:465px}
.qt-nav__has-submenu:has(.qt-submenu>figure) .qt-submenu>figure{display:block}

.qt-modal__dialog--small{box-sizing:border-box;width:min(400px,100%);height:430.09375px;padding:30px}
.qt-modal__dialog--small>.qt-picture{width:var(--qt-wechat-qr-size,340px);height:var(--qt-wechat-qr-size,340px);max-width:100%;margin:0 auto}
.qt-modal__dialog--small>.qt-picture img{width:100%;height:100%;object-fit:contain}

.qt-testimonial.has-uploaded-image{padding:0!important;overflow:hidden}
.qt-testimonial__uploaded-image{display:block;width:100%;height:100%;object-fit:cover}

@media(min-width:1000px){
  .home .qt-hero__content{width:min(calc(100% - 128px),1290px);max-width:1290px;padding:0;text-align:center;align-items:center}
  .home .qt-hero h1,.home .qt-hero h2{width:100%;margin:0 0 50px;font-size:50px;line-height:60px;font-weight:900;text-align:center}
  .home .qt-hero__slide--1 h1{font-size:45px}
  .home .qt-hero__content .qt-button{min-height:51.09375px;padding:14px 30px;font-size:14px;line-height:23.1px;font-weight:600}
  .home .qt-hero__slide--1 .qt-hero__media img{object-position:77% 52%}
  .home .qt-hero__slide--2 .qt-hero__media img{object-position:46% 53%}
  .home .qt-hero__slide--3 .qt-hero__media img{object-position:61% 73%}

  .home .qt-materials{height:704.09375px;min-height:704.09375px!important;padding:80px 0!important;box-sizing:border-box}
  .home .qt-materials>.qt-container{width:min(calc(100% - 128px),1290px);max-width:1290px}
  .home .qt-materials .qt-tabs{grid-template-columns:300px 960px;gap:30px;align-items:start}
  .home .qt-materials .qt-tabs__panels{width:960px;height:410.6875px!important;min-height:410.6875px!important}
  .home .qt-materials .qt-tabs__panels article{grid-template-columns:460px 460px;gap:40px;width:960px;height:410.6875px;min-height:410.6875px}
  .home .qt-materials .qt-tabs__panels article>.qt-picture{width:460px;height:384.953125px;min-height:384.953125px;margin-top:12.875px;align-self:start}
  .home .qt-materials .qt-tabs__panels article>.qt-picture img{width:460px;height:384.953125px;object-fit:fill}
  .home .qt-materials .qt-tabs__panels article>div{width:460px;height:410.6875px;min-height:410.6875px;padding:0;justify-content:flex-start}
  .home .qt-materials .qt-tabs__panels article h3{margin:0 0 17.2px;font-size:24px;line-height:36px;font-weight:600}

  .home .qt-featured{height:1291.09375px;min-height:1291.09375px;margin-top:0px!important;padding:60px 0!important;box-sizing:border-box}
  .home .qt-featured>.qt-container{width:min(calc(100% - 128px),1290px);max-width:1290px;height:1171.09375px}
  .home .qt-featured .qt-section-heading{height:161px;padding-top:0}
  .home .qt-featured .qt-section-heading .qt-eyebrow{display:block;width:100%;height:132px;margin:0;color:#f4f4f4;font-size:80px;line-height:132px;font-weight:900;letter-spacing:normal;white-space:nowrap}
  .home .qt-featured .qt-section-heading h2{position:relative;width:max-content;max-width:100%;height:84px;margin:-70px auto 40px;font-size:56px;line-height:84px;font-weight:900;text-align:center}
  .home .qt-featured .qt-section-heading h2::before,.home .qt-featured .qt-section-heading h2::after,.qt-testimonials .qt-section-heading h2::before,.qt-testimonials .qt-section-heading h2::after,.qt-latest-blogs .qt-section-heading h2::before,.qt-latest-blogs .qt-section-heading h2::after{content:"";position:absolute;top:50%;width:50px;height:3px;background:var(--qt-accent);transform:translateY(-50%)}
  .home .qt-featured .qt-section-heading h2::before,.qt-testimonials .qt-section-heading h2::before,.qt-latest-blogs .qt-section-heading h2::before{right:calc(100% + 20px)}
  .home .qt-featured .qt-section-heading h2::after,.qt-testimonials .qt-section-heading h2::after,.qt-latest-blogs .qt-section-heading h2::after{left:calc(100% + 20px)}
  .home .qt-featured .qt-product-grid{grid-template-columns:repeat(4,300px);grid-template-rows:427px 407px;justify-content:space-between;column-gap:30px;row-gap:30px;width:1290px;height:864px}
  .home .qt-featured .qt-product-card{width:300px;transition-property:transform;transition-duration:.5s;transition-timing-function:cubic-bezier(.42,0,.58,1)}
  .home .qt-featured .qt-product-card:hover,.home .qt-featured .qt-product-card:focus-within{transform:translateY(-10px)}
  .home .qt-featured .qt-product-card__image{width:298px;height:298px;flex:0 0 298px;margin:0 1px}
  .home .qt-featured .qt-product-card__image img,.home .qt-featured .qt-product-card:hover .qt-product-card__image img,.home .qt-featured .qt-product-card:focus-within .qt-product-card__image img{transform:none;transition:none}
  .home .qt-featured .qt-product-card__body{width:300px}

  .qt-testimonials .qt-section-heading h2{position:relative;margin:-60px auto 40px}

  .qt-latest-blogs{position:relative;height:813.09375px;padding:60px 0!important;box-sizing:border-box;background:#fff;overflow:hidden}
  .qt-latest-blogs>.qt-container{position:relative;width:min(calc(100% - 128px),1290px);max-width:1290px;height:693.09375px}
  .qt-latest-blogs .qt-section-heading{height:161px;max-width:none;margin:0;text-align:center}
  .qt-latest-blogs .qt-section-heading .qt-eyebrow{display:block;width:100%;height:132px;margin:0;color:#f4f4f4;font-size:80px;line-height:132px;font-weight:900;letter-spacing:normal;white-space:nowrap}
  .qt-latest-blogs .qt-section-heading h2{position:relative;width:max-content;max-width:100%;height:84px;margin:-70px auto 40px;color:#1a1a1a;font-size:56px;line-height:84px;font-weight:900;text-align:center}
  .qt-latest-blogs .qt-carousel__viewport{width:1290px;height:396px;overflow:hidden}
  .qt-latest-blogs .qt-carousel__track{height:396px;gap:30px}
  .qt-latest-card{flex:0 0 300px!important;width:300px;height:396px;background:#fafbfc}
  .qt-latest-card__link{display:block;height:100%;color:inherit}
  .qt-latest-card__media{display:grid;place-items:center;width:300px;height:225px;overflow:hidden;background:#eef1f3;color:#69737c;font-size:14px;text-align:center}
  .qt-latest-card__media img{width:100%;height:100%;object-fit:cover;transition-property:opacity;transition-duration:.5s;transition-timing-function:cubic-bezier(.42,0,.58,1)}
  .qt-latest-card__body{display:block;padding:12px 15px 20px}
  .qt-latest-card time{display:block;margin-bottom:12px;color:#777;font-size:14px;line-height:23.1px}
  .qt-latest-card h3{margin:0;color:#333;font-size:18px;line-height:27px;font-weight:600}
  .qt-latest-card:hover img,.qt-latest-card:focus-within img{opacity:.82}
  .qt-latest-blogs .qt-carousel__arrow{top:273.5px;width:50px;height:50px;border:0;background:#fff;color:#1a1a1a}
  .qt-latest-blogs .qt-carousel__arrow--prev{left:-25px}
  .qt-latest-blogs .qt-carousel__arrow--next{right:-25px}

  .home .qt-distributor{height:640.125px;padding:80px 0!important;background:#fafbfc;color:#555;box-sizing:border-box}
  .home .qt-distributor__inner{grid-template-columns:625px 625px;gap:40px;width:min(calc(100% - 128px),1290px);max-width:1290px;min-height:480.125px;height:480.125px;align-items:center}
  .home .qt-distributor__inner>div{padding:0}
  .home .qt-distributor__inner>.qt-picture{width:625px;height:410.8px}
  .home .qt-distributor h2{max-width:625px;margin:5px 0 40px;color:#1a1a1a;font-size:28px;line-height:42px;font-weight:700}
  .home .qt-distributor p{color:#555}

  .home .qt-partners .qt-section-heading{padding-top:25px}
}

@media(min-width:1000px) and (max-width:1417.98px){
  .home .qt-who>.qt-split{grid-template-columns:repeat(2,minmax(0,1fr))}
  .home .qt-who>.qt-split>.qt-who__visual{width:100%}

  .home .qt-materials .qt-tabs{grid-template-columns:minmax(230px,300px) minmax(0,1fr)}
  .home .qt-materials .qt-tabs__panels,.home .qt-materials .qt-tabs__panels article{width:100%}
  .home .qt-materials .qt-tabs__panels article{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .home .qt-materials .qt-tabs__panels article>.qt-picture,.home .qt-materials .qt-tabs__panels article>.qt-picture img,.home .qt-materials .qt-tabs__panels article>div{width:100%}

  .home .qt-featured .qt-product-grid{grid-template-columns:repeat(4,minmax(0,1fr));width:100%}
  .home .qt-featured .qt-product-card,.home .qt-featured .qt-product-card__body{width:100%}
  .home .qt-featured .qt-product-card__image{width:calc(100% - 2px);height:auto;aspect-ratio:1}

  .qt-latest-blogs .qt-carousel__viewport{width:100%}
  .qt-latest-card{flex-basis:calc((100% - 90px)/4)!important;width:calc((100% - 90px)/4)}
  .qt-latest-card__media{width:100%;height:auto;aspect-ratio:4/3}

  .home .qt-distributor__inner{grid-template-columns:minmax(0,1fr) minmax(0,1fr);width:min(calc(100% - 128px),1290px)}
  .home .qt-distributor__inner>.qt-picture{width:100%}

  .qt-header-search input[type="search"]{left:auto;right:36px}
}

@media(max-width:999.98px){
  .qt-header-search{display:none}
  .qt-mobile-search-toggle{display:inline-grid}
  .qt-nav__has-submenu:has(.qt-submenu>figure) .qt-submenu{display:block;width:auto}
  .qt-nav__has-submenu .qt-submenu>figure{display:none}
  .qt-latest-blogs{padding:56px 0!important;overflow:hidden}
  .qt-latest-blogs .qt-section-heading{text-align:center}
  .qt-latest-blogs .qt-section-heading .qt-eyebrow{color:#f4f4f4;font-size:44px;line-height:72px;font-weight:900}
  .qt-latest-blogs .qt-section-heading h2{margin:-38px 0 28px;font-size:32px;line-height:44px;font-weight:900}
  .qt-latest-blogs .qt-carousel__track{gap:20px}
  .qt-latest-card{height:auto;background:#fafbfc}
  .qt-latest-card__media{display:grid;place-items:center;width:100%;height:auto;aspect-ratio:4/3;overflow:hidden;background:#eef1f3;color:#69737c;font-size:14px;text-align:center}
  .qt-latest-card__media img{width:100%;height:100%;object-fit:cover}
  .qt-latest-card__body{display:block;padding:12px 15px 20px}
  .qt-latest-card h3{margin:0;color:#333;font-size:18px;line-height:27px;font-weight:600}
  .home .qt-distributor{padding:56px 0!important;background:#fafbfc;color:#555}
  .home .qt-distributor h2{color:#1a1a1a}
  .home .qt-distributor__inner>div{padding:0}
  body.home .qt-footer-benefits__grid>div,
  body.home .qt-footer-benefits p{min-width:0}
  body.home .qt-footer-benefits strong{white-space:normal}
  .qt-modal__dialog--small{height:auto;max-height:calc(100vh - 24px);padding:18px}
  .qt-modal__dialog--small>.qt-picture{width:min(var(--qt-wechat-qr-size,340px),calc(100vw - 72px));height:min(var(--qt-wechat-qr-size,340px),calc(100vw - 72px))}
}

@media(min-width:1000px) and (max-width:1199.98px){
  .home .qt-featured .qt-product-grid{grid-template-columns:repeat(3,minmax(0,1fr));width:100%}

  /* The 1280px source measurements use a fixed 1152px canvas. Between
     1000px and 1199px keep the same proportions but let that canvas fit
     the real viewport, otherwise the visits and benefits rows create a
     192px horizontal page overflow at 1024px. */
  .home .qt-visits__layout,
  .home .qt-visits__gallery-row{width:calc(100% - 128px);max-width:none}
  .home .qt-visits__layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:30px}
  .home .qt-visits__hero,
  .home .qt-visits__grid{width:100%}
  .home .qt-visits__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .home .qt-visits__grid figure{width:calc(100% - 40px)}
  .home .qt-visits__gallery-grid{width:100%;grid-template-columns:repeat(2,minmax(0,1fr)) minmax(0,2fr)}
  .home .qt-visits__gallery-grid figure{width:calc(100% - 40px)}
  .home .qt-visits__gallery-grid .qt-visits__gallery-feature{width:calc(100% - 30px)}

  .home + .qt-footer-benefits>.qt-container,
  .home .qt-footer-benefits>.qt-container,
  body.home .qt-footer-benefits>.qt-container{width:calc(100% - 48px);max-width:none}
  body.home .qt-footer-benefits__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;width:100%}
  body.home .qt-footer-benefits__grid>div{width:auto;min-width:0;gap:18px}
  body.home .qt-footer-benefits__grid>div:first-child{transform:translateX(-95px)}
  body.home .qt-footer-benefits__grid>div:last-child{transform:translateX(70px)}
  body.home .qt-footer-benefits strong{font-size:16px;line-height:24px;white-space:normal}
}

@media(min-width:768px) and (max-width:999.98px){
  .home .qt-featured .qt-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .home .qt-materials .qt-tabs__panels article{grid-template-columns:repeat(2,minmax(0,1fr))}
  .home .qt-materials .qt-tabs__panels article>.qt-picture,
  .home .qt-materials .qt-tabs__panels article>div{width:100%;min-width:0}
  .home .qt-materials .qt-tabs__panels article>.qt-picture{overflow:hidden}
  .home .qt-categories .qt-category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}

@media(max-width:689.98px){
  .home .qt-materials .qt-tabs__list button{height:auto!important;min-height:53px;padding:9px 14px;line-height:26.4px}
}

@media(max-width:374.98px){
  .home .qt-visits__grid figure,
  .home .qt-visits__gallery-grid figure,
  .home .qt-visits__gallery-grid .qt-visits__gallery-feature{width:calc(100vw - 46.78125px)!important}
}

@media(prefers-reduced-motion:reduce){
  .qt-header-search input[type="search"],.home .qt-featured .qt-product-card,.qt-latest-card__media img{transition-duration:.01ms!important}
}