/* 
Theme Name: Schwarz+Matt Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Schwarz+Matt Child is a child theme of Hello Elementor, created by the Elementor team and modified by Schwart+Matt.
Author: Schwarz+Matt Team
Author URI: https://www.schwarz-matt.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: schwarz+matt-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
*/

/* Global Start */

html, body {
	max-width: 100% !important;
	overflow-x: hidden !important;
	scroll-behavior: smooth;
}

:root {
  /* Spacing */
  --spacing-s: 24px;
  --spacing-m: 32px;
  --spacing-l: 48px;
  --spacing-xl: 72px;
  --spacing-xxl: 96px;

 /* Farben */
  --color-primary: #2A83F4;
  --color-secondary: #1DDDE3;
  --color-white: #fff;
  --color-black: #000;
  --color-gray-100: #f5f5f5;
  --color-gray-200: #ecf2fc;
  --color-dark-blue: #203B4C;

  /* Schriftart */
  --font-primary: "Poppins", sans-serif;
}

.wrapper {
  padding-left: var(--spacing-s);
  padding-right: var(--spacing-s);
}

.pt-s { padding-top: var(--spacing-s); }
.pt-m { padding-top: var(--spacing-m); }
.pt-l { padding-top: var(--spacing-l); }
.pt-xl { padding-top: var(--spacing-xl); }
.pt-xxl { padding-top: var(--spacing-xxl); }

.pb-s { padding-bottom: var(--spacing-s); }
.pb-m { padding-bottom: var(--spacing-m); }
.pb-l { padding-bottom: var(--spacing-l); }
.pb-xl { padding-bottom: var(--spacing-xl); }
.pb-xxl { padding-bottom: var(--spacing-xxl); }

.p-m { padding: var(--spacing-m); }
.p-l { padding: var(--spacing-l); }

.mt-m { margin-top: calc(var(--spacing-l) * -1); }
.mt-l { margin-top: calc(var(--spacing-xl) * -1); }

.mb-l { margin-bottom: var(--spacing-xl); }

@media (min-width: 768px) {
  :root {
	--spacing-m: 32px;
	--spacing-l: 48px;
	--spacing-xl: 72px;
	--spacing-xxl: 96px;
  }

  .wrapper {
	padding-left: var(--spacing-m);
	padding-right: var(--spacing-m);
  }
}

@media (min-width: 1024px) {
  :root {
	--spacing-m: 48px;
	--spacing-l: 72px;
	--spacing-xl: 96px;
	--spacing-xxl: 120px;
  }

  .wrapper {
	padding-left: var(--spacing-l);
	padding-right: var(--spacing-l);
  }
}


/* ==============================
   LINKER CONTAINER
   ============================== */

/* Bis max. 767px: volle Breite + dein Wrapper-Padding */
@media (max-width: 767px) {
  .left-container {
	width: 100%;
	box-sizing: border-box;
	padding-left: 24px !important;
	padding-right: 24px !important;
  }
}

/* 768px bis 1023px: 50% (max. 640px) + mittleres Padding */
@media (min-width: 768px) and (max-width: 1023px) {
  .left-container {
	width: min(50%, 640px);
	box-sizing: border-box;
	padding-left: 32px !important;
	padding-right: 32px !important;
  }
}

/* Ab 1024px: 50% (max. 640px) + größeres Padding */
@media (min-width: 1024px) {
  .left-container {
	width: min(50%, 640px);
	box-sizing: border-box;
	padding-left: 48px !important;
	padding-right: 48px !important;
  }
}

/* ==============================
   RECHTER CONTAINER
   ============================== */

/* Bis max. 767px: volle Breite + dein Wrapper-Padding */
@media (max-width: 767px) {
  .right-container {
	width: 100%;
	box-sizing: border-box;
	padding-left: 24px !important;
	padding-right: 24px !important;
  }
}

/* 768px bis 1023px: 50% (max. 640px) + mittleres Padding */
@media (min-width: 768px) and (max-width: 1023px) {
  .right-container {
	width: min(50%, 640px);
	box-sizing: border-box;
	padding-left: 32px !important;
	padding-right: 32px !important;
  }
}

/* Ab 1024px: 50% (max. 640px) + größeres Padding */
@media (min-width: 1024px) {
  .right-container {
	width: min(50%, 640px);
	box-sizing: border-box;
	padding-left: 48px !important;
	padding-right: 48px !important;
  }
}

.logo-slider img {
	filter: grayscale(100%);
	transition: filter 0.3s ease;
}

