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


:is(.reply-by-email-form-wrapper,.get-quote-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;
    }
}

:is(.reply-by-email-form-wrapper,.get-quote-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: 3%;
    right: 4%;
    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';
}

.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;
            margin-bottom: 75px;

            #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;
    }

    .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%;
        background: darkred;
        border: navajowhite;
    }

    .commerce-order-item-add-to-cart-form .form-actions :is(input:hover, input:focus) {
        background: rgba(255, 127, 127);
    }

    .ad-promotion-message {
        color: #333333;
        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';
        }
    }
}

.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;
}

.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;
    }
}

.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;
}

.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;
}

.view-all-ad-products .view-footer {
    padding: 20px 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;
}

.block-views-blockrecent-blogs-block-3 h2.block-title,
.block-views-blockall-ad-products-block-6 h2.block-title,
.block-views-blockrecent-blogs-block-4 h2.block-title,
.block-views-blockrecent-blogs-block-5 h2.block-title {
    font-size: 22px;
}

.block-views-blockrecent-blogs-block-3 .view-footer {
    margin-bottom: 15px;
    text-align: center;
}

.block-views-blockrecent-blogs-block-3 .views-view-responsive-grid__item:last-child {
    display: none;
}

.block-views-blockrecent-blogs-block-4 {
    position: relative;
}

.block-views-blockrecent-blogs-block-4 button.owl-prev {
    position: absolute;
    left: -4px;
    top: 18%;
    color: red;
}

.block-views-blockrecent-blogs-block-4 button.owl-next {
    position: absolute;
    right: -4px;
    top: 18%;
}

.block-views-blockrecent-blogs-block-4 .owl-theme .owl-nav [class*='owl-'] {
    border-radius: 5px;
    font-size: 30px !important;
    background-color: #fff;
    color: #000;
    padding: 1px 3px !important;
}

.block-views-blockrecent-blogs-block-4 .view-footer {
    padding-bottom: 20px;
    text-align: right;
}

.block-views-blockrecent-blogs-block-4 .view-footer a {
    background-color: #fe7d15;
    color: #fff;
    padding: 10px 13px;
    border-radius: 2px;
}

.block-views-blockother-services-block-2 .view-footer {
    text-align: right;
    margin-bottom: 15px;
}

.block-views-blockother-services-block-2 .view-footer a {
    background-color: #fe7d15;
    color: #fff;
    padding: 10px 13px;
    border-radius: 2px;
}

.view-similar-ads button.owl-prev {
    background-image: url(/sites/needshub.com/themes/needshub/images/left-arrow1.png) !important;
    position: absolute;
    left: -8px;
    top: 37%;
    width: 54px;
    height: 54px;
    font-size: 0;
    background-repeat: no-repeat !important;
}
.view-similar-ads button.owl-next {
    background-image: url(/sites/needshub.com/themes/needshub/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;
}

.promote-ad-btn-wrapper a {
    background: darkred;
    border: navajowhite;
    color: #fff;
    padding: 10px 20px;
    border-radius: 6px;
    display: inline-block;
    width: 100%;
    text-align: center;
}

.taxonomy-terms a {
    background-color: #303031;
    color: #fff !important;
    padding: 5px 8px;
    text-transform: uppercase;
    font-weight: 400;
    border-radius: .3rem;
    font-size: 9px;
}

.promote-ad-btn-wrapper a:hover {
    background: rgba(255, 127, 127);
}

.blog-tags-title a {
    background-color: #0e6720;
    color: #fff;
    padding: 3px 5px;
    text-decoration: none;
    font-weight: 600;
    border-radius: 5px;
    margin-left: 5px;
}

.blog-tags-title {
    margin-bottom: 10px;
}

.region-header-top-middle .js-form-item {
    display: none;
}

.region-header-top-middle .form-item-title {
    display: block;
}

.region-header-top-middle label {
    display: none;
}

.region-header-top-middle span.fieldset-legend {
    display: none;
}

.region-header-top-middle {
    position: relative;
}

.region-header-top-middle .form-wrapper {
    position: absolute;
    top: 0;
    right: 0;
}

.bef-exposed-form .form--inline>.form-item {
    float: unset !important;
}

.header-top-middle form {
    display: unset !important;
}

#block-ghanadeal-views-block-blog-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-ghanadeal-views-block-blog-taxonomy-tags-block-1 .views-field.views-field-name a:hover {
    background-color: #0e6721;
    color: #fff;
}

