:root {
  --defult-txt-color: #1A202C;
  --secondary-color: #6c757d;
}

p {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0;
}

.hovr-img-big {
  transition: all .5s;
}

body {
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
}

.section {
  margin: 0;
  width: 100%;
}

.hovr-img-big {
  transition: all .5s;
}

.hovr-img-big:hover {
  transform: scale(1.1);
}

.move-back {
  display: inline-block;
  animation: moveBackAndForth 1s infinite;
}

.section img {
  object-fit: scale-down;
}

@keyframes moveBackAndForth {
  0% {
    transform: translateX(0px);
  }
  50% {
    transform: translateX(10px);
  }
  100% {
    transform: translateX(0px);
  }
}

@keyframes animation1 {
  0% {
    opacity: 0;
    transform: translateY(2.5rem);
  }
  100% {
    opacity: 1;
    transform: translateY(0rem);
  }
}

@keyframes animation2 {
  0% {
    opacity: 0;
    transform: translate(-2.5rem, 2.5rem);
  }
  100% {
    opacity: 1;
    transform: translate(0rem, 0rem);
  }
}

@keyframes animation3 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes animation4 {
  0% {
    opacity: 0;
    transform: translateX(2.5rem);
  }
  100% {
    opacity: 1;
    transform: translateX(0rem);
  }
}

.ele-admintion1 {
  animation: animation1 0.6s ease-in-out;
}

.ele-admintion2 {
  animation: animation1 0.6s ease-in-out;
  animation-delay: 0.4s;
}

.ele-admintion3 {
  animation: animation1 0.6s ease-in-out;
  animation-delay: 0.6s;
}

.mobile-pd {
  overflow: hidden;
}

@media (max-width: 576px) {
  .col-xs {
    flex: 1 0 0%;
  }
  .col-xs-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xs-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xs-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xs-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xs-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xs-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xs-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xs-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xs-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xs-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xs-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xs-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xs-12 {
    flex: 0 0 auto;
    width: 100%;
  }
}