/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
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: 2.0.0
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
*/

/* Add your custom styles here */
@font-face {
	font-family: 'vazir';
	src: url('fonts/vazir.eot?#') format('eot'), url('fonts/vazir.woff') format('woff'), url('fonts/vazir.ttf') format('truetype');
}

@font-face {
	font-family: 'yekan';
	src: url('fonts/yekan.eot?#') format('eot'), url('fonts/yekan.woff') format('woff'), url('fonts/yekan.ttf') format('truetype');
}


@font-face {
	font-family: IRANSansx;
	font-style: normal;
	font-weight: 100;
	src: url('fonts/iransansx/woff/IRANSansXFaNum-Thin.woff') format('woff');
}

@font-face {
	font-family: IRANSansx;
	font-style: normal;
	font-weight: 200;
	src: url('fonts/iransansx/woff/IRANSansXFaNum-UltraLight.woff') format('woff');
}

@font-face {
	font-family: IRANSansx;
	font-style: normal;
	font-weight: 300;
	src: url('fonts/iransansx/woff/IRANSansXFaNum-Light.woff') format('woff');
}

@font-face {
	font-family: IRANSansx;
	font-style: normal;
	font-weight: 500;
	src: url('fonts/iransansx/woff/IRANSansXFaNum-Medium.woff') format('woff');
}

@font-face {
	font-family: IRANSansx;
	font-style: normal;
	font-weight: 600;
	src: url('fonts/iransansx/woff/IRANSansXFaNum-DemiBold.woff') format('woff');
}

@font-face {
	font-family: IRANSansx;
	font-style: normal;
	font-weight: 800;
	src: url('fonts/iransansx/woff/IRANSansXFaNum-ExtraBold.woff') format('woff');
}

@font-face {
	font-family: IRANSansx;
	font-style: normal;
	font-weight: 900;
	src: url('fonts/iransansx/woff/IRANSansXFaNum-Black.woff') format('woff');
}

@font-face {
	font-family: IRANSansx;
	font-style: normal;
	font-weight: bold;
	src: url('fonts/iransansx/woff/IRANSansXFaNum-Bold.woff') format('woff');
}

@font-face {
	font-family: IRANSansx;
	font-style: normal;
	font-weight: normal;
	src: url('fonts/iransansx/woff/IRANSansXFaNum-Regular.woff') format('woff');
}


