.bkg-lightgray {
    height: calc(100vh - 40px) !important;
    margin: 20px !important;
    padding: 40px;
    display: flex; /* Adicionado */
    align-items: center; /* Adicionado */
}


.box1 {
    background-color:#064B72;
    border-radius:12px;
    padding:40px;
}

a {
    text-decoration: none !important;
}

.title1 {
    font-family: 'Raleway', sans-serif !important;
    font-weight:800 !important;
    font-size:50px !important;
    color:white !important;
    line-height: 62px;
}

.text10{
    font-size:13px;
    color:rgb(109, 109, 109) !important;
  }

.title2 {
    font-weight:700; 
    font-size:24px;
    line-height:29px;
    color:#2B3B49;
    font-family: 'Ubuntu', sans-serif;
}

.title3 {
    font-family: 'Raleway', sans-serif !important;
    font-weight:800 !important;
    font-size:50px !important;
    color:#064B72 !important;
    line-height: 62px;
}

.title4 {
    font-family: 'Raleway', sans-serif !important;
    font-weight:500 !important;
    font-size:14px !important;
    color:#EFFAFF !important;
}

.text1 {
    font-weight:400 !important;
    font-size:18px !important;
    color:#F4F7FA !important;
    line-height: 29px;
}

.text2 {
    font-size:18px !important;
    color:#5C6C7C ;
}

.text3 {
    font-size:14px !important;
    color:#5C6C7C !important;
    font-weight:400
}

.text4 {
    font-weight:400 !important;
    font-size:18px !important;
    color:#5C6C7C !important;
    line-height: 29px;
}

.text5 {
    font-weight:400 !important;
    font-size:16px !important;
    color:#EFFAFF !important;
    line-height: 29px;
}

.btn-product {
    width:100%;
    background-color: #E7EBF0 !important;
    border-radius:5px;
    font-family: 'Raleway', sans-serif !important;
    font-size:13px;
    font-weight:500;
}

.icon-product {
    color:#0E9DED;
    font-size:25px;
}


.icon-inp {
    color:#4d9ef1; 
    padding-left:15px;
    font-size:13px;
    border-radius:50px;
    border:1px solid rgb(217, 217, 217) !important;
    margin-top:-3px;
    background-color: white;


}

.icon-inp2 {
    color:#4d9ef1; 
    background-color:white;
    border-left:none !important;
    border:1px solid #E7EBF0;
    border-radius:6px;
    padding-right:10px;
    font-size:13px;
    border-radius:50px;
    margin-top:-3px;
    border:1px solid rgb(217, 217, 217) !important;
    background-color: white;



}

  
  .modal-content {
    border-radius:20px;
    padding-bottom:10px;
    text-align:left;
  }
  
  .btn-close {
    border:none !important;
    padding:0px !important;
    box-shadow:none !important;
    margin-top:-8px;
    font-size:14px !important
  }
  
  
  .col-modal {
    padding-left:20px;
    padding-right:20px
  }

.icon-pass1 {
    color:red !important;
    margin-right:10px !important;
    font-size:12px
}

.icon-pass2 {
    color:green !important;
    margin-right:10px !important;
    font-size:12px
}

.not-pass {
    font-family: 'Raleway', sans-serif !important;
    font-size:12px !important;
    color:#B5BFCB !important;
    font-weight:500
}

.form-label {
    font-family: 'Raleway', sans-serif !important;
    font-size:13px;
    font-weight:600;
    color:rgb(68, 68, 68);
    margin-left:5px
  }
  
  .form-control {
    font-size:14px;
    color:rgb(109, 109, 109) !important;
    margin-top:-3px;
    box-shadow:none !important;
    border-radius:50px;
    font-weight:500;
    border:1px solid rgb(217, 217, 217) !important;
  }
  
  .form-control::placeholder {
    color:rgb(180, 180, 180) !important
  }

.foward {
    color:#0E9DED !important;
    font-size:13px;
    font-weight:500;
    font-family: 'Raleway', sans-serif !important;
    padding:0px !important;
    border:none !important
}

.btn-primary {
    background-color:#303030 !important;
    padding: 11px 25px;
    color:white !important;
    border:none !important;
    border-radius:15px;
    font-family: 'Raleway', sans-serif !important;
    font-size:13px;
    font-weight:600;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  }
  

  

