﻿.swiper-partner {
  height: 400px;
}
.swiper-partner .swiper-slide img {
  transition: transform .3s ease;
  /*transform: scale(0.5);*/
}
.s-itm-partner1 img {
    width: 100px;
}
.s-itm-partner1 {
    margin-xxx: 0 150px;
}


.swiper-partner .swiper-slide-active img {
  /*filter: drop-shadow(0px 0px 7px #ffffff) blur(0);*/
  transform: scale(2.0);
  /* -webkit-box-reflect: below 9px linear-gradient(to bottom, rgba(0, 0, 0, 0.0) 35%, rgba(0, 0, 0, 0.19));  */
  /*box-shadow: 0 35px 15px -24px #ffffff59;*/
  /*padding: 14px 44px;*/
}
.swiper-partner .swp-dal.swiper-slide-active img {
  transform: scale(1.3) !important;
}

/* this rule to apply only in firefox browsers, because "-webkit-box-reflect" is not supported in firefox */
/*
@-moz-document url-prefix() {
    .swiper-partner .swiper-slide-active img {
        filter: drop-shadow(0px 0px 7px #ffffff) blur(0);
    }
}
*/

.xxx-swiper-partner .swiper-slide-active:after {
    content: ' ';
    display: inline-block;
    width: 50%;
    height: 0px;
    z-index: 999999;
    position: absolute;
    bottom: 0;
    background-color: #ffffff59;
    box-shadow: 0 0px 17px 11px #ffffff59;
}

.swiper-partner .swiper-pagination-bullets {
    bottom: initial !important;
    margin-top: 1.2rem;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer;
    width: 0.85rem;
    height: 0.85rem;
    margin: 0 2px !important;
}

.ourserv-para {
    position: absolute;
    top: -30%;
    opacity: 0;
    transition: 0.3s ease;
    font-size: 1.20rem;
}
.ourserv-para p {
    text-align: justify;
}

.active-para {
  opacity: 1 !important;
}

.swipServIcons1 .swiper-wrapper {
  justify-content: start;
  align-items: center;
}


.swipServIcons1 .swiper-slide {
  text-align: center;
  font-size: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.swipServIcons1 .swiper-slide img {
  filter: opacity(0.5);
  width: 6.8rem;
}
@keyframes bounce002 {
    0%, 20%, 53%, 100% {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
        -webkit-transform: translateZ(0) scale(1.8);
        transform: translateZ(0) scale(1.8);
    }

    40%, 43% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate3d(0, -10px, 0) scale(1.8);
        transform: translate3d(0, -10px, 0) scale(1.8);
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate3d(0, -5px, 0) scale(1.8);
        transform: translate3d(0, -5px, 0) scale(1.8);
    }

    80% {
        -webkit-transition-timing-function: cubic-bezier(.215,.61,.355,1);
        transition-timing-function: cubic-bezier(.215,.61,.355,1);
        -webkit-transform: translateZ(0) scale(1.8);
        transform: translateZ(0) scale(1.8);
    }

    90% {
        -webkit-transform: translate3d(0, -2px, 0) scale(1.8);
        transform: translate3d(0, -2px, 0) scale(1.8);
    }
}

.swipServIcons1 .swiper-slide-active img {
  /*filter: drop-shadow(0px 0px 7px #ffffff) blur(0);*/
  filter: opacity(1.0);
  animation: bounce002 8s infinite;
}

.swipServTitles1 {
    overflow: visible;
    zoom: 1.3;
}

.swipServTitles1 .swiper-wrapper {
  justify-content: center;
  align-items: center;
}

.swipServTitles1 .swiper-slide {
  display: flex;
  justify-content: right;
  align-items: center;
  filter: blur(1.2px);
  height: 50px !important;
  opacity: 0.4;
  font-weight: bold;
  font-size: 1rem;
  margin-right: 2rem;
}

.swipServTitles1 .swiper-slide-active {
  opacity: 1.0;
  filter: blur(0);
  /*filter: drop-shadow(0px 0px 7px #ffffff);*/
  font-size: 2.0rem;
  margin-right: 1.7rem;
}
.swipServTitles1 .swiper-slide-active::before {
    content: '\25cf'; /* ● */
    color: var(--color-yello);
    font-size: 1.2rem;
    position: relative;
    right: -9px;
    top: 1px;
}

.swipServIcons2 .swiper-slide-active {
  opacity: 1;
  filter: blur(0);
  /*filter: drop-shadow(0px 0px 7px #ffffff);*/
  transform: scale(1.5);
}

@keyframes bounce {

  0%,
  100% {
    transform: translateY(-25%);
    animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
  }

  50% {
    transform: none;
    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
  }
}

.swiper-button-next:after, .swiper-button-prev:after {
    font-size: 27px;
}
