/* FONTS DEFINITION */
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');




/* HEADER */
@media(min-width: 1400px) {
    .container, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl {
        max-width: 1400px;
    }
}

@media(max-width: 768px) {
    body.page-sunat-racing div.offcanvas.offcanvas-end {
		background: blue;
	}
	body.page-sunat-racing section.price-section .cnt-testimoni h2
	body.page-sunat-racing section.price-section .cnt-testimoni h2 {
		text-align: center;
	}
}
body.page-sunat-racing button.btn.nav-toggler {
	color: white;
    border-color: white;
}
.g-scrolling-carousel {
	/*width:607px;*/
	margin: 0 auto;
}
.g-scrolling-carousel .items > *{
	min-height:96px;
	margin-right:10px;
}
.g-scrolling-carousel .items .card:last-child{
	margin-right:0;
}
.offcanvas-body .main-menu-highlight {
	padding:0px;
}
.offcanvas.show {
	background: #003DD8;
}





/* BODY */
body.page-sunat-racing {
	background: #1B63FF;
	/*font-family: Arial, sans-serif;*/
	font-family: "Inter", sans-serif;
	font-optical-sizing: auto;
	font-weight: normal;
	font-style: normal;
}
body.page-sunat-racing h2 {
	color: #114BC6;
	font-size: 3.5rem;
}
body.page-sunat-racing h3 {
	color: #3c418b;
	font-size: 1.75rem;
}
@media(max-width: 991px) {
	body.page-sunat-racing h2 {
		font-size: 2.5rem;
	}
}
body.page-sunat-racing nav.bg-light {
	min-height:25px !important;
	background: #1B63FF !important;
}
body.page-sunat-racing .bg-body-tertiary {
	background: #1B63FF !important;
	font-size: 1.2rem;
}
body.page-sunat-racing .bg-body-tertiary .nav-link {
	color: white;
}
body.page-sunat-racing .bg-body-tertiary .nav-link.active {
	background: rgba(255, 255, 255, 0.85);
    color: #1B63FF !important;
    font-weight: 600;
    border-radius: 25px;
    padding: 8px 15px;
}
body.page-sunat-racing .bg-body-tertiary .dashicons.dashicons-awards {
	color: #ff9b00;
}

/* Section: HERO */
body.page-sunat-racing .hero-section {
	/* background-color: linear-gradient(135deg, #1e88e5, #1565c0); */
	background: url('../img/sunatracing/bg_race_3--h320px.png') no-repeat bottom center; background-size: contain;
	padding: 50px 0;
	width:100%;
	color: white;
	height: 85vh;
}
body.page-sunat-racing .hero-section img.sunat-racing-logo {
	width:90%;
}
body.page-sunat-racing .hero-section img.sunat-racing-piala {
	margin-top:-100px;
}
body.page-sunat-racing .hero-section p.hero-deskripsi {
	font-size:28px;
	line-height:1.9rem;
	margin-top:10px;
	color:rgba(255,255,255,0.8);
}
body.page-sunat-racing .hero-section a.sunatracing-order-wa,
body.page-sunat-racing .faq-section a.sunatracing-faq {
	border: 4px solid white;
	border-radius:50px;
	background-color: #FFB700;
	color: white;
	font-weight:600;
	padding:10px 30px;
	font-size:28px;
}
body.page-sunat-racing .hero-section a.sunatracing-order-wa span,
body.page-sunat-racing .faq-section a.sunatracing-faq span {
	display:inline-flex;
	background-color: white;
	border-radius:50%;
	padding:7px;
	border:2px solid white;
}
body.page-sunat-racing .hero-section a.sunatracing-order-wa i,
body.page-sunat-racing .faq-section a.sunatracing-faq i {
	color:#FFB700;
	font-size:1.0rem;
}


