WR-3 Plus Wind Speed Meter

<?php
?>
<div id="scarletWirelessAnemometer">
  <div class="section section1">
    <div class="page-container">
      <div class="section-wrapper">
        <h1 class="title font-medium"><span class="font-italic">WIRELESS </span><span class="font-italic">ANEMOMETER</span></h1>
        <div class="line"></div>
        <div class="subtitle font-light"><span>WR-3 PLUS</span></div>
        <div class="content font-light"><span>A Wireless Wind Speed Meter You Can Trust</span></div>
      </div>
    </div>
  </div>
  <div class="section section2">
    <div class="page-container">
      <div class="video-block">
        <iframe width="100%" height="100%" src="https://www.youtube.com/embed/s9Wa_sG50vM?autoplay=1&mute=1&loop=1&enablejsapi=1&wmode=opaque&playlist=s9Wa_sG50vM" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=""></iframe>
      </div>
    </div>
  </div>
  <div class="section section3">
    <div class="page-container"> 
      <div class="row"> 
        <div class="col-auto"><img src="https://scarlet-tech.com/wp-content/uploads/2024/07/WR-3-Plus_sps_1_7.icon_4-07.png" alt=""/></div>
        <div class="col text-center">
          <div class="number font-medium font-italic yellow"><span id="count500">500</span><span class="unit">meters</span></div><img class="d-none d-sm-block" src="https://legacy.scarlet-tech.com/WR-3/dist/img/sec3-line.png" alt="" srcset=""/><img class="d-block d-sm-none" src="https://legacy.scarlet-tech.com/WR-3/dist/img/sec3-line-m.png" alt="" srcset=""/>
          <div class="mobile-hack">
            <div class="title font-bold">PRECISE. PORTABLE. PROFESSIONAL.</div>
            <div class="row">
              <div class="col text-left">
                <div class="subtitle font-bold">Handheld Data Receiver</div>
                <div class="content">• Backlit graphic display + robust anti-slip case</div>
                <div class="content">• Adjustable audible & visual wind speed alarm</div>
                <div class="content">• Data recording with historical wind graphs</div>
              </div>
              <div class="col text-right">
                <div class="subtitle font-bold">Wireless Wind Sensor</div>
                <div class="content">Wind speed, temperature, air pressure data •</div>
                <div class="content">Max 500m ultra-long wireless transceiver •</div>
                <div class="content">Waterproof & robust for industrial installation •</div>
              </div>
            </div>
          </div>
        </div>
        <div class="col-auto"><img src="https://scarlet-tech.com/wp-content/uploads/2024/07/WR-3-Plus_sps_1_7.icon_4-08_2.png" alt=""/></div>
      </div>
    </div>
  </div>
  <div class="section section4">
    <div class="page-container text-center">
      <h2 class="title font-bold">SAFETY WIND GUST ALERT</h2>
      <div class="line2"></div>
      <div class="content">Operating cranes in windy conditions may create a potentially dangerous situation.</div>
      <div class="row">
        <div class="col">
          <div class="section-images">
            <div class="images-light"></div>
          </div>
        </div>
        <div class="col">
          <div class="content">Scarlet’s advanced wireless technology connects one wind sensor with multiple displays. Inform everyone the live wind conditions without wire hazards or signal interference.</div>
          <div class="row">
            <div class="col border-right">
              <div class="number yellow font-italic"><span id="value500">500</span><span class="unit">m</span></div>
            </div>
            <div class="col">
              <div class="number yellow font-italic"><span id="count100">100</span><span class="unit">floor</span></div>
            </div>
          </div>
          <div class="content yellow">Transmission Distance</div>
        </div>
      </div>
    </div>
  </div>
  <div class="section567">
    <div class="section section5">
      <div class="fans fans-cloud low"></div>
      <div class="row"> 
        <div class="col-auto">
          <div class="fans-wrapper">
            <div class="fans fans-body fans-btn"><img class="none" src="https://legacy.scarlet-tech.com/WR-3/dist/img/TX_stop.png" alt="" srcset=""/><img class="low active" src="https://scarlet-tech.com/wp-content/uploads/2024/07/WR-3-Plus_TX_slow.gif" alt="" srcset=""/><img class="high" src="https://legacy.scarlet-tech.com/WR-3/dist/img/TX_fast.gif" alt="" srcset=""/></div>
          </div>
        </div>
        <div class="col">
          <div class="content-bg">
            <h2 class="title font-medium"><span class="font-italic">LIVE WIND </span><span class="font-italic">LOAD WARNING</span></h2>
            <div class="line"> </div>
            <div class="content"><span>Never worry about high wind. Receive live data and high-volume wind speed alarms based on safety standards.</span></div>
            <div class="range">
              <div class="subtitle font-bold">CURRENT WIND SPEED</div>
              <div class="control">
                <div class="row">
                  <div class="col">
                    <div class="dot none" data-fansstate="none"><span class="font-medium">None</span></div>
                  </div>
                  <div class="col">
                    <div class="dot low active" data-fansstate="low"><span class="font-medium">Low</span></div>
                  </div>
                  <div class="col">
                    <div class="dot high" data-fansstate="high"><span class="font-medium">High</span></div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="section section6">
      <div class="page-container">
        <div class="section-wrapper">
          <div class="content-bg">
            <h2 class="title font-medium"><span class="font-italic">WIRELESS WIND </span><span class="font-italic">LOGGER</span></h2>
            <div class="line"> </div>
            <div class="content"><span>• Live/Average/Maximum Wind Speed</span><span>• Beaufort Bar Graph</span><span>• Wind Chill</span><span>• Ambient Temperature</span><span>• Atmospheric Pressure</span></div><button class="btn btn-main form-active-btn">Get a Quote</button>
          </div>
        </div>
      </div>
      <div class="content-img">
        <img class="img1" src="https://legacy.scarlet-tech.com/WR-3/dist/img/8-2.png" alt="" srcset="" />
        <img class="img2" src="https://legacy.scarlet-tech.com/WR-3/dist/img/8-3.png" alt="" srcset="" />
        <img class="img3" src="https://legacy.scarlet-tech.com/WR-3/dist/img/8-4.png" alt="" srcset="" />
      </div>
    </div>
    <div class="section section7">
      <div class="page-container"> 
        <div class="row"> 
          <div class="col-auto">
            <div class="content-img">
              <img class="img1" src="https://legacy.scarlet-tech.com/WR-3/dist/img/35.png" alt=""/>
              <img class="img2" src="https://legacy.scarlet-tech.com/WR-3/dist/img/35-1.png" alt=""/>
            </div>
          </div>
          <div class="col">
            <div class="content-bg">
              <h2 class="title font-medium"><span class="font-italic">INDUSTRIAL-GRADED </span><span class="font-italic">WIND SPEED SENSOR</span></h2>
              <div class="line"> </div>
              <div class="content"><span>IP67 all-weather protection. Built tough and flexible for industrial installation. Long-life battery up to 3 years of continuous operation in harsh environments. Get rid of maintenance hassle.</span></div>
              <div class="icons"><img src="https://legacy.scarlet-tech.com/WR-3/dist/img/36.png" alt="" srcset=""/><img src="https://legacy.scarlet-tech.com/WR-3/dist/img/37.png" alt="" srcset=""/><img src="https://legacy.scarlet-tech.com/WR-3/dist/img/38.png" alt="" srcset=""/><img src="https://legacy.scarlet-tech.com/WR-3/dist/img/39.png" alt="" srcset=""/></div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="section section8">
    <div class="page-container">
      <div class="content-bg">
        <h2 class="title font-medium"><span class="font-italic">WIND SPEED </span><span class="font-italic">DATA RECORDING</span></h2>
        <div class="line"></div>
        <div class="content"><span>64MB built-in memory. Recording wind speed, temperature, air pressure data up to 1 year (10-sec logging interval). Easily exporting detailed historical wind data in Excel format.</span></div><img src="https://legacy.scarlet-tech.com/WR-3/dist/img/40.png" alt="" srcset=""/><button class="btn btn-main form-active-btn">Get a Quote</button>
      </div>
    </div>
  </div>
</div>

@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");
@keyframes fanscloud {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-50%);
  }
}
.fusion-header-wrapper {
  position: absolute;
  z-index: 10000;
  left: 0;
  right: 0;
}
@media (max-width: 575px) {
  .fusion-header-wrapper {
    position: relative;
    z-index: 10010;
  }
}

#main {
  padding-top: 0;
  padding-bottom: 0;
}

body {
  font-family: "Roboto", sans-serif !important;
}
body img {
  display: block;
}
body .d-none {
  display: none !important;
}
body .d-block {
  display: block !important;
}
@media (min-width: 576px) {
  body .d-sm-none {
    display: none !important;
  }
}
@media (min-width: 576px) {
  body .d-sm-block {
    display: block !important;
  }
}
@media (min-width: 768px) {
  body .d-md-none {
    display: none !important;
  }
}
@media (min-width: 768px) {
  body .d-md-block {
    display: block !important;
  }
}
body .text-center {
  text-align: center;
}
body .text-center img {
  margin: 0 auto;
}
body .text-left {
  text-align: left;
}
body .text-right {
  text-align: right;
}
body .bg-red {
  background-color: #D03622 !important;
}
body .white {
  color: #ffffff;
}
body .yellow {
  color: #FBBC25;
}
body .border-right {
  border-right: 3px solid #ffffff;
}
body .font-italic {
  transform: skewX(-10deg);
}
body .font-light {
  font-weight: 300;
}
body .font-medium {
  font-weight: 500 !important;
}
body .font-bold {
  font-weight: 700 !important;
}
body .btn-main {
  color: #ffffff;
  padding: 12px 20px;
  background-color: #D03622;
  font-size: 18px;
  display: inline-block;
  margin-top: 30px;
}
@media (max-width: 991px) {
  body .btn-main {
    padding: 10px 15px;
    margin-top: 20px;
    font-size: 15px;
  }
}
body .btn-main:hover {
  background-color: #333333;
  color: #ffffff;
}
body .row {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
}
body .row > * {
  padding: 0 15px;
  width: 100%;
}
body .row .col {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
}
@media (min-width: 768px) {
  body .row .col-md {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
}
body .row .col-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}
@media (min-width: 768px) {
  body .row .col-auto-md {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
}

#main .section .page-container {
  width: 100%;
  position: relative;
  z-index: 1;
  margin: 0 auto;
}
@media (max-width: 575px) {
  #main .section .page-container {
    max-width: 100%;
  }
}
#main .section .title {
  line-height: 1;
  font-family: "Roboto", sans-serif;
  margin-bottom: 0;
}
#main .section .title span {
  display: block;
  width: 0%;
  overflow: hidden;
  white-space: nowrap;
}
@media (max-width: 575px) {
  #main .section .title span {
    width: auto;
    overflow: visible;
    white-space: normal;
  }
}
#main .section .line {
  width: 0%;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  height: 0.15vw;
}
@media (max-width: 991px) {
  #main .section .line {
    height: 1px;
  }
}
@media (max-width: 575px) {
  #main .section .line {
    max-width: 100% !important;
    height: 2px;
    width: auto;
    overflow: visible;
    white-space: normal;
  }
}
#main .section .subtitle {
  line-height: 1;
}
#main .section .subtitle span {
  display: block;
  width: 0%;
  overflow: hidden;
  white-space: nowrap;
}
@media (max-width: 575px) {
  #main .section .subtitle span {
    width: auto;
    overflow: visible;
    white-space: normal;
  }
}
#main .section .content span {
  display: block;
  width: 0%;
  overflow: hidden;
}
@media (max-width: 575px) {
  #main .section .content span {
    width: auto;
    overflow: visible;
    white-space: normal;
  }
}

#scarletWirelessAnemometer {
  line-height: 1.25;
}
#scarletWirelessAnemometer .section1 {
  background: url(https://scarlet-tech.com/wp-content/uploads/2024/07/WR-3-Plus_banner_3-scaled.jpg) no-repeat 50% 0%;
  background-size: cover;
  height: 56.87vw;
  display: flex;
  align-items: center;
  color: #231815;
}
@media (max-width: 575px) {
  #scarletWirelessAnemometer .section1 {
    background: none;
    height: auto;
    display: block;
    text-align: center;
  }
  #scarletWirelessAnemometer .section1:before {
    content: "";
    display: block;
    background: url(https://scarlet-tech.com/wp-content/uploads/2024/07/WR-3-Plus_banner_3-scaled.jpg) no-repeat 71% 0%;
    background-size: cover;
    width: 100%;
    height: 105.33vw;
  }
}
#scarletWirelessAnemometer .section1 .page-container {
  max-width: 72.92vw;
}
@media (max-width: 991px) {
  #scarletWirelessAnemometer .section1 .page-container {
    max-width: 530px;
  }
}
#scarletWirelessAnemometer .section1 .page-container .section-wrapper {
  margin-top: 9.37vw;
}
@media (max-width: 991px) {
  #scarletWirelessAnemometer .section1 .page-container .section-wrapper {
    margin-top: 60px;
  }
}
@media (max-width: 575px) {
  #scarletWirelessAnemometer .section1 .page-container .section-wrapper {
    margin-top: 25px;
    margin-bottom: 25px;
  }
}
#scarletWirelessAnemometer .section1 .title {
  font-size: 4.5vw;
}
@media (max-width: 991px) {
  #scarletWirelessAnemometer .section1 .title {
    font-size: 36px;
  }
}
@media (max-width: 575px) {
  #scarletWirelessAnemometer .section1 .title {
    font-size: 48px;
    margin-bottom: 0px !important;
  }
}
#scarletWirelessAnemometer .section1 .line {
  height: 0.62vw;
  background-color: #D03622;
  max-width: 10.67vw;
  margin: 2.08vw 0;
}
@media (max-width: 991px) {
  #scarletWirelessAnemometer .section1 .line {
    height: 5px;
    margin: 15px 0;
  }
}
@media (max-width: 575px) {
  #scarletWirelessAnemometer .section1 .line {
    max-width: 21.86vw !important;
    margin: 15px auto;
  }
}
#scarletWirelessAnemometer .section1 .subtitle {
  font-size: 3.64vw;
}
@media (max-width: 991px) {
  #scarletWirelessAnemometer .section1 .subtitle {
    font-size: 28px;
  }
}
@media (max-width: 575px) {
  #scarletWirelessAnemometer .section1 .subtitle {
    font-size: 44px;
    margin-bottom: 10px;
  }
}
#scarletWirelessAnemometer .section1 .content {
  font-size: 1.25vw;
}
@media (max-width: 991px) {
  #scarletWirelessAnemometer .section1 .content {
    font-size: 14px;
  }
}
#scarletWirelessAnemometer .section1 .content span {
  height: 1.56vw;
}
@media (max-width: 991px) {
  #scarletWirelessAnemometer .section1 .content span {
    height: 2.21vw;
  }
}
@media (max-width: 575px) {
  #scarletWirelessAnemometer .section1 .content span {
    height: 4.53vw;
  }
}
#scarletWirelessAnemometer .section1 .AR{
  padding-top:1vw;
  width:30vw;}
@media (min-width: 1000px) and (max-width: 7500px) {
#scarletWirelessAnemometer .section1 .btn-main,
#scarletWirelessAnemometer .section1 .AR-title{
display: none;
}}
@media (max-width: 991px) {
  #scarletWirelessAnemometer .section1 .AR,
  #scarletWirelessAnemometer .section1 .btn-main,
  #scarletWirelessAnemometer .section1 .AR-title{
 display: none;}
}

@media (max-width: 575px) {
    #scarletWirelessAnemometer .section1 .AR{
   display: none;}
}
@media (max-width: 575px) {
  #scarletWirelessAnemometer .section1 .btn-main,
  #scarletWirelessAnemometer .section1 .AR-title{
 display:inline-block;
 margin:3vw;}
}


