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


:root{
    --bs-primary: #c40404 !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: #02287b !important;
}

.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-red{
   background-color:var(--bs-primary) !important;
   color: #ffffff;
}

.btn-red:hover, .bg-outline-blue:hover{
   background-color: #000000 !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;
}

.slider-img{
   width: 100%;
   height: 500px !important;
   object-fit: cover;
   object-position: center center;
}
@media screen and (max-width: 991px) {
   .slider-img{
      height: 500px !important;
   }
   
}

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

.bg-testimonial{
   color: #ffffff !important;
   background-image: url('../img/bg-img/rx100.jpeg');
   background-size: cover;
   background-position: center center;
   background-blend-mode: overlay;
   background-color: rgba(2, 0, 8, 0.76);

}

.logo-img{
   height: 60px;
}

.top-blazer{
   width: 100%;
   height: 250px !important;
   background-image: url('../img/bg-img/about.png');
   background-size: cover;
   background-position: center center;
   /* background-blend-mode: multiply; */
}

.top-blazer2{
   width: 100%;
   height: 300px !important;
   background-size: cover;
   background-position: center center;
   background-blend-mode: multiply;
   background-color: rgba(0, 0, 0, 0.616);
}

p{
   font-weight: 300 !important;
}

.bg-footer{
   background-color: #efefef !important;
}

.bg-footer a{
   font-weight: 300 !important;
   font-size: 14px !important;
}

.hover-border{
   border: #002a72 1px solid !important;
   height: 100%;
   transition: all 0.3s ease-in-out !important;
   box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1) !important;
}

.hover-shadow:hover {
   background-color: #ffe9e9 !important;
   transition: all 0.3s ease-in-out !important;
}

.hover-shadow:hover h4 {
  color: var(--bs-camal) !important;
   transition: all 0.3s ease-in-out !important;
}

.blog-img{
   width: 100%;
   height: 200px !important;
   object-fit: cover;
   object-position: center center;
}

.fs-small{
   font-size: 0.875rem !important;
}


.bg-nav{
   background-color: #000000 !important;
   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
}

.bg-red{
   background-color: #c40404 !important;
}




@media screen and (max-width:600px) {
   .card-lift h4{
   font-size: 14px !important;
}
}


.a-link:hover .h5{
   text-decoration: none !important;
   color: #c40404 !important;
}