@import './spacing.css';
:root {
    --mainColor: #FF9314;
    --mainColorTwo: #333;
    --textColorWhite: #fff;
    --textColorBlack: #000;
    --textColorGrey: #8A90A2;
    --bgColorLightGrey: #f4f4f4;
    --bgColorWhite: #fff;
    --bgColorBlack: #000;
    --bgColorBannerArea: #F7F8FD;
    --bgColorDarkParallax: #292930;
    --bgColorFooter: #292930;
    --fontFamily: 'DM Sans', sans-serif;
    --fontawesome: Font Awesome 5 Pro;
    --bgDarkParallaxBox1: #FF9314;
    --bgDarkParallaxBox2: #57c9da;
    --bgDarkParallaxBox3: #FFADAD;
}
/* ::Start Footer */
footer {padding: 200px 0px 40px;background-color: var(--bgColorFooter);position: relative;}
footer .container {position: relative;z-index: 2;}
.footer-shape {position: absolute;top: -17px;left: 0;right: 0;z-index: 2;}
.footer-shape svg {width: 100%;}
footer .footer-title {
	font-size: 35px;
	color: var(--textColorWhite);
	font-weight: 500;
}
.footer-button a {
	display: inline-block;
	font-size: 16px;
	font-weight: 700;
	color: var(--textColorWhite);
	background: var(--mainColor);
	height: 70px;
	line-height: 70px;
	text-align: center;
	padding: 0 50px;
	position: relative;
	z-index: 1;
	overflow: hidden;
	border-radius: 10px;
	text-transform: capitalize;
    text-decoration: none;
}
.footer-button a i {padding-left: 17px;}
.footer-button a::before {
	top: 0;
	left: 0;
	right: auto;
}
.footer-button a::after {
	bottom: 0;
	right: 0;
	left: auto;
}
.footer-button a::before, 
.footer-button a::after {
	content: "";
	background: var(--bgColorBlack);
	height: 50%;
	width: 0;
	position: absolute;
	transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
	-webkit-transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
	z-index: -1;
}
.footer-button a:hover::before {
	width: 100%;
	right: 0;
	left: auto;
}
.footer-button a:hover::after {
	width: 100%;
	left: 0;
	right: auto;
}
.copyright-box {
	border-top: 1px solid #383841;
	border-bottom: 1px solid #383841;
	padding-top: 30px;
	padding-bottom: 30px;
}
.copyright-text p {
	color: var(--textColorWhite);
    font-size: 1.3rem;
}
.copyright-right a {
	color: var(--textColorWhite);
	font-size: 15px;
	font-weight: 400;
	margin-left: 60px;
    text-decoration: none;
}
.copyright-right a:hover {
	color: var(--mainColor);
    transition: ease-in-out all 300ms;
}
.copyright-social a {
	text-align: center;
	line-height: 60px;
	margin-left: 20px;
	color: var(--textColorWhite) !important;
	font-size: 18px;
	font-weight: 400;
	height: 60px;
	width: 60px;
	border-radius: 50%;
	border: 1px solid #383841;
    text-decoration: none;
    display: inline-flex !important;
    justify-content: center;
    align-items: center;
}
.copyright-social a:hover {
	background-color: var(--mainColor);
	border-color: var(--mainColor);
	color: var(--textColorWhite);
    transition: ease-in-out all 400ms;
}
.copyright-logo img {height: 60px;}
.goTop {
    position: absolute;
    left: 0;
    top: 40px;
    text-align: center;
    width: 100%;
    z-index: 9;
}
.goTop button {
    width: 70px;
    height: 70px;
    text-align: center;
    background: var(--mainColor);
    border: 0;
    border-radius: 100%;
    font-size: 30px;
    color: #fff;
}
/* ::End Footer */