@media (min-width: 2500px) and (max-width: 2640px) and (orientation: landscape) {
    .left-side-text {
        flex: 0 0 38%;
    }

    .left-side-text {
        font-size: 39px;
    }

    /* .right-image img {
        width: 60%;
    } */

    .box h3 {
        font-size: 23px;
    }

    .box p {
        font-size: 19px;
    }
}

@media (min-width: 2100px) and (max-width: 2500px) and (orientation: landscape) {
    .left-side-text {
        flex: 0 0 38%;
    }

    .left-side-text {
        font-size: 39px;
    }

    /* .right-image img {
        width: 60%;
    } */

    .box h3 {
        font-size: 23px;
    }

    .box p {
        font-size: 19px;
    }
}

@media (min-width: 1900px) and (max-width: 2100px) and (orientation: landscape) {
    .left-side-text {
        flex: 0 0 38%;
    }

    .left-side-text {
        font-size: 39px;
    }
/* 
    .right-image img {
        width: 60%;
    } */

    .box h3 {
        font-size: 23px;
    }

    .box p {
        font-size: 19px;
    }
}

@media (min-width: 1740px) and (max-width: 1900px) and (orientation: landscape) {
    .left-side-text {
        flex: 0 0 38%;
    }

    .left-side-text {
        font-size: 32px;
    }

    /* .right-image img {
        width: 40%;
    } */

    .box h3 {
        font-size: 23px;
    }

    .box p {
        font-size: 19px;
    }
}

@media (min-width: 1300px) and (max-width: 1740px) and (orientation: landscape) {
    .left-side-text {
        flex: 0 0 38%;
    }

    .left-side-text {
        font-size: 25px;
    }

    /* .right-image img {
        width: 40%;
    } */
}

@media (min-width: 1200px) and (max-width: 1300px) and (orientation: landscape) {
    .left-side-text {
        flex: 0 0 38%;
    }
}

@media (min-width: 1030px) and (max-width: 1200px) and (orientation: landscape) {
    .why {
        /* margin-top: 40%; */
    }

    .why h2 {
        font-size: 42px;
    }

    .boxs {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 30px;
        margin: 4%;
    }

    .bridge-left p span {
        display: inline;
    }

    .text-image {
        flex-direction: column;
        gap: 0;
        padding-top: 13%;
    }

    .left-side-text {
        font-size: 21px;
    }
}

@media (min-width: 900px) and (max-width: 1030px) and (orientation: landscape) {
    .why {
        /* margin-top: 40%; */
    }

    .why h2 {
        font-size: 32px;
    }

    .boxs {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 30px;
        margin: 4%;
    }

    .bridge-left p span {
        display: inline;
    }

    .text-image {
        flex-direction: column;
        gap: 0;
        padding-top: 13%;
    }

    .left-side-text {
        font-size: 21px;
    }
}

@media (min-width: 768px) and (max-width: 900px) and (orientation: landscape) {
    .why {
        /* margin-top: 40%; */
    }

    .why h2 {
        font-size: 32px;
    }

    .boxs {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 30px;
        margin: 4%;
    }

    .bridge-left p span {
        display: inline;
    }

    .text-image {
        flex-direction: column;
        gap: 0;
        padding: 8%;
    }

    .left-side-text {
        font-size: 21px;
    }
}

@media (min-width: 1200px) and (max-width: 1500px) and (orientation: portrait) {
    .why {
        margin-top: 40%;
    }

    .why h2 {
        font-size: 32px;
    }

    .boxs {
        display: flex;
        gap: 30px;
        margin: 4%;
        flex-direction: column;
    }

    .bridge-left p span {
        display: inline;
    }

    .text-image {
        flex-direction: column;
        gap: 0;
        padding-top: 15%;
    }

    .left-side-text {
        font-size: 21px;
    }
}

@media (min-width: 900px) and (max-width: 1200px) and (orientation: portrait) {
    .why h2 {
        font-size: 32px;
    }

    .boxs {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 30px;
        margin: 4%;
    }

    .bridge-left p span {
        display: inline;
    }

    .text-image {
        flex-direction: column;
        gap: 0;
        padding-top: 15%;
    }

    .left-side-text {
        font-size: 21px;
    }
}

