.swi-company-intro {
  position: relative;
}
.swi-company-intro .section-title{
  clear: both;
}
.swi-company-intro .img-fluid {
  max-width: 100%;
  height: auto;
}

.intro-tab-wrapper .nav-tabs>li {
  margin-bottom: 0;
}

.swi-company-intro ul {
  list-style: none;
  padding-left: 0px;
}

.swi-company-intro .swc-images {
  position: relative;
  min-height: 200px;
  margin: auto;
  z-index: 2;
  max-width: fit-content;

}

.swi-company-intro .swc-images .img-wrapper {
  float: left;
  width: 220px;
  height: auto;
  border-radius: 8px;
  border: 8px solid #fff;
  overflow: hidden;
  box-shadow: 0px 12px 13px 0px #00000040;
}

.swi-company-intro .img-shadow {
  position: absolute;
  top: 232px;
  left: 0px;

}

.swi-company-intro .swc-content {
  background-color: #fff;
  position: relative;
  z-index: 2;
}



.swi-company-intro .img-wrapper:nth-child(1) {
  left: 20%;
  animation: rotate-left 6s ease-in-out infinite;
}

.swi-company-intro .img-wrapper:nth-child(2) {
  left: 20%;
  z-index: 1;
  animation: rotate-right 5s ease-in-out infinite;
}

.swi-company-intro .img-wrapper:nth-child(3) {
  left: 60%;
  animation: rotate-sway 7s ease-in-out infinite;
}

.swi-company-intro ul li i {
  color: rgba(191, 30, 46, 1);
}

.swi-company-intro .intro-tab-wrapper .nav-tabs>li>a,
.swi-company-intro .intro-tab-wrapper .nav-tabs>li>a:hover,
.swi-company-intro .intro-tab-wrapper .nav-tabs>li.active>a,
.swi-company-intro .intro-tab-wrapper .nav-tabs>li.active>a:focus,
.swi-company-intro .intro-tab-wrapper .nav-tabs>li.active>a:hover {
  border: 0;
  background: #fff;
}

.swi-company-intro .intro-tab-wrapper .nav-tabs>li.active>a,
.swi-company-intro .intro-tab-wrapper .nav-tabs>li>a {
  color: #212121;
}

.swi-company-intro .intro-tab-wrapper .nav-tabs>li>a {
  margin-right: 40px;
  padding: 12px 0;
  font-size: 20px;
  line-height: 30px;
  text-transform: capitalize;
  position: relative;
}


.swi-company-intro .intro-tab-wrapper .nav-tabs>li>a:before {
  content: '';
  height: 4px;
  width: 0;
  position: absolute;
  left: 0;
  bottom: -1px;
  background: #be1e2e;
  opacity: 0;
  transition: width .6s cubic-bezier(.25, .8, .25, 1) 0s;
}

.swi-company-intro .intro-tab-wrapper .nav-tabs>li.active>a:before {
  opacity: 1;
  width: 60px;
}

.swi-company-intro .intro-tab-wrapper .nav-tabs>li>a:hover {
  color: #be1e2e !important;
}

.swi-company-intro .tab-inner-content {
  padding: 20px 0;
}
@media (min-width: 768px) {
  .swi-company-intro .intro-tab-wrapper .nav-tabs>li>a {
    margin-right: 80px;
  }

  .swi-company-intro .img-wrapper:nth-child(2) {
    left: 40%;

  }
 .swi-company-intro .img-shadow{
    top: 184px;
  }
}

@media screen and (min-width: 992px) {
.swi-company-intro .img-shadow {
  top: 147px;
}
@media screen and (min-width: 1080px) {
  .swi-company-intro .img-shadow {
    top: 140px;
  }
}
@media screen and (min-width: 1200px) {
 .swi-company-intro .img-shadow {
    top: 105px;
  }
}

@media screen and (min-width: 1600px) {
.swi-company-intro .img-shadow {
    top: 155px;
    z-index: 1;
    left: 50%;
    transform: translateX(-50%);
  }

}
@keyframes rotate-left {
  0% {
    transform: rotate(-16deg);
  }

  50% {
    transform: rotate(-20deg);
  }

  100% {
    transform: rotate(-16deg);
  }
}

@keyframes rotate-right {
  0% {
    transform: rotate(8deg);
  }

  50% {
    transform: rotate(12deg);
  }

  100% {
    transform: rotate(8deg);
  }
}

@keyframes rotate-sway {
  0% {
    transform: rotate(-4deg);
  }

  50% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(-4deg);
  }
}



