.bg-image {
    height: 700px;
    background-image: url('../assets/img/Mobile\ Apps.png') !important;
    background-repeat: no-repeat;
    background-size: 53%;
    margin-left: 2px !important;
    margin-right: 2px !important;
}

.triagles-image {
    height: 320px;
    background-image: url('../assets/img/APP.jpeg') !important;
    background-repeat: no-repeat;
    background-size: 100%;
    opacity: 40%;
}

.bottom-border{
    border-bottom: 9px solid #009FE3;
    
}

.btn-blue{
    background-color: #009FE3 !important;
    border-radius: 15px !important;
    text-transform: uppercase !important;
    color: white !important;
    width: 231px !important;
    height: 57px !important;
    font-weight: 600 !important;
    margin-right: 20px;
}

.content{
    margin-left: 0;
}

.btns{
    display: flex !important;
    flex-wrap: nowrap !important; 
    margin-top: 40px;
 }


 .photo{
    background-image: url('../assets/img/TitleCont.jpeg');
    background-repeat: no-repeat;
    background-size: cover;
    height: 475.28px;
 }

 .text-desktop{
    width: 70%;
     }

     .text2-desktop{
        width: 40% !important;
    }

    .adapt-visible{
        display: none !important;
   
    }

    .text3-desktop{
        width: 35% !important;
    }

    .ionic{
        background-image: url('../assets/img/IONIC.png');
        background-repeat: no-repeat;
        background-size: 90%;
        height: 51vw;
        display: flex;
         flex-direction: column;
         justify-content: center;
         align-items: flex-start;
     }

     .footer-bg{
        background-image: url(../assets/img/footer.png);
        background-size: cover;
        background-repeat: no-repeat;
    } 
    
    .footer-text{
        font-family: Poppins !important;
      font-style: normal !important;
      font-weight: 400 !important;
      font-size: 18px !important;
      line-height: 159%;
      color: #FFFFFF;
      text-align: center;
      margin-bottom: 10px;
    }

 @media (max-width: 768px) and (min-width: 200px) {
    .adapt-hide{
        display: none;
        }

        .right-side{
            height: 400px;
            background-image: url('../assets/img/app.png');
            background-repeat: no-repeat;
            background-size: cover;
        }
            .bg-image{
                height: 500px !important;
                background-size: 100% !important;
            }

   
                .btn-blue{
                    color: white !important;
                    width: 160px !important;
                    height: 40px !important;
                    font-size: 13px !important;
                    border-radius: 9px !important;
                }

            }


                @media (max-width: 1412px) and (min-width: 1013px) {
                    .btn-blue{
                    color: white !important;
                    width: 195px !important;
                    height: 50px !important;
                    font-size: 16px !important;
                    border-radius: 13px !important;
                    }
                
                    .text-desktop{
                        width: 90%;
                         }
                
                }

                @media (max-width: 417px) and (min-width: 200px) {

                    .menu{
                        display: none !important;
                    }
                    .footer-text{
                        font-family: Poppins !important;
                      font-style: normal !important;
                      font-weight: 400 !important;
                      font-size: 13px !important;
                      line-height: 159%;
                      color: #FFFFFF;
                      text-align: center;
                    }
                    .btns{
                        flex-wrap: wrap !important; 
                        margin: 0 !important;
                     }
                
                     .btn-blue{
                         width: 100% !important;
                         margin-top: 15px;
                         margin-right: 0 !important;
                     }
                
                     .right-side-content{
                         margin-top: 70px;
                     }
                
                     .adapt-hide1{
                        display: none;
                        }
                
                        .photo{
                            display: none;
                        }
                    
                        .text-desktop{
                            width: 90%;
                             }

                             .text2-desktop{
                                width: 90% !important;
                        }

                        .adapt-visible{
                            display: flex !important;
                            justify-content: flex-end;
                            width: 100% !important;
                            margin-bottom: 80px;
                            
                            
                        }

                        .ionic{
                            background-image: none;
                            height: 296vw;
                            display: flex;
                            flex-direction: column;
                            justify-content: center;
                            align-items: center;
                            border-bottom: 2px solid #ffff;
                            border-top: 2px solid #ffff;
                         }
                
                         .text3-desktop{
                            width: 80% !important;
                            text-align: center;
                            padding-top: 20px;
                            padding-bottom: 20px;
                            
                         }
                         .menu{
                            display: none !important;
                        }
                        .footer-text{
                            font-family: Poppins !important;
                          font-style: normal !important;
                          font-weight: 400 !important;
                          font-size: 13px !important;
                          line-height: 159%;
                          color: #FFFFFF;
                          text-align: center;
                        }
                            }


                            @media (max-width: 992px) and (min-width: 880px) {
                                .adapt-hide1{
                                    display: none;
                                    }
                            
                                .photo{
                                    display: none;
                                }
                            
                                .text-desktop{
                                    width: 90%;
                                     }

                                     .ionic{
                                        background-image: none;
                                        height: 37vw;
                                        display: flex;
                                        flex-direction: column;
                                        justify-content: center;
                                        align-items: center;
                                        border-bottom: 2px solid #ffff;
                                        border-top: 2px solid #ffff;
                                     }
                            
                                     .text3-desktop{
                                        width: 80% !important;
                                        text-align: center;
                                     }

                                     .adapt-visible{
                                        display: flex !important;
                                        justify-content: flex-end;
                                        width: 100% !important;
                                        margin-bottom: 40px;
                                        
                                    }
                                    }

                                    @media (max-width: 880px) and (min-width: 557px) {

                                        .menu{
                                            display: none !important;
                                        }
                                    
                                        .adapt-hide1{
                                            display: none;
                                            }
                                    
                                        .photo{
                                            display: none;
                                        }
                                    
                                        .text-desktop{
                                            width: 90%;
                                             }

                                             .text2-desktop{
                                                width: 80% !important;
                                            }

                                            .ionic{
                                                background-image: none;
                                                height: 84vw;
                                                display: flex;
                                                flex-direction: column;
                                                justify-content: center;
                                                align-items: center;
                                                border-bottom: 2px solid #ffff;
                                                border-top: 2px solid #ffff;
                                             }
                                    
                                             .text3-desktop{
                                                width: 80% !important;
                                                text-align: center;
                                             }

                                             .adapt-visible{
                                                display: flex !important;
                                                justify-content: flex-end;
                                                width: 100% !important;
                                                margin-bottom: 40px;
                                            
                                        }

                                            }


                                            @media (max-width: 557px) and (min-width: 417px) {

                                                .menu{
                                                    display: none !important;
                                                }
                                        
                                                .adapt-hide1{
                                                    display: none;
                                                    }
                                        
                                                    .photo{
                                                        display: none;
                                                    }
                                                
                                                    .text-desktop{
                                                        width: 90%;
                                                    }

                                                    .text2-desktop{
                                                        width: 80% !important;
                                                }

                                                .ionic{
                                                    background-image: none;
                                                    height: 148vw;
                                                    display: flex;
                                                    flex-direction: column;
                                                    justify-content: center;
                                                    align-items: center;
                                                    border-bottom: 2px solid #ffff;
                                                    border-top: 2px solid #ffff;
                                                     }
                                        
                                                     .text3-desktop{
                                                        width: 80% !important;
                                                        text-align: center;
                                                     }

                                                     .adapt-visible{
                                                        display: flex !important;
                                                        justify-content: flex-end;
                                                        width: 100% !important;
                                                        margin-bottom: 40px;
                                                        
                                                    }
                                                }                                        

                                                @media (max-width: 1013px) and (min-width: 992px) {
  
                                                    .ionic{
                                                        background-image: none;
                                                        height: 21vw;
                                                        display: flex;
                                                        flex-direction: column;
                                                        justify-content: center;
                                                        align-items: center;
                                                        border-bottom: 2px solid #ffff;
                                                        border-top: 2px solid #ffff;
                                                     }
                                                
                                                     .text3-desktop{
                                                        width: 80% !important;
                                                        text-align: center;
                                                        font-size: 15px;
                                                     }
                                                
                                                    
                                                
                                                     .adapt-visible{
                                                        display: flex !important;
                                                        justify-content: flex-end;
                                                        width: 100% !important;
                                                        margin-bottom: 40px;
                                                        
                                                    }
                                                }

                                                @media (max-width: 1101px) and (min-width: 1013px) {
                                                    .text3-desktop{
                                                        width: 33% !important;
                                                        font-size: 15px;
                                                     }
                                                }