/*
Template Name: Cklano | Cleaning Service, Plumber & Carpenter Website Template
Author: Pillarix
Author URI: https://wrapbootstrap.com/user/pillarix
Version: 1.0
*/
/*
-- Body
-- Cusrom Classes
-- Navbar
-- Homepage
-- Services
-- About
-- Contact
-- Footer
*/


@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&display=swap');

/* Body */
body {
	font-family: 'Quicksand', sans-serif;

}
a {
	text-decoration: none;
	color: #1b1b1b;
}
a:hover {
	color: #F54A01;
}

/* Cusrom Classes */
.review-hub-nav  a.nav-link {
	padding-top: 40px !important;
	padding-bottom: 40px !important;
	color: #ffffff !important;
}
.hover\:bg-warning:hover {
	background-color: #F54A01;
	border-color: #F54A01 !important;
	color: #fff;
}
.mt-n6 {
	margin-top: -6rem;
}
.mb-n8 {
	margin-bottom: -8rem;
}
.w-20 {
	width: 20%;
}
.bg-dark{
	background: hsla(241, 77%, 63%, 1);
	background: linear-gradient(315deg, hsla(241, 77%, 63%, 1) 0%, hsla(241, 100%, 58%, 1) 100%);
	background: -moz-linear-gradient(315deg, hsla(241, 77%, 63%, 1) 0%, hsla(241, 100%, 58%, 1) 100%);
	background: -webkit-linear-gradient(315deg, hsla(241, 77%, 63%, 1) 0%, hsla(241, 100%, 58%, 1) 100%);
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr="#5956E9", endColorstr="#2B27FF", GradientType=1 );
}
.btn-dark {
	background: hsla(18, 99%, 48%, 1);
	background: linear-gradient(135deg, hsla(18, 99%, 48%, 1) 0%, hsla(25, 100%, 50%, 1) 100%);
	background: -moz-linear-gradient(135deg, hsla(18, 99%, 48%, 1) 0%, hsla(25, 100%, 50%, 1) 100%);
	background: -webkit-linear-gradient(135deg, hsla(18, 99%, 48%, 1) 0%, hsla(25, 100%, 50%, 1) 100%);
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr="#F54A01", endColorstr="#FF6A00", GradientType=1 );
	border-color: #F54A01 !important;
	color: #fff;
}
.btn-dark:hover {
	background: hsla(18, 99%, 48%, 1);
	background: linear-gradient(360deg, hsla(18, 99%, 48%, 1) 0%, hsla(25, 100%, 50%, 1) 100%);
	background: -moz-linear-gradient(360deg, hsla(18, 99%, 48%, 1) 0%, hsla(25, 100%, 50%, 1) 100%);
	background: -webkit-linear-gradient(360deg, hsla(18, 99%, 48%, 1) 0%, hsla(25, 100%, 50%, 1) 100%);
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr="#F54A01", endColorstr="#FF6A00", GradientType=1 );
	border-color: #F54A01 !important;
	color: #fff;
}
.btn-outline-dark {
	border-color: #F54A01 !important;
	color: #F54A01;
}
.btn-outline-dark:hover {
	background-color: #F54A01 !important;
	border-color: #F54A01 !important;
	color: #fff;
}
.text-primary {
	color: #F54A01 !important;
}
.bg-primary {
	background: hsla(18, 99%, 48%, 1);
	background: linear-gradient(135deg, hsla(18, 99%, 48%, 1) 0%, hsla(25, 100%, 50%, 1) 100%);
	background: -moz-linear-gradient(135deg, hsla(18, 99%, 48%, 1) 0%, hsla(25, 100%, 50%, 1) 100%);
	background: -webkit-linear-gradient(135deg, hsla(18, 99%, 48%, 1) 0%, hsla(25, 100%, 50%, 1) 100%);
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr="#F54A01", endColorstr="#FF6A00", GradientType=1 );
}

/* Navbar */
.review-hub-nav .navbar-nav .nav-link {
	margin: 0px 12px;
}

/* Homepage */
.bg-homepage {
	background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../img/hero.jpeg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.save-time {
	background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../img/save-time-and-money.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.profile-img {
	width: 50px;
}
.contact {
	background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../img/contact.jpeg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

/* Services */
.bg-services {
	background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../img/bg-services.jpeg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

/* About */
.bg-about {
	background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../img/bg-about.jpeg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.icon-sm {
	height: 35px;
	width: 35px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.partner-logo {
	height: 6rem;
	width: 8rem;
}
.bg-appointment {
	background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../img/contact.jpeg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

/* Contact */
.bg-contact {
	background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../img/bg-contact.jpeg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.news-letter {
	background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../img/contact.jpeg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

/* Footer */
@media(min-width:1280px) {
	.mt-lg-n6 {
	margin-top: -6rem;
	}
	.border-lg-start {
	border-left: 1px solid #efefef;
	}
	.border-lg-end {
	border-right: 1px solid #efefef;
	}
}