/* XX-Large devices (larger desktops, 1400px and up) */
@media (max-width: 1820px) {
    .momentContact {
        margin-left: 20.5rem;
    }

    #main-header .logo-container img {
        margin-left: -10em;
    }
    .navbar {
        padding: 0px 38em;
    }
}

    @media (max-width: 1750px) {
        .momentContact {
            margin-left: 20rem;
        }
    }

    @media (max-width: 1700px) {
        .momentContact {
            margin-left: 19.5rem;
        }

        #main-header .logo-container img {
            margin-left: -6em;
        }
        .navbar {
            padding: 0px 31em;
        }
    }

    @media (max-width: 1650px) {
        .momentContact {
            margin-left: 19rem;
        }

        #main-header .logo-container img {
            margin-left: -6em;
        }

    }

    @media (max-width: 1600px) {
        .momentContact {
            margin-left: 18.5rem;
        }

        #main-header .logo-container img {
            margin-left: -4em;
        }

        .navbar {
            padding: 0px 27em;
        }
    }
    @media (max-width: 1530px) {
        .hero .info {
            margin-right: -10rem;
        }
    
        #notification {
            font-size: 22px;
        }

    }

    @media (max-width: 1500px) {
        .momentContact {
            margin-left: 18rem;
        }

        #main-header .logo-container img {
            margin-left: 0em;
        }
        .navbar {
            padding: 0px 19em;
        }
        .title {
            max-width: 55%;
            word-wrap: break-word;
            line-height: 1.2;
        }
    }




@media (max-width: 1440px) {
    .heroDigital .app-item.active {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 89vh;
    }
    .heroDigital .seo-item.active {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 86vh;
    }
    .heroblogs .carousel-item.active {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 90vh;
        /* background: url(../img/rectangle42.png) no-repeat center center; */
        background-size: cover;
    }
}

/* Achevemnet section on less than 1400px screens */
/* Define when to show the mobile-nav-toggle */
@media (max-width: 1399px) {
    #main-header .logo-container img {
        margin-left: -3em;
    }
    .navbar {
        padding: 0px 14em;
    }
    hr {
        margin-left: 6em;
    }
    .contact .info-item {
        margin-left: 6em;
        margin-top: 1rem;
    }
    .contactUsBtn {
        margin-left: 2em;
    }

    .about .about-img #bgaboutImg {
        margin-left: -18rem;
        width: 160%;
        margin-top: -32rem;
    }

    #aboutdes {
        margin-left: -8em;
        margin-top: 6rem;
    }
    .about .about-img .homeAboutImg {
        margin-left: -6.5em;
        margin-top: -46rem;
    }

    .about .tab-content p {
        font-size: 22px;
        line-height: 160%;
        margin-top: 0px;
    }

    #companyMissionImg .about-img img {
        margin-top: -10rem;
        margin-left: 3.5rem;
    }

    #companyMission .tab-content {
        margin-top: -2em;
    }

    .about .tab-content .boxmission p {
        font-size: 25px;
    }

    .about .tab-content .boxmission {
        margin-right: -6rem;
    }

    #companySkillsImg .about-img img {
        margin-top: -14.2rem;
        margin-left: -4rem;
        width: 90%;
    }

    .about .lineImage img {
        margin-bottom: 0em;
        width: 70%;
        margin-top: -11rem;
        margin-left: 14rem;
    }

    #companyVision .tab-content .tab-pane {
        margin-left: -8em;
        margin-top: -6rem;
    }

    .about .tab-content .boxskills p {
        font-size: 25px;
    }

    .services .service-item .digitalInfo p {
        margin-right: 4rem;
    }
    .services .service-item .digitalInfo .boxParagraph p {
        margin-right: 1em;
    }
    .footer .footer-content .footer-info p {
        margin-right: -10em;
    }
    .footer #footerServices {
        margin-left: 13em;
        margin-top: 11em;
    }

    .footer .footer-info-links .social-links {
        margin-right: 0em;
        margin-left: -2em;
    }

    .footer .footer-content .footer-newsletter form {
        margin-right: -8.5rem;
    }
    /* .footer .footernewsletters {
        margin-top: -26rem;
        margin-left: 54em;
    } */

    .footer .footer-info .footernewsletters p {
        margin-right: -10em;
    }

    .footer .footernewsletters {
        margin-top: -10rem;
        margin-left: 0em;
    }

    .empowering .section-header h3 {
        margin-left: 6rem;
        margin-right: 6rem;
    }

    .achivement .google-partner {
        margin-left: 8em;
    }

    .achivement .facebook-partner {
        margin-left: 3rem;
    }

    .achivement .miczon-partner {
        margin-left: -2em;
    }

    .achivement .Techji-partner {
        margin-left: -2em;
    }

    .achivement .POcket-partner {
        margin-left: -6em;
    }

    .achivement .Zongley-partner {
        margin-left: -2em;
    }

    .heading-with-lines::before,
    .heading-with-lines::after {
        content: "";
        position: absolute;
        top: 50%;
        width: 140%;
        border-bottom: 4px solid #2f89ff;
        transform: translateY(-50%);
        z-index: -1;
    }

    .heading-with-lines::before {
        left: calc(-130% - 10%);
    }

    .heading-with-lines::after {
        right: calc(-130% - 10%);
    }

    .testimonial-item {
        margin: 0px 10px 0 6px;
    }

    #hero h1 {
        margin-right: 6em;
    }

    .front-image {
        position: relative;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -36%);
        z-index: 1;
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
        color: white;
    }

    .front-image img {
        max-width: 86%;
        height: auto;
        object-fit: cover;
    }

    .front-image h3 {
        /* margin-right: 15rem; */
        margin-top: -20rem;
        font-size: 48px;
        font-weight: 600;
        color: white;
    }

    .user-info {
        display: flex;
        margin-top: 14rem;
        margin-right: 60rem;
        /* align-items: center; */
    }

    .blogDetails {
        margin-top: -14em;
    }

    .contact .second-part h3 {
        font-size: 32px;
    }
    .contact .second-part .sub-heading {
        margin-left: 6.1em;
    }
    .steps {
        position: relative;
        margin: 30px 6em;
    }
    .circle {
        width: 32%;
    }
    .circle1 {
        width: 30%;
    }
    .step:before {
        content: "";
        position: absolute;
        left: 24px;
        top: 40px;
        bottom: -40px;
        width: 4px;
        background-color: #2f89ff;
        z-index: 1;
    }
    .step p {
        margin-right: -8em;
    }
    .checkboxes input[type="checkbox"] {
        margin-bottom: 0;
        margin-left: -5.5em;
        margin-right: -4em;
    }
    .checkboxes {
        margin-left: 1em;
        margin-top: 10px;
    }
    .contact .info-item p {
        margin-right: -2em;
    }
}

@media (max-width: 1330px) {
    #main-header .logo-container img {
        margin-left: -1.5em;
    }
    .navbar {
        padding: 0px 11em;
    }
    .contact-btn{
        width: 150px;
        height: 50px;
    }
    .user-info {
        display: flex;
        margin-top: 14rem;
        margin-right: 58rem;
        /* align-items: center; */
    }
}

@media (max-width: 1299px) {
    .user-info {
        display: flex;
        margin-top: 14rem;
        margin-right: 58rem;
        /* align-items: center; */
    }
    .title {
        max-width: 60%;
        word-wrap: break-word;
        line-height: 1.2;
    }
}
@media(max-width:1279px) {
    #main-header .contact-btn {
        margin-top: 0em;
        margin-right: 0em;
        margin-left: 0em;
    }
}

@media (max-width: 1273px) {
    .front-image img {
        max-width: 90%;
        height: auto;
        object-fit: cover;
    }
}

@media (max-width: 1248px) {
    .front-image img {
        max-width: 93%;
        height: auto;
        object-fit: cover;
    }
    #main-header .contact-btn {
        margin-top: 0em;
        margin-right: 1.5em;
        margin-left: 0em;
    }
}

