@media only screen and (min-width: 1200px) and (max-width: 1439px) {
    .navbar-container {
        height: 80px;
    }

    .header-spacing {
        min-height: 81px;
    }

    .header .logo img {
        width: 140px;
    }

    .header .menu-items li a {
        font: normal normal 500 14px var(--font);
        min-height: 80px;
    }

    .header .menu-items {
        gap: 28px;
    }

    .header .menu-items li .btn__primary {
        padding: 10px 22px;
        margin-left: 12px;
    }

    h1 {
        font: normal normal 700 48px / 120% var(--font);
    }

    h2 {
        font: normal normal 700 32px/120% var(--font);
    }

    h3 {
        font: normal normal 700 28px var(--font);
    }

    h4 {
        font: normal normal 700 24px/130% var(--font);
    }


    h5 {
        font: normal normal 600 20px/120% var(--font);
    }

    h6 {
        font: normal normal 400 16px / 150% var(--font);
    }

    p {
        font: normal normal 400 14px / 150% var(--font);
    }

    .btn {
        font: normal normal 500 14px / 125% var(--font);
        padding: 12px 24px;
    }

    .rn__section__gapTop {
        padding: 62px 0;
    }

    .inner__gapTop {
        margin-top: 56px;
    }

    .container-left {
        width: calc(1140px + (50% - 1140px / 2));
    }

    .main__heading span {
        font: normal normal 400 13px / 142% var(--font);
        margin-bottom: 12px;
    }

    .main__heading p {
        margin-top: 12px;
    }

    .hero__bnr {
        padding-top: 48px;
    }

    .hero__bnr .bnr__content h6 {
        margin: 20px auto 36px;
        max-width: 100%;
    }

    .statistics__sctn {
        padding: 34px 0;
    }

    .our__features .card__top .img__bx {
        left: -40px;
        min-width: 435px;
        max-width: 435px;
    }

    .our__features .card__top {
        margin-bottom: 104px;
    }

    .our__features .main__heading p {
        margin-bottom: 38px;
    }

    .our__features .card__top::before,
    .our__features .card__top::after {
        border-radius: 0px 32px 0px 0px;
    }

    .our__features .card__features {
        padding: 20px;
    }

    .our__features .card__features .icon,
    .core__services .card__box .icon {
        width: 64px;
        height: 64px;
    }

    .our__features .card__features h5,
    .our__features .card__box h5 {
        margin: 20px 0 10px;
    }

    .our__services .row {
        row-gap: 42px;
    }

    .our__services .card__bx {
        border-radius: 18px;
        padding: 36px;
    }

    .our__services .bnr__content span {
        margin-bottom: 10px;
    }

    .our__services .bnr__content .btn {
        margin-top: 28px;
    }

    .our__services .img__bx img {
        border-radius: 0px 42px;
    }

    .core__services .owl-carousel .owl-nav {
        margin-right: auto;
        width: calc(1100px + (50% - 1100px / 2));
        top: -108px;
    }

    .core__services .owl-carousel .owl-nav button {
        width: 44px;
        height: 44px;
        background-size: 22px !important;
    }

    .core__services .card__box {
        padding: 20px;
        min-height: 220px;
    }

    .core__services .card__box h5 {
        margin: 20px 0 8px;
    }

    .getIn__touch {
        margin-bottom: -225px;
    }

    .getIn__touch .card__box {
        padding: 32px;
        border-radius: 20px;
    }

    .getIn__touch .card__box .lt__bx {
        border-radius: 20px;
    }

    .getIn__touch .card__box .lt__bx .main__heading {
        padding: 32px 32px 26px;
    }

    .getIn__touch .card__box .lt__bx p {
        margin-top: 8px;
    }

    .getIn__touch .card__box .rt__bx p {
        margin-top: 8px;
    }

    .getIn__touch .card__box .form__box {
        gap: 16px;
        margin-top: 28px;
    }

    .getIn__touch .card__box .form__box .form-control {
        padding: 14px;
        font: normal normal 500 14px / 113% var(--font);
    }

    .footer {
        padding: 20px 0;
    }

    .social__widget ul li {
        width: 30px;
        height: 30px;
    }

    .comn__bnr .main__heading h1 {
        margin: 12px 0 28px;
    }

    .comn__bnr {
        min-height: 66vh;
    }

    .comn__bnr .bnr__img img {
        height: auto;
        width: 100%;
    }

    .about__info .row {
        row-gap: 72px;
    }

    .about__info .main__heading p {
        margin-top: 20px;
    }

    .our__values .rt__box {
        gap: 18px;
    }

    .our__values .img__box img {
        max-height: 602px;
    }

    .our__values .rt__box .card__bx {
        padding: 20px;
        border-radius: 10px;
        gap: 20px;
    }

    .our__values .rt__box .card__bx .icon {
        min-width: 50px;
        width: 50px;
        height: 50px;
        padding: 10px;
    }

    .our__values .rt__box .card__bx p {
        margin-top: 10px;
    }

    .cta__section .card__box {
        border-radius: 14px;
        padding: 0 68px;
        height: 330px;
    }

    .cta__section .card__box p {
        margin: 10px 0 20px;
        max-width: 55%;
    }

    .cta__section .card__box .btn img {
        width: 16px;
    }

    .cta__section .card__box::before {
        right: 42px;
        width: 368px;
    }

    .offshore__unipay .card__box {
        border-radius: 10px;
        padding: 20px;
        gap: 16px;
    }

    .offshore__unipay .card__box .btn img {
        width: 20px;
    }

    .offshore__unipay .card__box p {
        margin-top: 12px;
    }

    .our__process .row {
        row-gap: 64px;
    }

    .our__process .squre__box {
        width: 68px;
        height: 68px;
        padding: 20px;
        border-radius: 10px;
    }

    .our__process .row .row:nth-child(odd) .card__box {
        padding-left: 70px;
    }

    .our__process .row .row:nth-child(even) .card__box {
        padding-right: 70px;
    }

    .our__process .row .row:not(:last-child) .card__box {
        margin-bottom: 68px;
    }

    .associated__fees .main__heading .btn {
        margin-top: 28px;
    }

    .associated__fees .card__box {
        border-radius: 10px;
        padding: 20px;
    }

    .associated__fees .card__box .circle {
        width: 50px;
        height: 50px;
        padding: 10px;
    }

    .associated__fees .card__box h5 {
        margin: 16px 0 6px;
    }

    .associated__fees .row .row .row {
        row-gap: 24px;
    }

    .about__content .content__box p {
        margin-bottom: 20px;
    }

    .about__content .content__box .row {
        row-gap: 60px;
    }

    .about__content .content__box ul {
        margin: 20px 0;
    }

    .about__content .content__box ul li {
        font: normal normal 400 14px / 150% var(--font);
    }

    .blog__bnr .main__heading h6 {
        margin-top: 12px;
    }

    .our__blogs .comn__bx .img__box img {
        height: 360px;
        border-radius: 12px;
    }

    .our__blogs .comn__bx .content__bx {
        margin-top: 20px;
    }

    .our__blogs .comn__bx .content__bx .top__bx {
        gap: 12px;
    }

    .our__blogs .comn__bx .content__bx .top__bx span,
    .our__blogs .comn__bx .content__bx .top__bx span span {
        font: normal normal 600 12px / 150% var(--font);
    }

    .our__blogs .card__full .content__bx h4,
    .our__blogs .comn__bx .content__bx h5 {
        color: var(--color-dark);
        margin: 12px 0;
    }

    .our__blogs .comn__bx .content__bx .btn {
        gap: 6px;
        margin-top: 24px;
    }

    .our__blogs .comn__bx .content__bx .btn img {
        width: 18px;
    }

    .our__blogs .recent__post .card__bx {
        gap: 18px;
    }

    .our__blogs .recent__post .card__bx .img__bx {
        width: 180px;
        min-width: 180px;
        height: 180px;
        border-radius: 12px;
    }

    .our__blogs .card__bx .content__bx .btn {
        margin-top: 32px;
    }

    .our__blogs .recent__post {
        gap: 24px;
    }

    .our__blogs .heading h5 {
        font: normal normal 700 22px / 140% var(--font);
        margin-bottom: 26px;
    }

    .our__blogs .latest__card .img__box img {
        height: 236px;
    }

    .contact__bnr {
        min-height: 67vh;
        max-height: 67vh;
    }

    .contact__info .info__card {
        border-radius: 12px;
        padding: 20px;
    }

    .contact__info .info__card .icon {
        width: 42px;
        height: 42px;
    }

    .contact__info .info__card .icon img {
        width: 20px;
    }

    .contact__info .info__card h5 {
        margin: 6px 0 12px;
    }

    .single__bnr {
        min-height: 56vh;
        padding-top: 80px;
    }

    .single__thumbImg .thumnails__img img {
        height: 490px;
    }

    .customize__solution .customize__slider .item .content__bx {
        padding: 16px;
    }

    .customize__solution .owl-carousel .owl-nav button {
        width: 38px;
        height: 38px;
        background-size: 16px;
    }

    .customize__solution .owl-carousel .owl-nav .owl-prev {
        left: -42px;
    }

    .customize__solution .owl-carousel .owl-nav .owl-next {
        right: -42px;
    }

    .privacy__policy .content__bx h6 {
        margin: 20px 0 6px;
    }

    .solution__content .row {
        row-gap: 64px;
    }

    .solution__content .row .inner__bx {
        row-gap: 52px;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1199px) {
    .navbar-container {
        height: 72px;
    }

    .header-spacing {
        min-height: 72px;
    }

    .header .logo img {
        width: 135px;
    }

    .header .menu-items li a {
        font: normal normal 500 13px var(--font);
        min-height: 72px;
    }

    .header .menu-items {
        gap: 20px;
    }

    .header .menu-items li .btn__primary {
        padding: 10px 20px;
    }

    h1 {
        font: normal normal 700 42px / 120% var(--font);
    }

    h2 {
        font: normal normal 700 28px/120% var(--font);
    }

    h3 {
        font: normal normal 700 24px var(--font);
    }

    h4 {
        font: normal normal 700 20px/130% var(--font);
    }

    h5 {
        font: normal normal 700 18px/120% var(--font);
    }

    h6 {
        font: normal normal 400 14px / 150% var(--font);
    }

    p {
        font: normal normal 400 12px / 150% var(--font);
    }

    .btn {
        font: normal normal 600 12px / 125% var(--font);
        padding: 10px 20px;
    }

    .rn__section__gapTop {
        padding: 52px 0;
    }

    .inner__gapTop {
        margin-top: 42px;
    }

    .container-left {
        width: calc(960px + (50% - 960px / 2));
    }

    .main__heading span {
        font: normal normal 400 12px / 142% var(--font);
        margin-bottom: 8px;
    }

    .main__heading p {
        margin-top: 8px;
    }

    .hero__bnr {
        padding-top: 42px;
    }

    .hero__bnr .bnr__content h6 {
        margin: 16px auto 28px;
        max-width: 100%;
    }

    .statistics__sctn {
        padding: 28px 0;
    }

    .our__features .card__top::before,
    .our__features .card__top::after {
        max-width: 83%;
    }

    .our__features .card__top .img__bx {
        left: 10px;
        min-width: 400px;
        max-width: 400px;
    }

    .our__features .row {
        row-gap: 20px;
    }

    .our__features .card__top {
        min-height: 372px;
        margin-bottom: 74px;
    }

    .our__features .main__heading h4 {
        max-width: 90%;
    }

    .our__features .main__heading p {
        margin-bottom: 32px;
    }

    .our__features .card__top .content__bx {
        margin-bottom: -50px;
    }

    .our__features .card__top::before,
    .our__features .card__top::after {
        border-radius: 0px 32px 0px 0px;
    }

    .our__features .card__features {
        padding: 20px;
    }

    .our__features .card__features .icon,
    .core__services .card__box .icon {
        width: 64px;
        height: 64px;
    }

    .our__features .card__features h5,
    .our__features .card__box h5 {
        margin: 20px 0 10px;
    }

    .our__services .row {
        row-gap: 32px;
    }

    .our__services .card__bx {
        border-radius: 14px;
        padding: 28px;
    }

    .our__services .img__bx img {
        border-radius: 0px 32px;
    }

    .our__services .bnr__content span {
        margin-bottom: 8px;
    }

    .our__services .bnr__content .btn {
        margin-top: 24px;
    }

    .core__services .owl-carousel .owl-nav {
        margin-right: auto;
        width: calc(920px + (50% - 920px / 2));
        top: -85px;
    }

    .core__services .owl-carousel .owl-nav button {
        width: 44px;
        height: 44px;
        background-size: 22px !important;
    }

    .core__services .owl-carousel .owl-stage-outer {
        padding: 2px 2px 14px;
    }

    .core__services .card__box {
        padding: 20px;
        min-height: 201px;
    }

    .core__services .card__box h5 {
        margin: 16px 0 5px;
    }

    .getIn__touch {
        margin-bottom: -180px;
    }

    .getIn__touch .card__box {
        padding: 26px;
        border-radius: 16px;
    }

    .getIn__touch .card__box .lt__bx {
        border-radius: 16px;
    }

    .getIn__touch .card__box .lt__bx .main__heading {
        padding: 24px 24px 20px;
    }

    .getIn__touch .card__box .lt__bx p {
        margin-top: 6px;
    }

    .getIn__touch .card__box .rt__bx p {
        margin-top: 6px;
    }

    .getIn__touch .card__box .form__box {
        gap: 12px;
        margin-top: 24px;
    }

    .getIn__touch .card__box .form__box .form-control {
        padding: 12px;
        font: normal normal 500 12px / 113% var(--font);
    }

    .footer {
        padding: 18px 0;
    }

    .social__widget ul li a {
        width: 36px;
        height: 36px;
    }

    .comn__bnr {
        min-height: 55vh;
    }

    .comn__bnr .bnr__img img {
        height: auto;
        width: 100%;
    }

    .comn__bnr .main__heading h1 {
        margin: 12px 0 24px;
    }

    .about__info .main__heading p {
        margin-top: 12px;
    }

    .about__info .row {
        row-gap: 64px;
    }

    .our__values .rt__box {
        gap: 18px;
    }

    .our__values .rt__box .card__bx {
        padding: 20px;
        border-radius: 10px;
        gap: 20px;
    }

    .our__values .rt__box .card__bx .icon {
        min-width: 50px;
        width: 50px;
        height: 50px;
        padding: 10px;
    }

    .our__values .rt__box .card__bx p {
        margin-top: 10px;
    }

    .cta__section .card__box {
        border-radius: 14px;
        padding: 0 62px;
        height: 300px;
    }

    .cta__section .card__box p {
        margin: 10px 0 20px;
        max-width: 55%;
    }

    .cta__section .card__box .btn img {
        width: 16px;
    }

    .cta__section .card__box::before {
        right: 40px;
        width: 334px;
    }

    .offshore__unipay .card__box {
        border-radius: 10px;
        padding: 18px;
        gap: 12px;
    }

    .offshore__unipay .card__box .btn img {
        width: 18px;
    }

    .offshore__unipay .card__box p {
        margin-top: 8px;
    }

    .our__process .row {
        row-gap: 56px;
    }

    .our__process .squre__box {
        width: 64px;
        height: 64px;
        padding: 18px;
        border-radius: 10px;
    }

    .our__process .row .row:nth-child(odd) .card__box {
        padding-left: 64px;
    }

    .our__process .row .row:nth-child(even) .card__box {
        padding-right: 64px;
    }

    .our__process .row .row:not(:last-child) .card__box {
        margin-bottom: 64px;
    }

    .associated__fees .main__heading .btn {
        margin-top: 24px;
    }

    .associated__fees .card__box {
        border-radius: 10px;
        padding: 18px;
    }

    .associated__fees .card__box .circle {
        width: 48px;
        height: 48px;
        padding: 8px;
    }

    .associated__fees .card__box h5 {
        margin: 16px 0 6px;
    }

    .associated__fees .row .row .row {
        row-gap: 24px;
    }

    .about__content .content__box p {
        margin-bottom: 16px;
    }

    .about__content .content__box .row {
        row-gap: 48px;
    }

    .about__content .content__box ul {
        margin: 16px 0;
    }

    .about__content .content__box ul li {
        font: normal normal 400 12px / 150% var(--font);
    }

    .blog__bnr .main__heading h6 {
        margin-top: 8px;
    }

    .our__blogs .comn__bx .img__box img {
        height: 300px;
        border-radius: 10px;
    }

    .our__blogs .comn__bx .content__bx {
        margin-top: 16px;
    }

    .our__blogs .comn__bx .content__bx .top__bx {
        gap: 10px;
    }

    .our__blogs .comn__bx .content__bx .top__bx span,
    .our__blogs .comn__bx .content__bx .top__bx span span {
        font: normal normal 600 12px / 150% var(--font);
    }

    .our__blogs .card__full .content__bx h4,
    .our__blogs .comn__bx .content__bx h5 {
        margin: 8px 0;
    }

    .our__blogs .comn__bx .content__bx .btn {
        gap: 4px;
        margin-top: 20px;
    }

    .our__blogs .comn__bx .content__bx .btn img {
        width: 16px;
    }

    .our__blogs .recent__post .card__bx {
        gap: 14px;
    }

    .our__blogs .recent__post .card__bx .img__bx {
        width: 160px;
        min-width: 160px;
        height: 160px;
        border-radius: 10px;
    }

    .our__blogs .card__bx .content__bx .btn {
        margin-top: 24px;
    }

    .our__blogs .recent__post {
        gap: 20px;
    }

    .our__blogs .heading h5 {
        font: normal normal 700 20px / 140% var(--font);
        margin-bottom: 22px;
    }

    .our__blogs .latest__card .img__box img {
        height: 200px;
    }

    .contact__bnr {
        min-height: 62vh;
        max-height: 62vh;
        margin-bottom: 85px;
    }

    .contact__bnr .getIn__touch {
        padding-top: 50px;
        margin-bottom: -85px;
    }

    .contact__info .info__card {
        border-radius: 10px;
        padding: 18px;
    }

    .contact__info .info__card .icon {
        width: 38px;
        height: 38px;
    }

    .contact__info .info__card h5 {
        margin: 6px 0 10px;
    }

    .single__bnr {
        min-height: 52vh;
        padding-top: 62px;
    }

    .single__thumbImg .thumnails__img img {
        height: 430px;
    }

    .customize__solution .customize__slider .item .content__bx {
        padding: 16px;
    }

    .customize__solution .owl-carousel .owl-nav button {
        width: 34px;
        height: 34px;
        background-size: 16px;
    }

    .customize__solution .owl-carousel .owl-nav {
        margin: 14px auto 0;
        width: fit-content;
        display: flex;
        gap: 14px;
    }

    .customize__solution .owl-carousel .owl-nav .owl-prev {
        left: -38px;
    }

    .customize__solution .owl-carousel .owl-nav .owl-next {
        right: -38px;
    }

    .privacy__policy .content__bx h6 {
        margin: 18px 0 6px;
    }

    .solution__content .row {
        row-gap: 56px;
    }

    .solution__content .row .inner__bx {
        row-gap: 42px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    h1 {
        font: normal normal 700 28px / 120% var(--font);
    }

    h2 {
        font: normal normal 700 24px/120% var(--font);
    }

    h4 {
        font: normal normal 700 22px var(--font);
    }

    h3 {
        font: normal normal 700 20px/130% var(--font);
    }

    h5 {
        font: normal normal 700 16px/120% var(--font);
    }

    h6 {
        font: normal normal 400 14px / 150% var(--font);
    }

    p {
        font: normal normal 400 12px / 150% var(--font);
    }

    .btn {
        font: normal normal 600 12px / 125% var(--font);
        padding: 10px 18px;
    }

    .container-left {
        max-width: 720px;
        width: 100%;
        padding-right: var(--bs-gutter-x, .75rem);
        padding-left: var(--bs-gutter-x, .75rem);
        margin-right: auto;
    }

    .rn__section__gapTop {
        padding: 42px 0;
    }

    .inner__gapTop {
        margin-top: 24px;
    }

    .main__heading span {
        margin-bottom: 6px;
        font: normal normal 400 11px / 142% var(--font);
    }

    .main__heading p {
        margin-top: 6px;
    }

    .main__heading p br {
        display: none;
    }

    .hero__bnr {
        padding-top: 33px;
    }

    .hero__bnr .bnr__content h6 {
        margin: 12px auto 24px;
        max-width: 100%;
    }

    .statistics__sctn {
        padding: 24px 0;
    }

    .order-mobile {
        order: -1;
    }

    .our__features .card__top .content__bx {
        margin-bottom: -52px;
    }

    .our__features .card__top::before,
    .our__features .card__top::after {
        max-width: 100%;
        border-radius: 0px 24px 0px 0px;
    }

    .our__features .card__top .img__bx {
        left: 8px;
        min-width: 368px;
        max-width: 368px;
    }

    .our__features .main__heading p {
        margin-bottom: 24px;
    }

    .our__features .card__top {
        min-height: 342px;
        margin-bottom: 68px;
    }

    .our__features .card__features {
        border-radius: 8px;
        padding: 16px;
    }

    .our__features .row {
        row-gap: 16px;
    }

    .our__services .row {
        row-gap: 24px;
    }

    .our__services .card__bx {
        border-radius: 16px;
        padding: 24px;
    }

    .our__features .card__features .icon,
    .core__services .card__box .icon {
        width: 54px;
        height: 54px;
        ;
    }

    .our__features .card__features h5,
    .core__services .card__box h5 {
        margin: 18px 0 8px;
    }

    .our__services .img__bx img {
        border-radius: 0px 24px;
    }

    .our__services .bnr__content .btn {
        margin-top: 18px;
    }

    .core__services .owl-carousel .owl-nav {
        gap: 8px;
        padding: 0;
        margin-left: auto;
        width: 100%;
        position: unset;
        justify-content: flex-start;
    }

    .core__services .owl-carousel .owl-nav button {
        width: 36px;
        height: 36px;
        background-size: 18px !important;
    }

    .core__services .card__box {
        border-radius: 8px;
        padding: 16px;
        min-height: 186px;
    }

    .getIn__touch .card__box {
        padding: 16px;
        border-radius: 12px;
    }

    .getIn__touch .card__box .lt__bx {
        border-radius: 12px;
    }

    .getIn__touch .card__box .lt__bx .main__heading {
        padding: 16px;
    }

    .getIn__touch .card__box .lt__bx p {
        font: normal normal 300 12px / 150% var(--font);
        margin-top: 6px;
    }

    .getIn__touch .card__box .rt__bx p {
        margin-top: 6px;
    }

    .getIn__touch .card__box .form__box {
        gap: 10px;
        margin-top: 16px;
    }

    .getIn__touch .card__box .form__box .form-control {
        border-radius: 5px;
        padding: 10px;
        font: normal normal 400 12px / 142% var(--font);
    }

    .getIn__touch {
        margin-bottom: -150px;
    }

    .footer {
        padding: 16px 0;
    }

    .social__widget ul li {
        width: 26px;
        height: 26px;
    }

    .comn__bnr {
        min-height: 42vh;
    }

    .comn__bnr::after {
        bottom: -1px;
    }

    .comn__bnr .bnr__img img {
        height: auto;
        width: 100%;
    }

    .comn__bnr .main__heading h1 {
        margin: 10px 0 18px;
    }

    .about__info .main__heading p {
        margin-top: 12px;
    }

    .about__info .row {
        row-gap: 42px;
    }

    .our__values .row {
        row-gap: 24px;
    }

    .our__values .rt__box {
        gap: 16px;
    }

    .our__values .rt__box .card__bx {
        padding: 18px;
        border-radius: 10px;
        gap: 16px;
    }

    .our__values .img__box img {
        max-height: 400px;
    }

    .our__values .rt__box .card__bx .icon {
        min-width: 46px;
        width: 46px;
        height: 46px;
        padding: 8px;
    }

    .cta__section .card__box {
        border-radius: 12px;
        padding: 0 32px;
        height: 250px;
    }

    .cta__section .card__box p {
        margin: 8px 0 18px;
        max-width: 64%;
    }

    .cta__section .card__box .btn img {
        width: 16px;
    }

    .cta__section .card__box::before {
        right: 16px;
        width: 278px;
    }

    .offshore__unipay .card__box {
        border-radius: 10px;
        padding: 18px;
        gap: 12px;
    }

    .offshore__unipay .card__box .btn img {
        width: 18px;
    }

    .offshore__unipay .card__box p {
        margin-top: 8px;
    }

    .our__process .row {
        row-gap: 42px;
    }

    .our__process .squre__box {
        width: 58px;
        height: 58px;
        padding: 16px;
        border-radius: 10px;
    }

    .our__process .row .row:nth-child(odd) .card__box {
        padding-left: 48px;
    }

    .our__process .row .row:nth-child(even) .card__box {
        padding-right: 48px;
    }

    .our__process .row .row:not(:last-child) .card__box {
        margin-bottom: 56px;
    }

    .associated__fees .main__heading .btn {
        margin-top: 24px;
    }

    .associated__fees .card__box {
        border-radius: 10px;
        padding: 18px;
    }

    .associated__fees .card__box .circle {
        width: 44px;
        height: 44px;
        padding: 8px;
    }

    .associated__fees .card__box h5 {
        margin: 12px 0 5px;
    }

    .associated__fees .row .row .row {
        row-gap: 16px;
    }

    .about__content .content__box p {
        margin-bottom: 16px;
    }

    .about__content .content__box .row {
        row-gap: 32px;
    }

    .about__content .content__box ul li {
        font: normal normal 400 12px / 150% var(--font);
    }

    .contact__bnr {
        margin-bottom: 100px;
    }

    .contact__bnr .getIn__touch {
        padding-top: 24px;
        margin-bottom: -125px;
    }

    .contact__info .row .row {
        row-gap: 8px;
    }

    .contact__info .info__card {
        border-radius: 12px;
        padding: 16px;
    }

    .contact__info .info__card .icon {
        width: 32px;
        height: 32px;
    }

    .contact__info .info__card h5 {
        margin: 6px 0 8px;
    }

    .getIn__touch .card__box .form__box .btn {
        margin-top: 8px;
    }

    .blog__bnr .main__heading h6 {
        margin-top: 8px;
    }

    .our__blogs .row {
        row-gap: 24px;
    }

    .our__blogs .comn__bx .img__box img {
        height: 380px;
        border-radius: 12px;
    }

    .our__blogs .comn__bx .content__bx {
        margin-top: 16px;
    }

    .our__blogs .comn__bx .content__bx .top__bx {
        gap: 8px;
    }

    .our__blogs .comn__bx .content__bx .top__bx span {
        font: normal normal 600 11px / 150% var(--font);
    }

    .our__blogs .comn__bx .content__bx .top__bx span span {
        font: normal normal 600 11px / 150% var(--font);
    }

    .our__blogs .card__full .content__bx h4,
    .our__blogs .comn__bx .content__bx h5 {
        margin: 8px 0;
    }

    .our__blogs .comn__bx .content__bx .btn {
        gap: 4px;
        margin-top: 20px;
    }

    .our__blogs .comn__bx .content__bx .btn img {
        width: 16px;
    }

    .our__blogs .recent__post .card__bx .img__bx {
        width: 160px;
        min-width: 160px;
        height: 160px;
        border-radius: 10px;
    }

    .our__blogs .recent__post {
        gap: 16px;
    }

    .our__blogs .heading h5 {
        font: normal normal 700 20px / 140% var(--font);
        margin-bottom: 18px;
    }

    .our__blogs .latest__card .img__box img {
        height: 220px;
    }

    .single__bnr {
        min-height: 46vh;
        padding-top: 48px;
    }

    .single__thumbImg .thumnails__img img {
        height: 400px;
    }

    .privacy__policy .content__bx h6 {
        margin: 16px 0 8px;
    }

    .customize__solution .customize__slider .item .content__bx {
        padding: 16px;
    }

    .customize__solution .owl-carousel .owl-nav button {
        position: unset;
        width: 34px;
        height: 34px;
        background-size: 16px;
    }

    .customize__solution .owl-carousel .owl-nav {
        margin: 14px auto 0;
        width: fit-content;
        display: flex;
        gap: 14px;
    }

    .solution__content .row {
        row-gap: 42px;
    }

    .solution__content .row .inner__bx {
        row-gap: 32px;
    }
}

@media only screen and (max-width: 767px) {
    h1 {
        font: normal normal 700 30px / 120% var(--font);
    }

    h2 {
        font: normal normal 700 26px/120% var(--font);
    }

    h3 {
        font: normal normal 700 24px var(--font);
    }

    h4 {
        font: normal normal 700 20px/130% var(--font);
    }

    h5 {
        font: normal normal 600 16px/120% var(--font);
    }

    h6 {
        font: normal normal 400 14px / 150% var(--font);
    }

    p {
        font: normal normal 400 12px / 150% var(--font);
    }

    .btn {
        font: normal normal 500 12px / 125% var(--font);
        padding: 10px 18px;
        gap: 4px;
    }

    .container-left {
        padding-right: 12px;
        padding-right: 12px;
        margin-right: auto;
        width: 100%;
    }

    .rn__section__gapTop {
        padding: 32px 0;
    }

    .inner__gapTop {
        margin-top: 18px;
    }

    .main__heading span {
        font: normal normal 400 11px / 142% var(--font);
        margin-bottom: 8px;
    }

    .main__heading p {
        margin-top: 8px;
    }

    .main__heading p br {
        display: none;
    }

    .hero__bnr {
        padding-top: 32px;
    }

    .hero__bnr::before {
        height: 100%;
        background-position: bottom;
    }

    .hero__bnr .bnr__content h6 {
        margin: 12px auto 24px;
        max-width: 100%;
    }

    .hero__bnr .row {
        row-gap: 24px;
    }

    .hero__bnr .bnr__img {
        margin-top: 0;
    }

    .statistics__sctn {
        padding: 24px 0;
    }

    .statistics__sctn .card__bx {
        padding: 0;
        justify-content: space-between;
        gap: 16px;
        position: relative;
        z-index: 0;
    }

    .statistics__sctn .card__bx::before,
    .statistics__sctn .card__bx::after {
        position: absolute;
        inset: 0;
        margin: auto;
        content: '';
        background-color: rgba(255, 255, 255, 0.2);
        z-index: -1;
    }

    .statistics__sctn .card__bx::before {
        width: 1px;
        height: 100%;
    }

    .statistics__sctn .card__bx::after {
        width: 100%;
        height: 1px;
    }

    .statistics__sctn .item__statistics {
        width: 47%;
    }

    .statistics__sctn .card__bx h2,
    .statistics__sctn .card__bx p {
        text-align: center;
    }

    .order-mfirst {
        order: -1;
    }

    .about__sctn {
        background-color: #F2F7F9;
    }

    .about__sctn .row .row {
        row-gap: 8px;
    }

    .about__info .main__heading p {
        margin-top: 8px;
    }

    .about__info .row {
        row-gap: 24px;
    }

    .our__values .row {
        row-gap: 24px;
    }

    .our__values .rt__box {
        gap: 16px;
    }

    .our__values .rt__box .card__bx {
        padding: 16px;
        border-radius: 8px;
        gap: 12px;
    }

    .our__values .rt__box .card__bx .icon {
        min-width: 42px;
        width: 42px;
        height: 42px;
        padding: 8px;
    }

    .our__values .rt__box .card__bx p {
        margin-top: 8px;
    }

    .cta__section .card__box {
        border-radius: 12px;
        padding: 16px;
        height: auto;
    }

    .cta__section .card__box p {
        margin: 8px 0 16px;
        max-width: 85%;
    }

    .cta__section .card__box p br {
        display: none;
    }

    .cta__section .card__box::before {
        display: none;
    }

    .cta__section .card__box .btn img {
        width: 14px;
    }

    .offshore__unipay .row {
        row-gap: 16px;
    }

    .offshore__unipay .card__box {
        border-radius: 8px;
        padding: 16px;
        gap: 12px;
    }

    .offshore__unipay .card__box .btn img {
        width: 18px;
    }

    .offshore__unipay .card__box p {
        margin-top: 8px;
    }

    .our__features .main__heading h4 {
        color: var(--color-dark);
    }

    .our__features .main__heading p {
        color: var(--color-text);
        margin-bottom: 18px;
    }

    .our__features .card__top {
        min-height: auto;
        margin-bottom: 16px;
    }

    .our__features .card__top .content__bx {
        margin-bottom: 0;
    }

    .our__features .card__features {
        border-radius: 6px;
        padding: 16px;
    }

    .our__features .card__features .icon {
        width: 60px;
        height: 60px;
    }

    .our__features .card__features h5 {
        margin: 16px 0 8px;
    }

    .our__features .row {
        row-gap: 16px;
    }

    .our__features .card__top::before,
    .our__features .card__top::after {
        display: none;
    }

    .our__features .card__top .img__bx {
        left: 0;
        min-width: 100%;
        max-width: 100%;
    }

    .our__services .row {
        row-gap: 24px;
    }

    .order-mlast {
        order: 1;
    }

    .our__services .card__bx {
        border-radius: 14px;
        padding: 16px;
    }

    .our__services .bnr__content .btn {
        margin-top: 16px;
    }

    .our__services .img__bx img {
        border-radius: 0px 24px;
    }

    .core__services .card__box {
        border-radius: 8px;
        padding: 16px;
        min-height: 190px;
    }

    .core__services .card__box h5 {
        margin: 16px 0 8px;
    }

    .core__services .card__box .icon {
        width: 52px;
        height: 52px;
    }

    .core__services .row {
        row-gap: 16px;
    }

    .core__services .owl-carousel .owl-nav {
        gap: 8px;
        padding: 0;
        margin-left: auto;
        width: 100%;
        position: unset;
        justify-content: flex-start;
    }

    .core__services .owl-carousel .owl-stage-outer {
        padding: 0 0 16px;
    }

    .core__services .owl-carousel .owl-nav button {
        width: 32px;
        height: 32px;
        background-size: 16px !important;
    }

    .getIn__touch .card__box {
        border-radius: 14px;
        padding: 16px;
    }

    .getIn__touch .card__box .row {
        row-gap: 16px;
    }

    .getIn__touch .card__box .lt__bx {
        border-radius: 12px;
    }

    .getIn__touch .card__box .lt__bx .main__heading {
        padding: 16px 16px 8px;
    }

    .getIn__touch .card__box .lt__bx span {
        margin-bottom: 6px;
    }

    .getIn__touch .card__box .lt__bx p {
        font: normal normal 300 12px / 150% var(--font);
        margin-top: 6px;
    }

    .getIn__touch .card__box .rt__bx p {
        margin-top: 6px;
    }

    .getIn__touch .card__box .form__box {
        gap: 12px;
        margin-top: 16px;
    }

    .getIn__touch .card__box .form__box .form-control {
        padding: 10px;
        font: normal normal 400 12px / 142% var(--font);
    }

    .getIn__touch {
        margin-bottom: -100px;
    }

    .footer {
        padding: 14px 0;
    }

    .comn__bnr {
        padding: 24px 0 0;
        min-height: auto;
    }

    .comn__bnr .row {
        row-gap: 16px;
    }

    .comn__bnr .main__heading h1 {
        color: var(--color-white);
        margin: 8px 0 16px;
    }

    .comn__bnr .main__heading h1 br {
        display: none;
    }

    .comn__bnr .container::before {
        right: 0;
        width: 100%;
    }

    .comn__bnr .bnr__img img {
        height: auto;
        width: 100%;
        margin: 0 auto;
    }

    .solution__content .row,
    .solution__content .row .inner__bx {
        row-gap: 24px;
    }

    .solution__content .content__box .row {
        row-gap: 16px;
    }

    .solution__content .content__box h2 br {
        display: none;
    }

    .our__process .row {
        row-gap: 24px;
    }

    .our__process .border__line {
        margin: auto;
    }

    .our__process .squre__box {
        width: 56px;
        height: 54px;
        padding: 16px;
        border-radius: 8px;
    }

    .our__process .card__box p {
        margin-top: 4px;
    }

    .our__process .row .row:nth-child(odd) .card__box,
    .our__process .card__box {
        padding-left: 6px;
    }

    .our__process .row .row:nth-child(even) .card__box h5,
    .our__process .row .row:nth-child(even) .card__box p {
        text-align: left;
    }

    .our__process .row .row:nth-child(even) .card__box {
        padding-right: 0;
    }

    .our__process .row .row:not(:last-child) .card__box {
        margin-bottom: 42px;
    }

    .associated__fees .row {
        row-gap: 24px;
    }

    .associated__fees .row .row,
    .associated__fees .row .row .row {
        row-gap: 16px;
    }

    .associated__fees .card__box {
        border-radius: 8px;
        padding: 16px;
    }

    .associated__fees .main__heading .btn {
        margin-top: 16px;
    }

    .associated__fees .card__box .circle {
        width: 42px;
        height: 42px;
        padding: 8px;
    }

    .associated__fees .card__box h5 {
        margin: 14px 0 4px;
    }

    .about__content .content__box .card__bx {
        border-radius: 0px 54px 0px 0px;
        padding: 24px 18px;
        max-width: 100%;
    }

    .about__content .content__box .row {
        row-gap: 12px;
    }

    .about__content .content__box .img__bx {
        margin: 20px 0;
    }

    .about__content .content__box p {
        margin-bottom: 16px;
    }

    .about__content .content__box ul {
        margin: 12px 0;
    }

    .blog__bnr .main__heading h6 {
        margin-top: 8px;
    }

    .our__blogs .row {
        row-gap: 24px;
    }

    .our__blogs .comn__bx .content__bx {
        margin-top: 12px;
    }

    .our__blogs .comn__bx .content__bx .top__bx {
        gap: 12px;
    }

    .our__blogs .comn__bx .content__bx .top__bx span {
        font: normal normal 600 10px / 150% var(--font);
    }

    .our__blogs .comn__bx .content__bx .top__bx span span {
        font: normal normal 600 10px / 150% var(--font);
    }

    .our__blogs .card__full .content__bx h4,
    .our__blogs .comn__bx .content__bx h5 {
        margin: 8px 0;
    }

    .our__blogs .comn__bx .content__bx .btn {
        gap: 2px;
        margin-top: 12px;
    }

    .our__blogs .comn__bx .content__bx .btn img {
        width: 14px;
    }

    .our__blogs .card__full .img__box img {
        height: 265px;
        border-radius: 12px;
    }

    .our__blogs .recent__post {
        gap: 16px;
    }

    .our__blogs .recent__post .card__bx {
        gap: 12px;
    }

    .our__blogs .recent__post .card__bx .img__bx {
        width: 140px;
        min-width: 140px;
        height: 140px;
        border-radius: 8px;
    }

    .our__blogs .heading h5 {
        font: normal normal 700 20px / 140% var(--font);
        margin-bottom: 16px;
    }

    .our__blogs .latest__card .img__box img {
        height: 260px;
    }

    .our__blogs .load-more {
        margin: auto;
    }

    .contact__bnr {
        max-height: none;
        margin-bottom: 118px;
    }

    .contact__bnr .getIn__touch {
        padding-top: 0;
        margin-bottom: -118px;
    }

    .contact__info .row .row {
        row-gap: 12px;
    }

    .contact__info .info__card {
        border-radius: 12px;
        padding: 14px;
    }

    .contact__info .info__card h5 {
        margin: 6px 0 8px;
    }

    .contact__info .info__card .icon {
        width: 32px;
        height: 32px;
    }

    form label.error {
        font: normal normal 400 10px / 142% var(--font);
        margin-top: 2px;
    }

    .about__content .content__box ul li {
        font: normal normal 400 12px / 150% var(--font);
    }

    .about__content .content__box h5 {
        margin-bottom: 8px;
    }

    .about__content .content__box h4 {
        margin-bottom: 8px;
    }

    .social__widget ul li {
        width: 26px;
        height: 26px;
    }

    .privacy__policy .content__bx h6 {
        margin: 12px 0 8px;
    }

    .single__bnr {
        position: relative;
        min-height: 42vh;
        align-items: flex-start;
        padding-top: 32px;
    }

    .single__bnr .container::before {
        height: 100%;
    }

    .single__bnr .main__heading span {
        margin: 0 auto 8px;
    }

    .single__thumbImg {
        margin-top: -100px;
    }

    .single__thumbImg .thumnails__img img {
        height: 260px;
    }

    .customize__solution .customize__slider .item .content__bx {
        padding: 12px;
    }

    .customize__solution .owl-carousel .owl-nav button {
        position: unset;
        width: 30px;
        height: 30px;
        background-size: 12px;
    }

    .customize__solution .owl-carousel .owl-nav {
        margin: 12px auto 0;
        width: fit-content;
        display: flex;
        gap: 12px;
    }
}