@import "../css/bootstrap.min.css";

/* ================================================
  Footer Section CSS
================================================
*/

footer {
	font-family: "Outfit", sans-serif;	
	color: #8290a3;
	border-top: 5px solid #19a6a0;
	clear: both;
}

footer .row.footer-service-list {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    margin-top: calc(-1* var(--bs-gutter-y));
    margin-right: calc(-.5* var(--bs-gutter-x));
    margin-left: calc(-.5* var(--bs-gutter-x));    
}

footer .row:before,
footer .row:after {
	display: none;
}

footer .container {
	max-width: 1460px;
}

footer ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

footer .footer-logo {
	margin-bottom: 30px;
}

footer .states-card {
	border: 1px solid #313647;
	background: #1d212e;
	border-radius: 3px;
	padding: 32px 40px 28px 40px;
	transition: all 0.5s ease 0s;
}
footer .states-card:hover {
	border: 1px solid #4b5060;
	background: #171b24;
	color: #b9bdc3;
	transition: all 0.5s ease 0s;
}
footer .footer-address .hq-title {
	color: #d4dae4;
	font-size: 20px;
	font-weight: 400;
	line-height: 1.3;
	margin-bottom: 10px;
	padding: 8px 0 10px 0;
	border-bottom: 1px solid #313647;
}
footer .footer-address .state-name {
	color: #d4dae4;
	font-size: 20px;
	font-weight: 400;
	line-height: 1.3;
	margin-bottom: 15px !important;
	text-transform: unset !important;
}
footer .footer-address p {
	color: #8290a3;
	font-size: 16px;
	line-height: 1.3;
	font-weight: 300;
	margin-bottom: 14px;
}
footer .footer-phone p {
	color: #8290a3;
	font-size: 16px;
	font-weight: 300;
	line-height: 1.3;
	margin-bottom: 0px;
}

footer .footer-phone p a{
	font-weight: 400;
	color: #8290a3;
	text-decoration: none;
    transition: all 0.3s ease 0s;
}

footer .footer-mail p {
	color: #d1d1d1;
	font-size: 18px;
	font-weight: 400;
	margin-bottom: 0px;
}
footer .footer-mail p a {
	font-weight: 400;
	color: #d1d1d1;
	text-decoration: none;
    transition: all 0.3s ease 0s;
}
footer .footer-phone p a:hover, footer .footer-mail p a:hover {
	color: #fff;
	text-decoration: none;
    transition: all 0.3s ease 0s;
}


footer .call-btn, footer .mail-btn {
	display: inline-block;
	margin-bottom: 15px;
}

footer .call-btn .btn {
	display: inline-block;
	color: #fff;
	font-size: 18px;
	font-weight: 400;
	line-height: 1.4;
	letter-spacing: 0.5px;
	border-radius: 3px;
	padding: 9.5px 18px;
	text-decoration: none;
	border: none;
	background: #2da7df;
	transition: all 0.3s ease 0s;
}

footer .call-btn .btn:hover {
	color: #fff;
	background: #1986e1;
	transition: all 0.3s ease 0s;
}

footer .mail-btn .btn {
	display: inline-block;
	background: #232735;
	color: #8290a3;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.4;
	border-radius: 3px;
	padding: 10px 19px;
	text-decoration: none;
	border: 1px solid #5c606b;
	transition: all 0.3s ease 0s;
}
footer .mail-btn .btn:hover {
	--x: 100%;
	background: #171b24;
	color: #fff;
	transition: all 0.3s ease 0s;
}

footer .btn span {
	font-size: 18px;
	font-weight: 500;
}

footer .footer-info-sec .footer-links ul li {
	font-size: 16px;
	font-weight: 300;
}
footer .footer-info-sec .footer-links ul li a {
	color: #8290a3;
	text-decoration: none;
    transition: all 0.3s ease 0s;
}
footer .footer-info-sec .footer-links ul li a:hover {
	color: #fff;
	text-decoration: none;
    transition: all 0.3s ease 0s;
}

footer .footer-info-sec .footer-social {
	margin: 0px 0 0 0;
}

footer .footer-social {
	margin: 20px 0 0 0;
}
footer .footer-social li {
	display: inline-block;
	padding: 0 15px 0 0;
}

