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

section {
    background: url("../img-layout/back-svg.svg") no-repeat;
    background-position: bottom;
    background-position-x: right;
}

/*!* -------- HEADER BEGIN--------- *!*/
.command header {
    height: 150px;
    margin-bottom: 30px;
}

* {
    font-family: Montserrat;
}

.command header .background {
    display: flex;
    flex-direction: row;
    background-image: url('../img-layout/Object.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
    align-items: center;
    height: 150px;
}

.card-pix {
    padding: 10px;
}

.dado-pix {
    padding-bottom: 5px;
}

.align-items-text-center {
    display: flex;
    align-items: center;
    justify-content: center
}

.container-logo {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.container-logo img {
    width: 53px;
    border-radius: 2px;
    height: 53px
}

.container-logo h3 {
    font-family: Montserrat;
    font-weight: bold;
    font-size: 23px;
    line-height: 24px;

    color: #FFFFFF;
}

.container-logo span {
    font-family: Montserrat;
    color: #FFFFFF;
    font-size: 14px;
}

/*!* -------- HEADER END--------- *!*/


/*-----------------style global--------------- */


/*!* -------- SECTION BEGIN--------- *!*/


.container-main {
    display: flex;
    justify-content: space-around;
    margin-bottom: 30px;
}

.command .align-items {
    align-items: center;
    justify-content: center;
    display: flex;
    flex-direction: column;
}

.align-items label {
    font-size: 14px;
    line-height: 17px;
    margin-bottom: 10px;
}


.align-items input {
    text-align: center;
    font-size: 38px;
    background: #FFFFFF;
    border: 1px solid #F27405;
    box-sizing: border-box;
    border-radius: 10px;
    width: 148px;
    height: 148px;
}

.container-input {
    display: flex;
    align-items: center;
    width: 100%;
    flex-direction: column;

}

.form {
    width: 81%;
}

.form-placa {
    width: 81%;
    display: none;
}

.container-input .form-input {
    background: #FFFFFF;
    border: 1px solid #F27405;
    box-sizing: border-box;
    border-radius: 10px;
    padding: 10px;
    width: 100%;
    margin: 11px 0px;
}

.input-check {
    width: 81%;
    display: flex;
    justify-content: space-between;
    margin: 10px 0px;
}

.info i {
    color: #F27405;
}


.box-info {
    background: #ffffff6b;
    border-radius: 4px;
    width: 86%;
    margin: 10px 0px;
    display: none;
    font-size: 14px;
    padding: 5px;
    transition: 2s ease-in-out;
    box-sizing: border-box;
    box-shadow: 0px 0px 3px 0px #9c9c9c;
}

.btn-patterns:hover {
    text-decoration: none;
}

.btn-patterns {
    background: #F27405;
    border-radius: 10px;
    border: 2px solid #F27405;
    padding: 14px;
    width: 81%;
    color: white;
    font-size: 19px;
}

.btn-patterns.btn-patterns-secondary {
    background: transparent;
    border: 2px solid #F27405;
    color: #F27405;
}

.btn-patterns.btn-patterns-width {
    width: min(100% , 350px);
}

@media screen and (max-width: 567px) {
    .btn-patterns.btn-patterns-width {
       font-size: 1rem;
    }
}

.btn-rating {
    cursor: pointer;
    background: #fff;
    border-radius: 10px;
    border: 0px solid;
    padding: 14px;
    width: 81%;
    color: #F27405;
    font-size: 19px;
    font-weight: bolder;
}

.submit-btn {
    margin-top: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

footer {
    height: 5px;
    background: #f27405;
    position: fixed;
    width: 100%;
    bottom: 0;
}

/*.command section {*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*    justify-content: center;*/
/*    align-items: center;*/
/*    width: 100%;*/
/*    !* height: 100vh; *!*/
/*    !* background-color: tomato; *!*/
/*}*/

/*.command section form {*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*    justify-content: space-evenly;*/
/*    width: 100%;*/
/*    !* height: 400px; *!*/
/*    padding: 0 30px;*/
/*    box-sizing: border-box;*/
/*    border-radius: 15px;*/
/*}*/


/*.command section form label {*/
/*    margin: 0 10px;*/
/*    font-family: Montserrat;*/
/*    font-style: normal;*/
/*    font-weight: normal;*/
/*    font-size: 14px;*/
/*    line-height: 17px;*/
/*    color: #000000;*/
/*}*/

/*.command section form .container-main {*/
/*    display: flex;*/
/*    flex-direction: row;*/
/*    justify-content: space-evenly;*/
/*    align-items: center;*/
/*}*/

/*.command section form .container-main label {*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*    justify-content: space-evenly;*/
/*    align-items: center;*/
/*    margin: 0 10px;*/
/*    font-family: Montserrat;*/
/*    font-style: normal;*/
/*    font-weight: normal;*/
/*    font-size: 14px;*/
/*    line-height: 17px;*/
/*    text-align: center;*/
/*    color: #000000;*/
/*}*/

/*.command section form .container-main input {*/
/*    display: flex;*/
/*    width: 80px;*/
/*    height: 80px;*/
/*    border: 1px solid #F27405;*/
/*    box-sizing: border-box;*/
/*    border-radius: 10px;*/
/*    padding: 0 10px;*/
/*    margin: 20px 0;*/
/*    text-align: center;*/
/*}*/


/*.command section form .container-input input {*/
/*    width: 100%;*/
/*    border: 1px solid #F27405;*/
/*    box-sizing: border-box;*/
/*    border-radius: 10px;*/
/*    height: 40px;*/
/*    padding: 0 10px;*/
/*    margin-bottom: 15px;*/
/*    text-align: start;*/
/*}*/

/*.command section form .container-input .checkbox {*/
/*    display: flex;*/
/*    flex-direction: row;*/
/*    align-items: center;*/
/*}*/

/*.command section form .container-input .checkbox input {*/
/*    width: 28px;*/
/*    height: 28px;*/
/*    margin-top: 10px;*/
/*    margin-right: 25px;*/
/*}*/

/*.command section form .container-input .checkbox .info {*/
/*    text-align: center;*/
/*    width: 15px;*/
/*    padding: 4px;*/
/*    margin-left: 15px;*/
/*    border: none;*/
/*    background-color: #F27405;*/
/*    border-radius: 100%;*/
/*    cursor: help;*/

/*}*/

/*.command section form .container-input .checkbox:hover .command section form .container-input .checkbox .info {*/
/*    background-color: #000000;*/
/*}*/

/*.command section form .container-input .box-info {*/
/*    display: none;*/
/*    flex-direction: column;*/
/*    position: relative;*/
/*    padding: 14px 20px 12px 17px;*/
/*    !* background: #FFFFFF; *!*/
/*    border: 0.5px solid #000000;*/
/*    box-sizing: border-box;*/
/*    border-radius: 10px;*/
/*    margin-bottom: 20px;*/

/*}*/

/*.command section form .container-input .box-info p {*/
/*    text-align: left;*/
/*    font-family: Montserrat;*/
/*    font-style: normal;*/
/*    font-weight: normal;*/
/*    font-size: 12px;*/
/*    line-height: 15px;*/
/*    text-justify: center;*/
/*    color: #000000;*/
/*}*/

/*.command section form .container-input .box-info span {*/
/*    position: absolute;*/
/*    right: 10px;*/
/*    top: 5px;*/
/*    cursor: pointer;*/
/*    font-family: Montserrat;*/
/*    font-style: normal;*/
/*    font-weight: normal;*/
/*    font-size: 12px;*/
/*    line-height: 15px;*/
/*    text-justify: center;*/
/*    color: #000000;*/
/*}*/

/*.command section form button {*/

/*    !* margin: 0 15px; *!*/
/*    background: linear-gradient(90.82deg, #D93D04 0%, #F27405 100%);*/
/*    border-radius: 10px;*/
/*    border: none;*/
/*    height: 50px;*/
/*    font-family: Montserrat;*/
/*    font-style: normal;*/
/*    font-weight: bold;*/
/*    font-size: 20px;*/
/*    line-height: 24px;*/
/*}*/

/*.command section form button a {*/
/*    color: #FFFFFF;*/
/*}*/


/*!* -------- SECTION END--------- *!*/

/*@media (max-width: 420px) {*/

/*    .command section form {*/
/*        width: 100%;*/

/*    }*/
/*}*/