/* =========================
   LETS TALK
========================= */

.lets-talk{
  padding: 0 0 120px;
}

.lets-talk-box{
  display: grid;
  grid-template-columns: 1.2fr 1fr;

  gap: 60px;

  padding: 70px;

  border-radius: 40px;

  background: linear-gradient(
    145deg,
    rgba(255,255,255,0.06),
    rgba(255,255,255,0.03)
  );

  border: 1px solid rgba(255,255,255,0.06);

  backdrop-filter: blur(16px);

  box-shadow:
    0 20px 60px rgba(0,0,0,0.25);
}

/* LEFT */

.lets-talk-left span{
  color: #58d5ff;

  font-size: 14px;
  font-weight: 700;

  letter-spacing: 2px;
}

.lets-talk-left h2{
  font-size: 58px;

  margin-top: 18px;
  margin-bottom: 28px;

  line-height: 1.1;
}

.lets-talk-left p{
  color: #b7c7d8;

  font-size: 18px;
  line-height: 1.9;
}

/* RIGHT */

.lets-talk-right{
  display: flex;
  flex-direction: column;

  gap: 28px;
}

.talk-item{
  display: flex;
  align-items: flex-start;

  gap: 20px;

  padding: 24px 28px;

  border-radius: 22px;

  background: rgba(255,255,255,0.03);

  border: 1px solid rgba(255,255,255,0.05);

  transition: all 0.3s ease;
}

.talk-item:hover{
  transform: translateY(-5px);

  border-color: rgba(88,213,255,0.2);

  box-shadow:
    0 12px 30px rgba(0,0,0,0.2);
}

.talk-item i{
  font-size: 28px;

  color: #58d5ff;
}

.talk-item h3{
  font-size: 18px;

  margin-bottom: 8px;

  color: white;
}

.talk-item p{
  color: #9fb3c8;

  line-height: 1.7;
}

/* RESPONSIVE */

@media(max-width: 992px){

  .lets-talk-box{
    grid-template-columns: 1fr;

    padding: 50px;
  }

  .lets-talk-left h2{
    font-size: 44px;
  }

}

@media(max-width: 768px){

  .lets-talk{
    padding-bottom: 80px;
  }

  .lets-talk-box{
    padding: 32px;
  }

  .lets-talk-left h2{
    font-size: 36px;
  }

}