* {
  font-family: "Poppins", sans-serif;
}

.mt-10 {
  margin-top: 7.5rem !important;
}

.bgd {
  background-image: url(../img/social-media-gf4e1e6920_1920.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.bgd1 {
  background-image: linear-gradient(#c94600, blue);
}

.bgd2 {
  background-image: linear-gradient(blue, #c94600);
}

.bgd3 {
  background-image: url(../img/banner.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.bgd4 {
  background-image: url(../img/service-bg.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.bgd5 {
  background-image: url(../img/wbe-1.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.gold {
  color: #ffc400;
}

.bg-overlay {
  background-color: rgba(255, 83, 83, 0.1);
}

.bg-gold {
  background-color: #ffc400;
}

.avater {
  border-radius: 100%;
  background-image: url(../img/garvit--KJecRpp-yI-unsplash.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  width: 50px;
  height: 50px;
}

.wine {
  color: #ff5900;
}

.bg-wine {
  background-color: #ff5900;
}

.border-wine {
  border-color: #ff5900 !important;
}

.l-wine {
  color: #ffebe4;
}

.bg-l-wine {
  background-color: #ffebe4;
}

.show {
  transition: .15s ease !important;
}

div:target .show {
  transition: 5s ease !important;
  display: flex !important;
  opacity: 1 !important;
}

.contain {
  display: flex;
  position: fixed;
  bottom: 2%;
  right: 2%;
  z-index: 1030;
  animation: pop 4s ease infinite;
  background-color: white;
}

.whatsapp {
  width: auto;
  height: 40px;
}

@keyframes pop {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
}

@media screen and (max-width: 992px) {
  #navbarSupportedContent {
    margin-left: 25%;
  }

  .w-75 {
    width: 100% !important;
  }

  .navbar-brand {
    width: 50px;
    height: auto;
  }
}

@media screen and (max-width: 767px) {
  #navbarSupportedContent {
    margin-left: 0%;
  }

  .mt-10 {
    margin-top: 6rem !important;
  }

  .account {
    width: 100% !important;
  }
}

.border-none {
  border: none !important;
}
