/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Whiteout Studio
Template: hello-elementor
Version: 1.0.1
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
*/




/************ Layout-Classes ********/
/* used for default width and spacing of every content-element */
html{
	word-wrap: break-word;
}

p {
	font-family: "ProximaNova"!important; 
	margin-block-end: 0px!important;
}

li {
	font-family: "ProximaNova"!important;
}

span {
	font-family: "ProximaNova"!important;
}

body{
	font-family: "ProximaNova"!important;
	color: var(--ca-black-solid)!important;
	font-size: 16px!important;
}

body {
  overflow-x: hidden;
}

.e-con {
	container-max-width: 1200px!important;
}



.elementor-widget.elementor-list-item-link-full_width a span{
 	color: #CCC333!important;
}

.elementor-widget.elementor-list-item-link-full_width a span:hover{
 	color: #8E8823!important;
}

.page-content a:hover{
	color: #8E8823!important;
}

.elementor-widget-text-editor {
	font-family: "ProximaNova"!important;
}

.entry-title {
	display: none!important;
}


.wo-content{
	max-width: 1200px!important;
	margin: 0 auto!important;
	padding-left: 32px!important;
	padding-right: 32px!important;
}

.wo-content-half{
	max-width: 600px!important;
}



.wo-gap-default{
	column-gap: 64px!important;
}

.wo-gap-zero{
	column-gap: 0px!important;
}

.wo-header-padding{
	padding-top: 80px!important;
	padding-bottom: 80px!important;
}

.wo-content-padding{
	padding-top:80px!important;
	padding-bottom:80px!important;
}


/*** Center Container with 80% width ***/

.container-center-80{
    width: 80%!important;
    margin: 0 auto!important;
}


/* content width 70 % and centered */
.wo-content-70{
	margin-left: 15%;
	margin-right: 15%;
}

/* content width 70 % and left-aligned */
.wo-content-left-70{
	width: 70%!important;
}

/* content width 50 % and left-aligned */
.wo-content-left-50{
	margin-right: 50%;
}

.wo-card-default{
	padding: 32px!important;
}

.wo-job-card:hover{
	background-color: var(--wo-tertiary-solid)!important;
	color: var(--wo-secondary-solid)!important;
}




/************* spacing-classes  *************/
/* default-margins*/
.wo-margin-16{
	margin: 16px!important;
}

.wo-margin-24{
	margin: 24px!important;
}

.wo-margin-32{
	margin: 32px!important;
}
.wo-margin-40{
	margin: 40px!important;
}

/* margin-bottom */
.wo-margin-bottom-8{
	margin-bottom: 8px!important;
}

.wo-margin-bottom-16{
	margin-bottom: 16px!important;
}

.wo-margin-bottom-24{
	margin-bottom: 24px!important;
}

.wo-margin-bottom-32{
	margin-bottom: 32px!important;
}

.wo-margin-bottom-40{
	margin-bottom: 40px!important;
}

.wo-margin-bottom-56{
	margin-bottom: 56px!important;
}

.wo-margin-bottom-80{
	margin-bottom: 80px!important;
}




/* margin-top */
.wo-margin-top-8{
	margin-top: 8px!important;
}

.wo-margin-top-16{
	margin-top: 16px!important;
}

.wo-margin-top-24{
	margin-top: 24px!important;
}

.wo-margin-top-32{
	margin-top: 32px!important;
}

.wo-margin-top-40{
	margin-top: 40px!important;
}

.wo-margin-top-48{
	margin-top: 48px!important;
}

.wo-margin-top-56{
	margin-top: 56px!important;
}

.wo-margin-top-64{
	margin-top: 64px!important;
}

.wo-margin-top-72{
	margin-top: 72px!important;
}

.wo-margin-top-80{
	margin-top: 80px!important;
}

.wo-margin-top-160{
	margin-top: 160px!important;
}

/* margin-left */
.wo-margin-left-8{
	margin-left: 8px!important;
}

.wo-margin-left-16{
	margin-left: 16px!important;
}

.wo-margin-left-24{
	margin-left: 24px!important;
}

.wo-margin-left-32{
	margin-left: 32px!important;
}

.wo-margin-left-40{
	margin-left: 40px!important;
}

.wo-margin-left-80{
	margin-left: 80px!important;
}

/* margin-right */
.wo-margin-right-8{
	margin-right: 8px!important;
}

.wo-margin-right-16{
	margin-right: 16px!important;
}

.wo-margin-right-24{
	margin-right: 24px!important;
}

.wo-margin-right-32{
	margin-right: 32px!important;
}

.wo-margin-right-40{
	margin-right: 40px!important;
}

.wo-margin-right-80{
	margin-right: 80px!important;
}


/* default-padding*/
.wo-padding-8{
	padding: 8px!important;
}

.wo-padding-16{
	padding: 16px!important;
}

.wo-padding-24{
	padding: 24px!important;
}

.wo-padding-32{
	padding: 32px!important;
}
.wo-padding-40{
	padding: 40px!important;
}

/* padding-bottom*/
.wo-padding-bottom-16{
	padding-bottom: 16px!important;
}

.wo-padding-bottom-24{
	padding-bottom: 24px!important;
}

.wo-padding-bottom-32{
	padding-bottom: 32px!important;
}

.wo-padding-bottom-40{
	padding-bottom: 40px!important;
}

.wo-padding-bottom-80{
	padding-bottom: 80px!important;
}

.wo-padding-bottom-160{
	padding-bottom: 160px!important;
}

/* padding-top*/
.wo-padding-top-16{
	padding-top: 16px!important;
}

.wo-padding-top-24{
	padding-top: 24px!important;
}

.wo-padding-top-32{
	padding-top: 32px!important;
}

.wo-padding-top-40{
	padding-top: 40px!important;
}

.wo-padding-top-80{
	padding-top: 80px!important;
}

.wo-padding-top-160{
	padding-top: 160px!important;
}


/* padding-left*/
.wo-padding-left-8{
	padding-left: 8px!important;
}

.wo-padding-left-16{
	padding-left: 16px!important;
}

.wo-padding-left-24{
	padding-left: 24px!important;
}

.wo-padding-left-32{
	padding-left: 32px!important;
}

.wo-padding-left-40{
	padding-left: 40px!important;
}

.wo-padding-left-80{
	padding-left: 80px!important;
}


/* padding-right*/
.wo-padding-right-8{
	padding-right: 8px!important;
}

.wo-padding-right-16{
	padding-right: 16px!important;
}

.wo-padding-right-24{
	padding-right: 24px!important;
}

.wo-padding-right-32{
	padding-right: 32px!important;
}

