/* -----------Hamberger Icon Block------------- */



.reply-by-email-form-wrapper {

    /* overflow: hidden; */

    position: absolute;

    z-index: 2;

    background: #fff;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    padding: 2rem;

    box-shadow: 2px 2px 4px #00000045, -1px 1px 4px #00000045;

    z-index: 1000;

    border-radius: .5rem;



    height: 80dvh;

    overflow: auto !important;



    input[type='submit'] {

        background: darkred;

        border: none;

    }

}



.reply-by-email-form-wrapper h3 {

    /* font-family: none; */

    color: #337AB7;

    margin-bottom: 2rem;

    font-size: 28px;

}



.no-overflow {

    overflow-y: hidden !important;

}





button.close-btn {
    position: absolute;
    top: 8%;
    right: 5%;
    font-weight: bold;
    border: none;
    transform: scale(1.5);
    border-radius: 50%;
    padding: 2px 9px;
    box-shadow: 2px 0px 4px grey;
}



.overlay {

    position: fixed;

    height: 100%;

    width: 100%;

    top: 0;

    left: 0;

    background: #000000b5;

    z-index: 999;

}



.flag-favorite {

    position: absolute;

    top: 0;

    right: 0;

    z-index: 2;

}



/* .flag-favorite > div > a{

    font-size: 0;

} */

.flag-favorite .action-unflag::before {

    content: '\2605';

}



.flag-favorite .action-flag::before {

    content: '\2606';

}



#hamberger-icon {

    width: 30px;

    height: 30px;

    cursor: pointer;

}



.header-top-middle form#views-exposed-form-all-ad-products-page-1 .js-form-item {

    display: none;

}



.header-top-middle form#views-exposed-form-all-ad-products-page-1 .form-item-title {

    display: unset !important;

    width: 100%;

}



.header-top-middle form#views-exposed-form-all-ad-products-page-1 .form--inline.clearfix {

    display: flex !important;

    flex-direction: row !important;

    min-width: 100%;

}



.header-top-middle form#views-exposed-form-all-ad-products-page-1 .form-item-title input {

    border: 0.5px solid black;

    outline: none;

    border-radius: 5px 0 0 5px;

    font-size: 14px;

    padding: 10px 20px;

    min-width: 102%;

}



.sidebar-first .form-item-title {

    display: none !important;

}



/* ****** Wishlist button */

.wishlist-btn {

    position: relative;



    img {

        width: 30px;

        height: 29px;

    }



    .count {

        position: absolute;

        bottom: 20px;

        right: -5px;

        font-size: 12px;

        font-weight: 700;

        min-width: 18px;

        min-height: 18px;

        aspect-ratio: 1 / 1;

        border-radius: 50%;

        background: #000;

        color: #fff;

        display: grid;

        place-content: center;

    }

}



/* ************ Cart Block ************* */



.cart--cart-block {

    .cart-block--summary {



        position: relative;



        .cart-block--summary__icon img {

            display: none;

        }



        .cart-block--summary__icon {

            display: inline-block;

            height: 30px;

            width: 30px;

            background: url(../images/cart-icon-black.png) center/contain no-repeat;

        }



        .cart-block--summary__count {

            position: absolute;

            bottom: 24px;

            right: -5px;

            font-size: 12px;

            font-weight: 700;

            min-width: 18px;

            min-height: 18px;

            aspect-ratio: 1 / 1;

            border-radius: 50%;

            background: #000;

            color: #fff;

            display: grid;

            place-content: center;

        }

    }

}



/* ********* PRODUCT DETAIL PAGE **************** */

.hide {

    display: none;

}



.product-detail-wrapper {

    color: #000;



    .product-image-section {

        .carousel-indicators {



            margin: 0;

            bottom: -70px;

            gap: 10px;

            overflow-x: auto;



            [data-bs-target] {

                flex: unset;

                flex-shrink: 0;

                text-indent: 0;

                height: 60px;

                width: 113px;

                margin: 0;

                border-top: none;

                border-bottom: none;



                img {

                    width: 100%;

                    height: 100%;

                    object-fit: cover;

                    border-radius: 6px;

                }

            }



            [data-bs-target]:hover {

                opacity: 1;

            }



        }



        .carousel-indicators::-webkit-scrollbar {

            display: none;

        }



        #product-image-indicators {

            position: relative;



            #next-btn,

            #prev-btn {

                background-color: #ffffff;

                border: 1px solid #cccccc;

                padding: 2px 6px;

                cursor: pointer;

                position: absolute;

                bottom: -67px;

                transform: translateY(-50%);

                z-index: 9;

                display: none;

            }



            #next-btn {

                right: 0;

            }



            #prev-btn {

                left: 0;

            }

        }



        #product-image-indicators.scroller-indicator {

            .carousel-indicators {

                justify-content: start;

            }



            #next-btn,

            #prev-btn {

                display: block;

            }

        }

    }



    .contact>h2 {

        border-bottom: 1px solid #d4ded9;

        padding-bottom: .3rem;

        font-size: 22px;

        font-weight: 400;

        color: #333333;

    }



    .safety-tips-box {

        ul {

            padding: 0 !important;

            padding-left: 1rem !important;

        }



        color: #333333;

    }



    .safety-tips-box>p {

        font-size: 18px;

        font-weight: 400;

        margin: 0 !important;

        padding: 15px 0 10px 0;

        color: #333333;

    }



    .safety-tips-box p b {

        font-weight: 700;

        color: #0e6721;

        text-transform: uppercase;

    }



    .get-quote {

        color: #337ab7;

        font-size: 18px;

        padding: 20px 0;

        display: block;

        background: none;

        border: none;

    }



    .commerce-order-item-add-to-cart-form .form-actions input {

        margin-top: 1.5rem !important;

        width: 100%;

    }



    .ad-promotion-message {

        color: #333333;

        border-top: 1px solid #d4ded9;

        border-bottom: 1px solid #d4ded9;

        padding: 1.2rem 35px !important;

    }



    .description {

        border-bottom: 1px solid #d4ded9;

        padding: 1.2rem 0 !important;

    }



    .description>div:first-child {

        margin-bottom: 25px;

    }



    .other-details {

        padding: 1.2rem 0 !important;



        a.telephone {

            text-align: center;

            border: 1px solid #d7c6c6;

            padding: 10px 30px;

            margin: 10px 0;

            display: inline-block;

            color: #337ab7;

        }

    }



    .product_flags {

        display: flex;

        gap: 15px;

        align-items: flex-start;

        padding: 10px 0;

        position: relative;



        .flag {



            .js-flag-message {

                position: absolute;

                left: 16px;

                bottom: -16px;

                padding: 0;

                margin: 0;

            }



            a {

                display: flex;

                align-items: center;

                gap: 4px;

            }



            .ajax-progress {

                position: absolute;

                left: 16px;

                bottom: -16px;

                margin: 0;

                padding: 0;

            }

        }



        .flag a::before {

            display: inline-block;

            color: #000;

            font-size: 16px;

        }



        .flag.flag-bookmark-ad.action-flag a::before,

        .flag.flag-favourite-ad.action-flag a::before {

            content: '\2606';

        }





        .flag.flag-bookmark-ad.action-unflag a::before,

        .flag.flag-favourite-ad.action-unflag a::before {

            content: '\2605';

        }



        :is(.flag.flag-bookmark-ad, .flag.flag-sponsor-ad, .flag-favourite-ad) :is(a:hover, a:focus) {

            color: #23527c;

            text-decoration: underline;

        }

    }

}



