/*
----------------------------
                        _ _ 
  _ _ ___ _  _ _ _  ___(_) |
 | '_/ -_) || | ' \/ -_) | |
 |_| \___|\_, |_||_\___|_|_|
          |__/              
----------------------------
-------- custom css --------
*/

@import url("//fonts.googleapis.com/css2?family=Zilla+Slab:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap");
@import url("//fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap");

body {
  font-family: "ashima-font-light", "Open Sans Light", sans-serif;
  color: #fff;
  line-height: 24px;
  font-size: 17px;
  font-weight: 300;
  overflow-x: hidden;
  /*overflow-y: auto;
	text-transform: lowercase;*/
}

body.gradient-body {
  background-image: linear-gradient(
    to right,
    #1f3f4d,
    #1d3d4d,
    #1b3b4e,
    #1a384e,
    #1a364e,
    #1c344f,
    #1f334f,
    #23314f,
    #293050,
    #2f2e50,
    #362c4f,
    #3c2a4e
  );
  background-color: #1e263b;
}

body.overflow-y-hidden {
  overflow-y: hidden;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

:focus {
  outline: 0 !important;
  box-shadow: none !important;
}

::-moz-focus-inner {
  border: 0 !important;
}

img {
  max-width: 100%;
  height: auto;
}

address {
  font-style: normal;
  line-height: inherit;
  margin: 0;
}

b,
strong {
  font-weight: 600;
}

/* global css */
a,
a:hover {
  text-decoration: none;
  color: #24c2ab;
  transition: 0.3s;
}

a:hover {
  opacity: 0.8;
}

.ui-datepicker {
  z-index: 1600 !important; /* has to be larger than 1050  **/
}

p {
  font-size: 16px;
}

ul {
  padding: 0px;
  margin: 0px;
}

li {
  list-style: none;
}

button,
input,
optgroup,
select,
textarea,
.btn {
  border: none;
}

.lower-case {
  text-transform: lowercase !important;
}

.f-10 {
  font-size: 10px !important;
}
.f-11 {
  font-size: 11px !important;
}
.f-12 {
  font-size: 12px !important;
}
.f-13 {
  font-size: 13px !important;
}
.f-14 {
  font-size: 14px !important;
}
.f-15 {
  font-size: 15px !important;
}

.fc-white {
  color: #fff !important;
}
.fc-green {
  color: #24c2ab !important;
}
.fc-green2 {
  color: #40a129 !important;
}
.fc-ygreen {
  color: #9ded8a !important;
}
.fc-pink {
  color: #fe8dab !important;
}
.fc-blue {
  color: #6693fa !important;
}
.fc-light-blue {
  color: #6fb9e9 !important;
}
.fc-orange {
  color: #faae72 !important;
}
.fc-orange2 {
  color: #ff933c !important;
}
.fc-purple {
  color: #c88eff !important;
}
.fc-purple2 {
  color: #9b36f7 !important;
}
.fc-red {
  color: #ff6060 !important;
}
.fc-red2 {
  color: #ff6060 !important;
}
.fc-gray {
  color: #b1bacd !important;
}

.bg-green {
  background-color: #24c2ab;
}
.bg-green2 {
  background-color: #40a129;
}
.bg-ygreen {
  background-color: #9ded8a;
}
.bg-pink {
  background-color: #fe8dab;
}
.bg-blue {
  background-color: #6693fa;
}
.bg-light-blue {
  background-color: #6fb9e9;
}
.bg-orange {
  background-color: #faae72 !important;
}
.bg-orange2 {
  background-color: #ff933c;
}
.bg-purple {
  background-color: #c88eff;
}
.bg-purple2 {
  background-color: #9b36f7;
}
.bg-red {
  background-color: #ff6060 !important;
}
.bg-red2 {
  background-color: #ff6767 !important;
}
.bg-gray {
  background-color: #b1bacd;
}

.btn {
  text-transform: lowercase !important;
}

.btn-green,
.btn-green:hover {
  background-color: #24c2ab;
  color: #fff;
}
.btn-pink,
.btn-pink:hover {
  background-color: #fe8dab;
  color: #fff;
}
.btn-blue,
.btn-blue:hover {
  background-color: #6693fa;
  color: #fff;
}
.btn-light-blue,
.btn-light-blue:hover {
  background-color: #6fb9e9;
  color: #fff;
}
.btn-orange,
.btn-orange:hover {
  background-color: #faae72;
  color: #fff;
}
.btn-purple,
.btn-purple:hover {
  background-color: #c88eff;
  color: #fff;
}
.btn-red,
.btn-red:hover {
  background-color: #ff6060;
  color: #fff;
}
.btn-gray,
.btn-gray:hover {
  background-color: #b1bacd;
  color: #fff;
}

/*
.btn-green-bordered, .btn-green-bordered:hover{border :1px solid #24c2ab; color:#24c2ab; background-color:transparent;}
.btn-pink-bordered, .btn-pink-bordered:hover{border :1px solid #fe8dab; color:#fe8dab; background-color:transparent;}
.btn-blue-bordered, .btn-blue-bordered:hover{border :1px solid #6693fa; color:#6693fa; background-color:transparent;}
.btn-light-blue-bordered, .btn-light-blue-bordered:hover{border :1px solid  #6fb9e9; color:#6fb9e9; background-color:transparent;}
.btn-orange-bordered, .btn-orange-bordered:hover{border :1px solid #faae72; color:#faae72; background-color:transparent;}
.btn-purple-bordered, .btn-purple-bordered:hover{bborder :1px solid #c88eff; color:#c88eff; background-color:transparent;}
.btn-red-bordered, .btn-red-bordered:hover{border :1px solid #ff6060; color:#ff6060; background-color:transparent;}
.btn-gray-bordered, .btn-gray-bordered:hover{border :1px solid #b1bacd; color:#b1bacd; background-color:transparent;}
*/

.btn-green-bordered,
.btn-green-bordered:hover {
  box-shadow: 0px 0px 0px 1px #24c2ab inset;
  color: #24c2ab;
  background-color: transparent;
}
.btn-pink-bordered,
.btn-pink-bordered:hover {
  box-shadow: 0px 0px 0px 1px #fe8dab inset;
  color: #fe8dab;
  background-color: transparent;
}
.btn-blue-bordered,
.btn-blue-bordered:hover {
  box-shadow: 0px 0px 0px 1px #6693fa inset;
  color: #6693fa;
  background-color: transparent;
}
.btn-light-blue-bordered,
.btn-light-blue-bordered:hover {
  box-shadow: 0px 0px 0px 1px #6fb9e9 inset;
  color: #6fb9e9;
  background-color: transparent;
}
.btn-orange-bordered,
.btn-orange-bordered:hover {
  box-shadow: 0px 0px 0px 1px #faae72 inset;
  color: #faae72;
  background-color: transparent;
}
.btn-purple-bordered,
.btn-purple-bordered:hover {
  box-shadow: 0px 0px 0px 1px #c88eff inset;
  color: #c88eff;
  background-color: transparent;
}
.btn-red-bordered,
.btn-red-bordered:hover {
  box-shadow: 0px 0px 0px 1px #ff6060 inset;
  color: #ff6060;
  background-color: transparent;
}
.btn-gray-bordered,
.btn-gray-bordered:hover {
  box-shadow: 0px 0px 0px 1px #b1bacd inset;
  color: #b1bacd;
  background-color: transparent;
}

.border-green {
  border: 1px solid #24c2ab !important;
}
.border-green2 {
  border: 1px solid #40a129 !important;
}
.border-ygreen {
  border: 1px solid #9ded8a !important;
}
.border-pink {
  border: 1px solid #fe8dab !important;
}
.border-blue {
  border: 1px solid #6693fa !important;
}
.border-light-blue {
  border: 1px solid #6fb9e9 !important;
}
.border-orange {
  border: 1px solid #faae72 !important;
}
.border-orange2 {
  border: 1px solid #ff933c !important;
}
.border-purple {
  border: 1px solid #c88eff !important;
}
.border-purple2 {
  border: 1px solid #9b36f7 !important;
}
.border-red {
  border: 1px solid #ff6060 !important;
}
.border-red2 {
  border: 1px solid #ff6767 !important;
}
.border-gray {
  border: 1px solid #b1bacd !important;
}

.form-control,
.input-group-text,
.form-select {
  font-size: 13px;
}

.form-control.form-control-sm {
  font-size: 11px;
}

.disabled {
  box-shadow: none !important;
  cursor: not-allowed;
  opacity: 0.6 !important;
  pointer-events: none;
}

.form-error {
  color: #ff6060 !important;
  float: left;
  font-size: 11px;
  margin-top: -25px;
  width: 100%;
  text-transform: lowercase;
}

.form-divider {
  border-top: 3px solid #e1e1e1;
}

.input-border-white.disabled {
  box-shadow: none !important;
  cursor: not-allowed;
  pointer-events: none;
  opacity: 1 !important;
  border: none !important;
  background: none;
}

.legend {
  border: 1px solid #e1e1e1;
  padding: 5px;
  height: 38px;
  border-radius: 5px;
}

.legend span {
  width: 26px;
  height: 26px;
  display: inline-block;
  margin-left: 3px;
}

.legend span:first-child {
  margin-left: 0px;
}

.tooltip {
  text-transform: lowercase !important;
}

.table > :not(:first-child) {
  border-top: 1px solid currentColor;
}

.table {
  border-style: hidden;
  line-height: 16px;
}

.table th {
  text-transform: lowercase;
}

.nav-link {
  padding: 8px 16px;
}

.btn {
  font-size: 14px;
  padding: 9px 15px;
  position: relative;
}

.btn.btn-sm {
  font-size: 11px;
  padding: 8px 12px;
}

.btn.btn-wider {
  padding: 9px 30px;
}

.btn-lg {
  font-size: 16px;
  padding: 12px 30px;
}

.btn-grad-blue {
  background-image: linear-gradient(
    to right,
    #24c2ab,
    #00b0b7,
    #009dbd,
    #0088bb,
    #1272af
  );
  color: #fff;
}

.btn-grad-blue:hover {
  color: #eaeaea;
}

.btn-grad-border,
.btn-grad-border:hover {
  position: relative;
  color: #25c1ab;
}

.btn-grad-border::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 5px;
  padding: 1px;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
  background: linear-gradient(
    to right,
    #24c2ab,
    #00b5b7,
    #00a7be,
    #0098c0,
    #0088bb,
    #1181bf,
    #2c79c2,
    #4570c1,
    #6b6bc9,
    #9162c9,
    #b654c1,
    #d741b2
  );
}