@media (max-width: 1199px) {
    .blog-at-detailPage{
        margin-top: -6em;
    }
    #hero h1 {
        margin-right: 3em;
    }
    .heroDigital .app-item.active {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 90vh;
    }

    #heroDigital h1 {
        font-size: 68px;
    }
    #heroDigital .appSlider p {
        margin-right: 9em;
        
    }

    .about .about-img .homeAboutImg {
        margin-top: -32em;
        margin-left: -6.5em;
        max-width: 120%;
    }

    .about .about-img #bgaboutImg {
        margin-left: -18em;
        width: 160%;
        margin-top: -28em;
    }

    #aboutdes {
        margin-left: -3em;
        margin-top: 5em;
    }

    .about .tab-content p {
        margin-right: -2em;
        font-size: 20px;
        line-height: 160%;
        margin-top: 0px;
    }

    .about .tab-content .boxParagraph {
        margin-right: -3.1em;
    }

    .about .tab-content .boxParagraph p {
        margin-right: 1em;
        font-size: 18px;
    }

    #companyMission .tab-content {
        padding-left: 0;
        margin-top: 6em;
    }

    #companyMissionImg .about-img img {
        margin-top: -2em;
        width: 100%;
        margin-left: 0;
    }

    .about .tab-content .boxmission p {
        margin-right: 0em;
        margin-left: 0.5em;
        font-size: 24px;
    }

    .about .tab-content .boxmission {
        margin-right: -4.5em;
    }

    #companySkillsImg .about-img img {
        margin-top: -14em;
        margin-left: -4em;
        width: 100%;
    }

    .about .lineImage img {
        margin-bottom: 0em;
        width: 62%;
        margin-top: -10em;
        margin-left: 14em;
    }

    #companyVision .tab-content .tab-pane {
        margin-left: -4.5em;
        margin-top: -6rem;
    }

    .about .tab-content .boxskills p {
        margin-left: 0.5em;
        margin-right: 0.5em;
        font-size: 24px;
    }

    .achivement .google-partner {
        margin-left: 0em;
    }

    .achivement .facebook-partner {
        margin-left: 0em;
        margin-top: 1.5em;
    }

    .achivement .Tiktok-partner img {
        margin-left: 0em;
        margin-top: 1em;
    }

    .achivement .miczon-partner {
        margin-left: -8em;
    }

    .achivement .Techji-partner {
        margin-left: -6em;
        margin-top: -3em;
    }

    .achivement .POcket-partner {
        margin-top: -3em;
    }

    .achivement .Zongley-partner {
        margin-left: 0em;
    }

    .heading-with-lines::before {
        left: calc(-124% - 0%);
    }

    .heading-with-lines::after {
        right: calc(-124% - 0%);
    }

    .heading-with-lines::before,
    .heading-with-lines::after {
        content: "";
        position: absolute;
        top: 50%;
        width: 130%;
        border-bottom: 4px solid #2f89ff;
        transform: translateY(-50%);
        z-index: -1;
    }

    .testimonial-item {
        margin: 0px 10px 0 4px;
    }

    .empowering .section-header h3 {
        margin-left: 4rem;
        margin-right: 4rem;
    }

    .footer .footer-info-links .social-links {
        margin-right: -4em;
        margin-left: -2.5em;
    }
    .footer #footerServices {
        margin-left: 8em;
        margin-top: 11em;

    }

    /* .footer .footer-content .footer-info {
        margin-bottom: 4em;
    } */
    .footer .footernewsletters {
        margin-top: -10rem;
        margin-left: 0rem;
    }

    .footer .footer-info .footernewsletters p {
        font-size: 14px;
    }

    .footer .footer-content .footer-newsletter form {
        margin-right: -7.5rem;
    }

    .services .service-item .digitalInfo p {
        margin-right: 4rem;
        margin-left: 2rem;
        color: #000;
        font-size: 22px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }
    .services .digital-img {
        margin-top: 8rem;
        margin-left: 0rem;
    }
    .services .ppc-img {
        margin-right: 0rem;
        margin-top: 8rem;
    }

    .services .service-item .digitalInfo .boxParagraph p {
        color: #000;
        text-align: justify;
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    #services .latestTwosevices {
        margin-right: auto;
        margin-left: auto;
    }

    .front-image img {
        max-width: 85%;
        height: auto;
        object-fit: cover;
    }
    .front-image h3 {
        /* margin-right: 15rem; */
        margin-top: -20rem;
        font-size: 38px;
        font-weight: 600;
        color: white;
    }

    .user-info {
        display: flex;
        margin-top: 15rem;
        margin-right: 48rem;
        /* align-items: center; */
    }

    .blogDetails {
        margin-top: -13em;
    }
    #main-header .contact-btn {
        margin-right: -2em;
       
    }
    .contact .second-part h3 {
        margin-right: -1em;
        font-size: 28px;
        margin-left: 0em;
    }
    .contact .second-part .sub-heading {
        margin-left: 0em;
    }
    .circle {
        width: 25%;
        font-size: 28px;
    }
    .steps {
        position: relative;
        margin: 30px 0em;
    }
    .circle1 {
        width: 21%;
        font-size: 28px;
    }
    .step h4 {
        margin: 6px 0px 10px;
        font-size: 22px;
        color: #2f89ff;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
    }
    .step p {
        margin-right: -4em;
    }
    hr {
        margin-right: -3em;
        margin-left: 0em;
    }
    .contact .info-item {
        margin-left: 0em;
        margin-top: 1rem;
    }
    .step:before {
        content: "";
        position: absolute;
        left: 20px;
        top: 40px;
        bottom: -40px;
        width: 4px;
        background-color: #2f89ff;
        z-index: 1;
    }
    .checkboxes {
        margin-left: 2em;
        margin-top: 10px;
    }
    .checkboxes label {
        font-size: 12px;

    }
    .checkboxes input[type="checkbox"] {
        margin-bottom: 0;
        margin-left: -6.5em;
        margin-right: -3em;
    }
    .recent-blog-posts .post-box .post-title{
        font-size: 24px;
    }
    .recent-blog-posts .post-box p{
       font-size: 20px;
    }
    #main-header .logo-container img {
        margin-left: -3.5em;
    }
    .mobile-nav-toggle {
        right: 50px;
    }
}

@media (max-width: 1130px) {
    .front-image img {
        max-width: 92%;
        height: auto;
        object-fit: cover;
    }
    #main-header .contact-btn {
        margin-right: 0em;
       
    }
    #main-header .logo-container img {
        margin-left: -1.5em;
    }
}

@media (max-width: 1050px) {
    .heroDigital .app-item.active {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 91vh;
    }
    .achivement .google-partner {
        margin-left: 4em;
    }

    .achivement .facebook-partner {
        margin-left: 0em;
        margin-top: 0em;
    }

    .achivement .Tiktok-partner img {
        margin-left: 0em;
        margin-top: 0em;
    }

    .achivement .miczon-partner {
        margin-left: -6em;
    }

    .achivement .Techji-partner {
        margin-left: -5em;
        margin-top: -3em;
    }

    .heading-with-lines::before,
    .heading-with-lines::after {
        content: "";
        position: absolute;
        top: 50%;
        width: 116%;
        border-bottom: 4px solid #2f89ff;
        transform: translateY(-50%);
        z-index: -1;
    }

    .heading-with-lines::before {
        left: calc(-110% - 0%);
    }

    .heading-with-lines::after {
        right: calc(-110% - 0%);
    }

    .front-image img {
        max-width: 96%;
        height: auto;
        object-fit: cover;
    }
    .front-image h3 {
        margin-top: -18rem;
    }
    .user-info {
        display: flex;
        margin-top: 13rem;
        margin-right: 48rem;
        /* align-items: center; */
    }
    #main-header .logo-container img {
        margin-left: 0em;
    }
    .contact .info-item p {
        margin-right: -1em;
        font-size: 15px;
    }
    #main-header .contact-btn {
        margin-right: 2em;
    }
    .step p {
        margin-right: 0em;
    }
    hr {
        margin-right: 0em;
        margin-left: 0em;
    }
    .step:before {
        content: "";
        position: absolute;
        left: 18px;
        top: 40px;
        bottom: -40px;
        width: 4px;
        background-color: #2f89ff;
        z-index: 1;
    }
}