.wo-padding-right-40{
	padding-right: 40px!important;
}

.wo-padding-right-80{
	padding-right: 80px!important;
}






/**************** text-styles ***********/
/*Definition of Titles*/



h1{
	font-size: 54px!important;
	line-height: 1.2!important;
	font-family: "ProximaNova"!important;
	font-weight: 600;
	z-index: 99;
}

.h1{
	font-size: 58px!important;
	line-height: 1.2!important;
	line-height: 58px;
}

h2{
	font-size: 42px!important;
	line-height: 1.2!important;
	font-family: "ProximaNova"!important;
	color: var(--ca-blue-solid);
	font-weight: 600;
	z-index: 10;
}

.h2{
	font-size: 42px!important;
	line-height: 1.2!important;
	font-family: "ProximaNova"!important;
	font-weight: 600;
}

h3{
	font-size: 32px!important;
	line-height: 1.2!important;
	font-family: "ProximaNova"!important;
	font-weight: 600;
	z-index: 10;
}

.h3{
	font-size: 32px!important;
	line-height: 1.2!important;
	font-family: "ProximaNova"!important;
	font-weight: 600;
}


h4{
	font-size: 28px!important;
	line-height: 1.2!important;
	font-family: "ProximaNova"!important;
	font-weight: 600;
}

.h4{
	font-size: 28px!important;
	line-height: 1.2!important;
	font-family: "ProximaNova"!important;
	font-weight: 600;
}


.card-title h3 {
	font-size: 24px!important;
}


/*
h4{
	font-size: 28px!important;
	line-height: 1.2!important;
		font-family: "Roboto Slab"!important;
	font-weight: 600;
	margin-bottom: 16px!important;
}

.h4{
	font-size: 28px!important;
	line-height: 1.2!important;
		font-family: "Roboto Slab"!important;
	font-weight: 600;
}

.h5{
	font-size: 24px!important;
	line-height: 1.2!important;
		font-family: "Roboto Slab"!important;
	font-weight: 600;
	margin-bottom: 16px!important;
}

*/

.ca-subtitle-1  {
	font-size: 34px!important;
	line-height: 1.2!important;
	font-family: "ProximaNova"!important;
	font-weight: 500;
}


.ca-subtitle-2 {
	font-size: 24px!important;
	line-height: 1.2!important;
	font-family: "ProximaNova"!important;
	font-weight: 500;
}

.wo-project-headline, .wo-job-sticky-headline{
	font-size: 24px!important;
	line-height: 1.2!important;
		font-family: "Roboto Slab"!important;
	margin-bottom: 8px!important;
}


.wo-hero{
	font-size: 96px!important;
	line-height: 1.2!important;
		font-family: "Roboto Slab"!important;
	font-weight: 600;
}


a{
	color: #CCC333!important;
	
}

a:hover{
	color: #8E8823!important;
	
}


a .effect-link:hover{
	font-weight: 600!important;
}


.button-font a {
	font-size: 14px!important;
	line-height: 1.2!important;
	font-family: "ProximaNova"!important;
	font-weight: 600;
}





/*Definition of Subtitles*/

/*Subtitle 1 */
.wo-subtitle-1{
	margin-bottom: 24px!important;
}



body{
	font-family: "Roboto"!important;
}

.body{
	font-family: "Roboto"!important;
	font-size: 16px!important;
}

/* prüfen, ob noch gebraucht wird */
.wo-sticky-headline{
	font-size: 32px;
	font-family: "Roboto Slab";	
}


a.elementor-sub-item.elementor-item-active {
	border-bottom: none!important;
}

.elementor-nav-menu--layout-horizontal .elementor-nav-menu>li:not(:first-child)>.scroll-down, .elementor-nav-menu--layout-horizontal .elementor-nav-menu>li:not(:first-child)>.scroll-up, .elementor-nav-menu--layout-horizontal .elementor-nav-menu>li:not(:first-child)>ul {
    left: 14%!important;
}


.elementor-13 .elementor-element.elementor-element-e9b6190 .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-13 .elementor-element.elementor-element-e9b6190 .elementor-nav-menu__container.elementor-nav-menu--dropdown {
	right: 2px!important;
}





.wo-sticky-bar-contact: hover{
	background-color: var(--wo-primary-brighter-60)!important;
}

.elementor-nav-menu .sub-arrow {
	display: flex!important;
}

/* text-alignment */
.wo-left{
	text-align: left;
}

.wo-right{
	text-align: right;
}

.wo-center{
	text-align: center;
}


.wo-rotation{
  transform: rotate(90deg);
}


/*********** border-Styling ********/
.wo-border-left{
	border-left: 2px solid var(--wo-special-white-grey)!important;
}

.wo-border-right{
	border-right: 2px solid var(--wo-special-white-grey)!important;
}

.wo-border-top{
	border-top: 2px solid var(--wo-primary-solid)!important;
}

.wo-border-bottom{
	border-bottom: 2px solid var(--wo-special-white-grey)!important;
}


.wo-border-tertiary-left{
	border-left: 2px solid var(--wo-tertiary-solid)!important;
}

/******************** styling of elements*******************/

/*** buttons ***/

.elementor-button{
	background-color: var(--ca-green-solid);
	color: var(--ca-black-solid)!important;
	cursor: pointer;
}

.elementor-button span{
	color: var(--ca-black-solid)!important;
	cursor: pointer;
}

.elementor-button:hover{
	background-color: var(--ca-darkgreen-solid)!important;
	
}

.button-inactive {
	background-color: var(--ca-white-solid);
	color: var(--ca-green-solid);
}

.elementor-604 .elementor-element.elementor-element-cd9d7f8 .elementor-button {
    border: 2px solid #CCC330!important;
    background-color: #fff!important;
    color: #CCC330!important;
}

.elementor-604 .elementor-element.elementor-element-cd9d7f8 .elementor-button span{
    color: #CCC330!important;
}

.elementor-604 .elementor-element.elementor-element-02dad58 .elementor-button {
    border: 2px solid #CCC330!important;
    background-color: #fff!important;
    color: #CCC330!important;
}

.elementor-604 .elementor-element.elementor-element-02dad58 .elementor-button span{
    color: #CCC330!important;
}



#wo-btn-secondary{
	border: 2px solid var(--wo-tertiary-solid);
	border-radius: 4px;
	background-color: #fff!important;
}

#wo-btn-secondary:hover{
	border: 2px solid var(--wo-primary-brighter-60)!important;
	background-color: var(--wo-primary-brighter-60)!important;
}





.wo-button-nomargin{
	margin: 0px;
}