footer .footer-social li a {
	width: 32px;
	height: 32px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #d4dae4;
	color: #000;
	border-radius: 50%;
	border: 2px solid #d4dae4;
	font-size: 14px;
	text-decoration: none;
	transition: all 0.3s ease 0s;
}
footer .footer-social li a:hover {
	color: #fff;
	background: #2da7df;
	border: 2px solid #2da7df;
	transition: all 0.3s ease 0s;
}

footer .footer-social li a i {
	transition: all 0.1s ease 0s;
}

footer .footer-links {
	margin-top: 20px;
	margin-bottom: 20px;
}
footer .footer-links h3 {
	color: #d4dae4;
	font-size: 18px;
	line-height: 1.2;
	font-weight: 600 !important;
	margin-bottom: 30px;
	margin-top: 0px;
}
footer .footer-links ul li {
	font-weight: 400;
	color: #4e5156;
	font-size: 15px;
	line-height: 1.2;
	margin-bottom: 15px;
}
footer .footer-links ul li a {
	color: #8290a3;
	text-decoration: none;
	transition: all 0.3s ease 0s;
}
footer .footer-links ul li a:hover {
	color: #fff;
	text-decoration: none;
    transition: all 0.3s ease 0s;
}

.h-100 {
    height: 100% !important;
}


/* Footer - Services Sec
=========================== */

footer section.footer-services {
	background: #171b24;
	padding: 85px 0 60px 0;
}

footer .title-line {
	color: #ffffff;
	font-size: 30px;
	line-height: 1.2;
	font-weight: 500;
	margin-bottom: 30px;
	position: relative;
	max-width: 100%;
	margin-top: 0px;
}
footer .title-line span{
	font-weight: 500;
	background: #171b24;
	padding-right: 20px;
	z-index: 1;
	position: relative;
}
footer .title-line:after{
	content:" ";
	height: 1px;
	width: 100%;
	background: #4b5060;
	display: block;
	position: absolute;
	top: 59%;
	right: 0;
	z-index: 0;
}

@media (min-width: 1700px) {
	footer .container {
		width: 1460px;
	}
}

@media (min-width: 1200px) and (max-width: 1699.98px) {
	footer .container {
		width: 98%;
	}
}

@media (min-width: 1300px) {
	footer section.footer-services .footer-service-list {
		display: flex;
		justify-content: space-between;
		flex-wrap: nowrap;
	}
}

@media (min-width: 1200px) and (max-width: 1260px) {
	footer .footer-links h3 {
		font-size: 15px !important;
	}
	footer .footer-links ul li {
		font-size: 14px;
	}
}
@media (max-width: 575.98px) {
	footer .title-line {
		font-size: 26px;
		margin-bottom: 25px !important;
	}
	footer .footer-links h3 {
		margin-bottom: 15px !important;
	}
	footer .footer-links {
		margin-top: 10px;
		margin-bottom: 10px;
	}
	footer .footer-links ul li {
		margin-bottom: 8px;
	}
}


/* Footer - Services /  Light Version
====================================== */
footer section.footer-services.light-ver {
	background: #fff;
    padding: 85px 0 60px 0;
}
footer section.footer-services.light-ver .title-line span {
	background: #fff;
	color: #171b24;
}

footer section.footer-services.light-ver .title-line::after {
	background: #d8d8d8;
}
footer section.footer-services.light-ver .footer-links h3 {
	color: #171b24;
	font-weight: 600 !important;
}

footer section.footer-services.light-ver .footer-links ul li a {
	color: #4e5156;
    text-decoration: none;
}
footer section.footer-services.light-ver .footer-links ul li a:hover {
	color: #171b24;
}

@media (min-width: 1300px) {
	footer section.footer-services.light-ver .footer-service-list {
		display: flex;
		justify-content: space-between;
		flex-wrap: nowrap;
	}
}

/* Footer - Locations Sec
=========================== */

footer .footer-locations {
	background: #1d212e;
	border-top: 1px solid #313647;
	padding: 70px 0;
}


