/* Trusted & Featured by Industry Leaders --Logos Animation-- */
.arm-trusted-featured-logo-wrapper {
  overflow: hidden; 
  position: relative;
  width: 100%;
}
.arm-trusted-featured-logos {
  display: flex;    
  align-items: center;
  width: max-content;    
  gap: 64px;
  position: relative;
  left: 0;
  will-change: transform;
}
.arm-trusted-featured-logo-wrapper::after, 
.arm-trusted-featured-logo-wrapper::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 100%; 
    width: 180px;
    z-index: 1;
}
.arm-trusted-featured-logo-wrapper::after {
    left: unset;
    right: 0;
    rotate: 180deg;
}
.arm-trusted-featured-logos {
  display: inline-flex;
  gap: 0 !important;
  will-change: transform;
}
.arm-trusted-featured-logo {
  margin-right: 64px;
}
/* A Complete Membership Tool for Every Industry --Carousal-- */
#arm-busi-land-boxs {
    display: flex;
    flex-wrap: nowrap;
    transition: transform 0.6s ease-in-out;
}
#arm-busi-land-boxs .arm-busi-land-box {
    flex: 0 0 calc(25% - 12px);
    width: calc(25% - 12px);
    box-sizing: border-box;
}
@media (max-width: 1075px) {
  #arm-busi-land-boxs .arm-busi-land-box {
    flex: 0 0 calc(33% - 111px);
    width: calc(33% - 111px);
  }
}
@media (max-width: 991px) {
  #arm-busi-land-boxs .arm-busi-land-box {
    flex: 0 0 calc(40% - 190);
    width: calc(40% - 190);
  }
}
@media (max-width: 576px) {
    #arm-busi-land-boxs .arm-busi-land-box {
        flex: 0 0 24%;
        width: 24%;
    }    
    .arm-busi-land-box-wrapper{
      width: 1735px !important;
    }
    /* Dotted Span */
    .arm-slider-controls {
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 15px;
    }
    .arm-busi-land-arrow-left,
    .arm-busi-land-arrow-right {
      width: 60px;
      height: 60px;
      border-radius: 50%;
      border: 2px solid #d6dde5;
      background: #fff;
      display: flex;
      justify-content: center;
      align-items: center;
      position: relative;
    }
    .arm-dots {
      display: flex;
      gap: 8px;
    }
    .arm-dot {
      width: 8px;
      height: 8px;
      border-radius: 50%;
      background: #c8ced6;
    }
    .arm-dot.active {
      background: #0066ff;
    }
}
@media (max-width: 430px) {
    #arm-busi-land-boxs .arm-busi-land-box {
        flex: 0 0 24%;
        width: 24%;
    }    
    .arm-busi-land-box-wrapper{
      width: 1400px  !important;
    }
}
@media (max-width: 819px) {
  .arm-top-rated-platform-sec-wrapper {
    overflow: hidden;
    width: 100%;
    white-space: nowrap;
  }
  
  .arm-top-rated-platform-sec {
    display: inline-flex;
    align-items: center;
    flex-wrap: nowrap; 
    will-change: transform;
    transform: translateZ(0);
  }
  
  .arm-top-rated-platform {
    flex: 0 0 auto;
    margin-right: 20px; /* spacing */
  }

  .arm-top-rated-platform-sec {
    display: inline-flex;
    flex-wrap: nowrap;
  }
}
/* Video Tutorial close button */
.arm_watch_video_btn .arm_popup_close_btn {
  display: none;
  background-image: url(../images/arm-video-popup-close.svg) !important;
  width: 28px;
  height: 28px;
  right: -21px;
  top: -20px;
  background-size: 100% !important;
  background-repeat: no-repeat !important;
  z-index: 9;
}
.arm_popup_close_btn {
  cursor: pointer;
  float: right;
  position: absolute;
}
@media (max-width: 820px) {
  .arm_watch_video_btn .arm_popup_close_btn {
    width: 20px;
    height: 20px;
    right: -14px;
    top: -14px;
  }
}
@media (max-width: 576px) {
  .arm_watch_video_btn .arm_popup_close_btn {
    width: 19px; 
    height: 19px;
    right: -13px;
    top: -13px;
  }
}
@media only screen and (max-width: 450px) {
  .arm_popup {
    max-width: 30%;
    min-width: 340px;
  }
}
/* Why Choose ARMember? --Carousal-- */
@media (max-width: 576px) {
  .arm-features-slider-wrapper {
    position: relative;
    overflow: hidden;
    min-height: 200px; 
  }

  .arm-features-slider-wrapper .feature-box {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    transition: transform 0.6s ease, opacity 0.6s ease;
    transform: translateX(100%);
  }

  .arm-features-slider-wrapper .feature-box.active {
    opacity: 1;
    transform: translateX(0);
    z-index: 1; 
  }

  .arm-features-slider-wrapper .feature-box.sliding-out {
    transform: translateX(-100%);
    opacity: 0;
    z-index: 0;
  }

  .arm-slider-controls {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 40px;
    margin-top: 25px;
}

.arm-feature-arrow-left,
.arm-feature-arrow-right {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 2px solid #d6dee5;
    background: #fff;
    cursor: pointer;
}

.arm-feature-dots {
    display: flex;
    gap: 8px;
    justify-content: center;
    align-items: center;
}

.arm-feature-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #c8ced6;
    transition: background .3s;
}

.arm-feature-dot.active {
    background: #0073ff;
}

/* Prev slide outgoing (reverse) */
.feature-box.sliding-out-reverse {
  animation: slideOutRight .6s forwards ease;
}

/* Prev slide (reverse) */
.feature-box.sliding-in-reverse {
  animation: slideInLeft .6s forwards ease;
}
@keyframes slideOutRight {
  from { transform: translateX(0); opacity: 1; }
  to   { transform: translateX(100%); opacity: 0; }
}
@keyframes slideInLeft {
  from { transform: translateX(-100%); opacity: 0; }
  to   { transform: translateX(0); opacity: 1; }
}
}
/* testimonial */
@media screen and (max-width: 576px) {
  .arm-testimonials-sec {
      overflow: hidden;
  }
  .arm-masonry-grid {
      column-count: 1; 
      display: flex;
      transition: transform 0.5s ease-in-out;
  }
  .arm-masonry-item {
      flex: 0 0 104%;
      width: 100% !important;
      margin: 0;
      display: block !important; 
      
  }
  .arm-testimonials-sec + .arm-slider-controls {
      display: flex;
      justify-content: center;
      align-items: center;
      margin-top: 24px;
      gap: 15px;
  }
  .arm-testimonial-arrow-left,
  .arm-testimonial-arrow-right {
      width: 60px;
      height: 60px;
      border-radius: 50%;
      border: 2px solid #d6dde5;
      background: #fff;
      display: flex;
      justify-content: center;
      align-items: center;
      position: relative;
  }
}
/* Addon PAge */
.arm-no-results {
  margin-bottom: 250px !important;
}