.iti--allow-dropdown {
  width: 97%;
  padding: 0;
  margin-bottom: 16px
}
.contact-support {
  color: #fff!important
}
.view-more a {
  color: #fff
}
@media (max-width:768px) {
  .section-title h1,
  .section-title h1 span {
    font-size: 22px
  }
  .product-title {
    font-size: 12px;
    font-weight: 200
  }
  .product-category {
    font-size: 15px
  }
  .product-row {
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap
  }
  .product-card {
    width: 46%;
    padding: 7px;
    border-radius: 5px
  }
  .product-image {
    border-radius: 25px
  }
  .view-more {
    font-size: 15px;
    width: 115px;
    padding: 10px 20px
  }
  .product-card:hover .view-more {
    bottom: 15px
  }
}
.banner {
  position: relative;
  background: url('../../images/sliders/UN13032025.jpg') no-repeat center center;
  background-size: cover;
  text-align: center
}
.banner-before-login {
  position: relative;
  background: url('../../images/sliders/befban.jpg') no-repeat center center;
  background-size: cover;
  padding: 300px;
  width: 50%;
  text-align: center
}
.banner-content {
  position: relative;
  z-index: 2
}
.login-form {
  position: absolute;
  top: 35%;
  left: 76%;
  width: 46%;
  color: #000;
  transform: translate(-50%,-50%);
  background: rgb(255 255 255);
  padding: 19px;
  border-radius: 5px
}
.login-form label {
  margin-bottom: 22px;
  font-weight: 700
}
.login-form input {
  width: 100%;
  padding: 10px;
  margin-bottom: 10px;
  border: 1px solid #ccc;
  border-radius: 3px;
  height: 76px;
  width: 100%;
  margin-top: 20px!important
}
.iti--allow-dropdown {
  margin-top: 30px
}
.login-form button {
  width: 100%;
  padding: 10px;
  background-color: #28a745;
  color: #fff;
  border: none;
  border-radius: 3px;
  cursor: pointer
}
.login-form button:hover {
  background-color: #218838
}
.iti-mobile .iti--container {
  top: 38%!important;
  bottom: 30px!important;
  left: 59%!important;
  right: 30px!important;
  position: fixed!important;
  width: 20%!important
}
@media (max-width:768px) {
  .login-form {
    left: 50%;
    width: 100%;
    top: 41%;
    position: static;
    transform: none!important
  }
}
.ecommerce-header {
  width: 100%
}
.navbar-expand-lg .navbar-nav .nav-link {
  color: #fff
}