body:not(.et-fb-root-ancestor) [class*='et-lb-content'], .et-lb-wrapper {
	position:fixed !important;
	visibility:hidden;
	top:0px;
	z-index:999999;
	min-height:100%;
	transition:all .2s 0s;
    width: 100%;
}
body:not(.et-fb-root-ancestor) [class*='et-lb-content'] .et_pb_row {
	position:relative;
	top:50px;
}
.et-lb-open {
	visibility:visible!important;
	width:100%;
}
span.et-lb-close {
	font-size:46px;
	right:-1vw;
	margin-top:-51px;
	display:block;
	color: transparent;/* COLOR OF THE CLOSING ICON*/
	padding:10px;
	cursor:pointer;
	font-weight:bold;
	font-family:etmodules;
	z-index:99999999999999;
	position:absolute;
	background-image: url('https://virugbyunion.com/wp-content/uploads/2024/09/VIRU-900x900-1-e1737667007711.png');
background-repeat: no-repeat;
background-position: center;
} .et-lb-close {
  width: 80px; /* Ensure sufficient width for visibility */
  height: 100px; /* Ensure sufficient height for visibility */
  background-image: url('https://virugbyunion.com/wp-content/uploads/2024/09/VIRU-900x900-1-e1737667007711.png');
  background-position: -5px 0px; /* Offset background */
  background-repeat: no-repeat;
  background-size: auto;
  transform: rotate(45deg); /* Rotates the element 45 degrees */
  display: inline-block; /* Prevents layout issues */
}
body:not(.et-fb-root-ancestor) [class*='et-lb-content']:not(.et-lb-open) {
	transform:scale(.3);opacity:0;
}
body:not(.et-fb-root-ancestor) [class*='et-lb-btn'] {
	cursor:pointer;
}
/* Ensure parent containers allow visible overflow */
.dc-carousel {
    overflow: visible !important;
    position: relative; /* Create stacking context */
    z-index: 10; /* Lower than expanded toggle content */
}

.flickity-viewport {
    overflow: visible !important;
}

.flickity-slider {
    overflow: visible !important;
}

/* Fix toggle content visibility */
.et_pb_toggle_content {
    position: relative;
    z-index: 1000; /* Ensure it's above other sections */
    padding: 10px; /* Optional: Space around content */
}

/* Ensure parent containers allow visible overflow */
.dc-carousel {
    overflow: visible !important;
    position: relative; /* Create stacking context */
    z-index: 10; /* Keep carousel below expanded toggle content */
}

.flickity-viewport {
    overflow: visible !important;
    z-index: 5; /* Ensure viewport remains below expanded content */
}

.flickity-slider {
    overflow: visible !important;
}

/* Fix toggle content visibility and stacking */
.et_pb_toggle_content {
    position: relative;
    z-index: 1000; /* Ensure toggle content stays above everything */
}

/* Lower the z-index of Flickity page dots */
.flickity-page-dots {
    position: relative !important; /* Ensure it can have z-index applied */
    z-index: 1 !important; /* Place beneath toggle content */
}

/* Ensure other sections stack properly */
.et_pb_section {
    position: relative;
    z-index: 5; /* Ensure other sections stay below expanded toggle */
}
/* Style the entire form container */
.custom-cf7-form {
    max-width: 600px;
    margin: 0 auto;
    padding: 20px;
    background: #111; /* Dark background */
    border-radius: 10px;
    box-shadow: 0px 4px 10px rgba(255, 255, 255, 0.1);
}

/* Style labels */
.custom-cf7-form label {
    display: block;
    font-size: 16px;
    color: #fff;
    font-weight: 600;
    margin-bottom: 5px;
}

/* Style text, email, and date inputs */
.custom-cf7-form input[type="text"],
.custom-cf7-form input[type="email"],
.custom-cf7-form input[type="date"],
.custom-cf7-form textarea,
.custom-cf7-form input[type="file"] {
    width: 100%;
    padding: 12px;
    margin-bottom: 15px;
    border-radius: 8px;
    border: 1px solid #555;
    font-size: 16px;
    background-color: #222;
    color: #fff;
}

/* Placeholder Styling */
.custom-cf7-form input::placeholder,
.custom-cf7-form textarea::placeholder {
    color: #bbb;
}

/* Date Picker */
.custom-cf7-form .picker {
    cursor: pointer;
}

/* File Upload Styling */
.custom-cf7-form input[type="file"] {
    background: #222;
    padding: 10px;
    border-radius: 5px;
}

/* Submit Button */
.custom-cf7-form input[type="submit"] {
    background: transparent;
    color: #fff;
    border: 2px solid #fff;
    padding: 12px 20px;
    font-size: 18px;
    border-radius: 50px;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    display: block;
    width: 100%;
    text-align: center;
}

.custom-cf7-form input[type="submit"]:hover {
    background: #fff;
    color: #111;
}

/* Responsive Adjustments */
@media (max-width: 767px) {
    .custom-cf7-form {
        width: 90%;
    }
}
/* Force white color for the calendar icon in the date picker */
.custom-cf7-form input[type="date"] {
    color: #fff; /* White text */
    background-color: rgba(255, 255, 255, 0.1); /* Match other inputs */
    border: 1px solid rgba(255, 255, 255, 0.3);
    position: relative;
}

/* Change the calendar icon color (WebKit browsers like Chrome, Safari) */
.custom-cf7-form input[type="date"]::-webkit-calendar-picker-indicator {
    filter: invert(1); /* Inverts color to make it white */
    opacity: 0.8; /* Slight transparency like Divi */
    cursor: pointer;
}

/* Make sure the calendar icon is visible in Firefox */
.custom-cf7-form input[type="date"]::-moz-calendar-picker-indicator {
    filter: invert(1);
}

/* Ensure the calendar icon is visible in Edge */
.custom-cf7-form input[type="date"]::-ms-clear {
    color: white;
}