:root {

  --bs-primary: #c8b9a0;
  --bs-primary-rgb: 200,185,160;
  --bs-light: rgba(243,241,237,1);
  --bs-light-rgb: 243,241,237;
  --bs-secondary: rgba(210,201,192,1);
  --bs-secondary-rgb: 210,201,192;
  --bs-dark: rgba(32,32,32,1);
  --bs-dark-rgb: 32,32,32;
  --bs-secondary-color: #797979;
  --bs-secondary-color-rgb: 121, 121, 121;

  --bs-body-color: rgb(32, 32, 32);
  --bs-body-color-rgb: 32,32,32,;
  --bs-body-bg: #fff;
  --bs-body-bg-rgb: 255, 255, 255;

  --bs-gradient: linear-gradient(
                  -7deg,
                  var(--bs-primary) 35%,
                  var(--bs-light) 45%,
                  var(--bs-light) 55%,
                  var(--bs-primary) 65%
                );

  --bs-body-font-family: 'dana', var(--bs-font-sans-serif);

  --bs-link-color: var(--bs-secondary-color);
  --bs-link-color-rgb: var(--bs-secondary-color-rgb);
  --bs-link-decoration: none;
  --bs-link-hover-color: var(--bs-body-color);
  --bs-link-hover-color-rgb: var(--bs-body-color-rgb);

}

@font-face {
  font-family: 'dana';
  src: url(../font/dana-fanum-regular.ttf) format('truetype');
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: 'dana';
  src: url(../font/dana-fanum-bold.ttf) format('truetype');
  font-weight: 700;
  font-display: swap;
}


/*****************************************************************************
**
** Additional helper & typography
**
******************************************************************************/
@media (min-width: 768px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl,
  .container-xxxl {
    max-width: 90vw;
  }
}
.container-landing{
  max-width: 1200px;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  font-weight: 700;
}
.mb-5rem {
  margin-bottom: 5rem;
}
.title-effect {
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.title-effect::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: min(50%, 8rem);
  height: min(1.5ch, 1.5rem);
  background-image: url('data:image/svg+xml, <svg width="140" height="24" viewBox="0 0 140 24" version="1.1" xmlns="http://www.w3.org/2000/svg"><path fill="%23669491" d="m 133.46858,23.267114 c 8.1668,-0.359622 8.12134,-0.295899 2.91972,-4.093709 C 120.32995,7.4488956 95.668344,0.93869579 66.648974,0.09421686 48.240668,-0.44147459 28.078846,1.3026795 7.2471456,5.4419093 c -7.93122994,1.5759311 -8.21135994,1.750825 -6.18667,3.8625495 6.94382,7.2421052 33.8363804,12.2813852 70.3033094,14.0238262 14.896822,0.711788 31.391365,0.873419 48.776395,0.410329 4.38985,-0.116939 8.83643,-0.273714 13.3284,-0.4715 z" /></svg>');
  background-size: 100% 100%;
  z-index: -1;
}

.ratio-150 {
  --bs-aspect-ratio: 150%;
}

.ltr {
  direction: ltr;
}

.top-auto {
  top: auto !important;
}

.flex-basis-0 {
  flex: 1 0 0%;
}

img+.bg-gradient {
  --bs-gradient: linear-gradient(0deg, var(--bs-body-bg), rgba(var(--bs-body-bg-rgb), 0));
}

/*****************************************************************************
**
** Link & Button
**
******************************************************************************/
a {
  -webkit-text-decoration: var(--bs-link-decoration);
          text-decoration: var(--bs-link-decoration);
}

