/*!
Theme Name: Aster Cleaning Service
Theme URI: https://asterthemes.com/products/aster-cleaning-service
Author: asterthemes
Author URI: https://asterthemes.com
Description: The Aster Cleaning Service Theme is a versatile and professional solution designed for various cleaning businesses, including cleaning companies, commercial Aster Cleaning Service, housekeeping, and janitorial services. This theme provides a robust platform for establishing your online presence, enabling you to showcase your offerings—such as house cleaning, office cleaning, or specialized services like move-in/move-out cleaning—while maintaining a polished and trustworthy appearance. With a sleek, modern design and an intuitive layout, you can effectively communicate your story through customizable sections like "About Us," which emphasizes your team's expertise, and "Testimonials," where genuine customer feedback enhances your credibility. The theme features high-quality image and video galleries that highlight your cleaning techniques and impressive before-and-after results, captivating visitors with striking visuals. It also includes essential functionalities for improved user experience, such as Call to Action buttons, responsive design for seamless navigation across devices, SEO-friendly code for enhanced search engine visibility, and fast loading times. Moreover, integration with WooCommerce allows you to offer cleaning packages, sell supplies, or manage bookings online, while translation readiness and social media integration extend your reach, making this theme an ideal choice for cleaning service businesses eager to share their unique stories. 
Version: 1.0
Tested up to: 7.0
Requires PHP: 7.4
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Template: cleaning-services-agent
Text Domain: aster-cleaning-service
Tags: one-column, two-columns, three-columns, four-columns, grid-layout, custom-background, custom-logo, custom-colors, custom-header, custom-menu, editor-style, flexible-header, featured-images, threaded-comments, translation-ready, theme-options, sticky-post, footer-widgets, full-width-template, left-sidebar, right-sidebar, portfolio, blog, photography, post-formats, rtl-language-support

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Aster Cleaning Service is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/**
 * Team Section
 */

.aster-cleaning-service-team {
	padding: 100px 0;
	background: #f8f8f8;
}
.aster-cleaning-service-team .container {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 15px;
}
.team-heading {
	margin-bottom: 15px;
}
.team-subtitle {
	display: inline-block;
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: var(--primary-color);
}
.team-title {
	margin: 0;
	font-size: 27px;
	font-weight: 700;
	line-height: 1.2;
	color: #000000;
}
.team-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 30px;
}
.team-card {
	overflow: hidden;
	text-align: center;
	transition: .3s ease;
}
.team-card:hover {
	transform: translateY(-8px);
}
.team-image {
	overflow: hidden;
	border-radius: 12px;
}
.team-member-image {
	display: block;
	width: 100%;
	height: 400px;
	object-fit: cover;
	transition: .4s;
	border-radius: 12px;
}
.team-card:hover .team-member-image {
	transform: scale(1.06);
}
.team-content {
    text-align: start;
    padding: 0 0 0 15px;
    position: relative;
    margin-top: 10px;
}
.team-content:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 100%;
    background: var(--primary-color);
    border-radius: 10px;
}
.team-designation {
	margin: 0;
	font-size: 14px;
	font-weight: 600;
	color: #8C8C8C;
}
.team-name {
    margin: -5px 0 0 0;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.3;
    color: #000000;
}
.team-button-wrap {
	margin-top: 60px;
	text-align: center;
}
.team-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 13px 30px;
	background: #7088BA;
	color: #fff !important;
	font-size: 16px;
	font-weight: 600;
	text-decoration: none;
	border-radius: 40px;
	border-left: 6px solid var(--primary-color);
	transition: .3s ease;
}
.team-button:hover,
.team-button:focus {
	background: #222;
	color: #fff;
	text-decoration: none;
}
.team-button:focus-visible {
	outline: 2px solid var(--primary-color);
	outline-offset: 3px;
}

.product-contact-inner h3 {
    color: #222222 !important;
}
.banner-section.banner-style-1 .banner-single .banner-caption .banner-catption-wrapper .banner-caption-title {
    text-shadow: none !important;
}


@media only screen and (max-width: 1500px) {

}

@media only screen and (max-width: 1150px) {
	.aster-cleaning-service-team {
		padding: 0 !important;
	}
	section#cleaning_services_agent_banner_section {
		position: relative;
		height: 680px;
	}
}

@media (max-width: 991px) {
	.team-grid {
		grid-template-columns: repeat(2,1fr);
	}
	.team-title {
		font-size: 34px;
	}
	.team-member-image {
		height: 320px;
	}
	.asterthemes-banner-wrapper.banner-slider .slick-track {
		margin: 0;
	}
	.aster-cleaning-service-team {
		padding: 30px 0 !important;
	}
}

@media (max-width: 767px) {
	.aster-cleaning-service-team {
		padding: 60px 0;
	}
	.team-grid {
		grid-template-columns: 1fr;
		gap: 25px;
	}
	.team-subtitle {
	    font-size: 11px;
	}
	.product-contact-inner h3,.team-title {
		font-size: 22px !important;
	}
	.site-footer h4, footer#colophon h2.wp-block-heading, footer#colophon .widgettitle, footer#colophon .widget-title {
		text-align: center !important;
	}
	.team-heading {
		text-align: center;
	}
	p.site-title,header.site-header .header-main-wrapper:not(.transparent-header) .bottom-header-outer-wrapper .bottom-header-part .bottom-header-part-wrapper .site-branding .site-identity .site-title a, .site-description{
		font-size: 18px !important;
	}
	.header-btn a.asterthemes-button {
	    padding: 7px 21px;
	}
	h1.page-header-title {
		font-size: 30px !important;
	}
}