@media (max-width:1535px) {
    .service-card-info h3 {
        font-size: 24px;
    }

    .process-list .process-number span {
        font-size: 18px;
    }

    .process-list .process-number h4 {
        font-size: 20px;
    }

    .process-list .process-number {
        padding: 12px 20px;
    }

    .process-list {
        gap: 16px;
    }

    .process-list li {
        padding-right: 16px;
    }

    .process-list li p {
        font-size: 14px;
    }
}

@media (max-width:1279px) {
    .service-card-info {
        padding: 20px;
    }

    .service-hover p {
        font-size: 16px;
        line-height: normal;
    }

    .service-card-info .service-hover ul {
        font-size: 14px;
    }

    .service-card-info h3 {
        font-size: 20px;
    }

    .service-card {
        height: 450px;
    }

    .process-list .process-number h4 {
        font-size: 17px;
    }

    .process-list li.step2 {
        padding-top: 60px;
    }

    .process-list li.step3 {
        padding-top: 160px;
    }

    .process-list li.step4 {
        padding-top: 260px;
    }

    .custom-cta-area {
        padding: 40px;
    }
}

@media (max-width:1023px) {
    .process-list {
        row-gap: 24px;
    }

    .process-list li {
        padding-top: 0px !important;
    }

    .custom-cta-area {
        background-size: contain;
        padding: 30px;
    }
}

@media (max-width: 767px) {
    .service-card {
        height: 400px;
    }

    .process-list {
        gap: 40px;
    }

    .process-list li {
        padding-right: 0px;
    }

    .process-list li::after {
        display: none;
    }

    .custom-cta-area {
        padding: 24px;
        text-align: center;
        background: #FFA500;
    }

    .service-hover p {
        font-size: 14px;
        margin-bottom: 10px;
    }

    .service-card-info .service-hover ul {
        margin-bottom: 10px;
    }
}