.ad-modal .modal-content {
     border: 1px solid rgba(0, 0, 0, .12);
     border-radius: .375rem;
     overflow: hidden;
 }

 .ad-modal .modal-header {
     background: #fff;
     border-bottom: 1px solid #dee2e6;
     padding: .65rem 1rem;
 }

 .ad-modal .modal-title {
     font-size: .75rem;
     font-weight: 600;
     text-transform: uppercase;
     letter-spacing: .08em;
     color: #6c757d;
 }

 .ad-modal .close {
     font-size: 1.1rem;
     color: #6c757d;
     opacity: 1;
 }

 .ad-modal .close:hover {
     color: #212529;
 }

 .owl-slide img {
     width: 100%;
     height: auto;
     display: block;
     max-height: 90vh;
     object-fit: contain;
 }

 .owl-height {
     transition: height .4s ease;
 }

 .owl-nav {
     margin: 0 !important;
 }

 .owl-prev,
 .owl-next {
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
     background: rgba(255, 255, 255, .85) !important;
     border: 1px solid rgba(0, 0, 0, .1) !important;
     border-radius: 50% !important;
     width: 34px;
     height: 34px;
     display: flex !important;
     align-items: center;
     justify-content: center;
     color: #495057 !important;
     font-size: 1rem !important;
     transition: background .2s !important;
 }

 .owl-prev {
     left: 10px;
 }

 .owl-next {
     right: 10px;
 }

 .owl-prev:hover,
 .owl-next:hover {
     background: #fff !important;
     color: #212529 !important;
 }

 .owl-dots {
     position: absolute;
     bottom: 10px;
     left: 50%;
     transform: translateX(-50%);
     margin: 0 !important;
 }

 .owl-dot span {
     background: rgba(255, 255, 255, .5) !important;
     border: 1px solid rgba(255, 255, 255, .7) !important;
     width: 7px !important;
     height: 7px !important;
     margin: 0 3px !important;
     transition: background .25s !important;
 }

 .owl-dot.active span {
     background: #fff !important;
 }

 #slidesDesktop,
 #slidesMobile {
     display: none;
 }

 .demo-note {
     font-size: .72rem;
     color: #adb5bd;
 }