:root {

    --markProLight: 'mark-pro-Light';
    --markProRegular: 'mark-pro-regular';
    --markProMedium: 'mark-pro-medium';
    --markProBold: 'mark-pro-bold';
    --markProHeavy: 'mark-pro-heavy';
    --fontPoppins: 'Poppins', sans-serif;
    --color-ffffff: #ffffff;
    --color-000000: #000000;
    --color-E55D0F: #E55D0F;
    --color-D04C00: #D04C00;
    --color-0E0E0E: #0E0E0E;
    --color-494949: #494949;
    --color-6B6969: #6B6969;
    --color-8B8B8B: #8B8B8B;
    --color-B0B0B0: #B0B0B0;
    --color-E2E2E2: #E2E2E2;
    --color-FAFAFB: #FAFAFB;
    --color-FFE4D5: #FFE4D5;
    --color-6A72FF: #6A72FF;
    --color-38AEF8: #38AEF8;
    --color-E0F3FF: #E0F3FF;
    --color-A267DC: #A267DC;
    --color-DBDDFF: #DBDDFF;
    --color-F3EBFB: #F3EBFB;
    --color-FFF4ED: #FFF4ED;
}

@media(min-width:1441px) {}

@media(max-width:1200px) {

    /* ################# Mobile Header css Start ################# */
    .wrapper__mobile__menu .overlay {
        height: 0%;
        width: 100%;
        position: fixed;
        z-index: 1;
        top: 0;
        left: 0;
        overflow-y: scroll;
        transition: 0.5s;
        background-color: var(--color-ffffff);
    }

    .wrapper__mobile__menu .overlay-content {
        position: relative;
        padding: 20px;
    }

    .wrapper__mobile__menu .overlay .closebtn {
        position: absolute;
        top: 20px;
        right: 45px;
        font-size: 60px;
    }

    .wrapper__mobile__menu .mystyle {
        height: 100%;
    }

    .wrapper__mobile__menu__icon {
        margin-left: 20px;
    }

    /* menu icon  */
    .container__icon--cross {
        display: inline-block;
        cursor: pointer;
        z-index: 999;
        position: relative;
        top: 0;
    }

    .bar1,
    .bar2,
    .bar3 {
        width: 24px;
        height: 2px;
        background-color: var(--color-000000);
        margin: 6px 0;
        transition: 0.4s;
    }

    .change .bar1 {
        -webkit-transform: rotate(-45deg) translate(-9px, 6px);
        transform: rotate(-45deg) translate(-9px, 6px);
    }

    .change .bar2 {
        opacity: 0;
    }

    .change .bar3 {
        -webkit-transform: rotate(45deg) translate(-5px, -3px);
        transform: rotate(45deg) translate(-5px, -3px);
    }

    .container__icon--cross.change .bar1,
    .container__icon--cross.change .bar2,
    .container__icon--cross.change .bar3 {
        background-color: var(--color-000000);
    }

    /*  */
    #menu-primary-menu {
        display: block;
    }

    #menu-primary-menu ul li {}

    .wrapper__dropdown__box {
        position: relative;
    }

    .wrapper__header__top {
        display: flex;
    }

    .wrapper__close__icon {
        position: relative;
        margin-left: 20px;
    }

    .wrapper__nav__main__li {
        margin-bottom: 20px;
    }

    .wrapper__nav__main__nav {
        justify-content: space-between;
    }

    /*  */
}

@media(min-width:768px) {
    .schedule__demo__wrapper .arrow__logo__box {
        display: none;
    }

    .mobile__partner__slider {
        display: none;
    }
}


