/*
Theme Name: GeneratePress Child
Theme URI: https://generatepress.com
Template: generatepress
Author: Arta
Author URI: https://asisten.my.id
Description: GeneratePress is a lightweight WordPress theme built with a focus on speed and usability. Performance is important to us, which is why a fresh GeneratePress install adds less than 10kb (gzipped) to your page size. We take full advantage of the block editor (Gutenberg), which gives you more control over creating your content. If you use page builders, GeneratePress is the right theme for you. It is completely compatible with all major page builders, including Beaver Builder and Elementor. Thanks to our emphasis on WordPress coding standards, we can boast full compatibility with all well-coded plugins, including WooCommerce. GeneratePress is fully responsive, uses valid HTML/CSS, and is translated into over 25 languages by our amazing community of users. A few of our many features include 60+ color controls, powerful dynamic typography, 5 navigation locations, 5 sidebar layouts, dropdown menus (click or hover), and 9 widget areas. Learn more and check out our powerful premium version at https://generatepress.com
Tags: two-columns,three-columns,one-column,right-sidebar,left-sidebar,footer-widgets,blog,e-commerce,flexible-header,full-width-template,buddypress,custom-header,custom-background,custom-menu,custom-colors,sticky-post,threaded-comments,translation-ready,rtl-language-support,featured-images,theme-options
Version: 3.1.1

*/

:root {
  --bs-body-color: #fff;
  --bs-body-bg: #2f4553;
  --bs-body-color-rgb: 33, 37, 41;
  --bs-body-bg-rgb: 255, 255, 255;
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-border-color: #dee2e6;
  --angle: 45deg;
  --opacity: .5;
	--primary-rgb : 109, 1, 1;
	--primary : #6d0101;
}
*,
*::before,
*::after {
  box-sizing: border-box;
}

@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: smooth;
  }
}
@font-face {
    font-family: 'digital_sans_ef_medium';
    src: url('/digital_sans_ef_medium.woff2') format('woff2'),url('/digital_sans_ef_medium.woff') format('woff');
    font-weight: normal;
    font-style: normal
}

