/* Max width */

@media (max-width: 1199.98px) {
  .custom-class {
    display: block;
  }
  .block-pl {
    padding-left: 30px;
  }
  .block-pl .mt-20 {
    margin-top: 0px !important;
  }
  .block-news .right-news {
    padding: 40px 30px 40px 30px;
  }
  .block-pricing-3 .block-pricing-left {
    margin-bottom: 30px;
  }
  /* footer address */
  .footer-flex {
    justify-content: center;
    gap: 67px 20px;
  }
  /* custom-margin */
  .lg-mt-60 {
    margin-top: 60px !important;
  }
}
@media (max-width: 1024px) {
  .text-display-72 {
    font-size: 56px;
  }
  .error-text-block {
    margin-top: 100px;
  }
  .something-went-wrong-inner-container {
    margin-top: 50px;
    justify-content: start;
  }
}
@media (max-width: 991px) {
  .something-went-wrong-inner-container {
    margin-top: 0;
    padding: 0px 0;
    align-items: start;
    margin-top: 177px;
  }
  .something-went-wrong {
    background-position: 100% right !important;
  }
  .achieve-section {
    z-index: 1 !important;
  }
  /* Solve Forward Journal Cards */
  .SF_custom_cards_div:nth-child(16n + 1),
  .SF_custom_cards_div:nth-child(16n + 10) {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media (max-width: 991.98px) {
  /* .border-right-footer {
      border-right: unset !important;
    } */
  .blog-list-blogs {
    margin-bottom: 30px;
  }
  .welcome-hero-second-image {
    margin-top: 10px !important;
  }
  .border-start-impact {
    border-left: 0px !important;
  }
  .border-end-impact {
    border-right: 0px !important;
  }
  .social-sticky {
    position: static;
  }
  .list-partners li {
    width: 28%;
  }
  .panel-box {
    max-height: unset;
  }
  .panel-box img {
    max-height: unset;
  }
  .text-display-2 {
    font-size: 64px;
    line-height: 70px;
  }
  .card-grid-style-2 {
    padding: 24px 20px;
  }
  .pt-xs-30 {
    padding-top: 30px;
  }
  .block-img-we-do {
    margin-bottom: 30px;
  }
  .banner-hero {
    max-width: 100%;
    padding: 60px 0px 60px 0px;
  }
  .banner-hero.banner-3 {
    padding-top: 50px;
  }
  .header .main-header .header-right {
    max-width: 265px;
  }
  .text-heading-1 {
    font-size: 46px;
    line-height: 52px;
  }
  .block-img-we-do .block-chart {
    bottom: -30px;
    right: -10px;
  }
  .block-we-do .inner-image {
    position: relative;
  }
  .block-we-do .inner-image .block-image-bottom {
    bottom: -80px;
    right: -30px;
  }
  .block-we-do-2 {
    padding-left: 15px;
  }
  .box-square {
    /* height: auto; */
    margin-bottom: 30px;
  }
  .box-gray-100 {
    padding: 40px;
  }
  .contact-form.box-gray-100 {
    padding: 15px;
  }
  .footer .width-20 {
    width: 50%;
  }
  .footer .width-16 {
    width: 50%;
  }
  .block-pl {
    padding-left: 0px;
  }
  .block-pl .mt-20 {
    margin-top: 20px !important;
  }
  .text-display-3 {
    font-size: 45px;
    line-height: 52px;
  }
  .mb-mobile {
    margin-bottom: 0px !important;
  }
  .list-5-col {
    display: inline-block;
    width: 100%;
    text-align: center;
  }
  .list-5-col li {
    width: 33%;
    display: inline-block;
    margin-bottom: 30px;
    vertical-align: top;
  }
  .banner-hero.bg-service-2 {
    padding-top: 20px;
  }
  .pl-lg-15 {
    padding-left: 15px !important;
  }
  .header-right {
    padding-right: 50px;
  }
  h2.section-title {
    font-size: 48px;
  }
  .nav.nav-right {
    margin-top: 30px;
  }
  .mt-lg-30 {
    margin-top: 30px !important;
  }
  .ml-lg-20 {
    margin-left: 0px !important;
  }
  .ml-lg-90 {
    margin-left: 0px !important;
  }
  .p-lg-65 {
    padding: 20px !important;
  }
}
@media (max-width: 992px) {
  .responsive-table thead {
    display: none;
  }

  .responsive-table tr {
    display: block;
    margin-bottom: 15px;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 10px;
  }

  .responsive-table td {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    padding: 10px 5px;
    text-align: left;
    border: none;
    position: relative;
    border: 1px solid white;
  }

  .responsive-table td::before {
    content: attr(data-label);
    font-weight: bold;
    flex-basis: 40%;
    color: #333;
  }

  .responsive-table td:last-child {
    border-bottom: none;
  }
  .products-page-inner-left,
  .products-page-inner-right {
    width: 100% !important;
  }
  .products-page-inner-right ul {
    margin-top: 24px !important;
  }
  .products-page-inner-right li {
    padding-left: 16px;
    padding-top: 8px !important;
  }
  .products-page-inner-right li::before {
    top: 10px !important;
  }
}
@media (max-width: 768px) {
  .sidebar-showbanner {
    margin-top: 70px !important;
  }
  .commerce-expertise-first-section {
    padding: calc(var(--bs-gutter-x) / 2) !important;
  }
}
@media (max-width: 767px) {
  .mobile-font-32 {
    font-size: 32px !important;
  }
  .custom-rounded {
    border-top-left-radius: 12px;
    border-bottom-left-radius: 0px !important;
    border-top-right-radius: 12px !important;
    border-bottom-right-radius: 0;
  }
  .error-image-mobile img {
    width: 80%;
  }
}
@media (max-width: 575px) {
  .section-500-error-height {
    height: auto;
    padding: 40px 20px;
    max-height: none;
  }

  .error-image-mobile img {
    width: 90%;
  }
  .mobile-header-wrapper-style
    .mobile-header-wrapper-inner
    .mobile-header-content-area
    .mobile-header-border {
    margin-top: 7px !important;
  }
  .tabs {
    margin-left: 10px !important;
    margin-right: 10px !important;
  }
  .tabs {
    margin-left: 10px !important;
    margin-right: 10px !important;
  }
  .integration-card-parent {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  .integration-second-svg-small {
    display: none !important;
  }
  .show-banner-header-main-sticky {
    top: 58px !important;
  }
  .sidebar-showbanner {
    margin-top: 65px !important;
  }
  /* PartnershipBadge */
  /* .vertical-line {
    width: 60px;
    height: 1px;
    margin: 16px 0; 
  } */
}
@media (max-width: 480px) {
  .canvas {
    width: 300px !important;
    height: 330px !important;
  }
}
/* Only Screen */

@media only screen and (max-width: 1399.98px) {
  .main {
    padding-top: 55px !important;
  }
  .main.banner-visible {
    padding-top: 100px !important;
  }
  .fixed-top-10 {
    position: static !important;
  }
  .social-sticky {
    top: 100px;
  }
  .custom-class {
    display: block;
  }
  .nav-main-menu {
    display: none !important;
  }
  .header .main-header {
    padding: 20px 0px;
  }
  .burger-icon {
    display: block !important;
    margin-top: -20px;
  }
  .sidebar-showbanner {
    margin-top: 60px !important;
  }
}
@media only screen and (max-width: 992px) {
  .md-px-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .svg-sf-footer {
    width: 80vw;
  }
  .footer-con {
    flex-direction: column;
    align-items: center;
    gap: 10px;
  }
  .product-info {
    padding-left: 0px;
  }
  .fixed-top-10 {
    position: static !important;
  }
  .header .main-header {
    padding: 20px 0px;
  }
  .width-56 {
    width: 100%;
  }
  .width-70 {
    width: 100%;
  }
  .text-display-72 {
    font-size: 40px;
  }
  .fs-16 {
    font-size: 16px !important;
  }
  .fs-20 {
    font-size: 20px !important;
  }
  .sm-flex-wrap {
    flex-wrap: wrap !important;
  }
  .sm-justify-content-center {
    justify-content: center !important;
  }
  .sm-justify-self-center {
    justify-self: center !important;
  }
  .height-80vh {
    height: 60vh !important;
  }
  .p-md-30 {
    padding: 30px !important;
  }
  .custom-case-study-img {
    width: 246px;
    height: 229px;
  }
}
@media only screen and (max-width: 768px) {
  .blog-carousal-card {
    flex-direction: column !important;
  }
  .row {
    margin-left: unset;
    margin-right: unset;
  }
  .text-display-2 {
    font-size: 50px;
    line-height: 58px;
  }
  .footer .width-20 {
    width: 50%;
  }
  .footer .width-16 {
    width: 100%;
  }
  .btn.btn-select {
    padding: 10px 20px;
    font-size: 14px;
    line-height: 18px;
  }
  .block-img-we-do .block-chart {
    right: -5px;
  }
  .block-we-do .inner-image .block-image-bottom {
    right: -20px;
  }
  .list-partners li {
    width: 24%;
  }
  .text-mb-center {
    text-align: center !important;
  }
  .box-comments ul li .item-comment {
    padding: 65px 0px 0px 0px;
  }
  .slider-news {
    padding: 0px;
  }
  .space-for-bottom {
    margin-bottom: 0 !important;
  }
  .swiper-pagination-black {
    display: inline;
  }
  .company-logo {
    width: auto !important;
  }
  .section-title-large {
    font-size: 42px;
  }
  .banner-hero .block-banner {
    padding: 0;
  }
  .header-right {
    display: none;
  }
  .mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-top {
    padding: 15px 30px 13px 30px;
    border-bottom: 1px solid #101828;
  }
  .mobile-header-wrapper-style
    .mobile-header-wrapper-inner
    .mobile-header-top
    .mobile-header-logo
    a
    img {
    width: 140px;
  }
  .mobile-header-wrapper-style
    .mobile-header-wrapper-inner
    .mobile-header-content-area {
    padding: 20px 0px;
  }
  .nav.nav-right {
    margin-top: 30px;
  }
  .box-head-single h3 {
    font-size: 36px;
    line-height: 1.2;
  }
  .social-share {
    margin-top: 25px;
  }
  .social-share .btn-sm {
    padding: 10px 15px;
    vertical-align: middle;
  }
  .job-overview {
    padding: 25px !important;
  }
  .text-mb-sm-20 {
    margin: 0 0 20px 0 !important;
    display: block;
  }
  .banner-hero.bg-service-2::before {
    height: 720px !important;
  }
  /* margin for mediam screen */
  .deals-countdown {
    right: -15px;
  }
  .product-image-slider {
    min-height: auto;
    line-height: auto;
  }
  .btn.btn-tab {
    padding: 11px 12px !important;
    font-size: 13px;
  }
  .max-size-45 {
    max-width: 100% !important;
  }
  .pl-lg-120 {
    padding-left: 10px !important;
  }
  .pr-lg-120 {
    padding-right: 10px !important;
  }
  .ptb-lg-60 {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .ptb-lg-115-109 {
    padding: 40px 16px;
  }
  .p-lg-40 {
    padding: 20px !important;
  }
  .mt-lg-40 {
    margin-top: 0px;
  }
  .contact-form-wrapper {
    padding: 30px 15px !important;
  }
  .text-frame {
    padding: 8px 16px !important;
  }
  .fs-28 {
    font-size: 28px !important;
  }
  .f-w-sm-400 {
    font-weight: 400 !important;
  }
  .f-w-sm-700 {
    font-weight: 700 !important;
  }
  .tablet-display-2 {
    font-size: 100px;
  }
  .tablet-display-2 {
    font-size: 45px;
  }
  /* .text-display-72 {
      font-size: 20px;
    } */
  .text-heading-200 {
    font-size: 102px;
  }
  .achieve-desc {
    width: 100% !important;
    align-self: stretch;
  }
  .height-80vh {
    height: 100vh !important;
  }
  .p-sm-30 {
    padding: 30px !important;
  }
  .icon-link-wrapper {
    margin-right: 30px;
  }
  /* heading */
  .text-heading-20 {
    font-size: 18px !important;
  }
  .text-heading-24 {
    font-size: 16px !important;
  }
  /* heading tag */
}
@media only screen and (max-width: 767px) {
  .border-right-footer-contact-part {
    border-right: unset !important;
  }
  .card-img-top {
    max-width: 90vw !important;
  }
  .testimonial-card-career {
    max-width: 80vw !important;
    height: auto !important;
  }
  .healthcare-info-card-wrapper {
    justify-content: center !important;
    gap: 20px !important;
    justify-self: center !important;
  }
  .no-scroll {
    overflow: auto !important;
  }
  .blog-main-image {
    height: 32px !important;
    width: auto !important;
  }
  .mobile-header-wrapper-style
    .mobile-header-wrapper-inner
    .mobile-header-content-area
    .mobile-header-border {
    margin-top: 15px;
  }
  .blog-list-blogs {
    margin-bottom: 50px !important;
  }
  .sm-footer-logo-part {
    justify-content: center !important;
  }
  .expertise-main-image {
    height: 240px !important;
  }
  .wwo3-image,
  .b2ccomimage {
    height: 40px !important;
    width: 40px !important;
  }
  .wwo3-image-integration {
    height: 64px !important;
    width: 64px !important;
  }
  .commerce-logos,
  .service-image {
    height: 56px !important;
    width: 56px !important;
  }
  .strategy-image {
    height: 40px !important;
    width: 40px !important;
  }
  .partner-card2-parent {
    padding: 0px !important;
  }
  .two-cs-image {
    height: 224px !important;
  }
  .expertise-page-logo,
  .experties-logo {
    height: 48px !important;
    width: 48px !important;
  }
  .header {
    border-bottom: 1px solid #d4d4d4;
  }
  .sf-hero-image {
    height: 330px !important;
    width: 100% !important;
  }
  .solcargtpartnerbg {
    padding: 80px 25px !important;
  }
  .impact-img {
    height: 64px;
    width: 64px;
    margin-left: 15vw;
  }
  .sf-events-last {
    flex-direction: column;
    align-items: flex-start !important;
  }
  .sf-cs-image {
    height: 213px !important;
    object-fit: cover;
    border-radius: 16px;
    width: 100%;
  }
  .sf-hero-main {
    flex-direction: column !important;
  }
  .sf-cs-main {
    flex-direction: column !important;
    row-gap: unset !important;
  }
  .sm-partner-copy {
    align-self: flex-start !important;
  }
  .border-bottom-footer-partner {
    border-bottom: 1px solid #afafaf;
    border-right: unset !important;
    padding-top: 40px;
    margin-bottom: 40px;
    width: 100%;
  }
  .welcome-hero {
    flex-direction: column !important;
  }
  .sm-w-100 {
    width: 100% !important;
  }
  .blog-header-hero {
    padding: 80px 10px !important;
  }
  .tablet-display-2 {
    font-size: 28px !important;
    line-height: 132% !important; /* 36.96px */
  }
  .sm-h-auto {
    height: auto !important;
  }
  .sm-fs-96 {
    color: #fff;
    text-align: center;
    font-family: Chivo;
    font-size: 96px !important;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
  }
  .b2bdatacard {
    width: 100% !important;
    padding: 40px !important;
    height: fit-content !important;
  }
  .sm-flex-column {
    flex-direction: column !important;
  }
  .text-body-lead-large {
    font-size: 16px;
    line-height: 140%;
  }
  .bg-video-sol-cargt-iiot {
    aspect-ratio: 9/8 !important;
    top: auto !important;
    left: auto !important;
    transform: none !important;
    width: 100% !important;
    height: auto !important;
    margin-top: 50px; /* spacing between text and video */
    object-fit: cover;
  }
  .iiot-image-our-idea {
    width: 56px !important;
    height: 56px !important;
    align-self: flex-start;
  }
  .iiot-page-card-parent {
    gap: 80px 0px !important;
  }
  .talk-cta-sm {
    align-items: flex-start !important;
  }
  .sm-btn-black {
    background-color: #101828 !important;
    color: #ffffff !important;
  }
  .sm-icon-arrow-right-white {
    background-image: url(../imgs/template/icons/arrow-small-right-w.svg) !important;
  }
  .sm-color-black {
    color: #000 !important;
  }
  .video-background {
    display: flex;
    flex-direction: column-reverse; /* ⬅️ this flips order */
    align-items: center;
  }
  .bg-video-sol-cargt {
    aspect-ratio: 9/8 !important;
    position: relative !important;
    top: auto !important;
    left: auto !important;
    transform: none !important;
    width: 100% !important;
    height: auto !important;
    z-index: 1 !important;
    object-fit: cover;
  }
  .sm-footer-contact-part {
    align-self: flex-start;
    align-items: start !important;
  }
  .expertise-video {
    padding: 40px 20px !important;
    z-index: 2 !important;
  }
  .team-card-wrapper {
    gap: 16px !important;
  }
  .team-image-bg {
    height: auto;
  }
  .testimonial-content {
    margin-left: 15px;
    margin-right: 15px;
  }
  .text-heading-1 {
    font-size: 28px !important;
    line-height: 39px !important;
  }
  .sm-mt-30 {
    margin-top: 30px !important;
  }
  .sm-pl-20 {
    padding-left: 20px !important;
  }
  .sm-mt-10 {
    margin-top: 10px !important;
  }
  /* 450 */
  .block-pl-letstalk {
    padding-left: 0px !important;
  }
  .innovative-last-part {
    text-align: center;
  }
  .cstm-card-body-wwd {
    padding: 30px 63px !important;
  }
  .cstm-container {
    gap: unset !important;
  }
  .letstalk-bg {
    padding-bottom: 150px !important;
    text-align: center;
  }
  .puzzle-letstalk {
    right: 70% !important;
    bottom: 28% !important;
  }
  .pos-modal__content {
    padding: 48px 20px !important;
  }
  .list-5-col li {
    width: 49%;
  }
  .box-line-throught {
    padding: 0px 30px;
  }
  .box-line-throught::before {
    width: 26px;
  }
  .box-line-throught::after {
    width: 26px;
  }
  .tag-mb .tag-1 {
    padding: 10px 15px;
    font-size: 12px;
    line-height: 14px;
  }
  /**/
  /* 400 */
  .contact-form-wrapper {
    padding: 20px 1px !important;
  }
  .block-pl-letstalk {
    padding-left: 0px !important;
  }
  .icon-arrow-right-white,
  .icon-arrow-right {
    padding-right: 44px !important;
    background-position: center right 22px !important;
  }
  .partner-card-svg-wrapper {
    margin-left: 4px !important;
    /* margin-top: -3px !important; */
  }
  /**/

  .sm-mx-10 {
    margin-left: 10px !important;
    margin-right: 10px !important;
  }
  .sm-fs-22 {
    font-size: 22px !important;
  }
  .sm-fs-20 {
    font-size: 20px !important;
  }
  .sm-fs-16 {
    font-size: 16px !important;
    line-height: 22px !important;
  }
  .sm-fs-14 {
    font-size: 14px !important;
    line-height: 19px !important;
  }
  .sm-fs-12 {
    font-size: 12px !important;
    line-height: 150% !important;
  }
  .sm-fs-18 {
    font-size: 18px !important;
    line-height: 25px !important;
  }
  .sm-fs-24 {
    font-size: 24px !important;
  }
  .sm-fs-28 {
    font-size: 28px !important;
    line-height: 36px !important;
  }
  .svg-mobile {
    display: block !important;
  }
  .svg-tablet {
    display: none !important;
  }
  .testimonial-svg-bg {
    top: 50% !important;
    transform: translate(-50%, -47%) !important;
    width: max-content !important;
  }
  .testimonial-pagination {
    margin-top: 40px !important;
  }
  .sfhero-pagination {
    margin-top: 40px !important;
  }
  .fs-card,
  .px-blog {
    padding-left: unset !important;
    padding-right: unset !important;
  }
  .px-lg-40 {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .experience-card {
    padding: 40px 16px !important;
  }
  .expertise-card-body {
    padding: 24px !important;
  }
  .sm-pl-16 {
    padding-left: 16px !important;
  }
  .sm-ml-25 {
    margin-left: 25px !important;
  }
  .sm-ml-35 {
    margin-left: 35px !important;
  }
  .sm-ml-50 {
    margin-left: 50px !important;
  }
  .sm-ml-15 {
    margin-left: 15px !important;
  }
  .sm-ml-10 {
    margin-left: 10px !important;
  }
  .sm-ml-0 {
    margin-left: 0px !important;
  }
  .sm-pl-0 {
    padding-left: unset !important;
  }
  .sm-pr-0 {
    padding-right: unset !important;
  }
  .burger-icon {
    padding-right: 16px;
  }
  .video-hero {
    height: 360px !important;
    align-self: stretch;
    aspect-ratio: 1/1 !important;
  }
  .perk-image-wrapper {
    position: relative;
    width: 40px !important;
    height: 40px !important;
  }
  /* .partner-cards2 {
      height: 152px !important;
      width: 152px !important;
    } */
  .vision-title {
    width: 100% !important;
  }
  .cstm-card-body-wwo2 {
    padding-left: 20px !important;
  }
  .sm-d-none {
    display: none !important;
  }
  .sm-pt-0 {
    padding-top: 0px !important;
  }
  .sm-pt-15 {
    padding-top: 15px !important;
  }
  .sm-pt-25 {
    padding-top: 25px !important;
  }
  .sm-pt-30 {
    padding-top: 30px !important;
  }
  .sm-pt-40 {
    padding-top: 40px !important;
  }
  .sm-pb-30 {
    padding-bottom: 30px !important;
  }
  .testimonial-company {
    margin-top: 30px !important;
  }
  .testimonial-wrapper {
    margin-top: 20px !important;
  }
  .company-client-name {
    justify-items: center !important;
  }
  .quote-bg {
    top: -4%;
  }
  .testimonial {
    padding-top: 140px !important;
    padding-bottom: 0px !important;
    margin-left: 50px !important;
    margin-right: 50px !important;
  }
  .back-title-partner,
  .back-quote-partner {
    font-size: 12px !important;
    line-height: 20px !important;
  }
  .featured-tag-text {
    font-size: 12px !important;
  }
  .partnership-image {
    width: 152px !important;
  }
  .partner-hero-card,
  .partner-hero-card-no-hover {
    width: 160px !important;
    height: 160px !important;
  }
  .partner-tag {
    top: 13px !important;
    width: 151px !important;
    left: -50px !important;
    padding: 1px 6px !important;
  }
  .footer-partner-part {
    flex-direction: column;
  }
  .icon-socials {
    margin-left: 24px !important;
  }
  .border-right-footer {
    border-bottom: 1px solid #afafaf;
    border-right: unset !important;
    padding-top: 37px;
    margin-bottom: 37px;
    width: 100%;
  }
  .f-logo {
    width: 271px !important;
    height: auto;
  }
  .footer-contact-part {
    flex-direction: column;
  }
  .footer-contact-part-upper {
    flex-direction: column;
  }
  .footer-top-part {
    flex-direction: column;
  }
  .welcome-hero-button {
    flex-direction: column;
    align-items: flex-start !important;
  }
  .welcome-hero-second-btn {
    margin-top: 40px;
  }
  .second-link-welcome-hero {
    margin-left: unset !important;
  }
  .solution-header-wrapper {
    justify-self: flex-start;
  }
  .header-cs-card {
    margin-right: unset !important;
    width: 90vw !important;
  }
  .header-expertise-fp {
    flex-direction: column;
  }
  .header-first-part {
    padding-right: 1rem !important;
    width: unset !important;
  }
  .header-second-part {
    margin-top: 20px;
  }
  .sm-col-reverse {
    flex-direction: column-reverse !important;
  }
  .card-grid-1 {
    padding: 20px 0px !important;
    height: auto;
  }
  .sm-mt-0 {
    margin-top: 0px !important;
  }
  .sm-mt-5 {
    margin-top: 5px !important;
  }
  .sm-mt-15 {
    margin-top: 15px !important;
  }
  .sm-mt-20 {
    margin-top: 20px !important;
  }
  .sm-mt-25 {
    margin-top: 25px !important;
  }
  .sm-mt-40 {
    margin-top: 40px !important;
  }
  .sm-mt-50 {
    margin-top: 50px !important;
  }
  .sm-mt-55 {
    margin-top: 55px !important;
  }
  .sm-mt-70 {
    margin-top: 70px !important;
  }
  .sm-mt-80 {
    margin-top: 80px !important;
  }
  .sm-mt-90 {
    margin-top: 90px !important;
  }
  .sm-mt-180 {
    margin-top: 180px !important;
  }
  .sm-mt-40 {
    margin-top: 40px !important;
  }
  .sm-mtb-30 {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
  }
  .sm-p-0 {
    padding: 0px !important;
  }
  .sm-p-20 {
    padding: 20px !important;
  }
  .sm-pt-60 {
    padding-top: 60px !important;
  }
  .sm-pt-75 {
    padding-top: 75px !important;
  }
  .sm-pt-80 {
    padding-top: 80px !important;
  }
  .sm-pb-0 {
    padding-bottom: 0px !important;
  }
  .sm-pb-65 {
    padding-bottom: 65px !important;
  }
  .sm-pb-80 {
    padding-bottom: 80px !important;
  }
  .sm-ptb-10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
  .sm-ptb-20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
  .sm-ptb-30 {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }
  .sm-ptb-80 {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }
  .sm-pdx-16 {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  .sm-px-0 {
    padding-left: unset !important;
    padding-right: unset !important;
  }
  .sm-pdx-10 {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  .sm-pdx-25 {
    padding-left: 25px !important;
    padding-right: 25px !important;
  }
  .sm-d-flex {
    display: flex !important;
  }
  .sm-align-items-center {
    align-items: center !important;
  }
  .sm-pdx-30 {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
  .pos-gallery-container {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .pos-gallery {
    padding-top: 0px !important;
  }
  .cstm-card-parent {
    margin-top: 20px;
  }
  .thumb-image {
    height: auto;
  }
  .innovate-card-wrapper {
    margin-bottom: unset !important;
    padding: 30px 48px !important;
  }
  .innovate-container {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }
  .innovate-button {
    margin-right: unset !important;
    margin-bottom: unset !important;
  }
  .innovate-button-2 {
    margin-right: unset !important;
    margin-bottom: unset !important;
    margin-top: 24px;
  }
  .innovate-button-wrapper {
    flex-direction: column;
  }
  .innovate-text-section {
    padding-left: 13px;
    margin-top: 64px !important;
  }
  .innovate-heading-2 {
    margin-top: 24px;
  }
  .innovate-image-row {
    margin-top: 64px !important;
  }
  .innovate-heading-3 {
    padding-left: 13px !important;
    margin-top: 24px;
  }
  .solution-header-wrapper,
  .case-study-big-list {
    flex-direction: column !important;
  }
  .case-study-big-list {
    margin-top: 20px;
    align-items: center !important;
  }
  .solution-second-row {
    margin-left: unset !important;
    padding-top: unset !important;
  }
  .solution-first-row {
    padding-bottom: unset !important;
  }
  .pb-2-5rem {
    margin-top: 10px;
    padding-bottom: 1rem !important;
  }
  .border-left {
    margin-left: unset !important;
  }
  .case-study-big-title,
  .case-study-small-title {
    padding-left: unset !important;
    margin-left: unset !important;
    text-align: center !important;
  }
  .box-countdown {
    display: inline-block;
    width: 100%;
  }
  .box-processbar {
    width: 100%;
  }
  .box-count {
    width: 100%;
    margin-top: 20px;
  }
  .deals-countdown {
    right: -5px;
  }
  .text-display-4 {
    font-size: 43px;
  }
  .btn.btn-black {
    font-size: 16px;
  }
  /* only for mobile */
  .fs-14 {
    font-size: 14px !important;
  }
  .fs-18 {
    font-size: 18px !important;
  }
  .mt-lg-25 {
    margin-top: 0px !important;
  }
  .btn {
    font-size: 14px !important;
    line-height: 140% !important;
  }
  :root {
    --sticky-base-top: 10vh !important;
  }
  .sticky-card {
    padding: 24px 20px !important;
    position: static !important;
  }
  .sm-mb-10 {
    margin-bottom: 10px !important;
  }
  .sm-mb-15 {
    margin-bottom: 15px !important;
  }
  .sm-mb-25 {
    margin-bottom: 25px !important;
  }
  .sm-mb-40 {
    margin-bottom: 40px !important;
  }
  .sm-mb-55 {
    margin-bottom: 55px !important;
  }
  .sm-mb-80 {
    margin-bottom: 80px !important;
  }
  .border-start-impact {
    border-top: 1px solid #c6c6c6 !important;
    padding-bottom: 40px;
  }
  .border-end-impact {
    border-bottom: 1px solid #c6c6c6 !important;
    padding-top: 40px;
  }
  .overlap-heading {
    padding: 24px !important;
  }
  .overlap-heading-text {
    font-size: 24px !important;
    line-height: 36px !important; /* 150% */
  }
  .next-section {
    /* padding: 100px 30px 50px 40px !important; */
    text-align: start !important;
  }
  .event-card {
    padding: 24px !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    margin-bottom: 24px !important;
  }
  .event-logo {
    margin-left: unset !important;
    margin-top: 15px !important;
  }
  .sm-d-block {
    display: block !important;
  }
  .pin-location {
    display: none !important;
  }
  .world-map {
    display: none !important;
  }
  .sf-story-card {
    width: 60vw !important;
    margin: 0 auto;
    margin-top: 25px;
  }
  .testimonial-card {
    max-width: 90vw !important;
    padding-left: 25px !important;
    padding-right: 25px !important;
    padding-top: 60px !important;
    padding-bottom: 30px !important;
  }
  .custom-header-body {
    max-width: 100%;
    padding-left: unset !important;
    padding-right: unset !important;
  }
  .fixed-top-10 {
    max-width: 100% !important;
    margin-left: unset !important;
    margin-right: unset !important;
  }
  .team-card {
    width: 220px !important;
  }
  .slider-news {
    padding: 0px 50px !important;
  }
  .overlap-heading-wrapper {
    margin-top: -70px !important;
  }
  .vision-icon {
    height: 40px !important;
    width: 40px !important;
  }
  .hide-heading-mobile {
    display: none;
  }
  .slider-news {
    padding: 0px 50px !important;
  }
  .overlap-heading-wrapper {
    margin-top: -70px !important;
  }
  .vision-icon {
    height: 40px !important;
    width: 40px !important;
  }
  .sm-text-center {
    text-align: center !important;
  }
  /* custom heading */
  .text-heading-32 {
    font-size: 28px;
  }
  .question-answer {
    row-gap: 16px !important;
    grid-template-columns: repeat(1, fit-content(100%)) !important;
  }
  .question-answer-list {
    padding: 24px !important;
  }
  .team-card {
    width: 220px !important;
  }
  .slider-news {
    padding: 0px 50px !important;
  }
  .overlap-heading-wrapper {
    margin-top: -70px !important;
  }
  .sf-search-box {
    left: 0 !important;
    width: 480px !important;
  }
  .sm-br-8 {
    border-radius: 8px !important;
  }
  .integration-problem-card,
  .integration-solution-card {
    width: 90% !important;
    padding: 16px !important;
    border-radius: 4px !important;
  }
  .integration-solution-card {
    margin-left: auto !important;
  }
  .integration-second-image {
    height: 20px !important;
    width: 20px !important;
  }
  .integration-solution-header-card {
    width: auto !important;
  }
  .integration-solutions {
    padding-left: 2rem !important;
    gap: 56px !important;
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .header-banner-center-part {
    margin-right: 10% !important;
    padding: 5px !important;
  }
  .banner-flex {
    display: block; /* remove flex */
  }
  .banner-inline-wrapper {
    display: inline !important;
  }
  .banner-inline-wrapper p {
    display: inline;
    margin: 0;
  }
  .banner-icon {
    display: inline-block;
    margin-left: 6px;
    vertical-align: middle;
  }
  .banner-close {
    right: 10px !important;
  }
  .partner-hero-card-wrapper {
    justify-content: center;
  }
  .integration-third-logo {
    height: 32px !important;
    width: 32px !important;
  }
  .integrations-first-logo {
    height: 40px !important;
    width: 95px !important;
  }
  .letstalk-without-bg {
    min-height: 551px !important;
    background-position: bottom !important;
  }
}
@media only screen and (max-width: 480px) {
  .puzzle-letstalk {
    right: 77% !important;
    bottom: 25% !important;
  }
  .testimonial {
    margin-left: 40px !important;
    margin-right: 40px !important;
  }
  .pos-team-card {
    width: 92vw !important;
  }
  .feature-short-mobile {
    padding-top: 180px !important;
  }
  .achieve-icon {
    height: 40px !important;
    width: 40px !important;
  }
  .team-card {
    width: 44vw !important;
  }
  .sf-story-card {
    width: 90vw !important;
  }
}
@media only screen and (max-width: 575.98px) {
  .expertise-header-card {
    width: unset !important;
  }
  .pos-modal-inner {
    flex-direction: column;
  }
  .expertise-heading {
    flex-direction: column;
    align-items: center;
  }
  .solution-header-width {
    width: 100% !important;
  }
  .expertise-card-wrapper {
    width: 100% !important;
  }
  .header {
    padding: 15px 0;
  }
  .header.stick {
    padding: 15px 0;
  }
  .text-display-2 {
    font-size: 40px;
    line-height: 48px;
  }
  .text-heading-1 {
    font-size: 35px;
    line-height: 44px;
  }
  .text-heading-2 {
    font-size: 28px;
    line-height: 32px;
  }
  .text-heading-4 {
    font-size: 20px;
    line-height: 26px;
  }
  .block-we-do .inner-image .block-image-bottom {
    bottom: -50px;
    right: -5px;
  }
  .list-partners li {
    width: 32%;
    padding: 0px;
  }
  .list-partners li a {
    padding: 10px 15px;
  }
  .text-display-3 {
    font-size: 35px;
    line-height: 42px;
  }
  .btn-mb {
    margin-left: 0px !important;
  }
  .box-image .btn-play-middle {
    width: 70px;
    height: 70px;
    background-size: 70px;
  }
  .btn {
    padding: 15px 22px;
  }
  .icon-arrow-right-white,
  .icon-arrow-right {
    padding-right: 44px;
    background-position: center right 22px;
  }
  .list-icons .item-icon.none-bd {
    margin-bottom: 20px;
  }
  .text-heading-5 {
    font-size: 18px;
  }
  .text-heading-3 {
    font-size: 24px;
    line-height: 30px;
  }
  .text-heading-3-light {
    font-size: 20px;
    line-height: 30px;
  }
  .single-detail p {
    font-size: 16px;
    line-height: 30px;
  }
  .form-comment .text-end {
    text-align: center !important;
  }
  .header.sticky-bar .col-lg-7 .burger-icon {
    right: 15px;
  }
  .banner-hero.hero-1 h1 {
    font-size: 38px;
  }
  .banner-hero .block-banner .form-find {
    padding: 15px;
    margin-top: 40px !important;
  }
  .banner-hero .block-banner .form-find form {
    display: block;
  }
  .banner-hero .block-banner .form-find form input {
    margin-bottom: 15px;
  }
  .banner-hero .block-banner .form-find form button {
    margin-top: 15px;
  }
  h2.section-title {
    font-size: 32px;
    line-height: 48px;
  }
  .mt-sm-15 {
    margin-top: 15px !important;
  }
  .mt-sm-30 {
    margin-top: 30px !important;
  }
  .mt-sm-40 {
    margin-top: 40px !important;
  }
  .pt-sm-15 {
    padding-top: 15px;
  }
  .swiper-group-6 {
    max-height: 140px;
  }
  .list-partners li {
    padding: 15px 15px;
  }
  .footer .col-xs-6 {
    width: 50%;
  }
  .footer ul.mt-40 {
    margin-top: 15px !important;
    margin-bottom: 20px !important;
  }
  .footer .footer-social {
    margin-top: 15px;
    margin-left: -10px;
  }
  .nav-right li {
    margin-bottom: 15px;
  }
  .archive-header h3 {
    font-size: 32px;
    line-height: 1.2;
  }
  .sm-fs-28 {
    font-size: 28px !important;
  }
  /* footer address */
  .footer-flex {
    flex-direction: column;
    align-items: center;
  }

  .footer-flex .loc {
    width: 100%;
    max-width: 400px;
  }
  .header .main-header {
    padding: 15px !important;
  }
  .burger-icon {
    right: 15px !important;
    margin-top: -24px;
  }
  .mobile-header-wrapper-style
    .mobile-header-wrapper-inner
    .mobile-header-content-area {
    padding: 18px 0 !important;
  }
  .sf-search-box {
    width: 88vw !important;
  }
}
@media only screen and (max-width: 360px) {
  .testimonial-card {
    max-width: 90vw !important;
    padding-left: 25px !important;
    padding-right: 25px !important;
    padding-top: 60px !important;
    padding-bottom: 30px !important;
  }
  .testimonial {
    padding-top: 150px !important;
  }
  .testimonial-wrapper {
    margin-top: 40px !important;
  }
  .testimonial {
    margin-left: 30px !important;
    margin-right: 30px !important;
  }
  .testimonial-pagination {
    margin-top: 15px !important;
  }
  .quote-bg {
    left: 15% !important;
    top: 2%;
  }
  .team-card {
    width: 70vw !important;
  }
  .sf-story-card {
    width: 90vw !important;
  }
  .sf-hero-image {
    height: 220px !important;
  }
  .integration-second-svg-small {
    margin-left: 16px !important;
  }
  .header-banner-center-part {
    margin-right: 14% !important;
  }
  .sf-search-box {
    width: 83vw !important;
  }
}

/* Screens and */

@media screen and (min-width: 361px) and (max-width: 400px) {
  .sf-search-box {
    width: 84vw !important;
  }
}
@media screen and (min-width: 401px) and (max-width: 460px) {
  .sf-search-box {
    width: 86vw !important;
  }
}
@media screen and (min-width: 480px) and (max-width: 575px) {
  .partner-hero-card-wrapper {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
@media screen and (min-width: 0px) and (max-width: 576px) {
  .lg-mt-80 {
    margin-top: 80px !important;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .mobile-medium-px-0 {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .integration-second-svg-small {
    margin-left: 35px !important;
  }
  .integration-second-svg-small-mobile {
    display: none !important;
  }
}
@media screen and (min-width: 750px) and (max-width: 760px) {
  .testimonial-svg-bg {
    top: 48% !important;
    left: 50% !important;
  }
  .healthcare-info-card-wrapper {
    justify-content: center !important;
  }
  .sm-tab-px-0 {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .sm-tab-mt-40 {
    margin-top: 40px !important;
  }
  .sm-tab-mt-30 {
    margin-top: 30px !important;
  }
  .sm-tab-mt-25 {
    margin-top: 25px !important;
  }
  .sm-tab-mt-0 {
    margin-top: 0px !important;
  }
  .tab-sm-mt-150 {
    margin-top: 210px !important;
  }
  .sm-tab-text-center {
    text-align: center !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .mt-md-30 {
    margin-top: 30px !important;
  }
  .integration-second-svg-small,
  .integration-second-svg {
    display: none !important;
  }
  .integration-tab-svg {
    margin-left: 64% !important;
  }
  .latest-event-header-left-section {
    margin-top: 88px !important;
  }
  .commerce-expertise-first-section {
    padding: 0 !important;
  }
  .integration-third-logo {
    height: 40px !important;
    width: 40px !important;
  }
  .integration-third-card-left {
    padding: 0px 10px !important;
  }
}
@media screen and (min-width: 876px) and (max-width: 880px) {
  .testimonial-svg-bg {
    top: -10% !important;
    left: 62% !important;
  }
  .mobile-header-wrapper-style
    .mobile-header-wrapper-inner
    .mobile-header-content-area
    .mobile-header-border {
    margin-top: 10px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .sf-cs-big {
    width: 100% !important;
  }
  .testimonial-card {
    max-width: 80vw !important;
    padding-left: 40px !important;
    padding-right: 40px !important;
    padding-top: 70px !important;
    padding-bottom: 40px !important;
  }
  .no-scroll {
    overflow: auto !important;
  }
  .blog-main-image {
    height: 32px !important;
    width: auto !important;
  }
  .md-flex-grow-unset {
    flex-grow: unset !important;
  }
  .md-align-items-center {
    align-items: center !important;
  }
  .experties-logo {
    height: 48px !important;
    width: 48px !important;
  }
  .service-image {
    height: 48px !important;
    width: 48px !important;
  }
  .wwo3-image {
    height: 40px !important;
    width: 40px !important;
  }
  .b2bdatacard {
    width: 100% !important;
    padding: 40px !important;
    height: 290px !important;
  }
  .sol-cagt-partner-icon {
    height: 66px !important;
    width: 66px !important;
  }
  .solcargtpartnerbg {
    padding: 30px 59px 30px 60px !important;
  }
  .sf-cs-image {
    height: 282px !important;
    object-fit: cover !important;
    border-radius: 16px !important;
    width: 100%;
  }
  .sf-hero-main {
    flex-direction: column !important;
  }
  .sf-cs-main {
    flex-direction: column !important;
    row-gap: unset !important;
  }
  .healthcare-info-card-wrapper {
    justify-self: center !important;
    justify-content: center !important;
  }
  .letstalk-bg {
    padding-top: 40px !important;
  }
  .footer-contact-part-upper {
    justify-self: center;
  }
  .btn {
    font-size: 16px;
    line-height: 140%;
  }
  .header {
    border-bottom: 1px solid #d4d4d4;
  }
  .md-flex-column {
    flex-direction: column !important;
  }
  .sf-story-card {
    width: 480px !important;
    margin-top: 55px !important;
  }
  .sf-hero-image {
    height: 428px !important;
    width: 664px !important;
  }
  .world-map .pin-location {
    display: none !important;
  }
  .welcome-hero {
    flex-direction: column !important;
  }
  .md-w-100 {
    width: 100% !important;
  }
  .overlap-heading {
    padding: 40px !important;
  }
  .overlap-heading-text {
    font-size: 28px !important;
    line-height: 132% !important;
  }
  .next-section {
    /* padding: 155px 40px 70px 95px !important; */
    text-align: start !important;
  }
  .tablet-display-2 {
    font-size: 36px !important;
    line-height: 132% !important; /* 47.52px */
  }
  .blog-header-hero {
    padding: 80px 64px !important;
  }
  .solutions-card-body {
    padding-top: 72px !important;
    padding-bottom: 40px !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
  :root {
    --sticky-base-top: 10vh !important;
  }
  .sticky-card {
    padding: 24px 40px !important;
  }
  .border-start-impact {
    border-left: 1px solid #c6c6c6 !important;
  }
  .border-end-impact {
    border-right: 1px solid #c6c6c6 !important;
  }
  .b2bdatacardparent {
    flex-wrap: wrap;
  }
  .b2bdatacard {
    width: 50% !important;
    padding: 40px !important;
  }
  .md-pt-0 {
    padding-top: 0px !important;
  }
  .md-pt-15 {
    padding-top: 15px !important;
  }
  .md-pt-40 {
    padding-top: 40px !important;
  }
  .md-pt-55 {
    padding-top: 55px !important;
  }
  .md-pt-80 {
    padding-top: 80px !important;
  }
  .md-pb-20 {
    padding-bottom: 20px !important;
  }
  .md-pb-30 {
    padding-bottom: 30px !important;
  }
  .md-pb-80 {
    padding-bottom: 80px !important;
  }
  .md-ptb-40 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .md-ptb-90 {
    padding-top: 90px !important;
    padding-bottom: 90px !important;
  }
  .md-ptb-80 {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }
  .md-ml-55 {
    margin-left: 55px !important;
  }
  .service-card-body {
    padding: 16px !important;
  }
  .partner-hero-card,
  .partner-hero-card-no-hover {
    width: 240px !important;
    height: 240px !important;
  }
  .iiot-image-our-idea {
    width: 56px !important;
    height: 56px !important;
    align-self: flex-start;
  }
  .two-cs-image {
    height: 234px !important;
  }
  .text-heading-4 {
    font-size: 20px;
    line-height: 140%; /* 28px */
  }
  .text-heading-5 {
    font-size: 18px;
    line-height: 132% !important; /* 28px */
  }
  .text-heading-6 {
    font-size: 14px !important;
    line-height: 140%; /* 28px */
  }
  .expertise-video {
    padding: 139px 94px 139px 94px !important;
  }
  .puzzle-letstalk {
    right: 35% !important;
    bottom: 40% !important;
  }
  .team-card {
    width: 26vw !important;
  }
  .team-image-bg {
    height: auto;
  }
  .commerce-logos {
    height: 64px;
    width: 64px;
  }
  .impact-img {
    height: 56px;
    width: 56px;
  }
  .md-mx-10 {
    margin-left: 10px !important;
    margin-right: 10px !important;
  }
  .md-pdx-16 {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  .md-jcc {
    justify-content: center;
  }
  .md-h-auto {
    height: auto !important;
  }
  .experience-card {
    padding-left: 49px !important;
  }
  .md-fs-32 {
    font-size: 32px !important;
    line-height: 140% !important; /* 44.8px */
  }
  .md-fs-20 {
    font-size: 20px !important;
    line-height: 160% !important;
  }
  .md-fs-24 {
    font-size: 24px !important;
    line-height: normal !important;
  }
  .md-fs-28 {
    font-size: 28px !important;
    line-height: 132% !important;
  }
  .md-fs-35 {
    font-size: 35px !important;
    line-height: 132% !important;
  }
  .md-fs-40 {
    font-size: 40px !important;
    line-height: 82px !important;
  }
  .md-fs-44 {
    font-size: 44px !important;
    line-height: 132% !important;
  }
  .md-fs-96 {
    font-size: 96px !important;
  }
  .md-fs-18 {
    font-size: 18px !important;
    line-height: 140% !important;
  }
  .md-fs-16 {
    font-size: 16px !important;
    line-height: 132% !important;
  }
  .md-fs-14 {
    font-size: 14px !important;
    line-height: 140% !important;
  }
  .md-fs-12 {
    font-size: 12px !important;
    line-height: 160% !important;
  }
  .md-mt-30 {
    margin-top: 30px !important;
  }
  .md-mt-35 {
    margin-top: 35px !important;
  }
  .md-mt-50 {
    margin-top: 50px !important;
  }
  .md-mt-55 {
    margin-top: 55px !important;
  }
  .md-mb-0 {
    margin-bottom: 0px !important;
  }
  .md-mb-10 {
    margin-bottom: 10px !important;
  }
  .md-mb-15 {
    margin-bottom: 15px !important;
  }
  .md-mb-25 {
    margin-bottom: 25px !important;
  }
  .md-mb-40 {
    margin-bottom: 40px !important;
  }
  .md-px-0 {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .md-py-0 {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .md-mb-50 {
    margin-bottom: 50px !important;
  }
  .md-mt-65 {
    margin-top: 65px !important;
  }
  .md-mt-80 {
    margin-top: 80px !important;
  }
  .md-mtb-80 {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
  }
  .md-mtb-60 {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }
  .md-pl-0 {
    padding-left: unset !important;
  }
  .md-pl-15 {
    padding-left: 15px !important;
  }
  .md-pl-40 {
    padding-left: 40px !important;
  }
  .md-mt-5 {
    margin-top: 5px !important;
  }
  .md-mt-10 {
    margin-top: 10px !important;
  }
  .md-mt-15 {
    margin-top: 15px !important;
  }
  .md-pl-20 {
    padding-left: 20px !important;
  }
  .md-mt-0 {
    margin-top: unset !important;
  }
  .md-mt-25 {
    margin-top: 25px !important;
  }
  .md-mt-40 {
    margin-top: 40px !important;
  }
  .md-p-20 {
    padding: 20px !important;
  }
  .testimonial-svg-bg {
    top: 50% !important;
  }
  .testimonial-pagination {
    margin-top: unset !important;
  }
  /* .svg-tablet {
      width: 80vw !important;
    } */
  .feature-short-mobile {
    padding-top: 100px !important;
    padding-bottom: 50px !important;
  }
  .partnership-image {
    width: 17vw !important;
  }
  .expertise-page-logo {
    height: 56px !important;
    width: 56px !important;
  }
  /* .partner-cards2 {
      width: 144px !important;
      height: 144px !important;
    } */
  .partner-card2-parent {
    width: 100% !important;
  }
  .box-square {
    padding: 24px 16px 0 16px !important;
  }
  .fs-card {
    padding-left: unset !important;
    padding-right: unset !important;
  }
  .slider-news {
    padding: 0 !important;
  }
  .testimonial {
    margin-left: 85px;
    margin-right: 85px;
  }
  .header-second-part {
    margin-left: 30px;
  }
  .border-top-footer {
    border-bottom: 1px solid #afafaf;
    border-right: unset !important;
    padding-top: 56px;
    margin-bottom: 56px;
    width: 100%;
  }
  .footer-top-part {
    flex-direction: column;
  }
  .md-d-none {
    display: none !important;
  }
  .md-d-block {
    display: block !important;
  }
  .md-d-flex {
    display: flex !important;
  }
  .thumb-image {
    height: auto;
  }
  .list-icons .item-icon.none-bd-1 {
    text-align: center;
  }
  .block-pl {
    padding-left: 11px;
  }
  .cstm-card-body-hww {
    text-align: center !important;
    align-items: center !important;
  }
  .pos-gallery-container {
    padding-top: 0px !important;
  }
  .mt-md-10 {
    margin-top: 10px !important;
  }
  .mt-md-20 {
    margin-top: 20px !important;
  }
  .pb-md-50 {
    padding-bottom: 50px !important;
  }
  .pb-md-0 {
    padding-bottom: 0px !important;
  }
  .mt-md-25 {
    margin-top: 25px !important;
  }
  .mt-md-50 {
    margin-top: 50px !important;
  }
  .mt-md-60 {
    margin-top: 60px !important;
  }
  .mt-md-70 {
    margin-top: 70px !important;
  }
  .mt-md-100 {
    margin-top: 100px !important;
  }
  .cstm-container {
    grid-template-columns: repeat(1, 1fr) !important;
  }
  .card-grid-style-4 .grid-4-img img {
    height: 240px;
    width: 500px;
  }
  .wwr-image {
    margin-top: 20px;
  }
  .fixed-top-10 {
    max-width: 100% !important;
  }
  .header-expertise-fp {
    align-self: center;
  }
  .custom-header-body {
    max-width: 100%;
    padding-left: unset !important;
    padding-right: unset !important;
  }
  .solution-header-wrapper,
  .case-study-big-list {
    justify-content: center;
  }
  .solution-header-width {
    justify-items: center;
  }
  .expertise-header-card {
    width: unset !important;
  }
  .border-left {
    margin-left: unset !important;
  }
  .case-study-small-title,
  .case-study-big-title {
    padding-left: unset !important;
  }
  .svg-tablet {
    display: block !important;
  }
  .md-p-0 {
    padding: 0 !important;
  }
  .text-body-quote {
    font-size: 14px;
    line-height: 160%; /* 22.4px */
  }
  .text-body-excerpt {
    font-size: 14px !important;
    line-height: 140% !important; /* 19.6px */
  }
  .expertise-card-body {
    padding: 24px !important;
  }
  .text-body-lead-large {
    font-size: 16px;
    line-height: 140%;
  }
  .text-heading-1 {
    font-size: 35px;
    line-height: 132%; /* 46.2px */
  }
  .text-heading-3 {
    font-size: 20px;
    line-height: 132%; /* 26.4px */
  }
  .md-text-center {
    text-align: center !important;
  }
  .achieve-component-display {
    display: none !important;
  }
  .mobile-header-wrapper-style
    .mobile-header-wrapper-inner
    .mobile-header-content-area
    .mobile-header-border {
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
    margin-top: 5px;
  }
  .team-card {
    width: 210px !important;
  }
  .slider-news {
    padding: 0px 50px !important;
  }
  .overlap-heading-wrapper {
    margin-top: -85px !important;
  }
  .healthcare-card {
    width: 325px !important;
  }
  .md-text-center {
    text-align: center !important;
  }
  .sf-search-box {
    width: 400px !important;
  }
  /* tag heading */
  h2 {
    font-size: 42px;
  }
  .question-answer {
    row-gap: 16px !important;
    grid-template-columns: repeat(1, fit-content(100%)) !important;
  }
  .question-answer-list {
    padding: 24px !important;
  }
  .md-d-flex {
    display: flex !important;
  }
  .md-justify-content-between {
    justify-content: space-between !important;
  }
  .md-ptb-35 {
    padding: 35px 0;
  }
  .text-heading-24 {
    font-size: 20px !important;
  }
  .integration-problem-card,
  .integration-solution-card {
    padding: 24px !important;
  }
  .letstalk-without-bg {
    min-height: 314px !important;
    /* background-position: bottom !important; */
    align-content: center !important;
  }
  .event-card {
    margin-bottom: 32px;
  }
}
@media screen and (min-width: 992px) and (max-width: 1024px) {
  .achieve-cards {
    margin-top: unset !important;
  }
  .sf-hero-main {
    flex-direction: row !important;
  }
  .sf-page-image-wrapper {
    margin-top: unset !important;
  }
  .sf-hero-image {
    height: 325px !important;
    width: 664px !important;
  }
  .overlap-heading-wrapper {
    margin-top: -85px !important;
  }
  .card-grid-style-4 .grid-4-img img {
    height: 240px !important;
  }
  .md-flex-grow-unset {
    flex-grow: 1 !important;
  }
  .sf-journals {
    flex-direction: row !important;
  }
  .sf-story-card {
    width: 300px !important;
  }
  .partner-list-text {
    text-align: center !important;
  }
  .sf-hero-main {
    flex-direction: row !important;
  }
  .sf-page-image-wrapper {
    margin-top: unset !important;
  }
  .sf-hero-image {
    height: 325px !important;
    width: 664px !important;
  }
  .overlap-heading-wrapper {
    margin-top: -85px !important;
  }
  .card-grid-style-4 .grid-4-img img {
    /* height: auto !important; */
  }
  .md-flex-grow-unset {
    flex-grow: 1 !important;
  }
  .sf-search-box {
    width: 500px !important;
  }
  .pos-experience-first-para,
  .pos-experience-second-para {
    padding-top: 40px !important;
  }
  .pos-exp-first-btn {
    display: inline-block !important;
  }
  .b2b-commerce-second-part {
    margin-top: unset !important;
  }
  .integration-second-svg {
    margin-left: 27% !important;
  }
  .lg-mt-0 {
    margin-top: 0px !important;
  }
  .commerce-expertise-first-section {
    padding-right: 30px !important;
  }
  .integration-third-logo {
    margin-bottom: 25px !important;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1200px) {
  .mobile-header-wrapper-style
    .mobile-header-wrapper-inner
    .mobile-header-content-area
    .mobile-header-border {
    margin-top: 5px !important;
  }
  .testimonial-svg-bg {
    top: -11% !important;
    left: 58% !important;
  }
  .md-flex-grow-unset {
    flex-grow: 1 !important;
  }
  .tab-lg-mt-100 {
    margin-top: 100px !important;
  }
  .lg-tab-6 {
    flex: 0 0 auto !important;
    width: 50% !important;
  }
  .opportunities-card-inner {
    width: auto !important;
  }
  .healthcare-info-card-wrapper {
    justify-content: center !important;
    justify-self: center !important;
  }
  .team-card {
    width: 252px !important;
  }
  .sf-hero-main {
    flex-direction: row !important;
  }
  .sf-story-card {
    width: 300px !important;
  }
  .lg-tab-d-none {
    display: none !important;
  }
  .lg-tab-flex {
    display: flex !important;
  }
  .lg-tab-block {
    display: block !important;
  }
  .card-grid-style-4 .grid-4-img img {
    /* height: auto !important; */
  }
  .achieve-component-display {
    display: none !important;
  }
  .b2b-data-text {
    font-size: 68px !important;
  }
  .sf-hero-image {
    height: auto !important;
  }
  .sm-footer-contact-part {
    display: flex;
  }
  .sf-search-box {
    width: 500px !important;
  }
  .partner-list-text {
    text-align: center !important;
    margin-bottom: 25px;
  }
  .integration-second-svg {
    margin-left: 27% !important;
  }
  .integration-second-svg-small-mobile {
    display: none !important;
  }
  .lg-mt-0 {
    margin-top: 0px !important;
  }
  .commerce-expertise-first-section {
    padding-right: 30px !important;
  }
  .letstalk-without-bg {
    min-height: 364px !important;
    align-content: center !important;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1399px) {
  .partner-hero-card-wrapper {
    justify-content: center;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1440px) {
  .header-right {
    display: none;
  }
  .achieve-component-display {
    display: none !important;
  }
  .b2b-data-text {
    font-size: 80px !important;
  }
  .mobile-header-wrapper-style
    .mobile-header-wrapper-inner
    .mobile-header-content-area
    .mobile-header-border {
    margin-top: 5px !important;
  }
  .sm-footer-contact-part {
    display: flex;
  }
  .lg-d-flex {
    display: flex !important;
  }
  .lg-d-none {
    display: none !important;
  }
  .sf-story-card {
    width: 360px !important;
  }
  .integration-second-svg {
    margin-left: 39% !important;
  }
  .lg-mt-0 {
    margin-top: 0px !important;
  }
  .commerce-expertise-first-section {
    padding-right: 30px !important;
  }
}
/* Large screens */
@media (max-width: 1439px) and (min-width: 992px) {
  .box-gray-100 {
    padding: unset !important;
  }
  .sd-mt-120 {
    margin-top: 120px !important;
  }
  .blog-header-hero {
    padding: 80px 64px !important;
  }
  .sd-h-auto {
    height: auto !important;
  }
  .quote-svg {
    top: -6% !important;
  }
  .sf-cs-image {
    /* height: 500px !important; */
    object-fit: cover !important;
    border-radius: 16px !important;
    width: 100% !important;
  }
  .feature-short-mobile {
    padding-top: unset !important;
  }
  .something-went-wrong {
    background-size: 520px;
  }
  .something-went-wrong-inner-container {
    justify-content: start;
    margin-top: 50px;
  }
  /*  */

  .something-went-wrong {
    background: none; /* remove background image */
  }
  .error-image-mobile {
    display: block; /* show image */
    margin-top: 40px;
    display: flex;
    justify-content: center;
    width: 100%;
  }

  .error-image-mobile img {
    /* width: 70%; */
    height: auto;
  }
  .header-model-flex {
    flex-direction: column;
  }
  .custom-header-body {
    max-width: 100%;
    padding-left: unset !important;
    padding-right: unset !important;
  }
  .fixed-top-10 {
    max-width: 100% !important;
  }
  .solution-header-wrapper,
  .case-study-big-list {
    justify-content: center;
  }
  .header-expertise-fp {
    align-self: center;
  }
  .achieve-section {
    z-index: 1 !important;
  }
  .pos-exp-second-btn {
    display: none !important;
  }
  .integration-second-svg-small,
  .integration-tab-svg {
    display: none !important;
  }
}

/* -------------------------- */
/* MEDIA QUERIES */ /* Min width */
/* -------------------------- */

/* Small (sm) */
@media (min-width: 576px) {
}
/* Medium (md) */
@media (min-width: 768px) {
  .SFOptionalBlog_img_wrapper {
    max-width: 928px;
    max-height: 355px;
    border-radius: 16px;
    overflow: hidden;
  }
  .SFOptionalBlog_img {
    width: 928px !important;
    height: 395px !important;
    border-radius: 16px;
    object-fit: cover;
    transition: transform 0.3s ease;
    aspect-ratio: 1;
  }
  .SFOptionalBlog_1stCard:hover .SFOptionalBlog_img {
    transform: scale(1.05);
  }
  /* FeatureHighlightsSection CSS */
  .products-page-inner {
    flex-direction: row;
    padding: 0px 0px;
  }
  .products-page-inner-left {
    padding: 24px;
  }
  .products-page-inner-right {
    padding: 24px 8px 20px 32px;
  }
  /* ------- */
  /* Padding */
  /* ------- */
  .ptb-md-120 {
    padding: 120px 0;
  }
  .plr-md-40 {
    padding-left: 40px;
    padding-right: 40px;
  }
  /* ------- */
  /* Margin */
  /* ------- */
  .mt-md-16 {
    margin-top: 16px;
  }
  .mt-md-24 {
    margin-top: 24px;
  }
  .mt-md-32 {
    margin-top: 32px;
  }
  .mt-md-40 {
    margin-top: 40px;
  }
  .mt-md-80 {
    margin-top: 80px;
  }
  /* bottom */
  .mb-md-24 {
    margin-bottom: 24px;
  }
  /* ------- */
  /* Font Size */
  /* ------- */
  .body-1 {
    font-size: 18px;
  }
  .body-2 {
    font-size: 16px;
  }
  .body-3 {
    font-size: 14px;
  }
  .body-4 {
    font-size: 20px;
  }
  .body-5 {
    font-size: 20px;
  }
  .cta {
    font-size: 16px;
  }
  /* ------- */
  /* Font Size */
  /* ------- */
  h1 {
    font-size: 56px;
  }
  h2 {
    font-size: 42px;
  }
  h3 {
    font-size: 32px;
  }
  h4 {
    font-size: 28px;
  }
  h5 {
    font-size: 20px;
  }
  h6 {
    font-size: 18px;
  }
}

/* Large (lg) */
@media (min-width: 992px) {
  .pl-lg-30 {
    padding-left: 30px !important;
  }
  .SFOptionalBlog_img {
    width: 304px !important;
    height: 355px !important;
    border-radius: 16px;
  }
  /* SF_Optional_blog */
  .sideStoryScrollWrapper {
    flex-direction: row;
    overflow-y: auto;
    max-height: 320px;
    padding-bottom: 10px;
  }
  .sideStoryItem {
    width: calc(50% - 10px); /* Perfect 2 cards */
  }
  /* FeatureHighlightsSection CSS */
  .products-page-inner {
    flex-direction: row;
    padding: 24px 16px;
  }
  .products-page-inner-left-img-responsive {
    height: 100%;
  }
  /* ProcessSteps */
  .ps-mobile-img {
    display: none;
  }
  .ps-desktop-img {
    display: block;
  }
  /* IntegrationsSection */
  .wrapper {
    display: flex;
  }
  /* ------- */
  /* Padding */
  /* ------- */
  .ptb-lg-40 {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .plr-lg-40 {
    padding-left: 40px;
    padding-right: 40px;
  }
  /* ------- */
  /* Margin */
  /* ------- */
  .mt-lg-0 {
    margin-top: unset;
  }
  .mt-lg-16 {
    margin-top: 16px;
  }
  .mt-lg-24 {
    margin-top: 24px;
  }
  .mt-lg-40 {
    margin-top: 40px;
  }
  .mt-lg-48 {
    margin-top: 48px;
  }
  .mt-lg-56 {
    margin-top: 56px;
  }
  .mt-lg-80 {
    margin-top: 80px;
  }
  .mt-lg-100 {
    margin-top: 100px;
  }
  .mtb-lg-100 {
    margin-top: 100px;
    margin-bottom: 100px;
  }
}
/* Large-2 (lg2) */
@media (min-width: 1025px) {
  .products-page-inner {
    min-width: 512px !important;
  }
  /* ------- */
  /* Margin */
  /* ------- */
  .mt-lg2-16 {
    margin-top: 16px;
  }
  .mt-lg2-24 {
    margin-top: 24px;
  }
  .mt-lg2-40 {
    margin-top: 40px;
  }
  .mt-lg2-48 {
    margin-top: 48px;
  }
  .mt-lg2-56 {
    margin-top: 56px;
  }
  .mt-lg2-80 {
    margin-top: 80px;
  }
  /* ------- */
  /* Font Size */
  /* ------- */
  h1 {
    font-size: 66px;
  }
  h2 {
    font-size: 56px;
  }
  h3 {
    font-size: 44px;
  }
  h4 {
    font-size: 32px;
  }
  h5 {
    font-size: 24px;
  }
}

/* Extra Large (xl) */
@media (min-width: 1200px) {
  .SFOptionalBlog_img {
    width: 304px !important;
    height: 320px !important;
  }
  /* SF_Optional_blog */
  .sideStoryScrollWrapper {
    max-height: 300px;
  }
  .sideStoryItem {
    width: 100%;
  }
  .letstalk-without-bg {
    min-height: 364px !important;
    align-content: center !important;
  }
  /* ------- */
  /* Margin */
  /* ------- */
  .mt-xl-8 {
    margin-top: 8px;
  }
  .mt-xl-16 {
    margin-top: 16px;
  }
  .mt-xl-24 {
    margin-top: 24px;
  }
  .mt-xl-32 {
    margin-top: 32px;
  }
  .mt-xl-40 {
    margin-top: 40px;
  }
  .mt-xl-48 {
    margin-top: 48px;
  }
  .mt-xl-56 {
    margin-top: 56px;
  }
  .mt-xl-80 {
    margin-top: 80px;
  }
  /* ------- */
  /* Padding */
  /* ------- */
  .pb-xl-24 {
    padding-bottom: 24px;
  }
}

/* Extra Extra Large (xxl) */
@media (min-width: 1400px) {
  .integration-second-svg {
    margin-left: 38% !important;
  }
  .container {
    max-width: 1128px !important;
  }
  .header {
    transition: transform 0.3s ease-in-out;
  }

  .header.hide {
    transform: translateY(-100%);
  }

  .header.show {
    transform: translateY(0);
  }
}
/* Extra Extra Large (xxl2) */
@media (min-width: 1440px) {
  .partner-card2-parent-padding {
    padding: 0px 30px 30px 30px !important;
  }
  .lg-d-flex {
    display: flex !important;
  }
  .lg-d-none {
    display: none !important;
  }
  .container {
    max-width: 1128px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .block-img-we-do {
    padding-right: 30px;
  }
  .text-poppins {
    font-size: 14px;
    line-height: normal;
  }
  .offset-xl-p {
    padding-left: 14.333333%;
  }
  .feature-short-mobile {
    padding-top: 0px !important;
  }
  .header .main-header .header-left .header-logo {
    padding-bottom: 5px;
    /* margin-right: 50px; */
    /* margin-left: -5px; */
  }
  .lg-mt-0 {
    margin-top: 0px !important;
  }
  .commerce-expertise-first-section {
    padding-right: 30px !important;
  }
}