.cat_all{
  border-radius: 5px;
  font-family: var(--font-heading),sans-serif;
  font-size: 16px;
  line-height: 44px;
  padding: 0 20px;
  background: var(--color-brand);
  color: #fff;
  align-items: center;
  display: flex;
  font-weight: 700;
  margin-right: 35px;
  position: relative;
  align-items: center;
 
}
.cat_all  span {
  color: #fff !important;
  margin-right: 7px;
}
 .cat_all i {
      color: #fff;
      font-size: 10px;
      margin-bottom: 5px;
      margin-left: 12px;
      margin-top: 7px;
    }
.dropdown-content {
  box-shadow: 5px 5px 15px rgba(0,0,0,.05);
  visibility: hidden; /*absolute*/
  position: absolute;
  overflow: hidden;
  background-color: #f9f9f9;
  width: 100% !important;
  left: 0;
  background:#fff;
  border:1px solid rgba(var(--color-brand-rgb),.4);
  border-radius:10px;
  font-size:16px;
  left:0;
  list-style-type:none;
  margin:26px 0 0;
  padding:30px;
  transition:all .25s cubic-bezier(.645,.045,.355,1);
  z-index:99
}
.cat_:hover .dropdown-content {
  visibility: visible;
}
.cat_ ul.mega-menu {
                               
}
.cat_ ul.mega-menu li {
  display:block;
  float:left;
  line-height:1;
  padding-right:10px;
  position:relative
}
.cat_ ul.mega-menu li:last-child {
  margin-bottom:0
}
.cat_ ul.mega-menu li.sub-mega-menu-width-10 {
  width:10%
}
.cat_ ul.mega-menu li.sub-mega-menu-width-22 {
  width:22%
}
.cat_ ul.mega-menu li.sub-mega-menu-width-34 {
  width:34%
}
.cat_ ul.mega-menu li a.menu-title {
  display:block;
  font-size:14px;
  font-weight:700
}
.cat_ ul.mega-menu li ul {
  margin-top:10px
}
.cat_ ul.mega-menu li ul li {
  display:block;
  float:none;
  line-height:1;
  margin-bottom:10px
}
.cat_ ul.mega-menu li ul li:last-child {
  margin-bottom:0
}
.cat_ ul.mega-menu li ul li a {
  color:var(--color-body);
  display:block;
  font-size:12px;
  line-height:1
}
.cat_ ul.mega-menu li ul li a:hover {
  color:var(--color-brand)
}
.cat_ ul.mega-menu li .menu-banner-wrap {
  overflow:hidden;
  position:relative
}
.cat_ ul.mega-menu li .menu-banner-wrap a {
  display:block
}
.cat_ ul.mega-menu li .menu-banner-wrap a img {
  width:100%
}
.cat_ ul.mega-menu li .menu-banner-wrap .menu-banner-content {
  left:30px;
  position:absolute;
  top:32px
}
.cat_ ul.mega-menu li .menu-banner-wrap .menu-banner-content h3 {
  font-size:24px;
  font-weight:700;
  line-height:1.5;
  margin:5px 0 11px
}
.cat_ ul.mega-menu li .menu-banner-wrap .menu-banner-content .menu-banner-price span.old-price {
  color:dimgray;
  font-size:19px;
  font-weight:400;
  margin-left:5px;
  text-decoration:line-through
}
.cat_ ul.mega-menu li .menu-banner-wrap .menu-banner-content .menu-banner-btn a {
  background-color:var(--color-brand);
  border-radius:26px;
  color:#fff;
  display:inline-block;
  font-size:16px;
  font-weight:700;
  padding:12px 22px 14px
}
.cat_ ul.mega-menu li .menu-banner-wrap .menu-banner-discount h3 span {
  display:block;
  font-size:20px;
  font-weight:700;
  line-height:1;
  margin:0 0 3px
}
.cat_ ul.mega-menu li .menu-banner-wrap:hover .menu-banner-btn a {
  background-color:var(--color-danger)
}
.guven-logo-container {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
}
.guven-logo-container .logo {
  display: flex;
  align-items: center;
  justify-content: center;
}
.guven-logo-container .logo img {
  max-height: 50px;
}
.guven-logo-container .logo span {
  font-size: 12px;
  font-weight: 600;
  margin-left: 16px;
}
.product-brand {
  margin-top: 20px;
}
.product-brand a {
  color:#363232;
  font-size:16px;
  transition:all 0.2s linear
}
.product-brand a:hover {
  color:#3074E4
}
.product-brand.product-brand-image a {
  position:relative;
  display:block;
  width:155px;
  height:50px;
  border:1px solid #EDEDED;
  border-radius:5px;
  transition:all 0.2s linear
}
.product-brand.product-brand-image a img {
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  margin:auto;
  display:block;
  max-width:100%;
  max-height:100%
}
.product-brand.product-brand-image a img {
  max-width:80%;
  max-height:80%
}
.product-brand.product-brand-image a:hover {
  border-color:var(--color-brand);
}