.navbar-default .navbar-toggle .icon-bar,
.navbar-toggle .icon-bar:after,
.navbar-toggle .icon-bar:before {
background-color: #308781 !important;
}

.navbar.navbar-default {
    transition: margin-top 1s ease-out;
    }

.quote-slider-wrapper {
    flex: 0 0 50%;
    max-width: 50%;
    width: 25%;
    position: absolute;
    bottom: 140px;
    right: 100px;
    z-index: 12;
    max-height: 552px;
    overflow: hidden;
    background: rgba(2, 33, 79, 0.8);
    backdrop-filter: blur(7.5px);
    border-radius: 10px 50px 10px 10px;
    font-weight: 700;
    /* pointer-events: none; */
    color: #99BDFB;
}
.quote-slider {
  height: 550px;
}
.quote-slider .block-middle {
    display: flex;
}
.quote-slider .block-middle .middle-right {
    position: relative;
    display: flex;
}
.quote-text-wrap {
    display: flex;
    height: 100%;
    display: flex;
    justify-content: space-around;
}
.quote-text {
  max-width: 500px;
  align-self: center;
  margin: 0 10%;
  font-size: 24px;
}

.quote-text {
  transition: all 0.3s;
}
.swiper-slide.swiper-slide-next .quote-text,
.swiper-slide.swiper-slide-prev .quote-text {
  opacity: 0;
}
.swiper-slide.swiper-slide-active .quote-text {
    opacity: 1;
    width: 80% !important;
    display: block;
}

.image-slider-wrapper {
  position: relative;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 100%;
  background-color: #f1f1f1;
}

.image-slider {
  height: 100vh;
}

.swiper-slide {
    position: relative;
    overflow: hidden;
}

.swiper-slide-inner {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
}

.sw-prev .fas, .sw-next .fas {
    font-size: 30px;
    max-width: 30px;
    max-height: 30px;
}
.sw-prev, .sw-next  {
    display: flex;
    align-items: stretch;
    width: 60px;
}
.quote-text p {
    font-size: 21px;
    line-height: 29px;
}
.quote-text .desc {
    font-size: 14px;
    line-height: 18px;
    margin-top: 50px;
    font-weight: 500;
}
.block-logo {
    margin-bottom: 50px;
    margin-top: 50px;
}

.quote-text p:last-child {
    margin-bottom: 50px;
}
.quote-text .swiper-button-disabled {
    opacity: 0.2;
}


.subquote-block {
    flex: 0 0 50%;
    max-width: 50%;
    width: fit-content;
    position: absolute;
    bottom: 140px;
    left: 100px;
    z-index: 12;
    max-height: 552px;
    overflow: hidden;
    background: rgba(2, 33, 79, 0.8);
    backdrop-filter: blur(7.5px);
    border-radius: 10px 50px 10px 10px;
    font-style: normal;
    /* pointer-events: none; */
    color: #99BDFB;
    padding: 20px 30px 0px 30px;
}

.subquote-block p {
    font-size: 21px;
    font-weight: 700;
    line-height: 29px;
}

.subquote-block p span {
    color: white;
}

@media (min-width: 960px)  {
  .image-slider-wrapper .swiper-container-horizontal .swiper-wrapper:after {
    width: 100%;
    height: 100%;
    position: absolute;
    content: "";
    z-index: 1;
    display: block !important;
    top: 0;
    background-image: url(/wp-content/themes/sway-child/images/slider_circle_bg.png);
    background-repeat: no-repeat;
    background-position: right 60vh;
    background-size: 240px;
    pointer-events: none;
}
}
@media (max-width: 959px)  {
.image-slider {
    height: 67vw;
}
.sw-prev, .sw-next {
    display: flex;
    align-items: stretch;
    width: 18vw;
}
#wrapper.hide-title-section, #wrapper {
    padding-top: 0;
}

.navbar,
.navbar.navbar-default {
  background-color: transparent;
  }
 .quote-slider-wrapper {
    flex: 0 0 50%;
    max-width: 92%;
    width: 92%;
    position: absolute;
    top: 50vw;
    right: 4%;
    z-index: 12;
    max-height: 490px;
    overflow: hidden;
    background: rgba(2, 33, 79, 0.8);
    backdrop-filter: blur(7.5px);
    border-radius: 10px 50px 10px 10px;
    transform: scale(0.9);
    bottom: auto;
}
.block-logo {
    margin-bottom: 25px;
    margin-top: 11px;
}
.quote-text-wrap {
    display: flex;
    height: 90%;
    display: flex;
    justify-content: space-around;
}
.quote-text .desc {
    font-size: 14px;
    line-height: 18px;
    margin-top: 20px;
}
.mySwipe {
    height: calc(630px + 58vw);
    background-color: #00183D;
    background-image: url(https://www.sensonica.com/wp-content/themes/sway-child/images/slider_circle_bg.png);
    background-repeat: no-repeat;
    background-position: right 50vh;
    background-size: 180px;
}




.subquote-block {
    flex: 0 0 50%;
    z-index: 12;
    max-height: 552px;
    overflow: hidden;
    background: rgba(2, 33, 79, 0.8);
    backdrop-filter: blur(7.5px);
    border-radius: 10px 50px 10px 10px;
    font-style: normal;
    /* pointer-events: none; */
    color: #99BDFB;
    padding: 20px 30px 0px 30px;
    transform: scale(0.9);
    max-width: 92%;
    width: 92%;
    position: absolute;
    top: calc(50vw + 477px);
    right: 4%;
    left: auto;
    bottom: auto;
}

}
