@font-face {
  font-family: Montserrat;
  src: url(../font/Montserrat/static/Montserrat-Medium.ttf);
  /*
    src: url(../font/Montserrat/static/Montserrat-Regular.ttf);
    src: url(../font/Montserrat/static/Montserrat-ExtraLight.ttf);
    src: url(../font/Montserrat/static/Montserrat-Light.ttf);
    src: url(../font/Montserrat/static/Montserrat-Bold.ttf);
    src: url(../font/Montserrat/static/Montserrat-ExtraBold.ttf);
*/
}

/*
@font-face {
    font-family: Montserrat;
    src: url(../font/Montserrat-1/MontserratAlternates-Regular.ttf);
    src: url(../font/Montserrat-1/MontserratAlternates-Bold.ttf);
      src: url(../font/Montserrat-1/MontserratAlternates-ExtraBold.ttf);
}
*/
@font-face {
  font-family: Inter;
  src: url(../font/Inter/Inter-VariableFont_slnt,wght.ttf);
}

.ft-mon {
  font-family: Montserrat;
}

.ft-inter {
  font-family: Inter;
}

:root {
  --our-black: #252525;
  --our-red: #C50101;
  --our-gray: #575757;
  --our-cyan-light: #455A64;
}

.our-black-t {
  color: var(--our-black);
}

.our-red-t {
  color: var(--our-red);
}

.our-gray-t {
  color: var(--our-gray);
}

.our-gray-t {
  color: var(--our-cyan-light);
}

.our-black-bg {
  background: var(--our-black);
}

.our-red-bg {
  background: var(--our-red);
}

.our-gray-bg {
  background: var(--our-gray);
}

.our-cyan-bg {
  background: var(--our-cyan-light);
}

p {
  font-size: 18px;
}


body {
  font-family: 'Montserrat', sans-serif;
}

a {
  text-decoration: none;
}

a.nav-link {
  font-size: 20px;
  margin: 0px 10px;
  color: white !important;
}

.ht-banner {
  min-height: 100vh;
  min-height: -webkit-fill-available;
  background: var(--our-black);
}

.lt-s {
  letter-spacing: 3px;
}

.lt-s1 {
  letter-spacing: 1.2px;
}

#bg-logo-set {
  background-image: url(../img/logo-bg-set.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

#bg-left-img {
  background-image: url(../img/tiger-left-side.png);
  background-position: top left;
  background-repeat: no-repeat;
  background-size: 18%;
  max-width: 100%;
}

#bg-right-img {
  background-image: url(../img/tiger-right-side.png);
  background-position: top right;
  background-repeat: no-repeat;
  background-size: 18%;
  max-width: 100%;
}

span.hr-set-top {
  border-bottom: 4px solid #000;
  display: block;
  width: 100%;
  padding-top: 8px;
}

img.set-left-logo {
  position: absolute;
  top: 19px;
  left: -35px;
}

.ft-banner {
  background: #455A64;
}

ul.list-unstyled.ft-list li {
  padding: 6px 0px;
  font-size: 16px;
  letter-spacing: 1.1px;
}

#btn-back-to-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  display: none;
  z-index: 9;
}

/*
@-webkit-keyframes blinker {
  from {opacity: 1.0;}
  to {opacity: 0.0;}
}
.blink:hover{
	text-decoration: blink;
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 6s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-direction: alternate;
}
*/

/*
.blink {
  animation: scale 1.1s both;
  -webkit-animation-duration: 5s;
  -webkit-animation-iteration-count: infinite;
}

@keyframes scale {
  50% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.1);
  }
}
*/

.blink {
  animation: opacity 2.5s both;
}

@keyframes opacity {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.cursor-line {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  pointer-events: none;
  z-index: 7;
  opacity: 1;
  transition: opacity 1s;
}

@media screen and (max-width: 901px) {
  .cursor-line {
    display: none;
  }
}

.cursor-line line {
  stroke: #FEFF00;
  stroke-width: 60;
  stroke-linecap: round;
}

#svg2 line {
  stroke: #93A3EE;
}

#svg3 line {
  stroke: #FE7BA6;
}

#svg4 line {
  stroke: #FC1E25;
}

#svg5 line {
  stroke: #3EA3F0;
}

#svg6 line {
  stroke: #ED7959;
}

#svg7 line {
  stroke: #E7242C;
}

/* className for the trail elements */
.trail {
  position: absolute;
  height: 20px;
  width: 20px;
  border-radius: 100%;
  background: var(--our-cyan-light);
  z-index: 9999;
}

/* * {
  cursor: none;
} */

a{
  cursor: pointer;
}