/*=== Car Temp ===*/
/* === menu === */


/* === Active menu arrow effect === */
.elementor-nav-menu .elementor-item {
  position: relative;
  padding-left: 26px; /* space for arrow */
  transition: all 0.3s ease;
}

/* Add arrow icon only for active/current item */
.elementor-nav-menu .elementor-item.elementor-item-active::before,
.elementor-nav-menu .current-menu-item > .elementor-item::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 14px;
  height: 14px;
  transform: translateY(-50%) translateX(-5px);
  background-image: url("https://ah-erdmannsky.carmar.digital/wp-content/uploads/2025/10/Arrow-Icon.svg");
  background-repeat: no-repeat;
  background-size: contain;
  opacity: 0;
  transition: all 0.3s ease;
}

/* Animate it in */
.elementor-nav-menu .elementor-item.elementor-item-active::before,
.elementor-nav-menu .current-menu-item > .elementor-item::before {
  transform: translateY(-50%) translateX(0);
  opacity: 1;
}


/*================ End of the Footer =====================*/

/* === Home Page === */

/* === posts icon color and animation === */
#icon-color .elementor-button-icon i::before{
		color:#DB3B0C;
		transition: all 0.3s ease;
 		display: inline-block;
}

#icon-color:hover .elementor-button-icon i::before {
  color: #000;
  transform: rotate(45deg);
}

/* === animation for arrow in button icon === */

.elementor-button .ti-arrow-top-right::before {
  transition: transform 0.3s ease;
  display: inline-block;
}

.elementor-button:hover .ti-arrow-top-right::before {
  transform: rotate(45deg);
}

/* === form adjust === */

/* === field reaction in focus === */
.elementor-field-group .elementor-field-textual:focus{
		box-shadow:unset ;
}

/* === fields padding === */

input[type=date], input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], select, textarea, .elementor-field-group .elementor-select-wrapper select, .elementor-field-textual{
		padding: 8px 0px;
}

/* === mark adjust === */

.elementor-mark-required .elementor-field-label:after{
		padding-inline-start:0px;
}

/* === Acceptence label === */

.elementor-field-group-field_0432500 .elementor-field-label {
  color: #939393 !important; 
	padding-bottom:32px !important;
}

.elementor-field-group-field_0432500 .elementor-field-label::after {
		display:none;
}

/* === dropdown select icon and placeholder === */

.select-caret-down-wrapper svg {
  display: none !important;
}

.select-caret-down-wrapper::after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='18' viewBox='0 0 17 18' fill='none'%3E%3Cg clip-path='url(%23clip0_736_2272)'%3E%3Cpath d='M2.36176 6.56055L9.00021 13.199L15.6387 6.56055' stroke='%23DB3B0C' stroke-width='2' stroke-linecap='square'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_736_2272'%3E%3Crect width='17' height='17' fill='white' transform='translate(0 0.921875)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  display: inline-block;
  width: 17px;
  height: 18px;
}

/*=== box style ====*/

.elementor-field-option {
  display: flex;
  align-items: center; 
	gap:8px;	
}

.elementor-field-option input[type="checkbox"] {
  flex-shrink: 0; 
}

.elementor-field-subgroup input[type="checkbox"] {
  appearance: none; 
  -webkit-appearance: none;
  -moz-appearance: none;

  width: 20px;
  height: 20px;
  border: 1px solid #fff !important; 
  background: transparent;
  cursor: pointer;
  display: inline-block;
  position: relative;
}

.elementor-field-subgroup input[type="checkbox"]:checked {
  background-color: #fff;
}

#first_form .elementor-field-subgroup input[type="checkbox"]:checked {
  background-color: #000;
}

/* === the second form in home === */

#second_form .elementor-field-subgroup:not(.elementor-subgroup-inline) .elementor-field-option{
		flex-basis:50%;
		padding-bottom:16px;
}

.e-form__buttons__wrapper__button-next {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px; 
}

.e-form__buttons__wrapper__button-next::after {
  content: "\e65a";
  font-family: "Themify";
  font-size: 14px;
  color: inherit; 
  display: inline-block;
  transform: translateY(1px); 
}

.e-form__buttons__wrapper__button-previous {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
}

.e-form__buttons__wrapper__button-previous::before {
  content: "\e65a"; 
  font-family: "Themify"; 
  font-size: 14px;
  color: inherit;
  display: inline-block;
  transform: rotate(180deg) translateY(1px); 
}