/* Header */
.tm-header {
	
	.uk-navbar-right {
		flex-direction: row-reverse;
        margin-left: 5%;
        justify-content: space-between;
		width: 100%;
	}
	
	
	> .uk-sticky-fixed {
    	box-shadow: 0px 0px 13px hsl(0deg 0% 0% / 13%);
	}
}


/* Header -> Toolbar */
.tm-toolbar {
	
	.uk-grid {
		gap: 50px;
	}
}

/* Topbar Contact Details */
.topbar-contact {
	display: flex;
  	column-gap: 20px;
}

/* Borders */
:root {
  --cw-radius-sm: 8px;
  --cw-radius-md: 12px;
  --cw-radius-lg: 16px;
  --cw-radius-xl: 20px;
}

.cw-radius-sm,
.radius-sm,
.sm-border-radius {
  --cw-radius-current: var(--cw-radius-sm);
}

.cw-radius-md,
.radius-md,
.md-border-radius {
  --cw-radius-current: var(--cw-radius-md);
}

.cw-radius-lg,
.radius-lg,
.lg-border-radius {
  --cw-radius-current: var(--cw-radius-lg);
}

.cw-radius-xl,
.radius-xl,
.xl-border-radius {
  --cw-radius-current: var(--cw-radius-xl);
}

.cw-radius-sm,
.radius-sm,
.sm-border-radius,
.cw-radius-md,
.radius-md,
.md-border-radius,
.cw-radius-lg,
.radius-lg,
.lg-border-radius,
.cw-radius-xl,
.radius-xl,
.xl-border-radius,
.cw-radius-sm > :first-child,
.radius-sm > :first-child,
.sm-border-radius > :first-child,
.cw-radius-md > :first-child,
.radius-md > :first-child,
.md-border-radius > :first-child,
.cw-radius-lg > :first-child,
.radius-lg > :first-child,
.lg-border-radius > :first-child,
.cw-radius-xl > :first-child,
.radius-xl > :first-child,
.xl-border-radius > :first-child,
.cw-radius-sm.uk-grid-item-match > * > :first-child,
.radius-sm.uk-grid-item-match > * > :first-child,
.sm-border-radius.uk-grid-item-match > * > :first-child,
.cw-radius-md.uk-grid-item-match > * > :first-child,
.radius-md.uk-grid-item-match > * > :first-child,
.md-border-radius.uk-grid-item-match > * > :first-child,
.cw-radius-lg.uk-grid-item-match > * > :first-child,
.radius-lg.uk-grid-item-match > * > :first-child,
.lg-border-radius.uk-grid-item-match > * > :first-child,
.cw-radius-xl.uk-grid-item-match > * > :first-child,
.radius-xl.uk-grid-item-match > * > :first-child,
.xl-border-radius.uk-grid-item-match > * > :first-child,
.cw-radius-sm.uk-grid-match > * > :first-child,
.radius-sm.uk-grid-match > * > :first-child,
.sm-border-radius.uk-grid-match > * > :first-child,
.cw-radius-md.uk-grid-match > * > :first-child,
.radius-md.uk-grid-match > * > :first-child,
.md-border-radius.uk-grid-match > * > :first-child,
.cw-radius-lg.uk-grid-match > * > :first-child,
.radius-lg.uk-grid-match > * > :first-child,
.lg-border-radius.uk-grid-match > * > :first-child,
.cw-radius-xl.uk-grid-match > * > :first-child,
.radius-xl.uk-grid-match > * > :first-child,
.xl-border-radius.uk-grid-match > * > :first-child {
  border-radius: var(--cw-radius-current);
  overflow: clip;
}

.cw-radius-sm .uk-background-cover,
.radius-sm .uk-background-cover,
.sm-border-radius .uk-background-cover,
.cw-radius-md .uk-background-cover,
.radius-md .uk-background-cover,
.md-border-radius .uk-background-cover,
.cw-radius-lg .uk-background-cover,
.radius-lg .uk-background-cover,
.lg-border-radius .uk-background-cover,
.cw-radius-xl .uk-background-cover,
.radius-xl .uk-background-cover,
.xl-border-radius .uk-background-cover {
  border-radius: inherit;
}

/* Layout */
.minh-col {
  min-height: 400px;
}

@media (max-width: 980px) {
  .minh-col {
    min-height: 280px;
  }
}

