@media (max-width: 767px) {
  .responsive-section1 .section-play-video {
    order: 1;
    margin-top: 48px;
    min-height: 228px;
  }
}
@media (max-width: 767px) {
  .responsive-section1 .section-text-about .vc_custom_1738726101783 {
    padding: 0 15px !important;
  }
  .responsive-section1 .section-text-about .vc_custom_1738726101783 h2 {
    font-size: 30px !important;
  }
}
.responsive-section1 .section-text-about .custom-icon {
  margin-top: 8px;
}
@media (max-width: 767px) {
  .responsive-section1 .section-text-about .custom-icon {
    margin-top: 16px !important;
  }
}
.responsive-section1 .section-text-about .custom-icon .mkdf-iwt-title-text {
  padding-left: 8px !important;
  font-weight: bold;
  font-size: 18px !important;
}
@media (max-width: 767px) {
  .responsive-section1 .vc_custom_1738725512743 {
    padding: 80px 48px !important;
  }
  .responsive-section1 .vc_custom_1738725512743 .mkdf-eh-item-content {
    padding: 0 !important;
  }
  .responsive-section1 .vc_custom_1738725512743 .mkdf-video-button-play-inner {
    width: 40px !important;
  }
}

.vc_custom_1738725782881 .wpb_wrapper,
.vc_custom_1738725782881 .mkdf-elements-holder,
.vc_custom_1738725782881 .mkdf-eh-item-inner,
.vc_custom_1738725782881 .mkdf-eh-item-content,
.vc_custom_1738725782881 .mkdf-video-button-holder,
.vc_custom_1738725782881 .mkdf-video-button-image {
  height: 100% !important;
}
.vc_custom_1738725782881 .mkdf-eh-item {
  background-repeat: no-repeat !important;
}
.vc_custom_1738725782881 img {
  -o-object-fit: cover !important;
     object-fit: cover !important;
}

.purple-bg .vc_column-inner,
.orange-bg .vc_column-inner {
  position: relative;
}
@media (max-width: 767px) {
  .purple-bg .vc_column-inner.vc_custom_1738724891175,
  .orange-bg .vc_column-inner.vc_custom_1738724891175 {
    padding: 130px 48px !important;
  }
  .purple-bg .vc_column-inner.vc_custom_1738724903477,
  .orange-bg .vc_column-inner.vc_custom_1738724903477 {
    padding: 130px 48px !important;
  }
}
.purple-bg .vc_column-inner::before,
.orange-bg .vc_column-inner::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

.purple-bg .vc_column-inner::before {
  background: rgba(112, 13, 30, 0.5)
}

.orange-bg .vc_column-inner::before {
  background: rgba(166, 137, 68, 0.7)
}

@media (max-width: 767px) {
  .vc_custom_1738723514687 {
    margin-bottom: 10px !important;
  }
}