.section1 {
    padding-top: clamp(50px, 10rem, 100px);
    padding-bottom: clamp(100px, 20rem, 200px);
}

.section1 .container * {
    max-width: 840px;
}

.section1 .title {
    margin-bottom: clamp(10px, 2rem, 20px);
}

.section1 .heading1 {
    margin-bottom: clamp(40px, 8rem, 80px);
}

.section1 .category {
    font-size: clamp(11px, 2.2rem, 22px);
}

.section1 .description,
.section1 .category {
    margin-bottom: clamp(15px, 3rem, 30px);
}

.section1 .main-btn {
    margin-top: clamp(20px, 4rem, 40px);
    background-color: var(--white);
    border-color: var(--white);
}

@media (min-width: 992px) {
    .section1:before {
        content: "";
        position: absolute;
        right: 0;
        top: clamp(100px, 20rem, 200px);
        width: clamp(125px, 25rem, 250px);
        height: 100%;
        background-image: url('/wp-content/uploads/2024/04/logo-vertical-2.svg');
        background-size: contain;
        background-repeat: no-repeat;
        background-position: right top;
    }
}

@media (max-width: 767px) {
    .section1 {
        padding-bottom: 10rem;
    }

    .section1 .main-btn {
        margin-top: 2rem;
    }
}