.cursor-pointer {
  cursor: pointer !important;
}
.pointer-none {
  pointer-events: none !important;
}
.normal-distance-from-wall,.high-distance-from-wall {
  padding: 0 20px;
}
@media only screen and (min-width: 992px) {
.normal-distance-from-wall,.high-distance-from-wall {
    padding: 0 40px;
  }
}
@media only screen and (min-width: 1200px) {
.normal-distance-from-wall,.high-distance-from-wall {
    padding: 0 60px;
  }
}
@media only screen and (min-width: 1400px) {
  .normal-distance-from-wall {
    padding: 0 80px;
  }
 .high-distance-from-wall {
    padding: 0 200px;
  }  
}

.normal-distance-from-wall-margin,.high-distance-from-wall-margin {
    margin: 0 20px;
}
@media only screen and (min-width: 992px) {
    .normal-distance-from-wall-margin,.high-distance-from-wall-margin {
        margin: 0 40px;
    }
}
@media only screen and (min-width: 1200px) {
    .normal-distance-from-wall-margin,.high-distance-from-wall-margin {
        margin: 0 60px;
    }
}
@media only screen and (min-width: 1400px) {
    .normal-distance-from-wall-margin {
        margin: 0 80px;
    }
    .high-distance-from-wall-margin {
        margin: 0 200px;
    }
}

.border-collapse {
  border-collapse: collapse !important;
}
.page-break-after-always {
  page-break-after: always !important;
}
.white-space-nowrap {
  white-space: nowrap !important;
}
.text-justify {
  text-align: justify !important;
}
.miracel-studio-description {
  font-size: 14px !important;
  line-height: calc((0.5rem + 0.3vw) * 2) !important;
  text-align: justify !important;
}

.py-106 { padding-top: 4rem !important; padding-bottom: 4rem !important; }
.py-107 { padding-top: 5rem !important; padding-bottom: 5rem!important; }
.py-108 { padding-top: 6rem !important; padding-bottom: 6rem!important; }
.py-109 { padding-top: 7rem !important; padding-bottom: 7rem !important; }
.py-110 { padding-top: 8rem !important; padding-bottom: 8rem!important; }
.py-111 { padding-top: 9rem !important; padding-bottom: 9rem!important; }

.px-106 { padding-left: 4rem !important; padding-right: 4rem !important; }
.px-107 { padding-left: 5rem !important; padding-right: 5rem!important; }
.px-108 { padding-left: 6rem !important; padding-right: 6rem!important; }
.px-109 { padding-left: 7rem !important; padding-right: 7rem !important; }
.px-110 { padding-left: 8rem !important; padding-right: 8rem!important; }
.px-111 { padding-left: 9rem !important; padding-right: 9rem!important; }

.mx-106 { margin-left: 4rem !important; margin-right: 4rem !important; }
.mx-107 { margin-left: 5rem !important; margin-right: 5rem!important; }
.mx-108 { margin-left: 6rem !important; margin-right: 6rem!important; }
.mx-109 { margin-left: 7rem !important; margin-right: 7rem !important; }
.mx-110 { margin-left: 8rem !important; margin-right: 8rem!important; }
.mx-111 { margin-left: 9rem !important; margin-right: 9rem!important; }


.order-106 { order: 106; }
.order-107 { order: 107; }
.order-108 { order: 108; }
.order-109 { order: 109; }
.order-110 { order: 110; }
.order-111 { order: 111; }

.media-16x9-cls-container {
    position: relative;
    width: 100%;
    padding-top: 56.25%; /* 16:9 aspect ratio */
    background-color: transparent; /* Light placeholder color */
}

.media-16x9-cls-container img, .media-16x9-cls-container video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.media-16x9-cls-container img.loaded, .media-16x9-cls-container video.loaded {
    opacity: 1;
}