/****************************
 *       custom by dp       *
 *       Azzle stuff        *
 ****************************/



#auca-steps-section {
	background-color: var(--heading-bg);
	border-radius: 25px;
}

.steps-iconbox-column {
	display: none;
	visibility: hidden;
	font-family: "Google Sans Flex";
/* 	background-color: var(--heading-bg); */
	color: var(--light-color);
	display: grid;
	gap: 2px;
	overflow: hidden;
	border-radius: 10px;
	grid-template-columns: repeat(3, 1fr);
	
	.iconbox-wrap {
		padding: 30px 20px;
		transition: all 0.4s;
	}
	
	.enum-number {
		text-align: left;
		h1 {
			color: var(--accent-color); 
			font-weight: bold;
			font-size: 4em;
		}
	}
	.azzle-iconbox-content h3 {
		color: var(--light-color);
		margin-top: 2px;
		padding-top: 2px;
	}
		
}


/* wip  */
.steps-iconbox-start {
	background-color: pink;
	border-radius: 10px;
	background-color: var(--heading-bg);
	color: var(--light-color);
	
	.iconbox-wrap {
		padding: 30px 20px;
		transition: all 0.4s;
	}
	
	.enum-number {
		text-align: left;
		h1 {
			color: var(--accent-color); 
			font-weight: bold;
			font-size: 4em;
		}
	}
	
	.azzle-iconbox-content {
		color: var(--light-color);
		margin-top: 2px;
		padding-top: 2px;
		h3 {
			color: var(--light-color);
		}
	}
}

.azzle-breadcrumb-content h1 {
	font-family: "Google Sans Flex";
}
.azzle-hero-dashboard {
	text-align: center;
	img {
		width: 100%;
	}
}

#preloader {
	background: transparent;
}
.bajada {
	margin-top: 1.45em;
}
.azzle-hero-section {
	padding-bottom: 1px;
	.container .divider {
		border-bottom: none;
	}
} 
.azzle-hero-section, .azzle-footer-section  {
	background-color: rgba(230, 234, 236, 1) !important;
	.azzle-hero-shape img, .azzle-footer-shape img {
		/* filter: hue-rotate(180deg); */
	}
}

.azzle-hero-content1, .core-features, .feature-one, .feature-two,
.azzle-video-content, .pricing, .faq-section {
	h2 {
		font-family: 'Google Sans Flex' !important;
		font-size: 2.75em;
		font-weight: 600;
	}
	
	p {
		font-family: 'Google Sans Flex' !important;
	}
}

#carousel-landing {
	.slick-track {
		img {
			border-radius: 20px;
		}
	}


	/* All styling takes place on the label element */
	ul.slick-dots {
		display: inline-block;
		li {
			display: inline;
			width: 75%;
			position: relative;
			top: -2em;
			button {
				display: inline;
				background: var(--auca-orange);
				overflow: hidden;
				text-indent: -999px;
				border-radius: 100%;
				border: solid 1px  var(--auca-orange);
				width: 10px;
				height: 10px;
				box-shadow: inset 0 1px 1px 0 #999;
				margin: 0 0.6em 0 0.6em; 
			}
		}
	}
	
}

.azzle-core-value-section, .core-value-section {
	padding-top: 3em;
	padding-bottom: 3em;
	.title-beneficios {
		width: 100%;
		h2 {
			text-align: center;
			color: var(--light-color);
		}
	}
	.azzle-core-value-column {
		gap: 24px;
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		border-top: 5px solid var(--variable-color2);
	}
}


.core-features .azzle-iconbox-column {
	grid-template-columns: repeat(3, 1fr);
	border: none;
	background-color: #FFF;
	.azzle-iconbox-wrap {
		border: none;
	}
}

.final-cta {
	text-align: center;
	padding-top: 4em;
	padding-bottom: 4em;
}

.azzle-core-value-section .azzle-core-value-column {
	padding-left: 2em !important;
}
.azzle-mobile-menu *, .azzle-mobile-menu-btn, a.azzle-default-btn {
	text-transform: none !important;
}

.azzle-footer-bottom-text {
	p {
		font-size: 66%;
	}
}

/* Para don mañoso A3 */

.azzle-faq-body a {
	color: #3A4E62;
	text-decoration: underline;
	&:hover {
		color: #000;
		transition: all 0.4s ease-in-out;
	}
}

.super8 {
	.col-12 {
		display: content;
		max-width: 1152px;
		margin-bottom: 0.66em;
	}
	.col-4 {
		max-width:250px;
	}
	
	.col-8 {
		max-width:900px;
	}
	
	.azzle-team-thumb {
		vertical-align: middle;
		height: 100%;
	}
	.wrap2 {
		padding: 0 1em 0 0;  
	}
	
	.thumb {
		padding: 0;
		.azzle-team-thumb {
			border-radius: 10px 0 0 10px;
		}
	}
	.text {
		h3 {
			margin-top: 0.66em;
			padding: 0.5em  0.5em 0.5em 0.5em;
			font-size: 1.2em;
		}
		p {
			padding: 0 0.5em 0.5em 0.5em;
			font-size: 0.8em;
			min-height: calc(5.3rlh);
		}
	}
	
}