.main-button:hover,
#ec-form .btn.btn-default:hover,
.contact-form-submit:hover {
  border-color:var(--brand-primary, var(--primaryColor));
  background-color:var(--brand-primary, var(--primaryColor));
  --tw-text-opacity:1 !important;
  color:rgb(255 255 255 / var(--tw-text-opacity))!important;
}

.main-button:hover.--primary:hover,
#ec-form .btn.btn-default:hover.--primary:hover,
.contact-form-submit:hover.--primary:hover {
  color:var(--brand-primary, var(--primaryColor))!important;
}

.main-button.--primary:hover,
#ec-form .btn.btn-default.--primary:hover,
.contact-form-submit.--primary:hover {
  --tw-bg-opacity:1;
  background-color:rgb(255 255 255 / var(--tw-bg-opacity));
  color:var(--brand-primary, var(--primaryColor));
}

.main-button.--white:hover,
#ec-form .btn.btn-default.--white:hover,
.contact-form-submit.--white:hover {
  border-color:var(--brand-primary, var(--primaryColor));
  background-color:var(--brand-primary, var(--primaryColor));
  --tw-text-opacity:1;
  color:rgb(255 255 255 / var(--tw-text-opacity));
}

.main-button.--fill-gray:hover,
#ec-form .btn.btn-default.--fill-gray:hover,
.contact-form-submit.--fill-gray:hover {
  background-color:var(--brand-primary, var(--primaryColor));
}

.main-button.--ghost:hover,
#ec-form .btn.btn-default.--ghost:hover,
.contact-form-submit.--ghost:hover {
  background-color:var(--brand-primary, var(--primaryColor));
  --tw-text-opacity:1;
  color:rgb(255 255 255 / var(--tw-text-opacity));
}

.form-projects .select2-container {
  width:100%;
  resize:none;
  border-radius:.5rem;
  border-width:1px;
  border-color:rgb(0 0 0 / .2);
  background-color:#fff0;
  padding:10px;
  --tw-text-opacity:1;
  color:rgb(209 213 219 / var(--tw-text-opacity));
  outline:2px solid #fff0;
  outline-offset:2px;
  transition-property:color,background-color,border-color,fill,stroke,-webkit-text-decoration-color;
  transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;
  transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,-webkit-text-decoration-color;
  transition-timing-function:cubic-bezier(.4,0,.2,1);
  transition-duration:500ms;
}

.form-projects .select2-container:focus {
  border-color:var(--brand-primary, var(--primaryColor));
}

.form-projects .iti {
  width:100%;
}

.form-projects .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color:#fff0;
}

.form-projects .iti__country-list {
  background-color:#fff;
  border-color:rgb(255 255 255 / .2);
}

.form-projects .select2-container--default .select2-selection--single .select2-selection__arrow {
  height:46px;
}

.form-projects .select2-container--default.select2-container--focus .select2-selection--multiple,
.form-projects .contact .select2-container--default.select2-container--focus .select2-selection--multiple,
.form-projects .select2-container--default.select2-container--focus .select2-selection--multiple,
.form-projects .select2-container--default .select2-selection--multiple,
.form-projects .select2-container--default .select2-selection--single {
  border:0;
  outline:0;
}

.form-projects .select2-container--default .select2-selection--multiple .select2-selection__choice {
  color:var(--darkColor);
}

.form-projects .select2-container--default .select2-selection--multiple {
  background-color:#fff0;
  border-color:rgb(255 255 255 / .2);
}

:is(:where(.dark) .lang-button__body) {
  --tw-bg-opacity:1;
  background-color:rgb(64 64 64 / var(--tw-bg-opacity));
  --tw-text-opacity:1;
  color:rgb(255 255 255 / var(--tw-text-opacity));
}

.lang-button__body li {
  padding:0!important;
  width:100%;
}

.lang-button__body li a {
  text-align:left;
  display:flex;
  align-items:center;
  gap:6px;
  opacity:1;
}

.lang-button__body li a::before,
.lang-button__body li a::after {
  display:none;
}

@media (min-width:1024px) {
  .lang-button:hover i {
    transform:rotate(180deg);
  }

  .lang-button:hover .lang-button__body {
    opacity:1;
    pointer-events:auto;
  }
}

.custom-select {
  position:relative;
  -webkit-user-select:none;
  -moz-user-select:none;
  user-select:none;
  cursor:pointer;
}