/* Expandable Panels Element */
.el-expandable-panels {
  --el-expandable-panels-height: 226px;
  --el-expandable-panels-min-height: 0px;
  --el-expandable-panels-collapsed-width: 68px;
  --el-expandable-panels-gap: 16px;
  --el-expandable-panels-duration: 400ms;
  --el-expandable-panels-panel-count: 3;
  --el-expandable-panels-expanded-ratio: 1 / 1;
}

.el-expandable-panels__gallery {
  width: 100%;
  height: var(--el-expandable-panels-height);
  min-height: var(--el-expandable-panels-min-height);
  display: flex;
  align-items: stretch;
  gap: var(--el-expandable-panels-gap);
}

.el-expandable-panels.is-full-height,
.el-expandable-panels.is-full-height .el-expandable-panels__gallery {
  height: 100%;
}

.el-expandable-panels__panel {
  position: relative;
  flex: 0 0 var(--el-expandable-panels-collapsed-width);
  height: 100%;
  overflow: hidden;
  cursor: pointer;
  background: #d9d9d9;
  border: 0;
  padding: 0;
  text-align: left;
  appearance: none;
  -webkit-appearance: none;
  transition: flex-basis var(--el-expandable-panels-duration) ease, flex-grow var(--el-expandable-panels-duration) ease;
  will-change: flex-basis, flex-grow;
  transform: translateZ(0);
  backface-visibility: hidden;
}

.el-expandable-panels__panel.is-active {
  flex: 1 0 var(--el-expandable-panels-collapsed-width);
}

/* Fill Available Width mode: keep basis fixed and animate only growth */
.el-expandable-panels:not(.has-expanded-ratio) .el-expandable-panels__panel {
  flex-basis: var(--el-expandable-panels-collapsed-width);
  flex-shrink: 0;
  flex-grow: 0;
  transition: flex-grow var(--el-expandable-panels-duration) ease;
  will-change: flex-grow;
}

.el-expandable-panels:not(.has-expanded-ratio) .el-expandable-panels__panel.is-active {
  flex-grow: 1;
}

.el-expandable-panels.has-expanded-ratio .el-expandable-panels__panel.is-active {
  flex: 0 0 auto;
  width: auto;
  aspect-ratio: var(--el-expandable-panels-expanded-ratio);
  max-width: calc(100% - ((var(--el-expandable-panels-panel-count) - 1) * (var(--el-expandable-panels-collapsed-width) + var(--el-expandable-panels-gap))));
}

.el-expandable-panels__panel:focus-visible {
  outline: 2px solid rgba(17, 17, 17, 0.55);
  outline-offset: 2px;
}

.el-expandable-panels__image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  min-height: 100%;
  aspect-ratio: auto;
  object-fit: cover;
  display: block;
  transform: translateZ(0);
  backface-visibility: hidden;
}

.el-expandable-panels__text-expanded,
.el-expandable-panels__text-collapsed {
  position: absolute;
  z-index: 2;
  color: #111111;
  margin: 0;
  pointer-events: none;
  transition: opacity 300ms ease, transform var(--el-expandable-panels-duration) ease;
}

.el-expandable-panels__text-expanded {
  left: 12px;
  right: 12px;
  bottom: 12px;
  font-size: 15px;
  line-height: 1.15;
  text-align: left;
  opacity: 0;
  transform: translateY(10px);
}

.el-expandable-panels__panel.is-active .el-expandable-panels__text-expanded {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 100ms;
}

.el-expandable-panels__text-collapsed {
  top: 50%;
  left: 50%;
  font-size: 15px;
  line-height: 1;
  white-space: nowrap;
  transform: translate(-50%, -50%) rotate(-90deg);
  opacity: 1;
}

.el-expandable-panels__panel.is-active .el-expandable-panels__text-collapsed {
  opacity: 0;
  transform: translate(-50%, -50%) rotate(-90deg) scale(0.96);
}

.quote-heading::before {
    content: '“';
    display: block;
    font-size: 72px;
    line-height: 1;
}

@media (max-width: 767px) {
  .el-expandable-panels__gallery {
    gap: min(var(--el-expandable-panels-gap), 12px);
  }

  .el-expandable-panels__panel {
    flex-basis: min(var(--el-expandable-panels-collapsed-width), 20vw);
  }
}