@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
body {
    font-family: 'Inter', sans-serif;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Inter', sans-serif!important;
    font-weight: 600;
}

p {
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    color:#464646;
}
.copyright.show {
    display: none!important;
}
.blue-text{
	color: #0088FF;
  font-weight: 800;
}
.banner-text {
    max-width: 1140px; /* match your site's container width */
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;  /* small padding for breathing room */
    padding-right: 20px;
} 
.footer-form input[type="email"] {
    border-radius: 30px;
    padding: 10px 15px;
}
.footer-form input[type=submit] {
    background-color: #0088FF;
    border: none;
    color: #fff;
    border-radius: 20px;
    padding: 10px 40px;
    margin-top: 10px;
}
span.black-text {
    color: #000;
}
/* Make banner text align with site container */
.banner-text {
    max-width: var(--container-max-width, 1140px)!important;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px; /* Matches Elementor default container padding */
    padding-right: 15px;
    box-sizing: border-box;
}
span.smallblacktext {
    font-size: 30px;
    font-weight: 600;
} 



/* Wrapper */
.cform-wrapper {
  max-width: 100%;
}

/* Groups */
.cform-group {
  margin-bottom: 15px;
}

/* Flex for two-column fields */
.cform-flex {
  display: flex;
  gap: 15px;
}

/* Fields */
.cform-field {
  flex: 1;
}

.cform-field input,
.cform-field textarea {
  width: 100%;
  padding: 12px;
  border: 1px solid #dcdcdc;
  border-radius: 6px;
  font-size: 15px;
  box-sizing: border-box;
}

/* Textarea styling */
.cform-field textarea {
  min-height: 100px;
  resize: vertical;
}

/* Submit button */
.cform-wrapper input[type="submit"] {
  background: #0088ff;
  color: #fff;
  border: none;
  border-radius: 6px;
  padding: 14px;
  width: 100%;
  cursor: pointer;
  font-size: 16px;
  font-weight: 600;
  transition: background 0.3s ease;
}
.cform-wrapper span.wpcf7-spinner {
    position: absolute;
    left: 0;
    right: 0;
}

.cform-wrapper input[type="submit"]:hover {
  background: #006fd6;
}

.description-icon a {
	color: #000000;
	font-weight: bold;
}
.contact-page-form input[type="text"],
.contact-page-form input[type="email"],
.contact-page-form input[type="tel"],
.contact-page-form textarea {
    border: 1px solid #CDE3FF;
    border-radius: 5px; /* optional */
}
.w-text p {
    color: #fff;
}
.blog-list .elementor-post__text {
    min-height: 200px;
}
.blog-list article {
    margin-bottom: 20px!important;
}
.price-value span {
    font-weight: normal;
    font-size: 16px;
    color: #000;
}

.typewriter {
  display: inline-block;
  overflow: hidden;
  vertical-align: bottom;
  border-right: 2px solid #007bff; /* cursor */
  white-space: nowrap;
  max-width: 0;
  animation: typing 3s steps(20, end) infinite,
             blink-caret .75s step-end infinite;
}

/* typing effect (always left → right) */
@keyframes typing {
  0% { max-width: 0 }
  80% { max-width: 100% }   /* fully typed */
  100% { max-width: 0 }     /* reset instantly */
}

/* cursor blink */
@keyframes blink-caret {
  from, to { border-color: transparent }
  50% { border-color: #007bff }
}
 

/* media query starts */
@media (min-width: 320px) and (max-width: 767px) {
    .business-card {
        width: 100%;   /* adjust as needed */
        margin: 0 auto;
    }
    .banner-text .e-con-inner {
    background: rgba(255,255,255,0.7);
    padding: 20px!important;
   }
  }
/* Responsive: stack fields on small screens */
@media (max-width: 600px) {
  .cform-flex {
    flex-direction: column;
  }
} 
@media (min-width: 768px) and (max-width: 1024px) {
    .business-card {
        width: 90%!important;
        margin: 0 auto!important;
    } 
    .banner-text .e-con-inner {
    background: rgba(255,255,255,0.7);
    padding: 20px!important;
     }
  } 
