.contact-info {
   background: #fff;
}

.intro-text 
 {
  font-size: 17px;
  line-height: 1.8;
        color: #555;
    margin-top: 20px;
}

.contact-card {
	background: #fff;
    padding: 35px 115px;
	border-radius    :      10px;
  box-shadow: 0 3px 20px rgba(0,0,0,0.08);
    text-align  :       center;
  transition :     0.3s;
   height: 100%;
}

.contact-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 30px rgba(0,0,0,0.15);
}

.contact-card .contact-icon {
   margin-bottom     :       20px;
}

.contact-card .contact-icon img {
  filter: invert(47%) sepia(68%) saturate(2087%) hue-rotate(187deg);
}

.contact-card h3 {
       font-size: 22px;
    font-weight  : 600;
    color: #2c3e50;
  margin-bottom: 15px;

}



.contact-card p {
  font-size: 15px;
  line-height: 1.7;
    color: #666;
   margin-bottom: 10px;
}

.contact-card p:last-child {
   margin-bottom  :       0;
}

.contact-card a {
  color: #3498db;
   font-weight: 500;
	
}

.contact-card a:hover     {
    color: #2980b9;
     text-decoration: underline;}

.contact-card .contact-note {
   font-size     :     13px;
  color   :#999;
  margin-top: 10px;
}

.contact-form-section    {
    padding: 100px 0;
}

.form-wrapper {
  background: #fff;
    padding: 50px 45px;
   border-radius: 12px;
  box-shadow: 0 5px 30px rgba(0,0,0,0.1);
}

.form-title {
	   font-size: 32px;
	 font-weight  :       600;
    color: #2c3e50;
    margin-bottom: 15px;
               text-align: center;

}

.form-subtitle {
   font-size: 16px;
    color: #666;
    text-align: center;
    margin-bottom: 40px;
}



.contact-form .form-group {
   margin-bottom     :      25px;
}

.contact-form label {

	  display: block;
   font-size: 14px;
   font-weight: 600;
    color: #2c3e50;
  margin-bottom    :8px;
}

.contact-form label .required {

    color: #e74c3c;
     }

.contact-form .form-control {
	width: 100%;
  padding     :      12px 18px;
   font-size: 15px;
    border: 2px solid #e0e0e0;
    border-radius: 8px;
   transition: 0.3s;
    background: #fff;
}

.contact-form .form-control:focus {
    outline: none;
  border-color: #3498db;
  box-shadow: 0 0 0 3px rgba(52, 152, 219, 0.1);
}

.contact-form .form-control.error{
  border-color: #e74c3c;
}

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

.error-message {
   display :        block;
    font-size    :    13px;
  color: #e74c3c;
   margin-top: 5px;
  min-height: 18px;
}

.btn-submit  {
        width: 100%;
      padding: 15px 30px;
  background    :    #3498db;
  color: #fff;
    font-size :      16px;
  font-weight: 600;
  text-transform :   uppercase;
	border: none;
  border-radius: 8px;
   cursor: pointer;
  transition: 0.3s;
    display    :      flex;
  align-items: center;
	justify-content: center;
}

.btn-submit img {

	  filter: brightness(0) invert(1);


}

.btn-submit:hover {
    background: #2980b9; 
	  transform: translateY(-2px); 
	  box-shadow: 0 5px 20px rgba(52, 152, 219, 0.3);
}

.btn-submit:disabled {
   background: #95a5a6;
               cursor: not-allowed;
    transform: none;
}

.success-popup {
    position: fixed;
   top    : 0;
         left: 0;
   width: 100%;
   height :      100%;
  background: rgba(0,0,0,0.7);
  display: none;
    align-items    :     center;
   justify-content:  center;
  z-index: 9999;
  opacity: 0;
    transition: opacity 0.3s;
}

.success-popup.show {
   display: flex;
	    opacity: 1;
}

.popup-content	{
    background   :     #fff;
   padding: 50px 40px;
  border-radius   :       12px;
   max-width: 500px;
   width   :  90%;
   text-align: center;
    animation: popupSlide 0.4s ease;
}@keyframes popupSlide {
    from {
        transform: translateY(-50px);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}.popup-icon
{
    margin-bottom: 25px;
}

.popup-icon img {
  filter: invert(47%) sepia(68%) saturate(2087%) hue-rotate(187deg);
}

.popup-content h3    {
    font-size: 28px;
   font-weight: 600;
  color :   #2c3e50;
    margin-bottom: 15px;
}


.popup-content p  
  {
   font-size: 16px;
    line-height    :     1.7;
	color: #666;
        margin-bottom: 30px;
}

.popup-close


{
   padding:     12px 35px;
  background: #3498db;
    color     :        #fff;
    font-size: 15px;
    font-weight: 600;
   border: none;
  border-radius: 8px;
   cursor: pointer;
  transition: 0.3s;
}

.popup-close:hover {
  background: #2980b9;
}@media (max-width: 767px) {
    .form-wrapper {
        padding: 35px 25px;
    }

    .form-title {
        font-size: 26px;
    }

    .popup-content {
        padding: 35px 25px;
    }

    .popup-content h3 {
        font-size: 24px;
    }
}