@font-face {
 font-family: Montserrat;
 src: url(../font/Montserrat/Montserrat-VariableFont_wght.ttf);
}

@font-face {
 font-family: Inter;
 src: url(../font/Inter/Inter-VariableFont_slnt,wght.ttf);
}

@font-face {
 font-family: Poppins;
 src: url(../font/Poppins/Poppins-Regular.ttf);
}

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

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

.ft-pop {
 font-family: 'Poppins';
}

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

.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);
}

.our-cs-bg {
 background: var(--our-chinese-silver);
}

.our-cs-t {
 color: var(--our-chinese-silver);
}

p {
 font-size: 20px;
}


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

.h-logo img {
 width: 320px !important;
}

a {
 text-decoration: none;
}

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

.navbar-dark .navbar-toggler-icon {
 background-color: black;
}

.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;
}

.fts-8 {
 font-size: 8px;
}

.fts-9 {
 font-size: 9px;
}

.fts-10 {
 font-size: 10px;
}

.fts-11 {
 font-size: 11px;
}

.fts-12 {
 font-size: 12px;
}

.fts-13 {
 font-size: 13px;
}

.fts-14 {
 font-size: 14px;
}

.fts-15 {
 font-size: 15px;
}

.fts-16 {
 font-size: 16px;
}

.fts-17 {
 font-size: 17px;
}

.fts-18 {
 font-size: 18px;
}

#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-bt.png);
 background-position: top right;
 background-repeat: no-repeat;
 background-size: 18%;
 max-width: 100%;
}

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

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

.ft-banner {
 background: #8C8C8C;
}

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;
}

.blink {
 animation: opacity 2.5s both;
}

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

 50% {
  opacity: 0;
 }

 100% {
  opacity: 1;
 }
}

.fw-semibold {
 font-weight: 500 !important;
}

.border-bottom-custom {
 position: relative;
}

.border-bottom-custom::after {
 content: "";
 position: absolute;
 bottom: -8px;
 left: 50%;
 transform: translateX(-50%);
 border-bottom: 2px solid black;
 width: 15%;
 line-height: 20px;
}

div.set-icon > a:hover {
 background: white !important;
}

div.set-icon > a:hover i {
 color: black !important;
}

.set-cc img {
 width: 165px;
}

.check-circle input[type="checkbox"] {
 display: none;
}

.check-circle label {
 position: relative;
 padding-left: 20px;
 cursor: pointer;
 align-self: center;
}

.check-circle label:before {
 content: "";
 position: absolute;
 top: 2px;
 left: 0;
 width: 16px;
 height: 16px;
 border-radius: 50%;
 background-color: #c5c5c5;
 border: 0.5px solid #000;
}

.check-circle label:after {
 content: "\2714";
 position: absolute;
 top: 2px;
 left: 4px;
 font-size: 10px;
 color: #fff;
 opacity: 0;
 transition: opacity 0.2s;
}

.check-circle input[type="checkbox"]:checked + label:before {
 background-color: #000;
 border-color: #000;
}

.check-circle input[type="checkbox"]:checked + label:after {
 opacity: 1;
}

.modal{
 background: #000000d9;
}