body {
	margin: 0;
	font-family: 'digital_sans_ef_medium';
	font-size: var(--bs-body-font-size);
	font-weight: var(--bs-body-font-weight);
	line-height: var(--bs-body-line-height);
	color: var(--bs-body-color);
	text-align: var(--bs-body-text-align);
	background-color: var(--bs-body-bg);
	background-image: url("/wp-content/uploads/2026/06/background.png");
	background-repeat: no-repeat;  /* Prevents the image from tiling */
	background-position: center;   /* Centers the image within the element */
	background-size: cover;        /* Scales image to cover the whole box proportionally */
	background-attachment: fixed;  /* Optional: Creates a parallax scrolling effect */

	-webkit-text-size-adjust: 100%;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body{
    font-size: 16px;
}

h1, h1 a {
    font-size: 32px;
	color:#fff;
}

h2, h2 a {
    font-size: 30px;
	color:#fff;
}

h3, h3 a {
    font-size: 28px;
	color:#fff;
}

h4, h4 a {
    font-size: 20px;
	color:#fff;
}

.site-header .header-image {
    width: 200px;
}

.site-header {
	/*
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	*/
	background-color: rgba(0,0,0,0);
	color: #FFFFFF;
	z-index:9999;
}

.site-content{
	width :100%;
}


@media screen and (max-width: 991.99px)  and (min-width: 767.9px)
{
	body{
		font-size: 14px;
	}

	h1, h1 a {
		font-size: 30px!important;
	}
	
	h2, h2 a {
		font-size: 28px!important;
	}

	h3, h3 a {
		font-size: 26px;
	}

	h4, h4 a {
		font-size: 16px;
	}
}

@media screen and (max-width: 767px) and (min-width: 478.9px)
{
	body{
		font-size: 13px;
	}

	h1, h1 a {
		font-size: 28px!important;
	}
	
	h2, h2 a {
		font-size: 26px!important;
	}

	h3, h3 a {
		font-size: 24px;
	}	
	h4, h4 a {
		font-size: 20px;
	}

}

@media screen and (max-width: 479px)
{
	body{
		font-size: 12px;
	}

	h1, h1 a {
		font-size: 26px!important;
	}
	
	h2, h2 a {
		font-size: 24px!important;
	}

	h3, h3 a {
		font-size: 22px;
	}
	h4, h4 a {
		font-size: 18px;
	}
}

.text-center , .centered{
  text-align: center !important;
}

p {
	text-align: justify; 
}

.d-flex {
  display: flex !important;
}

.justify-content-center {
  justify-content: center !important;
}

.align-items-center {
  align-items: center !important;
}

.me-1 {
  margin-right: 0.25rem !important;
}

.ms-1 {
  margin-left: 0.25rem !important;
}

.my-1 {
  margin-top: 1px !important;
  margin-bottom: 1px !important;
}

.my-2 {
  margin-top: 2px !important;
  margin-bottom: 2px !important;
}

.mb-5 {
  margin-bottom: 5px !important;
}

.mb-10 {
  margin-bottom: 10px !important;
}

.mb-20 {
  margin-bottom: 20px !important;
}


.bg-primary{
  background-color : #d50000;
  color : #ffffff;
}

.bg-secondary {
  background-color: #3463ac;
  color : #ffffff;
}

.bg-grey{
  background-color: rgba(239, 239, 239,.4);
  color : #000;
}

.bg-light{
	background-color: rgba(250, 255, 255,1);
	color : #000;
}

.bg-dark-light{
	background-color: rgba(15, 33, 46, 0) !important;
}


.bg-dark{
	background-color: rgba(26, 44, 56,0) !important;
	color : #fff;
}

.bg-primary-gradient
{
    background-size: 200% auto;
    box-shadow: 0 4px 6px rgb(50 50 93 / 11%), 0 1px 3px rgb(0 0 0 / 8%);
    background-image: linear-gradient(to right, rgba(33, 21, 1,.8) 0%, rgba(110, 70, 4,.8) 50%, rgba(33, 21, 1,.8) 100%);
    transition: 0.5s;
}

.bg-primary-gradient:hover {
	background-position: right center;
    color: #fff;
}

.cta {
    display: block;
    text-align: center;
    text-decoration: none;
    font-weight: 500;
    font-size: 16px;
    line-height: 50px;
    margin-bottom: 10px;
    width: 100%;
    background-size: 200% auto;
	background-color: rgba(255, 255, 255,var(--opacity));
	color : #000;
}

.btn-login {
    background-color: #ee6371;
    color: #fff!important;
    transition: 0.5s;
}

.btn-register {
    background: linear-gradient(to bottom,#fca501 0%,#ce7400 100%);
    color: #fff!important;
    transition: 0.5s;
}

.btn-jaguar99 {
    background-color: #6d0101;
    color: #fff!important;
    transition: 0.5s;
}

.btn-m88 {
    background-color: #CAAB72;
    color: #000!important;
    transition: 0.5s;
}

.animation{
  -webkit-animation: glowing 1500ms infinite;
  -moz-animation: glowing 1500ms infinite;
  -o-animation: glowing 1500ms infinite;
  animation: glowing 1500ms infinite;
}

.cta:hover {
	background-position: right center;
}
.bold
{
	font-weight: bold;
}

/* Scrolbar */

::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0,.3);
	background-color: #F5F5F5;
}
::-webkit-scrollbar {
	width: 0px;
	height: 0px;
	background-color: #F5F5F5;
}
::-webkit-scrollbar-thumb {
	background-color: #000000;
	border: 2px solid #555555;
}
/* CSS Scrolbar end*/

/* ======================== COSTOM START ========================*/

a{
	text-decoration : none;
	color:#f71302;
}

a:hover{
	text-decoration : none;
	color:#edb707;
}

.separate-containers .site-main
{
	margin-top: 0;
}

.main-title a, .main-title a:hover
{
	color: #FFFFFF;
}

.site-main a
{
	color: #b30202;
}

.site-main a:hover
{
	color: #edb707;
}