.logo-slider:hover img {
	filter: grayscale(0%);
	transition: filter 0.3s ease;
}

.slider-visible .slick-list {
	overflow: visible;
}

.aspect-1-1 img {
	aspect-ratio: 1/1 !important;
	object-fit: cover !important;
	object-position: center center !important;
}

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

.full-height.elementor-widget-image {
	height: auto;
}

.full-img-height .elementor-widget.elementor-widget-image {
	height: 100%;
}

/* Basis-Button-Stile */
.elementor-button {
  display: inline-block;
  font-family: var(--font-primary);
  font-weight: 500;
  line-height: 120%;
  text-align: center;
  border-radius: 0;
  padding: 12px 24px;
  transition: all 0.3s ease;
}

.elementor-button svg {
  transition: fill 0.3s ease;
}

/* Primary Button */
.btn-primary .elementor-button {
  background-color: transparent;
  color: var(--color-white);
  border: 1px solid var(--color-white);
}

.btn-primary .elementor-button:hover,
.btn-primary .elementor-button:focus {
  background-color: var(--color-white);
  color: var(--color-primary);
  border-color: var(--color-white);
}

.btn-primary .elementor-button svg {
  fill: var(--color-white);
}

.btn-primary .elementor-button:hover svg,
.btn-primary .elementor-button:focus svg {
  fill: var(--color-primary);
}

/* Primary 02 Button */
.btn-primary-02 .elementor-button {
  background-color: transparent;
  color: var(--color-primary);
  border: 1px solid var(--color-primary);
}

.btn-primary-02 .elementor-button:hover,
.btn-primary-02 .elementor-button:focus {
  background-color: var(--color-primary);
  color: var(--color-white);
  border-color: var(--color-primary);
}

.btn-primary-02 .elementor-button svg {
  fill: var(--color-primary);
}

.btn-primary-02 .elementor-button:hover svg,
.btn-primary-02 .elementor-button:focus svg {
  fill: var(--color-white);
}

/* Secondary Button */
.btn-secondary .elementor-button {
  background-color: var(--color-white);
  color: var(--color-primary);
  border: 1px solid var(--color-white);
}

.btn-secondary .elementor-button:hover,
.btn-secondary .elementor-button:focus {
  background-color: var(--color-primary);
  color: var(--color-white);
  border-color: var(--color-primary);
}

.btn-secondary .elementor-button svg {
  fill: var(--color-primary);
}

.btn-secondary .elementor-button:hover svg,
.btn-secondary .elementor-button:focus svg {
  fill: var(--color-white);
}

/* Third Button */
.btn-third .elementor-button {
  background-color: var(--color-dark-blue);
  color: var(--color-white);
  border: 1px solid var(--color-dark-blue);
}

.btn-third .elementor-button:hover,
.btn-third .elementor-button:focus {
  background-color: var(--color-primary);
  color: var(--color-white);
  border-color: var(--color-primary);
}

.btn-third .elementor-button svg {
  fill: var(--color-primary);
}

.btn-third .elementor-button:hover svg,
.btn-third .elementor-button:focus svg {
  fill: var(--color-white);
}

/* Scroll Button */

.scroll-btn svg {
	width: 8px;
	transition: all .3s ease-in-out;
	position: absolute;
	top: 5px;
}

.scroll-btn:hover svg {
	transition: all .3s ease-in-out;
	top: 10px;
}

.scroll-btn .elementor-button-content-wrapper {
	align-items: center;
}

/* Headline Gradient */

