.tp-header-dropdown nav ul>li:nth-child(5)>ul.sub-menu>.suubmenu {
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 650px !important;
    width: 100% !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
    box-sizing: border-box !important;
    z-index: 9999 !important;
}

@media (max-width: 800px) {
    .tp-header-dropdown nav ul>li:nth-child(5)>ul.sub-menu>.suubmenu {
        max-width: 96vw !important;
        padding-left: 8px !important;
        padding-right: 8px !important;
    }
}

.tp-header-dropdown nav ul>li:nth-child(5)>ul.sub-menu>.suubmenu {
    position: relative !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    max-width: 650px !important;
    width: 100% !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
    box-sizing: border-box !important;
}

@media (max-width: 800px) {
    .tp-header-dropdown nav ul>li:nth-child(5)>ul.sub-menu>.suubmenu {
        max-width: 96vw !important;
        padding-left: 8px !important;
        padding-right: 8px !important;
    }
}

.tp-header-dropdown nav ul>li:nth-child(5)>ul.sub-menu>.suubmenu {
    max-width: 650px !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: 32px !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
    box-sizing: border-box !important;
}

@media (max-width: 800px) {
    .tp-header-dropdown nav ul>li:nth-child(5)>ul.sub-menu>.suubmenu {
        max-width: 96vw !important;
        margin-right: 8px !important;
        padding-left: 8px !important;
        padding-right: 8px !important;
    }
}

.tp-header-dropdown nav ul>li:nth-child(5)>ul.sub-menu>.suubmenu {
    max-width: 720px !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
    box-sizing: border-box !important;
}

@media (max-width: 800px) {
    .tp-header-dropdown nav ul>li:nth-child(5)>ul.sub-menu>.suubmenu {
        max-width: 98vw !important;
        padding-left: 8px !important;
        padding-right: 8px !important;
    }
}

/* === Resources submenu: limit width and center === */
.tp-header-dropdown nav ul>li:nth-child(5)>ul.sub-menu>.suubmenu {
    max-width: 720px !important;
    width: auto !important;
    margin: 0 auto !important;
}

.tp-header-dropdown nav ul>li:nth-child(5)>ul.sub-menu>.suubmenu li .menuBx {
    max-width: 400px !important;
}

@media (max-width: 1200px) {

    .tp-header-dropdown nav ul>li:nth-child(5)>ul.sub-menu>.suubmenu,
    .tp-header-dropdown nav ul>li:nth-child(5)>ul.sub-menu>.suubmenu li .menuBx {
        max-width: 100% !important;
        margin: 0 !important;
    }
}

/* === AI Services and Link Building submenus: limit width so they don't stretch full-width === */
.tp-header-dropdown nav ul>li:first-child>ul.sub-menu>.suubmenu,
.tp-header-dropdown nav ul>li:nth-child(3)>ul.sub-menu>.suubmenu {
    max-width: 720px !important;
    width: auto !important;
    margin: 0 auto !important;
}

.tp-header-dropdown nav ul>li:first-child>ul.sub-menu>.suubmenu li .menuBx,
.tp-header-dropdown nav ul>li:nth-child(3)>ul.sub-menu>.suubmenu li .menuBx {
    max-width: 400px !important;
}

/* Quote page hero: prevent generic InnerBanner paddings from overriding it */
.InnerBanner.quote-hero {
    padding: 90px 0 110px 0;
}

/* When the header is injected (absolute-positioned), keep a consistent gap below it */
html.dsl-has-header-offset .InnerBanner.quote-hero {
    padding-top: calc(var(--dsl-header-offset, 0px) + 20px);
}

@media (max-width: 1200px) {

    .tp-header-dropdown nav ul>li:first-child>ul.sub-menu>.suubmenu,
    .tp-header-dropdown nav ul>li:nth-child(3)>ul.sub-menu>.suubmenu,
    .tp-header-dropdown nav ul>li:first-child>ul.sub-menu>.suubmenu li .menuBx,
    .tp-header-dropdown nav ul>li:nth-child(3)>ul.sub-menu>.suubmenu li .menuBx {
        max-width: 100% !important;
        margin: 0 !important;
    }
}

@media (min-width:1600px) {
    .container {
        max-width: 1500px
    }
}

@media (min-width:1800px) {
    .container {
        max-width: 1500px
    }
}

@media only screen and (max-width:1900px) {
    .mega-menu-wrapper {
        width: 79%;
    }
}

@media only screen and (max-width:1800px) {
    .banner-elemtn-4 img {
        position: absolute;
        left: 370px;
        bottom: 59px;
        width: 6%
    }

    .mega-menu-wrapper {
        width: 86%;
    }

    .tp-hero-ptb {
        padding-top: 175px;
        padding-bottom: 147px;
    }

    .testimonial-text {
        padding-right: 18%;
    }

    .clinet-bx .client-review-stars li:nth-child(4) img {
        width: 30px;
        height: 30px;
    }

    .clinet-bx .client-review-stars li img {
        width: 20px;
        height: 20px;
    }

    .link-building-process #processSlider {
        overflow: hidden;
        height: 1690px;
        margin-bottom: 300px;
        padding: 0 60px
    }

    .ivf-process #processSlider {
        overflow: hidden;
        height: 1440px;
        margin-bottom: 200px;
        padding: 0 60px
    }

    .sass-process #processSlider {
        overflow: hidden;
        height: 1420px;
        margin-bottom: 240px;
        padding: 0 60px
    }

    .pakages-process #processSlider {
        height: 1370px;
        margin-bottom: 230px;
        padding: 0 60px
    }


    .casino-backlinks-process #processSlider {
        overflow: hidden;
        height: 1370px;
        margin-bottom: 230px;
        padding: 0 60px
    }

    .financial-process #processSlider {
        overflow: hidden;
        height: 1360px;
        margin-bottom: 270px;
        padding: 0 60px
    }

    .sss-process #processSlider {
        overflow: hidden;
        height: 1390px;
        margin-bottom: 250px;
        padding: 0 60px
    }

    .smms-process #processSlider {
        overflow: hidden;
        height: 1540px;
        margin-bottom: 240px;
        padding: 0 60px
    }

    .casino-process #processSlider {
        overflow: hidden;
        height: 1370px;
        margin-bottom: 300px;
        padding: 0 60px
    }

    .sbss-process #processSlider {
        overflow: hidden;
        height: 1390px;
        margin-bottom: 260px
    }

    .enterprise-process #processSlider {
        overflow: hidden;
        height: 1400px;
        margin-bottom: 270px;
        padding: 0 60px
    }

    .home-process #processSlider {
        margin-bottom: 190px
    }

    .left-section .content-wrapper .stat-box p {
        font-size: 16px;
        line-height: 1.4
    }

    .banner-elemtn-3 img {
        position: absolute;
        left: 790px;
        bottom: 110px;
        width: 5%
    }

    .tabs-section-home ul.fullwidth-Tabs li {
        margin: 0 26px;
        position: relative
    }

    .tabs-section-home ul.fullwidth-Tabs li::before {
        content: "";
        background-color: #000;
        width: 8px;
        height: 8px;
        border-radius: 50px;
        position: absolute;
        left: -30px;
        top: 8px
    }
}

@media only screen and (max-width:1700px) {
    .cd-element-3 img {
        left: 60px;
        bottom: 300px;
        width: 6%
    }

    .menu-glosary button.nav-link h3 {
        font-size: 17px;
        font-weight: 600;
        color: #fff;
    }

    .main-menu ul li .sub-menu li:hover {
        border-radius: 11px;
    }

    .suubmenu {
        background: #E6EEEC;
        border-radius: 20px;
        padding: 15px;
    }

    .main-menu ul li .sub-menu li {
        margin-right: 0;
        display: flex;
        list-style: none;
        padding: 13px 13px;
        border-radius: 20px;
        width: 100%;
    }

    .main-menu ul li .sub-menu.last-menu li {
        padding: 11px 14px;
        border-radius: 20px;
        width: 100%;
    }

    .tp-header-dropdown nav ul li .mega-menu-item .menuBx p {
        font-size: 12px;
        line-height: 18px;
    }

    .mega-menu-wrapper {
        width: 89%;
    }

    .tp-header-dropdown nav ul li .mega-menu-item {
        padding: 15px 16px;
        width: 100%;
    }

    .tab-menu-body {
        height: 657px;
    }

    .menu-glosary button.nav-link p {
        font-size: 13px;
        color: #fff;
        font-weight: 400;
        line-height: 17px;
    }

    .tp-header-dropdown nav ul li .mega-menu-item .menuBx p {
        font-size: 12px;
        line-height: 21px;
    }

    .tp-header-dropdown nav ul li .mega-menu-item {
        width: max-content;
    }

    .tab-menu-body {
        height: 587px;
    }

    .menu-glosary {
        background-color: #0F4A52;
        margin: 0;
        padding: 19px 16px 109px 16px;
        position: relative;
        width: 30%;
        border-radius: 20px;
        overflow: hidden;
        height: 100%;
    }

    .mega-menu-wrapper {
        width: 89%;
    }

    .cd-element-7 img {
        right: 210px;
        top: 890px;
        z-index: -1;
        width: 9%
    }

    .cd-element-4 img {
        left: -60px;
        bottom: 140px
    }

    .cd-element-6 img {
        left: 218px;
        top: 630px;
        width: 8%
    }
}

@media only screen and (max-width:1650px) {
    ul.secondary-menu {
        gap: 42px;
        min-height: 60px
    }

    .secondary-menu a.active::after,
    .secondary-menu a:hover::after {
        bottom: -17px
    }
}

@media only screen and (max-width:1600px) {
    .step-text {
        font-size: 14px;
        color: rgba(255, 255, 255, .78);
        line-height: 23px;
        font-weight: 400
    }

    .whatsapp-link {
        bottom: 13%;
    }

    .menu-glosary button.nav-link h3 {
        font-size: 17px;
        font-weight: 600;
        color: #fff;
    }

    .main-menu ul li .sub-menu li:hover {
        border-radius: 11px;
    }

    .suubmenu {
        background: #E6EEEC;
        border-radius: 20px;
        padding: 15px;
    }

    .main-menu ul li .sub-menu li {
        margin-right: 0;
        display: flex;
        list-style: none;
        padding: 13px 13px;
        border-radius: 20px;
        width: 100%;
    }

    .main-menu ul li .sub-menu.last-menu li {
        padding: 11px 14px;
        border-radius: 20px;
        width: 100%;
    }

    .tp-header-dropdown nav ul li .mega-menu-item .menuBx p {
        font-size: 12px;
        line-height: 18px;
    }

    .mega-menu-wrapper {
        width: 89%;
    }

    .tp-header-dropdown nav ul li .mega-menu-item {
        padding: 15px 16px;
        width: 100%;
    }

    .tab-menu-body {
        height: 657px;
    }

    .menu-glosary button.nav-link p {
        font-size: 13px;
        color: #fff;
        font-weight: 400;
        line-height: 17px;
    }

    .tp-header-dropdown nav ul li .mega-menu-item .menuBx p {
        font-size: 12px;
        line-height: 21px;
    }

    .tp-header-dropdown nav ul li .mega-menu-item {
        width: max-content;
    }

    .tab-menu-body {
        height: 587px;
    }

    .menu-glosary {
        background-color: #0F4A52;
        margin: 0;
        padding: 19px 16px 109px 16px;
        position: relative;
        width: 30%;
        border-radius: 20px;
        overflow: hidden;
        height: 100%;
    }

    .mega-menu-wrapper {
        width: 91%;
    }

.pricing-tabs-right-toggle {
        padding-left: 65px
    }

    .custom-tabs {
        width: 100%
    }

    .bubble {
        background-color: #ff5a16;
        border-radius: 50px;
        font-size: 10px;
        padding: 2px 10px;
        color: #fff;
        margin-left: 2px;
    }

    .custom-tabs .nav-link {
        position: relative;
        border: none;
        background: #fff0;
        color: #b38fd7;
        font-weight: 600;
        border-radius: 40px;
        padding: 8px 10px;
        z-index: 2;
        width: 100%;
        transition: color 0.3s ease;
    }

    .link-building-process #processSlider {
        overflow: hidden;
        height: 1510px;
        margin-bottom: 200px;
        padding: 0 60px
    }

    .team-card {
        height: auto
    }

    .banner-image img {
        width: 635px;
        height: 392px
    }

    .ivf-process #processSlider {
        overflow: hidden;
        height: 1240px;
        margin-bottom: 200px;
        padding: 0 60px
    }

    .sass-process #processSlider {
        overflow: hidden;
        height: 1240px;
        margin-bottom: 240px;
        padding: 0 60px
    }

    .pakages-process #processSlider {
        height: 1220px;
        margin-bottom: 230px;
        padding: 0 60px
    }

    .slider-packages:before {
        bottom: 1.5px;
    }

    .slider-packages.green-slider:before {
        bottom: 1.5px;
    }

    .slider-packages.purple-slider:before {
        bottom: 1.5px;
    }

    .discount-price p {
        font-size: 16px;
    }

    .toggle-title {
        font-size: 20px;
    }

    .price-amount {
        font-size: 16px;
    }

    .casino-backlinks-process #processSlider {
        overflow: hidden;
        height: 1220px;
        margin-bottom: 230px;
        padding: 0 60px
    }

    .geo-process #processSlider {
        overflow: hidden;
        height: 1210px;
        margin-bottom: 210px;
        padding: 0 60px
    }

    .financial-process #processSlider {
        overflow: hidden;
        height: 1220px;
        margin-bottom: 270px;
        padding: 0 60px
    }

    #processSlider .processImg img.ecom-process-img-2 {
        width: 98%;
        margin-left: 30px
    }

    #processSlider .processImg img.ecom-process-img-4 {
        width: 98%;
        margin-left: 30px
    }

    #processSlider .processImg img.ecom-process-img-6 {
        width: 98%;
        margin-left: 30px
    }

    .ecom-process #processSlider {
        overflow: hidden;
        height: 1210px;
        margin-bottom: 250px;
        padding: 0 60px
    }

    .sss-process #processSlider {
        overflow: hidden;
        height: 1250px;
        margin-bottom: 170px;
        padding: 0 60px
    }

    .smms-process #processSlider {
        overflow: hidden;
        height: 1380px;
        margin-bottom: 200px;
        padding: 0 60px
    }

    .casino-process #processSlider {
        overflow: hidden;
        height: 1230px;
        margin-bottom: 230px;
        padding: 0 60px
    }

    .enterprise-process #processSlider {
        overflow: hidden;
        height: 1240px;
        margin-bottom: 270px
    }

    .sbss-process #processSlider {
        overflow: hidden;
        height: 1220px;
        margin-bottom: 260px
    }

    .link-building-strategies h2 img {
        width: 53%
    }

    .home-process #processSlider {
        overflow: hidden;
        height: 1440px;
        margin-bottom: 220px;
        padding: 0 60px
    }

    #processSlider .processImg img.home-process-img-5 {
        width: 98%;
        margin-left: -6px
    }

    #processSlider .processImg img.home-process-img-3 {
        width: 100%;
        margin-left: -26px
    }

    section.seo-hero-section.abt-hero .team-photo img {
        position: absolute;
        bottom: 0;
        right: 0%;
        max-width: 43%
    }

    .flip-front,
    .flip-back {
        padding: 67px 20px 0 20px
    }

    .year-badege .year-6 {
        position: absolute;
        top: 73px;
        left: -16px;
        width: 24%;
        z-index: 2
    }

    .timeline-process img.process-element-6 {
        position: absolute;
        top: 508px;
        left: 45%;
        width: 219px;
        z-index: 1;
        transform: rotate(336deg)
    }

    .timeline-process img.process-element-5 {
        position: absolute;
        top: 441px;
        left: 34%;
        width: 292px;
        z-index: 1
    }

    .row:nth-child(6) .timeline-content {
        padding-left: 0;
        padding-right: 20%
    }

    .year-badege .year-5 {
        position: absolute;
        top: 143px;
        right: -16px;
        width: 24%;
        z-index: 2
    }

    .timeline-process img.process-element-4 {
        position: absolute;
        top: 470px;
        left: 48%;
        width: 220px;
        z-index: 1
    }

    .year-badege .year-4 {
        position: absolute;
        top: 62px;
        left: -36px;
        width: 24%;
        z-index: 2
    }

    .year-badege .year-3 {
        position: absolute;
        top: 117px;
        right: -13px;
        width: 24%;
        z-index: 2
    }

    .year-badege .year-1 {
        position: absolute;
        top: 168px;
        right: -36px;
        width: 24%;
        z-index: 2
    }

    .timeline-padding {
        --bs-gutter-x: 110px;
        --bs-gutter-y: 70px
    }

    .row:nth-child(4) .timeline-content {
        padding-left: 0;
        padding-right: 20%
    }

    .timeline-process img.process-element-3 {
        position: absolute;
        top: 454px;
        left: 34%;
        width: 233px;
        z-index: 1
    }

    .timeline-process img.process-element-2 {
        position: absolute;
        top: 457px;
        left: 48%;
        width: 222px;
        z-index: 1
    }

    .row:nth-child(2) .timeline-content {
        padding-left: 0;
        padding-right: 20%
    }

    .timeline-process img.process-element-1 {
        position: absolute;
        top: 315px;
        left: 42%;
        width: 240px;
        z-index: 1
    }

    .image-wrapper {
        position: absolute;
        bottom: 0;
        right: -120px;
        width: 470px
    }

    .stat-box {
        padding: 18px 20px
    }

    .content-wrapper {
        width: 578px;
        margin-left: auto
    }

    .tailredSeoEnterprise.smmPlatform .tab-bx-track {
        width: 810px
    }

    #customers-testimonials .shadow-effect p {
        font-size: 16px;
        line-height: 29px
    }

    .InnerBanner {
        padding: 220px 0 50px 0
    }

    .InnerBanner.contactInnerBanner {
        padding: 220px 0 180px 0
    }

    .contact-info .contact-para {
        padding-right: 11%
    }

    .ar-footer-widget-btn {
        font-size: 13px;
        position: absolute;
        top: 7px;
        right: 6px;
        line-height: 1;
        transition: 0.3s;
        padding: 13px 15px;
        display: inline-block;
        font-weight: 600;
        color: #fff;
        font-family: var(--tp-ff-clash-medium);
        background-color: #FF8A3D;
        border-radius: 50px
    }

    .ar-footer-widget-input input {
        padding-left: 35px;
        padding-right: 106px;
        font-weight: 400;
        font-size: 14px;
        height: 53px;
        color: var(--tp-common-white);
        border: 0;
        border-radius: 50px;
        background: rgb(255 255 255 / .1)
    }

    h2 {
        font-size: 40px;
        font-weight: 700
    }

    .crossmark {
        display: inline-block;
        height: 30px
    }

    .pricing-left-btn p {
        font-size: 14px;
        padding-right: 20%;
        line-height: 21px
    }

    .left-img img {
        height: 630px;
        width: 100%;
        object-fit: cover;
        border-radius: 20px
    }

    .banner-elemtn-4 img {
        position: absolute;
        left: 220px;
        bottom: 50px;
        width: 8%
    }

    .test-icon-4 img {
        position: absolute;
        top: 360px;
        right: 0;
        width: 10%
    }

    p {
        font-size: 16px;
        line-height: 26px
    }

    .service-title {
        margin: 0;
        font-size: 25px;
        font-weight: 700
    }

    .case-study-wrapper .case-element-2 img {
        top: 140px;
        right: 350px
    }

    .case-study-wrapper .case-element-3 img {
        top: -64px;
        right: 60px
    }

    .tab-bx-track .case-study-tab-item li button {
        padding: 13px 24px;
        margin: 0 6px;
        font-size: 14px
    }

    .banner-elemtn-3 img {
        position: absolute;
        left: 480px;
        bottom: 110px;
        width: 7%
    }

    .tp-header-menu>nav>ul>li {
        margin: 0 23px;
        list-style-type: none;
        display: inline-block
    }

    .blog-card-content {
        padding: 24px 0 0 0
    }

    .comparison-box-left::before {
        left: 27px
    }

    .dot {
        width: 8px;
        height: 8px;
        border-radius: 50%;
        display: inline-block
    }

    .btn-dots {
        display: flex;
        gap: 5px
    }

    span.tick {
        max-width: 46px;
    }


    .seo-hero-section .team-element-1 img {
        position: absolute;
        right: 210px;
        bottom: 160px
    }

    .tick img {
        max-width: 20px;
        margin-right: 14px;
    }

    .seo-hero-section .team-element-2 img {
        position: absolute;
        right: 80px;
        bottom: 60px
    }

    .clinet-bx .client-name {
        border-right: 1px solid #fff3;
        padding-right: 23px;
        margin-right: 23px
    }

    .clinet-bx .client-review-stars li:nth-child(4) img {
        width: 30px;
        height: 30px
    }

    .clinet-bx .client-review-stars li {
        margin: 0 4px
    }

    .clinet-bx .client-review-stars li img {
        width: 22px;
        height: 22px
    }

    .testimonial-swiper .swiper-slide.swiper-slide-active {
        margin-left: 120px
    }

    .tabs-section-home ul.fullwidth-Tabs li::before {
        display: none
    }

    .tabs-section-home ul.fullwidth-Tabs li {
        margin: 0 36px
    }

    .tabs-section-home ul.fullwidth-Tabs li button {
        font-size: 16px
    }

    .proof-bx .test-span-1 {
        font-size: 18px
    }

    .proof-bx .test-span-2 {
        font-size: 18px
    }

    .tp-hero-ptb {
        padding-top: 100px;
        padding-bottom: 115px
    }

    .secondary-menu a {
        font-size: 16px
    }

    .quote-bx {
        width: 32%;
        position: absolute;
        right: 50px;
        top: 80px
    }    .backlink-subtext {
        font-size: 16px;
        margin-bottom: 20px;
        color: #000
    }}

@media only screen and (max-width:1550px) {
    .tab-bx-track .case-study-tab-item li button {
        padding: 13px 27px;
        margin: 0 7px
    }    .tailredSeoEnterprise.smmPlatform .tab-bx-track {
        width: 840px
    }

    .tailredSeoEnterprise .tab-bx-track {
        width: 1023px
    }

    .section.our-link-building-techniques.proven-strat .audit-card-left {
        padding-right: 40%
    }
}

@media only screen and (max-width:1500px) {
    .dsl-footer {
        padding-bottom: 120px
    }

    .menu-glosary button.nav-link h3 {
        font-size: 17px;
        font-weight: 600;
        color: #fff;
    }

    .main-menu ul li .sub-menu li:hover {
        border-radius: 11px;
    }

    .suubmenu {
        background: #E6EEEC;
        border-radius: 20px;
        padding: 15px;
    }

    .main-menu ul li .sub-menu li {
        margin-right: 0;
        display: flex;
        list-style: none;
        padding: 13px 13px;
        border-radius: 20px;
        width: 100%;
    }

    .main-menu ul li .sub-menu.last-menu li {
        padding: 11px 14px;
        border-radius: 20px;
        width: 100%;
    }

    .tp-header-dropdown nav ul li .mega-menu-item .menuBx p {
        font-size: 12px;
        line-height: 18px;
    }

    .mega-menu-wrapper {
        width: 89%;
    }

    .tp-header-dropdown nav ul li .mega-menu-item {
        padding: 15px 16px;
        width: 100%;
    }

    .tab-menu-body {
        height: 657px;
    }

    .menu-glosary button.nav-link p {
        font-size: 13px;
        color: #fff;
        font-weight: 400;
        line-height: 17px;
    }

    .tp-header-dropdown nav ul li .mega-menu-item .menuBx p {
        font-size: 12px;
        line-height: 21px;
    }

    .tp-header-dropdown nav ul li .mega-menu-item {
        width: max-content;
    }

    .financial-process #processSlider {
        overflow: hidden;
        height: 1220px;
        margin-bottom: 220px;
        padding: 0 60px
    }

    .stat-box h3 {
        font-size: 34px
    }

    .image-wrapper {
        position: absolute;
        bottom: 0;
        right: -120px;
        width: 430px
    }

    .right-section .content-wrapper h2 {
    margin-bottom: 25px
    }

    .tailredSeoEnterprise .tab-bx-track {
        width: 986px
    }

    .tailredSeoEnterprise.smmPlatform .tab-bx-track {
        width: 831px
    }

    .section.our-link-building-techniques.proven-strat .audit-card-left {
        padding-right: 40%
    }    .case-study-listing .tab-bx-track {
        width: 1247px;
        margin: 0 auto 0
    }

    .testimonial-content {
        padding: 70px 0;
        position: relative;
        padding-left: 70px
    }

    .enterprise-elemtn img {
        position: absolute;
        bottom: 0;
        right: -63px;
        z-index: -1;
        width: 47%
    }

    .journey-grid {
        --bs-gutter-x: 54px;
        --bs-gutter-y: 24px;
        margin-top: -150px
    }

    .phase-3 .phase-card {
        border-color: #12b886;
        box-shadow: 8px 8px 0 0 #12b886
    }

    .phase-2 .phase-card {
        border-color: #ff5a1f;
        box-shadow: 8px 8px 0 0 #ff5a1f
    }

    .phase-1 .phase-card {
        border-color: #ffa62b;
        box-shadow: 8px 8px 0 0 #ffa62b
    }

    .seo-trust-block-title {
        font-weight: 600;
        font-size: 20px;
        color: #181818;
        margin-bottom: 11px;
        line-height: 28px;
        padding-right: 0;
        transition: 0.3s all ease;
        font-family: var(--tp-ff-heading)
    }

    .tab-bx-track .case-study-tab-item li button {
        padding: 13px 25px;
        margin: 0 7px
    }

    section.tailredSeoEnterprise .tab-bx-track .case-study-tab-item li button {
        padding: 13px 25px;
        margin: 0 7px
    }

    .tp-hero-title {
        font-size: 40px;
        line-height: 50px;
        padding-right: 6%
    }

    .link-building-strategies h2 img {
        width: 54%
    }

    .cs-card-img img {
        position: absolute;
        right: 40px;
        bottom: 0;
        width: 28%
    }

    .explain-card {
        padding: 20px 36px
    }

    .step-text {
        font-size: 14px;
        color: rgba(255, 255, 255, .78);
        line-height: 23px;
        font-weight: 400
    }

    .step-title {
        font-size: 20px;
        margin-bottom: 9px;
        line-height: 26px
    }

    section.first-faq-block .accordion-body p {
        font-size: 16px;
        font-weight: 500;
        color: #000;
        margin-bottom: 0;
        padding-right: 34px;
        line-height: 30px
    }

    p {
        font-size: 16px
    }

    .peach-btn {
        background: var(--btn-bg);
        padding: 15px 15px 15px 13px;
        gap: 10px
    }

    .quote-bx .seo-quote-content .quote-author {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%
    }

    .quote-bx {
        width: 32%;
        position: absolute;
        right: 64px;
        top: 90px
    }

    .testimonial-swiper {
        width: 100%;
        height: 720px;
        padding: 0 120px 0 20px;
        overflow: visible
    }

    .testimonial-card.swap-testi .testimonial-text {
        font-size: 12px;
        margin-bottom: 11px;
        line-height: 23px;
        padding-right: 0%;
    }

    .testimonial-left .testimonial-author-row {
        width: 73%
    }

    .testimonial-rating img {
        width: 64%;
    }

    .testimonial-featured-card .tp-btn-black-radius {
        font-size: 14px
    }

    .testimonial-card .testimonial-img {
        position: absolute;
        right: 0;
        bottom: 0;
        width: 31%
    }

    .testimonial-img.deu-img {
        width: 17%;
    }

    .testimonial-card.swap-testi .testimonial-left {
        padding-left: 19%
    }

    .testimonial-card.swap-testi .testimonial-img {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 29%;
    }

    .testimonial-text {
        padding-right: 0;
        font-size: 12px;
    }

    .banner-elemtn-2 img {
        position: absolute;
        right: -73px;
        top: 113px;
        width: 14%
    }

    .tp-hero-ptb {
        padding-top: 120px;
        padding-bottom: 165px
    }
}

