/* Start global */
* {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}
/* End Global */

/* Start navbar */
@media (min-width: 992px) and (max-width: 1200px) {
    #sticky-header .navbar > a {
        text-align: left;
    }

    #sticky-header .navbar > a img {
        padding: 0 10px 0 0;
        width: 190px;
    }

    #sticky-header .navbar .t-header-btn a {
        padding: 10px 15px;
    }
}
/* End navbar */

/* Start home */
@media(min-width: 1400px) {
    #home .container {
        max-width: 1300px;
        padding: 0;
    }
}

#home {
    min-height: 0;
}

#home .bg-person {
    position: absolute;
    margin: auto;
    width: min-content;
    left: 0;
    right: 0;
    bottom: 0;
}

#home .bg-person img {
    height: 90%;
    width: auto;
}

.slider-content h2 {
    font: bold 46px 'Poppins', 'Lato', sans-serif;
    font-size: 2.875rem;
    line-height: 57.6px;
    line-height: 3.6rem;
    margin-bottom: 0;
}

.slider-content p, .slider-content .content-list span {
    font: normal 19px 'Inter', 'Poppins', sans-serif;
    font-size: 1.1875rem;
}

@media(max-width: 400px) {
    .slider-content h2 {
        font-size: 32px;
        font-size: 2rem;
    }

    .slider-content p, .slider-content .content-list span {
        font-size: 16px;
        font-size: 1rem;
    }
}

.slider-content .content-list span {
    margin: 20px 0 10px 0;
    display: block;
}

.slider-content .content-list span img {
    margin-right: 15px;
}

.front-form {
    background: #fff;
    padding: 25px;
    border-radius: 18px;
    max-width: 415px;
    margin-left: auto;
}

.front-form p {
    color: #091D33;
    font: bold 24px 'Lato', 'Poppins', sans-serif;
    text-align: center;
}

.front-form p span {
    color: #2975AB;
    text-decoration: underline;
}

.front-form :is(input, select) {
    padding: 10px 15px;
    width: 100%;
    height: auto;
    font: 16px 'Lato', 'Poppins', sans-serif;
    border: 1px #CCCCCC solid;
    border-radius: 4px;
    margin-top: 25px;
}

.front-form input#company {
    margin: 0;
}

.front-form input::placeholder {
    font-weight: 600;
}

.front-form .loader {
    margin: 0 auto 10px auto;
    width: 25px;
    height: 25px;
    border: 3px solid #093474;
    border-top: 3px solid transparent;
    border-radius: 100%;
    animation: spin 0.6s linear infinite;
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

.front-form .success-message {
    margin: 10px 0;
    padding: 5px 16px;
    background: rgb(209, 231, 221);
    color: rgb(10, 54, 34);
    border: 2px solid rgb(163, 207, 187);
    border-radius: 6px;
    font: 600 16px 'Poppins', 'Lato', 'Inter', sans-serif;
    font-size: 1rem;
}

.front-form .warning {
    margin-top: 25px;
    padding: 5px 16px;
    background: rgb(255, 243, 205);
    color: rgb(102, 77, 3);
    border: 2px solid rgb(255, 230, 156);
    border-radius: 6px;
    font: 600 16px 'Poppins', 'Lato', 'Inter', sans-serif;
    font-size: 1rem;
}

.front-form .header-warning {
    margin-bottom: 15px;
}

.front-form .terms-warning {
    margin: 0;
}

.front-form div {
    display: flex;
    align-items: flex-start;
    margin-top: 10px;
}

.front-form div .terms {
    width: 40px;
    height: 18px;
    margin: 3px 10px 0 0;
}

.front-form div .terms + label {
    display: inline;
    font: normal 12px 'Inter', 'Poppins', sans-serif;
    color: #212121;
}

.front-form button {
    width: 100%;
}

.front-form .form-comment {
    display: block;
    margin-top: 5px;
    font: normal 12px 'Inter', 'Poppins', sans-serif;
    color: #212121;
    text-align: right;
}
/* End Home */

/* Start fist call to action section */
#falar-com-especialista {
    padding: 80px 0 50px 0;
}

#falar-com-especialista .row picture {
    display: block;
}

#falar-com-especialista .row picture img {
    width: 100%;
    height: auto;
    margin: 0 20px 0 0;
}

#falar-com-especialista .row .content-div h3 {
    font: bold 32px 'Poppins', 'Lato', sans-serif;
    font: bold 2rem 'Poppins', 'Lato', sans-serif;
    line-height: 49.5px;
    line-height: 3rem;
    color: #3D486A;
}

#falar-com-especialista .row .content-div h3 .text-highlight {
    display: inline-block;
    padding: 5px 10px;
    color: #fff;
    background-color: #1A4789;
    border-radius: 13px;
}

#falar-com-especialista .row .content-div p {
    font: normal 18px 'Lato', 'Poppins', sans-serif;
    font: normal 1.125rem 'Lato', 'Poppins', sans-serif;
    line-height: 34.6px;
    line-height: 2.1625rem;
    color: #444652;
}

