/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*===Header Css Start====*/
.gb-btn a svg{
	font-size: 11px;
}
.gb-btn a:hover svg path, .gb-btn a:focus svg path{
	fill: #D4AF37;
}
.header-wrap .gb-btn a:hover svg path, .header-wrap .gb-btn a:focus svg path{
	fill: #ffffff;
}
.header-wrap{
	width: 100% !important;
	transition: 0.8s !important;
}
.header-wrap.sticky{
	transition: 0.8s !important;
	background: #E6F0F3;
	box-shadow: 0px 0px 6px #007c8980;
}
.header-wrap .site-logo img, .header-wrap .e-con-inner{
	transition: 0.7s;
}
.header-wrap.sticky .site-logo img{
	max-width: 100px !important;
}
.header-wrap.sticky  .e-con-inner{
	padding-top: 15px !important;
	padding-bottom: 15px !important;
}
/*====Home Page Css Start=====*/
.banner-dual-title span{
	display: block;
	color: #ffffff;
}
.lesson-wrap .elementor-image-box-img{
	position: relative;
	display: flex !important;
	justify-content: center;
	align-items: center;
	width: 198px !important;
    height: 198px;
    background: #E6EFF3;
    border-radius: 50%;
    z-index: 1;
}
.scroll-down-btn .elementor-button-content-wrapper{
	flex-direction: column-reverse !important;
}
.scroll-down-btn a{
	display: inline-block;
}
.scroll-down-btn a .elementor-button-content-wrapper .elementor-button-text{
	writing-mode: vertical-lr;
	display: inline-block;
}
.scroll-down-btn a .elementor-button-content-wrapper svg{
	font-size: 13px;
}
.scroll-down-btn a svg path{
	transition: 0.5s;
}
.scroll-down-btn a:hover svg path{
	fill: #D4AF37;
}
.scroll-down-btn a .elementor-button-icon{
	justify-content: center;
	animation: slideIn 1.2s ease-in-out infinite;
}
@keyframes slideIn {
	0%{ 
	  	margin-top: 0; 
	}
	50%{ 
		margin-top: 6px; 
	} 
	100%{ 
		margin-top: 0; 
	}   
}
.lesson-wrap .elementor-image-box-img::before{
	position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 154px !important;
    height: 154px;
    background: #FFFFFF;
    box-shadow: 0px 4px 20px 3px #D5E2E6;
    border-radius: 50%;
    z-index: -1;
}
.learn-btn a svg{
	font-size: 11px;
}
.learn-btn a svg path{
	transition: 0.5s;
}
.learn-btn a:hover svg path{
	fill: #D4AF37;
}
.lesson-wrap{
	transition: 0.5s;
}
.lesson-wrap:hover .learn-btn a svg path{
	fill: #D4AF37;
}
.lesson-wrap:hover .learn-btn a{
	color: #D4AF37 !important;
}
.footer-icon-list .elementor-icon-list-items .elementor-icon-list-text{
	position: relative;
	padding-left: 25px !important;
}
.footer-icon-list .elementor-icon-list-items .elementor-icon-list-text::before{
	position: absolute;
	content: '';
	width: 1px;
	height: 32px;
	left: 9px;
	top: 50%;
	transform: translateY(-50%);
	background: rgba(201, 201, 201, 0.5);
}
.newsletter form{
	display: flex;
	align-items: center;
    background: #FFFFFF;
    border-radius: 40px;
    box-shadow: 0px 4px 17px #CCDBDC;
    padding: 5px 5px 5px 22px;
}
.newsletter .top_label{
	gap: 0 !important;
}
.newsletter .gform_body{
	width: 100%;
}
.newsletter form input[type="email"]{
	font-family: 'Merriweather';
	font-weight: 400;
	font-size: 16px;
	line-height: 1;
	text-transform: lowercase;
	color: #A3A3A3;
	padding: 0;
	border: none;
	outline: none;
}
.newsletter form input[type="email"]::placeholder{
	font-family: 'Merriweather';
	font-weight: 400;
	font-size: 16px;
	line-height: 1;
	text-transform: capitalize;
}
.newsletter form .gform_footer{
	padding: 0 !important;
	margin: 0 !important;
}
.newsletter form .gform_footer input{
	width: 54px;
	height: 54px;
	background-image: url("data:image/svg+xml,%3Csvg width='21' height='20' viewBox='0 0 21 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M20.9425 1.42604C20.9764 1.1992 20.9468 0.967415 20.857 0.756352C20.7673 0.545289 20.6209 0.363183 20.434 0.230199C20.2471 0.0972161 20.0271 0.0185442 19.7983 0.00289599C19.5695 -0.0127522 19.3408 0.0352336 19.1376 0.14154L0.667309 9.83862C0.451816 9.95079 0.274028 10.1238 0.156036 10.3362C0.0380445 10.5485 -0.0149513 10.7909 0.00363346 11.0331C0.0222182 11.2753 0.111564 11.5067 0.260571 11.6986C0.409578 11.8905 0.611677 12.0343 0.841759 12.1123L6.58107 14.08L17.3015 4.06033L8.62574 14.7807L17.0032 17.6528C17.1753 17.7115 17.3581 17.7317 17.5388 17.7121C17.7195 17.6925 17.8937 17.6335 18.0491 17.5393C18.2046 17.4451 18.3375 17.3179 18.4385 17.1668C18.5395 17.0157 18.6061 16.8443 18.6337 16.6646L20.9425 1.42604ZM7.39192 15.3879V18.5748C7.39203 18.814 7.46126 19.0482 7.5913 19.249C7.72134 19.4499 7.90664 19.6089 8.12491 19.7069C8.34318 19.8049 8.58513 19.8378 8.82163 19.8015C9.05814 19.7653 9.27914 19.6615 9.45803 19.5026L12.2239 17.0447L7.39192 15.3879Z' fill='white'/%3E%3C/svg%3E%0A");
	background-repeat: no-repeat;
	background-position: center;
	background-color: #D4AF37;
    border: none;
    border-radius: 30px;
    font-size: 0;
    padding: 0;
    align-self: center !important;
    margin: 0 !important;
}
.newsletter form .gform_footer input:hover, .newsletter form .gform_footer input:focus{
	background-image: url("data:image/svg+xml,%3Csvg width='21' height='20' viewBox='0 0 21 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M20.9425 1.42604C20.9764 1.1992 20.9468 0.967415 20.857 0.756352C20.7673 0.545289 20.6209 0.363183 20.434 0.230199C20.2471 0.0972161 20.0271 0.0185442 19.7983 0.00289599C19.5695 -0.0127522 19.3408 0.0352336 19.1376 0.14154L0.667309 9.83862C0.451816 9.95079 0.274028 10.1238 0.156036 10.3362C0.0380445 10.5485 -0.0149513 10.7909 0.00363346 11.0331C0.0222182 11.2753 0.111564 11.5067 0.260571 11.6986C0.409578 11.8905 0.611677 12.0343 0.841759 12.1123L6.58107 14.08L17.3015 4.06033L8.62574 14.7807L17.0032 17.6528C17.1753 17.7115 17.3581 17.7317 17.5388 17.7121C17.7195 17.6925 17.8937 17.6335 18.0491 17.5393C18.2046 17.4451 18.3375 17.3179 18.4385 17.1668C18.5395 17.0157 18.6061 16.8443 18.6337 16.6646L20.9425 1.42604ZM7.39192 15.3879V18.5748C7.39203 18.814 7.46126 19.0482 7.5913 19.249C7.72134 19.4499 7.90664 19.6089 8.12491 19.7069C8.34318 19.8049 8.58513 19.8378 8.82163 19.8015C9.05814 19.7653 9.27914 19.6615 9.45803 19.5026L12.2239 17.0447L7.39192 15.3879Z' fill='white'/%3E%3C/svg%3E%0A");
	background-color: #D4AF37;
}
.newsletter .gform_validation_errors{
	display: none;
}
.newsletter .gfield_description.validation_message.gfield_validation_message{
	position: absolute;
    top: 65px;
    border: none;
    padding: 0;
    background: transparent;
}
.newsletter .gform_wrapper.gravity-theme .gfield_error [aria-invalid=true]{
	border: none;
}
.newsletter .gform_confirmation_message_1, .get-touch-form .gform_confirmation_message_2{
	color: #2b2b2b;
	font-weight: 500;
    font-size: 18px;
}
.grecaptcha-badge{
	z-index: 10 !important;
	bottom: 35px !important;
}
.knabout-wrap .about-image{
	overflow: hidden;
}
.knabout-wrap, .client-wrap{
	position: relative;
	z-index: 1 !important;
}
.knabout-wrap::after{
	position: absolute;
	content: '';
	width: 50%;
	height: 380px;
	left: 0;
	bottom: -1px;
	background: #fff;
	clip-path: polygon(0 0, 0 100%, 100% 100%);
	z-index: 1;
}
.client-wrap::after{
	position: absolute;
	content: '';
	width: 50%;
	height: 380px;
	top: -1px;
	right: 0;
	background: #E5EEF3;
	clip-path: polygon(0 0, 100% 0%, 100% 100%);
	z-index: -1;
}
.single-lessons .knabout-wrap::after{
	bottom: -0.5px;
}
.single-lessons .client-wrap::after{
	top: -0.5px;
}
.single-lessons .knabout-wrap::after, .single-lessons .client-wrap::after{
	height: 570px;
}

