* {
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
  font-family: "Poppins", sans-serif;
  user-select: none;
}
/* Navigation Header */
.hover-nav-header {
  transition: 0.3s ease;
}
.hover-nav-header:hover {
  margin: 0px 10px;
  border-radius: 15px;
  transform: scale(1.05);
  background-color: rgb(204, 74, 84) !important;
  cursor: pointer;
  color: rgb(226, 220, 220) !important;
}
.hover-nav-page {
  transition: 0.3s ease;
}
.hover-nav-page:hover {
  transform: scale(1.05);
  background-color: rgb(204, 74, 84) !important;
  cursor: pointer;
  color: rgb(226, 220, 220) !important;
}
/* End Navigation Header */
/* Hover in top deal  */
.div-offer {
  cursor: pointer;
}
.Offer {
  padding: 2.5rem;
  transform: scale(0);
  transition: 0.9s ease-in-out;
  z-index: -1;
  top: 48px;
  left: 70px;
  width: 75%;
  height: 75%;
  font-size: 2.5rem;
  background-color: rgba(182, 75, 75, 0.868);
  color: aliceblue;
}
.div-offer:hover .Offer {
  z-index: 2;
  transform: scale(1.1);
}
/* End Hover in top deal */
/* picture in home page */
.pic-home {
  height: 100vh;
}
/* End picture in home page */
/* Hover icon in cards */
.hover-icon {
  transition: 0.3s ease;
}
.hover-icon:hover {
  cursor: pointer;
  color: tomato !important;
}
/* Hover icon in cards */
/* image in products pages */
.title .image {
  background-image: url(../pic/men/products-background\ \ .jpg);
  height: 420px;
  background-size: cover;
}
.overlay {
  background-color: rgba(0, 0, 0, 60%);
}
.title .text h1 {
  font-size: 3.5rem;
}
.title-2 {
  background-image: url(../pic/about/about-us-page-heading.jpg);
  width: 100%;
  height: 420px;
  background-size: cover;
}
.title-2 .text-2 h1 {
  font-size: 3.5rem;
}
/* image in products pages */
/* hover card in products pages */
.hover-card {
  transition: 0.3s;
}

.hover-card:hover {
  cursor: pointer;
  transform: scale(1.05);
  outline-color: #343a40;
  background-color: #343a40;
  color: white;
}
/* custom border */
.my-custom-border {
  border-color: #4e4d4d #928f8f #928f8f #4e4d4d !important;
}
/* end custom border */
/* hover card in products pages */
/* hover in footer */
.hover-footer {
  transition: 0.3s;
}
.hover-footer:hover {
  transform: scale(1.1);
  color: tomato !important;
}
/* hover icon in footer  */
.hover-icon-f {
  transition: 0.3s;
}
.hover-icon-t {
  transition: 0.3s;
}
.hover-icon-w {
  transition: 0.3s;
}
.hover-icon-y {
  transition: 0.3s;
}
.hover-icon-f:hover {
  transform: scale(1.1);
  color: blue;
}
.hover-icon-t:hover {
  transform: scale(1.1);
  color: darkturquoise;
}
.hover-icon-w:hover {
  transform: scale(1.1);
  color: lawngreen;
}
.hover-icon-y:hover {
  transform: scale(1.1);
  color: red;
}
/* end hover icon in footer */
/* hover in footer */
@media (max-width: 1200px) {
  .Offer {
    padding: 1.5rem;
    top: 37px;
    left: 54px;
    font-size: 1.9rem;
  }
}
@media (max-width: 993px) {
  .Offer {
    padding: 0.5rem;
    top: 26px;
    left: 38px;
  }
}
@media (max-width: 767px) {
  .Offer {
    top: 44px;
    left: 63px;
  }
  .pic-home {
    height: 100%;
  }
  .title .text h1 {
    font-size: 2.31rem;
  }
  .title .image {
    background-position: center;
  }
  .title-2 .text-2 h1 {
    font-size: 2rem;
  }
}
@media (max-width: 426px) {
  .Offer {
    padding: 2rem 0.5rem 0.5rem 0.5rem;
    top: 29px;
    left: 49px;
    font-size: 1.3rem;
    text-align: center !important;
  }
  .lg-btn {
    width: 100% !important;
  }
  .size {
    font-size: 10px;
  }
}
@media (max-width: 326px) {
  .Offer {
    padding: 2rem 0.5rem 0.5rem 0.5rem;
    top: 25px;
    left: 35px;
  }
}