@font-face {
	font-family: iranyekan;
	font-style: normal;
	src: url('fonts/iranyekan/woff/IRANYekanXVF.woff') format('woff');
	/* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}

@font-face {
	font-family: shabnam;
	font-style: normal;
	font-weight: 600;
	src: url('fonts/shabnam/Shabnam-Bold-FD.woff') format('woff');
	/* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}

@font-face {
	font-family: shabnam;
	font-style: normal;
	font-weight: 300;
	src: url('fonts/shabnam/Shabnam-Light-FD.woff') format('woff');
	/* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}

@font-face {
	font-family: shabnam;
	font-style: normal;
	font-weight: normal;
	src: url('fonts/shabnam/Shabnam-FD.woff') format('woff');
	/* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}

/*
Dana Font
*/

@font-face {
	font-family: dana;
	font-style: normal;
	font-weight: 10;
	src: url('fonts/dana/woff/DanaFaNum-Hairline.woff') format('woff');
	/* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}

@font-face {
	font-family: dana;
	font-style: normal;
	font-weight: 100;
	src: url('fonts/dana/woff/DanaFaNum-Thin.woff') format('woff');
	/* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}

@font-face {
	font-family: dana;
	font-style: normal;
	font-weight: 200;
	src: url('fonts/dana/woff/DanaFaNum-UltraLight.woff') format('woff');
	/* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}

@font-face {
	font-family: dana;
	font-style: normal;
	font-weight: 300;
	src: url('fonts/dana/woff/DanaFaNum-Light.woff') format('woff');
	/* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}

@font-face {
	font-family: dana;
	font-style: normal;
	font-weight: 500;
	src: url('fonts/dana/woff/DanaFaNum-Medium.woff') format('woff');
	/* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}

@font-face {
	font-family: dana;
	font-style: normal;
	font-weight: 600;
	src: url('fonts/dana/woff/DanaFaNum-DemiBold.woff') format('woff');
	/* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}

@font-face {
	font-family: dana;
	font-style: normal;
	font-weight: 800;
	src: url('fonts/dana/woff/DanaFaNum-ExtraBold.woff') format('woff');
	/* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}

@font-face {
	font-family: dana;
	font-style: normal;
	font-weight: 900;
	src: url('fonts/dana/woff/DanaFaNum-Black.woff') format('woff');
	/* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}

@font-face {
	font-family: dana;
	font-style: normal;
	font-weight: 930;
	src: url('fonts/dana/woff/DanaFaNum-ExtraBlack.woff') format('woff');
	/* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}

@font-face {
	font-family: dana;
	font-style: normal;
	font-weight: 960;
	src: url('fonts/dana/woff/DanaFaNum-Heavy.woff') format('woff');
	/* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}

@font-face {
	font-family: dana;
	font-style: normal;
	font-weight: 990;
	src: url('fonts/dana/woff/DanaFaNum-Fat.woff') format('woff');
	/* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}

@font-face {
	font-family: dana;
	font-style: normal;
	font-weight: bold;
	src: url('fonts/dana/woff/DanaFaNum-Bold.woff') format('woff');
	/* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}

@font-face {
	font-family: dana;
	font-style: normal;
	font-weight: normal;
	src: url('fonts/dana/woff/DanaFaNum-Regular.woff') format('woff');
	/* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}



/*
Yekan Bakh Font
*/

@font-face {
	font-family: YekanBakh;
	font-style: normal;
	font-weight: 100;
	src: url('fonts/bakh/woff/YekanBakhFaNum-thin.woff') format('woff'),
		url('fonts/bakh/woff2/YekanBakhFaNum-thin.woff2') format('woff2');
}

@font-face {
	font-family: YekanBakh;
	font-style: normal;
	font-weight: 300;
	src: url('fonts/bakh/woff/YekanBakhFaNum-Light.woff') format('woff'),
		url('fonts/bakh/woff2/YekanBakhFaNum-Light.woff2') format('woff2');
}

@font-face {
	font-family: YekanBakh;
	font-style: normal;
	font-weight: normal;
	src: url('fonts/bakh/woff/YekanBakhFaNum-Regular.woff') format('woff'),
		url('fonts/bakh/woff2/YekanBakhFaNum-Regular.woff2') format('woff2');
}

@font-face {
	font-family: YekanBakh;
	font-style: normal;
	font-weight: 600;
	src: url('fonts/bakh/woff/YekanBakhFaNum-SemiBold.woff') format('woff'),
		url('fonts/bakh/woff2/YekanBakhFaNum-SemiBold.woff2') format('woff2');
}

@font-face {
	font-family: YekanBakh;
	font-style: normal;
	font-weight: bold;
	src: url('fonts/bakh/woff/YekanBakhFaNum-Bold.woff') format('woff'),
		url('fonts/bakh/woff2/YekanBakhFaNum-Bold.woff2') format('woff2');
}

@font-face {
	font-family: YekanBakh;
	font-style: normal;
	font-weight: 800;
	src: url('fonts/bakh/woff/YekanBakhFaNum-ExtraBold.woff') format('woff'),
		url('fonts/bakh/woff2/YekanBakhFaNum-ExtraBold.woff2') format('woff2');
}

@font-face {
	font-family: YekanBakh;
	font-style: normal;
	font-weight: 900;
	src: url('fonts/bakh/woff/YekanBakhFaNum-Black.woff') format('woff'),
		url('fonts/bakh/woff2/YekanBakhFaNum-Black.woff2') format('woff2');
}

@font-face {
	font-family: YekanBakh;
	font-style: normal;
	font-weight: 950;
	src: url('fonts/bakh/woff/YekanBakhFaNum-ExtraBlack.woff') format('woff'),
		url('fonts/bakh/woff2/YekanBakhFaNum-ExtraBlack.woff2') format('woff2');
}

@font-face {
	font-family: Morabba;
	font-style: normal;
	font-weight: 200;
	src: url('./fonts/Morabba/woff/Morabba-UltraLight.woff') format('woff'),
		url('./fonts/Morabba/woff2/Morabba-UltraLight.woff2') format('woff2'),
		url("./fonts/Morabba/ttf/Morabba-UltraLight.ttf") format("truetype"),
		url("./fonts/Morabba/otf/Morabba-UltraLight.otf") format("opentype");
}

@font-face {
	font-family: Morabba;
	font-style: normal;
	font-weight: 300;
	src: url('./fonts/Morabba/woff/Morabba-Light.woff') format('woff'),
		url('./fonts/Morabba/woff2/Morabba-Light.woff2') format('woff2'),
		url("./fonts/Morabba/ttf/Morabba-Light.ttf") format("truetype"),
		url("./fonts/Morabba/otf/Morabba-Light.otf") format("opentype");
}

@font-face {
	font-family: Morabba;
	font-style: normal;
	font-weight: 500;
	src: url('./fonts/Morabba/woff/Morabba-Medium.woff') format('woff'),
		url('./fonts/Morabba/woff2/Morabba-Medium.woff2') format('woff2'),
		url("./fonts/Morabba/ttf/Morabba-Medium.ttf") format("truetype"),
		url("./fonts/Morabba/otf/Morabba-Medium.otf") format("opentype");
}

@font-face {
	font-family: Morabba;
	font-style: normal;
	font-weight: 600;
	src: url('./fonts/Morabba/woff/Morabba-SemiBold.woff') format('woff'),
		url('./fonts/Morabba/woff2/Morabba-SemiBold.woff2') format('woff2'),
		url("./fonts/Morabba/ttf/Morabba-SemiBold.ttf") format("truetype"),
		url("./fonts/Morabba/otf/Morabba-SemiBold.otf") format("opentype");
}

@font-face {
	font-family: Morabba;
	font-style: normal;
	font-weight: 800;
	src: url('./fonts/Morabba/woff/Morabba-ExtraBold.woff') format('woff'),
		url('./fonts/Morabba/woff2/Morabba-ExtraBold.woff2') format('woff2'),
		url("./fonts/Morabba/ttf/Morabba-ExtraBold.ttf") format("truetype"),
		url("./fonts/Morabba/otf/Morabba-ExtraBold.otf") format("opentype");
}

@font-face {
	font-family: Morabba;
	font-style: normal;
	font-weight: 850;
	src: url('./fonts/Morabba/woff/Morabba-Black.woff') format('woff'),
		url('./fonts/Morabba/woff2/Morabba-Black.woff2') format('woff2'),
		url("./fonts/Morabba/ttf/Morabba-Black.ttf") format("truetype"),
		url("./fonts/Morabba/otf/Morabba-Black.otf") format("opentype");
}

@font-face {
	font-family: Morabba;
	font-style: normal;
	font-weight: 900;
	src: url('./fonts/Morabba/woff/Morabba-Heavy.woff') format('woff'),
		url('./fonts/Morabba/woff2/Morabba-Heavy.woff2') format('woff2'),
		url("./fonts/Morabba/ttf/Morabba-Heavy.ttf") format("truetype"),
		url("./fonts/Morabba/otf/Morabba-Heavy.otf") format("opentype");
}

@font-face {
	font-family: Morabba;
	font-style: normal;
	font-weight: bold;
	src: url('./fonts/Morabba/woff/Morabba-Bold.woff') format('woff'),
		url('./fonts/Morabba/woff2/Morabba-Bold.woff2') format('woff2'),
		url("./fonts/Morabba/ttf/Morabba-Bold.ttf") format("truetype"),
		url("./fonts/Morabba/otf/Morabba-Bold.otf") format("opentype");
}

@font-face {
	font-family: Morabba;
	font-style: normal;
	font-weight: normal;
	src: url('./fonts/Morabba/woff/Morabba-Regular.woff') format('woff'),
		url('./fonts/Morabba/woff2/Morabba-Regular.woff2') format('woff2'),
		url("./fonts/Morabba/ttf/Morabba-Regular.ttf") format("truetype"),
		url("./fonts/Morabba/otf/Morabba-Regular.otf") format("opentype");
}

html,
body {
	overflow-x: hidden;
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
li,
input,
textarea,
select,
button,
label,
strong,
b,
em,
.elementor-slide-heading,
.elementor-icon-list-text,
.elementor-widget-container,
.elementor-tab-title,
.elementor-post__badge,
.elementor-post__meta-data,
.page-numbers {
	font-family: IranSansX !important;
}

#home-slider {
	overflow: hidden;
	/* border-radius: 17px; */
}

.services-carousel {
	overflow: hidden;
}

.bdt-image-mask>* {
	height: 130px !important;
}

#ui-datepicker-div {
	z-index: 9999 !important;
}

html body.rtl .rtmega-menu-area .mobile-menu-area .rtmega-menu-mobile-sidebar {
	left: inherit !important;
	right: 0 !important;
	transform: translate3d(520px, 0, 0);
}

html .rtmega-menu-area .mobile-menu-area .rtmega-menu-mobile-sidebar {
	left: 0;
}

#blog-main-slider {
	overflow: hidden;
	border-radius: 8px;
}