.btn-transparent-green-border,
.btn-transparent-green-border:hover {
  background: none;
  border: 1px solid #24c2ab;
  color: #24c2ab;
}

.btn-transparent-gray-border,
.btn-transparent-gray-border:hover {
  border: 1px solid #ccc;
  color: #ccc;
  background-color: none;
}

.btn.btn-add,
.btn.btn-approve,
.btn.btn-reject,
.btn.btn-ping {
  padding-left: 30px;
}

.btn-add,
.btn-add:hover {
  border: 1px solid #1272af;
  color: #1272af;
  background-color: none;
}

.btn-approve,
.btn-approve:hover {
  border: 1px solid #24c2ab;
  color: #24c2ab;
  background-color: none;
}

.btn-reject,
.btn-reject:hover {
  border: 1px solid #ff6767;
  color: #ff6767;
  background-color: none;
}

.btn-other,
.btn-other:hover {
  border: 1px solid #ccc;
  color: #ccc;
  background-color: none;
}

.btn-other::after {
  display: none;
}

.btn-ping,
.btn-ping:hover {
  border: 1px solid #faae72;
  color: #faae72;
  background-color: none;
}

.btn-add::before,
.btn-approve::before,
.btn-reject::before,
.btn.btn-ping::before {
  position: absolute;
  font-family: "Font Awesome 5 Free";
  left: 10px;
  top: 10px;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-weight: 900;
  z-index: 2;
}

.btn-add::before {
  content: "\f067";
}
.btn-approve::before {
  content: "\f164";
}
.btn-reject::before {
  content: "\f165";
}
.btn-ping::before {
  content: "\f12a";
}

.alert,
.alert p {
  font-size: 13px;
}

input[type="number"],
input[type="email"],
input[type="password"],
input[type="text"],
.form-select {
  padding: 8px;
}