@media only screen and (max-width:1480px) {
    .tab-bx-track .case-study-tab-item li button {
        padding: 8px 24px;
        margin: 0 4px
    }

    section.tailredSeoEnterprise .tab-bx-track .case-study-tab-item li button {
        padding: 13px 23px;
        margin: 0 7px
    }
}

@media only screen and (max-width:1460px) {
    .tab-bx-track .case-study-tab-item li button {
        padding: 13px 21px;
        margin: 0 7px;
        font-size: 14px
    }

    .tailredSeoEnterprise.smmPlatform .tab-bx-track {
        width: 893px
    }
}

@media only screen and (max-width:1450px) {
    .comparison-box-left::before {
        left: 27px;
        width: 91.6%
    }

    section.tailredSeoEnterprise .tab-bx-track .case-study-tab-item li button {
        padding: 13px 28px;
        margin: 0 7px
    }

    .tab-bx-track .case-study-tab-item li button {
        padding: 8px 24px;
        margin: 0 4px;
        font-size: 14px
    }
}

@media only screen and (max-width:1430px) {
    .tab-bx-track .case-study-tab-item li button {
        padding: 13px 29px;
        margin: 0 7px
    }

    .tailredSeoEnterprise .tab-bx-track {
        width: 1027px
    }

    .tailredSeoEnterprise.smmPlatform .tab-bx-track {
        width: 850px
    }

    .case-study-listing .tab-bx-track {
        width: 1355px;
        margin: 0 auto 0
    }
}

@media only screen and (max-width:1420px) {
    .tab-bx-track .case-study-tab-item li button {
        padding: 8px 24px;
        margin: 0 4px;
        font-size: 14px
    }

    .case-study-listing .tab-bx-track {
        width: 1246px;
        margin: 0 auto 0
    }

    .tailredSeoEnterprise .tab-bx-track {
        width: 986px
    }
}

@media only screen and (max-width:1400px) {
    .banner-elemtn-4 img {
        position: absolute;
        left: 220px;
        bottom: 50px;
        width: 8%
    }

    .menu-glosary button.nav-link h3 {
        font-size: 17px;
        font-weight: 600;
        color: #fff;
    }

    .main-menu ul li .sub-menu li:hover {
        border-radius: 11px;
    }

    .suubmenu {
        background: #E6EEEC;
        border-radius: 20px;
        padding: 15px;
    }

    .main-menu ul li .sub-menu li {
        margin-right: 0;
        display: flex;
        list-style: none;
        padding: 13px 13px;
        border-radius: 20px;
        width: 100%;
    }

    .main-menu ul li .sub-menu.last-menu li {
        padding: 11px 14px;
        border-radius: 20px;
        width: 100%;
    }

    .tp-header-dropdown nav ul li .mega-menu-item .menuBx p {
        font-size: 12px;
        line-height: 18px;
    }

    .mega-menu-wrapper {
        width: 96%;
    }

    .tp-header-dropdown nav ul li .mega-menu-item {
        padding: 15px 16px;
        width: 100%;
    }

    .tab-menu-body {
        height: 657px;
    }

    .menu-glosary button.nav-link p {
        font-size: 13px;
        color: #fff;
        font-weight: 400;
        line-height: 16px;
    }

    .tp-header-dropdown nav ul li .mega-menu-item .menuBx p {
        font-size: 12px;
        line-height: 21px;
    }

    .tp-header-dropdown nav ul li .mega-menu-item {
        width: 100%;
    }

.seo-hero-section.second-cta .team-photo img {
        position: absolute;
        bottom: -30px;
        right: 31%;
        max-width: 36%;
    }

    .custom-tabs {
        width: 100%;
    }

    .pricing-tabs-right-toggle {
        padding-left: 62px
    }

    .link-building-process #processSlider {
        overflow: hidden;
        height: 1450px;
        margin-bottom: 180px;
        padding: 0 60px
    }

    .ivf-process #processSlider {
        height: 1180px
    }

    .sass-process #processSlider {
        overflow: hidden;
        height: 1210px;
        margin-bottom: 170px;
        padding: 0 60px
    }

    .pakages-process #processSlider {
        height: 1190px;
        margin-bottom: 200px;
        padding: 0 60px
    }

    #processSlider .processImg img.casino-backlinks-process-img-2 {
        width: 98%;
        margin-left: 20px
    }

    #processSlider .processImg img.casino-backlinks-process-img-4 {
        width: 98%;
        margin-left: 20px
    }

    #processSlider .processImg img.casino-backlinks-process-img-6 {
        width: 98%;
        margin-left: 20px
    }

    .casino-backlinks-process #processSlider {
        overflow: hidden;
        height: 920px;
        margin-bottom: 180px;
        padding: 0 60px
    }

    .geo-process #processSlider {
        overflow: hidden;
        height: 1170px;
        margin-bottom: 180px;
        padding: 0 60px
    }

    .financial-process #processSlider {
        overflow: hidden;
        height: 1180px;
        margin-bottom: 200px;
        padding: 0 60px
    }

    .ecom-process #processSlider {
        overflow: hidden;
        height: 1180px;
        margin-bottom: 210px;
        padding: 0 60px
    }

    .sss-process #processSlider {
        overflow: hidden;
        height: 1210px;
        margin-bottom: 140px;
        padding: 0 60px
    }

    .smms-process #processSlider {
        overflow: hidden;
        height: 1330px;
        margin-bottom: 150px;
        padding: 0 60px
    }

    #processSlider .processImg img.smms-process-img-3 {
        width: 98%;
        margin-left: 14px
    }

    .casino-process #processSlider {
        overflow: hidden;
        height: 1191px;
        margin-bottom: 200px;
        padding: 0 60px
    }

    .enterprise-process #processSlider {
        overflow: hidden;
        height: 1220px;
        margin-bottom: 200px
    }

    .sbss-process #processSlider {
        overflow: hidden;
        height: 1190px;
        margin-bottom: 190px
    }

    .home-process #processSlider {
        overflow: hidden;
        height: 1390px;
        margin-bottom: 180px;
        padding: 0 60px
    }

    .row:nth-child(3) .timeline-content {
        padding-left: 10%;
        padding-right: 5%
    }

    .timeline-process img.process-element-4 {
        position: absolute;
        top: 456px;
        left: 48%;
        width: 208px;
        z-index: 1
    }

    .row:nth-child(5) .timeline-content {
        padding-left: 13%;
        padding-right: 5%
    }

    .timeline-process img.process-element-6 {
        position: absolute;
        top: 460px;
        left: 43%;
        width: 240px;
        z-index: 1;
        transform: rotate(319deg)
    }

    .content-wrapper {
        width: 553px;
        margin-left: auto
    }    .tailredSeoEnterprise.smmPlatform .tab-bx-track {
        width: 823px
    }    .sidebar-item p.widget-title {
        font-size: 20px
    }

    .contentWrapper h2 {
    margin-top: 30px
    }

    .label-toc img {
        position: absolute;
        top: -44px;
        left: 0;
        width: 53%;
        z-index: 1
    }

    .banner-image img {
        width: 635px;
        height: 392px
    }

    .contact-form {
        padding: 40px 25px
    }

    .contact-pointer li {
        margin-bottom: 9px;
        font-size: 16px;
        color: #000;
        font-weight: 500
    }

    .cd-element-3 img {
        left: 60px;
        bottom: 220px;
        width: 6%
    }

    .cd-element-11 img {
        right: 130px;
        top: 520px
    }

    .phase-text {
        margin: 0;
        color: #000;
        font-weight: 400;
        font-size: 16px;
        line-height: 25px
    }

    .tailredSeoEnterprise .tab-bx-track {
        width: 973px
    }

    .enterpriseBanner .tp-hero-para {
        padding-right: 23%;
        font-size: 16px;
        line-height: 34px
    }

    .ar-footer-widget-btn {
        font-size: 13px;
        position: absolute;
        top: 7px;
        right: 6px;
        line-height: 1;
        transition: 0.3s;
        padding: 13px 15px;
        display: inline-block;
        font-weight: 600;
        color: #fff;
        font-family: var(--tp-ff-clash-medium);
        background-color: #FF8A3D;
        border-radius: 50px
    }

    .ar-footer-widget-input input::-webkit-input-placeholder {
        font-weight: 500;
        font-size: 14px;
        color: rgb(255 255 255 / .6)
    }

    .ar-footer-widget-input input {
        padding-left: 35px;
        padding-right: 106px;
        font-weight: 400;
        font-size: 14px;
        height: 53px;
        color: var(--tp-common-white);
        border: 0;
        border-radius: 50px;
        background: rgb(255 255 255 / .1)
    }

    .team-photo img {
        position: absolute;
        bottom: 0;
        right: 33%;
        max-width: 25%
    }

    .secondary-menu .dot {
        width: 6px;
        height: 6px
    }

    .seo-trust-section {
        background: #F7FAF9;
        padding: 60px 0 60px 0
    }

    .cd-element-1 img {
        left: 0;
        width: 17%
    }

    .issues-box-green li {
        padding: 20px 0;
        border-bottom: 1px solid #E6EEEC;
        margin: 0 30px
    }

    .issues-box li {
        padding: 20px 0;
        border-bottom: 1px solid #E6EEEC;
        margin: 0 30px
    }

    .mirabella-title {
        line-height: 1.13;
        color: #924DBF;
        margin-bottom: 20px;
        padding-right: 20%
    }

    .cd-element-4 img {
        left: -110px;
        bottom: 70px
    }

    .service-title {
        margin: 0;
        font-size: 25px;
        font-weight: 700
    }

    .service-card {
        padding: 20px 32px
    }

    section.tailredSeoEnterprise .tab-bx-track .case-study-tab-item li button {
        padding: 13px 25px;
        margin: 0 7px
    }

    .tp-header-menu>nav>ul>li>a {
        padding: 24px 0
    }

    .case-padding {
        --bs-gutter-x: 45px;
        --bs-gutter-y: 45px
    }

    .tab-bx-track .case-study-tab-item li button {
        padding: 8px 24px;
        margin: 0 4px;
        font-size: 14px
    }

    .banner-elemtn-3 img {
        position: absolute;
        left: 480px;
        bottom: 110px;
        width: 7%
    }

    .tp-hero-ptb {
        padding-top: 140px;
        padding-bottom: 125px
    }

    .dsl-footer {
        padding-bottom: 120px;
        background-size: cover
    }

    .caseDetailsTitle h1.caseTit {
        font-weight: 700;
        font-size: 41px;
        text-align: center;
        line-height: 52px;
        margin-bottom: 55px;
        color: #000;
        padding: 0 17%
    }

    .cs-card-img img {
        position: absolute;
        right: 30px;
        bottom: 0;
        width: 36%
    }

    .cs-card-img img {
        position: absolute;
        right: 60px;
        bottom: 0;
        width: 28%
    }

    .footer-contact-text {
        font-size: 13px
    }

    .footer-icon.email img {
        width: 40%
    }

    .footer-icon.phone img {
        width: 40%
    }

    .footer-links li {
        margin-bottom: 13px
    }

    /* Strong override so mega-menu paragraphs wrap; placed last to take precedence */
    .tp-header-dropdown nav ul li .mega-menu-item,
    .tp-header-dropdown nav ul li .mega-menu-item .menuBx {
        min-width: 0 !important;
        /* allow flex children to shrink */
    }

    .tp-header-dropdown nav ul li .mega-menu-item .menuBx a,
    .tp-header-dropdown nav ul li .mega-menu-item .menuBx p {
        display: block !important;
        white-space: normal !important;
        overflow-wrap: anywhere !important;
        word-wrap: break-word !important;
        word-break: break-word !important;
        max-width: 100% !important;
    }

    /* Optional: reduce font-size for very narrow screens to help fit */
    @media (max-width:480px) {
        .tp-header-dropdown nav ul li .mega-menu-item .menuBx p {
            padding-top: 76px;
            line-height: 18px !important;
        }
    }

    .ar-footer-widget-envelop {
        position: absolute;
        top: 39%;
        left: 10px;
        transform: translateY(-50%)
    }

    .footer-icon {
        min-width: 38px;
        height: 38px
    }

    .padding-left-col {
        padding-left: 80px
    }

    .footer-contact {
        margin-bottom: 40px;
        margin-top: 10px
    }

    section.third-faq-block .faq-boxes {
        padding: 15px 15px 15px 15px
    }

    section.third-faq-block .faq-boxes.active .accord-number {
        font-size: 20px;
        color: #6F369D;
        font-weight: 700
    }

    section.third-faq-block .faq-boxes.active {
        padding: 35px 15px 35px 15px
    }

    section.mind-blowinng-seo .accord-number {
        font-size: 20px
    }

    .comparison-box-left::before {
        left: 26px;
        width: 91.6%
    }

    .comparison-item-text {
        font-size: 14px;
        color: #000;
        line-height: 26px;
        padding-right: 10%
    }

    .comparison-box-right .comparison-item {
        padding: 26px 78px 26px 40px
    }

    .pricing-left-title {
        color: #fff;
        font-size: 34px;
        font-weight: 600;
        margin-bottom: 24px;
        line-height: 40px;
    }

    .pricing-illustration img {
        margin-bottom: 30px;
        position: absolute;
        top: 27px;
        right: -130px;
        width: 67%;
        opacity: 0.8;
    }

    .step-card .step-icon img {
        width: 70px;
        height: 70px
    }

    .step-card {
        padding: 46px 20px 38px 20px
    }

    .pricing-includes-title {
        color: #6F369D;
        font-size: 21px;
        font-weight: 600;
        margin: 12px 0 12px 0
    }

    .pricing-video-icon {
        align-items: center;
        justify-content: center;
        background: #fff;
        border-radius: 50%;
        width: 50px;
        display: flex;
        align-items: center;
        height: 50px;
        margin-left: 0;
        position: absolute;
        right: 12px;
        top: 12px;
        padding: 13px
    }

    .seo-trust-section .left-img img {
        height: 500px
    }

    ul.secondary-menu {
        gap: 27px
    }

    .quote-bx {
        width: 41%;
        position: absolute;
        right: -34px;
        top: 60px
    }

    .seo-hero-content {
        padding: 60px 0
    }

    .seo-hero-section .team-element-2 img {
        position: absolute;
        right: 85px;
        bottom: 60px;
        width: 7%
    }

    .seo-hero-section .team-element-1 img {
        position: absolute;
        right: 250px;
        bottom: 79px;
        width: 7%
    }

    .seo-trust-section .left-img img {
        height: 610px;
        width: 100%;
        object-fit: cover;
        border-radius: 20px
    }

    .seo-trust-section .seo-trust-imgcol img {
        height: 610px;
        width: 100%;
        object-fit: cover;
        border-radius: 20px
    }

    .chart-elemtn img {
        position: absolute;
        bottom: -40px;
        left: 0;
        z-index: -1
    }

    .testimonial-content {
        padding: 70px 0;
        position: relative;
        padding-left: 80px
    }

    .testimonial-person-img img {
        position: absolute;
        bottom: -40px;
        right: 11px;
        width: 76%;
    }

    .seo-trust-block-title {
        padding-right: 0
    }

    .testimonial-brand {
        font-weight: 700;
        font-size: 2rem;
        margin-bottom: 7px
    }

    .left-textimonial-bx {
        padding: 50px 0
    }

    .tp-header-menu>nav>ul>li {
        margin: 0 25px;
        list-style-type: none;
        display: inline-block
    }

    .testimonial-featured-quote {
        right: 0
    }

    .testimonial-featured-card .tp-btn-black-radius {
        font-size: 14px
    }

    .testimonial-card.swap-testi .testimonial-text {
        font-size: 12px;
        margin-bottom: 20px;
        line-height: 22px;
        padding-right: 0%;
    }
}

@media only screen and (max-width:1375px) {
    .tab-bx-track .case-study-tab-item li button {
        padding: 13px 21px;
        margin: 0 7px
    }

    section.tailredSeoEnterprise .tab-bx-track .case-study-tab-item li button {
        padding: 13px 22px;
        margin: 0 7px
    }
}

@media only screen and (max-width:1350px) {
    .tab-bx-track .case-study-tab-item li button {
        padding: 8px 24px;
        margin: 0 4px;
        font-size: 14px
    }

    .tailredSeoEnterprise.smmPlatform .tab-bx-track {
        width: 795px
    }

    .card-text {
        margin: 0;
        color: #000;
        font-size: 15px;
        line-height: 24px
    }

    section.tailredSeoEnterprise .tab-bx-track .case-study-tab-item li button {
        padding: 13px 21px;
        margin: 0 7px
    }
}

@media only screen and (max-width:1320px) {
    .tab-bx-track .case-study-tab-item li button {
        padding: 11px 21px;
        margin: 0 7px
    }

    .case-study-listing .tab-bx-track {
        width: 1241px;
        margin: 0 auto 0
    }
}

@media only screen and (max-width:1300px) {
    .menu-glosary button.nav-link h3 {
        font-size: 17px;
        font-weight: 600;
        color: #fff;
    }

    .whatsapp-link {
        bottom: 15%;
    }

    .main-menu ul li .sub-menu li:hover {
        border-radius: 11px;
    }

    .suubmenu {
        background: #E6EEEC;
        border-radius: 20px;
        padding: 15px;
    }

    .main-menu ul li .sub-menu li {
        margin-right: 0;
        display: flex;
        list-style: none;
        padding: 13px 13px;
        border-radius: 20px;
        width: 100%;
    }

    .main-menu ul li .sub-menu.last-menu li {
        padding: 11px 14px;
        border-radius: 20px;
        width: 100%;
    }

    .tp-header-dropdown nav ul li .mega-menu-item .menuBx p {
        font-size: 12px;
        line-height: 18px;
    }

    .tp-header-dropdown nav ul li .mega-menu-item {
        padding: 15px 16px;
        width: 100%;
    }

    .tab-menu-body {
        height: 657px;
    }

    .menu-glosary button.nav-link p {
        font-size: 12px;
        color: #fff;
        font-weight: 400;
        line-height: 16px;
    }

    .banner-elemtn-4 img {
        position: absolute;
        left: 220px;
        bottom: 50px;
        width: 8%
    }

    .menu-glosary button.nav-link {
        text-align: start;
        color: #fff;
        margin-bottom: 8px;
        padding: 15px 16px;
        font-weight: 500;
        font-size: 14px;
    }

    .mega-menu .menu-wrapper-full {
        width: 100%;
        gap: 15px;
    }

    .mega-menu-wrapper {
        width: 97%;
    }

    .seo-hero-section.second-cta .team-photo img {
        position: absolute;
        bottom: -30px;
        right: 31%;
        max-width: 36%;
    }

    .billed-annually {
        font-size: 12px;
    }    .link-building-process #processSlider {
        overflow: hidden;
        height: 1400px;
        margin-bottom: 180px;
        padding: 0 60px
    }

    .ivf-process #processSlider {
        height: 1180px;
        margin-bottom: 150px
    }

    .sass-process #processSlider {
        overflow: hidden;
        height: 1140px;
        margin-bottom: 170px;
        padding: 0 60px
    }

    .pakages-process #processSlider {
        height: 1160px;
        margin-bottom: 170px;
        padding: 0 60px
    }    .financial-process #processSlider {
        overflow: hidden;
        height: 1130px;
        margin-bottom: 160px;
        padding: 0 60px
    }

    .ecom-process #processSlider {
        overflow: hidden;
        height: 1180px;
        margin-bottom: 170px;
        padding: 0 60px
    }

    .sss-process #processSlider {
        overflow: hidden;
        height: 1160px;
        margin-bottom: 160px;
        padding: 0 60px
    }

    .enterprise-process #processSlider {
        overflow: hidden;
        height: 1220px;
        margin-bottom: 160px
    }    .tailredSeoEnterprise.smmPlatform .tab-bx-track {
        width: 760px
    }

    .toc ul li {
        margin-bottom: 12px;
        padding-bottom: 12px
    }

    .contentWrapper p {
        font-size: 14px;
        line-height: 23px
    }

    .divider-space {
        margin: 0 11px
    }

    .pill {
        display: inline-block;
        padding: 6px 19px;
        border-radius: 999px;
        font-size: 13px;
        font-weight: 400;
        color: #fff;
        transition: all 0.2s ease-in-out
    }

    .banner-image img {
        width: 595px;
        height: 392px
    }

    .tailredSeoEnterprise .tab-bx-track {
        width: 938px
    }

    .tab-item-title {
        font-weight: 600;
        color: #000;
        margin-bottom: 0;
        font-size: 22px
    }

    .test-icon-3 img {
        position: absolute;
        bottom: 320px;
        right: 30px;
        width: 50px;
        height: 50px
    }

    .clinet-bx .client-name h4 {
        font-size: 25px;
        font-weight: 700;
        color: #fff;
        margin-bottom: 5px
    }

    .testimonial-review p {
        font-size: 16px;
        line-height: 30px
    }

    .testimonial-content {
        padding: 70px 0;
        position: relative;
        padding-left: 94px
    }

    .testimonial-rating img {
        width: 67%
    }

    .testimonial-author-name {
        font-weight: 600;
        font-size: 16px;
        color: #1a1a1a
    }

    .testimonial-left .testimonial-author-row {
        width: 61%;
    }

    .testimonial-text {
        font-size: 12px;
        color: #000;
        font-weight: 400;
        margin-bottom: 25px;
        line-height: 24px;
        padding-right: 0;
    }

    .testimonial-featured-lead span.ft-32 {
        font-size: 20px;
        margin-bottom: 0;
        color: #fff;
        font-weight: 600
    }

    .journey-grid {
        --bs-gutter-x: 54px;
        --bs-gutter-y: 24px;
        margin-top: -110px
    }

    .journey-sub {
        padding-right: 100%
    }

    .phase-text {
        font-size: 14px;
        line-height: 21px
    }

    .phase-title {
        margin: 0 0 10px 0;
        font-size: 35px;
        font-weight: 900;
        line-height: 1.2
    }

    section.tailredSeoEnterprise .tab-bx-track .case-study-tab-item li button {
        padding: 13px 17px;
        margin: 0 7px
    }

    .content-enterprise p:not(:last-child) {
        margin-bottom: 18px
    }

    .caseStudy-heading h1 {
        font-weight: 700;
        font-size: 40px;
        line-height: 47px;
        margin-bottom: 14px;
        color: #000
    }

    .tab-bx-track .case-study-tab-item li button {
        padding: 8px 24px;
        margin: 0 4px;
        font-size: 14px
    }

    .banner-elemtn-3 img {
        position: absolute;
        left: 480px;
        bottom: 110px;
        width: 7%
    }

    .tp-header-menu>nav>ul>li {
        margin: 0 20px;
        list-style-type: none;
        display: inline-block
    }

    .dsl-footer {
        padding-bottom: 120px;
        background-size: cover
    }

    #processSlider .processImg img.home-process-img-3 {
        width: 100%;
        margin-left: -16px
    }

    .home-process #processSlider {
        overflow: hidden;
        height: 1080px;
        margin-bottom: 170px;
        padding: 0 60px
    }

    .col-lg-6.col-md-12.col-sm-6.col-12:nth-child(3) .cs-stat-block {
        margin-bottom: 0
    }

    .ar-footer-widget-input input::-webkit-input-placeholder {
        font-weight: 500;
        font-size: 14px;
        color: rgb(255 255 255 / .6)
    }

    .col-lg-6.col-md-12.col-sm-6.col-12:nth-child(4) .cs-stat-block {
        margin-bottom: 0
    }

    .solution-title h3 {
        font-weight: 700;
        color: #101E22;
        font-size: 26px;
        line-height: 1.24;
        margin-bottom: 0;
        padding-right: 0;
        text-align: start
    }

    .img-hover-reveal img {
        width: 46%;
        position: absolute;
        top: -80px;
        left: 0;
        right: 0;
        bottom: 0;
        margin: 0 auto
    }

    section.third-faq-block .accordion-body p {
        font-size: 18px;
        margin-bottom: 25px;
        padding-right: 3%;
        line-height: 34px
    }

    .explain-body p:not(:last-child) {
        margin-bottom: 15px
    }

    .agency-comparison-subtitle {
        color: #000;
        margin-bottom: 150px;
        padding: 0 23%;
        font-weight: 500
    }

    .comparison-box-left::before {
        left: 26px;
        width: 91.6%
    }

    .pointer p {
        margin-bottom: 8px;
        font-weight: 500;
        color: #000;
        font-size: 16px
    }

    .testimonial-card.swap-testi .testimonial-text {
        font-size: 12px;
        margin-bottom: 17px;
        line-height: 24px;
        padding-right: 0%;
    }

    .banner-elemtn-1 img {
        position: absolute;
        right: 165px;
        top: 219px;
        width: 15%
    }

    .banner-elemtn-2 img {
        position: absolute;
        right: -83px;
        top: 128px;
        width: 16%
    }
}

@media only screen and (max-width:1280px) {
    .tab-bx-track .case-study-tab-item li button {
        padding: 8px 22px;
        margin: 0 4px;
        font-size: 14px
    }

    .case-study-listing .tab-bx-track {
        width: 1226px;
        margin: 0 auto 0
    }
}

@media only screen and (max-width:1260px) {
    .tab-bx-track .case-study-tab-item li button {
        padding: 11px 19px;
        margin: 0 5px
    }
}

