.pf-root * { box-sizing: border-box; }

    .pf-root{
      position: relative;
      min-height: 100vh;
      color: #e9f1ff;
      background: url(/media/jyqpc2au/rectangle-7623831.png);
      background-repeat: no-repeat;
      overflow-x: hidden;
      background-position: center;
      background-size: cover;
      display: flex;
      flex-direction: column;
      gap: 0px;
      justify-content: center;
    }

    .pf-wrapper{max-width: 1200px;margin: 0 auto;}

    .pf-hero{padding: 96px 0 16px;text-align: center;}
    .pf-eyebrow{
      color: #FFF;
      text-align: center;
      font-family: 'NaNMetrifyAWide-Reg';
      font-size: 20px;
      font-style: normal;
      font-weight: 400;
      line-height: 120%; /* 24px */
      text-transform: uppercase;
      margin-bottom: 20px;
    }
    .pf-finder{
      color: #00FFAE;
text-align: center;
font-family: 'NaNMetrifyHeroic-GigaBkIt';
font-size: 60px;
font-style: italic;
font-weight: 900;
line-height: 60%; 
text-transform: uppercase;
    }

    .pf-search{ margin-top: 28px; display: flex; justify-content: center; align-items: center; gap: 16px; flex-wrap: wrap; }
    .pf-input-wrap{position: relative;width: 295px;height: 42px;}
    .pf-input-wrap input{
      width: 100%;
      height: 42px;
      border-radius: 100px;
      border: none;
      outline: none;
      background: #fff;
      padding: 0 16px 0 45px;
      box-shadow: 0 10px 26px rgba(0,0,0,.35), inset 0 0 0 1px rgba(0,0,0,.12);
      color: rgba(0, 0, 0, 0.50);
      font-family: 'NaNMetrifyAWide-Reg';
      font-size: 12px;
      font-style: normal;
      font-weight: 400;
      line-height: normal;
    }
    .pf-input-wrap svg{
      position: absolute;
    left: 16px;
    top: 50%;
    transform: translateY(-50%);
    width: 14px;
    height: 14px;
    color: #5b6673;
    }

    .pf-btn{
      border: 1px solid transparent;
      transition: transform .12s ease, box-shadow .2s ease, background .2s ease;
    }
    .pf-btn-accent{
      display: flex;
      width: 153px;
      height: 42px;
      padding: 10px 20px;
      justify-content: center;
      align-items: center;
      gap: 10px;
      flex-shrink: 0;
      border-radius: 100px;
      background: #00FFAE;
      color: #000;
      text-align: right;
      font-family: 'NaNMetrifyAWide-Reg';
      font-size: 15px;
      font-style: normal;
      font-weight: 400;
      line-height: normal;
    }
    .pf-btn-accent:hover{transform: translateY(-1px);background: #000C91;color: #fff;}
    .pf-btn-accent:active{ transform: translateY(0) scale(.99); }

    .pf-view-all{
      display: inline-block;
      margin-top: 25px;
      text-decoration: none;
      border-bottom: 1px solid #D9D9D9;
      padding-bottom: 3px;
      color: #FFF;
      text-align: center;
      font-size: 15px;
      font-style: normal;
      font-weight: 400;
      line-height: normal;
      font-family: 'NaNMetrifyAWide-Reg';
    }
    .pf-view-all:hover{ 
      opacity: 1; 
    }

    .pf-carousel{
      margin-top: 36px; position: relative;
      width: 100vw;                 
      left: 50%; 
      margin-left: -50vw;      
    }

    .pf-viewport{
      position: relative;
      overflow: hidden;    
      padding-top: 10px;         
    }
    .pf-track{
      display: flex;
      gap: 20px;
      padding-bottom: 8px;
      will-change: scroll-position;
    }

    .pf-card{
      position: relative;
      flex: 0 0 clamp(280px, 38.5vw, 520px);
      height: 238px;
      border-radius: 20px;
      background: transparent;
      border: 1px solid #fff;
      box-shadow: inset 0 0 0 1px rgba(255,255,255,.03), 0 8px 30px rgba(0,0,0,.45);
      overflow: hidden;
      transition: transform .25s ease, opacity .25s ease;
    }

    .pf-card .pf-label{
      position: absolute;
    inset: 0;
    display: grid;
    place-items: center;
    color: #FFF;
    text-align: center;
    font-size: 25px;
    font-weight: 900;
    line-height: normal;
    text-transform: uppercase;
    font-family: 'NaNMetrifyHeroic-GigaBkIt';
    margin-top: -30px;
    }

.pf-card .pf-details {
    color: #FFF;
    font-family: 'NaNMetrifyAWide-Reg';
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
    position: absolute;
    top: 53%;
    text-align: center;
    width: 100%;
}

    .pf-card .pf-cta{
      position:absolute;
      text-decoration:none;
      bottom: 30px;
      left: 50%;
      transform: translate(-50%);
      color: #FFF;
      text-align: right;
      font-size: 15px;
      font-style: normal;
      font-weight: 400;
      line-height: normal;
      font-family: 'NaNMetrifyAWide-Reg';
    }
    .pf-card .pf-cta:hover{ opacity:1; }

    .pf-ghost{ pointer-events: none; }

    .pf-card.pf-active{opacity: 1;transform: scale(1.02);pointer-events:auto;}
    .pf-card.pf-dim{ 
      opacity: .5; 
      /* transform: scale(.96);  */
      pointer-events:none; }

    .pf-controls{
      display:flex;
      align-items:center;
      justify-content:center;
      gap:16px;
      margin-top: 25px;
    }
    .pf-control{
      background: transparent;
      cursor:pointer;
      border: none;
    }
    .pf-control:hover{ background:rgba(14,20,28,.75); }
    .pf-control:active{ transform: scale(.97); }

    .pf-control[disabled]{opacity:.4;cursor:not-allowed;}
.pf-control[disabled]:hover{ background:rgba(14,20,28,.35); }
.pf-control[disabled]:active{ transform:none; }

    .pf-dots{ display:flex; align-items:center; justify-content:center; gap:10px; margin:0 4px; }
    .pf-dot{
      width: 12px;
      height: 12px;
      border-radius:999px;
      background: transparent;
      opacity:.7;
      border: 1px solid #fff;
      cursor:pointer;
      padding:0;
      transition: transform .12s ease, background .2s ease, opacity .2s ease;
    }
    .pf-dot.pf-active{
      width: 16px;
      height: 16px;
      border-radius:999px;
      background: #00ffae;
      opacity:1;
      border:  none;
    }


    @media (min-width: 1025px){
      .pf-viewport{ overflow: hidden; }
      .pf-ghost{ display: block !important; }
      .pf-card{ flex-basis: clamp(300px, calc((100vw - 96px)/2.6), 640px); }
    }

    @media (max-width: 1024px){
      .pf-card{ flex-basis: clamp(280px, calc((100vw - 96px)/1.4), 600px); }
    }
    @media (max-width: 640px){
      .pf-card{ height: 187px; }
      .pf-controls{ display: flex; }
      .pf-ghost{ display: none; }
      .pf-carousel{ padding-inline: 24px; }
.pf-card.pf-active{ transform: none; }
.pf-card.pf-dim{ transform: none; }
    }

    @media (min-width: 1025px){
.productsPage .navbar-expand-lg .navbar-toggler.collapsed {
    background: #000000 !important;
    border-left: 1px solid #00FFAE;
}
.productsPage .ContentNav .navbar:has(.navbar-toggler.collapsed) a.navbar-brand {
    content: url(/media/av3hfg0s/group-1.svg) !important;
}
.WhiteDiv.productsPage button.navbar-toggler.collapsed::after {
    background-image: url(/media/5vuhfsza/menu.svg) !important;
    width: 34px !important;
    height: 34px !important;
}

.WhiteDiv.productsPage .NavDiv a.nav-link.dropdown-toggle {
    border: 1px solid #00ffae;
    color: #fff;
}

.WhiteDiv.productsPage .NavDiv a.nav-link.dropdown-toggle::after {
    background: url(/media/zdzoptow/vector-1.svg);
    background-repeat: no-repeat;
}
    .productsPage .productRangeOne {
    max-width: 100% !important;
}

.MainDiv.WhiteDiv.productsPage .container-fluid.Hd_Only {
    background: transparent;
    z-index: 9;
}
}

@media (max-width: 1024px){
  .MainDiv.WhiteDiv.productsPage .container-fluid.Hd_Only {
    background: #000000;
}

.WhiteDiv.productsPage .NavTabOly a.navbar-brand svg path {
    fill: #00ffae;
}

.WhiteDiv.productsPage .NavDiv a.nav-link.dropdown-toggle {
    border: 1px solid #fff;
    color: #fff;
}

.productsPage .NavDiv a.nav-link.dropdown-toggle::after {
    background: url(/media/zdzoptow/vector-1.svg);
    background-repeat: no-repeat;
}

.WhiteDiv.productsPage  button.navbar-toggler.collapsed::after {
    background-image: url(/media/0yzdusic/group-41647-2.svg);
    width: 25px;
    height: 20px;
}

}
@media (min-width: 768px) and (max-width: 1024px){
  .pf-root{
      background: url(/media/sagbcs1y/rectangle-7623831-1.png);
      background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    margin-top: 0px;
    display: block;
}
.pf-hero {
    padding-top: 50px;
}
}
@media (max-width: 767px){
.WhiteDiv.productsPage .contentMainss {
    padding: 0px;
}
.pf-root{
      background: url(/media/dwdf20hz/rectangle-7623831-2.png);
      background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: block;
    margin-top: 0px;
}
.pf-finder {
    font-size: 36px;
}
.pf-hero {
    padding-top: 20px;
}
.pf-card .pf-label {
    font-size: 25px;
}
.productsPage .contentMainss {
    padding: 0px !important;
}
.pf-input-wrap {
    width: 287px;
}
.pf-control svg {
    width: 24px;
    height: 15px;
}
}
@media (min-width: 1400px){
.pf-root{
  margin-top: -100px;
}
}
@media (min-width: 1025px) and (max-width: 1399px){
  .pf-root {
    gap: 0px;
}

.pf-carousel {
    margin-top: 15px;
}

.pf-card {
    height: 210px;
}

}

@media (max-width: 369px){
.productsPage .contentMainss {
padding: 0px !important;
}
}

@media only screen and (max-height: 600px){
  .pf-hero {
    padding: 80px 0 5px;
}
    .pf-card {
        height: 190px;
    }
    .pf-controls {
    margin-top: 15px;
}
.pf-finder {
    font-size: 50px;
}
}

@media (min-height: 545px) and (max-height: 670px) {
    .pf-card {
        height: 170px;
    }
}

.productsPage .HomeSec:nth-child(2) {
    background: transparent;
}

.productsPage .HomeSec {
    height: 430px;
}

.productsPage .slickSliderMains {
    justify-content: center;
}