#eai-tamplate .testAi-2{
    margin-top: 170px;
    margin-bottom: 147px;
}
#eai-tamplate .package-test-intro__box{
    border-radius: 69px;
    background: linear-gradient(45deg, #2994AB 5.5%, #1FAAC8 93.55%);
    padding: 76px 50px 0px 86px;
    position: relative;
}
#eai-tamplate .package-test-intro__pro-test{
    width: 50%;
    border-left: 1px solid #fff;
    padding-left: 50px;
}
#eai-tamplate .package-test-intro__pro-test h2{
    color: #FFF;
    font-size: 24px;
    font-weight: 700;
    line-height: 36px;
    margin-bottom: 6px;
}
#eai-tamplate .package-test-intro__pro-test p{
    color: #FFF;
    font-size: 16px;
    font-weight: 300;
    min-height: 125px;
    line-height: 25px;
}
#eai-tamplate .btn-see-pro-box{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 45%;
    transform: translateY(-30px);
}
#eai-tamplate .btn-see-pro-test{
    border: 2px solid #fff;
    padding: 4px 3px;
    border-radius: 26.5px;
    width: 100%;
    max-width: 180px;
}
#eai-tamplate .btn-see-pro-test button {
    display: flex;
    justify-content: space-between;
    border-radius: 80px;
    background: #FFF;
    box-shadow: 0px 4px 21px 0px rgba(0, 0, 0, 0.35);
    width: 100%;
    color: #08BFA9;
    font-size: 17px;
    font-weight: 600;
    line-height: 40px;
    align-items: center;
    padding: 0 12px 0 5px;
    width: 100%;
    border: none;
}
#eai-tamplate .btn-see-pro-test button:hover{
    opacity: .8;
}
#eai-tamplate .package-test__state-test{
    width: 50%;
    padding-right: 63px;
}
#eai-tamplate .icon-see-pro-test::after{
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='22' viewBox='0 0 23 22' fill='none'%3E%3Cpath d='M7.76362 6.90918L3.7168 10.956L7.76362 15.0028' stroke='white' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M21.5228 10.9551H3.7168' stroke='white' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
#eai-tamplate .icon-see-pro-test{
    line-height: 0;
    padding: 5px 11px;
    border-radius: 80px;
    background: #08BFA9;
}
#eai-tamplate .package-test__state-items{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}
#eai-tamplate .icon-do-test::after{
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='35' height='35' viewBox='0 0 35 35' fill='none'%3E%3Cpath d='M18.0391 12.9502H25.6953' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.30469 12.9502L10.3984 14.0439L13.6797 10.7627' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M18.0391 23.1582H25.6953' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.30469 23.1582L10.3984 24.252L13.6797 20.9707' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13.1243 32.0837H21.8743C29.166 32.0837 32.0827 29.167 32.0827 21.8753V13.1253C32.0827 5.83366 29.166 2.91699 21.8743 2.91699H13.1243C5.83268 2.91699 2.91602 5.83366 2.91602 13.1253V21.8753C2.91602 29.167 5.83268 32.0837 13.1243 32.0837Z' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
#eai-tamplate .icon-question-test::after{
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='35' height='35' viewBox='0 0 35 35' fill='none'%3E%3Cpath d='M11.666 17.792H21.8743' stroke='white' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.666 23.625H18.0535' stroke='white' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14.5827 8.75033H20.416C23.3327 8.75033 23.3327 7.29199 23.3327 5.83366C23.3327 2.91699 21.8743 2.91699 20.416 2.91699H14.5827C13.1243 2.91699 11.666 2.91699 11.666 5.83366C11.666 8.75033 13.1243 8.75033 14.5827 8.75033Z' stroke='white' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M23.3333 5.8623C28.1896 6.1248 30.625 7.91855 30.625 14.5831V23.3331C30.625 29.1665 29.1667 32.0831 21.875 32.0831H13.125C5.83333 32.0831 4.375 29.1665 4.375 23.3331V14.5831C4.375 7.93314 6.81042 6.1248 11.6667 5.8623' stroke='white' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
#eai-tamplate .icon-age-test::after{
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='35' height='35' viewBox='0 0 35 35' fill='none'%3E%3Cpath d='M31.9805 9.85879L27.0659 29.5901C26.7159 31.063 25.4034 32.0838 23.8868 32.0838H4.72425C2.52217 32.0838 0.947193 29.9254 1.60344 27.8108L7.74301 8.09427C8.16593 6.72344 9.4347 5.77539 10.8639 5.77539H28.8014C30.1868 5.77539 31.3389 6.62123 31.8201 7.7879C32.0972 8.41498 32.1555 9.12963 31.9805 9.85879Z' stroke='white' stroke-width='1.5' stroke-miterlimit='10'/%3E%3Cpath d='M23.334 32.0833H30.3048C32.1861 32.0833 33.659 30.4937 33.5277 28.6125L32.084 8.75' stroke='white' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14.1172 9.30383L15.6339 3.00391' stroke='white' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M23.8867 9.31837L25.2576 2.98926' stroke='white' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.2285 17.5H13' stroke='white' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M17.2285 17.5H19' stroke='white' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M23.2285 17.5H25' stroke='white' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9 22H11' stroke='white' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15 22H17' stroke='white' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M21 22H23' stroke='white' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7 27H9' stroke='white' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13 27H15' stroke='white' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M19 27H21' stroke='white' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
#eai-tamplate .icon-comment-test::after{
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='35' height='35' viewBox='0 0 35 35' fill='none'%3E%3Cpath d='M12.3952 27.7087H11.666C5.83268 27.7087 2.91602 26.2503 2.91602 18.9587V11.667C2.91602 5.83366 5.83268 2.91699 11.666 2.91699H23.3327C29.166 2.91699 32.0827 5.83366 32.0827 11.667V18.9587C32.0827 24.792 29.166 27.7087 23.3327 27.7087H22.6035C22.1514 27.7087 21.7139 27.9274 21.4368 28.292L19.2493 31.2087C18.2868 32.492 16.7118 32.492 15.7493 31.2087L13.5618 28.292C13.3285 27.9712 12.7889 27.7087 12.3952 27.7087Z' stroke='white' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.209 11.667H24.7923' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.209 18.958H18.959' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
#eai-tamplate .icon-time-test::after{
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='35' height='35' viewBox='0 0 35 35' fill='none'%3E%3Cpath d='M12.3952 27.7087H22.6035C26.0014 27.7087 27.7077 26.0024 27.7077 22.6045V12.3962C27.7077 8.99824 26.0014 7.29199 22.6035 7.29199H12.3952C8.99727 7.29199 7.29102 8.99824 7.29102 12.3962V22.6045C7.29102 26.0024 8.99727 27.7087 12.3952 27.7087Z' stroke='white' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M23.3327 2.91699H11.666' stroke='white' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M23.3327 32.083H11.666' stroke='white' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16.7715 13.8545V18.2295H21.1465' stroke='white' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
#eai-tamplate .icon-score-test::after{
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='35' height='35' viewBox='0 0 35 35' fill='none'%3E%3Cpath d='M22.445 7.59824L24.5013 11.7107C24.7783 12.2795 25.5221 12.8191 26.1492 12.9357L29.868 13.5482C32.245 13.942 32.7992 15.6628 31.0929 17.3836L28.1908 20.2857C27.7096 20.767 27.4325 21.7149 27.593 22.4003L28.4242 25.9878C29.0804 28.817 27.5638 29.9253 25.07 28.4378L21.5846 26.367C20.9575 25.9878 19.9075 25.9878 19.2804 26.367L15.795 28.4378C13.3013 29.9107 11.7846 28.817 12.4409 25.9878L13.2721 22.4003C13.4325 21.7295 13.1554 20.7816 12.6742 20.2857L9.77212 17.3836C8.06587 15.6774 8.62003 13.9566 10.9971 13.5482L14.7158 12.9357C15.3429 12.8336 16.0867 12.2795 16.3638 11.7107L18.42 7.59824C19.5138 5.36699 21.3221 5.36699 22.445 7.59824Z' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.666 7.29199H2.91602' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.29102 27.708H2.91602' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4.37435 17.5H2.91602' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
#eai-tamplate .package-test__state-item{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 32%;
    margin-bottom: 36px;
}
#eai-tamplate .package-test__state-item p{
    color: #FFF;
    font-size: 16px;
    font-weight: 300;
    line-height: 36px;
    width: max-content;
}