@media only screen and (max-width:1250px) {
    .comparison-box-left::before {
        left: 25px;
        width: 91.7%
    }

    .package-table tr:nth-child(1) td.plan.light-blue {
        width: 21.5%;
    }

    .package-table tr:nth-child(1) td.plan.light-purple {
        width: 21.5%;
    }

    .package-table tr:nth-child(1) td.plan.light-green {
        width: 21.5%;
    }

    .pricing-tabs-right-toggle {
        padding-left: 12px;
    }

    .smms-process #processSlider {
        overflow: hidden;
        height: 1240px;
        margin-bottom: 140px;
        padding: 0 60px
    }

    .cd-element-9 img {
        right: 110px;
        top: 100px
    }

    .cd-element-11 img {
        right: 100px;
        top: 520px;
        width: 4%
    }

    .case-study-listing .tab-bx-track {
        width: 1147px;
        margin: 0 auto 0
    }

    section.tailredSeoEnterprise .tab-bx-track .case-study-tab-item li button {
        padding: 13px 14px;
        margin: 0 6px
    }

    .tab-bx-track .case-study-tab-item li button {
        padding: 11px 16px;
        margin: 0 5px
    }

    .agency-comparison-subtitle {
        padding: 0 13%
    }

    .comparison-item-text {
        font-size: 14px;
        color: #000;
        line-height: 25px;
        padding-right: 9%
    }
}

@media only screen and (max-width:1230px) {
    .tab-bx-track .case-study-tab-item li button {
        padding: 9px 17px;
        margin: 0 4px
    }

    .geo-process #processSlider {
        overflow: hidden;
        height: 1100px;
        margin-bottom: 150px;
        padding: 0 60px
    }

    .sbss-process #processSlider {
        overflow: hidden;
        height: 1130px;
        margin-bottom: 160px
    }

    .tailredSeoEnterprise .tab-bx-track {
        width: 901px
    }

    .tailredSeoEnterprise.smmPlatform .tab-bx-track {
        width: 720px
    }

    section.tailredSeoEnterprise .tab-bx-track .case-study-tab-item li button {
        padding: 13px 13px;
        margin: 0 6px
    }
}

@media only screen and (max-width:1200px) {
    header.site-header.site-header__3.position-absolute {
        padding: 10px 0
    }

    .orgainic-wrapper {
        margin-top: 30px;
    }

    .side-info-wrapper,
    .cart-bar-wrapper {
        z-index: 9;
        width: 100%;
        right: -1140px;
    }

    .menu-glosary button.nav-link:hover {
        color: #222;
        background-color: #fff;
        border-radius: 6px;
    }

    .side-info-wrapper,
    .cart-bar-wrapper {
        position: fixed;
        overflow-y: auto;
        top: 0;
        right: -660px;
        width: 100%;
        height: 100vh;
        display: block;
        background-color: #fff;
        z-index: 9;
        box-shadow: -5px 0 20px -5px rgb(0 0 0 / .5);
        padding-top: 0;
        -webkit-transition: all 600ms cubic-bezier(.785, .135, .15, .86);
        -o-transition: all 600ms cubic-bezier(.785, .135, .15, .86);
        transition: all 600ms cubic-bezier(.785, .135, .15, .86)
    }

    .tab-menu-body .mega-menu-list li.mega-menu-item a {
        padding: 0px 0px;
        border-radius: 8px;
        color: #222;
        line-height: 1.4;
        text-transform: capitalize;
        display: block;
        margin-right: 0;
    }

    .tab-menu-body .mega-menu-list li.mega-menu-item p {
        font-size: 14px;
        line-height: 21px;
    }



    .mobile-off {
        margin-bottom: 23px;
    }

    .mobile-off h4 {
        font-weight: 600;
        font-size: 20px;
        margin-bottom: 0;
    }

    .mega-menu-item {
        display: flex;
        padding: 10px 0;
    }



    .tab-content.tab-menu-body {
        display: block;
        padding: 20px;
    }


    .tab-content .mega-menu-list .menu-icon .hovershow {
        display: none;
        opacity: 0;
        visibility: hidden;
    }

    .tab-content.tab-menu-body {
        margin-top: 15px;
        height: 100%;
        overflow-y: auto;
    }

    .menu-glosary .nav-pills {
        margin-bottom: 0;
    }

    .menu-glosary button.nav-link.active {
        border-radius: 6px;
        background-color: #ffffff;
        color: #000;
    }

    .menu-glosary {
        margin: 0;
        padding: 20px 16px 239px;
        position: relative;
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .menu-element img {
        width: 100%;
        position: absolute;
        bottom: -62px;
        left: 0;
        z-index: 1;
    }

    .tab-menu-body .mega-menu-list {
        gap: 12px 0;
        margin-bottom: 0;
        column-count: 1;
        text-align: left;
        list-style: none;
    }

    .tab-menu-body {
        width: 100%;
    }

    .menu-glosary button.nav-link {
        text-align: start;
        color: #fff;
        margin-bottom: 8px;
        font-weight: 500;
        font-size: 13px;
        padding: 15px 20px;
    }

    .orgainic-wrapper {
        margin-top: 30px;
    }

    .side-info-wrapper,
    .cart-bar-wrapper {
        z-index: 9;
        width: 100%;
        right: -1210px;
    }





    .menu-glosary .nav-pills {
        margin-bottom: 0;
    }

    .menu-glosary button.nav-link.active {
        border-radius: 6px;
        background-color: #ffffff;
        color: #000;
    }



    .tab-menu-body .mega-menu-list {
        gap: 12px 0;
        margin-bottom: 0;
        column-count: 1;
        text-align: left;
        list-style: none;
    }

    .tab-menu-body {
        width: 100%;
    }


    .test-icon-1 img {
        position: absolute;
        bottom: -3px;
        left: 3px;
    }

    .package-table tr:nth-child(1) td {
        width: 20%
    }

    .billed-monthly {
        font-size: 12px;
    }

    .package-table tr:nth-child(1) td.plan.light-blue {
        width: 20%
    }

    .table td.plan.light-blue img {
        margin-left: 0
    }

    .table td.plan.light-purple img {
        margin-left: 0
    }

    .table td.plan.light-green img {
        margin-left: 0
    }

    .package-table tr:nth-child(1) td.plan.light-green {
        width: 20%
    }

    .package-table tr:nth-child(1) td.plan.light-purple {
        width: 20%
    }

    .pricing-tabs-right-toggle {
        padding-left: 0
    }    .link-building-process #processSlider {
        overflow: hidden;
        height: 1110px;
        margin-bottom: 180px;
        padding: 0 60px
    }

    .ivf-process #processSlider {
        height: 920px;
        margin-bottom: 180px
    }

    .sass-process #processSlider {
        overflow: hidden;
        height: 937px;
        margin-bottom: 170px;
        padding: 0 60px
    }

    .custom-tabs {
        position: relative;
        display: inline-flex;
        background: #E6EEEC;
        border-radius: 40px;
        padding: 6px;
        border: none;
        overflow: hidden;
        width: 50%;
        margin-bottom: 20px;
    }

    .light-blue img {
        width: 25px
    }

    .light-green img {
        width: 25px
    }

    .light-purple img {
        width: 25px
    }

    .pakages-process #processSlider {
        height: 930px;
        margin-bottom: 190px;
        padding: 0 60px
    }

    .table td {
        padding: 9px 20px;
        vertical-align: middle;
        font-size: 15px;
        font-weight: 500;
        border-color: #fff;
        line-height: 1
    }

    .category-header h5 {
        font-size: 20px
    }    .geo-process #processSlider {
        overflow: hidden;
        height: 910px;
        margin-bottom: 150px;
        padding: 0 60px
    }

    .financial-process #processSlider {
        overflow: hidden;
        height: 900px;
        margin-bottom: 190px;
        padding: 0 60px
    }

    .ecom-process #processSlider {
        overflow: hidden;
        height: 910px;
        margin-bottom: 180px;
        padding: 0 60px
    }

    .sss-process #processSlider {
        overflow: hidden;
        height: 907px;
        margin-bottom: 212px;
        padding: 0 60px
    }

    #processSlider .processImg img.sss-process-img-2 {
        width: 98%;
        margin-left: 15px
    }

    #processSlider .processImg img.sss-process-img-4 {
        width: 98%;
        margin-left: 15px
    }

    #processSlider .processImg img.sss-process-img-6 {
        width: 98%;
        margin-left: 15px
    }

    #processSlider .processImg img.sss-process-img-8 {
        width: 98%;
        margin-left: 15px
    }

    .smms-process #processSlider {
        overflow: hidden;
        height: 1030px;
        margin-bottom: 140px;
        padding: 0 60px
    }

    #processSlider .processImg img.smms-process-img-1 {
        width: 98%;
        margin-left: 20px
    }

    .casino-process #processSlider {
        overflow: hidden;
        height: 921px;
        margin-bottom: 180px;
        padding: 0 60px
    }

    .enterprise-process #processSlider {
        overflow: hidden;
        height: 940px;
        margin-bottom: 210px
    }

    .sbss-process #processSlider {
        height: 930px;
        margin-bottom: 180px
    }

    .right-section .content-wrapper h2 {
    margin-bottom: 25px
    }

    .year-badege .year-1 {
        position: absolute;
        top: 108px;
        right: -16px;
        width: 24%;
        z-index: 2
    }

    .row:nth-child(2) .timeline-content {
        padding-left: 0;
        padding-right: 0
    }

    .timeline-padding {
        --bs-gutter-x: 110px;
        --bs-gutter-y: 0
    }

    .about-Banner.tp-image-distortion.tp-hero-ptb {
        padding-top: 140px;
        padding-bottom: 99px
    }

    .custom-margin-100 {
        margin-top: 0
    }

    .timeline-content p {
        font-size: 14px
    }

    .row:nth-child(3) .timeline-content {
        padding-left: 0;
        padding-right: 0
    }

    .row:nth-child(4) .timeline-content {
        padding-left: 0;
        padding-right: 0
    }

    .flip-card {
        height: 440px
    }

    .row:nth-child(5) .timeline-content {
        padding-left: 0;
        padding-right: 0
    }

    .year-badege .year-5 {
        position: absolute;
        top: 103px;
        right: -16px;
        width: 24%;
        z-index: 2
    }

    .year-badege .year-6 {
        position: absolute;
        top: 83px;
        left: -6px;
        width: 24%;
        z-index: 2
    }

    .row:nth-child(6) .timeline-content {
        padding-left: 0;
        padding-right: 0
    }

    .year-badege .year-4 {
        position: absolute;
        top: 102px;
        left: 4px;
        width: 24%;
        z-index: 2
    }

    .year-badege .year-3 {
        position: absolute;
        top: 97px;
        right: -13px;
        width: 24%;
        z-index: 2
    }

    .year-badege .year-2 {
        position: absolute;
        top: 90px;
        left: -6px;
        width: 24%;
        z-index: 2
    }

    .process-element-1,
    .process-element-2,
    .process-element-3,
    .process-element-4,
    .process-element-5,
    .process-element-6 {
        display: none
    }

    .team-card h5 {
        font-size: 20px
    }

    .team-card p {
        font-size: 13px
    }

    .team-card-padding {
        --bs-gutter-x: 25px;
        --bs-gutter-y: 25px
    }

    .timeline-content h5 {
        font-size: 20px
    }

    .right-section {
        padding: 60px 60px
    }

    .left-section {
        padding: 60px 35px 60px 0
    }

    .content-wrapper {
        width: 503px;
        margin-left: auto
    }

    .left-section {
        padding: 80px 35px 80px 0
    }

    .msion-vision-text {
        padding-right: 0
    }

    .image-box img {
        height: 230px
    }

    .tailredSeoEnterprise.smmPlatform .tab-bx-track {
        width: 770px
    }

    .social-media-wrapper {
        display: block;
        justify-content: space-between
    }

    .contact-info .address {
        font-size: 13px;
        text-transform: capitalize;
        font-weight: 400;
        padding-right: 0;
        line-height: 20px
    }

    .contact-info .contact-para {
        padding-right: 6%
    }

    .contact-info .time {
        font-size: 13px;
        text-transform: capitalize;
        font-weight: 400;
        line-height: 21px;
        margin-top: 14px
    }

    .contact-info .email {
        font-size: 13px;
        font-weight: 400
    }

    .contact-info .phone {
        font-size: 13px
    }

    #customers-testimonials .shadow-effect p {
        font-size: 14px;
        line-height: 22px
    }

    .pill-group {
        display: flex;
        flex-wrap: wrap;
        gap: 4px
    }

    .service-bottm-1 {
        margin-bottom: 14px
    }

    .padding-right-form p.small-text {
        font-size: 15px
    }

    .contact-form {
        padding: 25px 25px
    }

    .phone-number {
        font-size: 22px
    }

    .avatar-circle {
        width: 54px;
        height: 54px
    }

    label {
        display: block;
        margin-bottom: 6px;
        font-weight: 400;
        font-size: 14px;
        text-transform: capitalize;
        color: #222;
        margin-bottom: 7px;
        margin-right: 0
    }

    input[type=text],
    input[type=email],
    input[type=tel],
    input[type=number],
    input[type=password],
    input[type=url],
    textarea {
        font-size: 14px;
        height: 50px
    }

    input[type=text]::-webkit-input-placeholder,
    input[type=email]::-webkit-input-placeholder,
    input[type=tel]::-webkit-input-placeholder,
    input[type=number]::-webkit-input-placeholder,
    input[type=password]::-webkit-input-placeholder,
    input[type=url]::-webkit-input-placeholder,
    textarea::-webkit-input-placeholder {
        font-size: 14px
    }

    .contact-form .form-group.service-bottm {
        display: block
    }

    .upload-box {
        height: 60px
    }

    .form-group {
        display: block;
        align-items: center
    }

    .comparison-item {
        display: flex;
        align-items: flex-start;
        gap: 18px;
        padding: 15px 28px 15px 21px;
        background-color: #E6EEEC
    }

    .comparison-box-right .comparison-item:nth-child(5) {
        padding: 8px 28px 38px 32px
    }

    .comparison-box-right .comparison-item:nth-child(1) {
        padding: 38px 28px 23px 32px
    }

    .testimonial-swiper-section {
        background: #E6EEEC;
        overflow: hidden;
        padding: 0 0 70px 0
    }

    .testi-mobiele-dot {
        display: flex
    }

    .green-table {
        padding: 60px 0 80px 0
    }

    .service-title {
        margin: 0;
        font-size: 20px;
        font-weight: 700
    }

    .service-card img {
        width: 50px;
        height: 50px
    }

    .top-element img {
        position: absolute;
        top: -58px;
        left: 0;
        z-index: 1;
        width: 20%
    }

    .address-bar {
        min-width: 230px;
        width: min(661px, 92vw)
    }

    .bar-wrap img {
        position: absolute;
        z-index: 1;
        top: 1px;
        left: 16px;
        right: 0;
        margin: 0 auto;
        bottom: 0
    }

    .case-study-wrapper .case-element-1 img {
        top: 130px;
        left: 200px
    }

    .case-study-wrapper .case-element-3 img {
        top: -64px;
        right: 20px;
        width: 9%
    }

    .case-study-listing .tab-bx-track {
        width: 100%;
        margin: 0 auto 0
    }

    .tailredSeoEnterprise .tab-bx-track {
        width: 952px
    }

    .pricing-includes-list li p {
        font-size: 12px;
        font-weight: 500;
        color: #000;
        margin-bottom: 0;
        line-height: 18px
    }

    .pricing-right-card {
        padding: 32px 12px 22px 12px
    }

    .solution-title h3 {
        font-size: 24px
    }

    .enterpriseBanner .tp-hero-para {
        padding-right: 0
    }

    .tp-hero-title-box h5 {
        color: #FFAA20;
        font-size: 24px;
        font-weight: 700;
        padding-right: 0
    }

    .chart-elemtn img {
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: -1
    }

    section.first-faq-block .accordion-body p {
        font-size: 14px;
        font-weight: 500;
        color: #000;
        margin-bottom: 0;
        padding-right: 30px;
        line-height: 24px
    }

    .blog-card-desc {
        font-size: 14px;
        color: #222;
        line-height: 26px;
        margin-bottom: 0;
        text-align: left;
        font-weight: 400;
        padding-right: 66px
    }

    .agency-comparison-section {
        background: #F7FAF9;
        padding-bottom: 100px;
        padding-top: 60px;
        position: relative;
        overflow: hidden
    }

    .section {
        padding: 60px 0
    }

    .card-padding {
        --bs-gutter-x: 30px;
        --bs-gutter-y: 30px
    }

    .tab-item-content p {
        font-size: 14px;
        line-height: 24px
    }

    span.tick {
        width: 21px;
        margin-right: 12px
    }

    .tab-images {
        position: relative;
        height: 611px;
        background: #F7FAF9;
        border-radius: 12px;
        overflow: hidden
    }

    .tab-item {
        border-bottom: 1px solid #E6EEEC;
        padding: 22px 0;
        cursor: pointer;
        transition: all 0.3s ease
    }

    .caseStudyDetailBanner {
        padding: 66px 0 0 0
    }

    .cd-element-3 img {
        left: 60px;
        bottom: 300px;
        width: 6%;
        display: none
    }

    .cd-element-8 img {
        display: none
    }

    .cd-element-2 img {
        left: 50px;
        top: 510px
    }

    .mera-content p {
        margin-bottom: 0;
        padding-right: 2%;
        line-height: 27px;
        font-weight: 400
    }

    .yellow-table {
        padding: 60px 0 80px 0
    }

    .cd-element-7 img {
        display: none
    }

    .cd-element-11 img {
        right: 130px;
        top: 710px;
        display: none
    }

    .caseDetailsTitle h1.caseTit {
        font-weight: 700;
        font-size: 39px;
        text-align: center;
        line-height: 50px;
        margin-bottom: 55px;
        color: #000;
        padding: 0 13%
    }

    .cd-element-1 img {
        left: 50px;
        width: 12%
    }

    section.tailredSeoEnterprise .tab-bx-track .case-study-tab-item li button {
        padding: 13px 19px;
        margin: 0 6px
    }

    .tailredSeoEnterprise .section-heading {
        text-align: center;
        width: 80%;
        margin: 0 auto
    }

    .tailredSeoEnterprise .tab-bx-track {
        background-color: #E6EEEC;
        padding: 10px 0;
        border-radius: 50px
    }

    .content-enterprise p {
        line-height: 32px;
        font-size: 16px
    }

    .case-study-wrapper .case-element-2 img {
        top: 140px;
        right: 190px
    }

    .tab-bx-track {
        background-color: #fff0;
        padding: 0 0;
        border-radius: 50px
    }

    .custom-nave {
        padding: 12px 23px
    }

    .tab-bx-track .case-study-tab-item li button {
        padding: 9px 12px;
        margin: 0 4px
    }

    .banner-elemtn-4 img {
        position: absolute;
        left: 220px;
        bottom: 50px;
        width: 8%
    }

    .banner-elemtn-3 img {
        position: absolute;
        left: 480px;
        bottom: 110px;
        width: 7%
    }

    .tp-hero-title {
        font-size: 44px;
        line-height: 59px
    }

    .fixd-eleme img {
        position: absolute;
        bottom: 0;
        width: 80%;
        left: 0;
        right: 0;
        margin: 0 auto
    }

    .cs-card-img img {
        position: absolute;
        right: 30px;
        bottom: 0;
        width: 32%
    }

    .it-project-active-1 {
        margin: 0 160px
    }

    .ar-footer-widget-input input {
        padding-left: 15px;
        padding-right: 12px
    }

    .padding-left-col {
        padding-left: 13px
    }

    .footer-rating img {
        margin: 0 3px;
    }

    .footer-mission {
        color: #fff;
        font-size: 15px;
        line-height: 26px;
        margin-bottom: 0
    }

    .footer-links a {
        color: #fff;
        text-decoration: none;
        font-size: 14px;
        transition: color 0.2s
    }

    .footer-rating {
        justify-content: center
    }

    .ar-footer-widget-btn {
        position: unset;
        top: 6px;
        right: 6px;
        line-height: 1;
        transition: 0.3s;
        font-size: 15px;
        padding: 13px 16px;
        display: inline-block;
        font-weight: 600;
        color: #fff;
        font-family: var(--tp-ff-clash-medium);
        background-color: #FF8A3D;
        border-radius: 50px;
        margin-top: 11px
    }

    .ar-footer-widget-envelop {
        position: absolute;
        top: 50%;
        left: 10px;
        transform: translateY(-50%);
        display: none
    }

    .dsl-footer {
        padding-bottom: 124px;
        background-size: cover
    }

    section.second-faq-block .faq-boxes {
        padding: 25px 35px 25px 45px
    }

    .img-hover-reveal img {
        width: 50%
    }

    .comparison-box-left::before {
        left: 20px;
        width: 91.7%
    }

    .comparison-item-text {
        padding-right: 0
    }

    .comparison-box-right .comparison-item {
        padding: 20px 78px 20px 40px
    }

    .footer-mission {
        color: #fff;
        font-size: 14px;
        line-height: 22px;
        margin-bottom: 0
    }

    .step-card {
        padding: 46px 30px 38px 30px;
        height: 100%
    }

    .testimonial-content {
        padding: 60px 0 60px 0;
        position: relative
    }

    .testimonial-person-img img {
        position: absolute;
        bottom: -30px;
        right: 20px;
        width: 80%;
    }

    .pricing-right-card hr {
        margin: 11px 0;
        border: 0;
        border-top: 2px solid;
        opacity: .05
    }

    .pricing-video-icon {
        width: 44px;
        height: 44px
    }

    .pricing-left-title {
        color: #fff;
        font-size: 36px;
        font-weight: 600;
        margin-bottom: 24px;
        line-height: 43px;
    }

    .pricing-left-btn p {
        font-size: 14px;
        padding-right: 0;
        line-height: 21px;
    }

    .pricing-video-icon svg {
        width: 19px;
        height: 30px
    }

    .pricing-left-btn {
        padding: 25px 15px
    }

    .clinet-bx .client-name h4 {
        font-size: 20px
    }

    .clinet-bx .client-name p {
        font-size: 14px
    }

    .testimonial-content .testimonial-badge {
        border: 2px solid #fff3;
        border-radius: 50px;
        padding: 12px 3px;
        width: fit-content;
        margin-bottom: 21px;
        text-align: center
    }

    .testimonial-review p {
        margin-bottom: 0;
        color: #fff;
        font-weight: 500;
        font-size: 16px;
        line-height: 27px
    }

    .seo-text img {
        position: absolute;
        top: 210px;
        opacity: 6%;
        left: 166px;
        right: 0;
        margin: 0 auto;
        width: 59%
    }

    .testimonial-badge span img {
        width: 100%
    }

    .testimonial-badge span img {
        width: 28%
    }

    .testimonial-badge span:nth-child(2) img {
        width: 9%
    }

    .testimonial-badge span:nth-child(1) img {
        width: 38%
    }

    .test-icon-2 img {
        position: absolute;
        top: 100px;
        left: 60px;
        width: 17%
    }

    .test-icon-4 img {
        position: absolute;
        top: 200px;
        right: 40px;
        width: 11%
    }

    .left-textimonial-bx h2 {
    margin-bottom: 34px;
    padding-right: 20%
    }

    .testimonial-content .clinet-bx {
        display: flex;
        align-items: center;
        margin-bottom: 0
    }

    .clinet-bx {
        margin-top: 30px
    }

    .testimonial-review p:not(:last-child) {
        margin-bottom: 9px
    }

    h2 {
        font-size: 36px
    }

    .tab-listBx {
        padding-left: 0
    }

    .tab-item-title {
        font-weight: 600;
        color: #000;
        margin-bottom: 0;
        font-size: 20px
    }

    .tab-item-title {
        font-weight: 600;
        color: #000;
        margin-bottom: 0;
        font-size: 20px
    }

    .seo-hero-content p {
        color: #fff;
        font-weight: 500;
        margin-bottom: 0;
        line-height: 23px;
        padding-right: 13%;
        font-size: 14px
    }

    .quote-bx .seo-quote-content h3 span.text-1 {
        font-size: 18px;
        color: #fff;
        font-weight: 700
    }

    .quote-bx .seo-quote-content h3 {
        font-size: 16px;
        line-height: 28px;
        margin-bottom: 24px
    }

    .seo-hero-btns .custom-btn {
        margin-top: 11px
    }

    ul.secondary-menu {
        gap: 20px
    }

    .quote-bx {
        width: 34%;
        position: absolute;
        right: 26px;
        top: 63px
    }

    .quote-bx .seo-quote-content .quote-author .quote-icon img {
        width: 71%
    }

    .technicalbx {
        padding: 55px 60px
    }

    .quote-bx .seo-quote-content p.author-title {
        margin-bottom: 0
    }

    .seo-trust-block-desc {
        font-size: 18px;
        line-height: 30px
    }

    .left-textimonial-bx {
        padding: 50px 0;
        display: flex
    }

    .tp-hero-para {
        font-size: 18px;
        line-height: 34px
    }

    .tp-hero-title {
        font-size: 36px;
        line-height: 46px
    }

    .contactInnerBanner .tp-hero-title {
        font-size: 36px;
        line-height: 46px
    }

    .testimonial-text {
        font-size: 13px;
        margin-bottom: 20px;
        line-height: 24px;
        padding-right: 20%;
    }

    .testimonial-swiper {
        width: 100%;
        height: auto;
        padding: 0 0 0 0;
        overflow: visible
    }

    .seo-trust-block-desc {
        font-size: 14px;
        line-height: 27px
    }

    .testimonial-card.swap-testi .testimonial-left {
        padding-left: 112px;
    }

    .testimonial-rating img {
        width: 67%
    }

    .testimonial-rating img {
        width: 59%
    }

    .testimonial-card {
        padding: 27px 32px 27px 20px;
        height: auto;
        padding-bottom: 120px;
    }

    .testimonial-author-name {
        font-weight: 700;
        font-size: 16px;
        color: #1a1a1a
    }

    .testimonial-left .testimonial-author-row {
        width: 80%
    }

    .testimonial-card.swap-testi .testimonial-text {
        font-size: 12px;
        margin-bottom: 17px;
        line-height: 24px;
        padding-right: 0%;
    }

    .tp-btn-black-radius.btn-blue-bg i {
        height: 38px;
        width: 38px;
        line-height: 43px
    }

    .testimonial-card .testimonial-img {
        position: absolute;
        right: 0;
        bottom: 0;
        width: 31%
    }

    .testimonial-img.deu-img {
        width: 17%;
    }

    .featured-company {
        font-size: 24px;
        line-height: 1
    }

    .testimonial-featured-lead span.ft-32 {
        font-size: 21px;
        margin-bottom: 0;
        color: #fff;
        font-weight: 700;
        line-height: 26px
    }

    .testimonial-card.swap-testi .testimonial-img {
        position: absolute;
        left: 1px;
        bottom: 0;
        width: 25%
    }

    .testimonial-swiper .swiper-slide.swiper-slide-active {
        margin-left: 0
    }
}

