:root {
	/* Body */
	--body-bg: #f1f1f1;

	/* Typography */
	--font-size-base: 1rem;
	--line-height-base: 1.5;

	/* company colors */
	--primary: #501f3a;
	--secondary: #cb2d6f;
	--txtprimbg: #f4f4f4;
	--darktxt: #000;
	--darkbg: #0c2126;
	--mainbg: #fff;
	--transperentwhite: rgba(255, 255, 255, 0.50);

	/* Colors */
	--blue: #3490dc;
	--indigo: #6574cd;
	--purple: #9561e2;
	--pink: #f66d9b;
	--red: #e3342f;
	--orange: #f6993f;
	--yellow: #ffed4a;
	--green: #38c172;
	--teal: #4dc0b5;
	--cyan: #6cb2eb;

	/* Socials */
	--whatsapp: #25d366;
	--linkedin: #0077b5;
	--instagram: #e1306c;
}
/* main tags */
body {
	margin: 0;
	padding: 0;
	background-color: var(--txtprimbg);
	scroll-behavior: smooth;
}
h1 {
}

h2 {
	color: var(--darktxt);
	display: flex;
	align-items: center;
	padding-top: 10px;
	margin: 0 3% 0 3%;
}
h2:before,
h2:after {
	content: "";
	color: var(--primary);
	border-top: 4px solid;
	margin: 0 10px 0 0;
	flex: 1 0 40px;
	max-width: 100px;
}

h2:after {
	margin: 0 0 0 10px;
}

h3 {
	color: var(--primary);
}

h4 {
	color: var(--mainbg);
}

h5 {
	color: var(--darktxt);
}

p {
}

button {
	width: 200px;
	height: 50px;
	margin-top: 10px !important;
	margin-bottom: 10px !important;
	font-size: 30px !important;
	color: var(--txtprimbg);
	background-color: var(--primary);
	border-color: var(--primary);
}
a {
	text-decoration: none !important;
}

/* recapcha bade hide */
.grecaptcha-badge {
	visibility: hidden;
}

/* Modal styling */
#staticBackdrop .modal-body input,
#staticBackdrop .modal-body textarea,
#staticBackdrop .modal-body label {
	width: 100%;
	margin-top: 10px;
}
#staticBackdrop .modal-body input,
#staticBackdrop .modal-body textarea {
	border: 1px solid var(--primary);
}
#staticBackdrop .modal-body button {
	width: 100%;
	margin-top: 20px;
	color: var(--txtprimbg);
	background-color: var(--primary);
}