@media(max-width:1220px) {
    .wrapper__tsbc__left {
        max-width: 500px;
        padding-right: 50px;
    }

    .wrapper__tsbc__right {
        max-width: calc(100% - 500px);
    }
}

@media(max-width:1024px) {
    .wrapper__trusted__box li {
        max-width: calc(100% / 3);
    }

    .wrapper__trusted__box li:not(:last-child) {
        border-right: 1px solid var(--color-D0D0D0);
    }

    .wrapper__spc__left,
    .wrapper__spc__right {
        max-width: 100%;
    }

    .wrapper__ct__left {
        width: 45%;
    }

    .wrapper__ct__right {
        max-width: calc(100% - 45%);
    }

    .wrapper__swiper__nv .swiper-btn {
        width: 56px;
        height: 56px;
    }

    .wrapper__ind__card__image img {
        height: 242px;
    }

    .wrapper__news__list ul li {
        padding: 15px 10px;
    }

    .wrapper__nc__right {
        max-width: calc(100% - 470px);
    }

    .wrapper__nc__left {
        max-width: 470px;
        width: 100%;
        padding-right: 30px;
    }

    .wrapper__home__faq__left {
        max-width: 442px;
    }

    .wrapper__home__faq__right {
        max-width: calc(100% - 442px);
    }

    .wrapper__software__swiper__box,
    .wrapper__ct__box,
    .wrapper__industries__slider__box {
        padding-left: 15px;
    }

    .wrapper__ct__box,
    .wrapper__industries__slider__box {
        width: 100%;
    }

    .wrapper__faq__01__heading h6 {
        padding-right: 45px;
    }

    .wrapper__faq__02__list__row {
        margin-left: -10px;
        margin-right: -10px;
    }

    .wrapper__faq__02__list__col {
        padding-left: 10px;
        padding-right: 10px;
    }

    .wrapper__prof__left {
        max-width: 552px;
    }

    .wrapper__prof__right {
        max-width: calc(100% - 552px);
    }

    .wrapper__common__list__02.fb__20 li {
        font-size: 18px;
    }

    .img__gradient__blue::after {
        top: 32px;
    }

    .wrapper__tsbc__left {
        max-width: 450px;
    }

    .wrapper__tsbc__right {
        max-width: calc(100% - 450px);
    }
}

@media(max-width:820px) {
    .wrapper__shc__left {
        max-width: 430px;
        padding-right: 30px;
    }

    .wrapper__shc__right {
        max-width: calc(100% - 430px);
    }

    .wrapper__shc__right .wrapper__filter {
        margin-bottom: 0;
    }

    .swiper.wrapper__client__slider {
        padding-right: 45px;
    }

    .wrapper__client__testimonial__card {
        min-height: auto;
    }

    .wrapper__cs__box {
        display: block;
        margin-bottom: 20px;
    }

    .wrapper__news__list__box {
        display: none;
    }

    .wrapper__news__content {
        padding: 30px 20px;
    }

    .wrapper__nc__left {
        max-width: 400px;
    }

    .wrapper__nc__right {
        max-width: calc(100% - 400px);
    }

    .wrapper__home__faq__left,
    .wrapper__home__faq__right {
        max-width: 100%;
    }

    .wrapper__video__btn img {
        max-width: 80px;
    }

    .wrapper__filter__selected::after {
        width: 28px;
        height: 28px;
        background-size: contain;
    }

    .wrapper__prof__left,
    .wrapper__prof__right {
        max-width: 100%;
    }

    .wrapper__prof__image img {
        width: 100%;
    }

    .wrapper__location__list__card {
        padding: 20px;
    }

    .wrapper__tsbc__left,
    .wrapper__tsbc__right {
        max-width: 100%;
        padding-right: 0;
    }
}


