@import url('https://fonts.googleapis.com/css?family=Poppins:200,300,400,500,600,700,800,900&display=swap');@import url(https://fonts.googleapis.com/earlyaccess/droidarabickufi.css);.content{position: absolute;z-index: 1;;top: 130px;}img.logo {height: 60px;position: absolute;top: 15px;}.cards {margin: 6px;display: flex;flex-wrap: wrap;justify-content: center;}* {padding: 0;margin: 0;text-decoration: none;list-style: none;box-sizing: border-box;font-family: 'Poppins', sans-serif;}#img1 {width: 100%;max-width: 100%;max-height: 90%;border-radius: 10px;}#img2 {width: 40%;max-width: 40%;height: 37%;max-height: 37%;margin-top: -36%;}p {overflow: hidden;text-overflow: ellipsis;display: none;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-align: center;color: #000;}d {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;text-align: center;font-family: 'Cabin', sans-serif;}.bden {background: linear-gradient(to top, rgba(255, 255, 255, 0.8), rgb(237 237 237 / 50%));cursor: pointer;align-items: center;flex-direction: column;width: 180px;border-radius: 10px;margin: 5px;box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%);display: flex;justify-content: space-between;transition: 0.5s;text-decoration: none;align-content: center;}.bdenv {padding: 7px;transition: transform .2s;}.bdenv:hover {-ms-transform: scale(1.5);-webkit-transform: scale(1.5);transform: scale(1.2);}.myfr{height:650px;width:100%;box-shadow: 2px 2px 8px 2px #2c2c2c;margin-top: 15px;}@media screen and (min-width: 100px) and (max-width: 499px) {.bden {width: 130px;}.myfr {height: 300px;}.matcho p{display: -webkit-box;}}.searcho{margin: 20px;width:100%;}.searcho input{outline: none;font-size: 18px;padding:10px;border-radius: 20px;border:1px solid grey;}body {min-height: 100vh;background-color: #e7e9f0;}.drop-down{opacity:0;transform:translatey(-20px);transition:all .2s;pointer-events:none;}.user .drop-down.show{opacity:1;transform:none;pointer-events:all;}#loader-wrapper {position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 1000;}#loader {display: block;position: relative;left: 50%;top: 50%;width: 150px;height: 150px;margin: -75px 0 0 -75px;border-radius: 50%;border: 3px solid transparent;border-top-color: #3498db;-webkit-animation: spin 2s linear infinite;animation: spin 2s linear infinite;z-index: 1001;}#loader:before {content: "";position: absolute;top: 5px;left: 5px;right: 5px;bottom: 5px;border-radius: 50%;border: 3px solid transparent;border-top-color: #e74c3c;-webkit-animation: spin 3s linear infinite;animation: spin 3s linear infinite;}#loader:after {content: "";position: absolute;top: 15px;left: 15px;right: 15px;bottom: 15px;border-radius: 50%;border: 3px solid transparent;border-top-color: #f9c922;-webkit-animation: spin 1.5s linear infinite;animation: spin 1.5s linear infinite;}@-webkit-keyframes spin {0% {-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg);}100% {-webkit-transform: rotate(360deg);-ms-transform: rotate(360deg);transform: rotate(360deg);}}@keyframes spin {0% {-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg);}100% {-webkit-transform: rotate(360deg);-ms-transform: rotate(360deg);transform: rotate(360deg);}}#loader-wrapper .loader-section {position: fixed;top: 0;width: 51%;height: 100%;background: #fff;z-index: 1000;-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);}#loader-wrapper .loader-section.section-left {left: 0;}#loader-wrapper .loader-section.section-right {right: 0;}.loaded #loader-wrapper .loader-section.section-left {-webkit-transform: translateX(-100%);-ms-transform: translateX(-100%);transform: translateX(-100%);-webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);}.loaded #loader-wrapper .loader-section.section-right {-webkit-transform: translateX(100%);-ms-transform: translateX(100%);transform: translateX(100%);-webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);}.loaded #loader {opacity: 0;-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}.loaded #loader-wrapper {visibility: hidden;-webkit-transform: translateY(-100%);-ms-transform: translateY(-100%);transform: translateY(-100%);-webkit-transition: all 0.3s 1s ease-out;transition: all 0.3s 1s ease-out;}.no-js #loader-wrapper {display: none;}.no-js h1 {color: lightgray;}#content {margin: 0 auto;padding-bottom: 50px;width: 80%;max-width: 978px;}.h4, h4 {font-size: 1.5rem;}.pl-3, .px-3 {padding-left: 1rem!important;font-family: 'Droid Arabic Kufi', serif;}img._img {border-radius: 10px;max-height: 145px;}.epg{box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%);background-color: #fff;border-radius: 15px;margin: 15px;}.card1 {-ms-flex: 1 1 auto;flex: 1 1 auto;min-height: 1px;background: linear-gradient(to top, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.5));border-radius: 10px;margin: 5px;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);justify-content: space-between;padding: 6px;align-items: center;flex-direction: column;transition: 0.5s;}.shadow-xl {--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);z-index: 11;}.shadow {--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);z-index: 11;}.movies-list {width: 100%;height: 170px;position: relative;margin: 10px 0 20px;}.card-container {position: relative;padding-left: 10px;height: 170px;display: flex;margin: 0 auto;align-items: center;overflow-x: auto;overflow-y: visible;scroll-behavior: smooth;}.card-container::-webkit-scrollbar {display: none;}.card-img {width: 100%;height: 100%;object-fit: cover;}.card:hover {transform: scale(1.1);}.card:hover .card-body {opacity: 1;}.card-body {opacity: 0;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 2;background: linear-gradient(to bottom, rgba(4, 8, 15, 0), #192133 90%);padding: 10px;transition: 0.5s;}.name {color: #fff;font-size: 15px;font-weight: 500;text-transform: capitalize;margin-top: 60%;}.des {color: #fff;opacity: 0.8;margin: 5px 0;font-weight: 500;font-size: 12px;}.watchlist-btn {position: relative;width: 100%;text-transform: capitalize;background: none;border: none;font-weight: 500;text-align: right;color: rgba(255, 255, 255, 0.5);margin: 5px 0;cursor: pointer;padding: 10px 5px;border-radius: 5px;}.watchlist-btn::before {content: '';position: absolute;top: 0;left: -5px;height: 35px;width: 35px;background-image: url(images/add.png);background-size: cover;transform: scale(0.4);}.watchlist-btn:hover {color: #fff;background: rgba(255, 255, 255, 0.1);}.pre-btn, .nxt-btn {position: absolute;top: 0;width: 5%;height: 100%;z-index: 2;border: none;cursor: pointer;outline: none;}.pre-btn {left: 0;background: transparent;}.nxt-btn {right: 0;background: transparent;}.pre-btn img, .nxt-btn img {width: 15px;height: 20px;opacity: 0;display: inline-block;}.pre-btn:hover img, .nxt-btn:hover img {opacity: 1;}.matcho {height: 140px;background: linear-gradient(to top, rgba(255, 255, 255, 0.8), rgb(237 237 237 / 50%));cursor: pointer;align-items: center;flex-direction: column;width: 250px;border-radius: 10px;margin: 5px;box-shadow: 0 2px 4px 0 rgb(0 0 0 / 20%), 0 3px 10px 0 rgb(0 0 0 / 19%);display: flex;justify-content: space-between;transition: 0.5s;text-decoration: none;align-content: center;}.matcho:hover {transform: scale(1.1);}.title {text-align: left;margin-left: 15px;}@media screen and (min-width: 100px) and (max-width: 768px) {.matcho {width: 115px;}.matcho d {width: 115px;}}


#btn_more {padding: 16px;background-color: white;border: none;cursor: pointer;transition: all 200ms ease-in-out;border-radius: 3px;font-size: 0.75rem;text-transform: uppercase;letter-spacing: 0.15rem;width: 100%;}#btn_more:not([disabled]):hover {box-shadow: 0 1px 9px rgba(0, 0, 0, 0.2);}#btn_more[disabled] {background-color: #eaeaea !important;}#remove_row {margin: 8px;padding: 16px 0;display: flex;justify-content: space-between;align-items: center;width: 100%;}


.blinking {
            animation-name: blinker;
            animation-duration: 1.5s;
            animation-timing-function: linear;
            animation-iteration-count: infinite;
        }

        @keyframes blinker {
            0% {
                opacity: 1;
            }

            50% {
                opacity: 0;
            }

            100% {
                opacity: 1;
            }
        }

        @keyframes fadeIn {
            0% {
                opacity: 0;
            }

            100% {
                opacity: 1;
            }
        }

        .logoText {
            animation: fadeIn 2s ease-in-out both;
        }

        @keyframes colorBlink {

            0%,
            100% {
                color: #ff0000;
            }

            25% {
                color: #00ff00;
            }

            50% {
                color: #0000ff;
            }

            75% {
                color: #ff9900;
            }
        }

        .animated {
            animation: colorBlink 2s linear infinite;
        }

        @keyframes blink {
            0% {
                color: red;
            }

            25% {
                color: blue;
            }

            50% {
                color: green;
            }

            75% {
                color: orange;
            }

            100% {
                color: purple;
            }
        }

        .deco {
            animation: blink 2s infinite;
        }