/*!
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
*/

 /* Add your custom style here */

/* Loop Timeline */
.btn-more {
    transform: translate(-50%,-50%)
}


/* product */

#product-wrapper .swiper-slide .bg-product {
	opacity: 0;
	transition: all .1s linear;
}




#product-wrapper .swiper-slide.swiper-slide-active .bg-product {
	opacity: 1;
	transition: all .1s linear;
}


@media only screen and (min-width: 968px) {
	
	.timeline-wrapper .image-wrapper img {
		height: 400px !important;
	}
	
	.timeline-wrapper-main .swiper-pagination-bullet {
		opacity: 1 !important;
	}
	
	.timeline-wrapper-main .swiper-pagination-bullet-active {
		background: #FF6503 !important;
	}


	.timeline-wrapper-main .swiper-pagination-bullet {
		width: 40px !important;
		border-radius: 0 !important;
	}
	
	
}


/* language menu */

.uicore-menu li a {
	font-weight: 500 !important;
}

@media only screen and (min-width: 968px) {
	
	.lang-item {
		position: relative;
	}
	
	.lang-item a {
		padding: 0 8px !important;
	}
	
	.uicore-menu li.current-lang a {
		font-weight: 700 !important;
	}
	
	.lang-item-first::after {
		position: absolute;
		height: 30px;
		width: 1px;
		background: #222222;
		content: "";
		top: 50%;
		right: 0;
		transform: translateY(-50%);
		display: block;
		z-index: 1;
	}
}

/* homepage */
.title-wrapper {
    position: relative
}

.title-wrapper:before {
    position: absolute;
    left: 0px;
    top: -31px;
    content: "";
    z-index: 1;
    border-left: 31px solid transparent;
            border-right: 0;
            border-bottom: 31px solid #FFB07C;
}

.bdt-slideshow-items {
    max-height: 65vh;
}

.bdt-thumbnav-wrapper {
    width: 100%;
}

.services-wrapper img.attachment-full.size-full {
    filter: grayscale(1);
    position: relative;
}


.services-wrapper .bdt-slideshow-item::before{
    width: 100%;
    height: 100%;
    content: "";
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0)0%, rgba(0, 0, 0, 1) 100%);
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
}

.uicore-navbar nav.uicore ul.sub-menu, .uicore-navbar nav.uicore ul.sub-menu:not(.uicore-megamenu) {
	min-width: 180px !important;
}

@media only screen and (max-width: 480px) {
    
    .bdt-thumbnav-wrapper {
        top: -50px;
    }
}


/* about us */
.text-left ol {

    text-align: left;
    font-weight: 500;
}



@media only screen and  (min-width:968px) {
    #leftSection {
      position: sticky;
      top: 0; /* Adjust this value as needed to maintain spacing at the top */
      height: 100%; /* Ensure it covers its container's height */
      align-self: start; /* Aligns the section properly in flex container */
    }
    
    #product {
      display: flex;
      flex-wrap: wrap; /* Ensures responsive behavior if needed */
    }
    
    #rightSection {
      flex-grow: 1; /* Ensures it takes up the remaining space */
    }
}