.elementor-47 .elementor-element.elementor-element-92c8843 > .elementor-container{max-width:1440px;}.elementor-47 .elementor-element.elementor-element-92c8843{margin-top:0px;margin-bottom:0px;padding:60px 80px 96px 80px;}.elementor-47 .elementor-element.elementor-element-b4a706e.elementor-column > .elementor-widget-wrap{justify-content:space-between;}.elementor-47 .elementor-element.elementor-element-b4a706e > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-bottom:0px;}.elementor-47 .elementor-element.elementor-element-b4a706e > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-47 .elementor-element.elementor-element-b4a706e > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-47 .elementor-element.elementor-element-efbec35 .elementor-heading-title{color:var( --e-global-color-primary );font-family:"YekanBAKH", sans-serif;font-size:84px;font-weight:400;line-height:104px;}.elementor-47 .elementor-element.elementor-element-efbec35 > .elementor-widget-container{margin:0px 0px 52px 0px;}.elementor-47 .elementor-element.elementor-element-b5a8739 > .elementor-container{max-width:1120px;}.elementor-47 .elementor-element.elementor-element-b5a8739{margin-top:0px;margin-bottom:100px;padding:0px 0px 0px 0px;}.elementor-47 .elementor-element.elementor-element-814e18c > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-bottom:0px;}.elementor-47 .elementor-element.elementor-element-e8f3cb4 > .elementor-widget-container{margin:0px 0px 128px 0px;}.elementor-47 .elementor-element.elementor-element-495e42d{--lottie-container-width:150px;width:auto;max-width:auto;bottom:388px;}.elementor-47 .elementor-element.elementor-element-495e42d > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}body:not(.rtl) .elementor-47 .elementor-element.elementor-element-495e42d{left:18%;}body.rtl .elementor-47 .elementor-element.elementor-element-495e42d{right:18%;}.elementor-47 .elementor-element.elementor-element-7e5de09{text-align:center;}.elementor-47 .elementor-element.elementor-element-7e5de09 .elementor-heading-title{color:var( --e-global-color-6d46daa );font-family:"YekanBAKH", sans-serif;font-size:48px;font-weight:400;line-height:70px;}.elementor-47 .elementor-element.elementor-element-7e5de09 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-47 .elementor-element.elementor-element-cf041b2 img{border-radius:4px 4px 4px 4px;}.elementor-47 .elementor-element.elementor-element-cf041b2{width:auto;max-width:auto;align-self:flex-end;}.elementor-47 .elementor-element.elementor-element-75da112 img{border-radius:4px 4px 4px 4px;}.elementor-47 .elementor-element.elementor-element-75da112{width:auto;max-width:auto;align-self:flex-end;}.elementor-47 .elementor-element.elementor-element-5cbd5ca img{border-radius:4px 4px 4px 4px;}.elementor-47 .elementor-element.elementor-element-5cbd5ca{width:auto;max-width:auto;align-self:flex-end;}.elementor-47 .elementor-element.elementor-element-90b8225 > .elementor-container{max-width:1120px;}.elementor-47 .elementor-element.elementor-element-90b8225{margin-top:96px;margin-bottom:96px;padding:0px 0px 0px 0px;}.elementor-47 .elementor-element.elementor-element-a147544{color:var( --e-global-color-82858cf );font-family:"YekanBAKH", sans-serif;font-size:20px;font-weight:400;line-height:32px;}.elementor-47 .elementor-element.elementor-element-1a21673 .elementor-button{font-family:"YekanBAKH", sans-serif;font-size:18px;font-weight:700;line-height:34px;background-color:var( --e-global-color-primary );border-radius:8px 8px 8px 8px;padding:8px 114px 8px 114px;}.elementor-47 .elementor-element.elementor-element-1a21673 .elementor-button:hover, .elementor-47 .elementor-element.elementor-element-1a21673 .elementor-button:focus{background-color:var( --e-global-color-3997f87 );}.elementor-47 .elementor-element.elementor-element-1a21673 > .elementor-widget-container{margin:0px 0px 128px 0px;}.elementor-47 .elementor-element.elementor-element-34df1c1 .elementor-heading-title{color:var( --e-global-color-6d46daa );font-family:"YekanBAKH", sans-serif;font-size:48px;font-weight:400;line-height:70px;}.elementor-47 .elementor-element.elementor-element-34df1c1 > .elementor-widget-container{margin:0px 0px 30px 0px;}.elementor-47 .elementor-element.elementor-element-b33aacb > .elementor-widget-container > .jet-listing-grid > .jet-listing-grid__items{--columns:6;}:is( .elementor-47 .elementor-element.elementor-element-b33aacb > .elementor-widget-container > .jet-listing-grid > .jet-listing-grid__items, .elementor-47 .elementor-element.elementor-element-b33aacb > .elementor-widget-container > .jet-listing-grid > .jet-listing-grid__slider > .jet-listing-grid__items > .slick-list > .slick-track, .elementor-47 .elementor-element.elementor-element-b33aacb > .elementor-widget-container > .jet-listing-grid > .jet-listing-grid__scroll-slider > .jet-listing-grid__items ) > .jet-listing-grid__item{padding-left:calc(32px / 2);padding-right:calc(32px / 2);padding-top:calc(48px / 2);padding-bottom:calc(48px / 2);}:is( .elementor-47 .elementor-element.elementor-element-b33aacb > .elementor-widget-container > .jet-listing-grid, .elementor-47 .elementor-element.elementor-element-b33aacb > .elementor-widget-container > .jet-listing-grid > .jet-listing-grid__slider, .elementor-47 .elementor-element.elementor-element-b33aacb > .elementor-widget-container > .jet-listing-grid > .jet-listing-grid__scroll-slider ) > .jet-listing-grid__items{margin-left:calc( 32px / -2);margin-right:calc( 32px / -2);width:calc(100% + 32px);}.elementor-47 .elementor-element.elementor-element-b33aacb .jet-listing-grid__loader{--spinner-color:var( --e-global-color-primary );--spinner-size:40px;}.elementor-widget .tippy-tooltip .tippy-content{text-align:center;}@media(max-width:1024px){.elementor-47 .elementor-element.elementor-element-92c8843{padding:60px 24px 96px 24px;}.elementor-47 .elementor-element.elementor-element-b33aacb > .elementor-widget-container > .jet-listing-grid > .jet-listing-grid__items{--columns:3;}}@media(max-width:767px){.elementor-47 .elementor-element.elementor-element-92c8843{padding:32px 24px 64px 24px;}.elementor-47 .elementor-element.elementor-element-efbec35 .elementor-heading-title{font-size:56px;line-height:66px;}.elementor-47 .elementor-element.elementor-element-efbec35 > .elementor-widget-container{margin:0px 0px 68px 0px;}.elementor-47 .elementor-element.elementor-element-b5a8739{margin-top:80px;margin-bottom:40px;}.elementor-47 .elementor-element.elementor-element-495e42d{--lottie-container-width:64px;}.elementor-47 .elementor-element.elementor-element-7e5de09 .elementor-heading-title{font-size:20px;line-height:32px;}.elementor-47 .elementor-element.elementor-element-90b8225{margin-top:48px;margin-bottom:64px;}.elementor-47 .elementor-element.elementor-element-a147544{font-size:14px;line-height:24px;}.elementor-47 .elementor-element.elementor-element-1a21673 .elementor-button{padding:8px 8px 8px 8px;}.elementor-47 .elementor-element.elementor-element-1a21673 > .elementor-widget-container{margin:0px 0px 64px 0px;}.elementor-47 .elementor-element.elementor-element-34df1c1 .elementor-heading-title{font-size:20px;line-height:32px;}.elementor-47 .elementor-element.elementor-element-34df1c1 > .elementor-widget-container{margin:0px 0px 6px 0px;}.elementor-47 .elementor-element.elementor-element-b33aacb > .elementor-widget-container > .jet-listing-grid > .jet-listing-grid__items{--columns:2;}:is( .elementor-47 .elementor-element.elementor-element-b33aacb > .elementor-widget-container > .jet-listing-grid > .jet-listing-grid__items, .elementor-47 .elementor-element.elementor-element-b33aacb > .elementor-widget-container > .jet-listing-grid > .jet-listing-grid__slider > .jet-listing-grid__items > .slick-list > .slick-track, .elementor-47 .elementor-element.elementor-element-b33aacb > .elementor-widget-container > .jet-listing-grid > .jet-listing-grid__scroll-slider > .jet-listing-grid__items ) > .jet-listing-grid__item{padding-left:calc(16px / 2);padding-right:calc(16px / 2);padding-top:calc(24px / 2);padding-bottom:calc(24px / 2);}:is( .elementor-47 .elementor-element.elementor-element-b33aacb > .elementor-widget-container > .jet-listing-grid, .elementor-47 .elementor-element.elementor-element-b33aacb > .elementor-widget-container > .jet-listing-grid > .jet-listing-grid__slider, .elementor-47 .elementor-element.elementor-element-b33aacb > .elementor-widget-container > .jet-listing-grid > .jet-listing-grid__scroll-slider ) > .jet-listing-grid__items{margin-left:calc( 16px / -2);margin-right:calc( 16px / -2);width:calc(100% + 16px);}}/* Start custom CSS for section, class: .elementor-element-b5a8739 */#xylophone {
    direction: ltr;
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 28px;
}

