@import url('https://fonts.googleapis.com/css2?family=Noto+Serif:ital,wght@0,100..900;1,100..900&display=swap');


:root{
   --bs-primary:#113065 !important;
   --bs-primary-rgb: 17, 48, 101 !important;
   --bs-primary-contrast: #fff !important;
   --bs-primary-bg-subtle: #c5adff !important;
   --bs-primary-border-subtle: #c5adff !important;
   --bs-camal: #C19A6B !important;

   --bs-blue-bg-subtle:#c1eeff;
}

.logo-img {
   height: 60px;
}
.text-small {
   font-size: 0.875rem;
}
.fs-title {
  font-family: "Noto Serif", serif;
  font-optical-sizing: auto;
}

.border-top-2{
   border: 1px  solid var(--bs-border-color) !important;
   border-top: 8px solid var(--bs-primary) !important;
}

.text-blue{
   color: var(--bs-primary) !important;
}

.sec01{
   margin-top: -30px;
}

.side-sticky{
   position: sticky;
   top: 80px;
   margin-top: -280px;
}

@media screen and (max-width: 991px) {
   .side-sticky{
      margin-top: 0px;
   }
   
}

/* ================================================================= */
.bg-blue{
   background-color:var(--bs-primary) !important;
}

.bg-outline-blue{
   background-color: transparent !important;
   border: 1px solid var(--bs-primary) !important;
   color: var(--bs-primary) !important;
}

.btn-blue{
   background-color:var(--bs-primary) !important;
   color: #ffffff;
}

.btn-blue:hover, .bg-outline-blue:hover{
   background-color: #002a72 !important;
   color: #ffffff !important;
}

.product-img{
   width: 100%;
   height: 250px;
   object-fit: cover;
   object-position: center center;
}

video{
   width: 100%;
   height: 500px !important;
   object-fit: cover;
   object-position: center center;
}

.about-video{
   height: 400px !important;
   object-fit: cover;
   object-position: center center;
}

.camal-color{
   color: var(--bs-camal) !important;
}

.top-blazer{
   width: 100%;
   height: 250px;
   object-fit: cover;
   object-position: center center;
   background-color: rgba(0, 0, 0, 0.533);
   background-image: url('../img/pic/what-is-Manufacturing-.jpg');
   background-size: cover;
   background-position: center center;
   background-blend-mode: multiply;
}
.text-justify{
   text-align: justify !important;
}
.bg-blue-subtle{
   background-color: var(--bs-blue-bg-subtle) !important;
}

#ft-links a {
   color: rgb(196, 196, 196) !important;

}

#ft-links a:hover {
   color: var(--bs-camal) !important;
}