@media only screen and (max-width:1120px) {
    section.tailredSeoEnterprise .tab-bx-track .case-study-tab-item li button {
        padding: 13px 15px;
        margin: 0 6px
    }}

@media only screen and (max-width:1100px) {
    .banner-elemtn-4 img {
        position: absolute;
        left: 220px;
        bottom: 50px;
        width: 8%
    }

    .testimonial-review p {
        margin-bottom: 0;
        color: #fff;
        font-weight: 500;
        font-size: 14px;
        line-height: 23px;
    }    .link-building-strategies.pakages-process h2 img {
        width: 68%
    }    .CounterTextBanner .rotator {
        border-right: 2px solid #fff;
        white-space: nowrap;
        overflow: hidden;
        height: 50px;
        color: #9a42d5;
        font-size: 49px;
        display: inline-block;
        animation: blink 0.7s infinite;
        line-height: 50px
    }    .footer-rating img {
        margin: 0 3px;
    }

    .sldier-process {
        margin-top: 50px
    }    .testi-mobiele-dot {
        margin-top: 55px;
        justify-content: center
    }

    .testimonial.card {
        padding-left: 52px
    }

    .dropdown {
        margin-left: 20px
    }

    .tailredSeoEnterprise .tab-bx-track {
        width: 857px
    }

    .solution-card {
        border: 2px solid #E6EEEC;
        border-radius: 20px;
        background: #E6EEEC;
        margin: 0 auto;
        padding: 23px 23px
      }

    .seo-trust-block-title {
        font-weight: 600;
        font-size: 20px;
        color: #181818;
        margin-bottom: 11px;
        line-height: 28px;
        padding-right: 0;
        transition: 0.3s all ease
    }

    .bar-wrap img {
        position: absolute;
        z-index: 1;
        top: 0;
        left: 10px;
        right: 0;
        margin: 0 auto;
        bottom: 0
    }

    .cd-element-9 img {
        right: 80px;
        top: 100px
    }

    .cd-element-4 img {
        left: -140px;
        bottom: 70px
    }

    section.tailredSeoEnterprise .tab-bx-track .case-study-tab-item li button {
        padding: 13px 13px;
        margin: 0 6px
    }

    .content-enterprise p {
        padding-right: 3%
    }

    .case-study-wrapper .case-element-2 img {
        top: 140px;
        right: 230px
    }

    .case-study-wrapper .case-element-3 img {
        top: -64px;
        right: 60px;
        width: 11%
    }

    .case-study-wrapper .case-element-1 img {
        top: 130px;
        left: 190px
    }

    .banner-elemtn-3 img {
        position: absolute;
        left: 480px;
        bottom: 110px;
        width: 7%
    }

    .tp-hero-title {
        font-size: 34px;
        line-height: 44px
    }

    .tp-hero-title-box h5 {
        color: #FFAA20;
        font-size: 22px;
        font-weight: 700;
        padding-right: 0
    }

    .cs-card-content h2 {
    margin-bottom: 28px;
    color: #fff;
    padding-right: 0
    }

    .it-project-active-1 {
        margin: 0 300px
    }

    section.second-faq-block.gradient-second-block {
        padding: 80px 0 80px 0
    }

    .comparison-item-text {
        font-size: 14px;
        line-height: 29px;
        padding-right: 0%
    }

    .crossmark {
        display: inline-block;
        min-width: 27px;
        height: 27px
    }

    .checkmark {
        display: inline-block;
        min-width: 27px;
        height: 27px
    }

    .agency-comparison-subtitle {
        padding: 0 17%
    }

    .comparison-box-left::before {
        left: 20px;
        width: 91.7%
    }

    .comparison-item {
        padding: 15px 28px 15px 28px
    }

    .comparison-item:nth-child(1) {
        padding: 30px 28px 5px 28px
    }

    .comparison-item:nth-child(5) {
        padding: 15px 28px 30px 28px
    }

    .comparison-box-right .comparison-item:nth-child(3) {
        padding: 8px 28px 13px 32px
    }

    .comparison-box-right .comparison-item:nth-child(1) {
        padding: 20px 28px 23px 32px
    }

    .comparison-box-right .comparison-item:nth-child(5) {
        padding: 8px 28px 20px 32px
    }

    .comparison-box-right .comparison-item:nth-child(2) {
        padding: 8px 28px 13px 32px
    }

    .comparison-box-right .comparison-item:nth-child(4) {
        padding: 8px 28px 13px 32px
    }

    .comparison-box-right .comparison-item {
        padding: 20px 78px 20px 27px
    }

    .testimonial-card.swap-testi .testimonial-left {
        padding-left: 139px
    }

    .testimonial-content {
        padding: 60px 0 60px 49px;
        position: relative
    }

    .pricing-illustration img {
        margin-bottom: 30px;
        position: absolute;
        top: 36px;
        right: -160px;
        width: 67%;
        opacity: 0.8;
    }


    .testimonial-person-img img {
        position: absolute;
        bottom: -20px;
        right: 48px;
        width: 71%;
    }

    .rotator {
        border-right: 2px solid #fff;
        white-space: nowrap;
        overflow: hidden;
        height: 54px;
        color: #FF8A3D;
        font-size: 54px;
        display: inline-block;
        animation: blink 0.7s infinite;
        line-height: 54px;
    }

    .secondary-menu a {
        font-size: 14px
    }

    .testimonial-review .quote-icon {
        position: absolute;
        left: -47px;
        top: 8px;
        width: 9%
    }

    .testimonial-card.swap-testi .testimonial-text {
        font-size: 13px;
        margin-bottom: 17px;
        line-height: 23px;
        padding-right: 0%
    }

    .testimonial-text {
        font-size: 13px;
        margin-bottom: 20px;
        line-height: 23px;
        padding-right: 110px
    }

    .testimonial-swiper-section {
        background: #E6EEEC;
        overflow: hidden;
        padding: 0 0 100px 0
    }

    .tp-hero-para {
        font-size: 16px;
        line-height: 30px
    }

    .enterpriseBanner .buttons {
        display: flex;
        gap: 14px;
        justify-content: start;
        margin-bottom: 30px
    }

    .enterpriseBanner .tp-hero-para {
        padding-right: 9%
    }

    .banner-elemtn-2 img {
        position: absolute;
        right: -74px;
        top: 128px;
        width: 16%
    }

    .tp-hero-ptb {
        padding-top: 110px;
        padding-bottom: 225px
    }

    .banner-elemtn-1 img {
        position: absolute;
        right: 155px;
        top: 219px;
        width: 19%
    }
}

@media only screen and (max-width:1080px) {
    section.tailredSeoEnterprise .tab-bx-track .case-study-tab-item li button {
        padding: 13px 10px;
        margin: 0 6px
    }

    .image-wrapper {
        position: absolute;
        bottom: 0;
        right: -120px;
        width: 380px
    }

    .left-section {
        padding: 50px 35px 50px 0
    }

    .right-section {
        padding: 40px 30px
    }

    .content-wrapper {
        width: 453px;
        margin-left: auto
    }

    .tailredSeoEnterprise .tab-bx-track {
        width: 877px
    }
}

@media only screen and (max-width:1050px) {    .casino-process #processSlider {
        overflow: hidden;
        height: 921px;
        margin-bottom: 140px;
        padding: 0 60px
    }

    .enterprise-process #processSlider {
        overflow: hidden;
        height: 940px;
        margin-bottom: 180px
    }

    section.tailredSeoEnterprise .tab-bx-track .case-study-tab-item li button {
        padding: 13px 13px;
        margin: 0 1px
    }

    .comparison-item:nth-child(1) {
        padding: 13px 28px 0 28px
    }

    .footer-links a {
        color: #fff;
        text-decoration: none;
        font-size: 12px;
        transition: color 0.2s
    }

    .footer-links li {
        margin-bottom: 10px;
        line-height: 19px
    }

    .footer-links li {
        margin-bottom: 10px;
        line-height: 19px
    }

    .crossmark {
        display: inline-block;
        min-width: 18px;
        height: 29px
    }

    .comparison-box-right .comparison-item:nth-child(1) {
        padding: 20px 28px 13px 32px
    }

    .comparison-item:nth-child(5) {
        padding: 15px 28px 20px 28px
    }

    .comparison-item-text {
        font-size: 14px;
        line-height: 24px;
        padding-right: 0%
    }

    .tailredSeoEnterprise .tab-bx-track {
        width: 828px
    }

    .explain-body p {
        font-size: 16px;
        line-height: 29px
    }

    .seo-hero-card.main-card {
        min-height: 370px;
        padding: 40px 20px 40px 20px;
        z-index: 2
    }

    .seo-hero-desc {
        font-size: 1rem;
        font-weight: 600;
        margin-top: 10px
    }

    section.first-faq-block .accordion-body p {
        padding-right: 0
    }

    .pricing-left-card {
        padding: 38px 20px 32px 20px
    }

    .seo-trust-section .left-img img {
        height: 470px;
        width: 100%;
        object-fit: cover;
        border-radius: 20px
    }

    .pricing-right-card hr {
        margin: 0 0 11px 0;
        border: 0;
        border-top: 2px solid;
        opacity: .05
    }

    .pricing-left-btn h4 {
        font-size: 17px
    }

    .pricing-includes-list li p {
        font-size: 14px
    }

    .pricing-illustration img {
        margin-bottom: 30px;
        position: absolute;
        top: -14px;
        right: -120px
    }

    .seo-trust-section {
        background: #F7FAF9;
        padding: 80px 0 80px 0
    }

    .quote-bx {
        width: 37%;
        position: absolute;
        right: 26px;
        top: 63px
    }

    .seo-hero-content {
        padding: 80px 0
    }

    .quote-bx .seo-quote-content .quote-author .quote-name h4 {
        margin-bottom: 0
    }

    .seo-trust-section .seo-trust-imgcol img {
        height: 470px;
        width: 100%;
        object-fit: cover;
        border-radius: 20px
    }

    .seo-trust-heading p {
        font-size: 16px;
        color: #232323;
        line-height: 27px;
        font-weight: 500;
        margin-bottom: 0
    }
}

@media only screen and (max-width:991px) {
    html {
        overflow-x: hidden
    }

    .whatsapp-link {
        bottom: 17%;
        right: 2%;
    }

    .menu-glosary button.nav-link:hover {
        color: #222;
        background-color: #fff;
        border-radius: 6px;
    }

    .side-info-wrapper,
    .cart-bar-wrapper {
        position: fixed;
        overflow-y: auto;
        top: 0;
        right: -660px;
        width: 100%;
        height: 100vh;
        display: block;
        background-color: #fff;
        z-index: 9;
        box-shadow: -5px 0 20px -5px rgb(0 0 0 / .5);
        padding-top: 0;
        -webkit-transition: all 600ms cubic-bezier(.785, .135, .15, .86);
        -o-transition: all 600ms cubic-bezier(.785, .135, .15, .86);
        transition: all 600ms cubic-bezier(.785, .135, .15, .86)
    }

    .tab-menu-body .mega-menu-list li.mega-menu-item a {
        padding: 0px 0px;
        border-radius: 8px;
        color: #222;
        line-height: 1.4;
        text-transform: capitalize;
        display: block;
        margin-right: 0;
    }

    .tab-menu-body .mega-menu-list li.mega-menu-item p {
        font-size: 14px;
        line-height: 21px;
    }



    .mobile-off {
        margin-bottom: 23px;
    }

    .mobile-off h4 {
        font-weight: 600;
        font-size: 20px;
        margin-bottom: 0;
    }

    .mega-menu-item {
        display: flex;
        padding: 10px 0;
    }



    .tab-content.tab-menu-body {
        display: block;
        padding: 20px;
    }


    .tab-content .mega-menu-list .menu-icon .hovershow {
        display: none;
        opacity: 0;
        visibility: hidden;
    }

    .tab-content.tab-menu-body {
        margin-top: 15px;
        height: 100%;
        overflow-y: auto;
    }

    .menu-glosary .nav-pills {
        margin-bottom: 0;
    }

    .menu-glosary button.nav-link.active {
        border-radius: 6px;
        background-color: #ffffff;
        color: #000;
    }

    .menu-element img {
        bottom: -52px;
    }

    .menu-glosary {
        background-color: #0F4A52;
        margin: 0;
        padding: 20px 16px 189px;
        position: relative;
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .tab-menu-body .mega-menu-list {
        gap: 12px 0;
        margin-bottom: 0;
        column-count: 1;
        text-align: left;
        list-style: none;
    }

    .tab-menu-body {
        width: 100%;
    }

    .menu-glosary button.nav-link {
        text-align: start;
        color: #fff;
        margin-bottom: 8px;
        font-weight: 500;
        font-size: 13px;
        padding: 15px 20px;
    }

    .orgainic-wrapper {
        margin-top: 30px;
    }

    .side-info-wrapper,
    .cart-bar-wrapper {
        z-index: 9;
        width: 100%;
        right: -1140px;
    }





    .menu-glosary .nav-pills {
        margin-bottom: 0;
    }

    .menu-glosary button.nav-link.active {
        border-radius: 6px;
        background-color: #ffffff;
        color: #000;
    }


    .tab-menu-body .mega-menu-list {
        gap: 12px 0;
        margin-bottom: 0;
        column-count: 1;
        text-align: left;
        list-style: none;
    }

    .tab-menu-body {
        width: 100%;
    }



    .seo-hero-section.second-cta .team-photo img {
        position: absolute;
        bottom: -30px;
        right: 9%;
        max-width: 41%;
    }

    .ivf-process .process-card {
        height: 330px
    }

    .sass-process .process-card {
        height: 384px
    }

    .pakages-process .process-card {
        height: 324px
    }

    .link-building-strategies.pakages-process h2 img {
        width: 88%
    }    .casino-backlinks-process .process-card {
        height: 324px
    }

    .geo-process .process-card {
        height: 331px
    }

    .financial-process .process-card {
        height: 355px
    }

    .ecom-process .process-card {
        height: 327px
    }

    .sss-process .process-card {
        height: 356px
    }

    .smms-process .process-card {
        height: 421px
    }

    .casino-process .process-card {
        height: 362px
    }

    .enterprise-process .process-card {
        height: 321px
    }

    .link-building-strategies h2 img {
        width: 70%
    }

    .process-card {
        height: 451px
    }

    .fixd-eleme {
        margin-top: 30px
    }

    .sbss-process .process-card {
        height: 356px
    }

    .msion-vision-text {
        font-size: 14px
    }

    .left-section {
        padding: 50px 35px 50px 35px;
        border-right: 0 solid #FFF
    }

    section.seo-hero-section.abt-hero .team-photo img {
        position: absolute;
        bottom: 0;
        right: 25%;
        max-width: 53%
    }

    .milestone-content h4 {
        font-size: 36px
    }

    .timeline-content p {
        font-size: 12px
    }

    .image-wrapper {
        position: absolute;
        bottom: -50px;
        right: -50px;
        width: 380px
    }

    .right-section {
        padding: 110px 30px
    }

    .stat-box:nth-child(1) {
        width: 44%
    }

    .stat-box:nth-child(4) {
        width: 45%
    }

    .content-wrapper {
        width: 100%;
        margin-left: auto
    }

    .right-section {
        border-left: 0 solid #FFF
    }

    .c-text p {
        text-decoration: none;
        color: #0000001a;
        text-transform: uppercase;
        font-size: 80px;
        font-weight: 600;
        margin-bottom: 0;
        letter-spacing: 1px;
        line-height: .7
    }

    .story-content {
        margin-bottom: 0;
        margin-top: 50px
    }

    .tp-hero-title-box p.tagline {
        color: #FFAA20;
        font-size: 20px;
        font-weight: 600;
        padding-right: 6%
    }

    .tp-image-distortion {
        height: 100%
    }

    .btn-pill.home-pill {
        font-size: 12px
    }    #heroBanner .rotator {
        font-size: 40px;
        line-height: 45px;
        height: 45px
    }

    .InnerBanner.contactInnerBanner {
        padding: 160px 0 110px 0
    }

    .InnerBanner.quote-hero {
        padding: 78px 0 90px 0;
    }

    .contact-info {
        margin-top: 30px
    }

    .tailredSeoEnterprise.smmPlatform .tab-bx-track {
        width: auto
    }

    .row.row-gap-28.row.row-gap-28.mt-30 {
        margin-top: 0
    }

    section.first-faq-block.gradient-first-block.enterprise-faq {
        padding: 80px 0 60px 0
    }

    .backlink-campaign-process-section.section.casino-seo-services {
        padding-bottom: 60px
    }    .journey-section.casino-journey {
        padding-top: 0
    }

    .section.our-link-building-techniques.proven-strat .audit-card-left {
        padding-right: 0
    }

    .technicalbx .right-elem img {
        position: absolute;
        top: unset;
        right: 0;
        width: auto;
        height: 60%;
        object-fit: cover;
        bottom: 0;
        display: none
    }

    .agency-comparison-section.backlink-page-comparison {
        padding-bottom: 0
    }    .contact-form {
        padding: 25px 25px;
        margin-bottom: 30px
    }

    .banner-image {
        position: unset;
        top: 27px;
        right: 0;
        height: 100%;
        max-height: none !important;
        z-index: auto;
        aspect-ratio: unset;
        width: unset;
        display: flex;
        align-items: center;
        margin-bottom: 21px;
        width: 100%
    }

    .blog-banner {
        padding: 90px 0 54px 0
    }

    .tab-item.active {
        border-bottom: 1px solid #E6EEEC;
        padding: 22px 0 22px 0;
        cursor: pointer;
        transition: all 0.3s ease
    }

    .banner-image img {
        width: 100%;
        height: 392px
    }

    .blogBodyWrapper {
        padding: 60px 0 60px 0;
        background-color: #E6EEEC
    }

    .banner-image img {
        border-radius: 10px
    }

    .footer-rating img {
        margin: 0 3px;

    }

    .caseStudyDetailBanner {
        padding: 46px 0 0 0
    }

    .dropdown {
        margin-left: 20px
    }

    .case-study-listing .tab-bx-track {
        width: 100%;
        margin: 0 auto 0
    }

    .dropdown {
        margin-left: 17px
    }

    .section-lead {
        font-size: 14px;
        font-weight: 400;
        line-height: 24px
    }

    .pricing-right-card {
        padding: 32px 20px 22px 20px
    }

    .comparison-item {
        padding: 15px 28px 5px 28px
    }

    .process-card .process-text p {
        font-size: 16px;
        color: #fff;
        line-height: 32px;
        text-align: left;
        margin-bottom: 0
    }

    #tabDropdownMenu .dropdown-item {
        padding: 6px 15px;
        font-weight: 500;
        color: #222;
        transition: all 0.2s ease;
        font-size: 14px
    }

    #discTabDropdownMenu .dropdown-item {
        padding: 6px 15px;
        font-weight: 500;
        color: #222;
        transition: all 0.2s ease;
        font-size: 14px
    }

    #smmTabDropdownMenu .dropdown-item {
        padding: 6px 15px;
        font-weight: 500;
        color: #222;
        transition: all 0.2s ease;
        font-size: 14px
    }

    #tabDropdownMenuone .dropdown-item {
        padding: 6px 15px;
        font-weight: 500;
        color: #222;
        transition: all 0.2s ease;
        font-size: 14px
    }

    #tabDropdown {
        font-size: 14px
    }

    #tabDropdownone {
        font-size: 14px
    }

    .seo-trust-section {
        background: #F7FAF9;
        padding: 60px 0 60px 0
    }

    .testimonial-swiper-section {
        background: #E6EEEC;
        overflow: hidden;
        padding: 0 0 108px 0
    }

    .brand-overview {
        padding: 83px 0 80px 0
    }

    .service-card {
        padding: 20px 21px
    }

    .similar-case-study {
        padding: 80px 0;
        background-color: #E6EEEC
    }

    .approachContent p:nth-child(2) {
        margin-bottom: 0
    }

    .testimonial-section {
        background: #F7FAF9;
        padding: 80px 0
    }

    .mirabella-section {
        background: #E6EEEC;
        padding: 80px 0 190px 0
    }

    .quote-content p {
        font-size: 20px;
        color: #0b0b0b;
        margin-bottom: 0;
        font-weight: 500;
        padding-right: 20%;
        line-height: 31px
    }

    .mirabella-image {
        margin-bottom: 30px
    }

    .issue-text-green {
        margin: 0;
        color: #000;
        line-height: 26px;
        font-size: 14px;
        font-weight: 400
    }

    .mirabella-image img {
        height: 320px;
        width: 100%
    }

    .section-layout-image {
        padding: 0 0 80px 0
    }

    .issue-inline-green {
        color: #00A767;
        font-weight: 600;
        font-size: 18px
    }

    .issue-text {
        margin: 0;
        color: #000;
        line-height: 26px;
        font-size: 14px;
        font-weight: 400
    }

    .issue-inline {
        font-weight: 600;
        font-size: 18px;
        color: #e8a90b
    }

    .middleIUmg {
        padding: 0 0 80px 0
    }

    .service-title {
        margin: 0;
        font-size: 20px;
        font-weight: 700
    }

    .service-card img {
        width: 65px;
        height: 65px
    }

    .services-section {
        background: #F7FAF9;
        padding: 0 0 80px 0
    }

    .cd-element-2 img {
        left: 50px;
        top: 510px;
        display: none
    }

    .cd-element-12 img {
        right: 0;
        bottom: 140px;
        display: none
    }

    .cd-element-5 img {
        left: 40px;
        top: 220px
    }

    .chart {
        position: relative;
        height: auto;
        margin-top: -17px;
        border-radius: 0
    }

    .journey-grid {
        --bs-gutter-x: 26px;
        --bs-gutter-y: 0;
        margin-top: 0
    }

    .journey-section {
        padding: 80px 0
    }

    .journey-sub {
        font-size: 16px;
        line-height: 28px;
        padding-right: 47%
    }

    .journey-title {
        font-weight: 700;
        line-height: 1.12;
        margin: 0 0 18px 0
    }

    .phase-text {
        font-size: 14px;
        line-height: 21px
    }

    .phase-card-top {
        padding: 28px 18px 0
    }

    .phase-title {
        font-size: 26px
    }

    .cta-hero {
        padding: 60px 0
    }

    .testimonial-card {
        height: 100%
    }

    .cta-sub {
        font-size: 16px;
        line-height: 26px
    }

    .tailredSeoEnterprise {
        padding: 80px 0
    }

    .section-head {
        background: #F7FAF9;
        border: 2px solid #70379d1c;
        border-radius: 20px;
        padding: 26px 26px
    }

    .tailredSeoEnterprise .section-heading {
        text-align: center;
        width: 85%;
        margin: 0 auto
    }

    .enterpriseBanner .buttons {
        display: flex;
        gap: 11px;
        justify-content: start;
        margin-bottom: 30px
    }

    .enterprise-elemtn img {
        position: absolute;
        bottom: 0;
        right: -63px;
        z-index: -1;
        width: 55%
    }

    .btn-pill {
        font-size: 12px;
        padding: 4px 15px
    }

    .section-heading p {
        color: #232323;
        line-height: 25px;
        font-weight: 500;
        margin-bottom: 0
    }

    .card-text {
        margin: 0;
        color: #000;
        font-size: 14px;
        line-height: 20px
    }

    .feature-card {
        border-radius: 18px;
        padding: 26px 26px 26px 26px;
        height: 100%
    }

    .tailredSeoEnterprise .section-heading {
        text-align: center;
        width: 100%;
        margin: 0 auto
    }

    .tailredSeoEnterprise.smmPlatform .section-heading {
        text-align: center;
        width: 100%;
        margin: 0 auto
    }

    .section-title {
        margin: 0 0 13px 0;
        font-weight: 700;
        letter-spacing: 0;
        color: #924DBF;
        font-size: 30px;
        line-height: 1.2
    }

    .icon-wrap img {
        width: 70px;
        height: 70px
    }

    .tailredSeoEnterprise .tab-bx-track {
        background-color: #fff0;
        padding: 0 0;
        border-radius: 50px
    }

    .enterprise-media img {
        width: 100%;
        height: 300px;
        display: block;
        object-fit: cover
    }

    .content-enterprise p:not(:last-child) {
        margin-bottom: 12px
    }

    .enterprise-media {
        margin-bottom: 30px
    }

    .case-study-wrapper .case-element-1 img {
        top: 130px;
        left: 140px
    }

    .case-study-wrapper .case-element-2 img {
        top: 140px;
        right: 140px
    }

    .mob-eleme-3 img {
        position: absolute;
        left: 273px;
        bottom: 370px;
        width: 12%
    }

    .mob-eleme-4 img {
        position: absolute;
        left: 37px;
        bottom: 293px;
        width: 12%
    }

    .mob-eleme-1 img {
        position: absolute;
        right: 96px;
        bottom: 303px;
        width: 23%
    }

    .link-building-strategies {
        overflow-x: hidden
    }

    .mob-eleme-2 img {
        position: absolute;
        right: 0;
        bottom: 428px;
        width: 9%
    }

    .seo-results-banner-section .seo-hero-btns {
        margin-top: 28px
    }

    section.second-faq-block .accordion-button h3 {
        font-size: 20px;
        margin-bottom: 0;
        line-height: 32px;
        color: #924DBF
    }

    section.second-faq-block .accordion-button::after {
        width: 15px;
        height: 15px
    }

    section.second-faq-block .faq-boxes.active .accord-number {
        font-size: 18px;
        color: #fff;
        font-weight: 700
    }

    .banner-elemtn-1 img {
        display: none
    }

    section.third-faq-block.gradient-third-block {
        padding: 60px 0 60px 0
    }

    .tab-images {
        position: relative;
        height: 381px;
        background: #F7FAF9;
        border-radius: 12px;
        overflow: hidden
    }

    .tp-hero-title {
        font-size: 30px;
        line-height: 43px;
        margin-bottom: 0;
        padding-right: 0
    }

    .contactInnerBanner .tp-hero-title {
        font-size: 30px;
        line-height: 43px;
        margin-bottom: 0;
        margin-top: 30px;
        padding-right: 0
    }

    section.mind-blowinng-seo .FaqTitle p {
        font-size: 16px;
        font-weight: 500
    }

    section.mind-blowinng-seo .FaqTitle {
        margin-bottom: 0
    }

    section.third-faq-block .faq-boxes {
        padding: 10px 15px 10px 15px
    }

    section.third-faq-block .accordion-button h3 {
        font-size: 20px
    }

    .mobile-tab-hide {
        display: none
    }

    .fixd-eleme img {
        position: absolute;
        bottom: 0;
        width: 90%;
        left: 0;
        right: 0;
        margin: 0 auto
    }

