:root {
    --animate-duration: 1000ms;
    --animate-delay: 1s;
}
@font-face {
    font-family: "NotoSans-Medium";
    src: url("../fonts/NotoSans-Medium.ttf");
}
@font-face {
    font-family: "NotoSans-Bold";
    src: url("../fonts/NotoSans-Bold.ttf");
}
@font-face {
    font-family: "NotoSans-Black";
    src: url("../fonts/NotoSans-Black.ttf");
}
@font-face {
    font-family: "Cairo-Regular";
    src: url("../fonts/Cairo-Regular.ttf");
}
@font-face {
    font-family: "Cairo-Bold";
    src: url("../fonts/Cairo-Bold.ttf");
}
@font-face {
    font-family: "Cairo-Black";
    src: url("../fonts/Cairo-Black.ttf");
}
body {
    background: #000;
    overflow-x: hidden;
}
.slanted-btn,
.slanted-input,
.slanted-file{
    background: #444444;
    overflow: hidden;
    display: inline-block;
    padding: 0px 20px;
}
.slanted-input{
    display: block;
    background: #1c1c1c;
}
.slanted-btn input,
.slanted-input input,
.slanted-input select{
    width: 100%;
}
select option{
    background: #1c1c1c;
    color: #fff;
}
.slanted-file label{
    font-size: 17px;
    height: 32px;
    line-height: 35px;
    padding: 0;
}
.img_before_title,
.img_after_title{
    width: 300px;
}
.result_input{
    font-size: 13px;
    text-transform: capitalize;
    margin: 0;
    text-shadow: 1px 1px 5px #000;
    display: block;
}
.invalid_result{
    color: #ff858a;
}
.valid_result{
    color: #0aa446;
}
.form-control{
    height: 25px;
    color: #fff;
    border-radius: 0;
    border: 0;
    box-shadow: none;
    background:none;
    font-size:13px;
    line-height:25px;
    padding-top:0;
    padding-bottom:0;
}
input.form-control:focus,
select.form-control:focus,
input.form-control:hover,
select.form-control:hover,
input.form-control:active,
select.form-control:active{
    border: 0;
    box-shadow: none;
    color: #fff;
    background:none;
}
.form-control::placeholder{
    color: grey;
}
.file-group{
    display: inline;
}
.file-group label{
    cursor: pointer;
    background:none;
    color: #fff;
    outline: 0;
    border: 0;
    padding: 0 10px;
    width: auto;
    font-size: 18px;
    text-align: center;
}
.file-group input{
    display: none;
}
.iti{
    width: 100%;
    direction: ltr !important;
}
input[type='submit']{
    color: #fff;
    outline: 0;
    border: 0;
    height: 40px;
    background: none;
}
textarea.form-control{
    height: 300px !important;
    transform: unset;
    background: #1c1c1c !important;
    box-shadow: none !important;
    border: 0 !important;
    color: #fff !important;
    resize: none;
}
.form-group{
    margin-bottom: 15px;
}
.custom-file{
    height: 50px;
    margin-bottom: 15px;
    transform: skew(20deg);
}
.custom-file-input~.custom-file-label::after {
    height: 100%;
    background: #444;
    line-height: 50px;
    padding: 0 10px;
    outline: 0;
    border: 0;
    color: #fff;
    border-radius: 0;
    cursor: pointer;
}
.custom-file-input{
    height: 100%;
    cursor: pointer;
}
.custom-file-input:focus~.custom-file-label {
    border-color: #80bdff;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.custom-file-input:active~.custom-file-label {
    background-color: #e9ecef;
}

.custom-file-label {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 100%;
    background: #1f1f1f !important;
    outline: 0;
    border: 0 !important;
    color: #fff;
    border-radius: 0;
    box-shadow: none !important;

}
.title_h1{
    font-size: 25px;
    text-transform: uppercase;
    margin-bottom: 50px;
    line-height: 1.5;
    text-align: center;
    color: #fff;
}
.full_page_swipe {
    height: 100vh;
}

