/*
Theme Name: Axtra Child
Theme URI: https://themeforest.net/user/crowdyflow/portfolio
Author: Zaib
Author URI: https://wealcoder.com/
Template: axtra
Description: Child theme for Axtra
Version: 1.0.3
License: GNU General Public License v2 or later
Text Domain: axtra-child
*/
/* Wrapper */
/* .cf7-dark-form .choices {
    margin-top: 10px;
} */

/* Input field */
.cf7-dark-form .choices__inner {
	padding-top:0 !important;
    background: transparent;
    border: none;
    border-bottom: 1px solid rgba(255,255,255,0.4);
    padding: 10px 0;
    color: #fff;
}

/* Selected text */
.cf7-dark-form .choices__item--selectable {
    padding-left: 0;
}

/* Dropdown menu */
.cf7-dark-form .choices__list--dropdown {
    background: #111;
    border: 1px solid rgba(255,255,255,0.15);
    margin-top: 8px;
}

.cf7-dark-form .choices__list--dropdown .choices__item {
    padding: 12px 20px;
    color: #fff;
}

/* Hover */
.cf7-dark-form .choices__item--choice:hover {
    background: rgba(255,255,255,0.08);
}

/* Placeholder */
.cf7-dark-form .choices__placeholder {
    color: #fff;
    opacity: 1;
}

/* Arrow */
.cf7-dark-form .choices[data-type*="select-one"]::after {
    border-color: #fff transparent transparent transparent;
}
/* Fix hover + active state for Choices options (dark theme) */
.cf7-dark-form .choices__list--dropdown .choices__item--choice.is-highlighted,
.cf7-dark-form .choices__list--dropdown .choices__item--choice:hover {
    background-color: rgba(255, 255, 255, 0.08) !important;
    color: #ffffff !important;
}

/* Ensure non-hover items stay white */
.cf7-dark-form .choices__list--dropdown .choices__item {
    color: #ffffff !important;
}

/* Remove default white highlight border */
.cf7-dark-form .choices__list--dropdown {
    border-color: rgba(255,255,255,0.2);
}
body.elementor-page-6:not(.elementor-motion-effects-element-type-background), body.elementor-page-6 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
    background:none !important;
}
.eael-fancy-text-container.style-1 {
    min-height: 216px;
}
@media screen and (max-width: 767px) {
  /* CSS rules for screens SMALLER than 767 pixels */
 .eael-fancy-text-container.style-1 {
    min-height: 96px;
} 
}