body.single-facility h2 {
	font-size: 18px;
	font-weight: 600;
}

.dynamic-accordion {
	padding: 10px;
}

.dynamic-accordion .elementor-accordion-item {
	margin-bottom: 7px;
}

.dynamic-accordion .elementor-accordion-item.elementor-active .elementor-accordion-icon-closed{
	display:none;
}

.dynamic-accordion .elementor-accordion-item.elementor-active .elementor-accordion-icon-opened{
	display:inline-block;
}

.dynamic-accordion .elementor-accordion-item:not(.elementor-active) .elementor-accordion-icon-opened{
	display:none;
}

.dynamic-accordion .elementor-tab-title {
	border: 1px solid #bcbcbc;
	padding: 10px;
	border-radius: 8px;
}

.dynamic-accordion .elementor-accordion-title{
	color: var(--e-global-color-text);
}

.dynamic-accordion .elementor-active .elementor-accordion-title{
	color: var(--e-global-color-primary);
}


.dynamic-accordion .elementor-tab-content {
  padding: 20px;
  padding-top: 10px;
  font-size: 14px;
}

#service-summary-box{
	backdrop-filter: blur(4px);
	--webkit-backdrop-filter: blur(4px);
}

h2 {
  font-size: 1.5rem;
}

h3 {
  font-size: 1.2rem;
}

