@font-face {
    font-family: iranyekan;
    src: url(../webfonts/iranyekan/IRANYekanWebFn.woff2) format('woff2'),
    url(../webfonts/iranyekan/IRANYekanWebFn.woff) format('woff'),
    url(../webfonts/iranyekan/IRANYekanWebFn.ttf) format('truetype');
    font-weight: normal;
    font-style: normal;
}
body {
    background-color: #121212 !important;
    color: #FFFFFF !important;
    font-family: iranyekan !important;
}
a , p {
    color: #FFFFFF !important;
}
.w-200 {
    width: 200px !important;
}
.footer-below1 {
    background-color: #121212 !important;
}

.img-raised {
    box-shadow: 0 16px 38px -12px rgba(0,0,0,.56), 0 4px 25px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(0,0,0,.2);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}
.sweet-alert p {
    color: #797979 !important;
}

.shadow-dark-1 {
    box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.2) !important;
}
.shadow-dark-2 {
    box-shadow: 0 0 24px 4px rgba(0, 0, 0, 0.3) !important;
}


/*
 Start Error
================== */
.error-404-area {
    text-align: center;
    padding: 200px;
}

.error-404-area .error-buttom {
    display: block;
    margin-top: 20px;
    width: 200px;
    color: #0a001f !important;
    margin: auto;
}

/*
 End Error
================== */


/*
 Start Homepage
================== */

/* Slideshow */

.slideshow-section{
    overflow-x: hidden;
}
.slideshow-section a{
    color: inherit !important;
}
.slideshow-section .darken-right {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 40%; /* Adjust the width percentage as needed */
    background: linear-gradient(to left, rgba(0, 0, 0, 1)30%, rgba(0, 0, 0, 0.5) 80%, transparent);
}

.slideshow-section .slideshow-desc {
    position: absolute;
    top: 30%;
    left: 0;
    right: 5%;
    padding: 10px;
    color: white;
    width: 60%;
}
.slideshow-section .slideshow-desc p{
    width: 50%;
}
.slideshow-section .slideshow-desc a{
    margin-top: 20px;
    width: 200px;
    color: #0a001f !important;
}
.slideshow-section .slideshow-box-title {
    display: inline-block;
    border: 1px solid #fff;
    padding: 5px 20px;
    border-radius: 6px;
    margin-left: 10px;
    width: 140px;
    text-align: center;
}
.slideshow-section .slideshow-box {
    margin-bottom: 20px;
}
.slideshow-section .slideshow-box-body {
    font-size: 16px;
}
.slideshow-section .slideshow-box-body.imdb {
    color: #FF4E7B;
}
.slideshow-section-title {
    font-size: 20px;
    font-weight: 700;
    line-height: 35px;
    letter-spacing: 0em;
    text-align: right;
}
.slideshow-section-image {
    border-radius: 10px !important;
}
.slideshow-section-row {
    margin-bottom: 10px;
}
.slideshow-section-title {
    font-size: 16px;
    font-weight: 700;
    line-height: 28px;
    letter-spacing: -0.06em;
    text-align: right;
    color: #092327;
}
.slideshow-section-body {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.01em;
    text-align: right;
    color: #092327;
}
.slideshow-section-img {
    border-radius: 10px;
}

/* Slideshow */


/* slider */

.slider-section .container-fluid{
    padding-right: 10rem !important;
    padding-left: 10rem !important;
}

.slider-section .slider-section-title {
    font-size: 20px;
}
.slider-section img{
    border-radius: 8px;
    box-shadow: 0 4px 5px 0 rgba(0,0,0,.14), 0 1px 10px 0 rgba(0,0,0,.12), 0 2px 4px -1px rgba(0,0,0,.3);
}
.slider-section p{
    color: #000000;
}

/* slider */


/* banner-screenshot */

.banner-screenshot .darken-right {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 40%; /* Adjust the width percentage as needed */
    background: linear-gradient(to left, rgba(0, 0, 0, 1)30%, rgba(0, 0, 0, 0.5) 80%, transparent);
}
.banner-screenshot .container-fluid{
    padding: 0;
    overflow-x: hidden;
}
.banner-screenshot .banner-screenshot-mainimage {
    width: 100%;
}
.banner-screenshot .banner-screenshot-modalimage {
    height: auto !important;
    width: 100%;
    border-radius: 0 !important;
}
.banner-screenshot .modal-body {
    padding: 0;
}
.banner-screenshot .slideshow-desc {
    position: absolute;
    top: 40%;
    left: 0;
    right: 5%;
    padding: 10px;
    color: white;
    width: 60%;
}
.banner-screenshot .slideshow-desc p{
    width: 50%;
}
.banner-screenshot .slideshow-desc a{
    margin-top: 20px;
    width: 200px;
    color: #0a001f !important;
}
.banner-screenshot .img-screenshoot {
    position: absolute;
    bottom: 50px;
    right: 0;
}
.banner-screenshot .img-screenshoot .row{
    padding: 0 80px;
}

.banner-screenshot .img-screenshoot img{
    height: 100px;
    border-radius: 8px;
    cursor: pointer;
}
/* banner-screenshot */

/* banner-screenshot */