@media(max-width:768px) {

    /* ############## Heading css class Start ##############*/
    .h1 {
        font-size: 32px;
        line-height: 40px;
    }

    .h2 {
        font-size: 26.67px;
        line-height: 32px;

    }

    .h3 {
        font-size: 26.67px;
        line-height: 32px;
    }

    .h4 {
        font-size: 22.2px;
        line-height: 24px;

    }

    .h5 {
        font-size: 18.52px;
        line-height: 28px;

    }

    .h6 {
        font-size: 18.52px;
        line-height: 24px;

    }

    p {
        font-size: 18.75px;
        line-height: 24px;

    }

    .fb__24 {
        font-size: 11.11px;
        line-height: 16px;

    }

    .fb__20 {
        font-size: 13.33px;
        line-height: 20px;

    }

    .fb__16 {
        font-size: 13.33px;
        line-height: 20px;

    }

    .fb__14 {
        font-size: 9.26px;
        line-height: 16px;

    }

    .fb__12 {
        font-size: 12px;
        line-height: 26px;

    }

    .common_btn_org,
    .common_btn_white {
        font-size: 12.86px;
        line-height: 20px;
        padding: 7px 15px;
        height: 36px;
        box-shadow: 0 5px 0 var(--color-D04C00);
    }

    .wrapper__common__badge__btn {
        font-size: 9.26px;
        line-height: 16px;
        padding: 4px 10px;
        margin-right: 12px;
    }

    .wrapper__common__badge {
        padding: 8px 16px;
    }

    .wrapper__brb {
        border-bottom-left-radius: 40px;
        border-bottom-right-radius: 40px;
    }

    .wrapper__brt {
        border-top-left-radius: 40px;
        border-top-right-radius: 40px;
    }

    .mb__16 {
        margin-bottom: 12px;
    }

    .mb__20 {
        margin-bottom: 12px;
    }

    .mb__22 {
        margin-bottom: 16px;
    }

    .mb__24 {
        margin-bottom: 12px;
    }

    .mb__40 {
        margin-bottom: 24px;
    }

    .mb__64 {
        margin-bottom: 32px;
    }

    .py__120 {
        padding-top: 64px;
        padding-bottom: 64px;
    }

    .mb__18 {
        margin-bottom: 16px;
    }

    .mb__52 {
        margin-bottom: 32px;
    }

    .mb__102 {
        margin-bottom: 32px;
    }

    .py__80 {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .ml__18 {
        margin-left: 14px;
    }

    .pt__100 {
        padding-top: 40px;
    }


    /* page responsive Start j */
    .wrapper__common__banner {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .wrapper__loyal__customer__row {
        margin-left: -16px;
        margin-right: -16px;
        gap: 32px 0px;
    }

    .wrapper__loyal__customer__col {
        max-width: calc(100% / 2);
        padding-left: 16px;
        padding-right: 16px;
    }

    .wrapper__ms__col__left,
    .wrapper__ms__col__right {
        max-width: 100%;
        width: 100%;
    }

    .wrapper__ms__card__col {
        max-width: calc(100% / 1);
    }

    .wrapper__ms__col__left {
        margin-bottom: 32px;
    }

    .wrapper__ms__card {
        min-height: auto;
        padding: 20px;
    }

    .wrapper__ms__card__icon img {
        width: 32px;
        height: 32px;
    }

    .truth__marketing__col {
        max-width: calc(100% / 1);
    }

    .truth__marketing__col__inner {
        padding: 24px;
    }

    .truth__marketing__col__inner .h5 {
        height: auto;
    }

    .wrapper__marketing__row {
        gap: 24px 0px;
    }

    .truth__marketing__col__inner .content__wrapper {
        padding: 0px;
        background: transparent;
    }

    .marketing__box__wrapper__inner {
        padding: 24px 16px;
    }

    .arrow__logo__box .generate__logo {
        width: 58px;
        height: 58px;
    }

    .wrapper__btn__box ul {
        gap: 16px;
    }

    .wrapper__btn__box ul li,
    .wrapper__btn__box ul li a {
        width: 100%;
    }

    .pt__120 {
        padding-top: 64px;
    }

    .pb__120 {
        padding-bottom: 64px;
    }

    .wrapper__marketing__tabs__sec .wrapper__heading__box {
        margin-bottom: 32px;
    }

    .wrapper__marketing__tabs__sec .wrapper__mt__col__left {
        display: none;
    }

    .logos__tabs__wrapper .tech__lg__desk {
        display: none;
    }

    .tech__logos__tabs__section {
        padding-bottom: 80px;
    }

    .wrapper__mt__col__right {
        max-width: 100%;
    }

    .logos__tabs__wrapper .tech__lg__content__inner ul li {
        max-width: 100%;
        width: auto;
        padding-right: 11px;
        padding-right: 11px;
    }

    .logos__tabs__wrapper .tech__lg__content__inner ul {
        gap: 12px 0;
        margin-left: -11px;
        margin-right: -11px;
    }

    .tech__lg__mobile__select {
        margin-bottom: 16px;
    }

    .logos__tabs__wrapper .tech__lg__content__inner ul li img {
        height: 38px;
    }

    .wrapper__mtcb__top__left,
    .wrapper__mtcb__top__right {
        max-width: 100%;
        padding: 0px;
    }

    .wrapper__mt__content__top {
        padding: 24px;
    }

    .wrapper__mtc__heading {
        flex-wrap: wrap;
        gap: 20px 0px;
    }

    .wrapper__mtc__icon {
        width: 42px;
        height: 42px;
        padding: 15px 10px;
    }

    .wrapper__mtc__icon img {
        width: 15px;
        height: 18px;
    }

    .wrapper__mtc__content h4 {
        font-size: 18.52px;
        line-height: 24px;
    }

    .wrapper__mt__content__bottom {
        padding: 24px;
    }

    .wrapper__mtcb__top__row {
        row-gap: 32px;
    }

    .wrapper__list__01 li {
        line-height: 20px;
        font-size: 13.33px;
    }

    .wrapper__mtcb__top__left ul.wrapper__list__01 {
        margin-left: 25px;
    }

    .wrapper__common__badge__01 {
        padding: 18px;
    }

    .wrapper__mt__content__bottom {
        border-bottom-left-radius: 12px;
        border-bottom-right-radius: 12px;
    }

    .wrapper__mtcb__bottom__left,
    .wrapper__mtcb__bottom__right {
        max-width: 100%;
    }

    .wrapper__mtcb__bottom__left {
        margin-bottom: 24px;
    }

    .wrapper__mtcb__bottom__right .wrapper__btn__box {
        text-align: left;

    }

    section.choose__saffronEdge__section {
        border-top-left-radius: 40px;
        border-top-right-radius: 40px;
    }

    .wrapper__automate__card__inner .wrapper__circle {
        display: none;
    }

    .wrapper__automate__card__icon img {
        width: 42px;
        height: 42px;
    }

    .wrapper__automate__card__list .wrapper__list__02 li,
    .wrapper__list__02 li {
        font-size: 13.33px;
        line-height: 20px;
    }

    .grid__3__col__wrapper {
        max-width: calc(100% / 1);
    }

    .choose__card__inner .card__head__logo {
        width: 42px;
        height: 42px;
    }

    .choose__card__inner .card__head__logo img {
        height: 27px;
        width: 27px;
    }

    .wrapper__tag__01 {
        font-size: 11.11px;
        line-height: 16px;
    }

    .wrapper__insight__col {
        max-width: calc(100% / 1);
    }

    .wrapper__insight__card__image img {
        max-width: 100%;
        height: auto;
    }

    .wrapper__insight__card__content a .h6 {
        margin-bottom: 0px;
    }

    .wrapper__case__studies {
        row-gap: 24px;
    }

    .wrapper__insight__card__content__left .wrapper__btn__01,
    .wrapper__btn__01 {
        padding: 8px 12px;
        font-size: 11.11px;
        line-height: 16px;
        border-radius: 4px;
    }

    .pb__80 {
        padding-bottom: 40px;
    }

    .wrapper__insight__row {
        row-gap: 24px;
    }

    .wrapper__marketing__slider::before,
    .wrapper__marketing__slider::after {
        opacity: 0;
        z-index: -1;
        visibility: hidden;
    }

    .wrapper__marketing__slider__box {
        padding: 0px 15px;
    }

    .wrapper__faq__card {
        padding: 20px 16px;
    }

    .wrapper__contact__left__col,
    .wrapper__contact__right__col {
        max-width: 100%;
    }

    .wrapper__contact__left__col {
        text-align: center;
    }

    .wrapper__btn__03 {
        font-size: 11.11px;
        line-height: 20px;
    }

    .wrapper__btn__02 {
        padding: 8px 12px;
        font-size: 11.11px;
        line-height: 16px;
    }

    .wrapper__btn__02 {
        padding: 8px 12px;
        font-size: 11.11px;
        line-height: 16px;
    }

    .wrapper__common__form label {
        line-height: 16px;
        font-size: 11.11px;
    }

    .wrapper__common__form input,
    .wrapper__common__form textarea {
        padding: 14px 12px;
    }

    .wrapper__contact__left__col a.wrapper__btn__03 span img {
        width: 24px;
        height: 24px;
    }

    .wrapper__contact__left__col a.wrapper__btn__03 span {
        margin-left: 12px;
    }

    .wrapper__mtc__content {
        width: 100%;
    }

    .wrapper__common__form input,
    .wrapper__common__form textarea {
        font-weight: 400;
        font-size: 11.11px;
        line-height: 16px;
    }

    .wrapper__mtcb__icon img {
        max-width: 20px;
    }

    .wrapper__common__dots .swiper-pagination-bullet {
        width: 8px;
        height: 8px;
    }

    .wrapper__common__dots .swiper-pagination-bullet::before {
        height: 8px;
    }

    .wrapper__common__dots .swiper-pagination-bullet:not(:last-child) {
        margin-right: 3px;
    }

    .wrapper__automate__card__box::before {
        background: var(--color-ffffff);
    }

    .wrapper__client__slider__image__box.swiper-slide {
        padding-left: 10px;
        padding-right: 10px;
    }

    .wrapper__client__slider .swiper-wrapper {
        margin-left: -10px;
        margin-right: -10px;

    }

    .wrapper__client__slider__image img {
        /* width: 70%; */
    }

    .wrapper__trust__box {
        max-width: 96px;
        margin-right: 0;
    }

    #wrapper__client__slider {
        max-width: calc(100% - 96px);
        width: 100%;
    }

    .wrapper__trust__box p {
        font-size: 15.43px;
    }

    .wrapper__automate__card::after:not(:last-child),
    .wrapper__automate__card::before {
        content: '';
        background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);
        height: 26px;
        width: 3px;
        left: calc(50% - 1.5px);
        position: absolute;
        bottom: -27px;

    }

    .wrapper__automate__card::before {
        background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);
        top: -27px;
        left: calc(50% - 1.5px);
    }

    .wrapper__automate__card__box .wrapper__automate__card__inner:not(:nth-last-child(2)) {
        margin-bottom: 104px;
    }

    .pb__180 {
        padding-bottom: 120px;
    }

    .pt__180 {
        padding-top: 120px;
    }

    .mtn__100 {
        margin-top: -60px;
    }

    .mtn__80 {
        margin-top: -40px;
    }

    .pt__160 {
        padding-top: 80px;
    }

    /* contact support */
    .transparent__btn {
        padding: 8px 16px;
        font-size: 11.1px;
        line-height: 16px;
        height: 32px;
    }



    .social__team__wrapper,
    .schedule__demo__wrapper {
        max-width: 100%;
        padding: 0px;
        width: 100%;
    }

    .list__icon li {
        font-size: 13.33px;
        line-height: 20px;
        padding-left: 0px;
    }

    .list__icon li::after {
        width: 16px;
        height: 16px;
        background-size: 16px auto;
        top: 2px;
        left: -25px;
    }

    .social__grid__col {
        max-width: calc(100% / 1);
    }

    .social__card__grid__wrapper {
        display: none;
    }

    .social__card__grid__wrapper.grid__row {
        display: none;
    }

    .contact__us__page__wrapper {
        padding: 40px 0px 80px;
    }

    .contact__us__row .contact__section__left,
    .contact__us__row .contact__section__right {
        max-width: 100%;
        padding: 0px;
    }

    .schedule__demo__wrapper {
        text-align: center;
    }

    .schedule__demo__wrapper .common_btn_org {
        width: 100%;
    }

    .trusted__partner__section {
        display: none;
    }

    .left__contents__wrapper {
        margin: 0px;
        padding: 0px;
        border: none;
    }

    .contact__section__left {
        margin-bottom: 32px;
    }

    .choose__saffronEdge__inner .common__grid__row {
        margin-left: 0px;
        margin-right: 0px;
    }

    .choose__saffronEdge__inner .common__grid__row .grid__3__col__wrapper {
        padding-right: 0px;
        padding-left: 0px;
    }

    .wrapper__marketing__tabs__sec .wrapper__mtcb__bottom {
        display: none;
    }

    .wrapper__ms__card__row .wrapper__ms__card__col:not(first-child) {
        position: sticky;
        top: 100px;
        scroll-margin-top: 100px;
        z-index: 9;
    }

    body.service-template {
        overflow: initial;
    }

    .wrapper__client__slider::after {
        opacity: 0;
        visibility: hidden;
        right: 0;
    }

    .truth__marketing__col__inner .content__wrapper p {
        font-size: 13.33px;
        line-height: 20px;
    }

    .wrapper__list__02 li {
        padding-left: 28px;
    }

    .wrapper__list__02 li::before {
        width: 20px;
        height: 20px;
    }

    .wrapper__mt__content__bottom .wrapper__mtcb__top {
        margin-bottom: 24px;
    }

    .wrapper__mt__content {
        height: auto;
    }

    .wrapper__common__badge__content p {
        font-size: 11.11px;
    }

    .wrapper__mtcb__top__right .wrapper__common__badge__01 p,
    .wrapper__mtcb__top__right .wrapper__common__badge__01 p strong {
        font-size: 13.33px;
        line-height: 20px;
        font-weight: 400;
        font-family: var(--fontPoppins);
    }

    .wrapper__mt__content__bottom .wrapper__mtcb__top__left ul.wrapper__list__01 {
        margin-bottom: 0px;
    }

    .wrapper__mt__content__top p,
    .wrapper__mt__content__top p strong {
        font-size: 13.33px;
        line-height: 20px;
        font-weight: 400;
        font-family: var(--fontPoppins);
    }

    .choose__card__grid .choose__card__inner {
        min-height: 360px;
    }

    select.wrapper__mt__mobile__select,
    .tech__lg__mobile__select {
        white-space: normal;
        word-break: break-word !important;
        font-weight: 500;
    }

    .wrapper__automate__card__inner::before {
        content: "";
        position: absolute;
        left: 50%;
        top: -31px;
        transform: translate(-50%);
        width: 20px;
        height: 31px;
        z-index: 9;
        background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%) !important;
    }

    .wrapper__automate__card__inner::after {
        content: "";
        position: absolute;
        left: 50%;
        transform: translate(-50%);
        bottom: -43px;
        width: 20px;
        height: 43px;
        z-index: 9;
        background: linear-gradient(180deg, #F7F7F7 0%, rgba(255, 255, 255, 0) 100%);
    }

    .wrapper__mt__content__top .wrapper__btn__box {
        margin-top: 12px;
    }

    /* page responsive End j */

}