@media only screen and (min-width:990px) {
	body.home .rtmega-menu-container .desktop-menu-area .rtmega-megamenu .menu-item:hover>.menu-link::before {
		content: '';
		background: #8F429885;
		position: absolute;
		top: calc(50% - 5px);
		right: 0;
		height: 10px;
		left: 0;
		z-index: -2;
	}
}

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




/* =========================
   AUDIOIGNITER FINAL FIX
========================= */

.audioigniter-root,
.ai-audioigniter,
.ai-wrap,
.ai-control-wrap,
.ai-control-wrap-controls,
.ai-tracklist-wrap,
.ai-tracklist,
.ai-track,
.ai-track-control,
.ai-track-control-buttons {
    box-sizing: border-box;
}

/* ROOT */

.audioigniter-root {
    background: #fff;
    border-radius: 32px;
    padding: 28px;
    border: 1px solid rgba(155,110,190,.12);
    box-shadow: 0 20px 60px rgba(90,60,120,.08);
    overflow: hidden;
}

/* REMOVE PLUGIN DARK BG */

.ai-wrap,
.ai-audioigniter,
.ai-control-wrap,
.ai-tracklist-wrap {
    background: transparent !important;
}

/* MAIN PLAYER */

.ai-control-wrap {
    display: flex !important;
    flex-direction: row-reverse;
    align-items: center;
    gap: 28px;

    padding: 28px;

    background: #faf7fc !important;

    border-radius: 28px;

    border: 1px solid rgba(155,110,190,.08);
}

/* COVER */

.ai-thumb {
    width: 140px !important;
    flex-shrink: 0 !important;
}

.ai-thumb img {
    width: 154px !important;
    height: 154px !important;

    display: block;

    object-fit: cover;

    border-radius: 24px !important;

    box-shadow:
        0 12px 30px rgba(0,0,0,.12) !important;
}

/* CONTENT */

.ai-control-wrap-controls {
    flex: 1;
    min-width: 0;
}