.cs-card-img img {
        position: absolute;
        right: 30px;
        bottom: 0;
        width: 42%
    }

    .col-lg-6.col-md-12.col-sm-6.col-12:nth-child(3) .cs-stat-block {
        margin-bottom: 18px
    }

    .cs-stat-head {
        font-size: 25px;
        font-weight: 700;
        margin-bottom: 6px;
        line-height: 30px
    }

    .cs-card-content a {
        margin-bottom: 12px
    }

    .cs-card-content h2 {
    margin-bottom: 16px;
    color: #fff;
    padding-right: 0
    }

    .cs-stat-block {
        margin-bottom: 18px
    }

    .solutionTabs {
        padding: 80px 0 80px 0
    }

    .solution-card {
        padding: 31px 24px
    }

    .solution-img img {
        display: block;
        margin-bottom: 27px;
        height: 130px
    }

    .pricing-illustration img {
        margin-bottom: 30px;
        position: absolute;
        top: -7px;
        right: -162px;
        width: 45%
    }

    .solution-card {
        padding: 30px 26px;
        gap: 16px
    }

    .solution-text p {
        color: #3F5459;
        font-size: 15px;
        font-weight: 400;
        margin-bottom: 0;
        line-height: 1.68;
        text-align: start
    }

    .solution-title h3 {
        font-weight: 700;
        color: #101E22;
        font-size: 24px;
        line-height: 1.24;
        margin-bottom: 0;
        padding-right: 0;
        text-align: start
    }

    .sol-mobile {
        --bs-gutter-x: 30px;
        --bs-gutter-y: 30px;
        margin-top: 0
    }

    .it-project-active-1 {
        margin: 0 150px
    }

    .ar-footer-widget-envelop {
        position: absolute;
        top: 38%;
        left: 18px;
        transform: translateY(-50%);
        display: block
    }

    .footer-copyright {
        color: #fff;
        font-size: 16px;
        font-weight: 400;
        text-align: center
    }

    .section.dsl-footer {
        padding-bottom: 100px
    }

    .footer-socials {
        margin: 22px 0
    }

    .padding-bottom-low {
        padding-bottom: 26px
    }

    .footer-map-img img {
        width: 30%;
        font-size: 22px;
        font-weight: 700
    }

    .padding-left-col {
        padding-left: 13px;
        margin-top: 23px
    }

    .ar-footer-widget-input input {
        padding-left: 51px;
        padding-right: 12px
    }

    .ar-footer-widget-btn {
        position: absolute;
        top: -6px;
        right: 6px;
        line-height: 1;
        transition: 0.3s;
        font-size: 15px;
        padding: 14px 16px;
        display: inline-block;
        font-weight: 600;
        color: #fff;
        font-family: var(--tp-ff-clash-medium);
        background-color: #FF8A3D;
        border-radius: 50px;
        margin-top: 11px
    }

    section.second-faq-block.gradient-second-block {
        padding: 80px 0 80px 0
    }

    .img-hover-reveal img {
        width: 72%;
        position: unset
    }

    section.third-faq-block .accordion-body {
        margin-top: 25px
    }

    .comparison-box-left::before {
        display: none
    }

    .comparison-box-left {
        border: 2px solid #924DBF;
        overflow: hidden
    }

    .right-main-bx {
        z-index: 1;
        position: relative;
        margin-top: 140px
    }

    .comparison-item-title {
        font-size: 20px;
        margin-bottom: 0;
        line-height: 38px
    }

    .seo-trust-block-title {
        font-size: 20px;
        line-height: 28px;
        padding-right: 0
    }

    .trusted-companies {
        margin: 60px auto
    }

    .media-mentions {
        margin: 60px auto
    }

    .comparison-box-right .comparison-item {
        padding: 20px 18px 20px 27px
    }

    .seo-hero-title {
        color: #fff;
        font-weight: 700;
        margin-bottom: 10px
    }

    .comparison-header-right img {
        width: 72%
    }

    .agency-comparison-subtitle {
        margin-bottom: 90px
    }

    .agency-comparison-section {
        background: #F7FAF9;
        padding-bottom: 60px;
        padding-top: 60px;
        position: relative;
        overflow: hidden
    }

    .agency-comparison-subtitle {
        padding: 0 0%
    }

    .comparison-icon {
        flex: none;
        margin-top: 9px
    }

    .comparison-header-right {
        position: absolute;
        top: -86px;
        left: 50px
    }

    .comparison-item-text {
        font-size: 14px;
        line-height: 24px;
        padding-right: 0%
    }

    .comparison-item-title {
        font-size: 18px;
        margin-bottom: 0;
        line-height: 32px
    }

    .comparison-header-left {
        position: absolute;
        top: -95px;
        left: 38px
    }

    .comparison-header-left img {
        width: 72%
    }

    .comparison-box-right {
        border: 2px solid #FF8A3D;
        overflow: hidden;
        border-left: 2px solid #FF8A3D;
        border-bottom-left-radius: 18px;
        border-top-left-radius: 18px
    }

    .our-link-building-techniques .section-header p {
        font-size: 16px;
        color: #000;
        font-weight: 400
    }

    .technicalbx {
        padding: 30px 35px
    }

    .technicalbx {
        padding: 55px 35px
    }

    .audit-card-left h4 {
        font-size: 73px;
        line-height: 49px
    }

    .section.our-link-building-techniques {
        padding-bottom: 30px
    }

    .channel-card {
        min-height: 100%
    }

    .explain-card {
        padding: 30px 30px;
        margin-top: 0
    }

    .row.align-items-stretch.custom-mb-20 {
        margin-bottom: 28px;
        margin-top: 20px
    }

    .card-padding {
        --bs-gutter-y: 30px
    }

    .pointer p {
        margin-bottom: 15px;
        font-weight: 700;
        color: #000;
        font-size: 16px
    }

    .section.backlink-campaign-process-section {
        padding-bottom: 0
    }

    .backlink-campaign-process-section.section.process-imp {
        padding-bottom: 60px
    }

    .backlink-campaign-process-section.section.startup-help {
        padding-bottom: 60px
    }

    .section.backlink-campaign-process-section.enterprise-cater {
        padding-bottom: 60px
    }

    .section.backlink-campaign-process-section.generative-cater-gory {
        padding-bottom: 60px
    }

    .section.backlink-campaign-process-section.financial-cater {
        padding-bottom: 60px
    }

    .backlink-campaign-process-section.casino-link-building-benefits.section {
        padding-bottom: 60px
    }

    .section.backlink-campaign-process-section.buy-links {
        padding-bottom: 60px
    }

    .step-text {
        font-size: 14px;
        color: rgba(255, 255, 255, .78);
        line-height: 22px;
        font-weight: 400
    }

    .backlink-subtext {
        font-size: 16px;
        margin-bottom: 12px;
        color: #000
    }

    .backlink-campaign-process-section.section.buy-links .backlink-subtext {
        font-size: 16px;
        margin-bottom: 30px;
        color: #000
    }

    .channel-card-img {
        /* height: 120px; */
        object-fit: contain;
        margin-bottom: 14px;
        align-self: flex-start
    }

    .explain-body p {
        font-size: 14px;
        line-height: 24px
    }

    .section {
        padding: 60px 0
    }

    .seo-hero-card.right-card {
        padding: 24px 12px 18px 12px
    }

    .seo-hero-desc {
        font-size: 13px;
        margin-top: 10px;
        line-height: 21px
    }

    .seo-hero-percent {
        font-size: 44px;
        font-weight: 600;
        line-height: 1.1
    }

    .seo-hero-card.left-card {
        padding: 24px 12px 18px 12px
    }

    .seo-hero-card.main-card {
        padding: 30px 20px 30px 20px;
        z-index: 2
    }

    .pricing-left-btn {
        padding: 25px 15px;
        width: 50%
    }

    .pricing-right-card {
        margin-top: 0;
        margin-bottom: 30px
    }

    #seo-pricing-section {
        background: #F7FAF9;
        padding: 80px 0
    }

    ul.secondary-menu {
        gap: 10px
    }

    .secondary-menu .dot {
        width: 4px;
        height: 4px
    }

    h2 {
        font-size: 34px
    }

    .test-icon-1 img {
        position: absolute;
        bottom: -11px;
        left: -19px;
        width: 18%
    }

    .seo-text img {
        position: absolute;
        top: 210px;
        opacity: 6%;
        left: 46px;
        right: 0;
        margin: 0 auto;
        width: 59%
    }

    .test-icon-3 img {
        position: absolute;
        bottom: 230px;
        right: -20px;
        width: 50px;
        height: 50px
    }

    .testimonial-person-img img {
        position: absolute;
        bottom: 0;
        right: 10px;
        width: 84%
    }

    .seo-hero-content {
        padding: 60px 0 350px 0;
        display: flex;
        align-items: center
    }

    .seo-block-left {
        width: 65%
    }

    .seo-hero-btns {
        margin-top: 0
    }

    .team-photo img {
        position: absolute;
        bottom: -27px;
        right: 37px;
        max-width: 39%
    }

    .seo-hero-section .team-element-2 img {
        position: absolute;
        right: 23px;
        bottom: 165px;
        width: 7%
    }

    .dot {
        width: 8px;
        height: 8px
    }

    .btn-dots {
        display: flex;
        gap: 5px
    }

    .peach-btn {
        background: var(--btn-bg);
        padding: 15px 16px 15px 13px;
        gap: 10px
    }

    .quote-bx {
        width: 46%;
        position: absolute;
        right: 0;
        top: 57%;
        left: 70px
    }

    .seo-hero-section .team-element-1 img {
        position: absolute;
        right: 60px;
        bottom: 270px;
        width: 7%
    }

    .seo-trust-section .left-img img {
        height: 380px
    }

    .seo-trust-contentcol {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        padding-left: 0;
        margin-top: 30px
    }

    .testimonial-left .testimonial-author-row {
        width: 86%
    }

    .testimonial-card.swap-testi .testimonial-left {
        padding-left: 132px
    }

    .testimonial-swiper .swiper-slide.swiper-slide-active {
        margin-left: 0
    }

    .testimonial-card.swap-testi .testimonial-text {
        font-size: 14px;
        margin-bottom: 17px;
        line-height: 23px;
        padding-right: 0%
    }

    .testimonial-text {
        font-size: 14px;
        margin-bottom: 20px;
        line-height: 23px;
        padding-right: 150px
    }

    .banner-elemtn-2 img {
        display: none
    }

    .tp-hero-ptb {
        padding-top: 90px;
        padding-bottom: 345px
    }

    .tp-hero-para {
        font-size: 14px;
        line-height: 24px;
        margin-bottom: 15px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        overflow: hidden
    }

    .tab-container .row {
        width: auto !important
    }

    .enterpriseBanner .tp-hero-para {
        padding-right: 0
    }

    .button-row {
        display: flex;
        align-items: center;
        gap: 26px;
        margin-top: 31px
    }

    .chart-elemtn img {
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: -1
    }

    .tp-hero-title-box h5 {
        color: #FFAA20;
        font-size: 24px;
        font-weight: 700;
        padding-right: 30%
    }

    .banner-elemtn-4 img {
        position: absolute;
        left: 70px;
        bottom: 170px;
        width: 12%
    }

    .banner-elemtn-3 img {
        position: absolute;
        left: 320px;
        bottom: 230px;
        width: 11%
    }

    .trusted-logos-grid .logo-cell:nth-child(8) img {
        max-height: 40px
    }

    .trusted-logos-grid .logo-cell:nth-child(11) img {
        max-height: 33px
    }
}

@media only screen and (max-width:820px) {
    .quote-bx {
        width: 52%;
        position: absolute;
        right: 0;
        top: 57%;
        left: 0
    }

    .smms-process .process-card {
        height: 451px
    }

    .link-building-strategies h2 img {
        width: 70%
    }

    .casino-process .process-card {
        height: 392px
    }

    .enterprise-process .process-card {
        height: 354px
    }

    .team-photo img {
        right: 37px
    }

    .seo-block-left {
        width: 62%
    }
}