.custom-select.active-select .custom-select__head .arrow {
  --tw-rotate:180deg;
  transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.custom-select.active-select .custom-select__body {
  pointer-events:auto;
  visibility:visible;
  opacity:1;
}

.custom-select__head .arrow {
  transition-property:transform;
  transition-timing-function:cubic-bezier(.4,0,.2,1);
  transition-duration:500ms;
}

.custom-accordion {
  position:relative;
  max-height:60px;
  -webkit-user-select:none;
  -moz-user-select:none;
  user-select:none;
  overflow:hidden;
  transition-property:all;
  transition-timing-function:cubic-bezier(.4,0,.2,1);
  transition-duration:500ms;
  cursor:pointer;
}

.custom-accordion:hover .custom-accordion__icon::before {
  content:var(--tw-content);
  background-color:var(--brand-primary, var(--primaryColor));
}

.custom-accordion:hover .custom-accordion__icon span {
  background-color:var(--brand-primary, var(--primaryColor));
}

.custom-accordion.active-accordion .custom-accordion__icon::before {
  content:var(--tw-content);
  background-color:var(--brand-primary, var(--primaryColor));
}

.custom-accordion.active-accordion .custom-accordion__icon span {
  background-color:var(--brand-primary, var(--primaryColor));
}

.custom-accordion.active-accordion .custom-accordion__icon span:first-of-type {
  --tw-rotate:270deg;
  transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.custom-accordion.active-accordion .custom-accordion__icon span:last-of-type {
  --tw-rotate:360deg;
  transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.custom-accordion__head {
  display:flex;
  align-items:center;
  justify-content:space-between;
}

.custom-accordion__icon {
  position:relative;
  display:flex;
  width:2.25rem;
  height:2.25rem;
  align-items:center;
  justify-content:center;
}

.custom-accordion__icon::before {
  position:absolute;
  inset:0;
  border-radius:.375rem;
  background-color:#fff0;
  opacity:.2;
  transition-property:color,background-color,border-color,fill,stroke,-webkit-text-decoration-color;
  transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;
  transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,-webkit-text-decoration-color;
  transition-timing-function:cubic-bezier(.4,0,.2,1);
  content:var(--tw-content);
  transition-duration:500ms;
}

.custom-accordion__icon span {
  position:absolute;
  display:block;
  transform-origin:center;
  --tw-bg-opacity:1;
  background-color:rgb(0 0 0 / var(--tw-bg-opacity));
  transition-property:transform,background;
  transition-timing-function:cubic-bezier(.4,0,.2,1);
  transition-duration:500ms;
  --tw-content:"";
  content:var(--tw-content);
}

.custom-accordion__icon span:first-of-type {
  height:1rem;
  width:2px;
}

.custom-accordion__icon span:last-of-type {
  height:2px;
  width:1rem;
}

.tt-image {
  position:relative;
  height:auto;
  width:100%;
  overflow:hidden;
  padding-bottom:65%;
}

.tt-image>div,
.tt-image img {
  position:absolute;
  left:0;
  top:0;
  height:100%;
  width:100%;
  -o-object-fit:cover;
  object-fit:cover;
  -o-object-position:center;
  object-position:center;
}

.gallery-slider .tt-image:nth-of-type(n+5) {
  display:none;
}

.tt-video {
  position:relative;
  overflow:hidden;
}

.tt-video iframe {
  position:absolute;
  left:50%;
  top:50%;
  height:100%;
  width:100%;
  --tw-translate-x:-50%;
  --tw-translate-y:-50%;
  transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

@media (min-aspect-ratio:16/9) {
  .tt-video iframe {
    height:60.25vw;
  }
}

@media (min-width:768px) and (max-aspect-ratio:16/9) {
  .tt-video iframe {
    width:200.78vh;
  }
}

@media (max-width:767px) and (max-aspect-ratio:16/9) {
  .tt-video iframe {
    width:95.78vh;
  }
}

.popover {
  position:relative;
  cursor:pointer;
}

.popover.active-popover .popover-head i {
  --tw-rotate:-180deg;
  transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.popover.active-popover .popover-body {
  visibility:visible;
  opacity:1;
}

.popover-body {
  visibility:hidden;
  position:absolute;
  top:100%;
  opacity:0;
  transition-property:all;
  transition-timing-function:cubic-bezier(.4,0,.2,1);
  transition-duration:500ms;
}

.item-dropdown {
  overflow:hidden;
  transition-property:max-height;
  transition-timing-function:cubic-bezier(.4,0,.2,1);
  transition-duration:500ms;
  cursor:pointer;
}

.item-dropdown__icon {
  transition-property:transform,color;
  transition-timing-function:cubic-bezier(.4,0,.2,1);
  transition-duration:500ms;
}

.item-dropdown.active .item-dropdown__icon {
  --tw-rotate:-180deg;
  transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.circle,
.circle-border {
  width:60px;
  height:60px;
  border-radius:50%;
}

.circle {
  z-index:1;
  position:relative;
  background:#fff;
  transform:scale(1);
  animation:success-anim 700ms ease;
}

@keyframes success-anim {
  0% {
    transform:scale(0);
  }

  30% {
    transform:scale(0);
  }

  100% {
    transform:scale(1);
  }
}

@keyframes circle-anim {
  from {
    transform:scale(0);
  }

  to {
    transform:scale(1.1);
  }
}

.success::before,
.success::after {
  content:"";
  display:block;
  height:4px;
  background:#8f6;
  position:absolute;
}

.success::before {
  width:17px;
  top:58%;
  left:23%;
  transform:rotateZ(50deg);
}

.success::after {
  width:30px;
  top:50%;
  left:35%;
  transform:rotateZ(-50deg);
}

[data-type-modal] {
  -webkit-user-select:none;
  -moz-user-select:none;
  user-select:none;
}

.container-fluid {
  padding-left:1rem;
  padding-right:1rem;
}

.container-fluid::before {
  content:var(--tw-content);
  display:none;
}

.container-fluid::after {
  content:var(--tw-content);
  display:none;
}

@media (min-width:768px) {
  .container-fluid {
    padding-left:1.5rem;
    padding-right:1.5rem;
  }
}

@media (min-width:1536px) {
  .container-fluid {
    padding-left:3.5rem;
    padding-right:3.5rem;
  }
}

@media (min-width:1024px) {
  .container {
    max-width:1320px;
  }
}

.contact-section {
  position:relative;
  display:flex;
  flex-direction:column;
  overflow:hidden;
  background-color:var(--creamColor);
  padding-top:2.5rem;
  padding-bottom:2.5rem;
}

@media (min-width:1024px) {
  .contact-section {
    flex-direction:row;
    padding-top:5rem;
    padding-bottom:5rem;
  }
}

:is(:where(.dark) .contact-section) {
  background-color:var(--dark4Color);
}

.contact-section::after {
  position:absolute;
  right:8rem;
  top:0;
  height:100%;
  width:1px;
  background-color:var(--dark3Color);
}

@media (min-width:768px) {
  .contact-section::after {
    --tw-content:"";
    content:var(--tw-content);
  }
}

@media (min-width:1024px) {
  .contact-section::after {
    right:30%;
  }
}

@media (min-width:1536px) {
  .contact-section::after {
    right:40%;
  }
}

.contact-section::before {
  position:absolute;
  right:-4rem;
  bottom:2.25rem;
  width:18rem;
  height:18rem;
  border-radius:9999px;
  border-width:1px;
  border-color:var(--darkColor);
}

@media (min-width:768px) {
  .contact-section::before {
    --tw-content:"";
    content:var(--tw-content);
  }
}

@media (min-width:1024px) {
  .contact-section::before {
    right:30%;
  }
}

@media (min-width:1536px) {
  .contact-section::before {
    right:40%;
  }
}

.contact-section .select2-container--default .select2-selection--multiple {
  background-color:#fff0;
  border-color:rgb(255 255 255 / .5);
  border-color:rgb(255 255 255 / .5);
}

:is(:where(.dark) .contact-section .select2-container--default .select2-selection--multiple) {
  border-color:rgb(255 255 255 / .5);
}

.contact-section .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color:#fff0;
}

.contact-section .iti__country-list {
  background-color:#fff;
  border-color:rgb(255 255 255 / .5);
  border-color:rgb(255 255 255 / .5);
}

:is(:where(.dark) .contact-section .iti__country-list) {
  border-color:rgb(255 255 255 / .5);
}

.contact-form .form-wrapper>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse:0;
  margin-top:calc(2rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom:calc(2rem * var(--tw-space-y-reverse));
}

@media (min-width:1024px) {
  .contact-form .form-wrapper>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse:0;
    margin-top:calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom:calc(2.5rem * var(--tw-space-y-reverse));
  }
}

.contact-form .iti {
  width:100%;
}

.table-wrapper {
  scrollbar-width:thin;
  scrollbar-color:#d9d9d9 #fff0;
}

.table-wrapper table thead th {
  white-space:nowrap;
  padding:.75rem;
}

.table-wrapper table tbody td {
  height:4rem;
  align-items:center;
  border-top-width:1px;
  --tw-border-opacity:1;
  border-color:rgb(229 231 235 / var(--tw-border-opacity));
  padding:.75rem;
}

.table-wrapper table tbody td * {
  white-space:nowrap;
}

.pagination ul {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:.5rem;
}

.pagination ul li a {
  display:flex;
  width:2.75rem;
  height:2.75rem;
  flex-shrink:0;
  align-items:center;
  justify-content:center;
  border-radius:.5rem;
  border-width:1px;
  --tw-border-opacity:1;
  border-color:rgb(243 244 246 / var(--tw-border-opacity));
  padding:.625rem;
  cursor:pointer;
}

.pagination ul li a:hover {
  border-color:var(--brand-primary, var(--primaryColor));
}

.pagination ul li.active a {
  border-color:var(--brand-primary, var(--primaryColor));
}

.pagination-list {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:.5rem;
}

.masonry-grid {
  -moz-columns:3;
  columns:3;
  gap:1rem;
}

.masonry-grid .tt-image {
  padding-bottom:100%;
}

.masonry-grid .tt-image:not(:first-of-type) {
  margin-top:1rem;
}

.tabs .tabs-nav li {
  transition-property:color,background-color,border-color,fill,stroke,-webkit-text-decoration-color;
  transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;
  transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,-webkit-text-decoration-color;
  transition-timing-function:cubic-bezier(.4,0,.2,1);
  transition-duration:500ms;
}

.tabs .tabs-nav li:hover {
  color:var(--brand-primary, var(--primaryColor));
}

.tabs .tabs-nav li:hover,
.tabs .tabs-nav li.active {
  --tw-bg-opacity:1;
  background-color:rgb(255 255 255 / var(--tw-bg-opacity));
  color:var(--brand-primary, var(--primaryColor));
}

.tabs .tab-panel {
  display:none;
}

.tabs .tab-panel.active-tab {
  display:block;
}

.tabs.fade-push-horizontal .tab-panel {
  visibility:hidden;
  position:absolute;
  z-index:50;
  display:block;
  opacity:0;
  transition-property:opacity,visibility,transform;
  transition-timing-function:cubic-bezier(.4,0,.2,1);
  transition-duration:500ms;
}

.tabs.fade-push-horizontal .tab-panel:nth-child(odd) {
  --tw-translate-x:2.5rem;
  transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.tabs.fade-push-horizontal .tab-panel:nth-child(even) {
  --tw-translate-x:-2.5rem;
  transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.tabs.fade-push-horizontal .tab-panel.active {
  visibility:visible;
  --tw-translate-x:0;
  transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  opacity:1;
  transition-delay:50ms;
}

.tabs.fade-push-horizontal .tab-panel:nth-of-type(:odd) {
  --tw-translate-x:2.5rem;
  transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

@media (min-width:1024px) {
  .tabs.fade-push-horizontal .tab-panel:nth-of-type(:odd) {
    --tw-translate-x:10rem;
    transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
}

.tabs.fade-push-horizontal .tab-panel:nth-of-type(:even) {
  --tw-translate-x:-2.5rem;
  transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

@media (min-width:1024px) {
  .tabs.fade-push-horizontal .tab-panel:nth-of-type(:even) {
    --tw-translate-x:-10rem;
    transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
}

.bottom-4 {
  bottom:1rem;
}

.left-1\/3 {
  left:33.333333%;
}

.left-16 {
  left:4rem;
}

.left-4 {
  left:1rem;
}

.left-6 {
  left:1.5rem;
}

.left-\[20\%\] {
  left:20%;
}

.left-\[66\%\] {
  left:66%;
}

.left-\[calc\(-36px_\+_-6px\)\] {
  left:calc(-36px + -6px);
}

.right-2 {
  right:.5rem;
}

.right-4 {
  right:1rem;
}

.right-6 {
  right:1.5rem;
}

.right-8 {
  right:2rem;
}

.top-0 {
  top:0;
}

.top-2 {
  top:.5rem;
}

.top-3 {
  top:.75rem;
}

.top-4 {
  top:1rem;
}

.top-40 {
  top:10rem;
}

.top-\[15\%\] {
  top:15%;
}

.top-\[27\%\] {
  top:27%;
}

.top-\[40\%\] {
  top:40%;
}

.top-auto {
  top:auto;
}

.-z-10 {
  z-index:-10;
}

.z-\[501\] {
  z-index:501;
}

.z-\[var\(--z-header\)\] {
  z-index:var(--z-header);
}

.z-\[var\(--z-nav\)\] {
  z-index:var(--z-nav);
}

.m-auto {
  margin:auto;
}

.my-10 {
  margin-top:2.5rem;
  margin-bottom:2.5rem;
}

.my-16 {
  margin-top:4rem;
  margin-bottom:4rem;
}

.my-2 {
  margin-top:.5rem;
  margin-bottom:.5rem;
}

.my-20 {
  margin-top:5rem;
  margin-bottom:5rem;
}

.my-8 {
  margin-top:2rem;
  margin-bottom:2rem;
}

.\!mb-0 {
  margin-bottom:0!important;
}

.\!mb-2 {
  margin-bottom:0.5rem!important;
}

.\!mt-0 {
  margin-top:0!important;
}

.mb-1 {
  margin-bottom:.25rem;
}

.mb-20 {
  margin-bottom:5rem;
}

.mb-24 {
  margin-bottom:6rem;
}

.ml-2 {
  margin-left:.5rem;
}

.mt-11 {
  margin-top:2.75rem;
}

.\!flex {
  display:flex!important;
}

.aspect-\[3\/2\] {
  aspect-ratio:3/2;
}

.\!size-auto {
  width:auto!important;
  height:auto!important;
}

.size-10 {
  width:2.5rem;
  height:2.5rem;
}

.size-11 {
  width:2.75rem;
  height:2.75rem;
}

.size-16 {
  width:4rem;
  height:4rem;
}

.size-24 {
  width:6rem;
  height:6rem;
}

.size-28 {
  width:7rem;
  height:7rem;
}

.h-0 {
  height:0;
}

.h-1 {
  height:.25rem;
}

.h-11 {
  height:2.75rem;
}

.h-6 {
  height:1.5rem;
}

.h-80 {
  height:20rem;
}

.h-9 {
  height:2.25rem;
}

.h-\[136px\] {
  height:136px;
}

.h-\[300px\] {
  height:300px;
}

.h-\[calc\(100\%-120px\)\] {
  height:calc(100% - 120px);
}

.h-\[calc\(100\%-60px\)\] {
  height:calc(100% - 60px);
}

.h-\[var\(--header-height\)\] {
  height:var(--header-height);
}

.h-max {
  height:-moz-max-content;
  height:max-content;
}

.max-h-\[95\%\] {
  max-height:95%;
}

.min-h-\[160px\] {
  min-height:160px;
}

.min-h-\[240px\] {
  min-height:240px;
}

.min-h-full {
  min-height:100%;
}

.w-1\/2 {
  width:50%;
}

.w-14 {
  width:3.5rem;
}

.w-20 {
  width:5rem;
}

.w-32 {
  width:8rem;
}

.w-52 {
  width:13rem;
}

.w-\[1px\] {
  width:1px;
}

.w-fit {
  width:-moz-fit-content;
  width:fit-content;
}

.w-min {
  width:-moz-min-content;
  width:min-content;
}

.min-w-10 {
  min-width:2.5rem;
}

.max-w-48 {
  max-width:12rem;
}

.max-w-4xl {
  max-width:56rem;
}

.max-w-\[150px\] {
  max-width:150px;
}

.max-w-fit {
  max-width:-moz-fit-content;
  max-width:fit-content;
}

.max-w-lg {
  max-width:32rem;
}

.max-w-md {
  max-width:28rem;
}

.grow {
  flex-grow:1;
}

.-translate-y-20 {
  --tw-translate-y:-5rem;
  transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.-translate-y-40 {
  --tw-translate-y:-10rem;
  transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.rotate-90 {
  --tw-rotate:90deg;
  transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.select-none {
  -webkit-user-select:none;
  -moz-user-select:none;
  user-select:none;
}

.list-inside {
  list-style-position:inside;
}

.list-none {
  list-style-type:none;
}

.justify-stretch {
  justify-content:stretch;
}

.gap-12 {
  gap:3rem;
}

.gap-16 {
  gap:4rem;
}

.gap-x-8 {
  -moz-column-gap:2rem;
  column-gap:2rem;
}

.gap-y-10 {
  row-gap:2.5rem;
}

.gap-y-12 {
  row-gap:3rem;
}

.gap-y-14 {
  row-gap:3.5rem;
}

.gap-y-5 {
  row-gap:1.25rem;
}

.gap-y-8 {
  row-gap:2rem;
}

.\!space-y-1>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse:0 !important;
  margin-top:calc(0.25rem * calc(1 - var(--tw-space-y-reverse)))!important;
  margin-bottom:calc(0.25rem * var(--tw-space-y-reverse))!important;
}

.\!space-y-6>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse:0 !important;
  margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)))!important;
  margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))!important;
}

.space-x-3>:not([hidden])~:not([hidden]) {
  --tw-space-x-reverse:0;
  margin-right:calc(0.75rem * var(--tw-space-x-reverse));
  margin-left:calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));
}

.space-x-6>:not([hidden])~:not([hidden]) {
  --tw-space-x-reverse:0;
  margin-right:calc(1.5rem * var(--tw-space-x-reverse));
  margin-left:calc(1.5rem * calc(1 - var(--tw-space-x-reverse)));
}

.space-y-0>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse:0;
  margin-top:calc(0px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom:calc(0px * var(--tw-space-y-reverse));
}

.space-y-16>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse:0;
  margin-top:calc(4rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom:calc(4rem * var(--tw-space-y-reverse));
}

.space-y-20>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse:0;
  margin-top:calc(5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom:calc(5rem * var(--tw-space-y-reverse));
}

.space-y-7>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse:0;
  margin-top:calc(1.75rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom:calc(1.75rem * var(--tw-space-y-reverse));
}

.space-y-9>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse:0;
  margin-top:calc(2.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom:calc(2.25rem * var(--tw-space-y-reverse));
}

.space-y-reverse>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse:1;
}

.self-center {
  align-self:center;
}

.justify-self-center {
  justify-self:center;
}

.whitespace-normal {
  white-space:normal;
}

.rounded-3xl {
  border-radius:1.5rem;
}

.rounded-\[2\.5rem\] {
  border-radius:2.5rem;
}

.rounded-l-3xl {
  border-top-left-radius:1.5rem;
  border-bottom-left-radius:1.5rem;
}

.rounded-r {
  border-top-right-radius:.25rem;
  border-bottom-right-radius:.25rem;
}

.rounded-t-md {
  border-top-left-radius:.375rem;
  border-top-right-radius:.375rem;
}

.rounded-bl-\[64px\] {
  border-bottom-left-radius:64px;
}

.rounded-br-\[64px\] {
  border-bottom-right-radius:64px;
}

.rounded-br-\[96px\] {
  border-bottom-right-radius:96px;
}

.rounded-br-md {
  border-bottom-right-radius:.375rem;
}

.rounded-tl-\[64px\] {
  border-top-left-radius:64px;
}

.rounded-tl-\[96px\] {
  border-top-left-radius:96px;
}

.border-black {
  --tw-border-opacity:1;
  border-color:rgb(0 0 0 / var(--tw-border-opacity));
}

.border-primary {
  border-color:var(--brand-primary, var(--primaryColor));
}

.border-secondary {
  border-color:var(--brand-primary-strong, var(--secondaryColor));
}

.border-white {
  --tw-border-opacity:1;
  border-color:rgb(255 255 255 / var(--tw-border-opacity));
}

.bg-\[\#273656\] {
  --tw-bg-opacity:1;
  background-color:rgb(39 54 86 / var(--tw-bg-opacity));
}

.bg-\[\#D6E6F3\] {
  --tw-bg-opacity:1;
  background-color:rgb(214 230 243 / var(--tw-bg-opacity));
}

.bg-\[\#F3F7FC\] {
  --tw-bg-opacity:1;
  background-color:rgb(243 247 252 / var(--tw-bg-opacity));
}

.bg-\[\#FCF7F4\] {
  --tw-bg-opacity:1;
  background-color:rgb(252 247 244 / var(--tw-bg-opacity));
}

.bg-\[\#f5f7fb\] {
  --tw-bg-opacity:1;
  background-color:rgb(245 247 251 / var(--tw-bg-opacity));
}

.bg-black {
  --tw-bg-opacity:1;
  background-color:rgb(0 0 0 / var(--tw-bg-opacity));
}

.bg-blue-300 {
  --tw-bg-opacity:1;
  background-color:rgb(147 197 253 / var(--tw-bg-opacity));
}

.bg-blue-400 {
  --tw-bg-opacity:1;
  background-color:rgb(96 165 250 / var(--tw-bg-opacity));
}

.bg-blue-950 {
  --tw-bg-opacity:1;
  background-color:rgb(23 37 84 / var(--tw-bg-opacity));
}

.bg-gray-400 {
  --tw-bg-opacity:1;
  background-color:rgb(156 163 175 / var(--tw-bg-opacity));
}

.bg-gray-600 {
  --tw-bg-opacity:1;
  background-color:rgb(75 85 99 / var(--tw-bg-opacity));
}

.bg-green-400 {
  --tw-bg-opacity:1;
  background-color:rgb(74 222 128 / var(--tw-bg-opacity));
}

.bg-green-600 {
  --tw-bg-opacity:1;
  background-color:rgb(22 163 74 / var(--tw-bg-opacity));
}

.bg-pink-400 {
  --tw-bg-opacity:1;
  background-color:rgb(244 114 182 / var(--tw-bg-opacity));
}

.bg-pink-600 {
  --tw-bg-opacity:1;
  background-color:rgb(219 39 119 / var(--tw-bg-opacity));
}

.bg-purple-500 {
  --tw-bg-opacity:1;
  background-color:rgb(168 85 247 / var(--tw-bg-opacity));
}

.bg-red-200 {
  --tw-bg-opacity:1;
  background-color:rgb(254 202 202 / var(--tw-bg-opacity));
}

.bg-secondary {
  background-color:var(--brand-primary-strong, var(--secondaryColor));
}

.bg-slate-100 {
  --tw-bg-opacity:1;
  background-color:rgb(241 245 249 / var(--tw-bg-opacity));
}

.bg-white\/10 {
  background-color:rgb(255 255 255 / .1);
}

.bg-yellow-300 {
  --tw-bg-opacity:1;
  background-color:rgb(253 224 71 / var(--tw-bg-opacity));
}

.bg-yellow-400 {
  --tw-bg-opacity:1;
  background-color:rgb(250 204 21 / var(--tw-bg-opacity));
}

.bg-none {
  background-image:none;
}

.fill-blue-950 {
  fill:#172554;
}

.fill-primary {
  fill:var(--brand-primary, var(--primaryColor));
}

.\!object-contain {
  -o-object-fit:contain!important;
  object-fit:contain!important;
}

.object-fill {
  -o-object-fit:fill;
  object-fit:fill;
}

.\!object-top {
  -o-object-position:top!important;
  object-position:top!important;
}

.object-center {
  -o-object-position:center;
  object-position:center;
}

.object-left-top {
  -o-object-position:left top;
  object-position:left top;
}

.p-5 {
  padding:1.25rem;
}

.px-\[14px\] {
  padding-left:14px;
  padding-right:14px;
}

.py-10 {
  padding-top:2.5rem;
  padding-bottom:2.5rem;
}

.py-11 {
  padding-top:2.75rem;
  padding-bottom:2.75rem;
}

.py-14 {
  padding-top:3.5rem;
  padding-bottom:3.5rem;
}

.py-24 {
  padding-top:6rem;
  padding-bottom:6rem;
}

.py-36 {
  padding-top:9rem;
  padding-bottom:9rem;
}

.\!pb-16 {
  padding-bottom:4rem!important;
}

.\!pl-2 {
  padding-left:0.5rem!important;
}

.pb-0 {
  padding-bottom:0;
}

.pb-16 {
  padding-bottom:4rem;
}

.pb-6 {
  padding-bottom:1.5rem;
}

.pb-9 {
  padding-bottom:2.25rem;
}

.pb-\[130\%\] {
  padding-bottom:130%;
}

.pb-\[50\%\] {
  padding-bottom:50%;
}

.pb-\[55\%\] {
  padding-bottom:55%;
}

.pb-\[60\%\] {
  padding-bottom:60%;
}

.pb-\[80\%\] {
  padding-bottom:80%;
}

.pb-\[85\%\] {
  padding-bottom:85%;
}

.pl-0 {
  padding-left:0;
}

.pl-10 {
  padding-left:2.5rem;
}

.pl-20 {
  padding-left:5rem;
}

.pl-3 {
  padding-left:.75rem;
}

.pl-4 {
  padding-left:1rem;
}

.pl-6 {
  padding-left:1.5rem;
}

.pr-10 {
  padding-right:2.5rem;
}

.pr-12 {
  padding-right:3rem;
}

.pt-10 {
  padding-top:2.5rem;
}

.pt-4 {
  padding-top:1rem;
}

.pt-8 {
  padding-top:2rem;
}

.pt-9 {
  padding-top:2.25rem;
}

.pt-\[calc\(var\(--header-height\)\+2rem\)\] {
  padding-top:calc(var(--header-height) + 2rem);
}

.\!font-medium {
  font-weight:500!important;
}

.font-light {
  font-weight:300;
}

.leading-\[2\.2\] {
  line-height:2.2;
}

.\!text-black {
  --tw-text-opacity:1 !important;
  color:rgb(0 0 0 / var(--tw-text-opacity))!important;
}

.text-dark {
  color:var(--darkColor);
}

.text-pink-300 {
  --tw-text-opacity:1;
  color:rgb(249 168 212 / var(--tw-text-opacity));
}

.text-secondary {
  color:var(--brand-primary-strong, var(--secondaryColor));
}

.\!opacity-0 {
  opacity:0!important;
}

.shadow {
  --tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
}

.shadow-lg {
  --tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
}

.blur {
  --tw-blur:blur(8px);
  filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.invert {
  --tw-invert:invert(100%);
  filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.transition-opacity {
  transition-property:opacity;
  transition-timing-function:cubic-bezier(.4,0,.2,1);
  transition-duration:150ms;
}

.thin-scrollbar {
  scrollbar-width:thin;
  scrollbar-color:#d9d9d9 #fff0;
}

.cursor-pointer {
  cursor:pointer!important;
}

.lg-outer {
  z-index:9999!important;
}

.lg-toolbar .lg-icon,
.lg-sub-html,
.lg-counter {
  color:var(--darkColor);
}

.lg-toolbar .lg-icon:hover,
.lg-sub-html:hover,
.lg-counter:hover {
  color:var(--brand-primary, var(--primaryColor));
}

.lg-backdrop,
.lg-outer .lg-thumb-outer {
  --tw-bg-opacity:1;
  background-color:rgb(255 255 255 / var(--tw-bg-opacity));
}

.lg-outer .lg-thumb-item.active,
.lg-outer .lg-thumb-item:hover {
  border-color:var(--brand-primary, var(--primaryColor))!important;
}

@media (min-width:1024px) {
  .lg-thumb-outer {
    padding-inline:30px!important;
  }
}

.lg-show-in .lg-prev,
.lg-show-in .lg-next {
  height:2.75rem;
  width:2.75rem;
  border-radius:9999px;
  --tw-bg-opacity:1;
  background-color:rgb(255 255 255 / var(--tw-bg-opacity));
  color:var(--darkColor);
  --tw-shadow:0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
  transition-property:color,background-color,border-color,fill,stroke,-webkit-text-decoration-color;
  transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;
  transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,-webkit-text-decoration-color;
  transition-timing-function:cubic-bezier(.4,0,.2,1);
  transition-duration:500ms;
}

.lg-show-in .lg-prev:hover,
.lg-show-in .lg-next:hover {
  background-color:var(--brand-primary, var(--primaryColor));
  --tw-text-opacity:1;
  color:rgb(255 255 255 / var(--tw-text-opacity));
}

.bg-linear {
  background:linear-gradient(to bottom,rgb(45 49 66 / .4) 0,rgb(45 49 66 / .7) 25%,rgb(45 49 66 / .9) 54%,#2d3142 100%);
}

.shadow-item {
  box-shadow:0 1px 6px rgb(0 0 0 / .0784313725);
}

.bg-ghost {
  background:hsl(0 0% 100% / .8392156863);
}

@media not all and (min-width:768px) {
  .max-md\:h1 {
    font-size:2.25rem;
    line-height:2.5rem;
  }

  @media (min-width:1024px) {
    .max-md\:h1 {
      font-size:3.75rem;
      line-height:1;
    }
  }
}

@media (min-width:1024px) {
  .lg\:h2 {
    font-size:1.875rem;
    line-height:2.25rem;
  }

  @media (min-width:1024px) {
    .lg\:h2 {
      font-size:2.25rem;
      line-height:2.5rem;
    }
  }

  .lg\:h3 {
    font-size:1.5rem;
    line-height:2rem;
  }

  @media (min-width:1024px) {
    .lg\:h3 {
      font-size:1.875rem;
      line-height:2.25rem;
    }
  }
}

.\*\:w-1\/2>* {
  width:50%;
}

.\*\:max-w-\[200px\]>* {
  max-width:200px;
}

.\*\:cursor-pointer>* {
  cursor:pointer;
}

.\*\:p-4>* {
  padding:1rem;
}

.\*\:px-4>* {
  padding-left:1rem;
  padding-right:1rem;
}

.\*\:py-2>* {
  padding-top:.5rem;
  padding-bottom:.5rem;
}

.\*\:cursor-pointer>* {
  cursor:pointer!important;
}

.placeholder\:text-dark::-moz-placeholder {
  color:var(--darkColor);
}

.placeholder\:text-dark::placeholder {
  color:var(--darkColor);
}

.placeholder\:transition-colors::-moz-placeholder {
  -moz-transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;
  transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;
  transition-timing-function:cubic-bezier(.4,0,.2,1);
  transition-duration:150ms;
}

.placeholder\:transition-colors::placeholder {
  transition-property:color,background-color,border-color,fill,stroke,-webkit-text-decoration-color;
  transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;
  transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,-webkit-text-decoration-color;
  transition-timing-function:cubic-bezier(.4,0,.2,1);
  transition-duration:150ms;
}

.placeholder\:duration-500::-moz-placeholder {
  transition-duration:500ms;
}

.placeholder\:duration-500::placeholder {
  transition-duration:500ms;
}

.before\:absolute::before {
  content:var(--tw-content);
  position:absolute;
}

.before\:inset-0::before {
  content:var(--tw-content);
  inset:0;
}

.before\:z-10::before {
  content:var(--tw-content);
  z-index:10;
}

.before\:bg-black\/40::before {
  content:var(--tw-content);
  background-color:rgb(0 0 0 / .4);
}

.before\:bg-black\/50::before {
  content:var(--tw-content);
  background-color:rgb(0 0 0 / .5);
}

.before\:bg-black\/80::before {
  content:var(--tw-content);
  background-color:rgb(0 0 0 / .8);
}

.before\:bg-linear::before {
  content:var(--tw-content);
  background:linear-gradient(to bottom,rgb(45 49 66 / .4) 0,rgb(45 49 66 / .7) 25%,rgb(45 49 66 / .9) 54%,#2d3142 100%);
}

.after\:absolute::after {
  content:var(--tw-content);
  position:absolute;
}

.after\:inset-0::after {
  content:var(--tw-content);
  inset:0;
}

.after\:top-1\/2::after {
  content:var(--tw-content);
  top:50%;
}

.after\:h-3\/5::after {
  content:var(--tw-content);
  height:60%;
}

.after\:w-\[1px\]::after {
  content:var(--tw-content);
  width:1px;
}

.after\:-translate-y-1\/2::after {
  content:var(--tw-content);
  --tw-translate-y:-50%;
  transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.after\:bg-black\/50::after {
  content:var(--tw-content);
  background-color:rgb(0 0 0 / .5);
}

.after\:bg-gray-300::after {
  content:var(--tw-content);
  --tw-bg-opacity:1;
  background-color:rgb(209 213 219 / var(--tw-bg-opacity));
}

.after\:bg-linear::after {
  content:var(--tw-content);
  background:linear-gradient(to bottom,rgb(45 49 66 / .4) 0,rgb(45 49 66 / .7) 25%,rgb(45 49 66 / .9) 54%,#2d3142 100%);
}

.hover\:scale-105:hover {
  --tw-scale-x:1.05;
  --tw-scale-y:1.05;
  transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hover\:border-primary:hover {
  border-color:var(--brand-primary, var(--primaryColor));
}

.hover\:border-secondary:hover {
  border-color:var(--brand-primary-strong, var(--secondaryColor));
}

.hover\:bg-gray-100:hover {
  --tw-bg-opacity:1;
  background-color:rgb(243 244 246 / var(--tw-bg-opacity));
}

.hover\:bg-white:hover {
  --tw-bg-opacity:1;
  background-color:rgb(255 255 255 / var(--tw-bg-opacity));
}

.hover\:text-primary:hover {
  color:var(--brand-primary, var(--primaryColor));
}

.hover\:underline:hover {
  -webkit-text-decoration-line:underline;
  text-decoration-line:underline;
}

.focus\:shadow-active:focus {
  box-shadow:rgb(0 0 0 / .08) 0 2px 12px 0;
}

.group:hover .group-hover\:scale-105 {
  --tw-scale-x:1.05;
  --tw-scale-y:1.05;
  transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group:hover .group-hover\:bg-gray-100 {
  --tw-bg-opacity:1;
  background-color:rgb(243 244 246 / var(--tw-bg-opacity));
}

.group:hover .group-hover\:\!opacity-0 {
  opacity:0!important;
}

.group:hover .group-hover\:\!opacity-100 {
  opacity:1!important;
}

@media not all and (min-width:1280px) {
  .max-xl\:space-y-10>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse:0;
    margin-top:calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom:calc(2.5rem * var(--tw-space-y-reverse));
  }
}

@media not all and (min-width:1024px) {
  .max-lg\:mx-auto {
    margin-left:auto;
    margin-right:auto;
  }

  .max-lg\:hidden {
    display:none;
  }

  .max-lg\:w-full {
    width:100%;
  }

  .max-lg\:space-y-10>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse:0;
    margin-top:calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom:calc(2.5rem * var(--tw-space-y-reverse));
  }

  .max-lg\:space-y-4>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse:0;
    margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom:calc(1rem * var(--tw-space-y-reverse));
  }

  .max-lg\:pt-20 {
    padding-top:5rem;
  }

  .max-lg\:\*\:w-full>* {
    width:100%;
  }
}

@media not all and (min-width:768px) {

  .max-md\:-ml-4 {
    margin-left:-1rem;
  }

  .max-md\:mb-20 {
    margin-bottom:5rem;
  }

  .max-md\:mb-8 {
    margin-bottom:2rem;
  }

  .max-md\:h-\[300px\] {
    height:300px;
  }

  .max-md\:w-9\/12 {
    width:75%;
  }

  .max-md\:w-full {
    width:100%;
  }

  .max-md\:basis-1\/2 {
    flex-basis:50%;
  }

  .max-md\:flex-wrap {
    flex-wrap:wrap;
  }

  .max-md\:items-end {
    align-items:flex-end;
  }

  .max-md\:justify-center {
    justify-content:center;
  }

  .max-md\:gap-y-10 {
    row-gap:2.5rem;
  }

  .max-md\:gap-y-2 {
    row-gap:.5rem;
  }

  .max-md\:space-y-4>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse:0;
    margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom:calc(1rem * var(--tw-space-y-reverse));
  }

  .max-md\:space-y-5>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse:0;
    margin-top:calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom:calc(1.25rem * var(--tw-space-y-reverse));
  }

  .max-md\:space-y-8>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse:0;
    margin-top:calc(2rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom:calc(2rem * var(--tw-space-y-reverse));
  }

  .max-md\:overflow-hidden {
    overflow:hidden;
  }

  .max-md\:bg-\[\#FBF7F4\] {
    --tw-bg-opacity:1;
    background-color:rgb(251 247 244 / var(--tw-bg-opacity));
  }

  .max-md\:p-8 {
    padding:2rem;
  }

  .max-md\:px-10 {
    padding-left:2.5rem;
    padding-right:2.5rem;
  }

  .max-md\:pb-\[30\%\] {
    padding-bottom:30%;
  }

  .max-md\:pl-10 {
    padding-left:2.5rem;
  }

  .max-md\:pr-2 {
    padding-right:.5rem;
  }

  .max-md\:pt-0 {
    padding-top:0;
  }

  .max-md\:pt-12 {
    padding-top:3rem;
  }

  .max-md\:\*\:w-full>* {
    width:100%;
  }
}

@media not all and (min-width:640px) {
  .max-sm\:left-\[15\%\] {
    left:15%;
  }

  .max-sm\:top-\[7\%\] {
    top:7%;
  }
}

@media (min-width:768px) {
  .md\:left-1\/2 {
    left:50%;
  }

  .md\:left-\[calc\(-16px_\+_-6px\)\] {
    left:calc(-16px + -6px);
  }

  .md\:left-auto {
    left:auto;
  }

  .md\:right-\[calc\(-16px_\+_-6px\)\] {
    right:calc(-16px + -6px);
  }

  .md\:top-1\/2 {
    top:50%;
  }

  .md\:mb-0 {
    margin-bottom:0;
  }

  .md\:mb-32 {
    margin-bottom:8rem;
  }

  .md\:mb-8 {
    margin-bottom:2rem;
  }

  .md\:ml-4 {
    margin-left:1rem;
  }

  .md\:mt-32 {
    margin-top:8rem;
  }

  .md\:mt-48 {
    margin-top:12rem;
  }

  .md\:mt-\[180px\] {
    margin-top:180px;
  }

  .md\:size-16 {
    width:4rem;
    height:4rem;
  }

  .md\:size-28 {
    width:7rem;
    height:7rem;
  }

  .md\:h-1\/2 {
    height:50%;
  }

  .md\:h-\[400px\] {
    height:400px;
  }

  .md\:h-\[88px\] {
    height:88px;
  }

  .md\:h-auto {
    height:auto;
  }

  .md\:w-2\/3 {
    width:66.666667%;
  }

  .md\:w-2\/5 {
    width:40%;
  }

  .md\:w-3\/5 {
    width:60%;
  }

  .md\:w-5\/12 {
    width:41.666667%;
  }

  .md\:w-max {
    width:-moz-max-content;
    width:max-content;
  }

  .md\:min-w-80 {
    min-width:20rem;
  }

  .md\:min-w-\[300px\] {
    min-width:300px;
  }

  .md\:max-w-2xl {
    max-width:42rem;
  }

  .md\:max-w-lg {
    max-width:32rem;
  }

  .md\:max-w-md {
    max-width:28rem;
  }

  .md\:flex-1 {
    flex:1 1 0%;
  }

  .md\:flex-\[2\] {
    flex:2;
  }

  .md\:flex-\[3\] {
    flex:3;
  }

  .md\:basis-1\/2 {
    flex-basis:50%;
  }

  .md\:basis-1\/3 {
    flex-basis:33.333333%;
  }

  .md\:basis-2\/3 {
    flex-basis:66.666667%;
  }

  .md\:basis-2\/5 {
    flex-basis:40%;
  }

  .md\:basis-3\/5 {
    flex-basis:60%;
  }

  .md\:-translate-x-1\/2 {
    --tw-translate-x:-50%;
    transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .md\:-translate-y-1\/2 {
    --tw-translate-y:-50%;
    transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .md\:flex-row-reverse {
    flex-direction:row-reverse;
  }

  .md\:flex-col {
    flex-direction:column;
  }

  .md\:flex-col-reverse {
    flex-direction:column-reverse;
  }

  .md\:flex-wrap {
    flex-wrap:wrap;
  }

  .md\:items-end {
    align-items:flex-end;
  }

  .md\:items-stretch {
    align-items:stretch;
  }

  .md\:gap-x-10 {
    -moz-column-gap:2.5rem;
    column-gap:2.5rem;
  }

  .md\:gap-x-20 {
    -moz-column-gap:5rem;
    column-gap:5rem;
  }

  .md\:gap-x-8 {
    -moz-column-gap:2rem;
    column-gap:2rem;
  }

  .md\:\!space-y-16>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse:0 !important;
    margin-top:calc(4rem * calc(1 - var(--tw-space-y-reverse)))!important;
    margin-bottom:calc(4rem * var(--tw-space-y-reverse))!important;
  }

  .md\:space-x-4>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse:0;
    margin-right:calc(1rem * var(--tw-space-x-reverse));
    margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .md\:space-x-5>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse:0;
    margin-right:calc(1.25rem * var(--tw-space-x-reverse));
    margin-left:calc(1.25rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .md\:space-x-6>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse:0;
    margin-right:calc(1.5rem * var(--tw-space-x-reverse));
    margin-left:calc(1.5rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .md\:space-x-8>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse:0;
    margin-right:calc(2rem * var(--tw-space-x-reverse));
    margin-left:calc(2rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .md\:space-y-10>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse:0;
    margin-top:calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom:calc(2.5rem * var(--tw-space-y-reverse));
  }

  .md\:space-y-14>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse:0;
    margin-top:calc(3.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom:calc(3.5rem * var(--tw-space-y-reverse));
  }

  .md\:space-y-16>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse:0;
    margin-top:calc(4rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom:calc(4rem * var(--tw-space-y-reverse));
  }

  .md\:space-y-48>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse:0;
    margin-top:calc(12rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom:calc(12rem * var(--tw-space-y-reverse));
  }

  .md\:space-y-8>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse:0;
    margin-top:calc(2rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom:calc(2rem * var(--tw-space-y-reverse));
  }

  .md\:space-y-reverse>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse:1;
  }

  .md\:rounded-\[96px\] {
    border-radius:96px;
  }

  .md\:rounded-md {
    border-radius:.375rem;
  }

  .md\:rounded-xl {
    border-radius:.75rem;
  }

  .md\:rounded-br-\[128px\] {
    border-bottom-right-radius:128px;
  }

  .md\:rounded-br-\[77px\] {
    border-bottom-right-radius:77px;
  }

  .md\:rounded-br-\[96px\] {
    border-bottom-right-radius:96px;
  }

  .md\:rounded-tl-\[128px\] {
    border-top-left-radius:128px;
  }

  .md\:rounded-tl-\[77px\] {
    border-top-left-radius:77px;
  }

  .md\:rounded-tl-\[96px\] {
    border-top-left-radius:96px;
  }

  .md\:bg-\[\#FBF7F4\] {
    --tw-bg-opacity:1;
    background-color:rgb(251 247 244 / var(--tw-bg-opacity));
  }

  .md\:bg-white {
    --tw-bg-opacity:1;
    background-color:rgb(255 255 255 / var(--tw-bg-opacity));
  }

  .md\:p-12 {
    padding:3rem;
  }

  .md\:px-11 {
    padding-left:2.75rem;
    padding-right:2.75rem;
  }

  .md\:px-12 {
    padding-left:3rem;
    padding-right:3rem;
  }

  .md\:py-10 {
    padding-top:2.5rem;
    padding-bottom:2.5rem;
  }

  .md\:py-14 {
    padding-top:3.5rem;
    padding-bottom:3.5rem;
  }

  .md\:py-20 {
    padding-top:5rem;
    padding-bottom:5rem;
  }

  .md\:py-24 {
    padding-top:6rem;
    padding-bottom:6rem;
  }

  .md\:pb-12 {
    padding-bottom:3rem;
  }

  .md\:pb-14 {
    padding-bottom:3.5rem;
  }

  .md\:pb-20 {
    padding-bottom:5rem;
  }

  .md\:pb-28 {
    padding-bottom:7rem;
  }

  .md\:pb-32 {
    padding-bottom:8rem;
  }

  .md\:pb-\[120\%\] {
    padding-bottom:120%;
  }

  .md\:pb-\[33\%\] {
    padding-bottom:33%;
  }

  .md\:pb-\[40\%\] {
    padding-bottom:40%;
  }

  .md\:pb-\[45\%\] {
    padding-bottom:45%;
  }

  .md\:pl-3 {
    padding-left:.75rem;
  }

  .md\:pr-3 {
    padding-right:.75rem;
  }

  .md\:pr-4 {
    padding-right:1rem;
  }

  .md\:pt-12 {
    padding-top:3rem;
  }

  .md\:pt-20 {
    padding-top:5rem;
  }

  .md\:pt-24 {
    padding-top:6rem;
  }

  .md\:pt-6 {
    padding-top:1.5rem;
  }

  .md\:text-left {
    text-align:left;
  }

  .md\:text-end {
    text-align:end;
  }

  .md\:text-xl {
    font-size:1.25rem;
    line-height:1.75rem;
  }
}

@media (min-width:1024px) {
  .lg\:absolute {
    position:absolute;
  }

  .lg\:left-0 {
    left:0;
  }

  .lg\:left-\[calc\(-24px_\+_-6px\)\] {
    left:calc(-24px + -6px);
  }

  .lg\:right-\[calc\(-24px_\+_-6px\)\] {
    right:calc(-24px + -6px);
  }

  .lg\:top-1\/2 {
    top:50%;
  }

  .lg\:top-\[10\%\] {
    top:10%;
  }

  .lg\:col-span-2 {
    grid-column:span 2 / span 2;
  }

  .lg\:my-20 {
    margin-top:5rem;
    margin-bottom:5rem;
  }

  .lg\:my-24 {
    margin-top:6rem;
    margin-bottom:6rem;
  }

  .lg\:mb-0 {
    margin-bottom:0;
  }

  .lg\:mb-32 {
    margin-bottom:8rem;
  }

  .lg\:mb-4 {
    margin-bottom:1rem;
  }

  .lg\:ml-4 {
    margin-left:1rem;
  }

  .lg\:mt-12 {
    margin-top:3rem;
  }

  .lg\:mt-24 {
    margin-top:6rem;
  }

  .lg\:mt-44 {
    margin-top:11rem;
  }

  .lg\:mt-72 {
    margin-top:18rem;
  }

  .lg\:block {
    display:block;
  }

  .lg\:h-\[70vh\] {
    height:70vh;
  }

  .lg\:\!max-h-max {
    max-height:-moz-max-content!important;
    max-height:max-content!important;
  }

  .lg\:w-1\/3 {
    width:33.333333%;
  }

  .lg\:max-w-2xl {
    max-width:42rem;
  }

  .lg\:max-w-3xl {
    max-width:48rem;
  }

  .lg\:max-w-\[1680px\] {
    max-width:1680px;
  }

  .lg\:basis-1\/2 {
    flex-basis:50%;
  }

  .lg\:basis-1\/3 {
    flex-basis:33.333333%;
  }

  .lg\:basis-2\/3 {
    flex-basis:66.666667%;
  }

  .lg\:basis-2\/5 {
    flex-basis:40%;
  }

  .lg\:basis-3\/5 {
    flex-basis:60%;
  }

  .lg\:grid-cols-2 {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .lg\:flex-row-reverse {
    flex-direction:row-reverse;
  }

  .lg\:flex-col {
    flex-direction:column;
  }

  .lg\:items-start {
    align-items:flex-start;
  }

  .lg\:items-center {
    align-items:center;
  }

  .lg\:justify-center {
    justify-content:center;
  }

  .lg\:gap-20 {
    gap:5rem;
  }

  .lg\:gap-x-12 {
    -moz-column-gap:3rem;
    column-gap:3rem;
  }

  .lg\:gap-x-32 {
    -moz-column-gap:8rem;
    column-gap:8rem;
  }

  .lg\:gap-x-8 {
    -moz-column-gap:2rem;
    column-gap:2rem;
  }

  .lg\:space-x-10>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse:0;
    margin-right:calc(2.5rem * var(--tw-space-x-reverse));
    margin-left:calc(2.5rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .lg\:space-x-4>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse:0;
    margin-right:calc(1rem * var(--tw-space-x-reverse));
    margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .lg\:space-x-8>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse:0;
    margin-right:calc(2rem * var(--tw-space-x-reverse));
    margin-left:calc(2rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .lg\:space-y-0>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse:0;
    margin-top:calc(0px * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom:calc(0px * var(--tw-space-y-reverse));
  }

  .lg\:space-y-12>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse:0;
    margin-top:calc(3rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom:calc(3rem * var(--tw-space-y-reverse));
  }

  .lg\:space-y-14>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse:0;
    margin-top:calc(3.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom:calc(3.5rem * var(--tw-space-y-reverse));
  }

  .lg\:space-y-20>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse:0;
    margin-top:calc(5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom:calc(5rem * var(--tw-space-y-reverse));
  }

  .lg\:space-y-56>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse:0;
    margin-top:calc(14rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom:calc(14rem * var(--tw-space-y-reverse));
  }

  .lg\:space-y-reverse>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse:1;
  }

  .lg\:space-x-reverse>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse:1;
  }

  .lg\:rounded-lg {
    border-radius:.5rem;
  }

  .lg\:rounded-xl {
    border-radius:.75rem;
  }

  .lg\:rounded-t-lg {
    border-top-left-radius:.5rem;
    border-top-right-radius:.5rem;
  }

  .lg\:rounded-bl-\[128px\] {
    border-bottom-left-radius:128px;
  }

  .lg\:rounded-br-\[96px\] {
    border-bottom-right-radius:96px;
  }

  .lg\:rounded-tl-\[96px\] {
    border-top-left-radius:96px;
  }

  .lg\:bg-\[\#F8F8F6\] {
    --tw-bg-opacity:1;
    background-color:rgb(248 248 246 / var(--tw-bg-opacity));
  }

  .lg\:object-cover {
    -o-object-fit:cover;
    object-fit:cover;
  }

  .lg\:p-12 {
    padding:3rem;
  }

  .lg\:p-16 {
    padding:4rem;
  }

  .lg\:px-11 {
    padding-left:2.75rem;
    padding-right:2.75rem;
  }

  .lg\:px-16 {
    padding-left:4rem;
    padding-right:4rem;
  }

  .lg\:px-20 {
    padding-left:5rem;
    padding-right:5rem;
  }

  .lg\:py-12 {
    padding-top:3rem;
    padding-bottom:3rem;
  }

  .lg\:py-16 {
    padding-top:4rem;
    padding-bottom:4rem;
  }

  .lg\:py-32 {
    padding-top:8rem;
    padding-bottom:8rem;
  }

  .lg\:py-36 {
    padding-top:9rem;
    padding-bottom:9rem;
  }

  .lg\:py-40 {
    padding-top:10rem;
    padding-bottom:10rem;
  }

  .lg\:py-8 {
    padding-top:2rem;
    padding-bottom:2rem;
  }

  .lg\:pb-20 {
    padding-bottom:5rem;
  }

  .lg\:pb-32 {
    padding-bottom:8rem;
  }

  .lg\:pb-\[100\%\] {
    padding-bottom:100%;
  }

  .lg\:pb-\[120\%\] {
    padding-bottom:120%;
  }

  .lg\:pb-\[35\%\] {
    padding-bottom:35%;
  }

  .lg\:pb-\[45\%\] {
    padding-bottom:45%;
  }

  .lg\:pb-\[70\%\] {
    padding-bottom:70%;
  }

  .lg\:pl-24 {
    padding-left:6rem;
  }

  .lg\:pr-4 {
    padding-right:1rem;
  }

  .lg\:pt-8 {
    padding-top:2rem;
  }

  .lg\:pt-\[calc\(var\(--header-height\)\+4rem\)\] {
    padding-top:calc(var(--header-height) + 4rem);
  }

  .lg\:text-center {
    text-align:center;
  }

  .lg\:text-2xl {
    font-size:1.5rem;
    line-height:2rem;
  }

  .lg\:text-5xl {
    font-size:3rem;
    line-height:1;
  }

  .lg\:\!overflow-unset {
    overflow:unset!important;
  }

  .lg\:overflow-unset {
    overflow:unset;
  }
}

@media (min-width:1280px) {
  .xl\:left-0 {
    left:0;
  }

  .xl\:flex {
    display:flex;
  }

  .xl\:w-80 {
    width:20rem;
  }

  .xl\:max-w-5xl {
    max-width:64rem;
  }

  .xl\:max-w-\[1280px\] {
    max-width:1280px;
  }

  .xl\:basis-1\/3 {
    flex-basis:33.333333%;
  }

  .xl\:basis-2\/3 {
    flex-basis:66.666667%;
  }

  .xl\:flex-row {
    flex-direction:row;
  }

  .xl\:items-stretch {
    align-items:stretch;
  }

  .xl\:space-x-12>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse:0;
    margin-right:calc(3rem * var(--tw-space-x-reverse));
    margin-left:calc(3rem * calc(1 - var(--tw-space-x-reverse)));
  }
}

:is(:where(.dark) .dark\:border-gray-400) {
  --tw-border-opacity:1;
  border-color:rgb(156 163 175 / var(--tw-border-opacity));
}

:is(:where(.dark) .dark\:border-gray-500) {
  --tw-border-opacity:1;
  border-color:rgb(107 114 128 / var(--tw-border-opacity));
}

:is(:where(.dark) .dark\:border-white\/10) {
  border-color:rgb(255 255 255 / .1);
}

:is(:where(.dark) .dark\:bg-dark) {
  background-color:var(--darkColor);
}

:is(:where(.dark) .dark\:bg-neutral-800) {
  --tw-bg-opacity:1;
  background-color:rgb(38 38 38 / var(--tw-bg-opacity));
}

:is(:where(.dark) .dark\:bg-neutral-900) {
  --tw-bg-opacity:1;
  background-color:rgb(23 23 23 / var(--tw-bg-opacity));
}

:is(:where(.dark) .dark\:bg-neutral-950) {
  --tw-bg-opacity:1;
  background-color:rgb(10 10 10 / var(--tw-bg-opacity));
}

:is(:where(.dark) .dark\:text-black) {
  --tw-text-opacity:1;
  color:rgb(0 0 0 / var(--tw-text-opacity));
}

:is(:where(.dark) .dark\:text-white) {
  --tw-text-opacity:1;
  color:rgb(255 255 255 / var(--tw-text-opacity));
}

.\[\&\>\*\:first-of-type\]\:border-t>*:first-of-type {
  border-top-width:1px;
}

.\[\&\>\*\:first-of-type\]\:border-gray-300>*:first-of-type {
  --tw-border-opacity:1;
  border-color:rgb(209 213 219 / var(--tw-border-opacity));
}

.\[\&\>\*\:last-of-type\]\:\!border-b>*:last-of-type {
  border-bottom-width:1px!important;
}

.\[\&\>\*\:last-of-type\]\:\!border-gray-300>*:last-of-type {
  --tw-border-opacity:1 !important;
  border-color:rgb(209 213 219 / var(--tw-border-opacity))!important;
}

/* =============================================================================
   Site overrides (merged from custom.css)
   ============================================================================= */

#notification {
  &.open,
	&.show,
	&.active {
		.modal-dialog {
			opacity: 1;
  }

		.modal-dialog {
			z-index: 100000;
  .modal-content {
				margin: auto;
  pointer-events: auto;
  }
		}
	}
	.modal-backdrop {
		opacity: 0;
  visibility: hidden;
  pointer-events: none;
  };
}

.position-static {
  position: static !important;
}

.author-image {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  overflow: hidden;
  img {
		width: 100%;
  height: 100%;
  object-fit: cover;
  };
}

.mx-2 {
  margin-left: 8px;
  margin-right: 8px;
}

.bg-logo {
  background-color: var(--logoBackgroundColor);
  max-height: 90%;
}

.masory-grid {
  columns: 2;
  gap: 16px;
  > *:not(:first-of-type) {
		margin-top: 16px;
  }

	@media (min-width: 768px) {
		columns: 3;
  };
}

input,
select,
textarea,
button {
  /* appearance: none;
  */
	/* -webkit-appearance: none;
  */
	border-radius: 0;
  background: none;
  font-size: 16px;
  outline: none;
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
  display: none;
}

.masory-grid img {
  margin-top: 16px;
}

footer {
  .dropdown.active-dropdown .dropdown__head {
		color: var(--brand-primary-strong, var(--secondaryColor));
  }

	.main-button {
		&:hover {
			background-color: vaR(--secondaryColor);
  border-color: vaR(--secondaryColor);
  }
	};
}

.\!h-4\/5 {
  height: 80% !important;
}

footer {
  a {
		color: #ffffffb3 !important;
  &:hover {
			color: white !important;
  }
	};
}

.footer-dropdown__view-more {
  color: white !important;
}

/* #contactForm {
	& .contact-form-checkbox {
		input[type="checkbox"] {
			border: 1px solid;
		}
	}
} */

body {
  padding: 0 !important;
}

.toc-nav {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border-radius: 0.5rem;
  background-color: #f9fafb;
  background-color: var(--tw-bg-opacity, #f9fafb);
  padding: 1rem !important;
}

.toc-nav.dark,
body.dark .toc-nav {
  background-color: #171717;
}

.toc-nav h3 {
  margin-bottom: 0.5rem;
  font-weight: bold;
  color: #1f2937;
}

.toc-nav h3.dark,
body.dark .toc-nav h3 {
  color: #fff;
}

.toc-nav ul {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.toc-nav li a {
  display: block;
  border-radius: 0.375rem;
  padding: 0.5rem 0.75rem;
  font-weight: 500;
  color: #374151;
  transition:
		background-color 0.15s,
		color 0.15s;
}

.toc-nav li a:hover {
  background-color: #e5e7eb;
  color: var(--brand-primary, var(--primaryColor));
}

.toc-nav li a.dark,
body.dark .toc-nav li a {
  color: #e5e7eb;
}

.toc-nav li a.dark:hover,
body.dark .toc-nav li a:hover {
  background-color: var(--brand-primary, var(--primaryColor));
  color: white;
}

.detail-content {
  scroll-margin-top: 96px;
  scroll-padding-top: 0 !important;
  @media (min-width: 1024px) {
		h3,
		.h3 {
			font-size: 1.575rem;
  }
	};
}

:is(:where(.dark) body) {
  .lg-backdrop,
	.lg-outer .lg-thumb-outer {
		background-color: #000 !important;
  };
}

/* Image utility used inside page-builder content — admins tag a <p>
   with class="h" to round and shadow the contained image (testimonial
   screenshots, award photos). Defined once here so authors don't have
   to re-declare the same \3c style> block in every page-builder section.
   Scoped to listing_2047 since the .h convention is
   tenant-authored content, not a documented template feature. */

.page-builder p.h img {
  border-radius: var(--radius-md, 7px);
  box-shadow: var(--shadow-md, 0 0 7px rgba(19, 19, 19, 0.6));
}

/* Filter/search modal scroll fix.
   This project ships a PRE-BUILT Tailwind bundle (style.css) with no build
   step, so utility classes that weren't already compiled produce nothing.
   The `min-h-0` class used on the modal form + its scroll body is one such
   missing utility — without min-height:0 the flex children can't shrink, so
   the body never scrolls and the footer/header get clipped by overflow-hidden.
   Define it here (scoped to modals) so the body scrolls and the footer stays
   pinned when the filters overflow. */

/* Taller modal shell. style.css caps `.modal-content` at max-height:80%;
   override at `.modal .modal-content` specificity (custom.css loads last) so
   the shell can exceed 80%. */

/* Filter/search modals get a FIXED tall shell (90% of viewport) even when the
   filters are collapsed — they always have lots of content. Opt-in via the
   `modal-tall` marker class passed from each search modal (home/listings/
   microsites) through modal-layout.volt, so the contact modal stays sized to
   its content. No :has() — works in older browsers too. The flex chain +
   min-h-0 above keeps the body scrolling and the footer pinned within it. */

/* (The closed-modal content-visibility perf rule now lives in the shared
   css/filter-accordion.css, keyed on [data-modal], so it covers every template.) */

/* =============================================================================
   Modal shell (contact + filter modals).
   MUST live in this always-loaded stylesheet — the contact modal renders at
   root on EVERY page, so these overlay rules can't sit in filter.css (which is
   only enqueued on pages with a search block). Previously here-only the
   comments survived; the rules were extracted to filter.css, which broke the
   contact modal on non-filter pages (articles, collections). Moved back.
   ============================================================================= */
.modal {
  visibility: hidden;
  position: fixed;
  inset: 0;
  z-index: 3100;
  width: 100vw;
  background-color: rgb(0 0 0 / .8);
  opacity: 0;
  transition-property: opacity, visibility, background;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-delay: 300ms;
  transition-duration: 500ms;
  height: calc(var(--vh, 1vh) * 100);
}

.modal-dialog {
  pointer-events: none;
  position: fixed;
  inset: 0;
  z-index: 1000;
  margin: 0;
  width: 100%;
  height: 100%;
  background-color: rgb(0 0 0 / .5);
  padding: 0;
  opacity: 0;
  transition-property: opacity, visibility;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-duration: 500ms;
  height: calc(var(--vh, 1vh) * 100);
}

.modal-dialog::backdrop {
  background-color: rgb(0 0 0 / .5);
}

@media (min-width: 768px) {
  .modal-dialog {
    display: flex;
    align-items: center;
  }
}

.modal-dialog[open] {
  visibility: visible;
  opacity: 1;
}

.modal-dialog[open] .modal-dialog-wrapper {
  pointer-events: auto;
}

.modal-dialog .content {
  scrollbar-width: none;
  width: 100%;
  overflow: auto;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-bottom: 1rem;
  padding-top: 3.5rem;
}

@media (min-width: 768px) {
  .modal-dialog .content {
    padding: 2rem;
  }
}

@media (min-width: 1024px) {
  .modal-dialog .content {
    padding: 3rem;
  }
}

.modal-dialog h4 {
  margin-bottom: 3rem;
}

.modal-dialog-close {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 10;
  cursor: pointer;
}

.modal-dialog-close svg path {
  fill: currentColor;
}

.modal-dialog__fullscreen .content {
  width: 100%;
  height: 100%;
  padding: 0;
  overflow: unset;
}

.modal.modal-left .modal-wrapper {
  --tw-translate-x: -100%;
  --tw-translate-y: 0;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  justify-content: flex-start;
  opacity: 1;
}

.modal.modal-left .modal-wrapper__inner {
  align-items: stretch !important;
  justify-content: flex-start !important;
}

.modal.modal-left .modal-content {
  margin: 0 !important;
  height: 100% !important;
}

@media (min-width: 768px) {
  .modal.modal-left .modal-content {
    max-height: 100% !important;
  }
}

.modal.modal-left.active .modal-wrapper {
  --tw-translate-x: 0;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.modal.active {
  visibility: visible;
  opacity: 1;
  transition-delay: 0s;
}

.modal.active .modal-wrapper {
  --tw-translate-y: 0;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  opacity: 1;
  transition-delay: 300ms;
}

.modal-wrapper {
  transition-timing-function: ease;
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition-property: transform, opacity;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-duration: 500ms;
  height: calc(var(--vh, 1vh) * 100);
}

.modal-wrapper__inner {
  position: relative;
  height: 100%;
  align-items: center;
  justify-content: center;
  overflow-y: auto;
}

@media (min-width: 1024px) {
  .modal-wrapper__inner {
    overflow: hidden;
  }
}

.modal-backdrop {
  opacity: 0.5;
  pointer-events: none;
}

.modal-content {
  box-shadow: none !important;
  border: none !important;
}

.modal-content .min-h-0 {
  min-height: 0;
}

.modal .modal-content {
  margin-left: auto;
  margin-right: auto;
  height: auto;
  /* 95% (was a custom.css override that loaded last, so it won at every width;
     the old @media(768px){max-height:80%} rule was already dead — dropped). */
  max-height: 95%;
  justify-content: center;
}

.modal-content.modal-tall {
  height: 95%;
}

/* ── Google Translate UI suppression ─────────────────────────────────────────
   Google injects a gadget bar + iframe when translation is active. Hide the
   visible chrome; the translated content still works. body top:0 prevents
   the 40px push-down Google applies when the banner is shown. */

.skiptranslate {
  display: none !important;
}

#google_translate_element {
  display: none !important;
}

.goog-te-banner-frame {
  display: none !important;
}

body {
  top: 0 !important;
}

/* Footer accordion headings are non-navigational spans; keep the dimmed link colour they had as anchors */

.footer-dropdown__head span {
  color:#ffffffb3 !important;
}