/*==================*/
/* Gallery          */
/*==================*/
.gallery-slider .swiper-controls-wrap {position: relative;width: 100%;justify-content: space-between;margin-top: var(--sp-md);}
.gallery-slider .swiper-controls-wrap .swiper-pagination-wrap {width: 100%;}
.gallery-slider .swiper-controls-wrap .swiper-pagination-bullets-dynamic {margin-top: 0;}
.gallery-card {position: relative;cursor: pointer;z-index: 1;overflow: hidden;display: block;width: 100%;aspect-ratio: 0.7582;border-radius: 0.75rem;}
.gallery-card img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;content-visibility: auto;transition: var(--transition-1);}
@media (min-width: 1200px) {
.gallery-slider .swiper-controls-wrap::before {content: "";z-index: 0;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: calc(100% - var(--sw-btn) * 2 - var(--sp-md) * 2);height: 0.0625rem;background-color: #E5DAD2;}
.gallery-slider .swiper-controls-wrap .swiper-pagination-wrap {position: relative;width: auto;padding-inline: var(--sp-md);background-color: var(--clr-white);}
.gallery-slider .swiper-controls-wrap .swiper-pagination-bullets-dynamic {left: initial;transform: initial;margin-top: 0;}
.gallery-slider .swiper-controls-wrap [class*=swiper-button] {--size-dot: 0.1875rem;color: var(--clr-title);background-color: transparent;border: 0.0625rem solid #E3DBD3;}
.gallery-slider .swiper-controls-wrap [class*=swiper-button]:hover {color: var(--clr-white);background-color: var(--clr-primary);border-color: var(--clr-primary);}
.gallery-card:hover img {transform: scale(1.05);}
}
.lightbox-gallery:not(.swiper-wrapper) {cursor: pointer;position: absolute;z-index: 10;inset: 0;}
.lightbox-gallery:not(.swiper-wrapper) > *:first-child {position: absolute;inset: 0;}
/*==================*/
/* LightBox         */
/*==================*/
.lg-backdrop {background-color: var(--bg-light) !important;}
.lg-outer .lg-toolbar {background-color: var(--bg-light);opacity: 1;transform: initial;}
.lg-outer .lg-toolbar .lg-icon {color: var(--clr-title);}
.lg-outer .lg-toolbar .lg-icon:not(.lg-close) {display: none;}
.lg-outer .lg-toolbar #lg-counter {font-size: var(--text);color: var(--clr-title);display: none;}
.lg-outer .lg-actions {--sw-btn: 6.375rem;}
.lg-outer .lg-actions .lg-next,
.lg-outer .lg-actions .lg-prev {color: var(--clr-white);padding: 0;background-color: transparent;transition: var(--transition-1);opacity: 1;left: 5rem;}
.lg-outer .lg-actions .lg-next::before,
.lg-outer .lg-actions .lg-next::after,
.lg-outer .lg-actions .lg-prev::before,
.lg-outer .lg-actions .lg-prev::after {display: none;}
.lg-outer .lg-actions .lg-next {right: 5rem;}
.lg-outer .lg-actions [class*=swiper-button] {--size-dot: 0.1875rem;color: var(--clr-title);background-color: transparent;border: 0.0625rem solid var(--clr-border);}
.lg-outer .lg-actions [class*=swiper-button]:hover {color: var(--clr-white);background-color: var(--clr-primary);border-color: var(--clr-primary);}
.lg-outer .lg-thumb {margin: 0 auto;}
.lg-outer .lg-thumb-outer {background-color: var(--bg-light) !important;box-shadow: none;}
.lg-outer .lg-toogle-thumb {background-color: var(--clr-light) !important;box-shadow: none;color: var(--clr-title);transition: var(--transition-1);}
.lg-outer .lg-thumb-item {border-radius: 0 !important;text-align: center;}
.lg-outer .lg-thumb-item.active,
.lg-outer .lg-thumb-item:hover {border-color: var(--clr-primary) !important;}
.lg-outer.lg-pull-caption-up .lg-sub-html {max-width: 100%;margin: 0 auto;background-color: var(--bg-light);font-family: var(--ff-2);font-size: var(--h4);line-height: 1.2em;color: var(--clr-title);}
.lg-sub-html > *:not(:last-child) {margin-bottom: 10px;}
.lg-sub-html .caption {font-size: var(--text);color: var(--clr-white);}
.lg-sub-html p {font-size: 0.75rem;color: var(--clr-white);}
.lg-outer .lg-video-cont {max-width: 100% !important;max-height: 100% !important;width: auto;}
.lg-outer .lg-video {width: auto;height: auto;padding-bottom: unset !important;overflow: hidden;position: relative;}
.lg-outer .lg-video > * {max-width: 100%;max-height: 100%;height: auto;width: auto;}
@media (min-width: 1200px) {
.lg-outer .lg-toolbar .lg-icon:hover {color: var(--clr-primary);}
.lg-outer .lg-toogle-thumb:hover {color: var(--clr-primary);}
}
@media (max-width: 575px) {
.lg-outer .lg-actions .lg-next,
.lg-outer .lg-actions .lg-prev {display: none;}
}