/*!***************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/style.scss ***!
  \***************************************************************************************************************************************************************************************************************************************/
/* cs prologue */
.abbey-section-cs-prologue {
  padding: 100px 0;
}
.abbey-section-cs-prologue p {
  color: var(--color_gray_900);
}
.abbey-section-cs-prologue .prologue-heading h2,
.abbey-section-cs-prologue .prologue-heading h3,
.abbey-section-cs-prologue .prologue-content h2,
.abbey-section-cs-prologue .prologue-content h3 {
  margin-bottom: 40px;
  color: var(--color_gray_900);
}
.abbey-section-cs-prologue .prologue-heading p:not(:last-child),
.abbey-section-cs-prologue .prologue-content p:not(:last-child) {
  margin-bottom: 40px;
}
.abbey-section-cs-prologue .prologue-wrapper {
  display: flex;
  gap: 130px;
}
.abbey-section-cs-prologue .prologue-wrapper > div {
  flex: 0 1 50%;
}

@media only screen and (max-width: 1280px) {
  .abbey-section-cs-prologue .prologue-wrapper {
    gap: 80px;
  }
}
@media only screen and (max-width: 1024px) {
  .abbey-section-cs-prologue {
    padding: 48px 0;
  }
  .abbey-section-cs-prologue .prologue-heading h2,
  .abbey-section-cs-prologue .prologue-heading h3,
  .abbey-section-cs-prologue .prologue-content h2,
  .abbey-section-cs-prologue .prologue-content h3 {
    margin-bottom: 24px;
  }
  .abbey-section-cs-prologue .prologue-heading p:not(:last-child),
  .abbey-section-cs-prologue .prologue-content p:not(:last-child) {
    margin-bottom: 24px;
  }
  .abbey-section-cs-prologue .prologue-wrapper {
    flex-wrap: wrap;
    gap: 40px;
  }
  .abbey-section-cs-prologue .prologue-wrapper > div {
    flex: 0 0 100%;
  }
}
/* /cs prologue */
/* cs prologue number */
.abbey-section-cs-prologue-numbers {
  padding: 0 0 48px;
}
.abbey-section-cs-prologue-numbers h4,
.abbey-section-cs-prologue-numbers p {
  color: var(--c_neutral--white);
}
.abbey-section-cs-prologue-numbers h4 {
  margin-top: 20px;
}
.abbey-section-cs-prologue-numbers .prologue-wrapper {
  display: flex;
  gap: 130px;
}
.abbey-section-cs-prologue-numbers .prologue-wrapper > div {
  flex: 0 1 50%;
}
.abbey-section-cs-prologue-numbers .prologue-wrapper .prologue-image img {
  max-width: 100%;
}
.abbey-section-cs-prologue-numbers .prologue-wrapper .prologue-numbers {
  margin-top: 155px;
  padding-bottom: 100px;
}
.abbey-section-cs-prologue-numbers .prologue-wrapper .prologue-numbers .prologue-number-item:not(:last-child) {
  margin-bottom: 40px;
}