#eai-tamplate .package-test__state-item span{
    color: #FFF;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    line-height: 36px;
    display: block;
}
#eai-tamplate .package-test-intro__img {
    border-radius: 76px;
    border: 1px solid #EEE;
    position: absolute;
    top: -44%;
    right: 5%;
    transform: translate(5%, 44%);
    width: 100%;
    max-height: 207px;
    min-height: 207px;
    min-width: 207px;
    max-width: 207px;
    padding: 11px;
}
#eai-tamplate .package-test-intro__img img{
    width: 100%;
    height: 100%;
    border-radius: 68px;
    box-shadow: 0px 30px 24px 0px rgba(0, 97, 118, 0.30);
    max-height: 183px;
    min-width: 183px;
}
#eai-tamplate .package-test__video-audio-box{
    display: flex;
    justify-content: center;
}
#eai-tamplate .package-test__video-audio{
    padding: 25px 70px;
    background-color: #F3F8F9;
    border-bottom-left-radius: 50px;
    border-bottom-right-radius: 50px;
    max-width: 740px;
    width: min-content;
    padding-top: 0;
}
#eai-tamplate .package-test__link-video-audio {
    display: flex;
    justify-content: center;
}
#eai-tamplate .link-video{
    border-radius: 80px;
    background: #02A6B0;
    color: #FFF;
    font-size: 17px;
    font-weight: 600;
    line-height: 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: max-content;
    min-width: 258px;
    padding: 0 14px 0 5px;
}
#eai-tamplate .link-audio{
    border-radius: 80px;
    background: #00B29C;
    color: #FFF;
    font-size: 17px;
    font-weight: 600;
    line-height: 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    max-width: 258px;
    min-width: 258px;
    padding: 0 14px 0 5px;
}
#eai-tamplate .link-audio:hover,
#eai-tamplate .link-video:hover{
    opacity: .8;
}
#eai-tamplate .icon-video{
    line-height: 0;
    padding: 5px 11px;
    border-radius: 80px;
    border: 1px solid rgba(255, 255, 255, 0.20);
    background: rgba(255, 255, 255, 0.10);
    margin-right: 10px;
}
#eai-tamplate .icon-audio{
    line-height: 0;
    padding: 5px 11px;
    border-radius: 80px;
    border-radius: 80px;
    border: 1px solid rgba(255, 255, 255, 0.20);
    background: rgba(255, 255, 255, 0.10);
}
#eai-tamplate .icon-video::after{
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22' fill='none'%3E%3Cpath d='M8.2487 20.1673H13.7487C18.332 20.1673 20.1654 18.334 20.1654 13.7507V8.25065C20.1654 3.66732 18.332 1.83398 13.7487 1.83398H8.2487C3.66536 1.83398 1.83203 3.66732 1.83203 8.25065V13.7507C1.83203 18.334 3.66536 20.1673 8.2487 20.1673Z' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.3418 10.9999V9.6432C8.3418 7.89237 9.5793 7.18654 11.0918 8.05737L12.2651 8.7357L13.4385 9.41404C14.951 10.2849 14.951 11.7149 13.4385 12.5857L12.2651 13.264L11.0918 13.9424C9.5793 14.8132 8.3418 14.0982 8.3418 12.3565V10.9999Z' stroke='white' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
#eai-tamplate .icon-audio::after{
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22' fill='none'%3E%3Cpath d='M1.83203 9.16729V12.834C1.83203 14.6673 2.7487 15.584 4.58203 15.584H5.89286C6.23203 15.584 6.5712 15.6848 6.86453 15.859L9.5412 17.5365C11.8512 18.9848 13.7487 17.9306 13.7487 15.2081V6.79312C13.7487 4.06145 11.8512 3.01645 9.5412 4.46479L6.86453 6.14229C6.5712 6.31645 6.23203 6.41729 5.89286 6.41729H4.58203C2.7487 6.41729 1.83203 7.33395 1.83203 9.16729Z' stroke='white' stroke-width='1.5'/%3E%3Cpath d='M16.5 7.33398C18.1317 9.50648 18.1317 12.4948 16.5 14.6673' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M18.1777 5.04102C20.8269 8.57018 20.8269 13.4285 18.1777 16.9577' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
#eai-tamplate .link-video-box{
    padding-left: 42px;
    border-left: 1px solid #494949;
}
#eai-tamplate .link-audio-box{
    padding-right: 42px;
}
/* music player*/
:root {
    --icon1: #96a5a7;
    --cubic: 1s cubic-bezier(0.1, 0.7, 1, 0.1);
    --lg1: linear-gradient(to right, #415e52c2, #edf0ef);
    --lg2: linear-gradient(to right, #2d99df66, #2d99df1a);
    --lg3: linear-gradient(to right, #c2473f8c, #c2473f12);
    --lg4: linear-gradient(to right, #3c245880, #3c245829);
    --lg5: linear-gradient(to right, #00854ec7, #00854e4a);
    --lg6: linear-gradient(to right, #2a155ab8, #2a155a30);
    --lg7: linear-gradient(to right, #f3ff367d, #f3ff3614);
    --shadow: 11px 11px 22px #333030, -11px -11px 22px #454242;
    --h1: #a8b5b3;
    --p1: #cdd1d3;
    --h2: #03247ca8;
    --p2: #a7bce3;
    --h3: #811e3487;
    --p3: #a3926a78;
    --h4: #301e429e;
    --p4: #433644a1;
    --h5: #03905abf;
    --p5: #03905a40;
    --h6: #300545a1;
    --p6: #300545a1;
    --h7: #878d20;
    --p7: #878d206b;
    --progress-bg1: #dfe3e6;
    --progress-filled1: #c0d1d7;
  }
#eai-tamplate .icon-play-audio::after{
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30' fill='none'%3E%3Cpath d='M14.9577 29.1663C22.7817 29.1663 29.1244 22.8237 29.1244 14.9997C29.1244 7.17564 22.7817 0.833008 14.9577 0.833008C7.13365 0.833008 0.791016 7.17564 0.791016 14.9997C0.791016 22.8237 7.13365 29.1663 14.9577 29.1663Z' fill='%233D3D3D'/%3E%3Cpath d='M13.1854 18.5833V11.415C13.1854 10.735 12.902 10.4658 12.1795 10.4658H10.3379C9.61536 10.4658 9.33203 10.735 9.33203 11.415V18.5833C9.33203 19.2633 9.61536 19.5325 10.3379 19.5325H12.1654C12.902 19.5325 13.1854 19.2633 13.1854 18.5833Z' fill='white'/%3E%3Cpath d='M20.6653 18.5833V11.415C20.6653 10.735 20.382 10.4658 19.6595 10.4658H17.832C17.1095 10.4658 16.8262 10.735 16.8262 11.415V18.5833C16.8262 19.2633 17.1095 19.5325 17.832 19.5325H19.6595C20.382 19.5325 20.6653 19.2633 20.6653 18.5833Z' fill='white'/%3E%3C/svg%3E");
}
#eai-tamplate .icon-repeat-audio::after{
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M14.0002 3L16.4402 5.34003L8.49023 5.32001C4.92023 5.32001 1.99023 8.25003 1.99023 11.84C1.99023 13.63 2.72024 15.26 3.90024 16.44' stroke='%233D3D3D' stroke-opacity='0.2' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.0005 20.9996L7.56055 18.6595L15.5106 18.6796C19.0806 18.6796 22.0106 15.7495 22.0106 12.1595C22.0106 10.3695 21.2806 8.73957 20.1006 7.55957' stroke='%233D3D3D' stroke-opacity='0.2' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.25 14.67V9.33008L10.75 11.0001' stroke='%233D3D3D' stroke-opacity='0.2' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    position: relative;
    top: 2px;
}
#eai-tamplate .icon-back-audio::after{
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M22.0002 8.34043V15.6604C22.0002 17.1604 20.3703 18.1004 19.0703 17.3504L15.9002 15.5304L12.7303 13.7004C12.5303 13.5804 12.3702 13.4504 12.2402 13.2904V10.7304C12.3702 10.5704 12.5303 10.4404 12.7303 10.3204L15.9002 8.49042L19.0703 6.67044C20.3703 5.90044 22.0002 6.84043 22.0002 8.34043Z' fill='%233D3D3D'/%3E%3Cpath d='M12.2391 8.34043V15.6604C12.2391 17.1604 10.6091 18.1004 9.30914 17.3504L6.13915 15.5304L2.96914 13.7004C1.66914 12.9504 1.66914 11.0804 2.96914 10.3204L6.13915 8.49042L9.30914 6.67044C10.6091 5.90044 12.2391 6.84043 12.2391 8.34043Z' fill='%233D3D3D'/%3E%3C/svg%3E");
}
#eai-tamplate .icon-next-audio::after{
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M1.99976 8.34043V15.6604C1.99976 17.1604 3.62975 18.1004 4.92975 17.3504L8.09976 15.5304L11.2697 13.7004C11.4697 13.5804 11.6298 13.4504 11.7598 13.2904V10.7304C11.6298 10.5704 11.4697 10.4404 11.2697 10.3204L8.09976 8.49042L4.92975 6.67044C3.62975 5.90044 1.99976 6.84043 1.99976 8.34043Z' fill='%233D3D3D'/%3E%3Cpath d='M11.7609 8.34043V15.6604C11.7609 17.1604 13.3909 18.1004 14.6909 17.3504L17.8608 15.5304L21.0309 13.7004C22.3309 12.9504 22.3309 11.0804 21.0309 10.3204L17.8608 8.49042L14.6909 6.67044C13.3909 5.90044 11.7609 6.84043 11.7609 8.34043Z' fill='%233D3D3D'/%3E%3C/svg%3E");
}
#eai-tamplate .icon-shuffle-audio::after {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M3 17.9799L5.54999 17.9899C6.45999 17.9899 7.31 17.5399 7.81 16.7899L14.2 7.20994C14.7 6.45994 15.55 5.99993 16.46 6.00993L21.01 6.02994' stroke='%233D3D3D' stroke-opacity='0.2' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M19 19.9805L21 17.9805' stroke='%233D3D3D' stroke-opacity='0.2' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.89001 8.62017L7.81 7.12017C7.3 6.41017 6.47999 5.99017 5.60999 6.00017L3 6.01018' stroke='%233D3D3D' stroke-opacity='0.2' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.9707 15.3799L14.1907 16.9499C14.7007 17.6099 15.5007 17.9999 16.3407 17.9999L21.0107 17.9799' stroke='%233D3D3D' stroke-opacity='0.2' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M21 6.01953L19 4.01953' stroke='%233D3D3D' stroke-opacity='0.2' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    position: relative;
    top: 2px;
}

  h,
  p,
  #current,
  #duration,
  ion-icon,
  #repeat {
    transition: visibility var(--cubic);
  }
  #eai-tamplate .wrapper {
    width: 100%;
    border-radius: 15px;
    background: #fff;
    box-shadow:0px 14px 24px rgba(0, 0, 0, 0.03);
    padding: 23px 24px 12px 24px;
    margin-top: 30px;
  }
  #eai-tamplate .info {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  #eai-tamplate .now-playing {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
  }
  #eai-tamplate .progress-wrapper {
    margin: 0 auto;
    width: 100%;
    height: 20px;
    display: flex;
    flex-direction: row;
    align-items: center;
  }
  #eai-tamplate .progress-bar {
    margin: 0 6px;
    width: 100%;
    height: 3px;
    border-radius: 15px;
    background: var(--progress-bg1);
  }
  #eai-tamplate #progress {
    height: 3px;
    border-radius: 15px;
    width: 0px;
    background: #00B29C;
  }
  #eai-tamplate .controls {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-bottom: 10px;
  }
  #eai-tamplate .controls__item {
    display: flex;
    align-items: center;
    justify-content: end;
    width: 68%;
}
#eai-tamplate .controls__item i{
    margin-right: 8px;
    cursor: pointer;
}
#eai-tamplate .controls__item i:hover{
    opacity: .8;
}
#eai-tamplate .volume-control {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  #eai-tamplate #volume-slider {
    width: 100px;
    margin-left: 10px;
    -webkit-appearance: none;
    appearance: none;
    height:4px;
    background: linear-gradient(to right, #00B29C 0%, #00B29C 100%);
    outline: none;
    transition: background 0.2s;
    cursor: pointer;
    max-width: 50px;
  }
  
  #eai-tamplate #volume-slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 10px;
    height: 10px;
    background: #00B29C;
    cursor: pointer;
    border-radius: 50%;
  }
  
  #eai-tamplate #volume-slider::-moz-range-thumb {
    width: 20px;
    height: 20px;
    background: #00B29C;
    cursor: pointer;
    border-radius: 50%;
  }
  
  #eai-tamplate #volume-slider::-ms-thumb {
    width: 5px;
    height: 5px;
    background: #00B29C;
    cursor: pointer;
    border-radius: 50%;
  }
  #eai-tamplate .icon-volume::after{
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M1.5 7.50033V10.5003C1.5 12.0003 2.25 12.7503 3.75 12.7503H4.8225C5.1 12.7503 5.3775 12.8328 5.6175 12.9753L7.8075 14.3478C9.6975 15.5328 11.25 14.6703 11.25 12.4428V5.55783C11.25 3.32283 9.6975 2.46783 7.8075 3.65283L5.6175 5.02533C5.3775 5.16783 5.1 5.25033 4.8225 5.25033H3.75C2.25 5.25033 1.5 6.00033 1.5 7.50033Z' stroke='%233A3A3A'/%3E%3Cpath d='M13.5 6C14.835 7.7775 14.835 10.2225 13.5 12' stroke='%233A3A3A' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14.873 4.125C17.0405 7.0125 17.0405 10.9875 14.873 13.875' stroke='%233A3A3A' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    position: relative;
    top: 3px;
}
#eai-tamplate .package-test__audio{
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: all .4s;
}
#eai-tamplate .package-test__audio.show{
    max-height: 400px;
    opacity: 1;
}
#eai-tamplate .package-test__video{
    position: relative;
    margin-bottom: 30px;
    max-height: 0;
    overflow: hidden;
    transition: all .5s;
    opacity: 0;
}
#eai-tamplate .package-test__video.show{
    max-height: 1000px;
    opacity: 1;
}
#eai-tamplate .package-test__video video{
    width: 100%;
    max-height: 493px;
    border-radius: 22px;
}
#eai-tamplate .package-test__video-after{
    position: absolute;
    width: 100%;
    height:98%;
    border-radius: 22px;
    background: rgba(61, 61, 61, 0.40);
    z-index: 2;
    right: 0;
    top: 0;
}
#eai-tamplate .icon-play-video{
    position: absolute;
    top: 50%;
    right: 50%;
    transform: translate(50%,-50%);
    z-index: 10;
    cursor: pointer;
}
#eai-tamplate .icon-play-video:hover{
    opacity: .8;
}
#eai-tamplate .icon-play-video i::after{
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='56' viewBox='0 0 56 56' fill='none'%3E%3Cpath d='M28 56C43.464 56 56 43.464 56 28C56 12.536 43.464 0 28 0C12.536 0 0 12.536 0 28C0 43.464 12.536 56 28 56Z' fill='white'/%3E%3Cpath d='M20 28.0025V23.9093C20 18.6269 23.7734 16.4974 28.3854 19.1248L31.9632 21.1713L35.541 23.2179C40.153 25.8453 40.153 30.1597 35.541 32.787L31.9632 34.8336L28.3854 36.8802C23.7734 39.5075 20 37.3503 20 32.0956V28.0025Z' fill='%2302A6B0'/%3E%3C/svg%3E");
}
/* tab */
#eai-tamplate .package-2__tab{
    margin-bottom: 50px;
}

