.colour:hover .con p
{color:white}
.colour:hover .head h2 a
{color:white}
.colour:hover .btn a.elementor-button.elementor-button-link.elementor-size-sm {
    color: white;
	border:1px solid #fff;
	border-radius:20px;
	margin-left:10px;
}


@keyframes pulse-glow {
  0% {
    box-shadow: 0 0 0px rgba(176, 176, 176, 0.5);
  }
  50% {
    box-shadow: 0 0 15px rgba(176, 176, 176, 0.5), 0 0 30px rgba(176, 176, 176, 0.5);
  }
  100% {
    box-shadow: 0 0 10px rgba(176, 176, 176, 0.5);
  }
}

.colour {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  display: inline-block;
}

.colour:hover {
  transform: scale(1.03);
  animation: pulse-glow 1.5s infinite;
}

/*  contact form*/
/* Contact Form 7 Custom Styling */
.wpcf7 form {
  max-width: 600px;
  margin: 0 auto;
  background: #fff;
  padding: 30px 40px;
  border-radius: 16px;
  
  font-family: montserrat;
}

/* Label styling */
.wpcf7 form label {
  display: block;
  margin-bottom: 18px;
  font-weight: 600;
  color: #333;
}
.wpcf7 form label > * {
  margin-top: 8px; /* controls spacing between label text and field */
  display: block;
}
/* Input fields and textarea */
.wpcf7 form input[type="text"],
.wpcf7 form input[type="email"],
.wpcf7 form input[type="tel"],
.wpcf7 form textarea {
  width: 100%;
  padding: 12px 14px;
  border: 1.5px solid #ccc;
  border-radius: 8px;
  font-size: 15px;
  transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

/* Input focus effect */
.wpcf7 form input:focus,
.wpcf7 form textarea:focus {
  border-color: #0073e6;
  box-shadow: 0 0 0 3px rgba(0, 115, 230, 0.15);
  outline: none;
}

/* Textarea height */
.wpcf7 form textarea {
  min-height:50px;
  resize: vertical;
}
textarea.wpcf7-form-control.wpcf7-textarea{
	height:75px;
}

/* Submit button */
.wpcf7 form input[type="submit"] {
  background-color:black;
  color: #fff;
  border: none;
  padding: 12px 34px;
  border-radius: 30px;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  transition: background-color 0.3s ease, transform 0.2s ease;
}

/* Hover effect for button */
.wpcf7 form input[type="submit"]:hover {
  background-color: black;
  transform: translateY(-2px);
}

/* Success / error message */
.wpcf7-response-output {
  margin-top: 15px;
  padding: 12px 15px;
  border-radius: 8px;
  font-size: 14px;
}

.wpcf7 form .wpcf7-mail-sent-ok {
  background: #e6ffed;
  border: 1px solid #4caf50;
  color: #256029;
}

.wpcf7 form .wpcf7-validation-errors {
  background: #fff0f0;
  border: 1px solid #f44336;
  color: #c62828;
}
.services:hover {
  background: rgba(255, 255, 255, 0.25);
  border-color: rgba(255, 255, 255, 0.5);
  box-shadow: 0 12px 40px rgba(255, 255, 255, 0.15);
  transform: translateY(-5px);
}


.elementor-widget-navigation-menu .menu-item a.hfe-menu-item.elementor-button{
	background:transparent !important;
}

.header-box .elementor-icon-box-wrapper {
    display: flex;
    gap: 20px;
}

.header-box .elementor-icon-box-content p.elementor-icon-box-description {
    vertical-align: middle !important;
    margin-bottom: 0px !important;
	color:#fff !important;
}
.header-box .elementor-icon-box-icon {
	color:#fff !important; 
}

.glass {
  width: 320px;                /* adjust as needed */
  padding: 1.5rem;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.08); /* translucent base color */
  border: 1px solid rgba(255, 255, 255, 0.12); /* subtle glass edge */
  box-shadow: 0 8px 30px rgba(2, 2, 2, 0.2);  /* depth */
  backdrop-filter: blur(10px) saturate(120%);  /* the frosted look */
  -webkit-backdrop-filter: blur(10px) saturate(120%); /* Safari */
  color: #fff;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

/* Hover lift (optional) */
.glass:hover {
  transform: translateY(-6px);
  box-shadow: 0 18px 40px rgba(2, 3, 3, 0.3);
}
.header-1 ul.ekit_social_media a i.icon::before {
   color: #fff !important;
}
.header-1 i.icon::before {
    color: #fff !important;
}
.header-1 ul.ekit_social_media a  {
    background-color: #000 !important;
}
.header-1 .elementor-element.elementor-element-e6933f5.e-con-full.e-flex.e-con.e-child {
    justify-content: flex-end !important;
}
.header-1 .elementor-element.elementor-element-d2652fc.e-con-full.e-flex.e-con.e-child {
    justify-content: center !important;
}
.header-1 .elementor-element.elementor-element-5a33930.e-con-full.elementor-hidden-mobile.e-flex.e-con.e-child {
    gap: 20px !important;
}