/********************************************************************************************************
    PIXEL TO REM CONVERSION TABLE - Root Size: 16px
---------------------------------------------------------------------------------------------------------
    PX   REM / EM |  PX   REM / EM |  PX   REM / EM |  PX   REM / EM |  PX   REM     |  PX   REM / EM
---------------------------------------------------------------------------------------------------------
    10 = 0.625    |  20 = 1.25     |  30 = 1.875    |  40 = 2.5      |  50 = 3.125   |  60 = 3.75
    11 = 0.6875   |  21 = 1.3125   |  31 = 1.9375   |  41 = 2.5625   |  51 = 3.1875  |  61 = 3.8125
    12 = 0.75     |  22 = 1.375    |  32 = 2        |  42 = 2.625    |  52 = 3.25    |  62 = 3.875
    13 = 0.8125   |  23 = 1.4375   |  33 = 2.0625   |  43 = 2.6875   |  53 = 3.3125  |  63 = 3.9375
    14 = 0.875    |  24 = 1.5      |  34 = 2.125    |  44 = 2.75     |  54 = 3.375   |  64 = 4
    15 = 0.9375   |  25 = 1.5625   |  35 = 2.1875   |  45 = 2.8125   |  55 = 3.4375
    16 = 1        |  26 = 1.625    |  36 = 2.25     |  46 = 2.875    |  56 = 3.5
    17 = 1.0625   |  27 = 1.6875   |  37 = 2.3125   |  47 = 2.9375   |  57 = 3.5625
    18 = 1.125    |  28 = 1.75     |  38 = 2.375    |  48 = 3        |  58 = 3.625
    19 = 1.1875   |  29 = 1.8125   |  39 = 2.4375   |  49 = 3.0625   |  59 = 3.6875
---------------------------------------------------------------------------------------------------------
*********************************************************************************************************/


/** ------------------------ HOME PAGE ------------------------ **/

/* Information */
.information--home { background-color: var(--defaultYellow); }

/* Information */

.information {
	/* padding: 5em 0; */
	/*padding-top: 5em;
	padding-bottom: 3em;*/
}

.information__heading {
	position: relative;
	/*font-weight: 600;
	font-size: 3rem;
	margin-bottom: 1em;*/
}

/* .information__heading::before {
	content: '';
	position: absolute;
	width: 1.5em;
	height: 5px;
	bottom: -40%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color: var(--defaultBlack);
} */

.information__text {
	font-size: 1rem;
	color: var(--defaultFontBlack);
	font-weight: normal;
	line-height: 24px;
}

.information__text.text__bold {
	/* font-weight: 700; */
	/* font-size: 24px; */
	font-weight: 600;
	/*font-size: 24px;
	line-height: 36px;*/
}

/* Akhir Information */

/* Akhir Information */

/** ------------------------ HOME PAGE ------------------------**/


/* Information */
.information {  }
.information__heading { position: relative; }

.information__text {
	font-size: 1rem;
	color: var(--defaultFontBlack);
	font-weight: normal;
	line-height: 24px;
}
.information__text.text__bold {
	font-weight: 600;
}
@media screen and (max-width: 992px) {

		/* Information */
		.information { padding: 4em 0; }
		.information__heading { font-size: 2rem; }

		/* Akhir Information */
}
@media screen and (max-width: 768px) {
	
		/* Information */
		.information { padding: 3em 0; }
		.information__heading { font-size: 1.7rem; }
		/* Akhir Information */
}
@media screen and (max-width: 576px) {

		/* Information */
		.information { padding: 2em 0; }
		/* Akhir Information */
}

/* Akhir Information */

/** ----- AWARDS SECTION ----- **/

.awards { }
.awards__img-wrapper { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.5rem; justify-content: center; }

.awards__img__content__wrapper { text-align: center; }
.awards_img__content { margin-top: 0.86rem; }
.awards_img__content p { margin-bottom: 0px; }
.awards_img__content p.awards__img__content__title { font-weight: bold; }

.awards__img-wrapper__img { max-width: 100%; justify-self: center; }

@media screen and (max-width: 768px) {

		/* Awards */
		.awards { }
		.awards__img-wrapper { grid-template-columns: repeat(2, 1fr) !important; row-gap: 2em; }
		/* Akhir Awards */
}
@media screen and (max-width: 576px){

		.awards__img-wrapper { grid-template-columns: repeat(2, 1fr); }
}