.button-apply{
background-image: url("https://www.enomic.com/wp-content/uploads/2022/08/bewirb-dich-default.png");
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
}

.button-apply:hover{

	background-image: url("https://www.enomic.com/wp-content/uploads/2022/08/bewirb-dich-hover.png");
}


/*overwrite for border*/
[type=button], [type=submit], button {
    border: none!important;
}


/* button for cookie consent */
.cli-plugin-button{
	border: 1px solid var(--wo-tertiary-solid);
	border-radius: 4px;
}

.cli-plugin-button:hover{
	border: 1px solid var(--wo-primary-brighter-60)!important;
	background-color: var(--wo-primary-brighter-60)!important;
}

/* form */
.elementor-field-group-anrede{
	margin-bottom: 32px!important;

}

.elementor-field-group-product{
	margin-bottom: 32px!important;

}

/* inputs */
.elementor-field-group .elementor-field-textual{
	background-color: var(--wo-secondary-brighter-80)!important;
	border: none!important;
	margin-bottom: 16px;
}

.elementor-field-group .elementor-field-textual:focus{
	border: 4px solid var(--wo-tertiary-solid)important;
	box-shadow: inset 0 0 0 1px rgba(0, 128, 128, 1);
}

.elementor-field-label{
	margin-bottom: 4px;
}

.elementor-message{
	padding: 8px 4px!important;
	background-color: 
}

.elementor-message-success{
	border-left: 2px solid var(--wo-secondary-solid)!important;
		background-color: var(--wo-secondary-brighter-20)!important;
}

/* hide + and minus in phone-number */
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}



/* make side nav completely clickable*/
.wo-clickable {
	position: relative;
}

.wo-clickable a:after {
content: "";
display: block !IMPORTANT;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 1;
}

#elementor-popup-modal-1785 .dialog-widget-content {
    box-shadow:none!important;
}


/* top navigation styling */
.wo-navbar{
	background-color: #FFFFFF; 
	box-shadow: 0 10px 10px 0 rgba(0,0,0,0.08); 
}

.wo-navbar-content{
	max-width: 1264px!important;
	margin: 0 auto!important;
	padding-left: 32px!important;
	padding-right: 32px!important;
	column-gap: 64px!important;
}

.elementor-menu-toggle{
	background-color: var(--wo-tertiary-solid)!important;
}


.elementor-nav-menu--dropdown{
	background-color: var(--wo-tertiary-solid)!important;
	height: 800px;
}

.current-menu-item{
	color: var(--wo-tertiary-solid)!important;
}

.current_page_item{
	color: var(--wo-tertiary-solid)!important;
}

.elementor-nav-menu--dropdown a:hover{
	background-color: var(--wo-white)!important;
}


.elementor-item{
	color: var(--wo-secondary-solid)!important;

}

.e--pointer-underline .elementor-item:after{
	background-color: var(--wo-tertiary-solid)!important;
	color: var(--wo-tertiary-solid);

}


/* Styling for Headerslider */

.wo-mySlideHeaderText{
	display:none;
}

.wo-mySlideHeaderImage{
	display:none;
}

.wo-mySlideVoice{
	display: none;
}


/************** Elementor Overwritiing **************/





.e-con {
    --padding-top: 0px!important;
    --padding-right: 0px!important;
    --padding-bottom: 0px!important;
	--padding-left: 0px!important
}

.elementor-field-group-field_3d850f5{
    order: 1;
}


/* position of drodown arrow */
.elementor-field-group .elementor-select-wrapper:before {
    top: 20px!important;
}


.site-footer{
	display: none!important;
}


.cli-bar-container{
	justify-content: unset!important;
}


.elementor-button .elementor-align-icon-left{
	margin-right: 0px!important;
}

.elementor-field-option label {
	vertical-align: text-top!important;
}

.active {
  background-color: #FA6625!important;
  transition: .5s ease-out;
}


.scroll-fixed {
    position: fixed;
    top: 35%;
    left: auto;
    right: 100px;
    margin: auto;
    z-index: 999;
    height: 40px;
}

.scroll-fixed li {
    list-style-type: none;
}

.scroll-fixed li a::after {
    background-color: #3d4e58;
    background-repeat: repeat-y;
    bottom: 5px;
    color: #ffffff;
    content: "";
    display: block;
    height: 26px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: -31px;
    width: 1px;
}

.scroll-fixed li a {
    border: 1px solid #3D4E58;
    border-radius: 50%;
    cursor: pointer;
    display: block;
    font-size: 0;
    height: 8px;
    line-height: 0;
    outline: medium none;
    padding: 5px;
    position: relative;
    text-indent: -9999px;
    width: 8px;
    margin-bottom: 25px;
}

input[type='checkbox'] {
    pointer-events: auto!important;
}


.fa-plus-circle:before {
    content: "Fun"!important;
}

.fa-times-circle:before {
    content: "Normal"!important;
}



.scroll-fixed li:first-child a::after {
    display: none;
}

label[for="wichtig1"] {
  display: inline-block; 
  vertical-align: middle;
  margin-bottom: 16px;	
  margin-left: 20px;	
}

label[for="wichtig2"] {
  display: inline-block; 
  vertical-align: middle;
  margin-bottom: 16px;
  margin-left: 20px;
}

label[for="wichtig3"] { 
  display: inline-block; 
  vertical-align: middle;
  margin-bottom: 16px;
  margin-left: 20px;
}
.checkbox_todo1  {
	margin-top: 30px;
    vertical-align: -webkit-baseline-middle;
	  font: inherit;
  color: #FA6625!important;
  width: 1.15em;
  height: 1.15em;
  border: 0.15em solid #FDDF39!important;
  border-radius: 0.15em;
  transform: translateY(-0.075em);
}

.checkbox_todo2 {
	margin-top: 20px;
  vertical-align: -webkit-baseline-middle;
  font: inherit;
  color: #FA6625!important;
  width: 1.15em;
  height: 1.15em;
  border: 0.15em solid #FDDF39!important;
  border-radius: 0.15em;
  transform: translateY(-0.075em);
}

.checkbox_todo3 {
  vertical-align: -webkit-baseline-middle;
  font: inherit;
  color: #FA6625!important;
  width: 1.15em;
  height: 1.15em;
  border: 0.15em solid #FA6625!important;
  border-radius: 0.15em;
  transform: translateY(-0.075em);
}

div#e-n-tabs-title-8321 {
	width: 200px
}

div#e-n-tabs-title-8322 {
	width: 200px
}

.e-n-tabs-heading {
    margin: 0 auto;
	    width: 50%;
    background: #fff;
	margin-bottom: 16px;
}