@media(max-width: 576px) {
    #falar-com-especialista .row picture img {
        margin: 0;
    }
}
/* End fist call to action section */

/* Start features */
#features {
    background: #EFEFEF;
    padding: 70px 0;
}

#features .inner-title {
    margin-bottom: 50px;
}

#features .inner-title h2 {
    font: bold 43.2px 'Lato', 'Poppins', sans-serif;
    font-size: 2.7rem;
    color: #144272;
    text-align: center;
}

#features .inner-title h2 span {
    display: inline;
    font: bold 43.2px 'Lato', 'Poppins', sans-serif;
    font: bold 2.7rem 'Lato', 'Poppins', sans-serif;
    color: #2975AB;
    text-transform: none;
}

#features .t-single-features {
    background-color: #fff;
    padding: 30px;
    border: #E6E5EA 1px solid;
    border-radius: 16px;
    box-shadow: 0 2px 4px #00000066;
    height: 395px;
}

#features .t-single-features h2 {
    font-size: 1.1em;
    font-weight: 600;
}

#features .t-single-features p {
    font: normal 18px 'Lato', 'Poppins', sans-serif;
    font: normal 1.125rem 'Lato', 'Poppins', sans-serif;
    line-height: 2;
    color:#303a4a;
}

#features .btn {
    margin: 0 15px;
    width: 100%;
    font: bold 24px 'Poppins', 'Lato', 'Inter', sans-serif;
    font-size: 1.5rem;
    text-transform: uppercase;
    transition: 200ms ease-in-out;
}

#features .btn:hover {
    background-color: #091D33;
}
/* End features */

/* Start metrics */
#metrics {
    padding: 50px 0;
    background: #093474;
}

#metrics .single-fact :is( h2, span ) {
    color: #fff;
    font-family: 'Poppins', 'Lato', 'Inter', sans-serif;
}
/* End metrics */

/* Start system functions */
#system-functions .inner-title h2 {
    color: #3d486a;
}
/* End system functions */

/* Start segments */
#segments h3 {
    color: #3D486A;
}

#segments .col-md-6 {
    margin: 20px 0;
}

#segments .segment-item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 10px;
    padding: 20px 15px;
    height: 100%;
    background: #fff;
    border: 1px solid #E6E5EA;
    border-radius: 16px;
    box-shadow: 0 2px 4px #00000012;
}

#segments .segment-item img {
    height: 64px;
    width: auto;
    margin-bottom: 15px;
}

#segments .segment-item h4 {
    font: bold 17.6px 'Poppins', 'Lato', 'Inter', sans-serif;
    font: bold 1.1rem 'Poppins', 'Lato', 'Inter', sans-serif;
}

#segments .segment-item p {
    line-height: 24px;
    line-height: 1.5rem;
}
/* End segments */

/* Start blog */
#blog .inner-title h2 {
    font: bold 32px 'Inter', 'Poppins', 'Lato', sans-serif;
    font-size: 2rem;
    color: #144272;
}

#blog .post {
    background-color: #F4F4F4;
    border-radius: 16px;
    margin-bottom: 30px;
    padding-bottom: 10px;
}

#blog .post img {
    width: 100%;
    height: auto;
}

#blog .post h3 {
    margin: 15px;
    font: bold 20px 'Inter', 'Poppins', 'Lato', sans-serif;
    font-size: 1.25rem;
    color: #091D33;
}

#blog .post p {
    margin: 15px;
    font: 400 16px 'Inter', 'Poppins', 'Lato', sans-serif;
    font-size: 1rem;
    color: #212121;
}

#blog .post a {
    margin: 20px 25px;
    padding: 10px 0;
    text-align: center;
    display: block;
    font: bold 18px 'Poppins', 'Lato', 'Inter', sans-serif;
    font-size: 1.125rem;
    text-transform: capitalize;
    background-color: #205295;
    color: #fff;
    border-radius: 5px;
    transition: 300ms ease-in-out;
}

#blog .post a:hover {
    background-color: #093474;
}
/* End blog */

/* Start call to contact */
#call-to-contact .row {
    margin-top: 50px;
    max-height: 250px;
    background-color: #1A4789;
    border-radius: 22px;
}

#call-to-contact .row .person {
    height: 293px;
    margin: -32px 0 0 auto;
    background: #093474;
    border-radius: 19px;
}

#call-to-contact .row .person picture {
    display: flex;
    justify-content: center;
    height: 325px;
    width: auto;
    transform: scaleX(-1) translate(0, -32px);
}

#call-to-contact .row .person img {
    height: 100%;
    width: auto;
}

#call-to-contact .row .contact-content {
    height: 210px;
    margin: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

#call-to-contact .row .contact-content p {
    font: bold 36px 'Poppins', 'Lato', 'Inter', sans-serif;
    font-size: 2.25rem;
    line-height: 49.5px;
    line-height: 3rem;
    color: #fff;
}

