@media screen and (max-width: 1450px) {
.about-section, 
.about-hero-image {
    height: 500px !important;
}
}


@media screen and (max-width: 1400px) {
    .hero-heading {
        font-size: 53px;
        line-height: 1.3;
    }
    .navbar-brand img {
        max-height: 30px;
    }
    header .btn-outline-secondary {
        padding: .6rem 1rem;
    }
    .heading {
        font-size: 40px;
    }
    .light-theme-marquee .marquee-container .feature-card-common,
    .marquee-container .feature-card-common {
        padding: 30px 30px 60px;
        min-height: 240px;
    }
    .accordion-header .fs-24 {
        font-size: var(--fs-22);
    }
    .accordion-body p {
        font-size: var(--fs-16);
    }
    .contact-info-section::before {
        content: "";
        width: 500px;
        height: 270px;
    }
    .contact-info-section::after {
        content: "";
        width: 255px;
        height: 152px;
    }
    .react-icon {
        width: clamp(60px, 15vw, 100px) !important;
        height: auto !important;
    }
    .iti__selected-flag {
        padding: 7px 6px 8px 0px !important;
    }
    .hero-image {
        width: 101px;
        margin: 0px 14px 0px;
        bottom: 6px;
    }
}

@media screen and (max-width: 1200px) {
    .heading {
        font-size: 35px;
    }
    .subheading {
        font-size: 22px;
        line-height: 1.2;
    }
    .img-margin {
        margin-right: 2rem !important;
    }
    .card-section h5 {
        font-size: var(--fs-20);
    }
    .card-section p {
        font-size: var(--fs-18);
    }
    .technology-icon {
        width: 80px !important;
    }
    .tech-box span {
        font-size: var(--fs-16);
    }
    .built-to-perform-ul {
        padding: 0px 0px;
    }
    .stats-number {
        font-size: clamp(3rem, 6.3vw, 6rem);
    }
    .success-story-content h4 {
        font-size: var(--fs-24);
    }
    .success-story-content p {
        font-size: var(--fs-18);
    }
    .full-width-carousel .owl-nav img {
        width: clamp(60px, 8vw, 60px);
    }
    .feature-card-common .fs-28 {
        font-size: var(--fs-22);
    }
    .feature-card-common .fs-20 {
        font-size: var(--fs-18);
    }
    .accordion-button:not(.collapsed)::after {
        height: 40px;
        width: 40px;
        background-size: cover !important;
    }
    .accordion-button::after {
        width: 40px;
        height: 40px;
        background-size: cover !important;
    }
    .partner-marquee-br {
        display: none;
    }
    .tailored-img {
        width: 100px;
    }
    .image-heading-with-image {
    font-size: 104px !important;
}
.btn-outline-secondary {
    padding: .4rem 1rem !important;
}
}

@media screen and (max-width: 1024px) {
.header-nav-link {
    font-size: 17px;
}
}