.elementor-6292 .elementor-element.elementor-element-d578526 {
    --background-transition: 0.3s;
    width: 60%;
    margin: 0 auto;
}


.elementor-6292 .elementor-element.elementor-element-f80abe5 {
	--background-transition: 0.3s;
    width: 60%;
    margin: 0 auto;
}

.elementor-kit-498 h1 {
	color: #FA6625!important;
}

.landingpage-h2 h2 {
	color: #FA6625!important;
}

.team-slider-header {
	color: #FA6625!important;
}

#translation2 {
	background-color: #EFF1F2;
	margin-left: 0px!important
}

.translatetext {
background-color: var(--wo-tertiary-solid)!important;
    color: var(--wo-secondary-solid)!important;
    cursor: pointer;
}

.translatetext {
display: inline-block;
    line-height: 1;
    background-color: #69727d;
    font-size: 15px;
    padding: 12px 24px;
    border-radius: 3px;
    color: #fff;
    fill: #fff;
    text-align: center;
    transition: all .3s;
}



g#arr-horizontal-2 {
    fill: #fff;
}

g#arr-horizontal-3 {
    fill: #000;
}


#translatedtext {
	background-color: #EFF1F2;
	margin-left: 0px!important;
	margin-top: 40px;
	padding: 40px;
}

:is(.elementor .elementor-element.elementor-widget-n-tabs>.elementor-widget-container>.e-n-tabs>.e-n-tabs-heading .e-n-tab-title,.elementor .elementor-element.elementor-widget-n-tabs>.elementor-widget-container>.e-n-tabs>.e-n-tabs-content .e-n-tab-title).e-active {
	background-color: #fff!important;
}


.elementor-widget-n-tabs .e-n-tab-title.e-active, .elementor-widget-n-tabs .e-n-tab-title.e-active a {
	color: #54595F!important;
	border-bottom:3px solid #FDDF39!important;
}


.elementor-element.elementor-element-3e4c92d.clipped.elementor-widget.elementor-widget-video video {
    clip-path: polygon(50% 17%, 75% -27%, 88% 34%, 77% 73%, 68% 85%, 52% 102%, 34% 84%, 23% 73%, 10% 32%, 28% -22%);
    margin-top: -1px;
    height: 102%!important;
}



ul.slick-dots {
    margin-top: -33px!important;
}

li.slick-active {
    color: #FDDF39!important;
}

ul.slick-dots li {
 color: rgba(255, 223, 57, 0.5);
}

.elementor-6292 .elementor-element.elementor-element-ec5a3e5 > .elementor-widget-container {
    margin: -69% 0% 0% 0%!important;
}

.elementor-6292 .elementor-element.elementor-element-ec5a3e5 img {
    width: 80%!important;
}

:is(.elementor .elementor-element.elementor-widget-n-tabs>.elementor-widget-container>.e-n-tabs>.e-n-tabs-heading .e-n-tab-title,.elementor .elementor-element.elementor-widget-n-tabs>.elementor-widget-container>.e-n-tabs>.e-n-tabs-content .e-n-tab-title).e-normal:hover{
	background-color: #fff!important;
}


.elementor-widget-n-tabs .e-n-tab-title:not(.e-active).e-normal:hover, .elementor-widget-n-tabs .e-n-tab-title:not(.e-active).e-normal:hover a {
	color: #000!important;
}




/***** New Carrida specific styles *****/

.elementor-11 .elementor-element.elementor-element-dbc875e {
	padding: 48px!important;
}


/*** HERO Section Homepage Border hack ***/

.elementor-11 .elementor-element.elementor-element-dbc875e {
  background:
    linear-gradient(to right, black 4px, transparent 4px) 0 0,
    linear-gradient(to right, black 4px, transparent 4px) 0 100%,
    linear-gradient(to left, black 4px, transparent 4px) 100% 0,
    linear-gradient(to left, black 4px, transparent 4px) 100% 100%,
    linear-gradient(to bottom, black 4px, transparent 4px) 0 0,
    linear-gradient(to bottom, black 4px, transparent 4px) 100% 0,
    linear-gradient(to top, black 4px, transparent 4px) 0 100%,
    linear-gradient(to top, black 4px, transparent 4px) 100% 100%;

  background-repeat: no-repeat;
  background-size: 60px 50px;
}

/**** Testamonial Styling ****/

.elementor-widget-author-box .elementor-author-box__name {
	font-family: "ProximaNova";
	font-size: 16px!important;
	font-weight: 600!important;
	color: var(--ca-blue-solid)!important;
}

.elementor-author-box__bio {
	font-family: "ProximaNova";
	font-size: 14px!important;
	font-weight: 400!important;
	color: var(--ca-black-solid)!important;
}


/***** Newsletter Contact form ****/
.elementor-field-group .elementor-field-textual {
	border-bottom: 1px solid #333366!important;
}

.elementor-button-align-stretch .elementor-field-type-submit:not(.e-form__buttons__wrapper) .elementor-button {
    flex-basis: 50%!important;
}


.elementor-13 .elementor-element.elementor-element-6c3e62b .elementor-nav-menu .elementor-item {
	font-family: "ProximaNova"!important;
	color: var(--ca-white-solid)!important;
	font-size: 16px!important;
}

.logo img {
	width: 80%!important;
}


.elementor-nav-menu--layout-horizontal .elementor-nav-menu>li {
    display: flex;
    color: #fff!important;
    font-family: "ProximaNova"!important;
}

g#com-chip {
	fill: var(--ca-blue-solid)!important;
}

g#pho-redeye  {
	fill: var(--ca-blue-solid)!important;
}


g#sec-padlock-closed-2  {
	fill: var(--ca-blue-solid)!important;
}

g#loc-longitude {
	fill: var(--ca-blue-solid)!important;
}


i.elementor-menu-toggle__icon--open.eicon-menu-bar {
    color: #fff;
}

i.elementor-menu-toggle__icon--close.eicon-close {
    color: #fff;
}

a.elementor-item.elementor-item-active {
	color: var(--ca-blue-solid);
	background-color: #fff;
}


#sm-16825191464715078-2 a{
	color: var(--ca-blue-solid)!important;
	font-size: 12px!important;
	background-color: #fff!important;

}

ul#menu-2-3810f11 {
	background-color: #fff!important;
}

.elementor-sub-item{
	background-color: #fff!important;
	color: var(--ca-blue-solid)!important;
}

ul#menu-1-e9b6190 li a{
	background-color: transparent;
	color: #fff;
	font-weight: 400;
}


li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-851 {
    background-color: transparent!important;
}