/*===review slider css start*/
.reviewSlider .slider-content {
    text-align:center;
}
.reviewSlider .slider-content h4{
	font-family: 'Merriweather';
	font-weight: 700;
	font-size: 20px;
	line-height: 1.2;
	color: #C1B578;
    margin-bottom: 15px;
}
.reviewSlider .slider-content h5{
	font-family: 'Merriweather';
	font-weight: 400;
	font-size: 12px;
	line-height: 15px;
	text-align: center;
	color: #263F54;
	margin: 0 0 20px;
}
.reviewSlider .slider-content p{
	text-align: center;
	color: #2B2B2B;
    margin: 0 auto;
    max-width: 1010px;
}
.reviewSlider .slider-section .slick-slide img{
    border-radius: 50%;
}
.reviewSlider .slider-section .slick-current img{
    border-radius: 50%;
}
.reviewSlider .slider-section .slider-items img {
    transition: all 0.3s ease-in-out;
    display: inline-block;
}
.reviewSlider .slider-section .slider-for .slider-items {
    text-align: center;
}
.reviewSlider .slider-section .slider-for{
    margin: 0 auto;
    max-width: 1170px;
    width: 100%;
}
.reviewSlider .slider-section .slider-nav {
    margin:auto;
    width: 100%;
    max-width: 750px;
}
.reviewSlider .slick-current img , .slick-active img {
    transition: 0.3s ease;
}
 
