* {
   margin: 0;
   padding: 0;
   box-sizing: border-box;
}
html, body{
   scroll-behavior: smooth;
}
.container {
   max-width: 1132px;
   margin: 0 auto;
   width: 100%;
}
.slick-list { flex: 1; }
li{
   list-style-type: none;
}
.content_article_info ol li{
	  list-style: auto;
  list-style-position: inside;
}	
#filtered_tag{
	display: flex;
    gap: 8px;
	flex-wrap: wrap;
}
/* .content_article_info ul li{
		  list-style: disc;
  list-style-position: inside;
} */

/* .content_article_info iframe{
	width: 100%;
} */

p,h1,h2,h3,span,a{
   font-family: "Manrope-Regular";
}
a{
   text-decoration: none;
}
.navbar .container{
   display: flex;
   align-items: center;
   justify-content: space-between;
}
.main_nav{
   /* padding: 18px 0; */
   background: #181717;
}
.nav_menu{
   display: flex;
   align-items: center;
   /* gap: 70px; */
}
.nav_menu ul{
   display: flex;
}
.nav_menu ul li{
   position: relative;
}
.seach_box.active,
.nav_menu ul li.active > a{
   background: #CA1F2A;
}
.nav_menu a{
   font-size: 15px;
   font-weight: 600;
   line-height: 35px;
   letter-spacing: 0em;
   text-align: left;
   color: #D8D8D8;
   display: flex;
   padding: 27px 38px;
   height: 100%;
   align-items: center;
}
.navbar .seach_box{
   width: 120px;
   height: 100%;
   padding: 30px 10px;
   margin-right: -40px;
   text-align: center;
}
.red_navbar .seach_box:hover,
.red_navbar .seach_box.active{
   background: #883017 !important;
}
.navbar .seach_box.active
.nav_menu a.active,
.nav_menu a:hover,
.navbar .seach_box:hover{
   background: #CA1F2A;
   cursor: pointer;
}
.banner_img {
   width: 100%;
   height: 100%;
   /* position: absolute;
   bottom: 0;
   top: 0;
   left: 0;
   right: 0;
   z-index: -1;
   height: 100%; */
}
.banner_img img{
   width: 100%;
   height:100%;
   display: block;
   object-fit: cover;
}
.banner_img div{
   position: absolute;
   bottom: 0;
   top: 0;
   left: 0;
   right: 0;
   background: radial-gradient(50% 50% at 0% 0%, rgba(24, 23, 23, 0) 0%, #00000054 100%);
}
.banner_slider .banner_item{
   position: relative;
   /* height: 710px; */
   height: calc(100vh - 87px);
   /* padding: 66px 31px; */
   display: flex !important;
   align-items: flex-end;
}
.bottom_slider{
   display: flex;
   justify-content: space-between;
   align-items: flex-end;
   width: 100%;
   position: absolute;
   left: 0;
   right: 0;
   bottom: 0;
   padding: 66px 31px;
}
.bottom_slider .left_side_slide .data_slide{
   display: block;
   font-size: 13px;
   font-weight: 500;
   line-height: 30px;
   letter-spacing: 0em;
   padding-bottom: 19px;
   position: relative;
   color: #fff;
}
.bottom_slider .left_side_slide .data_slide::before{
   content: '';
   position: absolute;
   bottom: 0;
   left: 0;
   height: 2px;
   width: 20px;
   background-color: #fff;
}
.bottom_slider .left_side_slide{
   max-width: 610px;
}
.bottom_slider .left_side_slide .title_slide{
   font-size: 35px;
   font-weight: 700;
   line-height: 48px;
   letter-spacing: 0em;
   color: #fff;
   margin-top: 18px;
   margin-bottom: 12px;
}
.bottom_slider .left_side_slide .text_slide{
   font-size: 18px;
   font-weight: 300;
   line-height: 22px;
   letter-spacing: 0.02em;
   color: #fff;
}
.bottom_slider .right_side_slide img{
   width: 156px;
}
.main_banner{
   position: relative;
   height: calc(100vh - 87px);
}
.main_banner .scroll_btn{
   position: absolute;
   bottom: 30px;
   left: 30px;
   display: flex;
   align-items: flex-start;
   gap: 10px;
   font-size: 18px;
   font-weight: 300;
   line-height: 22px;
   letter-spacing: 0.02em;
   color: #ffffff82;
   text-decoration: none;
}
.main_banner .slider_btns .banner_m_dots ul{
   display: flex;
   gap: 11px
}
.main_banner .slider_btns .banner_m_dots li{
   height: 5px;
}
.main_banner .slider_btns .banner_m_dots li button{
   background-color: #CCC7BE;
   width: 5px;
   height: 5px;
   opacity: 0.5px;
   border-radius: 100%;
   text-indent: -9999px;
   border: none;
}
.main_banner .slider_btns .banner_m_dots li.slick-active button{
   background-color: #fff;
}
.main_banner .slider_btns {
   display: flex;
   justify-content: center;
   position: absolute;
   margin: auto 0;
   z-index: 1;
   width: 100%;
   bottom: 33px;
}
.main_banner .bottom_slider .left_side_slide .data_slide span{
	display: none;
}
.map_route{
   width: 100%;
   height: 163px;
   background-color: aliceblue;
   display: none
}
.main_article{
   padding-top: 84px;
   padding-bottom: 89px;
   position: relative;
}
.back_main_article{
   opacity: 0.05;
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   background-size: cover;
   background-attachment: fixed;
   background-repeat: no-repeat;
   pointer-events: none;
}
.main_article .container{
   display: flex;
   flex-wrap: wrap;
   gap: 17px;
}
.navbar.active{
   position: fixed;
   right: 0;
   left: 0;
   z-index: 99;
}
.main_article .article_box .img_article{
   height: 349px;
   overflow: hidden;
}
.main_article.img_article.main_latest{
   height: 474px;
}
.main_article .article_box{
   width: 49%;
}
.article_box{
   overflow: hidden;
}
.article_box .img_article{
   width: 100%;
   position: relative;
   height: 223px;
   overflow: hidden;
}
.article_box .img_article .article_hover{
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   padding: 22px 26px;
   background: transparent;
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   transition: 0.3s;
	opacity: 0;
	display:none;
}
.article_box:hover .img_article .article_hover.orange{
   background: #B14324;
		opacity: 1;
}
.article_box:hover .img_article .article_hover{
   background: #ce202bbf;
}
.article_box:hover .img_article .article_hover img{
   margin-top: 0;
   margin-left: 0;
}
.article_box .img_article .article_hover img{
   width: 124px;
   height: unset;
   margin-top: -47px;
    margin-left: -37px;
   transition: 0.3s;

}
.article_box:hover .img_article .article_hover .btns_article_hover{
   gap: 9px;
   margin-bottom: 0px;
   margin-left: 0px;
}
.article_box .img_article .article_hover .btns_article_hover{
   display: flex;
   gap: 79px;
   margin-bottom: -69px;
   margin-left: -52px;
   transition: 0.3s;
}
.article_box .img_article .article_hover .btns_article_hover .btn_link_art{
   padding: 8px 15px;
   border: 1px solid #FFFFFF;
   font-size: 11px;
   font-weight: 500;
   line-height: 13px;
   letter-spacing: 0em;
   color: #fff;
}
.btns_article_hover {
	display: none !important;
}
.article_box .img_article img{
   width: 100%;
   height: 100%;
   object-fit: cover;
}
.right_menu_article .products_article .product_box_article .img_product_article img,
.right_menu_article .article_box .img_article img{
   transition: 0.3s;
}
.right_menu_article .products_article .product_box_article:hover .img_product_article img,
.right_menu_article .article_box:hover .img_article img{
   transform: scale(1.1);
}
.article_box .article_data{
   font-size: 13px;
   font-weight: 500;
   line-height: 30px;
   letter-spacing: 0em;
   color: #707070;
   position: relative;
   padding-bottom: 7px;
   margin-top: 11px;
}
.article_box .article_data::before{
   content: '';
   position: absolute;
   bottom: 0;
   left: 0;
   height: 2px;
   width: 20px;
   background-color: #CE202B;
}
.article_box .title_article{
   font-size: 24px;
   font-weight: 700;
   line-height: 26px;
   letter-spacing: 0em;
   color: #343232;
   margin-bottom: 12px;
   margin-top: 8px
}
.article_box p{
   font-size: 18px;
   font-weight: 600;
   line-height: 22px;
   letter-spacing: 0.02em;
   color: #191818;
}
.header_articles{
   font-family: 'Manrope-Bold' !important;
   /* font-size: 22px; */
   font-size: 30px;
   font-weight: 800;
   line-height: 30px;
   letter-spacing: 0.2em;
   text-align: center;
   padding-bottom: 15px;
   position: relative;
   text-transform: uppercase
}
.header_articles::before{
   content: '';
   position: absolute;
   height: 1px;
   background-color: #343232;
   width: 66.5px;
   margin: auto;
   bottom: 0;
   left: 0;
   right: 0;
}
.hightlights{
   padding: 49px 0 59px 0;
   background: #F7F4ED;
}
.highlight_main{
   width: 100%;
   padding: 14px;
   background-color: #39382c;
   margin-top: 54px;
}
.close_pop_up:hover,
.highlight_articles .highlight_box:hover,
.highlight_main:hover{
   cursor: pointer;
}
.highlight_main .inner_highlight{
   display: flex;
   border: 1px solid #FFFFFF;
   padding: 35px 55px;
   justify-content: space-between;
   min-height: 213px;
}
.highlight_main .inner_highlight .right{
   position: relative;
   width: 50%;
}
.highlight_main .inner_highlight .left{
   width: 40%;
   z-index: 9;
}
.highlight_main .inner_highlight .left h1{
   font-size: 28px;
   font-weight: 600;
   line-height: 30px;
   letter-spacing: 0em;
   color: #E5E5E5;
}
.highlight_main .inner_highlight .left h3{
   font-size: 17px;
   font-weight: 700;
   line-height: 30px;
   letter-spacing: 0em;
   color: #B7B2A5;
}
.highlight_main .inner_highlight .left p{
   font-size: 16px;
   font-weight: 300;
   line-height: 24px;
   letter-spacing: 0em;
   color: #E5E5E5;
   margin-top: 12px;
}
.highlight_main .inner_highlight .right >div{

}
.highlight_main .inner_highlight .right .img_highlight{
}
.highlight_main .inner_highlight .right >div img{
   width: 100%;
   height: 100%;
}
.highlight_articles{
   display: flex;
   flex-wrap: wrap;
   gap: 17px;
   margin-top: 38px;
}
.highlight_articles .highlight_box{
   width: calc(100% / 3 - 12px);
   position: relative;
   padding: 17px 28px;
   height: 170px;
   background: linear-gradient(270deg, #6E6357 23.39%, rgba(55, 50, 44, 0) 63.09%);
  overflow: hidden;
}
.highlight_articles .highlight_box:after{
	content: '';
	position: absolute;
	top:0;
	right:0;
	left: 0;
	bottom: 0;
background: linear-gradient(180deg, rgba(0,0,0,0.2763699229691877) 40%, rgba(255,255,255,0) 80%);
}
.highlight_articles .highlight_box h1{
   font-size: 18px;
   font-weight: 600;
   line-height: 22px;
   letter-spacing: 0em;
   z-index: 2;
   position: absolute;
   color: #fff;
   width: 41%;
}
.highlight_articles .highlight_box img{
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   transition: 0.3s;
	object-fit: cover;
}
.highlight_articles .highlight_box:hover img{
   transform: scale(1.1);
   transition: 0.3s;
}
.articles_content{
   padding: 61px 0 88px 0;
}
.articles_content .main_latest_articles{
   margin-top: 46px;
   display: flex;
   gap: 17px;
}
.articles_content .main_latest_articles .left{
   width: 66%;
}
.articles_content .main_latest_articles .right{
   display: flex;
   flex-direction: column;
   gap: 36px;
   width: 33%;
}
.articles_content .main_latest_articles .right .article_box .img_article{
   height: 179px;
}
.articles_content .article_box .img_article.main_latest{
   height: 474px;
}
.articles_content .article_box .title_article{
   font-size: 22px;
   margin-bottom: 1px;
   margin-top:3px;
}
.articles_content .article_box .article_data{
   font-size: 12px;
}
.articles_content .article_box p{
   font-size: 14px;
}
.articles_content .other_latest_artc{
   display: flex;
   flex-wrap: wrap;
   gap: 20px;
   margin-top: 47px;
   margin-bottom: 41px;
}
.articles_content .other_latest_artc .article_box{
   width: calc(100% / 3 - 14px);
}
.btn_view_more{
   display: block;
   font-size: 15px;
   font-weight: 300;
   line-height: 28px;
   letter-spacing: 0em;
   color: #191818;
   border: 1px solid #707070;
   padding: 8px 40px;
   width: fit-content;
   margin: auto;
   text-align: center;
   transition: .3s ;
}
.btn_view_more:hover {
   animation: pulse 1s infinite;
   transition: .3s;
 }
 @keyframes pulse {
   0% {
     transform: scale(1);
   }
   70% {
     transform: scale(.9);
   }
     100% {
     transform: scale(1);
   }
 }
.utility_banner{
   display: flex;
   padding: 30px;
   background: #F7F4ED;
   min-height: 330px;
}
.utility_banner .btn_view_more{
   background: #6E6357;
   color: #fff;
   margin: unset;
}
.utility_banner .left{
   position: relative;
   width: 56%;
}
.utility_banner .left >div{
   position: absolute;
   width: 704px;
   top: -82px;
   left: -72px;
}
.utility_banner .left .img_utility_banner{
    width: 425px;
    top: -16px;
    left: 50px;
}
.utility_banner .left >div img{
   width: 100%;
}
.utility_banner .right{
   width: 40%;
}
.utility_banner .right span{
   position: relative;
   padding-bottom: 10px;
   font-size: 13px;
   font-weight: 500;
   line-height: 30px;
   letter-spacing: 0em;
   color: #707070;
   margin-bottom: 14px;
}
.utility_banner .right span::before{
   content: '';
   position: absolute;
   bottom: 0;
   left: 0;
   height: 2px;
   width: 20px;
   background-color: #707070;
}
.utility_banner .right h1{
   font-size: 28px;
   font-weight: 600;
   line-height: 30px;
   letter-spacing: 0em;
   text-align: left;
   color: #343232 ;
   margin-top: 14px;
   margin-bottom: 12px;
}
.utility_banner .right h3{
   font-size: 17px;
   font-weight: 700;
   line-height: 30px;
   letter-spacing: 0em;
   color: #7C7C7C ;
}
.utility_banner .right p{
   font-size: 16px;
   font-weight: 300;
   line-height: 24px;
   letter-spacing: 0em;
   color: #191818 ;
   margin-top: 12px;
   margin-bottom: 19px;
}
.our_games_section{
   background: #F7F4ED;
   padding: 64px 0 81px 0;
   margin-top: 76px;
}
.our_games_section .our_games{
   display: flex;
   flex-wrap: wrap;
   gap: 11px;
   margin-top: 50px;
}
.our_games_section .our_games .our_game_img{
   width: calc(100% / 5 - 9px);
   overflow: hidden;
}
.our_games_section .our_games .our_game_img img{
   width: 100%;
   transition: 0.3s;
}
.our_games_section .our_games .our_game_img:hover img{
   transform: scale(1.1);
}
.footer{
   padding: 44px 0 38px 0;
   background: #191818;
}
.footer .container{
   display: flex;
   justify-content: space-between;
   align-items: center;
}
.footer a{
   font-size: 12px;
   font-weight: 600;
   line-height: 12px;
   letter-spacing: 0em;
   color: #9D9D9D;
}
.footer .footer_logo{
   width: 183px;
   height: 53px;
}
.footer .footer_logo img{
   width: 100%;
}

/* Newsletter Form */
#mc_embed_shell {
    margin: 0 auto;
    display: flex;
    justify-content: flex-start;
    max-width: 1132px;
    width: 100%;
    padding-top: 20px;
}

#mc_embed_signup {
	font-family: "Manrope-Regular";
    background-color: #191818;
    color: #fff;
    clear: left;
    max-width: 500px;
    width: 100%;
}
#mc_embed_signup form{
    margin:0 auto;
}
.mce_inline_error{
	color: #191818;
}
#mc_embed_signup input.button {
	font-family: 'Manrope-Regular';
    background-color: red;
    border-radius: 0;
}
#mc_embed_signup input.button:hover{
    background-color: white;
    color: #191818;
}