.elementor-element.elementor-element-e42aca0.wo-padding-top-40.wo-padding-bottom-24.wo-padding-left-40.wo-margin-top-16-mobile.e-con-full.e-con {
    width: 40%!important;
}

.elementor-widget.elementor-widget-icon-list .elementor-icon-list-icon {
    text-align: var(--e-icon-list-icon-align);
    transform: scale(-1);
}

.elementor-798 .elementor-element.elementor-element-1289390 .elementor-icon-list-icon i {
    color: var(--e-global-color-732feec );
    transition: color 0.3s;
    transform: scale(-1);
}

.elementor-798 .elementor-element.elementor-element-618a16b .elementor-icon-list-icon i {
    color: var(--e-global-color-732feec );
    transition: color 0.3s;
    transform: scale(-1);
}

.elementor-798 .elementor-element.elementor-element-693c6b2 .elementor-icon-list-icon i {
    color: var(--e-global-color-732feec );
    transition: color 0.3s;
    transform: scale(-1);
}


.elementor-2844 .elementor-element.elementor-element-0a4c1b4 .elementor-icon-list-icon i {
    fill: var(--e-global-color-732feec )!important;
    transition: fill 0.3s;
    transform: scale(-1.5);
}


.elementor-798 .elementor-element.elementor-element-1289390 .elementor-icon-list-icon svg {
    fill: var(--e-global-color-732feec )!important;
    transition: fill 0.3s;
    transform: scale(-1.5);
}

.elementor-798 .elementor-element.elementor-element-618a16b .elementor-icon-list-icon svg {
    fill: var(--e-global-color-732feec )!important;
    transition: fill 0.3s;
    transform: scale(-1.5);
}

.elementor-798 .elementor-element.elementor-element-7a0b823 .elementor-icon-list-icon svg {
    fill: var(--e-global-color-732feec )!important;
    transition: fill 0.3s;
    transform: scale(-1.5);
}

.elementor-868 .elementor-element.elementor-element-9373ffa .elementor-icon-list-icon svg {
    fill: var(--e-global-color-732feec )!important;
    transition: fill 0.3s;
    transform: scale(-1.5);
}

.elementor-868 .elementor-element.elementor-element-e650108 .elementor-icon-list-icon svg {
    fill: var(--e-global-color-732feec )!important;
    transition: fill 0.3s;
    transform: scale(-1.5);
}


.elementor-868 .elementor-element.elementor-element-1fa6502 .elementor-icon-list-icon svg {
    fill: var(--e-global-color-732feec )!important;
    transition: fill 0.3s;
    transform: scale(-1.5);
}

.elementor-2844 .elementor-element.elementor-element-0a4c1b4 .elementor-icon-list-icon svg {
    fill: var(--e-global-color-732feec )!important;
    transition: fill 0.3s;
    transform: scale(1.5);
}


.elementor-868 .elementor-element.elementor-element-1fa6502 .elementor-icon-list-text {
 	margin-left: 10px;
}

.elementor-868 .elementor-element.elementor-element-e650108 .elementor-icon-list-text {
 	margin-left: 10px;
}

.elementor-868 .elementor-element.elementor-element-9373ffa .elementor-icon-list-text {
 	margin-left: 10px;
}


.elementor-2844 .elementor-element.elementor-element-0a4c1b4 .elementor-icon-list-icon {
    padding-right: 8px;
    padding-left: 8px
}






.elementor-798 .elementor-element.elementor-element-7a0b823 .elementor-icon-list-text {
	margin-left: 10px;
}

.elementor-798 .elementor-element.elementor-element-1289390 .elementor-icon-list-text {
	margin-left: 10px;
}



g#bra-linkedin {
	fill: var(--e-global-color-732feec )!important;
}

g#tel-fixed-handset {
	fill: var(--e-global-color-732feec )!important;
}

g#ema-email {
	fill: var(--e-global-color-732feec )!important;
}




.elementor-350 .elementor-element.elementor-element-43c1080 .elementor-icon-list-icon g#arr-horizontal-2{
    fill: var(--e-global-color-732feec )!important;
    transition: fill 0.3s;
}

.elementor-604 .elementor-element.elementor-element-c4ab844 .elementor-icon-list-icon g#arr-horizontal-2 {
    fill: var(--e-global-color-732feec )!important;
    transition: fill 0.3s;
}

.elementor-604 .elementor-element.elementor-element-74b8212 .elementor-icon-list-icon g#arr-horizontal-2 {
    fill: var(--e-global-color-732feec )!important;
    transition: fill 0.3s;
}

.elementor-604 .elementor-element.elementor-element-e3611e5 .elementor-icon-list-icon g#arr-horizontal-2 {
    fill: #fff!important;
    transition: fill 0.3s;
}


.elementor-604 .elementor-element.elementor-element-5fbe421 .elementor-icon-list-icon g#arr-horizontal-2 {
    fill: var(--e-global-color-732feec )!important;
    transition: fill 0.3s;
}

 .elementor-350 .elementor-element.elementor-element-3683c42 .elementor-icon-list-icon g#arr-horizontal-2 {
    fill: var(--e-global-color-732feec )!important;
    transition: fill 0.3s;
}

.elementor-604 .elementor-element.elementor-element-17f5b06 .elementor-icon-list-icon g#arr-horizontal-2 {
    fill: var(--e-global-color-732feec )!important;
    transition: fill 0.3s;
}

.elementor-604 .elementor-element.elementor-element-b87a93c .elementor-icon-list-icon g#arr-horizontal-2 {
    fill: var(--e-global-color-732feec )!important;
    transition: fill 0.3s;
}

.elementor-2844 .elementor-element.elementor-element-0a4c1b4 .elementor-icon-list-icon g#arr-horizontal-2 {
    fill: var(--e-global-color-732feec )!important;
    transition: fill 0.3s;
}

.elementor-3495 .elementor-element.elementor-element-0a4c1b4 .elementor-icon-list-icon g#arr-horizontal-2 {
	fill: var(--e-global-color-732feec )!important;
    transition: fill 0.3s;
}


.elementor-798 .elementor-element.elementor-element-9728ef0 .elementor-button[type="submit"] {
	flex-basis: 25%!important;
}






.elementor-798 .elementor-element.elementor-element-9728ef0 .elementor-field-group:not(.elementor-field-type-upload) .elementor-field:not(.elementor-select-wrapper) {
	background-color: var(--ca-white-solid)!important;
	border-bottom: none!important;
	border-radius: 5px!important;
	padding-top: 16px;
    padding-bottom: 16px;
}

