@media only screen and (max-width : 2500px) {
	.page-wrapper {
		overflow: hidden;
	}

}

@media only screen and (max-width : 1199px) {
	.mt-xl-40 {
		margin-top: 40px;
	}

	.mb-xl-40 {
		margin-bottom: 40px;
	}

}

@media only screen and (max-width:992px) {
	.atf-service-box-content br {
		display: none;
	}
}

@media only screen and (max-width:991px) {
	.mt-lg-40 {
		margin-top: 40px;
	}

	.mb-lg-40 {
		margin-bottom: 40px;
	}

	.atf-section-title br {
		display: none;
	}

	.atf-section-content {
		margin-left: 25px;
	}

	.atf-portfolio-subtitle {
		margin-bottom: 10px;
	}

}

@media only screen and (max-width:767px) {
	.atf-cta-title-box br {
		display: none;
	}

	.atf-funfact-item {
		margin: 12px 0;
	}

	.atf-menu-btn .atf-themes-btn {
		white-space: normal !important;
		font-size: 13px !important;
		padding: 12px 18px !important;
		line-height: 1.3 !important;
		text-align: center;
		max-width: 160px;
		word-wrap: break-word;
		overflow-wrap: break-word;
	}

	.hero-cta-btn {
		font-size: 14px !important;
		padding: 14px 22px !important;
		line-height: 1.4 !important;
		min-height: 50px;
	}

	.atf-hero-content .title {
		font-size: 50px;
		letter-spacing: -1px;
	}

	.footer-md-center .logo {
		margin: 0 auto;
		width: 160px;
	}

	.footer-md-center {
		text-align: center;
	}

	.logo-footer {
		justify-content: center;
	}

}

@media screen and (min-width:320px) and (max-width:575px) {
	.atf-section-title .title {
		font-size: 28px;
	}

	.atf-hero-content .title {
		font-size: 36px;
		letter-spacing: -1px;
	}

	.atf-funfact-item {
		border-right: none;
	}

	.atf-service-item {
		flex-wrap: wrap;
	}

	.atf-hero-thumb {
		grid-template-columns: 1fr 1fr;
	}

}
/* Slick slider pagination indicators */
.testimonial-slider .slick-dots {
    text-align: center;
    padding: 0;
    margin-top: 20px;
    list-style: none;
}

.testimonial-slider .slick-dots li {
    display: inline-block;
    margin: 0 5px;
}

.testimonial-slider .slick-dots li button {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: 2px solid #ccc;
    background: #e0e0e0;
    text-indent: -9999px;
    overflow: hidden;
    padding: 0;
    cursor: pointer;
    transition: all 0.3s ease;
}

.testimonial-slider .slick-dots li.slick-active button {
    background: var(--atf-thm-color-4, #6AD84E);
    border-color: var(--atf-thm-color-4, #6AD84E);
    transform: scale(1.2);
}

.testimonial-slider .slick-dots li button:hover {
    border-color: var(--atf-thm-color-4, #6AD84E);
}

/* Mobile fixes for services-category.html */
@media only screen and (max-width: 991px) {
    .atf-service-item {
        flex-wrap: wrap !important;
        gap: 15px;
        padding: 20px 15px;
        justify-content: center;
        width: 100%;
        max-width: 100%;
        overflow: hidden;
    }

    .atf-service-box {
        flex-wrap: wrap !important;
        justify-content: center;
        width: 100%;
        text-align: center;
    }

    .atf-service-icon {
        margin-right: 0 !important;
        margin-bottom: 10px;
        padding: 15px;
        font-size: 36px;
    }

    .atf-service-box-content {
        text-align: center;
        width: 100%;
        padding: 0 5px;
    }

    .atf-service-title {
        font-size: 20px;
    }

    .atf-service-box-content p {
        font-size: 14px;
    }

    .atf-service-btn a {
        width: 50px;
        line-height: 50px;
        font-size: 16px;
    }

    .atf-service-thumb {
        display: none !important;
    }
}

@media only screen and (max-width: 575px) {
    .atf-service-item {
        padding: 15px 10px;
        border-radius: 0 20px 20px 20px;
    }

    .atf-service-icon {
        padding: 12px;
        font-size: 28px;
    }

    .atf-service-title {
        font-size: 17px;
    }

    .atf-service-box-content p {
        font-size: 13px;
    }

    .atf-service-btn a {
        width: 40px;
        line-height: 40px;
        font-size: 14px;
    }

    .atf-service-box-area {
        margin-bottom: 15px !important;
    }
}

/* Mobile fixes for FAQ layout */
@media only screen and (max-width: 767px) {
    .atf-faq-area {
        padding: 0 5px;
    }

    .atf-faq-accordion .card {
        width: 100% !important;
        max-width: 100% !important;
        margin-bottom: 12px;
        overflow: hidden;
    }

    .atf-faq-accordion .card .card-header {
        padding: 0;
    }

    .atf-faq-accordion .card .card-header button {
        font-size: 16px;
        line-height: 1.5;
        padding: 15px 20px;
        width: 100%;
        text-align: left;
        white-space: normal;
        word-wrap: break-word;
        display: block;
    }

    .atf-faq-accordion .card .card-body {
        padding: 15px 20px;
        width: 100%;
    }

    .atf-faq-accordion .card .card-body p {
        font-size: 15px;
        line-height: 1.7;
        word-wrap: break-word;
    }
}

@media only screen and (max-width: 575px) {
    .atf-faq-area {
        padding: 0;
    }

    .atf-faq-accordion .card {
        margin-bottom: 10px;
    }

    .atf-faq-accordion .card .card-header button {
        font-size: 15px;
        padding: 12px 15px;
    }

    .atf-faq-accordion .card .card-body {
        padding: 12px 15px;
    }

    .atf-faq-accordion .card .card-body p {
        font-size: 14px;
        line-height: 1.6;
    }
}

/* Prevent horizontal scroll globally on mobile */
@media only screen and (max-width: 991px) {
    .page-wrapper {
        overflow-x: hidden;
    }

    body {
        overflow-x: hidden;
    }

    .atf-service-box-area {
        overflow: hidden;
    }
}