/** ----- AWARDS SECTION ----- **/


/** ----- CATEGORIES SECTION ----- **/
/**  ------------------------------ SPACES RELATED -------------------------------- */
.categories__category,
.categories__category__top { padding: 3rem 2rem !important; }
.categories__category__heading { margin-bottom: 0.5rem; }
.categories__category__links span i { margin-right: 1rem; }
.section-button--categories { padding: 2rem 2rem; }

/**  ------------------------------ FONTS RELATED -------------------------------- */
.categories__category h2.categories__category__heading,
.categories__category__top h2.categories__category__heading { font-size: 2.5vw !important; }
.categories__category__links span i { font-size: 1.3rem; }
.categories__category__links a { font-size: 1.2rem; line-height: 35px; }
.category__card__button-wrap .default-btn { font-size:  0.8rem; }

/** ---------------------------- FONT WEIGHT RELATED ---------------------------- **/
.categories__category__heading,
.categories__category__links span a:hover {
	font-weight: 700;
}
.categories__category__links a { 
	font-weight: 400;
}

/** ------------------------- BACKGROUND COLOR RELATED ----------------0---------- **/
.categories__category:hover .default-btn.btn-transparent-white,
.categories__category button:hover { 
		background-color: var(--defaultYellow); 
}

/** ------------------------------- COLOR RELATED ------------------------------- **/
.categories__category:not(.categories__category--quote):hover h2,
.categories__category__heading--yellow {
		color: var(--defaultYellow);
}
.categories__category:hover .default-btn.btn-transparent-white,
.section-button--categories:hover {
		color: var(--defaultFontBlack);
}
.categories__category__heading,
.categories__category__links span i,
.categories__category__text,
.categories__category__links a {
		color: var(--defaultWhite);
}

/* Categories */
@media screen and (min-width: 992px){

		.categories-wrapper { min-height: 90vh; }	
}

.categories-wrapper .categories-inner-wrapper,
.categories-inner-wrapper .elementor-widget-wrap > .elementor-widget,
.categories-inner-wrapper .elementor-widget-wrap > .elementor-widget > .elementor-widget-container,
.categories-inner-wrapper .categories__category,
.categories__category--quote .categories__category__inner { height: 100%; }
@media screen and (max-width: 992px){

		.categories-wrapper .categories-inner-wrapper,
		.categories-inner-wrapper .elementor-widget-wrap > .elementor-widget,
		.categories-inner-wrapper .elementor-widget-wrap > .elementor-widget > .elementor-widget-container,
		.categories-inner-wrapper .categories__category,
		.categories__category--quote .categories__category__inner { height: auto; }
}

.categories__category {
	cursor: pointer;
	/*min-height: 38rem;*/
	background-color: rgb(58, 126, 146);
	background-size: cover !important;
	background-position: center center !important;
}
.categories__category:first-child{
	background: transparent url("../img/product-cat-1.png") center center no-repeat;
}
.categories__category:nth-child(2){
	background: transparent url("../img/product-cat-2.png") center center no-repeat;
}

.categories__category--quote {
	position: relative;
	background: linear-gradient(to right, var(--defaultBrown), hsl(0, 4%, 10%));
	padding: 0 !important;
}

.categories__category > a { display: inline-block; width: 100%; height: 100%; }
.categories__category > a,
.categories__category__links a { text-decoration: none; }