#scarletWirelessAnemometer .section2 {
  background: url("https://legacy.scarlet-tech.com/WR-3/dist/img/vb.jpg") no-repeat center top;
  background-size: cover;
  padding: 2.86vw 0;
}
@media (max-width: 991px) {
  #scarletWirelessAnemometer .section2 {
    padding: 25px 0;
  }
}
#scarletWirelessAnemometer .section2 .page-container {
  width: 100%;
  max-width: 72.92vw;
}
@media (max-width: 991px) {
  #scarletWirelessAnemometer .section2 .page-container {
    max-width: 560px;
  }
}
#scarletWirelessAnemometer .section2 .video-block {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden;
}
#scarletWirelessAnemometer .section2 .video-block:before {
  display: block;
  content: "";
  padding-top: 56.25%;
}
#scarletWirelessAnemometer .section2 .video-block iframe {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
#scarletWirelessAnemometer .section3 {
  padding: 6.25vw 0 2.6vw;
  background: url(https://scarlet-tech.com/wp-content/uploads/2024/10/WR-3-Plus_sps_check1.png) no-repeat center top;
  background-size: cover;
  color: #ffffff;
  position: relative;
}
@media (max-width: 575px) {
  #scarletWirelessAnemometer .section3 {
    padding: 35px 0 265px;
  }
  #scarletWirelessAnemometer .section3 .mobile-hack {
    position: absolute;
    left: 5px;
    right: 5px;
    bottom: 30px;
  }
}
#scarletWirelessAnemometer .section3.animate .row > div.col.text-center {
  max-width: 100%;
}
#scarletWirelessAnemometer .section3.animate .number {
  opacity: 1;
}
#scarletWirelessAnemometer .section3.animate .title {
  opacity: 1;
}
#scarletWirelessAnemometer .section3.animate .subtitle {
  opacity: 1;
}
#scarletWirelessAnemometer .section3.animate .content {
  opacity: 1;
}
#scarletWirelessAnemometer .section3 .page-container {
  max-width: 77.08vw;
}
@media (max-width: 991px) {
  #scarletWirelessAnemometer .section3 .page-container {
    max-width: 690px;
  }
}
@media (max-width: 575px) {
  #scarletWirelessAnemometer .section3 .page-container {
    position: static;
  }
}
#scarletWirelessAnemometer .section3 .row {
  justify-content: center;
  height: 27.18vw;
  overflow: hidden;
}
@media (max-width: 767px) {
  #scarletWirelessAnemometer .section3 .row {
    height: auto;
    align-items: center;
  }
}
#scarletWirelessAnemometer .section3 .row .col-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}
#scarletWirelessAnemometer .section3 .row .col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}
#scarletWirelessAnemometer .section3 .row > div:nth-child(1) img {
  max-width: 11.14vw;
}
@media (max-width: 991px) {
  #scarletWirelessAnemometer .section3 .row > div:nth-child(1) img {
    max-width: 86px;
  }
}
#scarletWirelessAnemometer .section3 .row > div.col.text-center {
  padding: 0;
  max-width: 0;
  transition: max-width 2s linear 0.75s;
}
@media (max-width: 767px) {
  #scarletWirelessAnemometer .section3 .row > div.col.text-center {
    margin-right: -6%;
  }
}
@media (max-width: 575px) {
  #scarletWirelessAnemometer .section3 .row > div.col.text-center {
    margin-right: -12%;
  }
}
#scarletWirelessAnemometer .section3 .row > div.col.text-center img:nth-child(1) {
  max-width: 18.64vw;
}
@media (max-width: 991px) {
  #scarletWirelessAnemometer .section3 .row > div.col.text-center img:nth-child(1) {
    max-width: 145px;
  }
}
#scarletWirelessAnemometer .section3 .row > div:nth-child(3) {
  margin-left: -3.12vw;
}
#scarletWirelessAnemometer .section3 .row > div:nth-child(3) img {
  max-width: 16.56vw;
}
@media (max-width: 991px) {
  #scarletWirelessAnemometer .section3 .row > div:nth-child(3) img {
    max-width: 140px;
  }
}
@media (max-width: 575px) {
  #scarletWirelessAnemometer .section3 .row > div:nth-child(3) img {
    max-width: 130px;
  }
}
#scarletWirelessAnemometer .section3 .text-center img {
  margin: 1.5vw auto 1.82vw;
}
@media (max-width: 991px) {
  #scarletWirelessAnemometer .section3 .text-center img {
    margin: 10px auto;
    height: 8px;
  }
}
#scarletWirelessAnemometer .section3 .number {
  font-size: 8.85vw;
  line-height: 1;
  opacity: 0;
  transition: opacity 0.15s linear 1s;
}
@media (max-width: 575px) {
  #scarletWirelessAnemometer .section3 .number {
    font-size: 48px;
  }
}
#scarletWirelessAnemometer .section3 .number .unit {
  font-size: 5.2vw;
  line-height: 1;
}
@media (max-width: 575px) {
  #scarletWirelessAnemometer .section3 .number .unit {
    font-size: 4vw;
  }
}
#scarletWirelessAnemometer .section3 .title {
  font-size: 1.61vw;
  margin-bottom: 1.5vw;
  opacity: 0;
  transition: opacity 0.75s ease-out 2.75s;
}
@media (max-width: 991px) {
  #scarletWirelessAnemometer .section3 .title {
    font-size: 16px;
  }
}
@media (max-width: 575px) {
  #scarletWirelessAnemometer .section3 .title {
    font-size: 24px;
    margin-bottom: 0px;
  }
}
#scarletWirelessAnemometer .section3 .subtitle {
  font-size: 1.14vw;
  margin-bottom: 0.78vw;
  opacity: 0;
  transition: opacity 0.75s ease-out 3s;
}
@media (min-width: 1200px) and (max-width: 1599px) {
  #scarletWirelessAnemometer .section3 .subtitle {
    font-size: 18px;
  }
}
@media (max-width: 991px) {
  #scarletWirelessAnemometer .section3 .subtitle {
    font-size: 14px;
    margin-bottom: 10px;
  }
}
@media (max-width: 575px) {
  #scarletWirelessAnemometer .section3 .subtitle {
    font-size: 16px;
    margin-bottom: 0px;
  }
}
#scarletWirelessAnemometer .section3 .content {
  font-size: 0.93vw;
  opacity: 0;
  transition: opacity 0.75s ease-out 3.25s;
}
@media (min-width: 1200px) and (max-width: 1599px) {
  #scarletWirelessAnemometer .section3 .content {
    font-size: 15px;
  }
}
@media (max-width: 991px) {
  #scarletWirelessAnemometer .section3 .content {
    font-size: 12px;
  }
}
#scarletWirelessAnemometer .section4 {
  padding: 2.6vw 0 1.56vw;
  background: url(https://scarlet-tech.com/wp-content/uploads/2024/07/WR-3-Plus_sps_check5.png) no-repeat right top;
  background-size: cover;
  color: #ffffff;
}
@media (max-width: 991px) {
  #scarletWirelessAnemometer .section4 {
    padding: 25px 0 25px;
    background-position: center top;
  }
}
@media (max-width: 575px) {
  #scarletWirelessAnemometer .section4 {
    padding: 35px 0 10px;
    background-position: 20% top;
    text-align: center;
  }
}
#scarletWirelessAnemometer .section4.animate .section-images .images-light {
  height: 100%;
}
#scarletWirelessAnemometer .section4 .page-container {
  max-width: 72.92vw;
}
@media (max-width: 991px) {
  #scarletWirelessAnemometer .section4 .page-container {
    max-width: 650px;
  }
}
#scarletWirelessAnemometer .section4 .row {
  margin: 2.6vw 0;
  align-items: center;
}
@media (max-width: 991px) {
  #scarletWirelessAnemometer .section4 .row {
    margin: 20px 0 20px;
  }
}
#scarletWirelessAnemometer .section4 .row > .col:nth-child(1) {
  padding-left: 4.37vw;
}
@media (max-width: 991px) {
  #scarletWirelessAnemometer .section4 .row > .col:nth-child(1) {
    padding-left: 0%;
  }
}
#scarletWirelessAnemometer .section4 .line2 {
  max-width: 27.08vw;
  background-color: #ffffff;
  margin: 0.78vw auto;
  height: 0.15vw;
}
@media (max-width: 991px) {
  #scarletWirelessAnemometer .section4 .line2 {
    max-width: 210px;
    height: 1px;
  }
}
@media (max-width: 575px) {
  #scarletWirelessAnemometer .section4 .line2 {
    max-width: 120px;
    height: 5px;
    margin: 12px auto;
  }
}
#scarletWirelessAnemometer .section4 .section-images {
  width: 32.29vw;
  height: 21.66vw;
  background-image: url(https://legacy.scarlet-tech.com/WR-3/dist/img/sec4-img-dark.png);
  background-size: cover;
  margin: 0 0 0 auto;
}
@media (max-width: 575px) {
  #scarletWirelessAnemometer .section4 .section-images {
    width: 92vw;
    height: 61.6vw;
  }
}
#scarletWirelessAnemometer .section4 .section-images .images-light {
  background-size: cover;
  background-image: url(https://scarlet-tech.com/wp-content/uploads/2024/07/WR-3-Plus_sps_check13.png);
  width: 100%;
  transition: 2.5s;
  height: 0%;
}
#scarletWirelessAnemometer .section4 .title {
  color: #ffffff;
  font-size: 1.87vw;
}
@media (max-width: 991px) {
  #scarletWirelessAnemometer .section4 .title {
    font-size: 24px;
  }
}
@media (max-width: 575px) {
  #scarletWirelessAnemometer .section4 .title {
    margin-bottom: 0 !important;
  }
}
#scarletWirelessAnemometer .section4 .content {
  font-size: 0.93vw;
  text-align: center;
}
@media (min-width: 1200px) and (max-width: 1599px) {
  #scarletWirelessAnemometer .section4 .content {
    font-size: 15px;
  }
}
@media (max-width: 991px) {
  #scarletWirelessAnemometer .section4 .content {
    font-size: 12px;
  }
}
@media (max-width: 575px) {
  #scarletWirelessAnemometer .section4 .content {
    margin-top: 15px;
    padding: 0 30px;
  }
}
#scarletWirelessAnemometer .section4 .number {
  font-size: 4.37vw;
}
@media (max-width: 991px) {
  #scarletWirelessAnemometer .section4 .number {
    font-size: 36px;
  }
}
@media (max-width: 575px) {
  #scarletWirelessAnemometer .section4 .number {
    font-size: 64px;
    line-height: 1;
  }
}
#scarletWirelessAnemometer .section4 .number .unit {
  font-size: 1.14vw;
  margin-left: 1.3vw;
}
@media (max-width: 991px) {
  #scarletWirelessAnemometer .section4 .number .unit {
    font-size: 12px;
    margin-left: 5px;
  }
}
@media (max-width: 575px) {
  #scarletWirelessAnemometer .section4 .number .unit {
    font-size: 18px;
  }
}
#scarletWirelessAnemometer .section567 {
  background: url(https://legacy.scarlet-tech.com/WR-3/dist/img/sec567-bg.jpg) no-repeat top center;
  background-size: cover;
}
#scarletWirelessAnemometer .section5 {
  padding: 1.82vw 0 3.38vw;
  color: #231815;
  overflow: hidden;
  position: relative;
}
@media (max-width: 767px) {
  #scarletWirelessAnemometer .section5 {
    padding: 35px 0 35px;
  }
}
@media (max-width: 575px) {
  #scarletWirelessAnemometer .section5 {
    padding: 35px 0 0;
  }
}
#scarletWirelessAnemometer .section5.animate .content-bg {
  transform: translateX(0%);
}
#scarletWirelessAnemometer .section5.animate .range {
  opacity: 1;
}
#scarletWirelessAnemometer .section5 > .row {
  align-items: center;
  flex-wrap: nowrap;
}
@media (max-width: 575px) {
  #scarletWirelessAnemometer .section5 > .row {
    flex-wrap: wrap;
  }
}
#scarletWirelessAnemometer .section5 > .row > div {
  padding: 0;
}
#scarletWirelessAnemometer .section5 > .row > div.col-auto {
  max-width: 58.95vw;
}
@media (max-width: 575px) {
  #scarletWirelessAnemometer .section5 > .row > div.col-auto {
    max-width: 100%;
    width: 100%;
  }
}
#scarletWirelessAnemometer .section5 > .row > div.col {
  z-index: 1;
  margin-left: -11.9vw;
}
@media (max-width: 767px) {
  #scarletWirelessAnemometer .section5 > .row > div.col {
    margin-left: -18.9vw;
  }
}
@media (max-width: 575px) {
  #scarletWirelessAnemometer .section5 > .row > div.col {
    margin-left: 0%;
  }
}
#scarletWirelessAnemometer .section5 .content-bg {
  background: url(https://legacy.scarlet-tech.com/WR-3/dist/img/sec5-content-bg.png) no-repeat 0 0;
  background-size: cover;
  padding: 2.8vw 7.63vw;
  transform: translateX(100%);
  transition: 0.6s;
  transition-delay: 0.5s;
}
@media (max-width: 991px) {
  #scarletWirelessAnemometer .section5 .content-bg {
    background-position: left center;
    padding: 25px 0 25px 13.02vw;
  }
}
@media (max-width: 575px) {
  #scarletWirelessAnemometer .section5 .content-bg {
    background-position: 50% 0;
    padding: 20px 15px;
    text-align: center;
  }
}
#scarletWirelessAnemometer .section5 .line {
  max-width: 32.81vw;
  background-color: #231815;
  margin: 1.04vw 0;
}
@media (max-width: 991px) {
  #scarletWirelessAnemometer .section5 .line {
    max-width: 250px;
    margin: 10px 0;
  }
}
@media (max-width: 575px) {
  #scarletWirelessAnemometer .section5 .line {
    margin: 10px 0;
  }
}
#scarletWirelessAnemometer .section5 .title {
  font-size: 3.12vw;
}
@media (max-width: 991px) {
  #scarletWirelessAnemometer .section5 .title {
    font-size: 3.9vw;
    margin-bottom: 0 !important;
  }
}
@media (max-width: 575px) {
  #scarletWirelessAnemometer .section5 .title {
    font-size: 30px;
  }
}
#scarletWirelessAnemometer .section5 .content {
  font-size: 0.93vw;
  max-width: 28.64vw;
}
@media (min-width: 1200px) and (max-width: 1599px) {
  #scarletWirelessAnemometer .section5 .content {
    font-size: 15px;
  }
}
@media (max-width: 991px) {
  #scarletWirelessAnemometer .section5 .content {
    font-size: 12px;
    max-width: 260px;
  }
}
@media (max-width: 575px) {
  #scarletWirelessAnemometer .section5 .content {
    max-width: 90%;
    margin: 0 auto;
  }
}
#scarletWirelessAnemometer .section5 .content span {
  height: 2.64vw;
}
@media (max-width: 1199px) {
  #scarletWirelessAnemometer .section5 .content span {
    height: 4.53vw;
  }
}
@media (max-width: 991px) {
  #scarletWirelessAnemometer .section5 .content span {
    height: 5.85vw;
  }
}
@media (max-width: 767px) {
  #scarletWirelessAnemometer .section5 .content span {
    height: 7.81vw;
  }
}
@media (max-width: 575px) {
  #scarletWirelessAnemometer .section5 .content span {
    height: 12vw;
  }
}
#scarletWirelessAnemometer .section5 .fans-wrapper {
  position: relative;
  width: 59.01vw;
  height: 42.29vw;
}
@media (max-width: 575px) {
  #scarletWirelessAnemometer .section5 .fans-wrapper {
    height: 85%;
    width: 100%;
  }
}
#scarletWirelessAnemometer .section5 .fans {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
@media (max-width: 575px) {
  #scarletWirelessAnemometer .section5 .fans {
    position: relative;
  }
}
#scarletWirelessAnemometer .section5 .fans.fans-cloud {
  margin-top: 50px;
  width: 236vw;
  height: 9.79vw;
  display: block;
  background: url(https://legacy.scarlet-tech.com/WR-3/dist/img/sec5-cloud.png) repeat left top;
  background-size: contain;
}
@media (max-width: 575px) {
  #scarletWirelessAnemometer .section5 .fans.fans-cloud {
    height: 30vw;
    position: absolute;
  }
}
#scarletWirelessAnemometer .section5 .fans.fans-cloud.low {
  animation: fanscloud 3.25s linear 0s infinite reverse both;
}
#scarletWirelessAnemometer .section5 .fans.fans-cloud.high {
  animation: fanscloud 1.5s linear 0s infinite reverse both;
}
#scarletWirelessAnemometer .section5 .fans.fans-body {
  cursor: url("https://legacy.scarlet-tech.com/WR-3/dist/img/23.png"), auto;
}
#scarletWirelessAnemometer .section5 .fans.fans-body img {
  display: none;
  margin: 0 auto;
  max-width: 33.28vw;
}
@media (max-width: 575px) {
  #scarletWirelessAnemometer .section5 .fans.fans-body img {
    max-width: 90%;
    margin-bottom: 30px;
  }
}
#scarletWirelessAnemometer .section5 .fans.fans-body img.active {
  display: block;
}
#scarletWirelessAnemometer .section5 .range {
  margin-top: 2.34vw;
  opacity: 0;
  transition: opacity 0.5s linear 4.5s;
}
@media (max-width: 991px) {
  #scarletWirelessAnemometer .section5 .range {
    margin-top: 20px;
  }
}
@media (max-width: 575px) {
  #scarletWirelessAnemometer .section5 .range {
    max-width: 345px;
    margin: 20px auto 0;
    width: 100%;
  }
}
#scarletWirelessAnemometer .section5 .range .subtitle {
  font-size: 0.93vw;
}
@media (max-width: 991px) {
  #scarletWirelessAnemometer .section5 .range .subtitle {
    font-size: 12px;
  }
}
@media (max-width: 575px) {
  #scarletWirelessAnemometer .section5 .range .subtitle {
    font-size: 16px;
    margin-bottom: 10px;
  }
}
#scarletWirelessAnemometer .section5 .range .control {
  background: url(https://legacy.scarlet-tech.com/WR-3/dist/img/sec5-content-img.png) no-repeat left top;
  background-size: contain;
  margin: 0.78vw 0 0.52vw;
  width: 21.92vw;
}
@media (max-width: 991px) {
  #scarletWirelessAnemometer .section5 .range .control {
    width: 220px;
  }
}
@media (max-width: 575px) {
  #scarletWirelessAnemometer .section5 .range .control {
    width: 100%;
  }
}
#scarletWirelessAnemometer .section5 .range .control .dot {
  cursor: pointer;
}
#scarletWirelessAnemometer .section5 .range .control .dot:before {
  content: "";
  display: block;
  border: 1px solid #ffffff;
  width: 1.46vw;
  height: 1.46vw;
  visibility: hidden;
  border-radius: 1.46vw;
}
@media (max-width: 575px) {
  #scarletWirelessAnemometer .section5 .range .control .dot:before {
    width: 20px;
    height: 20px;
    border-radius: 20px;
  }
}
#scarletWirelessAnemometer .section5 .range .control .dot span {
  font-size: 0.93vw;
  margin-top: 3px;
  display: block;
}
@media (max-width: 575px) {
  #scarletWirelessAnemometer .section5 .range .control .dot span {
    font-size: 14px;
  }
}
#scarletWirelessAnemometer .section5 .range .control .dot.active:before {
  visibility: visible;
}
#scarletWirelessAnemometer .section5 .range .control .row > .col {
  padding: 0;
  display: flex;
}
#scarletWirelessAnemometer .section5 .range .control .row > .col:nth-child(1) .dot:before {
  background-color: #7BF479;
}
#scarletWirelessAnemometer .section5 .range .control .row > .col:nth-child(2) {
  justify-content: center;
}
#scarletWirelessAnemometer .section5 .range .control .row > .col:nth-child(2) .dot:before {
  background-color: #EC980F;
  margin: 0 auto;
}
#scarletWirelessAnemometer .section5 .range .control .row > .col:nth-child(3) {
  justify-content: flex-end;
}
#scarletWirelessAnemometer .section5 .range .control .row > .col:nth-child(3) .dot:before {
  background-color: #DD3C34;
  margin: 0 0 0 auto;
}
#scarletWirelessAnemometer .section6 {
  height: 47.28vw;
  color: #231815;
  display: flex;
  align-items: center;
  overflow: hidden;
  position: relative;
}
@media (min-width: 1200px) and (max-width: 1599px) {
  #scarletWirelessAnemometer .section6 {
    height: 47.1vw;
  }
}
@media (max-width: 575px) {
  #scarletWirelessAnemometer .section6 {
    height: auto;
    flex-direction: column-reverse;
  }
}
#scarletWirelessAnemometer .section6:before {
  background: url(https://legacy.scarlet-tech.com/WR-3/dist/img/sec6-content-bg.png) no-repeat left top;
  background-size: contain;
  content: "";
  position: absolute;
  left: 0px;
  right: 0;
  top: 0;
  bottom: 0;
  transform: translateX(-100%);
  transition: 0.6s;
  transition-delay: 0.25s;
}
@media (min-width: 1200px) and (max-width: 1599px) {
  #scarletWirelessAnemometer .section6:before {
    left: 0px;
  }
}
@media (max-width: 991px) {
  #scarletWirelessAnemometer .section6:before {
    left: 0px;
  }
}
@media (max-width: 575px) {
  #scarletWirelessAnemometer .section6:before {
    display: none;
  }
}
#scarletWirelessAnemometer .section6:after {
  background: url(https://legacy.scarlet-tech.com/WR-3/dist/img/sec6-img-bg.png) no-repeat right top;
  background-size: contain;
  content: "";
  position: absolute;
  left: 0;
  right: 0px;
  top: 0;
  bottom: 0;
  transform: translateX(100%);
  transition: 0.6s;
  transition-delay: 0.5s;
}
@media (min-width: 1200px) and (max-width: 1599px) {
  #scarletWirelessAnemometer .section6:after {
    right: 0px;
  }
}
@media (max-width: 991px) {
  #scarletWirelessAnemometer .section6:after {
    right: 0px;
  }
}
@media (max-width: 575px) {
  #scarletWirelessAnemometer .section6:after {
    display: none;
  }
}
#scarletWirelessAnemometer .section6.animate:before, #scarletWirelessAnemometer .section6.animate:after, #scarletWirelessAnemometer .section6.animate .content-img, #scarletWirelessAnemometer .section6.animate .page-container {
  transform: translateX(0%);
}
#scarletWirelessAnemometer .section6 .page-container {
  transform: translateX(-100%);
  transition: 0.6s;
  transition-delay: 0.5s;
  max-width: 59.37vw;
}
@media (max-width: 991px) {
  #scarletWirelessAnemometer .section6 .page-container {
    max-width: 530px;
  }
}
@media (max-width: 575px) {
  #scarletWirelessAnemometer .section6 .page-container {
    background: url(https://legacy.scarlet-tech.com/WR-3/dist/img/sec6-content-bg.png) no-repeat 30% top;
    background-size: auto;
    max-width: 100%;
  }
}
#scarletWirelessAnemometer .section6 .content-img {
  position: absolute;
  z-index: 1;
  max-width: 30.78vw;
  right: 9.11vw;
  transform: translateX(100%);
  transition: 0.6s;
  transition-delay: 0.75s;
}
@media (max-width: 575px) {
  #scarletWirelessAnemometer .section6 .content-img {
    background: url(https://legacy.scarlet-tech.com/WR-3/dist/img/sec6-img-bg.png) no-repeat right top;
    background-size: auto;
    max-width: 100%;
    right: 0;
    position: relative;
    overflow: hidden;
    max-height: 315px;
  }
}
#scarletWirelessAnemometer .section6 .content-img img {
  transform: scale(0.7);
}
@media (max-width: 575px) {
  #scarletWirelessAnemometer .section6 .content-bg {
    padding: 110px 25px 90px;
    text-align: center;
    max-width: 414px;
    margin: 0 auto;
  }
}
#scarletWirelessAnemometer .section6 .title {
  font-size: 3.12vw;
}
@media (max-width: 991px) {
  #scarletWirelessAnemometer .section6 .title {
    font-size: 3.9vw;
    margin-bottom: 0 !important;
  }
}
@media (max-width: 575px) {
  #scarletWirelessAnemometer .section6 .title {
    font-size: 30px;
  }
}
#scarletWirelessAnemometer .section6 .line {
  background-color: #231815;
  margin: 1.04vw 0;
  max-width: 20.83vw;
}
@media (max-width: 991px) {
  #scarletWirelessAnemometer .section6 .line {
    max-width: 37.76vw;
    margin: 10px 0;
  }
}
#scarletWirelessAnemometer .section6 .content {
  max-width: 20.83vw;
  font-size: 18px;
}
@media (min-width: 1200px) and (max-width: 1599px) {
  #scarletWirelessAnemometer .section6 .content {
    font-size: 15px;
  }
}
@media (max-width: 991px) {
  #scarletWirelessAnemometer .section6 .content {
    font-size: 14px;
    max-width: 300px;
  }
}
@media (max-width: 575px) {
  #scarletWirelessAnemometer .section6 .content {
    text-align: left;
    font-size: 12px;
    max-width: 100%;
  }
}
#scarletWirelessAnemometer .section6 .content span {
  height: 22px;
}
@media (max-width: 991px) {
  #scarletWirelessAnemometer .section6 .content span {
    height: 17px;
  }
}
@media (max-width: 575px) {
  #scarletWirelessAnemometer .section6 .content span {
    height: 15px;
  }
}
#scarletWirelessAnemometer .section7 {
  height: 47.28vw;
  color: #231815;
  display: flex;
  align-items: center;
  overflow: hidden;
  position: relative;
  color: #ffffff;
}
@media (min-width: 1200px) and (max-width: 1599px) {
  #scarletWirelessAnemometer .section7 {
    height: 47.08vw;
  }
}
@media (max-width: 575px) {
  #scarletWirelessAnemometer .section7 {
    height: auto;
  }
}
#scarletWirelessAnemometer .section7:before {
  background: url(https://legacy.scarlet-tech.com/WR-3/dist/img/sec7-content-bg.png) no-repeat right top;
  background-size: contain;
  content: "";
  position: absolute;
  left: 0;
  right: 0px;
  top: 0;
  bottom: 0;
  transform: translateX(100%);
  transition: 0.6s;
  transition-delay: 0.25s;
}
@media (min-width: 1200px) and (max-width: 1599px) {
  #scarletWirelessAnemometer .section7:before {
    right: 0px;
  }
}
@media (max-width: 991px) {
  #scarletWirelessAnemometer .section7:before {
    right: 0px;
  }
}
@media (max-width: 575px) {
  #scarletWirelessAnemometer .section7:before {
    display: none;
  }
}
#scarletWirelessAnemometer .section7:after {
  background: url(https://legacy.scarlet-tech.com/WR-3/dist/img/sec7-img-bg.png) no-repeat left top;
  background-size: contain;
  content: "";
  position: absolute;
  left: 0px;
  right: 0;
  top: 0;
  bottom: 0;
  transform: translateX(-100%);
  transition: 0.6s;
  transition-delay: 0.5s;
}
@media (min-width: 1200px) and (max-width: 1599px) {
  #scarletWirelessAnemometer .section7:after {
    left: 0px;
  }
}
@media (max-width: 991px) {
  #scarletWirelessAnemometer .section7:after {
    left: 0px;
  }
}
@media (max-width: 575px) {
  #scarletWirelessAnemometer .section7:after {
    display: none;
  }
}
#scarletWirelessAnemometer .section7.animate:before, #scarletWirelessAnemometer .section7.animate:after, #scarletWirelessAnemometer .section7.animate .content-bg {
  transform: translateX(0%);
}
#scarletWirelessAnemometer .section7.animate .content-img {
  transform: translateX(0%) translateY(50.41vw); /*Y=10.41vw*/
}
@media (max-width: 575px) {
  #scarletWirelessAnemometer .section7.animate .content-img {
    transform: translateX(0%) translateY(0vw);
  }
}
@media (max-width: 991px) {
  #scarletWirelessAnemometer .section7 .page-container {
    max-width: 100%;
  }
}
#scarletWirelessAnemometer .section7 .row {
  align-items: center;
}
#scarletWirelessAnemometer .section7 .row > div {
  padding: 0;
}
#scarletWirelessAnemometer .section7 .content-img {
  max-width: 50vw; /*48vw*/
  transform: translateX(-100%) translateY(10.41vw);
  transition: 0.6s;
  transition-delay: 0.5s;
  position: relative;
}
@media (max-width: 575px) {
  #scarletWirelessAnemometer .section7 .content-img {
    background: url(https://legacy.scarlet-tech.com/WR-3/dist/img/sec7-img-bg.png) no-repeat left top;
    background-size: auto;
    max-width: 100%;
    right: 0;
    position: relative;
    overflow: hidden;
    max-height: 315px;
    transform: translateY(0vw);
  }
}
#scarletWirelessAnemometer .section7 .content-img picture.img2.sp-no-webp {
  position: absolute;
  top: 0;
  opacity: 0;
}
#scarletWirelessAnemometer .section7 .content-bg {
  transform: translateX(100%);
  transition: 0.6s;
  transition-delay: 0.75s;
  padding-left: 8vw;   
}
@media (max-width: 991px) {
  #scarletWirelessAnemometer .section7 .content-bg {
    padding-left: 65px;
  }
}
@media (max-width: 575px) {
  #scarletWirelessAnemometer .section7 .content-bg {
    background: url(https://legacy.scarlet-tech.com/WR-3/dist/img/sec7-content-bg.png) no-repeat 75% 0;
    background-size: auto;
    padding: 110px 25px 90px;
  }
}
#scarletWirelessAnemometer .section7 .content-bg img {
  max-width: 27.76vw;
}
@media (max-width: 991px) {
  #scarletWirelessAnemometer .section7 .content-bg img {
    max-width: 215px;
  }
}
@media (max-width: 575px) {
  #scarletWirelessAnemometer .section7 .content-bg img {
    max-width: 100%;
  }
}
#scarletWirelessAnemometer .section7 .title {
  color: #ffffff;
  font-size: 3.12vw;
}
@media (max-width: 991px) {
  #scarletWirelessAnemometer .section7 .title {
    font-size: 3.9vw;
    margin-bottom: 0 !important;
  }
}
@media (max-width: 575px) {
  #scarletWirelessAnemometer .section7 .title {
    font-size: 30px;
  }
}
#scarletWirelessAnemometer .section7 .line {
  max-width: 34.68vw;
  background-color: #ffffff;
  margin: 1.56vw 0;
}
@media (max-width: 991px) {
  #scarletWirelessAnemometer .section7 .line {
    max-width: 320px;
    margin: 15px 0;
  }
}
#scarletWirelessAnemometer .section7 .content {
  font-size: 0.93vw;
  max-width: 33.85vw;
  margin-bottom: 1.56vw;
}
@media (min-width: 1200px) and (max-width: 1599px) {
  #scarletWirelessAnemometer .section7 .content {
    font-size: 15px;
  }
}
@media (max-width: 991px) {
  #scarletWirelessAnemometer .section7 .content {
    font-size: 12px;
    max-width: 270px;
    margin-bottom: 15px;
  }
}
@media (max-width: 575px) {
  #scarletWirelessAnemometer .section7 .content {
    max-width: 100%;
  }
}
#scarletWirelessAnemometer .section7 .content span {
  height: 3.43vw;
}
@media (min-width: 1200px) and (max-width: 1599px) {
  #scarletWirelessAnemometer .section7 .content span {
    height: 3.97vw;
  }
}
@media (max-width: 1199px) {
  #scarletWirelessAnemometer .section7 .content span {
    height: 4.53vw;
  }
}
@media (max-width: 991px) {
  #scarletWirelessAnemometer .section7 .content span {
    height: 5.85vw;
  }
}
@media (max-width: 767px) {
  #scarletWirelessAnemometer .section7 .content span {
    height: 13vw;
  }
}
@media (max-width: 575px) {
  #scarletWirelessAnemometer .section7 .content span {
    height: 15vw;
  }
}
#scarletWirelessAnemometer .section7 .icons {
  display: flex;
}
#scarletWirelessAnemometer .section7 .icons img {
  margin-right: 25px;
  transform: rotateY(0deg);
  transition: 0.6s;
  transform-style: preserve-3d;
  max-width: 5.83vw;
  max-height: 5.83vw;
}
@media (max-width: 575px) {
  #scarletWirelessAnemometer .section7 .icons img {
    max-width: 15.86vw;
    max-height: 15.86vw;
  }
}
#scarletWirelessAnemometer .section7 .icons img:hover {
  transform: rotateY(360deg);
}
#scarletWirelessAnemometer .section8 {
  background: url("https://legacy.scarlet-tech.com/WR-3/dist/img/sec8-bg.jpg") no-repeat top center;
  background-size: cover;
  height: 47.28vw;
  display: flex;
  align-items: center;
  color: #ffffff;
  position: relative;
}
@media (min-width: 1200px) and (max-width: 1599px) {
  #scarletWirelessAnemometer .section8 {
    height: 47.19vw;
  }
}
@media (max-width: 575px) {
  #scarletWirelessAnemometer .section8 {
    height: auto;
    background: none;
    display: block;
  }
}
#scarletWirelessAnemometer .section8:before {
  content: " ";
  display: block;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  background: url("https://legacy.scarlet-tech.com/WR-3/dist/img/43.png") no-repeat top left;
  background-size: contain;
  z-index: 1;
  transform: translateX(-100%);
  transition: 0.6s;
  transition-delay: 0.25s;
}
@media (max-width: 575px) {
  #scarletWirelessAnemometer .section8:before {
    position: relative;
    background: url("https://legacy.scarlet-tech.com/WR-3/dist/img/sec8-bg.jpg") no-repeat top right;
    background-size: cover;
    height: 77.33vw;
    width: 100%;
  }
}
#scarletWirelessAnemometer .section8.animate:before {
  transform: translateX(0%);
}
#scarletWirelessAnemometer .section8 .page-container {
  max-width: 72.92vw;
}
@media (max-width: 991px) {
  #scarletWirelessAnemometer .section8 .page-container {
    max-width: 530px;
  }
}
@media (max-width: 575px) {
  #scarletWirelessAnemometer .section8 .content-bg {
    background: url("https://legacy.scarlet-tech.com/WR-3/dist/img/43.png") no-repeat 35% 0;
    background-size: auto;
    padding: 35px 20px 10px;
    text-align: center;
  }
}
#scarletWirelessAnemometer .section8 img {
  max-width: 26.77vw;
}
@media (max-width: 991px) {
  #scarletWirelessAnemometer .section8 img {
    max-width: 31.25vw;
    margin-bottom: -10px;
  }
}
@media (max-width: 575px) {
  #scarletWirelessAnemometer .section8 img {
    max-width: 100%;
  }
}
#scarletWirelessAnemometer .section8 .title {
  color: #ffffff;
  font-size: 3.12vw;
}
@media (max-width: 991px) {
  #scarletWirelessAnemometer .section8 .title {
    font-size: 3.9vw;
    margin-bottom: 0 !important;
  }
}
@media (max-width: 575px) {
  #scarletWirelessAnemometer .section8 .title {
    font-size: 30px;
  }
}
#scarletWirelessAnemometer .section8 .line {
  background-color: #ffffff;
  margin: 1.04vw 0;
  max-width: 20.83vw;
}
@media (max-width: 991px) {
  #scarletWirelessAnemometer .section8 .line {
    margin: 5px 0;
    max-width: 260px;
  }
}
#scarletWirelessAnemometer .section8 .content {
  font-size: 0.93vw;
  margin: 0.78vw 0;
  max-width: 27.6vw;
}
@media (max-width: 991px) {
  #scarletWirelessAnemometer .section8 .content {
    max-width: 250px;
    margin: 5px 0;
  }
}
@media (max-width: 575px) {
  #scarletWirelessAnemometer .section8 .content {
    max-width: 100%;
    margin: 15px 0 5px;
    font-size: 12px;
  }
}
#scarletWirelessAnemometer .section8 .content span {
  height: 3.43vw;
}
@media (max-width: 1199px) {
  #scarletWirelessAnemometer .section8 .content span {
    height: 4.53vw;
  }
}
@media (max-width: 991px) {
  #scarletWirelessAnemometer .section8 .content span {
    height: 5.85vw;
  }
}
@media (max-width: 767px) {
  #scarletWirelessAnemometer .section8 .content span {
    height: 10.41vw;
  }
}
@media (max-width: 575px) {
  #scarletWirelessAnemometer .section8 .content span {
    height: 16.6vw;
  }
}

