a.link_post {
    text-decoration: none;
}

.custom-web-portfolio-item img {
    filter: grayscale(100%) !important;
    transition: filter 0.5s ease;
}

.custom-web-portfolio-item:hover img {
    filter: grayscale(0%) !important;
}

.img_rev {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}


.tab-bullets {
    display: flex;
    justify-content: center;
    gap: 10px;
    margin-top: 15px;
}

.bullet {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #ddd;
    cursor: pointer;
    border: 1px solid white;
    transition: all 0.3s ease;
}

.bullet.active {
    background-color: #1b595c;
    /* Or your brand color */
    transform: scale(1.2);
}

.bullet:hover {
    background-color: #999;
}

.tab-nav-arrows {
    display: flex;
    gap: 15px;
    justify-content: flex-start;
    margin-top: 25px;
}

.tab-arrow {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #ffffff;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.tab-arrow i {
    font-size: 24px;
    color: #2C7A7B;
}

.tab-arrow:hover {
    transform: scale(1.1);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.tab-arrow:hover i {
    color: #1a5a5b;
}

/* Tab Bullets */
.tab-bullets {
    display: flex;
    justify-content: center;
    gap: 10px;
    margin-top: 20px;
}

.bullet {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #d1d5db;
    cursor: pointer;
    transition: all 0.3s ease;
}

.bullet.active {
    background-color: #2C7A7B;
    transform: scale(1.3);
}

.bullet:hover {
    background-color: #9ca3af;
}

.cwd_img,
.Ai_img,
.app_dev {
    display: block;
}

.cwd_img_mobile,
.Ai_img_mob,
.app_dev_mob {
    display: none;

}


@media screen and (min-width:1500px) {
    .ct_img {
        width: 1500px !important;
        margin-bottom: -94px;
    }

    .em_img {
        transform: scale(1.3) !important;
    }

    .app_dev {
        transform: scale(1.3) !important;
    }

    .GD_img {
        transform: scale(1.3) !important;
        will-change: unset;
        margin-left: -60px;
    }



}

@media screen and (min-width:1300px) {
    .email-writing-newsletter-img-text-section .image-col img {
        transform: scale(1.3);
        margin-right: 61px;
    }

    .app_dev {
        width: 1500px;
        margin-left: 80px;
    }

    .Ai_img {
        width: 1500px;
    }

    .GD_img {
        width: 730px;
    }

    .WD_img {
        max-width: 800px;
        width: 800px;
        margin-left: -50px;
        transform: scale(1.1) !important;
        will-change: unset !important;
    }

    .ct_img {
        width: 650px;
        margin-bottom: -94px;
    }

    .get_img {
        max-width: 460px !important;
        margin-top: -61px;
    }

    /* .ghl_img {
        max-width: 1572px;
        margin-right: -146px;
    } */

    .lc_img {
        max-width: 1572px;
        margin-right: -146px;
    }


    .cwd_img {
        max-width: 1572px;
        margin-right: -300px;
        transform: scale(1.6) !important;
    }

    .go-high-level-hero .ghl_img {
        transform: scale(1.2) !important;
        will-change: auto;
    }

    .contact-info-section .col-md-6.col-lg-3:last-child {
        margin-left: -55px;
    }

    .contact-info-section .col-md-6.col-lg-3:nth-child(3) {
        margin-left: -10px;
    }

    .contact-info-section .col-md-6.col-lg-3:nth-child(1) {
        margin-right: 10px;
    }





}


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

    .wl_img {
        max-width: 1572px;
        margin-right: -146px;
        transform: scale(1.3) !important;
    }

    .paid_img {
        max-width: 1572px;
        transform: scale(1.3) !important;
    }

    .em_img {
        max-width: 1572px;
        margin-right: -146px;
        transform: scale(1.0);
    }
}

@media (min-width: 992px) {

    .tech-item p {
        width: 100%;
        max-width: 550px;
    }

    .pf-slide-title {
        width: 90%;
    }
}


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

    .cwd_img {
        transform: scale(1.2);
    }

}



@media (max-width: 991px) {


    .cwd_img,
    .Ai_img,
    .app_dev {
        display: none;
    }

    .cwd_img_mobile,
    .Ai_img_mob,
    .app_dev_mob {
        display: block;
        width: 100%;
    }

    .tab-bullets {
        display: none;
    }

    .tab-nav-arrows {
        justify-content: center;
    }
}

@media(max-width:1299px) {
    .contact-info-wrapper p br {
        display: none;
    }
}