.pill {
  display: inline-block;
  padding: 0px 10px;
  border-radius: 10px;
  font-size: 11px;
  text-align: center;
}

.badger {
  position: absolute;
  top: -5px;
  right: -30px;
  font-size: 10px;
  padding: 3px 5px;
  background: #ccc;
  line-height: 10px;
  border-radius: 3px;
  z-index: 9999;
}

.badger.badger-blinking {
  animation: blinkingBadger 1s infinite;
}

@keyframes blinkingBadger {
  0% {
    opacity: 0.75;
  }
  50% {
    opacity: 0.95;
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 0.75;
  }
}

.head-grad-blue {
  background: #24c2ab;
  background: -webkit-linear-gradient(to right, #24c2ab 0%, #1272af 100%);
  background: -moz-linear-gradient(to right, #24c2ab 0%, #1272af 100%);
  background: linear-gradient(to right, #24c2ab 0%, #1272af 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

h1,
h2,
h3,
h4,
h5 {
  position: relative;
  font-family: "Zilla Slab", serif;
  font-weight: 500;
}

h1 {
  margin-bottom: 60px;
}

.lg-underscore::before {
  height: 2px;
  width: 50px;
  content: "";
  position: absolute;
  bottom: -10px;
  left: 0;
  background: #d841b2;
}

.lg-underscore::after {
  height: 2px;
  width: 25px;
  content: "";
  position: absolute;
  bottom: -10px;
  left: 0;
  background: #25c1ab;
}

.md-underscore::before {
  height: 2px;
  width: 26px;
  content: "";
  position: absolute;
  bottom: -10px;
  left: 0;
  background: #d841b2;
}

.md-underscore::after {
  height: 2px;
  width: 13px;
  content: "";
  position: absolute;
  bottom: -10px;
  left: 0;
  background: #25c1ab;
}

.login-email,
.login-password,
.login-mobile {
  position: relative;
}

.login-email::before,
.login-mobile::before,
.login-password::before {
  position: absolute;
  font-family: "Font Awesome 5 Free";
  left: 10px;
  top: 6px;
  color: #65676c;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-weight: 900;
  z-index: 999;
}

.login-email::before {
  content: "\f0e0";
}

.login-password::before {
  content: "\f084";
}

.login-mobile::before {
  font-family: "Open Sans Light";
  font-weight: 300;
  content: "+63";
  top: 6px;
}

.login-email input,
.login-mobile input,
.login-password input {
  padding-left: 35px;
}

.login-password.input-group span a {
  color: #1e263b;
}

.content h3 {
  font-family: "Zilla Slab", serif;
  font-size: 25px;
}

.particles,
.hm-particles {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  z-index: 0;
}

/* global css */

.navbar {
  padding: 40px 0px 0px 0px;
}

.navbar #navbarNavDropdown {
  padding-top: 30px;
}

.navbar-expand-lg .navbar-nav li > .nav-link {
  font-size: 14px;
  color: #fff;
  margin: 5px 55px 0px 0px;
  position: relative;
  padding: 0px;
}

.navbar-expand-lg .navbar-nav li > .nav-link:hover,
.navbar-expand-lg .navbar-nav li > .nav-link.show {
  color: #25c1ab;
  opacity: 1;
}

.navbar-expand-lg .navbar-nav li > .nav-link span {
  transition-duration: 0.5s;
}
.navbar-expand-lg .navbar-nav li > .nav-link.show span {
  transform: rotate(180deg);
  transition-duration: 0.5s;
}

.navbar-expand-lg .navbar-nav li > .nav-link.show::before {
  height: 2px;
  width: 0;
  content: "";
  position: absolute;
  bottom: -10px;
  left: 0;
  width: 100%;
  background: #25c1ab;
}
.navbar-expand-lg .navbar-nav li > .nav-link::before,
.navbar-expand-lg .navbar-nav li > .nav-link::after {
  height: 2px;
  width: 0;
  content: "";
  position: absolute;
  bottom: -10px;
  left: 0;
}
.navbar-expand-lg .navbar-nav li > .nav-link::before {
  background: #d841b2;
  transition: all 100ms linear 0s;
}

.navbar-expand-lg .navbar-nav li > .nav-link::after {
  background: #25c1ab;
  transition: all 300ms linear 0s;
}

.navbar-expand-lg .navbar-nav li > .nav-link:hover::before,
.navbar-expand-lg .navbar-nav li > .nav-link:hover::after {
  width: 100%;
}

.navbar-toggler:focus {
  box-shadow: none;
}

.navbar button {
  color: #fff;
}

.dropdown-menu[data-bs-popper] {
  margin-top: 0px;
}

.dropdown-menu {
  border: 1px solid #ccc;
}

.dropdown-item,
.dropdown-item:hover {
  color: #212529;
  font-size: 13px;
  background: none;
}

/* ---------------- large drop down custom start ---------------- */
.dropdown-large {
  padding: 20px;
  min-width: 530px;
}

.dropdown-large h6.title {
  font-size: 12px;
  font-weight: 700;
  color: #25c1ab;
}

.dropdown-large,
.dropdown-large p {
  font-size: 13px;
}

.dropdown-large p {
  line-height: 18px;
  color: #a0a0a0;
}

.dropdown-large li {
  padding-left: 25px;
  position: relative;
}

.dropdown-large li span {
  position: absolute;
  top: 6px;
  left: 0;
}

.dropdown-large li a {
  color: #1e263b;
}

/* ---------------- large drop down custom end ---------------- */

/* ---------------- select 2 custom start ---------------- */
.select2-results ul li {
  color: #212529;
  font-size: 13px;
}

.select2-container .select2-selection--multiple {
  border: 1px solid #ced4da !important;
}

.select2-dropdown {
  border: 1px solid #ced4da;
}

.select2-container--default
  .select2-selection--multiple
  .select2-selection__choice__remove:hover,
.select2-container--default
  .select2-selection--multiple
  .select2-selection__choice__remove {
  margin-right: 5px;
}

.select2-container--open {
  z-index: 1055;
}
/* ---------------- select 2 custom end ---------------- */

/* ---------------- jquery ui overwrite start ---------------- */

.ui-widget {
  font-size: 14px;
  border: 1px solid #e1e1e1;
  line-height: 20px;
  font-family: "Open Sans Light", sans-serif;
  font-weight: normal;
}
.ui-dialog {
  border-radius: 0;
  padding: 0;
  border: none;
  box-shadow: 0 0 2px #999;
}
.ui-widget-header {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  border: medium none;
  border-radius: 0;
  color: #000;
  padding-bottom: 5px;
  padding-top: 5px;
  text-align: left;
}

.ui-widget-content {
  /*border:none;*/
}

.ui-dialog .ui-widget-header {
  /*border-bottom:1px #ccc solid!important;*/
}

.ui-dialog .ui-dialog-title {
  text-transform: lowercase;
}

.ui-dialog[aria-describedby="success"] .ui-dialog-title {
  color: #24c2ab;
}

.ui-dialog[aria-describedby="warning"] .ui-dialog-title {
  color: #faae72;
}

.ui-dialog[aria-describedby="error"] .ui-dialog-title {
  color: #ff6060;
}

.ui-dialog[aria-describedby="info"] .ui-dialog-title {
  color: #6693fa;
}

.ui-dialog .ui-dialog-title::before {
  font-family: "Font Awesome 5 Free";
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-weight: 900;
  z-index: 2;
}

.ui-dialog[aria-describedby="success"] .ui-dialog-title::before {
  content: "\f058";
  position: relative;
  top: 2px;
  font-size: 16px;
  margin-right: 5px;
}

.ui-dialog[aria-describedby="warning"] .ui-dialog-title::before {
  content: "\f06a";
  position: relative;
  top: 2px;
  font-size: 16px;
  margin-right: 5px;
}

.ui-dialog[aria-describedby="error"] .ui-dialog-title::before {
  content: "\f057";
  position: relative;
  top: 2px;
  font-size: 16px;
  margin-right: 5px;
}

.ui-dialog[aria-describedby="info"] .ui-dialog-title::before {
  content: "\f05a";
  position: relative;
  top: 2px;
  font-size: 16px;
  margin-right: 5px;
}

.ui-dialog[aria-describedby="information"] .ui-widget-header,
.ui-dialog[aria-describedby="reject"] .ui-widget-header,
.ui-dialog[aria-describedby="approve"] .ui-widget-header {
  border-bottom: 2px #007ac3 solid !important;
}

.ui-dialog .ui-dialog-content {
  background-color: #fff;
  font-weight: normal;
  height: auto !important;
  padding: 20px 20px 0;
  overflow: hidden;
  text-transform: lowercase;
}

.ui-dialog .ui-dialog-content,
.ui-dialog .ui-dialog-content p {
  font-size: 12px;
}

.ui-dialog-buttonpane {
  background-color: #fff;
  border: none;
}

.ui-dialog .ui-dialog-buttonpane {
  padding: 20px 0px 5px 0px;
  margin: 0;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: none;
  text-align: right;
  padding: 5px 6px 0px 5px;
}

.ui-widget-header .ui-state-default {
  display: none;
}

.ui-dialog .ui-dialog-titlebar {
  background-color: #fff;
  font-size: 14px;
  padding: 10px;
}

.ui-dialog .ui-dialog-title {
  width: auto;
  font-weight: normal;
  float: none;
  font-size: 15px;
  font-family: "Zilla Slab", serif;
  text-transform: lowercase;
}

.ui-dialog .ui-dialog-buttonpane button {
  border-radius: 4px;
  background-color: #6693fa;
  height: 30px;
  margin: 4px;
  width: 50px;
  color: #fff;
  border: none;
  font-size: 14px;
  font-weight: normal;
}

.ui-widget-overlay.ui-front {
  background: rgba(0, 0, 0, 0.5);
}

.ui-dialog-titlebar-close {
  display: none;
}

.ui-datepicker .ui-datepicker-title select {
  margin-left: 1px;
  margin-right: 1px;
}

.ui-dialog {
  border-radius: 6px;
  background-color: #fff;
  z-index: 1060 !important;
}

.ui-dialog-titlebar,
.ui-widget-header {
  border-bottom: 1px solid #cccccc;
  font-weight: bold;
  margin-left: 0px;
  margin-right: 0px;
}

.ui-dialog-buttonset {
  border-top: 1px solid #e5e5e5;
  padding-top: 4px;
  margin-left: 0px;
}

.el_tooltip {
  background-color: #1172ad;
  border-radius: 50%;
  color: #fff;
  display: inline-block;
  font-size: 14px;
  height: 20px;
  text-align: center;
  width: 20px;
  line-height: normal;
}

.el_tooltip:hover {
  color: #fff;
}

.ui-datepicker td span,
.ui-datepicker td a {
  text-align: center;
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font-family: "Open Sans Light", sans-serif;
}
/* ---------------- jquery ui overwrite start ---------------- */

#banner {
  padding: 50px 0px;
}

#banner h1 {
  font-family: "Zilla Slab", serif;
  font-size: 50px;
  font-weight: 300;
}

#banner h1 strong {
  font-family: "Zilla Slab", serif;
  color: #24c2ab;
  font-weight: 600;
}

