.arrow-icon {
    transition: transform 0.2s ease;
}

.menuBtn:hover .arrow-icon {
    transform: rotate(180deg);
}

.safety-solutions-card:hover .total-products {
    color: #af3138;
}

/* .safety-surveillance-solutions{
    background-image: url('../images/safety-surveillance-solutions-bg-img-02.jpg');
    background-repeat: no-repeat;
    background-size: cover;
} */

.footer-section {
    background: url("../images/footer-bg-img.jpg");
    background-size: cover;
    background-position: bottom right;
}

.plyr__controls {
    display: none !important;
}
.banner-slider .swiper-button-next,
.banner-slider .swiper-button-prev {
    display: none !important;
}

.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical
    > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    top: unset !important;
    bottom: 30px;
    width: 75% !important;
    left: 100px !important;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #ffffff !important;
}

.clients-say-section .swiper-slide {
    width: 49% !important; /* or any fixed width */
}

@media (max-width: 767px) {
    .swiper-horizontal > .swiper-pagination-progressbar,
    .swiper-pagination-progressbar.swiper-pagination-horizontal,
    .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
    .swiper-vertical
        > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
        top: unset !important;
        bottom: 30px;
        width: 75% !important;
        left: 30px !important;
    }

    .clients-say-section .swiper-slide {
        width: 100% !important; /* or any fixed width */
    }
}

/*  */
.box {
    height: 30px;
    /* width: 300px; */
    margin: 0 auto;
    position: relative;
    top: 0;
    /* box 2 */
    /* box 3 */
    /* box 4 */
    /* box 4 */
    /* box 5 */
    /* box 6 */
}
.box .circContainer {
    width: 25px;
    height: 25px;
    position: relative;
    /* box 1 */
}
/* .box .circContainer:nth-of-type(1) {
    top: 0px;
    left: 75px;
} */
.box .circContainer:nth-of-type(1) .circ {
    background: #37527f;
}
.box .circContainer:nth-of-type(1) .circPulse {
    background: #37517f64;
}

.circ {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    position: absolute;
    z-index: 9;
    left: 8px;
    top: 9px;
}
.circPulse {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    /* animation */
    -webkit-animation: pulse 1.4s ease-out;
    -moz-animation: pulse 1.4s ease-out;
    animation: pulse 1.4s ease-out;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
.circPulse .one {
    -webkit-animation-delay: 0ms;
}
.circPulse .two {
    -webkit-animation-delay: 750ms;
}
@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(0);
        opacity: 0;
    }
    25% {
        -webkit-transform: scale(0.3);
        opacity: 1;
    }
    50% {
        -webkit-transform: scale(0.6);
        opacity: 0.6;
    }
    75% {
        -webkit-transform: scale(0.9);
        opacity: 0.3;
    }
    100% {
        -webkit-transform: scale(1);
        opacity: 0;
    }
}

.swiper-pagination-bullet {
    border-radius: 15px !important;
    height: 5px !important;
    width: 50px !important;
}
.swiper-pagination-bullet-active {
    background: #37527f !important;
}

.rotate {
    transform: rotate(180deg);
}

/* product swiper slider */

