@media (min-width: 2900px) and (max-width: 3200px) and (orientation: landscape) {
.bridge-main {
    width: 100%;
    max-width: 9100px;
}
.bridge-left h1 {
    font-size: 92px;}
.bridge-left p {
    font-size: 46px;}
.bridge-main {
    width: 100%;
    max-width: 1250px;
}
.btn-demo {
        font-size: 45px;
        padding: 25px 39px;
        border-radius: 65px;
    }
.btn-team {
        font-size: 45px;
        padding: 25px 39px;
        border-radius: 65px;
    }
 .text-image-section {
        padding-top: 13%;
        padding-bottom: 0;
    }
.global-left, .automated-right, .real-left {
    float: right;
    width: 46%;
}
.global-heading h1, .automated-heading h1, .real-heading h1 {
    font-size: 80px;}
.global-heading h3, .automated-heading h3, .real-heading h3 {
    font-size: 45px;}
.global-left p, .automated-right p, .real-left p {
    margin: 43px;
    font-size:41px;
}
.icon {
    width: 10%;}
.global-bottom-blue, .automated-bottom-blue, .real-bottom-blue {
    font-size: 55px;}
.global-bottom, .automated-bottom, .real-bottom {
    font-size: 50px;}
.btn-global, .btn-automated, .btn-real {
    font-size: 50px;
    padding: 17px 48px;
    border-radius:50px;
    margin-right:20px;
}
.btn-arrow img, .btn-arrow2 img, .btn-arrow3 img {
    width: 109px;}
.features-title {
    font-size: 82px;}
.features-subtitle span {
    display:inline;  
}
.desc {
    font-size: 22px;
    max-width: 990px;}
.features-subtitle{
max-width: 1000px;
 font-size: 33px;
}
.feature-card h3 {
    font-size: 45px;}
.feature-card p{
    font-size: 40px;
}
.feature-icon {
    width: 65px;}
.feature-main-img {
    width: 100%;
    max-width: 1000px;}
.global-left p span, .automated-right p span, .real-left p span{
    display:inline;
    margin:15px;
}
.bridge-card {
    width: 100%;
    max-width: 1500px;
}
.slider-text {
        font-size: 47px;
}
.slider-text-bold {
        font-size: 38px;
}
.slider-text-bold .slider-text {
    font-size: 40px;}
        
}
@media (min-width: 2604px) and (max-width: 2900px) and (orientation: landscape) {
    
.bridge-main {
    width: 100%;
    max-width: 6100px;
}
.bridge-left h1 {
    font-size: 82px;}
.bridge-left p {
    font-size: 40px;}
.bridge-main {
    width: 100%;
    max-width: 1250px;
}
.btn-demo {
        font-size: 45px;
        padding: 25px 39px;
        border-radius: 55px;
    }
.btn-team {
        font-size: 45px;
        padding: 25px 39px;
        border-radius: 55px;
    }
 .text-image-section {
        padding-top: 13%;
        padding-bottom: 0;
    }
.global-left, .automated-right, .real-left {
    float: right;
    width: 46%;
}
.global-heading h1, .automated-heading h1, .real-heading h1 {
    font-size: 84px;}
.global-heading h3, .automated-heading h3, .real-heading h3 {
    font-size: 35px;}
.global-left p, .automated-right p, .real-left p {
    margin: 43px;
    font-size:41px;
}
.icon {
    width: 10%;}
.global-bottom-blue, .automated-bottom-blue, .real-bottom-blue {
    font-size: 60px;}
.global-bottom, .automated-bottom, .real-bottom {
    font-size: 55px;}
.btn-global, .btn-automated, .btn-real {
    font-size: 52px;
    padding: 17px 48px;
    border-radius:50px;
    margin-right:20px;
}
.btn-arrow img, .btn-arrow2 img, .btn-arrow3 img {
    width: 109px;}
.features-title {
    font-size: 76px;}
.features-subtitle span {
    display:inline;
   
}
.desc {
    font-size: 22px;
    max-width: 990px;}
.features-subtitle{
max-width: 1000px;
 font-size: 30px;
}
.feature-card h3 {
    font-size: 35px;}
.feature-card p{
    font-size: 30px;
}
.feature-icon {
    width: 65px;}
.feature-main-img {
    width: 100%;
    max-width: 1000px;}
.global-left p span, .automated-right p span, .real-left p span{
    display:inline;
    margin:15px;
}
.bridge-card {
    width: 100%;
    max-width: 1500px;
}
.slider-text {
        font-size: 43px;
}
.slider-text-bold {
        font-size: 35px;
}
.slider-text-bold .slider-text {
    font-size: 35px;}

}
@media (min-width: 2501px) and (max-width: 2640px) and (orientation: landscape) {
    
.bridge-main {
    width: 100%;
    max-width: 6100px;
}
.bridge-left h1 {
    font-size: 55px;}
.bridge-left p {
    font-size: 40px;}
.bridge-main {
    width: 100%;
    max-width: 1250px;
}
.btn-demo {
        font-size: 45px;
        padding: 25px 39px;
        border-radius: 55px;
    }
.btn-team {
        font-size: 45px;
        padding: 25px 39px;
        border-radius: 55px;
    }
 .text-image-section {
        padding-top: 13%;
        padding-bottom: 0;
    }
.global-left, .automated-right, .real-left {
        float: right;
        width: 52%;
    }
.global-heading h1, .automated-heading h1, .real-heading h1 {
    font-size:66px;}
.global-heading h3, .automated-heading h3, .real-heading h3 {
    font-size: 35px;}
.global-left p, .automated-right p, .real-left p {
        margin: 15px;
        font-size: 38px;
    }
.icon {
    width: 8%;}
.global-bottom-blue, .automated-bottom-blue, .real-bottom-blue {
    font-size: 51px;}
.global-bottom, .automated-bottom, .real-bottom {
    font-size: 48px;}
.btn-global, .btn-automated, .btn-real {
    font-size: 52px;
    padding: 17px 48px;
    border-radius:50px;
    margin-right:20px;
}
.btn-arrow img, .btn-arrow2 img, .btn-arrow3 img {
    width: 109px;}
.features-title {
    font-size: 76px;}
.features-subtitle span {
    display:inline;
   
}
.desc {
    font-size: 22px;
    max-width: 990px;}
.features-subtitle{
max-width: 1000px;
 font-size: 30px;
}
.feature-card h3 {
    font-size: 35px;}
.feature-card p{
    font-size: 30px;
}
.feature-icon {
    width: 65px;}
.feature-main-img {
    width: 100%;
    max-width: 1000px;}
.global-left p span, .automated-right p span, .real-left p span{
    display:inline;
    margin:15px;
}
.bridge-card {
    width: 100%;
    max-width: 1500px;
}
.slider-text {
        font-size: 43px;
}
.slider-text-bold {
        font-size: 35px;
}
.slider-text-bold .slider-text {
    font-size: 35px;}
.global-section, .automated-section, .real-section {
    padding: 5% 8%;
}

}
@media (min-width: 2101px) and (max-width: 2500px) and (orientation: landscape) {
 .global-section, .automated-section, .real-section {
    padding: 5% 10%;
}
.bridge-left h1 {
    font-size: 65px;}
.bridge-left p {
    font-size: 34px;}
.bridge-main {
    width: 100%;
    max-width: 1250px;
}
.btn-demo {
font-size: 32px;
padding: 16px 31px;
border-radius:40px;
}
.btn-team {
font-size: 30px;
padding: 16px 31px;
border-radius:40px;
}
 .text-image-section {
        padding-top: 10%;
        padding-bottom: 0;
    }
.global-left, .automated-right, .real-left {
    float: right;
    width: 46%;
}
.global-heading h1, .automated-heading h1, .real-heading h1 {
    font-size: 55px;}
.global-heading h3, .automated-heading h3, .real-heading h3 {
    font-size: 29px;}
.global-left p, .automated-right p, .real-left p {
    margin: 26px;
font-size:30px;}
.icon {
    width: 7%;}
.global-bottom-blue, .automated-bottom-blue, .real-bottom-blue {
    font-size: 38px;}
.global-bottom, .automated-bottom, .real-bottom {
    font-size: 36px;}
.btn-global, .btn-automated, .btn-real {
    font-size: 35px;
    border-radius:40px;
}
.btn-arrow img, .btn-arrow2 img, .btn-arrow3 img {
    width: 70px;}
.features-title {
    font-size: 50px;}
.features-subtitle span {
    display:inline; 
}
.features-subtitle{
max-width: 1000px;
 font-size: 20px;
}
.feature-card h3 {
    font-size: 30px;}
.feature-card p{
    font-size: 20px;
}
.feature-icon {
    width: 7%;}
.feature-main-img {
    width: 80%;
    max-width: 1000px;}
.global-left p span, .automated-right p span, .real-left p span{
    display:inline;
    margin:4px;
}
.slider-text {
        font-size: 32px;
}
.slider-text-bold {
        font-size: 28px;
}
.slider-text-bold .slider-text {
    font-size: 28px;}
.bridge-card {
    width: 90%;
    max-width: 1700px;
    height: 95%;
}
.bridge-card h1 {
    font-size: 90px;
}
    .partner-btn {
        font-size: 30px;
    }
    .desc {
        font-size: 19px;
        max-width: 953px;
    }
.features-title {
        font-size: 62px;
    }
.features-subtitle {
    font-size: 22px; 
}
.feature-card h3 {
        font-size: 30px;
    }
.feature-card p {
        font-size: 28px;
    }

}
@media (min-width: 1741px) and (max-width: 1900px) and (orientation: landscape) {
    .global-section, .automated-section, .real-section {
    padding: 5% 10%;
}
.bridge-left h1 {
    font-size: 55px;}
.bridge-left p {
    font-size: 27px;}
.bridge-main {
    width: 100%;
    max-width: 1250px;
}
.btn-demo {
font-size: 25px;
padding: 16px 31px;
border-radius:40px;
}
.btn-team {
font-size: 24px;
padding: 16px 31px;
border-radius:40px;
}
 .text-image-section {
        padding-top: 13%;
        padding-bottom: 0;
    }
.global-left, .automated-right, .real-left {
    float: right;
    width: 46%;
}
.global-heading h1, .automated-heading h1, .real-heading h1 {
    font-size: 50px;}
.global-heading h3, .automated-heading h3, .real-heading h3 {
    font-size: 25px;}
.global-left p, .automated-right p, .real-left p {
    margin: 26px;
font-size:20px;}
.icon {
    width: 7%;}
.global-bottom-blue, .automated-bottom-blue, .real-bottom-blue {
    font-size: 30px;}
.global-bottom, .automated-bottom, .real-bottom {
    font-size: 28px;}
.btn-global, .btn-automated, .btn-real {
    font-size: 25px;
    border-radius:40px;
}
.btn-arrow img, .btn-arrow2 img, .btn-arrow3 img {
    width: 90%;}
.features-title {
    font-size: 50px;}
.features-subtitle span {
    display:inline; 
}
.features-subtitle{
max-width: 1000px;
 font-size: 20px;
}
.feature-card h3 {
    font-size: 30px;}
.feature-card p{
    font-size: 20px;
}
.feature-icon {
    width: 7%;}
.feature-main-img {
    width: 80%;
    max-width: 1000px;}
.global-left p span, .automated-right p span, .real-left p span{
    display:inline;
    margin:4px;
}
.slider-text {
        font-size: 29px;
}
.slider-text-bold {
        font-size: 22px;
}
.slider-text-bold .slider-text {
    font-size: 26px;}

}
@media (min-width: 1601px) and (max-width: 1740px) and (orientation: landscape) {
.global-section, .automated-section, .real-section {
    padding: 4% 5%;}
  .bridge-section {
    width: 100%;
    padding: 8%;
    padding-top:8%;
}
    .text-image-section {
        padding-top: 13%;
        padding-bottom: 0;
    }

    .bridge-container {
        display: flex;
        flex-direction: row;
        gap: 0px;
    }
.bridge-left h1 {
    font-size: 44px;
}
.bridge-left p {
    font-size: 21px;
}
.btn-demo {
        padding: 14px 30px;
    font-size: 20px;
}
.btn-team {
    padding: 13px 20px;
    font-size: 20px;
}
.global-heading h1, .automated-heading h1, .real-heading h1 {
    font-size: 40px;
}
.global-heading h3, .automated-heading h3, .real-heading h3 {
    font-size: 25px;
}
.global-left, .automated-right, .real-left {
    float: right;
    width: 45%;
}
.global-left p, .automated-right p, .real-left p {
    font-size: 21px;
}
.global-bottom-blue, .automated-bottom-blue, .real-bottom-blue {
        font-size: 28px;
}
.global-bottom, .automated-bottom, .real-bottom {
    font-size: 28px;
}
.btn-global, .btn-automated, .btn-real {
            padding: 11px 29px;
            font-size: 25px;
}
.btn-arrow img, .btn-arrow2 img, .btn-arrow3 img {
    width: 47px;
    height: auto;
}
.global-left p span, .automated-right p span, .real-left p span{
    display:block;
}
.bridge-card h1 {
    font-size: 66px;}
.desc {
    font-size: 15px;
    max-width: 700px;
}
.partner-btn {
    font-size: 23px;
}
.feature-card h3 {
    font-size: 18px;
}
.feature-card p {
    font-size: 18px;}
.feature-icon {
    width: 45px;}
.feature-card {
    padding: 12px 22px;
}
.features-title {
    font-size: 40px;}
.feature-main-img {
    width: 100%;
    max-width: 500px;
}
.features-subtitle span {
    display: inline;
}
.btn-arrow img, .btn-arrow2 img, .btn-arrow3 img {
        width: 59px;}
.slider-text {
        font-size: 21px;
}
.slider-text-bold {
        font-size: 16px;
}
.slider-text-bold .slider-text {
    font-size: 21px;}
 } 
