:root {
    --fs-xsmall: clamp(10px, 0.5vw + 0.4rem, 2rem);
    --fs-small: clamp(12px, 0.6vw + 0.5rem, 2.2rem);
    --fs-medium: clamp(12px, 0.7vw + 0.5rem, 2.2rem);
    --fs-400: max(14px, 1.6vw);
    --fs-700: max(16px, 1.8vw);
    --fs-bold: max(12px, 1.05vw);
}

.privacy-choices p {
    font-size: 17px;
    line-height: 26px;
}

.smo-title-content p {
    font-size: 17px;
    line-height: 26px;
}

.section3-main-box,
.section4-main-box,
.section2,
.section5,
.section6 {
    padding: 10em 6em;
}

/* Section 1 starts here */

.title-cont-pages {
    font-size: 54px;
    line-height: 65px;
}

.section1 {
    position: relative;
}

.section1 .content-welcome p {
    width: 85%;
    padding: 1em 0em 2em;
}

.welcome-cr-smo {
    padding: 85px 70px 0;
}

.welcome-cr-smo .title-cont-pages span {
    color: #016a63;
}

.section1 .design-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
    position: relative;
    padding-top: 20px;
    width: 96%;
}

.section1 .design-btns {
    border: 2px solid hsl(177deg 100% 21%);
    padding: 0.5vw 1vw;
    border-top-left-radius: 25px;
    border-bottom-right-radius: 25px;
    position: relative;
    margin-top: 60px;
    transition: all 0.5s ease;
}

.butCrsmo {
    width: 100%;
    float: left;
}

.twentyfr_suport_fig {
    width: 70px;
}

.twentyfr_suport_fig img {
    width: 100%;
}

.consuLtUs {
    display: flex;
    align-items: center;
    gap: 5px;
    text-decoration: none !important;
    width: fit-content;
}

.consuLtUs h2 {
    font-size: 18px;
    font-weight: 600;
    color: #000000;
    transition: all 0.5s ease;
}

.consuLtUs:hover h2 {
    color: #000000;
}

.cirCleBox {
    width: 50px;
    height: 50px;
    border-radius: 100px;
    background: #ffa133;
    position: relative;
    display: flex;
    align-items: center;
    transition: all 0.5s ease;
}

.consuLtUs:hover .cirCleBox {
    background: #ffa133;
}

.arrowAnix {
    width: 44px;
    height: 44px;
    object-fit: contain;
    left: 0px;
    position: relative;
    animation: arrLeftrt 1s 1s infinite;
    transition: all 0.5s ease;
    transform: translateX(-25px);
}

@keyframes arrLeftrt {

    0%,
    100% {
        transform: translateX(-25px);
    }

    50% {
        transform: translateX(-10px);
    }
}

.section1 .design-text {
    font-size: 0.9vw;
    padding: 0.6vw 0.7vw;
    color: hsl(0deg 0% 0%);
    position: relative;
    font-weight: 500;
}

.section1 .design-text:nth-of-type(2) {
    padding: 0.6vw 1vw;
}

.design-text1,
.design-text2 {
    border-right: 1px solid hsl(177deg 100% 21%);
}

.section1 .design-content .box1 {
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    align-items: center;
}

.smo-button-content {
    margin-top: 20px;
}

.smo-button-content .button-arrow {
    position: relative;
}

.smo-button-content .button-arrow .arrow_icon {
    position: absolute;
    top: 50%;
    left: 7%;
    margin-top: -30px;
    margin-left: -60px;
    display: inline-block;
    font-size: 26px;
    color: #000000;
    text-align: center;
    width: 55px;
    height: 55px;
    line-height: 60px;
    background: #ffa133;
    overflow: hidden;
    text-transform: uppercase;
    cursor: pointer;
    border-radius: 50%;
    transition: width 0.5s ease-in-out, margin 0.5s ease-in-out, border-radius 0.25s ease-in-out, color 0.25s ease-in-out;
}

.smo-button-content .arrow_icon:after {
    right: 13%;
    position: absolute;
    display: inline-block;
    content: "";
    width: 13px;
    height: 13px;
    color: #000000;
    border-top: 3px solid;
    border-left: 3px solid;
    top: 50%;
    margin-top: -5px;
    margin-left: 5px;
    transform: translateX(50px) rotateZ(135deg);
}

.smo-button-content .arrow_icon:before {
    width: 40px;
    position: absolute;
    display: inline-block;
    content: "";
    background: #000000;
    height: 3px;
    top: 50%;
    left: 0%;
    margin-top: 0px;
    margin-left: 6px;
    transform: translateX(50px);
}

.smo-button-content .arrow_icon:before,
.smo-button-content .arrow_icon.auto:before {
    animation: lineUp 1s cubic-bezier(0, 0.6, 1, 0.4) infinite 0.5s;
}

.smo-button-content .arrow_icon:after,
.smo-button-content .arrow_icon.auto:after {
    animation: tipUp 1s cubic-bezier(0, 0.6, 1, 0.4) infinite 0.5s;
}

@keyframes tipUp {
    0% {
        transform: translateX(-50px) rotateZ(135deg);
    }

    100% {
        transform: translateX(70px) rotateZ(135deg);
    }
}

@keyframes lineUp {
    0% {
        transform: translateX(-50px);
    }

    100% {
        transform: translateX(70px);
    }
}

.smo-button-content .button-arrow h2 {
    font-size: 18px;
    font-weight: 600;
    margin-left: 76px;
}

.section1 .design-content .box1 .design-image video {
    position: relative;
    top: 20px;
}

.smo-title-icons {
    display: flex;
    margin-top: 62px;
    gap: 10.5vw;
    padding-left: 3vw;
    position: relative;
}

.smo-title-icons .icon img {
    width: 100%;
}

.smo-title-icons .icon-1 {
    flex-basis: 13%;
}

.smo-title-icons .icon-2 {
    flex-basis: 14.6%;
    position: relative;
}

.smo-title-icons .icon-3 {
    flex-basis: 13.4%;
}

.smo-title-icons .icon-3 img {
    position: relative;
}

.smo-title-icons::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 15px;
    top: -60px;
    left: 0;
    background-color: #cccccc;
}

.smo-title-icons .icon-2::before,
.smo-title-icons .icon-2::after {
    content: "";
    position: absolute;
    background-color: #cccccc;
    top: -47px;
    height: 85%;
    width: 1px;
}

.smo-title-icons .icon-2::before {
    left: -82%;
}

.smo-title-icons .icon-2::after {
    right: -82%;
}

.smo-hero-image {
    overflow: hidden;
    padding-left: 4%;
    padding-right: 3%
}

.smo-hero-image video {
    position: relative;
    top: 3px;
    width: 100%;
    clip-path: inset(2px);
}

/* Section 1 Ends Here */


/* Section 2 starts here */

.section2 {
    position: relative;
    width: 100%;
    padding: 10em 6em;
}

.section2::before {
    content: "";
    position: absolute;
    background-image: url("../../assets/images/smo-background.png");
    background-repeat: no-repeat;
    width: 100%;
    height: inherit;
    background-repeat: no-repeat;
    left: -30em;
    bottom: 12em;
    z-index: -1;
}

.section2 .content-welcome .title-cont-pages {
    text-align: center;
}

.section2 .content-welcome .title-cont-pages span {
    color: #010101;
}

.section2 .content-welcome p {
    width: 45%;
    text-align: center;
    margin: 15px auto;
    padding: 0;
}

.section2 .row1 {
    display: grid;
    grid-template-columns: 0.9fr 3fr 0.9fr;
    align-items: end;
    position: relative;
    top: -22px;
    padding: 0;
}

.section2 .row1 .col1 .local-agency-list {
    position: relative;
    width: 100%;
    box-shadow: none;
    padding: 10px;
    border-radius: 0;
}

.section2 .row1 .col1 .local-agency-list ul li {
    font-size: clamp(10px, 0.9vw, 2.2rem);
    padding: 17px 19px 15px 10px;
    cursor: pointer;
}

.section2 .local-agency-list ul li:hover .child-text {
    transition: 0.2s ease;
    color: #017afd;
}

.section2 .row1 .col1 .local-agency-list ul li img {
    width: .9vw;
    position: relative;
    margin-right: 1vw;
    transition: 0.2s ease;
}

.section2 .row1 .col1 .local-agency-list ul li:nth-of-type(1) img {
    width: 1vw;
    margin-right: 0.9vw;
}

.section2 .row1 .col1 .local-agency-list ul li:nth-of-type(4) img {
    width: 1.1vw;
    margin-right: 0.8vw;
}

.section2 .row1 .col1 .local-agency-list ul li:nth-of-type(8) img {
    width: 1.05vw;
    margin-right: 0.8vw;
}

.section2 .row1 .col1 .local-agency-list ul li:after {
    width: 64%;
    left: 52px;
}

.section2 .row1 .col1 .local-agency-list::before {
    content: "";
    position: absolute;
    background: linear-gradient(120deg, #117769, white);
    width: 1px;
    top: 0;
    left: 0;
    height: 78%;
}

.section2 .row1 .col1 .local-agency-list::after {
    content: "";
    position: absolute;
    background: linear-gradient(176deg, #117769, white);
    width: 86%;
    top: 0;
    left: 0;
    height: 1px;
}

.section2 .row1 .col1 .local-agency-list .underline-closing:after,
.underline-closing:before {
    z-index: 1;
}

.section2 .row1 .col1 .underline-closing:focus:after,
.underline-closing:focus:before,
.underline-closing:hover:after,
.underline-closing:hover:before {
    background-color: transparent !important;
}

.section2 .row1 .col2 {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    position: relative;
    gap: 1vw;
}

.section2 .row1 .col2 .box {
    display: flex;
    flex-direction: column;
    position: relative;
}

.section2 .row1 .col2 .box .heading {
    position: absolute;
    margin: auto 0;
    top: -15px;
    left: 0;
    right: 0;
    font-size: 5.9vw;
    z-index: -1;
    text-align: center;
    color: #efefef;
    font-family: 'Libre Franklin', sans-serif;
}

.vertical-bar {
    margin: 0 auto;
    position: relative;
}

.bar-container {
    float: left;
    height: 100px;
    position: relative;
    text-align: center;
    margin-bottom: -10px;
    width: 2.3vw;
}

.bar {
    bottom: 0px;
    position: absolute;
    width: 2.5vw;
    overflow: hidden;
    z-index: -1;
}

.bar-graph2 .bar-one {
    background-color: #f89c39;
    transition: 2s ease;
    display: flex;
    justify-content: center;
}

.bar-graph2 .bar-two {
    background-color: #01bfa5;
    transition: 2s ease;
    display: flex;
    justify-content: center;
    align-items: center;
}

.bar-graph2 .bar-three {
    background-color: #8b5eff;
    transition: 2s ease;
    display: flex;
    justify-content: center;
    align-items: center;
}

.bar-graph2 .bar-four {
    background-color: #09c6fd;
    transition: 2s ease;
    display: flex;
    justify-content: center;
    align-items: center;
}

.smo-icon {
    width: 2.3vw;
}

.smo-icon .icon img {
    width: 32px;
    height: 32px;
    z-index: 1000;
    margin-top: 10px;
}

.optimisation-icon4 .icon4 svg {
    width: 32px;
    height: 32px;
    margin-top: 7px;
}

.management-icon1 .icon1 svg {
    width: 32px;
    height: 32px;
    margin-top: 7px;
}

.optimisation-icon2 .icon2 img {
    width: 26px;
    height: 26px;
}

.optimisation-icon3 .icon3 img {
    width: 26px;
    height: 26px;
    margin-top: 13px;
}

.management-icon3 .icon3 img {
    width: 28px;
    height: 28px;
}

.management-icon4 .icon4 img {
    height: 25px;
    width: 25px;
}

.advertisement-icon1 .icon1 img {
    height: 28px;
    width: 28px;
}

.advertisement-icon2 .icon2 img {
    width: 26px;
    height: 26px;
    margin-top: 10px;
}

.advertisement-icon3 .icon3 img {
    width: 30px;
    height: 30px;
}

.advertisement-icon4 .icon4 img {
    width: 24px;
    height: 24px;
}

.management .bar-graph2 .bar-one {
    background-color: #cb3439;
}

.management .bar-graph2 .bar-two {
    background-color: #09c6fd;
}

.management .bar-graph2 .bar-three {
    background-color: #285a65;
}

.management .bar-graph2 .bar-four {
    background-color: #01a85a;
}

.advertisement .bar-graph2 .bar-one {
    background-color: #dc2623;
}

.advertisement .bar-graph2 .bar-two {
    background-color: #f89c39;
}

.advertisement .bar-graph2 .bar-three {
    background-color: #40b5d8;
}

.advertisement .bar-graph2 .bar-four {
    background-color: #435f9e;
}

.optimisation .bar-container,
.management .bar-container,
.advertisement .bar-container {
    overflow: hidden;
}

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

.optimisation .bar-one {
    height: 5px;
    animation: Optimisation-bar-one-vertical 7s forwards;
    animation-iteration-count: infinite;
    font-size: 15px;
}

.optimisation .bar-two {
    height: 5px;
    animation: Optimisation-bar-two-vertical 7s forwards;
    animation-iteration-count: infinite;
}

.optimisation .bar-three {
    height: 5px;
    animation: Optimisation-bar-three-vertical 7s forwards;
    animation-iteration-count: infinite;
}

.optimisation .bar-four {
    height: 5px;
    animation: Optimisation-bar-four-vertical 7s forwards;
    animation-iteration-count: infinite;
}

.management .bar-one {
    height: 5px;
    animation: management-bar-one-vertical 7s forwards;
    animation-iteration-count: infinite;
}

.management .bar-two {
    height: 5px;
    animation: management-bar-two-vertical 7s forwards;
    animation-iteration-count: infinite;
}

.management .bar-three {
    height: 5px;
    animation: management-bar-three-vertical 7s forwards;
    animation-iteration-count: infinite;
}

.management .bar-four {
    height: 5px;
    animation: management-bar-four-vertical 7s forwards;
    animation-iteration-count: infinite;
}

.advertisement .bar-one {
    height: 5px;
    animation: advertisement-bar-one-vertical 7s forwards;
    animation-iteration-count: infinite;
}

.advertisement .bar-two {
    height: 5px;
    animation: advertisement-bar-two-vertical 7s forwards;
    animation-iteration-count: infinite;
}

.advertisement .bar-three {
    height: 5px;
    animation: advertisement-bar-three-vertical 7s forwards;
    animation-iteration-count: infinite;
}

.advertisement .bar-four {
    height: 5px;
    animation: advertisement-bar-four-vertical 7s forwards;
    animation-iteration-count: infinite;
}

.smo-icon .icon i {
    position: absolute;
    color: #fff;
    font-size: 26px;
    top: 10px;
    left: 0;
    right: 0;
}

.optimisation-icon3 .icon i {
    top: 7px;
}

.management-icon2 .icon i {
    top: 9px;
}

.management-icon3 .icon i {
    top: 7px;
}

.management-icon4 .icon i {
    top: 7px;
}

.optimisation-icon1 {
    height: 35px;
    background: #f89c39;
    animation: Optimisation-shrink-one-vertical 7s forwards;
    animation-iteration-count: infinite;
}

.optimisation-icon2 {
    height: 35px;
    background: #01bfa5;
    animation: Optimisation-shrink-two-vertical 7s forwards;
    animation-iteration-count: infinite;
}

.optimisation-icon3 {
    position: relative;
    bottom: 7px;
    height: 42px;
    background: #8b5eff;
    animation: Optimisation-shrink-three-vertical 7s forwards;
    animation-iteration-count: infinite;
}

.optimisation-icon4 {
    height: 35px;
    background: #09c6fd;
    animation: Optimisation-shrink-four-vertical 7s forwards;
    animation-iteration-count: infinite;
}

.management-icon1 {
    height: 35px;
    background: #cb3439;
    animation: management-shrink-one-vertical 7s forwards;
    animation-iteration-count: infinite;
}

.management-icon2 {
    height: 30px;
    background: #09c6fd;
    animation: management-shrink-two-vertical 7s forwards;
    animation-iteration-count: infinite;
}

.management-icon3 {
    height: 30px;
    background: #285a65;
    animation: management-shrink-three-vertical 7s forwards;
    animation-iteration-count: infinite;
}

.management-icon4 {
    position: relative;
    bottom: 5px;
    height: 40px;
    background: #01a85a;
    animation: management-shrink-four-vertical 7s forwards;
    animation-iteration-count: infinite;
}

.advertisement-icon1 {
    position: relative;
    bottom: 5px;
    height: 40px;
    background: #dc2623;
    animation: advertisement-shrink-one-vertical 7s forwards;
    animation-iteration-count: infinite;
}

.advertisement-icon2 {
    height: 25px;
    background: #f89c39;
    animation: advertisement-shrink-two-vertical 7s forwards;
    animation-iteration-count: infinite;
    position: relative;
    bottom: -3px;
}

.advertisement-icon3 {
    height: 35px;
    background: #40b5d8;
    animation: advertisement-shrink-three-vertical 7s forwards;
    animation-iteration-count: infinite;
    bottom: 8px;
    position: relative;
}

.advertisement-icon4 {
    height: 35px;
    background: #435f9e;
    animation: advertisement-shrink-four-vertical 7s forwards;
    animation-iteration-count: infinite;
}

.management-icon2 .icon2 img {
    margin-top: 5px;
}

.management-icon3 .icon3 img {
    margin-top: 5px;
}

.management-icon4 .icon4 img {
    margin-top: 5px;
}

.advertisement-icon3 .icon3 img {
    margin-top: 3px;
}

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

/* *******************icon animation start****************** */

@-webkit-keyframes Optimisation-shrink-one-vertical {
    0% {
        transform: translateY(71px);
    }

    22.5% {
        transform: translateY(33px);
    }

    45% {
        transform: translateY(71px);
    }

    67.5% {
        transform: translateY(71px);
    }

    90% {
        transform: translateY(71px);
    }

    100% {
        transform: translateY(71px);
    }
}

@-webkit-keyframes Optimisation-shrink-two-vertical {
    0% {
        transform: translateY(53px);
    }

    22.5% {
        transform: translateY(53px);
    }

    45% {
        transform: translateY(14px);
    }

    67.5% {
        transform: translateY(53px);
    }

    90% {
        transform: translateY(53px);
    }

    100% {
        transform: translateY(53px);
    }
}

@-webkit-keyframes Optimisation-shrink-three-vertical {
    0% {
        transform: translateY(71px);
    }

    22.5% {
        transform: translateY(71px);
    }

    45% {
        transform: translateY(71px);
    }

    67.5% {
        transform: translateY(33px);
    }

    90% {
        transform: translateY(71px);
    }

    100% {
        transform: translateY(71px);
    }
}

@-webkit-keyframes Optimisation-shrink-four-vertical {
    0% {
        transform: translateY(53px);
    }

    22.5% {
        transform: translateY(53px);
    }

    45% {
        transform: translateY(53px);
    }

    67.5% {
        transform: translateY(53px);
    }

    90% {
        transform: translateY(14px);
    }

    100% {
        transform: translateY(53px);
    }
}

@-webkit-keyframes management-shrink-one-vertical {
    0% {
        transform: translateY(53px);
    }

    22.5% {
        transform: translateY(53px);
    }

    45% {
        transform: translateY(14px);
    }

    67.5% {
        transform: translateY(53px);
    }

    90% {
        transform: translateY(53px);
    }

    100% {
        transform: translateY(53px);
    }
}

@-webkit-keyframes management-shrink-two-vertical {
    0% {
        transform: translateY(71px);
    }

    22.5% {
        transform: translateY(71px);
    }

    45% {
        transform: translateY(71px);
    }

    67.5% {
        transform: translateY(33px);
    }

    90% {
        transform: translateY(71px);
    }

    100% {
        transform: translateY(71px);
    }
}

@-webkit-keyframes management-shrink-three-vertical {
    0% {
        transform: translateY(58px);
    }

    22.5% {
        transform: translateY(58px);
    }

    45% {
        transform: translateY(58px);
    }

    67.5% {
        transform: translateY(58px);
    }

    90% {
        transform: translateY(20px);
    }

    100% {
        transform: translateY(58px);
    }
}

@-webkit-keyframes management-shrink-four-vertical {
    0% {
        transform: translateY(71px);
    }

    22.5% {
        transform: translateY(33px);
    }

    45% {
        transform: translateY(71px);
    }

    67.5% {
        transform: translateY(71px);
    }

    90% {
        transform: translateY(71px);
    }

    100% {
        transform: translateY(71px);
    }
}

@-webkit-keyframes advertisement-shrink-one-vertical {
    0% {
        transform: translateY(58px);
    }

    22.5% {
        transform: translateY(58px);
    }

    45% {
        transform: translateY(58px);
    }

    67.5% {
        transform: translateY(58px);
    }

    90% {
        transform: translateY(20px);
    }

    100% {
        transform: translateY(58px);
    }
}

@-webkit-keyframes advertisement-shrink-two-vertical {
    0% {
        transform: translateY(71px);
    }

    22.5% {
        transform: translateY(71px);
    }

    45% {
        transform: translateY(71px);
    }

    67.5% {
        transform: translateY(33px);
    }

    90% {
        transform: translateY(71px);
    }

    100% {
        transform: translateY(71px);
    }
}

@-webkit-keyframes advertisement-shrink-three-vertical {
    0% {
        transform: translateY(71px);
    }

    22.5% {
        transform: translateY(33px);
    }

    45% {
        transform: translateY(71px);
    }

    67.5% {
        transform: translateY(71px);
    }

    90% {
        transform: translateY(71px);
    }

    100% {
        transform: translateY(71px);
    }
}

@-webkit-keyframes advertisement-shrink-four-vertical {
    0% {
        transform: translateY(58px);
    }

    22.5% {
        transform: translateY(58px);
    }

    45% {
        transform: translateY(20px);
    }

    67.5% {
        transform: translateY(58px);
    }

    90% {
        transform: translateY(58px);
    }

    100% {
        transform: translateY(58px);
    }
}


/********************* *icon animation end*************** */


/* ******************bar animation start****************** */

@-webkit-keyframes Optimisation-bar-one-vertical {
    0% {
        transform: scaleY(1);
    }

    22.5% {
        transform: scaleY(16);
    }

    45% {
        transform: scaleY(1);
    }

    67.5% {
        transform: scaleY(1);
    }

    90% {
        transform: scaleY(1);
    }

    100% {
        transform: scaleY(1);
    }
}

@-webkit-keyframes Optimisation-bar-two-vertical {
    0% {
        transform: scaleY(4);
    }

    22.5% {
        transform: scaleY(4);
    }

    45% {
        transform: scaleY(20);
    }

    67.5% {
        transform: scaleY(4);
    }

    90% {
        transform: scaleY(4);
    }

    100% {
        transform: scaleY(4);
    }
}

@-webkit-keyframes Optimisation-bar-three-vertical {
    0% {
        transform: scaleY(1);
    }

    22.5% {
        transform: scaleY(1);
    }

    45% {
        transform: scaleY(1);
    }

    67.5% {
        transform: scaleY(16);
    }

    90% {
        transform: scaleY(1);
    }

    100% {
        transform: scaleY(1);
    }
}

@-webkit-keyframes Optimisation-bar-four-vertical {
    0% {
        transform: scaleY(4);
    }

    22.5% {
        transform: scaleY(4);
    }

    45% {
        transform: scaleY(4);
    }

    67.5% {
        transform: scaleY(4);
    }

    90% {
        transform: scaleY(20);
    }

    100% {
        transform: scaleY(4);
    }
}

@-webkit-keyframes management-bar-one-vertical {
    0% {
        transform: scaleY(4);
    }

    22.5% {
        transform: scaleY(4);
    }

    45% {
        transform: scaleY(20);
    }

    67.5% {
        transform: scaleY(4);
    }

    90% {
        transform: scaleY(4);
    }

    100% {
        transform: scaleY(4);
    }
}

@-webkit-keyframes management-bar-two-vertical {
    0% {
        transform: scaleY(1);
    }

    22.5% {
        transform: scaleY(1);
    }

    45% {
        transform: scaleY(1);
    }

    67.5% {
        transform: scaleY(16);
    }

    90% {
        transform: scaleY(1);
    }

    100% {
        transform: scaleY(1);
    }
}

@-webkit-keyframes management-bar-three-vertical {
    0% {
        transform: scaleY(4);
    }

    22.5% {
        transform: scaleY(4);
    }

    45% {
        transform: scaleY(4);
    }

    67.5% {
        transform: scaleY(4);
    }

    90% {
        transform: scaleY(20);
    }

    100% {
        transform: scaleY(4);
    }
}

@-webkit-keyframes management-bar-four-vertical {
    0% {
        transform: scaleY(1);
    }

    22.5% {
        transform: scaleY(16);
    }

    45% {
        transform: scaleY(1);
    }

    67.5% {
        transform: scaleY(1);
    }

    90% {
        transform: scaleY(1);
    }

    100% {
        transform: scaleY(1);
    }
}

@-webkit-keyframes advertisement-bar-one-vertical {
    0% {
        transform: scaleY(4);
    }

    22.5% {
        transform: scaleY(4);
    }

    45% {
        transform: scaleY(4);
    }

    67.5% {
        transform: scaleY(4);
    }

    90% {
        transform: scaleY(20);
    }

    100% {
        transform: scaleY(4);
    }
}

@-webkit-keyframes advertisement-bar-two-vertical {
    0% {
        transform: scaleY(1);
    }

    22.5% {
        transform: scaleY(1);
    }

    45% {
        transform: scaleY(1);
    }

    67.5% {
        transform: scaleY(16);
    }

    90% {
        transform: scaleY(1);
    }

    100% {
        transform: scaleY(1);
    }
}

@-webkit-keyframes advertisement-bar-three-vertical {
    0% {
        transform: scaleY(1);
    }

    22.5% {
        transform: scaleY(16);
    }

    45% {
        transform: scaleY(1);
    }

    67.5% {
        transform: scaleY(1);
    }

    90% {
        transform: scaleY(1);
    }

    100% {
        transform: scaleY(1);
    }
}

@-webkit-keyframes advertisement-bar-four-vertical {
    0% {
        transform: scaleY(4);
    }

    22.5% {
        transform: scaleY(4);
    }

    45% {
        transform: scaleY(20);
    }

    67.5% {
        transform: scaleY(4);
    }

    90% {
        transform: scaleY(4);
    }

    100% {
        transform: scaleY(4);
    }
}


/* ******************bar animation end****************** */


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

.section2 .row1 .col2 .box h3::before {
    content: "";
    position: absolute;
    top: -26px;
    left: 0;
    right: 0;
    height: 2px;
    width: 79%;
    margin: 0 auto;
}

.section2 .row1 .col2 .optimisation h3::before {
    background-color: #86c725;
}

.section2 .row1 .col2 .management h3::before {
    background-color: #000000;
}

.section2 .row1 .col2 .advertisement h3::before {
    background-color: #de292e;
}

.section2 .row1 .col2 .box h1 {
    margin: 0 auto;
    font-size: 6em;
    color: #f0f0f0;
    font-weight: bold;
}

.section2 .row1 .col2 .box h3 {
    font-size: clamp(12px, 0.7vw + 0.5rem, 2.2rem);
    font-weight: 600;
    text-align: center;
    margin-top: 35px;
    position: relative;
}

.section2 .row1 .col2 .box p {
    margin: 23px auto;
    width: 92%;
    font-size: clamp(12px, 0.9vw, 3rem);
    text-align: center;
    line-height: 1.5vw;
}

.section2 .row1 .col3 {
    position: relative;
    left: 2vw;
}

.section2 .row1 .col3 video {
    width: 90%;
    clip-path: inset(1px 0px 2px 0px);
}

.section2 .row2 {
    display: grid;
    grid-template-columns: 1.3fr 1fr 1.3fr 1fr 1.3fr;
    position: relative;
    margin-top: 72px;
    padding: 0;
}

.section2 .row2 .box {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    gap: 10px;
    justify-self: start;
}

.section2 .row2 .box:last-child {
    justify-self: end;
    position: relative;
    left: -1px;
}

.section2 .row2 .box:nth-of-type(3) {
    justify-self: center;
}

.section2 .row2 .box:nth-of-type(4) {
    justify-self: center;
}

.section2 .row2 .box .box-content h4 {
    font-weight: 600;
    font-size: 14px;
}

.section2 .row2 .box .box-content .info {
    font-size: clamp(10px, 0.45vw + 0.4rem, 2rem);
    font-weight: 500;
    margin-top: 2px;
}

.section2 .row2 .box .info span {
    color: #269d0d;
    font-weight: 600;
}

.section2 .row2 .box .img-box {
    width: 60px;
}

.section2 .row2 .box .img-box img {
    width: 100%;
}

.section2 .row2::before {
    content: "";
    position: absolute;
    top: -25px;
    width: 100%;
    height: 1px;
    left: 0px;
    background-color: hsl(0deg 0% 80%);
}

/* Section 2 Ends here */


/* Section 3 Starts hera */

.section3 {
    position: relative;
}

/* Special Class */

.benefits {
    margin-top: 0px;
}

.benefits h3 {
    font-size: max(14px, 1.6vw);
    font-weight: 300;
}

.benefits h3 span {
    display: inline-block;
    padding: 2px 12px;
    background-color: #006b65;
    color: white;
    font-weight: 600;
}

.benefits h2 {
    color: #1e1b21;
    font-size: max(30px, 2.5vw);
    font-weight: bold;
    line-height: clamp(30px, 3vw, 6.2rem);
    display: block;
    padding: 14px 0 20px 0;
    letter-spacing: -2px;
}

.section3 .main-smo-heading ul li {
    font-size: 0.9vw;
    cursor: pointer;
    display: inline-block;
    color: #0427ff;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.5px;
    padding: 0px 4px 0px 8px;
    margin-bottom: 1em;
    border-left: 2px solid #0427ff;
    line-height: 16px;
    text-align: center;
}

.main-smo-heading ul li:nth-child(1) {
    border-left: none;
    padding: 0px 4px 0px 0px;
}

.connection-customer1 {
    padding-left: 0px;
}

.connection-customer1 .privacy-choices p {
    width: 70%;
}

.connection-customer1 .privacy-choices p:nth-of-type(1) {
    padding-top: 20px;
    margin-bottom: 20px;
}

.connection-customer1 .privacy-choices p:nth-of-type(2) {
    margin-bottom: 0;
}

.connection-customer1 .column2 .column2-lower-box {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    position: relative;
    *top: -20px;
    top: -33px;
}

.connection-customer1 .column2 .column2-lower-box .text-box {
    align-self: end;
}

.connection-customer1 .column2 .column2-lower-box .img-box {
    justify-self: end;
    text-align: right;
}

.connection-customer1 .column2 .column2-lower-box .img-box img {
    position: relative;
    left: 10px;
    width: 100%;
}

.get-started-project {
    font-size: max(12px, 1.1vw);
    font-weight: bold;
    padding-bottom: 15px;
    color: #000000;
    position: relative;
    line-height: 1;
    margin-bottom: 7px;
}

.get-started-project::after {
    content: "";
    position: absolute;
    background-color: hsl(0deg 0% 92%);
    bottom: 0;
    left: 0;
    height: 1px;
    width: 86%;
}

.connection-customer1 .column2 .local-benifit-content {
    margin: 0;
    padding-left: 0;
}

.call-info {
    width: 100%;
    font-size: clamp(17px, 1.7vw, 5rem);
    display: block;
    font-weight: 600;
    line-height: 45px;
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    animation: numbersmo1 4s steps(44) infinite, blinking-cursor 0.7s infinite;
    animation-fill-mode: forwards;
}

.call-info a {
    color: #febc16;
    text-decoration: none;
}

@keyframes numbersmo1 {
    from {
        width: 0;
    }

    to {
        width: 106%;
    }
}

@keyframes blinkTextCursor {
    from {
        border-right-color: rgba(255, 255, 255, 0.75);
    }

    to {
        border-right-color: transparent;
    }
}

.connection-customer2 {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    padding-top: 5vw;
    gap: 4vw;
}

.connection-customer2 .row-box {
    display: flex;
    flex-direction: column;
    gap: 6.1vw;
    margin-left: 40px;
}

.connection-customer2 .column {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7vw;
}

.connection-customer2 .column .box {
    padding: 0;
    width: 45%;
}

.connection-customer2 .main-img img {
    width: 100%;
}

.connection-customer2 .column .box h3 {
    font-size: clamp(10px, 0.9vw, 2.2rem);
    font-weight: 600;
    color: #336eb4;
    position: relative;
    margin-bottom: 20px;
}

.connection-customer2 .column .box h3::after {
    content: "";
    position: absolute;
    bottom: -16px;
    left: 0;
    width: 100%;
    height: 2px;
    *background-image: linear-gradient(to right, transparent 16%, #e2e2e2 50%);
    z-index: 1;
    *background-size: 0.4vw 100%;
    *border-bottom: 1.8px dashed #ebebeb;
    border-bottom: 1px dashed #ccc;
}

.connection-customer2 .column .box p {
    font-size: clamp(10px, 0.9vw, 2.2rem);
    font-weight: 400;
    line-height: 1.5;
    margin-top: 1.5vw;
    padding-left: 15px;
    position: relative;
    width: 109%;
}

.connection-customer2 .column .box p::before {
    content: "";
    position: absolute;
    left: 0;
    top: 5px;
    bottom: 7px;
    width: 6px;
}

.connection-customer2 .column .box1 p::before {
    background-color: hsl(115deg 41% 62%);
}

.connection-customer2 .column .box2 p::before {
    background-color: #001efc;
}

.connection-customer2 .column .box3 p::before {
    background-color: hsl(52deg 71% 49%);
}

.connection-customer2 .column .box4 p::before {
    background-color: hsl(331deg 66% 56%);
}

/* Section 3 Ends here */


/* Section 4 starts here */

.section4 {
    position: relative;
}

.smo-section4-main-row {
    display: flex;
    padding: 130px 0 60px;
}

.smo-section4-main-row .column1 {
    display: flex;
    flex-direction: column;
    padding: 0 15px 0 0;
    justify-content: space-between;
}

.smo-section4-main-row .column1 .box {
    *margin-top: 3.2vw;
    margin-top: 2vw;
}

.unfolding-power {
    font-size: max(17px, 2vw);
    font-weight: bold;
    letter-spacing: 0px;
}

.section4-main-box .column1 .box ul {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}

.section4-main-box .column1 .box ul li {
    list-style-type: none;
    font-size: var(--fs-400);
    color: #cac8c9;
    font-weight: 600;
    cursor: pointer;
    position: relative;
    transition: all 0.5s ease;
}

.section4-main-box .column1 .box ul li:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 5px;
    width: 100%;
    height: 16px;
    background: linear-gradient(0deg, transparent 0%, transparent 0%);
    transition: all 0.5s ease;
    z-index: -1;
}

.section4-main-box .column1 .box ul li.smo-active:before {
    background: linear-gradient(0deg, transparent 0%, #fbc970 0%);
    transition: all 0.5s ease;
}

.section4-main-box .column1 .box ul li:before {
    height: 0;
    background: linear-gradient(0deg, transparent 0%, #fbc970 0%);
    overflow: hidden;
}

.section4-main-box .column1 .box ul li.smo-active:before {
    height: 16px;
}

.smo-section4-main-row .column2 {
    position: relative;
    left: 13px;
    display: flex;
}

.smo-section4-main-row .column2 .box1 {}

.section4-main-box .column2 .box1 .global-seo-agency h3 {
    margin-top: 10px;
}

.section4-main-box .column2 .box-content {
    margin-top: 5vw;
    position: relative;
}

.section4-main-box .column2 .box1 .box-content h2 {
    font-size: max(16px, 1.6vw);
    font-weight: bold;
    position: relative;
}

.section4-main-box .column2 .box1 .box-content h2::after {
    content: "";
    position: absolute;
    bottom: -8px;
    left: 0;
    width: 10%;
    height: 3px;
    background-color: #e4e4e4;
}

.section4-main-box .box-content p {
    width: 100%;
    padding: 25px 0px 0 0px;
    position: relative;
    font-size: 0.9vw;
    line-height: 1.5vw;
}

.section4-main-box .box-content p:nth-of-type(1) {}

.section4-main-box .column2 .box1 .box-content .play::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f04b";
    position: absolute;
    left: 0px;
    font-size: 0.7vw;
    color: #fecb80;
    display: none;
}

.btn-proposal {
    float: right;
    right: 20%;
    width: 11vw;
    height: 2vw;
    border: none;
    border-radius: 1vw;
    font-size: 0.9vw;
    letter-spacing: 0.004vw;
    background-color: #006b65;
    *border: 1px solid #006b65;
    color: #fff;
    margin-left: 3%;
    margin-top: 2%;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgb(0 0 0 / 0%);
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    overflow: hidden;
    outline: none;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    line-height: 1;
}

.btn-proposal:hover {
    line-height: 1;
    color: #fff;
}

.btn-proposal::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 1vw;
    background-color: #0c8d85;
    *border: 1px solid #0c8d85;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.btn-proposal:hover::before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    *border: 1px solid #006b65;
    line-height: 1;
}

.section4-main-box .column2 .box1 .pricing-custom-call {
    position: relative;
    margin-top: 7vw;
    padding: 0;
}

.section4-main-box .column2 .box1 .pricing-custom-call .pricng-call {
    width: 100%;
}

.section4-main-box .column2 .box1 .pricing-custom-call h5 {
    font-size: 16px;
    color: #001efc;
    letter-spacing: 1px;
    font-weight: 600;
    display: inline;
    position: relative;
    padding-bottom: 3px;
}

.section4-main-box .column2 .box1 .pricing-custom-call h6 {
    font-size: 18px;
    margin-top: 10px;
}

.section4-main-box .column2 .box1 .pricing-custom-call h6 span {
    position: relative;
    color: #000;
    cursor: pointer;
}

.section4-main-box .column2 .box1 .pricing-custom-call h6 span::before {
    position: absolute;
    content: "";
    background: #f0a42c;
    height: 11px;
    bottom: 0px;
    left: 0;
    width: 100%;
    opacity: 1;
    transition: all 0.5s ease-out;
    z-index: -1;
}

.section4-main-box .column2 .box1 .pricing-custom-call h6 span:hover:before {
    height: 88%;
    opacity: 1 !important;
}

.section4-main-box .column2 .box1 .pricing-custom-call h6 span:nth-last-child(1) {
    color: #000;
}

.section4-main-box .column2 .box1 .pricing-custom-call h6 span:nth-last-child(1)::before {
    transition: all 0.5s ease-out;
    background: #69b813;
}

.section4-main-box .column2 .box1 .pricing-custom-call .line-1 {
    position: relative;
    top: 50%;
    width: 24em;
    border-right: 2px solid rgba(255, 255, 255, 0.75);
    font-size: 180%;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    transform: translateY(0%);
    height: 36px;
}

.anim-typewriter {
    animation: typewriter 4s steps(44) 1s 1 normal both, blinkTextCursor 300ms steps(44) infinite normal;
}

@keyframes typewriter {
    from {
        width: 0;
    }

    to {
        width: 24em;
    }
}

@keyframes blinkTextCursor {
    from {
        border-right-color: transparent;
    }

    to {
        border-right-color: transparent;
    }
}

.section4-main-box .column2 .box1 .pricing-custom-call h6 span:hover {
    color: #000;
    z-index: 4;
}

.section4-main-box .column2 .box1 .pricing-custom-call h6 span:hover::before {
    opacity: 0.8;
    z-index: -1;
    background-position: left bottom;
}

.section4-main-box .column2 .box1 .pricing-custom-call .line-1 {
    font-size: 160%;
}

.section4-main-box .column2 .box1 .pricing-custom-call h6 span:nth-last-child(1):hover::before {
    opacity: 0.8;
    z-index: -1;
    background-position: left bottom;
}

.section4-main-box .box2 .benefits {
    margin-top: 0;
}

.section4-main-box .box2 .benefits p {
    font-size: 0.9vw;
    line-height: 1.5vw;
    *margin-top: 2.3vw;
    margin-top: 1.3vw;
    width: 101%;
}

.smo-section4-main-row .box2 {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.smo-user-video {
    position: relative;
    overflow: hidden;
    width: 24vw;
    height: 21vw;
}

.smo-user-video-fig {
    width: 92%;
    position: relative;
    margin-top: 15px;
}

.smo-user-video-fig img {
    width: 100%;
    object-fit: cover;
    padding-bottom: 8px
}

.smo-user-video video {
    position: absolute;
    *bottom: 0;
    bottom: -5px;
    right: -6px;
}

.section4 .privacy-choices p {
    padding-top: 20px;
    width: 100%;
    margin-bottom: 94px;
}

.section4-main-box .column2 .box1 .pricing-custom-call::before {
    content: "";
    position: absolute;
    background-color: #c8c8c8;
    top: 0;
    left: 0;
    height: 1px;
    width: 100%;
    margin-top: 0;
}

.section4-main-box #orm-reputation svg {
    width: 77% !important;
    height: 100% !important;
    transform: translate3d(-17px, 28px, 0px) !important;
}

/* Section 4 ends here */


/* Section 5 starts here */

.section5 {
    position: relative;
    padding-bottom: 0;
}

.section5-main .title-cont-pages {
    color: #3c3d3d;
    position: relative;
    left: -2px;
}

.section5-main .title-cont-pages span {
    color: #026965;
}

.section5-main h3 {
    color: #000000;
    font-size: 19px;
    font-weight: 600;
    margin-bottom: 0.5em;
}

.section5-column1 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 7em;
    margin-top: 2em;
    padding: 0;
}

.section5-column1 .thingstothink h3 {
    font-size: 1.1vw;
    font-weight: 600;
    color: #cb264e;
}

.section5-content {
    padding-left: 1px;
}

.section5-main {
    padding-left: 1px;
}

.section5-column1 .thingstothink p {
    margin-top: 14px;
    color: #595959;
    font-size: 14px;
    width: 87%;
    line-height: 1.3;
}

.section5-content .icon-box {
    position: relative;
    align-self: center;
    width: 100%;
    left: 10px;
}

.section5-content .icon-box::after {
    content: "";
    position: absolute;
    width: 1px;
    height: 88%;
    right: 6%;
    background-color: #eeeeee;
    top: 2%;
}

.section5-content .icon-box .box {
    display: flex;
    align-items: center;
    transform: translateZ(0);
    will-change: transform;
    cursor: pointer;
}

.section5-content .icon-box .box p {
    width: 49%;
    font-size: .8vw;
    margin-left: clamp(20px, 2.7vw, 6rem);
    position: relative;
    font-weight: 500;
    line-height: 1.4;
    color: #202227;
}

.section5-content .icon-box .box p::before {
    content: "\f04b";
    position: absolute;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    left: 0;
    font-size: clamp(8px, 0.5vw, 2rem);
    transform: rotateZ(180deg);
    left: -1.6vw;
    top: 4px;
}

.section5-content .icon-box .box1 p::before {
    color: #2dcc70;
}

.section5-content .icon-box .box2 p::before {
    color: #f9966f;
}

.section5-content .icon-box .box3 p::before {
    color: #49a7e5;
}

.section5-content .icon-box .box4 p::before {
    color: #e8b413;
}

.section5-content .icon-box .box5 p::before {
    color: #1e69ad;
}

.section5-content .icon-box .box i {
    padding: 9px 12px;
    font-size: 30px;
    border-radius: 50%;
    color: white;
}

.section5-content .icon-box .box2 {
    padding-left: 0px;
    padding-right: 0px;
    position: relative;
    top: -26px;
    left: 26px;
    z-index: 1;
}

.section5-content .icon-box .box3 {
    position: relative;
    left: 54px;
    top: -30px;
}

.section5-content .icon-box .box4 {
    position: relative;
    top: -43px;
    left: 1px;
    z-index: 1;
}

.section5-content .icon-box .box5 {
    position: relative;
    top: -48px;
    left: 32px;
}

.section5-content .icon-box .box1 i {
    background-color: #2dcc70;
    font-size: clamp(14px, 1.6vw, 4rem);
    padding: 1.4vw;
    transition: transform .5s ease;
}

.section5-content .icon-box .box2 .s-box {
    background-color: #f9966f;
    padding: 1.3vw;
    border-radius: 50%;
    box-shadow: 1px 1px 6px 0px #33333347;
}

.section5-content .icon-box .box2 img {
    width: 3vw;
    height: 3vw;
}

.section5-content .icon-box .box3 .s-box {
    background-color: #49a7e5;
    padding: 1.1vw;
    z-index: -1;
    border-radius: 50%;
}

.section5-content .icon-box .box3 img {
    width: 2vw;
    height: 2vw;
}

.section5-content .icon-box .box4 .s-box {
    background-color: #e8b413;
    padding: 0.9vw;
    border-radius: 50%;
    box-shadow: 1px 1px 6px 0px #33333347;
}

.section5-content .icon-box .box4 img {
    position: relative;
    top: -6px;
    width: clamp(22px, 5vw, 7.5rem);
    height: clamp(22px, 5vw, 7.5rem);
}

.section5-content .icon-box .box5 .s-box {
    background-color: #1e69ad;
    padding: 1vw;
    z-index: -1;
    border-radius: 50%;
}

.section5-content .icon-box .box .s-box {
    transition: transform .5s ease;
}

.section5-content .icon-box .box5 img {
    width: 2.6vw;
    height: 2.6vw;
}

.section5-content .icon-box .box1 {
    position: relative;
    left: -10px;
}

.section5-content .icon-box .box:hover i {
    transform: scale(1.1);
    z-index: 1000;
}

.section5-content .icon-box .box:hover .s-box {
    transform: scale(1.1);
}

.section5-content .icon-box .box:hover {
    z-index: 2;
}

.section-5-column2 {
    display: flex;
    flex-direction: column;
    gap: 6em;
    background-image: url(../../assets/images/map.png), linear-gradient(to bottom, #ffffff 5%, transparent 24%), linear-gradient(1deg, #ffffff 5%, transparent 13%);
    background-repeat: no-repeat;
    background-size: 84%;
    background-position-y: 216px, 216px, 0px;
    background-position-x: 162px;
    padding-bottom: 68px;
    position: relative;
    background-blend-mode: color;
}

.section-5-column2 .box1 {
    display: flex;
    gap: 8em;
    width: 100%;
    height: 100%;
    margin-left: 2vw;
}

.section-5-column2 .box1 .sub-box1 {
    width: 50%;
    position: relative;
    overflow: hidden;
}

.section-5-column2 .box1 .sub-box1 video {
    max-width: 102%;
    position: relative;
    left: -2px;
    height: auto;
}

.section-5-column2 .box1 .sub-box2 {
    position: relative;
    top: 20px;
}

.section-5-column2 .box1 .sub-box2::before {
    content: "";
    position: absolute;
    width: 12px;
    height: 75%;
    top: 7px;
    left: -6%;
    background-color: #006b65;
}

.section-5-column2 .box1 .sub-box2 h1 {
    font-size: 2.1vw;
    font-weight: 400;
    color: #2c2e2d;
    margin-bottom: 1.2vw;
    position: relative;
    line-height: 1.2;
}

.section-5-column2 .box1 .sub-box2 p {
    font-size: .9vw;
    font-weight: 400;
    color: #62627c;
    line-height: 1.2;
    width: 95%;
}

.section-5-column2 .box2 {
    display: flex;
    justify-content: space-around;
    width: 98%;
    margin: 53px 0 0 55px;
}

.section-5-column2 .box2 .sub-box {
    position: relative;
    width: 27%;
    text-align: center;
    transition: all .4s ease-in-out;
    transform: translateZ(0);
    cursor: pointer;
    -webkit-font-smoothing: antialiased;
}

.section-5-column2 .box2 .sub-box .smo-card {
    position: absolute;
    z-index: 1;
}

.section-5-column2 .box2 .sub-box .smo-icon-border {
    z-index: -1;
    transform: translateZ(0);
    will-change: transform;
    transition: filter .5s ease;
    width: 100%;
}

.section-5-column2 .box2 .sub-box1 .img-box img {
    width: 55%;
}

.section-5-column2 .box2 .sub-box2 .img-box img {
    width: 70%;
}

.section-5-column2 .box2 .sub-box3 .img-box img {
    height: 30px;
    width: 30px;
}

.section-5-column2 .box2 .sub-box .img-box {
    position: relative;
    height: 65px;
    width: 65px;
    border-radius: 50%;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 30px;
}

.section-5-column2 .box2 .sub-box1 .img-box img {
    height: 40px;
    width: 40px;
}

.section-5-column2 .box2 .sub-box:nth-child(1) .img-box:nth-child(1) {
    background-color: #371d1e;
    box-shadow: 2px 2px 7px 1px #33333347;
}

.section-5-column2 .box2 .sub-box:nth-child(2) .img-box:nth-child(1) {
    background-color: #f0b03c;
    box-shadow: 2px 2px 7px 3px #ffc1071a;
}

.section-5-column2 .box2 .sub-box:nth-child(3) .img-box:nth-child(1) {
    background-color: #ff6525;
    box-shadow: 2px 2px 7px 1px #ff65254d;
}

.section-5-column2 .box2 .sub-box h3 {
    font-size: .9vw;
    font-weight: 500;
    color: #202227;
    margin: 13px auto !important;
}

.section-5-column2 .box2 .sub-box p {
    color: #202227;
    font-size: .9vw;
    width: 87%;
    margin: 0 auto;
}

.section-5-column2 .box2 .sub-box2 .img-box img {
    height: 40px;
    width: 40px;
    position: relative;
    top: -4px;
}

.section-5-column2 .box2 .sub-box:hover {
    transform: translateZ(0) scale(1.1);
}

.section-5-column2 .box2 .sub-box:hover .smo-icon-border {
    filter: drop-shadow(0 0 .75rem #33333336);
}


/* Section 5 ends here */


/* Section 6 starts here */

.section6 {
    position: relative;
    padding: 10em 6em;
}

.section6-main {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
}

.section6-column1 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    width: 63%;
    position: relative;
    top: 55px;
}

.section6-column1 .boxes {
    display: flex;
}

.section6-column1 .boxes .text {
    align-self: center;
    justify-self: self-end;
    width: 47%;
    text-align: right;
}

.section6-column1 .boxes .devlop-pargh-title {
    padding: 0;
}

.section6-column1 .boxes .devlop-pargh-title .left-content {
    text-align: right;
    font-size: .9vw;
    line-height: 1.4vw;
}

.section6-column1 .box5 .devlop-pargh-title .left-content {
    text-align: left;
}

.section6-column1 .boxes .text h3 {
    color: #0765d0;
    font-weight: 600;
    font-size: clamp(12px, 0.9vw + 0.5rem, 2.2rem);
    *overflow: hidden;
    transition: all .5s ease-in-out;
    animation: txtbgclr infinite alternate;
    animation-duration: 4s;
    transition-timing-function: cubic-bezier(.29, 1.01, 1, -0.68);
}

/*@keyframes txtbgclr {
  from {color: #0765d0;}
  to {color: #febc16;}
}*/

.section6-column1 .boxes .text {
    align-self: center;
    position: relative;
}

.section6-column1 .box1 {
    padding-right: 71px;
}

.section6-column1 .box2 {
    position: relative;
    left: -61px;
}

.section6-column1 .box1 .img,
.section6-column1 .box2 .img {
    position: relative;
    top: -20px;
}

.section6-column1 .box4 {
    text-align: center;
    position: relative;
    left: 40px;
    overflow: hidden;
}

.section6-column1 .box4 img {
    *animation: zoom-in-zoom-out 3s ease infinite;
}

@keyframes zoom-in-zoom-out {
    0% {
        transform: scale(1, 1);
    }

    50% {
        transform: scale(1.1, 1.1);
    }

    100% {
        transform: scale(1, 1);
    }
}

.section6-column1 .box3 {
    justify-content: flex-end;
    position: relative;
    left: 70px;
    top: 10px;
}

.section6-column1 .box3 .img {
    position: relative;
    top: 22px;
    left: 10px;
}

.section6-column1 .box5 {
    align-items: flex-start;
    position: relative;
    top: 60px;
}

.section6-column1 .box5 .img {
    order: 1;
    position: relative;
    top: -10px;
}

.section6-column1 .box5 .text {
    order: 2;
    align-self: center;
    text-align: left;
    position: relative;
    top: -43px;
    left: 13px;
}

.section6-column1 .box6 {
    position: relative;
    top: -17px;
    left: 14px;
}

.section6-column1 .box6 .text {
    top: -12px;
}

.section6-column1 .box6 .img {
    align-self: center;
    position: relative;
    left: -124px;
}

.section6-column1 .box1 .text {
    width: 54%;
}

.section6-column1 .box1 .text::after {
    content: "";
    position: absolute;
    bottom: -112px;
    left: 50%;
    background-image: url(../../assets/images/smo-arrow-right.PNG);
    height: 79%;
    width: 80%;
    background-size: contain;
    background-repeat: no-repeat;
}

.section6-column1 .box2 .text::before {
    content: "";
    position: absolute;
    top: -29%;
    left: -28%;
    height: 70%;
    width: 70%;
    background-image: url(../../assets/images/smo-arrow-left.PNG);
    z-index: -1;
    background-repeat: no-repeat;
    background-size: contain;
}

.section6-column1 .box3 .text::after {
    content: "";
    position: absolute;
    height: 78%;
    width: 78%;
    background-image: url(../../assets/images/smo-arrow-down.PNG);
    background-repeat: no-repeat;
    background-size: contain;
    bottom: -78%;
    left: -45%;
}

.section6-column1 .box5 .text::after {
    content: "";
    position: absolute;
    height: 70%;
    width: 70%;
    background-image: url(../../assets/images/smo-arrow-right2.PNG);
    background-repeat: no-repeat;
    background-size: contain;
    bottom: 1%;
    right: -83%;
}

.section6-column2 {
    display: flex;
    flex-direction: column;
    gap: 25px;
    width: 33%;
    padding: 130px 0 60px;
    justify-content: space-between;
}

.section6-column2 .box1 .benefits {
    margin-top: 0;
}

.section6-column2 .box1 .content-welcome p {
    width: 100%;
    padding: 15px 0 0 0;
    line-height: 1.4vw;
    font-size: .9vw;
}

.section6-column2 .box1 .sub-box1 {
    display: flex;
    align-items: center;
    gap: 25px;
    margin-top: 100px;
}

.section6-column2 .box1 .sub-box1 .call-action a {
    color: #1e1b21;
    font-size: max(12px, 1.2vw);
    font-weight: 600;
    padding: 0.1em 1em;
    border-radius: 25px;
    border: 1px dashed #b9b9b9;
}

.section6-column2 .box1 .sub-box1 .call-action i {
    color: #1e1b21;
    font-size: 20px;
    margin-right: 10px;
    animation: shake 2s infinite cubic-bezier(0.19, 1.01, 1, -0.68) both;
}

@keyframes shake {

    5%,
    45% {
        transform: rotate3d(0, 0, 1, -5deg);
    }

    10%,
    40% {
        transform: rotate3d(0, 0, 1, 5deg);
    }

    15%,
    25%,
    35% {
        transform: rotate3d(0, 0, 1, -5deg);
    }

    20%,
    30% {
        transform: rotate3d(0, 0, 1, 5deg);
    }

    51% {
        transform: rotate3d(0, 0, 0, 0deg);
    }

    100% {
        transform: rotate3d(0, 0, 0, 0deg);
    }
}

.section6-column2 .box2 {
    position: relative;
}

.section6-column2 .box2 .img-box img {
    width: calc(100% - 26px);
}

.section6-column2 .box2::before {
    content: "";
    position: absolute;
    top: -10px;
    background-color: #a1a1a1;
    height: 1px;
    width: 95%;
}

/* Section 6 ends here */

/* Section 7 starts here */
.section7 {
    position: relative;
}

.section7-col1 .benefits {
    margin-top: 0;
}

.section7-col1 .content-welcome p {
    width: 98%;
    padding: 15px 0 0 0;
}

.section7-col1 .img-box {
    margin-top: 40px;
}

.section7-col1 .img-box img {
    width: calc(100% - 16px);
    object-fit: cover;
}

.section7-col2 {}

.section7-col2 .box1 {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    position: relative;
}

.section7-col2 .box1::after {
    content: "";
    position: absolute;
    bottom: -2.5vw;
    width: 97%;
    left: 0;
    right: 0;
    height: 1px;
    *background-image: linear-gradient(to right, transparent 50%, #ffbb16 50%);
    *background-size: 0.5vw 100%;
    border-bottom: 1px dashed #ffbb16;
}

.section7-col2 .box1 .sub-box {
    flex: 0.5;
    cursor: pointer;
    position: relative;
}

.arrow-down {
    position: absolute;
    animation: arrow-pulse-down 1200ms linear infinite;
    display: none;
}

.active-arrow {
    display: inline;
}

.inactive-arrow {
    display: none;
}

@keyframes arrow-pulse-down {
    0% {
        top: 0px;
        opacity: 10;
    }

    12% {
        top: 5px;
        opacity: 1;
    }

    25% {
        top: 10px;
        opacity: 1;
    }

    50% {
        top: 15px;
        opacity: 1;
    }

    62% {
        top: 13px;
        opacity: 1;
    }

    75% {
        top: 6px;
        opacity: 1;
    }

    87% {
        top: 2px;
        opacity: 1;
    }

    100% {
        top: 0px;
        opacity: 1;
    }
}

.section7-col2 .box1 .sub-box p {
    color: #202227;
    font-size: 0.68vw;
    font-size: 0.8vw;
    font-weight: 400;
    line-height: 1vw;
    width: 88%;
    margin-top: 1rem;
}

.section7-col2 .box1 .sub-box p:nth-of-type(2) {
    width: 83%;
}

.section7-col2 .box1 .sub-box p:nth-of-type(4) {
    width: 67%;
}

.section7-col2 .box1 .sub-box h3 {
    font-size: 1.14vw;
    font-weight: 500;
    display: inline-block;
}

.section7-col2 .box1 .sub-box i {
    font-size: 1.5rem;
    margin-left: 1rem;
}

.section7-col2 .box2 {
    position: relative;
    top: 0;
    max-width: 100%;
    padding: 0;
}

.section7-col2 .box2 h2 {
    color: #036c67;
    font-size: var(--fs-700);
    font-weight: 600;
}

.section7-col2 .box2 p {
    width: 100%;
    padding-bottom: 10px;
}

.active-style h3 {
    color: #fb6584;
}

.active-style i {
    color: #fb6584;
}

.section7-col2 .smo-column2 {
    display: flex;
    align-items: center;
    position: relative;
    top: 2.3vw;
}

.smo-column2 .box2 .sub-box {
    display: flex;
    align-items: center;
    gap: 5vw;
    *margin-top: 3vw;
    margin-top: 4vw;
    position: relative;
}

.smo-column2 .box2 .sub-box::before {
    content: "";
    position: absolute;
    *width: 78%;
    width: 79.3%;
    height: 2px;
    background-color: #959595;
    top: -1vw;
}

.smo-column2 .box2 .sub-box h3 {
    font-size: 1.4vw;
    font-weight: 600;
}

.smo-column2 .box2 .sub-box .call-action a {
    color: #1e1b21;
    font-size: max(12px, 1.2vw);
    font-weight: 500;
    padding: 0.1em 1em;
    border-radius: 25px;
    border: 1px dashed #ffbb16;
}

.smo-column2 .box2 .sub-box .call-action i {
    color: #1e1b21;
    font-size: 20px;
    margin-right: 10px;
    animation: shake 2s infinite cubic-bezier(0.19, 1.01, 1, -0.68) both;
}

.section7-col2 .box3 {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 2.8vw;
}

.section7-col2 .box3 h2 {
    margin-top: 2vw;
    font-size: 1.7vw;
    text-align: center;
    width: 95%;
    font-weight: 600;
}

.section7-col2 .box3 p {
    width: 77%;
    text-align: center;
    margin-top: 0.8vw;
    color: #3b3b3b;
    font-size: 0.8vw;
    font-weight: 300;
}

.section7-col2 .box3 .img-box img {
    object-fit: cover;
}

.section7-col2 .box1 div:nth-of-type(2) p {
    width: 85%;
}

.section7-col2 .box1 div:nth-of-type(4) p {
    width: 87%;
}




@media only screen and (max-width: 1600px) {
    .smo-title-content p {
        font-size: 1vw;
        line-height: 1.5vw;
    }

    .title-cont-pages {
        font-size: max(24px, 3vw);
    }

    .welcome-cr-smo {
        padding: 15em 6em 5em 6em;
    }

    .button-content .button-arrow {
        left: 8px;
    }

    .section1 .content-welcome p {
        width: 90%;
    }

    .section1 .design-image img {
        width: 75%;
        position: relative;
        left: 20px;
    }

    .section1 .design-btns {
        margin-top: 50px;
    }

    .section1 .button-content {
        margin-top: 15px;
    }

    .section1 .design-content .box1 .design-image video {
        width: 85%;
        top: 18px;
        *left: 35px;
        left: 0px;
    }

    .section2 {
        padding-top: 11em;
    }

    .advertisement-icon2 .icon2 img {
        width: 26px;
        height: 26px;
    }

    .advertisement-icon1 .icon1 img {
        width: 26px;
        height: 26px;
    }

    .section2 .row2 {
        margin-top: 40px;
    }

    .section2 .row1 .col3 img {
        width: 86%;
    }

    .section2 .row1 .col2 .box .heading {
        top: 0;
    }

    .section2 .row1 .col1 .local-agency-list ul li:after {
        left: 45px;
    }

    .section2 .row1 .col2 .box p {
        font-size: 1vw;
        line-height: 1.5vw;
    }

    .section2 .row1 .col2 .box h3::before {
        top: -26px;
    }

    .advertisement-icon4 {
        width: 2.35vw;
    }

    .benefits {
        margin-top: 40px;
    }

    .benefits h2 {
        padding: 10px 0 20px 0;
    }

    .section3-main-box {
        padding-top: 9em;
    }

    .section3 .title-cont-pages {
        font-size: 2.9vw;
    }

    .connection-customer2 .row-box {
        gap: 85px;
        margin-left: 60px;
    }

    .connection-customer1 .column2 .column2-lower-box {
        top: -16px;
    }

    .connection-customer1 .column2 .column2-lower-box img {
        width: 90%;
    }

    .connection-customer2 .column .box h3::after {
        width: 104%;
    }

    .connection-customer1 .privacy-choices p:nth-of-type(1) {
        padding-top: 10px;
    }

    .get-started-project {
        margin-bottom: 0;
    }

    .connection-customer1 .column2 .column2-lower-box .img-box img {
        width: 90%;
        left: 34px;
    }

    .connection-customer2 .column .box p {
        padding-left: 12px;
    }

    .connection-customer2 .column .box p::before {
        width: 5px;
    }

    .section4-main-box {
        padding: 9em 6em;
    }

    .smo-user-video video {
        bottom: -8px;
    }

    .section4-main-box .column2 .box-content {
        margin-top: 5vw;
    }

    .section4-main-box .box2 .benefits p {
        margin-top: 1.9vw;
    }

    .section4-main-box .column2 .box1 .pricing-custom-call .line-1 {
        font-size: 150%;
    }

    .section4-main-box .column2 {
        left: 0px;
        top: 9px;
    }

    .section4-main-box .column2 .box1 .pricing-custom-call {
        margin-top: 7vw;
    }

    .section4-main-box .column2 .box1 .content-welcome p {
        width: 90%;
    }

    .section4-main-box .box2 .content-welcome p {
        padding-top: 23px;
    }

    .section4-main-box .box2 img {
        width: 101%;
    }

    .section4-main-box .column2 .box1 .global-seo-agency h3 {
        margin-top: 0;
    }

    .section4-main-box .column2 .box1 .pricing-custom-call .pricng-call {
        width: 8%;
    }

    .pricing-custom-call h5 {
        font-size: 14px;
    }

    .section4-main-box .column2 .box1 .pricing-custom-call h6 {
        font-size: 15px;
    }

    .section5-content .icon-box::after {
        height: 87%;
    }

    .section5 {
        padding: 10em 6em;
    }

    .section-5-column2 .box1 .sub-box2 h1 {
        font-size: 1.9vw;
    }

    .section-5-column2 {
        position: relative;
        left: 26px;
        background-position-y: 134px;
        background-position-x: 130px;
        gap: 8em;
    }

    .section-5-column2 .box1 .sub-box2 h2 {
        margin-bottom: 15px;
    }

    .section-5-column2 .box1 .sub-box1 img {
        width: calc(100% + 20px);
    }

    .section5-content .icon-box {
        left: 40px;
    }

    .section5-content .icon-box .box2 {
        top: -22px;
        left: 20px;
    }

    .section5-content .icon-box .box3 {
        left: 39px;
        top: -24px;
    }

    .section5-content .icon-box .box4 {
        top: -33px;
        left: -4px;
    }

    .section5-content .icon-box .box5 {
        top: -41px;
        left: 36px;
    }

    .section-5-column2 .box2 {
        margin: 48px 0 0 22px;
    }

    .section5-content .icon-box::after {
        right: 29px;
    }

    .section-5-column2 .box1 .sub-box1 video {
        max-width: 102%;
    }

    .section-5-column2 .box1 .sub-box2 p {
        font-size: 14px;
    }

    .section-5-column2 .box2 .sub-box .img-box {
        height: 60px;
        width: 60px;
    }

    .section-5-column2 .box2 .sub-box1 .img-box img {
        height: 35px;
        width: 35px;
    }

    .section-5-column2 .box2 .sub-box2 .img-box img {
        height: 35px;
        width: 35px;
    }

    .section-5-column2 .box2 .sub-box3 .img-box img {
        height: 25px;
        width: 25px;
    }

    .section-5-column2 .box2 .sub-box p {
        width: 87%;
    }

    .section-5-column2 .box2 .sub-box p {
        font-size: 14px;
    }

    .section6 {
        padding: 9em 6em;
    }

    .section6-column1 .boxes .img img {
        width: 85%;
    }

    .section6-column1 .boxes .text {
        width: 54%;
    }

    .section6-column1 .box1 .text,
    .section6-column1 .box6 .text {
        width: 57%;
    }

    .section6-column1 .box1 .img,
    .section6-column1 .box2 .img {
        top: -18px;
    }

    .section6-column1 .box2 {
        left: -85px;
    }

    .section6-column1 .box1 .img {
        left: 8px;
    }

    .section6-column1 .box3 {
        left: 71px;
        top: 4px;
    }

    .section6-column1 .box3 .img {
        top: 12px;
    }

    .section6-column1 .box3 .text::after {
        height: 71%;
        width: 63%;
        bottom: -66%;
        left: -20%;
    }

    .section6-column1 .box4 {
        left: 20px;
    }

    .section6-column1 .box4 img {
        width: calc(100% - 248px);
    }

    .section6-column1 .box5 {
        top: 39px;
    }

    .section6-column1 .box5 .img {
        position: relative;
        top: -25px;
    }

    .section6-column1 .box6 {
        top: -20px;
        left: 8px;
    }

    .section6-column1 .box6 .img {
        left: -83px;
    }

    .section6-column1 .box5 .text::after {
        right: -75%;
        height: 60%;
    }

    .section6-column1 .box1 .text::after {
        bottom: -95px;
    }

    .section6-column1 .box2 .text::before {
        top: -29%;
        left: -8%;
        height: 70%;
        width: 60%;
    }

    .section6-column2 {
        gap: 20px;
    }

    .section6-column2 .box1 .sub-box1 {
        margin-top: 88px;
    }

    .section6-column2 .box1 .sub-box1 .call-action i {
        font-size: 15px;
        gap: 20px;
    }

    .section6-column2 .box2 .img-box img {
        width: 96%;
    }

    .section6-column2 .box1 .content-welcome p {
        padding: 15px 0 0 0;
    }

    .section6-column2 .box1 .call-info {
        font-size: clamp(17px, 1.6vw, 5rem);
    }

    .section6-column1 .box6 .text {
        top: -14px;
    }

    .optimisation-icon3 {
        width: 2.3vw;
    }

    .section7-col1 {
        padding: 0;
    }

    .section7-col1 .content-welcome p {
        width: 98%;
    }

    .section7-col2 .box2 p {
        width: 78%;
    }

    .section7-col2 .box1 .sub-box p {
        width: 91%;
        font-size: 0.9vw;
    }

    .smo-column2 .box2 .sub-box::before {
        width: 81%;
    }

    .section7-col2 .box1::after {
        bottom: -2vw;
    }
}

@media only screen and (max-width: 1366px) {

    .section3-main-box,
    .section4-main-box,
    .section2,
    .section5,
    .section6 {
        padding: 8em 6em;
    }

    .section2 {
        padding: 6em;
    }

    .section7-main {
        padding: 8em 6em;
    }

    .smo-button-content .button-arrow .arrow_icon {
        left: 10.5%;
    }

    .smo-button-content .button-arrow {
        left: 6px;
    }

    .section1 .design-text {
        padding: 0.7vw 0.7vw;
    }

    .section1 .design-text:nth-of-type(2) {
        padding: 0.7vw 1vw;
    }

    .section2 .row1 .col1 .local-agency-list::after {
        bottom: 306px;
    }

    .section2 .row1 .col2 .box h3 {
        margin-top: 26px;
    }

    .section2 .row1 .col2 .box p {
        width: 95%;
    }

    .section2 .row1 .col3 img {
        position: relative;
        top: -15px;
        left: 34px;
    }

    .btn-proposal {
        right: 4%;
        bottom: -25px;
    }

    .section2 .row1 .col2 .box h3::before {
        top: -16px;
    }

    .section2 .row1 .col2 .box .heading {
        top: 16px;
    }

    /* .section2 .row1 .col1 .local-agency-list ul li:after {left:38px;} */
    .section2::before {
        left: -42em;
    }

    .section2 .row2 .box .box-content h4 {
        font-size: 12px;
    }

    .section2 .row2 .box .box-content .info {
        margin-top: 3px;
    }

    .section2 .row2 .box .img-box img {
        width: 90%;
    }

    .connection-customer2 .column .box p::before {
        top: 3px;
    }

    .connection-customer2 .column .box h3::after {
        width: 100%;
    }

    .benefits {
        margin-top: 20px;
    }

    .benefits h3 {
        margin-top: 20px;
    }

    .management-icon4 {
        width: 2.3vw;
    }

    .connection-customer1 .privacy-choices p {
        font-size: 13px;
        width: 80%;
    }

    .connection-customer2 .column .box p {
        font-size: 13px;
    }

    .get-started-project::after {
        width: 90%;
    }

    .connection-customer2 .column .box h3 {
        font-size: 13px;
    }

    .connection-customer2 .row-box {
        gap: 87px;
    }

    .section4-main-box .box2 .content-welcome {
        margin-top: 0;
    }

    .section4-main-box .column2 .box1 .content-welcome p {
        font-size: 13px;
    }

    .smo-section4-main-row .column1 .box {
        margin-top: 0vw;
    }

    .benefits h3 {
        margin: 0;
    }

    .section4-main-box .box2 .benefits p {
        font-size: 13px;
    }

    .section4-main-box .column2 .box1 .pricing-custom-call {
        margin-top: 10vw;
    }

    .section4-main-box .column2 .box1 .pricing-custom-call::before {
        top: 8px;
        width: 96%;
    }

    .section4-main-box .box-content p {
        width: 93%;
        font-size: 13px;
    }

    .section4-main-box .column1 img {
        width: 63%;
    }

    .section4 .privacy-choices p {
        font-size: 13px;
    }

    .section4-main-box .column2 .box1 .pricing-custom-call h6 {
        font-size: 12px;
    }

    .section4-main-box .box-content p:nth-of-type(2) {
        width: 95%;
    }

    .pricing-custom-call h5 {
        font-size: 12px;
    }

    .section4-main-box .column2 .box1 .pricing-custom-call h6 span::before {
        height: 8px;
    }

    .section4-main-box .box2 img {
        width: 109%;
    }

    .section4-main-box .column2 .box1 .pricing-custom-call .line-1 {
        font-size: 112%;
    }

    .section4-main-box .column2 .box1 .pricing-custom-call .pricng-call {
        margin-right: 10px;
    }

    .section-5-column2 .box1 .sub-box2 h1 {
        font-size: 1.8vw;
    }

    .section-5-column2 .box1 .sub-box2 p {
        width: 100%;
    }

    .section-5-column2 .box2 {
        margin-left: 14px;
    }

    .section-5-column2 .box1 {
        margin-left: 2vw;
    }

    .section-5-column2 .box1 .sub-box2::before {
        width: 9px;
    }

    .section5-content .icon-box::after {
        height: 85%;
    }

    .section-5-column2 .box1 .sub-box1 img {
        width: 100%;
    }

    .section-5-column2 .box1 .sub-box2 {
        top: 20px;
    }

    .section-5-column2 {
        padding-left: 0px;
        padding-right: 0px;
    }

    .section-5-column2 .box2 .sub-box p {
        font-size: 1vw;
    }

    .section-5-column2 .box2 .sub-box h3 {
        margin: 10px auto;
    }

    .section6-column2 .box1 .content-welcome p {
        padding: 6px 0 0 0;
    }

    .section6-column2 .box1 .sub-box1 {
        margin-top: 64px;
    }

    .section6-column1 {
        top: 26px;
    }

    .section6-column1 .box2 .text::before {
        left: -18%;
    }

    .section6-column1 .box5 .img {
        top: -18px;
    }

    .section6-column1 .box1 .text {
        width: 76%;
    }

    .section6-column1 .box1 .text::after {
        bottom: -74px;
        height: 66%;
        left: 54%;
    }

    .section6-column1 .box3 .text::after {
        height: 75%;
        left: -37%;
        bottom: -70%;
    }

    .section7-col2 .box1 .sub-box p {
        width: 89%;
        line-height: 15px;
    }

    .smo-column2 .box2 .sub-box .call-action i {
        font-size: 12px;
    }

    .section3 .title-cont-pages {
        font-size: 2.8vw;
    }

    .section7-col2 .box2 p {
        font-size: 13px;
        width: 84%;
    }

    .section7-col1 .content-welcome p {
        font-size: 13px;
    }
}

@media only screen and (max-width: 1024px) {
    .smo-button-content .button-arrow {
        left: 4px;
    }

    .title-cont-pages {
        line-height: 36px;
    }

    .section1 .design-image {
        width: 40%;
    }

    .section1 .design-content {
        padding-top: 50px;
    }

    .section1 .design-btns {
        margin-top: 40px;
        border-top-left-radius: 15px;
        border-bottom-right-radius: 15px;
        padding: 0.4vw 0.4vw .7vw;
    }

    .section1 .design-text,
    .section1 .design-text:nth-of-type(2) {
        padding: 0.9vw;
    }

    .section1 .button-content {
        margin-top: 25px;
    }

    .smo-button-content .button-arrow .arrow_icon {
        left: 13%;
    }

    .section1 .design-content .box1 .design-image video {
        top: 24px;
    }

    .section1 .design-text {
        font-size: 11px;
    }

    .smo-hero-image video {
        margin-top: 2em;
    }

    .section2 .content-welcome p {
        width: 54%;
    }

    .section2 .row1 {
        top: -17px;
    }

    .section2 .row1 .col2 .box p {
        width: 94%;
    }

    .section2 .row1 .col3 img {
        width: 100%;
        top: -10px;
        left: 0;
    }

    .section2 .row2 .box .box-content h4 {
        font-size: 9px;
    }

    .section2 .row2 .box .box-content .info {
        font-size: 8px;
    }

    .section2 .row1 .col2 .box .heading {
        top: 36px;
    }

    .section2 .row1 .col1 .local-agency-list ul li {
        padding: 13px 0px 11px 4px;
    }

    .section2 .row1 .col1 .local-agency-list {
        padding-right: 0px;
    }

    .advertisement-icon1 .icon1 img {
        width: 20px;
        height: 20px;
    }

    .advertisement-icon3 .icon3 img {
        width: 20px;
        height: 20px;
        margin-top: 11px;
    }

    .optimisation-icon3 .icon3 img {
        width: 20px;
        height: 20px;
        margin-top: 10px;
    }

    .advertisement-icon2 .icon2 img {
        width: 18px;
        height: 18px;
    }

    .optimisation-icon4 .icon4 svg {
        width: 26px;
        height: 26px;
        margin-top: 5px;
    }

    .management-icon1 .icon1 svg {
        width: 26px;
        height: 26px;
        margin-top: 5px;
    }

    .section4-main-box .column1 .box .smo-active {
        background-position-y: 1.6vw;
        font-size: 21px;
    }

    .section4-main-box .column1 .box ul li {
        font-size: 21px;
    }

    .section4-main-box .column1 .box ul {
        margin-top: -5vw;
    }

    .section4-main-box .box-content p {
        font-size: 1.3vw;
        line-height: 20px;
    }

    .section4-main-box .box2 .benefits p {
        font-size: 1.3vw;
        line-height: 20px;
    }

    .section4-main-box .column2 .box1 .pricing-custom-call .line-1 {
        font-size: 83%;
    }

    .section2 .row1 .col1 .local-agency-list ul li img {
        width: 12px;
        height: 12px;
    }

    .section2 .row1 .col1 .local-agency-list ul li:nth-of-type(1) img {
        width: 12px;
        height: 12px;
    }

    .section2 .row1 .col1 .local-agency-list ul li:nth-of-type(4) img {
        width: 14px;
        height: 14px;
    }

    .section2 .row1 .col1 .local-agency-list ul li:nth-of-type(8) img {
        width: 14px;
        height: 14px;
    }

    .section2 .row2 {
        margin-top: 90px;
    }

    .section2 .row1 .col1 .local-agency-list ul li:after {
        left: 28px;
    }

    .bar-container {
        width: 30px;
    }

    .smo-icon {
        width: 30px;
    }

    .bar {
        width: 30px;
    }

    .optimisation-icon1 .icon1 img {
        width: 23px;
        height: 23px;
    }

    .main-seo-heading ul li {
        font-size: 10px;
    }

    .section3 .title-cont-pages {
        font-size: 2.7vw;
    }

    .benefits h2 {
        font-size: max(25px, 2.5vw);
    }

    .connection-customer2 .column {
        gap: 54px;
    }

    .connection-customer2 .column .box p {
        width: 116%;
    }

    .connection-customer2 .column .box h3::after {
        width: 100%;
        bottom: -10px;
    }

    .section2 .row2::before {
        left: 0px;
        width: 100%;
    }

    .connection-customer1 .column2 .column2-lower-box .img-box img {
        top: -10px;
    }

    .connection-customer1 .privacy-choices p {
        width: 100%;
        font-size: 13px;
        line-height: 20px;
    }

    .connection-customer1 .column2 .column2-lower-box {
        top: 90px;
    }

    .connection-customer2 .column .box p::before {
        top: 3px;
        bottom: 4px;
        width: 4px;
    }

    .connection-customer1 {
        padding-left: 3px;
    }

    .section3 .main-smo-heading ul li {
        line-height: 11px;
    }

    .connection-customer2 .column .box p {
        font-size: 13px;
    }

    .section4-main-box .column1 {
        padding: 0;
    }

    .section4-main-box .column2 .box1 .pricing-custom-call h6 {
        margin-top: 6px;
    }

    .pricing-custom-call h5 {
        font-size: 11px;
    }

    .section4 .privacy-choices p {
        width: 103%;
        margin-bottom: 65px;
    }

    .smo-title-content {
        padding-left: 0px;
    }

    .smo-button-content .button-arrow .arrow_icon {
        left: 13%;
    }

    .unfolding-power {
        font-size: max(17px, 1.8vw);
        width: 95%;
    }

    .section4-main-box .column2 .box1 .pricing-custom-call::before {
        width: 90%;
        top: 15%;
    }

    .section4 .pricng-call {
        position: relative;
        top: 8px;
    }

    .btn-proposal {
        font-size: 10px;
        right: 10%;
    }

    .section4 .pricing-custom-call h6 span:before {
        left: 0;
    }

    .section4 .privacy-choices p {
        font-size: 1.3vw;
        line-height: 20px;
    }

    .smo-user-video video {
        bottom: 8px;
    }

    .section-5-column2 .box1 {
        margin-left: 0;
        gap: 4em;
    }

    .section5-column1 .thingstothink p {
        font-size: 11px;
        line-height: 15px;
    }

    .section5-column1 {
        gap: 6em;
    }

    .section-5-column2 .box2 .sub-box .img-box {
        height: 40px;
        width: 40px;
    }

    .section-5-column2 .box1 .sub-box1 img {
        width: calc(100% + 42px);
    }

    .section-5-column2 .box1 .sub-box2 {
        top: 0;
    }

    .section-5-column2 .box2 {
        margin: 32px 0 0 15px;
    }

    .section5-content .icon-box {
        left: 11px;
    }

    .section5-content .icon-box::after {
        right: -13px;
        height: 83%;
    }

    .section5-content .icon-box .box2 {
        top: -11px;
        left: 5px;
    }

    .section5-content .icon-box .box3 {
        left: 22px;
        top: -13px;
    }

    .section5-content .icon-box .box4 {
        top: -18px;
        left: -1px;
    }

    .section5-content .icon-box .box5 {
        top: -23px;
        left: 24px;
    }

    .section-5-column2 .box2 .sub-box p {
        font-size: 11px;
    }

    .section-5-column2 .box1 .sub-box2 p {
        font-size: 11px;
    }

    .section5-column1 .thingstothink h3 {
        font-size: 15px;
    }

    .section5-content .icon-box .box p {
        font-size: 11px;
        width: 74%;
    }

    .section-5-column2 .box2 .sub-box1 .img-box img {
        height: 30px;
        width: 30px;
    }

    .section-5-column2 .box2 .sub-box2 .img-box img {
        height: 30px;
        width: 30px;
    }

    .section-5-column2 .box2 .sub-box3 .img-box img {
        height: 20px;
        width: 20px;
    }

    .section-5-column2 .box2 .sub-box h3 {
        font-size: 12px;
        margin: 10px auto;
    }

    .section-5-column2 {
        background-position-y: 181px;
        background-position-x: 48px;
        background-size: 100%;
    }

    .section5 {
        padding: 10em 6em 10em 5em;
    }

    .section-5-column2 .box1 .sub-box2 h1 {
        font-size: 17px;
    }

    .section-5-column2 .box1 .sub-box2::before {
        height: 77%;
        width: 7px;
    }

    .section6-column1 .boxes .text h3 {
        font-size: 15px;
    }

    .section6-column1 {
        width: 67%;
    }

    .section6-column2 .box1 .sub-box1 .call-action a {
        font-size: 10px;
    }

    .advertisement-icon4 .icon4 img {
        width: 20px;
        height: 20px;
    }

    .section6-column1 .box5 .text {
        left: -29px;
    }

    .section6-column1 .box5 {
        left: -15px;
    }

    .section6-column2 .box1 .call-info {
        margin-left: 10px;
    }

    .section6-column2 .box1 .sub-box1 .call-action i {
        font-size: 11px;
    }

    .section6-column2 .box1 .sub-box1 {
        gap: 0px;
    }

    .section7-col2 .box1 .sub-box i {
        margin-left: 0.5rem;
    }

    .smo-column2 .box2 .sub-box .call-action i {
        font-size: 14px;
    }

    .smo-column2 .box2 .sub-box::before {
        width: 89%;
    }

    .section6-column2 .box1 .content-welcome p {
        font-size: 13px;
        line-height: 20px;
    }

    .section6-column1 .boxes .devlop-pargh-title .left-content {
        font-size: 13px;
        line-height: 20px;
    }

    .section6-column1 .box1 {
        padding-right: 0;
    }

    .section6-column1 .box2 {
        left: 0;
    }

    .section6-column1 .box1 .text::after {
        height: 50%;
        bottom: -70px;
        left: 30%;
    }

    .section6-column1 .boxes .text {
        width: 62%;
    }

    .section6-column1 .box3 .text::after {
        height: 55%;
        left: -9%;
        width: 66%;
        bottom: -61%;
    }

    .section6-column1 .box6 {
        left: 28px;
    }

    .section6-column1 .box6 .text {
        width: 100%;
        top: -24px;
    }

    .section6-column1 .box5 .text::after {
        right: -50%;
        top: 32px;
        height: 40%;
        width: 47%;
    }

    .section6-column2 .box1 .sub-box1 {
        margin-top: 70px;
    }

    .section6-column1 .box6 {
        top: 13px;
    }

    .section6-column1 .box5 .img {
        top: -40px;
    }

    .section7-col2 .box1 .sub-box p {
        font-size: 11px;
        margin-top: 0.5rem;
    }

    .section7-col2 .box2 p {
        width: 100%;
        line-height: 18px;
    }

    .section7-col2 {
        width: 50%;
    }

    .section7-col1 .content-welcome p {
        line-height: 18px;
    }

    .section7-col2 .box3 h2 {
        font-size: 2vw;
        margin-top: 4vw;
        width: 92%;
    }

    .section7-col2 .box3 p {
        font-size: 11px;
        width: 87%;
        margin-top: 3vw;
    }

    .smo-column2 .box2 .sub-box {
        gap: 7.5vw;
        margin-top: 5vw;
    }

    .section-5-column2 .box2 .sub-box {
        width: 33%;
    }

    .section-5-column2 .box2 .sub-box:hover {
        transform: translateZ(0) scale(1.05);
    }

    .section7-col2 .smo-column2 {
        top: 4vw;
    }

    .section7-col2 .box2 {
        top: 0vw;
    }

    .section7-col1 .img-box {
        margin-top: 90px;
    }

    .section7-col2 .box3 {
        *margin-top: 35px;
        margin-top: 0;
        gap: 2vw;
    }

    .section4-main-box #orm-reputation svg {
        transform: translate3d(-17px, 8px, 0px) !important;
    }

    .section4-main-box .column2 .box1 .pricing-custom-call {
        margin-top: 9vw;
    }

    .section7-main {
        padding: 9em 5em;
    }

    .section2 {
        padding: 8em 5em;
    }

    @keyframes arrow-pulse-down {
        0% {
            top: 0px;
            opacity: 10;
        }

        12% {
            top: 3px;
            opacity: 1;
        }

        25% {
            top: 5px;
            opacity: 1;
        }

        50% {
            top: 8px;
            opacity: 1;
        }

        62% {
            top: 7px;
            opacity: 1;
        }

        75% {
            top: 3px;
            opacity: 1;
        }

        87% {
            top: 2px;
            opacity: 1;
        }

        100% {
            top: 0px;
            opacity: 1;
        }
    }

}

@media only screen and (max-width: 1000px) {
    .section6-column2 .box1 .sub-box1 .call-action i {
        font-size: 10px;
    }

    .section6-column2 .box1 .sub-box1 .call-action a {
        font-size: 9px;
    }

    .section6-column1 .box3 .text::after {
        height: 44%;
        left: -7%;
        width: 66%;
        bottom: -43%;
    }
}

@media only screen and (max-width: 800px) {
    .section5-content .icon-box .box4 {
        left: 2px;
        top: -27px;
    }

    .section5-content .icon-box .box p {
        width: 46%;
        line-height: 20px;
        font-size: 1.8vw;
    }

    .section5-content .icon-box .box2 {
        top: -15px;
        left: 17px;
    }

    .section5-content .icon-box .box3 {
        top: -19px;
    }

    .section5-content .icon-box .box5 {
        top: -34px;
    }

    .section5-column1 .thingstothink h3 {
        font-size: 19px;
    }

    .section-5-column2 .box1 {
        gap: 5em;
    }

    .section-5-column2 .box2 {
        flex-wrap: wrap;
        gap: 3vw;
    }

    .section-5-column2 .box2 .sub-box {
        width: 41%;
    }

    .section-5-column2 {
        margin-top: 7vw;
    }

    .section-5-column2 .box1 .sub-box2 h1 {
        font-size: 21px;
    }
}

@media only screen and (max-width:799px) and (min-width:768px) {
    .section2 .row2 .box:nth-of-type(2) .img-box img {
        width: 100%;
        object-fit: cover;
    }

    .section2 .row2 .box .img-box {
        width: 50px;
    }

    .section2 .row2 .box:nth-of-type(4) .img-box img {
        width: 100%;
        object-fit: cover;
    }

    .section2 .row2 .box:nth-of-type(5) .img-box img {
        width: 100%;
        object-fit: cover;
    }

    .section6-column1 .box4 {
        overflow: visible;
    }

    .section6-column1 .box4 img {
        *animation: none;
    }
}

@media only screen and (max-width:991px) and (min-width:800px) {
    .section7-main {
        padding: 7em 6em 12em 6em;
    }

    .section6-column1 .box4 {
        overflow: visible;
    }

    .section6-column1 .box4 img {
        *animation: none;
    }
}

@media only screen and (max-width:2559px) and (min-width:1921px) {

    .section3-main-box,
    .section4-main-box,
    .section2,
    .section5,
    .section6 {
        padding: 16em 6em;
    }

    .section7-main {
        padding: 16em 6em;
    }

    .smo-hero-image video {
        left: 3vw;
    }

    .smo-user-video {
        width: 25vw;
    }
}

@media only screen and (max-width:5000px) and (min-width:2560px) {

    .section3-main-box,
    .section4-main-box,
    .section2,
    .section5,
    .section6 {
        padding: 16em 6em;
    }

    /* .section7-main {padding:16em 6em;} */
    .smo-hero-image video {
        left: 3vw;
    }

    .smo-user-video {
        width: 25vw;
    }
}


@media only screen and (max-width:999px) and (min-width:960px) {
    .section1 .design-content {
        padding-top: 4vw;
    }

    .section6-column2 .box1 .sub-box1 .call-action a {
        font-size: 16px;
    }

    .section6-column2 .box1 .sub-box1 .call-action i {
        font-size: 15px;
        margin-right: 10px;
    }

    .section7-col2 .box2 {
        top: 0vw;
    }

    .section7-col2 .box3 {
        gap: 0.5vw;
    }

    .section7-col2 .box3 h2 {
        margin-top: 3vw;
    }

    .section7-col2 .box3 .img-box {
        width: 100%;
        text-align: center;
    }

    .section7-col2 .box3 .img-box img {
        width: 64%;
        margin: 0 auto;
        justify-content: center;
    }

    .section5-content .icon-box .box1 i {
        padding: 1.5vw;
        font-size: 20px;
    }

    .section5-content .icon-box .box2 {
        top: -15px;
        left: 15px;
    }

    .section5-content .icon-box .box2 img {
        width: 3vw;
        height: 3vw;
    }

    .section5-content .icon-box .box3 img {
        width: 2.5vw;
        height: 2.5vw;
    }

    .section5-content .icon-box .box4 img {
        width: 3.5vw;
        height: 3.5vw;
    }

    .section5-content .icon-box .box4 {
        top: -33px;
        left: 8px;
    }

    .section5-content .icon-box .box5 img {
        width: 2.8vw;
        height: 2.8vw;
    }
}

@media only screen and (max-width:800px) and (min-width:768px) {
    .section7-col2 .box3 .img-box img {
        width: 80%;
    }

    .section7-col2 .box3 p {
        margin-top: 0vw;
    }
}

@media only screen and (max-width:2560px) and (min-width:1920px) {
    .welcome-cr-smo {
        /*padding: 85px 70px 0;*/
    }

    .section2 {
        padding: 9.5em 6em;
    }

    .section3-main-box {
        padding: 10em 6em;
    }

    .section4-main-box {
        padding: 10em 6em;
    }

    .section5 {
        padding: 10.5em 6em;
    }

    .section6 {
        padding: 10em 6em;
    }
}

.connection-customer2 .column .box {
    transition: .5s;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;
}

.connection-customer2 .column .box h3 {
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;
}

.connection-customer2 .column .box:hover {
    transform: translateY(-10px);
}

.connection-customer2 .column .box:hover h3::after {
    border-bottom: 1px dashed #febc16;
}

.connection-customer2 .column .box1:hover h3 {
    color: hsl(115deg 41% 62%);
}

.connection-customer2 .column .box2:hover h3 {
    color: #001efc;
}

.connection-customer2 .column .box3:hover h3 {
    color: hsl(52deg 71% 49%);
}

.connection-customer2 .column .box4:hover h3 {
    color: hsl(331deg 66% 56%);
}

/*==================   SMO Banner Section New Css  ====================*/

.welcome-smo-sec {
    padding: 85px 85px 70px;
}

.welcome-cr-smo {
    padding: 0;
}

.smo-hero-image {
    height: 100%;
    display: flex;
    align-items: flex-end;
}

.welcome-smo-sec-row {
    margin-right: 0;
    margin-left: 0;
    align-items: flex-end;
    display: flex;
    justify-content: space-between;
}

.welcome-smo-sec-row .smo-hero-title {
    padding-top: 80px;
    padding-left: 0px !important;
}

.section1 .design-text {
    font-size: 17px;
    padding: 12px 10px;
    color: #000;
    position: relative;
    font-weight: 500;
    line-height: 26px;
}

.smo-button-content {
    margin-top: 5px;
}

.section1 .design-content {
    padding-top: 10px;
}

.smo-title-icons .icon-2::before,
.smo-title-icons .icon-2::after {
    width: 2px;
}

.smo-title-icons .icon-1 {
    flex-basis: 14%;
}

.smo-title-icons .icon-2 {
    flex-basis: 14%;
}

.smo-title-icons .icon-3 {
    flex-basis: 14%;
}

.smo-title-icons .icon-2::before {
    left: -100%;
}

.smo-title-icons .icon-2::after {
    right: -100%;
}

.design-text1::before {
    content: '';
    position: absolute;
    top: -1px;
    right: 0;
    width: 0;
    height: 2px;
    background-color: #ffa133;
    transition: all 0.5s;
}

.design-text1::after {
    content: '';
    position: absolute;
    left: -21px;
    bottom: 0;
    width: 2px;
    height: 0;
    background-color: #ffa133;
    transition: all 0.6s;
}

.design-text1:hover::before {
    width: 119%;
}

.design-text1:hover::after {
    height: 100%;
}

.post-rds-hvr {
    border-top-left-radius: 0px !important;
}

.post-rds-hvr-botm {
    border-bottom-right-radius: 0px !important;
}

.design-text3::before {
    content: '';
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 0;
    height: 2px;
    background-color: #ff696f;
    transition: all 0.5s;
}

.design-text3::after {
    content: '';
    position: absolute;
    right: -21px;
    top: -1px;
    width: 2px;
    height: 0;
    background-color: #ff696f;
    transition: all 0.6s;
}

.design-text3:hover::before {
    width: 117%;
}

.design-text3:hover::after {
    height: 100%;
}

.design-text2::before,
.design-text2::after {
    content: "";
    width: 0;
    height: 2px;
    position: absolute;
    transition: all 0.2s linear;
    background: #09c6fd;
}

.design-text2::before {
    left: 50%;
    top: -1px;
    transition-duration: 0.4s;
}

.design-text2:hover::before,
.design-text2:hover::after {
    left: 0;
}

.design-text2::after {
    left: 50%;
    bottom: -1px;
    transition-duration: 0.4s;
}

.design-text2:hover::before,
.design-text2:hover::after {
    width: 100%;
}

/*==================   SMO Convenience Section New Css  ====================*/
.con_cus_sec {
    padding: 140px 85px 70px;
}

.con_cus_title {
    margin-top: -10px;
}

.con_cus_sec_wrap {
    width: 100%;
    float: left;
    position: relative;
    padding: 0 0px;
}

.section2 .local-agency-list ul li:hover img {
    filter: invert(35%) sepia(54%) saturate(4389%) hue-rotate(200deg) brightness(100%) contrast(101%);
}

.section2 .row1 {
    top: 0px;
}

.section2 .row1 .col1 .local-agency-list ul li {
    font-size: 16px;
    letter-spacing: 0.5px;
    line-height: 22px;
    font-weight: 400 !important;
}

.section2 .row1 .col2 .box p {
    font-size: 17px;
    line-height: 26px;
}

.section2 .row1 .col2 .box h3 {
    font-size: 20px;
    font-weight: 500;
    margin-top: 0;
}

.section2 .row1 .col2 .box .heading {
    font-size: 120px;
    color: #5d5d5d;
    opacity: 0.122;
    top: -25px;
}

.section2 .row2 {
    margin-top: 80px;
}

.section2 .row2 .box .box-content h4 {
    font-weight: 600;
    font-size: 15px;
    color: #000;
}

.section2 .row2 .box .box-content .info {
    font-size: 14px;
    font-weight: 500;
    margin-top: 3px;
}

.section2 .content-welcome p {
    padding-top: 10px;
}

.local-agency-list ul li:last-child:after {
    background-color: #fff;
}

.section2 .content-welcome .title-cont-pages {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
}

.section2 .content-welcome .title-cont-pages span {
    width: fit-content;
    color: #2c2d2d;
    font-weight: 600;
    background: #fff;
}

.section2 .row1 .col2 .box .heading {
    transition: 3s;
    transform: translateY(100%);
    opacity: 0;
}

.con_cus_sec.active .row1 .col2 .box .heading {
    opacity: 0.122;
    transform: translateY(0);
}

.section2 .content-welcome .title-cont-pages .conv {
    background: #fff;
    position: relative;
    z-index: 4;
}

.section2 .content-welcome .title-cont-pages .conn {
    background: #fff;
    position: relative;
    z-index: 3;
}

.section2 .content-welcome .title-cont-pages .cust {
    background: #fff;
    position: relative;
    z-index: 2;
}

.section2 .row1 .col1 .local-agency-list::before {
    height: 0;
    transition: all 0.5s ease;
}

.section2.active .row1 .col1 .local-agency-list::before {
    animation: heFullBord 2s 1s forwards;
}

.section2 .row1 .col1 .local-agency-list::after {
    width: 0;
    transition: all 0.5s ease;
}

.section2.active .row1 .col1 .local-agency-list::after {
    animation: topGrdBord 2s 1s forwards;
}

@keyframes topGrdBord {
    0% {
        width: 0;
    }

    100% {
        width: 86%;
    }
}

@keyframes heFullBord {
    0% {
        height: 0;
    }

    100% {
        height: 78%;
    }
}

.optimisation_whtbg {
    background: #fff;
    padding-top: 25px;
}

.bar-container {
    margin-bottom: 0;
}

/*==================   SMO Connections Customers Section-3 New Css  ====================*/

.smo_con_cstmrs_sec {
    padding: 140px 85px 70px;
    font-family: 'Poppins', sans-serif;
}

.smo_con_cstmrs_sec_card {
    padding: 0 15px;
}

.section3 .main-smo-heading ul li {
    color: #0765d0;
    font-size: 17px;
    line-height: 14px;
    border-color: #0765d0;
    position: relative;
}

.connection-customer1 .privacy-choices p:nth-of-type(1) {
    padding-top: 10px;
}

.smo_con_cstmrs_sec .benefits h2 {
    font-size: 47px;
    line-height: 60px;
    font-weight: 600;
}

.smo_con_cstmrs_sec .benefits h3 {
    font-size: 35px;
    line-height: 45px;
}

.smo_con_cstmrs_sec .benefits h3 span {
    display: inline-block;
    padding: 0px 13px;
    color: white;
    font-weight: 600;
    position: relative;
    z-index: 1;
    background: none;
    margin-left: 5px;
}

.smo_con_cstmrs_sec .benefits h3 span:after {
    position: absolute;
    left: 0;
    top: 3px;
    width: 100%;
    height: 40px;
    content: "";
    background: #016a63;
    z-index: -1;
    transition: width 1s ease-in-out;
}

.smo_con_cstmrs_sec .call-info {
    font-size: 35px;
    line-height: 45px;
}

.smo_con_cstmrs_sec .connection-customer2 .column .box p {
    font-size: 17px;
    line-height: 26px;
    width: 100%;
    padding-left: 16px;
}

.connection-customer2 .column .box p::before {
    top: 6px;
    bottom: auto;
    height: 66px;
}

.smo_con_cstmrs_sec .connection-customer2 .column .box h3 {
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 15px;
    padding-bottom: 10px;
}

.connection-customer2 .column .box h3::after {
    bottom: 0;
}

.connection-customer2 .column .box p {
    margin-top: 0;
}

.connection-customer1 .privacy-choices p {
    width: 100%;
}

.connection-customer1 .privacy-choices {
    width: 100%;
    float: left;
    max-width: 467px;
}

.connection-customer1 .column2 .column2-lower-box {
    width: 100%;
    float: left;
    top: -18px;
}

.smo_con_cstmrs_sec .title-cont-pages {
    margin-left: -2px;
}

.connection-customer2 .row-box {
    gap: 100px;
    margin-left: 0;
    padding-left: 40px;
}

.connection-customer1 .column2 .column2-lower-box .img-box img {
    top: 3px;
}

.connection-customer1 .get-started-project::after {
    width: 100%;
    background-color: #d7d7d7;
}

.connection-customer1 .get-started-project {
    font-size: 20px;
    line-height: 22px;
    font-weight: 600;
}

.smo_con_cstmrs_sec .benefits {
    margin-top: 35px;
}

.smo_con_cstmrs_sec .call-info {
    animation: typNumAnim 4s steps(44) infinite forwards;
}

.connection-customer1 .column2 .column2-lower-box .text-box {
    max-width: 330px;
}

@keyframes typNumAnim {
    0% {
        width: 0%;
    }

    100% {
        width: 130%;
    }
}

.smo_con_cstmrs_sec.active .connection-customer2 .column .box p::before {
    animation: border_anim 2s linear forwards;
}

@keyframes border_anim {
    0% {
        height: 0%;
    }

    100% {
        height: 66px;
    }
}

/*==================   SMO Privacy Choices Section New Css  ====================*/

.smo_prvcy_chocs_sec {
    padding: 0 85px 0px;
}

.smo_prvcy_chocs_sec_card {
    padding: 0 15px;
}

.unfolding-power {
    font-size: 35px;
    font-weight: 700;
    letter-spacing: 0px;
    color: #060606;
    line-height: 1.2;
    width: 362px;
}

.section4-main-box .column1 .box ul li {
    font-size: 35px;
    color: #cac8c8;
    font-weight: 600;
}

.section4-main-box .column1 .box .smo-active {
    color: #060606;
}

.section4-main-box #orm-reputation svg {
    width: 90% !important;
    transform: translate3d(-20px, 0px, 0px) !important;
}

.smo-user-video-fig img {
    padding-bottom: 0;
}

.section4-main-box .box-content p {
    font-size: 17px;
    line-height: 26px;
    padding-top: 30px;
}

.section4-main-box .column2 .box1 .box-content h2 {
    font-size: 30px;
    font-weight: 700;
    color: #060606;
}

.rqst_propsl_card_link {
    width: 100%;
    float: left;
    position: relative;
    text-align: right;
    padding-right: 0%;
    margin-top: 50px;
}

.btn-proposal {
    font-size: 17px;
    color: #006b65;
    font-weight: 500;
    background: #fff;
    border: 1px solid #006b65;
    margin: 0;
    width: fit-content;
    height: auto;
    border-radius: 40px;
    padding: 10px 30px;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    right: 0;
}

/* .section4-main-box .column2 .box1 .pricing-custom-call {margin-top:0; display:flex; align-items:center; padding-top:50px; gap:20px; background:#fff;} */
.section4-main-box .column2 .box1 .pricing-custom-call {
    margin-top: 0;
    display: flex;
    align-items: center;
    padding-top: 30px;
    gap: 20px;
    background: #fff;
}

.pricing-custom-call-fig {
    width: 50px;
}

.section4-main-box .column2 .box1 .pricing-custom-call h5 {
    line-height: 22px;
    padding-bottom: 4px;
}

.section4-main-box .column2 .box1 .pricing-custom-call h6 {
    font-size: 18px;
    margin-top: 10px;
    line-height: 22px;
    color: #000;
}

.section4-main-box .box2 .benefits p {
    font-size: 17px;
    line-height: 26px;
    width: 100%;
}

.benefits h3 {
    font-size: 30px;
    font-weight: 300;
    color: #000;
}

.benefits h2 {
    color: #000;
    font-size: 50px;
    font-weight: 600;
    line-height: 58px;
    display: block;
    padding: 15px 0 20px 0;
}

.smo-user-video-fig {
    width: 100%;
    position: relative;
    margin-top: 28px;
}

.smo-section4-main-row .column2 .box1 {}

.utpose_card {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.section4-main-box .column2 .box-content {
    margin-top: 100px;
}

.rqst_propsl_card_hdng {
    animation-fill-mode: both;
    animation-name: fadeInDown;
    animation-delay: 0.3s;
    animation-duration: 1.5s;
}

.rqst_propsl_card_descp {
    animation-fill-mode: both;
    animation-name: fadeInUp;
    animation-delay: 0.3s;
    animation-duration: 1.5s;
}

.section4-main-box .column1 .box ul li:before {
    height: 0;
    background: linear-gradient(0deg, transparent 0%, #fbc970 0%);
    overflow: hidden;
}

.section4-main-box .column1 .box ul li.smo-active:before {
    height: 16px;
}

.section4-main-box .column2 .box1 .box-content h2 {
    transition: all 0.5s ease;
}

.rqst_propsl_card_hdng {
    opacity: 0;
    transform: translate3d(0, -50%, 0);
}

.active_fb .rqst_propsl_card_hdng {
    animation: fadeInDown1 1s 0.5s forwards;
}

.active_yt .rqst_propsl_card_hdng {
    animation: fadeInDown2 1s 0.5s forwards;
}

.active_inst .rqst_propsl_card_hdng {
    animation: fadeInDown3 1s 0.5s forwards;
}

.active_pin .rqst_propsl_card_hdng {
    animation: fadeInDown4 1s 0.5s forwards;
}

.active_link .rqst_propsl_card_hdng {
    animation: fadeInDown5 1s 0.5s forwards;
}

.rqst_propsl_card_descp {
    opacity: 0;
    transform: translate3d(0, 10%, 0);
}

.active_fb .rqst_propsl_card_descp {
    animation: fadeInUp1 1s 0.3s forwards;
}

.active_yt .rqst_propsl_card_descp {
    animation: fadeInUp2 1s 0.3s forwards;
}

.active_inst .rqst_propsl_card_descp {
    animation: fadeInUp3 1s 0.3s forwards;
}

.active_pin .rqst_propsl_card_descp {
    animation: fadeInUp4 1s 0.3s forwards;
}

.active_link .rqst_propsl_card_descp {
    animation: fadeInUp5 1s 0.3s forwards;
}

@keyframes fadeInUp1 {
    0% {
        opacity: 0;
        transform: translate3d(0, 10%, 0);
    }

    100% {
        opacity: 1;
        transform: none;
    }
}

@keyframes fadeInUp2 {
    0% {
        opacity: 0;
        transform: translate3d(0, 10%, 0);
    }

    100% {
        opacity: 1;
        transform: none;
    }
}

@keyframes fadeInUp3 {
    0% {
        opacity: 0;
        transform: translate3d(0, 10%, 0);
    }

    100% {
        opacity: 1;
        transform: none;
    }
}

@keyframes fadeInUp4 {
    0% {
        opacity: 0;
        transform: translate3d(0, 10%, 0);
    }

    100% {
        opacity: 1;
        transform: none;
    }
}

@keyframes fadeInUp5 {
    0% {
        opacity: 0;
        transform: translate3d(0, 10%, 0);
    }

    100% {
        opacity: 1;
        transform: none;
    }
}

@keyframes fadeInDown1 {
    0% {
        opacity: 0;
        transform: translate3d(0, -50%, 0);
    }

    100% {
        opacity: 1;
        transform: none;
    }
}

@keyframes fadeInDown2 {
    0% {
        opacity: 0;
        transform: translate3d(0, -50%, 0);
    }

    100% {
        opacity: 1;
        transform: none;
    }
}

@keyframes fadeInDown3 {
    0% {
        opacity: 0;
        transform: translate3d(0, -50%, 0);
    }

    100% {
        opacity: 1;
        transform: none;
    }
}

@keyframes fadeInDown4 {
    0% {
        opacity: 0;
        transform: translate3d(0, -50%, 0);
    }

    100% {
        opacity: 1;
        transform: none;
    }
}

@keyframes fadeInDown5 {
    0% {
        opacity: 0;
        transform: translate3d(0, -50%, 0);
    }

    100% {
        opacity: 1;
        transform: none;
    }
}

/*==================   speed_flex.Section New Css start ====================*/
.speed_flex_sec {
    padding: 140px 85px 70px;
}

.speed_flex_sec_wrap {
    width: 100%;
    float: left;
    position: relative;
    padding: 0 0px;
}

.section5-main .title-cont-pages span {
    color: #016a63;
}

.section5-column1 .thingstothink h3 {
    font-size: 1.1vw;
    font-weight: 600;
    color: #cb274e;
}

.section5-column1 .thingstothink p {
    color: #202227;
}

.section5-content .icon-box .box p {
    width: 49%;
    font-size: 16px;
    margin-left: clamp(20px, 2.7vw, 6rem);
    position: relative;
    font-weight: 500;
    line-height: 1.4;
    color: #333333;
}

.section-5-column2 .box1 .sub-box2 h1 {
    font-size: 40px;
    font-weight: 400;
    color: #2c2d2d;
    margin-bottom: 1.2vw;
    position: relative;
    line-height: 1.2;
}

.section-5-column2 .box1 .sub-box2 p {
    font-size: 17px;
    font-weight: 400;
    color: #202227;
    line-height: 20px;
    width: 95%;
}

.section-5-column2 .box2 .sub-box:hover .smo-icon-border {
    filter: drop-shadow(0 0 12px rgba(240, 176, 61, 0.39));
}

.speed_flex_sec-main {
    padding-left: 1px;
}

.title-cont-pages span {
    color: #016a63;
    font-weight: 600;
}

.speed_flex_sec-main h3 {
    font-size: 19px;
    line-height: 23px;
    color: #000000;
    font-weight: 600;
    font-family: "Poppins";
    padding-bottom: 10px;
}

.speed_flex_sec-content {
    padding-left: 1px;
}

.section5-content .icon-box .box2 {
    top: -20px;
    left: 20px;
    z-index: 1;
}

.section5-content .icon-box .box3 {
    left: 54px;
    top: -26px;
}

.section5-content .icon-box .box4 {
    top: -38px;
    left: 1px;
    z-index: 1;
}

.section5-content .icon-box .box5 {
    top: -43px;
    left: 32px;
}

.section5-content .icon-box .box {
    margin: 2px 0;
}

.section-5-column2 {
    padding-bottom: 0;
    padding-top: 30px;
}

.section5-column1 {
    gap: 7.5em;
}

/*==================   speed_flex.Section New Css end ====================*/


/*==================   SMO WorkFlow Section-6 New Css  ====================*/
.bnfts_gyuprch_sec {
    padding: 0 85px;
}

.section6-column2 .box1 .content-welcome p {
    font-size: 17px;
    line-height: 26px;
}

.section6-column1 .boxes {
    width: 50%;
    float: left;
    padding: 0;
    height: 200px;
    position: relative;
}

.section6-column1 .box1 .text {
    margin-top: 32px;
}

.section6-column1 .box2 .text {
    margin-top: 10px;
}

.section6-column1 .box3 .text {
    margin-top: -38px;
}

.section6-column1 .box1 .img,
.section6-column1 .box2 .img {
    width: 100px;
    height: 100px;
}

.section6-column1 .box4 {
    flex: 50%;
    width: 50%;
    float: left;
}

.section6-column1 .boxes .devlop-pargh-title .left-content {
    font-size: 17px;
    line-height: 26px;
    margin-top: 0;
}

.section6 .call-info {
    font-size: 32px;
    line-height: 42px;
}

.section6 .call-info {
    animation: typNumAnim 4s steps(44) infinite forwards;
}

.section6-column2 .box2::before {
    width: 100%;
    border: 1px solid #959595;
    top: -11px;
}

.section6-column2 .box1 .sub-box1 .call-action a {
    text-decoration: none;
    color: #060606;
    font-size: 25px;
    line-height: 30px;
    font-weight: 500;
}

.section6-column2 .box1 .sub-box1 .call-action i {
    margin-right: 15px;
}

.section6-column2 .box1 .sub-box1 {
    gap: 31px;
}

.section6-column2 {
    gap: 35px;
}

.section6-column2 .box2 .img-box img {
    width: 100%;
}

.section6-main {
    align-items: flex-start;
    height: 100%;
}

.section6-column2 .box1 .sub-box1 {
    margin-top: 68px;
}

.boxAreaWoFlow {
    width: 100%;
    float: left;
    position: relative;
    max-width: 990px;
    height: 100%;
    padding: 220px 0px 60px;
}

.section6-column1 .box2 {
    left: 0;
    justify-content: flex-end;
}

.section6-column1 {
    width: 67%;
    display: flex;
    float: left;
    top: 0;
    height: 100%;
    padding-right: 3%;
}

.section6-column1 .box1 .img,
.section6-column1 .box2 .img {
    top: 0;
}

.section6-column1 .box1 {
    gap: 20px;
    margin-bottom: 35px;
}

.section6-column1 .box2 {
    gap: 10px;
    justify-content: flex-start;
    padding-left: 55px;
}

.section6-column1 .box3 .img {
    top: 0;
    left: 0;
}

.section6-column1 .box3 {
    left: 0;
    top: 0;
    gap: 15px;
    margin-top: 30px;
}

.section6-column1 .box4 {
    left: 0;
}

.section6-column1 .box5 {
    top: 0;
    gap: 12px;
    margin-top: 30px;
    padding-left: 30px;
}

.section6-column1 .box6 {
    top: 0;
    left: 0;
}

.section6-column1 .boxes .text {
    width: 255px;
    display: flex;
    gap: 3px;
    flex-direction: column;
}

.section6-column1 .boxAreaWoFlow .box4 {
    width: 35%;
    display: flex;
    justify-content: flex-end;
}

.section6-column1 .box3 {
    width: 65%;
}

.section6-column1 .box6 .img {
    position: absolute;
    left: auto;
    right: 0;
    bottom: 0;
}

.rockBigImg {
    position: relative;
    width: 100%;
    float: left;
    display: flex;
    justify-content: flex-end;
    padding-right: 145px;
}

.section6-column1 .box5 .img {
    top: 0;
    width: 74px;
    height: 64px;
}

.section6-column1 .box5 .text {
    order: 2;
    align-self: flex-start;
    text-align: left;
    position: relative;
    top: 0px;
    left: 0px;
    margin-top: 30px;
}

.section6-column1 .boxes .text h3 {
    font-size: 25px;
    line-height: 35px;
    display: inline-block;
}

.ttlAwebox {
    width: 100%;
    float: left;
    overflow: hidden;
}

.section6 .boxes .text h3 {
    transition: all 0.5s ease;
    width: 100%;
    transform: translateY(50px);
}

.section6 .boxes .img img {
    transition: all 0.5s ease;
}

.section6.active .box2 .text h3 {
    color: #0062ff;
    animation: typAnimWf2 1s 0.5s forwards;
}

.section6 .box2:hover .img img {
    filter: invert(23%) sepia(72%) saturate(4528%) hue-rotate(214deg) brightness(103%) contrast(106%);
}

.section6.active .box1 .text h3 {
    color: #ed1c24;
    animation: typAnimWf1 1s 1s forwards;
}

.section6 .box1:hover .img img {
    filter: invert(19%) sepia(95%) saturate(5169%) hue-rotate(350deg) brightness(94%) contrast(97%);
}

.section6.active .box3 .text h3 {
    color: #d9c22b;
    animation: typAnimWf6 1s 1.5s forwards;
}

.section6 .box3:hover .img img {
    filter: invert(72%) sepia(64%) saturate(481%) hue-rotate(8deg) brightness(93%) contrast(100%);
}

.section6.active .box4 .text h3 {
    animation: typAnimWf4 1s 1s forwards;
}

.section6 .box4:hover .img img {
    filter: invert(86%) sepia(13%) saturate(3051%) hue-rotate(32deg) brightness(109%) contrast(70%);
}

.section6.active .box5 .text h3 {
    color: #8fd92b;
    animation: typAnimWf5 1s 2s forwards;
}

.section6 .box5:hover .img img {
    filter: invert(86%) sepia(13%) saturate(3051%) hue-rotate(32deg) brightness(109%) contrast(70%);
}

.section6.active .box6 .text h3 {
    color: #ec008c;
    animation: typAnimWf3 1s 2.5s forwards;
}

.section6 .box6:hover .img img {
    filter: invert(13%) sepia(96%) saturate(7484%) hue-rotate(318deg) brightness(96%) contrast(101%);
}

@keyframes typAnimWf2 {
    0% {
        transform: translateY(50px);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes typAnimWf1 {
    0% {
        transform: translateY(50px);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes typAnimWf3 {
    0% {
        transform: translateY(50px);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes typAnimWf4 {
    0% {
        transform: translateY(50px);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes typAnimWf5 {
    0% {
        transform: translateY(50px);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes typAnimWf6 {
    0% {
        transform: translateY(50px);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes iconWflow2 {
    0% {
        filter: invert(20%) sepia(0%) saturate(425%) hue-rotate(37deg) brightness(101%) contrast(92%);
    }

    100% {
        filter: invert(23%) sepia(72%) saturate(4528%) hue-rotate(214deg) brightness(103%) contrast(106%);
    }
}

@keyframes iconWflow1 {
    0% {
        filter: invert(20%) sepia(0%) saturate(425%) hue-rotate(37deg) brightness(101%) contrast(92%);
    }

    100% {
        filter: invert(19%) sepia(95%) saturate(5169%) hue-rotate(350deg) brightness(94%) contrast(97%);
    }
}

@keyframes iconWflow3 {
    0% {
        filter: invert(20%) sepia(0%) saturate(425%) hue-rotate(37deg) brightness(101%) contrast(92%);
    }

    100% {
        filter: invert(72%) sepia(64%) saturate(481%) hue-rotate(8deg) brightness(93%) contrast(100%);
    }
}

@keyframes iconWflow4 {
    0% {
        filter: invert(20%) sepia(0%) saturate(425%) hue-rotate(37deg) brightness(101%) contrast(92%);
    }

    100% {
        filter: invert(86%) sepia(13%) saturate(3051%) hue-rotate(32deg) brightness(109%) contrast(70%);
    }
}

@keyframes iconWflow5 {
    0% {
        filter: invert(20%) sepia(0%) saturate(425%) hue-rotate(37deg) brightness(101%) contrast(92%);
    }

    100% {
        filter: invert(86%) sepia(13%) saturate(3051%) hue-rotate(32deg) brightness(109%) contrast(70%);
    }
}

@keyframes iconWflow6 {
    0% {
        filter: invert(20%) sepia(0%) saturate(425%) hue-rotate(37deg) brightness(101%) contrast(92%);
    }

    100% {
        filter: invert(13%) sepia(96%) saturate(7484%) hue-rotate(318deg) brightness(96%) contrast(101%);
    }
}

.section6-column1 .text::before {
    opacity: 0;
}

.section6-column1 .text::after {
    opacity: 0;
}

.arrowBoxAni {
    position: absolute;
    left: 26%;
    bottom: -120px;
    z-index: 9;
    transform: rotate(-24deg);
}

.arrowBox2Ani {
    position: absolute;
    top: -33px;
    left: 0;
    transform: rotate(106deg);
}

.arrowBox3Ani {
    position: absolute;
    bottom: -67px;
    left: 32%;
    transform: rotate(76deg);
    z-index: 9;
}

.arrowBox4Ani {
    position: absolute;
    top: 64px;
    right: -10%;
    transform: rotate(-71deg);
    z-index: 9;
}

.section6 svg {
    width: 130px;
    height: 130px;
    margin: 0 auto;
    opacity: 0.35;
    transition: all 0.5s ease;
}

.section6 .arrowBox2Ani svg {
    width: 150px;
    height: 150px;
}

.section6 .arrowBox3Ani svg {
    width: 120px;
    height: 120px;
}

.section6 .arrowBox4Ani svg {
    width: 120px;
    height: 120px;
}

.section6 .draw-arrow {
    stroke-width: 2;
    stroke: #1E90FF;
    fill: none;
    stroke-dasharray: 400;
    stroke-dashoffset: 400;
}

.section6 .box2 .draw-arrow {
    stroke: #0062ff;
}

.section6 .box1 .draw-arrow {
    stroke: #ed1c24;
}

.section6 .box3 .draw-arrow {
    stroke: #d9c22b;
}

.section6 .box5 .draw-arrow {
    stroke: #8fd92b;
}

.section6.active .box2 .arrowBox2Ani .draw-arrow {
    animation-duration: 5s;
    animation-fill-mode: forwards;
    animation-delay: 0s;
    animation-name: draw2;

    &.tail-1 {
        animation-delay: .5s;
    }

    &.tail-2 {
        animation-delay: .7s;
    }
}

.section6.active .box1 .arrowBoxAni .draw-arrow {
    animation-duration: 5s;
    animation-fill-mode: forwards;
    animation-delay: 1s;
    animation-name: draw1;

    &.tail-1 {
        animation-delay: 1.5s;
    }

    &.tail-2 {
        animation-delay: 1.7s;
    }
}

.section6.active .box3 .arrowBox3Ani .draw-arrow {
    animation-duration: 5s;
    animation-fill-mode: forwards;
    animation-delay: 2s;
    animation-name: draw3;

    &.tail-1 {
        animation-delay: 2.5s;
    }

    &.tail-2 {
        animation-delay: 2.7s;
    }
}

.section6.active .box5 .arrowBox4Ani .draw-arrow {
    animation-duration: 5s;
    animation-fill-mode: forwards;
    animation-delay: 3s;
    animation-name: draw4;

    &.tail-1 {
        animation-delay: 3.5s;
    }

    &.tail-2 {
        animation-delay: 3.7s;
    }
}

@keyframes draw1 {
    to {
        stroke-dashoffset: 0;
    }
}

@keyframes draw2 {
    to {
        stroke-dashoffset: 0;
    }
}

@keyframes draw3 {
    to {
        stroke-dashoffset: 0;
    }
}

@keyframes draw4 {
    to {
        stroke-dashoffset: 0;
    }
}

.section6 .boxes .img img {
    width: 100%;
    object-fit: contain;
    object-position: top;
}

.section6-column1 .box3 .img {
    width: 49px;
    height: 50px;
}

.section6-column1 .box6 .img {
    width: 263px;
    height: 198px;
}

.section6-column1 .box4 img {
    width: 100%;
    object-fit: contain;
    object-position: top;
}

.lapManImg {
    width: 218px;
    height: 115px;
}

.lapManImg figure {
    width: 100%;
    height: 100%;
}

.lapManImg figure img {
    width: 100%;
    object-fit: contain;
    object-position: top;
}

/*==================   SMO Potential GYUPC Section New Css  ====================*/

.smo_potential_sec {
    padding: 0px 85px 0px;
}

.smo_potential_sec_card {
    display: flex;
}

.section7-col1 .img-box img {
    width: 100%;
}

.section7-col1 .img-box {
    width: 100%;
}

.ddile_vtitle {
    transform: rotate(-90deg);
    left: -230px;
    position: absolute;
    width: fit-content;
    bottom: 305px;
}

.ddile_vtitle h3 {
    font-size: 82px;
    color: #94d5da;
    font-weight: 600;
    font-family: "Poppins";
    -webkit-text-stroke: 1px #94d5da;
    -webkit-text-fill-color: #fff;
    animation-fill-mode: both;
    animation-name: fadeInUp;
    animation-delay: 1s;
    animation-duration: 1.5s;
}

.ddile_taball {
    z-index: 2;
    display: flex;
    position: relative;
    flex-direction: column;
    gap: 50px;
    padding-bottom: 15px;
}

#smo-txt1 {
    display: none;
}

.active-style h3 {
    color: #f9065a;
}

.active-style i {
    color: #f9065a;
}

.section7-col2 .box1 .sub-box p {
    font-size: 15px;
    line-height: 20px;
    margin-top: 15px;
}

.section7-col2 .box1 .sub-box h3 {
    font-size: 24px;
}

.section7-col2 .box1 .sub-box i {
    font-size: 18px;
    margin-left: 10px;
}

.section7-col2 {}

.smo-column2 .box2 .sub-box h3 {
    font-size: 25px;
    font-weight: 600;
    line-height: 28px;
    color: #202227;
}

.smo-column2 .box2 .sub-box .call-action a {
    color: #060606;
    font-size: 22px;
    font-weight: 500;
    padding: 6px 25px;
}

.smo-column2 .box2 .sub-box {
    justify-content: space-between;
    position: relative;
    float: left;
    margin-top: 86px;
    width: 100%;
}

.smo-column2 .box2 .sub-box::before {
    width: 100%;
    top: -30px;
}

.section7-col2 .box3 .img-box img {
    width: 100%;
}

.section7-col2 .box3 .img-box {
    width: 85%;
}

.section7-col2 .box3 h2 {
    font-size: 34px;
    width: 100%;
}

.section7-col2 .box3 p {
    width: 95%;
    color: #202227;
    font-size: 17px;
    font-weight: 400;
    line-height: 26px;
}

.section7-col2 .box2 {
    top: 0;
    padding-top: 50px;
    width: 50%;
}

.section7-col2 .smo-column2 {
    top: 0px;
    align-items: flex-start;
    z-index: 1;
}

.section7-col2 .box1::after {
    bottom: 0;
    width: 100%;
}

.section7-col2 .box1 {
    padding-bottom: 35px;
}

.section7-col2 .box3 {
    margin-top: 0;
    padding-top: 40px;
    width: 50%;
}

.section7-col2 .box2 p {
    padding-bottom: 40px;
    padding-top: 0;
}

#design.active-style h3 {
    color: #0b68ff;
}

#design.active-style i {
    color: #0b68ff;
}

#develop.active-style h3 {
    color: #ff0066;
}

#develop.active-style i {
    color: #ff0066;
}

#innovate.active-style h3 {
    color: #33cc33;
}

#innovate.active-style i {
    color: #33cc33;
}

#launch.active-style h3 {
    color: #ffcc33;
}

#launch.active-style i {
    color: #ffcc33;
}

#end-to-end.active-style h3 {
    color: #33cccc;
}

#end-to-end.active-style i {
    color: #33cccc;
}

.ddile_taball_card .ddile_vtitle h3 {
    color: #0b68ff;
    -webkit-text-stroke: 1px #0b68ff;
}

.ddile_taball_desgn .ddile_vtitle h3 {
    color: #0b68ff;
    -webkit-text-stroke: 1px #0b68ff;
}

.ddile_taball_devlp .ddile_vtitle h3 {
    color: #ff0066;
    -webkit-text-stroke: 1px #ff0066;
}

.ddile_taball_invtv .ddile_vtitle h3 {
    color: #33cc33;
    -webkit-text-stroke: 1px #33cc33;
}

.ddile_taball_lnch .ddile_vtitle h3 {
    color: #ffcc33;
    -webkit-text-stroke: 1px #ffcc33;
}

.ddile_taball_endt .ddile_vtitle h3 {
    color: #33cccc;
    -webkit-text-stroke: 1px #33cccc;
}

.ddile_taball_endt .ddile_vtitle {
    left: -240px;
    bottom: 270px;
}

.ddile_taball_lnch .ddile_vtitle {
    left: -240px;
    bottom: 265px;
}

.ddile_taball_invtv .ddile_vtitle {
    left: -275px;
    bottom: 235px;
}

.ddile_taball_devlp .ddile_vtitle {
    left: -250px;
    bottom: 250px;
}

.ddile_taball_desgn .ddile_vtitle {
    left: -230px;
    bottom: 280px;
}

.section7-col1 .img-box {
    width: 80%;
}

.section7-col2 .box1 .sub-box h3 {
    transition: all 0.5s ease;
}

.section7-col2 .box1 .sub-box i {
    transition: all 0.5s ease;
}

.section7-col2 .box1 .sub-box .arrow-right {
    transition: all 0.5s ease;
}

.arrow-right.inactive-arrow {
    display: inline;
}

.arrow-down.active-arrow {
    opacity: 0;
    display: none;
}

.smo-column2 .box2 .sub-box .call-action a {
    display: block;
}

.arrow-right.inactive-arrow i {
    transform: rotate(90deg) translate(-5px, 0px);
    animation: upDownArrow 1s 0.5s infinite;
}

@keyframes upDownArrow {

    0%,
    100% {
        transform: rotate(90deg) translate(-5px, 0px);
    }

    50% {
        transform: rotate(90deg) translate(5px, 0px);
    }
}

.arrow-right.active-arrow {
    opacity: 0;
    display: none;
}

.ddile_vtitle h3 {
    transform: translate3d(0, 100%, 0);
    opacity: 0;
}

.secSevenTabContainer .ddile_taball {
    overflow: hidden;
}

.secSevenTabContainer .content-welcome {
    position: relative;
    transform: translate(0, -15%);
    transition: all 0.5s ease;
}

.secSevContOne .content-welcome {
    animation: contDown1 1s 0s forwards;
}

.secSevContOne .ddile_vtitle h3 {
    animation: slideRight1 1s 0.5s forwards;
}

.secSevContTwo .content-welcome {
    animation: contDown2 1s 0s forwards;
}

.secSevContTwo .ddile_vtitle h3 {
    animation: slideRight2 1s 0.5s forwards;
}

.secSevContThree .content-welcome {
    animation: contDown3 1s 0s forwards;
}

.secSevContThree .ddile_vtitle h3 {
    animation: slideRight3 1s 0.5s forwards;
}

.secSevContFour .content-welcome {
    animation: contDown4 1s 0s forwards;
}

.secSevContFour .ddile_vtitle h3 {
    animation: slideRight4 1s 0.5s forwards;
}

.secSevContFive .content-welcome {
    animation: contDown5 1s 0s forwards;
}

.secSevContFive .ddile_vtitle h3 {
    animation: slideRight5 1s 0.5s forwards;
}

@keyframes contDown1 {
    0% {
        transform: translate(0, -15%);
    }

    100% {
        transform: translate(0);
    }
}

@keyframes contDown2 {
    0% {
        transform: translate(0, -15%);
    }

    100% {
        transform: translate(0);
    }
}

@keyframes contDown3 {
    0% {
        transform: translate(0, -15%);
    }

    100% {
        transform: translate(0);
    }
}

@keyframes contDown4 {
    0% {
        transform: translate(0, -15%);
    }

    100% {
        transform: translate(0);
    }
}

@keyframes contDown5 {
    0% {
        transform: translate(0, -15%);
    }

    100% {
        transform: translate(0);
    }
}

@keyframes slideRight1 {
    0% {
        opacity: 0;
        transform: translate3d(0, 100%, 0);
    }

    100% {
        opacity: 1;
        transform: translate(0);
    }
}

@keyframes slideRight2 {
    0% {
        opacity: 0;
        transform: translate3d(0, 100%, 0);
    }

    100% {
        opacity: 1;
        transform: translate(0);
    }
}

@keyframes slideRight3 {
    0% {
        opacity: 0;
        transform: translate3d(0, 100%, 0);
    }

    100% {
        opacity: 1;
        transform: translate(0);
    }
}

@keyframes slideRight4 {
    0% {
        opacity: 0;
        transform: translate3d(0, 100%, 0);
    }

    100% {
        opacity: 1;
        transform: translate(0);
    }
}

@keyframes slideRight5 {
    0% {
        opacity: 0;
        transform: translate3d(0, 100%, 0);
    }

    100% {
        opacity: 1;
        transform: translate(0);
    }
}

/* section seven modify css start here */

.secSevenColOne {
    display: flex;
    padding-left: 0px;
}

.SmoSecColOne {
    padding-block: 130px 60px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 120px;
}

.bannErSecSevColOne {
    display: flex;
}

.bannErSecSevColOne img {}

.ddile_card {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding: 195px 0px 60px;
}

.smo_potential_sec {
    position: relative;
    z-index: 1;
}

.smo_potential_sec:after {
    width: 100%;
    height: 100%;
    ;
    position: absolute;
    bottom: 35px;
    left: 0;
    background: url(../images/SMO/smoSecSevenBg.png) no-repeat;
    background-size: 100%;
    background-position: bottom;
    content: '';
    z-index: -1;
}

.paragraAreaSecSev {
    display: flex;
    flex-direction: column;
    gap: 20px;
    max-width: 66%;
}

.iconInfoList:after {
    width: 1px;
    height: 100%;
    position: absolute;
    left: 0;
    top: unset;
    content: "";
    background: #e1e1e1;
    bottom: 0px;
}

.engeg_tel_icn_flx {
    width: 100%;
    float: left;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 40px;
    z-index: 9;
}

.iconInfoList {
    display: flex;
    gap: 20px;
    position: relative;
    padding-left: 20px;
    padding-bottom: 5px;
    padding-right: 15px;
}

.iconInfoList img {
    width: 18px;
    transition: all 0.5s ease;
}

.iconInfoList .microTeam img,
.iconInfoList .liveChat img {
    width: 22px;
}

.iconInfoList a:hover img,
.iconInfoList a.active img {
    animation: gtwss-vibrate 1.5s linear infinite;
}

@keyframes gtwss-vibrate {
    0% {
        transform: rotate(0deg) scale(1) skew(1deg);
    }

    10% {
        transform: rotate(-25deg) scale(1) skew(1deg);
    }

    20% {
        transform: rotate(25deg) scale(1) skew(1deg);
    }

    30% {
        transform: rotate(-25deg) scale(1) skew(1deg);
    }

    40% {
        transform: rotate(25deg) scale(1) skew(1deg);
    }

    50% {
        transform: rotate(0deg) scale(1) skew(1deg);
    }

    100% {
        transform: rotate(0deg) scale(1) skew(1deg);
    }
}

.iconInfoList a {
    position: relative;
}

.iconInfoList .active:before {
    width: 100%;
    height: 2px;
    position: absolute;
    left: 0;
    top: unset;
    content: "";
    background: #d82533;
    bottom: -6px;
}

.barr {
    position: relative;
}

.engage-tel-contain {
    width: 70px;
    height: 70px;
    position: relative;
    box-shadow: 8px 0px 6px -10px rgb(0 0 0 / 90%);
    background: #fff;
    z-index: 999;
}

.engage-whats-img {
    position: absolute;
    top: 12px;
    right: 12px;
    transform: scale(0.5);
}

.engage-tel-phone-img {
    position: absolute;
    bottom: 12px;
    left: 12px;
    transform: scale(0.9);
}

.engage-tel-content-title h3 {
    font-size: 20px;
    line-height: 28px;
    color: #2c2d2d;
    font-weight: 600;
    margin-bottom: 5px;
}

.osmTabedArea {
    width: 350px;
    float: left;
    overflow: hidden;
}

.osmTabedArea a {
    font-size: 17px;
    line-height: 27px;
    color: #016a63;
    font-weight: 600;
    text-decoration: none !important;
    display: block;
}

.engeg_tel_icn_flx .caLLBtn .leftTelico {
    background: #55acfc;
    width: 50px;
    height: 50px;
    position: absolute;
    left: 0;
    top: 0;
}

.startProject {
    display: flex;
    flex-direction: column;
    gap: 15px;
    position: relative;
    max-width: 75%;
}

.section7-col2 .box3 h2 {
    display: none;
}

.section7-col2 .box3 p {
    display: none;
}

.getStartTitle {
    margin: 0;
    font-size: 20px;
    line-height: 24px;
    font-weight: 600;
    color: #000;
    padding-bottom: 15px;
    border-bottom: 1px solid #e1e1e1;
}

.startProject .img-box {
    flex-basis: 40%;
    position: absolute;
    width: 300px;
    right: 0;
    bottom: 62px;
}

.startProject .img-box img {
    width: 100%;
}

.paraAreaSecBox {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.section7-col2 .paraAreaSecBox p {
    padding: 0;
}

#osm-tabbed-content .hidde {
    display: none;
}

.engeg_tel_icn_flx .caLLBtn {
    align-items: center;
    padding-left: 55px;
    min-height: 38px;
    z-index: 1;
    overflow: hidden;
    position: relative;
}



/* .engeg_tel_icn_flx .caLLBtn:after {width:55px; height:100%; position:absolute; left:0; top:0; background:rgba(255,255,255,1); content:""; z-index:-1; border-radius:0 0 100px 10px; opacity:0;} */


.engeg_tel_icn_flx .caLLBtn:after {
    width: 25px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: #fff;
    content: "";
    z-index: -1;

}

.osm-tab-contentv {
    transition: all 0.5s ease;
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: 0;
}

.osm-tab-contentv.active {
    visibility: visible;
    opacity: 1;
}

.engeg_tel_icn_flx .osm-tab-contentv .caLLBtn .telNumber {
    transition: all 5s 0.5s ease;
    z-index: -1;
    width: 100%;
    float: left;
}

.leftTelico .svGdime {
    width: 36px;
    color: #fff;
    line-height: 20px;
    float: right;
    position: absolute;
    left: 12px;
    top: 4px;
    transform: rotate(-13deg);
}

.engeg_tel_icn_flx .leftTelico .svGdime {
    width: 32px;
    top: 6px;
}

.engage-tel-content-contain {
    width: 100%;
    float: left;
}

.engage-tel-content-title {
    width: 100%;
    float: left;
    margin-bottom: 28px;
}

.engage-tel-content {
    width: 100%;
    float: left;
}

.osmTabedArea .caLLBtn .leftTelico img {
    width: 22px;
}

.osm-tab-content {
    display: none;
}

.osm-tab-content.active {
    display: inherit;
}

.osmTabBox {
    width: 100%;
    float: left;
}

.osmTabedArea .email a {
    font-size: 23px;
}

/* .osmTabedArea .whatApp a {color:#acd473;} */
.osmTabedArea .email a {
    color: #fa7a73;
}

.caLLBtn {
    display: flex;
    position: relative;
    width: 100%;
    float: left;
    gap: 23px;
}

.caLLBtn .leftTelico {
    background: #8bc14c;
    width: 50px;
    height: 50px;
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.caLLBtn .leftTelico img {
    margin: 0;
}

.secContInfo .caLLBtn {
    min-height: 40px;
    padding-left: 55px;
    align-items: center;
}

.secFivOuterDiv {
    width: 100%;
    float: left;
    height: 100%;
    padding-block: 140px 60px;
}

.ppcThumbTab .secContInfo .telNumber a {
    color: #016a63;
    font-size: 17px;
    line-height: 27px;
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    width: 500px;
    transition: all 0.5s ease;
}

.ppcThumbTab .secContInfo .active .telNumber a {
    animation: typinga 5s steps(50) 1s infinite;
}



.engeg_tel_icn_flx .osm-tab-contentv .typing-demo {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    float: left;
}

.engeg_tel_icn_flx .osm-tab-contentv.active .typing-demo {
    animation: typing 5s steps(50) 5s infinite;
}

@keyframes typing {
    from {
        width: 0;
    }

    to {
        width: 500px;
    }
}


@keyframes typinga {
    from {
        width: 0;
    }

    to {
        width: 500px;
    }
}


.thumbBoxSecTwo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.secContInfo {
    width: 100%;
    float: left;
    display: flex;
    align-items: center;
}

.ppcThumbTab {
    width: 100%;
    float: left;
    position: relative;
    z-index: 9;
    margin-top: 100px;
}

.thumbBoxSecTwo {
    width: 40px;
    height: 40px;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 100px;
    overflow: hidden;
}

/* section four modifications css start here */
.bnfts_gyupc_box {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.gsaoty_card {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    max-width: 550px;
    background: #fff;
}

.info-box {
    display: flex;
    align-items: center;
    padding: 0px 0px;
    justify-content: space-between;
    gap: 17px;
}

.info-text {
    display: flex;
    align-items: center;
    font-size: 17px;
    font-weight: 600;
    color: #000;
}

.icon {
    width: 70px;
    height: 70px;
    margin-right: 19px;
    border-radius: 50%;
}

.button-container {
    display: flex;
    position: relative;
    gap: 10px;
}

.pricing1 {
    padding: 10px 30px;
    margin: 0;
    border: none;
    font-size: 16px;
    border-bottom-right-radius: 15px;
    border-top-right-radius: 15px;
    border-bottom-left-radius: 15px;
    background-color: #f1a536;
    position: relative;
    overflow: hidden;
    color: white;
    z-index: 1;
    transition: color 0.4s;
}

.quote1 {
    padding: 10px 30px;
    margin: 0;
    border: none;
    font-size: 16px;
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    background-color: #5cb85c;
    position: relative;
    overflow: hidden;
    color: white;
    z-index: 1;
    transition: color 0.4s;
}

.btnContainOne .image-container1,
.btnContainOne .image-container2 {
    width: 70px;
    height: 70px;
}

.btnContainOne .image-container1 img,
.btnContainOne .image-container2 img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.btnContainOne:hover .image-container1,
.btnContainOne:hover .image-container2 {
    opacity: 1;
    transform: translate(-50%, -30px);
}

.pricing1::before,
.quote1::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.2);
    z-index: -1;
    transition: left 0.4s;
}

.pricing1:hover::before,
.quote1:hover::before {
    left: 100%;
}

.btnContainOne {
    position: relative;
}

.image-container1,
.image-container2 {
    position: absolute;
    opacity: 0;
    pointer-events: none;
    transition: all 0.5s ease;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0);
    width: 10px;
}

.rowOneSmoFourColOne {
    padding-top: 50px;
}

.middleColRowOne {
    padding-top: 50px;
}

.aniMationOrm {
    position: relative;
    top: 8px;
}

.image-container1 .image-container2 img {}

.pricing1:hover+.image-container1 {
    opacity: 1;
}

.quote1:hover+.image-container2 {
    opacity: 1;
}

@keyframes floatgif {
    0% {
        transform: translate(-50%, -50%) translateY(0);
    }

    50% {
        transform: translate(-50%, -50%) translateY(-5px);
    }

    100% {
        transform: translate(-50%, -50%) translateY(0);
    }
}

/* section four modifications css end here */

/* section one modifications css start here */
.seoBanConArea {
    width: 100%;
    float: left;
    margin-top: 15px;
    position: relative;
    left: -20px;
}

.seoContInfo {
    display: flex;
    gap: 0px;
}

.seoContInfo li {
    width: 65px;
    height: 65px;
}

.seoContInfo li a {
    width: 100%;
    height: 100%;
    border-radius: 100px;
    transition: all 0.5s ease;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
}

.seoContInfo li a:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: -1;
    border-radius: 100px;
    opacity: 0;
    transform: scale(0);
    transition: all 0.5s ease;
}

.seoContInfo li.skypeBg a:after {
    background: #cceffe;
}

.seoContInfo li.telBg a:after {
    background: #feedd4;
}

.seoContInfo li.mailBg a:after {
    background: #fed2cf;
}

.seoContInfo li.whBg a:after {
    background: #c9ffcb;
}

.seoContInfo li.formBg a:after {
    background: #f5e9fd;
}

.seoContInfo li:hover a:after {
    transform: scale(1);
    opacity: 1;
}

.seoContInfo li img {
    width: 25px;
    transition: all 0.5s ease;
}

.seoContInfo li.microTeam img {
    width: 28px;
}

.seoContInfo li.liveChat img {
    width: 30px;
}

.button_content {
    width: 100%;
    float: left;
    position: relative;
}

.button_content h3 {
    color: #0765d0;
    font-weight: 600;
    width: 100%;
    float: left;
    margin-bottom: 5px;
    position: relative;
    z-index: 1;
    max-width: 255px;
    font-size: 24px;
    line-height: 32px;
}

.button_content h3:after {
    width: 70px;
    height: 1px;
    z-index: -1;
    position: absolute;
    top: 50%;
    right: 0;
    content: "";
    border-top: 1px solid #000;
}

/* animation */

.circleThreeBox {
    width: 110px;
    height: 145px;
    position: absolute;
    left: 0;
    bottom: 65px;
    z-index: -1;
}

.circleOne {
    background: #a7e1ea;
    width: 76px;
    height: 76px;
    border-radius: 100px;
    opacity: 0.4;
    position: absolute;
    bottom: 0;
    animation: zoMcircl 5s 1s infinite;
    transition: all 0.5s ease;
}

.circleTwo {
    background: #a186be;
    width: 50px;
    height: 50px;
    border-radius: 100px;
    opacity: 0.4;
    position: absolute;
    bottom: 80px;
    right: 10px;
    animation: zoMcirc2 5s 2s infinite;
    transition: all 0.5s ease;
}

.circleThree {
    background: #f49ac1;
    width: 30px;
    height: 30px;
    border-radius: 100px;
    opacity: 0.4;
    position: absolute;
    top: -5px;
    left: 15px;
    animation: zoMcirc3 5s 2.5s infinite;
    transition: all 0.5s ease;
}

@keyframes zoMcircl {

    0%,
    100% {
        transform: scale(1);
    }

    50% {
        transform: scale(0.7);
    }
}

@keyframes zoMcirc2 {

    0%,
    100% {
        transform: scale(1);
    }

    50% {
        transform: scale(0.7);
    }
}

@keyframes zoMcirc3 {

    0%,
    100% {
        transform: scale(1);
    }

    50% {
        transform: scale(0.5);
    }
}

.content-welcome .button_content p {
    width: 100%;
    float: left;
    padding: 0;
}

.crStiTle {
    width: 100%;
    float: left;
    margin-bottom: 18px;
}

.crSdescTop {
    margin-bottom: 92px;
    width: 100%;
    float: left;
}

.content-welcome .crSdescTop p {
    padding: 0;
}

.welcome-smo .crSdescTop p {
    padding: 0;
    width: 100%;
    max-width: 649px;
}

.smo-title-icons:before {
    top: 0;
}

.smo-title-icons {
    margin-top: 0;
    padding-top: 15px;
    padding-left: 0;
}

.butCrseo {
    width: 100%;
    float: left;
}

.smo-hero-hdngtxts {
    width: 100%;
    float: left;
}

.welcome-smo .fluid-container {
    width: 100%;
    float: left;
    height: 100%;
}

.welcome-smo .welcome-cr-smo {
    width: 100%;
    float: left;
    height: 100%;
}

.welcome-smo .welcome-smo-sec-row {
    width: 100%;
    float: left;
    height: 100%;
    align-items: flex-start;
}

.welcome-smo .smo-hero-title {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.welcome-smo .fp-tableCell {
    height: 100% !important;
}

/* section one modifications css end here */

/* section two start */

.advertisement .icon {
    margin-right: 0 !important;
}

/* section two end */

/* section three start */

.smo_con_cstmrs_sec_card .secContInfo .caLLBtn {}

.smo_con_cstmrs_sec .loCalInfoArea .iconInfoList a img {
    width: 18px;
    transition: all 0.5s ease;
}

.smo_con_cstmrs_sec .loCalInfoArea .iconInfoList .microTeam a img,
.smo_con_cstmrs_sec .loCalInfoArea .iconInfoList .liveChat a img {
    width: 22px;
}

.smo_con_cstmrs_sec .loCalInfoArea {
    width: 100%;
    float: left;
}

.smo_con_cstmrs_sec .secContInfo {}

.smo_con_cstmrs_sec .loCalInfoArea .iconInfoList {
    gap: 20px;
}

.smo_con_cstmrs_sec_card .thumbBoxSecTwo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.smo_con_cstmrs_sec .secContInfo {
    width: 100%;
    float: left;
    display: flex;
    align-items: center;
}

.smo_con_cstmrs_sec .connection-customer1 .column2 .column2-lower-box .text-box {
    max-width: 100%;
}

.smo_con_cstmrs_sec_card .column2 {
    width: 100%;
    float: left;
}

.connection-customer1 .column2 .column2-lower-box {
    top: 0;
}

.smo_con_cstmrs_sec .fp-tableCell {
    height: 100% !important;
}

.smo_con_cstmrs_sec .fluid-container {
    height: 100% !important;
}

.smo_con_cstmrs_sec .iconInfoList:after {}

.smo_con_cstmrs_sec .secContInfo {
    gap: 10px;
}

.smo_con_cstmrs_sec .smo_con_cstmrs_sec_card {
    height: 100%;
}

.smo_con_cstmrs_sec .areaSmoRow {
    height: 100%;
    width: 100%;
    float: left;
}

.connection-customer1 {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.smo_con_cstmrs_sec .osmTabedArea .email a {
    font-size: 18px;
}

.smo_con_cstmrs_sec .iconInfoList {
    padding-left: 15px;
}

.smo_con_cstmrs_sec .iconInfoList {
    padding-right: 15px;
}

.smo_con_cstmrs_sec .osmTabedArea a {
    font-size: 25px;
}

.smo_con_cstmrs_sec .osm-tab-contentq {
    display: none;
}

.smo_con_cstmrs_sec .osm-tab-contentq.active {
    display: inherit;
}

.smo_con_cstmrs_sec .column2-lower-box {
    width: 100%;
    float: left;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
}

.smo_con_cstmrs_sec .column2-lower-box .text-box {}

.smo_con_cstmrs_sec .img-box {
    width: 250px;
    position: absolute;
    bottom: 70px;
    right: 0;
}

.smo_con_cstmrs_sec .img-box img {
    width: 100%;
}

.smo_con_cstmrs_sec .secContInfo .osmTabedArea {
    max-width: 295px;
}

.connection-customer1 .main-smo-heading {}

.connection-customer1 .get-started-project {
    font-size: 20px;
    line-height: 30px;
}

.smo_con_cstmrs_sec .loCalInfoArea .secContInfo .telNumber a {
    color: #016a63;
    font-size: 17px;
    line-height: 27px;
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    width: 500px;
    transition: all 0.5s ease;
}

.smo_con_cstmrs_sec .loCalInfoArea .secContInfo .active .telNumber a {
    animation: typingax 5s steps(50) 1s infinite;
}

.smo_con_cstmrs_sec .secContInfo .osmTabedArea {
    max-width: 335px;
}

.smo_con_cstmrs_sec .iconInfoList {
    padding-bottom: 0;
}

@keyframes typingax {
    from {
        width: 0;
    }

    to {
        width: 500px;
    }
}

.iconInfoList a:hover img,
.iconInfoList a.active img {
    animation: gtwss-vibrate 1.5s linear infinite;
}

@keyframes gtwss-vibrate {
    0% {
        transform: rotate(0deg) scale(1) skew(1deg);
    }

    10% {
        transform: rotate(-25deg) scale(1) skew(1deg);
    }

    20% {
        transform: rotate(25deg) scale(1) skew(1deg);
    }

    30% {
        transform: rotate(-25deg) scale(1) skew(1deg);
    }

    40% {
        transform: rotate(25deg) scale(1) skew(1deg);
    }

    50% {
        transform: rotate(0deg) scale(1) skew(1deg);
    }

    100% {
        transform: rotate(0deg) scale(1) skew(1deg);
    }
}

.iconInfoList a {
    position: relative;
}

.iconInfoList .active:before {
    width: 100%;
    height: 2px;
    position: absolute;
    left: 0;
    top: unset;
    content: "";
    background: #d82533;
    bottom: -6px;
}

.rqst_propsl_card_link {
    justify-content: flex-end;
}

.btn-proposal {}

/*my css responsive code novmber*/

/*my css responsive code for smo section1*/

/*===============================  SMO Responsive Css  =============================================*/


@media only screen and (max-width: 1880px) {

    /*----- Smo Banner Sec (1st Sec)-----------------*/
    .section1 .design-content {
        padding-top: 0px;
    }

    .section1 .design-btns {
        border: 2px solid hsl(177deg 100% 21%);
        padding: 0.5vw 1vw;
        border-top-left-radius: 25px;
        border-bottom-right-radius: 25px;
        position: relative;
        margin-top: 60px;
        transition: all 0.5s ease;
    }

    .butCrseo {
        width: 100%;
        float: left;
        margin-bottom: 0px;
    }

    .button_content {
        width: 100%;
        float: left;
        position: relative;
        margin-bottom: -30px;
    }

    .welcome-smo-sec {
        padding: 85px;
    }

    .design-text3::after {
        right: -20px;

    }
    .ddile_taball_devlp .ddile_vtitle {
    bottom: 275px;
   }
   .ddile_taball_invtv .ddile_vtitle {
    bottom: 260px;
   }
   .ddile_taball_lnch .ddile_vtitle {
    bottom: 290px;
  }
  .ddile_taball_endt .ddile_vtitle {
    bottom: 290px;
}




    /*------------- Con Cos Sec (2nd Sec) Css ---------------*/

    .con_cus_sec {
        padding-top: 130px;
        padding-bottom: 35px;
        padding-left: 85px;
        padding-right: 85px;
    }

    .section2 .row2 {
        margin-top: 10px;
    }

    .section2 .row1 {
        top: -33px;
    }

    /*     
  .section2::before {
 bottom: 0em;
 left: -44em;
 } */


    .section2::before {
        left: -38em;
        bottom: 9em;
    }




    /*----------- Con Cust Sec (3rd Sec) Css ----------------------*/

    .smo_con_cstmrs_sec {
        padding: 130px 85px 70px;
    }

    .connection-customer2 {
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        align-items: center;
        padding-top: 3vw;
        gap: 2vw;
    }

    .smo_con_cstmrs_sec .img-box {
        width: 185px;
    }

    .section3 .title-cont-pages {
        font-size: 52px;
        line-height: 62px;
    }


    .smo_con_cstmrs_sec .text-box {
        margin-top: 20px;
    }


    .connection-customer2 .row-box {
        gap: 115px;
    }




    /*--------------- unfold Power Sec (4th Sec) Css  --------------*/

    .smo-section4-main-row {
        display: flex;
    }

    .section4-main-box .column2 .box-content {
        margin-top: 80px;
    }

    .smo-section4-main-row {
        display: flex;
        padding: 118px 0 60px;
    }

    .section4-main-box .column2 .box1 .pricing-custom-call {
        margin-top: 0;
        display: flex;
        align-items: center;
        padding-top: 17px;
        gap: 20px;
        background: #fff;
    }

    .rqst_propsl_card_link {
        width: 100%;
        float: left;
        position: relative;
        text-align: right;
        padding-right: 0%;
        margin-top: 32px;
    }

    .section4-main-box .column2 .box1 .pricing-custom-call {
        margin-top: 0;
        display: flex;
        align-items: center;
        padding-top: 17px;
        gap: 20px;
        background: #fff;
    }

    .smo-user-video-fig {
        width: 100%;
        position: relative;
        margin-top: 6px;
    }

    .section4-main-box .box2 .benefits p {
        font-size: 17px;
        line-height: 26px;
        width: 100%;
        margin-top: -6px;
    }

    .aniMationOrm {
        position: relative;
        top: 0px;
    }

    .smo-section4-main-row .column1 {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        margin-top: -20px;
    }

    .smo-section4-main-row .column1 .box {
        margin-top: 12px;
    }

    .smo-section4-main-row .column2 {
        position: relative;
        left: 13px;
        display: flex;
        margin-top: -20px;
    }

    .section4-main-box .column1 .box ul li {
        font-size: 32px;
    }

    .btnContainOne .image-container1 img,
    .btnContainOne .image-container2 img {
        width: 92%;
        height: 70%;
        object-fit: contain;
    }


    .image-container1,
    .image-container2 {
        top: -8px;
    }



    /*--------------------  Speed Flxblty Sec (5th Sec)  ---------------------------*/

    .section-5-column2 {
        display: flex;
        flex-direction: column;
        gap: 1em;
    }

    .section5-column1 {
        gap: 2.4em;
    }

    .section-5-column2 {
        padding-bottom: 0;
        padding-top: 20px;
    }

    .section-5-column2 .box2 {
        display: flex;
        justify-content: space-around;
        width: 98%;
        margin: 65px 0 0 55px;
    }

    .section-5-column2 .box1 .sub-box2 h1 {
        font-size: 35px;
        font-weight: 400;
        color: #2c2d2d;
        position: relative;
        line-height: 1.2;
    }


    /*==================   SMO WorkFlow Section-6 Css  ====================*/

    .boxAreaWoFlow {
        width: 100%;
        float: left;
        position: relative;
        max-width: 990px;
        top: 0px;
        height: 100%;
        padding: 130px 0px 60px;
    }

    .ppcThumbTab {
        width: 100%;
        float: left;
        position: relative;
        z-index: 9;
        margin-top: 20px;
    }

    /*==================   Potential SMO Sec (7th Sec) Css  ====================*/

    .section7-col2 .box3 .img-box {
        width: 78%;
    }

    /*--------------------  Speed Flxblty Sec (7th Sec)  ---------------------------*/
    .SmoSecColOne {
        gap: 64px;
    }

    /*     
     .btnContainOne .image-container1 img, .btnContainOne .image-container2 img {
        width: 65%;
        height: 65%;
        object-fit: contain;
    } */



    .section7-col2 .box3 .img-box img {
        width: 85%;

    }


    .ddile_taball_desgn .ddile_vtitle {
        left: -230px;
        bottom: 300px;
    }

    .smo_con_cstmrs_sec .img-box {
        bottom: 50px;
    }

    .aniMationOrm {
        top: 7px;
    }


}




@media only screen and (max-width: 1780px) {

    .design-text3::after {
        right: -19px;
    }

    .design-text3::before {
        bottom: 0px;
    }

    .design-text3:hover::before {
        width: 115%;
    }

    .design-text1::after {
        left: -20px;
    }

    .design-text1::before {
        top: -1px;
    }

    .design-text1:hover::before {
        width: 117%;
    }


    .section1 .design-text {
        padding: 11px 10px;

    }

    /*--------------------   (3rd Sec)  ---------------------------*/
    .section3 .title-cont-pages {
        font-size: 51px;
        line-height: 61px;
    }

    .smo_con_cstmrs_sec .benefits {
        margin-top: 25px;
    }



    /*--------------------  Speed Flxblty Sec (5th Sec)  ---------------------------*/
    .section-5-column2 .box1 .sub-box2 h1 {
        margin-bottom: 14px;
    }

    .boxAreaWoFlow {
        max-width: 900px;
    }

    .benefits h2 {
        color: #000;
        font-size: 48px;
        font-weight: 600;
        line-height: 50px;
        display: block;
        padding: 15px 0 20px 0;
    }

    .section-5-column2 {
        padding-bottom: 0;
        padding-top: 54px;
    }





    /*--------------------  Speed Flxblty Sec (4th Sec)  ---------------------------*/

    .aniMationOrm {
        position: relative;
        top: 22px;
    }




    /*--------------------  Speed Flxblty Sec (6th Sec)  ---------------------------*/


    .section6 .ppcThumbTab .secContInfo .telNumber a {
        color: #0025a3;
        font-size: 16px;
        line-height: 38px;
        position: relative;
        white-space: nowrap;
        overflow: hidden;
        width: 500px;
        transition: all 0.5s ease;
    }

    .section6 .iconInfoList:after {
        left: -18px;
    }

    .section6 .iconInfoList {
        gap: 15px;
        padding-left: 1px;

    }



    /*--------------------  Speed Flxblty Sec (7th Sec)  ---------------------------*/


    .section7-col2 .box2 {
        top: 0;
        padding-top: 24px;
        width: 50%;
    }


    .ddile_taball_endt .ddile_vtitle {
        left: -240px;
        bottom: 295px;
    }

    .ddile_taball_desgn .ddile_vtitle {
        left: -230px;
        bottom: 300px;
    }


    .ddile_taball_devlp .ddile_vtitle {
        left: -245px;
        bottom: 280px;
    }


    .ddile_taball_invtv .ddile_vtitle {
        left: -270px;
        bottom: 262px;
    }


    .ddile_taball_lnch .ddile_vtitle {
        left: -235px;
        bottom: 295px;
    }


    .ddile_vtitle {
        transform: rotate(-90deg);
        left: -230px;
        position: absolute;
        width: fit-content;
    }

    .section5-column1 {
        gap: 3.2em;
    }



}







@media only screen and (max-width: 1680px) {

    /*----- Smo Banner Sec (1st Sec)-----------------*/

    .crSdescTop {
        margin-bottom: 70px;
        width: 100%;
        float: left;
    }

    .section1 .design-btns {
        border: 2px solid hsl(177deg 100% 21%);
        padding: 0.5vw 1vw;
        border-top-left-radius: 25px;
        border-bottom-right-radius: 25px;
        position: relative;
        margin-top: 60px;
        transition: all 0.5s ease;
    }

    .smo-title-icons {
        margin-top: 0;
        padding-top: 8px;
        padding-left: 0;
    }

    .welcome-smo-sec {
        padding: 70px;
    }

    .design-text3::after {
        right: -18px;
    }

    .design-text1::after {
        left: -19px;
    }



    /*------------- Con Cos Sec (2nd Sec) Css ---------------*/

    .con_cus_sec {
        padding-top: 150px;
        padding-bottom: 35px;
        padding-left: 70px;
        padding-right: 70px;
    }

    .section2 .row1 .col2 .box .heading {
        font-size: 100px;
    }

    .section2 .row1 .col2 .box p {
        width: 93%;
    }

    .section2 .row1 .col2 .box h3::before {
        width: 83%;
    }

    .section2 .row1 .col1 .local-agency-list ul li {
        padding: 15px 16px 13px 10px;
    }

    .section2 .row1 .col2 .box .heading {
        top: -3px;
    }

    .section2 .row1 .col1 .local-agency-list ul li:after {
        left: 48px;
    }




    .section2 .row2 {
        margin-top: 26px;
    }


    /*----------- Con Cust Sec (3rd Sec) Css ----------------------*/

    .section3 .title-cont-pages {
        font-size: 48px;
        line-height: 58px;
    }

    .benefits h2 {
        color: #000;
        font-size: 44px;
        font-weight: 600;
        line-height: 50px;
        display: block;
        padding: 10px 0 20px 0 !important;
    }

    .smo_con_cstmrs_sec .benefits h2 {
        font-size: 43px;
        line-height: 52px;
        font-weight: 600;
    }

    .smo_con_cstmrs_sec .img-box {
        width: 139px;
    }

    .smo_con_cstmrs_sec .img-box {
        width: 180px;
    }

    .connection-customer2 {
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        align-items: center;
        padding-top: 4vw;
        gap: 2vw;
    }

    .connection-customer2 .row-box {
        gap: 124px;
        margin-left: 0;
        padding-left: 40px;
        padding-top: 10px;
    }

    .smo_con_cstmrs_sec .benefits {
        margin-top: 15px;
    }

    .get-started-project {
        font-size: max(12px, 1.1vw);
        font-weight: bold;
        padding-bottom: 18px;
        color: #000000;
        position: relative;
        line-height: 1;
        margin-bottom: 5px;
    }

    .privacy-choices p {
        font-size: 16px;
        line-height: 25px;
    }

    .smo_con_cstmrs_sec .loCalInfoArea {
        margin-bottom: 15px;
    }



    .smo_con_cstmrs_sec .text-box {
        margin-top: 62px;
    }

    .smo_con_cstmrs_sec {
        padding: 130px 70px 70px;
    }


    /*--------------- unfold Power Sec (4th Sec) Css  --------------*/

    .smo-user-video-fig img {
        padding-top: 6px;
    }

    .aniMationOrm {
        position: relative;
        top: 16px;
    }

    .section4-main-box .column2 .box-content {
        margin-top: 85px;
    }

    .section4-main-box .column2 .box1 .pricing-custom-call {
        margin-top: 0;
        display: flex;
        align-items: center;
        padding-top: 6px;
        gap: 20px;
        background: #fff;
    }

    .smo-section4-main-row {
        display: flex;
        padding: 126px 0 78px;
    }

    .rqst_propsl_card_link {
        width: 100%;
        float: left;
        position: relative;
        text-align: right;
        padding-right: 0%;
        margin-top: 28px;
        margin-bottom: 24px;
    }

    .section4-main-box .box-content p {
        width: 100%;
    }

    .smo-section4-main-row .column1 .box {
        margin-top: 22px;
    }

    .smo_prvcy_chocs_sec {
        padding: 0 70px 0px;
    }



    .info-box {
        margin-top: 16px;

    }

    .smo-user-video-fig {
        width: 100%;
        position: relative;
        margin-top: 40px;
    }


    .section4-main-box .column2 .box1 .pricing-custom-call::before {
        margin-top: 5px;
    }


    .global-seo-agency ul li {
        font-size: 13px !important;
    }

    .section4-main-box .box2 .benefits p {
        font-size: 17px;
        line-height: 26px;
        width: 100%;
        margin-top: 5px;
    }


    /*--------------------  Speed Flxblty Sec (5th Sec)  ---------------------------*/

    .section-5-column2 .box1 .sub-box2 h1 {
        font-size: 29px;
        line-height: 38px;
        margin-bottom: 5px !important;
    }

    .section5-content .icon-box .box {
        margin: 7px 0;
    }

    .section5-column1 {
        gap: 2.2em;
    }

    .section-5-column2 {
        padding-bottom: 0;
        padding-top: 65px !important;
    }

    .section-5-column2 .box2 {
        margin: 64px 0 0 55px;
    }

    .section-5-column2 .box1 .sub-box2 p {
        font-size: 16px;
    }


    .speed_flex_sec {
        padding: 140px 70px 70px;
    }


    /*==================   SMO WorkFlow Section-6 Css  ====================*/

    .boxAreaWoFlow {
        width: 100%;
        float: left;
        position: relative;
        max-width: 866px;
        top: 0px;
        height: 100%;
        padding: 124px 0px 60px;
    }

    .section6-column2 .box2::before {
        width: 100%;
        border: 1px solid #959595;
        top: -20px;
    }

    .section6-column2 {
        display: flex;
        flex-direction: column;
        gap: 25px;
        width: 33%;
        padding: 128px 0 80px;
        justify-content: space-between;
    }

    .ppcThumbTab .secContInfo .telNumber a {
        color: #0025a3;
        font-size: 16px;
        line-height: 38px;
        position: relative;
        white-space: nowrap;
        overflow: hidden;
        width: 500px;
        transition: all 0.5s ease;
    }

    .section6 .iconInfoList:after {
        left: -18px;
    }

    .section6 .iconInfoList {
        gap: 15px;
        padding-left: 1px;

    }

    .bnfts_gyuprch_sec {
        padding: 0 70px;
    }


    /*==================   Potential SMO Sec (7th Sec) Css  ====================*/

    .smo_potential_sec:after {
        width: 100%;
        height: 100%;
        position: absolute;
        bottom: 0;
        left: 0;
        background: url(../images/SMO/smoSecSevenBg.png) no-repeat;
        background-size: 100%;
        background-position: bottom;
        content: '';
        z-index: -1;
        margin-bottom: 25px;
    }

    .ddile_card {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        padding: 184px 0px 60px;
    }

    .paraAreaSecBox {
        display: flex;
        flex-direction: column;
        gap: 24px;
    }

    .section7-col2 .box2 {
        top: 0;
        padding-top: 22px;
        width: 50%;
    }

    .section7-col2 .box3 {
        margin-top: 0;
        padding-top: 70px;
        width: 50%;
    }


    .ddile_vtitle {
        transform: rotate(-90deg);
        left: -230px;
        position: absolute;
        width: fit-content;
        bottom: 280px;
    }



    .ddile_taball_endt .ddile_vtitle {
        left: -240px;
        bottom: 274px;
    }

    .ddile_taball_desgn .ddile_vtitle {
        left: -230px;
        bottom: 280px;
    }


    .ddile_taball_devlp .ddile_vtitle {
        left: -245px;
        bottom: 256px;
    }


    .ddile_taball_invtv .ddile_vtitle {
        left: -270px;
        bottom: 240px;
    }


    .ddile_taball_lnch .ddile_vtitle {
        left: -235px;
        bottom: 270px;
    }

    .section7-col2 .box1 .sub-box h3 {
        font-size: 22px;
    }

    .section7-col2 .box1 div:nth-of-type(2) p {
        width: 88%;
    }


    .smo_potential_sec {
        padding: 0px 70px 0px;
    }


}




@media only screen and (max-width: 1550px) {
    /*----- Smo Banner Sec (1st Sec)-----------------*/

    .design-text3::before {
        left: 0px;
    }

    .design-text3:hover::before {
        width: 113%;
    }

    .design-text3::after {
        right: -17px;
        top: 0px;
    }

    .design-text1::before {
        right: 0px;
        top: 0px;
    }

    .design-text1:hover::before {
        width: 116%;
    }



    .design-text1::after {
        left: -18px;
    }


    .design-text2::before {
        top: -2px;

    }


    .design-text2::after {
        bottom: -2px;
    }




    .section1 .design-btns {
        margin-top: 37px;
    }

    .title-cont-pages {
        font-size: 45px;
        line-height: 58px;
    }

    .smo-title-icons {
        padding-top: 12px;

    }


    .section1 .design-content .box1 .design-image video {
        width: 85%;
        top: 18px;
        left: 23px;
    }



    /*------------- Con Cos Sec (2nd Sec) Css ---------------*/

    .con_cus_sec {
        padding-top: 155px;
        padding-bottom: 35px;
        padding-left: 70px;
        padding-right: 70px;
    }

    .section2 .row1 .col1 .local-agency-list ul li {
        font-size: 15px;
        letter-spacing: 0.5px;
        line-height: 22px;
    }

    .section2 .row2 .box {
        gap: 0px;
    }


    .section2 .row2 {
        margin-top: 30px;
    }



    /*----------- Con Cust Sec (3rd Sec) Css ----------------------*/

    .section3 .title-cont-pages {
        font-size: 40px;
    }

    .smo_con_cstmrs_sec .img-box {
        width: 175px;
    }

    .get-started-project {
        margin-bottom: 12px;
    }

    .smo_con_cstmrs_sec .connection-customer2 .column .box p {
        font-size: 16px;
    }

    .connection-customer2 {
        padding-top: 5vw;
    }

    .connection-customer2 .row-box {
        padding-top: 20px;
    }

    .smo_con_cstmrs_sec .benefits h2 {
        font-size: 40px;
    }

    /*--------------- unfold Power Sec (4th Sec) Css  --------------*/

    .unfolding-power {
        font-size: 32px;
        width: 340px;
    }

    .section4-main-box .column1 .box {
        padding: 0px 0 !important;
    }

    .section4-main-box .box-content p {
        width: 100%;
    }

    .smo-section4-main-row .column2 {
        position: relative;
        left: 0px;
        display: flex;
        margin-top: -20px;
        padding: 0px 45px;
    }

    .section4-main-box .box-content p:nth-of-type(1) {
        margin-bottom: 0px;
    }

    .rqst_propsl_card_link {
        margin-top: 26px;
    }

    .info-box {
        padding: 10px 0px;
    }


    .aniMationOrm {
        position: relative;
        top: 50px;
    }


    .section4-main-box .column2 .box1 .pricing-custom-call::before {
        margin-top: 12px;
    }

    .section4-main-box .box-content p {
        font-size: 15px;
    }


    .section4 .pricing1 {
        padding: 7px 28px;
    }

    .section4 .quote1 {
        padding: 7px 28px;
    }


    .smo-user-video-fig {
        width: 100%;
        position: relative;
        margin-top: 70px !important;
    }

    .section4-main-box .column2 .box-content {
        margin-top: 88px;
    }


    /*--------------------  Speed Flxblty Sec (5th Sec)  ---------------------------*/

    .section5-column1 {
        gap: 4.8em;
    }

    .section5-content .icon-box .box {
        margin: 10px 0;
    }

    .section-5-column2 {
        padding-bottom: 0;
        padding-top: 110px !important;
    }

    .section-5-column2 .box1 .sub-box2 p {
        font-size: 14px;
        width: 95%;
    }

    .section-5-column2 .box2 .sub-box {
        position: relative;
        width: 28%;
    }

    .section-5-column2 .box1 .sub-box2 {
        position: relative;
        top: 3px;
    }


    /*==================   SMO WorkFlow Section-6 Css  ====================*/

    .boxAreaWoFlow {
        max-width: 760px;
    }

    .osmTabedArea {
        width: 363px;
    }

    .section6-column1 .box5 {
        top: 0;
        gap: 12px;
        margin-top: 32px;
        padding-left: 9px;
    }



    .bnfts_gyuprch_sec {
        padding: 0 70px;
    }


    .section6-column1 {
        width: 62%;

    }

    .section6-column2 {
        gap: 38px;
        width: 38%;
        padding: 128px 0 80px;

    }

    .section6 .arrowBox4Ani svg {
        width: 64px;
        height: 182px;
    }

    .section6-column1 .box6 {
        top: 10px;
    }

    .arrowBox2Ani {
        left: 15px;
    }




    /*==================   Potential SMO Sec (7th Sec) Css  ====================*/

    .section7-main {
        padding: 0em 0em !important;
    }

    .section7-col2 .box1 .sub-box h3 {
        font-size: 20px;
    }

    .section7-col2 .box2 p {
        width: 100% !important;
    }

    .section7 .osmTabedArea .email a {
        font-size: 18px;
    }

    .section7 .osmTabedArea a {
        font-size: 18px;
    }

    .section7 .engeg_tel_icn_flx {
        height: 47px;
        z-index: 9;
    }


    .section7 .startProject {
        max-width: 88%;
    }


    .section7 .SmoSecColOne {
        padding-block: 90px 60px;
    }


    .section7 .iconInfoList:after {
        bottom: 3px;
    }

    .ddile_vtitle {
        transform: rotate(-90deg);
        left: -230px;
        position: absolute;
        width: fit-content;
        bottom: 300px;
    }



    .ddile_taball_endt .ddile_vtitle {
        left: -240px;
        bottom: 290px;
    }

    .ddile_taball_desgn .ddile_vtitle {
        left: -230px;
        bottom: 300px;
    }


    .ddile_taball_devlp .ddile_vtitle {
        left: -245px;
        bottom: 275px;
    }


    .ddile_taball_invtv .ddile_vtitle {
        left: -270px;
        bottom: 260px;
    }


    .ddile_taball_lnch .ddile_vtitle {
        left: -235px;
        bottom: 290px;
    }





}






@media only screen and (min-width: 1367px) and (max-width: 1440px) {

    .section3-main-box,
    .section4-main-box,
    .section2,
    .section5,
    .section6 {
        padding: 7em 6em;
    }

    .section2 {
        padding: 6em;
    }

    .section7-main {
        padding: 7em 6em;
    }

    .section2 .row1 {
        top: -24px;
        padding: 0px;
    }

    .section2 .row2 {
        padding: 0px;
        margin-top: 49px;
    }

    .section2 .row2::before {
        left: 0px;
        width: 100%;
    }

    .section2 .row1 .col1 .local-agency-list ul li {
        font-size: clamp(10px, 0.9vw, 2.2rem);
        padding: 13px 16px 11px 8px;
    }

    .section2 .row1 .col2 .box .heading {
        top: 10px;
    }

    .section2::before {
        left: -41em;
        bottom: 9em;
        height: 838px;
    }

    /*----- Smo Banner Sec (1st Sec)-----------------*/




    .seoContInfo li.microTeam img {
        width: 22px;
    }

    .seoContInfo li.liveChat img {
        width: 22px;
    }


    .welcome-smo .crSdescTop p {
        max-width: 565px;
    }


    .smo-title-icons {
        padding-top: 20px;
    }


    .section1 .crSdescTop {
        margin-bottom: 80px;
        width: 100%;
        float: left;
    }

    .seoBanConArea {
        width: 100%;
        float: left;
        margin-top: 5px;
        position: relative;
        left: -20px;
    }

    .section1 .design-btns {
        margin-top: 43px;
    }

    .section2 .row2 {
        margin-top: 20px;
    }

    .welcome-smo-sec {
        padding: 72px 64px 55px;
    }

    .welcome-smo-sec-row .smo-hero-title {
        padding-top: 40px;
        padding-left: 0;
        margin-top: 0;
    }

    .title-cont-pages {
        font-size: 41px;
        line-height: 48px;
    }

    .smo-title-content p {
        font-size: 13px;
        line-height: 23px;
    }

    .twentyfr_suport_fig {
        width: 52px;
    }

    .consuLtUs h2 {
        font-size: 14px;
    }

    .smo-button-content {
        margin-top: 0px;
    }

    .smo-title-icons .icon-3 {
        flex-basis: 12%;
    }

    .smo-title-icons .icon-2 {
        flex-basis: 12%;
    }

    .smo-title-icons .icon-1 {
        flex-basis: 12%;
    }

    .section1 .design-text {
        font-size: 13px;
        line-height: 20px;
        padding: 10px 12px;
    }

    .design-text3::before {
        left: 0px;
    }

    .design-text3::after {
        right: -17px;
        top: 0px;
    }

    .design-text2::after {
        bottom: -2px;
    }

    .design-text1::before {
        top: -1px;
        right: -1px;
    }

    .design-text3:hover::before {
        width: 116%;
    }

    .design-text1:hover::before {
        width: 119%;
    }


    .design-text2::before {
        left: 50%;
        top: -2px;
        transition-duration: 0.4s;
    }

    .design-text3::before {
        bottom: 0px;
    }



    .seoContInfo li img {
        width: 19px;

    }

    .seoContInfo li {
        width: 56px;
        height: 56px;
    }


    .circleOne {
        width: 70px;
        height: 70px;
    }

    .circleTwo {
        width: 45px;
        height: 45px;
    }

    .circleThree {
        top: 8px;
        left: 15px;
        width: 27px;
        height: 27px;
    }





    /* .design-text1::before {top:0px; right:-1px;} */
    .design-text1::after {
        left: -16px;
    }

    .section1 .design-content {
        padding-top: 8px;
    }

    .smo-title-icons::before {
        height: 12px;
    }

    .smo-hero-image {
        padding-left: 0%;
        padding-right: 0%;
    }

    /*------------- Con Cos Sec (2nd Sec) Css ---------------*/

    /* .con_cus_sec {padding:98px 65px 55px;} */

    .con_cus_sec {
        padding: 120px 64px 55px;
    }

    .section2 .content-welcome p {
        padding-top: 0;
    }

    .section2 .row1 .col2 .box p {
        font-size: 13px;
        line-height: 20px;
    }

    .section2 .row1 .col2 .box h3 {
        font-size: 15px;
    }

    .section2 .row1 .col2 .box .heading {
        font-size: 90px;
        top: -14px;
    }

    .section2 .row1 .col1 .local-agency-list ul li {
        font-size: 13px;
        letter-spacing: 0.2px;
        line-height: 20px;
    }

    .section2 .row1 .col3 video {
        width: 85%;
        float: right;
        bottom: 20px;
        position: relative;
    }

    .section2 .row1 .col3 {
        position: relative;
        left: 0vw;
    }

    .section2 .row2 .box .box-content h4 {
        font-size: 13px;
    }

    .section2 .row2 .box .box-content .info {
        font-size: 12px;
        margin-top: 2px;
    }

    .section2 .row2 .box .img-box {
        width: 45px;
    }

    .section2 .row2::before {
        top: -15px;
    }

    .con_cus_sec_wrap {
        padding: 0 0px;
    }


    .section2 .row1 .col1 .local-agency-list ul li:after {
        left: 39px;
    }




    /*----------- Con Cust Sec (3rd Sec) Css ----------------------*/

    .smo_con_cstmrs_sec .connection-customer2 .column .box p {
        font-size: 13px;
        line-height: 23px;
        padding-left: 15px;
    }

    .connection-customer1 .privacy-choices p:nth-of-type(1) {
        padding-top: 2px;
    }

    .smo_con_cstmrs_sec .loCalInfoArea .secContInfo .telNumber a {
        font-size: 16px;
    }

    .smo_con_cstmrs_sec .loCalInfoArea .secContInfo .mailCustom a {
        font-size: 16px;
    }

    .smo_con_cstmrs_sec .benefits h2 {
        font-size: 32px;
        line-height: 40px;
    }

    .smo_con_cstmrs_sec {
        padding: 105px 64px 55px;
    }
    .connection-customer1 {
    padding-left: 15px;
}

    .smo_con_cstmrs_sec_card {
        padding: 0 0px;
    }

    .section3 .main-smo-heading ul li {
        font-size: 13px;
        line-height: 15px;
    }

    .section3 .title-cont-pages {
        font-size: 41px;
        line-height: 48px;
    }

    .smo_con_cstmrs_sec .benefits h3 {
        font-size: 26px;
        line-height: 34px;
    }

    .smo_con_cstmrs_sec .benefits h3 span:after {
        top: 0px;
        height: 34px;
    }

    .connection-customer1 .privacy-choices p {
        font-size: 13px;
        line-height: 23px;
        width: 85%;
    }

    .connection-customer1 .get-started-project {
        font-size: 15px;
        line-height: 20px;
    }

    .smo_con_cstmrs_sec .call-info {
        font-size: 26px;
        line-height: 34px;
    }

    .get-started-project {
        margin-bottom: 8px;
    }

    .connection-customer1 .column2 .column2-lower-box .img-box img {
        top: 0px;
        width: 78%;
        left: 8px;
    }

    .connection-customer2 .column .box p::before {
        top: 4px;
        height: 85%;
        width: 4px;
    }

    @keyframes border_anim {
        0% {
            height: 0%;
        }

        100% {
            height: 85%;
        }
    }

    .smo_con_cstmrs_sec .connection-customer2 .column .box h3 {
        font-size: 17px;
        line-height: 20px;
    }

    .connection-customer2 .row-box {
        gap: 60px;
    }

    .connection-customer1 .privacy-choices p:nth-of-type(2) {
        margin-bottom: 15px;
    }

    .smo_con_cstmrs_sec .img-box {
        width: 150px;
        position: relative;
        top: -190px;
        left: 72%;
    }

    .get-started-project::after {
        width: 98% !important;
    }



    .smo_con_cstmrs_sec .column2-lower-box {
        padding-top: 10px;
    }


    .smo_con_cstmrs_sec .text-box {
        margin-top: 5px;
    }

    .smo_con_cstmrs_sec .loCalInfoArea .iconInfoList {
        gap: 14px;
    }

    .smo_con_cstmrs_sec .secContInfo {
        gap: 0px;
    }

    .smo_con_cstmrs_sec .loCalInfoArea .iconInfoList a img {
        width: 16px;
    }

    .smo_con_cstmrs_sec .loCalInfoArea .iconInfoList .microTeam a img,
    .smo_con_cstmrs_sec .loCalInfoArea .iconInfoList .liveChat a img {
        width: 18px;
    }


    /*--------------- unfold Power Sec (4th Sec) Css  --------------*/

    .smo-section4-main-row .column1 {
        display: flex;
        flex-direction: column;
        padding: 0 15px;
        justify-content: space-between;
        margin-top: -30px;
    }

    .smo-section4-main-row .column2 {
        position: relative;
        left: 0px;
        display: flex;
        margin-top: -30px;
        padding: 0px 45px;
    }

    .section4-main-box .info-text {
        display: flex;
        align-items: center;
        font-size: 14px;
        font-weight: 600;
        color: #000;
    }

    .section4-main-box .column2 .box1 .pricing-custom-call::before {
        margin-top: 0px;
        width: 100%;
    }

    .info-box {
        padding: 0px 0px;
    }

    .section4-main-box .box-content p {
        width: 100%;
    }

    .pricing1 {
        padding: 10px 26px;
        font-size: 13px;
    }

    .quote1 {
        padding: 10px 26px;
        font-size: 13px;
    }

    .smo-section4-main-row {
        display: flex;
        padding: 102px 0 78px;
    }

    .aniMationOrm {
        position: relative;
        top: 48px;
    }

    .smo_prvcy_chocs_sec {
        padding: 0px 64px 55px;
    }

    .smo_prvcy_chocs_sec_card {
        padding: 0 0px;
    }

    .benefits h2 {
        font-size: 41px;
        line-height: 49px;
    }

    .section4-main-box .box2 .benefits p {
        font-size: 13px;
        line-height: 23px;
        margin-top: 15px;
    }

    .section4-main-box .box2 .benefits p {
        font-size: 13px;
        line-height: 20px;
        margin-top: 15px;
    }

    .smo-user-video-fig {
        width: 86%;
        position: relative;
        margin-top: 15px;
    }

    .unfolding-power {
        font-size: 26px;
        line-height: 36px;
        width: 270px;
    }

    .section4-main-box .box-content p {
        font-size: 13px;
        line-height: 23px;
    }

    .global-seo-agency ul li {
        font-size: 14px !important;
        margin-top: 5px !important;
    }

    .global-seo-agency h3 {
        font-size: 15px;
    }

    .section4-main-box .column2 .box1 .box-content h2 {
        font-size: 23px;
    }

    .section4-main-box .column2 .box-content {
        margin-top: 75px;
    }

    .section4-main-box .column1 .box ul li {
        font-size: 18px;
        line-height: 32px;
    }

    .smo-section4-main-row .column1 .box {
        margin-top: 0;
        padding-top: 30px;
        padding-bottom: 0;
    }

    .smo-section4-main-row .column1 .box {
        margin-top: 24px;
    }

    .section4-main-box .column2 .box1 .pricing-custom-call h6 {
        font-size: 14px;
        line-height: 20px;
    }

    .section4-main-box .column2 .box1 .pricing-custom-call h6 span::before {
        height: 8px;
    }

    .section4-main-box .column1 .box ul li.smo-active:before {
        height: 12px;
    }

    .btn-proposal {
        font-size: 13px;
        padding: 8px 22px;
    }

    .section4-main-box .column2 .box1 .pricing-custom-call .pricng-call {
        width: 100%;
    }

    .pricing-custom-call-fig {
        width: 40px;
    }

    .rqst_propsl_card_link {
        margin-top: 15px;
        padding-right: 0%;
    }

    .section4-main-box #orm-reputation svg {
        width: 86% !important;
    }

    .section4-main-box .box2 img {
        width: 100%;
        margin-top: 0px;
    }

    .btnContainOne .image-container1 img,
    .btnContainOne .image-container2 img {
        width: 64%;
        height: 64%;
        object-fit: contain;
    }

    .image-container1,
    .image-container2 {

        top: -5px;

    }

    .image-container1,
    .image-container2 {

        left: 60%;
    }


    .section4-main-box .box-content p {

        padding-top: 20px;
    }

    .info-box {
        margin-top: 11px;
    }

    .section4 .icon {
        width: 58px;
        height: 58px;
    }


    /*--------------------  Speed Flxblty Sec (5th Sec)  ---------------------------*/

    .speed_flex_sec {
        padding: 105px 64px 55px;
    }

    .speed_flex_sec_wrap {
        padding: 0 0px;
    }

    .speed_flex_sec-main h3 {
        font-size: 16px;
        line-height: 20px;
    }

    .section5-column1 .thingstothink h3 {
        font-size: 16px;
    }

    .section5-column1 .thingstothink p {
        font-size: 13px;
        line-height: 23px;
        margin-top: 10px;
    }

    .section5-content .icon-box .box p {
        width: 55%;
        font-size: 13px;
        line-height: 23px;
    }

    .section5-content .icon-box {
        left: 10px;
        top: 14px;
    }

    .section-5-column2 .box1 .sub-box2 h1 {
        font-size: 27px;
        margin-bottom: 5px;
        line-height: 34px;
    }

    .section-5-column2 .box1 .sub-box2 p {
        font-size: 13px;
        line-height: 20px;
    }

    .section-5-column2 {
        padding-top: 5px;
    }

    .section-5-column2 .box1 .sub-box2::before {
        width: 8px;
        height: 80%;
        top: 4px;
        left: -4%;
    }

    .section-5-column2 .box2 {
        display: flex;
        justify-content: space-around;
        width: 98%;
        margin: 65px 0 0 30px !important;
    }

    .section-5-column2 {
        padding-bottom: 0;
        padding-top: 13px !important;
    }

    .section-5-column2 .box2 .sub-box {
        width: 30%;
    }

    .section-5-column2 .box1 {
        display: flex;
        gap: 6em;
        width: 100%;
        height: 100%;
        margin-left: 0vw;
    }

    .boxAreaWoFlow {
        width: 100%;
        float: left;
        position: relative;
        max-width: 866px;
        top: 0px;
        height: 100%;
        padding: 116px 0px 60px;
    }

    .ppcThumbTab .secContInfo .telNumber a {
        font-size: 21px;
    }

    .ppcThumbTab .secContInfo .mailCustom a {
        font-size: 17px;
    }

    .section-5-column2 .box1 .sub-box2 {
        top: 0px;
    }

    .section-5-column2 .box2 .sub-box p {
        font-size: 13px;
        line-height: 23px;
    }

    .section-5-column2 .box2 .sub-box h3 {
        font-size: 16px;
    }

    .section5-content .icon-box .box {
        margin: 6px 0;
    }

    .section-5-column2 .box2 .sub-box1 .img-box img {
        height: 30px;
        width: 30px;
    }

    .section-5-column2 .box2 .sub-box .img-box {
        height: 50px;
        width: 50px;
    }

    .section-5-column2 .box2 .sub-box .img-box img {
        height: 100%;
        width: 100%;
        padding: 10px;
    }

    .section-5-column2 .box2 .sub-box3 .img-box img {
        padding: 15px !important;
    }

    .section5-column1 {
        gap: 0em;
    }

    .section5-content .icon-box .box3 {
        left: 40px;
    }

    .section5-content .icon-box .box5 {
        left: 28px;
    }

    /*==================   SMO WorkFlow Section-6 Css  ====================*/

    .section6 .iconInfoList:after {
        width: 1px;
        height: 100%;
        position: absolute;
        left: -18px;
    }

    .section6 .iconInfoList {
        display: flex;
        gap: 20px;
        position: relative;
        padding-left: 2px;
        padding-bottom: 5px;
        padding-right: 23px;
    }

    .section6 .benefits h2 {
        font-size: 34px;
        line-height: 42px;
    }

    .section6-column1 .box6 .img {
        width: 197px;
        height: 149px;
        bottom: -5px;
    }

    .section6-column2 .box1 .content-welcome p {
        font-size: 13px;
        line-height: 20px;
        padding: 11px 0 0 0;
    }

    .section6-column1 .boxes .devlop-pargh-title .left-content {
        font-size: 13px;
        line-height: 20px;
    }

    .section6-column1 .boxes .text {
        width: 195px;
        gap: 2px;
    }

    .section6-column1 .box6 .text {
        top: -9px;
    }

    .section6-column1 .boxes .text h3 {
        font-size: 19px;
        line-height: 26px;
    }

    .section6 .benefits h3 {
        font-size: 23px;
    }

    .section6 .benefits h3 span {
        padding: 0px 10px;
        margin-left: 4px;
    }

    .section6 .benefits h3 span:after {
        top: 2px;
        height: 30px;
    }

    .section6-column2 .box1 .sub-box1 .call-action a {
        font-size: 19px;
        line-height: 23px;
        padding: 2px 12px;
    }

    .section6-column2 .box1 .sub-box1 .call-action i {
        margin-right: 11px;
    }

    .section6 .call-info {
        font-size: 24px;
        line-height: 32px;
    }

    .section6-column1 .box1 .img,
    .section6-column1 .box2 .img {
        width: 75px;
        height: 75px;
    }

    .section6-column1 .boxes {
        height: 150px;
    }

    .section6-column2 {
        gap: 26px;
    }

    .section6-column2 .box2::before {
        width: 100%;
        top: -8px;
    }

    .section6-column1 .box5 .text {
        margin-top: 23px;
    }

    .section6-column1 .box1 .text {
        margin-top: 24px;
    }

    .section6-column1 .box3 {
        gap: 11px;
        margin-top: 23px;
    }

    .section6-column1 .box3 .img {
        width: 37px;
        height: 38px;
    }

    .section6-column1 .box5 .img {
        width: 56px;
        height: 48px;
    }

    .lapManImg {
        width: 164px;
        height: 86px;
    }

    .section6-column1 .box4 img {
        top: 0;
        left: 0;
    }

    .section6-column1 .box2 {
        gap: 8px;
        padding-left: 41px;
    }

    .section6-column1 .box1 {
        gap: 15px;
        margin-bottom: 26px;
    }

    .bnfts_gyuprch_sec {
        padding: 0px 64px 55px;
    }

    .section6-column2 .box1 .sub-box1 {
        gap: 23px;
        margin-top: 57px;
    }

    .rockBigImg {
        padding-right: 109px;
    }

    .boxAreaWoFlow {
        top: 27px;
        max-width: 700px;
    }

    .section6 .arrowBox2Ani svg {
        width: 113px;
        height: 113px;
    }

    .section6 svg {
        width: 98px;
        height: 98px;
    }

    .section6 .arrowBox3Ani svg {
        width: 90px;
        height: 90px;
    }

    .section6 .arrowBox4Ani svg {
        width: 90px;
        height: 90px;
    }

    .section6-column1 .box5 {
        gap: 9px;
        margin-top: 10px;
        padding-left: 23px;
    }

    .arrowBoxAni {
        bottom: -90px;
    }

    .arrowBox2Ani {
        top: -25px;
    }

    .arrowBox3Ani {
        bottom: -50px;
    }

    .arrowBox4Ani {
        top: 48px;
        right: -8%;
    }

    .section6-column2 .box1 .content-welcome {
        margin-top: -14px !important;
    }

    .section6-column1 {
        width: 58%;
    }

    .section6-column2 {
        width: 42%;
    }


    .ppcThumbTab {
        width: 100%;
        float: left;
        position: relative;
        z-index: 9;
        margin-top: 30px;
    }


    .iconInfoList img {
        width: 16px;
        transition: all 0.5s ease;
    }


    .section6 .iconInfoList .microTeam img {
        width: 20px;
    }

    .section6 .iconInfoList .liveChat img {
        width: 21px;
    }

    .section6 .iconInfoList img {
        width: 16px;

    }
    .smo_con_cstmrs_sec .loCalInfoArea .iconInfoList .liveChat a img {
        width: 20px;
    }
    
    








    /*==================   Potential SMO Sec (7th Sec) Css  ====================*/

    .ddile_card {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        padding: 0px 0px 60px;
    }

    .SmoSecColOne {
        padding-block: 0px 60px;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        gap: 18px;
    }

    .section7 .osmTabedArea a {
        font-size: 18px;
    }

    .benefits h2 {
        font-size: 38px;
        line-height: 45px;
        padding: 11px 0 15px 0;
    }

    .benefits h3 {
        font-size: 23px;
    }

    .privacy-choices p {
        font-size: 13px;
        line-height: 20px;
    }

    .section7-col1 .content-welcome p {
        padding-top: 11px;
    }

    .smo_potential_sec {
        padding: 105px 64px 55px;
    }

    .smo_potential_sec_card {
        padding: 0px;
    }

    .section7-col2 .box1 .sub-box h3 {
        font-size: 18px;
    }

    .ddile_vtitle h3 {
        font-size: 62px;
    }

    .section7-col2 .box3 h2 {
        font-size: 26px;
    }

    .section7-col2 .box1 .sub-box h3 {
        font-size: 18px;
    }

    .smo-column2 .box2 .sub-box h3 {
        font-size: 19px;
        line-height: 21px;
    }

    .smo-column2 .box2 .sub-box .call-action a {
        font-size: 17px;
        padding: 5px 19px;
    }

    .smo-column2 .box2 .sub-box .call-action i {
        font-size: 15px;
        margin-right: 8px;
    }

    .section7-col2 .box1 .sub-box i {
        font-size: 14px;
        margin-left: 8px;
    }

    .section7-col2 .box1 .sub-box p {
        font-size: 13px;
        line-height: 20px;
        margin-top: 11px;
        width: 100%;
    }

    .ddile_vtitle {
        left: -173px;
        bottom: 258px;
    }

    .section7-col1 {
        width: 36%;
    }

    .section7-col2 {
        margin-top: 55px;
    }

    .section7-col2 .box2 p {
        padding-bottom: 12px;
    }

    .smo-column2 .box2 .sub-box {
        margin-top: 58px;
    }

    .smo-column2 .box2 .sub-box::before {
        width: 100%;
        top: -23px;
    }

    .privacy-choices p {
        font-size: 13px;
        line-height: 20px;
    }

    .section7-col2 .box1 {
        padding-bottom: 38px;
    }

    .section7-col2 .box2 {
        padding-top: 30px;
    }

    .section7-col2 .box3 p {
        font-size: 13px;
        line-height: 20px;
    }

    .section7-col1 .img-box {
        margin-top: 30px;
    }

    .section7-col2 .box3 {
        padding-top: 30px;
    }

    .ddile_taball_devlp .ddile_vtitle {
        left: -200px;
        bottom: 235px;
    }

    .ddile_taball_desgn .ddile_vtitle {
        left: -180px;
        bottom: 260px;
    }

    .ddile_taball_invtv .ddile_vtitle {
        left: -205px;
        bottom: 226px;
    }

    .ddile_taball_lnch .ddile_vtitle {
        left: -185px;
        bottom: 250px;
    }

    .ddile_taball_endt .ddile_vtitle {
        left: -190px;
        bottom: 251px;
    }



    .section7 .SmoSecColOne {
        padding-block: 8px 60px;
    }


    .section7 .benefits {
        margin-top: 0px;
    }

    .section7 .paraAreaSecBox {
        gap: 2px;
    }

    .section7-col2 .box1 div:nth-of-type(2) p {
        width: 90%;
    }


    .section7 .startProject {

        margin-top: 31px;
    }

    .section7 .startProject {
        max-width: 92%;
    }


    .section7 .iconInfoList .microTeam img {
        width: 20px;
    }

    .section7 .iconInfoList .liveChat img {
        width: 21px;
    }


}







@media only screen and (min-width: 1281px) and (max-width: 1366px) {



    .section6-column1 .box6 {
        top: 0px;
    }

    .seoContInfo li.microTeam img {
        width: 22px;
    }

    .seoContInfo li.liveChat img {
        width: 22px;
    }

    .butCrseo {
        width: 100%;
        float: left;
        margin-bottom: 0px;
        margin-top: 45px;
    }

    .crSdescTop {
        margin-bottom: 0px;
        width: 100%;
        float: left;
    }



    /*----- Smo Banner Sec (1st Sec)-----------------*/

    .design-text3::after {
        right: -16px;
        top: 0px;
    }

    .seoBanConArea {
        width: 100%;
        float: left;
        margin-top: 0px;
        position: relative;
        left: -20px;
    }

    .section1 .design-btns {
        margin-top: 13px;
    }

    .section2 .row2 {
        margin-top: 20px;
    }

    .welcome-smo-sec {
        padding: 72px 64px 55px;
    }

    .welcome-smo-sec-row .smo-hero-title {
        padding-top: 45px;
        padding-left: 0;
        margin-top: 0;
    }

    .section1 .title-cont-pages {
        font-size: 41px;
        line-height: 51px;
    }

    .smo-title-content p {
        font-size: 13px;
        line-height: 20px;
    }

    .button_content h3 {
        font-size: 18px;
        line-height: 30px;
    }

    .twentyfr_suport_fig {
        width: 52px;
    }

    .consuLtUs h2 {
        font-size: 14px;
    }

    .smo-button-content {
        margin-top: 0px;
    }

    .smo-title-icons .icon-3 {
        flex-basis: 12%;
    }

    .smo-title-icons .icon-2 {
        flex-basis: 12%;
    }

    .smo-title-icons .icon-1 {
        flex-basis: 12%;
    }

    .section1 .design-text {
        font-size: 13px;
        line-height: 20px;
        padding: 9px 12px;
    }

    .design-text3::before {
        left: 0px;
    }

    .design-text3::after {
        right: -16px;
        top: 0px;
    }

    .design-text2::after {
        bottom: 0px;
    }

    .design-text1::before {
        top: -1px;
        right: -1px;
    }

    .design-text1::after {
        left: -16px;
    }

    .section1 .design-content {
        padding-top: 0px;
    }

    .smo-title-icons::before {
        height: 12px;
    }

    .design-text3::before {
        bottom: 0px;
    }

    .design-text3:hover::after {
        height: 97%;
    }

    .design-text3:hover::before {
        width: 115%;
    }

    .design-text2::before {
        top: 0px;
    }

    .design-text1:hover::before {
        width: 118%;
    }



    .welcome-smo .crSdescTop p {
        max-width: 565px;
    }

    .section1 .button_content h3:after {
        right: 41px;
    }

    .seoContInfo li img {
        width: 19px;
    }

    .seoContInfo li {
        width: 56px;
        height: 56px;
    }

    .section1 .button_content {

        margin-bottom: 0px;
    }


    .circleOne {
        background: #a7e1ea;
        width: 60px;
        height: 60px;

    }




    .circleTwo {
        background: #a186be;
        width: 38px;
        height: 38px;
        border-radius: 100px;
        opacity: 0.4;
        position: absolute;
        bottom: 52px;
        right: 20px;
    }


    .circleThree {
        background: #f49ac1;
        width: 20px;
        height: 20px;
        border-radius: 100px;
        opacity: 0.4;
        position: absolute;
        top: 45px;
    }

    .section1 .design-content .box1 .design-image video {
        width: 55%;
        top: 12px;
        left: 86px;
    }




    /*----- (2nd Sec)-----------------*/

    .section2 .row2 .box {
        gap: 0px;
        margin-top: -5px;
    }

    .section2 .row1 .col2 .box .heading {
        font-size: 120px;
        color: #5d5d5d;
        opacity: 0.122;
        top: 9px;
    }

    .section2 .row2 .box .img-box img {
        width: 76%;
    }

    .section2 .row2 .box .box-content .info {
        font-size: 11px;
        font-weight: 500;
        margin-top: 2px;
    }

    .section2 .row2 .box .box-content h4 {
        font-weight: 600;
        font-size: 13px;
        color: #000;
    }

    .section2 .row1 .col3 video {
        width: 76%;
        margin-bottom: 20px;
    }

    .section2 .row2 {
        margin-top: -42px;
    }

    .section2 .row1 {
        top: -60px;
    }

    .section2 .row1 .col2 .box h3 {
        font-size: 14px;
        font-weight: 500;
        margin-top: 0;
    }

    .section2 .row1 .col2 .box p {
        font-size: 13px;
        line-height: 20px;
    }

    .section2 .row1 .col2 .box .heading {
        font-size: 70px;
    }

    .section2 .row1 .col1 .local-agency-list ul li {
        font-size: 12px;
        letter-spacing: 0.5px;
        line-height: 16px;
    }

    .section2 .content-welcome p {
        padding-top: 8px;
    }

    .section2 .content-welcome p {
        width: 49%;
        text-align: center;
        margin: 0px auto;
        padding: 0px;
        line-height: 23px;
    }

    .con_cus_sec {
        padding-top: 90px;
        padding-bottom: 35px;
        padding-left: 64px;
        padding-right: 64px;
    }

    .con_cus_title {
        margin-top: 0px;
    }

    .section2 .title-cont-pages {
        font-size: 41px;
        line-height: 51px;
    }

    .section2 .row1 .col1 .local-agency-list {
        margin-top: 30px;
    }

    .section2 .row1 .col1 .local-agency-list ul li:after {
        left: 41px;
    }


    .section2::before {
        bottom: 1em;
        left: -46em;
    }



    /*---------------  (3rd Sec) Css  --------------*/



    .connection-customer2 .row-box {
        padding-left: 54px;

    }



    .smo_con_cstmrs_sec .text-box {
        margin-top: 12px;
    }



    .connection-customer1 .get-started-project {
        font-size: 15px;
        line-height: 20px;
    }

    .smo_con_cstmrs_sec .loCalInfoArea .secContInfo .telNumber a {
        font-size: 16px;
    }

    .smo_con_cstmrs_sec .loCalInfoArea .iconInfoList {
        gap: 14px;
    }


    .smo_con_cstmrs_sec .loCalInfoArea .iconInfoList a img {
        width: 16px;
    }


    .smo_con_cstmrs_sec .loCalInfoArea .iconInfoList .microTeam a img,
    .smo_con_cstmrs_sec .loCalInfoArea .iconInfoList .liveChat a img {
        width: 19px;
    }





    .section3 .connection-customer1 .privacy-choices p:nth-of-type(2) {
        margin-bottom: 13px;
    }

    .smo_con_cstmrs_sec .img-box {
        width: 113px;
        position: relative;
        top: -145px;
        left: 85%;
    }

    /* .smo_con_cstmrs_sec .loCalInfoArea .secContInfo .telNumber a {font-size:21px;} */
    .smo_con_cstmrs_sec .loCalInfoArea .secContInfo .mailCustom a {
        font-size: 16px;
    }

    .smo_con_cstmrs_sec .secContInfo {
        gap: 10px;
        margin-top: -15px;
    }

    .connection-customer1 .get-started-project::after {
        width: 100%;
        background-color: #d7d7d7;
        top: 52px;
    }

    .connection-customer1 .privacy-choices p {
        font-size: 14px;
    }

    .connection-customer1 .get-started-project {
        font-size: 16px;
        line-height: 21px;
        margin-top: 8px;
    }

    .connection-customer1 .privacy-choices p:nth-of-type(1) {
        padding-top: 0px;
        margin-bottom: 7px;
    }

    .smo_con_cstmrs_sec {
        padding: 105px 64px 70px;
    }

    .smo_con_cstmrs_sec .benefits h2 {
        font-size: 30px;
        line-height: 36px !important;
    }

    .section3 .title-cont-pages {
        font-size: 35px !important;
        line-height: 45px;
    }

    .section3 .title-cont-pages {
        font-size: 41px;
        line-height: 51px;
    }

    .section3 .main-smo-heading ul li {
        font-size: 14px;
        line-height: 15px;
    }

    .connection-customer2 .row-box {
        gap: 40px;
    }

    .smo_con_cstmrs_sec .connection-customer2 .column .box p {
        font-size: 13px;
        line-height: 24px;
    }

    .connection-customer2 {
        padding-top: 2vw;
    }

    .connection-customer2 .row-box {
        padding-top: 10px;
    }

    .smo_con_cstmrs_sec .connection-customer2 .column .box h3 {
        font-size: 16px;
        line-height: 25px;
        margin-bottom: 12px;
        padding-bottom: 5px;
    }





    /*--------------- unfold Power Sec (4th Sec) Css  --------------*/




    .smo-section4-main-row .column1 {
        display: flex;
        flex-direction: column;
        padding: 0 15px;
        justify-content: space-between;
        margin-top: -30px;
    }

    .smo-section4-main-row .column2 {
        position: relative;
        left: 0px;
        display: flex;
        margin-top: -30px;
        padding: 0px 45px;
    }

    .section4-main-box .info-text {
        display: flex;
        align-items: center;
        font-size: 14px;
        font-weight: 600;
        color: #000;
    }

    .section4-main-box .column2 .box1 .pricing-custom-call::before {
        margin-top: 0px;
        width: 100%;
    }

    .info-box {
        padding: 0px 0px;
    }

    .section4-main-box .box-content p {
        width: 100%;
    }

    .pricing1 {
        padding: 10px 26px;
        font-size: 13px;
    }

    .quote1 {
        padding: 10px 26px;
        font-size: 13px;
    }

    .smo-section4-main-row {
        display: flex;
        padding: 94px 0 78px;
    }

    .aniMationOrm {
        position: relative;
        top: 35px;
    }

    .smo_prvcy_chocs_sec {
        padding: 0px 64px 55px;
    }

    .smo_prvcy_chocs_sec_card {
        padding: 0 0px;
    }

    .benefits h2 {
        font-size: 41px;
        line-height: 49px;
    }

    .section4-main-box .box2 .benefits p {
        font-size: 13px;
        line-height: 23px;
        margin-top: 15px;
    }

    .section4-main-box .box2 .benefits p {
        font-size: 13px;
        line-height: 20px;
        margin-top: 15px;
    }

    .smo-user-video-fig {
        width: 78%;
        position: relative;
        margin-top: 0px !important;
    }

    .unfolding-power {
        font-size: 24px;
        line-height: 28px;
        width: 270px;
    }

    .section4-main-box .box-content p {
        font-size: 13px;
        line-height: 23px;
    }

    .global-seo-agency ul li {
        font-size: 14px !important;
        margin-top: 5px !important;
    }

    .global-seo-agency h3 {
        font-size: 15px;
    }

    .section4-main-box .column2 .box1 .box-content h2 {
        font-size: 23px;
    }

    .section4-main-box .column2 .box-content {
        margin-top: 42px;
    }

    .section4-main-box .column1 .box ul li {
        font-size: 18px;
        line-height: 32px;
    }

    .smo-section4-main-row .column1 .box {
        margin-top: 0;
        padding-top: 30px;
        padding-bottom: 0;
    }

    .smo-section4-main-row .column1 .box {
        margin-top: 8px;
    }

    .section4-main-box .column2 .box1 .pricing-custom-call h6 {
        font-size: 14px;
        line-height: 20px;
    }

    .section4-main-box .column2 .box1 .pricing-custom-call h6 span::before {
        height: 8px;
    }

    .section4-main-box .column1 .box ul li.smo-active:before {
        height: 12px;
    }

    .btn-proposal {
        font-size: 13px;
        padding: 8px 22px;
    }

    .section4-main-box .column2 .box1 .pricing-custom-call .pricng-call {
        width: 100%;
    }

    .pricing-custom-call-fig {
        width: 40px;
    }

    .rqst_propsl_card_link {
        margin-top: -6px;
        padding-right: 0%;
        margin-bottom: 32px;
    }

    .section4-main-box #orm-reputation svg {
        width: 86% !important;
    }

    .section4-main-box .box2 img {
        width: 100%;
        margin-top: 0px;
    }

    .btnContainOne .image-container1 img,
    .btnContainOne .image-container2 img {
        width: 64%;
        height: 64%;
        object-fit: contain;
    }

    .image-container1,
    .image-container2 {

        top: -5px;

    }

    .image-container1,
    .image-container2 {

        left: 60%;
    }


    .section4-main-box .box-content p {
        padding-top: 12px;
    }

    .info-box {
        margin-top: 11px;
    }

    .section4 .icon {
        width: 45px;
        height: 45px;
    }

    .section4 .rowOneSmoFourColOne {
        padding-top: 35px;
    }

    .section4 .middleColRowOne {
        padding-top: 35px;
    }

    .section4-main-box .column2 .box1 .pricing-custom-call {
        padding-top: 18px;

    }




    /* .section4-main-box .box-content p:nth-of-type(1) {margin-bottom:-20px;}
    
    .section4-main-box .box2 img {width:80%;}
    .smo-section4-main-row .column1 {display:flex; flex-direction:column; padding:0 15px; justify-content:space-between; margin-top:-28px;}
    .smo-section4-main-row .column2 {position:relative; left:0px; display:flex; margin-top:-18px; padding:0px 45px;}
    .section4-main-box .info-text {display:flex; align-items:center; font-size:13px; font-weight:600; color:#000;}
    .section4-main-box .column2 .box1 .pricing-custom-call::before {margin-top:40px; width:100%;}
    .info-box {padding:28px 0px; margin-top: 25px;}
    .section4-main-box .box-content p {width:100%;}
    .pricing1 {padding:10px 26px; font-size:13px;}
    .quote1 {padding:10px 26px; font-size:13px;}
    .smo-section4-main-row {display:flex; padding:102px 0 78px;}
    .aniMationOrm {position:relative; top:0px; width:95%;}
    .smo_prvcy_chocs_sec {padding:0px 64px 55px;}
    .smo_prvcy_chocs_sec_card {padding:0 0px;}
    .benefits h2 {
        font-size: 38px;
        line-height: 42px;
    }
    
    .icon {
        width: 66px;
        height: 61px;
    }
    
    .btnContainOne .image-container1 img, .btnContainOne .image-container2 img {
        width: 79%;
        height: 80%;
    }
    
    .btnContainOne:hover .image-container1, .btnContainOne:hover .image-container2 {
        opacity: 1;
        transform: translate(-50%, -22px);
    }
    
    .benefits h3 {font-size:26px;}
    .section4-main-box .box2 .benefits p {
        font-size: 13px;
        line-height: 20px;
        margin-top: 0px;
         padding-top: 15px;
    }
    .smo-user-video-fig {width:91%; position:relative; margin-top:22px;}
    .unfolding-power {font-size:25px; line-height:32px; width:270px;}
    .section4-main-box .box-content p {
        font-size: 13px;
        line-height: 20px;
    }
    .global-seo-agency ul li {font-size:14px !important; margin-top:5px !important;}
    .global-seo-agency h3 {font-size:15px;}
    .section4-main-box .column2 .box1 .box-content h2 {font-size:23px;}
    .section4-main-box .column2 .box-content {margin-top:16px;}
    .section4-main-box .column1 .box ul li {font-size:23px; line-height:33px;}
    .smo-section4-main-row .column1 .box {margin-top:0; padding-top:30px; padding-bottom:0;}
    .smo-section4-main-row .column1 .box {margin-top:13px;}
    .section4-main-box .column2 .box1 .pricing-custom-call h6 {font-size:14px; line-height:20px;}
    .section4-main-box .column2 .box1 .pricing-custom-call h6 span::before {height:8px;}
    .section4-main-box .column1 .box ul li.smo-active:before {height:12px;}
    .btn-proposal {font-size:13px; padding:8px 22px;}
    .section4-main-box .column2 .box1 .pricing-custom-call .pricng-call {width:100%;}
    .pricing-custom-call-fig {width:40px;}
    .rqst_propsl_card_link {
        margin-top: 0;
        padding-right: 0%;
    }
    .middleColRowOne {padding-top:36px;}
    .section4-main-box #orm-reputation svg {width:86% !important;}
    .section4-main-box .column2 .box1 .pricing-custom-call {background:transparent;}
     */
    /*--------------------  Speed Flxblty Sec (5th Sec)  ---------------------------*/

    .speed_flex_sec {
        padding: 105px 64px 55px;
    }

    .speed_flex_sec_wrap {
        padding: 0 0px;
    }

    .speed_flex_sec-main h3 {
        font-size: 16px;
        line-height: 20px;
    }

    .section5-column1 .thingstothink h3 {
        font-size: 16px;
    }

    .section5-column1 .thingstothink p {
        font-size: 14px;
        line-height: 24px;
        margin-top: 10px;
    }

    .section5-content .icon-box .box p {
        width: 55%;
        font-size: 13px;
        line-height: 18px;
    }

    .section5-content .icon-box {
        left: 10px;
        top: 24px;
    }

    .title-cont-pages {
        font-size: 36px;
        line-height: 39px;
    }

    .section-5-column2 .box1 .sub-box2 h1 {
        font-size: 25px;
        margin-bottom: 5px;
        line-height: 32px;
    }

    .section-5-column2 .box1 .sub-box2::before {
        top: 3px;
    }

    .section-5-column2 .box1 .sub-box2 p {
        font-size: 13px;
        line-height: 20px;
        width: 97%;
    }

    .section-5-column2 {
        padding-top: 5px;
    }

    .section-5-column2 .box1 .sub-box2::before {
        width: 8px;
        height: 80%;
    }

    .section-5-column2 .box2 {
        width: 98%;
        margin: 20px 0 0 25px !important;
    }

    .section-5-column2 {
        padding-bottom: 0;
        padding-top: 4px !important;
    }

    .section5-content .icon-box .box4 .s-box {
        padding: 0.7vw;
    }

    .section-5-column2 .box2 .sub-box {
        width: 30%;
    }

    .section-5-column2 .box1 {
        display: flex;
        gap: 6em;
        width: 100%;
        height: 100%;
        margin-left: 0vw;
    }

    .ppcThumbTab .secContInfo .telNumber a {
        font-size: 21px;
    }

    .ppcThumbTab .secContInfo .mailCustom a {
        font-size: 17px;
    }

    .section-5-column2 .box1 .sub-box2 {
        top: 0px;
    }

    .section-5-column2 .box2 .sub-box p {
        font-size: 13px;
        line-height: 20px;
    }

    .section-5-column2 .box2 .sub-box h3 {
        font-size: 16px;
    }

    .section5-content .icon-box .box {
        margin: -4px 0;
    }

    .section-5-column2 .box2 .sub-box1 .img-box img {
        height: 30px;
        width: 30px;
    }

    .section-5-column2 .box2 .sub-box .img-box {
        height: 50px;
        width: 50px;
    }

    .section-5-column2 .box2 .sub-box .img-box img {
        height: 100%;
        width: 100%;
        padding: 10px;
    }

    .section-5-column2 .box2 .sub-box3 .img-box img {
        padding: 15px !important;
    }

    .section5-column1 {
        gap: 0em;
    }

    .section5-content .icon-box .box3 {
        left: 40px;
    }

    .section5-content .icon-box .box5 {
        left: 28px;
    }

    /*==================   SMO WorkFlow Section-6 Css  ====================*/

    /* .osmTabedArea {width:345px;}
    .section6-column2 .box2 .img-box img {width:77%;}
    .ppcThumbTab {width:100%; float:left; position:relative; z-index:9; margin-top:9px;}
    .section6-column2 {padding:112px 0 80px;}
    .section6-column1 {width:58%;}
    .boxAreaWoFlow {width:100%; float:left; position:relative; max-width:766px; top:0px; height:100%; padding:115px 0px 60px;}
    .section6 .iconInfoList:after {width:1px; height:100%; position:absolute; left:-18px;}
    .section6 .iconInfoList {display:flex; gap:20px; position:relative; padding-left:2px; padding-bottom:5px; padding-right:23px;}
    .section6 .benefits h2 {font-size:29px; line-height:35px;}
    .section6-column1 .box6 .img {width:197px; height:149px; bottom:-5px;}
    .section6-column2 .box1 .content-welcome p {font-size:13px; line-height:20px; padding:6px 0 0 0;}
    .section6-column1 .boxes .devlop-pargh-title .left-content {font-size:13px; line-height:20px;}
    .section6-column1 .boxes .text {width:195px; gap:2px;}
    .section6-column1 .box6 .text {top:-9px;}
    .section6-column1 .boxes .text h3 {font-size:19px; line-height:26px;}
    .section6 .benefits h3 {font-size:23px;}
    .section6 .benefits h3 span {padding:0px 10px; margin-left:4px;}
    .section6 .benefits h3 span:after {top:2px; height:30px;}
    .section6-column2 .box1 .sub-box1 .call-action a {font-size:19px; line-height:23px; padding:2px 12px;}
    .section6-column2 .box1 .sub-box1 .call-action i {margin-right:11px;}
    .section6 .call-info {font-size:24px; line-height:32px;}
    .section6-column1 .box1 .img, .section6-column1 .box2 .img {width:75px; height:75px;}
    .section6-column1 .boxes {height:140px;}
    .section6-column2 {gap:26px;}
    .section6-column2 .box2::before {width:100%; top:-8px;}
    .section6-column1 .box5 .text {margin-top:23px;}
    .section6-column1 .box1 .text {margin-top:24px;}
    .section6-column1 .box3 {gap:9px; margin-top:-10px;}
    .section6-column1 .box3 .img {width:37px; height:38px;}
    .section6-column1 .box5 .img {width:56px; height:48px;}
    .lapManImg {width:164px; height:86px;}
    .section6-column1 .box4 img {top:0; left:0;}
    .section6-column1 .box2 {gap:8px; padding-left:41px;}
    .section6-column1 .box1 {gap:15px; margin-bottom:26px;}
    .bnfts_gyuprch_sec {padding:0px 64px 55px;}
    .section6-column2 .box1 .sub-box1 {gap:23px; margin-top:57px;}
    .rockBigImg {padding-right:109px;}
    .boxAreaWoFlow {width:743px;}
    .section6 .arrowBox2Ani svg {width:113px; height:113px;}
    .section6 svg {width:98px; height:98px;}
    .section6 .arrowBox3Ani svg {width:90px; height:90px;}
    .section6 .arrowBox4Ani svg {width:90px; height:90px;}
    .section6-column1 .box5 {gap:9px; margin-top:10px; padding-left:23px;}
    .arrowBoxAni {bottom:-90px;}
    .arrowBox2Ani {top:-25px;}
    .arrowBox3Ani {bottom:-50px;}
    .arrowBox4Ani {top:48px; right:-8%;}
    .section6-column2 .box1 .content-welcome {margin-top:-14px!important;} */



    .section6 .iconInfoList:after {
        width: 1px;
        height: 100%;
        position: absolute;
        left: -22px;
    }

    .section6 .iconInfoList {
        display: flex;
        gap: 13px;
        position: relative;
        padding-left: 2px;
        padding-bottom: 5px;
        padding-right: 23px;
    }

    .section6 .benefits h2 {
        font-size: 34px;
        line-height: 42px;
    }

    .section6-column1 .box6 .img {
        width: 197px;
        height: 149px;
        bottom: -5px;
    }

    .section6-column2 .box1 .content-welcome p {
        font-size: 13px;
        line-height: 20px;
        padding: 11px 0 0 0;
    }

    .section6-column1 .boxes .devlop-pargh-title .left-content {
        font-size: 13px;
        line-height: 20px;
    }

    .section6-column1 .boxes .text {
        width: 195px;
        gap: 2px;
    }

    .section6-column1 .box6 .text {
        top: -9px;
    }

    .section6-column1 .boxes .text h3 {
        font-size: 19px;
        line-height: 26px;
    }

    .section6 .benefits h3 {
        font-size: 23px;
    }

    .section6 .benefits h3 span {
        padding: 0px 10px;
        margin-left: 4px;
    }

    .section6 .benefits h3 span:after {
        top: 2px;
        height: 30px;
    }

    .section6-column2 .box1 .sub-box1 .call-action a {
        font-size: 19px;
        line-height: 23px;
        padding: 2px 12px;
    }

    .section6-column2 .box1 .sub-box1 .call-action i {
        margin-right: 11px;
    }

    .section6 .call-info {
        font-size: 24px;
        line-height: 32px;
    }

    .section6-column1 .box1 .img,
    .section6-column1 .box2 .img {
        width: 75px;
        height: 75px;
    }

    .section6-column1 .boxes {
        height: 142px;
    }

    .section6-column2 {
        gap: 26px;
    }

    .section6-column2 .box2::before {
        width: 100%;
        top: -8px;
    }

    .section6-column1 .box5 .text {
        margin-top: 23px;
    }

    .section6-column1 .box1 .text {
        margin-top: 24px;
    }

    .section6-column1 .box3 {
        gap: 11px;
        margin-top: 23px;
    }

    .section6-column1 .box3 .img {
        width: 37px;
        height: 38px;
    }

    .section6-column1 .box5 .img {
        width: 56px;
        height: 48px;
    }

    .lapManImg {
        width: 164px;
        height: 86px;
    }

    .section6-column1 .box4 img {
        top: 0;
        left: 0;
    }

    .section6-column1 .box2 {
        gap: 8px;
        padding-left: 41px;
    }

    .section6-column1 .box1 {
        gap: 15px;
        margin-bottom: 26px;
    }

    .bnfts_gyuprch_sec {
        padding: 0px 64px 55px;
    }

    .section6-column2 .box1 .sub-box1 {
        gap: 23px;
        margin-top: 57px;
    }

    .rockBigImg {
        padding-right: 109px;
    }

    .boxAreaWoFlow {
        top: 0px;
        max-width: 645px;
        padding: 98px 0px 60px;
    }

    .section6 .arrowBox2Ani svg {
        width: 113px;
        height: 113px;
    }

    .section6 svg {
        width: 98px;
        height: 98px;
    }

    .section6 .arrowBox3Ani svg {
        width: 90px;
        height: 90px;
    }

    .section6 .arrowBox4Ani svg {
        width: 90px;
        height: 90px;
    }

    .section6-column1 .box5 {
        gap: 9px;
        margin-top: -3px;
        padding-left: 23px;
    }

    .arrowBoxAni {
        bottom: -90px;
    }

    .arrowBox2Ani {
        top: -25px;
    }

    .arrowBox3Ani {
        bottom: -50px;
    }

    .arrowBox4Ani {
        top: 60px;
        right: -15%;
    }

    .section6-column2 .box1 .content-welcome {
        margin-top: -14px !important;
    }





    .section6-column1 {
        width: 58%;
    }

    .section6-column2 {
        width: 42%;
    }


    .ppcThumbTab {
        width: 100%;
        float: left;
        position: relative;
        z-index: 9;
        margin-top: 14px;
    }


    .iconInfoList img {
        width: 16px;
        transition: all 0.5s ease;
    }


    .section6 .iconInfoList .microTeam img {
        width: 19px;
    }

    .section6 .iconInfoList .liveChat img {
        width: 20px;
    }



    .section6 .iconInfoList img {
        width: 16px;

    }


    .section6-column2 {
        gap: 25px;
        width: 42%;
        padding: 100px 0 80px;
    }

    .section6-column2 .box2 .img-box img {
        width: 85%;
    }




    /*==================   Potential SMO Sec (7th Sec) Css  ====================*/

    .section7-col2 .box1 .sub-box p {
        font-size: 15px;
        line-height: 20px;
    }

    .ddile_card {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        padding: 0px 0px 60px;
    }

    .SmoSecColOne {
        padding-block: 0px 60px;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        gap: 0px;
    }

    .section7 .osmTabedArea a {
        font-size: 17px;
    }

    .section7 .benefits h2 {
        font-size: 29px;
        line-height: 34px;
        padding: 11px 0 15px 0;
    }

    .benefits h3 {
        font-size: 23px;
    }

    .privacy-choices p {
        font-size: 13px;
        line-height: 20px;
    }

    .section7-col1 .content-welcome p {
        padding-top: 11px;
    }

    .smo_potential_sec {
        padding: 105px 64px 55px;
    }

    .smo_potential_sec_card {
        padding: 0px;
    }

    .section7-col2 .box1 .sub-box h3 {
        font-size: 18px;
    }

    .ddile_vtitle h3 {
        font-size: 54px;
    }

    .section7-col2 .box3 h2 {
        font-size: 26px;
    }

    .section7-col2 .box1 .sub-box h3 {
        font-size: 18px;
    }

    .smo-column2 .box2 .sub-box h3 {
        font-size: 19px;
        line-height: 21px;
    }

    .smo-column2 .box2 .sub-box .call-action a {
        font-size: 17px;
        padding: 5px 19px;
    }

    .smo-column2 .box2 .sub-box .call-action i {
        font-size: 15px;
        margin-right: 8px;
    }

    .section7-col2 .box1 .sub-box i {
        font-size: 13px;
        margin-left: 8px;
    }

    .section7-col2 .box1 .sub-box p {
        font-size: 13px;
        line-height: 20px;
        margin-top: 7px;
        width: 92%;
    }

    .ddile_vtitle {
        left: -158px;
        bottom: 250px;
    }

    .section7-col1 {
        width: 36%;
    }

    .section7-col2 {
        margin-top: 2px;
    }

    .section7-col2 .box2 p {
        padding-bottom: 0px;
        font-size: 13px;
        margin-top: 9px;
    }

    .smo-column2 .box2 .sub-box {
        margin-top: 58px;
    }

    .smo-column2 .box2 .sub-box::before {
        width: 100%;
        top: -23px;
    }

    .privacy-choices p {
        font-size: 13px;
        line-height: 20px;
    }

    .section7-col2 .box1 {
        padding-bottom: 10px;
    }

    .section7-col2 .box2 {
        padding-top: 2px;
    }

    .section7-col2 .box3 p {
        font-size: 13px;
        line-height: 20px;
    }

    .section7-col1 .img-box {
        margin-top: 30px;
    }

    .section7-col2 .box3 {
        padding-top: 30px;
    }

    /* .ddile_taball_devlp .ddile_vtitle {left:-200px; bottom:210px;}
    .ddile_taball_desgn .ddile_vtitle {left:-180px; bottom:210px;}
    .ddile_taball_invtv .ddile_vtitle {left:-205px; bottom:210px;}
    .ddile_taball_lnch .ddile_vtitle {left:-185px; bottom:210px;}
    .ddile_taball_endt .ddile_vtitle {left:-190px; bottom:210px;} */
    .smo_potential_sec:after {
        margin-bottom: 8px;
    }

    .optimisation_whtbg {
        background: transparent;
        padding-top: 15px;
    }


    .ddile_taball_devlp .ddile_vtitle {
        left: -175px;
        bottom: 235px;
    }

    .ddile_taball_desgn .ddile_vtitle {
        left: -162px;
        bottom: 250px;
    }

    .ddile_taball_invtv .ddile_vtitle {
        left: -180px;
        bottom: 225px;
    }

    .ddile_taball_lnch .ddile_vtitle {
        left: -156px;
        bottom: 245px;
    }

    .ddile_taball_endt .ddile_vtitle {
        left: -160px;
        bottom: 245px;
    }



    .section7 .iconInfoList .microTeam img,
    .iconInfoList .liveChat img {
        width: 19px;
    }


    .section7 .iconInfoList {
        gap: 14px;
    }

    .section7 .SmoSecColOne {
        padding-block: 0px 60px;
    }


    .section7 .benefits {
        margin-top: 0px;
    }

    .section7 .paraAreaSecBox {
        gap: 2px;
    }

    .section7-col2 .box1 div:nth-of-type(2) p {
        width: 90%;
    }


    .section7 .startProject {
        margin-top: 20px;
    }

    .section7 .startProject {
        max-width: 92%;
    }

    .section7 .getStartTitle {
        margin: 0;
        font-size: 18px;
        line-height: 22px;
        padding-bottom: 10px;

    }

    .section7 .paragraAreaSecSev {
        gap: 10px;
    }
    .section7 .iconInfoList .liveChat img {
        width: 20px;
    }
    .smo_con_cstmrs_sec .loCalInfoArea .iconInfoList .liveChat a img {
        width: 20px;
    }

}






@media only screen and (min-width: 1151px) and (max-width: 1280px) {



    .seoContInfo li.microTeam img {
        width: 24px;
    }

    .seoContInfo li.liveChat img {
        width: 24px;
    }


    .section1 .design-content .box1 .design-image video {
        top: 15px;
    }

    .butCrseo {
        width: 100%;
        float: left;
        margin-bottom: -12px;
    }

    .crSdescTop {
        margin-bottom: 100px;
        width: 100%;
        float: left;
    }

    /*----- Smo Banner Sec (1st Sec)-----------------*/

    .smo-hero-hdngtxts {
        width: 100%;
        float: left;
        margin-top: -46px;
    }

    .smo-hero-image {
        overflow: hidden;
        padding-left: 0%;
        padding-right: 0%;
    }

    .smo-title-icons {
        margin-top: 0;
        padding-top: 22px;
        padding-left: 0;
    }

    .smo-hero-image {
        top: -73px;
    }




    .seoBanConArea {
        width: 100%;
        float: left;
        margin-top: 6px;
        position: relative;
        left: -20px;
    }

    .section1 .design-btns {
        margin-top: 43px;
    }

    .section2 .row2 {
        margin-top: 20px;
    }

    .welcome-smo-sec {
        padding: 170px 65px 55px;
    }

    .welcome-smo-sec-row .smo-hero-title {
        padding-top: 0px;
        padding-left: 0;
        margin-top: 0;
    }

    .section1 .title-cont-pages {
        font-size: 34px;
        line-height: 40px;
    }

    .smo-title-content p {
        font-size: 13px;
        line-height: 20px;
    }

    .twentyfr_suport_fig {
        width: 52px;
    }

    .consuLtUs h2 {
        font-size: 14px;
    }

    .smo-button-content {
        margin-top: 0px;
    }

    .smo-title-icons .icon-3 {
        flex-basis: 12%;
    }

    .smo-title-icons .icon-2 {
        flex-basis: 12%;
    }

    .smo-title-icons .icon-1 {
        flex-basis: 12%;
    }

    .section1 .design-text {
        font-size: 12px;
        line-height: 20px;
        padding: 10px 12px;
    }

    /* .design-text3::before { left: -1px; }  */
    .design-text3::after {
        right: -15px;
        top: 0px;
    }

    .design-text2::after {
        bottom: -2px;
    }

    /* .design-text1::before { top: 0px; right: -1px; } 
        .design-text1::after { left: -16px; }  */
    .section1 .design-content {
        padding-top: 0px;
    }

    .smo-title-icons::before {
        height: 12px;
    }


    .design-text3::before {
        left: 0px;
        bottom: 0px;
    }

    .design-text3:hover::before {
        width: 115%;
    }


    .design-text1::before {
        top: -1px;
        right: 0px;
    }

    .design-text1::after {
        left: -15px;
    }

    .design-text1:hover::before {
        width: 117%;
    }


    .circleOne {
        width: 60px;
        height: 60px;
        bottom: 0px;

    }

    .circleTwo {
        width: 36px;
        height: 36px;
        bottom: 70px;
    }

    .circleThree {
        width: 25px;
        height: 25px;
        top: 24px;
        left: 27px;
    }

    .seoContInfo li img {
        width: 20px;
        transition: all 0.5s ease;
    }

    .section6-column1 .box6 {
        top: 0px;
    }




    /*----- (2nd Sec)-----------------*/

    .optimisation_whtbg {
        background: #fff;
        padding-top: 16px;
    }

    .section2 .row2 .box {
        gap: 0px;
        margin-top: -5px;
    }

    .section2 .row1 .col2 .box .heading {
        font-size: 120px;
        color: #5d5d5d;
        opacity: 0.122;
        top: 9px;
    }

    .section2 .row2 .box .img-box img {
        width: 76%;
    }

    .section2 .row2 .box .box-content .info {
        font-size: 10px;
        font-weight: 500;
        margin-top: 3px;
    }

    .section2 .row2 .box .box-content h4 {
        font-weight: 600;
        font-size: 12px;
        color: #000;
    }

    .section2 .row1 .col3 video {
        width: 80%;
    }

    .section2 .row2 {
        margin-top: 128px;
    }

    .section2 .row1 {
        top: 32px;
    }

    .section2 .row1 .col2 .box h3 {
        font-size: 14px;
        font-weight: 500;
        margin-top: 0;
    }

    .section2 .row1 .col2 .box p {
        font-size: 13px;
        line-height: 23px;
    }

    .section2 .row1 .col2 .box .heading {
        font-size: 70px;
    }

    .section2 .row1 .col1 .local-agency-list ul li {
        font-size: 12px;
        letter-spacing: 0.1px;
        line-height: 20px;
    }

    .section2 .content-welcome p {
        padding-top: 8px;
    }

    .section2 .content-welcome p {
        width: 55%;
        text-align: center;
        margin: 0px auto;
        padding: 0px;
        line-height: 23px;
    }

    .con_cus_sec {
        padding-top: 130px;
        /* padding-top: 90px; */
        padding-bottom: 35px;
        padding-left: 65px;
        padding-right: 65px;
    }

    .con_cus_title {
        margin-top: 0px;
    }

    .section2 .title-cont-pages {
        font-size: 36px;
        line-height: 46px;
    }


    .section2 .con_cus_sec_wrap {
        padding: 0 0px;
    }


    .section2 .row1 .col1 .local-agency-list ul li:after {
        left: 38px;
    }



    .section2 .smo-icon .icon i {
        position: absolute;
        color: #fff;
        font-size: 20px;

    }

    .advertisement-icon2 .icon2 img {
        width: 22px;
        height: 22px;
    }

    .advertisement-icon3 .icon3 img {
        width: 23px;
        height: 23px;
    }

    .advertisement-icon4 .icon4 img {
        width: 22px;
        height: 22px;
    }

    .advertisement-icon1 .icon1 img {
        width: 24px;
        height: 24px;
    }



    /*---------------  (3rd Sec) Css  --------------*/

    .smo_con_cstmrs_sec .loCalInfoArea {
        margin-bottom: -6px;
    }

    .smo_con_cstmrs_sec .benefits {
        margin-top: 22px;
    }

    .smo_con_cstmrs_sec .img-box {
        width: 175px;
        position: relative;
        top: -175px;
        left: 75%;
    }

    .smo_con_cstmrs_sec .loCalInfoArea .secContInfo .telNumber a {
        font-size: 21px;
    }

    .smo_con_cstmrs_sec .loCalInfoArea .secContInfo .mailCustom a {
        font-size: 17px;
    }

    .smo_con_cstmrs_sec .secContInfo {
        gap: 0px;
        margin-top: -15px;
    }

    .connection-customer1 .get-started-project::after {
        width: 100%;
        background-color: #d7d7d7;
        top: 52px;
    }

    .connection-customer1 .privacy-choices p {
        font-size: 13px;
        line-height: 20px;
    }

    .connection-customer1 .get-started-project {
        font-size: 16px;
        line-height: 21px;
        margin-top: 8px;
    }

    .connection-customer1 .privacy-choices p:nth-of-type(1) {
        padding-top: 0px;
        margin-bottom: 28px;
    }

    .smo_con_cstmrs_sec {
        padding: 163px 65px 3px;
    }

    .smo_con_cstmrs_sec .benefits h3 {
        font-size: 23px;
        line-height: 45px;
    }

    /* .smo_con_cstmrs_sec { padding: 105px 70px 70px; } */

    .smo_con_cstmrs_sec .benefits h2 {
        font-size: 30px;
        line-height: 36px !important;
    }

    .section3 .title-cont-pages {
        font-size: 34px !important;
        line-height: 45px;
    }

    .section3 .main-smo-heading ul li {
        font-size: 13px;
        line-height: 12px;
    }

    .connection-customer2 .row-box {
        gap: 106px;
    }

    .smo_con_cstmrs_sec .connection-customer2 .column .box p {
        font-size: 13px;
        line-height: 20px;
    }

    .connection-customer2 {
        padding-top: 8vw;
    }

    .connection-customer2 .row-box {
        padding-top: 10px;
    }

    .smo_con_cstmrs_sec .connection-customer2 .column .box h3 {
        font-size: 15px;
        line-height: 25px;
        margin-bottom: 12px;
        padding-bottom: 5px;
    }

    .connection-customer2 .row-box {
        padding-top: 10px;
        margin-left: 40px;
    }

    .connection-customer2 .row-box {
        gap: 70px;
    }

    .connection-customer2 {
        gap: 6vw;
    }


    .connection-customer2 .column .box p::before {
        top: 5px;
        bottom: auto;
        height: 70px !important;
    }


    .section3 .smo_con_cstmrs_sec_card {
        padding: 0 0px;
    }

    .section3 .connection-customer1 {
        gap: 64px;
        padding-left: 15px;
    }

    .connection-customer1 .privacy-choices p {
        width: 88%;
    }


    .smo_con_cstmrs_sec .loCalInfoArea .secContInfo .telNumber a {
        font-size: 16px;
    }

    .smo_con_cstmrs_sec .loCalInfoArea .iconInfoList a img {
        width: 16px;
    }


    .smo_con_cstmrs_sec .loCalInfoArea .iconInfoList .microTeam a img {
        width: 19px;
    }

    .smo_con_cstmrs_sec .loCalInfoArea .iconInfoList {
        gap: 10px;
    }

    .smo_con_cstmrs_sec .secContInfo .osmTabedArea {
        max-width: 324px;
    }
    .smo_con_cstmrs_sec .loCalInfoArea .iconInfoList .liveChat a img {
        width: 20px;
    }




    /*--------------- unfold Power Sec (4th Sec) Css  --------------*/
    .section4 .icon {
        width: 52px;
        height: 52px;
        margin-right: 12px;
        border-radius: 50%;
    }

    .section4-main-box .box-content p:nth-of-type(1) {
        margin-bottom: -16px;
    }

    .section4-main-box .box2 img {
        width: 80%;
    }

    .smo-section4-main-row .column1 {
        display: flex;
        flex-direction: column;
        padding: 0 15px;
        justify-content: space-between;
        margin-top: -39px;
    }

    .smo-section4-main-row .column2 {
        position: relative;
        left: 0px;
        display: flex;
        margin-top: -30px;
        padding: 0px 45px;
    }

    .section4-main-box .info-text {
        display: flex;
        align-items: center;
        font-size: 13px;
        font-weight: 600;
        color: #000;
    }

    .section4-main-box .column2 .box1 .pricing-custom-call::before {
        margin-top: 25px;
        width: 100%;
    }

    .info-box {
        padding: 20px 0px;
    }

    /* .info-box { padding: 28px 0px; } */
    .section4-main-box .box-content p {
        width: 100%;
    }

    .pricing1 {
        padding: 10px 26px;
        font-size: 13px;
    }

    .quote1 {
        padding: 10px 26px;
        font-size: 13px;
    }

    .smo-section4-main-row {
        display: flex;
        padding: 102px 0 78px;
    }

    .aniMationOrm {
        position: relative;
        top: 9px;
        width: 95%;
    }

    .smo_prvcy_chocs_sec {
        padding: 33px 65px 55px;
    }

    /* .smo_prvcy_chocs_sec { padding: 0px 65px 55px; } */
    .smo_prvcy_chocs_sec_card {
        padding: 0 0px;
    }

    .benefits h2 {
        font-size: 39px;
        line-height: 49px;
    }

    /* .benefits h2 { font-size: 34px; line-height: 42px; } */
    .benefits h3 {
        font-size: 26px;
    }

    .section4-main-box .box2 .benefits p {
        font-size: 14px;
        line-height: 24px;
        margin-top: 6px;
    }

    /* .smo-user-video-fig { width: 91%; position: relative; margin-top: 22px; } */
    .smo-user-video-fig {
        width: 130%;
        position: relative;
        top: -16px;
    }

    /* .unfolding-power { font-size: 25px; line-height: 32px; width: 270px; } */
    .unfolding-power {
        font-size: 26px;
        line-height: 36px;
        width: 270px;
    }

    .section4-main-box .box-content p {
        font-size: 13px;
        line-height: 23px;
    }

    .global-seo-agency ul li {
        font-size: 14px !important;
        margin-top: 5px !important;
    }

    .global-seo-agency h3 {
        font-size: 15px;
    }

    .section4-main-box .column2 .box1 .box-content h2 {
        font-size: 23px;
    }

    .section4-main-box .column2 .box-content {
        margin-top: 100px;
    }

    .section4-main-box .column1 .box ul li {
        font-size: 27px;
        line-height: 37px;
    }

    .smo-section4-main-row .column1 .box {
        margin-top: 0;
        padding-top: 30px;
        padding-bottom: 0;
    }

    .smo-section4-main-row .column1 .box {
        margin-top: 40px;
    }

    .section4-main-box .column2 .box1 .pricing-custom-call h6 {
        font-size: 14px;
        line-height: 20px;
    }

    .section4-main-box .column2 .box1 .pricing-custom-call h6 span::before {
        height: 8px;
    }

    .section4-main-box .column1 .box ul li.smo-active:before {
        height: 8px;
    }

    .btn-proposal {
        font-size: 13px;
        padding: 8px 22px;
        position: relative;
        z-index: 99;
    }

    .section4-main-box .column2 .box1 .pricing-custom-call .pricng-call {
        width: 100%;
    }

    .pricing-custom-call-fig {
        width: 40px;
    }

    .rqst_propsl_card_link {
        margin-top: 0px;
        padding-right: 0%;
    }

    .middleColRowOne {
        padding-top: 80px;
    }

    .section4-main-box #orm-reputation svg {
        width: 86% !important;
    }

    .section4-main-box .column2 .box1 .pricing-custom-call {
        background: transparent;
    }

    .rowOneSmoFourColOne {
        padding-top: 88px;
    }

    .section4-main-box .column2 .box1 .pricing-custom-call::before {
        top: 0px;
    }


    .section4-main-box .column1 .box ul li {
        font-size: 18px;
        line-height: 32px;
    }

    .section4-main-box .box-content p:nth-of-type(1) {
        margin-bottom: 10px !important;
    }


    .section4 .image-container1,
    .image-container2 {
        left: 48%;

    }



    /*--------------------  Speed Flxblty Sec (5th Sec)  ---------------------------*/

    .speed_flex_sec {
        padding: 182px 65px 55px;
    }

    /* .speed_flex_sec { padding: 105px 65px 55px; } */

    .speed_flex_sec_wrap {
        padding: 0 0px;
    }

    .speed_flex_sec-main h3 {
        font-size: 16px;
        line-height: 20px;
    }

    .section5-column1 .thingstothink h3 {
        font-size: 16px;
    }

    .section5-column1 .thingstothink p {
        font-size: 13px;
        line-height: 20px;
        margin-top: 10px;
        width: 100%;
    }

    .section5-content .icon-box .box p {
        width: 55%;
        font-size: 13px;
        line-height: 18px;
    }

    .section5-content .icon-box {
        left: 10px;
        top: 14px;
    }

    .title-cont-pages {
        font-size: 36px;
        line-height: 39px;
    }

    .section-5-column2 .box1 .sub-box2 h1 {
        font-size: 24px;
        margin-bottom: 2px !important;
        line-height: 30px;
    }

    .section-5-column2 .box1 .sub-box2::before {
        top: 3px;
    }

    .section-5-column2 .box1 .sub-box2 p {
        font-size: 13px !important;
        line-height: 21px;
        width: 98%;
    }

    .section-5-column2 {
        padding-top: 5px;
    }

    .section-5-column2 .box1 .sub-box2::before {
        width: 8px;
        height: 80%;
    }

    .section-5-column2 .box2 {
        width: 98%;
        margin: 90px 0 0 0px !important;
    }

    .section-5-column2 {
        padding-bottom: 0;
        padding-top: 35px !important;
    }

    .section5-content .icon-box .box4 .s-box {
        padding: 0.7vw;
    }

    .section-5-column2 .box2 .sub-box {
        width: 30%;
    }

    .section-5-column2 .box1 {
        display: flex;
        gap: 3em;
        width: 100%;
        height: 100%;
        margin-left: 0vw;
        padding-top: 64px;
    }

    .ppcThumbTab .secContInfo .telNumber a {
        font-size: 21px;
    }

    .ppcThumbTab .secContInfo .mailCustom a {
        font-size: 17px;
    }

    .section-5-column2 .box1 .sub-box2 {
        top: 0px;
    }

    .section-5-column2 .box2 .sub-box p {
        font-size: 13px;
    }

    .section-5-column2 .box2 .sub-box h3 {
        font-size: 15px;
    }

    .section5-content .icon-box .box {
        margin: 8px 0;
    }

    .section-5-column2 .box2 .sub-box1 .img-box img {
        height: 30px;
        width: 30px;
    }

    .section-5-column2 .box2 .sub-box .img-box {
        height: 50px;
        width: 50px;
    }

    .section-5-column2 .box2 .sub-box .img-box img {
        height: 100%;
        width: 100%;
        padding: 10px;
    }

    .section-5-column2 .box2 .sub-box3 .img-box img {
        padding: 15px !important;
    }

    .section5-column1 {
        gap: 8em;
    }

    .section5-content .icon-box .box3 {
        left: 40px;
    }

    .section5-content .icon-box .box5 {
        left: 28px;
    }

    /*==================   SMO WorkFlow Section-6 Css  ====================*/

    .osmTabedArea {
        width: 345px;
    }

    .section6-column2 .box2 .img-box img {
        width: 100%;
    }

    .ppcThumbTab {
        top: 81px;
    }

    .section6-column2 {
        padding: 150px 0 80px;
    }

    .section6-column1 {
        width: 56%;
    }

    .boxAreaWoFlow {
        width: 100%;
        float: left;
        position: relative;
        max-width: 584px;
        top: 0px;
        height: 100%;
        padding: 205px 0px 60px;
    }

    .section6 .iconInfoList:after {
        width: 1px;
        height: 100%;
        position: absolute;
        left: -18px;
    }

    .section6 .iconInfoList {
        display: flex;
        gap: 14px;
        position: relative;
        padding-left: 2px;
        padding-bottom: 5px;
        padding-right: 23px;
    }

    .section6 .benefits h2 {
        font-size: 35px;
        line-height: 45px;
    }

    .section6-column1 .box6 .img {
        width: 197px;
        height: 149px;
        bottom: -5px;
    }

    .section6-column2 .box1 .content-welcome p {
        font-size: 13px;
        line-height: 20px;
        padding: 22px 0 0 0;
    }

    .section6-column1 .boxes .devlop-pargh-title .left-content {
        font-size: 13px;
        line-height: 20px;
    }

    .section6-column1 .boxes .text {
        width: 195px;
        gap: 2px;
    }

    .section6-column1 .box6 .text {
        top: -9px;
    }

    .section6-column1 .boxes .text h3 {
        font-size: 19px;
        line-height: 26px;
    }

    .section6 .benefits h3 {
        font-size: 23px;
    }

    .section6 .benefits h3 span {
        padding: 0px 10px;
        margin-left: 4px;
    }

    .section6 .benefits h3 span:after {
        top: 2px;
        height: 30px;
    }

    .section6-column2 .box1 .sub-box1 .call-action a {
        font-size: 19px;
        line-height: 23px;
        padding: 2px 12px;
    }

    .section6-column2 .box1 .sub-box1 .call-action i {
        margin-right: 11px;
    }

    .section6 .call-info {
        font-size: 24px;
        line-height: 32px;
    }

    .section6-column1 .box1 .img,
    .section6-column1 .box2 .img {
        width: 75px;
        height: 75px;
    }

    .section6-column1 .boxes {
        height: 188px;
    }

    .section6-column2 {
        gap: 26px;
    }

    .section6-column2 .box2::before {
        width: 100%;
        top: -8px;
    }

    .section6-column1 .box5 .text {
        margin-top: 23px;
    }

    .section6-column1 .box1 .text {
        margin-top: 24px;
    }

    .section6-column1 .box3 {
        gap: 9px;
        margin-top: -10px;
    }

    .section6-column1 .box3 .img {
        width: 37px;
        height: 38px;
    }

    .section6-column1 .box5 .img {
        width: 56px;
        height: 48px;
    }

    .lapManImg {
        width: 164px;
        height: 86px;
    }

    .section6-column1 .box4 img {
        top: 0;
        left: 0;
    }

    .section6-column1 .box2 {
        gap: 8px;
        padding-left: 41px;
    }

    .section6-column1 .box1 {
        gap: 15px;
        margin-bottom: 26px;
    }

    .bnfts_gyuprch_sec {
        padding: 0px 65px 55px;
    }

    .section6-column2 .box1 .sub-box1 {
        gap: 23px;
        margin-top: 57px;
    }

    .rockBigImg {
        padding-right: 109px;
    }

    /* .boxAreaWoFlow {width:743px;} */
    .section6 .arrowBox2Ani svg {
        width: 113px;
        height: 113px;
    }

    .section6 svg {
        width: 98px;
        height: 98px;
    }

    .section6 .arrowBox3Ani svg {
        width: 90px;
        height: 90px;
    }

    .section6 .arrowBox4Ani svg {
        width: 92px;
        height: 70px;
    }

    .section6-column1 .box5 {
        gap: 1px;
        margin-top: 10px;
        padding-left: 1px;
    }

    .arrowBoxAni {
        bottom: -70px;
    }

    .arrowBox2Ani {
        top: -25px;
    }

    .arrowBox3Ani {
        bottom: -50px;
    }

    .arrowBox4Ani {
        top: 82px;
        right: -10%;
    }

    .section6-column2 .box1 .content-welcome {
        margin-top: -14px !important;
    }

    .section6-column2 {
        width: 44%;
    }




    .section6 .iconInfoList img {
        width: 16px;
    }

    .section6 .iconInfoList .microTeam img {
        width: 19px;
    }

    .section6 .iconInfoList .liveChat img {
        width: 19px;
    }



    /*==================   Potential SMO Sec (7th Sec) Css  ====================*/

    .engeg_tel_icn_flx {
        height: 50px;
    }

    .section7 .startProject {
        max-width: 95%;
    }

    .ddile_card {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        padding: 9px 0px 60px;
    }

    .SmoSecColOne {
        padding-block: 0px 60px;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        gap: 120px;
    }

    .section7 .osmTabedArea a {
        font-size: 18px;
    }

    .section7 .benefits h2 {
        font-size: 29px;
        line-height: 34px;
        padding: 11px 0 15px 0;
    }

    .benefits h3 {
        font-size: 23px;
    }

    .privacy-choices p {
        font-size: 13px;
        line-height: 20px;
    }

    .section7-col1 .content-welcome p {
        padding-top: 11px;
    }

    .smo_potential_sec {
        padding: 122px 65px 55px;
    }

    .smo_potential_sec_card {
        padding: 0px;
    }

    .section7-col2 .box1 .sub-box h3 {
        font-size: 18px;
    }

    .ddile_vtitle h3 {
        font-size: 48px;
    }

    .section7-col2 .box3 h2 {
        font-size: 26px;
    }

    .section7-col2 .box1 .sub-box h3 {
        font-size: 16px;
    }

    .smo-column2 .box2 .sub-box h3 {
        font-size: 19px;
        line-height: 21px;
    }

    .smo-column2 .box2 .sub-box .call-action a {
        font-size: 17px;
        padding: 5px 19px;
    }

    .smo-column2 .box2 .sub-box .call-action i {
        font-size: 15px;
        margin-right: 8px;
    }

    .section7-col2 .box1 .sub-box i {
        font-size: 14px;
        margin-left: 8px;
    }

    .section7-col2 .box1 .sub-box p {
        font-size: 14px;
        line-height: 20px;
        margin-top: 7px;
        width: 92%;
    }

    .ddile_vtitle {
        left: -135px;
        bottom: 305px;
    }

    .section7-col1 {
        width: 36%;
    }

    .section7-col2 {
        margin-top: 60px;
    }

    .section7-col2 .box2 p {
        padding-bottom: 0px;
        font-size: 13px;
    }

    .smo-column2 .box2 .sub-box {
        margin-top: 58px;
    }

    .smo-column2 .box2 .sub-box::before {
        width: 100%;
        top: -23px;
    }

    .privacy-choices p {
        font-size: 13px;
        line-height: 20px;
    }

    .section7-col2 .box1 {
        padding-bottom: 37px;
    }

    .section7-col2 .box2 {
        padding-top: 15px;
    }

    .section7-col2 .box3 p {
        font-size: 13px;
        line-height: 20px;
    }

    .section7-col1 .img-box {
        margin-top: 30px;
    }

    .section7-col2 .box3 {
        padding-top: 50px;
    }


    .ddile_taball_desgn .ddile_vtitle {
        left: -135px;
        bottom: 305px;
    }

    .ddile_taball_devlp .ddile_vtitle {
        left: -150px;
        bottom: 290px;
    }

    .ddile_taball_invtv .ddile_vtitle {
        left: -150px;
        bottom: 280px;
    }

    .ddile_taball_lnch .ddile_vtitle {
        left: -140px;
        bottom: 300px;
    }

    .ddile_taball_endt .ddile_vtitle {
        left: -140px;
        bottom: 300px;
    }

    .smo_potential_sec:after {
        margin-bottom: 30px;
    }



    .section7 .SmoSecColOne {
        padding-block: 6px 60px;
    }

    .section7 .getStartTitle {
        margin: 0;
        font-size: 18px;
        line-height: 22px;
        padding-bottom: 10px;
    }





    .section7 .iconInfoList .microTeam img {
        width: 19px;
    }


    .section7 .iconInfoList .liveChat img {
        width: 19px;
    }


    .section7 .iconInfoList {
        gap: 14px;
    }


    .section7 .iconInfoList img {
        width: 16px;
        transition: all 0.5s ease;
    }

    .section7 .osmTabedArea a {
        font-size: 17px;
    }


}







@media only screen and (max-width: 1200px) {
    .section1 .design-text {
        font-size: 11px;
        line-height: 21px;
        padding: 10px 12px;
    }
}





@media only screen and (min-width: 1081px) and (max-width: 1150px) {

    .seoContInfo li.microTeam img {
        width: 24px;
    }

    .seoContInfo li.liveChat img {
        width: 24px;
    }

    .butCrseo {
        width: 100%;
        float: left;
        margin-bottom: -12px;
    }

    .crSdescTop {
        margin-bottom: 100px;
        width: 100%;
        float: left;
    }




    /*----- Smo Banner Sec (1st Sec)-----------------*/
    .section1 .design-content .box1 .design-image video {
        top: 14px;
    }

    .smo-hero-image {
        overflow: hidden;
        padding-left: 0%;
        padding-right: 0%;
    }

    .smo-hero-hdngtxts {
        width: 100%;
        float: left;
        margin-top: -42px;
    }

    .smo-title-icons {
        margin-top: 0;
        padding-top: 21px;
        padding-left: 0;
    }

    .smo-hero-image {
        top: -73px;
    }

    .seoBanConArea {
        width: 100%;
        float: left;
        margin-top: -6px;
        position: relative;
        left: -20px;
    }

    .section1 .design-btns {
        margin-top: 31px;
    }

    .section2 .row2 {
        margin-top: 20px;
    }

    .welcome-smo-sec {
        padding: 190px 65px 55px;
    }

    .welcome-smo-sec-row .smo-hero-title {
        padding-top: 0px;
        padding-left: 0;
        margin-top: 0;
    }

    .section1 .title-cont-pages {
        font-size: 34px;
        line-height: 44px;
    }

    .smo-title-content p {
        font-size: 13px;
        line-height: 20px;
    }

    .twentyfr_suport_fig {
        width: 52px;
    }

    .consuLtUs h2 {
        font-size: 14px;
    }

    .smo-button-content {
        margin-top: 0px;
    }

    .smo-title-icons .icon-3 {
        flex-basis: 12%;
    }

    .smo-title-icons .icon-2 {
        flex-basis: 12%;
    }

    .smo-title-icons .icon-1 {
        flex-basis: 12%;
    }

    .section1 .design-text {
        font-size: 11px;
        line-height: 21px;
        padding: 10px 12px;
    }

    .design-text3::after {
        right: -14px;
        top: 0px;
    }

    .design-text3::before {
        left: -3px;
        bottom: -1px;
    }

    .design-text2::after {
        bottom: -2px;
    }

    .design-text1::before {
        top: 0px;
        right: -1px;
    }

    .design-text1::after {
        left: -16px;
    }

    .section1 .design-content {
        padding-top: 0px;
    }

    .smo-title-icons::before {
        height: 12px;
    }


    .design-text3::before {
        left: 0px;
        bottom: -1px;
    }

    .design-text3:hover::before {
        width: 115%;
    }


    .design-text1::before {
        top: -1px;
        right: 0px;
    }

    .design-text1::after {
        left: -14px;
    }

    .section1 .design-text:nth-of-type(2) {
        padding: 0.8vw 1vw;
    }

    .design-text1:hover::after {
        height: 96%;
    }

    .design-text3:hover::after {
        height: 97%;
    }

    .design-text1:hover::before {
        width: 116%;
    }


    .circleOne {
        width: 60px;
        height: 60px;
        bottom: 0px;

    }

    .circleTwo {
        width: 36px;
        height: 36px;
        bottom: 70px;
    }

    .circleThree {
        width: 25px;
        height: 25px;
        top: 24px;
        left: 27px;
    }

    .seoContInfo li img {
        width: 20px;
        transition: all 0.5s ease;
    }

    .seoContInfo {
        margin-top: 8px;
    }


    .section1 .design-content .box1 .design-image video {
        left: 16px;
    }




    /*----- (2nd Sec)-----------------*/

    .section2 .row1 .col1 .local-agency-list {
        padding: 10px 0px;
    }

    .section2 .row2 .box {
        gap: 0px;
        margin-top: -5px;
    }

    .section2 .row1 .col2 .box .heading {
        font-size: 120px;
        color: #5d5d5d;
        opacity: 0.122;
        top: 9px;
    }

    .section2 .row2 .box .img-box img {
        width: 76%;
    }

    .section2 .row2 .box .box-content .info {
        font-size: 10px;
        font-weight: 500;
        margin-top: 3px;
    }

    .section2 .row2 .box .box-content h4 {
        font-weight: 600;
        font-size: 12px;
        color: #000;
    }

    .section2 .row1 .col3 video {
        width: 94%;
    }

    .section2 .row2 {
        margin-top: 150px;
    }

    .section2 .row1 {
        top: 60px;
    }

    .section2 .row1 .col2 .box h3 {
        font-size: 13px;
        font-weight: 500;
        margin-top: 0;
    }

    .section2 .row1 .col2 .box p {
        font-size: 13px;
        line-height: 20px;
    }

    .section2 .row1 .col2 .box p {
        width: 100%;
    }

    .section2 .row1 .col2 .box .heading {
        font-size: 70px;
    }

    .section2 .row1 .col1 .local-agency-list ul li {
        font-size: 12px;
        letter-spacing: 0.1px;
        line-height: 20px;
    }

    .section2 .content-welcome p {
        padding-top: 8px;
    }

    .section2 .content-welcome p {
        width: 62%;
        text-align: center;
        margin: 0px auto;
        padding: 0px;
        line-height: 23px;
    }

    .con_cus_sec {
        padding-top: 130px;
        padding-bottom: 35px;
        padding-left: 65px;
        padding-right: 65px;
    }

    .con_cus_title {
        margin-top: 0px;
    }

    .section2 .title-cont-pages {
        font-size: 34px;
        line-height: 44px;
    }

    .optimisation_whtbg {
        background: #fff;
        padding-top: 16px;
    }

    .section2 .row2 .box .img-box img {
        width: 80%;
    }

    .section2 .row2 .box .img-box {
        width: 36px;
    }

    .section2 .row1 .col3 {
        position: relative;
        left: 2vw;
        bottom: 25px;
    }

    .section2 .row1 .col1 .local-agency-list ul li img {
        width: 13px;
    }



    .section2 .row1 .col1 .local-agency-list ul li:after {
        left: 35px;
    }


    .section2 .smo-icon .icon i {
        position: absolute;
        color: #fff;
        font-size: 20px;

    }

    .advertisement-icon2 .icon2 img {
        width: 22px;
        height: 22px;
    }

    .advertisement-icon3 .icon3 img {
        width: 23px;
        height: 23px;
    }

    .advertisement-icon4 .icon4 img {
        width: 22px;
        height: 22px;
    }

    .advertisement-icon1 .icon1 img {
        width: 24px;
        height: 24px;
    }




    /*---------------  (3rd Sec) Css  --------------*/

    /* 
        .smo_con_cstmrs_sec .loCalInfoArea { margin-bottom: -6px; } 
        .smo_con_cstmrs_sec .benefits { margin-top: 22px; } 
        .smo_con_cstmrs_sec .img-box { width: 175px; position: relative; top: -206px; left: 75%; } 
        .smo_con_cstmrs_sec .loCalInfoArea .secContInfo .telNumber a {font-size:21px;}
        .smo_con_cstmrs_sec .loCalInfoArea .secContInfo .mailCustom a { font-size:17px;}
        .smo_con_cstmrs_sec .secContInfo { gap: 10px; margin-top: -15px; } 
        .connection-customer1 .get-started-project::after { width: 100%; background-color: #d7d7d7; top: 52px; } 
        .connection-customer1 .privacy-choices p { font-size: 13px; line-height: 20px;} 
        .connection-customer1 .get-started-project { font-size: 16px; line-height: 21px; margin-top: 8px; } 
        .connection-customer1 .privacy-choices p:nth-of-type(1) { padding-top: 0px; margin-bottom: 28px; } 
        .smo_con_cstmrs_sec { padding: 163px 65px 3px; } 
        .smo_con_cstmrs_sec .benefits h3 { font-size: 23px; line-height: 45px;}
        
        .smo_con_cstmrs_sec .benefits h2 { font-size: 30px; line-height: 36px !important; } 
        .section3 .title-cont-pages { font-size: 34px !important; line-height: 45px; } 
        .section3 .main-smo-heading ul li { font-size: 13px; line-height: 12px; } 
        .connection-customer2 .row-box { gap: 106px; } 
        .smo_con_cstmrs_sec .connection-customer2 .column .box p {
            font-size: 13px;
            line-height: 20px;
        }
        .connection-customer2 { padding-top: 8vw; } 
        .connection-customer2 .row-box { padding-top: 10px; } 
        .smo_con_cstmrs_sec .connection-customer2 .column .box h3 { font-size: 15px; line-height: 25px; margin-bottom: 12px; padding-bottom: 5px; }
        
        .connection-customer2 .row-box {
            padding-top: 10px;
            margin-left: 40px;
        }
        
        .connection-customer2 .row-box {
            gap: 70px;
        }
        
        .connection-customer2 {
            gap: 6vw;
          }
        
        
          .connection-customer2 .column .box p::before {
            top: 5px;
            bottom: auto;
            height: 70px !important;
        }
        
        
        .section3 .smo_con_cstmrs_sec_card {
            padding: 0 0px;
        }
        
        .section3 .connection-customer1 {
            gap: 64px;
        }

        .connection-customer1 .privacy-choices p {
    width: 88%;
}
        

  .smo_con_cstmrs_sec .loCalInfoArea .secContInfo .telNumber a {
        font-size: 16px;
    }

    .smo_con_cstmrs_sec .loCalInfoArea .iconInfoList a img {
        width: 16px;
    }


   .section3 .loCalInfoArea .iconInfoList .liveChat a img {
    width: 19px;
}

.smo_con_cstmrs_sec .loCalInfoArea .iconInfoList {
    gap: 15px;
} */







    .smo_con_cstmrs_sec .loCalInfoArea {
        margin-bottom: -10px;
    }

    .smo_con_cstmrs_sec .benefits {
        margin-top: 22px;
    }

    .smo_con_cstmrs_sec .img-box {
        width: 130px;
        position: relative;
        top: -146px;
        left: 72%;
    }

    .smo_con_cstmrs_sec .loCalInfoArea .secContInfo .telNumber a {
        font-size: 13px;
    }

    .smo_con_cstmrs_sec .loCalInfoArea .secContInfo .mailCustom a {
        font-size: 13px;
    }

    .smo_con_cstmrs_sec .secContInfo {
        gap: 0px;
        margin-top: -15px;
    }

    .connection-customer1 .get-started-project::after {
        width: 98%;
        background-color: #d7d7d7;
        top: 52px;
    }

    .connection-customer1 .privacy-choices p {
        font-size: 13px;
    }

    .connection-customer1 .get-started-project {
        font-size: 16px;
        line-height: 21px;
        margin-top: 8px;
    }

    .connection-customer1 .privacy-choices p:nth-of-type(1) {
        padding-top: 0px;
        margin-bottom: 28px;
    }

    .smo_con_cstmrs_sec {
        padding: 163px 65px 3px;
    }

    .smo_con_cstmrs_sec .benefits h2 {
        font-size: 30px;
        line-height: 36px !important;
    }

    .section3 .title-cont-pages {
        font-size: 30px !important;
        line-height: 40px;
    }

    .section3 .main-smo-heading ul li {
        font-size: 12px;
        line-height: 12px;
        letter-spacing: 0px;
    }

    .connection-customer2 .row-box {
        gap: 106px;
    }

    .smo_con_cstmrs_sec .connection-customer2 .column .box p {
        font-size: 13px;
        line-height: 18px;
    }

    .connection-customer2 {
        padding-top: 10vw;
    }

    .connection-customer2 .row-box {
        padding-top: 50px;
        padding-left: 66px;
    }

    .smo_con_cstmrs_sec .connection-customer2 .column .box h3 {
        font-size: 14px;
        line-height: 25px;
        margin-bottom: 12px;
        padding-bottom: 5px;
    }

    .connection-customer2 .column .box p::before {
        top: 3px;
        bottom: auto;
        height: 66px;
    }


    .section3 .connection-customer1 {
        gap: 70px;
    }

    .smo_con_cstmrs_sec .loCalInfoArea .iconInfoList a img {
        width: 14px;
    }

    .section3 .osmTabedArea {
        width: 260px;
    }

    .section3 .connection-customer2 .column {
        gap: 3vw;
    }


    .smo_con_cstmrs_sec .loCalInfoArea .iconInfoList .microTeam a img,
    .smo_con_cstmrs_sec .loCalInfoArea .iconInfoList .liveChat a img {
        width: 17px;
    }


    .smo_con_cstmrs_sec .loCalInfoArea .iconInfoList {
        gap: 12px;
    }

    /*--------------- unfold Power Sec (4th Sec) Css  --------------*/

    .section4 .icon {
        width: 44px;
        height: 44px;
        margin-right: 12px;
        border-radius: 50%;
    }

    .section4-main-box .box-content p:nth-of-type(1) {
        margin-bottom: -16px;
    }

    .section4-main-box .box2 img {
        width: 80%;
    }

    .smo-section4-main-row .column1 {
        display: flex;
        flex-direction: column;
        padding: 0 15px;
        justify-content: space-between;
        margin-top: -39px;
    }

    .smo-section4-main-row .column2 {
        position: relative;
        left: 0px;
        display: flex;
        margin-top: -30px;
        padding: 0px 45px;
    }

    .section4-main-box .info-text {
        display: flex;
        align-items: center;
        font-size: 13px;
        font-weight: 600;
        color: #000;
    }

    .section4-main-box .column2 .box1 .pricing-custom-call::before {
        margin-top: 25px;
        width: 100%;
    }

    .info-box {
        padding: 20px 0px;
    }

    /* .info-box { padding: 28px 0px; } */
    .section4-main-box .box-content p {
        width: 100%;
    }

    .pricing1 {
        padding: 10px 26px;
        font-size: 13px;
    }

    .quote1 {
        padding: 10px 26px;
        font-size: 13px;
    }

    .smo-section4-main-row {
        display: flex;
        padding: 102px 0 78px;
    }

    .aniMationOrm {
        position: relative;
        top: 9px;
        width: 95%;
    }

    .smo_prvcy_chocs_sec {
        padding: 33px 65px 55px;
    }

    /* .smo_prvcy_chocs_sec { padding: 0px 65px 55px; } */
    .smo_prvcy_chocs_sec_card {
        padding: 0 0px;
    }

    .benefits h2 {
        font-size: 39px;
        line-height: 49px;
    }

    /* .benefits h2 { font-size: 34px; line-height: 42px; } */
    .benefits h3 {
        font-size: 26px;
    }

    .section4-main-box .box2 .benefits p {
        font-size: 14px;
        line-height: 24px;
        margin-top: 6px;
    }

    /* .smo-user-video-fig { width: 91%; position: relative; margin-top: 22px; } */
    .smo-user-video-fig {
        width: 130%;
        position: relative;
        top: -16px;
    }

    /* .unfolding-power { font-size: 25px; line-height: 32px; width: 270px; } */
    .unfolding-power {
        font-size: 24px;
        line-height: 30px;
        width: 270px;
    }

    .section4-main-box .box-content p {
        font-size: 13px;
        line-height: 23px;
    }

    .global-seo-agency ul li {
        font-size: 14px !important;
        margin-top: 5px !important;
    }

    .global-seo-agency h3 {
        font-size: 15px;
    }

    .section4-main-box .column2 .box1 .box-content h2 {
        font-size: 23px;
    }

    .section4-main-box .column2 .box-content {
        margin-top: 58px;
    }

    .section4-main-box .column1 .box ul li {
        font-size: 27px;
        line-height: 37px;
    }

    .smo-section4-main-row .column1 .box {
        margin-top: 0;
        padding-top: 30px;
        padding-bottom: 0;
    }

    .smo-section4-main-row .column1 .box {
        margin-top: 10px;
    }

    .section4-main-box .column2 .box1 .pricing-custom-call h6 {
        font-size: 14px;
        line-height: 20px;
    }

    .section4-main-box .column2 .box1 .pricing-custom-call h6 span::before {
        height: 8px;
    }

    .section4-main-box .column1 .box ul li.smo-active:before {
        height: 8px;
    }

    .btn-proposal {
        font-size: 13px;
        padding: 8px 22px;
        position: relative;
        z-index: 99;
    }

    .section4-main-box .column2 .box1 .pricing-custom-call .pricng-call {
        width: 100%;
    }

    .pricing-custom-call-fig {
        width: 40px;
    }

    .rqst_propsl_card_link {
        margin-top: 8px;
        padding-right: 0%;
    }

    .middleColRowOne {
        padding-top: 75px;
    }

    .section4-main-box #orm-reputation svg {
        width: 86% !important;
    }

    .section4-main-box .column2 .box1 .pricing-custom-call {
        background: transparent;
    }

    .rowOneSmoFourColOne {
        padding-top: 88px;
    }

    .section4-main-box .column2 .box1 .pricing-custom-call::before {
        top: 0px;
    }


    .section4-main-box .column1 .box ul li {
        font-size: 18px;
        line-height: 32px;
    }

    .section4-main-box .box-content p:nth-of-type(1) {
        margin-bottom: 10px !important;
    }


    .section4 .image-container1,
    .image-container2 {
        left: 48%;

    }

    .section4-main-box .box-content p {
        padding-top: 16px;
    }


    .section4 .info-box {
        gap: 2px;
    }

    .section4 .pricing1 {
        padding: 7px 18px;
    }

    .section4 .quote1 {
        padding: 7px 18px;
    }






    /* .section4 .icon {width:45px; height:45px; margin-right:5px; border-radius:50%;}
    .section4-main-box .box-content p:nth-of-type(1) {margin-bottom:-16px;}
    .section4-main-box .box2 img {width:80%;}
    .smo-section4-main-row .column1 {display:flex; flex-direction:column; padding:0 15px; justify-content:space-between; margin-top:-39px;}
    .smo-section4-main-row .column2 {position:relative; left:0px; display:flex; margin-top:-30px; padding:0px 45px;}
    .section4-main-box .info-text {display:flex; align-items:center; font-size:12px; font-weight:600; color:#000;}
    .section4 .info-box {gap:5px;}
    .section4-main-box .column2 .box1 .pricing-custom-call::before {margin-top:20px; width:100%; top: -30px;}
    .info-box {padding:46px 0px;}
    .section4-main-box .box-content p {width:100%;}
    .pricing1 {padding:8px 20px; font-size:13px;}
    .quote1 {padding:8px 20px; font-size:13px;}
    .smo-section4-main-row {display:flex; padding:102px 0 78px;}
    .aniMationOrm {position:relative; top:0px; width:100%;}
    .smo_prvcy_chocs_sec {padding:33px 65px 55px;}
    .smo_prvcy_chocs_sec_card {padding:0 0px;}
    .benefits h2 {font-size:35px; line-height:45px;}
    .benefits h3 {font-size:26px;}
    .section4-main-box .box2 .benefits p {
        font-size: 13px;
        line-height: 20px;
    }
    .smo-user-video-fig {width:130%; position:relative; top:-15px;}
    .unfolding-power {font-size:25px; line-height:35px; width:270px;}
    .section4-main-box .box-content p {
        font-size: 13px;
        line-height: 20px;
    }
    .global-seo-agency ul li {font-size:14px !important; margin-top:5px !important;}
    .global-seo-agency h3 {font-size:15px;}
    .section4-main-box .column2 .box1 .box-content h2 {font-size:23px;}
    .section4-main-box .column2 .box-content {margin-top:96px;}
    .section4-main-box .column1 .box ul li {font-size:27px; line-height:37px;}
    .smo-section4-main-row .column1 .box {margin-top:0; padding-top:30px; padding-bottom:0;}
    .smo-section4-main-row .column1 .box {margin-top:40px;}
    .section4-main-box .column2 .box1 .pricing-custom-call h6 {font-size:14px; line-height:20px;}
    .section4-main-box .column2 .box1 .pricing-custom-call h6 span::before {height:8px;}
    .section4-main-box .column1 .box ul li.smo-active:before {height:9px;}
    .btn-proposal {font-size:13px; padding:8px 22px;}
    .section4-main-box .column2 .box1 .pricing-custom-call .pricng-call {width:100%;}
    .pricing-custom-call-fig {width:40px;}
    .rqst_propsl_card_link {margin-top:6px; padding-right:0%;}
    .middleColRowOne {padding-top:80px;}
    .section4-main-box #orm-reputation svg {width:86% !important;}
    .section4-main-box .column2 .box1 .pricing-custom-call {background:transparent;}
    .rowOneSmoFourColOne {padding-top:88px;}
    
    
    .section4-main-box .column1 .box ul li {
        font-size: 18px;
        line-height: 32px;
    }
    
    
    
    .section4-main-box .box-content p:nth-of-type(1) {
        margin-bottom: 10px !important;
    }
    
    
    .info-box {
        padding: 39px 0px;
    }
    
    .section4-main-box .column2 .box1 .pricing-custom-call::before {
        top: -25px;
    }
    
    .section4-main-box .column2 .box1 .pricing-custom-call::before {
        margin-top: 80px;
        width: 100%;
    }
    
    
    .btn-proposal {
        font-size: 13px;
        padding: 8px 22px;
        position: relative;
        z-index: 99;
    }
    
    .section4 .image-container1, .image-container2 {
        left: 60%;
    }
     */

    /*--------------------  Speed Flxblty Sec (5th Sec)  ---------------------------*/

    .speed_flex_sec {
        padding: 182px 65px 55px;
    }

    .speed_flex_sec_wrap {
        padding: 0 0px;
    }

    .speed_flex_sec-main h3 {
        font-size: 16px;
        line-height: 20px;
    }

    .section5-column1 .thingstothink h3 {
        font-size: 16px;
    }

    .section5-column1 .thingstothink p {
        font-size: 13px;
        line-height: 20px;
        margin-top: 10px;
        width: 100%;
    }

    .section5-content .icon-box .box p {
        width: 55%;
        font-size: 13px;
        line-height: 18px;
    }

    .section5-content .icon-box {
        left: 6px;
        top: 6px;
    }

    .title-cont-pages {
        font-size: 36px;
        line-height: 39px;
    }

    .section-5-column2 .box1 .sub-box2 h1 {
        font-size: 23px;
        margin-bottom: 4px !important;
        line-height: 28px;
    }

    .section-5-column2 .box1 .sub-box2::before {
        top: 3px;
    }

    .section-5-column2 .box1 .sub-box2 p {
        font-size: 13px !important;
        line-height: 20px;
        width: 100%;
    }

    .section-5-column2 {
        padding-top: 5px;
    }

    .section-5-column2 .box1 .sub-box2::before {
        width: 8px;
        height: 98%;
    }

    .section-5-column2 .box2 {
        width: 98%;
        margin: 180px 0 0 0px !important;
    }

    .section-5-column2 .box1 .sub-box1 {
        width: 42%;
        position: relative;
        overflow: hidden;
    }

    .section-5-column2 {
        padding-bottom: 0;
        padding-top: 50px !important;
    }

    .section5-content .icon-box .box4 .s-box {
        padding: 0.7vw;
    }

    .section-5-column2 .box2 .sub-box {
        width: 33%;
    }

    .section-5-column2 .box1 {
        display: flex;
        gap: 3em;
        width: 100%;
        height: 100%;
        margin-left: 0vw;
    }

    .ppcThumbTab .secContInfo .telNumber a {
        font-size: 16px;
    }

    .ppcThumbTab .secContInfo .mailCustom a {
        font-size: 14px;
    }

    .section-5-column2 .box1 .sub-box2 {
        top: 0px;
    }

    .section-5-column2 .box2 .sub-box h3 {
        margin: 6px auto;
    }

    .section-5-column2 .box2 .sub-box p {
        font-size: 12px;
    }

    .section-5-column2 .box2 .sub-box h3 {
        font-size: 14px;
    }

    .section5-content .icon-box .box {
        margin: 18px 0;
    }

    .section-5-column2 .box2 .sub-box1 .img-box img {
        height: 30px;
        width: 30px;
    }

    .section-5-column2 .box2 .sub-box .img-box {
        height: 50px;
        width: 50px;
    }

    .section-5-column2 .box2 .sub-box .img-box img {
        height: 100%;
        width: 100%;
        padding: 10px;
    }

    .section-5-column2 .box2 .sub-box3 .img-box img {
        padding: 15px !important;
    }

    .section5-column1 {
        gap: 7em;
    }

    .section5-content .icon-box .box3 {
        left: 40px;
    }

    .section5-content .icon-box .box5 {
        left: 28px;
    }

    .section-5-column2 .box1 {
        display: flex;
        gap: 3em;
        width: 100%;
        height: 100%;
        margin-left: 0vw;
        padding-top: 74px;
    }

    .section-5-column2 .box2 {
        width: 98%;
        margin: 108px 0 0 0px !important;
    }


    .section-5-column2 .box2 .sub-box:hover {
        transform: translateZ(0) scale(1.03);
    }

    /*==================   SMO WorkFlow Section-6 Css  ====================*/






    .osmTabedArea {
        width: 345px;
    }

    .section6-column2 .box2 .img-box img {
        width: 100%;
    }

    .ppcThumbTab {
        top: 81px;
    }

    .section6-column2 {
        padding: 150px 0 80px;
    }

    .section6-column1 {
        width: 55%;
    }

    .boxAreaWoFlow {
        width: 100%;
        float: left;
        position: relative;
        max-width: 584px;
        top: 0px;
        height: 100%;
        padding: 205px 0px 60px;
    }

    .section6 .iconInfoList:after {
        width: 1px;
        height: 100%;
        position: absolute;
        left: -18px;
    }

    .section6 .iconInfoList {
        display: flex;
        gap: 14px;
        position: relative;
        padding-left: 2px;
        padding-bottom: 5px;
        padding-right: 23px;
    }

    .section6 .benefits h2 {
        font-size: 35px;
        line-height: 45px;
    }

    .section6-column1 .box6 .img {
        width: 197px;
        height: 149px;
        bottom: -5px;
    }

    .section6-column2 .box1 .content-welcome p {
        font-size: 13px;
        line-height: 20px;
        padding: 22px 0 0 0;
    }

    .section6-column1 .boxes .devlop-pargh-title .left-content {
        font-size: 13px;
        line-height: 20px;
    }

    .section6-column1 .boxes .text {
        width: 195px;
        gap: 2px;
    }

    .section6-column1 .box6 .text {
        top: -9px;
    }

    .section6-column1 .boxes .text h3 {
        font-size: 19px;
        line-height: 26px;
    }

    .section6 .benefits h3 {
        font-size: 23px;
    }

    .section6 .benefits h3 span {
        padding: 0px 10px;
        margin-left: 4px;
    }

    .section6 .benefits h3 span:after {
        top: 2px;
        height: 30px;
    }

    .section6-column2 .box1 .sub-box1 .call-action a {
        font-size: 19px;
        line-height: 23px;
        padding: 2px 12px;
    }

    .section6-column2 .box1 .sub-box1 .call-action i {
        margin-right: 11px;
    }

    .section6 .call-info {
        font-size: 24px;
        line-height: 32px;
    }

    .section6-column1 .box1 .img,
    .section6-column1 .box2 .img {
        width: 75px;
        height: 75px;
    }

    .section6-column1 .boxes {
        height: 188px;
    }

    .section6-column2 {
        gap: 26px;
    }

    .section6-column2 .box2::before {
        width: 100%;
        top: -8px;
    }

    .section6-column1 .box5 .text {
        margin-top: 23px;
    }

    .section6-column1 .box1 .text {
        margin-top: 24px;
    }

    .section6-column1 .box3 {
        gap: 9px;
        margin-top: -10px;
    }

    .section6-column1 .box3 .img {
        width: 37px;
        height: 38px;
    }

    .section6-column1 .box5 .img {
        width: 56px;
        height: 48px;
    }

    .lapManImg {
        width: 164px;
        height: 86px;
    }

    .section6-column1 .box4 img {
        top: 0;
        left: 0;
    }

    .section6-column1 .box2 {
        gap: 8px;
        padding-left: 41px;
    }

    .section6-column1 .box1 {
        gap: 15px;
        margin-bottom: 26px;
    }

    .bnfts_gyuprch_sec {
        padding: 0px 65px 55px;
    }

    .section6-column2 .box1 .sub-box1 {
        gap: 23px;
        margin-top: 57px;
    }

    .rockBigImg {
        padding-right: 109px;
    }

    /* .boxAreaWoFlow {width:743px;} */
    .section6 .arrowBox2Ani svg {
        width: 113px;
        height: 113px;
    }

    .section6 svg {
        width: 98px;
        height: 98px;
    }

    .section6 .arrowBox3Ani svg {
        width: 90px;
        height: 90px;
    }

    .section6 .arrowBox4Ani svg {
        width: 92px;
        height: 70px;
    }

    .section6-column1 .box5 {
        gap: 1px;
        margin-top: 10px;
        padding-left: 1px;
    }

    .arrowBoxAni {
        bottom: -70px;
    }

    .arrowBox2Ani {
        top: -33px;
        left: 11px;
    }

    .arrowBox3Ani {
        bottom: -50px;
    }

    .arrowBox4Ani {
        top: 100px;
        right: 0%;
    }

    .section6-column2 .box1 .content-welcome {
        margin-top: -14px !important;
    }

    .section6-column2 {
        width: 45%;
    }

    .section6 .iconInfoList img {
        width: 14px;
    }

    .section6 .iconInfoList .microTeam img {
        width: 17px;
    }

    .section6 .iconInfoList .liveChat img {
        width: 17px;
    }

    .section6 .ppcThumbTab .secContInfo .telNumber a {
        font-size: 15px;
    }

    .section6 .osmTabedArea {
        width: 310px;
    }










    /*     
    
    .osmTabedArea {width:345px;}
    .section6-column2 .box2 .img-box img {width:100%;}
    .ppcThumbTab {top:81px;}
    .section6-column2 {padding:150px 0 80px;}
    .section6-column1 {width:58%;}
    .boxAreaWoFlow {width:100%; float:left; position:relative; max-width:766px; top:0px; height:100%; padding:190px 0px 60px;}
    .section6 .iconInfoList:after {width:1px; height:100%; position:absolute; left:-30px;}
    .section6 .iconInfoList {right:40px; padding-left:2px;}
    .section6 .benefits h2 {font-size:35px; line-height:45px;}
    .section6-column1 .box6 .img {width:197px; height:149px; bottom:-5px;}
    .section6-column2 .box1 .content-welcome p {
        font-size: 13px;
        line-height: 20px;
        padding: 22px 0 0 0;
    }
    .section6-column1 .boxes .devlop-pargh-title .left-content {font-size:13px; line-height:20px;}
    .section6-column1 .boxes .text {width:195px; gap:2px;}
    .section6-column1 .box6 .text {top:-9px;}
    .section6-column1 .boxes .text h3 {font-size:19px; line-height:26px;}
    .section6 .benefits h3 {font-size:23px;}
    .section6 .benefits h3 span {padding:0px 10px; margin-left:4px;}
    .section6 .benefits h3 span:after {top:2px; height:30px;}
    .section6-column2 .box1 .sub-box1 .call-action a {font-size:19px; line-height:23px; padding:2px 12px;}
    .section6-column2 .box1 .sub-box1 .call-action i {margin-right:11px;}
    .section6 .call-info {font-size:24px; line-height:32px;}
    .section6-column1 .box1 .img, .section6-column1 .box2 .img {width:75px; height:75px;}
    .section6-column1 .boxes {height:188px;}
    .section6-column2 {gap:26px;}
    .section6-column2 .box2::before {width:100%; top:-8px;}
    .section6-column1 .box5 .text {margin-top:23px;}
    .section6-column1 .box1 .text {margin-top:24px;}
    .section6-column1 .box3 {gap:9px; margin-top:-10px;}
    .section6-column1 .box3 .img {width:37px; height:38px;}
    .section6-column1 .box5 .img {width:56px; height:48px;}
    .lapManImg {width:164px; height:86px;}
    .section6-column1 .box4 img {top:0; left:0;}
    .section6-column1 .box2 {gap:8px; padding-left:41px;}
    .section6-column1 .box1 {gap:15px; margin-bottom:26px;}
    .bnfts_gyuprch_sec {padding:0px 64px 55px;}
    .section6-column2 .box1 .sub-box1 {gap:23px; margin-top:57px;}
    .rockBigImg {padding-right:109px;}
    .boxAreaWoFlow {width:743px;}
    .section6 .arrowBox2Ani svg {width:132px; height:113px;}
    .section6 svg {width:41px; height:93px;}
    .section6 .arrowBox3Ani svg {width:90px; height:90px;}
    .section6 .arrowBox4Ani svg {width:60px; height:145px;}
    .section6-column1 .box5 {gap:1px; margin-top:10px; padding-left:1px;}
    .arrowBoxAni {bottom:-90px;}
    .arrowBox2Ani {top:-25px;}
    .arrowBox3Ani {bottom:-50px;}
    .arrowBox4Ani {top:48px; right:-8%;}
    .section6-column2 .box1 .content-welcome {margin-top:-14px!important;}
    .section6-column2 {width:38%;}



 */



    /*==================   Potential SMO Sec (7th Sec) Css  ====================*/



    .engeg_tel_icn_flx {
        height: 50px;
    }

    .section7 .startProject {
        max-width: 95%;
    }

    .ddile_card {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        padding: 9px 0px 60px;
    }

    .SmoSecColOne {
        padding-block: 0px 60px;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        gap: 120px;
    }

    .section7 .osmTabedArea a {
        font-size: 18px;
    }

    .section7 .benefits h2 {
        font-size: 29px;
        line-height: 34px;
        padding: 11px 0 15px 0;
    }

    .benefits h3 {
        font-size: 23px;
    }

    .privacy-choices p {
        font-size: 13px;
        line-height: 20px;
    }

    .section7-col1 .content-welcome p {
        padding-top: 11px;
    }

    .smo_potential_sec {
        padding: 122px 65px 55px;
    }

    .smo_potential_sec_card {
        padding: 0px;
    }

    .section7-col2 .box1 .sub-box h3 {
        font-size: 18px;
    }

    .ddile_vtitle h3 {
        font-size: 48px;
    }

    .section7-col2 .box3 h2 {
        font-size: 26px;
    }

    .section7-col2 .box1 .sub-box h3 {
        font-size: 14px;
    }

    .smo-column2 .box2 .sub-box h3 {
        font-size: 19px;
        line-height: 21px;
    }

    .smo-column2 .box2 .sub-box .call-action a {
        font-size: 17px;
        padding: 5px 19px;
    }

    .smo-column2 .box2 .sub-box .call-action i {
        font-size: 15px;
        margin-right: 8px;
    }

    .section7-col2 .box1 .sub-box i {
        font-size: 14px;
        margin-left: 8px;
    }

    .section7-col2 .box1 .sub-box p {
        font-size: 13px;
        line-height: 20px;
        margin-top: 7px;
        width: 92%;
    }

    .ddile_vtitle {
        left: -135px;
        bottom: 345px;
    }

    .section7-col1 {
        width: 36%;
    }

    .section7-col2 {
        margin-top: 60px;
    }

    .section7-col2 .box2 p {
        padding-bottom: 0px;
        font-size: 13px;
    }

    .smo-column2 .box2 .sub-box {
        margin-top: 58px;
    }

    .smo-column2 .box2 .sub-box::before {
        width: 100%;
        top: -23px;
    }

    .privacy-choices p {
        font-size: 13px;
        line-height: 20px;
    }

    .section7-col2 .box1 {
        padding-bottom: 37px;
    }

    .section7-col2 .box2 {
        padding-top: 15px;
    }

    .section7-col2 .box3 p {
        font-size: 13px;
        line-height: 20px;
    }

    .section7-col1 .img-box {
        margin-top: 30px;
    }

    .section7-col2 .box3 {
        padding-top: 50px;
    }


    .ddile_taball_desgn .ddile_vtitle {
        left: -135px;
        bottom: 345px;
    }

    .ddile_taball_devlp .ddile_vtitle {
        left: -150px;
        bottom: 335px;
    }

    .ddile_taball_invtv .ddile_vtitle {
        left: -150px;
        bottom: 322px;
    }

    .ddile_taball_lnch .ddile_vtitle {
        left: -140px;
        bottom: 340px;
    }

    .ddile_taball_endt .ddile_vtitle {
        left: -140px;
        bottom: 340px;
    }

    .smo_potential_sec:after {
        margin-bottom: 30px;
    }

    .section7 .SmoSecColOne {
        padding-block: 6px 60px;

    }

    .section7 .getStartTitle {
        margin: 0;
        font-size: 18px;
        line-height: 22px;
        padding-bottom: 10px;
    }

    .section7 .iconInfoList .microTeam img {
        width: 17px;
    }


    .section7 .iconInfoList .liveChat img {
        width: 17px;
    }


    .section7 .iconInfoList {
        gap: 12px;
    }

    .section7 .iconInfoList img {
        width: 14px;
        transition: all 0.5s ease;
    }

    .section7 .osmTabedArea a {
        font-size: 15px;
    }

    .section7 .osmTabedArea {
        width: 306px;
    }



    /*     
    .section7 .startProject {max-width:97%;}
    .ddile_card {display:flex; flex-direction:column; justify-content:flex-start; padding:0px 0px 60px;}
    .SmoSecColOne {padding-block:0px 60px; display:flex; flex-direction:column; justify-content:flex-start; gap:140px;}
    .section7 .osmTabedArea a {font-size:15px!important;}
    .section7 .iconInfoList:after {width:1px; height:100%; position:absolute; left:-4px; top:unset; content:""; background:#e1e1e1; bottom:0px;}
    .section7 .engeg_tel_icn_flx {width:100%; float:left; position:relative; display:flex; align-items:center; justify-content:space-between; height:47px; z-index:9;}
    .section7 .iconInfoList {display:flex; gap:20px; position:relative; padding-left:20px; padding-bottom:5px; padding-right:15px; right:34px;}
    .section7 .benefits h2 {font-size:29px; line-height:34px; padding:11px 0 15px 0;}
    .benefits h3 {font-size:23px;}
    .privacy-choices p {font-size:13px; line-height:20px;}
    .section7-col1 .content-welcome p {padding-top:11px;}
    .smo_potential_sec {padding:122px 64px 55px;}
    .smo_potential_sec_card {padding:0px;}
    .section7-col2 .box1 .sub-box h3 {font-size:18px;}
    .ddile_vtitle h3 {font-size:48px;}
    .section7-col2 .box3 h2 {font-size:26px;}
    .section7-col2 .box1 .sub-box h3 {font-size:14px;}
    .smo-column2 .box2 .sub-box h3 {font-size:19px; line-height:21px;}
    .smo-column2 .box2 .sub-box .call-action a {font-size:17px; padding:5px 19px;}
    .smo-column2 .box2 .sub-box .call-action i {font-size:15px; margin-right:8px;}
    .section7-col2 .box1 .sub-box i {font-size:13px; margin-left:8px;}
    .section7-col2 .box1 .sub-box p {font-size:13px; line-height:20px; margin-top:7px; width:92%;}
    
    .ddile_vtitle {left:-135px; bottom:185px;}
    .section7-col1 {width:36%;}
    .section7-col2 {margin-top:60px;}
    .section7-col2 .box2 p {padding-bottom:0px; font-size:13px;}
    .smo-column2 .box2 .sub-box {margin-top:58px;}
    .smo-column2 .box2 .sub-box::before {width:100%; top:-23px;}
    .privacy-choices p {font-size:13px; line-height:20px;}
    .section7-col2 .box1 {padding-bottom:20px;}
    .section7-col2 .box2 {padding-top:10px;}
    .section7-col2 .box3 p {font-size:13px; line-height:20px;}
    .section7-col1 .img-box {margin-top:30px;}
    .section7-col2 .box3 {padding-top:60px;}
    
    
    .smo_potential_sec:after {margin-bottom:40px;}
    
    
    .ddile_taball_desgn .ddile_vtitle {left:-135px; bottom:185px;}
    .ddile_taball_devlp .ddile_vtitle {left:-135px; bottom:150px;}
    .ddile_taball_invtv .ddile_vtitle {left:-138px; bottom:160px;}
    .ddile_taball_lnch .ddile_vtitle {left:-135px; bottom:160px;}
    .ddile_taball_endt .ddile_vtitle {left:-135px; bottom:160px;}
    
    
    }  */

}

@media only screen and (max-width: 1080px) {


    .seoContInfo li.microTeam img {
        width: 21px;
    }

    .seoContInfo li.liveChat img {
        width: 21px;
    }


    .butCrseo {
        width: 100%;
        float: left;
        margin-bottom: 46px;
    }

    .crSdescTop {
        margin-bottom: 100px;
        width: 100%;
        float: left;
    }

    .section1 .design-btns {
        z-index: 1;
    }

    /*----- Smo Banner Sec (1st Sec)-----------------*/

    .smo-hero-image {
        overflow: hidden;
        padding-left: 0%;
        padding-right: 0%;
    }

    .smo-hero-hdngtxts {
        width: 100%;
        float: left;
        margin-top: 0px;
    }

    .smo-title-icons {
        margin-top: 0;
        padding-top: 0px;
        padding-left: 0;
    }

    .welcome-smo-sec {
        padding: 60px 65px 60px !important;
        height: auto !important;
        width: 100%;
        float: left;
    }

    .welcome-smo .fp-tableCell {
        height: auto !important;
    }

    .smo-hero-image {
        top: 225px;
    }

    .seoBanConArea {
        width: 100%;
        float: left;
        margin-top: 6px;
        position: relative;
        left: -20px;
    }

    .section1 .design-btns {
        margin-top: 25px;
    }

    .section2 .row2 {
        margin-top: 20px;
    }

    .welcome-smo-sec-row .smo-hero-title {
        padding-top: 60px;
        padding-left: 0;
        margin-top: 0;
    }

    .section1 .title-cont-pages {
        font-size: 33px;
        line-height: 43px;
    }

    .smo-title-content p {
        font-size: 15px;
        line-height: 25px;
    }

    .twentyfr_suport_fig {
        width: 52px;
    }

    .consuLtUs h2 {
        font-size: 14px;
    }

    .smo-button-content {
        margin-top: 0px;
    }

    .smo-title-icons .icon-3 {
        flex-basis: 12%;
    }

    .smo-title-icons .icon-2 {
        flex-basis: 12%;
    }

    .smo-title-icons .icon-1 {
        flex-basis: 12%;
    }

    .section1 .design-text {
        font-size: 10px;
        line-height: 21px;
        padding: 10px 12px;
    }

    /* .section1 .design-content .box1 .design-image video {width:85%; top:10px; left:0px;} */
    .section1 .design-content .box1 .design-image video {
        width: 85%;
        top: 14px;
        left: 5px;
    }

    /* .design-text2::after {bottom:-2px;} */
    .design-text1::before {
        top: 0px;
        right: -1px;
    }


    .design-text2::before {
        top: -1px;
    }

    .design-text2::after {
        bottom: 0px;
    }


    .design-text1:hover::after {
        height: 100%;
    }

    .design-text1::before {
        top: -1px;
        right: -1px;
    }

    .design-text1::after {
        left: -13px;
        top: -1px;
    }

    .design-text3::before {
        left: 0px;
        bottom: 0px;
    }

    .design-text3::after {
        right: -13px;
        top: 0px;
    }

    .design-text1:hover::before {
        width: 117%;
    }

    /*     
        .section1 .design-text:nth-of-type(2) {
            padding: 1vw 1vw;
        } */

    .section1 .design-text:nth-of-type(2) {
        padding: 10px 1vw;
    }


    .button_content h3 {
        font-size: 20px;
        line-height: 28px;
    }

    .seoContInfo li img {
        width: 17px;
        transition: all 0.5s ease;
    }

    .button_content h3:after {
        right: 23px;
    }

    .design-text3:hover::after {
        height: 100%;
    }

    .design-text3:hover::before {
        width: 114%;
    }




    .section1 .design-content {
        padding-top: 0px;
    }

    .smo-title-icons::before {
        height: 12px;
    }

    /*----- (2nd Sec)-----------------*/

    .section2 .fp-tableCell {
        height: auto !important;
    }

    .section2 .row1 .col1 .local-agency-list {
        padding: 10px 0px;
    }

    .section2 .row2 .box {
        gap: 0px;
        margin-top: -5px;
    }

    .section2 .row1 .col2 .box .heading {
        font-size: 120px;
        color: #5d5d5d;
        opacity: 0.122;
        top: 9px;
    }

    .section2 .row2 .box .img-box img {
        width: 76%;
    }

    .section2 .row2 .box .box-content .info {
        font-size: 9px;
        font-weight: 500;
        margin-top: 3px;
    }

    .section2 .row2 .box .box-content h4 {
        font-weight: 600;
        font-size: 11px;
        color: #000;
    }

    .section2 .row1 .col3 video {
        width: 80%;
    }

    .section2 .row2 {
        margin-top: 38px;
        margin-bottom: 0px;
    }

    .section2 .row1 {
        top: 10px;
    }

    .section2 .row1 .col2 .box h3 {
        font-size: 13px;
        font-weight: 500;
        margin-top: 0;
    }

    .section2 .row1 .col2 .box p {
        font-size: 13px;
        line-height: 23px;
    }

    .section2 .row1 .col2 .box p {
        width: 100%;
    }

    .section2 .row1 .col2 .box .heading {
        font-size: 70px;
    }

    .section2 .row1 .col1 .local-agency-list ul li {
        font-size: 11px;
        letter-spacing: 0.1px;
        line-height: 20px;
    }

    .section2 .content-welcome p {
        padding-top: 8px;
    }

    .section2 .content-welcome p {
        width: 62%;
        text-align: center;
        margin: 0px auto;
        padding: 0px;
        line-height: 23px;
    }

    .con_cus_sec {
        padding: 0px 65px 0px !important;
        height: auto !important;
        width: 100%;
        float: left;
    }

    .con_cus_title {
        margin-top: 0px;
    }

    .section2 .title-cont-pages {
        font-size: 33px;
        line-height: 44px;
    }

    .optimisation_whtbg {
        background: #fff;
        padding-top: 16px;
    }

    .section2 .row2 .box .img-box img {
        width: 80%;
    }

    .section2 .row2 .box .img-box {
        width: 36px;
    }

    .section2 .row1 .col1 .local-agency-list ul li img {
        width: 13px;
    }


    .section2 .row1 .col1 .local-agency-list ul li:after {
        left: 35px;
    }

    .section2 .con_cus_sec_wrap {
        padding: 0 0px;
    }



    .section2 .smo-icon .icon i {
        position: absolute;
        color: #fff;
        font-size: 20px;

    }

    .advertisement-icon2 .icon2 img {
        width: 22px;
        height: 22px;
    }

    .advertisement-icon3 .icon3 img {
        width: 23px;
        height: 23px;
    }

    .advertisement-icon4 .icon4 img {
        width: 22px;
        height: 22px;
    }

    .advertisement-icon1 .icon1 img {
        width: 24px;
        height: 24px;
    }



    /*---------------  (3rd Sec) Css  --------------*/

    .section3 .fp-tableCell {
        height: auto !important;
    }

    .connection-customer1 {
        padding-bottom: 0px;
    }

    .connection-customer1 .privacy-choices p:nth-of-type(2) {
        padding-bottom: 4px;
    }

    .smo_con_cstmrs_sec .loCalInfoArea {
        margin-bottom: -10px;
    }

    .smo_con_cstmrs_sec .benefits {
        margin-top: 22px;
    }

    .smo_con_cstmrs_sec .img-box {
        width: 130px;
        position: relative;
        top: -146px;
        left: 72%;
    }

    .smo_con_cstmrs_sec .loCalInfoArea .secContInfo .telNumber a {
        font-size: 21px;
    }

    .smo_con_cstmrs_sec .loCalInfoArea .secContInfo .mailCustom a {
        font-size: 17px;
    }

    .smo_con_cstmrs_sec .secContInfo {
        gap: 10px;
        margin-top: -15px;
    }

    .connection-customer1 .get-started-project::after {
        width: 85%;
        background-color: #d7d7d7;
        top: 52px;
    }

    .connection-customer1 .privacy-choices p {
        font-size: 14px;
    }

    .connection-customer1 .get-started-project {
        font-size: 16px;
        line-height: 21px;
        margin-top: 8px;
    }

    .connection-customer1 .privacy-choices p:nth-of-type(1) {
        padding-top: 0px;
        margin-bottom: 28px;
    }

    .smo_con_cstmrs_sec {
        padding: 60px 65px 0px !important;
        height: auto !important;
        width: 100%;
        float: left;
    }

    .smo_con_cstmrs_sec .benefits h2 {
        font-size: 30px;
        line-height: 36px !important;
    }

    .section3 .title-cont-pages {
        font-size: 28px !important;
        line-height: 38px;
    }

    .section3 .main-smo-heading ul li {
        font-size: 11px;
        line-height: 12px;
        letter-spacing: 0px;
    }

    .connection-customer2 .row-box {
        gap: 100px;
    }

    .smo_con_cstmrs_sec .connection-customer2 .column .box p {
        font-size: 13px;
        line-height: 18px;
    }

    .connection-customer2 {
        padding-top: 8vw;
    }

    .connection-customer2 .row-box {
        padding-top: 27px;
    }

    .smo_con_cstmrs_sec .connection-customer2 .column .box h3 {
        font-size: 13px;
        line-height: 23px;
        margin-bottom: 12px;
        padding-bottom: 5px;
    }

    .connection-customer2 .column .box p::before {
        top: 3px;
        bottom: auto;
        height: 66px;
    }


    /* .smo_con_cstmrs_sec .loCalInfoArea .secContInfo .telNumber a {
            font-size: 17px;
        }
        
        .smo_con_cstmrs_sec .loCalInfoArea .secContInfo .mailCustom a {
            font-size: 17px;
        } */



    .smo_con_cstmrs_sec .loCalInfoArea .secContInfo .telNumber a {
        font-size: 12px;
    }

    .smo_con_cstmrs_sec .loCalInfoArea .secContInfo .mailCustom a {
        font-size: 12px;
    }

    .smo_con_cstmrs_sec .loCalInfoArea .iconInfoList a img {
        width: 13px;
    }

    .smo_con_cstmrs_sec .loCalInfoArea .iconInfoList .microTeam a img,
    .smo_con_cstmrs_sec .loCalInfoArea .iconInfoList .liveChat a img {
        width: 16px;
    }

    .smo_con_cstmrs_sec .loCalInfoArea .iconInfoList {
        gap: 8px;
    }

    .section3 .osmTabedArea {
        width: 250px;
    }

    .connection-customer1 .get-started-project::after {
        width: 98%;
    }


    .connection-customer2 .column {

        gap: 7vw;
    }


    .section3 .connection-customer1 {
        padding-left: 0px;
    }


    /*--------------- unfold Power Sec (4th Sec) Css  --------------*/

    .smo_prvcy_chocs_sec {
        width: 100%;
        float: left;
    }

    .section4 .fp-tableCell {
        height: auto !important;
    }

    .section4 .icon {
        width: 37px;
        height: 37px;
        margin-right: 5px;
        border-radius: 50%;
    }

    /* .section4-main-box .box-content p:nth-of-type(1) {margin-bottom:-16px;} */

    .section4-main-box .box-content p:nth-of-type(1) {
        margin-bottom: 7px;
    }

    .section4-main-box .box2 img {
        width: 100%;
    }

    .smo-section4-main-row .column1 {
        display: flex;
        flex-direction: column;
        padding: 0 15px;
        justify-content: space-between;
        margin-top: -39px;
    }

    .smo-section4-main-row .column2 {
        position: relative;
        left: 0px;
        display: flex;
        margin-top: -30px;
        padding: 0px 45px;
    }

    .section4-main-box .info-text {
        display: flex;
        align-items: center;
        font-size: 10px;
        font-weight: 600;
        color: #000;
    }

    .section4-main-box .column2 .box1 .pricing-custom-call::before {
        top: 16px;
        width: 96%;
    }

    .section4-main-box .column2 .box1 .pricing-custom-call::before {
        margin-top: 6px;
        width: 100%;
    }

    /* .info-box {
            padding-top: 46px;
            margin-top: 50px;
        } */

    .section4 .info-box {
        padding-top: 20px;
        margin-top: 25px;
        gap: 5px;
    }


    .section4 .btnContainOne .image-container2 {
        width: 65px;
        height: 65px;
    }

    .section4 .btnContainOne .image-container1 {
        width: 65px;
        height: 65px;
    }

    .section4-main-box .box-content p {
        width: 100%;
    }

    .section4 .pricing1 {
        padding: 6px 14px;
        font-size: 13px;
    }

    .section4 .quote1 {
        padding: 6px 14px;
        font-size: 13px;
    }

    .smo-section4-main-row {
        display: flex;
        padding: 0px 0 0px;
    }

    .aniMationOrm {
        position: relative;
        top: 20px;
        width: 100%;
    }

    .smo_prvcy_chocs_sec {
        padding: 0px 65px 60px !important;
        height: auto !important;
        width: 100%;
        float: left;
    }

    .smo_prvcy_chocs_sec_card {
        padding: 0 0px;
    }

    .section4 .benefits h2 {
        font-size: 28px;
        line-height: 38px;
    }

    .benefits h3 {
        font-size: 26px;
    }

    .section4-main-box .box2 .benefits p {
        font-size: 14px;
        line-height: 24px;
        margin-top: 6px;
    }

    .smo-user-video-fig {
        width: 100%;
        position: relative;
        top: 0px;
    }

    .unfolding-power {
        font-size: 24px;
        line-height: 34px;
        width: 270px;
    }

    .section4-main-box .box-content p {
        font-size: 13px;
        line-height: 23px;
    }

    .global-seo-agency ul li {
        font-size: 12px !important;
        margin-top: 5px !important;
    }

    .global-seo-agency h3 {
        font-size: 15px !important;
    }

    .section4-main-box .column2 .box1 .box-content h2 {
        font-size: 23px;
    }

    /* .section4-main-box .column2 .box-content {margin-top:18px;} */
    .section4 .global-seo-agency ul li {
        font-size: 12px !important;
    }

    .section4-main-box .column2 .box-content {
        margin-top: 62px;
    }

    .section4-main-box .column1 .box ul li {
        font-size: 25px;
        line-height: 35px;
    }

    .smo-section4-main-row .column1 .box {
        margin-top: 0;
        padding-top: 30px;
        padding-bottom: 0;
    }

    .smo-section4-main-row .column1 .box {
        margin-top: 10px;
    }

    .section4-main-box .column2 .box1 .pricing-custom-call h6 {
        font-size: 14px;
        line-height: 20px;
    }

    .section4-main-box .column2 .box1 .pricing-custom-call h6 span::before {
        height: 8px;
    }

    .section4-main-box .column1 .box ul li.smo-active:before {
        height: 12px;
    }

    .btn-proposal {
        font-size: 13px;
        padding: 8px 22px;
        z-index: 5;
    }

    .section4-main-box .column2 .box1 .pricing-custom-call .pricng-call {
        width: 100%;
    }

    .pricing-custom-call-fig {
        width: 40px;
    }

    .rqst_propsl_card_link {
        margin-top: 0px;
        padding-right: 0%;
    }

    .middleColRowOne {
        padding-top: 74px;
    }

    .section4-main-box #orm-reputation svg {
        width: 86% !important;
    }

    .section4-main-box .column2 .box1 .pricing-custom-call {
        background: transparent;
    }

    .rowOneSmoFourColOne {
        padding-top: 88px;
    }

    .section4-main-box .column1 .box ul li {
        font-size: 18px;
        line-height: 32px;
    }

    .section4 .image-container1 {
        left: 50%;
    }

    .section4 .image-container2 {
        left: 50%;
    }



    /*--------------------  Speed Flxblty Sec (5th Sec)  ---------------------------*/

    .section5 .fp-tableCell {
        height: auto !important;
    }

    .speed_flex_sec {
        padding: 0px 65px 0px;
        height: auto !important;
        width: 100%;
        float: left;
    }

    .speed_flex_sec_wrap {
        padding: 0 0px;
    }

    .speed_flex_sec-main h3 {
        font-size: 16px;
        line-height: 20px;
    }

    .section5-column1 .thingstothink h3 {
        font-size: 16px;
    }

    .section5-column1 .thingstothink p {
        font-size: 13px;
        line-height: 20px;
        margin-top: 10px;
        width: 100%;
    }

    .section5-content .icon-box .box p {
        width: 55%;
        font-size: 13px;
        line-height: 18px;
    }

    .section5-content .icon-box {
        left: 6px;
        top: -20px;
    }

    .section5 .title-cont-pages {
        font-size: 28px;
        line-height: 38px;
    }

    .section-5-column2 .box1 .sub-box2 h1 {
        font-size: 23px;
        margin-bottom: 4px !important;
        line-height: 28px;
    }

    .section-5-column2 .box1 .sub-box2::before {
        top: 3px;
    }

    .section-5-column2 .box1 .sub-box2 p {
        font-size: 12px !important;
        line-height: 20px;
        width: 96%;
    }

    .section-5-column2 {
        padding-top: 5px;
    }

    .section-5-column2 .box1 .sub-box2::before {
        width: 8px;
        height: 98%;
    }

    .section-5-column2 .box2 {
        width: 97%;
        margin: 82px 0 0 0px !important;
    }

    .section-5-column2 .box1 .sub-box1 {
        width: 42%;
        position: relative;
        overflow: hidden;
    }

    .section-5-column2 {
        padding-bottom: 0;
        padding-top: 0px !important;
    }

    .section5-content .icon-box .box4 .s-box {
        padding: 0.7vw;
    }

    .section-5-column2 .box2 .sub-box {
        width: 33%;
    }

    .section-5-column2 .box1 {
        display: flex;
        gap: 3em;
        width: 100%;
        height: 100%;
        margin-left: 0vw;
        padding-top: 99px;
    }

    /* .ppcThumbTab .secContInfo .telNumber a {font-size:21px;} */
    .ppcThumbTab .secContInfo .telNumber a {
        font-size: 17px;
    }

    .ppcThumbTab .secContInfo .mailCustom a {
        font-size: 14px;
    }

    .section-5-column2 .box1 .sub-box2 {
        top: 0px;
    }

    .section-5-column2 .box2 .sub-box h3 {
        margin: 6px auto;
    }

    .section-5-column2 .box2 .sub-box p {
        font-size: 12px;
    }

    .section-5-column2 .box2 .sub-box h3 {
        font-size: 14px;
    }

    .section5-content .icon-box .box {
        margin: 18px 0;
    }

    .section-5-column2 .box2 .sub-box1 .img-box img {
        height: 30px;
        width: 30px;
    }

    .section-5-column2 .box2 .sub-box .img-box {
        height: 40px;
        width: 40px;
    }

    .section-5-column2 .box2 .sub-box .img-box img {
        height: 100%;
        width: 100%;
        padding: 10px;
    }

    .section-5-column2 .box2 .sub-box3 .img-box img {
        padding: 15px !important;
    }

    .section5-column1 {
        gap: 4em;
    }

    .section5-content .icon-box .box3 {
        left: 40px;
    }

    .section5-content .icon-box .box5 {
        left: 28px;
    }

    .section5-content .icon-box::after {
        right: 15px;
    }

    .section-5-column2 .box2 .sub-box:hover {
        transform: translateZ(0) scale(1.03);
    }

    .section-5-column2 .box2 .sub-box h3 {
        margin: 8px auto !important;
    }


    /*==================   SMO WorkFlow Section-6 Css  ====================*/
    .section6 .fp-tableCell {
        height: auto !important;
    }

    /* .osmTabedArea {width:345px;} */
    .section6-column2 .box2 .img-box img {
        width: 100%;
        margin-top: 95px;
    }

    .ppcThumbTab {
        top: 81px;
    }

    .section6-column2 {
        padding: 0px 0 60px;
    }

    .section6-column1 {
        width: 56%;
    }

    .boxAreaWoFlow {
        width: 100%;
        float: left;
        position: relative;
        max-width: 490px;
        top: 0px;
        height: 100%;
        padding: 40px 0px 10px;
    }

    .section6 .iconInfoList:after {
        width: 1px;
        height: 100%;
        position: absolute;
        left: -20px;
    }

    .section6 .iconInfoList {
        right: 0px;
        padding-left: 1px;
    }

    .section6 .benefits h2 {
        font-size: 28px;
        line-height: 38px;
    }

    .section6-column1 .box6 .img {
        width: 221px;
        height: 172px;
        bottom: 0px;
    }

    .section6-column2 .box1 .content-welcome p {
        font-size: 14px;
        line-height: 20px;
        padding: 12px 0 0 0;
    }

    .section6-column1 .boxes .devlop-pargh-title .left-content {
        font-size: 13px;
        line-height: 20px;
    }

    .section6-column1 .boxes .text {
        width: 195px;
        gap: 2px;
    }

    .section6-column1 .box6 .text {
        top: -9px;
    }

    .section6-column1 .boxes .text h3 {
        font-size: 16px;
        line-height: 26px;
    }

    .section6 .benefits h3 {
        font-size: 23px;
    }

    .section6 .benefits h3 span {
        padding: 0px 10px;
        margin-left: 4px;
    }

    .section6 .benefits h3 span:after {
        top: 2px;
        height: 30px;
    }

    .section6-column2 .box1 .sub-box1 .call-action a {
        font-size: 19px;
        line-height: 23px;
        padding: 2px 12px;
    }

    .section6-column2 .box1 .sub-box1 .call-action i {
        margin-right: 11px;
    }

    .section6 .call-info {
        font-size: 24px;
        line-height: 32px;
    }

    .section6-column1 .box1 .img,
    .section6-column1 .box2 .img {
        width: 75px;
        height: 75px;
    }

    .section6-column1 .boxes {
        height: 188px;
    }

    .section6-column2 {
        gap: 26px;
    }

    .section6-column2 .box2::before {
        width: 100%;
        top: -8px;
    }

    .section6-column1 .box5 .text {
        margin-top: 23px;
    }

    .section6-column1 .box1 .text {
        margin-top: 24px;
    }

    .section6-column1 .box3 {
        gap: 9px;
        margin-top: -10px;
    }

    .section6-column1 .box3 .img {
        width: 37px;
        height: 38px;
    }

    .section6-column1 .box5 .img {
        width: 56px;
        height: 48px;
    }

    .lapManImg {
        width: 164px;
        height: 86px;
    }

    .section6-column1 .box4 img {
        top: 0;
        left: 0;
    }

    .section6-column1 .box2 {
        gap: 8px;
        padding-left: 41px;
    }

    .section6-column1 .box1 {
        gap: 15px;
        margin-bottom: 26px;
    }

    .bnfts_gyuprch_sec {
        padding: 0px 65px 0px;
        height: auto !important;
        width: 100%;
        float: left;
    }

    .section6-column2 .box1 .sub-box1 {
        gap: 23px;
        margin-top: 57px;
    }

    .rockBigImg {
        padding-right: 109px;
    }

    /* .boxAreaWoFlow {width:743px;} */
    .section6 .arrowBox2Ani svg {
        width: 132px;
        height: 113px;
    }

    .section6 svg {
        width: 41px;
        height: 93px;
    }

    .section6 .arrowBox3Ani svg {
        width: 90px;
        height: 90px;
    }

    .section6 .arrowBox4Ani svg {
        width: 43px;
        height: 186px;
    }

    .section6-column1 .box5 {
        gap: 1px;
        margin-top: 10px;
        padding-left: 1px;
    }

    .arrowBoxAni {
        bottom: -76px;
    }

    .arrowBox2Ani {
        top: -25px;
    }

    .arrowBox3Ani {
        bottom: -50px;
    }

    .arrowBox4Ani {
        top: 48px;
        right: 0%;
    }

    .section6-column2 .box1 .content-welcome {
        margin-top: -14px !important;
    }

    .section6-column2 {
        width: 44%;
    }


    .section6-column1 {
        padding-right: 0%;
    }

    .section6 .boxes .img img {
        width: 90%;

    }

    .section6 .osmTabedArea {
        width: 306px;

    }

    .section6 .ppcThumbTab .secContInfo .telNumber a {
        font-size: 14px;
    }


    .section6 .iconInfoList img {
        width: 13px;
    }

    .section6 .iconInfoList {
        gap: 10px;
    }


    /*==================   Potential SMO Sec (7th Sec) Css  ====================*/


    .smo_potential_sec {
        padding: 0px 65px 120px;
        height: auto !important;
        width: 100%;
        float: left;
    }

    .engeg_tel_icn_flx {
        height: 50px;
    }

    .section7 .startProject {
        max-width: 95%;
    }

    .ddile_card {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        padding: 9px 0px 0px;
    }

    .SmoSecColOne {
        padding-block: 0px 60px;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        gap: 120px;
    }

    .section7 .osmTabedArea a {
        font-size: 18px;
    }

    .section7 .benefits h2 {
        font-size: 29px;
        line-height: 34px;
        padding: 11px 0 15px 0;
    }

    .benefits h3 {
        font-size: 23px;
    }

    .privacy-choices p {
        font-size: 13px;
        line-height: 20px;
    }

    .section7-col1 .content-welcome p {
        padding-top: 11px;
    }

    /* .smo_potential_sec {padding:1px 65px 55px;} */
    .smo_potential_sec_card {
        padding: 0px;
    }

    .section7-col2 .box1 .sub-box h3 {
        font-size: 18px;
    }

    .ddile_vtitle h3 {
        font-size: 48px;
    }

    .section7-col2 .box3 h2 {
        font-size: 26px;
    }

    .section7-col2 .box1 .sub-box h3 {
        font-size: 14px;
    }

    .smo-column2 .box2 .sub-box h3 {
        font-size: 19px;
        line-height: 21px;
    }

    .smo-column2 .box2 .sub-box .call-action a {
        font-size: 17px;
        padding: 5px 19px;
    }

    .smo-column2 .box2 .sub-box .call-action i {
        font-size: 15px;
        margin-right: 8px;
    }

    .section7-col2 .box1 .sub-box i {
        font-size: 12px;
        margin-left: 4px;
    }

    .section7-col2 .box1 .sub-box p {
        font-size: 13px;
        line-height: 20px;
        margin-top: 7px;
        width: 92%;
    }

    .ddile_vtitle {
        left: -135px;
        bottom: 370px;
    }

    .section7-col1 {
        width: 36%;
    }

    .section7-col2 {
        margin-top: 60px;
    }

    .section7-col2 .box2 p {
        padding-bottom: 0px;
        font-size: 13px;
    }

    .smo-column2 .box2 .sub-box {
        margin-top: 58px;
    }

    .smo-column2 .box2 .sub-box::before {
        width: 100%;
        top: -23px;
    }

    .privacy-choices p {
        font-size: 13px;
        line-height: 20px;
    }

    .section7-col2 .box1 {
        padding-bottom: 37px;
    }

    .section7-col2 .box2 {
        padding-top: 15px;
    }

    .section7-col2 .box3 p {
        font-size: 13px;
        line-height: 20px;
    }

    .section7-col1 .img-box {
        margin-top: 30px;
    }

    .section7-col2 .box3 {
        padding-top: 50px;
    }


    .ddile_taball_desgn .ddile_vtitle {
        left: -135px;
        bottom: 370px;
    }

    .ddile_taball_devlp .ddile_vtitle {
        left: -150px;
        bottom: 358px;
    }

    .ddile_taball_invtv .ddile_vtitle {
        left: -150px;
        bottom: 348px;
    }

    .ddile_taball_lnch .ddile_vtitle {
        left: -140px;
        bottom: 365px;
    }

    .ddile_taball_endt .ddile_vtitle {
        left: -140px;
        bottom: 365px;
    }

    .smo_potential_sec:after {
        margin-bottom: 30px;
    }

    .section7 .SmoSecColOne {
        padding-block: 6px 60px;

    }

    .section7 .getStartTitle {
        margin: 0;
        font-size: 18px;
        line-height: 22px;
        padding-bottom: 10px;
    }

    .section7 .iconInfoList .microTeam img {
        width: 16px;
    }


    .section7 .iconInfoList .liveChat img {
        width: 16px;
    }


    .section7 .iconInfoList {
        gap: 12px;
    }

    .section7 .iconInfoList img {
        width: 13px;

    }

    .section7 .osmTabedArea a {
        font-size: 13px;
    }

    .section7 .osmTabedArea {
        width: 270px;
    }

    .section7 .paragraAreaSecSev {
        gap: 37px;
        max-width: 80%;
    }

    .section7 .paraAreaSecBox {
        gap: 10px;
    }

    .section7 .fp-tableCell {
        height: auto !important;
    }
        .section6 .iconInfoList .liveChat img {
        width: 16px;
    }
     .section6 .iconInfoList .microTeam img{
        width: 15px;
    }

    /* .section7 .fp-tableCell {height:auto!important;}
        .section7 .startProject {max-width:100%;}
        .ddile_card {display:flex; flex-direction:column; justify-content:flex-start; padding:0px 0px 80px;}
        
        .SmoSecColOne {padding-block:0px 60px; display:flex; flex-direction:column; justify-content:flex-start; gap:60px;}
        .section7 .osmTabedArea a {font-size:15px!important;}
        .section7 .iconInfoList:after {width:1px; height:100%; position:absolute; left:-4px; top:unset; content:""; background:#e1e1e1; bottom:0px;}
        .section7 .engeg_tel_icn_flx {width:100%; float:left; position:relative; display:flex; align-items:center; justify-content:space-between; height:47px; z-index:9;}
        .section7 .iconInfoList {display:flex; gap:16px; position:relative; padding-left:20px; padding-bottom:5px; padding-right:15px; right:34px;}
        .section7 .benefits h2 {font-size:29px; line-height:34px; padding:11px 0 15px 0;}
        .benefits h3 {font-size:23px;}
        .privacy-choices p {font-size:13px; line-height:20px;}
        .section7-col1 .content-welcome p {padding-top:11px;}
        .smo_potential_sec {padding:0px 65px 60px; height:auto!important; width:100%; float:left;}
        .smo_potential_sec_card {padding:0px;}
        .section7-col2 .box1 .sub-box h3 {font-size:18px;}
        .ddile_vtitle h3 {font-size:42px;}
        .section7-col2 .box3 h2 {font-size:26px;}
        .section7-col2 .box1 .sub-box h3 {font-size:14px;}
        .smo-column2 .box2 .sub-box h3 {font-size:19px; line-height:21px;}
        .smo-column2 .box2 .sub-box .call-action a {font-size:17px; padding:5px 19px;}
        .smo-column2 .box2 .sub-box .call-action i {font-size:15px; margin-right:8px;}
        .section7-col2 .box1 .sub-box i {font-size:13px; margin-left:3px;}
        .section7-col2 .box1 .sub-box p {font-size:14px; line-height:20px; margin-top:7px; width:92%;}
        
        .ddile_vtitle {
            left: -113px;
            bottom: 216px;
        }
        .section7-col1 {width:36%;}
        .section7-col2 {margin-top:60px;}
        .section7-col2 .box2 p {padding-bottom:0px; font-size:13px;}
        .smo-column2 .box2 .sub-box {margin-top:58px;}
        .smo-column2 .box2 .sub-box::before {width:100%; top:-23px;}
        .privacy-choices p {font-size:14px; line-height:20px;}
        .section7-col2 .box1 {padding-bottom:20px;}
        .section7-col2 .box2 {padding-top:10px;}
        .section7-col2 .box3 p {font-size:13px; line-height:20px;}
        .section7-col1 .img-box {margin-top:30px;}
        .section7-col2 .box3 {padding-top:55px;}
        
        
        
        
        .ddile_taball_devlp .ddile_vtitle {left:-125px; bottom:204px;}
        .ddile_taball_desgn .ddile_vtitle {left:-113px; bottom:216px;}
        .ddile_taball_invtv .ddile_vtitle {left:-125px; bottom:195px;}
        .ddile_taball_lnch .ddile_vtitle {left:-113px; bottom:216px;}
        .ddile_taball_endt .ddile_vtitle {left:-113px; bottom:216px;}
        
        .smo_potential_sec:after {margin-bottom:36px;}

 */


}


@media only screen and (max-width: 1024px) {

    .butCrseo {
        width: 100%;
        float: left;
        margin-bottom: 46px;
    }

    .crSdescTop {
        margin-bottom: 100px;
        width: 100%;
        float: left;
    }

    .section1 .design-btns {
        z-index: 1;
    }

    /*----- Smo Banner Sec (1st Sec)-----------------*/

    .smo-hero-image {
        overflow: hidden;
        padding-left: 0%;
        padding-right: 0%;
    }

    .smo-hero-hdngtxts {
        width: 100%;
        float: left;
        margin-top: 0px;
    }

    .smo-title-icons {
        margin-top: 0;
        padding-top: 0px;
        padding-left: 0;
    }

    .welcome-smo-sec {
        padding: 60px 20px 60px !important;
        height: auto !important;
        width: 100%;
        float: left;
    }

    .welcome-smo .fp-tableCell {
        height: auto !important;
    }

    .smo-hero-image {
        top: 180px;
    }

    .seoBanConArea {
        width: 100%;
        float: left;
        margin-top: 6px;
        position: relative;
        left: -20px;
    }

    .section1 .design-btns {
        margin-top: 25px;
        padding: 7px;
    }

    .section2 .row2 {
        margin-top: 20px;
    }

    .welcome-smo-sec-row .smo-hero-title {
        padding-top: 60px;
        padding-left: 0;
        margin-top: 0;
    }

    .section1 .title-cont-pages {
        font-size: 34px;
        line-height: 42px;
    }

    .smo-title-content p {
        font-size: 13px;
        line-height: 20px;
    }

    .twentyfr_suport_fig {
        width: 52px;
    }

    .consuLtUs h2 {
        font-size: 14px;
    }

    .smo-button-content {
        margin-top: 0px;
    }

    .smo-title-icons .icon-3 {
        flex-basis: 12%;
    }

    .smo-title-icons .icon-2 {
        flex-basis: 12%;
    }

    .smo-title-icons .icon-1 {
        flex-basis: 12%;
    }

    .section1 .design-text {
        font-size: 11px;
        line-height: 21px;
        padding: 10px 12px;
    }

    .section1 .design-content .box1 .design-image video {
        width: 85%;
        top: 14px;
        left: 8px;
    }

    .design-text1::before {
        top: -2px;
        right: -1px;
    }

    .design-text1:hover::before {
        width: 112%;
    }

    .design-text1:hover::after {
        height: 111%;
    }

    .design-text2::before {
        top: -2px;
    }

    .design-text2::after {
        bottom: -2px;
    }

    .design-text1::after {
        left: -9px;
        top: -2px;
    }

    .design-text3::after {
        right: -9px;
        top: 0px;
    }

    .design-text3::before {
        left: 0px;
        bottom: -2px;
    }

    .design-text3:hover::before {
        width: 110%;
    }

    .section1 .design-content {
        padding-top: 0px;
    }

    .smo-title-icons::before {
        height: 12px;
    }

    /*----- (2nd Sec)-----------------*/

    .section2 .fp-tableCell {
        height: auto !important;
    }

    .section2 .row1 .col1 .local-agency-list {
        padding: 10px 0px;
    }

    .section2 .row2 .box {
        gap: 0px;
        margin-top: -5px;
    }

    .section2 .row1 .col2 .box .heading {
        font-size: 120px;
        color: #5d5d5d;
        opacity: 0.122;
        top: 9px;
    }

    .section2 .row2 .box .img-box img {
        width: 76%;
    }

    .section2 .row2 .box .box-content .info {
        font-size: 9px;
        font-weight: 500;
        margin-top: 3px;
    }

    .section2 .row2 .box .box-content h4 {
        font-weight: 600;
        font-size: 10px;
        color: #000;
    }

    .section2 .row1 .col3 video {
        width: 80%;
    }

    .section2 .row2 {
        margin-top: 38px;
        margin-bottom: 0px;
    }

    .section2 .row1 {
        top: 10px;
    }

    .section2 .row1 .col2 .box h3 {
        font-size: 13px;
        font-weight: 500;
        margin-top: 0;
    }

    .section2 .row1 .col2 .box p {
        font-size: 13px;
        line-height: 23px;
    }

    .section2 .row1 .col2 .box p {
        width: 100%;
    }

    .section2 .row1 .col2 .box .heading {
        font-size: 70px;
    }

    .section2 .row1 .col1 .local-agency-list ul li {
        font-size: 10px;
        letter-spacing: 0.1px;
        line-height: 20px;
    }

    .section2 .content-welcome p {
        padding-top: 8px;
    }

    .section2 .content-welcome p {
        width: 62%;
        text-align: center;
        margin: 0px auto;
        padding: 0px;
        line-height: 23px;
    }

    .con_cus_sec {
        padding: 0px 20px 0px !important;
        height: auto !important;
        width: 100%;
        float: left;
    }

    .con_cus_title {
        margin-top: 0px;
    }

    .section2 .title-cont-pages {
        font-size: 34px;
        line-height: 44px;
    }

    .optimisation_whtbg {
        background: #fff;
        padding-top: 16px;
    }

    .section2 .row2 .box .img-box img {
        width: 80%;
    }

    .section2 .row2 .box .img-box {
        width: 36px;
    }

    .con_cus_sec_wrap {
        padding: 0;
    }




    .smo_con_cstmrs_sec {
        padding: 60px 20px 0px !important;
        height: auto !important;
        width: 100%;
        float: left;
    }

    /*---------------  (3rd Sec) Css  --------------*/
    /*             
             .section3 .fp-tableCell {height:auto!important;}
            .connection-customer1 {padding-bottom:0px;}
            .connection-customer1 .privacy-choices p:nth-of-type(2) {padding-bottom:85px;}
            .smo_con_cstmrs_sec .loCalInfoArea {margin-bottom:-10px;}
            .smo_con_cstmrs_sec .benefits {margin-top:22px;}
            .smo_con_cstmrs_sec .img-box {width:130px; position:relative; top:-146px; left:72%;}
            .smo_con_cstmrs_sec .loCalInfoArea .secContInfo .telNumber a {font-size:17px;}
            .smo_con_cstmrs_sec .loCalInfoArea .secContInfo .mailCustom a { font-size:17px;}
            .smo_con_cstmrs_sec .secContInfo {gap:10px; margin-top:-15px;}
            .connection-customer1 .get-started-project::after {width:85%; background-color:#d7d7d7; top:52px;}
            .connection-customer1 .privacy-choices p {font-size:13px;}
            .connection-customer1 .get-started-project {font-size:16px; line-height:21px; margin-top:8px;}
            .connection-customer1 .privacy-choices p:nth-of-type(1) {padding-top:0px; margin-bottom:28px;}
            .smo_con_cstmrs_sec {padding:60px 20px 0px !important; height:auto!important; width:100%; float:left;}
            .smo_con_cstmrs_sec .benefits h2 {font-size:30px; line-height:36px !important;}
            .section3 .title-cont-pages {font-size:26px !important; line-height:36px;}
            .section3 .main-smo-heading ul li {font-size:11px; line-height:12px; letter-spacing:0px;}
            .connection-customer2 .row-box {gap:100px;}
            .smo_con_cstmrs_sec .connection-customer2 .column .box p {font-size:12px; line-height:18px;}
            
            .connection-customer2 {padding-top:12vw;}
            .connection-customer2 .row-box {padding-top:59px;}
            .smo_con_cstmrs_sec .connection-customer2 .column .box h3 {font-size:12px; line-height:22px; margin-bottom:12px; padding-bottom:5px;} 
            .connection-customer2 .column .box p::before {top:3px; bottom:auto; height:66px;}
             */
    /*--------------- unfold Power Sec (4th Sec) Css  --------------*/


    .smo_prvcy_chocs_sec {
        padding: 0px 20px 60px !important;
        height: auto !important;
        width: 100%;
        float: left;
        /* margin-top: 28px; */
    }

    .unfolding-power {
        font-size: 24px;
        line-height: 27px;
        width: 270px;
    }

    .smo-section4-main-row .column1 .box {
        margin-top: 82px;
    }



    /* .smo_prvcy_chocs_sec {width:100%; float:left;}
            .section4 .fp-tableCell {height:auto!important;}
            .section4 .icon {width:37px; height:37px; margin-right:5px; border-radius:50%;}
            .section4-main-box .box-content p:nth-of-type(1) {margin-bottom:7px;}
            .section4-main-box .box2 img {width:100%;}
            .smo-section4-main-row .column1 {display:flex; flex-direction:column; padding:0 15px; justify-content:space-between; margin-top:-39px;}
            .smo-section4-main-row .column2 {position:relative; left:0px; display:flex; margin-top:-30px; padding:0px 45px;}
            .section4-main-box .info-text {display:flex; align-items:center; font-size:10px; font-weight:600; color:#000;}
            .section4-main-box .column2 .box1 .pricing-custom-call::before {top:16px; width:96%;}
            .section4-main-box .column2 .box1 .pricing-custom-call::before {margin-top:55px; width:100%;}
            .info-box {padding-top:46px;}
            .section4-main-box .box-content p {width:100%;}
            .pricing1 {padding:8px 20px; font-size:13px;}
            .quote1 {padding:8px 20px; font-size:13px;}
            .smo-section4-main-row {display:flex; padding:0px 0 0px;}
            .aniMationOrm {position:relative; top:8px; width:99%;}
            
            .smo_prvcy_chocs_sec_card {padding:0 0px;}
            .section4 .benefits h2 {font-size:28px; line-height:38px;}
            .benefits h3 {font-size:26px;}
            .section4-main-box .box2 .benefits p {font-size:13px; line-height:24px; margin-top:6px;}
            .smo-user-video-fig {width:100%; position:relative; top:0px;}
            .unfolding-power {font-size:24px; line-height:34px; width:270px;}
            .section4-main-box .box-content p {font-size:13px; line-height:23px;}
            .global-seo-agency ul li {font-size:13px !important; margin-top:5px !important;}
            .global-seo-agency h3 {font-size:15px;}
            .section4-main-box .column2 .box1 .box-content h2 {font-size:23px;}
            
            .section4-main-box .column1 .box ul li {font-size:21px; line-height:35px;}
            .smo-section4-main-row .column1 .box {margin-top:0; padding-top:30px; padding-bottom:0;}
            .smo-section4-main-row .column1 .box {margin-top:75px;}
            .section4-main-box .column2 .box1 .pricing-custom-call h6 {font-size:13px; line-height:20px;}
            .section4-main-box .column2 .box1 .pricing-custom-call h6 span::before {height:8px;}
            .section4-main-box .column1 .box ul li.smo-active:before {height:12px;}
            .btn-proposal {font-size:13px; padding:8px 22px;}
            .section4-main-box .column2 .box1 .pricing-custom-call .pricng-call {width:100%;}
            .pricing-custom-call-fig {width:40px;}
            .rqst_propsl_card_link {margin-top:18px; padding-right:0%;}
            .middleColRowOne {padding-top:80px;}
            .section4-main-box #orm-reputation svg {width:86% !important;}
            .section4-main-box .column2 .box1 .pricing-custom-call {background:transparent;}
            .rowOneSmoFourColOne {padding-top:88px;}
            
            
            
            .section4-main-box .column1 .box ul li {
                font-size: 18px;
                line-height: 32px;
            }
            
            
            
            .section4 .image-container1{
                left: 60%;
            }
            
            .section4 .image-container2 {
             left: 60%;
            }
            
            .section4-main-box .column2 .box-content {margin-top:80px;}
            
            
            
            
            
             */

    /*--------------------  Speed Flxblty Sec (5th Sec)  ---------------------------*/

    .speed_flex_sec {
        padding: 0px 20px 0px;
        height: auto !important;
        width: 100%;
        float: left;
    }

    /* .section5 .fp-tableCell {height:auto!important;}
            
            .speed_flex_sec_wrap {padding:0 0px;}
            .speed_flex_sec-main h3 {font-size:16px; line-height:20px;}
            .section5-column1 .thingstothink h3 {font-size:16px;}
            .section5-column1 .thingstothink p {font-size:13px; line-height:20px; margin-top:10px; width:100%;}
            .section5-content .icon-box .box p {width:55%; font-size:13px; line-height:20px;}
            .section5-content .icon-box {left:6px; top:-20px;}
            .section5 .title-cont-pages {font-size:28px; line-height:38px;}
            .section-5-column2 .box1 .sub-box2 h1 {font-size:23px; margin-bottom:4px !important; line-height:28px;}
            .section-5-column2 .box1 .sub-box2::before {top:3px;}
            .section-5-column2 .box1 .sub-box2 p {font-size:12px!important; line-height:20px; width:96%;}
            .section-5-column2 {padding-top:5px;}
            .section-5-column2 .box1 .sub-box2::before {width:8px; height:98%;}
            
            .section-5-column2 .box2 {width:100%; margin:166px 0 0 -21px !important;}
            
            .section-5-column2 .box1 .sub-box1 {width:42%; position:relative; overflow:hidden;}
            .section-5-column2 {padding-bottom:0; padding-top:100px !important;}
            .section5-content .icon-box .box4 .s-box {padding:0.7vw;}
            .section-5-column2 .box2 .sub-box {width:34%;}
            .section-5-column2 .box1 {display:flex; gap:3em; width:100%; height:100%; margin-left:0vw; padding-top:0px;}
            .ppcThumbTab .secContInfo .telNumber a {font-size:17px;}
            .ppcThumbTab .secContInfo .mailCustom a {font-size:13px;}
            .section-5-column2 .box1 .sub-box2 {top:0px;}
            .section-5-column2 .box2 .sub-box h3 {margin:6px auto;}
            .section-5-column2 .box2 .sub-box p {font-size:11px;}
            .section-5-column2 .box2 .sub-box h3 {font-size:14px!important;}
            .section5-content .icon-box .box {margin:18px 0;}
            .section-5-column2 .box2 .sub-box1 .img-box img {height:30px; width:30px;}
            .section-5-column2 .box2 .sub-box .img-box {height:50px; width:50px;}
            .section-5-column2 .box2 .sub-box .img-box img {height:100%; width:100%; padding:10px;}
            .section-5-column2 .box2 .sub-box3 .img-box img {padding:15px !important;}
            .section5-column1 {gap:8em;}
            .section5-content .icon-box .box3 {left:40px;}
            .section5-content .icon-box .box5 {left:28px;}
            .section5-content .icon-box::after {right:15px;}
            .section-5-column2 .box2 .sub-box h3 {margin:8px auto!important;}
            
            
            
            
            .section-5-column2 .box2 .sub-box:hover {
                transform: translateZ(0) scale(1.03);
            }
             */

    /*==================   SMO WorkFlow Section-6 Css  ====================*/

    .bnfts_gyuprch_sec {
        padding: 0px 20px 0px;
        height: auto !important;
        width: 100%;
        float: left;
        /* margin-top: 15px; */
    }


    .section6-column1 .box5 {
        gap: 1px;
        margin-top: 10px;
        padding-left: 18px;
    }

    /* 

            .section6 .fp-tableCell {height:auto!important;}
            .osmTabedArea {width:345px;}
            .section6-column2 .box2 .img-box img {width:100%; margin-top:95px;}
            .ppcThumbTab {top:81px;}
            .section6-column2 {padding:0px 0 60px;}
            .section6-column1 {width:58%;}
            .boxAreaWoFlow {width:100%; float:left; position:relative; max-width:766px; top:0px; height:100%; padding:40px 0px 10px;}
            .section6 .iconInfoList:after {width:1px; height:100%; position:absolute; left:-30px;}
            .section6 .iconInfoList {right:49px; padding-left:0px;}
            .section6 .benefits h2 {font-size:28px; line-height:38px;}
            .section6-column1 .box6 .img {width:172px; height:152px; bottom:0px;}
            .section6-column2 .box1 .content-welcome p {font-size:14px; line-height:20px; padding:4px 0 0 0;}
            .section6-column1 .boxes .devlop-pargh-title .left-content {font-size:13px; line-height:20px;}
            .section6-column1 .boxes .text {width:195px; gap:2px;}
            .section6-column1 .box6 .text {top:-9px;}
            .section6-column1 .boxes .text h3 {font-size:16px; line-height:26px;}
            .section6 .benefits h3 {font-size:23px;}
            .section6 .benefits h3 span {padding:0px 10px; margin-left:4px;}
            .section6 .benefits h3 span:after {top:2px; height:30px;}
            .section6-column2 .box1 .sub-box1 .call-action a {font-size:19px; line-height:23px; padding:2px 12px;}
            .section6-column2 .box1 .sub-box1 .call-action i {margin-right:11px;}
            .section6 .call-info {font-size:24px; line-height:32px;}
            .section6-column1 .box1 .img, .section6-column1 .box2 .img {width:75px; height:75px;}
            .section6-column1 .boxes {height:188px;}
            .section6-column2 {gap:26px;}
            .section6-column2 .box2::before {width:100%; top:-8px;}
            .section6-column1 .box5 .text {margin-top:23px;}
            .section6-column1 .box1 .text {margin-top:24px;}
            .section6-column1 .box3 {gap:9px; margin-top:-10px;}
            .section6-column1 .box3 .img {width:37px; height:38px;}
            .section6-column1 .box5 .img {width:56px; height:48px;}
            .lapManImg {width:164px; height:86px;}
            .section6-column1 .box4 img {top:0; left:0;}
            .section6-column1 .box2 {gap:8px; padding-left:41px;}
            .section6-column1 .box1 {gap:15px; margin-bottom:26px;}
            .bnfts_gyuprch_sec {
                padding: 0px 20px 0px;
                height: auto!important;
                width: 100%;
                float: left;
                margin-top: 15px;
            }
            .section6-column2 .box1 .sub-box1 {gap:23px; margin-top:57px;}
            .rockBigImg {padding-right:109px;}
            .boxAreaWoFlow {width:743px;}
            .section6 .arrowBox2Ani svg {width:132px; height:113px;}
            .section6 svg {width:41px; height:93px;}
            .section6 .arrowBox3Ani svg {width:90px; height:90px;}
            .section6 .arrowBox4Ani svg {width:43px; height:186px;}
            .section6-column1 .box5 {gap:1px; margin-top:10px; padding-left:10px;}
            .arrowBoxAni {bottom:-90px;}
            .arrowBox2Ani {top:-25px;}
            .arrowBox3Ani {bottom:-50px;}
            .arrowBox4Ani {top:48px; right:-8%;}
            .section6-column2 .box1 .content-welcome {margin-top:-14px!important;}
            .section6-column2 {width:38%;}
            .section6 .secContInfo .caLLBtn {min-height:40px; padding-left:45px; align-items:center;}
             */

    /*==================   Potential SMO Sec (7th Sec) Css  ====================*/

    .smo_potential_sec {
        padding: 0px 20px 110px;
        height: auto !important;
        width: 100%;
        float: left;
    }

    .section7 .fp-tableCell {
        height: auto !important;
    }

    /* .section7 .fp-tableCell {height:auto!important;}
            .section7 .startProject {max-width:97%;}
            .ddile_card {display:flex; flex-direction:column; justify-content:flex-start; padding:0px 0px 60px;}
            .SmoSecColOne {padding-block:0px 60px; display:flex; flex-direction:column; justify-content:flex-start; gap:24px;}
            .section7 .osmTabedArea a {font-size:15px!important;}
            .section7 .iconInfoList:after {width:1px; height:100%; position:absolute; left:-4px; top:unset; content:""; background:#e1e1e1; bottom:0px;}
            .section7 .engeg_tel_icn_flx {width:100%; float:left; position:relative; display:flex; align-items:center; justify-content:space-between; height:47px; z-index:9;}
            .section7 .iconInfoList {display:flex; gap:20px; position:relative; padding-left:20px; padding-bottom:5px; padding-right:15px; right:34px;}
            .section7 .benefits h2 {font-size:29px; line-height:34px; padding:11px 0 15px 0;}
            .benefits h3 {font-size:23px;}
            .privacy-choices p {font-size:13px; line-height:20px;}
            .section7-col1 .content-welcome p {padding-top:11px;}
            
            .smo_potential_sec_card {padding:0px;}
            .section7-col2 .box1 .sub-box h3 {font-size:18px;}
            .ddile_vtitle h3 {font-size:42px;}
            .section7-col2 .box3 h2 {font-size:26px;}
            .section7-col2 .box1 .sub-box h3 {font-size:14px;}
            .smo-column2 .box2 .sub-box h3 {font-size:19px; line-height:21px;}
            .smo-column2 .box2 .sub-box .call-action a {font-size:17px; padding:5px 19px;}
            .smo-column2 .box2 .sub-box .call-action i {font-size:15px; margin-right:8px;}
            .section7-col2 .box1 .sub-box i {font-size:13px; margin-left:8px;}
            .section7-col2 .box1 .sub-box p {font-size:13px; line-height:20px; margin-top:7px; width:92%;}
            
            .ddile_vtitle {
                left: -113px;
                bottom: 216px;
            }
            .section7-col1 {width:36%;}
            .section7-col2 {margin-top:60px; padding:0; }
            .section7-col2 .box2 p {padding-bottom:0px; font-size:13px;}
            .smo-column2 .box2 .sub-box {margin-top:58px;}
            .smo-column2 .box2 .sub-box::before {width:100%; top:-23px;}
            .privacy-choices p {font-size:13px; line-height:20px;}
            .section7-col2 .box1 {padding-bottom:20px;}
            .section7-col2 .box2 {padding-top:10px;}
            .section7-col2 .box3 p {font-size:13px; line-height:20px;}
            .section7-col1 .img-box {margin-top:30px;}
            .section7-col2 .box3 {padding-top:65px;}
            
            .ddile_taball_devlp .ddile_vtitle {left:-125px; bottom:204px;}
            .ddile_taball_desgn .ddile_vtitle {left:-113px; bottom:216px;}
            .ddile_taball_invtv .ddile_vtitle {left:-125px; bottom:195px;}
            .ddile_taball_lnch .ddile_vtitle {left:-113px; bottom:216px;}
            .ddile_taball_endt .ddile_vtitle {left:-113px; bottom:216px;}
            
            
            
            .smo_potential_sec:after {margin-bottom:36px;}
            .section7-col2 .box2 p {width:112% !important;}
            .secSevenColOne { padding-left: 0;}



             */


    .ddile_vtitle {
        left: -135px;
        bottom: 325px;
    }

    .ddile_taball_devlp .ddile_vtitle {
        left: -150px;
        bottom: 310px;
    }

    .ddile_taball_desgn .ddile_vtitle {
        left: -135px;
        bottom: 325px;
    }


    .ddile_taball_invtv .ddile_vtitle {
        left: -150px;
        bottom: 301px;
    }

    .ddile_taball_lnch .ddile_vtitle {
        left: -140px;
        bottom: 321px;
    }

    .ddile_taball_endt .ddile_vtitle {
        left: -140px;
        bottom: 324px;
    }


}


@media only screen and (max-width: 991px) {
    /*==================   (1st Sec)  ====================*/

    .section1 .title-cont-pages {
        font-size: 34px;
        line-height: 41px;
    }

    .smo-hero-image {
        top: 175px;
    }

    .section1 .design-btns {
        margin-top: 25px;
        padding: 5px;
    }

    .design-text3::after {
        right: -7px;
        top: 0px;
    }

    .design-text3::before {
        left: 0px;
        bottom: 0px;
    }

    .design-text1::before {
        top: 0px;
        right: 0px;
    }

    .design-text1::after {
        left: -7px;
        top: 0px;
    }

    .design-text3:hover::before {
        width: 108%;
    }

    .design-text2::after {
        bottom: 0px;
    }

    .design-text1:hover::before {
        width: 109%;
    }

    .design-text2::before {
        top: 0px;
    }

    .design-text1:hover::after {
        height: 100%;
    }


    /*==================   (2nd Sec)  ====================*/
    .section2 .title-cont-pages {
        font-size: 31px;
        line-height: 41px;
    }

    .section2 .content-welcome p {
        width: 62%;
        text-align: center;
        margin: 0px auto;
        padding: 0px;
        line-height: 21px;
        font-size: 13px;
    }

    .section2 .row1 .col1 .local-agency-list ul li {
        font-size: 13px;
        letter-spacing: 0.1px;
        line-height: 23px;
    }

    .section2 .row1 .col1 .local-agency-list ul li:after {
        left: 39px;
        width: 61%;
    }

    .section2 .row1 .col1 .local-agency-list ul li img {
        margin-right: 10px !important;
    }

    .section2 .row1 {
        grid-template-areas: "c2 c2 c2 c2 c2 c2 c2 c2 c2 c2 c2 c2" "c1 c1 . . . . . c3 c3 c3 c3 .";
        top: 32px;
    }

    .section2 .row1 .col2 {
        grid-area: c2;
        gap: 5vw;
    }

    .section2 .row1 .col2 .box h3::before {
        width: 98%;
        top: -17px;
    }

    .section2 .row1 .col1 {
        grid-area: c1;
        position: relative;
        top: 2vw;
    }

    .management-icon1 {
        width: 3.45vw;
    }

    .section2 .row1 .col3 {
        grid-area: c3;
        position: relative;
        top: 0vw;
        overflow: hidden;
        width: 90%;
    }

    .section2 .row1 .col3 video {
        position: relative;
        left: -1px;
    }

    .bar {
        width: 4.5vw;
    }

    .section2 .row2 {
        margin-top: 68px;
        margin-bottom: 20px;
    }

    .section2 .row2 .box .box-content .info {
        font-size: 8px;
        font-weight: 500;
        margin-top: 3px;
    }

    .section2 .smo-icon .icon i {
        font-size: 17px;
    }




    /*==================   (3rd Sec)  ====================*/

    .connection-customer1 .get-started-project::after {
        width: 100%;
        background-color: #d7d7d7;
        top: 53px;
    }

    .connection-customer2 {
        padding-top: 0vw;
        padding: 0;
    }

    .connection-customer2 .row-box {
        gap: 55px;
    }

    .connection-customer2 .row-box {
        padding: 0px;
    }

    .smo_con_cstmrs_sec .connection-customer2 .column .box p {
        font-size: 13px;
        line-height: 20px;
    }

    .smo_con_cstmrs_sec .connection-customer2 .column .box h3 {
        font-size: 14px;
        line-height: 22px;
        margin-bottom: 12px;
        padding-bottom: 5px;
    }

    .connection-customer2 .column .box p::before {
        top: -4px;
        bottom: auto;
        height: 44px !important;
    }

    .connection-customer1 {
        flex-direction: row;
    }

    .smo_con_cstmrs_sec .img-box {
        width: 240px;
        position: relative;
        top: -300px;
        left: 56%;
    }

    .text-box {
        padding-top: 280px;
        margin-left: 40px;
    }

    .connection-customer2 .main-img {
        width: 100%;
        margin-top: -106px;
    }

    .smo_con_cstmrs_sec .benefits h3 {
        font-size: 23px;
        line-height: 33px;
    }

    .smo_con_cstmrs_sec .benefits h3 span:after {
        height: 29px;
    }

    .smo_con_cstmrs_sec .text-box {
        margin-top: 0px;
    }

    .section3 .osmTabedArea {
        width: 285px;
    }

    .smo_con_cstmrs_sec .loCalInfoArea .iconInfoList {
        gap: 14px;
    }


    /*==================   (4th Sec)  ====================*/

    /* .smo_prvcy_chocs_sec {padding:60px 20px 0px !important; height:auto !important; width:100%; float:left;}
                .button-container { left: 190px;}
                .info-text span {position:absolute; left:20%;}
                .section4-main-box .info-text {font-size:12px;}
                .smo-user-video-fig {width:100%; position:relative; top:-120px;}
                .smo-section4-main-row .column1 .box {margin-top:135px;}
                .section4-main-box .box-content p {font-size:13px; line-height:19px;}
                .section4 .global-seo-agency ul li {font-size:11px !important; margin-top:5px !important;}
                .info-box {padding-top:62px;}
                .section4-main-box .column2 .box1 .pricing-custom-call::before {margin-top:39px; width:100%;}



                    .section4-main-box .column2 .box1 .pricing-custom-call::before {
                        top: -8px;
                      width: 96%;
                   } */


    .smo-section4-main-row .column2 {

        margin-top: 0px;

    }


    .middleColRowOne {
        padding-top: 40px;
    }


    .smo-section4-main-row {
        flex-wrap: wrap;
    }

    .smo-section4-main-row .column1 {
        flex: 0 0 50%;
    }

    .smo-section4-main-row .column2 {
        flex: 0 0 50%;
    }

    .smo-section4-main-row .box2 {
        flex: 0 0 100%;
        margin-top: 40px;
    }


    /*         
        .button-container {
            left: 50%;
            top: 55px;
        } */

    .button-container {
        left: 24%;
        top: 0px;
    }

    .info-box {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .smo-user-video-fig {
        top: 0;
    }

    .section4-main-box .column2 .box-content {
        margin-top: 81px;
    }

    .section4-main-box .info-text {
        font-size: 12px;

    }


    .section4 .rqst_propsl_card_link {
        margin-top: 32px;
        padding-right: 0%;
    }


    .smo-section4-main-row .column2 {

        padding: 0px 20px;
    }



    .section4 .column2 {
        order: 2
    }


    .section4 .column1 {
        order: 2
    }


    .section4 .bnfts_gyupc_box {
        flex-direction: row;
    }


    .smo-user-video-fig {
        width: 100%;
        position: relative;
        margin-top: 0px !important;
    }


    .smo_prvcy_chocs_sec_card {
        padding: 50px 0px 0px;

    }


    .smo_prvcy_chocs_sec {
        padding: 0px 20px 6px !important;
    }

    .section4-main-box .box2 .benefits p {
        width: 91%;

    }


    .section5-content .icon-box::after {
        display: none;
    }

    /*==================   (5th Sec)  ====================*/

    .section5-content .icon-box {
        left: 55px;
        top: 0px;
    }

    .section5-column1 {
        gap: 7em;
        display: flex;
        flex-direction: row;
    }

    .section-5-column2 .box1 .sub-box2::before {
        width: 8px;
        height: 75%;
    }

    .section-5-column2 .box1 .sub-box1 {
        width: 53%;
        gap: 1em;
        align-self: center;
    }

    .section-5-column2 {
        left: 0px;
    }

    .section-5-column2 .box1 {
        padding-top: 1px;
    }

    .section-5-column2 .box1 .sub-box1 video {
        max-width: 78%;
        clip-path: inset(5px 5px);
    }

    .section-5-column2 {
        padding-bottom: 0;
        padding-top: 5px !important;
    }

    .section-5-column2 .box1 {
        flex-direction: row;
    }

    .section5-column1 {
        gap: 3em;
    }

    .section5-content .icon-box::after {
        right: 20%;
    }

    .section5-column1 .thingstothink p {
        font-size: 14px;
        line-height: 20px;
        margin-top: 10px;
        width: 100%;
    }

    .section-5-column2 .box2 {
        width: 98%;
        margin: 25px 0 0 0px !important;
    }

    .section-5-column2 .box2 .sub-box {
        width: 26%;
    }

    .section5-content .icon-box .box {
        margin: 12px 0;
    }

    .unfolding-power {
        font-size: 19px;
        line-height: 29px;
        width: 200px;
    }

    .section4-main-box .column1 .box ul li {
        font-size: 21px;
        line-height: 40px;
    }

    .aniMationOrm {
        position: relative;
        top: 26px;
        width: 100%;
    }

    .section5-content .thingstothink {
        margin-top: 60px;
    }

    .speed_flex_sec {
        margin-top: 60px;
    }

    .section-5-column2 .box2 .sub-box .smo-card {
        position: absolute;
        z-index: 1;
        padding: 5px;
    }


    .section-5-column2 .box2 .sub-box h3 {
        margin: 12px auto !important;
    }


    /*==================   (6th Sec)  ====================*/


    .section6-column2 .box1 .content-welcome p {
        font-size: 13px;
        line-height: 20px;
        padding: 17px 0 0 0;
    }

    .section6-column2 .box2 .img-box img {
        width: 100%;
        margin-top: 0px;
    }

    .ppcThumbTab .secContInfo .telNumber a {
        font-size: 21px;
    }

    .ppcThumbTab .secContInfo .mailCustom a {
        font-size: 14px;
    }

    .section6-column1 .box6 .img {
        width: 183px;
        height: 115px;
        bottom: 0px;
        left: 58%;
    }

    .secContInfo .iconInfoList a img {
        width: 14px;
        transition: all 0.5s ease;
        transform: scale(1);
    }

    .section6 .arrowBox4Ani svg {
        width: 50px;
        height: 207px;
    }

    .arrowBox4Ani {
        top: 51px;
        right: -19%;
    }

    .section6-column1 {
        width: 100%;
    }

    .boxAreaWoFlow {
        width: 90%;
        max-width: 100%;
        margin: 0px auto;
    }

    /* .section6-column2 { width: 100%; order: 1 !important;} */
    .section6-column2 {
        width: 50%;
        order: 1 !important;
    }

    .section6-main {
        gap: 10px;
    }

    .section6-column1 .box6 .img img {
        left: 0%;
    }

    .rockBigImg {
        padding-right: 180px;
    }

    /* .ppcThumbTab { width: 46%;} */
    .ppcThumbTab {
        width: 100%;
    }

    .section6-column1 {
        padding-right: 0;
        order: 2 !important;
    }

    .bnfts_gyuprch_sec {
        padding: 60px 20px 0px;
        height: auto !important;
    }

    .section6-column2 .box1 .content-welcome {
        margin-top: 0px !important;
        width: 90%;
    }



    .section6 .img-box {
        bottom: 150px;
        position: absolute;
        left: 100%;
        width: 100%;
    }

    .section6-column2 .box2::before {
        width: 100%;
        top: -126px;
        left: 100%;
    }


    .section6-column2 {
        gap: 0px;
    }

    /* .section6 .ppcThumbTab {
        width: 100%;
        float: left;
        position: relative;
        z-index: 9;
        margin-top: 0px;
    } */

    .section6 .ppcThumbTab {
        width: 100%;
        float: left;
        position: relative;
        z-index: 9;
        margin-top: 0px;
        left: 100%;
        /* bottom: -192px;  */
        top: -54px;
    }


    .section6-column2 {
        padding: 0px 0 0px;
    }



    .section6 .iconInfoList .microTeam a img {
        width: 16px;
    }


    .section6 .iconInfoList .liveChat a img {
        width: 16px;
    }

    /*==================   (7th Sec)  ====================*/

    .section7-main {
        flex-direction: column;
        padding: 7em 6em 9em 6em;
    }

    .section7-col1,
    .section7-col2,
    .section7-col2 .box1 {
        width: 100%;
    }

    .section7-col1 .content-welcome p {
        width: 42%;
        line-height: 20px;
        font-size: 15px;
    }

    .section7-col1 .img-box {
        width: 50%;
        position: absolute;
        top: 0;
        right: 0;
    }

    .section7-col1 {
        position: relative;
    }

    .section7-col2 .box1 .sub-box h3 {
        font-size: 17px;
    }

    .section7-col2 .box1 .sub-box p {
        font-size: 12px;
        line-height: 17px;
    }

    .section7-col2 .box1 {
        width: 100%;
    }

    .section7-col2 .box1::after {
        width: 94%;
    }

    .section7-col2 .smo-column2 {
        top: -7.2vw;
    }

    .section7-col2 {
        margin-top: 7vw;
    }

    .section7-col2 .box2 h2 {
        font-size: 24px;
    }

    .smo-column2 .box2 .sub-box h3 {
        font-size: 19px;
    }

    .smo-column2 .box2 .sub-box .call-action a {
        font-size: 17px;
    }

    .smo-column2 .box2 .sub-box .call-action i {
        font-size: 17px;
    }

    .smo-column2 .box2 .sub-box {
        justify-content: space-between;
        width: 80%;
        gap: 0;
        margin-top: 7vw;
    }

    .smo-column2 .box2 .sub-box::before {
        width: 100%;
    }

    .section7-col2 .box3 h2 {
        font-size: 26px;
        width: 86%;
        margin-top: 2vw;
    }

    .section7-col2 .box3 p {
        font-size: 13px;
        margin-top: 0.8vw;
        width: 82%;
    }

    .section7-col2 .box3 {
        position: relative;
        left: 41px;
        padding-top: 125px;
    }

    .smo-column2 .box2 .sub-box::before {
        top: -2vw;
    }

    .section7-col2 .box1::after {
        background-size: 1.5vw 100%;
    }

    .get-started-project::after {
        width: 63%;
    }

    .section7-col2 .box2 p {
        font-size: 13px;
        line-height: 20px;
        width: 74%;
        width: 95%;
    }

    .SmoSecColOne {
        gap: 48px;
    }

    .privacy-choices p {
        font-size: 13px;
        line-height: 20px;
        width: 100%;
    }

    .section7-col2 {
        margin-top: 0vw;
    }

    .section7-col2 .box1 .sub-box p {
        width: 85%;
    }

    .section7-col2 .box2 p {
        width: 78% !important;
    }

    .section7-col2 .box2 {
        padding-top: 10px;
        margin-left: 104px;
    }

    .paragraAreaSecSev {
        max-width: 100%;
    }

    .section7 .startProject {
        max-width: 62%;
    }

    .section7 .engeg_tel_icn_flx {
        width: 66%;
    }

    .smo-column2 .ddile_vtitle {
        left: -140px;
        bottom: 114px;
    }

    .ddile_taball_devlp .ddile_vtitle {
        left: -140px;
        bottom: 98px;
    }

    .ddile_taball_desgn .ddile_vtitle {
        left: -140px;
        bottom: 115px;
    }

    .ddile_taball_invtv .ddile_vtitle {
        left: -148px;
        bottom: 87px;
    }

    .ddile_taball_lnch .ddile_vtitle {
        left: -140px;
        bottom: 105px;
    }

    .ddile_taball_endt .ddile_vtitle {
        left: -140px;
        bottom: 104px;
    }

    .section7 .SmoSecColOne {
        padding-block: 0px 0px;
        flex-direction: row;
    }



    /* 
  .section7-col2 .box3 {
        position: relative;
        left: 41px;
        padding-top: 0px;
        bottom: 400px;
    } */


    .section7 .paragraAreaSecSev {
        gap: 30px;
        max-width: 100%;
    }

    .section7 .osmTabedArea {
        width: 314px;
    }

    .section7 .startProject {

        margin-top: 180px;
    }



    .section7 .ddile_card {
        padding: 52px 0px 0px;

    }


}



@media only screen and (max-width: 768px) {

    /*==================   (1st Sec)  ====================*/

    .section1 .title-cont-pages {
        font-size: 28px;
        line-height: 38px;
    }

    .section1 .design-text {
        font-size: 13px;
    }

    .welcome-smo-sec-row {
        display: grid;
    }

    .section1 .design-image {
        position: relative;
    }

    .section1 .design-btns {
        margin-bottom: 25px;
    }

    /* .section1 .design-content .box1 .design-image video {
            width: 78%;
            top: -113px;
            left: 24%;
            position: absolute;
        } */


    .section1 .design-content .box1 .design-image video {
        width: 72%;
        top: -97px;
        left: 22%;
        position: absolute;
    }



    .section1 .design-content {
        width: 100%;
    }

    .welcome-smo-sec-row .smo-hero-title {
        padding-right: 0
    }

    .smo-hero-image {
        display: none;
    }

    .section1 .design-text,
    .section1 .design-text:nth-of-type(2) {
        padding: 6px 12px;
    }

    .design-text1::before {
        top: -2px;
        right: 0px;
    }



    .design-text3::before {
        left: 0px;
        bottom: -2px;
    }


    .design-text2::before {
        top: -2px;
    }

    .design-text2::after {
        bottom: -2px;
    }

    .design-text3:hover::before {
        width: 107%;
    }

    .design-text1:hover::before {
        width: 107%;
    }



    /*==================   (2nd Sec)  ====================*/
    .section2 .row2 {
        grid-template-columns: 1fr 1fr;
        gap: 15px;
    }

    .section2 .row2 .box:last-child {
        justify-self: flex-start;
        position: relative;
        left: 0;
    }

    .section2 .title-cont-pages {
        font-size: 24px;
        line-height: 34px;
    }

    .section2 .row2 .box:nth-of-type(3) {
        justify-self: flex-start;
    }

    .section2 .row2 .box:nth-of-type(4) {
        justify-self: flex-start;
    }

    .section2 .row2 .box .box-content h4 {
        font-size: 14px;
    }

    .section2 .row2 .box .box-content .info {
        font-size: 12px;
    }

    .section2 .row2 .box .img-box {
        width: 70px;
    }

    .management-icon1 {
        width: 4.45vw;
    }


    .section2 .row2 .box .img-box img {
        width: 55%;
    }

    .section2 .row2 .box:nth-of-type(5) .img-box img {
        width: 50% !important;
        object-fit: cover;
    }

    .section2 .row2 .box:nth-of-type(2) .img-box img {
        width: 50% !important;
        object-fit: cover;
    }

    .section2 .row2 .box:nth-of-type(4) .img-box img {
        width: 55% !important;
        object-fit: cover;
    }

    .section2 .icon1 .fa-youtube {
        left: -4px;
    }


    /*==================   (3rd Sec)  ====================*/

    .connection-customer1 {
        display: grid;
    }

    .text-box {
        padding-top: 0;
        margin-left: 0;
    }

    .smo_con_cstmrs_sec .img-box {
        left: 70%;
    }

    /*==================   (4th Sec)  ====================*/

    .smo-section4-main-row {
        flex-wrap: wrap;
    }

    .smo-section4-main-row .column1 {
        flex: 0 0 50%;
    }

    .smo-section4-main-row .column2 {
        flex: 0 0 50%;
    }

    .smo-section4-main-row .box2 {
        flex: 0 0 100%;
        margin-top: 40px;
    }



    .button-container {
        left: 50%;
        top: 55px;
    }

    .info-box {
        display: grid;
    }

    .smo-user-video-fig {
        top: 0;
    }

    .section5-content .icon-box::after {
        display: none;
    }

    .smo-section4-main-row .column1 .box {
        margin-top: 70px;
    }


    .section4 .button-container {
        left: 11%;
        top: 2px;
    }

    /*         
    .section4 .button-container {
            left: 50%;
            top: 33px;
        } */


    .section4 .btn-proposal {
        right: 4%;
        bottom: -3px;
    }

    .connection-customer2 .column .box p::before {
        top: -4px;
        bottom: auto;
        height: 62px !important;
    }

    /*==================   (5th Sec)  ====================*/

    .speed_flex_sec {
        margin-top: 50px;
    }

    .section5-content .icon-box .box2 {
        top: 0;
    }

    .section5-content .icon-box .box3 {
        top: 0;
    }

    .section5-content .icon-box .box4 {
        top: 0;
    }

    .section5-content .icon-box .box5 {
        top: 0;
    }

    .section5-content .icon-box .box3 img {
        width: 4vw;
        height: 4vw;
    }

    .section5-content .icon-box .box3 .s-box {
        padding: 2.1vw;
    }

    .section5-content .icon-box .box1 i {
        padding: 2.4vw;
    }

    .section5-content .icon-box .box5 img {
        width: 3.6vw;
        height: 3.6vw;
    }

    .section5-column1 {
        gap: 1em;
    }

    .ppcThumbTab {
        width: 60%;
    }


    .section5-column1 .thingstothink {
        margin-top: 100px;
    }

    .bnfts_gyupc_box {
        flex-direction: unset;
    }

    .section5-content .icon-box .box4 .s-box {
        padding: 1.7vw;
    }

    .info-box {
        padding-top: 22px;
    }



    .section-5-column2 .box2 .sub-box {
        width: 30%;
    }


    .section-5-column2 .box1 .sub-box2::before {
        width: 8px;
        height: 96%;
    }


    .section-5-column2 .box2 {
        margin: 25px 0 15px 0px !important;
    }


    /*==================   (6th Sec)  ====================*/
    .bnfts_gyuprch_sec {
        margin-top: 60px;
    }

    .rockBigImg {
        padding-right: 105px;
    }


    .section6-column2 .box1 .content-welcome {
        margin-top: 0px !important;
        width: 73%;
    }

    .section6-column2 .box2::before {
        width: 100%;
        top: -126px;
        left: 90%;
    }

    .section6 .ppcThumbTab {
        width: 100%;
        float: left;
        position: relative;
        z-index: 9;
        margin-top: 0px;
        left: 82%;
        /* bottom: -192px; */
        top: -72px;
    }


    .secContInfo .iconInfoList a img {
        width: 12px;
        transition: all 0.5s ease;
        transform: scale(1);
    }

    .section6 .iconInfoList .microTeam a img {
        width: 14px;
    }

    .section6 .iconInfoList .liveChat a img {
        width: 14px;
    }

    .section6 .img-box {
        bottom: 150px;
        position: absolute;
        left: 89%;
        width: 100%;
    }

    .bnfts_gyuprch_sec {
        padding: 0px 20px 0px;
        height: auto !important;
    }


    /*==================   (7th Sec)  ====================*/

    .section7 .smo-column2 .ddile_vtitle {
        left: -140px;
        bottom: 172px;
    }


    .section7 .ddile_taball_devlp .ddile_vtitle {
        left: -140px;
        bottom: 160px;
    }

    .section7 .ddile_taball_desgn .ddile_vtitle {
        left: -140px;
        bottom: 175px;
    }

    .section7 .ddile_taball_invtv .ddile_vtitle {
        left: -148px;
        bottom: 150px;
    }

    .section7 .ddile_taball_lnch .ddile_vtitle {
        left: -140px;
        bottom: 165px;
    }

    .section7 .ddile_taball_endt .ddile_vtitle {
        left: -140px;
        bottom: 171px;
    }

    .section7-col2 .box2 {
        margin-top: 11.1vw;
    }


}


@media only screen and (max-width: 600px) {


    /*==================   (1st Sec)  ====================*/


    .crSdescTop {
        margin-bottom: 50px;
    }

    .section1 .seoContInfo li {
        width: 55px;
        height: 55px;
    }

    /* .section1 .design-content .box1 .design-image video {
            top: -78px;
        } */

    .section1 .design-content .box1 .design-image video {
        top: -64px;
    }

    .circleThree {
        width: 20px;
        height: 20px;
        top: 46px;
        left: 15px;

    }

    .circleTwo {
        width: 34px;
        height: 34px;
        bottom: 58px;
    }


    .circleOne {
        width: 59px;
        height: 59px;
    }


    /*==================   (2nd Sec)  ====================*/

    .section2 .row1 {
        grid-template-columns: 3fr 1fr;
    }

    .section2 .row2 {
        gap: 25px;
    }


    .section2 .content-welcome p {
        width: 78%;

    }

    .bar-container {
        width: 27px;
    }


    .section2 .smo-icon {
        width: 30px;
    }

    .section2 .icon1 .fa-youtube {
        left: 0px;
    }


    .section2 .row1 .col3 video {
        position: relative;
        left: 70px;
    }

    /* .bar {
        width: 5.5vw;
    } */

    /*==================   (3rd Sec)  ====================*/

    /* .smo_con_cstmrs_sec .img-box {
            width: 194px;
            top: -193px;
            left: 70%;
        } */

    /* .smo_con_cstmrs_sec .img-box { 
        width: 109px;
        top: -118px;
        left: 82%;
    } */

    .smo_con_cstmrs_sec .img-box {
        width: 200px;
        top: -384px;
        left: 64%;
    }



    .info-text span {
        left: 10%;
    }

    .connection-customer2 .main-img {
        width: 100%;
        margin-top: -102px;
    }


    .connection-customer2 .column .box p::before {
        top: -4px;
        bottom: auto;
        height: 81px !important;
    }


    .smo_con_cstmrs_sec .secContInfo {
        gap: 99px;
        margin-top: -15px;
    }


    /*==================   (4th Sec)  ====================*/

    .smo-section4-main-row .column2 {
        flex: 100%;
    }

    .smo-section4-main-row .column1 {
        flex: 100%;
    }

    .unfolding-power {
        width: 52%;
    }

    .rowOneSmoFourColOne {
        order: 2;
    }

    .aniMationOrm {
        order: 1;
    }

    .rowOneSmoFourColOne {
        padding-top: 0;
    }

    .aniMationOrm {
        width: 78%;
    }

    .aniMationOrm {
        position: relative;
        top: 0px;
        width: 100%;
    }

    .section4-main-box .column1 .box ul li {
        font-size: 19px;
        line-height: 38px;
    }

    .smo-section4-main-row .column1 {
        margin-top: 0px;
    }

    .smo-section4-main-row .box2 {
        flex: 0 0 100%;
        margin-top: 22px;
    }

    .section4-main-box .box2 img {
        width: 198px;
    }

    .smo-section4-main-row .column1 .box {
        margin-top: 40px;
    }

    .middleColRowOne {
        padding-top: 40px;
    }

    .smo-section4-main-row .column2 {
        margin-top: 0;
    }

    .section4-main-box .column1 .box ul {
        flex-direction: row;
        gap: 25px;
    }

    .smo-section4-main-row .column2 {
        padding: 0px 20px;
    }

    .section4 .utpose_title {
        width: 74%;
    }

    .section4 .button-container {
        left: 0%;
        top: 0px;
    }

    .section4-main-box .column2 .box-content {
        margin-top: 28px;
    }

    /*==================   (5th Sec)  ====================*/
    .section5-content .icon-box {
        left: 0;
    }

    .section5-content .icon-box {
        flex-basis: 60%;
    }

    .section5-column1 .thingstothink {
        flex-basis: 40%;
    }

    .section5-content .icon-box .box3 img {
        width: 20px;
        height: 20px;
    }

    .section5-content .icon-box .box3 .s-box {
        padding: 2.1vw;
    }

    .section5-content .icon-box .box4 .s-box {
        padding: 2vw;
    }

    .section5-content .icon-box .box5 img {
        width: 20px;
        height: 20px;
    }

    .section-5-column2 .box2 .sub-box {
        width: 43%;
    }

    .section-5-column2 .box1 .sub-box1 video {
        max-width: 100%;
        clip-path: inset(5px 5px);
    }



    /*==================   (6th Sec)  ====================*/
    .ppcThumbTab {
        width: 80%;
    }

    .rockBigImg {
        padding-right: 80px;
    }

    .section6-column1 .box6 .img {
        left: 35%;
    }

    .rockBigImg {
        padding-right: 102px;
    }

    .info-box {
        display: flex;
    }

    .button-container {
        left: 0;
    }

    .section6-column2 {
        width: 100%;
        order: 1 !important;
    }


    .section6 .ppcThumbTab {
        width: 100%;
        float: left;
        position: relative;
        z-index: 9;
        margin-top: 0px;
        left: 0%;
        /* bottom: -192px; */
        top: 24px;
    }

    .section6-column2 .box2::before {
        width: 100%;
        top: -26px;
        left: 0%;
    }

    .section6 .img-box {
        bottom: 259px;
        position: absolute;
        left: 43%;
        width: 55%;
    }

    .section6 .boxAreaWoFlow {
        padding-top: 50px;
    }

    .section6-column1 .box6 .img img {
        left: 4%;
        top: 6px;
    }



    /*==================   (7th Sec)  ====================*/

    .section7-col2 .box2 {
        padding-top: 10px;
        margin-left: 92px;
    }

    .smo_potential_sec:after {
        margin-bottom: 0;
    }

    #home .fix-footer {
        margin-top: 0px !important;
    }


    .ddile_vtitle {
        left: -140px;
        bottom: 155px;
    }

    .section7-col2 .box2 p {
        width: 100% !important;
    }


    .section7 .engeg_tel_icn_flx {
        width: 100%;
    }

    .section7 .SmoSecColOne {
        padding-block: 0px 0px;
        flex-direction: column;
    }

    .section7 .startProject {
        margin-top: 0px;
    }

    .section7 .startProject {
        max-width: 100%;
    }


    .section7 .smo-column2 .ddile_vtitle {
        left: -140px;
        bottom: 211px;
    }

    .section7 .ddile_taball_devlp .ddile_vtitle {
        left: -140px;
        bottom: 180px !important;
    }

    .section7 .ddile_taball_desgn .ddile_vtitle {
        left: -140px;
        bottom: 190px !important;
    }

    .section7 .ddile_taball_invtv .ddile_vtitle {
        left: -148px;
        bottom: 170px !important;
    }

    .section7 .ddile_taball_lnch .ddile_vtitle {
        left: -140px;
        bottom: 184px !important;
    }

    .section7 .ddile_taball_endt .ddile_vtitle {
        left: -140px;
        bottom: 185px !important;
    }


}


@media only screen and (max-width: 520px) {

    /*==================   ( Sec 1 )  ====================*/

    .section1 .design-content .box1 .design-image video {
        top: -48px;
    }

    .welcome-smo-sec-row .smo-hero-title {
        padding-right: 0;
    }

    .section1 .design-text,
    .section1 .design-text:nth-of-type(2) {
        padding: 6px 5px;
    }

    .design-text3:hover::after {
        height: 105%;
    }

    .design-text1:hover::after {
        left: -7px;
        top: -2px;
        height: 105%;
    }

    .circleOne {

        background: #a7e1ea;
        width: 55px;
        height: 55px;
    }

    .circleTwo {
        width: 34px;
        height: 34px;
        bottom: 55px;
    }

    .circleThree {
        top: 38px;
        width: 28px;
        height: 28px;
    }

    .section1 .seoContInfo li {
        width: 50px;
        height: 50px;
    }

    /*==================   ( Sec 2 )  ====================*/


    .section2 .row1 {
        grid-template-areas: "c2 c2 c2 c2 c2 c2 c2 c2 c2 c2 c2 c2"
            ". . c1 c1 c1 . . c3 c3 c3 c3 .";
    }

    .section2 .title-cont-pages {
        font-size: 22px;
        line-height: 32px;
    }

    .section2 .row2 {
        gap: 22px;
    }

    .section2 .row1 .col2 {
        display: grid;
    }

    .section2 .row1 .col2 .box h3 {
        font-size: 18px;
    }


    .section2 .smo-icon {
        width: 23px;
    }

    .section2 .row2 .box .box-content h4 {
        font-size: 13px;
    }

    .section2 .row1 .col3 video {
        position: relative;
        left: 35px;
    }

    .bar-container {
        width: 23px;
    }

    /*==================   ( Sec 3 )  ====================*/

    /* .smo_con_cstmrs_sec .img-box {
                width: 175px;
                top: -169px;
                left: 60%;
            } */


    .smo_con_cstmrs_sec .img-box {
        width: 180px;
        top: -384px;
        left: 49%;
    }


    .smo_con_cstmrs_sec .secContInfo {
        gap: 24px;
        margin-top: -15px;
    }


    /*==================   ( Sec 4 )  ====================*/

    .section4-main-box .column1 .box ul li {
        font-size: 16px;
        line-height: 40px;
    }

    .section4-main-box .column1 .box .smo-active {
        font-size: 16px;
    }

    .section4-main-box .column1 .box ul li.smo-active:before {
        height: 7px;
        bottom: 10px;
    }

    .button-container {
        left: 0;
    }

    .info-text span {
        left: 10%;
    }

    .unfolding-power {
        width: 61%;
    }

    /*==================   ( Sec 5 )  ====================*/

    .section5-content .icon-box .box2 img {
        width: 4vw;
        height: 4vw;
    }

    .section5-content .icon-box .box2 .s-box {
        padding: 2.3vw;
    }

    .section5-content .icon-box .box5 .s-box {
        padding: 2vw;
    }

    .section-5-column2 .box1 .sub-box2 h1 {
        font-size: 20px;
    }

    .section-5-column2 .box1 .sub-box2::before {
        height: 100%;
    }


    .section-5-column2 .box2 .sub-box {
        width: 45%;
    }

    .section-5-column2 .box1 .sub-box2 p {
        width: 100%;
    }

    /*==================   ( Sec 6 )  ====================*/

    .section6-column1 .box6 .img {
        left: 22%;
        top: 50px;
    }

    .section5-column1 {
        display: grid;
    }

    .section5-column1 .thingstothink {
        margin-top: 0;
    }

    .section5-content .icon-box .box4 img {
        top: 0px;
    }

    .section5-content .icon-box .box p {
        width: 70%;
    }

    .section5-content .icon-box .box1 {
        left: 0;
    }

    .section5-content .icon-box .box p::before {
        left: -2.6vw;
    }

    .arrowBox2Ani {
        top: -61px;
    }

    .arrowBoxAni {
        bottom: -85px;
    }

    .arrowBox3Ani {
        bottom: -25px;
    }

    .ppcThumbTab {
        width: 94%;
    }

    .section6-column2 .box1 .content-welcome {
        margin-top: 0px !important;
        width: 100%;
    }

    .section6 .img-box {
        bottom: 225px;
        position: absolute;
        left: 46%;
        width: 52%;
    }

    .section6 .boxAreaWoFlow {
        padding-top: 70px;
    }

    .arrowBox4Ani {
        top: 79px;
        right: -15%;
    }

    .section6 .arrowBox4Ani svg {
        width: 36px;
        height: 188px;
    }

    .section6-column1 .boxes .text h3 {
        font-size: 14px;
        line-height: 25px;
    }




    /*==================   ( Sec 7 )  ====================*/
    .ddile_vtitle {
        left: -135px;
        bottom: 40px;
    }

    .section7-col2 .smo-column2 {
        display: grid;
    }

    .section7-col2 .box2 p {
        width: 100% !important;
    }

    .section7-col2 .box2 {
        width: 80%;
    }

    .section7-col2 .box3 {
        padding-top: 15px;
    }


    .section7-col2 .box3 {
        text-align: center;
        width: 100%;
    }

    .section7-col2 .box3 .img-box {
        width: 40%;
    }

    .privacy-choices p {
        width: 100%;
    }

    .section7-col2 .box1 .sub-box h3 {
        font-size: 13px;
    }

    .section7 .smo-column2 .ddile_vtitle {
        left: -140px;
        bottom: 90px;
    }


    .section7 .ddile_taball_devlp .ddile_vtitle {
        left: -140px;
        bottom: 80px !important;
    }

    .section7 .ddile_taball_desgn .ddile_vtitle {
        left: -140px;
        bottom: 92px !important;
    }

    .section7 .ddile_taball_invtv .ddile_vtitle {
        left: -148px;
        bottom: 70px !important;
    }

    .section7 .ddile_taball_lnch .ddile_vtitle {
        left: -140px;
        bottom: 88px !important;
    }

    .section7 .ddile_taball_endt .ddile_vtitle {
        left: -140px;
        bottom: 87px !important;
    }

    .smo-user-video-fig {
        display: none;
    }

    .aniMationOrm {
        left: 12%;
    }

    .smo_con_cstmrs_sec {
        padding: 40px 20px 0px !important;
    }

    .connection-customer2 .main-img {
        width: 100%;
        margin-top: -92px;
    }

    .smo_prvcy_chocs_sec_card {
        padding: 30px 0px 0px;
    }

    .middleColRowOne {
        padding-top: 20px;
    }


}




@media only screen and (max-width: 480px) {

    /*==================   ( Sec 1 )  ====================*/

    .section1 .design-content .box1 .design-image video {
        top: -40px;
    }

    /*==================   ( Sec 2 )  ====================*/

    .section2 .title-cont-pages {
        font-size: 20px;
        line-height: 30px;
    }

    .section2 .smo-icon {
        width: 22px;
    }

    .section2 .bar-container {
        width: 22px;
    }

    /*==================   ( Sec 3 )  ====================*/

    .smo_con_cstmrs_sec .benefits h2 {
        font-size: 26px;
        line-height: 30px !important;
    }

    .info-box {
        display: grid;
    }

    .smo_con_cstmrs_sec .img-box {
        width: 161px;
        top: -398px;
        left: 52%;
    }

    .section3 .connection-customer1 .privacy-choices {
        width: 100%;
        float: left;
        max-width: 444px;
    }

    .smo_con_cstmrs_sec .secContInfo {
        gap: 0px;
        margin-top: -15px;
    }

    .connection-customer2 .main-img {
        width: 100%;
        margin-top: -80px;
    }


    .connection-customer2 .column .box p::before {
        top: 0px;
        bottom: auto;
        height: 100px !important;
    }


    .smo_prvcy_chocs_sec_card {
        padding: 12px 0px 0px;
    }


    /*==================   ( Sec 4 )  ====================*/
    .info-box {
        gap: 0px;
    }

    .button-container {
        left: 40px;
    }

    .btnContainOne .image-container1,
    .btnContainOne .image-container2 {
        width: 55px;
        height: 54px;
    }

    .bnfts_gyupc_box {
        margin-top: 35px;
    }


    .section4 .button-container {
        left: 14%;
        top: 0px;
    }

    .section4-main-box .column1 .box ul {
        flex-direction: row;
        gap: 14px;
    }

    .section4 .middleColRowOne {
        padding-top: 16px;
    }


    /*==================   ( Sec 5 )  ====================*/

    .section5-content .icon-box {
        flex-basis: 100%;
    }

    .section5-column1 {
        display: grid;
    }

    .section5-column1 .thingstothink {
        margin-top: 0;
    }

    .section5-content .icon-box .box p {
        width: 80%;
    }

    .section5-content .icon-box .box p::before {
        left: -2.8vw;
        top: 1px;
    }

    .section5-content .icon-box .box2 img {
        width: 7vw;
        height: 7vw;
    }

    .section5-content .icon-box .box2 .s-box {
        padding: 3.3vw;
    }

    .section5-content .icon-box .box4 .s-box {
        padding: 3vw;
    }

    .section5-content .icon-box .box4 img {
        top: -3px;
    }

    .section-5-column2 .box1 {
        display: grid;
    }

    .section-5-column2 .box1 .sub-box2::before {
        left: -3%;
    }

    .section-5-column2 .box1 {
        margin-left: 3vw;
    }

    .section-5-column2 .box1 .sub-box2 h1 {
        padding-left: 10px;
    }

    .section-5-column2 .box1 .sub-box2 p {
        padding-left: 10px;
    }

    .section-5-column2 .box2 .sub-box {
        width: 53%;
    }

    /*==================   ( Sec 5 )  ====================*/

    .section6-column1 .boxes {
        width: 100%;
    }

    .boxAreaWoFlow {
        display: grid;
    }

    .section6-column1 .box2 {
        order: 1;
    }

    .section6-column1 .box1 {
        order: 2;
    }

    .section6-column1 .box3 {
        order: 3;
    }

    .section6-column1 .box4 {
        order: 4;
        height: auto;
    }

    .section6-column1 .box5 {
        order: 5;
    }

    .section6-column1 .box6 {
        order: 6;
    }

    .section6 .img-box {
        bottom: 253px;
        position: absolute;
        left: 50%;
        width: 49%;
    }

    .arrowBox2Ani {
        top: 81%;
        transform: rotate(8deg);
    }

    .arrowBoxAni {
        bottom: -60px;
    }

    .arrowBox3Ani {
        bottom: -19px;
        left: 28%;
        transform: rotate(66deg);
    }

    .arrowBox4Ani {
        transform: rotate(339deg);
    }

    .arrowBox4Ani {
        right: 35%;
    }

    .section6-column1 .box6 .img img {
        left: 90%;
        top: -22%;
    }

    .rockBigImg {
        padding-right: 140px;
    }

    .ppcThumbTab {
        width: 78%;
    }


    .section7-col2 .box1 {
        display: grid;
        width: 100%;
        gap: 18px;
    }

    .ddile_card {
        display: grid;
    }

    .ddile_taball_lnch .ddile_vtitle {
        left: 0;
    }

    .section7-col2 .smo-column2 {
        top: 15px;
    }

    .section-5-column2 .box1 .sub-box1 video {
        max-width: 100%;
    }

    .ddile_vtitle {
        left: 0 !important;
        bottom: 0;
        top: -55px;
        transform: rotate(0deg);
    }

    .section7-col2 .box2 {
        margin-left: 10px;
    }

    .section7-col2 .box3 .img-box {
        width: 55%;
    }

    .seoContInfo li img {
        width: 18px;
    }

    .seoContInfo li {
        width: 45px;
        height: 45px;
    }

    .section6 .iconInfoList {
        right: 0;
        padding-right: 30px;
    }

    .smo_con_cstmrs_sec .iconInfoList:after {
        left: 0;
        right: 0;
    }

    .ddile_vtitle h3 {
        font-size: 36px;
    }

    .section7 .engeg_tel_icn_flx {
        width: 64%;
    }

    .section7 .engeg_tel_icn_flx .caLLBtn {
        align-items: center;
        padding-left: 48px;

    }

    .section7 .iconInfoList:after {
        bottom: 5px;
        left: 3px;
    }


    .section7 .iconInfoList {
        padding-bottom: 10px;

    }

    .section7-col2 .box1 .sub-box h3 {
        font-size: 14px;
        line-height: 20px;
    }

    .section6-column2 .box2 .img-box img {
        display: none;
    }

    .benefits h2 {
        padding: 10px 0 20px 0 !important;
    }

    .section6 .boxAreaWoFlow {
        padding-top: 50px;
    }

    .section7 .ddile_card {
        padding: 20px 0px 0px;
    }

    .section7-col2 .box2 {
        width: 95%;
    }

    .section7-col2 .box3 {
        left: 10px;
    }

    .section6-column2 .benefits h2 {
        padding: 10px 0 5px 0 !important;
    }

    .SmoSecColOne {
        gap: 35px;
    }

    .bnfts_gyuprch_sec {
        margin-top: 40px;
    }



}


@media only screen and (max-width: 430px) {

    .circleOne {
        background: #a7e1ea;
        width: 45px;
        height: 45px;
    }

    .circleTwo {
        width: 30px;
        height: 30px;
        bottom: 55px;
    }

    .circleThree {
        top: 55px;
        width: 22px;
        height: 22px;
    }

    .section1 .design-btns {
        flex-basis: auto;
    }

    .section1 .design-content .box1 {
        justify-content: center;
    }

    .section1 .design-image {
        display: none;
    }

    .section1 .seoContInfo li img {
        width: 14px;
    }

    .section1 .welcome-smo-sec-row .smo-hero-title {
        padding-top: 40px;

    }


    .section1 .seoContInfo li {
        width: 38px;
        height: 38px;
    }

    .seoContInfo li.liveChat img {
        width: 16px;
    }

    .seoContInfo li.microTeam img {
        width: 16px;
    }

    .section1 .seoBanConArea {
        left: -12px;
    }

    .advertisement-icon2 .icon2 img {
        width: 18px;
        height: 18px;
    }

    .advertisement-icon3 .icon3 img {
        width: 20px;
        height: 20px;
    }

    .advertisement-icon1 .icon1 img {
        width: 21px;
        height: 21px;
    }

    .advertisement-icon4 .icon4 img {
        width: 19px;
        height: 19px;
    }




    /*     
    .section1 .design-btns {
            flex-basis: 92%;
        }
    
        .section1 .design-content .box1 .design-image video {
            top: -14px;
        } */



    .welcome-smo-sec {
        padding: 60px 20px 45px !important;
    }


    .section2 .title-cont-pages {
        font-size: 18px;
    }

    .section2 .content-welcome p {
        width: 90%;
    }

    .section2 .row2 {
        grid-template-columns: 1fr;
    }



    .section2 .bar {
        width: 22px;
    }


    .section3 .osmTabBox {
        order: 2;
    }

    .smo_con_cstmrs_sec .iconInfoList {
        padding-right: 176px;
        padding-left: 0px;
        padding-top: 6px;
    }

    .smo_con_cstmrs_sec .iconInfoList:after {
        display: none !important;
    }

    .smo_con_cstmrs_sec .loCalInfoArea .iconInfoList {
        gap: 17px;
    }


    .smo_con_cstmrs_sec .secContInfo {
        flex-direction: column;
        gap: 15px;
    }


    .smo_con_cstmrs_sec .img-box {
        width: 155px;
        top: -447px;
        left: 65% !important;
    }


    .connection-customer1 .get-started-project::after {
        width: 118%;
        background-color: #d7d7d7;
        top: 53px;
    }


    .smo_con_cstmrs_sec .loCalInfoArea .iconInfoList a img {
        width: 14px;
    }

    .smo_con_cstmrs_sec .loCalInfoArea .secContInfo .mailCustom a {
        font-size: 13px;
    }

    .smo_con_cstmrs_sec .loCalInfoArea .secContInfo .telNumber a {
        font-size: 13px;
    }


    /* 
           .smo_con_cstmrs_sec .loCalInfoArea .iconInfoList {
        gap: 8px;
    } */

    .connection-customer2 .column .box p::before {
        top: 0px;
        bottom: auto;
        height: 42px !important;
    }


    .connection-customer2 .row-box {
        gap: 30px;
    }

    .unfolding-power {
        width: 68%;
    }


    .section-5-column2 .box1 .sub-box1 video {
        max-width: 80%;
    }


    .section6 .img-box {
        bottom: 310px;
        position: absolute;
        left: 55%;
        width: 44%;
    }

    .section6-column1 .box6 .img img {
        left: 100%;
        top: -13%;
    }




    .section4-main-box .column1 .box ul {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        gap: 5px;
    }

    .section4-main-box .column1 .box ul li:before {
        width: 100%;
        display: inline-block;
    }

    .section4-main-box .column1 .box ul li {
        display: inline-block;
    }

    .section4-main-box .column1 .box ul li:nth-child(1):before {
        width: 70%;
    }

    .section4-main-box .column1 .box ul li:nth-child(2):before {
        width: 62%;
    }

    .section4-main-box .column1 .box ul li:nth-child(3):before {
        width: 72%;
    }

    .section4-main-box .column1 .box ul li:nth-child(4):before {
        width: 55%;
    }

    .section4-main-box .column1 .box ul li:nth-child(5):before {
        width: 59%;
    }

    .smo_con_cstmrs_sec .secContInfo .osmTabedArea {
        max-width: 260px;
    }

    .smo_con_cstmrs_sec .img-box {
        left: 50%;
    }

    .connection-customer2 .column {
        display: grid;
    }

    .connection-customer2 .column .box {
        width: 100%;
    }

    /*     
       .section4 .bnfts_gyupc_box {
           display: grid;
       } */


    .smo-user-video-fig {
        top: 7px;
        left: -26%;
        width: 400px;
    }

    .section5-content .icon-box .box p {
        width: 70%;
    }

    .section-5-column2 .box2 .sub-box {
        width: 62%;
    }

    .privacy-choices p {
        width: 100%;
    }

    .smo-section4-main-row .column1 .box {
        margin-top: 40px;
    }

    .middleColRowOne {
        padding-top: 20px;
    }

    .section-5-column2 .box1 .sub-box2::before {
        height: 100%;
    }

    .section6-column1 .box6 .img {
        left: 6%;
    }

    .rockBigImg {
        padding-right: 120px;
    }

    .section7 .secSevenColOne {
        padding-right: 0px;
        padding-left: 0px;
    }

    .section-5-column2 .box1 .sub-box1 {
        width: 100%;
        gap: 1em;
        align-self: center;
    }

    .section7 .iconInfoList {
        gap: 9px;
    }

    .section7 .engeg_tel_icn_flx {
        width: 66%;
    }


    .section7 .iconInfoList:after {
        bottom: 5px;
        left: 7px;
    }


    .section6 .osmTabedArea {
        width: 300px;
    }

    .section6 .iconInfoList {
        gap: 6px;
    }

    .section4-main-box .box2 img {
        width: 100%;
    }

    .section4-main-box .box2 .benefits p {
        width: 100%;
    }

    .section7 .ddile_card {
        padding: 50px 0px 0px;
    }

    .section7 .paragraAreaSecSev {
        gap: 20px;

    }





    .section6 .secContInfo {
        flex-direction: column;
        gap: 10px;
    }

    .section6-column2 .box2::before {
        width: 100%;
        top: -48px;
        left: 0%;
    }

    .section6 .ppcThumbTab {
        top: 40px;
    }

    .section6 .iconInfoList:after {
        display: none;
    }

    .section6 .iconInfoList {
        gap: 15px;
    }

    .section6 .iconInfoList {
        right: 0;
        padding-right: 245px;
    }


    .section6 .osmTabBox {
        order: 2;
    }

    .section6 .secContInfo .iconInfoList a img {
        width: 14px;
    }

    .section6 .iconInfoList .liveChat a img {
        width: 16px;
    }

    .section6 .iconInfoList .microTeam a img {
        width: 16px;
    }

    .section6 .ppcThumbTab .secContInfo .telNumber a {
        font-size: 13px;
    }






    .section7 .iconInfoList:after {
        display: none;
    }

    .section6 .iconInfoList {
        gap: 15px;
    }



    .section7 .iconInfoList {
        gap: 16px;
        padding-right: 256px;
        z-index: 99;
    }

    .section7 .startProject {
        max-width: 100%;
        gap: 6px;
    }

    .section7 .caLLBtn {
        margin-top: 35px;
    }



    .section7 .osmTabBox {
        order: 2;
    }


    .section7 .engeg_tel_icn_flx {
        width: 100%;
        flex-direction: column;
        gap: 32px;
    }


    .section7 .iconInfoList img {
        width: 14px;
    }


    .unfolding-power {
        line-height: 24px;

    }

    .section4 .aniMationOrm {
        left: 16%;
    }

    .section7-col2 .box2 {
        margin-left: 0px;
    }

    .section7-col2 .box3 {
        left: 0px;
    }

    .section7-col2 {
        padding-inline: 0px;
    }

    .section7-col2 .box2 {
        width: 100%;
    }

    .smo-section4-main-row .box2 {
        margin-top: 0px;
    }

    .section7-col2 .box1 {
        padding-bottom: 24px;
    }

    .section7-col2 .smo-column2 {
        top: 25px;
    }

    .arrowBox2Ani {
        top: 74%;
        transform: rotate(8deg);
    }



}

@media only screen and (max-width: 420px) {

    .section1 .design-content .box1 .design-image video {
        top: -11px;
    }

    .design-text3::after {
        right: -7px;
        top: 0px;
    }

    .design-text3:hover::before {
        width: 107%;
    }



    .connection-customer2 .column .box p::before {
        top: 0px;
        bottom: auto;
        height: 58px !important;
    }


    .section6-column1 .box6 .img img {
        left: 90%;
        top: -13%;
    }


    .section6 .img-box {
        bottom: 273px;
        position: absolute;
        left: 57%;
        width: 44%;
    }


    .section7 .thumbBoxSecTwo {
        width: 29px;
        height: 29px;
        top: 4px;

    }

    .section6 .thumbBoxSecTwo {
        width: 29px;
        height: 29px;
        top: 4px;

    }

    .section3 .thumbBoxSecTwo {
        width: 29px;
        height: 29px;
        top: 4px;

    }

    .section3 .secContInfo .caLLBtn {
        padding-left: 35px;

    }

    .smo_con_cstmrs_sec .secContInfo .osmTabedArea {
        max-width: 245px;
    }

    .section6 .secContInfo .caLLBtn {
        padding-left: 35px;

    }

    .section6 .osmTabedArea {
        width: 285px;
    }


    .section7 .engeg_tel_icn_flx .caLLBtn {
        align-items: center;
        padding-left: 35px;
    }

    .secSevenColOne {
        padding-right: 0;
        padding-left: 0px;
    }

    .section7 .ddile_card {
        padding: 50px 0px 0px;
    }

    .unfolding-power {
        width: 75%;
    }

    .section6-column1 .box6 .img {
        left: 9%;
    }

    .section7-col2 .smo-column2 {
        top: 25px;
    }

    .connection-customer1 {
        padding-right: 0;

    }

    .section6 .arrowBox2Ani svg {
        width: 120px;
        height: 90px;
    }




}



@media only screen and (max-width: 390px) {

    .section1 .welcome-smo-sec-row .smo-hero-title {
        padding-top: 32px;
    }

    /* 
    .seoContInfo li img {
        width: 15px;
    } */

    .section1 .seoContInfo li.microTeam img {
        width: 16px;
    }


    .section1 .seoContInfo li.liveChat img {
        width: 16px;
    }

    .section1 .design-btns {
        flex-basis: auto;
    }

    .section1 .design-content .box1 {
        justify-content: center;
    }

    .section1 .design-image {
        display: none;
    }

    .section2 .title-cont-pages {
        font-size: 15px;
    }


    .design-text3::after {
        right: -7px;
        top: -2px;
    }

    .design-text3:hover::before {
        width: 108%;
    }



    .smo_con_cstmrs_sec .secContInfo .osmTabedArea {
        max-width: 205px;
    }

    .smo_con_cstmrs_sec .loCalInfoArea .secContInfo .mailCustom a {
        font-size: 13px;
    }

    /* .smo_con_cstmrs_sec .img-box {
        width: 119px;
        top: -398px;
        left: 62% !important;
    } */


    .smo_con_cstmrs_sec .img-box {
        width: 119px;
        top: -454px;
        left: 70% !important;
    }

    .smo_con_cstmrs_sec .secContInfo .osmTabedArea {
        max-width: 218px;
    }

    .connection-customer2 .main-img {
        width: 100%;
        margin-top: -52px;
    }

    .unfolding-power {
        width: 80%;
    }


    .connection-customer1 .get-started-project::after {
        width: 108%;
        background-color: #d7d7d7;
        top: 53px;
    }

    .section6 .img-box {
        bottom: 312px;
        position: absolute;
        left: 60%;
        width: 37%;
    }

    .section6-column1 .box6 .text {
        left: 16%;
    }

    .smo_con_cstmrs_sec .loCalInfoArea .iconInfoList a img {
        width: 14px;
    }

    .smo_con_cstmrs_sec .loCalInfoArea .iconInfoList .microTeam a img,
    .smo_con_cstmrs_sec .loCalInfoArea .iconInfoList .liveChat a img {
        width: 16px;
    }

    .section6 .ppcThumbTab .secContInfo .telNumber a {
        font-size: 13px;
    }

    .section6 .osmTabedArea {
        width: 264px;
    }

    .section6 .iconInfoList {
        right: 0;
        padding-right: 215px;
    }

    .section7 .iconInfoList {
        gap: 16px;
        padding-right: 224px;
        z-index: 99;
    }


    /* .smo_con_cstmrs_sec .loCalInfoArea .secContInfo .telNumber a {
            font-size: 18px;
        }
     */
    .section4-main-box .column1 .box ul li:nth-child(1):before {
        width: 78%;
    }

    .section4-main-box .column1 .box ul li:nth-child(2):before {
        width: 69%;
    }

    .section4-main-box .column1 .box ul li:nth-child(3):before {
        width: 86%;
    }

    .section4-main-box .column1 .box ul li:nth-child(4):before {
        width: 62%;
    }

    .section4-main-box .column1 .box ul li:nth-child(5):before {
        width: 66%;
    }


    .section6-column1 .box6 .img {
        left: 18%;
    }

    .section-5-column2 .box1 .sub-box2 h1 {
        font-size: 18px;
    }

    .boxAreaWoFlow {
        width: 100%;
    }

    .section6-column1 .box2 {
        padding-left: 0;
    }

    .section6-column1 .box6 .img img {
        left: 64%;
    }

    .section6 .arrowBox2Ani svg {
        height: 87px;
    }

    .arrowBox4Ani {
        right: 36%;
        top: 39%;
    }

    .ppcThumbTab .secContInfo .telNumber a {
        font-size: 18px;
    }

    .ppcThumbTab .secContInfo .mailCustom a {
        font-size: 12px;
    }

    .section7-col2 .box2 {
        width: 100%;
    }

    .section-5-column2 .box2 {
        width: 100%;
    }

    .section-5-column2 .box2 .sub-box {
        width: 74%;
    }

    .button-container {
        top: 35px;
    }

    .aniMationOrm {
        width: 100%;
    }


    .smo_con_cstmrs_sec .loCalInfoArea .secContInfo .mailCustom a {
        font-size: 13px;
    }


    .section3 .main-smo-heading ul li {
        font-size: 10px;
    }

    .smo_con_cstmrs_sec .secContInfo {
        gap: 12px;
        margin-top: -15px;
    }

    .smo-user-video-fig {
        top: 7px;
        left: -30%;
        width: 400px;
    }

    .arrowBox2Ani {
        top: 80%;
        transform: rotate(8deg);
    }

}

@media only screen and (max-width: 375px) {

    .connection-customer1 .get-started-project::after {
        width: 104%;
    }
}

@media only screen and (max-width: 360px) {


    .section1 .button_content h3:after {
        right: 46px;
        width: 57px;
    }

    .section6-column1 .box6 .img img {
        left: 50%;
    }

    .section2 .row1 .col3 video {
        position: relative;
        left: 10px;
    }

    .section3 .connection-customer1 .privacy-choices {
        width: 100%;
        float: left;
        max-width: 326px;
    }

    .smo_con_cstmrs_sec .img-box {
        width: 112px;
        top: -438px;
        left: 68% !important;
    }

    .connection-customer2 .main-img {
        width: 100%;
        margin-top: -40px;
    }

    /* 
    .smo_con_cstmrs_sec .img-box {
        width: 112px;
        top: -398px;
        left: 59% !important;
    } */

    .smo_con_cstmrs_sec .secContInfo .osmTabedArea {
        max-width: 300px;
    }

    .unfolding-power {
        width: 84%;
    }

    .section4 .button-container {
        left: 2%;
        top: 0px;
    }

    .section6 .img-box {
        bottom: 334px;
        position: absolute;
        left: 67%;
        width: 33%;
    }

    /* .section6 .img-box {
        bottom: 300px;
        position: absolute;
        left: 64%;
        width: 37%;
    } */

    /* .section7 .osmTabedArea a {
        font-size: 11px;
    }

        .section7 .iconInfoList img {
        width: 11px;
    }

    .section7 .startProject {
     gap: 6px;

    }

    .section7 .iconInfoList .microTeam img {
        width: 14px;
    }

        .section7 .iconInfoList .liveChat img {
        width: 14px;
    } */

    .section7 .engeg_tel_icn_flx {
        width: 100%;
        flex-direction: column;
        gap: 32px;
    }



    .smo_con_cstmrs_sec .secContInfo {
        flex-direction: column;
        gap: 10px;
    }

    .section3 .connection-customer1 .get-started-project::after {
        width: 100%;
    }


    .section6 .secContInfo {
        flex-direction: column;
        gap: 10px;
    }

    .section6-column2 .box2::before {
        width: 100%;
        top: -48px;
        left: 0%;
    }

    .section6 .ppcThumbTab {
        top: 40px;
    }

    .section6 .iconInfoList:after {
        display: none;
    }


    .section7 .iconInfoList:after {
        display: none;
    }

    .section6 .iconInfoList {
        gap: 15px;
    }

    .section6 .iconInfoList {
        right: 0;
        padding-right: 179px;
    }

    .section7 .iconInfoList {
        gap: 16px;
        padding-right: 202px;
        z-index: 99;
    }

    .section7 .startProject {
        max-width: 100%;
        gap: 6px;
    }

    .section7 .caLLBtn {
        margin-top: 30px;
    }

    .section6 .osmTabBox {
        order: 2;
    }



    .section7 .osmTabBox {
        order: 2;
    }

    .section3 .osmTabBox {
        order: 2;
    }

    .smo_con_cstmrs_sec .iconInfoList {
        padding-right: 176px;
        padding-left: 0px;
        padding-top: 6px;
    }

    .smo_con_cstmrs_sec .iconInfoList:after {
        display: none !important;
    }

    .smo_con_cstmrs_sec .loCalInfoArea .iconInfoList {
        gap: 17px;
    }

    .section7 .ddile_card {
        padding: 50px 0px 0px;
    }

    .smo-user-video-fig {
        top: 37px;
        left: -26%;
        width: 320px;
    }

    .section4-main-box .info-text {
        font-size: 11px;
    }


}



/* Media query starts here january */


@media (min-width: 1921px) and (max-width:2560px) {

    /* Section 1 */



    .seoContInfo li.microTeam img {
        width: 38px;
    }

    .seoContInfo li.liveChat img {
        width: 38px;
    }




    .seoBanConArea {
        margin-top: 30px;

    }



    .title-cont-pages {

        line-height: 82px;
        font-size: 72px;
    }


    .section1 .content-welcome p {

        width: 84%;
        padding-top: 18px;
        font-size: 23px;
        line-height: 33px;

    }


    .welcome-smo .crSdescTop p {
        max-width: 100%;
    }

    .smo-hero-image video {

        width: 100%;
        top: 2px;
        left: -3vw;

    }

    .button_content h3 {

        font-size: 32px;
        line-height: 42px;
    }


    .button_content h3:after {
        left: 95%;
    }

    .circleOne {
        width: 101px;
        height: 101px;
    }

    .circleTwo {
        width: 67px;
        height: 67px;
        bottom: 100px;
    }

    .circleThree {
        width: 40px;
        height: 40px;
        top: -45px;
    }

    .seoContInfo li img {
        width: 34px;
    }

    .seoContInfo {
        gap: 25px;
    }

    .section1 .design-text {
        font-size: 23px;
        color: #000;
        position: relative;
        font-weight: 500;
        line-height: 33px;
        /* padding: 16px 14px; */
        padding: 15px 14px !important;
    }


    .design-text1::after {
        content: '';
        position: absolute;
        left: -28px;
    }


    .smo-title-icons::before {
        height: 30px;

    }


    .design-text3::after {
        right: -28px;
        top: 0px;
    }


    .design-text1:hover::before {
        width: 118%;
    }


    .design-text2::before {
        top: 0px;
    }

    .design-text1::before {
        top: 0px;
    }


    .section1 .design-btns {

        margin-top: 100px;

    }


    .smo-title-icons {
        padding-top: 42px;

    }

    .section1 .design-content .box1 .design-image video {
        width: calc(100% + 130px);
        left: -120px;
        top: 25px;
    }


    /* Section 2 */


    .section2 .content-welcome p {
        font-size: 23px;
        line-height: 33px;

    }

    .section2 .row1 .col1 .local-agency-list ul li {
        font-size: 22px;
        /* line-height: 32px; */
        line-height: 48px;
        font-weight: 400 !important;
    }


    .section2 .row1 .col2 .box h3 {
        font-size: 26px;
        font-weight: 500;
        margin-top: 0;
    }

    .section2 .row1 .col2 .box p {
        font-size: 22px;
        line-height: 32px;
    }


    .section2 .row1 .col2 .box .heading {
        font-size: 159px;
        color: #5d5d5d;
        opacity: 0.122;
        top: -70px;
    }


    .section2 .row2 .box .box-content h4 {
        font-weight: 600;
        font-size: 20px;
        color: #000;
    }


    .section2 .row2 .box .img-box {
        width: 80px;
    }

    .section2 .row2 .box .box-content .info {
        font-size: 18px;
        font-weight: 500;
        margin-top: 4px;
    }

    .section2 .row2 {
        margin-top: 125px;
    }


    .section2 .row2::before {
        content: "";
        position: absolute;
        top: -40px;
    }

    .section2 {
        padding-top: 11em;
    }


    /* Section 3*/

    .section3 .main-smo-heading ul li {
        color: #0765d0;
        font-size: 22px;
        line-height: 32px;
    }

    .smo_con_cstmrs_sec .benefits h3 {
        font-size: 46px;
        line-height: 56px;
    }

    .smo_con_cstmrs_sec .benefits h3 span:after {
        position: absolute;
        left: 0;
        top: 3px;
        width: 100%;
        height: 60px;
    }

    .smo_con_cstmrs_sec .benefits h3 span {
        display: inline-block;
        padding: 4px 18px;

    }


    .smo_con_cstmrs_sec .benefits h2 {
        font-size: 62px;
        line-height: 72px;
        font-weight: 600;
    }

    .section3 .privacy-choices p {
        font-size: 22px;
        line-height: 32px;
    }

    .connection-customer1 .get-started-project {
        font-size: 26px;
        line-height: 36px;
    }

    .smo_con_cstmrs_sec .loCalInfoArea .iconInfoList a img {
        width: 24px;
    }


    .section3 .connection-customer2 .main-img {
        width: 100% !important;
    }


    .smo_con_cstmrs_sec .connection-customer2 .column .box h3 {
        font-size: 24px;
        line-height: 34px;

    }

    .smo_con_cstmrs_sec .connection-customer2 .column .box p {
        font-size: 22px;
        line-height: 32px;
    }


    .section3 .connection-customer2 {

        /* padding-top: 6vw; */
        padding-top: 6.6vw;
        gap: 6vw;
    }

    .section3 .connection-customer2 .column .box p::before {

        height: 85px !important;
    }


    .smo_con_cstmrs_sec .img-box {
        width: 386px;
        bottom: 110px;
    }

    /*     
    .smo_con_cstmrs_sec .img-box {
        width: 410px;
    } */


    .smo_con_cstmrs_sec .loCalInfoArea .secContInfo .mailCustom a {
        font-size: 20px;
        line-height: 24px;
    }




    .section3 .connection-customer1 .privacy-choices {
        width: 100%;
        float: left;
        max-width: 650px;
    }



    .section3 .column2-lower-box {
        padding-bottom: 20px !important;
    }


    .section3 .get-started-project::after {
        bottom: 4px;
    }



    .smo_con_cstmrs_sec .loCalInfoArea .secContInfo .telNumber a {
        font-size: 30px;
        line-height: 40px;
    }


    /* 
.smo_con_cstmrs_sec .secContInfo {
    gap: 234px;
} 
 */

    .smo_con_cstmrs_sec .secContInfo .osmTabedArea {
        max-width: 100%;
    }

    .section3 .osmTabedArea {
        width: 590px;
        float: left;
        overflow: hidden;
    }


    .smo_con_cstmrs_sec .loCalInfoArea .iconInfoList .microTeam a img {
        width: 28px;
    }

    .smo_con_cstmrs_sec .loCalInfoArea .iconInfoList .liveChat a img {
        width: 28px;
    }

    .smo_con_cstmrs_sec .loCalInfoArea .iconInfoList {
        gap: 30px;
    }

    .smo_con_cstmrs_sec .secContInfo {
        gap: 36px;
    }


    .smo_con_cstmrs_sec .iconInfoList {
        padding-left: 40px;
    }

    .section3 .iconInfoList .active:before {
        bottom: -10px;
    }



    /* Section 4 */


    .section4 .unfolding-power {

        font-size: 46px;
        font-weight: 700;
        letter-spacing: 0px;
        color: #060606;
        line-height: 56px;
        width: 498px !important;

    }

    .section4-main-box .column1 .box ul li {
        font-size: 46px;

    }

    .section4-main-box .column1 .box {
        padding: 28px 0 !important;
    }


    .section4 .global-seo-agency h3 {
        font-size: 24px;

    }

    .section4 .global-seo-agency ul li {
        display: inline-block;
        font-size: 18px !important;
    }

    .section4-main-box .column2 .box1 .box-content h2 {
        font-size: 40px;

    }



    .section4-main-box .box-content p {
        font-size: 22px;
        line-height: 32px;
        padding-top: 30px;
    }

    .section4 .btn-proposal {
        font-size: 23px;

    }



    /* 
    .section4-main-box .column2 .box-content {
        margin-top: 175px;
    } */

    /* .section4-main-box .column2 .box-content {
        margin-top: 94px;
    } */



    .section4-main-box .column2 .box-content {
        margin-top: 126px;
    }

    .rowOneSmoFourColOne {
        padding-top: 100px;
    }


    .section4 .gsaoty_card {
        max-width: 700px !important;
        width: 75% !important;
    }

    .section4 .rqst_propsl_card_link {

        margin-top: 75px;
    }


    .section4 .info-text {

        font-size: 23px;
        font-weight: 600;
        color: #000;
    }

    /* 
    .section4-main-box .column2 .box1 .pricing-custom-call img {
        width: 22% !important;
    } */

    .section4-main-box .column2 .box1 .pricing-custom-call img {
        width: 88px;
        height: 88px;
    }


    .section4 .pricing1 {
        font-size: 20px;
    }

    .section4 .quote1 {
        font-size: 20px;
    }

    .smo-section4-main-row {
        padding: 144px 0 60px;
    }

    .section4 .benefits h3 {
        font-size: 40px;
    }


    .section4 .benefits h2 {
        color: #000;
        font-size: 66px;
        font-weight: 600;
        line-height: 76px;

    }


    .section4-main-box .box2 .benefits p {
        font-size: 22px;
        line-height: 32px;
        width: 100%;
    }


    .section4-main-box .box2 img {
        width: 100% !important;
        padding-bottom: 28px;
    }



    /* .section4 .image-container1, .image-container2 {
        position: absolute;
        opacity: 0;
        pointer-events: none;
        transition: all 0.5s ease;
        bottom: 0;
        left: 136%;
        transform: translate(-50%, -50%);
        width: 280px !important;
    } */



    .section4 .image-container1,
    .image-container2 {
        position: absolute;
        opacity: 0;
        pointer-events: none;
        transition: all 0.5s ease;
        bottom: 20px;
        left: 123%;
        transform: translate(-50%, -50%);
        width: 280px !important;
    }




    .section4-main-box .column1 .box ul li.smo-active:before {
        height: 22px;
    }



    .section4 .aniMationOrm {
        position: relative;
        top: 0px;
    }

    /* .smo-section4-main-row .column1 .box {
        margin-top: 1.8vw;
    } */

    .smo-section4-main-row .column1 .box {
        margin-top: 2px;
    }




    .section4-main-box .column2 .box1 .pricing-custom-call {
        margin-bottom: 20px;

    }


    .section4-main-box .column2 .box1 .pricing-custom-call::before {
        content: "";
        position: absolute;
        background-color: #c8c8c8;
        top: -20px;
    }


    .section4 .btn-proposal {
        padding: 20px 40px;
    }

    .middleColRowOne {
        padding-top: 100px;
    }




    /* Section 5 */


    .speed_flex_sec {
        padding: 175px 70px 70px !important;
    }


    .section5 .speed_flex_sec-main h3 {
        font-size: 25px;
        line-height: 35px;

    }


    .section5-column1 .thingstothink h3 {
        font-size: 1.3vw;
        font-weight: 600;
        color: #cb274e;
    }


    .section5-column1 .thingstothink p {
        margin-top: 14px;
        color: #595959;
        font-size: 20px;
        width: 87%;
        line-height: 30px;
    }



    .section5-content .icon-box .box p {
        width: 49%;
        font-size: 21px;
        margin-left: clamp(20px, 2.7vw, 6rem);
        position: relative;
        font-weight: 500;
        line-height: 31px;
        color: #333333;
    }


    .section5-column1 {
        gap: 5.5em;
    }



    .section-5-column2 .box1 .sub-box2 h1 {
        font-size: 53px;
        font-weight: 400;
        color: #2c2d2d;
        margin-bottom: 1.2vw;
        position: relative;
        line-height: 63px;
    }


    .section-5-column2 .box1 .sub-box2 p {
        font-size: 22px;
        font-weight: 400;
        color: #636379;
        line-height: 32px;
        width: 95%;
    }


    .section-5-column2 .box2 .sub-box .img-box {

        margin-top: 65px;
    }



    /* Section 6 */




    .section6 .benefits h3 {
        font-size: 40px;
        line-height: 50px;
    }


    .section6 .benefits h2 {
        color: #000;
        font-size: 66px;
        font-weight: 600;
        line-height: 76px;

    }

    .section6-column2 .box1 .content-welcome p {
        font-size: 22px;
        line-height: 32px;
    }



    .section6 .ppcThumbTab .secContInfo .telNumber a {
        color: #0025a3;
        font-size: 30px;
        line-height: 42px;
        position: relative;

    }

    .section6 .osmTabedArea {
        overflow: visible;
    }


    .section6-column2 {
        display: flex;
        flex-direction: column;
        gap: 25px;
        width: 33%;
        padding: 170px 0 60px;
        justify-content: space-between;
    }


    .section6-column2 .box2::before {
        width: 100%;
        border: 1px solid #959595;
        top: -40px;
    }


    .ppcThumbTab {
        width: 100%;
        float: left;
        position: relative;
        z-index: 9;
        margin-top: 180px;
    }


    .section6 .boxAreaWoFlow {
        width: 100%;
        float: left;
        position: relative;
        max-width: 1300px;
        height: 100%;
        padding: 285px 0px 60px;
    }


    .section6-column1 .boxes .devlop-pargh-title .left-content {
        font-size: 22px;
        line-height: 32px;
        margin-top: 0;
    }

    .section6-column1 .box1 .img,
    .section6-column1 .box2 .img,
    .section6-column1 .box3 .img,
    .section6-column1 .box4 .img,
    .section6-column1 .box5 .img {

        width: 130px;
    }


    .section6-column1 .box6 .img {
        width: 300px;
    }


    .section6-column1 .boxes .text h3 {
        font-size: 27px;
        line-height: 35px;
        display: inline-block;
    }

    .section6-column1 .box1 {
        gap: 33px;
        margin-bottom: 130px;
    }




    .section6-column1 .box2 {
        gap: 26px;
        justify-content: flex-start;
        padding-left: 122px;
    }


    .section6-column1 .box5 {
        top: 0;
        gap: 12px;
        margin-top: 53px;
        padding-left: 72px;
    }

    .section6-column1 .box6 {
        gap: 12px;
        margin-top: 85px;
        padding-left: 72px;
    }


    .arrowBoxAni {
        position: absolute;
        left: 26%;
        bottom: -173px;
        z-index: 9;
        transform: rotate(-24deg);
    }


    .section6 .arrowBox4Ani svg {
        width: 157px;
        height: 170px;
    }

    .section6 .iconInfoList img {
        width: 22px;

    }

    .section6 .iconInfoList .microTeam img {

        width: 26px;
    }


    .section6 .iconInfoList .liveChat img {
        width: 26px;
    }


    /* Section 7 */

    .section7-main {
        padding: 5em 2em;
    }


    .section7-main .benefits h3 {
        font-size: 40px;
        line-height: 50px;

    }

    .section7-main .benefits h2 {

        font-size: 66px;
        line-height: 76px;

    }

    .section7-main .privacy-choices p {
        font-size: 22px;
        line-height: 32px;
    }


    .section7-main .getStartTitle {
        margin: 0;
        font-size: 26px;
        line-height: 36px;
    }


    .ddile_vtitle h3 {
        font-size: 90px;
    }


    .section7-col2 .box1 .sub-box h3 {
        font-size: 31px;
        line-height: 41px;
    }


    .section7-col2 .box1 .sub-box p {
        font-size: 20px;
        line-height: 30px;
        margin-top: 15px;
    }


    .section7 .iconInfoList img {
        width: 24px;
        transition: all 0.5s ease;
    }

    .section7 .osmTabedArea a {
        font-size: 31px;
        line-height: 40px;
    }


    .section7 .iconInfoList .microTeam img {
        width: 29px;
    }

    .section7 .iconInfoList .liveChat img {
        width: 29px;
    }


    .ddile_taball_desgn .ddile_vtitle {
        left: -240px;
        bottom: 414px;
    }

    .ddile_taball_devlp .ddile_vtitle {
        left: -265px;
        bottom: 358px;
    }

    .ddile_taball_invtv .ddile_vtitle {
        left: -276px;
        bottom: 340px;
    }

    .ddile_taball_lnch .ddile_vtitle {
        left: -234px;
        bottom: 372px;
    }

    .ddile_taball_endt .ddile_vtitle {
        left: -245px;
        bottom: 376px;
    }






    /* .ddile_vtitle {
        transform: rotate(-90deg);
        left: -250px;
    } */



    /*     
    .ddile_taball_devlp .ddile_vtitle h3{
        transform: rotate(-90deg);
         left: -272px!important;
        margin-left: -34px;
    }
 */


    .smo_con_cstmrs_sec {
        padding: 140px 94px 70px;
    }

    .welcome-smo-sec {
        padding: 85px 94px 70px;
    }

    .con_cus_sec {
        padding: 170px 94px 70px;
    }

    .section2 .row2 {
        margin-top: 80px;
    }

    .section3 .main-smo-heading ul li {
        margin-top: 40px;
    }

    .smo_prvcy_chocs_sec {
        padding: 0 94px 0px;
    }

    .section4 .benefits h3 {
        font-size: 40px;
        line-height: 50px;
        padding-top: 30px;
    }

    .speed_flex_sec {
        padding: 175px 94px 70px !important;
    }

    .bnfts_gyuprch_sec {
        padding: 0 94px;
    }

    .circleTwo {
        right: -28px;
    }

    /* .connection-customer1 .get-started-project::after {
        width: 115%;
    } */

    .connection-customer1 .get-started-project::after {
        width: 100%;

    }


    .section7 .iconInfoList .active:before {
        bottom: -10px;
    }

    /* 
    .engeg_tel_icn_flx .caLLBtn:after {
        width: 30px;
        height: 50px;
        position: absolute;
        left: 0;
        top: 0;
         background: #fff;   
        content: "";
        z-index:-1;
       
    }  */


    .ddile_vtitle {
        transform: rotate(-90deg);
        left: -230px;
        position: absolute;
        width: fit-content;
        bottom: 385px;
    }




    .engeg_tel_icn_flx .caLLBtn:after {
        width: 40px;
        height: 50px;
        position: absolute;
        left: 0px;
        top: 0;
        background: #fff !important;
        content: "";
        z-index: -1;
    }



    .iconInfoList .active:before {
        bottom: -11px;
    }




}