:root {
  --fanta-orange: #FF9700;
  --fanta-blue: #1947BA;
  --fanta-green: #BEFDB7;
  --font-fanta-pop: 'FantaPopCondensed';
  --font-fanta-sans: "FantaSans";
  --font-fanta-bold: "FantaSansBold";
}

.fanta-green {
  color: var(--fanta-green);
}

@font-face {
  font-family: "FantaPopCondensed";
  src: url('../fonts/FantaPop-Condensed.ttf');
}

@font-face {
  font-family: "FantaSans";
  src: url('../fonts/FantaSans-Regular.ttf');
}

@font-face {
  font-family: "FantaSansBold";
  src: url('../fonts/FantaSans-Bold.ttf');
}

* {
  box-sizing: border-box;
}

html {
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
}

body {
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 90px 0px 0px 0px;
  background-color: white;
  color: black;
  font-family: var(--font-fanta-sans);
}

  body.has-iframe #sprinklr-container {
    margin-top: 80px;
  }
  
  body.dark-theme {
      background-color: black;
      color: white;
  }

  body.dark-theme header {
    background-color: black;
    color: white;
  }

  body.dark-theme header a:hover,
  body.dark-theme header a.active {
      color: var(--fanta-green);
  }

  body.dark-theme a {
    color: white;
  }

  body.dark-theme footer {
    background-color: black;
    color: white;
  }

  h1, h2, h3, h4, h5, h6 {
      font-family: var(--font-fanta-pop);
      font-weight: normal;
      margin: 0;
  }

  h1 {
      font-size: 50px;
  }

  h2 {
    font-size: 50px;
    color: white;
    margin-bottom: 40px;
  }

  .eyebrow {
      font-family: var(--font-fanta-pop);
      font-weight: normal;
      font-size: 32px;
      margin: 0;
  }

img {
  display: block;
  height: auto;
  max-width: 100%;
}

small {
  font-size: 75%;
}

a {
  text-decoration: none;
}

.d-none {
  display: none !important;
}

.btn {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 20px;
  background-color: var(--fanta-green);
  color: black !important;
  font-family: var(--font-fanta-pop);
  font-size: 22px;
  border: 1px solid var(--fanta-green);
  cursor: pointer;
}

  .btn:hover {
      background-color: transparent;
      color: var(--fanta-green) !important;
  }

.btn-container {
margin: 80px 0px;
display: flex;
gap: 40px;
align-items: center;
justify-content: center;

}
.sr-only {
  border: 0 !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  -webkit-clip-path: inset(50%) !important;
    clip-path: inset(50%) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
}

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

.text-right {
  text-align: right;
}

.inner {
  width: 100%;
  max-width: 1000px;
  margin: auto;
}

  .inner.padded {
    padding: 30px;
  }


/* ============================================================================================= */
/* HEADER */

header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 9999;
  height: 90px;
  background-color: var(--fanta-orange);
  color: var(--fanta-blue);
  font-family: var(--font-fanta-pop);
  font-size: 20px;
}

  header .inner {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    max-width: none;
    padding: 20px 20px;
  }

  header img {
    max-height: 50px;
    margin-right: 100px;
  }

  header a {
      color: var(--fanta-blue);
  }

      header a:hover,
      header a.active {
          color: black;
      }

  header nav {
    display: flex;
    width: 100%;
  }

  header nav a {
    margin-right: 40px;
  }

  header nav a:last-child {
    margin-right: 0;
  }

  #account-icon {
    position: relative;
    top: -2.5px;
    height: 24px;
    margin-left: auto;
    flex-grow: 0;
    flex-shrink: 1;
    text-align: right;
  }

  #account-toggle {
    padding: 8px;
    height: 40px;
  }

  .account-icon-open {
    height: 24px;
  }
  
  .account-icon-close {
    display: none;
    height: 16px;
    fill: green;
    color: green;
  }

    #account-toggle.active .account-icon-close {
      display: inline;
    }

    #account-toggle.active .account-icon-open {
      display: none;
    }

  .profile__menu-link {
    cursor: pointer;
  }

  #nav-toggle {
    background-image: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3 7.99h18v-2H3v2Zm0 5h18v-2H3v2Zm18 5H3v-2h18v2Z' fill='%23fff'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    height: 24px;
    width: 24px;
    background-color: transparent;
    border: 0;
  }

  #header-nav a {
    display: none;
  }

