@media(max-width:992px){

.container{

padding:0 20px;

}

}


@media(max-width:768px){

.container{

padding:0 16px;

}

}

@media(max-width:991px){

.hero-section{

padding-top:120px;

text-align:center;

}

.hero-content h1{

font-size:42px;

}

.hero-buttons{

justify-content:center;

}

.hero-trust{

justify-content:center;

}

.hero-image{

margin-top:60px;

}

.floating-card{

display:none;

}

}

@media(max-width:576px){

.hero-content h1{

font-size:34px;

}

.hero-search input{

padding:15px;

}

.hero-buttons{

flex-direction:column;

}

.btn-primary-custom,
.btn-outline-custom{

width:100%;
text-align:center;

}

}

@media(max-width:991px){

.quick-grid{

grid-template-columns:repeat(2,1fr);

}

.trust-grid{

grid-template-columns:repeat(2,1fr);

}

}


@media(max-width:576px){

.quick-grid{

grid-template-columns:1fr;

}

.trust-grid{

grid-template-columns:1fr;

}

}

@media(max-width:991px){

.tests-grid{

grid-template-columns:repeat(2,1fr);

}

}

@media(max-width:576px){

.tests-grid{

grid-template-columns:1fr;

}

.section-header h2{

font-size:32px;

}

}

@media(max-width:991px){

.package-grid{
    grid-template-columns:repeat(2,1fr);
}

}

@media(max-width:576px){

.package-grid{
    grid-template-columns:1fr;
}

}
@media(max-width:991px){

.why-grid{

grid-template-columns:repeat(2,1fr);

}

}

@media(max-width:576px){

.why-grid{

grid-template-columns:1fr;

}

}

@media(max-width:991px){

.hero{

padding-top:120px;

}

.hero .wrapper{

grid-template-columns:1fr;

text-align:center;

}

.hero h1{

font-size:44px;

}

.hero-search{

margin:auto auto 30px;

}

.hero-buttons{

justify-content:center;

}

.hero-features{

justify-content:center;

}

.hero-image{

margin-top:60px;

}

.floating-card{

display:none;

}

}

@media(max-width:576px){

.hero h1{

font-size:34px;

}

.hero-search{

flex-direction:column;

height:auto;

padding:15px;

gap:15px;

}

.hero-search input{

width:100%;

}

.hero-search button{

width:100%;

}

.hero-buttons{

flex-direction:column;

}

}