/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*split text animation*/
body:not(.elementor-editor-active) .wbs-subheading .elementor-heading-title,
body:not(.elementor-editor-active) .wbs-heading .elementor-heading-title,
body:not(.elementor-editor-active) .wbs-paragraph p,
body:not(.elementor-editor-active) .wbs-lists ul li,
body:not(.elementor-editor-active) .kyl-fade-up-with-scale {
	opacity: 0;
	will-change: transform;
}

.wbs-subheading .elementor-heading-title *,
.wbs-heading .elementor-heading-title *,
.wbs-paragraph p *,
.wbs-lists ul li * {
	will-change: transform;
}

body:not(.elementor-editor-active) .wbs-button {
	opacity: 0;
	transform: translateY(20px);
}

/*custom spotlight btn css rules*/
.spotlight-btn {
	display: flex;
	justify-content: center;
}

.spotlight-btn a {
	position: relative;
	overflow: hidden;
}

.spotlight-btn a .elementor-button-content-wrapper {
	position: relative;
	z-index: 2;
}

.spotlight-btn .button__spotlight {
	position: absolute;
	z-index: 1;
	height: 10px;
	width: 10px;
	opacity: 1;
	border-radius: 50%;
	background: var(--e-global-color-865c25e);
	inset: 0;
	top: 50%;
	transform: scale(0);
}

.button__spotlight {
	pointer-events: none;
}

/*remove last paragraph margin in text widget in elementor*/
.elementor-widget-text-editor p:last-child {
	margin-bottom: 0px !important;
}

/*product carousel*/
.kyn-product-carousel .swiper-slide .kyn-product-carousel-content {
	opacity: 0;
	transition: all .5s;
}

.kyn-product-carousel .swiper-slide .kyn-product-carousel-img {
	transform: scale(.6);
	transition: all .5s;
}

.kyn-product-carousel .swiper-slide.swiper-slide-next .kyn-product-carousel-content {
	opacity: 1;
}

.kyn-product-carousel .swiper-slide.swiper-slide-next .kyn-product-carousel-img {
	transform: scale(1);
}

/*contact form css rules*/
.kyn-form .elementor-field-type-submit {
	margin-top: 80px;
	margin-bottom: 0px !important;
}

.kyn-form-overlay:before {
	content: "";
	border: 2px solid var(--e-global-color-865c25e);
	position: absolute;
	width: calc(100% - 20px);
	height: calc(100% - 20px);
	left: 10px;
	top: 10px;
}

.kyn-contact-form {
	transform-origin: top left;
}
.kyn-form .elementor-message{
	position: absolute;
    bottom: -100px;
    width: 100%;
    left: 0;
    background: var(--e-global-color-accent);
    padding: 5px 20px;
}
/*procuct img drop shadow*/
.kyn-product-drop-shadow img {
	filter: drop-shadow(5px 5px 10px rgba(0, 0, 0, 0.35));
}

body:not(.elementor-editor-active) .kyn-product,
body:not(.elementor-editor-active) .kyn-product-carousel-section {
	transform: translateY(120px) scale(0.9);
	opacity: 0;
	will-change: transform, opacity;
}

body:not(.elementor-editor-active) .kyndal-about-img-back {
	transform: scale(0.5);
	transform-origin: center center;
	transition: transform 0.3s ease;
}

.kyndal-about-img-front {
	transform-origin: center bottom;
}

/* --- Circle --- */
.divider-circle,
.divider-circle .elementor-icon-wrapper {
	display: inline-flex;
}

body:not(.elementor-editor-active) .divider-circle {
	transform: scale(0);
	transform-origin: center;
}

/* --- Line --- */
body:not(.elementor-editor-active) .divider-bar {
	transform: scaleX(0);
	transform-origin: left;
}

/* Text */
body:not(.elementor-editor-active) .divider-text {
	opacity: 0;
	transform: translateX(20px);
	white-space: nowrap;
}

.divider-text p {
	margin-block-end: 0;
}

body:not(.elementor-editor-active) .kyn-zoomed-out-section {
	transform-origin: center center;
	transform: scale(.8);
}

body:not(.elementor-editor-active) .kyn-zoomed-out-text .elementor-widget-heading,
body:not(.elementor-editor-active) .kyn-zoomed-out-text .elementor-widget-text-editor {
	opacity: 0;
	filter: blur(10px);
	transform: translateY(40px);
}

.kyn-cards-section,
.c-transition-Initial,
.elementor-element:where(:not(.e-con)):where(:not(.e-div-block-base)):not(:has(.elementor-widget-container)),
.e-con:where(:not(.e-div-block-base)) {
	transition: auto;
}

body:not(.elementor-editor-active) .kyn-card {
	height: 100%;
	position: absolute;
	overflow: hidden;
}

/*img reveal css rules*/
.reveal {
	transition: none !important;
	overflow: hidden;
}