.category__card__button-wrap .default-btn { border: 1px solid #000; border-radius: 20px; }

@media screen and (max-width: 992px) {

		/**  ------------------------------ SPACES RELATED -------------------------------- */
		.categories__category { padding: 1.5rem !important; min-height: 25rem; }
		.categories__category__top { padding: 1.5rem !important; }
		.categories__category.categories__category--quote { padding: 0 !important; }
		.section-button--categories { padding: 1.5rem; }

		/**  ------------------------------ FONTS RELATED -------------------------------- */
		.categories__category h2.categories__category__heading,
		.categories__category__top h2.categories__category__heading { font-size: 2rem !important; }
		.categories__category a.default-btn { font-size: 1rem !important; }
		.section-button--categories h3 { font-size: 1.15rem !important; }

		.categories .categories__category__links {
				display: grid !important;
				flex-direction: unset !important;
				grid-template-columns: repeat(2, 1fr) !important;
		}
}

@media screen and (max-width: 768px) {

		/**  ------------------------------ SPACES RELATED -------------------------------- */
		.categories__category { padding: 2rem !important; min-height: 18rem; }
		.categories__category__top { padding: 2rem !important; }
		.section-button--categories { padding: 2rem !important; }

		/**  ------------------------------ FONTS RELATED -------------------------------- */
		.categories__category h2.categories__category__heading,
		.categories__category__top h2.categories__category__heading { font-size: 2.86rem !important; }
		.section-button--categories h3 { font-size: 1.5rem !important; }
}

@media screen and (max-width: 767px) {

		/**  ------------------------------ SPACES RELATED -------------------------------- */
		.categories-inner-wrapper .categories__category { padding-bottom: 22vh !important; }

		/**  ------------------------------ FONTS RELATED -------------------------------- */
}

@media screen and (max-width: 576px) {

		/**  ------------------------------ SPACES RELATED -------------------------------- */
		.categories__category { min-height: 33vh; }

		/**  ------------------------------ FONTS RELATED -------------------------------- */
		.categories__category h2.categories__category__heading,
		.categories__category__top h2.categories__category__heading { font-size: 1.86rem !important; }
		.categories__category__links span a,
		.categories__category__links span i {
				font-size: 1rem;
		}

		.categories__category { background-size: cover !important; background-position: center center !important; }
		.categories .categories__category__links {
				grid-template-columns: repeat(1, 1fr) !important;
		}
}

/* Akhir Categories */
/** ----- CATEGORIES SECTION ----- **/

/** ----- TESTIMONIALS ----- **/
/**  ------------------------------ SPACES RELATED -------------------------------- */
.testimonials { padding: 5rem 0; }
.testimonials__testimonial__picture-wrap { width: 10rem; height: 10rem; }
.testimonials__testimonial__text__say { margin-top: 1em; }
.testimonials__testimonial__text__name { margin: 1.5rem 0 0.5rem 0 !important; }
.testimonials__testimonial__text__position { margin-bottom: 0px !important; }

/**  ------------------------------ FONTS RELATED -------------------------------- */
.testimonials__testimonial__text::before,
.testimonials__testimonial__text::after { font-size: 3.86rem; }
.testimonials__testimonial__text__say { font-size: 1.2rem; }
.testimonials__testimonial__text__position { font-size: 0.9rem; }

/**  --------------------------- FONTS WEIGHT RELATED ----------------------------- */
.testimonials__testimonial__text__say { font-weight: 400; }
.testimonials__testimonial__text__name { font-weight: 700; }


.testimonials { overflow: hidden; }

.testimonials__testimonial { display: flex; flex-direction: column; justify-content: center; align-items: center; }

.testimonials__testimonial__picture-wrap .testimonials__tesimonial__img {
	width: 100%;
	height: 100%;
	border: 10px solid var(--defaultYellow); 
	border-radius: 50%;
}

.testimonials__testimonial__text,
.testimonials__testimonial__text__say { position: relative; }

.testimonials__testimonial__text::before,
.testimonials__testimonial__text::after { position: absolute; display: inline-block; font-family: 'FontAwesome' !important; }

.testimonials__testimonial__text::before { content: '\f10d'; top: 0; right: 105%; }

.testimonials__testimonial__text:after { content: '\f10e'; bottom: 25%; left: 105%; }

@media screen and (max-width: 992px) {

		/**  ------------------------------ SPACES RELATED -------------------------------- */

		/**  ------------------------------ FONTS RELATED -------------------------------- */

		/* Testimonials */
		.testimonials__testimonial__picture-wrap { width: 8rem; height: 8rem; }

		.testimonials .carousel-control-next { right: -7.5vw; }
		.testimonials .carousel-control-prev { left: -7.5vw; }
		/* Akhir Testimonials */
}
@media screen and (max-width: 768px) {

		/**  ------------------------------ SPACES RELATED -------------------------------- */
		.testimonials { padding: 3rem 0; }
		.testimonials__testimonial__picture-wrap { width: 12rem; height: 12rem; margin-right: 0px; /* 1rem; */ }
		.testimonials__testimonial__text { margin-right: 0px; /* 2rem; */ }
		/**  ------------------------------ FONTS RELATED -------------------------------- */
		.testimonials__testimonial__text::before,
		.testimonials__testimonial__text::after { font-size: 1rem; }

		/* Testimonials */
		.testimonials__testimonial { justify-content: space-between; } /* flex-direction: row; */

		.testimonials__tesimonial__img { border: 5px solid var(--defaultYellow); }

		.testimonials__testimonial__text {  width: 96%; }

		.testimonials__testimonial__text::before { top: 0; right: 98% !important; }
		.testimonials__testimonial__text:after { bottom: 25%; left: 98% !important; }
		/* Akhir Testimonials */
}

@media screen and (max-width: 576px) {

		/**  ------------------------------ SPACES RELATED -------------------------------- */

		/**  ------------------------------ FONTS RELATED -------------------------------- */
		.testimonials__testimonial__text__say { font-size: 1rem; }

		/* Testimonials */
		.testimonials__testimonial__text:before { top: 0px; right: 95%; }
		.testimonials__testimonial__text:after { bottom: 20%; left: 90%; }
		/* Akhir Testimonials */
}
/** ----- TESTIMONIALS ----- **/


/** ----- NEWS & EVENTS SECTION ----- **/

.news-event { }
.news-event__cards__card,
.news-event__cards__card > a { height: 100%; }
@media screen and (min-width: 992px){

		.news-event__cards > .elementor-widget-wrap,
		.news-event__cards > .elementor-widget-wrap > .elementor-widget,
		.news-event__cards > .elementor-widget-wrap > .elementor-widget > .elementor-widget-container,
		.news-event__cards__card,
		.news-event__cards__card > a { height: 100%; }
}
.news-event__cards__card { background-color: white; box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1); border-radius: 5px; overflow: hidden; }
.news-event__cards__card > a { display: inline-block; width: 100%; text-decoration: none; }
.news-event__cards .ast-row{ padding-left: 15px; padding-right: 15px; display: flex; flex-wrap: wrap; }
.news-event__cards .elementor-widget-container { display: flex; flex-direction: column; }
@media screen and (min-width: 992px){
		.news-event__cards .elementor-widget-container { flex-direction: row; }
}