.product-detail-wrapper a.report-abuse {

    text-align: center;

    border: 1px solid #d7c6c6;

    padding: 12px 24px;

    margin: 0 75px;

    color: #337ab7;

}



.product-detail-wrapper .other-details p:first-child {

    color: #0e6722;

    font-weight: 700;

    font-size: 16px;

    font-style: normal;

}



.description table {

    max-width: 100%;

}



.region.region-sidebar-second {

    padding: 0;

}



.reply-by-email {

    background: #0e6721;

    color: #fff;

    font-size: 14px;

    padding: 9px 10px;

    border: none;

}



.btns {

    display: flex;

    align-items: center;

    border-bottom: 1px solid #d4ded9;

    margin-top: 20px;



    p {

        padding: 8px 17px 8px 12px;

        margin: 0 !important;

        cursor: pointer;



    }



    .active {

        background: #fe7d15;

        font-weight: 400;

        color: #fff;

    }

}



.block-header-wrapper h2 {

    font-size: 30px !important;

    font-weight: 700 !important;

    font-family: "Work Sans", Arial, sans-serif;

    line-height: 1.2;

}



.product-detail-wrapper h1.product-name {

    padding-bottom: 10px;

}



/* .product-image-section {

    display: flex;

    align-items: center;

} */



.product-image-section img {

    width: 100%;

    height: 350px;

    object-fit: contain;

}



/* .product-image-section .carousel .carousel-indicators img {

    width: 80px;

    height: 60px !important;

    border-radius: 10px;

    max-width: unset;

    object-fit: unset;

} */



.ad-promotion-message p strong {

    position: relative;

}



.ad-promotion-message p strong::before {

    content: "";

    background: url(../images/ad_1_11.png) no-repeat;

    width: 30px;

    height: 30px;

    display: block;

    position: absolute;

    top: 0px;

    left: -36px;

}



/* .product-image-section .carousel .carousel-indicators img:hover,

.product-image-section .carousel .carousel-indicators .active img,

.product-image-section .carousel .carousel-indicators img:focus {

    opacity: 1;

    filter: brightness(1.5);

}



.carousel-indicators img {

    height: auto !important;

}



.product-image-section .carousel-indicators {

    margin-bottom: -1.5rem !important;

    margin-right: 25% !important;

    column-gap: 51px;

}



.product-image-section .carousel-item.active img {

    border-radius: 10px;

} */



.view-all-ad-products .view-footer {

    padding: 25px 0px;

    text-align: right;

}



.view-all-ad-products .view-footer a {

    background-color: rgb(139, 0, 0);

    color: #fff;

    padding: 10px 13px;

    border-radius: 2px;

}



div#block-needshub-views-block-all-ad-products-block-5 .block-title {

    font-size: 28px;

}



form#commerce-order-item-add-to-cart-form-commerce-product-9211 {

    padding-top: 10px;

}



.commerce-order-item-add-to-cart-form-commerce-product-9211 div#edit-actions {

    text-align: center;

}



.region-content-bottom div#block-needshub-views-block-similar-ads-block-1 {

    background: #fff;

    border: 1px solid #ebebeb;

    margin-top: 12px;

}



.region-content-bottom .view-similar-ads {

    position: relative;

    padding: 15px;

}



.region-content-bottom .block-views-blocksimilar-ads-block-1 h2.block-title {

    padding: 15px;

    border-bottom: 1px solid #d4ded9;

}



.region-content-bottom .view-similar-ads button.owl-prev {

    background-image: url(../images/left-arrow1.png) !important;

    position: absolute;

    left: -8px;

    top: 37%;

    width: 54px;

    height: 54px;

    font-size: 0;

    background-repeat: no-repeat !important;

}



.region-content-bottom .view-similar-ads button.owl-next {

    background-image: url(../images/right-arrow1.png) !important;

    position: absolute;

    right: -8px;

    top: 37%;

    width: 55px;

    height: 55px;

    font-size: 0;

    background-repeat: no-repeat !important;

}



.view-similar-ads .owl-theme .owl-nav [class*='owl-']:hover {

    background: unset;

    color: unset;

    text-decoration: none;

    opacity: .8;

}



.region-content-bottom .block-views-blocksimilar-ads-block-2 {

    display: none;

}



.region-sidebar-second .block-views-blockblogs-block-1 h2.block-title {

    font-size: 22px !important;



}



#views_slideshow_cycle_main_blogs-block_6 .view-footer a {

    background-color: rgb(139, 0, 0);

    color: #fff;

    padding: 10px 13px;

    border-radius: 2px;

    font-style: normal !important;

    font-size: 14px;

    font-weight: 400;

}



#views_slideshow_cycle_main_blogs-block_6 .view-footer {

    margin-bottom: 15px;

    text-align: right;

}



#block-needshub-needshub-system-main h1 strong {

    font-weight: 600;

}



.recent-blog-wrapper h1 strong {

    font-size: 20px;

    font-weight: 600;

}



.block-views-blockblogs-block-1 .views-view-responsive-grid__item:last-child {

    display: none;

}



.block-views-blockblogs-block-1 .view-footer {

    margin-bottom: 15px;

    text-align: center;

}



.promote-ad-btn-wrapper a {

    background: #0E6722;

    border-color: #0E6722;

    color: #fff;

    border-radius: 5px;

    transition: .3s ease-in-out;

    padding: 11px 20px;

    display: inline-block;

    width: 100%;

    text-align: center;

}



.promote-ad-btn-wrapper {

    margin-top: 20px;

}



.block-views-blockblog-taxonomy-tags-block-1 .views-field.views-field-name a {

    float: left;

    padding: 0 5px;

    background-color: #313130;

    margin: 5px;

    color: #fff;

    border-radius: 5px;

}



.block-views-blockblog-taxonomy-tags-block-1 .views-field.views-field-name a:hover {

    background-color: #0e6721;

    color: #fff;

}



.block-views-blockblog-taxonomy-tags-block-1 .view-header a {

    background-color: #0e6720;

    color: #fff;

    padding: 3px 5px;

    text-decoration: none;

    font-weight: 600;

    border-radius: 5px;

    margin-left: 5px;

}



.block-views-blockrecent-blogs-block-3 h2.block-title {

    font-style: normal;

}



.block-image-export-in-ads h2.block-title {

    font-style: normal;

}



.view-all-ad-products .item-list ul li {

    list-style: none;

}



.view-all-ad-products .item-list ul {

    margin-left: -15px;

}



#block-needshub-otheradsblock .view-all-ad-products .item-list ul {

    margin-left: unset !important;

}



.block-views-blockrecent-blogs-block-3 .p-2 {

    font-weight: 400;

    font-style: normal;

}



.block-other-ads-block .item-list a {

    font-size: 14px;

    font-style: normal;

    font-weight: 400;

}



div#block-needshub-otheradsblock>div:last-child>a {

    background-color: #fe7d15;

    color: #fff;

    padding: 10px 13px;

    border-radius: 2px;

    font-style: normal !important;

    font-size: 14px;

    font-weight: 400;

}



div#block-needshub-otheradsblock>div:last-child {

    text-align: right;

    margin: 15px 0;

}



