@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');

body {
    max-height: 100%;
    background: #F1F5F9;
    color: #1E293B;
    font-family:Poppins,sans-serif
}

section.one{
    padding-top: 5.5rem;
    padding-bottom: 100px;    
    background: linear-gradient(rgba(42,119,30,0),rgba(6,126,179,.4));
}
.section-1 {
    margin-bottom: 50px;
}
.section-1 h2 {
    font-size: 1.125rem;
}
.section-1 h1 {
    letter-spacing: -.025em;
    line-height: 1.25;
    font-weight: 800;
}
.section-1 p {
    letter-spacing: -.025em;
    color: #64748B;
    font-size: 1.125rem;
}

.card-1 h3 {
    font-weight: 500;
    letter-spacing: -.025em;
    font-size: 22px;
    margin-bottom: 10px;
}
.card-1 p {
    font-size: 15px;
    color: #64748B;
}
.card-1 h4 { 
    font-size: 15px;   
    color: #64748B;
    font-weight: 600;
}
.card-1 .items {
    font-size:14px;
}
.card-1 .items i{
    color: #2c997f;
}
.card-2 .taxa {
    font-size: 14px;
}
.card-2 .total {
    font-size: 20px;
    font-weight: bold;
    color: #3A9A21;
}
.card-2 .info {
    font-size: 13px;
}
.card-2 small {
    font-size:11px;
}
.card {
    border-radius: 25px;
    border: none;
    padding: 15px;
    -webkit-box-shadow: 0px 0px 5px -1px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 0px 5px -1px rgba(0,0,0,0.1);
box-shadow: 0px 0px 5px -1px rgba(0,0,0,0.1);
}
section.two,
section.five{
    background: #FFF;
    padding: 60px 15px;
}

section.two h1,
section.four h1,
section.five h1{
    letter-spacing: -.025em;
    line-height: 1.25;
    font-size: 2rem;
    font-weight: 800;
}
section.two h3 {
    font-size: 1.125rem;
    color: #64748B;
}
section.two h4,
section.four h4{
    font-size: 1.125rem;
}
section.two p,
section.four p,
section.five p{
    line-height: 1.5rem;
    font-size: 15px;
    margin-top: 15px;
    color: #64748B;
}
section.two .icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 3rem;
    height: 100%;
    max-height: 3rem;
    border-radius: 8px;
    color: #FFF;
    background: 0 0/100% #2c997f;
    margin-bottom: 20px;
}

section.three {
    padding: 60px 15px;
    /* background: #2c997f; */
    /* background: rgb(218,243,237); background: linear-gradient(156deg, rgba(218,243,237,1) 0%, rgba(238,255,249,1) 100%); border: 1px solid #F5F9FA */
    background: #95C7DD;
}
section.three h1 {
    font-size: 1.4rem;
    color: rgb(0 0 0 / .7);
    font-weight: 800;
}
section.three h2 {
    font-size: 2rem;
    font-weight: 800;
}
section.three .btn-primary {
    background: #FFF;
    color: #2c997f;
}
section.three .btn-primary:hover{
    background: rgb(255 255 255 / .9);
}


section.four {    
    padding: 60px 15px;
}
label {
    font-weight: 600;
    font-size: 14px;
}

.btn {
    border-radius: 16px;
    padding: 12px 60px;
    font-size: 15px;
    font-weight: 500;
}
.btn-primary {
    background: #2c997f;
    border-color: #2c997f;
}
.btn-primary:hover {
    background: #25836d;
    border-color: #25836d;
}
.btn-check:checked + .btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check) + .btn:active {
    background: #1c6655;
    border-color: #1c6655;
}
.form-control, .form-select {
    border-radius: 16px;
    border-color: #CBD5E1;
    -webkit-box-shadow: 0px 0px 3px -1px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 3px -1px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 3px -1px rgba(0,0,0,0.3);
    height: 45px;
    font-size: 13px;
}
.form-control:focus,
.form-select:focus {
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none;
    border-color: #2c997f;
}

ul.step-wizard {
    list-style: none;
    display: flex;
    justify-content: space-between;
    padding: 0;
    margin-bottom: 20px;
    position: relative;
}

ul.step-wizard li {
    background-color: gray;
    color: #fff;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    cursor: pointer;
    position: relative;
    margin: 0;
    padding: 0;
}

ul.step-wizard li.active {
    background-color: #2c997f;
}

.is-invalid {
    color: var(--bs-danger);
}

label.is-invalid {
    font-size: 13px;
}

@media only screen and (max-width: 600px) {
    .prev-step,
    .next-step,
    .btn-submit {
        width: 100%;
        display: block;
    }
}

.receipt {
    box-shadow: 0 10px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19) !important;
}