#banner .banner-text {
  margin-top: 75px;
  min-height: 200px;
}

#banner .banner-image-wrapper {
  min-height: 450px;
}

#banner .banner-image {
  animation: MoveUpDown 2s linear infinite;
  position: absolute;
  left: 0;
  bottom: 0;
}
@keyframes MoveUpDown {
  0%,
  100% {
    bottom: 0;
  }
  50% {
    bottom: 5px;
  }
}

.hm-padding {
  padding: 100px 0px;
}
#why-us {
  background: rgba(30, 38, 59, 0.4);
}

.download-box {
  background-color: #141927;
  border: 1px solid #24c2ab;
  text-align: center;
  padding: 30px 10px;
  border-radius: 5px;
}

.download-box h5 {
  font-family: "Zilla Slab", serif;
  font-weight: 500;
  font-size: 17px;
  color: #24c2ab;
}

.download-box h4 {
  font-family: "Zilla Slab", serif;
  font-weight: 500;
  font-size: 30px;
}
.download-box h4 a {
  color: #fff;
}

.preferred {
  font-family: "Zilla Slab", serif;
  font-weight: 500;
  font-size: 15px;
}

.custom-tab .nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link {
  background: none;
  border: none;
  color: #fff;
  font-size: 18px;
}

.custom-tab .nav-tabs .nav-link span {
  font-size: 45px;
  display: block;
  margin-bottom: 5px;
}

