.section6{
	width: 100%;
	height: 100%;
}

.section6-top{
	width: 90%;
	height: 100%;
	display: inline-flex;
	margin-top: 12%;
	margin-left: 5%;
}

.section6-top-card h1{
	color: black;
}

.section6-top-card h1 span{
	color: #f5a934;
}

.section6-top-card p{
	margin-top: 1%;
	width: 90%;
	color: #626261;
}
.section6-top-card a{
	text-decoration: none;
}
.section6-btn{
	width: 230px;
	height: 55px;
	background-color:  #f5a934;
	border-radius: 3px;
	margin-top: 22%;
	position: relative;
	display: flex;
	justify-content: center; 
 	align-items: center;


}

.section6-btn h1{	
	color: white;
	font-size: 18px;
	text-align: center;
	z-index: 1;
}

.section6-btn .section6-overlay{
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0%;
  height: 100%;
  background-color: #292929;
  overflow: hidden;
  transition: width 0.3s ease-in-out;
  	display: flex;
	justify-content: center; 
 	align-items: center;
 	border-radius: 3px;
}

.section6-btn:hover .section6-overlay{
	width: 100%;
}

.section6-btn:hover h1{
	text-decoration: underline;
}

#section6-end {
  position: relative;
  overflow: hidden;
  width: 90%;
  height: 400px;
  margin-top: 5%;
  margin-left: 5%;
  display: block;

}
   #image-container {
      position: absolute;
      left: 0;
      top: 0;
      width: 60%;
      height: 400px;
      overflow: hidden;
      transition: transform 0.5s ease-out;
    }

    #image {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 400px;

    }


    #text-container {
      position: absolute;
      left: 60%;
      bottom: 40%;
      width: 40%;
      height: calc(40% - 60px);
      padding: 30px;
      box-sizing: border-box;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: left;
      transition: transform 0.5s ease-out;
    }

    #header {
      font-size: 24px;
      margin-bottom: 10px;
      color: #132c4f;
    }

    #paragraph {
      font-size: 16px;
      line-height: 1.5;
      margin-bottom: 10px;
      color: #626261;
      width: 100%;
    }

    #logo {
      width: 50px;
      height: 50px;
    }