.archive_banner{
   width: 100%;
   height: 401px;
/*    background: radial-gradient(50% 50% at 0% 0%, rgba(24, 23, 23, 0) 0%, #000000bf 100%),url(../img/top-secret-papers-on-desk.png) ; */
   background: url(/wp-content/uploads/2025/03/Content-Header.jpg);
   background-repeat: no-repeat;
   background-size: cover;
}
.pagination{
   display: block;
}
.pagination .nav-links,
.pagination .btns_pagination{
   display: flex;
   gap: 14px;
   justify-content: center;
}
.pagination .screen-reader-text{
   display: none;
}
.pagination .nav-links .current,
.pagination .nav-links a,
.pagination .btns_pagination a{
   border: 1px solid #707070;
   font-size: 15px;
   font-weight: 300;
   line-height: 28px;
   letter-spacing: 0em;
   padding: 0 12px;
   height: 36px;
   display: flex;
   align-items: center;
   justify-content: center;
}
.pagination .nav-links .current{
   border: 1px solid #C7C7C7;
   color: #C7C7C7;
}
.pagination h1{
   text-align: center;
   margin-bottom: 19px;
   font-size: 15px;
   font-weight: 300;
   line-height: 28px;
   letter-spacing: 0em;
}
.pagination .nav-links .next,
.pagination .btns_pagination .btn_next{
   transform: rotate(180deg);
}
.red_navbar{
   background: #B14324;
}
.red_navbar .logo{
   padding: 17px 30px;
   background: #191818;
}
.red_navbar .nav_menu a{
   padding: 27px 28px;
   position: relative;
}
.red_navbar .nav_menu .social:hover,
.red_navbar .nav_menu a.active,
.red_navbar .nav_menu a:hover{
   // background-color: #883017;
}