.block-views-blockother-services-block-2 .view-footer a {

    background-color: rgb(139, 0, 0);

    color: #fff;

    padding: 10px 13px;

    border-radius: 2px;

    font-style: normal !important;

    font-size: 14px;

    font-weight: 400;

}



.block-views-blockother-services-block-2 .view-footer {

    text-align: right;

    margin-bottom: 20px;

}



.product-add-page .sidebar-second {

    display: none !important;

}



.product-add-page .main-content {

    width: 100%;

}



.ad-promotion-message a {

    color: #337ab7;

}



.ad-promotion-message a:hover {

    text-decoration: underline;

}



/* 

.block-system-main-block h4 {

    font-size: 14px;

    font-weight: 400;

} */



div#block-needshub-page-title h1.search-title {

    background: rgb(245, 245, 245);

    padding: 12px 8px;

    border-radius: 4px;

    margin-bottom: 20px;

    font-size: 14px;

    font-weight: 500;

}



form#views-exposed-form-all-ad-products-page-1>div> :is(div, fieldset) input {

    margin-left: 1rem;

}



/* .region-content div#block-needshub-needshub-system-main {

    background: #fff;

    padding: 15px;

} */



.product-detail-wrapper .carousel-control-next-icon {

    background: url(../images/right-arrow.png) no-repeat !important;

    width: 32px;

    height: 32px;

}



.product-detail-wrapper .carousel-control-prev-icon {

    background: url(../images/left-arrow.png) no-repeat !important;

    width: 32px;

    height: 32px;

}



.blog-image img {

    border-radius: 10px;

}



.product-image-section p {

    color: #333;

    font-size: 13px;

}



.product-image-section p b {

    font-weight: 700;

    color: #0e6721;

    text-transform: uppercase;

}



.blog-tags .item-list ul {

    display: flex;

    list-style: none;

    margin-top: 3px;

    gap: 18px;

}



.item-list li {

    margin: 0;

}



.blog-tags .item-list li a {

    background-color: #313130;

    padding: 4px 6px;

    color: #fff !important;

    border-radius: 5px;

}



.blog-tags .item-list li a:hover {

    text-decoration: underline;

}



.region-sidebar-second .view-blogs .item-list ul {

    display: flex;

    list-style: none;

    margin-top: 3px;

    gap: 18px;

}



.region-sidebar-second .view-blogs .item-list ul li a {

    background-color: #313130;

    padding: 4px 6px;

    color: #fff;

    border-radius: 5px;

    font-style: normal;

    font-size: 14px;

    font-weight: 400;

}



.region-sidebar-second .view-blogs .item-list ul li a:hover {

    text-decoration: underline;

}



.blog-bottom .blog-author a {

    padding-right: 10px;

}



.blog-bottom {

    padding-bottom: 10px;

}



.blog-bottom .blog-author a:hover {

    color: #23527c;

    text-decoration: underline;

}





/* *********** Pager styling ******************* */

.page-item.is-active.active a {

    background: rgb(139, 0, 0) !important;

    color: #fff !important;

    font-weight: bold;

    transition: .3s ease-in-out;

    border-color: rgb(139, 0, 0);

}



.page-item.is-active.active a:hover {

    background: rgba(255, 127, 127) !important;

}



.page-item :is(span, a) {

    color: darkred !important;

}



/* -----------Hamberger Icon Block Ends------------- */







.homepage-top-banner {

    background: #fff;

    margin-bottom: 25px;

    border: 1px solid #d3d3d3;

}



.homepage-top-banner>.row>div:nth-child(2) {

    border-right: 1px solid #d3d3d3;

    border-left: 1px solid #d3d3d3;

}



.region-content-top {

    display: flex;

    flex-direction: column;

    gap: 25px;

}



.top-banner-middle-section {

    display: flex;

    flex-direction: column;

    justify-content: space-between;

    height: 100%;

}



/* ---------------View Block Header--------------------- */



.block-header-wrapper {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: 13px 20px;

    border-bottom: 1px solid #e1e1e1;

    margin-bottom: 10px;

}



.block-header-wrapper h2 {

    font-size: 24px !important;

    font-weight: 400 !important;

    margin: 0;

}



.block-header-wrapper a {

    text-decoration: underline;

    transition: all 0.5s;

}



.block-header-wrapper a:hover {

    color: #fcb800;

}



/* -----------------View Block Header Ends--------------- */





/* Homepage Categories Menu */



.categories-menu ul {

    width: 100% !important;

    background: #fff !important;

}



.categories-menu ul li {

    padding: 0 20px !important;

    border-bottom: 0.5px solid #d3d3d3;

}



.categories-menu ul li:last-child {

    border-bottom: none;

}



.categories-menu ul li:hover {

    background: #fcb800;

}



.categories-menu ul li a {

    display: flex;

    align-items: center;

    padding: 14px 0 !important;

}



.categories-menu ul li a span.link-text {

    line-height: 1.3;

}



.categories-menu ul li a svg {

    margin-right: 20px;

    width: 18px;

    height: 18px;

}



.mobile-side-menu-title {

    display: none;

}



/* --------------Map Section----------------- */



.map-section {

    display: grid;

    place-content: center;

    padding: 1rem;

}



.map-section svg {

    height: 237px;

    width: 400px;

}



polygon.highlight {

    stroke: white;

    stroke-width: 1;

    fill: rgb(13, 76, 27) !important;

}



polygon.highlight:hover {

    fill: #FCB800 !important;

}



/* ---------------Homepage Ads Section------------------- */



.Ad-wrapper {

    position: relative;

    border: 1px solid #b4cbb9;

    border-top-left-radius: .5rem;

    border-top-right-radius: .5rem;

    transition: all 0.3s ease;

}



.Ad-wrapper:hover {

    border-color: #0E6722;

}

.Ad-wrapper.sponsored::after {
    content: " ";
    display: block;
    height: 5rem;
    width: 5rem;
    background: url(../images/sponsored_tag.webp) no-repeat;
    background-size: contain;
    position: absolute;
    top: -5px;
    left: -5px;
}

.Ad-wrapper .Ad-bottom {
    padding: 0 10px 10px;
    border-top: 1px solid #b4cbb9;
}

.view-id-ads.view-display-id-block_1 .Ad-wrapper .Ad-bottom {
    padding: 0 4px 10px;
}

.Ad-wrapper .image-wrapper {
    position: relative;
    overflow: hidden;
}

.Ad-wrapper .image-wrapper>div {
    position: absolute;
    bottom: -47px;
    width: 100%;
    background: #00000070;
    text-align: center;
    display: flex;
    color: #fff;
    transition: .8s all ease;
}

.view-id-ads.view-display-id-block_1 .Ad-wrapper .image-wrapper>div {
    position: absolute;
    bottom: -55px;
    width: 100%;
    background: #00000070;
    text-align: center;
    display: flex;
    color: #fff;
    transition: .8s all ease;
}

.view-id-ads.view-display-id-block_1 .Ad-wrapper .image-wrapper:hover div {
    bottom: 0;
}

.view-id-ads.view-display-id-block_1 .Ad-wrapper .image-wrapper>div>p {
    font-size: 10px;
}

.Ad-wrapper .title {
    text-align: center;
    padding: .5rem;
    font-size: 12px;
}

