/*
Theme Name: iammichf Elementor Theme
Theme URI: https://iammichf.site
Author: Michelle Fernandez
Author URI: https://iammichf.site/
Description: Minimal Elementor theme for the iammichf portfolio site. Clean, fast, SEO-ready.
Version: 1.0.0
Text Domain: iammichf-elementor-theme
*/

html {
	max-width: 1920px;
	margin: 0 auto;
	border-left: 1px solid rgba(245, 240, 232, 0.08);
	border-right: 1px solid rgba(245, 240, 232, 0.08);
}

html, body {
	overflow-x: clip;
}

*, *::before, *::after {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

p, span {
	font-family: "Syne", Sans-serif !important;
}

strong {
	color: #F5F0E8 !important;
	font-weight: 600 !important;
}

div#aiFabShadowRoot {
	display: none;
}

.reveal.show {
	opacity: 1 !important;
	transform: none !important;
}

.reveal {
	opacity: 0 !important;
	transform: translateY(24px) !important;
	transition: opacity .7s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

header {
	position: fixed !important;
	top: 0;
	z-index: 999;
	background-color: rgba(0, 0, 0, .85);
	left: 1px !important;
	right: 1px !important;
	max-width: 1918px;
	margin: 0 auto;
}

.logo-container {
	display: block !important;
	height: 40px !important;
}

.logo-container .iammichf-logo {
	display: inline-block !important;
}

.dev-cont {
	margin-top: 1rem;
}

.hero-tagline {
    font-style: italic;
    color: #6ebe3b;
    font-family: "Playfair", Sans-serif !important;
    font-size: 1.25rem !important;
    margin-top: 1rem;
}

.hero-desc span.txt-white {
    font-family: "Playfair", Sans-serif !important;
    font-size: 1.25rem !important;
    color: #F5F0E8 !important;
    border-left: none !important;
    padding-left: 0 !important;
    display: inline-block !important;
}

.dev-cont p.dev-name, .dev-cont p.dev-role {
	color: #F5F0E8;
}

.contact_btn {
	background-color: #429a39;
	border-radius: .25rem !important;
	transition: background .25s !important;
}

.contact_btn:hover, .btn-cta-contact a:hover, .btn-cta-work a:hover {
	background-color: #6EBE3B !important;
	cursor: pointer !important;
}

.contact_btn a {
	color: #f5f0e8 !important;
	padding: .85rem 1.25rem !important;
}

span.hero-tag-dot {
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #429A39;
	animation: blink 2s infinite;
	margin-right: .6rem;
	display: inline-block;
}

@keyframes blink {
	0%, 100% {
		opacity: 1;
	}

	50% {
		opacity: .3;
	}
}

.elementor-item:after, .elementor-nav-menu:after {
	display: none !important;
}

.hero-heading h1 {
	font-size: clamp(3.5rem, 9vw, 9rem) !important;
	max-width: 900px !important;
}

.hero-heading h1 em {
	font-style: italic;
	color: #6EBE3B;
}

.hero-desc span {
	display: block !important;
	border-left: 2px solid rgba(245, 240, 232, 0.14) !important;
	padding-left: 1.5rem !important;
}

.stat {
	border-top: 1px solid rgba(245, 240, 232, .14);
	padding-top: 1rem;
	margin: auto !important;
}

.stat-l {
	font-family: Syne !important;
	font-size: .72rem !important;
	font-weight: 600 !important;
	letter-spacing: .1em !important;
	text-transform: uppercase !important;
	color: #7a7770 !important;
	margin-top: .3rem !important;
}

.ticker {
	border-top: 1px solid rgba(245, 240, 232, .1);
	border-bottom: 1px solid rgba(245, 240, 232, .1);
	padding: .875rem 0;
	overflow: hidden;
	white-space: nowrap;
}

.ticker-track {
	display: inline-flex;
	animation: tick 28s linear infinite;
}

.ticker-item {
	font-family: Syne !important;
	font-size: .72rem;
	font-weight: 700;
	letter-spacing: .14em;
	text-transform: uppercase;
	color: #7A7770;
	padding: 0 2.5rem;
}

.ticker-sep {
	color: #429a39;
}

@keyframes tick {
	from {
		transform: translateX(0);
	}

	to {
		transform: translateX(-50%);
	}
}

#proof {
	gap: 0 6rem !important;
}