.news__event__cards__card__picture-wrap { height: 225px; overflow: hidden; }

.news__event__cards__card__picture-wrap .news__event__cards__card__img { 
		width: 100%; height: 100%; object-fit: cover; object-position: center; transition: 0.8s ease;
}
.news-event__cards__card:hover .news__event__cards__card__img {
		transform: scale( 1.1 ) ;
}

.news__event__cards__card__date-wrap {
		padding: 0.5rem 1rem 1rem 1rem;
		top: 0;
		right: 1rem;
		background-color: var(--defaultYellow);
		border-bottom-left-radius: 20px;
		border-bottom-right-radius: 20px;
		box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.15);
}

.news__event__cards__card__date,
.news__event__cards__card__moon { color: var(--defaultFontBlack); }
.news__event__cards__card__date { font-size: 2.5rem; font-weight: 700; }
.news__event__cards__card__moon { font-size: 0.8rem; font-weight: 600; }

.news-event__cards__card__information { padding: 1.3rem !important; }

.news-event__cards__card__information__title {
		font-weight: 700;
		font-size: 1.1rem;
		cursor: pointer;
		text-decoration: none;
		color: var(--defaultFontBlack);
		transition: 0.3s ease;
}

.news-event__cards__card:hover .news-event__cards__card__information__title,
.news-event__cards__card__information__title:hover {
		color: var(--defaultYellow);
}

.news-event__cards__card .read-more-text {
	transition: 0.3s ease;	
}
.news-event__cards__card:hover .read-more-text{
	text-decoration: underline;
}

.news-event__cards__card__information__paragraph { margin-top: 1rem; }

@media screen and (max-width: 768px) {

		/**  ------------------------------ SPACES RELATED -------------------------------- */

		/**  ------------------------------ FONTS RELATED -------------------------------- */

		/* News And Event */
		.news-event {  }
		.news__event__cards__card__img { height: 30vw; }
		/* Akhir News And Event */
}

@media screen and (max-width: 576px) {

	/* News And Event */
	.news__event__cards__card__img { height: 40vw; }
	/* Akhir News And Event */

}
/* Akhir News and Event */
/** ----- NEWS & EVENTS SECTION ----- **/


/** ----- LOCATION SECTION ----- **/
/**  ------------------------------ SPACES RELATED -------------------------------- */
.locations { padding: 2.5rem 0; }
.locations__location__title { margin-bottom:  0.45rem; }
.locations__location__address { margin-bottom: 0px; }
.locations__location__telephone { margin-top: 0px; }