@media (max-width: 991px) {
  
    #hero h1 {
        margin-right: 1em;
        font-size: 78px;
        font-weight: 400;
        color: #fff;
        font-style: normal;
        line-height: normal;
    }

    #heroDigital h1 {
        font-size: 58px;
    }
    .heroDigital .carousel-item.active {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 91vh;
        /* Ensure the image covers the entire section */
      }
    #heroDigital .appSlider p {
        margin-right: 8em;
    }
    .heroDigital .seo-item.active {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 86vh;
    }

    #heroDigital p {
        font-size: 24px;
    }

    #heroblogs h1 {
        font-size: 78px;
    }

    .about .about-img #bgaboutImg {
        margin-left: -13em;
        width: 100%;
        margin-top: -28em;
    }
    .about .about-img .homeAboutImg {
        margin-top: -32em;
        margin-left: -1em;
        max-width: 100%;
    }

    #aboutdes {
        margin-left: 0em;
        margin-top: 4em;
    }

    .about .tab-content p {
        margin-right: 0;
        font-size: 28px;
        line-height: 140%;
    }
    .about .tab-content .boxParagraph {
        margin-right: 0;
    }
    .about .tab-content .boxParagraph p {
        margin-right: 0em;
        font-size: 20px;
    }

    #companyMission .tab-content {
        margin-top: 4em;
    }

    #companyMissionImg .about-img img {
        margin-top: 0em;
        width: 60%;
        margin-left: 16em;
    }
    .about .tab-content .boxmission {
        margin-right: 0em;
    }
    .about .tab-content .boxmission p {
        margin-right: 0em;
        margin-left: 0.5em;
        font-size: 28px;
    }

    #companySkillsImg .about-img img {
        margin-top: -10em;
        margin-left: -4em;
        width: 60%;
    }

    .about .lineImage img {
        margin-bottom: 0em;
        width: 55%;
        margin-top: -6.5em;
        margin-left: 12em;
    }
    #companyVision .tab-content .tab-pane {
        margin-left: 0em;
        margin-right: -19em;
        margin-top: 3rem;
    }

    .about .tab-content .boxskills p {
        margin-left: 0.5em;
        margin-right: 0em;
        font-size: 28px;
    }

    .about h2 {
        color: #2f89ff;
        font-size: 48px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }

    .achivement .google-partner {
        margin-left: -2em;
    }

    .achivement .google-partner img {
        margin: -1.5rem;
    }

    .achivement .facebook-partner {
        margin-left: -2em;
        margin-top: 0em;
    }

    .achivement .Tiktok-partner img {
        margin-left: 0em;
        margin-top: 0em;
    }

    .heading-with-lines::before,
    .heading-with-lines::after {
        content: "";
        position: absolute;
        top: 50%;
        width: 100%;
        border-bottom: 4px solid #2f89ff;
        transform: translateY(-50%);
        z-index: -1;
    }

    .heading-with-lines::before {
        left: calc(-90% - 0%);
    }

    .heading-with-lines::after {
        right: calc(-90% - 0%);
    }

    .achivement .miczon-partner {
        margin-left: -12em;
    }

    .achivement .Techji-partner {
        margin-left: -8em;
        margin-top: -3em;
    }

    .achivement .POcket-partner {
        margin-left: -7em;
        margin-top: -3em;
    }

    .achivement .Zongley-partner {
        margin-left: 1em;
    }

    .testimonial-item {
        width: 68%;
        height: auto; /* Allow height to adjust automatically */
        margin: 70px auto; /* Center and provide margin */
    }
    .testimonial-item-ceo {
        width: 80%;
        height: auto; /* Allow height to adjust automatically */
        margin: 70px auto; /* Center and provide margin */
    }

    .testimonial-item-ceo {
        height: auto; /* Allow height to adjust automatically */
    }

    .testimonial-item h3,
    .testimonial-item-ceo h3 {
        font-size: 18px; /* Adjust font size for mobile */
    }

    .testimonial-item h4,
    .testimonial-item-ceo h4 {
        font-size: 14px; /* Adjust font size for mobile */
    }
    .testimonial-item p {
        margin-top: 3rem;
        margin-left: 2rem;
        margin-right: 2rem;
        margin-bottom: 3em;
        color: #000;
        text-align: center;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }
    .testimonial-item-ceo p {
        font-size: 18px;
        margin-bottom: 6em;
        margin-top: 3rem;
        margin-left: 2rem;
        margin-right: 2rem;
        color: #000;
        text-align: center;
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }
    .testimonials .testimonial-item .quote-icon-right {
        display: inline-block;
        right: 16px;
        position: relative;
        top: -14px;
        transform: scale(-1, -1);
        float: right;
    }
    .testimonials .testimonial-item-ceo .quote-icon-right {
        display: inline-block;
        right: 16px;
        position: relative;
        top: -60px;
        transform: scale(-1, -1);
        float: right;
    }
    .testimonials-slider {
        margin-top: 0; /* Adjust margin for mobile view */
    }

    .swiper-wrapper {
        display: flex;
        flex-direction: column;
    }

    #desktopL {
        display: none;
    }

    #tabletM {
        display: block;
    }

    .map {
        margin-bottom: 20px;
        /* Adjust the value as needed */
    }

    .contact-form {
        margin-top: 2em;
        /* Adjust the value as needed */
    }

    .footer .footer-content .footer-info p {
        margin-right: -9em;
    }

    .footer .footer-info-links .social-links {
        margin-right: -6em;
        margin-left: -0.5em;
    }

    .footer #footerServices {
        margin-left: 12em;
        margin-top: 11em;
    }
    .footer .footer-content .footer-info {
        margin-bottom: 0em;
    }

    .footer .footernewsletters {
        margin-top: -12rem;
        margin-left: 0rem;
    }

    .footer .footer-info .footernewsletters p {
        margin-right: -16em;
        font-size: 14px;
    }
    .footer .footer-content .footer-newsletter form {
        margin-right: -15em;
    }
    #contact {
        margin-bottom: 4em;
    }
    .footer .footer-content .footer-info #footerHeading {
        margin-right: -11em;
        font-size: 18px;
    }

    .services .col-xl-5,
    .col-lg-5 {
        order: 2;
        /* Move the image below the text */
    }

    .services .col-xl-7,
    .col-md-7 {
        order: 1;
        /* Move the text above the image */
    }

    .services .service-item .digitalInfo {
        margin-right: -18.5em;
    }
    .services .service-item .google-ads {
        margin-right: -23em;
    }

    .services .service-item .ppcInfo {
        margin-right: -19.2em;
    }
 

    .services .service-item .appinfo {
        margin-right: -18em;
    }

    .services .service-item .seoInfo {
        margin-right: 0em;
    }
    #services .latestTwosevices {
        margin-right: -2rem;
        margin-left: -4rem;
    }

    .services .digital-img {
        margin-top: 4rem;
        margin-left: 6em;
    }

    .services .ppc-img {
        margin-top: 4rem;
        margin-left: 6em;
    }

    .services .service-info h3 {
        color: #2f89ff;
        font-weight: 600;
        line-height: normal;
        font-style: normal;
        margin: 20px 0px 30px 0;
        font-size: 28px;
        transition: ease-in-out 0.3s;
    }

    .services .service-info {
        padding: 30px 0px;
        margin: 0px -20px 60px 20px;
        transition: all ease-in-out 0.3s;
        background: var(--color-white);
        position: relative;
        background: #fff;
        text-align: center;
        border-radius: 20px;
        box-shadow: 0px 0px 15.4px -2px rgba(0, 0, 0, 0.15);
    }

    .serviceSeoButton {
        margin-right: 32rem;
    }

    .front-image img {
        max-width: 86%;
        height: auto;
        object-fit: cover;
    }

    .front-image h3 {
        /* margin-right: 15rem; */
        margin-top: -16rem;
        font-size: 38px;
        font-weight: 600;
        color: white;
    }

    .front-image {
        position: relative;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -43%);
        z-index: 1;
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
        color: white;
    }

    .user-info {
        display: flex;
        margin-top: 11em;
        margin-right: 36rem;
        /* align-items: center; */
    }
    #main-header .logo-container img {
        margin-left: -5em;
    }
  
    .blog-at-detailPage {
        margin-top: -8em;
    }

    .checkboxes {
        margin-left: 0em;
        margin-top: 10px;
    }
    .checkboxes label {
        font-size: 14px;
    }
    .checkboxes input[type="checkbox"] {
        margin-bottom: 0;
        margin-left: -6.3em;
        margin-right: -5em;
    }
    .contact .second-part{
        margin-top: 6em;
    }
    .contact .second-part h3 {
        margin-right: -6em;
        font-size: 38px;
        margin-left: 0em;
    }
    .contact .second-part .sub-heading {
        margin-left: 0.2em;
    }
    .steps {
        position: relative;
        margin: 30px 0;
    }
    .step h4 {
        margin-right: -6em;
        font-size: 28px;
        color: #2f89ff;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
    }
    .step p {
        margin-right: -10em;
    }
    .circle {
        width: 30%;
        font-size: 28px;
    }
    .circle1 {
        width: 25%;
        font-size: 28px;
    }
    .step:before {
        content: "";
        position: absolute;
        left: 21px;
        top: 40px;
        bottom: -40px;
        width: 4px;
        background-color: #2f89ff;
        z-index: 1;
    }
    hr {
        margin-right: -12em;
        margin-left: 0em;
    }
    .contact .info-item {
        margin-left: 0em;
        margin-top: 1rem;
    }
    .contact .info-item p {
        margin-right: -7em;
        font-size: 16px;
    }
    #main-header .contact-btn {
        margin-right: -3em;
        width: 140px;
        height: 48px;
    }
    .recent-blog-posts .post-box .post-title {
        font-size: 20px;
    }
    .recent-blog-posts .post-box p {
        font-size: 17px;
    }
}

@media(max-width:948px) {
    .front-image h3 {
        margin-left: 1em;
        font-size: 36px;
    }
    #main-header .contact-btn {
        margin-right: -2em;
    }
}

@media (max-width: 899px) {
    /* .about .about-img .homeAboutImg {
        margin-top: -22em;
        margin-left: -8.5em;
        max-width: 170%;
    }
    #companyMission .tab-content {
        margin-left: -2.6em;
        margin-right: 4em;
    }

    #companyMissionImg .about-img img {
        margin-top: 28em;
        width: 150%;
        margin-left: 5em;
    }

    #companySkillsImg .about-img img {
        margin-top: -10.7em;
        margin-left: -6.5em;
        width: 150%;
    }

    .about .tab-content .boxmission {
        margin-right: -5.5em;
    }

    #companyVision .tab-content .tab-pane {
        margin-left: 19em;
        margin-right: -24em;
        margin-top: -21rem;
    } */

    .front-image h3 {
        margin-left: 1em;
        font-size: 34px;
    }

    .front-image img {
        max-width: 90%;
        height: auto;
        object-fit: cover;
    }
    #main-header .contact-btn {
        margin-right: -1em;
        width: 130px;
        height: 48px;
    }
    #main-header .logo-container img {
        margin-left: -3em;
    }
}

