body {
  margin: 0;
  padding: 0;
}

* {
  box-sizing: border-box;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 0;
  color: #004959;
}

.title {
  font-size: 22px;
  text-align: center;
  font-size: 20px;
}

.content {
  padding-top: 10px;
  text-align: center;
}

.form {
  padding-top: 50px;
}

.bottom-link {
  padding-top: 30px;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
}

.form-sec * {
  font-family: Montserrat;
}

.login-sec .field label {
  display: none;
}

.field label {
  font-weight: 600;
  margin-bottom: 10px;
}

.form-sec a {
  font-size: 14px;
  color: #3974ff;
  font-weight: 500;
  text-decoration: none;
  transition: all ease .2s;
}

.right-sec {
  background-image: linear-gradient(to left, #002f39, #005263, #007891, #00a0c2, #00caf6);
}

.title-text h2,
.description p {
  color: #fff;
  text-align: center;
}

.title-text h2 {
  font-size: 36px;
  font-weight: 600;
}

.description {
  padding-top: 30px;
}

.description p {
  font-size: 18px;
  font-weight: 500;
}

a:hover {
  color: #004959;
}

.links {
  display: flex;
  justify-content: space-between;
}

.remember-pass {
  display: flex;
  align-items: center;
  gap: 5px;
}

/* form global */
form ul {
  margin: 0 -10px;
  padding: 0;
  list-style-type: none;
  display: flex;
  flex-wrap: wrap;
  row-gap: 15px;
}

form ul li {
  width: 33.33%;
  padding: 0 10px;
  position: relative;
}

fieldset {
  margin: 0;
  padding: 0;
  border: none;
}

.field {
  width: 100%;
  padding-bottom: 20px;
}

fieldset.form-column-3,
fieldset.form-column-2 {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -10px;
}

fieldset.form-column-2 .field {
  width: 50%;
}

fieldset.form-column-2 .field,
fieldset.form-column-3 .field {
  padding-left: 10px;
  padding-right: 10px;
}

label {
  display: block;
  padding-bottom: 5px;
  font-size: 14px;
  line-height: 1.2;
  color: #004959;
  padding: 0;
}

input[type="text"],
input[type="email"],
input[type="tel"],
input[type="number"],
input[type="password"],
textarea,
select {
  width: 100%;
  outline: none;
  padding: 19px 29px;
  background-color: #FFF;
  border: 1px solid #004959;
  border-radius: 20px;
  font-size: 16px;
  line-height: 1.5;
  color: #004959;
  font-weight: 700;
  font-family: inherit;
  display: block;
}

fieldset.form-column-3 .field {
  width: 33.333333%;
}

textarea {
  min-height: 150px;
}

::placeholder {
  color: rgb(0 0 0 / 50%);
  font-weight: 400;
}

/* for image in input  */
select {
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' width='512' height='298' shape-rendering='geometricPrecision' text-rendering='geometricPrecision' image-rendering='optimizeQuality' fill-rule='evenodd' clip-rule='evenodd' viewBox='0 0 512 298.04'%3E%3Cpath fill-rule='nonzero' d='M12.08 70.78c-16.17-16.24-16.09-42.54.15-58.7 16.25-16.17 42.54-16.09 58.71.15L256 197.76 441.06 12.23c16.17-16.24 42.46-16.32 58.71-.15 16.24 16.16 16.32 42.46.15 58.7L285.27 285.96c-16.24 16.17-42.54 16.09-58.7-.15L12.08 70.78z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: calc(100% - 15px) center;
  background-size: 18px 18px;
}

.login-sec input#user_email {
  background-image: url("data:image/svg+xml,%3Csvg _ngcontent-ng-c1202285942='' xmlns='http://www.w3.org/2000/svg' width='20' height='16' viewBox='0 0 20 16' fill='none'%3E%3Cpath _ngcontent-ng-c1202285942='' d='M20.0005 4.71823C20.0005 7.77813 20.0005 10.8385 20.0005 13.8984C19.9932 13.9089 19.9818 13.9182 19.9786 13.9297C19.7135 14.9896 19.0698 15.4927 17.9776 15.4927C15.2896 15.4927 12.601 15.4927 9.91302 15.4927C7.25729 15.4927 4.60156 15.4917 1.94583 15.4938C1.41562 15.4943 0.949479 15.338 0.559896 14.9693C0.25 14.676 0.0963542 14.3026 0 13.8984C0 10.8385 0 7.77813 0 4.71823C0.0291667 4.73073 0.0609375 4.73906 0.0864583 4.75625C2.7875 6.55677 5.48802 8.35781 8.18854 10.1594C9.39896 10.9667 10.599 10.9682 11.8125 10.1599C14.2271 8.55156 16.6401 6.94167 19.0542 5.33334C19.3677 5.12448 19.6854 4.92292 20.0005 4.71823Z' fill='%23004959' fill-opacity='0.5'%3E%3C/path%3E%3Cpath _ngcontent-ng-c1202285942='' d='M0.000488281 2.60886C0.000488281 2.43959 0.000488281 2.27032 0.000488281 2.10105C0.0327799 1.98959 0.0609049 1.87657 0.0978841 1.76667C0.36403 0.976048 1.05934 0.506777 1.96559 0.506256C7.32236 0.506256 12.6797 0.506256 18.0364 0.506256C18.0948 0.506256 18.1536 0.506256 18.2119 0.50886C19.0062 0.551048 19.6578 1.03542 19.9031 1.76719C19.9401 1.87709 19.9682 1.98907 20.0005 2.10053C20.0005 2.2698 20.0005 2.43907 20.0005 2.60834C19.8755 3.12553 19.6208 3.54949 19.1661 3.85209C16.4687 5.64532 13.776 7.44584 11.0786 9.23959C10.3573 9.71928 9.62809 9.7099 8.90674 9.22917C6.21663 7.43646 3.52705 5.64219 0.836426 3.85001C0.409863 3.56615 0.130697 3.1849 0.0322591 2.67761C0.0275716 2.65365 0.0114258 2.63178 0.000488281 2.60886Z' fill='%23004959' fill-opacity='0.5'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 15px center;
  background-size: 17px;
  padding-left: 43px;
}

.login-sec input[type="password"] {
  background-image: url("data:image/svg+xml,%3Csvg _ngcontent-ng-c1202285942='' xmlns='http://www.w3.org/2000/svg' width='15' height='20' viewBox='0 0 15 20' fill='none'%3E%3Cpath _ngcontent-ng-c1202285942='' d='M12.7301 19.5C8.99439 19.5 5.25871 19.5 1.52303 19.5C1.45426 19.4777 1.38597 19.4525 1.31621 19.4337C0.558683 19.2293 0.00748522 18.548 0.00550605 17.7623C-0.00142103 14.9618 -0.00241061 12.1613 0.00600084 9.36073C0.0084748 8.51365 0.641313 7.79125 1.48097 7.65964C1.76993 7.61411 2.0678 7.62451 2.37655 7.60818C2.37655 7.53742 2.37655 7.47062 2.37655 7.40383C2.37704 6.6557 2.37012 5.90758 2.37902 5.15995C2.40277 3.17633 3.71991 1.37281 5.60457 0.758281C5.96577 0.640521 6.34676 0.584115 6.71834 0.5C6.99048 0.5 7.26262 0.5 7.53475 0.5C7.63123 0.516823 7.72772 0.533646 7.8242 0.549479C10.2205 0.946797 11.8736 2.89529 11.8765 5.32719C11.8775 6.02583 11.8765 6.72448 11.8765 7.42313C11.8765 7.48794 11.8765 7.55276 11.8765 7.62648C12.1086 7.62648 12.3125 7.62203 12.5158 7.62747C13.4614 7.65122 14.2431 8.41568 14.2466 9.36172C14.2565 12.1622 14.254 14.9628 14.2476 17.7633C14.2456 18.4956 13.7671 19.1403 13.0779 19.3902C12.9636 19.4307 12.8463 19.4634 12.7301 19.5ZM3.97126 7.61461C6.08699 7.61461 8.17996 7.61461 10.268 7.61461C10.268 6.6844 10.2685 5.76508 10.267 4.84576C10.267 4.79677 10.2517 4.74828 10.2437 4.6993C9.98347 3.04818 8.3185 1.84385 6.67381 2.11698C5.06228 2.38417 3.97176 3.65875 3.96334 5.28909C3.95939 6.00604 3.96235 6.72349 3.96285 7.44044C3.96334 7.49487 3.96829 7.5493 3.97126 7.61461ZM6.33834 14.7302C6.33834 14.8044 6.33785 14.8786 6.33834 14.9529C6.33933 15.1691 6.33241 15.3858 6.34329 15.6015C6.36457 16.0142 6.71785 16.3378 7.13051 16.3348C7.53772 16.3318 7.89545 16.0157 7.90733 15.6124C7.92366 15.0627 7.9192 14.5125 7.91178 13.9623C7.9098 13.8124 7.94988 13.7193 8.07556 13.6268C8.66189 13.1939 8.86475 12.4383 8.58965 11.7728C8.31652 11.1128 7.64509 10.7199 6.93853 10.807C6.28689 10.8872 5.76637 11.3404 5.59863 11.9737C5.43288 12.5986 5.65405 13.2463 6.18446 13.6313C6.30668 13.7198 6.34626 13.8094 6.34131 13.9519C6.33092 14.2107 6.33834 14.4704 6.33834 14.7302Z' fill='%23004959' fill-opacity='0.5'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 15px center;
  background-size: 17px;
  padding-left: 43px;
}

input[type="checkbox"],
input[type="radio"] {
  cursor: pointer;
  margin: 0;
}

input[type="checkbox"]+span,
input[type="radio"]+span {
  padding-left: 40px;
  position: relative;
  font-size: 16px;
  line-height: 22px;
  color: #000;
  display: inline-block;
  z-index: 1;
}

input[type="checkbox"]+span:before,
input[type="radio"]+span:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  background-color: #FFF;
  border: 1px solid #DDD;
  border-radius: 4px;
  z-index: 1;
}

input[type="checkbox"]:checked+span:before {
  background-color: #DDD;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='122.877px' height='101.052px' viewBox='0 0 122.877 101.052' enable-background='new 0 0 122.877 101.052' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M4.43,63.63c-2.869-2.755-4.352-6.42-4.427-10.11c-0.074-3.689,1.261-7.412,4.015-10.281 c2.752-2.867,6.417-4.351,10.106-4.425c3.691-0.076,7.412,1.255,10.283,4.012l24.787,23.851L98.543,3.989l1.768,1.349l-1.77-1.355 c0.141-0.183,0.301-0.339,0.479-0.466c2.936-2.543,6.621-3.691,10.223-3.495V0.018l0.176,0.016c3.623,0.24,7.162,1.85,9.775,4.766 c2.658,2.965,3.863,6.731,3.662,10.412h0.004l-0.016,0.176c-0.236,3.558-1.791,7.035-4.609,9.632l-59.224,72.09l0.004,0.004 c-0.111,0.141-0.236,0.262-0.372,0.368c-2.773,2.435-6.275,3.629-9.757,3.569c-3.511-0.061-7.015-1.396-9.741-4.016L4.43,63.63 L4.43,63.63z'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 16px;
}

input[type="radio"]+span:before {
  border-radius: 150px;
}

input[type="radio"]+span:after {
  content: '';
  position: absolute;
  left: 4px;
  top: 4px;
  width: 14px;
  height: 14px;
  background-color: #000;
  z-index: 1;
  border-radius: 150px;
  opacity: 0;
  transition: all ease .3s;
}

input[type="radio"]:checked+span:after {
  opacity: 1;
}

input[type="submit"] {
  border-radius: 20px;
  display: inline-block;
  vertical-align: middle;
  line-height: 1.5;
  font-size: 16px;
  font-weight: 700;
  font-family: inherit;
  background-color: #004959;
  outline: none;
  border: 1px solid #004959;
  color: #FFF;
  padding: 19px 29px;
  cursor: pointer;
  transition: all ease .3s;
  width: 100%;
}

input[type="submit"]:hover {
  background-color: #fff;
  color: #000;
}

.actions {
  padding-top: 30px;
}

.logform-inr {
  min-height: 100vh;
}

.left-sec,
.right-sec {
  width: 50%;
  padding: 50px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.logform-inr {
  display: flex;
  flex-wrap: wrap;
}

.form-sec {
  min-height: 100vh;
}

.login-form {
  max-width: 400px;
  margin: 0 auto;
  width: 100%;
}

input[type="text"],
input[type="email"],
input[type="tel"],
input[type="number"],
input[type="password"],
textarea,
select {
  padding: 10px 15px;
  border-radius: 5px;
}

input[type="submit"] {
  border-radius: 5px;
  padding: 10px 20px;
}

.user-login .dbbanner-section {
  margin: 0;
  height: auto;
}

.user-login .dbbanner-inr {
  display: block;
}

@media (max-width: 991px) {

  .left-sec,
  .right-sec {
    width: 100%;
    padding: 50px 20px;
  }

  .logform-inr {
    flex-direction: column-reverse;
    justify-content: flex-end;
  }

  .title-text h2 {
    font-size: 30px;
  }
}

/* Flash And Alert Message */
.flash-messages {
  position: fixed;
  top: 20px;
  right: 20px;
  z-index: 1050;
}

.flash {
  padding: 12px 16px;
  margin-bottom: 10px;
  border-radius: 6px;
  font-size: 14px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  opacity: 0.95;
  transition: opacity 0.5s ease-in-out;
}

.flash-success {
  background-color: #28a745;
  color: #fff;
}

.flash-error {
  background-color: #dc3545;
  color: #fff;
}

.flash-warning {
  background-color: #ffc107;
  color: #000;
}

.flash-info {
  background-color: #17a2b8;
  color: #fff;
}