.section9 .page-container {
  max-width: 72.92vw;
}
@media (max-width: 991px) {
  .section9 .page-container {
    max-width: 560px;
  }
}
.section9 .title {
  color: #333333;
  font-size: 3.12vw;
}
@media (max-width: 991px) {
  .section9 .title {
    font-size: 3.9vw;
    margin-bottom: 0 !important;
  }
}
@media (max-width: 575px) {
  .section9 .title {
    font-size: 30px;
  }
}
@media (max-width: 991px) {
  .section9 .table-responsive {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
.section9 .table-wr3 {
  color: #333333;
  width: 100%;
  font-size: 14px;
  text-align: center;
}
@media (max-width: 991px) {
  .section9 .table-wr3 {
    font-size: 12px;
  }
}
@media (max-width: 991px) {
  .section9 .table-wr3 tr > * {
    min-width: 130px;
  }
}
@media (max-width: 767px) {
  .section9 .table-wr3 tr > * {
    min-width: 34.66vw;
  }
}
.section9 .table-wr3 td, .section9 .table-wr3 th {
  padding: 0.75rem;
  font-family: "Roboto", sans-serif !important;
  position: relative;
  border: 1px solid #E4E5E5;
}
.section9 .table-wr3 thead {
  margin-bottom: -50%;
}
.section9 .table-wr3 thead th {
  border: 1px solid transparent;
}
.section9 .table-wr3 tbody th {
  background-color: #333333;
  color: #ffffff;
}
.section9 .table-wr3 tbody tr:nth-of-type(odd) {
  background-color: #C8C9CA;
}
.section9 .table-wr3 tbody tr:nth-of-type(even) {
  background-color: #EFEFEF;
}
.section9 .table-wr3 tbody tr.action {
  background-color: transparent;
}
.section9 .table-wr3 tbody tr.action td, .section9 .table-wr3 tbody tr.action th {
  border: 0;
}
.section9 .table-wr3 tbody img {
  margin: 0 auto;
}
.section9 .table-wr3 .name {
  font-size: 18px;
  text-align: center;
  padding: 5px 7px;
  background-color: #333333;
  color: #ffffff;
  margin: -0.75rem 0;
  transform: translateY(50%);
}
@media (max-width: 991px) {
  .section9 .table-wr3 .name {
    font-size: 12px;
  }
}
.section9 .table-wr3 .btn-main {
  margin-top: 10px;
  background-color: #9E9EA0;
  font-size: 14px;
  padding: 12px 15px;
}
@media (max-width: 991px) {
  .section9 .table-wr3 .btn-main {
    font-size: 12px;
    padding: 7px 10px;
  }
}
.section9 .table-wr3 .btn-main:hover {
  background-color: #D03622;
}

#wrapper #main .section10 {
  line-height: 1.5;
  position: relative;
  width: 100%;
  height: 979px;
  padding: 85px 0 110px 0;
  background-image: url("https://legacy.scarlet-tech.com/WR-3/dist/img/section7-bg.png");
}
@media (max-width: 1200px) {
  #wrapper #main .section10 {
    height: auto;
    -webkit-background-size: contain;
    background-size: cover;
  }
}
@media all and (max-width: 800px) {
  #wrapper #main .section10 {
    padding: 12% 0 8% 0;
  }
}
#wrapper #main .section10 span {
  display: inline-block;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}
