/*----------------------------------------------------------------

	Template Name: Rainfo - Minimal Creative Portfolio for Freelancers & Agencies 
	Version: 1.0

-------------------------------------------------------------------------*/

/* ---- Header CTA button ---- */
.header-cta-btn-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.header-cta-btn {
    display: inline-flex;
    align-items: center;
    background: #8BD4DD;
    color: #fff !important;
    font-size: 1.2em;
    font-weight: 600;
    padding: 12px 26px;
    border-radius: 4px;
    text-decoration: none !important;
    white-space: nowrap;
    transition: background 0.2s;
    letter-spacing: 0.02em;
}

.header-cta-btn:hover {
    background: #6bbfc9;
    color: #fff !important;
}

/* ---- Homepage hero text readability ---- */
.mobile-title1,
.mobile-title2,
.mobile-title3 {
    text-shadow: 0 2px 12px rgba(0, 0, 0, 0.4), 0 1px 3px rgba(0, 0, 0, 0.25);
}