/*
Theme Name: Klain
Theme URI: https://elementor.com/hello-theme
Template: hello-elementor
Author: Klain
Author URI: https://klain.ro/
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.3.0.1737928061
Updated: 2025-01-26 21:47:41

*/

.home-carousel::before {
    content: '';
    position: absolute;
    left: -40px;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 170px;
    background: #EE882F;
    border-radius: 999px;
    z-index: 10;
}
.home-carousel::after {
    content: '';
    position: absolute;
    right: -40px;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 170px;
    background: #008ADC;
    border-radius: 999px;
    z-index: 10;
}
.btn-hm .elementor-button-icon svg {
    height: 8px !important;
}
.btn-ct .elementor-button-icon svg {
    height: 14px !important;
}

.btn-hm.btn-hm-odd .elementor-button-icon svg > path {
    fill: #006DB2;
}
.btn-hm:hover .elementor-button-icon svg {
    transform: rotate(45deg);
	animation-name: slide;
	animation-duration: 3s;
	animation-timing-function: ease-in;
}

span.colour-brandtwo {
    color: #EE882F;
    font-family: 'IBM Plex Serif';
    font-style: italic;
    text-decoration: underline;
    font-weight: 400;
    text-decoration-line: underline;
    text-decoration-skip-ink: none;
    text-underline-position: from-font;
    text-decoration-thickness: from-font;
}

span.colour-brandthree {
    color: #008ADC;
}
span.colour-brandfour {
    color: #EE882F;
}
span.colour-brandfifth {
    color: #008ADC;
}
.accord-cta span.list-number {
    display: block;
    margin-bottom: 12px;
	font-family: "IBM Plex Serif";
	font-size: 14px;
    line-height: 1.2em;
}
.accord-cta details.e-n-accordion-item[open] .e-n-accordion-item-title-icon {
    background: #EE882F;
	border-color: #EE882F;
}
.accord-cta details.e-n-accordion-item .e-n-accordion-item-title-icon {
    border-color: #CDD5DF;
	border: 1px solid;
	border-radius: 8px;
    padding: 14px;
}
.accord-cta details.e-n-accordion-item .e-n-accordion-item-title-icon svg > path {
    fill: #697586;
}
.accord-cta details.e-n-accordion-item[open] .e-n-accordion-item-title-icon svg > path {
    fill: #FFFFFF;
}

span.ribbon {
    font-family: "Host Grotesk";
    font-size: 14px;
    font-weight: 400;
}

.faq-acc .e-n-accordion-item[open] > .e-n-accordion-item-title {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

@media only screen and (min-width:980px) {
	.main-menu {
		border-radius: 30px;
		border: 1px solid #DEDEDE !important;
		background: rgba(252, 251, 248, 0.50) !important;
	}
	.dmn-box:hover .elementor-widget-image {
		display: inherit;
	}
	.dmn-box:hover .elementor-view-framed .elementor-icon {
		background: #9ADC !important;
		border-color: #ffffff !important;
		fill: #ffffff !important;
	}

}

@media only screen and (max-width:1140px) and (min-width:980px) {

}

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

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

}

@media only screen and (max-width:768px) {
	.main-menu ul {
		background: #012944;
	}
	.home-carousel::before {
		width: 10px;
		left: -30px;
		top: 45%;
	}
	.home-carousel::after {
		width: 10px;
		right: -30px;
		top: 45%;
	}

}
@media only screen and (min-width:1024px) {
/* Desktop - 5 slides visible with % widths, accounting for 4 × 10px gaps = 40px */
.home-carousel .swiper-slide[data-slide="1"],
.home-carousel .swiper-slide[data-slide="5"] {
    width: calc(10% - 8px) !important;
}

.home-carousel .swiper-slide[data-slide="2"],
.home-carousel .swiper-slide[data-slide="4"] {
    width: calc(15% - 8px) !important;
}

.home-carousel .swiper-slide[data-slide="3"] {
    width: calc(50% - 8px) !important;
}

/* Image heights per slide */
.home-carousel .swiper-slide[data-slide="1"] img,
.home-carousel .swiper-slide[data-slide="5"] img {
    height: 240px !important;
    width: 100% !important;
    object-fit: cover !important;
}

.home-carousel .swiper-slide[data-slide="2"] img,
.home-carousel .swiper-slide[data-slide="4"] img {
    height: 290px !important;
    width: 100% !important;
    object-fit: cover !important;
}

.home-carousel .swiper-slide[data-slide="3"] img {
    height: 360px !important;
    width: 100% !important;
    object-fit: cover !important;
}

/* Also make containers stretch to full height */
.home-carousel .swiper-slide .e-con,
.home-carousel .swiper-slide .e-con-inner {
    height: 100% !important;
    padding: 0 !important;
}

/* Vertical alignment */
.home-carousel .swiper-wrapper {
    align-items: center;
}
}