/* ===== GOOGLE FONT (ONLY ONCE) ===== */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');

/* ===== GLOBAL FONT FIX (CLEAN & STRONG) ===== */
html,
body {
  font-family: 'Poppins', sans-serif !important;
}

/* Lagom override (controlled, not overkill - removed span so icon glyphs work) */
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
input,
textarea,
select,
button,
.nav,
.navbar,
.sidebar,
.tile,
.tile-title,
.card,
.panel,
.btn {
  font-family: 'Poppins', sans-serif !important;
}

/* Icon Fonts & Markdown Editor Toolbar Protection */
.fa,
.fas,
.far,
.fal,
.fab,
.fad,
[class*=" fa-"],
[class^="fa-"],
.md-editor .btn span,
.md-editor button span,
.md-header .btn span,
.md-header button span,
.btn-toolbar .btn span,
.btn-toolbar button span {
  font-family: "Font Awesome 5 Pro" !important;
  font-weight: 900 !important;
  font-style: normal !important;
  display: inline-block !important;
}
.far {
  font-weight: 400 !important;
}
.fab {
  font-family: "Font Awesome 5 Brands" !important;
}
.fad {
  font-family: "Font Awesome 5 Duotone" !important;
}
.lm, [class*=" lm-"], [class^="lm-"] {
  font-family: 'lagom-medium-icons' !important;
}
.ls, [class*=" ls-"], [class^="ls-"] {
  font-family: 'lagom-small-icons' !important;
}

/* Glyphicon to FontAwesome 5 Pro Fallback Shim (for WHMCS markdown editor) */
.glyphicon {
  font-family: "Font Awesome 5 Pro" !important;
  font-style: normal !important;
  font-weight: 900 !important;
  display: inline-block !important;
}
.glyphicon-bold:before { content: "\f032" !important; }
.glyphicon-italic:before { content: "\f033" !important; }
.glyphicon-header:before { content: "\f1dc" !important; }
.glyphicon-link:before { content: "\f0c1" !important; }
.glyphicon-picture:before { content: "\f03e" !important; }
.glyphicon-list:before { content: "\f0ca" !important; }
.glyphicon-th-list:before { content: "\f0cb" !important; }
.glyphicon-console:before { content: "\f121" !important; }
.glyphicon-comment:before { content: "\f10d" !important; }
.glyphicon-search:before { content: "\f002" !important; }
.glyphicon-fullscreen:before { content: "\f065" !important; }


/* ===== ROUNDED UI ===== */

/* Containers */
.panel,
.card,
.lagom-box,
.lagom-panel,
.lagom-widget,
.content-panel,
.client-home-panels .panel,
.client-home-panels .card,
.dashboard-panel,
.product,
.product-status,
.tile,
.stat,
.box {
  border-radius: 16px !important;
}

/* Allow dropdowns and popups to overflow containers cleanly without clipping */
.panel,
.panel-body,
.panel-choose-domain,
.panel-domain-search,
.inline-form {
  overflow: visible !important;
}

.dropdown-menu {
  z-index: 1050 !important;
}