.banner-section .darken-right {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 70%;
    background: linear-gradient(to left, rgba(0, 0, 0, 1)50%, rgba(0, 0, 0, 0.5) 88%, transparent);
}
.banner-section .container-fluid{
    padding: 0;
    overflow-x: hidden;
}
.banner-section .banner-section-mainimage {
    width: 100%;
}
.banner-section .banner-section-modalimage {
    height: auto !important;
    width: 100%;
    border-radius: 0 !important;
}
.banner-section .modal-body {
    padding: 0;
}
.banner-section .slideshow-desc {
    position: absolute;
    top: 40%;
    left: 0;
    right: 5%;
    padding: 10px;
    color: white;
    width: 60%;
}
.banner-section .slideshow-desc p{
    width: 50%;
}
.banner-section .slideshow-desc a{
    margin-top: 20px;
    width: 200px;
    color: #0a001f !important;
}
.banner-section .img-screenshoot {
    position: absolute;
    bottom: 50px;
    right: 0;
}
.banner-section .img-screenshoot .row{
    padding: 0 80px;
}

.banner-section .img-screenshoot img{
    height: 100px;
    border-radius: 8px;
    cursor: pointer;
}
/* banner-screenshot */





.platforms-section .container-fluid{
    padding-right: 10rem !important;
    padding-left: 10rem !important;
}
.platforms-section img {
    height: 150px;
    display: block;
    margin: auto;
    margin-bottom: 50px;
}
.platforms-section p {
    text-align: center;
    display: block;
    background-color: #E6E6E6;
    padding: 5px 0 1px 0;
    width: 100px;
    margin: auto;
    border-radius: 8px;
    position: relative;
    right: 10px;
}

@media (max-width: 992px) {
    .img-screenshoot {
        display: none;
    }
    .slider-section .container-fluid {
        padding-right: 5rem !important;
        padding-left: 5rem !important;
    }
    .platforms-section .container-fluid {
        padding-right: 5rem !important;
        padding-left: 5rem !important;
    }
    .platforms-section img {
        height: 100px;
    }
    .slideshow-section .slideshow-desc {
        top: 4%;
    }
    .slideshow-section .slideshow-desc p {
        display: none;
    }
}



/* moviDetails */

.movie-details{
    overflow-x: hidden;
}
.movie-details a{
    color: inherit !important;
}
.movie-details .darken-right {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to top, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0.8), transparent 70%);
}

.movie-details .movie-details-desc {
    position: absolute;
    bottom: 5%;
    left: 0;
    right: 5%;
    padding: 10px;
    color: white;
    width: 100%;
}
.movie-details .movie-details-desc i{
    border: 1px solid #ffffff;
    padding: 10px;
    border-radius: 50%;
    margin-left: 20px;
    cursor: pointer;
}
.movie-details .user-voted {
    color: #8BC34A !important;
}
.movie-details .movie-details-desc p{
    width: 80%;
}
.movie-details .movie-details-desc .movie-buttom{
    display: block;
    margin-top: 20px;
    width: 200px;
    color: #0a001f !important;
}
.movie-details .movie-details-box-title {
    display: inline-block;
    border: 1px solid #fff;
    padding: 5px 20px;
    border-radius: 6px;
    margin-left: 10px;
    width: 140px;
    text-align: center;
}
.movie-details .movie-details-box {
    display: inline-block;
    margin: 10px 10px 0 10px;
}
.movie-details .movie-details-box-body {
    font-size: 16px;
}
.movie-details .movie-details-box-body.imdb {
    color: #FF4E7B;
}
.movie-details-title {
    font-size: 20px;
    font-weight: 700;
    line-height: 35px;
    letter-spacing: 0em;
    text-align: right;
}
.movie-details-image {
    border-radius: 10px !important;
}
.movie-details-row {
    margin-bottom: 10px;
}
.movie-details-title {
    font-size: 16px;
    font-weight: 700;
    line-height: 28px;
    letter-spacing: -0.06em;
    text-align: right;
    color: #092327;
}
.movie-details-body {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.01em;
    text-align: right;
    color: #092327;
}
.movie-details-img {
    border-radius: 10px;
}



@media (max-width: 992px) {

}

/* Slideshow */

/*
 End Homepage
================== */


/*
 Start Slider
================== */

.owl-theme .owl-nav {
    margin: 0;
    position: absolute;
    top: 20%;
    width: 100%;
}

.owl-carousel .owl-nav button.owl-prev {
    font-size: 55px;
    position: absolute;
    right: 0;
}
.owl-carousel .owl-nav button.owl-next {
    font-size: 55px;
    position: absolute;
    left: 0;
}
.owl-theme .owl-nav [class*=owl-]:hover {
    background: none;
}




/*
 End Slider
================== */


/*
 Start Movie
================== */
.movie-index-section .container-fluid{
    padding: 0 2.5rem !important;
}

.comment-section .comment-title {
    font-size: 1.5rem;
    margin-bottom: 20px;
}
.comment-section textarea , .comment-section textarea:focus ,.comment-section textarea:hover {
    background-color: #22223c;
    border-color: #22223c;
    color: #FFFFFF;
}
.comment-section .comment-icon {
    background-color: #22223c;
    color: white;
    border-color: transparent;
    z-index: 2;
}
.comment-section .comment-icon i{
    transform: rotate(180deg);
    font-size: 20px;
}
.comment-section .comment-box {
    background-color: #22223c;
    border-color: #22223c;
    color: #FFFFFF;
    padding: 20px;
    margin-bottom: 20px;
}
.comment-section .comment-box img {
    border-radius: 50px;
    height: 50px;
    margin: auto;
    display: block;
    margin-bottom: 20px;
}

/*
 End Movie
================== */