#proof:last-child {
	border-bottom: 1px solid rgba(245, 240, 232, 0.08) !important;
	padding-bottom: 10rem;
	margin-bottom: 0 !important;
}

.proof-heading h2 {
	font-size: clamp(2.2rem, 4vw, 4rem) !important;
	margin-bottom: 2.5rem;
}

.proof-body {
	font-size: 1rem;
	font-weight: 400 !important;
	color: #7A7770 !important;
	line-height: 1.8 !important;
	margin-bottom: 1.5rem !important;
	letter-spacing: normal;
}

.proof-clients div {
	font-family: 'Syne' !important;
	display: block;
	border-left: 1px solid rgba(245,240,232,.14);
	padding-left: 1.5rem;
}

.proof-clients div.client-item:not(:last-child) {
	padding-bottom: 1rem;
}

.client-item {
	font-size: .875rem;
	color: #7A7770 !important;
}

.big-quote h3 {
	font-size: clamp(1.4rem, 3vw, 2rem) !important;
	padding: 3rem !important;
	background: #131210 !important;
	border-radius: .5rem;
	border-left: 3px solid #429a39;
	margin-bottom: 3rem;
}

.skills-wrap {
	display: flex;
	flex-wrap: wrap;
	gap: .5rem;
}

.skill-pill {
	font-family: Syne !important;
	font-size: .72rem;
	font-weight: 700;
	letter-spacing: .08em;
	text-transform: uppercase;
	border: 1px solid rgba(245,240,232,.14);
	color: #7A7770;
	padding: .35rem .85rem;
	border-radius: 2rem;
	transition: border-color .2s, color .2s;
}

.skill-pill:hover {
	border-color: #429a39 !important;
	color: #F5F0E8 !important;
}

#services {
	padding-bottom: 8rem !important;
	--widgets-spacing: 0 !important;
	--widgets-spacing-row: 0 !important;
	--widgets-spacing-column: 0 !important;
}

.services-heading h2 {
	font-size: clamp(2.2rem, 5vw, 5rem) !important;
}

.services-sub {
	max-width: 300px;
}

.services-sub p {
	font-weight: 400 !important;
}

.services-header {
	display: flex !important;
	justify-content: space-between !important;
	align-items: flex-end !important;
	padding-top: 5rem !important;
	padding-bottom: 4rem !important;
	flex-wrap: wrap !important;
	gap: 2rem !important;
}

.service-row:not(:first-child) {
	display: grid !important;
	grid-template-columns: 60px 1fr auto !important;
	align-items: start !important;
	gap: 2rem !important;
	padding: 2.5rem 1.5rem!important;
	border-top: 1px solid rgba(245, 240, 232, .14) !important;
	position: relative !important;
	cursor: default !important;
	;
}

.service-row::before {
	content: '' !important;
	position: absolute !important;
	left: -4rem !important;
	right: -4rem !important;
	top: 0 !important;
	bottom: 0 !important;
	background: #131210 !important;
	opacity: 0 !important;
	transition: opacity .3s !important;
	pointer-events: none !important;
	width: initial !important;
}

.service-row:hover::before {
	opacity: 1 !important;
}

.svc-title {
	font-size: 1.3rem;
	font-weight: 700;
	letter-spacing: -0.01em;
	margin-bottom: .5rem;
	color: #F5F0E8 !important;
}

.svc-text {
	font-size: .9rem !important;
	font-weight: 400 !important;
	color: #7A7770 !important;
	line-height: 1.7!important;
	max-width: 600px !important;
}

.svc-num {
	font-size: 1.25rem !important;
}

