/* Black Background Form Style */

.dark-form {
	background: #111111;
	color: #ffffff !important;
	border: 1px solid #444;
	border-radius: 10px;
	height: 58px;
	padding: 12px 18px;
	font-size: 16px;
}

.dark-form::placeholder {
	color: #cccccc !important;
	opacity: 1;
}

select.dark-form {
	color: #cccccc !important;
}

.btn-default {
	background: #ffffff;
	color: #000000;
	padding: 14px 35px;
	border-radius: 10px;
	font-size: 16px;
	font-weight: 600;
	border: none;
	transition: 0.3s;
}

.btn-default:hover {
	background: #e7e3e0;
	color: #000000;
}


/* Mobile Menu Button - Dark Grey Background for Black Header */

.elementskit-menu-hamburger.elementskit-menu-toggler {
	background: #2b2b2b !important; /* dark grey */
	border: 1px solid #444 !important;
	border-radius: 8px;
	padding: 10px 14px;
	box-shadow: none !important;
}

.elementskit-menu-hamburger.elementskit-menu-toggler i,
.elementskit-menu-hamburger.elementskit-menu-toggler .ekit-menu-icon {
	color: #ffffff !important; /* white icon */
	font-size: 20px;
}

.elementskit-menu-hamburger.elementskit-menu-toggler:hover {
	background: #3a3a3a !important;
	border-color: #555 !important;
}






/* Mobile Menu Background for Black Header */

#ekit-megamenu-header-menu {
	background: #1f1f1f !important; /* dark grey */
	border-left: 1px solid #333 !important;
	box-shadow: none !important;
}

/* Menu Links */

#ekit-megamenu-header-menu .ekit-menu-nav-link {
	color: #ffffff !important;
	font-weight: 500;
}

#ekit-megamenu-header-menu .ekit-menu-nav-link:hover,
#ekit-megamenu-header-menu .ekit-menu-nav-link.active {
	color: #d1d1d1 !important;
}

/* Close Button */

#ekit-megamenu-header-menu .elementskit-menu-close {
	background: #2b2b2b !important;
	color: #ffffff !important;
	border: 1px solid #444 !important;
	border-radius: 8px;
	padding: 8px 14px;
	font-size: 16px;
}

#ekit-megamenu-header-menu .elementskit-menu-close:hover {
	background: #3a3a3a !important;
}



/* Remove desktop menu background box */

@media (min-width: 1025px) {
	#ekit-megamenu-header-menu {
		background: transparent !important;
		border: none !important;
		box-shadow: none !important;
	}

	#ekit-megamenu-header-menu .elementskit-navbar-nav {
		background: transparent !important;
	}
}


#extra-comments {
	width: 100%;
	min-height: 60px !important;
	padding: 14px 20px !important;
	line-height: 1.4 !important;
	resize: none;
	overflow: hidden;
	box-sizing: border-box;
}





/* Keep original rounded pill shape + fix hover white issue */
.elementor-element-6339c35 .elementor-button {
    background: transparent !important;
    border: 1.5px solid #ffffff !important;
    border-radius: 50px !important; /* pill shape */
    box-shadow: none !important;
    padding: 16px 28px !important;
    overflow: hidden !important;
    position: relative !important;
}

/* Hover effect */
.elementor-element-6339c35 .elementor-button:hover {
    background: #ffffff !important;
    color: #000000 !important;
    border-color: #ffffff !important;
    border-radius: 50px !important; /* keep same on hover */
    box-shadow: none !important;
}

/* Text hover color */
.elementor-element-6339c35 .elementor-button:hover .elementor-button-text {
    color: #000000 !important;
}

/* Icon hover color */
.elementor-element-6339c35 .elementor-button:hover svg path {
    fill: #000000 !important;
}

/* Remove weird white corner shapes */
.elementor-element-6339c35 .elementor-button::before,
.elementor-element-6339c35 .elementor-button::after {
    display: none !important;
    content: none !important;
    background: none !important;
}



/* Better balanced hero section spacing */

.elementor-11 .elementor-element-fa51323,
.elementor-11 .elementor-element-fa51323 > .e-con-inner,
.elementor-11 .elementor-element-a8ea057,
.elementor-11 .elementor-element-d02bde9 {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Top tagline spacing fix */
.elementor-11 .elementor-element-302992f {
    margin-top: 15px !important;
    margin-bottom: -15px !important;
    padding-top: 0 !important;
}

/* Tagline heading */
.elementor-11 .elementor-element-302992f h1 {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.2;
}

/* Main heading spacing */
.elementor-11 .elementor-element-525e841 {
    margin-top: 0 !important;
    margin-bottom: 20px !important;
}

.elementor-11 .elementor-element-525e841 h1 {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.1;
}

/* Remove fake gap */
.elementor-11 .elementor-element-fa51323 {
    min-height: unset !important;
    align-items: flex-start !important;
}

/* Theme spacing remove */
body,
.site-content,
.site-main {
    margin-top: 0 !important;
    padding-top: 0 !important;
}


/* Doctors Portal button - same style as main hero button */

.elementor-element-ec2e80e .elementor-button {
    background: transparent !important;
    border: 1.5px solid #ffffff !important;
    border-radius: 50px !important; /* pill shape */
    box-shadow: none !important;
    padding: 16px 28px !important;
    overflow: hidden !important;
    position: relative !important;
}

/* Hover effect */
.elementor-element-ec2e80e .elementor-button:hover {
    background: #ffffff !important;
    color: #000000 !important;
    border-color: #ffffff !important;
    border-radius: 50px !important; /* keep same on hover */
    box-shadow: none !important;
}

/* Text hover color */
.elementor-element-ec2e80e .elementor-button:hover .elementor-button-text {
    color: #000000 !important;
}

/* Icon hover color */
.elementor-element-ec2e80e .elementor-button:hover svg path {
    fill: #000000 !important;
}

/* Remove weird white corner shapes */
.elementor-element-ec2e80e .elementor-button::before,
.elementor-element-ec2e80e .elementor-button::after {
    display: none !important;
    content: none !important;
    background: none !important;
}
