p:not(.text-white-70) {
  color: #1e2022 !important;
}

.gradient-x-overlay-lg-navy-2::before {
    background-image: linear-gradient(to right,rgba(33,50,91,0.4) 0%,rgba(33,50,91,0.3) 100%);
    background-repeat: repeat-x;
}

.gradient-overlay-my-v1::before{
    background-image: linear-gradient(150deg,rgba(35, 86, 150, 0.6) 0%,rgba(0, 0, 0, 0.7) 100%);
    background-repeat: repeat-x;
}
.gradient-overlay-m-v1::before {
  background-image: linear-gradient(180deg,
rgba(0, 0, 0, 0.24) 0%,
rgba(0, 0, 0, 0.8) 100%);
  background-repeat: repeat-x;
}
.gradient-overlay-m-v2::before {
  background-image: linear-gradient(180deg,
rgba(0, 0, 0, 0.55) 0%,
rgba(0, 0, 0, 0.8) 100%);
  background-repeat: repeat-x;
}
.gradient-overlay-m-v3::before {
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.24) 0%,
rgba(0, 0, 0, 0.8) 100%);
  background-repeat: repeat-x;
}
.gradient-overlay-m-v4::before {
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.24) 0%,
rgba(0, 0, 0, 0.8) 100%);
  background-repeat: repeat-x;
}
.gradient-overlay-m-v5::before {
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.43) 0%,
rgba(0, 0, 0, 0.8) 100%);
  background-repeat: repeat-x;
}
.gradient-overlay-m-v6::before {
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.24) 0%,
rgba(0, 0, 0, 0.8) 100%);
  background-repeat: repeat-x;
}
.transform-rotate-90 {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: 10% 80%;
    transform-origin: 10% 80%;
}
img.card-img-top:hover {
    transform: scale(1.1,1.1) rotate( 0 );
    transition-duration: 0.5s;
    filter: saturate(120%);
}

.card-img-head{
    background-color: #24355d8a;
    position: absolute;
    width: 100%;
    text-align: center;
    color: #f7faff;
    cursor: pointer;
}

.card-img-cover{
   overflow: hidden !important;
   height: 25vh;
}

.hoverinvert:hover {
    transition-duration: 1s;
    filter: invert(100%);
}

.colorblock-cont{

}

.cb-row{

}

.cb-image-block{
    overflow: hidden;
}

.cb-image{
    display: block;
    width: 100%;
}

.cb-image:hover{
    transform: scale(1.1,1.1) rotate(1deg);
    transition-duration: 0.5s;
    filter: saturate(120%);
}


.cb-color-block{
    background-color: #0062cc;
}
.cb-color-block:hover{
filter: invert(100%);
    transition-duration: 0.6s;
}
.cb-bg-yellow{
    background-color: #ab2a1c;
}
.cb-bg-green{
    background-color: #c6ff00;
}
.roboto-slab{
    font-family: 'Roboto Slab', serif;
}

  .head-grad {
    background-color: #334551;
  }

  .my-bg-pos {
    background-position-x: 80% !important;
  }

  @media (max-width: 1485px) {
    .my-bg-pos {
      background-position-x: 46% !important;
    }
    .hero-container {
        max-width: 830px !important;
    }
  }

  @media (max-width: 768px) {
    .my-bg-pos {
      background-position-x: 28% !important;
    }
    .hero-container{
        margin-right: 0px !important;
    }
  }

  @media (min-width: 1200px) {
    .hero-container {
        max-width: 1000px;
        margin-right: 100px !important;
    }
   }



  .product-card {
    display: flex;
    flex-direction: row;
    align-items: center;
    border: 1px solid #ddd;
    padding: 20px;
    transition: transform 0.3s;
}
.product-image-container {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}
.product-image {
    max-width: 100%;
    height: auto;
    object-fit: cover;
    aspect-ratio: 2 / 1;
    transition: transform 0.3s;
}
.product-card:hover .product-image {
    transform: scale(1.1);
}
.product-info {
    flex: 1;
    padding-right: 20px;
}
.additional-fields .badge {
    margin-right: 5px;
    margin-bottom: 5px;
}
.card-text {
  margin-bottom: 1rem;
}
.list-group-item {
  margin-bottom: 1rem;
}