/* Footer - Copyright Sec 
=========================== */
footer .copyright-sec {
	background: #171b24;
	padding: 15px 0;
	border-top: 1px solid #313647;
}
footer .copyright-sec p {
	font-weight: 400;
	color: #8290a3;
	font-size: 14px;
	line-height: 1.5;
	margin-top: 10px;
	margin-bottom: 10px;
}
footer .copyright-sec p a {
	color: #8290a3;
	margin: 0 5px;
	text-decoration: none;
	transition: all 0.3s ease 0s;
}
footer .copyright-sec p a:hover {
	color: #fff;
	transition: all 0.3s ease 0s;
}

form#sub-form-footer p.msg {
	font-size: 18px;
	line-height: 1.4;
	color: #03d372;
	text-align: center;
	margin-top: 8px;
	margin-bottom: 0px;
}

@media (max-width: 1499.98px) { 
	footer .footer-info-sec {
		padding: 0 15px;
	}

	footer .states-card {
		padding: 20px;
	}
}
@media (max-width: 991.98px) {	
    footer .container {
        padding: 0 20px;
    } 
	footer section.footer-services, footer section.footer-services.light-ver {
		padding: 50px 0 50px 0;
	}
	footer .footer-logo {
		margin-bottom: 30px;
	}
	footer .footer-info-sec {
		padding: 0 0px  10px 0px;
	}
	footer .call-btn .btn {
		font-size: 16px;
	}
}
@media (min-width: 768px) and (max-width: 991.98px) {
	footer .footer-social {
		margin: 6px 0 20px 0;
		text-align: center;
	}
	footer .call-btn .btn {
		padding: 10px 19px;
	}
	footer .footer-info-sec .footer-social {
		margin: 20px 0 20px 0;
	}
	footer .call-btn .btn {
		padding: 9.5px 26px;
		margin-bottom: 10px;
	}
	.footer-info-sec {
		margin-bottom: 30px;
	}
}

@media (max-width:767.98px) {
	footer .footer-logo {
		max-width: 100%;
		margin-bottom: 30px;
	}
	footer .footer-address i, footer .footer-phone i, footer .footer-mail i {
		color: #01a8df;
	}	
	footer .footer-locations {
		padding: 40px 0;
	}
	footer .call-btn, footer .mail-btn {
		margin-bottom: 15px;
	}
}

@media (min-width: 576px) and (max-width: 767.98px) {
	footer .call-btn .btn {
		padding: 9.5px 26px;
		margin-bottom: 10px;
	}
	footer .footer-info-sec .footer-links {
		margin-top: 20px;
		margin-bottom: 20px;
	}
	footer .footer-info-sec .footer-social {
		margin: 10px 0 30px 0;
	}
}

@media (max-width: 575.98px) {
	footer .footer-logo {
		max-width: 100%;
		margin-bottom: 30px;
		text-align: center;
	}
	footer .call-btn, footer .mail-btn {
		display: block;
		text-align: center;
		margin-bottom: 20px;
	}
	footer .footer-phone {
		margin: 20px 0 5px 0;
	}
	footer .call-btn .btn {
		font-size: 15px;
		padding: 10px 29px;
	}
	footer .footer-address p, footer .footer-phone p a, footer .footer-mail p a {
		font-size: 14px;
	}
	footer .footer-info-sec .footer-links {
		margin-top: 20px;
		margin-bottom: 30px;
		text-align: center;
	}
	footer .footer-info-sec .footer-social {
		margin: 0px 0 30px 0;
		text-align: center;
	}
	footer .footer-info-sec .footer-links ul li {
		margin-bottom: 10px;
	}
	footer .title-line:after {
		display: none;
	}
}

@media (max-width: 389.98px) {
	footer .copyright-sec p {
		font-size: 13px;
	}

	footer .call-btn .btn, footer .mail-btn .btn {
		padding: 10px;
		display: block;
		overflow-wrap: anywhere;
	}
}




/* Footer Sec - for old pages */

/*@media(min-width:1460px){
	footer div.container {
		width: 1460px;
	}
}*/ 
/*@media (min-width: 1200px) {
	.d-xl-block {
		display: block !important;
	}
}
@media (min-width: 992px) {
	.text-lg-start {
		text-align: left !important;
	}
	.d-lg-flex {
		display: flex !important;
		justify-content: space-between
	}
}

.d-flex {
    display: flex !important;
}
.ml-auto {
	margin-left: auto !important;
}
*/