.elementor-798 .elementor-element.elementor-element-9728ef0 .elementor-field-group .elementor-select-wrapper select {
	background-color: var(--ca-white-solid)!important;
	border-bottom: none!important;
	border-radius: 5px!important;
	padding-top: 16px;
    padding-bottom: 16px;
}



.elementor-select-wrapper .select-caret-down-wrapper {
    position: absolute;
    top: 39%!important;
}




.comments-area a, .page-content a {
	color: #CCC330!important;
}


.elementor-widget-form .elementor-field-group .elementor-field, .elementor-widget-form .elementor-field-subgroup label {
	font-family: "ProximaNova"!important;
}

.elementor-798 .elementor-element.elementor-element-9728ef0 .elementor-field-group > label {
	font-family: "ProximaNova"!important;
}




/*** Hardware Background Fix ***/

.elementor-604 .elementor-element.elementor-element-e130f19:not(.elementor-motion-effects-element-type-background), .elementor-604 .elementor-element.elementor-element-e130f19 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
    background-color: var(--e-global-color-3d57d40 );
    background-image: url(https://carrida-technologies.com/wp-content/uploads/2023/04/carrida_hardware_anpr_server.png);
    background-position: 1000px 80px!important;
    background-repeat: no-repeat;
    background-size: 59% auto!important;
} 



/*** Dropdown Menü ***/

ul#sm-168251679779896-2 {
	background-color: #fff!important;
}



li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-973 {
	background: #fff!important;
}

li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-1522 {
	background: #fff!important;
}


.elementor-nav-menu--dropdown {
    background-color: #fff!important;
    height: auto!important;
}


a.elementor-item:hover {
	color: #CCC333!important;
} 

.elementor-item-active {
	color: #CCC333!important;
	border-bottom: 1px solid #CCC333;
} 



.elementor-nav-menu--dropdown .elementor-item.elementor-item-active, .elementor-nav-menu--dropdown .elementor-item.highlighted, .elementor-nav-menu--dropdown .elementor-item:focus, .elementor-nav-menu--dropdown .elementor-item:hover, .elementor-sub-item.elementor-item-active, .elementor-sub-item.highlighted, .elementor-sub-item:focus, .elementor-sub-item:hover {
	background-color: #fff!important;
}

.elementor-13 .elementor-element.elementor-element-e9b6190 .elementor-nav-menu--dropdown a:hover {
	background-color: #CCC333!important;
}

.elementor-element.elementor-element-61edf8c.e-con-full.wo-padding-left-16.e-con {
    z-index: 999!important;
}

/*** Server Site background, second element, large backgrounds ***/

@media screen and (min-width:1710px){
	.elementor-element.elementor-element-9caccab.e-con-full.e-con {
    background-position: 207px 0px!important;
}

}



.elementor-11 .elementor-element.elementor-element-2b2af41 {
	padding: 48px!important;
}


.elementor-11 .elementor-element.elementor-element-2b2af41 {
	
    background: linear-gradient(to right, black 4px, transparent 4px) 0 0, linear-gradient(to right, black 4px, transparent 4px) 0 100%, linear-gradient(to left, black 4px, transparent 4px) 100% 0, linear-gradient(to left, black 4px, transparent 4px) 100% 100%, linear-gradient(to bottom, black 4px, transparent 4px) 0 0, linear-gradient(to bottom, black 4px, transparent 4px) 100% 0, linear-gradient(to top, black 4px, transparent 4px) 0 100%, linear-gradient(to top, black 4px, transparent 4px) 100% 100%;
    background-repeat: no-repeat;
    background-size: 60px 50px;
}



/*** DragonCam Car Slide Animation ***/

.car {
  animation: animate 0.5s normal infinite;

  animation-delay: 2.5s;
  left: 0;
  bottom: 0;
}

.elementor-element.elementor-element-561c4b4.car.elementor-widget.elementor-widget-image {
    max-width: 10%;
}




@keyframes animate {
0%   { transform: translateX(-100%); }
100% { transform: translateX(calc(100vw + 100%)); }
}

.kmh {
	margin-top: 16px!important;
}

.kmh::before {
	content: "bis zu";
    font-size: 16px;
    font-weight: 400;
	font-family: "ProximaNova"!important;
    color: #575757;
    top: -20px;
    position: absolute;
}

.anwendungs-kmh {
	margin-top: 16px!important;
}

.anwendungs-kmh::before {
	content: "bis zu";
    font-size: 16px;
    font-weight: 400;
	font-family: "ProximaNova"!important;
    color: #575757;
    top: -20px;
    position: absolute;
    left: 100px;
}






.anwendungs-kmh-2 {
	margin-top: 16px!important;
}

.anwendungs-kmh-2::before {
	content: "bis zu";
    font-size: 16px;
    font-weight: 400;
	font-family: "ProximaNova"!important;
    color: #575757;
    top: -20px;
    position: absolute;
}


html[lang="en-GB"] .anwendungs-kmh-2::before {
    content: "up to";
}


html[lang="en-GB"] .anwendungs-kmh::before {
    content:  "up to";
}


html[lang="en-GB"] .kmh::before {
    content:  "up to";
}





.range-inactive {
background-color: var(--ca-lightgrey-solid)!important;
}


.range-active {
	background-color: #CCC333!important;
}

.standard-range {
	display: block;
}

.mid-range {
	display: none;
}

.long-range {
	display: none;
}


#standard-range:hover {
	background-color: #CCC333!important;
	cursor: pointer!important;
}


#mid-range:hover {
	background-color: #CCC333!important;
	cursor: pointer!important;
}


#long-range:hover {
	background-color: #CCC333!important;
	cursor: pointer!important;
}


#standard-range:focus {
	background-color: #CCC333!important;
}


#mid-range:focus {
	background-color: #CCC333!important;
}	


#long-range:focus {
	background-color: #CCC333!important;
}


.cityimg figcaption.widget-image-caption.wp-caption-text {
	margin-top: -16%!important;
    font-family: 'ProximaNova';
	text-align: left;
	margin-left: 8px!important;
    font-style: normal;
    color: #fff!important;
    font-size: 21px;
    font-weight: 700;
}



figcaption.widget-image-caption.wp-caption-text {
	margin-top: -23%!important;
    font-family: 'ProximaNova';
	text-align: left;
	margin-left: 8px!important;
    font-style: normal;
    color: #000!important;
    font-size: 42px;
    font-weight: 700;
}


.plate-fig figcaption.widget-image-caption.wp-caption-text {
	margin-top: -13%!important;
    font-family: 'ProximaNova';
	text-align: left;
	margin-left: 50px!important;
    font-style: normal;
    color: #000!important;
    font-size: 42px;
    font-weight: 700;
}

