.bg-cyber {
  background-color: #38b6ff;
}
.bg-cyber-hover:hover {
  background-color: #2eaaf1;
}
.nav-config-over {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.text-w {
  color: #fff !important;
}
.video-wrapper {
  width: 100%;
  position: absolute;
}
.video-wrapper video {
  width: 100%;
}
.min-vh-93 {
  min-height: 93vh !important;
}
.min-vh-80 {
  min-height: 80% !important;
}
.margin-t-control {
  top: 10%;
}
.text-cyber {
  color: #38b6ff;
}
.text-cyber-d {
  color: #4f7bff;
}
.text-cyber-dsoft {
  color: #2d2d2d;
}
.contact-btn {
  border: 1px solid #424242;
  color: #424242;
  background-color: transparent;
  border-radius: 12px;
  text-decoration: none;
  cursor: pointer;
  transition-property: color, border;
  transition-duration: 0.2s;
}
.contact-btn:hover {
  text-decoration: none;
  color: #0e0e0e;
  border: 1px solid #0e0e0e;
}
.float-wsp {
	position:fixed;
	width:60px;
	height:60px;
	bottom:20px;
	right:17px;
	background-color:#25d366;
	color:#FFF;
	border-radius:50px;
	text-align:center;
  font-size:30px;
	box-shadow: 2px 2px 3px #9999999f;
  z-index: 400;

  display: flex;
  justify-content: center;
  align-items: center;

  animation-name: zoomInFB;
  animation-duration: 0.6s;
}

@keyframes zoomInFB {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}

.float-wsp svg {
  margin-top: -2px;
  margin-right: -2px;
  width: 60%;
}
.float-home {
	position:fixed;
	width:60px;
	height:60px;
	bottom:86px;
	right:17px;
	background-color:#4bbdff;
	color:#FFF;
	border-radius:50px;
	text-align:center;
  font-size:30px;
	box-shadow: 2px 2px 3px #9999999f;
  z-index: 400;

  display: flex;
  justify-content: center;
  align-items: center;

  animation-name: zoomInFB;
  animation-duration: 0.6s;
}
.float-home svg {
  margin-top: -2px;
  margin-right: -2px;
  width: 60%;
}
.btn-contact-cyber {
  background-color: #38b6ff;
  color: #fff;
  --bs-btn-active-bg: #31a1e2;
}
.btn-contact-cyber:hover {
  background-color: #36a9ec;
  color: #fff;
}
.carousel-top {
  /* min-width: 402px; */
  overflow-x: hidden;
}
@keyframes dropDown {
  0% {
    top: -2.5rem;
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  100% {
    top: 5rem;
    opacity: 1;
  }
}
.text-carousel {
  text-align: center;
  position: absolute;
}
.text-carousel p {
  top: 5rem;
  font-family: "Open Sans","PingFang SC","Microsoft YaHei","Helvetica Neue","Hiragino Sans GB","WenQuanYi Micro Hei",Arial,sans-serif;
}
.text-carousel h1 {
  top: 5rem;
  font-family: "Open Sans","PingFang SC","Microsoft YaHei","Helvetica Neue","Hiragino Sans GB","WenQuanYi Micro Hei",Arial,sans-serif;
}
.text-carousel span {
  top: 5rem;
  font-family: "Open Sans","PingFang SC","Microsoft YaHei","Helvetica Neue","Hiragino Sans GB","WenQuanYi Micro Hei",Arial,sans-serif;
}
.drop-animation {
  animation-name: dropDown;
}
.delay-1 {
  animation-duration: 800ms;
}
.delay-2 {
  animation-duration: 950ms;
}
.delay-3 {
  animation-duration: 1100ms;
}
.carouse-btn-background {
  background-color: rgba(92, 92, 92, 0.473);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.15rem;
}
.logo-top {
  top: 0.87rem;
  z-index: 300;
}
.logo-top img {
  width: 140px;
}
.map-ubi {
  width: 100%;
  height: 220px;
}
.top-index {
  z-index: 120;
}
.footer-log {
  width: 140px;
}
.footer-log img{
  width: 100%;
}