.Ad-wrapper .title a {
    display: block;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.Ad-wrapper .image-wrapper:hover div {
    bottom: 0 !important;
}

.image-wrapper img {
    width: 100%;
    height: 100%;
    aspect-ratio: 1/1;
    object-fit: cover;
    border-top-left-radius: .5rem;
    border-top-right-radius: .5rem;
}

.Ad-wrapper .image-wrapper>div>p {
    font-size: 11px;
    width: 100%;
    margin: 0;
    padding: 0.8rem 0;
}



.user-info.d-flex {

    width: 100%;

    justify-content: space-between;

    align-items: end;

}



.user-info img {

    max-width: 35px;

}



.view-id-ads.view-display-id-block_2 .views-row {

    display: flex !important;

    column-gap: 10px;

}



.username a {

    font-size: 12px;

    font-weight: 600;

    display: block;

    max-width: 100px;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

}



.n-pic {

    position: relative;

    padding-left: 1.5rem;

}



.n-pic::before {

    content: " ";

    display: block;

    background: url(../images/account-icon.png) no-repeat;

    background-size: contain;

    height: 2rem;

    width: 1.3rem;

    position: absolute;

    left: -1px;

    top: 8px;

}



.price-info {

    word-break: break-all;

    font-weight: 600;

    color: #0E6722;

    font-size: 12px;

}



.location a {

    font-size: 10px;

    text-transform: uppercase;

    display: block;

    max-width: 100px;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

}



.Ad-bottom.is-member {

    position: relative;

}



.user-logged-in .Ad-bottom.is-member::after {

    content: '';

    position: absolute;

    background: url(../images/member.png) left top / contain no-repeat;

    width: 60px;

    height: 50px;

    top: -25px;

    left: -10px;

}



.Ad-bottom.is-member::after {

    content: '';

    position: absolute;

    background: url(../images/member.png) left top / contain no-repeat;

    width: 60px;

    height: 50px;

    top: -15px;

    left: -10px;

}

.user-picture .user-picture-frame {

    position: relative;

    display: inline-block;

}

.user-picture .user-picture-frame.is-member::after {

    content: '';

    position: absolute;

    background: url(../images/member.png) left top / contain no-repeat;

    width: 60px;

    height: 50px;

    top: -15px;

    left: -10px;

}







.sidebar-first .block-views-exposed-filter-blockall-ad-products-page-1 label {

    color: #000 !important;

    font-size: 700;

}



.sidebar-first .block-views-exposed-filter-blockall-ad-products-page-1 .fieldset-legend {

    color: #000 !important;

    font-weight: 700;

}



.sidebar-first .block-views-exposed-filter-blockall-ad-products-page-1 input.js-form-submit {

    background: rgb(139, 0, 0);

    color: #fff;

    border: 1px solid rgb(139, 0, 0);

    transition: .3s ease-in-out;

}



.region-sidebar-second #block-needshub-userlogin .item-list a {

    color: #0e6722;

}



.region-sidebar-second #block-needshub-userlogin .item-list ul li {

    list-style: none;

}



.region-sidebar-second #block-needshub-userlogin .item-list a:hover {

    text-decoration: underline;

}



.region-sidebar-second #block-needshub-userlogin input.js-form-submit {

    background: rgb(139, 0, 0);

    color: #fff;

    border: 1px solid rgb(139, 0, 0);

    transition: .3s ease-in-out;



}



p.promote-ads-error-message {

    background-color: #f2dede;

    color: #a94442;

    padding: 5px;

    font-size: 15px;

}



p.promote-ads-error-message:hover {

    text-decoration: underline;

    text-decoration-color: #000;

}



p.promote-ads-error-message a {

    color: #337ab7;

}



/* ------------------Spnsored Ad Cards-------------------------- */



.homepage-top-banner .Ad-wrapper {

    height: 294px;

    display: flex;

    flex-direction: column;

    justify-content: space-between;



    .Ad-bottom {

        padding: 10px 4px !important;

    }



    .image-wrapper>div {

        bottom: -74px;

    }

}



/* ----------------Homepage Ad Categories Listing------------------------ */



.category-wrapper {

    display: flex;

    flex-direction: column;

    align-items: center;

    text-align: center;

    gap: 12px;

}



.category-wrapper img {

    width: 50px !important;

    height: 50px !important;

    aspect-ratio: 1/1;

    object-fit: contain;

}



#block-needshub-views-block-homepage-ad-category-listing-block-1 .owl-stage-outer {

    padding: 0 70px;

    background: #fff;

    z-index: 1;

}



#block-needshub-views-block-homepage-ad-category-listing-block-1 .owl-stage-outer .owl-stage {

    display: flex;

    align-items: stretch;

}



#block-needshub-views-block-homepage-ad-category-listing-block-1 .owl-stage-outer .owl-stage .owl-item {

    padding: 25px 5px;

}



#block-needshub-views-block-homepage-ad-category-listing-block-1 .owl-nav {

    position: absolute;

    top: 0;

    display: flex;

    justify-content: space-between;

    align-items: center;

    width: 100%;

    height: 100%;

    margin: 0;

}



#block-needshub-views-block-homepage-ad-category-listing-block-1 .owl-nav button {

    width: 70px;

    height: 100%;

    background: #fff;

    margin: 0;

    font-size: 70px;

    font-weight: 100;

    color: #ccc;

    opacity: 1;

    z-index: 1;

    transition: color 0.3s ease;

}



#block-needshub-views-block-homepage-ad-category-listing-block-1 .owl-nav button:hover {

    color: #000;

}



#block-needshub-views-block-homepage-ad-category-listing-block-1 .owl-nav button.disabled:hover {

    color: #ccc;

}



/* Category Block for mobile */

#block-homepage-ad-category-listing-mobile-block-1 {

    display: none;

}



/* -----------------Homepage Category Listing Ends---------------------- */





#block-needshub-views-block-deals-of-the-day-block-4,

#block-needshub-views-block-ads-block-3,

#block-needshub-views-block-recent-blogs-block-1 {

    background: #fff;

}



#block-needshub-views-block-deals-of-the-day-block-4 .view-content,

#block-needshub-views-block-ads-block-3 .view-content,

#block-needshub-views-block-recent-blogs-block-1 .view-content {

    padding: 20px;

}



/* -------------------------Banner Slideshow---------------------------- */



#block-needshub-views-block-banner-slideshow-block-1 {

    .view-content {

        position: relative;



        .views_slideshow_controls_text {

            width: 100%;

            position: absolute;

            display: flex;

            justify-content: space-between;

            align-items: center;

            top: calc(50% - 30px);

            left: 0;

            z-index: 9;

            padding: 0 15px;



            .views_slideshow_controls_text_pause {

                display: none;

            }



            .views_slideshow_controls_text_previous,

            .views_slideshow_controls_text_next {

                opacity: 0.4;

                padding: 15px;

                border-radius: 50%;

                transition: all 0.5s;

            }



            .views_slideshow_controls_text_previous a,

            .views_slideshow_controls_text_next a {

                font-size: 0;

                display: block;

                height: 30px;

                width: 30px;

            }



            .views_slideshow_controls_text_previous a {

                background: url(../images/prev-icon.png) center/contain no-repeat;



            }



            .views_slideshow_controls_text_next a {

                background: url(../images/next-icon.png) center/contain no-repeat;

            }



            .views_slideshow_controls_text_previous:hover,

            .views_slideshow_controls_text_next:hover {

                background: #00000010;

                opacity: 0.8;

            }

        }



        .views-slideshow-controls-bottom {

            .item-list {

                position: absolute;

                bottom: 10px;

                width: 100%;

                z-index: 9;



                ul {

                    margin: 0;



                    li {

                        margin: 6px;

                        opacity: 0.4;

                    }

                }

            }

        }



    }

}