.plate-fig img {
    margin-top: -10%;
    width: 85%!important;
}

.cityimg img {
	border-radius: 25px!important;
}



.elementor-element.elementor-element-285f58d.elementor-mobile-align-center.secondary-button.elementor-widget.elementor-widget-button{
	border: 1px solid #CCC330!important;
    background-color: #fff!important;
    color: #CCC330!important;
	border-radius: 3px!important;
}

.elementor-element.elementor-element-285f58d.elementor-mobile-align-center.secondary-button.elementor-widget.elementor-widget-button span {
	color: #CCC330!important;
}


.secondary-button-fresh .elementor-button{
	background-color: transparent!important;
	border-radius: 3px!important;
	border: 2px solid #333366!important;

}


.img-radius img {
	border-radius: 8px!important;
}

.elementor-604 .elementor-element.elementor-element-917ace5 .elementor-button {
	background-color: #CCC333!important;
}
.elementor-604 .elementor-element.elementor-element-917ace5 .elementor-button:hover {
	background-color: #8E8823!important;
	border-color: #8E8823!important;
}


.elementor-604 .elementor-element.elementor-element-917ace5 .elementor-button span {
	 color: var(--ca-black-solid)!important;
}



/**** Servervideos ****/


/**** Video 1: Serverkonfiguration ****/

.elementor-element.elementor-element-43a46cc.elementor-widget.elementor-widget-video {
    width: 84%!important;
    margin-left: 60px;
}

.elementor-element.elementor-element-43a46cc.elementor-widget.elementor-widget-video video{
    width: 100%;
    height: 130%;
    border-radius: 27px;
}



/**** Video 2 Standard Parameter ****/


.elementor-element.elementor-element-45db8de.elementor-widget.elementor-widget-video {
    width: 89%!important;
    margin-left: 340px;
    z-index: 25;
}


.elementor-element.elementor-element-45db8de.elementor-widget.elementor-widget-video video{
    width: 100%;
    height: 130%;
    border-radius: 27px;
}



/**** Video 3  Whitelist****/


.elementor-element.elementor-element-edd9ed5.elementor-widget.elementor-widget-video {
    width: 84%!important;
    margin-left: 60px;
}

.elementor-element.elementor-element-edd9ed5.elementor-widget.elementor-widget-video video{
    width: 100%;
    height: 130%;
    border-radius: 27px;
}

@media screen and (min-width:1121px) and (max-width:1820px){
	.elementor-element.elementor-element-45db8de.elementor-widget.elementor-widget-video {
		margin-left: 160px!important;
	}
}


.elementor-element.elementor-element-e7407de.ca-font-white.anwendungs-block.elementor-widget.elementor-widget-text-editor {
	padding-right: 10%;
	padding-left: 10%;
	margin-bottom: 16px;
}



/** Smart City before/after slider **/

.before_text {
	display: none!important;
}
.after_text {
	display: none!important;
}


.twentytwenty-overlay:hover .twentytwenty-before-label {
	display: none!important;
}


.twentytwenty-overlay:hover .twentytwenty-after-label {
	display: none!important;
}



.elementor-4723 .elementor-element.elementor-element-faf9f43 .elementor-icon-list-icon g#arr-horizontal-2{
    fill: var(--e-global-color-732feec )!important;
    transition: fill 0.3s;
}

.elementor-4723 .elementor-element.elementor-element-faf9f43 .elementor-icon-list-icon g#arr-horizontal-2 {
    fill: var(--e-global-color-732feec )!important;
    transition: fill 0.3s;
}

.elementor-4723 .elementor-element.elementor-element-faf9f43 .elementor-icon-list-icon g#arr-horizontal-2 {
    fill: var(--e-global-color-732feec )!important;
    transition: fill 0.3s;
}

.elementor-4723 .elementor-element.elementor-element-faf9f43 .elementor-icon-list-icon g#arr-horizontal-2 {
        fill: var(--e-global-color-732feec )!important;
    transition: fill 0.3s;
}



div#wb_before_after_944faee {
	border-radius: 25px!important;
}

img.attachment-large.size-large.wp-image-4987 {
    border-radius: 15px;
}



/**** FLOATING ACTION BUTTON ALL SITES ****/



/*** FAB for only certain sites ***/

.adminActions {
  position: fixed;
  bottom: 15px;
  right: 35px;
  z-index: 50 !important;
  padding-bottom: 24px!important;
}

.adminButton {
  height: 60px;
  width: 60px;
  background-color: rgba(67, 83, 143, .8);
  border-radius: 50%;
  display: block;
  color: #fff;
  text-align: center;
  position: relative;
  z-index: 1;
}


.adminButton i {
  font-size: 22px;
}

#toggleButton {
    /*height: 43px !important; */
    padding:0px!important;
    box-shadow: 0px 2px 8px rgba(99, 99, 99, 0.2);
}



.adminButtons {
  position: absolute;
  width: 100%;
  bottom: 120%;
  text-align: right;
}

.bg-white {
	background-color: #fff!important;
	border-radius: 25px;
	padding: 8px;
box-shadow: 0px 2px 8px rgba(99, 99, 99, 0.2);

}

.adminButtons a {
  display: block;
  /*width: 45px;
  height: 45px;*/
  border-radius: 50%;
  text-decoration: none;
  font-family: "ProximaNova"!important;
  font-weight: 500;
  margin: 8px auto 0;
  line-height: 1.15;
  color: #333366!important;
  font-size: 14px!important;
  opacity: 0;
  visibility: hidden;
  position: relative;
box-shadow: 0px 2px 8px rgba(99, 99, 99, 0.2);
}
 
.first-block {
	margin-top: 0px!important;
}


/*
.adminButtons a:hover {
  transform: scale(1.05);
}
*/

/**

.adminButtons a:nth-child(1) {
  background-color: #ff5722;
  transition: opacity .2s ease-in-out .3s, transform .15s ease-in-out;
}

.adminButtons a:nth-child(2) {
  background-color: #03a9f4;
  transition: opacity .2s ease-in-out .25s, transform .15s ease-in-out;
}

.adminButtons a:nth-child(3) {
  background-color: #f44336;
  transition: opacity .2s ease-in-out .2s, transform .15s ease-in-out;
}

.adminButtons a:nth-child(4) {
  background-color: #4CAF50;
  transition: opacity .2s ease-in-out .15s, transform .15s ease-in-out;
}

*//

.adminActions a i {
  top: 50%;
  left: 50%;
}

.adminActions2 a i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.adminToggle {
  -webkit-appearance: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  background-color: transparent;
  border: none;
  outline: none;
  z-index: 2;
}


