:root {
  --red: #d63a25;
  --white: #fff;
  --dark: #3b3b51;
  --black: #000;
  --background: #f2f8ff;
  --background2: #d2e7ff;
  --secondary: #3e8eec;
  --secondary2: #3FA3FF;
  --orange: #f3ab32;
  --gray: #e8e8e8;
  --background3: #f0f4f7;
  --footer: #256cc1;
  --error: #EF5252;
}

.svg1{
    background-color: var(--background3);
}

.about-story{
    width: 100%;
    margin-top: 48px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.about-story-container{
    max-width: 1312px;
    width: 100%;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.about-story-container-video{
    padding: 16px;
    width: 854px;
    height: 480px;
}

.about-story-container-video iframe{
    width: 100%;
    height: 100%;
}

.about-story-container-text{
    padding: 0px 24px;
}

.about-story-container-text-title{
    font-size: 2.5rem;
    color: var(--secondary2)
}

.about-story-container-text-sub-title{
    font-size: 2rem;
    font-weight: 500;
    margin: 24px 0px;
    color: var(--dark);
}

.about-story-container-text-p{
    font-size: 1.5rem;
    color: var(--dark);
    line-height: 2.125rem;
    font-weight: 300;
}

.about-story-container-video{
    margin-top: 40px;
}

.about-startup{
    margin-top: 160px;
    width: 100%;
    display: flex;
    justify-content: center;
}

.about-startup-container{
    max-width: 1312px;
    width: 100%;
    padding: 0px 100px;
    gap: 32px;
    justify-content: space-between;
    align-items: center;
    display: flex;
    margin-bottom: 100px;
    }

.about-startup-content-text-sub-title{
    font-size: 2.5rem;
    color: var(--dark);
}

.about-startup-content-text-title{
    font-size: 3.5rem;
    margin: 24px 0px;
    color: var(--secondary);
}

.about-startup-content-text-p{
    font-size: 1.5rem;
    width: 90%;
    line-height: 2.125rem;
}

.about-startup-image{
    max-width: 416px;
    width: 100%;
}

.about-joyce-container{
    background-color: var(--secondary);
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 24px;
    padding-bottom: 2px;
}


.about-joyce-content{
    display: flex;
    background-color: var(--secondary);
    max-width: 1312px;
    justify-content: space-around;
    align-items: center;
}

.about-joyce-text{
    max-width: 954px;
}

.about-joyce-sub-title{
    font-size: 2.5rem;
    color: var(--white);
    max-width: 604px;
    width: 100%;
}

.about-joyce-title{
    font-size: 3.5rem;
    margin-top: 12px;
    color: var(--white);
}

.about-joyce-text-p{
    font-size: 1.5rem;
    color: var(--white);
    line-height: 2rem;
    margin-top: 24px;
}

.about-joyce-image{
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-left: 32px;
}


.about-joyce-image-title{
    margin-top: 24px;
    margin-bottom: 16px;
    text-align: center;
    font-size: 2rem;
    color: var(--white);
}
.about-joyce-image-sub-title{
    font-size: 1.5rem;
    color: var(--white);
    max-width: 300px;
    text-align: center;
}

.svg-about-joyce-top{
    display: flex;
    margin-bottom: -2px;
}

.svg-about-joyce-bot{
    display: flex;
    margin-top: -2px;
}

.about-team{
    display: flex;
    width: 100%;
    justify-content: center;
    margin-bottom: 80px;
}

.about-team-container{
    display: flex;
    max-width: 1312px;
    justify-content: center;
    align-items: center;
    padding: 24px;
}

.about-team-sub-title{
    font-size: 2.5rem;
    color: var(--dark);
}

.about-team-title{
    font-size: 3.5rem;
    margin: 24px 0px;
    color: var(--secondary);
}

.about-team-p{
    font-size: 1.5rem;
    color: var(--dark);
    line-height: 2rem;
    margin-top: 24px;
}

.about-team-text{
    max-width: 864px;
}

.about-team-images{
    display: flex;
    margin-left: 32px;
    text-align: center;
    gap: 32px;
}
.about-team-geisse{
    width: 192px;
}
.about-team-jamilson{
    width: 192px;
}
.about-team-geisse-title,
.about-team-jamilson-title{
    font-size: 1.5rem;
    margin-top: 24px;
    color: var(--dark);
}

.about-team-geisse-sub-title,
.about-team-jamilson-sub-title{
    color: var(--secondary);
    margin-top: 16px;
    font-size: 1.5rem;
}

.download-image img{
    max-width: 288px;
}