/* Minification failed. Returning unminified contents.
(5,17): run-time error CSS1039: Token not allowed after unary operator: '-black-title'
(7,23): run-time error CSS1039: Token not allowed after unary operator: '-font-semi-bold'
(15,17): run-time error CSS1039: Token not allowed after unary operator: '-black-title'
(32,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-normal'
(38,17): run-time error CSS1039: Token not allowed after unary operator: '-black-title'
(40,23): run-time error CSS1039: Token not allowed after unary operator: '-font-medium'
(46,28): run-time error CSS1039: Token not allowed after unary operator: '-black-background'
(47,24): run-time error CSS1039: Token not allowed after unary operator: '-black-background'
(51,17): run-time error CSS1039: Token not allowed after unary operator: '-white-text'
(54,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-normal'
(55,24): run-time error CSS1039: Token not allowed after unary operator: '-primary-normal'
(58,17): run-time error CSS1039: Token not allowed after unary operator: '-black-text'
 */
#about {
    padding: 90px 0 150px 0;
}
#about .title {
    color: var(--black-title);
    font-size: 1.625rem;
    font-weight: var(--font-semi-bold);
    margin-bottom: 30px;
}
#about .subtitle {
    font-size: .875rem;
    margin-bottom: 1rem;
}
#about .subtitle:first-child {
    color: var(--black-title);
    font-size: 1.125rem;
}
#about .subtitle:last-child {
    margin: 0;
}
/* SEGMENT AREA */
#about .segment-area {
    margin: 100px 0 150px 0;
}
#about .segment-area .segment-box {
    border: 1px solid #DADADA;
    height: 100%;
    margin-bottom: 1.125rem;
    padding: 25px 50px;
}
#about .segment-area .segment-box .segment-icon {
    color: var(--primary-normal);
    height: auto;
    margin-bottom: 1.75rem;
    width: 2rem;
}
#about .segment-area .segment-box .segment-title {
    color: var(--black-title);
    font-size: 1.125rem;
    font-weight: var(--font-medium);
}
#about .segment-area .segment-box .segment-text {
    font-size: 0.875rem;
}
#about .segment-area .segment-box.alt-1 {
    background-color: var(--black-background);
    border-color: var(--black-background);
}
#about .segment-area .segment-box.alt-1 .segment-title,
#about .segment-area .segment-box.alt-1 .segment-text {
    color: var(--white-text);
}
#about .segment-area .segment-box.alt-2 {
    background-color: var(--primary-normal);
    border-color: var(--primary-normal);
}
#about .segment-area .segment-box.alt-2 .segment-text {
    color: var(--black-text);
}
/* END SEGMENT AREA */
/* CAROUSEL */
#about .item-image {
    display: block;
    margin: auto;
    width: 200px;
}
#about .item-image .img-fluid {
    filter: grayscale(100%);
    margin: auto;
    opacity: 0.5;
    transition: 0.15s all ease-in-out;
    width: 150px;
}
#about .item-image:hover .img-fluid {
    filter: grayscale(0%);
    opacity: 1;
}
/* END CAROUSEL */