.section_swipe {
    height: 100vh;
    padding-top: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.head_wp{
    position: fixed;
    z-index: 1000;
    width: 100%;
    top: 0;
}
.head_wp .navbar{
    background: #1f1f1f;
    color: #fff;
}
.head_wp .navbar .main_link .nav-link{
    color: #fff;
    font-size: 14px;
    transition: .3s ease-in-out;
    text-transform: uppercase;
}
.head_wp .navbar .nav-link:active,
.head_wp .navbar .nav-link:hover,
.head_wp .navbar .nav-link:focus{

    
}
.head_wp .navbar .navbar-brand{

}
.head_wp .navbar .navbar-brand img{
    width: 100px;
}
.head_wp .navbar .main_social .nav-link{
    background: #404040;
    height: 30px;
    width: 30px;
    line-height: 30px;
    padding: 0;
    text-align: center;
    margin: 0 5px;
    border-radius: 50%;
    margin-top: 5px;
    transition: .3s ease-in-out;
}
.head_wp .navbar .main_social .nav-link i{
    color: #fff;
}
.head_wp .navbar .main_social{
    display: inline-block;
}
.head_wp .navbar .main_social a:hover{
    background:#d91117;
}
.head_wp .navbar .snav{
    display: block;
}
.head_wp .navbar .snav li{
    display: inline-block;
}
.head_wp .navbar .main_language{

}
.head_wp .navbar .main_language .nav-link i{
    color: #fff;
    opacity: .8;
}
.head_wp .navbar .navbar-toggler{

}
.head_wp .navbar .navbar-toggler i{
    color: #fff;
}

.head_wp .navbar .nav-item.active{
    background: #4c4c4c;
}
.head_wp .navbar .nav-item.own-link{
    padding: 0 10px;
}
/******/
.footer_wp{
    background-image: url(../img/footer-bg.webp);
    padding: 20px 0 !important;
    background-size: cover;
    color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    text-align: center;
    height: auto !important;
}
.footer_wp ul{
    display: block;
    margin-bottom: 20px;
    padding: 0;
}
.footer_wp ul li{
    display: inline-block;
}
.footer_wp ul li a{
    margin: 0 10px;
    color: #fff;
    text-decoration: none;
    padding: 0 5px;
    transition: .3s ease-in-out;
    font-size: 14px;
    text-transform: uppercase;
}
.footer_wp ul li a:hover{
    opacity: .8;
}
.footer_wp .logo{
    margin-bottom: 20px;
}
.footer_wp .logo img{
    width: 60px;

}
.footer_wp .address{
    margin-bottom: 20px;
    font-size: 13px;
    line-height: 1.6;
}
.footer_wp .info{
    margin-bottom: 20px;
    line-height: 1.6;
    font-size: 13px;
}
.footer_wp .copy{
    font-size: 12px;
    margin: 0;
    color: #fff;
    opacity: .8;
}
/*****/
/*.page{
    page-break-after: always;
}*/
.intro_wp{
    overflow: hidden;
    display: block !important;
}
.intro_wp .carousel{
    height: 100%;
}
.intro_wp .carousel-inner{
    height: 100%;
}
.intro_wp .carousel-item{
    height: 100%;
}
.intro_wp .carousel-item img{
    width: 100%;
    object-fit: cover;
    height: 100%;
}
.intro_wp .carousel-item .carousel-caption{
    bottom: 22%;
}
.intro_wp .carousel-item .carousel-caption a{
    background: #fff;
    color: #000;
    text-transform: uppercase;
    padding: 8px 15px;
    border-radius: 5px;
    text-decoration: none;
}
.intro_wp .carousel-indicators{
    bottom: 15%;
    padding-right: 0;
}
.intro_wp .carousel-indicators li{
    height: 12px;
    width: 12px;
    border-radius: 50%;
    border: 0;
    opacity: 1;
}
.intro_wp .carousel-indicators li.active{
    background: #ff0000 !important;
}
/***********/
.feature_sec{
    background-image: url(../img/feature-bg.webp);
    padding: 20px 0;
    background-size: cover;
    color: #fff;
    background-repeat: no-repeat;
    text-align: center;

}

.feature_sec{

}
.feature_sec .owl-carousel{

}
.feature_sec .owl-carousel .item{
    height: 280px;
}
.feature_sec .owl-carousel .item img{
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.feature_sec .owl-carousel .item a{
    text-decoration: underline;
}
.feature_sec .owl-theme .owl-dots .owl-dot{
    margin: 0 5px;
    font-size: 13px;
}
.feature_sec .owl-theme .owl-dots .owl-dot span{
    color: #ff0000;
}
.feature_sec .owl-theme .owl-dots .owl-dot.active{
    color: #ff0000;
}
.feature_sec .owl-theme .owl-dots .owl-dot.active span,
.feature_sec .owl-theme .owl-dots .owl-dot:hover span{
    color: #fff;
}
/*******/
.whatis_sec{
    background-image: url("../img/Background_AboutArtal_Section_.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.whatis_sec .logo{
    text-align: center;
    margin-bottom: 30px;
}
.whatis_sec .logo img{
    width: 300px;
}
.whatis_sec .txt{
    background-color: rgba(0,0,0,.1);
    color: #fff;
    padding: 30px 15px;
}
.whatis_sec .txt p{
    line-height: 1.8;
    margin-bottom: 15px;
    font-size: 17px;
}
.whatis_sec .txt p:last-child{
    margin-bottom: 0;
}
/*************/
.support_sec{
    background-color: #000;
    color: #fff;
}
/************/
.ourgames_sec{
    background-image: url("../img/Background_AboutArtal_Section_.png");
    background-repeat: no-repeat;
    background-size: cover;
    /* background-position: center; */
    direction: ltr;
}
.ourgames_sec .title_h1{
    color: #fff;
}
.ourgames_sec .carousel-inner{
    overflow: visible;
}
.ourgames_sec .carousel-item{
    border-radius: 30px;
    overflow: visible;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.ourgames_sec .carousel-caption{
    height: 100%;
    bottom: 0;
    top: 0;
    right: 10%;
    left: 10%;
    padding-bottom: 0;
    padding-top: 0;
}
.ourgames_sec .carousel-caption .row{
    height: 100%;
}
.ourgames_sec .frame{
    background-color: rgba(0,0,0,.5);
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    position: absolute;
    right: 0;
    left: 0;
    border-radius: 15px;
}
.ourgames_sec .game-cover{
    object-fit: cover;
    height: 300px;
    border-radius: 15px;
}
.ourgames_sec .carousel-caption .col-lg-4{
    height: 100%;
}
.ourgames_sec .img-box{
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 1;
}
.ourgames_sec .game-photo{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.5);
    transform-origin: bottom center
    /*position: absolute;
    right: 0;
    bottom: 0;*/
}
.ourgames_sec .game-photo.zs_img{

}
.ourgames_sec .game-photo.soh_img{

}
.ourgames_sec .data{
    z-index: 10;
}
.ourgames_sec .data h3{
    text-transform: uppercase;
    margin-bottom: 10px;
    font-size: 22px;
}
.ourgames_sec .data p{
    line-height: 1.7;
    font-size: 15px;
    margin-bottom: 10px;
    opacity: .9;
}
.ourgames_sec  a{
    text-decoration: none;
}
.ourgames_sec .data .store{

}
.ourgames_sec .data .store img{
    width: 120px;
}
.ourgames_sec .carousel-control-prev{
    left:-12%
}
.ourgames_sec .carousel-control-next{
    right:-12%
}
.games_page .feature_sec{
    background-image: url("../img/feature-bg2.webp");
}
.ourgames_sec .carousel-control-next,
.ourgames_sec .carousel-control-prev{
    z-index: 10;
}
.ourgames_sec .carousel-control-next img,
.ourgames_sec .carousel-control-prev img,
.intro_wp .carousel-control-next img,
.intro_wp .carousel-control-prev img{
    z-index: 10;
    width: 20px;
}
/**********/
.game_sec{
    background-color: #000;
}
.game_intro_sec{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding-top: 0;
    overflow: hidden;
    direction: rtl;
}
.game_intro_sec.zs_game_sec{
    background-image: url("../img/Background_ZombieSiegePage_FirstSection.png");
}
.game_intro_sec.soh_game_sec{
    background-image: url("../img/soh-cover-pc.webp");
}
.game_intro_sec .container,
.game_intro_sec .row{
    /*height: 100%;*/
}
.game_intro_sec .frame{
    /* background-color: rgba(0,0,0,.4); */
    width: 100%;
    padding-top: 60px;
    height: 100%;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}
.game_intro_sec .img-block{
    height: 100%;
    overflow: hidden;
    text-align: center
}
.game_intro_sec .img-block img{
    object-fit: contain;
    height: 100%;
    width: 100%;
}
.game_intro_sec .social{
    margin-top: 15px;

}
.game_intro_sec .social a{
    text-decoration: none;
    margin: 0 5px;
}
.game_intro_sec .social a img{
    width: 35px
}
.game_intro_sec .title{
    color: #f7b700;
}
.game_intro_sec .title h1{
    font-size: 60px;
    text-transform: uppercase;
    text-shadow: 2px 1px 3px #000;
    margin-bottom: 0;
}
.game_intro_sec .title img{
    width: 570px;
    display: block;
    margin: 0 auto;
}
.game_intro_sec .play{
    margin: 25px 0;
    text-decoration: none;
    display: block;
}
.game_intro_sec .play img{
    width: 200px;
}
.game_intro_sec .store{
    text-decoration: none;
    display: block;
}
.game_intro_sec .store img{
    width: 170px;
}
.game_feature_sec{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding-top: 0;
    overflow: hidden;
}


.game_feature_sec .owl-carousel .item .img-block{
    margin-bottom: 15px;
}
.game_feature_sec .owl-carousel .item {
    text-align: center;
    width: 100%;
    margin: 0 auto;
}
.game_feature_sec .owl-carousel .item p{
    color: #fff;
    line-height: 1.8;
    font-size: 13px;
    margin: 0;
}
.game_feature_sec .owl-carousel .owl-nav button.owl-next,
.game_feature_sec .owl-carousel .owl-nav button.owl-prev,
.game_feature_sec .owl-carousel button.owl-dot{
    color: #fff;
    font-size: 50px;
    display: inline-block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    padding: 0 !important;
    position: absolute;
    top: 30%;
    transition: .3s ease-in-out;
}
.game_feature_sec .owl-carousel .owl-nav .owl-next img,
.game_feature_sec .owl-carousel .owl-nav .owl-prev img{
    width: 20px;
}
.game_feature_sec .owl-carousel .owl-nav button.owl-prev{
    right: -5%;
}
.game_feature_sec .owl-carousel .owl-nav button.owl-next{
    left: -5%;
}
.game_feature_sec .owl-theme .owl-nav [class*=owl-]:hover{
    background:none;
    opacity: .5;
}
.game_know_sec{
    display: block;
    padding-top:0 !important;
}
.game_know_sec .carousel,
.game_know_sec .carousel .carousel-inner,
.game_know_sec .carousel .carousel-item,
.game_know_sec .carousel .carousel-item .game-cover,
.game_know_sec .carousel .carousel-caption{
    height: 100%;
}
.game_know_sec .carousel .carousel-item .game-cover{

}
.game_know_sec .carousel .carousel-caption{
    display: flex;
    padding-top: 60px;
    height: 100%;
    bottom: 0;
    top: 0;
    right: 10%;
    left: 10%;
    padding-bottom: 0;
}
.game_know_sec .carousel-caption .game-photo{
    height: 100%;
    /*object-fit: contain;*/
    width: 100%;
}
.game_know_sec .frame{
    position: absolute;
    background: rgba(0,0,0,.3);
    right: 0;
    left: 0;
    height: 100%;
    bottom: 0;
}
.game_know_sec .data h3{
    text-transform: uppercase;
    margin-bottom: 10px;
    font-size: 25px;
}
.game_know_sec .data p{
    line-height: 1.7;
    font-size: 17px;
    margin-bottom: 10px;
    opacity: .8;
}
.game_know_sec .carousel-control-next,
.game_know_sec .carousel-control-prev{
    z-index: 10;
}

.zs_game_sec .title{
    color:#fff;
}
.game_know_sec .carousel-control-next img,
.game_know_sec .carousel-control-prev img{
    width: 20px;
}
/*****/
.about_sec{
    background-color: #000;
    background-image: url("../img/05 Company_page copy.png");
    background-position: top;
    background-size: contain;
    background-repeat: no-repeat;
}
.about_title{
    text-transform: uppercase;
    color: #fff;
    font-size: 60px;
    margin: 0;
    padding: 0;
}
.about_sec .about_intro{

}
.about_sec .about_intro .info{
    color: #fff;
    line-height: 1.7;
    font-size: 17px;
    margin-bottom: 15px;
    text-align: justify;
}
.about_sec .about_intro .info:last-child{
    margin-bottom: 0;
}
.about_sec .about_services{

}
.about_sec .about_services .item{
    background: #1f1f1f;
    padding: 15px 10px;
    border-radius: 0;
    width: 98%;
    margin: 0 auto;
}
.about_sec .about_services .item h3{
    color: #da1f26;
    text-transform: capitalize;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 15px;
}
.about_sec .about_services .item p{
    margin: 0;
    color: #fff;
    height: 230px;
    display: flex;
    /*align-items: center;*/
    font-size: 13px;
    line-height: 1.7;
    text-align: justify;
}

.mouse_arrow{
    text-align: center;
    margin-top: 15px;
}
.mouse_arrow img{
    display: block;
    margin: 0 auto;
    width: 15px;
}
.mouse_arrow img.mouse{

}
.mouse_arrow img.x-arrow{
    width: 20px;
}
.mouse_arrow img.s-arrow{

}
.nline{
    width: 60%;
    display: block;
    margin: 0 auto;
    margin-top: 30px;
}
.about_sec .about_services .owl-carousel .owl-nav button.owl-next,
.about_sec .about_services .owl-carousel .owl-nav button.owl-prev,
.game_feature_sec .owl-carousel button.owl-dot{
    color: #fff;
    display: inline-block;
    padding: 0 !important;
    position: absolute;
    top: 30%;
    transition: .3s ease-in-out;
}
.about_sec .about_services .owl-carousel .owl-nav button.owl-prev{
    right: -5%;
}
.about_sec .about_services .owl-carousel .owl-nav button.owl-next{
    left: -5%;
}
.about_sec .about_services .owl-nav img{
    width: 20px;
}
.about_sec .about_services .owl-theme .owl-nav [class*=owl-]:hover{
    background:none;
    opacity: .5;
}
.contact_sec{
    /* background: #000; */
}
/*******/
.publish_sec{
    background-image: url("../img/08-Publish_page.png");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    color: #fff;
   margin-top: 50px;
    padding-bottom: 50px;
}
.publish_sec .label_group{

}
.publish_sec .slanted-input,
.publish_sec .slanted-btn,
.publish_sec .slanted-file{
    background: #6f7484;
    color: #fff;
}
.publish_sec .form-control::placeholder{
    color: #fff;
}
.publish_sec textarea{
    background: none !important;
    height: 100px !important;
}
.custom-checkbox{
   display: block;
    text-align: right;
    width: 100px;
    padding: 0;
    margin: 0;
}
.custom-control-label{
    font-size: 15px;
    padding-left:0;
    padding-right:20px;
}
.custom-control-label::before{
    width: 15px;
    height: 15px;
    background-color: #2e313a;
    border: none !important;
    right: 0;
    left:unset;
}
.custom-control-input:checked~.custom-control-label::before{
    border: none !important;
}
.custom-control-label::after {
    width: 15px;
    height: 15px;
    background-color: #2e313a;
    border: none !important;
    right: 0;
    left:unset;
}
.publish_sec .label_group{
    font-size: 17px;
    text-transform: capitalize;
    color: #fff;
    opacity: .6;
    margin-bottom: 15px;
    display: block;
}
.publish_sec .label_txt{
    color: #fff;
    opacity: .6;
    font-size: 17px;
}
/*****/
.thanku_sec{
    text-align: center;
    background: #f8f8f8;
}
.thanku_sec i{
    color: #218714;
    font-size: 60px;
    margin-bottom: 15px;
}
.thanku_sec p{
    font-size: 16px;
    text-transform: capitalize;
    color: #444;
    margin: 0;
}
.thanku_sec h1{
    color: #000;
}
/********/
.blog_page{
    background-color: #000;
    background-image: url("../img/blog-bg.webp");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    color: #fff;
}
.blog_sec .block{
    border: 1px solid #363636;
    padding: 10px;
    border-radius: 30px;
}
.blog_sec .block .title_h1{
    text-align: unset;
    margin: 15px 0;
    font-size: 35px;
}
.blog_sec .block .sub_title{
    font-size: 15px;
    margin-bottom: 10px;
    line-height: 1.7;
    text-transform: capitalize;
}
.blog_sec .block .info{
    line-height: 1.7;
    margin-bottom: 10px;
    font-size: 12px;
}
.blog_sec .block .special{
    color: #ff0000;
}
.blog_sec .block .progress{
    height: 2px;
    width: 50%;
    border-radius: 0;
    background: #363636;
}
.blog_sec .block .progress-bar{
    background: #ff0000;
    width: 10% !important;
}
.blog_sec .block .start_progress{

}
.blog_sec .block .end_progress{

}
/*******/
.community_sec{
    margin-top: 30px;
}
.community_sec .title{
    text-transform: uppercase;
    margin-bottom: 25px;
    font-size: 20px;
    color: #fff;
    opacity: .9;
}
.community_sec .social_txt{
    padding: 0;
}
.community_sec .social_txt li{
    display: inline-block;
    margin: 0 5px;
}
.community_sec .social_txt li a{
    background: #000;
    border: 1px solid #4a4a4a;
    display: inline-block;
    padding: 5px 15px;
    border-radius: 5px;
    text-decoration: none;
    transition: .3s ease-in-out;
}
.community_sec .social_txt li a img{
    background: #fff;
    width: 25px;
    border-radius: 5px;
}
.community_sec .social_txt li a span{
    color: #fff;
    text-transform: uppercase;
    display: inline-block;
    transition: .3s ease-in-out;
}
.community_sec .social_txt li a:hover{
    background: #d62027;
    border-color: #d62027;
}
.community_sec .social_icon{
    padding: 0;
    margin: 0;
}
.community_sec .social_icon li{
    display: inline-block;
    margin: 0 5px;
}
.community_sec .social_icon li a{
    text-decoration: none;
}
.community_sec .social_icon li a img{
    width: 35px;
}
/************/
.news_sec{
    background-color: #000;
    background-image: url("../img/News-Page_09.png");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    color: #fff;
}
.news_sec .main_tab{
    display: flex;
    padding: 0;
    margin: 0;
    border-bottom: 0;
    flex-wrap: wrap;
}
.news_sec .main_tab li{
    text-align: center;
    color: #fff;
    flex-basis: calc(100% / 2);
}
.news_sec .main_tab li a{
    color: #fff;
    text-decoration: none;
    display: block;
    padding: 10px 5px;
    border: 1px solid #343434;
    text-transform: uppercase;
}
.news_sec .main_tab li a.active{
    background: #d91117;
}
.news_sec .sub_main_tab li{
    flex-basis: calc(100% / 5);
}
.news_sec .sub_main_tab li a{
    text-transform: capitalize;
    font-size: 13px;
}
.news_sec .tab-content-block{
    background-image: url("../img/Event_Background_.png");
    background-size: cover;
    background-repeat: no-repeat;
    /* background-position: center; */
    color: #fff;
    padding: 60px 20px;
    border: 1px solid #626262;
    margin: 5px 0;
    min-height: 200px;
    display: flex;
    align-items: center;
}
.news_sec .tab-content-block .block{

}
.news_sec .tab-content-block .block .date{
    color: #d91117;
    font-size: 20px;
    margin-bottom: 10px;
    line-height: 1.7;
}
.news_sec .tab-content-block .block .title{
    font-size: 25px;
    font-weight: normal;
    line-height: 1.7;
    margin-bottom: 10px;
    text-transform: uppercase;
}
.news_sec .tab-content-block .block .read_more{
    background: #d91117;
    color: #fff;
    text-decoration: none;
    display: inline-block;
    padding: 7px 15px;
    text-transform: uppercase;
    font-size: 13px;
}
/****/
.wp_404{
    text-align: center;
}
.wp_404 .title_h1{
    font-size: 60px;
}
.wp_404 p{
    font-size: 15px;
    color: #fff;
    margin: 0;
}
/*******/
.privacypolicy_sec{
    background: #fff;
    padding: 60px 0;
    color: #3a3a3a;
}
.privacypolicy_sec .title_h1{
    color: #000;
}
.privacypolicy_sec .content{
    white-space: pre-line;
    word-wrap: break-word;
}
.privacypolicy_sec .content strong{

}
.privacypolicy_sec .content a{

}
/*********/
.nfeature_sec{
    background-image: url('../img/Background_FeaturedGames_Section_.png') !important;
    padding: 20px 0;
    background-size: cover;
    color: #fff;
    background-repeat: no-repeat;
    text-align: center;
}
.nfeature_sec ul{

    width: 100%;
    padding: 0;
    margin: 0;
    text-align: center;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
}
.nfeature_sec ul li{
    flex: 0 0 auto; /* This ensures each li element has the same width and won't grow or shrink */
    white-space: nowrap;
    height: 450px;
    overflow: hidden;
    transform: skew(-8deg);
    transition: .3s ease-in-out;
    margin: 0px;
}
.nfeature_sec li a{
    width: 100%;
    height: 100%;
    display: block;
}
.nfeature_sec li img{
    height: 100%;
    width: 100%;
    object-fit: contain;
}
.nfeature_sec li:hover,
.nfeature_sec li.active{
    transform: skew(-8deg) scale(1.1) !important;
    margin: 0 10px !important;
}
.nfeature_sec li.semi_active{
    transform: skew(-8deg) scale(1.03);
    margin: 0 4px;
}
/**/
.head_title{
    margin-bottom: 50px;
}
.head_title .row{
    display: flex;
    justify-content: center;
    align-items: center;
}
.head_title img{

}
.head_title .title_h1{
    margin: 0;
}
/*********/
.new_our_game{
    background-image: url("../img/ourgame-bg.webp");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.new_our_game .item{

}
.new_our_game .item{
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("../img/tes.png");
    background-size: contain;
    height: 100vh;
    padding-top: 100px;
}
.new_our_game .item .frame{
    direction: ltr;
    display: flex;
    align-items: center;
    justify-content: center;
}
.new_our_game .item .block .img-box{

}
.new_our_game .item .block .img-box img{

}
.new_our_game .owl-carousel .owl-stage-outer{

}

.new_our_game .item .block .data{
    margin-top: 100px;
    text-align: center;
    padding: 20px 10px;
    color: #fff;
}
.new_our_game .item .block .data h3{

}
.new_our_game .item .block .data .info{

}
.new_our_game .item .block .data .store{
    display: block;
    width: 100%;
}
.new_our_game .item .block .data .store img{
    width: 120px;
}
/*****/
.new_nfeature_sec{
    direction:rtl;
}
.new_nfeature_sec .col{
    padding: .35%;
}
.new_nfeature_sec .item{
    transform: skew(-10deg);
    transition: .3s ease-in-out;
    width: 96%;
}
.new_nfeature_sec .item a{
    width: 100%;
    height: 100%;
    display: block;
}
/* .new_nfeature_sec .item img{
    height: 100%;
    width: 100%;
    object-fit: contain;
} */
.new_nfeature_sec .item:hover,
.new_nfeature_sec .item.active{
    transform: skew(-10deg) scale(1.1) !important;
    /*margin: 0 5px !important;*/
}
.new_nfeature_sec .item.semi_active{
    transform: skew(-10deg) scale(1.03);
    z-index: 10;
    /*margin: 0 4px;*/
}
.new_nfeature_sec .item.right_now{
    /*margin-right: -7px;*/
}
.new_nfeature_sec .item.left_now{
    /*margin-left: -7px;*/
}
/*new_game_feature_sec*/
.new_game_feature_sec{
    display: block;
}
.new_game_feature_sec .carousel,
.new_game_feature_sec .carousel-inner{
    height: 100%;
}
.new_game_feature_sec .carousel-item{

}
.new_game_feature_sec .carousel-item img{
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.new_game_feature_sec .carousel-item img.pc{

}
.new_game_feature_sec .carousel-control-prev,
.new_game_feature_sec .carousel-control-next{
    width: 20px;
}
.new_game_feature_sec .carousel-control-prev{
    left: 4%;
}
.new_game_feature_sec .carousel-control-next{
    right: 4%;
}