@media (max-width:767px) {
    html {
        overflow-x: hidden
    }

    .menu-element img {
        bottom: -40px;
    }

    .side-info-wrapper,
    .cart-bar-wrapper {
        position: fixed;
        overflow-y: auto;
        top: 0;
        right: -760px;
        width: 100%;
        height: 100vh;
        display: block;
        background-color: #fff;
        z-index: 9;
        box-shadow: -5px 0 20px -5px rgb(0 0 0 / .5);
        padding-top: 0;
        -webkit-transition: all 600ms cubic-bezier(.785, .135, .15, .86);
        -o-transition: all 600ms cubic-bezier(.785, .135, .15, .86);
        transition: all 600ms cubic-bezier(.785, .135, .15, .86)
    }

    .tab-menu-body .mega-menu-list li.mega-menu-item a {
        padding: 0px 0px;
        border-radius: 8px;
        color: #222;
        line-height: 1.4;
        text-transform: capitalize;
        display: block;
        margin-right: 0;
    }

    .tab-menu-body .mega-menu-list li.mega-menu-item p {
        font-size: 14px;
        line-height: 21px;
    }



    .mobile-off {
        margin-bottom: 23px;
    }

    .mobile-off h4 {
        font-weight: 600;
        font-size: 20px;
        margin-bottom: 0;
    }

    .mega-menu-item {
        display: flex;
        padding: 10px 0;
    }



    .tab-content.tab-menu-body {
        display: block;
        padding: 20px;
    }


    .tab-content .mega-menu-list .menu-icon .hovershow {
        display: none;
        opacity: 0;
        visibility: hidden;
    }

    .tab-content.tab-menu-body {
        margin-top: 15px;
        height: 100%;
        overflow-y: auto;
    }

    .menu-glosary .nav-pills {
        margin-bottom: 0;
    }

    .menu-glosary button.nav-link.active {
        border-radius: 6px;
        background-color: #ffffff;
        color: #000;
    }

    .menu-glosary {
        background-color: #0F4A52;
        margin: 0;
        padding: 20px 16px 149px;
        position: relative;
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .tab-menu-body .mega-menu-list {
        gap: 12px 0;
        margin-bottom: 0;
        column-count: 1;
        text-align: left;
        list-style: none;
    }

    .tab-menu-body {
        width: 100%;
    }

    .menu-glosary button.nav-link {
        text-align: start;
        color: #fff;
        margin-bottom: 8px;
        font-weight: 500;
        font-size: 13px;
        padding: 15px 20px;
    }

    .footer-rating a {
        margin: 0 3px;
        width: 25%;
    }

    .seo-hero-btns .peach-btn {
        margin-top: 0px !important;
    }

    .it-project-area.it-project-ptb {
        margin-top: 30px;
    }

    .package-list-mb .tick-img img {
        max-width: 23px
    }

    .bubble {
        white-space: nowrap;
    }

    .package-text p {
        font-size: 13px;
        font-weight: 500;
        margin-bottom: 0;
        margin-left: 7px;
        line-height: 21px
    }

    .custom-tabs .nav-link {
        padding: 0px 3px;
        font-size: 12px;
    }

    .bubble {
        background-color: #ff5a16;
        border-radius: 50px;
        font-size: 9px;
        padding: 2px 6px;
        color: #fff;
        margin-left: 2px;
    }

    .select-plain-para {
        font-size: 14px;
        color: #000;
        line-height: 23px;
        margin-bottom: 20px
    }

    .select-plain-title {
        font-size: 20px;
        color: #924DBF;
        font-weight: 700
    }

    .two-coll {
        display: block;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 25px
    }

    .stat-box h3 {
        font-size: 27px
    }

    .ivf-process .process-card {
        height: 303px
    }

    .sass-process .process-card {
        height: 505px
    }

    .custom-tabs {
        width: 100%
    }

    .link-building-strategies.pakages-process h2 img {
        width: 106%
    }

    .pakages-process .process-card {
        height: 280px
    }

    .blue-box-pricing {
        background-color: #E8F2FF;
        margin-bottom: 30px
    }


    .slider-packages.green-slider:before {
        bottom: 2.5px
    }

    .slider-packages:before {
        bottom: 2.5px;
    }

    .slider-packages.purple-slider:before {
        bottom: 2.5px;
    }

    .pricing-card.green {
        margin-bottom: 30px
    }

    .custom-tabs {
        width: 100%
    }    .geo-process .process-card {
        height: 306px
    }

    .casino-backlinks-process .process-card {
        height: 302px
    }

    .financial-process .process-card {
        height: 330px
    }

    .sss-process .process-card {
        height: 330px
    }

    .smms-process .process-card {
        height: 420px
    }

    .casino-process .process-card {
        height: 332px
    }

    .enterprise-process .process-card {
        height: 304px
    }

    .sbss-process .process-card {
        height: 335px
    }

    .left-section {
        padding: 50px 12px 50px 12px;
        border-right: 0 solid #FFF
    }

    .link-building-strategies h2 img {
        width: 100%
    }

    .fixd-eleme {
        margin-top: 40px
    }

    .process-card {
        height: 412px
    }

    .year-badege .year-1 {
        position: unset;
        transform: rotate(19deg)
    }

    .year-badege .year-4 {
        position: unset;
        transform: rotate(337deg)
    }

    .vision-mission-section {
        background-color: #fff;
        padding: 48px 0
    }

    .year-badege .year-6 {
        position: unset;
        top: 83px;
        left: -6px;
        width: 24%;
        z-index: 2;
        transform: rotate(329deg)
    }

    .year-badege .year-5 {
        position: unset;
        transform: rotate(19deg)
    }

    .year-badege .year-2 {
        position: unset;
        transform: rotate(337deg)
    }

    .timeline-padding {
        --bs-gutter-x: 0;
        --bs-gutter-y: 0
    }

    .year-badege .year-3 {
        position: unset;
        transform: rotate(19deg)
    }

    .image-wrapper {
        position: absolute;
        bottom: -60px;
        right: -50px;
        width: 250px
    }

    .right-section .content-wrapper {
        z-index: 2;
        width: 100%;
        margin-right: auto;
        margin-left: inherit
    }

    .right-section {
        padding: 70px 30px 151px 30px
    }

    .stat-box:nth-child(4) {
        width: 47%
    }

    .stat-box:nth-child(1) {
        width: 47%
    }

    .stat-box:nth-child(3) {
        width: 47%
    }

    .stat-box:nth-child(2) {
        width: 47%
    }

    .about-Banner.tp-image-distortion {
        height: 100%
    }

    .about-Banner.tp-image-distortion.tp-hero-ptb {
        padding-top: 92px;
        padding-bottom: 75px
    }

    section.seo-hero-section.abt-hero .team-photo img {
        position: absolute;
        bottom: 0;
        right: 18%;
        max-width: 65%
    }

    .flip-front {
        padding: 50px 0 0 0
    }

    .flip-back {
        padding: 50px 20px 50px 20px
    }

    .flip-card {
        height: 390px
    }

    .team-card h5 {
        color: #fff;
        font-size: 19px;
        text-align: start;
        font-weight: 600;
        line-height: 1;
        margin-bottom: 9px
    }

    .milestone-content h4 {
        font-size: 26px
    }

    .milestone-card {
        margin-top: 10px
    }

    .milestone-content p {
        padding-right: 0
    }

    .timeline {
        position: relative;
        margin-top: 37px;
        padding-left: 0
    }

    .custom-margin-100 {
        margin-top: 0
    }

    .timeline-content {
        margin-bottom: 30px
    }

    .timeline-content h5 {
        font-size: 23px
    }

    .year-badege {
        margin-top: 16px
    }

    .story-content {
        margin-bottom: 0;
        margin-top: 36px
    }

    .nichepadding {
        --bs-gutter-x: 30px;
        --bs-gutter-y: 30px;
        margin-top: 0
    }

    #heroBanner .rotator {
        font-size: 30px;
        height: 45px;
        line-height: 45px
    }

    .CounterTextBanner .rotator {
        height: 50px;
        line-height: 50px
    }

    .row.row-gap-28.row.row-gap-28.mt-30 {
        margin-top: 0
    }

    .smmBx p {
        padding-right: 0
    }

    .agency-comparison-section.gencomp .comparison-header-left {
        position: absolute;
        top: -66px;
        left: 15px
    }

    .comparison-box-right.comp-right .comparison-item:nth-child(5) {
        padding: 8px 18px 23px 18px
    }

    .comparison-box-right.comp-right .comparison-item:nth-child(6) {
        padding: 0 18px 20px 18px
    }

    .agency-comparison-section.gencomp .comparison-header-left img {
        width: 80%
    }

    .comparison-box-left.comp-left .comparison-item:nth-child(3) {
        padding: 0 18px 23px 18px
    }

    .comparison-box-left.comp-left .comparison-item:nth-child(6) {
        padding: 0 18px 20px 18px
    }

    .comparison-box-left.comp-left .comparison-item:nth-child(5) {
        padding: 0 18px 23px 18px
    }

    .comparison-box-left.comp-left .comparison-item:nth-child(4) {
        padding: 0 18px 23px 18px
    }

    .comparison-box-left.comp-left .comparison-item:nth-child(2) {
        padding: 0 18px 23px 18px
    }

    .comparison-box-left.comp-left .comparison-item:nth-child(1) {
        padding: 20px 18px 23px 18px
    }

    .agency-comparison-section.gencomp .comparison-header-right.comp-right-header {
        position: absolute;
        top: -68px;
        left: 0
    }

    .agency-comparison-section.gencomp .comparison-header-right img {
        width: 80%
    }

    .agency-comparison-section.gencomp .agency-comparison-subtitle {
        color: #000;
        margin-bottom: 68px;
        padding: 0 0% 0 0%
    }

    .financial-agency-comparison-section {
        padding-bottom: 0
    }

    .generative-comaprison {
        padding-bottom: 0
    }

    .btn-pill {
        font-size: 12px;
        padding: 4px 15px
    }

    section#seo-pricing-section .pricing-header h2 {
        padding: 0
    }

    .tp-btn-black-radius.btn-blue-bg.peach-btn.test-btn {
        margin-top: 0
    }

    .contact-pointer li {
        margin-bottom: 9px;
        font-size: 14px;
        color: #000;
        font-weight: 500
    }

    .ar-footer-widget-envelop {
        position: absolute;
        top: 38%;
        left: 18px;
        transform: translateY(-50%);
        display: block
    }

    .contact-section {
        background-position: center;
        background-size: cover;
        padding: 60px 0 30px 0
    }

    .shadow-effect {
        padding: 25px 19px 25px 29px
    }

    #customers-testimonials .prev_btn,
    #customers-testimonials .next_btn {
        width: 33px;
        height: 33px;
        line-height: 43px;
        margin: 0 8px;
        border-radius: 60px;
        color: #fff;
        background-color: #ffffff2e;
        border: 0 solid rgb(33 33 45 / .1);
        display: flex;
        font-size: 15px;
        align-items: center;
        justify-content: center
    }

    #customers-testimonials .prev_btn {
        right: 44px;
        bottom: 35px
    }

    #customers-testimonials .next_btn {
        right: 4px;
        bottom: 35px
    }

    .padding-right-form {
        padding-right: 15px;
        border-radius: 10px
    }

    .btnWrap {
        text-align: center;
        margin-top: 15px
    }

    .cta-Bx {
        text-align: center
    }

    .mapWrapper {
        overflow: hidden;
        border-radius: 10px;
        margin-bottom: 20px
    }

    .contact-info .contact-para {
        padding-right: 0;
        padding-bottom: 15px
    }

    .contact-form {
        margin-bottom: 0
    }

    .avatar-circle {
        width: 44px;
        height: 44px
    }

    .avatar-circle {
        box-shadow: -2px 2px 0 4px #00000024
    }

    .contactWrapper {
        padding: 60px 0 60px 0
    }

    .InnerBanner {
        padding: 130px 0 50px 0
    }

    /* Get a Quote (mobile): keep intended hero padding and tidy checklist spacing */
    .InnerBanner.quote-hero {
        padding: 68px 0 70px 0;
    }

    .quote-hero .quote-hero-content-row {
        --bs-gutter-y: 28px;
    }

    .quote-hero .quote-hero-content-row .tp-hero-title-box > h3 {
        font-size: 24px;
        line-height: 1.25;
        margin-bottom: 18px;
    }

    .quote-hero .quote-hero-content-row .tp-hero-title-box > .d-flex {
        align-items: flex-start;
    }

    .quote-hero .quote-hero-content-row .tp-hero-title-box > .d-flex:not(:last-child) {
        margin-bottom: 18px !important;
    }

    .quote-hero .quote-hero-content-row .tp-hero-title-box > .d-flex > img {
        flex: 0 0 22px;
        width: 22px;
        height: 22px;
        margin-top: 2px;
    }

    .tp-hero-area.tp-hero-ptb.tp-image-distortion.hero-btn {
        text-align: center
    }

    .seo-Banner.tp-image-distortion.tp-hero-ptb {
        padding-top: 117px;
        padding-bottom: 77px
    }

    .similar-case-study h2 {
    margin-bottom: 23px
    }

    .green-table {
        padding: 59px 0 60px 0
    }

    .mera-content p {
        margin-bottom: 0;
        padding-right: 0;
        line-height: 26px;
        font-weight: 500;
        font-size: 14px
    }

    .services-section h2 {
    margin-bottom: 24px
    }

    .case-study-excerpt {
        color: #000;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px
    }

    .enterpriseBanner .buttons {
        display: flex;
        gap: 11px;
        justify-content: start;
        margin-bottom: 15px
    }

    .tp-hero-ptb {
        padding-top: 80px;
        padding-bottom: 185px
    }

    .tp-btn-black-radius i span {
        position: relative;
        overflow: hidden;
        width: 19px;
        height: 14px;
        display: inline-flex
    }

    .marketing-subtitle {
        margin-bottom: 9px
    }

    .seo-results-banner-section .seo-hero-desc {
        font-size: 11px;
        font-weight: 400;
        line-height: 18px;
    }

    .blog-btn {
        margin-top: 30px;
    }

    .learnAboutSeo h2 {
        color: #fff;
        margin-bottom: 7px
    }

    .footer-map-img img {
        width: 79%;
        font-size: 22px;
        font-weight: 700
    }

    .whatsapp-link img {
        max-width: 66px
    }


    .solutionTitle h2 {
    color: #fff;
    margin-bottom: 20px
    }

    .seo-hero-content h2 {
    color: #fff;
    margin-bottom: 12px
    }

    .seo-trust-block {
        box-shadow: 0 7px 18px 1px #fff0;
        border: 2px solid #924dbf21
    }

    .seo-trust-block:hover {
        box-shadow: 0 0 0 0 #fff0;
        border: 2px solid #924dbf21
    }

    .logo-cell img {
        max-height: 45px;
        max-width: 54%;
        object-fit: contain;
        filter: none;
        transition: filter 0.2s
    }

    .footer-rating img {
        margin: 0 3px;
    }

    .content-enterprise p {
        line-height: 23px;
        font-size: 14px
    }

    .cta-title {
        margin: 0 0 20px 0;
        font-weight: 700;
        color: #fff;
        width: 100%;
        margin: 0 auto 12px auto;
        line-height: 34px
    }

    .process-card .prcoess-img img {
        width: 70px;
        margin-bottom: 15px
    }

    .process-card .process-text p {
        font-size: 14px;
        color: #fff;
        line-height: 27px;
        text-align: left;
        margin-bottom: 0
    }

    section.first-faq-block .accordion-body p {
        font-size: 14px;
        font-weight: 400;
        color: #000;
        margin-bottom: 0;
        padding-right: 0;
        line-height: 20px
    }

    .customer-success-stories h2 {
    margin-bottom: 27px
    }

    .bottom-margin {
        margin-bottom: 0
    }

    .process-card .process-title h3 {
        color: #fff;
        text-align: left;
        font-weight: 600;
        margin-bottom: 12px;
        line-height: 26px;
        font-size: 20px
    }

    .pointer p {
        margin-bottom: 15px;
        font-weight: 500;
        color: #000;
        font-size: 14px
    }

    .explain-title {
        font-size: 24px;
        font-weight: 600;
        color: #FF8A3D;
        margin-bottom: 9px;
        line-height: 32px
    }

    .pricing-left-btn {
        padding: 25px 15px;
        width: 100%
    }

    .pricing-right-subtitle {
        font-size: 14px;
        color: #000;
        font-weight: 500;
        margin-bottom: 1px
    }

    .pricing-right-title {
        font-size: 20px;
        font-weight: 700;
        color: #000;
        margin-bottom: 0;
        line-height: 33px
    }

    .pricing-includes-list li p {
        font-size: 12px
    }

    .switch {
        position: relative;
        display: inline-block;
        width: 44px;
        height: 24px;
        margin: 0 3px
    }

    .pricing-header p {
        color: #000;
        color: #000;
        font-size: 14px;
        margin-bottom: 0
    }

    .solution-card {
        padding: 26px 22px;
        gap: 14px
    }

    .solution-title h3 {
        font-weight: 700;
        color: #101E22;
        font-size: 22px;
        line-height: 1.26;
        margin-bottom: 0;
        padding-right: 0;
        text-align: start
    }

    .solutionTitle p {
        color: #fff;
        margin-bottom: 0
    }

    .seo-trust-heading p {
        font-size: 14px;
        color: #232323;
        line-height: 21px;
        font-weight: 400;
        margin-bottom: 0
    }

    .seo-trust-heading {
        margin-bottom: 18px;
        text-align: left
    }

    h2 {
        font-size: 29px
    }

    .testimonial-image-video img {
        width: 100%;
        object-fit: cover;
        border-radius: 10px;
        border: 3px solid #fff;
        height: 200px
    }

    .testimonial-featured-card {
        min-height: 100%
    }

    .testimonial-swiper-section {
        background: #E6EEEC;
        overflow: hidden;
        padding: 0 0 48px 0
    }

    .comparison-box-right .comparison-item:nth-child(2) {
        padding: 8px 18px 13px 18px
    }

    .comparison-icon {
        flex: none;
        margin-top: 2px
    }

    .checkmark {
        display: inline-block;
        min-width: 20px;
        height: 20px
    }

    .comparison-item:nth-child(1) {
        padding: 20px 18px 5px 18px
    }

    .comparison-item {
        padding: 15px 18px 5px 18px
    }

    .comparison-item:nth-child(5) {
        padding: 15px 18px 20px 18px
    }

    .comparison-box-right .comparison-item:nth-child(1) {
        padding: 20px 18px 13px 18px
    }

    .comparison-box-right .comparison-item:nth-child(3) {
        padding: 8px 18px 13px 18px
    }

    .comparison-box-right .comparison-item:nth-child(4) {
        padding: 8px 18px 13px 18px
    }

    .comparison-box-right .comparison-item:nth-child(5) {
        padding: 8px 18px 20px 18px
    }

    .case-study-listing .tab-bx-track {
        width: 100%;
        margin: 0 auto 0
    }

    .mind-blowinng-seo .tab-item .tabBx .tp-btn-black-radius.btn-blue-bg.remobe-pad i {
        height: 30px;
        width: 30px;
        line-height: 30px
    }

    .mind-blowinng-seo .tab-item .tabBx .tp-btn-black-radius.btn-blue-bg.remobe-pad i svg {
        position: absolute;
        bottom: -1px;
        left: 0;
        transition: all 0.2s ease-out
    }

    .enterprise-elemtn img {
        position: absolute;
        bottom: 0;
        right: -63px;
        z-index: -1;
        width: 46%
    }

    .fixed-cta-wrap {
        flex-direction: row;
        width: 65%
    }

    .cs-stat-desc {
        font-size: 12px;
        font-weight: 300;
        line-height: 19px
    }

    .card-text {
        margin: 0;
        color: #000;
        font-size: 14px;
        line-height: 22px
    }

    .media-mentions-marquee {
        background: #E6EEEC
    }

    .media-mentions-marquee::before {
        background: linear-gradient(90deg, #E6EEEC 0, rgba(230, 238, 236, 0) 100%);
        width: 30px
    }

    .media-mentions-marquee::after {
        background: linear-gradient(270deg, #E6EEEC 0, rgba(230, 238, 236, 0) 100%);
        width: 30px
    }

    .media-mentions-logo-cell {
        width: 140px;
        min-height: 74px;
        padding: 11px 18px;
        border-bottom: none;
        background: #E6EEEC
    }

    .logo-cell {
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 74px;
        border-right: 1px solid #E6EEEC;
        border-bottom: 1px solid #E6EEEC;
        padding: 11px 0;
        background: #E6EEEC;
        transition: background 0.2s
    }

    .media-mentions-logo-cell img {
        max-height: 38px;
        max-width: 100%;
        object-fit: contain;
        filter: none;
        transition: filter 0.2s
    }

    .section-title {
        margin: 0 0 13px 0;
        font-weight: 700;
        letter-spacing: 0;
        color: #924DBF;
        font-size: 25px;
        line-height: 1.2
    }

    .section-lead {
        font-size: 14px;
        line-height: 24px
    }

    .tp-hero-title-box h5 {
        color: #FFAA20;
        font-size: 20px;
        font-weight: 700;
        padding-right: 0
    }

    .tp-hero-title-box p.tagline {
        color: #FFAA20;
        font-size: 20px;
        font-weight: 500;
        padding-right: 0
    }

    .seo-hero-percent {
        font-size: 30px;
        font-weight: 600;
        line-height: 1.1;
    }

    .seo-results-banner-section .seo-hero-desc.seo-hero-desc.main-desc {
        font-size: 12px;
        font-weight: 600;
    }

    .seo-hero-desc {
        font-size: 10px;
        margin-top: 3px;
        line-height: 21px;
        font-weight: 500
    }

    .testimonial-featured-lead span.ft-32 {
        font-size: 18px;
        margin-bottom: 0;
        color: #fff;
        font-weight: 700;
        line-height: 15px
    }

    .testimonial-featured-lead {
        font-size: 14px;
        margin-bottom: 10px;
        color: #fff;
        line-height: 25px
    }

    .featured-company {
        font-size: 18px;
        line-height: 1
    }

    .cd-element-1 img {
        left: 20px;
        width: 12%;
        display: none
    }

    .videoSection {
        transform: scale(1.03);
        position: relative;
        margin-top: 50px
    }

    .cd-element-9 img {
        right: 30px;
        top: 100px;
        display: none
    }

    .address-bar {
        width: 100%
    }

    .brand-overview {
        padding: 66px 0 50px 0
    }

    .bar-wrap img {
        position: absolute;
        z-index: 1;
        top: 4px;
        left: 5px;
        right: 0;
        margin: 0 auto;
        bottom: 0
    }

    .mera-content p:not(:last-child) {
        margin-bottom: 7px
    }

    .approachContent p {
        font-size: 14px;
        line-height: 25px
    }

    .mera-content p {
        padding-right: 0
    }

    .green-table {
        padding: 80px 0 60px 0
    }

    .quote-content p:not(:last-child) {
        margin-bottom: 17px
    }

    .quote-content p {
        font-size: 18px;
        color: #0b0b0b;
        margin-bottom: 0;
        font-weight: 500;
        padding-right: 0
    }

    .testimonial.card {
        padding-left: 0
    }

    .quote-content .quote-icon {
        position: absolute;
        left: -80px;
        top: 11px;
        display: none
    }

    .mirabella-section {
        background: #E6EEEC;
        padding: 50px 0 210px 0
    }

    .section-layout-image {
        padding: 0 0 50px 0
    }

    .approach-section {
        margin-top: -175px;
        padding-bottom: 60px
    }

    .issues-box li {
        padding: 20px 0;
        border-bottom: 1px solid #E6EEEC;
        margin: 0 20px
    }

    .issues-box-green li {
        padding: 20px 0;
        border-bottom: 1px solid #E6EEEC;
        margin: 0 20px
    }

    .testimonial-footer .rating li.star-badge img {
        width: 20px;
        height: 20px
    }

    .testimonial-section {
        background: #F7FAF9;
        padding: 50px 0
    }

    .similar-case-study {
        padding: 50px 0;
        background-color: #E6EEEC
    }

    .testimonial-footer .author-role {
        font-size: 14px;
        font-weight: 700;
        color: #000
    }

    .testimonial-footer .rating li.star-badge:nth-child(4) img {
        width: 30px;
        height: 30px
    }

    .testimonial-footer .author-name {
        margin-bottom: 1px
    }

    .top-element img {
        position: absolute;
        top: -71px;
        left: 0;
        z-index: 1;
        width: 45%
    }

    .yellow-table {
        padding: 89px 0 60px 0
    }

    .middleIUmg {
        padding: 0 0 50px 0
    }

    .services-section {
        background: #F7FAF9;
        padding: 0 0 50px 0
    }

    .cd-element-9 img {
        right: 30px;
        top: 100px
    }

    .cd-element-1 img {
        left: 20px;
        width: 12%
    }

    .cd-element-10 img {
        right: 21px;
        top: 240px;
        width: 6%;
        display: none
    }

    .caseDetailsTitle h1.caseTit {
        font-weight: 700;
        font-size: 30px;
        text-align: center;
        line-height: 41px;
        margin-bottom: 15px;
        color: #000;
        padding: 0 0%
    }

    .service-card img {
        width: 45px;
        height: 45px
    }

    .brand-overview p {
        line-height: 30px;
        margin-bottom: 0;
        font-weight: 400
    }

    .cd-element-5 img {
        left: 20px;
        top: 300px
    }

    .card-title {
        margin: 0 0 15px 0;
        font-size: 24px;
        line-height: 1.25;
        font-weight: 700;
        color: #000
    }

    .journey-grid {
        margin-top: 3px
    }

    .journey-section::after {
        display: none
    }

    .journey-section {
        position: relative;
        padding: 100px 0;
        overflow: hidden;
        background-image: none;
        background-position: bottom;
        background-size: contain;
        width: 100%;
        background-repeat: no-repeat
    }

    .journey-sub {
        font-size: 14px;
        line-height: 26px;
        padding-right: 0
    }

    .phase-3 .phase-card {
        margin-top: 16px
    }

    .journey-title {
        font-weight: 700;
        line-height: 1.12;
        margin: 0 0 9px 0
    }

    .phase-card {
        position: relative;
        background: #E6EEEC;
        border: 2px solid #E6EEEC;
        border-radius: 22px;
        overflow: hidden;
        width: 60%;
        margin: 16px auto
    }

    .journey-section {
        padding: 50px 0
    }

    .cta-sub {
        font-size: 16px;
        line-height: 28px;
        margin-bottom: 17px
    }

    .cta-hero .button-row {
        display: flex;
        align-items: center;
        gap: 26px;
        margin-top: 17px
    }

    .cta-sub {
        font-size: 14px;
        line-height: 25px
    }

    .cta-hero {
        padding: 60px 0
    }

    .tailredSeoEnterprise {
        padding: 50px 0
    }

    .section-heading h2 {
    margin-bottom: 20px
    }

    .enterprise-section {
        padding: 50px 0
    }

    section.first-faq-block.gradient-first-block.enterprise-faq {
        padding: 50px 0 50px 0
    }

    .case-study-wrapper {
        padding: 50px 0 110px 0
    }

    .caseStudy-heading p {
        color: #000;
        font-size: 16px;
        line-height: 32px;
        font-weight: 500
    }

    .case-study-wrapper .case-element-4 img {
        top: 107px;
        left: 20px;
        width: 10%
    }

    .case-study-wrapper .case-element-3 img {
        top: 113px;
        right: 10px;
        width: 11%
    }

    .case-study-wrapper .case-element-1 img {
        top: 200px;
        left: 60px;
        width: 12%
    }

    .case-study-wrapper .case-element-2 img {
        top: 186px;
        right: 90px;
        width: 13%
    }

    .caseStudy-heading h1 {
        font-weight: 700;
        font-size: 34px;
        line-height: 40px;
        margin-bottom: 5px;
        color: #000
    }

    .custom-nave .tp-header-logo {
        padding-left: 0
    }

    .case-padding {
        --bs-gutter-x: 45px;
        --bs-gutter-y: 25px
    }

    #tabDropdown {
        background-color: #f9f2ff;
        border: 2px solid #6a5acd;
        color: #6a5acd;
        border-radius: 10px;
        padding: 12px 15px;
        font-weight: 600;
        width: 100%;
        text-transform: capitalize
    }

    #tabDropdownMenu {
        width: 100%
    }

    #tabDropdownMenuone {
        width: 100%
    }

    .tab-content .tab-pane .container {
        padding: 0
    }

    .mob-eleme-3 img {
        position: absolute;
        left: 273px;
        bottom: 370px;
        width: 12%
    }

    .mob-eleme-4 img {
        position: absolute;
        left: 37px;
        bottom: 293px;
        width: 12%
    }

    .left-textimonial-bx h2 {
        padding-right: 0;
        margin-bottom: 20px
    }

    .media-mentions-heading {
        text-align: center;
        font-size: 16px;
        margin-bottom: 18px
    }

    .mob-eleme-1 img {
        position: absolute;
        right: 96px;
        bottom: 303px;
        width: 23%
    }

    .mob-eleme-2 img {
        position: absolute;
        right: 0;
        bottom: 428px;
        width: 9%
    }

    .trusted-heading {
        font-size: 16px;
        margin-bottom: 18px
    }

    p {
        font-size: 14px
    }

    .tp-image-distortion {
        height: 100%
    }

    .banner-elemtn-4 img {
        position: absolute;
        left: 70px;
        bottom: 170px;
        width: 12%;
        z-index: 1
    }

    .banner-elemtn-3 img {
        position: absolute;
        left: 312px;
        bottom: 239px;
        width: 14%;
        z-index: 1
    }

    section.second-faq-block .accordion-button h3 {
        font-size: 20px;
        margin-bottom: 0;
        line-height: 20px;
        color: #924DBF
    }

    section.second-faq-block .faq-boxes.active .accord-number {
        font-size: 18px;
        color: #fff;
        font-weight: 700
    }

    .seo-trust-section {
        background: #F7FAF9;
        padding: 60px 0 60px 0
    }

    .agency-comparison-subtitle {
        margin-bottom: 90px
    }

    .seo-trust-heading h2 {
    color: #111
    }

    .proof-bx .test-span-1 {
        font-size: 14px
    }

    .testimonial-featured-person span.desg {
        margin-bottom: 5px;
        display: block;
        font-size: 14px
    }

    .proof-bx .test-span-2 {
        font-size: 16px;
        margin-bottom: 9px
    }

    .seo-trust-block-desc {
        font-size: 14px;
        line-height: 23px
    }

    .backlink-subtext {
        font-size: 16px;
        margin-bottom: 20px;
        color: #000
    }

    .backlink-campaign-process-section.casino-link-building-benefits.section .backlink-subtext {
        font-size: 16px;
        margin-bottom: 0;
        color: #000
    }

    .chart-elemtn img {
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: 0
    }

    .tp-hero-title {
        font-size: 27px;
        margin-bottom: 9px;
        line-height: 31px;
        padding-right: 0
    }

    .contactInnerBanner .tp-hero-title {
        font-size: 32px;
        margin-bottom: 9px;
        line-height: 31px;
        padding-right: 0
    }

    .tp-hero-area .btn-text {
        font-size: 14px
    }

    .tp-hero-area .tp-btn-black-radius {
        font-size: 14px
    }

    .seo-trust-block-title {
        font-size: 18px;
        line-height: 24px;
        padding-right: 0
    }

    .trusted-companies {
        margin: 60px auto
    }

    .quote-bx .seo-quote-content h3 {
        font-size: 14px;
        line-height: 21px;
        margin-bottom: 24px
    }

    .pricing-right-title {
        font-size: 25px;
        font-weight: 700;
        color: #000;
        margin-bottom: 5px;
        line-height: 42px
    }

    .header-element img {
        position: absolute;
        bottom: -12px;
        left: 0;
        right: 0;
        margin: 0 auto;
        z-index: 1
    }

    .fixed-cta-wrap .tp-btn-black-radius.btn-blue-bg i {
        display: none
    }

    .fixed-cta-wrap .btn-dots {
        display: none
    }

    .fixed-cta-wrap .peach-btn {
        margin-top: 0
    }

    .fixed-cta-wrap .tp-btn-black-radius span span.text-1 {
        position: relative;
        display: block;
        transition: 0.3s;
        transform: translateY(-1px);
        font-size: 15px;
        line-height: 1
    }

    .fixed-cta-wrap .tp-btn-black-radius.btn-blue-bg {
        padding: 15px 16px 15px 16px;
        padding-right: 16px;
        background-color: var(--btn-bg)}

    .fixed-cta-wrap .tp-btn-black-radius.peach-btn.btn-blue-bg,
    .fixed-cta-wrap .tp-btn-black-radius.btn-blue-bg[href*="get-a-quote"] {
        padding: 15px 16px 15px 16px;
        padding-right: 16px;
        background-color: var(--btn-bg)}

    .fixed-cta-wrap .btn-text {
        font-size: 14px;
        color: var(--btn-text);
        line-height: 1.1
    }

    .fixed-cta-wrap {
        gap: 9px
    }

    .process-card .float-number {
        font-weight: 700;
        font-size: 33px;
        line-height: 60px;
        position: absolute;
        top: 30px;
        right: 30px;
        width: 60px;
        height: 60px;
        border: 1px solid #ffffff47;
        border-radius: 50px;
        display: block;
        text-align: center
    }

.link-building-strategies .section-heading h2 {
    color: #fff;
    z-index: 2;
    position: relative
    }

    .it-project-dots-process {
        margin-top: 0;
        margin-bottom: 0
    }

    .process-card {
        background-color: #0006;
        border-radius: 20px;
        padding: 33px;
        border: 2px solid #ffffff1c
    }

    .fixd-eleme img {
        position: absolute;
        bottom: 0;
        width: 60%;
        left: 0;
        right: 0;
        margin: 0 auto
    }

    .it-project-dots-success {
        display: block
    }

    .cs-stat-title {
        font-size: 16px;
        font-weight: 500;
        margin-bottom: 4px;
        line-height: 22px
    }

    .cs-card-content h2 {
    margin-bottom: 16px;
    color: #fff;
    padding-right: 0
    }

    .cs-stat-block {
        margin-bottom: 16px
    }

    .customer-success-card {
        padding: 30px 30px 30px 30px;
        border-radius: 28px;
        box-shadow: none
    }

    .cs-card-img img {
        display: none
    }

    .customer-success-stories--banners .case-study-banner-link,
    .customer-success-stories--dynamic .case-study-banner-link {
        box-shadow: none
    }

    .sol-mobile {
        --bs-gutter-x: 30px;
        --bs-gutter-y: 30px;
        margin-top: 0
    }

    .solution-img img {
        display: block;
        margin-bottom: 27px;
        height: 110px;
        object-fit: cover
    }

    .tab-item.active .tab-item-content {
        height: auto;
        opacity: 1;
        margin-top: 10px;
        padding-right: 0
    }

    .tab-item-title {
        font-weight: 600;
        color: #000;
        margin-bottom: 0;
        font-size: 16px;
        padding-right: 5%
    }

    .tab-item {
        border-bottom: 1px solid #E6EEEC;
        padding: 15px 0;
        cursor: pointer;
        transition: all 0.3s ease
    }

    .tab-item-content p {
        margin-bottom: 0;
        font-size: 14px;
        line-height: 20px
    }

    .tab-container .row {
        width: auto !important
    }

    .solution-card {
        border: 2px solid #E6EEEC;
        border-radius: 20px;
        background: #E6EEEC;
        margin: 0 auto;
        box-shadow: 0 0 0 #0000;
        transition: box-shadow 0.2s;
        padding: 21px 14px
      }

    .solution-index {
        gap: 10px;
        margin-bottom: 12px
    }

    .solution-index-num {
        font-size: 14px
    }

    .it-project-item {
        overflow: hidden;
        padding-bottom: 0;
        padding: 30px 0 30px 0
    }

    .solutionTabs {
        padding: 60px 0 60px 0
    }

    .it-project-active-1 {
        margin: 0 20px
    }

    .blog-card-content {
        padding: 24px 0 0 0
    }

    .blog-card-title {
        display: block;
        text-align: left;
        font-size: 20px;
        font-weight: 700;
        color: #18172B;
        line-height: 1.26;
        margin-bottom: 14px;
        text-decoration: none;
        transition: color 0.22s
    }

    .blog-card-desc {
        font-size: 13px;
        color: #222;
        line-height: 22px;
        margin-bottom: 0;
        text-align: left;
        font-weight: 400;
        padding-right: 0
    }

    .blog-card {
        padding: 20px 20px 55px 20px
    }

    .learnAboutSeo {
        padding: 60px 0
    }

    .it-project-dots {
        margin-top: 0px
    }

    .it-project-arrow {
        display: none
    }

    .footer-contact {
        margin-bottom: 20px;
        margin-top: 10px
    }

    section.second-faq-block .faq-boxes.active {
        padding: 40px 25px 40px 25px;
        border-radius: 22px;
        margin-top: 10px
    }

    section.second-faq-block .faq-boxes {
        padding: 25px 35px 25px 30px
    }

    section.second-faq-block .faq-boxes.active.accord-bx {
        background-size: cover
    }

    section.second-faq-block .faq-boxes {
        padding: 25px 15px 25px 10px
    }

    section.second-faq-block .accordion-body p {
        font-size: 14px;
        font-weight: 500;
        color: #000;
        padding-right: 0;
        line-height: 21px
    }

    section.second-faq-block .accordion-button::after {
        width: 15px;
        height: 15px
    }

    section.second-faq-block.gradient-second-block {
        padding: 60px 0 60px 0
    }

    section.third-faq-block .accordion-body p {
        padding-right: 0
    }

    section.third-faq-block .faq-boxes {
        padding: 15px 0 15px 0
    }

    .faq-boxes.accord-bx .col-lg-1.col-md-2.col-2.text-end {
        padding-right: 0
    }

    section.third-faq-block .faq-boxes.active .accord-number {
        font-size: 18px
    }

    section.mind-blowinng-seo .accord-number {
        font-size: 18px
    }

    section.third-faq-block .accordion-button h3 {
        font-size: 20px
    }

    section.third-faq-block .accordion-body p {
        font-size: 16px;
        margin-bottom: 25px
    }

    section.third-faq-block .accordion-body {
        margin-top: 0
    }

    section.first-faq-block .accordion-item {
        margin-bottom: 12px
    }

    .img-hover-reveal img {
        width: 50%;
        position: unset
    }

    section.third-faq-block .faq-boxes.active {
        padding: 15px 0 35px 0
    }

    .comparison-box-right .comparison-item {
        padding: 20px 28px 20px 27px
    }

    section.mind-blowinng-seo .FaqTitle p {
        font-size: 14px;
        margin-bottom: 0;
        font-weight: 400
    }

    .tab-container {
        margin-top: 15px
    }

    section.mind-blowinng-seo .FaqTitle {
        margin-bottom: 16px
    }

    section.third-faq-block.gradient-third-block {
        padding: 60px 0 60px 0
    }

    .img-hover-reveal {
        text-align: center;
        margin-bottom: 25px
    }

    .comparison-header-left {
        position: absolute;
        top: -104px;
        left: 38px
    }

    .comparison-item-text {
        font-size: 14px;
        line-height: 23px;
        padding-right: 0%
    }

    .right-main-bx {
        z-index: 1;
        position: relative;
        margin-top: 150px
    }

    .agency-comparison-subtitle {
        padding: 0 0%;
        font-weight: 400
    }

    .agency-comparison-title {
        font-weight: 700;
        margin-bottom: 10px
    }

    .comparison-item-title {
        font-size: 16px;
        margin-bottom: 6px;
        line-height: 18px
    }

    .crossmark {
        display: inline-block;
        min-width: 17px;
        height: 17px
    }

    .seo-hero-subtitle {
        color: #fff;
        font-size: 14px;
        margin-bottom: 18px;
        letter-spacing: 0
    }

    .comparison-header-left img {
        width: 90%
    }

    .technicalbx {
        padding: 34px 26px
    }

    .comparison-header-right img {
        width: 90%
    }

    .agency-comparison-table-row {
        margin-top: 32px
    }

    .comparison-header-right {
        position: absolute;
        top: -104px;
        left: 38px
    }

    .audit-card-left h3.audit-card-title {
        font-size: 24px;
        margin-bottom: 2px
    }

    .vision-mission-section .row {
        --bs-gutter-x: 30px;
        --bs-gutter-y: 30px
    }

    .proven-strat .audit-card-left h3.audit-card-title {
        font-size: 24px;
        margin-bottom: 14px;
        line-height: 1.1
    }

    .audit-card-left p.audit-card-desc {
        font-size: 16px;
        line-height: 29px
    }

    .technicalbx .right-elem img {
        position: unset;
        width: 50%;
        margin-top: 16px
    }

    .mb-40 {
        margin-bottom: 30px
    }

    .audit-card-left h4 {
        font-size: 65px;
        line-height: 49px;
        margin-bottom: 9px
    }

    .audit-card-left p.audit-card-desc {
        font-size: 14px;
        line-height: 25px;
        padding-right: 0
    }

    .explain-card {
        padding: 20px 20px;
        margin-top: 27px;
        height: auto
    }

    .step-card {
        padding: 24px 24px 24px 24px;
        height: 100%
    }

    .our-link-building-techniques .section-header p {
        font-size: 14px;
        color: #000;
        font-weight: 400
    }

    .our-link-building-techniques .section-header h2 {
    margin-bottom: 14px
    }

    .right-elem {
        text-align: center
    }

    .step-title {
        font-size: 20px;
        margin-bottom: 9px;
        line-height: 26px;
        margin-top: 16px
    }

    .step-card .step-icon img {
        width: 70px;
        height: 70px
    }

    .row.align-items-stretch.custom-mb-20 {
        margin-bottom: 0;
        margin-top: 20px
    }

    .card-padding {
        --bs-gutter-y: 30px;
        margin-top: 0
    }

    .section {
        padding: 60px 0
    }

    .seo-hero-card.left-card {
        min-height: auto;
        padding: 15px 12px 15px 12px
    }

    .seo-hero-card.main-card .seo-hero-btns {
        display: block
    }

    .seo-hero-card.main-card .seo-hero-btns .custom-btn {
        margin-top: 10px
    }

    .seo-hero-card.main-card {
        min-height: auto;
        padding: 20px 20px 20px 20px;
        z-index: 2
    }

    .seo-hero-card.right-card {
        min-height: auto;
        padding: 15px 12px 15px 12px
    }

    .seo-results-banner-section .seo-hero-btns {
        margin-top: 10px
    }

    .mobbile-padding {
        --bs-gutter-y: 15px;
        --bs-gutter-x: 16px
    }

    .seo-results-banner-section {
        background-size: cover
    }

    .accordion-button h3 {
        font-weight: 700;
        font-size: 17px;
        margin-bottom: 0;
        line-height: 18px
    }

    section.first-faq-block.gradient-first-block {
        padding: 0 0 60px 0
    }

    section.first-faq-block .accordian-wrapper .faq-boxes {
        padding: 20px 18px 20px 66px
    }

    section.first-faq-block .accordian-wrapper .faq-boxes::before {
        left: 20px;
        top: 22px;
        font-size: 17px;
        line-height: 26px
    }

    section.first-faq-block .accordian-wrapper .faq-boxes::after {
        left: 52px;
        top: 22px;
        bottom: 22px
    }

    section.first-faq-block .accordion-button::after {
        flex: 0 0 32px;
        width: 32px;
        height: 32px;
        background-size: 12px 2px, 2px 12px
    }

    section.first-faq-block .accordion-button:not(.collapsed)::after {
        background-size: 12px 2px, 0 0
    }

    #seo-pricing-section {
        background: #F7FAF9;
        padding: 60px 0
    }

    .testimonial-review .quote-icon {
        position: absolute;
        left: -47px;
        top: 8px;
        width: 9%;
        display: none
    }

    .tailredSeoEnterprise .tab-bx-track {
        width: 100%
    }

    .tailredSeoEnterprise.smmPlatform .tab-bx-track {
        width: 100%
    }

    .pricing-illustration img {
        margin-bottom: 30px;
        position: absolute;
        top: -28px;
        right: -82px;
        width: 56%;
        display: none
    }

    .pricing-video-icon {
        width: 34px;
        height: 34px;
        padding: 9px
    }

    .pricing-left-btn p {
        font-size: 13px;
        padding-right: 0;
        line-height: 17px;
        margin-top: 17px
    }

    .pricing-left-title {
        color: #fff;
        font-size: 18px;
        font-weight: 600;
        margin-bottom: 24px;
        line-height: 23px
    }

    .dropdown {
        margin-left: 0
    }

    .pricing-amount {
        font-size: 20px;
        color: #924DBF;
        margin-left: 10px;
        line-height: 40px
    }

    .currency-label {
        font-weight: 700;
        font-size: 14px;
        color: #54666A
    }

    .seo-hero-btns .custom-btn {
        margin-top: 0
    }

    .quote-bx {
        width: 100%;
        position: unset
    }

    .seo-hero-content {
        padding: 60px 0 30px 0;
        display: block;
        align-items: center
    }

    .seo-hero-content p {
        padding-right: 0
    }

    .team-photo img {
        right: 100px;
        position: absolute;
        bottom: 0;
        max-width: 50%
    }

    .testimonial-content {
        padding: 60px 0 330px 0;
        position: relative
    }

    .seo-text img {
        position: absolute;
        top: -280px
    }

    .test-icon-4 img {
        position: absolute;
        top: -160px;
        right: 40px;
        width: 11%
    }

    .test-icon-2 img {
        position: absolute;
        top: -220px;
        left: 60px;
        width: 17%
    }

    .test-icon-1 img {
        position: absolute;
        bottom: -11px;
        left: -19px;
        width: 11%
    }

    .seo-hero-section .team-element-1 img {
        right: 150px
    }

    .testimonial-person-img img {
        position: absolute;
        bottom: -60px;
        right: 95px;
        width: 59%;
    }

    .seo-hero-section.second-cta .team-photo img {
        position: absolute;
        bottom: -30px;
        right: 31%;
        max-width: 61%;
    }

    .seo-hero-section .team-element-2 img {
        position: absolute;
        right: 63px;
        bottom: 195px;
        width: 7%
    }

    .seo-hero-btns {
        margin-top: 0;
        display: flex;
        gap: 18px;
        margin-top: 19px
    }

    .seo-block-left {
        width: 100%
    }

    .seo-hero-section {
        padding-bottom: 310px
    }

    .testimonial-left .testimonial-author-row {
        width: 60%;
    }

    .testimonial-card.swap-testi .testimonial-author-row {
        width: 90%;
    }

    .testimonial-card {
        padding: 27px 20px 27px 20px;
    }

    .testimonial-author-title {
        font-size: 13px;
        color: #54666A;
        margin-top: 0;
        line-height: 19px;
    }

    .testimonial-text {
        font-size: 14px;
        margin-bottom: 20px;
        line-height: 23px;
        padding-right: 0
    }

    .testimonial-card.swap-testi .testimonial-img {
        position: absolute;
        right: -6px;
        bottom: -25px;
        width: 28%;
        left: 0;
        margin-left: auto
    }

    .testimonial-card .testimonial-img {
        position: absolute;
        right: 14px;
        bottom: -14px;
        width: 29%;
    }

    .testimonial-img.deu-img {
        width: 17%;
        right: 0;
        bottom: 0;

    }

    .testimonial-row {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 0
    }

    .testimonial-card.swap-testi .testimonial-text {
        font-size: 12px;
        margin-bottom: 17px;
        line-height: 21px;
        padding-right: 0;
    }

    .testimonial-text {
        font-size: 12px;
        margin-bottom: 20px;
        line-height: 21px;
        padding-right: 0;
    }

    .testimonial-author-name {
        font-weight: 700;
        font-size: 14px;
        color: #1a1a1a;
        line-height: 22px
    }

    .left-textimonial-bx {
        padding: 50px 0;
        display: block
    }

    .testimonial-text {
        font-size: 12px;
        margin-bottom: 20px;
        line-height: 22px;
        padding-right: 0;
    }

    .testimonial-swiper {
        width: 100%;
        height: auto;
        padding: 0 0 0 0;
        overflow: visible
    }

    .testimonial-card.swap-testi .testimonial-rating img {
        width: 46%;
        margin-top: 8px
    }

    .testimonial-card.swap-testi .testimonial-rating img {
        width: 19%;
        margin-top: 8px
    }

    .testimonial-card.swap-testi .testimonial-left {
        padding-left: 0
    }

    .testi-mobiele-dot {
        margin-top: 36px;
        justify-content: center
    }

    .testimonial-author-row {
        display: block
    }

    .testimonial-brand {
        font-weight: 700;
        font-size: 2rem;
        margin-bottom: 11px
    }

    .testimonial-rating img {
        width: 29%;
        margin-top: 8px;
    }

    .button-row {
        display: flex;
        align-items: center;
        gap: 26px;
        margin-top: 30px
    }

    .tp-hero-ptb {
        padding-top: 84px;
        padding-bottom: 185px
    }

    .peach-btn {
        margin-top: 0
    }

    .enterpriseBanner .peach-btn {
        margin-top: 14px
    }

    .enterpriseBanner .button-row {
        display: block
    }

    .tp-hero-para {
        font-size: 14px;
        line-height: 24px;
        margin-bottom: 15px
    }

    .tp-header-logo img {
        width: 80px !important
    }

    .backlink-campaign-process-section.section.buy-links .backlink-subtext {
        font-size: 16px;
        margin-bottom: 0;
        color: #000
    }

    .enterpriseBanner .tp-hero-para {
        padding-right: 0;
        font-size: 14px;
        line-height: 22px;
        overflow: hidden
    }

    .trusted-logos-grid {
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: repeat(2, 1fr)
    }

    .logo-cell:nth-child(n+7) {
        border-bottom: 1px solid #E6EEEC
    }

}

