.aem-Grid {
  display: block;
  width: 100%;
}
.w-100 {
  width: 100% !important;
}
.engagement-groups-brands-container {
  position: relative;
}

.engagement-groups-brands-overlay {
  background-color: hsla(0, 0%, 57%, 0.61);
  bottom: 0;
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transition: 0.5s ease;
  transition: 0.5s ease;
  width: 100%;
}
.engagement-groups-brands-container:hover .engagement-groups-brands-overlay {
  opacity: 1;
}
.engagement-groups-brands-text {
  color: #fff;
  font-size: 20px;
  left: 30%;
  position: absolute;
  text-align: center;
  top: 50%;
  -webkit-transform: translate(-20%, -50%);
  transform: translate(-20%, -50%);
}
img,
svg {
  vertical-align: middle;
}
img {
  overflow-clip-margin: content-box;
  overflow: clip;
}
.carousel-item {
  height: 40vw;
  position: relative;
}
@media screen and (min-width: 2500px) {
  .carousel-item {
    height: 44.5vw;
  }
}
@media screen and (min-width: 1900px) {
  .carousel-item {
    height: 39vw;
  }
}
.slides-engagement-group {
  margin: 0 auto;
  width: 50%;
}
::-webkit-scrollbar-track {
  background: #fff;
}
::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 5px;
}
::-webkit-scrollbar {
  width: 7px;
}
*,
::after,
::before {
  box-sizing: border-box;
}
.carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 13% !important;
  left: 0;
  z-index: 2;
  display: flex;
  justify-content: center;
  padding: 0;
  margin-right: 15%;
  /* margin-bottom: 1rem; */
  margin-left: 15%;
  list-style: none;
}
img {
  overflow-clip-margin: content-box;
  overflow: clip;
}
.cmp-text {
  font-size: 16px;
}

p {
  font-family: "Lato", sans-serif;
  font-size: 13px;
}
h3 {
  font-family: "Lato", sans-serif;
  font-size: 25.652px;
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2;
}
.gt-explore-btn a {
  color: #fff;
  text-decoration: none;
}

.gt-explore-text {
  padding: 30px 70px 10px 110px !important;
  padding-left: 110px;
}

.G20-carousel-banner {
  border-top: 6px solid #fe9c16;
  margin-top: 100px;

  .marquee-parent {
    position: relative;
    width: 100%;
    overflow: hidden;
    height: 50px;
    include mobile {
      height: 90px;
    }
  }
  .marquee-child {
    display: block;
    width: 1400px;
    height: 50px;
    font-size: 1.2rem;
    line-height: 50px;

    position: absolute;
    animation: marquee 40s linear infinite;
    a {
      color: #000;
    }
    include mobile {
      top: 40px;
    }
  }
  .marquee-child:hover {
    animation-play-state: paused;
    cursor: pointer;
  }
}
#engagement_group_cc {
  background: #fcefdf;
  background: linear-gradient(280deg, #fcefdf, #fcefdf 27%, #fff 88%);
  padding: 0 0 40px !important;
}
#g20_stories_cc {
  background: #fcefdf;
  background: linear-gradient(280deg, #fcefdf, #fcefdf 27%, #fff 88%);
}
#participate_cc {
  background: #fcefdf;
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#fcefdf),
    color-stop(27%, #fcefdf),
    color-stop(88%, #fff)
  );
  background: linear-gradient(90deg, #fcefdf, #fcefdf 27%, #fff 88%);
  margin: 0 0 30px;
  padding: 0 0 40px;
}

@media (max-width: 767px) {
  body {
    font: normal normal normal 1.125rem/1.75rem Lato, sans-serif;
  }
}