@media (min-width: 1401px) and (max-width: 1600px) and (orientation: landscape) {
    /* .global-section, .automated-section, .real-section {
    padding: 4% 12%;}
   .bridge-section {
    width: 100%;
    padding: 8%;
} 
    .text-image-section {
        padding-top: 15%;
        padding-bottom: 0;
    }

    .bridge-container {
        display: flex;
        flex-direction: row;
        gap: 0px;
    } */
/* .bridge-left h1 {
    font-size: 35px;
}
.bridge-left p {
    font-size: 19px;
} */
/* .btn-demo {
        padding: 11px 27px;
    font-size: 18px;
}
.btn-team {
    padding: 10px 18px;
    font-size: 18px;
} */
/* .global-heading h1, .automated-heading h1, .real-heading h1 {
    font-size: 37px;
}
.global-heading h3, .automated-heading h3, .real-heading h3 {
    font-size: 20px;
}
.global-left, .automated-right, .real-left {
    float: right;
    width: 50%;
}
.global-left p, .automated-right p, .real-left p {
    font-size: 18px;
}
.global-bottom-blue, .automated-bottom-blue, .real-bottom-blue {
        font-size: 22px;
        padding-top:15px;
}
.global-bottom, .automated-bottom, .real-bottom {
    font-size: 20px;
}
.btn-global, .btn-automated, .btn-real {
    padding: 10px 20px;
}
.btn-arrow img, .btn-arrow2 img, .btn-arrow3 img {
    width: 47px;
    height: auto;
}
.global-left p span, .automated-right p span, .real-left p span{
    display:block;
}
.bridge-card h1 {
    font-size: 66px;}
.desc {
    font-size: 15px;
    max-width: 700px;
}
.partner-btn {
    font-size: 23px;
}
.feature-card h3 {
    font-size: 18px;
}
.feature-card p {
    font-size: 13px;}
.feature-icon {
    width: 35px;}
.feature-card {
    padding: 12px 22px;
}
.features-title {
    font-size: 40px;}
.feature-main-img {
    width: 100%;
    max-width: 400px;
}
.features-subtitle span {
    display: inline;
}
.slider-text {
        font-size: 18px;
}
.slider-text-bold {
        font-size: 15px;
}
.slider-text-bold .slider-text {
    font-size: 17px;}
   .global-left p span, .automated-right p span, .real-left p span{
    display:inline;} */
    .global-left p span, .automated-right p span, .real-left p span{
    display:inline;
}
 }
 @media (min-width: 1301px) and (max-width: 1400px) and (orientation: landscape) {
    .global-section, .automated-section, .real-section {
    padding: 4% 5%;}
   .bridge-section {
    width: 100%;
    padding: 8%;
} 
    .text-image-section {
        padding-top: 15%;
        padding-bottom: 0;
    }

    .bridge-container {
        display: flex;
        flex-direction: row;
        gap: 0px;
    }
.bridge-left h1 {
    font-size: 35px;
}
.bridge-left p {
    font-size: 19px;
}
.btn-demo {
        padding: 11px 27px;
    font-size: 18px;
}
.btn-team {
    padding: 10px 18px;
    font-size: 18px;
}
.global-heading h1, .automated-heading h1, .real-heading h1 {
    font-size: 40px;
}
.global-heading h3, .automated-heading h3, .real-heading h3 {
    font-size: 20px;
}
.global-left, .automated-right, .real-left {
    float: right;
    width: 60%;
}
.global-left p, .automated-right p, .real-left p {
    font-size: 18px;
}
.global-bottom-blue, .automated-bottom-blue, .real-bottom-blue {
        font-size: 22px;
}
.global-bottom, .automated-bottom, .real-bottom {
    font-size: 14px;
}
.btn-global, .btn-automated, .btn-real {
    padding: 10px 20px;
}
.btn-arrow img, .btn-arrow2 img, .btn-arrow3 img {
    width: 47px;
    height: auto;
}
.global-left p span, .automated-right p span, .real-left p span{
    display:block;
}
.bridge-card h1 {
    font-size: 66px;}
.desc {
    font-size: 15px;
    max-width: 700px;
}
.partner-btn {
    font-size: 23px;
}
.feature-card h3 {
    font-size: 18px;
}
.feature-card p {
    font-size: 13px;}
.feature-icon {
    width: 35px;}
.feature-card {
    padding: 12px 22px;
}
.features-title {
    font-size: 40px;}
.feature-main-img {
    width: 100%;
    max-width: 400px;
}
.features-subtitle span {
    display: inline;
}
.slider-text {
        font-size: 18px;
}
.slider-text-bold {
        font-size: 15px;
}
.slider-text-bold .slider-text {
    font-size: 17px;}
   .global-left p span, .automated-right p span, .real-left p span{
    display:inline;}
 }
  @media (min-width: 1201px) and (max-width: 1300px) and (orientation: landscape) {
    
.global-section, .automated-section, .real-section {
    padding: 4% 5%;}
   .bridge-section {
    width: 100%;
    padding: 8%;
} 
    .text-image-section {
        padding-top: 15%;
        padding-bottom: 0;
    }

    .bridge-container {
        display: flex;
        flex-direction: row;
        gap: 0px;
    }
.bridge-left h1 {
    font-size: 41px;
}
.bridge-left p {
    font-size: 19px;
}
.btn-demo {
        padding: 11px 27px;
    font-size: 18px;
}
.btn-team {
    padding: 10px 18px;
    font-size: 18px;
}
.global-heading h1, .automated-heading h1, .real-heading h1 {
    font-size: 40px;
}
.global-heading h3, .automated-heading h3, .real-heading h3 {
    font-size: 20px;
}
.global-left, .automated-right, .real-left {
    float: right;
    width: 50%;
}
.global-left p, .automated-right p, .real-left p {
    font-size: 18px;
}
.global-bottom-blue, .automated-bottom-blue, .real-bottom-blue {
        font-size: 22px;
}
.global-bottom, .automated-bottom, .real-bottom {
    font-size: 14px;
}
.btn-global, .btn-automated, .btn-real {
    padding: 10px 20px;
}
.btn-arrow img, .btn-arrow2 img, .btn-arrow3 img {
    width: 47px;
    height: auto;
}
.global-left p span, .automated-right p span, .real-left p span{
    display:block;
}
.bridge-card h1 {
    font-size: 66px;}
.desc {
    font-size: 15px;
    max-width: 700px;
}
.partner-btn {
    font-size: 23px;
}
.feature-card h3 {
    font-size: 18px;
}
.feature-card p {
    font-size: 13px;}
.feature-icon {
    width: 35px;}
.feature-card {
    padding: 12px 22px;
}
.features-title {
    font-size: 40px;}
.feature-main-img {
    width: 100%;
    max-width: 400px;
}
.features-subtitle span {
    display: inline;
}
.slider-text {
        font-size: 18px;
}
.slider-text-bold {
        font-size: 15px;
}
.slider-text-bold .slider-text {
    font-size: 17px;}
 }  
 @media (min-width: 1031px) and (max-width: 1200px) and (orientation: landscape) {
    
.global-right img, .automated-left img, .real-right img {
    width: 100%;
    /* display: block; */
    /* margin: auto; */
}
.global-section, .automated-section, .real-section {
    padding: 4% 5%;}
  .bridge-section {
    width: 100%;
    padding: 8%;
}
    .text-image-section {
        padding-top: 12%;
        padding-bottom: 0;
    }
    .bridge-container {
        display: flex;
        flex-direction: row;
        gap: 0px;
    }
.bridge-left h1 {
    font-size: 35px;
}
.bridge-left p {
    font-size: 16px;
}
.btn-demo {
        padding: 11px 27px;
    font-size: 16px;
}
.btn-team {
    padding: 10px 18px;
    font-size: 16px;
}
.global-heading h1, .automated-heading h1, .real-heading h1 {
    font-size: 33px;
}
.global-heading h3, .automated-heading h3, .real-heading h3 {
    font-size: 18px;
}
.global-left, .automated-right, .real-left {
    float: right;
    width: 50%;
}
.global-left p, .automated-right p, .real-left p {
    font-size: 16px;
}
.global-bottom-blue, .automated-bottom-blue, .real-bottom-blue {
        font-size: 22px;
        padding-top: 15px;
}
.global-bottom, .automated-bottom, .real-bottom {
    font-size: 21px;
}
.btn-global, .btn-automated, .btn-real {
    padding: 10px 20px;
    font-size: 18px;
}
.btn-arrow img, .btn-arrow2 img, .btn-arrow3 img {
    width: 44px;
    height: auto;
}
.global-left p span, .automated-right p span, .real-left p span{
    display:inline;
}
.bridge-card h1 {
    font-size: 66px;}
.desc {
    font-size: 14px;
    max-width: 653px;
}
.partner-btn {
    font-size: 23px;
}
.feature-card h3 {
    font-size: 18px;
}
.feature-card p {
    font-size: 13px;}
.feature-icon {
    width: 35px;}
.feature-card {
    padding: 12px 22px;
}
.features-title {
    font-size: 40px;}
.feature-main-img {
    width: 100%;
    max-width: 400px;
}
.features-subtitle span {
    display: inline;
}
.slider-text {
        font-size: 16px;
}
.slider-text-bold {
        font-size: 12px;
}
.slider-text-bold .slider-text {
    font-size: 15px;}
    
}
@media (min-width: 901px) and (max-width: 1030px) and (orientation: landscape) {
    .global-right img, .automated-left img, .real-right img {
    width: 100%;
    /* display: block; */
    /* margin: auto; */
}
.features-title {
    font-size: 39px;}
    .feature-icon {
        width: 31px;
    }
.bridge-section {
    /* height: 90vh; */
    width: 100%;
    padding: 8%;
}
    .text-image-section {
        padding-top: 15%;
        padding-bottom: 0;
    }

    .bridge-container {
        display: flex;
        flex-direction: row;
        gap: 0px;
    }
.bridge-left h1 {
    font-size: 31px;
}
.bridge-left p {
    font-size: 16px;
}
.btn-demo {
        padding: 11px 27px;
    font-size: 16px;
}
.btn-team {
    padding: 10px 18px;
    font-size: 16px;
}
.global-heading h1, .automated-heading h1, .real-heading h1 {
    font-size: 29px;
}
.global-heading h3, .automated-heading h3, .real-heading h3 {
    font-size: 14px;
}
.global-left, .automated-right, .real-left {
    float: right;
    width: 42%;
}
.global-left p, .automated-right p, .real-left p {
    font-size: 12px;
}
.global-bottom-blue, .automated-bottom-blue, .real-bottom-blue {
        font-size: 19px;
        padding-top: 15px;
}
.global-bottom, .automated-bottom, .real-bottom {
    font-size: 17px;
}
.btn-global, .btn-automated, .btn-real {
    padding: 10px 20px;
}
.btn-arrow img, .btn-arrow2 img, .btn-arrow3 img {
    width: 42px;
    height: auto;
}
.global-left p span, .automated-right p span, .real-left p span{
    display:inline;
}
.bridge-card h1 {
    font-size: 66px;}
.desc {
    font-size: 14px;
    max-width: 653px;
}
.partner-btn {
    font-size: 23px;
}
.feature-card h3 {
    font-size: 18px;
}
.feature-card p {
    font-size: 13px;}
.feature-icon {
    width: 35px;}
.feature-card {
    padding: 12px 22px;
}
.slider-text {
        font-size: 14px;
}
.slider-text-bold {
        font-size: 11px;
}
.slider-text-bold .slider-text {
    font-size: 11px;}
.btn-global, .btn-automated, .btn-real{
    font-size: 15px;
}

}
@media (min-width: 768px) and (max-width: 900px) and (orientation: landscape) {
       .bridge-section {
    /* height: 90vh; */
    width: 100%;
    padding: 0% 8%;
}
    .bridge-main {
    width: 100%;
    max-width: 550px;
}
    .bridge-container {
    display: flex;
    flex-direction: column-reverse;
}
 .bridge-left h1 {
    font-size: 41px;
 }
 .bridge-left p {
    font-size: 19px;
}
.btn-demo{
padding: 11px 22px;
font-size: 18px; 
}
.btn-team{
padding: 10px 13px;
margin:0;
font-size: 18px;
}
.text-image-section {
flex-direction: column;
flex-wrap: wrap;
align-content: flex-start;
align-items: flex-start;
gap:0;
}
.slider-text {
font-size: 21px;}
.slider-text-bold {
font-size: 20px;
}
.slider-text-bold .slider-text{
font-size: 21px;
}
.global-heading h1, .automated-heading h1, .real-heading h1 {
    font-size: 32px;
}
.global-heading h3, .automated-heading h3, .real-heading h3 {
    font-size: 16px;
}
    .automated-content,
    .global-content,
    .real-content {
        flex-direction: column-reverse;
        align-items: center;
        justify-content: flex-start;
        gap:12px;
    }
    .global-right,
    .automated-left,
    .real-right,
    .global-left,
    .automated-right,
    .real-left {
        float: none;
        width: 100%;
    }
    .global-left,
    .automated-right,
    .real-left {
        order: 1;
        display: flex;
        justify-content: center;
        margin-bottom: 12px;
        flex-direction: column;
    }
    .global-right,
    .automated-left,
    .real-right {
        order: 2;
        text-align: left;
    }
    .global-left img,
    .automated-right img,
    .real-left img {
        max-width: 100%;
        height: auto;
    }
.global-right img, .automated-left img, .real-right img {
    width: 82%;
    margin: auto;
    display: block;
}
.global-left p span, .automated-right p span, .real-left p span {
display:inline;
}
.global-left p, .automated-right p, .real-left p {
    font-size:19px;
    margin:2%;
}
.global-bottom-blue, .automated-bottom-blue, .real-bottom-blue {
font-size: 26px;
}
.global-bottom, .automated-bottom, .real-bottom {
font-size: 23px;
}
.bridge-card h1 {
font-size: 59px;
}
.desc {
font-size: 15px;
}
.partner-btn {
    padding: 12px 15px;
    font-size: 21px;
    display: block;
    margin: 0 auto;   
}
.features-title {
font-size: 46px;
}
.features-subtitle {
font-size: 17px;
}
.features-container {
flex-direction: column;
}
.feature-card {
   padding: 18px;
}
.feature-card h3 {
    font-size: 26px;
}
.feature-card p {
    font-size: 19px;
}
.features-right {
    gap: 30px;
}
.feature-icon {
    width: 35px;}
.icon {
    width: 6%;}
.btn-arrow img, .btn-arrow2 img, .btn-arrow3 img {
    width: 48px;}
/* .global-section, .automated-section, .real-section {
    margin-bottom:12%;
} */
.feature-main-img {
    width: 76%;
    max-width: 550px;
    display: block;
    margin: auto;
}
.btn-global, .btn-automated, .btn-real {
    padding: 10px 26px;
    font-size: 19px;
}
.text-image-section {
padding-bottom: 80px;
}
    .features-subtitle span{
        display: inline;
    }
}
@media (min-width: 1201px) and (max-width: 1500px) and (orientation: portrait) {
.bridge-left h1 {
        font-size: 41px;
}
.slider-text-bold {
    font-size: 15px;
}
.global-left p span, .automated-right p span, .real-left p span {
display:inline;
}
.slider-text-bold .slider-text {
    font-size: 17px;
}

}
@media (min-width: 901px) and (max-width: 1200px) and (orientation: portrait) {
.bridge-section {
    padding: 5% 8%;
}
.features-subtitle span {
    display: inline;
}
    .bridge-container {
    display: flex;
    flex-direction: column-reverse;
        gap: 32px;
}
 .bridge-left h1 {
    font-size: 52px;
 }
 .bridge-left p {
    font-size: 20px;
}
.btn-demo {
padding: 13px 32px;
font-size: 23px; 
}
.btn-team{
padding: 12px 19px;
margin:0;
font-size: 23px;
}
.text-image-section {
flex-direction: column;
flex-wrap: wrap;
align-content: flex-start;
align-items: flex-start;
gap:0;
}
.slider-text {
font-size: 21px;}
.slider-text-bold {
font-size: 19px;
}
.slider-text-bold .slider-text{
font-size: 21px;
}
.global-heading h1, .automated-heading h1, .real-heading h1 {
    font-size: 37px;
}
.global-heading h3, .automated-heading h3, .real-heading h3 {
    font-size: 20px;
}
.global-right img, .automated-left img, .real-right img {
    width: 73%;
    display: block;
    margin: auto;
}


    .automated-content,
    .global-content,
    .real-content {
        flex-direction: column-reverse;
        align-items: center;
        justify-content: flex-start;
        gap:12px;
    }
    .global-right,
    .automated-left,
    .real-right,
    .global-left,
    .automated-right,
    .real-left {
        float: none;
        width: 100%;
    }
    .global-left,
    .automated-right,
    .real-left {
        order: 1;
        display: flex;
        justify-content: center;
        margin-bottom: 12px;
        flex-direction: column;
    }
    .global-right,
    .automated-left,
    .real-right {
        order: 2;
        text-align: left;
    }
    .global-left img,
    .automated-right img,
    .real-left img {
        max-width: 100%;
        height: auto;
    }
.global-left p span, .automated-right p span, .real-left p span {
display:inline;
}
.global-left p, .automated-right p, .real-left p {
    font-size: 24px;
    margin:10px;
}
.global-bottom-blue, .automated-bottom-blue, .real-bottom-blue {
font-size: 32px;
}
.global-bottom, .automated-bottom, .real-bottom {
font-size: 26px;
}
.btn-global, .btn-automated, .btn-real {
padding: 9px 23px;
font-size: 25px;
}
.icon {
    width: 6%;}
/* .global-section, .automated-section, .real-section {
    margin-bottom:12%;
} */
.btn-arrow img, .btn-arrow2 img, .btn-arrow3 img {
    width: 55px;}
.bridge-card h1 {
font-size: 59px;
}
.desc {
font-size: 15px;
}
.partner-btn {
    padding: 12px 15px;
    font-size: 22px; 
    display: block;
    margin: 0 auto; 
}
.features-title {
font-size: 46px;
}
.features-subtitle {
font-size: 16px;
}
.features-container {
flex-direction: column;
}
.feature-icon {
    width: 36px;
}
.feature-card {
   padding: 18px;
}
.feature-card h3 {
    font-size: 24px;
}
.feature-card p {
    font-size: 18px;
}
.features-right {
    gap: 30px;
}
.feature-main-img {
    width: 85%;
    max-width: 550px;
    display: block;
    /* margin: 40px; */
    margin: auto;
}

}
/* tablet 768 to 868 */

