.flex-layout.hero-contact-layout .pk-row {
    padding-block: 180px;
    position: relative;
}

.flex-layout.hero-contact-layout .heading-wrapper {
    padding-bottom: 1rem;
}

.flex-layout.hero-contact-layout .heading-wrapper h1 {
    font-size: var(--heading-1);
    max-width: 670px;
    width: fit-content;
}

.flex-layout.hero-contact-layout .subheading {
    color: var(--text-main);
    text-align: center;
}

.flex-layout.hero-contact-layout .read-more-link-wrapper {
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    position: absolute;
    right: 0;
    bottom: 20px;
}

.flex-layout.hero-contact-layout .hero-content-text {
    max-width: 630px;
    width: fit-content;
}

.flex-layout.hero-contact-layout .contact-info-title {
    padding-block: 65px 20px;
    ;
}

.flex-layout.hero-contact-layout .contact-info-items {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 40px;
}

.flex-layout.hero-contact-layout .contact-info-items .info-item a {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    border-bottom: 0.5px solid var(--blue-500);
    min-width: 320px;
    width: fit-content;
    padding-bottom: 1.5rem;
    color: var(--text-main);
}

.flex-layout.hero-contact-layout .contact-info-items .info-item a:hover {
    color: var(--blue-500);
}

@media screen and (max-width: 1200px) {
    .flex-layout.hero-contact-layout .subheading {
        text-align: left;
    }
}

@media screen and (max-width: 992px) {
    .flex-layout.hero-contact-layout .pk-row {
        padding-block: 100px;
    }

    .flex-layout.hero-contact-layout .subheading {
        padding-bottom: 1.5rem;
    }

    .flex-layout.hero-contact-layout .read-more-link-wrapper {
        padding-top: 1rem;
        align-items: flex-start;
        justify-content: flex-start;
    }

    .flex-layout.hero-contact-layout .contact-info-title {
        padding-block: 40px 20px;
    }
}

@media screen and (max-width: 767px) {
    .flex-layout.hero-contact-layout .pk-row {
        padding-block: 100px 60px;
    }

    .flex-layout.hero-contact-layout .read-more-link-wrapper {
        position: initial;
    }
}