header .header-wrapper .client-area p {
    color: var(--white);
    font-family: Roboto,sans-serif;
    font-size: 18px;
    font-weight: 500;
}

header .header-wrapper .client-area {
    display: flex;
    flex-direction: row;
    align-items: center;
}

header .header-wrapper .client-area .wrapper-welcome {
    padding-right: 20px;
}

.bannerTop{background-image: url('../../img/bannerTop.webp'); background-size: cover; background-position: center; height: 100px;}
.bannerTop .bannerTop-wrapper{display: flex; justify-content: space-between; align-items: center; flex-direction: row-reverse; height: 100px; padding: 0 20px;}
.bannerTop .bannerTop-wrapper .link-home p, .bannerTop .bannerTop-wrapper .link-home a{font-size: 20px; font-weight: bold; color: var(--white) !important;}
.bannerTop .bannerTop-wrapper .page h1{font-size: 25px; font-weight: bold; color: var(--darkGreen);}

.alert-success{position: absolute; top: 275px; border: 1px solid #467c3d; padding: 10px 10px;}

.reset{height: auto; padding: 40px 20px; background: #fff;}
.reset .wrapper{display: flex; flex-direction: column; align-items: center;}
.reset .wrapper .resetText{width: 50%; background-color: #d7d7d7; border-top-left-radius: 10px; border-top-right-radius: 10px; height: 40px; display: flex; justify-content: center; align-items: center;}
.reset .wrapper .resetText h1{color: var(--darkGreen); font-size: 20px; font-weight: bold;}
.reset .wrapper .reset-wrapper{margin-top: 4px; width: 50%; background-color: #d7d7d7; height: 100px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; display: flex; justify-content: center; align-items: center; box-shadow: 20px 17px 29px -12px #d7d7d7;}
.reset .wrapper .reset-wrapper .form-reset form{display: flex; align-items: end;}
.reset .wrapper .reset-wrapper .form-reset form .forgotPass label{color: var(--darkGreen); font-weight: bold;}
.reset .wrapper .reset-wrapper .form-reset form .forgotPass .sendReset input{border: none; border-radius: 10px; margin-right: 16px; padding: 0 10px; height: 40px;}
.reset .wrapper .reset-wrapper .form-reset form .btn button{border: none; border-radius: 10px; margin-right: 16px; padding: 0 10px; height: 40px; background-color: var(--darkGreen); color: var(--white); cursor: pointer;}

footer{background: #fff;}
.footer #greenBar{margin-top: 0%;}

@media (min-width: 200px) and (max-width: 1310px){
header .header-wrapper{overflow: hidden;}
header .header-wrapper .itemsWrapper{width: auto;}
.bannerTop{margin-top: 105px;}
.bannerTop .bannerTop-wrapper .link-home p{font-size: 14px;}
.bannerTop .bannerTop-wrapper .page h1{font-size: 14px; text-align: center;}
main{background: #fff;}
.reset .wrapper .reset-wrapper, .reset .wrapper .resetText{width: 100%;}
.reset .wrapper .reset-wrapper{height: auto; padding: 30px 0;}
.reset .wrapper .reset-wrapper .form-reset form{flex-direction: column;}
.reset .wrapper .reset-wrapper .form-reset form .forgotPass .sendReset input{margin-right: 0;}
.reset .wrapper .reset-wrapper .form-reset form .btn button{margin-top: 20px; width: 100%;}
}