/* Start:/local/templates/main/assets/css/main.css?17817642973510*/
@import url("https://fonts.googleapis.com/css2?family=Geologica:wght@100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Golos+Text:wght@400;500;600;700&display=swap");

html {
  scroll-behavior: smooth;
}

body {
  font-family: "Geologica";
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 24px;
  color: #1e1e1e;
}

main {
  overflow: hidden;
}

body.modal-open {
  overflow: hidden;
}

button {
  cursor: pointer;
}

.overflow-x-auto {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.scrollbar-hide {
  scrollbar-width: none;
}

.scrollbar-hide::-webkit-scrollbar {
  display: none;
}

.black_bg {
  background-color: #060f1e;
}

.orange_bg {
  background-color: #e09420;
}

.light_brown_bg {
  background-color: #f5b060;
}

.hover\:light_brown_bg:hover {
  background-color: #f5b060;
}

.bg-amber-600 {
  background-color: #d99420 !important;
}
.outline-amber-600 {
  outline-color: #d99420 !important;
}

.light_brown_font {
  color: #f5a060;
}

.hover\:light_brown_font:hover {
  color: #f5a060;
}

.zest_12_bg {
  background-color: #201b1e;
}

.zest_20_bg {
  background-color: #472e1e;
}

.zest_20_border {
  border-color: #472e1e;
}

.orange_font {
  color: #f04923;
}

.green_bg {
  background-color: #005250;
}

.light_grey_bg {
  background-color: #e6e7e8;
}

.very_light_gray_bg {
  background-color: #f7f7f7;
}

.border_color_bg {
  background-color: #bdbfc6;
}

.white-35 {
  color: rgba(255, 255, 255, 0.35);
}

.white-65 {
  color: rgba(255, 255, 255, 0.65);
}

.white-80 {
  color: rgba(255, 255, 255, 0.8);
}

/* Footer typography classes */
.footer-text {
  font-family: "Manrope", sans-serif;
  font-size: 13px;
  font-weight: 400;
  font-style: normal;
  line-height: normal;
}

.footer-link {
  cursor: pointer;
  transition: color 0.2s ease;
}

.footer-link:hover {
  color: #f5a060;
}

/* Fix for horizontal scrolling cards */
.horizontal-scroll-container {
  overflow-x: auto !important;
  overflow-y: visible !important;
}

/* Fix for card borders not showing */
.outline-botticelli {
  outline: none !important;
  position: relative;
}

/* Create a pseudo-element border that won't be clipped */
.outline-botticelli::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 1px solid #DDE4EE;
  border-radius: 0.75rem; /* matches rounded-xl */
  pointer-events: none;
  z-index: 1;
}

.field-error {
  color: #f97066;
  font-size: 11px;
  margin-top: 2px;
  display: none;
}
.field-error.visible { display: block; }
.input-error { outline-color: #f97066 !important; }

.tab-content {
  min-width: 0;
}
 
.tab-content > div {
  min-width: 0;
  overflow-wrap: break-word;
}
 
#tabs-container {
  -webkit-overflow-scrolling: touch;
  scroll-behavior: smooth;
}

.application-card {
  cursor: pointer;
  transition: all 0.2s ease;
}
 
.application-card:hover {
  cursor: pointer;
}
 
.application-card:hover .application-text {
  color: var(--color-orange-300) !important;
}
 
.application-card:active .application-text {
  color: var(--color-amber-800) !important;
}
 
/* Utility classes for text colors */
.text-orange-300 {
  color: var(--color-orange-300) !important;
}
 
.text-amber-800 {
  color: var(--color-amber-800) !important;
}

.select-arrow {
  pointer-events: none;
}

.select-field {
  cursor: pointer;
}

.select-field select {
  height: 100%;
  cursor: pointer;
}

/* End */
/* /local/templates/main/assets/css/main.css?17817642973510 */