/* Section: FITUR */
body.page-sunat-racing .fitur-section {
	padding: 50px 0;
	background-color: #f8f9fa;
}
body.page-sunat-racing .fitur-section .card {
	min-height: 420px;
	border-radius: 15px;
	box-shadow: none;
	background: #017FFF;
	background: linear-gradient(180deg, #017fff 0%, #0142cf 83%);
	border: 0px none white;
}
@media(max-width: 991px) {
	body.page-sunat-racing .fitur-section .card {
		min-height: 440px;
	}
}
body.page-sunat-racing .fitur-section .card-header {
	border: 0px none white;
    background: none;
}
body.page-sunat-racing .fitur-section .card-header span {
	align-items: center;
    background-color: white;
    border-radius: 50%;
    padding: 10px 15px;
    margin: 32px 0;
    border: 2px solid white;
    display: inline-flex;
    justify-content: center;
    width: 80px;
    height: 80px;
}
body.page-sunat-racing .fitur-section .card-header span i {
	font-size: 3.5rem;
	color: #54adff;
}
body.page-sunat-racing .fitur-section .card-body {
	padding: 0px 40px;
}
body.page-sunat-racing .fitur-section .card-body h5.card-title {
	font-size: 2rem;
	line-height: 2.3rem;
	color: white;
}
body.page-sunat-racing .fitur-section .card-body p.card-text {
	font-size: 1.2rem;
	line-height: 1.3rem;
	color: #87aff0;
	white-space: normal;
}
body.page-sunat-racing .fitur-section .card-body a.btn {
	background: white;
    border-radius: 25px;
    color: #0159e0;
    font-weight: bold;
    font-size: 1.4rem;
    line-height: 2.5rem;
}


/* Section: PRICE */
body.page-sunat-racing .price-section {
	padding: 50px 0;
	background: #2459DD;
	background: linear-gradient(180deg, #0008ff8f 0%, #85ccff2b 100%), url(../img/sunatracing/bg_price.png) no-repeat bottom center;
	background-size: cover;
    border-top: 20px solid #0e36ba;
    width: 100%;
	color: white;
}
body.page-sunat-racing .price-section h2 {
	color: white;
}
body.page-sunat-racing .price-section p.text-deskripsi {
	color: white !important;
    font-size: 1.75rem;
    line-height: 2rem;
    padding: 10px 18px;
}
body.page-sunat-racing .price-section .price-card {
	border-radius: 15px;
	padding: 20px;
	margin: 10px;
	background-color: #e9f5fb;
}
body.page-sunat-racing .price-section .price-card.recommended {
	margin-top: -80px;
	background: linear-gradient(180deg, #D400FF, #145FFF);
	box-shadow: 10px 20px 20px rgba(0, 0, 0, 0.4);
}
@media(max-width: 768px) {
    body.page-sunat-racing .price-section .price-card.recommended {
		margin-top: 20px;
	}
}
@media(max-width: 991px) {
	body.page-sunat-racing .price-section .price-card.recommended {
		margin-top: 0px;
	}
}
body.page-sunat-racing .price-section .row.cnt-pricelist {
	border-radius: 25px;
    background-color: rgba(255, 255, 255, 0.57);
    padding: 32px;
	margin-top: 80px !important;
}
body.page-sunat-racing .price-section .price-card p {
	color: #444;
	font-size: 1.1rem;
    line-height: 1.1rem;
    font-weight: 500;
	text-align: left;
}
body.page-sunat-racing .price-section .price-card.recommended p {
	color: white;
}
body.page-sunat-racing .price-section .price-card p.harga {
	color: #aaa;
    font-size: 1.3rem;
	line-height: 1.6rem;
	padding-top: 30px;
	text-align: center;
}
body.page-sunat-racing .price-section .price-card.recommended p.harga {
	color: #ccc;
}
body.page-sunat-racing .price-section .price-card p.harga span {
	color: #1d55db;
    font-size: 2.5rem;
    font-weight: 700;
}
body.page-sunat-racing .price-section .price-card.recommended p.harga span {
	color: white;
}
body.page-sunat-racing .price-section .row.cnt-pricelist h4 {
	color: #2a8dff;
	font-size: 2.2rem;
    font-weight: 600;
	margin: 20px 0px;
	line-height: 2.1rem;
}
body.page-sunat-racing .price-section .price-card.recommended h4 {
	color: #ffb700;
}
body.page-sunat-racing .price-section .row.cnt-pricelist a.btn {
	background: #3f7bff;
    border-radius: 25px;
    color: white;
    font-weight: 500;
    font-size: 1.4rem;
    line-height: 2.3rem;
	margin-top: 40px !important;
}
body.page-sunat-racing .price-section .row.cnt-pricelist .price-card.recommended a.btn {
	background: #ffb700;
}
body.page-sunat-racing .price-section .price-card ul {
	list-style: none; /* Removes default bullets */
}
body.page-sunat-racing .price-section .price-card li {
	display: flex;         /* Makes the list item a flex container */
	align-items: center;   /* Vertically centers the content and pseudo-element */
	position: relative;    /* Required for absolute positioning of the custom bullet */
	padding-left: 35px;    /* Adds space for the custom bullet */
	border-bottom: 0px none #ccc; /* Optional: helps visualize the item height */
	line-height: 1.2rem;
}
body.page-sunat-racing .price-section .price-card.recommended li {
	color: white;
}
body.page-sunat-racing .price-section .row.cnt-pricelist li b {
	padding-left: 6px;
}
body.page-sunat-racing .price-section .price-card li:nth-child(even) {
	background: transparent;
}
body.page-sunat-racing .price-section .price-card li:nth-child(odd) {
	background-color: rgba(0, 0, 0, 0.03); /* Light gray background */
}
body.page-sunat-racing .price-section .price-card li::before {
	background-image: url('../img/sunatracing/chk-icon.png');
	background-repeat: no-repeat;
	/*background-position: 0 0.4rem; */ /* Adjusts position */
	background-size: 1rem 1rem; /* Adjusts size */
	padding-left: 1.2rem; /* Space between custom bullet and text */
	background-color: transparent;
	
	content: "";          /* The custom bullet character */
	position: absolute;    /* Positions the bullet relative to the list-item */
	left: 10px;               /* Aligns the bullet to the far left of the padding area */
	/* The flexbox 'align-items: center' on the parent handles vertical centering automatically */
	/* font-size: 1.5em; */      /* Optional: adjust size of the bullet */
	/* color: #000; */          /* Optional: adjust color */
	/* line-height: 1; */
	width: 1rem;
    height: 1rem;
}
body.page-sunat-racing .price-section .price-card.recommended li::before {
	background-image: url('../img/sunatracing/chk-icon-sel.png');
}


/* TESTIMONI */
body.page-sunat-racing .price-section .cnt-testimoni {
	margin-top: 100px;
	margin-bottom: 40px;
}
body.page-sunat-racing .price-section .cnt-testimoni  h3 {
	color: white;
	font-weight: 300;
}
body.page-sunat-racing .price-section .cnt-testimoni-item .item-card {
	overflow: hidden;
    border-radius: 15px;
    /*height: 460px;*/
}
body.page-sunat-racing .price-section .cnt-testimoni-item .card {
	border-radius: 25px;
	background: transparent;
	border: 0px none #fff;
	/*min-height: 480px;*/
}
body.page-sunat-racing .price-section .cnt-testimoni-item .card.card-red {
	background-color: red;
	height: 440px;
}
body.page-sunat-racing .price-section .cnt-testimoni-item .card-body {
	/*padding: 30px;*/
}
body.page-sunat-racing .price-section .cnt-testimoni-item p.icon {
	text-align: center;
	margin: 11px 0;
}
body.page-sunat-racing .price-section .cnt-testimoni-item p.info {
	color: white;
	font-size: 2.9rem;
    line-height: 2.7rem;
    font-weight: 500;
	white-space: normal;
}
iframe {
	/* border-radius: 25px !important; */
	/* min-width: auto !important; */
	min-width: 33.333333% !important;
    border-radius: 15px !important;
	height: 440px;
}
@media(max-width: 1300px) {
	body.page-sunat-racing .price-section .cnt-testimoni-item .card.card-red {
		height: 445px;
	}
	iframe {
		height: 445px;
	}
}
@media(max-width: 1199px) {
	body.page-sunat-racing .price-section .cnt-testimoni-item .card.card-red {
		height: 460px;
	}
	iframe {
		height: 460px;
	}
}
@media(max-width: 991px) {
	body.page-sunat-racing .price-section .cnt-testimoni-item p.info {
		font-size: 2.2rem;
		line-height: 2.3rem;
	}
	iframe {
		height: 460px;
	}
}
@media(max-width: 767px) {
	body.page-sunat-racing .price-section .cnt-testimoni-item .card {
		min-height: auto;
	}
	body.page-sunat-racing .price-section .cnt-testimoni-item p.info {
		font-size: 2.5rem;
		line-height: 2.6rem;
	}
}

/* testimoni */
body.page-sunat-racing .price-section .cnt-testimoni-item .testi-individu .card {
	border-radius: 25px;
	padding: 1.5rem;
	background: white;
	margin-bottom: 20px;
}
body.page-sunat-racing .price-section .cnt-testimoni-item .testi-individu .card.nomor_satu {
	background: #FF7723;
	background: linear-gradient(180deg, #FF7723, #FF9E62);
}
body.page-sunat-racing .price-section .cnt-testimoni-item .testi-individu .card.nomor_satu p.info_nomor_satu {
	text-align: left;
    font-size: 3rem;
    font-weight: 500;
    line-height: 3rem;
    color: white;
}
body.page-sunat-racing .price-section .cnt-testimoni-item .testi-individu .card img:first-child {
	margin-bottom: 20px;
}
body.page-sunat-racing .price-section .cnt-testimoni-item .testi-individu .card img {
	margin-bottom: 0px;
}
body.page-sunat-racing .price-section .cnt-testimoni-item .testi-individu .card h4 {
	color: #003DD8;
	font-size: 2.3rem;
	font-weight: 600;
	line-height: 2.5rem;
	margin-bottom: 20px;
}
body.page-sunat-racing .price-section .cnt-testimoni-item .testi-individu .card h5 {
	color: #444;
	font-size: 1.75rem;
	line-height: 1.75rem;
	margin-bottom: 20px;
}
body.page-sunat-racing .price-section .cnt-testimoni-item .testi-individu .card p {
	font-size: 1.1rem;
    font-weight: 600;
    color: #777;
}

body.page-sunat-racing .price-section .cnt-testimoni-item .testi-individu {
	display: flex;
	flex-direction: row;
}
body.page-sunat-racing .price-section .cnt-testimoni-item .testi-individu .card.nomor_satu {
		min-height: 667px;
	}
body.page-sunat-racing .price-section .cnt-testimoni-item .testi-individu .card-1,
body.page-sunat-racing .price-section .cnt-testimoni-item .testi-individu .card-2,
body.page-sunat-racing .price-section .cnt-testimoni-item .testi-individu .card-3 {
	order: 0;
}
@media(max-width: 991px) {
	body.page-sunat-racing .price-section .cnt-testimoni-item .testi-individu {
		display: flex;
		flex-direction: row; 
	}
	body.page-sunat-racing .price-section .cnt-testimoni-item .testi-individu .card.nomor_satu {
		min-height: 430px;
	}
	body.page-sunat-racing .price-section .cnt-testimoni-item .testi-individu .card.nomor_satu p.info_nomor_satu {
		text-align: left;
        font-size: 3rem;
        font-weight: 500;
        line-height: 3rem;
        color: white;
		text-align: center;
	}
	body.page-sunat-racing .price-section .cnt-testimoni-item .testi-individu .card-2 {
		order: -1;
	}
}
@media(max-width: 767px) {
	body.page-sunat-racing .price-section .cnt-testimoni-item .testi-individu {
		display: flex;
		flex-direction: column; 
	}
	body.page-sunat-racing .price-section .cnt-testimoni-item .testi-individu .card.nomor_satu {
		min-height: 250px;
	}
	body.page-sunat-racing .price-section .cnt-testimoni-item .testi-individu .card-2 {
		order: -1;
	}
	/*
	body.page-sunat-racing .price-section .cnt-testimoni-item .testi-individu .card.nomor_satu p.info_nomor_satu {
		text-align: left;
		font-size: 3rem;
		font-weight: 500;
		line-height: 3rem;
		color: white;
		margin-top: 40px;
		position: absolute;
		bottom: 30px;
	}*/
	body.page-sunat-racing .price-section .cnt-testimoni-item .testi-individu .card.nomor_satu p.info_nomor_satu {
		text-align: left;
        font-size: 2rem;
        font-weight: 500;
        line-height: 2rem;
        color: white;
	}
}
@media(max-width: 575px) {
	body.page-sunat-racing .price-section .cnt-testimoni-item .testi-individu .card.nomor_satu {
		min-height: 100px;
	}
	body.page-sunat-racing .price-section .cnt-testimoni-item .testi-individu .card.nomor_satu p.info_nomor_satu {
		text-align: left;
        font-size: 1.5rem;
        font-weight: 500;
        line-height: 1.9rem;
        color: white;
	}
}




body.page-sunat-racing .price-section .cnt-testimoni {
	display: flex;
	flex-direction: column;
}
body.page-sunat-racing .price-section .cnt-testimoni h2 {
	text-align: left;
}
body.page-sunat-racing .price-section .cnt-testimoni .card-2 {
	order: -1;
}
@media(min-width: 991px) {
	body.page-sunat-racing .price-section .cnt-testimoni .card-1,
	body.page-sunat-racing .price-section .cnt-testimoni .card-2 {
		order: 0;
	}
	body.page-sunat-racing .price-section .cnt-testimoni h2 {
		text-align: right;
	}
	body.page-sunat-racing .price-section .cnt-testimoni {
		display: flex;
		flex-direction: row;
	}
}


.testimoni-section {
	padding: 50px 0;
	background: linear-gradient(135deg, #bbdefb, #90caf9);
}



/* Section: PERAWATAN */
body.page-sunat-racing .perawatan-section {
	padding: 50px;
	background-color: #003DD8;
	background: linear-gradient(180deg, #003DD8, #3F7BFF);
}

body.page-sunat-racing .perawatan-section h2 {
	color: white;
}
body.page-sunat-racing .perawatan-section p {
	color: rgba(255,255,255, 0.8);
	font-size:1.3rem;
	line-height: 1.5rem;
}
body.page-sunat-racing .perawatan-section .dokter-bersertifikasi {
	background-color: #FF6600;
	background: linear-gradient(90deg, #FF6600, #FFDC84);
	padding: 2rem;
	border-radius: 25px;
}
body.page-sunat-racing .perawatan-section .dokter-bersertifikasi h4 {
	color: white;
	font-size: 2.3rem;
	line-height: 2.5rem;
	margin-bottom: 30px;
	word-break: normal;
    overflow-wrap: normal;
}
}
body.page-sunat-racing .perawatan-section .dokter-bersertifikasi p {
	color: white;
}
body.page-sunat-racing .perawatan-section .dokter-bersertifikasi span.badge {
	padding: 10px;
	margin-right: 30px;
    margin-bottom: 10px;
	font-size: 0.8rem;
    font-weight: 400;
	
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 90%;
}
body.page-sunat-racing .perawatan-section .dokter-bersertifikasi span.badge i {
	color: #ffc42d;
}
body.page-sunat-racing .perawatan-section .dokter-bersertifikasi .link-profil-dokter {
	background: white;
    padding: 10px 25px;
    border-radius: 25px;
    font-size: 1.3rem;
    font-weight: 800;
    color: #FE6701;
    text-decoration: none;
}
@media(max-width: 991px) {
	.img-dokter-sunat {
		position: absolute;
		margin-top: -167px;
	}
}



/* Section: ARTIKEL */
body.page-sunat-racing .artikel-section {
	padding: 50px 0;
	background-color: #003DD8;
}
body.page-sunat-racing .artikel-section h2 {
	color: white;
	font-weight: 500;
}
body.page-sunat-racing .artikel-section .card {
	min-width: 300px;
	min-height: 530px;
	display: block;
    text-wrap: wrap; 
    overflow-wrap: normal;
	padding: 0.4rem;
	border-radius: 25px;
	margin-right:30px;
}
body.page-sunat-racing .artikel-section .card p.categories a {
	color: #54ADFF;
	font-weight: bold;
	text-decoration: none;
}
body.page-sunat-racing .artikel-section .card img {
	margin-bottom: 20px;
}
body.page-sunat-racing .artikel-section .card a.judul {
	color: #666;
	font-weight: 600;
	font-size:1.7rem;
	line-height: 1.9rem;
	text-decoration: none;
	margin-bottom: 0.5rem;
	
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	text-overflow: ellipsis;
}
body.page-sunat-racing .artikel-section .card div.short-info {
	color: rgba(0,0,0, 50%);
	font-weight: normal;
	font-size:1rem;
	line-height: 1rem;
	margin-bottom: 20px;
	
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	text-overflow: ellipsis;
}
body.page-sunat-racing .artikel-section .card a.goto {
	color: #003DD8;
	font-weight: bold;
	font-size:1rem;
	line-height: 1rem;
}



/* Section: FAQ */
body.page-sunat-racing .faq-section {
	padding: 50px 0;
	background-color: #f8f9fa;
}

body.page-sunat-racing .row.judul p {
	color: #3c418b;
    font-size: 1.75rem;
	line-height: 1.9rem;
}

.testimoni-card {
	background-color: white;
	border-radius: 10px;
	padding: 20px;
	margin: 10px;
}
.faq-item {
	background-color: white;
	border-radius: 10px;
	padding: 20px;
	margin: 10px;
}
body.page-sunat-racing .faq-section .accordion-item1 {
	border-radius: 25px;
    border: 1px solid blue;
    margin: 10px 0;
}

body.page-sunat-racing .faq-section .accordion-item {
	margin: 10px 0;
	/* 1. Define the border area and make it transparent */
	border: 2px solid transparent; 
	border-radius: 25px; /* Border radius works with this method */
	padding: 10px; /* Add padding for content spacing */

	/* 2. Create the layered backgrounds */
	background: 
	/* Top layer: solid background matching the page background */
	linear-gradient(white, white) padding-box,
	/* Bottom layer: the gradient that acts as the border */
	linear-gradient(to right, rgb(21 0 255 / 30%), rgb(63 123 255 / 30%)) border-box;

	/* 3. Clip the top layer to the padding area, revealing the gradient in the border area */
	background-clip: padding-box, border-box;
	background-origin: padding-box, border-box; /* Ensures correct positioning */
}
body.page-sunat-racing .faq-section .accordion-item:first-of-type {
	border-top-right-radius: 25px;
	border-top-left-radius: 25px;
}
body.page-sunat-racing .faq-section .accordion-button {
	font-size: 1.9rem;
    line-height: 2.2rem;
    font-weight: 500;
	color: #10187B;
}
body.page-sunat-racing .faq-section .accordion-button:not(.collapsed) {
	background: transparent;
	box-shadow: none;
}
body.page-sunat-racing .faq-section .accordion-button:focus {
	outline: none;
	box-shadow: none;
}
body.page-sunat-racing .faq-section .accordion-body {
	font-size: 1.2rem;
    line-height: 1.1;
    color: rgb(16 24 123 / 60%);
    font-weight: 400;
}




/* FOOTER */