/* TITLE ROW */

.ai-audio-controls-main {
    display: flex !important;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: flex-start;

    gap: 20px;
}

.ai-track-info {
    text-align: right;
}

.ai-track-title,
.ai-track-subtitle {
    margin: 0 !important;
}

.ai-track-title span {
    font-size: 42px !important;
    font-weight: 700;
    color: #7d4ca6 !important;
    line-height: 1.1;
}

.ai-track-subtitle span {
    font-size: 16px !important;
    color: #9b92a3 !important;
}

/* PLAY BUTTON */

.ai-audio-control {
    width: 82px !important;
    height: 82px !important;

    border-radius: 50% !important;

    background:
        linear-gradient(
            135deg,
            #9c70c4,
            #c8a8e7
        ) !important;

    border: none !important;

    flex-shrink: 0;

    display: flex;
    align-items: center;
    justify-content: center;

    box-shadow:
        0 12px 30px rgba(155,110,190,.28);
}

.ai-audio-control svg {
    width: 22px;
    height: 22px;
    fill: #fff !important;
}

/* PROGRESS */

.ai-audio-controls-progress {
    margin-top: 24px;
}

.ai-track-progress-bar {
    display: block;
    width: 100%;
    height: 8px !important;

    border-radius: 999px;

    overflow: hidden;

    background:
        rgba(155,110,190,.12) !important;
}

.ai-track-progress {
    background:
        linear-gradient(
            90deg,
            #9c70c4,
            #d5b8ef
        ) !important;
}

.ai-track-time {
    color: #9b92a3 !important;
    font-size: 13px !important;
}

/* CONTROLS */

.ai-audio-controls-meta {
    display: flex !important;
    align-items: center;
    flex-wrap: wrap;

    gap: 10px;

    margin-top: 20px;
}

.ai-btn {
    width: 42px !important;
    height: 42px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center;

    border-radius: 14px !important;

    background: #fff !important;

    border: 1px solid rgba(155,110,190,.08) !important;

    box-shadow:
        0 4px 12px rgba(0,0,0,.04) !important;
    color:  #8F4298 !important;
}

.ai-btn svg {
    width: 15px;
    height: 15px;

    fill: #7d4ca6 !important;
}

/* TRACKLIST */

.ai-tracklist-wrap {
    margin-top: 24px;

    background: #faf7fc !important;

    border-radius: 24px;

    border: 1px solid rgba(155,110,190,.08);

    overflow: hidden;
}

.ai-tracklist {
    list-style: none;
    margin: 0;
    padding: 12px !important;
}

/* TRACK */

.ai-track {
    display: flex !important;
    flex-direction: row-reverse;
    align-items: center;

    gap: 14px;

    padding: 12px 16px !important;

    background: #fff !important;

    border-radius: 18px;

    transition: .2s ease !important;
    height: auto !important;
}

.ai-track + .ai-track {
    margin-top: 10px !important;
}

.ai-track:hover {
    background:
        rgba(155,110,190,.05);
}

.ai-track-active {
    background:
        linear-gradient(
            90deg,
            rgba(155,110,190,.14),
            rgba(215,185,239,.12)
        ) !important;
}

/* TRACK THUMB */

.ai-track-thumb {
    width: 52px !important;
    flex-shrink: 0;
}

.ai-track-thumb img {
    width: 52px !important;
    height: 52px !important;

    border-radius: 14px !important;

    object-fit: cover !important;

    display: block;
}

/* TRACK TEXT */

.ai-track-control {
    flex: 1;
    text-align: right;
}

.ai-track-name {
    font-size: 15px !important;
    font-weight: 600;
    color: #2d2433 !important;
}

/* REMOVE BLACK AREAS */

.ai-scroll-wrap,
.ai-scroll-wrap > div {
    position: static !important;
    overflow: visible !important;
    height: auto !important;
    background: transparent !important;
}

.ai-wrap .ai-volume-bar {
  float: left;
  position: relative;
  width: 4px;
  height: 100%;
  background-color: #eae9e900;
  cursor: pointer;
  border-right: 1px solid #ffffff8a;
}

.ai-wrap .ai-volume-bar.ai-volume-bar-active::before {
  background-color: #8F4298;
}