#wrapper #main .section10 .slick-prev {
  opacity: 0.7;
  cursor: pointer;
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -17px;
  left: 30px;
  z-index: 2;
  outline: none;
}
#wrapper #main .section10 .slick-prev i {
  color: #333;
  font-size: 40px;
}
#wrapper #main .section10 .slick-prev:hover {
  opacity: 1;
}
@media all and (max-width: 1200px) {
  #wrapper #main .section10 .slick-prev {
    width: 35px;
    height: 35px;
  }
}
#wrapper #main .section10 .slick-next {
  opacity: 0.7;
  cursor: pointer;
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -17px;
  right: 30px;
  z-index: 2;
  outline: none;
}
#wrapper #main .section10 .slick-next i {
  color: #333;
  font-size: 40px;
}
#wrapper #main .section10 .slick-next:hover {
  opacity: 1;
}
@media all and (max-width: 1200px) {
  #wrapper #main .section10 .slick-next {
    width: 35px;
    height: 35px;
  }
}
#wrapper #main .section10 .title-box {
  width: 760px;
  margin: 0 auto;
  margin-bottom: 75px;
}
@media all and (max-width: 1200px) {
  #wrapper #main .section10 .title-box {
    margin-bottom: 30px;
  }
}
@media all and (max-width: 800px) {
  #wrapper #main .section10 .title-box {
    width: 80%;
    margin-bottom: 6%;
  }
}
#wrapper #main .section10 .title-box h2 {
  font-size: 25px;
  color: #333;
  line-height: 1;
  text-align: center;
  margin-bottom: 15px;
}
@media all and (max-width: 800px) {
  #wrapper #main .section10 .title-box h2 {
    margin-bottom: 3%;
  }
}
#wrapper #main .section10 .title-box p {
  font-size: 14px;
  color: #333;
  text-align: center;
}
@media (min-width: 1200px) and (max-width: 1599px) {
  #wrapper #main .section10 .title-box p {
    font-size: 15px;
  }
}
#wrapper #main .section10 .detail-box {
  text-align: center;
  margin-bottom: 100px;
}
@media all and (max-width: 800px) {
  #wrapper #main .section10 .detail-box {
    display: none;
  }
}
#wrapper #main .section10 .detail-box .wks > span {
  width: 509px;
  height: 366px;
  padding: 70px 30px;
  border-radius: 15px;
  vertical-align: middle;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  background-color: #333;
}
@media all and (max-width: 1200px) {
  #wrapper #main .section10 .detail-box .wks > span {
    overflow-y: scroll;
    overflow-x: hidden;
    width: 400px;
    height: 400px;
    padding: 30px;
  }
}
@media all and (max-width: 1000px) {
  #wrapper #main .section10 .detail-box .wks > span {
    width: 340px;
    height: 380px;
  }
}
#wrapper #main .section10 .detail-box .wks > span h3 {
  font-size: 25px;
  color: #F2F2F2;
  line-height: 1;
  margin-bottom: 20px;
  text-align: left;
}
#wrapper #main .section10 .detail-box .wks > span p {
  font-size: 14px;
  color: #F2F2F2;
  text-align: left;
}
@media (min-width: 1200px) and (max-width: 1599px) {
  #wrapper #main .section10 .detail-box .wks > span p {
    font-size: 15px;
  }
}
#wrapper #main .section10 .detail-box .wks > span .btn {
  text-align: left;
  display: block;
}
#wrapper #main .section10 .detail-box .wks > span .btn a {
  color: #FFBD0A;
  padding: 12px 25px;
  background-color: #000;
  border-radius: 20px;
  font-size: 14px;
}
#wrapper #main .section10 .detail-box .wks span:first-child {
  width: 510px;
  height: 365px;
  margin-right: 40px;
  box-shadow: none;
  background-color: transparent;
  background-image: url("https://legacy.scarlet-tech.com/WR-3/dist/img/section7-img1.png");
}
@media all and (max-width: 1200px) {
  #wrapper #main .section10 .detail-box .wks span:first-child {
    width: 400px;
    height: 400px;
    background-position: center;
    background-size: cover;
  }
}
@media all and (max-width: 1000px) {
  #wrapper #main .section10 .detail-box .wks span:first-child {
    width: 310px;
    height: 380px;
  }
}
#wrapper #main .section10 .detail-box .wks2 span:first-child {
  background-image: url("https://legacy.scarlet-tech.com/WR-3/dist/img/section7-img2.png");
}
#wrapper #main .section10 .detail-box .wks3 span:first-child {
  background-image: url("https://legacy.scarlet-tech.com/WR-3/dist/img/section7-img3.png");
}
#wrapper #main .section10 .detail-box .wks4 span:first-child {
  background-image: url("https://legacy.scarlet-tech.com/WR-3/dist/img/section7-img4.png");
}
#wrapper #main .section10 .detail-box .wks5 span:first-child {
  background-image: url("https://legacy.scarlet-tech.com/WR-3/dist/img/section7-img5.png");
}
#wrapper #main .section10 .detail-box .wks6 span:first-child {
  background-image: url("https://legacy.scarlet-tech.com/WR-3/dist/img/section7-img6.png");
}
#wrapper #main .section10 .slider-control-panel {
  padding: 0;
  overflow: hidden;
  list-style: none;
  display: flex;
  justify-content: center;
}
@media all and (max-width: 800px) {
  #wrapper #main .section10 .slider-control-panel {
    display: block;
    width: 70%;
    margin: 0 auto;
  }
}
#wrapper #main .section10 .slider-control-panel li {
  cursor: pointer;
  float: left;
  width: 90px;
  height: 90px;
  border-radius: 90px;
  margin-right: 70px;
  background-color: #333;
}
@media all and (max-width: 1200px) {
  #wrapper #main .section10 .slider-control-panel li {
    margin-right: 50px;
  }
}
@media all and (max-width: 1000px) {
  #wrapper #main .section10 .slider-control-panel li {
    margin-right: 30px;
  }
}
@media all and (max-width: 800px) {
  #wrapper #main .section10 .slider-control-panel li {
    cursor: default;
    position: relative;
    margin: 0 8% 80px 8%;
    width: 17%;
    padding-bottom: 17%;
    height: auto;
    background-size: contain;
  }
}
@media all and (max-width: 500px) {
  #wrapper #main .section10 .slider-control-panel li {
    cursor: default;
    position: relative;
    margin: 0 13% 80px 13%;
    width: 24%;
    padding-bottom: 24%;
    height: auto;
    background-size: contain;
  }
}
#wrapper #main .section10 .slider-control-panel li:hover {
  background-color: #CD4330;
}
@media all and (max-width: 800px) {
  #wrapper #main .section10 .slider-control-panel li:hover {
    background-color: #333;
  }
}
#wrapper #main .section10 .slider-control-panel li span {
  display: none;
  position: absolute;
  bottom: -35px;
  left: 50%;
  margin-left: -60px;
  width: 120px;
  text-align: center;
  color: #333;
  font-size: 16px;
}
@media all and (max-width: 800px) {
  #wrapper #main .section10 .slider-control-panel li span {
    display: block;
  }
}
#wrapper #main .section10 .slider-control-panel li.active {
  background-color: #CD4330;
}
@media all and (max-width: 800px) {
  #wrapper #main .section10 .slider-control-panel li.active {
    background-color: #333;
  }
}
#wrapper #main .section10 .slider-control-panel li:last-child {
  margin-right: 0;
}
#wrapper #main .section10 .slider-control-panel .li-1 {
  background-image: url("https://legacy.scarlet-tech.com/WR-3/dist/img/section7-icon1.png");
}
#wrapper #main .section10 .slider-control-panel .li-2 {
  background-image: url("https://legacy.scarlet-tech.com/WR-3/dist/img/section7-icon2.png");
}
#wrapper #main .section10 .slider-control-panel .li-3 {
  background-image: url("https://legacy.scarlet-tech.com/WR-3/dist/img/section7-icon3.png");
}
#wrapper #main .section10 .slider-control-panel .li-4 {
  background-image: url("https://legacy.scarlet-tech.com/WR-3/dist/img/section7-icon4.png");
}
#wrapper #main .section10 .slider-control-panel .li-5 {
  background-image: url("https://legacy.scarlet-tech.com/WR-3/dist/img/section7-icon5.png");
}
#wrapper #main .section10 .slider-control-panel .li-6 {
  background-image: url("https://legacy.scarlet-tech.com/WR-3/dist/img/section7-icon6.png");
}

#wrapper #main .post h2, #wrapper #main .reading-box h2, #wrapper #main h2, #wrapper .ei-title h2, #wrapper .fusion-modal h2, #wrapper .fusion-title h2, #wrapper .fusion-widget-area h2, #wrapper .main-flex .slide-content h2, #wrapper .post-content h2, #wrapper .title h2 {
  font-family: "Roboto", sans-serif !important;
}
  /* Custom */
.section .page-container {
  position: relative;
  z-index: 1;
}
@media(min-width:576px) {
  .section1 .page-container {
    margin-left: 10vw;
  }
  .section6 .page-container,
  .section8 .page-container {
    margin: 0 5vw;
  }
}

