[data-overlay-dark="5"]:before {
    opacity: 0.7;
}


.parallax-header {
    /* height: auto; */
    height: calc(100vh - 200px);
    /* padding: 150px auto; */
}

.we-content p {
    font-size: 14px;
    text-align: justify;
}



/* Custom styles for scroll-triggered animations */
        .animate-on-scroll {
            opacity: 0;
            transform: translateY(30px);
            transition: opacity 0.8s ease, transform 0.8s ease;
        }
        
        .animate-on-scroll.animated {
            opacity: 1;
            transform: translateY(0);
        }
        
        /* Animation delays for staggered effects */
        .animate-on-scroll.delay-1 { transition-delay: 0.1s; }
        .animate-on-scroll.delay-2 { transition-delay: 0.2s; }
        .animate-on-scroll.delay-3 { transition-delay: 0.3s; }
        .animate-on-scroll.delay-4 { transition-delay: 0.4s; }
        .animate-on-scroll.delay-5 { transition-delay: 0.5s; }
        
        /* Specific animation types */
        .animate-on-scroll.slide-left {
            transform: translateX(-50px);
        }
        
        .animate-on-scroll.slide-left.animated {
            transform: translateX(0);
        }
        
        .animate-on-scroll.slide-right {
            transform: translateX(50px);
        }
        
        .animate-on-scroll.slide-right.animated {
            transform: translateX(0);
        }
        
        .animate-on-scroll.zoom-in {
            transform: scale(0.9);
        }
        
        .animate-on-scroll.zoom-in.animated {
            transform: scale(1);
        }
        
        /* Banner text animations */
        .banner-header h6.animate-on-scroll {
            transform: translateY(-30px);
        }
        
        .banner-header h1.animate-on-scroll {
            transform: translateY(30px);
        }




.we-help .item .icon {
    background: #F0F0F3;
}

.we-help .item .icon::before {
    box-shadow: 6px 6px 0 6px #F0F0F3;
    box-shadow: 6px 6px 0 6px #F0F0F3;
}

.we-help .item .icon::after {
    box-shadow: 6px 6px 0 6px #F0F0F3;
    box-shadow: 6px 6px 0 6px #F0F0F3;
}





.we-help .blog .item:hover .icon .icon-w i.icon-show,
.blog .item .icon .icon-w i.icon-hidden {
    display: block;
    line-height: 50px;
    color: #fff;
}


.blog .item {
    max-height: 400px;
}



.home-faqs {
    background-color: #f5f5f5;
}

.home-faqs .accordion-box .block {
    background-color: #fff;
}



.who-we-help-form input[type="text"],
.who-we-help-form input[type="email"],
.who-we-help-form textarea {
    background-color: #fff;
    border: 1px solid #eaeaea;
}


.about-content p {
    font-size: 14px;
    text-align: justify;
}

.about-link-area {
    margin-top: 20px;
    /* border-bottom: 1px solid #eaeaea; */
    display: flex;
    justify-content: center;
}

.about-link-area a {
    border: 0;
    background-color: transparent;
    pointer-events: none;
}


.about-link-area i {
    border: 0;
    background-color: transparent !important;
}

.services2 .item .title h4 {
    /* font-size: 16px; */
    font-size: 14PX;
    font-family: "Federo", sans-serif;
}

.contact p {
    text-align: center;
}

.services .item .text h5 {
    text-transform: capitalize;
}


.banner-header.middle-height {
    height: 45vh;
}


.banner-header h1 {
    font-size: 36px;
}


.team-single .item {
    border-radius: 20px;
}

.service-details .sidebar-page {
    margin-top: -195px;
}


.team-single .list-icon span {
    font-size: 10px;
    color: #101010;
}



.team-single .list-icon {
    width: 25px;
    height: 25px;
}

.team-single .list li+li {
    margin-top: 5px;
}






.who-we-help-list .list-icon {
    width: 25px;
    height: 25px;
}


.who-we-help-list .list li+li {
    margin-top: 5px;
}



@media (min-width: 992px) {
    .navbar-expand-lg .navbar-nav .dropdown-menu {
        top: 75px;
    }
}

.card-img-overlay {
    background-color: #00000042;
}


/* Develope 2 css */



/* Accounting Firm Section Starts */

.col-lg-5.offset-lg-1.col-md-12.mt-30 {
    align-content: center;
}