.region-sidebar-first .form-item-title {
    display: none;
}

.block-other-ads-ghanadeal ul li {
    list-style: none;
    margin-left: 5px;
}

.block-other-ads-ghanadeal>div:last-child {
    text-align: right;
    margin-bottom: 12px;
}

.block-other-ads-ghanadeal>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-ghanadeal-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;
}

.region-content div#block-ghanadeal-content {
    background: #fff;
    padding: 15px;
}

.content-section .row {
    gap: 10px;
    flex-wrap: nowrap !important;
}

.path-product .form-item-vote {
    display: flex;
    column-gap: .5rem;
}

.path-product .form-item-vote .description {
    padding: 0 !important;
    border: 0 !important;
}

#hamberger-icon {

    width: 30px;

    height: 30px;

    cursor: pointer;

}

.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;

}



.Ad-bottom.is-member {

    position: relative;

}



.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;

}

.homepage-top-banner .Ad-wrapper {

    position: relative;

}

.Ad-wrapper.sponsored::after {

    content: " ";

    display: block;

    height: 5rem;

    width: 5rem;

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

    background-size: contain;

    position: absolute;

    top: -5px;

    left: -5px;

}


.block-views-exposed-filter-blockall-ad-products-page-7 :is(legend, .form-type-select label, .form-type-cshs) {
    color: #000 !important;
    font-weight: 700;
}

.block-views-exposed-filter-blockall-ad-products-page-7 span.fieldset-legend {
    color: #000 !important;
    font-weight: 700;
}

.block-views-exposed-filter-blockall-ad-products-page-7 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 .item-list ul li {
    list-style: none;
    margin: 0;
}
.region-sidebar-second .item-list ul li:has(.request-password-link){
    display: none;
}

.region-sidebar-second .item-list a {
    color: #0e6722;
}

.region-sidebar-second .item-list a:hover {
    text-decoration: underline;
}

.region-sidebar-second #block-ghanadeal-userlogin 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-social-auth-login{
    margin-bottom: 20px;
}

#block-ghanadeal-content .pagination .page-item a {
    color: rgb(139, 0, 0);
}

#block-ghanadeal-content .pagination li.page-item.is-active.active a {
    background: rgb(139, 0, 0) !important;
    color: #fff;
    border-color: rgb(139, 0, 0);
}

#block-ghanadeal-content .pagination span.page-link {
    color: rgb(139, 0, 0) !important;
}

.region-sidebar-first .block-views-exposed-filter-blockall-ad-products-page-7 {
    background: #fff;
}

.block-social-auth-login {
    margin-top: 20px;
    text-align: center;
}

.block-views-blockall-ad-products-block-1 .location a {
    max-width: 68% !important;

}

.view-content-banner .taxonomy-terms {
    display: flex;
    gap: 10px;
    justify-content: center;
}
.view-content-banner .taxonomy-terms a:hover{
    background: #0e6720 !important;
}


/* ---------------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;

}

:is(.path-my-blogs, .path-my-ads, .path-my-sponsored-ads, .path-my-favorite-ads) .block-header-wrapper h2 {
    font-weight: 700;
    font-size: 30px;
}

.block-header-wrapper h2 {

    font-size: 24px;

    font-weight: 400;

    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 svg {

    margin-right: 20px;

    width: 18px;

    height: 18px;

}

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

    line-height: 1.3;

}



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



polygon.highlight {

    stroke: white;

    stroke-width: 1;

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

}

polygon.highlight:hover {

    fill: #FCB800 !important;

}

.map-section {

    padding: 2rem;

}





/* ---------------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 .Ad-bottom {

    padding: 10px 10px;

    border-top: 1px solid #b4cbb9;

}



.view-id-ads.view-display-id-block_1 .Ad-wrapper .Ad-bottom {

    padding: 10px 10px;

}

.Ad-wrapper .image-wrapper {

    position: relative;

    overflow: hidden;

}

.Ad-wrapper .image-wrapper>div {

    position: absolute;

    bottom: -70px;

    width: 100%;

    background: #00000070;

    text-align: center;

    display: flex;

    color: #fff;

    /* height: 0; */

    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;

    /* height: 0; */

    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 0;

    font-size: 12px;

}