.custom-tab .nav-tabs .nav-link.nav-link.active {
  color: #24c2ab;
  background: none;
}

.custom-tab .nav-tabs {
  border: none;
}

#hm-inquiry {
  border-radius: 5px;
  background-color: #141927;
  height: 100px;
}

#hm-inquiry .l-inquiry {
  padding-left: 35px;
  padding-right: 35px;
}

#hm-inquiry .r-inquiry {
  padding-right: 35px;
}

#hm-inquiry .l-inquiry,
#hm-inquiry .r-inquiry {
  padding-top: 25px;
  padding-bottom: 25px;
}

#hm-inquiry .l-inquiry h3 {
  color: #fff;
  position: relative;
  line-height: 26px;
}

#hm-inquiry .l-inquiry:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #24c2ab;
  z-index: 0;
  -webkit-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0;
  -webkit-transform: skew(-20deg);
  -ms-transform: skew(-20deg);
  transform: skew(-20deg);
}

#hm-inquiry .r-inquiry input[type="text"],
#hm-inquiry .r-inquiry input[type="email"] {
  width: 100%;
}

#hm-inquiry .r-inquiry .btn-lg {
  width: 100%;
}

#banner .banner-text h1 .typing-caret {
  border-right: 2px solid #24c2ab;
  padding-right: 4px;
  animation: bannerTypingCaret 0.9s steps(1, end) infinite;
}

@keyframes bannerTypingCaret {
  50% {
    border-right-color: transparent;
  }
}

#footer {
  background-color: #1a2133;
  font-size: 14px;
  line-height: 30px;
  position: relative;
  overflow: hidden;
}

#footer::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 6px;
  background: linear-gradient(to right, #2a7f90, #1c4f77, #312e5f, #4b2f61);
  z-index: 2;
}

#footer .content {
  position: relative;
  z-index: 3;
}

#footer .hm-particles {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: 0.4;
  pointer-events: none;
  z-index: 1;
}

#footer h3 {
}

#footer ul.footer-list li,
#footer ul.footer-list-no-icon li {
  position: relative;
  list-style: none;
}

#footer ul.footer-list li {
  padding-left: 30px;
}

#footer ul.footer-list li span {
  position: absolute;
  left: 0;
  top: 8px;
}

#footer-copyrights {
  font-size: 13px;
  color: #24c2ab;
  background: linear-gradient(to right, #214f61, #1f4b69, #1d4268, #24345f, #392d5d);
}

#scroll-top {
  position: fixed;
  bottom: 90px;
  right: 30px;
  font-size: 14px;
  font-family: "Zilla Slab", serif;
  transform: rotate(-90deg);
  display: none;
  font-weight: 500;
}

#scroll-top a {
  color: #fff;
}

#scroll-top::before {
  height: 2px;
  width: 26px;
  content: "";
  position: absolute;
  bottom: 9px;
  left: -37px;
  background: #d841b2;
}

#scroll-top::after {
  height: 2px;
  width: 13px;
  content: "";
  position: absolute;
  bottom: 9px;
  left: -37px;
  background: #25c1ab;
}

#login .login-welcome-cont {
  background-color: #1e263b;
}

#login .login-form-cont {
  background-color: #fff;
}

#login .login-welcome-cont p {
  font-size: 13px;
}

#login .login-welcome-cont h3 {
  color: #24c2ab;
  text-transform: lowercase;
}

#login .login-welcome-cont {
  min-height: 420px;
}

#login .welcome-text-wrap {
  height: 200px;
}

#login .welcome-form-wrap {
  height: 310px;
  width: 100%;
  color: #1e263b;
  font-size: 14px;
}

#login .welcome-form-wrap.welcome-forgot-pass {
  height: auto;
}

#login .landing-form-wrap {
  min-height: 310px;
  width: 100%;
  color: #1e263b;
  font-size: 14px;
}

#main-wrapper {
  display: flex;
  flex-wrap: nowrap;
  height: 100vh;
  height: -webkit-fill-available;
  max-height: 100vh;
  overflow-x: hidden;
  overflow-y: auto;
}

#sidebar {
  width: 290px;
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  transition: 0.1s;
  height: 100vh;
}

#sidebar .full-top-logo a {
  line-height: 16px;
}

#sidebar .full-top-logo a span {
  width: 111px;
  height: 25px;
  overflow: hidden;
  position: relative;
  display: inline-block;
}

#sidebar .full-top-logo a span img {
  height: 100%;
  width: auto;
}

#sidebar .sidebar-head .login-type {
  color: #fff;
  font-size: 11px;
  display: block;
  line-height: 16px;
}

#sidebar .sidebar-head .mini-top-logo {
  display: none;
  height: 60px;
}

#sidebar .sidebar-foot .social-link {
  font-size: 16px;
}

#sidebar .sidebar-foot .sidebar-powered-by {
  color: #fff;
  font-size: 11px;
}

#sidebar .sidebar-foot .sidebar-powered-by span {
  margin-bottom: -6px;
}

.side-bar-collapse #sidebar,
.side-bar-collapse .side-nav-wrap {
  width: 60px;
  transition: 0.1s;
}

.side-bar-collapse #sidebar .nav > li > a span.menu-item-text {
  display: none;
  transition: 0.1s;
}

.side-bar-collapse #sidebar .nav-link {
  text-align: center;
}

.side-bar-collapse #sidebar .sidebar-powered-by {
  display: none;
}

.side-bar-collapse #sidebar .sidebar-head .mini-top-logo {
  display: flex;
}

.side-bar-collapse #sidebar .sidebar-head .full-top-logo {
  display: none;
}

.side-bar-collapse #main-content {
  margin-left: 60px;
  transition: 0.1s;
}

#sidebar .sidebar-head {
  height: 60px;
}

#sidebar .sidebar-head .full-top-logo {
  padding: 9px;
}

#sidebar.sb-dark .sidebar-head {
  background-color: #171d2d;
}

#sidebar.sb-dark .sidebar-foot a {
  color: #7887ad;
}