/**  ------------------------------ FONTS RELATED -------------------------------- */
.locations__location__icon { font-size: 1.8rem; }
.locations__location__title { font-size:  1rem; }
.locations__location__address { font-size: 0.9rem; }
.locations__location__telephone { font-size: 0.9rem; }

/**  ------------------------------ COLOR RELATED -------------------------------- */
.locations { color: var(--defaultFontBlack); }
.locations__heading,
.locations__location__icon,
.locations__location__title { color: var(--defaultYellow); }
.locations__location,
.locations__location__telephone,
.locations__location__telephone:hover { color: var(--defaultWhite); }

/* Locations */
.locations {
	background: linear-gradient(to right, hsla(0, 0%, 9%, 0.945), hsla(0, 6%, 23%, 0.877)), url(../img/office-bg-img.png);
	background-position: left center;
	/* background-size: 50% 100%; */
	background-repeat: no-repeat;
	position: relative !important;
	overflow: hidden;
}
.locations__heading { position: relative; }

.locations__wrapper { display: grid; gap: 1.5rem; grid-template-columns: repeat(2, 1fr); }

.locations__location__title { font-weight: 600; text-transform: uppercase; }
.locations__location__address { line-height: 1.86; }
.locations__location__telephone { display: inline-block; }

.locations__map {
	position: absolute;
	right: -5vw;
	top: 0;
	bottom: 0;
	height: 100%;
	width: 55%;
}
@media screen and (max-width: 992px) {

		/**  ------------------------------ SPACES RELATED -------------------------------- */
		.locations__map { margin: 0 1rem; }

		/**  ------------------------------ FONTS RELATED -------------------------------- */
		.locations__heading { font-size: 2rem; }
	
		/* Locations */
		.locations__map { position: unset; width: 100%; height: 100%; }
		/* Akhir Locations */
}

@media screen and (max-width: 768px) { 

		/**  ------------------------------ SPACES RELATED -------------------------------- */

		/**  ------------------------------ FONTS RELATED -------------------------------- */
		.locations__heading  { font-size: 1.7rem; }

		/* Locations */
		.locations { }
}
/* Akhir Locations */
/** ----- LOCATION SECTION ----- **/


/** ----- QUOTE SECTION ----- **/
/**  ------------------------------ SPACES RELATED -------------------------------- */
.quote { padding: 0px 0 0px 0; }
.quote__img { padding-top: 2rem; }
.quote__text { padding: 5rem 0px 5rem 0px; }	

/**  ------------------------------ FONTS RELATED -------------------------------- */

/* Quote */
.quote { 
	background-color: var(--defaultYellow);
	background-image: url( "../img/quote-bg.png" );
	background-position:  bottom right;
	background-size:  auto 100%;
	background-repeat: no-repeat;
}

.quote__img { width: 100%; height: 100%; object-fit: cover; }

.quote__text__tagline { position: relative; text-transform:  uppercase; }

@media screen and (max-width: 992px) {

		/**  ------------------------------ SPACES RELATED -------------------------------- */
		.quote__text { margin-top: 1rem; }	

		/**  ------------------------------ FONTS RELATED -------------------------------- */
		.quote__text__tagline { font-size: 1.86rem; }
}

@media screen and (max-width: 768px) {

		/**  ------------------------------ SPACES RELATED -------------------------------- */
		

		/**  ------------------------------ FONTS RELATED -------------------------------- */
		.quote__text__tagline { font-size: 1.7rem; }

		/* Quote */
		.quote { background-color: var(--defaultYellow); }
		.quote__img { }
		/* Akhir Quote */
}

@media screen and (max-width: 576px) {

		/**  ------------------------------ SPACES RELATED -------------------------------- */


		/**  ------------------------------ FONTS RELATED -------------------------------- */
		.quote__btn__wrapper .elementor-button { font-size: 1rem; }
}
/* Akhir Quote */
/** ----- END QUOTE SECTION ----- **/