.separate-containers .inside-article
{
	color: #FFFFFF;
	background:rgba(0,0,0,0);
}

.site-info {
	background-color: rgba(0, 0, 0,.1);
}

.mobile-menu-control-wrapper .menu-toggle {
  color: #FFFFFF;
}

.inside-navigation{
	background: transparent;
}

.inside-header {
    padding: 10px;
}

.main-navigation
{
	background: transparent;
	display: none !important;
}

.menu-bar-items
{
	background: transparent;
	color: #FFFFFF;
}

.main-navigation .main-nav ul li a
{
	color: #FFFFFF;
    margin-left: 1px;
    margin-right: 1px;
	margin-bottom:2px;
	padding-left: 20px;
    padding-right: 20px;
    line-height: 40px;
    background-size: 200% auto;
    box-shadow: 0 4px 6px rgb(50 50 93 / 11%), 0 1px 3px rgb(0 0 0 / 8%);
    background-color: rgba(235, 163, 7,1);
    transition: 0.5s;
}

.main-navigation .main-nav ul li a:hover
{
    color: rgba(109, 1, 1,var(--opacity))!important;
}

.main-navigation .main-nav ul li[class*="current-menu-"] > a {
    color: rgba(109, 1, 1,var(--opacity))!important;
}

button.menu-toggle:hover, button.menu-toggle:focus {
  color: #FFFFFF;
}

.inside-header
{
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
}

.main-content
{
	background: none;
	color: #fff;
    padding: 0px 3px;
}

/* ======================== COSTOM END ========================*/

/* ======================== SHORCODE STYLE START ========================*/


/* artFutureTable */

.table-atribute{
	width:100%;
	border: 1px solid #f00000;
	border-collapse: collapse;
	background-image: url("/wp-content/uploads/2026/06/bg-3.jpg");
	background-repeat: no-repeat;  /* Prevents the image from tiling */
	background-position: center;   /* Centers the image within the element */
	background-size: cover;        /* Scales image to cover the whole box proportionally */
	background-attachment: fixed;  /* Optional: Creates a parallax scrolling effect */
}

.table-atribute td {
	width: 50%;
	padding: 10px;
    border-spacing: 0;
	border: 1px solid #f00000;
}

.table-atribute th {
	border: 1px solid #f00000;
}

.table-atribute th {
  padding: 10px 0px;
  text-align: center !important;
  color:#fff;
  font-weight: bold;
  font-size: 18px;
}

@media (max-width: 991.99px)
{
	.table-atribute td {
		font-size: 10px;
	}
	.table-atribute th {
	  padding: 5px 0px;
	}

}
/* artFutureTable */

/* ======================== SHORCODE STYLE END ========================*/


/* ============================================= Animation Start ================================================= */