#sidebar .nav > li a {
  font-size: 13px;
}

#sidebar .nav > li a span.menu-item-text {
  margin-left: 10px;
  transition: 0.1s;
}

#sidebar .nav > li a span.fas {
  font-size: 16px;
  display: inline-block;
  width: 20px;
  text-align: center;
}

#sidebar .nav > li ul {
  padding-left: 50px;
}

#sidebar.sb-dark,
#sidebar.sb-dark .nav > li ul {
  background-color: #1e263b;
}

#sidebar.sb-dark .nav li a span {
  color: #7887ad;
}

#sidebar.sb-dark .nav > li a.active span {
  color: #24c2ab;
}

#sidebar.sb-dark .nav > li a.active span.menu-item-text {
  color: #a3fff2;
}

#sidebar .nav .sub-menu {
  position: relative;
}

#sidebar .nav > li ul ul {
  padding-left: 20px;
}

#sidebar .nav .sub-menu .sub-title {
  display: none;
}

#sidebar .nav .sub-menu ul li a {
  padding: 3px 16px;
  width: 100%;
  display: block;
}

#sidebar .nav > li ul {
  display: none;
}

#sidebar .side-nav-wrap {
  height: 100%;
  overflow-y: scroll;
  overflow-x: visible;
  scrollbar-width: thin;
  scrollbar-color: #747781 transparent;
}

#sidebar .side-nav-wrap::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  background-color: #1b2131; /* or add it to the track */
}

#sidebar .side-nav-wrap::-webkit-scrollbar-thumb {
  background: #747781;
}

.side-bar-collapse #sidebar .nav .sub-menu ul li a {
  padding: 8px;
}

.side-bar-collapse #sidebar .nav .sub-menu .sub-title {
  display: block;
}

.side-bar-collapse #sidebar .nav .sub-menu .sub-title a {
  padding: 8px;
}

.side-bar-collapse #sidebar .side-nav-wrap {
  overflow: inherit;
}

.side-bar-collapse #sidebar .nav > li ul {
  padding: 0px;
  position: absolute;
  left: 60px;
  width: 200px;
  z-index: 9;
  top: 0px;
  display: none;
}

.side-bar-collapse #sidebar .nav .sub-menu:hover > .sub-menu-items {
  display: block;
}

.side-bar-collapse #sidebar .nav > .sub-menu:hover,
.side-bar-collapse #sidebar .nav .sub-menu:hover > .sub-menu-items .sub-title {
  background-color: #252e48;
}

.side-bar-collapse #sidebar .nav > li ul ul {
  left: 200px;
}

.side-bar-collapse #sidebar .sub-menu .arrow {
  display: none;
}

.table.table-hoverable tr:hover td,
.table tr.selected-row td {
  background-color: #f4f5f6;
}

#main-content {
  margin-left: 290px;
  width: 100%;
  min-width: 980px;
  color: #2d364a;
  transition: 0.1s;
  font-size: 13px;
}

#main-content .top-nav {
  -webkit-box-shadow: 0px 6px 14px -1px rgba(171, 171, 171, 0.4);
  -moz-box-shadow: 0px 6px 14px -1px rgba(171, 171, 171, 0.4);
  box-shadow: 0px 6px 14px -1px rgba(171, 171, 171, 0.4);
  height: 60px;
}

#main-content .top-nav a.collapser {
  padding: 17px 0px;
  color: #2d364a;
  font-size: 16px;
}

#main-content .top-nav .title-header h1 {
  color: #2d364a;
  font-size: 16px;
  font-family: "Open Sans";
  margin: 0px;
  text-transform: lowercase !important;
  font-weight: 300;
}

#main-content .top-nav .nav {
  padding-top: 17px;
}

#main-content .top-nav .nav a {
  font-size: 16px;
  color: #2d364a;
  padding: 0px 10px;
}

#main-content .top-nav .nav .top-pic {
  margin-top: -6px;
}

#main-content .top-nav .nav .dropdown-item {
  font-size: 13px;
  padding: 3px 20px;
}

#main-content .top-nav .nav .dropdown-item:hover {
  background: none;
}

#main-content .btn {
  font-size: 13px;
}

#main-content .btn.btn-sm {
  font-size: 11px;
}

.header-wrapper {
  border-bottom: 1px solid #e1e1e1;
  padding: 10px 0px;
  margin-bottom: 20px;
}

.header-wrapper h5 {
  font-size: 17px;
  margin-bottom: 0px;
}

.footer-wrapper {
  margin-top: 10px;
  padding: 10px 0px;
  border-top: 1px solid #e1e1e1;
}

.pagination .page-item .page-link {
  border: 1px solid #ccc;
  padding: 5px 11px;
  color: #212529;
}

.pagination .active .page-link {
  background-color: #e1e1e1;
}

.page-item.active .page-link {
  border: 1px solid #8c8c8c;
}

.content-wrapper {
  width: 100%;
  position: relative;
}

.cont-table {
  min-height: 600px;
}

.min-height-auto {
  min-height: auto !important;
}

.cont-table-scroll {
  display: block;
  overflow-x: auto;
}

.cont-table-scroll table {
  table-layout: fixed;
}

.todo-item-cont {
  width: 100px;
  float: left;
  text-align: center;
  margin-right: 20px;
  height: 160px;
  margin-bottom: 20px;
}

.todo-item {
  width: 100%;
  color: #fff;
  text-align: center;
  font-size: 40px;
  border-radius: 5px;
  padding: 30px;
  position: relative;
  margin-bottom: 5px;
  display: block;
  transition: none;
}

.todo-item:hover {
  color: #fff;
  opacity: 1;
}

.todo-item counter {
  background-color: #f75858;
  border: 2px solid #fff;
  width: 27px;
  height: 27px;
  border-radius: 50%;
  position: absolute;
  top: -15px;
  right: 6px;
  z-index: 5;
  font-size: 12px;
  text-align: center;
  color: #fff;
}

.todo-item:hover counter {
  animation: blinkingText 1s infinite;
}

@keyframes blinkingText {
  0% {
    background-color: #f75858;
  }
  50% {
    background-color: #f88989;
  }
  100% {
    background-color: #f75858;
  }
}

