/* ------------------------------------------------ */
/* قبل ما الـ section يظهر */
.about-info h4,
.about-info p,
.about-info ul,
.vision-item {
  animation: none;
}

/* ------------------------------------------   */
.about-img,
.about-info .my_btn {
  animation: none;
}

.about.active .about-img {
  animation: kf_10185_59_translate_0 1.835382s linear;
}

@keyframes kf_10185_59_translate_0 {
  0% {
    animation-timing-function: linear(
      0,
      0.0216,
      0.0747,
      0.1458,
      0.2255,
      0.3076,
      0.3879,
      0.4638,
      0.5339,
      0.5974,
      0.6542,
      0.7044,
      0.7484,
      0.7866,
      0.8196,
      0.8479,
      0.8722,
      0.8928,
      0.9103,
      0.9251,
      0.9375,
      0.948,
      0.9568,
      0.9642,
      0.9703,
      0.9754,
      0.9797,
      0.9832,
      0.9862,
      0.9886,
      0.9906,
      0.9923,
      0.9936,
      0.9948,
      0.9957,
      0.9965,
      0.9971,
      0.9976,
      0.9981,
      0.9984,
      0.9987,
      0.9989,
      0.9991,
      0.9993,
      0.9994,
      0.9995,
      0.9996,
      0.9997,
      0.9997,
      0.9998,
      0.9998
    );

    translate: 2192px 10px;
  }

  100% {
    translate: 0px 0px;
  }
}

/* ------------------------------    */
.about.active .about-info h4 {
  animation: kf_10185_59_translate_0 1.835382s linear;
}

@keyframes kf_10185_59_translate_0 {
  0% {
    animation-timing-function: linear(
      0,
      0.0216,
      0.0747,
      0.1458,
      0.2255,
      0.3076,
      0.3879,
      0.4638,
      0.5339,
      0.5974,
      0.6542,
      0.7044,
      0.7484,
      0.7866,
      0.8196,
      0.8479,
      0.8722,
      0.8928,
      0.9103,
      0.9251,
      0.9375,
      0.948,
      0.9568,
      0.9642,
      0.9703,
      0.9754,
      0.9797,
      0.9832,
      0.9862,
      0.9886,
      0.9906,
      0.9923,
      0.9936,
      0.9948,
      0.9957,
      0.9965,
      0.9971,
      0.9976,
      0.9981,
      0.9984,
      0.9987,
      0.9989,
      0.9991,
      0.9993,
      0.9994,
      0.9995,
      0.9996,
      0.9997,
      0.9997,
      0.9998,
      0.9998
    );

    translate: 2192px 10px;
  }

  100% {
    translate: 0px 0px;
  }
}
/* -------------------------------   */
.about.active .about-info p {
  animation: kf_10185_2_translate_0 1.835382s linear;
}

@keyframes kf_10185_2_translate_0 {
  0% {
    animation-timing-function: linear(
      0,
      0.0216,
      0.0747,
      0.1458,
      0.2255,
      0.3076,
      0.3879,
      0.4638,
      0.5339,
      0.5974,
      0.6542,
      0.7044,
      0.7484,
      0.7866,
      0.8196,
      0.8479,
      0.8722,
      0.8928,
      0.9103,
      0.9251,
      0.9375,
      0.948,
      0.9568,
      0.9642,
      0.9703,
      0.9754,
      0.9797,
      0.9832,
      0.9862,
      0.9886,
      0.9906,
      0.9923,
      0.9936,
      0.9948,
      0.9957,
      0.9965,
      0.9971,
      0.9976,
      0.9981,
      0.9984,
      0.9987,
      0.9989,
      0.9991,
      0.9993,
      0.9994,
      0.9995,
      0.9996,
      0.9997,
      0.9997,
      0.9998,
      0.9998
    );

    translate: -2040px 10px;
  }

  100% {
    translate: 0px 0px;
  }
}
/* -----------------------------    */
.about.active .about-info ul {
  animation: kf_10185_59_translate_0 1.835382s linear;
}

