html, body {width: auto!important; overflow-x: hidden!important} 

.hero-taxonomy-collection-image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* Ensure the image covers the container */
}

.hero-taxonomy-collection-image {
    position: relative;
    width: 100vw; /* Full viewport width */
    height: 100vh; /* Adjust height as needed */
    overflow: hidden;
    margin-top: -40px;
    margin-bottom: 20px;
    padding: 0; /* Remove default margins/paddings */
}


.image-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 20px; /* Adjust padding as needed */
    box-sizing: border-box; /* Ensure padding does not affect width/height */
    z-index: 10; /* Ensure the title is on top of the image */
}




/* Featured Image Container */
.featured-image-container {
    position: relative;
    overflow: hidden;
    height: 900px; /* Adjust as needed */
    width: 100%; /* Ensure full width of the parent container */
}

/* Featured Image */
.featured-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    z-index: 1; /* Ensure the image is behind the title */
}

/* Image Title */
.image-title {
    position: absolute;
    top: 320px; /* Adjust as needed */
    left: 80px; /* Adjust as needed */
    color: #fff; /* Text color for visibility */
    font-size: 3em; /* Adjust font size as needed */
    z-index: 10; /* Ensure the title is on top of the image */
    margin-right: 973px;
    padding: 0; /* Remove default padding */
    line-height: 50px;
}


/* Ensure that any zoom effects are disabled */
.featured-image-container img {
    transform: none !important;
    transition: none !important;
}

.description-wrapper {
    background-color: #efe9e1;
}

/* Description Container */
.description-container {
    margin-top: 0px; /* Adjust as needed */
    padding: 230px; /* Adjust padding as needed */
    background-color: #efe9e1;
    border: 1px solid #000000; /* Optional border */
    position: relative;
    z-index: 15;
   
}

.brand-list {
    list-style: none;
}



.collection-details {
    margin-bottom: 40px;
}


.taxonomy-image {
    max-width: 100%;
    height: auto;
}

.description-container {
    margin-bottom: 20px;
}

.collection-posts {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.collection-post {
    border-bottom: 1px solid #ccc;
    padding-bottom: 20px;
}

.featured-image {
    max-width: 100%;
    height: auto;
}

.taxonomy-term-brands {
    list-style: none;
}

.collections-items-wrapper {
    margin: 0 auto;
    padding: 20px;
    max-width: 1400px; /* Adjust as needed */
}

.collections-title{
    font-size: 1.4rem;
}
/* Remove CSS Grid styles */
.collections-items-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
.collections-item {
    width: calc(33.333% - 20px); /* Adjust based on gap and number of columns */
    margin-bottom: 20px; /* Adjust space between items */
    box-sizing: border-box;
    padding: 1rem;
}

/* Ensure that images are displayed correctly */
.collections-thumbnail img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 0.25rem;
}

.brand-heading {
    font-size: 2rem;
  margin-left: 45px;
  margin-top: 5rem;
  margin-bottom: 5rem;
}

.taxonomy-term-brands {
    border-style: solid;
    border-width: 0px;
      border-top-width: 0px;
    border-top-width: 0px;
    border-top-width: 1px;
    border-top-color: var(--ast-global-color-2);
}

@media (max-width: 768px) {
    .collections-item {
        width: calc(50% - 10px); /* Adjusted for mobile devices */
        margin: 10px;
    }

    .description-container {
        padding: 1rem;
    }

    .hero-all-portfolio-image {
        height: 50vh; /* Reduce height on smaller screens */
    }

    .hero-all-portfolio-image img {
        object-fit: cover;
        width: 100%;
        height: 100%;
    }
}

@media (max-width: 480px) {
    .collections-item {
        width: 100%; /* One item per row on very small screens */
        margin: 5px;
    }

    .image-title{
        left: 27px;
    }
}