body {
            --wp--preset--color--black: #000000;
            --wp--preset--color--cyan-bluish-gray: #abb8c3;
            --wp--preset--color--white: #ffffff;
            --wp--preset--color--pale-pink: #f78da7;
            --wp--preset--color--vivid-red: #26a38a;
            --wp--preset--color--luminous-vivid-orange: #ff6900;
            --wp--preset--color--luminous-vivid-amber: #fcb900;
            --wp--preset--color--light-#3f2f2f-cyan: #7bdcb5;
            --wp--preset--color--vivid-#3f2f2f-cyan: #00d084;
            --wp--preset--color--pale-cyan-blue: #8ed1fc;
            --wp--preset--color--vivid-cyan-blue: #0693e3;
            --wp--preset--color--vivid-purple: #9b51e0;
            --wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg, rgba(6, 147, 227, 1) 0%, rgb(155, 81, 224) 100%);
            --wp--preset--gradient--light-#3f2f2f-cyan-to-vivid-#3f2f2f-cyan: linear-gradient(135deg, rgb(122, 220, 180) 0%, rgb(0, 208, 130) 100%);
            --wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg, rgba(252, 185, 0, 1) 0%, rgba(255, 105, 0, 1) 100%);
            --wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg, rgba(255, 105, 0, 1) 0%, rgb(207, 46, 46) 100%);
            --wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg, rgb(238, 238, 238) 0%, rgb(169, 184, 195) 100%);
            --wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg, rgb(74, 234, 220) 0%, rgb(151, 120, 209) 20%, rgb(207, 42, 186) 40%, rgb(238, 44, 130) 60%, rgb(251, 105, 98) 80%, rgb(254, 248, 76) 100%);
            --wp--preset--gradient--blush-light-purple: linear-gradient(135deg, rgb(255, 206, 236) 0%, rgb(152, 150, 240) 100%);
            --wp--preset--gradient--blush-bordeaux: linear-gradient(135deg, rgb(254, 205, 165) 0%, rgb(254, 45, 45) 50%, rgb(107, 0, 62) 100%);
            --wp--preset--gradient--luminous-dusk: linear-gradient(135deg, rgb(255, 203, 112) 0%, rgb(199, 81, 192) 50%, rgb(65, 88, 208) 100%);
            --wp--preset--gradient--pale-ocean: linear-gradient(135deg, rgb(255, 245, 203) 0%, rgb(182, 227, 212) 50%, rgb(51, 167, 181) 100%);
            --wp--preset--gradient--electric-grass: linear-gradient(135deg, rgb(202, 248, 128) 0%, rgb(113, 206, 126) 100%);
            --wp--preset--gradient--midnight: linear-gradient(135deg, rgb(2, 3, 129) 0%, rgb(40, 116, 252) 100%);
            --wp--preset--duotone--dark-grayscale: url('#wp-duotone-dark-grayscale');
            --wp--preset--duotone--grayscale: url('#wp-duotone-grayscale');
            --wp--preset--duotone--purple-yellow: url('#wp-duotone-purple-yellow');
            --wp--preset--duotone--blue-red: url('#wp-duotone-blue-red');
            --wp--preset--duotone--midnight: url('#wp-duotone-midnight');
            --wp--preset--duotone--magenta-yellow: url('#wp-duotone-magenta-yellow');
            --wp--preset--duotone--purple-#3f2f2f: url('#wp-duotone-purple-#3f2f2f');
            --wp--preset--duotone--blue-orange: url('#wp-duotone-blue-orange');
            --wp--preset--font-size--small: 13px;
            --wp--preset--font-size--medium: 20px;
            --wp--preset--font-size--large: 36px;
            --wp--preset--font-size--x-large: 42px;
        }

        .has-black-color {
            color: var(--wp--preset--color--black) !important;
        }

        .has-cyan-bluish-gray-color {
            color: var(--wp--preset--color--cyan-bluish-gray) !important;
        }

        .has-white-color {
            color: var(--wp--preset--color--white) !important;
        }

        .has-pale-pink-color {
            color: var(--wp--preset--color--pale-pink) !important;
        }

        .has-vivid-red-color {
            color: var(--wp--preset--color--vivid-red) !important;
        }

        .has-luminous-vivid-orange-color {
            color: var(--wp--preset--color--luminous-vivid-orange) !important;
        }

        .has-luminous-vivid-amber-color {
            color: var(--wp--preset--color--luminous-vivid-amber) !important;
        }

        .has-light-#3f2f2f-cyan-color {
            color: var(--wp--preset--color--light-#3f2f2f-cyan) !important;
        }

        .has-vivid-#3f2f2f-cyan-color {
            color: var(--wp--preset--color--vivid-#3f2f2f-cyan) !important;
        }

        .has-pale-cyan-blue-color {
            color: var(--wp--preset--color--pale-cyan-blue) !important;
        }

        .has-vivid-cyan-blue-color {
            color: var(--wp--preset--color--vivid-cyan-blue) !important;
        }

        .has-vivid-purple-color {
            color: var(--wp--preset--color--vivid-purple) !important;
        }

        .has-black-background-color {
            background-color: var(--wp--preset--color--black) !important;
        }

        .has-cyan-bluish-gray-background-color {
            background-color: var(--wp--preset--color--cyan-bluish-gray) !important;
        }

        .has-white-background-color {
            background-color: var(--wp--preset--color--white) !important;
        }

        .has-pale-pink-background-color {
            background-color: var(--wp--preset--color--pale-pink) !important;
        }

        .has-vivid-red-background-color {
            background-color: var(--wp--preset--color--vivid-red) !important;
        }

        .has-luminous-vivid-orange-background-color {
            background-color: var(--wp--preset--color--luminous-vivid-orange) !important;
        }

        .has-luminous-vivid-amber-background-color {
            background-color: var(--wp--preset--color--luminous-vivid-amber) !important;
        }

        .has-light-#3f2f2f-cyan-background-color {
            background-color: var(--wp--preset--color--light-#3f2f2f-cyan) !important;
        }

        .has-vivid-#3f2f2f-cyan-background-color {
            background-color: var(--wp--preset--color--vivid-#3f2f2f-cyan) !important;
        }

        .has-pale-cyan-blue-background-color {
            background-color: var(--wp--preset--color--pale-cyan-blue) !important;
        }

        .has-vivid-cyan-blue-background-color {
            background-color: var(--wp--preset--color--vivid-cyan-blue) !important;
        }

        .has-vivid-purple-background-color {
            background-color: var(--wp--preset--color--vivid-purple) !important;
        }

        .has-black-border-color {
            border-color: var(--wp--preset--color--black) !important;
        }

        .has-cyan-bluish-gray-border-color {
            border-color: var(--wp--preset--color--cyan-bluish-gray) !important;
        }

        .has-white-border-color {
            border-color: var(--wp--preset--color--white) !important;
        }

        .has-pale-pink-border-color {
            border-color: var(--wp--preset--color--pale-pink) !important;
        }

        .has-vivid-red-border-color {
            border-color: var(--wp--preset--color--vivid-red) !important;
        }

        .has-luminous-vivid-orange-border-color {
            border-color: var(--wp--preset--color--luminous-vivid-orange) !important;
        }

        .has-luminous-vivid-amber-border-color {
            border-color: var(--wp--preset--color--luminous-vivid-amber) !important;
        }

        .has-light-#3f2f2f-cyan-border-color {
            border-color: var(--wp--preset--color--light-#3f2f2f-cyan) !important;
        }

        .has-vivid-#3f2f2f-cyan-border-color {
            border-color: var(--wp--preset--color--vivid-#3f2f2f-cyan) !important;
        }

        .has-pale-cyan-blue-border-color {
            border-color: var(--wp--preset--color--pale-cyan-blue) !important;
        }

        .has-vivid-cyan-blue-border-color {
            border-color: var(--wp--preset--color--vivid-cyan-blue) !important;
        }

        .has-vivid-purple-border-color {
            border-color: var(--wp--preset--color--vivid-purple) !important;
        }

        .has-vivid-cyan-blue-to-vivid-purple-gradient-background {
            background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;
        }

        .has-light-#3f2f2f-cyan-to-vivid-#3f2f2f-cyan-gradient-background {
            background: var(--wp--preset--gradient--light-#3f2f2f-cyan-to-vivid-#3f2f2f-cyan) !important;
        }

        .has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background {
            background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;
        }

        .has-luminous-vivid-orange-to-vivid-red-gradient-background {
            background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;
        }

        .has-very-light-gray-to-cyan-bluish-gray-gradient-background {
            background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;
        }

        .has-cool-to-warm-spectrum-gradient-background {
            background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;
        }

        .has-blush-light-purple-gradient-background {
            background: var(--wp--preset--gradient--blush-light-purple) !important;
        }

        .has-blush-bordeaux-gradient-background {
            background: var(--wp--preset--gradient--blush-bordeaux) !important;
        }

        .has-luminous-dusk-gradient-background {
            background: var(--wp--preset--gradient--luminous-dusk) !important;
        }

        .has-pale-ocean-gradient-background {
            background: var(--wp--preset--gradient--pale-ocean) !important;
        }

        .has-electric-grass-gradient-background {
            background: var(--wp--preset--gradient--electric-grass) !important;
        }

        .has-midnight-gradient-background {
            background: var(--wp--preset--gradient--midnight) !important;
        }

        .has-small-font-size {
            font-size: var(--wp--preset--font-size--small) !important;
        }

        .has-medium-font-size {
            font-size: var(--wp--preset--font-size--medium) !important;
        }

        .has-large-font-size {
            font-size: var(--wp--preset--font-size--large) !important;
        }

        .has-x-large-font-size {
            font-size: var(--wp--preset--font-size--x-large) !important;
        }
    </style>




     <style type="text/css">
        @-webkit-keyframes fade-in {
            0% {
                opacity: 0
            }

            to {
                opacity: 1
            }
        }

        @keyframes Shake {

            0%,
            to {
                transform: translate(0, 0)
            }

            10%,
            30%,
            50%,
            70%,
            90% {
                transform: translate(-10px, 0)
            }

            20%,
            40%,
            60%,
            80% {
                transform: translate(10px, 0)
            }
        }

        @-moz-keyframes Shake {

            0%,
            to {
                -moz-transform: translate(0, 0)
            }

            10%,
            30%,
            50%,
            70%,
            90% {
                -moz-transform: translate(-10px, 0)
            }

            20%,
            40%,
            60%,
            80% {
                -moz-transform: translate(10px, 0)
            }
        }

        @-webkit-keyframes Shake {

            0%,
            to {
                -webkit-transform: translate(0, 0)
            }

            10%,
            30%,
            50%,
            70%,
            90% {
                -webkit-transform: translate(-10px, 0)
            }

            20%,
            40%,
            60%,
            80% {
                -webkit-transform: translate(10px, 0)
            }
        }

        @-o-keyframes Shake {

            0%,
            to {
                -o-transform: translate(0, 0)
            }

            10%,
            30%,
            50%,
            70%,
            90% {
                -o-transform: translate(-10px, 0)
            }

            20%,
            40%,
            60%,
            80% {
                -o-transform: translate(10px, 0)
            }
        }

        @-ms-keyframes Shake {

            0%,
            to {
                -ms-transform: translate(0, 0)
            }

            10%,
            30%,
            50%,
            70%,
            90% {
                -ms-transform: translate(-10px, 0)
            }

            20%,
            40%,
            60%,
            80% {
                -ms-transform: translate(10px, 0)
            }
        }

        @-moz-keyframes spin {
            0% {
                -moz-transform: rotate(0);
                -o-transform: rotate(0);
                -webkit-transform: rotate(0);
                transform: rotate(0)
            }

            to {
                -moz-transform: rotate(359deg);
                -o-transform: rotate(359deg);
                -webkit-transform: rotate(359deg);
                transform: rotate(359deg)
            }
        }

        @-webkit-keyframes spin {
            0% {
                -moz-transform: rotate(0);
                -o-transform: rotate(0);
                -webkit-transform: rotate(0);
                transform: rotate(0)
            }

            to {
                -moz-transform: rotate(359deg);
                -o-transform: rotate(359deg);
                -webkit-transform: rotate(359deg);
                transform: rotate(359deg)
            }
        }

        @-o-keyframes spin {
            0% {
                -moz-transform: rotate(0);
                -o-transform: rotate(0);
                -webkit-transform: rotate(0);
                transform: rotate(0)
            }

            to {
                -moz-transform: rotate(359deg);
                -o-transform: rotate(359deg);
                -webkit-transform: rotate(359deg);
                transform: rotate(359deg)
            }
        }

        @-ms-keyframes spin {
            0% {
                -moz-transform: rotate(0);
                -o-transform: rotate(0);
                -webkit-transform: rotate(0);
                transform: rotate(0)
            }

            to {
                -moz-transform: rotate(359deg);
                -o-transform: rotate(359deg);
                -webkit-transform: rotate(359deg);
                transform: rotate(359deg)
            }
        }

        @keyframes spin {
            0% {
                -moz-transform: rotate(0);
                -o-transform: rotate(0);
                -webkit-transform: rotate(0);
                transform: rotate(0)
            }

            to {
                -moz-transform: rotate(359deg);
                -o-transform: rotate(359deg);
                -webkit-transform: rotate(359deg);
                transform: rotate(359deg)
            }
        }

        @keyframes pulse-effect {
            0% {
                transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
                opacity: 1
            }

            to {
                transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
                opacity: 0
            }
        }

        html {
            line-height: 0 !important
        }

        *,
        body {
            font-family: "Almarai", sans-serif;
        }

        a,
        body {
            line-height: 1.5
        }

        body {
            background-color: #f5f5f5;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-size: 16px;
            font-weight: 500;
            width: 100%;
            position: relative
        }

        body.admin-bar .main-header {
            margin-top: 32px
        }

        * {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box
        }

        a {
            text-decoration: unset
        }

        abbr,
        acronym,
        address,
        applet,
        article,
        aside,
        audio,
        b,
        big,
        blockquote,
        canvas,
        caption,
        center,
        cite,
        code,
        dd,
        del,
        details,
        dfn,
        div,
        dl,
        dt,
        em,
        embed,
        fieldset,
        figcaption,
        figure,
        footer,
        form,
        h1,
        h2,
        h3,
        h4,
        h5,
        h6,
        header,
        hgroup,
        i,
        iframe,
        img,
        ins,
        kbd,
        label,
        legend,
        li,
        mark,
        menu,
        nav,
        object,
        ol,
        output,
        p,
        pre,
        q,
        ruby,
        s,
        samp,
        section,
        small,
        span,
        strike,
        strong,
        sub,
        summary,
        sup,
        table,
        tbody,
        td,
        tfoot,
        th,
        thead,
        time,
        tr,
        tt,
        u,
        ul,
        var,
        video {
            margin: 0;
            padding: 0;
            border: 0;
            vertical-align: baseline;
            line-height: 1.5
        }

        a,
        body,
        html {
            margin: 0;
            padding: 0;
            border: 0;
            vertical-align: baseline
        }

        .shake {
            animation: Shake linear 1s;
            animation-iteration-count: 1;
            transform-origin: 50% 50%;
            -webkit-animation: Shake linear 1s;
            -webkit-animation-iteration-count: 1;
            -webkit-transform-origin: 50% 50%;
            -moz-animation: Shake linear 1s;
            -moz-animation-iteration-count: 1;
            -moz-transform-origin: 50% 50%;
            -o-animation: Shake linear 1s;
            -o-animation-iteration-count: 1;
            -o-transform-origin: 50% 50%
        }

        .loading,
        body {
            display: inline-block
        }

        .loading {
            -moz-animation: spin 2s infinite linear;
            -o-animation: spin 2s infinite linear;
            -webkit-animation: spin 2s infinite linear;
            animation: spin 2s infinite linear
        }

        .codlop_mainpage {
            width: 100%;
            float: right;
            text-align: center;
            position: relative;
            overflow: hidden
        }

        .main-wrapper {
            display: inline-block;
            width: 100%;
            margin-top: 60px
        }

        .main-container {
            width: 100%;
            max-width: 1800px;
            margin: 0 auto;
            position: relative
        }

        .main-container .home-items-sec:first-child {
            margin-top: 50px
        }

        .main-container .home-items-sec {
            margin-bottom: 50px;
            background-color: #fff;
            position: relative;
            border-top: 10px solid #3f2f2f;
            display: inline-block;
            width: 100%
        }

        .main-header {
            display: block;
            width: 100%;
            height: 60px;
            margin: 0;
            float: right;
            top: 0;
            padding: 0;
            position: fixed;
            background-color: #3f2f2f;
            text-align: center;
            z-index: 99;
            transition: .3s ease
        }

        .main-header.header-onscroll {
            top: -200px
        }

        .head-main-nav,
        .head-main-nav>div {
            height: 100%
        }

        .header-wrapper,
        .main-nav-header {
            height: 100%;
            display: flex;
            position: relative;
            align-items: center
        }

        .main-header .logo {
            height: 100%;
            margin-left: 30px
        }

        .main-header .logo img {
            height: 40px;
            width: auto
        }

        .header-wrapper {
            width: 100%;
            max-width: 1800px;
            margin: 0 auto;
            padding: 0 20px;
            justify-content: space-between
        }

        .main-header .logo a,
        .main-nav-header li a {
            height: 100%;
            display: flex;
            align-items: center;
            color: #fff
        }

        .main-header .logo a {
            justify-content: center
        }

        .main-nav-header li {
            height: auto;
            position: relative;
            margin: 0 2px;
            transition: .3s ease
        }

        .main-nav-header li a {
            position: relative;
            padding: 10px;
            line-height: 1.3
        }

        .main-nav-header li:hover {
            background-color: #424242;
            border-radius: 5px
        }

        .type_item_box {
            flex: 1;
            display: inline-block;
            position: relative;
            min-width: 230px;
            max-width: 300px;
            padding: 5px
        }

        .home-items-container .type_item {
            width: 100%;
            display: inline-block
        }

        .home-items-container {
            display: flex;
            width: 100%;
            float: right;
            font-size: 0;
            flex-wrap: wrap;
            justify-content: center
        }

        .type_item .item_wrapper {
            position: relative;
            padding-bottom: 150%;
            width: 100%
        }

        .type_item .item_wrapper:after {
            content: "";
            position: absolute;
            width: 100%;
            height: 100%;
            background: 0 0;
            opacity: 0;
            top: 0;
            right: 0
        }

        .type_item .item_img,
        .type_item_wide .item_img {
            position: absolute;
            top: 0;
            right: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center;
            transition: .3s ease
        }

        .main-header .logo img,
        .type_item .item_img.Clazy-Loaded,
        .type_item_wide .item_img.Clazy-Loaded {
            image-rendering: optimizequality;
            image-rendering: -webkit-optimize-contrast
        }

        .type_item .item_title {
            position: absolute;
            bottom: 0;
            width: 100%;
            background: linear-gradient(to top, rgba(0, 0, 0, .8), #0000);
            color: #fff;
            line-height: 1.4;
            font-size: 15px;
            padding: 70px 10px 10px
        }

        .item_overlap {
            position: absolute;
            min-width: 40px;
            top: 10px;
            color: #fff;
            text-align: center;
            left: 10px;
            background: #213315 linear-gradient(-60deg, #315b14 0, rgba(0, 0, 0, .15) 100%);
            padding: 10px 8px 4px;
            overflow: hidden
        }

        .item_overlap:after {
            content: "";
            position: absolute;
            width: 100%;
            height: 100%;
            background-color: rgba(255, 255, 255, .18);
            left: 0;
            bottom: 80px;
            transition: .5s ease
        }

        .item_overlap em {
            display: block;
            font-style: normal;
            line-height: 100%;
            margin-bottom: 3px;
            opacity: 1;
            font-size: 10px
        }

        .item_overlap span {
            display: block;
            line-height: 100%;
            font-size: 20px
        }

        .home-items-sec>.sec-head>a,
        .home-items-sec>.sec-head>span,
        .home-items-sec>h2>a,
        .home-items-sec>h2>span {
            background-color: #3f2f2f;
            color: #fff;
            padding: 0 5px;
            border-radius: 50px;
            transition: .3s ease;
            position: relative;
            display: inline-block
        }

        .home-items-sec .sec-head,
        .home-items-sec>h2 {
            position: relative;
            bottom: 27px
        }

        .home-items-sec .sec-head {
            font-size: 1.3em
        }

        .home-items-sec .sec-title {
            vertical-align: super;
            display: inline-block;
            margin-right: 10px;
            margin-left: 10px;
            position: relative;
            line-height: 1;
            padding: 10px 0
        }

        .home-items-sec .item-page-title {
            font-size: 15px;
            display: flex;
            line-height: 1.6
        }

        .home-items-sec>.sec-head i+.sec-title,
        .home-items-sec>h2 i+.sec-title {
            margin-right: 55px;
            float: right
        }

        .home-items-sec .sec-head>a>i,
        .home-items-sec .sec-head>span>i,
        .home-items-sec h2>a>i,
        .home-items-sec h2>span>i {
            padding: 0 10px;
            background: #213315 linear-gradient(-60deg, #315b14 0, rgba(0, 0, 0, .15) 100%);
            border-radius: 0 50px 50px 0;
            height: 100%;
            width: 45px;
            display: flex;
            position: absolute;
            align-items: center;
            justify-content: center;
            overflow: hidden
        }

        .home-items-sec .sec-head a:hover,
        .home-items-sec h2 a:hover,
        .search-form button:hover {
            background-color: #000
        }

        .item_overlay,
        .item_overlay .icon-overlay {
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0
        }

        .item_overlay {
            visibility: hidden;
            right: 0;
            background: rgba(146, 76, 76, .5);
            opacity: 0;
            pointer-events: none;
            transform: scale(1.1);
            transition: all .2s ease
        }

        .item_overlay i {
            font-size: 160px;
            color: #fff;
            opacity: 1;
            width: 100%;
            text-align: center
        }

        .item_overlay .icon-overlay {
            display: flex;
            left: 0;
            align-items: center
        }

        .type_item:hover .item_overlay,
        .type_item_wide:hover .item_overlay {
            visibility: visible;
            opacity: 1;
            transform: scale(1)
        }

        .developer:hover img,
        .type_item:hover .item_img {
            filter: contrast(1.5)
        }

        .type_item:hover .item_overlap:after {
            bottom: -80px;
            filter: blur(6px)
        }

        .type_item_wide_box {
            flex: 1;
            display: inline-block;
            min-width: 330px;
            max-width: 370px;
            padding: 5px
        }

        .home-items-container .type_item_wide {
            display: inline-block;
            width: 100%
        }

        .type_item_wide .item_overlay {
            z-index: 1
        }

        .type_item_wide .item_wrapper {
            position: relative;
            padding-bottom: 57%;
            width: 100%
        }

        .type_item_wide .item_title {
            position: relative;
            display: inline-block;
            padding: 10px 5px;
            background-color: #f5f5f5;
            width: 100%;
            color: #000;
            font-size: 15px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            transition: .3s ease
        }

        .type_item_wide:hover .item_title {
            background-color: #e7e7e7
        }

        .footer,
        .footer-menu ul li a {
            position: relative;
            display: block
        }

        .footer {
            z-index: 99;
            width: 100%;
            float: right;
            text-align: center;
            overflow: hidden
        }

        .main-footer {
            background-color: #3f2f2f
        }

        .secondary-footer {
            background-color: #424242
        }

        .developer,
        .developer img {
            height: auto;
            transition: .3s ease
        }

        .developer {
            font-weight: 700;
            position: relative;
            display: inline-block;
            width: auto;
            padding: 0 5px 0 0;
            text-align: center;
            color: #fff;
            border-radius: 5px;
            background-color: #333;
            border: 1px dashed #212121;
            margin: 0 10px
        }

        .developer img {
            width: 45px;
            object-fit: cover;
            image-rendering: optimizequality;
            image-rendering: -webkit-optimize-contrast;
            border: 0;
            vertical-align: middle
        }

        .developer span {
            margin-left: 5px
        }

        .developer:hover {
            background-color: #1d1d1d
        }

        .secondary-footer .copyright>* {
            margin: 5px;
            display: inline-block
        }

        .main-footer-wrapper,
        .secondary-footer-wrapper {
            width: 100%;
            max-width: 1800px;
            margin: 0 auto;
            height: 100%;
            position: relative;
            display: flex;
            align-items: center;
            padding: 0 20px
        }

        .footer-box {
            display: flex;
            padding: 20px 0;
            align-items: center;
            justify-content: space-between;
            width: 100%
        }

        .footer-menu ul,
        .main-nav-header li {
            display: inline-block
        }

        .footer-menu ul li,
        .pagination-data>.arrow_pag i {
            display: inline-block;
            margin: 5px;
            position: relative
        }

        .pagination-data>.arrow_pag i {
            margin: 0 auto;
            font-size: 25px
        }

        .footer-menu ul li a {
            color: #fff;
            padding: 5px 10px
        }

        .secondary-footer .copyright {
            display: block;
            color: #fff;
            width: 100%
        }

        .footer-menu ul li:hover {
            background-color: rgb(66 66 66);
            border-radius: 5px
        }

        .footer-logo {
            margin-right: 10px;
            color: #fff
        }

        .footer-menu {
            margin-left: 10px
        }

        .pagination {
            width: 100%;
            font-size: 16px;
            display: inline-block;
            margin-top: 30px;
            background-color: #424242;
            position: relative;
            text-align: center
        }

        .account-nav .user ul li,
        .pagination-data {
            display: inline-block;
            position: relative;
            float: right
        }

        .pagination-data {
            padding: 0;
            height: 100%;
            margin: 0 auto
        }

        .pagination .current {
            font-weight: 500;
            background-color: #191919;
            color: #fff
        }

        .login_box input,
        .pagination-data>* {
            display: inline-block;
            text-align: center;
            padding: 10px 5px
        }

        .pagination-data>* {
            position: relative;
            float: left;
            height: 44px;
            border-radius: 0;
            background-color: #3f2f2f;
            margin: 0 3px;
            color: #fff;
            width: 44px;
            transition: .3s ease
        }

        .pagination-wrapper {
            width: 100%;
            margin: 0 auto;
            display: flex;
            text-align: center
        }

        .pagination-data>.arrow_pag {
            display: flex;
            align-items: center;
            text-align: center
        }

        .pagination-data>a:hover {
            background-color: #000
        }

        .login_box input {
            width: 100%;
            margin-bottom: 15px;
            outline: 0;
            border: 1px solid #e6e6e6
        }

        .main-desc-wrapper {
            padding: 0 10px;
            display: inline-block;
            width: 100%
        }

        .main-desc-wrapper .main-desc {
            padding: 20px;
            background-color: #f5f5f5;
            margin-bottom: 30px;
            text-align: center;
            font-size: 16px
        }

        .page-404 {
            font-size: 16px;
            line-height: 1.6;
            padding: 0 10px 30px
        }

        .page-404 h1 {
            font-size: 300px;
            line-height: 1;
            font-weight: 700
        }

        .page-404 h1 i {
            font-size: 211px;
            color: #3f2f2f
        }

        .no-result {
            position: relative;
            display: block;
            margin-bottom: 30px
        }

        .cl_main-btn,
        .search-form button {
            display: inline-block;
            background-color: #3f2f2f
        }

        .cl_main-btn {
            color: #fff;
            padding: 5px 15px;
            border-radius: 5px;
            font-size: 20px;
            transition: .3s ease
        }

        .cl_main-btn:hover,
        .header-favorite-btn:hover,
        .header-login-btn:hover,
        .header-logout:hover,
        .header-mobile-nav-btn:hover,
        .header-search-btn:hover,
        .header-settings-btn:hover,
        .season-eps .ep-num:before {
            background-color: #424242
        }

        .page-content {
            font-size: 16px;
            line-height: 2;
            padding: 10px 20px 20px
        }

        .search-page .no-results i {
            font-size: 200px;
            margin-bottom: 20px;
            display: block;
            color: #3f2f2f
        }

        .header-items {
            color: #fff;
            height: 100%;
            display: flex;
            float: right
        }

        .account-nav .info>span>i,
        .header-favorite-btn,
        .header-search-btn {
            font-size: 24px
        }

        .header-favorite-btn,
        .header-login-btn,
        .header-logout,
        .header-mobile-nav-btn,
        .header-search-btn,
        .header-settings-btn {
            height: 100%;
            display: flex;
            align-items: center;
            color: #fff;
            padding: 10px 20px;
            cursor: pointer;
            transition: all .3s ease
        }

        .header-search-btn>*,
        .login_box label {
            margin-bottom: 5px
        }

        .header-mobile-nav-btn {
            font-size: 30px;
            display: none
        }

        .header-mobile-nav-btn i {
            margin-bottom: 4px
        }

        body.overlay-box-active {
            overflow: hidden
        }

        .overlay-box {
            display: none;
            width: 100%;
            height: 100%;
            position: fixed;
            top: 0;
            right: 0;
            background-color: rgba(0, 0, 0, .9);
            z-index: 999
        }

        .overlay-box-container {
            display: flex;
            align-items: center;
            width: 100%;
            height: 100%;
            text-align: center;
            justify-content: center
        }

        .search-box {
            width: 100%
        }

        .search-form .search-input {
            width: 800px;
            padding: 10px 10px 10px 60px;
            font-size: 16px;
            outline: 0;
            border: 1px solid #dedede
        }

        .search-form button {
            height: 100%;
            left: 0;
            width: 50px;
            border: 0 !important;
            font-size: 26px;
            outline: 0
        }

        .search-form {
            position: relative;
            width: auto;
            display: inline-block
        }

        .close-login-box,
        .close-search,
        .search-form button {
            position: absolute;
            color: #fff;
            top: 0;
            cursor: pointer;
            transition: .3s ease
        }

        .close-login-box,
        .close-search {
            right: 0;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 30px;
            margin: 10px
        }

        .close-login-box:hover,
        .close-search:hover {
            color: #ececec
        }

        .close-text,
        .login_box .submit input {
            font-size: 16px;
            background-color: #3f2f2f
        }

        .close-text {
            white-space: nowrap;
            padding: 3px 40px 3px 10px;
            right: 0;
            z-index: 1;
            border-radius: 10px 50px 50px 10px;
            width: auto;
            height: 100%;
            display: inline-block;
            position: absolute;
            overflow: hidden;
            transition: .3s ease
        }

        .close-login-box:hover .close-text,
        .close-search:hover .close-text {
            background-color: #415e2d
        }

        .close-login-box i,
        .close-search i {
            z-index: 2
        }

        .search-bar-sec {
            padding: 50px 10px;
            background-color: #fbfbfb
        }

        .header-favorite-btn .favorite-active,
        .header-favorite-btn:hover .favorite-inactive {
            display: none
        }

        .header-favorite-btn:hover .favorite-active,
        .login_box label {
            display: block
        }

        .header-logout {
            font-size: 30px
        }

        .header-login-btn i,
        .header-logout i {
            margin-bottom: 4px
        }

        .header-login-btn {
            font-size: 27px
        }

        .login_box {
            background-color: #fff;
            color: #000;
            min-width: 480px;
            position: relative
        }

        .login_box form {
            padding: 20px
        }

        .login_box h3,
        .trailer-player-box h3 {
            padding: 10px;
            height: 100%;
            color: #fff;
            background-color: #3f2f2f
        }

        .login_box #rememberme {
            width: auto
        }

        .login_box .submit input {
            font-weight: 700;
            color: #fff;
            cursor: pointer
        }

        .login_box .submit input:hover {
            background-color: #7DAB5D
        }

        .login_box .pteks,
        .login_box .register {
            width: 100%;
            display: block;
            padding: 10px 5px;
            margin-bottom: 15px
        }

        .login_box .register {
            background-color: #3a3a3a;
            color: #fff
        }

        .login_box .pteks {
            background-color: #eee;
            color: #000
        }

        .login_box .register:hover {
            background-color: #1d1d1d
        }

        .login_box .pteks:hover {
            background-color: #e2e2e2
        }

        .login-page {
            font-size: 16px
        }

        .form_dt_user {
            width: 420px;
            margin: 0 auto
        }

        .login_form_page {
            margin-bottom: 45px;
            padding: 20px;
            color: #000;
            background-color: #fff;
            border: 1px solid #eee;
            min-width: auto
        }

        .login_form_page .submit,
        .update_profile .form-submit input {
            background-color: #3f2f2f;
            color: #fff;
            cursor: pointer;
            transition: .3s ease
        }

        .login_form_page .submit {
            border: 0;
            font-size: 19px
        }

        .login_form_page .lost_pass_btn a:hover,
        .login_form_page .register_btn a:hover,
        .login_form_page .submit:hover {
            background-color: #1d1d1d;
            color: #fff
        }

        .login_form_page .lost_pass_btn a,
        .login_form_page .register_btn a {
            display: block;
            width: 100%;
            padding: 10px 5px;
            margin: 10px 0
        }

        .login_form_page .register_btn a {
            background-color: #424242;
            color: #fff;
            font-size: 19px
        }

        .login_form_page .lost_pass_btn a {
            background-color: #eee;
            color: #000;
            font-size: 16px;
            font-weight: 400
        }

        .comment-res-msg {
            margin: 20px 0;
            background-color: #7a7a7a;
            color: #fff;
            padding: 5px;
            border-radius: 5px
        }

        .comment-res-success {
            background-color: #58bd83
        }

        .comment-res-error {
            background-color: #bd5858
        }

        .add-comment-loading,
        .login_box #c_loginbox,
        .trailer-player-box #c_trailerbox {
            position: absolute;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center
        }

        .add-comment-loading {
            width: 100%;
            top: 0;
            left: 0;
            background-color: rgba(255, 255, 255, .5);
            text-align: center
        }

        .add-comment-loading.hidden {
            display: none
        }

        .add-comment-loading i {
            font-size: 3em
        }

        .comment-form>p,
        .lost_pass_btn,
        .register_btn {
            display: inline-block;
            width: 100%
        }

        .footer-menu ul li,
        .login_form_page a {
            transition: .3s ease
        }

        .main-container .custom-items-sec {
            background-color: #fbfbfb
        }

        .login_box #c_loginbox,
        .trailer-player-box #c_trailerbox {
            right: 0;
            color: #fff;
            width: 54px;
            font-size: 24px;
            background-color: #9c1f1f;
            cursor: pointer;
            transition: .3s ease
        }

        .login_box #c_loginbox:hover,
        .trailer-player-box #c_trailerbox:hover {
            background-color: #821b1b;
            color: #eee
        }

        .loginbox_head {
            height: 50px
        }

        .loginbox_head,
        .trailer-player-box,
        .trailerbox_head {
            position: relative;
            display: block
        }

        .trailerbox_head {
            height: 50px
        }

        .trailer-player-box {
            background-color: #fff;
            color: #000;
            max-width: 800px;
            width: 100%;
            max-height: 500px;
            height: 100%
        }

        .trailer-player-res,
        .update_profile fieldset {
            display: flex;
            align-items: center;
            justify-content: center
        }

        .trailer-player-res {
            height: calc(100% - 50px);
            width: 100%;
            position: relative
        }

        .trailer-player-res i {
            font-size: 60px
        }

        .trailer-player-box iframe {
            height: 100%;
            width: 100%;
            display: block
        }

        .home-items-sec .gravatar {
            border-radius: 100px;
            overflow: hidden;
            display: inline-block;
            font-size: 0;
            box-shadow: 0 0 10px rgba(0, 0, 0, .3);
            border: 5px solid #3f2f2f
        }

        .home-items-sec .gravatar a {
            display: inline-block;
            background-color: #3f2f2f
        }

        .account-page-sec .profile_avatar {
            bottom: 55px;
            margin-bottom: -50px;
            position: relative
        }

        .main-container .home-items-sec.account-page-sec {
            margin-top: 70px
        }

        .account-page-sec .main-desc-wrapper {
            float: right;
            margin-bottom: 20px
        }

        .account-page>*,
        small.down-direction-warning {
            font-size: 16px
        }

        .account-nav,
        .account-nav .info>span {
            direction: ltr;
            display: flex;
            align-items: center
        }

        .account-nav {
            padding: 0 20px;
            background-color: #424242;
            color: #fff;
            width: 100%;
            align-content: space-between;
            position: relative
        }

        .account-nav .info>span {
            padding: 0 10px;
            float: right;
            height: 100%;
            font-size: 24px
        }

        .account-nav .info>span>b {
            margin: 0 10px
        }

        .account-nav .user {
            margin-left: auto
        }

        .account-nav .user ul li {
            border-left: 1px dashed #3f2f2f
        }

        .account-nav .user ul li a,
        .user_edit_control ul li a {
            color: #fff;
            padding: 10px;
            position: relative;
            display: block;
            background-color: #3f2f2f;
            transition: .3s ease;
            min-width: 100px
        }

        .user_edit_control ul li a {
            padding: 10px 20px;
            background-color: #424242
        }

        .account-nav .user ul li a.selected,
        .account-nav .user ul li a:hover,
        .update_profile .form-submit input:hover {
            background-color: #a52020
        }

        .account-nav .info {
            height: 100%;
            position: relative;
            float: left
        }

        .account-items {
            font-size: 16px;
            padding: 20px 10px
        }

        .user_edit_control ul {
            list-style: none;
            margin-bottom: 30px
        }

        .account-nav .info,
        .update_profile>div,
        .user_edit_control ul li {
            display: inline-block
        }

        .seasons-selection ul li a.selected:before,
        .user_edit_control ul li a.selected:before {
            margin-left: 0;
            margin-right: -15px;
            right: 50%;
            border: 15px solid transparent;
            content: "";
            display: block;
            height: 0;
            position: absolute;
            top: 100%;
            width: 0
        }

        .seasons-selection ul li a.selected:before {
            border-top-color: #505050
        }

        .user_edit_control ul li a.selected:before {
            border-top-color: #3f2f2f
        }

        .user_edit_control ul li a.selected {
            background-color: #3f2f2f
        }

        .user_edit_control ul li a:hover {
            background-color: #b73d3d
        }

        .update_profile input,
        .update_profile select {
            border: 1px solid #eee;
            padding: 10px;
            width: 300px
        }

        .update_profile label {
            min-width: 140px;
            display: inline-block;
            text-align: right;
            margin-left: 20px
        }

        .update_profile>div {
            border: 1px solid #eee;
            padding: 30px
        }

        .update_profile fieldset {
            margin-bottom: 10px
        }

        .update_profile .form-submit input {
            font-size: 18px;
            font-weight: 700
        }

        .update_profile textarea {
            min-width: 400px;
            min-height: 150px;
            border: 1px solid #eee
        }

        .header-settings-btn {
            font-size: 23px
        }

        .header-settings-btn i {
            margin-bottom: 3px
        }

        .account-page-sec .main-desc-wrapper #puser {
            font-size: 16px;
            font-weight: 400;
            max-width: 700px;
            margin: 0 auto;
            line-height: 1.6
        }

        .mobile-nav {
            display: none
        }

        .none {
            font-size: 20px;
            list-style: none
        }

        .single-pre-container {
            position: relative;
            display: inline-block;
            width: 100%;
            height: 100%;
            min-height: 100vh
        }

        .single_backdrop {
            position: fixed;
            z-index: -1;
            width: 75%;
            height: 100%;
            margin-top: -60px;
            margin-bottom: 0;
            padding: 0;
            left: 0;
            background-color: #251818
        }

        .single_backdrop>*,
        .single_info .poster img {
            position: absolute;
            width: 100%;
            height: 100%;
            image-rendering: optimizequality;
            image-rendering: -webkit-optimize-contrast
        }

        .single_backdrop>* {
            -webkit-animation-name: fade-in;
            -webkit-animation-duration: 1s;
            -webkit-animation-timing-function: ease-in;
            -webkit-animation-delay: 0s;
            -webkit-animation-iteration-count: 1;
            opacity: 1;
            background-repeat: no-repeat;
            background-position: center;
            background-size: cover;
            filter: saturate(1.5)
        }

        .backdrop_small {
            display: none
        }

        .backdrop_big.single_backdrop_loaded,
        .player-servers li.active i,
        .single-backdrop-loaded {
            opacity: 1
        }

        .single_info_backdrop {
            position: relative;
            z-index: 9;
            align-items: center;
            margin-top: -60px;
            padding-top: 60px;
            color: #000;
            background: radial-gradient(circle at 0 40%, rgba(37, 24, 24, 0) 46%, rgba(37, 24, 24, .6) 60%, #251818 70%), linear-gradient(180deg, rgba(37, 24, 24, .1) 60%, #251818), linear-gradient(180deg, rgba(37, 24, 24, 0) 80%, #251818);
            box-sizing: border-box
        }

        .single_main_content {
            position: relative;
            z-index: 1;
            float: right;
            width: 100%;
            height: 100%;
            min-height: 100vh;
            color: #000;
            background-color: #f5f5f5
        }

        .single_main_info,
        .single_top_left {
            display: flex;
            position: relative;
            justify-content: space-between;
            align-items: center
        }

        .single_main_info {
            color: #fff;
            min-height: 600px;
            overflow: hidden;
            padding: 30px;
            flex-wrap: nowrap;
            box-sizing: border-box
        }

        .single_top_left {
            flex-wrap: wrap;
            height: 100%;
            width: 45%
        }

        .single_info {
            width: 100%;
            float: right;
            text-align: right;
            margin: auto 0
        }

        .single_info .poster {
            float: right;
            padding-bottom: 0;
            width: 230px;
            margin-left: 20px;
            margin-bottom: 20px;
            margin-right: 1px;
            z-index: 1;
            position: relative;
            border: 1px dashed #d4b9b9;
            box-shadow: 0 0 20px #000
        }

        .poster-wrapper {
            position: relative;
            padding-bottom: 150%;
            width: 100%
        }

        .single_info .poster img {
            top: 0;
            right: 0;
            object-fit: cover
        }

        .single_info .title {
            font-size: 24px;
            margin-bottom: 20px
        }

        .single_info .title a {
            color: #fff
        }

        .single_info .title a:hover {
            color: #eee
        }

        .single_info .categories>* {
            padding: 0 10px;
            margin: 5px 0;
            color: #efc1c1;
            position: relative;
            display: inline-block
        }

        .single_info .categories>.separate {
            width: 5px;
            height: 5px;
            border-radius: 50px;
            background-color: #fff;
            padding: 0;
            align-self: center
        }

        .single_info .categories>:first-child {
            padding-right: 0
        }

        .single_info .description {
            margin-bottom: 20px;
            font-weight: 500;
            text-shadow: 1px 1px #000
        }

        .single_info .categories>:last-child {
            border: 0;
            padding-left: 0;
            display: inline-block
        }

        .single_info .categories {
            display: flex;
            flex-wrap: wrap;
            margin-bottom: 20px
        }

        .single_info .duration,
        .single_info .updated_date {
            margin-bottom: 24px
        }

        .single-info-item>:first-child {
            color: #d8d8d8
        }

        .single_buttons {
            display: block;
            width: 100%;
            text-align: right
        }

        .single_buttons form {
            display: inline-block;
            float: right
        }

        .single_buttons a,
        .single_buttons button {
            color: #fff;
            font-size: 24px;
            background-color: #3f2f2f;
            line-height: 1;
            display: inline-block;
            position: relative;
            transition: .3s ease;
            float: right;
            margin-left: 10px;
            margin-bottom: 10px;
            border-radius: 5px;
            overflow: hidden;
            cursor: pointer;
            border: 0;
            padding: 0
        }

        .single_buttons>*>i,
        .single_buttons>form>*>i {
            position: absolute;
            height: 100%;
            width: 40px;
            right: 0;
            display: flex;
            align-items: center;
            justify-content: center;
            border-left: 1px dashed #251818;
            transition: .3s ease
        }

        .single_buttons>*>i.loading,
        .single_buttons>form>*>i.loading {
            background-color: unset;
            border-color: transparent
        }

        .single_buttons>*>span,
        .single_buttons>form>*>span {
            padding: 5px 50px 5px 10px;
            display: inline-block;
            text-shadow: 1px 1px #000;
            transition: .3s ease
        }

        .single_buttons>*>i,
        .single_buttons>a:hover,
        .single_buttons>form>*>i,
        .single_buttons>form>button:hover {
            background-color: #3f2f2f
        }

        .single-trailer-btn {
            background-color: #3f2f2f
        }

        .single-trailer-btn i,
        .single-trailer-btn:hover {
            background-color: #505050
        }

        .single_buttons>:hover i,
        .single_buttons>form>:hover i {
            right: -60px
        }

        .single_buttons>:hover span,
        .single_buttons>form>:hover span {
            padding: 5px 30px
        }

        .seasons-selection ul li {
            margin: 5px
        }

        .seasons-selection ul li a {
            color: #fff;
            display: block;
            font-size: 23px;
            background-color: #696969;
            -webkit-transition: .5s ease;
            transition: .5s ease;
            border-radius: 5px;
            overflow: hidden
        }

        .season-eps .ep-num.selected,
        .seasons-selection ul li a.selected {
            background-color: #3f2f2f
        }

        .seasons-selection ul,
        .seasons-selection ul li,
        .seasons-selection ul li a b,
        .seasons-selection ul li a span {
            display: inline-block;
            position: relative
        }

        .seasons-selection ul li a span {
            padding: 5px 10px;
            background-color: #505050
        }

        .seasons-selection ul li a b {
            padding: 5px 15px
        }

        .seasons-selection ul li a:not(.selected):before {
            content: "";
            display: inline-block;
            position: absolute;
            width: 0;
            right: 0;
            height: 100%;
            background-color: #424242;
            transition: .3s ease
        }

        .seasons-selection ul li a:not(.selected):hover:before {
            width: 100%
        }

        .season-eps .ep-num {
            width: 100px
        }


        .download-list .download-item,
        .season-eps .ep-num {
            display: inline-block;
            position: relative;
            height: 100px;
            background-color: #3f2f2f;
            color: #fff;
            margin: 5px;
            border-radius: 10px;
            overflow: hidden;
            vertical-align: top;
            transition: background-color 0.3s ease;
            /* لتأثير سلس عند التغيير */
        }


        .season-eps .ep-num:not(.selected):visited {
            background-color: #3f2f2f
        }


        .download-list,
        .episodes-list {
            padding: 20px
        }

        .season-eps .ep-num .ep-num-wrap span {
            display: block;
            height: 50%;
            width: 100%
        }

        .ep-num-wrap {
            display: flex;
            flex-wrap: wrap;
            height: 100%;
            align-items: center;
            justify-content: center
        }

        .season-eps .ep-num span {
            height: 40%
        }

        .download-list .download-item b,
        .download-list .download-item span,
        .season-eps .ep-num b,
        .season-eps .ep-num span {
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            position: relative
        }

        .season-eps .ep-num span {
            background-color: #505050
        }

        .season-eps .ep-num b {
            font-size: 30px;
            height: 60%
        }

        .download-list .download-item:before,
        .season-eps .ep-num:before {
            content: "";
            width: 100%;
            height: 0;
            position: absolute;
            left: 0;
            top: 0;
            transition: .5s cubic-bezier(0, 0, 0, 1)
        }

        .download-list .download-item:hover:before,
        .season-eps .ep-num:not(.selected):hover:before {
            height: 100%
        }

        .single-alert-sec {
            display: flex;
            margin-bottom: 20px
        }

        .single-alert {
            background-color: #fb9f15;
            color: #000;
            border-radius: 5px;
            display: flex;
            position: relative;
            height: 40px;
            width: auto;
            align-items: center;
            overflow: hidden
        }

        .single-alert span {
            text-align: revert;
            width: auto;
            display: block;
            font-size: 16px;
            font-weight: 700;
            padding: 0 10px;
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap
        }

        .single-alert i+span {
            padding: 0 60px 0 10px
        }

        .player-servers li i,
        .single-alert i {
            display: flex;
            position: absolute;
            height: 100%;
            align-items: center;
            justify-content: center
        }

        .single-alert i {
            font-size: 30px;
            width: 50px;
            background-color: #bf780b;
            color: #fff;
            border-left: 1px dashed #7b4e0b
        }

        .player-container {
            max-width: 1200px;
            margin: 0 auto 20px
        }

        .player-servers {
            list-style: none;
            display: block;
            margin-bottom: 10px
        }

        .player-servers li {
            display: inline-block;
            position: relative;
            background-color: #696969;
            color: #fff;
            margin: 5px;
            border-radius: 50px;
            overflow: hidden;
            vertical-align: middle;
            cursor: pointer;
            transition: .3s ease
        }

        .player-servers li .server_name {
            padding: 5px 10px;
            display: block;
            min-width: 140px;
            font-size: 20px;
            text-align: center;
            transition: .3s ease
        }

        .player-servers li i {
            right: 0;
            width: 40px;
            opacity: 0;
            font-size: 32px;
            background-color: #ab670b;
            box-sizing: content-box;
            transition: .3s ease;
            border-radius: 50px
        }

        .player-servers li:not(.active):hover {
            background-color: #c77401
        }

        .player-servers li.active {
            background-color: #da840e
        }

        .player-servers li.active .server_name {
            padding: 5px 45px 5px 10px
        }

        .frame-container {
            flex: 1;
            position: relative;
            padding-bottom: 53%;
            max-width: 100%;
            display: block;
            margin: auto;
            height: 0;
            overflow: hidden
        }

        .frame-container iframe {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%
        }

        .player-viewer {
            display: flex;
            position: relative;
            justify-content: center;
            align-items: center;
            background-color: #000
        }

        .player-viewer>i {
            position: absolute;
            display: block;
            align-self: center;
            justify-self: center;
            font-size: 70px;
            color: #fff
        }

        .prepare-download-container {
            padding: 0 20px 20px;
            font-size: 26px
        }

        .down-counter .down-counter-wrap {
            display: block;
            margin: 5px 0
        }

        .down-counter .down-counter-wrap .counter {
            background-color: #3f2f2f;
            color: #fff;
            padding: 20px;
            border-radius: 50px;
            width: 80px;
            height: 80px;
            display: flex;
            justify-content: center;
            align-items: center;
            margin: 0 auto
        }

        .down-prepared.single_buttons {
            text-align: center
        }

        .down-prepared.single_buttons a {
            float: unset;
            margin: 15px 0 0
        }

        .single_socials {
            display: inline-block;
            margin: 5px 5px 45px;
            position: relative
        }

        .single_socials>a {
            background-color: #487fc7;
            color: #fff;
            padding: 10px;
            margin: 5px;
            min-width: 200px;
            display: inline-block;
            text-align: center;
            transition: .3s ease
        }

        .single_socials>a:hover {
            background-color: #4273b3
        }

        .single_socials>a:before {
            content: "";
            display: inline-block;
            vertical-align: middle;
            height: 100%
        }

        .download-list .download-item b {
            height: 40%;
            font-size: 20px
        }

        .download-list .download-item:before {
            background-color: #3f2f2f;
            transition: .5s all
        }

        .download-list .download-item span {
            height: 60%;
            background-color: #3f2f2f;
            transition: .3s all;
            padding: 0 10px
        }

        .download-list .download-item {
            width: auto;
            min-width: 120px
        }

        .container-split-3 {
            display: flex;
            justify-content: center
        }

        .container-split-3>* {
            flex: 1;
            width: 100%
        }

        .container-split-3 .width_fix_300 {
            width: 300px;
            flex: inherit
        }

        .wider-ad {
            margin: 0 0 30px;
            text-align: center;
            width: 100%;
            overflow: hidden
        }

        @media (max-width:992px) {
            .watch-row-2 {
                display: none
            }
        }

        @media (max-width:768px) {
            .container-split-3 .width_fix_300 {
                display: none
            }
        }

        .post-content-sec .title {
            margin: 20px 0
        }

        .post-content-sec {
            padding: 10px
        }

        .comments-container {
            padding: 20px;
            max-width: 1024px;
            margin: 0 auto
        }

        .comments-area .comment-respond textarea {
            width: 100%;
            border: 1px solid #ebebeb;
            min-height: 100px;
            padding: 10px;
            font-size: 16px;
            display: block;
            margin: 0 auto;
            background-color: #f9f9f9
        }

        .comments-area .comment-respond .comment-form-comment {
            text-align: center;
            display: inline-block;
            width: 100%;
            margin: 20px 0
        }

        .main-container .watch-player-sec {
            background-color: #fbfbfb
        }

        .comments-area .comment-respond .submit {
            background-color: #3f2f2f;
            color: #fff;
            border: 0;
            padding: 5px 10px;
            font-size: 20px;
            line-height: 1.5;
            cursor: pointer;
            transition: .3s ease;
            border-radius: 5px
        }

        .comments-area .comment-respond .submit:hover {
            background-color: #424242
        }

        .post-comments,
        .post-comments .children {
            list-style: none;
            margin-top: 15px
        }

        .post-comments>.comment {
            margin-bottom: 15px;
            position: relative;
            display: inline-block;
            width: 100%
        }

        .post-comments>.comment:last-child {
            margin-bottom: 20px
        }

        .post-comments>.comment .comment-avatar {
            position: relative;
            display: inline-block;
            float: right
        }

        .post-comments>.comment .children {
            position: relative;
            display: block
        }

        .post-comments>.comment .comment-avatar img {
            border-radius: 50px;
            border: 1px solid #ccc;
            object-fit: cover;
            object-position: center;
            background-color: #fff;
            width: 74px;
            height: 74px
        }

        .post-comments>.comment .scontent {
            position: relative;
            width: auto;
            display: block;
            text-align: right;
            margin-right: 90px
        }

        .post-comments>.comment>.children {
            margin-right: 85px
        }

        .post-comments>.comment .scontent p {
            font-weight: 400;
            margin-top: 10px;
            overflow-wrap: break-word;
            font-size: 16px
        }

        .post-comments>.comment .comment-header .comment-header-name .name {
            display: inline-block;
            font-weight: 700
        }

        .post-comments>.comment .children .comment-avatar img {
            width: 60px;
            height: 60px
        }

        .post-comments>.comment .comment-reply-link {
            display: block;
            border: 1px solid #c7c7c7;
            border-radius: 30px;
            color: #444;
            margin: 0;
            transition: .3s ease;
            float: left;
            text-align: center;
            padding: 5px 30px
        }

        .comment-navigation>*>a:hover,
        .post-comments .comment-respond .comment-reply-title small a:hover,
        .post-comments>.comment .comment-reply-link:hover {
            background-color: #3f2f2f;
            border-color: #3f2f2f;
            color: #fff
        }

        .comment-header-tags {
            display: inline-block;
            vertical-align: middle;
            margin: 0;
            font-size: 0
        }

        .comments-area .comment-respond textarea:focus,
        .comments-area .grid-container input:focus {
            outline: 1px solid #ccc
        }

        .post-comments .comment-respond .comment-reply-title small {
            display: block;
            margin-top: 10px
        }

        .post-comments>.comment .comment-header .comment-time {
            font-weight: 400;
            font-size: 14px;
            color: #5d6566
        }

        .post-comments .comment-respond .comment-reply-title small a {
            display: inline-block;
            background-color: #424242;
            min-width: 80px;
            padding: 5px;
            text-align: center;
            border-radius: 5px;
            color: #fff;
            transition: .3s ease
        }

        .post-comments .comment-respond {
            position: relative;
            background-color: #fbfbfb;
            padding: 20px;
            box-shadow: rgb(145 145 145/10%)0 4px 10px;
            float: right;
            display: block;
            width: calc(100% + 120px);
            margin: 20px -105px 20px 0;
            z-index: 999
        }

        .post-comments .comment-item {
            background: #fff;
            padding: 15px;
            border-radius: 10px;
            box-shadow: rgb(145 145 145/10%)0 4px 10px
        }

        .post-comments .comment-header-items {
            display: block;
            margin-bottom: 5px
        }

        .post-comments .comment-header-name {
            display: inline-block;
            margin-left: 10px
        }

        .post-comments .children .comment-item {
            margin-bottom: 15px
        }

        .post-comments>.comment .children .scontent {
            margin-right: 70px
        }

        .post-comments .children .comment-respond {
            width: calc(100% + 100px);
            margin: 20px -85px 20px 0
        }

        .main-container .comments-items-sec {
            background-color: #f9f9f9
        }

        .comments-area .form-submit {
            margin-top: 10px
        }

        .comments-area .grid-container {
            display: block;
            position: relative;
            width: 50%;
            padding: 0 10px;
            float: right;
            margin: 0 auto 10px
        }

        .comments-area .grid-container input {
            width: 100%;
            border: 1px solid #ebebeb;
            padding: 5px;
            background-color: #f9f9f9
        }

        .comments-area .grid-container .form-description,
        .comments-area label {
            font-size: 12px;
            font-weight: 400;
            margin: 5px 0
        }

        .comments-area label {
            font-size: 14px
        }

        .comment-respond {
            background-color: #fff;
            border: 1px solid #ebebeb;
            padding: 20px;
            border-radius: 10px
        }

        .comment-navigation>*,
        [class^=user-tag-] {
            display: inline-block;
            margin: 0 5px 20px
        }

        [class^=user-tag-] {
            min-width: 60px;
            border-radius: 50px;
            background-color: #f5f5f5;
            color: #505253;
            margin: 0 5px;
            position: relative;
            font-size: 16px;
            overflow: hidden
        }

        .comment-navigation>*>a {
            padding: 5px 10px;
            display: block;
            color: #fff;
            background-color: #424242;
            direction: ltr;
            transition: .3s ease;
            border-radius: 5px
        }

        [class^=user-tag-] span {
            padding: 3px 20px;
            display: inline-block
        }

        [class^=user-tag-] i {
            display: flex;
            position: absolute;
            height: 100%;
            width: 30px;
            align-items: center;
            justify-content: center;
            background-color: #424242
        }

        [class^=user-tag-] i+span {
            padding-right: 50px
        }

        .user-tag-2 {
            background-color: #9e9e9e;
            color: #fff
        }

        .user-tag-4,
        .user-tag-5 {
            background-color: #c46f29;
            color: #fff
        }

        .user-tag-99 {
            background-color: #c42929;
            color: #fff
        }

        .item_overlap.process_list {
            right: 10px;
            left: unset;
            background: unset;
            cursor: pointer
        }

        .item_overlap.process_list i {
            font-size: 30px
        }

        .item_overlap.process_list:hover i:not(.loading):before {
            content: ""
        }

        #jsonresponse .error,
        #jsonresponse .success {
            color: #fff;
            padding: 10px;
            margin: 10px 0
        }

        #jsonresponse .success {
            background-color: #91b968
        }

        #jsonresponse .error {
            background-color: #b96868
        }

        input[type=checkbox] {
            width: 20px;
            height: 20px;
            vertical-align: middle
        }

        .text-red {
            color: red
        }

        .Clazy {
            transition: .5s ease
        }

        .Clazy.Clazy-Loaded {
            opacity: 1
        }

        .tooltip-con .tooltip {
            background: #fff;
            color: #000;
            font-size: 14px;
            font-weight: 700;
            position: absolute;
            display: flex;
            bottom: 0;
            left: -20px;
            right: -20px;
            padding: 5px 7px;
            visibility: hidden;
            opacity: 0;
            -webkit-transition: all .4s;
            -moz-transition: all .4s;
            transition: all .4s;
            justify-content: center;
            align-content: center;
            box-shadow: 0 5px 10px rgba(0, 0, 0, .3)
        }

        .tooltip-con .tooltip:before {
            content: "";
            transition: .3s ease;
            border-left: 10px solid transparent;
            border-right: 10px solid transparent;
            border-top: 10px solid #fff;
            position: absolute;
            bottom: 0
        }

        .tooltip-con:hover .tooltip:before {
            bottom: -10px
        }

        .tooltip-con:hover .tooltip {
            bottom: 50px;
            visibility: visible;
            opacity: 1
        }

        .social-box {
            display: block;
            position: fixed;
            z-index: 999;
            bottom: 0;
            right: 0;
            padding: 0 5px;
            font-size: 16px;
            font-family: cl-3isk, sans-serif;
            float: right
        }

        .social-box-text {
            display: block;
            background-color: #fff;
            border-radius: 5px;
            padding: 10px;
            bottom: 80px;
            position: absolute;
            width: 300px;
            box-shadow: 0 0 3px #000;
            box-sizing: border-box
        }

        .new-socials-item>* {
            color: #8e8e8e;
            text-decoration: none;
            line-height: 1.4
        }

        .social-box-text-title {
            display: block;
            font-weight: 700;
            margin-top: 5px;
            margin-bottom: 10px;
            margin-right: 40px;
            color: #000
        }

        .social-box-close,
        .social-box-icon {
            width: 30px;
            height: 30px;
            display: flex;
            align-items: center;
            justify-content: center;
            float: right
        }

        .social-box-icon {
            padding: 10px;
            border-radius: 70px;
            margin-right: 10px;
            box-sizing: content-box
        }

        .social-box-close {
            background-color: #eaeaea;
            color: #000;
            font-weight: 700;
            border-radius: 5px;
            position: absolute;
            border: 1px solid #000;
            cursor: pointer
        }

        .skip-ax,
        .social-box-text-content span {
            text-align: center;
            color: #fff;
            font-weight: 700
        }

        .social-box-text-content span {
            background-color: #3f2f2f;
            padding: 5px 10px;
            border-radius: 5px;
            display: block;
            margin-top: 10px
        }

        #new-socials-telegram .social-box-text-content span,
        .social-box-icon.telegram {
            background-color: #08c
        }

        #new-socials-facebook .social-box-text-content span,
        .social-box-icon.facebook {
            background: #0093ff;
            background: linear-gradient(30deg, #0093ff 0, #ae34e1 61%, #ea4292 88%, #ff4b76 100%)
        }

        #new-socials-youtube .social-box-text-content span,
        .social-box-icon.youtube {
            background-color: red
        }

        #new-socials-twitter .social-box-text-content span,
        .social-box-icon.twitter {
            background-color: #1da1f2
        }

        #new-socials-instagram .social-box-text-content span,
        .social-box-icon.instagram {
            background: #d6249f;
            background: radial-gradient(circle at 30% 107%, #fdf497 0, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285aeb 90%);
            text-shadow: 1px 1px #000
        }

        .new-socials-item a p {
            margin-bottom: 0;
            font-weight: 400
        }

        .social-box .idTabs {
            margin: 0;
            padding: 0;
            list-style: none
        }

        .social-box .idTabs li {
            display: inline-block
        }

        .social-box-icon:after {
            content: "";
            border-style: solid;
            position: absolute;
            height: 0;
            width: 0;
            border-width: 15px;
            border-color: #fff transparent transparent;
            top: -23px;
            filter: drop-shadow(0 1px 0#a1a1a1);
            display: none
        }

        .skip-ax {
            position: absolute;
            display: none;
            bottom: 10px;
            right: 0;
            z-index: 999;
            background-color: #db2929;
            padding: 10px;
            width: 250px;
            cursor: pointer;
            font-size: 20px
        }

        .skip-ax:hover {
            background-color: #c32a2a
        }

        .skip-ax.active,
        .social-box-icon.selected:after {
            display: block
        }

        .skip-ax.ready {
            background-color: #00ff78;
            color: #000
        }

        .skip-ax.ready:hover {
            background-color: #00ff49
        }

        .ytp-pause-overlay-controls-hidden .ytp-pause-overlay {
            display: none
        }

        .frame-container .soki {
            position: relative;
            width: 100%;
            margin: 0 auto;
            overflow: hidden;
            cursor: pointer
        }

        .frame-container .soki-ps {
            padding-bottom: 53%;
            background-position: center;
            background-size: cover;
            position: relative
        }

        .frame-container .soki-pl-wrap {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 5em;
            height: 5em;
            display: flex;
            background-color: #3f2f2f;
            border-radius: 50%;
            justify-content: center;
            align-items: center;
            text-shadow: 0 0 30px rgba(0, 0, 0, .35)
        }

        .soki-pl-wrap i {
            font-size: 5em;
            color: #fff;
            margin-left: 14px;
            z-index: 5
        }

        .frame-container .soki-pl-wrap:after,
        .frame-container .soki-pl-wrap:before {
            content: "";
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translateX(-50%) translateY(-50%);
            width: 100px;
            height: 100px;
            border-radius: 50%;
            display: block
        }

        .frame-container .soki-pl-wrap:before {
            z-index: 0;
            background: #e91818;
            animation: pulse-effect 2s ease-out infinite
        }

        .frame-container .soki-pl-wrap:after {
            z-index: 1;
            background: #d32323;
            box-shadow: inset 0 0 0 3px #fff;
            transition: all .2s
        }

        .screen-reader-text {
            clip: rect(1px, 1px, 1px, 1px);
            position: absolute !important;
            height: 1px;
            width: 1px;
            overflow: hidden
        }

        ::-webkit-scrollbar {
            width: 10px
        }

        ::-webkit-scrollbar-track {
            background: #fff
        }

        ::-webkit-scrollbar-thumb {
            background: #000
        }

        ::-webkit-scrollbar-thumb:hover {
            background: #3f2f2f
        }

        @media (max-width:1400px) {
            .single_top_left {
                width: 60%
            }
        }

        @media (max-width:1200px) {
            .single_top_left {
                width: 100%
            }

            .player-container {
                margin: 0 auto
            }
        }

        @media (max-width:1024px) {
            .search-form {
                width: 100%
            }

            .search-form .search-input {
                width: 100%;
                display: inline-block
            }

            .type_item_box {
                min-width: 180px;
                max-width: 240px
            }

            .type_item_wide_box {
                min-width: 240px;
                max-width: 380px
            }
        }

        @media (max-width:900px) {
            .main-header .logo {
                margin-left: 5px
            }

            .header-wrapper {
                padding: 0 5px
            }

            .main-nav-header li a {
                padding: 5px;
                font-size: 14px;
                line-height: 1.6
            }

            .header-favorite-btn,
            .header-login-btn,
            .header-logout,
            .header-mobile-nav-btn,
            .header-search-btn,
            .header-settings-btn {
                padding: 10px
            }
        }

        @media (max-width:768px) {
            .head-main-nav {
                display: none
            }

            .header-mobile-nav-btn {
                display: flex
            }

            body.admin-bar .main-header {
                margin-top: 46px
            }

            .mobile-nav {
                position: fixed;
                height: 100%;
                width: 100%;
                background-color: #424242;
                overflow: auto;
                top: -100vh;
                transition: all .6s ease
            }

            .mobile-nav .mobile-nav-container {
                display: block;
                height: auto;
                width: auto
            }

            .mobile-nav .mobile-nav-container>* {
                margin-bottom: 10px
            }

            .mobile-nav.active {
                top: 0
            }

            .admin-bar .mobile-nav.active {
                top: 46px
            }

            .close-mobile-nav,
            .head-mobile-nav ul li a {
                color: #fff;
                transition: .3s ease
            }

            .close-mobile-nav {
                background-color: #3f2f2f;
                font-size: 20px;
                cursor: pointer;
                position: relative
            }

            .close-mobile-nav i {
                position: absolute;
                top: 0;
                right: 0;
                padding: 10px;
                height: 100%;
                width: 50px;
                display: flex;
                align-items: center;
                justify-content: center;
                background-color: #415e2d
            }

            .close-mobile-nav span,
            .head-mobile-nav ul li a {
                padding: 10px;
                display: block
            }

            .close-mobile-nav:hover {
                background-color: #000
            }

            .mobile-nav>* {
                margin-bottom: 10px
            }

            .mobile-nav-header {
                list-style: none
            }

            .head-mobile-nav ul li a:hover {
                background-color: #313131
            }

            .item_overlay i {
                font-size: 130px
            }

            .single_backdrop {
                width: 100%
            }

            .single_backdrop .backdrop_big,
            .single_info .poster {
                display: none
            }

            .backdrop_small {
                display: block
            }

            .single_info_backdrop {
                background: linear-gradient(180deg, transparent 20%, rgba(37, 24, 24, .6) 40%, #251818 60%, #251818)
            }

            .single_buttons,
            .single_info {
                text-align: center;
                display: inline-block
            }

            .single_info {
                margin: 0;
                bottom: 0
            }

            .single_info .categories {
                justify-content: center
            }

            .single_buttons a,
            .single_buttons form,
            .single_buttons form button {
                float: unset;
                font-size: 20px;
                min-width: 190px;
                display: inline-grid
            }

            .seasons-selection ul li a,
            .single_buttons {
                position: relative
            }

            .single_main_info {
                align-items: flex-end;
                align-content: flex-end;
                padding: 10px;
                min-height: calc(100vh - 60px)
            }

            .admin-bar .single_main_info {
                min-height: calc(100vh - 106px)
            }

            .single_info .categories,
            .single_info .duration,
            .single_info .updated_date {
                margin-bottom: 10px
            }

            .single-alert,
            .single-alert span {
                width: 100%
            }

            .episodes-list {
                padding: 5px
            }

            .season-eps .ep-num {
                height: 64px;
                width: 64px;
                margin: 3px
            }

            .season-eps .ep-num span {
                font-size: 14px
            }

            .post-comments>.comment>.children {
                margin-right: 20px
            }
        }

        @media (min-width:601px) {
            body.admin-bar .overlay-box {
                top: 32px
            }
        }

        @media (max-width:600px) {
            #wpadminbar {
                display: none !important
            }

            body.admin-bar .main-header {
                margin-top: 0 !important
            }

            .admin-bar .mobile-nav.active {
                top: 0
            }

            .footer-box {
                flex-wrap: wrap;
                flex-direction: column-reverse;
                padding: 0
            }

            .footer-box>* {
                margin: 10px 0
            }

            .main-footer-wrapper {
                padding: 0
            }

            .footer-box>.footer-menu {
                background-color: #3f2f2f;
                margin: 0;
                padding: 10px
            }

            .footer-box>.footer-logo {
                width: 100%;
                margin: 0;
                background: #3f2f2f;
                background: linear-gradient(90deg, #3f2f2f 0, #2f4620 49%, #3f2f2f 100%)
            }

            .footer-box>.footer-logo .footer-logo-img {
                padding: 10px
            }

            .update_profile input,
            .update_profile select {
                width: 100%
            }

            .update_profile label {
                width: 100%;
                margin-bottom: 5px;
                margin-left: 0
            }

            .update_profile fieldset {
                flex-wrap: wrap
            }

            .update_profile textarea {
                width: 100%;
                min-width: auto
            }

            .update_profile>div {
                padding: 10px;
                width: 100%
            }

            .page-404 h1 {
                font-size: 200px
            }

            .page-404 h1 i {
                font-size: 150px
            }

            .home-items-sec .sec-title {
                font-size: 16px;
                vertical-align: middle
            }

            .home-items-sec>.sec-head,
            .home-items-sec>h2 {
                bottom: 23px
            }

            .comments-container,
            .post-comments .comment-respond {
                padding: 5px
            }

            .admin-bar .single_main_info {
                min-height: calc(100vh - 60px)
            }

            .trailer-player-box {
                height: 60%
            }
        }

        @media (max-width:480px) {
            .header-wrapper>* {
                width: 100%;
                justify-content: center;
                margin: 0 !important
            }

            .header-wrapper {
                flex-wrap: wrap;
                padding: 0
            }

            .main-header {
                height: auto;
                background: #3f2f2f;
                background: linear-gradient(90deg, #3f2f2f 0, #2f4620 49%, #3f2f2f 100%)
            }

            .main-header .logo {
                padding: 10px 0
            }

            .main-wrapper {
                margin-top: 110px
            }

            .single_info_backdrop {
                margin-top: -110px;
                padding-top: 110px
            }

            .single_backdrop {
                margin-top: -110px
            }

            .single_main_info {
                min-height: calc(100vh - 110px) !important
            }

            .header-items {
                background-color: #3f2f2f;
                height: 50px;
                justify-content: space-between
            }

            .header-items>* {
                height: 100%
            }

            .header-items .header-mobile-nav-btn {
                padding-left: 10px
            }

            .type_item_box {
                min-width: 150px;
                max-width: 200px
            }

            .type_item_wide_box {
                min-width: 200px;
                max-width: 340px
            }

            .single_buttons a,
            .single_buttons form,
            .single_buttons form button {
                font-size: 16px;
                min-width: 156px
            }

            .item_overlay i {
                font-size: 100px
            }

            .page-404 h1 {
                font-size: 130px
            }

            .page-404 h1 i {
                font-size: 92px
            }

            .comment-form>* {
                width: 100% !important
            }

            .login_box {
                min-width: unset;
                width: 100%
            }

            .login_box form {
                padding: 5px
            }

            .post-comments>.comment .comment-avatar img {
                width: 64px;
                height: 64px
            }

            .post-comments>.comment .scontent {
                margin-right: 80px
            }

            .post-comments .comment-item {
                padding: 10px
            }

            .post-comments>.comment .comment-reply-link {
                padding: 2px 20px
            }

            .post-comments .comment-respond {
                width: calc(100% + 100px);
                margin-right: -90px
            }
        }
    </style>


  <style>
        @media (max-width: 600px) {
            html {
                margin-top: 0 !important;
            }
        }

        header.with-alert.main-header .single-alert-sec {
            width: 100%;
            display: inline-block;
            text-align: center;
        }

        header.with-alert.main-header .single-alert-sec .single-alert {
            width: 100%;
            border-radius: 0;
            background-color: rgb(251 159 21 / 90%);
            overflow: unset;
        }

        header.with-alert.main-header .single-alert-sec .single-alert span {
            width: 100%;
            text-overflow: unset;
            overflow-x: auto;
        }

        header.with-alert.main-header .single-alert-sec .single-alert span::-webkit-scrollbar {
            height: 5px;
        }