.svc-tag {
	font-family: 'Syne' !important;
	font-size: .7rem !important;
	font-weight: 700 !important;
	letter-spacing: .1em !important;
	text-transform: uppercase !important;
	border: 1px solid rgba(245, 240, 232, .14) !important;
	color: #7A7770 !important;
	padding: .5rem .75rem !important;
	border-radius: 2rem !important;
	white-space: nowrap !important;
	align-self: center !important;
}

.wp-caption img {
	height: 250px !important;
	object-fit: cover;
	object-position: top;
}

.wp-caption figcaption {
	padding: 20px !important;
}

.post-grid {
	display: grid !important;
	grid-template-columns: repeat(3, 1fr) !important;
	gap: 1.5rem !important;
}

.port-info {
	flex: 1;
	display: flex;
	flex-direction: column;
}

.port-year {
	font-size: .7rem !important;
	font-weight: 700 !important;
	letter-spacing: .12em !important;
	text-transform: uppercase !important;
	color: #429a39 !important;
	margin-bottom: .5rem !important;
}

.port-title {
	font-family: "Playfair", Sans-serif !important;
	font-size: 1.3rem !important;
	font-weight: 700 !important;
	color: #F5F0E8 !important;
	margin-bottom: .4rem !important;
}

.port-desc {
	font-size: .9rem !important;
	color: #7A7770 !important;
	line-height: 1.6 !important;
	flex: 1 !important;
	font-weight: 400 !important;
	;
}

.port-card {
	background: #1A1916 !important;
	border: 1px solid rgba(245,240,232,0.08) !important;
	border-radius: .5rem !important;
	overflow: hidden !important;
	text-decoration: none !important;
	display: flex !important;
	flex-direction: column !important;
	transition: border-color .3s, transform .35s cubic-bezier(0.22,1,0.36,1) !important;
}

.port-card:hover {
	border: 1px solid rgba(245, 240, 232, .15) !important;
	border-radius: .5rem !important;
}

.port-info-padding {
	padding: .5rem;
}

.port-footer-padding {
	padding: .25rem;
}

.port-role {
	font-weight: 600 !important;
	letter-spacing: .06em !important;
	text-transform: uppercase !important;
	color: #7A7770 !important;
	border: 1px solid rgba(245, 240, 232, 0.08) !important;
	border-radius: .5rem !important;
	min-width: fit-content !important;
}

.port-link {
	display: block;
	width: 100% !important;
	text-align: right;
}

.port-footer {
	font-size: .75rem !important;
	display: flex !important;
	align-items: center;
	justify-content: space-between;
	padding-top: 1rem;
}

figure.wp-caption:hover {
	opacity: 50%;
	cursor: pointer;
	;
}

#hire-me {
	gap: 0 6rem !important;
}

span.avail-dot {
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #429A39;
	animation: blink 2s infinite;
	margin-right: .6rem;
	display: inline-block;
}

.avail-pill div {
	display: inline-flex;
	align-items: center;
	gap: .5rem;
	background: rgba(63, 160, 80, .12);
	border: 1px solid rgba(63, 160, 80, .25);
	padding: .4rem 1rem;
	border-radius: 2rem;
	margin-bottom: 2rem;
	height: inherit !important;
}

.contact-heading h2 {
	font-size: clamp(3rem, 6vw, 6.5rem) !important;
}

.contact-heading h2 em {
	color: #429a39 !important;
}

.contact-perks {
	display: flex !important;
	flex-direction: column !important;
	gap: 1.25rem !important;
	margin-top: 2rem !important;
}

.perk {
	display: flex !important;
	align-items: flex-start !important;
	gap: 1rem !important;
}

.perk-icon {
	width: 36px !important;
	height: 36px !important;
	border-radius: .35rem !important;
	background: #131210 !important;
	border: 1px solid rgba(245,240,232,0.14) !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	font-size: .9rem !important;
	flex-shrink: 0 !important;
}

