body{
    animation: transitionIn 2s;
}
@keyframes transitionIn{
    from{
        opacity: 0;
        transform: translateY(-10px);
    }
    to{
        opacity: 1;
        transform: translateY(0);
    }
}
.unified-control-container{
    display: grid;
    grid-template-columns: 1fr 1fr;
    width:90%;
    column-gap: 8rem;
    margin-left:10% ;
}


.smarthome-title-container{
    margin-left:-170%;
}

.smarthome-title-container a{
    text-decoration: none;
    color: black;
}

.smart-solutions-container{
    width:70%;
    margin-top: 3rem;
    margin-left: auto;
    margin-right:auto ;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    

}
p{
    text-align: justify;
}

.smart-solutions-title{
    margin-top: 7rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.smart-solutions-container div{
    margin-bottom: 2rem;
}

.smart-solutions-container div  div{
    display:flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

}

.smart-solutions-container div div div{
    
    width:100px;
    height:100px;
    border-radius: 50px;
    background-color:#7ACAE5;

    display:flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-bottom-width:5px;
    margin-bottom: 0;
}

.smart-solutions-container div div div:hover{
    background-color:#ff6100;

}

hr{
    width: 15%; 
    height: 1px; 
    background-color: blue;
     margin-right:auto;
     margin-left:auto;
     margin-top:-0.7rem;
}

hr:hover{
    background-color:#ff6100;
}

@media(max-width:750px){
    
    .smart-solutions-container{
        display: grid;
        grid-template-columns: 1fr;

    }
	.unified-control-container {
        display: grid;
        grid-template-columns: 1fr;
        margin-left: 5%;
        margin-right: 5%;
    }

  
      .smarthome-title-container{
        margin-left: 0;
    }
    .unified-control-text-container,.unified-control-tablet img{
        width: 90vw;
    }
    .unified-control-tablet{
        margin-top: 3rem;


    }
    .smart-solutions-title{
        margin-right: 5%;
        margin-left: 5%;
    }
     
}
  /* Styles for Tablet */
	 @media(min-width:768px) and (max-width:1024px){
		  body,html {
      
		overflow-x: clip !important;
    }

/* Tablet styles */
.unified-control-container {
    display: grid;
    grid-template-columns: 1fr;
    width: 90%;
    /* column-gap: 8rem; */
    margin-left: 5%;
}
}	

/* Styles for mobile devices in landscape mode only */
	@media screen 
  and (min-width: 480px) 
  and (max-width: 926px) 
  and (max-height: 428px)
  and (orientation: landscape) {
  	  body,html {
      
		overflow-x: clip !important;
    }


.unified-control-container {
    display: grid;
    grid-template-columns: 1fr;
    width: 90%;
    margin-left: 5%;
}
}