@media (max-width: 848px) {
    #services .latestTwosevices {
        margin-right: 0rem;
        margin-left: -2rem;
    }
    #heroDigital h1 {
        font-size: 48px;
    }

    .achivement .google-partner {
        margin-left: 0em;
    }

    .achivement .facebook-partner {
        margin-left: 0em;
        margin-top: 0em;
    }

    .achivement .google-partner img {
        margin: auto;
    }

    .achivement .facebook-partner {
        margin-left: -2em;
        margin-top: 2em;
    }

    .achivement .Tiktok-partner img {
        margin-left: 0em;
        margin-top: 2em;
    }

    .achivement .miczon-partner {
        margin-left: -8em;
    }

    .achivement .Techji-partner {
        margin-left: -6em;
        margin-top: -3em;
    }

    .achivement .POcket-partner {
        margin-left: -6em;
        margin-top: -3em;
    }

    .achivement .Zongley-partner {
        margin-left: -1em;
    }

    .heading-with-lines::after {
        right: calc(-72% - 0%);
    }

    .heading-with-lines::before {
        left: calc(-72% - 0%);
    }

    .heading-with-lines::before,
    .heading-with-lines::after {
        content: "";
        position: absolute;
        top: 50%;
        width: 82%;
        border-bottom: 4px solid #2f89ff;
        transform: translateY(-50%);
        z-index: -1;
    }

    .front-image {
        position: relative;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -46%);
        z-index: 1;
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
    }
    .front-image h3 {
        margin-left: 3em;
        /* margin-right: 15rem; */
        margin-top: -7em;
    }

    .user-info {
        display: flex;
        margin-top: 10em;
        margin-right: 32rem;
        /* align-items: center; */
    }

    .title {
        max-width: 72%;
        word-wrap: break-word;
        line-height: 1.2;
    }
    #main-header .contact-btn {
        margin-right: 1em;
    }
    #main-header .logo-container img {
        margin-left: -2em;
    }
}

@media (max-width: 799px) {

    #hero {
        /* text-align: center; */
        padding-top: 0px;
    }
    #heroDigital .appSlider p {
        margin-right: 6em;
    }
    .heroDigital .carousel-item.active {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 92vh;
    }
    .heroDigital .seo-item.active {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 86vh;
    }
    .heroblogs .carousel-item.active {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 92vh;
    }

    #main-header .logo-container img {
        margin-left: -1em;
    }

    .front-image {
        position: relative;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 1;
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
    }

    .front-image img {
        max-width: 92%;
        height: auto;
        object-fit: cover;
    }
    .title {
        max-width: 78%;
        word-wrap: break-word;
        line-height: 1.2;
    }
    #main-header .contact-btn {
        margin-right: 2em;
    }
}

@media (max-width: 767px) {
    #main-header .logo-container img {
        margin-left: -5em;
    }

    #hero h1 {
        margin-right: 0em;
        font-size: 48px;
    }
    .serviceshero .carousel-item .info h1 {
        margin-top: -12rem;
        color: #FFF;
        text-align: center;
        font-size: 48px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        z-index: 2;
    }
    #heroblogs .info .row p {
        margin-right: 4rem;
    }
    .user-info {
        display: flex;
        margin-top: 9em;
        margin-right: 28rem;
        /* align-items: center; */
    }
    .front-image h3 {
        margin-left: 3em;
        font-size: 32px;
        margin-top: -6.5em;
    }

    .about .about-img #bgaboutImg {
        margin-left: -12em;
        width: 100%;
        margin-top: -22em;
    }
    .about .about-img .homeAboutImg {
        margin-top: -22em;
        margin-left: -3em;
        max-width: 100%;
    }
    .about .tab-content h4 {
        font-size: 42px;
        font-style: normal;
        font-weight: 500;
        color: #2f89ff;
    }
    .about .tab-content p {
        margin-right: 0;
        font-size: 24px;
        line-height: 140%;
    }
    .about .tab-content .boxParagraph p {
        margin-right: 0em;
        font-size: 18px;
    }
    .about h2 {
        color: #2f89ff;
        font-size: 42px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }
    .about .tab-content .boxmission p {
        margin-right: 0em;
        margin-left: 0.5em;
        font-size: 24px;
    }
    #companyMissionImg .about-img img {
        margin-top: 0em;
        width: 60%;
        margin-left: 12em;
    }
    .about .lineImage img {
        margin-bottom: 0em;
        width: 55%;
        margin-top: -6.5em;
        margin-left: 10em;
    }
    #companyVision .tab-content .tab-pane {
        margin-left: 0em;
        margin-right: 0em;
        margin-top: 3rem;
    }
    .about .tab-content .boxskills p {
        margin-left: 0.5em;
        margin-right: 0em;
        font-size: 24px;
    }

    .section-header p {
        margin-left: -2em;
        margin-right: -2em;
        font-size: 24px;
    }
    .heroDigital .carousel-item .info .digitalSlider {
        margin-left: 8rem;
    }
    #heroDigital .appSlider p {
        margin-right: 3em;
    }
    .heroDigital .carousel-item .info .appSlider {
        margin-left: 8rem;
    }
    .services .service-item .digitalInfo {
        margin-left: -4em;
        margin-right: -4em;
    }
    .services .digital-img {
        /* margin-right: 4em; */
        margin-top: 4rem;
        margin-left: 0em;
    }
    .services .ppc-img {
        margin-top: 4rem;
        margin-left: 0em;
    }
    #heroDigital h1 {
        margin-right: -2em;
        font-size: 48px;
    }
    .achivement .facebook-partner {
        margin-left: 0em;
        margin-top: 2em;
    }
    .achivement .Tiktok-partner img {
        margin-left: 0em;
        margin-top: 1em;
    }
    .achivement .miczon-partner {
        margin-left: -8em;
    }
    .achivement .Techji-partner {
        margin-left: 0em;
        margin-top: -3em;
    }
    .achivement .POcket-partner {
        margin-left: -8em;
        margin-top: 0em;
    }
    .achivement .Zongley-partner {
        margin-left: 0em;
        margin-top: -1em;
    }
    .recent-blog-posts .post-box .post-img img {
        border-radius: 1em;
    }
    .recent-blog-posts .blog-item {
        padding: 30px 50px;
    }
    .readMoreButton {
        margin-top: 1.5em;
        margin-bottom: 0.5rem;
    }
    .testimonial-item {
        width: 68%;
        height: auto; /* Allow height to adjust automatically */
        margin: 70px auto; /* Center and provide margin */
    }
    .testimonial-item-ceo {
        width: 80%;
        height: auto; /* Allow height to adjust automatically */
        margin: 70px auto; /* Center and provide margin */
    }

    .testimonial-item-ceo {
        height: auto; /* Allow height to adjust automatically */
    }

    .testimonial-item h3,
    .testimonial-item-ceo h3 {
        font-size: 18px; /* Adjust font size for mobile */
    }

    .testimonial-item h4,
    .testimonial-item-ceo h4 {
        font-size: 14px; /* Adjust font size for mobile */
    }
    .testimonial-item p {
        margin-top: 3rem;
        margin-left: 2rem;
        margin-right: 2rem;
        margin-bottom: 3em;
        color: #000;
        text-align: center;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }
    .testimonial-item-ceo p {
        font-size: 18px;
        margin-bottom: 6em;
        margin-top: 3rem;
        margin-left: 2rem;
        margin-right: 2rem;
        color: #000;
        text-align: center;
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }
    .testimonials .testimonial-item .quote-icon-right {
        display: inline-block;
        right: 16px;
        position: relative;
        top: -14px;
        transform: scale(-1, -1);
        float: right;
    }
    .testimonials .testimonial-item-ceo .quote-icon-right {
        display: inline-block;
        right: 16px;
        position: relative;
        top: -60px;
        transform: scale(-1, -1);
        float: right;
    }
    .testimonials-slider {
        margin-top: 0; /* Adjust margin for mobile view */
    }

    .swiper-wrapper {
        display: flex;
        flex-direction: column;
    }
    .empowering .section-header h3 {
        margin-left: -5rem;
        margin-right: -5rem;
    }
    .heading-with-lines::before, .heading-with-lines::after {
        content: "";
        position: absolute;
        top: 50%;
        width: 55%;
        border-bottom: 4px solid #2f89ff;
        transform: translateY(-50%);
        z-index: -1;
    }
    .heading-with-lines::before {
        left: calc(-45% - 0%);
    }
    .heading-with-lines::after{
        right: calc(-45% - 0%);
    }


    .footer .footer-content .footer-info p {
        margin-right: 10em;
    }
    .footer .footer-content .footer-info #footerHeading {
        margin-right: 4em;
        font-size: 18px;
    }
    .footer .footer-info-links .social-links {
        margin-right: 20em;
        margin-left: -0.5em;
    }
    .footer #footerServices {
        margin-left: 0em;
        margin-top: 0em;
    }
    .footer .footernewsletters {
        margin-right: 0em;
        margin-top: -8rem;
        margin-left: 0rem;
    }
    .footer .footer-content .footer-newsletter form {
        margin-right: 9.5rem;
    }
    .footer .footer-content {
        width: 100%;
        height: 100%;
        background: url(../img/bgFooter.png) no-repeat;
        background-size: cover;
        position: relative;
        /* background: var(--color-secondary); */
    }
    #contact-us {
        margin-top: -10em;
    }
    .checkboxes input[type="checkbox"] {
        margin-bottom: 0;
        margin-left: -7em;
        margin-right: -6em;
    }
    .circle {
        width: 14%;
        font-size: 28px;
    }
    .circle1 {
        width: 12%;
        font-size: 28px;
    }
    .step:before {
        content: "";
        position: absolute;
        left: 20px;
        top: 40px;
        bottom: -40px;
        width: 4px;
        background-color: #2f89ff;
        z-index: 1;
    }
    .step p {
        margin-right: 0em;
    }
    .step h4 {
        margin-right: 0em;
    }
    hr {
        margin-right: 0em;
        margin-left: 0em;
    }
    .contact .info-item p {
        margin-right: 0em;
    }
    #main-header .contact-btn {
        margin-right: -2em;
    }
    .footer .footer-content .footer-info {
        margin-bottom: 4
        em;
    }
}
@media (max-width: 699px) {
    #main-header .logo-container img {
        margin-left: -2em;
    }
    .services .service-item .digitalInfo {
        margin-left: -3em;
        margin-right: -3em;
    }
    .front-image h3 {
        margin-left: 3em;
        font-size: 28px;
        margin-top: -7em;
    }
    .user-info {
        display: flex;
        margin-top: 9em;
        margin-right: 25rem;
    }
    #main-header .contact-btn {
        margin-right: 0em;
    }
}
@media (max-width:648px) {
    .services .service-item .digitalInfo {
        margin-left: -2em;
        margin-right: -2em;
    }
    .heroDigital .carousel-item .info .appSlider {
        margin-left: 6rem;
    }
    .front-image {
        transform: translate(-50%, -55%);
    }
    .user-info {
        display: flex;
        margin-top: 7em;
        margin-right: 24rem;
    }
    .front-image h3 {
        margin-top: -6em;
    }
    #main-header .contact-btn {
        margin-right: 1em;
    }
}