/* Force domain search dropdowns to always open downwards */
.panel-domain-search .dropdown .dropdown-menu,
.panel-domain-search .dropdown.dropup .dropdown-menu,
.panel-choose-domain .dropdown .dropdown-menu,
.panel-choose-domain .dropdown.dropup .dropdown-menu {
  top: calc(100% + 4px) !important;
  bottom: auto !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.panel-domain-search .dropdown.dropup .dropdown-toggle .caret,
.panel-choose-domain .dropdown.dropup .dropdown-toggle .caret {
  border-top: 4px dashed !important;
  border-top: 4px solid \9 !important;
  border-bottom: 0 !important;
}

/* Spotlight TLD card button styling to prevent text cutoff */
.spotlight-footer .btn-unavailable,
.spotlight-footer .btn {
  white-space: normal !important;
  line-height: 1.25 !important;
  font-size: 12px !important;
  padding: 6px 8px !important;
  text-align: center !important;
}


/* Buttons */
.btn,
button {
  border-radius: 12px !important;
}

/* Inputs */
input,
select,
textarea,
.form-control {
  border-radius: 12px !important;
}

/* Tabs */
.nav-tabs>li>a,
.tabs a,
.lagom-tabs a {
  border-radius: 999px !important;
}

/* Badges */
.badge,
.label {
  border-radius: 999px !important;
}

/* Tables */
.table,
table {
  border-radius: 12px;
}

/* Sidebar */
.sidebar a,
.menu a {
  border-radius: 10px;
}


/* ===== DOTSHIFT STYLE ICON FIX ===== */

.tile {
  position: relative;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  padding-top: 28px !important;
  padding-bottom: 24px !important;
}

.tile-icon-absolute {
  position: absolute;
  top: 12px;
  left: 12px;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #2a2a2a;
}

.tile-icon-absolute i {
  font-size: 18px;
  color: #111;
}

/* Colors */
.tiles .swiper-slide:nth-child(1) .tile-icon-absolute {
  background: #B4E3CA;
}

.tiles .swiper-slide:nth-child(2) .tile-icon-absolute {
  background: #CABDFD;
}

.tiles .swiper-slide:nth-child(3) .tile-icon-absolute {
  background: #B0E4FB;
}

.tiles .swiper-slide:nth-child(4) .tile-icon-absolute {
  background: #FFD891;
}

/* Text */
.tile-title {
  margin-top: 10px;
  font-weight: 500;
}


/* ===== RECAPTCHA FIX (BALANCED SIZE) ===== */

.g-recaptcha {
  display: flex;
  justify-content: center;
}

@media (max-width: 480px) {
  .g-recaptcha {
    transform: scale(0.95);
    transform-origin: center;
  }
}





/* ===== PREMIUM MOBILE CATEGORY DROPDOWN (FINAL FIXED) ===== */
@supports (disabled: true) {
  @media (max-width: 768px) {

    /* Container */
    .categories-collapsed {
      position: relative !important;
      overflow: visible !important;
    }

    /* Button */
    .categories-collapsed .dropdown-toggle {
      width: 100% !important;
      text-align: left;
      border-radius: 12px;
      padding: 10px 14px;
      font-weight: 500;
    }

    /* Dropdown (LEFT ALIGNED - CLEAN) */
    .categories-collapsed .dropdown-menu {
      position: absolute !important;
      top: calc(100% + 8px) !important;
      left: 0 !important;
      right: auto !important;
      transform: none !important;

      width: 85% !important;
      max-width: 260px;

      z-index: 9999 !important;

      max-height: 260px;
      overflow-y: auto;

      border-radius: 16px;
      padding: 10px;

      background: rgba(255, 255, 255, 0.92);
      backdrop-filter: blur(10px);

      box-shadow: 0 20px 50px rgba(0, 0, 0, 0.15);
      border: 1px solid rgba(0, 0, 0, 0.05);

      animation: smoothDropdown 0.2s ease;
    }

    /* ===== FORCE SCROLLBAR FIX ===== */

    /* main scroll container */
    .categories-collapsed .dropdown-menu,
    .categories-collapsed .dropdown-menu ul {
      max-height: 260px;
      overflow-y: auto !important;
    }

    /* CHROME / EDGE */
    .categories-collapsed .dropdown-menu::-webkit-scrollbar,
    .categories-collapsed .dropdown-menu ul::-webkit-scrollbar {
      width: 8px;
    }

    .categories-collapsed .dropdown-menu::-webkit-scrollbar-thumb,
    .categories-collapsed .dropdown-menu ul::-webkit-scrollbar-thumb {
      background: rgba(0, 0, 0, 0.35);
      border-radius: 999px;
    }

    .categories-collapsed .dropdown-menu::-webkit-scrollbar-thumb:hover,
    .categories-collapsed .dropdown-menu ul::-webkit-scrollbar-thumb:hover {
      background: rgba(0, 0, 0, 0.5);
    }

    /* FIREFOX FIX */
    .categories-collapsed .dropdown-menu,
    .categories-collapsed .dropdown-menu ul {
      scrollbar-width: thin;
      scrollbar-color: rgba(0, 0, 0, 0.4) transparent;
    }


    /* ===== ITEMS ===== */
    .categories-collapsed .dropdown-menu li a {
      display: block;
      padding: 10px 14px;
      margin-bottom: 4px;

      border-radius: 10px;
      font-size: 14px;
      font-weight: 500;

      transition: all 0.2s ease;
    }

    /* Hover */
    .categories-collapsed .dropdown-menu li a:hover {
      background: #f5f8ff;
      transform: translateX(3px);
      color: #1a6cf5;
    }

    /* Active */
    .categories-collapsed .dropdown-menu li.active a {
      background: #eaf1ff;
      color: #1a6cf5;
    }

    /* ===== HEADINGS (Categories / Actions) ===== */
    .categories-collapsed .dropdown-menu .dropdown-header {
      font-size: 13px;
      font-weight: 700;
      color: #111;

      padding: 8px 14px 6px;
      margin-top: 6px;

      letter-spacing: 0.3px;
      opacity: 1;
    }

    /* Divider */
    .categories-collapsed .dropdown-menu .dropdown-header::after {
      content: "";
      display: block;
      height: 1px;
      background: rgba(0, 0, 0, 0.06);
      margin-top: 6px;
    }

    /* ===== ANIMATION (FIXED FOR LEFT ALIGN) ===== */
    @keyframes smoothDropdown {
      from {
        opacity: 0;
        transform: translateY(-8px);
      }

      to {
        opacity: 1;
        transform: translateY(0);
      }
    }
  }
}

/* End disabled PREMIUM MOBILE CATEGORY DROPDOWN */





  .grecaptcha-badge {
    visibility: hidden !important;
  }

  /* Delete button ko thoda side karne ke liye */
  .btn-remove-domain {
    margin-left: 10px !important;
    border-radius: 8px !important;
    /* Agar corners round nahi hain toh ye bhi daal do */
  }

  /* Optional: Agar "Added" button ke right side ke corners flat hain */
  .btn-add-to-cart.checkout {
    border-radius: 8px !important;
    margin-right: 5px;
  }

  /* ===== COMPREHENSIVE CURVED DROPDOWNS & SELECTS ===== */
  @supports (disabled: true) {

    .select2-dropdown,
    .select2-container--default .select2-results>.select2-results__options,
    .select2-selection--single,
    .select2-selection--multiple,
    .select2-container--default .select2-selection--single,
    .select2-container--default .select2-selection--multiple,
    .bootstrap-select .dropdown-menu,
    .dropdown-menu-inner,
    .dropdown-menu .dropdown-menu-list,
    .custom-gateway-dropdown-menu {
      border-radius: 16px !important;
      box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1) !important;
      border: 1px solid rgba(0, 0, 0, 0.08) !important;
    }

    /* Specific styling for custom gateway menu to allow rounded corners with overflow hidden */
    .custom-gateway-dropdown-menu {
      overflow: hidden !important;
    }

    /* Rounded Select2 choices & boxes */
    .select2-container--default .select2-selection--single .select2-selection__rendered,
    .select2-container--default .select2-selection--multiple .select2-selection__rendered {
      border-radius: 12px !important;
    }

    .select2-container--default .select2-selection--single,
    .select2-container--default .select2-selection--multiple {
      border-radius: 12px !important;
      border-color: #d2d6dc !important;
    }
  }

  /* End disabled COMPREHENSIVE CURVED DROPDOWNS */

  /* Allow dropdown to overflow the blue summary panel on the invoice page */
  .panel-view-invoice,
  .panel-view-invoice .panel-body,
  .panel-view-invoice .panel-footer,
  .panel-view-invoice form {
    overflow: visible !important;
  }

  /* ===== REMOVE GREY VERTICAL LINE FROM SIDEBAR NESTED MENUS ===== */
  .app-nav .menu-item-has-children>ul::before,
  .lagom-sidebar .nav>li>ul::before,
  .sidebar .nav-tree::before,
  ul.nav-tree::before,
  .nav-tree ul::before,
  .app-nav .nav-tree::before,
  .menu-item-has-children::before {
    display: none !important;
    border: none !important;
    content: none !important;
    width: 0 !important;
    background: transparent !important;
  }

  .app-nav .menu-item-has-children>ul,
  .lagom-sidebar .nav>li>ul,
  .sidebar .nav-tree,
  ul.nav-tree,
  .nav-tree ul,
  .app-nav-menu ul.nav {
    border-left: none !important;
    border-left-width: 0 !important;
    border-left-color: transparent !important;
  }

  /* ===== FIX TABLE ROW DROPDOWN CLIPPING (3-DOTS ACTIONS MENU) ===== */
  .table-container {
    overflow: visible !important;
    min-height: 280px;
  }

  .table-container .dataTables_wrapper {
    overflow: visible !important;
  }

  .table-container .listtable {
    overflow: visible !important;
    position: relative;
    z-index: 10;
  }

  .table-container table,
  .table-container .table {
    overflow: visible !important;
  }

  .table .cell-action {
    position: relative;
    overflow: visible !important;
  }

  .table .cell-action .dropdown.open,
  .table .cell-action .dropdown.show {
    position: relative;
    z-index: 1050;
  }

  .table .cell-action .dropdown-menu {
    z-index: 1050 !important;
  }

  @media (min-width: 768px) {
    .table-responsive {
      overflow: visible !important;
    }
  }

  /* ===== ACTIVE SSL STATUS GREEN FIX ===== */
  img[src*="ssl-active"] + #statusDisplayLabel,
  img.ssl-active + #statusDisplayLabel,
  .ssl-active + #statusDisplayLabel {
    color: #1fc063 !important;
    font-weight: 500;
  }

