/* about */
#about{
    height: auto;
    width: 100%;
    color: var(--color-primary-dark);
    position: relative;
}
 
.about .section-subtitle {
    margin-top: 1rem;
    margin-bottom: 0.3rem;
    width: 100%;
    font-weight: 600;
    font-size: var(--section-subtitle-font-size);
}
.about-div{
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
#about .about-div p:nth-of-type(1){
    margin-bottom: 1rem;
}
.about .section-head{
    margin-bottom: 0;
}

.about-subtitle{
    margin-top: 1.75rem;
    margin-bottom: 0.5rem;
    width: 100%;
    font-size: var(--font-size-md);
    text-align: left;
    font-weight: 600;
}

.about-div .des,
.about-div ul li{
    font-weight: 300;
    font-size: var(--font-size-sm);
    color: var(--color-text-secondary);
    line-height: 1.65;
    text-align: left;
   /* text-align: justify;
    text-justify: inter-word; */
}
.about-div ul li{
    margin-bottom: 0.5rem;
}
.about-div ul{
    margin: 1rem 0 1rem 1rem;
}

.about-div ul li strong{
    font-weight: 500;
}

 .about .left-content .subtitle{
    margin-top: 1rem;
    font-size: 1.2rem;
 }
 .about .left-content .connect-div:not(:last-child){
    margin: 1rem 0;
 }
 .about .left-content .connect-div{
    display: flex;
    align-items: center;

 }

 .about .left-content .connect-div .icon{
    font-size: 2rem;
    margin-right: 1rem;
 }
 .about .right-content{
    border: 2px solid red;
    width: 40%;
    display: flex;
    justify-content: center;
 }