.notification-overlay {
         position: fixed;
      top :        0;
   left    :        0;
    width: 100%;
    height: 100%;
  background: rgba(0, 0, 0, 0.5);
 display: none;
   z-index: 9999;
  justify-content  :    center;
    align-items: center;
}

.notification-modal {
     background: white;
    padding: 2rem;
   border-radius  :      15px;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
  max-width: 400px;
   width    :      90%;
     text-align: center;
  transform: scale(0.7);
  opacity: 0;
   transition: all 0.3s ease;
}

.notification-overlay.active {
  display: flex;
}

.notification-overlay.active .notification-modal   {

  transform: scale(1);
    opacity: 1;
     }



.notification-icon {

	  font-size     :       3rem;
    margin-bottom: 1rem;
    display: block;
	}

.notification-icon.success {
   color: #27ae60;
}

.notification-icon.error


{
   color: #e74c3c;
}

.notification-icon.warning 
 {
  color: #f39c12;


}

.notification-icon.info {
    color     :     #3498db;
}

.notification-title 
 {
   font-size:    1.3rem;
  font-weight: 600;
   margin-bottom: 0.5rem;
  color: #2c3e50;
}

.notification-message {


   color: #666; 
	    margin-bottom     :      1.5rem; 
	   line-height: 1.5;
	}

.notification-button {
  background: linear-gradient(45deg, #667eea, #764ba2);
  color: white;
   border: none;
    padding: 10px 25px;
    border-radius:      8px;
  cursor: pointer;
  font-weight: 500;
  transition: transform 0.2s ease;
}

.notification-button:hover {
  transform: translateY(-1px);
}

.toast-container {
   position: fixed;
	 top: 20px;
    right: 20px;
    z-index: 10000;
   pointer-events     :      none;
}

.toast-notification {
	background: white;
	border-left: 4px solid #667eea;
  padding: 1rem 1.5rem;
  margin-bottom: 1rem;
   border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  transform: translateX(400px);
  opacity: 0;
  transition    :all 0.3s ease;
   pointer-events: all;
    max-width: 350px;
}

.toast-notification.show {
  transform: translateX(0);
    opacity: 1;
}

.toast-notification.success {
   border-left-color: #27ae60;
}

.toast-notification.error {
    border-left-color: #e74c3c;
}

.toast-notification.warning {
  border-left-color: #f39c12;
}

.toast-header


{
   font-weight: 600;
   color :     #2c3e50;
    margin-bottom: 0.5rem;
   font-size: 0.9rem;
}

.toast-message {
   color: #666;
  font-size: 0.85rem;
   line-height: 1.4;


}

.toast-close {
	position: absolute;
	 top: 8px;
    right: 10px;
   background: none;
  border: none;
    font-size: 1.2rem;
  color: #999;
   cursor: pointer;
  padding: 0;
   width  :     20px;
  height: 20px;
	display: flex;
    align-items: center;
  justify-content: center;

}



.toast-close:hover {
  color: #333;
}

.cookie-banner {
    position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
    background     :      #2c3e50;
    color  :        white;
  padding: 1rem 2rem;
  transform: translateY(100%);
    transition: transform 0.3s ease;
    z-index: 9998;
   display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap :    wrap;
   gap     : 1rem;
}

.cookie-banner.show {
  transform: translateY(0);
}

.cookie-text {
	    flex: 1;
    font-size: 0.9rem;
    line-height: 1.4; 
	


}



.cookie-text a {
	color: #3498db;
    text-decoration: none;


}

.cookie-text a:hover {
        text-decoration: underline;
}



.cookie-buttons {
    display:   flex;
    gap:      0.75rem;
}

.cookie-btn {
    padding: 8px 20px;
   border: none;
  border-radius: 5px;
  -o-transition: background-color 0.3s ease;
    cursor: pointer;
   font-size: 0.85rem;
    font-weight: 500;
   transition: background-color 0.3s ease;
}

.cookie-btn.accept {
  background: #27ae60;
  color: white;


}

.cookie-btn.accept:hover  {
    background: #219a52;
}

.cookie-btn.decline {
    background: #95a5a6;
  color: white;

}

.cookie-btn.decline:hover {
  background: #7f8c8d;
}



.loading-spinner {
    position: fixed;
    top: 50%;
    left: 50%;
  transform: translate(-50%, -50%);
   z-index: 10001;
  display   :     none;
}

.spinner {
      width: 40px;
  height: 40px;
   -moz-animation :        spin 1s linear infinite;
	border     :       4px solid #f3f3f3;
   border-top: 4px solid #667eea;
    -moz-border-radius   :     50%;
    -webkit-border-radius: 50%;
   border-radius: 50%;
   animation: spin 1s linear infinite;
}@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}.field-error {
      color: #e74c3c;
   font-size: 0.8rem;
  margin-top: 0.25rem;
   display    :   none;
}

