@keyframes magnifier {
  0% {
    transform: translate(0, 0);
  }
  17% {
    transform: translate(40px, 0);
  }
  34% {
    transform: translate(0, 0);
  }
  51% {
    transform: translate(40px, 0);
  }
  68% {
    transform: translate(40px, -50px);
  }
  85% {
    transform: translate(40px, 0);
  }
  to {
    transform: translate(0, 0);
  }
}
@keyframes bubble {
  from {
    transform: translateX(-20px);
    opacity: 0;
  }
  60% {
    transform: translateX(0px);
    opacity: 1;
  }
  to {
    transform: translateX(10px);
    opacity: 0;
  }
}
.page-intro .intro {
  margin-bottom: 39px;
}
.page-intro.sty-industry .intro {
  margin-bottom: 46px;
}
.page-intro.sty-industry .intro h1 {
  font-size: 3em;
  margin-bottom: 20px;
}
.page-intro.sty-industry .intro p {
  color: #58595B;
  font-weight: 400;
  line-height: 1.75;
  letter-spacing: 0.48px;
}

.content .wrapper {
  position: relative;
  padding-top: 113px;
  padding-bottom: 30px;
}
@media screen and (max-width: 991px) {
  .content .wrapper {
    padding-top: 56px;
  }
}
.content .wrapper:before {
  content: "";
  position: absolute;
  left: 112px;
  top: 0;
  width: calc(100% + 56px);
  height: 100%;
  border-radius: 300px 0px 0px 0px;
  background-image: linear-gradient(180deg, #FFF 97.34%, rgba(255, 255, 255, 0) 101.97%);
  z-index: -1;
}
@media screen and (max-width: 991px) {
  .content .wrapper:before {
    width: calc(100% + 64px);
    left: -32px;
    border-radius: 80px 0px 0px 0px;
  }
}
.content .col-r {
  width: calc(100% - 250px);
  padding-left: 120px;
}
@media screen and (max-width: 991px) {
  .content .col-r {
    width: 100%;
    padding-left: 0;
  }
}
.content .details {
  margin-bottom: 52px;
}
.content .details h2 {
  color: #0C8295;
  font-size: 1.75em;
  font-weight: 500;
  line-height: 1.43;
  letter-spacing: 0.84px;
  margin-bottom: 24px;
}
@media screen and (max-width: 991px) {
  .content .details h2 {
    font-size: 1.5em;
  }
}
.content .details h3 {
  font-size: 1.25em;
  color: #58595B;
  font-weight: 500;
  line-height: 2;
  letter-spacing: 0.4px;
  margin-bottom: 12px;
}
.content .details h4 {
  background-color: #0C8295;
  padding: 8px;
  font-size: 1em;
  color: #ffffff;
  line-height: 2;
  margin-bottom: 8px;
}
.content .details .details-wrap {
  color: #58595B;
  line-height: 1.75;
  letter-spacing: 0.48px;
  padding-left: 32px;
}
@media screen and (max-width: 991px) {
  .content .details .details-wrap {
    padding-left: 0;
  }
}
.content .details .details-wrap a {
  color: #0C8295;
  font-weight: 500;
}
.content .details .details-wrap ul {
  list-style-type: none;
}
.content .details .details-wrap iframe {
  max-width: 100%;
  border-radius: 8px;
}
.content .details .slide {
  padding: 0 24px;
}
.content .details .slide img {
  display: block;
  width: 100%;
}
.content .details .slide .caption {
  position: absolute;
  bottom: 0;
  left: 24px;
  width: calc(100% - 48px);
  padding: 32px;
  color: #ffffff;
  font-size: 0.875em;
  line-height: 1.71;
  letter-spacing: 0.42px;
  background: linear-gradient(180deg, rgba(88, 89, 91, 0) 0%, rgba(66, 66, 66, 0.9) 50%);
}
.content .details .slide .caption a {
  color: #ffffff;
}
.content .details .swiper {
  margin-left: -24px;
  margin-right: -24px;
}
.content .details .swiper-button-next, .content .details .swiper-button-prev {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  border: 2px solid #0C8295;
}
.content .details .swiper-button-next:after, .content .details .swiper-button-prev:after {
  font-size: 1.7em;
}
.content .details .swiper-button-prev {
  background-color: #ffffff;
  left: 0;
}
.content .details .swiper-button-prev:after {
  color: #0C8295;
}
.content .details .swiper-button-next {
  background-color: #0C8295;
  right: 0;
}
.content .details .swiper-button-next:after {
  color: #ffffff;
}
.content.sty-industry .wrapper:after {
  content: "";
  display: block;
  border-radius: 50px;
  width: 545px;
  height: 127px;
  position: absolute;
  z-index: -1;
  background-image: linear-gradient(to left, rgba(255, 255, 255, 0) 1.86%, #FFF 98.16%);
  left: -96px;
  top: 31px;
}
@media screen and (max-width: 991px) {
  .content.sty-industry .wrapper:after {
    width: 545px;
    height: 127px;
  }
}
.content.sty-industry .inner-wrap:before {
  content: "";
  display: block;
  border-radius: 50px;
  width: 1171px;
  height: 104px;
  position: absolute;
  z-index: -1;
  background-image: linear-gradient(to left, rgba(169, 255, 251, 0) 1.43%, #A9FFFB 75.01%);
  left: -917px;
  top: 440px;
}
@media screen and (max-width: 991px) {
  .content.sty-industry .inner-wrap:before {
    width: 1171px;
    height: 104px;
  }
}/*# sourceMappingURL=member-library-resources.css.map */