.headline-gradient h2 {
	background: linear-gradient(90deg, #2A83F4, #1DDDE3);
	background-size: 300% 300%; /* Größer machen, um Bewegung zu ermöglichen */
	animation: gradientAnimation 5s infinite linear; /* Animation anwenden */
	-webkit-background-clip: text; /* Für Safari/Chrome */
	-webkit-text-fill-color: transparent; /* Text transparent machen */
	color: transparent; /* Fallback für nicht unterstützende Browser */
}

@keyframes gradientAnimation {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}

/* Counter */

.counter {
	background: linear-gradient(to right, #ecf2fc, #ecf2fc);
	transition: background 1s ease-in-out;
}

.counter:hover {
	background: linear-gradient(to right, #2A83F4, #1DDDE3);
	transition: background 1s ease-in-out;
}

.counter:hover span.elementor-counter-number {
	color: #fff;
	transition: all .2s ease-in-out;
}

.counter:hover span.elementor-counter-number-suffix {
	color: #fff;
	transition: all .2s ease-in-out;
}

.counter:hover .elementor-counter-title {
	color: #fff !important;
	transition: all .2s ease-in-out;
} 

/* Icon Box */

h3.elementor-icon-box-title {
	margin-top: 3px;
}

/* Icon Widget */

.elementor-widget-icon svg path{
    fill: currentColor;
}

/* Borlabs Cookie */

/* Buttons */

body #BorlabsCookieBox .brlbs-btn-save[data-v-9bed6691],
body #BorlabsCookieBox .brlbs-btn-accept-all[data-v-14ae4032],
body #BorlabsCookieBox .brlbs-btn-accept-only-essential[data-v-8dcc252c]{
	background-color: var(--color-primary);
}

body #BorlabsCookieBox .brlbs-btn-save[data-v-9bed6691]:hover,
body #BorlabsCookieBox .brlbs-btn-accept-all[data-v-14ae4032]:hover,
body #BorlabsCookieBox .brlbs-btn-accept-only-essential[data-v-8dcc252c]:hover{
	background-color: var(--color-secondary);
}

/* Tabs */


body #BorlabsCookieBox .brlbs-cmpnt-tab.brlbs-cmpnt-tab-active, 
body .brlbs-cmpnt-container .brlbs-cmpnt-tab.brlbs-cmpnt-tab-active{
	background-color: var(--color-primary);
	border-color: var(--color-primary);
}

body #BorlabsCookieBox .brlbs-cmpnt-tab.brlbs-cmpnt-tab-inactive:focus, 
body #BorlabsCookieBox .brlbs-cmpnt-tab.brlbs-cmpnt-tab-inactive:hover, 
body .brlbs-cmpnt-container .brlbs-cmpnt-tab.brlbs-cmpnt-tab-inactive:focus, 
body .brlbs-cmpnt-container .brlbs-cmpnt-tab.brlbs-cmpnt-tab-inactive:hover{
	background-color: var(--color-secondary);
	border-color: var(--color-secondary);
}

/* Header */

/* Für Bildschirme AB 1330px Breite: Menü zeigen, Icon ausblenden */
@media (min-width: 1330px) {
  .nav.elementor-widget-n-menu .e-n-menu-wrapper {
	display: block; 
  }

  .nav.elementor-widget-icon {
	display: none; 
  }
}

/* Für Bildschirme UNTER 1330px Breite: Menü ausblenden, Icon anzeigen */
@media (max-width: 1329px) {
  .nav.elementor-widget-n-menu .e-n-menu-wrapper {
	display: none; 
  }

  .nav.elementor-widget-icon {
	display: block; 
  }
}

.header {
	top: 0;
	background: transparent;
	transition: background-color 0.3s ease, color 0.3s ease;
	z-index: 999;
}

.header.scrolled {
	background: #fff !important;
}

.elementor-widget-n-menu .e-n-menu-title.e-current a {
	color: #2A83F4;
}

.elementor-widget-n-menu .e-n-menu-title.e-current .e-n-menu-dropdown-icon svg {
	fill: #2A83F4;
}

.header.scrolled .elementor-widget-n-menu .e-n-menu-title:not(.e-current):not(:hover) .e-n-menu-title-container .e-n-menu-title-text {
	color: #203B4C;
}

.header.scrolled .elementor-widget-n-menu .e-n-menu-title:hover .e-n-menu-title-container .e-n-menu-title-text {
	color: #2A83F4;
}

.header.scrolled .elementor-widget-n-menu .e-n-menu-title:not(.e-current):not(:hover) .e-n-menu-dropdown-icon svg {
	fill: #203B4C;
}

.header.scrolled .elementor-widget-n-menu .e-n-menu-title:hover .e-n-menu-dropdown-icon svg {
	fill: #2A83F4;
}

.header.scrolled .elementor-menu-cart__toggle .elementor-button-icon {
	color: #2A83F4;
}

.header.scrolled .elementor-menu-cart--items-indicator-bubble .elementor-menu-cart__toggle .elementor-button-icon .elementor-button-icon-qty[data-counter] {
	background-color: #2A83F4;
	color: #fff;
}

.header.scrolled .elementor-menu-cart--items-indicator-bubble:hover .elementor-menu-cart__toggle .elementor-button-icon .elementor-button-icon-qty[data-counter] {
	background-color: #1DDDE3;
	color: #fff;
}

.nav .elementor-icon {
	color: #fff;
}

.header.scrolled .nav .elementor-icon {
	color: #2A83F4;
}

.elementor-menu-cart--items-indicator-bubble:hover .elementor-menu-cart__toggle .elementor-button-icon .elementor-button-icon-qty[data-counter] {
	background-color: #1DDDE3;
	color: #fff;
}

.elementor-menu-cart--items-indicator-bubble .elementor-menu-cart__toggle .elementor-button-icon .elementor-button-icon-qty[data-counter] {
	line-height: 1.7em;
}

.header.hidden {
	transform: translateY(-100%);
}

.header {
	transition: transform 0.3s ease, background-color 0.3s ease;
}

.logo {
	transition: all 0.3s ease;
}

.header.scrolled .logo img {
	content: url('https://semota-academy.schwarz-matt.com/wp-content/uploads/2024/01/semota-academy-logo-1.svg');
	width: 230px; 
	height: auto;
}

@media (max-width: 767px) {
	.header.scrolled .logo img {
	width: 180px; 
	height: auto;
	}
}

/* Header Alternative */

.header-alt {
	top: 0;
	background: transparent;
	transition: background-color 0.3s ease, color 0.3s ease;
	z-index: 999;
}

.header-alt.scrolled {
	background: #fff;
}

.header-alt.scrolled .elementor-widget-n-menu .e-n-menu-title:not(.e-current):not(:hover) .e-n-menu-title-container .e-n-menu-title-text {
	color: #fff;
}

.header-alt.scrolled .elementor-widget-n-menu .e-n-menu-title:hover .e-n-menu-title-container .e-n-menu-title-text {
	color: #fff;
}

.header-alt.scrolled .elementor-widget-n-menu .e-n-menu-title:not(.e-current):not(:hover) .e-n-menu-dropdown-icon svg {
	fill: #fff;
}

.header-alt.scrolled .elementor-widget-n-menu .e-n-menu-title:hover .e-n-menu-dropdown-icon svg {
	fill: #fff;
}

.header-alt.scrolled .elementor-menu-cart__toggle .elementor-button-icon {
	color: #fff;
}

.header-alt.scrolled .elementor-menu-cart--items-indicator-bubble .elementor-menu-cart__toggle .elementor-button-icon .elementor-button-icon-qty[data-counter] {
	background-color: #fff;
	color: #2A83F4;
}

.header-alt.scrolled .elementor-menu-cart--items-indicator-bubble:hover .elementor-menu-cart__toggle .elementor-button-icon .elementor-button-icon-qty[data-counter] {
	background-color: #1DDDE3;
	color: #fff;
}

.header-alt.scrolled .nav .elementor-icon {
	color: #2A83F4;
}

.header-alt.hidden {
	transform: translateY(-100%);
}

.header-alt {
	transition: transform 0.3s ease, background-color 0.3s ease;
}

.header-alt.scrolled .logo img {
	content: url('https://semota-academy.schwarz-matt.com/wp-content/uploads/2024/01/semota-academy-logo.svg');
	width: 230px; 
	height: auto;
}

@media (max-width: 767px) {
	.header-alt.scrolled .logo img {
	width: 180px; 
	height: auto;
	}
}

/* Testimonial Slider */

.swiper-pagination-bullet {
	width: 32px;
	height: 4px;
	border-radius: 0px;
}

/* Logo Slider */

  .logo-slider .elementor-image-carousel-wrapper {
	overflow: hidden;
	position: relative;
	width: 100%;
	/* Fade an den Rändern von 50px */
	mask-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 5%, rgba(255, 255, 255, 1) 95%, rgba(255, 255, 255, 0) 100%);
	-webkit-mask-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 5%, rgba(255, 255, 255, 1) 95%, rgba(255, 255, 255, 0) 100%);
  }
  
  .logo-slider .elementor-image-carousel {
	display: flex;
	min-width: 100%; /* Oder eine feste Breite, je nach Layout */
	animation: marquee 20s linear infinite;
	will-change: transform;
  }
  
  .logo-slider .elementor-image-carousel-item {
	margin-right: 50px; /* Abstand zwischen den Logos */
  }
  
  @keyframes marquee {
	0% {
	  transform: translate3d(0, 0, 0);
	}
	100% {
	  transform: translate3d(-100%, 0, 0);
	}
  }
  
  /* Anpassung für mobile Geräte */
	@media (max-width: 768px) {
	  .logo-slider .elementor-image-carousel {
		animation: marquee 10s linear infinite; /* Schnellere Geschwindigkeit für mobile Geräte */
	  }
	}
	
	/* Swiper Offset Carousel */
	
	.swiper-offset .e-n-carousel.swiper.offset-both.swiper-initialized.swiper-horizontal.swiper-pointer-events {
		overflow: visible;
	}
	
	/* Full Height Image */
	
	.full-height.elementor-widget-image {
		height: auto;
	}
	
	.full-img-height .elementor-widget.elementor-widget-image {
		height: 100%;
	}
	
	/* Card Grid */
	
	.card-grid {
		aspect-ratio: 1/1;
	}
	
	.number-icon {
		background-color: transparent;
		width: 27px;
		height: 27px;
		border-radius: 100px;
		border: solid 1px #010135;
	}
	
	.number-icon span {
		 position: absolute;
		top: 55%;
		left: 50%;
		transform: translate(-50%, -50%);
	}
	
	.icon-grid .elementor-icon {
		border: solid 1px #203B4C;
	}
	
	/* Roadmap */
	
	.roadmap-number {
		position: absolute;
		top: 0%;
		left: 50%;
		transform: translate(-50%, -50%);
		background-color: #010135;
		width: 27px;
		height: 27px;
		border-radius: 100px;
		border: solid 1px #1DDDE3;
	}
	
	.roadmap-number span {
	 	position: absolute;
		top: 55%;
		left: 50%;
		transform: translate(-50%, -50%);
	}
	
	.roadmap-number-light {
		position: absolute;
		top: 0%;
		left: 50%;
		transform: translate(-50%, -50%);
		background-color: #f5f9fe;
		width: 27px;
		height: 27px;
		border-radius: 100px;
		border: solid 1px #203B4C;
	}
	
	.roadmap-number-light span {
		 position: absolute;
		top: 55%;
		left: 50%;
		transform: translate(-50%, -50%);
	}
	
	.roadmap-icon {
		position: absolute;
		top: 0%;
		left: 50%;
		transform: translate(-50%, -50%);
		}
		
	.roadmap-icon .elementor-icon {
		background-color: #010135;
		color: var(--e-global-color-c2f5a19);
		border: solid 1px #1DDDE3;
	}
	
	.roadmap-icon-light {
		position: absolute;
		top: 0%;
		left: 50%;
		transform: translate(-50%, -50%);
		}
		
	.roadmap-icon-light .elementor-icon {
		background-color: #f5f9fe;
		color: var(--e-global-color-c2f5a19);
		border: solid 1px #203B4C;
	}
	
	.roadmap-white-icon .elementor-icon {
		border: solid 1px #1DDDE3;
	}
	
	/* Elementor Form Start
	 -------------------------------- */
	
	/*-- select field custom icon --*/
	
	.elementor-field.elementor-select-wrapper .select-caret-down-wrapper svg {
		display: none;
	}
	
	.elementor-form input[type=date],
	.elementor-form input[type=email],
	.elementor-form input[type=number],
	.elementor-form input[type=password],
	.elementor-form input[type=search],
	.elementor-form input[type=tel],
	.elementor-form input[type=text],
	.elementor-form input[type=url],
	.elementor-form select,
	.elementor-form textarea {
		padding: 13px 20px;
	}
	
	.elementor-field.elementor-select-wrapper .select-caret-down-wrapper:before {
		content: "";
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='enable-background:new 0 0 511.9 272' viewBox='0 0 511.9 272'%3E%3Cpath d='M256 272c-4.2 0-8.2-1.6-11.4-4.6l-240-240c-6.2-6.2-6.2-16.3 0-22.6s16.3-6.2 22.6 0L256 233.5 484.7 4.7c6.2-6.2 16.3-6.2 22.6 0 6.2 6.2 6.2 16.3 0 22.6l-240 240c-3.1 3.1-7.1 4.7-11.3 4.7z' style='fill:%23111'/%3E%3C/svg%3E");
		width: 15px;
		height: 8px;
		display: block;
		background-size: contain;
		position: absolute;
		right: 12px;
		top: 4px;
	}
	
	.eicon-caret-down:before {
		content: "" !important;
	}
	
	/*-- dse checkbox --*/
	
	.elementor-form .elementor-field-type-acceptance .elementor-field-option {
		display: flex;
		gap: .5rem;
		cursor: pointer;
	}
	
	/* reset checkbox */
	.elementor-form .elementor-field-type-acceptance input {
		appearance: none;
		-webkit-appearance: none;
		-moz-appearance: none;
		position: relative;
		width: 20px;
		height: 20px;
		cursor: pointer;
		background-color: transparent !important;
	}
	
	.elementor-element.elementor-widget-form .elementor-form .elementor-field-type-acceptance label {
		font-size: 14px;
		line-height: 1.3;
		cursor: pointer;
	}
	
	.elementor-form .elementor-field-type-acceptance label a {
		color: var(--e-global-color-primary);
		text-decoration: underline;
	}
	
	.elementor-field-subgroup.elementor-subgroup-inline {
		gap: 32px;
	}
	
	body .elementor-19 .elementor-element.elementor-element-e1087f3 .elementor-labels-above .elementor-field-group > label {
		padding-top: 24px;
	}
	
	.elementor-field-type-acceptance.elementor-field-group.elementor-column.elementor-field-group-field_d22b590.elementor-col-100 {
		margin-top: 12px;
	}
	
	.elementor-field-type-acceptance.elementor-field-group.elementor-column.elementor-field-group-field_80c99cf.elementor-col-100 {
		margin-bottom: 48px;
	}
	
	/* check box */
	.elementor-form .elementor-field-type-acceptance input:before {
		content: "";
		display: inline-block;
		width: 20px;
		height: 20px;
		border-radius: 4px;
		border: 1px solid #2A83F4;
		background-color: #ffffff;
	}
	
	/* checked icon */
	.elementor-form .elementor-field-type-acceptance input:after {
		content: "";
		border-bottom-style: solid;
		border-bottom-width: 2px;
		border-right-style: solid;
		border-right-width: 2px;
		border-color: #2A83F4;
		display: inline-block;
		position: absolute;
		height: 10px;
		width: 5px;
		left: 8px;
		top: 4px;
		transform: rotate(45deg);
		opacity: 0;
		transition: .125s;
	}
	
	.elementor-form .elementor-field-type-acceptance input:checked:after {
		opacity: 1;
	}
	
	/* Making checkbox and radio button invisible */
	input[type="radio"] {
		border: 0;
		clip: rect(0 0 0 0);
		height: 1px;
		margin: -1px;
		overflow: hidden !important;
		padding: 0;
		position: absolute;
		width: 1px;
	}
	
	/* For Radio button */
	.elementor-field-type-radio > div label:before {
		content: "";
		display: inline-block;
		width: 15px;
		height: 15px;
		margin-right: 16px;
		border-radius: 100%;
		vertical-align: -1px;
		border: 2px solid #fff;
		/* border: 2px solid rgba(0,0,0,0.25); */
		padding: 0.13em;
		background-color: #fff;
		/* background-color: transparent; */
		/* background-clip: content-box; */
		transition: all 0.2s ease;
	}
	.elementor-field-type-radio > div label {
		margin-right: 1em;
	}
	.elementor-field-type-radio > div input:hover + label:before {
		border-color: #fff;
	}
	.elementor-field-type-radio > div input:checked + label:before {
		background-color: #2A83F4;
		border-color: #fff;
	}
	
	/* Elementor Form End
	 -------------------------------- */
	
	.elementor-form input[type="file"]{
	opacity: 0;
	z-index: -1;
	position: absolute;
	top: -1px;
	left: 0;
	width: 0.1px;
	height: 0.1px;
	} 
	
	.elementor-field-type-upload label {
		text-align:center; 
		padding: 12px 24px 12px 24px !important; 
		background-color:#2A83F4; 
		color: #fff !important; 
		border-radius: 24px; 
		cursor: pointer; 
		font-size: 16px;
		font-weight: 600 !important;
		transition:0.3s; 
		position: initial; 
		top: initial; 
		width: initial; 
		height: initial; 
		margin: initial; 
		overflow: hidden; 
		clip: initial; 
	} 
	
	.elementor-field-type-upload label:hover {
		color:#2A83F4!important; 
		background-color:#fff !important; 
		transition:0.3s; 
	}
	
	@media screen and (max-width: 768px) { 
		.elementor-field-type-upload label {
		width:100%
	} 
	}
	
	.dates-listing:hover .btn-third .elementor-button {
		background-color: var(--color-white);
		color: var(--color-dark-blue);
		border: 1px solid var(--color-white);
	}
	
	.dates-listing:hover h4.elementor-heading-title.elementor-size-default,
	.dates-listing:hover p,
	.dates-listing:hover .elementor-widget-text-editor {
		color: var(--color-white);
	}