.reviewSlider .slick-current.slick-active img {
    transform: scale(1) !important;
    border: 9px solid #ffffff78;
}
 
.reviewSlider .slick-active.sl-prev img{
    transform: scale(0.7) !important;
}
.reviewSlider .slick-active.sl-next img{
    transform: scale(0.7) !important;
}
.reviewSlider .slick-active img {
    transform: scale(0.5) !important;
}
.reviewSlider .slick-arrow{
	font-size: 0;
	width: 66px;
	height: 66px;
	top: -50px;
	background-color: #007C89;
	background-image: url("data:image/svg+xml,%3Csvg width='10' height='18' viewBox='0 0 10 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.99584 1L1 9L8.99584 17' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") !important;
	background-size: 8px !important;
	background-position: center center !important;
	background-repeat: no-repeat !important;
	box-shadow: 0px 4px 44px #34949E;
	padding: 0;
	border: none;
}
.reviewSlider .slick-next{
	background-image: url("data:image/svg+xml,%3Csvg width='10' height='18' viewBox='0 0 10 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.00001 1L8.99585 9L1.00001 17' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") !important;
}
.reviewSlider .slick-arrow:hover, .reviewSlider .slick-arrow:focus{
	background-color: #D4AF37;
	box-shadow: 0px 4px 44px #B5AA76;
}
.reviewSlider .slick-arrow::before{
	display: none;
}
/*======Group Lessons Page Css Start======*/
.course-loop-wrap .list-item ul{
	padding: 0;
}
.course-loop-wrap .list-item ul li::marker{
	font-size: 0;
}
.course-loop-wrap .list-item ul li{
	position: relative;
	padding-left: 33px;
	margin-bottom: 18px;
}
.course-loop-wrap .list-item ul li:last-child{
	margin-bottom: 0;
}
.course-loop-wrap .list-item ul li:before{
	position: absolute;
	content: '';
	left: 0;
	top: 2px;
	width: 23px;
	height: 23px;
	border-radius: 50%;
	background-color: #D4AF37;
	background-image: url("data:image/svg+xml,%3Csvg width='12' height='9' viewBox='0 0 12 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.3315 0.212256C11.6101 0.490772 11.6101 0.948975 11.3315 1.22749L4.59326 7.96577C4.454 8.10503 4.26982 8.17691 4.08565 8.17691C3.90147 8.17691 3.71729 8.10503 3.57803 7.96577L0.208887 4.59663C-0.0696289 4.31812 -0.0696289 3.85991 0.208887 3.5814C0.487402 3.30288 0.945606 3.30288 1.22412 3.5814L4.08565 6.44292L10.3163 0.212256C10.5948 -0.070752 11.053 -0.070752 11.3315 0.212256Z' fill='white'/%3E%3C/svg%3E%0A");
	background-repeat: no-repeat;
	background-size: 11px;
	background-position: center center;
}
.page-id-1393 .Footer{
	background: transparent !important;
}
/*=====Contact Page Css Start=====*/
.gettouch-icon-box .elementor-icon-box-description a{
	color: #2B2B2B;
	transition: 0.5s;
}
.gettouch-icon-box .elementor-icon-box-description a:hover{
	color: #D4AF37;
}
.gettouch-icon-box .elementor-icon-box-icon .elementor-icon {
    box-shadow: 0px 4px 20px 3px #D5E2E6;
}
.get-touch-form .top_label{
	row-gap: 21px !important;
}
.get-touch-form input:not([type="submit"]), .get-touch-form textarea{
	font-family: 'Merriweather';
	font-weight: 300;
	font-size: 17px !important;
	line-height: 1.2;
	color: #121212;
	height: 61px;
	border: 1px solid #EEEEEE !important;
	border-radius: 10px;
	outline: none;
	padding: 5px 23px !important;
}
.get-touch-form textarea{
	height: 138px !important;
	padding: 23px !important;
	resize: none;
}
.get-touch-form input::placeholder, .get-touch-form textarea::placeholder{
	font-family: 'Merriweather';
	font-weight: 300;
	font-size: 17px !important;
	text-transform: capitalize;
	line-height: 1.2;
	color: #121212;
}
.get-touch-form input[type="email"]{
	text-transform: lowercase;
} 
.get-touch-form .gform_footer{
	padding: 0 !important;
	margin: 0 !important;
}
.get-touch-form .gform_footer input{
	border: none;
    padding: 18px 48px !important;
    line-height: 1.5 !important;
	margin: 0 !important;
}
.get-touch-form .ginput_container--name span{
	margin: 0 !important;
}
/*===Private Lessons Page Css Start=====*/
.consultation-tab .e-n-tabs-heading button{
	min-width: 170px;
}
.inner-banner-spacer{
	filter: blur(50px);
}
.acuityscheduling-code{
	background: #fff;
	border-radius: 20px !important;
	overflow: hidden;
	padding: 10px 0;
}

