@media (min-width:768px) and (max-width:1024px){
.hero-content{
    padding:0 40px;
    gap: 32px;
}

.hero-content h1{
    font-size:70px;
    line-height:1.2;
}

.hero-content p{
    max-width:500px;
    font-size:16px;
}

.hero-btn{
    gap:20px;
}

.yellow-btn,
.white-btn{
    font-size:17px;
    padding:10px 24px;
}

.trusted{
    padding-top: 10px;
    gap:20px;
}

.trusted img{
    width:45px;
    height:45px;
}

.solution{
    padding:80px 30px;
    gap:32px;
}

.solution-heading h2{
    font-size:32px;
    line-height:1.25;
}

.solution-heading p{
    font-size:16px;
    line-height:1.6;
}

.solution-content{
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:40px;
}

.solution-content img{
    width:100%;
    max-width:650px;
    height:auto;
    position:static;
}

.feature-grid{
    width:100%;
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:24px;

    position:static;
    padding:0;
}

.feature-card1,
.feature-card2,
.feature-card3,
.feature-card4{
    width:100%;
    height:auto;
    padding:24px;
    box-sizing:border-box;
    transform:none;
}

.feature-card1:hover,
.feature-card2:hover,
.feature-card3:hover,
.feature-card4:hover{
    transform:translateY(-6px);
}

.feature-content{
    gap:12px;
}

.feature-content img{
    width:28px;
    height:28px;
}

.feature-content h3{
    font-size:19px;
}

.feature-card1 p,
.feature-card2 p,
.feature-card3 p,
.feature-card4 p{
    font-size:15px;
    line-height:1.6;
}

.service-grid {
    display: grid;
    grid-template-columns: repeat(2,1fr);
}

.service-heading h2 {
    font-size: 32px;
    line-height: 1.25;
}

.service-heading p {
    font-size: 16px;
    line-height: 1.6;
}

.our-work-heading h2 {
    font-size: 32px;
    line-height: 1.25;
}

.our-work-heading p {
    font-size: 16px;
    line-height: 1.6;
}

.our-work-grid{
    display:flex;
    flex-direction: column;
    gap:20px;
}

.our-work-card{
    width: 100%;
    height: auto;
}

.our-work-card img{
    display: block;
    width: 100%;
    pointer-events: none;
}

.our-work-card a{
    display: block;
}

.faq-home h2 {
    font-size: 32px;
    line-height: 1.25;
}

.home-question h4 {
    font-size: 18px;
}

.contact-heading h2 {
    font-size: 32px;
    line-height: 1.25;
}

.contact-heading p {
    font-size: 16px;
    line-height: 1.6;
}

.contact-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
}
}