.register-btn {
    font-size:14px;
    font-weight:500;
    font-family: 'Raleway', sans-serif !important;
    padding-top:15px;
    color:#2B3B49 !important
}

.check-style {
    font-family: 'Raleway', sans-serif !important;
    font-size:13px !important;
    color:#5C6C7C !important;
    font-weight:400
}

.code-input {
    width:50px !important;
    height:45px;
    border-radius:5px;
    border:2px solid #E7EBF0;
    text-align:center !important;
    margin-right:5px;
    font-family: 'Raleway', sans-serif !important;
    color:#2B3B49 !important;
    font-weight:500;
}

.user {
    width:50px;
    height:50px;
    border-radius:50%
}

.star {
    font-size:13px;
    color:#E787D4
}

.quotation {
    position:absolute;
    font-size:45px;
    color:#0E9DED;
    margin-top:-60px
}



.topbar {
    border-radius:50px;
    color:gray;
    font-family: 'Raleway', sans-serif !important;
    font-size:14px;
    font-weight:600;
    margin-bottom:30px;
}


.btn-car {
    opacity: 1;
  }

  .next-car {
    color:gray !important;
    position:absolute;
    right:-10px;
    background-color:white;
    padding:5px 10px;
    border-radius:30px;
    font-size:11px;
    box-shadow: rgba(0, 0, 0, 0.18) 0px 3px 8px;
  }

  .prev-car {
    color:gray !important;
    position:absolute;
    left:-10px;
    background-color:white;
    padding:5px 10px;
    border-radius:30px;
    font-size:11px;
    box-shadow: rgba(0, 0, 0, 0.18) 0px 3px 8px;

  }


  .car-ind {
    height:10px !important;
    width:10px !important;
    border-radius:50% !important;
    margin-right:8px !important;
    border:1px solid #c9c9c9 !important

  }

/* ----------------------------------------------------------------------------------- */


@media (min-width: 1400px) and (max-width: 3840px) {

    .ajust-vertical {
        display: flex;
        flex-direction: column;
        justify-content: center;
        vertical-align: center;
        height: 100%;
        width:70%;
        margin-left:15%;
        min-width:300px
    }

    .logo {
        width:170px
    }

    .center-img {
        width:760px !important;
        max-height:90vh !important;
        object-fit:contain;
    }


}

@media (min-width: 1200px) and (max-width: 1399px) {

    .ajust-vertical {
        display: flex;
        flex-direction: column;
        justify-content: center;
        vertical-align: center;
        height: 100%;
        width:70%;
        margin-left:15%;
        min-width:300px
    }

    .logo {
        width:170px
    }

    .center-img {
        width:600px !important;
        max-height:90vh !important;
        object-fit:contain;
    }


}
  
@media (min-width: 992px) and (max-width: 1199px) {
  
    .ajust-vertical {
        display: flex;
        flex-direction: column;
        justify-content: center;
        vertical-align: center;
        height: 100%;
        width:80%;
        margin-left:10%;
        min-width:300px
    }

    .logo {
        width:160px
    }

    .center-img {
        width:480px !important;
        max-height:90vh !important;
        object-fit:contain;
    }
  
}
  
@media (min-width: 768px) and (max-width: 991px) {

    .bkg-lightgray {
        display:none
    }

    .ajust-vertical {
        display: flex;
        flex-direction: column;
        justify-content: center;
        vertical-align: center;
        height: 100%;
        width:50%;
        margin-left:25%;
        min-width:300px;
        margin-top:50px
    }

    .logo {
        width:160px
    }



  
}

@media (min-width: 576px) and (max-width: 767px) {

    .bkg-lightgray {
        display:none
    }

    .ajust-vertical {
        display: flex;
        flex-direction: column;
        justify-content: center;
        vertical-align: center;
        height: 100%;
        width:60%;
        margin-left:20%;
        min-width:300px;
        margin-top:50px
    }

    .logo {
        width:160px
    }
  
}
  
@media (max-width: 575px) {

    .bkg-lightgray {
        display:none
    }

    .ajust-vertical {
        display: flex;
        flex-direction: column;
        justify-content: center;
        vertical-align: center;
        height: 100%;
        width:80%;
        margin-left:10%;
        min-width:300px;
        margin-top:50px
    }

    .logo {
        width:160px
    }
  
}