@media(min-width:769px) {

    .wrapper__mt__mobile__select,
    .tech__lg__mobile__select {
        display: none !important;
    }

    .nj-seo-company-new .truth__marketing__col__inner {
        min-height: 464px;
    }

}

@media(min-width:656px) and (max-width:1200px) {
    .wrapper__mobile__menu .overlay {
        top: 144px;
    }

    .top__header__remove .wrapper__mobile__menu .overlay {
        top: 98px !important;
    }

    .overlay-content {
        padding-bottom: 144px !important;
    }

}

@media(max-width:655px) {
    .wrapper__mobile__menu .overlay {
        top: 138px;
    }

    .top__header__remove .wrapper__mobile__menu .overlay {
        top: 74px !important;
    }

    .overlay-content {
        padding-bottom: 138px !important;
    }
}

@media(max-width:576px) {

    /* font size  */
    /* .fb__16 {
        font-weight: 600;
        font-size: 11.11px;
        line-height: 16px;
    } */

    /*  */
    .wrapper__close__icon {
        right: 23.55px;
    }

    .wrapper__header__top__content {
        text-align: left;
    }

    .wrapper__header__bottom__left .wrapper__header__logo img {
        max-width: 117px;
        width: 100%;
    }

    .wrapper__header__bottom__right .common_btn_org {
        height: 36px;
        padding: 13px 16px;
        font-size: 12.86px;
    }

    .wrapper__dropdown__box a {
        font-weight: 500;
        font-size: 14.75px;
        line-height: 20px;
    }

    .wrapper__dropdown__box {
        padding: 10px;
        margin-top: 10px;
    }

    .wrapper__dropdown__box a {
        padding: 8px 10px;
    }

    .wrapper__dropdown__box img {
        width: 20px;
        height: 20px;
        object-fit: scale-down;
    }

    .wrapper__drop__lg__right {
        padding-left: 0;
    }

    .wrapper__drop__lg__left,
    .wrapper__drop__lg__right {
        max-width: 100%;
    }
}