@keyframes kf_10185_59_translate_0 {
  0% {
    animation-timing-function: linear(
      0,
      0.0216,
      0.0747,
      0.1458,
      0.2255,
      0.3076,
      0.3879,
      0.4638,
      0.5339,
      0.5974,
      0.6542,
      0.7044,
      0.7484,
      0.7866,
      0.8196,
      0.8479,
      0.8722,
      0.8928,
      0.9103,
      0.9251,
      0.9375,
      0.948,
      0.9568,
      0.9642,
      0.9703,
      0.9754,
      0.9797,
      0.9832,
      0.9862,
      0.9886,
      0.9906,
      0.9923,
      0.9936,
      0.9948,
      0.9957,
      0.9965,
      0.9971,
      0.9976,
      0.9981,
      0.9984,
      0.9987,
      0.9989,
      0.9991,
      0.9993,
      0.9994,
      0.9995,
      0.9996,
      0.9997,
      0.9997,
      0.9998,
      0.9998
    );

    translate: 2192px 10px;
  }

  100% {
    translate: 0px 0px;
  }
}
/* -------------------------------   */
.about.active .about-info .my_btn {
  animation: kf_10185_2_translate_0 1.835382s linear;
}

@keyframes kf_10185_2_translate_0 {
  0% {
    animation-timing-function: linear(
      0,
      0.0216,
      0.0747,
      0.1458,
      0.2255,
      0.3076,
      0.3879,
      0.4638,
      0.5339,
      0.5974,
      0.6542,
      0.7044,
      0.7484,
      0.7866,
      0.8196,
      0.8479,
      0.8722,
      0.8928,
      0.9103,
      0.9251,
      0.9375,
      0.948,
      0.9568,
      0.9642,
      0.9703,
      0.9754,
      0.9797,
      0.9832,
      0.9862,
      0.9886,
      0.9906,
      0.9923,
      0.9936,
      0.9948,
      0.9957,
      0.9965,
      0.9971,
      0.9976,
      0.9981,
      0.9984,
      0.9987,
      0.9989,
      0.9991,
      0.9993,
      0.9994,
      0.9995,
      0.9996,
      0.9997,
      0.9997,
      0.9998,
      0.9998
    );

    translate: -2040px 10px;
  }

  100% {
    translate: 0px 0px;
  }
}
/* --------------------------------- vission section -------------   */
.vission.active .col-lg-4:first-of-type .vision-item {
  animation:
    kf_10054_3379_opacity_0 2.5s linear,
    kf_10054_3379_translate_0 2.5s linear,
    kf_10054_3379_scale_0 2.5s linear;
}
@keyframes kf_10054_3379_opacity_0 {
  0% {
    opacity: 0;
  }
  34.154% {
    animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
    opacity: 0;
  }
  45.231% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes kf_10054_3379_translate_0 {
  0% {
    translate: 0px 44px;
  }
  34.154% {
    animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
    translate: 0px 44px;
  }
  45.231% {
    translate: 0px 0px;
  }
  100% {
    translate: 0px 0px;
  }
}
@keyframes kf_10054_3379_scale_0 {
  0% {
    scale: 0.98 0.98;
  }
  34.154% {
    animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
    scale: 0.98 0.98;
  }
  45.231% {
    scale: 1 1;
  }
  100% {
    scale: 1 1;
  }
}

.vission.active .col-lg-4:nth-child(2) .vision-item {
  animation:
    kf_10054_3390_opacity_0 2.5s linear,
    kf_10054_3390_translate_0 2.5s linear,
    kf_10054_3390_scale_0 2.5s linear;
}
@keyframes kf_10054_3390_opacity_0 {
  0% {
    opacity: 0;
  }
  36% {
    animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
    opacity: 0;
  }
  47.077% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes kf_10054_3390_translate_0 {
  0% {
    translate: 0px 44px;
  }
  36% {
    animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
    translate: 0px 44px;
  }
  47.077% {
    translate: 0px 0px;
  }
  100% {
    translate: 0px 0px;
  }
}
@keyframes kf_10054_3390_scale_0 {
  0% {
    scale: 0.98 0.98;
  }
  36% {
    animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
    scale: 0.98 0.98;
  }
  47.077% {
    scale: 1 1;
  }
  100% {
    scale: 1 1;
  }
}
.vission.active .col-lg-4:last-of-type .vision-item {
  animation:
    kf_10054_3401_opacity_0 2.5s linear,
    kf_10054_3401_translate_0 2.5s linear,
    kf_10054_3401_scale_0 2.5s linear;
}
@keyframes kf_10054_3401_opacity_0 {
  0% {
    opacity: 0;
  }
  37.846% {
    animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
    opacity: 0;
  }
  48.923% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes kf_10054_3401_translate_0 {
  0% {
    translate: 0px 44px;
  }
  37.846% {
    animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
    translate: 0px 44px;
  }
  48.923% {
    translate: 0px 0px;
  }
  100% {
    translate: 0px 0px;
  }
}
@keyframes kf_10054_3401_scale_0 {
  0% {
    scale: 0.98 0.98;
  }
  37.846% {
    animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
    scale: 0.98 0.98;
  }
  48.923% {
    scale: 1 1;
  }
  100% {
    scale: 1 1;
  }
}
/* ------------------------  why section ----------------   */
.why-sec-img,
.why-aym-info ul,
.why-aym-info h5,.why-aym-info .my_btn ,
.about-counter{
  animation: none;
}

.why-aym-sec.active .why-sec-img {
  animation: kf_10206_2_translate_0 2s linear;
}

@keyframes kf_10206_2_translate_0 {
  0% {
    animation-timing-function: linear(
      0,
      0.0216,
      0.0747,
      0.1458,
      0.2255,
      0.3076,
      0.3879,
      0.4638,
      0.5339,
      0.5974,
      0.6542,
      0.7044,
      0.7484,
      0.7866,
      0.8196,
      0.8479,
      0.8722,
      0.8928,
      0.9103,
      0.9251,
      0.9375,
      0.948,
      0.9568,
      0.9642,
      0.9703,
      0.9754,
      0.9797,
      0.9832,
      0.9862,
      0.9886,
      0.9906,
      0.9923,
      0.9936,
      0.9948,
      0.9957,
      0.9965,
      0.9971,
      0.9976,
      0.9981,
      0.9984,
      0.9987,
      0.9989,
      0.9991,
      0.9993,
      0.9994,
      0.9995,
      0.9996,
      0.9997,
      0.9997,
      0.9998,
      0.9998
    );

    translate: -2040px 10px;
  }

  100% {
    translate: 0px 0px;
  }
}
/* ---------------------------------------   */

.why-aym-sec.active .why-aym-info ul {
  /* animation: kf_10206_59_translate_0 2s linear; */
  animation: kf_10054_3167_opacity_0 6.5s linear,
    kf_10054_3167_translate_0 6.5s linear;
}

@keyframes kf_10206_59_translate_0 {
  0% {
    animation-timing-function: linear(
      0,
      0.0216,
      0.0747,
      0.1458,
      0.2255,
      0.3076,
      0.3879,
      0.4638,
      0.5339,
      0.5974,
      0.6542,
      0.7044,
      0.7484,
      0.7866,
      0.8196,
      0.8479,
      0.8722,
      0.8928,
      0.9103,
      0.9251,
      0.9375,
      0.948,
      0.9568,
      0.9642,
      0.9703,
      0.9754,
      0.9797,
      0.9832,
      0.9862,
      0.9886,
      0.9906,
      0.9923,
      0.9936,
      0.9948,
      0.9957,
      0.9965,
      0.9971,
      0.9976,
      0.9981,
      0.9984,
      0.9987,
      0.9989,
      0.9991,
      0.9993,
      0.9994,
      0.9995,
      0.9996,
      0.9997,
      0.9997,
      0.9998,
      0.9998
    );
    translate: 2192px 10px;
  }

  100% {
    translate: 0px 0px;
  }
}
/* --------------------------------------------------   */
.why-aym-sec.active .why-aym-info h5 {
  /* animation: kf_10206_59_translate_0 2s linear; */
  animation: kf_10054_3161_opacity_0 6.5s linear,
    kf_10054_3161_translate_0 6.5s linear;
}
@keyframes kf_10206_59_translate_0 {
  0% {
    animation-timing-function: linear(
      0,
      0.0216,
      0.0747,
      0.1458,
      0.2255,
      0.3076,
      0.3879,
      0.4638,
      0.5339,
      0.5974,
      0.6542,
      0.7044,
      0.7484,
      0.7866,
      0.8196,
      0.8479,
      0.8722,
      0.8928,
      0.9103,
      0.9251,
      0.9375,
      0.948,
      0.9568,
      0.9642,
      0.9703,
      0.9754,
      0.9797,
      0.9832,
      0.9862,
      0.9886,
      0.9906,
      0.9923,
      0.9936,
      0.9948,
      0.9957,
      0.9965,
      0.9971,
      0.9976,
      0.9981,
      0.9984,
      0.9987,
      0.9989,
      0.9991,
      0.9993,
      0.9994,
      0.9995,
      0.9996,
      0.9997,
      0.9997,
      0.9998,
      0.9998
    );
    translate: 2192px 10px;
  }

  100% {
    translate: 0px 0px;
  }
}
/* ----------------------    */
.why-aym-sec.active .why-aym-info .my_btn {
 /* animation: kf_10206_59_translate_0 2s linear; */
 animation: kf_10054_3170_opacity_0 6.5s linear,
    kf_10054_3170_translate_0 6.5s linear,
    kf_10054_3170_scale_0 6.5s linear;
}

@keyframes kf_10206_59_translate_0 {
  0% {
    animation-timing-function: linear(
      0,
      0.0216,
      0.0747,
      0.1458,
      0.2255,
      0.3076,
      0.3879,
      0.4638,
      0.5339,
      0.5974,
      0.6542,
      0.7044,
      0.7484,
      0.7866,
      0.8196,
      0.8479,
      0.8722,
      0.8928,
      0.9103,
      0.9251,
      0.9375,
      0.948,
      0.9568,
      0.9642,
      0.9703,
      0.9754,
      0.9797,
      0.9832,
      0.9862,
      0.9886,
      0.9906,
      0.9923,
      0.9936,
      0.9948,
      0.9957,
      0.9965,
      0.9971,
      0.9976,
      0.9981,
      0.9984,
      0.9987,
      0.9989,
      0.9991,
      0.9993,
      0.9994,
      0.9995,
      0.9996,
      0.9997,
      0.9997,
      0.9998,
      0.9998
    );
    translate: 2192px 10px;
  }

  100% {
    translate: 0px 0px;
  }
}

/* ----------------------------------------   */
.why-aym-sec.active .about-counter .col-lg-3.col-6:last-of-type{
 animation:
  kf_10054_3490_opacity_0 6.5s linear,
  kf_10054_3490_translate_0 6.5s linear;
}
@keyframes kf_10054_3490_opacity_0 {
  0% { opacity: 0; }
  66.923% { animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1); opacity: 0; }
  77.385% { opacity: 1; }
  100% { opacity: 1; }
}
@keyframes kf_10054_3490_translate_0 {
  0% { translate: 0px 38px; }
  66.923% { animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1); translate: 0px 38px; }
  77.385% { translate: 0px 0px; }
  100% { translate: 0px 0px; }
}
/* ------------------   */
.why-aym-sec.active .about-counter .col-lg-3.col-6:nth-child(3){
animation:
  kf_10054_3495_opacity_0 6.5s linear,
  kf_10054_3495_translate_0 6.5s linear;
}
@keyframes kf_10054_3495_opacity_0 {
  0% { opacity: 0; }
  68.769% { animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1); opacity: 0; }
  79.231% { opacity: 1; }
  100% { opacity: 1; }
}
@keyframes kf_10054_3495_translate_0 {
  0% { translate: 0px 38px; }
  68.769% { animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1); translate: 0px 38px; }
  79.231% { translate: 0px 0px; }
  100% { translate: 0px 0px; }
}
.why-aym-sec.active .about-counter .col-lg-3.col-6:nth-child(2){
  animation:
  kf_10054_3500_opacity_0 6.5s linear,
  kf_10054_3500_translate_0 6.5s linear;
}
@keyframes kf_10054_3500_opacity_0 {
  0% { opacity: 0; }
  70.615% { animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1); opacity: 0; }
  81.077% { opacity: 1; }
  100% { opacity: 1; }
}
@keyframes kf_10054_3500_translate_0 {
  0% { translate: 0px 38px; }
  70.615% { animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1); translate: 0px 38px; }
  81.077% { translate: 0px 0px; }
  100% { translate: 0px 0px; }
}
.why-aym-sec.active .about-counter .col-lg-3.col-6:first-of-type{
  animation:
  kf_10054_3505_opacity_0 6.5s linear,
  kf_10054_3505_translate_0 6.5s linear;
}
@keyframes kf_10054_3505_opacity_0 {
  0% { opacity: 0; }
  72.462% { animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1); opacity: 0; }
  82.923% { opacity: 1; }
  100% { opacity: 1; }
}
@keyframes kf_10054_3505_translate_0 {
  0% { translate: 0px 38px; }
  72.462% { animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1); translate: 0px 38px; }
  82.923% { translate: 0px 0px; }
  100% { translate: 0px 0px; }
}

