body.page {
	background: none !important;
	min-height: -webkit-fill-available;
}
body.page::before {
	content: '';
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-image: url("https://kaybeautyae.com/wp-content/uploads/2026/07/IMG_5867-copy.webp");
	background-position: center right !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;
	z-index: -1;
	pointer-events: none;
}
@supports (-webkit-touch-callout: none) {
	body.page {
		min-height: -webkit-fill-available;
	}
	
	body.page::before {
		position: fixed;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
	}
}
header .the-logo img {
    max-height: 45px;
    object-fit: contain;
}
.rotate_anim {
    background-image: url(https://kaybeautyae.com/wp-content/uploads/2024/07/cropped-logo.webp) !important;
    background-size: 120px auto !important;
}
.bookly-form .iti__country-container::after {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0px;
	background: url('https://kaybeautyae.com/wp-content/uploads/2026/06/flag-for-flag-united-arab-emirates-svgrepo-com.svg');
	z-index: 9;
	cursor: initial;
	background-size: 30px auto;
	background-repeat: no-repeat;
	background-position: center center;
}
#color-btn .elementor-button{
    position: relative;
    height: 55px;
    width: 170px;
    border-radius: 0px;
    background: #111;
}
#color-btn .elementor-button-text{
    align-self: center;
}
#color-btn .elementor-button-content-wrapper{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    height: 45px !important;
    width: 160px !important;
    border-radius: 0px !important;
    background: #111;
}
#color-btn .elementor-button:hover::after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 0px;
    background: linear-gradient(#14ffe9, #ffeb3b, #ff00e0);
    filter: blur(10px);
    z-index: -1;
}
#color-btn .elementor-button:hover{
  background: linear-gradient(#14ffe9, #ffeb3b, #ff00e0);
  animation: rotatet 2.5s linear infinite;
}

@keyframes rotatet {
  0%{
    filter: hue-rotate(0deg);
  }
  100%{
    filter: hue-rotate(360deg);
  }
}

.dark__form .main_wraper i, .dark__form ::placeholder {
	color: #333 !important;
}
.dark__form input, .dark__form textarea {
	border-color: #333 !important;
}