@media(max-width:750px) {
    .banner-elemtn-4 img {
        position: absolute;
        left: 70px;
        bottom: 170px;
        width: 12%
    }

    .casino-backlinks-process .process-card {
        height: 302px
    }

    .mob-eleme-3 img {
        position: absolute;
        left: 203px;
        bottom: 270px;
        width: 12%
    }

    .mob-eleme-4 img {
        position: absolute;
        left: 37px;
        bottom: 233px;
        width: 12%
    }

    .banner-elemtn-3 img {
        position: absolute;
        left: 320px;
        bottom: 230px;
        width: 12%
    }
}

@media (max-width:700px) {
    .banner-elemtn-3 img {
        position: absolute;
        left: 300px;
        bottom: 210px;
        width: 12%;
        z-index: 1
    }

    .menu-glosary {
        padding: 20px 16px 189px;
    }

    .fixed-cta-wrap {
        flex-direction: row;
        width: 67%;
    }

    .fixd-eleme {
        margin-top: 0
    }

    section.first-faq-block.gradient-first-block.abt-faq {
        padding: 60px 0 60px 0
    }

    section.seo-hero-section.abt-hero .team-photo img {
        position: absolute;
        bottom: 0;
        right: 14%;
        max-width: 77%
    }

    .enterprise-elemtn img {
        position: absolute;
        bottom: 0;
        right: -26px;
        z-index: -1;
        width: 47%
    }

    .phase-card {
        width: 63%
    }

    .mob-eleme-3 img {
        position: absolute;
        left: 243px;
        bottom: 310px;
        width: 12%
    }

    .mob-eleme-4 img {
        position: absolute;
        left: 37px;
        bottom: 233px;
        width: 12%
    }

    .tp-hero-area .tp-btn-black-radius.btn-blue-bg i {
        height: 38px;
        width: 38px;
        line-height: 44px
    }

    .button-row {
        display: flex;
        align-items: center;
        gap: 11px;
        margin-top: 30px
    }

    .mob-eleme-2 img {
        position: absolute;
        right: 0;
        bottom: 348px;
        width: 11%
    }

    .mob-eleme-1 img {
        position: absolute;
        right: 76px;
        bottom: 263px;
        width: 22%
    }

    .banner-elemtn-4 img {
        position: absolute;
        left: 41px;
        bottom: 150px;
        width: 14%;
        z-index: 999
    }
}

@media (max-width:630px) {
    .fixed-cta-wrap {
        flex-direction: row;
        width: 70%
    }
}

@media (max-width:600px) {
    .tp-btn-black-radius.btn-blue-bg.peach-btn.test-btn {
        margin-top: 0
    }

    .ivf-process .process-card {
        height: 330px
    }

    .geo-process .process-card {
        height: 326px
    }

    .financial-process .process-card {
        height: 357px
    }

    .ecom-process .process-card {
        height: 307px
    }

    .smms-process .process-card {
        height: 440px
    }

    .casino-process .process-card {
        height: 357px
    }

    .enterprise-process .process-card {
        height: 334px
    }

    .flip-back p {
        padding: 0 30px
    }

    section.seo-hero-section.abt-hero .team-photo img {
        position: absolute;
        bottom: 0;
        right: -2%;
        max-width: 86%
    }

    .tp-btn-black-radius i svg {
        position: absolute;
        bottom: 0;
        left: 2px;
        transition: all 0.2s ease-out
    }

    .tp-btn-black-radius i svg:last-child {
        left: -11px;
        bottom: -13px;
        transform: translate(0, 0);
        opacity: 0
    }

    .enterprise-elemtn img {
        position: absolute;
        bottom: 0;
        right: -63px;
        z-index: -1;
        width: 55%
    }

.header-element img {
        position: absolute;
        bottom: -10px;
        left: 0;
        right: 0;
        margin: 0 auto;
        z-index: 1
    }

    .fixed-cta-wrap {
        flex-direction: row;
        width: 74%
    }

    .phase-card {
        width: 63%
    }

    .caseStudy-heading .button-row {
        display: flex
    }

    .mob-eleme-3 img {
        position: absolute;
        left: 203px;
        bottom: 270px;
        width: 12%
    }

    .mob-eleme-4 img {
        position: absolute;
        left: 37px;
        bottom: 233px;
        width: 12%
    }

    .chart-elemtn img {
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: 0
    }

    .banner-elemtn-4 img {
        position: absolute;
        left: 71px;
        bottom: 130px;
        width: 14%;
        z-index: 999
    }

    .mob-eleme-1 img {
        position: absolute;
        right: 77px;
        bottom: 253px;
        width: 20%
    }

    .banner-elemtn-3 img {
        position: absolute;
        left: 243px;
        bottom: 177px;
        width: 15%;
        z-index: 1
    }

    .mob-eleme-2 img {
        position: absolute;
        right: 0;
        bottom: 319px;
        width: 11%
    }

    .button-row {
        display: flex;
        align-items: center;
        gap: 10px;
        margin-top: 30px
    }

    .trusted-logos-grid {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(2, 1fr)
    }

    .process-card {
        border-radius: 20px;
        padding: 33px;
        border: 2px solid #ffffff1c
    }

    .link-building-strategies h2 img {
        width: 100%
    }

    .process-card {
        height: 467px
    }

    .logo-cell:nth-child(n+7) {
        border-bottom: 1px solid #E6EEEC
    }

    .test-icon-1 img {
        position: absolute;
        bottom: -11px;
        left: 41px;
        width: 11%
    }

    .testimonial-person-img img {
        position: absolute;
        bottom: -60px;
        right: 155px;
        width: 44%
    }
}

@media (max-width:576px) {
    .fixed-cta-wrap {
        flex-direction: row;
        width: 78%
    }
}

@media (max-width:550px) {
    .fixed-cta-wrap {
        flex-direction: row;
        width: 82%
    }

    .sass-process .process-card {
        height: 383px
    }

    .pakages-process .process-card {
        height: 329px
    }

    .sss-process .process-card {
        height: 356px
    }

.testimonial-person-img img {
        position: absolute;
        bottom: -60px;
        right: 75px;
        width: 64%;
    }
}

@media (max-width:540px) {
    .button-row {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 12px;
        margin-top: 15px
    }

    /* Keep .button-row flex on mobile — some pages set it to display:block */
    .enterpriseBanner .button-row {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 12px
    }

    .seo-hero-section.second-cta .team-photo img {
        position: absolute;
        bottom: -30px;
        right: 22%;
        max-width: 73%;
    }

    .ecom-process .process-card {
        height: 337px
    }

    .smms-process .process-card {
        height: 466px
    }

    .enterprise-process .process-card {
        height: 358px
    }

    .phase-card {
        width: 70%
    }

    .mob-eleme-3 img {
        position: absolute;
        left: 180px;
        bottom: 210px;
        width: 12%
    }

    .mob-eleme-4 img {
        position: absolute;
        left: 15px;
        bottom: 143px;
        width: 12%
    }

    .chart-elemtn img {
        position: absolute;
        bottom: -40px;
        left: 0;
        z-index: 0
    }

    .banner-elemtn-4 img {
        position: absolute;
        left: 51px;
        bottom: 90px;
        width: 14%;
        z-index: 999
    }

    .mob-eleme-2 img {
        position: absolute;
        right: 0;
        bottom: 289px;
        width: 11%
    }

    .banner-elemtn-3 img {
        position: absolute;
        left: 220px;
        bottom: 120px;
        width: 14%;
        z-index: 1
    }

    .tp-hero-ptb .tp-btn-black-radius.btn-blue-bg i {
        height: 29px;
        width: 29px;
        line-height: 29px
    }

    .tp-hero-ptb .tp-btn-black-radius.btn-blue-bg i span {
        position: relative;
        overflow: hidden;
        width: 19px;
        height: 19px;
        display: inline-flex
    }

    .tp-hero-ptb .tp-btn-black-radius i svg {
        position: absolute;
        bottom: -1px;
        left: 4px;
        transition: all 0.2s ease-out
    }

    .btn-dots {
        display: flex;
        gap: 5px;
        display: none
    }

    .peach-btn {
        padding: 15px 16px 15px 16px
    }

    .peach-btn {
        margin-top: 10px
    }

    .mob-eleme-1 img {
        position: absolute;
        right: 79px;
        bottom: 242px;
        width: 23%
    }

    .tp-hero-ptb .tp-btn-black-radius i svg {
        width: 11px;
        height: 11px
    }
}

@media (max-width:500px) {
    .banner-elemtn-4 img {
        position: absolute;
        left: 41px;
        bottom: 90px;
        width: 14%;
        z-index: 999
    }

    .menu-glosary {
        padding: 20px 16px 119px;
    }

    .seo-hero-btns .peach-btn {
        margin-top: 10px !important;
    }

    .sass-process .process-card {
        height: 391px
    }

    .casino-backlinks-process .process-card {
        height: 312px
    }

    .geo-process .process-card {
        height: 338px
    }

    .ecom-process .process-card {
        height: 310px
    }

    .casino-process .process-card {
        height: 362px
    }

    .enterprise-process .process-card {
        height: 365px
    }

    .comparison-header-left {
        position: absolute;
        top: -91px;
        left: 38px
    }

    section.seo-hero-section.abt-hero .team-photo img {
        position: absolute;
        bottom: 0;
        right: -2%;
        max-width: 99%
    }

    .comparison-header-right {
        position: absolute;
        top: -91px;
        left: 38px
    }

    .bottom-img {
        width: 200px
    }

    .left-section .content-wrapper .stat-box p {
        font-size: 14px;
        line-height: 1.4
    }

    .tp-btn-black-radius.btn-blue-bg.peach-btn.test-btn {
        margin-top: 10px
    }

    .testimonial-person-img img {
        position: absolute;
        bottom: -75px;
        right: 101px;
        width: 56%
    }

    .testimonial-footer {
        display: block !important
    }

    .testimonial-footer .vr {
        opacity: .2;
        margin: 0 14px !important;
        display: none
    }

    .testimonial-footer .author-name {
        color: #924DBF;
        font-weight: 700;
        font-size: 20px;
        margin-bottom: 3px
    }

    .author {
        margin-bottom: 16px
    }

    .videoSection {
        transform: scale(1.03);
        position: relative;
        margin-top: 40px
    }

    .testimonial-footer .vr {
        opacity: .2;
        margin: 0 14px !important
    }

    .approach-box {
        padding: 40px 28px
    }

    .brand-overview p {
        font-size: 14px;
        line-height: 25px
    }

    .cd-element-1 img {
        left: 20px;
        width: 18%;
        top: 13px
    }

    .cd-element-9 img {
        right: 30px;
        top: 20px;
        width: 10%
    }

    .yellow-table {
        padding: 69px 0 60px 0
    }

    .top-element img {
        position: absolute;
        top: -56px;
        left: 0;
        z-index: 1;
        width: 45%
    }

    .brand-overview h2 {
    margin-bottom: 14px
    }

    .phase-card {
        width: 81%
    }

    .mob-eleme-3 img {
        position: absolute;
        left: 140px;
        bottom: 160px;
        width: 12%
    }

    .mob-eleme-4 img {
        position: absolute;
        left: 15px;
        bottom: 143px;
        width: 12%
    }



    .chart-elemtn img {
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: -1
    }

    .mob-eleme-1 img {
        position: absolute;
        right: 76px;
        bottom: 222px;
        width: 25%
    }

    .cs-stat-head {
        font-size: 21px;
        font-weight: 700;
        margin-bottom: 6px;
        line-height: 24px
    }

    .mob-eleme-2 img {
        position: absolute;
        right: 0;
        bottom: 274px;
        width: 11%
    }

    .banner-elemtn-3 img {
        position: absolute;
        left: 180px;
        bottom: 93px;
        width: 16%;
        z-index: 1
    }

    .process-card {
        background-color: #00000073;
        border-radius: 20px;
        padding: 25px;
        border: 2px solid #ffffff1c
    }

    .fixd-eleme {
        margin-top: 0
    }

    .process-card {
        height: 494px
    }

    .FaqTitle h2 {
    margin-bottom: 24px
    }

    .fixed-cta-wrap {
        flex-direction: row;
        width: 86%
    }

    .fixed-cta-wrap .tp-btn-black-radius span span.text-1 {
        position: relative;
        display: block;
        transition: 0.3s;
        transform: translateY(-1px);
        font-size: 13px;
        line-height: 1
    }

    .fixed-cta-wrap .btn-text {
        font-size: 13px;
        color: var(--btn-text);
        line-height: 1.1
    }

    .fixd-eleme img {
        position: absolute;
        bottom: 0;
        width: 79%;
        left: 0;
        right: 0;
        margin: 0 auto
    }

    .seo-hero-btns {
        margin-top: 0;
        display: block;
        gap: 18px;
        margin-top: 22px
    }

    .process-card .prcoess-img img {
        width: 70px;
        margin-bottom: 15px
    }

    .process-card .process-text p {
        font-size: 14px;
        color: #fff;
        line-height: 26px;
        text-align: left;
        margin-bottom: 0
    }

    .it-project-active-1 {
        margin: 0 20px
    }

    .blog-card-content {
        padding: 24px 0 0 0
    }

    .blog-card-title {
        display: block;
        text-align: left;
        font-size: 20px;
        font-weight: 700;
        color: #18172B;
        line-height: 1.26;
        margin-bottom: 3px;
        text-decoration: none;
        transition: color 0.22s
    }

    .blog-card-desc {
        font-size: 14px;
        color: #222;
        line-height: 23px;
        margin-bottom: 0;
        text-align: left;
        font-weight: 400;
        padding-right: 0
    }

    .blog-card {
        padding: 20px 20px 50px 20px
    }

    section.third-faq-block .accordion-button h3 {
        font-size: 18px
    }

    .FaqSection .FaqTitle h2 {
    margin-bottom: 21px
    }

    section.first-faq-block .accordian-wrapper .faq-boxes {
        padding: 18px 16px 18px 58px
    }

    section.first-faq-block .accordian-wrapper .faq-boxes::before {
        left: 16px;
        top: 19px;
        font-size: 16px;
        line-height: 24px
    }

    section.first-faq-block .accordian-wrapper .faq-boxes::after {
        left: 44px;
        top: 19px;
        bottom: 19px
    }

    section.first-faq-block .accordion-button h3 {
        padding-right: 12px
    }

    section.first-faq-block .accordion-item {
        margin-bottom: 16px
    }

    .accordion-button h3 {
        font-weight: 700;
        font-size: 18px;
        margin-bottom: 0;
        line-height: 23px;
        padding-right: 20px
    }

    .footer-col-title {
        margin-bottom: 15px
    }

    .footer-links li {
        margin-bottom: 12px;
        line-height: 17px
    }

    .footer-bottom {
        border-top: 1px solid #ffffff17;
        padding-top: 24px;
        margin-top: 0
    }

    .footer-copyright {
        color: #fff;
        font-size: 14px;
        font-weight: 400;
        text-align: center
    }

    .pricing-right-card {
        padding: 29px 22px 29px 22px
    }

    .footer-links a {
        font-size: 12px
    }

    .team-photo img {
        right: 80px;
        position: absolute;
        bottom: -31px;
        max-width: 62%
    }

    .seo-hero-section .team-element-1 img {
        right: 110px;
        width: 13%;
        bottom: 250px
    }

    .clinet-bx .client-review-stars li img {
        width: 18px;
        height: 18px
    }

    .test-icon-1 img {
        position: absolute;
        bottom: 0;
        left: 20px;
        width: 11%
    }

    .clinet-bx .client-review-stars li:nth-child(4) img {
        width: 24px;
        height: 24px
    }

    .test-icon-4 img {
        position: absolute;
        top: -250px;
        right: 70px;
        width: 11%
    }

    .test-icon-2 img {
        position: absolute;
        top: -260px;
        left: 40px;
        width: 17%
    }

    .seo-hero-section .team-element-2 img {
        position: absolute;
        right: 63px;
        bottom: 182px;
        width: 12%
    }

    .link-building-strategies .section-heading h2 {
    color: #fff;
    z-index: 2;
    position: relative
    }

    .header-element img {
        position: absolute;
        bottom: -9px;
        left: 0;
        right: 0;
        margin: 0 auto;
        z-index: 1
    }

    .seo-hero-btns .custom-btn {
        margin-top: 11px
    }
}

@media (max-width:450px) {
    .banner-elemtn-4 img {
        position: absolute;
        left: 29px;
        bottom: 82px;
        width: 16%;
        z-index: 999
    }

    .sass-process .process-card {
        height: 413px
    }

    .financial-process .process-card {
        height: 388px
    }

    .sss-process .process-card {
        height: 362px
    }

    .smms-process .process-card {
        height: 496px
    }

    .casino-process .process-card {
        height: 412px
    }

    .sbss-process .process-card {
        height: 365px
    }

    .tp-btn-black-radius i svg {
        position: absolute;
        bottom: -1px;
        left: 2px;
        transition: all 0.2s ease-out
    }

    .comparison-header-left {
        position: absolute;
        top: -77px;
        left: 38px
    }

    .right-main-bx {
        z-index: 1;
        position: relative;
        margin-top: 130px
    }

    .comparison-header-right {
        position: absolute;
        top: -78px;
        left: 38px
    }

    .seo-hero-section {
        padding-bottom: 280px
    }

.fixed-cta-wrap {
        flex-direction: row;
        width: 94%
    }

    .case-study-wrapper .case-element-1 img {
        top: 250px;
        left: 60px;
        width: 12%
    }

    .case-study-wrapper .case-element-3 img {
        top: 161px;
        right: 20px;
        width: 11%
    }

    .tab-content {
        margin-top: 30px
    }



    .case-study-wrapper {
        padding: 30px 0 110px 0
    }



    .case-study-wrapper .case-element-4 img {
        top: 159px;
        left: 20px;
        width: 11%
    }

    .caseStudy-heading p {
        color: #000;
        font-size: 16px;
        line-height: 28px;
        font-weight: 500
    }

    .case-study-wrapper .case-element-2 img {
        top: 246px;
        right: 60px;
        width: 15%
    }

    .mob-eleme-2 img {
        position: absolute;
        right: 0;
        bottom: 274px;
        width: 11%
    }

    .mob-eleme-3 img {
        position: absolute;
        left: 140px;
        bottom: 160px;
        width: 12%
    }

    .mob-eleme-4 img {
        position: absolute;
        left: 27px;
        bottom: 160px;
        width: 12%
    }
}

@media (max-width:430px) {
    .ecom-process .process-card {
        height: 337px
    }

    .testimonial-person-img img {
        position: absolute;
        bottom: -75px;
        right: 46px;
        width: 77%;
    }

    .ivf-process .process-card {
        height: 360px
    }

    .casino-backlinks-process .process-card {
        height: 339px
    }

    .fixd-eleme {
        margin-top: 37px
    }

    .geo-process .process-card {
        height: 370px
    }
}