!function(i){"use strict";"function"==typeof define&&define.amd?define(["jquery"],i):"undefined"!=typeof exports?module.exports=i(require("jquery")):i(jQuery)}(function(i){"use strict";var e=window.Slick||{};(e=function(){var e=0;return function(t,o){var s,n=this;n.defaults={accessibility:!0,adaptiveHeight:!1,appendArrows:i(t),appendDots:i(t),arrows:!0,asNavFor:null,prevArrow:'<button class="slick-prev" aria-label="Previous" type="button">Previous</button>',nextArrow:'<button class="slick-next" aria-label="Next" type="button">Next</button>',autoplay:!1,autoplaySpeed:3e3,centerMode:!1,centerPadding:"50px",cssEase:"ease",customPaging:function(e,t){return i('<button type="button" />').text(t+1)},dots:!1,dotsClass:"slick-dots",draggable:!0,easing:"linear",edgeFriction:.35,fade:!1,focusOnSelect:!1,focusOnChange:!1,infinite:!0,initialSlide:0,lazyLoad:"ondemand",mobileFirst:!1,pauseOnHover:!0,pauseOnFocus:!0,pauseOnDotsHover:!1,respondTo:"window",responsive:null,rows:1,rtl:!1,slide:"",slidesPerRow:1,slidesToShow:1,slidesToScroll:1,speed:500,swipe:!0,swipeToSlide:!1,touchMove:!0,touchThreshold:5,useCSS:!0,useTransform:!0,variableWidth:!1,vertical:!1,verticalSwiping:!1,waitForAnimate:!0,zIndex:1e3},n.initials={animating:!1,dragging:!1,autoPlayTimer:null,currentDirection:0,currentLeft:null,currentSlide:0,direction:1,$dots:null,listWidth:null,listHeight:null,loadIndex:0,$nextArrow:null,$prevArrow:null,scrolling:!1,slideCount:null,slideWidth:null,$slideTrack:null,$slides:null,sliding:!1,slideOffset:0,swipeLeft:null,swiping:!1,$list:null,touchObject:{},transformsEnabled:!1,unslicked:!1},i.extend(n,n.initials),n.activeBreakpoint=null,n.animType=null,n.animProp=null,n.breakpoints=[],n.breakpointSettings=[],n.cssTransitions=!1,n.focussed=!1,n.interrupted=!1,n.hidden="hidden",n.paused=!0,n.positionProp=null,n.respondTo=null,n.rowCount=1,n.shouldClick=!0,n.$slider=i(t),n.$slidesCache=null,n.transformType=null,n.transitionType=null,n.visibilityChange="visibilitychange",n.windowWidth=0,n.windowTimer=null,s=i(t).data("slick")||{},n.options=i.extend({},n.defaults,o,s),n.currentSlide=n.options.initialSlide,n.originalSettings=n.options,void 0!==document.mozHidden?(n.hidden="mozHidden",n.visibilityChange="mozvisibilitychange"):void 0!==document.webkitHidden&&(n.hidden="webkitHidden",n.visibilityChange="webkitvisibilitychange"),n.autoPlay=i.proxy(n.autoPlay,n),n.autoPlayClear=i.proxy(n.autoPlayClear,n),n.autoPlayIterator=i.proxy(n.autoPlayIterator,n),n.changeSlide=i.proxy(n.changeSlide,n),n.clickHandler=i.proxy(n.clickHandler,n),n.selectHandler=i.proxy(n.selectHandler,n),n.setPosition=i.proxy(n.setPosition,n),n.swipeHandler=i.proxy(n.swipeHandler,n),n.dragHandler=i.proxy(n.dragHandler,n),n.keyHandler=i.proxy(n.keyHandler,n),n.instanceUid=e++,n.htmlExpr=/^(?:\s*(<[\w\W]+>)[^>]*)$/,n.registerBreakpoints(),n.init(!0)}}()).prototype.activateADA=function(){this.$slideTrack.find(".slick-active").attr({"aria-hidden":"false"}).find("a, input, button, select").attr({tabindex:"0"})},e.prototype.addSlide=e.prototype.slickAdd=function(e,t,o){var s=this;if("boolean"==typeof t)o=t,t=null;else if(t<0||t>=s.slideCount)return!1;s.unload(),"number"==typeof t?0===t&&0===s.$slides.length?i(e).appendTo(s.$slideTrack):o?i(e).insertBefore(s.$slides.eq(t)):i(e).insertAfter(s.$slides.eq(t)):!0===o?i(e).prependTo(s.$slideTrack):i(e).appendTo(s.$slideTrack),s.$slides=s.$slideTrack.children(this.options.slide),s.$slideTrack.children(this.options.slide).detach(),s.$slideTrack.append(s.$slides),s.$slides.each(function(e,t){i(t).attr("data-slick-index",e)}),s.$slidesCache=s.$slides,s.reinit()},e.prototype.animateHeight=function(){var i=this;if(1===i.options.slidesToShow&&!0===i.options.adaptiveHeight&&!1===i.options.vertical){var e=i.$slides.eq(i.currentSlide).outerHeight(!0);i.$list.animate({height:e},i.options.speed)}},e.prototype.animateSlide=function(e,t){var o={},s=this;s.animateHeight(),!0===s.options.rtl&&!1===s.options.vertical&&(e=-e),!1===s.transformsEnabled?!1===s.options.vertical?s.$slideTrack.animate({left:e},s.options.speed,s.options.easing,t):s.$slideTrack.animate({top:e},s.options.speed,s.options.easing,t):!1===s.cssTransitions?(!0===s.options.rtl&&(s.currentLeft=-s.currentLeft),i({animStart:s.currentLeft}).animate({animStart:e},{duration:s.options.speed,easing:s.options.easing,step:function(i){i=Math.ceil(i),!1===s.options.vertical?(o[s.animType]="translate("+i+"px, 0px)",s.$slideTrack.css(o)):(o[s.animType]="translate(0px,"+i+"px)",s.$slideTrack.css(o))},complete:function(){t&&t.call()}})):(s.applyTransition(),e=Math.ceil(e),!1===s.options.vertical?o[s.animType]="translate3d("+e+"px, 0px, 0px)":o[s.animType]="translate3d(0px,"+e+"px, 0px)",s.$slideTrack.css(o),t&&setTimeout(function(){s.disableTransition(),t.call()},s.options.speed))},e.prototype.getNavTarget=function(){var e=this,t=e.options.asNavFor;return t&&null!==t&&(t=i(t).not(e.$slider)),t},e.prototype.asNavFor=function(e){var t=this.getNavTarget();null!==t&&"object"==typeof t&&t.each(function(){var t=i(this).slick("getSlick");t.unslicked||t.slideHandler(e,!0)})},e.prototype.applyTransition=function(i){var e=this,t={};!1===e.options.fade?t[e.transitionType]=e.transformType+" "+e.options.speed+"ms "+e.options.cssEase:t[e.transitionType]="opacity "+e.options.speed+"ms "+e.options.cssEase,!1===e.options.fade?e.$slideTrack.css(t):e.$slides.eq(i).css(t)},e.prototype.autoPlay=function(){var i=this;i.autoPlayClear(),i.slideCount>i.options.slidesToShow&&(i.autoPlayTimer=setInterval(i.autoPlayIterator,i.options.autoplaySpeed))},e.prototype.autoPlayClear=function(){var i=this;i.autoPlayTimer&&clearInterval(i.autoPlayTimer)},e.prototype.autoPlayIterator=function(){var i=this,e=i.currentSlide+i.options.slidesToScroll;i.paused||i.interrupted||i.focussed||(!1===i.options.infinite&&(1===i.direction&&i.currentSlide+1===i.slideCount-1?i.direction=0:0===i.direction&&(e=i.currentSlide-i.options.slidesToScroll,i.currentSlide-1==0&&(i.direction=1))),i.slideHandler(e))},e.prototype.buildArrows=function(){var e=this;!0===e.options.arrows&&(e.$prevArrow=i(e.options.prevArrow).addClass("slick-arrow"),e.$nextArrow=i(e.options.nextArrow).addClass("slick-arrow"),e.slideCount>e.options.slidesToShow?(e.$prevArrow.removeClass("slick-hidden").removeAttr("aria-hidden tabindex"),e.$nextArrow.removeClass("slick-hidden").removeAttr("aria-hidden tabindex"),e.htmlExpr.test(e.options.prevArrow)&&e.$prevArrow.prependTo(e.options.appendArrows),e.htmlExpr.test(e.options.nextArrow)&&e.$nextArrow.appendTo(e.options.appendArrows),!0!==e.options.infinite&&e.$prevArrow.addClass("slick-disabled").attr("aria-disabled","true")):e.$prevArrow.add(e.$nextArrow).addClass("slick-hidden").attr({"aria-disabled":"true",tabindex:"-1"}))},e.prototype.buildDots=function(){var e,t,o=this;if(!0===o.options.dots){for(o.$slider.addClass("slick-dotted"),t=i("<ul />").addClass(o.options.dotsClass),e=0;e<=o.getDotCount();e+=1)t.append(i("<li />").append(o.options.customPaging.call(this,o,e)));o.$dots=t.appendTo(o.options.appendDots),o.$dots.find("li").first().addClass("slick-active")}},e.prototype.buildOut=function(){var e=this;e.$slides=e.$slider.children(e.options.slide+":not(.slick-cloned)").addClass("slick-slide"),e.slideCount=e.$slides.length,e.$slides.each(function(e,t){i(t).attr("data-slick-index",e).data("originalStyling",i(t).attr("style")||"")}),e.$slider.addClass("slick-slider"),e.$slideTrack=0===e.slideCount?i('<div class="slick-track"/>').appendTo(e.$slider):e.$slides.wrapAll('<div class="slick-track"/>').parent(),e.$list=e.$slideTrack.wrap('<div class="slick-list"/>').parent(),e.$slideTrack.css("opacity",0),!0!==e.options.centerMode&&!0!==e.options.swipeToSlide||(e.options.slidesToScroll=1),i("img[data-lazy]",e.$slider).not("[src]").addClass("slick-loading"),e.setupInfinite(),e.buildArrows(),e.buildDots(),e.updateDots(),e.setSlideClasses("number"==typeof e.currentSlide?e.currentSlide:0),!0===e.options.draggable&&e.$list.addClass("draggable")},e.prototype.buildRows=function(){var i,e,t,o,s,n,r,l=this;if(o=document.createDocumentFragment(),n=l.$slider.children(),l.options.rows>1){for(r=l.options.slidesPerRow*l.options.rows,s=Math.ceil(n.length/r),i=0;i<s;i++){var d=document.createElement("div");for(e=0;e<l.options.rows;e++){var a=document.createElement("div");for(t=0;t<l.options.slidesPerRow;t++){var c=i*r+(e*l.options.slidesPerRow+t);n.get(c)&&a.appendChild(n.get(c))}d.appendChild(a)}o.appendChild(d)}l.$slider.empty().append(o),l.$slider.children().children().children().css({width:100/l.options.slidesPerRow+"%",display:"inline-block"})}},e.prototype.checkResponsive=function(e,t){var o,s,n,r=this,l=!1,d=r.$slider.width(),a=window.innerWidth||i(window).width();if("window"===r.respondTo?n=a:"slider"===r.respondTo?n=d:"min"===r.respondTo&&(n=Math.min(a,d)),r.options.responsive&&r.options.responsive.length&&null!==r.options.responsive){s=null;for(o in r.breakpoints)r.breakpoints.hasOwnProperty(o)&&(!1===r.originalSettings.mobileFirst?n<r.breakpoints[o]&&(s=r.breakpoints[o]):n>r.breakpoints[o]&&(s=r.breakpoints[o]));null!==s?null!==r.activeBreakpoint?(s!==r.activeBreakpoint||t)&&(r.activeBreakpoint=s,"unslick"===r.breakpointSettings[s]?r.unslick(s):(r.options=i.extend({},r.originalSettings,r.breakpointSettings[s]),!0===e&&(r.currentSlide=r.options.initialSlide),r.refresh(e)),l=s):(r.activeBreakpoint=s,"unslick"===r.breakpointSettings[s]?r.unslick(s):(r.options=i.extend({},r.originalSettings,r.breakpointSettings[s]),!0===e&&(r.currentSlide=r.options.initialSlide),r.refresh(e)),l=s):null!==r.activeBreakpoint&&(r.activeBreakpoint=null,r.options=r.originalSettings,!0===e&&(r.currentSlide=r.options.initialSlide),r.refresh(e),l=s),e||!1===l||r.$slider.trigger("breakpoint",[r,l])}},e.prototype.changeSlide=function(e,t){var o,s,n,r=this,l=i(e.currentTarget);switch(l.is("a")&&e.preventDefault(),l.is("li")||(l=l.closest("li")),n=r.slideCount%r.options.slidesToScroll!=0,o=n?0:(r.slideCount-r.currentSlide)%r.options.slidesToScroll,e.data.message){case"previous":s=0===o?r.options.slidesToScroll:r.options.slidesToShow-o,r.slideCount>r.options.slidesToShow&&r.slideHandler(r.currentSlide-s,!1,t);break;case"next":s=0===o?r.options.slidesToScroll:o,r.slideCount>r.options.slidesToShow&&r.slideHandler(r.currentSlide+s,!1,t);break;case"index":var d=0===e.data.index?0:e.data.index||l.index()*r.options.slidesToScroll;r.slideHandler(r.checkNavigable(d),!1,t),l.children().trigger("focus");break;default:return}},e.prototype.checkNavigable=function(i){var e,t;if(e=this.getNavigableIndexes(),t=0,i>e[e.length-1])i=e[e.length-1];else for(var o in e){if(i<e[o]){i=t;break}t=e[o]}return i},e.prototype.cleanUpEvents=function(){var e=this;e.options.dots&&null!==e.$dots&&(i("li",e.$dots).off("click.slick",e.changeSlide).off("mouseenter.slick",i.proxy(e.interrupt,e,!0)).off("mouseleave.slick",i.proxy(e.interrupt,e,!1)),!0===e.options.accessibility&&e.$dots.off("keydown.slick",e.keyHandler)),e.$slider.off("focus.slick blur.slick"),!0===e.options.arrows&&e.slideCount>e.options.slidesToShow&&(e.$prevArrow&&e.$prevArrow.off("click.slick",e.changeSlide),e.$nextArrow&&e.$nextArrow.off("click.slick",e.changeSlide),!0===e.options.accessibility&&(e.$prevArrow&&e.$prevArrow.off("keydown.slick",e.keyHandler),e.$nextArrow&&e.$nextArrow.off("keydown.slick",e.keyHandler))),e.$list.off("touchstart.slick mousedown.slick",e.swipeHandler),e.$list.off("touchmove.slick mousemove.slick",e.swipeHandler),e.$list.off("touchend.slick mouseup.slick",e.swipeHandler),e.$list.off("touchcancel.slick mouseleave.slick",e.swipeHandler),e.$list.off("click.slick",e.clickHandler),i(document).off(e.visibilityChange,e.visibility),e.cleanUpSlideEvents(),!0===e.options.accessibility&&e.$list.off("keydown.slick",e.keyHandler),!0===e.options.focusOnSelect&&i(e.$slideTrack).children().off("click.slick",e.selectHandler),i(window).off("orientationchange.slick.slick-"+e.instanceUid,e.orientationChange),i(window).off("resize.slick.slick-"+e.instanceUid,e.resize),i("[draggable!=true]",e.$slideTrack).off("dragstart",e.preventDefault),i(window).off("load.slick.slick-"+e.instanceUid,e.setPosition)},e.prototype.cleanUpSlideEvents=function(){var e=this;e.$list.off("mouseenter.slick",i.proxy(e.interrupt,e,!0)),e.$list.off("mouseleave.slick",i.proxy(e.interrupt,e,!1))},e.prototype.cleanUpRows=function(){var i,e=this;e.options.rows>1&&((i=e.$slides.children().children()).removeAttr("style"),e.$slider.empty().append(i))},e.prototype.clickHandler=function(i){!1===this.shouldClick&&(i.stopImmediatePropagation(),i.stopPropagation(),i.preventDefault())},e.prototype.destroy=function(e){var t=this;t.autoPlayClear(),t.touchObject={},t.cleanUpEvents(),i(".slick-cloned",t.$slider).detach(),t.$dots&&t.$dots.remove(),t.$prevArrow&&t.$prevArrow.length&&(t.$prevArrow.removeClass("slick-disabled slick-arrow slick-hidden").removeAttr("aria-hidden aria-disabled tabindex").css("display",""),t.htmlExpr.test(t.options.prevArrow)&&t.$prevArrow.remove()),t.$nextArrow&&t.$nextArrow.length&&(t.$nextArrow.removeClass("slick-disabled slick-arrow slick-hidden").removeAttr("aria-hidden aria-disabled tabindex").css("display",""),t.htmlExpr.test(t.options.nextArrow)&&t.$nextArrow.remove()),t.$slides&&(t.$slides.removeClass("slick-slide slick-active slick-center slick-visible slick-current").removeAttr("aria-hidden").removeAttr("data-slick-index").each(function(){i(this).attr("style",i(this).data("originalStyling"))}),t.$slideTrack.children(this.options.slide).detach(),t.$slideTrack.detach(),t.$list.detach(),t.$slider.append(t.$slides)),t.cleanUpRows(),t.$slider.removeClass("slick-slider"),t.$slider.removeClass("slick-initialized"),t.$slider.removeClass("slick-dotted"),t.unslicked=!0,e||t.$slider.trigger("destroy",[t])},e.prototype.disableTransition=function(i){var e=this,t={};t[e.transitionType]="",!1===e.options.fade?e.$slideTrack.css(t):e.$slides.eq(i).css(t)},e.prototype.fadeSlide=function(i,e){var t=this;!1===t.cssTransitions?(t.$slides.eq(i).css({zIndex:t.options.zIndex}),t.$slides.eq(i).animate({opacity:1},t.options.speed,t.options.easing,e)):(t.applyTransition(i),t.$slides.eq(i).css({opacity:1,zIndex:t.options.zIndex}),e&&setTimeout(function(){t.disableTransition(i),e.call()},t.options.speed))},e.prototype.fadeSlideOut=function(i){var e=this;!1===e.cssTransitions?e.$slides.eq(i).animate({opacity:0,zIndex:e.options.zIndex-2},e.options.speed,e.options.easing):(e.applyTransition(i),e.$slides.eq(i).css({opacity:0,zIndex:e.options.zIndex-2}))},e.prototype.filterSlides=e.prototype.slickFilter=function(i){var e=this;null!==i&&(e.$slidesCache=e.$slides,e.unload(),e.$slideTrack.children(this.options.slide).detach(),e.$slidesCache.filter(i).appendTo(e.$slideTrack),e.reinit())},e.prototype.focusHandler=function(){var e=this;e.$slider.off("focus.slick blur.slick").on("focus.slick blur.slick","*",function(t){t.stopImmediatePropagation();var o=i(this);setTimeout(function(){e.options.pauseOnFocus&&(e.focussed=o.is(":focus"),e.autoPlay())},0)})},e.prototype.getCurrent=e.prototype.slickCurrentSlide=function(){return this.currentSlide},e.prototype.getDotCount=function(){var i=this,e=0,t=0,o=0;if(!0===i.options.infinite)if(i.slideCount<=i.options.slidesToShow)++o;else for(;e<i.slideCount;)++o,e=t+i.options.slidesToScroll,t+=i.options.slidesToScroll<=i.options.slidesToShow?i.options.slidesToScroll:i.options.slidesToShow;else if(!0===i.options.centerMode)o=i.slideCount;else if(i.options.asNavFor)for(;e<i.slideCount;)++o,e=t+i.options.slidesToScroll,t+=i.options.slidesToScroll<=i.options.slidesToShow?i.options.slidesToScroll:i.options.slidesToShow;else o=1+Math.ceil((i.slideCount-i.options.slidesToShow)/i.options.slidesToScroll);return o-1},e.prototype.getLeft=function(i){var e,t,o,s,n=this,r=0;return n.slideOffset=0,t=n.$slides.first().outerHeight(!0),!0===n.options.infinite?(n.slideCount>n.options.slidesToShow&&(n.slideOffset=n.slideWidth*n.options.slidesToShow*-1,s=-1,!0===n.options.vertical&&!0===n.options.centerMode&&(2===n.options.slidesToShow?s=-1.5:1===n.options.slidesToShow&&(s=-2)),r=t*n.options.slidesToShow*s),n.slideCount%n.options.slidesToScroll!=0&&i+n.options.slidesToScroll>n.slideCount&&n.slideCount>n.options.slidesToShow&&(i>n.slideCount?(n.slideOffset=(n.options.slidesToShow-(i-n.slideCount))*n.slideWidth*-1,r=(n.options.slidesToShow-(i-n.slideCount))*t*-1):(n.slideOffset=n.slideCount%n.options.slidesToScroll*n.slideWidth*-1,r=n.slideCount%n.options.slidesToScroll*t*-1))):i+n.options.slidesToShow>n.slideCount&&(n.slideOffset=(i+n.options.slidesToShow-n.slideCount)*n.slideWidth,r=(i+n.options.slidesToShow-n.slideCount)*t),n.slideCount<=n.options.slidesToShow&&(n.slideOffset=0,r=0),!0===n.options.centerMode&&n.slideCount<=n.options.slidesToShow?n.slideOffset=n.slideWidth*Math.floor(n.options.slidesToShow)/2-n.slideWidth*n.slideCount/2:!0===n.options.centerMode&&!0===n.options.infinite?n.slideOffset+=n.slideWidth*Math.floor(n.options.slidesToShow/2)-n.slideWidth:!0===n.options.centerMode&&(n.slideOffset=0,n.slideOffset+=n.slideWidth*Math.floor(n.options.slidesToShow/2)),e=!1===n.options.vertical?i*n.slideWidth*-1+n.slideOffset:i*t*-1+r,!0===n.options.variableWidth&&(o=n.slideCount<=n.options.slidesToShow||!1===n.options.infinite?n.$slideTrack.children(".slick-slide").eq(i):n.$slideTrack.children(".slick-slide").eq(i+n.options.slidesToShow),e=!0===n.options.rtl?o[0]?-1*(n.$slideTrack.width()-o[0].offsetLeft-o.width()):0:o[0]?-1*o[0].offsetLeft:0,!0===n.options.centerMode&&(o=n.slideCount<=n.options.slidesToShow||!1===n.options.infinite?n.$slideTrack.children(".slick-slide").eq(i):n.$slideTrack.children(".slick-slide").eq(i+n.options.slidesToShow+1),e=!0===n.options.rtl?o[0]?-1*(n.$slideTrack.width()-o[0].offsetLeft-o.width()):0:o[0]?-1*o[0].offsetLeft:0,e+=(n.$list.width()-o.outerWidth())/2)),e},e.prototype.getOption=e.prototype.slickGetOption=function(i){return this.options[i]},e.prototype.getNavigableIndexes=function(){var i,e=this,t=0,o=0,s=[];for(!1===e.options.infinite?i=e.slideCount:(t=-1*e.options.slidesToScroll,o=-1*e.options.slidesToScroll,i=2*e.slideCount);t<i;)s.push(t),t=o+e.options.slidesToScroll,o+=e.options.slidesToScroll<=e.options.slidesToShow?e.options.slidesToScroll:e.options.slidesToShow;return s},e.prototype.getSlick=function(){return this},e.prototype.getSlideCount=function(){var e,t,o=this;return t=!0===o.options.centerMode?o.slideWidth*Math.floor(o.options.slidesToShow/2):0,!0===o.options.swipeToSlide?(o.$slideTrack.find(".slick-slide").each(function(s,n){if(n.offsetLeft-t+i(n).outerWidth()/2>-1*o.swipeLeft)return e=n,!1}),Math.abs(i(e).attr("data-slick-index")-o.currentSlide)||1):o.options.slidesToScroll},e.prototype.goTo=e.prototype.slickGoTo=function(i,e){this.changeSlide({data:{message:"index",index:parseInt(i)}},e)},e.prototype.init=function(e){var t=this;i(t.$slider).hasClass("slick-initialized")||(i(t.$slider).addClass("slick-initialized"),t.buildRows(),t.buildOut(),t.setProps(),t.startLoad(),t.loadSlider(),t.initializeEvents(),t.updateArrows(),t.updateDots(),t.checkResponsive(!0),t.focusHandler()),e&&t.$slider.trigger("init",[t]),!0===t.options.accessibility&&t.initADA(),t.options.autoplay&&(t.paused=!1,t.autoPlay())},e.prototype.initADA=function(){var e=this,t=Math.ceil(e.slideCount/e.options.slidesToShow),o=e.getNavigableIndexes().filter(function(i){return i>=0&&i<e.slideCount});e.$slides.add(e.$slideTrack.find(".slick-cloned")).attr({"aria-hidden":"true",tabindex:"-1"}).find("a, input, button, select").attr({tabindex:"-1"}),null!==e.$dots&&(e.$slides.not(e.$slideTrack.find(".slick-cloned")).each(function(t){var s=o.indexOf(t);i(this).attr({role:"tabpanel",id:"slick-slide"+e.instanceUid+t,tabindex:-1}),-1!==s&&i(this).attr({"aria-describedby":"slick-slide-control"+e.instanceUid+s})}),e.$dots.attr("role","tablist").find("li").each(function(s){var n=o[s];i(this).attr({role:"presentation"}),i(this).find("button").first().attr({role:"tab",id:"slick-slide-control"+e.instanceUid+s,"aria-controls":"slick-slide"+e.instanceUid+n,"aria-label":s+1+" of "+t,"aria-selected":null,tabindex:"-1"})}).eq(e.currentSlide).find("button").attr({"aria-selected":"true",tabindex:"0"}).end());for(var s=e.currentSlide,n=s+e.options.slidesToShow;s<n;s++)e.$slides.eq(s).attr("tabindex",0);e.activateADA()},e.prototype.initArrowEvents=function(){var i=this;!0===i.options.arrows&&i.slideCount>i.options.slidesToShow&&(i.$prevArrow.off("click.slick").on("click.slick",{message:"previous"},i.changeSlide),i.$nextArrow.off("click.slick").on("click.slick",{message:"next"},i.changeSlide),!0===i.options.accessibility&&(i.$prevArrow.on("keydown.slick",i.keyHandler),i.$nextArrow.on("keydown.slick",i.keyHandler)))},e.prototype.initDotEvents=function(){var e=this;!0===e.options.dots&&(i("li",e.$dots).on("click.slick",{message:"index"},e.changeSlide),!0===e.options.accessibility&&e.$dots.on("keydown.slick",e.keyHandler)),!0===e.options.dots&&!0===e.options.pauseOnDotsHover&&i("li",e.$dots).on("mouseenter.slick",i.proxy(e.interrupt,e,!0)).on("mouseleave.slick",i.proxy(e.interrupt,e,!1))},e.prototype.initSlideEvents=function(){var e=this;e.options.pauseOnHover&&(e.$list.on("mouseenter.slick",i.proxy(e.interrupt,e,!0)),e.$list.on("mouseleave.slick",i.proxy(e.interrupt,e,!1)))},e.prototype.initializeEvents=function(){var e=this;e.initArrowEvents(),e.initDotEvents(),e.initSlideEvents(),e.$list.on("touchstart.slick mousedown.slick",{action:"start"},e.swipeHandler),e.$list.on("touchmove.slick mousemove.slick",{action:"move"},e.swipeHandler),e.$list.on("touchend.slick mouseup.slick",{action:"end"},e.swipeHandler),e.$list.on("touchcancel.slick mouseleave.slick",{action:"end"},e.swipeHandler),e.$list.on("click.slick",e.clickHandler),i(document).on(e.visibilityChange,i.proxy(e.visibility,e)),!0===e.options.accessibility&&e.$list.on("keydown.slick",e.keyHandler),!0===e.options.focusOnSelect&&i(e.$slideTrack).children().on("click.slick",e.selectHandler),i(window).on("orientationchange.slick.slick-"+e.instanceUid,i.proxy(e.orientationChange,e)),i(window).on("resize.slick.slick-"+e.instanceUid,i.proxy(e.resize,e)),i("[draggable!=true]",e.$slideTrack).on("dragstart",e.preventDefault),i(window).on("load.slick.slick-"+e.instanceUid,e.setPosition),i(e.setPosition)},e.prototype.initUI=function(){var i=this;!0===i.options.arrows&&i.slideCount>i.options.slidesToShow&&(i.$prevArrow.show(),i.$nextArrow.show()),!0===i.options.dots&&i.slideCount>i.options.slidesToShow&&i.$dots.show()},e.prototype.keyHandler=function(i){var e=this;i.target.tagName.match("TEXTAREA|INPUT|SELECT")||(37===i.keyCode&&!0===e.options.accessibility?e.changeSlide({data:{message:!0===e.options.rtl?"next":"previous"}}):39===i.keyCode&&!0===e.options.accessibility&&e.changeSlide({data:{message:!0===e.options.rtl?"previous":"next"}}))},e.prototype.lazyLoad=function(){function e(e){i("img[data-lazy]",e).each(function(){var e=i(this),t=i(this).attr("data-lazy"),o=i(this).attr("data-srcset"),s=i(this).attr("data-sizes")||n.$slider.attr("data-sizes"),r=document.createElement("img");r.onload=function(){e.animate({opacity:0},100,function(){o&&(e.attr("srcset",o),s&&e.attr("sizes",s)),e.attr("src",t).animate({opacity:1},200,function(){e.removeAttr("data-lazy data-srcset data-sizes").removeClass("slick-loading")}),n.$slider.trigger("lazyLoaded",[n,e,t])})},r.onerror=function(){e.removeAttr("data-lazy").removeClass("slick-loading").addClass("slick-lazyload-error"),n.$slider.trigger("lazyLoadError",[n,e,t])},r.src=t})}var t,o,s,n=this;if(!0===n.options.centerMode?!0===n.options.infinite?s=(o=n.currentSlide+(n.options.slidesToShow/2+1))+n.options.slidesToShow+2:(o=Math.max(0,n.currentSlide-(n.options.slidesToShow/2+1)),s=n.options.slidesToShow/2+1+2+n.currentSlide):(o=n.options.infinite?n.options.slidesToShow+n.currentSlide:n.currentSlide,s=Math.ceil(o+n.options.slidesToShow),!0===n.options.fade&&(o>0&&o--,s<=n.slideCount&&s++)),t=n.$slider.find(".slick-slide").slice(o,s),"anticipated"===n.options.lazyLoad)for(var r=o-1,l=s,d=n.$slider.find(".slick-slide"),a=0;a<n.options.slidesToScroll;a++)r<0&&(r=n.slideCount-1),t=(t=t.add(d.eq(r))).add(d.eq(l)),r--,l++;e(t),n.slideCount<=n.options.slidesToShow?e(n.$slider.find(".slick-slide")):n.currentSlide>=n.slideCount-n.options.slidesToShow?e(n.$slider.find(".slick-cloned").slice(0,n.options.slidesToShow)):0===n.currentSlide&&e(n.$slider.find(".slick-cloned").slice(-1*n.options.slidesToShow))},e.prototype.loadSlider=function(){var i=this;i.setPosition(),i.$slideTrack.css({opacity:1}),i.$slider.removeClass("slick-loading"),i.initUI(),"progressive"===i.options.lazyLoad&&i.progressiveLazyLoad()},e.prototype.next=e.prototype.slickNext=function(){this.changeSlide({data:{message:"next"}})},e.prototype.orientationChange=function(){var i=this;i.checkResponsive(),i.setPosition()},e.prototype.pause=e.prototype.slickPause=function(){var i=this;i.autoPlayClear(),i.paused=!0},e.prototype.play=e.prototype.slickPlay=function(){var i=this;i.autoPlay(),i.options.autoplay=!0,i.paused=!1,i.focussed=!1,i.interrupted=!1},e.prototype.postSlide=function(e){var t=this;t.unslicked||(t.$slider.trigger("afterChange",[t,e]),t.animating=!1,t.slideCount>t.options.slidesToShow&&t.setPosition(),t.swipeLeft=null,t.options.autoplay&&t.autoPlay(),!0===t.options.accessibility&&(t.initADA(),t.options.focusOnChange&&i(t.$slides.get(t.currentSlide)).attr("tabindex",0).focus()))},e.prototype.prev=e.prototype.slickPrev=function(){this.changeSlide({data:{message:"previous"}})},e.prototype.preventDefault=function(i){i.preventDefault()},e.prototype.progressiveLazyLoad=function(e){e=e||1;var t,o,s,n,r,l=this,d=i("img[data-lazy]",l.$slider);d.length?(t=d.first(),o=t.attr("data-lazy"),s=t.attr("data-srcset"),n=t.attr("data-sizes")||l.$slider.attr("data-sizes"),(r=document.createElement("img")).onload=function(){s&&(t.attr("srcset",s),n&&t.attr("sizes",n)),t.attr("src",o).removeAttr("data-lazy data-srcset data-sizes").removeClass("slick-loading"),!0===l.options.adaptiveHeight&&l.setPosition(),l.$slider.trigger("lazyLoaded",[l,t,o]),l.progressiveLazyLoad()},r.onerror=function(){e<3?setTimeout(function(){l.progressiveLazyLoad(e+1)},500):(t.removeAttr("data-lazy").removeClass("slick-loading").addClass("slick-lazyload-error"),l.$slider.trigger("lazyLoadError",[l,t,o]),l.progressiveLazyLoad())},r.src=o):l.$slider.trigger("allImagesLoaded",[l])},e.prototype.refresh=function(e){var t,o,s=this;o=s.slideCount-s.options.slidesToShow,!s.options.infinite&&s.currentSlide>o&&(s.currentSlide=o),s.slideCount<=s.options.slidesToShow&&(s.currentSlide=0),t=s.currentSlide,s.destroy(!0),i.extend(s,s.initials,{currentSlide:t}),s.init(),e||s.changeSlide({data:{message:"index",index:t}},!1)},e.prototype.registerBreakpoints=function(){var e,t,o,s=this,n=s.options.responsive||null;if("array"===i.type(n)&&n.length){s.respondTo=s.options.respondTo||"window";for(e in n)if(o=s.breakpoints.length-1,n.hasOwnProperty(e)){for(t=n[e].breakpoint;o>=0;)s.breakpoints[o]&&s.breakpoints[o]===t&&s.breakpoints.splice(o,1),o--;s.breakpoints.push(t),s.breakpointSettings[t]=n[e].settings}s.breakpoints.sort(function(i,e){return s.options.mobileFirst?i-e:e-i})}},e.prototype.reinit=function(){var e=this;e.$slides=e.$slideTrack.children(e.options.slide).addClass("slick-slide"),e.slideCount=e.$slides.length,e.currentSlide>=e.slideCount&&0!==e.currentSlide&&(e.currentSlide=e.currentSlide-e.options.slidesToScroll),e.slideCount<=e.options.slidesToShow&&(e.currentSlide=0),e.registerBreakpoints(),e.setProps(),e.setupInfinite(),e.buildArrows(),e.updateArrows(),e.initArrowEvents(),e.buildDots(),e.updateDots(),e.initDotEvents(),e.cleanUpSlideEvents(),e.initSlideEvents(),e.checkResponsive(!1,!0),!0===e.options.focusOnSelect&&i(e.$slideTrack).children().on("click.slick",e.selectHandler),e.setSlideClasses("number"==typeof e.currentSlide?e.currentSlide:0),e.setPosition(),e.focusHandler(),e.paused=!e.options.autoplay,e.autoPlay(),e.$slider.trigger("reInit",[e])},e.prototype.resize=function(){var e=this;i(window).width()!==e.windowWidth&&(clearTimeout(e.windowDelay),e.windowDelay=window.setTimeout(function(){e.windowWidth=i(window).width(),e.checkResponsive(),e.unslicked||e.setPosition()},50))},e.prototype.removeSlide=e.prototype.slickRemove=function(i,e,t){var o=this;if(i="boolean"==typeof i?!0===(e=i)?0:o.slideCount-1:!0===e?--i:i,o.slideCount<1||i<0||i>o.slideCount-1)return!1;o.unload(),!0===t?o.$slideTrack.children().remove():o.$slideTrack.children(this.options.slide).eq(i).remove(),o.$slides=o.$slideTrack.children(this.options.slide),o.$slideTrack.children(this.options.slide).detach(),o.$slideTrack.append(o.$slides),o.$slidesCache=o.$slides,o.reinit()},e.prototype.setCSS=function(i){var e,t,o=this,s={};!0===o.options.rtl&&(i=-i),e="left"==o.positionProp?Math.ceil(i)+"px":"0px",t="top"==o.positionProp?Math.ceil(i)+"px":"0px",s[o.positionProp]=i,!1===o.transformsEnabled?o.$slideTrack.css(s):(s={},!1===o.cssTransitions?(s[o.animType]="translate("+e+", "+t+")",o.$slideTrack.css(s)):(s[o.animType]="translate3d("+e+", "+t+", 0px)",o.$slideTrack.css(s)))},e.prototype.setDimensions=function(){var i=this;!1===i.options.vertical?!0===i.options.centerMode&&i.$list.css({padding:"0px "+i.options.centerPadding}):(i.$list.height(i.$slides.first().outerHeight(!0)*i.options.slidesToShow),!0===i.options.centerMode&&i.$list.css({padding:i.options.centerPadding+" 0px"})),i.listWidth=i.$list.width(),i.listHeight=i.$list.height(),!1===i.options.vertical&&!1===i.options.variableWidth?(i.slideWidth=Math.ceil(i.listWidth/i.options.slidesToShow),i.$slideTrack.width(Math.ceil(i.slideWidth*i.$slideTrack.children(".slick-slide").length))):!0===i.options.variableWidth?i.$slideTrack.width(5e3*i.slideCount):(i.slideWidth=Math.ceil(i.listWidth),i.$slideTrack.height(Math.ceil(i.$slides.first().outerHeight(!0)*i.$slideTrack.children(".slick-slide").length)));var e=i.$slides.first().outerWidth(!0)-i.$slides.first().width();!1===i.options.variableWidth&&i.$slideTrack.children(".slick-slide").width(i.slideWidth-e)},e.prototype.setFade=function(){var e,t=this;t.$slides.each(function(o,s){e=t.slideWidth*o*-1,!0===t.options.rtl?i(s).css({position:"relative",right:e,top:0,zIndex:t.options.zIndex-2,opacity:0}):i(s).css({position:"relative",left:e,top:0,zIndex:t.options.zIndex-2,opacity:0})}),t.$slides.eq(t.currentSlide).css({zIndex:t.options.zIndex-1,opacity:1})},e.prototype.setHeight=function(){var i=this;if(1===i.options.slidesToShow&&!0===i.options.adaptiveHeight&&!1===i.options.vertical){var e=i.$slides.eq(i.currentSlide).outerHeight(!0);i.$list.css("height",e)}},e.prototype.setOption=e.prototype.slickSetOption=function(){var e,t,o,s,n,r=this,l=!1;if("object"===i.type(arguments[0])?(o=arguments[0],l=arguments[1],n="multiple"):"string"===i.type(arguments[0])&&(o=arguments[0],s=arguments[1],l=arguments[2],"responsive"===arguments[0]&&"array"===i.type(arguments[1])?n="responsive":void 0!==arguments[1]&&(n="single")),"single"===n)r.options[o]=s;else if("multiple"===n)i.each(o,function(i,e){r.options[i]=e});else if("responsive"===n)for(t in s)if("array"!==i.type(r.options.responsive))r.options.responsive=[s[t]];else{for(e=r.options.responsive.length-1;e>=0;)r.options.responsive[e].breakpoint===s[t].breakpoint&&r.options.responsive.splice(e,1),e--;r.options.responsive.push(s[t])}l&&(r.unload(),r.reinit())},e.prototype.setPosition=function(){var i=this;i.setDimensions(),i.setHeight(),!1===i.options.fade?i.setCSS(i.getLeft(i.currentSlide)):i.setFade(),i.$slider.trigger("setPosition",[i])},e.prototype.setProps=function(){var i=this,e=document.body.style;i.positionProp=!0===i.options.vertical?"top":"left","top"===i.positionProp?i.$slider.addClass("slick-vertical"):i.$slider.removeClass("slick-vertical"),void 0===e.WebkitTransition&&void 0===e.MozTransition&&void 0===e.msTransition||!0===i.options.useCSS&&(i.cssTransitions=!0),i.options.fade&&("number"==typeof i.options.zIndex?i.options.zIndex<3&&(i.options.zIndex=3):i.options.zIndex=i.defaults.zIndex),void 0!==e.OTransform&&(i.animType="OTransform",i.transformType="-o-transform",i.transitionType="OTransition",void 0===e.perspectiveProperty&&void 0===e.webkitPerspective&&(i.animType=!1)),void 0!==e.MozTransform&&(i.animType="MozTransform",i.transformType="-moz-transform",i.transitionType="MozTransition",void 0===e.perspectiveProperty&&void 0===e.MozPerspective&&(i.animType=!1)),void 0!==e.webkitTransform&&(i.animType="webkitTransform",i.transformType="-webkit-transform",i.transitionType="webkitTransition",void 0===e.perspectiveProperty&&void 0===e.webkitPerspective&&(i.animType=!1)),void 0!==e.msTransform&&(i.animType="msTransform",i.transformType="-ms-transform",i.transitionType="msTransition",void 0===e.msTransform&&(i.animType=!1)),void 0!==e.transform&&!1!==i.animType&&(i.animType="transform",i.transformType="transform",i.transitionType="transition"),i.transformsEnabled=i.options.useTransform&&null!==i.animType&&!1!==i.animType},e.prototype.setSlideClasses=function(i){var e,t,o,s,n=this;if(t=n.$slider.find(".slick-slide").removeClass("slick-active slick-center slick-current").attr("aria-hidden","true"),n.$slides.eq(i).addClass("slick-current"),!0===n.options.centerMode){var r=n.options.slidesToShow%2==0?1:0;e=Math.floor(n.options.slidesToShow/2),!0===n.options.infinite&&(i>=e&&i<=n.slideCount-1-e?n.$slides.slice(i-e+r,i+e+1).addClass("slick-active").attr("aria-hidden","false"):(o=n.options.slidesToShow+i,t.slice(o-e+1+r,o+e+2).addClass("slick-active").attr("aria-hidden","false")),0===i?t.eq(t.length-1-n.options.slidesToShow).addClass("slick-center"):i===n.slideCount-1&&t.eq(n.options.slidesToShow).addClass("slick-center")),n.$slides.eq(i).addClass("slick-center")}else i>=0&&i<=n.slideCount-n.options.slidesToShow?n.$slides.slice(i,i+n.options.slidesToShow).addClass("slick-active").attr("aria-hidden","false"):t.length<=n.options.slidesToShow?t.addClass("slick-active").attr("aria-hidden","false"):(s=n.slideCount%n.options.slidesToShow,o=!0===n.options.infinite?n.options.slidesToShow+i:i,n.options.slidesToShow==n.options.slidesToScroll&&n.slideCount-i<n.options.slidesToShow?t.slice(o-(n.options.slidesToShow-s),o+s).addClass("slick-active").attr("aria-hidden","false"):t.slice(o,o+n.options.slidesToShow).addClass("slick-active").attr("aria-hidden","false"));"ondemand"!==n.options.lazyLoad&&"anticipated"!==n.options.lazyLoad||n.lazyLoad()},e.prototype.setupInfinite=function(){var e,t,o,s=this;if(!0===s.options.fade&&(s.options.centerMode=!1),!0===s.options.infinite&&!1===s.options.fade&&(t=null,s.slideCount>s.options.slidesToShow)){for(o=!0===s.options.centerMode?s.options.slidesToShow+1:s.options.slidesToShow,e=s.slideCount;e>s.slideCount-o;e-=1)t=e-1,i(s.$slides[t]).clone(!0).attr("id","").attr("data-slick-index",t-s.slideCount).prependTo(s.$slideTrack).addClass("slick-cloned");for(e=0;e<o+s.slideCount;e+=1)t=e,i(s.$slides[t]).clone(!0).attr("id","").attr("data-slick-index",t+s.slideCount).appendTo(s.$slideTrack).addClass("slick-cloned");s.$slideTrack.find(".slick-cloned").find("[id]").each(function(){i(this).attr("id","")})}},e.prototype.interrupt=function(i){var e=this;i||e.autoPlay(),e.interrupted=i},e.prototype.selectHandler=function(e){var t=this,o=i(e.target).is(".slick-slide")?i(e.target):i(e.target).parents(".slick-slide"),s=parseInt(o.attr("data-slick-index"));s||(s=0),t.slideCount<=t.options.slidesToShow?t.slideHandler(s,!1,!0):t.slideHandler(s)},e.prototype.slideHandler=function(i,e,t){var o,s,n,r,l,d=null,a=this;if(e=e||!1,!(!0===a.animating&&!0===a.options.waitForAnimate||!0===a.options.fade&&a.currentSlide===i))if(!1===e&&a.asNavFor(i),o=i,d=a.getLeft(o),r=a.getLeft(a.currentSlide),a.currentLeft=null===a.swipeLeft?r:a.swipeLeft,!1===a.options.infinite&&!1===a.options.centerMode&&(i<0||i>a.getDotCount()*a.options.slidesToScroll))!1===a.options.fade&&(o=a.currentSlide,!0!==t?a.animateSlide(r,function(){a.postSlide(o)}):a.postSlide(o));else if(!1===a.options.infinite&&!0===a.options.centerMode&&(i<0||i>a.slideCount-a.options.slidesToScroll))!1===a.options.fade&&(o=a.currentSlide,!0!==t?a.animateSlide(r,function(){a.postSlide(o)}):a.postSlide(o));else{if(a.options.autoplay&&clearInterval(a.autoPlayTimer),s=o<0?a.slideCount%a.options.slidesToScroll!=0?a.slideCount-a.slideCount%a.options.slidesToScroll:a.slideCount+o:o>=a.slideCount?a.slideCount%a.options.slidesToScroll!=0?0:o-a.slideCount:o,a.animating=!0,a.$slider.trigger("beforeChange",[a,a.currentSlide,s]),n=a.currentSlide,a.currentSlide=s,a.setSlideClasses(a.currentSlide),a.options.asNavFor&&(l=(l=a.getNavTarget()).slick("getSlick")).slideCount<=l.options.slidesToShow&&l.setSlideClasses(a.currentSlide),a.updateDots(),a.updateArrows(),!0===a.options.fade)return!0!==t?(a.fadeSlideOut(n),a.fadeSlide(s,function(){a.postSlide(s)})):a.postSlide(s),void a.animateHeight();!0!==t?a.animateSlide(d,function(){a.postSlide(s)}):a.postSlide(s)}},e.prototype.startLoad=function(){var i=this;!0===i.options.arrows&&i.slideCount>i.options.slidesToShow&&(i.$prevArrow.hide(),i.$nextArrow.hide()),!0===i.options.dots&&i.slideCount>i.options.slidesToShow&&i.$dots.hide(),i.$slider.addClass("slick-loading")},e.prototype.swipeDirection=function(){var i,e,t,o,s=this;return i=s.touchObject.startX-s.touchObject.curX,e=s.touchObject.startY-s.touchObject.curY,t=Math.atan2(e,i),(o=Math.round(180*t/Math.PI))<0&&(o=360-Math.abs(o)),o<=45&&o>=0?!1===s.options.rtl?"left":"right":o<=360&&o>=315?!1===s.options.rtl?"left":"right":o>=135&&o<=225?!1===s.options.rtl?"right":"left":!0===s.options.verticalSwiping?o>=35&&o<=135?"down":"up":"vertical"},e.prototype.swipeEnd=function(i){var e,t,o=this;if(o.dragging=!1,o.swiping=!1,o.scrolling)return o.scrolling=!1,!1;if(o.interrupted=!1,o.shouldClick=!(o.touchObject.swipeLength>10),void 0===o.touchObject.curX)return!1;if(!0===o.touchObject.edgeHit&&o.$slider.trigger("edge",[o,o.swipeDirection()]),o.touchObject.swipeLength>=o.touchObject.minSwipe){switch(t=o.swipeDirection()){case"left":case"down":e=o.options.swipeToSlide?o.checkNavigable(o.currentSlide+o.getSlideCount()):o.currentSlide+o.getSlideCount(),o.currentDirection=0;break;case"right":case"up":e=o.options.swipeToSlide?o.checkNavigable(o.currentSlide-o.getSlideCount()):o.currentSlide-o.getSlideCount(),o.currentDirection=1}"vertical"!=t&&(o.slideHandler(e),o.touchObject={},o.$slider.trigger("swipe",[o,t]))}else o.touchObject.startX!==o.touchObject.curX&&(o.slideHandler(o.currentSlide),o.touchObject={})},e.prototype.swipeHandler=function(i){var e=this;if(!(!1===e.options.swipe||"ontouchend"in document&&!1===e.options.swipe||!1===e.options.draggable&&-1!==i.type.indexOf("mouse")))switch(e.touchObject.fingerCount=i.originalEvent&&void 0!==i.originalEvent.touches?i.originalEvent.touches.length:1,e.touchObject.minSwipe=e.listWidth/e.options.touchThreshold,!0===e.options.verticalSwiping&&(e.touchObject.minSwipe=e.listHeight/e.options.touchThreshold),i.data.action){case"start":e.swipeStart(i);break;case"move":e.swipeMove(i);break;case"end":e.swipeEnd(i)}},e.prototype.swipeMove=function(i){var e,t,o,s,n,r,l=this;return n=void 0!==i.originalEvent?i.originalEvent.touches:null,!(!l.dragging||l.scrolling||n&&1!==n.length)&&(e=l.getLeft(l.currentSlide),l.touchObject.curX=void 0!==n?n[0].pageX:i.clientX,l.touchObject.curY=void 0!==n?n[0].pageY:i.clientY,l.touchObject.swipeLength=Math.round(Math.sqrt(Math.pow(l.touchObject.curX-l.touchObject.startX,2))),r=Math.round(Math.sqrt(Math.pow(l.touchObject.curY-l.touchObject.startY,2))),!l.options.verticalSwiping&&!l.swiping&&r>4?(l.scrolling=!0,!1):(!0===l.options.verticalSwiping&&(l.touchObject.swipeLength=r),t=l.swipeDirection(),void 0!==i.originalEvent&&l.touchObject.swipeLength>4&&(l.swiping=!0,i.preventDefault()),s=(!1===l.options.rtl?1:-1)*(l.touchObject.curX>l.touchObject.startX?1:-1),!0===l.options.verticalSwiping&&(s=l.touchObject.curY>l.touchObject.startY?1:-1),o=l.touchObject.swipeLength,l.touchObject.edgeHit=!1,!1===l.options.infinite&&(0===l.currentSlide&&"right"===t||l.currentSlide>=l.getDotCount()&&"left"===t)&&(o=l.touchObject.swipeLength*l.options.edgeFriction,l.touchObject.edgeHit=!0),!1===l.options.vertical?l.swipeLeft=e+o*s:l.swipeLeft=e+o*(l.$list.height()/l.listWidth)*s,!0===l.options.verticalSwiping&&(l.swipeLeft=e+o*s),!0!==l.options.fade&&!1!==l.options.touchMove&&(!0===l.animating?(l.swipeLeft=null,!1):void l.setCSS(l.swipeLeft))))},e.prototype.swipeStart=function(i){var e,t=this;if(t.interrupted=!0,1!==t.touchObject.fingerCount||t.slideCount<=t.options.slidesToShow)return t.touchObject={},!1;void 0!==i.originalEvent&&void 0!==i.originalEvent.touches&&(e=i.originalEvent.touches[0]),t.touchObject.startX=t.touchObject.curX=void 0!==e?e.pageX:i.clientX,t.touchObject.startY=t.touchObject.curY=void 0!==e?e.pageY:i.clientY,t.dragging=!0},e.prototype.unfilterSlides=e.prototype.slickUnfilter=function(){var i=this;null!==i.$slidesCache&&(i.unload(),i.$slideTrack.children(this.options.slide).detach(),i.$slidesCache.appendTo(i.$slideTrack),i.reinit())},e.prototype.unload=function(){var e=this;i(".slick-cloned",e.$slider).remove(),e.$dots&&e.$dots.remove(),e.$prevArrow&&e.htmlExpr.test(e.options.prevArrow)&&e.$prevArrow.remove(),e.$nextArrow&&e.htmlExpr.test(e.options.nextArrow)&&e.$nextArrow.remove(),e.$slides.removeClass("slick-slide slick-active slick-visible slick-current").attr("aria-hidden","true").css("width","")},e.prototype.unslick=function(i){var e=this;e.$slider.trigger("unslick",[e,i]),e.destroy()},e.prototype.updateArrows=function(){var i=this;Math.floor(i.options.slidesToShow/2),!0===i.options.arrows&&i.slideCount>i.options.slidesToShow&&!i.options.infinite&&(i.$prevArrow.removeClass("slick-disabled").attr("aria-disabled","false"),i.$nextArrow.removeClass("slick-disabled").attr("aria-disabled","false"),0===i.currentSlide?(i.$prevArrow.addClass("slick-disabled").attr("aria-disabled","true"),i.$nextArrow.removeClass("slick-disabled").attr("aria-disabled","false")):i.currentSlide>=i.slideCount-i.options.slidesToShow&&!1===i.options.centerMode?(i.$nextArrow.addClass("slick-disabled").attr("aria-disabled","true"),i.$prevArrow.removeClass("slick-disabled").attr("aria-disabled","false")):i.currentSlide>=i.slideCount-1&&!0===i.options.centerMode&&(i.$nextArrow.addClass("slick-disabled").attr("aria-disabled","true"),i.$prevArrow.removeClass("slick-disabled").attr("aria-disabled","false")))},e.prototype.updateDots=function(){var i=this;null!==i.$dots&&(i.$dots.find("li").removeClass("slick-active").end(),i.$dots.find("li").eq(Math.floor(i.currentSlide/i.options.slidesToScroll)).addClass("slick-active"))},e.prototype.visibility=function(){var i=this;i.options.autoplay&&(document[i.hidden]?i.interrupted=!0:i.interrupted=!1)},i.fn.slick=function(){var i,t,o=this,s=arguments[0],n=Array.prototype.slice.call(arguments,1),r=o.length;for(i=0;i<r;i++)if("object"==typeof s||void 0===s?o[i].slick=new e(o[i],s):t=o[i].slick[s].apply(o[i].slick,n),void 0!==t)return t;return o}});
jQuery(function() {
  var pageLoad = 1.5

  // smooth scrolling
  var smoothScrolling = function(){
    if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {
      var target = jQuery(this.hash);
      target = target.length ? target : jQuery('[name=' + this.hash.slice(1) +']');
      if (target.length) {
        jQuery('html,body').animate({
          scrollTop: target.offset().top-90
        }, 1000);
        return false;
      }
    }
  };
  jQuery('.btn-main').click(smoothScrolling);

  // counter
  function animateValue(obj, start, end, duration) {
    var startTimestamp = null;
    var step = function (timestamp) {
      if (!startTimestamp) startTimestamp = timestamp;
      const progress = Math.min((timestamp - startTimestamp) / duration, 1);
      obj.innerHTML = Math.floor(progress * (end - start) + start);
      if (progress < 1) {
        window.requestAnimationFrame(step);
      }
    };
    window.requestAnimationFrame(step);
  }
  const animateValueCount500 = document.getElementById("count500");
  const animateValueValue500 = document.getElementById("value500");
  const animateValueCount100 = document.getElementById("count100");

  function animateText(element) {
    var sectionTarget = jQuery(element);
    var animateTitleTarget = sectionTarget.find('.title span');
    var animateLineTarget = sectionTarget.find('.line');
    var animateSubtitleTarget = sectionTarget.find('.subtitle span');
    var animateContentTarget = sectionTarget.find('.content span');
    sectionTarget.addClass('animate');
    
    if (animateTitleTarget) {
      gsap.to(animateTitleTarget, {
        duration: 1,
        'width': '100%',
        delay: 0.5 + pageLoad,
        stagger: 0.2,
      });
    }
    
    if (animateLineTarget) {
      gsap.to(animateLineTarget, {
        duration: 1,
        'width': '100%',
        delay: 1.25 + pageLoad,
        stagger: 0,
      });
    }
    
    if (animateSubtitleTarget) {
      gsap.to(animateSubtitleTarget, {
        duration: 1,
        'width': '100%',
        delay: 1.75 + pageLoad,
        stagger: 0,
      });
    }
    
    if (animateContentTarget) {
      gsap.to(animateContentTarget, {
        duration: 1,
        'width': '100%',
        delay: 2 + pageLoad,
        stagger: 0.2,
      });
    }
  }

  // scroll detecter
  var createObserver = new IntersectionObserver(function (entries, observer) {
    entries.forEach(function(entry) {
      if (entry.isIntersecting) {
        animateText(entry.target)
        
        if (entry.target.classList.contains('section3')) {
          animateValue(animateValueCount500, 0, 500, pageLoad * 1000 + 1000);
        }

        if (entry.target.classList.contains('section4')) {
          animateValue(animateValueValue500, 0, 500, pageLoad * 1000 + 2000);
          animateValue(animateValueCount100, 0, 100, pageLoad * 1000 + 2000);
        }

        if (entry.target.classList.contains('section6')) {
          var section6ScrollTop = jQuery('.section6').offset().top - (jQuery('.section6').height() + 50);
          window.addEventListener('scroll',function(){
            var param = 0.65 + ((0.35/(jQuery('.section6').height()/2)) * (window.scrollY - section6ScrollTop));

            if (window.innerWidth < 576) {
              if (param > 1.30) {
                param = 1.30
              }

              if ((window.scrollY / (section6ScrollTop + jQuery('.section6').height())) < 1) {
                jQuery('.section6 .content-img >.sp-no-webp:nth-child(1)').removeClass('d-none');
                jQuery('.section6 .content-img >.sp-no-webp:nth-child(2)').addClass('d-none');
                jQuery('.section6 .content-img >.sp-no-webp:nth-child(3)').addClass('d-none');
              }
              if ((window.scrollY / (section6ScrollTop + jQuery('.section6').height())) >= 1.03) {
                jQuery('.section6 .content-img >.sp-no-webp:nth-child(1)').addClass('d-none');
                jQuery('.section6 .content-img >.sp-no-webp:nth-child(2)').removeClass('d-none');
                jQuery('.section6 .content-img >.sp-no-webp:nth-child(3)').addClass('d-none');
              }
              if ((window.scrollY / (section6ScrollTop + jQuery('.section6').height())) >= 1.08) {
                jQuery('.section6 .content-img >.sp-no-webp:nth-child(1)').addClass('d-none');
                jQuery('.section6 .content-img >.sp-no-webp:nth-child(2)').addClass('d-none');
                jQuery('.section6 .content-img >.sp-no-webp:nth-child(3)').removeClass('d-none');
              }
              
              jQuery('.section6 .content-img img').css('transform', 'scale(' + param / 2.5 + ') translateY(-165vw)')
            } else {
              if (window.scrollY < section6ScrollTop + jQuery('.section6').height()*0.6) {
                jQuery('.section6 .content-img .img1').removeClass('d-none');
                jQuery('.section6 .content-img .img2').addClass('d-none');
                jQuery('.section6 .content-img .img3').addClass('d-none');
              }
              if (window.scrollY >= section6ScrollTop + jQuery('.section6').height()*0.7) {
                jQuery('.section6 .content-img .img1').addClass('d-none');
                jQuery('.section6 .content-img .img2').removeClass('d-none');
                jQuery('.section6 .content-img .img3').addClass('d-none');
              }
              if (window.scrollY >= section6ScrollTop + jQuery('.section6').height()*0.9) {
                jQuery('.section6 .content-img .img1').addClass('d-none');
                jQuery('.section6 .content-img .img2').addClass('d-none');
                jQuery('.section6 .content-img .img3').removeClass('d-none');
              }

              if (param < 0.5) {
                param = 0.5
              } else if (param > 1) {
                param = 1
              }
              jQuery('.section6 .content-img img').css('transform', 'scale(' + param + ')')
            }
          },true);
        }

        if (entry.target.classList.contains('section7')) {
          var section7ScrollTop = jQuery('.section7').offset().top - (jQuery('.section7').height() + 50);
          window.addEventListener('scroll',function(){
            var param = 0.65 + ((0.35/(jQuery('.section7').height()/2)) * (window.scrollY - section7ScrollTop));
            var paramOpacity = 0 + ((1/(jQuery('.section7').height()*0.3)) * (window.scrollY - section7ScrollTop));

            if (param < 0.5) {
              param = 0.5;
            } else if (param > 1) {
              param = 1;
            }

            jQuery('.section7 .content-img .img2').css('opacity', paramOpacity - 1.75);

            if (window.innerWidth < 576) {
              jQuery('.section7 .content-img img').css('transform', 'scale(' + param + ') translate(-5vw, -50vw)')
            } else {
              jQuery('.section7 .content-img img').css('transform', 'scale(' + param + ')')
            }
          },true);
        }

        observer.unobserve(entry.target)
      } 
    })
  }, { threshold: 0.05 });
  var sections = document.querySelectorAll('.section');
  sections.forEach(function(section) {createObserver.observe(section)});

  // fans speed control
  window.fansState = 'low'
  jQuery('.dot').click(function (e) {
    window.fansState = jQuery(e.target).data('fansstate') 

    if (jQuery(e.target).hasClass('dot')) {
      jQuery('.dot').each(function() {
        jQuery(this).removeClass('active')
      })
      jQuery(e.target).addClass('active')

      jQuery('.fans-body img').each(function() {
        jQuery(this).removeClass('active')
      })
      jQuery('.fans-body img').parent().find('.' + window.fansState).addClass('active')

      jQuery('.fans-cloud').attr('class', 'fans fans-cloud');
      jQuery('.fans-cloud').addClass(window.fansState)
    } else {
      return
    }
  })
  jQuery('.fans-btn').click(function () {
    switch (window.fansState) {
      case 'low':
        window.fansState = 'high';
        break;
      case 'high':
        window.fansState = 'none';
        break;
      case 'none':
        window.fansState = 'low';
        break;
      default:
        window.fansState = 'low';
    }

    jQuery('.dot').each(function() {
      jQuery(this).removeClass('active')
    })
    jQuery('.dot' + '.' + window.fansState).addClass('active')

    jQuery('.fans-body img').each(function() {
      jQuery(this).removeClass('active')
    })
    jQuery('.fans-body img').parent().find('.' + window.fansState).addClass('active')

    jQuery('.fans-cloud').attr('class', 'fans fans-cloud');
    jQuery('.fans-cloud').addClass(window.fansState)
  })


  jQuery('.section10 .detail-box').not('.slick-initialized').slick({
		infinite: true,
		slidesToShow: 1,
		slidesToScroll: 1,
		speed: 700,
		fade: true,
		cssEase: 'linear',
		prevArrow:"<span class='slick-prev'><i class='fas fa-arrow-circle-left'></i></span>",
		nextArrow:"<span class='slick-next'><i class='fas fa-arrow-circle-right' aria-hidden='true'></i></span>",
		autoplay: true,
		autoplaySpeed: 3000,
	});
	jQuery('.section10 .detail-box').on('beforeChange', function(event, slick, currentSlide, nextSlide){
		var targetNum = nextSlide+1;
		jQuery(".section10 .slider-control-panel li").removeClass('active')
		jQuery(".section10 .slider-control-panel [data-slider-dot="+targetNum+"]").addClass('active')
	});
	jQuery(".section10 .slider-control-panel li").click(function(event) {
		var targetNum = jQuery(this).attr('data-slider-dot')
		jQuery('.section10 .detail-box')[0].slick.slickGoTo(targetNum-1);
	});
});

