body {
            font-family: 'Plus Jakarta Sans', sans-serif;
                background: #e5e5e5 !important;
        }

        /* For slider animation */
        .slider-container {
            width: 100%;
            overflow: hidden;
            position: relative;
        }

        .slider-track {
            display: flex;
            transition: transform 0.5s ease-in-out;
        }

        .slider-item {
            flex: 0 0 100%;
            text-align: center;

            img {
                max-height: 520 !important;
                max-width: 448px !important;
                min-width: 448px !important;
                min-height: 520 !important;
                margin: 0 auto !important;
            }
        }

        /* Hide scrollbar */
        ::-webkit-scrollbar {
            display: none;
        }

        /* Glass morphism */
        .glass {
            background: rgba(255, 255, 255, 0.2);
            backdrop-filter: blur(10px);
            -webkit-backdrop-filter: blur(10px);
            border: 1px solid rgba(255, 255, 255, 0.1);
        }

        /* Card rotation on hover */
        .card-rotate:hover {
            transform: rotateY(10deg) rotateX(5deg);
            transition: transform 0.5s ease-in-out;
        }

        .feature-slider .slick-slide {
            padding: 0 15px;
            margin-bottom: 32px;
        }

        .feature-slider .prev-arrow {
            top: 40%;
            left: -10px;
            z-index: 1;
        }

        .feature-slider .next-arrow {
            top: 40%;
            left: auto;
            right: -10px;
            z-index: 1;
        }

        .testimonial-slider .slick-slide {
            padding: 0 15px;
            margin-bottom: 32px;
        }

        .testimonial-slider .prev-arrow {
            top: 38%;
            left: -10px;
            z-index: 1;
        }

        .testimonial-slider .next-arrow {
            top: 38%;
            left: auto;
            right: -10px;
            z-index: 1;
        }

        .pricing-slider .slick-slide {
            padding: 0 15px;
        }

        .pricing-slider .slick-slide.slick-center .center-border-main {
            border: 2px solid #c7a157;
        }

        .pagination .page-link {
            background-color: white;
            color: grey;
            padding: 8px 24px;
            border-left: 1px solid #dee2e6 !important;
            border-top: 1px solid #dee2e6 !important;
            border-bottom: 1px solid #dee2e6 !important;
        }

        .pagination button {
            border-radius: 0px;
            border-color: lightgray;
        }

        .pagination button.page-item {
            background-color: white;

        }

        .pagination .page-item:first-child .page-link {
            background-color: white;
            color: grey;
            border: none;
            font-size: 16px;
            border-top-left-radius: 8px !important;
            border-bottom-left-radius: 8px !important;
            width: 66px;
        }

        .pagination .page-item:last-child .page-link {
            background-color: white;
            color: grey;
            border: none;
            font-size: 16px;
            border-top-right-radius: 8px !important;
            border-bottom-right-radius: 8px !important;
            border-right: 1px solid #dee2e6 !important;
            width: 66px;
        }

        .pagination .page-item.active .page-link {
            background-color: #00bad4 !important;
            color: white !important;
            border-right: none !important;
        }

        .active.page-link:hover {
            z-index: auto !important;
            color: #808080 !important;
            background-color: transparent !important;
        }

        .page-link:hover {
            z-index: auto !important;
            color: #808080 !important;
            background-color: transparent !important;
            border-color: #d3d3d3 !important;
        }

        .page-link:focus {
            z-index: 3;
            color: #808080 !important;
            background-color: transparent !important;
            outline: 0;
            box-shadow: none
        }

        p.small.text-muted {
            display: none;
        }

        .front-banner-des {
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 3;
            overflow: hidden;
        }

        .min-w-40px {
            min-width: 40px;
        }

        @media (max-width: 1024px) {
            .mobile-menu {
                margin: 0 20px;
                left: 0;
                top: 81px;
                width: -webkit-fill-available;
                background: white;
                padding-bottom: 18px;

                a {
                    color: #212a48 !important;
                }
            }
        }

        .bg-blue {
            background-color: #c7a157  var(--tw-gradient-to-position);
        }

        .slider-prev:hover {
            background-color: #c7a157  !important;
        }

        .slider-next:hover {
            background-color: #c7a157  !important;
        }

        .blog-title {
            line-height: 1.5 !important;
            font-size: 3rem !important
        }

        .check-url-ar {
            position: relative !important;
            transform: translateY(-120%) !important;
        }

        .theme-3-arrow {
            background-color: #c7a157  !important;
            color: white !important;
        }

        .fw-600 {
            font-weight: 600 !important;
        }

        .feature-min-height {
            min-height: 341px !important;
        }

        .testimonial-min-height {
            min-height: 350px !important;
        }


        @media (min-width: 768PX) {
            .testimonial-min-height {
                min-height: 374px !important;
            }

            .feature-min-height {
                min-height: 390px !important;
            }
        }

        @media (min-width: 1024px) {
            .feature-min-height {
                min-height: 414px !important;
            }

            .testimonial-min-height {
                min-height: 398px !important;
            }
        }

        @media (min-width: 1440px) {
            .feature-min-height {
                min-height: 342px !important;
            }

            .testimonial-min-height {
                min-height: 350px !important;
            }
        }

        .navlinks a{
            color: white !important;
        }
   




        
.btn-whatsapp-pulse {
    background: #25d366;
    color: white !important;
    position: fixed;
    bottom: 20px;
    right: 10px;
    font-size: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 0;
    height: 0;
    padding: 30px;
    text-decoration: none;
    border-radius: 50%;
    animation-name: pulse;
    animation-duration: 1.5s;
    animation-timing-function: ease-out;
    animation-iteration-count: infinite;
    z-index: 999999;
}

@keyframes pulse {
	0% {
		box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.5);
	}
	80% {
		box-shadow: 0 0 0 14px rgba(37, 211, 102, 0);
	}
}

.btn-whatsapp-pulse-border {
	bottom: 30px;
	right: 50px;
	animation-play-state: paused;
}

.btn-whatsapp-pulse-border::before {
	content: "";
	position: absolute;
	border-radius: 50%;
	padding: 25px;
	border: 5px solid #25d366;
	opacity: 0.75;
	animation-name: pulse-border;
	animation-duration: 1.5s;
	animation-timing-function: ease-out;
	animation-iteration-count: infinite;
}

@keyframes pulse-border {
	0% {
		padding: 25px;
		opacity: 0.75;
	}
	75% {
		padding: 50px;
		opacity: 0;
	}
	100% {
		opacity: 0;
	}
}


svg.svg-inline--fa.fa-whatsapp {
    color: white !important;
}