.link-video::before {
  content: url('data:image/svg+xml,<svg width="64" height="64" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path opacity="0.6" d="M11.9688 22C17.4916 22 21.9688 17.5228 21.9688 12C21.9688 6.47715 17.4916 2 11.9688 2C6.4459 2 1.96875 6.47715 1.96875 12C1.96875 17.5228 6.4459 22 11.9688 22Z" fill="%23ffffff"/><path d="M14.9694 10.2311L12.0694 8.56109C11.3494 8.14109 10.4794 8.14109 9.75938 8.56109C9.03938 8.98109 8.60938 9.72109 8.60938 10.5611V13.9111C8.60938 14.7411 9.03938 15.4911 9.75938 15.9111C10.1194 16.1211 10.5194 16.2211 10.9094 16.2211C11.3094 16.2211 11.6994 16.1211 12.0594 15.9111L14.9594 14.2411C15.6794 13.8211 16.1094 13.0811 16.1094 12.2411C16.1294 11.4011 15.6994 10.6511 14.9694 10.2311Z" fill="%23000000"/></svg>');
  position: absolute;
  inset: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-filter: drop-shadow(0 0 1rem #00000080);
          filter: drop-shadow(0 0 1rem #00000080);
  transition: all 250ms ease-in-out;
}
.link-video:hover::before {
  -webkit-filter: drop-shadow(0 0 1rem #ffffff);
          filter: drop-shadow(0 0 1rem #ffffff);
}

.link-bg-hover {
  transition: all 250ms ease-in-out;
}
.link-bg-hover:hover {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity));
}
[data-bs-theme="dark"] .link-bg-hover:hover {
  background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity));
}

.link-arrow .link-arrow-icon {
  overflow: hidden;
}
.link-arrow:hover .link-arrow-icon svg {
  -webkit-animation: link-arrow-hover-anim 5s ease-in-out infinite;
          animation: link-arrow-hover-anim 5s ease-in-out infinite;
}
@-webkit-keyframes link-arrow-hover-anim {
  0% { transform: translateX(0); }
  10% { transform: translateX(-100%); }
  10.001% { transform: translateX(100%); }
  20% { transform: translateX(-0.125rem); }
  30% { transform: translateX(0.125rem); }
  40% { transform: translateX(-0.125rem); }
  50% { transform: translateX(0.125rem); }
  60% { transform: translateX(-0.125rem); }
  70% { transform: translateX(0.125rem); }
  80% { transform: translateX(-0.125rem); }
  90% { transform: translateX(0.125rem); }
  100% { transform: translateX(0); }
}
@keyframes link-arrow-hover-anim {
  0% { transform: translateX(0); }
  10% { transform: translateX(-100%); }
  10.001% { transform: translateX(100%); }
  20% { transform: translateX(-0.125rem); }
  30% { transform: translateX(0.125rem); }
  40% { transform: translateX(-0.125rem); }
  50% { transform: translateX(0.125rem); }
  60% { transform: translateX(-0.125rem); }
  70% { transform: translateX(0.125rem); }
  80% { transform: translateX(-0.125rem); }
  90% { transform: translateX(0.125rem); }
  100% { transform: translateX(0); }
}

