.top-container{
    width: 100%;
    height: 70vh;
    background-image: url("https://www.tatacommunications.com/blog/wp-content/uploads/2022/03/shutterstock_1902776437-1024x426.jpg") ;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border: 2px solid #f0f0f0
}

.my-text{
    color: red;
}


.text-color-red{
    color:rgb(234, 37, 40);
}

.background-color-purple{
    background-color: #363894;
}



.top-text-box{
    margin-top: 130px;
}


.Connected-to-The{
    width: 100%;
    height: 120vh;

    display: flex;
    align-items: end;
    justify-content: center;
    font-size: 2rem;
    color: #333;

}

.connected-img-box{
    width: 100%;
    height: 75%;
    display: flex;
    align-items: center;
    justify-content: end;
    background-image: url("https://images.unsplash.com/photo-1744309546253-a1200c7e6141?q=80&w=2070&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

 
}

.connected-text-box{

    width: 60%;

    margin-top: -150px;
    border-top-left-radius: 100px ;
    display: flex;
    align-items: center;
    justify-content: end;
    background-color: rgb(231, 45, 82);
    padding: 20px;
}

.connected-text-center-box{
    width: 90%;
    padding: 20px;
}

.connected-text-center-box h1{
    color: #fff;
    font-size: 2.5rem;
    font-weight: bold;

}

.connected-text-center-box p{
    color: #fff;
    font-size: 1rem;
    padding-top: 10px;
    
}

.connected-boxes{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    align-content: space-evenly;
    

}

.connected-box{

    width: 45%;
    padding: 19px 0px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    margin-top: 20px;
    background-color: white;
}

.connected-box h1{
    font-size: 20px;
    color: black;
}
.logo-box{
   padding: 1px 15px;
    background-color: rgb(244, 244, 244);
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
.logo-box i{
    color:  rgb(231, 45, 82);
    font-size: 30px;
}
	@media (max-width: 900px){

        .Connected-to-The{
            margin-top: 250px;
           
            
        }

        .connected-text-center-box{
            background-color: rgb(231, 45, 82);
        }

        .connected-text-box{
            width: 100%;
            align-items: start;
            
        }

        .connected-box{
            width: 100%;
        }

    }