.perk-text {
	font-size: .9rem !important;
	color: #7A7770 !important;
	line-height: 1.6 !important;
}

label {
	font-size: .72rem !important;
	font-weight: 700 !important;
	letter-spacing: .1em !important;
	text-transform: uppercase !important;
	color: #F5F0E8 !important;
	padding-bottom: .75rem !important;
}

.contact-form form div div {
	margin-bottom: 1.25rem !important;
}

input, textarea {
	font-family: 'Syne',system-ui,sans-serif !important;
	font-size: .95rem !important;
	background: #131210 !important;
	border: 1px solid rgba(245,240,232,0.14) !important;
	border-radius: .35rem !important;
	padding: .85rem 1rem !important;
	color: #F5F0E8 !important;
	transition: border-color .2s !important;
	outline: none !important;
	width: 100% !important;
}

input::placeholder, textarea {
	font-weight: 300 !important;
	color: rgba(245,240,232,0.25) !important;
}

form button {
	flex-basis: inherit !important;
}

form button:hover {
	background: #429A39 !important;
	transform: translateX(10px);
	cursor: pointer;
}

footer {
	border-top: 1px solid rgba(245, 240, 232, 0.08) !important;
	padding: .5rem 4rem !important;
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	font-size: .8rem !important;
	color: #7A7770 !important;
	flex-wrap: wrap !important;
	gap: 1rem !important;
}

form .elementor-message.elementor-message-success.elementor-message-svg {
	font-family: 'Syne', system-ui, sans-serif !important;
	color: #F5F0E8 !important;
}

.cky-consent-bar {
    background-color: rgb(0 0 0 / 85%) !important;
}

.cky-consent-bar .cky-notice-content-wrapper {
    padding-bottom: 24px !important;
}

[data-cky-tag="powered-by"] div, [data-cky-tag="detail-powered-by"], [data-cky-tag="optout-powered-by"] {
    display: none !important;
}

.cky-consent-bar div:nth-child(2) {
    padding-bottom: .15rem !important;
}

button.cky-btn.cky-btn-reject, button.cky-btn.cky-btn-accept, button.cky-btn.cky-btn-preferences {
    background-color: #429a39 !important;
    border-color: transparent !important;
    border-radius: .2rem .2rem .2rem .2rem !important;
    font-family: "Syne", Sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.1em !important;
}

button.cky-btn.cky-btn-customize {
    font-family: "Syne", Sans-serif !important;
    color: #F5F0E8 !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.1em !important;
    border-radius: .2rem .2rem .2rem .2rem !important;
    background: #fff0 !important;
    border: 2px solid #F5F0E8 !important;
}

button.cky-btn.cky-btn-reject:hover, button.cky-btn.cky-btn-accept:hover {
    background-color: #6EBE3B !important;
}

button.cky-btn.cky-btn-customize:hover {
    color: #6EBE3B !important;
    border-color: #6EBE3B !important;
}

p.cky-title {
    font-family: "Playfair", Sans-serif !important;
    font-weight: 900 !important;
    line-height: .90 !important;
    letter-spacing: -0.04em !important;
    color: #F5F0E8 !important;
}

.cky-notice-des p {
    font-family: "Syne", Sans-serif !important;
    color: #7a7770 !important;
    line-height: 1.75 !important;
}

button.cky-accordion-btn, .cky-accordion-chevron i:before {
    font-family: "Playfair", Sans-serif !important;
    font-size: 1.25rem !important;
    color: #fff !important;
}

.cky-preference-body-wrapper p {
    font-family: "Syne", Sans-serif !important;
    font-size: 1rem !important;
    font-weight: normal !important;
    line-height: 1.75;
    color: #7a7770 !important;
}

.cky-switch input[type="checkbox"]:checked {
    background-color: #61ce70 !important;
    border-radius: .75rem !important;
    padding: .7rem 1rem .8rem 1rem !important;
}

.cky-switch input[type="checkbox"] {
    border-radius: .75rem !important;
    padding: .7rem 1rem .8rem 1rem !important;
}

