/*!
Theme Name: Theme misto 
Theme URI: https://miral.services/
Author: Miral Services
Author URI: https://miral.services/
Description: Professional wordpress theme company, News, Personal ,Miral Services
Version: 0.1
Tags: company, News, Personal
Text Domain: miral.services
*/
  

.contact-dev{
	position:fixed;
	bottom:40px;
	left:40px;
	display: flex;
    justify-content: center;
    align-items: center;
	z-index: 99;
}
[dir=rtl] .contact-dev{
	flex-direction: row-reverse;
}
.floating-whatsapp{
	width:60px;
	height:60px;
	background-color:#25d366;
	color:#FFF;
	border-radius:50px;
	text-align:center;
  	font-size:30px;
	box-shadow: 2px 2px 3px #999;
  	z-index:100;
	display: flex;
    justify-content: center;
    align-items: center;
}
.floating-whatsapp:hover{
	color: #fff;
	text-decoration: none;
}
.contact-dev .text{
	background-color: #fff;
    box-shadow: 1px 1px 2px 4px #f9f9f9;
    color: #333;
    padding: 7px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 15px;
    border-radius: 5px;
    text-transform: capitalize;
	
	letter-spacing: 1px;
    font-size: 18px;
}
@media(max-width:575px){
	.floating-whatsapp{
		bottom:60px;
	}
}

/* ==========================================================================
   PREMIUM UI/UX ENHANCEMENTS BY ANTIGRAVITY (DEEPMIND)
   ========================================================================== */

/* 1. Custom Sleek Scrollbar */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
::-webkit-scrollbar-track {
  background: #f1f5f9;
}
::-webkit-scrollbar-thumb {
  background: #007080;
  border-radius: 10px;
  border: 2px solid #f1f5f9;
  transition: background 0.3s ease;
}
::-webkit-scrollbar-thumb:hover {
  background: #005a66;
}

/* 2. Glassmorphism for Fixed Header */
#header-wrap.fixed-header {
  background: rgba(18, 22, 40, 0.85) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15) !important;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
}

/* 3. Premium Service Cards Enhancements */
.service-item {
  background: #ffffff !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  box-shadow: 0 10px 30px rgba(0, 112, 128, 0.04) !important;
  border: 1px solid rgba(0, 112, 128, 0.08) !important;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
}
.service-item:hover {
  transform: translateY(-8px) !important;
  box-shadow: 0 20px 40px rgba(0, 112, 128, 0.12) !important;
  border-color: rgba(0, 112, 128, 0.2) !important;
}
.service-images {
  overflow: hidden !important;
  position: relative !important;
  border-bottom: 1px solid rgba(0, 112, 128, 0.05) !important;
}
.service-images img {
  transition: transform 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
}
.service-item:hover .service-images img {
  transform: scale(1.08) !important;
}
.service-icon i {
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
}
.service-item:hover .service-icon i {
  transform: scale(1.1) rotate(5deg) !important;
  background: #005a66 !important;
}
.service-description {
  padding: 30px 24px !important;
  background: #ffffff !important;
  transition: all 0.4s ease !important;
}
.service-description h4 {
  font-weight: 700 !important;
  color: #121628 !important;
  font-size: 1.25rem !important;
}

/* 4. Premium Buttons with Glow effect */
.btn {
  border-radius: 8px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
}
.btn.btn-theme {
  box-shadow: 0 4px 14px rgba(0, 112, 128, 0.25) !important;
}
.btn.btn-theme:hover {
  background: #005a66 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 20px rgba(0, 112, 128, 0.4) !important;
}