/*--------------------------------------------------------------
# Call to action - variant 2
--------------------------------------------------------------*/

.cta-02 {
    display: flex;
    gap: 2rem;
}

/* Cta 02 - headings */
.cta-02 h2 {
    font-weight: 600;
}

/* Cta 02 - content */

.cta-02 .cta-content {
    display: block;
}
.cta-02 .cta-content-inner {
    display: flex;
    gap: 2rem;
    margin: 2rem 0;
}


/*--------------------------------------------------------------
# Call to action - combined styles
--------------------------------------------------------------*/

.cta h3,
.cta-02 h3 {
    font-size: 1.05rem;
}


/*--------------------------------------------------------------
# Call to action content
--------------------------------------------------------------*/

.cta-content {
    display: flex;
    justify-content: center;
    gap: 2rem;
    font-size: 0.85rem;
}
.cta-content.top {
    margin-top: 25px;
}
.cta-content.bottom {
    margin-bottom: 25px;
}


/*--------------------------------------------------------------
# Call to action image
--------------------------------------------------------------*/

.cta-image {
    width: 12rem;
    height: 12rem;
    margin: 25px auto
}
.cta-image.no-top {
    margin-top: 0;
}
.cta-image.no-bottom {
    margin-bottom: 0;
}



/* Call to action image utility classes */

.cta-image.no-spacing {
    margin: 0;
}


/*--------------------------------------------------------------
# Call to action content item
--------------------------------------------------------------*/

.cta-content-item {
    display: flex;
    align-items: center;
    font-weight: 600;
    gap: 0.6rem;
}

.cta-content-item svg {
    width: 1.25rem;
    height: 1.25rem;
}

.cta-content-item span {
    display: inline-block;
    padding-top: 2px;
}

/*--------------------------------------------------------------
# Call to action contact text
--------------------------------------------------------------*/

.cta-contact-text {
    text-transform: uppercase;
}
.cta-contact-text p {
    width: 200px;
    font-weight: 400;
    font-size: 0.925rem;
    margin: 1.5rem auto 0 auto;
}


/*--------------------------------------------------------------
# Media querys
--------------------------------------------------------------*/

@media all and (max-width: 768px) {


    .cta-content-item {
        flex-direction: column;
    }

}

@media all and (max-width: 575px) {

    .cta-02 {
        flex-direction: column;
        align-items: center;
    }

}