.cky-switch input[aria-label="Enable Analytics"]:before {
    left: 2px !important;
}

.cky-switch input[aria-label="Disable Analytics"]:before {
    left: -8px !important;
}

span.cky-always-active {
    color: #61ce70 !important;
}

.cky-audit-table .cky-cookie-des-table {
    font-family: "Syne", Sans-serif !important;
    font-size: .8rem !important;
    font-weight: normal !important;
    line-height: 1.75 !important;
    color: #ffffff !important;
}

.cky-cookie-des-table li div:last-child {
    font-family: "Syne", Sans-serif !important;
    font-size: .8rem !important;
    font-weight: normal !important;
    line-height: 1.75 !important;
    color: #7a7770 !important;
}

button.cky-show-desc-btn, a.cky-policy {
    color: #429a39 !important;
}

button.cky-show-desc-btn:hover, a.cky-policy:hover {
    color: #429a39 !important;
    text-decoration: none !important;
}

.cky-btn-revisit-wrapper {
    background-color: #6EBE3B !important;
}

@media (max-width: 767px) {
	header div:first-child {
		padding-bottom: 0 !important;
	}

	.header-menu .elementor-menu-toggle {
		padding-left: 4rem;
		padding-right: 2rem;
	}

	header nav ul a, header nav li.contact_btn a {
		padding: 1rem 2.25rem !important;
	}

	.elementor-element.elementor-element-ce1b99b.e-con-full.e-flex.e-con.e-child {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	h1.elementor-heading-title br {
		display: none !important;
	}

	.elementor-4158 .elementor-element.elementor-element-5aba0d70 > .elementor-widget-container {
		margin: 2.5rem 1.5rem 1.5rem 2rem !important;
	}

	.hero-heading .elementor-widget-container {
		margin: 0rem 1.5rem 3rem 2rem !important;
	}
	
	.hero-tagline {
	    margin-top: 1.5rem !important;
	}
	
	.hero-desc span.txt-white {
	    line-height: 1rem !important;
	    padding-right: 0 !important;
	    display: block !important;
	}

	.hero-bottom-left {
		padding-top: 0 !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	span.elementor-heading-title {
		max-width: 100% !important;
		;
	}

	.btn-cta-contact .elementor-button-wrapper, .btn-cta-work .elementor-button-wrapper {
		text-align: center !important;
	}

	.btn-cta-contact .elementor-button, .btn-cta-work .elementor-button {
		min-width: 100% !important;
		margin-bottom: .85rem !important;
	}

	.stat {
		max-width: 100% !important;
	}

	.hero-desc span {
		max-width: 100% !important;
		padding-right: 1rem !important;
	}

	.hero-bottom {
		padding-bottom: 2rem !important;
	}

	.elementor-element.elementor-element-6eecec80.e-con-full.e-flex.e-con.e-parent {
		padding-top: 4rem !important;
	}

	div#about {
		padding-top: 6.5rem !important;
	}

	div#proof {
		margin-left: 0;
		margin-right: 0;
	}

	#proof:last-child {
		padding-top: 0.25rem !important;
	}

	.proof-body {
		margin-top: 1.5rem !important;
	}

	#about .elementor-widget-container {
		margin-left: 1.5rem !important;
		margin-right: 1.5rem !important;
	}

	.tech-skills {
		margin-top: 3rem !important;
	}

	.services-header {
		padding-top: 6.5rem !important;
		padding-left: 1.5rem !important;
		padding-right: 1.5rem !important;
	}

	#services {
		margin-bottom: 0 !important;
	}

	.service-row:not(:first-child) {
		gap: 0rem !important;
	}

	.svc-tag {
		display: none !important;
	}

	.service-row .post-grid.elementor-widget.elementor-widget-heading {
		display: block !important;
	}

	.svc-title {
		margin-bottom: 1.5rem !important;
	}

	.svc-num .elementor-widget-container {
		padding-top: 0 !important;
	}

	div#work {
		padding-top: 7rem !important;
		padding-left: 2rem !important;
		padding-right: 2rem !important;
	}

	#work div.post-grid {
		display: block !important;
	}

	.port-footer {
		display: inline-block !important;
		width: 100% !important;
		padding-top: 1.5rem !important;
		margin-bottom: 1.25rem !important;
	}

	.port-footer div:first-child {
		display: inline-block !important;
		width: 75%;
	}

	.port-footer div:nth-child(2) {
		display: inline-block !important;
		width: 25%;
	}

	.services-heading div.elementor-widget-container {
		margin-bottom: 1.5rem !important;
	}

	.wp-caption img {
		height: inherit !important;
	}

	.port-card:not(.port-card.port-role) {
		margin-bottom: 3rem !important;
	}

	#work .port-year {
		margin-top: 1rem;
	}

	#work .port-title div:not(.port-footer) {
		margin-top: 1.5rem !important;
	}

	#work span.port-card.port-role {
		margin-top: 0 !important;
		width: fit-content;
		padding: .05rem !important;
	}

	span.port-card.port-role {
		margin-bottom: 2rem !important;
	}

	#hire-me {
		padding-top: 6.25rem !important;
		padding-left: 1.5rem !important;
		padding-right: 1.5rem !important;
	}

	#hire-me .cta-contact {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
}