.column-view .todo-item-cont {
  float: none;
  display: block;
  text-align: left;
  height: auto;
  margin-bottom: 20px;
  clear: both;
  width: 100%;
}

.todo-item-cont p {
  position: absolute;
  left: 0;
  bottom: -52px;
  color: #2d364a;
  width: 100%;
  margin: 0;
  height: 50px;
}

.column-view .todo-item {
  width: 300px;
  color: #fff;
  text-align: left;
  font-size: 16px;
  border-radius: 5px;
  padding: 13px;
  position: relative;
  margin-bottom: 0px;
  display: inline-block;
  margin-right: 10px;
  transition: none;
}

.column-view .todo-item-cont p {
  position: initial;
  color: #fff;
  margin-left: 10px;
  display: inline;
}

.column-view .todo-item counter {
  top: 11px;
  right: 15px;
}
.avatar {
  overflow: hidden;
  background-attachment: scroll;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  width: 100px;
  height: 100px;
  border: 1px solid #e1e1e1;
}

.avatar-name-list .avatar-xs {
  float: left;
}

.avatar-xs {
  width: 35px;
  height: 35px;
}

.avatar-sm {
  width: 50px;
  height: 50px;
}

.avatar-md {
  width: 100px;
  height: 100px;
}

.filter-drop-button::after {
  display: none;
}

.filter-cont {
  display: none;
}

.filter-item {
  display: inline;
  border: 1px solid #e1e1e1;
  padding: 2px 5px;
  border-radius: 10px;
}

.clockin-cont {
  background-attachment: scroll;
  background-position: center -90px;
  background-repeat: no-repeat;
  position: relative;
  background-image: url(../images/bg-clockin3.png);
  min-height: 500px;
  padding-top: 70px;
}
.clockin-cont,
.clockin-cont p {
  font-size: 13px;
}

.clockin-cont .cam-wrapper {
  width: 300px;
  height: auto;
}

.clockin-cont .cam {
  width: 300px;
  height: 300px;
  border: 5px solid #fff;
  position: relative;
  overflow: hidden;
  border-radius: 50%;
  background-color: #000;
  -webkit-box-shadow: 0px 0px 24px -8px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 0px 24px -8px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 0px 24px -8px rgba(0, 0, 0, 0.75);
  text-align: center;
}

.clockin-cont .clockin-date,
.clockin-cont .clockin-time {
  position: absolute;
  top: 120px;
  font-size: 24px;
  color: #fff;
  text-transform: lowercase;
}

.clockin-cont .clockin-time {
  right: -125px;
}

.clockin-cont .clockin-date {
  left: -125px;
}

.clockin-cont .cam.no-cam::before {
  font-family: "Font Awesome 5 Free";
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-weight: 900;
  z-index: 2;
  content: "\f4e2";
  color: #ff6060;
  font-size: 45px;
  margin-top: 130px;
}

.clockin-cont .time-logs-notes {
  border: 1px solid #e1e1e1;
  padding: 10px;
  border-radius: 5px;
}

.sec-nav .nav-link {
  color: #212529;
  font-size: 14px;
  position: relative;
  border-bottom: 1px solid #e1e1e1 !important;
  padding: 15px;
  font-family: "Zilla Slab", serif;
  font-weight: 700;
  text-transform: lowercase;
}

.sec-nav .nav-link::before {
  height: 2px;
  width: 0;
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
}

.sec-nav .nav-link::before {
  background: #6693fa;
  transition: all 100ms linear 0s;
}

.sec-nav .nav-link:hover::before {
  width: 100%;
}

.sec-nav .nav-link.active::before {
  width: 100%;
}

.sec-nav .nav-link.active {
  color: #6693fa;
  font-weight: bold;
}

.form-format .form-control,
.form-format .form-select,
.form-format .input-group {
  margin-bottom: 20px;
}

.form-format.form-format-display-only .form-control,
.form-format.form-format-display-only .form-select {
  margin-bottom: 0px;
}

.form-format.form-format-display-only td,
.form-format td {
  vertical-align: top;
}

.form-format label {
  padding-top: 5px;
  color: #2d364a;
  font-size: 13px;
  text-transform: lowercase;
}

.ihide {
  display: none;
}

.avatar.status-active {
  border: 1px solid #24c2ab;
}

.avatar.status-inactive {
  border: 1px solid #faae72;
}

.avatar.status-eoe {
  border: 1px solid #e1e1e1;
}

.profile-pic-upload-wrapper,
.profile-pic-upload-wrapper .avatar {
  width: 120px;
  height: 120px;
}

.profile-pics-upload-wrapper,
.profile-pics-upload-wrapper .avatar {
  width: 100px;
  height: 100px;
}

.profile-pic-upload-wrapper .avatar {
  border-width: 3px;
}

.personal-details-list {
  font-size: 12px;
}

.personal-details-list h5 {
  font-size: 17px;
}

.btn-upload-icon,
.btn-upload-icon:hover {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  position: absolute;
  bottom: 0;
  right: 0;
  color: #fff;
  background-color: #ff6060;
  text-align: center;
  padding: 3px;
  z-index: 1;
}

.right-details {
  border-right: 1px solid #e1e1e1;
}

.box-employee-name-set div {
  line-height: 16px;
}

.tbl-shift-listing,
.tbl-shift-listing th,
.tbl-shift-listing td {
  border: 1px solid #e1e1e1;
}

.tbl-shift-listing td {
  vertical-align: top;
}

.tbl-shift-listing td .time_sched_v2 {
  padding: 5px;
}

.tbl-shift-listing .ws-sched-details {
  line-height: 16px;
}

.tbl-shift-listing .time_rest_day {
  color: #ff6060;
}

.assign_sched:hover .time_sched {
  opacity: 0.5;
}

.customise_sched {
  height: 25px;
  left: 0;
  margin-top: -12.5px;
  position: absolute;
  text-align: center;
  width: 100%;
  top: 50%;
}

.customise_sched a,
.cust_sched a {
  background-color: #24c2ab;
  border-radius: 50%;
  box-shadow: 0 2px 5px -2px #000;
  display: inline-block;
  height: 28px;
  margin: 0 2px;
  padding: 2px;
  width: 28px;
  color: #fff;
}

.wrap_shifts_sched {
  display: table;
  height: 100%;
  position: relative;
  width: 100%;
}