@-webkit-keyframes glowing {
  0% { background-color: #ee6371; -webkit-box-shadow: 0 0 3px #ee6371; }
  50% { background-color: #eb5261; -webkit-box-shadow: 0 0 40px #eb5261; }
  100% { background-color: #ee6371; -webkit-box-shadow: 0 0 3px #ee6371; }
}

@-moz-keyframes glowing {
  0% { background-color: #ee6371; -webkit-box-shadow: 0 0 3px #ee6371; }
  50% { background-color: #eb5261; -webkit-box-shadow: 0 0 40px #eb5261; }
  100% { background-color: #ee6371; -webkit-box-shadow: 0 0 3px #ee6371; }
}

@-o-keyframes glowing {
  0% { background-color: #ee6371; -webkit-box-shadow: 0 0 3px #ee6371; }
  50% { background-color: #eb5261; -webkit-box-shadow: 0 0 40px #eb5261; }
  100% { background-color: #ee6371; -webkit-box-shadow: 0 0 3px #ee6371; }
}

@keyframes glowing {
  0% { background-color: #ee6371; -webkit-box-shadow: 0 0 3px #ee6371; }
  50% { background-color: #eb5261; -webkit-box-shadow: 0 0 40px #eb5261; }
  100% { background-color: #ee6371; -webkit-box-shadow: 0 0 3px #ee6371; }
}
.block {
	position: relative;
    background-color: rgba(var(--primary-rgb),var(--opacity));
	margin-top:5px;
	margin-bottom:5px;
}

@media screen and (max-width: 479px)
{
	.block {
		width:99.3vw;
	}
}

.block:before, .block:after {
	content: '';
	position: absolute;
	left: -2px;
	top: -2px;
	background: linear-gradient(45deg, rgba(235, 163, 7,.5),rgba(235, 75, 7,.5),rgba(255, 255, 255,.5),rgba(255, 7, 3,.5),rgba(235, 163, 7,.5),rgba(235, 75, 7,.5),rgba(255, 255, 255,.5),rgba(255, 7, 3,.5));
	background-size: 400%;
	width: calc(100% + 5px);
	height: calc(100% + 5px);
	z-index: -10;
	animation: steam 20s linear infinite;
}

@keyframes steam {
	0% {
		background-position: 0 0;
	}
	50% {
		background-position: 400% 0;
	}
	100% {
		background-position: 0 0;
	}
}

.block:after {
	filter: blur(50px);
}

/* ============================================= Animation END ================================================= */

.faq {
    background-color: rgba(77, 73, 73,.2);
    color: #fff;
}

.faq div{
    background-color: rgba(77, 73, 73,.5);
	margin-top :0;
	margin-bottom :0;

}
.faq div h4{
    background-color: rgba(77, 73, 73,.7);
	padding: 20px 0px;
	margin-bottom :0;
	margin-top :0;
	text-align: center;
    color: #fff;
	font-size: 12px;
}

.faq div p{
	margin-bottom :3px;
	padding: 10px;
    color: #fff;
}

.faq h3{
    background: linear-gradient(to bottom,rgba(109, 109, 109,.5) 0,rgba(0, 0, 0,.5) 100%);
	padding: 20px 0px;
	margin-bottom :1px;
	text-align: center;
	color: #fff;
}

.justify {
    text-align: justify;
}

#mobile-menu-control-wrapper
{
	display:none;
}

/*
.sticky-footer {
	background	: #000;
	background-image: linear-gradient(to right,rgba(140,3,3,.7) 0%,rgba(213,0,0,.7) 50%,rgba(112,2,2,.7) 100%);
	bottom: 0;
	height: 60px;
	position: fixed;
	width: 100%;
	z-index:9999;
}
*/
	.btnf {
		align-items: center;
		border-radius: 0;
		color: #fff;
		display: flex;
		flex-direction: column;
		/*
		font-size: .75rem;
		font-weight: 700;
		*/
		height: 60px;
		justify-content: center;
		width: 100%;
	}

table {
    margin: 0;
}

.copyright-bar
{
	color:#fff;
}

.art-costom-footer
{
	width :100%;
	position: fixed;
	bottom: 10px;
	z-index : 99999;
}

.art-footer-box
{
	text-align: center;
}

.art-footer-box .img-large
{
	width:100%;
}

.art-footer-box .img-medium
{
	width:100%;
	display : none;
}

.art-footer-box .img-mobile
{
	width:100%;
	display : none;	
}

@media (max-width: 791.9px)
{
	.art-footer-box .img-medium
	{
		display : block;	
	}
	.art-footer-box .img-large
	{
		display : none;	
	}
}

@media (max-width: 575.9px)
{
	.art-footer-box .img-mobile
	{
		display : block;	
	}
	.art-footer-box .img-medium
	{
		display : none;	
	}
	.art-footer-box .img-large
	{
		display : none;	
	}

	.site-footer{
		padding-bottom :70px;
	}

	.art-costom-footer
	{
		bottom: 23px;
	}

}

.flying-button {
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    position: absolute;
	padding-top: 5px;
	padding-bottom: 5px;
    right: 0;
    top: -22px;
    background-image: linear-gradient(to right, rgba(87, 2, 2,1) 0%, rgba(191, 0, 0,1) 50%, rgba(250, 2, 2,1) 100%);
    transition: 0.5s;
    background-size: 200% auto;
    box-shadow: 0 -6px 18px 0 rgb(9 32 76 / 8%);
}