#call-to-contact .row .contact-content a {
    width: 100%;
    padding: 10px 0;
    display: block;
    text-align: center;
    font: bold 24px 'Poppins', 'Lato', 'Inter', sans-serif;
    font-size: 1.5rem;
    color: #fff;
    background: #00C47E;
    border-radius: 5px;
    transition: 300ms ease-out;
}

#call-to-contact .row .contact-content a:hover {
    background: #008557;
}

@media(max-width: 992px) {
    #call-to-contact {
        margin: 0 20px;
    }

    #call-to-contact .row {
        height: auto;
        max-height: none;
    }

    #call-to-contact .row .person {
        border-radius: 19px 19px 0 0;
    }

    #call-to-contact .row .contact-content {
        height: auto;
        margin: 0;
        padding: 20px 35px 40px;
        text-align: center;
    }
}

@media(max-width: 576px) {
    #call-to-contact .row .contact-content p {
        font-size: 26px;
        font-size: 1.625rem;
        line-height: 36px;
        line-height: 2.25rem;
    }
}
/* End call to contact */

/* Start landing page customs */
/* Mechanic landing page */
.mechanic-lp :is(header, #home, #metrics, #call-to-contact .row) {
    background: #001355;
}

.mechanic-lp #home h2 .highlight {
    padding: 3px 6px 3px 4px;
    display: inline-block;
    background: #fff;
    line-height: 44px;
    line-height: 2.75rem;
    color: #3D3D3D;
    border-radius: 10px;
}

.mechanic-lp #home h2 .highlight picture {
    display: inline-block;
    width: min-content;
    margin-right: -6px;
}

.mechanic-lp #home h2 .highlight img {
    height: 50px;
    vertical-align: bottom;
}

.mechanic-lp #home h2 > picture > img {
    margin-left: -15px;
    height: 49px;
    vertical-align: bottom;
}

.mechanic-lp #falar-com-especialista .row {
    row-gap: 80px;
}

/* Mechanic landing page */
.construction-lp :is(#home, #metrics, #call-to-contact .row) {
    background: #16264d;
}

.construction-lp #call-to-contact .row .person {
    background: #091637;
}

.construction-lp #falar-com-especialista .row {
    row-gap: 80px;
}

.construction-lp .slider-content :is(h2, p) {
    text-shadow: #16264d 1px 0 6px, #16264d 1px 1px 6px, #16264d -1px 0 6px, #16264d -1px 1px 6px, #16264d -1px -1px 6px, #16264d 1px -1px 6px, #16264d 1px 0 0px;
}

.construction-lp .slider-content h2 {
    font-size: 38px;
    font-size: 2.375rem;
}

/* Industry landing page */
.industry-lp :is(header, #home, #metrics, #call-to-contact .row) {
    background: #2D2D2D;
}

.industry-lp #home form p.sub-text {
    font-size: 16px;
    font-size: 1rem;
}

.industry-lp #home form .divided-fields {
    margin-top: 25px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.industry-lp #home form .divided-fields :is(input, select) {
    width: 48%;
    margin: 0;
    background: #fff;
}

.industry-lp #home form .divided-fields span {
    width: 100%;
}

.industry-lp #falar-com-especialista .row {
    row-gap: 80px;
}

.industry-lp #metrics .row h2 {
    font-size: 55px;
    font-size: 3.43rem;
}

.industry-lp #call-to-contact .row .person {
    background: #000000;
}

@media(max-width: 576px) {
    .industry-lp #home form .divided-fields {
        margin: 0;
        flex-wrap: nowrap;
        flex-direction: column;
    }

    .industry-lp #home form .divided-fields :is(input, select) {
        margin-top: 25px;
        width: 100%;
    }
}
/* End landing page customs */

/* Start blog page */
#blog-page .breadcrumb-area.breadcrumb-bg {
    background: #093474;
    padding: 170px 0 80px 0;
    margin-bottom: 50px;
}

#blog-page .breadcrumb-area.breadcrumb-bg::before {
    display: none !important;
}

#blog-page .breadcrumb-area.breadcrumb-bg h2, #blog-page .breadcrumb-area.breadcrumb-bg .breadcrumb-item.active {
    color: #fff;
}

#blog-page .breadcrumb-area.breadcrumb-bg .breadcrumb-wrap :is(.breadcrumb li a, .breadcrumb-item + .breadcrumb-item::before) {
    color: #ddd;
}

#blog-page .breadcrumb-area.breadcrumb-bg .breadcrumb-wrap .breadcrumb li a {
    text-decoration: underline;
}

#blog-page .breadcrumb-area.breadcrumb-bg .breadcrumb-item.active {
    color: #fff;
}
/* End blog page */

/* Start system functions */
#system-functions .inner-title h2 {
    font-size: 32px;
    font-size: 2rem;
}


#system-functions .choose-content p {
    font-size: 18px;
    font-size: 1.125rem;
}
/* End system functions */