.contact-btn{
  font-family: 'IBM Plex Sans', sans-serif;
  color: #FFFFFF;
  background-color: transparent !important;
  background-image: linear-gradient(120grad,#161745 0%,#161745 100%) !important;
  border-radius: 2px 2px 2px 2px !important;
  border: transparent !important;
  padding: 15px 35px 15px 35px !important;
}

.nav-tabs {
    --si-nav-tabs-link-bg: #eff2fc;
    --si-nav-tabs-link-hover-bg: rgba(99, 102, 241, 0.12);
    --si-nav-tabs-link-disabled-bg: #f3f6ff;
    --si-nav-tabs-link-color: #33354d;
    --si-nav-tabs-link-hover-color: #ed2024 !important;
    --si-nav-tabs-link-disabled-color: #9397ad;
    margin-bottom: 0.75rem;
}
.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
    color: #FFFFFF !important;
    background-color: #ed2024 !important;
    border-color: #ed2024 !important;
}
.nav-tabs a{
  border-radius: 0px !important;
}

.nav {
    --si-nav-link-active-color: #ed2024 !important;
}

.bg-secondary3{
  background-image: linear-gradient(120grad,#ed2024 0%,#161745 100%) !important;
  opacity: 1;
  transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.left-images img,
.right-images img{
  width: 100%;
  height: 240px;
  object-fit: cover;
}

.pyi-5{
  padding-top:5rem !important;
  padding-bottom: 5rem !important;
}

.hero-section h1 {
    color: #fff;
    font-size: 60px !important;
    font-family: "IBM Plex Sans", sans-serif !important;
}

.inuma-pri{
  background-color: #6e6e6e !important;
  color: #fff !important;
}
.inuma-pri h5{
  color: #fff !important;
}


.hero-section .overlay{
  background-image: linear-gradient(120grad,#ed2024 0%,#161745 100%) !important;
  opacity: .7;
  transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.btn-video{
  background-color: transparent !important;
--si-btn-video-bg: #fff !important;
  --si-btn-video-hover-bg: transparent !important;
  --si-btn-video-color: #fff !important;
  --si-btn-video-white-color: #33354d !important;
  --si-btn-video-hover-color: #fff !important;
}

.work-s img{
  border-radius: 4px;
  height: 400px !important;
  object-fit: contain;
  width: 100%;
}

.hero-section .h4, 
.hero-section h4,
.hero-section h2 {
    color: #fff;
    font-family: IBM Plex Sans,sans-serif;
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
}