/* ===== DEPARTMENT CARDS & CUSTOM BADGE ICONS ===== */
.panel-department-box {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  text-decoration: none !important;
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease !important;
  border-radius: 16px !important;
  position: relative;
  overflow: hidden;
  border: 1px solid #e2e8f0 !important;
}
.panel-department-box .panel-body {
  flex: 1 1 auto !important;
}
.panel-department-box:hover {
  transform: translateY(-5px) !important;
  box-shadow: 0 16px 32px rgba(16, 98, 254, 0.08) !important;
  border-color: #1062fe !important;
}
.dept-icon-wrapper {
  margin-bottom: 14px;
}
.dept-icon-badge {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border-radius: 14px;
  font-size: 22px;
  transition: transform 0.25s ease;
}
.dept-icon-badge i {
  font-family: "Font Awesome 5 Pro", "Font Awesome 5 Free", "FontAwesome" !important;
  font-style: normal !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}
.panel-department-box:hover .dept-icon-badge {
  transform: scale(1.12);
}
.dept-icon-badge.dept-tech {
  background: #eaf2ff !important;
  color: #1062fe !important;
}
.dept-icon-badge.dept-billing {
  background: #e7f8eb !important;
  color: #27ae60 !important;
}
.dept-icon-badge.dept-sales {
  background: #f3efff !important;
  color: #7b2cbf !important;
}
.dept-icon-badge.dept-default {
  background: #fff4e5 !important;
  color: #ffaa00 !important;
}
.panel-department-box .support-title {
  font-size: 17px !important;
  font-weight: 600 !important;
  margin-bottom: 8px !important;
  color: #1a1e2b !important;
}
.panel-department-box .support-desc {
  font-size: 13.5px !important;
  color: #6c757d !important;
  line-height: 1.5 !important;
  min-height: 44px;
}
.panel-department-box .panel-footer {
  background: transparent !important;
  border-top: none !important;
  padding-top: 0 !important;
}
.panel-department-box .btn-primary-faded {
  border-radius: 10px !important;
  font-weight: 500 !important;
  transition: all 0.25s ease !important;
}
.panel-department-box:hover .btn-primary-faded {
  background-color: #1062fe !important;
  color: #ffffff !important;
  border-color: #1062fe !important;
}

