@import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:700');
@import url('https://fonts.googleapis.com/css2?family=Source+Sans+3:ital,wght@0,200..900;1,200..900&display=swap');
body {
  /* font-family: Verdana, Geneva, sans-serif; */
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
}
p{
  text-align: justify;
  font-weight: 400;
}
.text-justify{
  text-align: justify;
}
.text-primary {
  color: #b9bb0e !important;
}
.text-secondary {
  color: #6f7072 !important;
}
.bg-primary {
  background-color: #b9bb0e !important;
}
.bg-secondary {
  background-color: #6f7072 !important;
}
.overflow-hidden{
  overflow: hidden !important;
}
a{
  text-decoration: none;
  color: black;
}
a:hover{
  color: black !important;
}
.heading__wrap {
  display: table;
  margin: 0 auto;
}
ul {
  list-style-type: square;
}
.heading__wrap .heading__title {
  border-bottom: 3px solid #1a75bc;
  padding-bottom: 4px;
}
::-webkit-scrollbar {
  display: none;
}
.pt-6 {
  padding-top: 120px;
}
.py-6 {
  padding-top: 120px;
  padding-bottom: 120px;
}
.mt-6 {
  margin-top: 120px;
}
.my-6 {
  margin-top: 120px;
  margin-bottom: 120px;
}
.product-border{
  border: 2px solid #b9bb0e !important;
}
.header-border h5, .header-border h3 {
  display: inline-block;
  margin: 5px;
  border-bottom: 2.5px solid #b9bb0e;
  font-weight: 400 ;
  line-height: 1.3;
}
/* owl nav start */
.owl-nav button {
  position: absolute;
  top: 50%;
  background-color: #000;
  color: #fff;
  margin: 0;
  transition: all 0.3s ease-in-out;
}
.owl-nav button.owl-prev {
  left: 0;
}
.owl-nav button.owl-next {
  right: 0;
}

.owl-dots {
  text-align: center;
  padding-top: 15px;
}
.owl-dots button.owl-dot {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  display: inline-block;
  background: #ccc;
  margin: 0 3px;
}
.owl-dots button.owl-dot.active {
  background-color: #e1e316;
}
.owl-dots button.owl-dot:focus {
  outline: none;
}
.owl-nav button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(255, 255, 255, 0.38) !important;
}
.performance-img {
  filter: contrast(0.5);
}
/* span {
    font-size: 70px;    
    position: relative;
    top: -5px;
} */
.owl-nav button:focus {
    outline: none;
}
.home-banner-blog {
  /* background-image: url(/embed/vistar_assets/images/home/banner/home1.png); */
  /* min-height: 610px; */
  position: relative;
  background-repeat: no-repeat;
  display: flex;
  align-items: start;
  position: relative;
  background-size: cover;
  width: 100%;
  background-position: center;
  filter: brightness(#000000);
}
.home-banner-blog .content {
  color: white;
  text-align: center;
  position: absolute;
  top: 48% !important;
  left: 35%;
  transform: translate(-26%, -50%);
  align-items: center;
}
.home-banner-img{
  /* height: 670px !important;
  object-fit: cover; */
  filter: brightness(0.570);
}

.home-filter {
  filter: drop-shadow(2px 0px 2px black);
}
.about-img-bg {
  max-width: 100%;
  text-align: end;
  background-color: #123960 !important;
  height: 200px;
  /* width: 300px; */
  margin-left: 50px;
}
.about-content-bg{
  /* background-color: #edebea; */
  border: 2px solid #b9bb0e !important;
}
.product-img {
  max-width: 100%;
  height: 310px !important;
  width: 100%;
  object-fit: contain;
  /* filter: brightness(0.9) ; */
  /* border-radius: 10px; */
}
.product-card{
  /* position: relative; */
}
.product-card:hover .product-img{
  filter: brightness(0.7);
  transition: all 0.5s ease;
}
.fs-44px {
  font-size: 47px;
}
.product-content {
  /* position: absolute; */
  color: #3c6ca4;
  background-color: #ffffff;
  align-items: center;
  justify-content: space-between;
  padding: 10px 0;
  /* width: 90%; */
  bottom: 30px;
  left: 5%;
  display: flex;
  /* border-radius: 7px; */
}
.all-product-content {
  position: absolute;
  color: #3c6ca4;
  background-color: #ffffff;
  align-items: center;
  justify-content: space-between;
  padding: 32px 15px !important;
  width: 90%;
  bottom: 30px;
  left: 5%;
  /* border-radius: 7px; */
}
/* owl nav end */
.home-btn {
  background-color: #6f7072;
  border: 3px solid #6f7072;
  color: white;
  padding: 9px 26px;
  border-radius: none !important;
  font-weight: 700;
  text-align: center;
}
.home-btn:hover {
  background-color: #ffffff;
  border: 3px solid #6f7072;
  color: #6f7072 !important;
  padding: 9px 26px;
  font-weight: 700;
  text-align: center;
}
.about-tagline {
  border: 2px solid #375675 !important;
  height: 69px;
  padding: 11px;
  border-radius: 50%;
  filter: invert(5);
}
.performance-card-border{
  border-bottom: 5.5px solid #bfc100 !important;
}
.client-img {
  max-width: 100%;
  height: 100px;
  object-fit: contain;
}
@media (min-width: 1440px) {
  .container {
    max-width: 1170px !important;
  }
}

@media (max-width: 768px) {

  .flex-direction {
    flex-direction: column-reverse;
  }
  .product-img {
    height: 430px !important;
  }

}


@media (max-width: 528px) {

  .process-card {
    height: auto;
  }

  .fs-44px {
    font-size: 30px;
  }
  .home-banner-img{
    height: 400px !important;
    object-fit: cover;
  }
  .home-banner-blog .content {
    top: 50% !important;
    left: 0;
    transform: translate(0%, -50%);
}

 
}