@charset "UTF-8";
/*--- Work Before After Video With Content ---*/
.work-before-after-video-with-content-main.bg-blue {
  background-color: #040026;
  color: #ffffff; }
  .work-before-after-video-with-content-main.bg-blue h1, .work-before-after-video-with-content-main.bg-blue h2, .work-before-after-video-with-content-main.bg-blue p {
    color: #ffffff; }
  .work-before-after-video-with-content-main.bg-blue ul.slick-dots li button {
    border-color: #ffffff; }
    .work-before-after-video-with-content-main.bg-blue ul.slick-dots li button:focus, .work-before-after-video-with-content-main.bg-blue ul.slick-dots li button:hover {
      border-color: #ffffff;
      background-color: #ffffff; }
  .work-before-after-video-with-content-main.bg-blue ul.slick-dots li.slick-active button {
    background-color: #ffffff; }

.work-before-after-video-with-content-main.bg-white {
  background-color: #ffffff;
  color: #040026; }
  .work-before-after-video-with-content-main.bg-white h1, .work-before-after-video-with-content-main.bg-white h2, .work-before-after-video-with-content-main.bg-white p {
    color: #040026; }

.work-before-after-video-with-content-main.bg-gray {
  background-color: #EBEAF2;
  color: #040026; }
  .work-before-after-video-with-content-main.bg-gray h1, .work-before-after-video-with-content-main.bg-gray h2, .work-before-after-video-with-content-main.bg-gray p {
    color: #040026; }

.work-bavwc-block .work-bavwc-title {
  max-width: 900px;
  margin-left: auto;
  margin-right: auto; }
  .work-bavwc-block .work-bavwc-title.blue h2 span {
    color: #040026; }
  .work-bavwc-block .work-bavwc-title.yellow h2 span {
    color: #FDF151; }
  .work-bavwc-block .work-bavwc-title.violet h2 span {
    color: #973EFF; }
  .work-bavwc-block .work-bavwc-title.green h2 span {
    color: #01FF8A; }
  .work-bavwc-block .work-bavwc-title.pink h2 span {
    color: #FF6565; }
  .work-bavwc-block .work-bavwc-title.white h2 span {
    color: #ffffff; }

.work-bavwc-block .work-bavwc-content {
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto; }
  .work-bavwc-block .work-bavwc-content p {
    font-size: 26px;
    text-align: center;
    font-weight: 500; }
    @media (max-width: 767px) {
      .work-bavwc-block .work-bavwc-content p {
        font-size: 22px; } }

.work-bavwc-block .work-bavwc-list .work-bavwc-list-row {
  padding-top: 100px; }
  @media (max-width: 991px) {
    .work-bavwc-block .work-bavwc-list .work-bavwc-list-row {
      padding-top: 60px; } }

.work-bavwc-block .work-bavwc-list .work-bavwc-testimonial-title {
  max-width: 490px;
  margin-left: auto;
  margin-right: auto;
  width: 100%; }
  .work-bavwc-block .work-bavwc-list .work-bavwc-testimonial-title p {
    font-size: 30px;
    font-weight: 600; }
    @media (max-width: 767px) {
      .work-bavwc-block .work-bavwc-list .work-bavwc-testimonial-title p {
        font-size: 18px; } }

.work-bavwc-block .work-bavwc-list .work-bavwc-list-left-block {
  max-width: 490px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  padding-top: 100px; }
  @media (max-width: 767px) {
    .work-bavwc-block .work-bavwc-list .work-bavwc-list-left-block {
      max-width: 100%;
      width: 100%; } }
  .work-bavwc-block .work-bavwc-list .work-bavwc-list-left-block:before {
    content: '“';
    font-family: "Staatliches", sans-serif;
    color: #FF6565;
    font-size: 200px;
    line-height: 0;
    position: absolute;
    top: 100px;
    left: -6px; }
    @media (max-width: 767px) {
      .work-bavwc-block .work-bavwc-list .work-bavwc-list-left-block:before {
        font-size: 140px; } }

.work-bavwc-block .work-bavwc-list .work-bavwc-testimonial-client p {
  font-size: 22px; }
  @media (max-width: 767px) {
    .work-bavwc-block .work-bavwc-list .work-bavwc-testimonial-client p {
      font-size: 18px; } }

.work-bavwc-block .work-bavwc-list .work-bavwc-list-right-block {
  display: flex;
  flex-grow: 1;
  justify-content: center;
  align-items: center;
  max-width: 100%;
  /*picture, img{
				object-fit: cover;
				width: 100%;
				height: 100%;
			}
			iframe{
				width: 100%;
				height: 100%;
				min-height: 400px;
				@include respond-below(md) {
					min-height: 50vw;
				}
			}*/ }
  .work-bavwc-block .work-bavwc-list .work-bavwc-list-right-block .work-bavwc-list-right-block-slider {
    max-width: 100%; }
    .work-bavwc-block .work-bavwc-list .work-bavwc-list-right-block .work-bavwc-list-right-block-slider ul.slick-dots {
      margin-bottom: 0px; }
  .work-bavwc-block .work-bavwc-list .work-bavwc-list-right-block iframe.youtube-video {
    width: 100%;
    height: 100%;
    min-height: 390px;
    max-height: 80%; }
    @media (max-width: 1199px) {
      .work-bavwc-block .work-bavwc-list .work-bavwc-list-right-block iframe.youtube-video {
        height: auto; } }
    @media (max-width: 991px) {
      .work-bavwc-block .work-bavwc-list .work-bavwc-list-right-block iframe.youtube-video {
        height: 30vw;
        min-height: inherit; } }
    @media (max-width: 767px) {
      .work-bavwc-block .work-bavwc-list .work-bavwc-list-right-block iframe.youtube-video {
        height: 60vw; } }
  .work-bavwc-block .work-bavwc-list .work-bavwc-list-right-block iframe.vimeo-video {
    width: 100%;
    height: 100%;
    min-height: 390px;
    max-height: 80%; }
    @media (max-width: 1199px) {
      .work-bavwc-block .work-bavwc-list .work-bavwc-list-right-block iframe.vimeo-video {
        min-height: 340px; } }
    @media (max-width: 991px) {
      .work-bavwc-block .work-bavwc-list .work-bavwc-list-right-block iframe.vimeo-video {
        min-height: 60vw; } }
  .work-bavwc-block .work-bavwc-list .work-bavwc-list-right-block video {
    width: 100%;
    max-height: 100%; }

.work-bavwc-block .work-bavwc-list .picture-reverse {
  flex-direction: row-reverse; }

@media (max-width: 767px) {
  .work-bavwc-block .work-bavwc-list .md-reverse {
    flex-direction: column-reverse;
    padding-top: 60px; } }

/*# sourceMappingURL=work-before-after-video-with-content.css.map */