@media (max-width: 599px) {
	#proof:last-child {
		padding-bottom: 8rem !important;
	}
}

@media (min-width: 601px) and (max-width: 1024px) {
	.elementor-element.elementor-element-6eecec80.e-con-full.e-flex.e-con.e-parent.e-lazyloaded, div#about {
		min-height: auto !important;
	}

	#proof:last-child {
		padding-bottom: 8rem !important;
	}
}

@media (min-width: 768px) and (max-width: 1024px) {
	.header-menu .elementor-menu-toggle {
		padding-left: 3rem !important;
		padding-right: 3rem !important;
	}

	#hire-me {
		gap: 0px 2rem !important;
		padding-left: 2.5rem !important;
		padding-right: 2.5rem !important;
	}

	#proof {
		gap: 0px 3rem !important;
		margin-left: 2.5rem !important;
		margin-right: 2.5rem !important;
	}

	#work .post-grid {
		grid-template-columns: repeat(2, 1fr) !important;
	}

	.port-card:last-child {
		display: none !important;
	}

	.hero-desc span {
		max-width: 400px !important;
	}

	.hero-cta-group > div:first-child > div {
		width: fit-content !important;
	}

	.hero-cta-group div:nth-child(2):not(.btn-cta-work) {
		min-width: 50% !important;
	}

	header .e-con-full.e-con.e-parent {
		padding-left: 3rem !important;
	}

	header nav ul a, header nav li.contact_btn {
		padding: 1rem 3.5rem !important;
	}

	.contact_btn a {
		padding: 0 !important;
	}

	.elementor-4158 .elementor-element.elementor-element-71a3347 > .elementor-widget-container {
		margin: 0rem 2.5rem 0rem 2.5rem !important;
	}

	.elementor-4158 .elementor-element.elementor-element-5aba0d70 > .elementor-widget-container {
		margin: 2.5rem 2.5rem 1.5rem 2.5rem !important;
	}

	.elementor-4158 .elementor-element.elementor-element-12a5838b {
		padding-left: .5rem !important;
	}

	.services-header {
		padding-left: 2.5rem !important;
		padding-right: 2.5rem !important;
	}

	.service-row:not(:first-child) {
		padding-left: 2.5rem !important;
		padding-right: 2.5rem !important;
	}

	.service-row .post-grid {
		display: block !important;
	}

	.cta-contact {
		padding-top: 0 !important;
		padding-left: 0 !important;
	}

	div#work {
		padding-left: 3rem !important;
		padding-right: 3rem !important;
	}
}