.who-we-help-title {
    text-align: center;
}

.col-lg-12.offset-lg-1.col-md-12.cont {
    margin: 0px;
    padding-top: 20px;
}

.key-Strategies {
    width: 35%;
}

.markt-strategies {
    display: flex;
    gap: 15px;
}

.key-titl {
    font-size: 24px;
    font-family: Federo;
    font-weight: 400;
    text-align: center;
    line-height: 28px;
    background-color: #B6EF00;
    border-radius: 30px 30px 0px 0px;
    padding: 15px 10px 15px 10px;
    margin: 0px;
    color: black;
}

.key-list-text p {
    font-size: 17px;
    margin: 0;
    color: #fff;
    line-height: 32px;
    font-weight: 400;
}

.team-single .list-text p {
    font-size: 17px;
    margin: 0;
    color: #727272;
    font-weight: 500;
}

.keyseo {
    background-color: #FBFBFB;
    border: 1px solid #DEDEDE;
    border-radius: 10px;
    width: 60%;
    padding: 20px;
    padding-bottom: 0px;
}

.essential-keywords {
    background-color: #FBFBFB;
    border: 1px solid #DEDEDE;
    border-radius: 10px;
    width: 40%;
    padding: 20px;
    padding-bottom: 0px;
}

.seo-accounting {
    display: flex;
    width: 100%;
    gap: 10px;
    padding-bottom: 20px;
}

.content-accounting {
    display: flex;
    width: 100%;
    gap: 10px;
    padding-bottom: 10px;
}

.educat-sec {
    background-color: #FBFBFB;
    border: 1px solid #DEDEDE;
    border-radius: 10px;
    width: 50%;
    padding: 20px;
}

.high-value {
    background-color: #FBFBFB;
    border: 1px solid #DEDEDE;
    border-radius: 10px;
    width: 50%;
    padding: 20px;
    padding-bottom: 0px;
}

.case-std {
    background-color: #FBFBFB;
    border: 1px solid #DEDEDE;
    border-radius: 10px;
    width: 50%;
    padding: 20px;
}

.vdo-cont {
    background-color: #FBFBFB;
    border: 1px solid #DEDEDE;
    border-radius: 10px;
    width: 50%;
    padding: 20px;
}

.leverage-sm-mark {
    background-color: #FBFBFB;
    border: 1px solid #DEDEDE;
    border-radius: 10px;
    width: 100%;
    padding: 20px;
    margin-bottom: 10px;
    padding-bottom: 0px;
}

.paid-adv-otrsect {
    display: flex;
    width: 100%;
    gap: 10px;
    padding-bottom: 20px;
    padding-bottom: 0px;

}

.key-adv {
    background-color: #FBFBFB;
    border: 1px solid #DEDEDE;
    border-radius: 10px;
    width: 60%;
    padding: 20px;
}

.paid-campaigns {
    background-color: #FBFBFB;
    border: 1px solid #DEDEDE;
    border-radius: 10px;
    width: 40%;
    padding: 20px;
}

.protip-txt-box {
    background-color: #FBFBFB;
    border: 1px solid #DEDEDE;
    border-radius: 10px;
    width: 100%;
    padding: 20px;
    margin-bottom: 10px;

}

.review-presence {
    background-color: #FBFBFB;
    border: 1px solid #DEDEDE;
    border-radius: 10px;
    width: 100%;
    padding: 20px;
    margin-bottom: 10px;
}

.review-mangmnt {
    background-color: #FBFBFB;
    border: 1px solid #DEDEDE;
    border-radius: 10px;
    width: 100%;
    padding: 20px;
    margin-bottom: 10px;
}

.conv-dms {
    display: flex;
    gap: 10px;
    margin-bottom: 10px;
}


.kpi-track {
    background-color: #FBFBFB;
    border: 1px solid #DEDEDE;
    border-radius: 10px;
    width: 100%;
    padding: 20px;
    margin-bottom: 10px;
}

.clr-srvc {
    background-color: #FBFBFB;
    border: 1px solid #DEDEDE;
    border-radius: 10px;
    width: 100%;
    padding: 20px;
    padding-bottom: 0px;

}

.strategic-cta {
    background-color: #FBFBFB;
    border: 1px solid #DEDEDE;
    border-radius: 10px;
    width: 100%;
    padding: 20px;
    padding-bottom: 0px;
}

