.main-section {
  margin: 0 auto;
  max-width: 90rem;
  overflow-x: hidden; }
  .main-section .hero-carousel {
    position: relative;
    width: 100vw; }
    @media (min-width: 1200px) {
      .main-section .hero-carousel {
        max-width: 90rem; } }
    .main-section .hero-carousel .carousel-inner {
      width: auto;
      margin: 0; }
      .main-section .hero-carousel .carousel-inner .carousel-item {
        padding: 0;
        -ms-flex-align: center;
        align-items: center; }
    .main-section .hero-carousel .carousel-control-next {
      right: -0.625rem; }
      .main-section .hero-carousel .carousel-control-next .carousel-control-next-icon {
        position: absolute;
        right: 42%;
        top: 60%; }
        @media (min-width: 768px) {
          .main-section .hero-carousel .carousel-control-next .carousel-control-next-icon {
            top: 76%;
            right: 60%; } }
        @media (min-width: 992px) {
          .main-section .hero-carousel .carousel-control-next .carousel-control-next-icon {
            top: 82%;
            right: 30%; } }
        @media (min-width: 1200px) {
          .main-section .hero-carousel .carousel-control-next .carousel-control-next-icon {
            right: 90%;
            top: 87%; } }
      .main-section .hero-carousel .carousel-control-next .slick-next {
        width: 1.25rem;
        height: 2.375rem;
        background: rgba(255, 255, 255, 0.8); }
        .main-section .hero-carousel .carousel-control-next .slick-next::before {
          color: #012B7C;
          font-size: 2.3rem;
          opacity: 1; }
    .main-section .hero-carousel .carousel-control-prev {
      left: -0.625rem; }
      .main-section .hero-carousel .carousel-control-prev .carousel-control-prev-icon {
        position: absolute;
        left: 42%;
        top: 60%; }
        @media (min-width: 768px) {
          .main-section .hero-carousel .carousel-control-prev .carousel-control-prev-icon {
            top: 76%;
            left: 60%; } }
        @media (min-width: 992px) {
          .main-section .hero-carousel .carousel-control-prev .carousel-control-prev-icon {
            top: 82%;
            left: 30%; } }
        @media (min-width: 1200px) {
          .main-section .hero-carousel .carousel-control-prev .carousel-control-prev-icon {
            top: 87%;
            left: 90%; } }
      .main-section .hero-carousel .carousel-control-prev .slick-prev {
        width: 1.25rem;
        height: 2.375rem;
        background: rgba(255, 255, 255, 0.8); }
        .main-section .hero-carousel .carousel-control-prev .slick-prev::before {
          color: #012B7C;
          font-size: 2.3rem;
          opacity: 1; }

.pd-carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 0.625rem;
  left: 0;
  z-index: 15;
  display: none;
  -ms-flex-pack: center;
      justify-content: center;
  padding-left: 0;
  margin-right: 15%;
  margin-left: 15%;
  list-style: none; }
  .pd-carousel-indicators li {
    position: relative;
    -ms-flex: 0 1 auto;
        flex: 0 1 auto;
    width: 30px;
    height: 0.187rem;
    margin-right: 0.187rem;
    margin-left: 0.187rem;
    text-indent: -62.437rem;
    cursor: default; }
    .pd-carousel-indicators li::before {
      position: absolute;
      top: -0.625rem;
      left: 0;
      display: inline-block;
      width: 100%;
      height: 0.625rem;
      content: ""; }
    .pd-carousel-indicators li::after {
      position: absolute;
      bottom: -0.625rem;
      left: 0;
      display: inline-block;
      width: 100%;
      height: 0.625rem;
      content: ""; }
  .pd-carousel-indicators .active {
    background-color: #000000;
    max-width: 1140px; }