/* ============================================================================================= */
/* NAVIGATION */

.nav-container {
position: relative;
color: white;
}

.nav-container::after {
display: none;
content: "";
background-color: white;
position: absolute;
top: 0;
left: 0;
width: 64px;
height: 100px;
z-index: -1;
}

.nav-container.active {
color: black;
}

.nav-container.active::after {
display: block;
color: black;
}

body.dark-theme .nav-container::after {
display: none;
background-color: var(--fanta-green);
}

body.dark-theme .nav-container.active::after {
display: block;
}

.nav-container.active #nav-toggle {
background-image: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3 7.99h18v-2H3v2Zm0 5h18v-2H3v2Zm18 5H3v-2h18v2Z' fill='%23000'/%3E%3C/svg%3E");
}

.nav-container .--toggle {
flex-basis: 40%;
}

.nav-container .--logo {
flex-basis: 20%;
text-align: center;
}

.nav-container .--logo img {
margin: auto;
}

.nav-container .--nav {
display: none;
flex-basis: 40%;
}

.nav-container .--account {
flex-basis: 35%;
position: relative;
display: flex;
align-items: center;
justify-content: flex-end;
gap: 20px;
}

.nav-container .--lang {
flex-basis: 5%;
}

.nav-container .--lang {
display: flex;
align-items: center;
justify-content: flex-end;
}

.nav-container .--lang svg {
color: var(--fanta-blue);
fill: var(--fanta-blue);
}

.nav-panel {
display: none;
background-color: white;
color: black;
padding: 20px 20px;
}

body.dark-theme .nav-panel {
background-color: var(--fanta-green);
color: black;
}

body.dark-theme .nav-container .--lang svg {
color: white;
fill: white;
}

.nav-panel.active {
  display: block;
}

.nav-panel nav {
display: flex;
flex-direction: column;
}

.nav-panel nav a {
display: inline-block;
margin: 10px 0px;
}

body.dark-theme .nav-panel a {
color: black;
}

body.dark-theme .nav-panel a.active {
color: black;
}

.profile__menu {
display: none;
position: absolute;
top: 29px;
right: 0;

list-style: none;
text-align: left;

background-color: var(--fanta-green);
color: black;
margin: 0;
padding: 20px;
}

#account-panel.active {
  display: block;
}

body.dark-theme .profile__menu a {
color: black;
}

body.dark-theme .profile__menu a:hover {
color: var(--fanta-blue);
}

#account-toggle {
display: block;
background-color: transparent;
border: 0;
color: white;
}

#account-toggle:hover {
color: var(--fanta-green);
cursor: pointer;
}

#account-toggle.active {
color: black;
background-color: var(--fanta-green);
}


#account-toggle svg {
position: relative;
top: -2px;
}

#account-panel a {
cursor: pointer;
}



/* ============================================================================================= */
/* MAIN */

main {
min-height: 400px;
}
  main iframe {
    height: 70vh;
    margin: 0;
    padding: 0;
    border: 0;
    background-color: black;
  }

footer {
  padding: 40px;
  background-color: var(--fanta-blue);
  color: #fff;
  text-align: center;
}

  footer a {
      color: white;
  }

      footer a:hover {
          text-decoration: underline;
      }

  footer p {
    margin: 0;
  }

  footer ul {
    list-style: none;
    
    justify-content: center;
    margin: 30px 0px 0px 0px;
    padding: 0;
  }

  footer ul li {
    margin-bottom: 20px;
  }

  footer ul li:last-child {
    margin-right: 0;
    margin-bottom: 0;
  }

  footer ul li:last-child::after {
    display: none;
  }