@media(max-width:620px) {
    #hero h1 {
        margin-left: 0em;
        margin-right: 3em;
        font-size: 38px;
    }
    #heroDigital .appSlider p {
        margin-right: 2em;
    }

    .heroblogs .carousel-item .info .blogSlider {
        margin-left: 6rem
    }
    .front-image h3 {
        margin-left: 3em;
        font-size: 24px;
        margin-top: -7em;
    }
    .user-info {
        display: flex;
        margin-top: 8em;
        margin-right: 22rem;
    }
    .heroDigital .carousel-item .info .seoSlider {
        margin-left: 6rem
      }
    .serviceshero .carousel-item .info h1 {
        margin-top: -12rem;
        color: #FFF;
        text-align: center;
        font-size: 38px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        z-index: 2;
    }
    #main-header .logo-container img {
        margin-left: 0em;
    }
    .section-header p {
        margin-left: -1em;
        margin-right: -1em;
        font-size: 22px;
    }
    .empowering .section-header h3 {
        margin-left: 0rem;
        margin-right: 0rem;
        font-size: 48px;
    }
    #main-header .contact-btn {
        margin-right: 2em;
    }
}
@media (max-width: 599px) {
    #main-header .logo-container img {
        margin-left: 0em;
    }
    .heroDigital .carousel-item .info .digitalSlider {
        margin-left: 6rem;
        margin-right: -2em;
    }
    #heroDigital p {
        margin-right: -2em;
    }
    .services .service-item .digitalInfo {
        margin-left: -1em;
        margin-right: -1em;
    }
    .services .digital-img img {
        margin-left: 0em;
    }
    .services .ppc-img img { 
        margin-left: 0em;
    }
    .user-info {
        display: flex;
        margin-top: 7em;
        margin-right: 20rem;
    }
    .front-image h3 {
        margin-left: 3em;
        font-size: 24px;
        margin-top: -6.5em;
    }
}
@media (max-width:575px) {
    .heroDigital #galleryHeadingSection h1 {
        text-align: center;
        margin-right: 3em;
    }
    .heroDigital #galleryHeadingSection p {
        text-align: center;
        margin-right: 5em;
    }
    .heroDigital .carousel-item .info .appSlider {
        margin-left: 4rem;
    }
    .user-info {
        display: flex;
        margin-top: 7em;
        margin-right: 18rem;
    }
    .about .about-img #bgaboutImg {
        margin-left: -3em;
        width: 100%;
        margin-top: -22em;
    }
    .about .about-img .homeAboutImg {
        margin-top: -26em;
        margin-left: -2em;
        max-width: 100%;
    }
    .about .tab-content h4 {
        font-size: 38px;
        font-style: normal;
        font-weight: 500;
        color: #2f89ff;
    }
    .about h2 {
        color: #2f89ff;
        font-size: 38px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }
    #companyMissionImg .about-img img {
        margin-top: 0em;
        width: 50%;
        margin-left: 16em;
    }
    #companySkillsImg .about-img img {
        margin-top: -8em;
        margin-left: -2em;
        width: 50%;
    }
    .screen575 {
        margin-top: -6em;
    }
    .screenPortfolio575{
        margin-top: -4em;
    }
    .blog-at-detailPage {
        margin-top: -12em;
    }
    .blogsButton {
        margin-top: 30px;
    }
    .contact-screen575 {
        margin-top: -4em;
    }
    .section-header p {
        margin-left: 0em;
        margin-right: 0em;
        font-size: 20px;
    }
    .section-header h2 {
        margin-top: 1.5em;
        font-size: 50px;
        font-weight: 500;
        margin-bottom: 20px;
        color: #2F89FF;
        display: inline-block;
        position: relative;
    }
    .achivement .google-partner {
        margin-left: 3em;
    }
    .achivement .Tiktok-partner img {
        margin-left: 2em;
        margin-top: 1em;
    }
    .achivement .miczon-partner {
        margin-left: -6em;
    }
    .achivement .Techji-partner {
        margin-left: -1em;
        margin-top: -3em;
    }
    .achivement .POcket-partner {
        margin-left: -6em;
        margin-top: 1em;
    }
    .achivement .Zongley-partner {
        margin-left: -2em;
        margin-top: -1em;
    }
    .heading-with-lines::before, .heading-with-lines::after {
        content: "";
        position: absolute;
        top: 50%;
        width: 50%;
        border-bottom: 4px solid #2f89ff;
        transform: translateY(-50%);
        z-index: -1;
    }
    .heading-with-lines::before {
        left: calc(-30% - 0%);
    }
    .heading-with-lines::after {
        right: calc(-30% - 0%);
    }
    #heroDigital p {
        margin-right: 6em;
    }
    .services .service-item .digitalInfo {
        margin-left: 1em;
        margin-right: 1em;
    }
    .services .digital-img {
        margin-right: 8em;
    }
    .services .digital-img img {
        margin-left: 4em;
    }
    .services .ppc-img {
        margin-top: 4rem;
        margin-left: 4em;
        margin-right: 4rem;
    }
    .services .ppc-img img {
        margin-left: 0em;
    }
    .services .service-info {
        margin: 0px 30px 60px 60px;
    }
    .footer .footer-content .footer-info #footerHeading {
        margin-left: 1em;
        margin-right: 0em;
        font-size: 18px;
    }
    .footer .footer-content h4 {
        margin-left: 1em;
    }
    .footer .footer-content .footer-links ul{
        margin: 14px;
    }
    .footer .footer-info-links .social-links {
        margin-right: 22em;
        margin-left: -0.5em;
    }
    .footer .footer-content .footer-info p {
        margin-left: 1.5em;
        margin-right: 8em;
    }
    .footer .footer-content .footer-newsletter form {
        margin-left: 1.4em;
        margin-right: 7.5em;
    }
    .footer .footer-content .footer-info img{
        margin-left: 1em;
    }

    #main-header .logo-container img {
        width: 80%;
        margin-left: 2.3em;
    }
  
    #main-header .contact-btn {
        margin-right: 3em;
    }
    #contact-text{
        margin-top: -4em;
    }
    .checkboxes input[type="checkbox"] {
        margin-bottom: 0;
        margin-left: -15em;
        margin-right: -14.5em;
    }
    .circle {
        width: 12%;
        font-size: 28px;
    }
    .circle1 {
        width: 10%;
        font-size: 28px;
    }
    .step:before {
        content: "";
        position: absolute;
        left: 21px;
        top: 40px;
        bottom: -40px;
        width: 4px;
        background-color: #2f89ff;
        z-index: 1;
    }
}