.modal-title {
  text-transform: lowercase;
}

.modal-title,
.modal-body {
  color: #2d364a;
}

.modal .modal-header h2 {
  font-size: 17px;
  text-transform: lowercase !important;
}

.modal .modal-header .modal-closer {
  color: #ccc;
}

.modal-dialog.mx-width-500 {
  max-width: 500px;
}
.modal-dialog.mx-width-600 {
  max-width: 600px;
}
.modal-dialog.mx-width-700 {
  max-width: 700px;
}
.modal-dialog.mx-width-800 {
  max-width: 800px;
}
.modal-dialog.mx-width-900 {
  max-width: 900px;
}

.bubble-pop {
  width: 334px;
  position: fixed;
  right: 5px;
  top: 75px;
  z-index: 9;
}
.bp-x {
  position: absolute;
  right: 10px;
  top: 2px;
  z-index: 1;
}
.bp-x a {
  color: #666;
  text-decoration: none;
  font-size: 14px;
  color: #fff;
}
.bpop-box {
  position: relative;
  background-color: #fff;
  overflow: hidden;
  margin-bottom: 15px;
  -webkit-box-shadow: 1px 1px 10px 1px rgba(182, 182, 182, 0.75);
  box-shadow: 1px 1px 10px 1px rgba(182, 182, 182, 0.75);
  border-radius: 5px;
}
.bp-icon {
  width: 100%;
  height: 30px;
  line-height: 30px;
  font-size: 16px;
  color: #fff;
  padding: 0px 10px;
  font-size: 13px;
}

.bp-icon span {
  line-height: inherit;
}
.bp-text {
  overflow: hidden;
  padding: 10px;
  color: #000;
  font-size: 13px;
}
.bp-text label {
  margin-right: 5px;
}
.bp-warning .bp-icon {
  background-color: #faae72;
}
.bp-warning label {
  color: #faae72;
}
.bp-success .bp-icon {
  background-color: #24c2ab;
}
.bp-success label {
  color: #24c2ab;
}
.bp-error .bp-icon {
  background-color: #ff6060;
}
.bp-error label {
  color: #ff6060;
}
.bp-information .bp-icon {
  background-color: #6693fa;
}
.bp-information label {
  color: #6693fa;
}

#error_c1,
#error_important {
  line-height: 16px;
}

.notification-drop {
  width: 300px;
  font-size: 11px;
}

.notification-drop .notification-head a,
.notification-drop .notification-foot a {
  font-size: 11px !important;
}

.notification-drop .notification-head a {
  padding: 5px !important;
  margin-right: 5px;
}

.notification-drop .notification-head a.selected {
  border-bottom: 2px solid #6693fa;
}

.notification-drop .notification-list {
  max-height: 250px;
  overflow-y: scroll;
}

.notification-drop .notification-list li {
  line-height: 16px;
  position: relative;
  margin-bottom: 5px;
  padding: 0px 5px 5px 30px;
  position: relative;
  border-bottom: 1px solid #e1e1e1;
}

.notification-drop .notification-list .notification-type {
  position: absolute;
  top: 3px;
  left: 15px;
}

.dash_company_logo {
  width: 95px;
  height: 95px;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
}

.f_rounds {
  width: 250px;
  height: 250px;
  border: 5px solid #6693fa;
  border-radius: 50%;
}

/* `sm` applies to x-small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
}

/* `md` applies to small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
  .dropdown-large .coln {
    margin-top: 0px;
  }
  .dropdown-large {
    min-width: 100%;
  }

  .navbar-brand img {
    max-width: 60%;
  }

  #hm-inquiry #g-recaptcha-1 {
    transform: scale(0.99);
    -webkit-transform: scale(0.99);
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
  }
}

/* `lg` applies to medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
  .hm-padding {
    padding: 50px 0px;
  }
  .navbar #navbarNavDropdown {
    padding-top: 10px;
  }
  .navbar {
    padding: 10px 0px 0px 0px;
  }

  .navbar-expand-lg .navbar-nav li > .nav-link:hover::before,
  .navbar-expand-lg .navbar-nav li > .nav-link:hover::after {
    width: 0px;
  }

  .navbar-expand-lg .navbar-nav li > .nav-link {
    font-size: 16px;
    padding: 10px 0px;
  }

  .navbar-expand-lg .navbar-nav li > .nav-link.show::before {
    width: 0px;
  }

  #hm-inquiry {
    height: auto;
  }

  #hm-inquiry .l-inquiry h3 {
    margin-bottom: 5px;
  }

  #hm-inquiry .l-inquiry::before {
    background: none;
  }

  #hm-inquiry .l-inquiry {
    text-align: center;
    padding-bottom: 0px;
  }

  #hm-inquiry .r-inquiry {
    padding-left: 35px;
  }

  #hm-inquiry input {
    margin-bottom: 10px;
  }

  #hm-inquiry #g-recaptcha-1 {
    transform: scale(1) !important;
    -webkit-transform: scale(1) !important;
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    margin-bottom: 10px;
  }

  #footer {
    text-align: center;
  }

  #footer ul.footer-list li span {
    position: relative;
    top: inherit;
    left: inherit;
    padding-right: 5px;
  }

  #footer ul.footer-list,
  #footer ul.footer-list-no-icon {
    margin-bottom: 50px;
  }

  #login .welcome-form-wrap {
    height: auto;
  }

  #login .mobile-login,
  #login .email-login {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
  }

  #login .mobile-login .login-welcome-cont {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    box-ordinal-group: 1;
    order: 1;
  }

  #login .mobile-login .login-form-cont {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    box-ordinal-group: 2;
    order: 2;
  }

  #login .login-welcome-cont {
    min-height: 200px;
  }

  #login .welcome-text-wrap {
    height: auto;
  }
}

/* `xl` applies to large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {
}

/* `xxl` applies to x-large devices (large desktops, less than 1400px) */
@media (max-width: 1399.98px) {
  #hm-inquiry #g-recaptcha-1 {
    transform: scale(0.65);
    -webkit-transform: scale(0.65);
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
  }
}

@media (min-width: 1400px) {
  #hm-inquiry #g-recaptcha-1 {
    transform: scale(0.65);
    -webkit-transform: scale(0.65);
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
  }
}