/*--------------------------------------------------------------------- File Name: style.css ---------------------------------------------------------------------*/
/*--------------------------------------------------------------------- import Fonts ---------------------------------------------------------------------*/
 @import url('https://fonts.googleapis.com/css?family=Rajdhani:300,400,500,600,700');
 @import url('https://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');
/*****---------------------------------------- 1) font-family: 'Rajdhani', sans-serif;
 2) font-family: 'Poppins', sans-serif;
 ----------------------------------------*****/
/*--------------------------------------------------------------------- import Files ---------------------------------------------------------------------*/
 @import url(animate.min.css);
 @import url(normalize.css);
 @import url(icomoon.css);
 @import url(font-awesome.min.css);
 @import url(meanmenu.css);
 @import url(owl.carousel.min.css);

 @import url(slick.css);
 @import url(jquery.fancybox.min.css);
 @import url(jquery-ui.css);
 @import url(nice-select.css);
 @import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");
/*--------------------------------------------------------------------- skeleton ---------------------------------------------------------------------*/
 * {
     box-sizing: border-box !important;
}
 html {
     scroll-behavior: smooth;
}
 body {
     color: #666666;
     font-size: 14px;
     /* font-family: 'poppins', sans-serif; */
     line-height: 1.80857;
     font-weight: normal;
     overflow-x: hidden;
}





#m_header {
	display: none;
}
#m_footer {
	display: none;
}
#m_footer2 {
	display: none;
}
#mt_body {
    display: none;
}
#m_body {
	display: none;
}
#m_body2 {
	display: none;
}
#m_body3 {
	display: none;
}






.carousel-control-next, .carousel-control-prev {
	opacity: 0.8 !important;
}
.carousel-control-next:hover, .carousel-control-prev:hover {
	opacity: 1 !important;
}
.m_pre {
	/* background-color: #F19021 !important; */
	/* background:rgba(241, 144, 33, 0.75) !important; */
	background:rgba(0, 0, 0, 0.75) !important;
	padding: 15px;
	border-radius: 100px;
}
.m_next {
	background:rgba(0, 0, 0, 0.7) !important;
	padding: 15px;
	border-radius: 100px;
}
.carousel-control-prev-icon {
	display: block !important;
	width: 3rem !important;
	height: 3rem !important;
}
.carousel-control-next-icon {
	display: block !important;
	width: 3rem !important;
	height: 3rem !important;
}
@media (max-width: 850px) {
	.carousel-control-prev-icon {
		width: 2rem !important;
		height: 2rem !important;
	}
	.carousel-control-next-icon {
		width: 2rem !important;
		height: 2rem !important;
	}
}
@media (max-width: 500px) {
	.m_pre {
		padding: 10px;
	}
	.m_next {
		padding: 10px;
	}
	.carousel-control-prev-icon {
		width: 1.5rem !important;
		height: 1.5rem !important;
	}
	.carousel-control-next-icon {
		width: 1.5rem !important;
		height: 1.5rem !important;
	}
}



.banner4 {
	background: url(../images/ab/m1.webp);
	background-size: 100% 100%;
	background-position: center;
	background-repeat: no-repeat;

    width: 100%;
    height: 15vw;
    padding-bottom: 15px;
    display: flex;
    align-items: end;
    vertical-align: bottom;
}
@media (min-width: 3000px) {
	.banner4 {
        /* align-items: center; */
	}
}
@media (max-width: 1000px) {
	.banner4 {
        height: 20vw;
        padding-bottom: 5px;

        background: url(../images/ab/m2.jpg);
        background-size: 100% 100%;
        background-repeat: no-repeat;
		background-size: cover;
        background-position: right;
	}
}
@media (max-width: 500px) {
	.banner4 {
		padding-top: 0;
		padding-bottom: 0;
		height: 20vw;
	}
}
@media (max-width: 380px) {
	.banner4 {
		padding-top: 0;
		padding-bottom: 0;
		height: 30vw;
	}
}
@media (max-width: 300px) {
	.banner4 {
        background-position: left;
    }
}
.banner3 {
	background: url(../images/ga/m1.webp);
	background-size: 100% 100%;
	background-position: center;
	background-repeat: no-repeat;

    width: 100%;
    height: 15vw;
    padding-bottom: 15px;
    display: flex;
    align-items: end;
    vertical-align: bottom;
}
@media (min-width: 3000px) {
	.banner3 {
        /* align-items: center; */
	}
}
@media (max-width: 1000px) {
	.banner3 {
        height: 20vw;
        padding-bottom: 5px;

        background: url(../images/ga/m2.jpg);
        background-size: 100% 100%;
        background-repeat: no-repeat;
		background-size: cover;
        background-position: right;
	}
}
@media (max-width: 500px) {
	.banner3 {
		padding-top: 0;
		padding-bottom: 0;
		height: 20vw;
	}
}
@media (max-width: 380px) {
	.banner3 {
		padding-top: 0;
		padding-bottom: 0;
		height: 30vw;
	}
}
@media (max-width: 300px) {
	.banner3 {
        background-position: left;
    }
}
.banner2 {
	background: url(../images/game/m1.webp);
	background-size: 100% 100%;
	background-position: center;
	background-repeat: no-repeat;

    width: 100%;
    height: 15vw;
    padding-bottom: 15px;
    display: flex;
    align-items: end;
    vertical-align: bottom;
}
@media (min-width: 3000px) {
	.banner2 {
        /* align-items: center; */
	}
}
@media (max-width: 1000px) {
	.banner2 {
        height: 20vw;
        padding-bottom: 5px;
		background-size: cover;
        background-position: right;
	}
}
@media (max-width: 500px) {
	.banner2 {
		padding-top: 0;
		padding-bottom: 0;
		height: 20vw;
	}
}
@media (max-width: 380px) {
	.banner2 {
		padding-top: 0;
		padding-bottom: 0;
		height: 30vw;
	}
}
@media (max-width: 300px) {
	.banner2 {
        background-position: left;
    }
}
.web_page {
	display: flex;
	padding-top: 25px;
	width: 85%;
	max-width: 4150px;
	margin-left: auto;
	margin-right: auto;
}
.web_page h3 {
	color: #fff;
	font-size: 35px;
	font-weight: 700;
	margin-right: 10px;
	text-decoration: none;
}
.web_page p {
	color: #fff;
	font-size: 23px;
	font-weight: 500;
	padding-top: 11px;
}
@media (max-width: 500px) {
	.web_page h3 {
		font-size: 25px;
	}
	.web_page p {
		font-size: 13px;
        padding-top: 5px;
	}
}
@media (max-width: 380px) {
	.web_page {
		width: 100%;
		padding-top: 50px;
		padding-left: 13px;
	}
	.web_page h3 {
		font-size: 21px;
	}
	.web_page p {
		font-size: 12px;
		padding-top: 2.3px;
	}
}
@media (max-width: 300px) {
	.web_page {
		padding-top: 30px;
		padding-left: 5px;
	}
	.web_page h3 {
		font-size: 1.5em;
	}
	.web_page p {
		font-size: 0.8em;
		padding-top: 4px;
	}
}



.translator {
    display: flex;
    justify-content: center;
    margin-top: 3px;
    margin-left: 13px;
}
.translator img {
	width: 40px;
	height: 20px;
	object-fit: fill;
	margin-right: 13px;
	cursor: pointer;
}
.translator #english_t {
	width: 40px;
	height: 20px;
	object-fit: contain;
	margin-right: 13px;
	cursor: pointer;
}


.translator2 {
	display: none;
}
@media (max-width: 800px) {
	.translator2 {
		display: flex;
		justify-content: center;
		margin-top: 3px;
        margin-left: 13px;
	}
    .translator {
        display: none;
    }
}

.translator2 img {
	width: 40px;
	height: 20px;
	object-fit: fill;
	margin-right: 13px;
	cursor: pointer;
}
.translator2 #english_t2 {
	width: 40px;
	height: 20px;
	object-fit: contain;
	margin-right: 13px;
	cursor: pointer;
}



.mobile_header_setting {
	display: none;
	cursor: pointer;
    margin-left: 10px;
    margin-top: 10px;
}
.mobile_header_setting .bi {
	padding-left: 8px;
	padding-right: 8px;
	color: #ffffff;
	font-size: 1.5rem;
}
.top_header .modal-content {
    background-color: #232323;
}
.top_header .modal-content .modal-header {
    background-color: #232323;
}
.top_header .modal-content .modal-body {
    background-color: #232323;
	border-top: 1px solid #2a2a2a;

	padding-top: 30px;
}
.top_header .modal-content .modal-body ul {
	list-style: none;
}
.top_header .modal-content .modal-body ul li {
	margin-bottom: 28px;
}
.top_header .modal-content .modal-body ul li a {
	color: #ffffff;
	text-decoration: none;
	font-size: 18px;
}
.top_header .modal-content ul li:nth-child(6) a {
    margin-left: -8px;
    border-radius: 5px;
	border: 3px solid #FF7A1F;
    background-color: #FF7A1F;
	padding: 4px 8px 8px 8px;
}

.top_header .modal-content .mobile_header {
	display: flex;
	justify-content: center;
}
.top_header .modal-content .mobile_header .btn-close {
	margin-top: 20px;
	margin-left: 20px;
	margin-right: 10px;
}
@media (max-width: 800px) {
    .mobile_header_setting {
        display: block;
    }
}
@media (max-width: 620px) {
	.top_header .modal-content .mobile_header .btn-close {
		margin-top: 20px;
	}
}



