@media only screen and (max-width: 1920px) and (min-width: 1500px) {
	.container {
		max-width: 1450px;
	}
}

@media only screen and (max-width: 1600px) {}

@media only screen and (max-width: 1445px) {
	html {
		font-size: 15px;
	}

	.services-card {
		padding: 0 1rem;
	}
	
	.pricing-card {
	    padding: 2rem;
	}
}

@media only screen and (max-width: 1366px) {
	html {
		font-size: 14px;
	}

	.pricingWrapper {
		gap: 2rem 0;
	}
}

@media (max-width: 1199.98px) {
	html {
		font-size: 13px;
	}
	
	.mainbanner {
        height: auto;
    }

	.pricing-cardIcon {
		width: 40px;
	}

	.pricing-cardIcon.bestSeller {
		width: 50px;
	}
	.testimonialSlider {
		padding: 1rem 0 5rem;
	}
}

@media (max-width: 991.98px) {
	html {
		font-size: 12px;
	}
	
	.header-main__nav {
	    gap: 1rem;
	}

	.navbar-toggler {
		border: 1px solid var(--black);
		outline: none;
		color: var(--black);
	}

	:is(.mainbanner__content, .about-content, .pricing-card) {
		margin-bottom: 2rem;
	}

	.contact-form {
		margin-top: 2rem;
	}
	.testimonialItem figure img {
        width: 120px;
        height: 120px;
    }
    .faq-section .card {		
		padding: 1.125rem;
	}
}

@media (max-width: 767.98px) {
	html {
		font-size: 11px;
	}

	.services-card {
		height: 300px;
	}

	.pricingWrapper {
		gap: 3rem 0;
	}
	.testimonialSlider .swiper-pagination {
		gap: 1rem;
	}
}

@media (max-width: 575.98px) {
    .mainbanner__content h1,
    .innerbanner__content h1{
        font-size: 3.25rem;
    }
    .testimonialSlider .swiper-pagination {
		gap: 0.5rem;
	}
	.testimonialItem figure img {
        width: 100px;
        height: 100px;
    }
    .faq-section .card-header .card-link.collapsed:after, .faq-section .card-header .card-link:after {		
		height: 20px;
		width: 20px;		
		right: 8px;
		top: 14px;
	}
}

@media (max-width: 320.98px) {}