/*----Hero swiper slider start---*/

   .hero-swiper {
            min-height: 650px;
        }
        
        .swiper-slide {
            background-size: cover;
            background-position: center;
            position: relative;
        }
        
        .swiper-slide::before {
            content: '';
            position: absolute;
            top: 0; left: 0;
            width: 100%; height: 100%;
            background: linear-gradient(45deg, rgba(17, 6, 24, 0.99), rgba(129, 76, 158, 0.15));
            z-index: 1;
        }
        
        .swiper-content {
            position: relative;
            z-index: 2;
            /* max-width: 800px; */
            padding: 150px 20px;
        }
        
        .tagline {
            font-size: 54px;
            font-weight: 600;
            line-height: 1.1;
            color: white;
            text-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
        }


        .floating-btn {
            position: fixed;
            bottom: 110px;
            right: 15px;
            width: 50px;
            height: 50px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.2rem;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
            z-index: 1050;
            transition: all 0.3s ease;
            text-decoration: none;
        }
        
        .whatsapp-float { background: #25D366; color: white; bottom: 170px; }
        .call-float { background:rgb(132 72 157); color: white; }


           .whatsapp-float:hover { 
            background: rgb(221 178 74); 
            color: white; 
        }
        .call-float:hover { 
            background:rgb(87 134 200); 
            color: white; 
        }
        
 
        
        /* Hero Content Alignment */
        @media (max-width: 991.98px) {
            .swiper-content { text-align: center; }
        }
        @media (min-width: 992px) {
            .swiper-content { text-align: left; }
        }
        
        @media (max-width: 768px) {
            .hero-swiper { min-height: 550px; }

                .swiper-content {
        text-align: center;
        padding-top: 250px;
    }

        }

        /* ====================== FIX FOR TEXT SELECTION ====================== */
        /* Swiper by default adds user-select: none; on .swiper-slide to enable smooth swiping */
        /* We override it only for the text content so you can now select/copy text with mouse */
        .swiper-slide {
            user-select: text !important;
            -webkit-user-select: text !important;
            -moz-user-select: text !important;
            -ms-user-select: text !important;
        }
        
        .swiper-content,
        .swiper-content * {
            user-select: text !important;
            -webkit-user-select: text !important;
            -moz-user-select: text !important;
            -ms-user-select: text !important;
        }
        
        /* Make sure buttons and links still work normally */
        .swiper-content button,
        .swiper-content a {
            user-select: none !important;
        }


        /*----Hero swiper slider end---*/