/* ----------------------Deals of the day--------------------------- */



#block-needshub-views-block-deals-of-the-day-block-4,

#block-needshub-views-block-ads-block-3,

#block-needshub-views-block-recent-blogs-block-1,

#block-needshub-views-block-other-services-block-1,

#block-needshub-views-block-all-ad-products-block-3,

#block-needshub-views-block-all-ad-products-block-4 {

    background: #fff;

}



#block-needshub-views-block-deals-of-the-day-block-4 .view-content,

#block-needshub-views-block-other-services-block-1 .view-content,

#block-needshub-views-block-ads-block-3 .view-content,

#block-needshub-views-block-recent-blogs-block-1 .view-content,

#block-needshub-views-block-all-ad-products-block-3 .view-content,

#block-needshub-views-block-all-ad-products-block-4 .view-content {

    padding: 20px;

}



/* ----------------------Ads Listing Block - 3---------------------- */







/* -------------------Recent Blogs-------------------------------- */





/* -----------------------All Ads Page ---------------------------- */



:is(.path-all-ads, .path-my-orders, .path-cart, .path-checkout, .path-today-deals, .path-taxonomy, .path-my-ads, .path-my-favourite-ads, .path-location, .path-category, .path-blogs, .path-product, .path-services, .path-contact, .path-node, .path-search, .path-my-sponsored-ads, .path-my-blogs, .path-user, .path-webform, .page-not-found) :is(.sidebar-first, .sidebar-second, .main-content) {

    background: #fff;

    padding: 15px;

}



:is(.path-all-ads, .path-today-deals, .path-taxonomy, .path-my-ads, .path-location, .path-my-favourite-ads, .path-category, .path-blogs, .path-services, .path-contact, .path-node, .path-search, .path-my-sponsored-ads, .path-my-blogs, .path-user) :is(.sidebar-first, .sidebar-second) {

    height: max-content !important;

}



@media screen and (min-width:767px) {

    :is(.path-all-ads, .path-today-deals, .path-taxonomy, .path-my-ads, .path-location, .path-my-favourite-ads, .path-category, .path-blogs, .path-services, .path-contact, .path-node, .path-search, .path-my-sponsored-ads, .path-my-blogs, .path-user) .content-section .row {

        gap: 10px !important;

        flex-wrap: nowrap !important;

    }

}



form#views-exposed-form-all-ad-products-page-1>div {

    display: grid !important;

}



form#views-exposed-form-all-ad-products-page-1 ul {

    list-style: none;

    padding: 0 !important;

}



form#views-exposed-form-all-ad-products-page-1 .form-type-textfield>label {

    color: #000 !important;

}



form#views-exposed-form-all-ad-products-page-1 ul li label {

    padding-left: .5rem;

    color: #000 !important;

}



form#views-exposed-form-all-ad-products-page-1 .form-radios {

    margin-top: 27px !important;

}



form#views-exposed-form-all-ad-products-page-1 select {

    margin-top: 7px !important;

}



form#views-exposed-form-all-ad-products-page-1 .form-radios>div>label {

    padding-left: .2rem;

    color: #000 !important;

}



form#views-exposed-form-all-ad-products-page-1 :is(legend, .form-type-select label, .form-type-cshs) {

    font-weight: bold !important;

    color: #000 !important;

}



#views-exposed-form-all-ad-products-page-1 .noUi-horizontal .noUi-handle {

    width: 19px !important;

    height: 19px !important;

    right: -17px !important;

    top: -4px !important;

    border-radius: 50% !important;

}



#views-exposed-form-all-ad-products-page-1 .noUi-handle::before,

#views-exposed-form-ads-page-1 .noUi-handle::after {

    content: unset !important;

}



#views-exposed-form-all-ad-products-page-1 .noUi-connect {

    background: darkred;

}



#views-exposed-form-all-ad-products-page-1 .noUi-target {

    height: 13px !important;

}



.flag-favorite .action-unflag::before {

    content: none;

}



.flag-favorite .action-flag::before {

    content: none;

}



.flag-favorite .action-unflag a.use-ajax {

    background: url(../images/star-org.png) no-repeat;

    width: 24px;

    height: 24px;

    background-size: contain;

    display: block;

    font-size: 0;

}



.flag-favorite .action-flag a.use-ajax {

    background: url(../images/star-blk.png) no-repeat;

    width: 24px;

    height: 24px;

    display: block;

    background-size: contain;

    font-size: 0;

}



.flag-favorite .action-flag a.use-ajax:hover {

    background: url(../images/star-org.png) no-repeat;

    width: 24px;

    height: 24px;

    display: block;

    background-size: contain;



}



.user-logged-in .flag-favorite:before {

    content: "";

    width: 0;

    height: 0;

    border-style: solid;

    border-width: 0 38px 38px 0;

    border-color: transparent #fff transparent transparent;

    position: absolute !important;

    right: 0;

    z-index: -1;

}



.Ad-wrapper {

    border-top-left-radius: unset !important;

    border-top-right-radius: unset !important;



}



.flag.flag-favourite-ad.action-flag a:hover::before {

    content: '\2605' !important;

}



.flag.flag-bookmark-ad.action-flag a:hover::before {

    content: '\2605' !important;

}



.flag.flag-favourite-ad.action-unflag a:hover:before {

    content: '\2606' !important;

}



.flag.flag-bookmark-ad.action-unflag a:hover::before {

    content: '\2606' !important;

}



.rate-info {

    display: flex;

    column-gap: .5rem;

}



.user-info>div:first-child img {

    height: 2rem;

    width: 1.3rem;

    object-fit: contain;

}





.user-info>div:first-child {

    display: flex;

    align-items: center;

    column-gap: 8px;

}



.path-product .form-item-vote {

    display: flex;

    column-gap: .5rem;

}



.path-product .form-item-vote .description {

    padding: 0 !important;

    border: 0 !important;

}



.block-social-auth-login {

    margin-top: 20px;

    text-align: center;

}

.sidebar-second .block-social-auth-login {

    margin-bottom: 20px;

}



.flags-links {

    display: flex;

    gap: 15px;

    padding: 10px 0;

    margin-bottom: 20px;

    align-items: center;

}



.flags-links .form-item-vote {

    display: flex;

    gap: 15px;

}



.blog-node-wrapper h2 {

    font-size: 20px;

    font-weight: 500;

}



.flags-links .flag-bookmark a::before {

    content: '\2606';

    font-size: 16px;

}



.flags-links .flag-bookmark a:hover::before {

    content: '\2605';

    font-size: 16px;

    color: #000;

}



.flags-links .flag-bookmark a:hover {

    color: #23527c;

    text-decoration: underline;

}



.view-banner .taxonomy-terms a:hover {

    background: #0e6720 !important;

}



/* ----------Blog Detail Page----------- */



.recent-blog-wrapper-sidebar {

    display: flex;

    gap: 6px;

    padding: 15px 0;

    border-bottom: 1px solid #d3d3d3;





    .blog-image {

        flex: 0 0 60px;

    }

}



