/*
Theme Name: swarmlens Technology Solutions
Author: Aatoon Solutions LLP
Author URI: https://www.aatoon.com/
Version: 1.0
 */

/* -------------------------------------------------------------------------------------------------------------------------------- */
/* Style for the submit button */
.contact-us .submit-btn {
    background-color: #02062C !important;
    color: white; /* Button text color */
    border: none; /* No border */
    border-radius: 200px;
    padding: 16px 24px;
    font-size: clamp(14px, 4vw, 16px);
    font-weight: bold; /* Bold text */
    cursor: pointer; /* Pointer cursor on hover */
    display: inline-flex; /* Align text and icon */
    align-items: center; /* Center text and icon vertically */
    justify-content: center; /* Center text and icon horizontally */
    transition: background-color 0.3s ease; /* Smooth color transition on hover */
}

/* Add space between the text and the icon */
.contact-us .submit-btn i {
    margin-left: 10px; /* Space between text and icon */
}

/* Hover effect for the submit button */
.contact-us .submit-btn:hover {
   background: linear-gradient(to bottom, #11FEA7 0%, #01A6F3 100%);
   transition: background 0.3s ease;
}

.contact-us .submit-btn br{
	display:none;
}

/* Input fields */
.contact-us input[type="text"], 
.contact-us input[type="email"], 
.contact-us input[type="tel"] {
    height: 50px;
    width: 100%;
    background-color: #00000000;
	color:white;
    border: none;
	border-bottom: 1px solid #383838;
    border-radius: 5px;
    font-size: 16px;
    padding: 10px;
    margin-bottom: 22px; /* Gap between inputs */
}

/* Textarea */
.contact-us textarea {
    height: 130px;
    width: 100%;
    background-color: #00000000;
	color:white;
    border: none;
	border-bottom: 1px solid #383838;
    border-radius: 5px;
    font-size: 16px;
    padding: 10px;
    margin-bottom: 22px; /* Gap between inputs */
}

/* Placeholder text */
.contact-us input::placeholder, 
.contact-us textarea::placeholder {
    font-size: 16px;
}

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

    .popup {
      background: #0a031c;
      padding: 20px;
      border-radius: 8px;
      width: 100%;
      box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
      position: relative;
      animation: fadeIn 0.3s ease;
    }

    .close-btn {
      position: absolute;
      top: 10px;
      right: 10px;
      border: none;
      background: none;
      font-size: 20px;
      cursor: pointer;
    }

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

.elementskit-navbar-nav>li.current-menu-item>a{
	text-decoration: none !important;
}