@charset "UTF-8";
/*
Theme Name: Polo
Theme URI: 
Author: Polo
Author URI: 
Description: It is IT services website
Requires at least: 5.3
Tested up to: 5.6
Requires PHP: 5.6
Version: 1.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: gold
Tags: one-column

Gold Theme, (C) 2020 WordPress.org
Twenty Twenty-One is distributed under the terms of the GNU GPL.
*/

.menu-item a{
	color: #484848 !important
}
.home.banner{
	background: url(https://aayanindia.in/harmonius/wp-content/uploads/2023/03/banner-scaled.jpg);
}
.playground.banner{
	background: url(https://aayanindia.in/harmonius/wp-content/uploads/2023/03/playground-banner.jpg);
}
.WIE{
	background: url(https://aayanindia.in/harmonius/wp-content/uploads/2023/03/wie.jpg);
}
.love{
	background: url(https://aayanindia.in/harmonius/wp-content/uploads/2023/03/banner-scaled.jpg);
}
.partner{
	background: url(https://aayanindia.in/harmonius/wp-content/uploads/2023/03/partner-banner.jpg);
}
.how{
	background: url(https://aayanindia.in/harmonius/wp-content/uploads/2023/03/how-banner.jpg);
}
.partner{
	background: url(https://aayanindia.in/harmonius/wp-content/uploads/2023/03/partner-banner.jpg);
}
.contact{
	background: url(https://aayanindia.in/harmonius/wp-content/uploads/2023/03/banner-scaled.jpg);
}
.blog{
	background: url(https://aayanindia.in/harmonius/wp-content/uploads/2023/03/blog-banner.jpg);
}
.dark-grey {
	color:#595959;
}

.maria-wrap {
	padding-top:0;
	margin-top:0;
}

.mia-content {
	display: flex;
	align-items: center;
}

.ul{
	list-style: none;
}
.banner {
	background-size: cover !important;
	background-position: center center !important;
	min-height: auto !important;
	padding: 25% 0 0 !important;
    /*aspect-ratio: 3/1;*/
}
.team{
	text-align: center;
}
.team img {
	width: 100px;
	margin-bottom: 50px;
}
.pull-right {
    float: right;
	display: flex;
	align-items: center;
	font-size: 12px;
}
.pull-right a{
	color:#484848;
}
.social-icons li a {

    height: 26px;
    width: 26px;
    line-height: 28px;
    font-size: 14px;
}
.social-icons {
    line-height: 0;
    display: inline-block;
}

.homepage ol {
	padding-left: 17px;
}

.homepage ol li strong{
	color: #606060;
}

.homepage ol li {
	padding-bottom: 12px;
	font-size: 13px;
	color: #000;
}
span.wpcf7-form-control-wrap {
    display: block;
}
.light-gray {
	color: #bfbfbf;
}

.homepage h4{
	font-size: 17px;
	margin-bottom: 25px;
}

.playground-content .container-fluid {
	width: 90%;
}
input, textarea{
	width: 100%;
}
textarea {
    height: 120px;
}
.color-brown {
	color: #d8cab9;
}

.p-title h3 {
	margin-bottom: 0;
}

.p-title h4 {
	margin-bottom: 30px;
	font-weight: normal;
	font-size: 16px;
}

.color-black {
	color: #000;
}

.playground-content p {
	color: #000;
	font-size: 16px;
}

.playground-content div.color-black {
	color: #000;
	font-size: 16px;
}

.playground-content ul {
	padding-left: 10px;
}

.playground-content ul li {
	color: #000;
	font-size: 16px;
	padding-bottom: 7px;
}

.playground-content ul li strong,
.playground-content p strong{
	color: #000;
}

.play-content-2 {
	margin-bottom:100px;
}

.playground-content .play-img { margin-bottom:100px; }
.playground-content .play-img img{ width:300px; height:250px }

.play-content {
	min-height: 280px;
}

.playground-image {
	padding: 70px 0 100px 0;
}

#mainMenu li.current-menu-item a {
	color: #4271c4 !important;
}

.maria-content {
	min-height: 550px;
	display: block;
}

.maria-content {
	min-height: 550px;
	display: block;
	color: #000;
	font-size: 13px;
}

.maria-page h4{
	font-size: 16px;
	margin-bottom: 25px;
}

.maria-page h4{
	font-size: 16px;
	margin-bottom: 25px;
}

.maria-content + img {
	margin-top:20px;
}

#mainMenu nav>ul>li>a {
	font-size: 13px;
	color: #9d9d9d !important;
}

#mainMenu ul li:nth-child(3) a {
	text-transform: math-auto !important;
}

#mainMenu li:nth-child(8).current-menu-item a {
	color: #FFC300 !important;
}

#mainMenu li:nth-child(8).current-menu-item a {
	color: rgb(192,0,0) !important;
}
#mainMenu li:nth-child(10).current-menu-item a {
	color: #b7472a !important;
}

#mainMenu li:nth-child(7).current-menu-item a,
#mainMenu li:nth-child(6).current-menu-item a{
	color: #3b8c47 !important;
}


#mainMenu li:nth-child(4).current-menu-item a span:first-child {	color:#4472c4;}
#mainMenu li:nth-child(4).current-menu-item a span:nth-child(2) {	color:#45af4f;}
#mainMenu li:nth-child(4).current-menu-item a span:nth-child(3) {	color:#c00000;}
#mainMenu li:nth-child(4).current-menu-item a span:nth-child(4) {	color:#ffc000;}
#mainMenu li:nth-child(4).current-menu-item a span:nth-child(5) {	color:#45af4f;}
#mainMenu li:nth-child(4).current-menu-item a span:nth-child(6) {	color:#c00000;}
#mainMenu li:nth-child(4).current-menu-item a span:nth-child(7) {	color:#4472c4;}
#mainMenu li:nth-child(4).current-menu-item a span:nth-child(8) {	color:#c00000;}
#mainMenu li:nth-child(4).current-menu-item a span:nth-child(9) {	color:#ffc000;}
#mainMenu li:nth-child(4).current-menu-item a span:nth-child(10) {	color:#4472c4;}

#mainMenu li:nth-child(5).current-menu-item a span:nth-child(1) {	color:#c00000;}
#mainMenu li:nth-child(5).current-menu-item a span:nth-child(2) {	color:#45af4f;}
#mainMenu li:nth-child(5).current-menu-item a span:nth-child(3) {	color:#ffc000;}
.blog_img {
    height: 250px;
    object-fit: cover;
    display: block;
    margin: 0 auto;
}

.brown {
	color: #dacdbc !important;
}

.mobile-show {
	display: none;
}

.mobile-info {
	display: none;
}


@media(max-width:768px){
	#header .pull-right {
    display: none;
}
	.banner {
    min-height: 200px;
}
	.blog_img {
    height: 200px;
}
	.order-xs-2{
		order: 2;
	}
}

@media(max-width:425px){
	.mobile-info {
		display: flex;
		align-items: center;
		text-align: center;
		width: 100%;
		flex-basis: 100%;
		align-items: center;
		justify-content: center;
		border-bottom: 1px solid #d3d3d3a3;
	}
	.mobile-info a{
		text-decoration: none;
		color: #484848;
	}
	.mobile-show {
		display: block;
	}
	.play-content {
		min-height: auto;
	}

	.maria-page {
		padding-bottom: 0;
	}

	.maria-page .content {
		margin-top: 20px;
	}

	.mobile-hide {
		display: none;
	}

	.mia-content {
		display: block;
	}

	.banner {
		background-size: cover !important;
		background-position: center center !important;
		min-height: 150px;
		background-repeat: no-repeat !important;
		aspect-ratio:0;
	}
}