.block-header-wrapper-sidebar {

    border-bottom: 1px solid #e1e1e1;

}



.path-blogs {

    .sidebar-first {

        padding: 0 !important;



        .region-sidebar-first {

            padding: 0;

        }

    }



    #views-exposed-form-recent-blogs-page-1 {

        .form-item-field-blog-tags-target-id {

            margin: 0;

            width: 100%;



            label {

                font-size: 18px;

                font-weight: 600;

                color: #000;

                padding: 15px 20px;

                display: block;

                /* border-bottom: 1px solid #d3d3d3; */

            }

        }



        ul {



            padding: 0;



            li {

                list-style: none;

                width: 100%;

                border-bottom: 1px solid #d3d3d3;



                a {

                    display: block;

                    padding: 10px 20px;

                }



                a:hover {

                    background: #FCB800;

                }

            }



            li:last-child {

                border-bottom: none;

            }

        }

    }

}



/* ===================== Login Page ============================= */



.path-user {



    .block-page-title-block h1 {

        text-align: center;

        font-size: 36px;

        font-weight: 600;

        margin-bottom: 20px;

    }



    #block-needshub-tabs {



        ul {

            border: none;

            justify-content: center;



            li {

                a {

                    font-size: 24px;

                    font-weight: 600;

                    color: #999;

                    border: none;

                }



                a.active {

                    color: #000;

                    background: transparent;

                }



                a:hover {

                    border: none;

                }

            }



            li:last-child {

                display: list-item;

            }

        }

    }



    .manage-all img {

        width: 42px;

        height: 42px;

    }



    .manage-all {

        display: flex;

        align-items: center;

        gap: 5px;

        margin: 20px 0;

    }



    .login-left-content h2 {

        font-size: 30px;

        font-weight: 400;

        color: #333;

    }



    .user-login-page .container {

        background: #fff;

        padding: 20px;

        border: 1px solid #ebebeb;

    }



    .user-login-page .col-sm-7 {

        border-right: 1px solid #ccc;

    }



    p.sign-up a {

        color: #337ab7;

    }



    p.sign-up a:hover {

        text-decoration: underline;

    }







    form.user-login-form,

    form.user-pass,

    form.user-register-form {

        /* max-width: 430px; */

        /* margin: 0 auto;

        padding: 35px 27px; */

        background: #fff;



        .custom-title {

            font-size: 16px;

            font-weight: 400;

            margin-bottom: 25px;

            color: #000;

        }



        .form-item {

            margin: 0;

            margin-bottom: 12px;



            input:not([type="checkbox"], [type="radio"]) {

                padding: 14px 16px;

                font-size: 14px;

                line-height: 1;

            }



            input:focus {

                box-shadow: none;

                border-color: #000;

            }

        }



        .form-actions {



            margin: 0;

            margin-top: 20px;



            input[type="submit"] {

                width: 100%;

                height: 50px;

                border-radius: 3px;

                font-weight: 600;

                background: #fcb800;

                border-color: #fcb800;

                color: #000;

            }

        }



        .custom-links {

            a {

                color: #0066cc;

                transition: all 0.4s;

            }



            a:hover {

                color: #FCB800;

            }

        }



    }



    form.user-login-form {

        label {

            display: none;

        }

    }



    form.user-pass {

        label {

            display: none;

        }

    }



    form.user-register-form {

        .description {

            display: none;

        }



        #edit-privatemsg {

            display: none;

        }

    }

}





/* **************** Banner at Blog Listing and Blog Page *********** */



:is(.blog-listing-page-banner-wrapper, .blog-page-banner-wrapper, .services-page-banner-wrapper) {

    position: relative;



    img {

        width: 100%;

    }



    .banner-text {

        position: absolute;

        color: #fff !important;

        font-size: 40px;

        font-weight: 700;

        text-align: center !important;

        top: 50%;

        left: 50%;

        transform: translate(-50%, -50%);



        a {

            padding-top: 4px;

            color: #fff !important;

        }

    }



    @media screen and (max-width:425px) {

        .banner-text {

            font-size: 16px !important;

        }

    }

}



:is(div#block-needshub-views-block-blog-listing-page-banner-block-1, div#block-needshub-views-block-blog-banner-block-1, div#block-needshub-views-block-blog-banner-block-2) :is(div, img) {

    min-width: 100%;

}



.blog-page-banner-wrapper {

    .banner-text {

        display: flex;

        flex-direction: column-reverse;



        .taxonomy-terms {

            a {

                background-color: #303031;

                color: #fff !important;

                padding: 5px 8px;

                margin: 0 5px;

                text-transform: uppercase;

                text-decoration: none;

                font-size: 14px;

                font-weight: 400 !important;

                border-radius: .3rem;

            }



        }

    }

}



@media screen and (max-width: 425px) {

    .taxonomy-terms {

        display: flex !important;

        white-space: nowrap;

        flex-wrap: wrap;

        gap: 2px;



        a {

            display: grid !important;

            place-content: center;

            font-size: 8px !important;

        }

    }



}





/******** user-page ************/



.path-user .user-picture img {

    border: 5px solid #333333;

    padding: 40px;

}



.path-user .user-info-wrapper h1 {

    font-size: 40px;

    color: #000;

    margin-top: 20px;

    font-weight: 400;

}



.path-user .user-name h2,

.path-user .about-me h2,

.path-user .address h2,

.path-user .website h2,

.path-user .telephone h2 {

    font-size: 22px;

    color: #333333;

    padding-top: 5px;

    font-weight: 500;

}



.path-user .user-info-wrapper {

    background-color: #ffffff;

    padding: 15px 20px;

    border: 1px solid #ebebeb;

}



.path-user .about-me {

    margin-bottom: 20px;

}



.path-user .website {

    margin-bottom: 20px;

}



.path-user h2.block-title {

    font-size: 22px;

    color: #000;

    padding: 12px 0;

}



.path-user .sidebar-second {

    background: unset !important;

    padding: unset;

}



.path-user .ads-listing-tips-block {

    background: #fff;

    padding: 12px !important;

    border: 1px solid #ebebeb;

}



.path-user .block-views-blockall-ad-products-block-7 {

    background: #fff;

    border: 1px solid #ebebeb;

    margin-top: 15px;

    padding: 15px 20px;

}



.path-user .edit-btn a {

    color: #ffffff;

    font-size: 15px;

    font-weight: 500;

    background: rgb(139, 0, 0);

    padding: 5px 17px;

    border-radius: 4px;

}



.path-user .edit-btn a:hover {

    background: rgba(255, 127, 127);

}



.path-user .user-name {

    margin: 20px 0;

}



.user-detail-page .main-content {

    padding: 2px !important;

    background: unset !important;

}



.order-wrapper {

    padding: 16px 18px;

    border: 1px solid #f1f1f1;

    border-radius: 12px;

    box-shadow: 0px 2px 2px #0e672214;

    margin-bottom: 18px;



    .order-header {

        display: flex;

        align-items: center;

        gap: 10px;

    }

    .order-status {

        font-size: 13px;

        font-weight: 600;

        color: #000000;

        padding: 6px 12px;

        border-radius: 20px;

        background: #ebebeb;

        display: flex;

        align-items: center;

        justify-content: center;

        flex-wrap: nowrap;

        gap: 4px;

    }

    .order-status::before {

        content: '';

        display: inline-block;

        height: 6px;

        width: 6px;

        background: #000000;

        border-radius: 50%;

    }

    .order-status.Completed {

        background: #e9f1da;

        color: #7ca034;

    }

    .order-status.Completed::before {

        background: #7ca034;

    }

    .order-content {}

    .order-items {

        ul {

            padding: 10px 0;

            margin: 0;

            li {

                list-style: none;

            }

        }

    }

}