@media(max-width:540px) {
    #companyMissionImg .about-img img {
        margin-top: 0em;
        width: 50%;
        margin-left: 14em;
    }
    .front-image h3 {
        margin-left: 2em;
        font-size: 24px;
        margin-top: -6em;
    }
    .user-info {
        display: flex;
        margin-top: 6em;
        margin-right: 16rem;
    }
    #heroDigital h1 {
        margin-right: 0em;
    }
    .heroDigital .carousel-item .info .appSlider {
        margin-left: 2rem;
    }
    #heroDigital p {
        margin-right: 3em;
    }
    #heroDigital .seoSlider p {
        margin-right: 6em;
    }
    .heroDigital .carousel-item .info .seoSlider {
        margin-left: 4rem;
    }
    .heroDigital .carousel-item .info .digitalSlider {
        margin-left: 4rem;
        margin-right: -2em;
    }
    .footer .footer-info-links .social-links {
        margin-right: 18em;
        margin-left: 0.5em;
    }
    .footer .footer-content .footer-info p {
        margin-right: 6em;
    }
    .footer .footer-content .footer-newsletter form {
        margin-right: 6em;
    }
    .empowering .section-header h3 {
        margin-left: 2rem;
        margin-right: 2rem;
        font-size: 38px;
    }
    .empowerButton {
        width: 180px;
        height: 60px;
        border-radius: 11px;
        background-color: #fff;
        color: #000;
        font-size: 20px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        border: 2px solid #fff;
        outline: none;
        box-shadow: none;
    }
    .exploreButton {
        width: 180px;
        height: 60px;
        border-radius: 11px;
        background: var(--Primary-Color-Blue, #2F89FF);
        color: #FFF;
        font-size: 20px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        border: 2px solid #2F89FF;
        outline: none;
        box-shadow: none;
        margin-bottom: 0.5rem;
    }
    #hero .btn-get-started {
        font-weight: 500;
        font-size: 20px;
        letter-spacing: 1px;
        display: inline-block;
        padding: 10px 20px;
        border-radius: 11px;
        transition: 0.5s;
        margin-top: 30px;
        color: #fff;
        background: var(--Primary-Color-Blue, #2F89FF);
        border: 2px solid var(--Primary-Color-Blue, #2F89FF);
        margin-left: 0px;
    }
    .hero .carousel-item .info .homeslider {
        margin-left: 6rem;
    }
   
    .contact .second-part h3 {
        margin-right: 0em;
        font-size: 32px;
        margin-left: 0em;
    }
    .step h4 {
        margin-right: 2em;
    }
    .step p {
        margin-right: 4em;
    }
    .circle {
        width: 15%;
        font-size: 28px;
    }
    .circle1 {
        width: 13%;
        font-size: 28px;
    }
    .step:before {
        content: "";
        position: absolute;
        left: 20px;
        top: 40px;
        bottom: -40px;
        width: 4px;
        background-color: #2f89ff;
        z-index: 1;
    }
    .contact .info-item p {
        margin-right: 2em;
    }
    hr {
        margin-right: 2em;
        margin-left: 0em;
    }
    .checkboxes input[type="checkbox"] {
        margin-bottom: 0;
        margin-left: -14.5em;
        margin-right: -13.5em;
    }

}
@media (max-width:520px) {
   
    #contact-text {
        margin-top: 0em;
    }
    #companyMissionImg .about-img img {
        margin-top: 0em;
        width: 50%;
        margin-left: 13em;
    }
    .front-image h3 {
        margin-right: 1em;
        margin-left: 1em;
        font-size: 24px;
        margin-top: -5.5em;
    }
    
    #heroDigital .seoSlider p {
        margin-right: 4em;
    }
    .about .about-img .homeAboutImg {
        max-width: 80%;
        margin-top: -20em;
        margin-left: 1em;
    }
    .about .about-img .homeAboutImg {
        max-width: 80%;
        margin-top: -20em;
        margin-left: 1em;
    }
    .section-header p {
        margin-left: 1em;
        margin-right: 1em;
        font-size: 20px;
    }
    .footer .footer-info-links .social-links {
        margin-right: 16em;
        margin-left: -0.5em;
    }
    .footer .footer-content .footer-info p {
        margin-right: 4em;
    }
    .footer .footer-content .footer-newsletter form {
        margin-right: 4em;
    }
    .achivement .google-partner {
        max-width: 50%;
        margin-left: 3em;
    }
    .achivement .facebook-partner {
        max-width: 70%;
        margin-left: 0em;
        margin-top: 1em;
    }
    .achivement .Tiktok-partner img {
        max-width: 80%;
        margin-left: 2em;
        margin-top: 1em;
    }
    .achivement .miczon-partner {
        max-width: 70%;
        margin-left: -4em;
    }
    .achivement .Techji-partner {
        max-width: 56%;
        margin-left: -1em;
        margin-top: -3em;
    }
    .achivement .POcket-partner {
        max-width: 100%;
        margin-left: -4em;
        margin-top: 1em;
    }
    .achivement .Zongley-partner {
        max-width: 60%;
        margin-left: -2em;
        margin-top: -1em;
    }
    .section-header h2 {
        margin-top: 0.5em;
        font-size: 50px;
        font-weight: 500;
        margin-bottom: 20px;
        color: #2F89FF;
        display: inline-block;
        position: relative;
    }
    .step p {
        margin-right: 0em;
    }
    .checkboxes input[type="checkbox"] {
        margin-bottom: 0;
        margin-left: -13.2em;
        margin-right: -12.5em;
    }
}