@media (min-width: 800px) and (max-width: 900px) and (orientation: portrait) {
    .why {
        margin-top: 10%;
    }

    .why h2 {
        font-size: 32px;
    }

    .boxs {
        display: flex;
        gap: 30px;
        margin: 4%;
        flex-direction: column;
    }

    .bridge-left p span {
        display: inline;
    }

    .text-image {
        flex-direction: column;
        gap: 0;
        padding-top: 15%;
    }

    .left-side-text {
        font-size: 21px;
    }

    .boxs {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 30px;
        margin: 4%;
    }

    .box {
        flex: 1;
        padding: 30px 20px;
        background-color: rgba(250, 250, 250, 1);
        display: flex;
        flex-direction: column !important;
        align-items: center;
        justify-content: center;
        color: #fff;
        border-radius: 40px;
        min-height: 320px;
        transition: background-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease;
    }

    .contact-form-card {
        border-radius: 24px;
        max-width: 90%;
        margin: 44px auto -22% auto;
    }
}

@media (min-width: 638px) and (max-width: 768px) and (orientation: landscape) {
    /* .why {
        margin-top: 40%;
    } */

    .why h2 {
        font-size: 32px;
    }

    .boxs {
        display: flex;
        gap: 30px;
        margin: 4%;
        flex-direction: column;
    }

    .bridge-left p span {
        display: inline;
    }

    .text-image {
        flex-direction: column;
        gap: 0;
        padding-top: 15%;
    }

    .left-side-text {
        font-size: 21px;
    }

    .boxs {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 30px;
        margin: 4%;
    }

    .box {
        flex: 1;
        padding: 30px 20px;
        background-color: rgba(250, 250, 250, 1);
        display: flex;
        flex-direction: column !important;
        align-items: center;
        justify-content: center;
        color: #fff;
        border-radius: 40px;
        min-height: 320px;
        transition: background-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease;
    }

    .contact-form-card {
        border-radius: 24px;
        max-width: 90%;
        margin: 44px auto -22% auto;
    }

    /* .faq-title {
        font-size: 66px !important;
        font-weight: 400 !important;
        line-height: 1.1;
        position: relative;
        color: rgba(42, 42, 42, 1);
        z-index: 1;
    } */
}


@media (min-width: 638px) and (max-width: 800px) and (orientation: portrait) {
    .why {
        /* margin-top: 40%; */
    }

    .why h2 {
        font-size: 32px;
    }

    .boxs {
        display: flex;
        gap: 30px;
        margin: 4%;
        flex-direction: column;
    }

    .bridge-left p span {
        display: inline;
    }

    .text-image {
        flex-direction: column;
        gap: 0;
        padding-top: 15%;
    }

    .left-side-text {
        font-size: 21px;
    }

    /* .faq-title {
        font-size: 66px !important;
        font-weight: 400 !important;
        line-height: 1.1;
        position: relative;
        color: rgba(42, 42, 42, 1);
        z-index: 1;
    } */

    .boxs {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 30px;
        margin: 4%;
    }

    .box {
        flex: 1;
        padding: 30px 20px;
        background-color: rgba(250, 250, 250, 1);
        display: flex;
        flex-direction: column !important;
        align-items: center;
        justify-content: center;
        color: #fff;
        border-radius: 40px;
        min-height: 320px;
        transition: background-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease;
    }

    .contact-form-card {
        border-radius: 24px;
        max-width: 90%;
        margin: 44px auto -22% auto;
    }
}

@media (min-width: 768px) and (max-height: 1024px) and (orientation: portrait) {
    .why {
        margin-top: 10%;
    }

    .desc {
        font-size: 20px;
    }

    .footer-links-section {
        padding: 0;
        margin-bottom: 0rem !important;
    }

    .boxs {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 30px;
        margin: 4%;
    }

    .box {
        flex: 1;
        padding: 30px 20px;
        background-color: rgba(250, 250, 250, 1);
        display: flex;
        flex-direction: column !important;
        align-items: center;
        justify-content: center;
        color: #fff;
        border-radius: 40px;
        min-height: 320px;
        transition: background-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease;
    }

    .contact-form-card {
        border-radius: 24px;
        max-width: 90%;
        margin: 44px auto -22% auto;
    }

    /* .faq-title {
        font-size: 66px !important;
        font-weight: 400 !important;
        line-height: 1.1;
        position: relative;
        color: rgba(42, 42, 42, 1);
        z-index: 1;
    } */
}

