:root {
    --primary-color: #F17D3A;
    --primary-color-light: #F17D3A26;
    --primary-color-100: #F17D3A;
    --primary-color-75: #F17D3A90;
    --primary-color-50: #F17D3A80;
    --primary-color-25: #F17D3A70;
    --background-color: #3f3f3f;
    --secondry-color: white;
    --text-color: white;
}
body {
    background: var(--primary-color-light);
}
a {
    text-decoration: none;
}
#home-section {
    text-align: center;
    color: black;
}
.upper {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	padding: 0 10%;
	padding-bottom: 30px;
	margin: 0 auto;
	position: relative;
	margin-top: 70px;
	margin-bottom: 6px;
	border-bottom: 6px solid var(--primary-color);
}
.lower {
    background-color: var(--background-color);
}
.page-wrapper {
	background: #fff;
	box-shadow: 1px 2px 15px #48484833;
	position: relative;
}
.views-label {
	padding: 5px 10px;
	position: absolute;
	color: var(--primary-color);
	right: 50%;
	top: 30px;
	border: 1px solid var(--primary-color);
	font-size: 14px;
	margin-bottom: 0px;
	border-radius: 18px;
	transform: translate(50%, 0);
}
.profile-pic-img {
	max-width: 120px;
	margin-bottom: 5px;
	border: 5px solid var(--primary-color);
	padding: 5px;
}
.firmname {
    font-size: 24px;
    text-transform: uppercase;
    color: var(--primary-color-100);
    font-family: 'Shadows Into Light', cursive;
    font-weight: bold;
}
.firmname-underline {
    width: 50%;
    background-color: var(--primary-color-100);
    height: 3px;
    margin-bottom: 15px;
}
.contact-button {
	padding: 8px 10px;
	/* border-radius: 50px; */
	min-width: 16px;
	display: inline-block;
	font-size: 16px;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2), 0 0 40px rgba(255, 251, 251, 0.1) inset;
	text-align: center;
	background-color: var(--primary-color);
	color: #fff;
	border: none;
	margin-right: 5px;
	margin-bottom: 10px;
}
.lower {
    margin-top: 20px;
}
.contact-info-container {
	border-left: 65px solid var(--primary-color);
	color: #ffffff;
	padding-right: 10px;
	margin-top: -10px;
	padding-top: 40px;
	font-size: 14px;
	padding-bottom: 20px;
}
.contact-info-wrapper {
	display: flex;
	align-items: center;
	margin-left: -30px;
}
.contact-info-wrapper .contact-piller-button {
	min-width: 40px;
	min-height: 40px;
	margin: 10px;
	box-sizing: border-box;
	color: var(--primary-color);
	font-size: 18px;
	background-color: #fff;
	border-radius: 50%;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 2px solid var(--primary-color-50);
}
.contact-info-wrapper .contact-info {
	padding-left: 5px;
	text-align: left;
}
.contact-info a {
    color: white;
}



input, textarea, select, option {
    --text-color: black;
    background-color: var(--secondry-color);
}
#contact-section a {
    color: var(--primary-color);
}
#about-section p {
    color: var(--text-color);
}
.gallery-item-description, .youtube-video-title {
    color: var(--text-color);
}
.payment-method-title {
    color: var(--primary-color);
}
#enquiry-section {
    background-color: white;
}
.footer-nav {
    background-color: white;
}