.red_navbar .nav_menu .social_menu{
   position: absolute;
   background-color: #883017;
   padding: 15px 45px 21px 35px;
   display: none;
   z-index: 11;
}
.red_navbar .nav_menu .social:hover .social_menu{
   display: block;
}
.red_navbar .nav_menu .social_menu a{
   width: 199px;
   padding: 20px 0;
   border-bottom: 1px solid #C4C4C4;
   display: flex;
   gap: 13px;
}
.red_navbar .nav_menu .logo_game{
   width: 171px;
}
.red_navbar .nav_menu .logo_game img{
   width: 100%;
}
.portal_banner{
   position: relative;
}
.banner_portal{
   width: 100%;
   height: 603px !important;
   background: linear-gradient(90deg, rgba(70, 53, 47, 0.85098) 23.11%, rgba(76, 55, 46, 0.564706) 47.81%, rgba(88, 59, 45, 0) 64.9%), url(../img/Banner.png);
   background-repeat: no-repeat;
   background-size: cover;
   background-position: bottom;
   position: relative;
}
.banner_portal .container{
   display: flex;
   align-items: center;
   justify-content: end;
   height: 100%;
}
.banner_portal .banner_portal_info{
   width: 353px;
}
.banner_portal .banner_portal_info h1{
   font-size: 28px;
   font-weight: 600;
   line-height: 32px;
   letter-spacing: 0em;
   margin-bottom: 16px;
   color: #EDEAE5;
   padding-right: 7px;
}
.banner_portal .banner_portal_info p{
   font-size: 18px;
   font-weight: 400;
   line-height: 23px;
   letter-spacing: 0em;
   margin-bottom: 18px;
   color: #EDEAE5;
}
.btn_red{
   padding: 10px 25px;
   background: #B14324;
   font-size: 15px;
   font-weight: 300;
   line-height: 28px;
   letter-spacing: 0em;
   color: #fff;
   display: inline-block;
}
.btn_red:hover {
    animation: pulse 1s infinite;
    transition: .3s;
}
.btn_red span{
   font-size: 15px;
   font-weight: 700;
   line-height: 28px;
   letter-spacing: 0em;
   text-align: center;
}
.portal_highlight_linear{
   position: absolute;
   background: linear-gradient(86deg, #6F5044 32.05%, #956F5D 42.66%, rgba(88, 59, 45, 0) 94.44%);
   top: 0;
   bottom: 0;
   z-index: 1;
   right: 0;
   left: 0;
}
/*
.highlight_portal .highlight_main{
   background-repeat: no-repeat;
   position: relative;
   background-color: unset;
   background-image: url(../img/asd.png);
   background-position: center right -132px;
   background-size: 70% 100%;
}
.highlight_portal .inner_highlight{
   border: none;
}
.highlight_portal .highlight_box .linear{
   position: absolute;
   background: linear-gradient(270deg, #09090875 101.39%, rgb(55 50 44 / 1%) 63.09%);
   top: 0;
   bottom: 0;
   z-index: 1;
   right: 0;
   left: 0;
}
*/
.updated_scenarios .container{
   padding: 43px 0 48px 0;
   border-bottom: 1px solid #E5E5E5;
   border-top: 1px solid #E5E5E5
}
.text_articles{
   font-size: 18px;
   font-weight: 300;
   line-height: 24px;
   letter-spacing: 0em;
}
.events_section {
   padding: 77px 0 68px 0;
   background-image: url(../img/pastel-yellow.png);
   background-size: cover;
   background-repeat: no-repeat;
}
.events_section .text_articles{
   margin-top: 15px;
   width: 758px;
   margin: 15px auto 0 auto;
   text-align: center;
}
.events_section .btn_red{
   display: block;
   width: fit-content;
   margin: auto;
   margin-top: 28px;
}
.event_boxes_content{
   margin-top: 54px;
   display: flex;
   flex-wrap: wrap;
   gap: 23px;
}
.events_section .event_box:first-child{
   width: 100%;
}
.events_section .event_box:hover .img_event_box img{
   transform: scale(1.1);
}
.events_section .event_box:first-child .img_event_box{
   height: 362px;
}
.events_section .event_box{
   width: calc(100% / 2 - 12px);
   overflow: hidden;
}
.events_section .event_box .img_event_box{
   width: 100%;
   height: 218px;
   overflow: hidden;
}
.events_section .event_box img{
   width: 100%;
   height: 100%;
   transition: 0.3s;
}
.events_section .event_box .event_box_info{
   width: 100%;
   padding: 19px 15px 27px 15px;
   background: #79736D;
   text-align: center;
   margin-top: -5px;
}
.events_section .event_box .event_box_info h2{
   font-size: 24px;
   font-weight: 600;
   line-height: 28px;
   letter-spacing: 0em;
   color: #fff;
}
.events_section .event_box .event_box_info p{
   font-size: 18px;
   font-weight: 300;
   line-height: 28px;
   letter-spacing: 0em;
   color: #fff;
}
.community_content .container{
   padding-bottom: 48px;
   border-bottom: 1px solid #E5E5E5;
   position: relative;
}
.resent_releases_content{
   padding-bottom: 76px;
}
.resent_releases_content .container{
   padding-bottom: 63px;
   border-bottom: 1px solid #E5E5E5;
   position: relative;
}
.resent_releases_content .release_box_content{
   display: flex;
   flex-wrap: wrap;
   gap: 60px;
   margin-top: 30px;
}

.resent_releases_content .release_box_content .resent_box{
   width: calc(100% / 3 - 40px);
   text-align: center;
}
.release_box_content .slick-track{
   display: flex;
   align-items: baseline;
}
.resent_releases_content .release_box_content .resent_box  a{
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: space-between;
   text-align: center;
   gap: 15px;
}
.resent_releases_content .release_box_content .resent_box img{
   max-width: 80%;
   max-height: 250px;
}
.resent_releases_content .release_box_content .resent_box h2{
   font-size: 20px;
   font-weight: 700;
   line-height: 22px;
   letter-spacing: 0em;
   color: #343232;
}
.our_games_portal{
   margin-top: 0;
}
.banner_article{
   height: 394px;
   background-image: url(../img/RedBannerTroops.webp);
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center;
}
.article_page_content .container{
   display: flex;
   padding: 40px 0 91px 0;
   justify-content: space-between;
}
.article_page_content .btn_back_page a{
   padding-left: 20px;
   background-image: url(../img/icons/arrow_left.svg);
   background-repeat: no-repeat;
   background-position: left center;
   font-size: 11px;
   font-weight: 500;
   line-height: 13px;
   letter-spacing: 0em;
   color: #707070;
}
.article_page_content .content_article img{
	max-width: 100%;
	height: auto;
}
.article_page_content .content_article{
   width: 640px;
}
.article_page_content .content_article .gallery  img{
	border: none !important;
}
.article_page_content .content_article .data_article_content{
   padding-bottom: 11px;
   position: relative;
   font-size: 14px;
   font-weight: 500;
   line-height: 30px;
   letter-spacing: 0em;
   display: block;
}
.article_page_content .content_article .data_article_content::before {
   content: '';
   position: absolute;
   bottom: 0;
   left: 0;
   height: 2px;
   width: 20px;
   background-color: #CE202B;
}
.article_page_content .content_article h1{
   font-size: 45px;
   font-weight: 700;
   line-height: 61px;
   letter-spacing: 0em;
   color: #343232;
   font-family: 'Manrope-Medium';
}
.article_page_content .content_article .main_text_article{
   font-size: 20px;
   font-weight: 300;
   line-height: 25px;
   letter-spacing: 0em;
   color: #191818;
   margin-bottom: 26px;
   margin-top: 8px;
}
.article_page_content .title_right_article{
   font-size: 15px;
   font-weight: 600;
   line-height: 30px;
   letter-spacing: 0em;
   color: #343232;
}
.text_article_content{
   font-size: 16px;
   font-weight: 300;
   line-height: 26px;
   letter-spacing: 0em;
   color: #3B3B3B;
}
.article_page_content .img_box_article{
   width: 100%;
   height: 276px;
}
.article_page_content .img_box_article img{
   width: 100%;
   height: 100%;
   object-fit: cover;
}
.article_page_content .first_img_aticle{
   margin-top: 38px;
   margin-bottom: 31px;
}
.article_page_content .red_text_article{
   font-size: 20px;
   font-weight: 400;
   line-height: 27px;
   letter-spacing: 0em;
   color: #B14324;
   padding-bottom: 24px;
   position: relative;
   text-align: center;
   margin-bottom: 35px;
}
.article_page_content .red_text_article::before{
   content: '';
   position: absolute;
   bottom: 0;
   left: 0;
   right: 0;
   margin: auto;
   height: 2px;
   width: 67px;
   background-color: #CE202B;
}
.article_page_content .text_img_article{
   font-size: 13px;
   font-weight: 300;
   line-height: 18px;
   letter-spacing: 0em;
   color: #767676;
   text-align: center;
}
.article_page_content .second_img_aticle{
   margin-bottom: 16px;
   margin-top: 9px;
}
.article_page_content .text_with_line{
   padding-bottom: 35px;
   position: relative;
   margin-top: 36px;
   margin-bottom: 47px;
}
.article_page_content .text_with_line::before{
   content: '';
   position: absolute;
   bottom: 0;
   left: 0;
   right: 0;
   margin: auto;
   height: 2px;
   width: 67px;
   background-color: #CE202B;
}
.article_page_content .btn_red{
   width: 100%;
   text-align: center;
   margin-top: 35px;
}
.article_statistic{
   padding: 44px 0 47px 0;
   border-bottom: 1px solid #E2E2E2
}
.article_statistic .title_article_statistic{
   font-size: 30px;
   font-weight: 700;
   line-height: 35px;
   letter-spacing: 0em;
   padding-bottom: 31px;
   position: relative;
   margin-bottom: 32px;
}
.article_statistic .title_article_statistic::before{
   content: '';
   position: absolute;
   bottom: 0;
   left: 0;
   height: 2px;
   width: 67px;
   background-color: #CE202B;
}
.article_page_content .modelling{
   padding-bottom: 49px;
   border-bottom: 1px solid #E5E5E5
	overflow: hidden;
}
.article_statistic .article_statistic_box:not(:last-child){
   margin-bottom: 23px;
}
.article_statistic .article_statistic_box h2{
   font-size: 22px;
   font-weight: 500;
   line-height: 26px;
   letter-spacing: 0em;
   color: #171717;
   font-family: 'Manrope-Bold';
}
.red_banners_content{
   display: flex;
   flex-wrap: wrap;
   gap: 12px;
   margin-top: 43px;
}
.red_banners_content .red_banner_box p{
   font-size: 13px;
   font-weight: 300;
   line-height: 18px;
   letter-spacing: 0em;
   text-align: center;
   padding: 15px 24px;
}
.red_banners_content .img_red_banner{
   width: 100%;
   height: 271px;
}
.red_banners_content .img_red_banner img{
   width: 100%;
   height: 100%;
}
.red_banners_content .red_banner_box{
   width: calc(100% / 2 - 6px);
}
.attach_red_banner{
   padding-top: 49px;
}
.attach_red_banner h1{
   font-size: 30px;
   font-weight: 700;
   line-height: 35px;
   letter-spacing: 0em;
   color: #343232;
}
.attach_red_banner .happy_modelling .red_title{
   padding-bottom: 25px;
   font-size: 20px;
   font-weight: 400;
   line-height: 27px;
   letter-spacing: 0em;
   position: relative;
   text-align: center;
   color: #B14324;
}
.attach_red_banner .happy_modelling{
   padding-top: 41px;
   padding-bottom: 54px;
   position: relative;
}
.attach_red_banner .happy_modelling::before,
.attach_red_banner .happy_modelling .red_title::before{
   content: '';
   position: absolute;
   bottom: 0;
   left: 0;
   right: 0;
   margin: auto;
   height: 2px;
   width: 67px;
   background-color: #CE202B;
}
.attach_red_banner td:first-child, th:first-child{
   text-align: left;
}
.attach_red_banner table th{
   border: 1px solid #CE5533;
   background: #B14324;
   color: #fff;
}
.attach_red_banner table td, th {
   border: 1px solid #CBCBCB;
   padding: 14px 18px;
   text-align: center;
   font-family: "Manrope-Regular";
   font-size: 13px;
   font-weight: 600;
   line-height: 18px;
   letter-spacing: 0em;
   color: #767676;
 }
 .attach_red_banner table td:last-child{
   border-right: 1px solid #fff;
 }
 .attach_red_banner table td:first-child{
   border-left: 1px solid #fff;
 }
 .attach_red_banner table {
   margin-top: 54px;
   width: 100%;
   border-collapse: collapse;
 }
 .sample_video_block{
   padding-top: 64px;
   padding-bottom: 54px;
   position: relative;
   margin-bottom: 63px;
 }
 .sample_video_block::before{
   content: '';
   position: absolute;
   bottom: 0;
   left: 0;
   right: 0;
   margin: auto;
   height: 2px;
   width: 67px;
   background-color: #CE202B;
 }
 .sample_video_block h1{
   margin-bottom: 21px;
 }
 .sample_video_block iframe{
   margin-bottom: 34px;
 }
 .content_article .utility_banner .right p{
   font-size: 11px;
   line-height: 16px;
   margin-top: 7px;
   margin-bottom: 11px;
 }
 .content_article .utility_banner .left >div{
   width: 450px;
   top: -58px;
   left: -72px;
 }
 .content_article .utility_banner .right h3{
   font-size: 13px;
   line-height: 17px;
 }
 .content_article .utility_banner .right h1{
   font-size: 22px;
   line-height: 30px;
   margin-top: 7px;
   margin-bottom: 0px;
 }
 .content_article .utility_banner .right span{
   font-size: 12px;
   padding-bottom: 6px;
 }
 .content_article .utility_banner .right{
   width: 43%;
 }
 .content_article .utility_banner{
   min-height: 220px;
 }
 .content_article .utility_banner .btn_view_more{
    background: #B14324;
    font-size: 10px;
    padding: 3px 30px;
 }
.related_articles{
   background: #F7F4ED;
}
.right_menu_article{
   width: 164px;
}
.tags_artice .tags_content a{
   padding: 8px 14px;
   border: 1px solid #C3C3C3;
   font-size: 11px;
   font-weight: 500;
   line-height: 13px;
   letter-spacing: 0em;
   width: calc(100% / 2 - 2px);
   text-align: center;
   transition: 0.3s;
	display: flex;
  	align-items: center;
	justify-content: center;
}
.tags_artice .tags_content a:hover{
   font-size: 12px;
}
.tags_artice .tags_content{
   display: flex;
   flex-wrap: wrap;
   gap: 7px 4px;
   margin-top: 5px;
}
.tags_artice{
   padding-bottom: 26px;
   border-bottom: 1px solid #E2E2E2;
   margin-bottom: 15px;
}
.products_article{
   padding-bottom: 20px;
   border-bottom: 1px solid #E2E2E2
}
.products_article .product_box_article:not(:last-child){
   margin-bottom: 20px;
}
.products_article .product_box_article .img_product_article{
   width: 100%;
   height: 164px;
   background: #F7F4ED;
   margin-top: 12px;
   margin-bottom: 10px;
   padding: 28px 0;
	display: flex;
  align-items: center;
  justify-content: center;
}
.products_article .product_box_article .img_product_article img{
	width: auto !important;
	max-width: 100%;
	max-height: 100%;
}
.products_article .product_box_article .name_product{
   font-size: 12px;
   font-weight: 700;
   line-height: 16px;
   letter-spacing: 0em;
   text-align: center;
   color: #343232;
   padding: 0 5px;
}
.products_article .product_box_article .price_product{
   font-family: 'Literata';
   font-size: 10px;
   font-weight: 300;
   line-height: 16px;
   letter-spacing: 0em;
   text-align: center;
   display: block;
   margin-top: 4px;
}
.products_article .product_box_article .img_product_article img{
   width: 100%;
}
.related_articles_right{
   margin-top: 21px;
}
.related_articles_right .title_right_article{
   margin-bottom: 12px;
}
.related_articles_right .article_box .title_article{
   font-size: 12px;
   line-height: 16px;
}
.related_articles_right .article_box .article_data{
   font-size: 10px;
}
.related_articles_right .article_box .img_article{
   height: 91px;
}
.search_menu_drop{
overflow: auto;
}
.search_menu_drop,
.dropdown_menu{
   background: '';
   position: fixed;
   z-index: 9;
   left: 0;
   right: 0;
   bottom: 0;
   top: 88px;
   background: #2929299c;
}
.background_modal{
   background-color: #403E3E;
}
.dropdown_menu.game_menu_drop{
   display: none;
}
.dropdown_menu.game_menu_drop.active{
   display: block;
   background: #403E3E;
   top: 85px;
   z-index: 99;
}
.search_menu_drop .container,
.dropdown_menu .container{
   display: block;
   padding: 44px 0 50px 0;
   color: #D8D8D8;
}
.search_menu_drop h2,
.dropdown_menu h2{
   font-size: 15px;
   font-weight: 600;
   line-height: 35px;
   letter-spacing: 0em;
   text-align: left;
}
.search_menu_drop .head_dropdown_menu,
.dropdown_menu .head_dropdown_menu{
   font-size: 15px;
   font-weight: 600;
   line-height: 35px;
   letter-spacing: 0em;
   text-align: left;
   border-bottom: 1px solid #C4C4C4;
   width: 100%;
   padding-bottom: 5px;
}
.search_menu_drop .body_dropdown_menu,
.dropdown_menu .body_dropdown_menu{
   display: flex;
   align-items: start;
   flex-wrap: wrap;
   align-items: center;
   gap: 70px;
   padding: 62px 0 53px 0;
}
.search_menu_drop .body_dropdown_menu .game_img,
.dropdown_menu .body_dropdown_menu .game_img{
   min-width: 200px
}
.search_menu_drop .body_dropdown_menu .game_img img,
.dropdown_menu .body_dropdown_menu .game_img img{
   width: 100%;
}
.search_menu_drop .other_website_drop_menu .header_other_web,
.dropdown_menu .other_website_drop_menu .header_other_web{
   border-bottom: 1px solid #C4C4C4;
   width: 100%;
   display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 5px;
}
.search_menu_drop .other_website_drop_menu .other_websites,
.dropdown_menu .other_website_drop_menu .other_websites{
   display: flex;
   align-items: center;
   flex-wrap: wrap;
   gap: 40px;
   padding-top: 30px;
}
.search_menu_drop .other_website_drop_menu .other_websites .other_websites_img,
.dropdown_menu .other_website_drop_menu .other_websites .other_websites_img{
   min-width: 182px;
}
.search_menu_drop .other_website_drop_menu .other_websites .other_websites_img img,
.dropdown_menu .other_website_drop_menu .other_websites .other_websites_img img{
   width: 100%;
}
.search_menu_drop{
   display: none;
}
.search_menu_drop.active{
   display: block;
}
.search_menu_drop .filtered_tag{
   display: flex;
   align-items: center;
   gap: 8px;
   margin-top: 17px;
}
.search_menu_drop .filtered_tag a{
   padding: 5px 10px;
   font-size: 11px;
   font-weight: 500;
   line-height: 13px;
   letter-spacing: 0em;
   text-align: center;
   color: #C4C4C4;
   border: 1px solid #C4C4C4;
	display: inline-block;
}
.search_menu_drop .filtered_tag span{
   font-size: 11px;
   font-weight: 700;
   line-height: 21px;
   letter-spacing: 0em;
   color: #C4C4C4;
}
.search_menu_drop .body_dropdown_menu{
   display: flex;
   align-items: baseline;
   flex-wrap: wrap;
   gap: 12px;
   padding: 36px 0 0 0;
}
.search_menu_drop .founded_games{
   width: calc(100% / 4 - 9px);
}
.search_menu_drop .founded_games p{
   font-size: 16px;
   font-weight: 700;
   line-height: 21px;
   letter-spacing: 0em;
   color: #C4C4C4;
   margin-top: 11px;
}
.search_menu_drop .founded_games .img_founded_game{
   width: 100%;
   height: 157px;
}
.search_menu_drop .founded_games .img_founded_game img{
   width: 100%;
   height: 100%;
   object-fit: cover;
}
.search_menu_drop .head_dropdown_menu{
   display: flex;
   align-items: center;
   justify-content: space-between;
}
.search_menu_drop .head_dropdown_menu .search_game{
   font-family: 'Manrope-Regular';
   border: none;
   font-size: 20px;
   font-weight: 300;
   line-height: 35px;
   letter-spacing: 0em;
   color: #C4C4C4;
   outline: none;
   background: transparent;
   width: 90%;
}
.search_menu_drop .head_dropdown_menu .search_game::placeholder{
   font-size: 20px;
   font-weight: 300;
   line-height: 35px;
   letter-spacing: 0em;
   color: #C4C4C4;
}
.search_menu_drop .head_dropdown_menu .btn_filter{
   border: none;
   outline: none;
   background: transparent;
}
.pop_up_about_game{
   position: fixed;
   top: 0;
   bottom: 0;
   right: 0;
   left: 0;
   opacity: 0;
   align-items: center;
   justify-content: center;
   background: #898686cf;
   z-index: -1;
   transition: 0.3s;
}
.pop_up_about_game.show{
   display: flex;
   opacity: 1;
   z-index: 999;
}
.pop_up_about_game .content_pop_up{
   display: flex;
   width: 86%;
   height: 86%;
   background: #f1f1f1;
   position: relative;
}
.pop_up_about_game .content_pop_up .left{
   width: 50%;
   height: 100%;
}
.pop_up_about_game .content_pop_up .left img{
   width: 100%;
   height: 100%;
   object-fit: cover;
}
.pop_up_about_game .content_pop_up .right{
   background-image: url(../img/pastel-yellow.png);
   background-repeat: no-repeat;
   background-size: cover;
   width: 50%;
   height: 100%;
   padding: 75px 87px 70px 62px;
   overflow: auto;
}
.pop_up_about_game .content_pop_up .right::-webkit-scrollbar {
   width: 12px;
}
.pop_up_about_game .content_pop_up .right::-webkit-scrollbar-track {
   -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
   border-radius: 10px;
}
.pop_up_about_game .content_pop_up .right::-webkit-scrollbar-thumb {
   border-radius: 10px;
   -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}
.pop_up_about_game .content_pop_up .right .data_info{
   position: relative;
   padding-bottom: 9px;
   font-size: 13px;
   font-weight: 500;
   line-height: 30px;
   letter-spacing: 0em;
   color: #707070;
   margin-bottom: 9px;
   display: block;
}
.pop_up_about_game .content_pop_up .right .data_info::before{
   content: '';
   position: absolute;
   bottom: 0;
   left: 0;
   height: 2px;
   width: 20px;
   background-color: #CE202B;
}
.pop_up_about_game .content_pop_up .right .header_pop_up{
   font-size: 35px;
   font-weight: 700;
   line-height: 48px;
   letter-spacing: 0em;
   color: #343232;
}
.pop_up_about_game .content_pop_up .right .main_info{
   font-size: 18px;
   font-weight: 300;
   line-height: 22px;
   letter-spacing: 0.02em;
   color: #191818;
   margin-bottom: 16px;
}
.pop_up_about_game .content_pop_up .right .text_pop_up{
   font-size: 16px;
   font-weight: 300;
   line-height: 22px;
   letter-spacing: 0em;
   color: #3B3B3B;
}
.close_pop_up{
   position: absolute;
   top: 29px;
   right: 29px;
}
.btn_mobile_menu{
   display: none;
}
.relaese_m_dots{
   display: none;
}
.inner_highlight .left .btn_view_more{
   display: none;
}
.utility_container{
   padding-bottom: 74px !important;
   border-bottom: 1px solid #E2E2E2;
}
.mobile_menu{
   display: none;
}
.relaese_slider_next {
   position: absolute;
   right: -6px;
   top: 42%;
   z-index: 2
}
.relaese_slider_next:hover{
   cursor: pointer;
}
.content_article_info li{
	list-style-type: inherit;
}
.content_article_info ul{
	list-style-position: outside;
	padding-left: 20px;
}
.content_article_info li ul{padding-left: 40px;}
.content_article_info .gallery-item img{width: 100%;height: auto;}
.content_article_info li,
.content_article_info p{
	font-family: 'Manrope-Regular';
}
.content_article_info .alignleft{
  float: left;
  margin: 0.5em 1em 0.5em 0;
}

}
.content_article_info a{
   font-family: 'Manrope-Regular';
}