@media (min-width: 1024px) and (max-height: 768px) and (orientation: landscape) {
    .desc {
        font-size: 20px;
    }

    .why {
        margin-top: 3% !important;
    }

    /* .faq-section-inner {
        width: 95% !important;
    }

    .faq-title {
        font-size: 60px !important;
    }

    .faq-title {
        font-size: 66px !important;
        font-weight: 400 !important;
        line-height: 1.1;
        position: relative;
        color: rgba(42, 42, 42, 1);
        z-index: 1;
    }

    .faq-section {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        padding: 40px 5%;
        position: relative;
        gap: 60px;
    } */

    /* .contact-form-card {
        border-radius: 24px;
        max-width: 80%;
        margin: 44px auto -20% auto;
    } */
}

@media (min-width: 526px) and (max-width: 638px) and (orientation: portrait) {
    .why {
        margin-top: 40%;
    }

    .why h2 {
        font-size: 32px;
    }

    .boxs {
        display: flex;
        gap: 30px;
        margin: 4%;
        flex-direction: column;
    }

    .bridge-left p span {
        display: inline;
    }

    .text-image {
        flex-direction: column;
        gap: 0;
        padding-top: 15%;
    }

    .left-side-text {
        font-size: 16px;
    }
}

@media (max-width: 475px) {
    .banner-background-video {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 78%;
        object-fit: cover;
        object-position: right;
        opacity: 0.4;
        z-index: 0;
    }

    /* .faq-title {
        font-size: 2.5rem !important;
        line-height: 2.5rem !important;
    } */

    /* .right-image img {
        width: 37%;
        object-fit: contain;
    } */
}

@media (min-width: 423px) and (max-width: 526px) and (orientation: portrait) {
    .btn-demo2 {
        padding: 11px 25px;
        font-size: 16px;
    }

    .btn-team2 {
        padding: 10px 11px;
        font-size: 15px;
    }

    .why {
        margin-top: 40%;
    }

    .why h2 {
        font-size: 32px;
    }

    .boxs {
        display: flex;
        gap: 30px;
        margin: 4%;
        flex-direction: column;
    }

    .bridge-left p span {
        display: inline;
    }

    .text-image {
        flex-direction: column;
        gap: 0;
        padding-top: 15%;
    }

    .left-side-text {
        font-size: 16px;
    }

    /* .faq-title {
        font-size: 2.5rem !important;
        line-height: 2.5rem !important;
    } */

    /* .right-image img {
        width: 37%;
        object-fit: contain;
    } */
}

/* 425px */
@media (max-width: 426px) {
    .btn-demo2 {
        padding: 11px 25px;
        font-size: 16px;
    }

    .btn-team2 {
        padding: 10px 11px;
        font-size: 15px;
    }

    .why {
        margin-top: 40%;
    }

    .why h2 {
        font-size: 32px;
    }

    .boxs {
        display: flex;
        gap: 30px;
        margin: 4%;
        flex-direction: column;
    }

    .bridge-left p span {
        display: inline;
    }

    .text-image {
        flex-direction: column;
        gap: 0;
        padding-top: 15%;
    }

    .left-side-text {
        font-size: 16px;
    }

    /* .right-image img {
        width: 37%;
        object-fit: contain;
    } */
}