/* =========== Cart Page Designs ============= */

.path-cart,
.path-checkout {

    .btn-primary {

        background: #0E6722;

        border-color: #0E6722;

        color: #ffffff;

    }

    .btn-primary:hover,

    .btn-primary:active,

    .btn-primary:focus-visible {

        background: #0E6722 !important;

        border-color: #0E6722 !important;

    }

}

.path-cart .block-page-title-block h1 {

    text-align: center;

    margin-top: 20px;

    margin-bottom: 40px;

}

.cart-form {

    table {

        th {

            background-color: #f2f2f2 !important;

            color: #000000;

            font-size: 14px;

            font-weight: 600;

            text-transform: uppercase;

        }

    }

}



/* ================= 404 Page ================== */



.page--page-not-found {

    padding: 50px 0;

    display: flex;

    flex-direction: column;

    align-items: center;

    h2 {

        font-size: 8rem;

        margin-bottom: 2rem;

        font-weight: 400;

    }

    h3 {

        font-size: 2rem;

        margin-bottom: 1rem;

    }

    p {

        font-size: 1rem;

        font-weight: 600;

        margin-bottom: 3rem;

    }

    a {

        text-decoration: none;

        text-transform: uppercase;

        text-align: center;

        color: #000000;

        padding: 8px 20px;

        border: 2px solid #000000;

        box-shadow: 3px 3px 0 #000000;

        min-width: 280px;

    }

}



/* ============== Order Completion Message =============== */



.path-checkout:has(.checkout-complete) .block-page-title-block {

    display: none;

}

.checkout-complete::before {

    content: '';

    display: inline-block;

    height: 100px;

    width: 100px;

    background: url(../images/verified-green.svg) center/contain no-repeat;

    margin-bottom: 20px;

}

.checkout-complete {

    padding: 20px 0;

    text-align: center;

    h2,
    h3,
    h4,
    h5,
    h6,
    p {

        text-align: center;

    }

    a.btn-primary {

        background: #0E6722;

        padding: 6px 20px;

    }

    .order-complete-message {

        h3 {

            margin-bottom: 20px;

        }

        p {

            margin-bottom: 6px;

            color: #666666;

        }

        .btn-primary {

            margin-top: 20px;

        }

    }

}



main#main-section:has(.page--access-denied) {

    display: flex;

    justify-content: center;

    align-items: center;

    padding: 50px 0;

    h2 {

        font-size: 8rem;

        margin-bottom: 2rem;

        font-weight: 400;

    }

    a.login-btn.account-btn {

        cursor: pointer;

        text-decoration: none;

        font-size: 16px;

        font-weight: 600;

        color: #000;

        margin: 0;

        line-height: 1;

        display: inline-block;

        text-wrap: nowrap;

        display: inline-block;

        background: #0E6722;

        color: #fff;

        padding: 10px 15px;

        border-radius: 4px;

        margin-top: 1.2rem;

    }

}



.block-page-title-block h1 .field--name-title {

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    max-width: 100%;

    display: block;

    font-weight: normal;

    text-transform: uppercase;

}

.star {
    font-size: 1.2rem;
    color: #ccc;
    /* default unfilled */
    transition: color 0.2s ease-in-out;
}

.star.filled {
    color: #f5c518;
    /* golden yellow */
}


/* ----------------- Other Services hover effect (front page) ----------------- */
:is(
  #block-needshub-views-block-deals-of-the-day-block-4,
  #block-needshub-views-block-ads-block-3,
  #block-needshub-views-block-recent-blogs-block-1,
  #block-needshub-views-block-other-services-block-1,
  #block-needshub-views-block-all-ad-products-block-3,
  #block-needshub-views-block-all-ad-products-block-4,
  .block-views-blockdeals-of-the-day-block-4,
  .block-views-blockads-block-3,
  .block-views-blockrecent-blogs-block-1,
  .block-views-blockother-services-block-1,
  .block-views-blockall-ad-products-block-3,
  .block-views-blockall-ad-products-block-4
) :is(.views-view-responsive-grid__item, .views-row) {
  overflow: hidden;
  background: #fff;
  transition: transform 160ms ease, box-shadow 160ms ease, border-color 160ms ease;
  will-change: transform;
  cursor: pointer;
}

:is(
  #block-needshub-views-block-deals-of-the-day-block-4,
  #block-needshub-views-block-ads-block-3,
  #block-needshub-views-block-recent-blogs-block-1,
  #block-needshub-views-block-other-services-block-1,
  #block-needshub-views-block-all-ad-products-block-3,
  #block-needshub-views-block-all-ad-products-block-4,
  .block-views-blockdeals-of-the-day-block-4,
  .block-views-blockads-block-3,
  .block-views-blockrecent-blogs-block-1,
  .block-views-blockother-services-block-1,
  .block-views-blockall-ad-products-block-3,
  .block-views-blockall-ad-products-block-4
) :is(.views-view-responsive-grid__item, .views-row) a {
  display: block;
  height: 100%;
  color: inherit;
  text-decoration: none;
}

:is(
  #block-needshub-views-block-deals-of-the-day-block-4,
  #block-needshub-views-block-ads-block-3,
  #block-needshub-views-block-recent-blogs-block-1,
  #block-needshub-views-block-other-services-block-1,
  #block-needshub-views-block-all-ad-products-block-3,
  #block-needshub-views-block-all-ad-products-block-4,
  .block-views-blockdeals-of-the-day-block-4,
  .block-views-blockads-block-3,
  .block-views-blockrecent-blogs-block-1,
  .block-views-blockother-services-block-1,
  .block-views-blockall-ad-products-block-3,
  .block-views-blockall-ad-products-block-4
) :is(.views-view-responsive-grid__item, .views-row):is(:hover, :focus-within) {
  transform: translateY(-4px);
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.12);
  z-index: 1;
}

:is(
  #block-needshub-views-block-deals-of-the-day-block-4,
  #block-needshub-views-block-ads-block-3,
  #block-needshub-views-block-recent-blogs-block-1,
  #block-needshub-views-block-other-services-block-1,
  #block-needshub-views-block-all-ad-products-block-3,
  #block-needshub-views-block-all-ad-products-block-4,
  .block-views-blockdeals-of-the-day-block-4,
  .block-views-blockads-block-3,
  .block-views-blockrecent-blogs-block-1,
  .block-views-blockother-services-block-1,
  .block-views-blockall-ad-products-block-3,
  .block-views-blockall-ad-products-block-4
) :is(.views-view-responsive-grid__item-inner img, .views-view-responsive-grid__item img, .views-row img) {
  transition: transform 200ms ease;
  transform-origin: center;
}

