body{margin:0}:root{--main-color:#0d6efd;--dark-mode-color:#333}.light-mode{background-color:#0d6efd;background-color:var(--main-color);color:#fff}.dark-mode{background-color:#333;color:#fff}.nav-style{height:90px;width:1440px}.color-body{background-color:#fff;height:100vh}.logo{height:72px;width:78px}.search{position:relative}.search input{border-radius:20px;height:40px;text-indent:25px}.search input:focus{border:2px solid #fff;box-shadow:none}.search .fa-search{color:#000;left:16px;position:absolute;top:12px}.card{cursor:pointer;height:375px;position:relative;transition:all .5s ease-in}.card-image{border-radius:5px;display:block;height:100%;width:100%}.card-overlay{background-color:#0d6efd99;bottom:0;height:100%;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .5s ease,visibility .5s ease;visibility:hidden;width:100%}.card-overlay.dark-overlay{background-color:#393839b3}.card:hover .card-overlay{opacity:1;visibility:visible}.overlay-text{color:#fff;font-size:16px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.font{font-family:Almarai,sans-serif}.color{background-color:#0d6efd;background-color:var(--main-color);color:#0d6efd;color:var(--main-color)}.card-detalis{height:370px}.card-detalis,.card-story{background-color:#f8f8f8;border-radius:20px}.card-story{height:300px}.img-movie{border-radius:20px;height:360px;padding:10px}.card-text-details{font-size:28px;font-weight:700;line-height:49px}.card-text-details,.card-text-story{color:#555;font-family:Almarai,sans-serif;letter-spacing:0}.card-text-story{font-size:18px;line-height:32px}.card-text-title{color:#555;font-family:Almarai,sans-serif;font-size:36px;font-weight:700;letter-spacing:0;line-height:49px}.language-btn{border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-width:1px;color:#fff;padding:4px 10px;position:absolute;top:55%;transform:translateY(-50%);transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s}.language-btn.light-mode{background-color:#0d6efd;background-color:var(--main-color);border-color:#0d6efd;border-color:var(--main-color)}.language-btn.light-mode:hover{background-color:#0056b3}.language-btn.dark-mode{background-color:#333;background-color:var(--dark-mode-color);border-color:#333;border-color:var(--dark-mode-color)}.language-btn.dark-mode:hover{background-color:#000}.btn.btn-primary.dark-mode.dark-hover:focus{background-color:#000;box-shadow:0 0 .25rem #000;outline:#000}.dark-hover:hover{background-color:#000}@media (max-width:767px){.flex-wrap-mobile{flex-wrap:wrap}.margin-auto-mobile{margin:auto}.card-text-details-mobile{font-size:24px;line-height:24px;margin-top:10px}.card-text-title-mobile{text-align:center}}.search{margin-left:12px;margin-right:12px}.search input:focus::placeholder{opacity:0;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s}.dark-mode-pagination{background-color:#fff;color:#333;color:var(--dark-mode-color)}.dark-mode-active{background-color:#333;background-color:var(--dark-mode-color);border-color:#333;border-color:var(--dark-mode-color);color:#fff}.dark-mode-pagination:hover{color:#333;color:var(--dark-mode-color)}.page-item.active .dark-mode-pagination{border-color:#333;border-color:var(--dark-mode-color)}.dark-mode-pagination:focus{box-shadow:0 0 0 .25rem #00000040;color:#333;color:var(--dark-mode-color)}.page-item.active .dark-mode-pagination{background-color:#333;background-color:var(--dark-mode-color);color:#fff}p span{font-size:26px;font-weight:400}
/*# sourceMappingURL=main.a330a301.css.map*/