.iframe {
  position: relative;
  overflow: hidden;
  width: 100%;
  /*height: calc(100vh - 392px);*/
  height: calc(100vh - 270px);
}

.iframe iframe {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  /*height: calc(100vh - 392px);*/
}

.row {
display: flex;
}

.mobile {
display: block;
}

.desktop {
display: none;
}


/* ============================================================================================= */
/* SOCIAL ICONS */

.social-header {
  text-align: center;
}

.social-icons-container {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  list-style: none;
  margin: 0;
  padding: 0;
}


.social-icon {
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  display: block;
  height: 48px;
  width: 48px;
  transition: opacity 0.25s ease-in-out;
}

.social-icon:hover {
  opacity: 0.5;
}

.--facebook {
  background-image: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M24 42c9.941 0 18-8.059 18-18S33.941 6 24 6 6 14.059 6 24s8.059 18 18 18Z' fill='%23BEFDB7'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M25.192 35.336v-9.732h3.267l.489-3.793h-3.756v-2.422c0-1.098.305-1.846 1.88-1.846l2.008-.001v-3.393c-.348-.046-1.54-.149-2.927-.149-2.895 0-4.878 1.768-4.878 5.014v2.797H18v3.793h3.275v9.732h3.917Z' fill='%23000'/%3E%3C/svg%3E");
}

.--instagram {
  background-image: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M24 42c-9.942 0-18-8.058-18-18S14.058 6 24 6s18 8.058 18 18-8.058 18-18 18Z' fill='%23BEFDB7'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M23.997 15.006c-2.443 0-2.75.01-3.71.054-.957.043-1.611.195-2.183.418a4.41 4.41 0 0 0-1.594 1.038c-.5.5-.808 1.002-1.038 1.593-.222.573-.374 1.227-.418 2.184-.044.96-.054 1.266-.054 3.71 0 2.443.01 2.75.054 3.71.044.957.196 1.611.418 2.183a4.41 4.41 0 0 0 1.038 1.594c.5.5 1.002.808 1.594 1.038.572.222 1.226.374 2.184.418.96.044 1.266.054 3.71.054 2.443 0 2.749-.01 3.709-.054.957-.044 1.611-.196 2.184-.418a4.41 4.41 0 0 0 1.593-1.038c.5-.5.808-1.002 1.038-1.594.222-.572.375-1.226.418-2.184.044-.96.054-1.266.054-3.71 0-2.443-.01-2.75-.054-3.709-.043-.957-.196-1.611-.418-2.184a4.41 4.41 0 0 0-1.038-1.593 4.41 4.41 0 0 0-1.593-1.038c-.573-.223-1.227-.375-2.184-.418-.96-.044-1.266-.054-3.71-.054Zm0 1.62c2.402 0 2.687.01 3.636.053.877.04 1.353.187 1.67.31.42.163.72.358 1.035.673.315.315.51.614.673 1.035.123.317.27.793.31 1.67.043.949.052 1.233.052 3.636 0 2.402-.009 2.687-.052 3.635-.04.878-.187 1.354-.31 1.671-.163.42-.358.72-.673 1.034-.315.315-.615.51-1.035.674-.317.123-.793.27-1.67.31-.949.043-1.233.052-3.636.052-2.402 0-2.687-.01-3.636-.053-.877-.04-1.353-.186-1.67-.31a2.787 2.787 0 0 1-1.035-.672 2.786 2.786 0 0 1-.673-1.035c-.123-.317-.27-.793-.31-1.67-.043-.95-.052-1.234-.052-3.636 0-2.403.01-2.687.053-3.636.04-.877.186-1.354.31-1.67.162-.42.357-.72.672-1.035.315-.315.615-.51 1.035-.673.317-.123.793-.27 1.67-.31.95-.043 1.234-.052 3.636-.052Z' fill='%23000'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M23.997 27.002a3 3 0 1 1 0-5.998 3 3 0 0 1 0 5.998Zm0-7.62a4.62 4.62 0 1 0 0 9.24 4.62 4.62 0 0 0 0-9.24ZM29.879 19.2a1.08 1.08 0 1 1-2.16 0 1.08 1.08 0 0 1 2.16 0Z' fill='%23000'/%3E%3C/svg%3E");
}

