@media (max-width: 320px) {
  img {
    width: 70%;
    /* Ensures the image takes up the full width of its container */
    height: auto;
    /* Maintains the aspect ratio */
    max-width: 100%;
    /* Prevents overflow */
    position: relative;
    /* left: 45px; */
  }



  .product {
    position: relative;
    margin-bottom: 30px;
    overflow: hidden;
    display: block;
  }

  #order-inform-spn p {
    font-size: 21px;
  }



  strong {
    font-weight: 600;
    display: none;
  }




  #cal-home-ankr {
    padding: 14px 45px 15px 45px;
    border: 1px solid #8b8b8b;
    background: #ffffff57;
    color: #ffffff;
    font-size: 19px;
    font-weight: 600;
    box-shadow: 0px 2px 6px 1px #202224;
    position: relative;
    right: 63px;
  }

}

#info-home-ankr {
  border-radius: 5px;
  color: #ffffff;
  text-decoration: none;
  font-size: 1.5rem;
  font-weight: 600;


}






.overlay-bg {
  background-image: url();
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}



#cont-banner-icn-1:hover {
  transition: all.4s;
  transform: rotateZ(360deg);
  color: rgb(76, 124, 187);
  background-color: #131313a6;
  border-color: rgb(76, 124, 187);
  box-shadow: 0px 0px 5px 2px #0e0e0e;
}

#bengla-turms-sty p {

  font-size: 15px;

}

#bengla-turms-sty ul li p {

  font-size: 15px;

}


#bengla-turms-sty h4{

  font-size: 18px ;
}





#cont-banner-icn-2:hover {
  transition: all.4s;
  transform: rotateZ(360deg);
  color: rgb(236, 44, 124);
  background-color: #000000bd;
  border-color: rgb(236, 44, 124);
  box-shadow: 0px 0px 5px 2px #0e0e0e;
}

#cont-banner-icn-3:hover {
  transition: all.4s;
  transform: rotateZ(360deg);
  color: rgb(27, 107, 17);
  background-color: #0a0a0a91;
  border-color: rgb(27, 107, 17);
  box-shadow: 0px 0px 5px 2px #0e0e0e;
}

#cont-banner-icn-4:hover {
  transition: all.4s;
  transform: rotateZ(360deg);
  color: rgb(27, 107, 17);
  background-color: #0a0a0a91;
  border-color: rgb(27, 107, 17);
  box-shadow: 0px 0px 5px 2px #0e0e0e;
}

.navbar-inverse .navbar-nav>li>a:hover {
  color: #0c0c0c;
  background-color: transparent;
  text-shadow: -1px 1px 3px #00000047;
}



#cal-home-ankr {
  padding: 14px 45px 15px 45px;
  border: 1px solid #8b8b8b;
  background: #ffffff57;
  color: #ffffff;
  font-size: 19px;
  font-weight: 600;
  box-shadow: 0px 2px 6px 1px #202224;
}


#cal-home-ankr:hover {
  border: 1px solid #134d37;
  box-shadow: 0px 3px 4px 1px black;
  background: #134d37;
  color: aliceblue;
  transition: all .4s;
}



.trust-icn {
  font-size: 30px;
  color: white;
  text-shadow: -4px 0px 3px #0000007a;

}

.product-cls img:hover {
  transition: all .4s;
  transform: scale(.87);
  border-radius: 7px;
}


.srvc-detail h2 {
  text-align: center;
  font-size: 37px;
  font-weight: 600;
  color: #000000e0;
  text-shadow: -2px 2px 5px #0000007a;
  padding: 20px 55px;
  color: #328d6a;


}

.srvc-detail h4 {
  text-align: center;
  font-size: 25px;
  font-weight: 500;
  color: #000000e0;
  text-shadow: 1px 1px 2px #0000007a;


}

.srvc-detail {
  background-image: linear-gradient(45deg, #224e38 25%, rgba(239, 239, 239, 0) 25%,
      rgba(239, 239, 239, 0) 110%, #efefef 75%, #134d37),
    linear-gradient(45deg, #efefef 25%, rgba(239, 239, 239, 0) 25%,
      rgb(241 0 0 / 0%) 75%, #134d37 75%, #0b3b27);
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding: 20px 17px;
  /* border: 2px solid #134d37; */
  border-radius: 20px;
  /* box-shadow: 0px 0px 1px 10px #124a35; */
}

.srvc-detail:hover {
  background-image: linear-gradient(45deg, #134d37 26%, rgba(239, 239, 239, 0) 26%, rgb(19 77 55) 75%, #134d37 134%, #134D39), linear-gradient(43deg, #134D37 25%, rgb(19 77 55) 25%, rgb(19 77 55 / 0%) 75%, #134d37 76%, #efefef);
  transition: ease-in 2s;
  transform: scale(1.1);
  color: white;

}


.srvc-detail h2:hover {
  color: rgb(255, 255, 255);
}




#tetimoni-track {
  background-image: url(/img/save-drive-safe-life/slider-road-background-final-2.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

#order-inform-spn {
  text-align: center;

}



#order-inform-spn p {
  font-size: 25px;
  font-weight: 700;
  margin: 12px 12px 12px 12px;
  padding: 35px 10px;
  text-shadow: -1px 2px 3px #00000082;
  border: 2px solid black;
  box-shadow: 0px 0px 77px 1px #0b3022;
  color: #262525;
}


#order-inform-spn p:hover {
  transition: all .4s;
  transform: scale3d(1.8, 1.8, 1.8);
}


#order-inform-spn span {
  color: #0b3b27;



}

#safe-drive {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  align-content: stretch;
  flex-wrap: wrap;
}



#safe-drie-img {
  width: 625px;
  padding: 6px 6px;
}



#safe-drie-img:active {
  transition: ease-in-out 3s;
  transform: rotateY(360deg);
  text-shadow: 2px 5px 0px black;

}