@charset "utf-8";
:root {
  --navbar-height: 74px; /*initial - value updated by js*/
  --main-light-color: rgb(242, 253, 255);
  /*--main-accent-color: rgba(81,192,205,1.00);#17a2b8*/
  --main-accent-color: rgb(50 162 174);
  --light-accent-color: rgb(81, 192, 205);
  --medium-accent-color: rgb(41 125 138);
  --dark-accent-color: hsl(186 52% 25% / 1);
  --main-accent-color-light: rgba(var(--main-accent-color), 0.5);
}
.text-shadow {
  text-shadow: 1px 1px 2px rgb(0, 0, 0, 0.25);
}
.text-gold {
  background: linear-gradient(360deg, #87734a, #e5b039, #cdbfa1);
  -webkit-background-clip: text;
  -moz-background-clip: text;
  background-clip: text;
  color: transparent;
}
.text-xtp {
  color: var(--main-accent-color);
}
.btn-primary {
  color: #fff;
  background-color: var(--medium-accent-color);
  border-color: var(--medium-accent-color);
  /*text-shadow: 0 0 10px rgb(41 125 138);
	-webkit-text-stroke: 3px rgb(41 125 138);
	paint-order: stroke;*/
}
.btn-primary:hover {
  color: #fff;
  background-color: var(--main-accent-color);
  border-color: var(--main-accent-color);
  filter: brightness(110%);
}
.video-color-overlay .language-switcher a, .xtp-bg-dark .language-switcher a {
  color: white !important;
}
.navbar.xtp {
  box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 30%) !important;
}
.navbar-brand {
  padding-left: .3rem;
  padding-right: .3rem;
}
.navbar.xtp .navbar-nav {
  justify-content: flex-end;
  width: 100%;
}
.navbar.xtp .nav-item {
  position: relative;
  padding-left: 1.2rem;
  font-size: 1.4rem;
  font-weight: 500;
}
.navbar.xtp .nav-item:before {
  content: '•';
  position: absolute;
  left: 0.25rem;
  top: 7px;
  color: rgb(50 162 174/ 0.5);
}
.navbar.xtp .navbar-collapse.show .nav-item:first-child:before {
  content: '•'; /* No bullet for the first item */
}
.navbar.xtp .nav-item:first-child:before {
  content: ''; /* No bullet for the first item */
}
.navbar.xtp-secondary .nav-item {
  position: relative;
  padding-left: 0.45rem;
  padding-right: 0.45rem;
  font-size: 1rem;
  font-weight: 500;
}
.navbar.xtp-secondary .nav-item:before {
  content: '|';
  position: absolute;
  top: 0.4rem;
  left: -0.15rem;
  color: rgb(50 162 174 / 0.5);
}
.video-color-overlay .language-switcher .nav-item:before, .xtp-bg-dark .language-switcher .nav-item:before {
  color: rgb(255 255 255 / 0.5) !important;
}
.navbar.xtp-secondary .nav-item:first-child:before {
  content: ''; /* No bullet for the first item */
}
.xtp-bg-light {
  background-color: var(--main-light-color);
}
.navbar.xtp .nav-link {
  color: var(--main-accent-color) !important;
}
/* Initial styles for the button */
.navbar.xtp .navbar-toggler {
  position: relative;
  width: 2rem;
  height: 2.5rem;
  border: none;
  background: none;
  cursor: pointer;
  z-index: 10;
  padding: 0 0 0 0;
}
/* Styles for each line in the burger menu */
.line {
  display: block;
  width: 100%;
  height: 0.2rem;
  background-color: var(--main-accent-color);
  margin: 0.5rem 0;
  transition: all 0.3s ease-in-out;
}
/* Styling for when the menu is toggled (burger to arrow) */
.navbar.xtp .navbar-toggler[aria-expanded="true"] .line1 {
  transform: translateY(0.7rem) rotate(45deg);
}
.navbar.xtp .navbar-toggler[aria-expanded="true"] .line2 {
  opacity: 0;
}
.navbar.xtp .navbar-toggler[aria-expanded="true"] .line3 {
  transform: translateY(-0.7rem) rotate(-45deg);
}
/* Enhance focus outlines */
.navbar.xtp .navbar-toggler:focus {
  box-shadow: 0 0 0 .25rem rgba(211, 212, 213, .5);
}
a:focus, button:focus, .form-switch input:focus, form input:focus, textarea:focus {
  outline: solid 0.25rem var(--medium-accent-color) !important;
  outline-offset: 0.2rem;
  border-radius: 0.25rem;
  box-shadow: none !important;
}
.xtp-main-bg a:focus, .xtp-bg-dark a:focus, .cover-jumbotron a:focus {
  outline: solid .25rem white !important;
}
.cover-jumbotron button:focus {
  outline: solid .25rem white !important;
  outline-offset: 0.2rem;
  border-radius: 1.5rem;
}
#top-nav a:focus, .language-switcher a:focus, .navbar.xtp-secondary a:focus {
  outline-offset: -0.15rem;
}
.xtp-cover-text span {
  border-top: white;
  border-top-width: thin;
  border-top-style: solid;
  text-shadow: 1px 1px 2px black;
}
/* Video background styling */
#bg-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -1; /* Behind the content */
  filter: brightness(0.7); /* Optional: Darken video to make text more visible */
}
/* Grid overlay filter */
.video-grid-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.05) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.05) 1px, transparent 1px);
  background-size: 3px 3px; /* Adjust this for a denser or sparser grid */
}
.video-color-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(45deg, rgb(13 225 181 / 15%) 30%, rgb(255 225 255 / 0%) 60%, #ff99004f 100%);
}
.xtp-cover-container {
  padding: 0 0 0 0;
}
/* Jumbotron styling */
.cover-jumbotron {
  position: relative;
  /*height: calc((var(--vh, 1vh) * 100) - var(--navbar-height) + 1px);*/
  height: calc(100svh - var(--navbar-height) + 1px);
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 4rem 1rem 3rem 1rem;
}
/* Content inside the jumbotron */
.cover-jumbotron .content {
  z-index: 1;
  color: white;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.cover-jumbotron .content h1 {
  text-shadow: 1px 1px 2px black;
}
/* Additional styling for the button */
.cover-jumbotron .btn {
  margin-top: 20px;
  color: #fff;
  background-color: var(--main-accent-color);
  border-color: var(--main-accent-color);
  /* Glowing effect */
  box-shadow: 0 0 8px rgba(255, 255, 255, 0.6), 0 0 30px var(--main-accent-color), 0 0 40px var(--main-accent-color);
  transition: box-shadow 0.3s ease;
  /* Glossy effect using gradient */
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.6) 0%, rgba(0, 0, 0, 0.2) 50%, var(--main-accent-color) 100%);
  /* Optional: Make the button slightly transparent */
  background-color: rgba(var(--main-accent-color), 0.9); /* Slightly transparent */
  transition: box-shadow 0.3s ease, background 0.3s ease; /* Smooth transition */
}
/* Optional: Add hover effect to make the glow more dynamic */
.cover-jumbotron .btn:hover {
  box-shadow: 0 0 30px var(--main-accent-color), 0 0 60px var(--main-accent-color), 0 0 90px var(--main-accent-color);
}
.xtp-main-bg {
  background-image: linear-gradient(to right, var(--light-accent-color) 0%, var(--main-accent-color) 25%, var(--main-accent-color) 75%, var(--light-accent-color) 100%);
  color: white;
}
.xtp-black-bg {
  background-image: linear-gradient(to right, #2e4b4f 0%, black 25%, black 75%, #2e4b4f 100%);
  color: white;
}
.xtp-bg-dark {
  background-image: linear-gradient(to bottom, var(--light-accent-color) 0%, var(--dark-accent-color) 100%);
  text-shadow: 0 0 10px rgb(41 125 138);
}
.xtp-bg-light {
  background-image: linear-gradient(to bottom, rgb(255, 255, 255) 0%, var(--main-light-color) 100%);
}
.xtp-bg-medium {
  background-image: linear-gradient(to bottom, rgb(217 234 238) 0%, rgb(159 210 210) 100%);
}
.bi.bi-star-fill:before {
  content: '';
  margin-right: 0.5rem;
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  background-image: url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16"%3E%3Cpath d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z"%3E%3C/path%3E%3C/svg%3E');
  background-size: contain;
  background-repeat: no-repeat;
}
.bi.bi-star-fill.white:before {
  background-image: url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="white" viewBox="0 0 16 16"%3E%3Cpath d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z"%3E%3C/path%3E%3C/svg%3E');
}
.bi.bi-star-fill.gold:before {
  background-image: url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"%3E%3Cdefs%3E%3ClinearGradient id="goldGradient" x1="0%" y1="0%" x2="100%" y2="100%"%3E%3Cstop offset="0%" stop-color="%23cdbfa1" /%3E%3Cstop offset="50%" stop-color="%23e5b039" /%3E%3Cstop offset="100%" stop-color="%2387734a" /%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath fill="url(%23goldGradient)" d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z"%3E%3C/path%3E%3C/svg%3E');
}
.bi.bi-star-fill.xtp:before {
  background-image: url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="rgb(50 162 174)" viewBox="0 0 16 16"%3E%3Cpath d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z"%3E%3C/path%3E%3C/svg%3E');
}
.bi.bi-megaphone-fill:before {
  content: '';
  margin-right: 0.5rem;
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-megaphone-fill' viewBox='0 0 16 16'%3E%3Cpath d='M13 2.5a1.5 1.5 0 0 1 3 0v11a1.5 1.5 0 0 1-3 0zm-1 .724c-2.067.95-4.539 1.481-7 1.656v6.237a25 25 0 0 1 1.088.085c2.053.204 4.038.668 5.912 1.56zm-8 7.841V4.934c-.68.027-1.399.043-2.008.053A2.02 2.02 0 0 0 0 7v2c0 1.106.896 1.996 1.994 2.009l.496.008a64 64 0 0 1 1.51.048m1.39 1.081q.428.032.85.078l.253 1.69a1 1 0 0 1-.983 1.187h-.548a1 1 0 0 1-.916-.599l-1.314-2.48a66 66 0 0 1 1.692.064q.491.026.966.06'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
}
.bi.bi-megaphone-fill.white:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-megaphone-fill' viewBox='0 0 16 16'%3E%3Cpath d='M13 2.5a1.5 1.5 0 0 1 3 0v11a1.5 1.5 0 0 1-3 0zm-1 .724c-2.067.95-4.539 1.481-7 1.656v6.237a25 25 0 0 1 1.088.085c2.053.204 4.038.668 5.912 1.56zm-8 7.841V4.934c-.68.027-1.399.043-2.008.053A2.02 2.02 0 0 0 0 7v2c0 1.106.896 1.996 1.994 2.009l.496.008a64 64 0 0 1 1.51.048m1.39 1.081q.428.032.85.078l.253 1.69a1 1 0 0 1-.983 1.187h-.548a1 1 0 0 1-.916-.599l-1.314-2.48a66 66 0 0 1 1.692.064q.491.026.966.06'/%3E%3C/svg%3E");
}
.bi.bi-check-circle-fill:before {
  content: '';
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  background-color: var(--main-accent-color);
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0m-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z'/%3E%3C/svg%3E");
  mask-repeat: no-repeat;
  mask-size: contain;
}

