.contactIcon i { width: 48px; height: 48px; background-color: var(--global-palette1); border-radius: 30px; padding: 15px; color: var(--global-palette9); border: 1px solid var(--global-palette9); cursor: pointer; transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1); } .contactIcon i:hover { background-color: var(--global-palette9); color: var(--global-palette1); border: 1px solid var(--global-palette1); } .contacts-inputs , .input-label{ transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1); } #sendMail { width: 100%; } .error small { background: #cc0000; color: var(--global-palette9); text-align: center; font-size: 18px; padding: 5px; margin: 5px; border-radius: 5px; } .success-card { background-color: #18bc9c; color: var(--global-palette9); padding: 15px; border-radius: 10px; width: 100%; text-align: center; margin: 10px 0; } .error-card { background-color: #ff4907; color: var(--global-palette9); padding: 15px; border-radius: 10px; width: 100%; text-align: center; margin: 10px 0; } .contact-card{ border-radius: 10px; overflow: hidden; } .contact-info{ background-color: #00AEEB; display: flex; flex-direction: column; justify-content: center; align-items: center; } .contact-info img{ max-width: 100%; height: auto; } @media (max-width: 768px) { .contact-info{ text-align: center; padding: 20px; } .contact-info img{ width: 80%; margin: auto; } } .form-label{ display: block; } .form-control1::placeholder{ opacity: 0.6; } textarea{ height: 60px; } .btn-submit{ background-color: #00AEEB!important; border: none!important; color: white!important; border-radius: 5px!important; font-weight: medium!important; font-size: 14px!important; margin-right: 21px!important; } .contact-info h3{ font-size: 1.5rem; } .contact-info p{ font-size: 18px; } .button-contact{ display: flex; align-items: center; justify-content: center; } .btn-submit:hover{ background-color: #0072ff!important; } .form-control1{ border: none; border-bottom: 1px solid #7e8081; width: 100%; } .form-control1:focus{ border-bottom: 2px solid #2a2a72; } .contact-captcha{ max-width: 65%; margin: auto; } @media (max-width: 768px) { .contact-captcha{ max-width: 90% !important; } }.heading {color: #00AEEB;}