.usr-exp {
    background-color: #FBFBFB;
    border: 1px solid #DEDEDE;
    border-radius: 10px;
    width: 100%;
    padding: 20px;
}

.trst-building {
    background-color: #FBFBFB;
    border: 1px solid #DEDEDE;
    border-radius: 10px;
    width: 100%;
    padding: 20px;
}


@media(max-width:992px) {

    .seo-accounting {
        display: inline;
    }

    .keyseo {
        width: 100%;
        margin-bottom: 10px;
    }

    .essential-keywords {
        width: 100%;
        margin-bottom: 10px;
    }

    .content-accounting {
        display: inline;
    }

    .educat-sec {
        width: 100%;
        margin-bottom: 10px;
    }

    .high-value {
        width: 100%;
        margin-bottom: 10px;
    }

    .case-std {
        width: 100%;
        margin-bottom: 10px;
    }

    .vdo-cont {
        width: 100%;
        margin-bottom: 10px;
    }

    .conv-dms {
        display: inline;
    }

    .clr-srvc {
        width: 100%;
        margin-bottom: 10px;
    }

    .strategic-cta {
        width: 100%;
        margin-bottom: 10px;
    }

    .trst-building {
        width: 100%;
        margin-bottom: 10px;
    }

    .usr-exp {
        width: 100%;
        margin-bottom: 10px;
    }

    .paid-adv-otrsect {
        display: inline;
    }

    .key-adv {
        width: 100%;
        margin-bottom: 10px;
    }

    .paid-campaigns {
        width: 100%;
    }
}

@media(max-width:576px) {
    .logo-wrapper {
        padding: 20px 20px;
    }

    .banner-header h1 {
        font-size: 28px !important;
        text-transform: capitalize;
    }

    .section-padding {
        padding: 20px 0px !important;
    }

    .section-subtitle {
        margin: 0px;
    }

    .banner-header {
        height: 45vh !important;
    }

    .service-details .sidebar-page {
        margin: 0px !important;
        ;
    }

    .mb-45 {
        margin-bottom: 0px !important;
    }

    .mb-60 {
        margin-bottom: 10px !important;
    }

    .accordion-box .block .acc-btn {
        font-size: 16x;
        line-height: 25px;
    }

    /* .our-services {
        gap: 20px;
    } */

    .services .item {
        padding: 30px 30px 20px 30px;
    }

    section.portfolio-home.team-single {
        padding: 30px 0px !important;
    }

    .services .item .text p {
        padding-right: 30px;
    }

    section.contact {
        padding: 20px 0px !important;
    }

    .col-md-12.text-center {
        margin-bottom: 20px !important;
    }

    input[type="submit"] {
        margin: 20px 0px !important;
    }

    .parallax-header {
        height: 70vh !important;
    }

    .mq-banner-header {
        height: 35vh !important;
    }

    .section-title {
        margin: 10px 0px !important;
    }

    .google-map {
        height: 100%;
    }

    .team-single h6 {
        font-size: 32px;
        line-height: 35px;
    }

    .section-title {
        font-size: 25px !important;
        line-height: 35px;
    }

    .review-mangmnt {
        margin-top: 15px;
    }

    .col-lg-5.offset-lg-1.col-md-12 {
        width: 100%;
        margin: 0px;
        padding: 0px 15px;
    }

    .mt-90 {
        margin-top: 20px !important;
    }







    .footer .top {
        padding: 20px 0 20px 0;
    }

    .footer .top .item h3 {
        padding: 15px 0px 0px 0px;
    }

    .footer .top .item .logo,
    .footer .bottom .logo {
        width: 230px;
        margin-bottom: 15px;
    }

    .footer .bottom {
        padding: 20px 0px;
    }

    .footer .bottom p {
        line-height: 25px;
    }

    .footer .top .item .newsletter input {
        margin-top: 10px;
    }

}


/* Accounting Firm Sectipn Ends */


/* Digital Marketing for Law Firms Starts*/


.seo-legal {
    display: flex;
    gap: 10px;
    margin-bottom: 20px;
}

.outer-ppc-adv {
    display: flex;
    gap: 10px;
    margin-bottom: 20px;
}

