body {
	color: #000 !important;
	/* height: 300vh; */
}

.header {
	display: block !important;
}
.page-title {
	/* padding-top: 250px; */
	padding-top: 200px;
	padding-bottom: 100px;
}
.tx-white {
	color: #fff !important;
}
.display-5a {
	font-size: 3em;
	font-weight: 300;
	line-height: 1.2;
}
.c_slidercontent {
	/* text-align: left !important; */
	display: flex !important;
	justify-content: space-evenly;
}
.c_slidercontent > .desc {
	text-align: left !important;
	width: 50% !important;
	display: table;
}

.c_slidercontent > .desc > .content {
	display: table-cell;
	vertical-align: middle;
}
.testimonial-item .testimonial__content > p {
	font-family: "Barlow", sans-serif !important;
	font-size: 1.5em !important;
	font-style: italic !important;
}
.post-item .post__content {
	border: solid 1px #ccc !important;
	box-shadow: 4px 4px 8px #ccc !important;
}
.post-item .post__img {
	max-height: 250px;
}
.fancybox-item .fancybox__icon {
}

.owl-carousel .owl-item img {
	display: none;
}
/* .slider .slide-item {
	background: linear-gradient(-45deg, #ff9800, #4ba828, #000000, #23d5ab);
	background-size: 400% 400%;
	animation: gradient 15s ease infinite;
} */

.slider .slide-item {
	/* background: linear-gradient(-45deg, #ff9800, #3a901b); */
	/* background-size: 400% 400%;
	animation: slider_gradient 15s ease infinite;
	backface-visibility: hidden;
	background-image: radial-gradient(circle at 90% 80%, transparent, #4d0019); */
	background: #ff9600;
}
.csmalltable1 {
	display: block !important;
	border: solid 0px #000000 !important;
	color: #666 !important;
}

.c_section {
	/* background-image: url("../images/backgrounds/lgcenter2.png"); */
	background-size: contain;
	background-repeat: no-repeat;
}
/* .c_sectionscroll {
	opacity: 0;
	will-change: transform;
	padding-top: 40px !important;
	/* padding-bottom: 20px !important; */
} */

.c_bgsection {
	width: 100%;
	height: 100%;
	/* background-image: radial-gradient(
		at 300px 300px,
		rgba(0, 102, 51, 0.9) 0,
		#fff 70%
	); */
	background: #fff;
}
.c_bigsection {
	width: 100%;
	/* background-image: url("https://images.unsplash.com/photo-1488521787991-ed7bbaae773c?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=b73302ddf5fabf9285df2da9c462efbb&auto=format&fit=crop&w=1350&q=80"); */
	background-repeat: no-repeat;
	background-size: cover;
}
.c_bigsection_footer {
	width: 100%;
	/* background-image: url("https://images.unsplash.com/photo-1488521787991-ed7bbaae773c?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=b73302ddf5fabf9285df2da9c462efbb&auto=format&fit=crop&w=1350&q=80"); */
	background-repeat: no-repeat;
	background-size: cover;
}
.cwhite_box {
	transition: all 0.3s ease-in-out;
}
.cwhite_box:hover {
	background-color: rgba(255, 255, 255, 0.4);
	border-radius: 10px;
}
.fancybox-item .fancybox__title {
	font-size: 20px !important;
	margin-bottom: 0px !important;
}
.header-transparent .navbar {
	background-color: rgba(0, 0, 0, 0.4) !important;
	/* background-color: #ff9800 !important; */
}
.navbar {
	z-index: 3000 !important;
}
.navbar .nav__item.with-dropdown:hover > .dropdown-menu,
.navbar .nav__item.dropdown-submenu:hover > .mega-menu,
.navbar .nav__item.with-dropdown:hover > .mega-menu,
.navbar
	.nav__item.with-dropdown
	> .dropdown-menu
	> .nav__item.dropdown-submenu:hover
	> .dropdown-menu {
	background-color: rgba(255, 255, 255) !important;
	color: #444 !important;
}
/* .space_asset {
	border: solid 1px #ccc;
	border-radius: 10px;

	box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px,
		rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;

	background-image: url("../images/backgrounds/whiteblockgradient.webp");
	background-size: cover; 
	background-repeat: no-repeat;
	background-position: center;
	padding-top: 50px;
} */
.space_asset {
	border: solid 1px #ccc;
	border-radius: 10px;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px,
		rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
	background-image: url("../images/backgrounds/whiteblockgradient.webp");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	padding-top: 50px;
	position: relative;
	overflow: hidden;
	cursor: pointer;
}

.space_asset::before {
	content: "";
	position: absolute;
	top: 0;
	left: var(--mouse-x, -20%);
	width: 300px; /* Increase this value to make the light wider */
	height: 100%;
	background: linear-gradient(
		90deg,
		transparent 0%,
		rgba(255, 255, 255, 0.3) 20%,
		/* Slight transparency for the light */ rgba(255, 255, 255, 0.7) 50%,
		/* Stronger white in the middle */ rgba(255, 255, 255, 0.3) 80%,
		/* Slight transparency for the light */ transparent 100%
	);
	transition: left 0.1s ease-out;
	pointer-events: none;
	z-index: 10;
	opacity: 0;
	transform: skewX(-5deg); /* Slight tilt to the right */
}

