/* Form */
.contact-form label {
      font-size: clamp(14px, 2vw, 20px);
  font-weight: 600;
    color: #1F7CFD;
  margin-bottom: 5px;
}

.contact-form .form-control,
.contact-form .form-select {
  border-radius: 20px;
  border:1px solid #9EA2A6;
  padding: clamp(8px, 1.5vw, 12px);
  font-size: clamp(13px, 1.6vw, 15px);
}

.contact-form textarea {
  resize: none;
}

.btn-send {
  width: 100%;
  background: #1F7CFD;
  color: #fff;
  padding: clamp(12px, 2vw, 14px);
  font-size: clamp(16px, 2vw, 24px);
  border-radius: 20px;
    font-weight: 600;
    width:35%;


}

.btn-send:hover {
  background:  #1c67d1;
    color: #fff;

}

/* Info Section */
.contact-info h3 {
  font-size: clamp(18px, 3vw, 32px);
  font-weight: 700;
  color: #1F7CFD;
  margin-top: 20px;
text-align: start;
}

.contact-info p {
  font-size: clamp(16px, 2vw, 24px);
  color: #858383;
  max-width: 420px;
text-align: start;

}

.contact-info ul {
  list-style: none;
  padding: 0;
  margin-top: 20px;
}

.contact-info ul li {
    font-weight: 600;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  gap: 10px;
  color: #000000;
  font-size: clamp(14px, 2vw, 20px);
}
.material-symbols--call-c {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%234D8ADF' d='M19.95 21q-3.125 0-6.175-1.362t-5.55-3.863t-3.862-5.55T3 4.05q0-.45.3-.75t.75-.3H8.1q.35 0 .625.238t.325.562l.65 3.5q.05.4-.025.675T9.4 8.45L6.975 10.9q.5.925 1.187 1.787t1.513 1.663q.775.775 1.625 1.438T13.1 17l2.35-2.35q.225-.225.588-.337t.712-.063l3.45.7q.35.1.575.363T21 15.9v4.05q0 .45-.3.75t-.75.3'/%3E%3C/svg%3E");
}
.ic--round-email-c {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%234D8ADF' d='M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2m-.4 4.25l-7.07 4.42c-.32.2-.74.2-1.06 0L4.4 8.25a.85.85 0 1 1 .9-1.44L12 11l6.7-4.19a.85.85 0 1 1 .9 1.44'/%3E%3C/svg%3E");
}
.ion--location-sharp-c {
  display: inline-block;
   width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%234D8ADF' d='M256 32C167.67 32 96 96.51 96 176c0 128 160 304 160 304s160-176 160-304c0-79.49-71.67-144-160-144m0 224a64 64 0 1 1 64-64a64.07 64.07 0 0 1-64 64'/%3E%3C/svg%3E");
}
/* Image */
.contact-img {
  max-width: 100%;
  width: clamp(339px, 35vw,568px);

}
@media (max-width: 768px) {
.btn-send {
    width:100%;
}}

/* Custom Alert Styles */
.custom-alert {
    position: relative;
    padding: 12px 16px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 500;
    animation: slideDown 0.3s ease-out;
}

@keyframes slideDown {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.custom-alert strong {
    font-weight: 600;
    margin-right: 8px;
}

.custom-alert.alert-success {
    background-color: #d4edda;
    border-color: #c3e6cb;
    color: #155724;
}

.custom-alert.alert-danger {
    background-color: #f8d7da;
    border-color: #f5c6cb;
    color: #721c24;
}

.custom-alert.alert-warning {
    background-color: #fff3cd;
    border-color: #ffeeba;
    color: #856404;
}

.alert-close {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 24px;
    font-weight: 300;
    cursor: pointer;
    opacity: 0.7;
    transition: opacity 0.2s;
}

.alert-close:hover {
    opacity: 1;
}

.error-list {
    margin: 8px 0 0 20px;
    padding-left: 20px;
    list-style-type: disc;
}

.error-list li {
    margin-bottom: 4px;
}