/* .slider {
    padding: 32px;
    color: #fff;
} */
.slider .swiper-container {
    width: 100%;
    height: 100%;
}
/* .slider__flex {
    display: flex;
    align-items: flex-start;
} */
.slider__col {
    /* display: flex; */
    flex-direction: column;
    /* width: 150px; */
    /* margin-right: 32px; */
}
.slider__prev,
.slider__next {
    cursor: pointer;
    text-align: center;
    font-size: 14px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.slider__prev:focus,
.slider__next:focus {
    outline: none;
}
.slider__thumbs {
    height: calc(400px - 96px);
}
.slider__thumbs .slider__image {
    transition: 0.25s;
    /* -webkit-filter: grayscale(100%); */
    /* filter: grayscale(100%); */
    opacity: 0.5;
}
.slider__thumbs .slider__image:hover {
    opacity: 1;
}
.slider__thumbs .swiper-slide-thumb-active .slider__image {
    /* -webkit-filter: grayscale(0%); */
    /* filter: grayscale(0%); */
    opacity: 1;
    border: 1px solid #AF3138;
    padding: 1px;
}
.slider__images {
    height: 400px;
}
.slider__images .slider__image img {
    transition: 2s;
}
.slider__images .slider__image:hover img {
    transform: scale(1.5);
}
.slider__image {
    width: 100%;
    height: 100%;
    /* border-radius: 30px; */
    overflow: hidden;
}
.slider__image img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
@media (max-width: 767.98px) {
    .slider__flex {
        flex-direction: column-reverse;
    }
    .slider__col {
        flex-direction: row;
        align-items: center;
        margin-right: 0;
        margin-top: 24px;
        width: 100%;
    }
    .slider__images {
        width: 100%;
    }
    .slider__thumbs {
        height: 100px;
        width: calc(100% - 96px);
        margin: 0 16px;
    }
    .slider__prev,
    .slider__next {
        height: auto;
        width: 32px;
    }
}


.clientsSaySwiper .swiper-pagination-bullet-active{
    background: #AF3138 !important;
}

.CCTV-Products-Swiper .swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{
    transform: translateX(0%) !important;
}


/* CTA Button Animation */
  .pulse-red {
    box-shadow: 0 0 0 0 #AF3138;
    cursor: pointer;
    -webkit-animation: pulsered 2s infinite cubic-bezier(0.66,0,0,1);
    -moz-animation: pulsered 2s infinite cubic-bezier(0.66,0,0,1);
    -ms-animation: pulsered 2s infinite cubic-bezier(0.66,0,0,1);
    animation: pulsered 2s infinite cubic-bezier(0.66,0,0,1);
  }
  
  .pulse-red:hover {
    -webkit-animation: none;
    -moz-animation: none;
    -ms-animation: none;
    animation: none;
  }

  .pulse-blue {
    box-shadow: 0 0 0 0 #37527F;
    cursor: pointer;
    -webkit-animation: pulsered 2s infinite cubic-bezier(0.66,0,0,1);
    -moz-animation: pulsered 2s infinite cubic-bezier(0.66,0,0,1);
    -ms-animation: pulsered 2s infinite cubic-bezier(0.66,0,0,1);
    animation: pulsered 2s infinite cubic-bezier(0.66,0,0,1);
  }
  
  .pulse-blue:hover {
    -webkit-animation: none;
    -moz-animation: none;
    -ms-animation: none;
    animation: none;
  }
  
  @-webkit-keyframes pulsered {
    to {
      box-shadow: 0 0 0 10px #e84c3d00;
    }
  }
  
  @-moz-keyframes pulsered {
    to {
      box-shadow: 0 0 0 10px #e84c3d00;
    }
  }
  
  @-ms-keyframes pulsered {
    to {
      box-shadow: 0 0 0 10px #e84c3d00;
    }
  }
  
  @keyframes pulsered {
    to {
      box-shadow: 0 0 0 10px #e84c3d00;
    }
  }


  /*  */
  .custom-swiper-pagination{
    margin-top: 20px;
  }
  .bannerSwiper .custom-swiper-pagination{
    margin-top: 5px;
  }


  /* Home Page Banner Image */
  /* #flip {
    height:150px;
    overflow:hidden;
  }
  
  #flip > div {
    padding:4px 12px;
    height:45px;
    margin-bottom:45px;
    display:inline-block;
  }
  
  #flip div:first-child {
    animation: show 12s linear infinite;
  }
  
  #flip div {
    background:#42c58a;
  }
  #flip div:first-child {
    background:#4ec7f3;
  }
  #flip div:last-child {
    background:#DC143C;
  }
  
  @keyframes show {
    0% {margin-top:-270px;}
    5% {margin-top:-180px;}
    33% {margin-top:-180px;}
    38% {margin-top:-90px;}
    66% {margin-top:-90px;}
    71% {margin-top:0px;}
    99.99% {margin-top:0px;}
    100% {margin-top:-270px;}
  } */