@media screen and (max-width: 991px) {
    .react-icon {
        margin: 0 clamp(6px, 2vw, 10px);
        width: clamp(60px, 15vw, 90px);
        height: clamp(32px, 8vw, 37px);
    }
    .hero-subheading {
        font-size: 20px;
        line-height: 1.2;
    }
    .hero-images {
        display: none;
    }
    .hero-leftSection {
        padding-right: 12px;
    }
    .innovative-leftcontainer {
        padding-right: 20px;
    }
    .tailored-text-wrapper {
        padding: 0 !important;
    }
    .heading {
        font-size: 32px;
    }
    .subheading {
        font-size: 20px;
    }
    .cus-collumn {
        flex-direction: column;
    }
    .img-margin {
        width: 80px;
        margin-bottom: 25px;
        margin-right: 0 !important;
    }
    .stats-number {
        font-size: clamp(3.5rem, 8vw, 6rem);
    }
    .stats-suffix {
        font-size: clamp(3.5rem, 8vw, 6rem);
    }
    .stats-label {
        font-size: 1rem;
        height: 14px;
    }
    .success-story-content h4 {
        font-size: var(--fs-20);
    }
    .success-story-content p {
        font-size: var(--fs-16);
    }
    .footer-right-section p {
        font-size: var(--fs-24);
    }
    .footer-right-section p a {
        font-size: var(--fs-12);
    }
    .socialIcon-bx {
        padding-top: 40px;
    }
    #feature-list-1,
    #feature-list-2 {
        height: 550px;
    }
    .light-theme-marquee .marquee-container .feature-card-common, .marquee-container .feature-card-common {
        padding: 30px 30px 60px;
        min-height: auto;
    }
    .contact-info-section::after {
        left: initial;
        right: 0;
    }
    .cubic-img-wrapper {
        bottom: 50px;
    }
    .contact-info-section::before {
        content: "";
        width: 450px;
        height: 220px;
        opacity: .1;
    }
    .one-message-mt {
        margin-top: 40px;
    }
    .react-native-3d {
        max-width: 400px;
    }
    .advantages-content {
        margin-top: 50px;
    }
    .advantage-item:last-child {
        margin-bottom: 0px;
        padding-bottom: 0px;
    }
    .advantages-list {
        display: flex;
        flex-wrap: wrap;
    }
    .advantage-item {
        width: 100%;
    }
    .advantage-item h4 {
        font-size: var(--fs-24);
    }
    .react-native-3d {
        max-width: 340px;
        opacity: .1;
    }
    .card-section .row {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .cus-social-icons {
        margin-top: 40px;
    }
    .iti__selected-flag {
        padding: 6px 6px 8px 0px !important;
    }
    .weBuildAppHead {
        font-size: var(--fs-20);
    }
    .weBuildAppPera {
        font-size: var(--fs-16);
    }
    .testimonials-header {
        display: flex;
        justify-content: space-between;
    }
    .testimonial-nav-wrapper-left {
        margin-top: 0rem;
    }
    .client-details h4 {
        font-size: var(--fs-22);
    }
    .client-details p {
        font-size: var(--fs-16);
    }
    .tailored-img {
        width: 100%;
    }
    .custom-chooseservice-br{
        display: inline-block;
    }
    .tailored-heading-br{
        display: inline-block;
    }
    .tailored-subheading-br{
        display: inline-block;
    }
    .process-steps-container{
        padding-top: 30px;
    }
    .four-cards-item img {
    width: 70px;
}
.four-cards h2 {
    margin-top: 30px;
}
.four-cards h4 {
    margin-bottom: 15px;
}
.four-cards-item {
    margin-bottom: 30px;
}
.second-last-child, .last-child {
    margin-bottom: 0px;
}
.main-hero-icon {
    bottom: -12px !important;
}
.counter-section {
    row-gap: 20px;
}
.navbar-brand {
    margin-top: .8rem;
    margin-bottom: .8rem;
}
header.navbar.navbar-expand-lg.navbar-light.bg-white.sticky-top.py-0 {
    border-bottom: 1px solid #f6f6f6;
}
}

