/*
Theme Name: Avada Child
Description: Child theme for Avada theme
Author: ThemeFusion
Author URI: https://theme-fusion.com
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/


/* slick css */

.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 12px 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    border-radius: 16px;
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

/* -------- end slick css ---------- */

/* @font-face{
    
    src: url('https://visitsanandaj.ir/wp-content/themes/Avada-Child-Theme/assets/fonts/YekanBakh-VF.woff'); */
    /* font-family: 'ybakh'; */
    
/* } */

body {
    font-family: 'ybakh';
    letter-spacing: unset !important;
    font-size: 17px;
    font-variation-settings: "wght" 400;
}
._300{
    font-variation-settings: "wght" 300;
}
._500{
    font-variation-settings: "wght" 500;
}
._600{
    font-variation-settings: "wght" 600;
}
._700{
    font-variation-settings: "wght" 700;
}
._800{
    font-variation-settings: "wght" 800;
}
._900{
    font-variation-settings: "wght" 900;
}
.main-color{
    color: var(--awb-color5) !important;
}
.home-aboutSection-img{
    position: relative !important;
    left: -170px;
    margin-top: -338px;
}
.home-introduce-imgBG {
    background: #3269ff;
    border-radius: 12px;
    height: 100px;
    width: 100px;
    display: flex !important;
    align-items: center;
    justify-content: center;
}
.home-introduce-imgBG img{
    width: 65px;
    height: auto;
}
.small-underline > h1:after,
.small-underline > h2:after, 
.small-underline > h3:after{
    content: '';
    position: absolute;
    height: 3px;
    width: 60px;
    background: #3269ff;
    bottom: -8px;
    left: 50%;
    transform: translateX(-50%);
}
.small-underline > h1,
.small-underline > h2,
.small-underline > h3{
    position: relative;
    display: inline-flex;
}
.d-iflex{
    display: inline-flex;
}
.home-intro-longArrow {
    position: relative;
}
.home-intro-longArrow:after {
    position: absolute;
    display: block;
    background-image: url(/wp-content/themes/Avada-Child-Theme/assets/images/long-arrow.svg);
    content: '';
    top: 24px;
    height: 123px;
    width: 307px;
    background-repeat: no-repeat;
    left: -36%;
}
.fusion-image-element:has(.home-introduce-imgBG) {
    display: flex;
    justify-content: center;
}
.home-products-bg:after, .home-products-bg:before{
    content: '';
    content: "";
    width: 100%;
    height: 7vw;
    position: absolute;
    right: 0;
    background-repeat: no-repeat;
    background-size: cover;
}
.home-products-bg:after{
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUxMiIgaGVpZ2h0PSIxMDAiIHZpZXdCb3g9IjAgMCAxNTEyIDEwMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE1MTIgMEgwTDE1MTIgMTAwVjBaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K);
    top: -1px;
}
.home-products-bg:before{
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUxMiIgaGVpZ2h0PSIxMDAiIHZpZXdCb3g9IjAgMCAxNTEyIDEwMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTS0yIDEwMEgxNTEyTC0yIDBWMTAwWiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==);
    bottom: -1px;
}
.home-products-bg{
    background: url(/wp-content/uploads/2026/03/bg-specialty.webp) no-repeat center center;
    position: absolute;
    height: 380px;
    width: 100%;
    top: calc(50% - 190px);
    z-index: 1;
}
.home-product {
    height: 430px;
}
.home-product-more p{
    display: inline-flex;
    position: relative;
    padding-left: 34px;
}
.home-product-more p:after{
    background: url(/wp-content/themes/Avada-Child-Theme/assets/images/more-arrow.svg) center center no-repeat;
    content: '';
    width: 28px;
    height: 28px;
    background-size: contain;
    position: absolute;
    left: 0;
}
.home-product-more{
    position: absolute;
    bottom: 5px;
    left: 40px;
}
.home-product:hover .fusion-column-wrapper {
    background: #1153FE;
    color: #fff;
    padding: 25px 30px 70px;
}
.home-product .fusion-column-wrapper{
    transition: all 0.5s ease !important;
}
.section-statistics .box-statistics {
    width: 100%;
    height: 188px;
    background-color: #fff;
    border-radius: 12px;
    margin: 12px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    padding: 15px;
}
.section-statistics .box-statistics.mt {
    margin-top: -113px;
}
.box-statistics {
    position: relative;
}
.section-statistics .box-statistics .span-number {
    font-size: 34px;
    font-variation-settings: "wght" 800;
    display: block;
}
.section-statistics .box-statistics .span-text {
    font-size: 13px;
    font-variation-settings: "wght" 300;
}
.col-md {
    flex: 1 0 0%;
}
.row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-0.5 * var(--bs-gutter-x));
    margin-left: calc(-0.5 * var(--bs-gutter-x));
}
.row > * {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    margin-top: var(--bs-gutter-y);
}
.section-statistics .blur-statistics {
    width: 100%;
    height: 188px;
    border-radius: 12px;
    background-color: rgba(255, 255, 255, 0.3);
    margin: 12px 0;
}
.section-statistics .mt {
    margin-top: -113px !important;
}
.home-statistics:after, .home-statistics:before {
    content: '';
    content: "";
    width: 100%;
    height: 7vw;
    position: absolute;
    right: 0;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 11;
}
.home-statistics:before {
    top: -1px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUxMSIgaGVpZ2h0PSI1MCIgdmlld0JveD0iMCAwIDE1MTEgNTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0tMSAwSDE1MTNMLTEgNTBWMFoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=);
}
.home-statistics:after {
    bottom: -1px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUxMSIgaGVpZ2h0PSI1MCIgdmlld0JveD0iMCAwIDE1MTEgNTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xNTEyIDUwSC0yTDE1MTIgMFY1MFoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=);
}
.ta-left{
    text-align: left;
}
.ta-right{
        text-align: right;
}
.home-projects .awb-background-mask{
    transform: scale(-1, -1);
    mix-blend-mode: normal;
    background-position: 6062px 540px;
}
.home-projects .fusion-builder-row {
   /* margin-top: 100px;*/
}
.more-link{
    margin-top: 15px;
    a{
        position: relative;
        font-size: 16px;
        color: rgb(4, 9, 34);
        font-variation-settings: "wght" 600;
        span.more-link-icon{
            background: url(/wp-content/themes/Avada-Child-Theme/assets/images/more-arrow.svg) center center no-repeat;
            content: '';
            width: 28px;
            height: 28px;
            background-size: contain;
            position: absolute;
            left: -34px;
        }
    }
}
.section-comments .box-comments {
    background-color: #fff;
    border-radius: 12px;
    padding: 30px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}
.section-comments .box-comments .header {
    display: flex;
    align-items: center;
}
.section-comments .box-comments .header .img {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    object-fit: cover;
    margin-left: 15px;
}
.section-comments .box-comments .header .span {
    font-size: 12px;
    font-weight: 300;
}
.section-comments .box-comments .header .span-name {
    font-weight: 700;
    display: block;
}
.section-comments .box-comments .content {
    padding: 10px;
    background-color: #F9F9F9;
    border-radius: 12px;
    display: block;
    font-variation-settings: "wght" 300;
    font-size: 14.5px;
    text-align: justify;
    margin-top: 20px;
    position: relative;
    min-height: 156px;
}
/*.section-comments{
    background: linear-gradient(180deg, #1168fe 0%, rgba(255, 199, 96, 0) 100%);
    padding: 80px 0 134px;
    position: relative;
}*/
.home-testimonials:before{
    content: "";
    right: 0;
    top: -1px;
    position: absolute;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUxMiIgaGVpZ2h0PSI1MDYiIHZpZXdCb3g9IjAgMCAxNTEyIDUwNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE1MTIgMEgwTDE1MTIgNTA2VjBaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K);
}
.section-comments .box-comments .content p {
    margin-bottom: 0;
}
.section-comments .slider .item{
    padding: 12px;
}
.section-comments .slider button{
    width: 40px;
    height: 40px;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.1));
    border-radius: 50%;
    position: absolute;
    font-size: 0;
    border: 0;
    z-index: 99;
    top: calc(50% - 20px);
}
.section-comments .slider .slick-next{
    left: -10px;
    &:after{
        content: "\f104";
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        font-size: 21px;
    }
}
.section-comments .slick-comments{
    overflow: unset;
}
.home-posts ul li {
    padding: 0 12px;
}
.home-posts .fusion-image-wrapper a:after{
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    background: linear-gradient(180deg, rgba(4, 4, 4, 0) 0%, rgba(4, 4, 4, 0.5) 100%);
    z-index: 1;
}
.home-posts .fusion-image-wrapper a:before{
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 60px 688px;
    border-color: transparent transparent #ffffff transparent;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 2;
}
.home-posts button {
    width: 40px;
    height: 40px;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.3));
    border-radius: 50%;
    position: absolute;
    font-size: 0;
    border: 0;
    cursor: pointer;
    z-index: 99;
    top: calc(50% - 50px);
}
.fusion-button.more-arrow {
    margin-left: 52px;
}
.fusion-button.more-arrow span:after{
    background: url(/wp-content/themes/Avada-Child-Theme/assets/images/more-arrow.svg) center center no-repeat;
    content: '';
    width: 28px;
    height: 28px;
    background-size: contain;
    position: absolute;
    left: -31px;
    content: '';
}
.home-posts button.slick-next{
    left: -10px;
}
.home-posts button.slick-prev{
    right: -10px;
}
.home-posts button.slick-next:after{
    content: "\f104";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 21px;
}
.home-posts button.slick-prev:after{
    content: "\f105";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 21px;
}
.post-cat {
    margin-top: -43px !important;
    z-index: 2;
    position: absolute;
    top: 60px;
    right: 12px;
}
.post-cat p {
    margin-top: -35px;
    z-index: 2;
    background: #3269ff;
    padding: 3px 8px;
    color: #fff;
    position: relative;
    display: inline-flex;
    border-radius: 6px;
    font-size: 12px;
}
.post-cat p a {
    color: #fff;
}
.post-title {
    z-index: 3;
    height: 47px;
}
.main-logo img{
    width: 200px;
} 
.footer-logo img {
    width: 210px;
}
.auth-items{
    display: flex;
    flex-direction: row;
    justify-content: center;
    .auth-item{
        padding: 8px;
        margin: 0 16px;
        background: #b6b6bf8c;
        border-radius: 12px;
        filter: grayscale(100%);
        transition-duration: 0.3s;
        text-align: center;
        display: block;
        img{
            height: 80px;
            width: 72px;
        }
    }
}
.auth-item:hover {
    filter: grayscale(0);
    transform: translateY(-9px);
    background: #c9c7c7;
}
.footer-quick-contact i{
    font-size: 24px;
}