/*===Responsive Css Start=====*/
@media only screen and (min-width: 1025px) and (max-width: 1600px) {
    
    body > .elementor > .elementor-element:not(.elementor-location-header) {
        zoom: 0.85;
        zoom: 85%;
    }
    [data-elementor-type="header"].elementor.elementor-location-header > .elementor-element {
        zoom: 1.0;
        zoom: 100%;
    }
    .banner-big .elementor-heading-title{
		font-size: clamp(2rem, 19vw, 252px) !important;
	}
}
@media only screen and (min-width: 1367px) and (max-width: 1500px) {
	.saxophone-image img{
		max-width: 95% !important;
	}
	.Footer .footer-top{
		padding-left: 60px !important;
	}
}
@media only screen and (min-width: 1601px) and (max-width: 1770px) {
	.saxophone-image img{
		max-width: 90% !important;
	}
	.Footer .footer-top{
		padding-left: 80px !important;
	}
}
@media only screen and (max-width: 1600px) {
	.knabout-wrap::after, .client-wrap::after{
		height: 320px;
	}
	.single-lessons .knabout-wrap::after, .single-lessons .client-wrap::after {
    	height: 450px;
	}

}

@media only screen and (max-width: 1366px) {
	.lesson-wrap .elementor-image-box-img {
	    width: 160px !important;
	    height: 160px;
	}
	.lesson-wrap .elementor-image-box-img::before {
	    width: 125px !important;
	    height: 125px;
	}
	.lesson-wrap .elementor-image-box-img img{
		max-width: 65px !important;
	}
	.knabout-wrap::after, .client-wrap::after{
		height: 300px;
	}
	.reviewSlider .slider-section .slider-for{
	    max-width: 900px;
	}
	.reviewSlider .slider-section .slider-nav {
	    max-width: 700px;
	}
	.reviewSlider .slick-arrow {
	    width: 60px;
	    height: 60px;
	}
	.header-wrap.sticky .site-logo img{
		max-width: 85px !important;
	}
	.single-lessons .knabout-wrap::after, .single-lessons .client-wrap::after {
    	height: 350px;
	}
	
}
@media only screen and (max-width: 1024px) {
	.gb-btn a svg, .learn-btn a svg{
		font-size: 10px;
	}
	.gb-btn a .elementor-button-content-wrapper{
		gap: 12px !important;
	}
	.banner-big .elementor-heading-title{
		font-size: clamp(2rem, 15.75vw, 252px) !important;
	}
	.lesson-wrap .elementor-image-box-img {
	    width: 140px !important;
	    height: 140px;
	}
	.lesson-wrap .elementor-image-box-img::before {
	    width: 110px !important;
	    height: 110px;
	}
	.lesson-wrap .elementor-image-box-img img{
		max-width: 60px !important;
	}
	.footer-icon-list .elementor-icon-list-items .elementor-icon-list-text {
	    padding-left: 12px !important;
	}
	.footer-icon-list .elementor-icon-list-items .elementor-icon-list-text::before {
   	 	height: 100%;
    	left: 4px;
	}
	.newsletter form{
	    padding: 5px 5px 5px 15px;
	}
	.newsletter form .gform_footer input{
		width: 46px;
		height: 46px;
	}
	.reviewSlider .slider-section .slider-nav {
        max-width: 580px;
    }
    .reviewSlider .slick-arrow {
        width: 45px;
        height: 45px;
        left: 15px;
        top: -40px;
    }
    .reviewSlider .slick-next{
    	left: inherit;
    	right: 15px;
    }
    .knabout-wrap::after, .client-wrap::after {
        height: 215px;
    }
	.single-lessons .knabout-wrap::after, .single-lessons .client-wrap::after {
    	height: 230px;
	}
	
	.course-loop-wrap .list-item ul li{
		padding-left: 28px;
		margin-bottom: 14px;
	}
	.course-loop-wrap .list-item ul li:before{
		width: 20px;
		height: 20px;
		background-size: 10px;
	}
	.get-touch-form .top_label{
		row-gap: 15px !important;
	}
	.get-touch-form input:not([type="submit"]), .get-touch-form textarea{
		font-size: 16px !important;
		height: 50px;
		padding: 5px 16px !important;
	}
	.get-touch-form textarea{
		height: 100px !important;
		padding: 16px !important;
	}
	.get-touch-form input::placeholder, .get-touch-form textarea::placeholder{
		font-size: 16px !important;
	}
	.get-touch-form .gform_footer input{
	    padding: 12px 30px !important;
	}
	.consultation-tab .e-n-tabs-heading button{
		min-width: 130px;
	}
}
@media only screen and (max-width: 880px) {
	.knabout-wrap::after, .client-wrap::after {
        height: 190px;
    }
    .get-touch-form .gform_footer input{
	    padding: 10px 26px !important;
	}
	.get-touch-form .top_label{
		row-gap: 10px !important;
	}
	.get-touch-form input:not([type="submit"]), .get-touch-form textarea{
		font-size: 15px !important;
		height: 45px;
		padding: 5px 15px !important;
	}
	.get-touch-form textarea{
		height: 90px !important;
		padding: 15px !important;
	}
	.get-touch-form input::placeholder, .get-touch-form textarea::placeholder{
		font-size: 15px !important;
	}
	.consultation-tab .e-n-tabs-heading button {
        min-width: 115px;
    }
}
@media only screen and (max-width: 767px) {
	.gitter-image{
		top: inherit !important;
		bottom: 140px !important;
	}
	.lesson-wrap .elementor-image-box-img {
	    width: 115px !important;
	    height: 115px;
	}
	.lesson-wrap .elementor-image-box-img::before {
	    width: 100px !important;
	    height: 100px;
	}
	.lesson-wrap .elementor-image-box-img img{
		max-width: 55px !important;
	}
	.lesson-wrap .elementor-widget-image-box .elementor-image-box-img{
		margin: 0 0 10px !important;
	}
	.footer-bottom{
		border-color: #D4AF37 !important;
	}
	.reviewSlider .slick-active.sl-prev img {
    	transform: scale(0.6) !important;
	}
	.reviewSlider .slider-section .slider-nav {
        max-width: 340px;
    }
    .reviewSlider .slick-arrow {
        width: 40px;
        height: 40px;
        top: -35px;
    }
    .knabout-wrap::after, .client-wrap::after {
        height: 0px;
    }
	.single-lessons .knabout-wrap::after, .single-lessons .client-wrap::after {
    	height: 0 ;
	}
	.banner-inner{
		position: relative;
	}
	.banner-inner::after{
		position: absolute;
		content: '';
		position: absolute;
		width: 70%;
		height: 75%;
		left: 50%;
		top: 0px;
		transform: translateX(-50%);
		background: #14BACB;
		opacity: 0.6;
		filter: blur(100px);
		z-index: -2;
	}
	
}

@media only screen and (max-width: 480px) {
	.reviewSlider .slider-section .slider-nav {
        max-width: 260px;
    }
    .reviewSlider .slick-arrow {
        width: 35px;
        height: 35px;
        left: 0;
        background-size: 6px !important;
    }
    .reviewSlider .slick-next{
    	left: inherit;
    	right: 0;
    }
    .reviewSlider .slick-current.slick-active img {
	    border: 3px solid #ffffff78;
	}
	

}