/*!
README - STYLEGUIDE BRIEFLY

Find the style by section component, using Find or CTRL + F
HEADER STYLE, BREADCRUMB STYLE, BANNER STYLE, CONTENT STYLE, LISTING STYLE, FOOTER STYLE

Make this stylesheet still readable and after using this file, dont forget to use beautify after development
Thankyou Whello Developer
*/

.page-id-11 .site-main {
	align-content: center;
}

.page-id-11 {
	background:  url(/wp-content/uploads/2026/09/Rectangle-3-1.svg) center / cover no-repeat;
	position: relative;
	display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    overflow: hidden;
	color: white;
}

.page-id-11:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	background-color: var(--transparent-20);
	z-index: 0;
	width: 100%;
	height: 100%;
}

.page-id-11::after {
    content: "";
    position: absolute;
    top: -94px;
    left: -166px;
    width: 42%;
    height: 150%;

    background-image: url(/wp-content/uploads/2026/09/Group.svg);
    background-repeat: no-repeat;
    background-position: left top;
    background-size: cover;
    z-index: 0;
    pointer-events: none;
}


.content-count-down {
    width: 100%;
    display: flex;
    align-items: center;
}

.countdown-section {
    display: flex;
	flex-direction: column;
	
/* 	min-height: 1080px; */
	height: 100%;
}


.logo-text {
	margin-bottom: 15px;
}

.logo-text > .wpb_column > .vc_column-inner > .wpb_wrapper {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 34px;
}

.logo-text .vc_single_image-wrapper {
	width: 100%;
	max-width: 205px;
}

.logo-text h1 {
	font-weight: 700;
	font-size: 128px;
	line-height: 110%;
}

.content-place {
	display: flex;
    width: 100%;
/*     margin-bottom: 53px; */
    margin-top: 98px;
}

.content-place p {
	font-weight: 700;
	font-size: 30px;
	line-height: 180%;
	font-family: var(--fontfamily-inter);
}


.date-text h2 {
    font-size: 60px;
    font-weight: 600;
    line-height: 110%;
	margin-bottom: 20px;
}

.date-text p {
	font-family: var(--fontfamily-inter);
	line-height: 180%;
	font-size: 34px;
	font-weight: 700;
}


.card-counter {
    --counter-size: clamp(74px, calc(8vw + 26px), 130px);

    width: var(--counter-size);
    flex: 0 0 var(--counter-size);
}


/* Number */
.card-counter .countdown-number {
    font-size: 40px;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 14px;
}

/* Label */
.card-counter .countdown-label {
    font-size: 16px;
    font-weight: 600;
}

/* Card */
.card-counter > .wpb_column.vc_column_container > .vc_column-inner > .wpb_wrapper {
    width: var(--counter-size);
    max-width: var(--counter-size);

    background-color: rgba(0, 0, 0, 0.4);

    border-radius: 10px;
    border: 1px solid white;

    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;

    padding-top: 23px;
    padding-bottom: 17px;

    box-sizing: border-box;
}

.card-counter > .wpb_column.vc_column_container > .vc_column-inner {
    width: 100%;
    display: flex;
    justify-content: flex-end;
	padding: 0;
}

.card-counter:not(:last-of-type) {
    margin-bottom: 30px;
}