html, body {
	max-width: 100% !important;
	overflow-x: hidden !important;
}
.elementor-button-icon{
 		background-color:rgba(255,255,255,.1);
		padding:12px;
		border-radius:50px;
		margin-left:20px;
}

.elementor-button-content-wrapper{
		display: flex;
    align-items: center;
		justify-content: space-between;
		
}

.top-section {
  position: relative;
  overflow: hidden;
}

.top-section::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;  /* adjust size */
  height: 100%;
  background: url("https://alexmohan.com/wp-content/uploads/2025/09/circleround1-scaled.png") no-repeat center;
  background-size: contain;
  transform: translate(-50%, -50%);
  z-index: 200;   /* keeps it behind text */
  animation: spin 60s linear infinite; /* optional if you want it rotating */
}

@keyframes spin {
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}


/* contact form---------------------------------------------contact form */


.newform .email-wrapper {
}

.newform input.wpcf7-form-control.wpcf7-submit.has-spinner {
    position: absolute;
    top: 4px;
    right: 4px;
		height: 56px;
		border-radius: 60px;
			 background: linear-gradient(90deg, #2563eb, #1138b8);
  color: #fff;
  transition: all 0.3s ease;
		border:none;
}


.newform .wpcf7 input[type="url"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"] {
    direction: ltr;
    width: 450px;
		height: 64px;
    border-radius: 64px;
		padding-right: 200px;
	
}
.newform input.wpcf7-form-control.wpcf7-submit.has-spinner:hover {
		 background: linear-gradient(90deg, #1e40af, #1138b8);
}


/*----------------------------------section 2-----------------------------------------*/

/* Purple blob left */
.purple-blob::before {
  content: "";
  position: absolute;
  top: 30%;
  left: -150px;
  width: 300px;
  height: 300px;
  background: rgba(138, 43, 226, 0.3); /* Purple */
  border-radius: 50%;
  filter: blur(120px);
  animation: floatY 6s ease-in-out infinite;
  z-index: 0;
}

/* Blue blob right */
.blue-blob::after {
  content: "";
  position: absolute;
  bottom: 20%;
  right: -180px;
  width: 350px;
  height: 350px;
  background: rgba(30, 144, 255, 0.3); /* Blue */
  border-radius: 50%;
  filter: blur(130px);
  animation: floatYreverse 8s ease-in-out infinite;
  z-index: 0;
}

@keyframes floatY {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-30px); }
}
@keyframes floatYreverse {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(40px); }
}





/*----------------------------------section 3-----------------------------------------*/
.interactive-card2 {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 20px;
  transition: all 0.4s ease;
  backdrop-filter: blur(10px);
}

.interactive-card2:hover {
  transform: scale(1.05) rotate(1deg);
  box-shadow: 0 0 40px rgba(0, 140, 255, 0.05);
  background: rgba(255, 255, 255, 0.05);
}


.interactive-card {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 20px;
  padding: 30px;
  transition: all 0.4s ease;
  backdrop-filter: blur(10px);
}

.interactive-card:hover {
  transform: scale(1.05) rotate(1deg);
  box-shadow: 0 0 40px rgba(0, 140, 255, 0.05);
  background: rgba(255, 255, 255, 0.05);
}


.sub-text{
font-size: 16px;
font-weight: 300;
}



.contactform .email-wrapper {
}

.contactform input.wpcf7-form-control.wpcf7-submit.has-spinner {
 
		height: 56px;
			 background: linear-gradient(90deg, #2563eb, #1138b8);
  color: #fff;
  transition: all 0.3s ease;
		border:none;
		width:100%;
}


.contactform .wpcf7 input[type="url"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"], input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
    direction: ltr;
    width: 100%;
		height: 64px;
    border-radius: 64px;
		padding-right: 200px;
	
}
.contactform input.wpcf7-form-control.wpcf7-submit.has-spinner:hover {
		 background: linear-gradient(90deg, #1e40af, #1138b8);
}



/*------------------------------------------------------------------section 3----------------------------------------------------------------------*/


.herosec2{
		max-width:1440px;
}
.swiper-wrapper {
  transition-timing-function: linear !important; 
}

.steps{
width:45px;
		height:45px;
}



.vert-move {
    -webkit-animation: mover 2s infinite  alternate;
    animation: mover 2s infinite  alternate;
}

@keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
}


.vert-move2 {
    -webkit-animation: mover 1s infinite  alternate;
    animation: mover 1s infinite  alternate;
}

@keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
}

.vert-move3 {
    -webkit-animation: mover 2s infinite  alternate;
    animation: mover 2s infinite  alternate;
}

@keyframes mover {
    0% { transform: translateY(-10px); }
    100% { transform: translateY(0); }
}


a.inline-flex.items-center.px-4.py-2.mt-8.border.border-transparent.text-lg.font-semibold.rounded-full.focus\:outline-hidden.focus\:ring-0.focus\:ring-offset-0.focus\:ring-gray-500.text-white.bg-gray-700.hover\:opacity-80.custom-button-background-color.custom-button-text-color {
    display: none !important;
}