/** ----- BENEFITS SECTION ----- **/
.benefits {
	background: url(../img/test.jpg);
	padding: 5rem 0;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.benefits__heading {
	position: relative;
	font-size: 3rem;
	margin-bottom: 1rem;
	color: var(--defaultYellow);
}

.benefits__heading::before {
	content: '';
	position: absolute;
	bottom: -40%;
	height: 5px;
	width: 1.5rem;
	background-color: var(--defaultYellow);
}

/* Akhir Benefits */
/** ----- BENEFITS SECTION ----- **/


/** --------------- ABOUT PAGE ------------ **/
.about-jumbotron__img { height: 40vh; width: 100%; object-fit: cover; }

/* Awards */
.awards.awards--about { /*margin-top: 0em;*/ }
/* Akhir Awards */

/* Vision Mission */
.vision-mission { background: linear-gradient(to right, hsla(0, 6%, 23%, 0.877), hsla(0, 0%, 9%, 0.945)); }

.vision-mission__img { height: 40vh; width: 100%; object-fit: cover; }

.vision-mission__cards { padding: 2em 0; }

.vision-mission__cards__heading { position: relative; color: var(--defaultYellow); }

.vision-mission__cards__paragraph { font-size: 0.9rem; }
@media screen and (max-width: 991px){

		.vision-mission__cards { padding: 1em 0px; }
		.vision-mission__cards:first-child { padding-bottom: 0px; }
		.vision-mission__cards:last-child { padding-top: 0.75em; }
}
/* Akhir Vision Mission */

/* Benefits */
.benefits {
	background: url(../img/why-choose-us.png);
	padding: 5em 0;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.benefits__heading {
	position: relative;
	font-size: 3rem;
	/*margin-bottom: 1em;*/
	color: var(--defaultYellow);
}
/* Akhir Benefits */

/* Historys */
.historys__right { margin-top: 21em; }

.historys .historys__history { position: relative; width: 100%; min-height: 40em; }
.historys__left .historys__history { padding-right: calc( 0.5em + 15px ); }
.historys__right .historys__history { padding-left: calc( 0.5em + 15px ); }

.historys__history__heading { margin: 0px !important; }

.historys__history__picture-wrap { position: relative; }

.historys .historys__history__picture-wrap__img { position: relative; width: 100%; height: 23em; object-fit: cover; }

.historys .historys__history__heading { font-size: 2.5rem; }
.historys .historys__history__paragraph,
.historys .historys__history__paragraph p { font-size: 0.9rem; }

.historys__line {
	position: absolute;
	left: 50%;
	width: 3px;
	height: 90%;
	background-color: var(--defaultYellow);
	transform: translateX(-50%);
}

.historys__left .historys__history__picture-wrap::after,
.historys__right .historys__history__picture-wrap::before {
	content: '';
	z-index: 1;
	position: absolute;
	top: 0;
	width: 1.3em;
	height: 1.3em;
	background-color: white;
	border: 2px solid var(--defaultYellow);
	border-radius: 50%;
}

.historys__left .historys__history__picture-wrap::after { right: calc(calc(3em+15px+0.65em) * -1); /* -3.6em;  */ }
.historys__right .historys__history__picture-wrap::before { left: calc(calc(3em+15px+0.65em) * -1); }

@media screen and (max-width: 991px){

  	.historys__left .historys__history__picture-wrap::after { right: calc(calc(2.8em+15px+0.65em) * -1); }
  	.historys__right .historys__history__picture-wrap::before { left: calc(calc(2.8em+15px+0.65em) * -1); }
}

@media screen and (min-width: 768px){

		.historys__left .historys__history__picture-wrap:nth-child(even)::after { display: none; }
}

@media screen and (max-width: 768px) {

	/* History */
	.historys .historys__history { width: 100%; min-height: unset; }

	.historys__right { margin-top: unset; }

	.historys__left .historys__history,
	.historys__right .historys__history { padding-left: 0px; padding-right: 0px; }
	.historys__left .historys__history__picture-wrap::after,
	.historys__right .historys__history__picture-wrap::before,
	.historys__line { display: none; }

	/* Akhir History */
}

/* Akhir Historys */
@media screen and (max-width: 992px) {

	.benefits__heading { font-size: 2rem; }
}

@media screen and (max-width: 768px) {

	.benefits__heading { font-size: 1.7rem; }

	/* History */

	.historys .historys__history { width: 100%; min-height: unset; }

	.historys__right { margin-top: unset; }

	.historys__left .historys__history__picture-wrap::after,
	.historys__right .historys__history__picture-wrap::before { display: none; }

	.historys__line { display: none; }

	/* Akhir History */
}

/** --------------- ABOUT PAGE ------------ **/


/** --------------- SUPPORT PAGE ------------ **/

/* Support Jumbotron */
.support-jumbotron__img {
	height: 40vh;
	width: 100%;
	object-fit: cover;
}
/* Akhir Support Jumbotron */

/* Support Features */
.support-features {
	background-color: var(--defaultYellow);
	padding: 5rem 0;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.support-features__icon {
	width: 4rem;
	height: 4rem;
	border-radius: 50%;
	border: 2px solid var(--defaultBlack);
	background-color: white;
	background-size: cover;
	background-position: center;
}

.support-features__heading {
	font-weight: 600;
	font-size: 1.8rem;
}

.support-features__text {
	font-size: 0.9rem;
	line-height: 20px;
}

/* Akhir Support Features */

/* Suppport Attachment */
.support-attachment .container-fluid {
	padding-left: 0;
}

.support-attachment__img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.support-attachment__content {
	padding: 0 !important;
	background: linear-gradient(to right, var(--defaultBrown), hsl(0, 4%, 10%));
}

.support-attachment__content__top {
	padding: 3rem 4.8rem 3rem 2rem !important;
}

.support-attachment__content__heading {
	color: var(--defaultYellow);
}

/* Akhir Support Sparepart */

.section-button--support-attachment {
	padding: 2rem;
}

/* Support Sparepart */
.support-sparepart__card__wrapper{ margin-bottom: 1rem; }
.support-sparepart__card {
	background: #ffffff;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.15);
	border-radius: 5px;
	height: 100%;
	overflow: hidden;
}
.support-sparepart__card.last__card{
	background: white url("../img/support-cta-bg.png") center center no-repeat;
	background-size: 110% 100%;
}
.service-support-wrapper.last__card > a,
.support-sparepart__card.last__card a {
	font-size: 1.5rem;
	text-transform: uppercase;
}

h3.support-sparepart__card__text__name {
	line-height: 1em !important; 
}

.support-sparepart__card__img-wrapper {
	height: 50% !important;
}

.support-sparepart__card__img {
	width: 100%;
	height: 250px;
	object-fit: cover;
}
/* Akhir Support Sparepart */

.support-sparepart {
	margin-bottom: 5rem;
}
@media screen and (max-width: 992px) {
	.support-features__heading {
		font-weight: 700;
		font-size: 2rem;
	}
}

@media screen and (max-width: 768px) {
	.support-features {
		padding: 3em 0;
	}

	.support-features__heading {
		font-weight: 700;
		font-size: 1.7rem;
	}
}

@media screen and (max-width:767px){

	.support-sparepart__card__wrapper{ margin-bottom: 1.5rem; }
	.support-sparepart__card.last__card {
		padding: 8rem 0px;
	}
	.service-support-wrapper.last__card > a,
	.support-sparepart__card.last__card a {
		font-size: 2rem;
	}
}

/** --------------- SUPPORT PAGE ------------ **/


/** --------------- CONTRIBUTIONS PAGE ------------ **/
/* Contribution */
.contribution-jumbotron__img {
	height: 40vh;
	width: 100%;
	object-fit: cover;
}
/* Akhir Contribution */

/* Gallerys */
.gallerys {
	margin-top: 2.5em;
	margin-bottom: 2.5em;
}

.gallerys__img {
	width: 100%;
	height: 25em;
	object-fit: cover;
}
/* Akhir Gallerys */

@media screen and (max-width: 992px) {
	.gallerys__img {
		height: 18em;
	}
}

@media screen and (max-width: 768px) {
	.gallerys {
		margin-bottom: 3em 0;
	}
}
/** --------------- CONTRIBUTIONS PAGE ------------ **/


/** --------------- CONTACT PAGE ------------ **/
/** 
 * CONTACT FORM AREA 
 */
.contact-form__input-wrap__input {
	background-color: white;
	border: 1px solid hsl(0, 0%, 73%);
	border-radius: 4px;
}

.contact-form__input-wrap__input.contact-form__input-wrap__input--textarea {
	resize: none;
	height: 8em;
}
.contact-form { /*margin-bottom: 5em;*/ }
@media screen and (max-width: 768px) {

		.contact-form { margin: 3em 0; }
}
/* Akhir Contact Form */
/** --------------- CONTACT PAGE ------------ **/