#section-about-intro {margin-bottom: 120px; padding-top: 40px;}
.about-intro-left {float: left; width: 50%; padding-right: 2.5%;}
.about-intro-right {float: left; width: 50%; padding-left: 2.5%; font-size: 16px; font-weight: 600;}
#section-about-intro .section-title {position: relative; max-width: 400px; font-size: 48px; line-height: 1em;}
.title-decor-blue {position: absolute; top: -32px; left: -33px; background: url('../images/title-decor-blue.png') no-repeat 0 0; width: 33px; height: 32px;}

#section-dica-feature {margin-bottom: 120px;}
#section-dica-feature .section-title2 {font-size: 29px; padding-bottom: 20px; position: relative; margin-bottom: 40px; text-align: center;}
.dica-feature-list {display: flex; justify-content: space-evenly;}
.dica-feature-item {width: 20%;}
.dica-feature-item-inner {padding-left: 5%; padding-right: 5%;}
.dica-feature-image {position: relative; background-repeat: no-repeat; background-position: center center; height: 170px; width: 100%; border-radius: 15px 50px 0 50px; overflow: hidden; border: 1px solid #77d4f6; margin-bottom: 30px;}
.dica-feature-number-box {background-color: #0073b5; width: 33px; height: 33px; position: absolute; top: 0; left: 0; border-radius: 0 0 15px 0;}
.dica-feature-number {font-size: 12px; color: #FFF; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-weight: 600;}
.dica-feature-desc {font-size: 18px; color: var(--blue); padding: 0 5% 0 5%; line-height: 1.1em;}

#section-about-vision-mission {margin-bottom: 20px;}
#section-about-vision-mission .section-title {position: relative; padding-bottom: 30px; font-size: 34px; font-weight: 500;}
.vision-mission-box {background: url('../images/decor-vision-mission2.png') no-repeat top right; background-color: #f0f7fb; border-radius: 20px 100px 20px 100px; padding: 140px 10% 140px 10%; display: flex; position: relative;}
.vision-mission-left {width: 50%; padding-right: 2.5%;}
.vision-mission-right {width: 50%; padding-left: 2.5%; font-size: 22px; font-weight: 600; line-height: 1.2em;}
#section-about-vision-mission .section-title-small-border {transform: none; left: 0; max-width: 65px;}
.title-decor-dark-blue {position: absolute; top: -32px; left: -33px; background: url('../images/title-decor-dark-blue.png') no-repeat 0 0; width: 33px; height: 32px;}
.vision-mission-box-decor {position: absolute; width: 61px; height: 62px; background: url('../images/decor-vision-mission.png') no-repeat 0 0; left: 5%; bottom: 45px;}

@media screen and (max-width: 1000px) {
    #section-about-intro .section-title {font-size: 45px;}
    .about-intro-right {font-size: 15px;}
    .dica-feature-desc {font-size: 17px;}
}

@media screen and (max-width: 900px) {
    #section-about-intro .section-title {font-size: 42px;}
    .about-intro-right {font-size: 14px;}
    .dica-feature-desc {font-size: 16px;}
}

@media screen and (max-width: 800px) {
    #section-about-intro .section-title {font-size: 39px;}
    .about-intro-right {font-size: 13px;}
    .dica-feature-desc {font-size: 15px; text-align: center;}
    .dica-feature-list {flex-wrap: wrap;}
    .dica-feature-image {margin-bottom: 10px;}
    .dica-feature-item {width: 33.33%; margin-bottom: 30px;}
}

@media screen and (max-width: 700px) {
    #section-about-intro .section-title {font-size: 36px;}
}

@media screen and (max-width: 600px) {
    .about-intro-left {float: none; margin-bottom: 30px; padding-right: 0; width: 100%; text-align: center;}
    .about-intro-right {float: none; padding-left: 0; width: 100%;}
    #section-about-intro .section-title {font-size: 45px; margin: auto; display: inline;}
    .about-intro-right {font-size: 15px;}
    .dica-feature-item {width: 50%; max-width: 200px; margin-bottom: 30px;}
    .dica-feature-image {background-size: unset; margin-bottom: 10px;}
    .dica-feature-desc {font-size: 18px;}
    .vision-mission-box {flex-direction: column;}
    .vision-mission-left {width: 100%; padding-right: 0; margin-bottom: 60px; text-align: center;}
    #section-about-vision-mission .section-title {margin: auto; display: inline;}
    .vision-mission-right {width: 100%; padding-left: 0; text-align: center;}

    #section-about-intro {margin-bottom: 100px;}

    #section-about-vision-mission .section-title-small-border {transform: translateX(-50%); left: 50%;}
}

@media screen and (max-width: 550px) {
    #section-about-intro .section-title {font-size: 42px;}
    .about-intro-right {font-size: 14px;}
    .dica-feature-desc {font-size: 17px;}
    .vision-mission-right {font-size: 21px;}
    #section-about-intro {margin-bottom: 80px;}
    #section-about-vision-mission .section-title {font-size: 32px;}
}

@media screen and (max-width: 500px) {
    #section-about-intro .section-title {font-size: 39px;}
    .about-intro-right {font-size: 13px;}
    .dica-feature-desc {font-size: 16px;}
    .vision-mission-right {font-size: 20px;}
    #section-about-vision-mission .section-title {font-size: 30px;}
    #section-about-intro {margin-bottom: 60px;}
}

@media screen and (max-width: 450px) {
    #section-about-intro .section-title {font-size: 36px;}
    #section-about-intro {margin-bottom: 40px;}
    .vision-mission-right {font-size: 19px;}
    #section-about-vision-mission .section-title {font-size: 28px;}
}

@media screen and (max-width: 400px) {
    #section-about-intro .section-title {font-size: 33px;}
    .vision-mission-right {font-size: 18px;}
    #section-about-vision-mission .section-title {font-size: 26px;}
}

@media screen and (max-width: 350px) {
    .dica-feature-item {width: 100%;}
    .vision-mission-right {font-size: 17px;}
    #section-about-vision-mission .section-title {font-size: 24px;}
}