@import './font.css';
.text-primary {
  color: var(--bs-blue)!important;
}
.text-secondary {
  color: var(--bs-secondary)!important;
}
.btn-primary {
  --bs-btn-bg: var(--bs-blue);
}
a,
.nav-link {
  color: var(--gs-brown);
}
.nav-link:hover,
.navbar-nav .nav-link.active {
  color: var(--bs-blue);
}
.navbar-toggler:focus {
  box-shadow: none;
}
.navbar-toggler {
  border: 0;
  color: var(--gs-brown);
}
.text-ruda {
  font-family: 'Ruda', sans-serif;
}
.text-bukra {
  font-family: 'Bukra', sans-serif;
}
.img-container-gs {
  max-width: 347px;
  width: 100%;
  max-height: 409px;
  height: 100vh;
  overflow: hidden;
  border-radius: 10px;
}
.item-list-gs img{
  width: 36px;
}
.gs-video {
  max-height: 430px;
}
.shadow-top {
  box-shadow: 0 -16px 14px rgba(0, 0, 0, 0.02);
}
.image-gateway {
  max-width: 150px;
}
.bg-gtapp {
  background-image: url('../images/image-bk-gtapp.png');
  background-repeat: no-repeat;
  background-position-x: center;
  background-position-y: bottom;
  background-size: 165px;
}
.bg-security {
  background-image: url('../images/image-bg-who.png');
  background-repeat: no-repeat;
  background-position: center;
}
.form-control {
  border-color: #815edb;
}
.btn {
  font-size: 0.9rem;
}
p {
  text-align: justify;
}
.tooltiptext {
  background-color: var(--gs-brown);
  top: -40px;
  width: 100%;
  box-shadow: 1px 3px 4px #00000063;
  display: none;
}
.tooltiptext::after {
  position: absolute;
  right: 50%;
  transform: translateX(50%);
  top: 100%;
  content: "";
  display: block;
  width: 0;
  height: 0;
  margin: auto;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid var(--gs-brown);
}
@media (min-width: 960px) { 
  .w-lg-50 {
    width: 50%!important;
  }
  .image-gateway {
    max-width: 383px;
  }
  .bg-gtapp {
    background-size: 614px;
    background-position-x: left;
  }
}
@media (min-width: 1280px) {
  .img-container-gs {
    width: 25vw;
  }
}