#eai-tamplate .package-2__tab-box a{
    color: #3D3D3D;
    font-size: 26px;
    font-weight: 400;
    padding: 8px 24px;
    border-radius: 50px;
}
#eai-tamplate .package-2__tab-box a:hover{
    opacity: .8;
}
#eai-tamplate .package-2__tab-box a.active{
    background-color: #259EB8;
    color: #fff;
}

#eai-tamplate .package-2__description-content{
    border: 1px solid #F7F7F7;
    box-shadow: 0px 34px 80px rgba(0, 0, 0, 0.04);
    padding: 33px 19px 0px 46px;
    border-radius: 30px;
}
#eai-tamplate .package-2__description-content i::after{
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30' fill='none'%3E%3Ccircle cx='15' cy='15' r='15' fill='%23269CB6' fill-opacity='0.1'/%3E%3Ccircle cx='15' cy='15' r='9.5' fill='%23269CB6' stroke='white' stroke-width='3'/%3E%3C/svg%3E");
    position: relative;
    top: 2px;
}
#eai-tamplate .package-2__description-content h3{
    color: #3D3D3D;
    font-size: 24px;
    font-weight: 700;
    line-height: 36px;
    margin-right: 15px;
}
#eai-tamplate .package-2__description-content-item{
    padding-bottom: 57px;
}
#eai-tamplate .package-2__description-content-item:last-of-type{
    padding-bottom: 33px;
}
#eai-tamplate .package-2__description-content-item div{
    display: flex;
    align-items: center;
    margin-bottom: 16px;
}
#eai-tamplate .package-2__description-content-item p{
    margin-bottom: 34px;
    color: #3D3D3D;
    font-size: 20px;
    font-weight: 300;
    line-height: 30px;
    padding-right: 45px;
}
#eai-tamplate .package-2__description-content-item p:last-of-type{
    margin-bottom: 0px;
}
#eai-tamplate .tab2__title{
    color: #3D3D3D;
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 22px;
}
#eai-tamplate .package-2__comments-box{
    border-radius: 30px;
    border: 1px solid #F7F7F7;
    box-shadow: 0px 34px 80px 0px rgba(0, 0, 0, 0.04);
    padding: 59px 62px 53px 65px;
}
#eai-tamplate .icon-comment{
    margin-left: 18px;
}
#eai-tamplate .icon-comment::after{
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='110' height='99' viewBox='0 0 110 99' fill='none'%3E%3Crect width='110' height='99' rx='18' fill='%23259EB8'/%3E%3Cpath d='M55.5007 49.5003C60.9084 49.5003 65.2923 45.1164 65.2923 39.7087C65.2923 34.3009 60.9084 29.917 55.5007 29.917C50.0929 29.917 45.709 34.3009 45.709 39.7087C45.709 45.1164 50.0929 49.5003 55.5007 49.5003Z' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M72.3238 69.0833C72.3238 61.5046 64.7843 55.375 55.5018 55.375C46.2193 55.375 38.6797 61.5046 38.6797 69.0833' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
#eai-tamplate .icon-star-empty::after{
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M13.7309 3.50965L15.4909 7.02965C15.7309 7.51965 16.3709 7.98965 16.9109 8.07965L20.1009 8.60965C22.1409 8.94965 22.6209 10.4296 21.1509 11.8896L18.6709 14.3696C18.2509 14.7896 18.0209 15.5996 18.1509 16.1796L18.8609 19.2496C19.4209 21.6796 18.1309 22.6196 15.9809 21.3496L12.9909 19.5796C12.4509 19.2596 11.5609 19.2596 11.0109 19.5796L8.02089 21.3496C5.88089 22.6196 4.58089 21.6696 5.14089 19.2496L5.85089 16.1796C5.98089 15.5996 5.75089 14.7896 5.33089 14.3696L2.85089 11.8896C1.39089 10.4296 1.86089 8.94965 3.90089 8.60965L7.09089 8.07965C7.62089 7.98965 8.26089 7.51965 8.50089 7.02965L10.2609 3.50965C11.2209 1.59965 12.7809 1.59965 13.7309 3.50965Z' stroke='%23DCB051' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    position: relative;
    top: 3px;
}
#eai-tamplate .icon-star-fill::after{
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M13.7309 3.50965L15.4909 7.02965C15.7309 7.51965 16.3709 7.98965 16.9109 8.07965L20.1009 8.60965C22.1409 8.94965 22.6209 10.4296 21.1509 11.8896L18.6709 14.3696C18.2509 14.7896 18.0209 15.5996 18.1509 16.1796L18.8609 19.2496C19.4209 21.6796 18.1309 22.6196 15.9809 21.3496L12.9909 19.5796C12.4509 19.2596 11.5609 19.2596 11.0109 19.5796L8.02089 21.3496C5.88089 22.6196 4.58089 21.6696 5.14089 19.2496L5.85089 16.1796C5.98089 15.5996 5.75089 14.7896 5.33089 14.3696L2.85089 11.8896C1.39089 10.4296 1.86089 8.94965 3.90089 8.60965L7.09089 8.07965C7.62089 7.98965 8.26089 7.51965 8.50089 7.02965L10.2609 3.50965C11.2209 1.59965 12.7809 1.59965 13.7309 3.50965Z' fill='%23DCB051'/%3E%3C/svg%3E");
    position: relative;
    top: 3px;
}
#eai-tamplate .star-box{
    display: flex;
    align-items: center;
    border-radius: 20px;
    background: rgba(220, 176, 81, 0.10);
    padding: 4px 11px;
    margin-bottom: 9px;
}
#eai-tamplate .star-box span{
    color: #DCB051;
    font-size: 16px;
    font-weight: 600;
    line-height: 35px;
    margin-left: 18px;
    display: inline-block;
}
#eai-tamplate .package-2__comments-item>div{
    display: flex;
    align-items: center;
}
#eai-tamplate .package-2__comments-item .time-comment{
    color: #C3C3C3;
    font-size: 18px;
    font-weight: 400;
}
#eai-tamplate .package-2__comments-item p{
    color: #3D3D3D;
    font-size: 20px;
    font-weight: 300;
    line-height: 30px;
    margin-top: 31px;
}
#eai-tamplate .comment-like span{
    color: #2ABB9C;
    font-size: 16px;
    font-weight: 600;
    line-height: 35px;
    margin-left: 9px;
    display: inline-block;
}
#eai-tamplate .comment-dislike span{
    color: #D20A0A;
    font-size: 16px;
    font-weight: 600;
    line-height: 35px;
    margin-left: 9px;
    display: inline-block;
}
#eai-tamplate .comment-like i::after{
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M7.48047 18.3505L10.5805 20.7505C10.9805 21.1505 11.8805 21.3505 12.4805 21.3505H16.2805C17.4805 21.3505 18.7805 20.4505 19.0805 19.2505L21.4805 11.9505C21.9805 10.5505 21.0805 9.35046 19.5805 9.35046H15.5805C14.9805 9.35046 14.4805 8.85046 14.5805 8.15046L15.0805 4.95046C15.2805 4.05046 14.6805 3.05046 13.7805 2.75046C12.9805 2.45046 11.9805 2.85046 11.5805 3.45046L7.48047 9.55046' stroke='%232ABB9C' stroke-width='1.5' stroke-miterlimit='10'/%3E%3Cpath d='M2.38086 18.3504V8.55039C2.38086 7.15039 2.98086 6.65039 4.38086 6.65039H5.38086C6.78086 6.65039 7.38086 7.15039 7.38086 8.55039V18.3504C7.38086 19.7504 6.78086 20.2504 5.38086 20.2504H4.38086C2.98086 20.2504 2.38086 19.7504 2.38086 18.3504Z' stroke='%232ABB9C' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    position: relative;
    top: 5px;
}
#eai-tamplate .comment-dislike i::after{
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M7.48047 5.64954L10.5805 3.24954C10.9805 2.84954 11.8805 2.64954 12.4805 2.64954H16.2805C17.4805 2.64954 18.7805 3.54954 19.0805 4.74954L21.4805 12.0495C21.9805 13.4495 21.0805 14.6495 19.5805 14.6495H15.5805C14.9805 14.6495 14.4805 15.1495 14.5805 15.8495L15.0805 19.0495C15.2805 19.9495 14.6805 20.9495 13.7805 21.2495C12.9805 21.5495 11.9805 21.1495 11.5805 20.5495L7.48047 14.4495' stroke='%23D20A0A' stroke-width='1.5' stroke-miterlimit='10'/%3E%3Cpath d='M2.38086 5.64961V15.4496C2.38086 16.8496 2.98086 17.3496 4.38086 17.3496H5.38086C6.78086 17.3496 7.38086 16.8496 7.38086 15.4496V5.64961C7.38086 4.24961 6.78086 3.74961 5.38086 3.74961H4.38086C2.98086 3.74961 2.38086 4.24961 2.38086 5.64961Z' stroke='%23D20A0A' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    position: relative;
    top: 5px;
}
#eai-tamplate .comment-like{
    border-radius: 20px;
    background: rgba(42, 187, 156, 0.10);
    padding: 0 7px;
}
#eai-tamplate .comment-dislike{
    border-radius: 20px;
    background: rgba(210, 10, 10, 0.10);
    padding: 0 7px;
    margin-right: 9px;
}
#eai-tamplate .comment-like-dislike{
    display: flex;
    justify-content: end;
    align-items: center;
    padding-bottom: 22px;
}
#eai-tamplate .package-2__comments-item{
    border-bottom: 1px solid #DCDCDC;
    margin-bottom: 31px;
}
#eai-tamplate .package-2__comments-item:last-of-type{
    border-bottom: none;
}
#eai-tamplate .pagenation {
    display: flex;
    align-items: center;
    direction: ltr;
    justify-content: center;
}
#eai-tamplate .pagenation .prev-page {
    opacity: .2;
}
#eai-tamplate .prev-page i::after {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='37' height='37' viewBox='0 0 37 37' fill='none'%3E%3Cpath d='M18.5013 3.08356C9.98684 3.08356 3.08454 9.98586 3.08454 18.5003C3.08454 27.0147 9.98684 33.917 18.5013 33.917C27.0157 33.917 33.918 27.0147 33.918 18.5003C33.918 9.98586 27.0157 3.08356 18.5013 3.08356Z' fill='%23626C7A' fill-opacity='0.2'/%3E%3Cpath d='M23.8965 18.499L14.6465 18.499' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M17.7305 13.875L13.1055 18.5L17.7305 23.125' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    display: inline-block;
    position: relative;
    top: 5px;
}