.key-benfits {
    background-color: #FBFBFB;
    border: 1px solid #DEDEDE;
    border-radius: 10px;
    width: 50%;
    padding: 20px;
    padding-bottom: 0px;
}

.essential-seo {
    background-color: #FBFBFB;
    border: 1px solid #DEDEDE;
    border-radius: 10px;
    width: 50%;
    padding: 20px;
    padding-bottom: 0px;
}

.local-seo {
    background-color: #FBFBFB;
    border: 1px solid #DEDEDE;
    border-radius: 10px;
    width: 50%;
    padding: 20px;
    padding-bottom: 0px;
}

b {
    color: #727272;
    font-weight: 700;
    font-size: 18px;
}

h4 {
    color: #000;
    font-weight: 600;
    font-size: 18px;
    font-family: "Barlow";
    margin: 0px;
}

.essential-plt {
    display: grid;
    grid-template-columns: repeat(2, 1fr);

}

.opt-profile {
    background-color: #FBFBFB;
    border: 1px solid #DEDEDE;
    border-radius: 10px;
    width: 100%;
    padding: 20px;
    padding-bottom: 0px;
    margin-bottom: 30px;
}

.ess-pltfrm {
    background-color: #FBFBFB;
    border: 1px solid #DEDEDE;
    border-radius: 10px;
    width: 100%;
    padding: 20px;
    padding-bottom: 0px;
    margin-bottom: 30px;
}

.value-driven {
    background-color: #FBFBFB;
    border: 1px solid #DEDEDE;
    border-radius: 10px;
    width: 100%;
    padding: 20px;
    padding-bottom: 0px;
    margin-bottom: 30px;
}


.traffic-srcs {
    background-color: #FBFBFB;
    border: 1px solid #DEDEDE;
    border-radius: 10px;
    width: 33.33%;
    padding: 20px;
}

.usr-behvr {
    background-color: #FBFBFB;
    border: 1px solid #DEDEDE;
    border-radius: 10px;
    width: 33.33%;
    padding: 20px;
}

.cnvrsn-trk {
    background-color: #FBFBFB;
    border: 1px solid #DEDEDE;
    border-radius: 10px;
    width: 33.33%;
    padding: 20px;
}

.perf-measr {
    display: flex;
    gap: 10px;
    margin-bottom: 10px;
}

.compl-legal-ethics {
    display: flex;
    gap: 10px;
    margin-bottom: 10px;
}

.key-ethicl {
    background-color: #FBFBFB;
    border: 1px solid #DEDEDE;
    border-radius: 10px;
    width: 50%;
    padding: 20px;
    padding-bottom: 0px;
}

.ess-compl {
    background-color: #FBFBFB;
    border: 1px solid #DEDEDE;
    border-radius: 10px;
    width: 50%;
    padding: 20px;
    padding-bottom: 0px;
}


@media(max-width:1400px) {
    .banner-header.middle-height {
        height: 75vh !important;
    }
}


@media(max-width:992px) {

    .seo-legal {
        display: inline;
    }

    .essential-seo {
        width: 100%;
        margin-bottom: 10px;
    }

    .local-seo {
        width: 100%;
        margin-bottom: 10px;
    }

    .outer-ppc-adv {
        display: inline;
    }

    .key-benfits {
        width: 100%;
        margin-bottom: 10px;
    }

    .essential-plt {
        display: inline;
        padding-bottom: 20px;
        grid-template-columns: repeat(2, 1fr);
    }

    h2 {
        font-size: 25px;
    }

    .value-driven {
        padding-bottom: 20px;
        margin-bottom: 10px;
    }

    .opt-profile {
        padding-bottom: 20px;
    }

    .ess-pltfrm {
        padding-bottom: 20px;
    }

    .perf-measr {
        display: inline;
    }

    .traffic-srcs {
        width: 100%;
        margin-bottom: 10px;
    }

    .usr-behvr {
        width: 100%;
        margin-bottom: 10px;
    }


    .cnvrsn-trk {
        width: 100%;
        margin-bottom: 10px;
    }

    .compl-legal-ethics {
        display: inline;
    }

    .key-ethicl {
        width: 100%;
        margin-bottom: 10px;
    }

    .ess-compl {
        width: 100%;
        margin-bottom: 10px;
    }

    .banner-header.middle-height {
        height: 45vh !important;
    }
}

/* Digital Marketing for Law Firms Ends */