.btn {
  --bs-btn-padding-x: 1.25rem;
  --bs-btn-padding-y: 0.75rem;
  transition: all 250ms ease-in-out;
}
.btn-check:checked+.btn,
.btn.active,
.btn.show,
.btn:first-child:active,
:not(.btn-check)+.btn:active {
  box-shadow: var(--bs-btn-active-shadow, none);
}
.btn-primary {
  --bs-btn-color: var(--bs-light);
  --bs-btn-bg: var(--bs-dark);
  --bs-btn-border-color: var(--bs-dark);
  --bs-btn-hover-color: var(--bs-dark);
  --bs-btn-hover-bg: var(--bs-primary);
  --bs-btn-hover-border-color: var(--bs-primary);
  --bs-btn-focus-shadow-rgb: 0,0,0;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--bs-secondary-color);
  --bs-btn-active-border-color: var(--bs-secondary-color);
  --bs-btn-active-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.25);
  --bs-btn-disabled-color: var(--bs-secondary-color);
  --bs-btn-disabled-bg: var(--bs-primary);
  --bs-btn-disabled-border-color: var(--bs-primary);
}
.btn-outline-primary {
  --bs-btn-color: var(--bs-primary);
  --bs-btn-border-color: var(--bs-primary);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--bs-primary);
  --bs-btn-hover-border-color: var(--bs-primary);
  --bs-btn-focus-shadow-rgb: var(--bs-primary-rgb);
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--bs-primary);
  --bs-btn-active-border-color: var(--bs-primary);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: var(--bs-primary);
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: var(--bs-primary);
  --bs-gradient: none;
}
.btn-secondary {
  --bs-btn-color: #000;
  --bs-btn-bg: var(--bs-secondary);
  --bs-btn-border-color: var(--bs-secondary);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--bs-secondary-color);
  --bs-btn-hover-border-color: var(--bs-secondary-color);
  --bs-btn-focus-shadow-rgb: var(--bs-secondary-rgb);
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--bs-secondary-color);
  --bs-btn-active-border-color: var(--bs-secondary-color);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: var(--bs-secondary);
  --bs-btn-disabled-border-color: var(--bs-secondary);
}
.btn-group-sm>.btn, .btn-sm {
  --bs-btn-padding-y: 0.5rem;
  --bs-btn-padding-x: 0.75rem;
  --bs-btn-font-size: 0.875rem;
  --bs-btn-font-weight: 700;
  --bs-btn-border-radius: var(--bs-border-radius);
}
.btn-cta {
  margin: 2rem auto;
  background: linear-gradient(135deg, #ffc107, #ffeb3b);
  font-size: clamp(1rem, 1.25rem, 1.5rem);
  font-weight: 900;
  border: none;
  box-shadow: 0 15px 40px rgba(255,193,7,0.55);
  display: flex;
  gap: .5rem;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  text-align: center;
  transition: all 0.3s ease;
  animation: btnCtaGlow 2.5s infinite;
}
.btn-cta span {
  font-size: 1rem;
  font-weight: 600;
}
.btn-cta:hover {
  transform: translateY(-4px) scale(1.02);
  box-shadow: 0 22px 55px rgba(255,193,7,0.7);
}
@keyframes btnCtaGlow {
  0% {box-shadow: 0 0 0 0 rgba(255,193,7,0.6);}
  70% {box-shadow: 0 0 0 18px rgba(255,193,7,0);}
  100% {box-shadow: 0 0 0 0 rgba(255,193,7,0);}
}
@media (min-width: 992px) {
  .btn-cta {
    width: 520px;
    padding-block: 1.25rem;
  }
}

@media (max-width: 991px) {
  .btn-cta {
    width: 100%;
  }
}

/*****************************************************************************
**
** Navbar & Offcanvas & Modal
**
******************************************************************************/
.navbar {
  --bs-navbar-color: var(--bs-body-color);
  --bs-navbar-hover-color: rgba(var(--bs-body-color-rgb), 0.65);
  --bs-navbar-disabled-color: rgba(var(--bs-body-color-rgb), 0.5);
  --bs-navbar-active-color: rgba(var(--bs-body-color-rgb), 0.8);
  --bs-navbar-brand-padding-y: 0.5rem;
  --bs-navbar-brand-margin-end: auto;
  --bs-navbar-brand-font-size: 1.25rem;
  --bs-navbar-brand-color: var(--bs-body-color);
  --bs-navbar-brand-hover-color: rgba(var(--bs-body-bg-rgb), 0.75);
  --bs-navbar-nav-link-padding-x: 1rem;
  --bs-navbar-toggler-padding-y: 0.25rem;
  --bs-navbar-toggler-padding-x: 0.5rem;
  --bs-navbar-toggler-font-size: 1.25rem;
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2.5' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
  --bs-navbar-toggler-border-color: rgba(var(--bs-emphasis-color-rgb), 0.15);
  --bs-navbar-toggler-border-radius: var(--bs-border-radius);
  --bs-navbar-toggler-focus-width: 0.125rem;
  --bs-navbar-toggler-transition: box-shadow 0.25s ease-in-out;
}
[data-bs-theme="dark"] .navbar {
  --bs-navbar-hover-color: var(--bs-dark);
  --bs-navbar-active-color: var(--bs-dark);
}
.navbar-nav {
  --bs-nav-link-padding-x: 1rem;
}
.nav-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
}
.nav-link-hover {
  position: absolute;
  background-color: var(--bs-light);
  border-radius: var(--bs-border-radius);
  top: 0;
  bottom: 0;
  top: var(--nav-link-hover-top, 0);
  left: var(--nav-link-hover-left, 0);
  width: var(--nav-link-hover-width, 0);
  height: var(--nav-link-hover-height, 0);
  opacity: 0;
  transition: all 250ms ease-in-out;
  z-index: 0;
}
[data-bs-theme="dark"] .nav-link-hover {
  background-color: var(--bs-light);
}
.navbar-nav:hover .nav-link-hover {
  opacity: 1;
}
.nav-item {
  z-index: 1;
}
.nav-link.show {
  background-color: var(--bs-light);
  border-radius: var(--bs-border-radius);
}