.Ad-wrapper .image-wrapper:hover div {

    bottom: 0;

}

.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;
}

.Ad-wrapper .title {

    padding: .8rem .5rem;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

}

.user-info.d-flex {
    width: 100%;
    justify-content: space-between;
    /* align-items: end; */
    /* flex-wrap: wrap; */
}

.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;

}

.product-detail-wrapper p {
    color: #333;
}

.product-detail-wrapper p b {
    font-weight: 700;
    color: #0e6721;
    text-transform: uppercase;
}


.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;

}

.blog-tags {
    margin-top: 3px;
    display: flex;
    gap: 5px;
    flex-wrap: wrap;
}

.blog-tags a {
    background-color: #313130;
    padding: 4px 6px;
    color: #fff !important;
    border-radius: 5px;
}

.blog-tags a:hover {
    text-decoration: underline;
}

.region-sidebar-second .view-blogs {
    margin-top: 3px;
}

.region-sidebar-second .view-blogs 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 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;
}

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;
}


:is(.flag.flag-bookmark-ad, .flag.flag-sponsor-ad, .flag-favourite-ad) :is(a:hover, a:focus) {
    color: #23527c;
    text-decoration: underline;
}

.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;
}
.view-id-ads.view-display-id-block_2 .views-row {

    display: flex !important;

    column-gap: 10px;

}

:is(.username, .ownership) a {

    font-size: 12px;

    font-weight: 600;

}

.n-pic {

    position: relative;

    padding-left: 1.5rem;
    min-height: 2rem;

}

.n-pic::before {
    content: " ";
    display: block;
    background: url(../images/account-icon.png) center/contain no-repeat;
    height: 2rem;
    width: 1.3rem;
    position: absolute;
    right: 0;
    top: 0px;
}

.flags-links {
    display: flex;
    gap: 15px;
    padding: 40px 0;
    align-items: center;
}

.flags-links .form-item-vote {
    display: flex;
    gap: 15px;
}

.flags-links .flag-bookmark a:hover {
    color: #23527c;
    text-decoration: underline;
}

.flags-links .flag-bookmark a::before {
    content: '\2606';
    font-size: 16px;
}

.flags-links .flag-bookmark a:hover::before {
    content: '\2605' !important;
    color: #000;
}

.user-info>div:first-child img {
    min-width: 1.3rem;
    object-fit: contain;
}

.user-info>div:first-child {
    flex-direction: unset !important;
}


.price-info {
    /* word-break: break-all; */
    font-weight: 600;
    color: #0E6722;
    font-size: 12px;
    text-wrap-mode: nowrap;
    /* text-align: end; */
}

.region.region-sidebar-second {
    padding: 0;
}

.username {
    white-space: nowrap;
    max-width: 65% !important;
    text-overflow: ellipsis;
    overflow: hidden;
}

.username a {
    font-size: 12px;
    font-weight: 600;
    display: block;
    max-width: 100px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.user-info>div:first-child {
    display: flex;
    gap: 5px;
    white-space: nowrap;
    text-overflow: ellipsis;
    min-height: 100%;
    max-width: 60%;
}

.location a {



    font-size: 9px;

    text-transform: uppercase;

    display: block;

    width: 76%;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

}

.blog-node-wrapper h2 {
    font-size: 20px;
    font-weight: 500;
}



/* ***Homepage Top banner cards design and alignement in desktop */



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

    .homepage-top-banner .views-view-responsive-grid {

        --views-responsive-grid--layout-gap: 8px !important;

    }

    .homepage-top-banner .view-display-id-block_1 .Ad-wrapper {

        height: 270px;

        display: flex;

        flex-direction: column;

    }

    .homepage-top-banner .Ad-wrapper {

        height: 262px;

        display: flex;

        flex-direction: column;

    }



    .top-banner-middle-section {

        display: flex;

        flex-direction: column;

        justify-content: space-between;

        /* height: 100%; */

    }

    .map-section {

        padding: 1rem !important;

        /* height: 100%; */

        display: grid;

        place-content: center;

    }

    .map-section img {

        display: block;

        height: 255px;

        width: 237px;

    }

    .map-section svg {

        height: 254px;

        width: auto;

    }

}