/* =========================
   MOBILE REDESIGN
========================= */

@media (max-width: 768px) {

    .audioigniter-root {
        padding: 12px !important;
        border-radius: 22px !important;

        background:
            linear-gradient(
                180deg,
                #ffffff,
                #faf7fc
            ) !important;
    }

    /* PLAYER CARD */

    .ai-control-wrap {
        flex-direction: column !important;

        padding: 18px !important;

        gap: 18px !important;

        border-radius: 20px !important;

        background: #fff !important;

        box-shadow:
            0 10px 30px rgba(90,60,120,.06) !important;
    }

    /* COVER */

    .ai-thumb {
        width: 100% !important;

        display: flex !important;
        justify-content: center !important;
    }

    .ai-thumb img {
        flex-direction: column !important;
        justify-content: center !important;
        align-items: center !important;

        gap: 16px !important;

        text-align: center !important;
        display: flex;
    }

    /* CONTENT */

    .ai-control-wrap-controls {
        width: 100% !important;
    }

    /* TITLE AREA */

    .ai-audio-controls-main {

        justify-content: center !important;
        align-items: center !important;

        text-align: center !important;

        gap: 14px !important;
    }

    .ai-track-info {
        text-align: center !important;
    }

    .ai-track-title span {
        font-size: 24px !important;
        line-height: 1.2 !important;
    }

    .ai-track-subtitle span {
        font-size: 13px !important;
        opacity: .8 !important;
    }

    /* PLAY BUTTON */

    .ai-audio-control {
        width: 66px !important;
        height: 66px !important;

        border-radius: 50% !important;

        box-shadow:
            0 10px 24px rgba(155,110,190,.25) !important;
    }

    .ai-audio-control svg {
        width: 18px !important;
        height: 18px !important;
    }

    /* PROGRESS */

    .ai-audio-controls-progress {
        margin-top: 14px !important;
    }

    .ai-track-progress-bar {
        height: 6px !important;
    }

    .ai-track-time {
        display: block !important;

        margin-top: 8px !important;

        text-align: center !important;

        font-size: 11px !important;
    }

    /* CONTROLS */

    .ai-audio-controls-meta {
        display: grid !important;

        grid-template-columns:
            repeat(4, minmax(0,1fr)) !important;

        gap: 10px !important;

        justify-content: center !important;

        margin-top: 18px !important;
    }

    .ai-btn {
        width: 100% !important;
        height: 40px !important;

        border-radius: 12px !important;
    }

    .ai-btn svg {
        width: 14px !important;
        height: 14px !important;
    }

    .ai-btn-playback-rate,
    .ai-btn-skip-position {
        font-size: 11px !important;
        padding: 0 !important;
    }

    /* VOLUME */

    .ai-audio-volume-control {
        justify-content: center !important;

        width: 100% !important;
    }

    .ai-audio-volume-bars {
        gap: 2px !important;
    }

    .ai-wrap .ai-volume-bar {
        width: 3px !important;
    }

    /* TRACKLIST */

    .ai-tracklist-wrap {
        margin-top: 14px !important;

        border-radius: 18px !important;

        overflow: hidden !important;
    }

    .ai-tracklist {
        padding: 8px !important;
    }

    /* TRACK ITEM */

    .ai-track {
        display: flex !important;
        flex-direction: row-reverse !important;

        align-items: center !important;

        gap: 10px !important;

        padding: 10px !important;

        border-radius: 14px !important;

        min-height: unset !important;
    }

    .ai-track + .ai-track {
        margin-top: 8px !important;
    }

    .ai-track-thumb {
        width: 42px !important;

        flex-shrink: 0 !important;
    }

    .ai-track-thumb img {
        width: 42px !important;
        height: 42px !important;

        border-radius: 10px !important;
    }

    .ai-track-control {
        flex: 1 !important;

        min-width: 0 !important;

        text-align: right !important;
    }

    .ai-track-name {
        font-size: 12px !important;

        line-height: 1.5 !important;

        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    /* REMOVE PLUGIN INLINE HEIGHTS */

    .ai-scroll-wrap,
    .ai-scroll-wrap > div {
        height: auto !important;
        overflow: visible !important;
        position: static !important;
    }
}