/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./sfra-webpack-builder/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./sfra-webpack-builder/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./sfra-webpack-builder/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./code/app_irth/cartridge/client/default/scss/carouselStyle.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.carousel-style {
  height: auto;
  width: auto;
  top: 0.313rem; }
  .carousel-style .carousel-inner {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    margin: 0; }

@media (min-width: 576px) {
  .carousel-style {
    height: auto;
    width: auto;
    top: 0.625rem; }
    .carousel-style .carousel-inner {
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      margin: 0; } }

@media (max-width: 1023.98px) {
  .carousel-style {
    height: auto;
    width: auto;
    top: 0.625rem; }
    .carousel-style .carousel-inner {
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      margin: 0; }
  .nav-style {
    border-radius: 65% !important;
    top: 38% !important; }
  .left-style {
    left: 2.188rem !important;
    z-index: 0; }
  .right-style {
    right: 2.188rem !important;
    z-index: 0; } }

@media (max-width: 1049.98px) {
  .carousel-style {
    height: auto;
    width: auto;
    top: 0.625rem;
    padding-top: 0;
    position: relative; }
    .carousel-style .carousel-inner {
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      margin: 0; }
  .nav-style {
    border-radius: 65% !important;
    height: 3.438rem !important;
    top: 38% !important; }
  .left-style {
    left: 2.188rem !important;
    z-index: 0; }
  .right-style {
    right: 2.188rem !important;
    z-index: 0; } }

@media (min-width: 1280px) {
  .nav-style {
    border-radius: 65%;
    height: 3.125rem !important;
    width: 3.125rem !important;
    top: 38% !important; }
  .left-style {
    left: 2.188rem !important;
    z-index: 0; }
  .right-style {
    right: 2.188rem !important;
    z-index: 0; }
  .carousel-style {
    height: auto;
    top: 0; }
    .carousel-style .carousel-inner {
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      margin: 0; } }

.carousel-style {
  max-width: inherit; }
  .carousel-style figure {
    width: 100%; }

.carousel-item {
  padding-right: 0;
  padding-left: 0;
  padding-bottom: 0.9375rem;
  margin-right: -100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  @media (max-width: 767.98px) {
    .carousel-item {
      padding-bottom: 0 !important; } }

.pd-carousel-indicators {
  z-index: 0; }
  .pd-carousel-indicators li {
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 100%;
    margin-right: 1rem;
    margin-left: 1rem; }

.explore {
  font-family: arial, sans-serif;
  text-align: center;
  font-size: 55px;
  line-height: 77px;
  font-weight: 400;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #000; }

@media (max-width: 767.98px) {
  .left-style {
    display: none; }
  .right-style {
    display: none; } }


/*# sourceMappingURL=default\css\carouselStyle.css.map*/