/* ----------------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;

}

:is(#block-needshub-views-block-homepage-ad-category-listing-block-1, #block-ghanadeal-views-block-homepag-block-1) .owl-stage-outer {

    padding: 0 70px;

    background: #fff;

    z-index: 1;

}

:is(#block-needshub-views-block-homepage-ad-category-listing-block-1, #block-ghanadeal-views-block-homepag-block-1) .owl-stage-outer .owl-stage {

    display: flex;

    align-items: stretch;

}

:is(#block-needshub-views-block-homepage-ad-category-listing-block-1, #block-ghanadeal-views-block-homepag-block-1) .owl-stage-outer .owl-stage .owl-item {

    padding: 25px 5px;

}

:is(#block-needshub-views-block-homepage-ad-category-listing-block-1, #block-ghanadeal-views-block-homepag-block-1) .owl-nav {

    position: absolute;

    top: 0;

    display: flex;

    justify-content: space-between;

    align-items: center;

    width: 100%;

    height: 100%;

    margin: 0;

}

:is(#block-needshub-views-block-homepage-ad-category-listing-block-1, #block-ghanadeal-views-block-homepag-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;

}

:is(#block-needshub-views-block-homepage-ad-category-listing-block-1, #block-ghanadeal-views-block-homepag-block-1) .owl-nav button:hover {

    color: #000;

}

:is(#block-needshub-views-block-homepage-ad-category-listing-block-1, #block-ghanadeal-views-block-homepag-block-1) .owl-nav button.disabled:hover {

    color: #ccc;

}



#block-ghanadeal-views-block-homepag-block-2 {

    display: none;

}



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





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

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

#block-ghanadeal-views-block-ads-block-4,

#block-ghanadeal-views-block-ads-block-3,

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

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

    background: #fff;

}

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

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

#block-ghanadeal-views-block-ads-block-4 .view-content,

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

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

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

    padding: 20px;

}

.taxonomy-terms a {
    font-size: 16px !important;
}

h4.banner-text {
    display: flex;
    flex-direction: column-reverse;
}

.block-views-blockall-ad-products-block-1 .location a {
    font-size: 7px;
}





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



#block-ghanadeal-views-block-banner-s-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--------------------------- */







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







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





:is(.path-all-ads, .path-checkout, .path-cart, .path-my-orders, .path-today-deals, .path-taxonomy, .path-location, .path-my-sponsored-ads, .path-my-favorite-ads, .path-category, .path-my-blogs, .path-my-ads, .path-blogs, .path-product, .path-services, .path-contact, .path-node, .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-location, .path-my-sponsored-ads, .path-my-favorite-ads, .path-category, .path-blogs, .path-my-blogs, .path-my-ads, .path-product, .path-services, .path-contact, .path-node, .path-user) :is(.sidebar-first) {

    height: max-content !important;

}



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

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

        gap: 10px !important;

        flex-wrap: nowrap !important;

    }

}

form#views-exposed-form-all-ads-page-2>div {

    display: grid !important;

}



form#views-exposed-form-all-ads-page-2 ul {

    list-style: none;

    padding: 0 !important;

}

form#views-exposed-form-all-ads-page-2 .form-type-textfield>label {

    color: #000 !important;

}

form#views-exposed-form-all-ads-page-2 ul li label {

    padding-left: .5rem;

    color: #000 !important;

}

form#views-exposed-form-all-ads-page-2 .form-radios {

    margin-top: 27px !important;

}

form#views-exposed-form-all-ads-page-2 select {

    margin-top: 7px !important;

}

form#views-exposed-form-all-ads-page-2 .form-radios>div>label {

    padding-left: .2rem;

    color: #000 !important;

}

form#views-exposed-form-all-ads-page-2 :is(legend, .form-type-select label, .form-type-cshs) {

    font-weight: bold !important;

    color: #000 !important;

}



.noUi-horizontal .noUi-handle {

    width: 19px !important;

    height: 19px !important;

    right: -17px !important;

    top: -2px !important;

    border-radius: 50% !important;

}



