.layouts-area {
}
.color-layouts {
  max-width: 1400px;
  margin: 0 auto;
}
.color-layouts .full-container, .color-layouts .full-container-middle {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-gap: 30px;
}

.left-section .inner-content {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  display: block;
  max-width: 480px;
}
.left-section {
  position: relative;
}
.play-layouts .full-container {
  background: #000;
  border-radius: 20px;
  padding: 50px 0;
  margin: 30px 0;
}
.play-layouts.perfectly-results{
  margin: 30px 0;
}

.play-layouts.perfectly-results .full-container {
  background: rgba(23, 31, 60, 1);
    padding: 100px 0;
}

.color-layouts .full-container h3, .single-section .inner-content h3 {
  color: #fff;
  font-family: Lexend;
font-size: 32px;
font-weight: 600;
line-height: 42px;
letter-spacing: -0.04em;
text-align: left;

}
.color-layouts .inner-content p{
  color: #fff;
  font-family: Inter;
font-size: 16px;
font-weight: 400;
line-height: 28px;
text-align: left;

}
.single-section .inner-content h3, .single-section .inner-content p {
    color: rgba(0, 0, 0, 1);
}
.single-section {
    height: 100%;
    border-radius: 20px;
}
.single-section .inner-content {
    padding: 74px 85px;
}
.single-section .inner-content img{
  float: right;
  margin: 50px 0 50px;
}
.single-section.one{
  background: rgba(255, 230, 195, 1);
}
.single-section.two{
  background: rgba(155, 209, 255, 1);
}
.single-section.three{
 background: rgba(192, 238, 208, 1); 
}
.single-section.four{
  background: rgba(199, 212, 252, 1);
}