.space_asset:hover::before {
	opacity: 1;
}

/* ============================================= gold	 */
/* ============================================= gold	 */

.gtranslate_wrapper,
.gtranslate_wrapper a,
.gtranslate_wrapper > a {
	color: #fff !important;
}
.slider1_sliderimg {
	-webkit-box-shadow: 4px -2px 18px 0px rgba(255, 252, 255, 1);
	-moz-box-shadow: 4px -2px 18px 0px rgba(255, 252, 255, 1);
	box-shadow: 4px -2px 18px 0px rgba(255, 252, 255, 1);

	border-radius: 4px;
}
#whatsapbtn {
	position: fixed;
	right: 30px;
	bottom: 30px;
	width: 45px;
	height: 45px;
	/* opacity: 0; */
	z-index: 2000;
	font-size: 38px;
	/* border: solid 3px #fff; */
	border-radius: 15px;
	color: #000 !important;
	/* background-color: #25d366; */
	overflow: hidden;
	/* -webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out; */
	background-size: cover;
}

#whatsapbtn:hover {
	/* background-color: #000000; */
}

#whatsapbtn.actived {
	right: 30px;
	opacity: 1;
}
.navbar .nav__item .nav__item-link {
	font-size: 16px !important;
	font-weight: 400 !important;
}
.pagetitle__heading {
	font-size: 55px !important;
	font-weight: 400 !important;
	color: #ffffff;
}
/* button,
button:focus,
.btn.focus,
.btn:focus,
.form-control,
.form-control:focus {
	background-color: #ccc !important;
} */
.btn-dark.focus,
.btn-dark:focus {
	background-color: #000 !important;
}
.postimg {
	position: absolute;
	width: 150px;
	height: 150px;
	margin-top: -40px;
	margin-left: -40px;
	background-color: #ccc;
	/* border-radius: 3px; */
	box-shadow: 0px 0px 10px #fff;
}
.about__img img {
	/* box-shadow: 0px 1px 73px 0px rgba(40, 40, 40, 0.15); */
	/* box-shadow: 20px 40px 1px 2px rgba(40, 40, 40, 0.55) !important; */
	border-radius: 4px;
	border: solid 1px #ccc !important;
}

/* custom banner 3d */
@property --_l {
	syntax: "<length>";
	initial-value: 0px;
	inherits: true;
}
@property --_r {
	syntax: "<length>";
	initial-value: 0px;
	inherits: true;
}

.imgbannerbig {
	--d: 18px; /* Depth */
	--a: 2deg; /* Angle */
	--x: 10px;

	width: 250px;
	aspect-ratio: 1.1;
	object-fit: cover;
	padding-block: var(--d);
	transform: perspective(400px) rotateY(calc(var(--_i, 1) * var(--a)));
	outline: var(--d) solid rgba(0, 0, 0, 0.5);
	outline-offset: calc(-1 * var(--d));
	--_d: calc(100% - var(--d));
	--_l: 0px;
	--_r: 0px;

	clip-path: polygon(
		var(--_l) calc(var(--_d) - var(--x)),
		var(--_l) calc(var(--d) + var(--x)),
		var(--d) var(--d),
		var(--_d) var(--d),
		calc(var(--_d) + var(--_r)) calc(var(--d) + var(--x)),
		calc(var(--_d) + var(--_r)) calc(var(--_d) - var(--x)),
		var(--_d) var(--_d),
		var(--d) var(--_d)
	);

	/* Realistic shadow */
	box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.3),
		-10px -10px 20px rgba(0, 0, 0, 0.1);

	transition: transform 0.3s, --_r 0.15s, --_l 0.15s 0.15s,
		box-shadow 0.3s ease-in-out;
	transition-timing-function: linear;
	cursor: pointer;
}

/* Hover Effect */
.imgbannerbig:hover,
.imgbannerbig.alt {
	--_l: var(--d);
	--_r: var(--d);
	--_i: -1;
	box-shadow: 20px 20px 30px rgba(0, 0, 0, 0.5),
		-15px -15px 20px rgba(0, 0, 0, 0.2);
	transition-delay: 0s, 0.15s, 0s;
}

/* Alternate Hover Effect */
.imgbannerbig.alt:hover {
	--_l: 0px;
	--_r: 0px;
	--_i: 1;
	box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.3),
		-10px -10px 20px rgba(0, 0, 0, 0.1);
	transition-delay: 0s, 0s, 0.15s;
}

/* Firefox Fallback */
@supports not (-webkit-mask: paint(p)) {
	.imgbannerbig,
	.imgbannerbig.alt {
		transition: 0.3s;
	}
	.imgbannerbig:hover,
	.imgbannerbig.alt:hover {
		--_i: 0;
		--_l: var(--d);
		--_r: 0px;
		box-shadow: 20px 20px 30px rgba(0, 0, 0, 0.5),
			-15px -15px 20px rgba(0, 0, 0, 0.2);
	}
}