.top_g {
    background-color: #232322;
    padding-bottom: 15px;
}
.top_header {
    padding-top: 5px;
    padding-bottom: 3px;
    display: flex;
    justify-content: center;
    background-color: #232322;
}
.top_header .header_text a {
    background: linear-gradient(to right,#fece01,#FFA410,#FF7A1F,#FF4E2E,#FF2F3A);
  background-clip: text;
  -webkit-text-fill-color: transparent;

  text-decoration: none;
  filter: drop-shadow(1px 1px #000);
  font-size: 2.5em;
  font-weight: 700;
}
.top_header .window_nav {
    margin-top: 20px;
    display: flex;
    margin-left: 30px;
}
.top_header .window_nav li {
    margin-right: 30px;
}
.top_header .window_nav li a {
    color: #ffffff;
    font-size: 13px;
}
@media (max-width: 800px) {
    .top_header .window_nav {
        display: none;
    }
    .top_header #mm_nav {
        display: none;
    }
}

.index_main_cover img {
    width: 100%;
}

.index_main_cover2 img {
    width: 100%;
    height: 15vw;
    object-fit: cover;
}

@media (max-width: 500px) {
    .index_main_cover2 img {
        height: 25vw;
    }
}





.footer .findex2 { display: flex;margin-left: auto;margin-right: auto;margin-bottom: 3rem;margin-top: 2rem; }
.footer .findex2 .bank_pay { text-wrap: nowrap; }
.footer .findex2 .bank_pay h6 { font-size: 1vw;font-weight: 700;position: relative;color: #ffffff;padding: 1.5vw; }

@media (max-width: 1250px) { 
  .footer .findex2 { display: block; } 
  .footer .findex2 .bank_pay h6 { margin-bottom: 30px; } 
}

.footer .findex2 .bank { display: flex;margin-left: 1vw; }

.footer .findex2 .bank a { width: 100%;margin-right: 1vw; }
.footer .findex2 .bank img { width: 100%;; object-fit: cover; }

.footer .findex2 .bank .wave { margin-top: 0.4vw; }
.footer .findex2 .bank .agd { margin-top: 0.45vw; }
.footer .findex2 .bank .abank {  }
/* .footer2 .findex2 .bank .mab { margin-top: 0.3vw; } */
.footer .findex2 .bank .mcb { margin-top: 0.2vw; }


@media (min-width: 1500px) { 
    .footer .findex2 .bank .mcb { margin-top: 0.3vw; }
  }

@media (max-width: 800px) { 
    .footer .findex2 .bank_pay h6 { font-size: 13px; }
  }

@media (max-width: 850px) { 
  .footer .findex2 .bank a { width: 100%;margin-right: 1vw; } 
}
@media (max-width: 780px) { 
  .footer .findex2 { display: block;width: 78%;margin-left: auto;margin-right: auto;margin-top: 3rem;margin-bottom: 2rem; }
  .footer .findex2 .bank { display: flex;margin-left: 10px;flex-wrap: wrap; }
  .footer .findex2 .bank a { width: 25%;margin-right: 2.5vw;margin-bottom: 3rem; }
}
@media (max-width: 450px) {
    .footer .findex2 .bank a { width: 25%;margin-right: 4.5vw; }
    .footer .findex2 { display: block;width: 100%;margin-left: auto;margin-right: auto;padding-left: 5vw; }
}





.game_cat {
    background-color: #232322;
}
.game_cat_title {
    padding-top: 1.2rem;
    text-align: center;
}
.game_cat_title h3 {
    color: #ffffff;
    font-size: 2vw;
    font-weight: 700;
}
@media (max-width: 800px) {
    .game_cat_title h3 {
        font-size: 21px;
    }
}
.game_cat_image {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    padding: 2.5vw 5vw 2vw 3vw;
    display: flex;
    justify-content: center;
}
.game_cat_image .gc {
    width: 240px;
    /* width: 25%; */
    margin-left: 2vw;
}
.game_cat_image .gc .gc_title {
    width: 100%;
    height: 2.5vw;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    padding-top: 0.5rem;
    background-color: #FF7A1F;
}
.game_cat_image .gc .gc_title h3 {
    color: #ffffff;
    /* font-size: 1.3vw; */
    font-size: 14px;
    font-weight: 400;
}
.game_cat_image .gc img {
    width: 100%;
}


.all_game {
    background-color: #232322;
    padding-bottom: 1.5rem;
}
.all_game_title {
    padding-top: 3rem;
    text-align: center;
}
.all_game_title h3 {
    color: #ffffff;
    font-size: 2vw;
    font-weight: 700;
}
@media (max-width: 800px) {
    .all_game_title h3 {
        font-size: 21px;
    }
}
.all_game_iamge {
    width: 95%;
    max-width: 1450px;
    margin-left: auto;
    margin-right: auto;
    padding: 1vw 4vw 2vw 3vw;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
@media (max-width: 1316px) {
    .all_game_iamge {
        width: 80%;
    }
}
@media (max-width: 514px) {
    .all_game_iamge {
        width: 95%;
    }
}
.all_game_iamge img {
    /* width: 12.5vw; */
    width: 180px;
    margin-left: 1vw;
    margin-bottom: 1vw;
    object-fit: cover;
}
@media (max-width: 771px) {
    .all_game_iamge img {
        margin-bottom: 1.5vw;
        margin-left: 1.5vw;
    }
}
@media (max-width: 423px) {
    .all_game_iamge img {
        margin-left: 1.5vw;
        margin-right: 1.5vw;
    }
}

.all_game .all_game_more {
    text-align: center;
    background-color: #FF7A1F;
    display: block;
    width: 7rem;
    height: 2rem;
    padding-top: 1px;
    margin-left: auto;
    margin-right: auto;
}
.all_game .all_game_more p {
    color: #ffffff;
    font-size: 0.rem;
}


#mm_info {
    display: none;
}
.game_info {
    background-color: #232322;
    padding-top: 3rem;
    padding-bottom: 2rem;
}
.game_info_group {
    width: 95%;
    max-width: 1150px;
    margin-left: auto;
    margin-right: auto;
}
@media (max-width: 800px) {
    .game_info_group {
        width: 80%;
    }
}
.game_info .game_info_text {
    margin-bottom: 30px;
}
.game_info .game_info_text h3 {
    color: #ffffff;
    font-size: 21px;
    font-weight: 500;
}
.game_info .game_info_text p {
    color: #ffffff;
    font-size: 14px;
}
@media (max-width: 800px) {
    .game_info .game_info_text p {
        font-size: 13px;
    }
}
@media (max-width: 450px) {
    .game_info .game_info_text h3 {
        font-size: 18px;
    }
}


@media (min-width: 1600px) {
    .game_cat_image .gc .gc_title {
        padding-top: 0.5rem;
        height: 2vw;
    }
    .game_cat_image .gc .gc_title h3 {
        font-size: 0.8vw;
    }
}
@media (min-width: 2100px) {
    .game_cat_image .gc {
        width: 18%;
        margin-left: 2vw;
    }
    .all_game_iamge {
        max-width: none;
        width: 70%;
    }
    .all_game_iamge img {
        width: 9.2vw;
    }
    .all_game .all_game_more {
        background-color: #FF7A1F;
        padding-top: 12px;
        height: 3.5rem;
        width: 13rem;
    }
    .all_game .all_game_more p {
        color: #ffffff;
        font-size: 2rem;
    }

    .game_info_group {
        max-width: none;
        width: 60%;
    }
    .game_info .game_info_text {
        margin-bottom: 2vw;
    }
    .game_info .game_info_text h3 {
        color: #ffffff;
        font-size: 1.2vw;
        font-weight: 500;
    }
    .game_info .game_info_text p {
        color: #ffffff;
        font-size: 0.8vw;
        line-height: 1.6em;
    }
}
@media (min-width: 2500px) {
    .game_cat_image .gc .gc_title {
        padding-top: 0.7rem;
        height: 2vw;
    }
    .game_cat_image .gc .gc_title h3 {
        font-size: 0.8vw;
    }
}
@media (min-width: 3000px) {
    .game_cat_image .gc .gc_title {
        padding-top: 1.1rem;
        height: 2vw;
    }
    .game_cat_image .gc .gc_title h3 {
        font-size: 0.8vw;
    }
}
@media (min-width: 5000px) {
    .all_game .all_game_more {
        background-color: #FF7A1F;
        padding-top: 23px;
        height: 5rem;
        width: 20rem;
    }
    .all_game .all_game_more p {
        color: #ffffff;
        font-size: 3rem;
    }
} 
@media (max-width: 1300px) {
    .game_cat_image .gc .gc_title {
        padding-top: 0.5rem;
        height: auto;
    }
}
@media (max-width: 600px) {
    .game_cat_image .gc .gc_title h3 {
        font-size: 11px;
    }
}
@media (max-width: 450px) {
    .game_cat_image {
        width: 100%;
    }
    .game_cat_image .gc .gc_title h3 {
        font-size: 11px;
    }
}
@media (max-width: 300px) {
    .game_cat_image .gc .gc_title h3 {
        font-size: 3.5vw;
    }
}





.fix_category_page2 {
    background-image: url('../images/game/cm1.webp');
    background-size: 100% 100%;
    background-position: center;
    padding-top: 0.4rem;
    padding-bottom: 0.8rem;
}
.fix_category_page2 .window_text {
    padding-top: 0.9rem;
    text-align: center;
}
.fix_category_page2 .window_text h3 {
    color: #ffffff;
    font-size: 2vw;
    font-weight: 700;
}
.fix_category {
    background-image: url('../images/index/slot_fish.webp');
    background-size: 100% 100%;
    background-position: center;
    padding-top: 0.4rem;
    padding-bottom: 0.8rem;
}
.fix_category .window_text {
    padding-top: 0.9rem;
    text-align: center;
}
.fix_category .window_text h3 {
    color: #ffffff;
    font-size: 2vw;
    font-weight: 700;
}
.category {
    display: flex;
}
.category .left_cat {
    width: 65%;
    padding-top: 2.3vw;
    padding-bottom: 3vw;
    padding-left: 7.8vw;
    padding-right: 3.3vw;
}
.category .left_cat .row .col {

}
.category .left_cat img {
    width: 100%;
    height: 12.2vw;
    margin-bottom: 1.4vw;
}
.category .left_cat_page2 {
    width: 65%;
    padding-top: 3vw;
    padding-bottom: 0vw;
    padding-left: 17.3vw;
    padding-right: 3.9vw;
}
.category .left_cat_page2 img {
    width: 100%;
    height: 10vw;
    margin-bottom: 1.4vw;
    object-fit: cover;
}



.category .right_cat {
    width: 34%;
    padding-top: 2.3vw;
    padding-bottom: 3vw;
    padding-left: 2vw;
    padding-right: 0;
}
.category .right_cat img {
    width: 100%;
    height: 12.2vw;
    margin-bottom: 1.4vw;
}
.category .right_cat_page2 {
    width: 34%;
    padding-top: 3vw;
    padding-bottom: 0vw;
    padding-left: 2.2vw;
    padding-right: 3.5vw;
}
.category .right_cat_page2 img {
    width: 100%;
    height: 10vw;
    margin-bottom: 1.4vw;
}



.mobile_game {
    display: none;
}
.mobile_game .category2 {
    display: block;
    background-image: url('../images/index/slot_fish_mobile.jpg');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
}
.mobile_game .category2 .fix_category2 {
    width: 100%;
    padding-left: 23vw;
    margin-left: auto;
    margin-right: auto;
}
.mobile_game .category2 .mobile_text {
    padding-top: 30px;
    text-align: center;
    width: 84%;
}
.mobile_game .category2 .mobile_text h3 {
    color: #ffffff;
    font-size: 21px;
    font-weight: 700;
}
.category2 .left_cat {
    width: 100%;
    padding-top: 4vw;
    padding-bottom: 3vw;
}
.category2 .left_cat .row {
    width: 100%;
}
.category2 .left_cat .col {
    padding: 3px;
}
.category2 .left_cat img {
    width: 100%;
    margin-bottom: 3.4vw;
}

.category2 .right_cat {
    width: 100%;
    padding-top: 8.5vw;
    padding-bottom: 5vw;
}
.category2 .right_cat .row {
    width: 100%;
}
.category2 .right_cat .col {
    padding: 3px;
}
.category2 .right_cat img {
    width: 100%;
    margin-bottom: 3.4vw;
}

@media (max-width: 800px) {
    .category .left_cat img {
        height: auto;
    }
    .category .right_cat img {
        height: auto;
    }
    .window_game {
        display: none;
    }
    .mobile_game {
        display: block;
    }
}

.about_main {
    background-image: url('../images/index/about_bg.webp');
    background-size: cover;
}

.about {
    display: flex;
}
.about .about_left {
    width: 55%;
}
.about .about_left img {
    width: 100%;
    object-fit: cover;
}

.about .about_right {
    width: 45%;
    padding-top: 3.5vw;
    padding-left: 1vw;
    padding-right: 6.8vw;
    text-align: justify;
}
@media (max-width: 900px) {
    .about .about_right {
        padding-top: 2vw;
    }
}

.about .about_right .ar {
    padding-bottom: 1.3vw;
}
@media (max-width: 1111px) {
    .about .about_right .ar {
        padding-bottom: 15px;
    }
}
.about .about_right h3 {
    text-shadow: 1px 1px 3.5px #000000;
    color: #ffffff;
    font-size: 3vw;
    font-weight: 700;
    margin-bottom: 0;
}
.about .about_right strong {
        text-shadow: 1px 1px 3.5px #000000;
    color: #ffffff;
    font-size: 1.2vw;
    margin-bottom: 0;
}
.about .about_right p {
        text-shadow: 1px 1px 3.5px #000000;
    color: #ffffff;
    font-size: 1vw;
    line-height: normal;
    margin-bottom: 0;
}
.about .about_right .m_adv {
    display: flex;
    width: 80%;
}
.about .about_right .m_adv .m_adv_img {
    width: 90%;
    margin-right: 30px;
}
.about .about_right .m_adv img {
    width: 100%;
    height: 2.5vw;
}











.gb_section {
    display: block;
    background-image: url('../images/game/ct1.webp');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;

    padding-top: 3vw;
    padding-bottom: 3vw;
}
.gb {
    display: flex;

    justify-content: center;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    align-items: center;
}
.gb_text {
    text-align: center;
}
.gb_text h3 {
    text-shadow: 1px 1px 3.5px #000000;
    color: #ffffff;
    font-size: 3vw;
    font-weight: 700;
    margin-bottom: 0;
}
.gb_image_group {
    display: flex;
    padding-left: 0.7vw;
}
.gb_image {
    width: 13vw;
    padding-left: 5.8vw;
}
.gb_image img {
    width: 100%;
}
@media (max-width: 800px) {
    .gb_section {
        display: block;
        background-image: url('../images/game/mobile1.webp');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    
        padding-top: 35px;
        padding-bottom: 15px;
    }
    .gb {
        display: block;
    
        justify-content: center;
        width: 90%;
        margin-left: auto;
        margin-right: auto;
        align-items: center;
    }
    .gb_text h3 {
        text-shadow: 1px 1px 3.5px #000000;
        color: #ffffff;
        font-size: 30px;
        font-weight: 700;
    }
    .gb_image_group {
        display: block;
        padding-left: 0;
        margin-top: 30px;
    }
    .gb_image {
        width: 30%;
        margin-bottom: 50px;
        margin-left: auto;
        margin-right: auto;
        padding-left: 0;
    }
    .gb_image img {
        width: 100%;
    }
}



.ga_c_section {
    background-image: url('../images/ga/cm1.webp');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    /* background-color: #000; */
    padding-top: 5.9vw;
    padding-bottom: 3vw;
}
.ga_c {
    width: 85%;
    margin-left: auto;
    margin-right: auto;
}
.ga_c_text {
    padding-bottom: 4vw;
    padding-left: 2.5vw;
}
.ga_c_text h3 {
    text-shadow: 1px 1px 3.5px #000000;
    color: #ffffff;
    font-size: 3vw;
    font-weight: 700;
    margin: 0;
    padding: 0;
}
.ga_c_text h5 {
    color: #F1B902;
    font-size: 1.3vw;
    margin: 0;
    padding: 0;
    margin-top: 0vw;
}
.ga_c_main {
    display: flex;
    justify-content: center;
}
.ga_c_left {
    width: 49%;
}
.ga_c_item1 {
    margin-bottom: 0.3vw;
    padding-top: 0vw;
    padding-bottom: 2vw;
    padding-left: 1.57vw;
    padding-right: 2.3vw;
}
.ga_c_item1:nth-child(2) {
    margin-bottom: 0.3vw;
    padding-top: 0vw;
    padding-bottom: 2vw;
    padding-left: 1.8vw;
    padding-right: 1.8vw;
}
.ga_c_item1:nth-child(3) {
    margin-bottom: 0.3vw;
    padding-top: 0vw;
    padding-bottom: 2vw;
    padding-left: 1.5vw;
    padding-right: 2vw;
}
.ga_c_item1_first {
    display: flex;
}
.ga_c_item1_first_text {
    width: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.ga_c_item1_first_text_image {
    width: 15%;
    padding-bottom: 0.5vw;
    margin-right: 0.5vw;
}
.ga_c_item1_first_text_image img {
    width: 100%;
}
.ga_c_item1_first_text h3 {
    text-shadow: 1px 1px 5px #000000;
    text-align: center;
    color: #fff;
    font-size: 2.5vw;
    font-weight: 700;
    margin-bottom: 0;
}
.ga_c_item1_first_image {
    width: 50%;
}
.ga_c_item1_first_image img {
    width: 100%;
}
.ga_c_item1_second {
    display: flex;
}
.ga_c_item1_second_image1 {
    width: 50%;
}
.ga_c_item1_second_image1 img {
    width: 100%;
}
.ga_c_item1_second_image2 {
    display: flex;
    width: 50%;
}
.ga_c_item1_second_image2 a {
    width: 50%;
}
.ga_c_item1_second_image2 img {
    width: 100%;
}
.ga_c_right {
    width: 51%;
}
.ga_c_item2 {
    margin-bottom: 0;
    padding-top: 0vw;
    padding-bottom: 2vw;
    padding-left: 0.3vw;
    padding-right: 5.2vw;
}
.ga_c_item2_first {
    display: flex;
}
.ga_c_item2_first_text {
    width: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.ga_c_item2_first_text_image {
    width: 15%;
    padding-bottom: 0.5vw;
    margin-right: 0.5vw;
}
.ga_c_item2_first_text_image img {
    width: 100%;
}
.ga_c_item2_first_text h3 {
    text-shadow: 1px 1px 5px #000000;
    text-align: center;
    color: #fff;
    font-size: 2.5vw;
    font-weight: 700;
    margin-bottom: 0;
}
.ga_c_item2_first_image {
    width: 50%;
}
.ga_c_item2_first_image img {
    width: 100%;
}
.ga_c_item2_second {
    display: flex;
}
.ga_c_item2_second_image1 {
    width: 50%;
}
.ga_c_item2_second_image1 img {
    width: 100%;
}
.ga_c_item2_second_image2 {
    display: flex;
    width: 50%;
}
.ga_c_item2_second_image2 a {
    width: 50%;
}
.ga_c_item2_second_image2 img {
    width: 100%;
}
.ga_c_item3 {
    margin-top: -1.78vw;
    margin-bottom: 0;
    padding-top: 0vw;
    padding-bottom: 0.4vw;
    padding-left: 0.3vw;
    padding-right: 5.2vw;
}
.ga_c_item3_first_image {

}
.ga_c_item3_first_image img {
    width: 100%;
}
.ga_c_item3_text {
    
}
.ga_c_item3_text h3 {
    font-style: italic;
    text-align: center;
    background: linear-gradient(to right, #FFC43B, #FFC43B, #FE873D, #F7663A, #EE4037);
    background-clip: text;
    -webkit-text-fill-color: transparent;
    text-decoration: none;
    filter: drop-shadow(1px 1px 5px #000);
    font-size: 3vw;
    font-weight: 800;
    margin: 0;
    padding: 0;
}
.ga_c_item3_second_image {

}
.ga_c_item3_second_image img {
    width: 100%;
}
@media (max-width: 800px) {
    .ga_c_section {
        background-image: url('../images/ga/mobile2.webp');
        background-size: 100% 100%;
        background-repeat: no-repeat;
        background-position: center;
        /* background-color: #000; */
        padding-top: 37vw;
        padding-bottom: 23px;
    }
    .ga_c {
        width: 95%;
        margin-left: auto;
        margin-right: auto;
    }
    .ga_c_text {
        text-align: center;
        padding-bottom: 15px;
        padding-left: 0;
    }
    .ga_c_text h3 {
        text-shadow: 1px 1px 3.5px #000000;
        color: #ffffff;
        font-size: 30px;
        font-weight: 700;
        margin: 0;
        padding: 0;
    }
    .ga_c_text h5 {
        color: #F1B902;
        font-size: 13px;
        margin: 0;
        padding: 0;
        margin-top: 0vw;
    }
    .ga_c_main {
        display: block;
    }
    .ga_c_left {
        width: 100%;
    }
    .ga_c_item1 {
        margin-bottom: 3px;
        padding-top: 2.5vw;
        padding-bottom: 2.7vw;
        padding-left: 2.5vw;
        padding-right: 3.1vw;

        background-image: url('../images/ga/cm2.png');
        background-size: 100% 100%;
        background-repeat: no-repeat;
        background-position: center;
    }
    .ga_c_item1:nth-child(2) {
        margin-bottom: 3px;
        padding-top: 2.5vw;
        padding-bottom: 2.7vw;
        padding-left: 2.5vw;
        padding-right: 3.1vw;

        background-image: url('../images/ga/cm2.png');
        background-size: 100% 100%;
        background-repeat: no-repeat;
        background-position: center;
    }
    .ga_c_item1:nth-child(3) {
        margin-bottom: 3px;
        padding-top: 2.5vw;
        padding-bottom: 2.7vw;
        padding-left: 2.5vw;
        padding-right: 3.1vw;

        background-image: url('../images/ga/cm2.png');
        background-size: 100% 100%;
        background-repeat: no-repeat;
        background-position: center;
    }
    .ga_c_item1_first {
        display: flex;
    }
    .ga_c_item1_first_text {
        width: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .ga_c_item1_first_text_image {
        width: 27%;
        padding-bottom: 9.2px;
        margin-right: 5px;
    }
    .ga_c_item1_first_text_image img {
        width: 100%;
    }
    .ga_c_item1_first_text h3 {
        text-shadow: 1px 1px 5px #000000;
        text-align: center;
        color: #fff;
        font-size: 18px;
        font-weight: 700;
        margin-bottom: 0;
    }
    .ga_c_item1_first_image {
        width: 50%;
    }
    .ga_c_item1_first_image img {
        width: 100%;
    }
    .ga_c_item1_second {
        display: flex;
    }
    .ga_c_item1_second_image1 {
        width: 50%;
    }
    .ga_c_item1_second_image1 img {
        width: 100%;
    }
    .ga_c_item1_second_image2 {
        display: flex;
        width: 50%;
    }
    .ga_c_item1_second_image2 a {
        width: 50%;
    }
    .ga_c_item1_second_image2 img {
        width: 100%;
    }
    .ga_c_right {
        width: 100%;

        background-image: url('../images/ga/cm3.png');
        background-size: 100% 100%;
        background-repeat: no-repeat;
        background-position: center;

        padding-top: 3.5vw;
        padding-bottom: 3.8vw;
        padding-left: 4vw;
        padding-right: 4.8vw;
    }
    .ga_c_item2 {
        margin-bottom: 0;
        padding-top: 0;
        padding-bottom: 0;
        padding-left: 0;
        padding-right: 0;
    }
    .ga_c_item2_first {
        display: flex;
    }
    .ga_c_item2_first_text {
        width: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .ga_c_item2_first_text_image {
        width: 27%;
        padding-bottom: 9.2px;
        margin-right: 5px;
    }
    .ga_c_item2_first_text_image img {
        width: 100%;
    }
    .ga_c_item2_first_text h3 {
        text-shadow: 1px 1px 5px #000000;
        text-align: center;
        color: #fff;
        font-size: 18px;
        font-weight: 700;
        margin-bottom: 0;
    }
    .ga_c_item2_first_image {
        width: 50%;
    }
    .ga_c_item2_first_image img {
        width: 100%;
    }
    .ga_c_item2_second {
        display: flex;
    }
    .ga_c_item2_second_image1 {
        width: 50%;
    }
    .ga_c_item2_second_image1 img {
        width: 100%;
    }
    .ga_c_item2_second_image2 {
        display: flex;
        width: 50%;
    }
    .ga_c_item2_second_image2 a {
        width: 50%;
    }
    .ga_c_item2_second_image2 img {
        width: 100%;
    }
    .ga_c_item3 {
        margin-top: 0;
        margin-bottom: 0;
        padding-top: 0;
        padding-bottom: 0;
        padding-left: 0;
        padding-right: 0;
    }
    .ga_c_item3_first_image {
    
    }
    .ga_c_item3_first_image img {
        width: 100%;
    }
    .ga_c_item3_text {
        
    }
    .ga_c_item3_text h3 {
        font-style: italic;
        text-align: center;
        background: linear-gradient(to right, #FFC43B, #FFC43B, #FE873D, #F7663A, #EE4037);
        background-clip: text;
        -webkit-text-fill-color: transparent;
        text-decoration: none;
        filter: drop-shadow(1px 1px 5px #000);
        font-size: 30px;
        font-weight: 800;
        margin: 0;
        padding: 0;
    }
    .ga_c_item3_second_image {
    
    }
    .ga_c_item3_second_image img {
        width: 100%;
    }
}










/* swiper */
.projects {
    background-color: #232322;
}
.swiper-button-next {
	color: #fff !important;
	background:rgba(0, 0, 0, 1);
	padding: 30px;
	border-radius: 100px;
	--swiper-navigation-size: 25px;
	margin-top: -30px;
}
.swiper-button-prev {
	color: #fff !important;
	background:rgba(0, 0, 0, 1);
	padding: 30px;
	border-radius: 100px;
	--swiper-navigation-size: 25px;
	margin-top: -30px;
}
@media (max-width: 500px) {
	.swiper-button-next {
		padding: 25px;
		--swiper-navigation-size: 20px;
		margin-top: -20px;
	}
	.swiper-button-prev {
		padding: 25px;
		--swiper-navigation-size: 20px;
		margin-top: -20px;
	}
}
.swiper {
	width: 100%;
	height: 100%;
  }
.swiper-wrapper {
	
}
  .swiper-slide {

  }

  .swiper-slide img {
	width: 100%;
    height: 100%;
	object-fit: cover;
  }
  @media (min-width: 1800px) {
	.swiper-slide img {
		height: 100%;
	}
  }
  @media (max-width: 1340px) {
	.swiper-slide img {
		height: 100%;
	  }
  }
  @media (max-width: 500px) {
	.swiper-slide img {
		object-fit: fill;
	  }
  }


  .one_swipe {
	display: flex;
	justify-content: center;
	align-items: center;
  }
  .one_swiper_image {
	width: 100% !important;
	height: 100%;
	display: block;
	object-fit: cover;
  }
  @media (max-width: 500px) {
	.one_swiper_image {
		width: 100vw !important;
		height: 41vw !important;
		object-fit: cover !important;
	  }
  }
/* end swiper */




.game_page {
    background-image: url('../images/game/mobile4.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;

    padding-top: 30px;
    padding-bottom: 15px;
}
.game_page_top_text {
    margin-bottom: 15px;
}
.game_page_top_text h3 {
    text-shadow: 1px 1px 1.5px #000000;
    color: #f67e22;
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 0;
    text-align: center;
    opacity: 1;
}
.game_page_bottom_text {
    margin-top: 15px;
    margin-bottom: 15px;
}
.game_page_bottom_text h3 {
    text-shadow: 1px 1px 3.5px #000000;
    color: #FB600C;
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 0;
    text-align: center;
    opacity: 1;
}
.game_page_top {
    width: 95%;
    margin-left: auto;
    margin-right: auto;

    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    padding-left: 5px;
}
@media (max-width: 478px) {
    .game_page_top {
        width: 90%;
    }
}
.game_page_top_image {
    width: 120px;
    margin-right: 7px;
    margin-bottom: 7px;
}
@media (max-width: 673px) {
    .game_page_top_image {
        width: 153px;
    }
}
@media (max-width: 510px) {
    .game_page_top_image:nth-child(1) {
        width: 315px;
        margin-right: 7px;
        margin-bottom: 7px;
    }
    .game_page_top_image {
        width: 153px;
    }
}
@media (max-width: 478px) {
    .game_page_top_image:nth-child(1) {
        width: 278px;
    }
    .game_page_top_image {
        width: 135px;
    }
}
@media (max-width: 325px) {
    .game_page_top_image:nth-child(1) {
        width: 269px;
    }
    .game_page_top_image {
        width: 130px;
    }
}
@media (max-width: 310px) {
    .game_page_top_image:nth-child(1) {
        width: 278px;
    }
    .game_page_top_image {
        width: 278px;
    }
}
.game_page_top_image img {
    width: 100%;
}

.game_page_bottom {
    width: 95%;
    margin-left: auto;
    margin-right: auto;
}
@media (max-width: 478px) {
    .game_page_bottom {
        width: 90%;
    }
}
.game_page_bottom_image {
    width: 630px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 15px;
}
@media (max-width: 673px) {
    .game_page_bottom_image {
        width: 475px;
    } 
}
@media (max-width: 510px) {
    .game_page_bottom_image {
        width: 315px;
    } 
}
@media (max-width: 478px) {
    .game_page_bottom_image {
        width: 280px;
    } 
}
@media (max-width: 325px) {
    .game_page_bottom_image {
        width: 268px;
    } 
}
@media (max-width: 310px) {
    .game_page_bottom {
        padding-left: 5px;
        padding-right: 8px;
    }
    .game_page_bottom_image {
        width: auto;
    } 
}
.game_page_bottom_image img {
    width: 100%;
}








#mm_about .about_right h3 {
    text-shadow: 1px 1px 3.5px #000000;
    font-size: 3vw;
}
.about .about_right strong {
    text-shadow: 1px 1px 3.5px #000000;
    color: #ffffff;
    font-size: 1.1vw;
    margin-bottom: 0;
}
#mm_about .about_right p {
    text-shadow: 1px 1px 3.5px #000000;
    font-size: 0.9vw;
    margin-bottom: 0;
}

@media (max-width: 800px) {
    .about_main {
        background-image: none;
        background-color: #232323;
        padding-bottom: 20px;
    }
    .about {
        display: block;
        width: 100%;
        margin-right: auto;
        margin-left: auto;
        padding-bottom: 3vw;
    }
    .about .about_left {
        width: 100%;
        background-image: url('../images/index/about_bg.webp');
        background-size: cover;
        background-position: top bottom;
    }
    .about .about_left img {
        width: 100%;
        object-fit: cover;
    }
    .about .about_right {
        width: 80%;
        margin-left: auto;
        margin-right: auto;
        padding-top: 25px;
        padding-left: 0vw;
        padding-right: 0vw;
    }
    .about .about_right h3 {
        font-size: 30px;
    }
    .about .about_right strong {
        font-size: 14px;
    }
    .about .about_right p {
        font-size: 13px;
        line-height: 1.8em;
    }
    .about .about_right .m_adv {
        display: flex;
        width: 280px;
        margin-top: 15px;
    }
    .about .about_right .m_adv .m_adv_img {
        width: 90%;
        margin-right: 10px;
    }
    .about .about_right .m_adv img {
        height: auto;
    }
    #mm_about .about_right h3 {
        font-size: 21px;
    }
    #mm_about .about_right strong {
        color: #ffffff;
        font-size: 14px;
    }
    #mm_about .about_right p {
        font-size: 13px;
        line-height: 1.9em;
    }
}
@media (max-width: 450px) {
    .about .about_right p {
        font-size: 13px;
    }
    #mm_about .about_right p {
        font-size: 13px;
    }
}
@media (max-width: 345px) {
    .about .about_right .m_adv {
        width: 81vw;
    }
}




.game {
    width: 100%;
    background-image: url('../images/index/game.jpg');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    padding: 1vw 0 0 0;
}

.game .game_title {
    padding: 1vw 0 0 5.8vw;
}
.game .game_title h3 {
    /* text-shadow: 1px 1px 3.5px #000000; */
    font-size: 3vw;
    color: #ffffff;
    font-weight: 700;
}

.game_main {
    display: flex;
}
.game_left {
    width: 63%;
    padding: 0.1vw 0 0 2.5vw;
}
.game_left .game_text {
    padding: 0.8vw 2.3vw 0 4.3vw;
    text-align: justify;
}
.game_left .game_text strong {
    color: #ffffff;
    font-size: 1.05vw;
}
.game_left .game_text p {
    color: #ffffff;
    font-size: 1vw;
    line-height: 1.3em;
    font-weight: 400;
}
.game_left .game_left_text1 {
    background-image: url('../images/index/gf1.png');
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    width: 29vw;
    height: 12.5vw;
    margin-left: 0;
}
.game_left .game_left_text2 {
    background-image: url('../images/index/gf2.png');
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    width: 29vw;
    height: 12.5vw;
    margin-left: 1.8vw;
}
.game_left .game_left_text3 {
    background-image: url('../images/index/gf3.png');
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    width: 29vw;
    height: 12.5vw;
    margin-left: 0;
}
.game_left .game_left_text4 {
    background-image: url('../images/index/gf4.png');
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    width: 29vw;
    height: 12.5vw;
    margin-left: 1.8vw;
}

.game_right {
    width: 37%;
}
.game_right img {
    width: 100%;
}

.game_mobile_image {
    display: none;
    background-image: url('../images/index/game2.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top right;
}
.game_mobile_image img {
    width: 85%;
    padding-top: 12vw;
    display: block;
    margin-left: auto;
    margin-right: auto;
}


#mm_game .game_left .game_text strong {
    font-size: 0.95vw;
    line-height: 2em;
}
#mm_game .game_left .game_text p {
    font-size: 0.81vw;
    line-height: 1.8em;
}

@media (max-width: 1300px) {
    .game_left .game_left_text1 {
        height: 14.3vw;
    }
    .game_left .game_left_text2 {
        margin-left: 17px;
        height: 14.3vw;
    }
    .game_left .game_left_text3 {
        height: 14.3vw;
    }
    .game_left .game_left_text4 {
        margin-left: 17px;
        height: 14.3vw;
    }
}
@media (max-width: 1150px) {
    .game_left .game_left_text2 {
        margin-left: 14px;
    }
    .game_left .game_left_text4 {
        margin-left: 14px;
    }
}
@media (max-width: 1050px) {
    .game_left .game_text {
        padding: 0.5vw 2.3vw 0 4.3vw;
    }
    .game_left .game_left_text2 {
        margin-left: 10px;
    }
    .game_left .game_left_text4 {
        margin-left: 10px;
    }
}
@media (max-width: 900px) {
    .game_left .game_text {
        padding: 0.1vw 2.3vw 0 4.3vw;
    }
    .game_left .game_left_text2 {
        margin-left: 8px;
    }
    .game_left .game_left_text4 {
        margin-left: 8px;
    }
}
@media (max-width: 800px) {
    .game {
        background-image: none;
        background-color: #232323;
    }
    .game_main {
        display: block;
    }
    .game .game_title {
        padding: 3vw 0 0 7.8vw;
    }
    .game .game_title h3 {
        font-size: 30px;
    }
    .game_left {
        width: 95%;
        margin-left: auto;
        margin-right: auto;
        padding: 1vw 4vw 1vw 0;
    }
    .game_left .col {
        min-width: 50% !important;
        margin-bottom: 2.5vw;
    }
    .game_left .game_left_text1 {
        width: 46vw;
        height: 23.5vw;
        margin-left: 0;
    }
    .game_left .game_left_text2 {
        width: 46vw;
        height: 23.5vw;
        margin-left: 0;
    }
    .game_left .game_left_text3 {
        width: 46vw;
        height: 23.5vw;
        margin-left: 0;
    }
    .game_left .game_left_text4 {
        width: 46vw;
        height: 23.5vw;
        margin-left: 0;
    }
    .game_left .game_text {
        padding: 1vw 3vw 0 6.7vw;
    }
    .game_left .game_text strong {
        font-size: 1.65vw;
    }
    .game_left .game_text p {
        font-size: 1.6vw;
        line-height: 1.3em;
    }
    #mm_game .game_left .game_text strong {
        font-size: 1.55vw;
    }
    #mm_game .game_left .game_text p {
        font-size: 1.5vw;
        line-height: 1.5em;
    }
    .game_right {
        display: none;
        width: 100%;
    }
    .game_mobile_image {
        display: block;
    }
}
@media (max-width: 600px) {
    .game .game_title {
        padding: 5vw 0 0 7.8vw;
    }
    .game_left {
        width: 84%;
        padding: 1vw 0 1vw 0;
    }
    .game_left .row {
        width: 100%;
    }
    .game_left .col {
        min-width: 95% !important;
        margin-bottom: 2.5vw;
    }
    .game_left .game_left_text1 {
        width: 81vw;
        margin-left: auto;
        margin-right: auto;
        height: 31vw;
    }
    .game_left .game_left_text2 {
        width: 81vw;
        margin-left: auto;
        margin-right: auto;
        height: 31vw;
    }
    .game_left .game_left_text3 {
        width: 81vw;
        margin-left: auto;
        margin-right: auto;
        height: 31vw;
    }
    .game_left .game_left_text4 {
        width: 81vw;
        margin-left: auto;
        margin-right: auto;
        height: 31vw;
    }
    .game_left .game_text {
        padding: 2vw 5vw 0 12.7vw;
    }
    .game_left .game_text strong {
        font-size: 12.5px;
    }
    .game_left .game_text p {
        font-size: 12px;
        line-height: 1.3em;
    }
    #mm_game .game_left .game_text strong {
        font-size: 11px;
    }
    #mm_game .game_left .game_text p {
        font-size: 10.5px;
        line-height: 1.7em;
    }
}
@media (max-width: 500px) {
    .game_left {
        width: 90%;
        padding: 1vw 0 1vw 0;
    }
    .game_left .col {
        min-width: 95% !important;
        margin-bottom: 2.5vw;
    }
    .game_left .game_left_text1 {
        width: 87vw;
        margin-left: auto;
        margin-right: auto;
        height: 35vw;
    }
    .game_left .game_left_text2 {
        width: 87vw;
        margin-left: auto;
        margin-right: auto;
        height: 35vw;
    }
    .game_left .game_left_text3 {
        width: 87vw;
        margin-left: auto;
        margin-right: auto;
        height: 35vw;
    }
    .game_left .game_left_text4 {
        width: 87vw;
        margin-left: auto;
        margin-right: auto;
        height: 35vw;
    }

    #mm_game .game_left .game_left_text1 {
        height: 43vw;
    }
    #mm_game .game_left .game_left_text2 {
        height: 43vw;
    }
    #mm_game .game_left .game_left_text3 {
        height: 43vw;
    }
    #mm_game .game_left .game_left_text4 {
        height: 43vw;
    }
    #mm_game .game_left .game_text strong {
        font-size: 13px;
    }
    #mm_game .game_left .game_text p {
        font-size: 11px;
        line-height: 1.7em;
    }
}
@media (max-width: 410px) {
    .game_left {
        width: 97%;
        padding: 1vw 0 1vw 0;
    }
    .game_left .game_left_text1 {
        width: 94vw;
        margin-left: auto;
        margin-right: auto;
        height: 37vw;
    }
    .game_left .game_left_text2 {
        width: 94vw;
        margin-left: auto;
        margin-right: auto;
        height: 37vw;
    }
    .game_left .game_left_text3 {
        width: 94vw;
        margin-left: auto;
        margin-right: auto;
        height: 37vw;
    }
    .game_left .game_left_text4 {
        width: 94vw;
        margin-left: auto;
        margin-right: auto;
        height: 37vw;
    }
    #mm_game .game_left .game_left_text1 {
        height: 45vw;
    }
    #mm_game .game_left .game_left_text2 {
        height: 45vw;
    }
    #mm_game .game_left .game_left_text3 {
        height: 45vw;
    }
    #mm_game .game_left .game_left_text4 {
        height: 45vw;
    }
}
@media (max-width: 390px) {
    .game_left {
        width: 97%;
        padding: 1vw 0 1vw 0;
    }
    .game_left .col {
        min-width: 95% !important;
        margin-bottom: 2.5vw;
    }
    .game_left .game_left_text1 {
        width: 94vw;
        margin-left: auto;
        margin-right: auto;
        height: 38vw;
    }
    .game_left .game_left_text2 {
        width: 94vw;
        margin-left: auto;
        margin-right: auto;
        height: 38vw;
    }
    .game_left .game_left_text3 {
        width: 94vw;
        margin-left: auto;
        margin-right: auto;
        height: 38vw;
    }
    .game_left .game_left_text4 {
        width: 94vw;
        margin-left: auto;
        margin-right: auto;
        height: 38vw;
    }
    #mm_game .game_left .game_left_text1 {
        height: 47.5vw;
    }
    #mm_game .game_left .game_left_text2 {
        height: 47.5vw;
    }
    #mm_game .game_left .game_left_text3 {
        height: 47.5vw;
    }
    #mm_game .game_left .game_left_text4 {
        height: 47.5vw;
    }
}
@media (max-width: 370px) {
    .game_left .game_text strong {
        font-size: 11.5px;
    }
    .game_left .game_text p {
        font-size: 11px;
    }
    #mm_game .game_left .game_text strong {
        font-size: 13px;
    }
    #mm_game .game_left .game_text p {
        font-size: 10.4px;
        line-height: 1.6em;
    }
}
@media (max-width: 340px) {
    .game_left .game_text strong {
        font-size: 10.5px;
    }
    .game_left .game_text p {
        font-size: 10px;
        line-height: 1.3em;
    }
    #mm_game .game_left .game_text strong {
        font-size: 13px;
    }
    #mm_game .game_left .game_text p {
        font-size: 9.2px;
        line-height: 1.7em;
    }
}
@media (max-width: 320px) {
    .game_left .game_text {
        padding: calc(4vw - 10px) 5vw 0 12.7vw;
    }
    .game_left .game_text strong {
        font-size: 3.4vw;
    }
    .game_left .game_text p {
        font-size: 3.1vw;
        line-height: 1.3em;
    }
    #mm_game .game_left .game_text strong {
        font-size: 3.4vw;
    }
    #mm_game .game_left .game_text p {
        font-size: 2.8vw;
        line-height: 1.8em;
    }
}