/* Hide loader animation only on Order Summary */
#orderSummaryLoader,
#orderSummaryLoaderMob {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* Original Mobile Layout for Dashboard Tiles */
@media (max-width: 767.98px) {
  .tiles .tile,
  .tiles.swiper-container .tile {
    display: flex !important;
    flex-direction: row !important;
    justify-content: flex-start !important;
    align-items: center !important;
    min-height: 74px !important;
    height: 74px !important;
    padding: 12px 24px !important;
    text-align: left !important;
  }
  .tiles .tile .tile-icon-absolute,
  .tiles .tile .tile-icon,
  .tiles.swiper-container .tile .tile-icon-absolute,
  .tiles.swiper-container .tile .tile-icon {
    position: static !important;
    margin: 0 16px 0 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
  }
  .tiles .tile .tile-title,
  .tiles.swiper-container .tile .tile-title {
    order: 1 !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    color: #4b5563 !important;
    text-align: left !important;
    flex: 1 !important;
  }
  .tiles .tile .tile-stat,
  .tiles.swiper-container .tile .tile-stat {
    order: 2 !important;
    margin: 0 0 0 auto !important;
    padding: 0 !important;
    font-size: 32px !important;
    font-weight: 500 !important;
    line-height: 1 !important;
  }
}

/* ==========================================================================
   MODERN SKELETON SHIMMER LOADER FOR SPOTLIGHT & SUGGESTED DOMAINS
   ========================================================================== */

