.phoneIcon { font-size: 28px; color: #ffd400; } .wrapper { width: 100%; background-image: url(""); background-size: cover; background-position: center; padding: 120px 0; } .inner { width: 90%; max-width: 1400px; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; } .left { max-width: 45%; } .title { font-size: 42px; font-weight: 700; color: #1a1a1a; margin-bottom: 25px; } .text { font-size: 18px; line-height: 1.6; color: #2a2a2a; } .right { max-width: 50%; text-align: left; } .phoneBlock { display: flex; align-items: center; gap: 12px; margin-bottom: 10px; } .phoneNumber { font-size: 25px; font-weight: 600; } .phoneInfo { margin-left: 44px; margin-top: -5px; font-size: 14px; color: #555; } .formLabel { margin-top: 40px; font-size: 18px; color: #333; } .form { margin-top: 20px; display: flex; align-items: center; gap: 20px; } .input { flex: 1; padding: 18px 24px; border-radius: 50px; border: none; font-size: 18px; outline: none; } .button { height: 56px !important; padding: 0 36px !important; border-radius: 50px !important; } /* --- MOBILE --- */ @media (max-width: 992px) { .inner { flex-direction: column; text-align: center; } .left, .right { max-width: 100%; text-align: center; } .phoneBlock { justify-content: center; } .phoneInfo { margin-left: 0; } .form { flex-direction: column; } .input { width: 100%; } .button { width: 100%; } }