/*title-one*/
.title-one {
    .upper-title {
        color: $theme-color;
        font-size: 14px;
        font-weight: 700;
        font-family: $latoFont;
        line-height: 35px;
        letter-spacing: 0.56px;
        text-transform: uppercase;
        margin-bottom: 21px;
        border: 1.5px solid $theme-color;
        border-radius: 50px;
        padding: 0 19px;
        display: inline-block;
    }

    .title {
        font-size: 72px;
        line-height: 1;
        font-family: $poppinsFont;
        font-weight: 600;
        margin-bottom: 24px;
        letter-spacing: -1.44px;
    }


    @media #{$max-laptop} {
        .title {
            font-size: 55px;
        }

    }

    @media #{$max-lg} {
        .title {
            font-size: 45px;
        }

    }

    @media #{$max-md} {
        .title {
            font-size: 32px;
        }
    }
}

.description-text {
    font-size: 22px;
    line-height: 38px;
    font-family: $latoFont;

    @media #{$max-xl} {
        font-size: 20px;
        line-height: 34px;
    }

    @media #{$max-md} {
        font-size: 18px;
        line-height: 32px;
    }
}



//cta-title
.cta-title {
    font-size: 82px;
    font-weight: 600;
    font-family: $poppinsFont;
    line-height: 1.1;

    @media #{$max-laptop} {
        font-size: 55px;
    }

    @media #{$max-md} {
        font-size: 32px;
    }
}

.semi-title {
    color: $title;
    font-size: 50px;
    font-weight: 600;
    font-family: $poppinsFont;
    line-height: 1.1;
    letter-spacing: -1px;

    @media #{$max-laptop} {
        font-size: 36px;
    }

    @media #{$max-lg} {
        font-size: 28px;
    }

}

.contact-title {
    color: $title;
    font-family: $poppinsFont;
    font-size: 32px;
    font-weight: 600;
    line-height: 1.25;
    letter-spacing: -0.64px;
}