@media (max-width:480px) {
 
    .screenPortfolio575{
        margin-top: 1em;
    }
    .blog-at-detailPage {
        margin-top: -10em;
    }
    .contact-screen575 {
        margin-top: 0em;
    }
    .user-info {
        display: flex;
        margin-top: 6em;
        margin-right: 14rem;
    }
    .front-image {
        transform: translate(-50%, -70%);
    }
    .front-image h3 {
        margin-right: 1em;
        margin-left: 1em;
        font-size: 22px;
        margin-top: -6em;
    }
    #heroDigital h1 {
        margin-right: -2em;
        font-size: 42px;
    }
    .heroDigital .carousel-item.active {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 94vh;
    }
    .heroDigital .seo-item.active {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 86vh;
    }
    .heroblogs .carousel-item.active {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 94vh;
    }
    #heroDigital .appSlider p {
        margin-right: 0em;
    }
    .heroDigital .carousel-item .info .appSlider {
        margin-left: 1rem;
    }

    #heroDigital p {
        font-size: 20px;
    }
    #heroDigital .btn-get-started {
        padding: 10px 20px;
    }
    
    #heroDigital .seoSlider p {
        margin-right: 7em;
    }
 
    .services .service-item .digitalInfo {
        margin-left: 0em;
        margin-right: 0em;
    }
    .services .service-item .digitalInfo p {
        margin-right: 0.5rem;
    } 
    .services .service-item .details .boxParagraph {
        margin-right: 0rem;
    }
    .services .service-item .digitalInfo .boxParagraph p {
        margin-right: 0.5em;
    }
    .services .digital-img {
        margin-right: 4em;
    }
    .services .digital-img img {
        margin-left: 2em;
    }
    .services .ppc-img {
        margin-top: 4rem;
        margin-left: 0em;
    }
    .services .service-item .digitalInfo h3 {
        font-size: 32px;
    }
    .services .ppc-img img {
        margin-left: 2em;
    }
    .heroblogs .carousel-item .info .blogSlider {
        margin-left: 4rem;
    }
    #heroblogs h1 {
        font-size: 68px;
    }
    #heroblogs .info .row p {
        font-size: 28px;
        margin-right: 0rem;
    }
    
    #heroblogs .btn-get-started {
        font-weight: 500;
        font-size: 25px;
        letter-spacing: 1px;
        display: inline-block;
        padding: 10px 20px;
        border-radius: 11px;
        transition: 0.5s;
        margin-top: 30px;
        color: #000;
        background: #FFF;
        border: 2px solid #FFF;
    }
    #recent-blog-posts #allBlogsPosts{
        margin-top: 2em;
    }
    .about .about-img #bgaboutImg {
        margin-left: -3em;
        width: 100%;
        margin-top: -18em;
    }
    .about .about-img .homeAboutImg {
        max-width: 100%;
        margin-top: -20em;
        margin-left: -2em;
    }
    #aboutdes {
        margin-left: 0em;
        margin-top: 2em;
    }
    .about .lineImage img {
        margin-bottom: 0em;
        width: 55%;
        margin-top: -6.5em;
        margin-left: 8em;
    }
    #companyVision .tab-content .tab-pane {
        margin-top: 0rem;
    }
    .about .tab-content .boxmission p {
        font-size: 20px;
    }
    .about .tab-content h4 {
        font-size: 32px;
    }
    .about h2 {
        font-size: 32px;
    }
    #companyMissionImg .about-img img {
        margin-top: 0em;
        width: 50%;
        margin-left: 12em;
    }
    .about .lineImage img {
        margin-bottom: 0em;
        width: 55%;
        margin-top: -6em;
        margin-left: 7em;
    }
    .about .tab-content .boxskills p {
        margin-left: 0.5em;
        margin-right: 0em;
        font-size: 20px;
    }
    .screen575 {
        margin-top: -3em;
    }
    .section-header h2 {
        margin-top: 0.5em;
        font-size: 48px;
        font-weight: 500;
        margin-bottom: 20px;
        color: #2F89FF;
        display: inline-block;
        position: relative;
    }
    .heading-with-lines::before, .heading-with-lines::after {
        content: "";
        position: absolute;
        top: 50%;
        width: 36%;
        border-bottom: 4px solid #2f89ff;
        transform: translateY(-50%);
        z-index: -1;
    }
    .heading-with-lines::before {
        left: calc(-20% - 0%);
    }
    .heading-with-lines::after {
        right: calc(-20% - 0%);
    }
    .testimonials-slider {
        margin-top: -2em;
    }
    .empowerButton {
       margin-top: -1em;
    }
    .footer .footer-info-links .social-links {
        margin-right: 14em;
        margin-left: -0.5em;
    }
    .footer .footer-content .footer-info p {
        margin-right: 0em;
    }
    .footer .footer-content .footer-newsletter form {
        margin-right: 0.5em;
    }
    .footer .footer-content .footer-info #footerHeading {
        margin-right: 0em;
        font-size: 18px;
    }
    .navbar {
        padding: 0px 0px;
    }
    .recent-blog-posts .blog-item {
        padding: 20px 20px;
    }
    .recent-blog-posts .post-box .meta {
        text-align: left;
        margin-left: 0.5em;
        margin-top: 6px;
    }
    .recent-blog-posts .post-box .post-title {
        text-align: left;
        font-size: 18px;
        color: #000;
        font-weight: 500;
        margin: 15px 0px 0 10px;
        position: relative;
        transition: 0.3s;
    }
    .recent-blog-posts .post-box p {
        text-align: left;
        color: #000;
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        margin: 17px 20px 15px 10px;
    }
    .checkboxes input[type="checkbox"] {
        margin-bottom: 0;
        margin-left: -5.3em;
        margin-right: -5em;
    }
    .contact .second-part h3 {
        margin-right: 0em;
        font-size: 28px;
        margin-left: 0em;
    }
    .step h4 {
        margin-right: 2em;
        font-size: 24px;
    }
    .circle {
        width: 18%;
        font-size: 28px;
    }
    .circle1 {
        width: 16%;
        font-size: 28px;
    }
    hr {
        margin-right: 0em;
        margin-left: 0em;
    }
    .contact .info-item p {
        margin-right: 0em;
    }
    #main-header .logo-container img {
        margin-left: 1.5em;
    }
    #main-header .contact-btn {
        margin-right: 3.5em;
        width: 120px;
        height: 48px;
    }
    .checkboxes input[type="checkbox"] {
        margin-bottom: 0;
        margin-left: -12em;
        margin-right: -11em;
    }
  

}
@media(max-width:448px) {
    .user-info {
        display: flex;
        margin-top: 6em;
        margin-right: 12rem;
    }
    #heroDigital .seoSlider p {
        margin-right: 5em;
    }
    #heroblogs .info .row p {
        font-size: 24px;
        margin-right: 0rem;
    }
    .about .about-img .homeAboutImg {
        max-width: 100%;
        margin-top: -18em;
        margin-left: -2em;
    }
    .hero .carousel-item .info .homeslider {
        margin-left: 5rem;
    }
  
    .section-header p {
        margin-left: 0em;
        margin-right: 0em;
        font-size: 18px;
    }
    .footer .footer-info-links .social-links {
        margin-right: 10em;
        margin-left: -0.5em;
    }
    .footer .footer-content .footer-info #footerHeading {
        margin-right: 3em;
        font-size: 18px;
    }
    .step:before {
        content: "";
        position: absolute;
        left: 18px;
        top: 40px;
        bottom: -42px;
        width: 4px;
        background-color: #2f89ff;
        z-index: 1;
    }
    #main-header .logo-container img {
        max-width: 100%;
        margin-left: 1em;
    }
    .checkboxes input[type="checkbox"] {
        margin-bottom: 0;
        margin-left: -11em;
        margin-right: -10.4em;
    }
    .step h4 {
        margin-right: 0em;
        font-size: 24px;
    }
}

