.catalog-menu {
    display: none;
    position: absolute;
    top: 100%;
    height: 100vh;
}

.catalog-menu.open {
    display: block;
}

.tab-pane.fade.active {
    display: block;
    opacity: 1;
}

.category-content {
    display: none;
}

.category-content.active {
    display: block;
}

html body .catalog-btn.btn {
	border-radius: 50rem!important;
  	background-color: black;
}

.catalog-btn::before {
    margin-right: 15px;
    content: '';
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url(/uploads/lands/purshat/images/list.svg);
  	
}

.catalog-btn.open::before {
    background-image: url(/uploads/lands/purshat/images/close.svg);
}

.catalog-btn:focus {
    box-shadow: none;
}

.catalog-menu .nav-pills .nav-link::after,
.nav-category .nav-link::after {
    content: '';
    position: absolute;
    width: 18px;
    height: 18px;
    right: 20px;
    background-image: url(/uploads/lands/purshat/images/dropdown-right.svg) !important;
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link,
.nav-category .nav-link.active,
.nav-category a:hover {
    color: inherit;
    background-color: #F4F4F0;
}

html body .nav-pills .nav-link.btn,
html body .nav-category .nav-link.btn,
html body .nav-category a.btn {
    border-radius: 16px !important;
}

.category-name {
	color: #3a3b45 !important;
}

.subcategory-name {
    display: none;
  	color: #3a3b45 !important;
}



@media (max-width: 1199px) {
    .menu-absolute {
        position: absolute;
        top: 0;
        display: none;
    }

    .active.menu-absolute {
        display: block;
        height: 100%;
        z-index: 3;
        background-color: white;
    }

    .subcategory-name {
        display: none;
    }


    .category-name,
    .active.menu-absolute .subcategory-name {
        display: flex;
        align-items: center;
        gap: 5px;
    }


    .category-name::before,
    .subcategory-name::before {
        content: '';
        display: inline-block;
        width: 18px;
        height: 18px;
        background-image: url(/uploads/lands/purshat/images/dropdown-right.svg) !important;
        background-position: left center;
        background-repeat: no-repeat;
        transform: rotate(180deg);

    }

}

@media (max-width: 991px) { 
  .category-name,
  .subcategory-name {
  	font-size: 18px;
  }
	
}

@media (max-width: 575px) {
	.catalog-btn::before {
      margin-right: 0;
      background-image: url(/uploads/lands/purshat/images/burger-mob.svg);

  }
  
  .catalog-btn.open::before {
      background-image: url(/uploads/lands/purshat/images/burger-mob-close.svg);
  }
  
  html body .catalog-btn.btn {
    order: -1;
  	background-color: transparent;
  }
  
  .nav-top {
  	display: grid !important;
    grid-template-columns: repeat(2, auto);
    gap: 10px;
  }
  
  .header-search-form {
  	grid-row: 2;
    grid-column: 2 span;
  }
  
  .header-search-form .form-control__search {
    padding-left: 20px;
  	max-width: 100%;
    background: none;
  }
  
  .search-img {
  	right: 18px;
    left: auto;
  }
  
  .navbar-brand img {
  	min-width: 36px;
    width: 40px;
  }
}