.fusion-form-input {
    text-align: right;
    margin-right: 0;
    box-shadow: 0 0 20px #00000021;
}
.contact-iconFlow {
    background: linear-gradient(270deg, #001C65 0%, #1153FE 100%) !important;
    height: 65px !important;
    width: 65px !important;
    justify-content: center;
    align-items: center;
    display: flex;
    margin-top: -32px !important;
}
.contact-iconFlow:before {
    transition: none;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}
.contact-infoBox {
    height: 155px;
}
.contact-iconFlow{
    background: linear-gradient(270deg, #001C65 0%, #1153FE 100%) !important;
}
.contact-infoBox > div{
    overflow: unset !important;
    background-color: #fff;
}
.post-content .self-post-content ul{
    list-style: none;
    li{
        position: relative;
        margin-bottom: 8px;
        color: #303238;
        &:before{
            position: absolute;
            right: -25px;
            background: linear-gradient(45deg, #ffffff, #25c74f);
            height: 17px;
            width: 17px;
            content: '';
            content: "\f00c";
            top: 0;
            transform: translateY(39%);
            border-radius: 100px;
            -webkit-font-smoothing: antialiased;
            display: inline-block;
            font-style: normal;
            font-variant: normal;
            text-rendering: auto;
            line-height: 1;
            font-size: 9px;
            display: flex;
            font-family: 'awb-icons';
            align-items: center;
            justify-content: center;
            color: #1d241d;
        }
    }
}
.type-avada_portfolio .post-content p{
    color: #303238;
}
.type-avada_portfolio .post-content{
    h3{
        font-size: 24px !important;
        font-variation-settings: "wght" 700
    }
    h2{
        font-size: 29px !important;
        font-variation-settings: "wght" 700
    }
}
form abbr {
    font-size: 0;
    background: #ff5361;
    height: 8px;
    width: 8px;
    display: flex;
    position: absolute;
    right: -11px;
    top: 50%;
    border-radius: 100px;
    transform: translateY(-50%);
}
form label{
    position: relative;
}

.section-selector{
    display: flex;
    justify-content: center;
    border-bottom: 1px solid #cdcdcd;
    .section-selector__inner{
        .items{
            display: flex;
            flex-direction: row;
            .item{
                cursor: pointer;
                padding: 0 20px;
                font-variation-settings: "wght" 700;
                position: relative;
                padding-bottom: 15px;
                margin: 0 10px;
                &.active:after{
                    content: '';
                    background: #ff44a2;
                    width: 10px;
                    height: 10px;
                    left: 0;
                    right: 50%;
                    position: absolute;
                    bottom: -20px;
                    transform: translateX(50%);
                    z-index: 2;
                    border-radius: 50px;
                    box-shadow: 0 0 18px 3px #0000003b;
                }
                &.active:before{
                    position: absolute;
                    content: '';
                    background: #2f94ff;
                    width: 100%;
                    height: 3px;
                    bottom: -17px;
                    left: 0;
                    right: 0;
                    border-radius: 100px;
                }
                &:before,&:after{
                    content: '';
                    transition: 0.4s all ease;
                }
                &:hover:before{
                    position: absolute;
                    content: '';
                    background: #c7e2ff;
                    width: 100%;
                    height: 3px;
                    bottom: -17px;
                    left: 0;
                    right: 0;
                    border-radius: 100px;
                }
                &:hover:after{
                    content: '';
                    background: #fbcce4;
                    width: 10px;
                    height: 10px;
                    left: 0;
                    right: 50%;
                    position: absolute;
                    bottom: -20px;
                    transform: translateX(50%);
                    z-index: 2;
                    border-radius: 50px;
                }
            }
        }
    }
}
.custom-widget{
    & > .fusion-column-wrapper{
        border: 1px solid #333 !important;
        border-radius: 8px !important;
    }
    &  > .fusion-column-wrapper > .fusion-title{
        border-bottom: 1px solid #333 !important;
        padding: 15px;
    }
}
.products-card-title {
    box-shadow: 0 0 27px #00000078;
    background: #ffffffd6;
    padding: 17px 0;
    border-radius: 4px;
    font-size: 16px !important;
    margin-top: -34px !important;
    position: relative;
    z-index: 2;
    margin-right: 16px !important;
    margin-left: 16px !important;
}
.products-card-title h3 {
    font-size: 19px !important;
}
.dark-logo img {
    width: 160px;
}
.single-post-card{
    padding: 0 !important;
}
.single-post-card .fusion-builder-row{
    width: 100% !important;
}
.faq-item-wrapper:hover .fusion-column-wrapper{
    box-shadow: 0px 0px #3269ff87;
}
.faq-item-wrapper .fusion-column-wrapper{
    transition: 0.4s all ease !important;
}
.tut-img-wrapper .fusion-column-wrapper {
    position: relative;
}
.tut-cat{
    position: absolute;
    top: 5px;
    right: 5px;
    background: #fb066abf;
    z-index: 1;
    color: #ffffff;
    padding: 5px 8px;
    font-size: 12px;
    font-variation-settings: "wght" 300;
    border-radius: 4px;
}
.awb-toc-el .awb-toc-el__item-anchor {
    font-variation-settings: "wght" 700;
    color: #464141 !important;
    padding: 0 22px 10px;
}
.single-tut-img, .single-post-img {
    box-shadow: 0 0 14px #00000047;
}
.single-post-content strong{
    font-variation-settings: "wght" 650;
}
.single-post-content h2 {
    font-size: 26px !important;
    font-variation-settings: "wght" 700;
}
#ez-toc-container{
    border: none !important;
    padding: 0 22px !important;
}
div#ez-toc-container ul li, div#ez-toc-container ul li a {
    padding: 3px 0;
    color: #000 !important;
}
.single-post-content h3 {
    font-size: 22px;
    font-variation-settings: "wght" 700;
}
.single-post-img{
    width: 100%;
}
.single-post-img img{
    width: 100%;
}
span.fusion-tb-tags a {
    margin: 0 5px;
    background: #eee;
    padding: 3px 6px;
    color: #545454 !important;
    border-radius: 4px;
}
#ez-toc-container{
    border: 1px solid #000 !important;
    border-radius: 8px !important;
    padding: 0 !important;
    background-color: #ffffff00 !important;
}
.ez-toc-list{
    padding: 15px 26px !important;
    position: relative;
}
li.ez-toc-page-1.ez-toc-heading-level-2:before {
    content: '';
    position: absolute;
    right: -15px;
    background: #a9a9a9;
    height: 6px;
    width: 6px;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 15px;
}
ul.ez-toc-list.ez-toc-list-level-1:after {
    content: '';
    position: absolute;
    right: 13px;
    top: 31px;
    bottom: 31px;
    border: 1px dashed #b3abab;
}
li.ez-toc-page-1.ez-toc-heading-level-2 {
    position: relative;
    overflow: visible !important;
}
.ez-toc-box-title{
    margin: 0 !important;
    width: 100%;
    font-weight: unset !important;
    position: static !important;
    padding: 15px !important;
    font-variation-settings: "wght" 700;
    color: #040404 !important;
    font-size: 20px !important;
    text-align: right !important;
    border-bottom: 1px solid #000  !important;
}
.awb-off-canvas .off-canvas-close{
    left: 12px;
    right: unset !important;
    text-align: left;
    top: 16px !important;
    &:before{
        font-size: 24px;
    }
}
.logo-side-canvas img {
    width: 127px;
}
.side-menu ul li span {
    font-variation-settings: "wght" 600;
}
.side-canvas-contact-btn {
    position: absolute;
    right: 50%;
    bottom: -50px;
    transform: translateX(50%);
}
.fusion-search-post-title {
    font-variation-settings: "wght" 700;
}
.ring-anime i{
    animation: ring 2.5s infinite;
}

