@charset "UTF-8";

/*
Theme Name: ArabSeed 2025
Theme URL: https://innovcodez.com/
Version: 1.0
Author: Innov Codez
Author URI: https://innovcodez.com/
Tags: Watch, Download, Series, Movies
Description: A modern theme for watching and downloading series and movies.
License: Private use
License URI: https://innovcodez.com/license
*/
*::-webkit-scrollbar {
    width: 5px;
    height: 2px
}

*::-webkit-scrollbar-track {
    background: #333333;
}

*::-webkit-scrollbar-thumb {
    background-color: #c80102;
}

body {
    --fontfamily: "Font", Sans-Serif;
    --redColor: #c80102;
    --yallowColor: #efc51f;
    --bgcolor: #180b1e;
    --menu-width: 310px;
    --textcolor: #041c36;
    --radius: 25px;
    --hoverShadow: rgb(232 232 232 / 8%) 0px 4px 0px 0px, rgb(178 178 178 / 8%) 0px 8px 0px 0px;
}

* {
    margin: 0;
    padding: 0;
    outline: 0;
    box-sizing: border-box;
    font-family: var(--fontfamily);
    -webkit-font-smoothing: antialiased;
    vertical-align: middle;
    position: relative;
}

img {
    height: auto;
    max-width: 100%;
}

li,
ul {
    list-style: none
}

body {
    font-family: var(--fontfamily);
    line-height: 1.4;
    color: var(--textcolor);
    -webkit-font-smoothing: antialiased;
    font-size: 14px;
    font-weight: 400;
    direction: rtl;
    background: #131720;
    overflow-x: hidden;
    color: #fff;
    overflow-x: hidden;
}

a {
    color: var(--alinks);
    text-decoration: none;
    transition: color 50ms ease 0s
}

.content__wrapper {
    max-width: 1280px;
    margin: 0 auto;
    width: 95%;
    padding: 0 10px;
}

@media(min-width:1450px) {
    .content__wrapper {
        max-width: 1400px;
    }
}

.page__contents {
    display: flex;
    flex-direction: column;
    gap: 20px;
    max-width: 600px;
    margin: 0 auto;
    min-height: 100vh;
    align-items: center;
    justify-content: center;
    padding: 0 30px;
}


a.site__logo {
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: center;
}

a.site__logo svg {
    width: auto;
    transform: scale(1.7);
}

a.site__logo h3.logo__text {
    color: #FFF;
    font-size: 40px;
}

a.site__logo h3.logo__text span {
    display: flex;
    color: #FFF;
    line-height: 20px;
    direction: ltr;
    gap: 2px;
    font-size: 31px;
    padding-top: 7px;
}

a.site__logo h3.logo__text span em {
    font-style: normal;
    color: #c80102;
}

.logo__icon {
    width: 80px;
    height: 76px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 10px;
}

.page__contents .slogan {
    display: flex;
    align-items: center;
    border-top: 1px solid #ffffff1a;
    padding: 10px 10px 0;
}


.page__contents .slogan p.text {
    font-size: 20px;
    font-weight: 400;
}

.page__contents a.enter {
    display: flex;
    border-radius: var(--radius);
    border: 1px solid #1b2232;
    padding: 12px 45px;
    transition: .3s all ease;
    align-items: center;
    gap: 16px;
}

.page__contents a.enter i {
    font-size: 20px;
}

.page__contents p.desc {
    text-align: center;
    font-size: 15px;
    line-height: 25px;
    color: #AAA;
}

.index__menu {
    width: 100%;
}

h3.head__title {
    font-size: 22px;
    margin-bottom: 20px;
    text-align: center;
}

.index__menu>ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin: 0 -10px;
    row-gap: 20px;
    justify-content: center;
}

.index__menu>ul li {
    flex: 0 0 calc(100% / 3);
    padding: 0 10px;
}

.index__menu>ul li a {
    display: block;
    text-align: center;
    border: 1px solid #ffffff1a;
    padding: 10px;
    border-radius: var(--radius);
    transition: .3s all cubic-bezier(0.56, -0.22, 0.01, 1.33);
}

.index__menu>ul li a:hover {
    background: #c80101;
    color: #FFF;
    border-color: #c80101;
}

a.social__link {
    font-size: 25px;
    display: inline-block;
    margin: 0 8px;
    border-radius: 25px;
    line-height: 40px;
    transition: .4s .45s all cubic-bezier(0.25, 0.1, 0, 1.15);
}

a.social__link:before {
    transition: .3s .1s all ease;
    border-width: 10px 7px;
    border-style: solid;
    border-color: #fff #ff00 #0000 #f5deb300;
    transform: translateX(-50%) rotate(180deg);
    bottom: auto;
    top: 53px;
    content: '';
    position: absolute;
    opacity: 0;
    visibility: hidden;
}

a.social__link:after {
    transition: .3s all ease;
    content: attr(data-text);
    background: #fff;
    font-size: 14px;
    position: absolute;
    top: 100%;
    width: 160px;
    text-align: center;
    font-weight: bold;
    left: 50%;
    transform: translate(-50%, 70px);
    height: 30px;
    line-height: 30px;
    border-radius: var(--radius);
    opacity: 0;
    visibility: hidden;
    color: #000
}

a.social__link:hover:before {
    top: 23px;
    opacity: 1;
    visibility: visible;
}

a.social__link:hover:after {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, 0px);
}

.copyrights {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 20px;
    align-items: center;
    justify-content: center;
}

.copyrights span.developed__by a img {
    width: 191px;
    height: auto;
}

.copyrights span.developed__by a {
    display: block;
}


@media (max-width: 768px) {
    body {
        padding-top: 90px;
    }

    .index__menu>ul li {
        flex: 0 0 50%;
    }


}