@media(max-width:768px) {

    .wrapper__nc__left,
    .wrapper__nc__right {
        max-width: 100%;
        padding-right: 0;
    }

    .wrapper__nc__right {
        order: -1;
    }

    .swiper.wrapper__industries__swiper {
        padding-right: 40px;
    }

    .wrapper__trusted__box li {
        padding: 30px 20px;
    }

    .wrapper__video__box {
        padding-bottom: 30px;
    }

    .pt__100 {
        padding-top: 50px;
    }

    .py__80 {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .wrapper__faq__02__list__col {
        max-width: calc(100% / 2);
    }

    .wrapper__faq__02__card .wrapper__faq__02__heading {
        padding: 20px 24px;
    }

    .wrapper__faq__02__heading::after {
        width: 30px;
        height: 30px;
        background-size: cover;
    }

    .wrapper__location__list li::after {
        width: 18px;
        height: 18px;
        background-size: cover;
    }

    .wrapper__location__list {
        padding-left: 22px;
        left: -22px;
    }

    .footer__menu__cols {
        max-width: 50%;
    }
}

@media(max-width:767px) {

    .wrapper__shc__left,
    .wrapper__shc__right {
        max-width: 100%;
        padding-right: 0;
    }

    .wrapper__filter__box {
        justify-content: center;
    }

    .wrapper__shc__left__content {
        text-align: center;
    }
     .footer__menu__cols {
        max-width: 100%;
    }

}

@media(max-width:576px) {

    .h1 {
        font-size: 36px !important;
        line-height: 46px !important;
    }

    .h2 {
        font-size: 32px !important;
        line-height: 38px !important;
    }

    .h3 {
        font-size: 28px !important;
        line-height: 40px !important;
    }

    .h4 {
        font-size: 24px !important;
        line-height: 36px !important;
    }

    .h5 {
        font-size: 20px !important;
        line-height: 28px !important;
        letter-spacing: 0px;
    }

    .h6 {
        font-size: 19px !important;
        line-height: 27px !important;
        letter-spacing: 0px;
    }


    .fb__20 {
        font-size: 17px !important;
        line-height: 24px !important;
    }

    .fb__18 {
        font-size: 15px !important;
        line-height: 23px !important;
    }

    .fb__16 {
        font-size: 13px !important;
        line-height: 21px !important;
    }

    .fb__14 {
        font-size: 12px !important;
        line-height: 20px !important;
    }

    .fb__12 {
        font-size: 10px !important;
        line-height: 18px !important;
    }

    .wrapper__trusted__box li {
        max-width: calc(100% / 2);
    }

    .wrapper__ct__row {
        row-gap: 30px;
    }

    .wrapper__ct__left,
    .wrapper__ct__right {
        max-width: 100%;
        width: 100%;
    }

    .wrapper__our__partners__logo ul {
        gap: 30px;
    }

    .wrapper__home__banner .swiper__pagination__hb {
        bottom: 20px;
    }

    .wrapper__video__btn img {
        max-width: 45px;
    }

    .wrapper__swiper__nv .swiper-btn {
        width: 45px;
        height: 45px;
    }

    .wrapper__swiper__nv .swiper-btn img {
        max-width: 22px;
    }

    .wrapper__spc__left,
    .wrapper__spc__right {
        padding-left: 0;
    }

    .wrapper__faq__01__heading::after {
        width: 30px;
        height: 30px;
        top: 10px;
    }

    .wrapper__faq__01__card {
        padding: 15px;
    }

    .wrapper__common__list__02.fb__20 li {
        font-size: 14px;
    }

    .wrapper__faq__02__list__col {
        max-width: calc(100% / 1);
    }

    .wrapper__faq__02__card .wrapper__faq__02__heading {
        padding: 10px;
    }

    .wrapper__faq__02__heading::after {
        width: 24px;
        height: 24px;
    }

    .mb__44 {
        margin-bottom: 24px;
    }

    .wrapper__faq__02__content {
        padding: 15px;
    }

    .wrapper__faq__02__heading::after {
        right: 10px;
    }

    .wrapper__common__list__02 {
        row-gap: 8px;
    }

    .wrapper__contact__us__form__box {
        padding: 30px 20px;
    }

    .wrapper__form__c6 {
        max-width: calc(100% / 1);
    }

    .wrapper__location__list__col {
        max-width: calc(100% / 1);
    }

    .wrapper__tsbcb__card:not(:last-child) {
        margin-bottom: 10px;
    }

    .wrapper__location__list__map iframe {
        height: 300px;
    }

    .wrapper__form__row:not(:last-child) {
        margin-bottom: 15px;
    }

    .wrapper__form__row {
        row-gap: 15px;
    }

}