:is(
  #block-needshub-views-block-deals-of-the-day-block-4,
  #block-needshub-views-block-ads-block-3,
  #block-needshub-views-block-recent-blogs-block-1,
  #block-needshub-views-block-other-services-block-1,
  #block-needshub-views-block-all-ad-products-block-3,
  #block-needshub-views-block-all-ad-products-block-4,
  .block-views-blockdeals-of-the-day-block-4,
  .block-views-blockads-block-3,
  .block-views-blockrecent-blogs-block-1,
  .block-views-blockother-services-block-1,
  .block-views-blockall-ad-products-block-3,
  .block-views-blockall-ad-products-block-4
) :is(.views-view-responsive-grid__item, .views-row):is(:hover, :focus-within) img {
  transform: scale(1.03);
}

:is(
  #block-needshub-views-block-deals-of-the-day-block-4,
  #block-needshub-views-block-ads-block-3,
  #block-needshub-views-block-recent-blogs-block-1,
  #block-needshub-views-block-other-services-block-1,
  #block-needshub-views-block-all-ad-products-block-3,
  #block-needshub-views-block-all-ad-products-block-4,
  .block-views-blockdeals-of-the-day-block-4,
  .block-views-blockads-block-3,
  .block-views-blockrecent-blogs-block-1,
  .block-views-blockother-services-block-1,
  .block-views-blockall-ad-products-block-3,
  .block-views-blockall-ad-products-block-4
) :is(.views-view-responsive-grid__item, .views-row):is(:hover, :focus-within) h3,
:is(
  #block-needshub-views-block-deals-of-the-day-block-4,
  #block-needshub-views-block-ads-block-3,
  #block-needshub-views-block-recent-blogs-block-1,
  #block-needshub-views-block-other-services-block-1,
  #block-needshub-views-block-all-ad-products-block-3,
  #block-needshub-views-block-all-ad-products-block-4,
  .block-views-blockdeals-of-the-day-block-4,
  .block-views-blockads-block-3,
  .block-views-blockrecent-blogs-block-1,
  .block-views-blockother-services-block-1,
  .block-views-blockall-ad-products-block-3,
  .block-views-blockall-ad-products-block-4
) :is(.views-view-responsive-grid__item, .views-row):is(:hover, :focus-within) h4,
:is(
  #block-needshub-views-block-deals-of-the-day-block-4,
  #block-needshub-views-block-ads-block-3,
  #block-needshub-views-block-recent-blogs-block-1,
  #block-needshub-views-block-other-services-block-1,
  #block-needshub-views-block-all-ad-products-block-3,
  #block-needshub-views-block-all-ad-products-block-4,
  .block-views-blockdeals-of-the-day-block-4,
  .block-views-blockads-block-3,
  .block-views-blockrecent-blogs-block-1,
  .block-views-blockother-services-block-1,
  .block-views-blockall-ad-products-block-3,
  .block-views-blockall-ad-products-block-4
) :is(.views-view-responsive-grid__item, .views-row):is(:hover, :focus-within) .title {
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 3px;
}

@media (prefers-reduced-motion: reduce) {
  :is(
    #block-needshub-views-block-deals-of-the-day-block-4,
    #block-needshub-views-block-ads-block-3,
    #block-needshub-views-block-recent-blogs-block-1,
    #block-needshub-views-block-other-services-block-1,
    #block-needshub-views-block-all-ad-products-block-3,
    #block-needshub-views-block-all-ad-products-block-4,
    .block-views-blockdeals-of-the-day-block-4,
    .block-views-blockads-block-3,
    .block-views-blockrecent-blogs-block-1,
    .block-views-blockother-services-block-1,
    .block-views-blockall-ad-products-block-3,
    .block-views-blockall-ad-products-block-4
  ) :is(.views-view-responsive-grid__item, .views-row),
  :is(
    #block-needshub-views-block-deals-of-the-day-block-4,
    #block-needshub-views-block-ads-block-3,
    #block-needshub-views-block-recent-blogs-block-1,
    #block-needshub-views-block-other-services-block-1,
    #block-needshub-views-block-all-ad-products-block-3,
    #block-needshub-views-block-all-ad-products-block-4,
    .block-views-blockdeals-of-the-day-block-4,
    .block-views-blockads-block-3,
    .block-views-blockrecent-blogs-block-1,
    .block-views-blockother-services-block-1,
    .block-views-blockall-ad-products-block-3,
    .block-views-blockall-ad-products-block-4
  ) :is(.views-view-responsive-grid__item-inner img, .views-view-responsive-grid__item img, .views-row img) {
    transition: none;
  }
  :is(
    #block-needshub-views-block-deals-of-the-day-block-4,
    #block-needshub-views-block-ads-block-3,
    #block-needshub-views-block-recent-blogs-block-1,
    #block-needshub-views-block-other-services-block-1,
    #block-needshub-views-block-all-ad-products-block-3,
    #block-needshub-views-block-all-ad-products-block-4,
    .block-views-blockdeals-of-the-day-block-4,
    .block-views-blockads-block-3,
    .block-views-blockrecent-blogs-block-1,
    .block-views-blockother-services-block-1,
    .block-views-blockall-ad-products-block-3,
    .block-views-blockall-ad-products-block-4
  ) :is(.views-view-responsive-grid__item, .views-row):is(:hover, :focus-within) {
    transform: none;
  }
}
/* ----------------- Other Services hover effect ends here e) ----------------- */

/* Homepage ads section 1 & 2 hover effect */
.homepage-top-banner :is(.ads-section-2, .col-lg-4.p-2) :is(.views-view-responsive-grid__item, .views-row) {
  overflow: hidden;
  background: #fff;
  transition: transform 160ms ease, box-shadow 160ms ease, border-color 160ms ease;
  will-change: transform;
  cursor: pointer;
}

.homepage-top-banner :is(.ads-section-2, .col-lg-4.p-2) :is(.views-view-responsive-grid__item, .views-row) a {
  display: block;
  height: 100%;
  color: inherit;
  text-decoration: none;
}

.homepage-top-banner :is(.ads-section-2, .col-lg-4.p-2) :is(.views-view-responsive-grid__item, .views-row):is(:hover, :focus-within) {
  transform: translateY(-4px);
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.12);
  z-index: 1;
}

.homepage-top-banner :is(.ads-section-2, .col-lg-4.p-2) :is(.views-view-responsive-grid__item-inner img, .views-view-responsive-grid__item img, .views-row img) {
  transition: transform 200ms ease;
  transform-origin: center;
}

.homepage-top-banner :is(.ads-section-2, .col-lg-4.p-2) :is(.views-view-responsive-grid__item, .views-row):is(:hover, :focus-within) img {
  transform: scale(1.03);
}

.homepage-top-banner :is(.ads-section-2, .col-lg-4.p-2) :is(.views-view-responsive-grid__item, .views-row):is(:hover, :focus-within) :is(h3, h4, .title) {
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 3px;
}

@media (prefers-reduced-motion: reduce) {
  .homepage-top-banner :is(.ads-section-2, .col-lg-4.p-2) :is(.views-view-responsive-grid__item, .views-row),
  .homepage-top-banner :is(.ads-section-2, .col-lg-4.p-2) :is(.views-view-responsive-grid__item-inner img, .views-view-responsive-grid__item img, .views-row img) {
    transition: none;
  }

  .homepage-top-banner :is(.ads-section-2, .col-lg-4.p-2) :is(.views-view-responsive-grid__item, .views-row):is(:hover, :focus-within) {
    transform: none;
  }
}