/*
 Theme Name: extendedIDEA
 Theme URI: https://extendedidea.com
 Description: Divi Child Theme
 Author: Salim Hariz
 Author URI: https://extendedidea.com
 Template: Divi
 Version: 1.0.0
*/
 
/* =Theme customization starts here
------------------------------------------------------- */


/* Lottie CSS */
/* Stage defines size and aspect ratio */
/* ===== HERO LOTTIE SEQUENCE STYLES ===== */

/* The stage defines the visible area and ratio */
.hero-lottie-stage{
  position: relative;
  width: 100%;
  max-width: 520px;        /* tune to fit your hero column */
  height: auto;
  padding-top: 62.5%;      /* 16:10 fallback ratio (0.625) */
  overflow: hidden;
}

/* Modern browsers: swap to aspect-ratio */
@supports (aspect-ratio: 16/10){
  .hero-lottie-stage{
    padding-top: 0;
    aspect-ratio: 16/10;
  }
}

/* All animation containers overlap exactly */
.hero-lottie-stage .lottie-box{
  position: absolute;
  inset: 0;
  display: none;
  opacity: 0;
  transition: opacity .25s ease;
}

/* Only the active one is visible */
.hero-lottie-stage .lottie-box.is-active{
  display: block;
  opacity: 1;
}




/* Lottie CSS */

/* Common CSS */
h1, h2, h3, h4, h5, h6{ color:#171717; }
h1 span, h2 span, h3 span, h4 span, h5 span{ color:#ef0f6d;}
h1 { font-size: 64px !important; line-height:1.3em }
h2 { font-size: 42px !important; }
h3 { font-size: 28px !important; }

a.text-link:hover{
	color:#171717;
	transition-duration:.5s;
}

.et_pb_row {
  width: 80% !important;
  max-width: 80% !important;
}

/*  Cross Section */
.services-section {     
	background-color:#f6f9fc;
	width: 100%;
	min-height: 100vh;
	position: relative;
	padding: 120px 0;
	overflow: hidden;
	clip-path: polygon(0 12%, 100% 0%, 100% 88%, 0% 100%);
	margin: 80px 0;
}

.services-section::before {
	content: '';
	position: absolute;
	top: -20px;
	left: -20px;
	right: -20px;
	bottom: -20px;
	background: linear-gradient(135deg, #ef0f6d 0%, #1e40af 70%, #1e3a8a 100%);
	z-index: -1;
}
/* Cross Section */

/* Form Styles */ 
.wpcf7-form input, .wpcf7-form select{
	width:100%;
	padding:12px 10px;
	font-size:16px;
	border: 1px solid #bbb;
}
.wpcf7-form input:focus, .wpcf7-form select:focus{
	border-color: #ef0f6d;
	outline: none; /* Removes the default browser outline */
	box-shadow:5px 5px 0px 0px rgba(0, 0, 0, 0.3);
	transition-duration:.5s;
}
.wpcf7-form input[type='submit']{
	background-color:#ef0f6d;
	color:#fff;
	box-shadow: 5px 5px 0px 0px rgba(0, 0, 0, 0.3);
}
.wpcf7-form input[type='submit']:hover{
	background-color:#171717;
}

.et_pb_blurb_content img{
	transition-duration:.5s;
}
.et_pb_blurb_content:hover img{
	transform:scale(1.2);
}

/* Landing page forms */
.landing-page-forms{

}
.landing-page-forms input{
	margin-bottom:20px;
	font-size:14px;
}
.cf7-consent-row .wpcf7-list-item.last{ margin-left:0;}
.cf7-consent-text { font-size:12px; }

/* Mobile sizing */
@media (max-width: 767px){
  .hero-lottie-stage{
    max-width: 320px;
  }

	h1 { font-size: 40px; }
	h2 { font-size: 28px; }
	h3 { font-size: 20px; }
	
}