/*!
Theme Name: Brisk Child
Theme URI: https://uicore.co
Description: Multi-Purpose Elementor WordPress Theme
Author: UiCore
Author URI: https://uicore.co
Template: brisk
Version: 1.0.0
Text Domain: brisk
*/

body {
	overflow-x: clip;
}

.banner-button-wrapper .center {
    transform: translateY(-50%) !important;
}

.home-banner-wrapper .swiper-pagination .swiper-pagination-total {
	font-size: 24px !important;
}

.heading-wrapper h2 {
	font-weight: bold;
	line-height: 75px !important;
}

.heading-wrapper h2 strong {
	font-weight: bold;
	color: var(--e-global-color-uicore_primary) !important;
}
/* .about-bg-wrapper {
	max-width: 695px !important;
	width: 47vw !important;
	border: 6px solid black !important;
	padding: 8px !important;
	border-radius: 100% !important;
} */

/* warna border jadi biru seperti warna secondary */
.about-bg-wrapper {
	max-width: 695px !important;
	width: 47vw !important;
	border: 6px solid #082443 !important;
	padding: 8px !important;
	border-radius: 100% !important;
}


.about-bg-wrapper .elementor-widget-image {
	border-radius: 100% !important;
	overflow: auto !important;


}
.about-bg-wrapper img {
	object-fit: cover;
	aspect-ratio: 1/1;
}

/* .service-home-wrapper {
	overflow: auto !important;
	box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.75);
	-webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.75);
}
 */
.service-home-wrapper img {
	aspect-ratio: 2/1;
	object-fit: cover;
}

/* .service-loop-wrapper .swiper.elementor-loop-container {
	position: relative;
    overflow: visible;
	z-index: 1;
}

.service-loop-wrapper .swiper.elementor-loop-container::before {
	 content: "";
	  position: absolute;
	  top: 0;
	  left: -100%;
	  bottom: 0;
	  width: 100%; 
	  background: white; 
	  z-index: 3;
	  margin: -8px;
	  pointer-events: none;
}
 */

.elementor-23 .elementor-element.elementor-element-b22f318 {
	--swiper-offset-size: 8vw !important;
}

.vision-mission-wrapper .img-wrapper > .elementor-widget-container {
	overflow: hidden !important;
}

.latest-blog-wrapper img, .vision-mission-wrapper img {
	aspect-ratio: 5/3 !important;
	object-fit: cover !important;
}

.single-image-wrapper img {
    aspect-ratio: 3/4 !important;
    object-fit: cover !important;
}

/* contact us widget */
/* Remove all margins globally in the Contact Form 7 form */
.wpcf7-form * {
    margin: 0; /* Remove all margins */
    padding: 0; /* Reset padding if needed */
    box-sizing: border-box;
}

/* Make the entire form a flex container */
.wpcf7-form {
    display: flex;
    flex-wrap: wrap; /* Allow items to wrap onto new lines */
    gap: 14px; /* No gaps between elements */
}

/* Container for half-width fields */
.wpcf7-form .flex-container {
    display: flex;
    width: 100%;
    gap: 14px; /* No gaps between fields */
}

/* Half-width fields (50%) */
.wpcf7-form .half-width {
    flex: 1;
    width: 50%; /* Set to exactly 50% */
}

/* Full-width fields (100%) */
.wpcf7-form .full-width {
    width: 100%;
}

/* Style form inputs and textareas */
.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="tel"],
.wpcf7-form select,
.wpcf7-form textarea {
    width: 100%;
    border: 1px solid #000;
    padding: 4px;
    font-size: 12px !important;
}

.wpcf7-submit {
	border: 1px solid black !important;
}

.wpcf7-list-item-label, .wpcf7-not-valid-tip, .wpcf7-response-output {
	font-size: 12px !important;
}
.wpcf7 form.invalid .wpcf7-response-output {
	    width: 100%;
    margin: 0;

}

.uicore-page-title {
	z-index: 1;
}

.service-2-wrapper {
	overflow: clip  !important;
}

.service-2-wrapper img {
	aspect-ratio: 3/4 !important;
	object-fit: cover;
}

/* Hidden by default */
.service-2-wrapper .description-wrapper .hide {
	height:0;
	opacity:0;
	transition: height 0.5s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.5s ease;
}

/* Show on hover */
.service-2-wrapper:hover .description-wrapper {
	gap: 8px !important;
}

.service-2-wrapper, .service-home-wrapper, .service-detail-wrapper {
	height: 100% !important;
}

.service-detail-wrapper .img-center {
    transform: translate(-50%, 50%) !important;
}

.swiper-gallery img {
	aspect-ratio: 16/9 !important;
	object-fit: cover !important;
}

.advantage-wrapper img {
	aspect-ratio: 5/3 !important;
	object-fit: cover !important;
}

.award-wrapper img {
	aspect-ratio: 3/4 !important;
	object-fit: cover !important;
}

.advantage-wrapper .elementor-swiper-button {
	padding: 8px;
	border: 2px black solid;
	border-radius: 50%;
}

/* only desktop */

@media only screen and (min-width: 968px) {
	.service-2-wrapper:hover .description-wrapper .hide.elementor-widget-theme-post-excerpt {
		height: 165px !important;
		opacity:1;
		transition: height 0.5s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.5s ease;
	}
	
	.advantage-wrapper .swiper-wrapper  {
		width: 100%;
		align-items: flex-end;
	}

	.advantage-wrapper .swiper-slide {
		transition-delay: 250ms;
		transition: all .5s linear;
	}
	
	.advantage-wrapper .swiper {
		overflow: visible !important;
	}

	.advantage-wrapper .swiper-slide.swiper-slide-active {
		width: 50% !important;
	}

	.advantage-wrapper.elementor-element .swiper .elementor-swiper-button-prev {
		right: 70px !important;
		left: unset !important;
	}

	.advantage-wrapper.elementor-element.elementor-pagination-position-outside .swiper .elementor-swiper-button {
		top: 20% !important;
	}
	
	
}

/* mobile version */
@media only screen and (max-width: 480px) {
	.heading-wrapper h2 {
		line-height: 36px !important;
	}
	
	.home-banner-wrapper .swiper-pagination .swiper-pagination-total {
		font-size: 12px !important;
	}
	
	.about-bg-wrapper {
		max-width: 212px !important;
		width: 100% !important;
		border: 6px solid #082443 !important;
		padding: 8px !important;

	}
	
	.achivement-gallery-wrapper  .gallery {
		display: flex !important;
		flex-direction: row;
		gap: 16px;
	}
	
	.single-image-wrapper img, .service-2-wrapper img {
		aspect-ratio: 5/3 !important;
	}
	
	.service-2-wrapper .description-wrapper .hide {
		height: fit-content;
		opacity: 1;
	}
	
	.service-2-wrapper .description-wrapper{
		bottom: 0 !important;
		position:relative !important;
		transform: translatey(0) !important;
	}
	
	.loop-service .swiper {
		overflow: visible !important;
	}

	.advantage-wrapper img  {
		aspect-ratio: 5/3 !important;
		object-fit: cover !important;
	}

}


.client-item {
    display: inline-block;
    text-align: center;
    margin: 10px;
}
.client-item img {
    max-width: 100px;
    height: auto;
}