#eai-tamplate .number-page.active {
    color: #FFF;
    background-color: #259EB8;
    border-radius: 100%;
}

#eai-tamplate .next-page {
    line-height: 0;
}
#eai-tamplate .next-page i::after {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2Z' fill='%23626C7A'/%3E%3Cpath d='M8.5 12L14.5 12' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.5 9L15.5 12L12.5 15' fill='%23626C7A'/%3E%3Cpath d='M12.5 9L15.5 12L12.5 15' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    position: relative;
}
#eai-tamplate .input-number-page {
    max-width: 79px;
    border-radius: 50px;
    background: rgba(98, 108, 122, 0.05);
    margin-left: 5px;
    display: flex;
    align-items: center;
}
#eai-tamplate .input-number-page input {
    width: 100%;
    border: none;
    background-color: transparent;
    padding-left: 14px;
}
#eai-tamplate .next-page {
    line-height: 0;
}
#eai-tamplate .next-page:hover,
#eai-tamplate .prev-page:hover{
    opacity: .8;
}

#eai-tamplate .input-number-page i::after {
    line-height: 0;
    top: 0;
}
#eai-tamplate .number-pages a:hover {
    opacity: .8;
}
#eai-tamplate .next-page i::after {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='37' height='37' viewBox='0 0 37 37' fill='none'%3E%3Cpath d='M18.4987 3.08356C27.0132 3.08356 33.9155 9.98586 33.9155 18.5003C33.9155 27.0147 27.0132 33.917 18.4987 33.917C9.98433 33.917 3.08203 27.0147 3.08203 18.5003C3.08203 9.98586 9.98433 3.08356 18.4987 3.08356Z' fill='%23259EB8'/%3E%3Cpath d='M13.1035 18.499L22.3535 18.499' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M19.2695 13.875L23.8945 18.5L19.2695 23.125' fill='%23259EB8'/%3E%3Cpath d='M19.2695 13.875L23.8945 18.5L19.2695 23.125' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    position: relative;
}
/* accordian */
#eai-tamplate .faq h2 {
    color: #3D3D3D;
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 14px;
}
#eai-tamplate .faq__content {
    border-radius: 30px;
    background: #FFF;
    box-shadow: 0px 34px 80px 4px rgba(0, 0, 0, 0.04);
    padding: 45px 39px;
}
#eai-tamplate .faq__item-title {
    border-radius: 15px;
    border: 0.7px solid #DADADA;
    background: #FFF;
    padding: 24px 41px 24px 22px;
    display: flex;
    justify-content: space-between;
    cursor: pointer;
    margin-bottom: 10px;
    align-items: center;
}
#eai-tamplate .faq__item-title h6 {
    color: #3D3D3D;
    font-size: 26px;
    font-weight: 400;
}
#eai-tamplate .icon-faq__item-plus, #eai-tamplate .icon-faq__item-minus {
    margin-right: 10px;
}
#eai-tamplate .icon-faq__item-plus::after {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='49' height='49' viewBox='0 0 49 49' fill='none'%3E%3Cpath d='M12.2031 24.4082H36.6122' stroke='%233A3A3A' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M24.4102 36.6141V12.2051' stroke='%233A3A3A' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
#eai-tamplate .faq__item-anwser {
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    transition: all .4s ease-in-out;
}
#eai-tamplate .faq__item-anwser-box {
    border-radius: 15px;
    border: 0.7px solid #DADADA;
    background: #FFF;
    padding: 40px 41px 17px 41px;
    margin-bottom: 10px;
}
#eai-tamplate .faq__item-anwser-box p {
    color: #3D3D3D;
    font-size: 20px;
    font-weight: 300;
    line-height: 30px;
}
#eai-tamplate .faq__item-anwser.show {
    opacity: 1;
    max-height: 500px;
    overflow: auto;
}
#eai-tamplate .icon-faq__item-minus::after {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='49' height='49' viewBox='0 0 49 49' fill='none'%3E%3Cpath d='M12.2051 24.4092H36.6141' stroke='%23259EB8' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}


