/* ─── Mobile (up to 767.98px) ───────────────────────────────────── */
@media (max-width: 767.98px) {

  .button,
  .buttonType2,
  .button_ {
    padding: 1rem 2rem;
    font-size: 1.6rem;
  }

  .button_type2 {
    padding: 1rem 2rem;
  }

  section {
    padding: 5rem 0rem;
  }

  .navbar-brand {
    padding: 2rem;
    padding-left: 0;
    margin: 0 2rem;
  }

  /* .page-header  .is-sticky .navbar-brand  {
  margin:0 1rem 0 2rem ;
} */
  .nav-section nav {
    padding: 0;
  }

  .navbar-brand img {
    height: 50px !important;
    width: auto !important;
  }

  .home-title {
    font-size: 38px !important;
    letter-spacing: -3px !important;
    line-height: 1;
    margin-top: 1.5rem;
  }

  .top-heading .Subtitle {
    font-size: 1.9rem;
    padding: 0 0rem;
  }

  .Brand-section {
    padding: 3.5rem 0 2rem 0;
  }

  .Service .title {
    font-size: 2.5rem;
    letter-spacing: -1px;
  }

  .Service .para {
    line-height: 1.4;
    font-size: 1.6rem;
  }

  .Service {
    padding: 4rem 0rem;
  }

  .it-service {
    margin-top: 4rem;
    padding: 0 0 0 0rem;
  }

  /* .button {
  margin: 2rem 0;
} */
  .Service .content {
    padding: 0 1.5rem;
  }

  .development-process {
    padding: 6rem 0rem;
  }

  .development-process .title {
    font-size: 2.5rem;
    margin: 1rem auto 0rem;
    letter-spacing: -1px;
    padding: 0 0rem;
  }

  .development-process .border-line {
    margin: 20px auto 20px auto;
  }

  .development-process .para {
    font-family: 'lato-regular', sans-serif;
    font-size: 1.6rem;
    padding: 0 1.5rem;
    line-height: 1.3;
  }

  .development-process-row {
    padding: 3rem 0 2rem 0;
  }

  .project-steps {
    padding: 0 1.5rem 0 1.5rem;
    margin-bottom: 5rem;
  }

  .project-steps .head {
    font-size: 2rem;
    line-height: 1.3;
    margin-top: 2rem;
    padding: 0 0rem 1rem 0rem;
    margin-bottom: 0;
    letter-spacing: -.5px;
  }

  .project-steps i {
    width: 14rem;
    height: 14rem;
  }

  .top-projects .swiper-slide img {
    height: 100%;
  }

  .explore-our-work .title {
    font-size: 3.1rem;
    margin: 0rem 0px;
  }

  .brand-border {
    padding-top: 3rem;
  }

  .why-to-choose-us {
    padding: 4rem 0rem;
  }

  .why-to-choose-us .carousel-reviews {
    padding: 3rem 0rem 0rem 0rem;
  }

  .why-to-choose-us .title {
    font-size: 2.5rem;
    font-family: "Poppins", sans-serif;
    margin-bottom: 4rem;
    padding: 0 1rem;
    letter-spacing: -1px;
    line-height: 1.2;
  }

  .what-we-provide {
    width: 100%;
    font-size: 12px;
    padding: 1.3rem 1.5rem;
    background: #e9edf3;
    border: 1px solid #e5e5e5;
  }

  .why-to-choose-us .carousel-reviews {
    background: url('../images/background-image/review-bg-_03.png') no-repeat center center;
    background-size: cover;
    height: 345px;
  }

  .why-to-choose-us .margin-bottom {
    margin-bottom: 3rem;
  }

  .carousel-caption {
    left: 5%;
    right: 5%;
  }

  .why-to-choose-us .carousel-caption {
    padding: 1rem;
    height: 250px;
    top: 12rem;
  }


  .swiper-horizontal>.swiper-pagination-bullets,
  .swiper-pagination-bullets.swiper-pagination-horizontal,
  .swiper-pagination-custom,
  .swiper-pagination-fraction {
    left: 10rem !important;
  }

  .why-to-choose-us .carousel-caption h5 {
    font-size: 1.6rem;
    text-align: start;
    overflow-y: auto;
    overflow-y: hidden;
  }

  .why-to-choose-us .carousel-caption p {
    font-size: 1.5rem;
    text-align: start;
    line-height: 1.5;
  }

  .Consult-our-experts {
    padding: 5.5rem 0rem;
  }

  .Consult-our-experts .title {
    font-size: 41px;
    line-height: 38px;
    letter-spacing: -.5px;
  }

  .Consult-our-experts .para {
    line-height: 1.4;
    margin: 2rem auto 0.8rem;
    font-size: 1.4rem;
    font-weight: 600;
    margin-bottom: 2rem;
  }

  .top-projects {
    padding: 5rem 0rem;
  }

  .footer-section {
    padding: 5rem 0 0rem 0;
  }

  .footer-section .iso-img .img-fluid {
    width: 25%
  }

  .social-media-icons {
    border-left: 0px solid rgb(234, 234, 234);
  }

  .navbar {
    padding: .5rem 0rem;
  }

  .top-heading .Title {
    letter-spacing: -.5px !important;
  }

  .achievements {
    padding: 5rem 0rem;
  }

  .top-projects .right-border {
    border-right: 0px solid #ef5bdf;
  }

  .achievements .title {
    font-size: 3rem;
    font-family: "Poppins", sans-serif;
    margin: 0;
    margin-bottom: 0rem;
    padding: 0rem 0rem;
  }

  .heading .title {
    text-align: left;
    font-size: 3.7rem;
    padding: 0rem;
    margin: 10px auto 0px;
    letter-spacing: -1.5px;
    line-height: 1.1;
  }

  .heading .para {
    font-size: 1.7rem;
    text-align: left;
    padding: 0rem;
  }

  .digital-solution {
    padding: 5rem 0rem;
  }

  .industry-standards {
    padding: 5rem 0rem;
  }

  .industry-standards .title {
    font-size: 3.2rem;
    line-height: 1.1;
  }

  .industries {
    background: #f5f5f5;
    padding: 2.5rem 0rem 7.5rem 0rem;
  }

  .industries .content h2 {
    font-weight: bold;
    font-size: 4.6rem;
    margin-bottom: 3rem;
    line-height: .9;
    letter-spacing: -3.5px !important;
  }

  .industries .content p {
    padding: 0 3rem;
    font-size: 1.7rem;
    margin-top: 1.5rem;
  }

  .trend-technologies {
    padding: 5rem 0rem;
    border-bottom: 0px solid #e5e5e5;
  }

  .trend-technologies .title {
    margin: 1rem 0 3rem 0;
    padding: 0 0rem 0 0;
    font-size: 3.7rem;
  }

  .trend-technologies .para {
    padding-top: 0rem;
    padding-right: 0rem;
    font-weight: 500;
    font-size: 1.7rem;
  }

  .trend-technologies .card {
    margin-right: 0rem;
    margin-top: 2.5rem;
  }

  .trend-technologies .card-img-overlay {
    padding: 5rem 3rem;
  }

  .trend-technologies .card-title {
    font-size: 2.8rem;
    font-weight: 800;
    margin-bottom: 0rem;
    letter-spacing: 0;
    line-height: 1;
    font-family: 'lato', sans-serif;
    color: #fff;
  }

  .trend-technologies .card-img {
    height: 250px;
  }

  .tech-icon {
    width: 5rem;
    height: 5rem;
  }

  .tech-icon img {
    width: 3rem;
    height: 3rem;
  }

  .trend-technologies .technologies p {
    line-height: 2.8rem;

  }

  .trend-technologies .content {
    padding-right: 0rem;
  }

  .Commitment-digital-service {
    padding: 5rem 0rem;
  }

  .achieving {
    font-size: 3rem;
  }

  .digital-service-content {
    margin-bottom: 3.5rem;
    padding: 0 1.5rem 3.5rem 1.5rem;
    border-bottom: 1px solid #e5e5e5;
    border-right: 0px solid #e5e5e5;
  }

  .digital-service-content .title {
    font-size: 2rem;
    margin: 2.5rem 0 1rem;
  }

  .digital-service-content .para {
    font-size: 1.6rem;
  }

  .it-strategy {
    padding: 5rem 0rem;
  }

  .software-solutions {
    padding: 5rem 0rem;
  }

  .faq-section {
    padding: 0 0px;
    margin-bottom: 50px;
  }

  .faq-section .right-column {
    padding: 2.5rem 0rem 1rem 0rem;
  }

  .review-section {
    padding: 5rem 0rem;
  }

  .blog {
    padding: 5rem 0rem;
  }

  .blog .swiper img {
    height: 40rem;
  }

  .faq-accordion {
    padding: 5rem 0rem;
  }

  .digital-solution .heading .title {
    text-align: left;
    font-size: 2.9rem;

  }

  /* .border-line {
    text-align: left;
    margin: 20px 0px 23px 0px;
} */
  .faq-accordion .title {
    font-size: 3.2rem;
  }

  .faq-accordion .para {
    font-size: 1.6rem;
  }

  .faq-question h3 {
    font-size: 1.6rem;
    padding: 1.5rem 0;
    min-height: auto;
    line-height: 1.5;
  }

  .icon-wrapper {
    width: 16px;
    height: 16px;
    margin-top: 2rem;
  }

  .plus-icon,
  .minus-icon {
    width: 16px;
    height: 16px;
  }

  .plus-icon::before {
    width: 2px;
    height: 16px;
  }

  .plus-icon::after,
  .minus-icon::after {
    width: 16px;
    height: 2px;
  }

  .faq-answer p {
    font-size: 1.6rem;
  }

  .faq-answer li {
    font-size: 1.6rem;
  }

  .achievements .heading .title {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        margin-bottom: 3rem;
    }

  .top-projects {
    padding: 2rem 0rem;
  }

  .faq-question {
    padding: 0;
  }

  .faq-item {
    margin-bottom: 3rem;
  }

  .Commitment-digital-service li {
    padding: 3px 0;
  }

  .faq-section .left-column {
    padding: 0;
  }

  .faq-section .question-item h3 {
    font-size: 1.7rem;
  }

  .faq-section .right-column {
    max-height: 100rem;
  }

  .blog-title {
    font-size: 30px;
  }

  .blog .card {
    border-top: 1px solid #e5e5e5;
    border-left: 0;
    border-right: 0;
    padding: 4rem 0 0 0;
  }

  .blog .card-text {
    font-size: 1.5rem;
  }

  .service-title {
    font-size: 6rem;
  }

  .top-heading .solution-title {
    font-size: 47px;
    letter-spacing: -2px;
    text-indent: -2px;
    margin: -20px 0 0 !important;
  }

  .top-heading .solution-para {
    font-size: 21px;
    line-height: 27px;
    padding: 3px 0 10px;
  }

  .explore-our-work {
    padding: 4rem 0rem;
    background: #370132;
  }

  .top-heading .service-title {
    font-size: 60px;
    letter-spacing: -2px !important;
    text-indent: -2px;
    margin: -55px 0 0;
  }

  .top-heading .service-para {
    font-size: 21px;
    line-height: 27px;
    padding: 3px 0 10px;
  }

  .top-heading .industries-title {
    font-size: 4.1rem;
  }

  .diff-industries {
    padding: 3rem 0;
  }

  .diff-industries-content {
    padding: 3rem 2.5rem;
  }
  .software-development-content .para {
    color: #fff;
    font-size: 1.7rem;
    line-height: 1.35;
    font-weight: 600;
}

  .software-development-content {
    background: url('../images/background-image/software.jpg');
    padding: 2rem 2rem 2rem 2rem;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
  }

  .software-development-content::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #370132;
    opacity: 0.8;
  }

  .software-development-content * {
    position: relative;
    z-index: 1;
  }

  .software-development-content .title {
    font-size: 2.5rem;
    line-height: 1.2;
    letter-spacing: -1px;
  }

  .guarantee {
    padding: 6rem 0rem;
  }

  .guarantee .title {
    font-size: 2.5rem;
    letter-spacing: -1px;
    line-height: 1.2 !important;
    margin-bottom: 0;
    padding: 1rem 0 0rem 0;
  }

  .guarantee .para {
    text-align: left;
    font-size: 1.6rem;
    padding: 0 0 2rem 0;
    margin-bottom: 0;
  }

  .guarantee .guarantee-row {
    padding: 0rem 0rem 0 0rem;
  }

  .guarantee .guarantee-content {
    padding: 3rem 0.5rem;
    border-right: 0px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
  }

  .guarantee .guarantee-content:nth-child(5) {
    border-bottom: none;
  }

  .banner-section {
    padding: 4rem 1rem;
  }

  .banner-section .title {
    font-size: 2.2rem;
    max-width: 100%;
    margin-bottom: 1.8rem;
    letter-spacing: -1px;
    line-height: 1.2;
    padding: 0 1rem;
  }

  .banner-section .left-slide {
    background-color: #f5f5f5;
    padding: 2rem;
  }

  .banner-section .subtitle {
    font-size: 1.6rem;
    line-height: 1.5;
    margin-bottom: 1rem;
    padding-bottom: 1rem;
    font-weight: 500;
  }

  .banner-section .banner-text {
    font-size: 1.9rem;
  }

  .banner-section .row p {
    font-size: 1.5rem;
  }

  .mob-app-cs .swiper {
    padding-top: 6rem;
  }

  header {
    position: absolute;
  }

  .banner-section .banner1-bg {
    width: 100%;
    height: 500px;
  }

  .banner-section .banner2-bg {
    width: 100%;
    height: 500px;

  }

  .banner-section .banner3-bg {
    width: 100%;
    height: 500px;

  }

  .banner-section .banner4-bg {
    width: 100%;
    height: 500px;

  }

  .banner-section .banner5-bg {
    width: 100%;
    height: 500px;
  }

  .banner-section .banner6-bg {
    width: 100%;
    height: 500px;
  }

  .banner-section .banner7-bg {
    width: 100%;
    height: 500px;
  }

  .banner-section .banner8-bg {
    width: 100%;
    height: 500px;
  }

  .excellence-in-code .gallery {
    padding: 5rem 1.5rem;
  }

  .top-heading .Subtitle {
    font-size: 2.1rem;
  }

  .excellence-in-code {
    padding: 4rem 0rem;
  }

  .excellence-in-code .title {
    font-size: 25px;
    line-height: 1.2;
    letter-spacing: -1px;
  }

  .excellence-in-code .description {
    font-size: 1.6rem;
    line-height: 1.5;
    padding: 2rem 1.5rem 0 1.5rem;
    margin: 0 auto 20px;
  }

  .transforming-industries .title-container {
    padding: 3.5rem 1.5rem 3.2rem 1.5rem;
  }

  .transforming-industries .title-container .title {
    font-size: 2.9rem;
    padding: 0;
    letter-spacing: -1px;
    display: inline-block;
    line-height: 30px
  }

  .counter-box .counter-number {
    font-size: 2.5rem;
  }

  .counter-box .counter-text {
    font-size: 1.1rem;
  }

  .page-header {
    padding: 0.8rem 0rem;
  }

  .contact-container {
    position: absolute;
    top: 45%;
    left: 5%;
    background: transparent;
    transform: translateY(-50%);
    z-index: 1;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
  }

  .contact-form-section {
    max-width: 100%;
    border-radius: 0;
    margin-top: 0;
  }

  .contact-mobile-view {
    padding: 0rem 0rem;
  }

  .grid-form {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 10px;
  }

  .iti {
    width: 100%;
    z-index: 10000 !important;
    /* ensure it's above other elements */
    position: relative;
  }

  .form-control {
    background-image: none !important;
  }

  .iti__country-list {
    z-index: 10001 !important;
  }

  .form-select {
    --bs-form-select-bg-img: none;
    display: block;
    width: 100%;
    padding: .375rem 2.25rem .375rem .75rem;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--bs-body-color);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--bs-body-bg);
    background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none);
    background-repeat: no-repeat;
    background-position: right .75rem center;
    background-size: 16px 12px;
    border: none;
    border-bottom: 1px solid #380132;
    border-radius: var(--bs-border-radius) none;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    -webkit-border-radius: var(--bs-border-radius) none;
    -moz-border-radius: var(--bs-border-radius) none;
    -ms-border-radius: var(--bs-border-radius) none;
    -o-border-radius: var(--bs-border-radius) none;
  }

  .clock-address {
    padding: 0rem 1.5rem 5rem 1.5rem;
  }

  .clock-address .address {
    padding: 9rem 0 3rem 0;
  }

  .margin-top {
    margin-top: 0rem;
  }

  .border-line_tyepe2 {
    margin: 2rem auto 1.5rem auto;
  }

  .contact-heading .Title {
    margin-top: 10rem;
  }

  .contact-heading .Subtitle {
    font-size: 2.1rem;
  }

  .ai-dev-content {
    padding: 7.5rem 3rem 0 3rem;
  }

  .ai-dev-title {
    font-size: 4.4rem;
    margin: 0;
    letter-spacing: -2px;
    line-height: 1;
  }

  .ai-dev-subtitle {
    font-size: 1.8rem;
    line-height: 2.7rem;
  }

  .ai-development-service {
    padding: 4rem 0rem;
    background-color: #fff;
  }

  .ai-development-service .swiper {
    padding-top: 7rem;
  }

  .ai-development-service .swiper-button-next,
  .swiper-button-prev {
    position: absolute;
    top: var(--swiper-navigation-top-offset, 7%);
  }

  .swiper-button-next,
  .swiper-rtl .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset, 2px);
    left: auto;
  }

  .ai-development-service .swiper-button-prev,
  .swiper-rtl .swiper-button-next {
    left: 80%;
    right: 0;
  }

  .tech-icon {
    margin-bottom: 2.4rem;
  }

  .ai-development-service .title {
    text-align: left;
    font-size: 3.7rem;
    letter-spacing: -1.5px;
  }

  .ai-development-service .para {
    font-size: 1.6rem;
    text-align: left;
  }

  .ai-development-service-content .title {
    font-size: 2.5rem;
    text-transform: capitalize;
  }

  .ai-development-service-content .para {
    font-size: 1.7rem;
    font-weight: 400;
    line-height: 1.6;
  }

  .leverage-ai-section {
    padding: 4rem 0;
  }

  .faq-sec-title {
    font-size: 2.4rem;
    margin-bottom: 0;
  }

  .engagement-models {
    padding: 4rem 0rem;
  }

  .engagement-models .title {
    color: #380132;
    font-size: 2.9rem;
    margin: 1rem 0 2.5rem 0;
  }

  .engagement-models .faq-question h3 {
    padding: 1rem 0 2.5rem 0;
    font-size: 1.8rem;
  }

  .engagement-models .faq-answer p {
    font-size: 1.5rem;
  }

  .engagement-models .faq-answer li {
    font-size: 1.5rem;
  }

  .ai-development-process {
    padding: 4rem 0rem;
  }

  .ai-development-process .title {
    font-size: 2.9rem;
    letter-spacing: normal;
    margin-bottom: 0;
  }

  .ai-development-process .para {
    color: #Fff;
    font-size: 1.6rem;
  }

  .ai-development-process .project-steps::after {
    position: absolute;
    content: '';
    height: 0px;
    top: 0%;
    right: 0%;
    width: 0%;
    border-bottom: 2px dotted #c5ced5;
  }

  .ai-framework {
    padding: 4rem 0rem;
  }



  .contact-bg {
    /* background: url('../images/background-image/contact-bg_01.png') no-repeat center; */
    background-size: cover;
    background-position: -200px center;
  }

  .framework {
    padding: 0 0rem 4rem 0rem;
  }

  .case-study-bg {
    height: 575px;
    width: 100%;
    background-position: left;
  }

  .technologies-bg {
    /* background-image: url('../images/background-image/technology.jpg'); */
    background-position: -800px center;
  }

  .tech-title {
    padding-top: 12.8rem;
    font-size: 4.2rem;
    letter-spacing: -2px;
    line-height: 1;
  }

  .tech-para {
    font-size: 1.8rem;
    line-height: 2.2rem;
  }

  .insights-section {
    background: #fff;
    padding: 4rem 0;
  }

  .insights-title {
    font-size: 2.5rem;
    letter-spacing: -1px;
  }

  .insights-desc {
    font-size: 1.6rem;
    margin-bottom: 0 !important;
  }

  .benefits-card {
    border: none;
    margin-left: 0;
    margin-top: 3rem;
    padding-left: 0;
    padding-right: 0;
  }

  .benefits-title {
    padding: 2rem 1.3rem;
    font-size: 2.6rem;
    line-height: 1.1 !important;
    border: none;
  }

  .benefit-item {
    padding: 1.3rem 1.5rem;
    background: #e9edf3;
  }

  .benefit-note {
    margin-top: 0 !important;
    font-size: 1.3rem;
    padding: 1.3rem 1.5rem;
    background: #e9edf3;
  }

  .dev-tech {
    background-color: #f5f5f5;
    padding: 2rem 0;
  }

  .dev-tech-title {
    margin-bottom: 0;
    font-size: 2.5rem;
    letter-spacing: -1.5px;
    line-height: 1.2;
  }

  .dev-tech-para {
    font-size: 1.6rem;
    padding: 0 2.8rem;
  }

  .guarantee .border-line {
    margin-left: 0;
    margin-right: 0;
  }

  .insights-categories {
    flex-direction: column;
    align-items: flex-start;
    padding: 0 2rem;
    display: none;
  }

  .latest-insights-section {
    padding: 5rem 0rem;
  }

  .latest-insight-title {
    font-size: 25px;
    line-height: 27px;
    padding: 20px 0;
    letter-spacing: 0;
  }

  .latest-insights-section .insight-card {
    padding-bottom: 5rem;
  }

  .latest-insight-bg {
    background-color: #380233;
    height: 300px;
  }

  .insight-card .card-img-top {
    object-fit: contain;
  }

  .insight-card .card-body {
    padding: 0rem 0 0 0;
  }

  .insight-card .card-title {
    margin: 0 0 1.4rem 0;
  }

  .top-heading {
    padding: 0;
  }

  .ai-trends-title {
    font-size: 2.4rem;
  }

  .ai-trends-bg {
    background-color: #380233;
    height: 50vh;
  }

  .point {
    margin: 0 1rem 0 0;
  }

  .blog-banner {
    padding: 7.5rem 0;
  }

  .table-of-contents ol {
    padding-left: 0px;
  }

  .table-of-contents ol li ol {
    padding-left: 2rem;
  }

  .table-of-contents {
    padding: 0;
    border-bottom: 1px solid #e5e5e5;
  }

  .blog-content {
    padding-left: 0rem;
  }

  .blog-content-box {
    padding: 3rem 2rem;
  }

  .quality-title {
    font-size: 4rem;
    letter-spacing: -2px !important;
    margin-bottom: 2rem;
  }

  .quality-subtitle {
    font-size: 1.6rem;
    line-height: 1.5;
  }

  .img-position {
    max-width: 468px;
    bottom: -13px;
    left: -112px;
  }

  .quality-hero .top-heading {
    top: 60%;
    margin-top: 4rem;
  }

  .quality-hero {
    height: 80vh;
    padding-top: 22rem;
  }

  .top-quality {
    background-color: #fff;
    padding: 4rem 0;
  }

  .top-quality-heading {
    padding: 0;
    margin: 0 0 1.5rem 0;
    font-size: 25px;
    line-height: 1.2;
  }

  .top-quality-paragraph {
    padding: 0;
    font-size: 1.6rem;
    line-height: 1.5;
    margin-bottom: 0;
  }

  /* .button_,.button,.buttonType2,.buttonType2,.buttontype3{
  margin-top: 2rem;
} */
  .quality-box img {
    width: 4.5rem;
    height: 4.5rem;
  }

  .quality-box {
    padding: 3rem 2rem;
  }

  .automation-testing {
    padding: 4rem 0rem;
  }

  .mob-app-title {
    font-size: 3.5rem;
    line-height: 1em;
    letter-spacing: -1.5px;
  }

  .mob-app-subtitle {
    left: 0;
    padding-left: 3px;
    font-size: 21px;
  }

  .mob-app-bg {
    /* background: url('../images/mob-app-dev-img/top-banner.webp') no-repeat center; */
    background-size: cover;
    background-position: -1px center;
  }

  .case-study-title {
    font-size: 4.5rem;
    letter-spacing: -2px !important;
    text-indent: -2px;
    margin: 5.5rem 0 0;
  }

  .case-study-para {
    font-size: 21px;
    line-height: 27px;
    padding: 3px 0 10px;
  }

  .ai-development-service .swiper-button-next,
  .ai-development-service .swiper-button-prev {
    position: absolute;
    top: var(--swiper-navigation-top-offset, 7%)
  }

  ;

  .mob-app-cs {
    padding: 0rem 7.5rem;
  }

  .mob-app-cs .swiper-button-next,
  .mob-app-cs .swiper-button-prev {
    position: absolute;
    top: var(--swiper-navigation-top-offset, 2%);
  }

  .mob-app-cs .swiper-button-next,
  .mob-app-cs .swiper-button-prev {
    position: absolute;
    top: var(--swiper-navigation-top-offset, 2%);
  }


  .mob-app-cs .swiper-button-prev,
  .mob-app-cs .swiper-rtl .swiper-button-next {
    left: 80%;
    right: 0;
  }

  /* .mob-app-cs .swiper-wrapper {
   height: 1000px !important;
  } */


  .mobile-app-service .title-container .title {
    font-size: 3.7rem;
    line-height: 1.1;
    text-align: start;
  }

  .mobile-app-service .title-container .para {
    font-size: 1.7rem;
    line-height: 2.8rem;
    text-align: start;
    margin-bottom: 2rem;
    padding-right: 1.5rem;
  }

  .mobile-app-service .border-line {
    margin-left: 0;
  }

  .mobile-app-service .content-box {
    min-height: auto;
    padding: 3rem 2.5rem 2.5rem 2.5rem;
    margin-bottom: 0;

  }
  .mobile-app-service .content-height {
  min-height: auto !important;

}

  .mobile-app-service .content-box .title {
    font-size: 2.3rem;
    margin-bottom: 2rem;
  }

  .mobile-app-service .content-box ul li {
    font-size: 1.6rem;
    margin-bottom: 0.5rem;
  }

  .transforming-industries .btn-group .btn {
    font-size: 1.4rem;
    padding: 1rem 1.5rem;
    margin: 0 0.2rem;
    display: block;
    width: 100%;
  }

  .transforming-industries ul li {
    font-size: 1.4rem;
    line-height: 2;
  }

  .heathcare-bg {
    height: 85vh;
  }

  .mobile-app-service {
    padding: 5rem 0;
  }

  .appdev-content-box {
    padding: 0 0rem;
  }

  .app-sol-content {
    padding: 0 0rem;
  }

  .mobile-app-service .nav {
    flex-wrap: unset;
    justify-content: start !important;
  }

  #ads-tabs {
    scrollbar-width: thin;
    scrollbar-color: #370132 #fff;
    height: 80px;
  }

  .it-strategy .buttonType2 {
    padding: 1rem 2rem !important;
  }

  /* .blog img{
  height:463px 
} */
  .entertainment-title {
    font-size: 3.8rem;
    letter-spacing: -2px;
    text-indent: -2px;
  }

  .entertainment-subtitle {
    font-size: 2.1rem;
  }

  .entertainment-bg {
    height: 580px;
  }

  .entertainment-content-section {
    padding: 0
  }

  .entertainment-content-section .main-content {
    /* padding: 5rem 6.5rem 8rem 1rem; */
    padding: 3rem;
    border-right: 0px solid #e5e5e5;
  }

  .entertainment-content-section .container {
    padding: 0rem;
    background-color: #fff;
  }

  .entertainment-content-section .section-intro-text {
    line-height: 1.4;
  }

  .entertainment-content-section .section-subheading {
    font-size: 2rem;
  }

  .entertainment-content-section .sidebar-content {
    padding: 0 3rem 5rem 3rem;
  }

  .entertainment-content-section .contact-prompt {
    padding: 3rem 2rem;
  }

  .entertainment-content-section .request-info-box {
    padding: 2.5rem;
  }

  .entertainment-content-section .main-content,
  .entertainment-content-section .sidebar-content {
    padding-right: 1.5rem;
    padding-left: 1.5rem;
  }


  .flutter-bg {
    /* background: url('../images/mob-app-dev-img/top-banner.webp') no-repeat center; */
    background-position: -100px center;
    background-size: cover;
  }

  .flutter-title {
    font-size: 4.8rem;
    line-height: 4.8rem;
    letter-spacing: -3px;
    margin-top: 5rem;
  }

  .flutter-subtitle {
    padding-left: 0.3rem;
    font-size: 2.1rem;
  }

  .case-studies {
    border-bottom: 1px solid #e5e5e5;
    padding: 2rem 0;
  }

  .asp-net-bg {
    /* background: url('../images/mob-app-dev-img/top-banner.webp') no-repeat center; */
    background-position: -50px center;
    background-size: cover;
  }

  .asp-net-title {
    font-size: 4.8rem;
    margin-top: 0rem;
    letter-spacing: -3px;
    /* height: 9rem; */
    padding-left: 0;
    line-height: .9;
    left: 0;
    max-width: 100%;
  }

  .asp-net-subtitle {
    left: 0;
    padding-left: 0.3rem;
    font-size: 2.1rem;
  }

  .asp-net-bg.hero::before {
    background: none !important;
    display: none !important;
  }

  .asp-net-bg .top-heading {
    top: 54%;
  }

  .portfolio {
    padding: 4rem 0rem 0 0rem;
  }

  .portfolio .title {
    font-size: 2.5rem;
    line-height: 1.2;
    text-indent: -3px;
    letter-spacing: -1px;
    margin-bottom: -3px;
    text-transform: uppercase;
  }

  .portfolio .desc {
    font-size: 16px;
    line-height: 20px;
  }

  .portfolio .image-wrapper {
    height: 30vh;
  }

  .portfolio img {
    height: 30vh;
  }

  .portfolio .launch-website a {
    font-size: 1.4rem;
    padding: 1rem 2.5rem 1rem 4.8rem;
  }

  .portfolio .swiper-horizontal>.portfolio .swiper-pagination-bullets,
  .portfolio .swiper-pagination-bullets.swiper-pagination-horizontal,
  .portfolio .swiper-pagination-custom,
  .portfolio .swiper-pagination-fraction {
    bottom: var(--swiper-pagination-bottom, 20px);
  }

  .portfolio .swiper-horizontal>.swiper-pagination-bullets,
  .portfolio .swiper-pagination-bullets.swiper-pagination-horizontal,
  .portfolio .swiper-pagination-custom,
  .portfolio .swiper-pagination-fraction {
    left: 0rem !important;
  }

  .why-to-choose-us li {
    font-size: 1.7rem;
  }

  .why-to-choose-us .swiper-horizontal>.swiper-pagination-bullets,
  .why-to-choose-us .swiper-pagination-bullets.swiper-pagination-horizontal,
  .why-to-choose-us .swiper-pagination-custom,
  .why-to-choose-us .swiper-pagination-fraction {
    left: 10rem !important;
  }

  .transform-industries-section .transform-title {
    font-size: 25px !important;
    line-height: 1.2 !important;
    letter-spacing: -1px;
    margin: 1rem 0 1.5rem;
  }

  .website-title {
    font-size: 4.5rem;
    margin: 4rem auto 2rem 0;
    max-width: none;
    letter-spacing: -2px;
  }

  .website-subtitle {
    font-size: 1.6rem;
    line-height: 1.5;
  }

  .web-dev-hero .img-position {
    left: -90px;
    top: 40px;
    max-width: none;
    width: 470px;
  }

  .web-dev-hero .top-heading {
    top: 68%;
  }

  .web-dev-hero {
    color: #fff;
    height: 80vh;
    padding-top: 8rem;
  }

  .web-services-section {
    padding: 4rem 0rem 12.5rem 0rem;
  }

  .web-service-box {
    height: 17rem;
    padding: 0rem 2rem;
  }

  .web-service-box .service-title {
    font-size: 2.1rem;
  }

  .web-service-box .service-description {
    font-size: 1.1rem;
  }

  .web-service-box .icon-section {
    width: 100%;
    height: auto;
    margin-bottom: 0.5rem;
  }

  .transform-industries-section {
    padding: 5rem 0rem 0rem 0rem;
  }

  .transform-industries-section .transform-content {
    padding: 0 0 4rem 0;
  }

  .transform-industries-section .transform-para {
    font-size: 1.6rem;
    line-height: 1.4;
  }

  .transform-industries-section .img-position {
    position: relative;
    left: -0px;
    bottom: -0px;
    max-width: 395px;
  }

  .devops-title {
    font-size: 4rem;
    line-height: 1em;
    letter-spacing: -3px;
    padding: 0 0.5rem;

  }

  .devops-subtitle {
    left: 0;
    padding-left: 3px;
    font-size: 21px;
  }

  .leverage-sec {
    padding: 4rem 0rem;
  }

  .leverage-sec .title {
    font-size: 3.7rem;
    text-align: left;
  }

  .leverage-sec .border-line {
    margin-left: 0;
  }

  .leverage-sec .para {
    text-align: left;
  }

  .devops-bg .top-heading {
    top: 50%;
  }

  .digital-title {
    font-size: 35px;
    font-weight: 800;
    letter-spacing: -2.5px;
    line-height: 1;
  }

  .digital-subtitle {
    font-size: 1.8rem;
    line-height: 2.7rem;
  }

  .smart-erp-title {
    font-size: 3.8rem;
    letter-spacing: -3px;
    line-height: 1;
  }

  .smart-erp-bg .top-heading {
    /* top: 47%; */
    padding: 0 0rem;
  }

  .smart-erp-subtitle {
    padding: 0.3rem 0 1rem;
    font-size: 2.1rem;
    line-height: 2.7rem;
  }

  .introduction-section {
    padding: 4rem 0rem;
  }

  .introduction-section .intro-content {
    padding-right: 0rem;
    padding-bottom: 2.5rem;
  }

  .introduction-section .project-details .border-right {
    border-right: 0px solid #e5e5e5;
  }

  .project-details .detail-content {
    font-size: 1.4rem;
  }

  .integrated-system-section {
    margin-top: 0;
  }

  .integrated-system-content {
    padding: 0;
  }

  .integrated-system-section {
    padding: 5rem 0;
  }

  .integrated-system-section .integration-title {
    font-size: 2.8rem;
    padding: 0;
    margin-bottom: 3rem;
  }

  .integrated-system-section .integration-para {
    margin-bottom: 1.4rem;
  }

  .cta-banner {
    background: #370132;
    padding: 7rem 0;
  }

  .cta-banner .title {
    font-size: 3.6rem;
  }

  .cta-banner .para {
    font-size: 2.2rem;
    line-height: 1.2;
    margin-bottom: 2rem;
  }

  .challenges-solution-section {
    padding: 5rem 0;
  }

  .challenges-solution-section .title {
    font-size: 3.4rem;
  }

  .challenge-list li,
  .challenges-solution-section .para {
    padding-right: 0;
  }

  .solution-subtitle {
    font-size: 2.7rem;
    line-height: 1.3;
    margin-bottom: 1.4rem;
  }

  .solution-para {
    margin-bottom: 1.4rem;
  }

  .key-feature .title-container .title {
    font-size: 3.4rem !important;
  }

  .transformation-section {
    padding: 5rem 0rem;
  }

  .transformation-section .title {
    font-size: 2.8rem;
    padding: 0rem;
    margin-bottom: 0.9rem;
  }

  .transformation-list p {
    font-size: 1.6rem;
    line-height: 2.7rem;
    padding-right: 1.5rem;
  }

  .transformation-list h5 {
    font-size: 4.5rem;
    padding: 0 1.5rem 0 0;
  }

  .transformation-list {
    margin-top: 2.5rem;
  }

  .agile-process-section {
    padding: 5rem 0;
  }

  .agile-process-section .title {
    font-size: 3.2rem;
  }

  .testimonial-section {
    padding: 7rem 0;
  }

  .testimonial-section .testimonial-text {
    margin-top: 7rem;
    font-size: 2rem !important;
    line-height: 3.5rem;
  }

  .testimonial-section .testimonial-text::before {
    left: 0;
  }

  .healthcare-title {
    letter-spacing: -2px;
    text-indent: -2px;
    font-size: 3.6rem;
  }

  .healthcare-subtitle {
    font-size: 21px;
    line-height: 27px;
    padding: 3px 0 10px;
  }

  .quality-hero .img-position {
    position: relative;
    left: -112px;
    max-width: 468px;
    bottom: -13px;
  }

  .challenges-solution-section .our-sol {
    padding-left: 0;
  }

  .challenges-solution-section .solution-subtitle {
    font-size: 27px;
    line-height: 1.3;
  }

  .key-features-section .image-container {
    width: 100% !important;
    position: unset;
    /* top: 20px; */
    object-fit: contain;
    /* left: 0px; */
    height: 850px;
  }

  .key-features-section .title {
    text-align: start;
    font-size: 3.4rem;
    margin-bottom: 1.5rem;
  }

  .key-features-section .image-container {
    padding-left: 0;
    margin-top: 4rem;
    /* Add space above image on small screens */
  }

  .key-features-section h3 {
    text-align: start;
  }

  .slide-title {
    font-size: 4.5rem;
    letter-spacing: -3px;
    margin: 0.7rem 0;
  }

  .content-col {
    padding: 5rem 1.5rem;
  }

  .slide-description {
    font-size: 16px;
    line-height: 1.2;
  }

  .fitfix .ipad {
    position: relative;
    left: -90px;
    height: 350px;
  }

  .fitfix .mob {
    position: relative;
    left: 120px;
    max-width: 70%;
    top: -320px;
  }

  .fitfix {
    display: unset;

  }

  .image-col {
    height: 320px;
  }

  .buttontype4 {
    margin: 20px auto 0;
    width: 100%;
    text-align: center;
  }

  .notch {
    padding: 4rem 0 0 0;
    overflow: hidden;
  }

  .notch-img {
    top: 0px;
    left: 0px;
  }

  .spooner {
    position: relative;
    padding: 4rem 0 0 0;
  }

  .spooner1-img {
    position: relative;
  }

  .spooner2-img {
    position: relative;
    left: -60%;
    top: -30px;
  }

  .spooner3-img {
    position: relative;
    left: -80%;
  }

  .spooner4-img {
    position: relative;
  }

  .spooner-imgs {
    position: relative;
  }

  .lunchserved-bg {
    padding: 50px 0 0px;
    min-height: auto;
  }

  .lunchserved-img {

    position: relative;
    right: -60px;
    top: 30px;

  }

  .juvly {
    padding: 5rem 0;
  }

  .campcrate {
    padding: 5rem 0;
  }

  .campcrate-img {
    position: relative;
    top: 30px;
    left: 100px;
  }

  .whos-in .img-fluid {
    max-width: 100%;
  }

  .tourkts {
    padding: 5rem 0 0 0;
  }

  .tourkts-img {
    position: relative;
    left: -0px;
  }

  .webild {
    padding-top: 4rem;
  }

  .web-app11 {
    left: -190px;
  }

  .menuenu {
    padding-top: 4rem;
    overflow: hidden;
  }

  .ecoupons {
    padding: 4rem 0 0 0;
  }

  .menuenu .img-fluid {
    max-width: 100%;
  }

  .ecoupons .img-fluid {
    max-width: 100%;
    left: 100px;
  }

  .snapsellers {
    padding: 4rem 0 0 0;
  }

  .whos-in {
    padding-top: 4rem;
  }

  .gen-ai-title {
    font-size: 42px;
    letter-spacing: -2px;
    line-height: 39px;
  }

  .gen-ai-subtitle {
    font-size: 1.8rem;
    line-height: 27px;
  }

  .iot-title {
    margin: 0;
    letter-spacing: -2px;
    line-height: 1;
    font-size: 4.4rem;
  }

  .iot-subtitle {
    font-size: 1.8rem;
    line-height: 27px;
  }

  .metaverse-title {
    margin: 0;
    letter-spacing: -2px;
    line-height: 1;
    font-size: 4.6rem;
  }

  .case-studies .swiper-button-next,
  .case-studies .swiper-rtl .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset, 10px);
    left: auto;
  }

  .case-studies .swiper-button-prev,
  .case-studies .swiper-rtl .swiper-button-next {
    left: 80%;
    right: 0;
  }

  .real-estate-title {
    letter-spacing: -2px;
    text-indent: -2px;
    margin: 55px 0 0;
    font-size: 3.8rem;
  }

  .real-estate-subtitle {
    font-size: 21px;
    line-height: 27px;
    padding: 3px 0 10px;
  }

  .real-estate-service {
    padding: 5rem 0;
  }

  .mobile-app-service .content-box,
  .real-estate-service .content-box {
    padding: 2.5rem;
    min-height: auto;
  }

  .real-estate-service .content-box h4 {
    font-size: 20px;
    margin-bottom: 12px;
  }

  .mob-app-cs {
    padding: 5rem 0rem;
  }

  .digital-edge-box {
    height: auto;
    ;
    padding: 4rem 2rem;
  }

  .digital-edge-box {
    padding: 3rem 2rem;
    text-align: center;
  }

  .digital-edge-box .box-title {
    font-size: 2.8rem;
  }

  .digital-edge-box .box-para {
    font-size: 1.6rem;
    text-align: start;
  }

  .corporate-bg {
    height: 525px;
  }

  .stats-container {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: repeat(1, auto);
  }

  .ml-title {
    font-size: 44px;
    line-height: 1;
    margin: 0;
    letter-spacing: -2px;
  }

  .head-title {
    font-size: 4.4rem;
    margin: 0;
    letter-spacing: -2px;
    line-height: 1;
  }

  .head-subtitle {
    font-size: 18px;
    line-height: 27px;
    max-width: 850px;
  }

  .cloud-title {
    font-size: 4.4rem;
    margin: 0;
    letter-spacing: -2px;
    line-height: 1;
    width: 100%;
  }

  .software-title {

    font-size: 4.8rem;
    margin: 0;
    letter-spacing: -2px;
    line-height: 1;
    width: 100%;
  }

  .term_wh {
    padding: 20px 20px 20px 20px;
  }

  .banner-section .img-h img {
    height: 500px;

  }

  .term_bg {
    padding: 40px 0;
  }

  .term_bg h2 {
    font-size: 24px;
    margin-bottom: 20px;
  }

  .term_bg h3 {
    font-size: 18px;
  }

  .term_bg p,
  .term_bg ul li {
    font-size: 14px;
    line-height: 1.5;
  }


  .blog-content h2 {
    font-size: 2rem;
    font-weight: 800;
  }

  .blog-content p {
    font-size: 16px;
  }

  .blog-content h3 {
    font-size: 1.7rem;
    font-weight: 700;
  }
  .blog .swiper-slide {
    display: unset;
}



}



/* ─── Tablet (768px to 1023.98px) ──────────────────────────────── */
@media (max-width: 768px) and (max-width: 1023.98px) {

  .digital-edge-box {
    border-right: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  }

  .digital-edge-box:last-child {
    border-bottom: none;
  }
}



/* ─── Desktop (1024px and up) ─────────────────────────────────── */
@media (max-width: 1024px) {}