.offcanvas,
.offcanvas-lg,
.offcanvas-md,
.offcanvas-sm,
.offcanvas-xl,
.offcanvas-xxl {
  --bs-offcanvas-width: 350px;
  --bs-offcanvas-title-line-height: 3rem;
}

.modal {
  --bs-modal-title-line-height: 3rem;
  --bs-modal-header-border-width: 0;
  --bs-modal-footer-border-width: 0;
  --bs-modal-padding: 0;
  --bs-modal-footer-gap: 0;
}

/*****************************************************************************
**
** Dropdown 
**
******************************************************************************/
.dropdown-menu {
  --bs-dropdown-spacer: 0.25rem;
  --bs-dropdown-color: var(--bs-body-color);
  --bs-dropdown-bg: rgba(var(--bs-body-bg-rgb), 0.85);
  --bs-dropdown-border-color: var(--bs-border-color);
  --bs-dropdown-link-color: var(--bs-body-color);
  --bs-dropdown-link-hover-color: rgba(var(--bs-body-color-rgb), 0.8);
  --bs-dropdown-link-hover-bg: var(--bs-light);
  --bs-dropdown-link-active-color: rgba(var(--bs-body-color-rgb), 0.8);
  --bs-dropdown-link-active-bg: var(--bs-light);
  --bs-dropdown-link-disabled-color: var(--bs-secondary-color);
  --bs-dropdown-item-padding-y: 0.35rem;
  --bs-dropdown-header-color: var(--bs-secondary-color);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  box-shadow: var(--bs-dropdown-shadow);
}
[data-bs-theme="dark"] .dropdown-menu {
  --bs-dropdown-link-hover-color: var(--bs-dark);
}
.dropdown-toggle::after {
  content: url('data:image/svg+xml, <svg width="16" height="16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M19.9201 8.94995L13.4001 15.47C12.6301 16.24 11.3701 16.24 10.6001 15.47L4.08008 8.94995" stroke="%23000000" stroke-width="2.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  display: inline-block;
  width: 1rem;
  height: 1rem;
  border: 0;
  transition: all 250ms ease-in-out;
}
[data-bs-theme="dark"] .dropdown-toggle::after {
  content: url('data:image/svg+xml, <svg width="16" height="16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M19.9201 8.94995L13.4001 15.47C12.6301 16.24 11.3701 16.24 10.6001 15.47L4.08008 8.94995" stroke="%23c8b9a0" stroke-width="2.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
.dropdown-toggle.show::after {
  transform: scaleY(-1);
}
.dropdown-item {
  padding-left: calc(var(--bs-dropdown-item-padding-x) * 2);
}

/*****************************************************************************
**
** Header & Mega menu
**
******************************************************************************/
header.sticky-top {
  --bs-bg-opacity: 0.85;
}
header.sticky-top>nav::before {
  content: '';
  position: absolute;
  inset: 0;
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  z-index: -1;
}
@media (max-width: 767.98px) {
  header .navbar-brand {
    transition: all 250ms ease-in-out;
  }
  header.brand-small {
    top: -2rem !important;
  }
  header.brand-small .navbar-brand {
    transform: scale(0.7);
    transform-origin: bottom;
  }
}
div#searchForm {
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
}
.mega-menu>[data-bs-toggle="megaMenu"]::after {
  content: url('data:image/svg+xml, <svg width="16" height="16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M19.9201 8.94995L13.4001 15.47C12.6301 16.24 11.3701 16.24 10.6001 15.47L4.08008 8.94995" stroke="%23000000" stroke-width="2.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  display: inline-block;
  width: 1rem;
  height: 1rem;
  transition: all 250ms ease-in-out;
}
[data-bs-theme="dark"] .mega-menu>[data-bs-toggle="megaMenu"]::after {
  content: url('data:image/svg+xml, <svg width="16" height="16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M19.9201 8.94995L13.4001 15.47C12.6301 16.24 11.3701 16.24 10.6001 15.47L4.08008 8.94995" stroke="%23c8b9a0" stroke-width="2.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
.mega-menu>[data-bs-toggle="megaMenu"].show::after {
  transform: scaleY(-1);
}
.mega-menu-container {
  position: static;
  width: 100%;
  border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color);
  padding: 0.5rem;
  margin-top: 0.25rem;
  border-radius: var(--bs-border-radius);
  transition: all 250ms ease-in-out;
  display: none;
}
.mega-menu>[data-bs-toggle="megaMenu"].show+.mega-menu-container {
  display: block;
}

@media (min-width: 992px) {
  .mega-menu>[data-bs-toggle="megaMenu"]::before {
    content: '';
    display: block;
    position: absolute;
    top: calc(100% + 0.5rem);
    width: 1rem;
    height: 1rem;
    background-color: rgba(var(--bs-secondary-rgb), 0.4);
    box-shadow: var(--bs-box-shadow);
    -webkit-backdrop-filter: blur(10px);
            backdrop-filter: blur(10px);
    transform: rotate(45deg) ;
    opacity: 0;
    visibility: hidden;
    transition: all 50ms ease-in-out;
    z-index: 10000;
  }
  .mega-menu-container {
    position: absolute;
    display: block;
    width: 60vw;
    top: calc(100% + 1rem);
    left: 0;
    background-color: rgba(var(--bs-body-bg-rgb), 0.85);
    box-shadow: var(--bs-box-shadow);
    -webkit-backdrop-filter: blur(10px);
            backdrop-filter: blur(10px);
    padding: 1rem;
    margin: 0;
    transform: translateY(-1rem);
    opacity: 0;
    visibility: hidden;
    z-index: 10001;
  }
  .mega-menu>[data-bs-toggle="megaMenu"].show::before {
    transform: rotate(45deg) ;
    visibility: visible;
    opacity: 1;
    transition: all 250ms ease-in-out 100ms;
  }
  .mega-menu>[data-bs-toggle="megaMenu"].show+.mega-menu-container {
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
  }
}

/*****************************************************************************
**
** Top Banner 
**
******************************************************************************/
.top-banner-title {
  display: block;
  transform: rotate(-2deg);
  transform-origin: right;
}
.top-banner-image {
  height: 100%;
  min-height: 250px;
}
.top-banner-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: bottom;
     object-position: bottom;
}

/*****************************************************************************
**
** Form Controls 
**
******************************************************************************/
.form-control {
  transition: border 250ms ease-in-out;
}
.form-control:focus,
.form-select:focus,
.form-check-input:focus {
  border-color: var(--bs-primary);
  outline: 0;
  box-shadow: 0 0 0 0.125rem rgba(var(--bs-primary-rgb),.25);
}
.form-check-input:checked {
  background-color: var(--bs-secondary);
  border-color: var(--bs-secondary);
}


/*****************************************************************************
**
** New video slider 
**
******************************************************************************/
.new-video-swiper .swiper-slide {
  transition: background-color 250ms ease-in-out;
}
.new-video-swiper .swiper-slide .ratio img {
  padding: 2rem 1.5rem 0;
  -webkit-filter: drop-shadow(0 0 2rem #ffffff);
          filter: drop-shadow(0 0 2rem #ffffff);
  transition: all 250ms ease-in-out;
}
.new-video-swiper .swiper-slide:hover .ratio img {
  -webkit-filter: drop-shadow(0 0 3rem #ffffff);
          filter: drop-shadow(0 0 3rem #ffffff);
}
.new-video-swiper-navigation-prev,
.new-video-swiper-navigation-next {
  display: flex;
  align-items: center;
  position: absolute;
  top: 0;
  right: -0.5rem;
  left: auto;
  width: 2rem;
  height: 100%;
  z-index: 1;
}
.new-video-swiper-navigation-next {
  right: auto;
  left: -0.5rem;
}
.new-video-swiper-navigation-prev::before,
.new-video-swiper-navigation-next::before {
  opacity: 0.8;
  transition: all 250ms ease;
}
.new-video-swiper-navigation-prev::before {
  content: url('data:image/svg+xml,<svg width="32" height="32" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.91003 19.9201L15.43 13.4001C16.2 12.6301 16.2 11.3701 15.43 10.6001L8.91003 4.08008" stroke="%23000000" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
.new-video-swiper-navigation-next::before {
  content: url('data:image/svg+xml,<svg width="32" height="32" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15 19.9201L8.47997 13.4001C7.70997 12.6301 7.70997 11.3701 8.47997 10.6001L15 4.08008" stroke="%23000000" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
.new-video-swiper-navigation-prev:hover::before,
.new-video-swiper-navigation-next:hover::before {
  opacity: 1;
  transform: scale(1.1);
}
.new-video-swiper-navigation-prev.swiper-button-disabled::before,
.new-video-swiper-navigation-next.swiper-button-disabled::before {
  opacity: 0.3;
}



/*****************************************************************************
**
** Testimonial & Gallery
**
******************************************************************************/
.testimonial-swiper .swiper-slide>div>div>p:last-of-type::before {
  content: url('data:image/svg+xml, <svg width="18" height="18" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15.9082 12.3714H20.5982C20.5182 17.0414 19.5982 17.8114 16.7282 19.5114C16.3982 19.7114 16.2882 20.1314 16.4882 20.4714C16.6882 20.8014 17.1082 20.9114 17.4482 20.7114C20.8282 18.7114 22.0082 17.4914 22.0082 11.6714V6.28141C22.0082 4.57141 20.6182 3.19141 18.9182 3.19141H15.9182C14.1582 3.19141 12.8282 4.52141 12.8282 6.28141V9.28141C12.8182 11.0414 14.1482 12.3714 15.9082 12.3714Z" fill="%23000000"/><path d="M5.09 12.3714H9.78C9.7 17.0414 8.78 17.8114 5.91 19.5114C5.58 19.7114 5.47 20.1314 5.67 20.4714C5.87 20.8014 6.29 20.9114 6.63 20.7114C10.01 18.7114 11.19 17.4914 11.19 11.6714V6.28141C11.19 4.57141 9.8 3.19141 8.1 3.19141H5.1C3.33 3.19141 2 4.52141 2 6.28141V9.28141C2 11.0414 3.33 12.3714 5.09 12.3714Z" fill="%23000000"/></svg>');
  padding-left: 1rem;
}
.testimonial-swiper .swiper-slide>div>div>p:last-of-type::after {
  content: url('data:image/svg+xml,<svg width="18" height="18" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.09 11.6314H3.4C3.48 6.96144 4.4 6.19144 7.27 4.49144C7.6 4.29144 7.71 3.87144 7.51 3.53144C7.32 3.20144 6.89 3.09144 6.56 3.29144C3.18 5.29144 2 6.51144 2 12.3214V17.7114C2 19.4214 3.39 20.8014 5.09 20.8014H8.09C9.85 20.8014 11.18 19.4714 11.18 17.7114V14.7114C11.18 12.9614 9.85 11.6314 8.09 11.6314Z" fill="%23000000"/><path d="M18.9086 11.6314H14.2186C14.2986 6.96144 15.2186 6.19144 18.0886 4.49144C18.4186 4.29144 18.5286 3.87144 18.3286 3.53144C18.1286 3.20144 17.7086 3.09144 17.3686 3.29144C13.9886 5.29144 12.8086 6.51144 12.8086 12.3314V17.7214C12.8086 19.4314 14.1986 20.8114 15.8986 20.8114H18.8986C20.6586 20.8114 21.9886 19.4814 21.9886 17.7214V14.7214C21.9986 12.9614 20.6686 11.6314 18.9086 11.6314Z" fill="%23000000"/></svg>');
  padding-right: 1rem;
}
.testimonial-swiper .swiper-slide>div p {
  line-height: 2;
  text-align: justify;
  text-wrap: pretty;
}
.testimonial-swiper .swiper-slide,
.testimonial-landing-swiper .swiper-slide {
  display: flex;
  flex-direction: column;
  margin: auto;
  background-color: rgba(var(--bs-light-rgb), 0.5);
  border-radius: var(--bs-border-radius);
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0);
  transform: translateY(2rem);
  transition: background-color 250ms ease-in-out,
              box-shadow 250ms ease-in-out,
              transform 250ms ease-in-out;
}
.testimonial-swiper .swiper-slide-active,
.testimonial-landing-swiper .swiper-slide-active {
  background-color: var(--bs-body-bg);
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.125);
  transform: translateY(-2rem);
}
.testimonial-swiper .swiper-slide>div {
  flex: 1 1 100%
}

.testimonial-swiper-navigations
.testimonial-landing-swiper-navigations {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
}

.gallery-swiper .swiper-slide {
  display: flex;
  height: auto;
}
.gallery-swiper .swiper-slide>img {
  filter: grayscale(0.5) opacity(0.75) drop-shadow(0 0.125rem 0.25rem rgba(0, 0, 0, 0));
  transition: background-color 250ms ease-in-out,
              box-shadow 250ms ease-in-out,
              filter 250ms ease-in-out,
              transform 250ms ease-in-out;
}
.gallery-swiper .swiper-slide-active>img {
  transform: translateY(-2rem);
  filter: grayscale(0) opacity(1) drop-shadow(0 0.125rem 0.25rem rgba(0, 0, 0, 0.25));
}


/*****************************************************************************
**
** Footer 
**
******************************************************************************/
.footer-tooltip {
  --bs-tooltip-bg: var(--bs-light);
  --bs-tooltip-color: #000;
  font-family: inherit;
  font-weight: 700;
}
footer .text-muted {
  --bs-text-opacity: 0.7;
  color: rgba(var(--bs-light-rgb), var(--bs-text-opacity, 1)) !important;
}
footer a {
  --bs-link-opacity: 0.7;
  --bs-link-color: var(--bs-light);
  --bs-link-color-rgb: var(--bs-light-rgb);
  --bs-link-hover-color: var(--bs-white);
  --bs-link-hover-color-rgb: var(--bs-white-rgb);
}
footer a:hover {
  --bs-link-opacity: 1;
}

/*****************************************************************************
**
** Pages 
**
******************************************************************************/
.page-top-banner {
  min-height: 50vh;
}

.breadcrumb {
  --bs-breadcrumb-divider: url('data:image/svg+xml, <svg width="12" height="12" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15 19.9201L8.47997 13.4001C7.70997 12.6301 7.70997 11.3701 8.47997 10.6001L15 4.08008" stroke="%23212529" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  --bs-breadcrumb-divider-color: var(--bs-secondary-color);
  --bs-breadcrumb-margin-bottom: 1rem;
  --bs-breadcrumb-item-padding-x: 1rem;
  --bs-breadcrumb-item-active-color: var(--bs-primary);
  /* --bs-breadcrumb-font-size: 0.875rem; */
}
.breadcrumb-item::before {
  transition: transform 250ms ease-in-out;
}
.breadcrumb-item:hover ~ .breadcrumb-item::before {
  transform: scaleX(-1) translateX(calc(-1 * var(--bs-breadcrumb-item-padding-x, 0)));
}

.pagination {
  --bs-pagination-padding-x: 0.625rem;
  --bs-pagination-padding-y: 0.25rem;
  --bs-pagination-border-width: 0;
  --bs-pagination-border-color: transparent;
  --bs-pagination-active-bg: var(--bs-primary);
  --bs-pagination-disabled-bg: transparent;
  --bs-pagination-disabled-color: var(--bs-secondary);
  --bs-pagination-hover-bg: var(--bs-light);
  --bs-pagination-focus-bg: var(--bs-light);
  --bs-pagination-focus-box-shadow: 0 0 0 0.125rem rgba(var(--bs-primary-rgb), 0.25);
}
.pagination .page-link {
  border-radius: var(--bs-border-radius);
  font-weight: 700;
}

.post-image {
  min-height: 300px;
  position: relative;
}
.post-image>* {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}

@media (min-width: 768px) {
  .pagination {
    --bs-pagination-padding-x: 1rem;
    --bs-pagination-padding-y: 0.375rem;
  }
}

@media (min-width: 992px) {
  .post-image {
    min-height: 350px;
  }
}

@media (min-width: 1400px) {
  .post-image {
    min-height: 400px;
  }
}