@import url('https://fonts.googleapis.com/css2?family=Google+Sans:ital,opsz,wght@0,17..18,400..700;1,17..18,400..700&display=swap');

:root {
	--pri: var(--prigri);
	--pridim: #ef4444;
	--prigri: linear-gradient(45deg, #F44336, #E91E63);
	--btnpri: linear-gradient(45deg, #218be1, #11bdea);
	--brclr: #a3aab2;
	--sec: #ffffff;
	--bgdim: #21313C;
	--ter: #ffffff;
	--sha: rgb(196 196 196 / 12%) 0px 8px 24px;
	--bg: hsl(0deg 0% 18.04%);
	--hoversha: rgb(214 239 255 / 21%) 0px 8px 24px 7px;
	--font: "Google Sans", sans-serif;
	--bor: 1px solid gainsboro;
	--basefontsz: 10px;
	--h1fontsz: 30px;
	--h2fontsz: 25px;
	--h3fontsz: 20px;
	--txtcolor: black;
	--spacing-small: 8px;
	--spacing-medium: 16px;
	--spacing-large: 24px;
	--borrad: 9px;
	--gtcw: 366px;
	--curve: 22px;
	--asgtc: 250px;
	--txtsz: 19px;
}

* {
	margin: 0px;
	padding: 0px;
	box-sizing: border-box;
}

html {
	margin: 0px;
	padding: 0px;
	min-width: 100%;
	overflow-x: hidden;
	scroll-behavior: smooth;
	box-sizing: border-box;
	font-size: 10px;
}

body {
    margin: 0px auto;
    padding: 0px;
    min-height: 100vh;
    background: white;
    overflow-x: hidden;
    box-sizing: border-box;
    font-family: var(--font);
    font-size: 10px;
}

/*Utility Design*/

p {
	text-transform: capitalize;
	line-height: 1.6;
}

a {
	text-decoration: none;
}

h2 {
	font-size: 2rem;
	color: var(--bgdim);
	font-weight: 600;
	margin: 10px;
	text-transform: capitalize;
}

h3 {
	font-size: 20px;
	font-family: var(--fonth);
	color: var(--bgdim);
	margin: var(--spacing-small) var(--spacing-small);
	font-weight: 800;
	text-transform: capitalize;
}

h1 {
	font-size: 2.4rem;
	color: var(--pri);
	margin: 10px;
	text-transform: capitalize;
}

h2.sectionheadline {
	position: relative;
	font-size: 2.2rem;
	font-weight: 700;
	color: #1a1a1a;
	background: transparent;
	box-shadow: none;
	border-radius: 0;
	padding: 0 0 0 16px;
	margin: 36px auto 24px;
	width: 90%;
	display: flex;
	align-items: center;
	gap: 14px;
	text-transform: none;
}

h2.sectionheadline::before {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 4px;
	height: 26px;
	background: var(--prigri);
	border-radius: 4px;
}

h2.sectionheadline::after {
	content: '';
	flex: 1;
	height: 1px;
	background: linear-gradient(to right, #e8e8e8, transparent);
}

h4.sectionheadline {
	position: relative;
	font-size: 2rem;
	font-weight: 700;
	color: #1a1a1a;
	background: transparent;
	box-shadow: none;
	padding: 0 0 0 16px;
	border: none;
	width: 90%;
	margin: 36px auto 24px;
	text-align: left;
	display: flex;
	align-items: center;
	gap: 14px;
	text-transform: none;
	border-bottom: none;
}

h4.sectionheadline::before {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 4px;
	height: 26px;
	background: var(--prigri);
	border-radius: 4px;
}

h4.sectionheadline::after {
	content: '';
	flex: 1;
	height: 1px;
	background: linear-gradient(to right, #e8e8e8, transparent);
}

.sectionheadline span {
	color: var(--pridim);
	font-weight: 800;
}

.wp-block-button__link {
	color: var(--pri);
	background-color: white;
	border-radius: 9999px;
	box-shadow: none;
	text-decoration: none;
	margin: 20px auto;
	text-align: center;
	padding: 16px;
	font-size: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 2px dotted;
	cursor: pointer;
}

a.wp-block-button__link.wp-element-button {
	animation: 2s infinite animatetxt;
}

@keyframes animatetxt {
	0% {
		opacity: 30%;
		color: var(--bgdim);
	}
	100% {
		color: var(--pri);
		opacity: 100%;
	}
}

h2.wp-block-heading {
	font-size: 2rem;
	color: var(--bgdim);
	background: white;
	text-align: left;
	border-radius: 0px;
	font-weight: 700;
	margin: 0px;
	border-bottom: 3px solid var(--bgdim);
	padding: 9px 0px;
}

h4.’sectionheadline’ {
    background: #f5f5f5;
    font-size: 20px;
    text-align: left;
    margin: 20px auto;
    width: 88%;
    padding: 10px;
    color: var(--bgdim);
    border-bottom: 2px dashed gainsboro;
    box-shadow: var(
    --hoversha);
    border-radius: 0px;
}t