.mycatg-btn {display: flex;align-items: center;justify-content: center;border-radius: 10px;padding: 10px;gap: 10px;border: 1px solid rgba(255, 255, 255, 0.1);background-color: #292929;color: #fff;text-decoration: none;transition: 0.3s;width: 100%;padding: 10px 0;flex-direction: column;}.mycatg-btn:hover {background-color: #444;}.btn-icon1::before {content: '';display: inline-block;width: 34px;height: 34px;background-image: url('../images/video.png');background-size: contain;background-repeat: no-repeat;}.btn-icon2::before {content: '';display: inline-block;width: 34px;height: 34px;background-image: url('../images/movie.png');background-size: contain;background-repeat: no-repeat;}.btn-icon3::before {content: '';display: inline-block;width: 34px;height: 34px;background-image: url('../images/cinema.png');background-size: contain;background-repeat: no-repeat;}.btn-icon4::before {content: '';display: inline-block;width: 34px;height: 34px;background-image: url('../images/animation.png');background-size: contain;background-repeat: no-repeat;}.btn-icon5::before {content: '';display: inline-block;width: 34px;height: 34px;background-image: url('../images/television.png');background-size: contain;background-repeat: no-repeat;}.btn-icon6::before {content: '';display: inline-block;width: 34px;height: 34px;background-image: url('../images/radio.png');background-size: contain;background-repeat: no-repeat;}.episodes {margin: 50px;}.episode-card {display: flex;align-items: center;border-radius: 15px;padding: 10px;gap: 10px;border: 1px solid rgba(255, 255, 255, 0.1);background-color: #292929;transition: 0.3s;}.episode-card:hover {background-color: #222222;transition: 0.3s;}.episode-card img {max-width: 60px;min-height: 90px;border-radius: 8px;}.episode-title {line-height: 2.5;display: flex;justify-content: center;align-items: center;gap: 5px;}.episode-title h2 {font: 16px Bold;line-height: 2.5;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;max-width: 200px;}.episode-title p {font: 16px Bold;color:#3f52d4;}.episode-date {font-size: 12px;}.episode-new-badge {padding: 2px 8px;background-color: #499A33;color: #FFFFFF;border-radius: 5px;font-size: 12px;font-weight: bold;}.movie-card {width: 100%;color: #fff;position: relative;font-size: 15px;font-family: 'Poppins', sans-serif;}.movie-card img {width: 100%;border-radius: 25px;}.movie-card-info {display: flex;justify-content: space-between;position: absolute;bottom: 10px;border-radius: 15px;border: 1px solid rgba(255, 255, 255, 0.1);backdrop-filter: blur(35px);padding: 10px 20px;left: 10px;line-height: 20px;color: white;background: rgb(25 25 25 / 15%);gap: 10px;width: 97%;}.movie-card-title h2 {font-size: 14px;font-weight: 700;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;max-width: 15em;font-family: 'Poppins', sans-serif;}.movie-card-title p {font-size: 11px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;max-width: 10em;font-family: 'Poppins', sans-serif;}.soat-icon {width: 24px;height: 24px;background-image: url("../images/time.svg");}.micro-icon {width: 17px;height: 17px;background-image: url("../images/micro.svg");background-size: 100%;background-repeat: no-repeat;}.movie-card-details {display: flex;gap: 10px;align-items: center;}.movie-card-rating {background-color: #fff;padding: 5px 10px;border-radius: 5px;color: black;font-weight: 500;font-size: 12px;font-family: 'Poppins', sans-serif;}.movie-card-duration {display: flex;align-items: center;gap: 3px;font-size: 14px;font-family: 'Poppins', sans-serif;}.banner-movie-card {width: 100%;color: #fff;position: relative;font-size: 15px;}.banner-movie-card img {width: 100%;border-radius: 25px;}.banner-movie-card-info {display: flex;justify-content: space-between;position: absolute;gap: 45px;bottom: 10px;border-radius: 20px;border: 1px solid rgba(255, 255, 255, 0.1);backdrop-filter: blur(35px);padding: 10px 20px;left: 10px;line-height: 20px;color: white;background: rgb(25 25 25 / 15%);}.banner-movie-card-title h2 {font-size: 15px;}.banner-movie-card-title p {font-size: 13px;}.banner-movie-card-details {display: flex;gap: 10px;align-items: center;}.banner-movie-card-rating {background-color: #fff;padding: 5px 10px;border-radius: 5px;color: black;font-weight: 700;}.banner-movie-card-duration {display: flex;align-items: center;gap: 3px;}.movie-vert-card {width: 100%;color: #fff;position: relative;}.movie-card:hover img {opacity: 0.3;filter: blur(10px);}.movie-vert-card:hover img {opacity: 0.3;filter: blur(10px);}.movie-vert-card-poster {height: 355px;border-radius: 25px;overflow: hidden;}.movie-vert-card-play {position: absolute;display: flex;z-index: 2;opacity: 0;font-size: 15px;box-shadow: 0px 0px 0px 4px rgb(40 40 40 / 25%);transition: ease-out 0.2s;left: 75px;top: 160px;background: rgb(25 25 25 / 60%);padding: 15px 28px;border-radius: 25px;}.movie-card-play {position: absolute;display: flex;z-index: 2;opacity: 0;font-size: 15px;box-shadow: 0px 0px 0px 4px rgb(40 40 40 / 25%);transition: ease-out 0.2s;left: 220px;top: 120px;background: rgb(25 25 25 / 60%);padding: 15px 28px;border-radius: 25px;}.movie-vert-card:hover .movie-vert-card-play {opacity: 1;}.movie-card:hover .movie-card-play {opacity: 1;}.movie-vert-card h2 {font-size: 15px;text-align: center;margin-top: 5px;}.movie-vert-card p {font-size: 13px;text-align: center;}.season-info {position: absolute;background: rgb(25 25 25 / 60%);border-radius: 15px;border: 1px solid rgba(255, 255, 255, 0.1);backdrop-filter: blur(15px);display: flex;flex-direction: column;justify-content: center;top: 10px;right: 10px;align-items: center;padding: 14px 12px 14px;}.episode-value {font-size: 18px;line-height: 1;font-weight: 900;}.episode-text {font-size: 10px;margin-bottom: 6px;}.season-value {font-size: 18px;line-height: 1;font-weight: 900;}.season-text {font-size: 10px;}.movie-vert-card-lang {position: absolute;bottom: 56px;left: 10px;font-weight: 700;padding: 7px 11px;font-size: 15px;border-radius: 15px;display: flex;gap: 3px;background: rgb(25 25 25 / 60%);border: 1px solid rgba(255, 255, 255, 0.1);backdrop-filter: blur(15px);}.buttttons {display: table;height: 100%;width: 100%;}.kontaiher {display: table-cell;padding: 1em;text-align: center;vertical-align: middle;}.BatcoH {color: #fff;cursor: pointer;display: block;font-size: 16px;font-weight: 400;line-height: 45px;margin: .5em;max-width: 90px;position: relative;text-decoration: none;vertical-align: middle;width: 100%;border-radius: 15px;}@media(min-width: 250px) {.BatcoH {display: inline-block;margin-right: .4em;}.BatcoH:nth-of-type(even) {margin-right: .4em;}}@media(min-width: 350px) {.BatcoH:nth-of-type(even) {margin-right: .5em;}.BatcoH:nth-of-type(5) {margin-right: .5em;}}.BatcoH:hover {text-decoration: none !important;}.BatcoH-dub {color: #fff;cursor: pointer;display: block;font-size: 16px;font-weight: 400;line-height: 45px;margin: 0 auto .5em;max-width: 200px;position: relative;text-decoration: none;vertical-align: middle;width: 100%;}@media(min-width: 250px) {.BatcoH-dub {display: inline-block;margin-right: .4em;}.BatcoH-dub:nth-of-type(even) {margin-right: .4em;}}@media(min-width: 350px) {.BatcoH-dub:nth-of-type(even) {margin-right: .5em;}.BatcoH-dub:nth-of-type(5) {margin-right: .5em;}}.BatcoH-prevnext {color: #fff;cursor: pointer;display: block;font-size: 16px;font-weight: 400;line-height: 45px;margin: 0 auto .5em;max-width: 45%;position: relative;text-decoration: none;border-radius: 15px;text-transform: uppercase;vertical-align: middle;width: 45%;}@media(min-width: 250px) {.BatcoH-prevnext {display: inline-block;margin-right: .5em;}.BatcoH-prevnext:nth-of-type(even) {margin-right: .5em;}}@media(min-width: 350px) {.BatcoH-prevnext:nth-of-type(even) {margin-right: .5em;}.BatcoH-prevnext:nth-of-type(5) {margin-right: .5em;}}.BatcoH-4 {overflow: hidden;position: relative;z-index: 20;background: rgba(74, 155, 50, 0.75);transition: all 0.3s ease;}.BatcoH-4:after {content: "";height: 155px;left: -75px;opacity: 0.3;position: absolute;top: -50px;background: linear-gradient(45deg, rgba(44, 95, 32, 0.5), rgba(74, 155, 50, 0.2));-webkit-transform: rotate(35deg);transform: rotate(35deg);-webkit-transition: all 550ms cubic-bezier(.19,1,.22,1);transition: all 550ms cubic-bezier(.19,1,.22,1);width: 50px;z-index: -10;}.BatcoH-4:hover {background: rgba(94, 175, 70, 0.85);}.BatcoH-4:hover:after {left: 120%;-webkit-transition: all 550ms cubic-bezier(.19,1,.22,1);transition: all 550ms cubic-bezier(.19,1,.22,1);}.BatcoH-5 {border: 0 solid;text-shadow: none;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;background: rgba(64, 135, 44, 0.6);}.BatcoH-5:hover {background: rgba(104, 195, 80, 0.9);text-shadow: 1px 1px 2px rgba(44, 95, 32, 0.7);transform: scale(1.05);}.custom-container {text-align: center;margin: 50px;}.custom-modal {display: none;position: fixed;z-index: 1050;left: 0;top: 0;backdrop-filter: blur(7px);width: 100%;height: 100%;overflow: hidden;background-color: rgba(0, 0, 0, 0.8);}.istoriyimg {border-radius: 50%;border: 2px solid #6fff4b70;padding: 5px;cursor:pointer;transition: .3s;}.istoriyimg:hover {border: 2px solid #499A33;transition: .3s;}.custom-modal-content {background-color: #fefefe;margin: 0 auto;padding: 0;border: 1px solid #888;height: 96%;margin-top: 1%;overflow: hidden;border-radius: 10px;max-width: 500px;position: relative;border: none;background: #000;}.custom-close {color: #ffffff;font-size: 28px;font-weight: bold;position: absolute;top: 20px;right: 20px;cursor: pointer;z-index: 2;}.custom-close:hover, .custom-close:focus {color: #5f5f5f;text-decoration: none;}video.custom-video {position: absolute;top: 0;left: 0;right: 0;bottom: 0;width: 100%;height: 100%;object-fit: contain;}.custom-modal-title {position: absolute;bottom: 87px;left: 50%;transform: translateX(-50%);color: white;z-index: 2;margin: 0;font-size: 18px;font-weight: normal;}.custom-modal-buttons {position: absolute;bottom: 0;left: 50%;height: 100%;transform: translateX(-50%);z-index: 1;display: grid;width: 100%;grid-template-columns: 1fr 1fr;}.custom-button {background-color: transparent;border: none;cursor: pointer;padding: 0;height: 100%;width: 100%;margin: 0;}.custom-next-btn {background-image: url(../images/angle-small-right.png);background-repeat: no-repeat;background-size: 18px;background-position: center right;padding-right: 10px;margin-right: 0px;}.custom-back-btn {background-image: url(../images/angle-small-left.png);background-repeat: no-repeat;background-size: 18px;padding-left: 10px;background-position: center left;margin-left: 0px;}.custom-progress-line {position: absolute;top: 0;left: 0;height: 2px;background-color: rgb(255, 255, 255);z-index: 1;transition: .5s;}#custom-link {text-decoration: none;position: absolute;bottom: 20px;left: 20px;right: 20px;background: #4459E6;padding: 20px;border-radius: 5px;font-weight: bold;color: white;text-align: center;z-index: 2;}#custom-link:hover {background: #4B63FF;}@media only screen and (max-width: 500px) {.custom-modal-content {height: 100%;margin-top: 0;border-radius: 0;border: none;background: #000;}}.nep-card {background-color: #292929;border-radius: 20px;position: relative;overflow: hidden;margin: 20px;text-decoration: none;color: inherit;display: flex;padding: 10px;gap: 10px;transition: transform 0.3s;}.nep-card:hover {transform: scale(1.05);}.nep-card img {max-width: 200px;border-radius: 10px;transition: transform 0.5s ease;}.nep-card-info {display: flex;flex-direction: column;padding: 10px;}.nep-card-info h2 {font-size: 18px;margin: 0;}.nep-new-badge {background-color: red;color: white;border-radius: 5px;padding: 5px;font-size: 12px;position: absolute;top: 15px;left: 15px;z-index: 2;}.nep-play-icon {position: absolute;right: 10px;bottom: 10px;background-color: green;border-radius: 50%;padding: 10px;box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);z-index: 2;width: 36px;height: 36px;display: flex;align-items: center;justify-content: center;}.nep-duration, .category {font-size: 14px;margin-top: 5px;display: flex;align-items: center;}.nep-play-icon-icon {width: 20px;height: 20px;background-image: url(../images/player-circle.png);background-size: contain;background-repeat: no-repeat;}.nep-duration-icon, .nep-category-icon {width: 20px;height: 20px;background-size: contain;background-repeat: no-repeat;margin-right: 5px;}.nep-duration-icon {background-image: url(../images/time.png);}.nep-category-icon {background-image: url(../images/tag.png);}@media only screen and (max-width : 576px) {.episode-card {min-width: 350px;}.movie-card-info {width: 94%;}.mycatg-btn {min-width: 108px;}}body {display: flex;flex-flow: row;justify-content: center;overflow-x: hidden;}.cover-historic img {width: 7%;height: 7%;object-fit: cover;aspect-ratio: 1 / 1;}#main-cover {width: 7%;height: 7%;object-fit: cover;aspect-ratio: 1 / 1;}#radioplayer {display: none;background-color: transparrent;color: white;padding: 0px;position: relative;top: 0;width: 100%;transition: all 0.5s ease-in-out;z-index: 1000;}.radio-item {cursor: pointer;margin-bottom: 20px;border: 1px solid #ddd;padding: 10px;transition: transform 0.3s;}.radio-item:hover {transform: scale(1.05);}.web-player {background-color: #333;color: #fff;padding: 15px;border-radius: 8px;}.info-current-song h2, .info-current-song h3 {color: #fff;}.volume-control input[type=range] {width: 100%;}.volume-icon {font-size: 18px;color: #fff;}.call-lyrics a {text-decoration: none;color: #fff;}}body {display: flex;flex-flow: row;justify-content: center;overflow-x: hidden;}.cover-historic img {width: 7%;height: 7%;object-fit: cover;aspect-ratio: 1 / 1;}#main-cover {width: 7%;height: 7%;object-fit: cover;aspect-ratio: 1 / 1;}#radioplayer {display: none;background-color: transparrent;color: white;padding: 0px;position: relative;top: 0;width: 100%;transition: all 0.5s ease-in-out;z-index: 1000;}.radio-item {cursor: pointer;margin-bottom: 20px;border: 1px solid #ddd;padding: 10px;transition: transform 0.3s;}.radio-item:hover {transform: scale(1.05);}.web-player {background-color: #333;color: #fff;padding: 15px;border-radius: 8px;}.info-current-song h2, .info-current-song h3 {color: #fff;}.volume-control input[type=range] {width: 100%;}.volume-icon {font-size: 18px;color: #fff;}.call-lyrics a {text-decoration: none;color: #fff;}.video-container {position: relative;width: 100%;max-width: 800px;margin: 0 auto;}.video-poster {width: 100%;height: auto;cursor: pointer;display: block;}.video-iframe {width: 100%;height: 450px;border: none;}