.content_article_info em{
   font-family: 'Manrope-Regular';
}

.gallery .gallery-caption{
	font-family: 'Manrope-Regular';
	font-style: italic;
}

.gallery br{
	display: none;
}

.gallery-columns-2,
.gallery-columns-3{
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 8px;
}
.gallery-columns-2 dl.gallery-item,
.gallery-columns-3 dl.gallery-item,{
	margin: 0 auto;
}

/* .content_article_info img{
  margin: 15px 0;
	max-width: 100%;
}
.content_article_info hr{
  margin: 44px 0 47px 0;
}

.content_article_info h1,
.content_article_info h2,
.content_article_info h3,
.content_article_info h4,
.content_article_info h5,
.content_article_info h6{
   font-family: 'Manrope-Bold';
}
.content_article_info ul li{
	font-family: 'Manrope-Regular';
}
.content_article_info ol li{
  	font-family: 'Manrope-Regular';
}
.content_article_info .alignright{
	float: right;
}
.content_article_info .alignleft{
	float: left;
} */
/*
   font-family: 'Manrope-Regular';
   font-family: 'Manrope-Medium';
   font-family: 'Manrope-Bold';
   font-family: 'Literata';
*/
@media (max-width: 1200px){
   .navbar .seach_box{
      margin-right: 0;
   }
   .nav_menu a{
      padding: 25px 19px;
   }
	.red_navbar .logo{
      display: block;
   }
   .logo img{
      max-width: 139px;
	   width: auto;
   }
   .navbar .seach_box{
      padding: 22px 14px
   }
   .red_navbar .nav_menu ul{
      display: flex;
   }
   .red_navbar .btn_mobile_menu{
      display: none;
   }

   .dropdown_menu {
      top: 72px;
   }
   .search_menu_drop{
      top: 85px;
   }
}
@media (max-width: 1132px){
   .search_menu_drop .container,
   .dropdown_menu .container{
      padding: 29px 39px 31px 37px;
   }
   .article_page_content .container{
      padding: 40px 37px 91px 37px;
      gap: 5px;
   }
   .our_games_section .our_games .our_game_img{
      width: calc(100% / 4 - 9px);
   }
   .container{
      padding: 0 15px;
   }

   .utility_banner .left >div{
      width: 650px;
   }
   .banner_slider .banner_item {
      height: 610px;
   }
   .highlight_main .inner_highlight .left h1{
      font-size: 20px;
      line-height: 23px;
   }
   .highlight_main .inner_highlight .left h3{
      font-size: 15px;
   }
   .highlight_main .inner_highlight .left p{
      font-size: 14px;
      line-height: 19px;
      margin-top: 1px;
   }
   .highlight_main .inner_highlight {
      min-height: 180px;
   }
   .highlight_main .inner_highlight{
      padding: 21px 26px;
   }
   .highlight_articles .highlight_box h1 {
      font-size: 16px;
      height: 19px;
   }
   .highlight_articles .highlight_box{
      padding: 15px 19px;
   }
   .main_article .article_box .img_article{
      height: 295px;
   }
   .articles_content .main_latest_articles .right {
      gap: 19px;
   }
   .updated_scenarios .container{
      padding: 43px 15px 48px 15px;
   }
	.red_navbar .nav_menu a{
		padding: 18px;
	}
	.logo img{
      width: auto;
   }
	
	
}
@media (max-width: 1000px){
   .dropdown_menu.game_menu_drop.active{
      top: 70px;
   }
	.red_navbar .btn_mobile_menu{
      display: flex;
   }
	.red_navbar .nav_menu ul{
      display: none;
   }
	.red_navbar .logo{
      display: none;
   }

   .mobile_menu{
      padding: 29px 31px;
      background: #403E3E;
      position: fixed;
      top: 68px;
      right: 58px;
      left: 0;
      left: 0;
      bottom: 0;
      z-index: 99;
      display: none;
   }
   .mobile_menu.active{
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      z-index: 10;
   }
   .navbar > .container{
      padding-left: 0px;
   }
   .btn_mobile_menu{
      width: 71px;
      height: 70px;
      display: flex;
      align-items: center;
      justify-content: center;
   }
   .btn_mobile_menu.active{
      background: #403E3E;
   }
   .red_navbar .btn_mobile_menu.active{
      background: #883017;
   }
   .mobile_menu.red{
      background: #883017;
   }
   .mobile_menu ul li a{
      font-size: 13px;
      font-weight: 600;
      line-height: 30px;
      letter-spacing: 0em;
      color: #fff;
      padding: 16px 0 1px 0;
      border-bottom: 1px solid #C4C4C4;
      display: block;
   }
   .mobile_menu .social_menu_mob a{
      display: flex !important;
      gap: 9px;
      padding-bottom: 8px;
      align-items: center;
   }
   .mobile_menu .sotcial_mob{
      position: relative;
   }
   .mobile_menu .sotcial_mob > a > img{
      position: absolute;
      right: 5px;
      top: 15px;
      filter: brightness(6.5);
      transform: rotate(90deg)
   }
	.mobile_menu .sotcial_mob.show > a > img{
	 transform: rotate(-90deg)
	}
   .mobile_menu .social_menu_mob{
      padding-left: 34px;
      display: none;
      margin-top: 8px;
   }
   .mobile_menu .social_menu_mob a{
      font-size: 11px;
   }
   .mobile_menu .social_menu_mob.active{
      display: block;
   }
   .bottom_menu_mob{
      display: flex;
      flex-direction: column;
      gap: 10px;
      margin-top: 91px;
   }
   .bottom_menu_mob span{
      font-size: 10px;
      font-weight: 500;
      line-height: 12px;
      color: #fff;
   }
   .pop_up_about_game .content_pop_up .right{
      padding: 48px 33px 49px 35px;
   }
   .search_menu_drop,
   .dropdown_menu {
      top: 68px;
   }
   .btn_mobile_menu{
      display: flex;
   }
   .search_menu_drop .body_dropdown_menu .game_img,
   .dropdown_menu .body_dropdown_menu .game_img{
      min-width: 150px;
      width: 150px;
   }
   .search_menu_drop .body_dropdown_menu,
   .dropdown_menu .body_dropdown_menu{
      gap: 20px;
   }
   .right_menu_article,
   .btn_back_page{
      display: none;
   }
   .article_page_content .content_article{
      width: 100%;
   }
   .navbar .seach_box{
      width: 65px;
   }
   .utility_banner .left >div{
      width: 560px;
      top: -23px;
   }
   .utility_banner {
      padding: 20px;
   }
   .nav_menu a{
      padding: 19px 14px;
   }
   .main_nav .nav_menu{
      display: none;
   }

	
   .main_article .container{
      gap: 10px;
   }
}
@media (max-width: 800px){
   .content_article .utility_banner .right h1{
      margin-bottom: 7px;
   }
   .content_article .utility_banner .left >div {
      width: 117%;
      top: -49px;
      bottom: -42px;
      left: -29px;
   }
   .highlight_portal .highlight_main{
      background-size: 80%;
   }
   .events_section .text_articles{
      width: 100%;
   }
   .main_article .article_box{
      width: 100%;
   }
   .main_article .container {
      gap: 41px;
   }

   .highlight_articles .highlight_box{
      width: 100%;
      height: 250px;
   }
   .articles_content .main_latest_articles .left{
      min-width: 100%
   }
   .home_page_artice .other_latest_artc .article_box:first-child,
   .home_page_artice .other_latest_artc .article_box:nth-child(4n){
      width: 100%;
   }
   .articles_content .other_latest_artc .article_box {
      width: calc(100% / 2 - 10px);
   }
   .articles_content.archive_article .other_latest_artc .article_box{
      width: calc(100% / 2 - 10px);
   }
   .utility_banner .right span,
   .utility_banner .right h3,
   .utility_banner .right p{
      display: none;
   }
   .utility_banner .right{
      display: flex;
      flex-direction: column;
      justify-content: center;
   }
   .utility_banner .left{
      width: 61%;
   }
   .utility_banner{
      min-height: 240px;
   }
   .utility_banner .left >div{
      width: 115%;
      left: -5px;
      top: -28px;
   }
   .articles_content .main_latest_articles{
      flex-direction: column;
   }
   .articles_content .main_latest_articles .right{
      flex-direction: row;
      width: 100%;
   }
   .articles_content .main_latest_articles .right .article_box{
      width: calc(100% / 2 - 10px);
   }
   .our_games_section .our_games .our_game_img {
      width: calc(100% / 2 - 6px);
   }
   .highlight_articles {
      margin-top: 17px;
   }
}
@media (max-width: 700px){
   .pop_up_about_game .content_pop_up{
      flex-direction: column;
   }
   .pop_up_about_game .content_pop_up .left,
   .pop_up_about_game .content_pop_up .right{
      width: 100%;
   }
   .pop_up_about_game .content_pop_up .left{
      height: 304px;
   }
   .pop_up_about_game{
      overflow: auto;
   }
   .pop_up_about_game .content_pop_up{
      height: unset;
      /* top: 32px; */
      margin: auto;
   }
   .close_pop_up img{
      filter: brightness(10);
   }
   .relaese_slider_next{
      right: 26px;
   }
   .search_menu_drop .other_website_drop_menu .other_websites .other_websites_img,
   .search_menu_drop .body_dropdown_menu .game_img,
   .dropdown_menu .other_website_drop_menu .other_websites .other_websites_img,
   .dropdown_menu .body_dropdown_menu .game_img{
      min-width: 110px;
      width: 110px;
   }
   .search_menu_drop .body_dropdown_menu,
   .dropdown_menu .body_dropdown_menu{
      gap: 10px;
      padding: 20px 0 19px 0;
   }
   .search_menu_drop .founded_games{
      width: calc(100% / 2 - 9px);
   }
   .dropdown_menu.game_menu_drop.active{
      width: 100%;
      height: 100%;
   }
   .slider_btns,
   .relaese_m_dots{
      display: block;
   }
   .resent_releases_content .release_box_content .resent_box img h2{
      font-size: 16px;
   }

   .relaese_m_dots{
      position: absolute;
      bottom: 53px;
      display: block;
      width: 94%;
   }
   .relaese_m_dots ul{
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 10px;
   }
   .relaese_m_dots ul li button{
      background-color: #CCC7BE;
      width: 5px;
      height: 5px;
      border-radius: 100%;
      text-indent: -9999px;
      border: none;
   }
   .relaese_m_dots ul li{
      display: flex;
      align-items: center;
   }
   .relaese_m_dots ul li.slick-active button{
      width: 7px;
      height: 7px;
   }
   .resent_releases_content .container{
      padding-bottom: 90px;
   }
   .events_section .event_box{
      width: 100%;
   }
   .events_section .event_box:first-child .img_event_box{
      height: 218px;
   }
   .portal_article .other_latest_artc .article_box:first-child{
      width: 100%;
   }
   .bottom_slider{
      flex-direction: column;
      align-items: baseline;
      gap: 23px;
   }
   .bottom_slider .left_side_slide .data_slide{
      padding-bottom: 6px;
   }
   .bottom_slider .left_side_slide .title_slide{
      margin-top: 5px;
   }
   .banner_slider .banner_item{
      height: 565px;
   }
   .bottom_slider .left_side_slide .title_slide{
      font-size: 26px ;
      line-height: 29px;
      width: 90%;
   }
   .bottom_slider .left_side_slide .text_slide{
      font-size: 14px;
      line-height: 18px;
   }
   .main_article .article_box .img_article{
      height: 189px;
   }
   .article_box .title_article{
      font-size: 18px;
      line-height: 21px;
   }
   .article_box .text_article{
      font-size: 12px;
      line-height: 15px;
   }
   .highlight_main .inner_highlight .left h3,
   .highlight_main .inner_highlight .left p{
      display: none;
   }
   .inner_highlight .left .btn_view_more{
      display: block;
      padding: 0 17px;
      font-size: 9px;
      font-weight: 500;
      line-height: 28px;
      letter-spacing: 0em;
      text-align: center;
      color: #38372A;
      background-color: #E5E5E5;
      margin: unset;
      margin-top: 7px;
   }
   .highlight_main .inner_highlight{
      min-height: 132px;
   }

   .highlight_articles .highlight_box{
      height: 194px;
   }
   .utility_banner .left >div{
      left: -24px;
      top: -42px;
      bottom: -30px;
      margin: auto;
   }
   .utility_banner .left >div img{
      height: 100%;
   }
   .utility_banner{
      min-height: 220px;
   }
}
@media (max-width: 600px){
   .content_article .utility_banner{
      min-height: 165px;
   }
   .events_section .event_box .event_box_info{
      padding: 9px 6px 7px 6px;
   }
   .events_section .event_box .event_box_info h2{
      font-size: 16px;
      line-height: 16px;
   }
   .events_section .event_box .event_box_info p{
      font-size: 12px;
   }
   .footer .container{
      flex-direction: column;
      gap: 5px;
   }
   .footer .name_comp_footer{
      order: 1;
   }
   .footer .footer_logo{
      margin-bottom: 10px;
   }
   .utility_banner .right h1{
      font-size: 18px;
      line-height: 22px;
   }
   .btn_view_more{
      font-size: 9px;
   }
   .utility_banner{
      min-height: 126px;
   }
   .resent_releases_content{
      padding-bottom: 53px;
   }
   .our_games_section{
      margin-top: 0;
   }
   .community_content .article_box:first-child{
      width: 100%;
   }
   .community_content .article_box:first-child .img_article{
      height: 185px;
   }
	.content_article .utility_banner .left >div{
		top: -22px;
	}
	.utility_banner .left >div img{
		height: auto;
	}
}
@media (max-width: 600px){
	.main_banner{
		height: auto;
	}
	.highlight_main .inner_highlight .right .img_highlight{
		width: 100%;
		  height: auto;
		  position: unset;
	}
	.utility_banner .left .img_utility_banner{
		  width: 100%;
  position: unset;
	}
	.banner_portal{
		background-size: 100% 40%;
		background-position: top;
	}
   .article_page_content .container{
      padding: 29px 37px;
   }
   .article_page_content .content_article 1{
      font-size: 34px;
      line-height: 38px;
      margin-bottom: 18px;
   }
   .portal_article .article_box:first-child .img_article,
   .updated_scenarios .article_box:first-child .img_article,
   .home_page_artice .other_latest_artc .article_box:first-child .img_article,
   .home_page_artice .other_latest_artc .article_box:nth-child(4n) .img_article,
   .articles_content .article_box .img_article.main_latest{
      height: 185px !important;
   }
   .highlight_portal .highlight_main{
      background-position: center right -65px;
      background-size: 82%;
   }
   .community_content .other_latest_artc,
   .portal_article .other_latest_artc,
   .updated_scenarios .other_latest_artc{
      padding-bottom: 44px;
   }
   .home_page_artice .other_latest_artc{
      padding-bottom: 44px;
   }
   .articles_content .main_latest_articles .right .article_box .img_article,
   .article_box .img_article{
      height: 91px;
   }
   .attach_red_banner h1{
      font-size: 24px;
      line-height: 30px;
   }
   .attach_red_banner{
      padding-top: 34px;
   }
   .red_banners_content{
      margin-top: 29px;
   }
   .red_banners_content .red_banner_box{
      width: 100%;
   }
   .red_banners_content .img_red_banner{
      height: 248px;
   }
   .article_page_content .content_article .data_article_content{
      font-size: 10px;
      margin-bottom: 15px;
   }
   .article_page_content .red_text_article,
   .article_page_content .content_article .main_text_article{
      font-size: 16px;
      line-height: 20px;
   }
   .text_article_content{
      font-size: 14px;
      line-height: 20px;
   }
   .article_page_content .first_img_aticle{
      margin-bottom: 21px;
      height: 124px;
   }
   .article_page_content .second_img_aticle{
      height: 124px;
   }
   .article_page_content .btn_red{
      font-size: 12px;
      line-height: 15px;
   }
   .article_page_content .modelling{
      padding-bottom: 24px;
   }
   .article_statistic{
      padding: 24px 0 31px 0;
   }
   .article_statistic .title_article_statistic{
      font-size: 24px;
      line-height: 30px;
      margin-bottom: 27px;
   }
   .article_statistic .article_statistic_box h2{
      font-size: 18px;
   }
   .related_articles .other_latest_artc .article_box{
      width: 100%;
   }
   .related_articles .other_latest_artc .article_box .img_article{
      height: 167px;
   }
   .content_article .utility_banner .right h1{
      font-size: 16px;
   }
   .content_article .utility_banner{
      min-height: 127px;
   }
   .events_section .event_box .img_event_box,
   .events_section .event_box:first-child .img_event_box{
      height: 141px;
   }
   .event_boxes_content{
      gap: 16px;
   }
  /* .home_page_artice .articles_content .other_latest_artc .article_box:first-child .img_article{
      height: 185px;
   } */
   .updated_scenarios .other_latest_artc .article_box:first-child{
      width: 100%;
   }
   .portal_article .other_latest_artc .article_box:first-child{
      width: 100%;
   }
   .attach_red_banner .happy_modelling .red_title{
      font-size: 16px;
      line-height: 20px;
      padding-bottom: 23px;
   }
   .attach_red_banner table{
      margin-top: 41px;
   }
   .attach_red_banner table td, th{
      font-size: 10px;
      padding: 9px 11px;
   }
   .sample_video_block h1{
      font-size: 24px;
   }
   .sample_video_block iframe{
      height: 162px !important;
      margin-bottom: 12px;
   }
   .sample_video_block video{
      height: 162px !important;
   }
   .sample_video_block{
      padding-top: 34px;
      padding-bottom: 34px;
      margin-bottom: 39px;
   }
   .articles_content .other_latest_artc{
      margin-top: 36px;
      margin-bottom: 0;
   }
   .hightlights{
      padding: 41px 0 43px 0;
   }
   .header_articles{
      font-size: 16px;
   }
   .highlight_main{
      margin-top: 29px;
   }
   .highlight_main .inner_highlight{
      min-height: 105px;
   }
   .highlight_main .inner_highlight{
      padding: 14px 15px;
   }
   .highlight_main .inner_highlight .left h1{
      font-size: 18px;
   }

   .highlight_main{
      padding: 5px;
   }
   .highlight_main .inner_highlight .right{
      width: 64%;
   }
   .highlight_articles .highlight_box{
   }
   .articles_content{
      padding: 31px 0 46px 0;
   }
   .articles_content .article_box .title_article{
      font-size: 16px;
      line-height: 21px;
   }
   .articles_content .article_box .article_data{
      font-size: 10px;
   }
   .article_box .main_latest{
      height: 185px ;
   }
   .articles_content .article_box p{
      font-size: 12px;
   }
   .btn_view_more {
      padding: 1px 40px;
   }
   .utility_container{
      padding-bottom: 40px;
   }
   .our_games_section{
      margin-top: 46px;
      padding: 39px 0 53px 0;
   }
   .our_games_section .our_games{
      margin-top: 31px;
   }
   .footer{
      padding: 24px 0 21px 0;
   }
   .archive_banner{
      height: 270px;
   }
   .articles_content .other_latest_artc{
      gap: 40px 12px;
   }
   .search_menu_drop .founded_games .img_founded_game{
      height: 93px;
   }
   .search_menu_drop .founded_games p{
      font-size: 13px;
      line-height: 16px;
   }
   .pagination h1{
      font-size: 13px;
      margin-bottom: 21px
   }
   .banner_portal .banner_portal_info{
      position: absolute;
      /* bottom: 0px; */
      background-color: #000;
      width: 100%;
      padding: 30px 40px 65px 40px;
   }
   .banner_portal .container{
      align-items: end;
      justify-content: center;
   }
   .banner_portal .banner_portal_info p,
   .banner_portal .banner_portal_info h1{
      text-align: center;
   }
   .banner_portal .btn_red{
      margin: auto;
      display: block;
      width: fit-content;
   }
}