:ROOT{
  --brand-gray: #C5CED4;
}

body{
  background-color: white;
}

.sec1{
  padding: 100px 20px; 
  padding-bottom: 10px; 
}

.sec1-box2{
  display: none;
}

.sec1 > div > span{  
  color: #707070;
}   

/*______SECTION 2 - PROPERTY_____________*/
.sec2{
  padding: 20px;
  padding-top:0;
  color: white; 
}

.sec2-boxes{
  text-align: center;
  margin: 20px 0;
  padding: 40px 25px;
  border-radius: 15px;
}

.sec2-boxes > h3{
  margin-bottom: 10px; 
} 

 
/*______SECTION 3 - PROPERTY_____________*/
.sec3{
  padding:50px 20px; 
  background-color: black;
  margin: 0;
}

.sec3-box1 > h2{
  text-align: center; 
  margin-bottom: 20px;
}

.sec3-box1 > p{
  font-size: 18px;
  text-align: center;
  margin-bottom: 20px;
}

.sec3-box1{
  color: #F7F7F7;
}

.sec3-box2{
  display: none;
}

 
 
/*___________Mobile Response______________*/ 

/*Tablet Response*/
@media(min-width: 770px){ 
  .sec1{
    display: flex;
  } 
  .sec1-box1{ 
    padding-left: 20px;
  }  

  .dsk-wrap{
    margin-top: 50px;
    display: flex;
  }

  .dsk-child-box{
    width: 50%;
    padding: 0 20px;
  } 

  .sec2{
    display: flex;  
  }

  .sec2-boxes{ 
    margin: 20px 10px; 
  }

  .sec3-box2{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50%; 
  }

} 

/*DeskTop Response*/    
@media(min-width: 1030px){  
  .dsk-child-box{
    width: 50%;
    padding: 0 40px;
  }
  .sec1-box1{ 
    padding-left: 0;
  }
  .sec1-box2{
    padding-right: 0;
  }
}