.gab_section {
    background-image: url('../images/game/a1.webp');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;

    /* filter: brightness(0.9); */
}

.gab {
    display: flex;
    align-items: center;
    
}
.gab_image {
    width: 50%;
}
.gab_image img {
    width: 100%;
}
.gab_text {
    width: 50%;
    padding-right: 8.5vw;
    padding-bottom: 2vw;
}
.gab_text h3 {
    text-shadow: 1px 1px 3.5px #000000;
    color: #ffffff;
    font-size: 3vw;
    font-weight: 700;
    margin-bottom: 0.3vw;
}
.gab_text_item {
    margin-bottom: 1.3vw;
}
.gab_text_item strong {
    text-shadow: 0.3px 1px 3.5px #000000;
    color: #ffffff;
    font-size: 1.2vw;
    margin-bottom: 0;
}
.gab_text_item p {
    text-shadow: 1px 1px 3.5px #000000;
    font-weight: 500;
    color: #ffffff;
    font-size: 1vw;
    line-height: normal;
    margin-bottom: 0;
}
@media (max-width: 1000px) {
    .gab_text {
        padding-bottom: 0;
    }
}
@media (max-width: 800px) {
    .gab_section {
        background: none;
    }
    .gab {
        display: block;
    }
    .gab_image {
        width: 100%;
        padding-top: 25px;

        background-image: url('../images/game/a1.webp');
        background-repeat: no-repeat;
        background-size: cover;
        background-position: left;
    }
    .gab_text {
        width: 100%;
        padding-right: 0;
        padding-top: 25px;
        padding-bottom: 25px;
        
        background-color: #232323;
    }
    .gab_text h3 {
        text-shadow: 1px 1px 3.5px #000000;
        color: #ffffff;
        font-size: 30px;
        font-weight: 700;
        margin-bottom: 5px;

        width: 80%;
        margin-left: auto;
        margin-right: auto;
    }
    .gab_text_item {
        margin-bottom: 15px;

        width: 80%;
        margin-left: auto;
        margin-right: auto;
    }
    .gab_text_item strong {
        text-shadow: 0.3px 1px 3.5px #000000;
        color: #ffffff;
        font-size: 14px;
    }
    .gab_text_item p {
        text-shadow: 1px 1px 3.5px #000000;
        font-weight: normal;
        color: #ffffff;
        font-size: 13px;
        line-height: 1.8em;
    }
}




