/* Start hero-banner-wrapper styles */
.hero-banner-wrapper {
    width: 100%;
    height: 400px;
    border-radius: 2rem;
    position: relative;
    overflow: hidden;
}

.hero-banner-wrapper .hero-banner-content {
    position: absolute;
    z-index: 2;
    right: 4em;
    bottom: 50%;
    transform: translateY(50%);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: max-content;
    max-width: 60%;
    padding: 3em 3em;
    backdrop-filter: blur(15px);
    border: 1px solid #FFFFFF1A;
    border-radius: 2rem;
    overflow: hidden;
    gap: 1.5em;
    background-color: #00000012;
    color: var(--white);
}

.hero-banner-wrapper .hero-banner-content .hero-banner-title {
    color: var(--white);
}

.hero-banner-wrapper .hero-banner-content .hero-banner-desc {
}

.hero-banner-wrapper .hero-banner-image {
    width: 100%;
    height: 100%;
}

.hero-banner-wrapper .hero-banner-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    filter: brightness(0.9);
}
/* End hero-banner-wrapper styles */
/* Start Taxonomy styles */
.taxonomy {
    display: flex;
    flex-direction: column;
    gap: 2.5em;
}
.taxonomy-items {
    width: 100%;
}
.taxonomy .taxonomy-content {display: flex;align-items: center;justify-content: space-between;}
.taxonomy .taxonomy-content {
    border-bottom: 1px solid var(--mid-gray);
    padding-bottom: 1em;
}
.taxonomy .taxonomy-button-wrapper {display: flex;align-items: center;gap: 0.75em;direction: rtl;}
.taxonomy .taxonomy-button-wrapper .taxonomy-button-next,
.taxonomy .taxonomy-button-wrapper .taxonomy-button-prev {position: static;inset: auto;margin: 0;width: 38px;height: 38px;border-radius: 50%;background-color: var(--light-gray);color: var(--black);transition: all var(--transition-duration);}
.taxonomy .taxonomy-button-wrapper .taxonomy-button-next:hover,
.taxonomy .taxonomy-button-wrapper .taxonomy-button-prev:hover {
    transform: scale(1.05);
}
.taxonomy .taxonomy-button-wrapper .taxonomy-button-next:after,
.taxonomy .taxonomy-button-wrapper .taxonomy-button-prev:after {display: none;}
.taxonomy .taxonomy-button-wrapper .taxonomy-button-next svg,
.taxonomy .taxonomy-button-wrapper .taxonomy-button-prev svg {
    width: 20px;
    height: 20px;
}
/* End Taxonomy styles */
@media (max-width: 1024px) {
}
@media (max-width: 992px) {
    /* Start hero-banner-wrapper styles */
    .hero-banner-wrapper {
        height: 350px;
    }
    .hero-banner-wrapper .hero-banner-content {
        max-width: 65%;
        padding: 2em;
        gap: 0.5em;
        right: 3em;
    }
    /* End hero-banner-wrapper styles */
    /* Start Taxonomy styles */
    .taxonomy {
        gap: 1em;
    }
    /* End Taxonomy styles */
}
@media (max-width: 768px) {

}
@media (max-width: 600px) {
    /* Start hero-banner-wrapper styles */
    .hero-banner-wrapper .hero-banner-content {
        width: calc(100% - 2rem);
        max-width: max-content;
        right: 1rem;
    }
    /* End hero-banner-wrapper styles */
    /* Start Taxonomy styles */
    .taxonomy .taxonomy-button-wrapper .taxonomy-button-next svg, .taxonomy .taxonomy-button-wrapper .taxonomy-button-prev svg {
        width: 17px;
        height: 17px;
    }
    /* End Taxonomy styles */
	.hero-banner-wrapper {
		height: calc(100vh - 160px);
	}
}
@media (max-width: 425px) {

}
@media (max-width: 375px) {

}
@media (max-width: 320px) {

}