<?php
?>
<div class="section wr3-specfication">
  <div class="page-container">
    <h2 class="title">Specifications</h2>
    <div class="row">
      <div class="col-lg-6"><img src="https://scarlet-tech.com/wp-content/uploads/2024/07/WR-3-Plus_Specifications_3.jpg" alt=""></div>
      <div class="col-lg-6">
        <div class="fusion-tabs classic horizontal-tabs icon-position-left">
          <div class="nav">
            <ul class="nav-tabs nav-justified">
              <li class="active"><a class="tab-link" id="fusion-tab-functions" data-toggle="tab" href="#tab-functions" aria-expanded="true">
                  <h4 class="fusion-tab-heading">Functions</h4></a></li>
              <li><a class="tab-link" id="fusion-tab-data-sheet" data-toggle="tab" href="#tab-data-sheet" aria-expanded="true">
                  <h4 class="fusion-tab-heading">Data Sheet</h4></a></li>
              <li><a class="tab-link" id="fusion-tab-download" data-toggle="tab" href="#tab-download">
                  <h4 class="fusion-tab-heading">Download</h4></a></li>
              <li><a class="tab-link" id="fusion-tab-faq" data-toggle="tab" href="#tab-faq">
                  <h4 class="fusion-tab-heading">FAQ</h4></a></li>
            </ul>
          </div>
          <div class="tab-content">
            <div class="tab-pane fade active in" id="tab-functions">
              <ul>
                <li>500m Wireless Transmission Range</li>
                <li>Instant Visual & Audible Wind Alarm</li>
                <li>Data Recording Up to 1 Year</li>
                <li>Wind Data with Historical Graphs</li>
                <li>Accurate Wind Speed, Temperature, Air Pressure Measurements</li>
                <li>3-years Sensor Battery Life</li>
                <li>Low Power Consumption</li>
                <li>Replaceable Wind Cups </li>
              </ul>
            </div>
            <div class="tab-pane fade" id="tab-data-sheet">
              <table class="table-wr3 table-spec">
                  <tbody>
                    <tr>
                      <td>Item</td>
                      <td>Description</td>
                    </tr>
                    <tr>
                      <td>Wind Speed Measurement Range</td>
                      <td>0.3...50 m/s</td>
                    </tr>
                    <tr>
                      <td>Wind Speed Accuracy</td>
                      <td>+/- 2 % FS</td>
                    </tr>
                    <tr>
                      <td>Units of Measurement</td>
                      <td>m/s, knots, MPH,l km/hr</td>
                    </tr>
                    <tr>
                      <td>Temperature Measurement Range</td>
                      <td>-30....+60 °C</td>
                    </tr>
                    <tr>
                      <td>Dimensions - Sensor</td>
                      <td>262.5 x 183.5 x32mm</td>
                    </tr>
                    <tr>
                      <td>Dimensions - Display unit</td>
                      <td>189.6 x 75.6 x 36.3mm</td>
                    </tr>
                    <tr>
                      <td>Receiver logging Interval</td>
                      <td>2s, 5s, 10s, 1min, 5 mins, 10 mins, 60 mins</td>
                    </tr>
                    <tr>
                      <td>Data Rate</td>
                      <td>every 2 seconds</td>
                    </tr>
                    <tr>
                      <td>Transmission frequency</td>
                      <td>868MHz(default), 915MHz</td>
                    </tr>
                    <tr>
                      <td>Battery - sensor</td>
                      <td>3.6V 18505 Lithium battery x1</td>
                    </tr>
                    <tr>
                      <td>Battery - display unit</td>
                      <td>1.5V AA battery x3, Micro USB port</td>
                    </tr>
                    <tr>
                      <td>Mounting</td>
                      <td>	Magnetic sensor mounting bracket or 1/4" threaded hole</td>
                    </tr>
                  </tbody>
                </table>
              </div>
              <div class="tab-pane fade" id="tab-download">
                <div class="file">
                  <div class="file-icon"><img src="https://legacy.scarlet-tech.com/wp-content/uploads/2019/02/download-icon.png" alt="" width="48" height="58"></div>
                  <div class="file-content">
                  <div class="ptitle">WR-3 PLUS wireless anemometer user manual version 2023.</div><a href="https://scarlet-tech.com/wp-content/uploads/2024/07/WR-3-Plus-User-Guide.pdf">Download</a>
                </div>
              </div>
              <div class="file">
                <div class="file-icon"><img src="https://legacy.scarlet-tech.com/wp-content/uploads/2019/02/download-icon.png" alt="" width="48" height="58"></div>
                <div class="file-content">
                  <div class="ptitle">WR-3 PLUS wireless anemometer data-sheet version 2021.</div><a href="https://scarlet-tech.com/wp-content/uploads/2024/07/WR-3-Plus-Brochure.pdf">Download</a>
                </div>
              </div>
              <div class="file">
                <div class="file-icon"><img src="https://scarlet-tech.com/wp-content/uploads/2024/10/WindPro_S11_icon_2.png" alt="" width="48" height="58"></div>
                <div class="file-content">
                  <div class="ptitle">WR-3 PLUS Data Export Software</div><a href="https://scarlet-tech.com/wp-content/uploads/2024/07/ScarletWind.zip">Download</a>
                </div>
              </div>
            </div>
            <div class="tab-pane fade" id="tab-faq">
              <ul class="accordion-group faq-accordion">
                <li class="accordion-item">
                  <div class="accordion-btn-wrapper">
                    <button class="accordion-btn">
                      <span class="accordion-item-heading title-sm">Does WR-3 PLUS have Certification?</span>
                    </button>
                  </div>
                  <div class="faq-content-wrapper accordion-content-wrapper">
                    <div class="accordion-content text-md">
                      Manufacturer and third party (issued by SGS) Lab certificates can be ordered on demand.
                    </div>
                  </div>
                </li>
                <li class="accordion-item">
                  <div class="accordion-btn-wrapper">
                    <button class="accordion-btn">
                      <span class="accordion-item-heading title-sm">Does WR-3 PLUS have Certification?</span>
                    </button>
                  </div>
                  <div class="faq-content-wrapper accordion-content-wrapper">
                    <div class="accordion-content text-md">
                      Manufacturer and third party (issued by SGS) Lab certificates can be ordered on demand.
                    </div>
                  </div>
                </li>
                <li class="accordion-item">
                  <div class="accordion-btn-wrapper">
                    <button class="accordion-btn">
                      <span class="accordion-item-heading title-sm">Does WR-3 PLUS have Certification?</span>
                    </button>
                  </div>
                  <div class="faq-content-wrapper accordion-content-wrapper">
                    <div class="accordion-content text-md">
                      Manufacturer and third party (issued by SGS) Lab certificates can be ordered on demand.
                    </div>
                  </div>
                </li>
                <li class="accordion-item">
                  <div class="accordion-btn-wrapper">
                    <button class="accordion-btn">
                      <span class="accordion-item-heading title-sm">Does WR-3 PLUS have Certification?</span>
                    </button>
                  </div>
                  <div class="faq-content-wrapper accordion-content-wrapper">
                    <div class="accordion-content text-md">
                      Manufacturer and third party (issued by SGS) Lab certificates can be ordered on demand.
                    </div>
                  </div>
                </li>
                <li class="accordion-item">
                  <div class="accordion-btn-wrapper">
                    <button class="accordion-btn">
                      <span class="accordion-item-heading title-sm">Does WR-3 PLUS have Certification?</span>
                    </button>
                  </div>
                  <div class="faq-content-wrapper accordion-content-wrapper">
                    <div class="accordion-content text-md">
                      Manufacturer and third party (issued by SGS) Lab certificates can be ordered on demand.
                    </div>
                  </div>
                </li>
                <li class="accordion-item">
                  <div class="accordion-btn-wrapper">
                    <button class="accordion-btn">
                      <span class="accordion-item-heading title-sm">Does WR-3 PLUS have Certification?</span>
                    </button>
                  </div>
                  <div class="faq-content-wrapper accordion-content-wrapper">
                    <div class="accordion-content text-md">
                      Manufacturer and third party (issued by SGS) Lab certificates can be ordered on demand.
                    </div>
                  </div>
                </li>
                <li class="accordion-item">
                  <div class="accordion-btn-wrapper">
                    <button class="accordion-btn">
                      <span class="accordion-item-heading title-sm">Does WR-3 PLUS have Certification?</span>
                    </button>
                  </div>
                  <div class="faq-content-wrapper accordion-content-wrapper">
                    <div class="accordion-content text-md">
                      Manufacturer and third party (issued by SGS) Lab certificates can be ordered on demand.
                    </div>
                  </div>
                </li>
                <li class="accordion-item">
                  <div class="accordion-btn-wrapper">
                    <button class="accordion-btn">
                      <span class="accordion-item-heading title-sm">Does WR-3 PLUS have Certification?</span>
                    </button>
                  </div>
                  <div class="faq-content-wrapper accordion-content-wrapper">
                    <div class="accordion-content text-md">
                      Manufacturer and third party (issued by SGS) Lab certificates can be ordered on demand.
                    </div>
                  </div>
                </li>
              </ul>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<div class="section section9">
  <div class="page-container">
    <div class="table-responsive">
      <table class="table-wr3">
        <thead>
          <tr> 
            <th></th>
            <th>
              <div class="name bg-red white">WR-3 Plus</div>
            </th>
            <th> 
              <div class="name">WL-21</div>
            </th>
            <th> 
              <div class="name">WL-410/SD</div>
            </th>
            <th> 
              <div class="name">WindPro</div>
            </th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <th> </th>
            <td><img src="https://scarlet-tech.com/wp-content/uploads/2024/07/Products-pictures02-01_2-300x225.png" alt="wireless anemometer" srcset=""/></td>
            <td><img src="https://scarlet-tech.com/wp-content/uploads/2024/10/Products-pictures02-02_2-300x225.png" alt="wireless anemometer" srcset=""/></td>
            <td><img src="https://legacy.scarlet-tech.com/WR-3/dist/img/compare-3.png" alt="" srcset=""/></td>
            <td><img src="https://scarlet-tech.com/wp-content/uploads/2024/10/windpro-online-300x225.png" alt="" srcset=""/></td>
          </tr>
          <tr> 
            <th>Wireless Range</th>
            <td>Max 500m</td>
            <td>Max 500m</td>
            <td>
                WL410: Max 500m<br/>WL410XB: Max 1,300m</td>
            <td>
                Max 1,300m<br/>Web Portal: Unlimited</td>
          </tr>
          <tr> 
            <th>Alarm</th>
            <td>Buzzer, Backlight</td>
            <td>Buzzer, Backlight</td>
            <td>Buzzer + External warning device</td>
            <td>Buzzer + External warning device</td>
          </tr>
          <tr> 
            <th>Datalogging</th>
            <td>64MB Built-in Memory</td>
            <td>64MB Built-in Memory</td>
            <td>
                Optional:<br/>4-20mA outputs<br/>Phone App</td>
            <td>Cloud-based storage</td>
          </tr>
          <tr> 
            <th>Wind DirectSensor</th>
            <td>No</td>
            <td>Yes</td>
            <td>Optional</td>
            <td>Optional</td>
          </tr>
          <tr class="action">
            <td></td>
            <td><button class="btn btn-main form-active-btn">GET A QUOTE</button></td>
            <td><a class="btn-main" href="https://scarlet-tech.com/products/wind-data-logger/">WL-21 ></a></td>
            <td><a class="btn-main" href="https://legacy.scarlet-tech.com/products/wl-410-wireless-wind-alarm-system/">WL410/SD ></a></td>
            <td><a class="btn-main" href="https://scarlet-tech.com/wp-content/uploads/2024/10/windpro-online-300x225.png">WindPro ></a></td>
          </tr>
        </tbody>
      </table>
    </div>
  </div>