/* tutorials */

            /*  plyr.js css */
@charset "UTF-8";@keyframes plyr-progress{to{background-position:25px 0;background-position:var(--plyr-progress-loading-size,25px) 0}}@keyframes plyr-popup{0%{opacity:.5;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes plyr-fade-in{0%{opacity:0}to{opacity:1}}.plyr{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;align-items:center;direction:ltr;display:flex;flex-direction:column;font-family:inherit;font-family:var(--plyr-font-family,inherit);font-variant-numeric:tabular-nums;font-weight:400;font-weight:var(--plyr-font-weight-regular,400);line-height:1.7;line-height:var(--plyr-line-height,1.7);max-width:100%;min-width:200px;position:relative;text-shadow:none;transition:box-shadow .3s ease;z-index:0}.plyr audio,.plyr iframe,.plyr video{display:block;height:100%;width:100%}.plyr button{font:inherit;line-height:inherit;width:auto}.plyr:focus{outline:0}.plyr--full-ui{box-sizing:border-box}.plyr--full-ui *,.plyr--full-ui :after,.plyr--full-ui :before{box-sizing:inherit}.plyr--full-ui a,.plyr--full-ui button,.plyr--full-ui input,.plyr--full-ui label{touch-action:manipulation}.plyr__badge{background:#4a5464;background:var(--plyr-badge-background,#4a5464);border-radius:2px;border-radius:var(--plyr-badge-border-radius,2px);color:#fff;color:var(--plyr-badge-text-color,#fff);font-size:9px;font-size:var(--plyr-font-size-badge,9px);line-height:1;padding:3px 4px}.plyr--full-ui ::-webkit-media-text-track-container{display:none}.plyr__captions{animation:plyr-fade-in .3s ease;bottom:0;display:none;font-size:13px;font-size:var(--plyr-font-size-small,13px);left:0;padding:10px;padding:var(--plyr-control-spacing,10px);position:absolute;text-align:center;transition:transform .4s ease-in-out;width:100%}.plyr__captions span:empty{display:none}@media (min-width:480px){.plyr__captions{font-size:15px;font-size:var(--plyr-font-size-base,15px);padding:20px;padding:calc(var(--plyr-control-spacing, 10px)*2)}}@media (min-width:768px){.plyr__captions{font-size:18px;font-size:var(--plyr-font-size-large,18px)}}.plyr--captions-active .plyr__captions{display:block}.plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty)~.plyr__captions{transform:translateY(-40px);transform:translateY(calc(var(--plyr-control-spacing, 10px)*-4))}.plyr__caption{background:#000c;background:var(--plyr-captions-background,#000c);border-radius:4px;-webkit-box-decoration-break:clone;box-decoration-break:clone;color:#fff;color:var(--plyr-captions-text-color,#fff);line-height:185%;padding:.2em .5em;white-space:pre-wrap}.plyr__caption div{display:inline}.plyr__control{background:#0000;border:0;border-radius:4px;border-radius:var(--plyr-control-radius,4px);color:inherit;cursor:pointer;flex-shrink:0;overflow:visible;padding:7px;padding:calc(var(--plyr-control-spacing, 10px)*.7);position:relative;transition:all .1s ease-in-out}.plyr__control svg{display:block;fill:currentColor;height:18px;height:var(--plyr-control-icon-size,18px);pointer-events:none;width:18px;width:var(--plyr-control-icon-size,18px)}.plyr__control:focus{outline:0}.plyr__control:focus-visible{outline:2px dashed #00b2ff;outline:2px dashed var(--plyr-focus-visible-color,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));outline-offset:2px}a.plyr__control{text-decoration:none}.plyr__control.plyr__control--pressed .icon--not-pressed,.plyr__control.plyr__control--pressed .label--not-pressed,.plyr__control:not(.plyr__control--pressed) .icon--pressed,.plyr__control:not(.plyr__control--pressed) .label--pressed,a.plyr__control:after,a.plyr__control:before{display:none}.plyr--full-ui ::-webkit-media-controls{display:none}.plyr__controls{align-items:center;display:flex;justify-content:flex-end;text-align:center}.plyr__controls .plyr__progress__container{flex:1;min-width:0}.plyr__controls .plyr__controls__item{margin-left:2.5px;margin-left:calc(var(--plyr-control-spacing, 10px)/4)}.plyr__controls .plyr__controls__item:first-child{margin-left:0;margin-right:auto}.plyr__controls .plyr__controls__item.plyr__progress__container{padding-left:2.5px;padding-left:calc(var(--plyr-control-spacing, 10px)/4)}.plyr__controls .plyr__controls__item.plyr__time{padding:0 5px;padding:0 calc(var(--plyr-control-spacing, 10px)/2)}.plyr__controls .plyr__controls__item.plyr__progress__container:first-child,.plyr__controls .plyr__controls__item.plyr__time+.plyr__time,.plyr__controls .plyr__controls__item.plyr__time:first-child{padding-left:0}.plyr [data-plyr=airplay],.plyr [data-plyr=captions],.plyr [data-plyr=fullscreen],.plyr [data-plyr=pip],.plyr__controls:empty{display:none}.plyr--airplay-supported [data-plyr=airplay],.plyr--captions-enabled [data-plyr=captions],.plyr--fullscreen-enabled [data-plyr=fullscreen],.plyr--pip-supported [data-plyr=pip]{display:inline-block}.plyr__menu{display:flex;position:relative}.plyr__menu .plyr__control svg{transition:transform .3s ease}.plyr__menu .plyr__control[aria-expanded=true] svg{transform:rotate(90deg)}.plyr__menu .plyr__control[aria-expanded=true] .plyr__tooltip{display:none}.plyr__menu__container{animation:plyr-popup .2s ease;background:#ffffffe6;background:var(--plyr-menu-background,#ffffffe6);border-radius:8px;border-radius:var(--plyr-menu-radius,8px);bottom:100%;box-shadow:0 1px 2px #00000026;box-shadow:var(--plyr-menu-shadow,0 1px 2px #00000026);color:#4a5464;color:var(--plyr-menu-color,#4a5464);font-size:15px;font-size:var(--plyr-font-size-base,15px);margin-bottom:10px;position:absolute;right:-3px;text-align:left;white-space:nowrap;z-index:3}.plyr__menu__container>div{overflow:hidden;transition:height .35s cubic-bezier(.4,0,.2,1),width .35s cubic-bezier(.4,0,.2,1)}.plyr__menu__container:after{border:4px solid #0000;border-top-color:#ffffffe6;border:var(--plyr-menu-arrow-size,4px) solid #0000;border-top-color:var(--plyr-menu-background,#ffffffe6);content:"";height:0;position:absolute;right:14px;right:calc(var(--plyr-control-icon-size, 18px)/2 + var(--plyr-control-spacing, 10px)*.7 - var(--plyr-menu-arrow-size, 4px)/2);top:100%;width:0}.plyr__menu__container [role=menu]{padding:7px;padding:calc(var(--plyr-control-spacing, 10px)*.7)}.plyr__menu__container [role=menuitem],.plyr__menu__container [role=menuitemradio]{margin-top:2px}.plyr__menu__container [role=menuitem]:first-child,.plyr__menu__container [role=menuitemradio]:first-child{margin-top:0}.plyr__menu__container .plyr__control{align-items:center;color:#4a5464;color:var(--plyr-menu-color,#4a5464);display:flex;font-size:13px;font-size:var(--plyr-font-size-menu,var(--plyr-font-size-small,13px));padding:4.66667px 10.5px;padding:calc(var(--plyr-control-spacing, 10px)*.7/1.5) calc(var(--plyr-control-spacing, 10px)*.7*1.5);-webkit-user-select:none;user-select:none;width:100%}.plyr__menu__container .plyr__control>span{align-items:inherit;display:flex;width:100%}.plyr__menu__container .plyr__control:after{border:4px solid #0000;border:var(--plyr-menu-item-arrow-size,4px) solid #0000;content:"";position:absolute;top:50%;transform:translateY(-50%)}.plyr__menu__container .plyr__control--forward{padding-right:28px;padding-right:calc(var(--plyr-control-spacing, 10px)*.7*4)}.plyr__menu__container .plyr__control--forward:after{border-left-color:#728197;border-left-color:var(--plyr-menu-arrow-color,#728197);right:6.5px;right:calc(var(--plyr-control-spacing, 10px)*.7*1.5 - var(--plyr-menu-item-arrow-size, 4px))}.plyr__menu__container .plyr__control--forward:focus-visible:after,.plyr__menu__container .plyr__control--forward:hover:after{border-left-color:initial}.plyr__menu__container .plyr__control--back{font-weight:400;font-weight:var(--plyr-font-weight-regular,400);margin:7px;margin:calc(var(--plyr-control-spacing, 10px)*.7);margin-bottom:3.5px;margin-bottom:calc(var(--plyr-control-spacing, 10px)*.7/2);padding-left:28px;padding-left:calc(var(--plyr-control-spacing, 10px)*.7*4);position:relative;width:calc(100% - 14px);width:calc(100% - var(--plyr-control-spacing, 10px)*.7*2)}.plyr__menu__container .plyr__control--back:after{border-right-color:#728197;border-right-color:var(--plyr-menu-arrow-color,#728197);left:6.5px;left:calc(var(--plyr-control-spacing, 10px)*.7*1.5 - var(--plyr-menu-item-arrow-size, 4px))}.plyr__menu__container .plyr__control--back:before{background:#dcdfe5;background:var(--plyr-menu-back-border-color,#dcdfe5);box-shadow:0 1px 0 #fff;box-shadow:0 1px 0 var(--plyr-menu-back-border-shadow-color,#fff);content:"";height:1px;left:0;margin-top:3.5px;margin-top:calc(var(--plyr-control-spacing, 10px)*.7/2);overflow:hidden;position:absolute;right:0;top:100%}.plyr__menu__container .plyr__control--back:focus-visible:after,.plyr__menu__container .plyr__control--back:hover:after{border-right-color:initial}.plyr__menu__container .plyr__control[role=menuitemradio]{padding-left:7px;padding-left:calc(var(--plyr-control-spacing, 10px)*.7)}.plyr__menu__container .plyr__control[role=menuitemradio]:after,.plyr__menu__container .plyr__control[role=menuitemradio]:before{border-radius:100%}.plyr__menu__container .plyr__control[role=menuitemradio]:before{background:#0000001a;content:"";display:block;flex-shrink:0;height:16px;margin-right:10px;margin-right:var(--plyr-control-spacing,10px);transition:all .3s ease;width:16px}.plyr__menu__container .plyr__control[role=menuitemradio]:after{background:#fff;border:0;height:6px;left:12px;opacity:0;top:50%;transform:translateY(-50%) scale(0);transition:transform .3s ease,opacity .3s ease;width:6px}.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:before{background:#00b2ff;background:var(--plyr-control-toggle-checked-background,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)))}.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:after{opacity:1;transform:translateY(-50%) scale(1)}.plyr__menu__container .plyr__control[role=menuitemradio]:focus-visible:before,.plyr__menu__container .plyr__control[role=menuitemradio]:hover:before{background:#23282f1a}.plyr__menu__container .plyr__menu__value{align-items:center;display:flex;margin-left:auto;margin-right:-5px;margin-right:calc(var(--plyr-control-spacing, 10px)*.7*-1 - -2px);overflow:hidden;padding-left:24.5px;padding-left:calc(var(--plyr-control-spacing, 10px)*.7*3.5);pointer-events:none}.plyr--full-ui input[type=range]{appearance:none;background:#0000;border:0;border-radius:26px;border-radius:calc(var(--plyr-range-thumb-height, 13px)*2);color:#00b2ff;color:var(--plyr-range-fill-background,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));display:block;height:19px;height:calc(var(--plyr-range-thumb-active-shadow-width, 3px)*2 + var(--plyr-range-thumb-height, 13px));margin:0;min-width:0;padding:0;transition:box-shadow .3s ease;width:100%}.plyr--full-ui input[type=range]::-webkit-slider-runnable-track{background:#0000;background-image:linear-gradient(90deg,currentColor 0,#0000 0);background-image:linear-gradient(to right,currentColor var(--value,0),#0000 var(--value,0));border:0;border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height, 5px)/2);height:5px;height:var(--plyr-range-track-height,5px);-webkit-transition:box-shadow .3s ease;transition:box-shadow .3s ease;-webkit-user-select:none;user-select:none}.plyr--full-ui input[type=range]::-webkit-slider-thumb{appearance:none;background:#fff;background:var(--plyr-range-thumb-background,#fff);border:0;border-radius:100%;box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33);height:13px;height:var(--plyr-range-thumb-height,13px);margin-top:-4px;margin-top:calc((var(--plyr-range-thumb-height, 13px) - var(--plyr-range-track-height, 5px))/2*-1);position:relative;-webkit-transition:all .2s ease;transition:all .2s ease;width:13px;width:var(--plyr-range-thumb-height,13px)}.plyr--full-ui input[type=range]::-moz-range-track{background:#0000;border:0;border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height, 5px)/2);height:5px;height:var(--plyr-range-track-height,5px);-moz-transition:box-shadow .3s ease;transition:box-shadow .3s ease;user-select:none}.plyr--full-ui input[type=range]::-moz-range-thumb{background:#fff;background:var(--plyr-range-thumb-background,#fff);border:0;border-radius:100%;box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33);height:13px;height:var(--plyr-range-thumb-height,13px);position:relative;-moz-transition:all .2s ease;transition:all .2s ease;width:13px;width:var(--plyr-range-thumb-height,13px)}.plyr--full-ui input[type=range]::-moz-range-progress{background:currentColor;border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height, 5px)/2);height:5px;height:var(--plyr-range-track-height,5px)}.plyr--full-ui input[type=range]::-ms-track{color:#0000}.plyr--full-ui input[type=range]::-ms-fill-upper,.plyr--full-ui input[type=range]::-ms-track{background:#0000;border:0;border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height, 5px)/2);height:5px;height:var(--plyr-range-track-height,5px);-ms-transition:box-shadow .3s ease;transition:box-shadow .3s ease;user-select:none}.plyr--full-ui input[type=range]::-ms-fill-lower{background:#0000;background:currentColor;border:0;border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height, 5px)/2);height:5px;height:var(--plyr-range-track-height,5px);-ms-transition:box-shadow .3s ease;transition:box-shadow .3s ease;user-select:none}.plyr--full-ui input[type=range]::-ms-thumb{background:#fff;background:var(--plyr-range-thumb-background,#fff);border:0;border-radius:100%;box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33);height:13px;height:var(--plyr-range-thumb-height,13px);margin-top:0;position:relative;-ms-transition:all .2s ease;transition:all .2s ease;width:13px;width:var(--plyr-range-thumb-height,13px)}.plyr--full-ui input[type=range]::-ms-tooltip{display:none}.plyr--full-ui input[type=range]::-moz-focus-outer{border:0}.plyr--full-ui input[type=range]:focus{outline:0}.plyr--full-ui input[type=range]:focus-visible::-webkit-slider-runnable-track{outline:2px dashed #00b2ff;outline:2px dashed var(--plyr-focus-visible-color,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));outline-offset:2px}.plyr--full-ui input[type=range]:focus-visible::-moz-range-track{outline:2px dashed #00b2ff;outline:2px dashed var(--plyr-focus-visible-color,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));outline-offset:2px}.plyr--full-ui input[type=range]:focus-visible::-ms-track{outline:2px dashed #00b2ff;outline:2px dashed var(--plyr-focus-visible-color,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));outline-offset:2px}.plyr__poster{background-color:#000;background-color:var(--plyr-video-background,var(--plyr-video-background,#000));background-position:50% 50%;background-repeat:no-repeat;background-size:contain;height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .2s ease;width:100%;z-index:1}.plyr--stopped.plyr__poster-enabled .plyr__poster{opacity:1}.plyr--youtube.plyr--paused.plyr__poster-enabled:not(.plyr--stopped) .plyr__poster{display:none}.plyr__time{font-size:13px;font-size:var(--plyr-font-size-time,var(--plyr-font-size-small,13px))}.plyr__time+.plyr__time:before{content:"⁄";margin-right:10px;margin-right:var(--plyr-control-spacing,10px)}@media (max-width:767px){.plyr__time+.plyr__time{display:none}}.plyr__tooltip{background:#fff;background:var(--plyr-tooltip-background,#fff);border-radius:5px;border-radius:var(--plyr-tooltip-radius,5px);bottom:100%;box-shadow:0 1px 2px #00000026;box-shadow:var(--plyr-tooltip-shadow,0 1px 2px #00000026);color:#4a5464;color:var(--plyr-tooltip-color,#4a5464);font-size:13px;font-size:var(--plyr-font-size-small,13px);font-weight:400;font-weight:var(--plyr-font-weight-regular,400);left:50%;line-height:1.3;margin-bottom:10px;margin-bottom:calc(var(--plyr-control-spacing, 10px)/2*2);opacity:0;padding:5px 7.5px;padding:calc(var(--plyr-control-spacing, 10px)/2) calc(var(--plyr-control-spacing, 10px)/2*1.5);pointer-events:none;position:absolute;transform:translate(-50%,10px) scale(.8);transform-origin:50% 100%;transition:transform .2s ease .1s,opacity .2s ease .1s;white-space:nowrap;z-index:2}.plyr__tooltip:before{border-left:4px solid #0000;border-left:var(--plyr-tooltip-arrow-size,4px) solid #0000;border-right:4px solid #0000;border-right:var(--plyr-tooltip-arrow-size,4px) solid #0000;border-top:4px solid #fff;border-top:var(--plyr-tooltip-arrow-size,4px) solid var(--plyr-tooltip-background,#fff);bottom:-4px;bottom:calc(var(--plyr-tooltip-arrow-size, 4px)*-1);content:"";height:0;left:50%;position:absolute;transform:translateX(-50%);width:0;z-index:2}.plyr .plyr__control:focus-visible .plyr__tooltip,.plyr .plyr__control:hover .plyr__tooltip,.plyr__tooltip--visible{opacity:1;transform:translate(-50%) scale(1)}.plyr .plyr__control:hover .plyr__tooltip{z-index:3}.plyr__controls>.plyr__control:first-child .plyr__tooltip,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip{left:0;transform:translateY(10px) scale(.8);transform-origin:0 100%}.plyr__controls>.plyr__control:first-child .plyr__tooltip:before,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip:before{left:16px;left:calc(var(--plyr-control-icon-size, 18px)/2 + var(--plyr-control-spacing, 10px)*.7)}.plyr__controls>.plyr__control:last-child .plyr__tooltip{left:auto;right:0;transform:translateY(10px) scale(.8);transform-origin:100% 100%}.plyr__controls>.plyr__control:last-child .plyr__tooltip:before{left:auto;right:16px;right:calc(var(--plyr-control-icon-size, 18px)/2 + var(--plyr-control-spacing, 10px)*.7);transform:translateX(50%)}.plyr__controls>.plyr__control:first-child .plyr__tooltip--visible,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip--visible,.plyr__controls>.plyr__control:first-child+.plyr__control:focus-visible .plyr__tooltip,.plyr__controls>.plyr__control:first-child+.plyr__control:hover .plyr__tooltip,.plyr__controls>.plyr__control:first-child:focus-visible .plyr__tooltip,.plyr__controls>.plyr__control:first-child:hover .plyr__tooltip,.plyr__controls>.plyr__control:last-child .plyr__tooltip--visible,.plyr__controls>.plyr__control:last-child:focus-visible .plyr__tooltip,.plyr__controls>.plyr__control:last-child:hover .plyr__tooltip{transform:translate(0) scale(1)}.plyr__progress{left:6.5px;left:calc(var(--plyr-range-thumb-height, 13px)*.5);margin-right:13px;margin-right:var(--plyr-range-thumb-height,13px);position:relative}.plyr__progress input[type=range],.plyr__progress__buffer{margin-left:-6.5px;margin-left:calc(var(--plyr-range-thumb-height, 13px)*-.5);margin-right:-6.5px;margin-right:calc(var(--plyr-range-thumb-height, 13px)*-.5);width:calc(100% + 13px);width:calc(100% + var(--plyr-range-thumb-height, 13px))}.plyr__progress input[type=range]{position:relative;z-index:2}.plyr__progress .plyr__tooltip{left:0;max-width:120px;overflow-wrap:break-word}.plyr__progress__buffer{-webkit-appearance:none;background:#0000;border:0;border-radius:100px;height:5px;height:var(--plyr-range-track-height,5px);left:0;margin-top:-2.5px;margin-top:calc(var(--plyr-range-track-height, 5px)/2*-1);padding:0;position:absolute;top:50%}.plyr__progress__buffer::-webkit-progress-bar{background:#0000}.plyr__progress__buffer::-webkit-progress-value{background:currentColor;border-radius:100px;min-width:5px;min-width:var(--plyr-range-track-height,5px);-webkit-transition:width .2s ease;transition:width .2s ease}.plyr__progress__buffer::-moz-progress-bar{background:currentColor;border-radius:100px;min-width:5px;min-width:var(--plyr-range-track-height,5px);-moz-transition:width .2s ease;transition:width .2s ease}.plyr__progress__buffer::-ms-fill{border-radius:100px;-ms-transition:width .2s ease;transition:width .2s ease}.plyr--loading .plyr__progress__buffer{animation:plyr-progress 1s linear infinite;background-image:linear-gradient(-45deg,#23282f99 25%,#0000 0,#0000 50%,#23282f99 0,#23282f99 75%,#0000 0,#0000);background-image:linear-gradient(-45deg,var(--plyr-progress-loading-background,#23282f99) 25%,#0000 25%,#0000 50%,var(--plyr-progress-loading-background,#23282f99) 50%,var(--plyr-progress-loading-background,#23282f99) 75%,#0000 75%,#0000);background-repeat:repeat-x;background-size:25px 25px;background-size:var(--plyr-progress-loading-size,25px) var(--plyr-progress-loading-size,25px);color:#0000}.plyr--video.plyr--loading .plyr__progress__buffer{background-color:#ffffff40;background-color:var(--plyr-video-progress-buffered-background,#ffffff40)}.plyr--audio.plyr--loading .plyr__progress__buffer{background-color:#c1c8d199;background-color:var(--plyr-audio-progress-buffered-background,#c1c8d199)}.plyr__progress__marker{background-color:#fff;background-color:var(--plyr-progress-marker-background,#fff);border-radius:1px;height:5px;height:var(--plyr-range-track-height,5px);position:absolute;top:50%;transform:translate(-50%,-50%);width:3px;width:var(--plyr-progress-marker-width,3px);z-index:3}.plyr__volume{align-items:center;display:flex;position:relative}.plyr__volume input[type=range]{margin-left:5px;margin-left:calc(var(--plyr-control-spacing, 10px)/2);margin-right:5px;margin-right:calc(var(--plyr-control-spacing, 10px)/2);max-width:90px;min-width:60px;position:relative;z-index:2}.plyr--audio{display:block}.plyr--audio .plyr__controls{background:#fff;background:var(--plyr-audio-controls-background,#fff);border-radius:inherit;color:#4a5464;color:var(--plyr-audio-control-color,#4a5464);padding:10px;padding:var(--plyr-control-spacing,10px)}.plyr--audio .plyr__control:focus-visible,.plyr--audio .plyr__control:hover,.plyr--audio .plyr__control[aria-expanded=true]{background:#00b2ff;background:var(--plyr-audio-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));color:#fff;color:var(--plyr-audio-control-color-hover,#fff)}.plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track{background-color:#c1c8d199;background-color:var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,#c1c8d199))}.plyr--full-ui.plyr--audio input[type=range]::-moz-range-track{background-color:#c1c8d199;background-color:var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,#c1c8d199))}.plyr--full-ui.plyr--audio input[type=range]::-ms-track{background-color:#c1c8d199;background-color:var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,#c1c8d199))}.plyr--full-ui.plyr--audio input[type=range]:active::-webkit-slider-thumb{box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #23282f1a;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,#23282f1a)}.plyr--full-ui.plyr--audio input[type=range]:active::-moz-range-thumb{box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #23282f1a;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,#23282f1a)}.plyr--full-ui.plyr--audio input[type=range]:active::-ms-thumb{box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #23282f1a;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,#23282f1a)}.plyr--audio .plyr__progress__buffer{color:#c1c8d199;color:var(--plyr-audio-progress-buffered-background,#c1c8d199)}.plyr--video{overflow:hidden}.plyr--video.plyr--menu-open{overflow:visible}.plyr__video-wrapper{background:#000;background:var(--plyr-video-background,var(--plyr-video-background,#000));border-radius:inherit;height:100%;margin:auto;overflow:hidden;position:relative;width:100%}.plyr__video-embed,.plyr__video-wrapper--fixed-ratio{aspect-ratio:16/9}@supports not (aspect-ratio:16/9){.plyr__video-embed,.plyr__video-wrapper--fixed-ratio{height:0;padding-bottom:56.25%;position:relative}}.plyr__video-embed iframe,.plyr__video-wrapper--fixed-ratio video{border:0;height:100%;left:0;position:absolute;top:0;width:100%}.plyr--full-ui .plyr__video-embed>.plyr__video-embed__container{padding-bottom:240%;position:relative;transform:translateY(-38.28125%)}.plyr--video .plyr__controls{background:linear-gradient(#0000,#000000bf);background:var(--plyr-video-controls-background,linear-gradient(#0000,#000000bf));border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;bottom:0;color:#fff;color:var(--plyr-video-control-color,#fff);left:0;padding:5px;padding:calc(var(--plyr-control-spacing, 10px)/2);padding-top:20px;padding-top:calc(var(--plyr-control-spacing, 10px)*2);position:absolute;right:0;transition:opacity .4s ease-in-out,transform .4s ease-in-out;z-index:3}@media (min-width:480px){.plyr--video .plyr__controls{padding:10px;padding:var(--plyr-control-spacing,10px);padding-top:35px;padding-top:calc(var(--plyr-control-spacing, 10px)*3.5)}}.plyr--video.plyr--hide-controls .plyr__controls{opacity:0;pointer-events:none;transform:translateY(100%)}.plyr--video .plyr__control:focus-visible,.plyr--video .plyr__control:hover,.plyr--video .plyr__control[aria-expanded=true]{background:#00b2ff;background:var(--plyr-video-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));color:#fff;color:var(--plyr-video-control-color-hover,#fff)}.plyr__control--overlaid{background:#00b2ff;background:var(--plyr-video-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));border:0;border-radius:100%;color:#fff;color:var(--plyr-video-control-color,#fff);display:none;left:50%;opacity:.9;padding:15px;padding:calc(var(--plyr-control-spacing, 10px)*1.5);position:absolute;top:50%;transform:translate(-50%,-50%);transition:.3s;z-index:2}.plyr__control--overlaid svg{left:2px;position:relative}.plyr__control--overlaid:focus,.plyr__control--overlaid:hover{opacity:1}.plyr--playing .plyr__control--overlaid{opacity:0;visibility:hidden}.plyr--full-ui.plyr--video .plyr__control--overlaid{display:block}.plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track{background-color:#ffffff40;background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,#ffffff40))}.plyr--full-ui.plyr--video input[type=range]::-moz-range-track{background-color:#ffffff40;background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,#ffffff40))}.plyr--full-ui.plyr--video input[type=range]::-ms-track{background-color:#ffffff40;background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,#ffffff40))}.plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb{box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #ffffff80;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,#ffffff80)}.plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb{box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #ffffff80;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,#ffffff80)}.plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb{box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #ffffff80;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,#ffffff80)}.plyr--video .plyr__progress__buffer{color:#ffffff40;color:var(--plyr-video-progress-buffered-background,#ffffff40)}.plyr:fullscreen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:fullscreen video{height:100%}.plyr:fullscreen .plyr__control .icon--exit-fullscreen{display:block}.plyr:fullscreen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:fullscreen.plyr--hide-controls{cursor:none}@media (min-width:1024px){.plyr:fullscreen .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}}.plyr--fullscreen-fallback{background:#000;border-radius:0!important;height:100%;inset:0;margin:0;position:fixed;width:100%;z-index:10000000}.plyr--fullscreen-fallback video{height:100%}.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen{display:block}.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr--fullscreen-fallback.plyr--hide-controls{cursor:none}@media (min-width:1024px){.plyr--fullscreen-fallback .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}}.plyr__ads{border-radius:inherit;cursor:pointer;inset:0;overflow:hidden;position:absolute;z-index:-1}.plyr__ads>div,.plyr__ads>div iframe{height:100%;position:absolute;width:100%}.plyr__ads:after{background:#23282f;border-radius:2px;bottom:10px;bottom:var(--plyr-control-spacing,10px);color:#fff;content:attr(data-badge-text);font-size:11px;padding:2px 6px;pointer-events:none;position:absolute;right:10px;right:var(--plyr-control-spacing,10px);z-index:3}.plyr__ads:empty:after{display:none}.plyr__cues{background:currentColor;display:block;height:5px;height:var(--plyr-range-track-height,5px);left:0;opacity:.8;position:absolute;top:50%;transform:translateY(-50%);width:3px;z-index:3}.plyr__preview-thumb{background-color:#fff;background-color:var(--plyr-tooltip-background,#fff);border-radius:8px;border-radius:var(--plyr-menu-radius,8px);bottom:100%;box-shadow:0 1px 2px #00000026;box-shadow:var(--plyr-tooltip-shadow,0 1px 2px #00000026);margin-bottom:10px;margin-bottom:calc(var(--plyr-control-spacing, 10px)/2*2);opacity:0;padding:3px;pointer-events:none;position:absolute;transform:translateY(10px) scale(.8);transform-origin:50% 100%;transition:transform .2s ease .1s,opacity .2s ease .1s;z-index:2}.plyr__preview-thumb--is-shown{opacity:1;transform:translate(0) scale(1)}.plyr__preview-thumb:before{border-left:4px solid #0000;border-left:var(--plyr-tooltip-arrow-size,4px) solid #0000;border-right:4px solid #0000;border-right:var(--plyr-tooltip-arrow-size,4px) solid #0000;border-top:4px solid #fff;border-top:var(--plyr-tooltip-arrow-size,4px) solid var(--plyr-tooltip-background,#fff);bottom:-4px;bottom:calc(var(--plyr-tooltip-arrow-size, 4px)*-1);content:"";height:0;left:calc(50% + var(--preview-arrow-offset));position:absolute;transform:translateX(-50%);width:0;z-index:2}.plyr__preview-thumb__image-container{background:#c1c8d1;border-radius:7px;border-radius:calc(var(--plyr-menu-radius, 8px) - 1px);overflow:hidden;position:relative;z-index:0}.plyr__preview-thumb__image-container img,.plyr__preview-thumb__image-container:after{height:100%;left:0;position:absolute;top:0;width:100%}.plyr__preview-thumb__image-container:after{border-radius:inherit;box-shadow:inset 0 0 0 1px #00000026;content:"";pointer-events:none}.plyr__preview-thumb__image-container img{max-height:none;max-width:none}.plyr__preview-thumb__time-container{background:linear-gradient(#0000,#000000bf);background:var(--plyr-video-controls-background,linear-gradient(#0000,#000000bf));border-bottom-left-radius:7px;border-bottom-left-radius:calc(var(--plyr-menu-radius, 8px) - 1px);border-bottom-right-radius:7px;border-bottom-right-radius:calc(var(--plyr-menu-radius, 8px) - 1px);bottom:0;left:0;line-height:1.1;padding:20px 6px 6px;position:absolute;right:0;z-index:3}.plyr__preview-thumb__time-container span{color:#fff;font-size:13px;font-size:var(--plyr-font-size-time,var(--plyr-font-size-small,13px))}.plyr__preview-scrubbing{filter:blur(1px);height:100%;inset:0;margin:auto;opacity:0;overflow:hidden;pointer-events:none;position:absolute;transition:opacity .3s ease;width:100%;z-index:1}.plyr__preview-scrubbing--is-shown{opacity:1}.plyr__preview-scrubbing img{height:100%;left:0;max-height:none;max-width:none;object-fit:contain;position:absolute;top:0;width:100%}.plyr--no-transition{transition:none!important}.plyr__sr-only{clip:rect(1px,1px,1px,1px);border:0!important;height:1px!important;overflow:hidden;padding:0!important;position:absolute!important;width:1px!important}.plyr [hidden]{display:none!important}
/*  end plyr.js */
#main:has(.tuts){
    background: #adc7f5;
    padding: 0;
}
.tuts{
    margin-bottom: 80px;
}

.shape2{
    position: fixed;
    height: 400px;
    width: 400px;
    bottom: 62px;
    left: 141px;
    background: linear-gradient(293deg, #8fa6ff, #1b3b83);
    border-radius: 100%;
    box-shadow: 0 0 20px #00000040;
}
.shape1{
    position: fixed;
    height: 800px;
    width: 800px;
    top: -388px;
    right: -159px;
    background: linear-gradient(293deg, #8fa6ff, #1b3b83);
    border-radius: 100%;
    box-shadow: 0 0 20px #00000040;
}
.container{
    width: 1560px;
    margin: 0 auto;
}
.tut-wrapper{
    background: #ffffffd6;
    z-index: 2;
    margin-top: 50px;
    position: relative;
    padding: 35px;
    border-radius: 12px;
    box-shadow: 0 0 40px #0000003d;
    .tut-wrapper__inner{
        display: flex;
    }
}
.overflow-visible{
    overflow: visible !important;
}
a.menu-title[current-page='true'] {
    color: #ff0000;
    &:before{
        background-color: #ff0000 !important;
    }
}
.loader {
    position: absolute;
    left: 12px;
    top: 15px;
    width: 22px;
    visibility: hidden;
    opacity: 1;
    aspect-ratio: 1;
    --_c: no-repeat radial-gradient(farthest-side, #1fa2ff 92%, #0000);
    background: var(--_c) top, var(--_c) left, var(--_c) right, var(--_c) bottom;
    background-size: 6px 6px;
    animation: l7 1s infinite;
    &.active{
        visibility: visible;
        opacity: 1;
    }
}
@keyframes l7 {to{transform: rotate(.5turn)}}
.side-panel{
    width: 25%;
    padding-left: 18px;
    ul{
        padding: 0;
        margin: 0;
        li{
            cursor: pointer;
        }
        list-style: none;
        .submenu{
            display: none;
        }
    }
    .menus-wrapper{
        overflow-y: scroll;
        &.mobile{
            background: #fff;
            width: 300px;
            display: none;
            height: 50px;
            border-radius: 8px;
            padding: 40px 18px 30px;
            box-shadow: 0 0 6px #00000030;
            position: relative;
                .backward-menu{
                    position: absolute;
                    top: 9px;
                    right: 10px;
                    background: #fbe8e8;
                    color: #f36767;
                    padding: 5px 6px;
                    cursor: pointer;
                    justify-content: center;
                    display: flex;
                    align-items: center;
                    font-size: 14px;
                    border-radius: 6px;
                }
            .menus{
                    position: absolute;
                    z-index: 1;
                    background: #fff;
                    left: 15px;
                    right: 15px;
                    opacity: 0.2;
                    transition: 0.4s all ease;
                    transform: translateX(150px);
                    &.active{
                        opacity: 1;
                        transform: translateX(0px);
                    }
                .menu-item{
                    position: relative;
                    padding: 12px 0;
                    &.has-child{
                        &:after{
                            font-family: 'Font Awesome 5 Free';
                            content: "\f053";
                            font-weight: 600;
                            font-size: 12px;
                            position: absolute;
                            left: 3px;
                            top: calc(50% - 2px);
                            transform: translateY(-50%);
                        }
                    }
                    .icon{

                    }
                    .menu-title{
                        font-size: 14px;
                        font-variation-settings: "wght" 600;
                    }
                }
            }
        }
        &.desktop{
            background: #fff;
            width: 100%;
            height: 550px;
            border-radius: 8px;
            padding: 25px 18px 30px 10px;
            box-shadow: 0 0 6px #00000030;
            position: relative;
            .submenu{
                position: relative;
                padding: 12px 13px 0 0;
                &:after{
                    content: '';
                    position: absolute;
                    right: -3px;
                    top: 0px;
                    background: #c9d7ed;
                    width: 1px;
                    height: 0%;
                    transition: 0.7s all ease;
                }
            }
            
            .menu-item{
                    position: relative;
                    padding: 12px 0;
                    -webkit-touch-callout: none;
                    -webkit-user-select: none; 
                    -khtml-user-select: none; 
                    -moz-user-select: none; 
                    -ms-user-select: none; 
                    user-select: none;
                    &.has-child{
                        &.opened{
                            &:after{
                                transform: translateY(-50%) rotate(-90deg);
                            }
                            .submenu{
                                &:after{
                                    height: 100%;
                                }
                            }
                        }
                        &:after{
                            font-family: 'Font Awesome 5 Free';
                            content: "\f053";
                            font-weight: 600;
                            font-size: 12px;
                            position: absolute;
                            left: 3px;
                            top: 24px;
                            transition: 0.4s all ease;
                            transform: translateY(-50%);
                        }
                    }
                    .icon{

                    }
                    .menu-title{
                        font-size: 14px;
                        font-variation-settings: "wght" 600;
                        position: relative;
                    }
                }
        }
    }
    .search-wrapper{
        margin: 20px 0;
        input{
            border: none;
            padding: 16px;
            border-radius: 8px;
            box-shadow: 0 0 6px #00000030;
        }
        form{
            position: relative;
            input{
                border: none;
                padding: 16px 47px 16px 16px;
                border-radius: 8px;
                box-shadow: 0 0 6px #00000030;
                width: 100%;
            }
            .icon-search{
                position: absolute;
                right: 9px;
                top: 10px;
                background: linear-gradient(1deg, #cfcfcf, #e9e9e9);
                justify-content: center;
                display: flex;
                width: 30px;
                height: 31px;
                align-items: center;
                border-radius: 15%;
            }
        }
    }
}
.plyr{
    border-radius: 12px;
    margin: 35px 0;
    .plyr__poster {
        background-color: #ffffff;
    }
}
.content p{
    text-align: justify;
}
.res-item a {
    font-size: 14px;
    padding: 6px 0;
    display: block;
    font-variation-settings: "wght" 650;
}
.res-item.skeleton{
    height: 15px;
    width: 100%;
    margin-bottom: 15px;
    border-radius: 50px;
    background: linear-gradient(90deg, #dbdbdb 25%, #bdbaba 37%, #dbdbdb 63%);
    background-size: 400% 100%;
    animation: skeleton-loading 1s ease-in-out infinite;
}
.res-item.no-result{
    color: red;
    text-align: center;
    font-size: 15px;
    font-variation-settings: "wght" 600;
}
@keyframes skeleton-loading {
    0% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0 50%;
    }
}
.search-result-wrapper__inner{
    background: #ffffff;
    padding: 15px;
    box-shadow: 0px 3px 30px 0px #00000052;
    border-radius: 6px;
    position: absolute;
    right: 0;
    left: 0;
    z-index: 2;
    opacity: 0;
    visibility: hidden;
    transition: 0.4s all ease;
    transform: translateY(4px);
    &.active{
        opacity: 1;
        visibility: visible;
        transition: 0.4s all ease;
        transform: translateY(4px);
    }
}
.tuts .site-title h2{
    font-size: 23px !important;
    font-variation-settings: "wght" 800;
    margin-bottom: 0;
    a{
        color: #424242;
    }
    
}
.main-panel{
    background: #fff;
    margin-top: 47px;
    width: 75%;
    padding-right: 18px;
    border-radius: 8px;
    box-shadow: 0 0 6px #00000030;
    height: 615px;
    overflow-y: scroll;
    .main-panel__inner{
        padding: 40px 20px 80px;
        font-family: 'is' !important;
        header{
            display: flex;
            align-items: center;
            margin-bottom: 25px;
            h1{
                font-size: 19px;
                color: #2d2d2d;
                font-variation-settings: "wght" 700;
            }
            .sep{
                height: 2px;
                flex-grow: 1;
                border-radius: 100px;
                background: linear-gradient(315deg, #607bcd, transparent);
                margin: 0 15px;
            }
        }
        .initialize{
            text-align: center;
            img{
                width: 300px;
                height: auto;
            }
            h3{
                font-size: 16px;
                font-variation-settings: "wght" 500;
            }
        }
    }
}
.fixed-scroll::-webkit-scrollbar-thumb {
  background-color: rgb(170, 170, 170);
  border: 4px solid transparent;
  border-radius: 8px;
  background-clip: padding-box;  
}

.fixed-scroll::-webkit-scrollbar {
  width: 14px;
}
.fusion-row:has(.tuts){
    width: calc(100% - 105px) !important;
    margin: 0 auto;
}
.desktop .submenu a.menu-title:before {
    content: '';
    position: absolute;
    right: -18px;
    height: 5px;
    width: 5px;
    background: #2394b7;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    border-radius: 100px;
}
@media only screen and (max-width: 767px) {
    .post-content .home-projects{
        padding: 50px 30px;
    }
    .home-projects .awb-background-mask {
        transform: scale(-1, -1);
        mix-blend-mode: normal;
        background-size: unset !important;
        background-position: 6418px 177px;
    }
    .more-link {
        text-align: center;
        margin-top: 15px;
        right: -20px;
        position: relative;
    }
    .mobile-title-style1{
        p{
            display: inline-flex;
            position: relative;
            &:after{
                position: absolute;
                right: -17px;
                background: #363cff;
                height: 26px;
                width: 7px;
                content: '';
                top: 50%;
                transform: translateY(-50%) skewX(-15deg);
            }
            &:before{
                content: '';
                height: 7px;
                width: 7px;
                background: #fff700;
                right: -14px;
                position: absolute;
                top: 50%;
                transform: translateY(-50%);
                z-index: 2;
                border-radius: 100px;
            }
        }
    }
    .rtl .fusion-accordian .panel-title .fusion-toggle-heading {
        margin-left: 0;
        margin-right: 12px !important;
    }
    .main-logo img {
        width: 140px;
    }
    .section-selector {
        width: 100%;
    & .section-selector__inner {
        width: 100%;
        & .items {
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            .item {
                padding: 0 5px;
                margin: 0px;
                font-size: 13px;
                }
            }
        }
    }
    .section-selector {
        padding-right: 0px !important;
        padding-left: 0px !important;
    }
    .dl-mandegar-section .fusion-text, 
    .dl-practical-section .fusion-text, 
    .dl-sql-section .fusion-text{
        text-align: center;
        margin-bottom: 15px;
        font-size: 13px !important;
    }
    .dl-mandegar-section div:has(.w-150.withShadow),
    .dl-practical-section div:has(.w-150.withShadow),
    .dl-sql-section div:has(.w-150.withShadow)
    {
        text-align: center !important;
        margin: 7px 0;
    }
    .dl-mandegar-section .fusion-text p,
    .dl-practical-section .fusion-text p,
    .dl-sql-section .fusion-text p{
        font-size: 13px !important;
    }
    .post-content p, .post-content li {
        font-size: 14px;
    }
    .single-post-content h2{
        font-size: 19px !important;
        span{
            font-size: 19px !important;
        }
    }
    .single-post-content h1{
        font-size: 20px !important;
        line-height: 29px;
        span{
            font-size: 20px !important;
            line-height: 29px;
        }
    }
    .single-post-content h3{
        font-size: 21px !important;
        span{
            font-size: 21px !important;
        }
    }
    h2{
        font-size: 19px !important;
        span{
            font-size: 19px !important;
        }
    }
    h1{
        font-size: 20px !important;
        line-height: 29px !important;
        span{
            font-size: 20px !important;
            line-height: 29px !important;
        }
    }
    h3{
        font-size: 17px !important;
        span{
            font-size: 17px !important;
        }
    }
    .footer-logo img {
        width: 150px;
    }
    .side-panel {
        padding-left: 0;
    }
    .container:has(.tut-wrapper){
        padding: 0 25px;
    }
    .tut-wrapper{
        background: none;
        z-index: 2;
        margin-top: 40px;
        position: relative;
        padding: 15px;
        border-radius: 12px;
        box-shadow: none;
        .tut-wrapper__inner{
            display: flex;
            flex-wrap: wrap;
        }
    }
    #main:has(.tuts) {
        background: #adc7f5;
        padding: 0 !important;
    }
    .fusion-row:has(.tuts){
        width: 100% !important;
    }
    .container{
        width: unset !important;
        margin: 0 auto;
    }
    .main-panel{
        background: #ffffffe8;
        margin-top: 47px;
        width: 100%;
        border-radius: 8px;
        box-shadow: 0 0 6px #00000030;
        height: 615px;
        overflow-y: scroll;
        .main-panel__inner{
            padding: 25px 15px;
            header{
                display: flex;
                align-items: center;
                margin-bottom: 25px;
                h1{
                    font-size: 17px;
                    color: #2d2d2d;
                }
                .sep{
                    height: 2px;
                    flex-grow: 1;
                    border-radius: 100px;
                    background: linear-gradient(315deg, #607bcd, transparent);
                    margin: 0 15px;
                }
            }
        }
    }
    .side-panel{
        width: 100%;
        ul{
            
            li{
                cursor: pointer;
            }
            list-style: none;
            .submenu{
                display: none;
            }
        }
        .menus-wrapper{
            overflow-y: scroll;
            &.mobile{
                background: #ffffff;
                width: 100%;
                height: 550px;
                display: block;
                border-radius: 8px;
                padding: 47px 18px 30px;
                box-shadow: 0 0 6px #00000030;
                position: relative;
                    .backward-menu{
                        position: absolute;
                        top: 9px;
                        right: 10px;
                        background: #fbe8e8;
                        color: #f36767;
                        padding: 5px 6px;
                        cursor: pointer;
                        justify-content: center;
                        display: flex;
                        align-items: center;
                        font-size: 14px;
                        border-radius: 6px;
                    }
                .menus{
                        position: absolute;
                        z-index: 1;
                        background: #ffffff00;
                        left: 15px;
                        right: 15px;
                        opacity: 0.2;
                        transition: 0.2s all ease;
                        transform: translateX(150px);
                        &.active{
                            opacity: 1;
                            transform: translateX(0px);
                            height: 100vh;
                            background: #fff;
                        }
                    .menu-item{
                        position: relative;
                        padding: 12px 0;
                        &.has-child{
                            &:after{
                                font-family: 'Font Awesome 5 Free';
                                content: "\f053";
                                font-weight: 600;
                                font-size: 12px;
                                position: absolute;
                                left: 3px;
                                top: calc(50% - 2px);
                                transform: translateY(-50%);
                            }
                        }
                        .icon{

                        }
                        .menu-title{
                           
                        }
                    }
                }
            }
            &.desktop{
                background: #ffffffe8;
                width: 100%;
                height: 550px;
                display: none;
                border-radius: 8px;
                padding: 40px 18px 30px 10px;
                box-shadow: 0 0 6px #00000030;
                position: relative;
                .submenu{
                    position: relative;
                    padding: 12px 13px 0 0;
                    &:after{
                        content: '';
                        position: absolute;
                        right: -3px;
                        top: 0px;
                        background: #c9d7ed;
                        width: 1px;
                        height: 0%;
                        transition: 0.7s all ease;
                    }
                }
                
                .menu-item{
                        position: relative;
                        padding: 12px 0;
                        -webkit-touch-callout: none;
                        -webkit-user-select: none; 
                        -khtml-user-select: none; 
                        -moz-user-select: none; 
                        -ms-user-select: none; 
                        user-select: none;
                        &.has-child{
                            &.opened{
                                &:after{
                                    transform: translateY(-50%) rotate(-90deg);
                                }
                                .submenu{
                                    &:after{
                                        height: 100%;
                                    }
                                }
                            }
                            &:after{
                                font-family: 'Font Awesome 5 Free';
                                content: "\f053";
                                font-weight: 600;
                                font-size: 12px;
                                position: absolute;
                                left: 3px;
                                top: 24px;
                                transition: 0.4s all ease;
                                transform: translateY(-50%);
                            }
                        }
                        .icon{

                        }
                        .menu-title{

                        }
                    }
            }
        }
        .search-wrapper{
            margin: 20px 0;
            input{
                border: none;
                padding: 16px;
                border-radius: 8px;
                box-shadow: 0 0 6px #00000030;
            }
            form{
                position: relative;
                input{
                    border: none;
                    padding: 16px 47px 16px 16px;
                    border-radius: 8px;
                    box-shadow: 0 0 6px #00000030;
                    width: 100%;
                }
                .icon-search{
                    position: absolute;
                    right: 9px;
                    top: 50%;
                    transform: translateY(-50%);
                    background: linear-gradient(1deg, #cfcfcf, #e9e9e9);
                    justify-content: center;
                    display: flex;
                    width: 30px;
                    height: 31px;
                    align-items: center;
                    border-radius: 15%;
                }
            }
        }
    }
    .shape1 {
        position: fixed;
        height: 400px;
        width: 400px;
        top: -112px;
        right: -195px;
        background: linear-gradient(293deg, #8fa6ff, #1b3b83);
        border-radius: 100%;
        box-shadow: 0 0 20px #00000040;
    }
    .shape2 {
        position: fixed;
        height: 200px;
        width: 200px;
        bottom: -35px;
        left: -30px;
        background: linear-gradient(293deg, #8fa6ff, #1b3b83);
        border-radius: 100%;
        box-shadow: 0 0 20px #00000040;
    }
    .dark-logo img {
        width: 120px;
    }
    .fontawesome-icon.fb-icon-element.circle-yes {
        width: 39px !important;
        height: 39px !important;
        line-height: 39px !important;
        margin: 0 !important;
        font-size: 25px;
    }
}

/* تبلت */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    
}

/* لپ‌تاپ بزرگ */
@media (min-width: 992px) {
  .container {
    max-width: 960px;
  }
}

/* دسکتاپ */
@media (min-width: 1200px) {
.shape2{
    height: 400px;
    width: 400px;
    bottom: 32px;
    left: 71px;
}
.shape1{
    height: 600px;
    width: 600px;
    top: -288px;
    right: -159px;
}
.container {
    max-width: unset;
    width: 100% !important;
  }
}

/* end tutorials */ 

@keyframes ring {
    0%   { transform: rotate(0deg); }
    4%   { transform: rotate(14deg); }
    8%   { transform: rotate(-12deg); }
    12%   { transform: rotate(14deg); }
    16%   { transform: rotate(-12deg); }
    20%  { transform: rotate(10deg); }
    24%  { transform: rotate(-8deg); }
    28%  { transform: rotate(6deg); }
    32%  { transform: rotate(0deg); }
    64%   { transform: rotate(0deg); }
    68%   { transform: rotate(14deg); }
    72%   { transform: rotate(-12deg); }
    76%   { transform: rotate(14deg); }
    80%   { transform: rotate(-12deg); }
    84%  { transform: rotate(10deg); }
    88%  { transform: rotate(-8deg); }
    92%  { transform: rotate(6deg); }
    96%  { transform: rotate(0deg); }
    100% { transform: rotate(0deg); }
}
.section-comments .slider .slick-prev{
    right: -10px;
        &:before{
        content: "\f105";
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        font-size: 21px;
    }
}