@media(max-width:425px) {
    .services .service-info {
        margin: 0px 10px 60px 40px;
    }
    .heroDigital #galleryHeadingSection h1 {
        text-align: center;
        margin-right: 4em;
    }
    .heroDigital #galleryHeadingSection p {
        text-align: center;
        margin-left: -7em;
        margin-right: 0em;
    }
  
    .front-image h3 {
        margin-right: 1em;
        margin-left: 1em;
        font-size: 20px;
        margin-top: -6em;
    }
    .user-info {
        display: flex;
        margin-top: 6em;
        margin-right: 11rem;
    }
    .hero .carousel-item .info .homeslider {
        margin-left: 4rem;
    }
    .about .about-img #bgaboutImg {
        margin-left: -3em;
        width: 100%;
        margin-top: -17em;
    }
    .blogsButton {
        width: 180px;
        height: 60px;
    }
    #serviceId::after {
        content: "";
        display: block;
        height: 5px;
        background-color: #2F89FF;
        position: absolute;
        bottom: 0;
        left: 28px;
        width: 130px;
        margin-bottom: -0.5rem;
    }
    #heroDigital h1 {
        margin-right: -2em;
        font-size: 38px;
    }
    .heroDigital .carousel-item.active {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 95vh;
    }
    .heroDigital .seo-item.active {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 86vh;
    }
    .heroblogs .carousel-item.active {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 95vh;
        /* background: url(../img/rectangle42.png) no-repeat center center; */
        background-size: cover;
    }
    .heroDigital .carousel-item .info .digitalSlider {
        margin-left: 3rem;
        margin-right: 0em;
    }
    .services .service-item .digitalInfo p {
        margin-left: 1em;
        margin-right: 2rem;
        font-size: 18px;
    } 
    .services .service-item .digitalInfo h3 {
        font-size: 28px;
    }
    
    .serviceButton {
        margin-left: -1em;
        margin-right: 8rem;
    }
    .serviceSeoButton {
        margin-left: -1em;
        margin-right: 10rem;
    }
    .services .service-item .digitalInfo h3 {
        margin-left: 1rem;
    }
    .services .service-item .digitalInfo p {
        margin-left: 1em;
    }
    .services .service-item .details .boxParagraph {
        margin-left: 1em;
    }
    #achivementId::after {
        content: "";
        display: block;
        height: 5px;
        background-color: #2F89FF;
        position: absolute;
        bottom: 0;
        left: 28px;
        width: 126px;
        margin-bottom: -0.5rem;
    }
    #blogId::after {
        content: "";
        display: block;
        height: 5px;
        background-color: #2F89FF;
        position: absolute;
        bottom: 0;
        left: 0px;
        width: 124px;
        margin-bottom: -0.5rem;
    }
    .contact .php-email-form {
        margin-top: 3rem;
        width: 100%;
    }
    #companyMissionImg .about-img img {
        margin-top: 0em;
        width: 50%;
        margin-left: 11em;
    }
    .footer .footer-content .footer-info p {
        margin-right: 2em;
    }
    .footer .footer-content .footer-newsletter form {
        margin-right: 2rem;
    }
    .heading-with-lines::before, .heading-with-lines::after {
        content: "";
        position: absolute;
        top: 50%;
        width: 33%;
        border-bottom: 4px solid #2f89ff;
        transform: translateY(-50%);
        z-index: -1;
    }
    .heading-with-lines::before {
        left: calc(-14% - 0%);
    }
    .heading-with-lines::after {
        right: calc(-14% - 0%);
    }
    .step:before {
        content: "";
        position: absolute;
        left: 21px;
        top: 40px;
        bottom: -42px;
        width: 4px;
        background-color: #2f89ff;
        z-index: 1;
    }
    .checkboxes input[type="checkbox"] {
        margin-bottom: 0;
        margin-left: -10em;
        margin-right: -9.4em;
    }
    .contact .second-part h3 {
        margin-right: 0em;
        font-size: 24px;
        margin-left: 0em;
    }
    .step h4 {
        margin-right: 2em;
        font-size: 20px;
    }
    .circle {
        width: 24%;
        font-size: 28px;
    }
    .circle1 {
        width: 21%;
        font-size: 28px;
    }
    #main-header .contact-btn {
        font-size: 16px;
    }
}
@media(max-width:400px) {
    .heroDigital #galleryHeadingSection p {
        margin-left: -6em;
    }
    .front-image h3 {
        margin-right: 1em;
        margin-left: 1em;
        font-size: 18px;
        margin-top: -6em;
    }
    .user-info {
        display: flex;
        margin-top: 5em;
        margin-right: 10rem;
    }
    .heroblogs .carousel-item .info .blogSlider {
        margin-left: 2rem;
    }
    .about .about-img #bgaboutImg {
        margin-left: -3em;
        width: 100%;
        margin-top: -16em;
    }
    .about .about-img .homeAboutImg {
        max-width: 100%;
        margin-top: -17em;
        margin-left: -1em;
    }
    .about .tab-content .boxParagraph p {
        margin-right: 0em;
        font-size: 17px;
    }
    .about .tab-content p {
        margin-right: 0;
        font-size: 22px;
        line-height: 140%;
    }
    #companyMissionImg .about-img img {
        margin-top: 0em;
        width: 50%;
        margin-left: 10em;
    }
    .about .lineImage img {
        margin-bottom: 0em;
        width: 60%;
        margin-top: -6em;
        margin-left: 6em;
    }
    #companySkillsImg .about-img img {
        margin-top: -7.5em;
        margin-left: -2em;
        width: 50%;
    }
    .about .tab-content .boxskills p {
        margin-left: 0.5em;
        margin-right: 0em;
        font-size: 18px;
    }
    .about .tab-content .boxmission p {
        font-size: 18px;
    }
    .services .service-item .digitalInfo p {
        margin-right: 0em;
    }
    .services .service-item .digitalInfo .boxParagraph p {
        margin-right: 0em;
    }
    .footer .footer-info-links .social-links {
        margin-right: 8em;
        margin-left: -0.5em;
    }
    .footer .footer-content .footer-info #footerHeading {
        margin-right: 0em;
        font-size: 18px;
    }
    
    .heading-with-lines::before, .heading-with-lines::after {
        content: "";
        position: absolute;
        top: 50%;
        width: 30%;
        border-bottom: 4px solid #2f89ff;
        transform: translateY(-50%);
        z-index: -1;
    }
    .heading-with-lines::before {
        left: calc(-8% - 0%);
    }
    .heading-with-lines::after {
        right: calc(-8% - 0%);
    }
    .footer-nav-links {
        display: flex;
        justify-content: space-around;
        gap: 0rem;
    }

    .achivement .POcket-partner {
        max-width: 100%;
        margin-left: -4em;
        margin-top: 0em;
    }
    .testimonial-item {
        width: 80%;
        height: auto;
        margin: 70px auto;
    }
    .testimonial-item-ceo {
        width: 90%;
        height: auto;
        margin: 70px auto;
    }
    .circle {
        width: 28%;
        font-size: 28px;
    }
    .circle1 {
        width: 25%;
        font-size: 28px;
    }
    #main-header .contact-btn {
        font-size: 14px;
        width: 120px;
        height: 42px;
    }
 
    .checkboxes input[type="checkbox"] {
        margin-bottom: 0;
        margin-left: -9em;
        margin-right: -8.4em;
    }
    .contact .info-item p {
        font-size: 14px;
    }
}
@media(max-width:375px) {
    .services .service-info {
        margin: 0px 0px 60px 30px;
    }
    .heroDigital #galleryHeadingSection p {
        margin-left: -7em;
    }
    .about .about-img #bgaboutImg {
        margin-left: -3em;
        width: 100%;
        margin-top: -15em;
    }
    .about .about-img .homeAboutImg {
        max-width: 100%;
        margin-top: -16em;
        margin-left: -1em;
    }
    .about .tab-content .boxParagraph p {
        margin-right: 0em;
        font-size: 16px;
    }
    #companyMission .tab-content {
        margin-top: 3em;
    }
    .contact-bgImage {
        padding: 20px;
    }
    .front-image img {
        max-width: 96%;
        height: auto;
        object-fit: cover;
    }
    
    .user-info {
        display: flex;
        margin-top: 5em;
        margin-right: 9rem;
    }

    #heroDigital h1 {
        margin-right: -2em;
        font-size: 32px;
    }
    #heroDigital p {
        font-size: 18px;
        margin-right: 1em;
    }
    .heroDigital .carousel-item .info .appSlider {
        margin-left: 2rem;
    }
    .serviceshero .carousel-item .info h1 {
        margin-top: -12rem;
        color: #FFF;
        text-align: center;
        font-size: 32px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        z-index: 2;
    }
    .services .service-item .digitalInfo .boxParagraph p {
        color: #000;
        text-align: justify;
        font-size: 16px;
    }
  
    .footer .footer-info-links .social-links {
        margin-right: 6em;
        margin-left: -0.5em;
    }
    .footer .footer-content .footer-info p {
        margin-right: 0em;
    }
    .footer .footer-content .footer-newsletter form {
        margin-right: 0rem;
    }

    .step:before {
        content: "";
        position: absolute;
        left: 18px;
        top: 40px;
        bottom: -42px;
        width: 4px;
        background-color: #2f89ff;
        z-index: 1;
    }
    .step h4 {
        margin-right: 0em;
        font-size: 20px;
    }
    .checkboxes input[type="checkbox"] {
        margin-bottom: 0;
        margin-left: -8.5em;
        margin-right: -8em;
    }
    .contact-form-box h1 {
        color: #2f89ff;
        font-size: 42px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        /* margin-bottom: 15px; */
    }
}
@media(max-width:360px){
    .about .about-img #bgaboutImg {
        margin-left: -3em;
        width: 100%;
        margin-top: -14.5em;
    }
    .about .about-img .homeAboutImg {
        max-width: 100%;
        margin-top: -15.5em;
        margin-left: -1.5em;
    }
    .about .tab-content p {
        margin-right: 0;
        font-size: 20px;
        line-height: 140%;
    }
    #companyMissionImg .about-img img {
        margin-top: 0em;
        width: 50%;
        margin-left: 9em;
    }
    .about .lineImage img {
        margin-bottom: -0.5em;
        width: 60%;
        margin-top: -6em;
        margin-left: 4em;
    }
    #companySkillsImg .about-img img {
        margin-top: -7.1em;
        margin-left: -2em;
        width: 50%;
    }
    .checkboxes input[type="checkbox"] {
        margin-bottom: 0;
        margin-left: -8.5em;
        margin-right: -7.5em;
    }
    .step:before {
        content: "";
        position: absolute;
        left: 16px;
        top: 40px;
        bottom: -42px;
        width: 4px;
        background-color: #2f89ff;
        z-index: 1;
    }
  
}

@media(max-width:348px) {
    .heroDigital #galleryHeadingSection h1 {
        text-align: center;
        margin-right: 5em;
    }
    .user-info {
        display: flex;
        margin-top: 5em;
        margin-right: 7rem;
    }
    .front-image {
        transform: translate(-50%, -50%);
    }
    .front-image .post-upoaded .social-links {
        margin-top: 1em;
        margin-right: 11em;
    }
    .blogDetails {
        margin-top: -10em;
    }
    .front-image h3 {
        margin-right: 0em;
        margin-left: 0em;
        font-size: 16px;
        margin-top: -6em;
    }
    #heroDigital h1 {
        margin-right: -2em;
        font-size: 28px;
    }
    .heroDigital .carousel-item.active {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 96vh;
    }
    .heroDigital .seo-item.active {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 80vh;
    }
    .heroblogs .carousel-item.active {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 96vh;
        /* background: url(../img/rectangle42.png) no-repeat center center; */
        background-size: cover;
    }
    .services .service-item .digitalInfo h3 {
        font-size: 24px;
    }
 
    .footer .footer-content .footer-newsletter form {
        margin-right: 1rem;
    }
  
    .heading-with-lines::before, .heading-with-lines::after {
        content: "";
        position: absolute;
        top: 50%;
        width: 20%;
        border-bottom: 4px solid #2f89ff;
        transform: translateY(-50%);
        z-index: -1;
    }
    .heading-with-lines::before {
        left: calc(0% - 0%);
    }
    .heading-with-lines::after {
        right: calc(0% - 0%);
    }
    .footer .footer-info-links .social-links {
        margin-right: 4em;
        margin-left: -0.5em;
    }
    .about .about-img #bgaboutImg {
        margin-left: -3em;
        width: 100%;
        margin-top: -14em;
    }
    .about .about-img .homeAboutImg {
        max-width: 100%;
        margin-top: -14em;
        margin-left: -1.5em;
    }
    #companySkillsImg .about-img img {
        margin-top: -7.5em;
        margin-left: -2em;
        width: 50%;
    }
    #companyMissionImg .about-img img {
        margin-top: 0em;
        width: 50%;
        margin-left: 8.5em;
    }
    .about .tab-content p {
        margin-right: 0;
        font-size: 18px;
        line-height: 140%;
    }
    .contact .second-part h3 {
        margin-right: 0em;
        font-size: 20px;
        margin-left: 0em;
    }
    .checkboxes input[type="checkbox"] {
        margin-bottom: 0;
        margin-left: -7.5em;
        margin-right: -6.5em;
    }
    .contact-form-box h1 {
        font-size: 38px;      
    }
    .contact .second-part .sub-heading {
        margin-left: 0em;
        color: #000;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }
    .step h4 {
        margin-right: 0em;
        font-size: 18px;
    }
 
    .step p {
        font-size: 14px;
        color: #000;
    }
    .circle {
        width: 24%;
        font-size: 20px;
    }
    .circle1 {
        width: 21%;
        font-size: 20px;
    }
    .step:before {
        content: "";
        position: absolute;
        left: 14px;
        top: 28px;
        bottom: -42px;
        width: 4px;
        background-color: #2f89ff;
        z-index: 1;
    }
    #main-header .contact-btn {
        font-size: 14px;
        width: 140px;
        height: 42px;
    }
    #main-header .logo-container img {
        max-width: 90%;
        margin-left: 0;
    }
}