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

.carousel-client .elementor-image-carousel .swiper-slide-image{
	padding: 30px 20px;
    height: 100px;
}

.carousel-client .elementor-image-carousel{
	margin-bottom:30px;
}

/* ------------------------------------------------------------------------------------------------------------------- */
.subscribe-btn .email-form {
  position: relative;
  width: 100%;
  max-width:400px;
  display: flex;
  align-items: center; /* Vertically align items (input and button) */
}

.subscribe-btn .email-form input[type="email"] {
  width: 100%;
  padding: 10px 60px 10px 10px; /* Adjust padding to avoid gap on the right */
  font-size: 16px;
  border: 2px solid white;
  border-radius: 30px; /* Rounded corners */
  background-color: transparent; /* Transparent background */
  color: white; /* Text color white */
  height: 54px; /* Set height of the input to 54px */
  margin-right: 0; /* Remove space between the input and the button */
  box-sizing: border-box; /* Ensures padding and borders are included in width/height calculation */
}

.subscribe-btn .email-form input[type="email"]::placeholder {
  color: white; /* Placeholder text color */
}

.subscribe-btn .submit-btn {
  position: absolute;
  top: 40%;
  right: 0px; /* Align button to the right edge of input */
  transform: translateY(-50%);
  width: 54px; /* Adjust button width */
  height: 54px; /* Adjust button height */
  background-color: white; /* White background for the button */
  color: #E70344; /* Arrow color */
	border:none;
  border-radius: 50%; /* Circular button */
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  font-size: 24px; /* Adjust font size to fit the circle */
  z-index: 2; /* Ensures the button stays on top */
}

.subscribe-btn .submit-btn:hover {
  background-color: #f0f0f0; /* Slightly lighter background on hover */
}

.subscribe-btn .arrow {
  font-size: 18px; 
}
.subscribe-btn .wpcf7-not-valid-tip {
	color: white;
	position:absolute;
}

/* ------------------------------------------------------------------------------------------------------------------- */


.project{
	opacity:0;
}
.project-image:hover .project{
	opacity:1;
}
@media screen and (max-width: 992px) {
  	.project{
		opacity:1 !important;
	}
}
.project-style-1:hover .project-1{
	border-bottom:6px solid #E70344 !important;
}

.footer-1 .elementor-button-icon svg {
    width: 50px !important;
}
.footer-1 .elementor-button-text {
	display:flex;
	align-items: center;
}

/* -------------------------------------------------------------------------------------------------------------------------------- */
/* Style for the submit button */
.contact-us .submit-btn {
    background-color: #E70344; /* Button background color */
    color: white; /* Button text color */
    height: 60px; /* Button height */
    border: none; /* No border */
    border-radius: 5px; /* Rounded corners */
    font-size: 16px; /* Text size */
    font-weight: bold; /* Bold text */
    cursor: pointer; /* Pointer cursor on hover */
    padding: 0 20px; /* Horizontal padding for text and icon */
    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-color: #d0023b; /* Darker shade on hover */
}

.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: 60px;
    width: 100%;
    background-color: white;
    border: none;
    border-radius: 5px;
    font-size: 16px;
    padding: 10px;
    margin-bottom: 22px; /* Gap between inputs */
}

/* Textarea */
.contact-us textarea {
    height: 160px;
    width: 100%;
    background-color: white;
    border: none;
    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;
}


/* --------------------------------------------------------------------------------------------------------------  */



.nav-bg-color{
	background-color:#E70344;
}
.nav-bg-color .elementor-button{
	border-width:2px !important;
	border-color:white !important;
}
.nav-bg-color .elementor-button{
	border-width:2px !important;
	border-color:white !important;
}

.nav-bg-color .elementor-button:hover{
	color:#0E0F63 !important;
	border-width:2px !important;
	border-color:#0E0F63 !important;
}

.nav-bg-color .elementskit-navbar-nav > li > a:hover {
    color: #0E0F63 !important;
}