/* custom banner 3d */

.textmainbanner {
	/* background-color: rgba(0, 0, 0, 0.4); */
}
.header-transparent + .slider .slide__content {
	padding-top: 50px;
	padding-bottom: 50px;
}

.slider .carousel-arrows .owl-nav .owl-prev,
.slider .carousel-arrows .owl-nav .owl-next {
	color: rgb(255, 255, 255);
	line-height: 46px;
	opacity: 0;
	transform: scale(0.8);
	border-radius: 50%;
	transition: opacity 0.5s, transform 0.4s;
	background-color: rgba(0, 0, 0, 0.5);
}
.postimagelist_landingpage {
	height: 230px !important;
	overflow: hidden !important;
	box-shadow: rgba(0, 0, 0, 0.2) 0px 12px 28px 0px,
		rgba(0, 0, 0, 0.1) 0px 2px 4px 0px,
		rgba(255, 255, 255, 0.05) 0px 0px 0px 1px inset;
}
/* ===============================================portofolio img */
.portfolio__img {
	overflow: hidden; /* Ensures image stays inside the container */
	position: relative;
}

.portfolio__img img {
	transition: transform 0.5s ease; /* Smooth transition for sliding zoom */
	width: 100%;
	height: 100%;
	object-fit: cover; /* Ensures the image fills the container while maintaining aspect ratio */
}

.portfolio__img:hover img {
	transform: scale(1.2) translateX(-10%); /* Zoom in and slide left */
}
.about__imgs-wrapper,.space_asset.owl-stage-outer,.ds_blogsection,.dsslide1_right{
	transition: all 0.3s ease-in-out;
}

blockquote{
	font-size: 1.4em;
	margin:50px auto;
	font-family:Open Sans;
	font-style:italic;
	color: #555555;
	padding:1.2em 30px 1.2em 75px;
	border-left:8px solid #78C0A8 ;
	line-height:1.6;
	position: relative;
	background:#EDEDED;
  }
  
  blockquote::before{
	font-family:Arial;
	content: "\201C";
	color:#78C0A8;
	font-size:4em;
	position: absolute;
	left: 10px;
	top:-10px;
  }
  
  blockquote::after{
	content: '';
  }
  
  blockquote span{
	display:block;
	color:#333333;
	font-style: normal;
	font-weight: bold;
	margin-top:1em;
  }
  .navbar-brand{
	/* background-color: #27ae60; */
	/* background-image: url('../images/backgrounds/green_noise2.jpg') !important; */
  }


  


.social-share-btns-container {
	overflow: hidden;
	position: absolute;
	left: 0;
	font-size: 0;
	top: 50%;
	margin: -30px 0;
	/* text-align: center; */
	width: 100%;
	z-index: 111;
  }
  
  
  .social-share-btns {
	display: inline-block;
	overflow: hidden;
	.share-btn {
	  float: left;
	  margin: 0 5px;
	  padding: 8px 16px;
	  border-radius: 3px;
	  color: #fff;
	  font-size: 14px;
	  line-height: 18px;
	  vertical-align: middle;
	  @include transition(background 0.2s ease-in-out);
  
	  i {
		margin-right: 5px;
		display: inline-block;
		font-size: 18px;
		vertical-align: middle;
	  }
	}
  }
  
  // Colors
  .share-btn {
	background-color: #95a5a6;
	&:hover {
	  background-color: darken(#95a5a6, 10%);
	}
  }
  .share-btn-twitter {
	background-color: #00aced;
	&:hover {
	  background-color: darken(#00aced, 10%);
	}
  }
  .share-btn-facebook {
	background-color: #3b5998;
	&:hover {
	  background-color: darken(#3b5998, 10%);
	}
  }
  .share-btn-linkedin {
	background-color: #007bb6;
	&:hover {
	  background-color: darken(#007bb6, 10%);
	}
  }
  .share-btn-reddit {
	background-color: #ED001C;
	&:hover {
	  background-color: darken(#ED001C, 10%);
	}
  }
  
  .share-btn-mail {
	  background-color: #f1c40f;
	  &:hover {
		  background-color: darken(#f1c40f, 5%);
	  }
  }
  





  .imgdetailpost{
	top:-60px !important;
	border-radius: 10px;
	box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px;
	width: 100% !important;
  }


  /* ======================= CSS FOLD IMAGE ========================== */
  
.about-layout1 {
	border-top-right-radius: 20px !important;
	border-top-left-radius: 20px !important;
	border: solid 1px #e5e5e5 !important;
	margin-top: -20px !important;
	z-index: 1000 !important;
	background-color:rgb(255, 255, 255) !important;
}
.header-transparent .navbar.fixed-navbar{
	background-color: rgba(255, 255, 255, 0.67) !important;
}