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

:root{
	--scroll-padding-top: 75px;
	--color-brand: #4169E1;
	--color-brand-light: #BAC8FF;
}

html {
	scroll-padding-top: var(--scroll-padding-top);
	scroll-snap-type: y proximity;
}

p + ul {
    margin-top: -0.9rem;
}

p:last-child {
    margin-block-end: 0;
}

ul {
    margin-bottom: 0.9rem;
}

.check-list ul {
	list-style: none;
	padding-left: 0;
	margin: 0;
}

.check-list li {
	position: relative;
	padding-left: 24px;
}

.check-list li::before {
	content: "✓";
	position: absolute;
	left: 0;
	top: 0;
	color: var(--color-brand);
	font-weight: 700;
}

.card-shadow {
    filter: drop-shadow(0 0 12px rgba(0, 0, 0, 0.1));
}

.solutions-card-background {
	scroll-snap-align: center;

	transform-origin: center center;
	will-change: transform;

	animation-name: cardScaleUpBackground;
	animation-duration: 1s;
	animation-fill-mode: both;
	animation-timing-function: ease-in-out;

	animation-timeline: view();
	animation-range: entry 0% exit 100%;
}

.solutions-card {
	scroll-snap-align: center;

	transform-origin: center center;
	will-change: transform;

	animation-name: cardScaleUp;
	animation-duration: 1s;
	animation-fill-mode: both;
	animation-timing-function: ease-in-out;

	animation-timeline: view();
	animation-range: entry 0% exit 100%;
}

@keyframes cardScaleUp {
	40% {
		transform: scale(1);
	}

	50% {
		transform: scale(1.05);
	}

	60% {
		transform: scale(1);
	}
}

@keyframes cardScaleUpBackground {
	40% {
		transform: scale(1);
	}

	50% {
		transform: scale(1.05);
		background-color: white;
	}

	60% {
		transform: scale(1);
	}
}

.elementor-lightbox .elementor-lightbox-image {
    border-radius: 16px !important;
    box-shadow: unset !important;
}

.elementor-element .swiper .elementor-swiper-button svg, .elementor-element .swiper~.elementor-swiper-button svg, .elementor-lightbox .swiper .elementor-swiper-button svg, .elementor-lightbox .swiper~.elementor-swiper-button svg {
	fill: var(--e-global-color-4c30ca2) !important;
}

.elementor-lightbox .dialog-lightbox-close-button:hover svg, .elementor-lightbox .elementor-swiper-button:hover svg {
	fill: var(--e-global-color-4c30ca2) !important;
}

.elementor-lightbox .dialog-lightbox-close-button svg, .elementor-lightbox .elementor-swiper-button svg {
    fill: var(--e-global-color-4c30ca2) !important;
}

.elementor-lightbox .swiper .swiper-pagination-fraction {
	color: var(--e-global-color-4c30ca2) !important;
}

.elementor-slideshow__footer {
	color: var(--e-global-color-4c30ca2) !important;
}

.elementor-slideshow__header>svg {
    fill: var(--e-global-color-4c30ca2) !important;
}