.ac_section {
    background-image: url('../images/ab/cm3.webp');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;

    padding-top: 5.9vw;
    padding-bottom: 21vw;
}
.ac {
    width: 81.4%;
    margin-left: auto;
    margin-right: auto;
}
.ac_top {
    margin-bottom: 3.5vw;
    padding-left: 1vw;
}
.ac_top_text {

}
.ac_top_text h3 {
    text-shadow: 1px 1px 3.5px #000000;
    color: #ffffff;
    font-size: 3vw;
    font-weight: 700;
    margin: 0;
    padding: 0;
    margin-bottom: 0.7vw;
}
.ac_top_item {
    margin-bottom: 1.3vw;
}
.ac_top_item strong {
    text-shadow: 0.3px 1px 3.5px #000000;
    color: #ffffff;
    font-size: 1.2vw;
    margin-bottom: 0;
    margin: 0;
    padding: 0;
}
.ac_top_item p {
    /* text-shadow: 1px 1px 3.5px #000000; */
    font-weight: normal;
    color: #ffffff;
    font-size: 1vw;
    line-height: normal;
    margin: 0;
    padding: 0;
}
.ac_bot {
    display: flex;
}
.ac_left {
    width: 35%;
    position: relative;
    padding-right: 4vw;
}
.ac_left_text1 {
    position: absolute;
    left: -8.93vw;
    top: 15vw;
}
.ac_left_text1 h3 {
    transform: rotate(-90deg);
    text-shadow: 1px 1px 5px #000000;
    text-align: center;
    color: #fff;
    font-size: 2.5vw;
    font-weight: 700;
    margin: 0;
    padding: 0;
}
.ac_left_text2 {
    position: absolute;
    right: -4.12vw;
    top: 14.7vw;
}
.ac_left_text2 h3 {
    transform: rotate(-90deg);
    text-shadow: 1px 1px 5px #000000;
    text-align: center;
    color: #fff;
    font-size: 2.5vw;
    font-weight: 700;
    margin: 0;
    padding: 0;
}
.ac_left_main {

}
.ac_left_item {
    background-image: url('../images/ab/cm4.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;

    margin-bottom: 1vw;
    padding-left: 1vw;
    padding-right: 1vw;
    padding-top: 1vw;
    padding-bottom: 1vw;
}
.ac_left_item p {
    /* text-shadow: 1px 1px 3.5px #000000; */
    font-weight: normal;
    color: #ffffff;
    font-size: 1vw;
    line-height: normal;
    margin: 0;
    padding: 0;
}
.ac_left_item_lower {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.ac_left_item_lower_text {

}
.ac_left_item_lower_text p {
    text-shadow: 1px 1px 3.5px #000000;
    font-weight: 500;
    color: #FFBE00;
    font-size: 1vw;
    line-height: normal;
    margin: 0;
    padding: 0;
}
.ac_left_item_lower_image {
    width: 25%;
}
.ac_left_item_lower_image img {
    width: 100%;
}
.ac_right {
    width: 65%;
    padding-left: 1.3vw;
}
.ac_right_text_group {

}
.ac_right_text {
    margin-bottom: 1.3vw;
}
.ac_right_text p {
    text-shadow: 1px 1px 3.5px #000000;
    font-weight: normal;
    color: #ffffff;
    font-size: 1vw;
    line-height: normal;
    margin: 0;
    padding: 0;
}
.ac_right_main {
    width: 48%;
    margin-top: 2.5vw;
    margin-left: -0.5vw;
}
.ac_right_item {
    margin-bottom: 1.3vw;
}
.ac_right_item h3 {
    text-shadow: 1px 1px 3.5px #000000;
    color: #ffffff;
    font-size: 1.2vw;
    font-weight: 700;
    margin: 0;
    padding: 0;

    padding-left: 7.3vw;
}
.ac_right_item:nth-child(1) .ac_right_item_lower {
    background-image: url('../images/ab/cc1.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;

    padding: 2vw 1.2vw 1.7vw 7.3vw;
    margin-top: -1.5vw;
}
.ac_right_item:nth-child(2) .ac_right_item_lower {
    background-image: url('../images/ab/cc2.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;

    padding: 2vw 1.2vw 1.7vw 7.3vw;
    margin-top: -1.5vw;
}
.ac_right_item:nth-child(3) .ac_right_item_lower {
    background-image: url('../images/ab/cc3.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;

    padding: 2vw 1.2vw 1.7vw 7.3vw;
    margin-top: -1.5vw;
}
.ac_right_item_lower p {
    text-shadow: 1px 1px 4px #000;
    font-weight: normal;
    color: #ffffff;
    font-size: 1.2vw;
    line-height: normal;
    margin: 0;
    padding: 0;
}
.ac_main_bottom {
    position: relative;
    width: 100%;
}
.ac_main_bottom_child {
    position: absolute;
    top: 3vw;
    right: -3vw;
}
.ac_main_bottom_image_right {
    display: flex;
    justify-content: end;
    padding-right: 1.1vw;
}
.ac_main_bottom_image {
    width: 20%;
}
.ac_main_bottom_image img {
    width: 100%;
}
.ac_main_bottom_text {
    margin-top: 1vw;
    padding-right: 1.1vw;
    border-right: 0.7vw solid #fff;
}
.ac_main_bottom_text h5 {
    text-align: end;
    text-shadow: 1px 1px 3.5px #000000;
    color: #ffffff;
    font-size: 1.7vw;
    font-weight: 700;
    margin: 0;
    padding: 0;
    line-height: normal;
    margin-top: 0;
}
.ac_main_bottom_text_flex {
    display: flex;
    justify-content: end;
}
.ac_main_bottom_text_flex h3 {
    text-align: end;
    background: linear-gradient(to right, #FFC43B, #FFC43B, #FE873D, #F7663A, #EE4037);
    background-clip: text;
    -webkit-text-fill-color: transparent;
    text-decoration: none;
    filter: drop-shadow(1px 1px 5px #000);
    font-size: 3.7vw;
    font-weight: 800;
    margin: 0;
    padding: 0;
    line-height: normal;
    margin-top: -1.3vw;
}
.ac_main_bottom_text_flex span {
    text-align: end;
    color: #fff;
    text-decoration: none;
    filter: drop-shadow(1px 1px 5px #000);
    font-size: 3.7vw;
    font-weight: 800;
    margin: 0;
    padding: 0;
    line-height: normal;
    margin-top: -1.3vw;
}
@media (max-width: 800px) {
    .ac_section {
        background-image: url('../images/ab/cm5.jpg');
        background-repeat: no-repeat;
        background-size: 100% 100%;
        background-position: center;
    
        padding-top: 61vw;
        padding-bottom: 105vw;
    }
    .ac {
        padding-top: 10vw;
        width: 100%;
    }
    .ac_top {
        width: 90%;
        margin-left: auto;
        margin-right: auto;

        margin-bottom: 7vw;
        padding-left: 0;
    }
    .ac_top_text {
    
    }
    .ac_top_text h3 {
        text-shadow: 1px 1px 3.5px #000000;
        color: #ffffff;
        font-size: 7vw;
        font-weight: 700;
        margin: 0;
        padding: 0;
        margin-bottom: 1vw;
    }
    .ac_top_item {
        margin-bottom: 3.5vw;
    }
    .ac_top_item strong {
        text-shadow: 0.3px 1px 3.5px #000000;
        color: #ffffff;
        font-size: 4vw;
        margin-bottom: 0;
        margin: 0;
        padding: 0;
    }
    .ac_top_item p {
        /* text-shadow: 1px 1px 3.5px #000000; */
        font-weight: normal;
        color: #ffffff;
        font-size: 3.5vw;
        /* line-height: 5.3vw; */
        line-height: normal;
        margin: 0;
        padding: 0;
        text-align: justify;
    }
    .ac_bot {
        display: block;
    }
    .ac_left {
        width: 95%;
        display: flex;
        position: relative;
        padding-right: 0;
        padding-left: 15.1vw;
        margin-bottom: 1.7vw;
    }
    .ac_left_text1 {
        position: absolute;
        left: -8.4vw;
        top: 50vw;
    }
    .ac_left_text1 h3 {
        transform: rotate(-90deg);
        text-shadow: 1px 1px 5px #000000;
        text-align: center;
        color: #fff;
        font-size: 7vw;
        font-weight: 700;
        margin: 0;
        padding: 0;
    }
    .ac_left_text2 {
        position: absolute;
        right: auto;
        left: -7.7vw;
        top: 202vw;
    }
    .ac_left_text2 h3 {
        transform: rotate(-90deg);
        text-shadow: 1px 1px 5px #000000;
        text-align: center;
        color: #fff;
        font-size: 7vw;
        font-weight: 700;
        margin: 0;
        padding: 0;
    }
    .ac_left_main {

    }
    .ac_left_item {
        background-image: url('../images/ab/cm4.png');
        background-repeat: no-repeat;
        background-size: 100% 100%;
        background-position: center;
    
        margin-bottom: 0.7vw;
        padding-left: 3.5vw;
        padding-right: 3.7vw;
        padding-top: 3.5vw;
        padding-bottom: 3.5vw;
    }
    .ac_left_item p {
        /* text-shadow: 1px 1px 3.5px #000000; */
        font-weight: normal;
        color: #ffffff;
        font-size: 3.5vw;
        line-height: normal;
        margin: 0;
        padding: 0;
    }
    .ac_left_item_lower {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .ac_left_item_lower_text {
    
    }
    .ac_left_item_lower_text p {
        text-shadow: 1px 1px 3.5px #000000;
        font-weight: 500;
        color: #FFBE00;
        font-size: 3.5vw;
        line-height: normal;
        margin: 0;
        padding: 0;
    }
    .ac_left_item_lower_image {
        width: 30%;
    }
    .ac_left_item_lower_image img {
        width: 100%;
    }
    .ac_right {
        width: 95%;
        padding-left: 15.1vw;
    }
    .ac_right_text_group {
        padding-left: 3.5vw;
    }
    .ac_right_text {
        margin-bottom: 4vw;
    }
    .ac_right_text p {
        text-shadow: 1px 1px 5px #000000;
        font-weight: normal;
        color: #ffffff;
        font-size: 3.5vw;
        line-height: normal;
        margin: 0;
        padding: 0;
    }
    .ac_right_main {
        width: 100%;
        margin-top: 7.3vw;
        margin-left: -2.5vw;
    }
    .ac_right_item {
        margin-bottom: 1.7vw;
    }
    .ac_right_item h3 {
        text-shadow: 1px 1px 3.5px #000000;
        color: #ffffff;
        font-size: 3.5vw;
        font-weight: 700;
        margin: 0;
        padding: 0;
    
        padding-left: 24vw;
    }
    .ac_right_item:nth-child(1) .ac_right_item_lower {
        background-image: url('../images/ab/cc1.png');
        background-repeat: no-repeat;
        background-size: 100% 100%;
        background-position: center;
    
        padding: 7.7vw 3.7vw 7.5vw 24vw;
        margin-top: -4vw;
    }
    .ac_right_item:nth-child(2) .ac_right_item_lower {
        background-image: url('../images/ab/cc2.png');
        background-repeat: no-repeat;
        background-size: 100% 100%;
        background-position: center;
    
        padding: 7.7vw 3.7vw 7.5vw 24vw;
        margin-top: -4vw;
    }
    .ac_right_item:nth-child(3) .ac_right_item_lower {
        background-image: url('../images/ab/cc3.png');
        background-repeat: no-repeat;
        background-size: 100% 100%;
        background-position: center;
    
        padding: 7.7vw 3.7vw 7.5vw 24vw;
        margin-top: -4vw;
    }
    .ac_right_item_lower p {
        text-shadow: 1px 1px 4px #000;
        font-weight: normal;
        color: #ffffff;
        font-size: 3.5vw;
        line-height: normal;
        margin: 0;
        padding: 0;
    }
    .ac_main_bottom {
        position: relative;
        width: 90%;
        margin-left: auto;
        margin-right: auto;
    }
    .ac_main_bottom_child {
        position: absolute;
        top: 43vw;
        right: 0;
        left: 0;
    }
    .ac_main_bottom_image_right {
        display: flex;
        justify-content: end;
        padding-right: 3.1vw;
    }
    .ac_main_bottom_image {
        width: 40%;
    }
    .ac_main_bottom_image img {
        width: 100%;
    }
    .ac_main_bottom_text {
        margin-top: 3vw;
        padding-right: 3.1vw;
        border-right: 2vw solid #fff;
    }
    .ac_main_bottom_text h5 {
        text-align: end;
        text-shadow: 1px 1px 3.5px #000000;
        color: #ffffff;
        font-size: 5.7vw;
        font-weight: 700;
        margin: 0;
        padding: 0;
        line-height: normal;
        margin-top: 0;
    }
    .ac_main_bottom_text_flex {
        display: flex;
        justify-content: end;
    }
    .ac_main_bottom_text_flex h3 {
        text-align: end;
        background: linear-gradient(to right, #FFC43B, #FFC43B, #FE873D, #F7663A, #EE4037);
        background-clip: text;
        -webkit-text-fill-color: transparent;
        text-decoration: none;
        filter: drop-shadow(1px 1px 5px #000);
        font-size: 8.7vw;
        font-weight: 800;
        margin: 0;
        padding: 0;
        line-height: normal;
        margin-top: -3.5vw;
    }
    .ac_main_bottom_text_flex span {
        text-align: end;
        color: #fff;
        text-decoration: none;
        filter: drop-shadow(1px 1px 5px #000);
        font-size: 8.7vw;
        font-weight: 800;
        margin: 0;
        padding: 0;
        line-height: normal;
        margin-top: -3.5vw;
    }
}






 a {
     color: #1f1f1f;
     text-decoration: none !important;
     outline: none !important;
     -webkit-transition: all .3s ease-in-out;
     -moz-transition: all .3s ease-in-out;
     -ms-transition: all .3s ease-in-out;
     -o-transition: all .3s ease-in-out;
     transition: all .3s ease-in-out;
}
 h1, h2, h3, h4, h5, h6 {
     letter-spacing: 0;
     font-weight: normal;
     position: relative;
     padding: 0 0 10px 0;
     font-weight: normal;
     line-height: normal;
     color: #111111;
     margin: 0 
}
 h1 {
     font-size: 24px 
}
 h2 {
     font-size: 22px 
}
 h3 {
     font-size: 18px 
}
 h4 {
     font-size: 16px 
}
 h5 {
     font-size: 14px 
}
 h6 {
     font-size: 13px 
}
 *, *::after, *::before {
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
}
 h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
     color: #212121;
     text-decoration: none!important;
     opacity: 1 
}
 button:focus {
     outline: none;
}
 ul, li, ol {
     margin: 0px;
     padding: 0px;
     list-style: none;
}
 p {
     margin: 0px;
     font-weight: 300;
     font-size: 15px;
     line-height: 24px;
}
 a {
     color: #222222;
     text-decoration: none;
     outline: none !important;
}
 a, .btn {
     text-decoration: none !important;
     outline: none !important;
     -webkit-transition: all .3s ease-in-out;
     -moz-transition: all .3s ease-in-out;
     -ms-transition: all .3s ease-in-out;
     -o-transition: all .3s ease-in-out;
     transition: all .3s ease-in-out;
}
.img-responisve {
     max-width: 100%;
     height: auto;
}
 :focus {
     outline: 0;
}
 .btn-custom {
     margin-top: 20px;
     background-color: transparent !important;
     border: 2px solid #ddd;
     padding: 12px 40px;
     font-size: 16px;
}
 .lead {
     font-size: 18px;
     line-height: 30px;
     color: #767676;
     margin: 0;
     padding: 0;
}
 .form-control:focus {
     border-color: #ffffff !important;
     box-shadow: 0 0 0 .2rem rgba(255, 255, 255, .25);
}
 .navbar-form input {
     border: none !important;
}
 .badge {
     font-weight: 500;
}
 blockquote {
     margin: 20px 0 20px;
     padding: 30px;
}
 button {
     border: 0;
     margin: 0;
     padding: 0;
     cursor: pointer;
}
 .full {
     float: left;
     width: 100%;
}
 .layout_padding {
     padding-top: 90px;
     padding-bottom: 90px;
}
 .layout_padding_2 {
     padding-top: 75px;
     padding-bottom: 75px;
}
 .light_silver {
     background: #f9f9f9;
}
 .theme_bg {
     background: #38c8a8;
}
 .margin_top_30 {
     margin-top: 30px !important;
}
 .full {
     width: 100%;
     float: left;
     margin: 0;
     padding: 0;
}

/* manual */
.footer_title {
    font-size: 3.2vw;

    background: linear-gradient(to right,#fece01,#FFA410,#FF7A1F,#FF4E2E,#FF2F3A);
    background-clip: text;
    -webkit-text-fill-color: transparent;
  
    text-decoration: none;
    filter: drop-shadow(1px 1px #000);
    font-weight: 700;
}

/**-- heading section --**/
 .main_heading {
     text-align: center;
     display: flex;
     justify-content: center;
     position: relative;
     margin-bottom: 50px;
}
 .main_heading h2 {
     padding: 0;
     font-size: 48px;
     line-height: 60px;
     font-weight: 400;
     position: relative;
     letter-spacing: -0.5px;
     color: #114c7d;
     border-left: solid #38c8a8 10px;
     padding-left: 15px;
}
 .main_heading h2 strong {
     background: #38c8a8;
     color: #fff;
     font-weight: 600;
     padding: 0 15px;
     line-height: 68px;
}
 .white_heading_main h2 {
     color: #fff;
}
 .small_main_heading {
     margin-top: 25px;
     float: left;
     width: 100%;
     border-bottom: solid rgba(0, 0, 0, 0.07) 1px;
     margin-bottom: 25px;
}
 .small_main_heading h2 {
     padding: 2px 0 20px 0;
     color: #114c7d;
     font-weight: 400;
     font-size: 28px;
     background-image: url('../images/fevicon.png');
     background-repeat: no-repeat;
     padding-left: 55px;
     letter-spacing: -0.5px;
}
 .small_main_heading h2 strong {
     color: #38c8a8;
     font-weight: 600;
}
 .main_bt {
     background: #000;
     color: #fff;
     padding: 10px 60px 10px 60px;
     float: left;
     font-size: 15px;
     font-weight: 400;
     border: solid #000 5px;
     border-radius: 0;
     margin-right: 30px;
}
 a.readmore_bt {
     color: #fff;
     font-weight: 300;
     text-decoration: underline !important;
}
 .main_bt:hover, .main_bt:focus {
     background: #ad2101;
     border: solid #ad2101 5px;
     color: #fff;
}
/**-- list icon --**/
 .ul_list_info_icon ul {
     list-style: none;
}
 .ul_list_info_icon ul li {
     display: inline;
     float: left;
     width: 100%;
}
 .ul_list_info_icon ul li img {
     width: 75px;
}
/*---------------------------- preloader area ----------------------------*/
 .loader_bg {
     position: fixed;
     z-index: 9999999;
     background: #fff;
     width: 100%;
     height: 100%;
}
 .loader {
     height: 100%;
     width: 100%;
     position: absolute;
     left: 0;
     top: 0;
     display: flex;
     justify-content: center;
     align-items: center;
}
 .loader img {
     width: 280px;
}
/*---------------------------- scroll to top area ----------------------------*/
 .scrollup {
     float: right;
     position: absolute;
     color: #fff;
     right: 20px;
     padding: 0px 5px;
     text-transform: uppercase;
     font-weight: 600;
     background: #38c8a8;
     position: fixed;
     bottom: 20px;
     z-index: 99;
     text-align: center;
     color: #fff;
     cursor: pointer;
     border-radius: 0px;
     opacity: 0;
     backface-visibility: hidden;
     -webkit-backface-visibility: hidden;
     transform: scale(1);
     -moz-transform: scale(1);
     -o-transform: scale(1);
     -webkit-transform: scale(1);
     transition: .2s all ease;
     -moz-transition: .2s all ease;
     -o-transition: .2s all ease;
     -webkit-transition: .2s all ease;
     width: 50px;
     height: 50px;
     border-radius: 100%;
     line-height: 48px;
     font-size: 16px;
}
 .scrollup.b-show_scrollBut {
     opacity: 1;
     visibility: visible;
}
 .top_awro {
     background: #ee4a79 none repeat scroll 0 0;
     cursor: pointer;
     padding: 6px 8px;
     position: fixed;
     bottom: 59px;
     right: 20px;
     display: none;
     height: 45px;
     width: 45px;
     border-radius: 50%;
     text-align: center;
     line-height: 30px;
     transition: all 0.5s ease;
}
 .sale_pro {
     background: #f25252 !important;
}
 .margin_top_50 {
     margin-top: 50px;
}
 .margin_bottom_30_all {
     margin-bottom: 30px;
}
 .text_align_center {
     text-align: center;
}
/*--------------------------------------------------------------------- header area ---------------------------------------------------------------------*/
 .logo_section {
     text-align: center;
}
 .logo {
     float: left;
}
 nav.main-menu {
     float: left;
     margin-left: 0;
     margin-left: 0;
}
 .menu-area-main li:hover a, .menu-area-main li:focus a {
     color: #fff;
     background: #f00;
}
 .menu-area-main li.active a {
     color: #fff;
     background: #f00;
}
 .right_cart_section {
     float: right;
     width: auto;
}
 .right_cart_section ul {
     float: left;
     min-height: auto;
     margin: 0;
     padding: 12px 0 0;
}
 .right_cart_section .cart_icons {
     padding: 18px 0 0;
}
 .main-menu ul>li nth:child(5) a {
     padding-right: 0px;
}
 .right_cart_section ul li {
     float: left;
     font-size: 17px;
     font-weight: 400;
     color: #fff;
     margin-right: 30px;
}
 .right_cart_section ul.cart_update li {
     font-size: 13px;
     color: #ccc;
     line-height: normal;
     margin: 0;
     font-weight: 300;
}
 .right_cart_section ul.cart_update li span {
     font-size: 18px;
     font-weight: 300;
     color: #fff;
     line-height: 21px;
}
 .right_cart_section ul li i {
     margin-right: 10px;
     margin-top: 5px;
     float: left;
     color: #fff;
     font-size: 21px;
}
 .right_cart_section ul li a {
     color: #fff;
}
/*-- end header middle --*/
 .top-bar-info {
     background: #111111;
     padding: 5px 0px;
}
 .top-menu-left {
     float: left;
}
 .top-menu-left li {
     position: relative;
     display: inline-block;
     margin-right: 11px;
     padding-right: 12px;
}
 .top-menu-left li::before {
     content: '';
     position: absolute;
     right: 0;
     top: 9px;
     height: 10px;
     border-right: 1px dotted #999;
}
 .top-menu-left li:last-child::before {
     display: none;
}
 .top-menu-left li:last-child {
     padding: 0px;
     margin: 0px;
}
 .top-menu-left li a {
     color: #ffffff;
     font-size: 12px;
     text-transform: uppercase;
     text-decoration: none;
}
 .top-menu-left li a:hover {
     color: #38c8a8;
}
 .right-dropdown-language {
     float: right;
     margin-left: 12px;
}
 .dropdown-bar .dropdown-link {
     position: absolute;
     z-index: 1009;
     top: 40px;
     left: 0;
     right: auto;
     min-width: 50px;
     padding: 15px;
     background: #ffffff;
     list-style: none;
     border: 2px solid #38c8a8;
     opacity: 0;
     visibility: hidden;
     -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
     box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
     -webkit-transition: opacity 0.2s ease 0s, visibility 0.2s linear 0s;
     -o-transition: opacity 0.2s ease 0s, visibility 0.2s linear 0s;
     transition: opacity 0.2s ease 0s, visibility 0.2s linear 0s;
     text-align: left;
}
 .dropdown-bar:hover .dropdown-link {
     opacity: 1;
     visibility: visible;
     top: 25px;
}
 .dropdown-bar.right-dropdown-language>a::after {
     font-family: 'FontAwesome';
     content: "\f107";
     text-decoration: none;
     padding-left: 4px;
     color: #ffffff;
}
 .right-dropdown-language>a {
     line-height: 10px;
     padding: 5px 5px;
     cursor: pointer;
}
 .dropdown-bar .dropdown-link li a {
     color: #111111;
     display: block;
     font-size: 12px;
     line-height: 15px;
     padding: 5px 0;
}
 .dropdown-bar .dropdown-link li a:hover {
     color: #38c8a8;
}
 .dropdown-bar .dropdown-link li a img {
     margin-right: 7px;
}
 .dropdown-bar .dropdown-link li.active {
     font-weight: bold;
}
 .right-dropdown-language .dropdown-link {
     min-width: 100px;
     padding: 7px 10px;
     color: #111111;
}
 .dropdown-bar {
     position: relative;
     padding: 0 5px;
     font-size: 13px;
}
 .dropdown-bar .dropdown-link.right-sd {
     left: auto;
     right: 0;
}
 .right-dropdown-currency {
     float: right;
     margin-left: 12px;
}
 .dropdown-bar.right-dropdown-currency>a::after {
     font-family: 'FontAwesome';
     content: "\f107";
     text-decoration: none;
     padding-left: 4px;
     color: #ffffff;
}
 .right-dropdown-currency>a {
     line-height: 10px;
     padding: 5px 5px;
     cursor: pointer;
     color: #ffffff;
}
 .right-dropdown-currency .dropdown-link {
     min-width: 100px;
     padding: 7px 10px;
     color: #111111;
}
 .right-dropdown-currency .dropdown-link {
     min-width: 55px;
     padding: 7px 10px;
}
 .right-dropdown-currency .dropdown-link li a span.symbol {
     margin-right: 7px;
}
 #login-modal .modal-content {
     border-radius: 0px;
}
 #login-modal .modal-content .modal-header {
     background: #38c8a8;
     border-radius: 0;
}
 #login-modal .modal-content .modal-body .form-group input {
     background: #ffffff;
     border: 1px solid #c8c8c8;
     border-radius: 0px;
}
 #login-modal .modal-content .modal-body .form-group input:focus {
     border: 1px solid #c8c8c8 !important;
}
 #login-modal .modal-content form {
     margin-bottom: 10px;
}
 .modal-title {
     padding: 0px;
     color: #ffffff;
     font-size: 18px;
     text-transform: uppercase;
}
 .btn-template-outlined {
     background: #111111;
     color: #ffffff;
     border: none;
     border-radius: 0px;
}
 .btn-template-outlined i {
     padding-right: 10px;
}
 .text-muted {
     padding: 10px 0px;
}
 .slogan-line {
     float: right;
     color: #ffffff;
     font-size: 13px;
}
 .middle-area {
     padding: 30px 0px;
}
 .header-search {
     padding: 3px 0px;
}
 .header-search form {
     position: relative;
     -webkit-box-shadow: 0px 1px 10px -1px rgba(0, 0, 0, 0.2);
     box-shadow: 0px 1px 10px -1px rgba(0, 0, 0, 0.2);
}
 .header-search .btn-group.bootstrap-select {
     position: absolute;
     left: 0px;
     top: 0px;
}
 .header-search input {
     width: 100%;
     min-height: 45px;
     border-radius: 0px;
     border: none;
     padding-left: 15px;
     border: 1px solid #e0e7ed;
}
 .header-search form .search-btn {
     position: absolute;
     right: 0;
     top: 0;
     border: 0;
     color: #fff;
     font-size: 20px;
     padding: 4px 15px;
     border-radius: 0px;
     background-color: #38c8a8;
     cursor: pointer;
}
 .header-search form .search-btn:hover {
     background: #111111;
}
 .cart-box {
     float: right;
     margin-left: 10px;
     position: relative;
}
 .cart-content-box {
     position: absolute;
     z-index: 1009;
     top: 40px;
     left: auto;
     right: 0;
     min-width: 250px;
     max-width: 250px;
     padding: 15px;
     background: #ffffff;
     list-style: none;
     border: 2px solid #38c8a8;
     opacity: 0;
     visibility: hidden;
     -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
     box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
     text-align: left;
     -webkit-transform: scaleY(0);
     transform: scaleY(0);
     -webkit-transform-origin: 0 0 0;
     transform-origin: 0 0 0;
     -webkit-transition: all 0.3s ease 0s;
     transition: all 0.3s ease 0s;
     transition: all 0.3s ease 0s;
}
 .cart-box:hover .cart-content-box {
     opacity: 1;
     visibility: visible;
     top: 100%;
     -webkit-transform: scaleY(1);
     transform: scaleY(1);
}
 .inner-cart {
     background: #38c8a8;
     border-radius: 2px;
     padding: 0px;
     color: #ffffff;
     position: relative;
     width: 40px;
     height: 40px;
     text-align: center;
}
 .cart-box .inner-cart:hover {
     color: #ffffff;
}
 .line-cart {
     float: left;
     line-height: 40px;
     margin-right: 9px;
}
 .cart-box a {
     display: inline-block;
}
 .cart-box a:hover {
     color: #38c8a8;
}
 .cart-box a span.icon {
     background: #38c8a8;
     width: 30px;
     height: 40px;
     display: inline-block;
     line-height: 40px;
     text-align: center;
     color: #ffffff;
     position: relative;
     border-radius: 2px;
}
 .cart-box a .p-up {
     position: absolute;
     right: -8px;
     top: -8px;
     line-height: initial;
     background: #38c8a8;
     padding: 3px;
     border-radius: 50%;
     width: 17px;
     height: 17px;
     font-size: 12px;
     text-align: center;
     line-height: 10px;
}
 .wish-box {
     float: right;
}
 .wish-box a {
     display: inline-block;
}
 .wish-box a:hover {
     color: #38c8a8;
}
 .wish-box a span.icon {
     background: #38c8a8;
     width: 40px;
     height: 40px;
     display: inline-block;
     line-height: 40px;
     text-align: center;
     color: #ffffff;
     position: relative;
     border-radius: 2px;
}
 .wish-box a span.icon:hover {
     background: #111111;
}
 .cart-content-right {
     padding: 5px 0px;
}
 .cart-content-box .items {
     text-align: center;
}
 .product-media {
     width: 60px;
     float: left;
     position: relative;
}
 .cart-content-box .items:hover .product-media::before {
     transform: scale(1);
     -webkit-transform: scale(1);
     -moz-transform: scale(1);
     -ms-transform: scale(1);
     -o-transform: scale(1);
}
 .product-media::before {
     position: absolute;
     content: '';
     z-index: 2;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background-color: #38c8a8;
     opacity: 0.4;
     transform: scale(0);
     -webkit-transform: scale(0);
     -moz-transform: scale(0);
     -ms-transform: scale(0);
     -o-transform: scale(0);
     transition: all 0.5s ease;
     -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
}
 .cart-content-box .items .item .remove {
     position: absolute;
     right: 0px;
     top: 0px;
     background: #38c8a8;
     color: #ffffff;
     width: 20px;
     height: 20px;
     line-height: 18px;
     border-radius: 2px;
}
 .cart-content-box .items .item {
     margin-bottom: 10px;
     padding-bottom: 10px;
     border-bottom: 1px solid #e0e7ed;
     position: relative;
}
 .cart-content-box .items .item .product-info {
     padding-top: 10px;
     padding-left: 71px;
     text-align: left;
}
 .cart-content-box .items .item .remove:hover {
     background: #111111;
}
 .subtotal {
     text-align: left;
     text-transform: capitalize;
     color: #38c8a8;
     font-weight: 500;
     margin-bottom: 15px;
}
 .subtotal span {
     font-weight: bold;
     color: #111111;
     padding-left: 15px;
     float: right;
}
 .actions .btn-process {
     padding: 5px 16px;
     color: #ffffff;
     font-family: 'Roboto', sans-serif;
     font-size: 14px;
     border-radius: 2px;
     overflow: hidden;
}
 .actions .btn-process:hover {
     color: #ffffff;
}
 .line-cart {
     position: relative;
}
 .wish-box a span.icon span {
     position: absolute;
     right: -8px;
     top: -8px;
     line-height: initial;
     background: #38c8a8;
     padding: 3px;
     border-radius: 50%;
     width: 17px;
     height: 17px;
     font-size: 12px;
}
 .main-menu {
     text-align: center;
}
 .main-menu ul {
     margin: 0;
     list-style-type: none;
}
 .main-menu ul>li {
     display: inline-block;
     position: relative;
}
 .main-menu ul>li a {
     padding: 11px 20px;
     text-align: center;
     line-height: 20px;
     font-size: 16px;
     display: block;
     font-weight: 500;
     color: #fff;
     text-transform: uppercase;
     padding-left: 70px;
}
 .main-menu ul li:last-child a {
     padding-right: 0;
}
 .sub-down li {
     background: #ffffff;
}
 .main-menu ul>li .sub-down li a {
     color: #114c7d;
     font-size: 15px;
     text-transform: capitalize;
     font-weight: 300;
     padding: 12px 5px;
     position: relative;
     border-bottom: solid #eee 1px;
}
 .main-menu ul>li .sub-down li a::before {
}
 .main-menu ul>li .sub-down li a:hover {
     color: #111111;
}
 .main-menu ul>li .sub-down li a:hover::before {
}
 .main-menu ul li:first-child {
     margin-left: 0;
     background: #f00;
}
 .main-menu ul>li>ul {
     opacity: 0;
     position: absolute;
     text-align: left;
     top: 100%;
     -webkit-transform: scaleY(0);
     transform: scaleY(0);
     -webkit-transform-origin: 0 0 0;
     transform-origin: 0 0 0;
     -webkit-transition: all 0.3s ease 0s;
     transition: all 0.3s ease 0s;
     visibility: hidden;
     width: 240px;
     z-index: 999;
     background: #fff;
     -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
     box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}
 .main-menu>ul>li:hover>ul {
     -webkit-transform: scaleY(1);
     transform: scaleY(1);
     visibility: visible;
     opacity: 1;
}
 .main-menu ul>li>ul>li {
     margin: 0px;
     position: relative;
     display: block;
}
 .main-menu ul>li>ul>li:hover>ul {
     -webkit-transform: scaleY(1);
     transform: scaleY(1);
     visibility: visible;
     opacity: 1;
     left: 100%;
     top: 10px;
}
 .main-menu ul>li>ul>li>a {
     background: none !important;
}
 .mean-container .mean-nav {
     margin-top: 0px;
     position: absolute;
     top: 100%;
}
 .main-menu ul>li {
     position: inherit;
     display: block;
     text-align: left;
     vertical-align: middle;
}
 .main-menu ul>li:nth-child (6) {
     padding-right: 0px;
}
 .nav>li {
     position: inherit;
     display: inline-block;
     vertical-align: middle;
}
 .megamenu .sub-down {
     max-width: 1140px;
     width: 100%;
     left: 0;
     margin: 0 auto;
     right: 0;
     padding: 15px 0px;
}
/*--------------------------------------------------------------------- top banner area ---------------------------------------------------------------------*/
/*--------------------------------------------------------------------- layout new css ---------------------------------------------------------------------*/
 ul.top_icon {
    float: right;
}
 ul.top_icon li {
    display: inline-block;
}
 ul.top_icon li a {
    color: #fff;
     font-size: 17px;
    line-height: 20px;
     padding: 0px 20px;
}
 .button_login {
    background-color: #f00;
     padding: 4px 12px;
     border-radius: 5px;
}
 .button_login:hover {
    background-color: #ff0000b5;
}
 .padding_left0 {
    padding-left: 0px;
}
 .main-menu ul {
     list-style: none;
     margin: 0;
     padding: 0;
}
 .main-menu ul > li a {
     position: relative;
     display: block;
     cursor: pointer;
}
 .main-menu ul > li a:before, .main-menu ul > li a:after {
     content: '';
     position: absolute;
     width: 0%;
     height: 1px;
     top: 50%;
     margin-top: -0.5px;
     background: #fff;
}
 .main-menu ul > li a:before {
     left: -2.5px;
}
 .main-menu ul > li a:after {
     right: 2.5px;
     background: #fff;
     transition: width 0.8s cubic-bezier(0.22, 0.61, 0.36, 1);
}
 .main-menu ul > li a:hover:before {
     background: #fff;
     width: 100%;
     transition: width 0.5s cubic-bezier(0.22, 0.61, 0.36, 1);
}
 .main-menu ul > li a:hover:after {
     background: transparent;
     width: 100%;
     transition: 0s;
}
.header-top {
    /* background: url(../images/index/home_cover.jpg); */
    width: 100%;
    height: 120vh;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
 .header {
     position: absolute;
     z-index: 999;
     width: 100%;
     padding: 40px 40px 40px 40px;
}
 .logo a {
     font-size: 50px;
     font-weight: bold;
     text-transform: uppercase;
     color: #fff;
     line-height: 40px;
}
 .banner_Client {
     position: relative;
}
.text-bg {
   padding-top: 345px;
}
 .text-bg h1 {
     color: #fff;
     padding-top: 80px;
     font-size: 90px;
     line-height: 100px;
     padding-bottom: 25px;
     text-transform: uppercase;
     font-weight: 500;
}
 .text-bg span {
     font-size: 17px;
     display: block;
     color: #fff;
     line-height: 25px;
     padding-bottom: 50px;
}
 .text-bg a {
     font-size: 16px;
     text-transform: uppercase;
     background-color: #fff;
     color: #ff0000;
     padding: 10px 40px;
     display: inline-block;
}
 .text-bg a:hover {
     background-color: #ff0000;
     color: #fff;
}
 .text-img figure {margin: 0;}
  .text-img figure img {float: right; max-width: 950px;}
 .text {
     position: inherit;
     text-align: left;
     background: #0fbbad;
     width: 100%;
     bottom: auto;
     padding: 0;
     margin-top: 90px 
}
 .img_bg {
     text-align: center;
     margin: 0 auto;
     align-items: center;
     width: 100%;
     display: flex;
     height: 100%;
     text-align: center;
     justify-content: center;
     flex-wrap: wrap;
}
 .img_bg figure {
     margin: 0px;
}
 .img_bg figure img {
     width: 100%;
}
 .img_bg h3 {
     text-align: center;
     font-size: 50px;
     line-height: 58px;
     color: #fff;
}
 .slider_section {
     padding-top: 134px;
}
 .black_nolmal {
     font-weight: normal;
     color: #000;
}
/** how_it section **/
 .margin_bottom {
    margin-bottom: 35px;
}
 .our {
     background-color: #fff;
     padding-top: 90px;
}
 .our .titlepage {
     text-align: left;
}
 .our .two-box figure {
     margin:0px;
}
 .our .Games {
     text-align: left;
}
 .our .Games h3 {
     color: #000;
     font-size: 30px;
     line-height: 30px;
     font-weight: 500;
     padding: 0;
}
 .our .Games p {
     font-size: 17px;
     line-height: 30px;
     color: #181716;
     padding:20px 0px;
     font-weight: 400;
}
 .our .Games a {
     font-size: 16px;
     border: #fff solid 1px;
     background-color: #000;
     color: #fff;
     padding: 10px 27px;
     display: inline-block;
}
 .our .Games a:hover {
     background-color: #ff0000;
     border: #ff0000 solid 1px;
     color: #fff;
}
/** end our section **/
/** We_are section **/
 .We_are {
     padding-top: 90px;
     background: #fff;
}
 .box_bg {
     background: #c3c3c3;
     padding: 40px 0px 40px 65px;
     margin-right: 101px;
}
 .box_bg_img {
     margin-right: -84px;
     box-shadow: #c3c3c3 0px 0px 29px 4px;
}
 .box_bg_img figure {
    margin: 0;
}
 .box_bg_img figure img {
    width: 100%;
}
 .border_right {
    /* border-right: #f00 solid 6px; */
}
 .box_text {
     max-width: 531px;
     width: 100%;
     padding: 25px 2px 2px 2px;
}
 .box_text p {
     font-size: 17px;
     line-height: 30px;
     font-weight: 400;
     text-align: right;
     color: #181716;
}
 .box_text a {
     font-size: 16px;
     border: #fff solid 1px;
     background-color: #000;
     color: #fff;
     padding: 10px 39px;
     display: inline-block;
     margin-top: 11px;
}
 .box_text a:hover {
     background-color: #ff0000;
     border: #ff0000 solid 1px;
     color: #fff;
}

/** contact section **/
.m_contact {
    max-width: 50vw;
}
 .contact {
     background-color: #232322;
}
 .white_bg {
     background-color: #fff;
     padding: 40px 30px 30px 30px 
}
 .contact .titlepage {
     text-align: center;
}
 .contact .titlepage h3 {
     padding: 0px 0px 6px 0px;
     text-transform: uppercase;
     font-weight: bold;
     color: #fff;
     line-height: 46px;
     border-bottom: #fff solid 1px;
     font-size: 40px;
     width: 367px;
     margin: 0 auto;
     margin-bottom: 30px;
}
 .contact .contact_bg {
     background: transparent;
     width: 50%;
     margin-left: auto;
     margin-right: auto;
     height: 100%;
     padding: 0;
     padding: 3vw 3vw 3vw 3vw;
}
@media (min-width: 2500px) {
    .contact .contact_bg {
        width: 80%;
    }
}
@media (min-width: 3000px) {
    .contact .contact_bg {
        width: 100%;
    }
}
@media (max-width: 800px) {
    .contact .contact_bg {
        width: 80%;
    }
}
@media (max-width: 450px) {
    .contact .contact_bg {
        width: 90%;
    }
}
@media (max-width: 350px) {
    .contact .contact_bg {
        width: 100%;
    }
}

 .contact .contact_bg .contactus {
    font-size: 0.8vw;
     border: #b1b0b0 solid 1px;
     padding: 12px 19px;
     margin-bottom: 26px;
     border-radius: inherit;
     color: #000;
     width: 100%;
}
 .contact .contact_bg .textarea {
    font-size: 0.8vw;
     margin-bottom: 25px;
     padding: 15px 19px;
     color: #000 !important;
     width: 100%;
     border: #b1b0b0 solid 1px;
     border-radius: inherit;
}
 .contact .contact_bg .send {
     width: 5em;
     font-size: 1vw;
     border: #FF7A1F solid 1px;
     background-color: #FF7A1F;
     color: #fff;
     padding: 8px 37px;
     display: flex;
     justify-content: center;
     margin: 0 auto;
     flex-wrap: wrap;
}
 .contact .contact_bg .send:hover {
     background-color: #fff;
border: #fff solid 1px;
color: #FF7A1F;
}
/** end contact section **/
/** testimonial **/
 .testimonial {
     background: #fff;
     margin-top: 85px;
}
 .titlepage {
    text-align: center;
     padding-bottom: 2vw;
}
 .titlepage h2 {
     padding: 0;
     font-weight: 700;
     color: #ffffff;
     line-height: 50px;
     font-size: 2vw;
}
@media (max-width: 800px) {
    .titlepage h2 {
        font-size: 21px;
    }
    .contact .contact_bg .send {
        font-size: 12px;
    }
    .contact .contact_bg .contactus {
        padding: 5px 19px;
        font-size: 12px;
   }
    .contact .contact_bg .textarea {
        padding: 8px 19px;
        font-size: 12px;
    }
    .m_contact {
        max-width: 500px;
    }
}


 .testimonial_box {
    text-align: center;
}
 .testimonial_box figure {
    margin: 0;
}
 .box {
     display: flex;
     align-items: center;
     flex-wrap: wrap;
     text-align: center;
}
 .testimonial .clients_box {
     text-align: center;
}
 .testimonial .clients_box {
     border-radius: 20px;
     text-align: center;
}
 .testimonial .clients_box h3 {
     padding-top: 20px;
     font-size: 29px;
     line-height: 30px;
     color: #000;
     font-weight: 500;
     border-bottom: #000 solid 1px;
     width: 104px;
     display: inline-block;
     padding-bottom: 5px;
     margin-bottom: 15px;
}
 .testimonial .clients_box p {
     color: #000;
     font-size: 17px;
     line-height: 28px;
     font-weight: 400;
     color: #1a1a1b;
}
 .testimonial .clients_box span {
     color: #6e6e6e;
     font-size: 16px;
     padding-bottom: 5px;
     display: inline-block;
}
/** end testimonial **/
/** footer **/
.m_footer {
    max-width: 70vw;
    margin-left: auto;
    margin-right: auto;
}
 .footer {
     background: #181716;
     padding-top: 3vw;
}
 .footer h2 {
    color: #fff;
     font-size: 2vw;
     text-align: center;
     margin: 0.5vw;
     padding: 0;
}
.footer h5 {
    color: #F1B902;
    font-size: 1vw;
    text-align: center;
    margin: 0.5vw;
    padding: 0;
}
.pfoot {
    text-align: center;
    padding-top: 1.15vw;
    margin-bottom: 2.5vw;
}
.pfoot p {
    color: #fff;
    font-size: 1vw;
    text-align: center;
    line-height: normal;
    margin: 0.23vw;
    padding: 0;
}
.pfoot a {
    color: #0d6efd;
    font-size: 1vw;
    line-height: normal;
    margin: 0;
    padding: 0;
}




 .footer .address h3 {
     color: #fff;
     font-size: 1.5vw;
     font-weight: 500;
     text-transform: uppercase;
     padding-bottom: 1vwpx;
     border-bottom: #FF7A1F solid 4px;
     margin-bottom: 20px;
     margin-top: 20px;
     max-width: 10vw;
}
 .location_section {
     background-color: #fff;
     margin-bottom: 40px;
     border-radius: 10px;
     padding: 20px 35px;
}
 .news {
    padding-bottom: 3.5vw;
     padding-top: 2vw;
     display: flex;
     justify-content: center;
}
 .news .newslatter {
     padding: 14px 15px;
     box-shadow: inherit;
     width: 25vw;
     font-size: 0.9vw;
}
 .submit {
    padding: 14px 15px;
     border: #FF7A1F solid 1px;
     background: #FF7A1F;
     color: #fff;
     margin-left: -5px;
     font-weight: 500;
     font-size: 0.9vw;
}
 .submit:hover {
     background: #d2cece;
     border: #d2cece solid 1px;
     color: #FF7A1F;
}
 ul.social_link {
    padding-bottom: 13px;
     padding-top: 7px;
     display: block;
     margin-left: -30px;
}
 ul.social_link li {
    display: inline-block;
     padding-right: 4px;
}
 ul.social_link li a img {
    width: 1.5vw;
     height: 1.5vw;
}
 ul.social_link li a img:hover {
     background-color: #FF7A1F;
     border-radius: 20px;
}
.address .bi {
    color: #FF7A1F;
    font-size: 1vw;
}

ul.Menu_footer {
    margin-left: -30px;
}
 ul.Menu_footer li{
    padding-bottom: 8px;
     display: flex;
}
 ul.Menu_footer li a {
     color: #fff;
     font-size: 1vw;
     padding-left: 5px;
}
 ul.Menu_footer li a:hover{
     color: #FF7A1F;
}
 ul.Links_footer {
     list-style: none;
     margin: 0;
     padding: 0;
     width: 100%;
     float: left;
}
 ul.Links_footer li a {
     color: #fff;
     font-size: 1vw;
     padding-left: 5px;
}
 ul.Links_footer li a:hover{
     color: #FF7A1F;
}
 ul.Links_footer li {
     padding-bottom: 8px;
     display: flex;
}
ul.loca {
    margin-left: -30px;
}
 ul.loca li {
     color: #fff;
     padding-bottom: 10px;
     display: flex;
     font-size: 1vw;
}
 ul.loca li a {
     padding-right: 0.8vw;
     color: #fff;
     margin-top: 1px;
}
 .copyright {
     padding: 1vw 0px;
     margin-top: 55px;
     background-color: #fff;
}
 .copyright p {
     color: #000;
     font-size: 1vw;
     line-height: 22px;
     text-align: center;
     border-top: #fff solid 1px;
}
 .copyright a {
     color: #000;
}
 .copyright a:hover {
     color: #FF7A1F;
}

.Menu_footer li img {
    width: 0.4vw !important;
    height: 0.7vw !important;
}

@media (max-width: 800px) {
    .news {
        justify-content: start;
    }
    .m_footer {
        margin-top: 30px;
        max-width: 400px;
        width: auto !important;
    }
    .footer h2 {
        font-size: 21px ;
    }
    .footer h5 {
        font-size: 13px;
        margin: 5px;
    }
    .pfoot {
        text-align: center;
        padding-top: 15px;
        margin-bottom: 3px;
    }
    .pfoot p {
        font-size: 13px;
        margin: 5px;
    }
    .pfoot a {
        font-size: 13px;
    }
     .footer .address h3 {
        font-size: 13px;
        max-width: 100px;
     }
    ul.Menu_footer li a {
        font-size: 12px;
    }
    ul.Links_footer li a {
        font-size: 12px;
    }
    .address .bi {
        font-size: 12px;
    }
    ul.loca li {
        font-size: 12px;
    }
    .copyright p {
        font-size: 12px;
    }
    .news .newslatter {
        padding: 5px 15px;
        font-size: 12px;
        width: 58vw;
   }
    .submit {
        padding: 5px 15px;
        font-size: 12px;
    }
    ul.social_link li a img {
        width: 25px;
        height: 25px;
    }
    .footer_title {
        font-size: 3.5rem;

        background: linear-gradient(to right,#fece01,#FFA410,#FF7A1F,#FF4E2E,#FF2F3A);
        background-clip: text;
        -webkit-text-fill-color: transparent;
      
        text-decoration: none;
        filter: drop-shadow(1px 1px #000);
        font-weight: 700;
    }
    ul.loca li a {
        padding-right: 8px;
    }
}

@media (max-width: 450px) {
    .m_footer {
        width: 450px;
        padding-left: 40px;
        padding-right: 40px;
    }
    ul.social_link li a img {
        width: 18px;
        height: 18px;
    }
}
@media (max-width: 320px) {
    .m_footer {
        width: 450px;
        padding-left: 10px;
        padding-right: 40px;
    }
}
/** end footer **/
/*--------------------------------------------------------------------- ener page css ---------------------------------------------------------------------*/