/*------------------------------ About Us -----------------------------*/

.about-section {
  background: url(/images/hero2.jpg) no-repeat left;
  background-size: 100%;
  background-color: linear-gradient( rgb(253, 188, 104),rgb(255, 68, 35));;
  overflow: hidden;
  padding: 100px 0;
}

.inner-container {
  width: 55%;
  float: right;
  margin-right: 20px;
  background-color: #0000008e;
  padding: 150px;
  border-radius: 20px;

}
.about-section .img1{
  display: none;
}

.inner-container h1 {
  margin-bottom: 30px;
  font-size: 30px;
  font-weight: 900;
  color: white;
}

.text {
  font-size: 13px;
  color: #ffffff;
  line-height: 30px;
  text-align: justify;
  margin-bottom: 40px;
}
.about-section img{
  position: relative;
  left: 10rem;
  top: 1rem;
  height: 550px;
  width: 400px;
}

.skills {
  display: flex;
  justify-content: space-between;
  font-weight: 700;
  font-size: 13px;
  color: white;
}
/* ------------------Media-------------- */
@media screen and (max-width:1204px){
  .about-section img{
    height: 400px;
    width: 250px;
  }
 .about-section img{
   display: none;
 }
}

@media screen and (max-width:768px){
  .about-section img{
    display: none;
  
  }
  .inner-container{
    position: relative;
    padding: 50px;
    /* left: 20px; */
  }
}

@media screen and (max-width: 425px){
  .about-section {
    
    height: 100%;
    width: 100%;
    background-color: linear-gradient( rgb(253, 188, 104),rgb(255, 68, 35));
    background-size: 60rem 60rem;
    
  }
 
  .about-section .inner-container{
    position: relative;
    /* bottom: 10px; */
    /* top: 20px; */
    right: 20px;
    height: 550px;
    padding: 10px;
    width: 350px;
    
  }
 
  .inner-container h1{
    font-size: 24px;
    
  }

}

@media screen and (max-width:375px){

 
  .about-section .inner-container{
    position: relative;
    /* bottom: 10px; */
    /* top: 20px; */
    right: 11px;
    height: 550px;
    padding: 10px;
    width: 310px;
    
  }
 
  .inner-container h1{
    font-size: 24px;
    
  }
}
@media screen and (max-width:320px){

 
  .about-section .inner-container{
    position: relative;
    
    left: 5px;
    height: 550px;
    padding: 10px;
    width: 290px;
    
  }
 
  .inner-container h1{
    font-size: 24px;
    
  }
}