@media (max-width: 1024px) {
	header {
		width: 99% !important;
		position: fixed !important;
		top: 0;
		z-index: 999;
		background-color: rgba(0, 0, 0, .85);
	}

	header .elementor-widget-container {
		height: .01% !important;
	}

	header .elementor-menu-toggle {
		justify-content: end !important;
		margin: inherit !important;
	}

	header .elementor-element.e-con-boxed.e-con.e-child {
		z-index: 1 !important;
		width: fit-content !important;
	}

	.header-menu .elementor-widget-container {
		display: block !important;
		position: fixed !important;
		top: 1.25rem !important;
		left: 0 !important;
		right: 0 !important;
	}

	.header-menu .contact_btn {
		border-radius: 0 !important;
	}

	.header-menu nav.elementor-nav-menu--dropdown {
		margin-top: 1.25rem !important;
		background-color: rgba(255, 255, 255, 0.95) !important;
	}

	.elementor-nav-menu--dropdown .elementor-item:hover {
		background-color: #7A7770 !important;
	}

	.big-quote h3 {
		padding: 2.5rem !important;
		margin-bottom: 3rem !important;
	}

	.stat {
		width: 100% !important;
	}

	.elementor-element.elementor-element-a66fa39.e-con-full.e-flex.e-con.e-child {
		display: none !important;
	}

	.contact-form {
		margin-top: .75rem !important;
		z-index: 1000 !important;
	}

	#hire-me {
		z-index: 998 !important;
	}
}

@media (min-width: 1025px) and (max-width: 1179px) {
	.hero-bottom-left {
		width: 50% !important;
	}

	.hero-cta-group {
		width: 50% !important;
	}
}

@media (min-width: 1025px) {
	.stat {
		width: 100% !important;
	}

	.hero-cta-group {
		padding-left: 20px !important;
		padding-right: 20px !important;
	}

	#proof {
		margin-left: 3rem !important;
		margin-right: 3rem !important;
	}

	.service-row:not(:first-child) {
		padding-left: 3.25rem !important;
		padding-right: 3rem !important;
	}

	#hire-me {
		padding-left: 3rem !important;
		padding-right: 3rem !important;
	}

	.service-row .elementor-element.elementor-element-fc7730a.post-grid.elementor-widget.elementor-widget-heading {
		display: block !important;
	}

	div#about {
		padding-top: 8.5rem !important;
	}

	.services-header {
		padding-top: 8.15rem !important;
	}

	div#work {
		padding-top: 9.15rem !important;
	}

	div#hire-me {
		padding-top: 8.3rem !important;
	}

	.hero-desc span {
		max-width: 600px !important;
	}

	.hero-cta-group .elementor-element.elementor-element-3c97319c.e-grid.e-con-full.e-con.e-child {
		width: 85% !important;
	}
}

@media (min-width: 1180px) and (max-width: 1366px) {
	.hero-bottom-left {
		width: 55% !important;
	}

	.hero-cta-group {
		width: 45% !important;
	}

	.hero-cta-group div > div {
		width: 100% !important;
		gap: 0rem 0rem;
	}
}

@media (min-width: 1441px) {
	.port-desc {
		min-height: 70px !important;
	}
}

@media (min-width: 1181px) and (max-width: 1440px) {
	.port-desc {
		min-height: 80px !important;
	}
}

@media (min-width: 768px) and (max-width: 1180px) {
	.port-desc {
		min-height: 95px !important;
	}
}

@media (min-width: 1367px) and (max-width: 1580px) {
	.hero-bottom-left {
		width: 60% !important;
	}

	.hero-cta-group {
		width: 40% !important;
	}
}

@media (min-width: 1581px) and (max-width: 1629px) {
	.hero-bottom-left {
		width: 65% !important;
	}

	.hero-cta-group {
		width: 35% !important;
	}
}

@media (min-width: 1681px) {
	header .e-con-inner {
		margin-left: 0 !important;
	}

	.elementor-element.elementor-element-6eecec80.e-con-full.e-flex.e-con.e-parent, div#about, div#services {
		min-height: inherit !important;
	}
}