.--youtube {
  background-image: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M42 24c0 9.942-8.058 18-18 18S6 33.942 6 24 14.058 6 24 6s18 8.058 18 18Z' fill='%23BEFDB7'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M33.854 19.019a2.589 2.589 0 0 0-1.818-1.83c-1.604-.432-8.036-.432-8.036-.432s-6.432 0-8.034.432c-.886.238-1.58.94-1.82 1.83-.428 1.614-.428 4.982-.428 4.982s0 3.368.428 4.98c.24.892.934 1.594 1.82 1.83 1.602.434 8.034.434 8.034.434s6.432 0 8.036-.434a2.582 2.582 0 0 0 1.818-1.83c.43-1.612.43-4.98.43-4.98s0-3.368-.43-4.982Z' fill='%23000'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M21.896 27.058 27.273 24l-5.377-3.058v6.116Z' fill='%23BEFDB7'/%3E%3C/svg%3E");
}

.--twitter {
  background-image: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M24 42c9.941 0 18-8.059 18-18S33.941 6 24 6 6 14.059 6 24s8.059 18 18 18Z' fill='%23BEFDB7'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M21.42 33.013c7.105 0 10.99-6.128 10.99-11.442 0-.174-.003-.347-.011-.52a8.045 8.045 0 0 0 1.927-2.082 7.474 7.474 0 0 1-2.218.633 4.01 4.01 0 0 0 1.698-2.224 7.558 7.558 0 0 1-2.452.976 3.79 3.79 0 0 0-2.82-1.27c-2.133 0-3.863 1.8-3.863 4.02 0 .316.034.623.1.917-3.21-.168-6.056-1.768-7.96-4.201a4.134 4.134 0 0 0-.524 2.021c0 1.395.682 2.627 1.719 3.347a3.72 3.72 0 0 1-1.75-.503v.052c0 1.947 1.331 3.573 3.099 3.942a3.73 3.73 0 0 1-1.745.069c.492 1.598 1.918 2.76 3.608 2.793a7.56 7.56 0 0 1-5.718 1.666 10.624 10.624 0 0 0 5.92 1.806Z' fill='%23000'/%3E%3C/svg%3E");
}

@media(min-width: 768px) {
  .social-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 40px;
    text-align: left;
  }
}



/* ============================================================================================= */
/* SPRINKLR */

.sprinklr-container > .inner {
padding: 30px 30px 0;
}

.sprinklr-container .sprinklr-footer img {
margin: auto;
}

@media(min-width: 768px) {
.mobile {
  display: none;
}

.desktop {
  display: block;
}

h1 {
  font-size: 60px;
}

header .inner {
  padding-left: 40px;
  padding-right: 40px;
}

.nav-container .--toggle {
  display: none;
}

.nav-container .--logo {
  flex-basis: auto;
  text-align: left;
  margin-right: 80px;
}


.nav-container .--nav {
  display: block;
  flex-basis: auto;
  flex-grow: 1;
  flex-shrink: 0;
}

.nav-container .--account {
  flex-basis: 100%;
  justify-self: flex-end;
  text-align: right;
  margin-right: 30px;
}

.nav-container .--lang {
  flex-basis: auto;
}

.nav-panel.active {
  display: none;
}

footer ul {
  list-style: none;
  display: flex;
  justify-content: center;
  margin: 30px 0px 0px 0px;
  padding: 0;
}

footer ul li::after {
  content: "|";
  margin: 15px;
}

.iframe {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: calc(100vh - 270px);
}

.iframe iframe {
  height: calc(100vh - 270px);
}

#sprinklr-container {
  background-image: url(/images/social-bg.png);
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: cover;
}
}

@media (max-height: 999px) {
.iframe {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: calc(100vh - 115px);
}

.iframe iframe {
  height: calc(100vh - 115px);
}
}