.note {
    width: 9%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 24px;
}

.note__wrapper {
    width: 100%;
    height: 428px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.note__play {
    border: none;
    width: 100%;
    border-radius: 14px;
    transition: all 0.1s linear;
    outline: none;
    padding: 0;
}

.note__play:focus {
    outline: none;
}

.note__key {
    display: inline-block;
    width: 80%;
    max-width: 56px;
    height: 56px;
    line-height: 56px;
    font-size: 42px;
    color: #fff;
    background-color: rgba(24, 23, 65, 0.2);
    border-radius: 8px;
}

.note__keyboard {
    display: inline-block;
    width: 100%;
    max-width: 64px;
    height: 64px;
    border-radius: 8px;
    line-height: 64px;
    font-size: 42px;
    color: #4E4B66;
    text-align: center;
    border: 1px solid #A0A3BD;
    font-family: "YekanBAKH", sans-serif;
}

.note.note-c4 .note__play {
    height: 100%;
    background-color: #DD5F57;
}

.note.note-c4 .note__play:hover {
    background-color: #AB453F;
}

.note.note-d4 .note__play {
    height: 95%;
    background-color: #F19D39;
}

.note.note-d4 .note__play:hover {
    background-color: #B9782A;
}

.note.note-e4 .note__play {
    height: 90%;
    background-color: #F7CC50;
}

.note.note-e4 .note__play:hover {
    background-color: #C09F3E;
}

.note.note-f4 .note__play {
    height: 85%;
    background-color: #7CB973;
}

.note.note-f4 .note__play:hover {
    background-color: #63995B;
}

.note.note-g4 .note__play {
    height: 80%;
    background-color: #53A49A;
}

.note.note-g4 .note__play:hover {
    background-color: #43847C;
}

.note.note-a4 .note__play {
    height: 75%;
    background-color: #5CB3F0;
}

.note.note-a4 .note__play:hover {
    background-color: #4F96C9;
}

.note.note-b4 .note__play {
    height: 70%;
    background-color: #795ABC;
}

.note.note-b4 .note__play:hover {
    background-color: #5C4390;
}

.note.note-c5 .note__play {
    height: 65%;
    background-color: #DD5F57;
}

.note.note-c5 .note__play:hover {
    background-color: #AB453F;
}

.note.note-d5 .note__play {
    height: 60%;
    background-color: #F19D39;
}

.note.note-d5 .note__play:hover {
    background-color: #B9782A;
}

.note.note-e5 .note__play {
    height: 55%;
    background-color: #F7CC50;
}

.note.note-e5 .note__play:hover {
    background-color: #C09F3E;
}

@media (max-width: 767px) {
    .elementor-47 .elementor-element.elementor-element-b5a8739 #xylophone {
        gap: 0;
    }
    
    .elementor-47 .elementor-element.elementor-element-b5a8739 .note {
        width: 8%;
    }
    
    .elementor-47 .elementor-element.elementor-element-b5a8739 .note__wrapper {
        height: 156px;
    }
    
    .elementor-47 .elementor-element.elementor-element-b5a8739 .note__play {
        border-radius: 5px;
    }
    
    .elementor-47 .elementor-element.elementor-element-b5a8739 .note__key {
        font-size: 14px;
        max-width: 20px;
        height: 20px;
        line-height: 20px;
        border-radius: 3px;
    }
    
    .elementor-47 .elementor-element.elementor-element-b5a8739 .note__keyboard {
        display: none;
    }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-cf041b2 */.elementor-47 .elementor-element.elementor-element-cf041b2 img {
    aspect-ratio: 95 / 100;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-75da112 */.elementor-47 .elementor-element.elementor-element-75da112 img {
    aspect-ratio: 16 / 10;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-5cbd5ca */.elementor-47 .elementor-element.elementor-element-5cbd5ca img {
    aspect-ratio: 13 / 10;
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-90b8225 */.elementor-47 .elementor-element.elementor-element-90b8225 .primary {
    color: #53AAA6;
}

.elementor-47 .elementor-element.elementor-element-90b8225 .secondary {
    color: #BA944C
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-92c8843 */.elementor-47 .elementor-element.elementor-element-92c8843 .random-image {
    max-width: 32%;
}

.elementor-47 .elementor-element.elementor-element-92c8843 .random-image img {
    object-fit: cover;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'YekanBAKH';
	font-style: normal;
	font-weight: 300;
	font-display: auto;
	src: url('https://elhammusic.com/wp-content/uploads/2022/11/Yekan-Bakh-FA-03-Light.eot');
	src: url('https://elhammusic.com/wp-content/uploads/2022/11/Yekan-Bakh-FA-03-Light.eot?#iefix') format('embedded-opentype'),
		url('https://elhammusic.com/wp-content/uploads/2022/11/Yekan-Bakh-FA-03-Light.woff') format('woff'),
		url('https://elhammusic.com/wp-content/uploads/2022/11/Yekan-Bakh-FA-03-Light.ttf') format('truetype');
}
@font-face {
	font-family: 'YekanBAKH';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://elhammusic.com/wp-content/uploads/2022/11/Yekan-Bakh-FA-04-Regular.eot');
	src: url('https://elhammusic.com/wp-content/uploads/2022/11/Yekan-Bakh-FA-04-Regular.eot?#iefix') format('embedded-opentype'),
		url('https://elhammusic.com/wp-content/uploads/2022/11/Yekan-Bakh-FA-04-Regular.woff') format('woff'),
		url('https://elhammusic.com/wp-content/uploads/2022/11/Yekan-Bakh-FA-04-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'YekanBAKH';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://elhammusic.com/wp-content/uploads/2022/11/Yekan-Bakh-FA-05-Medium.eot');
	src: url('https://elhammusic.com/wp-content/uploads/2022/11/Yekan-Bakh-FA-05-Medium.eot?#iefix') format('embedded-opentype'),
		url('https://elhammusic.com/wp-content/uploads/2022/11/Yekan-Bakh-FA-05-Medium.woff') format('woff'),
		url('https://elhammusic.com/wp-content/uploads/2022/11/Yekan-Bakh-FA-05-Medium.ttf') format('truetype');
}
@font-face {
	font-family: 'YekanBAKH';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://elhammusic.com/wp-content/uploads/2022/11/Yekan-Bakh-FA-06-Bold.eot');
	src: url('https://elhammusic.com/wp-content/uploads/2022/11/Yekan-Bakh-FA-06-Bold.eot?#iefix') format('embedded-opentype'),
		url('https://elhammusic.com/wp-content/uploads/2022/11/Yekan-Bakh-FA-06-Bold.woff') format('woff'),
		url('https://elhammusic.com/wp-content/uploads/2022/11/Yekan-Bakh-FA-06-Bold.ttf') format('truetype');
}
/* End Custom Fonts CSS */