/* Iconify base sizing */
.iconify,
.iconify svg {
  display: inline-block;
  vertical-align: middle;
}

/* Dashboard navbar icons */
.nav-dashboard .icon img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.nav-dashboard .menus .iconify,
.nav-dashboard .menus .iconify svg {
  width: 28px;
  height: 28px;
  color: #545454;
}

/* Profile avatar */
.dashboard-profile .img-profile img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* Login password toggle */
.login .wrapper-icon-password .iconify,
.login .wrapper-icon-password .iconify svg {
  width: 100%;
  height: 100%;
}

/* Dashboard card action icons */
#dashboard .btn_icon_dashboard .iconify,
#dashboard .btn_icon_dashboard .iconify svg {
  width: 24px;
  height: 24px;
}

/* Back button */
a.back_btn {
  color: inherit;
}

.back_btn .iconify,
.back_btn .iconify svg {
  width: 28px;
  height: 28px;
}

/* Footer social icons */
footer .social-media a .iconify,
footer .social-media a .iconify svg {
  width: 18px;
  height: 18px;
  color: white;
}

/* Register checkbox */
.login .checkbox .iconify,
.login .checkbox .iconify svg {
  width: 16px;
  height: 16px;
}

/* Auth page illustration */
.login .illus-login img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Landing page feature icons */
.main-landing-page .cta-customize .card-cta-customize .icon {
  width: 56px;
  height: 56px;
  object-fit: contain;
}

@media (max-width: 576px) {
  .main-landing-page .cta-customize .card-cta-customize .icon {
    width: 48px;
    height: 48px;
  }
}