/* -------------------------  services section -------------------    */
.active .item .service-item{
  /*animation:*/
  /*kf_10054_4016_opacity_0 2.5s linear,*/
  /*kf_10054_4016_translate_0 2.5s linear,*/
  /*kf_10054_4016_scale_0 2.5s linear;*/
}
@keyframes kf_10054_4016_opacity_0 {
  0% { opacity: 0; }
  46.462% { animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1); opacity: 0; }
  57.538% { opacity: 1; }
  100% { opacity: 1; }
}
@keyframes kf_10054_4016_translate_0 {
  0% { translate: 0px 46.138px; }
  46.462% { animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1); translate: 0px 46.138px; }
  57.538% { translate: 0px 0px; }
  100% { translate: 0px 0px; }
}
@keyframes kf_10054_4016_scale_0 {
  0% { scale: 0.98 0.98; }
  46.462% { animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1); scale: 0.98 0.98; }
  57.538% { scale: 1 1; }
  100% { scale: 1 1; }
}
/* -------------------  */
.active + .active .item  .service-item{
  /*animation:*/
  /*kf_10054_4038_opacity_0 2.5s linear,*/
  /*kf_10054_4038_translate_0 2.5s linear,*/
  /*kf_10054_4038_scale_0 2.5s linear;*/
}
@keyframes kf_10054_4038_opacity_0 {
  0% { opacity: 0; }
  48.308% { animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1); opacity: 0; }
  59.385% { opacity: 1; }
  100% { opacity: 1; }
}
@keyframes kf_10054_4038_translate_0 {
  0% { translate: 0px 46.138px; }
  48.308% { animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1); translate: 0px 46.138px; }
  59.385% { translate: 0px 0px; }
  100% { translate: 0px 0px; }
}
@keyframes kf_10054_4038_scale_0 {
  0% { scale: 0.98 0.98; }
  48.308% { animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1); scale: 0.98 0.98; }
  59.385% { scale: 1 1; }
  100% { scale: 1 1; }
}
/* -----------------  */
.active + .active + .active .item .service-item{
  /*animation:*/
  /*kf_10054_4060_opacity_0 2.5s linear,*/
  /*kf_10054_4060_translate_0 2.5s linear,*/
  /*kf_10054_4060_scale_0 2.5s linear;*/
}
@keyframes kf_10054_4060_opacity_0 {
  0% { opacity: 0; }
  50.154% { animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1); opacity: 0; }
  61.231% { opacity: 1; }
  100% { opacity: 1; }
}
@keyframes kf_10054_4060_translate_0 {
  0% { translate: 0px 46.138px; }
  50.154% { animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1); translate: 0px 46.138px; }
  61.231% { translate: 0px 0px; }
  100% { translate: 0px 0px; }
}
@keyframes kf_10054_4060_scale_0 {
  0% { scale: 0.98 0.98; }
  50.154% { animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1); scale: 0.98 0.98; }
  61.231% { scale: 1 1; }
  100% { scale: 1 1; }
}
/* -----------------  */
.active + .active + .active + .active  .item .service-item{
  /*animation:*/
  /*kf_10054_4082_opacity_0 2.5s linear,*/
  /*kf_10054_4082_translate_0 2.5s linear,*/
  /*kf_10054_4082_scale_0 2.5s linear;*/
}
@keyframes kf_10054_4082_opacity_0 {
  0% { opacity: 0; }
  52% { animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1); opacity: 0; }
  63.077% { opacity: 1; }
  100% { opacity: 1; }
}
@keyframes kf_10054_4082_translate_0 {
  0% { translate: 0px 46.138px; }
  52% { animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1); translate: 0px 46.138px; }
  63.077% { translate: 0px 0px; }
  100% { translate: 0px 0px; }
}
@keyframes kf_10054_4082_scale_0 {
  0% { scale: 0.98 0.98; }
  52% { animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1); scale: 0.98 0.98; }
  63.077% { scale: 1 1; }
  100% { scale: 1 1; }
}