.carousel-text .container-fluid {
  padding: 0; }
.carousel-text .wrapper {
  position: relative;
  display: flex;
  overflow: hidden;
  flex-direction: row-reverse; }
.carousel-text .carousel-part {
  width: calc(46.5% + 100px);
  position: absolute;
  left: 0;
  height: 850px; }
  .carousel-text .carousel-part .gallery-carousel-text, .carousel-text .carousel-part .owl-stage-outer, .carousel-text .carousel-part .owl-stage, .carousel-text .carousel-part .owl-item, .carousel-text .carousel-part .one-image {
    height: 100%; }
  .carousel-text .carousel-part .one-image {
    display: block; }
    .carousel-text .carousel-part .one-image .image {
      height: 100%; }
  .carousel-text .carousel-part .owl-carousel .owl-item img {
    height: 100%;
    object-fit: cover; }
.carousel-text .text {
  width: 54.5%;
  z-index: 2;
  margin-right: -100px;
  max-height: 850px; }
  .carousel-text .text:before {
    width: 100px;
    height: 100%;
    display: block;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background: #F4F0EA;
    background: linear-gradient(180deg, #f4f0ea 0%, #fffefe 100%); }
  .carousel-text .text .text-wrapper {
    transform: skew(13deg, 0deg);
    padding: 100px; }
  .carousel-text .text .text-inner {
    height: 100%;
    transform: skew(-13deg, 0deg);
    background: #F4F0EA;
    background: linear-gradient(180deg, #f4f0ea 0%, #fffefe 100%); }
.carousel-text .title {
  display: flex;
  flex-direction: column-reverse;
  align-items: center; }
  .carousel-text .title .upper-title {
    font-size: 14px;
    display: flex;
    background-color: var(--dark-bg2);
    align-items: center;
    color: var(--transparent-color1);
    font-weight: 600; }
    .carousel-text .title .upper-title img {
      object-fit: contain;
      max-width: 16px;
      margin-right: 10px; }
    .carousel-text .title .upper-title .image {
      margin: 0; }

@media (max-width: 575.5px) {
  .carousel-text.reverse .text {
    margin-bottom: 0; }
  .carousel-text .nav-wrapper {
    margin-bottom: 15px; }
  .carousel-text .carousel-part {
    width: 100%;
    position: relative; }
    .carousel-text .carousel-part .owl-carousel .owl-item img {
      height: 60vw; }
  .carousel-text .text {
    width: 100%; } }
@media (min-width: 576px) and (max-width: 767.5px) {
  .carousel-text.reverse .text {
    margin-bottom: 0; }
  .carousel-text .nav-wrapper {
    margin-bottom: 15px; }
  .carousel-text .carousel-part {
    width: 100%;
    position: relative; }
    .carousel-text .carousel-part .owl-carousel .owl-item img {
      height: 60vw; }
  .carousel-text .text {
    width: 100%; } }
@media (min-width: 768px) and (max-width: 991.5px) {
  .carousel-text.reverse .text {
    margin-bottom: 0; }
  .carousel-text .nav-wrapper {
    margin-bottom: 15px; }
  .carousel-text .carousel-part {
    width: 100%;
    position: relative; }
    .carousel-text .carousel-part .owl-carousel .owl-item img {
      height: 60vw; }
  .carousel-text .text {
    width: 100%; } }
@media (min-width: 1580px) {
  .carousel-text .text .text-wrapper {
    padding-left: calc(50vw - 800px); } }

/*# sourceMappingURL=gallery_carousel_text.css.map */