#eai-tamplate .section_btn-mobile{
    display: none;
}
#eai-tamplate .package__requests-item-price-type {
    display: flex;
    margin-left: 45px;
}
#eai-tamplate .package__requests-item-real-price {
    opacity: .5;
    margin-left: 23.3px;
    position: relative;
}
#eai-tamplate .package__requests-item-real-price span, #eai-tamplate .package__requests-item-discount-price span {
    color: rgba(255, 255, 255, 0.60);
    font-size: 16px;
    font-weight: 300;
    line-height: 26px;
    margin-bottom: 5px;
    display: inline-block;
    text-align: center;
}
#eai-tamplate .package__requests-item-real-price p {
    color: rgba(255, 255, 255, 0.60);
    font-size: 34px;
    font-weight: 800;
    line-height: 26px;
    text-align: center;
}
#eai-tamplate .package__requests-item-discount-price p {
    color: #fff;
    font-size: 34px;
    font-weight: 800;
    line-height: 26px;
    text-align: center;
}
#eai-tamplate .package__requests-item-real-price::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    content: '';
    border-top: 1px solid rgba(255, 255, 255, 0.60);
    transform: rotate(-45deg) translateY(50%);
    position: absolute;
    top: 50%;
}
#eai-tamplate .package-test-intro__box-state {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
#eai-tamplate .testAi-2__item {
    margin-bottom: 150px;
}
#eai-tamplate .testAi-2__item-2 .link-video-box {
    padding-left:0px;
    border-left: none;
} 
#eai-tamplate .tabcontent {
    margin-bottom: 80px;
} 
@media screen and (max-width:1250px) {
    #eai-tamplate .package-test-intro__pro-test p {
        font-size: 14px;
    }
    #eai-tamplate .package__requests-item-real-price span, #eai-tamplate .package__requests-item-discount-price span {
        font-size: 14px;
        width: max-content;
    }
    #eai-tamplate .btn-see-pro-box {
        transform: translateY(-20px);
        justify-content: center;
        margin-top: 30px;
    }
}
@media screen and (max-width:1024px) {
    #eai-tamplate .package-test-intro__box {
        border-radius: 43px;
        padding: 47px 18px 10px 18px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        z-index: 2;
    }
    #eai-tamplate .package-test-intro__pro-test {
        width: 100%;
        border-left: none;
        padding-left: 0px;
        border-bottom: 1px solid #fff;
    }
    #eai-tamplate .package-test__link-video-audio {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    #eai-tamplate .package-test__video-audio {
        padding: 25px 28px;
        transform: translateY(-25px);
        z-index: 1;
        width: 90%;
    }
    #eai-tamplate .link-audio-box {
        padding-right: 0px;
        margin-top: 10px;
    }
    #eai-tamplate .link-video-box {
        padding-left: 0px;
        border-left: none;
    }
    #eai-tamplate .package-test-intro__img {
        border-radius: 66px;
        top: -12%;
        right: 50%;
        transform: translate(50%, 12%);
        max-height: 161px;
        min-height: 161px;
        min-width: 161px;
        max-width: 161px;
        padding: 8px;
    }
    #eai-tamplate .package-test-intro__img img {
        border-radius: 59px;
        max-height: 143px;
        min-width: 143px;
    }
    #eai-tamplate .package-test-intro__pro-test h2 {
        font-size: 20px;
        margin-top: 60px;
    }
    #eai-tamplate .package-test-intro__pro-test p {
        font-size: 14px;
        text-align: justify;
        min-height: auto;
    }
    #eai-tamplate .package-test__state-test {
        width: 100%;
        padding-right: 0;
    }
    #eai-tamplate .package-test__state-item {
        width: 50%;
        margin-bottom: 20px;
    }
    #eai-tamplate .package-test__state-items {
        margin-top: 36px;
        margin-bottom: 0;
    }
    #eai-tamplate .package-test__state-item p {
        font-size: 14px;
        margin-bottom: 10px;
    }
    #eai-tamplate .package-test__state-item span {
        font-size: 16px;
    }
    #eai-tamplate .icons__video {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    #eai-tamplate .controls {
        flex-direction: column;
    }
    #eai-tamplate .controls__item {
        width: 100%;
        justify-content: center;
    }
    #eai-tamplate .package-test-intro {
        margin-bottom: 40px;
    }
    #eai-tamplate .package-2__tab-box a {
        font-size: 18px;
    }
    #eai-tamplate .package-2__tab-links{
        width: 100%;
        overflow-x: auto;
    }

    #eai-tamplate .package-2__description h2 {
        color: #3D3D3D;
        font-size: 20px;
        margin-bottom: 10px;
    }
    #eai-tamplate .package-2__description-content-item i {
        display: none;
    }
    #eai-tamplate .package-2__description h2 {
        color: #3D3D3D;
        font-size: 20px;
        margin-bottom: 11px;
        margin-top: 20px;
    }
    #eai-tamplate .package-2__description-content {
        padding: 20px;
    }
    #eai-tamplate .package-2__description-content h3 {
        font-size: 18px;
        margin-right: 0px;
    }
    #eai-tamplate .package-2__description-content-item p {
        font-size: 14px;
        line-height: 19px;
        padding-right: 0px;
    }
    #eai-tamplate .tab2__title {
        font-size: 20px;
        margin-bottom: 10px;
    }
    #eai-tamplate .package-2__comments-box {
        padding: 38px 27px;
    }
    #eai-tamplate .package-2__comments-item>.avatar-star {
        flex-direction: column;
    }
    #eai-tamplate .package-2__comments-item .time-comment {
        font-size: 14px;
        order: 1;
        display: block;
        text-align: center;
        margin-bottom: 15px;
        margin-top: 5px;
    }
    #eai-tamplate .star-box {
        order: 2;
    }
    #eai-tamplate .start-time {
       display: flex;
       flex-direction: column;
       align-items: center;
    }
    #eai-tamplate .package-2__comments-item p {
        font-size: 14px;
        line-height: 26px;
        margin-bottom: 26px;
    }
    #eai-tamplate .package-2__comments-item>div {
        justify-content: center;
    }
    #eai-tamplate .number-pages {
        display: flex;
    }
    #eai-tamplate .number-page {
        line-height: 16px;
        padding: 1px 9px 0 8px;
        max-width: 18px;
        font-size: 14px;
    }
    #eai-tamplate .next-page i::after {
        content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 37 37' fill='none'%3E%3Cpath d='M18.4987 3.08356C27.0132 3.08356 33.9155 9.98586 33.9155 18.5003C33.9155 27.0147 27.0132 33.917 18.4987 33.917C9.98433 33.917 3.08203 27.0147 3.08203 18.5003C3.08203 9.98586 9.98433 3.08356 18.4987 3.08356Z' fill='%23259EB8'/%3E%3Cpath d='M13.1035 18.499L22.3535 18.499' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M19.2695 13.875L23.8945 18.5L19.2695 23.125' fill='%23259EB8'/%3E%3Cpath d='M19.2695 13.875L23.8945 18.5L19.2695 23.125' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    }
    #eai-tamplate .input-number-page input {
        padding-left: 5px;
        min-width: 30px;
    }
    #eai-tamplate .prev-page i::after {
        content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 37 37' fill='none'%3E%3Cpath d='M18.5013 3.08356C9.98684 3.08356 3.08454 9.98586 3.08454 18.5003C3.08454 27.0147 9.98684 33.917 18.5013 33.917C27.0157 33.917 33.918 27.0147 33.918 18.5003C33.918 9.98586 27.0157 3.08356 18.5013 3.08356Z' fill='%23626C7A' fill-opacity='0.2'/%3E%3Cpath d='M23.8965 18.499L14.6465 18.499' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M17.7305 13.875L13.1055 18.5L17.7305 23.125' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    }
    #eai-tamplate .faq__content {
        padding: 21px 16px;
    }
    #eai-tamplate .faq__item-title {
        padding: 15px 13px 16px 7px;
    }
    #eai-tamplate .faq__item-title h6 {
        font-size: 14px;
    }
    #eai-tamplate .icon-faq__item-plus::after {
        content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 49 49' fill='none'%3E%3Cpath d='M12.2031 24.4082H36.6122' stroke='%233A3A3A' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M24.4102 36.6141V12.2051' stroke='%233A3A3A' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
        position: relative;
        top: 6px;
    }
    #eai-tamplate .icon-faq__item-minus::after {
        content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 49 49' fill='none'%3E%3Cpath d='M12.2051 24.4092H36.6141' stroke='%23259EB8' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
        position: relative;
        top: 6px;
    }
    #eai-tamplate .faq__item-anwser-box {
        padding: 25px 14px 20px 14px;
    }
    #eai-tamplate .faq__item-anwser-box p {
        font-size: 14px;
        line-height: 27px;
    }
    #eai-tamplate .package__type-price-box {
        display: flex;
    }
    #eai-tamplate .package__type-item-real-price {
        position: relative;
        margin-left: 27px;
    }
    #eai-tamplate .package__type-item-real-price span {
        color: #909090;
        font-size: 16px;
        font-weight: 300;
        line-height: 26px;
        display: block;
        text-align: center;
        margin-bottom: 5px;
        width: max-content;
    }
    #eai-tamplate .package__type-item-real-price p {
        color: #909090;
        font-size: 34px;
        font-weight: 800;
        line-height: 26px;
        text-align: center;
    }
    #eai-tamplate .package__type-item-real-price::after {
        width: 100%;
        height: 1px;
        content: '';
        border-top: 1px solid rgba(144, 144, 144, 0.60);
        transform: rotate(-45deg) translateY(50%);
        position: absolute;
        top: 50%;
    }
    #eai-tamplate .package__type-item-discount-price {
        margin-left: 43px;
    }
    #eai-tamplate .package__type-item-discount-price span {
        color: #909090;
        font-size: 16px;
        font-weight: 300;
        line-height: 26px;
        text-align: center;
        display: block;
        margin-bottom: 5px;
        width: max-content;
    }
    #eai-tamplate .package__type-item-discount-price p {
        color: #909090;
        font-size: 34px;
        font-weight: 800;
        line-height: 26px;
        text-align: center;
    }
    #eai-tamplate .btn-start-test-link{
        border-radius: 26.5px;
        border: 2px solid #2ABB9C;
        padding: 4px;
    }
    #eai-tamplate .btn-start-test-link a, #eai-tamplate .btn-start-test-link button {
        display: flex;
        width: 100%;
        border-radius: 26.5px;
        background-color: #2ABB9C;
        color: #fff;
        padding: 3px 10px 3px 4px;
        align-items: center;
        justify-content: space-between;
        border: none;
        gap: 10px;
    }
    #eai-tamplate .btn-start-test-link span{
        color: #FFF;
        font-size: 15px;
        font-weight: 600;
    }
    #eai-tamplate .btn-start-test-link i {
        background-color: #fff;
        padding: 3px 4px;
    }
    #eai-tamplate .btn-start-test-link i::after{
        content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='19' viewBox='0 0 23 19' fill='none'%3E%3Cpath d='M7.2851 5.80078L3.23828 9.42606L7.2851 13.0513' stroke='%232ABB9C' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M21.0443 9.4248L3.23828 9.4248' stroke='%232ABB9C' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    }
    #eai-tamplate .btn-start-test{
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    #eai-tamplate .section_btn-mobile{
        display: block;
        background: #F8F8F8;
        padding: 15px 0 12px 0;
        position: fixed;
        bottom: 0;
        width: 100%;
        z-index: 1002;
    }
    #eai-tamplate .package-test-intro__box-state {
        flex-direction: column;
    }
    #eai-tamplate .btn-see-pro-test {
        display: none;
    }
    #eai-tamplate .testAi-2__item-2 .package__requests-item-price-type {
        margin-left: 0;
    }
    #eai-tamplate .package__requests-item-price-type {
        margin-left: 0px;
    }
    #eai-tamplate .package__requests-item-price-type.mobile-hidden {
        display: none;
    }
    #eai-tamplate .testAi-2 {
        margin-bottom: 60px;
    }
    #eai-tamplate .testAi-2__item:last-of-type {
        margin-bottom: 0px;
    }
    #eai-tamplate .tabcontent{
        padding: 0 17px;
        margin-bottom: 77px;
    }
}