.elementor-21 .elementor-element.elementor-element-e8e3269{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-21 .elementor-element.elementor-element-e8e3269:not(.elementor-motion-effects-element-type-background), .elementor-21 .elementor-element.elementor-element-e8e3269 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-21 .elementor-element.elementor-element-95e3d84{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-21 .elementor-element.elementor-element-abfdf5f.elementor-element{--order:-99999 /* order start hack */;}.elementor-21 .elementor-element.elementor-element-abfdf5f .elementor-menu-toggle{margin:0 auto;background-color:#000000;}.elementor-21 .elementor-element.elementor-element-abfdf5f .elementor-nav-menu--dropdown a, .elementor-21 .elementor-element.elementor-element-abfdf5f .elementor-menu-toggle{color:#FFFFFF;fill:#FFFFFF;}.elementor-21 .elementor-element.elementor-element-abfdf5f .elementor-nav-menu--dropdown{background-color:#000000;}.elementor-21 .elementor-element.elementor-element-abfdf5f .elementor-nav-menu--dropdown a:hover,
					.elementor-21 .elementor-element.elementor-element-abfdf5f .elementor-nav-menu--dropdown a:focus,
					.elementor-21 .elementor-element.elementor-element-abfdf5f .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-21 .elementor-element.elementor-element-abfdf5f .elementor-nav-menu--dropdown a.highlighted,
					.elementor-21 .elementor-element.elementor-element-abfdf5f .elementor-menu-toggle:hover,
					.elementor-21 .elementor-element.elementor-element-abfdf5f .elementor-menu-toggle:focus{color:#FFFFFF;}.elementor-21 .elementor-element.elementor-element-abfdf5f .elementor-nav-menu--dropdown a:hover,
					.elementor-21 .elementor-element.elementor-element-abfdf5f .elementor-nav-menu--dropdown a:focus,
					.elementor-21 .elementor-element.elementor-element-abfdf5f .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-21 .elementor-element.elementor-element-abfdf5f .elementor-nav-menu--dropdown a.highlighted{background-color:#000000;}.elementor-21 .elementor-element.elementor-element-abfdf5f .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-21 .elementor-element.elementor-element-abfdf5f .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:-16px !important;}.elementor-21 .elementor-element.elementor-element-abfdf5f div.elementor-menu-toggle{color:#FFFFFF;}.elementor-21 .elementor-element.elementor-element-abfdf5f div.elementor-menu-toggle svg{fill:#FFFFFF;}.elementor-21 .elementor-element.elementor-element-abfdf5f div.elementor-menu-toggle:hover, .elementor-21 .elementor-element.elementor-element-abfdf5f div.elementor-menu-toggle:focus{color:#FFFFFF;}.elementor-21 .elementor-element.elementor-element-abfdf5f div.elementor-menu-toggle:hover svg, .elementor-21 .elementor-element.elementor-element-abfdf5f div.elementor-menu-toggle:focus svg{fill:#FFFFFF;}.elementor-21 .elementor-element.elementor-element-73313e1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-theme-site-logo .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-21 .elementor-element.elementor-element-9257a3b{margin:-24px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-21 .elementor-element.elementor-element-9257a3b img{width:100%;max-width:100%;height:94px;}.elementor-21 .elementor-element.elementor-element-b032ed2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:-9px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(max-width:767px){.elementor-21 .elementor-element.elementor-element-abfdf5f.elementor-element{--align-self:center;}.elementor-21 .elementor-element.elementor-element-9257a3b.elementor-element{--align-self:center;--order:99999 /* order end hack */;}}@media(min-width:768px){.elementor-21 .elementor-element.elementor-element-95e3d84{--width:25%;}.elementor-21 .elementor-element.elementor-element-73313e1{--width:50%;}}/* Start custom CSS for nav-menu, class: .elementor-element-abfdf5f */<!-- Swiper CSS -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css"/>

<style>
  .watch-slider {
    width: 100%;
    background: #00592D; /* Rolex green */
    padding: 40px 0;
  }

  .swiper {
    width: 100%;
  }

  .swiper-slide {
    background: #00592D;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .watch-card {
    background: #00592D;
    overflow: hidden;
    border-radius: 0;
    text-align: center;
    width: 100%;
  }

  .watch-card img {
    width: 100%;
    max-height: 350px;
    object-fit: contain;
    display: block;
    background: #fff;
  }

  .watch-card p {
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    margin-top: 10px;
    padding: 5px 0;
  }
</style>

<!-- Slider Structure -->
<div class="watch-slider">
  <div class="swiper">
    <div class="swiper-wrapper">

      <!-- Watch 1 -->
      <div class="swiper-slide">
        <div class="watch-card">
          <img src="https://content.rolex.com/dam/2022/upright-bba-with-shadow/m126610ln-0001.png" alt="Land-Dweller">
          <p>Land-Dweller</p>
        </div>
      </div>

      <!-- Watch 2 -->
      <div class="swiper-slide">
        <div class="watch-card">
          <img src="https://content.rolex.com/dam/2022/upright-bba-with-shadow/m128238-0069.png" alt="Day-Date">
          <p>Day-Date</p>
        </div>
      </div>

      <!-- Watch 3 -->
      <div class="swiper-slide">
        <div class="watch-card">
          <img src="https://content.rolex.com/dam/2022/upright-bba-with-shadow/m326933-0001.png" alt="Sky-Dweller">
          <p>Sky-Dweller</p>
        </div>
      </div>

      <!-- Watch 4 -->
      <div class="swiper-slide">
        <div class="watch-card">
          <img src="https://content.rolex.com/dam/2022/upright-bba-with-shadow/m126334-0011.png" alt="Datejust">
          <p>Datejust</p>
        </div>
      </div>

    </div>

    <!-- ✅ Arrows + Pagination -->
    <div class="swiper-pagination"></div>
    <div class="swiper-button-next"></div>
    <div class="swiper-button-prev"></div>
  </div>
</div>

<!-- Swiper JS -->
<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
<script>
  var swiper = new Swiper(".swiper", {
    slidesPerView: 3,
    spaceBetween: 20,
    loop: true,
    autoplay: {
      delay: 3000,
      disableOnInteraction: false,
    },
    pagination: {
      el: ".swiper-pagination",
      clickable: true,
    },
    navigation: {
      nextEl: ".swiper-button-next",
      prevEl: ".swiper-button-prev",
    },
    breakpoints: {
      0: { slidesPerView: 1 },
      768: { slidesPerView: 2 },
      1024: { slidesPerView: 3 }
    }
  });
</script>/* End custom CSS */