/* breakpoints */
/*Large Break*/
/*Custom Break*/
/*Grid Break*/
/* Bootstrap Col breaks */
@-webkit-keyframes media-animation {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes media-animation {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.quote-carousel-loader {
  display: none;
  width: 50px;
  height: 50px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 102;
}

.quote-carousel-loader:after {
  content: " ";
  display: block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 3px solid #360065;
  border-color: #360065 transparent #360065 transparent;
  -webkit-animation: media-animation 1.2s linear infinite;
  animation: media-animation 1.2s linear infinite;
}

.quote-banner-wrapper {
  width: 100%;
  height: 100%;
  position: relative;
  display: block;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  margin: 40px auto 40px;
}
.quote-banner-wrapper.loading::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;
  z-index: 100;
}
.quote-banner-wrapper.loading .quote-carousel-loader {
  display: inline-block;
}
.quote-banner-wrapper.ifs-blue-dusk {
  background: rgb(132, 39, 226);
  background: linear-gradient(220.85deg, #360065 -26.92%, #8427E2 98.2%);
}
.quote-banner-wrapper.ifs-blue-dusk h4 {
  color: white;
}
.quote-banner-wrapper.ifs-blue-steel {
  background: #360065;
  background: linear-gradient(220.85deg, #15012B -66.34%, #360065 66.49%);
}
.quote-banner-wrapper.ifs-blue-steel h4 {
  color: white;
}
.quote-banner-wrapper.ifs-purple-sky {
  background: rgb(132, 39, 226);
  background: linear-gradient(220.85deg, #CD92FF -66.34%, #8427E2 70.78%);
}
.quote-banner-wrapper.ifs-purple-sky h4 {
  color: white;
}
.quote-banner-wrapper.ifs-royal-mint {
  background: rgb(132, 39, 226);
  background: linear-gradient(220.85deg, #33FF94 -66.34%, #8427E2 71.63%, #8427E2 98.15%, #8427E2 98.17%, #8427E2 98.18%, #8427E2 98.2%);
}
.quote-banner-wrapper.ifs-royal-mint h4 {
  color: white;
}
.quote-banner-wrapper.ifs-sunset {
  background: rgb(132, 39, 226);
  background: linear-gradient(220.85deg, #e6578b -66.34%, #8427E2 63.92%, #8427E2 98.17%, #8427E2 98.18%, #8427E2 98.2%);
}
.quote-banner-wrapper.ifs-sunset h4 {
  color: white;
}
.quote-banner-wrapper.white-background .container .quoteSwiper .swiper-button-next {
  color: #72c9f8 !important;
}
.quote-banner-wrapper.white-background .container .quoteSwiper .swiper-button-next::after {
  color: #232323;
}
.quote-banner-wrapper.white-background .container .quoteSwiper .swiper-button-prev {
  color: #72c9f8 !important;
}
.quote-banner-wrapper.white-background .container .quoteSwiper .swiper-button-prev::after {
  color: #232323;
}
.quote-banner-wrapper.white-background .container .quoteSwiper .swiper-wrapper .swiper-slide .quote-wrapper h4 {
  color: #8427E2;
}
.quote-banner-wrapper.white-background .container .quoteSwiper .swiper-wrapper .swiper-slide .quote-wrapper .below-section .speaker {
  color: #232323;
}
.quote-banner-wrapper.white-background .container .quoteSwiper .swiper-wrapper .swiper-slide .quote-wrapper .below-section .speaker p {
  color: #232323;
}
.quote-banner-wrapper.white-background .container .quoteSwiper .swiper-wrapper .swiper-slide .quote-wrapper .below-section .position {
  color: #232323;
}
.quote-banner-wrapper.white-background .container .quoteSwiper .swiper-wrapper .swiper-slide .quote-wrapper .below-section .position p {
  color: #232323;
}
.quote-banner-wrapper.bgImage {
  background-attachment: fixed;
}
.quote-banner-wrapper.bgImage h4 {
  color: white;
}
.quote-banner-wrapper .container {
  display: flex;
  justify-content: center;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
  padding-top: 45px;
  padding-bottom: 90px;
}
.quote-banner-wrapper .container .quoteSwiper {
  position: relative;
  z-index: 2;
  width: 100%;
}
.quote-banner-wrapper .container .quoteSwiper .swiper-button-next {
  color: #72c9f8;
  width: 48px;
  height: 48px;
  border-radius: 24px;
  border: 1px solid;
  top: 102%;
  right: 25px;
  z-index: 99;
}
.quote-banner-wrapper .container .quoteSwiper .swiper-button-next::after {
  color: white;
  font-size: 20px;
}
.quote-banner-wrapper .container .quoteSwiper .swiper-button-prev {
  color: #72c9f8;
  width: 48px;
  height: 48px;
  border-radius: 24px;
  border: 1px solid;
  top: 102%;
  left: 25px;
  z-index: 99;
}
.quote-banner-wrapper .container .quoteSwiper .swiper-button-prev::after {
  color: white;
  font-size: 20px;
}
.quote-banner-wrapper .container .quoteSwiper .quote-navigation .swiper-pagination {
  position: static;
}
.quote-banner-wrapper .container .quoteSwiper .quote-navigation .swiper-pagination-bullets {
  bottom: -30px;
}
.quote-banner-wrapper .container .quoteSwiper .quote-navigation .swiper-pagination-bullet {
  width: 24px;
  height: 4px;
  border-radius: 25px;
  background-color: #e9e9e9;
  opacity: 1;
}
.quote-banner-wrapper .container .quoteSwiper .quote-navigation .swiper-pagination-bullet-active {
  background-color: #ff6374;
}
.quote-banner-wrapper .container .quoteSwiper .swiper-wrapper .quote-navigation .swiper-pagination {
  position: absolute;
}
.quote-banner-wrapper .container .quoteSwiper .swiper-wrapper .quote-navigation .swiper-pagination-bullets {
  bottom: -30px;
}
.quote-banner-wrapper .container .quoteSwiper .swiper-wrapper .quote-navigation .swiper-pagination-bullet {
  width: 24px;
  height: 4px;
  border-radius: 25px;
  background-color: #e9e9e9;
  opacity: 1;
}
.quote-banner-wrapper .container .quoteSwiper .swiper-wrapper .quote-navigation .swiper-pagination-bullet-active {
  background-color: #ff6374;
}
.quote-banner-wrapper .container .quoteSwiper .swiper-wrapper .swiper-slide {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.quote-banner-wrapper .container .quoteSwiper .swiper-wrapper .swiper-slide .quote-wrapper {
  color: white;
}
.quote-banner-wrapper .container .quoteSwiper .swiper-wrapper .swiper-slide .quote-wrapper .comma {
  text-align: center;
}
.quote-banner-wrapper .container .quoteSwiper .swiper-wrapper .swiper-slide .quote-wrapper .comma .logo-image {
  border-radius: 10px;
  height: 70px;
}
.quote-banner-wrapper .container .quoteSwiper .swiper-wrapper .swiper-slide .quote-wrapper .quote h4 {
  font-family: "EuclidCircularA-Medium", Arial, sans-serif;
  letter-spacing: 0px;
  text-align: center;
  padding: 28px 20px;
}
.quote-banner-wrapper .container .quoteSwiper .swiper-wrapper .swiper-slide .quote-wrapper .below-section {
  display: flex;
  flex-direction: column;
}
.quote-banner-wrapper .container .quoteSwiper .swiper-wrapper .swiper-slide .quote-wrapper .below-section.notShort {
  flex-direction: row;
  justify-content: center;
}
.quote-banner-wrapper .container .quoteSwiper .swiper-wrapper .swiper-slide .quote-wrapper .below-section.notShort .col-12 {
  display: flex;
  justify-content: center; /* Center horizontally */
  align-items: center; /* Align text vertically (if needed) */
  gap: 30px; /* Adds spacing between the elements */
}
.quote-banner-wrapper .container .quoteSwiper .swiper-wrapper .swiper-slide .quote-wrapper .below-section.notShort .col-12 .speaker {
  text-align-last: right;
  max-width: 40%;
  padding-bottom: 0 !important;
}
.quote-banner-wrapper .container .quoteSwiper .swiper-wrapper .swiper-slide .quote-wrapper .below-section.notShort .col-12 .speaker p {
  padding-bottom: 0 !important;
}
.quote-banner-wrapper .container .quoteSwiper .swiper-wrapper .swiper-slide .quote-wrapper .below-section.notShort .col-12 .position {
  text-align-last: left;
  max-width: 40%;
}
.quote-banner-wrapper .container .quoteSwiper .swiper-wrapper .swiper-slide .quote-wrapper .below-section .speaker {
  font-size: 16px;
  font-family: "EuclidCircularA-Medium", Arial, sans-serif;
  line-height: 24px;
  letter-spacing: 0px;
  text-align: center;
  padding-bottom: 28px;
}
.quote-banner-wrapper .container .quoteSwiper .swiper-wrapper .swiper-slide .quote-wrapper .below-section .speaker p {
  font-size: 16px;
  font-family: "EuclidCircularA-Medium", Arial, sans-serif;
  line-height: 24px;
  letter-spacing: 0px;
  text-align: center;
  padding-bottom: 28px;
}
.quote-banner-wrapper .container .quoteSwiper .swiper-wrapper .swiper-slide .quote-wrapper .below-section .position {
  font-size: 16px;
  font-family: "EuclidCircularA-Regular", Arial, sans-serif;
  line-height: 24px;
  letter-spacing: 0px;
  text-align: center;
}
.quote-banner-wrapper .container .quoteSwiper .swiper-wrapper .swiper-slide .quote-wrapper .below-section .position p {
  font-size: 16px;
  font-family: "EuclidCircularA-Regular", Arial, sans-serif;
  line-height: 24px;
  letter-spacing: 0px;
  text-align: center;
}
.quote-banner-wrapper .container .quoteSwiper .swiper-wrapper .long .quote-wrapper .quote h4 {
  font-size: 20px;
  line-height: 25px;
}
.quote-banner-wrapper .container .quoteSwiper .swiper-wrapper .medium .quote-wrapper .quote h4 {
  font-size: 24px;
  line-height: 30.43px;
}
.quote-banner-wrapper .container .quoteSwiper .swiper-wrapper .short .quote-wrapper .quote h4 {
  font-size: 32px;
  line-height: 41px;
}

@media (min-width: 576px) {
  .quote-banner-wrapper .container .quoteSwiper .swiper-button-next {
    right: 80px;
  }
  .quote-banner-wrapper .container .quoteSwiper .swiper-button-prev {
    left: 80px;
  }
}
@media (min-width: 992px) {
  .quote-banner-wrapper.white-background .container .quoteSwiper .swiper-button-next::after {
    color: #8427E2;
  }
  .quote-banner-wrapper.white-background .container .quoteSwiper .swiper-button-prev::after {
    color: #8427E2;
  }
  .quote-banner-wrapper .container {
    padding-top: 55px;
    padding-bottom: 80px;
  }
  .quote-banner-wrapper .container .row {
    margin-right: 0;
    margin-left: 0;
  }
  .quote-banner-wrapper .container .row .quoteSwiper .swiper-wrapper .quote-navigation .swiper-button-next {
    color: white;
    top: 50%;
    right: 0 !important;
  }
  .quote-banner-wrapper .container .row .quoteSwiper .swiper-wrapper .quote-navigation .swiper-button-prev {
    color: white;
    top: 50%;
    left: 0 !important;
  }
  .quote-banner-wrapper .container .row .quoteSwiper .swiper-wrapper .swiper-slide .quote-wrapper .quote h4 {
    padding: 28px 90px;
  }
  .quote-banner-wrapper .container .row .quoteSwiper .swiper-wrapper .long .quote-wrapper .quote h4 {
    font-size: 24px;
    line-height: 30.43px;
  }
  .quote-banner-wrapper .container .row .quoteSwiper .swiper-wrapper .medium .quote-wrapper .quote h4 {
    font-size: 32px;
    line-height: 40.58px;
  }
  .quote-banner-wrapper .container .row .quoteSwiper .swiper-wrapper .short .quote-wrapper .quote h4 {
    font-size: 48px;
    line-height: 60.86px;
  }
}
@media (min-width: 1200px) {
  .quote-banner-wrapper .container .quoteSwiper .swiper-button-next {
    right: 0;
  }
  .quote-banner-wrapper .container .quoteSwiper .swiper-button-prev {
    left: 0;
  }
}