@font-face {
  font-family: 'Klavika';
  src: url("/CMSObjectBR/PublicSite/Login/resources/fonts/Klavika-Bold.woff2") format("woff2"), url("/CMSObjectBR/PublicSite/Login/resources/fonts/Klavika-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Klavika';
  src: url("/CMSObjectBR/PublicSite/Login/resources/fonts/Klavika-BoldItalic.woff2") format("woff2"), url("/CMSObjectBR/PublicSite/Login/resources/fonts/Klavika-BoldItalic.woff") format("woff");
  font-weight: bold;
  font-style: italic;
}

@font-face {
  font-family: 'Klavika';
  src: url("/CMSObjectBR/PublicSite/Login/resources/fonts/Klavika-Medium.woff2") format("woff2"), url("/CMSObjectBR/PublicSite/Login/resources/fonts/Klavika-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Klavika';
  src: url("/CMSObjectBR/PublicSite/Login/resources/fonts/Klavika-MediumItalic.woff2") format("woff2"), url("/CMSObjectBR/PublicSite/Login/resources/fonts/Klavika-MediumItalic.woff") format("woff");
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: 'Klavika';
  src: url("/CMSObjectBR/PublicSite/Login/resources/fonts/Klavika-Light.woff2") format("woff2"), url("/CMSObjectBR/PublicSite/Login/resources/fonts/Klavika-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Klavika';
  src: url("/CMSObjectBR/PublicSite/Login/resources/fonts/Klavika-LightItalic.woff2") format("woff2"), url("/CMSObjectBR/PublicSite/Login/resources/fonts/Klavika-LightItalic.woff") format("woff");
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: 'Klavika';
  src: url("/CMSObjectBR/PublicSite/Login/resources/fonts/Klavika-Regular.woff2") format("woff2"), url("/CMSObjectBR/PublicSite/Login/resources/fonts/Klavika-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Klavika';
  src: url("/CMSObjectBR/PublicSite/Login/resources/fonts/Klavika-RegularItalic.woff2") format("woff2"), url("/CMSObjectBR/PublicSite/Login/resources/fonts/Klavika-RegularItalic.woff") format("woff");
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: "Theinhardt";
  src: url("/CMSObjectBR/PublicSite/Login/resources/fonts/theinhardt-regular-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

/*
@font-face {
  font-family: "Loading_OTF";
  src: url("/CMSObjectBR/PublicSite/Login/resources/fonts/klavika-medium.otf") format("opentype");
  font-weight: normal;
  font-style: normal; 
}
*/


.tab {
  text-decoration: none;
  color: white !important;
}

.tabDiv {
  font-family: "Klavika";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
}

.fistSlide {
  width: 1370px;
  margin: 0 auto;
}

/* .video {
  position: absolute;
  /* top: 0px;
  left: 0px; 
  width: 100%;
  height: 100%;
  left: 50%;
  z-index: -1;
  transform: translate(-50%);
  object-fit: cover;
} */

.video {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: -1;
  object-fit: fill;
}

.hero_topnav {
  position: relative;
  width: 100%;
}

.arrow {
  position: relative;
  display: inline-block;
  width: 20px;
  /* Adjust the width of the horizontal line as needed */
  height: 20px;
  /* Height of the container */
  top: 5px;
}

.arrow-line {
  position: absolute;
  top: 50%;
  left: 0;
  width: 60%;
  height: 1.5px;
  /* Thickness of the horizontal line */
  background-color: #00c7ff;
  /* Color of the line */
  transform: translateY(-50%);
}

.arrow-head {
  position: absolute;
  top: 50%;
  left: 60%;
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid #00c7ff;
  transform: translateY(-50%);
}


.titleAnalyst {
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 170px;

}

@media (min-width:760px) {
  .titleAnalyst {
    padding-left: 100px;
    padding-right: 100px;
    padding-top: 200px;
  }


  /* .video {
    /* top: 0px;
    left: 0px; 
    position: absolute;
    width: 100%;
    height: 100%;
    left: 50%;
    z-index: -1;
    transform: translate(-50%);
    object-fit: cover;
  } */

}

@media (min-width:1420px) {
  .titleAnalyst {
    padding-left: 100px;
    padding-right: 100px;
    padding-top: 330px;
  }

  /* .video {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: -1;
    object-fit: fill;
  } */
}

.heroHeader {
  color: var(--Gray-gray-1, #FFF);
  /* Semibold/56px | 64px */
  font-family: Klavika;
  font-size: 62px;
  font-style: normal;
  font-weight: 700;
  line-height: 72px;
  /* 116.129% */
  letter-spacing: -0.62px;
}

.heroContent {
  color: var(--Gray-gray-1, #FFF);
  text-align: center;
  /* Semibold/16px | 24px */
  font-family: Klavika;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
}


.brch-login-trgr {
  color: white;
  border: 0px;
}