.field-error.show {
    display: block; 
	
}@media (max-width: 768px) {
    .notification-modal {
        margin: 1rem;
        padding: 1.5rem
    }

    .toast-container {
        top: 10px;
        right: 10px;
        left: 10px
    }

    .toast-notification {
        max-width: none;
        transform: translateY(-100px)
    }

    .toast-notification.show {
        transform: translateY(0)
    }

    .cookie-banner {
        padding: 1rem;
        flex-direction: column;
        align-items: stretch
    }

    .cookie-buttons {
        justify-content: center
    }

    .cookie-btn {
        flex: 1;
        max-width: 120px
    }
}.notification-overlay {
  position: fixed;
   top :       0;
  left: 0;
  width: 100%;
         height: 100%;
  background: rgba(0, 0, 0, 0.5);
               display: none;
  z-index: 9999;
   justify-content: center;
   align-items: center;
}

.notification-modal {
    background     :  white;
    padding: 2rem;
    border-radius: 15px;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
    max-width: 400px;
   width: 90%;
   text-align: center;
  transform: scale(0.7);
      opacity: 0;
   transition: all 0.3s ease;
}

.notification-overlay.active {
          display: flex;
}

.notification-overlay.active .notification-modal {
	  transform: scale(1);
   opacity   :   1; 
	
	}


.notification-icon {

   font-size: 3rem;
  margin-bottom   :     1rem;
  display     :  block;

}

.notification-icon.success {

   color     :        #27ae60;
}

.notification-icon.error {
   color: #e74c3c;
}

.notification-icon.warning {
   color: #f39c12;
}

.notification-icon.info {
    color: #3498db;
}

.notification-title {
  font-size: 1.3rem;
    font-weight: 600;
  margin-bottom: 0.5rem;
  color: #2c3e50;
}

.notification-message {
          color: #666;
  margin-bottom: 1.5rem;
   line-height :1.5;
}

.notification-button {
  background: linear-gradient(45deg, #667eea, #764ba2);
   color: white;
   border: none;
               padding: 10px 25px;
  border-radius  :       8px;
   cursor: pointer;
    font-weight: 500;
  transition: transform 0.2s ease;
}

.notification-button:hover {

	  transform: translateY(-1px);}

.toast-container {

	    right: 20px;
   z-index     :10000;
   top: 20px;
  pointer-events: none;
  position: fixed;
	}

.toast-notification {
	 background: white;
    border-left: 4px solid #667eea;
    padding: 1rem 1.5rem;
		margin-bottom: 1rem;
    border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  transform: translateX(400px);
  opacity: 0;
  transition: all 0.3s ease;
   pointer-events: all;
   max-width: 350px;
}

.toast-notification.show {
  transform: translateX(0);
   opacity: 1;
}

.toast-notification.success {
   border-left-color: #27ae60;
}

.toast-notification.error {
  border-left-color: #e74c3c;
}  

.toast-notification.warning {
  border-left-color:       #f39c12;
}

.toast-header {
    font-weight: 600;
               color: #2c3e50;
  margin-bottom: 0.5rem;
    font-size: 0.9rem;
}

.toast-message   {
   color: #666;
    font-size: 0.85rem;
    line-height: 1.4;
}

.toast-close {
     position: absolute;
	top: 8px;
   right: 10px;
    background: none;
  border: none;
  font-size: 1.2rem;
    color: #999;
  cursor    :  pointer;
  padding: 0;
   width: 20px;
  height: 20px;
   display: flex;
    align-items: center;
    justify-content: center;


}

.toast-close:hover {

	   color: #333;
}

.cookie-banner {
   position: fixed;
  bottom: 0;
	left: 0;
    right: 0;
  background: #2c3e50;
   color     :      white;
  padding: 1rem 2rem;
  transform: translateY(100%);
	transition: transform 0.3s ease;
         z-index: 9998;
  display: flex;
  align-items: center;
    justify-content:   space-between;
	flex-wrap: wrap;
	 gap: 1rem;
}

.cookie-banner.show {
  transform: translateY(0);}

.cookie-text {
 -webkit-flex: 1;
  flex   :  1;
    font-size: 0.9rem;
	line-height: 1.4;
}

.cookie-text a {
   color: #3498db;
  text-decoration: none;
}

.cookie-text a:hover     {
  text-decoration: underline;
}

.cookie-buttons {
   display     :   flex;
   gap: 0.75rem;
}

.cookie-btn {
   padding: 8px 20px;
   border: none;
   border-radius: 5px;
   cursor: pointer;
  font-size: 0.85rem;
                    font-weight     :      500;
  transition: background-color 0.3s ease;
}

.cookie-btn.accept {
    background: #27ae60;
  color: white;
}

.cookie-btn.accept:hover {
  background: #219a52;
}

.cookie-btn.decline {


	background: #95a5a6;
   	 color: white;

}

.cookie-btn.decline:hover    {
	background: #7f8c8d;

}

.loading-spinner
{
   position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
    z-index: 10001;
  display    :    none;
}

.spinner

{


  width: 40px;
    height:  40px;
  border     : 4px solid #f3f3f3;
    border-top: 4px solid #667eea;
  border-radius: 50%;
    animation   :       spin 1s linear infinite;
}@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}.field-error {
    color: #e74c3c;
  font-size :        0.8rem;
  margin-top: 0.25rem;
    display: none;
}