.adminToggle:checked ~ .adminButtons a {
  opacity: 1;
  visibility: visible;
}


i.fa.fa-paperplane {
    background-color: #333366;
padding: 12px;
    margin-top: 0px;
    border-radius: 50px;
    display: inline-flex;
}

i.fa.fa-crossout {
   background-color: #CCC333;
padding: 12px;
    margin-top: 0px;
    border-radius: 50px;
    }




.fa-paperplane:before {
	content: url('https://www.carrida-technologies.com/wp-content/uploads/2024/07/plane-carrida.svg');
	height: 24px;

}

.fa-crossout:before {
	content: url('https://www.carrida-technologies.com/wp-content/uploads/2024/07/close-carrida.svg');
	height: 24px;

}



.fa-email-vc:before {
	content: url('https://www.carrida-technologies.com/wp-content/uploads/2024/07/mail-carrida.svg');
    margin-left: 8px;
    top: 0px;
    position: relative;

}


.fa-phone-vc:before {
	content: url('https://www.carrida-technologies.com/wp-content/uploads/2024/07/phone-carrida.svg');
    margin-left: 8px;
    top: 1px;
    position: relative;
}

.fa-form-vc:before {
    content: url('https://www.carrida-technologies.com/wp-content/uploads/2024/07/form-carrida.svg');
    margin-left: 8px;
    top: 3px;
    position: relative;
}


.bg-darkgreen {
	background-color: #CCC333!important;
	border-radius: 50px;
	margin-top: 0px!important;
}

button#toggleButton:focus {
    outline: none !important;
}


.bg-lightgrey {
	background-color: #F1F1F1!important;
	padding: 16px 16px;
	border-radius: 50px;
}



.bg-lightgreen {
	background-color: #333366!important;
	border-radius: 50px;
}


.text-white {
	color: #fff!important;
}


.text-black {
	color: #000!important;
}

.text-blue {
	color: #333366!important;
}


.elementor-13 .elementor-element.elementor-element-df0273f .elementor-button span {
	color: #CCC333!important;
}




.contactText {
    margin-left: 24px;
    margin-right: 18px;
    top: -5.5px;
    display: inline-flex;
    position: relative;
      font-family: "ProximaNova"!important;
    font-weight: 500;

   } 




/*** Menu button special for mobile ***/

.menu-button-mobile {
	background-color: #CDC333!important;
	color: #000!important;
	width: 50%!important;
	text-align: center;
	display: none!important;
}

.menu-button-mobile-secondary {
	display: none!important;
}

.menu-button-mobile a {
	color: #000!important;
}


.menu-button-desktop {
    max-width: 134px !important;
}



/*** News Item ***/

.news-item {
	padding: 24px!important;
	background-color: #ECF2F2!important;
	border: 1px solid #373737;
	border-radius: 20px!important;
}


.elementor-6021 .elementor-element.elementor-element-8792446 .elementor-icon-list-icon i {
	display: none!important;
}


time {
	font-size: 24px!important;
	color: #333366!important;
}


h2.wp-block-heading {
	font-size: 24px!important;
	color: #333366!important;
	margin-top: 32px!important;
	margin-bottom: 8px!important;
}


.wp-block-list {
	color: #333366!important;
}

.wp-block-text {
	color: #333366!important;
}


/** Zufahrt Stylings **/


.plate-ribbon {
    position: absolute !important;
    z-index: 5 !important;
    background-color: #CCC330 !important;
    top: 50px;
    padding: 8px 24px;
    left: 0px!important;
}


.ipad-mockup-landscape {
    width: 100%;
    max-width: 1140px;
    height: 100%;
    aspect-ratio: 3 / 2;
    background: #000;
    border-radius: 40px;
    /* box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3); */
    padding: 15px;
    position: relative;
    margin: 40px auto;
    display: flex;
    border: 1px solid #c4c4c4;
}

.ipad-bezel {
    /* width: 100%; */
    /* height: 100%; */
    /* background: #000; */
    /* border-radius: 30px; */
    /* border: 1px solid #c4c4c4; */
    /* position: relative; */
    /* overflow: hidden; */
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    box-sizing: border-box;
}

.ipad-camera {
  width: 12px;
  height: 12px;
  background: #666;
  border-radius: 50%;
  position: absolute;
  right: 5px;
}

.ipad-screen {
  width: 100%;
  height: 100%;
  background: #111;
  border-radius: 12px;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}



.video-wrapper {
  width: 100%;
  height: 100%;
  position: relative;
}

.video-wrapper video {
  width: 100%;
  height: 100%;
  object-fit: contain; /* Use 'contain' if you want full video visible */
  display: block;
  border-radius: 12px;
}



.landscape-software {
	margin-left: 12%;
}



/*** Product Sites: Plate-i/Dragon+ ***/

.carousel-card {
	width: 385px!important;
	border-radius: 20px!important;
	border: 1px solid #000;
}


/* === Full-Length Carousel Off-Center Layout === */

.swiper-wrapper {
	margin-left: 20%!important;
	padding-right: 20px;
}


.full-length-carousel .swiper-container {
  overflow: hidden!important;
  padding-left: 80px!important; /* Adjust as needed for desired offset */
}

.full-length-carousel .swiper-wrapper {
  transition-timing-function: ease;
}

.full-length-carousel .swiper-slide {
  width: auto!important; /* allows slides to size naturally */
  flex-shrink: 0!important;
}



/** Slider Styling **/

.slider-border {
  position: relative;
}

.slider-border::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: #000;
  margin: 0 auto;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}



span.swiper-pagination-bullet {
	background: #fff!important;
	border: 1px solid #333366!important;
	height: 8px!important;
	width: 8px!important;
}

span.swiper-pagination-bullet:hover {
	background: #333366!important;
}



.elementor-widget-n-carousel .swiper-pagination{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:2px;
  margin-top: 48px;
}



/* style the custom arrows to taste */
.wo-nav{
  width: 48px !important;
  height: 48px !important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:20px!important;
  line-height:1!important;
  cursor:pointer!important;
  user-select:none!important;
  border-radius:50px!important;
  border:1px solid #333366!important;
  background:transparent;!important;
}

.wo-nav:hover {
	background: #CCC333!important;
}

.wo-nav:focus {
	background: transparent!important;
}

.wo-prev {
	margin-right: 14px!important;
}

.wo-next {
	margin-left: 14px!important;
}

/*** 3D Viewer styles ***/

.b3dviewer-wrapper model-viewer {
    height: 80%!important;
    width: 80%!important;
}


.elementor-element .swiper~.elementor-swiper-button {
	visibility: hidden;
}