@media(max-width:420px) {
    .testimonial-person-img img {
        position: absolute;
        bottom: -60px;
        right: 71px;
        width: 62%
    }

    .sss-process .process-card {
        height: 391px
    }

    .casino-process .process-card {
        height: 422px
    }

    .stat-box:nth-child(1) {
        width: 100%
    }

    .stat-box:nth-child(2) {
        width: 100%
    }

    .stat-box:nth-child(3) {
        width: 100%
    }

    .stat-box:nth-child(4) {
        width: 100%
    }

    .image-box img {
        height: 160px
    }

    .process-card .process-title h3 {
        line-height: 27px
    }

    .fixed-cta-wrap {
        flex-direction: row;
        width: 97%
    }
}

@media (max-width:400px) {
    .tp-hero-ptb {
        padding-top: 72px;
        padding-bottom: 125px
    }

    .menu-glosary {
        padding: 20px 16px 95px;
    }

    .testimonial-card .testimonial-img {
        position: absolute;
        right: 14px;
        bottom: -14px;
        width: 39%;
    }

    .ivf-process .process-card {
        height: 410px
    }

    .fixd-eleme {
        margin-top: 97px
    }

    .sass-process .process-card {
        height: 455px
    }

    .btn-pill.home-pill {
        font-size: 10px;
        padding: 3px 8px
    }

    .casino-backlinks-process .process-card {
        height: 379px
    }

    .financial-process .process-card {
        height: 435px
    }

    .financial-process .fixd-eleme {
        margin-top: 107px
    }

    .ecom-process .process-card {
        height: 430px
    }

    .sss-process .process-card {
        height: 431px
    }

    .smms-process .process-card {
        height: 536px
    }

    .casino-process .process-card {
        height: 462px
    }

    .enterprise-process .process-card {
        height: 405px
    }

    .process-card {
        height: 564px
    }

    .pill-group {
        display: grid;
        flex-wrap: wrap;
        gap: 4px;
        grid-template-columns: 1fr 1fr
    }

    .agency-comparison-section.gencomp .comparison-header-left {
        position: absolute;
        top: -56px;
        left: 0
    }

    .agency-comparison-section.gencomp .agency-comparison-subtitle {
        color: #000;
        margin-bottom: 38px;
        padding: 0 0% 0 0%
    }

    .agency-comparison-section.gencomp .comparison-header-right.comp-right-header {
        position: absolute;
        top: -59px;
        left: 0
    }

    .agency-comparison-section.gencomp .comparison-header-right img {
        width: 90%
    }

    .strategist-box {
        display: block
    }

    .strategist-avatars {
        margin-top: 10px
    }

    .strategist-avatars .avatar-circle:nth-child(1) {
        margin-left: 0
    }

.mob-eleme-1 img {
        position: absolute;
        right: 56px;
        bottom: 222px;
        width: 25%
    }

    .tp-hero-title {
        font-size: 25px;
        line-height: 32px;
        margin-bottom: 14px
    }

    .chart-elemtn img {
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: 0
    }

    .tp-hero-title {
        font-size: 25px;
        line-height: 31px
    }

    .contactInnerBanner .tp-hero-title {
        font-size: 25px;
        line-height: 31px
    }

    .banner-elemtn-4 img {
        position: absolute;
        left: 41px;
        bottom: 90px;
        width: 14%;
        z-index: 999
    }

    .mob-eleme-3 img {
        position: absolute;
        left: 140px;
        bottom: 160px;
        width: 12%
    }

    .mob-eleme-4 img {
        position: absolute;
        left: 15px;
        bottom: 143px;
        width: 12%
    }

    .banner-elemtn-3 img {
        position: absolute;
        left: 160px;
        bottom: 101px;
        width: 12%;
        z-index: 1
    }

    .seo-trust-section .seo-trust-imgcol img {
        height: 360px;
        width: 100%;
        object-fit: cover;
        border-radius: 20px
    }

    .fixed-cta-wrap .tp-btn-black-radius span span.text-1 {
        position: relative;
        display: block;
        transition: 0.3s;
        transform: translateY(-1px);
        font-size: 10px;
        line-height: 1
    }

    .fixed-cta-wrap .btn-text {
        font-size: 10px;
        color: var(--btn-text);
        line-height: 1.1
    }

    .fixed-cta-wrap {
        flex-direction: row;
        width: 100%
    }

    .process-card {
        background-color: #00000036;
        border-radius: 20px;
        padding: 33px 22px;
        border: 2px solid #ffffff1c
    }

    .link-building-strategies .section-heading h2 {
    color: #fff;
    z-index: 2;
    position: relative
    }

    section.third-faq-block .accordion-button h3 {
        font-size: 18px
    }

    .clinet-bx .client-name h4 {
        font-size: 16px
    }

    .clinet-bx .client-name {
        border-right: 0 solid #fff3;
        padding-right: 0;
        margin-right: 0
    }

    .seo-text img {
        position: absolute;
        top: -320px;
        left: 6px;
        width: 73%
    }

    .test-icon-2 img {
        position: absolute;
        top: -290px;
        left: 10px;
        width: 17%
    }

    .test-icon-3 img {
        position: absolute;
        bottom: 230px;
        right: 30px;
        width: 50px;
        height: 50px
    }

    .test-icon-4 img {
        position: absolute;
        top: -380px;
        right: 40px;
        width: 11%
    }

    .test-icon-1 img {
        position: absolute;
        bottom: 0;
        left: 20px;
        width: 11%
    }

    .testimonial-person-img img {
        position: absolute;
        bottom: -60px;
        right: 48px;
        width: 66%
    }

    .clinet-bx .client-name {
        margin-bottom: 18px
    }

    .testimonial-content .clinet-bx {
        display: block;
        align-items: center;
        margin-bottom: 0
    }

    .pricing-amount {
        font-size: 15px
    }

    .testimonial-featured-quote {
        right: -40px
    }

    .currency-label {
        font-weight: 700;
        font-size: 12px;
        color: #54666A
    }

    .testimonial-featured-quote .quote-mark img {
        width: 45%
    }

    .testimonial-featured-lead span.ft-32 {
        font-size: 18px
    }

    .seo-trust-section .left-img img {
        height: 360px
    }
}

@media (max-width:390px) {
    .testimonial-person-img img {
        position: absolute;
        bottom: -30px;
        right: 48px;
        width: 66%
    }

    .slider-packages:before {
        bottom: 1.5px;
    }

    .slider-packages.green-slider:before {
        bottom: 1.5px;
    }

    .slider-packages.purple-slider:before {
        bottom: 1.5px;
    }

    .pakages-process .process-card {
        height: 379px
    }

    .geo-process .process-card {
        height: 408px
    }

    .smms-process .process-card {
        height: 596px
    }

    .sbss-process .process-card {
        height: 435px
    }

    .fixed-cta-wrap .tp-btn-black-radius.btn-blue-bg {
        padding: 15px 13px 15px 11px;
        padding-right: 16px;
        background-color: var(--btn-bg)}

    .peach-btn {
        padding: 15px 13px 15px 11px
    }
}

@media (max-width:360px) {
    .link-building-strategies .section-heading h2 {
    color: #fff;
    z-index: 2;
    position: relative
    }

    .ivf-process .process-card {
        height: 430px
    }

    .sass-process .process-card {
        height: 505px
    }

    .geo-process .process-card {
        height: 438px
    }

    .financial-process .process-card {
        height: 463px
    }

    .sss-process .process-card {
        height: 461px
    }

    .enterprise-process .process-card {
        height: 458px
    }

    .process-card {
        height: 614px
    }

    .fixed-cta-wrap .btn-text {
        font-size: 10px;
        color: var(--btn-text);
        line-height: 1.1
    }

    .testimonial-person-img img {
        position: absolute;
        bottom: -30px;
        right: 27px;
        width: 88%;
    }

    .seo-hero-section.second-cta .team-photo img {
        position: absolute;
        bottom: -30px;
        right: 10%;
        max-width: 89%;
    }

    .phase-card {
        width: 94%
    }

    .header-element img {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        margin: 0 auto;
        z-index: 1
    }

    .process-card .process-title h3 {
        color: #fff;
        text-align: left;
        font-weight: 600;
        margin-bottom: 8px;
        line-height: 29px;
        font-size: 20px
    }
}

/* === Mega-menu wrap fixes: force wrapping and allow flex children to shrink === */
/* This override is deliberately specific and placed at the end of responsive.css */
.tp-header-dropdown nav ul li .mega-menu-item,
.tp-header-dropdown nav ul li .mega-menu-item .menuBx {
    min-width: 0 !important;
    width: auto !important;
    max-width: 100% !important;
}

.tp-header-dropdown nav ul li .mega-menu-item .menuBx a,
.tp-header-dropdown nav ul li .mega-menu-item .menuBx p {
    display: block !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-wrap: break-word !important;
    word-break: break-word !important;
    hyphens: auto !important;
    max-width: 100% !important;
}

/* If the menu uses flex layout at higher levels ensure the menu box can shrink */
.tp-header-dropdown nav ul li {
    min-width: 0 !important;
}

/* Optional: limit the width of the description to keep columns consistent; adjust as needed */
.tp-header-dropdown nav ul li .mega-menu-item .menuBx {
    max-width: 350px !important;
}

@media (max-width: 767.98px) {
    .tp-header-dropdown nav ul li .mega-menu-item .menuBx p {
        font-size: 13px !important;
        line-height: 18px !important;
    }

    .tp-header-dropdown nav ul li .mega-menu-item .menuBx {
        max-width: 100% !important;
    }
}

/* === Apply same wrapping rules to other header menu variants (AI Services, Link Building, Resources) === */
.tp-header-dropdown nav ul li .menuBx,
.tp-header-dropdown nav ul li .suubmenu .menuBx,
.tp-header-dropdown nav ul li ul.sub-menu .menuBx,
.tp-mobile-menu-active ul li .menuBx {
    min-width: 0 !important;
    width: auto !important;
    max-width: 100% !important;
}

.tp-header-dropdown nav ul li .menuBx a,
.tp-header-dropdown nav ul li .menuBx p,
.tp-header-dropdown nav ul li .suubmenu .menuBx p,
.tp-mobile-menu-active ul li .menuBx p {
    display: block !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-wrap: break-word !important;
    word-break: break-word !important;
    hyphens: auto !important;
    max-width: 100% !important;
}

/* Keep reasonable column width for desktop but allow full width on small screens */
.tp-header-dropdown nav ul li .menuBx {
    max-width: 350px !important;
}

@media (max-width: 767.98px) {

    .tp-header-dropdown nav ul li .menuBx,
    .tp-header-dropdown nav ul li .suubmenu .menuBx,
    .tp-mobile-menu-active ul li .menuBx {
        max-width: 100% !important;
    }
}

/* === AI Services submenu: limit width so it doesn't stretch full-width === */
.tp-header-dropdown nav ul>li:first-child>ul.sub-menu>.suubmenu {
    max-width: 720px !important;
    max-height: min(72vh, 640px) !important;
    overflow-y: auto !important;
    overflow-x: hidden;
    width: auto !important;
    margin: 0 auto !important;
}

/* Ensure each menu item inside AI Services respects column width */
.tp-header-dropdown nav ul>li:first-child>ul.sub-menu>.suubmenu li .menuBx {
    max-width: 400px !important;
}

@media (max-width: 1200px) {

    .tp-header-dropdown nav ul>li:first-child>ul.sub-menu>.suubmenu,
    .tp-header-dropdown nav ul>li:first-child>ul.sub-menu>.suubmenu li .menuBx {
        max-width: 100% !important;
        margin: 0 !important;
    }
}

/* Get-a-quote: Customer Success Stories spacing (no section padding) */
.customer-success-stories--quote .customer-success-stories__title {
    margin-top: 20px;
}

.customer-success-stories--quote .it-project-dots-success {
    margin-bottom: 20px;
}

/* Home hero CTA — bigger proposal button, less space under it. Scoped to #heroBanner */

/* Hero rating badges: keep them close to the CTA (hero only) */
#heroBanner.tp-hero-area .footer-rating {
    position: static;
    bottom: auto;
    left: auto;
    right: auto;
    margin-top: 50px;
    margin-bottom: 0;
    justify-content: center;
}

/* Prevent the nested .footer-rating (in the hero markup) from becoming absolute */
#heroBanner.tp-hero-area .footer-rating .footer-rating {
    position: static;
    bottom: auto;
    left: auto;
    right: auto;
}

#heroBanner.tp-hero-area .footer-rating {
    flex-wrap: wrap;
    gap: 16px;
}

#heroBanner.tp-hero-area .footer-rating img {
    margin: 0;
    width: auto;
    height: 44px;
}

#heroBanner .button-row {
    margin-bottom: 0;
}

/* Desktop / large screens: make CTA noticeably larger */
@media (min-width: 992px) {
    #heroBanner .tp-btn-black-radius.btn-blue-bg {
        font-size: 18px;
        padding: 12px 38px;
        padding-right: 12px;
        gap: 14px;
    }

    #heroBanner .tp-btn-black-radius.btn-blue-bg i {
        width: 48px;
        height: 48px;
        line-height: 48px;
    }

    /* Tighten the hero's bottom whitespace while preserving room for the rating badges */
    #heroBanner.tp-hero-ptb {
        padding-bottom: clamp(95px, 6vw, 125px);
    }
}

/* Tablet: keep button comfortable and remove the large gap */
@media only screen and (min-width: 768px) and (max-width: 991px) {
    #heroBanner .tp-btn-black-radius.btn-blue-bg {
        font-size: 16px;
        padding: 10px 30px;
        padding-right: 10px;
        gap: 12px;
    }

    #heroBanner .tp-btn-black-radius.btn-blue-bg i {
        width: 42px;
        height: 42px;
        line-height: 42px;
    }

    /* Override the generic .tp-hero-ptb padding-bottom (was 345px) */
    #heroBanner.tp-hero-ptb {
        padding-bottom: 80px;
    }
}

/* Mobile: larger CTA without disturbing existing hero padding rules */
@media (max-width: 767px) {
    #heroBanner .tp-btn-black-radius.btn-blue-bg {
        font-size: 15px;
        padding: 9px 24px;
        padding-right: 9px;
        gap: 10px;
    }

    #heroBanner .tp-btn-black-radius.btn-blue-bg i {
        width: 38px;
        height: 38px;
        line-height: 38px;
    }

    /* Override the generic .tp-hero-ptb padding-bottom (was 345px) */
    #heroBanner.tp-hero-ptb {
        padding-bottom: 80px;
    }

    #heroBanner.tp-hero-area .footer-rating img {
        height: 38px;
    }
}

/* Small phones: ensure the larger CTA still fits nicely */
@media (max-width: 500px) {
    #heroBanner .tp-btn-black-radius.btn-blue-bg {
        font-size: 14px;
        padding: 8px 20px;
        padding-right: 8px;
    }

    #heroBanner .tp-btn-black-radius.btn-blue-bg i {
        width: 34px;
        height: 34px;
        line-height: 34px;
    }

    #heroBanner.tp-hero-ptb {
        padding-bottom: 70px;
    }

    #heroBanner.tp-hero-area .footer-rating img {
        height: 34px;
    }
}

/* Fixed footer CTA (mobile/tablet): show icons and reduce side gutters */
@media (max-width: 1024px) {
    #fixedCta {
        width: calc(100% - 16px);
    }

    #fixedCta .fixed-cta-wrap {
        width: 100%;
    }

    #fixedCta .fixed-cta-wrap {
        padding: 8px;
        gap: 8px;
        border-radius: 14px;
    }

    #fixedCta .fixed-cta-wrap > .tp-btn-black-radius {
        flex: 1 1 0%;
        min-width: 0;
    }

    /* Give the longer label a little more room */
    #fixedCta .fixed-cta-wrap > .tp-btn-black-radius:last-child {
        flex: 1.12 1 0%;
    }

    #fixedCta .fixed-cta-wrap .tp-btn-black-radius i {
        display: inline-block !important;
    }

    /* Keep proposal CTA colors consistent with homepage (avoid peach overrides) */
    #fixedCta .fixed-cta-wrap .tp-btn-black-radius.btn-blue-bg[href*="get-a-quote"] {
        background-color: var(--btn-bg) !important;
        color: var(--btn-text) !important;
    }

    #fixedCta .fixed-cta-wrap .tp-btn-black-radius.btn-blue-bg[href*="get-a-quote"] i {
        background-color: var(--btn-icon-bg) !important;
    }

    /* Reduce button height/padding so it feels less "pill-like" */
    #fixedCta .fixed-cta-wrap .tp-btn-black-radius.btn-blue-bg,
    #fixedCta .fixed-cta-wrap .tp-btn-black-radius.peach-btn.btn-blue-bg {
        padding: 12px 14px;
        padding-right: 12px;
        border-radius: 999px;
    }

    /* Keep CTA labels on one line */
    #fixedCta .fixed-cta-wrap .tp-btn-black-radius span span.text-1,
    #fixedCta .fixed-cta-wrap .tp-btn-black-radius span span.text-2 {
        white-space: nowrap;
        font-size: 14px;
        line-height: 1;
    }

    /* Make the icon circles feel balanced on small screens */
    #fixedCta .fixed-cta-wrap .tp-btn-black-radius i {
        width: 24px;
        height: 24px;
        line-height: 24px;
    }

    #fixedCta .fixed-cta-wrap .tp-btn-black-radius i span {
        width: 10px;
        height: 10px;
        align-items: center;
        justify-content: center;
    }

    #fixedCta .fixed-cta-wrap .tp-btn-black-radius i svg,
    #fixedCta .fixed-cta-wrap .tp-btn-black-radius i img {
        width: 10px;
        height: 10px;
    }
}

/* Floating call button: smaller on mobile only */
@media (max-width: 767.98px) {
    /* Fixed footer CTA: hide button icons on mobile (site-wide) */
    #fixedCta .fixed-cta-wrap .tp-btn-black-radius i {
        display: none !important;
    }

    /* Fixed footer CTA: center the label text on mobile */
    #fixedCta .fixed-cta-wrap .tp-btn-black-radius {
        justify-content: center !important;
    }

    #fixedCta .fixed-cta-wrap .tp-btn-black-radius > span {
        display: block !important;
        width: 100% !important;
        text-align: center !important;
    }

    #fixedCta .fixed-cta-wrap .tp-btn-black-radius > span span.text-1,
    #fixedCta .fixed-cta-wrap .tp-btn-black-radius > span span.text-2 {
        width: 100% !important;
        text-align: center !important;
    }

    #fixedCta .fixed-cta-wrap .tp-btn-black-radius > span span.text-2 {
        left: 0;
        right: 0;
    }

    .whatsapp-link.gts-call-float {
        width: 52px;
        height: 52px;
    }

    .whatsapp-link.gts-call-float::before,
    .whatsapp-link.gts-call-float::after {
        inset: -5px;
    }

    .whatsapp-link.gts-call-float::after {
        inset: -12px;
    }

    .whatsapp-link.gts-call-float .gts-call-float-icon .gts-icon,
    .whatsapp-link.gts-call-float .gts-call-float-icon img {
        width: 18px;
        height: 18px;
    }
}

/* Footer rating badges: larger on mobile */
@media (max-width: 575.98px) {
    .dsl-footer .footer-rating {
        flex-wrap: wrap;
        gap: 10px;
    }

    .dsl-footer .footer-rating a {
        width: calc(33.333% - 10px);
        margin: 0;
        display: block;
    }

    .dsl-footer .footer-rating img {
        width: 100%;
        height: auto;
        margin: 0;
    }
}

/* Semrush floating badge — responsive bottom offsets */
@media only screen and (max-width: 1600px) {
    .semrush-float-badge {
        bottom: 13%;
    }
}

@media only screen and (max-width: 1300px) {
    .semrush-float-badge {
        bottom: 15%;
    }
}

@media only screen and (max-width: 991px) {
    .semrush-float-badge {
        bottom: 17%;
        left: 2%;
    }
}

@media (max-width: 767.98px) {
    .semrush-float-badge img {
        width: 54px;
        height: 54px;
    }
}

/* Keep seo trust images fully visible on touch layouts. */
@media (max-width: 991.98px) {
    .seo-trust-section .left-img img,
    .seo-trust-section .seo-trust-imgcol img {
        width: 100%;
        height: auto !important;
        max-height: none !important;
        object-fit: contain !important;
    }
}

/* Keep mega-menu layout consistent on desktop widths without changing structure */
@media (min-width: 1200px) {
    .mega-menu-wrapper {
        width: 91% !important;
    }

    .tp-header-dropdown nav ul>li:first-child>ul.sub-menu>.suubmenu,
    .tp-header-dropdown nav ul>li:nth-child(3)>ul.sub-menu>.suubmenu {
        max-height: min(72vh, 640px) !important;
        overflow-y: auto !important;
        overflow-x: hidden;
    }

    .menu-glosary {
        width: 30% !important;
        padding: 19px 16px 109px 16px !important;
        height: 100% !important;
    }

    .tab-menu-body {
        width: 73% !important;
        height: 587px !important;
    }

    .tab-menu-body .mega-menu-list {
        column-count: 2 !important;
        column-fill: balance !important;
    }

    .tab-menu-body .mega-menu-list.one-column {
        column-count: 1 !important;
    }

    .tp-header-dropdown nav ul li .mega-menu-item {
        width: 100% !important;
        padding: 15px 16px !important;
    }

    .tp-header-dropdown nav ul li .mega-menu-item .menuBx p {
        font-size: 12px !important;
        line-height: 21px !important;
    }

    .menu-glosary button.nav-link h3 {
        font-size: 17px !important;
    }

    .menu-glosary button.nav-link p {
        font-size: 13px !important;
        line-height: 17px !important;
    }
}


/* Hero top padding — clears the absolutely positioned header; #heroBanner outranks the per-page variants */
#heroBanner.tp-hero-ptb {
    padding-top: 160px;
}

@media only screen and (max-width: 1199px) {
    #heroBanner.tp-hero-ptb {
        padding-top: 180px;
    }
}

@media only screen and (max-width: 991px) {
    #heroBanner.tp-hero-ptb {
        padding-top: 140px;
    }
}

@media only screen and (max-width: 767px) {
    #heroBanner.tp-hero-ptb {
        padding-top: 108px;
    }
}

@media only screen and (max-width: 500px) {
    #heroBanner.tp-hero-ptb {
        padding-top: 98px;
    }
}

/* Header + off-canvas logo sizing, and mobile header row alignment */
:root {
    --es-offcanvas-logo-w: 170px;
    --es-header-logo-w: 170px;
}

/* --- Off-canvas panel logo (hamburger menu) --- */
.side-info-wrapper .side-info__wrapper {
    gap: 16px;
}

.side-info-wrapper .side-info__logo {
    flex: 0 1 auto;
    min-width: 0;
}

.side-info-wrapper .side-info__logo a {
    display: block;
}

.side-info-wrapper .side-info__logo img {
    width: var(--es-offcanvas-logo-w);
    max-width: 100%;
    height: auto;
}

.side-info-wrapper .side-info__close {
    flex: 0 0 auto;
}

/* Mobile header logo — beats the earlier width:80px !important (same specificity, later wins) */
@media (max-width: 767px) {
    .tp-header-logo img {
        width: var(--es-header-logo-w) !important;
        max-width: 100% !important;
        height: auto;
    }
}

/* Mobile header row — centre both columns so the logo lines up with the hamburger */
.menu-area .row.d-lg-flex.d-xl-none > [class*="col-"] {
    align-self: center;
}

.menu-area .row.d-lg-flex.d-xl-none .wrapper-for-lg {
    align-items: center;
}

/* =============================================================================
   Hero type scale (mobile).
   .tp-hero-title stepped down 60 -> 27px across six breakpoints while the
   global h2 only fell 38 -> 25px, so below 768px the hero headline sat 2px
   above every section heading on the page and the hero paragraph matched body
   copy exactly. The hero lost its hierarchy.

   #heroBanner is on all 30 hero pages, and #heroBanner .tp-hero-para (1,1,0)
   outranks the .enterpriseBanner / .about-Banner / .seo-Banner sizes tuned for
   the inner pages (0,2,0). The :not() chain keeps this to the homepage hero,
   the only one carrying no banner variant class.

   Line-height on the headline is left alone: h1 { line-height: 1.4 !important }
   in dsl.css already governs its leading.
   ============================================================================= */
@media (max-width: 767px) {
    #heroBanner:not(.enterpriseBanner):not(.about-Banner):not(.seo-Banner):not(.contactInnerBanner) .tp-hero-title {
        font-size: 40px;
    }

    #heroBanner:not(.enterpriseBanner):not(.about-Banner):not(.seo-Banner):not(.contactInnerBanner) .tp-hero-para {
        font-size: 16px;
        line-height: 26px;
    }
}

/* =============================================================================
   Hero rating badges (mobile).
   .footer-rating a { width: 25% } at line 6447 caps each badge at a quarter of
   the hero width. Three badges therefore occupy 75% of the row and, since the
   SVGs are 195x50, render ~107px wide / ~28px tall — the height: 34px above is
   dead, overridden by the width cap.

   Sized by width instead, so the badges stay proportionate no matter how tight
   the row gets: flex: 1 1 0 splits the available width three ways, max-width
   stops them overshooting on larger phones, and width/height on the img keeps
   the 3.9:1 aspect. Nets ~33px tall at 430px, ~36px from 500px up.

   .footer-rating sits outside .container, so the small side padding here is
   the row's only inset.
   ============================================================================= */
@media (max-width: 767px) {
    #heroBanner:not(.enterpriseBanner):not(.about-Banner):not(.seo-Banner):not(.contactInnerBanner) .footer-rating {
        gap: 10px;
        padding: 0 12px;
    }

    #heroBanner:not(.enterpriseBanner):not(.about-Banner):not(.seo-Banner):not(.contactInnerBanner) .footer-rating a {
        flex: 1 1 0;
        min-width: 0;
        max-width: 140px;
        margin: 0;
    }

    #heroBanner:not(.enterpriseBanner):not(.about-Banner):not(.seo-Banner):not(.contactInnerBanner) .footer-rating img {
        width: 100%;
        height: auto;
        margin: 0;
    }
}

/* Centred hero headline: drop the 6% padding-right (line 1248) that pushed the text ~31px left between 992px and 1500px */
.tp-hero-title-box.text-center .tp-hero-title {
    padding-right: 0;
    padding-left: 0;
}

/* Fluid hero headline 1201-1600px — replaces the 60px -> 40px cliff at line 1246 that shrank the h1 by a third on 13-15" screens */
@media only screen and (min-width: 1201px) {
    .tp-hero-title {
        font-size: clamp(40px, calc(5vw - 20px), 60px);
    }
}