@media (min-width: 801px) and (max-width: 900px) and (orientation: portrait) {
.bridge-main {
    width: 100%;
    max-width: 550px;
}
.features-subtitle span {
    display: inline;
}
    .bridge-container {
    display: flex;
    flex-direction: column-reverse;
        gap: 32px;
}
 .bridge-left h1 {
    font-size: 43px;
 }
 .bridge-left p {
    font-size: 21px;
}
.btn-demo{
padding: 11px 22px;
font-size: 15px; 
}
.btn-team{
padding: 10px 13px;
margin:0;
font-size: 15px;
}
.text-image-section {
flex-direction: column;
flex-wrap: wrap;
align-content: flex-start;
align-items: flex-start;
gap:0;
}
.slider-text {
font-size: 28px;}
.slider-text-bold {
font-size: 24px;
}
.slider-text-bold .slider-text{
font-size: 31px;
}
.global-heading h1, .automated-heading h1, .real-heading h1 {
    font-size: 28px;
}
.global-heading h3, .automated-heading h3, .real-heading h3 {
    font-size: 17px;
}
    .automated-content,
    .global-content,
    .real-content {
        flex-direction: column-reverse;
        align-items: center;
        justify-content: flex-start;
        gap:12px;
    }
    .global-right,
    .automated-left,
    .real-right,
    .global-left,
    .automated-right,
    .real-left {
        float: none;
        width: 100%;
    }
    .global-left,
    .automated-right,
    .real-left {
        order: 1;
        display: flex;
        justify-content: center;
        margin-bottom: 12px;
        flex-direction: column;
    }
    .global-right,
    .automated-left,
    .real-right {
        order: 2;
        text-align: left;
    }
    .global-left img,
    .automated-right img,
    .real-left img {
        max-width: 100%;
        height: auto;
    }
.global-left p span, .automated-right p span, .real-left p span {
display:inline;
}
.global-left p, .automated-right p, .real-left p {
    font-size: 20px;
    margin:2%;
}
.global-bottom-blue, .automated-bottom-blue, .real-bottom-blue {
font-size: 26px;
}
.global-bottom, .automated-bottom, .real-bottom {
font-size: 23px;
}
.btn-global, .btn-automated, .btn-real {
padding: 9px 23px;
font-size: 20px;
}
.icon {
    width: 6%;}
/* .global-section, .automated-section, .real-section {
    margin-bottom:12%;
} */
.btn-arrow img, .btn-arrow2 img, .btn-arrow3 img {
    width: 46px;}
.bridge-card h1 {
font-size: 59px;
}
.desc {
font-size: 15px;
}
.partner-btn {
    padding: 12px 15px;
    font-size: 22px; 
    display: block;
    margin: 0 auto; 
}
.features-title {
font-size: 46px;
}
.features-subtitle {
font-size: 16px;
}
.features-container {
flex-direction: column;
}
.feature-icon {
    width: 36px;
}
.feature-card {
   padding: 18px;
}
.feature-card h3 {
    font-size: 24px;
}
.feature-card p {
    font-size: 18px;
}
.features-right {
    gap: 30px;
}
.feature-main-img {
    width: 85%;
    max-width: 550px;
    display: block;
    /* margin: 40px; */
    margin: auto;
}
.global-right img, .automated-left img, .real-right img {
    width: 81%;
    display: block;
    margin: auto;
}
}
/* tablet landscape */
@media (min-width: 639px) and (max-width: 768px) and (orientation: landscape) {
    .bridge-section {
    /* height: 90vh; */
    width: 100%;
    padding: 0% 8%;
}
    .bridge-main {
    width: 100%;
    max-width: 450px;
}
    .bridge-container {
    display: flex;
    flex-direction: column-reverse;
}
 .bridge-left h1 {
    font-size: 36px;
 }
 .bridge-left p {
    font-size: 17px;
}
.btn-demo{
padding: 11px 22px;
font-size: 18px; 
}
.btn-team{
padding: 10px 13px;
margin:0;
font-size: 18px;
}
.text-image-section {
flex-direction: column;
flex-wrap: wrap;
align-content: flex-start;
align-items: flex-start;
gap:0;
padding-bottom: 3%;
}
.slider-text {
font-size: 21px;}
.slider-text-bold {
font-size: 20px;
}
.slider-text-bold .slider-text{
font-size: 21px;
}
.global-heading h1, .automated-heading h1, .real-heading h1 {
    font-size: 26px;
}
.global-heading h3, .automated-heading h3, .real-heading h3 {
    font-size: 15px;
}
    .automated-content,
    .global-content,
    .real-content {
        flex-direction: column-reverse;
        align-items: center;
        justify-content: flex-start;
        gap:12px;
    }
    .global-right,
    .automated-left,
    .real-right,
    .global-left,
    .automated-right,
    .real-left {
        float: none;
        width: 100%;
    }
    .global-left,
    .automated-right,
    .real-left {
        order: 1;
        display: flex;
        justify-content: center;
        margin-bottom: 12px;
        flex-direction: column;
    }
    .global-right,
    .automated-left,
    .real-right {
        order: 2;
        text-align: left;
    }
    .global-left img,
    .automated-right img,
    .real-left img {
        max-width: 100%;
        height: auto;
    }
.global-right img, .automated-left img, .real-right img {
    width: 82%;
    margin: auto;
    display: block;
}
.global-left p span, .automated-right p span, .real-left p span {
display:inline;
}
.global-left p, .automated-right p, .real-left p {
    font-size:16px;
    margin:2%;
}
.global-bottom-blue, .automated-bottom-blue, .real-bottom-blue {
font-size: 22px;
padding-top: 15px;
}
.global-bottom, .automated-bottom, .real-bottom {
font-size: 20px;
}
.bridge-card h1 {
font-size: 59px;
}
.desc {
font-size: 15px;
}
.partner-btn {
    padding: 12px 15px;
    font-size: 21px;
    display: block;
    margin: 0 auto;   
}
.features-title {
font-size: 38px;
}
.features-subtitle {
font-size: 15px;
}
.features-container {
flex-direction: column;
}
.feature-card {
   padding: 18px;
}
.feature-card h3 {
    font-size: 24px;
}
.feature-card p {
    font-size: 17px;
}
.features-right {
    gap: 30px;
}
.feature-icon {
    width: 35px;}
.icon {
    width: 6%;}
.btn-arrow img, .btn-arrow2 img, .btn-arrow3 img {
    width: 44px;}
.global-section, .automated-section, .real-section {
    margin-bottom:12%;
}
.feature-main-img {
    width: 76%;
    max-width: 550px;
    display: block;
    margin: auto;
}
.btn-global, .btn-automated, .btn-real {
    padding: 10px 26px;
    font-size: 16px;
}
.features-subtitle span {
    display: inline;
}
.bridge-card {
    height: 100%;}
}
@media (min-width: 639px) and (max-width: 800px) and (orientation: portrait) {
.global-right img, .automated-left img, .real-right img {
    width: 76%;
    display: block;
    margin: auto;
}
.bridge-main {
    width: 100%;
    max-width: 450px;
}
.features-subtitle span {
    display: inline;
}
    .bridge-container {
    display: flex;
    flex-direction: column-reverse;
        gap: 32px;
}
 .bridge-left h1 {
    font-size: 36px;
 }
 .bridge-left p {
    font-size: 20px;
}
.btn-demo{
padding: 11px 22px;
font-size: 15px; 
}
.btn-team{
padding: 10px 13px;
margin:0;
font-size: 15px;
}
.text-image-section {
flex-direction: column;
flex-wrap: wrap;
align-content: flex-start;
align-items: flex-start;
gap:0;
}
.slider-text {
font-size: 21px;}
.slider-text-bold {
font-size: 19px;
}
.slider-text-bold .slider-text{
font-size: 21px;
}
.global-heading h1, .automated-heading h1, .real-heading h1 {
    font-size: 28px;
}
.global-heading h3, .automated-heading h3, .real-heading h3 {
    font-size: 15px;
}
    .automated-content,
    .global-content,
    .real-content {
        flex-direction: column-reverse;
        align-items: center;
        justify-content: flex-start;
        gap:12px;
    }
    .global-right,
    .automated-left,
    .real-right,
    .global-left,
    .automated-right,
    .real-left {
        float: none;
        width: 100%;
    }
    .global-left,
    .automated-right,
    .real-left {
        order: 1;
        display: flex;
        justify-content: center;
        margin-bottom: 12px;
        flex-direction: column;
    }
    .global-right,
    .automated-left,
    .real-right {
        order: 2;
        text-align: left;
    }
    .global-left img,
    .automated-right img,
    .real-left img {
        max-width: 100%;
        height: auto;
    }
.global-left p span, .automated-right p span, .real-left p span {
display:inline;
}
.global-left p, .automated-right p, .real-left p {
    font-size: 19px;
    margin:2%;
}
.global-bottom-blue, .automated-bottom-blue, .real-bottom-blue {
font-size: 26px;
}
.global-bottom, .automated-bottom, .real-bottom {
font-size: 23px;
}
.btn-global, .btn-automated, .btn-real {
padding: 9px 23px;
font-size: 20px;
}
.icon {
    width: 7%;}
.global-section, .automated-section, .real-section {
    margin-bottom:12%;
}
.btn-arrow img, .btn-arrow2 img, .btn-arrow3 img {
    width: 46px;}
.bridge-card h1 {
font-size: 59px;
}
.desc {
font-size: 15px;
}
.partner-btn {
    padding: 12px 15px;
    font-size: 22px; 
    display: block;
    margin: 0 auto; 
}
.features-title {
font-size: 46px;
}
.features-subtitle {
font-size: 16px;
}
.features-container {
flex-direction: column;
}
.feature-icon {
    width: 36px;
}
.feature-card {
   padding: 18px;
}
.feature-card h3 {
    font-size: 24px;
}
.feature-card p {
    font-size: 18px;
}
.features-right {
    gap: 30px;
}
.feature-main-img {
    width: 85%;
    max-width: 550px;
    display: block;
    /* margin: 40px; */
    margin: auto;
}
}
/* tablet */
@media (min-width: 527px) and (max-width: 638px) and (orientation: portrait) {
    .bridge-container {
    display: flex;
    flex-direction: column-reverse;
}
 .bridge-left h1 {
    font-size: 36px;
 }
 .bridge-left p {
    font-size: 16px;
}
.btn-demo{
padding: 11px 22px;
font-size: 15px; 
}
.btn-team{
padding: 10px 13px;
margin:0;
font-size: 15px;
}
.text-image-section {
flex-direction: column;
flex-wrap: wrap;
align-content: flex-start;
align-items: flex-start;
gap:0;
}
.slider-text {
font-size: 21px;}
.slider-text-bold {
font-size: 19px;
}
.slider-text-bold .slider-text{
font-size: 21px;
}
.global-heading h1, .automated-heading h1, .real-heading h1 {
    font-size: 20px;
}
.global-heading h3, .automated-heading h3, .real-heading h3 {
    font-size: 13px;
}
    .automated-content,
    .global-content,
    .real-content {
        flex-direction: column-reverse;
        align-items: center;
        justify-content: flex-start;
        gap:12px;
    }
    .global-right,
    .automated-left,
    .real-right,
    .global-left,
    .automated-right,
    .real-left {
        float: none;
        width: 100%;
    }
    .global-left,
    .automated-right,
    .real-left {
        order: 1;
        display: flex;
        justify-content: center;
        margin-bottom: 12px;
        flex-direction: column;
    }
    .global-right,
    .automated-left,
    .real-right {
        order: 2;
        text-align: left;
    }
    .global-left img,
    .automated-right img,
    .real-left img {
        max-width: 100%;
        height: auto;
    }
.global-left p span, .automated-right p span, .real-left p span {
display:inline;
}
.global-left p, .automated-right p, .real-left p {
    font-size: 14px;
    margin:3%;
}
.global-bottom-blue, .automated-bottom-blue, .real-bottom-blue {
font-size: 21px;
padding-top: 15px;
}
.global-bottom, .automated-bottom, .real-bottom {
font-size: 18px;
}
.btn-global, .btn-automated, .btn-real {
padding: 9px 23px;
font-size: 15px;
}
.icon {
    width: 8%;}
.global-section, .automated-section, .real-section {
    margin-bottom:12%;
}
.btn-arrow img, .btn-arrow2 img, .btn-arrow3 img {
    width: 40px;}
.bridge-card h1 {
font-size: 40px;
}
.desc {
font-size: 15px;
}
.partner-btn {
    padding: 12px 15px;
    font-size: 19px; 
    display: block;
    margin: 0 auto; 
}
.features-title {
font-size: 35px;
}
.features-subtitle {
font-size: 12px;
}
.features-container {
flex-direction: column;
}
.feature-icon {
    width: 30px;
}
.feature-card {
   padding: 11px;
}
.feature-card h3 {
    font-size: 21px;
}
.feature-card p {
    font-size: 16px;
}
.features-right {
    gap: 30px;
}
.feature-main-img {
    width: 77%;
    max-width: 550px;
    display: block;
    /* margin: 40px; */
    margin: auto;
}
.features-subtitle span {
    display: inline;
}
.bridge-card {
    height: 100%;}
}
/* tablet */
@media (min-width: 424px) and (max-width: 526px) and (orientation: portrait) {
    .bridge-container {
    display: flex;
    flex-direction: column-reverse;
}
 .bridge-left h1 {
    font-size: 30px;
 }
 .bridge-left p {
    font-size: 13px;
}
.btn-demo{
padding: 11px 22px;
margin:0;
font-size: 15px; 
}
.btn-team{
padding: 10px 13px;
margin:0;
font-size: 15px;
}
.text-image-section {
flex-direction: column;
flex-wrap: wrap;
align-content: flex-start;
align-items: flex-start;
gap:0;
}
.slider-text {
font-size: 17px;}
.slider-text-bold {
font-size: 15px;
}
.slider-text-bold .slider-text{
font-size: 17px;
}
.global-heading h1, .automated-heading h1, .real-heading h1 {
    font-size: 22px;
}
.global-heading h3, .automated-heading h3, .real-heading h3 {
    font-size: 11px;
}
    .automated-content,
    .global-content,
    .real-content {
        flex-direction: column-reverse;
        align-items: center;
        justify-content: flex-start;
        gap:12px;
    }
    .global-right,
    .automated-left,
    .real-right,
    .global-left,
    .automated-right,
    .real-left {
        float: none;
        width: 100%;
    }
    .global-left,
    .automated-right,
    .real-left {
        order: 1;
        display: flex;
        justify-content: center;
        margin-bottom: 12px;
        flex-direction: column;
    }
    .global-right,
    .automated-left,
    .real-right {
        order: 2;
        text-align: left;
    }
    .global-left img,
    .automated-right img,
    .real-left img {
        max-width: 100%;
        height: auto;
    }
.global-left p span, .automated-right p span, .real-left p span {
display:inline;
}
.global-left p, .automated-right p, .real-left p {
    font-size: 14px;
    margin:3%;
}
.global-bottom-blue, .automated-bottom-blue, .real-bottom-blue {
font-size: 18px;
}
.global-bottom, .automated-bottom, .real-bottom {
font-size: 17px;
}
.btn-global, .btn-automated, .btn-real {
padding: 9px 23px;
font-size: 16px;
}
.btn-arrow img, .btn-arrow2 img, .btn-arrow3 img {
    width: 39px;
}
.bridge-card h1 {
font-size: 40px;
}
.desc {
font-size: 13px;
}
.partner-btn {
    padding: 12px 15px;
    font-size: 19px; 
    display: block;
    margin: 0 auto; 
}
.features-title {
font-size: 36px;
}
.features-subtitle {
font-size: 11px;
}
.features-container {
flex-direction: column;
}
.feature-icon {
    width: 30px;
}
.feature-card {
   padding: 7px;
}
.feature-card h3 {
    font-size: 19px;
}
.feature-card p {
    font-size: 15px;
}
.features-right {
    gap: 30px;
}
.icon {
    width: 7%;}
.global-section, .automated-section, .real-section {
    margin-bottom:12%;
}
.feature-main-img {
    width: 80%;
    margin: auto;
}
.bridge-card {
    height: 100%;}
.global-bottom-blue, .automated-bottom-blue, .real-bottom-blue {
        padding-top: 15px;
}
}
/* 425 */
@media (max-width: 426px){
    .bridge-container {
    display: flex;
    flex-direction: column-reverse;
}
 .bridge-left h1 {
    font-size: 26px;
 }
 .bridge-left p {
    font-size: 13px;
}
.btn-demo{
padding: 11px 22px;
margin:0;
font-size: 15px; 
}
.btn-team{
padding: 10px 13px;
margin:0;
font-size: 15px;
}
.text-image-section {
flex-direction: column;
flex-wrap: wrap;
align-content: flex-start;
align-items: flex-start;
gap:0;
}
.slider-text {
font-size: 15px;}
.slider-text-bold {
font-size: 13px;
}
.slider-text-bold .slider-text{
font-size: 15px;
}
.global-heading h1, .automated-heading h1, .real-heading h1 {
    font-size: 22px;
}
.global-heading h3, .automated-heading h3, .real-heading h3 {
    font-size: 11px;
}
    .automated-content,
    .global-content,
    .real-content {
        flex-direction: column-reverse;
        align-items: center;
        justify-content: flex-start;
        gap:12px;
         padding:0;
    }
    .global-right,
    .automated-left,
    .real-right,
    .global-left,
    .automated-right,
    .real-left {
        float: none;
        width: 100%;
    }
    .global-left,
    .automated-right,
    .real-left {
        order: 1;
        display: flex;
        justify-content: center;
        margin-bottom: 12px;
        flex-direction: column;
    }
    .global-right,
    .automated-left,
    .real-right {
        order: 2;
        text-align: left;
    }
    .global-left img,
    .automated-right img,
    .real-left img {
        max-width: 100%;
        height: auto;
    }
.global-left p span, .automated-right p span, .real-left p span {
display:inline;
}
.global-left p, .automated-right p, .real-left p {
    font-size: 14px;
    margin:3%;
}
.global-bottom-blue, .automated-bottom-blue, .real-bottom-blue {
font-size: 18px;
}
.global-bottom, .automated-bottom, .real-bottom {
font-size: 17px;
}
.btn-global, .btn-automated, .btn-real {
padding: 7px 20px;
font-size: 14px;
}
.btn-arrow img, .btn-arrow2 img, .btn-arrow3 img {
    width: 35px;
}
.bridge-card h1 {
font-size: 40px;
}
.desc {
font-size: 13px;
}
.partner-btn {
    padding: 12px 15px;
    font-size: 19px;  
    display: block;
    margin: 0 auto;
}
.features-title {
font-size: 36px;
}
.features-subtitle {
font-size: 11px;
}
.features-container {
flex-direction: column;
}
.feature-icon {
    width: 30px;
}
.feature-card {
   padding: 7px;
}
.feature-card h3 {
    font-size: 19px;
}
.feature-card p {
    font-size: 15px;
}
.features-right {
    gap: 30px;
}
.global-section, .automated-section, .real-section {
        margin-bottom: 14%;
}
}
/* 375px */
@media (max-width: 376px){
    .bridge-container {
    display: flex;
    flex-direction: column-reverse;
}
 .bridge-left h1 {
    font-size: 26px;
 }
 .bridge-left p {
    font-size: 13px;
}
.btn-demo{
padding: 11px 22px;
margin:0;
font-size: 15px; 
}
.btn-team{
padding: 10px 13px;
margin:0;
font-size: 15px;
}
.text-image-section {
flex-direction: column;
flex-wrap: wrap;
align-content: flex-start;
align-items: flex-start;
gap:0;
}
.slider-text {
font-size: 15px;}
.slider-text-bold {
font-size: 13px;
}
.slider-text-bold .slider-text{
font-size: 15px;
}
.global-heading h1, .automated-heading h1, .real-heading h1 {
    font-size: 17px;
}
.global-heading h3, .automated-heading h3, .real-heading h3 {
    font-size: 10px;
}
    .automated-content,
    .global-content,
    .real-content {
        flex-direction: column-reverse;
        align-items: center;
        justify-content: flex-start;
        gap:12px;
        padding:0;
    }
    .global-right,
    .automated-left,
    .real-right,
    .global-left,
    .automated-right,
    .real-left {
        float: none;
        width: 100%;
    }
    .global-left,
    .automated-right,
    .real-left {
        order: 1;
        display: flex;
        justify-content: center;
        margin-bottom: 12px;
        flex-direction: column;
    }
    .global-right,
    .automated-left,
    .real-right {
        order: 2;
        text-align: left;
    }
    .global-left img,
    .automated-right img,
    .real-left img {
        max-width: 100%;
        height: auto;
    }
    .icon {
    width: 8%;}
.global-left p span, .automated-right p span, .real-left p span {
display:inline;
}
.global-left p, .automated-right p, .real-left p {
    font-size: 12px;
    margin:3%;
}
.global-bottom-blue, .automated-bottom-blue, .real-bottom-blue {
font-size: 16px;
}
.global-bottom, .automated-bottom, .real-bottom {
font-size: 15px;
}
.btn-global, .btn-automated, .btn-real {
padding: 7px 20px;
font-size: 13px;
}
.btn-arrow img, .btn-arrow2 img, .btn-arrow3 img {
    width: 34px;
}
.bridge-card h1 {
font-size: 34px;
}
.desc {
font-size: 11px;
}
.partner-btn {
    padding: 12px 15px;
    font-size: 19px;  
    display: block;
    margin: 0 auto;
}
.features-title {
font-size: 31px;
}
.features-subtitle {
font-size: 10px;
}
.features-container {
flex-direction: column;
}
.feature-icon {
    width: 30px;
}
.feature-card {
            padding: 7px;
}
.feature-card h3 {
    font-size: 17px;
}
.feature-card p {
    font-size: 12px;
}
.features-right {
    gap: 30px;
}
.global-section, .automated-section, .real-section {
        margin-bottom: 14%;
}
.global-bottom-blue, .automated-bottom-blue, .real-bottom-blue {
    padding-top: 15px;}
.bridge-card {
    height: 100%;
}
.feature-main-img {
    width: 85%;
    margin: auto;
}
}
/* 320px */
@media (max-width: 321px){
    .bridge-container {
    display: flex;
    flex-direction: column-reverse;
}
 .bridge-left h1 {
    font-size: 21px;
 }
 .bridge-left p {
    font-size: 12px;
}
.btn-demo{
padding: 11px 19px;
margin:0;
font-size: 14px; 
}
.btn-team{
padding: 10px 13px;
margin:0;
font-size: 14px;
}
.text-image-section {
flex-direction: column;
flex-wrap: wrap;
align-content: flex-start;
align-items: flex-start;
gap:0;
}
.slider-text {
font-size: 15px;}
.slider-text-bold {
font-size: 13px;
}
.slider-text-bold .slider-text{
font-size: 15px;
}
.global-heading h1, .automated-heading h1, .real-heading h1 {
    font-size: 15px;
}
.global-heading h3, .automated-heading h3, .real-heading h3 {
    font-size: 8px;
}
    .automated-content,
    .global-content,
    .real-content {
        flex-direction: column-reverse;
        align-items: center;
        justify-content: flex-start;
         padding:0;
         
    }
    .global-right,
    .automated-left,
    .real-right,
    .global-left,
    .automated-right,
    .real-left {
        float: none;
        width: 100%;
    }
    .global-left,
    .automated-right,
    .real-left {
        order: 1;
        display: flex;
        justify-content: center;
        margin-bottom: 12px;
        flex-direction: column;
    }
    .global-right,
    .automated-left,
    .real-right {
        order: 2;
        text-align: left;
    }
    .global-left img,
    .automated-right img,
    .real-left img {
        max-width: 100%;
        height: auto;
    }
    .icon {
    width: 9%;}
.global-left p span, .automated-right p span, .real-left p span {
display:inline;
}
.global-left p, .automated-right p, .real-left p {
    font-size: 11px;
    margin:3%;
}
.global-bottom-blue, .automated-bottom-blue, .real-bottom-blue {
font-size: 16px;
}
.global-bottom, .automated-bottom, .real-bottom {
font-size: 15px;
}
.btn-global, .btn-automated, .btn-real {
padding: 7px 20px;
font-size: 13px;
}
.btn-arrow img, .btn-arrow2 img, .btn-arrow3 img {
    width: 34px;
}
.bridge-card {
    height: 100%;}
.bridge-card h1 {
font-size: 32px;
}
.desc {
font-size: 11px;
}
.partner-btn {
        padding: 9px 13px;
        font-size: 15px;
     display: block;
    margin: 0 auto;
}
.feature-main-img {
    width: 87%;
    margin: auto;
}
.features-title {
font-size: 23px;
}
.features-subtitle {
font-size: 10px;
}
.features-container {
flex-direction: column;
}
.feature-icon {
    width: 22px;
}
.feature-card {
     padding: 7px;
}
.feature-card h3 {
    font-size: 13px;
}
.feature-card p {
    font-size: 11px;
}
.features-right {
    gap: 30px;
}
.global-section, .automated-section, .real-section {
        margin-bottom: 10%;
}
.global-bottom-blue, .automated-bottom-blue, .real-bottom-blue {
    padding-top: 15px;
}
}
@media (max-height: 321px) and (orientation: landscape){
.bridge-section {
    /* height: 90vh; */
    width: 100%;
    padding: 0% 8%;
}
    .bridge-main {
    width: 100%;
    max-width: 350px;
}
    .bridge-container {
    display: flex;
    flex-direction: column-reverse;
}
 .bridge-left h1 {
    font-size: 36px;
 }
 .bridge-left p {
    font-size: 17px;
}
.btn-demo{
padding: 11px 22px;
font-size: 18px; 
}
.btn-team{
padding: 10px 13px;
margin:0;
font-size: 18px;
}
.text-image-section {
flex-direction: column;
flex-wrap: wrap;
align-content: flex-start;
align-items: flex-start;
gap:0;
padding-bottom: 3%;
}
.slider-text {
font-size: 21px;}
.slider-text-bold {
font-size: 20px;
}
.slider-text-bold .slider-text{
font-size: 21px;
}
.global-heading h1, .automated-heading h1, .real-heading h1 {
    font-size: 26px;
}
.global-heading h3, .automated-heading h3, .real-heading h3 {
    font-size: 15px;
}
    .automated-content,
    .global-content,
    .real-content {
        flex-direction: column-reverse;
        align-items: center;
        justify-content: flex-start;
        gap:12px;
    }
    .global-right,
    .automated-left,
    .real-right,
    .global-left,
    .automated-right,
    .real-left {
        float: none;
        width: 100%;
    }
    .global-left,
    .automated-right,
    .real-left {
        order: 1;
        display: flex;
        justify-content: center;
        margin-bottom: 12px;
        flex-direction: column;
    }
    .global-right,
    .automated-left,
    .real-right {
        order: 2;
        text-align: left;
    }
    .global-left img,
    .automated-right img,
    .real-left img {
        max-width: 100%;
        height: auto;
    }
.global-right img, .automated-left img, .real-right img {
    width: 82%;
    margin: auto;
    display: block;
}
.global-left p span, .automated-right p span, .real-left p span {
display:inline;
}
.global-left p, .automated-right p, .real-left p {
    font-size:16px;
    margin:2%;
}
.global-bottom-blue, .automated-bottom-blue, .real-bottom-blue {
font-size: 22px;
padding-top: 15px;
}
.global-bottom, .automated-bottom, .real-bottom {
font-size: 20px;
}
.bridge-card h1 {
font-size: 59px;
}
.desc {
font-size: 15px;
}
.partner-btn {
    padding: 12px 15px;
    font-size: 21px;
    display: block;
    margin: 0 auto;   
}
.features-title {
font-size: 38px;
}
.features-subtitle {
font-size: 15px;
}
.features-container {
flex-direction: column;
}
.feature-card {
   padding: 18px;
}
.feature-card h3 {
    font-size: 24px;
}
.feature-card p {
    font-size: 17px;
}
.features-right {
    gap: 30px;
}
.feature-icon {
    width: 35px;}
.icon {
    width: 6%;}
.btn-arrow img, .btn-arrow2 img, .btn-arrow3 img {
    width: 44px;}

.feature-main-img {
    width: 76%;
    max-width: 550px;
    display: block;
    margin: auto;
}
.btn-global, .btn-automated, .btn-real {
    padding: 10px 26px;
    font-size: 16px;
}
.features-subtitle span {
    display: inline;
}
.bridge-card {
    height: 100%;}
}
 @media  (max-width: 475px) {
   .banner-background-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: right;
    opacity: 0.4;
    z-index: 0;
}
} 
@media  (max-width: 475px) {
        .global-bottom-blue, .automated-bottom-blue, .real-bottom-blue {
            margin-left:0;
        }
        .global-bottom, .automated-bottom, .real-bottom {
          margin-left:0;   
        }
        .btn-global-bottom, .btn-automated-bottom, .btn-real-bottom {
          margin-left:0;     
        }
        .features-subtitle span {
    display: inline;
}
}