*{
    padding: 0;
    margin: 0;
}
.logo_sec_container{
    display:flex;
    height: 400px;
    background-color: rgb(28,29,31);
}
.logo_sec_tech{
    margin: 20px;
    width: 100%;
    justify-content: center;
    display: grid;
    grid-template-columns: repeat( 4, 1fr);
    padding: 20px;
}
.box{
    margin: auto;
  font-size:40px;
}

.logo_sec_tech1{
    display: grid;
    width: 75%;
    height: 250px;
    background-color: #125cfb;
    margin: auto;
    margin-top: -100px;
}
.box2 img{
    color: white;
    width: 100px;
}

.cms-servers-section-wrapper{
	padding: 10px;
	max-width: 900px;
	background-color: #ffffff;
	border-radius: 10px;
	margin: -130px auto 50px auto !important;
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

/* Media query for smaller screens (e.g., mobile devices) */
@media screen and (max-width: 767px) {
	.cms-servers-section-wrapper {
			margin-left: 20px !important; 
			margin-right: 20px !important; 
	}

	.box-for-logo {
		display: flex;
		padding: 21px;
		margin: auto;
		font-size: 40px;
		width: 80% !important;
	}
	.box-for-logo-wrap{
		display: flex; border-bottom: solid 1px black;
		flex-direction: column;
	}

}

.box-for-logo-wrap{
	display: flex; border-bottom: solid 1px black;
}

.cms-servers-section{
	display: flex;
	justify-content: space-evenly;
	align-items: center;
}

.techstack-img-class{
	width: 70px;
}

.box-for-logo {
	display: flex;
	padding: 21px;
	margin: auto;
	font-size: 40px;
	width: 20%;
}

.content-for-logo{
	padding-left: 20px;
	font-size: 20px;
}