.custom-html--sitecore section#redesign-main {
  margin-top: 0px;
}
.custom-html--sitecore .content-module {
  margin-bottom: 0rem;
}
.custom-html--sitecore .section-container {
  width: 100%;
  position: relative;
}
.custom-html--sitecore .cta-more {
  color: #004DFF;
  position: absolute;
  width: auto;
  padding: 10px;
  z-index: 10;
  opacity: 0;
  transition: opacity 0.6s ease;
}
.custom-html--sitecore .cta-more.isactive {
  opacity: 1;
}
.custom-html--sitecore .cta-more .cta-more-box {
  position: absolute;
  left: 20px;
  top: 20px;
  width: 5px;
  height: 5px;
  border-radius: 50px;
  transition: all 0.4s ease;
}
.custom-html--sitecore .cta-more.isactive .cta-more-box {
  left: 0;
  top: 5px;
  width: 36px;
  height: 36px;
  border: 1px solid #004DFF;
  border-radius: 50px;
  transition-delay: 0.2s;
}
.custom-html--sitecore .cta-more.isactive:hover .cta-more-box {
  height: 36px;
  border-radius: 25px 25px 25px 25px;
}
.custom-html--sitecore .cta-more .cta-more-arrow {
  position: absolute;
  left: 0px;
  top: 8px;
  opacity: 0;
  transition: all 0.4s ease;
}
.custom-html--sitecore .cta-more.isactive .cta-more-arrow {
  position: absolute;
  left: 20px;
  top: 8px;
  opacity: 1;
  transition-delay: 0.6s;
}
.custom-html--sitecore .cta-more.isactive .cta-more:hover .cta-more-arrow {
  left: 10px;
}
.custom-html--sitecore .cta-more .img-arrow-right {
  width: 24px;
  position: absolute;
}
.custom-html--sitecore .cta-more .cta-more-label {
  margin-left: 45px;
  opacity: 0;
  transition: opacity 0.7s ease 0.8s;
}
.custom-html--sitecore .cta-more.isactive .cta-more-label {
  opacity: 1;
}
.custom-html--sitecore .cta-scroll {
  color: #ffffff;
  position: absolute;
  width: auto;
  padding: 10px;
  z-index: 10;
  opacity: 0;
}
.custom-html--sitecore .cta-scroll.position-1 {
  bottom: 40%;
  right: 50%;
}
.custom-html--sitecore .cta-scroll.position-2 {
  bottom: 10%;
  right: 10%;
}
.custom-html--sitecore .cta-scroll.isactive {
  transition: opacity 0.6s ease;
  opacity: 1;
}
.custom-html--sitecore .cta-scroll .cta-scroll-box {
  position: absolute;
  transform: translateX(-50%);
  top: 7px;
  left: 50%;
  top: 20px;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  transition: all 0.4s ease;
}
.custom-html--sitecore .cta-scroll.isactive .cta-scroll-box {
  left: 50%;
  transform: translateX(-50%);
  top: 7px;
  width: 36px;
  height: 36px;
  border: 1px solid #ffffff;
  border-radius: 50%;
  transition-delay: 0.2s;
}
.custom-html--sitecore .cta-scroll .cta-scroll-arrow {
  position: absolute;
  left: 6px;
  top: -10px;
  opacity: 0;
  transition: all 0.4s ease;
}
.custom-html--sitecore .cta-scroll.isactive .cta-scroll-arrow {
  position: absolute;
  left: 5px;
  top: 5px;
  opacity: 1;
  transition-delay: 0.6s;
}
.custom-html--sitecore .cta-scroll.isactive .cta-scroll:hover .cta-scroll-arrow {
  left: 10px;
}
.custom-html--sitecore .cta-scroll .img-arrow-right {
  width: 23px;
}
.custom-html--sitecore .cta-scroll .cta-scroll-label {
  width: max-content;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -100%;
  opacity: 0;
  transition: opacity 0.7s ease 0.8s;
}
.custom-html--sitecore .cta-scroll.isactive .cta-scroll-label {
  opacity: 1;
}
.custom-html--sitecore .cta-scroll .cta-scroll-arrow.goDown {
  -webkit-animation-duration: 3.5s;
  animation-duration: 3.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-name: goDown;
  animation-name: goDown;
}
@-webkit-keyframes goDown {
  0%,
  100% {
    -webkit-top: 16px;
  }
  25% {
    -webkit-top: 27px;
  }
  50% {
    -webkit-top: 16px;
  }
  75% {
    -webkit-top: 27px;
  }
}
@keyframes goDown {
  0%,
  100% {
    top: 16px;
  }
  25% {
    top: 30px;
  }
  50% {
    top: 16px;
  }
  75% {
    top: 30px;
  }
}
.custom-html--sitecore .text-content .sectionTitle {
  position: relative;
  top: 5px;
  opacity: 0;
}
.custom-html--sitecore .text-content .sectionDescription {
  position: relative;
  top: 5px;
  opacity: 0;
}
.custom-html--sitecore .text-content.isactive .sectionTitle {
  transition: all 0.6s ease-out;
  top: 0px;
  opacity: 1;
  transition-delay: 0.1s;
}
.custom-html--sitecore .text-content.isactive .sectionDescription {
  transition: all 0.6s ease-out;
  top: 0px;
  opacity: 1;
  transition-delay: 0.2s;
}
.custom-html--sitecore .IE .section-container {
  height: auto !important;
}
.custom-html--sitecore .IE .section-container .panel {
  position: relative!important;
}
.custom-html--sitecore .zoom.disable {
  display: none;
}
.custom-html--sitecore .carousel.slide {
  width: 600px;
  position: relative;
  left: 18%;
}
.custom-html--sitecore .carousel.slide .carousel-inner .item {
  height: 600px;
}
.custom-html--sitecore .carousel.slide .carousel-inner .item .cta-btn {
  display: none;
}
.custom-html--sitecore .carousel.slide .carousel-inner .item img {
  height: 100%;
  width: auto;
}
.custom-html--sitecore .right.carousel-control,
.custom-html--sitecore .left.carousel-control {
  opacity: 0;
}
.custom-html--sitecore .section-container-1 {
  height: 100vh;
  background: #fff;
  overflow: hidden;
}
.custom-html--sitecore .panel {
  margin: 0px;
  padding: 0px;
  width: 100vw;
  height: 100vh;
  position: absolute;
  overflow: hidden;
  background: transparent;
  border: 0px !important;
  box-shadow: none !important;
}
.custom-html--sitecore .panel-1 {
  z-index: 4;
}
.custom-html--sitecore .panel-2 {
  z-index: 3;
}
.custom-html--sitecore .panel-3 {
  z-index: 2;
}
.custom-html--sitecore .panel-4 {
  z-index: 1;
}
.custom-html--sitecore .panel-5 {
  z-index: 0;
}
.custom-html--sitecore .section-container-1 .panel-1 .img-1 {
  width: 100%;
  min-height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -45%);
}
.custom-html--sitecore .section-container-1 .panel-2.isactive {
  z-index: 5;
}
.custom-html--sitecore .section-container-1 .panel-2 .vid-1 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -45%);
}
.custom-html--sitecore .section-container-1 .text-center {
  bottom: 8%;
  position: absolute;
}
.custom-html--sitecore .arrow-down {
  position: absolute;
  text-align: center;
  bottom: 10%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.custom-html--sitecore .section-container-1 .cta-scroll {
  font-family: Graphik medium;
  font-size: 18px;
  color: #6b6b6ba3;
  position: absolute;
  width: auto;
  padding: 10px;
  bottom: 10%;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
}
.custom-html--sitecore .section-container-1 .cta-scroll.isactive {
  transition: opacity 0.6s ease;
  cursor: pointer;
}
.custom-html--sitecore .section-container-1 .cta-scroll.isactive .cta-scroll-box {
  border: 2px solid #C3C3C3;
}
.custom-html--sitecore .section-container-1 .cta-more {
  color: #004DFF;
  position: absolute;
  width: auto;
  padding: 10px;
  bottom: 10%;
  right: 10%;
  z-index: 10;
  opacity: 0;
  transition: opacity 0.6s ease;
}
.custom-html--sitecore .section-container-1 .cta-more.isactive {
  opacity: 1;
}
.custom-html--sitecore .section-container-1 .cta-more .cta-more-box {
  position: absolute;
  left: 20px;
  top: 20px;
  width: 5px;
  height: 5px;
  border-radius: 50px;
  transition: all 0.4s ease;
}
.custom-html--sitecore .section-container-1 .cta-more.isactive .cta-more-box {
  left: 0;
  top: 5px;
  width: 36px;
  height: 36px;
  border: 1px solid #004DFF;
  border-radius: 50px;
  transition-delay: 0.2s;
}
.custom-html--sitecore .section-container-1 .cta-more.isactive:hover .cta-more-box {
  height: 36px;
  border-radius: 25px 25px 25px 25px;
}
.custom-html--sitecore .section-container-1 .cta-more .cta-more-arrow {
  position: absolute;
  left: 0px;
  top: 3px;
  opacity: 0;
  transition: all 0.4s ease;
}
.custom-html--sitecore .section-container-1 .cta-more.isactive .cta-more-arrow {
  position: absolute;
  left: 20px;
  top: 8px;
  opacity: 1;
  transition-delay: 0.6s;
}
.custom-html--sitecore .section-container-1 .cta-more.isactive .cta-more:hover .cta-more-arrow {
  left: 10px;
}
.custom-html--sitecore .section-container-1 .cta-more .img-arrow-right {
  width: 24px;
}
.custom-html--sitecore .section-container-1 .cta-more .cta-more-label {
  margin-left: 45px;
  opacity: 0;
  transition: opacity 0.7s ease 0.8s;
}
.custom-html--sitecore .section-container-1 .cta-more.isactive .cta-more-label {
  opacity: 1;
}
.custom-html--sitecore img.img-arrow-down {
  height: 25px;
  width: auto;
}
.custom-html--sitecore .big-circle-container {
  position: absolute;
  top: 65%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 300px;
  height: 300px;
  transition: width 0.7s ease, height 0.7s ease, opacity 0.3s ease 0.7s;
}
.custom-html--sitecore .big-circle {
  background-position: 70% 70%;
  width: 100%;
  height: 100%;
  opacity: 1;
  border-radius: 50%;
}
.custom-html--sitecore .big-circle.isactive {
  -webkit-animation: 1s fullRotation ease infinite;
  animation: 1s fullRotation ease infinite;
}
.custom-html--sitecore .big-circle.isactive:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  border-radius: 50%;
  background-position: 70% 70%;
  -webkit-animation: wutBefore 0.8s 0.4s ease-out infinite;
  animation: wutBefore 0.8s 0.4s ease-out infinite;
  z-index: -1;
}
.custom-html--sitecore .big-circle.isactive:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  border-radius: 50%;
  background-position: 70% 70%;
  -webkit-animation: wut 0.8s ease-out infinite;
  animation: wut 0.8s ease-out infinite;
  z-index: -1;
}
.custom-html--sitecore .big-circle-container.inactive {
  width: 100px;
  height: 100px;
  opacity: 0;
}
.custom-html--sitecore .small-circle {
  background-position: 70% 70%;
  position: absolute;
  overflow: hidden;
  top: 65%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100px;
  height: 100px;
  border-radius: 50%;
  opacity: 0;
  transition: all 0.7s ease 0.3s;
  color: #fff;
}
.custom-html--sitecore .small-circle.isactive {
  opacity: 1;
  text-align: center;
  color: #fff;
}
.custom-html--sitecore .small-circle-1.isactive {
  top: 48%;
  left: 40%;
  width: 120px;
  height: 120px;
  background-position: 50% 60%;
  transition: all 0.7s ease 0.4s, opacity 0.3s ease 0.4s;
}
.custom-html--sitecore .small-circle-2.isactive {
  top: 85%;
  left: 34%;
  width: 100px;
  height: 100px;
  background-position: 40% 40%;
  transition: all 0.7s ease 0.5s, opacity 0.3s ease 0.4s;
}
.custom-html--sitecore .small-circle-3.isactive {
  top: 62%;
  left: 25%;
  width: 150px;
  height: 150px;
  background-position: 30% 30%;
  transition: all 0.7s ease 0.6s, opacity 0.3s ease 0.4s;
}
.custom-html--sitecore .small-circle-4.isactive {
  top: 90%;
  left: 60%;
  width: 130px;
  height: 130px;
  background-position: 20% 20%;
  transition: all 0.7s ease 0.7s, opacity 0.3s ease 0.4s;
}
.custom-html--sitecore .small-circle-5.isactive {
  top: 52%;
  left: 74%;
  width: 160px;
  height: 160px;
  background-position: 70% 70%;
  transition: all 0.7s ease 0.8s, opacity 0.3s ease 0.4s;
}
.custom-html--sitecore .small-circle-6.isactive {
  top: 63%;
  left: 63%;
  width: 120px;
  height: 120px;
  background-position: 60% 80%;
  transition: all 0.7s ease 0.9s, opacity 0.3s ease 0.4s;
}
.custom-html--sitecore .small-circle label,
.custom-html--sitecore .small-circle span {
  opacity: 0;
}
.custom-html--sitecore .small-circle.isactive.displayText label {
  position: absolute;
  opacity: 1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.6s ease;
}
.custom-html--sitecore .small-circle.isactive.displayText {
  transition: all 0.7s ease;
  cursor: pointer;
}
.custom-html--sitecore .small-circle.isactive.displayText:hover {
  height: 150px;
  width: 150px;
}
.custom-html--sitecore .small-circle.isactive.displayText.display {
  height: 300px;
  width: 300px;
  top: 50%;
  left: 50%;
}
.custom-html--sitecore .small-circle.small-circle-2.sub-circle-1,
.custom-html--sitecore .small-circle.small-circle-3.sub-circle-2,
.custom-html--sitecore .small-circle.small-circle-4.sub-circle-3,
.custom-html--sitecore .small-circle.small-circle-5.sub-circle-4,
.custom-html--sitecore .small-circle.small-circle-6.sub-circle-5,
.custom-html--sitecore .small-circle.small-circle-1.sub-circle-6 {
  top: 47%;
  left: 34%;
}
.custom-html--sitecore .small-circle.small-circle-3.sub-circle-1,
.custom-html--sitecore .small-circle.small-circle-4.sub-circle-2,
.custom-html--sitecore .small-circle.small-circle-5.sub-circle-3,
.custom-html--sitecore .small-circle.small-circle-6.sub-circle-4,
.custom-html--sitecore .small-circle.small-circle-1.sub-circle-5,
.custom-html--sitecore .small-circle.small-circle-2.sub-circle-6 {
  top: 70%;
  left: 30%;
}
.custom-html--sitecore .small-circle.small-circle-4.sub-circle-1,
.custom-html--sitecore .small-circle.small-circle-5.sub-circle-2,
.custom-html--sitecore .small-circle.small-circle-6.sub-circle-3,
.custom-html--sitecore .small-circle.small-circle-1.sub-circle-4,
.custom-html--sitecore .small-circle.small-circle-2.sub-circle-5,
.custom-html--sitecore .small-circle.small-circle-3.sub-circle-6 {
  top: 90%;
  left: 38%;
}
.custom-html--sitecore .small-circle.small-circle-5.sub-circle-1,
.custom-html--sitecore .small-circle.small-circle-6.sub-circle-2,
.custom-html--sitecore .small-circle.small-circle-1.sub-circle-3,
.custom-html--sitecore .small-circle.small-circle-2.sub-circle-4,
.custom-html--sitecore .small-circle.small-circle-3.sub-circle-5,
.custom-html--sitecore .small-circle.small-circle-4.sub-circle-6 {
  top: 84%;
  left: 66%;
}
.custom-html--sitecore .small-circle.small-circle-6.sub-circle-1,
.custom-html--sitecore .small-circle.small-circle-1.sub-circle-2,
.custom-html--sitecore .small-circle.small-circle-2.sub-circle-3,
.custom-html--sitecore .small-circle.small-circle-3.sub-circle-4,
.custom-html--sitecore .small-circle.small-circle-4.sub-circle-5,
.custom-html--sitecore .small-circle.small-circle-5.sub-circle-6 {
  top: 58%;
  left: 67%;
}
.custom-html--sitecore .small-circle.isactive.displayText.main-circle {
  top: 65%;
  left: 50%;
  height: 350px;
  width: 350px;
}
.custom-html--sitecore .small-circle.isactive.displayText.main-circle label {
  opacity: 1;
  position: absolute;
  top: 30%;
}
.custom-html--sitecore .small-circle.isactive.displayText.main-circle span {
  opacity: 1;
  transition: opacity 0.4s ease 0.6s;
  position: absolute;
  top: 60%;
  width: 80%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 1024px) {
  .custom-html--sitecore {
    /*.animate_title.title-1.marquee-julie{
		left: 10% !important;
	}*/
  }
  .custom-html--sitecore .section-container-1 {
    height: auto;
  }
  .custom-html--sitecore .section-container-1 .panel {
    height: 100vh;
    position: relative;
  }
  .custom-html--sitecore .section-container-1 .panel-1 .img-1 {
    background-image: none;
    width: 30% !important;
    height: auto;
    min-height: auto;
    top: 35%;
    display: block !important;
  }
  .custom-html--sitecore .section-container-1 .panel-2 .vid-1 {
    width: auto;
    height: 100vh;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .custom-html--sitecore .section-container-1 .panel-2 .vid-1 {
    height: auto;
    width: auto;
    /* min-height: 100%; */
    position: absolute;
    top: 0;
    left: 8%;
    object-fit: cover;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  .custom-html--sitecore .section-container-8 .panel-1 {
    height: 80vh;
  }
  .custom-html--sitecore .section-container-8 .panel-2 {
    height: auto;
  }
}
@media screen and (min-width: 1000px) and (max-width: 1024px) {
  .custom-html--sitecore .section-container-8 .panel-1 {
    height: 120vh;
  }
  .custom-html--sitecore .section-container-8 .panel-2 {
    height: auto;
  }
}
@media screen and (max-width: 767px) {
  .custom-html--sitecore .section-container-1 .panel-2 .vid-1 {
    height: 110vh;
    left: auto;
    right: 0%;
    transform: translate(8%, -50%);
  }
}
@media screen and (max-width: 540px) {
  .custom-html--sitecore .section-container-1 .panel-1 .img-1 {
    background-image: none;
    width: 50% !important;
    height: auto;
    min-height: auto;
    top: 40%;
  }
  .custom-html--sitecore .section-container-1 .panel {
    height: 115vh;
  }
  .custom-html--sitecore .legacy-box,
  .custom-html--sitecore .core-values,
  .custom-html--sitecore .our-culture {
    padding: 2em 2em !important;
  }
  .custom-html--sitecore .section-container-3 .animate_title {
    line-height: 6.8rem !important;
  }
  .custom-html--sitecore .section-container-4 {
    height: 230vh !important;
  }
}
@media screen and (max-width: 767px) {
  .custom-html--sitecore .section-container-1 .panel-2 .vid-1 {
    height: 110vh;
    width: 100%;
    min-height: 100%;
    position: absolute;
    top: 0%;
    left: 50%;
    object-fit: cover;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}
.custom-html--sitecore .section-container-1b {
  height: auto;
  background: #fff;
  overflow: hidden;
  position: relative;
}
.custom-html--sitecore .section-container-1b .panel {
  position: relative;
  height: auto;
}
.custom-html--sitecore .section-container-1b .box-container {
  height: 70vh;
  position: relative;
}
.custom-html--sitecore .section-container-1b .box-container .box-container-1 {
  width: 40%;
  height: 70%;
  background-image: url('/content/dam/accenture/final/a-com-migration/custom/_acnmedia/thought-leadership-assets/images/mainpage/Accenture-rainbow-background.jpg');
  position: absolute;
  background-position: center;
  opacity: 0;
  top: -5%;
  left: 25%;
  transform: skew(0deg, -30deg);
  transition: all 1s ease;
}
.custom-html--sitecore .section-container-1b .box-container.isactive .box-container-1 {
  top: 0%;
  left: 25%;
  opacity: 1;
  transform: skew(0deg, -30deg);
}
.custom-html--sitecore .section-container-1b .box-container .box-container-2 {
  width: 40%;
  height: 70%;
  background-image: url('/content/dam/accenture/final/a-com-migration/custom/_acnmedia/thought-leadership-assets/images/aboutpage/accenture-fisherman-bg.png');
  position: absolute;
  background-position: center;
  background-size: 100%;
  opacity: 0;
  top: 15%;
  left: 40%;
  transform: skew(0deg, -30deg);
  transition: all 1s ease;
}
.custom-html--sitecore .section-container-1b .box-container.isactive .box-container-2 {
  top: 10%;
  left: 40%;
  opacity: 1;
  transform: skew(0deg, -30deg);
  transition-delay: 0.2s;
}
.custom-html--sitecore .section-container-2 {
  height: auto;
  background: #fff;
  overflow: hidden;
  margin-bottom: 5em;
}
.custom-html--sitecore .section-container-3 {
  height: 100vh;
  overflow: hidden;
}
.custom-html--sitecore .section-container-3 .panel-1 {
  z-index: 1;
}
.custom-html--sitecore .section-container-3 .panel-2 {
  z-index: 2;
  opacity: 0;
  transition: opacity 0.4s ease;
  background: #ffffff;
}
.custom-html--sitecore .section-container-3 .panel-2.isactive {
  opacity: 1;
}
.custom-html--sitecore .section-container-3 .panel-1 .vid-1 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.custom-html--sitecore .section-container-3 .panel-1 .curtain-border {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  min-width: 980px;
  height: 100%;
  overflow: hidden;
}
.custom-html--sitecore .section-container-3 .panel-1 .white-border-1,
.custom-html--sitecore .section-container-3 .panel-1 .white-border-2 {
  height: 100%;
  position: absolute;
  background: #fff;
}
.custom-html--sitecore .section-container-3 .panel-1 .white-border-1 {
  top: 0%;
  left: 0%;
}
.custom-html--sitecore .section-container-3 .panel-1 .white-border-2 {
  top: 0%;
  right: 0%;
}
.custom-html--sitecore .section-container-3 .panel-2 .new-row {
  margin-top: 30vh;
  transition: margin 0.6s ease;
}
.custom-html--sitecore .section-container-3 .panel-2 .new-row.isactive {
  margin-top: 12vh;
}
.custom-html--sitecore .section-container-3 .cta-more {
  top: auto;
  bottom: 10%;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (max-width: 1024px) {
  .custom-html--sitecore .section-container-3 {
    height: auto !important;
  }
  .custom-html--sitecore .section-container-3 .panel-2 {
    height: auto !important;
    position: relative;
  }
  .custom-html--sitecore .section-container-3 .panel-1 {
    height: auto !important;
    position: relative;
  }
  .custom-html--sitecore .section-container-3 .panel-1 .vid-1 {
    width: auto !important;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .custom-html--sitecore .section-container-3 .panel-2 .new-row {
    margin-top: 10vh !important;
  }
}
.custom-html--sitecore .section-container-3b {
  height: auto;
  overflow: hidden;
  position: relative;
}
.custom-html--sitecore .section-container-3b .panel {
  position: relative;
  height: auto;
}
.custom-html--sitecore .section-container-3b .panel-1 {
  z-index: 2;
  background: #fff;
}
.custom-html--sitecore .section-container-3b .panel-1 {
  z-index: 3;
  background: #fff;
}
.custom-html--sitecore .section-container-3b .panel-1 .vid-1 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.custom-html--sitecore .section-container-3b .panel-1 .white-border-1,
.custom-html--sitecore .section-container-3 .panel-1 .white-border-2 {
  height: 100%;
  position: absolute;
  background: #fff;
}
.custom-html--sitecore .section-container-3b .panel-1 .white-border-1 {
  top: 0%;
  left: 0%;
}
.custom-html--sitecore .section-container-3b .panel-1 .white-border-2 {
  top: 0%;
  right: 0%;
}
.custom-html--sitecore .section-container-3b .panel .new-row {
  margin-top: 10vh;
}
.custom-html--sitecore .section-container-3b .cta-more {
  top: auto;
  bottom: 10%;
  left: 50%;
  transform: translateX(-50%);
}
.custom-html--sitecore .section-container-6 {
  height: 100vh;
  background: #fff;
  overflow: hidden;
}
.custom-html--sitecore .section-container-6 .panel-1 {
  z-index: 1;
}
.custom-html--sitecore .section-container-6 .panel-2 {
  padding-top: 25vh;
  z-index: 2;
  opacity: 0;
  transition: opacity 0.4s ease;
  background: #ffffff;
}
.custom-html--sitecore .section-container-6 .panel-2.isactive {
  opacity: 1;
}
.custom-html--sitecore .section-container-6 .culture-text {
  bottom: 40%;
  position: absolute;
}
.custom-html--sitecore .section-container-6 .panel-3 {
  z-index: 3;
}
.custom-html--sitecore .section-container-6 .panel-1 .curtain-border {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  min-width: 980px;
  height: 100%;
  overflow: hidden;
}
.custom-html--sitecore .section-container-6 .panel-1 .vid-1,
.custom-html--sitecore .section-container-6 .panel-3 .vid-2 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.custom-html--sitecore .section-container-6 .white-border-1,
.custom-html--sitecore .section-container-6 .white-border-2 {
  height: 100%;
  position: absolute;
  background: #fff;
}
.custom-html--sitecore .section-container-6 .white-border-1 {
  top: 0%;
  left: 0%;
}
.custom-html--sitecore .section-container-6 .white-border-2 {
  top: 0%;
  right: 0%;
}
.custom-html--sitecore .section-container-6 .img-container {
  padding-top: 0px;
  height: 0px;
  width: 100%;
  overflow: hidden;
  position: relative;
  cursor: none;
  transition: height 0.7s ease;
}
.custom-html--sitecore .section-container-6 .img-container.trigger {
  padding-top: 0px;
  height: 245px;
}
.custom-html--sitecore .section-container-6 .img-container img {
  width: 101%;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  transition: transform 0.6s ease;
}
.custom-html--sitecore .section-container-6 .img-container:hover img {
  transform: scale(1.2) translateX(-50%);
  opacity: 1;
}
.custom-html--sitecore .section-container-6 .img-container.imgc-2 {
  margin-top: 30px;
}
.custom-html--sitecore .section-container-6 .img-container.imgc-3 {
  margin-top: 60px;
}
.custom-html--sitecore .section-container-6 .img-container.imgc-4 {
  margin-top: 90px;
}
.custom-html--sitecore .section-container-6 .img-container.isactive .cta-btn {
  transform: translate(-50%, -50%);
  top: 50% !important;
  left: 50% !important;
  width: 200% !important;
  height: 200% !important;
  opacity: 0.9;
  border-radius: 50% !important;
}
.custom-html--sitecore .cta-btn {
  position: relative;
  /* width: 100%; */
  /* height: 100%; */
  width: 80px;
  height: 80px;
  top: 0%;
  left: 0%;
  border-radius: 10%;
  background: #5200FF;
  transition: width 0.4s ease, height 0.4s ease, opacity 0.3s ease;
  color: white;
  border-radius: 50%;
  opacity: 0;
  line-height: 1.6rem;
}
.custom-html--sitecore .section-container-6 .img-container .cta-btn {
  opacity: 0;
}
.custom-html--sitecore .section-container-6 .img-container:hover .cta-btn {
  /* top: 70%; */
  /* left: 70%; */
  width: 80px;
  height: 80px;
  border-radius: 50%;
}
.custom-html--sitecore .section-container-6 .img-container .cta-btn span {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  line-height: 1 !important;
  font-size: 16px !important;
  font-family: Graphik semibold;
}
.custom-html--sitecore .section-container-6 .follow-cta-btn {
  width: 80px;
  height: 80px;
  opacity: 0;
  border-radius: 50%;
  background: #5200FF;
  position: absolute;
  padding: 5px;
  z-index: 10;
  line-height: 1.6rem;
}
.custom-html--sitecore .section-container-6 .follow-cta-btn.isactive {
  opacity: 0.9;
}
.custom-html--sitecore .section-container-6 .follow-cta-btn span {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  line-height: 1 !important;
  font-size: 13px !important;
  font-family: Graphik semibold;
}
.custom-html--sitecore .text-content small {
  font-family: "Graphik Black", "Arial Black", Sans-Serif;
  font-weight: bold;
  font-size: 1.28rem;
}
.custom-html--sitecore .text-content span {
  font-family: "Graphik Thin", "Arial Black", Sans-Serif;
  font-size: 2.08rem;
}
.custom-html--sitecore .section-container-6 .text-content .categoryTitle {
  padding-top: 5px;
  opacity: 0;
  transition: all 0.6s ease-out 0.1s;
}
.custom-html--sitecore .section-container-6 .text-content .cardTitle {
  padding-top: 5px;
  opacity: 0;
  transition: all 0.6s ease-out 0.1s;
  transition-delay: 0.4s;
}
.custom-html--sitecore .section-container-6 .text-content p.cardDescription {
  padding-top: 5px;
  opacity: 0;
  transition: all 0.6s ease-out 0.1s;
}
.custom-html--sitecore .section-container-6 .text-content p:nth-child(1) {
  padding-top: 5px;
  opacity: 0;
  transition: all 0.6s ease-out 0.2s;
}
.custom-html--sitecore .section-container-6 .text-content p:nth-child(2) {
  padding-top: 5px;
  opacity: 0;
  transition: all 0.6s ease-out 0.3s;
}
.custom-html--sitecore .section-container-6 .text-content p:nth-child(3) {
  padding-top: 5px;
  opacity: 0;
  transition: all 0.6s ease-out 0.4s;
}
.custom-html--sitecore .section-container-6 .text-content p:nth-child(4) {
  padding-top: 5px;
  opacity: 0;
  transition: all 0.6s ease-out 0.5s;
}
.custom-html--sitecore .section-container-6 .text-content.isactive p {
  padding-top: 0px;
  opacity: 1;
}
.custom-html--sitecore .section-container-6 .text-content.isactive .categoryTitle {
  padding-top: 0px;
  opacity: 1;
}
.custom-html--sitecore .section-container-6 .text-content.isactive .cardTitle {
  padding-top: 0px;
  opacity: 1;
  margin: 0.7em 0 0.8em;
}
@media screen and (max-width: 1024px) {
  .custom-html--sitecore .section-container-6 {
    height: auto !important;
  }
  .custom-html--sitecore .section-container-6 .panel {
    height: 70vh !important;
    position: relative;
  }
  .custom-html--sitecore .section-container-6 .panel-1 .vid-1 {
    width: auto !important;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}
.custom-html--sitecore .section-container-4 {
  background: #fff;
  overflow: hidden;
}
.custom-html--sitecore .vid-container.vid-1,
.custom-html--sitecore .vid-container.vid-2 {
  width: 100%;
  height: 300px;
}
.custom-html--sitecore .section-container-4 .panel-1,
.custom-html--sitecore .section-container-4 .panel-2 {
  background: white;
}
.custom-html--sitecore .section-container-4 .panel-3 .img-1 {
  width: 100%;
  position: absolute;
}
.custom-html--sitecore .section-container-4 .culture-card-holder {
  height: 80vh;
  max-height: 600px;
}
.custom-html--sitecore .section-container-4 .vid-container {
  overflow: hidden;
  position: relative;
}
.custom-html--sitecore .section-container-4 .vid-container:hover {
  cursor: none;
}
.custom-html--sitecore .section-container-4 .vid-container img {
  width: 101%;
  transform: scale(1) translateY(-30%);
  transition: transform 0.6s ease;
}
.custom-html--sitecore .section-container-4 .vid-container:hover img {
  transform: scale(1.1) translateY(-30%);
}
.custom-html--sitecore .section-container-4 .transcript {
  text-align: right;
}
.custom-html--sitecore .section-container-4 .cta-more {
  color: #004DFF;
  position: absolute;
  width: auto;
  padding: 10px;
  bottom: 10%;
  left: 10%;
  z-index: 10;
  opacity: 0;
  transition: opacity 0.6s ease;
}
.custom-html--sitecore .section-container-4 .cta-more.isactive {
  opacity: 1;
}
.custom-html--sitecore .section-container-4 .cta-more .cta-more-box {
  position: absolute;
  left: 20px;
  top: 20px;
  width: 5px;
  height: 5px;
  border-radius: 50px;
  transition: all 0.4s ease;
}
.custom-html--sitecore .section-container-4 .cta-more.isactive .cta-more-box {
  left: 0;
  top: 5px;
  width: 36px;
  height: 36px;
  border: 1px solid #004DFF;
  border-radius: 50px;
  transition-delay: 0.2s;
}
.custom-html--sitecore .section-container-4 .cta-more.isactive:hover .cta-more-box {
  height: 36px;
  border-radius: 25px 25px 25px 25px;
}
.custom-html--sitecore .section-container-4 .cta-more .cta-more-arrow {
  position: absolute;
  left: 0px;
  top: 3px;
  opacity: 0;
  transition: all 0.4s ease;
}
.custom-html--sitecore .section-container-4 .cta-more.isactive .cta-more-arrow {
  position: absolute;
  left: 20px;
  top: 3px;
  opacity: 1;
  transition-delay: 0.6s;
}
.custom-html--sitecore .section-container-4 .cta-more.isactive .cta-more:hover .cta-more-arrow {
  left: 10px;
}
.custom-html--sitecore .section-container-4 .cta-more .img-arrow-right {
  width: 24px;
}
.custom-html--sitecore .section-container-4 .cta-more .cta-more-label {
  margin-left: 45px;
  opacity: 0;
  transition: opacity 0.7s ease 0.8s;
}
.custom-html--sitecore .section-container-4 .cta-more.isactive .cta-more-label {
  opacity: 1;
}
.custom-html--sitecore .section-container-4 .vid-container.isactive .cta-btn {
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50% !important;
  left: 50% !important;
  width: 200% !important;
  height: 300% !important;
  opacity: 0.9;
  border-radius: 50% !important;
}
.custom-html--sitecore .section-container-4 .vid-container .cta-btn {
  opacity: 0;
}
.custom-html--sitecore .section-container-4 .vid-container:hover .cta-btn {
  /* top: 70%; */
  /* left: 70%; */
  width: 80px;
  height: 80px;
  border-radius: 50%;
}
.custom-html--sitecore .section-container-4 .vid-container .cta-btn span {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  line-height: 1 !important;
  font-size: 16px !important;
  font-family: Graphik semibold;
}
.custom-html--sitecore .section-container-4 .follow-cta-btn {
  width: 80px;
  height: 80px;
  opacity: 0;
  border-radius: 50%;
  background: #5200FF;
  position: absolute;
  padding: 5px;
  z-index: 10;
  line-height: 1.6rem;
}
.custom-html--sitecore .section-container-4 .follow-cta-btn.isactive {
  opacity: 0.9;
}
.custom-html--sitecore .section-container-4 .follow-cta-btn span {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  line-height: 1 !important;
  font-size: 13px !important;
  font-family: Graphik semibold;
}
@media screen and (max-width: 1024px) {
  .custom-html--sitecore .section-container-4 .culture-card-holder {
    height: auto;
    max-height: 800px;
  }
}
.custom-html--sitecore .section-container-5 {
  height: 100vh;
  background: #fff;
  overflow: hidden;
}
.custom-html--sitecore .section-container-5 .panel-1 {
  z-index: 1;
}
.custom-html--sitecore .section-container-5 .panel-2 {
  z-index: 2;
  opacity: 0;
  transition: opacity 0.4s ease;
  background: #ffffff;
}
.custom-html--sitecore .section-container-5 .panel-2.isactive {
  opacity: 1;
}
.custom-html--sitecore .section-container-5 .culture-text {
  bottom: 40%;
  position: absolute;
}
.custom-html--sitecore .section-container-5 .panel-3 {
  z-index: 3;
}
.custom-html--sitecore .section-container-5 .panel-1 .curtain-border {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  min-width: 980px;
  height: 100%;
  overflow: hidden;
}
.custom-html--sitecore .section-container-5 .panel-1 .vid-1,
.custom-html--sitecore .section-container-5 .panel-3 .vid-2 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.custom-html--sitecore .section-container-5 .white-border-1,
.custom-html--sitecore .section-container-5 .white-border-2 {
  height: 100%;
  position: absolute;
  background: #fff;
}
.custom-html--sitecore .section-container-5 .white-border-1 {
  top: 0%;
  left: 0%;
}
.custom-html--sitecore .section-container-5 .white-border-2 {
  top: 0%;
  right: 0%;
}
@media screen and (max-width: 1024px) {
  .custom-html--sitecore .section-container-5 {
    height: auto !important;
  }
  .custom-html--sitecore .section-container-5 .panel {
    height: 70vh !important;
    position: relative;
  }
  .custom-html--sitecore .section-container-5 .panel-1 .vid-1 {
    width: auto !important;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}
@media screen and (max-width: 480px) {
  .custom-html--sitecore .section-container-5 .panel {
    height: 80vh !important;
    position: relative;
  }
}
.custom-html--sitecore .section-container-7 {
  height: 100vh;
  background: #fff;
  overflow: hidden;
}
.custom-html--sitecore .section-container-7 .labels {
  opacity: 0;
  padding-top: 10%;
  padding-left: 5%;
  transition: padding 0.7s ease, opacity 0.5s ease;
}
.custom-html--sitecore .section-container-7 .labels.isactive {
  padding-top: 5%;
  opacity: 1;
}
.custom-html--sitecore .section-container-7 .labels.label-2.isactive,
.custom-html--sitecore .section-container-7 .labels.label-4.isactive {
  transition-delay: 0.2s;
}
.custom-html--sitecore .section-container-7 .labels.label-3.isactive,
.custom-html--sitecore .section-container-7 .labels.label-5.isactive {
  transition-delay: 0.4s;
}
.custom-html--sitecore .section-container-7 .box-container {
  height: 70vh;
  position: relative;
}
.custom-html--sitecore .section-container-7 .box-container .box-container-1 {
  width: 40%;
  height: 70%;
  position: absolute;
  background-position: center;
  opacity: 0;
  top: 15%;
  left: 10%;
  transform: skew(0deg, -30deg);
  transition: all 1s ease;
}
.custom-html--sitecore .section-container-7 .box-container.isactive .box-container-1 {
  top: 0%;
  left: 10%;
  opacity: 1;
  transform: skew(0deg, -30deg);
}
.custom-html--sitecore .section-container-7 .box-container .box-container-2 {
  width: 40%;
  height: 70%;
  background-image: url('/content/dam/accenture/final/a-com-migration/custom/_acnmedia/thought-leadership-assets/images/aboutpage/accenture-fisherman-bg.png');
  position: absolute;
  background-position: center;
  background-size: 100%;
  opacity: 0;
  top: 25%;
  left: 25%;
  transform: skew(0deg, -30deg);
  transition: all 1s ease;
}
.custom-html--sitecore .section-container-7 .box-container.isactive .box-container-2 {
  top: 10%;
  left: 25%;
  opacity: 1;
  transform: skew(0deg, -30deg);
  transition-delay: 0.2s;
}
.custom-html--sitecore .section-container.section-container-7b {
  height: 120vh;
}
.custom-html--sitecore .section-container-7b .cta-more {
  width: 190px;
}
.custom-html--sitecore .section-container-7b .img-container .cta-btn {
  position: relative;
  /* width: 100%; */
  /* height: 100%; */
  width: 80px;
  height: 80px;
  top: 50%;
  left: 50%;
  border-radius: 10%;
  background: #5200FF;
  transform: translate(-50%, -50%);
  color: white;
  border-radius: 50%;
  opacity: 0;
  line-height: 1.6rem;
}
.custom-html--sitecore .section-container-7b.inactive {
  display: none;
}
.custom-html--sitecore .section-container-7b .img-container.isactive .cta-btn {
  transform: translate(-50%, -50%);
  top: 50% !important;
  left: 50% !important;
  width: 200% !important;
  height: 200% !important;
  opacity: 0.9;
  border-radius: 50% !important;
  transition: width 0.4s ease, height 0.4s ease, opacity 0.3s ease;
}
.custom-html--sitecore .section-container-7b .cards .cards-cta-btn {
  position: absolute;
}
.custom-html--sitecore .section-container-7b .cards .img-container:hover .cards-cta-btn {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  transform: scale(0.9);
  z-index: 1;
  opacity: 0.9;
}
.custom-html--sitecore .section-container-7b .cards .img-container .cards-cta-btn span {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  line-height: 1 !important;
  font-size: 13px !important;
  font-family: Graphik semibold;
}
.custom-html--sitecore .section-container-7b .cards .img-container.isactive:hover .cards-cta-btn {
  width: 200%;
  height: 200%;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%);
}
.custom-html--sitecore .section-container-6b {
  height: 70vh;
  background: #fff;
  overflow: hidden;
}
.custom-html--sitecore .section-container-6b .sub-header-container {
  portrait: relative;
  height: 12.8rem;
}
.custom-html--sitecore .section-container-6b .awards-box-container {
  position: relative;
  width: 100%;
  height: 30em;
}
.custom-html--sitecore .section-container-6b .awards-box {
  position: absolute;
  width: 30%;
  padding: 2%;
  border: 1px solid #004DFF;
  /*transition: all 0.4s ease;*/
  overflow: hidden;
  opacity: 0;
}
.custom-html--sitecore .section-container-6b .awards-box label {
  cursor: auto;
}
.custom-html--sitecore .section-container-6b .awards-box.awards-box-1 {
  top: 5%;
  left: 0%;
  width: 33.33%;
  height: 5em;
}
.custom-html--sitecore .section-container-6b .awards-box.awards-box-1.isactive {
  top: 5%;
  left: 0%;
  opacity: 1;
  width: 33.33%;
  height: 17em;
  /*transition-delay: 0.4s;*/
}
.custom-html--sitecore .section-container-6b .awards-box.awards-box-2 {
  top: 0%;
  left: 50%;
  width: 33.4%;
  height: 5em;
  transform: translateX(-50%);
}
.custom-html--sitecore .section-container-6b .awards-box.awards-box-2.isactive {
  top: 0%;
  left: 50%;
  transform: translateX(-50%);
  opacity: 1;
  width: 33.4%;
  height: 17em;
  /*transition-delay: 0.5s;*/
}
.custom-html--sitecore .section-container-6b .awards-box.awards-box-3 {
  top: 10%;
  right: 0%;
  width: 33.33%;
  height: 5em;
}
.custom-html--sitecore .section-container-6b .awards-box.awards-box-3.isactive {
  top: 10%;
  right: 0%;
  opacity: 1;
  width: 33.33%;
  height: 17em;
  /*transition-delay: 0.6s;*/
}
.custom-html--sitecore .awards-box .cta-btn {
  position: relative;
  /* width: 100%; */
  /* height: 100%; */
  width: 80px;
  height: 80px;
  top: 0%;
  left: 0%;
  border-radius: 10%;
  background: #004DFF;
  transition: width 0.4s ease, height 0.4s ease, opacity 0.3s ease;
  color: #FFF;
  border-radius: 50%;
  opacity: 0;
  line-height: 1.6rem;
}
.custom-html--sitecore .awards-box .cta-btn {
  opacity: 0;
}
.custom-html--sitecore .awards-box:hover .cta-btn {
  /* top: 70%; */
  /* left: 70%; */
  opacity: 1;
  width: 80px;
  height: 80px;
  border-radius: 50%;
}
.custom-html--sitecore .awards-box .cta-btn span {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  line-height: 1 !important;
  font-size: 16px !important;
  font-family: Graphik semibold;
}
@media screen and (max-width: 480px) {
  .custom-html--sitecore .section-container-6b {
    height: auto !important;
  }
  .custom-html--sitecore .section-container-6b .panel {
    position: relative !important;
    height: auto !important;
  }
  .custom-html--sitecore .section-container-6b .awards-box-container {
    height: auto !important;
  }
  .custom-html--sitecore .section-container-6b .awards-box {
    position: relative;
    width: 90% !important;
    margin-left: 5%;
    transform: none !important;
    top: auto!important;
  }
  .custom-html--sitecore .section-container-6b .awards-box.awards-box-2.isactive {
    left: 0% !important;
  }
}
.custom-html--sitecore .section-container-8 {
  height: 100vh;
  background: #fff;
  overflow: hidden;
}
.custom-html--sitecore .section-container-8 .panel-1 .img-1 {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -55%);
}
.custom-html--sitecore .section-container-8 .panel-1 .title-1 {
  bottom: 23%;
}
.custom-html--sitecore .section-container-8 .panel-1 .title-2 {
  bottom: 13%;
  font-size: 1.5vw;
  line-height: 1.5vw;
}
.custom-html--sitecore .section-container-8 .panel-2.isactive {
  z-index: 5;
}
.custom-html--sitecore .section-container-8 .panel-2 .title-1 {
  font-size: 2.4rem;
  line-height: 2.04rem;
}
.custom-html--sitecore .section-container-8 .panel-2 .white-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  opacity: 0;
  transition: opacity 0.6s ease 0.2s;
}
.custom-html--sitecore .section-container-8 .panel-2 .white-bg.isactive {
  opacity: 0.8;
}
.custom-html--sitecore .section-container-8 .panel-2 .img-3 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.custom-html--sitecore .section-container-8 .panel-2 .cta-more {
  color: #004DFF;
  position: absolute;
  width: auto;
  padding: 10px;
  bottom: 10%;
  right: 43%;
  transform: translateY(50%);
  z-index: 10;
  opacity: 0;
  /*transition: opacity 0.6s ease;*/
}
.custom-html--sitecore .section-container-8 .panel-3 .cta-more-1 {
  color: #004DFF;
  position: absolute;
  width: auto;
  padding: 10px;
  bottom: 8.8em;
  z-index: 10;
  opacity: 0;
  transition: opacity 0.6s ease;
}
.custom-html--sitecore .section-container-8 .panel-3 .cta-more-2 {
  color: #004DFF;
  position: absolute;
  width: auto;
  padding: 10px;
  bottom: 6em;
  z-index: 10;
  opacity: 0;
  transition: opacity 0.6s ease;
}
.custom-html--sitecore .section-container-8 .panel-1 .cta-more {
  color: #004DFF;
  position: absolute;
  width: auto;
  bottom: -85%;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
  opacity: 0;
  padding: 10px;
}
.custom-html--sitecore .section-container-8 .panel-1 .cta-more.isactive .cta-more-box {
  border: 1px solid #004DFF !important;
}
.custom-html--sitecore .section-container-8 .cta-more.isactive {
  opacity: 1;
}
.custom-html--sitecore .section-container-8 .cta-more .cta-more-box {
  position: absolute;
  left: 20px;
  width: 5px;
  height: 5px;
  border-radius: 50px;
  transition: all 0.4s ease;
}
.custom-html--sitecore .section-container-8 .cta-more.isactive .cta-more-box {
  left: 0;
  width: 36px;
  height: 36px;
  border: 1px solid #004DFF;
  border-radius: 50px;
  transition-delay: 0.2s;
}
.custom-html--sitecore .section-container-8 .cta-more.isactive:hover .cta-more-box {
  height: 36px;
  border-radius: 25px 25px 25px 25px;
}
.custom-html--sitecore .section-container-8 .cta-more .cta-more-arrow {
  position: absolute;
  left: 0px;
  opacity: 0;
  transition: all 0.4s ease;
}
.custom-html--sitecore .section-container-8 .cta-more.isactive .cta-more-arrow {
  position: absolute;
  left: 20px;
  opacity: 1;
  transition-delay: 0.6s;
}
.custom-html--sitecore .section-container-8 .cta-more.isactive .cta-more:hover .cta-more-arrow {
  left: 10px;
}
.custom-html--sitecore .section-container-8 .cta-more .img-arrow-right {
  width: 24px;
}
.custom-html--sitecore .section-container-8 .cta-more .cta-more-label {
  margin-left: 45px;
  opacity: 0;
  transition: opacity 0.7s ease 0.8s;
}
.custom-html--sitecore .section-container-8 .cta-more.isactive .cta-more-label {
  opacity: 1;
}
.custom-html--sitecore .section-container-8 .cta-scroll {
  color: #004DFF;
}
.custom-html--sitecore .section-container-8 .cta-scroll.isactive .cta-scroll-box {
  border: 2px solid #004DFF;
}
.custom-html--sitecore .section-container-8 .cta-scroll.position-1 {
  bottom: -50%;
}
.custom-html--sitecore .IE .section-container-8 .panel-1 .img-1 {
  background-image: url('/content/dam/accenture/final/a-com-migration/custom/_acnmedia/thought-leadership-assets/images/mainpage/accenture-dancing-gurl-bg.png');
  background-position: center center;
  background-size: 60%;
  background-repeat: no-repeat;
  position: relative;
  width: 100%;
}
@media screen and (max-width: 1024px) {
  .custom-html--sitecore .section-container.section-container-8 {
    height: auto;
    overflow: hidden;
  }
  .custom-html--sitecore .section-container-8 .panel {
    position: relative;
  }
  .custom-html--sitecore .section-container-8 .panel-1 .img-1 {
    width: 30%;
    left: 36%;
    background-image: none;
    position: relative;
    top: 0%;
    transform: none;
    display: block !important;
  }
  .custom-html--sitecore .section-container-8 .panel-1 .height-inherit {
    position: absolute;
    bottom: 10%;
    width: 100%;
  }
  .custom-html--sitecore .section-container-8 .panel-2.isactive {
    z-index: 5;
  }
  .custom-html--sitecore .section-container-8 .panel-2 .img-3 {
    width: 150%;
    position: relative;
    top: 0%;
    left: -15%;
    transform: none;
    margin-bottom: -3%;
  }
  .custom-html--sitecore .section-container-8 .panel-2 .text-container {
    position: absolute;
    top: 0;
    left: 0;
  }
}
.custom-html--sitecore .IE .section-container-8 .new-row.height-inherit {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (max-width: 768px) {
  .custom-html--sitecore .section-container-8 .panel-2 .img-3 {
    width: 170%;
  }
  .custom-html--sitecore .animate_title.title-1.careers.isactive {
    transform: translate(-50%, 10%) !important;
  }
}
@media screen and (max-width: 380px) {
  .custom-html--sitecore .section-container-8 .panel-1 .img-1 {
    width: 50%;
    left: 25%;
    background-image: none;
    position: relative;
    top: 5%;
    transform: none;
  }
}
@media screen and (max-width: 540px) {
  .custom-html--sitecore .section-container-8 .panel-2 .img-3 {
    width: 250%;
    left: -25%;
  }
  .custom-html--sitecore .animate_title.title-1.careers.isactive {
    transform: translate(-10%, 10%) !important;
  }
  .custom-html--sitecore #block-section-8 .section-container-8 .panel-2 .animate_title {
    left: 10% !important;
    width: 60% !important;
  }
  .custom-html--sitecore .section-container-8 .panel-2 .img-3 {
    width: 350% !important;
    left: -40% !important;
  }
  .custom-html--sitecore .section-container-6b .cta-more {
    position: relative;
  }
}
.custom-html--sitecore .section-container-9 {
  height: 40vh;
  background: #fff;
  overflow: hidden;
}
.custom-html--sitecore .section-container-10 .cards .cards-cta-btn {
  position: absolute;
}
.custom-html--sitecore .section-container-10 .cards .img-container:hover .cards-cta-btn {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  transform: scale(0.9);
  z-index: 1;
}
.custom-html--sitecore .section-container-10 .cards .img-container:hover .cards-cta-btn.onactive {
  opacity: 0.9;
}
.custom-html--sitecore .section-container-10 .cards .img-container .cards-cta-btn span {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  line-height: 1 !important;
  font-size: 13px !important;
  font-family: Graphik semibold;
}
.custom-html--sitecore .section-container-10 .cards .img-container.isactive:hover .cards-cta-btn {
  width: 200%;
  height: 200%;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%);
}
.custom-html--sitecore .section-container-10 .text-content h4.categoryTitle {
  position: relative;
  top: 5px;
  opacity: 0;
}
.custom-html--sitecore .section-container-10 .text-content h3.SubsectionTitle {
  position: relative;
  top: 5px;
  opacity: 0;
}
.custom-html--sitecore .section-container-10 .text-content p:nth-child(1) {
  position: relative;
  top: 5px;
  opacity: 0;
}
.custom-html--sitecore .section-container-10 .text-content p:nth-child(2) {
  position: relative;
  top: 5px;
  opacity: 0;
}
.custom-html--sitecore .section-container-10 .text-content p:nth-child(3) {
  position: relative;
  top: 5px;
  opacity: 0;
}
.custom-html--sitecore .section-container-10 .text-content p:nth-child(4) {
  position: relative;
  top: 5px;
  opacity: 0;
}
.custom-html--sitecore .section-container-10 .text-content.isactive p {
  transition: all 0.6s ease-out;
  top: 0px;
  opacity: 1;
  transition-delay: 0.3s;
}
.custom-html--sitecore .section-container-10 .text-content.isactive h4.categoryTitle {
  transition: all 0.6s ease-out;
  top: 0px;
  opacity: 1;
  transition-delay: 0.1s;
}
.custom-html--sitecore .section-container-10 .text-content.isactive h3.SubsectionTitle {
  transition: all 0.6s ease-out;
  top: 0px;
  opacity: 1;
  transition-delay: 0.2s;
}
.custom-html--sitecore .progress-nav-bar {
  position: fixed;
  top: 70px;
  z-index: 15;
  width: 100%;
  height: 8px;
  background-color: #F2F2F2;
  transition: height 0.3s ease;
}
.custom-html--sitecore .progress-nav-bar-roller {
  position: absolute;
  background-color: transparent;
  top: 0;
  left: 0;
  height: 8px;
  width: 0%;
  transition: height 0.3s ease;
}
.custom-html--sitecore .progress-nav-bar.isactive {
  height: 5.7rem;
}
.custom-html--sitecore .progress-nav-bar.isactive .progress-nav-bar-roller {
  height: 5.7rem;
}
.custom-html--sitecore .progress-nav-bar:hover {
  height: 5.7rem;
}
.custom-html--sitecore .progress-nav-bar:hover .progress-nav-bar-roller {
  height: 5.7rem;
}
.custom-html--sitecore .progress-nav-bar-menu {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  cursor: pointer;
  top: 50%;
  transform: translateY(-50%);
}
.custom-html--sitecore .nav-bar-menu {
  width: 12%;
  text-align: left;
  font-size: 1.28rem;
  float: left;
  opacity: 0;
  color: #fff;
  height: 5.7rem;
  transition: all 0.3s ease;
  color: transparent;
  position: relative;
  padding: 0.3% 0.5%;
}
.custom-html--sitecore .nav-bar-menu.greybg {
  background-color: #F2F2F2;
}
.custom-html--sitecore .nav-bar-menu-0 {
  width: 5%;
  text-align: center;
  padding: 1.5em;
}
.custom-html--sitecore .nav-bar-menu-0 svg {
  transition: transform 0.6s ease;
  transform: rotate(0deg);
}
.custom-html--sitecore .nav-bar-menu-0.rotatesvg svg {
  transform: rotate(-90deg);
}
.custom-html--sitecore .progress-nav-bar.isactive .nav-bar-menu {
  transition-delay: 0.1s;
  opacity: 1;
  color: #111;
}
.custom-html--sitecore .nav-bar-menu .bar {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 0%;
  background: #c3c3c3;
  z-index: -1;
}
.custom-html--sitecore .nav-bar-menu.run:after {
  transition: width 3s ease;
  width: 5%;
  z-index: -1;
}
@media screen and (max-width: 1200px) {
  .custom-html--sitecore .progress-nav-bar .progress-nav-bar-roller {
    background-color: #c4c4c4;
  }
}
@media screen and (max-width: 1024px) {
  .custom-html--sitecore .progress-nav-bar {
    top: 50px;
  }
  .custom-html--sitecore .progress-nav-bar.isactive {
    height: 40px;
  }
  .custom-html--sitecore .progress-nav-bar.isactive .nav-bar-menu {
    line-height: 16px;
  }
  .custom-html--sitecore .progress-nav-bar-menu {
    display: none;
  }
  .custom-html--sitecore #block-header #header-topnav .nav-submenu.panel {
    height: auto;
    width: auto;
  }
  .custom-html--sitecore .progress-nav-bar:hover {
    height: 8px;
  }
  .custom-html--sitecore .progress-nav-bar:hover .progress-nav-bar-roller {
    height: 8px;
  }
}
.custom-html--sitecore .animate_title {
  opacity: 0;
  position: absolute;
  text-align: center;
  bottom: 50%;
  left: 50%;
  transform: translate(-50%, 50%);
  font-size: 3.84rem;
  line-height: 4rem;
}
.custom-html--sitecore .section-container-1 .panel-1 .animate_title.title-1 {
  bottom: 40%;
  font-size: 4vw;
  font-weight: bold;
}
.custom-html--sitecore .section-container-1 .panel-1 .animate_title.title-2 {
  bottom: 21%;
  font-size: 2vw;
}
.custom-html--sitecore .section-container-1 .panel-3 .animate_title.title-1 {
  bottom: 85%;
  font-size: 4vw;
  font-weight: bold;
}
.custom-html--sitecore .section-container-1 .panel-3 .animate_title.title-2 {
  bottom: 72%;
  font-size: 2vw;
  line-height: 2vw;
  width: 70%;
}
.custom-html--sitecore .section-container-2 .panel-1 .animate_title.title-1 {
  bottom: 70%;
  font-size: 4vw;
  line-height: 4vw;
  font-weight: bold;
}
.custom-html--sitecore .section-container-2 .panel-1 .animate_title.title-2 {
  bottom: 55%;
  font-size: 2vw;
}
.custom-html--sitecore .section-container-2 .panel-1 .animate_title.title-3 {
  font-size: 2vw;
  line-height: 2vw;
  bottom: 30%;
}
.custom-html--sitecore .section-container-4 .panel-1 .animate_title.title-1 {
  font-size: 4vw;
  bottom: 50%;
}
.custom-html--sitecore .section-container-4 .panel-3 .animate_title.title-1 {
  font-size: 3vw;
  line-height: 3vw;
  bottom: 50%;
  left: 10%;
  text-align: left;
  transform: translate(0%, 50%);
  width: 50%;
}
.custom-html--sitecore .section-container-4 .panel-3 .animate_title.title-2 {
  bottom: 20%;
  left: 10%;
  font-size: 1.5vw;
  line-height: 1.5vw;
  text-align: left;
  transform: translate(0%, 50%);
  width: 50%;
}
.custom-html--sitecore .section-container-5 .panel-1 .animate_title.title-1 {
  bottom: 50%;
  font-size: 4vw;
  line-height: 4vw;
}
.custom-html--sitecore .section-container-1b .panel-1 .animate_title.title-1,
.custom-html--sitecore .section-container-6 .panel-1 .animate_title.title-1 {
  bottom: 60%;
  font-size: 4vw;
  font-weight: bold;
}
.custom-html--sitecore .section-container-1b .panel-1 .animate_title.title-2,
.custom-html--sitecore .section-container-6 .panel-1 .animate_title.title-2 {
  bottom: 40%;
  font-size: 2vw;
}
.custom-html--sitecore .animate_title span:nth-child(1) {
  position: relative;
  top: 15px;
  opacity: 0;
  /*	transition: opacity 0.6s ease-in, top 0.4s ease; */
}
.custom-html--sitecore .animate_title span:nth-child(2) {
  position: relative;
  top: 15px;
  opacity: 0;
  transition: opacity 0.6s ease-in 0.2s, top 0.4s ease 0.2s;
}
.custom-html--sitecore .animate_title span:nth-child(3) {
  position: relative;
  top: 15px;
  opacity: 0;
  /*	transition: opacity 0.6s ease-in 0.4s, top 0.4s ease 0.4s; */
}
.custom-html--sitecore .animate_title span:nth-child(5) {
  position: relative;
  top: 15px;
  opacity: 0;
}
.custom-html--sitecore .animate_title.isactive {
  opacity: 1;
}
.custom-html--sitecore .animate_title.isactive span {
  top: 0px;
  opacity: 1;
}
@media screen and (max-width: 1024px) {
  .custom-html--sitecore .animate_title {
    font-size: 2.4rem !important;
    line-height: 2.4rem !important;
  }
}
@media screen and (max-width: 820px) {
  .custom-html--sitecore .read-it-container,
  .custom-html--sitecore .read-it-container.inactive {
    display: none;
  }
  .custom-html--sitecore .section-container-1 {
    background: transparent !important;
  }
  .custom-html--sitecore .section-container {
    opacity: 1;
    transition: opacity 0.6s ease;
  }
  .custom-html--sitecore .section-container.inactive {
    opacity: 0;
    position: absolute;
    z-index: -5;
  }
  .custom-html--sitecore .scrollmagic-pin-spacer.inactive {
    display: none!important;
  }
  .custom-html--sitecore .read-it-container.isactive {
    display: block;
  }
}
.custom-html--sitecore .btn--shockwave.is-active {
  -webkit-animation: shockwaveJump 1s ease-out infinite;
  animation: shockwaveJump 1s ease-out infinite;
}
.custom-html--sitecore .btn--shockwave.is-active:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  border-radius: 50%;
  -webkit-animation: shockwave 1s 0.65s ease-out infinite;
  animation: shockwave 1s 0.65s ease-out infinite;
}
.custom-html--sitecore .btn--shockwave.is-active:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  border-radius: 50%;
  -webkit-animation: shockwave 1s 0.5s ease-out infinite;
  animation: shockwave 1s 0.5s ease-out infinite;
}
@-webkit-keyframes shockwaveJump {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  40% {
    -webkit-transform: scale(1.08);
    transform: scale(1.08);
  }
  50% {
    -webkit-transform: scale(0.98);
    transform: scale(0.98);
  }
  55% {
    -webkit-transform: scale(1.02);
    transform: scale(1.02);
  }
  60% {
    -webkit-transform: scale(0.98);
    transform: scale(0.98);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes shockwaveJump {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  40% {
    -webkit-transform: scale(1.08);
    transform: scale(1.08);
  }
  50% {
    -webkit-transform: scale(0.98);
    transform: scale(0.98);
  }
  55% {
    -webkit-transform: scale(1.02);
    transform: scale(1.02);
  }
  60% {
    -webkit-transform: scale(0.98);
    transform: scale(0.98);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes shockwave {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.15), inset 0 0 1px rgba(0, 0, 0, 0.15);
  }
  95% {
    box-shadow: 0 0 50px rgba(0, 0, 0, 0), inset 0 0 30px rgba(0, 0, 0, 0);
  }
  100% {
    -webkit-transform: scale(2.25);
    transform: scale(2.25);
  }
}
@keyframes shockwave {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.15), inset 0 0 1px rgba(0, 0, 0, 0.15);
  }
  95% {
    box-shadow: 0 0 50px rgba(0, 0, 0, 0), inset 0 0 30px rgba(0, 0, 0, 0);
  }
  100% {
    -webkit-transform: scale(2.25);
    transform: scale(2.25);
  }
}
.custom-html--sitecore .btn--wut.is-active {
  -webkit-animation: 1s fullRotation ease infinite;
  animation: 1s fullRotation ease infinite;
}
.custom-html--sitecore .btn--wut.is-active:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  border-radius: 50%;
  background: #fff;
  -webkit-animation: wutBefore 0.8s 0.4s ease-out infinite;
  animation: wutBefore 0.8s 0.4s ease-out infinite;
  z-index: -1;
}
.custom-html--sitecore .btn--wut.is-active:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  border-radius: 50%;
  background: #fff;
  -webkit-animation: wut 0.8s ease-out infinite;
  animation: wut 0.8s ease-out infinite;
  z-index: -1;
}
@-webkit-keyframes fullRotation {
  0% {
    -webkit-transform: rotate(-3deg) scale(1) translate3d(0, 0, 0);
    transform: rotate(-3deg) scale(1) translate3d(0, 0, 0);
  }
  20% {
    -webkit-transform: rotate(50deg) scale(0.9) translate3d(0, 5px, 0);
    transform: rotate(50deg) scale(0.9) translate3d(0, 5px, 0);
  }
  40% {
    -webkit-transform: rotate(-15deg) scale(1.1) translate3d(0, 8px, -5px);
    transform: rotate(-15deg) scale(1.1) translate3d(0, 8px, -5px);
  }
  60% {
    -webkit-transform: rotate(5deg) scale(0.9) translate3d(5px, -8px, -80px);
    transform: rotate(5deg) scale(0.9) translate3d(5px, -8px, -80px);
  }
  90% {
    -webkit-transform: rotate(-1deg) scale(1) translate3d(0, 0, 0);
    transform: rotate(-1deg) scale(1) translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
}
@keyframes fullRotation {
  0% {
    -webkit-transform: rotate(-3deg) scale(1) translate3d(0, 0, 0);
    transform: rotate(-3deg) scale(1) translate3d(0, 0, 0);
  }
  20% {
    -webkit-transform: rotate(50deg) translate3d(0, 5px, 0);
    transform: rotate(50deg) translate3d(0, 5px, 0);
  }
  40% {
    -webkit-transform: rotate(-15deg) scale(1.1) translate3d(0, 8px, -5px);
    transform: rotate(-15deg) scale(1.1) translate3d(0, 8px, -5px);
  }
  60% {
    -webkit-transform: rotate(5deg) translate3d(5px, -8px, -80px);
    transform: rotate(5deg) translate3d(5px, -8px, -80px);
  }
  90% {
    -webkit-transform: rotate(-1deg) translate3d(0, 0, 0);
    transform: rotate(-1deg) translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
}
@-webkit-keyframes wut {
  0% {
    border-radius: 50%;
    -webkit-transform: skew(0) translate3d(0, 0px, 0px);
    transform: skew(0) translate3d(0, 0px, 0px);
  }
  10% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  50% {
    border-radius: 50%;
  }
  80% {
    border-radius: 30%;
    -webkit-transform: translate3d(20, 10px, 20px);
    transform: translate3d(20, 10px, 20px);
  }
  100% {
    border-radius: 50%;
    -webkit-transform: skew(0) translate3d(0, 0px, 0px);
    transform: skew(0) translate3d(0, 0px, 0px);
  }
}
@keyframes wut {
  0% {
    border-radius: 50%;
    -webkit-transform: skew(0) translate3d(0, 0px, 0px);
    transform: skew(0) translate3d(0, 0px, 0px);
  }
  10% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  50% {
    border-radius: 50%;
  }
  80% {
    border-radius: 30%;
    -webkit-transform: translate3d(20, 10px, 20px);
    transform: translate3d(20, 10px, 20px);
  }
  100% {
    border-radius: 50%;
    -webkit-transform: skew(0) translate3d(0, 0px, 0px);
    transform: skew(0) translate3d(0, 0px, 0px);
  }
}
@-webkit-keyframes wutBefore {
  0% {
    border-radius: 50%;
    -webkit-transform: translate3d(0, 0px, 0px);
    transform: translate3d(0, 0px, 0px);
  }
  10% {
    -webkit-transform: translate3d(-10px, 10px, 0);
    transform: translate3d(-10px, 10px, 0);
  }
  70% {
    border-radius: 50%;
  }
  80% {
    border-radius: 30%;
    -webkit-transform: translate3d(-20px, -10px, -20px);
    transform: translate3d(-20px, -10px, -20px);
  }
  100% {
    border-radius: 50%;
    -webkit-transform: translate3d(0, 0px, 0px);
    transform: translate3d(0, 0px, 0px);
  }
}
@keyframes wutBefore {
  0% {
    border-radius: 50%;
    -webkit-transform: translate3d(0, 0px, 0px);
    transform: translate3d(0, 0px, 0px);
  }
  10% {
    -webkit-transform: translate3d(-10px, 10px, 0);
    transform: translate3d(-10px, 10px, 0);
  }
  70% {
    border-radius: 50%;
  }
  80% {
    border-radius: 30%;
    -webkit-transform: translate3d(-20px, -10px, -20px);
    transform: translate3d(-20px, -10px, -20px);
  }
  100% {
    border-radius: 50%;
    -webkit-transform: translate3d(0, 0px, 0px);
    transform: translate3d(0, 0px, 0px);
  }
}
.custom-html--sitecore .share-icons-container-marquee .icon-bar-marquee {
  position: fixed;
  top: 50%;
  left: 1%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 11;
}
.custom-html--sitecore .share-icons-container-marquee .icon-bar-marquee.isActive {
  z-index: 3;
}
.custom-html--sitecore .share-icons-container-marquee .icon-bar-marquee .social-icon {
  padding-bottom: 10px;
}
.custom-html--sitecore .share-icons-container-marquee .icon-bar-marquee .social-icon .social-icon-trigger {
  display: block;
  text-align: center;
  padding: 10px;
  color: #C3C3C3;
  border: 1px solid #C3C3C3;
  border-radius: 50%;
  font-size: 20px;
  height: 42px;
  width: 42px;
  position: relative;
  opacity: 0;
  cursor: pointer;
}
.custom-html--sitecore .share-icons-container-marquee .icon-bar-marquee .social-icon .social-icon-trigger.twitter {
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  top: 2500px;
}
.custom-html--sitecore .share-icons-container-marquee .icon-bar-marquee .social-icon .social-icon-trigger.linkedin {
  -webkit-transition: all 0.6s ease-out;
  -o-transition: all 0.6s ease-out;
  transition: all 0.6s ease-out;
  top: 2500px;
}
.custom-html--sitecore .share-icons-container-marquee .icon-bar-marquee .social-icon .social-icon-trigger.facebook {
  -webkit-transition: all 0.9s ease-out;
  -o-transition: all 0.9s ease-out;
  transition: all 0.9s ease-out;
  top: 2500px;
}
.custom-html--sitecore .share-icons-container-marquee .icon-bar-marquee .social-icon .social-icon-trigger.mail {
  -webkit-transition: all 1.2s ease-out;
  -o-transition: all 1.2s ease-out;
  transition: all 1.2s ease-out;
  top: 2500px;
}
.custom-html--sitecore .share-icons-container-marquee .icon-bar-marquee .social-icon.isActive .social-icon-trigger {
  top: 0;
  opacity: 1;
  background: rgba(255, 255, 255, 0.2);
}
.custom-html--sitecore .share-icons-container-marquee .icon-bar-marquee .social-icon .social-icon-trigger svg {
  height: 100%;
  width: 100%;
}
.custom-html--sitecore .share-icons-container-marquee .icon-bar-marquee .social-icon .social-icon-trigger svg path {
  fill: #C3C3C3;
}
.custom-html--sitecore .share-icons-container-marquee .icon-bar-marquee .social-icon:hover .social-icon-trigger:hover {
  background-color: #C3C3C3;
  color: #fff;
}
.custom-html--sitecore .share-icons-container-marquee .icon-bar-marquee .social-icon:hover .social-icon-trigger:hover svg path {
  fill: #fff;
}
.custom-html--sitecore .share-icons-container-section .icon-bar-section {
  position: fixed;
  top: 50%;
  left: 1%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 5;
}
.custom-html--sitecore .share-icons-container-section .icon-bar-section.isActive {
  z-index: 3;
}
.custom-html--sitecore .share-icons-container-section .icon-bar-section .social-icon {
  padding-bottom: 10px;
}
.custom-html--sitecore .share-icons-container-section .icon-bar-section .social-icon .social-icon-trigger {
  display: block;
  text-align: center;
  padding: 10px;
  color: #C3C3C3;
  border: 1px solid #C3C3C3;
  border-radius: 50%;
  font-size: 20px;
  height: 42px;
  width: 42px;
  position: relative;
  opacity: 0;
  cursor: pointer;
}
.custom-html--sitecore .share-icons-container-section .icon-bar-section .social-icon .social-icon-trigger.twitter {
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  top: 2500px;
}
.custom-html--sitecore .share-icons-container-section .icon-bar-section .social-icon .social-icon-trigger.linkedin {
  -webkit-transition: all 0.9s ease-out;
  -o-transition: all 0.9s ease-out;
  transition: all 0.9s ease-out;
  top: 2500px;
}
.custom-html--sitecore .share-icons-container-section .icon-bar-section .social-icon .social-icon-trigger.facebook {
  -webkit-transition: all 0.9s ease-out;
  -o-transition: all 0.9s ease-out;
  transition: all 0.9s ease-out;
  top: 2500px;
}
.custom-html--sitecore .share-icons-container-section .icon-bar-section .social-icon .social-icon-trigger.mail {
  -webkit-transition: all 1.2s ease-out;
  -o-transition: all 1.2s ease-out;
  transition: all 1.2s ease-out;
  top: 2500px;
}
.custom-html--sitecore .share-icons-container-section .icon-bar-section .social-icon.isActive .social-icon-trigger {
  top: 0;
  opacity: 1;
}
.custom-html--sitecore .share-icons-container-section .icon-bar-section .social-icon:hover .social-icon-trigger:hover {
  background-color: #C3C3C3;
  color: #fff;
}
@media (min-width: 1280px) {
  .custom-html--sitecore .section-container.section-container-7b {
    height: 152vh;
  }
}
@media (min-width: 1300px) {
  .custom-html--sitecore .section-container.section-container-7b {
    height: 124vh;
  }
}
@media (min-width: 1100px) and (max-width: 1399px) {
  .custom-html--sitecore #block-section-8 .panel-2 .animate_title.careers {
    transform: translateY(-40%) scale(0.8) !important;
  }
}