</div>

.section {
  width: 100%;
  display: flex;
}
.section:not(.section1):not(.section6):not(.section8) .page-container {
  margin: 0 auto;
}
.wr3-specfication .row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: calc(-.5 * var(--bs-gutter-x));
  margin-left: calc(-.5 * var(--bs-gutter-x));
}

@media (min-width: 992px) {
  .wr3-specfication .col-lg-6 {
    flex: 0 0 auto;
    width: 50%;
  }
}
.accordion-group {
  padding: 0;
  margin: 0;
}
.accordion-group,
.accordion-group .accordion-item {
	overflow: hidden;
	overflow-anchor: none;
  list-style: none;
}
.accordion-group .accordion-item {
  padding: 1rem 0;
  border-bottom: 1px solid #E5E5E5;
  counter-increment: question;
  transition: background-color .3s ease;
}
.faq-accordion.accordion-group {
  margin-bottom: 2rem;
}
.faq-accordion .accordion-item {
  display: none;
}
.faq-accordion .accordion-item:nth-child(1),
.faq-accordion .accordion-item:nth-child(2),
.faq-accordion .accordion-item:nth-child(3),
.faq-accordion .accordion-item:nth-child(4),
.faq-accordion .accordion-item:nth-child(5),
.faq-accordion .accordion-item:nth-child(6),
.faq-accordion .accordion-item:nth-child(7) {
  display: block;
}
.faq-accordion + .btn-more {
  margin-left: auto;
}
.accordion-group .accordion-item.open:hover {
  background-color: transparent;
}
.accordion-group .accordion-item .accordion-btn {
  width: 100%;
	padding: .5rem;
  background-color: transparent;
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  line-height: 1;
  transition: background-color .3s ease;
}
.faq-accordion .accordion-item:hover .accordion-btn {
  background-color: #F5F5F5;
}
.accordion-group .accordion-item.open .accordion-btn {
  background-color: #F5F5F5;
}
.accordion-group .accordion-item-heading {
  width: 100%;
}
.accordion-group .accordion-btn span {
  padding: 6px 0;
  font-family: 'Roboto', 'Noto Sans TC', sans-serif;
  font-weight: 700;
  line-height: 1.2;
  word-break: break-word;
  overflow-wrap: break-word;
  white-space: normal;
}
.faq-accordion .accordion-btn::before {
  content: 'Q' counter(question) ':' ;
  min-width: max-content;
  padding: 6px 0;
  color: #262626;
  font-family: 'Roboto', 'Noto Sans TC', sans-serif;
  font-weight: 700;
  line-height: 1.2;
}
.accordion-group .accordion-btn::after {
  content: '\f078';
  display: inline-block;
  width: 36px;
  min-width: 36px;
  height: 36px;
  font-size: 18px;
  font-family: 'Font Awesome\ 6 Solid';
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  color: #262626;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  transition: all .3s ease;
}
.accordion-group .accordion-item.open .accordion-btn::after {
  color: #E50000;
  transform: scale(-1);
}