: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: 18px !important;
            display: flex;
            flex-direction: column-reverse;

        }

    }

}



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

    min-width: 100%;

}



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



.path-user {



    .block-page-title-block h1 {

        text-align: center;

        font-size: 36px;

        font-weight: 600;

        margin-bottom: 20px;

    }

    #block-ghanadeal-local-tasks {



        ul {

            border: none;

            justify-content: center;



            li {

                a {

                    font-size: 24px;

                    font-weight: 600;

                    color: #999;

                    border: none;

                    outline: none;



                }

                a.active {

                    color: #000;

                    background: transparent;

                    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,
            select: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 {

        .form-item {



            .description,
            label {

                display: none;

            }

        }

    }



    form.user-pass {

        label {

            display: none;

        }

    }



    form.user-register-form {

        .description {

            display: none;

        }

        #edit-contact {

            display: none;

        }

        #edit-privatemsg {

            display: none;

        }

    }

}


/* --------------- */

.blog-image img {
    border-radius: 10px;
}
.region-content-bottom #block-ghanadeal-views-block-all-ad-products-block-5 {
    background: #fff;
    border: 1px solid #ebebeb;
    margin-top: 12px;
}

.region-content-bottom .view-id-all_ad_products{
    padding: 15px;
}

.region-content-bottom #block-ghanadeal-views-block-all-ad-products-block-5 h2.block-title {
    padding: 15px;
    border-bottom: 1px solid #d4ded9;
}

.product-detail-section .promote-ad-btn-wrapper {
    margin-top: 1.5rem;
}