.field-error.show {
	display: block;
}

.page-transition		{
      opacity: 0;
  transform: translateY(30px);
               transition: opacity 0.6s ease, transform 0.6s ease;
}



.page-transition.loaded {
   opacity:    1;
  transform: translateY(0);
} 

.team-member-hover {
	 position: relative;
    overflow: hidden;
}

.team-member-hover::before {
  content: '';
    position: absolute;
   top: 0;
    left: -100%;
    width :        100%;
   height: 100%;
  background: linear-gradient(90deg, transparent, rgba(102, 126, 234, 0.1), transparent);
   transition: left 0.5s ease;

}

.team-member-hover:hover::before {
   left :    100%;
}

.success-animation  {
    animation: successPulse 2s infinite;
}  @keyframes successPulse {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.05); }
}.thankyou-container {
  position: relative;
}

.thankyou-container::before 
 {
  content: '';
          position :        absolute;
        top: -2px;
  left: -2px;
	right  :    -2px;
   bottom: -2px;
  background: linear-gradient(45deg, #667eea, #764ba2, #667eea);
	border-radius: 27px;
   z-index: -1;
    background-size: 300% 300%;
          animation: gradientShift 3s ease infinite;
}@keyframes gradientShift {
    0%, 100% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
}.form-field-wrapper {
  position: relative;
  margin-bottom  :  1.5rem;
}

.floating-label {
   position: absolute;
   left: 15px;
    top: 50%;
  transform: translateY(-50%);
  color: #999;
	 font-size: 1rem;
                    pointer-events: none;
   transition: all 0.3s ease;
    background: white;
          padding: 0 5px;
}

.form-input:focus + .floating-label,
.form-input:not(:placeholder-shown) + .floating-label {
   top: 0;
     font-size: 0.8rem;
   color: #667eea;
  transform: translateY(-50%);
}@media (max-width: 768px) {
    .notification-modal {
        margin: 1rem;
        padding: 1.5rem
    }

    .toast-container {
        top: 10px;
        right: 10px;
        left: 10px
    }

    .toast-notification {
        max-width: none;
        transform: translateY(-100px)
    }

    .toast-notification.show {
        transform: translateY(0)
    }

    .cookie-banner {
        padding: 1rem;
        flex-direction: column;
        align-items: stretch
    }

    .cookie-buttons {
        justify-content: center
    }

    .cookie-btn {
        flex: 1;
        max-width: 120px
    }

    .page-transition {
        transform: translateY(20px)
    }

    .thankyou-container::before {
        border-radius: 17px
    }
}.pol {
    margin: 5% 15%;
}