/* Shimmer Keyframe Animation */
@keyframes lagomSkeletonShimmer {
  0% {
    background-position: -200% 0;
  }
  100% {
    background-position: 200% 0;
  }
}

.skeleton-shimmer {
  background-size: 200% 100% !important;
  animation: lagomSkeletonShimmer 1.5s cubic-bezier(0.4, 0, 0.2, 1) infinite !important;
}

/* Base Shimmer Colors for Dark / Futuristic Theme */
body.lagom-futuristic .skeleton-shimmer {
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0.05) 0%,
    rgba(255, 255, 255, 0.14) 50%,
    rgba(255, 255, 255, 0.05) 100%
  ) !important;
}

/* Base Shimmer Colors for Light Theme */
body:not(.lagom-futuristic) .skeleton-shimmer {
  background: linear-gradient(
    90deg,
    #edf0f5 0%,
    #f8f9fa 50%,
    #edf0f5 100%
  ) !important;
}

/* Spotlights Container Positioning */
#spotlightTlds .section-body {
  position: relative !important;
}

#spotlightTlds .world-loader,
.spotlight-tlds .world-loader,
.world-loader-spotlight {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 185px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  margin: 0 !important;
  padding: 0 !important;
  z-index: 5 !important;
  display: block !important;
  justify-content: flex-start !important;
  align-items: stretch !important;
}

#spotlightTlds .world-loader.hidden,
.spotlight-tlds .world-loader.hidden,
.world-loader-spotlight.hidden {
  display: none !important;
}

/* Eliminate Lagom legacy circle globe styles */
.skeleton-loader-content,
#spotlightTlds .world-loader .world-loader-content,
.spotlight-tlds .world-loader .world-loader-content,
.world-loader .world-loader-content {
  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  border-radius: 0 !important;
  border: none !important;
  overflow: visible !important;
  position: static !important;
  padding: 0 !important;
}

