@media (min-width: 1200px) {
    .container {
        max-width: 1104px;
    }
}

.hero-gestor {
    position: relative;
    padding-top: 120px;
    padding-bottom: 120px;
    background: #2D2D2D;
    text-align: center;
}

@media (min-width: 992px) {
    .hero-gestor {
        text-align: initial;
        padding-top: 190px;
        padding-bottom: 167px;
    }
}

.hero-gestor-download {
    margin-top: 40px;
}

@media (min-width: 992px) {
    .hero-gestor-download {
        margin-top: 60px;
    }
}

.hero-gestor-img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.hero-gestor-img img {
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}

@media (min-width: 575px) {
    .hero-gestor-img img {
        width: 100%;
    }
}

@media (min-width: 1562px) {
    .hero-gestor-img img {
        height: auto;
    }
}

.hero-gestor .container {
    position: relative;
    z-index: 2;
}

.hero-gestor .h1 {
    margin-bottom: 24px;
    color: #fff;
}

@media (min-width: 992px) {
    .hero-gestor .h1 {
        margin-bottom: 38px;
    }
}

.hero-gestor p {
    font-size: 20px;
    line-height: 150%;
    color: #FFFFFF;
    mix-blend-mode: normal;
    text-shadow: 0 2px 26px rgba(0, 0, 0, 0.2);
}

@media (min-width: 992px) {
    .hero-gestor p {
        font-size: 24px;
    }
}

.hero-gestor .btn {
    margin-top: 22px;
}

@media (min-width: 992px) {
    .hero-gestor .btn {
        margin-top: 28px;
    }
}

.hero-after {
    text-align: center;
    background-color: #fff;
    max-width: 996px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    bottom: 57px;
    padding: 38px 20px 0;
}

.hero-after p {
    margin-bottom: 10px;
}

.content {
    font-size: 18px;
    line-height: 1.75;
    color: #2D2D2D;
    text-align: center;
}

@media (min-width: 992px) {
    .content {
        text-align: initial;
        font-size: 20px;
    }
}

.content-btn {
    margin-top: 32px;
}

@media (min-width: 992px) {
    .content-btn {
        margin-top: 64px;
    }
}

.content-image {
    margin-top: 32px;
}

@media (min-width: 992px) {
    .content-image {
        margin-top: 0;
    }
}

.content-image img {
    max-width: 100%;
}

.content .h2 {
    color: #ED1B2E;
    margin-bottom: 24px;
}

@media (min-width: 992px) {
    .content .h2 {
        margin-bottom: 40px;
    }
}

@media (min-width: 992px) {
    .content .row {
        align-items: center;
    }
    div:nth-child(even).content .row {
        flex-direction: row-reverse;
    }
}

@media (min-width: 992px) {
    .content .form-row {
        align-items: center;
    }
}

@media (min-width: 992px) {
    .content-status .content-image {
        position: relative;
        background-image: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 670 625'%3E%3Ccircle cx='335' cy='335' r='335' fill='%23C4C4C4' fill-opacity='.03'/%3E%3Ccircle cx='335' cy='335' r='271' fill='%23C4C4C4' fill-opacity='.08'/%3E%3Ccircle cx='335.5' cy='334.5' r='203.5' fill='%23C4C4C4' fill-opacity='.05'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
    }
    .content-status .content-image img {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
    .content-status-icons svg {
        position: absolute;
    }
    .content-status-icons svg:nth-child(1) {
        left: -40px;
        top: 20px;
    }
    .content-status-icons svg:nth-child(2) {
        right: -63px;
        top: 45px;
    }
    .content-status-icons svg:nth-child(3) {
        right: -66px;
        bottom: 64px;
    }
    .content-status-icons svg:nth-child(4) {
        left: -40px;
        bottom: 58px;
    }
    .content-status .content-text {
        padding-bottom: 50px;
    }
}

.content-control {
    background: #2D2D2D;
    color: #E2E8EE;
    padding-top: 60px;
}

@media (min-width: 992px) {
    .content-control {
        padding-top: 88px;
        background-image: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 664 510'%3E%3Cpath opacity='.03' d='M431.6 0H4.15C1.66 0 0 1.825 0 4.562c0 47.442 4.98 92.146 13.28 134.114.83 3.65 4.15 6.387 7.47 6.387h392.59c9.96 0 18.26 9.123 18.26 20.071 0 10.948-8.3 20.072-18.26 20.072H29.88c-2.49 0-4.98 2.737-4.15 6.386 9.96 34.669 23.24 66.601 39.01 95.796 1.66 2.737 4.15 4.562 6.64 4.562h341.96c9.96 0 18.26 9.123 18.26 20.071 0 10.949-8.3 20.072-18.26 20.072H99.6c-3.32 0-5.81 4.562-3.32 7.299C175.96 449.785 296.31 510 431.6 510 559.42 510 664 395.957 664 254.544 664 114.043 560.25 0 431.6 0Z' fill='url(%23a)'/%3E%3Cdefs%3E%3ClinearGradient id='a' x1='626.042' y1='254.465' x2='-453.894' y2='254.465' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23C4C4C4'/%3E%3Cstop offset='1' stop-color='%23C4C4C4' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: center left 45px;
        background-size: 664px 510px;
    }
    .content-control .content-image img {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
    .content-control .content-text {
        padding-bottom: 96px;
    }
}

.content-update {
    background: #FFF8F8;
    padding-top: 60px;
    padding-bottom: 60px;
    overflow: hidden;
}

@media (min-width: 992px) {
    .content-update {
        padding-bottom: 184px;
        padding-top: 184px;
    }
}

.content-update .content-image {
    margin-top: 60px;
}

@media (min-width: 992px) {
    .content-update .content-image {
        margin-top: 0;
    }
    .content-update .content-image img {
        max-width: none;
    }
}

/* why */
.why {
    overflow: hidden;
    margin-top: 60px;
    padding-bottom: 130px;
}

.why .h2 {
    margin-bottom: 45px;
}

.why .section-image {
    margin-top: 27px;
    text-align: center;
}

.why .section-image img {
    width: 325px;
}

.why .blockquote {
    margin-bottom: 0;
}

.why .blockquote .quote-icon {
    position: absolute;
    left: 16px;
    top: 60px;
}

.why .blockquote .blockquote-content {
    position: relative;
    z-index: 1;
}

.why .blockquote .text {
    font-weight: 500;
    font-size: 16px;
    line-height: 34px;
    margin-bottom: 5px;
    color: #2D2D2D;
}

.why .blockquote .author {
    font-size: 14px;
    line-height: 24px;
    color: #BDBDBD;
    margin-bottom: 3px;
}

.why-bg {
    background: #ED1B2E;
    border-radius: 4px;
    padding: 70px 24px 60px;
    text-align: center;
}

@media screen and (min-width: 992px) {
    .why .blockquote .blockquote-content {
        padding-right: 40px;
    }
    .why .section-image {
        height: 455px;
        overflow: hidden;
    }
}

@media screen and (max-width: 991px) {
    .why {
        margin-top: 0;
        padding-bottom: 60px;
        overflow: visible;
    }
    .why-bg {
        margin-top: 32px;
        padding: 40px 16px;
    }
    .why-bg .h2 {
        font-size: 28px;
    }
    .why .row > [class*='col-']:first-child {
        background-color: #F0F2F4;
        margin-bottom: 32px;
    }
    .why .section-image {
        background-position: -100px 59px;
        background-size: 430px;
        margin-top: 0;
        padding-top: 60px;
    }
    .why .h2 {
        margin-bottom: 38px;
    }
}