/******** 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;
}

.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-tips-block {
    background: #fff;
    padding: 12px !important;
    border: 1px solid #ebebeb;
}

.path-user .block-views-blockall-ad-products-block-9 {
    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: 4px 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  {
    background: unset !important;
    padding: 2px !important;
    border: 1px solid #ebebeb;
}

.user-detail-page .region-content div#block-ghanadeal-content {

    padding: 5px;
}

.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;
                margin: 0;
            }
        }
    }
}

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

.path-cart, .path-checkout{
    .btn-primary{
        background: rgb(139,0,0);
        border-color: rgb(139,0,0);
        color: #ffffff;
    }
    .btn-primary:hover,
    .btn-primary:active,
    .btn-primary:focus-visible{
        background: rgb(139,0,0) !important;
        border-color: rgb(139,0,0) !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-red.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: rgb(139,0,0);
        border-color: rgb(139,0,0);
        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: #fcb800;
        color: #000;
        padding: 10px 15px;
        border-radius: 4px;
        margin-top: 1.2rem;
    }
}

.product-detail-wrapper .product-name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    display: block;
    font-weight: normal;
    text-transform: uppercase;
}


@media screen and (max-width:767px) {
    
    .view-commerce-cart-form{

            table{
                thead{
                    display:none !important;
            }
                    tbody tr{
                       display:grid !important;     
                       margin-bottom: 1.8rem !important;
                       border: 1px solid #80808085;
                       box-shadow: 2px 2px 4px #8080802b;
                       td{
                           p:first-child{
                            
                                font-weight: 600;
                                font-size: 1rem;
                            
                           }
                       }
                    }
            }
            div#edit-actions {
                display: flex;
                flex-wrap: wrap;
                gap: .5rem;
                input{
                    margin: 0 !important;
                }
            }
    }   
}

.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-ghanadeal-views-block-ads-block-3,
    #block-ghanadeal-views-block-ads-block-4,
    #block-ghanadeal-views-block-recent-blogs-block-1,
    #block-ghanadeal-views-block-other-services-block-1,
    #block-ghanadeal-views-block-all-ad-products-block-3,
    #block-ghanadeal-views-block-all-ad-products-block-4,
    .block-views-blockads-block-3,
    .block-views-blockads-block-4,
    .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-ghanadeal-views-block-ads-block-3,
    #block-ghanadeal-views-block-ads-block-4,
    #block-ghanadeal-views-block-recent-blogs-block-1,
    #block-ghanadeal-views-block-other-services-block-1,
    #block-ghanadeal-views-block-all-ad-products-block-3,
    #block-ghanadeal-views-block-all-ad-products-block-4,
    .block-views-blockads-block-3,
    .block-views-blockads-block-4,
    .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-ghanadeal-views-block-ads-block-3,
    #block-ghanadeal-views-block-ads-block-4,
    #block-ghanadeal-views-block-recent-blogs-block-1,
    #block-ghanadeal-views-block-other-services-block-1,
    #block-ghanadeal-views-block-all-ad-products-block-3,
    #block-ghanadeal-views-block-all-ad-products-block-4,
    .block-views-blockads-block-3,
    .block-views-blockads-block-4,
    .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-ghanadeal-views-block-ads-block-3,
    #block-ghanadeal-views-block-ads-block-4,
    #block-ghanadeal-views-block-recent-blogs-block-1,
    #block-ghanadeal-views-block-other-services-block-1,
    #block-ghanadeal-views-block-all-ad-products-block-3,
    #block-ghanadeal-views-block-all-ad-products-block-4,
    .block-views-blockads-block-3,
    .block-views-blockads-block-4,
    .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-ghanadeal-views-block-ads-block-3,
    #block-ghanadeal-views-block-ads-block-4,
    #block-ghanadeal-views-block-recent-blogs-block-1,
    #block-ghanadeal-views-block-other-services-block-1,
    #block-ghanadeal-views-block-all-ad-products-block-3,
    #block-ghanadeal-views-block-all-ad-products-block-4,
    .block-views-blockads-block-3,
    .block-views-blockads-block-4,
    .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-ghanadeal-views-block-ads-block-3,
    #block-ghanadeal-views-block-ads-block-4,
    #block-ghanadeal-views-block-recent-blogs-block-1,
    #block-ghanadeal-views-block-other-services-block-1,
    #block-ghanadeal-views-block-all-ad-products-block-3,
    #block-ghanadeal-views-block-all-ad-products-block-4,
    .block-views-blockads-block-3,
    .block-views-blockads-block-4,
    .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-ghanadeal-views-block-ads-block-3,
    #block-ghanadeal-views-block-ads-block-4,
    #block-ghanadeal-views-block-recent-blogs-block-1,
    #block-ghanadeal-views-block-other-services-block-1,
    #block-ghanadeal-views-block-all-ad-products-block-3,
    #block-ghanadeal-views-block-all-ad-products-block-4,
    .block-views-blockads-block-3,
    .block-views-blockads-block-4,
    .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-ghanadeal-views-block-ads-block-3,
    #block-ghanadeal-views-block-ads-block-4,
    #block-ghanadeal-views-block-recent-blogs-block-1,
    #block-ghanadeal-views-block-other-services-block-1,
    #block-ghanadeal-views-block-all-ad-products-block-3,
    #block-ghanadeal-views-block-all-ad-products-block-4,
    .block-views-blockads-block-3,
    .block-views-blockads-block-4,
    .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-ghanadeal-views-block-ads-block-3,
      #block-ghanadeal-views-block-ads-block-4,
      #block-ghanadeal-views-block-recent-blogs-block-1,
      #block-ghanadeal-views-block-other-services-block-1,
      #block-ghanadeal-views-block-all-ad-products-block-3,
      #block-ghanadeal-views-block-all-ad-products-block-4,
      .block-views-blockads-block-3,
      .block-views-blockads-block-4,
      .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-ghanadeal-views-block-ads-block-3,
      #block-ghanadeal-views-block-ads-block-4,
      #block-ghanadeal-views-block-recent-blogs-block-1,
      #block-ghanadeal-views-block-other-services-block-1,
      #block-ghanadeal-views-block-all-ad-products-block-3,
      #block-ghanadeal-views-block-all-ad-products-block-4,
      .block-views-blockads-block-3,
      .block-views-blockads-block-4,
      .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-ghanadeal-views-block-ads-block-3,
      #block-ghanadeal-views-block-ads-block-4,
      #block-ghanadeal-views-block-recent-blogs-block-1,
      #block-ghanadeal-views-block-other-services-block-1,
      #block-ghanadeal-views-block-all-ad-products-block-3,
      #block-ghanadeal-views-block-all-ad-products-block-4,
      .block-views-blockads-block-3,
      .block-views-blockads-block-4,
      .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;
    }
  }