/* //general styles */

:root{
    --primary-gold: #C3AB74;
    --primary-dark-blue: #344556;
    --light-gray: #F5F6FA;
    --medium-gray: #ABAFB5;
    --dark-gray: #7E8289;
}

*{
    margin: 0;
    padding: 0;
    font-family: 'Roboto', sans-serif;
}

.social-circle{
    border: 1px solid;
    border-radius: 50px;
    display: flex;
}


/* buttons */

.btn{
    border: 1px solid;
    padding: 18px 70px;
    border-radius: 0;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
}

.btn--gray{
    border-color: var(--light-gray);
    font-size: 15px;
    color: var(--light-gray);
}

.btn--gray:hover{
    background: var(--light-gray);
    color: var(--primary-dark-blue);
}

.btn--gold{
    border-color: var(--primary-gold);
    color: var(--primary-gold);
    font-size: 14px;
}

.btn--gold:hover{
    background: var(--primary-gold);
    color: var(--primary-dark-blue);
}

.btn--profile{
    border-color: var(--primary-gold);
    background: var(--primary-gold);
    color: #fff;
    font-size: 14px;
    padding: 12px 15px;
}

.btn--profile:hover{
    color: #fff;
}

/* titles */

.section-title{
    margin-bottom: 30px;
}

.section-title h2{
    text-align: center;
    font-weight: 700;
    font-size: 33px;
    line-height: 38.67px;
}

.section-title.blue h2{
    color: var(--primary-dark-blue);
}

.section-title.white h2{
    color: #fff;
}

.section-title .line{
    background: var(--primary-gold);
    width: 60px;
    height: 4px;
    margin: auto;
}

.section-title p{
    font-size: 15px;
    font-weight: 400;
    line-height: 22px;
    text-align: center;
    margin: 30px 0;
}

.section-title.white p{
    color: var(--medium-gray);
}

.title-intern h2{
    color: var(--primary-dark-blue);
    font-size: 48px;
    font-weight: 400;
    line-height: 56.25px;
    margin-bottom: 20px;
}