@media screen and (max-width: 768px) {
    .hero-heading {
        font-size: 40px;
        line-height: 1.3;
    }
    .hero-subheading {
        font-size: 18px;
        line-height: 1.2;
    }
    .innovative-leftcontainer {
        padding-right: 0px;
        margin-top: 40px;
    }
    .cus-reverse {
        flex-direction: column-reverse;
    }
    /* .heading {
    font-size: 26px;
    } */
    /* .subheading {
    font-size: 18px;
    } */

    .main-hero-icon {
        width: 60px !important;
        bottom: -10px !important;
    }
    .tailored-engage {
        display: none !important;
    }
    .card-section .col-md-6 {
        border-right: 0 !important;
    }
    .technology-icon {
        width: 60px !important;
    }
    .tech-box span {
        font-size: var(--fs-14);
    }
    .driving-text-wrapper {
        padding: 0px 0px !important;
    }
    .footer-top-content {
        flex-direction: column;
        gap: 18px;
    }
    .accordion-header .fs-24 {
        font-size: var(--fs-18);
    }
    .accordion-body p {
        font-size: var(--fs-14);
    }
    .cubic-img-wrapper {
        width: 340px;
        height: 340px;
    }
    .contact-info-section::before {
        display: none;
    }
    .contact-info-section::after {
        width: 205px;
        height: 102px;
        opacity: .2;
    }
    .advantage-item {
        padding-bottom: 25px;
        margin-bottom: 10px;
    }
    .advantages-list {
        gap: 20px;
    }
    .advantage-item.advantage-item-last .glow-separator {
        display: none;
    }
    .card-section .border-bottom, 
    .card-section  .mobile-border-bottom {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .card-section .row.mt-16 {
        margin-top: var(--space-4);
    }
    
    .mobile-border-bottom {
        border-bottom: var(--bs-border-width) var(--bs-border-style) #505050 !important;
    }
    .hero-image {
        width: 75px;
        bottom: 4px;
    }
    .card-section .col-md-6 {
        padding: var(--space-10) var(--space-0) !important;
    }
    .white-card-section .col-md-6 {
        padding: var(--space-10) var(--space-10) !important;
    }
    .white-card-section .mobile-border-bottom {
        border-bottom: var(--bs-border-width) var(--bs-border-style) #e0e0e0!important;
    }
    .white-card-section .border-bottom, 
    .white-card-section  .mobile-border-bottom {
        padding-right: var(--space-10) !important;
        padding-left: var(--space-10) !important;
    }
    .white-card-section .row.mt-16 {
        padding-top: 0 !important;
        margin-top: var(--space-16);
    }
    .nav-tab{
        flex-direction: row;
    }
        .image-heading-with-image {
        font-size: 76px !important;
    }
    .owl-theme .owl-nav {
    display: none;
}
}

@media screen and (max-width: 575px) {
       .hero-heading {
        font-size: 24px;
        line-height: 1.3;
    }
    .hero-subheading {
        font-size: 18px;
    }
    .heading {
        font-size: 24px;
    }
    .subheading {
        font-size: 18px;
    }
    .card-section h5 {
        font-size: 20px;
    }
    .card-section p {
        font-size: var(--fs-16);
        margin-top: .8rem !important;
    }
    .card-section .row {
        padding: 0 !important;
    }
    
    .white-card-section .col-md-6 {
        text-align: center;
        padding: var(--space-10) var(--space-6) !important;
    }
    
    .cus-collumn {
        flex-direction: column;
        align-items: center !important;
    }
    .img-margin {
        margin-right: 0 !important;
        width: 80px;
    }
    .built-to-perform-ul li {
        width: 50%;
    }
    .built-to-perform-ul li:nth-child(2) {
        border-right: 0px solid transparent;
    }
    .built-to-perform-ul li:nth-child(5) {
        border-right: 1px solid #2f2f2f;
        border-bottom: 1px solid #323232;
        border-image: 0;
    }
    .built-to-perform-ul li:nth-child(6) {
        border-right: 0px solid transparent;
        border-bottom: 1px solid #373737;
        border-image: none;
    }
    .footer-logo {
        width: clamp(10rem, 10rem, 15rem);
    }
    .footer-right-section p {
        font-size: var(--fs-20);
    }
    .footer-bottom-content h6 {
        font-size: var(--fs-18);
    }
    .career-ul {
        margin-top: 40px;
    }
    .footer-bottom-content p {
        padding-top: 15px !important;
    }
    .socialIcon-bx {
        padding-top: 20px;
    }
    .accordion-button:not(.collapsed)::after,
    .accordion-button::after {
        height: 25px;
        width: 25px;
        background-size: cover !important;
    }
    .cubic-img-wrapper {
        width: 250px;
        height: 250px;
    }
    .light-theme-marquee .marquee-container .feature-card-common, .marquee-container .feature-card-common {
        padding: 20px 15px 20px;
        min-height: auto;
    }
    .feature-card-common .fs-20 {
        font-size: var(--fs-16);
    }
    .feature-card-common .fs-20 {
        font-size: var(--fs-14);
    }
    .form-top-title{
        font-size: var(--fs-22);
    }
    .iti__selected-flag {
        padding: 5px 6px 12px 0px;
    }
    .advantage-item h4 {
        font-size: 20px;
    }
    .advantage-item p {
        font-size: 16px;
    }
    .advantages-list {
        gap: 10px;
    }
    .advantage-item {
        padding-bottom: 25px;
        margin-bottom: 15px;
    }
    .cus-social-icons {
        margin-top: 0px;
    }
    .stats-number {
        font-size: clamp(3rem, 8vw, 6rem);
    }
    .stats-label {
        font-size: .85rem;
    }
    .weBuildAppHead {
        font-size: var(--fs-18);
    }
    .strategy-img {
        width: 110px;
    }
    .WeBuildAppsSection .row {
        --bs-gutter-y: 2.4rem;
        margin-top: 0;
    }
    .testimonial-text {
        margin-bottom: 0rem;
        padding: 1rem;
    }
    .testimonial-text p {
        line-height: 1.4;
        font-size: var(--fs-16);
    }
    .testimonial-nav-wrapper-left .nav-btn {
        width: 45px;
        height: 45px;
    }
    .testimonial-nav-wrapper-left {
        gap: 9px;
    }
    .testimonials-carousel .owl-item .testimonial-item {
        min-height: auto;
        padding-bottom: 30px;
    }
    
    .client-details h4 {
        font-size: var(--fs-20);
    }
    .client-details {
        padding-left: 1rem;
        padding-bottom: 1rem;
    }
    .journeyGreatThings {
        margin-bottom: 1rem !important;
    }
    .letstalk-backgroundimage {
        width: 46%;
        height: -webkit-fill-available;
        background-position: top right;
        opacity: .2;
    }
    .copyright {
        font-size: var(--fs-12);
    }
    .card-section .row.mt-16 {
        margin-top: var(--space-10);
    }
    .hero-image {
        width: 49px;
        bottom: 3px;
        margin: 0px 7px 0px;
    }
    .hero-form-heading {
        font-size: 20px;
        line-height: 1;
    }
    .innovative-leftcontainer {
        padding-right: 15px;
    }
    .card-section .col-md-6 {
        text-align: center;
    }
    .testimonials-header {
        flex-direction: column;
    }
    .testimonial-nav-wrapper-left {
        margin-bottom: 15px;
    }
    .accordion-header .fs-24 {
        gap: 15px;
    }
    .copyright-content {
        font-size: 14px;
    }
    .btn-lg {
    font-size: clamp(1rem, 1vw + 1rem, 1rem);
    height: clamp(52px, 8vw, 68px);
    border-radius: clamp(32px, 6vw, 48px);
    padding: 0 clamp(20px, 4vw, 30px);
}
    .four-cards-item {
                text-align: center !important;
        border-bottom: 1px solid #eeeeee;
        margin-bottom: 30px;
        padding-bottom: 30px;
    }
        .four-cards-item img {
        margin: auto;
    }
    .last-child {
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
    border-bottom: 0px solid #eeeeee;
}
    .four-cards h2, .four-cards h4 {
        font-size: 20px;
    }
    .four-cards p {
    font-size: 18px;
}
    .industry-card h3 {
        font-size: 18px !important;
    }
    .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
    display: none;
}

.industry-card img {
    width: 18px !important;
}
h5.fs-34.times-regular-italic.text-heading.mb-10.mt-1 {
    font-size: 22px;
}
.max-width-adaptive-md {
    margin-top: 30px !important;
}
.stats-card {
    padding: 0 !important;
}
.btn-linkedin {
    margin-right: 0 !important;
}
}