.hr.hr-blurry {
  background-color: transparent;
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
  height: 2px;
  opacity: 1;
}
.instagram-link {
  display: inline-block;
  width: 2.5rem;
  height: 2.5rem;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="white" class="bi bi-instagram" viewBox="0 0 16 16"%3E%3Cpath d="M8 0C5.829 0 5.556.01 4.703.048 3.85.088 3.269.222 2.76.42a3.9 3.9 0 0 0-1.417.923A3.9 3.9 0 0 0 .42 2.76C.222 3.268.087 3.85.048 4.7.01 5.555 0 5.827 0 8.001c0 2.172.01 2.444.048 3.297.04.852.174 1.433.372 1.942.205.526.478.972.923 1.417.444.445.89.719 1.416.923.51.198 1.09.333 1.942.372C5.555 15.99 5.827 16 8 16s2.444-.01 3.298-.048c.851-.04 1.434-.174 1.943-.372a3.9 3.9 0 0 0 1.416-.923c.445-.445.718-.891.923-1.417.197-.509.332-1.09.372-1.942C15.99 10.445 16 10.173 16 8s-.01-2.445-.048-3.299c-.04-.851-.175-1.433-.372-1.941a3.9 3.9 0 0 0-.923-1.417A3.9 3.9 0 0 0 13.24.42c-.51-.198-1.092-.333-1.943-.372C10.443.01 10.172 0 7.998 0zm-.717 1.442h.718c2.136 0 2.389.007 3.232.046.78.035 1.204.166 1.486.275.373.145.64.319.92.599s.453.546.598.92c.11.281.24.705.275 1.485.039.843.047 1.096.047 3.231s-.008 2.389-.047 3.232c-.035.78-.166 1.203-.275 1.485a2.5 2.5 0 0 1-.599.919c-.28.28-.546.453-.92.598-.28.11-.704.24-1.485.276-.843.038-1.096.047-3.232.047s-2.39-.009-3.233-.047c-.78-.036-1.203-.166-1.485-.276a2.5 2.5 0 0 1-.92-.598 2.5 2.5 0 0 1-.6-.92c-.109-.281-.24-.705-.275-1.485-.038-.843-.046-1.096-.046-3.233s.008-2.388.046-3.231c.036-.78.166-1.204.276-1.486.145-.373.319-.64.599-.92s.546-.453.92-.598c.282-.11.705-.24 1.485-.276.738-.034 1.024-.044 2.515-.045zm4.988 1.328a.96.96 0 1 0 0 1.92.96.96 0 0 0 0-1.92m-4.27 1.122a4.109 4.109 0 1 0 0 8.217 4.109 4.109 0 0 0 0-8.217m0 1.441a2.667 2.667 0 1 1 0 5.334 2.667 2.667 0 0 1 0-5.334"/%3E%3C/svg%3E');
}
.facebook-link {
  display: inline-block;
  width: 2.5rem;
  height: 2.5rem;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-facebook' viewBox='0 0 16 16'%3E%3Cpath d='M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951'/%3E%3C/svg%3E");
}
.whatsapp-link {
  display: inline-block;
  width: 2.5rem;
  height: 2.5rem;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-whatsapp' viewBox='0 0 16 16'%3E%3Cpath d='M13.601 2.326A7.85 7.85 0 0 0 7.994 0C3.627 0 .068 3.558.064 7.926c0 1.399.366 2.76 1.057 3.965L0 16l4.204-1.102a7.9 7.9 0 0 0 3.79.965h.004c4.368 0 7.926-3.558 7.93-7.93A7.9 7.9 0 0 0 13.6 2.326zM7.994 14.521a6.6 6.6 0 0 1-3.356-.92l-.24-.144-2.494.654.666-2.433-.156-.251a6.56 6.56 0 0 1-1.007-3.505c0-3.626 2.957-6.584 6.591-6.584a6.56 6.56 0 0 1 4.66 1.931 6.56 6.56 0 0 1 1.928 4.66c-.004 3.639-2.961 6.592-6.592 6.592m3.615-4.934c-.197-.099-1.17-.578-1.353-.646-.182-.065-.315-.099-.445.099-.133.197-.513.646-.627.775-.114.133-.232.148-.43.05-.197-.1-.836-.308-1.592-.985-.59-.525-.985-1.175-1.103-1.372-.114-.198-.011-.304.088-.403.087-.088.197-.232.296-.346.1-.114.133-.198.198-.33.065-.134.034-.248-.015-.347-.05-.099-.445-1.076-.612-1.47-.16-.389-.323-.335-.445-.34-.114-.007-.247-.007-.38-.007a.73.73 0 0 0-.529.247c-.182.198-.691.677-.691 1.654s.71 1.916.81 2.049c.098.133 1.394 2.132 3.383 2.992.47.205.84.326 1.129.418.475.152.904.129 1.246.08.38-.058 1.171-.48 1.338-.943.164-.464.164-.86.114-.943-.049-.084-.182-.133-.38-.232'/%3E%3C/svg%3E");
}