/* 375px */
@media (max-width: 376px) {

    .global-heading,
    .automated-heading,
    .real-heading {
        text-align: center;
        margin-bottom: 20px;
    }

    .btn-demo2 {
        padding: 10px 20px;
        font-size: 14px;
    }

    .btn-team2 {
        padding: 10px 11px;
        font-size: 12px;
    }

    .why {
        margin-top: 40%;
    }

    .why h2 {
        font-size: 28px;
    }

    .boxs {
        display: flex;
        gap: 30px;
        margin: 4%;
        flex-direction: column;
    }

    .bridge-left p span {
        display: inline;
    }

    .text-image {
        flex-direction: column;
        gap: 0;
        padding-top: 15%;
    }

    .left-side-text {
        font-size: 16px;
    }

    /* .faq-title {
        font-size: 2.5rem !important;
        line-height: 2.5rem !important;
    } */

    /* .right-image img {
        width: 37%;
        object-fit: contain;
    } */
}

/* 320px */
@media (max-width: 321px) {
    .btn-demo2 {
        padding: 10px 20px;
        font-size: 12px;
    }

    .btn-team2 {
        padding: 10px 11px;
        font-size: 12px;
    }

    .why {
        margin-top: 40%;
    }

    .why h2 {
        font-size: 23px;
    }

    .boxs {
        display: flex;
        gap: 30px;
        margin: 4%;
        flex-direction: column;
    }

    .bridge-left p span {
        display: inline;
    }

    .text-image {
        flex-direction: column;
        gap: 0;
        padding-top: 15%;
    }

    .left-side-text {
        font-size: 16px;
    }

    /* .right-image img {
        width: 20%;
        object-fit: contain;
    } */

    .btn-global,
    .btn-automated,
    .btn-real {
        padding: 7px 20px;
        font-size: 12px;
    }

    /* .faq-title {
        font-size: 2.5rem !important;
        line-height: 2.5rem !important;
    } */

    /* .right-image img {
        width: 37%;
        object-fit: contain;
    } */
}


@media only screen and (width: 1080px) and (height: 810px) and (orientation: portrait) {

    .why {
        margin-top: 0% !important;
    }
}



/* manisha css start */
@media (min-width:768px) and (max-width:992px) {
     .bridge-bottom {
        right: -8%;
        bottom: 36%;
    }
    .images div img{
        width: 30%;
    }
    .images div img:nth-child(2), .images div img:nth-child(3){
        width: 18%;
    }

    
    .images div img{
        width: 30%;
    }


    .left-side-text-center {
        font-size: 20px;
    }
}

@media (min-width: 800px) and (max-width: 840px) and (orientation: portrait) {
  .height-ipad{
    height: 100%;
    min-height: 100%;
  }
}


@media (min-width: 1080px) and (max-width: 1080px) and (min-height: 810px) and (max-height: 810px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
    .height-ipad{
        height: 100%;
        min-height: 100%;
    }
}

@media (max-width:768px) {
    .left-side-text-center {
        font-size: 16px;
    }

    .height-ipad{
        height: 100%;
        min-height: 100%;
    }
}

@media (min-width: 1024px) and (max-width: 1024px)  {
    .height-ipad{
        height: 120%;
        min-height: 120%;
    }
}

@media (min-width: 1194px) and (max-width: 1194px) and (min-height: 834px) and (max-height: 834px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
    .height-ipad{
        height: 120%;
        min-height: 120%;
    }
}
 

@media (min-width: 1366px) and (max-width: 1366px) and (min-height: 1024px) and (max-height: 1024px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
    .height-ipad{
        height: 120%;
        min-height: 120%;
    }
}
 
@media (max-width:568px) {
     .btn-demo {
        padding: 11px 14px;
        margin: 0;
        font-size: 15px;
    }

    .images div img:nth-child(2), .images div img:nth-child(3){
        width: 20%;
    }

    
    .images div img{
        width: 40%;
    }
     
    .images div{
       text-align: center;
    }


}

@media (min-width: 667px) and (max-width: 670px) and (orientation: landscape) {
    .bridge-right{
        padding-top: 10%;
    }

    .partner-btn{
        width: fit-content;
    }
    .images div{
         text-align: center;
    }
}


@media (min-width: 736px) and (max-width: 740px) and (orientation: landscape) {
 
    .bridge-right{
        padding-top: 10%;
    }
    .partner-btn{
        width: fit-content;
    }
      .images div{
         text-align: center;
    }
  
}
/* manisha css end */