.accordion-group .accordion-item .accordion-content-wrapper {
	display: block;
	overflow: hidden;
	overflow-anchor: none;
  opacity: 0;
	transition: all .3s ease;
}
.accordion-group .accordion-item.open .accordion-content-wrapper {
  opacity: 1;
}
.faq-accordion .accordion-item .accordion-content {
  padding: 1rem 1rem 1rem 3.25rem;
}

@media (min-width:992px) {
  .faq-accordion .accordion-item .accordion-btn {
    padding: .75rem 1rem;
  }
  .faq-accordion .accordion-btn::before,
  .faq-accordion .accordion-btn h3 {
    font-size: 1.25rem;
  }
  .faq-accordion .accordion-item .accordion-content {
    padding: 2rem 1.5rem 2rem 4rem;
  }
}

.wr3-specfication{position:relative;padding:60px 0 50px}@media (max-width:767px){.wr3-specfication{padding:40px 0}}.wr3-specfication .page-container{margin:0 auto;max-width:1400px}.wr3-specfication .row .col-lg-6:first-child img{padding-right:40px}@media (max-width:991px){.wr3-specfication .row .col-lg-6:first-child img{padding-right:0}}.wr3-specfication .title{font-size:34px;color:#000;line-height:1;text-align:center;font-weight:700;margin-bottom:45px;margin-top:0}@media (max-width:1199px){.wr3-specfication .title{margin-bottom:60px}}@media (max-width:991px){.wr3-specfication .title{margin-bottom:40px}}@media (max-width:767px){.wr3-specfication .title{margin-top:0;margin-bottom:30px;font-size:26px}}.wr3-specfication .fusion-tabs.classic .nav-tabs>li.active .tab-link{border-top:3px solid #ff8a0a;background-color:#fff;cursor:pointer}.wr3-specfication .fusion-tabs.horizontal-tabs .nav{border-bottom:1px solid #ebeaea}.wr3-specfication .fusion-tabs.horizontal-tabs .nav-tabs{margin:0 0 -1px}.wr3-specfication .fusion-tabs .nav-tabs{display:inline-block;vertical-align:middle;padding:0;border:1px solid #f1f2f2;background-color:#fff;list-style:none outside none}.wr3-specfication .fusion-tabs .nav-tabs.nav-justified{width:100%;border-bottom:0}.wr3-specfication .fusion-tabs .nav-tabs.nav-justified>li{display:table-cell;width:1%}@media (max-width:767px){.wr3-specfication .fusion-tabs .nav-tabs.nav-justified>li{display:block;position:relative;float:none;text-align:center;margin:0;width:100%}}.wr3-specfication .fusion-tabs .nav-tabs li{position:relative;float:none;text-align:center;margin:0}.wr3-specfication .fusion-tabs .nav-tabs li .tab-link{display:block;position:relative;margin:0 1px 0 0;padding:11px 0;line-height:normal;border:none;border-top:3px solid #f1f2f2;background-color:#f1f2f2;color:#747474;cursor:pointer;transition:all .2s}@media (max-width:767px){.wr3-specfication .fusion-tabs .nav-tabs li .tab-link{padding:1px 0}}.wr3-specfication .fusion-tabs .nav-tabs li .fusion-tab-heading{color:#333;font-size:16px;font-family:Lato;font-weight:400;line-height:21px;letter-spacing:.8px;font-style:normal;margin-top:10px;margin-bottom:10px}.wr3-specfication .fusion-tabs .nav{display:block}.wr3-specfication .fusion-tabs .nav a{text-decoration:none;box-shadow:none!important}.wr3-specfication .fusion-tabs .tab-content .tab-pane{display:none;padding:15px;max-width:100%;border:1px solid #f1f2f2;border-top:none}.wr3-specfication .fusion-tabs .tab-content .tab-pane.active{display:block}.wr3-specfication .fusion-tabs .tab-content .tab-pane.fade{opacity:0;transition:opacity .3s linear}.wr3-specfication .fusion-tabs .tab-content .tab-pane.fade.in{opacity:1}.wr3-specfication .table-spec{font-size:15px;width:100%;max-width:100%;margin-bottom:20px}.wr3-specfication .table-spec tbody th{background-color:#fff;color:#2d2d2d}.wr3-specfication .table-spec tr:hover{background-color:#f1f1f1!important}.wr3-specfication .table-spec tr:first-child{border-top:0!important}.wr3-specfication .table-spec tr:nth-of-type(odd){background-color:#f9f9f9;border-top:1px solid #ddd}.wr3-specfication .table-spec tr:nth-of-type(2n){background-color:#fff;border-top:1px solid #ddd}.wr3-specfication .table-spec tr td{padding:8px;border:none;background:0 0;text-align:left;float:none!important}.wr3-specfication .table-spec tr td ul{padding-left:20px}.wr3-specfication .file{display:flex;margin-bottom:15px}.wr3-specfication .file:last-child,.wr3-specfication .file img{margin-bottom:0}.wr3-specfication .file .file-content{padding-left:15px;display:flex;flex-direction:column;justify-content:center;color:#7b7b7b}.wr3-specfication .file .file-content a{font-weight:700}

document.addEventListener("DOMContentLoaded", function () {
  const tabs = document.querySelectorAll("[data-toggle='tab']");
  const tabContents = document.querySelectorAll(".tab-pane");

  tabs.forEach(tab => {
    tab.addEventListener("click", function (e) {
      e.preventDefault();
      const targetId = this.getAttribute("href").replace("#", "");
      const target = document.getElementById(targetId);
      if (!target) return;

      tabs.forEach(t => {
        t.classList.remove("active");
        if (t.parentElement) t.parentElement.classList.remove("active");
      });
      tabContents.forEach(c => c.classList.remove("active", "in"));

      this.classList.add("active");
      if (this.parentElement) this.parentElement.classList.add("active");

      target.classList.add("active");

      setTimeout(() => {
        target.classList.add("in");
      }, 10);
    });
  });

  let activeTab = document.querySelector("[data-toggle='tab'].open");
  if (!activeTab && tabs.length > 0) {
    activeTab = tabs[0];
  }
  if (activeTab) {
    activeTab.classList.add("open");
    if (activeTab.parentElement) activeTab.parentElement.classList.add("active");
    const targetId = activeTab.getAttribute("href").replace("#", "");
    const target = document.getElementById(targetId);
    if (target) target.classList.add("open", "in");
  }

  const accordionBtns = document.querySelectorAll(".accordion-btn");

    accordionBtns.forEach((btn) => {
        btn.addEventListener("click", function () {
            const accordionItem = this.closest(".accordion-item");
            const contentWrapper = accordionItem.querySelector(".accordion-content-wrapper");

            accordionItem.classList.toggle("open");
            contentWrapper.style.height = accordionItem.classList.contains("open")
                ? `${contentWrapper.scrollHeight}px`
                : "0";
        });
    });

    const accordionItems = document.querySelectorAll(".accordion-item");
    accordionItems.forEach((item) => {
        const contentWrapper = item.querySelector(".accordion-content-wrapper");
        contentWrapper.style.height = "0";
    });
});