.contact-container {
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 60px;
   align-items: center;
}

.contact-info {
   padding: 0 40px;
   position: relative;
}

.text-opacity-contact {
   --tw-text-opacity: .3;
   color: rgb(0 196 205/var(--tw-text-opacity, 1));
   font-size: 4rem;
   font-weight: 700;
   text-transform: uppercase;
   letter-spacing: 8px;
}

.contact-info h1 {
   font-size: 48px;
   font-weight: 900;
   color: #333;
   margin-bottom: 30px;
   position: relative;
   display: inline-block;
}

.contact-info h1::before {
   content: '';
   position: absolute;
   top: -20px;
   left: -60px;
   font-size: 200px;
   color: rgba(255, 152, 0, .08);
   font-weight: 900;
   z-index: -1;
}

.company-name {
   font-size: 20px;
   font-weight: 700;
   color: #333;
   margin-bottom: 25px;
}

.info-section {
   margin-bottom: 35px;
}

.info-section h3 {
   font-size: 14px;
   font-weight: 700;
   color: #333;
   text-transform: uppercase;
   letter-spacing: .5px;
   margin-bottom: 10px;
}

.info-section p {
   font-size: 14px;
   color: #666;
   line-height: 1.8;
}

.info-section a {
   color: #333;
   text-decoration: none;
}

.info-section a:hover {
   color: #00c4cd;
}

.contact-form-wrapper {
   background: linear-gradient(135deg, #c0f0f3 0%, #a8ecf0 100%);
   padding: 40px;
   border-radius: 12px;
}

.form-group {
   margin-bottom: 20px;
}

.form-control {
   background: white;
   border: none;
   padding: 12px 16px;
   font-size: 14px;
   color: #333;
   border-radius: 6px;
}

.form-control::placeholder {
   color: #bbb;
}

.form-control:focus {
   background: white;
   box-shadow: 0 0 0 .2rem rgba(0, 196, 205, .25);
   border-color: #00c4cd;
}

textarea.form-control {
   resize: vertical;
   min-height: 140px;
}

.submit-btn {
   background: #00c4cd;
   color: white;
   border: none;
   padding: 12px 40px;
   font-size: 14px;
   font-weight: 600;
   border-radius: 6px;
   cursor: pointer;
   display: block;
   margin: 0 auto;
   transition: background .3s ease;
}

.submit-btn:hover {
   background: #00a5b0;
   color: white;
}

@media (max-width:768px) {
   .contact-container {
      grid-template-columns: 1fr;
      gap: 40px
   }

   .contact-info {
      padding: 0
   }

   .contact-info h1 {
      font-size: 36px;
      margin-bottom: 20px
   }

   .contact-form-wrapper {
      padding: 30px 20px
   }
}