/* ---inspiration_banner section--- */
.inspiration_hub .btn-tag {
    background: #F89520;
    border-radius: 0;
    transform: skewX(-15deg);
    padding: 2px;
}

/* .inspiration_hub .hubimage {
    height: 25rem;
    width: 95%;
} */
.inspiration_hub .hubimage {
    /* height: 25rem; */
/*     width: 100%; */
max-width: 100%; 
    object-fit: contain;
}
.inspiration_hub .image_vector {
    position: relative;
}

.inspiration_hub .image_vector::before {
    content: "";
    position: absolute;
    width: 55%;
    height: 70%;
    top: 20%;
    left: 7%;
    transform: translate(-50%, -50%);
    background: url(./../images/vectors/common_banner_Vector.svg) no-repeat;
    background-size: contain;
    background-position: center;
    z-index: -1;
}

.inspiration_hub .image_vector::after {
    content: "";
    position: absolute;
    width: 60%;
    height: 65%;
    bottom: 21%;
    right: 7%;
    transform: translate(50%, 50%);
    background: url(./../images/vectors/inspirational_page_vector_1.svg) no-repeat;
    background-size: contain;
    background-position: center;
    z-index: -1;
}

/** ---blog section--- **/

.blogs .nav-pills {
    gap: 30px;
}

.blogs .nav-link {
    border: 1px solid #F89520;
    border-radius: 170px !important;
    color: #F89520;
    padding: 5px 20px 5px 20px;
    width: 100%;
}

.blogs .nav-link:hover {
    color: #F89520 !important;
    background-color: none !important;
}

.blogs .nav-pills .nav-link.active,
.blogs .nav-pills .show>.nav-link {
    color: #fff !important;
    background-color: #F89520 !important;
}

.blogs .images_size {
    height: 20rem;
    object-fit: cover;
    width: 100%;
}

/* pagination */
.blogs .custom-pagination .pagination {
    gap: 20px;
    align-items: center;
    justify-content: center;
}
.pagination {
    justify-content: center;
}

.blogs .custom-pagination .page-link, .blogs .custom-pagination .page-numbers {
    border-radius: 50%;
    width: 36px;
    height: 36px;
    text-align: center;
    padding: 0;
    line-height: 36px;
    border: 1px solid #f48c1b;
    color: #f48c1b;
    background-color: transparent;
    font-weight: 500;
    transition: 0.3s ease;
	display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
}
.custom-pagination {
    display: flex;
    align-items: center;
	 gap: 20px;
	justify-content:center;
}
.blogs .custom-pagination .page-numbers.next.page-numbers

 {
    border: none;
}
.blogs .custom-pagination .page-numbers.prev.page-numbers

 {
    border: none;
}
.blogs .custom-pagination .page-numbers.prev.page-numbers img {
    transform: rotate(-180deg);
}
.blogs .custom-pagination .page-item.active .page-link, .blogs .custom-pagination .current.page-numbers {
    background-color: #f48c1b;
    color: white;
    border-radius: 20px;
}


/* ----stay inspired section---- */
.stay_inspired .stay_orangebg {
    background: linear-gradient(0deg, rgba(248, 149, 32, 0.7), rgba(248, 149, 32, 0.7)), #FFFFFF;
    padding: 4rem;
    border-top-right-radius: 80px;
    border-bottom-right-radius: 0;
    margin: 0px 50px 0px 50px;
}

.stay_inspired .subscribe-form {
    display: flex;
    align-items: center;
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
    max-width: 100%;
    gap: 1rem;
}

/* subscribe form*/
.stay_inspired .subscribe-form input {
    flex: 1;
    border: none;
    background: transparent;
    outline: none;
    font-size: 0.9rem;
    padding: 0.5rem 0;
    color: #000 !important;
}

.stay_inspired input::placeholder {
    color: #000 !important;
    opacity: 1 !important;
}

.stay_inspired .subscribe-form button {
    background: transparent;
    border: none;
    color: #000;
    font-size: 0.9rem;
    font-weight: 500;
    cursor: pointer;
}

@media screen and (max-width: 768px) {
    .inspiration_hub .image_vector::before {
        display: none;
    }

    .inspiration_hub .image_vector::after {
        display: none;
    }

    .stay_inspired .stay_orangebg {
        border-top-right-radius: 80px;
        border-bottom-right-radius: 0;
        padding: 40px 10px 40px 10px;
        margin: 0px;
    }

    .tab-scroll-wrapper {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .tab-scroll-wrapper ul.nav {
        flex-wrap: nowrap;
        white-space: nowrap;
    }
}