body{
    
    overflow-x:hidden;
}
/* Slider Custom Styles */
.slider-slide {
    transition: opacity 1s ease-in-out;
}

.slider-indicator {
    transition: all 0.3s ease;
    cursor: pointer;
}

.slider-indicator.active {
    width: 2rem;
    background-color: white;
}

/* Smooth animations */
@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(20px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.slider-slide img {
    animation: fadeIn 1s ease-in-out;
}

/* Progress Circle */
#progress-circle {
    transition: stroke-dashoffset 0.1s linear;
}

/* Fluid Typography */
.text-from-15 {
    font-size: clamp(15px, 1.5vw, 17px);
}

.text-to-17 {
    font-size: clamp(15px, 1.5vw, 17px);
}

.text-from-16 {
    font-size: clamp(16px, 1.6vw, 18px);
}

.text-to-18 {
    font-size: clamp(16px, 1.6vw, 18px);
}

.text-from-18 {
    font-size: clamp(18px, 2vw, 32px);
}

.text-to-32 {
    font-size: clamp(18px, 2vw, 32px);
}

.text-from-30 {
    font-size: clamp(30px, 8vw, 148px);
}

.text-to-148 {
    font-size: clamp(30px, 8vw, 148px);
}

.text-to-20 {
    font-size: clamp(16px, 1.8vw, 20px);
}

.text-to-24 {
    font-size: clamp(18px, 2vw, 24px);
}

.text-16 {
    font-size: 16px;
}

.text-13 {
    font-size: 13px;
}

.text-10 {
    font-size: 10px;
}

.text-28 {
    font-size: 28px;
}

/* Fluid Gaps */
.gap-from-5 {
    gap: clamp(5px, 1vw, 15px);
}

.gap-to-15 {
    gap: clamp(5px, 1vw, 15px);
}

.gap-from-15 {
    gap: clamp(15px, 2vw, 30px);
}

.gap-to-30 {
    gap: clamp(15px, 2vw, 30px);
}

.gap-to-50 {
    gap: clamp(15px, 3vw, 50px);
}

.gap-to-68 {
    gap: clamp(15px, 4vw, 68px);
}

.gap-to-36 {
    gap: clamp(15px, 2.5vw, 36px);
}

.gap-to-40 {
    gap: clamp(15px, 2.8vw, 40px);
}

.gap-from-10 {
    gap: clamp(10px, 1.5vw, 20px);
}

.gap-to-33 {
    gap: clamp(7px, 2vw, 33px);
}

.gap-from-7 {
    gap: clamp(7px, 1.5vw, 15px);
}

/* Fluid Padding */
.pt-from-10 {
    padding-top: clamp(10px, 2vw, 30px);
}

.pt-to-80 {
    padding-top: clamp(10px, 5vw, 80px);
}

.pb-15 {
    padding-bottom: 15px;
}

.px-7 {
    padding-left: 7px;
    padding-right: 7px;
}

.px-18 {
    padding-left: 18px;
    padding-right: 18px;
}

.py-14 {
    padding-top: 14px;
    padding-bottom: 14px;
}

.px-from-15 {
    padding-left: clamp(15px, 2vw, 25px);
    padding-right: clamp(15px, 2vw, 25px);
}

.px-to-25 {
    padding-left: clamp(15px, 2vw, 25px);
    padding-right: clamp(15px, 2vw, 25px);
}

/* Fluid Spacing */
.gap-14 {
    gap: 14px;
}

.gap-15 {
    gap: 15px;
}

.gap-18 {
    gap: 18px;
}

.gap-20 {
    gap: 20px;
}

.gap-25 {
    gap: 25px;
}

.gap-26 {
    gap: 26px;
}

.gap-30 {
    gap: 30px;
}

.gap-10 {
    gap: 10px;
}

/* Borders */
.border-b-1 {
    border-bottom-width: 1px;
}

/* Heights */
.min-h-46 {
    min-height: 46px;
}

.max-h-100 {
    max-height: 100px;
}

.h-392 {
    height: 392px;
}

.h-3037 {
    height: 3037px;
}

.w-3037 {
    width: 3037px;
}

.max-w-3037\! {
    max-width: 3037px !important;
}

.max-w-1920 {
    max-width: 1920px;
}

/* Misc */
.min-w-130 {
    min-width: 130px;
}

.leading-18 {
    line-height: 18px;
}

.leading-19 {
    line-height: 19px;
}

.pt-33 {
    padding-top: 33px;
}

.pb-40 {
    padding-bottom: 40px;
}

.mt-30 {
    margin-top: 30px;
}

.pt-5 {
    padding-top: 5px;
}

.px-60 {
    padding-left: 60px;
    padding-right: 60px;
}

.lg\:pb-250 {}

@media (min-width: 1024px) {
    .lg\:pb-250 {
        padding-bottom: 250px;
    }
}

/* Circle Pulse Animation */
@keyframes pulse-circle {

    0%,
    100% {
        opacity: 1;
        transform: scale(1);
    }

    50% {
        opacity: 0.8;
        transform: scale(1.1);
    }
}

.circle {
    animation: pulse-circle 3s ease-in-out infinite;
    transform-origin: center;
}

.second-circle {
    animation-delay: 0.5s;
}

.third-circle {
    animation-delay: 1s;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .slider-slide h1 {
        font-size: 2.5rem;
    }
}