@media only screen and (max-width: 1280px) {
  .abbey-section-cs-prologue-numbers .prologue-wrapper {
    gap: 80px;
  }
}
@media only screen and (max-width: 1024px) {
  .abbey-section-cs-prologue-numbers {
    padding: 0 0 48px;
  }
  .abbey-section-cs-prologue-numbers .prologue-wrapper {
    flex-wrap: wrap;
    gap: 40px;
  }
  .abbey-section-cs-prologue-numbers .prologue-wrapper > div {
    flex: 0 0 100%;
  }
  .abbey-section-cs-prologue-numbers .prologue-wrapper .prologue-image {
    order: 1;
    text-align: center;
  }
  .abbey-section-cs-prologue-numbers .prologue-wrapper .prologue-image img {
    width: auto;
    max-width: 100%;
    max-height: 70vh;
  }
  .abbey-section-cs-prologue-numbers .prologue-wrapper .prologue-numbers {
    margin-top: 88px;
    padding-bottom: 0;
  }
  .abbey-section-cs-prologue-numbers .prologue-wrapper .prologue-numbers .prologue-number-item:not(:last-child) {
    margin-bottom: 56px;
  }
}
/* /cs prologue number */
/* cs video */
.abbey-section-cs-video {
  padding: 100px 0;
  color: var(--c_neutral--white);
  background: #221E20;
}
.abbey-section-cs-video .video-wrapper {
  display: flex;
  gap: 130px;
}
.abbey-section-cs-video .video-wrapper .video-main-content {
  flex: 0 1 calc(40% - 65px);
}
.abbey-section-cs-video .video-wrapper .video-main-content h2 {
  margin-bottom: 40px;
}
.abbey-section-cs-video .video-wrapper .video-main-content .video-awards {
  display: flex;
  margin-top: 80px;
  gap: 30px;
}
.abbey-section-cs-video .video-wrapper .video-main-content .video-awards .video-award {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.abbey-section-cs-video .video-wrapper .video-main-content .video-awards .video-award span {
  color: #FAFAFA;
}
.abbey-section-cs-video .video-wrapper .video-content {
  flex: 0 1 calc(60% - 65px);
}
.abbey-section-cs-video .video-wrapper .video-content a {
  display: block;
  position: relative;
}
.abbey-section-cs-video .video-wrapper .video-content a .videoButton {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 60px;
  height: 60px;
  margin-top: -30px;
  margin-left: -30px;
  border-radius: 50%;
  background: var(--c_brand--500);
  box-shadow: 0 4px 7px 0 rgba(85, 36, 223, 0.5);
}
.abbey-section-cs-video .video-wrapper .video-content a .videoButton:before {
  position: absolute;
  top: -20px;
  left: -20px;
  display: block;
  width: 100px;
  height: 100px;
  content: "";
  opacity: 0.1;
  border-radius: 50%;
  background-color: var(--c_neutral--black);
}
.abbey-section-cs-video .video-wrapper .video-content a .videoButton .triangle {
  position: relative;
  top: 50%;
  left: 50%;
  display: block;
  width: 12px;
  height: 12px;
  margin-top: -6px;
  margin-left: -3px;
  transform: rotate(30deg) skewX(-30deg) scale(1, 0.866);
  text-align: left;
  border-top-right-radius: 30%;
  background-color: var(--c_neutral--white);
}
.abbey-section-cs-video .video-wrapper .video-content a .videoButton .triangle:before, .abbey-section-cs-video .video-wrapper .video-content a .videoButton .triangle:after {
  position: absolute;
  width: 12px;
  height: 12px;
  content: "";
  border-top-right-radius: 30%;
  background-color: inherit;
}
.abbey-section-cs-video .video-wrapper .video-content a .videoButton .triangle:before {
  transform: rotate(-135deg) skewX(-45deg) scale(1.414, 0.707) translate(0, -50%);
}
.abbey-section-cs-video .video-wrapper .video-content a .videoButton .triangle:after {
  transform: rotate(135deg) skewY(-45deg) scale(0.707, 1.414) translate(50%);
}
.abbey-section-cs-video .video-wrapper .video-content a img {
  display: block;
  width: 100%;
  height: auto;
}

.videoLightboxPlayerContent {
  position: fixed;
  z-index: 100001;
  top: 0;
  left: 0;
  display: none;
  width: 100vw;
  height: 100vh;
  padding: 10vh 10vw;
  background: rgba(38, 41, 82, 0.7);
}
.videoLightboxPlayerContent .playerContainer {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.videoLightboxPlayerContent .playerContainer .plyr {
  width: 100%;
}
.videoLightboxPlayerContent .playerContainer .plyr__video-embed, .videoLightboxPlayerContent .playerContainer .plyr__video-wrapper--fixed-ratio {
  height: 100% !important;
  padding-bottom: 0 !important;
}
.videoLightboxPlayerContent .videoPlayerClose {
  position: absolute;
  z-index: 2;
  top: 10vh;
  right: 10vw;
  display: block;
  width: 50px;
  height: 50px;
  cursor: pointer;
  transition: background 0.3s;
  transform: translateX(50px);
  text-indent: -999em;
}
.videoLightboxPlayerContent .videoPlayerClose:after, .videoLightboxPlayerContent .videoPlayerClose:before {
  position: absolute;
  top: 50%;
  left: 24px;
  width: 2px;
  height: 25px;
  margin-top: -23px;
  content: " ";
  transition: background var(--translation_duration);
  border-radius: 2px;
  background-color: var(--c_neutral--white);
}
.videoLightboxPlayerContent .videoPlayerClose:after {
  transform: rotate(-45deg);
}
.videoLightboxPlayerContent .videoPlayerClose:before {
  transform: rotate(45deg);
}
.videoLightboxPlayerContent .videoPlayerClose:hover:after, .videoLightboxPlayerContent .videoPlayerClose:hover:before {
  background: var(--c_brand--500);
}

@media only screen and (max-width: 1280px) {
  .abbey-section-cs-video .video-wrapper {
    gap: 80px;
  }
}
@media only screen and (max-width: 1024px) {
  .abbey-section-cs-prologue-numbers {
    padding: 40px 0;
  }
  .abbey-section-cs-prologue-numbers .prologue-wrapper {
    flex-wrap: wrap;
    gap: 40px;
  }
  .abbey-section-cs-prologue-numbers .prologue-wrapper .video-main-content,
  .abbey-section-cs-prologue-numbers .prologue-wrapper .video-player {
    flex: 0 0 100%;
  }
  .videoLightboxPlayerContent {
    padding: 0;
  }
  .videoLightboxPlayerContent .videoPlayerClose {
    top: 0;
    right: 0;
    transform: translateX(0);
  }
  .videoLightboxPlayerContent .videoPlayerClose:after, .videoLightboxPlayerContent .videoPlayerClose:before {
    margin-top: -13px;
  }
}
/* /cs video */
/* cs challenges */
.abbey-section-cs-challenges {
  padding: 100px 0;
  color: var(--color_gray_900);
  background: var(--c_neutral--white);
}
.abbey-section-cs-challenges .challenges-main-heading {
  margin-bottom: 40px;
}
.abbey-section-cs-challenges .wrapper-cs {
  display: flex;
  flex-wrap: wrap;
  -moz-column-gap: 130px;
       column-gap: 130px;
}
.abbey-section-cs-challenges .wrapper-cs .challenges-main-heading {
  flex: 0 0 100%;
}
.abbey-section-cs-challenges .wrapper-cs .challenges-content {
  display: flex;
  flex: 0 1 calc(50% - 65px);
  flex-direction: column;
}
.abbey-section-cs-challenges .wrapper-cs .challenges-content:last-child {
  gap: 40px;
}
.abbey-section-cs-challenges .wrapper-cs .challenges-content > div:not(:last-child) {
  margin-bottom: 40px;
}
.abbey-section-cs-challenges .wrapper-cs .challenges-content h3 {
  margin-bottom: 40px;
}

@media only screen and (max-width: 1280px) {
  .abbey-section-cs-challenges .wrapper-cs {
    display: flex;
    -moz-column-gap: 80px;
         column-gap: 80px;
  }
  .abbey-section-cs-challenges .wrapper-cs .challenges-content {
    flex: 0 1 calc(50% - 40px);
    margin-bottom: 80px;
  }
}
@media only screen and (max-width: 1024px) {
  .abbey-section-cs-challenges {
    padding: 48px 0;
  }
  .abbey-section-cs-challenges .challenges-main-heading {
    margin-bottom: 32px;
  }
  .abbey-section-cs-challenges .wrapper-cs {
    margin-bottom: 0;
  }
  .abbey-section-cs-challenges .wrapper-cs .challenges-content {
    flex: 0 0 100%;
    margin-bottom: 0;
  }
  .abbey-section-cs-challenges .wrapper-cs .challenges-content:last-child {
    gap: unset;
  }
  .abbey-section-cs-challenges .wrapper-cs .challenges-content > div {
    margin-bottom: 32px;
  }
  .abbey-section-cs-challenges .wrapper-cs .challenges-content h3 {
    margin-bottom: 24px;
  }
}
/* /cs challenges */
/* cs solutions */
.abbey-section-cs-solutions {
  padding: 100px 0;
  color: var(--color_gray_900);
  background: #EFEFEF;
}
.abbey-section-cs-solutions .solutions-main-heading {
  margin-bottom: 80px;
}
.abbey-section-cs-solutions .solutions-content {
  display: flex;
  -moz-column-gap: 130px;
       column-gap: 130px;
}
.abbey-section-cs-solutions .solutions-content > div {
  flex: 0 1 50%;
}
.abbey-section-cs-solutions .solutions-content > div > div:not(:last-child) {
  margin-bottom: 80px;
}
.abbey-section-cs-solutions .solutions-content h3 {
  margin-bottom: 40px;
}
.abbey-section-cs-solutions .solutions-image {
  position: relative;
  position: sticky;
  top: 90px;
  margin-top: 40px;
}
.abbey-section-cs-solutions .solutions-image img {
  display: block;
  max-width: 100%;
  margin: 0 auto;
  animation: floatImg 5s ease-in-out infinite;
}
.abbey-section-cs-solutions .abbey-solutions-cta {
  display: flex;
  justify-content: center;
  margin-top: 100px;
  text-align: center;
}

@media only screen and (max-width: 1280px) {
  .abbey-section-cs-solutions .solutions-content {
    -moz-column-gap: 80px;
         column-gap: 80px;
  }
  .abbey-section-cs-solutions .solutions-content {
    margin-bottom: 32x;
  }
}
@media only screen and (max-width: 1024px) {
  .abbey-section-cs-solutions {
    padding: 48px 0;
  }
  .abbey-section-cs-solutions .solutions-main-heading {
    margin-bottom: 32px;
  }
  .abbey-section-cs-solutions .solutions-content {
    flex-wrap: wrap;
    margin-bottom: 0;
  }
  .abbey-section-cs-solutions .solutions-content > div {
    flex: 0 0 100%;
  }
  .abbey-section-cs-solutions .solutions-content > div > div {
    margin-bottom: 32px;
  }
  .abbey-section-cs-solutions .solutions-content h3 {
    margin-bottom: 24px;
  }
  .abbey-section-cs-solutions .solutions-image {
    top: 10px;
  }
  .abbey-section-cs-solutions .abbey-solutions-cta {
    margin-top: 0;
  }
}
/* /cs solutions */
/* cs services tech */
.abbey-section-cs-services-tech {
  padding: 100px 0;
  color: var(--c_neutral--white);
  background: #221E20;
}
.abbey-section-cs-services-tech .services-tech-heading {
  margin-bottom: 40px;
}
.abbey-section-cs-services-tech .services-tech-content .services-tech-columns {
  display: flex;
  gap: 24px;
}
.abbey-section-cs-services-tech .services-tech-content .services-tech-columns > div {
  flex: 0 1 25%;
}
.abbey-section-cs-services-tech .services-tech-content .services-tech-columns h3 {
  font-weight: bold;
}
.abbey-section-cs-services-tech .services-tech-content .services-tech-columns p {
  margin-top: 40px;
}

@media only screen and (max-width: 1024px) {
  .abbey-section-cs-services-tech {
    padding: 48px 0;
  }
  .abbey-section-cs-services-tech .services-tech-heading {
    margin-bottom: 32px;
  }
  .abbey-section-cs-services-tech .services-tech-content .services-tech-columns {
    flex: 0 0 100%;
    flex-wrap: wrap;
  }
  .abbey-section-cs-services-tech .services-tech-content .services-tech-columns > div {
    flex: 0 0 100%;
  }
}
/* /cs services tech */
/* cs results */
.abbey-section-cs-results {
  padding: 100px 0;
  color: var(--color_gray_900);
  background: #FFDCDE;
}
.abbey-section-cs-results .results-main-heading {
  margin-bottom: 40px;
}
.abbey-section-cs-results .wrapper-cs {
  display: flex;
  flex-wrap: wrap;
  -moz-column-gap: 130px;
       column-gap: 130px;
}
.abbey-section-cs-results .wrapper-cs .results-main-heading {
  flex: 0 0 100%;
}
.abbey-section-cs-results .wrapper-cs .results-content {
  display: flex;
  flex: 0 1 calc(50% - 65px);
  flex-direction: column;
}
.abbey-section-cs-results .wrapper-cs .results-content:last-child {
  gap: 40px;
}
.abbey-section-cs-results .wrapper-cs .results-content > div:not(:last-child) {
  margin-bottom: 40px;
}
.abbey-section-cs-results .wrapper-cs .results-content h3 {
  margin-bottom: 40px;
}
.abbey-section-cs-results .wrapper-cs .results-image-full {
  margin-top: 80px;
  text-align: center;
}
.abbey-section-cs-results .wrapper-cs .results-image-full img {
  display: inline-block;
  max-width: 100%;
}

@media only screen and (max-width: 1280px) {
  .abbey-section-cs-results .wrapper-cs {
    display: flex;
    -moz-column-gap: 80px;
         column-gap: 80px;
  }
  .abbey-section-cs-results .wrapper-cs .results-content {
    flex: 0 1 calc(50% - 40px);
    margin-bottom: 80px;
  }
}
@media only screen and (max-width: 1024px) {
  .abbey-section-cs-results {
    padding: 48px 0;
  }
  .abbey-section-cs-results .results-main-heading {
    margin-bottom: 32px;
  }
  .abbey-section-cs-results .wrapper-cs {
    margin-bottom: 0;
  }
  .abbey-section-cs-results .wrapper-cs .results-content {
    flex: 0 0 100%;
    margin-bottom: 0;
  }
  .abbey-section-cs-results .wrapper-cs .results-content:last-child {
    gap: unset;
  }
  .abbey-section-cs-results .wrapper-cs .results-content > div {
    margin-bottom: 32px;
  }
  .abbey-section-cs-results .wrapper-cs .results-content h3 {
    margin-bottom: 24px;
  }
  .abbey-section-cs-results .wrapper-cs .results-image-full {
    margin-top: 30px;
  }
}
/* /cs results */

/*# sourceMappingURL=style-index.css.map*/