/* Skeleton Spotlight Cards Layout */
.skeleton-spotlight-wrapper {
  width: 100%;
  height: 100%;
}

.skeleton-spotlight-row {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  margin-left: -6px !important;
  margin-right: -6px !important;
  height: 100% !important;
  align-items: stretch !important;
}

.skeleton-spotlight-col {
  flex: 1 0 0% !important;
  max-width: 100% !important;
  padding-left: 6px !important;
  padding-right: 6px !important;
  display: flex !important;
  min-width: 120px !important;
  box-sizing: border-box !important;
}

.skeleton-spotlight-card {
  width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  padding: 18px 14px 14px !important;
  border-radius: 12px !important;
  box-sizing: border-box !important;
  min-height: 180px !important;
  transition: all 0.2s ease !important;
}

/* Theme styling for Spotlight Cards */
body.lagom-futuristic .skeleton-spotlight-card {
  background: rgba(255, 255, 255, 0.03) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
}

body:not(.lagom-futuristic) .skeleton-spotlight-card {
  background: #ffffff !important;
  border: 1px solid #e9ecef !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04) !important;
}

/* Card Elements */
.skeleton-card-badge {
  width: 48px !important;
  height: 14px !important;
  border-radius: 20px !important;
  margin-bottom: 12px !important;
}

.skeleton-card-tld {
  width: 70px !important;
  height: 28px !important;
  border-radius: 8px !important;
  margin-bottom: 16px !important;
}

.skeleton-card-divider {
  width: 100% !important;
  height: 1px !important;
  margin-bottom: 12px !important;
}

body.lagom-futuristic .skeleton-card-divider {
  background: rgba(255, 255, 255, 0.06) !important;
}

body:not(.lagom-futuristic) .skeleton-card-divider {
  background: #f1f3f5 !important;
}

.skeleton-card-price {
  width: 65px !important;
  height: 18px !important;
  border-radius: 4px !important;
  margin-bottom: 12px !important;
}

.skeleton-card-btn {
  width: 100% !important;
  height: 32px !important;
  border-radius: 8px !important;
  margin-top: auto !important;
}

/* Responsive adjustment for Mobile */
@media (max-width: 767.98px) {
  .skeleton-spotlight-row {
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    padding-bottom: 8px !important;
    scrollbar-width: none !important;
  }
  .skeleton-spotlight-row::-webkit-scrollbar {
    display: none !important;
  }
  .skeleton-spotlight-col {
    flex: 0 0 140px !important;
    max-width: 140px !important;
  }
}

/* Suggested Domains Skeleton */
.suggested-domains .world-loader {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 12px 0 0 0 !important;
}

.suggested-domains .world-loader .world-loader-content {
  padding: 0 !important;
}

.skeleton-suggested-wrapper {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  width: 100% !important;
}

.skeleton-suggested-item {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 12px 18px !important;
  border-radius: 10px !important;
  box-sizing: border-box !important;
  min-height: 54px !important;
}

body.lagom-futuristic .skeleton-suggested-item {
  background: rgba(255, 255, 255, 0.03) !important;
  border: 1px solid rgba(255, 255, 255, 0.07) !important;
}

body:not(.lagom-futuristic) .skeleton-suggested-item {
  background: #ffffff !important;
  border: 1px solid #e9ecef !important;
}

.skeleton-suggested-left {
  display: flex !important;
  align-items: center !important;
}

.skeleton-domain-name {
  width: 160px !important;
  height: 20px !important;
  border-radius: 6px !important;
}

.skeleton-suggested-right {
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
}

.skeleton-domain-price {
  width: 70px !important;
  height: 18px !important;
  border-radius: 4px !important;
}

.skeleton-domain-btn {
  width: 80px !important;
  height: 32px !important;
  border-radius: 8px !important;
}