.reveal img {
	scale: 1;
	transform-origin: center center;
	transition: none !important;
}

.reveal.reveal-from-bottom {
	clip-path: polygon(0 100%, 100% 100%, 100% 0, 0 0);
}

.reveal.reveal-from-top {
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}

.reveal.reveal-from-left {
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}

.reveal.reveal-from-right {
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}

/*footer css rules*/
.kyn-footer-menu li a {
	display: block;
	text-align: right;
}

/*hero section css rules*/
.kyn-hero-img {
	height: 110% !important;
}

.kyn-hero-img img {
	height: 100% !important;
	object-fit: cover;
	object-position: center center;
}


/*horizontal timeline css rules*/
.cus-img-height,
.cus-height-container,
.horizontal-scoll-slide {
	height: 85vh;
}

.years-timeline {
	min-height: calc(15vh - 20px);
}

.years-bar {
	display: flex;
	gap: 3vw;
	align-items: center;
	justify-content: center;
	z-index: 999;
}

.year {
	font-size: 3vw;
	font-family: 'Noctado';
	opacity: 0.5;
	transition: 0.3s;
	line-height: 1;
}

.year.active {
	opacity: 1;
	font-weight: normal;
}

.kyn-mobile-timeline {
	display: none;
}

.kyn-timeline-carousel .swiper-pagination {
	display: flex;
	justify-content: space-around;
	width: 100%;
	flex-wrap: wrap;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-template-rows: 1fr 1fr;
	gap: 45px 20px;
}

.kyn-timeline-carousel .swiper-pagination .swiper-pagination-bullet {
	height: 0px !important;
	width: 0px !important;
	border-radius: 0 !important;
}

.kyn-timeline-carousel .swiper-pagination .swiper-pagination-bullet:before {
	content: "";
	position: relative;
	font-size: 7vw;
	font-weight: 600;
	font-family: var(--e-global-typography-text-font-family), Sans-serif;
}

.kyn-timeline-carousel .swiper-pagination-bullet {
	opacity: .25;
	transition: all .5s;
}

.kyn-timeline-carousel .swiper-pagination-bullet.swiper-pagination-bullet-active {
	opacity: 1;
}

.kyn-timeline-carousel .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
	color: #000000;
}

.kyn-timeline-carousel .swiper-pagination .swiper-pagination-bullet:nth-child(1):before {
	content: "2002";
}

.kyn-timeline-carousel .swiper-pagination .swiper-pagination-bullet:nth-child(2):before {
	content: "2006";
}

.kyn-timeline-carousel .swiper-pagination .swiper-pagination-bullet:nth-child(3):before {
	content: "2008";
}

.kyn-timeline-carousel .swiper-pagination .swiper-pagination-bullet:nth-child(4):before {
	content: "2012";
}

.kyn-timeline-carousel .swiper-pagination .swiper-pagination-bullet:nth-child(5):before {
	content: "2014";
}

.kyn-timeline-carousel .swiper-pagination .swiper-pagination-bullet:nth-child(6):before {
	content: "2015";
}

.kyn-timeline-carousel .swiper-pagination .swiper-pagination-bullet:nth-child(7):before {
	content: "2016";
}

.kyn-timeline-carousel .swiper-pagination .swiper-pagination-bullet:nth-child(8):before {
	content: "2019";
}

/* Go to top */

.go-to-top-btn {
	display: none;
	position: fixed;
    right: 20px;
    bottom: 20px;
}
.go-to-top-btn:hover a{
	transform:translateY(-10px);
}
.go-to-top-btn a {
	width: 56px;
	height: 56px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	box-shadow: 0px 6px 10px #999;
	background:#000;
	transition:all .5s;
}
.go-to-top-btn a svg{
	height:28px;
}
/* End go to top */


@media only screen and (max-width:1280px) {}


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

	.cus-img-height,
	.cus-height-container,
	.horizontal-scoll-slide {
		height: 75vh;
	}

	.years-timeline {
		min-height: calc(25vh - 20px);
	}
}


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

	.cus-img-height,
	.cus-height-container,
	.horizontal-scoll-slide {
		height: 70vh;
	}

	.years-timeline {
		min-height: calc(30vh - 20px);
	}
	.year {
		font-size: 4vw;
	}
}


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


@media only screen and (max-width:767px) {
	.kyn-product-carousel .swiper-slide .kyn-product-carousel-content {
		opacity: 1;
	}

	.kyn-product-carousel .swiper-slide .kyn-product-carousel-img {
		transform: scale(1);
	}

	.kyn-footer-menu li a {
		text-align: left;
	}

	.kyn-mobile-timeline {
		display: flex;
	}

	.kyn-desktop-timeline {
		display: none;
	}
}

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

@media only screen and (max-width:480px) {
	.kyn-footer-inner-section {
		padding-top: 100px !important;
		padding-bottom: 100px !important;
	}
}

@media only screen and (max-width:375px) {}