/* ==========================================================================
   WSLA Technology - Consolidated Base Stylesheet
   Generated cleanup: legacy custom.css rules are loaded here before the
   modern WSLA base layer to keep the previous visual order while making
   wsla-base.css the single primary project stylesheet.
   ========================================================================== */

/* @import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,wght@0,200;0,300;0,400;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,600;1,700;1,800;1,900&display=swap'); */
/* @import url("https://fonts.googleapis.com/css2?family=Alexandria:wght@100..900&family=Almarai:wght@300;400;700;800&family=Tajawal:wght@200;300;400;500;700;800;900&display=swap"); */
@import url('https://fonts.googleapis.com/css2?family=Noto+Kufi+Arabic:wght@100..900&display=swap');
h1 {
  font-size: 20px;
}

body {
  font-family: "Noto Kufi Arabic", serif;
  font-optical-sizing: auto;
  font-weight: normal;
  font-style: normal;
}

a {
  text-decoration: none;
}

body.primary-bg-color,
section#main-body {
  background-color: #f6f6f6;
}

section#main-body {
  min-height: auto;
  padding: 0;
}

/*=================== header-css-start============== */

.navbar.navbar-light.mobile-bar {
  display: none;
}

.master-breadcrumb .breadcrumb {
  padding: 20px 0;
  font-size: 0.9rem;
}

.master-breadcrumb .breadcrumb li.breadcrumb-item a {
  font-size: 13px;
  letter-spacing: 1px;
  line-height: 22px;
  color: #262a33;
}
.master-breadcrumb .breadcrumb li.breadcrumb-item.active {
  color: #757575;
}
header.header .main-navbar-wrapper .navbar-nav a {
  font-size: 16px;
  color: #000;
  font-weight: 600;
  padding-right: 0 !important;
  margin: 0px 17px;
  position: relative;
  transition: all 0.3s ease-in;
  text-decoration: none;
  padding-bottom: 5px;
}

header.header .main-navbar-wrapper .navbar-nav a:hover::before {
  width: 100%;
}

header.header .main-navbar-wrapper .navbar-nav a::before {
  content: "";
  position: absolute;
  width: 0%;
  height: 2px;
  background-color: #000;
  bottom: 0;
  left: 0;
  transition: all 0.3s ease-in;
}

header.header .main-navbar-wrapper .navbar-nav ul.dropdown-menu li:hover {
  background-color: #f3f3f3;
}

header.header .main-navbar-wrapper .navbar-nav ul.dropdown-menu li a:hover {
  background-color: transparent;
}

header.header .main-navbar-wrapper .navbar-nav ul.dropdown-menu li a::before,
.main-navbar-wrapper .navbar-nav ul.dropdown-menu .dropdown-divider {
  display: none;
}

header.header .main-navbar-wrapper .navbar-nav ul.dropdown-menu li a {
  margin: 0;
  font-size: 13px;
  padding-left: 0 !important;
  display: inline-block;
  color: #262a33;
}

header.header .main-navbar-wrapper .navbar-nav ul.dropdown-menu li {
  padding: 3px 18px;
}

header.header
  .main-navbar-wrapper
  .navbar-nav
  ul.dropdown-menu
  li:first-child
  a {
  padding-top: 5px !important;
}
header.header .main-navbar-wrapper .navbar-nav ul.dropdown-menu li a {
  padding: 3px 0 !important;
}
header.header
  .main-navbar-wrapper
  .navbar-nav
  ul.dropdown-menu
  li:last-child
  a {
  padding-bottom: 5px !important;
}

.main-navbar-wrapper .navbar-nav ul.dropdown-menu {
  padding: 0;
  margin-top: 10px;
  background-color: #fff;
}

header.header .navbar.navbar-light {
  border-bottom: 1px solid #ffeded;
  padding: 0.5rem 0rem;
}
header.header .main-navbar-wrapper .cart-btn i {
  font-weight: 700;
}
li#Secondary_Navbar-Account ul.dropdown-menu.dropdown-menu-right.show {
  position: absolute;
}

div#carousel-20i-notification .carousel-item a {
  color: #fff;
  text-decoration: none;
  max-width: 60%;
}

div#carousel-20i-notification .carousel-item a span {
  font-size: 13px;
  letter-spacing: 1px;
  line-height: 22px;
  color: #f3f5f7;
  font-weight: 400;
  padding-top: 3px;
}

header.header .topbar {
  padding: 5px 0;
  background-color: #f66257;
}

div#carousel-20i-notification {
  width: 100%;
  text-align: center;
}

div#carousel-20i-notification .carousel-control-next-icon,
div#carousel-20i-notification .carousel-control-prev-icon {
  width: 10px;
}

header.header .logo-img {
  max-height: 42px;
}

header.header .main-navbar-wrapper div#mainNavbar {
  padding-left: 0;
  padding-right: 0;
}

header.header a.login-btn-20i,
header.header a.register-btn-20i,
#frmCheckout button#btnCompleteOrder,
#frmProductDomainSelections button#btnDomainContinue,
#DomainSearchResults .domain-price button.btn-add-to-cart {
  font-size: 13px;
  letter-spacing: 1px;
  line-height: 22px;
  color: #ffffff;
  font-weight: 600;
  border-radius: 3px;
  text-align: center;
  padding: 7px 18px;
  text-decoration: none;
  border: 1px solid transparent;
}

#DomainSearchResults .domain-price button.btn.btn-primary.btn-add-to-cart {
  display: block;
  margin: 7px auto;
  background-color: #111;
}

header.header a.login-btn-20i {
  background-color: #f66257;
  color: #fff;
  margin-right: 12px;
  transition: 0.3s ease all;
}

header.header a.login-btn-20i:hover,
#registration .btn-primary:hover,
#frmCheckout button#btnCompleteOrder:hover,
#frmProductDomainSelections button#btnDomainContinue:hover,
#order-standard_cart #frmConfigureProduct .addon-products .panel-add:hover,
.home-page-slider-panel .promo-banner .card-body .btn-success:hover,
#order-standard_cart
  #DomainSearchResults
  .domain-price
  button.btn-add-to-cart:hover,
.card-body.store-promoted-product .btn-success:hover {
  background-color: #f66257;
  border-color: #f66257;
  color: #fff;
}
header.header a.login-btn-20i:hover {
  background-color: #f66257;
  color: #fff;
}
header.header a.register-btn-20i {
  background-color: #262a33;
  transition: 0.3s ease all;
  border: 1px solid transparent;
  color: #fff;
}

header.header a.register-btn-20i:hover {
  background-color: #16181d;
  color: #fff;
}

header.header .main-navbar-wrapper {
  padding: 10px 0px;
  /* box-shadow: 0 0 5px 0 rgb(0 0 0 / 10%); */
}

.tab-content.margin-bottom
  div#tabOverview
  .product-details
  .product-status
  .product-icon
  i {
  color: #f66257;
}

.tab-content.margin-bottom
  div#tabOverview
  .product-details
  .product-status
  .product-icon
  h4 {
  margin-top: 15px;
}

header.header .main-navbar-wrapper .cart-btn span.badge.badge-info {
  position: absolute;
  top: 1px;
  right: 6px;
  background-color: #f66257;
  border-radius: 100%;
  font-size: 10px;
  padding: 3px;
  width: 15px;
  height: 15px;
}

header.header .main-navbar-wrapper .cart-btn {
  position: relative;
}

.right-part-20i {
  display: flex;
  align-items: center;
}

.right-part-20i a.search-20i {
  margin: 0px 17px;
}

.right-part-20i .cartbtn-20i {
  margin-right: 22px;
}

header.header .toolbar .nav-link .badge {
  background-color: #1bc577;
}

header.header .navbar.navbar-expand-xl.main-navbar-wrapper.login-20i-header {
  padding: 7px 0px;
}

.form-knowldegbase-20i .input-group.search,
.form-knowldegbase-20i-without-login .input-group.search,
.form-knowldegbase-20i,
.form-knowldegbase-20i-without-login {
  width: 60%;
  margin-left: auto;
}

div#carousel-20i-notification .carousel-item {
  margin: auto;
  float: none;
}

div#carousel-20i-notification .carousel-item a i {
  position: relative;
  top: -6px;
}

div#carousel-20i-notification .carousel-item a span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 60%;
  display: inline-block;
}

div#carousel-20i-notification {
  height: 26px;
}

/* ===============================Ballu-sir-css ============================== */

/*======clientarea css start=======*/

.card-footer {
  background-color: transparent;
  border-top: none;
  padding-left: 25px;
  padding-right: 25px;
}

.card-sidebar .collapsable-card-body .card-body {
  padding: 3px 25px;
}

.sidebar .card.card-sidebar {
  border-radius: 0;
  background-color: #ffffff;
  border: 0;
  margin: 0 !important;
  border-bottom: 1px solid #ffeded;
  padding-bottom: 20px;
  padding-top: 8px;
}

.card-sidebar .collapsable-card-body .card-body em {
  font-style: inherit;
}

.card-sidebar .collapsable-card-body .card-body,
.card-sidebar .collapsable-card-body .card-body strong {
  color: #6b788b;
}

.card-sidebar .collapsable-card-body .card-body,
.card-sidebar .collapsable-card-body .card-body strong,
.dataTables_wrapper .dataTables_info {
  font-size: 13px;
  line-height: 23px;
  font-weight: 600;
}

.dataTables_wrapper .dataTables_info {
  color: #7a7a7a;
  letter-spacing: 1px;
}

.sidebar .card-title i:first-child {
  display: none;
}

.card-sidebar .card-footer a.btn.btn-default.btn-sm.btn-block i,
.sidebar .card-footer .btn-success i {
  padding-right: 2px;
}

.card-sidebar .card-footer a.btn.btn-default.btn-sm.btn-block,
.sidebar .card-footer .btn-success {
  min-width: 110px;
  font-size: 12px;
  line-height: 26px;
  color: #f66257;
  font-weight: 600;
  border-radius: 2px;
  background-color: #ffeded;
  padding: 3px 10px;
  border: 0;
  width: auto;
  display: inline-block;
}

.tiles .row .col-6:nth-of-type(1) a .stat,
.tiles .row .col-6:nth-of-type(1) a i {
  color: #f66257;
}

.tiles .row .col-6:nth-of-type(2) a .stat,
.tiles .row .col-6:nth-of-type(2) a i {
  color: #3699ff;
}

.tiles .row .col-6:nth-of-type(3) a .stat,
.tiles .row .col-6:nth-of-type(3) a i {
  color: #1bc5bd;
}

.tiles .row .col-6:nth-of-type(4) a .stat,
.tiles .row .col-6:nth-of-type(4) a i {
  color: #ffa800;
}

.tiles .row .col-6 {
  text-align: center;
}

.tiles .tile .stat {
  font-size: 50px;
  line-height: 64px;
  font-weight: 700;
}

.tiles .tile .title {
  font-size: 14px;
  line-height: 22px;
  color: #474747;
  margin-bottom: 15px;
}

.tiles {
  margin-bottom: 0px !important;
}

.tiles .tile .highlight {
  display: none;
}

.tiles .tile i {
  font-size: 20px;
  left: 19px;
  right: auto;
  top: 18px;
}

.tiles .tile:hover i {
  font-size: 20px;
}

.tiles .tile::before {
  content: "";
  position: absolute;
  width: 45px;
  height: 45px;
  border-radius: 2px;
  left: 0;
  top: 0;
  margin: 6px;
}

.tiles .row .col-6:nth-of-type(1) a::before {
  background-color: #ffeaec;
}

.tiles .row .col-6:nth-of-type(2) a::before {
  background-color: #e1f0ff;
}

.tiles .row .col-6:nth-of-type(3) a::before {
  background-color: #c9f7f5;
}

.tiles .row .col-6:nth-of-type(4) a::before {
  background-color: #fff4de;
}

.tiles .row .col-6 {
  padding: 0px 10px;
  margin-bottom: 20px;
}

.tiles .tile {
  border-radius: 3px;
  border: 0;
}

.tiles .tile .stat {
  margin-top: 12px;
}

.client-home-cards .card {
  border-top: 0;
  border-radius: 3px;
  margin-bottom: 20px;
}

.client-home-cards .card .card-title,
.home-page-slider-panel h3 {
  font-size: 15px !important;
  line-height: 22px;
  color: #474747;
  background-color: #f6f6f6;
  padding: 13px 15px !important;
}

.client-home-cards .card h3.card-title i {
  font-size: 19px;
  margin-right: 5px;
  color: #6f7e9b;
}

.card.card-accent-emerald h3.card-title i {
  margin-right: 0;
}

.client-home-cards .card h3.card-title .btn-default i,
.card.card-accent-emerald .card-header .card-title,
#main-body .client-home-cards .card-header .bg-color-blue:hover {
  color: #fff;
}

.client-home-cards .card-header {
  padding: 10px 10px 0px 10px;
}

.client-home-cards .card-body p,
.client-home-cards .list-group .list-group-item,
.home-page-slider-panel .promo-banner .content ul li,
.card-body.store-promoted-product ul li {
  padding: 0px;
  font-size: 14px;
  line-height: 23px;
  color: #464747;
  font-weight: 600;
}

.client-home-cards .card-body {
  padding: 15px 20px 15px;
}

.client-home-cards .list-group .list-group-item {
  padding: 18px 20px 18px;
}

.client-home-cards .card.card-accent-blue label.label {
  font-size: 73%;
  color: #fff;
}

.client-home-cards .list-group {
  border: 0 !important;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}

.client-home-cards .card-footer {
  padding: 0;
}

.client-home-cards .card-header .btn i {
  display: none;
}

.client-home-cards .card-header .btn {
  border: 0;
  background-color: transparent;
  font-size: 12px;
  line-height: 23px;
  color: #868789;
  font-weight: 600;
  text-decoration: underline;
  padding: 0;
}

.client-home-cards .card-header .btn:focus,
.card.card-accent-emerald input.btn.btn-success:focus,
.card.card-accent-emerald input.btn.btn-default:focus,
.domain-checker-container button#btnCheckAvailability:focus {
  box-shadow: none;
}

.client-home-cards .card-header .btn:hover {
  color: #868789;
}

.client-home-cards .card-header .btn.bg-color-red,
.client-home-cards .card-header .bg-color-blue,
.client-home-cards .list-group .list-group-item .label-success,
.alert-warning a.btn-default,
.alert.alert-danger .btn-default {
  text-decoration: none;
  font-size: 11px;
  line-height: 22px;
  font-weight: 600;
  color: #ffffff;
  border-radius: 2px;
  padding: 0px 10px;
  border: 0;
}

.client-home-cards .card-header .btn.bg-color-red,
.alert-warning a.btn-default,
.alert.alert-danger .btn-default {
  background-color: #f66257;
}

.client-home-cards .card-header .bg-color-blue {
  background-color: #1bc577;
}

.client-home-cards .list-group .list-group-item .text-domain,
.client-home-cards .card-body p a {
  color: #111;
  font-weight: 600;
}

.client-home-cards .list-group .list-group-item .label-success,
.dataTables_wrapper .status-active {
  background-color: #e3f9f2;
  color: #01aa5d;
}

.client-home-cards .list-group .list-group-item:hover {
  background-color: transparent;
}

.card.card-accent-emerald,
.card.card-accent-emerald .card-header,
.card.card-accent-emerald .card-header .card-title {
  background-color: #f66257;
}

.card.card-accent-emerald .card-header .card-title i {
  color: #fff;
}

.card.card-accent-emerald .card-header .card-title {
  font-size: 22px;
  line-height: 30px;
  font-weight: 700;
}

.card.card-accent-emerald input.form-control {
  width: 100%;
  padding: 28px 10px;
  margin-bottom: 15px;
  border: 0;
  border-radius: 3px;
  font-size: 17px;
  line-height: 22px;
  color: #2e3442;
  font-weight: 400;
}

.card.card-accent-emerald input.btn.btn-success,
.card.card-accent-emerald input.btn.btn-default {
  font-size: 15px;
  letter-spacing: 1px;
  line-height: 22px;
  color: #ffffff;
  font-weight: 500;
  border-radius: 2px !important;
  margin-right: 10px;
  padding: 6px 25px;
}

.card.card-accent-emerald input.btn.btn-success {
  background-color: #262a33;
  border: 2px solid #262a33;
}

.card.card-accent-emerald input.btn.btn-success:hover {
  background-color: #16181d;
  border: 2px solid #16181d;
}

.card.card-accent-emerald input.btn.btn-default {
  background-color: #1bc577;
  border: 2px solid #1bc577;
}

.card.card-accent-emerald input.btn.btn-default:hover {
  background-color: #12a05f;
  border: 2px solid #12a05f;
  color: #fff;
}

.client-home-cards .col-md-6 {
  padding: 0px 9px;
}

.tiles .tile,
.tiles .tile:hover {
  background-color: #fff;
}

.client-home-cards .row {
  width: 100%;
  margin: 0;
}

.client-home-cards .list-group .list-group-item span.text-last-updated {
  color: #acb0b8;
}

.tiles .tile:hover {
  margin-top: -5px;
}

/*======clientarea css end=======*/

/* =================================================== */

/*============= services-page-css-start ==============*/

.sidebar .list-group-item > i.far.fa-circle::after,
.sidebar .list-group-item.active > i.far.fa-dot-circle::after {
  content: "";
  position: absolute;
  width: 6px;
  height: 6px;
  z-index: -1;
  border-radius: 50%;
  left: calc(50% - 3px);
  top: calc(50% - 3px);
}

.sidebar .list-group-item > i.far.fa-circle,
.sidebar .list-group-item > i.far.fa-dot-circle {
  color: #dfdfdf;
  position: relative;
  z-index: 0;
  font-size: 18px;
  top: 2px;
}

.sidebar a[menuitemname="Active"] > i.far.fa-dot-circle,
.sidebar a[menuitemname="Paid"] > i.far.fa-dot-circle,
.sidebar a[menuitemname="clientareaactive"] > i.far.fa-dot-circle,
.sidebar a[menuitemname="Delivered"] > i.far.fa-dot-circle,
.sidebar a[menuitemname="Answered"] > i.far.fa-dot-circle {
  color: #01aa5d;
}

.sidebar a[menuitemname="Pending"] > i.far.fa-dot-circle,
.sidebar a[menuitemname="clientareapending"] > i.far.fa-dot-circle {
  color: #6f7997;
}

.sidebar a[menuitemname="Suspended"] > i.far.fa-dot-circle,
.sidebar a[menuitemname="Unpaid"] > i.far.fa-dot-circle,
.sidebar a[menuitemname="Open"] > i.far.fa-dot-circle {
  color: #f66257;
}

.sidebar a[menuitemname="Terminated"] > i.far.fa-dot-circle,
.sidebar a[menuitemname="Refunded"] > i.far.fa-dot-circle,
.sidebar a[menuitemname="Accepted"] > i.far.fa-dot-circle,
.sidebar a[menuitemname="Customer-Reply"] > i.far.fa-dot-circle {
  color: #dcb410;
}

.sidebar a[menuitemname="Cancelled"] > i.far.fa-dot-circle,
.sidebar a[menuitemname="clientareaexpired"] > i.far.fa-dot-circle,
.sidebar a[menuitemname="Closed"] > i.far.fa-dot-circle {
  color: #f66257;
}

.sidebar a[menuitemname="Active"] > i.far.fa-circle::after,
.sidebar a[menuitemname="Active"] > i.far.fa-dot-circle::after,
.sidebar a[menuitemname="Paid"] > i.far.fa-circle::after,
.sidebar a[menuitemname="Paid"] > i.far.fa-dot-circle::after,
.sidebar a[menuitemname="clientareaactive"] > i.far.fa-circle::after,
.sidebar a[menuitemname="clientareaactive"] > i.far.fa-dot-circle::after,
.sidebar a[menuitemname="Delivered"] > i.far.fa-dot-circle::after,
.sidebar a[menuitemname="Delivered"] > i.far.fa-circle::after,
.sidebar a[menuitemname="Answered"] > i.far.fa-dot-circle::after,
.sidebar a[menuitemname="Answered"] > i.far.fa-circle::after {
  background-color: #01aa5d;
}

.sidebar a[menuitemname="Pending"] > i.far.fa-circle::after,
.sidebar a[menuitemname="Pending"] > i.far.fa-dot-circle::after,
.sidebar a[menuitemname="clientareapending"] > i.far.fa-circle::after,
.sidebar a[menuitemname="clientareapending"] > i.far.fa-dot-circle::after {
  background-color: #6f7997;
}

.sidebar a[menuitemname="Suspended"] > i.far.fa-circle::after,
.sidebar a[menuitemname="Suspended"] > i.far.fa-dot-circle::after,
.sidebar a[menuitemname="Unpaid"] > i.far.fa-circle::after,
.sidebar a[menuitemname="Unpaid"] > i.far.fa-dot-circle::after,
.sidebar a[menuitemname="Open"] > i.far.fa-circle::after,
.sidebar a[menuitemname="Open"] > i.far.fa-dot-circle::after {
  background-color: #f66257;
}

.sidebar a[menuitemname="Terminated"] > i.far.fa-circle::after,
.sidebar a[menuitemname="Terminated"] > i.far.fa-dot-circle::after,
.sidebar a[menuitemname="Refunded"] > i.far.fa-circle::after,
.sidebar a[menuitemname="Refunded"] > i.far.fa-dot-circle::after,
.sidebar a[menuitemname="Accepted"] > i.far.fa-circle::after,
.sidebar a[menuitemname="Accepted"] > i.far.fa-dot-circle::after,
.sidebar a[menuitemname="Customer-Reply"] > i.far.fa-circle::after,
.sidebar a[menuitemname="Customer-Reply"] > i.far.fa-dot-circle::after {
  background-color: #dcb410;
}

.sidebar a[menuitemname="Cancelled"] > i.far.fa-circle::after,
.sidebar a[menuitemname="Cancelled"] > i.far.fa-dot-circle::after,
.sidebar a[menuitemname="clientareaexpired"] > i.far.fa-circle::after,
.sidebar a[menuitemname="clientareaexpired"] > i.far.fa-dot-circle::after,
.sidebar a[menuitemname="Closed"] > i.far.fa-circle::after,
.sidebar a[menuitemname="Closed"] > i.far.fa-dot-circle::after {
  background-color: #f66257;
}

table#tableServicesList td strong,
table#tableServicesList td a,
table#tableServicesList td,
.dataTables_wrapper table.table-list td,
.dataTables_wrapper table.table-list a,
.dataTables_wrapper table.table-list td strong {
  font-size: 14px;
  line-height: 25px;
}

table#tableServicesList td strong,
table#tableServicesList td,
.dataTables_wrapper table.table-list td {
  color: #474747;
  font-weight: 600;
}

table#tableServicesList td a,
.dataTables_wrapper table.table-list td a {
  color: #111;
  font-weight: 600;
  text-decoration: none;
}

table#tableServicesList td small.text-muted,
.dataTables_wrapper table.table-list td small.text-muted {
  color: #7c8088;
  font-weight: 600;
  display: block;
  margin-top: -5px;
}

table#tableServicesList td:not(:last-child),
.dataTables_wrapper table.table-list td:not(:last-child) {
  text-align: left !important;
}

table#tableServicesList th:last-child,
.dataTables_wrapper table.table-list th:last-child,
.dataTables_wrapper table.table-list td:last-child {
  text-align: unset !important;
  padding-right: 30px;
}

table#tableServicesList th,
.dataTables_wrapper table.table-list thead th {
  font-size: 15px;
  line-height: 22px;
  color: #474747;
  font-weight: 700;
  text-align: left;
}

.dataTables_wrapper table.table-list span label,
.dataTables_wrapper table.table-list th:last-child span {
  color: #f66257;
}

.dataTables_wrapper table.table-list span label,
.dataTables_wrapper table.table-list td:last-child span {
  font-size: 11px;
  line-height: 23px;
  font-weight: 600;
}

.dataTables_wrapper table.table-list span.label {
  padding: 3px 16px;
  border-radius: 2px;
}

.sidebar .card-sidebar .list-group-item.active {
  background-color: #ffeded;
  color: #f66257;
}

.dataTables_wrapper .status-pending {
  background-color: #ebedf2;
  color: #6f7997;
}

.dataTables_wrapper .status-suspended,
.dataTables_wrapper .status-unpaid {
  background-color: #ffeded;
  color: #f66257;
}

.dataTables_wrapper .status-terminated {
  background-color: #f7f0d6;
  color: #c09f19;
}

.dataTables_wrapper .status-cancelled {
  background-color: #ffd7e0;
  color: #f66257;
}

.sidebar .card-sidebar .card-minimise.minimised,
.sidebar .card-sidebar .card-minimise {
  font-size: 14px;
  color: #535353;
  position: relative;
  top: 4px;
}

.sidebar .card-sidebar .list-group-item .badge {
  padding: 5px 4px;
  text-align: right;
  background-color: #f66257;
  border-radius: 50%;
  display: inline-block;
  width: 20px;
  height: 20px;
  text-align: center;
  color: #fff;
}

.dataTables_wrapper th,
.dataTables_wrapper table.table-list thead th {
  border: 0;
}

.dataTables_wrapper .dataTables_filter label .form-control {
  font-size: 14px;
  color: #ababab;
  font-weight: 400;
  height: 40px;
  border-radius: 3px;
  border: 1px solid #dcdee2;
  width: 300px;
  background: url(../../../assets/img/search.png) #fff no-repeat 8px 12px;
}

.dataTables_wrapper div.dataTables_length label,
.dataTables_wrapper div.dataTables_length select {
  font-size: 14px;
  color: #717171;
  font-weight: 600;
}

.dataTables_wrapper div.dataTables_length select {
  font-size: 12px;
  border-radius: 2px;
  background-color: #ffffff;
  border: 1px solid rgb(113 113 113 / 37%);
  height: 24px;
  padding-top: 2px;
}

div#tableServicesList_paginate ul.pagination li a,
.dataTables_wrapper ul.pagination li a {
  font-size: 12px;
  color: #717171;
  font-weight: 600;
  padding: 4px 10px;
  border-radius: 2px;
  margin-top: 0.8px;
  border: 1px solid rgb(113 113 113 / 37%);
}

div#tableServicesList_paginate ul.pagination li,
.dataTables_wrapper ul.pagination li {
  margin: 0px 4px;
}

div.dataTables_wrapper div.dataTables_paginate ul.pagination,
.dataTables_wrapper ul.pagination {
  margin: 0;
}

div#tableServicesList_paginate .pagination > .active > a,
.dataTables_wrapper ul.pagination > .active > a {
  background-color: #111;
  border-color: #111;
  color: #fff;
  padding: 3px 8px;
}

div#tableServicesList_paginate li#tableServicesList_next a,
.dataTables_wrapper ul.pagination > .next a {
  background-color: #717171;
  color: #fff;
}

div#tableServicesList_paginate,
div#tableServicesList_length,
.dataTables_wrapper .dataTables_paginate,
.dataTables_wrapper .dataTables_length {
  padding-top: 7px;
}

table.table-list tbody td {
  padding: 18px 8px;
  border-top: 1px solid #f1f1f1;
}

.table-list > tbody > tr:hover > td {
  background-color: #f3f6f938;
}

table#tableServicesList th,
.dataTables_wrapper table.table-list th {
  background: #f3f6f9
    url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e")
    no-repeat right 0.75rem center/8px 10px;
  padding: 15px 8px;
}

table#tableServicesList th::after,
table#tableServicesList th::before,
.dataTables_wrapper table.table-list th::after,
.dataTables_wrapper table.table-list th::before {
  opacity: 0;
}

.dataTables_wrapper table {
  padding: 10px;
  background-color: #fff;
}

.dataTables_wrapper table tbody tr:first-child td {
  border-top: 0;
}

.dataTables_wrapper table th:focus,
.tab-content.margin-bottom
  div#tabOverview
  ul.nav.nav-tabs.responsive-tabs-sm
  li:focus,
.dataTables_wrapper table th:focus,
.tab-content.margin-bottom
  div#tabOverview
  ul.nav.nav-tabs.responsive-tabs-sm
  li
  a:hover,
.dataTables_wrapper table th:focus,
.tab-content.margin-bottom
  div#tabOverview
  ul.nav.nav-tabs.responsive-tabs-sm
  li
  a:focus {
  outline: 0;
}

.dataTables_wrapper table.table-list thead th.sorting_asc,
.dataTables_wrapper table.table-list thead th.sorting_desc {
  background-color: #f3f6f9;
}

/* ===================================== */

/* ============product-details============= */

.alert-warning,
.primary-content #order-standard_cart .alert-warning {
  font-size: 14px;
  line-height: 23px;
  color: #856404;
  font-weight: 600;
  background-color: #fff3cd;
  padding: 8px 10px;
  border-color: transparent;
  border-radius: 3px;
}
.modal-localisation .item-selector .item.active {
  background-color: #ddd !important;
  border-color: #bbb !important;
  color: #444 !important;
}
div.product-details .product-status-pending,
div.product-details .product-status-active {
  background-color: #ffeded;
  border-radius: 3px;
  border: 2px solid #ffeded;
  padding: 40px 30px 72px;
}

.col-sm-7.text-left.ssl-inactive img {
  margin-top: -4px;
}

div.product-details div.product-icon {
  background-color: transparent;
}

div.product-details div.product-icon span i.fas.fa-circle.fa-stack-2x,
.product-icon.text-center h3 {
  display: none;
}

div.product-details div.product-icon span i.fas.fa-hdd.fa-stack-1x.fa-inverse {
  color: #f66257;
  font-size: 65px;
}

.product-icon.text-center h4 {
  font-size: 30px;
  letter-spacing: -1px;
  line-height: 40px;
  color: #f66257;
  font-weight: 800;
}

.product-status-text {
  background-color: #f66257;
  color: #fff;
}

div.product-details div.product-icon span.fa-stack.fa-lg {
  line-height: 0;
  height: auto;
}

.product-status-text {
  font-weight: 600;
  max-width: 85px;
  width: 100%;
  border-radius: 12px;
  line-height: 15px;
  padding: 5px 5px;
  text-transform: capitalize;
  font-size: 13px;
  margin: auto;
}

.product-details .col-md-6.text-center {
  text-align: left !important;
  font-size: 14px;
  line-height: 25px;
  color: #474747;
  font-weight: 600;
}

.product-details .col-md-6.text-center h4:first-child {
  margin-top: 0;
}

.product-details .col-md-6.text-center h4 {
  font-size: 13px;
  line-height: 18px;
  color: #acb0b8;
  font-weight: 400;
  margin-bottom: 0;
  margin-top: 20px;
}

.tab-content.margin-bottom div#tabOverview {
  background-color: #fff;
  padding: 10px;
  border-radius: 3px;
  margin-bottom: 15px;
}

.tab-content.margin-bottom div#tabOverview .card,
.tab-content.margin-bottom
  div#tabOverview
  ul.nav.nav-tabs.responsive-tabs-sm
  a.nav-link.active,
.tab-content.margin-bottom div#tabOverview ul.nav.nav-tabs.responsive-tabs-sm {
  border-color: transparent;
}

.tab-content.margin-bottom div#tabOverview ul.nav.nav-tabs.responsive-tabs-sm {
  background-color: #f3f6f9;
  padding: 10px 10px 0px 10px;
  margin: 0px 20px;
}

.tab-content.margin-bottom
  div#tabOverview
  ul.nav.nav-tabs.responsive-tabs-sm
  a.nav-link {
  position: relative;
  transition: all 0.3s ease-in;
  border-color: transparent;
}

.tab-content.margin-bottom
  div#tabOverview
  ul.nav.nav-tabs.responsive-tabs-sm
  a.nav-link.active {
  background-color: transparent;
  color: #111;
  font-weight: 600;
}

.tab-content.margin-bottom
  div#tabOverview
  ul.nav.nav-tabs.responsive-tabs-sm
  a.nav-link {
  padding: 0px 0px 10px 0px !important;
  margin: 5px 12px 3px 12px;
}

.tab-content.margin-bottom
  div#tabOverview
  ul.nav.nav-tabs.responsive-tabs-sm
  a.nav-link::after {
  content: "";
  position: absolute;
  width: 0%;
  background-color: #111;
  left: 0;
  height: 2px;
  bottom: 0;
  transition: all 0.3s ease-in;
}

.tab-content.margin-bottom
  div#tabOverview
  ul.nav.nav-tabs.responsive-tabs-sm
  a.nav-link:hover::after,
.tab-content.margin-bottom
  div#tabOverview
  ul.nav.nav-tabs.responsive-tabs-sm
  a.nav-link.active::after {
  width: 100%;
}

div#domain strong,
div#domain .col-sm-7 {
  font-size: 13px;
  line-height: 35px;
  color: #acb0b8;
  font-weight: 400;
}

div#domain .col-sm-7 {
  max-width: 18%;
  color: #474747;
  font-weight: 600;
}

div#domain .col-sm-5.text-right {
  text-align: left !important;
  max-width: 15%;
}

div#domain .row {
  width: 100%;
  margin: 0;
}

div#domain p {
  text-align: left;
  padding: 0px 10px;
}

div#domain p a.btn.btn-default {
  font-size: 12px;
  line-height: 20px;
  color: #f66257;
  font-weight: 600;
  border-radius: 2px;
  background-color: #ffeded;
  border: 1px solid transparent;
  margin: 0px 5px;
}

div#domain p a.btn.btn-default:hover {
  border-color: #f66257;
}

div.product-details-tab-container {
  padding: 20px 25px;
  border: 0;
}

#tabOverview .col-lg-6 h5 {
  font-size: 13px;
  line-height: 18px;
  color: #acb0b8;
  font-weight: 400;
  margin-bottom: 0;
}

#tabOverview .col-lg-6 {
  font-size: 14px;
  line-height: 25px;
  color: #474747;
  font-weight: 600;
}

.ticket-top-cont a {
  text-decoration: none;
}

/* ====================================================== */

/*=================submit-ticket start===================*/

.card.sub-ticket {
  background: transparent;
  border: none;
}

.primary-content .sub-ticket .card-title {
  font-size: 20px;
  background: #e6e6e6;
  padding: 10px;
  border-radius: 2px;
  margin-bottom: 14px;
}

.sub-ticket .w-100.mb-4 .text-muted {
  color: #464747 !important;
  font-size: 14px;
}

.card.sub-ticket .card-body.extra-padding {
  padding: 0 15px;
}

.cs-ticket .col-md-4 {
  margin-bottom: 25px;
}

.ticket-div-20i {
  box-shadow: 0px 2px 3px #00000014;
  padding: 42px 20px;
  min-height: 100%;
  background: #fff;
  text-align: center;
  border-radius: 3px;
  transition: 0.3s ease all;
}

.ticket-div-20i .ticket-top-cont i {
  width: 100%;
  color: #f66257;
  font-size: 30px;
  margin-bottom: 20px;
}

.ticket-top-cont h5 {
  font-size: 20px;
  color: #474747;
  font-weight: bold;
  margin-bottom: 10px;
}

.ticket-div-20i .text-muted {
  color: #acb0b8 !important;
  margin: 0;
  font-size: 14px;
  line-height: 18px;
}

.cs-ticket .col-md-4:first-child,
.cs-ticket .col-md-4:nth-child(4) {
  padding-left: 0;
}

.cs-ticket .col-md-4:nth-child(3) {
  padding-right: 0;
}

/*========================submit-ticket end===================*/

/* =========================================================== */

/*===============domain-renew page start css==================*/

.domain-renewals .domain-renewal {
  border-bottom: none !important;
}

.domain-renewals {
  border-top: none !important;
}

body #order-standard_cart .font-size-24 ~ p {
  color: #7c8088;
  font-size: 12px;
}

#order-standard_cart .domain-renewals .btn-add-renewal-to-cart {
  font-size: 12px;
  letter-spacing: normal;
  line-height: 18px;
  color: #ffffff;
  font-weight: 600;
  padding: 6px 16px;
  border-radius: 3px;
  background-color: #1bc577;
  border: 1px solid #1bc577;
}

#order-standard_cart #scrollingPanelContainer .order-summary {
  background-color: transparent;
  border-bottom: 0;
  margin: 0;
}

#order-standard_cart #scrollingPanelContainer .order-summary h2 {
  margin: 0;
  padding: 20px 0px 10px;
  color: #101010;
  text-align: left;
  font-size: 20px;
  font-weight: 700;
}

#order-standard_cart #scrollingPanelContainer .summary-container {
  border-radius: 0px;
  background-color: #ffffff;
  padding: 10px 0px;
}

#order-standard_cart #scrollingPanelContainer .order-summary .product-name {
  padding: 10px 5px;
}

#order-standard_cart #scrollingPanelContainer .order-summary .summary-totals,
#order-standard_cart #scrollingPanelContainer .order-summary .subtotal,
#order-standard_cart #scrollingPanelContainer .order-summary .recurring-totals {
  padding: 0px 5px 18px;
  border-top: 0;
  border-bottom: 1px solid #edeef0;
}

div#cartDomainRenewal1,
div#cartDomainRenewal2 {
  padding: 10px 5px;
}

#scrollingPanelContainer .total-due-today {
  padding: 15px 5px;
  display: flex;
  flex-direction: column;
  text-align: left;
  margin: 0;
}

#order-standard_cart
  #scrollingPanelContainer
  .order-summary
  .total-due-today
  .amt {
  order: 2;
  font-weight: 800;
  font-size: 25px;
  color: #000;
}

#order-standard_cart
  #scrollingPanelContainer
  .order-summary
  .total-due-today
  span {
  text-align: left;
  order: 1;
  font-size: 14px;
  line-height: 20px;
  color: #7c8088;
  margin-bottom: 12px;
}

#scrollingPanelContainer a#btnGoToCart,
#order-standard_cart #scrollingPanelContainer .order-summary .btn-checkout,
#order-standard_cart
  #frmConfigureProduct
  #scrollingPanelContainer
  #orderSummary
  button#btnCompleteProductConfig {
  background-color: #f66257;
  border-color: #f66257;
  border-radius: 3px;
  width: 100%;
  font-size: 15px;
  font-weight: 700;
  padding: 12px 0;
}

#scrollingPanelContainer a#btnGoToCart:hover,
#order-standard_cart .domain-renewals .btn-add-renewal-to-cart:hover {
  background-color: #e62d2d;
  color: #fff;
}

body #order-standard_cart .domain-renewals .font-size-24 {
  font-size: 17px;
  line-height: 25px;
  color: #111;
  font-weight: 700;
  margin-bottom: 4px;
}

body #order-standard_cart .domain-renewals label.control-label {
  color: #7c8088;
}

body #order-standard_cart .domain-renewals label.control-label {
  font-size: 12px;
  font-weight: 600;
}

body #order-standard_cart .domain-renewals .form-control {
  font-size: 12px;
  color: #2e34429c;
  font-weight: 600;
  border-radius: 2px;
  background-color: #f3f6f9;
  border: 0;
  max-width: 175px;
}

.secondary-cart-body .domain-renewals .domain-renewal .label {
  border-radius: 3px;
  font-size: 11px;
  line-height: 15px;
  color: #f66257;
  font-weight: 700;
  background-color: #ffeaec;
  padding: 4px 10px;
  display: inline-block;
}

#order-standard_cart
  .secondary-cart-body
  .domain-renewals
  form.form-horizontal
  .col-md-5 {
  margin: 0 25px 0 0;
  padding: 5px 0 0 0;
  max-width: 100%;
}

#order-standard_cart .domain-renewals .domain-renewal .text-right,
#order-standard_cart .domain-renewals ~ .text-center {
  text-align: left !important;
}

body #order-standard_cart .domain-renewals form.form-horizontal .col-sm-6 {
  padding: 0;
}

#order-standard_cart .domain-renewals {
  background-color: transparent;
}

#order-standard_cart .domain-renewals .domain-renewal {
  background-color: #fff;
  box-shadow: 0px 1px 1.5px rgba(42, 46, 54, 0.11);
  border-radius: 3px;
  margin-bottom: 10px;
  padding: 25px 22px;
}

#order-standard_cart .domain-renewals .domain-renewal form.form-horizontal {
  float: left;
  width: 66%;
}

body #order-standard_cart .domain-renewals .font-size-24 ~ p {
  margin-bottom: 28px;
}

#order-standard_cart .domain-renewals ~ .text-center small,
form#frmDomainTransfer ~ .small {
  font-size: 12px;
  line-height: 19px;
  color: #7c8088;
  font-weight: 400;
  margin-top: 10px;
  display: inline-block;
}

div#producttotal .summary-totals .clearfix span,
#order-standard_cart #scrollingPanelContainer .order-summary .subtotal span,
#order-standard_cart
  #scrollingPanelContainer
  .order-summary
  .recurring-totals
  span {
  font-size: 14px;
  line-height: 20px;
  color: #7c8088;
  font-weight: 400;
}

div#scrollingPanelContainer div#orderSummary {
  background-color: #fff;
  padding: 7px 25px 30px;
  box-shadow: 0 1px 5px 1px rgb(26 32 44 / 4%);
  margin-top: 10px !important;
}

/* =========================================================== */

/*===================domain-renew page end css=================*/

/* ============================================================================= */

/*=================== ssl certificate page css start 4 feb 2021 =============*/

.primary-content .landing-page .hero {
  background: #f66257;
  padding: 80px 0;
}

.primary-content .landing-page .hero h2 {
  margin: 0 0 15px 0;
  font-size: 57px;
  letter-spacing: -1px;
  line-height: 60px;
  color: #fff;
  font-weight: 800;
}

.primary-content .landing-page .hero h3 {
  font-size: 19px;
  line-height: 31px;
  color: #fff;
  font-weight: 400;
  margin: 0 auto;
}

.primary-content .landing-page .hero img {
  width: 250px;
}

.primary-content .landing-page.ssl .validation-levels {
  padding: 70px 0px;
  background-color: #ffff;
  text-align: center;
}

.primary-content .landing-page.ssl .validation-levels h3 {
  font-size: 36px;
  line-height: 45px;
  color: #262a33;
  font-weight: 800;
  margin-bottom: 35px;
}

.primary-content .landing-page.ssl .validation-levels .col-md-6 {
  margin-bottom: 20px;
}

.primary-content .landing-page.ssl .validation-levels .item {
  border: 1px solid #ececed;
  display: grid;
  height: 100%;
  align-items: center;
  justify-items: center;
  align-content: flex-start;
  margin: 0;
  transition: all 0.3s ease;
}

.primary-content .landing-page.ssl .validation-levels .item img {
  width: 200px;
}

.primary-content .landing-page.ssl .validation-levels .item h4 {
  font-size: 20px;
  line-height: 30px;
  color: #2a2e36;
  font-weight: 700;
}

.primary-content .landing-page.ssl .validation-levels .item span,
.card.switch-account-20i .card-body p {
  font-size: 18px;
  line-height: 28px;
  color: #212529;
  font-weight: 700;
}

.using-password-strength .alert-info,
.account-new-20i .alert-info {
  color: #f66257;
  background-color: #ffeded;
  border-color: #ffeded;
}

.primary-content .landing-page.ssl .validation-levels .item .btn {
  background-color: transparent;
  font-size: 13px;
  letter-spacing: 0.5px;
  line-height: 20px;
  color: #f66257;
  font-weight: 600;
  border-radius: 2px;
  border: 1px solid #f66257;
  margin: auto;
  padding: 10px 8px;
  width: 120px;
  max-width: 100%;
  margin-top: 30px;
}

.primary-content .landing-page.ssl .validation-levels .item:hover {
  box-shadow: 0px 5px 12px rgba(42, 46, 54, 0.13);
  border-color: transparent;
}

.primary-content .landing-page.ssl .validation-levels .item .btn:hover {
  background-color: #f66257;
  color: #fff;
}

.primary-content .landing-page.ssl p.help-me-choose a,
.primary-content .landing-page.ssl a.help-me-choose {
  font-size: 19px;
  line-height: 26px;
  color: #2e3442;
  font-weight: 600;
  margin-top: 20px;
  display: block;
}

/*===== navbar ======*/

.primary-content .landing-page .navbar {
  background-color: #f66257 !important;
}

.primary-content .landing-page .navbar .navbar-brand {
  display: none;
}

.primary-content .landing-page .navbar .navbar-nav li {
  width: 25%;
  border-right: 1px solid #f66257;
}

.primary-content .landing-page .navbar .navbar-nav li a {
  border-right: none;
}

.primary-content .landing-page .navbar.navbar-expand-lg .navbar-nav > li > a,
.primary-content .landing-page .navbar.navbar-expand-md .navbar-nav > li > a {
  background: transparent;
  font-size: 15px;
  color: #fff;
  font-weight: 600;
  border: 0;
  padding: 15px;
  position: relative;
  border-left: 0;
}

.primary-content
  .landing-page
  .navbar.navbar-expand-lg
  .navbar-nav
  > li:last-child
  > a,
.primary-content
  .landing-page
  .navbar.navbar-expand-md
  .navbar-nav
  > li:last-child
  > a {
  border-right: none;
}

.primary-content .landing-page .navbar .navbar-nav > li > a::before {
  content: "";
  position: absolute;
  width: 0%;
  height: 2px;
  background-color: #fff;
  bottom: 10px;
  transition: all 0.3s ease-in;
}

.primary-content .landing-page .navbar .navbar-nav > li > a:hover,
.primary-content .landing-page .navbar .navbar-nav > li.active > a {
  background-color: #e62d2d;
}

.primary-content .landing-page .navbar .navbar-nav > li > a:hover::before {
  width: 10%;
}

/* =========================================================== */

/*================= stanout text ================*/

.primary-content .landing-page.ssl .content-block.standout h2 {
  font-size: 36px;
  line-height: 45px;
  color: #262a33;
  font-weight: 800;
}

.primary-content .landing-page.ssl .content-block.standout p,
.primary-content
  .landing-page.ssl
  .content-block.detailed-info
  .accordion
  .card-body
  p {
  font-size: 17px;
  line-height: 30px;
  color: #6b788b;
  font-weight: 400;
}

.primary-content .landing-page.ssl .content-block.standout .btn,
.primary-content
  .landing-page.ssl
  .content-block.detailed-info
  .accordion
  .card-body
  .btn,
.primary-content
  .landing-page.weebly
  .content-block.pricing
  .weebly-lite-plan
  .btn,
.primary-content .landing-page.weebly .content-block.pricing .weebly-plans .btn,
.primary-content
  .landing-page.sitelock
  .content-block.plans
  .plan-comparison
  .plan
  .footer
  .btn,
.primary-content .landing-page.sitelock .content-block.emergency .btn,
.primary-content .landing-page.mail-services .product-options .item .btn,
.primary-content .landing-page.mail-services .content-block.get-started .btn {
  background-color: #f66257;
  font-size: 13px;
  letter-spacing: 0.5px;
  line-height: 20px;
  color: #fff;
  font-weight: 600;
  border-radius: 2px;
  border: 1px solid #f66257;
  margin: auto;
  padding: 10px;
  min-width: 120px;
  max-width: 100%;
  margin-top: 10px;
}

.primary-content .landing-page.ssl .content-block.standout .btn:hover,
.primary-content
  .landing-page.ssl
  .content-block.detailed-info
  .accordion
  .card-body
  .btn:hover,
.primary-content
  .landing-page.weebly
  .content-block.pricing
  .weebly-lite-plan
  .btn:hover,
.primary-content
  .landing-page.weebly
  .content-block.pricing
  .weebly-plans
  .btn:hover,
.primary-content
  .landing-page.sitelock
  .content-block.plans
  .plan-comparison
  .plan
  .footer
  .btn:hover,
.primary-content .landing-page.sitelock .content-block.emergency .btn:hover,
.primary-content .landing-page.mail-services .product-options .item .btn:hover,
.primary-content
  .landing-page.mail-services
  .content-block.get-started
  .btn:hover {
  background-color: #e62d2d;
  color: #fff;
}

.primary-content .landing-page.ssl .content-block.standout.what-is-ssl p {
  max-width: 1030px;
}

.primary-content .landing-page.ssl .content-block.ssl-benefits h4,
.primary-content
  .landing-page.ssl
  .content-block.detailed-info
  .accordion
  .card-body
  h4 {
  font-size: 20px;
  line-height: 30px;
  color: #2a2e36;
  font-weight: 700;
  margin-bottom: 10px;
}

.primary-content .landing-page.ssl .content-block.what-is-ssl p a {
  color: #f66257;
  font-weight: bold;
}

.primary-content .landing-page.ssl .content-block.what-is-ssl ul {
  padding: 0;
}

.primary-content .landing-page.ssl .content-block.what-is-ssl li,
.primary-content
  .landing-page.ssl
  .content-block.detailed-info
  .accordion
  .card-body
  li {
  font-size: 16px;
  line-height: 26px;
  color: #6b788b;
  font-weight: 400;
  margin-top: 10px;
}

.primary-content .landing-page.ssl .content-block.what-is-ssl .fas,
.primary-content .landing-page.ssl .content-block.what-is-ssl .far {
  float: none;
  color: #f66257;
  font-size: 18px;
  padding-right: 10px;
  vertical-align: middle;
}

.primary-content .landing-page.ssl .content-block.what-is-ssl p small {
  font-weight: bold;
  color: #575757;
  letter-spacing: 0.2px;
}

.primary-content .landing-page.ssl .content-block.ssl-benefits .col-lg-2,
.account-manage-20i form label {
  font-size: 18px;
  line-height: 26px;
  color: #2e3442;
  font-weight: 600;
}

.primary-content .landing-page.ssl .content-block.ssl-benefits i {
  margin: 10px 0;
  font-size: 3em;
  color: #f66257;
}

/* =========================================================== */

/*================ standout-1 css ==================*/

.primary-content .landing-page.ssl .standout-1 {
  background-color: #f66257;
}

.primary-content .landing-page.ssl .standout-1 h3 {
  font-size: 36px;
  line-height: 45px;
  font-weight: 800;
}

.primary-content .landing-page.ssl .standout-1 .browser .browser-image img {
  border-radius: 23px;
}

.primary-content .landing-page.ssl .standout-1 .browser-notice .wrapper {
  max-width: 600px;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.17);
  font-size: 1.2rem;
  color: #6b788b;
}

.primary-content .landing-page.ssl .standout-1 .browser-notice .wrapper img {
  margin: 0px auto 20px;
  width: 80px;
}

.primary-content .landing-page.ssl .content-block.standout .item {
  padding: 30px;
  background: #fff;
  border: 1px solid #f3f3f3;
  box-shadow: 0 3px 5px 1px rgba(0, 0, 0, 0.03);
}

.primary-content .landing-page.ssl .content-block.standout .item:hover {
  box-shadow: 0 3px 15px 1px rgba(0, 0, 0, 0.03);
}

.primary-content .landing-page.ssl .content-block.standout .item img {
  width: 150px;
  margin-bottom: 15px;
  transition: all 0.3s ease;
}

.primary-content .landing-page.ssl .content-block.standout .item:hover img {
  -webkit-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
  transform: translateY(-10px);
}

.primary-content .landing-page.ssl .content-block.standout .item h4 {
  font-size: 20px;
  line-height: 30px;
  color: #2a2e36;
  font-weight: 700;
}

.primary-content .landing-page.ssl .content-block.competitive-upgrade-promo {
  margin: 80px 0 0 0;
  background-color: transparent;
  font-size: 34px;
  line-height: 45px;
  color: #262a33;
  font-weight: 800;
}

/* =========================================================== */

/*================== Accordion =========================*/

.primary-content
  .landing-page.ssl
  .content-block.detailed-info
  .accordion
  .card,
.primary-content .landing-page.sitelock .content-block.faq .accordion .card {
  margin-bottom: 20px !important;
  border-radius: 3px;
}

.primary-content
  .landing-page.ssl
  .content-block.detailed-info
  .accordion
  .card-header,
.primary-content
  .landing-page.sitelock
  .content-block.faq
  .accordion
  .card
  .card-header {
  background-color: #fff;
  margin: 0;
  border-radius: 0;
  padding: 15px 25px;
}

.primary-content
  .landing-page.ssl
  .content-block.detailed-info
  .accordion
  .card-header
  h4,
.primary-content
  .landing-page.sitelock
  .content-block.faq
  .accordion
  .card
  .card-header
  h4 {
  font-size: 18px;
  line-height: 28px;
  color: #2a2e36;
  font-weight: 700;
}

.primary-content
  .landing-page.ssl
  .content-block.detailed-info
  .accordion
  .card-header
  h4
  .arrow {
  float: right;
  margin-right: 0;
}

.primary-content
  .landing-page.ssl
  .content-block.detailed-info
  .accordion
  .card-body,
.primary-content
  .landing-page.sitelock
  .content-block.faq
  .accordion
  .card
  .card-body {
  margin-top: 0px;
  padding: 15px 25px;
  background-color: #fff;
  border: 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
  box-shadow: none;
}

.primary-content
  .landing-page.ssl
  .content-block.detailed-info
  .accordion
  .card-body
  .help-me-choose
  ul {
  padding-left: 15px;
}

.primary-content
  .landing-page.ssl
  .content-block.detailed-info
  .accordion
  .card-body
  .help-me-choose
  img {
  margin: 0 0 20px;
  width: 150px;
}

.primary-content
  .landing-page.ssl
  .content-block.detailed-info
  .accordion
  .card-body
  .help-me-choose
  p.ideal,
.primary-content
  .landing-page.ssl
  .content-block.detailed-info
  .accordion
  .card-body
  .help-me-choose
  p.ssl-types-expl {
  text-align: left;
  color: #2a2e36;
  margin-bottom: 20px;
  font-size: 16px;
}

.primary-content
  .landing-page.ssl
  .content-block.detailed-info
  .accordion
  .card-body
  .btn.btn-block,
.primary-content
  .landing-page.sitelock
  .content-block.plans
  .plan-comparison
  .plan
  .footer
  .btn.btn-block {
  display: inline-block;
  width: auto;
}

.primary-content
  .landing-page.ssl
  .content-block.detailed-info
  .accordion
  .card-body
  .ssl-certs-all
  li {
  padding: 0 0 15px;
  margin: 0 0 15px;
}

.primary-content
  .landing-page.ssl
  .content-block.detailed-info
  .accordion
  .card-body
  p {
  font-size: 15px;
  line-height: 26px;
}

.primary-content
  .landing-page.ssl
  .content-block.detailed-info
  .accordion
  #collapseFaq
  .card-body
  p {
  margin-bottom: 35px;
}

.primary-content .landing-page.ssl .content-block.standout.standout-2 {
  font-size: 28px;
  line-height: 34px;
  color: #000;
  font-weight: 800;
  margin-bottom: 0;
  padding-bottom: 80px;
}

.primary-content
  .landing-page.ssl
  .content-block.standout.standout-2
  .logos
  img {
  max-height: 50px;
}

.primary-content .landing-page ~ p {
  padding: 10px;
  margin: 0;
  background-color: #fff;
  font-size: 18px;
  line-height: 34px;
  color: #000;
  font-weight: 590;
}

/* ============================================================================== */

/*========================= ssl certificate page css end ========================*/

/* =========================================================== */

/*============== weebly page css start 5 feb 2021 =============*/

.primary-content .landing-page.weebly .hero img {
  width: 250px;
}

.primary-content .landing-page.weebly .navbar {
  background-color: #f66257 !important;
}

.primary-content .landing-page.weebly .navbar .navbar-nav li {
  width: 25%;
  border-right: 1px solid #f66257;
}

.primary-content
  .landing-page.weebly
  .navbar.navbar-expand-lg
  .navbar-nav
  > li:last-child
  > a,
.primary-content
  .landing-page.sitelock
  .navbar.navbar-expand-lg
  .navbar-nav
  > li:last-child
  > a {
  border-right: none;
}

.primary-content .landing-page.weebly .content-block.image-standout h3,
.primary-content .landing-page.weebly .content-block.faq h3 {
  font-size: 36px;
  line-height: 45px;
  color: #262a33;
  font-weight: 800;
}

.primary-content .landing-page.weebly .content-block.image-standout p {
  font-size: 17px;
  line-height: 30px;
  color: #6b788b;
  font-weight: 400;
}

.primary-content .landing-page.weebly .content-block.image-standout p.lead {
  font-size: 24px;
  line-height: 40px;
  color: #262a33;
  font-weight: 600;
}

.primary-content .landing-page.weebly .content-block.features {
  padding: 30px 0 0;
  background-color: transparent;
  text-align: center;
}

.primary-content .landing-page.weebly .content-block.features .feature {
  height: 200px;
  padding: 0 15px;
  background-color: transparent;
  border-color: transparent;
}

.primary-content .landing-page.weebly .content-block.features .feature .icon {
  line-height: 90px;
}

.primary-content
  .landing-page.weebly
  .content-block.features
  .feature
  .icon
  img {
  width: 60px;
  margin-bottom: 30px;
}

.primary-content .landing-page.weebly .content-block.features .feature h4,
.primary-content .landing-page.weebly .content-block.faq h4 {
  font-size: 20px;
  line-height: 30px;
  color: #2a2e36;
  font-weight: 700;
}

.primary-content .landing-page.weebly .content-block.features .feature p {
  color: #555;
}

.primary-content .landing-page.weebly .content-block.pricing .btn-group {
  width: 100%;
}

.primary-content
  .landing-page.weebly
  .content-block.pricing
  .btn-group
  .btn.cycle-change {
  padding: 10px 15px;
  border: 0;
  border-radius: 0;
  margin-right: 10px;
  color: #474747;
  font-weight: 510;
  border: 1px solid #ddd;
}

.primary-content
  .landing-page.weebly
  .content-block.pricing
  .btn-group
  .btn.cycle-change:hover,
.primary-content
  .landing-page.weebly
  .content-block.pricing
  .btn-group
  .btn.cycle-change.active,
.primary-content
  .landing-page.weebly
  .content-block.pricing
  .btn-group
  .btn.cycle-change:focus,
#modalChooseLanguage .modal-footer button {
  background-color: #f66257;
  border-color: #f66257;
  color: #fff;
}

.primary-content .landing-page.weebly .content-block.pricing .weebly-lite-plan {
  margin: 0 0 25px 0;
  padding: 30px 40px 40px;
  background-color: #ffeded;
  border: 0;
}

.primary-content
  .landing-page.weebly
  .content-block.pricing
  .weebly-lite-plan
  h4,
.landing-page.ssl .content-block.features h3,
.landing-page.ssl .standout .col-sm-8.col-md-9.order-1 h3 {
  font-size: 36px;
  line-height: 45px;
  color: #262a33;
  font-weight: 800;
}

.primary-content
  .landing-page.weebly
  .content-block.pricing
  .weebly-lite-plan
  h5,
.landing-page.ssl .content-block.standout-features.standout h4,
.landing-page.ssl .standout .row.ideal-for.ov h4,
.landing-page.ssl .standout .row.ideal-for.dv h4,
.landing-page.ssl .standout .row.ideal-for.ev h4 {
  font-size: 20px;
  line-height: 30px;
  color: #2a2e36;
  font-weight: 700;
  margin-bottom: 20px;
}

.landing-page.ssl .content-block.standout-features.standout h4 {
  margin-bottom: 10px;
}

.primary-content
  .landing-page.weebly
  .content-block.pricing
  .weebly-lite-plan
  p {
  font-size: 17px;
  line-height: 30px;
  color: #6b788b;
  font-weight: 400;
}

.primary-content
  .landing-page.weebly
  .content-block.pricing
  .weebly-plans
  .pricing-item {
  padding: 20px;
  border-radius: 0;
  border: 0;
  outline: 1px solid #eee;
  margin-bottom: 1px;
}

.primary-content
  .landing-page.weebly
  .content-block.pricing
  .weebly-plans
  .pricing-item:hover {
  box-shadow: 0px 5px 12px rgba(42, 46, 54, 0.13);
}

.primary-content
  .landing-page.weebly
  .content-block.pricing
  .weebly-plans
  .pricing-item
  .header {
  padding: 0;
}

.primary-content
  .landing-page.weebly
  .content-block.pricing
  .weebly-plans
  .pricing-item
  .header
  h4,
.primary-content
  .landing-page.weebly
  .content-block.pricing
  .weebly-plans
  .pricing-item
  .price
  span,
.landing-page.bg-white.ssl .content-block.standout h3,
.landing-page.ssl .content-block.dashed-border.standout h4 {
  font-size: 24px;
  line-height: 26px;
  color: #262a33;
  font-weight: 700;
  margin-bottom: 5px;
}

.primary-content
  .landing-page.weebly
  .content-block.pricing
  .weebly-plans
  .pricing-item
  .header
  h5 {
  font-size: 18px;
  line-height: 28px;
  color: #6b788b;
  font-weight: 600;
}

.primary-content
  .landing-page.weebly
  .content-block.pricing
  .weebly-plans
  .pricing-item
  .feature-heading {
  background-color: transparent;
  font-size: 17px;
  text-align: left;
  margin-bottom: 15px;
}

.primary-content
  .landing-page.weebly
  .content-block.pricing
  .weebly-plans
  .pricing-item
  li {
  line-height: 24px;
  font-size: 14px;
  border-bottom: 0;
  margin-bottom: 10px;
  padding-left: 20px;
  position: relative;
  text-align: left;
}

.primary-content
  .landing-page.weebly
  .content-block.pricing
  .weebly-plans
  .pricing-item
  li::after {
  position: absolute;
  content: "";
  top: 5px;
  left: 0;
  font-family: "FontAwesome";
  font-size: 12px;
  color: #262a33;
  line-height: 16px;
  content: "\f00c";
}

.primary-content
  .landing-page.weebly
  .content-block.pricing
  .weebly-plans
  .pricing-item
  ul.site-features {
  height: 310px;
}

.primary-content
  .landing-page.weebly
  .content-block.pricing
  .weebly-plans
  .pricing-item
  ul.ecommerce-features {
  height: 185px;
}

.primary-content
  .landing-page.weebly
  .content-block.pricing
  .weebly-plans
  .btn {
  margin: 0;
  background: #f66257;
  color: #fff;
  outline: 1px solid #f66257;
}

.primary-content .landing-page.weebly .content-block.faq {
  padding: 50px 0;
  background-color: #fff;
  margin: 0;
}

.primary-content .landing-page.weebly .content-block.trusted-by {
  color: #6b788b;
  font-size: 20px;
  line-height: 26px;
  margin: 0;
  padding: 40px 0px;
}

.primary-content .landing-page.weebly .content-block.trusted-by img {
  max-height: 60px;
  -webkit-filter: grayscale(0);
  filter: grayscale(0);
  opacity: 1;
}

.primary-content
  .landing-page.weebly
  .content-block.trusted-by
  .col-sm-7.text-right {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.primary-content .landing-page.weebly .content-block.faq .col-md-4 {
  padding-right: 50px;
}

.primary-content .landing-page.weebly .content-block.faq h4 {
  font-size: 18px;
  margin-top: 30px;
}

.primary-content .landing-page.weebly .content-block.faq p {
  font-size: 16px;
  line-height: 24px;
  color: #6b788b;
  font-weight: 400;
}

/* ========================================================================== */

/*================ weebly page css end 5 feb 2021 ===========================*/

/* ========================================================================== */

/*=================== sitelock page css start 5 feb 2021 =====================*/

.primary-content .landing-page.sitelock .hero img {
  width: 250px;
}

.primary-content .landing-page.sitelock .navbar {
  background-color: #e62d2d !important;
}

.primary-content .landing-page.sitelock .content-block h2 {
  font-size: 36px;
  line-height: 45px;
  color: #262a33;
  font-weight: 800;
}

.primary-content .landing-page.sitelock .content-block h3 {
  font-size: 20px;
  line-height: 30px;
  color: #2a2e36;
  font-weight: 700;
}

.primary-content .landing-page.sitelock .content-block p {
  font-size: 17px;
  line-height: 30px;
  color: #6b788b;
  font-weight: 400;
  word-break: break-word;
}

.landing-page.sitelock .plans .plan ul li span {
  word-break: break-word;
}

.primary-content .landing-page.sitelock .content-block.plans {
  padding: 0px 0;
  background-color: #fff;
}

.primary-content
  .landing-page.sitelock
  .content-block.plans
  .plan-comparison
  .col-lg-4 {
  padding: 0 15px;
}

.primary-content
  .landing-page.sitelock
  .content-block.plans
  .plan-comparison
  .plan {
  border: 1px solid #ececed;
  transition: all 0.3s ease;
  border-radius: 3px;
  height: 100%;
  margin: 0;
  align-content: flex-start;
  transition: all 0.3s ease;
}

.primary-content
  .landing-page.sitelock
  .content-block.plans
  .plan-comparison
  .plan:hover {
  box-shadow: 0px 5px 12px rgba(42, 46, 54, 0.13);
}

.primary-content
  .landing-page.sitelock
  .content-block.plans
  .plan-comparison
  .plan
  .header {
  background-color: transparent;
  color: #2a2e36;
}

.primary-content
  .landing-page.sitelock
  .content-block.plans
  .plan-comparison
  .plan
  .header
  h4 {
  font-size: 24px;
  line-height: 26px;
  color: #262a33;
  font-weight: 700;
  margin-bottom: 15px;
}

.primary-content
  .landing-page.sitelock
  .content-block.plans
  .plan-comparison
  .plan
  .header
  p {
  font-size: 16px;
  line-height: 28px;
  color: #6b788b;
  font-weight: 600;
  margin: 0;
}

.primary-content
  .landing-page.sitelock
  .content-block.plans
  .plan-comparison
  .plan
  ul {
  height: auto;
}

.primary-content
  .landing-page.sitelock
  .content-block.plans
  .plan-comparison
  .plan
  ul
  li {
  line-height: 24px;
  font-size: 14px;
  border-bottom: 0;
  margin-bottom: 10px;
}

.primary-content
  .landing-page.sitelock
  .content-block.plans
  .plan-comparison
  .plan
  ul
  li
  .fa-check {
  font-size: 13px;
}

.primary-content
  .landing-page.sitelock
  .content-block.features
  .feature-wrapper
  i,
.primary-content
  .landing-page.sitelock
  .content-block.emergency
  .feature-wrapper
  i {
  font-size: 35px;
  color: #f66257;
}

.primary-content
  .landing-page.sitelock
  .content-block.features
  .feature-wrapper
  .content,
.primary-content
  .landing-page.sitelock
  .content-block.emergency
  .feature-wrapper
  .content {
  margin: 0 60px 30px;
}

.primary-content
  .landing-page.sitelock
  .content-block.features
  .feature-wrapper
  .content
  h4,
.primary-content
  .landing-page.sitelock
  .content-block.emergency
  .feature-wrapper
  .content
  h4 {
  font-size: 20px;
  line-height: 30px;
  color: #2a2e36;
  font-weight: 700;
  margin-bottom: 5px;
}

.primary-content .landing-page.sitelock .content-block.emergency {
  padding: 60px 0;
  background-color: #ffeded;
  color: #2a2e36;
}

.primary-content
  .landing-page.sitelock
  .content-block.emergency
  h2.text-danger {
  color: #262a33 !important;
}

.primary-content .landing-page.sitelock .content-block.emergency .price {
  font-size: 36px;
  line-height: 45px;
  color: #111;
  font-weight: 800;
}

.primary-content .landing-page.sitelock .content-block.faq + .content-block,
.primary-content
  .landing-page.mail-services
  .content-block.faq
  + .content-block {
  margin: 0;
}

.primary-content .landing-page.sitelock .content-block.faq + .content-block img,
.primary-content
  .landing-page.mail-services
  .content-block.faq
  + .content-block
  img {
  width: 200px;
}

.primary-content
  .landing-page.sitelock
  .content-block.faq
  .accordion
  .card
  .card-header {
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

.primary-content
  .landing-page.sitelock
  .content-block.faq
  .accordion
  .card
  .card-body {
  font-size: 15px;
  line-height: 26px;
  color: #6b788b;
  font-weight: 400;
}

/* =========================================================== */

/*============ sitelock page css end 5 feb 2021 =================*/

/* =========================================================== */

/*================== codegaurd page css start ==================*/

.primary-content .landing-page.codeguard .navbar,
.primary-content .landing-page.mail-services .navbar {
  background-color: #e62d2d !important;
}

.primary-content .landing-page.codeguard .navbar .navbar-nav li,
.primary-content .landing-page.mail-services .navbar .navbar-nav li {
  width: 25%;
  border-right: 1px solid #f66257;
}

.primary-content .landing-page.codeguard .navbar .navbar-nav li:last-child > a,
.primary-content
  .landing-page.mail-services
  .navbar
  .navbar-nav
  li:last-child
  > a {
  border-right: none;
}

.primary-content .landing-page.codeguard .content-block h2,
.primary-content .landing-page.codeguard .content-block.faqs h3 {
  font-size: 36px;
  line-height: 45px;
  color: #262a33;
  font-weight: 800;
}

.primary-content .landing-page.codeguard .content-block p {
  font-size: 17px;
  line-height: 30px;
  color: #6b788b;
  font-weight: 400;
}

.primary-content .landing-page.codeguard .content-block.image-standout {
  margin-bottom: 0;
  padding-bottom: 0;
}

.primary-content .landing-page.codeguard .content-block.overview-features li {
  float: left;
  margin: 0;
  width: 20%;
  text-align: center;
  border-right: 1px solid #ddd;
  display: grid;
  height: 100%;
  padding: 0 15px;
  justify-content: center;
}

.primary-content
  .landing-page.codeguard
  .content-block.overview-features
  li
  img {
  filter: grayscale(100%);
  margin: auto;
}

.primary-content
  .landing-page.codeguard
  .content-block.overview-features
  li
  span {
  font-size: 18px;
  line-height: 28px;
  color: #474747;
  font-weight: 600;
}

.primary-content .landing-page.codeguard .content-block.pricing {
  background: #f66257;
  color: #fff;
  padding: 70px 0;
}

.primary-content .landing-page.codeguard .content-block.pricing h2 {
  color: #fff;
}

.primary-content .landing-page.codeguard .content-block.pricing .irs-bar,
.primary-content .landing-page.codeguard .content-block.pricing .irs-bar-edge {
  background: #2a2a2a;
}

.primary-content
  .landing-page.codeguard
  .content-block.pricing
  .pricing-container
  .price {
  font-size: 36px;
  line-height: 45px;
  font-weight: 800;
}

.primary-content
  .landing-page.codeguard
  .content-block.pricing
  .pricing-container
  #pricingCycle {
  font-size: 20px;
  line-height: 28px;
  font-weight: 600;
}

.primary-content
  .landing-page.codeguard
  .content-block.pricing
  .price-calc-container
  .btn {
  background-color: transparent;
  font-size: 13px;
  letter-spacing: 0.5px;
  line-height: 20px;
  color: #fff;
  font-weight: 600;
  border-radius: 2px;
  border: 1px solid #fff;
  margin: auto;
  padding: 10px;
  min-width: 120px;
  max-width: 100%;
  margin-top: 10px;
}

.primary-content
  .landing-page.codeguard
  .content-block.pricing
  .price-calc-container
  .btn:hover {
  background-color: #fff;
  color: #111;
}

.primary-content .landing-page.codeguard .content-block.features {
  margin: 0;
  padding: 70px 0;
}

.primary-content .landing-page.codeguard .content-block.features .col-lg-4 {
  margin-bottom: 30px;
}

.primary-content .landing-page.codeguard .content-block.features .feature {
  padding: 20px;
  height: 100%;
  margin: 0;
  background: #fff;
  border: 1px solid #eee;
  border-radius: 3px;
  transition: all 0.3s ease;
}

.primary-content
  .landing-page.codeguard
  .content-block.features
  .feature:hover {
  box-shadow: 0px 5px 12px rgba(42, 46, 54, 0.13);
}

.primary-content
  .landing-page.codeguard
  .content-block.features
  .feature
  .icon {
  line-height: inherit;
  margin-bottom: 15px;
}

.primary-content
  .landing-page.codeguard
  .content-block.features
  .feature
  .icon
  img {
  width: 80px;
  filter: grayscale(1);
}

.primary-content .landing-page.codeguard .content-block.features .feature h4 {
  font-size: 20px;
  line-height: 30px;
  color: #2a2e36;
  font-weight: 700;
}

.primary-content .landing-page.codeguard .content-block.features .feature p {
  font-size: 16px;
  line-height: 26px;
  color: #555;
  font-weight: 400;
}

.primary-content .landing-page.codeguard .content-block.faqs {
  padding: 0px 0 50px;
  background-color: #fff;
  text-align: left;
  margin: 0;
}

.primary-content .landing-page.codeguard .content-block.faqs .col-lg-4 {
  padding-right: 50px;
}

.primary-content .landing-page.codeguard .content-block.faqs h4 {
  font-size: 18px;
  line-height: 30px;
  color: #2a2e36;
  font-weight: 700;
  margin-top: 20px;
  font-style: normal;
}

.primary-content .landing-page.codeguard .content-block.faqs p {
  font-size: 16px;
  line-height: 24px;
  color: #6b788b;
  font-weight: 400;
  min-height: auto;
}

.primary-content .landing-page.codeguard .content-block.faqs + .content-block {
  margin: 0;
}

.primary-content
  .landing-page.codeguard
  .content-block.faqs
  + .content-block
  img {
  width: 200px;
}

/* =========================================================== */

/*============= codegaurd page css end ====================*/

/* =========================================================== */

/*=============== email Services page css start ===============*/

.primary-content .landing-page.mail-services .product-options {
  background-color: #fff;
  padding: 50px 0 0;
  margin: 40px 0;
}

.primary-content .landing-page.mail-services .product-options .item {
  background-color: #fff;
  border: 1px solid #eee;
  transition: all 0.3s ease;
  padding: 35px 30px 40px;
}

.primary-content .landing-page.mail-services .product-options .item:hover {
  box-shadow: 0px 5px 12px rgba(42, 46, 54, 0.13);
}

.primary-content .landing-page.mail-services .product-options .item h4 {
  font-size: 20px;
  line-height: 30px;
  color: #2a2e36;
  font-weight: 700;
}

.primary-content .landing-page.mail-services .product-options .item .icon i {
  color: #f66257;
  margin: 25px 0;
}

.primary-content .landing-page.mail-services .product-options .item span {
  font-size: 18px;
  line-height: 28px;
  color: #212529;
  font-weight: 700;
}

.primary-content .landing-page.mail-services .product-options .item p {
  margin: 10px 0 30px;
  color: #555;
  font-size: 16px;
  font-weight: 400;
}

.primary-content .landing-page.mail-services .product-options .item .price {
  color: #111;
  font-weight: 600;
  margin-bottom: 20px;
}

.primary-content
  .landing-page.mail-services
  .product-options
  .item
  .btn.btn-learn-more {
  background-color: transparent;
  color: #f66257;
}

.primary-content .landing-page.mail-services .product-options .powered-by {
  display: none;
}

.primary-content .landing-page.mail-services .content-block.faq .col-lg-4 {
  padding-right: 50px;
}

.primary-content .landing-page.mail-services .content-block h2,
.primary-content .landing-page.mail-services .content-block.faq h3 {
  font-size: 36px;
  line-height: 45px;
  color: #262a33;
  font-weight: 800;
}

.primary-content .landing-page.mail-services .content-block h3,
.primary-content .landing-page.marketgoo .content-block.faqs h4 {
  font-size: 20px;
  line-height: 30px;
  color: #2a2e36;
  font-weight: 700;
  margin-bottom: 10px;
}

.primary-content .landing-page.mail-services .content-block p {
  font-size: 17px;
  line-height: 30px;
  color: #6b788b;
  font-weight: 400;
}

.primary-content .landing-page.mail-services .content-block h4,
.primary-content .landing-page.mail-services .content-block.faq h4 {
  font-size: 18px;
  line-height: 30px;
  color: #2a2e36;
  font-weight: 700;
  margin-top: 20px;
}

.primary-content .landing-page.mail-services .content-block.faq p {
  font-size: 16px;
  line-height: 24px;
  color: #6b788b;
  font-weight: 400;
  min-height: auto;
}

.primary-content .landing-page.mail-services .content-block.tabs {
  background: #fff;
  padding-top: 10px;
}

.primary-content
  .landing-page.mail-services
  .content-block.tabs
  .nav-tabs
  li
  a {
  background-color: #fff;
  border: 1px solid #ddd;
  margin-bottom: 20px;
  padding: 10px 15px;
  border-radius: 0;
  margin-right: 10px;
  color: #474747;
  font-weight: 510;
}

.primary-content
  .landing-page.mail-services
  .content-block.tabs
  .nav-tabs
  li
  a.active {
  border: 1px solid #f66257;
  color: #f66257;
}

.primary-content .landing-page.mail-services .content-block.tabs .tab-content {
  padding: 30px;
  background-color: #fff;
  border: 1px solid #eee;
  box-shadow: 0 2px 10px 2px rgba(0, 0, 0, 0.04);
}

.primary-content
  .landing-page.mail-services
  .content-block.tabs
  .tab-content
  .benefits {
  margin: 0 0 40px 0;
  padding: 30px;
  font-size: 16px;
  background: #ffeded;
  border-radius: 0;
}

.primary-content
  .landing-page.mail-services
  .content-block.tabs
  .tab-content
  .benefits
  h3 {
  margin-bottom: 20px;
}

.primary-content
  .landing-page.mail-services
  .content-block.tabs
  .tab-content
  p {
  font-size: 15px;
  line-height: 27px;
}

.primary-content
  .landing-page.mail-services
  .content-block.tabs
  .tab-content
  .benefits
  .fa-check {
  font-size: 13px;
}

.primary-content
  .landing-page.mail-services
  .content-block.tabs
  .tab-content
  .benefits
  > div {
  font-size: 16px;
  line-height: 26px;
  color: #6b788b;
  font-weight: 400;
  margin-top: 10px;
}

.primary-content .landing-page.mail-services .content-block.get-started {
  background-color: #ffeded;
  color: #6b788b;
}

.primary-content .landing-page.mail-services .content-block.get-started .price {
  font-size: 36px;
  line-height: 45px;
  color: #262a33;
  font-weight: 800;
}

.primary-content
  .landing-page.mail-services
  .content-block.get-started
  .btn-group.choose-product
  .btn:first-child {
  margin-right: 20px;
}

.primary-content
  .landing-page.mail-services
  .content-block.get-started
  .additional-options
  label {
  line-height: 25px;
  font-size: 15px;
  margin-bottom: 12px;
  color: #555;
  display: inline-block;
}

/* =========================================================== */

/*========== email Services page css end ================*/

/* =========================================================== */

/*================ marketgo page css start here ============*/

.primary-content .landing-page.marketgoo .video-banner {
  padding: 70px 0;
  background-color: #fff;
}

.primary-content .landing-page.marketgoo .content-block.feature-blocks {
  padding: 70px 0 0;
  margin: 0;
  background-color: #f8f8f8;
}

.primary-content
  .landing-page.marketgoo
  .content-block.feature-blocks
  .feature-wrapper {
  padding: 0 0 70px;
  background-color: transparent;
}

.primary-content .landing-page.marketgoo .content-block.feature-blocks .block {
  background: #fff;
  border: 1px solid #eee;
  border-radius: 3px;
  padding: 40px;
  display: grid;
  height: 100%;
  transition: all 0.3s ease;
}

.primary-content
  .landing-page.marketgoo
  .content-block.feature-blocks
  .block:hover {
  box-shadow: 0px 5px 12px rgba(42, 46, 54, 0.13);
}

.primary-content
  .landing-page.marketgoo
  .content-block.feature-blocks
  .block
  img {
  max-width: 150px;
  margin-bottom: 15px;
}

.primary-content
  .landing-page.marketgoo
  .content-block.feature-blocks
  .block
  span {
  font-size: 20px;
  line-height: 30px;
  color: #2a2e36;
  font-weight: 700;
}

.primary-content
  .landing-page.marketgoo
  #features
  .plan-container
  .plan.labels
  ul
  li {
  font-size: 16px;
  line-height: 26px;
  color: #2a2e36;
  font-weight: 400;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  border: 0;
}

.primary-content
  .landing-page.marketgoo
  #features
  .plan-container
  .plan.marketgoo_lite
  ul
  li,
.primary-content
  .landing-page.marketgoo
  #features
  .plan-container
  .plan.marketgoo_pro
  ul
  li {
  margin-bottom: 10px;
  border: 0;
}

.primary-content
  .landing-page.marketgoo
  #features
  .plan-container
  .plan.marketgoo_pro
  ul {
  background-color: transparent;
}

.primary-content .landing-page.marketgoo .content-block.testimonials {
  background: #ffeded;
  padding: 80px 0;
  margin: 0;
  min-height: 500px;
  display: grid;
  justify-content: center;
  align-content: center;
}

.primary-content
  .landing-page.marketgoo
  .content-block.testimonials
  .testimonial {
  margin: 0 auto;
  max-width: 750px;
  font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 17px;
  line-height: 30px;
  font-style: italics;
  color: #2a2e36;
  text-align: center;
}

.primary-content
  .landing-page.marketgoo
  .content-block.testimonials
  .carousel-indicators
  li {
  height: 5px;
  margin-right: 5px;
  margin-left: 5px;
  background-color: #e62d2da1;
  opacity: 0.8;
}
.primary-content .landing-page.marketgoo .content-block.testimonials .user img {
  border-radius: 60px;
}
.primary-content .landing-page.marketgoo .content-block.faqs {
  background-color: #fff;
  padding: 70px 0;
  margin: 0;
}

.primary-content .landing-page.marketgoo .content-block.faqs p {
  font-size: 16px;
  line-height: 24px;
  color: #6b788b;
  font-weight: 400;
}

/* =========================================================== */

/*=================== marketgo page css end here ==================*/

/* =========================================================== */

/*==================== vpn page css start here =================*/

.primary-content .landing-page.sitelockvpn .hero,
.primary-content .landing-page.ox .header {
  background-color: #f66257;
}

.primary-content .landing-page.ox .header .logo-img {
  width: 100%;
}

.primary-content .landing-page.sitelockvpn .hero-bg {
  background-size: 650px;
  padding: 80px 0;
}

.primary-content .landing-page.sitelockvpn .hero-bg .btn-start,
.primary-content .landing-page.ox .header .header-content .btn {
  background-color: transparent;
  font-size: 13px;
  letter-spacing: 0.5px;
  text-align: center;
  line-height: 20px;
  color: #fff;
  font-weight: 600;
  border-radius: 2px;
  border: 1px solid #fff;
  margin: auto;
  padding: 10px 20px;
  min-width: 150px;
  max-width: 100%;
  margin-top: 10px;
}

.primary-content .landing-page.sitelockvpn .hero-bg .btn-start:hover,
.primary-content .landing-page.ox .header .header-content .btn:hover {
  background-color: #fff;
  color: #f66257;
  text-decoration: none;
}

.primary-content .landing-page.sitelockvpn .hero-bg h1 {
  margin: 0 0 15px 0;
  font-size: 57px;
  letter-spacing: -1px;
  line-height: 60px;
  color: #fff;
  font-weight: 800;
}

.primary-content .landing-page.sitelockvpn .hero-bg h2 {
  font-size: 30px;
  line-height: 40px;
  color: #fff;
  font-weight: 700;
}

.primary-content .landing-page.sitelockvpn .feature {
  margin: 0;
  padding: 80px 0 0;
}

.primary-content .landing-page.sitelockvpn .feature h3,
.primary-content .landing-page.sitelockvpn .feature.pricing h2,
.primary-content .landing-page.sitelockvpn .feature.all-plans h2,
.primary-content .landing-page.sitelockvpn .feature.world h2,
.primary-content .landing-page.sitelockvpn .feature.world span {
  font-size: 36px;
  line-height: 45px;
  color: #262a33;
  font-weight: 800;
  margin-bottom: 20px;
}

.primary-content .landing-page.sitelockvpn .feature p {
  font-size: 17px;
  line-height: 30px;
  color: #6b788b;
  font-weight: 400;
}

.primary-content .landing-page.sitelockvpn .feature img {
  max-width: 200px;
  margin: 20px 0;
}

.primary-content .landing-page.sitelockvpn .feature .highlights {
  padding-left: 0;
  margin: 0;
}

.primary-content .landing-page.sitelockvpn .feature .highlights li {
  font-size: 16px;
  line-height: 24px;
  color: #6b788b;
  font-weight: 400;
  margin-top: 10px;
}

.primary-content .landing-page.sitelockvpn .feature .highlights li::before {
  content: "\f058";
  font-family: "FontAwesome";
  color: #f66257;
  width: 30px;
  margin-left: 0;
  font-size: 16px;
}

.primary-content .landing-page.sitelockvpn .feature.devices {
  margin: 0;
  padding: 80px 0;
  background-color: #fff;
}

.primary-content .landing-page.sitelockvpn .feature.devices h3 {
  margin-top: 0;
}

.primary-content .landing-page.sitelockvpn .feature.devices img {
  margin: 20px 0;
}

.primary-content .landing-page.sitelockvpn .feature.devices .logos {
  padding: 0;
  text-align: right;
}

.primary-content .landing-page.sitelockvpn .feature.devices .logos img {
  margin: 0px 45px;
}

.primary-content .landing-page.sitelockvpn .feature.pricing {
  background-color: #f4f4f4;
  padding: 60px 0;
}

.primary-content .landing-page.sitelockvpn .feature.pricing .pricing-box {
  border: 1px solid #ececed;
  border-radius: 4px;
  transition: all 0.3s ease;
}

.primary-content .landing-page.sitelockvpn .feature.pricing .pricing-box:hover {
  box-shadow: 0px 5px 12px rgba(42, 46, 54, 0.13);
}

.primary-content .landing-page.sitelockvpn .feature.pricing .pricing-box .btn {
  width: auto;
}

.primary-content
  .landing-page.sitelockvpn
  .feature.pricing
  .pricing-box
  .cycle {
  padding: 20px 20px 0;
  background-color: transparent;
  color: #333;
  text-align: center;
  font-weight: 700;
  font-size: 20px;
}

.primary-content
  .landing-page.sitelockvpn
  .feature.pricing
  .pricing-box
  .signup
  form {
  margin-bottom: 10px;
}

.primary-content
  .landing-page.sitelockvpn
  .feature.pricing
  .pricing-box
  .cycle
  .label.label-info {
  margin-bottom: 0;
  padding: 2px 5px;
  font-size: 12px;
  font-weight: normal;
  line-height: 15px;
  vertical-align: middle;
  background-color: #111;
}

.primary-content
  .landing-page.sitelockvpn
  .feature.pricing
  .pricing-box
  .price {
  margin: 0;
  padding: 20px;
  color: #111;
  font-weight: 800;
  font-size: 26px;
  text-align: center;
}

.primary-content
  .landing-page.sitelockvpn
  .feature.pricing
  .pricing-box
  .signup {
  padding: 20px 0;
}

.primary-content .landing-page.sitelockvpn .feature.pricing .pricing-box ul {
  margin: 0;
  padding: 0 20px;
}

.primary-content .landing-page.sitelockvpn .feature.pricing .pricing-box ul li {
  position: relative;
  font-size: 15px;
  line-height: 25px;
  color: #6b788b;
  font-weight: 400;
  margin-top: 10px;
  border: 0;
  padding: 0;
}

.primary-content .landing-page.sitelockvpn .feature.pricing .pricing-box .btn,
.primary-content .landing-page.ox .pricing table .btn {
  background-color: #f66257;
  font-size: 13px;
  letter-spacing: 0.5px;
  line-height: 20px;
  color: #fff;
  font-weight: 600;
  border-radius: 2px;
  border: 1px solid #f66257;
  margin: auto;
  padding: 10px 8px;
  min-width: 120px;
  max-width: 100%;
  margin-top: 15px;
}

.primary-content
  .landing-page.sitelockvpn
  .feature.pricing
  .pricing-box
  .btn:hover,
.primary-content .landing-page.ox .pricing table .btn:hover {
  background-color: #e62d2d;
  color: #fff;
}

.primary-content .landing-page.sitelockvpn .feature.all-plans span {
  position: relative;
  font-size: 18px;
  line-height: 28px;
  color: #2a2e36;
  font-weight: 700;
  margin-top: 30px;
  text-align: left;
  padding-left: 25px;
}

.primary-content .landing-page.sitelockvpn .feature.all-plans span::after {
  content: "\f058";
  font-family: "FontAwesome";
  color: #111;
  width: 15px;
  margin-left: 0;
  font-size: 16px;
  left: 0;
  top: 10px;
  position: absolute;
}

.primary-content .landing-page.sitelockvpn .feature .dividing-line {
  display: none;
}

.primary-content .landing-page.sitelockvpn .feature.all-plans img {
  display: none;
}

.primary-content .landing-page.sitelockvpn .feature.world {
  padding: 100px 0 0;
}

.primary-content .landing-page.sitelockvpn .feature.world em {
  font-size: 18px;
  line-height: 28px;
  color: #212529;
  font-weight: 700;
  margin-bottom: 30px;
}

.primary-content .landing-page.sitelockvpn .feature.countries {
  background-color: #fff;
  padding: 0 0 100px;
}

.primary-content
  .landing-page.sitelockvpn
  .feature.world
  .row.text-center.text-md-left {
  text-align: right !important;
}

.primary-content .landing-page.sitelockvpn .feature.world span {
  font-size: 28px;
  line-height: 36px;
  margin: 0;
  color: #111;
}

.primary-content .landing-page.sitelockvpn .feature.world img {
  max-width: 100%;
  margin: 40px 0;
}

/* =========================================================== */

/*================== vpn page css end here ==================*/

/* =================================================================== */

/*================ professional email page css start here ============*/

.primary-content .landing-page.ox .header {
  padding: 80px 0;
  background-color: #f66257;
}

.primary-content .landing-page.ox .header .header-content h1 {
  font-size: 36px;
  line-height: 45px;
  color: #fff;
  font-weight: 800;
}

.primary-content .landing-page.ox .stand-out {
  padding: 80px 0;
  background-color: #fff;
  color: #212529;
}

.primary-content .landing-page.ox .stand-out .wrapper {
  text-align: left;
  background: #fff;
  border: 1px solid #eee;
  padding: 30px;
  border-radius: 4px;
  min-height: 240px;
  margin-bottom: 20px;
}

.primary-content .landing-page.ox .stand-out .wrapper h2 {
  color: #262a33;
  font-weight: 800;
  font-size: 22px;
  margin-bottom: 15px;
}

.primary-content .landing-page.ox .stand-out .wrapper p {
  font-size: 16px;
  line-height: 30px;
  color: #6b788b;
  font-weight: 400;
}

.primary-content .landing-page.ox .stand-out .wrapper ul li {
  font-size: 16px;
  line-height: 25px;
  color: #6b788b;
  font-weight: 400;
  margin-top: 7px;
  border: 0;
  padding: 0;
  text-align: left;
}

.primary-content .landing-page.ox .features {
  margin: 0;
  text-align: center;
}

.primary-content .landing-page.ox .features h3,
.primary-content .landing-page.ox .pricing h3 {
  font-size: 36px;
  line-height: 45px;
  color: #262a33;
  font-weight: 800;
  text-align: center;
}

.primary-content .landing-page.ox .features .feature-block {
  min-height: 120px;
  margin-top: 30px;
  text-align: left;
}

.primary-content .landing-page.ox .features .feature-block img {
  max-width: 60px;
}

.primary-content .landing-page.ox .features .feature-block p.title {
  font-size: 20px;
  line-height: 30px;
  color: #2a2e36;
  font-weight: 700;
  margin-bottom: 7px;
}

.primary-content .landing-page.ox .features .feature-block p {
  margin-left: 80px;
  font-size: 17px;
  line-height: 30px;
  color: #6b788b;
  font-weight: 400;
}

.primary-content
  .landing-page.ox
  .pricing
  table
  tr:nth-child(2n)
  td:first-child {
  background-color: transparent;
}

.primary-content .landing-page.ox .pricing table tr td:first-child {
  padding: 15px 0px;
  text-align: left;
  border: 0;
  background-color: transparent;
}

.primary-content
  .landing-page.ox
  .pricing
  table
  tr
  td:first-child:not(.no-border) {
  border: 0;
  border-bottom: 1px solid #e1eaf3;
}

.primary-content .landing-page.ox .pricing table td:not(.no-border),
.primary-content .landing-page.ox .pricing table th {
  padding: 15px 0px;
  border: 0;
  border-bottom: 1px solid #e1eaf3;
}

.primary-content .landing-page.ox .pricing table th {
  padding: 12px 8px;
  background-color: transparent !important;
  font-size: 20px;
  color: #262a33;
}

.primary-content .landing-page.ox .pricing table .pricing-label {
  font-size: 25px;
  line-height: 28px;
  color: #262a33;
  font-weight: 800;
  padding: 0;
}

.primary-content .landing-page.ox .pricing table td {
  font-size: 16px;
  line-height: 28px;
  color: #212529;
  font-weight: 600;
}

.primary-content .landing-page.ox .pricing table td img {
  width: 17px;
  transform: rotate(15deg);
}

.primary-content .landing-page.ox .faqs {
  background-color: #fff;
}

.primary-content .landing-page.ox .faqs .col-lg-6 {
  padding-right: 50px;
}

.primary-content .landing-page.ox .faqs p.question {
  font-size: 18px;
  line-height: 30px;
  color: #2a2e36;
  font-weight: 700;
  margin-top: 20px;
}

.primary-content .landing-page.ox .faqs p {
  font-size: 15px;
  line-height: 25px;
  color: #6b788b;
  font-weight: 400;
  min-height: auto;
}

/* =========================================================== */

/*============== professional email page css end here ===========*/

/* ======================================================= */

/*============= clienarea-header-csss-start============ */

.top-nav-20i li#Secondary_Navbar-Account a {
  font-weight: 600;
  text-decoration: none;
}

.top-nav-20i {
  align-items: center;
}

header.header .top-nav-20i .nav-link {
  border: 0;
  color: #464646;
}

.top-nav-20i li.nav-item {
  margin-left: 0 !important;
}

.top-nav-20i li.nav-item:nth-of-type(2) {
  margin-right: 12px;
}

.top-nav-20i li.nav-item:nth-of-type(1) a {
  padding-right: 0.3rem;
}

.main-navbar-wrapper .login-20i-clientarea {
  margin-right: auto;
  margin-left: 0 !important;
}

header.header .main-navbar-wrapper .navbar-nav li:first-child a {
  margin-left: 0;
}

.user-detail-20i span.span-logged-in,
.user-detail-20i .btn-active-client,
div#ticketReplyContainer .form-group .text-muted small,
form[action="/submitticket.php?step=3"] .form-group .text-muted small,
#order-standard_cart
  #scrollingPanelContainer
  .order-summary
  .btn-continue-shopping {
  font-size: 12px;
  line-height: 20px;
  color: #6b788b;
  font-weight: 400;
}

#header .user-detail-20i a.btn {
  padding: 0;
  color: #111;
  font-weight: bold;
}

.user-detail-20i {
  background-color: #f3f6f9;
  padding: 3px 13px;
}

li#Secondary_Navbar-Account ul.dropdown-menu.dropdown-menu-right li {
  padding: 4px 5px;
}

li#Secondary_Navbar-Account ul.dropdown-menu.dropdown-menu-right li a {
  font-size: 14px;
}

/*============= clienarea-header-csss-end============ */

/* ================================================== */

/*=================== header-css-end============== */

/* ==================================================================== */

/* =========================index-page-css-start========================== */

/*================== fast-hosting-theme-banner-design ==================*/

.fast-hosting-theme-section {
  /* background-color: #f2f5ff; */
  background-color: #262a33;
  padding: 60px 0px 200px;
}
.fast-hosting-theme-content {
  padding-top: 25px;
}
.fast-hosting-theme-title {
  font-size: 57px;
  letter-spacing: -1px;
  line-height: 60px;
  color: #fff;
  font-weight: 800;
}

.fast-hosting-theme-section .fast-hosting-theme-title {
  margin-bottom: 22px;
}

.fast-hosting-theme-text {
  font-size: 17px;
  line-height: 30px;
  color: #fff;
  font-weight: 400;
}

.fast-hosting-theme-section .fast-hosting-theme-text {
  margin-bottom: 20px;
}

.fast-hosting-theme-list li {
  font-size: 16px;
  line-height: 30px;
  color: #fff;
  font-weight: 400;
  padding-left: 28px;
  position: relative;
  margin-bottom: 10px;
}

.fast-hosting-theme-list li span {
  position: absolute;
  left: 0;
}

.fast-hosting-theme-list li span i {
  font-size: 11px;
  color: #ffc5c3;
  font-weight: 600;
}

.fast-hosting-theme-list li span::after {
  content: "";
  position: absolute;
  width: 21px;
  height: 21px;
  top: 5px;
  left: -5px;
  border: 2px solid #ffc5c3;
  border-radius: 50%;
}

.fast-hosting-theme-list {
  padding-left: 4px;
  margin-bottom: 40px;
}

.fast-hosting-theme-img {
  text-align: right;
}
.fast-hosting-theme-img img.img-fluid {
  width: 100%;
}
.fast-hosting-theme-section .fast-hosting-theme-text {
  max-width: 585px;
}

.get-strated-btn {
  min-width: 179px;
  padding: 13px 20px;
  border-radius: 3px;
  background-color: #f66257;
  font-size: 15px;
  letter-spacing: 1px;
  line-height: 22px;
  color: #ffffff;
  font-weight: 600;
  text-align: center;
  text-decoration: none;
  border: 1px solid transparent;
  transition: 0.3s ease all;
}

.get-strated-btn:hover {
  background-color: #e62d2d;
  color: #ffffff;
}

/*================== fast-hosting-theme-banner-design-ends ==================*/

/*================= domain-section-css-start============== */

.home-domain-search {
  background-color: #f66257 !important;
  position: relative;
  padding: 100px 0px 24px;
}

.home-domain-search h2 {
  font-size: 36px;
  line-height: 42px;
  color: #ffffff;
  font-weight: 800;
  margin-bottom: 22px;
}

.home-domain-search .input-group-wrapper {
  max-width: 900px;
  margin: 10px auto;
  border-radius: 4px;
  border: 0;
  background-color: #fff;
}

.home-domain-search .input-group-wrapper .input-group {
  padding: 10px 10px;
}

.home-domain-search .input-group-wrapper .input-group input {
  font-size: 19px;
  line-height: 28px;
  color: #063e35;
  font-weight: 400;
  background-color: #fff;
}

body .home-domain-search .input-group-wrapper .input-group .btn,
.home-domain-search button#btnTransfer2 {
  border-radius: 3px;
  background-color: #f66257;
  max-width: 100%;
  width: 116px;
  font-size: 16px;
  color: #ffffff;
  font-weight: 400;
  padding: 10px 10px;
  border: 1px solid transparent;
}

body .home-domain-search .input-group-wrapper .input-group .btn:hover {
  background-color: #e62d2d;
  color: #fff;
}

.home-domain-search .input-group-wrapper button#btnTransfer:hover,
.home-domain-search button#btnTransfer2:hover {
  background-color: #16181d;
  color: #fff;
}

.home-domain-search .input-group-wrapper button#btnTransfer,
.home-domain-search button#btnTransfer2 {
  background-color: #262a33;
  border-color: #262a33;
  color: #fff;
}

.home-domain-search button#btnDomainSearch2,
.home-domain-search button#btnTransfer2 {
  margin-bottom: 10px;
}

body .home-domain-search button#btnTransfer2 {
  width: 100%;
  padding: 0.375rem 0.75rem;
}

.domainchecker-homepage-captcha p {
  color: #fff;
}

.primary-content #default-captcha-domainchecker {
  padding-bottom: 0 !important;
  margin: 0;
}

.primary-content #default-captcha-domainchecker p {
  text-align: left;
  width: 100%;
}

div#default-captcha-domainchecker .col-6.captchaimage {
  max-width: 100px;
}

.login-form .captcha-20i .col-md-8.offset-md-2.col-10.offset-1,
.submit-ticket-two-20i .captcha-20i .col-md-8.offset-md-2.col-10.offset-1,
.captcha-20i .col-md-8.offset-md-2.col-10.offset-1 {
  padding: 0px 15px 40px;
}

#default-captcha-domainchecker #inputCaptcha {
  height: 32px;
  min-height: 32px;
}

.home-domain-search::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100px;
  background-color: #f66257;
  top: -99px;
  -webkit-clip-path: polygon(0 0, 100% 15%, 100% 100%, 0 100%);
  clip-path: polygon(100% 0%, 100% 15%, 100% 100%, 0% 100%);
  left: 0;
  right: 0;
}

.home-domain-search .btn-link.btn-sm {
  color: #ffffff7a;
  padding: 9px 0;
  text-decoration: underline;
}
.home-domain-search .btn-link.btn-sm:hover {
  color: #ffffffd6;
}
/*================= domain-section-css-end============== */

/*========== status-section-css-start ==============*/

.help-elements .action-icon-btns a .ico-container i {
  color: #f66257;
  width: 120px;
  font-size: 1.7em;
  font-weight: 500;
  text-align: center;
  margin-top: 10px;
}

.help-elements .action-icon-btns a {
  font-size: 18px;
  line-height: 26px;
  color: #262a33;
  font-weight: 600;
  border-top: 0;
  margin-bottom: 0;
  padding: 10px 0 10px;
  background-color: transparent;
}

.help-elements .action-icon-btns {
  width: 100%;
  max-width: 1420px;
  margin: auto;
  position: absolute;
  top: -138px;
  background-color: #ccc;
  border-radius: 0px;
  /* box-shadow: 0 0 6px rgba(0, 0, 0, 0.11); */
  /* background: rgba(255, 255, 255, 0.72); */
  background-color: #fff6e9;
  min-height: 218px;
  z-index: 3;
}

section.help-elements .container {
  position: relative;
}

.help-elements .action-icon-btns > .col-6,
.account-section-main-20i .action-icon-btns a {
  display: flex;
  align-items: center;
  justify-content: center;
}

.help-elements .action-icon-btns a .ico-container {
  position: relative;
  /* margin-bottom: 28px; */
  margin-bottom: 60px;
}

.help-elements .action-icon-btns a .ico-container::after {
  content: "";
  position: absolute;
  background: url(../images/20i-shape.png) no-repeat;
  width: 100%;
  height: 100px;
  left: 0px;
  top: -12px;
  right: 0;
  filter: grayscale(1);
}

/*========== status-section-css-end ==============*/

/*========= products-and-services-section-css-start ============*/

.Myhomepage,
.account-section-20i h2 {
  font-size: 36px;
  line-height: 45px;
  color: #262a33;
  font-weight: 800;
}

.Myhomepage,
.account-section-main-20i h2 {
  margin-bottom: 35px !important;
}

.primary-content .card-title {
  font-size: 18px;
  line-height: 28px;
  color: #262a33;
  font-weight: 700;
}

.product-section-20i .btn-outline-primary {
  font-size: 13px;
  letter-spacing: 0.5px;
  line-height: 20px;
  color: #262a33;
  font-weight: 600;
  border-radius: 2px;
  border: 1px solid transparent;
  background-color: #f3f3f3;
  margin: auto;
  padding: 10px 8px;
  width: 160px;
  max-width: 100%;
  margin-top: 30px;
  transition: 0.3s ease all;
}

.primary-content .product-section-20i .card-title {
  margin: 0 0 5px 0;
}

.primary-content .product-section-20i .card:hover .btn-outline-primary {
  background-color: #f66257;
  color: #fff;
}

.primary-content .product-section-20i .card {
  max-width: 23.8%;
  flex: 0 0 23.8%;
  -ms-flex: 0 0 23.8%;
  background-color: #fff;
  border: 1px solid #e4e4e4;
  color: #262a33;
}

.product-section-20i .card-columns.home {
  column-count: unset;
  display: flex;
  flex-wrap: wrap;
}

.home-icon-fa i {
  font-size: 2.2em;
  color: #262a33;
  margin-bottom: 12px;
  transition: 0.3s ease all;
}

.product-section-20i {
  padding: 15px 0px 92px;
}

.primary-content .product-section-20i .card:hover {
  box-shadow: 0px 5px 12px rgba(42, 46, 54, 0.13);
  border-color: transparent;
}
.product-section-20i .card-body {
  padding: 3rem 2rem !important;
}

/*============ 20i-account-section-css-start ========*/

.account-section-main-20i {
  background-color: #262a33;
  position: relative;
  padding-bottom: 15px;
}

.account-section-main-20i .action-icon-btns {
  margin-top: 0px !important;
}

.account-section-main-20i .action-icon-btns a .ico-container {
  margin: 0px auto 15px;
}

.account-section-main-20i .action-icon-btns .col-6 {
  padding: 0px 10px;
}

.account-section-main-20i::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100px;
  background-color: #262a33;
  top: -99px;
  -webkit-clip-path: polygon(100% 22%, 100% 0%, 100% 100%, 0% 100%);
  clip-path: polygon(100% 22%, 100% 0%, 100% 100%, 0% 100%);
  left: 0;
  right: 0;
}

.account-section-main-20i .action-icon-btns a {
  font-size: 17px;
  letter-spacing: 0px;
  line-height: 26px;
  color: #262a33;
  font-weight: 600;
  border-top: 0;
  border-radius: 3px;
  box-shadow: 0 0 1.5px rgba(42, 46, 54, 0.27);
  background-color: #fff;
  padding: 50px 15px;
}

.domainchecker-homepage-captcha
  div#default-captcha-domainchecker
  .col-6.captchaimage {
  max-width: inherit;
  margin: 0 auto;
}

.domainchecker-homepage-captcha div#default-captcha-domainchecker p {
  color: #ffffff8c;
}

.account-section-main-20i .action-icon-btns .account-sec-icon-div,
body #order-standard_cart #frmConfigureProduct .product-info .product-title,
body #order-standard_cart #frmConfigureProduct .field-container label,
body #order-standard_cart #frmConfigureProduct .addon-promo-container h3 {
  font-weight: 700;
}

.account-section-main-20i .product-section-20i {
  padding-bottom: 92px;
}

.account-section-main-20i .action-icon-btns a .ico-container i {
  color: #f66257;
  width: 120px;
  font-size: 2.5rem;
}

.account-section-20i {
  padding: 1px 0px 20px;
}

.home-domain-search .tld-logos li {
  margin: 0px 5px;
  font-weight: 700;
  max-width: 105px;
  width: 100%;
  display: inline-block;
  border-radius: 5px;
  background-color: #ffffff0f;
  padding: 13px 15px;
  color: #fefefe;
  line-height: 1;
  font-size: 14px;
  text-align: center;
}

.home-domain-search .row.d-sm-none .col-6:first-child {
  padding-right: 5px;
}

.home-domain-search .row.d-sm-none .col-6:last-child {
  padding-left: 5px;
}

.home-domain-search .tld-logos li span.price-hm-20i {
  font-size: 0.8rem;
  font-weight: 700;
}

.home-domain-search .tld-logos li .tld-hm-20i {
  margin-bottom: 10px;
}

.home-domain-search .tld-logos li span {
  display: block;
}

.home-domain-search .tld-logos {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  justify-content: center;
  padding-top: 5px;
}

.home-domain-search .domainchecker-homepage-captcha p {
  width: 100%;
  color: #ffffff91;
  font-size: 14px;
}

/* ==================================================================== */

/* =========================index-page-css-end========================== */

/* ========================================================================= */

/* ===============================Login-form-css-start======================= */

#main-body.body-background-20i,
body .master-breadcrumb,
.master-breadcrumb .breadcrumb {
  background-color: #f6f6f6;
}

form.login-form .h3 {
  font-size: 37px;
  letter-spacing: -1px;
  line-height: 45px;
  color: #262a33;
  font-weight: 700;
}

.login-form p.text-muted {
  font-size: 16px;
  line-height: 24px;
  color: #b5b5c3 !important;
  font-weight: 400;
}

.login-form .form-group label {
  font-size: 15px;
  line-height: 22px;
  color: #262a33;
  font-weight: 600;
  margin-bottom: 3px;
}

.login-form .card-body .mb-4:first-child {
  margin-bottom: 15px !important;
}

form.login-form .input-group.input-group-merge input {
  height: 55px;
  border-left: 0;
  font-size: 15px;
  color: #2e3442;
  font-weight: 600;
}

form.login-form .input-group.input-group-merge .input-group-prepend span,
form.login-form .input-group.input-group-merge input,
form.login-form .btn-reveal-pw,
form.login-form button.btn.btn-default.btn-reveal-pw:hover {
  background-color: #f3f6f9;
}

form.login-form .input-group.input-group-merge .input-group-prepend span {
  padding-right: 3px;
}

form.login-form .input-group.input-group-merge input,
form.login-form .input-group.input-group-merge .input-group-prepend span,
form.login-form .btn-reveal-pw,
form.login-form.alert-danger {
  border: 0;
}

.login-form .focused a,
.login-form .card-body .text-right label,
.login-form .card-footer small,
.login-form .card-body .text-right label {
  font-size: 14px;
  font-weight: 600;
}

.login-form .focused a {
  color: #f66257 !important;
}

.login-form .card-body .text-right label {
  position: relative;
  top: 12px;
}

.login-form button#login {
  border-radius: 3px;
  background-color: #f66257;
  min-width: 166px;
  padding: 13px;
  border: 1px solid transparent;
}

.login-form button#login:focus {
  box-shadow: none;
}

.login-form button#login:hover {
  background-color: #e62d2d;
  color: #fff !important;
}

.login-form .card-footer small,
.login-form .card-body .text-right label {
  color: #b5b5c3;
}

.login-form .card-footer {
  background-color: transparent;
  padding: 18px 35px !important;
  border-top: 1px solid #e8e7e9;
}

.login-form .card-body .form-group {
  margin-bottom: 1rem;
}
.login-form .card-body .captcha-20i .col-md-8.offset-md-2.col-10.offset-1 {
  padding: 0px 15px 15px;
}
.login-form .card-body div#default-captcha-domainchecker p {
  font-size: 12px;
  line-height: 20px;
  color: #464747;
  font-weight: 600;
}
.login-form .card-body .form-group.focused {
  margin-bottom: 1.1rem !important;
}

.login-form div.text-right {
  padding-top: 15px;
}

.login-form div.float-left {
  margin-top: 20px;
}

.login-form .card-body {
  padding: 2rem 2.3rem 2.5rem 2.3rem !important;
}

.primary-content .login-form .card {
  border-radius: 4px;
  box-shadow: 0 0 2px rgb(42 46 54 / 29%);
  background-color: #ffffff;
  max-width: 460px;
}

.login-form .card-body .text-right label input {
  width: 16px;
  height: 16px;
  border-radius: 2px;
  background-color: #ffffff;
  border: 1px solid #ebe9e9;
  position: relative;
  top: 3px;
}

form.login-form .input-group.input-group-merge input:focus {
  border-color: transparent;
}

form.login-form .input-group.input-group-merge span.input-group-text i,
form.login-form button.btn.btn-default.btn-reveal-pw i {
  color: #bbb;
}

form.login-form button.btn.btn-default.btn-reveal-pw i:hover,
.login-form .card-footer a,
.login-form button#login:hover,
.user-management-20i table tbody td .fa-shield {
  color: #f66257;
}

form.login-form ~ .providerPreLinking {
  padding: 20px 0px;
}

/* ========================================================================= */

/* ===============================Login-form-css-end======================= */

/* ======================================================================== */

/* ===========================Register-page-css-start ====================== */

.sidebar .card-sidebar .card-title,
body #order-standard_cart .cart-sidebar h3,
#order-standard_cart #frmCheckout .primary-bg-color,
#frmCheckout div#paymentGatewaysContainer p.small,
#order-standard_cart #frmCheckout .cc-input-container label,
.suggested-domains .panel-heading.card-header,
#spotlightTlds .domain-lookup-result .available.price,
#order-standard_cart .mc-promos.viewcart .headline,
#order-standard_cart .mc-promos.checkout .headline,
div#modalRemoveItem h4.modal-title,
form#frmAddToCart .col-sm-5 .payment-term h4,
form#frmAddToCart h4,
form#frmCheckout .marketing-email-optin h4,
form#frmCheckout
  div#containerNewUserSignup
  #providerLinkingMessages
  + .sub-heading
  .primary-bg-color {
  font-size: 17px;
  line-height: 24px;
  color: #474747;
  font-weight: 700;
}

form#frmCheckout
  div#containerNewUserSignup
  #providerLinkingMessages
  + .sub-heading
  .primary-bg-color {
  font-size: 20px;
  text-align: center;
  padding: 10px 0px;
}

div#Primary_Sidebar-Already_Registered-Already_Registered_Heading,
.sidebar .card-sidebar .list-group-item,
body #order-standard_cart .cart-sidebar .list-group-item {
  font-size: 13px;
  line-height: 23px;
  color: #6b788b;
  padding-left: 25px;
  padding-right: 25px;
}

#order-standard_cart .cart-sidebar h3 i.fas.fa-chevron-up.panel-minimise {
  position: relative;
  top: 4px;
  cursor: pointer;
}

#order-standard_cart .panel.card.mb-3.panel-sidebar {
  margin-bottom: 0 !important;
  border: 0;
  /* border-top: 1px solid #f3f6f9; */
  padding: 12px 0px 12px 0px;
}

#order-standard_cart .cart-sidebar .panel-sidebar:first-child {
  border-radius: 3px 3px 0px 0px;
}

#order-standard_cart .cart-sidebar .panel-sidebar:last-child {
  border-radius: 0px 0px 3px 3px;
}

.sidebar .card-sidebar .list-group-item,
#order-standard_cart .cart-sidebar .list-group-item {
  font-weight: 600;
}

#order-standard_cart .cart-sidebar h3 i {
  font-size: 13px;
}

.sidebar .card-sidebar .card-header,
.sidebar .card-sidebar .list-group-item,
#order-standard_cart .cart-sidebar .panel-heading.card-header,
.sidebar .card.card-sidebar,
.primary-content div#registration .card,
div#Primary_Sidebar-Already_Registered-Already_Registered_Heading,
.sidebar .card-sidebar .list-group-item,
body #order-standard_cart .cart-sidebar .list-group-item {
  border: 0;
}

.sidebar .card-sidebar .card-header,
.sidebar .card-sidebar .list-group-item:hover,
#order-standard_cart .cart-sidebar .list-group-item:hover,
#order-standard_cart .cart-sidebar .list-group-item.active,
#order-standard_cart .cart-sidebar .panel-heading.card-header,
div#registration .intl-tel-input.separate-dial-code .selected-flag {
  background-color: transparent;
}

#order-standard_cart .cart-sidebar .list-group-item:hover,
#order-standard_cart .cart-sidebar .list-group-item.active {
  color: #111;
}

.sidebar .card.card-sidebar {
  box-shadow: 0px 1px 1.5px rgb(42 46 54 / 11%);
  background-color: #fff;
}

.sidebar .card-sidebar .card-header {
  padding: 20px 25px 5px 15px;
}

.sidebar .card-sidebar .list-group {
  padding-top: 10px;
}

.sidebar .collapsable-card-body .text-center {
  text-align: left !important;
}

.sidebar .collapsable-card-body .text-center a span {
  font-weight: 600;
}

.sidebar .collapsable-card-body .text-center a img {
  max-width: 70%;
  margin-bottom: 10px;
  margin-left: 0;
}

.sidebar .card-sidebar.mc-panel-promo .card-footer i {
  font-size: 13px;
  color: #6b788b;
}

div#Primary_Sidebar-Already_Registered-Already_Registered_Heading {
  margin-bottom: 12px;
  padding-bottom: 20px;
}

#registration .field,
#registration .form-control,
#order-standard_cart #frmCheckout .form-group .form-control,
.landing-page select.form-control.currency-selector,
form.using-password-strength .form-control {
  font-size: 14px;
  color: #2e3442;
  font-weight: 600;
  width: 100%;
}

.card.mass-payment-domain .card-body .form-group select {
  max-width: 490px;
  color: #2e3442;
}

form#frmAddToCart .store-domain-tab-content .tab-pane {
  color: #fff;
}

#registration .field,
#registration .form-control {
  border: 0;
  border-radius: 3px;
  background-color: #f3f6f9;
  height: 55px;
}

#registration .prepend-icon .field-icon {
  height: 100%;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.primary-content div#registration .card-title {
  font-size: 20px;
  line-height: 32px;
  color: #262a33;
  font-weight: 700;
  margin-bottom: 10px;
}

div#containerNewUserSignup .col-sm-6,
div#containerNewUserSignup .col-sm-4,
div#containerNewUserSignup .col-sm-5,
div#containerNewUserSignup .col-sm-3,
div#containerNewUserSignup .col-sm-12,
div#containerNewUserSecurity .col-sm-6 {
  padding: 0px 10px;
}

div#containerNewUserSignup .row {
  padding: 0px 5px;
}

.primary-content div#registration .card-body {
  padding: 30px 40px 0px !important;
  overflow: visible;
}

div#registration .intl-tel-input .country-list {
  white-space: normal;
  width: 210px;
}

div#registration button.generate-password {
  border-radius: 2px;
  box-shadow: 0px 2px 0.5px rgb(42 46 54 / 29%);
  padding: 3.5px 18px;
  font-size: 12px;
  color: #565656;
  font-weight: 600;
}

div#registration .intl-tel-input .country-list li span {
  font-size: 13px;
  font-weight: 500;
}

.primary-content div#registration .card {
  margin-bottom: 0 !important;
}

#registration {
  background-color: #fff;
  margin-bottom: 20px;
}

.primary-content div#registration .card:not(:first-child) .card-body,
div#containerNewUserSecurity .card:first-child .card-body {
  padding-top: 15px !important;
}

.primary-content div#registration .card-title ~ p,
div#registration #default-captcha-domainchecker p {
  font-size: 14px;
  line-height: 20px;
  color: #6b788b;
  font-weight: 400;
  text-align: left;
}

#registration .captcha-20i {
  width: 100%;
  margin: 0;
  padding-bottom: 20px;
}

.home-domain-search .captcha-20i #default-captcha-domainchecker {
  max-width: 630px;
  margin: auto;
}

.captcha-20i .col-md-8.offset-md-2.col-10.offset-1 {
  max-width: 100%;
  flex: 0 0 100%;
  -ms-flex: 0 0 100%;
  margin: 0;
  padding: 40px 40px 0px;
}

#registration .btn-primary {
  font-size: 16px;
  line-height: 22px;
  color: #ffffff;
  font-weight: 400;
  border-radius: 3px;
  background-color: #f66257;
  min-width: 200px;
  padding: 14px;
  margin-top: 30px;
}

form#frmCheckout .captcha-20i .col-md-8.offset-md-2.col-10.offset-1 {
  padding: 25px 25px 0px;
}

form#frmCheckout div#default-captcha-domainchecker p {
  text-align: left;
}

form#frmCheckout div#default-captcha-domainchecker .col-6.captchaimage {
  max-width: 100px;
}

form#frmCheckout #default-captcha-domainchecker #inputCaptcha {
  float: left;
}

#registration .captcha-20i #default-captcha-domainchecker #inputCaptcha {
  position: relative;
  top: 5px;
  height: 22px;
}

#registration .captcha-20i .col-6 {
  max-width: 100px;
  text-align: left;
}
.captcha-20i {
  margin-top: 20px;
}
div#registration .bootstrap-switch-small.bootstrap-switch:focus,
div#registration .intl-tel-input.separate-dial-code .selected-flag:focus,
div#registration .intl-tel-input .flag-container:focus {
  outline: 0;
}

div#registration p[align="center"] {
  text-align: left;
  padding: 0px 40px;
}

div#registration
  .bootstrap-switch.bootstrap-switch-small
  span.bootstrap-switch-handle-on.bootstrap-switch-success {
  background-color: #f66257;
  border-color: #f66257;
}

div#registration
  .bootstrap-switch.bootstrap-switch-small
  span.bootstrap-switch-handle-off.bootstrap-switch-secondary,
div#registration
  .bootstrap-switch.bootstrap-switch-small
  span.bootstrap-switch-handle-on.bootstrap-switch-success {
  width: 26px !important;
  height: 26px;
  border-radius: 100%;
  font-size: 11px;
  line-height: 21px;
  color: #797979;
  text-align: center;
  padding: 3px;
  font-weight: 800;
}

div#registration .bootstrap-switch.bootstrap-switch-small {
  border-radius: 100px;
  min-width: 68px;
  padding: 4px 5px;
}

div#registration
  .bootstrap-switch-small.bootstrap-switch.bootstrap-switch-wrapper.bootstrap-switch-animate.bootstrap-switch-on {
  background-color: #f66257;
}

div#registration
  .bootstrap-switch.bootstrap-switch-small
  span.bootstrap-switch-handle-on.bootstrap-switch-success,
div#registration
  .bootstrap-switch.bootstrap-switch-small
  span.bootstrap-switch-handle-off.bootstrap-switch-secondary {
  background-color: #fff;
}

div#registration
  .bootstrap-switch-small.bootstrap-switch.bootstrap-switch-wrapper.bootstrap-switch-animate.bootstrap-switch-off {
  background-color: #dddddd;
}

div#registration
  .bootstrap-switch-small.bootstrap-switch.bootstrap-switch-wrapper,
div#registration
  .bootstrap-switch-small.bootstrap-switch.bootstrap-switch-wrapper.bootstrap-switch-animate.bootstrap-switch-off {
  border: 0;
}

div#registration
  .bootstrap-switch.bootstrap-switch-small
  .bootstrap-switch-container {
  width: 100px !important;
}

div#registration
  .bootstrap-switch-small.bootstrap-switch.bootstrap-switch-wrapper.bootstrap-switch-animate.bootstrap-switch-on
  span.bootstrap-switch-label {
  width: 46px !important;
}

div#registration
  .bootstrap-switch-small.bootstrap-switch.bootstrap-switch-wrapper.bootstrap-switch-animate.bootstrap-switch-off
  .bootstrap-switch-container {
  margin-left: -31px !important;
}

div#registration
  .bootstrap-switch-small.bootstrap-switch.bootstrap-switch-wrapper.bootstrap-switch-animate.bootstrap-switch-off
  span.bootstrap-switch-label {
  width: 44px !important;
}

div#registration div#containerNewUserSignup .sub-heading {
  display: none;
}

div#registration .social-signin-btns {
  text-align: center;
  padding: 30px 40px 0px;
}

div#registration .social-signin-btns button,
form.login-form ~ .providerPreLinking button {
  padding: 12px 15px;
}
form.login-form ~ .providerPreLinking button img,
.btn-facebook img,
.btn-social.btn-google img {
  margin-right: 1px;
}
.btn-facebook:hover {
  background-color: #4267b2e6;
}
.btn-facebook,
.btn-social.btn-google {
  border: 0;
  font-size: 14px;
  font-weight: 600;
}
.btn-social.btn-google:hover {
  background-color: #ffffffb0;
}
div#registration .social-signin-btns button:focus {
  box-shadow: none;
}

div#registration #default-captcha-domainchecker {
  width: 100%;
  margin: 0;
}

div#registration
  form#frmCheckout
  .captcha-20i
  .col-md-8.offset-md-2.col-10.offset-1
  div#default-captcha-domainchecker {
  padding: 0px 15px;
}

div#registration .password-strength-meter p {
  text-align: left !important;
  font-size: 12px;
}

.sidebar .card-sidebar .list-group.list-group-flush a:hover {
  color: #f66257;
}

div#Primary_Sidebar-Already_Registered-Already_Registered_Heading:hover,
.sidebar .card-sidebar .list-group.list-group-flush a:hover {
  background-color: transparent;
}

.sidebar .card.card-sidebar[menuitemname="Already Registered"] {
  padding-bottom: 15px;
  padding-top: 0;
}

.sidebar
  .card.card-sidebar[menuitemname="Already Registered"]
  .collapsable-card-body,
.sidebar
  .card.card-sidebar[menuitemname="Why Security Questions"]
  .collapsable-card-body {
  padding-bottom: 10px;
}

.sidebar .card.card-sidebar[menuitemname="Why Security Questions"] {
  padding-top: 0;
  padding-bottom: 15px;
}

.bootstrap-switch.bootstrap-switch-focused {
  box-shadow: none;
}

/* ======================================================================== */

/* ===========================Register-page-css-end ====================== */

/* ===================================================================== */

/* ==================store-page-css-start ============================== */

body #order-standard_cart .products {
  margin-top: 25px;
}

#order-standard_cart .cart-sidebar .panel-heading.card-header h3.panel-title {
  margin-bottom: 4px;
}

#order-standard_cart .header-lined h1,
.card.mass-payment-card .card-body .card-title,
.announcement-card .card-title {
  background-color: #fff;
  padding: 10px 22px;
  font-size: 20px;
  line-height: 30px;
  color: #000;
  font-weight: 700;
  box-shadow: 0px 1px 1.5px rgb(42 46 54 / 11%);
}

.header-lined p,
#order-standard_cart
  #frmCheckout
  .account-select-container
  div.account
  label
  .small,
#searchDomainInfo .domain-price span.register-price-label,
.suggested-domains .domain-suggestions-warning p,
#DomainSearchResults
  div#domainSuggestions
  .domain-suggestion.list-group-item.w-hidden.clone
  span,
#DomainSearchResults
  div#domainSuggestions
  .domain-suggestion.list-group-item.w-hidden.clone
  span.price,
.account-manage-20i .card-body label,
.wsla-order-clean-page .controls label {
  font-size: 14px;
  line-height: 23px;
  color: #464747;
  font-weight: 600;
  margin-bottom: 0px;
}

.account-manage-20i h3.card-title,
.account-manage-20i .card-body .controls.form-check label,
.wsla-order-clean-page .controls label {
  margin-bottom: 10px;
}

body #order-standard_cart .products#products .product header {
  background: transparent;
  margin-bottom: 15px;
}

body #order-standard_cart .products .product header span {
  font-size: 20px;
  line-height: 20px;
  color: #000000;
  font-weight: 700;
}

#order-standard_cart .products .product div.product-desc ul li,
form#frmConfigureProduct .product-info ul li {
  font-size: 14px;
  line-height: 22px;
  color: #7c8088;
  font-weight: 400;
  margin-bottom: 12px;
  position: relative;
  list-style-type: none;
}

#order-standard_cart .products .product div.product-desc ul li b {
  color: #000;
}

#order-standard_cart .products .product div.product-desc ul li::before,
form#frmConfigureProduct .product-info ul li::before {
  content: "";
  position: absolute;
  width: 5px;
  height: 5px;
  background-color: #b9b9b9;
  left: -12px;
  top: 8px;
}

body #order-standard_cart .products#products .product {
  padding: 35px 35px;
  background-color: #ffffff;
  transition: all 0.3s ease-in-out;
}

body #order-standard_cart .products .product:hover {
  box-shadow: 0px 9px 11.5px rgba(0, 0, 0, 0.14);
}

#order-standard_cart .products .product div.product-desc ul.list,
body #order-standard_cart .products .product header {
  padding: 0;
}

body #order-standard_cart .products .btn-success {
  font-size: 15px;
  letter-spacing: 1px;
  line-height: 22px;
  color: #ffffff;
  font-weight: 600;
  padding: 8px 12px;
  border-radius: 3px;
  background-color: #f66257;
  border-color: #f66257;
}

#order-standard_cart
  #scrollingPanelContainer
  .order-summary
  .btn-checkout:hover,
#order-standard_cart
  #frmConfigureProduct
  #scrollingPanelContainer
  #orderSummary
  button#btnCompleteProductConfig:hover,
body #order-standard_cart .products .product:hover .form-inline .btn-success {
  background-color: #e62d2d;
  color: #fff;
  border-color: #e62d2d;
}

body #order-standard_cart .products .btn-success:hover {
  background-color: #e62d2d;
  border-color: #e62d2d;
  color: #fff;
}

a#product2-order-button {
  background-color: #111;
  border-color: #111;
}

body
  #order-standard_cart
  .products#products
  .product
  div.product-pricing
  span.price,
body
  #order-standard_cart
  .products
  .row.row-eq-height
  .product
  div.product-pricing
  span.price {
  font-size: 25px;
  line-height: 32px;
  color: #000000;
  font-weight: 800;
  position: relative;
  top: 7px;
  margin-right: 6px;
}

body
  #order-standard_cart
  .products#products
  .product
  div.product-pricing
  span.price {
  width: auto;
  float: left;
}

body
  #order-standard_cart
  .products
  .row.row-eq-height
  .product
  div.product-pricing
  span.price {
  font-size: 22px;
  display: inline-block;
  margin-bottom: 12px;
}

body
  #order-standard_cart
  .products
  .row.row-eq-height
  .product
  div.product-pricing
  span.price,
body #order-standard_cart .products .product footer,
body #order-standard_cart .products .product div.product-desc {
  width: 100%;
  text-align: left;
}

body #order-standard_cart .products .product footer,
body #order-standard_cart .products .product div.product-desc {
  margin: 0;
}

body #order-standard_cart .products#products .product div.product-pricing {
  display: flex;
  align-items: center;
  margin-bottom: 25px;
}

#order-standard_cart .cart-sidebar .panel-heading.card-header i {
  display: none;
}

#order-standard_cart .cart-sidebar .panel-heading.card-header .fa-chevron-up {
  display: block;
}

body #order-standard_cart .products#products .product div.product-desc {
  border-top: 1px solid #e7e7e7;
  padding: 15px 14px 8px;
}

#order-standard_cart .products .product div.product-desc p {
  margin: 0;
}

#order-standard_cart .cart-body p.text-center a.btn.btn-default {
  font-size: 14px;
  line-height: 26px;
  color: #f66257;
  font-weight: 600;
  border-radius: 2px;
  background-color: #ffeded;
  padding: 7px 20px;
  border: 0;
  width: auto;
  display: inline-block;
}

.dataTables_wrapper table.table-list {
  border: 0;
}

#domainForm button.setBulkAction,
.btn-group.btn-group-sm button#btnGroupDrop1 {
  color: #111;
  font-weight: 600;
  font-size: 12px;
  line-height: 20px;
  padding: 8px 10px;
  border-right: 0;
  border-top: 0;
  border-bottom: 0;
  border-left: 1px solid #e7e7e7;
}

#domainForm button.setBulkAction:hover,
#domainForm .btn-group.btn-group-sm button#btnGroupDrop1:hover,
#domainForm .btn-group.btn-group-sm button#btnGroupDrop1:focus,
#domainForm .btn-group.btn-group-sm .setBulkAction:focus,
#domainForm .btn-group.btn-group-sm .setBulkAction.active,
#domainForm .btn-group.btn-group-sm .setBulkAction:hover {
  background-color: #f3f6f9;
}

#domainForm .btn-group.btn-group-sm .setBulkAction:focus,
#domainForm .btn-group.btn-group-sm .setBulkAction.active {
  color: #000;
}

#domainForm .btn-group.btn-group-sm button#btnGroupDrop1:focus,
div#domain p a.btn.btn-default:focus,
#domainForm .btn-group.btn-group-sm .setBulkAction:focus {
  box-shadow: none;
}

#domainForm .btn-group.btn-group-sm .setBulkAction {
  font-size: 12px;
  padding: 6px 15px;
}

#domainForm .btn-group.btn-group-sm .setBulkAction i {
  margin-right: 5px;
}

#domainForm .btn-group.btn-group-sm .dropdown-menu {
  padding: 0;
}

#order-standard_cart .cart-sidebar .panel-sidebar:first-child h3.panel-title {
  text-indent: -5px;
}

/* ===================================================================== */

/* ==================store-page-css-end ============================== */

/* ====================================================================== */

/* ====================Register-domain-css ============================= */

body #order-standard_cart .input-group-lg > .form-control,
.knowledgebase-20i form .kb-search input,
.knowledgebase-base-cat-20i form input,
.download-20i form .kb-search input,
form#frmProductDomain .domain-selection-options input,
.download-cat-20i form .kb-search input,
form#frmProductDomain .domain-selection-options input,
#order-standard_cart form#frmProductDomain .domain-selection-options select {
  font-size: 17px;
  line-height: 22px;
  color: #2e3442;
  font-weight: 400;
  border: 0;
}

.domain-checker-container .domain-checker-bg,
.knowledgebase-20i form,
.knowledgebase-base-cat-20i form,
.download-20i form,
.download-cat-20i form {
  padding: 34px;
  background-image: unset;
  background-color: #f66257;
  border-radius: 3px;
}

.domain-checker-bg .row,
.domain-checker-bg .col-md-8.col-md-offset-2.offset-md-2 {
  max-width: 100%;
  width: 100%;
  margin: auto;
}

.domain-checker-bg .col-md-8.col-md-offset-2.offset-md-2 {
  flex: 0 0 100%;
  -ms-flex: 0 0 100%;
  padding: 0;
}

#order-standard_cart .domain-checker-container .input-group-box {
  background-color: transparent;
  padding: 0;
}

#order-standard_cart
  .domain-checker-container
  .input-group-box
  input#inputDomain,
.domain-checker-container button#btnCheckAvailability,
.knowledgebase-20i form .kb-search input,
.download-20i form .kb-search input,
.download-cat-20i form .kb-search input,
.knowledgebase-base-cat-20i form .kb-search input {
  border-radius: 3px !important;
  height: 70px;
}

.domain-checker-container button#btnCheckAvailability,
.knowledgebase-20i form button#btnKnowledgebaseSearch,
.knowledgebase-base-cat-20i button#btnKnowledgebaseSearch,
.download-20i #btnDownloadsSearch,
.download-cat-20i #btnDownloadsSearch {
  background-color: #262a33;
  margin-left: 10px;
  min-width: 130px;
  font-size: 18px;
  line-height: 22px;
  font-weight: 600;
  border: 1px solid #262a33;
  border-radius: 3px;
}

.domain-checker-container button#btnCheckAvailability:hover,
.download-20i #btnDownloadsSearch:hover,
.download-cat-20i #btnDownloadsSearch:hover,
.knowledgebase-base-cat-20i button#btnKnowledgebaseSearch:hover,
.knowledgebase-20i form button#btnKnowledgebaseSearch:hover,
form#frmProductDomain .domain-selection-options button.btn.btn-primary:hover {
  background-color: #16181d;
  color: #fff;
}

.domain-pricing .featured-tld .img-container img {
  max-width: 100px;
}

body #order-standard_cart .input-group-lg > .form-control::placeholder,
.knowledgebase-20i form .kb-search input::placeholder,
.knowledgebase-base-cat-20i form input::placeholder,
.download-20i form .kb-search input::placeholder,
.download-cat-20i form .kb-search input::placeholder {
  color: #2e34426b;
  font-size: 17px;
  font-weight: 500;
}

.domain-pricing .featured-tld .price {
  background-color: unset;
  color: #fff;
  font-size: 16px;
  line-height: 22px;
  color: #474747;
  font-weight: 700;
  border-top: 1px solid #f7f7f7;
  padding: 10px 0px;
}

.domain-pricing .featured-tld .img-container img {
  max-width: 100px;
  height: 35px;
  object-fit: contain;
}

.domain-pricing .featured-tld {
  box-shadow: 0px 1px 1.5px rgba(42, 46, 54, 0.11);
}

.domain-pricing .featured-tld,
.domain-pricing .featured-tld .img-container {
  position: relative;
  overflow: hidden;
  transition: all 0.8s linear;
  z-index: 0;
}

.domain-pricing .featured-tld::before {
  position: absolute;
  content: "";
  background-color: #fdf4f4;
  top: 0;
  left: 0;
  z-index: -1;
  opacity: 6;
  width: 100%;
  height: 100%;
  transform: scale(0);
}

.domain-pricing .featured-tld:hover:before {
  transform: scale(1);
  transition: all 0.5s linear;
  transition-delay: 0.1s;
}

.domain-pricing .featured-tld .img-container {
  padding: 30px 0;
  height: 95px;
  line-height: normal;
}

.domain-pricing .featured-tlds-container .col-sm-2 {
  display: none;
}

.domain-pricing .featured-tlds-container .col-lg-4 {
  padding: 0px 10px;
}

.domain-pricing .featured-tlds-container {
  padding: 0px 5px;
  margin: 25px 0;
}

#order-standard_cart .domain-pricing .font-size-18 {
  color: #474747;
  font-weight: 700;
  margin-bottom: 15px;
}

.domain-pricing .tld-filters a {
  padding: 3px 9px;
  border-radius: 2px;
  font-size: 11px;
  line-height: 15px;
  color: #ababab;
  background-color: #fff;
  font-weight: 600;
  margin-right: 4px;
  border: 1px solid transparent;
}

.domain-pricing .tld-filters a:last-child {
  margin-right: 0;
}

.domain-pricing .tld-filters a:hover {
  color: #f66257;
  border-color: #ff4242;
}

.domain-pricing .tld-filters {
  margin: 0 0 18px 0;
}

.domain-pricing .tld-pricing-header > div {
  font-size: 15px;
  line-height: 22px;
  color: #474747;
  font-weight: 700;
  text-align: left;
  padding: 10px;
}

.domain-pricing .tld-pricing-header > div .row.no-gutters > div,
#order-standard_cart .domain-pricing .tld-pricing-header > div,
.domain-pricing .tld-pricing-header > div .row.no-gutters,
#order-standard_cart .domain-pricing .tld-row.highlighted {
  background-color: transparent;
}

.domain-pricing .tld-pricing-header > div .row.no-gutters > div,
#order-standard_cart .domain-pricing .two-row-center {
  border-color: transparent;
}

.domain-pricing .tld-row.filtered-row strong,
.domain-pricing .tld-row.filtered-row .col-xs-4.col-4 {
  font-size: 16px;
  line-height: 25px;
  color: #474747;
  font-weight: 600;
}

.domain-pricing .tld-row.filtered-row .col-xs-4.col-4 {
  font-size: 13px;
  text-align: left !important;
}

.domain-pricing .tld-row.filtered-row .col-xs-4.col-4 small,
#order-standard_cart .view-cart-items span.item-group,
#order-standard_cart form .view-cart-items .item-price span.cycle,
#order-standard_cart .view-cart-items small {
  font-size: 12px;
  line-height: 25px;
  color: #7c8088;
  font-weight: 600;
}

#order-standard_cart .domain-pricing .tld-row {
  border-top: 1px solid #f1f1f1;
}

#order-standard_cart .domain-pricing .tld-row,
#order-standard_cart .domain-pricing .tld-pricing-header .col-xs-4 {
  border-bottom: 0;
}

.domain-pricing .tld-pricing-header,
#order-standard_cart .domain-pricing .tld-row {
  align-items: center;
}

#order-standard_cart .domain-pricing .tld-row .tld-sale-group {
  padding: 2px 4px;
  font-size: 8px;
  border-radius: 2px;
  font-weight: 600;
}

.domain-pricing .tld-pricing-header,
#order-standard_cart .domain-pricing .tld-row {
  padding: 0px 25px;
}

.domain-pricing .tld-row .col-md-8 .row,
#order-standard_cart
  .domain-renewals
  .domain-renewal
  form.form-horizontal
  .row {
  width: 100%;
  margin: 0;
}

#order-standard_cart .domain-pricing .tld-pricing-header .col-xs-4 {
  padding: 0px 12px;
}

#order-standard_cart .domain-pricing .tld-pricing-header > div {
  padding: 15px 0;
}

#order-standard_cart
  .domain-pricing
  .tld-pricing-header
  .col-xs-4:nth-of-type(3),
.domain-pricing .tld-row.filtered-row .col-xs-4.col-4:nth-of-type(3) {
  padding-right: 0px;
}

#order-standard_cart .domain-pricing .two-row-center {
  padding-left: 0 !important;
  padding: 20px 0px;
  margin: 0;
}

.domain-pricing .tld-row.filtered-row .col-xs-4.col-4 small {
  margin-top: -5px;
  display: inherit;
}

.domain-pricing .bg-white {
  border-radius: 3px;
  box-shadow: 0px 1px 1.5px rgb(42 46 54 / 11%);
}

.domain-pricing .tld-row:hover,
#order-standard_cart .domain-pricing .tld-row.highlighted:hover {
  background-color: #fdf4f4;
}

body #order-standard_cart .domain-promo-box .font-size-24,
body #order-standard_cart .domain-promo-box .font-size-22 {
  font-size: 20px;
  line-height: 28px;
  color: #000000;
  font-weight: 700;
}

#order-standard_cart .domain-promo-box .clearfix p,
body #order-standard_cart .domain-promo-box .font-size-24 ~ p {
  font-size: 14px;
  line-height: 18px;
  color: #7c8088 !important;
  font-weight: 600;
  margin-bottom: 32px;
  padding: 2px 0px 0px 65px;
}

#order-standard_cart .domain-promo-box p {
  font-size: 13px;
  line-height: 18px;
  color: #acb0b8;
  font-weight: 400;
  margin: 0px 0 14px 0;
}

#order-standard_cart .domain-promo-box i {
  float: left;
  margin-right: 25px;
  color: #ff4242;
  font-size: 40px;
  padding-top: 6px;
}

#order-standard_cart .domain-promo-box a.btn.btn-warning,
#order-standard_cart .domain-promo-box a.btn.btn-primary {
  font-size: 13px;
  letter-spacing: 1px;
  line-height: 22px;
  color: #ffffff;
  font-weight: 600;
  border-radius: 3px;
  background-color: #ff4242;
  border: 1px solid #ff4242;
  padding: 7px 13px;
  position: absolute;
  bottom: 0;
  margin-bottom: 25px;
}

#order-standard_cart .domain-promo-box a.btn.btn-warning:hover,
#order-standard_cart .domain-promo-box a.btn.btn-primary:hover {
  background-color: #e62d2d;
  border-color: #e62d2d;
  color: #fff;
}

#order-standard_cart .domain-promo-box {
  padding: 25px 25px 65px 25px;
  background-color: #fff;
  border: 0;
  border-radius: 3px;
  box-shadow: 0px 1px 1.5px rgba(42, 46, 54, 0.11);
  position: relative;
  margin-top: 32px;
}

#order-standard_cart .domain-checker-container {
  margin: 40px 0 0;
}

#order-standard_cart .domain-checker-container div#captchaContainer {
  margin-bottom: 25px;
}

/* ====================================================================== */

/* ====================Register-domain-css-end ============================= */

/* ========================================================================= */

/* =======================Transfer-domain-css-start =========================== */

form#frmDomainTransfer,
.card.mass-payment-domain {
  background-color: #ff4242;
  border-radius: 3px;
}

form#frmDomainTransfer {
  padding: 15px 0px;
}

form#frmDomainTransfer .card {
  background-color: transparent;
  border-color: transparent;
}

#order-standard_cart form#frmDomainTransfer .card label,
.card.mass-payment-domain .card-body label {
  color: #ffffff;
  font-weight: 400;
  max-width: 490px;
  margin-bottom: 4px;
  font-size: 13px;
}

form#frmDomainTransfer div#captchaContainer {
  padding: 10px 0px 20px;
}

form#frmDomainTransfer .col-sm-8.col-sm-offset-2.offset-sm-2,
.fieldgroup-creditcard label.col-sm-4 {
  margin: 0;
  max-width: 100%;
  flex: 0 0 100%;
  -ms-flex: 0 0 100%;
}

#frmManagePaymentMethod .fieldgroup-creditcard .col-sm-2,
#frmManagePaymentMethod .fieldgroup-creditcard .col-sm-7 {
  max-width: 66.66667%;
  flex: 0 0 66.66667%;
  -ms-flex: 0 0 66.66667%;
}

form#frmDomainTransfer .card-body .form-group input,
.card.mass-payment-domain .card-body .form-group select::placeholder,
.card.mass-payment-domain button#btnMassPayMakePayment {
  font-size: 15px;
  color: #2e344269;
  font-weight: 500;
  border-radius: 3px;
  border: 0;
  height: 49px;
  max-width: 490px;
  display: block;
}

form#frmDomainTransfer button#btnTransferDomain,
div#ticketReplyContainer .form-group input.btn.btn-primary,
div#ticketReplyContainer .form-group input.btn.btn-default,
.submit-ticket-two-20i p .btn.btn-primary,
.submit-ticket-two-20i p .btn.btn-default,
form#frmManagePaymentMethod button#btnSubmit,
form#frmManagePaymentMethod .form-group.submit-container .btn.btn-default,
form#frmConfigureDomains button.btn.btn-primary,
#order-standard_cart .mc-promos.viewcart .btn-add,
#order-standard_cart .mc-promos.checkout .btn-add,
.modal button.btn.btn-primary,
.modal button.btn.btn-default,
.already-registered.clearfix button#btnAlreadyRegistered,
.account-manage-20i .btn-primary,
.account-manage-20i .btn-default,
.account-manage-20i .btn-danger,
.payment-methods-20i table#payMethodList .btn-set-default,
.payment-methods-20i table#payMethodList .btn-default,
.using-password-strength .btn-primary,
.using-password-strength .btn-default,
.btn-primary,
.btn-default {
  font-size: 15px;
  letter-spacing: 1px;
  line-height: 22px;
  color: #ffffff;
  font-weight: 600;
  border-radius: 3px;
}

form#frmDomainTransfer button#btnTransferDomain {
  background-color: #262a33;
  border: 1px solid #262a33;
  padding: 12px 28px;
}

form#frmDomainTransfer .card-footer,
form#frmDomainTransfer .card-header,
.card.mass-payment-domain .card-header {
  padding: 0px 40px;
}

form#frmDomainTransfer .card-body,
.card.mass-payment-domain .card-body {
  padding: 22px 40px 0px;
}

form#frmDomainTransfer .card-header h3.card-title {
  padding-bottom: 12px;
  text-transform: capitalize;
}

#order-standard_cart form#frmDomainTransfer .card-header .font-size-24,
#order-standard_cart .text-center .font-size-30,
.card.mass-payment-domain .card-header .card-title {
  font-size: 22px;
  line-height: 34px;
  color: #ffffff;
  font-weight: 700;
  text-align: left;
}

#order-standard_cart .text-center .font-size-30 {
  color: #000;
  margin-bottom: 0;
  padding-top: 10px;
}

#order-standard_cart .text-center .font-size-30 ~ p {
  color: #464747;
  font-size: 14px;
  text-align: left;
  margin-bottom: 0;
}

form#frmDomainTransfer button#btnTransferDomain:hover {
  background-color: #16181d;
  color: #fff;
}

form#frmDomainTransfer .panel-footer.card-footer {
  text-align: left !important;
}

#order-standard_cart form#frmDomainTransfer .card label a {
  color: #fff;
}

form#frmDomainTransfer .card-header,
.card.mass-payment-domain .card-header {
  border-bottom: 1px solid #f33a3a;
}

form#frmDomainTransfer div#captchaContainer .default-captcha {
  margin: 0px auto 15px 0px;
  border: 0;
  text-align: left;
  width: 100%;
  max-width: 490px;
}

/* ========================================================================= */

/* =======================Transfer-domain-css-end =========================== */

/* ======================================================================== */

/* ===========================footer-css-start ====================== */

footer.footer {
  /* background-color: #ff4242; */
  background-color: #dc3545;
  padding: 10px 0;
}

footer.footer .copyright {
  margin: 0px 0;
  text-align: left;
  font-size: 17px;
  letter-spacing: 1px;
  line-height: 26px;
  color: rgba(255 255 255 / 50%);
  font-weight: 400;
}

footer.footer .btn,
footer.footer .nav-link {
  line-height: 26px;
  font-weight: 600;
  border-radius: 3px;
  min-width: 162px;
  text-align: center;
}

footer.footer .btn {
  background-color: #fff;
  font-size: 14px;
  color: #3d3d3d;
  padding: 7px 10px;
}

footer.footer .nav-link {
  font-size: 16px;
  color: #ffffff;
  background-color: #ff5555;
  padding: 9px 10px;
}

footer.footer .nav-link:hover {
  background-color: #de3e3e;
}

footer.footer .btn:hover {
  background-color: #ffffffc7;
}

footer.footer .btn .align-middle {
  margin-right: 4px;
}

.footer ul.nav.justify-content-center.justify-content-lg-start {
  float: right;
  margin-right: 14px;
}

footer.footer .copyright {
  max-width: 60%;
  padding-top: 10px;
}

/* ======================================================================== */

/* ===========================footer-css-end ====================== */

/* ============================================= */

/* =====================common-css=============== */

#order-standard_cart
  form#frmDomainChecker
  .default-captcha.default-captcha-register-margin,
form#frmDomainTransfer div#captchaContainer .default-captcha {
  background-color: transparent;
  border: 0;
  box-shadow: none;
}

#order-standard_cart
  form#frmDomainChecker
  .default-captcha.default-captcha-register-margin
  p,
form#frmDomainTransfer div#captchaContainer .default-captcha {
  color: #fff;
}

#order-standard_cart
  form#frmDomainChecker
  .default-captcha.default-captcha-register-margin
  > div
  input,
form#frmDomainTransfer div#captchaContainer .default-captcha input {
  height: 32px;
  min-height: 32px;
}

#order-standard_cart
  form#frmDomainChecker
  .default-captcha.default-captcha-register-margin
  > div {
  width: 100%;
  max-width: 201px;
  margin: auto;
}

.modal {
  padding-right: 0 !important;
}

div#modalRemoveItem h4.modal-title i {
  padding-top: 0;
  color: #f64e60;
}

div#modalRemoveItem button.btn.btn-primary {
  background-color: #f64e60;
  border-color: #f64e60;
}

div#modalRemoveItem button.btn.btn-primary:hover {
  background-color: transparent;
  color: #f64e60;
}

.modal button.close:focus {
  outline: 0;
}

.modal .modal-header {
  background-color: #ff4242;
  padding: 20px 30px;
}

.modal .modal-header h4 {
  color: #fff;
}

form#frmManagePaymentMethod
  .form-group
  label.form-check.form-check-inline
  .iradio_square-blue {
  float: left;
}

.modal-body {
  padding: 25px 30px;
}

.modal .modal-header h5.modal-title {
  color: #fff;
}

.modal button.close span {
  color: #fff;
}

.modal button.close {
  opacity: 1;
}

.modal-content {
  border: 0;
}

.modal button.btn.btn-primary,
.modal button.btn.btn-default {
  padding: 9px 30px;
}

body .email-verification {
  padding-bottom: 20px;
}

body .email-verification .order-3 {
  order: 14;
  max-width: 30px;
  padding: 0;
}

.email-verification .btn.close {
  position: absolute;
  left: 0;
  padding: 0;
}

body .email-verification .order-md-last {
  flex: 0 0 30%;
  -ms-flex: 0 0 30%;
  max-width: 30%;
}

.email-verification .text {
  font-weight: 600;
  color: #dc3545;
  font-size: 14px;
  line-height: 22px;
  padding-top: 1px;
}

.email-verification .fas {
  font-size: 14px;
  color: #dc3545;
  padding: 3px 6px 0px 0px;
}

.alert-warning .alert-link {
  text-decoration: none;
}

.email-verification .btn:active {
  background-color: #f64e60;
}

.alert.alert-warning .alert-link,
.email-verification .btn {
  background-color: #f64e60;
  text-decoration: none;
  font-size: 11px;
  line-height: 22px;
  font-weight: 600;
  color: #ffffff;
  border-radius: 2px;
  padding: 1px 10px;
  border: 0;
  width: auto;
  margin-left: auto;
}

.alert.alert-warning .alert-link i {
  display: none;
}

.listtable {
  width: 100%;
  display: block;
  overflow-x: auto;
}

.dataTables_wrapper table.table-list thead th,
.dataTables_wrapper table.table-list tbody td {
  white-space: nowrap;
}

.dataTables_wrapper div#tableServicesList_length {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

form .card .table thead th,
form .card table tr.masspay-invoice-detail td {
  border-bottom: 1px solid #f1f1f1;
  border-top: 1px solid #f1f1f1;
}

form .card table tr.masspay-invoice-detail td,
form .card p.text-muted {
  font-size: 14px;
  line-height: 22px;
  color: #7c8088;
}

tr.masspay-total td {
  background-color: #f3f6f9;
}

.card.bg-default .card-header {
  background-color: transparent;
  border: 0;
}

.custom-select {
  font-size: 14px;
  color: #ababab;
  font-weight: 400;
  height: 40px;
  border-radius: 3px;
  border: 1px solid #dcdee2;
}

.card.bg-default .card-body {
  padding: 0 20px 20px;
}

.card.bg-default .col-form-label {
  font-weight: 600;
}

#order-standard_cart .sidebar-collapsed select#gidForm,
.card.bg-default .col-form-label {
  font-size: 14px;
}

.dataTables_wrapper table.table-list td.text-center.ssl-info img {
  width: 18px;
  margin-top: -9px;
}

.btn:focus {
  box-shadow: none !important;
}

.alert.alert-warning.network-issue-alert,
.email-verification {
  padding: 0;
  background-color: #f6f6f6;
  border: 0;
}

.alert.alert-warning.network-issue-alert {
  padding-top: 10px;
}

.alert.alert-warning.network-issue-alert .container {
  background-color: #fff3cd;
  padding: 6px 10px;
  border-radius: 3px;
}

.email-verification .container {
  background-color: #ffccd2;
  padding: 7px 10px;
  border-radius: 3px;
}

.email-verification .btn.close {
  color: #dc3545;
  text-shadow: none;
}

/* ============================================= */

/* =====================common-css-end=============== */

/* ================================================== */

/* ===============Addons-css-start ================== */

body
  #order-standard_cart
  .products
  .row.row-eq-height
  .product
  div.product-desc,
#order-standard_cart .products .row.row-eq-height .product footer {
  border: 0;
  padding: 0;
}

#order-standard_cart .products .row.row-eq-height .product div.product-desc p {
  font-size: 14px;
  line-height: 23px;
  color: #7c8088;
  /* font-weight: 600; */
}

body
  #order-standard_cart
  .products
  .row.row-eq-height
  .product
  div.product-pricing {
  font-size: 12px;
  color: #474747;
  font-weight: 600;
}

body #order-standard_cart .products .row.row-eq-height .product header {
  background: transparent;
  margin-bottom: 5px;
}

#order-standard_cart .products .row.row-eq-height .form-control {
  border-radius: 3px;
  font-size: 13px;
  color: #2e3442b0;
  font-weight: 600;
  border-radius: 2px;
  background-color: #f3f6f9;
  margin: 28px 0px 20px;
  width: 100%;
  height: 46px;
  border: 0;
}

#order-standard_cart .products .form-inline .btn-success {
  width: 100%;
  padding: 12px;
  font-size: 15px;
  letter-spacing: 1px;
  line-height: 20px;
  color: #ffffff;
  font-weight: 700;
  background-color: #ff4242;
  border: 1px solid #ff4242;
}

#order-standard_cart .products #product0:hover button.btn.btn-success,
#order-standard_cart .products .product:hover button.btn.btn-success {
  background-color: #e62d2d;
}

#order-standard_cart .products #product0:hover button.btn.btn-success {
  color: #fff;
}

body #order-standard_cart .products .row.row-eq-height .product {
  padding: 25px 22px 28px;
  border: 0;
  box-shadow: 0px 1px 1.5px rgba(42, 46, 54, 0.11);
  height: 95%;
}

body
  #order-standard_cart
  .products
  .row.row-eq-height
  .product
  div.product-pricing {
  margin-bottom: 10px;
}

/* ================================================== */

/* ===============Addons-css-end ================== */

/* ================================================== */

/* ===============Mass-payment-css-start ================== */

.card.mass-payment-card,
.announcement-card {
  background-color: transparent;
}

.card.mass-payment-card .card-body,
.primary-content .announcement-card .card-body {
  padding: 0;
}

.card.mass-payment-card .card-body .card-title {
  margin-bottom: 10px;
}

.card.mass-payment-card .card-body .card-title ~ p {
  color: #212529 !important;
}

.mass-payment-card .table thead th {
  color: #474747;
}

.mass-payment-card .table thead th,
.card.mass-payment-card .mass-payment-table tr td strong {
  font-size: 17px;
  line-height: 22px;
  font-weight: 700;
}

.card.mass-payment-card .mass-payment-table tr td strong,
#order-standard_cart
  #frmCheckout
  .account-select-container
  div.account.active
  label,
#order-standard_cart
  #frmCheckout
  .account-select-container
  div.account.active
  label
  strong {
  color: #ff4242;
}

.card.mass-payment-card .mass-payment-table {
  background-color: #fff;
  box-shadow: 0px 1px 1.5px rgb(42 46 54 / 11%);
}

.card.mass-payment-card .mass-payment-table thead tr th,
.card.mass-payment-card .mass-payment-table tbody tr:nth-last-child(1) td {
  padding: 20px 25px;
}

.card.mass-payment-card .mass-payment-table tbody tr td,
.card.mass-payment-card,
.announcement-card {
  border: 0;
}

.card.mass-payment-card .mass-payment-table tbody tr td,
.card.mass-payment-card .mass-payment-table tbody tr:first-child td {
  padding: 30px 25px 0px;
}

.primary-content
  .card.mass-payment-card
  .mass-payment-table
  tbody
  tr:nth-last-child(3)
  td {
  padding-bottom: 40px;
}

.card.mass-payment-card .mass-payment-table tbody tr:nth-last-child(2) td {
  background-color: transparent;
  border-top: 1px solid #f1f1f1;
  padding: 20px 25px;
}

.card.mass-payment-card .mass-payment-table tbody tr.masspay-invoice-detail td {
  padding: 6px 25px;
  font-size: 13px;
  line-height: 22px;
  color: #7c8088;
  font-weight: 400;
}

.card.mass-payment-domain button#btnMassPayMakePayment {
  background-color: #1bc577;
  border: 1px solid #1bc577;
  color: #fff;
  font-weight: 600;
}

.card.mass-payment-domain .card-header {
  padding-bottom: 25px;
  text-transform: capitalize;
}

.card.mass-payment-domain .form-group {
  margin-bottom: 8px;
}

.card.mass-payment-domain {
  padding: 30px 0px 40px;
}

.card.mass-payment-card
  .mass-payment-table
  tbody
  tr.masspay-invoice-detail
  td:last-child,
.view-cart-items-header .col-sm-7,
.view-cart-items-header .col-sm-4 {
  font-size: 13px;
  line-height: 18px;
  color: #474747;
  font-weight: 700;
}

.card-body.extra-padding.announcement-section .row {
  width: 100%;
  margin: 0;
}

/* ================================================== */

/* ===============Mass-payment-css-end ================== */

/* ===================================================== */

/* ====================announcsment-section-css-start ========== */

.announcements {
  background-color: #fff;
  padding: 25px 25px 30px;
  border-radius: 3px;
  box-shadow: 0px 1px 1.5px rgb(42 46 54 / 11%);
}

.announcement-card .card-title {
  margin-bottom: 10px;
}

.announcement h1 a,
.view-announcement-20i h1 {
  font-size: 17px;
  line-height: 22px;
  color: #474747;
  font-weight: 700;
  text-decoration: none;
  transition: all 0.3s ease-in;
}

.announcement h1 a:hover,
.view-announcement-20i h1 {
  color: #ff4242;
}

.announcement ul.list-inline {
  margin-top: -2px;
}

.announcement ul.list-inline li,
.view-announcement-20i ul li,
.server-status-20i .card-body ul li,
.view-ticket span.posted-on {
  font-size: 13px;
  line-height: 20px;
  color: #acb0b8 !important;
  font-weight: 500;
}

.announcement ul.list-inline {
  margin-bottom: 12px;
}

.announcements .announcement article {
  margin-bottom: 20px;
  padding: 0;
  background-color: transparent;
  border-left: 0;
}

.announcements .announcement article,
.view-announcement-20i .text-description-20i p,
.server-status-20i .card-body p,
.server-status-20i ul.pagination li a,
.primary-content .view-ticket .message p,
.knowledgebase-article-20i .card-body article p,
.user-management-20i .card p,
.user-management-20i .card form label,
.wsla-order-clean-page p,
.user-security-20i p,
div#default-captcha-domainchecker p {
  font-size: 14px;
  line-height: 22px;
  color: #464747;
  font-weight: 600;
}

.announcements .announcement a.btn-default,
.knowledgebase-20i .kb-category span.badge.badge-info,
.download-20i .kb-category span.badge.badge-info,
.kb-category span.badge.badge-info {
  font-size: 12px;
  line-height: 18px;
  color: #ff4242;
  font-weight: 400;
  border-radius: 2px;
  background-color: #ffeded;
  border: 1px solid #ffeded;
  padding: 6px 10px;
}

.announcements .announcement a.btn-default:focus {
  box-shadow: none;
}

.announcements .announcement a.btn-default:hover {
  background-color: #ff4242;
  border-color: #ff4242;
  color: #fff;
}

.announcements .announcement a.btn-default i,
.announcement ul.list-inline li i {
  display: none;
}

.announcements .announcement {
  margin-bottom: 20px;
  border-bottom: 1px solid #f1f1f1;
  padding-bottom: 30px;
}

.announcements .announcement:last-child {
  border-bottom: 0;
  padding-bottom: 0;
  margin-bottom: 0;
}

/* ===================================================== */

/* ====================announcement-section-css-end ========== */

/* ===================================================== */

/* ====================announcement-detail-section-css-start ========== */

.view-announcement-20i,
.server-status-20i .card,
.knowledgebase-20i .card,
.view-ticket .card-body.p-3,
.card.view-ticket,
div#ticketReplyContainer,
.knowledgebase-article-20i .card,
.knowledgebase-base-cat-20i .card,
.download-20i .card,
.download-cat-20i .card,
.payment-methods-20i .card,
.submit-ticket-two-20i .card,
.payment-method-add-card .card,
#frmCheckout div#totalDueToday,
#frmCheckout div#paymentGatewaysContainer,
#order-standard_cart #frmCheckout .cc-input-container,
div#DomainSearchResults div#searchDomainInfo,
div#DomainSearchResults .spotlight-tld,
#order-standard_cart #frmConfigureProduct .product-info,
#order-standard_cart #frmConfigureProduct .field-container,
#order-standard_cart #frmConfigureProduct .addon-products .card,
form#frmConfigureProduct div#orderSummary,
.home-page-slider-panel,
#order-standard_cart .mc-promos.viewcart .mc-promo,
#order-standard_cart .mc-promos.checkout .mc-promo,
form#frmAddToCart,
.card-body.store-promoted-product,
form#frmCheckout .marketing-email-optin,
.user-management-20i .card,
form#frmConfigureProduct div#productConfigurableOptions,
.contact-page-20i {
  box-shadow: 0px 1px 1.5px rgb(42 46 54 / 11%);
  border: 0;
  border-radius: 3px;
}

.view-announcement-20i ul {
  margin-bottom: 18px;
}

.view-announcement-20i .text-description-20i {
  border-top: 1px solid #f1f1f1;
  padding: 20px 0px 0;
}

.view-announcement-20i .text-description-20i p:last-child {
  margin: 0;
}

.view-announcement-20i .text-description-20i p {
  margin-bottom: 24px;
}

.view-announcement-20i .card-body {
  padding: 30px 26px;
  overflow: auto;
}

.btn-back-20i,
.btn-edit-20i,
.knowledgebase-article-20i .btn-default,
.knowledgebase-base-cat-20i .btn-default,
.download-cat-20i .btn-default,
#frmAddToCart .btn-default {
  font-size: 13px;
  letter-spacing: 1px;
  line-height: 20px;
  color: #5f5f5f;
  font-weight: 700;
  border-radius: 2px;
  box-shadow: 0px 1px 0px rgb(0 0 0 / 13%);
  background-color: #ffffff;
  border: 1px solid transparent;
  padding: 8px 10px;
}

.btn-back-20i:hover,
.btn-back-20i:focus,
#frmAddToCart .btn-default:hover,
.btn-edit-20i:hover,
.knowledgebase-article-20i .btn-default:hover,
.knowledgebase-base-cat-20i .btn-default:hover,
.download-cat-20i .btn-default:hover {
  background-color: #ffeded;
  border-color: #ff4242;
  color: #ff4242;
}

/* ===================================================== */

/* ====================announcement-detail-section-css-end ========== */

/* ================================================== */

/* ===============serverstatus-css-start ================== */

.server-status-20i .card-header {
  font-size: 20px;
  line-height: 28px;
  color: #ff4242;
  font-weight: 700;
  background-color: transparent;
  border: 0;
  padding: 25px 25px 0px;
}

.server-status-20i .card-body .h5 {
  font-size: 14px;
  line-height: 18px;
  color: #01aa5d;
  font-weight: 600;
  margin-bottom: 12px;
}

.server-status-20i .card-body {
  padding: 7px 25px 10px;
}

.server-status-20i .card-body ul {
  border-bottom: 1px solid #f1f1f1;
  padding-bottom: 20px;
}

.server-status-20i .card-body .h5 strong,
#DomainSearchResults
  div#domainSuggestions
  .domain-suggestion.list-group-item.w-hidden.clone
  span.price {
  font-weight: 700;
}

.server-status-20i .badge-success,
.server-status-20i .badge-danger,
.view-ticket .requestor-badge,
.custom-file .custom-file-label::after,
button#btnTicketAttachmentsAdd,
.user-management-20i table tbody span.label.label-info,
.card.switch-account-20i span.label.label-info {
  font-size: 12px;
  line-height: 18px;
  font-weight: 600;
  padding: 4px 12px;
  border-radius: 2px;
}

.server-status-20i .badge-success,
.view-ticket .requestor-badge,
.custom-file .custom-file-label::after,
.user-management-20i table tbody span.label.label-info,
.card.switch-account-20i span.label.label-info {
  color: #ff4242;
  background-color: #ffeded;
}

.server-status-20i .badge-danger {
  color: #eb243b;
  background-color: #ffd7e0;
}

.server-status-20i ul.pagination li:hover a {
  color: #ff4242;
}

/* ================================================== */

/* ===============serverstatus-css-start ================== */

/* ================================================== */

/* ===============knowledgebase-css-start ================== */

.knowledgebase-20i form .kb-search input {
  font-weight: 400 !important;
}

.knowledgebase-20i .kb-category span,
.download-20i .kb-category span,
.kb-category span {
  padding-left: 15px;
}

.knowledgebase-20i .kb-category span,
.download-20i .kb-category span,
form#frmAddToCart .col-sm-7 h2,
.kb-category span {
  font-size: 20px;
  line-height: 28px;
  color: #262a33;
  font-weight: 700;
}

form#frmAddToCart .col-sm-7 p {
  font-size: 14px;
}

.knowledgebase-20i .kb-category span i,
.download-20i .kb-category span i,
.kb-category span i {
  color: #262a33;
  -webkit-text-stroke-width: 1px;
  font-size: 28px;
  float: left;
}

.knowledgebase-20i .kb-category p small,
div#ticketReplyContainer label,
.submit-ticket-two-20i .form-group label,
.download-20i .kb-category p small,
form#frmConfigureDomains .sub-heading ~ .row .col-sm-4,
form#frmConfigureDomains .form-group label {
  font-size: 14px;
  line-height: 25px;
  color: #7c8088;
  font-weight: 600;
}

.account-manage-20i form label {
  color: #ff4242;
  font-weight: 700;
}

.account-manage-20i .alert-info,
.announcements .alert-info {
  color: #ff4242;
  background-color: #ffeded;
  border-color: #ffeded;
}

div#ticketReplyContainer label,
.submit-ticket-two-20i .form-group label {
  line-height: 30px;
}

.knowledgebase-20i .kb-category p,
.download-20i .kb-category p,
.kb-category p {
  padding-left: 50px;
}

.knowledgebase-20i .kb-category span.badge.badge-info,
.download-20i .kb-category span.badge.badge-info,
.kb-category span.badge.badge-info {
  font-weight: 600;
  padding: 3px 10px;
}

.knowledgebase-20i .kb-category .card-body,
.download-20i .kb-category .card-body,
.kb-category .card-body {
  padding: 30px 25px;
  overflow: auto;
}

.knowledgebase-20i .card .card-title,
button#btnTicketAttachmentsAdd,
.knowledgebase-article-20i h3.card-title,
.knowledgebase-base-cat-20i .card-title,
.download-20i .card-title,
.download-cat-20i .card-title {
  color: #474747;
}

.knowledgebase-20i .kb-article-item,
.knowledgebase-article-20i .kb-article-item,
.knowledgebase-base-cat-20i .kb-article-item,
.download-20i .card .kb-article-item,
.download-cat-20i .card .kb-article-item {
  font-size: 15px;
  line-height: 22px;
  color: #262a33;
  font-weight: 700;
  border: 0;
  margin: 0px 25px;
  padding: 20px 22px;
}

.knowledgebase-20i .card .list-group.list-group-flush,
.knowledgebase-article-20i .list-group.list-group-flush,
.knowledgebase-base-cat-20i .list-group.list-group-flush,
.download-20i .list-group.list-group-flush,
.download-cat-20i .list-group.list-group-flush {
  padding: 10px 0px 20px;
}

.knowledgebase-20i .kb-article-item:nth-child(even),
.knowledgebase-20i .kb-article-item:hover,
.knowledgebase-article-20i .kb-article-item:hover,
.knowledgebase-article-20i .kb-article-item:nth-child(even),
.knowledgebase-base-cat-20i .kb-article-item:nth-child(even),
.knowledgebase-base-cat-20i:nth-child(even),
.knowledgebase-base-cat-20i .kb-article-item:hover,
.download-20i .kb-article-item:hover,
.download-cat-20i .kb-article-item:hover,
.download-20i .kb-article-item:nth-child(even),
.download-cat-20i .kb-article-item:nth-child(even),
.download-20i .kb-category .card-body:hover,
.download-cat-20i .kb-category .card-body:hover {
  background-color: #f3f6f9;
}
.knowledgebase-20i .card .card-title i,
.knowledgebase-article-20i h3.card-title i,
.knowledgebase-base-cat-20i .card-title i,
.download-20i .card .card-title i,
.download-cat-20i .card .card-title i {
  color: #ff4242;
  -webkit-text-stroke-width: 1px;
  padding-right: 25px;
}

.knowledgebase-20i .kb-article-item i,
.knowledgebase-article-20i .kb-article-item i,
.knowledgebase-base-cat-20i .kb-article-item i,
.download-20i .kb-article-item i,
.download-cat-20i .kb-article-item i {
  color: #ff4242 !important;
  font-weight: 700;
  padding-right: 5px;
}

.knowledgebase-20i .kb-article-item small,
.knowledgebase-article-20i .kb-article-item small,
.knowledgebase-base-cat-20i .kb-article-item small,
.download-20i .kb-article-item small,
.download-cat-20i .kb-article-item small {
  font-size: 13px;
  line-height: 22px;
  color: #7c8088;
  font-weight: 400;
  margin-top: 7px;
  padding-left: 0;
}

.knowledgebase-20i .kb-category .card-body,
.download-20i .kb-category .card-body,
.download-cat-20i .kb-category .card-body,
.kb-category .card-body {
  border-bottom: 0;
}

.knowledgebase-20i .card-body,
.knowledgebase-base-cat-20i .card-body,
.knowledgebase-article-20i .card ~ .card .card-body,
.download-20i .card .card-body,
.download-cat-20i .card .card-body {
  border-bottom: 1px solid #f1f1f1;
  padding: 20px 25px;
}

/* ================================================== */

/* ===============knowledgebase-css-end ================== */

/* ================================================== */

/* ===============knowledgebase-detail-css-start ================== */

.knowledgebase-article-20i .card-body h1,
.download-20i .kb-category .card-body h1,
.download-cat-20i .kb-category .card-body h1 {
  font-size: 20px;
  line-height: 34px;
  color: #ff4242;
  font-weight: 700;
}

.knowledgebase-article-20i .card-body ul li i,
.download-20i .kb-category .card-body ul li i,
.download-cat-20i .kb-category .card-body ul li i {
  color: #ff4242;
}

.primary-content .knowledgebase-article-20i .card-body ul li {
  color: #acb0b8 !important;
}

.knowledgebase-article-20i .card-body a.btn.btn-default,
.knowledgebase-article-20i form button.btn-secondary {
  font-size: 13px;
  letter-spacing: 1px;
  line-height: 20px;
  color: #ff4242;
  font-weight: 700;
  padding: 6px 10px;
  border: 1px solid #ffeded;
}

.knowledgebase-article-20i .card-body a.btn.btn-default,
.knowledgebase-article-20i form button.btn-secondary {
  background-color: #ffeded;
}

.knowledgebase-article-20i .card-body h4 {
  font-size: 18px;
  line-height: 28px;
  color: #474747;
  font-weight: 700;
  margin: 0;
  padding: 15px 20px 8px;
}

.knowledgebase-article-20i hr {
  display: none;
}

.knowledgebase-article-20i form,
.knowledgebase-article-20i .card-body h4 {
  background-color: #f3f6f9;
}

.knowledgebase-article-20i form button.btn-secondary {
  padding: 6px 6px !important;
  width: 70px;
}

.knowledgebase-article-20i form button.btn-secondary:active {
  background-color: #e2eaf8 !important;
  border-color: #e2eaf8 !important;
  color: #ff4242 !important;
}

.knowledgebase-article-20i form {
  padding: 0 22px 22px;
}

.knowledgebase-article-20i ul {
  border-bottom: 1px solid #f1f1f1;
  padding-bottom: 20px;
  margin-bottom: 18px;
}

.knowledgebase-article-20i .card-body article p {
  margin-bottom: 20px;
}

.knowledgebase-article-20i .card-body {
  padding: 25px;
}

/* ================================================== */

/* ===============knowledgebase-detail-css-end ================== */

/* ================================================== */

/* ===============view-ticket-css-start ================== */

.view-ticket .card-title {
  font-size: 20px;
  color: #ff4242;
  margin-bottom: 5px;
}

.view-ticket .card-body p,
.view-ticket div#ticketReplyContainer form input,
.md-editor .md-footer .small-font,
div#ticketReplyContainer .custom-file input#inputAttachment1,
.knowledgebase-article-20i .card-body ul li {
  font-size: 13px;
  line-height: 18px;
  color: #7c8088;
  font-weight: 400;
}

.view-ticket button#btnTicketReply,
.view-ticket a.btn.btn-danger {
  font-size: 13px;
  letter-spacing: 1px;
  line-height: 20px;
  font-weight: 700;
  box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.13);
  border-radius: 2px;
  border: 1px solid transparent;
  padding: 5px 10px;
}

.view-ticket button#btnTicketReply {
  color: #ff4242;
  background-color: #ffeded;
}

.view-ticket a.btn.btn-danger {
  color: #eb243b;
  background-color: #ffd7e0;
}

.view-ticket .card-body.p-3 {
  margin-bottom: 20px;
}

.card.view-ticket .card-body:first-child {
  padding: 25px !important;
}

.card.view-ticket,
.view-ticket .posted-by {
  background-color: transparent;
  border: 0;
}

.view-ticket .card-body {
  background-color: #fff;
  border: 0;
  padding: 10px;
}

.view-ticket .posted-by {
  font-size: 17px;
  line-height: 20px;
  color: #474747;
  font-weight: 700;
  position: relative;
  padding: 15px 98px 13px 14px;
}

.view-ticket span.posted-on {
  display: block;
  padding-top: 5px;
}

.view-ticket .requestor-badge {
  position: absolute;
  top: 0;
  right: 0;
  margin: 10px 14px;
}

.view-ticket .ticket-reply .rating {
  float: left;
  padding: 0;
}

.view-ticket .ticket-reply .rating span:before {
  color: #ff4242;
  font-size: 13px;
}

.view-ticket .message p {
  margin: 0;
}

.view-ticket .message.p-3 {
  border-bottom: 1px solid #f1f1f1;
  padding: 0px 0 28px !important;
  margin: 0px 15px;
}

.view-ticket .card-body:last-child .message.p-3,
#order-standard_cart form .view-cart-items {
  border: 0;
}

.view-ticket .card-body:nth-child(2),
#order-standard_cart #frmCheckout .sub-heading {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

.primary-content .sidebar .card.card-sidebar:last-child,
.sidebar .card.card-sidebar:first-child {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}

.view-ticket .card-body:last-child,
#order-standard_cart
  #frmCheckout
  .account-select-container
  .account.border-bottom,
#order-standard_cart
  #frmCheckout
  div#containerNewUserSignup
  + .sub-heading
  + p
  + .row.margin-bottom {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}

.view-ticket .card-body:last-child .message.p-3 p:last-child {
  padding-top: 20px;
  color: #ff4242;
}

.view-ticket .card-body:last-child .message.p-3 hr {
  display: none;
}

div#ticketReplyContainer h3.card-title,
div#ticketReplyContainer .form-group input.btn.btn-default,
.submit-ticket-two-20i h3.card-title,
.submit-ticket-two-20i p .btn.btn-default,
form#frmManagePaymentMethod .form-group.submit-container .btn.btn-default,
.modal button.btn.btn-default,
.account-manage-20i .btn-default,
.using-password-strength .btn-default,
.btn-default {
  color: #464747;
}

.account-manage-20i .btn-primary,
.account-manage-20i .btn-default,
.account-manage-20i .btn-danger,
.wsla-order-clean-page .btn {
  padding: 10px 25px;
}

div#ticketReplyContainer label,
.submit-ticket-two-20i .form-group label {
  font-weight: 400;
  margin-bottom: 0px;
}

div#ticketReplyContainer form input,
form .md-editor,
form .md-editor .btn-group .btn,
.submit-ticket-two-20i .form-group input,
.submit-ticket-two-20i .form-group select,
form#frmConfigureDomains .sub-heading ~ .row .form-control,
.modal .modal-body .form-control {
  border-radius: 2px;
  background-color: #ffffff;
  border: 1px solid #dee3e8;
}

.primary-content form .md-editor .btn.btn-primary {
  font-size: 13px;
  background-color: #ff4242;
  color: #fff;
  border-radius: 3px;
  padding: 5px 10px;
  border-color: #ff4242;
}

.primary-content form .md-editor .btn-primary span.fas {
  color: #fff;
  position: relative;
  top: -1px;
  font-size: 11px;
  margin-right: 1px;
}

form .md-editor .btn-group .btn span {
  color: #2a2e36;
}

.md-editor .md-footer {
  background-color: #f3f6f9;
  padding: 12px 4px;
}

.form-group .md-editor > .markdown-editor {
  border-bottom: 0 !important;
  border-color: #dee3e8;
}

.md-editor > .btn-toolbar {
  padding: 11px 10px;
}

.form-group .md-editor .md-footer .small-font,
div#ticketReplyContainer form input,
form .md-editor,
form .md-editor .btn-group .btn,
.submit-ticket-two-20i .form-group input,
.submit-ticket-two-20i .form-group select,
form#frmConfigureDomains .sub-heading ~ .row .form-control,
.modal .modal-body .form-control,
.account-manage-20i .form-control {
  font-weight: 600;
  color: #2e3442;
}

div#ticketReplyContainer form input::placeholder,
.submit-ticket-two-20i .form-group input::placeholder,
.submit-ticket-two-20i .form-group select::placeholder,
form#frmConfigureDomains .sub-heading ~ .row .form-control::placeholder,
.modal .modal-body .form-control::placeholder,
.custom-file input#inputAttachment1::placeholder {
  color: #2e34426e;
}

.custom-file input#inputAttachment1 {
  color: #2e3442;
  position: relative;
  top: 4px;
}

.custom-file .custom-file-label {
  line-height: 32px;
}

.custom-file .custom-file-label,
button#btnTicketAttachmentsAdd,
button#btnTicketAttachmentsAdd:hover {
  border-color: #dee3e8;
}

button#btnTicketAttachmentsAdd:hover,
#order-standard_cart .view-cart-items span.item-domain {
  color: #111;
}

.custom-file input,
.custom-file .custom-file-label,
button#btnTicketAttachmentsAdd {
  height: 46px;
}

.custom-file .custom-file-label::after {
  top: 5px;
  right: 5px;
  height: 33px;
  padding: 7px 12px;
}

button#btnTicketAttachmentsAdd {
  border-left: 0;
  background-color: #f3f6f9;
  font-weight: 700;
  padding: 10px 18px;
}

div#ticketReplyContainer .form-group .text-muted small,
.submit-ticket-two-20i .form-group .text-muted small {
  color: #acb0b8;
}

div#ticketReplyContainer .form-group input.btn.btn-primary,
.submit-ticket-two-20i p .btn.btn-primary,
form#frmManagePaymentMethod .submit-container button#btnSubmit,
form#frmConfigureDomains button.btn.btn-primary,
body #order-standard_cart .mc-promos.viewcart .btn-add,
body #order-standard_cart .mc-promos.checkout .btn-add,
.modal button.btn.btn-primary,
#frmAddToCart .btn-primary,
.already-registered.clearfix button#btnAlreadyRegistered,
.account-manage-20i .btn-primary,
.payment-methods-20i table#payMethodList .btn-default,
.account-manage-20i form .btn-default,
.using-password-strength .btn-primary,
.btn-primary,
.account-new-20i button {
  background-color: #ff4242;
  border: 1px solid #ff4242;
}

div#ticketReplyContainer .form-group input.btn.btn-primary:hover,
div#ticketReplyContainer .form-group input.btn.btn-default:hover,
.submit-ticket-two-20i p .btn.btn-primary:hover,
.submit-ticket-two-20i p .btn.btn-default:hover,
form#frmManagePaymentMethod .submit-container button#btnSubmit:hover,
form#frmManagePaymentMethod .form-group.submit-container .btn.btn-default:hover,
form#frmConfigureDomains button.btn.btn-primary:hover,
#order-standard_cart .mc-promos.viewcart .btn-add:hover,
#order-standard_cart .mc-promos.checkout .btn-add:hover,
.modal button.btn.btn-primary:hover,
.modal button.btn.btn-default:hover,
#frmAddToCart .btn-primary:hover,
.already-registered.clearfix button#btnAlreadyRegistered:hover,
.account-manage-20i .btn-primary:hover,
.account-manage-20i .btn-default:hover,
.payment-methods-20i table#payMethodList .btn-set-default:hover,
.payment-methods-20i table#payMethodList .btn-default:hover,
.account-manage-20i form .btn-default:hover,
.using-password-strength .btn-primary:hover,
.using-password-strength .btn-default:hover,
.btn-primary:hover,
.btn-default:hover,
.account-new-20i button:hover,
#modalChooseLanguage .modal-footer button:hover,
div#ticketReplyContainer .form-group input.btn.btn-primary:focus,
div#ticketReplyContainer .form-group input.btn.btn-default:focus,
.submit-ticket-two-20i p .btn.btn-primary:focus,
.submit-ticket-two-20i p .btn.btn-default:focus,
form#frmManagePaymentMethod .submit-container button#btnSubmit:focus,
form#frmManagePaymentMethod .form-group.submit-container .btn.btn-default:focus,
form#frmConfigureDomains button.btn.btn-primary:focus,
#order-standard_cart .mc-promos.viewcart .btn-add:focus,
#order-standard_cart .mc-promos.checkout .btn-add:focus,
.modal button.btn.btn-primary:focus,
.modal button.btn.btn-default:focus,
#frmAddToCart .btn-primary:focus,
.already-registered.clearfix button#btnAlreadyRegistered:focus,
.account-manage-20i .btn-primary:focus,
.account-manage-20i .btn-default:focus,
.payment-methods-20i table#payMethodList .btn-set-default:focus,
.payment-methods-20i table#payMethodList .btn-default:focus,
.account-manage-20i form .btn-default:focus,
.using-password-strength .btn-primary:focus,
.using-password-strength .btn-default:focus,
.btn-primary:focus,
.btn-default:focus,
.account-new-20i button:focus,
#modalChooseLanguage .modal-footer button:focus {
  border-color: #e62d2d;
  background-color: #e62d2d;
  color: #fff;
}

.account-new-20i .alert form label {
  font-size: 16px;
  padding-top: 12px;
  font-weight: 700;
}

.account-new-20i button {
  color: #fff;
  padding: 11px;
}

div#ticketReplyContainer .form-group,
.submit-ticket-two-20i .form-group {
  margin-bottom: 10px;
}

div#ticketReplyContainer .form-group input.btn.btn-default,
.submit-ticket-two-20i p .btn.btn-default,
form#frmManagePaymentMethod .form-group.submit-container .btn.btn-default,
.modal button.btn.btn-default,
.using-password-strength .btn-default,
.btn-default {
  border: 1px solid #c4c4c4;
}

div#ticketReplyContainer .form-group input,
.submit-ticket-two-20i .form-group input,
.submit-ticket-two-20i .form-group select,
form#frmConfigureDomains .sub-heading ~ .row .form-control,
.modal .modal-body .form-control,
#frmCheckout select#inputDomainContact,
.account-manage-20i .form-control {
  font-size: 13px;
  height: 46px;
}

form#frmDomainTransfer button#btnTransferDomain,
div#ticketReplyContainer .form-group input.btn.btn-primary,
div#ticketReplyContainer .form-group input.btn.btn-default,
.submit-ticket-two-20i p .btn.btn-primary,
.submit-ticket-two-20i p .btn.btn-default,
form#frmManagePaymentMethod .submit-container button#btnSubmit,
form#frmManagePaymentMethod .form-group.submit-container .btn.btn-default {
  padding: 11px 26px;
}

div#ticketReplyContainer form#frmReply .form-group:last-child {
  text-align: left !important;
  padding-top: 12px;
}

div#ticketReplyContainer form#frmReply .form-group.col-md-5 {
  padding-top: 0;
}

div#ticketReplyContainer form#frmReply input.btn.btn-primary,
.submit-ticket-two-20i p .btn.btn-primary {
  margin-right: 10px;
}

div#ticketReplyContainer h3.card-title,
.submit-ticket-two-20i h3.card-title {
  border-bottom: 1px solid #f1f1f1;
  padding-bottom: 15px;
}

div#ticketReplyContainer .card-body {
  padding: 25px;
}

/* ================================================== */

/* ===============view-ticket-css-end ================== */

/* ================================================== */

/* ===============review-&-checkout-css-start ================== */

#order-standard_cart .view-cart-items span.item-domain {
  margin-top: -5px;
}

#order-standard_cart form .view-cart-items .item,
#order-standard_cart form .view-cart-items-header,
#order-standard_cart form .view-cart-items .item:nth-child(even) {
  border-bottom: 1px solid #f1f1f1;
  background-color: #fff;
  padding: 15px 20px;
}

#order-standard_cart form .view-cart-items .item {
  padding: 15px 20px 22px;
}

#order-standard_cart .view-cart-items span.item-domain,
#order-standard_cart form .view-cart-items .item-price span,
#order-standard_cart form .view-cart-items .item-title {
  font-size: 15px;
  line-height: 25px;
  font-weight: 700;
}

#order-standard_cart form .view-cart-items .item:last-child {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}

.view-cart-items-header .col-sm-7,
.view-cart-items-header .col-sm-4 {
  color: #4747478c;
}

.view-cart-items-header .col-sm-4 {
  text-align: left !important;
}

#order-standard_cart form .view-cart-items .item-price span {
  color: #000;
}

#order-standard_cart form .view-cart-items .item-price {
  display: block;
}

#order-standard_cart .view-cart-items .row {
  align-items: center;
}

#order-standard_cart .view-cart-items .btn-remove-from-cart {
  background-color: #ffeaec;
  color: #f64e60;
  border-radius: 2px;
}

#order-standard_cart form .view-cart-items-header {
  margin-top: 10px;
}

body
  #order-standard_cart
  #scrollingPanelContainer
  .order-summary
  .recurring-totals {
  border-bottom: 0;
  padding: 8px 5px 10px;
}

#order-standard_cart
  #scrollingPanelContainer
  .order-summary
  .total-due-today-padded {
  margin: 0 0 10px;
}

#order-standard_cart
  #scrollingPanelContainer
  .order-summary
  .btn-continue-shopping {
  color: #000;
  padding: 5px 0px 0px;
  text-decoration: none;
}

#order-standard_cart .secondary-cart-body .empty-cart {
  margin: 0;
}

#order-standard_cart .secondary-cart-body .empty-cart .btn {
  font-size: 11px;
  line-height: 18px;
  color: #ff4242;
  font-weight: 600;
  background-color: #ffeded;
  text-decoration: none;
  padding: 7px 15px;
}

body
  #order-standard_cart
  #scrollingPanelContainer
  div#orderSummary.order-summary
  .summary-container {
  padding-bottom: 0;
}

#order-standard_cart #scrollingPanelContainer div#orderSummary.order-summary {
  background-color: #fff;
}

#order-standard_cart .secondary-cart-body .view-cart-tabs {
  background-color: #ff4242;
  padding: 10px;
  border-radius: 3px;
}

#order-standard_cart .secondary-cart-body .view-cart-tabs ul li a,
#order-standard_cart
  .secondary-cart-body
  .view-cart-tabs
  .nav-tabs
  > li.active
  > a {
  font-size: 14px;
  line-height: 22px;
  color: #eeeeee;
  font-weight: 600;
  background-color: transparent;
  border: 0;
  padding: 10px 0px;
}

#order-standard_cart .secondary-cart-body .view-cart-tabs ul {
  padding: 0 18px;
  border: 0;
}

#order-standard_cart .secondary-cart-body .view-cart-tabs .tab-content {
  background-color: transparent;
  padding: 0 18px 15px;
}

#order-standard_cart .view-cart-tabs .tab-content input,
form#frmAddToCart .store-domain-tab-content input {
  font-size: 13px;
  color: #2e34425e;
  font-weight: 600;
  height: 46px;
  padding: 10px 18px;
  border-radius: 2px;
  border: 0;
}

#order-standard_cart .view-cart-tabs .promo .form-group label {
  display: none;
}

.view-cart-tabs button.btn.btn-block.btn-default {
  font-size: 14px;
  line-height: 20px;
  color: #ffffff;
  font-weight: 600;
  border-radius: 3px;
  background-color: #262a33;
  border-color: #262a33;
  max-width: 130px;
  padding: 10px;
  margin-left: 9px;
  height: 46px;
  border-radius: 2px;
}

#order-standard_cart
  #scrollingPanelContainer
  .order-summary
  .recurring-totals
  span {
  font-style: inherit;
}

#order-standard_cart .secondary-cart-body .view-cart-tabs .tab-content form {
  display: flex;
}

#order-standard_cart .secondary-cart-body .view-cart-items {
  margin-bottom: 10px;
}

#order-standard_cart .secondary-cart-body .empty-cart {
  margin: 0px 0px 20px;
}

/* =========================================================== */

/*======================== recommended-css ======================*/

#order-standard_cart .mc-promos.viewcart,
#order-standard_cart .mc-promos.checkout {
  max-width: 100%;
}

#order-standard_cart .mc-promos.viewcart .mc-promo,
#order-standard_cart .mc-promos.checkout .mc-promo {
  border: 0;
}

#order-standard_cart .mc-promos.viewcart .mc-promo i,
#order-standard_cart .mc-promos.checkout .mc-promo i {
  color: #111;
}

body #order-standard_cart .mc-promos.viewcart .tagline,
#order-standard_cart .mc-promos.viewcart .mc-promo i,
body #order-standard_cart .mc-promos.checkout .tagline,
#order-standard_cart .mc-promos.checkout .mc-promo i {
  font-size: 14px;
}

#order-standard_cart .mc-promos.viewcart .icon,
#order-standard_cart .mc-promos.checkout .icon {
  margin: 7px 10px;
  line-height: 31px;
  background-color: #ffeded;
  padding: 8px;
  border-radius: 3px;
}

#order-standard_cart .mc-promos.viewcart .tagline,
#order-standard_cart .mc-promos.checkout .tagline {
  font-size: 14px;
  color: #004747;
  font-weight: 600;
}

#order-standard_cart .mc-promos.viewcart .btn-add span,
#order-standard_cart .mc-promos.checkout .btn-add span {
  background-color: transparent;
  padding: 0px 5px 0 0px;
}

body #order-standard_cart .mc-promos.viewcart .text,
body #order-standard_cart .mc-promos.checkout .text {
  padding: 2px 3px 0px 8px;
}

#order-standard_cart .mc-promos.viewcart .text,
#order-standard_cart .mc-promos.viewcart .mc-promo i,
#order-standard_cart .mc-promos.checkout .text,
#order-standard_cart .mc-promos.checkout .mc-promo i {
  font-size: 11px;
}

#order-standard_cart .mc-promos.viewcart .btn-add span i,
#order-standard_cart .mc-promos.checkout .btn-add span i,
.account-manage-20i form .btn-default {
  color: #fff;
}

body #order-standard_cart .mc-promos.viewcart .price,
body #order-standard_cart .mc-promos.checkout .price {
  font-size: 13px;
  color: #000;
  font-weight: 700;
}

#order-standard_cart .mc-promos.viewcart .mc-promo .header,
#order-standard_cart .mc-promos.checkout .mc-promo .header {
  height: auto;
  padding: 15px 5px;
}

#order-standard_cart .mc-promos.checkout .mc-promo .header {
  padding: 20px 5px;
}

#order-standard_cart .mc-promos.viewcart .mc-promo .body,
#order-standard_cart .mc-promos.checkout .mc-promo .body {
  padding: 20px 15px;
  border-top: 1px solid #f1f1f1;
  background-color: #ffffff;
}

.home-page-slider-panel.detail-page-product,
.domain-pricing .tld-filters a {
  box-shadow: none;
}

body #order-standard_cart .mc-promos.viewcart .mc-promo .body li,
body #order-standard_cart .mc-promos.checkout .mc-promo .body li {
  font-weight: 600;
  position: relative;
  padding-left: 20px;
  font-size: 13px;
}

body #order-standard_cart .mc-promos.checkout .mc-promo .body li {
  font-size: 14px;
}

body #order-standard_cart .mc-promos.viewcart .mc-promo .body li i,
body #order-standard_cart .mc-promos.checkout .mc-promo .body li i {
  position: absolute;
  left: 0;
  top: 4px;
}

#order-standard_cart .mc-promos.viewcart .mc-promo .expander,
#order-standard_cart .mc-promos.checkout .mc-promo .expander {
  text-align: center;
}

#order-standard_cart .mc-promos.viewcart .mc-promo .expander i,
#order-standard_cart .mc-promos.checkout .mc-promo .expander i {
  font-size: 12px;
}

#order-standard_cart .mc-promos.viewcart .btn-add:hover span i,
#order-standard_cart .mc-promos.checkout .btn-add:hover span i {
  color: #111;
}

#order-standard_cart .mc-promos.viewcart .headline,
#order-standard_cart .mc-promos.checkout .headline {
  font-size: 16px;
}

select#inputDomainContact {
  width: 100%;
  margin-bottom: 10px;
}

/* ================================================== */

/* ===============review-&-chekout-css-end ================== */

/* ================================================== */

/* ===============submit-ticket-css-start ================== */

.submit-ticket-two-20i .form-group .text-muted {
  margin-bottom: 30px;
}

.submit-ticket-two-20i .card p.text-center {
  text-align: left !important;
}

.submit-ticket-two-20i .card .card-body {
  padding: 20px 25px;
}

/* ================================================== */

/* ===============submit-ticket-css-end ================== */

/* ================================================== */

/* ===============downloads-css-start ================== */

.download-20i .kb-search,
.download-cat-20i .kb-search {
  margin-bottom: 0;
}

.download-20i form,
.download-cat-20i form {
  margin-bottom: 1.5rem;
}

.download-20i .card .kb-article-item strong {
  font-size: 12px;
  color: #9f9f9f;
}

/* ================================================== */

/* ===============downloads-css-end ================== */

/* ================================================== */

/* ===============payment-css-start ================== */

.payment-methods-20i .card-body,
.payment-method-add-card .card-body {
  padding: 25px;
}

.payment-methods-20i .card-title,
.payment-method-add-card .card-title {
  font-size: 20px;
  line-height: 28px;
  color: #000000;
  font-weight: 700;
  border-bottom: 1px solid #f1f1f1;
  padding-bottom: 18px;
  margin-bottom: 12px;
}

.payment-methods-20i p {
  color: #7c8088;
  font-weight: 400;
  margin-bottom: 10px;
}

.payment-methods-20i a.btn.btn-primary {
  font-size: 15px;
  letter-spacing: 1px;
  line-height: 22px;
  color: #ffffff;
  font-weight: 700;
  border-radius: 3px;
  padding: 8px 18px;
}

.payment-methods-20i table#payMethodList tbody tr:nth-of-type(odd) {
  background-color: transparent;
}

.payment-methods-20i table#payMethodList tr th,
.payment-methods-20i table#payMethodList tr td,
.payment-methods-20i p,
#order-standard_cart .mc-promos.viewcart .mc-promo .body li {
  font-size: 13px;
  line-height: 25px;
  color: #474747;
  font-weight: 400;
}

.payment-methods-20i table#payMethodList tr th {
  border-top: 0;
  color: #47474791;
  border-bottom: 1px solid #f1f1f1;
  font-weight: 600;
}

.payment-methods-20i table#payMethodList tr td {
  color: #474747;
  text-align: left;
}

form#frmManagePaymentMethod .form-group label.form-check.form-check-inline {
  display: block;
  padding-top: 10px;
  color: #474747;
  font-weight: 600;
  position: relative;
  padding-left: 34px;
}

form#frmManagePaymentMethod
  .form-group
  label.form-check.form-check-inline
  .iradio_square-blue {
  position: absolute !important;
  left: 0;
}

form#frmManagePaymentMethod div#innerBillingContactsContainer br {
  display: none;
}

.payment-methods-20i table#payMethodList {
  margin-top: 55px;
}

form#frmManagePaymentMethod .alert + .form-group label.control-label {
  display: none;
}

/* ================================================== */

/* ===============payment-css-end ================== */

/* ================================================== */

/* ===============payment-addon-css-end ================== */

form#frmManagePaymentMethod label {
  font-size: 14px;
  line-height: 20px;
  color: #7c8088;
  font-weight: 400;
  margin-bottom: 3px;
}

form#frmManagePaymentMethod label.control-label,
form#frmManagePaymentMethod label,
form#frmManagePaymentMethod .form-group .col-md-8 .col-md-4,
form#frmManagePaymentMethod .cc-details .col-md-8 .col-md-8 {
  max-width: 100%;
  flex: 0 0 100%;
  -ms-flex: 0 0 100%;
}

form#frmManagePaymentMethod
  .form-group
  label.form-check.form-check-inline:last-child {
  margin-bottom: 10px;
}

form#frmManagePaymentMethod {
  padding-top: 5px;
}

form#frmManagePaymentMethod .form-group input,
form#frmProductDomain .domain-selection-options input,
#order-standard_cart form#frmProductDomain .domain-selection-options select,
#order-standard_cart #frmCheckout .form-group .form-control,
#order-standard_cart #frmConfigureProduct .field-container select,
#frmCheckout select#inputDomainContact,
#frmManagePaymentMethod .fieldgroup-creditcard label + div .form-control,
form#frmAddToCart select,
form#frmAddToCart .store-domain-tab-content input,
.landing-page select.form-control.currency-selector,
form.using-password-strength .form-control {
  height: 46px;
  width: 100%;
  border-radius: 2px;
  border: 1px solid #dee3e8;
}

.primary-content .form-control {
  min-height: 46px;
  border-radius: 2px;
  border: 1px solid #dee3e8;
  font-size: 14px;
  color: #2e3442;
  font-weight: 600;
}

#frmManagePaymentMethod .fieldgroup-creditcard {
  margin-bottom: 40px;
}

#frmManagePaymentMethod .fieldgroup-creditcard div#stripeCvcWhere {
  float: left;
  padding-top: 10px;
}

form#frmManagePaymentMethod .submit-container button#btnSubmit {
  margin-right: 7px;
}

#frmManagePaymentMethod .fieldgroup-creditcard label + div .form-control {
  padding-top: 13px;
}

form#frmManagePaymentMethod .form-group .col-md-8 input {
  width: 100%;
}

button#cvvWhereLink,
form#frmManagePaymentMethod .form-group .input-group-append .input-group-text {
  font-size: 11px;
  line-height: 18px;
  color: #2e344273 !important;
  font-weight: 600;
  float: right;
  text-decoration: none;
  padding: 4px 0px 0px;
}

form#frmManagePaymentMethod .form-group .input-group-append {
  width: 100%;
}

form#frmManagePaymentMethod .form-group .input-group-append .input-group-text {
  background-color: transparent;
  border: 0;
  text-align: right;
  display: inline-block;
  width: 100%;
  position: absolute;
}

div#innerBillingContactsContainer label {
  color: #474747;
  font-weight: 600;
}

form#frmManagePaymentMethod .fieldgroup-auxfields a.btn.btn-default.btn-sm {
  background-color: #ffeded;
  padding: 7px 15px;
  font-size: 13px;
  line-height: 18px;
  color: #ff4242;
  font-weight: 700;
  border-color: #ffeded;
  margin: 10px 0px 20px;
}

form#frmManagePaymentMethod .submit-container .col-md-8.offset-sm-4 {
  margin: 0;
}

/* ================================================== */

/* =============== payment-addon-css-end ================== */

/* ================================================== */

/* =============== choose-domain-css-start ================== */

form#frmProductDomain .domain-selection-options label,
#order-standard_cart
  #frmCheckout
  .account-select-container
  div.account
  label
  strong,
#order-standard_cart #frmCheckout .account-select-container div.account label,
#order-standard_cart
  #frmCheckout
  #containerNewUserSignup
  .sub-heading
  .primary-bg-color,
#order-standard_cart
  #frmCheckout
  div#paymentGatewaysContainer
  .text-center
  label,
#order-standard_cart
  #frmCheckout
  .cc-input-container
  .stripe-cards-inputs
  label,
div#spotlightTlds .spotlight-tld,
#DomainSearchResults .domain-price span.price,
#order-standard_cart #frmConfigureProduct .product-info .product-title,
#order-standard_cart #frmConfigureProduct .field-container label,
#order-standard_cart #frmConfigureProduct .addon-promo-container h3,
form#frmConfigureProduct .sub-heading span.primary-bg-color,
#order-standard_cart #frmConfigureProduct .addon-products .panel-body label,
form#frmConfigureDomains .sub-heading .primary-bg-color,
body #order-standard_cart .secondary-cart-body h3,
#order-standard_cart .mc-promos.viewcart .tagline,
div#modalRemoveItem .modal-body,
.home-page-slider-panel .promo-banner h4,
.card-body.store-promoted-product h4,
form.using-password-strength label,
.primary-content label,
.card.switch-account-20i .select-account a {
  font-size: 14px;
  line-height: 22px;
  color: #474747;
  font-weight: 500;
}

.card.switch-account-20i .select-account a:hover {
  background-color: #f3f6f9;
}

.card.switch-account-20i .select-account a,
.card.switch-account-20i .select-account {
  border: 0;
}

.user-management-20i .card:first-child p {
  color: #ff4242;
}

.home-page-slider-panel .promo-banner h4,
.card-body.store-promoted-product h4 {
  color: #004747;
  font-weight: 700;
}

form#frmProductDomain .domain-selection-options label {
  display: inline-block;
  margin: 0;
  position: relative;
  padding: 20px 6px 20px 36px;
}

#order-standard_cart
  form#frmProductDomain
  .domain-selection-options
  span.input-group-text {
  background-color: #fff;
  border-color: #dee3e8;
  border-right: 0;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}

#order-standard_cart form#frmProductDomain .domain-selection-options input {
  border-left: 0;
}

#order-standard_cart form#frmProductDomain .domain-selection-options select {
  font-weight: 600;
  margin-left: 6px;
}

form#frmProductDomain .domain-selection-options button.btn.btn-primary {
  font-size: 18px;
  line-height: 22px;
  color: #ffffff;
  font-weight: 600;
  border-radius: 3px;
  background-color: #ff4242;
  border-color: transparent;
  padding: 10px 36px;
  margin-left: -12px;
  width: auto;
}

#order-standard_cart
  form#frmProductDomain
  .domain-selection-options
  .option.option-selected,
body
  #order-standard_cart
  form#frmProductDomain
  .domain-selection-options
  .option:first-child
  div#domainregister {
  padding: 15px 20px 30px;
}

#order-standard_cart
  form#frmProductDomain
  .domain-selection-options
  .option.option-selected {
  background-color: #fff;
  border-radius: 0;
}

#order-standard_cart
  form#frmProductDomain
  .domain-selection-options
  .option:first-child,
#order-standard_cart #frmCheckout .cc-input-container + .sub-heading,
#order-standard_cart #frmCheckout div#containerNewUserSignup + .sub-heading {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

#order-standard_cart
  form#frmProductDomain
  .domain-selection-options
  .row
  .col-sm-8.col-sm-offset-1.offset-sm-1 {
  margin: 0;
  padding-left: 25px;
}

#order-standard_cart
  form#frmProductDomain
  .domain-selection-options
  .option:nth-of-type(2)
  .col-sm-8.col-sm-offset-1.offset-sm-1 {
  padding-left: 47px;
}

#order-standard_cart
  form#frmProductDomain
  .domain-selection-options
  .option:nth-of-type(3)
  .col-sm-9 {
  padding-left: 35px;
}

#order-standard_cart form#frmProductDomain .domain-input-group {
  margin: 0;
  position: relative;
  top: -3px;
}

#order-standard_cart form#frmProductDomain .domain-selection-options .option {
  background-color: #fff;
  border-radius: 0;
  margin: 0;
  border-top: 1px solid #f1f1f1;
  padding: 0px 20px;
}

#order-standard_cart
  form#frmProductDomain
  .domain-selection-options
  .option:last-child,
#order-standard_cart #frmCheckout .cc-input-container + .sub-heading + .row,
#order-standard_cart #frmCheckout div#totalDueToday {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}

#order-standard_cart
  form#frmProductDomain
  .domain-selection-options
  .option
  .iradio_square-blue {
  left: 4px;
}

#order-standard_cart
  form#frmProductDomain
  .domain-selection-options
  .option
  .iradio_square-blue,
#order-standard_cart
  #frmCheckout
  .account-select-container
  div.account
  label
  .iradio_square-blue,
#order-standard_cart
  #frmCheckout
  .cc-input-container
  label.radio-inline
  .iradio_square-blue,
#order-standard_cart
  #frmConfigureProduct
  .addon-promo-container
  label
  .iradio_square-blue {
  position: absolute !important;
}

#order-standard_cart
  form#frmProductDomain
  .domain-selection-options
  div#domainregister,
form#frmProductDomain .domain-selection-options div#domaintransfer,
form#frmProductDomain .domain-selection-options div#domainowndomain {
  padding: 10px 0px 0px;
}

form#frmProductDomain .domain-selection-options div#domainowndomain input {
  border: 1px solid #dee3e8;
}

form#frmProductDomain
  .domain-selection-options
  div#domainowndomain
  .col-xs-2.col-2.text-right
  .form-control-static {
  border: 1px solid #dee3e8;
  padding: 0;
  width: 90%;
  float: right;
  line-height: 44px;
  text-align: center;
  border-right: 0;
  background-color: #fff;
  margin-bottom: 0;
}

form#frmProductDomain
  .domain-selection-options
  div#domainowndomain
  .col-xs-2.col-2.text-right {
  padding-right: 0;
}

form#frmProductDomain
  .domain-selection-options
  div#domainowndomain
  .col-xs-7.col-7 {
  padding-left: 0;
}

form#frmProductDomain
  .domain-selection-options
  div#domainowndomain
  .col-xs-7.col-7
  .form-control {
  width: 98%;
  border-left: 0;
}

form#frmProductDomain
  .domain-selection-options
  div#domainowndomain
  button.btn.btn-primary {
  margin-left: -16px;
}

#order-standard_cart
  form#frmProductDomain
  .domain-selection-options
  .option
  .row.domains-row {
  padding: 0px 0px 5px 5px;
}

form#frmProductDomain .domain-selection-options input span.input-group-text {
  border-radius: 2px;
}

/* ================================================== */

/* =============== choose-domain-css-end ================== */

/* ================================================== */

/*================ checkout-cart-css-start ===============*/

#order-standard_cart #frmCheckout .sub-heading,
form#frmConfigureDomains .sub-heading {
  background-color: #fff;
  margin: 0;
  padding: 30px 25px 5px;
  border-bottom: 1px solid #f1f1f1;
  border-top: 0;
  height: auto;
}

form#frmConfigureProduct div#productConfigurableOptions {
  background-color: #fff;
  padding: 20px 25px;
  margin-bottom: 20px;
}

#order-standard_cart #frmCheckout div#containerNewUserSignup .sub-heading {
  padding: 24px 0px 0px;
  border: 0;
}

#order-standard_cart #frmCheckout .primary-bg-color,
form#frmConfigureDomains .sub-heading .primary-bg-color {
  background: transparent;
  text-align: left;
  display: inline-block;
  width: 100%;
  padding: 0;
}

#order-standard_cart #frmCheckout .account-select-container div.account {
  background: #fff;
  padding: 22px 25px;
  border: 0;
  border-bottom: 1px solid #f1f1f1 !important;
}

#order-standard_cart
  #frmCheckout
  .account-select-container
  .col-sm-12:nth-of-type(2)
  div.account.active {
  border-bottom: 0 !important;
  padding-bottom: 10px;
}

#order-standard_cart #frmCheckout .account-select-container div.account label,
#order-standard_cart #frmCheckout .cc-input-container label.radio-inline {
  margin: 0;
  position: relative;
  padding-left: 32px;
}

#order-standard_cart #frmCheckout .cc-input-container label.radio-inline {
  padding-left: 23px;
  margin-bottom: 10px;
}

#order-standard_cart
  #frmCheckout
  .account-select-container
  div.account
  label
  .iradio_square-blue,
#order-standard_cart
  #frmCheckout
  .cc-input-container
  label.radio-inline
  .iradio_square-blue,
#order-standard_cart
  #frmConfigureProduct
  .addon-promo-container
  label
  .iradio_square-blue {
  left: 0;
}

#order-standard_cart
  #frmCheckout
  .account-select-container
  div.account
  label
  strong {
  margin-bottom: 12px;
  display: inline-block;
}

#order-standard_cart
  #frmCheckout
  .account-select-container
  div.account
  label
  span.label.label-info {
  background-color: #ffeded;
  padding: 4px 10px;
  font-size: 10px;
  color: #ff4242;
  font-weight: 700;
  border-color: #ffeded;
  border-radius: 2px;
  display: inline-block;
  position: relative;
  top: -2px;
  left: 2px;
}

#frmCheckout
  > .account-select-container
  + #containerExistingUserSignin
  + div#containerNewUserSignup {
  padding: 0px 57px;
}

#frmCheckout div#containerNewUserSignup {
  padding: 0px 25px;
}

form#frmCheckout .generate-password {
  margin-bottom: 10px;
}

div#registration #frmCheckout div#containerNewUserSignup,
div#registration #frmCheckout div#containerNewUserSecurity .row,
div#registration
  #frmCheckout
  div#containerNewUserSecurity
  div#containerPassword {
  padding: 0;
}

div#registration #frmCheckout div#containerNewUserSecurity .row,
div#registration
  #frmCheckout
  div#containerNewUserSecurity
  div#containerPassword {
  margin: 0 -10px;
}

#order-standard_cart #frmCheckout .form-group label {
  line-height: 47px;
}

#order-standard_cart #frmCheckout .cc-input-container,
#frmCheckout div#containerNewUserSignup,
#frmCheckout div#paymentGatewaysContainer,
#order-standard_cart
  #frmCheckout
  .cc-input-container
  #newCardInfo
  button.btn.btn-default:focus,
#order-standard_cart
  #frmCheckout
  .cc-input-container
  #newCardInfo
  button.btn.btn-default:active,
#order-standard_cart
  #frmCheckout
  .cc-input-container
  #newCardInfo
  button.btn.btn-default:hover,
#order-standard_cart #frmCheckout .cc-input-container + .sub-heading + .row,
div#DomainSearchResults div#searchDomainInfo,
.suggested-domains .panel-heading.card-header,
#order-standard_cart #frmConfigureProduct .product-info,
#order-standard_cart #frmConfigureProduct .field-container,
#frmCheckout div#containerNewUserSecurity {
  background-color: #fff;
}

#frmCheckout div#containerNewUserSecurity div#containerPassword {
  padding: 25px 15px;
}

#frmCheckout div#containerNewUserSecurity .row {
  margin: 0;
  padding: 0px 17px;
}

#order-standard_cart
  #frmCheckout
  .cc-input-container
  #newCardInfo
  button.btn.btn-default:focus,
#order-standard_cart
  #frmCheckout
  .cc-input-container
  #newCardInfo
  button.btn.btn-default:active,
#order-standard_cart
  #frmCheckout
  .cc-input-container
  #newCardInfo
  button.btn.btn-default:hover,
#order-standard_cart
  #frmCheckout
  .cc-input-container
  #newCardInfo
  button.btn.btn-default {
  border-left: 0;
  border-color: #dee3e8;
}

#order-standard_cart #frmCheckout .form-group .form-control::placeholder {
  color: #2e34426e;
}

#order-standard_cart
  #frmCheckout
  .form-group
  .intl-tel-input.separate-dial-code
  .selected-flag,
div#DomainSearchResults .spotlight-tlds,
.intl-tel-input.separate-dial-code .selected-flag,
.intl-tel-input.separate-dial-code .selected-flag:hover,
.intl-tel-input.allow-dropdown .flag-container:hover,
.intl-tel-input.allow-dropdown .flag-container:hover .selected-flag {
  background-color: transparent;
}

#order-standard_cart
  #frmCheckout
  .form-group
  .intl-tel-input.separate-dial-code
  .selected-flag:focus,
.intl-tel-input.separate-dial-code .selected-flag:focus {
  outline: 0;
}

#frmCheckout div#paymentGatewaysContainer p.small {
  color: #474747 !important;
  margin-bottom: 20px;
}

#frmCheckout div#paymentGatewaysContainer,
#order-standard_cart #frmCheckout .cc-input-container {
  padding: 25px 26px;
  margin-bottom: 22px;
}

#order-standard_cart #frmCheckout .account-select-container {
  border-right: 0;
  background-color: #fff;
}

#order-standard_cart
  #frmCheckout
  div#paymentGatewaysContainer
  .text-center
  label {
  display: inline-block;
  width: 100%;
  text-align: left;
  margin-bottom: 16px;
  line-height: normal;
}

#frmCheckout div#totalDueToday {
  margin: 0px 0px 22px;
  background-color: #fff;
  border-color: #ffeded;
  padding: 30px 25px;
  font-size: 20px;
  line-height: 35px;
  color: #ff4242;
  font-weight: 400;
  border-radius: 0;
}

#frmCheckout div#totalDueToday strong {
  font-size: 25px;
  font-weight: 800;
}

#frmCheckout .cc-input-container div#newCardInfo,
#frmCheckout .cc-input-container div#newCardSaveSettings,
#frmCheckout .cc-input-container .stripe-cards-inputs {
  padding: 0px 37px;
}

#order-standard_cart .cc-input-container div#newCardInfo .form-group {
  margin-bottom: 5px;
}

#order-standard_cart #frmCheckout .cc-input-container + .sub-heading {
  margin-top: 20px;
  border: 0;
  box-shadow: 0px 1px 1.5px rgb(42 46 54 / 11%);
}

#order-standard_cart #frmCheckout .cc-input-container + .sub-heading + .row {
  margin: 0;
  box-shadow: 0px 1px 1.5px rgb(42 46 54 / 11%);
  padding: 0px 10px 28px;
}

#order-standard_cart
  #frmCheckout
  .cc-input-container
  + .sub-heading
  + .row
  .form-group,
#frmCheckout
  .cc-input-container
  div#newCardSaveSettings
  div#inputDescriptionContainer {
  margin: 0;
}

#order-standard_cart
  #frmCheckout
  .cc-input-container
  + .sub-heading
  + .row
  .form-group
  textarea {
  min-height: 125px;
}

#frmCheckout .cc-input-container .stripe-cards-inputs {
  margin: 0px 0px 15px;
}

#frmCheckout button#btnCompleteOrder {
  margin-top: 10px;
}

#frmCheckout button#btnCompleteOrder,
#frmProductDomainSelections button#btnDomainContinue {
  background-color: #f66257;
  padding: 14px 35px;
}

#frmCheckout button#btnCompleteOrder {
  font-size: 15px;
  padding: 14px 25px;
}

#order-standard_cart .cc-input-container .form-group {
  margin-bottom: 6px;
}

#order-standard_cart
  #frmCheckout
  .cc-input-container
  + .sub-heading
  + .row
  + .text-center,
#frmCheckout div#totalDueToday {
  text-align: left !important;
}

form#frmCheckout .marketing-email-optin {
  background-color: #fff;
  margin-top: 20px;
  padding: 25px;
}

#frmCheckout .cc-input-container .col-sm-3,
#frmCheckout .cc-input-container .col-sm-6,
#frmCheckout .cc-input-container .col-md-6,
#frmCheckout .cc-input-container .col-md-3,
#frmCheckout .cc-input-container .col-md-3 {
  padding: 0px 10px;
}

#frmCheckout .cc-input-container .stripe-cards-inputs .form-control {
  padding-top: 13px;
}

#frmCheckout .cc-input-container .stripe-cards-inputs {
  max-width: 100%;
}

#order-standard_cart #frmCheckout .cc-input-container label {
  line-height: 20px;
}

#frmCheckout .cc-input-container div#newCardInfo label,
#frmCheckout .cc-input-container div#newCardSaveSettings label {
  line-height: 45px;
}

#order-standard_cart #frmCheckout div#containerNewUserSignup + .sub-heading {
  margin-top: 20px;
}

/* ================================================== */

/* =============== checkout-cart-css-end ================== */

/* ================================================== */

/*==================== domain-search-css-start =============*/

#searchDomainInfo .domain-available.domain-checker-available {
  font-size: 22px;
  line-height: 32px;
  color: #f64e60;
  font-weight: 400;
}

#searchDomainInfo p.domain-error.domain-checker-unavailable.headline {
  font-size: 19px;
  line-height: 28px;
  color: #f64e60;
  font-weight: 500;
  max-width: 600px;
  margin: auto;
}

#searchDomainInfo .domain-available.domain-checker-available {
  color: #1bc577;
  margin-bottom: 0;
}

div#DomainSearchResults div#searchDomainInfo {
  padding: 25px;
  margin: 20px 0px;
}

#spotlightTlds .domain-lookup-result .invalid,
#spotlightTlds .btn-add-to-cart,
#spotlightTlds .domain-lookup-result .unavailable,
#spotlightTlds .domain-lookup-result button {
  font-size: 11px;
  line-height: 18px;
  color: #ff4242;
  font-weight: 700;
  border-radius: 1px;
  background-color: #ffffff;
  border: 1px solid #dcdee2;
  padding: 3px 10px;
  min-width: 80px;
  width: auto;
}

#spotlightTlds .btn-add-to-cart span.added {
  font-weight: 700;
}

div#DomainSearchResults .spotlight-tlds {
  padding: 0;
}

div#DomainSearchResults div#spotlightTlds .spotlight-tld {
  font-weight: 700;
}

#DomainSearchResults .domain-price span.price {
  font-weight: 800;
}

div#DomainSearchResults .spotlight-tld-hot {
  width: 90px;
  padding: 0px 3px;
  top: 6px;
  right: -29px;
}

.suggested-domains .panel-heading.card-header {
  border-bottom: 0;
  padding: 25px;
}

#spotlightTlds .domain-lookup-result .available.price {
  font-weight: 800;
}

#searchDomainInfo .domain-price span.register-price-label,
.suggested-domains .domain-suggestions-warning p {
  color: #4647477a;
  display: block;
}

div#DomainSearchResults .suggested-domains a#moreSuggestions {
  font-size: 14px;
  line-height: 18px;
  color: #ff4242;
  font-weight: 600;
}

#DomainSearchResults
  div#domainSuggestions
  .domain-suggestion.list-group-item.w-hidden.clone
  button
  span {
  font-size: 11px;
  line-height: 18px;
  color: #ff4242;
  font-weight: 600;
}

#DomainSearchResults
  div#domainSuggestions
  .domain-suggestion.list-group-item.w-hidden.clone
  button
  span.added {
  font-weight: 800;
}

div#DomainSearchResults .suggested-domains .domain-suggestions-warning p {
  max-width: 540px;
  margin: 0 auto 10px;
}

div#DomainSearchResults .suggested-domains .panel-heading {
  padding: 20px 25px;
}

div#DomainSearchResults .suggested-domains .panel-heading,
#DomainSearchResults div#domainSuggestions .domain-suggestion.list-group-item {
  border-bottom: 1px solid #f1f1f1;
}

#DomainSearchResults
  div#domainSuggestions
  .domain-suggestion.list-group-item
  button.btn {
  background-color: #ffeded;
  text-decoration: none;
  padding: 3px 15px;
  border-color: #ffeded;
  border-radius: 2px;
  color: #ff4242;
  margin-bottom: 5px;
}

#DomainSearchResults
  div#domainSuggestions
  .domain-suggestion.list-group-item
  button.btn.checkout {
  border-color: #ff4242;
}

#DomainSearchResults
  div#domainSuggestions
  .domain-suggestion.list-group-item
  button.btn.checkout
  span {
  font-weight: 700;
}

#DomainSearchResults div#domainSuggestions .domain-suggestion.list-group-item {
  padding: 22px 25px;
}

#DomainSearchResults
  div#domainSuggestions
  .domain-suggestion.list-group-item:last-child {
  padding-bottom: 25px;
}

/* ================================================== */

/* =============== checkout-cart-css-end ================== */

/* ================================================== */

/* =============== configure-css-start ================== */

.primary-content select {
  background: #fff
    url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e")
    no-repeat no-repeat right 0.75rem center/8px 10px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
}

form#frmConfigureProduct .product-info ul {
  padding-left: 12px;
}

#order-standard_cart #frmConfigureProduct .product-info,
#order-standard_cart #frmConfigureProduct .field-container {
  padding: 20px 25px;
}

#order-standard_cart #frmConfigureProduct .product-info ul li b {
  font-weight: 800;
  color: #000;
}

#order-standard_cart #frmConfigureProduct .product-info ul li:last-child,
#order-standard_cart #frmConfigureProduct .product-info ul {
  margin-bottom: 0;
}

#order-standard_cart #frmConfigureProduct .field-container select,
#order-standard_cart #frmConfigureProduct .addon-products .panel-add {
  font-size: 13px;
  line-height: 18px;
  color: #2e3442bd;
  font-weight: 700;
}

#order-standard_cart #frmConfigureProduct .field-container select {
  width: 100%;
  background-color: #f3f6f9;
  border: 0;
}

body #order-standard_cart #frmConfigureProduct .field-container label,
body #order-standard_cart #frmConfigureProduct .addon-promo-container h3 {
  margin-bottom: 15px;
}

#order-standard_cart #frmConfigureProduct .addon-promo-container .description p,
#order-standard_cart #frmConfigureProduct .addon-products .panel-body {
  font-size: 13px;
  line-height: 21px;
  color: #7c8088;
  font-weight: 500;
}

#order-standard_cart
  #frmConfigureProduct
  .addon-promo-container
  .description
  p
  a,
.home-page-slider-panel .promo-banner .card-body h3 small a {
  color: #ff4242;
  text-decoration: none;
}

#order-standard_cart
  #frmConfigureProduct
  .addon-promo-container
  label.radio-inline {
  font-size: 14px;
  line-height: 25px;
  color: #6b788b;
  font-weight: 600;
  position: relative;
  padding-left: 25px;
}

form#frmConfigureProduct .sub-heading {
  margin: 0 0 35px 0;
  border: 0;
}

form#frmConfigureProduct .sub-heading span.primary-bg-color {
  background-color: transparent;
  font-weight: 700;
  display: inline-block;
  text-align: left;
  padding: 10px 0px;
  width: 100%;
}

#order-standard_cart #frmConfigureProduct .field-container,
#order-standard_cart #frmConfigureProduct .addon-products .card {
  margin-bottom: 20px;
}

#order-standard_cart #frmConfigureProduct .addon-products .panel-body label {
  width: 100%;
  margin: 0 0 20px;
}

#order-standard_cart #frmConfigureProduct .addon-products .panel-body,
#order-standard_cart #frmConfigureProduct .addon-products .panel-body label,
form#frmConfigureProduct .alert.alert-warning {
  text-align: left;
}

#order-standard_cart #frmConfigureProduct .addon-products .panel-body {
  padding: 0 0 15px 0;
}

#order-standard_cart #frmConfigureProduct .addon-products .panel-price {
  font-size: 20px;
  line-height: 32px;
  color: #000000;
  font-weight: 700;
  background-color: transparent;
  text-align: left;
  padding: 0px 0px 15px;
}

#order-standard_cart #frmConfigureProduct .addon-products {
  margin: 0 -10px;
}

#order-standard_cart #frmConfigureProduct .addon-products .col-sm-6 {
  padding: 0px 10px;
}

#order-standard_cart #frmConfigureProduct .addon-products .panel-add,
.home-page-slider-panel .promo-banner .card-body .btn-success,
.card-body.store-promoted-product .btn-success {
  background-color: #ff4242;
  border: 1px solid #ff4242;
  padding: 12px 16px;
  color: #fff;
  border-radius: 3px;
  font-size: 14px;
  font-weight: 600;
}

#order-standard_cart #frmConfigureProduct .addon-products .card {
  padding: 25px;
}

#order-standard_cart
  #frmConfigureProduct
  .addon-products
  .panel-body
  label
  .icheckbox_square-blue {
  margin-right: 5px;
}

#order-standard_cart
  #frmConfigureProduct
  #scrollingPanelContainer
  .order-summary
  .product-name,
#order-standard_cart
  #frmConfigureProduct
  #scrollingPanelContainer
  .order-summary
  .clearfix
  span,
#order-standard_cart
  #frmConfigureProduct
  #scrollingPanelContainer
  .order-summary
  .product-group {
  font-size: 12px;
  line-height: 18px;
  color: #7c8088;
  font-weight: 600;
}

#order-standard_cart
  #frmConfigureProduct
  #scrollingPanelContainer
  .order-summary
  .product-name {
  padding: 0 0 10px 0;
}

#order-standard_cart
  #frmConfigureProduct
  #scrollingPanelContainer
  .order-summary
  .summary-totals {
  border-top: 1px solid #f1f1f1;
  padding: 12px 0px;
  margin-top: 12px;
}

#order-standard_cart
  #frmConfigureProduct
  #scrollingPanelContainer
  .order-summary
  .clearfix
  span,
#order-standard_cart
  #frmConfigureProduct
  #scrollingPanelContainer
  .order-summary
  .product-group {
  color: #474747;
}

#order-standard_cart
  #frmConfigureProduct
  #scrollingPanelContainer
  .order-summary
  .clearfix
  span:last-child {
  font-weight: 700;
}

#order-standard_cart
  #frmConfigureProduct
  #scrollingPanelContainer
  .order-summary
  .total-due-today {
  padding: 15px 0px;
}

form#frmConfigureProduct div#scrollingPanelContainer div#orderSummary {
  margin-top: 37px !important;
}

form#frmConfigureProduct .alert.alert-warning a.alert-link {
  float: right;
}

#order-standard_cart .alert.alert-info.order-confirmation span {
  display: block;
  font-size: 37px;
  line-height: 44px;
  color: #111;
  font-weight: 700;
  padding-top: 4px;
}

#order-standard_cart .order-confirmation {
  background-color: #fff;
  border-color: #fff;
  padding: 30px;
  font-size: 15px;
  font-weight: 600;
  color: #7c8088;
}

.email-verification .btn:hover,
.email-verification .btn:active {
  background-color: #f64e60 !important;
}

.email-verification button#btnEmailVerificationClose:hover {
  background-color: transparent !important;
  color: #f64e60;
}

.home-page-slider-panel {
  background-color: #fff;
  padding: 10px;
  margin: 0px 10px 20px;
}

.home-page-slider-panel .promo-banner {
  border: 0;
}

.home-page-slider-panel .promotions-slider-control {
  padding: 10px;
}

.home-page-slider-panel .promo-banner .card-body {
  padding: 0;
}

.home-page-slider-panel .promo-banner .icon-left {
  background-color: #f6f6f6;
  padding: 30px 15px;
}

.home-page-slider-panel .promo-banner .card-body h3,
.card-body.store-promoted-product h3 {
  background-color: transparent;
  padding: 0px 0px 5px;
  font-size: 20px;
  font-weight: 700;
}

.home-page-slider-panel .promotions-slider-control a span {
  width: 12px;
}

.home-page-slider-panel .promo-banner .card-body .btn-success {
  margin-top: 25px;
}

/* ================================================== */

/* =============== configure-css-start-end ================== */

/* ================================================== */

/* ================Domain-config-css-start ============ */

form#frmConfigureDomains .sub-heading ~ .row {
  background-color: #fff;
  margin: 0px 0;
  padding: 20px;
}

form#frmConfigureDomains .sub-heading ~ .form-group {
  padding-top: 0;
}

form#frmConfigureDomains .sub-heading {
  margin-top: 15px;
}

form#frmConfigureDomains .sub-heading ~ .row .col-sm-4,
form#frmAddToCart .col-sm-7,
form#frmAddToCart .col-sm-5 {
  max-width: 100%;
  flex: 0 0 100%;
  -ms-flex: 0 0 100%;
}

form#frmConfigureDomains .sub-heading ~ .row .col-sm-4 {
  text-align: left !important;
}

form#frmConfigureDomains .sub-heading ~ .row .form-control {
  width: 100%;
}

form#frmConfigureDomains .sub-heading .primary-bg-color {
  font-size: 18px;
  text-transform: capitalize;
  padding: 0px 10px;
}

form#frmConfigureDomains .form-group {
  color: #ff4242;
  font-weight: 600;
}

form#frmConfigureDomains .sub-heading + p {
  padding: 20px 35px 0;
  color: #ff4242;
  background-color: #fff;
  margin: 0;
  font-weight: 600;
  font-size: 15px;
}

div#containerNewUserSignup .col-sm-12:last-child {
  padding-bottom: 20px;
}

form#frmCheckout .sub-heading + p {
  padding-top: 10px;
}

/* ================================================== */

/* ================Domain-config-css-end ============ */

/* ================================================== */

/* ================invoice-css-end ============ */

.invoice-container {
  padding: 40px;
}

.invoice-header h2 {
  font-size: 30px;
  letter-spacing: -1px;
  line-height: 38px;
  color: #111;
  font-weight: 800;
  padding-bottom: 10px;
  margin-bottom: 12px;
}

.invoice-container .invoice-header .small-text {
  margin-top: 17px;
}

.invoice-container .row.invoice-header .invoice-status,
.invoice-container .invoice-header h2 {
  border-bottom: 1px solid #f1f1f1;
}

.invoice-header h3 {
  font-size: 20px;
  line-height: 28px;
  color: #000000;
  font-weight: 700;
}

.invoice-container .invoice-status span.unpaid,
.invoice-container button#btnPayNow {
  background-color: #ee848b;
  padding: 5px 14px;
  font-size: 12px;
  color: #ffffff;
  font-weight: 700;
  border-radius: 3px;
}

.invoice-container .invoice-col button#btnPayNow {
  background-color: #111;
  border-color: #111;
  float: right;
  margin-top: 5px;
}

.invoice-container .invoice-status {
  display: flex;
  justify-content: flex-end;
  margin: 5px 0 0 0;
  padding-bottom: 15px;
}

.invoice-container .row.invoice-header .col-12 {
  padding: 0;
}

.invoice-container .small-text,
.invoice-container .payment-btn-container p,
.invoice-container table thead td strong,
.invoice-container table tbody td {
  font-size: 13px;
  line-height: 20px;
  color: #474747;
  font-weight: 600;
  margin-top: 10px;
}

.invoice-container table thead td strong {
  color: #47474799;
  font-weight: 600;
}

.invoice-container .card.bg-default .card-header h3 {
  font-weight: 500;
}

.invoice-container table tr td {
  border-top: 0;
  padding: 12px 0px;
  text-align: left !important;
}

.invoice-container table thead tr td {
  border-bottom: 1px solid #f1f1f1;
  text-align: left !important;
}

.invoice-container tr td.total-row {
  background-color: transparent;
}

.invoice-container tr:last-child td.total-row,
.invoice-container .transactions-container table tbody tr:last-child td {
  background-color: #f3f6f9;
  padding: 12px 5px;
}

.payment-btn-container p br,
.invoice-container hr {
  display: none;
}

.invoice-container .invoice-col span.small-text.float-sm-right form,
.invoice-container .invoice-col span.small-text.float-sm-right form select {
  width: 100%;
  color: #000;
}

.invoice-container
  .invoice-col
  span.small-text.float-sm-right
  form
  select:focus {
  box-shadow: none;
  border: 1px solid #dcdee2;
}

.invoice-container .invoice-col span.small-text.float-sm-right {
  display: inline-block;
  width: 70%;
}

.invoice-container .row.invoice-header .small-text {
  padding-left: 103px;
}

.invoice-container .row.invoice-header {
  margin: 0;
}

.invoice-container .row.justify-content-sm-between {
  padding-top: 25px;
  margin-bottom: 20px;
}

.invoice-container .invoice-col strong,
.invoice-container .card.bg-default .card-header h3 {
  font-size: 17px;
  line-height: 25px;
  color: #474747;
  font-weight: 700;
}

.invoice-container .card {
  border: 0;
}

.invoice-container .card.bg-default .card-header {
  padding: 0 0px 5px;
}

.invoice-container .float-right.btn-group a {
  border-color: #111;
  color: #111;
  font-weight: 700;
  border-radius: 2px;
}

.invoice-container .float-right.btn-group a:hover {
  background-color: #111;
  color: #fff;
}

/* ================================================== */

/* ================invoice-css-end ============ */

/* ================= ssl-ceritificate-ev-css-start ================*/

body .landing-page.ssl .ideal-for.ev i,
body .landing-page.ssl .ideal-for.ov i,
body .landing-page.ssl .ideal-for.dv i {
  color: #ff4242;
}

/* ================================================== */

/* ================cart-order-css-start ============ */

form#frmAddToCart {
  background-color: #fff;
  padding: 25px 25px 30px;
}

form#frmAddToCart .col-sm-5 .payment-term {
  float: left;
  padding-top: 7px;
}

form#frmAddToCart .store-domain-tabs .nav-link.active {
  color: #ffffff;
  border-color: #ff4242;
}

form#frmAddToCart .store-domain-tab-content,
form#frmAddToCart .store-domain-tabs .nav-link.active {
  background-color: #ff4242 !important;
}

form#frmAddToCart .store-domain-tab-content {
  border: 0;
  margin-bottom: 50px;
}

form#frmAddToCart .store-domain-tabs .nav-link {
  background-color: #f3f6f9;
  color: #111;
  border-color: #f3f6f9;
  font-weight: 600;
}

form#frmAddToCart .domain-validation.ok {
  color: #ffffff;
  font-size: 16px;
  padding-top: 10px;
}

#frmAddToCart .btn-default {
  border: 1px solid rgb(0 0 0 / 13%);
  padding: 13px 25px;
  box-shadow: none;
}

#frmAddToCart .btn-primary {
  font-size: 13px;
  border-radius: 2px;
  letter-spacing: 1px;
  line-height: 20px;
  font-weight: 700;
  padding: 13px 30px;
}

#frmAddToCart .btn-default,
#frmAddToCart .btn-primary {
  margin-bottom: 10px;
}

form#frmAddToCart .col-sm-7.text-right {
  text-align: left !important;
  margin-top: 30px;
}

.store-promoted-product ul.features {
  margin-top: 10px;
}

.store-promoted-product .icon {
  background-color: #ffeded;
  padding: 10px;
}

.store-promoted-product .icon img {
  margin-bottom: 15px;
}

/* ================================================== */

/* ================cart-order-css-end ============ */

/* ================================================== */

/* ================ssl-certificates-ov-css-start ============ */

.landing-page.ssl .content-block.features {
  padding: 60px 0px;
}

.primary-content .landing-page.ssl .content-block.standout.standout-2 {
  padding: 80px;
}

.primary-content .landing-page.ssl .standout,
.primary-content .landing-page.ssl .content-block.standout.standout-2 {
  background-color: #fff;
  margin: 0;
  padding: 60px 0px;
}

body .landing-page.ssl .certificate-options.ov,
body .landing-page.ssl .certificate-options.ev,
body .landing-page.ssl .certificate-options.dv,
body .landing-page.ssl .certificate-options.wildcard {
  background-color: #ff4242;
}

.landing-page.ssl .certificate-options.ov a.help-me-choose,
.landing-page.ssl .certificate-options.ev a.help-me-choose,
.landing-page.ssl .certificate-options.dv a.help-me-choose,
.landing-page.ssl .certificate-options.wildcard a.help-me-choose {
  color: #fff;
  text-decoration: none;
}

.landing-page.bg-white.ssl .content-block.standout h3 {
  margin-bottom: 15px;
}

.landing-page.ssl .certificate-options.ov h3,
.landing-page.ssl .certificate-options.ev h3,
.landing-page.ssl .certificate-options.dv h3,
.landing-page.ssl .certificate-options.wildcard h3 {
  font-weight: 600;
  float: none !important;
  text-align: center;
}

.landing-page.ssl .certificate-options.ov .row-pricing-table .header h4,
.landing-page.ssl .certificate-options.ev .row-pricing-table .header h4,
.landing-page.ssl .certificate-options.dv .row-pricing-table .header h4,
.landing-page.ssl .certificate-options.wildcard .row-pricing-table .header h4 {
  font-weight: 500;
  font-size: 20px;
}

.landing-page.ssl .certificate-options.ov .row-pricing-table .header h4,
.landing-page.ssl .certificate-options.ev .row-pricing-table .header h4,
.landing-page.ssl .certificate-options.dv .row-pricing-table .header h4,
.landing-page.ssl .certificate-options.wildcard .row-pricing-table .header h4 {
  margin-bottom: 10px;
}

.landing-page.ssl .certificate-options.ov .btn,
.landing-page.ssl .certificate-options.ev .btn,
.landing-page.ssl .certificate-options.dv .btn,
.landing-page.ssl .certificate-options.wildcard .btn {
  color: #111;
  padding: 12px;
  font-weight: 600;
}

.landing-page.ssl .certificate-options.ov .row-pricing-table ul li,
.landing-page.ssl .certificate-options.ev .row-pricing-table ul li,
.landing-page.ssl .certificate-options.dv .row-pricing-table ul li,
.landing-page.ssl .certificate-options.wildcard .row-pricing-table ul li {
  padding: 6px;
}

.landing-page .content-block.dashed-border.standout {
  border-bottom: 1px dashed #ffeded;
}

.primary-content .landing-page.ssl .content-block.features {
  background-color: #ffeded;
}

.primary-content .landing-page.ssl .content-block.features .feature {
  background-color: #ff4242;
  border: 1px solid #ff4242;
}

.primary-content .landing-page.ssl .content-block.features .feature:hover {
  background-color: transparent;
  color: #ff4242;
}

.primary-content .landing-page .content-block.features .feature h5 {
  font-size: 18px;
  font-weight: 600;
}

.primary-content .landing-page button.navbar-toggler {
  background-color: #fff;
}

.primary-content .landing-page button.navbar-toggler:focus {
  outline: 0;
}

.primary-content .landing-page .standout .row.ideal-for {
  padding-top: 25px;
}

body .landing-page .certificate-options.wildcard,
.landing-page .content-block.features,
.landing-page .content-block.standout-features.standout {
  margin: 0;
}

.landing-page .content-block.standout-features.standout {
  background-color: #fff;
  margin: 0;
  padding: 80px 0px;
}

div#oxPricing .col-xl-10.offset-xl-1 {
  display: block;
  overflow-x: auto;
}

.content-block.what-is-ssl.standout ul li {
  position: relative;
  padding-left: 28px;
}

.content-block.what-is-ssl.standout ul li i {
  position: absolute;
  left: 0;
  top: 5px;
}

/* ================================================== */

/* ================ssl-certificates-ov-css-end ============ */

div#tableDomainPricing_wrapper thead th {
  background: #f3f6f9;
}

.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-secondary {
  color: #797979;
  background-color: #dddddd;
  border-color: #dddddd;
}

.bootstrap-switch .bootstrap-switch-container .bootstrap-switch-label {
  width: 41px !important;
}

.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success,
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success:hover {
  background-color: #ff4242;
  border-color: #ff4242;
}

.already-registered.clearfix,
.primary-content .card-body .card-title {
  margin-bottom: 10px;
}

.payment-methods-20i table#payMethodList .btn:first-child {
  margin-right: 5px;
}

.account-manage-20i form .intl-tel-input.separate-dial-code .selected-flag,
.user-management-20i table tr,
.primary-content .user-management-20i table tbody tr,
.tab-content.margin-bottom
  div#tabOverview
  ul.nav.nav-tabs.responsive-tabs-sm
  a.nav-link:hover {
  background-color: transparent;
}

.tab-content.margin-bottom
  div#tabOverview
  ul.nav.nav-tabs.responsive-tabs-sm
  a.nav-link:hover {
  color: #111;
}

#inputSecurityQId {
  min-height: 46px;
  border: 1px solid #dee3e8;
  margin-bottom: 15px;
}

.account-manage-20i .btn,
.wsla-order-clean-page .btn {
  margin: 10px 5px 0px;
  max-width: 190px;
  width: auto;
  /* width: 100%; */
}

.btn-social,
.btn-social.btn-google {
  padding: 8px 15px;
}

.account-manage-20i .card-body label {
  padding-top: 5px;
}

.account-manage-20i form label {
  padding-top: 10px;
}

.btn.disabled,
.btn:disabled {
  opacity: 0.65;
  cursor: no-drop;
}

.primary-content .account-manage-20i .card-body {
  overflow: visible;
}

#order-standard_cart
  #frmCheckout
  div#containerNewUserSignup
  + .sub-heading
  + p {
  color: #212529 !important;
  font-size: 14px;
  padding: 20px 25px;
  margin: 0;
}

#order-standard_cart
  #frmCheckout
  div#containerNewUserSignup
  + .sub-heading
  + p
  + .row.margin-bottom
  .col-sm-6.col-sm-offset-3.offset-sm-3 {
  margin-left: 0;
  padding: 0;
}

#order-standard_cart
  #frmCheckout
  div#containerNewUserSignup
  + .sub-heading
  + p
  + .row.margin-bottom,
#order-standard_cart #frmCheckout div#containerNewUserSignup + .sub-heading + p,
#order-standard_cart
  #frmCheckout
  div#containerNewUserSignup
  + .sub-heading
  + p
  + .row.margin-bottom
  + .w-hidden
  div#domainRegistrantInputFields,
#order-standard_cart
  #frmCheckout
  div#containerNewUserSignup
  + .sub-heading
  + p
  + .row.margin-bottom
  + div
  > div#domainRegistrantInputFields {
  background-color: #fff;
}

#order-standard_cart
  #frmCheckout
  div#containerNewUserSignup
  + .sub-heading
  + p
  + .row.margin-bottom {
  padding: 0 25px 15px;
}

#order-standard_cart
  #frmCheckout
  div#containerNewUserSignup
  + .sub-heading
  + p
  + .row.margin-bottom
  + .w-hidden
  div#domainRegistrantInputFields,
#order-standard_cart
  #frmCheckout
  div#containerNewUserSignup
  + .sub-heading
  + p
  + .row.margin-bottom
  + div
  > div#domainRegistrantInputFields {
  padding: 0px 15px 15px;
}

#order-standard_cart
  #frmCheckout
  div#containerNewUserSignup
  + .sub-heading
  + p
  + .row.margin-bottom
  + .w-hidden
  div#domainRegistrantInputFields
  > div,
#order-standard_cart
  #frmCheckout
  div#containerNewUserSignup
  + .sub-heading
  + p
  + .row.margin-bottom
  + div
  > div#domainRegistrantInputFields
  > div {
  padding: 0px 10px;
}

#order-standard_cart
  #frmCheckout
  div#containerNewUserSignup
  + .sub-heading
  + p
  + .row.margin-bottom
  + .w-hidden
  + .sub-heading,
.contact-page-20i .btn.btn-primary {
  margin-top: 22px;
}

#order-standard_cart
  #frmCheckout
  div#containerNewUserSignup
  + .sub-heading
  + p
  + .row.margin-bottom
  + div
  > div#domainRegistrantInputFields {
  margin: 0;
}

.contact-page-20i div#default-captcha-domainchecker p {
  text-align: center;
}

.contact-page-20i div#default-captcha-domainchecker .col-6.captchaimage {
  max-width: 50%;
}

.contact-page-20i .h3 {
  font-size: 37px;
  letter-spacing: -1px;
  line-height: 45px;
  color: #262a33;
  font-weight: 700;
  text-align: center;
}

.contact-page-20i form {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  max-width: 950px;
  margin: 0 auto;
}

.contact-page-20i .captcha-20i .col-md-8.offset-md-2.col-10.offset-1 {
  padding: 20px 40px 0px;
}

.contact-page-20i form .form-group.row,
#order-standard_cart
  #frmCheckout
  div#containerNewUserSignup
  + .sub-heading
  + p
  + .row.margin-bottom,
#order-standard_cart
  #frmCheckout
  div#containerNewUserSignup
  + .sub-heading
  + p
  + .row.margin-bottom
  + .w-hidden
  div#domainRegistrantInputFields {
  margin: 0;
}

.contact-page-20i form .form-group.row {
  width: 50%;
  margin-bottom: 10px;
}

.contact-page-20i form .form-group label {
  min-width: 100%;
  text-align: left !important;
  padding-left: 10px;
}

.contact-page-20i p {
  text-align: center;
}

.contact-page-20i form .form-group.row > div {
  max-width: 100%;
  flex: 0 0 100%;
  -ms-flex: 0 0 100%;
  padding: 0px 8px;
}

.contact-page-20i form .form-group.row:nth-of-type(3),
.contact-page-20i form .form-group.row:nth-of-type(4) {
  width: 100%;
}

.contact-page-20i .btn.btn-primary {
  padding: 12px 25px;
}

.primary-content .card-body {
  overflow: visible;
}
.primary-content .client-home-cards .card-body {
  max-height: unset;
}
.user-management-20i table td {
  white-space: nowrap;
}

.user-management-20i table th {
  border-top: 0;
}

.user-management-20i .card form label {
  margin-bottom: 4px;
  display: inline-block;
}

.user-management-20i .card-body {
  overflow: auto;
}

.primary-content .card.switch-account-20i {
  max-width: 100%;
}

.tab-content.margin-bottom
  div#tabOverview
  .tab-content.bg-white.product-details-tab-container {
  border: 0;
}

.primary-content .landing-page.marketgoo .content-block.faqs h3 {
  font-size: 36px;
  font-weight: 800;
}

.card.switch-account-20i .select-account a {
  padding: 20px 15px;
  border-bottom: 1px solid #f1f1f1;
}

.card.switch-account-20i .select-account a:last-child {
  border-bottom: 0;
}
#modalChooseLanguage .item-selector .item {
  margin: 2px 0 8px;
  padding: 6px;
  border: 1px solid #dee3e8;
  color: #6b788b;
  text-decoration: none;
  font-size: 14px;
}
.modal-localisation .modal-body {
  position: relative;
}
#modalChooseLanguage .item-selector .item:hover,
#modalChooseLanguage .item-selector .item.active {
  background-color: #f3f6f9;
}
#modalChooseLanguage button.close span {
  color: #474747;
  position: absolute;
  right: 0;
  margin: 18px 28px;
  top: 0;
}
#modalChooseLanguage .h5 {
  padding-top: 3px !important;
  color: #000000;
  font-weight: 700;
  margin: 0;
  font-size: 18px;
}
div#modalChooseLanguage .row.item-selector:nth-of-type(1) {
  padding-bottom: 25px;
}
.modal-localisation .item-selector .item.active {
  background-color: transparent;
  border-color: #dee3e8;
  color: #6b788b;
}
.modal-localisation .modal-content {
  background-color: #fff;
}
.modal-localisation .modal-footer {
  padding: 0 26px 25px;
}
header.header .navbar .right-part-20i a.search-20i,
header.header .navbar .right-part-20i a.cartbtn-20i {
  color: #000;
}
.primary-content .product-section-20i .card:hover i {
  transform: translateY(-4px);
}
.primary-bg-color section#main-body.body-background-20i {
  min-height: calc(100vh - 265px);
}
.account-section-main-20i ~ p {
  background-color: #262a33;
  margin: 0;
  padding-bottom: 1rem;
  color: #fff;
}
.account-section-main-20i ~ p a {
  color: #fff;
}
.account-section-main-20i ~ p a:hover {
  color: #ff4242;
}
#main-body .account-section-20i h2 {
  color: #fff;
}

.knowledgebase-20i .kb-category .card-body:hover {
  background-color: #fff;
}
.knowledgebase-20i .kb-category .card-body:hover span {
  color: #ff4242;
}
.ticket-div-20i:hover {
  box-shadow: 0px 12px 23px #00000014;
}
#tableEmailsList_wrapper .btn-info {
  color: #fff;
  background-color: #ff4242;
  border-color: #ff4242;
}
#tableEmailsList_wrapper .btn-info:hover {
  background-color: #e62d2d;
  border-color: #e62d2d;
}
body header.header .main-navbar-wrapper .navbar-nav a {
  font-size: 15px;
  margin: 0px 10px;
}
#footer
  ul.nav.justify-content-center.justify-content-lg-start
  .nav-item:last-child {
  margin-left: 14px;
}
/*========== responsive =============*/

@media (max-width: 1440px) {
  .primary-content .landing-page .hero h2 {
    font-size: 52px;
    line-height: 58px;
  }
  .primary-content .landing-page.ssl .validation-levels h3,
  .primary-content .landing-page.ssl .content-block.standout h2,
  .primary-content .landing-page.ssl .content-block.competitive-upgrade-promo,
  .primary-content .landing-page.ssl .standout-1 h3,
  .primary-content .landing-page.ssl .content-block.standout h2,
  .primary-content .landing-page.weebly .content-block.image-standout h3,
  .primary-content .landing-page.weebly .content-block.faq h3,
  .primary-content
    .landing-page.weebly
    .content-block.pricing
    .weebly-lite-plan
    h4,
  .primary-content .landing-page.ox .header .header-content h1,
  .primary-content .landing-page.ox .features h3,
  .primary-content .landing-page.ox .pricing h3,
  .primary-content .landing-page.codeguard .content-block h2,
  .primary-content .landing-page.codeguard .content-block.faqs h3,
  .primary-content .landing-page.sitelock .content-block h2,
  .primary-content .landing-page.sitelock .content-block.emergency .price,
  .primary-content .landing-page.sitelockvpn .feature h3,
  .primary-content .landing-page.sitelockvpn .feature.pricing h2,
  .primary-content .landing-page.sitelockvpn .feature.all-plans h2,
  .primary-content .landing-page.sitelockvpn .feature.world h2,
  .primary-content .landing-page.sitelockvpn .feature.world span,
  .primary-content .landing-page.mail-services .content-block h2,
  .primary-content .landing-page.mail-services .content-block.faq h3,
  .primary-content
    .landing-page.mail-services
    .content-block.get-started
    .price,
  .primary-content .landing-page.marketgoo .content-block.faqs h3 {
    font-size: 32px;
    line-height: 40px;
  }
  .primary-content .landing-page.weebly .content-block.faq .col-md-4,
  .primary-content .landing-page.ox .faqs .col-lg-6,
  .primary-content .landing-page.codeguard .content-block.faqs .col-lg-4,
  .primary-content .landing-page.mail-services .content-block.faq .col-lg-4 {
    padding-right: 30px;
  }
}
@media (min-width: 991px) {
  .affiliate-stat.alert-warning {
    font-size: 1.6em;
    line-height: inherit;
    padding: 15px;
  }
}
@media (min-width: 1200px) and (max-width: 1300px) {
  body .email-verification {
    padding: 0px 15px 20px;
  }
}

@media (max-width: 1279px) {
  .product-section-20i .card-columns.home {
    justify-content: center;
  }
  #frmAddToCart .nav-tabs .nav-item {
    margin-bottom: -2px;
  }
}

@media (min-width: 1400px) {
  /* .container {
    max-width: 1320px;
  } */
  div#registration .intl-tel-input .country-list {
    width: 424px;
  }
  .alert.alert-warning.network-issue-alert .container,
  .email-verification .container {
    max-width: 1272px;
  }
}

@media (max-width: 1199px) {
  .email-verification .btn.close {
    margin: 0;
  }
  .primary-content .landing-page.ox .stand-out .col-xl-4 {
    margin-bottom: 20px;
  }
  .primary-content .landing-page.ox .stand-out .col-xl-4 .wrapper {
    height: 100%;
  }
  .store-order-container #frmAddToCart .store-domain-tabs li a {
    font-weight: 600;
  }
  #domainForm .btn-group.btn-group-sm .dropdown-menu {
    margin-left: -100px;
  }
  header.header .main-navbar-wrapper div#mainNavbar {
    padding: 1rem;
  }
  header.header .not-login-20i-header div#mainNavbar {
    padding: 1.4rem 1.2rem;
  }
  header.header .navbar.navbar-expand-xl.main-navbar-wrapper.login-20i-header {
    padding: 0;
    position: absolute;
    background-color: #fff;
    width: 100%;
    z-index: 999;
  }
  .top-nav-20i li.nav-item:nth-of-type(2) {
    margin-right: 0;
  }
  header.header .main-navbar-wrapper .navbar-nav a {
    margin: 0;
    padding: 5px 0px;
    display: inline-block;
    font-size: 14px;
  }
  .main-navbar-wrapper .login-20i-clientarea {
    margin-bottom: 8px;
  }
  .top-nav-20i li.nav-item:first-child,
  .not-login-20i-header #mainNavbar .navbar-brand,
  .not-login-20i-header .right-part-20i .search-20i,
  .not-login-20i-header .right-part-20i .cartbtn-20i,
  header.header .main-navbar-wrapper .navbar-nav a::before {
    display: none;
  }
  header.header .navbar.navbar-light.mobile-bar {
    display: block;
    width: 100%;
    border-bottom: 0;
  }
  header.header .main-navbar-wrapper {
    padding: 10px 0px;
  }
  .mobile-bar a.btn.nav-link.cart-btn {
    padding-right: 0.9rem !important;
  }
  .not-login-20i-header ul#nav {
    margin-bottom: 8px;
  }
  .not-login-20i-header div#mainNavbar {
    position: absolute;
    background-color: #fff;
    left: 0;
    right: 0;
    z-index: 999;
    top: 80px;
    margin: auto;
    border-bottom: 1px solid #eee;
  }
  .not-login-20i-header .top-nav-20i .btn.nav-link {
    padding-right: 0;
  }
  div.product-details div.product-icon {
    padding: 0;
  }
  div.product-details
    div.product-icon
    span
    i.fas.fa-hdd.fa-stack-1x.fa-inverse {
    font-size: 45px;
  }
  .product-icon.text-center h4 {
    font-size: 22px;
  }
  /* =========================================================== */
  /*================== landing pages css start ==================*/
  .primary-content .landing-page .content-block,
  .primary-content .landing-page.ssl .content-block {
    margin: 20px 0;
    padding: 40px 0;
  }
  .primary-content .landing-page.ssl .validation-levels h3,
  .primary-content .landing-page.ssl .content-block.standout h2,
  .primary-content .landing-page.ssl .content-block.competitive-upgrade-promo,
  .primary-content .landing-page.ssl .standout-1 h3,
  .primary-content .landing-page.ssl .content-block.standout h2,
  .primary-content .landing-page.weebly .content-block.image-standout h3,
  .primary-content .landing-page.weebly .content-block.faq h3,
  .primary-content
    .landing-page.weebly
    .content-block.pricing
    .weebly-lite-plan
    h4,
  .primary-content .landing-page.ox .header .header-content h1,
  .primary-content .landing-page.ox .features h3,
  .primary-content .landing-page.ox .pricing h3,
  .primary-content .landing-page.codeguard .content-block h2,
  .primary-content .landing-page.codeguard .content-block.faqs h3,
  .primary-content .landing-page.sitelock .content-block h2,
  .primary-content .landing-page.sitelock .content-block.emergency .price,
  .primary-content .landing-page.sitelockvpn .hero-bg h1,
  .primary-content .landing-page.sitelockvpn .feature h3,
  .primary-content .landing-page.sitelockvpn .feature.pricing h2,
  .primary-content .landing-page.sitelockvpn .feature.all-plans h2,
  .primary-content .landing-page.sitelockvpn .feature.world h2,
  .primary-content .landing-page.sitelockvpn .feature.world span,
  .primary-content .landing-page.mail-services .content-block h2,
  .primary-content .landing-page.mail-services .content-block.faq h3,
  .primary-content
    .landing-page.mail-services
    .content-block.get-started
    .price,
  .primary-content .landing-page.marketgoo .content-block.faqs h3 {
    font-size: 26px;
    line-height: 34px;
  }
  .primary-content .landing-page.ssl .validation-levels {
    padding: 50px 0px;
  }
  .primary-content .landing-page.ssl .validation-levels .item {
    padding: 15px;
  }
  .primary-content .landing-page.ssl .validation-levels .item p {
    font-size: 14px;
  }
  .primary-content .landing-page.ssl .validation-levels .item h4,
  .primary-content .landing-page.ssl .content-block.standout .item h4,
  .primary-content .landing-page.ssl .content-block.ssl-benefits h4,
  .primary-content
    .landing-page.ssl
    .content-block.detailed-info
    .accordion
    .card-body
    h4 {
    font-size: 17px;
    line-height: 25px;
  }
  .primary-content .landing-page.ssl .validation-levels .item span {
    font-size: 16px;
    line-height: 24px;
  }
  .primary-content .landing-page.ssl .validation-levels .item .btn,
  .primary-content .landing-page.ssl .content-block.standout .btn,
  .primary-content
    .landing-page.ssl
    .content-block.detailed-info
    .accordion
    .card-body
    .btn,
  .primary-content
    .landing-page.weebly
    .content-block.pricing
    .weebly-lite-plan
    .btn,
  .primary-content
    .landing-page.weebly
    .content-block.pricing
    .weebly-plans
    .btn,
  .primary-content
    .landing-page.sitelock
    .content-block.plans
    .plan-comparison
    .plan
    .footer
    .btn,
  .primary-content .landing-page.sitelock .content-block.emergency .btn,
  .primary-content .landing-page.mail-services .product-options .item .btn,
  .primary-content .landing-page.mail-services .content-block.get-started .btn {
    padding: 8px;
    margin-top: 10px;
  }
  .primary-content .landing-page .navbar.navbar-expand-lg .navbar-nav > li > a,
  .primary-content .landing-page .navbar.navbar-expand-md .navbar-nav > li > a {
    /* font-size: 12px; */
    padding: 10px 10px;
  }
  .primary-content .landing-page.ssl .content-block.ssl-benefits i {
    font-size: 25px;
  }
  .primary-content .landing-page.ssl .content-block.ssl-benefits .col-lg-2 {
    font-size: 15px;
    line-height: 25px;
  }
  .primary-content .landing-page.ssl .content-block.standout p,
  .primary-content
    .landing-page.ssl
    .content-block.detailed-info
    .accordion
    .card-body
    p {
    font-size: 16px;
    line-height: 26px;
  }
  .primary-content .landing-page.ssl .standout-1 {
    padding: 10px 0 0;
    margin: 30px 0 180px 0;
  }
  .primary-content .landing-page.ssl .content-block.competitive-upgrade-promo {
    margin: 0;
    padding: 0;
    font-size: 22px;
  }
  .primary-content .landing-page.ssl .standout-1 .browser .browser-image img {
    border-radius: 23px 23px 0 0;
    width: 800px;
  }
  .primary-content .landing-page.ssl .standout-1 .browser-notice .wrapper {
    max-width: 550px;
    font-size: 15px;
    line-height: 25px;
    padding: 30px;
  }
  .primary-content .landing-page.ssl .standout-1 .browser-notice .wrapper img {
    width: 60px;
  }
  .primary-content .landing-page.ssl .content-block.standout .item img {
    width: 100px;
  }
  .landing-page.ssl .detailed-info {
    padding: 60px 0 50px;
  }
  .primary-content
    .landing-page.ssl
    .content-block.detailed-info
    .accordion
    .card-body
    p {
    font-size: 14px;
    line-height: 23px;
  }
  .primary-content .landing-page.ssl .detailed-info {
    padding: 60px 0 45px;
  }
  .primary-content .landing-page.ssl ul.ssl-certs-all .price strong {
    font-size: 17px;
  }
  .primary-content
    .landing-page.ssl
    .content-block.standout.standout-2
    .logos
    img {
    max-height: 35px;
  }
  .primary-content .landing-page ~ p {
    font-size: 16px;
    line-height: 30px;
  }
  .primary-content .landing-page.sitelockvpn .hero-bg {
    background-size: 500px;
    padding: 60px 0;
  }
  /*============= landing pages css end =============*/
}

@media (min-width: 768px) and (max-width: 1199px) {
  .account-manage-20i form label {
    font-size: 16px;
  }
  .store-order-container #frmAddToCart .store-domain-tabs li a {
    font-size: 12px;
  }
  .fast-hosting-theme-section {
    padding: 72px 0px 170px;
  }
  .domain-pricing .featured-tlds-container .col-lg-4 {
    flex: 0 0 33%;
    max-width: 33%;
  }
  .store-order-container #frmAddToCart .store-domain-tabs li a {
    margin-right: 5px;
    padding: 10px !important;
  }
  .store-order-container #frmAddToCart .nav-tabs .nav-item {
    max-width: 33.3%;
  }
}
@media (max-width: 992px) {
  .affiliate-stat {
    font-size: 1em;
    padding: 15px;
    line-height: normal;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .not-login-20i-header div#mainNavbar {
    width: 930px;
  }
  .email-verification .container {
    max-width: 930px;
  }
  .affiliate-stat.alert-warning {
    font-size: 1.2em;
  }
}

@media (min-width: 992px) {
  .alert.alert-warning .container {
    max-width: 935px;
  }
  .home-domain-search .input-group-wrapper a.btn.btn-link {
    position: absolute;
    right: 0;
  }
  .home-domain-search .input-group-wrapper {
    position: relative;
  }
  body #order-standard_cart .secondary-cart-body {
    padding-right: 8px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .primary-content .landing-page.codeguard .content-block.overview-features li {
    width: 33%;
  }
  .primary-content .product-section-20i .card {
    max-width: 31.3%;
    flex: 0 0 31.3%;
    -ms-flex: 0 0 31.3%;
  }
  .fast-hosting-theme-title {
    font-size: 45px;
    line-height: 50px;
  }
  .not-login-20i-header div#mainNavbar {
    width: 685px;
  }
  .help-elements .action-icon-btns {
    margin-bottom: 0 !important;
  }
  #order-standard_cart .domain-promo-box {
    min-height: 266px;
  }
  .alert.alert-warning .container,
  .email-verification .container {
    max-width: 690px;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  .primary-content .product-section-20i .card {
    max-width: 47.3%;
    flex: 0 0 47.3%;
    -ms-flex: 0 0 47.3%;
  }
  .not-login-20i-header div#mainNavbar {
    width: 506px;
  }
  .alert.alert-warning.network-issue-alert .container,
  .email-verification .container {
    max-width: 510px;
  }
}

@media (min-width: 576px) and (max-width: 1199px) {
  .primary-content .landing-page button.navbar-toggler {
    margin-left: 15px;
  }
}

@media (max-width: 991px) {
  .primary-content .landing-page.sitelockvpn .hero-bg h1 br {
    display: none;
  }
  .home-page-slider-panel {
    margin: 0px 0px 20px;
  }
  .contact-page-20i .h3 {
    font-size: 30px;
    line-height: 35px;
  }
  body .email-verification .order-3 {
    order: 0;
    max-width: 100%;
    flex: 0 0 100%;
    -ms-flex: 0 0 100%;
  }
  .email-verification .btn.close {
    right: 13px;
    left: auto;
  }
  .primary-content
    .landing-page.codeguard
    .content-block.pricing
    form.float-right:first-child {
    width: 100%;
    margin: 0;
  }
  body .landing-page.ox .header .header-content {
    padding: 10px 10px 30px;
  }
  body
    .primary-content
    .landing-page.codeguard
    .content-block.overview-features
    li {
    border: 0;
  }
  .account-section-main-20i .action-icon-btns a {
    margin-bottom: 18px;
  }
  .help-elements .action-icon-btns {
    padding: 20px;
  }
  .action-icon-btns .col-6 {
    margin: 0;
  }
  .help-elements .action-icon-btns {
    position: relative;
  }
  .product-section-20i .card-columns.home {
    justify-content: left;
  }
  .footer ul.nav.justify-content-center.justify-content-lg-start {
    float: none;
    margin: 0;
  }
  footer.footer .copyright {
    max-width: 100%;
    padding-top: 30px;
    text-align: center;
  }
  #tabOverview .col-lg-6 {
    margin-bottom: 15px;
  }
  #tabOverview .row.mb-3 {
    margin-bottom: 0px !important;
  }
  body #order-standard_cart .secondary-cart-sidebar {
    width: 100%;
  }
  body #order-standard_cart .secondary-cart-body {
    margin-bottom: 20px;
  }
  .primary-content .landing-page .navbar .navbar-nav li,
  .primary-content .landing-page.codeguard .navbar .navbar-nav li,
  .primary-content .landing-page.weebly .navbar .navbar-nav li,
  .primary-content .landing-page.mail-services .navbar .navbar-nav li {
    width: 100%;
    border-right: 0;
  }
  .landing-page.ssl div#nav-ssl li:last-child {
    margin-bottom: 25px;
  }
  .primary-content .landing-page .navbar {
    padding: 12px 15px !important;
  }
  .primary-content .landing-page .navbar .navbar-nav > li > a {
    text-align: left;
  }
  .primary-content .landing-page.sitelockvpn .feature.world {
    padding: 50px 0 0;
  }
  .primary-content .landing-page.sitelockvpn .hero-bg {
    padding: 50px 0;
  }
  .sidebar,
  .landing-page.sitelock .plans .plan-comparison .col-md-6.col-lg-4 {
    margin-bottom: 20px;
  }
  .sidebar.sidebar-secondary {
    margin-bottom: 0;
    padding: 0px 0px 25px;
  }
  .client-home-cards,
  .tiles {
    margin: 0px -10px;
  }
  /*============== landing apges css start ==============*/
  .primary-content .landing-page.ssl .validation-levels h3,
  .primary-content .landing-page.ssl .content-block.standout h2,
  .primary-content .landing-page.ssl .content-block.competitive-upgrade-promo,
  .primary-content .landing-page.ssl .standout-1 h3,
  .primary-content .landing-page.ssl .content-block.standout h2,
  .primary-content .landing-page.weebly .content-block.image-standout h3,
  .primary-content .landing-page.weebly .content-block.faq h3,
  .primary-content
    .landing-page.weebly
    .content-block.pricing
    .weebly-lite-plan
    h4,
  .primary-content .landing-page.ox .header .header-content h1,
  .primary-content .landing-page.ox .header .header-content h1,
  .primary-content .landing-page.ox .pricing h3,
  .primary-content .landing-page.codeguard .content-block h2,
  .primary-content .landing-page.codeguard .content-block.faqs h3,
  .primary-content .landing-page.sitelock .content-block h2,
  .primary-content .landing-page.sitelock .content-block.emergency .price,
  .primary-content .landing-page.sitelockvpn .hero-bg h1,
  .primary-content .landing-page.sitelockvpn .hero-bg h1,
  .primary-content .landing-page.sitelockvpn .feature h3,
  .primary-content .landing-page.sitelockvpn .feature.pricing h2,
  .primary-content .landing-page.sitelockvpn .feature.all-plans h2,
  .primary-content .landing-page.sitelockvpn .feature.world h2,
  .primary-content .landing-page.sitelockvpn .feature.world span,
  .primary-content .landing-page.mail-services .content-block h2,
  .primary-content .landing-page.mail-services .content-block.faq h3,
  .primary-content
    .landing-page.mail-services
    .content-block.get-started
    .price,
  .landing-page.ssl .content-block.features h3,
  .landing-page.ssl .standout .col-sm-8.col-md-9.order-1 h3,
  .primary-content .landing-page.marketgoo .content-block.faqs h3 {
    font-size: 23px;
    line-height: 28px;
  }
  .primary-content .landing-page .hero {
    padding: 50px 0;
  }
  .primary-content .landing-page .hero h2 {
    font-size: 45px;
    line-height: 50px;
  }
  .primary-content .landing-page .hero h3,
  .primary-content .landing-page.sitelockvpn .hero-bg h2 {
    font-size: 17px;
    line-height: 29px;
  }
  .primary-content
    .landing-page.weebly
    .content-block.pricing
    .btn-group
    .btn.cycle-change {
    padding: 6px;
    font-size: 13px;
  }
  .primary-content
    .landing-page.codeguard
    .content-block.overview-features
    li
    span {
    font-size: 14px;
    line-height: 26px;
    padding: 0;
  }
  /*=============== end ==================*/
  /* ========== Header menu issue + footer buttons start ============= */
  #footer ul.nav.justify-content-center.justify-content-lg-start .nav-item {
    margin: 7px 14px 0;
  }
  /* ========== Header menu issue + footer buttons end ============= */
}

@media (min-width: 768px) {
  form#frmAddToCart .store-domain-tabs .nav-link {
    padding-bottom: 10px !important;
  }
}

@media (max-width: 767px) {
  .topbar a.btn.btn-return-to-admin {
    display: none;
  }
  header.header .navbar.navbar-expand-xl.main-navbar-wrapper.login-20i-header {
    box-shadow: 0px 14px 13px #afabab61;
  }
  .primary-content
    .landing-page.mail-services
    .content-block.get-started#pricing
    .col-md-4.text-right {
    text-align: left !important;
    padding-top: 10px;
  }
  .landing-page.bg-white.sitelock div#faqAccordion {
    padding-top: 20px;
  }
  .primary-content .landing-page.ox .stand-out .col-xl-4 .wrapper {
    height: auto;
  }
  #order-standard_cart
    form#frmProductDomain
    .domain-selection-options
    .option:nth-of-type(2)
    .col-sm-2
    .btn {
    margin-left: 37px;
  }
  #order-standard_cart
    form#frmProductDomain
    .domain-selection-options
    .option:nth-of-type(3)
    .col-sm-2 {
    max-width: 100%;
    padding-left: 35px;
  }
  .tab-content.margin-bottom
    div#tabOverview
    ul.nav.nav-tabs.responsive-tabs-sm
    a.nav-link::after {
    display: none;
  }
  #order-standard_cart .domain-pricing .two-row-center {
    padding-left: 12px !important;
  }
  .contact-page-20i .h3 {
    font-size: 25px;
    line-height: 30px;
  }
  .account-manage-20i form .btn-default {
    margin-left: 0;
  }
  .primary-content .landing-page.marketgoo .content-block.faqs img {
    margin-bottom: 20px;
  }
  .store-order-container #frmAddToCart .store-domain-tabs li a {
    font-size: 14px;
    font-weight: 600;
  }
  .payment-methods-20i table#payMethodList {
    margin-top: 25px;
  }
  .payment-methods-20i table#payMethodList td {
    white-space: nowrap;
  }
  .alert.alert-warning .alert-link {
    padding: 4px 10px;
  }
  form#frmConfigureProduct .alert.alert-warning a.alert-link {
    float: none;
    display: block;
    max-width: 70px;
    margin: 5px auto 0px 0;
  }
  .primary-content .landing-page.marketgoo .content-block.testimonials {
    padding: 30px 0;
    min-height: auto;
  }
  .primary-content
    .landing-page.marketgoo
    .content-block.feature-blocks
    .block {
    padding: 20px;
    height: auto;
    margin-bottom: 20px;
  }
  .primary-content
    .landing-page.marketgoo
    .content-block.feature-blocks
    .block
    img {
    max-width: 100px;
    margin-bottom: 15px;
  }
  .landing-page.marketgoo .feature-blocks .block p {
    font-size: 15px;
    font-weight: 300;
    padding: 0;
    margin: 10px 0;
  }
  .primary-content .landing-page.marketgoo .content-block.feature-blocks {
    padding: 30px 0 0;
  }
  .primary-content
    .landing-page.marketgoo
    .content-block.feature-blocks
    .feature-wrapper {
    padding: 0 0 30px;
    background-color: transparent;
  }
  .primary-content .landing-page.ssl .content-block.what-is-ssl.standout {
    padding-bottom: 0;
  }
  body .landing-page.ox h3,
  body .landing-page .faq h3 {
    margin: 0 0 0px 0;
  }
  .store-order-container #frmAddToCart .store-domain-tabs {
    width: 100%;
    margin-bottom: 10px;
    border-color: transparent;
    border-radius: 2px;
  }
  form#frmAddToCart .store-domain-tabs .nav-link {
    border-radius: 0 !important;
  }
  .store-order-container #frmAddToCart .store-domain-tabs li {
    border-color: transparent !important;
  }
  .home-page-slider-panel .promo-banner .icon-left {
    padding: 50px 15px;
    margin-bottom: 25px;
    width: 100%;
  }
  .home-page-slider-panel .promo-banner .card-body h3 {
    font-size: 18px;
  }
  .home-page-slider-panel .promo-banner img {
    max-width: 150px;
  }
  .modal .modal-dialog {
    max-width: 90%;
    margin: 10px auto;
  }
  #frmCheckout .cc-input-container .col-sm-3,
  #frmCheckout .cc-input-container .col-sm-6,
  #frmCheckout .cc-input-container .col-md-6,
  #frmCheckout .cc-input-container .col-md-3,
  #frmCheckout .cc-input-container .col-md-3 {
    padding: 5px 10px;
  }
  .domain-checker-container button#btnCheckAvailability {
    height: auto;
  }
  .knowledgebase-20i .input-group.input-group-lg.kb-search,
  .download-20i .input-group.input-group-lg.kb-search,
  .download-cat-20i .input-group.input-group-lg.kb-search {
    display: block;
  }
  .fast-hosting-theme-title {
    font-size: 36px;
    line-height: 40px;
  }
  .Myhomepage,
  .account-section-20i h2,
  .home-domain-search h2 {
    font-size: 26px;
    line-height: 30px;
  }
  .home-domain-search .p-5.clearfix {
    padding: 1rem !important;
  }
  .home-domain-search {
    padding-bottom: 40px;
  }
  .help-elements .action-icon-btns {
    margin-bottom: 0 !important;
  }
  .fast-hosting-theme-content {
    margin-bottom: 35px;
  }
  header.header a.login-btn-20i,
  header.header a.register-btn-20i {
    padding: 4px 18px;
  }
  .home-domain-search .captcha-20i .col-md-8.offset-md-2.col-10.offset-1 {
    padding: 40px 25px 20px;
  }
  body .product-details .col-md-6.text-center h4:first-child {
    margin-top: 20px;
  }
  .tab-content.margin-bottom
    div#tabOverview
    ul.nav.nav-tabs.responsive-tabs-sm
    a.nav-link {
    background-color: transparent !important;
    display: inline;
    margin: 5px 8px 3px 8px;
  }
  #tabOverview .responsive-tabs-sm .nav-item {
    border: 0 !important;
    margin-bottom: 10px;
  }
  .responsive-tabs-sm-connector .bottom-border,
  .responsive-tabs-sm-connector .channel {
    border: 0;
  }
  body
    .tab-content.margin-bottom
    div#tabOverview
    ul.nav.nav-tabs.responsive-tabs-sm {
    padding: 10px 10px 6px 10px;
  }
  body div#domain .col-sm-5.text-right {
    max-width: 40%;
  }
  body div#domain .col-sm-7 {
    max-width: 50%;
  }
  .primary-content div#tabOverview .card-body {
    padding: 20px 10px;
  }
  body
    .tab-content.margin-bottom
    div#tabOverview
    ul.nav.nav-tabs.responsive-tabs-sm {
    width: calc(100% - 20px);
    margin: 0 auto;
  }
  .responsive-tabs-sm .nav-item,
  .domain-checker-container button#btnCheckAvailability,
  .knowledgebase-20i
    .input-group.input-group-lg.kb-search
    button#btnKnowledgebaseSearch,
  .download-20i .input-group.input-group-lg.kb-search button#btnDownloadsSearch,
  .download-cat-20i
    .input-group.input-group-lg.kb-search
    button#btnDownloadsSearch,
  .primary-content
    .landing-page.mail-services
    .content-block.tabs
    .nav-tabs
    li
    a {
    margin: 0;
  }
  #tabOverview div.product-details-tab-container {
    padding: 20px 15px;
  }
  .sidebar .list-group,
  body
    #order-standard_cart
    .domain-renewals
    .domain-renewal
    form.form-horizontal,
  .knowledgebase-20i .input-group.input-group-lg.kb-search input,
  .knowledgebase-20i
    .input-group.input-group-lg.kb-search
    button#btnKnowledgebaseSearch,
  .download-20i .input-group.input-group-lg.kb-search button#btnDownloadsSearch,
  .download-cat-20i
    .input-group.input-group-lg.kb-search
    button#btnDownloadsSearch,
  .download-20i .input-group.input-group-lg.kb-search input,
  .download-cat-20i .input-group.input-group-lg.kb-search input,
  .primary-content .landing-page.mail-services .content-block.tabs .nav-tabs,
  .primary-content .landing-page.mail-services .content-block.tabs .nav-tabs {
    width: 100%;
  }
  #order-standard_cart .domain-pricing .tld-pricing-header .col-xs-4,
  .domain-pricing .tld-row.filtered-row .col-xs-4.col-,
  .primary-content .landing-page.mail-services .product-options {
    padding: 0;
  }
  body
    #order-standard_cart
    .domain-renewals
    .domain-renewal
    form.form-horizontal {
    float: none;
  }
  body #order-standard_cart .domain-renewals .form-control,
  html body #order-standard_cart .domain-renewals .font-size-24 ~ p {
    margin-bottom: 15px;
  }
  #order-standard_cart
    .secondary-cart-body
    .domain-renewals
    form.form-horizontal
    .col-md-5 {
    margin: 0 0px 5px 0;
  }
  .knowledgebase-20i .input-group.input-group-lg.kb-search input,
  .download-20i .input-group.input-group-lg.kb-search input,
  .download-cat-20i .input-group.input-group-lg.kb-search input {
    margin-bottom: 5px;
  }
  #order-standard_cart
    form#frmProductDomain
    .domain-selection-options
    .row
    .col-sm-8.col-sm-offset-1.offset-sm-1,
  #frmCheckout .cc-input-container .col-sm-3,
  #frmCheckout .cc-input-container .col-sm-6,
  .store-promoted-product .col-sm-3,
  .store-promoted-product .col-sm-9 {
    max-width: 100%;
    flex: 0 0 100%;
    -ms-flex: 0 0 100%;
  }
  .card-body.store-promoted-product h3 {
    margin-top: 20px;
  }
  #order-standard_cart
    form#frmProductDomain
    .domain-selection-options
    .row
    .col-sm-8.col-sm-offset-1.offset-sm-1 {
    padding: 0 25px 0px 20px;
  }
  form#frmProductDomain .domain-selection-options button.btn.btn-primary,
  form#frmProductDomain
    .domain-selection-options
    div#domainowndomain
    button.btn.btn-primary {
    margin: 0px 13px;
  }
  #order-standard_cart #frmCheckout .cc-input-container label.radio-inline {
    padding-left: 30px;
  }
  .card-body.p-5.store-promoted-product {
    padding: 20px !important;
  }
  .landing-page.ox div#oxPricing {
    margin: 50px 0 0;
  }
  body .landing-page.codeguard .faqs h3 {
    margin-bottom: 5px;
  }
  form#frmAddToCart .store-domain-tabs .nav-link {
    padding: 15px !important;
  }
  .primary-content .landing-page .content-block img.float-md-right {
    margin-top: 20px;
  }
  .landing-page.ssl .certificate-options.ov .row-pricing-table .header {
    margin-top: 0;
  }
  .landing-page.ssl .certificate-options.ov .row-pricing-table .col-md-3,
  .landing-page.ssl .content-block.features .feature {
    margin-bottom: 25px;
  }
  .primary-content
    .landing-page.sitelockvpn
    .feature.world
    .row.text-center.text-md-left {
    text-align: left !important;
  }
  .primary-content .landing-page.sitelockvpn .feature.devices .logos {
    text-align: left;
  }
  .primary-content .landing-page.sitelockvpn .feature.devices .logos img {
    margin: 0px 15px;
  }
  .primary-content .landing-page.sitelock .content-block h3 {
    font-size: 18px;
    line-height: 28px;
  }
  .primary-content .landing-page.sitelockvpn .feature.all-plans span {
    font-size: 15px;
    line-height: 25px;
    margin-top: 10px;
    padding-left: 25px;
  }
  .primary-content .landing-page.codeguard .content-block.overview-features li {
    width: 33%;
    margin-bottom: 25px;
  }
  .primary-content .landing-page.codeguard .content-block.pricing {
    padding: 30px 0;
  }
  .primary-content .landing-page.codeguard .content-block.features .feature {
    padding: 10px;
  }
  .primary-content .landing-page.codeguard .content-block.features .feature h4 {
    font-size: 15px;
    line-height: 25px;
  }
  .primary-content .landing-page.codeguard .content-block.features .feature p,
  .primary-content .landing-page.sitelockvpn .hero-bg h2 {
    font-size: 14px;
    line-height: 24px;
  }
  .primary-content
    .landing-page.codeguard
    .content-block.features
    .feature
    .icon
    img {
    width: 50px;
  }
  .primary-content .landing-page.weebly .hero img {
    width: 200px;
  }
  .primary-content .landing-page.weebly .content-block.pricing .btn-group {
    flex-wrap: wrap;
  }
  .cs-ticket .col-md-4 {
    padding: 0;
  }
  .primary-content .landing-page.weebly .content-block.faq .col-md-4,
  .primary-content .landing-page.ox .faqs .col-lg-6,
  .primary-content .landing-page.codeguard .content-block.faqs .col-lg-4,
  .primary-content .landing-page.mail-services .content-block.faq .col-lg-4 {
    padding-right: 15px;
  }
  .primary-content
    .landing-page.weebly
    .content-block.pricing
    .weebly-plans
    .pricing-item
    ul.site-features,
  .primary-content
    .landing-page.weebly
    .content-block.pricing
    .weebly-plans
    .pricing-item
    ul.ecommerce-features {
    height: auto;
  }
  .primary-content .landing-page.ox .stand-out {
    padding: 50px 0 20px;
  }
  .primary-content .landing-page.mail-services .product-options .item {
    padding: 10px 10px 20px;
  }
  .primary-content .landing-page.mail-services .content-block.tabs .nav-tabs li,
  .primary-content .landing-page.sitelockvpn .feature.pricing .pricing-box {
    margin: 0 0 20px;
  }
  .primary-content .landing-page.mail-services .content-block.get-started {
    padding: 30px 0;
  }
  .primary-content
    .landing-page.mail-services
    .content-block.tabs
    .tab-content {
    padding: 10px;
  }
  .primary-content .landing-page .content-block,
  .primary-content .landing-page.ssl .content-block {
    padding: 0 0 20px;
  }
  .primary-content .landing-page.sitelockvpn .feature {
    padding: 20px 0 0;
  }
  .primary-content .landing-page.sitelockvpn .feature.devices {
    padding: 20px 0;
  }
  .primary-content .landing-page.sitelockvpn .feature.countries {
    padding: 0 0 40px;
  }
  .primary-content .landing-page.sitelockvpn .feature.world br {
    display: none;
  }
}

@media (max-width: 575px) {
  .primary-content .landing-page.ox .stand-out .col-xl-4 .wrapper {
    padding: 20px;
  }
  .landing-page.bg-white.weebly div#overview br {
    display: none;
  }
  .landing-page.bg-white.weebly div#overview .col-sm-5 img {
    margin-bottom: 15px;
  }
  div#registration
    form#frmCheckout
    .captcha-20i
    .col-md-8.offset-md-2.col-10.offset-1
    div#default-captcha-domainchecker {
    padding: 0px;
  }
  form#frmProductDomain .domain-selection-options button.btn.btn-primary {
    margin: 0px 15px;
  }
  .primary-content .landing-page.mail-services .content-block h3,
  .primary-content .landing-page.marketgoo .content-block.faqs h4 {
    font-size: 17px;
    line-height: 25px;
  }
  body .email-verification .order-md-last {
    order: 2;
  }
  body .email-verification {
    padding: 0px 15px 20px;
  }
  .primary-content .landing-page.marketgoo .video-banner {
    padding: 40px 0;
    min-height: auto;
  }
  .container-fluid.invoice-container .invoice-col.right,
  .primary-content #order-standard_cart .view-cart-items .item-price {
    text-align: left;
  }
  .invoice-container .row.invoice-header .small-text {
    padding-left: 0;
  }
  form#frmConfigureDomains .sub-heading ~ .row {
    margin: 0px 0 -9px;
  }
  #order-standard_cart
    #frmConfigureProduct
    .addon-promo-container
    label.radio-inline
    span {
    padding-left: 7px;
    width: 100%;
  }
  #frmCheckout div#containerNewUserSignup {
    padding: 0px 28px;
  }
  #order-standard_cart
    form#frmProductDomain
    .domain-selection-options
    #domainincart
    select,
  .primary-content
    .landing-page.weebly
    .content-block.pricing
    .btn-group
    .btn.cycle-change {
    width: 100%;
  }
  #frmCheckout .cc-input-container div#newCardInfo,
  #frmCheckout .cc-input-container div#newCardSaveSettings,
  #frmCheckout .cc-input-container .stripe-cards-inputs {
    padding: 0px 10px;
  }
  #order-standard_cart form#frmProductDomain .domain-selection-options select {
    width: auto;
  }
  #order-standard_cart
    form#frmProductDomain
    .domain-selection-options
    .row
    .col-sm-8.col-sm-offset-1.offset-sm-1 {
    padding: 0px 25px;
    text-align: center;
  }
  form .md-editor .btn-group .btn {
    margin-bottom: 5px;
  }
  #order-standard_cart .domain-promo-box .clearfix p,
  body #order-standard_cart .domain-promo-box .font-size-24 ~ p {
    margin-bottom: 15px;
  }
  .primary-content .product-section-20i .card,
  .action-icon-btns .col-6 {
    max-width: 100%;
    flex: 0 0 100%;
    -ms-flex: 0 0 100%;
  }
  .home-domain-search {
    padding-top: 0;
  }
  .home-domain-search .input-group-wrapper .input-group {
    padding: 0px 10px;
  }
  .get-strated-btn {
    min-width: auto;
    padding: 9px 10px;
    font-size: 14px;
  }
  .home-domain-search .row.d-sm-none {
    width: 100%;
    margin: 0;
  }
  .home-domain-search .row.d-sm-none .col-6:first-child {
    padding-left: 2px;
  }
  .home-domain-search .row.d-sm-none .col-6:last-child {
    padding-right: 2px;
  }
  .primary-content div#registration .card-body,
  div#registration .captcha-20i .col-md-8.offset-md-2.col-10.offset-1 {
    padding: 30px 20px 0px !important;
  }
  div#registration p[align="center"] {
    padding: 0px 20px;
  }
  #order-standard_cart
    .domain-checker-container
    .input-group-box
    input#inputDomain,
  .domain-checker-container button#btnCheckAvailability,
  .knowledgebase-20i .input-group.input-group-lg.kb-search input,
  .knowledgebase-20i
    .input-group.input-group-lg.kb-search
    button#btnKnowledgebaseSearch,
  .download-20i .input-group.input-group-lg.kb-search input,
  .download-20i .input-group.input-group-lg.kb-search button#btnDownloadsSearch,
  .download-cat-20i .input-group.input-group-lg.kb-search input,
  .download-cat-20i
    .input-group.input-group-lg.kb-search
    button#btnDownloadsSearch {
    height: 50px;
  }
  .primary-content .landing-page .content-block .text-center.d-block.d-sm-none {
    display: none !important;
  }
  .primary-content
    .landing-page.sitelockvpn
    .feature.pricing
    .pricing-box
    .price {
    padding: 10px;
    font-size: 22px;
  }
  .primary-content
    .landing-page.ssl
    .content-block.detailed-info
    .accordion
    .card-header
    h4,
  .primary-content
    .landing-page.sitelock
    .content-block.faq
    .accordion
    .card
    .card-header
    h4 {
    font-size: 15px;
    line-height: 25px;
  }
  .primary-content
    .landing-page.ssl
    .content-block.detailed-info
    .accordion
    .card-header,
  .primary-content
    .landing-page.sitelock
    .content-block.faq
    .accordion
    .card
    .card-header {
    padding: 15px;
  }
  .primary-content
    .landing-page.sitelock
    .content-block.features
    .feature-wrapper
    i,
  .primary-content
    .landing-page.sitelock
    .content-block.emergency
    .feature-wrapper
    i {
    display: none;
  }
  .primary-content
    .landing-page.sitelock
    .content-block.features
    .feature-wrapper
    .content,
  .primary-content
    .landing-page.sitelock
    .content-block.emergency
    .feature-wrapper
    .content,
  .primary-content
    .landing-page.weebly
    .content-block.pricing
    .btn-group
    .btn.cycle-change {
    margin: 0;
  }
  .primary-content .landing-page.ox .pricing table .pricing-label {
    font-size: 14px;
    line-height: 24px;
  }
  .primary-content .landing-page.ox .pricing table th {
    padding: 12px 5px;
    font-size: 15px;
  }
  .primary-content .landing-page.ox .features .feature-block p {
    margin-left: 0;
    font-size: 15px;
    line-height: 25px;
  }
  .primary-content .landing-page.ox .features .feature-block img {
    display: none;
  }
  .primary-content .landing-page.ox .stand-out .wrapper {
    padding: 12px;
    height: auto;
    margin-bottom: 20px;
  }
  .primary-content
    .landing-page.weebly
    .content-block.pricing
    .weebly-lite-plan
    p {
    font-size: 15px;
    line-height: 25px;
  }
  .primary-content
    .landing-page.weebly
    .content-block.pricing
    .weebly-lite-plan {
    padding: 30px 20px 30px;
  }
  .primary-content .landing-page .hero h2 {
    font-size: 35px;
    line-height: 40px;
  }
  .primary-content .landing-page .hero h3 {
    font-size: 15px;
    line-height: 25px;
  }
  .primary-content
    .landing-page.ssl
    .content-block.what-is-ssl.standout
    .text-center.d-block.d-sm-none
    img {
    display: none !important;
  }
  .primary-content .landing-page.ssl .content-block.standout.standout-2 {
    font-size: 20px;
    line-height: 30px;
  }
  .primary-content .landing-page.ssl .browser-notice .wrapper-container {
    padding: 0 30px;
  }
  .primary-content .landing-page.weebly .content-block.image-standout p.lead {
    font-size: 16px;
    line-height: 28px;
  }
  .tiles .tile .stat {
    font-size: 38px;
    line-height: 55px;
  }
  .card.card-accent-emerald .card-header .card-title {
    font-size: 16px;
    line-height: 22px;
  }
  .card.card-accent-emerald input.btn.btn-success,
  .card.card-accent-emerald input.btn.btn-default {
    padding: 4px 18px;
  }
  .card.card-accent-emerald input.form-control {
    padding: 20px 10px;
  }
  .tiles .tile::before {
    width: 40px;
    height: 40px;
  }
  .tiles .tile i {
    left: 16px;
  }
}

@media (min-width: 401px) and (max-width: 575px) {
  body
    .primary-content
    .landing-page.codeguard
    .content-block.overview-features
    li {
    width: 50%;
  }
  #order-standard_cart
    form#frmProductDomain
    .domain-selection-options
    .row
    .col-sm-8.col-sm-offset-1.offset-sm-1
    .row.domains-row
    .col-9 {
    max-width: 60%;
  }
}

@media (max-width: 521px) {
  .home-domain-search .tld-logos li {
    margin: 0px 3px 5px 3px;
    max-width: 48%;
  }
}

@media (min-width: 481px) and (max-width: 767px) {
  body .landing-page.codeguard .irs-grid-text {
    font-size: 13px;
  }
  .primary-content .ssl .content-block.competitive-upgrade-promo {
    margin-bottom: 40px !important;
  }
}

@media (max-width: 480px) {
  #modalChooseLanguage .modal-body {
    padding: 25px 15px;
  }
  #modalChooseLanguage .item-selector .col-4 {
    padding: 0 10px;
  }
  #modalChooseLanguage .item-selector .item {
    font-size: 12px;
  }
  #modalChooseLanguage button.close span {
    margin: 20px 15px;
  }
  .primary-content .landing-page.ssl .content-block.competitive-upgrade-promo {
    font-size: 15px;
    line-height: 20px;
    margin-top: -8px;
  }
  .primary-content .contact-page-20i .form-control {
    min-height: 35px;
  }
  #frmCheckout
    > .account-select-container
    + #containerExistingUserSignin
    + div#containerNewUserSignup {
    padding: 0px 25px;
  }
  #order-standard_cart .view-cart-items span.item-domain,
  #order-standard_cart form .view-cart-items .item-price span,
  #order-standard_cart form .view-cart-items .item-title {
    font-size: 13px;
  }
  .contact-page-20i .captcha-20i .col-md-8.offset-md-2.col-10.offset-1 {
    padding: 20px 20px 0px;
  }
  .submit-ticket-two-20i .captcha-20i .col-md-8.offset-md-2.col-10.offset-1 {
    padding: 0px 20px 40px;
  }
  .tooltip {
    display: none;
  }
  .view-ticket .posted-by {
    font-size: 15px;
  }
  #frmCheckout div#totalDueToday {
    padding: 15px 25px;
  }
  #order-standard_cart .sidebar-collapsed .form-inline,
  #order-standard_cart .sidebar-collapsed .form-inline form {
    width: 100%;
    margin: 2px 0;
  }
  body
    .primary-content
    .landing-page.codeguard
    .content-block.pricing
    .pricing-container
    .price {
    font-size: 26px;
  }
  body .landing-page.codeguard .irs-with-grid {
    margin: 40px 0px;
  }
  body .landing-page.codeguard .irs-grid-text {
    font-size: 9px;
  }
  #frmAddToCart .btn-default,
  #frmAddToCart .btn-primary,
  #domainForm .btn-group.btn-group-sm .setBulkAction,
  #domainForm .btn-group.btn-group-sm .btn-group,
  #domainForm .btn-group.btn-group-sm .dropdown-menu,
  .contact-page-20i form .form-group.row {
    width: 100%;
  }
  #domainForm .btn-group.btn-group-sm.mb-3 {
    display: flex;
    flex-wrap: wrap;
  }
  #domainForm .btn-group.btn-group-sm .dropdown-menu {
    margin-left: 0;
  }
  form#frmDomainTransfer button#btnTransferDomain,
  div#ticketReplyContainer .form-group input.btn.btn-primary,
  div#ticketReplyContainer .form-group input.btn.btn-default,
  .submit-ticket-two-20i p .btn.btn-primary,
  .submit-ticket-two-20i p .btn.btn-default,
  form#frmManagePaymentMethod .submit-container button#btnSubmit,
  form#frmManagePaymentMethod .form-group.submit-container .btn.btn-default {
    padding: 11px 15px;
  }
  #order-standard_cart .secondary-cart-body .view-cart-tabs .tab-content form,
  #frmCheckout div#totalDueToday strong {
    display: block;
  }
  .view-cart-tabs button.btn.btn-block.btn-default {
    max-width: 100%;
    margin: 0;
  }
  form#frmDomainTransfer .card-body {
    padding: 22px 25px 0px;
  }
  .card.mass-payment-domain .card-body {
    padding: 15px 25px 0px;
  }
  form#frmDomainTransfer .card-header,
  form#frmDomainTransfer .card-footer {
    padding: 0px 25px;
  }
  .card.mass-payment-domain .card-header {
    padding: 0px 25px 15px;
  }
  .card.mass-payment-domain {
    padding: 20px 0px 20px;
  }
  .domain-checker-container .domain-checker-bg {
    padding: 20px;
  }
  form.login-form .float-left {
    float: none !important;
  }
  .login-form button#login {
    min-width: 100%;
  }
  .login-form .card-body {
    padding: 1.5em !important;
  }
  .login-form .card-body .mb-4:first-child {
    margin-bottom: 15px !important;
  }
  .table-container div#tableServicesList_paginate ul.pagination li a,
  .table-container .dataTables_wrapper ul.pagination li a {
    padding: 4px 7px;
  }
  .table-container .dataTables_wrapper div.dataTables_length label,
  .table-container .dataTables_wrapper div.dataTables_length select {
    font-size: 13px;
  }
  .knowledgebase-20i .kb-category span.badge.badge-info,
  .download-20i .kb-category span.badge.badge-info,
  .download-cat-20i .kb-category span.badge.badge-info {
    width: 100%;
    margin: 5px 0px;
  }
  .knowledgebase-20i .kb-category p,
  .download-20i .kb-category p,
  .download-cat-20i .kb-category p {
    padding: 0;
  }
  .knowledgebase-20i .kb-article-item,
  .knowledgebase-article-20i .kb-article-item,
  .knowledgebase-base-cat-20i .kb-article-item,
  .download-20i .card .kb-article-item,
  .download-cat-20i .card .kb-article-item {
    margin: 0px 15px;
    padding: 20px 15px;
  }
}

@media (max-width: 400px) {
  form#frmProductDomain
    .domain-selection-options
    div#domainowndomain
    .col-xs-2.col-2.text-right
    .form-control-static {
    margin-bottom: 16px;
  }
  #order-standard_cart
    form#frmProductDomain
    .domain-selection-options
    .option:first-child
    .col-sm-8.col-sm-offset-1.offset-sm-1 {
    padding: 0px 0px;
  }
  #order-standard_cart
    form#frmProductDomain
    .domain-selection-options
    .option:first-child
    button.btn.btn-primary {
    margin: 0;
  }
  #order-standard_cart
    form#frmProductDomain
    .domain-selection-options
    .option:nth-of-type(2)
    .col-sm-8.col-sm-offset-1.offset-sm-1 {
    padding-left: 20px;
  }
  #order-standard_cart
    form#frmProductDomain
    .domain-selection-options
    .option:nth-of-type(2)
    .col-sm-2
    .btn {
    margin-left: 12px;
  }
  #order-standard_cart
    form#frmProductDomain
    .domain-selection-options
    .option:first-child
    .col-sm-2 {
    padding: 0px 6px;
  }
  #order-standard_cart
    form#frmProductDomain
    .domain-selection-options
    .option:nth-of-type(3)
    .col-sm-9 {
    padding-left: 12px;
  }
  #order-standard_cart
    form#frmProductDomain
    .domain-selection-options
    .option:nth-of-type(3)
    .col-sm-2 {
    max-width: 100%;
    padding-left: 14px;
  }
  .account-manage-20i .btn {
    max-width: 125px;
    padding: 10px 7px;
    font-size: 13px;
  }
  .primary-content .landing-page.ssl .content-block.competitive-upgrade-promo {
    padding-top: 20px;
  }
  header.header .top-nav-20i button.btn.nav-link {
    padding-left: 1px;
    padding-right: 7px;
  }
  header.header .top-nav-20i .nav-link {
    padding-left: 0.5rem;
  }
  .top-nav-20i li.nav-item:nth-of-type(1) a {
    padding-right: 0rem;
    padding-left: 0;
  }
  header.header .navbar-nav li#Secondary_Navbar-Account a {
    font-size: 14px;
  }
  header .not-login-20i-header .top-nav-20i button.btn.nav-link {
    padding-left: 0.5rem;
  }
  #order-standard_cart
    .domain-renewals
    .domain-renewal
    .pull-right.float-right {
    float: none !important;
  }
  #order-standard_cart
    form#frmProductDomain
    .domain-selection-options
    .row
    .col-sm-8.col-sm-offset-1.offset-sm-1
    .row.domains-row
    .col-9,
  #order-standard_cart
    form#frmProductDomain
    .domain-selection-options
    .row
    .col-sm-8.col-sm-offset-1.offset-sm-1
    .row.domains-row
    .col-3,
  form#frmProductDomain
    .domain-selection-options
    div#domainowndomain
    .col-xs-3.col-3 {
    max-width: 100%;
    flex: 0 0 100%;
    -ms-flex: 0 0 100%;
  }
  #order-standard_cart
    form#frmProductDomain
    .domain-selection-options
    .row
    .col-sm-8.col-sm-offset-1.offset-sm-1
    .row.domains-row
    .col-3
    select {
    width: 100%;
    margin: 3px 0px;
  }
  form#frmProductDomain
    .domain-selection-options
    div#domainowndomain
    .col-xs-2.col-2.text-right {
    max-width: 30%;
    flex: 0 0 30%;
    -ms-flex: 0 0 30%;
  }
  form#frmProductDomain
    .domain-selection-options
    div#domainowndomain
    .col-xs-7.col-7 {
    max-width: 70%;
    flex: 0 0 70%;
    -ms-flex: 0 0 70%;
  }
  form#frmProductDomain
    .domain-selection-options
    div#domainowndomain
    .col-xs-3.col-3
    input {
    width: 96%;
    margin: -12px 9px 0px 9px;
  }
  form#frmProductDomain
    .domain-selection-options
    div#domainowndomain
    button.btn.btn-primary {
    margin: 3px 14px;
  }
  body
    .primary-content
    .landing-page.codeguard
    .content-block.overview-features
    li {
    width: 100%;
  }
}

@media (max-width: 361px) {
  .home-domain-search .tld-logos li {
    max-width: 47%;
  }
  form#frmManagePaymentMethod .submit-container button#btnSubmit {
    margin-right: 0px;
  }
}
/*========== V1.2.1 && V1.2.2 ========*/
.navbar.hide-logo .navbar-brand {
  display: none;
}
.navbar.hide-logo .container {
  justify-content: flex-end;
}
.body-background-20i .landing-page.sitebuilder .bold-line {
  background-color: #ff4242;
}
.body-background-20i .landing-page.sitebuilder .nav-tabs a.active,
.body-background-20i .landing-page.sitebuilder .nav-tabs a.active:focus,
.body-background-20i .landing-page.sitebuilder .nav-tabs a.active:hover {
  color: #ff4242;
}
.body-background-20i .landing-page.sitebuilder .btn-primary {
  background-color: #ff4242;
  border-color: #ff4242;
}
.body-background-20i .landing-page.sitebuilder .btn-primary:hover {
  background-color: transparent;
  border-color: #ff4242;
  color: #ff4242;
}
.body-background-20i .landing-page.sitebuilder .features img {
  filter: brightness(0);
}
.body-background-20i .landing-page.sitebuilder .intro {
  background-color: #ffeded;
}
.body-background-20i .landing-page.sitebuilder .pricing,
.body-background-20i .landing-page.sitebuilder .hero {
  background-color: #ff4242;
}
.body-background-20i .landing-page.sitebuilder .pricing .btn-primary.large {
  background-color: #ffffff;
  border-color: #ffffff;
  color: #ff4242;
}
.body-background-20i
  .landing-page.sitebuilder
  .pricing
  .btn-primary.large:hover {
  background-color: transparent;
  border-color: #ffffff;
  color: #fff;
}
.body-background-20i .landing-page.sitebuilder .hero img {
  width: inherit;
}
.body-background-20i .landing-page.sitebuilder .intro .learn-more {
  color: #ff4242;
}
.primary-content .landing-page.marketgoo #features .plan .btn-signup {
  background-color: #ff4242;
  border-color: #ff4242;
}
@media screen and (max-width: 575px) {
  .landing-page.sitebuilder h2 {
    font-size: 1.5rem;
  }
}
#footer .list-inline.float-lg-right {
  display: block;
  width: 100%;
  border-bottom: 1px solid #f66;
  padding-bottom: 20px;
  margin-bottom: 30px;
}
#footer .list-inline.float-lg-right .list-inline-item a.btn {
  min-width: auto;
  padding: 0;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ff4242;
  border-radius: 3px;
  transition: 0.4s ease;
  margin-bottom: 7px !important;
}
#footer .list-inline.float-lg-right .list-inline-item a.btn:hover {
  background-color: #ff7d7d;
  color: #fff;
  border-radius: 20px;
}
/*========== V1.2.1 && V1.2.2 End ========*/
/*========== V1.2.3 ========*/
.client-home-cards .list-group {
  max-height: 250px;
}
#order-standard_cart .secondary-cart-body div#calcTaxes form {
  display: unset;
}
#order-standard_cart .secondary-cart-body div#calcTaxes form label {
  color: #fff;
}
#order-standard_cart .secondary-cart-body .view-cart-tabs li.nav-item {
  margin-bottom: 15px;
  padding-right: 12px;
}
#order-standard_cart .secondary-cart-body .view-cart-tabs ul li.nav-item a {
  background: transparent;
}
#order-standard_cart
  .secondary-cart-body
  .view-cart-tabs
  ul
  li.nav-item
  a.active {
  background: #3372bd;
  color: #fff;
  border-radius: 0;
  padding: 5px;
}
#order-standard_cart .secondary-cart-body div#calcTaxes form button {
  background: #3372bd;
  color: #fff;
  border: #3372bd;
}
#order-standard_cart
  #frmCheckout
  .sub-heading-borderless
  span.primary-bg-color {
  text-align: center;
}
button#btnExistingLogin {
  margin-bottom: 15px;
}
form#frmConfigureDomains .row.addon-products .col-sm-4 {
  flex: 0 0 33.33333%;
  max-width: 33.33333%;
}
#frmCheckout .text-center p {
  background: #fff;
  padding: 15px 0px;
}
.recent-ticket .truncate {
  white-space: normal;
}

/* Editing of style */
.link {
  color: #ffffff;
} /* CSS link color (red) */
.link:hover {
  color: #f3f3f3;
} /* CSS link hover (green) */

.linkfooter {
  font-size: 18px;
  display: flex;
  flex-wrap: wrap;
  /*margin: 0 25px 5px 0;*/
  list-style: none;
  text-transform: uppercase;
  font-variant: all-petite-caps;
  justify-content: center;
  padding: 0;
  margin: 5px;
}

/* Header Style */
header.header .logo-img {
  max-height: 60px !important;
}

body header.header .main-navbar-wrapper .navbar-nav a {
  font-weight: 500 !important;
}

header.header .main-navbar-wrapper .navbar-nav ul.dropdown-menu li a {
  text-align: -webkit-auto !important;
}

header.header .navbar.navbar-expand-xl.main-navbar-wrapper.login-20i-header {
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px !important;
}

li#Secondary_Navbar-Account ul.dropdown-menu.dropdown-menu-right li a {
  font-size: 14px;
  text-align: -webkit-auto;
  font-weight: normal;
}

.client-home-cards .card-header {
  background: #21252940 !important;
}

header.header .topbar {
  background-color: darkslategrey;
}

.header-lined p {
  font-weight: normal;
  text-align: center;
}

.body-rtl #order-standard_cart .header-lined h1 {
  text-align: center !important;
}

/* Footer Style */
footer.footer .copyright {
  font-size: 11px !important;
}

footer.footer .btn {
  padding: 8px 8px !important;
}

#footer .list-inline.float-lg-right {
  border-bottom: 1px solid #e55966 !important;
}

#footer
  ul.nav.justify-content-center.justify-content-lg-start
  .nav-item:last-child {
  margin-right: 0.5rem !important;
}

footer.footer .nav-link {
  font-weight: normal;
}

.client-home-cards .list-group .list-group-item .label-success,
.dataTables_wrapper .status-active {
  width: auto;
}

/* Sidebar List Style */
.card > .card-header + .list-group,
.card > .list-group + .card-footer,
.mc-promo-login > .card-header + .list-group,
.mc-promo-login > .list-group + .card-footer,
.mc-promo-manage > .card-header + .list-group,
.mc-promo-manage > .list-group + .card-footer {
  background: #f6f6f6;
}

.sidebar .card-sidebar .card-header,
.sidebar .card-sidebar .list-group-item:hover,
#order-standard_cart .cart-sidebar .list-group-item:hover,
#order-standard_cart .cart-sidebar .list-group-item.active,
#order-standard_cart .cart-sidebar .panel-heading.card-header,
div#registration .intl-tel-input.separate-dial-code .selected-flag {
  background-color: #f6f6f6;
}

.body-rtl .sidebar .card-sidebar .list-group-item {
  font-weight: normal;
}

.sidebar .card-sidebar .list-group-item,
#order-standard_cart .cart-sidebar .list-group-item {
  font-weight: normal;
  padding-bottom: 0;
}

.card-sidebar .collapsable-card-body .card-body,
.card-sidebar .collapsable-card-body .card-body strong,
.dataTables_wrapper .dataTables_info {
  font-weight: normal;
}

/* Login Style */
.primary-content .login-form .card {
  direction: ltr !important;
}

.body-rtl
  form.login-form
  .input-group.input-group-merge
  .input-group-prepend
  span {
  padding-left: 10px !important;
}

.primary-content .login-form .card {
  border-radius: 10px !important;
  box-shadow: 0 0 30px rgb(0 0 0 / 12%) !important;
  background-color: #ffffff !important;
  max-width: 540px !important;
}

::placeholder {
  color: #a9a9a996 !important;
  font-weight: normal !important;
  opacity: 1;
}

.login-form button#login {
  min-width: 100% !important;
}

.login-form div.text-right {
  padding-top: 0px !important;
}

.login-form .card-body .text-right label {
  top: 0px !important;
}

.body-rtl .login-form .card-body .mb-4:first-child {
  text-align: center !important;
}

.login-form .card-body .mb-4:first-child {
  text-align: center !important;
}

/* Order Standart Cart Style */
#order-standard_cart .header-lined h1,
.card.mass-payment-card .card-body .card-title,
.announcement-card .card-title {
  background-color: #ffffff;
  padding: 10px 22px;
  font-size: 25px;
  line-height: 30px;
  color: #000;
  font-weight: 700;
  text-align: center;
  box-shadow: 0px 5px 7px 0px rgb(42 46 54 / 11%);
}

body #order-standard_cart .products#products .product header {
  background: transparent;
  margin-bottom: 0px;
  text-align: center;
  border-radius: 15px 15px 0 0;
  background-color: #ffd7006b;
  padding: 15px 0px 15px 0px;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px !important;
}

body #order-standard_cart .products#products .product div.product-desc {
  padding: 0px 1px 5px !important;
}

#order-standard_cart .products .row.row-eq-height .product div.product-desc p {
  font-size: 14px;
  line-height: 25px;
  color: #5e5e5e;
  background: #f9f9f9a8;
  border-radius: 0ch;
  padding-inline: 0ch;
  margin-inline-end: 0ch;
  padding: 10px;
}

body #order-standard_cart .products .btn-success {
  letter-spacing: 0px !important;
}

body #order-standard_cart .products#products .product div.product-pricing {
  display: table !important;
}

.client-home-cards .card-body p,
.client-home-cards .list-group .list-group-item,
.home-page-slider-panel .promo-banner .content ul li,
.card-body.store-promoted-product ul li {
  font-weight: normal !important;
}

.div-service-item {
  display: grid !important;
}

.account-section-main-20i .action-icon-btns a {
  padding: 20px 15px !important;
}

.div-service-item {
  display: grid !important;
}

.div-service-buttons {
  direction: ltr;
  width: 100%;
}

.btn-group-sm > .btn,
.btn-sm {
  font-weight: normal;
}

.div-service-name > span {
  margin-bottom: 3px;
  text-align: -webkit-left;
  color: brown;
  font-weight: normal !important;
}

.client-home-cards .list-group .list-group-item .label-success,
.dataTables_wrapper .status-active {
  max-width: 100px;
}

.text-right {
  font-weight: 600;
}

/* letter-spacing */
.master-breadcrumb .breadcrumb li.breadcrumb-item a {
  letter-spacing: 0px !important;
}

.btn-default {
  letter-spacing: 0px !important;
}

header.header a.login-btn-20i,
header.header a.register-btn-20i,
#frmCheckout button#btnCompleteOrder,
#frmProductDomainSelections button#btnDomainContinue,
#DomainSearchResults .domain-price button.btn-add-to-cart {
  letter-spacing: 0px !important;
}

form#frmDomainTransfer button#btnTransferDomain,
div#ticketReplyContainer .form-group input.btn.btn-primary,
div#ticketReplyContainer .form-group input.btn.btn-default,
.submit-ticket-two-20i p .btn.btn-primary,
.submit-ticket-two-20i p .btn.btn-default,
form#frmManagePaymentMethod button#btnSubmit,
form#frmManagePaymentMethod .form-group.submit-container .btn.btn-default,
form#frmConfigureDomains button.btn.btn-primary,
#order-standard_cart .mc-promos.viewcart .btn-add,
#order-standard_cart .mc-promos.checkout .btn-add,
.modal button.btn.btn-primary,
.modal button.btn.btn-default,
.already-registered.clearfix button#btnAlreadyRegistered,
.account-manage-20i .btn-primary,
.account-manage-20i .btn-default,
.account-manage-20i .btn-danger,
.payment-methods-20i table#payMethodList .btn-set-default,
.payment-methods-20i table#payMethodList .btn-default,
.using-password-strength .btn-primary,
.using-password-strength .btn-default,
.btn-primary,
.btn-default {
  letter-spacing: 0px !important;
}

div#carousel-20i-notification .carousel-item a span {
  letter-spacing: 0px;
}

/*  */
.domainchecker-homepage-captcha div#default-captcha-domainchecker p {
  font-weight: normal;
}

.wsla-order-clean-page .controls label {
  margin-bottom: 0px;
  font-weight: normal;
}

.wsla-order-clean-page p {
  font-weight: normal;
}

.primary-content .form-control {
  font-weight: normal;
  /* width: fit-content; */
}

.bg-danger {
  background-color: #ffffff !important;
}

.mergecolor {
  font-size: 20px;
  color: #000;
  font-weight: 800;
  background: #fff;
  padding: 10px;
  border-radius: 3px;
  border: 1px solid #dc354542;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px !important;
}

.subtitle {
  font-size: 17px;
  color: #6b788b;
  font-weight: normal;
  line-height: 120%;
}

.home-page-slider-panel {
  background-color: #3699ff !important;
}

.list-inline-item {
  margin-right: 0.5rem !important;
}

.justify-content-center {
  direction: ltr !important;
  justify-content: center !important;
}

.small,
small {
  font-size: 100%;
}

.home-domain-search .tld-logos li {
  margin: 5px 5px;
  font-weight: normal;
  max-width: 150px;
  width: 100%;
  display: inline-block;
  border-radius: 5px;
  background-color: #ffbd58e6;
  padding: 5px 20px;
  color: #fefefe;
  line-height: 1;
  font-size: 14px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}

.home-domain-search .tld-logos li span.price-hm-20i {
  font-size: 20px;
  font-weight: normal;
}

.captcha-20i .col-md-8.offset-md-2.col-10.offset-1 {
  padding: 5px 40px 0px;
}

#registration .captcha-20i #default-captcha-domainchecker #inputCaptcha {
  margin-right: -20px;
}

.form-check-input {
  margin-right: -20px;
}

.contact-page-20i div#default-captcha-domainchecker p {
  font-weight: normal;
}

/* Order Standard Cart */

#order-standard_cart .domain-promo-box a.btn.btn-warning,
#order-standard_cart .domain-promo-box a.btn.btn-primary {
  letter-spacing: 0px;
}

#order-standard_cart
  form#frmDomainChecker
  .default-captcha.default-captcha-register-margin
  > div {
  direction: ltr;
}

/* About */
.TextTitle {
  font-weight: 700;
  line-height: 160%;
  font-size: 30px;
  color: #dc143c;
}

.TitleB {
  line-height: 40px;
}

.body-rtl .login-form .card-body .text-right label input {
  margin: 0 !important;
}

.login-form div.float-left {
  width: 100% !important;
}

@media (max-width: 991px) {
  #footer ul.nav.justify-content-center.justify-content-lg-start .nav-item {
    margin: 0px 5px 5px;
  }
}

/* @media (min-width: 1800px) {
  .container {
    max-width: 1620px;
  }
} */

@media (min-width: 1440px) {
  .container {
    max-width: 1440px;
  }
}

/* /////////////// Old Custom /////////////// */

/* *****************************************************

    ** Custom Stylesheet **

    Any custom styling you want to apply should be
    defined here.

***************************************************** */

/* Custom CSS for Nexus Cart
 *
 * This block allows you to customize theme colors and styles for the entire Nexus Cart template.
 *
 * To customize colors:
 * - Replace the var() references with your own hex colors or other CSS values.
 * - For example, instead of --primary: #4b5563; use --primary: #your-color;
 * - You can also override any CSS properties here.
 */

html {
  font-size: 14px;
}

:root {
  --white: #fff;

  /* Neutral shades */
  --neutral-50: #fbf9fa;
  --neutral-100: #f4f5f7;
  --neutral-200: #e4e4e7;
  --neutral-300: #d0d5dd;
  --neutral-400: #9ca3af;
  --neutral-500: #6b7280;
  --neutral-600: #4b5563;
  --neutral-700: #374151;
  --neutral-800: #1f2937;
  --neutral-900: #111827;
  --neutral-950: #030712;

  /* Neutral shades */
  /* define own pallet with brand colors */
  --primary-50: var(--neutral-50);
  --primary-100: var(--neutral-100);
  --primary-200: var(--neutral-200);
  --primary-300: var(--neutral-300);
  --primary-400: var(--neutral-400);
  --primary-500: var(--neutral-500);
  --primary-600: var(--neutral-600);
  --primary-700: var(--neutral-700);
  --primary-800: var(--neutral-800);
  --primary-900: var(--neutral-900);
  --primary-950: var(--neutral-900);

  /* Primary colors */
  /* Use shades from comments if `primary` colors use other colors, then neutral */
  --primary: var(--neutral-900); /* var(--primary-600) */
  --primary-lifted: var(--neutral-800); /* var(--primary-700) */
  --primary-accented: var(--neutral-700); /* var(--primary-800) */

  /* Secondary colors */
  --secondary: var(--neutral-500);
  --secondary-lifted: var(--neutral-600);
  --secondary-accented: var(--neutral-700);

  /* Success colors */
  --success: #00a63e;
  --success-lifted: #008236;
  --success-accented: #016630;

  /* Info colors */
  --info: #155dfc;
  --info-lifted: #1447e6;
  --info-accented: #193cb8;

  /* Notice colors */
  --notice: #7f22fe;
  --notice-lifted: #7008e7;
  --notice-accented: #5d0ec0;

  /* Warning colors */
  --warning: #f54a00;
  --warning-lifted: #ca3500;
  --warning-accented: #9f2d00;

  /* Error colors */
  --error: #e7000b;
  --error-lifted: #c10007;
  --error-accented: #9f0712;

  /* Grayscale colors */
  --grayscale: var(--neutral-900);
  --grayscale-lifted: var(--neutral-800);
  --grayscale-accented: var(--neutral-700);

  /* Neutral colors */
  --neutral: var(--neutral-500);
  --neutral-lifted: var(--neutral-600);
  --neutral-accented: var(--neutral-700);

  /* Text neutral colors */
  --text-inverted: var(--white);
  --text-muted: var(--neutral-400);
  --text-lifted: var(--neutral-500);
  --text-accented: var(--neutral-600);
  --text: var(--neutral-900);

  /* Border neutral colors */
  --border-muted: var(--neutral-200);
  --border: var(--neutral-300);
  --border-lifted: var(--neutral-400);
  --border-accented: var(--neutral-600);

  /* Background neutral colors */
  --bg: var(--white);
  --bg-muted: var(--neutral-50);
  --bg-lifted: var(--neutral-100);
  --bg-accented: var(--neutral-200);
  --bg-inverted: var(--neutral-900);

  /* Additional colors */
  --yellow-200: #fff085;
  --yellow-300: #ffdf20;
  --teal-300: #46edd5;
  --teal-400: #00d5be;
  --emerald-300: #5ee9b5;
  --pink-400: #fb64b6;

  /* Additional custom properties */
  /* Font sizes */
  --text-xs: 0.625rem;
  --text-sm: 0.75rem;
  --text-md: 0.875rem;
  --text-lg: 1rem;

  /* Spacing */
  --outline-sm: 1px;
  --outline-md: 2px;
  --outline-lg: 3px;

  /* Rounding */
  --rounding-sm: 0.25rem;
  --rounding-md: 0.5rem;
  --rounding-lg: 0.75rem;

  /* Other */
  --letter-spacing: 0em;
  --disabled-opacity: 25%;
}

/* ----- Premium login (login.tpl) ----- */
.whmcs-login-premium {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  min-height: min(32rem, calc(100vh - 10rem));
  margin-bottom: 2rem;
  border-radius: 1rem;
  overflow: hidden;
  box-shadow: 0 1.5rem 3rem -1.5rem rgba(15, 23, 42, 0.35);
}

.whmcs-login-premium__brand {
  flex: 1 1 38%;
  min-width: 16rem;
  position: relative;
  background: linear-gradient(155deg, #0b1220 0%, #152238 42%, #1e3a8a 100%);
  color: #f8fafc;
  padding: 2.5rem 2rem;
  align-items: center;
  justify-content: center;
}

.whmcs-login-premium__brand-inner {
  position: relative;
  z-index: 1;
  max-width: 22rem;
}

.whmcs-login-premium__glow {
  position: absolute;
  width: 18rem;
  height: 18rem;
  border-radius: 50%;
  background: radial-gradient(
    circle,
    rgba(96, 165, 250, 0.35) 0%,
    transparent 70%
  );
  top: -4rem;
  right: -5rem;
  pointer-events: none;
}

.whmcs-login-premium__logo-mark {
  width: 3.25rem;
  height: 3.25rem;
  border-radius: 0.85rem;
  background: rgba(255, 255, 255, 0.12);
  border: 1px solid rgba(255, 255, 255, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.35rem;
  margin-bottom: 1.25rem;
  backdrop-filter: blur(8px);
}

.whmcs-login-premium__logo-mark--sm {
  width: 2.75rem;
  height: 2.75rem;
  font-size: 1.15rem;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1rem;
}

.whmcs-login-premium__eyebrow {
  font-size: 0.7rem;
  text-transform: uppercase;
  letter-spacing: 0.14em;
  opacity: 0.75;
  margin-bottom: 0.35rem;
}

.whmcs-login-premium__brand-title {
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 0.75rem;
  color: #fff;
}

.whmcs-login-premium__brand-text {
  font-size: 0.95rem;
  line-height: 1.55;
  opacity: 0.88;
  margin-bottom: 1.5rem;
}

.whmcs-login-premium__trust {
  display: flex;
  gap: 0.75rem;
  list-style: none;
  margin: 0;
  padding: 0;
}

.whmcs-login-premium__trust li {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 0.65rem;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.12);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
  opacity: 0.9;
}

.whmcs-login-premium__main {
  flex: 1 1 52%;
  min-width: min(100%, 18rem);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1.75rem 1.25rem;
  background: var(--bg-muted, #f8fafc);
}

.whmcs-login-premium__card {
  width: 100%;
  max-width: 26rem;
  background: var(--bg, #fff);
  border: 1px solid var(--border-muted, #e5e7eb);
  border-radius: 1rem;
  padding: 2rem 1.75rem 1.5rem;
  box-shadow: 0 0.5rem 1.5rem rgba(15, 23, 42, 0.06);
}

.whmcs-login-premium__card-head.d-lg-none {
  text-align: center;
  margin-bottom: 1.5rem;
}

.whmcs-login-premium__card-head.d-none.d-lg-block {
  margin-bottom: 1.5rem;
}

.whmcs-login-premium__title {
  font-size: 1.35rem;
  font-weight: 700;
  margin-bottom: 0.35rem;
  color: var(--text, #111827);
}

.whmcs-login-premium__subtitle {
  font-size: 0.9rem;
}

.whmcs-login-premium__label {
  font-size: 0.8rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--text-accented, #4b5563);
  margin-bottom: 0.35rem;
}

.whmcs-login-premium__form .form-group {
  margin-bottom: 1.15rem;
}

.whmcs-login-premium__input-group .input-group-text {
  background: var(--bg-lifted, #f3f4f6);
  border-color: var(--border, #d1d5db);
  color: var(--text-lifted, #6b7280);
}

.whmcs-login-premium__control {
  border-color: var(--border, #d1d5db);
  padding-top: 0.65rem;
  padding-bottom: 0.65rem;
  font-size: 0.95rem;
}

.whmcs-login-premium__control:focus {
  border-color: var(--info, #155dfc);
  box-shadow: 0 0 0 3px rgba(21, 93, 252, 0.15);
}

.whmcs-login-premium__reveal {
  border-color: var(--border, #d1d5db);
  background: var(--bg-lifted, #f3f4f6);
  color: var(--text-lifted, #6b7280);
}

.whmcs-login-premium__reveal:hover {
  background: var(--bg-accented, #e5e7eb);
  color: var(--text, #111827);
}

.whmcs-login-premium__link {
  color: var(--info, #155dfc);
}

.whmcs-login-premium__link:hover {
  color: var(--info-accented, #193cb8);
  text-decoration: none;
}

.whmcs-login-premium__actions {
  margin-top: 1.75rem;
}

.whmcs-login-premium__submit {
  font-weight: 600;
  padding: 0.7rem 1rem;
  border-radius: 0.65rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition:
    transform 0.15s ease,
    box-shadow 0.15s ease;
}

.whmcs-login-premium__submit:hover {
  transform: translateY(-1px);
  box-shadow: 0 0.5rem 1.25rem rgba(21, 93, 252, 0.35);
}

.whmcs-login-premium__remember {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin: 1rem 0 0;
  font-size: 0.875rem;
  color: var(--text-accented, #4b5563);
  cursor: pointer;
  margin-bottom: 0;
}

.whmcs-login-premium__remember .form-check-input {
  position: relative;
  margin-top: 0;
}

.whmcs-login-premium__footer {
  margin-top: 1.5rem;
  padding-top: 1.25rem;
  border-top: 1px solid var(--border-muted, #e5e7eb);
  font-size: 0.875rem;
  text-align: center;
}

.whmcs-login-premium__social {
  margin-top: 1.25rem;
}

.whmcs-login-premium__social .social-signin-btns {
  justify-content: center;
}

html[dir="rtl"] .whmcs-login-premium__submit .fa-arrow-right {
  transform: rotate(180deg);
}

@media (max-width: 991.98px) {
  .whmcs-login-premium {
    border-radius: 0.85rem;
    min-height: 0;
    box-shadow: 0 1rem 2rem -1rem rgba(15, 23, 42, 0.2);
  }

  .whmcs-login-premium__main {
    padding: 1.25rem 1rem 1.75rem;
  }

  .whmcs-login-premium__card {
    padding: 1.5rem 1.25rem 1.25rem;
    box-shadow: none;
  }
}

/* ==========================================================================
   WSLA Modern Base Layer
   ========================================================================== */

/* ==========================================================================
   WSLA Technology - Global Base Layer & Master Stylesheet
   ========================================================================== */

/* ===== 1. ROOT VARIABLES ===== */
:root {
  --wsla-red: #e31e24;
  --wsla-orange: #f7941d;
  --wsla-gray-bg: #f4f7f6;
  --wsla-white: #ffffff;
  --text-main: #202124;
  --text-muted: #5f6368;
  --google-gray: #dadce0;
  --wsla-dark: #1f2d3d;
  --wsla-border: #ececec;

  /* Dashboard Variables */
  --ws-bg: #f5f7fb;
  --ws-surface: #ffffff;
  --ws-surface-soft: #fafbfd;
  --ws-border: #e6ebf2;
  --ws-border-soft: #eef2f7;
  --ws-text: #2f3640;
  --ws-text-soft: #697586;
  --ws-muted: #9aa4b2;
  --ws-primary: #0b63ce;
  --ws-primary-dark: #084ea3;
  --ws-primary-soft: rgba(11, 99, 206, 0.08);
  --ws-success: #27ae60;
  --ws-danger: #e74c3c;
  --ws-warning: #f39c12;
  --ws-warning-soft: #fff4e5;
  --ws-warning-text: #b97a00;
  --ws-shadow: 0 10px 30px rgba(15, 23, 42, 0.05);
  --ws-shadow-lg: 0 18px 40px rgba(15, 23, 42, 0.08);
  --ws-radius: 18px;
  --ws-radius-sm: 12px;
  --ws-transition: 0.25s ease;
}

/* ===== 2. GLOBALS & UTILITIES ===== */
.w-hidden,
.hidden {
  display: none !important;
}

.wsla-order-clean-page {
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.wsla-order-clean-layout {
  align-items: flex-start !important;
  gap: 24px;
}

.wsla-order-clean-layout .wsla-order-clean-main {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.wsla-order-clean-card {
  background: #ffffff !important;
  width: 100% !important;
  display: flex !important;
  flex-direction: row !important;
  border-radius: 20px !important;
  border: 1px solid #edf2f7 !important;
  box-shadow: none !important;
  overflow: hidden !important;
  position: relative !important;
  padding: 30px !important;
}

div[class*="mw-540"] {
  max-width: none !important;
  width: 100% !important;
}

/* WSLA_PHASE03: legacy form block removed. */

/* WSLA_PHASE03: legacy form block removed. */

/* WSLA_PHASE03: legacy form block removed. */

/* WSLA_PHASE03: legacy form block removed. */

/* WSLA_PHASE03: legacy form block removed. */

/* WSLA_PHASE03: legacy form block removed. */

/* WSLA_PHASE03: legacy form block removed. */

/* WSLA_PHASE03: legacy form block removed. */

/* WSLA_PHASE03: legacy form block removed. */

/* WSLA_PHASE03: legacy form block removed. */

/* WSLA_PHASE03: legacy form block removed. */

.wsla-checkbox-row:hover {
  background: #f1f5f9;
  border-color: #e2e8f0;
}
.wsla-checkbox-row input[type="checkbox"] {
  width: 18px;
  height: 18px;
  margin: 0;
  cursor: pointer;
  flex-shrink: 0;
  accent-color: var(--wsla-orange, #f7941d);
}
.wsla-checkbox-row span {
  font-size: 14px;
  font-weight: 500;
  color: #334155;
}

/* Global Buttons */
.btn-submit {
  width: 100% !important;
  padding: 14px;
  background: var(--wsla-red);
  color: #fff;
  border: none;
  border-radius: 8px !important;
  font-weight: 700;
  cursor: pointer;
  transition: 0.3s;
  max-width: unset !important;
}
.btn-submit:hover {
  background: #c1191f;
}

.btn-cancel,
.wsla-btn-cancel {
  width: 100%;
  padding: 14px 24px;
  background: transparent !important;
  color: #6c757d !important;
  border: 1px solid #ced4da !important;
  border-radius: 8px;
  font-weight: 700;
  cursor: pointer;
  transition: 0.3s;
  text-align: center;
  text-decoration: none !important;
  display: inline-block;
  box-shadow: none !important;
  max-width: unset !important;
}
.btn-cancel:hover,
.wsla-btn-cancel:hover {
  background: #f8f9fa !important;
  color: #343a40 !important;
  border-color: #94a3b8 !important;
}

.btn-delete {
  width: 100%;
  max-width: fit-content;
  padding: 14px;
  background: transparent;
  color: #dc3545;
  border: 1px solid #dc3545;
  border-radius: 8px;
  font-weight: 700;
  cursor: pointer;
  transition: 0.3s;
  text-align: center;
}
.btn-delete:hover {
  background: #dc3545;
  color: #fff;
}

.wsla-form-actions {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-top: 30px;
}
.wsla-form-actions button,
.wsla-form-actions input[type="submit"],
.wsla-form-actions .btn {
  margin: 0 !important;
  flex: 1;
  padding: 12px 24px;
  border-radius: 10px;
  font-weight: 700;
  font-size: 15px;
  text-align: center;
  transition: 0.3s;
  border: 1px solid transparent;
  cursor: pointer;
  min-width: 160px;
}

/* WSLA_PHASE03: legacy form block removed. */

/* WSLA_PHASE03: legacy form block removed. */

/* WSLA_PHASE03: legacy form block removed. */

/* WSLA_PHASE03: legacy form block removed. */

*/ */ .field-error-msg {
  font-size: 13px;
  font-weight: 600;
  color: #dc2626;
  margin-top: 6px;
  display: none;
}
.has-error .field-error-msg {
  display: block !important;
}

/* ===== 4. ALERTS & NOTIFICATIONS ===== */
.wsla-custom-alert {
  position: relative;
  padding: 18px 20px;
  border-radius: 10px;
  border: none;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03);
  margin-bottom: 25px;
  overflow: hidden;
  display: flex;
  align-items: flex-start;
  transition: all 0.3s ease;
}
.wsla-custom-alert::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 6px;
  background: #ccc;
}
html[dir="ltr"] .wsla-custom-alert::before,
body:not(.body-rtl) .wsla-custom-alert::before {
  left: 0;
}
html[dir="rtl"] .wsla-custom-alert::before,
.body-rtl .wsla-custom-alert::before {
  right: 0;
}
.wsla-custom-alert.alert-danger,
.wsla-custom-alert.alert-error {
  background-color: #fef2f2 !important;
  color: #991b1b !important;
}
.wsla-custom-alert.alert-danger::before,
.wsla-custom-alert.alert-error::before {
  background-color: #ef4444;
}
.wsla-custom-alert.alert-success {
  background-color: #f0fdf4 !important;
  color: #166534 !important;
}
.wsla-custom-alert.alert-success::before {
  background-color: #22c55e;
}
.wsla-custom-alert.alert-info {
  background-color: #eff6ff !important;
  color: #1e40af !important;
}
.wsla-custom-alert.alert-info::before {
  background-color: #3b82f6;
}
.wsla-custom-alert.alert-warning {
  background-color: #fffbeb !important;
  color: #92400e !important;
}
.wsla-custom-alert.alert-warning::before {
  background-color: #f59e0b;
}

.wsla-alert-content {
  width: 100%;
}
.wsla-custom-alert .alert-title {
  display: block;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 8px;
  margin-top: 0;
}
.wsla-custom-alert .alert-title i {
  margin-inline-end: 5px;
}
.wsla-custom-alert .alert-msg {
  font-size: 15px;
  line-height: 1.6;
}
.wsla-custom-alert .alert-list {
  margin: 5px 0 0 0;
  padding-inline-start: 20px;
}
.wsla-custom-alert .alert-list li {
  font-size: 14px;
  margin-bottom: 4px;
  line-height: 1.5;
}
.wsla-custom-alert .alert-list li:last-child {
  margin-bottom: 0;
}

.ws-custom-alert {
  display: flex;
  align-items: center;
  padding: 14px 20px;
  margin-bottom: 16px;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 500;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03);
  transition:
    opacity 0.3s ease,
    margin 0.3s ease,
    padding 0.3s ease;
}
.ws-custom-alert.alert-danger,
.ws-custom-alert.alert-warning {
  background-color: #fff8f3;
  border-left: 5px solid #e4682c;
  color: #b06526;
}
html[dir="rtl"] .ws-custom-alert.alert-danger,
html[dir="rtl"] .ws-custom-alert.alert-warning {
  border-left: none;
  border-right: 5px solid #e4682c;
}

.body-rtl .alert-warning,
.ws-custom-alert,
.alert-warning,
.network-issue-alert {
  background: #fffbeb;
  border-color: #fde68a;
  color: #d97706;
  margin: 0px 0px 15px 0px;
  /* margin: 0; */
}

.ws-custom-alert.alert-info,
.ws-custom-alert.alert-success {
  background-color: #f2f7fc;
  border-left: 5px solid #1459a6;
  color: #214d7a;
}
html[dir="rtl"] .ws-custom-alert.alert-info,
html[dir="rtl"] .ws-custom-alert.alert-success {
  border-left: none;
  border-right: 5px solid #1459a6;
}
.ws-alert-icon {
  font-size: 18px;
  margin-inline-end: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.alert-danger .ws-alert-icon,
.alert-warning .ws-alert-icon {
  color: #e4682c;
}
.alert-info .ws-alert-icon,
.alert-success .ws-alert-icon {
  color: #1459a6;
}
.ws-alert-text {
  flex: 1;
  line-height: 1.6;
  margin-inline-end: 20px;
}
.ws-alert-actions-group {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
.ws-alert-link {
  color: #1459a6;
  font-weight: 700;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  transition: opacity 0.2s;
  background: rgba(20, 89, 166, 0.08);
  padding: 6px 14px;
  border-radius: 6px;
}
.alert-danger .ws-alert-link,
.alert-warning .ws-alert-link {
  color: #e4682c;
  background: rgba(228, 104, 44, 0.08);
}
.ws-alert-link:hover {
  opacity: 0.8;
  text-decoration: none;
}
.ws-alert-close {
  background: transparent;
  border: none;
  color: inherit;
  opacity: 0.5;
  font-size: 18px;
  cursor: pointer;
  padding: 4px;
  margin-inline-start: 16px;
  transition:
    opacity 0.2s,
    transform 0.2s;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ws-alert-close:hover {
  opacity: 1;
  transform: scale(1.1);
}

/* Email Verify Alert */
.ws-email-verify-alert {
  display: flex;
  align-items: center;
  padding: 14px 20px;
  margin-top: 20px;
  margin-bottom: 20px;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 500;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03);
  background-color: #fff8f3;
  border-left: 5px solid #e4682c;
  color: #b06526;
  transition: opacity 0.3s ease;
}
html[dir="rtl"] .ws-email-verify-alert,
.body-rtl .ws-email-verify-alert {
  border-left: none;
  border-right: 5px solid #e4682c;
}
.ws-email-verify-alert .ws-alert-icon {
  font-size: 20px;
  margin-inline-end: 12px;
  flex-shrink: 0;
  color: #e4682c;
}
.ws-email-verify-alert .ws-alert-text {
  flex: 1;
  line-height: 1.6;
  margin-inline-end: 20px;
}
.ws-email-verify-alert .ws-alert-actions-group {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
.ws-email-verify-alert .ws-alert-link {
  color: #e4682c;
  font-weight: 700;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  background: rgba(228, 104, 44, 0.08);
  padding: 6px 14px;
  border-radius: 6px;
  border: none;
  cursor: pointer;
  transition: opacity 0.2s;
  font-size: 13px;
}
.ws-email-verify-alert .ws-alert-link:hover {
  opacity: 0.8;
}
.ws-email-verify-alert .ws-alert-close {
  background: transparent;
  border: none;
  color: inherit;
  opacity: 0.5;
  font-size: 18px;
  cursor: pointer;
  padding: 4px;
  margin-inline-start: 16px;
  transition:
    opacity 0.2s,
    transform 0.2s;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ws-email-verify-alert .ws-alert-close:hover {
  opacity: 1;
  transform: scale(1.1);
}
.email-verification .container {
  width: 100% !important;
  padding: 5px 20px !important;
}
@media (min-width: 768px) {
  .email-verification .container {
    max-width: 85% !important;
  }
}

/* ===== 5. UI COMPONENTS (Breadcrumb, Captcha, Badges) ===== */
.wsla-breadcrumb-wrapper {
  background-color: #f8fafc;
  padding: 12px 20px;
  border-radius: 10px;
  /* box-shadow: 0 2px 10px rgba(0, 0, 0, 0.02);  */
  margin-bottom: 15px;
  margin-top: 15px;
  /* border: 1px solid #e2e8f0; */
}
.wsla-breadcrumb {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  list-style: none;
  margin: 0;
  padding: 0;
}
.wsla-breadcrumb .breadcrumb-item {
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: 500;
  color: #64748b;
}
.wsla-breadcrumb .breadcrumb-item + .breadcrumb-item::before {
  content: "\276F";
  display: inline-block;
  margin: 0 10px;
  font-size: 11px;
  color: #cbd5e1;
}
html[dir="rtl"] .wsla-breadcrumb .breadcrumb-item + .breadcrumb-item::before,
.body-rtl .wsla-breadcrumb .breadcrumb-item + .breadcrumb-item::before {
  content: "\276E";
}
.wsla-breadcrumb .breadcrumb-item a {
  /* color: #475569; */
  color: #b7b7b7;
  text-decoration: none;
  transition: color 0.2s ease;
}
.wsla-breadcrumb .breadcrumb-item a:hover {
  color: var(--wsla-orange, #f7941d);
}
.wsla-breadcrumb .breadcrumb-item.active {
  /* color: var(--wsla-orange, #f7941d); */
  color: #ff8c55;
  font-weight: 600;
  pointer-events: none;
}

.wsla-captcha-wrapper {
  margin-top: 15px;
  margin-bottom: 15px;
}
.wsla-captcha-box {
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  padding: 20px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.02);
}
.wsla-captcha-box .captcha-title {
  font-size: 15px;
  font-weight: 600;
  color: #475569;
  margin-bottom: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.wsla-captcha-box .captcha-title i {
  color: var(--wsla-orange, #f7941d);
}
.wsla-captcha-box .captcha-flex-row {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
}
.wsla-captcha-box .captcha-img-container {
  background: #fff;
  padding: 5px;
  border-radius: 8px;
  border: 1px solid #cbd5e1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.wsla-captcha-box .captcha-img-container img {
  border-radius: 4px;
  max-width: 100%;
  height: auto;
}
.wsla-captcha-box .wsla-captcha-input {
  height: 52px;
  width: 120px;
  text-align: center;
  font-size: 20px;
  letter-spacing: 2px;
  font-weight: 700;
  color: #334155;
  background: #fff;
  border: 1px solid #cbd5e1;
  border-radius: 8px;
  transition: all 0.2s ease;
  box-shadow: none;
}
.wsla-captcha-box .wsla-captcha-input:focus {
  outline: none;
  border-color: var(--wsla-orange, #f7941d);
  box-shadow: 0 0 0 3px rgba(247, 148, 29, 0.15);
}
.wsla-google-captcha {
  display: flex;
  justify-content: center;
  margin-top: 15px;
  margin-bottom: 15px;
}

.wsla-badge-verified {
  background: #dcfce7;
  color: #16a34a;
  padding: 6px 14px;
  border-radius: 50px;
  font-size: 13px;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.wsla-badge-unverified {
  background: #fef2f2;
  color: #dc2626;
  padding: 6px 14px;
  border-radius: 50px;
  font-size: 13px;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

/* ===== 6. LOGIN & REGISTRATION LAYOUT ===== */
.wsla-reg-visual {
  flex: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 60px 40px !important;
  border-inline-end: 1px solid #f1f1f1 !important;
}
.wsla-reg-form-side {
  flex: 1.2 !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  padding: 60px 50px !important;
  background: #ffffff !important;
}

/* ===== 7. HEADER & NAVBAR ===== */
.enterprise-header-wrapper {
  font-family: inherit;
  position: relative;
  z-index: 1030;
}
.ent-topbar {
  background-color: #0f172a;
  color: #94a3b8;
  padding: 8px 0;
  font-size: 0.85rem;
  font-weight: 500;
}
.ent-topbar-inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.ent-topbar-left,
.ent-topbar-right {
  display: flex;
  align-items: center;
  gap: 20px;
}
.ent-topbar a {
  color: #e2e8f0;
  text-decoration: none;
  transition: color 0.2s ease;
  display: flex;
  align-items: center;
  gap: 6px;
}
.ent-topbar a:hover {
  color: #3b82f6;
}
.ent-alerts-bar {
  background-color: #fffbeb;
  border-bottom: 1px solid #fde68a;
  padding: 10px 0;
  font-size: 0.9rem;
  color: #b45309;
  text-align: center;
  font-weight: 600;
}
.ent-alerts-bar a {
  color: #b45309;
  text-decoration: underline;
}
.ent-main-header {
  background-color: #ffffff;
  border-bottom: 1px solid #f1f5f9;
  transition: box-shadow 0.3s ease;
  position: relative;
}
.ent-main-header.is-sticky {
  position: fixed;
  top: 0;
  width: 100%;
  box-shadow: 0 4px 20px rgba(15, 23, 42, 0.05);
}
.ent-navbar {
  padding: 15px 0;
}
.ent-brand {
  font-size: 1.6rem;
  font-weight: 800;
  color: #0f172a;
  display: flex;
  align-items: center;
  gap: 10px;
  text-decoration: none !important;
}
.ent-brand img {
  max-height: 55px;
  width: auto;
}
.ent-nav-menu {
  margin: 0 auto;
}
.ent-nav-menu .nav-item {
  margin: 0 5px;
}
.ent-nav-menu .nav-link {
  color: #334155 !important;
  font-weight: 500 !important;
  font-size: 0.95rem;
  padding: 10px 16px !important;
  border-radius: 6px;
  transition: all 0.2s ease;
}
.ent-nav-menu .nav-link:hover,
.ent-nav-menu .active > .nav-link {
  color: #2563eb !important;
  background-color: #f8fafc;
}
.ent-navbar .dropdown-menu {
  border: 1px solid #e2e8f0;
  box-shadow: 0 15px 35px rgba(15, 23, 42, 0.08);
  border-radius: 12px;
  padding: 10px 0;
  margin-top: 15px;
  animation: fadeInDrop 0.3s ease forwards;
}
@keyframes fadeInDrop {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.ent-navbar .dropdown-item {
  padding: 10px 20px;
  font-weight: 500;
  color: #475569;
  transition: all 0.2s ease;
}
.ent-navbar .dropdown-item:hover {
  background-color: #f8fafc;
  color: #2563eb;
  padding-inline-start: 25px;
}
.ent-actions {
  display: flex;
  align-items: center;
  gap: 12px;
}
.ent-search-trigger {
  color: #475569;
  font-size: 1.2rem;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  transition: all 0.2s ease;
  cursor: pointer;
  background: transparent;
  border: none;
}
.ent-search-trigger:hover {
  background-color: #f1f5f9;
  color: #2563eb;
}
.ent-cart-btn {
  display: flex;
  align-items: center;
  gap: 8px;
  background-color: #f8fafc;
  border: 1px solid #e2e8f0;
  padding: 8px 16px;
  border-radius: 50px;
  color: #0f172a;
  font-weight: 700;
  font-size: 0.9rem;
  text-decoration: none !important;
  transition: all 0.2s ease;
}
.ent-cart-btn:hover {
  background-color: #f1f5f9;
  border-color: #cbd5e1;
  color: #2563eb;
}
.ent-cart-badge-new {
  background-color: #ef4444;
  color: #ffffff;
  font-size: 0.75rem;
  padding: 2px 8px;
  border-radius: 20px;
}
.ent-nav-menu-secondary {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  margin: 0;
  padding: 0;
}
.ent-nav-menu-secondary .nav-item {
  list-style: none;
  margin: 0;
}
.ent-nav-menu-secondary .nav-link {
  color: #0f172a !important;
  font-weight: 600;
  font-size: 0.95rem;
  background-color: #f8fafc;
  border: 1px solid #e2e8f0;
  padding: 8px 16px !important;
  border-radius: 50px;
  transition: all 0.2s ease;
  display: flex;
  align-items: center;
  gap: 6px;
}
.ent-nav-menu-secondary .nav-link:hover,
.ent-nav-menu-secondary .show > .nav-link {
  background-color: #f1f5f9;
  border-color: #cbd5e1;
  color: #2563eb !important;
}
.ent-btn-text {
  color: #334155;
  font-weight: 600;
  font-size: 0.95rem;
  padding: 10px 15px;
  text-decoration: none !important;
  transition: color 0.2s ease;
}
.ent-btn-text:hover {
  color: #2563eb;
}
.ent-btn-primary {
  background-color: #2563eb;
  color: #ffffff !important;
  font-weight: 600;
  font-size: 0.95rem;
  padding: 10px 24px;
  border-radius: 8px;
  transition: all 0.2s ease;
  text-decoration: none !important;
  border: 1px solid #2563eb;
  display: flex;
  align-items: center;
  gap: 8px;
}
.ent-btn-primary:hover {
  background-color: #1d4ed8;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(37, 99, 235, 0.2);
}
.ent-navbar-toggler {
  border: none;
  background: transparent;
  font-size: 1.5rem;
  color: #0f172a;
  padding: 5px;
  cursor: pointer;
}
.ent-mega-search {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  background-color: #ffffff;
  padding: 25px 0;
  box-shadow: 0 15px 30px rgba(15, 23, 42, 0.08);
  border-top: 1px solid #f1f5f9;
  z-index: 1020;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-15px);
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.ent-mega-search.is-active {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.ent-search-form {
  display: flex;
  align-items: center;
  max-width: 800px;
  margin: 0 auto;
  background: #f8fafc;
  border: 2px solid #e2e8f0;
  border-radius: 12px;
  padding: 8px 20px;
  transition: all 0.3s ease;
}
.ent-search-form:focus-within {
  border-color: #2563eb;
  background: #ffffff;
  box-shadow: 0 5px 15px rgba(37, 99, 235, 0.05);
}
.ent-search-input {
  flex-grow: 1;
  border: none;
  background: transparent;
  padding: 12px 15px;
  font-size: 1.15rem;
  outline: none;
  color: #0f172a;
}
.ent-search-input::placeholder {
  color: #94a3b8;
}
.ent-search-submit {
  background: transparent;
  border: none;
  color: #2563eb;
  font-size: 1.3rem;
  cursor: pointer;
}
.ent-search-close {
  background: transparent;
  border: none;
  color: #64748b;
  font-size: 1.5rem;
  cursor: pointer;
  margin-inline-start: 15px;
  transition: color 0.2s ease;
}
.ent-search-close:hover {
  color: #ef4444;
}

/* ===== 8. FOOTER ===== */
.modern-dark-footer {
  background-color: #242933;
  padding-top: 80px;
  font-family: inherit;
  color: #8b94a5;
}
.mdf-brand {
  font-size: 1.6rem;
  font-weight: 800;
  color: #ffffff;
  margin-bottom: 25px;
  display: flex;
  align-items: center;
}
.mdf-brand i {
  color: #3b82f6;
  font-size: 1.8rem;
  margin-inline-end: 10px;
}
.mdf-desc {
  font-size: 0.95rem;
  line-height: 1.8;
  color: #94a3b8;
  margin-bottom: 25px;
  max-width: 95%;
}
.mdf-socials ul {
  list-style: none;
  padding: 0;
  margin: 0 0 30px 0;
  display: flex;
  gap: 12px;
}
.mdf-socials ul li a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  background-color: rgba(255, 255, 255, 0.05);
  color: #94a3b8;
  border-radius: 8px;
  transition: all 0.3s ease;
  text-decoration: none;
  font-size: 1.1rem;
}
.mdf-socials ul li a:hover {
  background-color: #3b82f6;
  color: #ffffff;
  transform: translateY(-3px);
}
.mdf-heading {
  color: #f8fafc;
  font-weight: 700;
  font-size: 1.2rem;
  margin-bottom: 20px;
  margin-top: 0;
}
.mdf-heading.mt-5 {
  margin-top: 45px !important;
}
.mdf-links {
  list-style: none;
  padding: 0;
  margin: 0;
}
.mdf-links li {
  margin-bottom: 5px;
}
.mdf-links a {
  color: #8b94a5;
  text-decoration: none;
  font-size: 0.95rem;
  line-height: 0.5 !important;
  transition: all 0.3s ease;
  display: inline-block;
}
.mdf-links a:hover {
  color: #3b82f6;
}
.mdf-lang-btn {
  background-color: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.1);
  color: #cbd5e1;
  padding: 10px 20px;
  border-radius: 8px;
  font-size: 0.9rem;
  display: flex;
  align-items: center;
  gap: 12px;
  transition: all 0.3s ease;
  width: 100%;
  max-width: 250px;
  justify-content: space-between;
  cursor: pointer;
  margin-bottom: 30px;
}
.mdf-lang-btn:hover {
  background-color: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.2);
  color: #ffffff;
}
.mdf-lang-btn i.fa-globe {
  color: #3b82f6;
  font-size: 1.1rem;
}
.mdf-payments-section {
  border-top: 1px solid rgba(255, 255, 255, 0.05);
  padding: 30px 0;
  margin-top: 40px;
}
.mdf-payments-wrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 12px;
}
.mdf-payments-title {
  font-size: 0.95rem;
  font-weight: 600;
  color: #cbd5e1;
  margin: 0;
  margin-inline-end: 20px;
}
.mdf-payment-pill {
  background-color: #ffffff;
  padding: 6px 12px;
  border-radius: 6px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 38px;
  transition:
    transform 0.3s ease,
    box-shadow 0.3s ease;
}
.mdf-payment-pill:hover {
  transform: translateY(-3px);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}

.mdf-payment-pill img {
  height: 22px;
  width: auto;
  object-fit: contain;
}
.mdf-payment-pill svg {
  width: 100%;
  height: auto;
  max-height: 24px;
}

.mdf-bottom-bar {
  background-color: #f1f5f9;
  padding: 20px 0;
}
.mdf-copyright {
  font-size: 0.9rem;
  color: #475569;
  margin: 0;
  text-align: -webkit-auto;
}
.mdf-legal-links {
  display: flex;
  gap: 20px;
  list-style: none;
  padding: 0;
  margin: 0;
  justify-content: flex-end;
}
html[dir="rtl"] .mdf-legal-links {
  justify-content: flex-start;
}
.mdf-legal-links a {
  color: #475569;
  font-size: 0.9rem;
  text-decoration: none;
  transition: color 0.3s ease;
}
.mdf-legal-links a:hover {
  color: #3b82f6;
}

/* ===== 9. HOMEPAGE: HERO & DOMAIN SEARCH ===== */
.premium-domain-search {
  position: relative;
  padding: 50px 0;
  font-family: inherit;
  overflow: hidden;
  background:
    radial-gradient(
      circle at top left,
      rgba(243, 107, 36, 0.1),
      transparent 28%
    ),
    radial-gradient(
      circle at bottom right,
      rgba(59, 130, 246, 0.1),
      transparent 30%
    ),
    linear-gradient(180deg, #f8fafc 0%, #fff4e4 100%);
}
.premium-domain-search::before {
  content: "";
  position: absolute;
  inset: 0;
  background-size: 40px 40px;
  opacity: 0.25;
  pointer-events: none;
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.35) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.35) 1px, transparent 1px);
}
.premium-domain-inner {
  position: relative;
  z-index: 2;
  background: rgba(255, 255, 255, 0.72);
  /* border-radius: 30px; */
  /* border-top-left-radius: 30px;
  border-top-right-radius: 30px; */
  border-bottom-right-radius: 30px;
  border-bottom-left-radius: 30px;

  padding: 130px 100px 35px;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
.illustration-wrapper {
  text-align: center;
  animation: floatImage 4.5s ease-in-out infinite;
}
@keyframes floatImage {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-8px);
  }
  100% {
    transform: translateY(0px);
  }
}
.custom-domain-img {
  max-width: 100%;
  height: auto;
  filter: drop-shadow(0 18px 30px rgba(15, 23, 42, 0.08));
}
.search-heading-wrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 14px 20px;
  margin-bottom: 20px;
}
.search-title {
  font-size: 2.6rem;
  line-height: 1.2;
  letter-spacing: -0.5px;
  font-weight: 800;
  color: #0f172a;
  margin: 0;
}
.search-title span {
  color: #f36b24;
}
.search-subtitle {
  font-size: 1.08rem;
  color: #64748b;
  margin: 0;
  max-width: 540px;
}
.domain-trust-points {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 0 0 24px 0;
}
.domain-trust-points span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(255, 255, 255, 0.88);
  border: 1px solid #e2e8f0;
  color: #475569;
  padding: 9px 14px;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 700;
  box-shadow: 0 6px 18px rgba(15, 23, 42, 0.04);
}
.search-input-container {
  display: flex;
  align-items: center;
  gap: 10px;
  background: rgba(255, 255, 255, 0.96);
  border: 1px solid #e2e8f0;
  border-radius: 20px;
  padding: 10px;
  box-shadow: 0 18px 40px rgba(15, 23, 42, 0.06);
  transition: all 0.3s ease;
}
.search-input-container:focus-within {
  border-color: #f36b24;
  box-shadow: 0 22px 45px rgba(243, 107, 36, 0.12);
  transform: translateY(-1px);
}
.search-input-container input {
  flex-grow: 1;
  width: 100%;
  border: none;
  background: transparent;
  padding: 18px 22px;
  font-size: 1.08rem;
  color: #1e293b;
  outline: none;
}
.search-input-container input::placeholder {
  color: #94a3b8;
}
.search-btn,
.transfer-btn {
  border: none;
  border-radius: 14px;
  padding: 16px 24px;
  font-size: 1rem;
  font-weight: 700;
  cursor: pointer;
  transition: all 0.3s ease;
  white-space: nowrap;
  min-height: 58px;
}
.search-btn {
  background: linear-gradient(135deg, #f36b24 0%, #ea580c 100%);
  color: #fff;
  box-shadow: 0 12px 24px rgba(243, 107, 36, 0.25);
}
.search-btn:hover {
  color: #fff;
  transform: translateY(-3px);
  box-shadow: 0 18px 30px rgba(243, 107, 36, 0.35);
}
.transfer-btn {
  background: #fff;
  color: #334155;
  border: 1px solid #dbeafe;
  box-shadow: 0 8px 18px rgba(15, 23, 42, 0.04);
}
.transfer-btn:hover {
  background: #f8fafc;
  color: #0f172a;
  transform: translateY(-2px);
  border-color: #cbd5e1;
}
.domain-prices-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  margin-top: 22px;
}
.domain-price-item {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(255, 255, 255, 0.92);
  border: 1px solid #e2e8f0;
  border-radius: 999px;
  padding: 10px 14px;
  color: #64748b;
  font-size: 0.98rem;
  box-shadow: 0 6px 18px rgba(15, 23, 42, 0.04);
  transition: all 0.25s ease;
}
.domain-price-item:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 24px rgba(15, 23, 42, 0.07);
}
.domain-ext {
  font-weight: 800;
  color: #0f172a;
  text-transform: uppercase;
}
.domain-price {
  font-weight: 700;
  color: #f36b24;
}
.domain-extra-link {
  margin-top: 18px;
}
.domain-extra-link a {
  display: inline-block;
  color: #2563eb;
  font-size: 0.95rem;
  font-weight: 700;
  text-decoration: none;
}
.domain-extra-link a:hover {
  text-decoration: underline;
}

.ws-premium-hero {
  position: relative;
  overflow: hidden;
  padding: 42px 0 100px;
  background: aliceblue;
  font-family: inherit;
}
.ws-premium-hero:before {
  content: "";
  position: absolute;
  inset: 0;
  background-size: 42px 42px;
  pointer-events: none;
  z-index: 1;
}
.hero-swiper {
  position: relative;
  z-index: 2;
  width: 100%;
  padding-bottom: 60px;
}
.ws-premium-wrap {
  align-items: center;
}
.ws-premium-content {
  max-width: 620px;
  opacity: 0;
  transform: translateY(20px);
  transition: all 0.8s ease;
}
.swiper-slide-active .ws-premium-content {
  opacity: 1;
  transform: translateY(0);
}
.ws-premium-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 18px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid #e2e8f0;
  color: #f36b24;
  font-size: 13px;
  font-weight: 800;
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.04);
  margin-bottom: 25px;
}
.ws-premium-title {
  font-size: 3.4rem;
  line-height: 1.15;
  font-weight: 900;
  letter-spacing: -1px;
  color: #0f172a;
  margin-bottom: 20px;
}
.ws-premium-title .accent {
  color: #f36b24;
  position: relative;
  display: inline-block;
}
.ws-premium-text {
  font-size: 1.1rem;
  line-height: 1.8;
  color: #475569;
  margin-bottom: 30px;
  max-width: 560px;
}
.ws-premium-features {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 35px;
  padding: 0;
  list-style: none;
}
.ws-premium-features li {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid #e2e8f0;
  border-radius: 999px;
  padding: 10px 18px;
  color: #1e293b;
  font-size: 14px;
  font-weight: 700;
  box-shadow: 0 8px 20px rgba(15, 23, 42, 0.03);
}
.ws-premium-features li i {
  color: #f36b24;
  font-size: 14px;
}
.ws-premium-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  margin-bottom: 40px;
}
.ws-premium-btn,
.ws-premium-btn-outline {
  min-height: 58px;
  padding: 0 30px;
  border-radius: 16px;
  font-weight: 800;
  font-size: 15px;
  text-decoration: none !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}
.ws-premium-btn {
  background: linear-gradient(135deg, #f36b24 0%, #ea580c 100%);
  color: #fff;
  box-shadow: 0 16px 30px rgba(243, 107, 36, 0.25);
}
.ws-premium-btn:hover {
  color: #fff;
  transform: translateY(-3px);
  box-shadow: 0 20px 36px rgba(243, 107, 36, 0.35);
}
.ws-premium-btn-outline {
  background: rgba(255, 255, 255, 0.9);
  color: #0f172a;
  border: 1px solid #cbd5e1;
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.04);
}
.ws-premium-btn-outline:hover {
  color: #0f172a;
  transform: translateY(-3px);
  background: #ffffff;
  border-color: #94a3b8;
}
.ws-premium-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
}
.ws-meta-item strong {
  display: block;
  font-size: 1.5rem;
  line-height: 1.2;
  color: #0f172a;
  font-weight: 900;
  margin-bottom: 4px;
}
.ws-meta-item span {
  color: #64748b;
  font-size: 14px;
  font-weight: 600;
}
.ws-premium-visual {
  position: relative;
  opacity: 0;
  transform: scale(0.95);
  transition: all 0.8s ease 0.2s;
}
.swiper-slide-active .ws-premium-visual {
  opacity: 1;
  transform: scale(1);
}
.ws-premium-card {
  position: relative;
  padding: 20px;
}
.ws-premium-card:before {
  content: "";
  position: absolute;
  top: 0;
  width: 250px;
  height: 250px;
  background: rgba(243, 107, 36, 0.12);
  border-radius: 50%;
  filter: blur(40px);
  z-index: 0;
}
.ws-premium-card:after {
  content: "";
  position: absolute;
  bottom: 0;
  width: 250px;
  height: 250px;
  background: rgba(37, 99, 235, 0.12);
  border-radius: 50%;
  filter: blur(40px);
  z-index: 0;
}
.ws-premium-image {
  position: relative;
  z-index: 2;
  text-align: center;
}
.ws-premium-image img {
  max-width: 100%;
  height: auto;
  filter: drop-shadow(0 15px 25px rgba(15, 23, 42, 0.06));
  animation: wsHeroFloat 5s ease-in-out infinite;
}
@keyframes wsHeroFloat {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-12px);
  }
}
.ws-mini-floating-box {
  position: absolute;
  z-index: 3;
  background: rgba(255, 255, 255, 0.95);
  border: 1px solid #e2e8f0;
  border-radius: 18px;
  padding: 14px 20px;
  box-shadow: 0 20px 40px rgba(15, 23, 42, 0.08);
  font-size: 15px;
  font-weight: 800;
  color: #0f172a;
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  animation: boxFloat 4s ease-in-out infinite alternate;
}
.ws-mini-floating-box.one {
  top: 25px;
  animation-delay: 0.5s;
}
.ws-mini-floating-box.two {
  bottom: 35px;
  animation-delay: 1.5s;
}
@keyframes boxFloat {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-8px);
  }
}
.ws-mini-floating-box span {
  display: block;
  color: #64748b;
  font-size: 12px;
  font-weight: 600;
  margin-top: 5px;
}
.hero-pagination .swiper-pagination-bullet {
  width: 30px;
  height: 5px;
  background-color: #cbd5e1;
  border-radius: 4px;
  opacity: 0.6;
  transition: all 0.4s ease;
  margin: 0 5px !important;
}
.hero-pagination .swiper-pagination-bullet-active {
  background-color: #f36b24;
  width: 45px;
  opacity: 1;
  box-shadow: 0 0 10px rgba(243, 107, 36, 0.4);
}

/* HOMEPAGE CARDS & STATS */
.homepage-plan {
  display: flex;
  flex-direction: column;
  text-decoration: none !important;
  border-radius: 6px;
  padding: 35px 20px;
  text-align: center;
  transition:
    transform 0.3s ease,
    box-shadow 0.3s ease;
  height: 100%;
  color: #333333;
  border: 1px solid rgba(0, 0, 0, 0.03);
  background-color: #fff;
}
.homepage-plan:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.06);
  color: #333333;
}
.homepage-plan .icon {
  height: 55px;
  margin-bottom: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 40px;
  color: #555;
}
.bg-pastel-green {
  background-color: #daf1e3;
}
.bg-pastel-pink {
  background-color: #fbdada;
}
.bg-pastel-olive {
  background-color: #eff3d5;
}
.bg-pastel-orange {
  background-color: #fae7cc;
}
.homepage-plan h4 {
  font-size: 1.35rem;
  font-weight: 700;
  margin-bottom: 15px;
  color: #2c3e50;
  line-height: 1.3;
}
.homepage-plan p {
  font-size: 0.95rem;
  margin-bottom: 25px;
  flex-grow: 1;
  color: #555555;
  line-height: 1.5;
}
.homepage-plan .start-at {
  display: block;
  font-size: 1rem;
  color: #666;
  margin-bottom: 5px;
}
.homepage-plan h3 {
  font-size: 2.8rem;
  font-weight: 800;
  color: #222;
  margin: 0 0 15px 0;
  display: flex;
  justify-content: center;
  align-items: baseline;
}
.homepage-plan h3 .currency-symbol {
  font-size: 1.2rem;
  font-weight: 700;
  margin-right: 3px;
  transform: translateY(-15px);
}
.homepage-plan h3 .durection {
  font-size: 1rem;
  font-weight: 400;
  color: #666;
  margin-left: 3px;
}
.homepage-plan .learn-more {
  font-weight: 500;
  font-size: 1rem;
  color: #444;
  text-decoration: underline;
}
.homepage-plan:hover .learn-more {
  color: #000;
}

.feature-item-20i {
  display: flex;
  align-items: flex-start;
  padding: 20px;
  border-radius: 12px;
  transition:
    background-color 0.3s ease,
    transform 0.3s ease;
  text-align: left;
  height: 100%;
}
.feature-item-20i:hover {
  background-color: #f8f9fa;
  transform: translateY(-3px);
}
.feature-icon-wrapper {
  flex-shrink: 0;
  width: 65px;
  height: 65px;
  background-color: #1273dc;
  border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  font-size: 24px;
  margin-inline-end: 20px;
}
.feature-content-20i {
  flex-grow: 1;
  text-align: initial;
}
.feature-title-20i {
  font-size: 1.25rem;
  font-weight: 600;
  color: #2c3e50;
  margin-bottom: 8px;
}
.feature-text-20i {
  font-size: 0.95rem;
  color: #6c757d;
  margin-bottom: 12px;
  line-height: 1.4;
}
.feature-link-20i {
  font-size: 0.95rem;
  color: #1273dc;
  text-decoration: none;
  font-weight: 500;
  transition: color 0.3s ease;
}
.feature-link-20i:hover {
  color: #0a58ca;
  text-decoration: underline;
}
html[dir="rtl"] .feature-item-20i {
  text-align: right;
}

.stat-card {
  background: #ffffff;
  border: 1px solid #eef0f2;
  border-radius: 12px;
  padding: 40px 20px;
  text-align: center;
  height: 100%;
  transition:
    transform 0.3s ease,
    box-shadow 0.3s ease;
}
.stat-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05);
  border-color: #1273dc;
}
.stat-value {
  font-size: 3.5rem;
  font-weight: 700;
  color: #1273dc;
  line-height: 1;
  margin-bottom: 15px;
}
.stat-title {
  font-size: 1.15rem;
  font-weight: 600;
  color: #2c3e50;
  margin-bottom: 10px;
}
.stat-desc {
  font-size: 0.95rem;
  color: #6c757d;
  margin-bottom: 0;
}

/* ===== 10. CLIENT DASHBOARD & MAIN LAYOUT ===== */
.wsla-dashboard-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  align-items: flex-start !important;
  width: 100%;
}
.wsla-order-clean-sidebar {
  position: sticky;
  top: 110px;
  width: 280px;
  flex-shrink: 0;
}
.wsla-order-clean-main {
  flex: 1;
  min-width: 0;
}
.wsla-sidebar-card-style {
  background: #fff;
  border-radius: 12px;
  border: 1px solid #e2e8f0;
  padding: 24px;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.02);
}
.wsla-sidebar-title {
  font-weight: 800;
  font-size: 16px;
  margin-bottom: 20px;
  color: #1e293b;
  border-bottom: 1px solid #f1f5f9;
  padding-bottom: 15px;
}
.wsla-sidebar-nav {
  list-style: none;
  padding: 0;
  margin: 0;
}
.wsla-sidebar-nav li a {
  display: flex;
  align-items: center;
  padding: 10px 12px;
  color: #475569;
  text-decoration: none !important;
  font-size: 14.5px;
  border-radius: 6px;
  transition: 0.2s;
}
.wsla-sidebar-nav li a i {
  margin-inline-end: 12px;
  width: 20px;
  text-align: center;
  color: #94a3b8;
}
.wsla-sidebar-nav li.active a,
.wsla-sidebar-nav li a:hover {
  color: var(--wsla-orange);
  background: #fff8f5;
  font-weight: bold;
}
.wsla-sidebar-nav li.active a i,
.wsla-sidebar-nav li a:hover i {
  color: var(--wsla-orange);
}

.ws-client-dashboard-page {
  margin-top: 14px;
}
.ws-client-dashboard-page #primarySidebar,
.ws-client-dashboard-page #secondarySidebar {
  display: none !important;
}
.ws-client-dashboard-page .col-md-9.pull-md-right,
.ws-client-dashboard-page .main-content,
.ws-client-dashboard-page .col-lg-9 {
  width: 100% !important;
  max-width: 100% !important;
  flex: 0 0 100% !important;
  padding: 0 !important;
  border: 0 !important;
}
.ws-client-dashboard {
  display: flex;
  gap: 24px;
  align-items: flex-start;
}
.ws-client-dashboard .wsla-order-clean-sidebar {
  position: -webkit-sticky;
  position: sticky;
  top: 110px;
  align-self: flex-start;
  z-index: 10;
}
.ws-dashboard-main {
  flex: 1;
  min-width: 0;
}
.ws-card {
  background: var(--ws-surface);
  border-radius: var(--ws-radius);
  overflow: hidden;
  margin-bottom: 18px;
}

/* Client Box */
.ws-client-box {
  padding: 22px;
  background:
    radial-gradient(
      circle at top right,
      rgba(11, 99, 206, 0.08),
      transparent 30%
    ),
    linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
}
.ws-client-head {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 16px;
}
.ws-client-avatar {
  width: 58px;
  height: 58px;
  border-radius: 16px;
  background: linear-gradient(135deg, #0b63ce 0%, #3a8bff 100%);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  flex-shrink: 0;
}
.ws-client-meta {
  min-width: 0;
  flex: 1;
}
.ws-client-name {
  margin: 0 0 6px;
  font-size: 18px;
  line-height: 1.3;
  font-weight: 900;
  color: var(--ws-text);
}
.ws-client-sub {
  color: var(--ws-text-soft);
  font-size: 12px;
  font-weight: 300;
}
.ws-client-address {
  border-radius: 14px;
  color: var(--ws-text-soft);
  font-size: 12px;
  line-height: 1.8;
  margin-bottom: 14px;
}
.ws-client-actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}
.ws-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 40px;
  padding: 0 14px;
  border-radius: 12px;
  border: 1px solid #d8e0ea;
  background: #fff;
  color: var(--ws-text-soft);
  font-size: 12px;
  font-weight: 800;
  text-decoration: none !important;
  transition: var(--ws-transition);
  cursor: pointer;
}
.ws-btn:hover {
  color: var(--ws-primary);
  border-color: var(--ws-primary);
}
.ws-btn-primary {
  background: var(--ws-primary);
  border-color: var(--ws-primary);
  color: #fff !important;
}
.ws-btn-primary:hover {
  background: var(--ws-primary-dark);
  border-color: var(--ws-primary-dark);
  color: #fff !important;
}
.ws-btn-block {
  width: 100%;
}

/* Alerts Inline */
.ws-alert-inline {
  background: linear-gradient(180deg, #fff8ec 0%, #fff4e5 100%);
  border: 1px solid rgba(243, 156, 18, 0.18);
  color: var(--ws-warning-text);
  padding: 14px 16px;
  border-radius: 14px;
  font-size: 13px;
  font-weight: 700;
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 18px;
  box-shadow: 0 8px 24px rgba(243, 156, 18, 0.06);
}
.ws-alert-inline i {
  font-size: 16px;
  margin-top: 1px;
  flex-shrink: 0;
}

/* Sidebar Shortcuts */
.ws-sidebar-box {
  padding: 18px;
}
.ws-sidebar-title {
  margin: 0 0 14px;
  font-size: 16px;
  font-weight: 500;
  color: var(--ws-text);
  text-transform: uppercase;
  letter-spacing: 0.6px;
}
.ws-sidebar-empty {
  color: var(--ws-text-soft);
  font-size: 13px;
  margin-bottom: 12px;
}
.ws-sidebar-links {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.ws-sidebar-link {
  display: flex;
  align-items: center;
  gap: 10px;
  color: var(--ws-primary);
  font-size: 13px;
  font-weight: 700;
  text-decoration: none !important;
  transition: var(--ws-transition);
  padding: 10px 12px;
  border-radius: 12px;
  background: #f8fbff;
  border: 1px solid #edf3fb;
}
.ws-sidebar-link i {
  width: 16px;
  text-align: center;
  font-size: 14px;
}
.ws-sidebar-link:hover {
  transform: translateX(-2px);
  background: #f1f7ff;
}

.wsla-order-clean-sidebar .wsla-domain-sidebar-card {
  padding: 26px 28px !important;
  border-radius: 20px;
}

.wsla-domain-sidebar-card .wsla-sidebar-title {
  margin: 0 0 18px 0;
  padding-bottom: 16px;
  border-bottom: 1px solid #edf0f5;
  font-size: 16px;
  font-weight: 800;
  color: #071833;
  line-height: 1.2;
}

.wsla-domain-sidebar-card .wsla-sidebar-nav {
  margin: 0;
  padding: 0;
  list-style: none;
}

.wsla-domain-sidebar-card .wsla-sidebar-nav li {
  margin: 0 0 6px 0;
  padding: 0;
  list-style: none;
}

.wsla-domain-sidebar-card .wsla-sidebar-nav li a,
.wsla-domain-sidebar-card .wsla-sidebar-nav li > span {
  display: flex !important;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row !important;
  gap: 11px;
  width: 100%;
  min-height: 40px;
  padding: 9px 12px;
  border-radius: 7px;
  color: #4e6078;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.25;
  text-decoration: none;
  transition: all 0.18s ease;
}

.wsla-domain-sidebar-card .wsla-sidebar-nav li a i,
.wsla-domain-sidebar-card .wsla-sidebar-nav li > span i {
  width: 18px;
  min-width: 18px;
  text-align: center;
  font-size: 14px;
  color: #88a0bf;
  transition: all 0.18s ease;
}

.wsla-domain-sidebar-card .wsla-sidebar-nav li a span,
.wsla-domain-sidebar-card .wsla-sidebar-nav li > span em {
  display: block;
  flex: 1;
  margin: 0;
  font-style: normal;
  white-space: normal;
}

.wsla-domain-sidebar-card .wsla-sidebar-nav li a:hover {
  color: #0066ff;
  background: rgba(0, 102, 255, 0.07);
}

.wsla-domain-sidebar-card .wsla-sidebar-nav li a:hover i {
  color: #0066ff;
}

.wsla-domain-sidebar-card .wsla-sidebar-nav li.active > a {
  color: #ff7900;
  background: #fff5ef;
  font-weight: 700;
}

.wsla-domain-sidebar-card .wsla-sidebar-nav li.active > a i {
  color: #ff7900;
}

.wsla-domain-sidebar-card .wsla-sidebar-nav li.wsla-disabled > span {
  opacity: 0.48;
  cursor: not-allowed;
  background: transparent;
}

.wsla-domain-sidebar-card .wsla-sidebar-nav li.wsla-disabled > span i,
.wsla-domain-sidebar-card .wsla-sidebar-nav li.wsla-disabled > span em {
  color: #7d8ca3;
}

.wsla-domain-sidebar-card .wsla-sidebar-nav li .wsla-sidebar-form-link {
  margin: 0;
  padding: 0;
}

.wsla-domain-sidebar-card .wsla-sidebar-nav li .wsla-sidebar-form-link button {
  display: flex !important;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row !important;
  gap: 11px;
  width: 100%;
  min-height: 40px;
  padding: 9px 12px;
  border: 0;
  border-radius: 7px;
  background: transparent;
  color: #4e6078;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.25;
  text-decoration: none;
  transition: all 0.18s ease;
  cursor: pointer;
}

.wsla-domain-sidebar-card
  .wsla-sidebar-nav
  li
  .wsla-sidebar-form-link
  button
  i {
  width: 18px;
  min-width: 18px;
  text-align: center;
  font-size: 14px;
  color: #88a0bf;
  transition: all 0.18s ease;
}

.wsla-domain-sidebar-card
  .wsla-sidebar-nav
  li
  .wsla-sidebar-form-link
  button
  span {
  display: block;
  flex: 1;
  margin: 0;
  font-style: normal;
  white-space: normal;
}

.wsla-domain-sidebar-card
  .wsla-sidebar-nav
  li
  .wsla-sidebar-form-link
  button:hover {
  color: #0066ff;
  background: rgba(0, 102, 255, 0.07);
}

.wsla-domain-sidebar-card
  .wsla-sidebar-nav
  li
  .wsla-sidebar-form-link
  button:hover
  i {
  color: #0066ff;
}

/* Tiles */
.ws-tiles {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
  margin-bottom: 22px;
}
.ws-tile {
  position: relative;
  display: block;
  background: var(--ws-surface);
  border-radius: 18px;
  padding: 24px 18px;
  text-align: center;
  text-decoration: none !important;
  transition: var(--ws-transition);
  overflow: hidden;
}
.ws-tile:hover {
  transform: translateY(-4px);
  box-shadow: var(--ws-shadow-lg);
  border-color: #d9e2ee;
}
.ws-tile-icon {
  width: 52px;
  height: 52px;
  margin: 0 auto 14px;
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #eef5ff;
  color: var(--ws-primary);
  font-size: 20px;
}
.ws-tile.domains .ws-tile-icon {
  background: #f0fdf4;
  color: #16a34a;
}
.ws-tile.invoices .ws-tile-icon {
  background: #fef2f2;
  color: #e74c3c;
}
.ws-tile.tickets .ws-tile-icon {
  background: #fff7ed;
  color: #f39c12;
}
.ws-tile-number {
  margin: 10px 0;
  font-size: 4.35rem;
  line-height: 1;
  font-weight: 600;
  color: #535a64;
}
.ws-tile-title {
  color: var(--ws-text-soft);
  font-size: 16px;
  font-weight: 400;
}

/* Panels Grid */
.ws-panels-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
  align-items: start;
}
.ws-panel-span-full {
  grid-column: 1 / -1;
}
.ws-panel {
  background: var(--ws-surface);
  border-radius: 18px;
  overflow: hidden;
}
.ws-panel-header {
  background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
  border-bottom: 1px solid var(--ws-border);
  padding: 14px 18px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.ws-panel-title {
  margin: 0;
  font-size: 14px;
  font-weight: 900;
  color: var(--ws-text);
  display: flex;
  align-items: center;
  gap: 9px;
  min-width: 0;
}
.ws-panel-title i {
  color: var(--ws-muted);
}
.ws-panel-title .badge {
  margin-inline-start: 4px;
}
.ws-panel-action {
  flex-shrink: 0;
}
.ws-panel-body {
  padding: 18px;
}
.ws-panel-list {
  display: block;
  padding: 10px;
}
.ws-list-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 14px;
  border: 1px solid transparent;
  border-radius: 14px;
  text-decoration: none !important;
  color: inherit;
  transition: var(--ws-transition);
  margin-bottom: 8px;
  background: #fff;
  position: relative;
}
.ws-list-item:hover {
  background: #fafcff;
  border-color: #edf2f8;
}
.ws-panel-list .ws-item-left {
  display: flex;
  align-items: center;
  gap: 14px;
  min-width: 0;
  flex: 1;
}
.ws-panel-list .ws-item-icon {
  width: 42px;
  height: 42px;
  min-width: 42px;
  border-radius: 14px;
  background: #eef5ff;
  color: var(--ws-primary);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 17px;
  box-shadow: inset 0 0 0 1px rgba(11, 99, 206, 0.06);
}
.ws-item-text {
  min-width: 0;
  flex: 1 0 auto;
}
.ws-item-name {
  display: block;
  color: var(--ws-text);
  font-size: 13.5px;
  font-weight: 900;
  line-height: 1.4;
}
.ws-item-sub {
  display: block;
  color: var(--ws-text-soft);
  font-size: 14px;
  margin-top: 4px;
  line-height: 1.5;
}
.ws-item-sub small {
  font-size: 80% !important;
}
.ws-item-right {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
}
.ws-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 5px 9px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.3px;
  text-transform: uppercase;
  border: 1px solid transparent;
  white-space: nowrap;
}
.ws-badge-active {
  color: var(--ws-success);
  border-color: rgba(39, 174, 96, 0.28);
  background: rgba(39, 174, 96, 0.06);
}
.ws-badge-pending {
  color: var(--ws-warning);
  border-color: rgba(243, 156, 18, 0.28);
  background: rgba(243, 156, 18, 0.06);
}
.ws-badge-suspended {
  color: var(--ws-danger);
  border-color: rgba(231, 76, 60, 0.28);
  background: rgba(231, 76, 60, 0.06);
}
.ws-panel-footer {
  padding: 14px 18px;
  border-top: 1px solid var(--ws-border-soft);
  background: #fcfdff;
}

/* Promo Panel */
div[menuitemname="Register a New Domain"].ws-panel {
  background: linear-gradient(135deg, #0b63ce 0%, #084ea3 100%) !important;
  border-color: transparent !important;
  box-shadow: 0 16px 36px rgba(11, 99, 206, 0.2);
}
div[menuitemname="Register a New Domain"].ws-panel .ws-panel-header {
  background: transparent !important;
  border-bottom: 0 !important;
  justify-content: center;
  padding-bottom: 0;
}
div[menuitemname="Register a New Domain"].ws-panel .ws-panel-title {
  color: #fff !important;
  font-size: 16px;
}
div[menuitemname="Register a New Domain"].ws-panel .ws-panel-title i {
  display: none;
}
.ws-domain-search {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.ws-domain-search input[type="text"] {
  width: 100%;
  min-height: 48px;
  padding: 0 15px;
  border: 0;
  border-radius: 12px;
  font-size: 14px;
  outline: none;
  color: var(--ws-text);
}
.ws-domain-actions {
  display: flex;
  gap: 10px;
}
.ws-domain-actions .ws-btn {
  flex: 1;
  min-height: 42px;
  font-size: 13px;
}
.ws-domain-actions .ws-btn:not(.ws-btn-primary) {
  color: var(--ws-primary);
  border-color: rgba(255, 255, 255, 0.35);
  background: rgba(255, 255, 255, 0.95);
}

/* Data Tables inside panels */
.dataTables_wrapper table.table-list td a {
  font-weight: 400 !important;
  font-size: larger;
}
.dataTables_wrapper table.table-list td {
  line-height: 5px !important;
}
table.table-list tbody td {
  padding: 5px 8px !important;
}
.ws-panel-list .label {
  display: block;
  float: inline-end;
  clear: both;
  color: #fff;
  font-weight: 400;
  font-size: 12px;
}

/* Service Row */
.ws-service-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 20px;
  background: #ffffff;
  border-bottom: 1px solid #eaebec;
  transition: background 0.2s ease;
}
.ws-service-row:hover {
  background: #f8fafc;
}
.ws-service-row .ws-item-left {
  display: flex;
  align-items: center;
  gap: 16px;
  flex: 1;
  min-width: 0;
}
.ws-service-row .ws-item-icon {
  width: 44px;
  height: 44px;
  background: #f0f6fc;
  color: #0b63ce;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  flex-shrink: 0;
}
.ws-service-info {
  display: flex;
  flex-direction: column;
  gap: 4px;
  overflow: hidden;
}
.ws-service-title {
  font-size: 15px;
  font-weight: 700;
  color: #1e293b;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ws-service-info .ws-service-domain {
  font-size: 13px;
  font-weight: 500;
  color: #64748b;
}
.ws-service-actions {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-shrink: 0;
}
.ws-badge-wrapper {
  width: 85px;
}
.ws-modern-badge {
  display: block;
  padding: 6px 0;
  width: 100%;
  border-radius: 6px;
  font-size: 11.5px;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
  white-space: nowrap;
}
.ws-modern-badge.label-active,
.ws-modern-badge.label-success {
  background: #ecfdf5;
  color: #10b981;
  border: 1px solid #d1fae5;
}
.ws-modern-badge.label-pending,
.ws-modern-badge.label-warning {
  background: #fffbeb;
  color: #f59e0b;
  border: 1px solid #fef3c7;
}
.ws-modern-badge.label-suspended,
.ws-modern-badge.label-danger {
  background: #fef2f2;
  color: #ef4444;
  border: 1px solid #fee2e2;
}
.ws-modern-badge.label-terminated {
  background: #f1f5f9;
  color: #64748b;
  border: 1px solid #e2e8f0;
}
.ws-btn-wrapper {
  width: 125px;
}
.ws-btn-manage {
  background: #ffffff;
  border: 1px solid #cbd5e1;
  padding: 8px 0;
  width: 100%;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 600;
  color: #334155;
  cursor: pointer;
  transition: all 0.2s ease;
  text-decoration: none !important;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ws-btn-manage:hover {
  border-color: #0b63ce;
  color: #0b63ce;
  background: #f8fafc;
}
.three-dots-drop,
.ws-empty-dots {
  width: 42px;
  margin: 0;
}
.ws-dots-menu {
  background: #ffffff;
  border: 1px solid #cbd5e1;
  color: #64748b;
  font-size: 16px;
  cursor: pointer;
  width: 100%;
  height: 37px;
  border-radius: 6px;
  transition: all 0.2s;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ws-dots-menu:hover {
  border-color: #0b63ce;
  color: #0b63ce;
  background: #f8fafc;
}
.ws-dropdown-items {
  border-radius: 8px;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
  border: 1px solid #e2e8f0;
  padding: 8px 0;
  margin-top: 5px;
  min-width: 220px;
}
.ws-dropdown-items li a.dropdown-item {
  padding: 10px 20px;
  font-size: 13px;
  font-weight: 500;
  color: #334155;
  transition: background 0.2s;
}
.ws-dropdown-items li a.dropdown-item:hover {
  background: #f8fafc;
  color: #0b63ce;
}

/* ===== 11. TICKETS ===== */
.label.status {
  padding: 5px 12px;
  border-radius: 4px;
  font-weight: 700;
  text-shadow: none !important;
  font-size: 12px;
}
.status-open,
.status-Open {
  background-color: #16a34a !important;
  color: #fff !important;
}
.status-closed,
.status-Closed {
  background-color: #64748b !important;
  color: #fff !important;
}
.status-answered,
.status-Answered {
  background-color: #2563eb !important;
  color: #fff !important;
}
.status-customer-reply {
  background-color: #ea580c !important;
  color: #fff !important;
}
.wsla-reply-bubble {
  background: #fff;
  border-radius: 12px;
  border: 1px solid #e2e8f0;
  padding: 0;
  margin-bottom: 24px;
  overflow: hidden;
}
.wsla-reply-bubble:last-child {
  margin-bottom: 0;
}
.wsla-reply-bubble.wsla-staff {
  background: #f8fafc;
  border-inline-start: 4px solid var(--wsla-orange);
}
.wsla-reply-header {
  background: rgba(241, 245, 249, 0.5);
  padding: 15px 24px;
  border-bottom: 1px solid #e2e8f0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}
.wsla-reply-bubble.wsla-staff .wsla-reply-header {
  background: rgba(228, 104, 44, 0.05);
  border-bottom-color: rgba(228, 104, 44, 0.1);
}
.wsla-reply-body {
  padding: 24px;
  color: #334155;
  font-size: 15px;
  line-height: 1.7;
}
.wsla-reply-attachments {
  padding: 15px 24px;
  background: #fff;
  border-top: 1px solid #e2e8f0;
}

.wsla-attachment-wrapper {
  border: 1px solid #cbd5e1;
  border-radius: 8px;
  padding: 15px;
  background: #fff;
  margin-bottom: 24px;
}
.wsla-file-row {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 12px;
  margin-bottom: 10px;
}
.wsla-file-row .custom-file {
  flex: 1;
  position: relative;
}
.wsla-file-row .custom-file-label::after {
  display: none !important;
}
.wsla-file-row .custom-file-label {
  display: flex;
  align-items: center;
  height: 48px;
  padding: 0 16px;
  border: 1px solid #e2e8f0;
  border-radius: 6px;
  color: #475569;
  font-size: 14.5px;
  font-weight: 500;
  background: #f8fafc;
  cursor: pointer;
  transition: 0.2s;
  box-shadow: none;
}
.wsla-file-row .custom-file-label:hover {
  background: #f1f5f9;
  border-color: #cbd5e1;
}
.wsla-file-row .custom-file-input {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
  z-index: 10;
}
.wsla-file-row .input-group-append {
  margin-left: 0 !important;
  display: block;
}
.wsla-file-row .btn-add-more {
  height: 48px;
  padding: 0 20px;
  background-color: #eff6ff;
  color: #2563eb;
  border: none;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 600;
  transition: 0.2s;
}
.wsla-file-row .btn-add-more:hover {
  background-color: #dbeafe;
  color: #1d4ed8;
}
.wsla-attachment-info {
  font-size: 13px;
  color: #64748b;
  margin-top: 15px;
  display: flex;
  align-items: flex-start;
  gap: 6px;
}
.wsla-ticket-actions {
  display: flex;
  gap: 15px;
  margin-top: 30px;
  margin-bottom: 10px;
  justify-content: center;
}
.wsla-message-title {
  font-size: 16px;
  font-weight: 700;
  color: #1e293b;
  margin-bottom: 12px;
  display: block;
}

.wsla-ticket-meta-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 20px;
  margin-top: 25px;
  background: #f8fafc;
  padding: 24px;
  border-radius: 10px;
  border: 1px solid #f1f5f9;
}
.wsla-meta-item {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.wsla-meta-label {
  font-size: 12px;
  color: #94a3b8;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-weight: 800;
}
.wsla-meta-value {
  font-size: 14.5px;
  color: #1e293b;
  font-weight: 600;
  display: flex;
  align-items: flex-start;
  gap: 10px;
  line-height: 1.4;
}
.wsla-meta-value i {
  font-size: 15px;
  color: #cbd5e1;
  flex-shrink: 0;
  width: 18px;
  text-align: center;
  margin-top: 2px;
}
.wsla-meta-status-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: var(--wsla-orange, #e4682c);
  display: inline-block;
  flex-shrink: 0;
  margin-top: 5px;
}
.wsla-role-badge {
  font-size: 11px;
  padding: 2px 6px;
  border-radius: 4px;
  margin-inline-start: 6px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  display: inline-block;
}
.wsla-role-owner {
  background: rgba(228, 104, 44, 0.1);
  color: var(--wsla-orange, #e4682c);
}
.wsla-role-guest {
  background: #f1f5f9;
  color: #64748b;
}
.wsla-role-contact {
  background: #dcfce7;
  color: #16a34a;
}
.wsla-role-admin {
  background: #e0e7ff;
  color: #4f46e5;
}
.ticket-subject {
  width: 100%;
  min-width: 240px;
  white-space: normal;
  word-break: break-word;
  overflow-wrap: anywhere;
}
.ticket-subject-wrap a {
  display: block;
  white-space: normal;
}

#tableTicketsList thead th {
  border-left: 1px solid #e9ecef !important;
  border-bottom: 2px solid #dee2e6 !important;
  padding: 12px 35px 12px 15px !important;
  background-color: #f8f9fa;
  position: relative;
  text-align: center !important;
}
table.dataTable thead .sorting::before,
table.dataTable thead .sorting_asc::before,
table.dataTable thead .sorting_desc::before {
  right: unset!important;
  left: 10px !important;
  content: "▲" !important;
  font-size: 10px !important;
}
table.dataTable thead .sorting::after,
table.dataTable thead .sorting_asc::after,
table.dataTable thead .sorting_desc::after {
  right: unset!important;
  left: 10px !important;
  content: "▼" !important;
  font-size: 10px !important;
  bottom: 6px !important;
}
html[dir="ltr"] table.dataTable thead .sorting::before,
html[dir="ltr"] table.dataTable thead .sorting_asc::before,
html[dir="ltr"] table.dataTable thead .sorting_desc::before {
  left: unset!important;
  right: 10px !important;
}

html[dir="ltr"] table.dataTable thead .sorting::after,
html[dir="ltr"] table.dataTable thead .sorting_asc::after,
html[dir="ltr"] table.dataTable thead .sorting_desc::after {
  left: unset!important;
  right: 10px !important;
}
#tableTicketsList thead th:last-child {
  border-left: none !important;
}
#tableTicketsList thead th:hover {
  background-color: #f1f3f5;
  cursor: pointer;
}

/* ===== 12. INBOX (Emails) ===== */
.wsla-emails-wrapper {
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  padding: 25px;
  margin-top: 20px;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.02);
}
.wsla-emails-wrapper .dataTables_wrapper .row {
  margin-left: 0;
  margin-right: 0;
}
.wsla-emails-wrapper .dataTables_wrapper .col-sm-12 {
  padding-left: 0;
  padding-right: 0;
}
#tableEmailsList {
  width: 100% !important;
  margin: 15px 0 !important;
  border-collapse: collapse !important;
}
#tableEmailsList thead th {
  background: #f8fafc;
  color: #64748b;
  font-size: 13px;
  font-weight: 700;
  padding: 16px 20px !important;
  border-bottom: 1px solid #e2e8f0 !important;
  border-top: none !important;
}
#tableEmailsList tbody tr {
  cursor: pointer;
  transition: all 0.2s ease;
}
#tableEmailsList tbody tr:hover {
  background-color: #f8fafc !important;
  box-shadow: inset 3px 0 0 var(--wsla-orange, #e4682c);
}
html[dir="rtl"] #tableEmailsList tbody tr:hover,
body.body-rtl #tableEmailsList tbody tr:hover {
  box-shadow: inset -3px 0 0 var(--wsla-orange, #e4682c);
}
#tableEmailsList tbody td {
  padding: 10px 20px !important;
  vertical-align: middle;
  border-bottom: 1px solid #f1f5f9 !important;
}
.wsla-email-subject-text {
  color: #1e293b;
  font-weight: 700;
  font-size: 15px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.wsla-email-date-text {
  color: #64748b;
  font-weight: 500;
  font-size: 13.5px;
}
.wsla-view-btn {
  background: #eff6ff;
  color: #2563eb;
  border: none;
  padding: 10px 16px;
  border-radius: 6px;
  font-size: 12px;
  font-weight: 500;
  transition: 0.2s;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.wsla-view-btn:hover {
  background: #dbeafe;
  color: #1d4ed8;
}

/* .wsla-email-modal .modal-content {
  border-radius: 16px;
  border: none;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
  overflow: hidden;
}
.wsla-email-modal .modal-header {
  background: #f8fafc;
  border-bottom: 1px solid #e2e8f0;
  padding: 16px 24px;
  display: flex;
  align-items: center;
}
.wsla-email-modal .modal-title {
  font-weight: 800;
  font-size: 16px;
  color: #0f172a !important;
  margin: 0;
}
.wsla-email-modal .close {
  opacity: 0.5;
  transition: 0.2s;
  padding: 1rem;
  margin: -1rem auto -1rem -1rem;
}
html[dir="rtl"] .wsla-email-modal .close,
body.body-rtl .wsla-email-modal .close {
  margin: -1rem -1rem -1rem auto;
}
.wsla-email-modal .close:hover {
  opacity: 1;
  color: #ef4444;
}
.wsla-email-iframe {
  width: 100%;
  height: 65vh;
  min-height: 400px;
  border: none;
  display: none;
}
.wsla-modal-loader {
  padding: 100px 0;
  text-align: center;
  color: var(--wsla-orange, #e4682c);
} */

/* الحاوية الرئيسية */
.wsla-email-modal .modal-content {
  border-radius: 16px !important;
  border: none !important;
  box-shadow: 0 20px 50px rgba(15, 23, 42, 0.15) !important;
  background: #fff !important;
}

/* الهيدر المحسن */
.wsla-email-modal .modal-header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 15px 25px !important;
  background: #fff !important;
  border-bottom: 1px solid #f1f5f9 !important;
}

/* زر الإغلاق اللطيف والناعم */
.close-soft {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: none;
  background: #f8fafc;
  color: #94a3b8;
  cursor: pointer;
  transition: all 0.3s ease;
  outline: none;
}

.close-soft:hover {
  background: #fee2e2;
  color: #ef4444;
  transform: rotate(90deg);
}

/* اللودر في المنتصف */
.wsla-modal-loader {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 400px;
  color: #e4682c;
}

.wsla-modal-loader p {
  margin-top: 15px;
  font-size: 14px;
  font-weight: 500;
  color: #64748b;
}

/* الإطار */
.wsla-email-iframe {
  width: 100%;
  height: 75vh !important;
  border: none !important;
  display: none; /* يظهر بواسطة الجافاسكريبت بعد التحميل */
}

.wsla-email-modal .modal-body {
  padding: 0 !important;
}

/* ===== 13. KNOWLEDGEBASE, ANNOUNCEMENTS & DOWNLOADS ===== */
.wsla-search-section {
  margin-bottom: 20px;
}
.wsla-section-title {
  font-size: 22px;
  font-weight: 700;
  color: #1e293b;
  margin-bottom: 8px;
}
.wsla-search-container {
  background: linear-gradient(135deg, var(--wsla-orange), var(--wsla-red));
  padding: 30px;
  border-radius: 12px;
  box-shadow: 0 10px 25px rgba(228, 104, 44, 0.15);
  width: 100%;
}
.wsla-search-box {
  position: relative;
  background: #fff;
  border-radius: 8px;
  display: flex;
  align-items: center;
  padding: 5px 15px;
}
.wsla-search-box i {
  color: #64748b;
  font-size: 18px;
  margin-inline-end: 12px;
}
.wsla-search-box input {
  border: none;
  width: 100%;
  height: 48px;
  font-size: 16px;
  outline: none;
  background: transparent;
  color: #334155;
}
.wsla-dept-card-v2 {
  display: flex;
  flex-direction: column;
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  padding: 24px;
  height: 100%;
  transition: all 0.3s ease;
  text-decoration: none !important;
}
.wsla-dept-card-v2:hover {
  border-color: var(--wsla-orange);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06);
  transform: translateY(-3px);
}
.wsla-dept-header {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 12px;
}
.wsla-dept-icon-v2 {
  width: 50px;
  height: 50px;
  border-radius: 10px;
  background: rgba(228, 104, 44, 0.08);
  color: var(--wsla-orange);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  flex-shrink: 0;
  transition: all 0.3s ease;
}
.wsla-dept-card-v2:hover .wsla-dept-icon-v2 {
  background: var(--wsla-orange);
  color: #fff;
}
.wsla-dept-title-v2 {
  font-size: 17px;
  font-weight: 700;
  color: #1e293b;
  margin: 0;
  line-height: 1.3;
}
.wsla-dept-desc-v2 {
  font-size: 13.5px;
  color: #64748b;
  line-height: 1.6;
  margin-bottom: 24px;
}
.wsla-dept-btn-v2 {
  margin-top: auto;
  width: 100%;
  padding: 12px;
  background: #f8fafc;
  color: var(--wsla-orange);
  text-align: center;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 700;
  transition: all 0.3s ease;
}
.wsla-dept-card-v2:hover .wsla-dept-btn-v2 {
  background: var(--wsla-orange);
  color: #fff;
}

.wsla-kb-header-title {
  font-size: 22px;
  font-weight: 800;
  color: #1e293b;
  margin-bottom: 8px;
}
.wsla-kb-header-desc {
  font-size: 14.5px;
  color: #64748b;
  margin-bottom: 24px;
}
.wsla-gradient-search-box {
  background: linear-gradient(90deg, #f97316, #ea580c, #ef4444);
  border-radius: 10px;
  padding: 18px;
  margin-bottom: 40px;
}
html[dir="rtl"] .wsla-gradient-search-box {
  background: linear-gradient(-90deg, #f97316, #ea580c, #ef4444);
}
.wsla-search-input-group {
  display: flex;
  align-items: center;
  background: #fff;
  border-radius: 8px;
  padding: 6px 18px;
}
.wsla-search-input-group input {
  flex: 1;
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
  height: 54px;
  font-size: 16px;
  color: #1e293b;
  background: transparent !important;
}
.wsla-search-input-group button {
  background: transparent;
  border: none;
  color: #64748b;
  font-size: 20px;
  cursor: pointer;
  padding: 0 10px;
  transition: 0.2s;
}
.wsla-search-input-group button:hover {
  color: var(--wsla-orange, #e4682c);
}

.wsla-formal-heading {
  font-size: 20px;
  font-weight: 700;
  color: #0f172a;
  margin: 0 0 20px 0;
  padding-bottom: 15px;
  border-bottom: 2px solid #f1f5f9;
  display: flex;
  align-items: center;
  gap: 12px;
}
.wsla-formal-list {
  margin-bottom: 40px;
}
.wsla-formal-item {
  display: flex;
  align-items: center;
  padding: 16px 20px;
  border-bottom: 1px solid #f1f5f9;
  text-decoration: none !important;
  transition: all 0.3s ease;
}
.wsla-formal-item:last-child {
  border-bottom: none;
}
.wsla-formal-item:hover {
  background: #fafbfc;
  border-radius: 10px;
  padding-inline-start: 24px;
}
.wsla-formal-item-icon {
  color: #94a3b8;
  font-size: 22px;
  margin-inline-end: 20px;
  transition: 0.2s;
}
.wsla-formal-item:hover .wsla-formal-item-icon {
  color: var(--wsla-orange, #e4682c);
}
.wsla-formal-item-content {
  flex: 1;
  min-width: 0;
}
.wsla-formal-item-title {
  color: #2563eb;
  font-size: 16px;
  font-weight: 600;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  transition: 0.2s;
}
.wsla-formal-item:hover .wsla-formal-item-title {
  color: var(--wsla-orange, #e4682c);
}
.wsla-item-badge {
  font-size: 12px;
  color: #64748b;
  font-weight: normal;
  background: #f1f5f9;
  padding: 3px 10px;
  border-radius: 50px;
}
.wsla-formal-item-desc {
  color: #64748b;
  font-size: 14px;
  margin: 6px 0 0 0;
  line-height: 1.6;
}
.wsla-item-arrow {
  color: #cbd5e1;
  font-size: 14px;
  margin-inline-start: auto;
  opacity: 0;
  transition: all 0.3s ease;
}
.wsla-formal-item:hover .wsla-item-arrow {
  opacity: 1;
  color: var(--wsla-orange, #e4682c);
  transform: translateX(0);
}
.wsla-admin-btn-inline {
  background: transparent;
  color: #94a3b8;
  border: 1px solid #e2e8f0;
  font-size: 11px;
  padding: 3px 10px;
  border-radius: 4px;
  transition: 0.2s;
}
.wsla-admin-btn-inline:hover {
  background: #f1f5f9;
  color: #1e293b;
}

/* Downloads Specific */
.wsla-formal-item-icon img {
  width: 24px;
  height: 24px;
  opacity: 0.8;
  transition: 0.2s;
}
.wsla-formal-item:hover .wsla-formal-item-icon img {
  opacity: 1;
  transform: scale(1.05);
}
.wsla-dl-restricted {
  background: #fee2e2;
  color: #dc2626;
  font-size: 11.5px;
  padding: 3px 8px;
  border-radius: 4px;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  margin-inline-start: 10px;
}
.wsla-dl-filesize {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-top: 10px;
  font-size: 12.5px;
  color: #64748b;
  font-weight: 600;
  background: #f8fafc;
  padding: 4px 12px;
  border-radius: 6px;
  border: 1px solid #e2e8f0;
}
.wsla-dl-filesize i {
  color: #94a3b8;
}

/* Announcements */
.wsla-announcements-list {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.wsla-announcement-card {
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  padding: 24px;
  transition: all 0.3s ease;
}
.wsla-announcement-card:hover {
  border-color: var(--wsla-orange, #e4682c);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04);
}
.wsla-ann-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 15px;
  margin-bottom: 8px;
}
.wsla-ann-title {
  font-size: 20px;
  font-weight: 800;
  margin: 0;
  line-height: 1.4;
}
.wsla-ann-title a {
  color: #1e293b;
  text-decoration: none !important;
  transition: color 0.2s ease;
}
.wsla-ann-title a:hover {
  color: var(--wsla-orange, #e4682c);
}
.wsla-ann-meta {
  font-size: 13px;
  color: #64748b;
  margin-bottom: 16px;
  display: flex;
  align-items: center;
  gap: 6px;
}
.wsla-ann-content {
  font-size: 15px;
  color: #475569;
  line-height: 1.7;
  margin-bottom: 20px;
}
.wsla-btn-readmore {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 14.5px;
  font-weight: 700;
  color: var(--wsla-orange, #e4682c);
  text-decoration: none !important;
  transition: all 0.3s ease;
  padding: 8px 16px;
  background: rgba(228, 104, 44, 0.08);
  border-radius: 8px;
}
.wsla-btn-readmore i {
  transition: transform 0.3s ease;
}
html[dir="rtl"] .wsla-btn-readmore i {
  transform: scaleX(-1);
}
.wsla-btn-readmore:hover {
  background: var(--wsla-orange, #e4682c);
  color: #fff;
}
.wsla-btn-readmore:hover i {
  transform: translateX(4px);
}
html[dir="rtl"] .wsla-btn-readmore:hover i {
  transform: scaleX(-1) translateX(-4px);
}
.wsla-btn-edit {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 12px;
  color: #64748b;
  background: #f1f5f9;
  padding: 4px 10px;
  border-radius: 6px;
  text-decoration: none !important;
  transition: 0.2s;
  white-space: nowrap;
}
.wsla-btn-edit:hover {
  background: #e2e8f0;
  color: #1e293b;
}

.wsla-pagination {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-top: 40px;
  list-style: none;
  padding: 0;
}
.wsla-pagination .page-link {
  background: #fff;
  color: #475569;
  border: 1px solid #e2e8f0;
  border-radius: 8px !important;
  margin: 0 4px;
  font-weight: 600;
  min-width: 40px;
  text-align: center;
  transition: all 0.2s ease;
  padding: 8px 16px;
}
.wsla-pagination .page-item.active .page-link {
  background-color: var(--wsla-orange, #e4682c);
  border-color: var(--wsla-orange, #e4682c);
  color: #fff;
  box-shadow: 0 4px 10px rgba(228, 104, 44, 0.2);
}
.wsla-pagination .page-link:hover {
  background-color: rgba(228, 104, 44, 0.08);
  color: var(--wsla-orange, #e4682c);
  border-color: var(--wsla-orange, #e4682c);
}
.wsla-pagination .page-item.disabled .page-link,
.wsla-pagination .disabled .page-link {
  background-color: #f8fafc;
  color: #cbd5e1;
  border-color: #f1f5f9;
  pointer-events: none;
}

/* View Article & Announcement */
.wsla-article-header,
.wsla-announcement-header {
  margin-bottom: 30px;
  padding-bottom: 20px;
  border-bottom: 1px solid #f1f5f9;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 20px;
}
.wsla-article-main-title,
.wsla-announcement-main-title {
  font-size: 28px;
  font-weight: 800;
  color: #0f172a;
  margin: 0 0 15px 0;
  line-height: 1.4;
}
.wsla-article-meta,
.wsla-announcement-meta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 20px;
  font-size: 14px;
  color: #64748b;
  font-weight: 500;
}
.wsla-article-tag {
  background: #f1f5f9;
  color: #475569;
  padding: 4px 12px;
  border-radius: 50px;
  font-weight: 600;
  font-size: 13px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.wsla-print-btn {
  background: transparent;
  color: #94a3b8;
  border: 1px solid #e2e8f0;
  padding: 4px 12px;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none !important;
  transition: 0.2s;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-inline-start: auto;
}
.wsla-print-btn:hover {
  background: #f8fafc;
  color: #1e293b;
}
.wsla-article-body,
.wsla-announcement-body {
  font-size: 15.5px;
  color: #334155;
  line-height: 1.8;
  margin-bottom: 40px;
}
.wsla-article-body h2,
.wsla-article-body h3,
.wsla-article-body h4,
.wsla-announcement-body h2,
.wsla-announcement-body h3,
.wsla-announcement-body h4 {
  color: #1e293b;
  font-weight: 700;
  margin-top: 30px;
  margin-bottom: 15px;
}
.wsla-article-body img,
.wsla-announcement-body img {
  max-width: 100%;
  height: auto;
  border-radius: 8px;
  margin: 15px 0;
}
.wsla-voting-box {
  background: #f8fafc;
  border: 1px dashed #cbd5e1;
  border-radius: 12px;
  padding: 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 15px;
  margin-bottom: 40px;
}
.wsla-voting-text {
  font-size: 16px;
  font-weight: 700;
  color: #1e293b;
  margin: 0;
}
.wsla-voting-actions {
  display: flex;
  gap: 10px;
}
.wsla-vote-btn {
  padding: 8px 20px;
  border-radius: 6px;
  font-weight: 600;
  font-size: 14px;
  border: none;
  cursor: pointer;
  transition: 0.2s;
  display: flex;
  align-items: center;
  gap: 8px;
}
.wsla-vote-yes {
  background: #dcfce7;
  color: #16a34a;
}
.wsla-vote-yes:hover {
  background: #16a34a;
  color: #fff;
}
.wsla-vote-no {
  background: #fee2e2;
  color: #dc2626;
}
.wsla-vote-no:hover {
  background: #dc2626;
  color: #fff;
}
.wsla-social-share-box {
  background: #f8fafc;
  border-radius: 12px;
  padding: 20px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 20px;
  margin-bottom: 40px;
  border: 1px dashed #cbd5e1;
}
.wsla-social-share-text {
  font-size: 14px;
  font-weight: 700;
  color: #475569;
  margin: 0;
  display: flex;
  align-items: center;
  gap: 8px;
}

/* ===== 14. SECURITY, 2FA & PAYMENTS ===== */
.wsla-security-wrapper {
  max-width: 580px;
  margin: 0 auto;
  padding-top: 10px;
}
.wsla-password-group {
  position: relative;
  margin-bottom: 24px;
}
/* WSLA_PHASE03: legacy form block removed. */

.wsla-input-actions-wrapper {
  position: absolute;
  top: 0;
  inset-inline-end: 5px;
  height: 100%;
  display: flex;
  align-items: center;
  gap: 2px;
  z-index: 10;
}
.wsla-icon-btn {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  color: #df8e8e !important;
  font-size: 16px;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: 0.2s;
  padding: 0;
}
.wsla-icon-btn:hover {
  background: #f1f5f9 !important;
  color: var(--wsla-orange, #e62d2d);
}
.wsla-action-divider {
  width: 1px;
  height: 20px;
  background: #e2e8f0;
  margin: 0 2px;
}
.pwstrengthbox {
  margin-top: 15px;
}
.wsla-security-wrapper .alert-info,
.wsla-security-wrapper .alert-danger,
.wsla-security-wrapper .alert-warning {
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
  color: #475569 !important;
  border-radius: 12px !important;
  padding: 16px 20px !important;
  box-shadow: none !important;
  text-align: start;
  font-size: 13.5px;
  line-height: 1.7;
}
.wsla-security-wrapper .alert i {
  color: var(--wsla-orange, #e4682c);
  margin-inline-end: 8px;
  font-size: 16px;
}
.wsla-security-wrapper .alert br {
  display: none;
}
#inputNewPassword2Msg {
  font-size: 13px;
  font-weight: 600;
  color: #ef4444;
  margin-top: 8px;
  display: flex;
  align-items: center;
  gap: 6px;
}
.form-group.has-success #inputNewPassword2Msg {
  color: #10b981;
}

.wsla-current-security-question {
  padding: 12px 14px;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  background: #f8fafc;
  color: #0f172a;
  font-weight: 700;
  font-size: 14px;
  line-height: 1.6;
  direction: auto;
  text-align: unset;
}
#inputSecurityQid {
  height: 52px;
  padding: 0 14px;
  border-radius: 0;
  border: 1px solid #d7dee8;
  background-color: #fff;
  color: #334155;
  /*direction: rtl;*/
  text-align: unset;
}
#inputSecurityQid {
  border-radius: 8px;
}

.wsla-pwd-checklist {
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  padding: 18px 24px;
  margin-top: 15px;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.02);
}
.wsla-pwd-check-title {
  font-size: 15px;
  color: #0f172a;
  margin-bottom: 16px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #f1f5f9;
  padding-bottom: 14px;
}
.wsla-pwd-check-title i {
  color: var(--wsla-orange, #e4682c);
  font-size: 18px;
  margin-inline-end: 10px;
}
.wsla-pwd-check-title strong {
  font-weight: 800;
}
.wsla-pwd-checklist ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.wsla-pwd-checklist ul li {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-size: 13.5px;
  color: #475569;
  line-height: 1.6;
  font-weight: 500;
}
.wsla-pwd-checklist ul li i {
  color: #10b981;
  font-size: 15px;
  margin-top: 4px;
  flex-shrink: 0;
}
.wsla-pwd-checklist code {
  background: #f1f5f9;
  color: #2563eb;
  border: 1px solid #cbd5e1;
  padding: 2px 6px;
  border-radius: 6px;
  font-family: monospace;
  font-size: 13px;
  font-weight: bold;
  margin: 0 4px;
}

.wsla-security-section {
  margin-bottom: 40px;
}
.wsla-security-section:last-child {
  margin-bottom: 0;
}
.wsla-section-heading {
  font-size: 18px;
  font-weight: 800;
  color: #0f172a;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.wsla-2fa-box {
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  padding: 24px;
}
.wsla-2fa-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 20px;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #f1f5f9;
}
.wsla-2fa-status-text {
  font-size: 15px;
  font-weight: 700;
  color: #1e293b;
  margin: 0;
}
.wsla-2fa-status-text span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-inline-start: 8px;
}
.wsla-status-enabled {
  color: #16a34a;
  background: #dcfce7;
  padding: 4px 10px;
  border-radius: 6px;
  font-size: 13px;
}
.wsla-status-disabled {
  color: #dc2626;
  background: #fef2f2;
  padding: 4px 10px;
  border-radius: 6px;
  font-size: 13px;
}
.wsla-btn-2fa {
  padding: 10px 20px;
  border-radius: 8px;
  font-weight: 700;
  font-size: 14px;
  transition: 0.2s;
  text-decoration: none !important;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  border: none;
}
.wsla-btn-2fa-enable {
  background: #16a34a;
  color: #fff !important;
}
.wsla-btn-2fa-enable:hover {
  background: #15803d;
  transform: translateY(-2px);
  box-shadow: 0 4px 10px rgba(22, 163, 74, 0.2);
}
.wsla-btn-2fa-disable {
  background: #f8fafc;
  color: #dc2626 !important;
  border: 1px solid #fecaca;
}
.wsla-btn-2fa-disable:hover {
  background: #fef2f2;
  color: #b91c1c !important;
}
.wsla-2fa-box .alert {
  margin: 0 !important;
  background: #fff !important;
  border: 1px solid #e2e8f0 !important;
  color: #475569 !important;
  border-radius: 8px !important;
  padding: 16px !important;
  font-size: 14px;
  line-height: 1.6;
  box-shadow: none !important;
  text-align: unset;
}
.wsla-2fa-box .alert i {
  color: var(--wsla-orange, #e4682c);
  margin-inline-end: 8px;
}
.wsla-2fa-box .alert br {
  display: none;
}

.wsla-sso-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #f8fafc;
  padding: 20px 24px;
  border-radius: 12px;
  border: 1px solid #e2e8f0;
  gap: 20px;
  margin-top: 20px;
  transition: all 0.3s ease;
}
.wsla-sso-box:hover {
  border-color: #cbd5e1;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.02);
}
.wsla-sso-text p {
  margin: 0;
}
.wsla-sso-status {
  font-size: 15.5px;
  font-weight: 800;
  color: #1e293b;
  margin-bottom: 6px;
  display: flex;
  align-items: center;
  min-height: 24px;
}
.wsla-sso-saving {
  display: none;
  color: var(--wsla-orange, #e4682c);
}
.wsla-sso-saving i {
  margin-inline-end: 5px;
}

/* Payments Specific */
.payment-method-add-card .form-group {
  margin-bottom: 25px;
  position: relative;
}
.wsla-radio-container {
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  padding: 15px 20px;
  border-radius: 10px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  margin-bottom: 0;
  width: 100%;
  max-width: unset;
}
.wsla-radio-container .form-check-inline {
  margin: 0;
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 600;
  color: #334155;
}
/* .payment-method-add-card .cc-number-field {
  background-image: none !important;
  direction: ltr !important;
  text-align: left !important;
}
html[dir="rtl"] .payment-method-add-card .cc-number-field,
body.body-rtl .payment-method-add-card .cc-number-field {
  padding-left: 75px !important;
  padding-right: 15px !important;
}
html[dir="ltr"] .payment-method-add-card .cc-number-field,
body:not(.body-rtl) .payment-method-add-card .cc-number-field {
  padding-right: 75px !important;
  padding-left: 15px !important;
}
.ws-card-brand-box {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  gap: 6px;
  z-index: 5;
} */

/* Card Number Field + Brand Badge */
.payment-method-add-card .ws-card-field-wrap {
  position: relative;
  width: 100%;
}

.payment-method-add-card .cc-number-field {
  background-image: none !important;
  direction: ltr !important;
  text-align: left !important;
}

/* RTL: الشعار يظهر يسار الحقل ورقم البطاقة يبدأ بعده */
html[dir="rtl"] .payment-method-add-card .cc-number-field,
body.body-rtl .payment-method-add-card .cc-number-field {
  padding-left: 78px !important;
  padding-right: 15px !important;
}

/* LTR: الشعار يظهر يمين الحقل ورقم البطاقة يبدأ طبيعي */
html[dir="ltr"] .payment-method-add-card .cc-number-field,
body:not(.body-rtl) .payment-method-add-card .cc-number-field {
  padding-right: 78px !important;
  padding-left: 15px !important;
}

.payment-method-add-card .ws-card-brand-box {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  gap: 6px;
  z-index: 5;
  pointer-events: none;
}

/* مكان الشعار في العربي */
html[dir="rtl"] .payment-method-add-card .ws-card-brand-box,
body.body-rtl .payment-method-add-card .ws-card-brand-box {
  left: 14px;
  right: auto;
}

/* مكان الشعار في الإنجليزي */
html[dir="ltr"] .payment-method-add-card .ws-card-brand-box,
body:not(.body-rtl) .payment-method-add-card .ws-card-brand-box {
  right: 14px;
  left: auto;
}

.ws-card-brand {
  display: none;
  min-width: 40px;
  height: 26px;
  padding: 0 6px;
  border-radius: 6px;
  font-size: 11px;
  font-weight: 800;
  line-height: 24px;
  text-align: center;
  background: #f8fafc;
  border: 1px solid #cbd5e1;
  color: #334155;
  white-space: nowrap;
}
.ws-card-brand.active {
  display: inline-block;
}
.ws-card-brand-visa {
  color: #1a56db;
  border-color: #bfdbfe;
  background: #eff6ff;
}
.ws-card-brand-mastercard {
  color: #b45309;
  border-color: #fed7aa;
  background: #fff7ed;
}
.ws-card-brand-amex {
  color: #0f766e;
  border-color: #99f6e4;
  background: #f0fdfa;
}
.ws-card-brand-discover {
  color: #9a3412;
  border-color: #fdba74;
  background: #fff7ed;
}
#cvvWhereLink {
  font-size: 13px;
  font-weight: 600;
  color: #2563eb;
  text-decoration: none;
  padding: 0;
  margin-top: 8px;
  display: inline-block;
}
#cvvWhereLink:hover {
  text-decoration: underline;
}
form#frmManagePaymentMethod label {
  width: unset;
}

form#frmManagePaymentMethod .form-group label.form-check.form-check-inline {
  display: block !important;
  width: 100% !important;
  /* margin-bottom: 12px !important; */
}
html[dir="ltr"]
  form#frmManagePaymentMethod
  .form-group
  label.form-check.form-check-inline
  .iradio_square-blue {
  right: unset;
  left: 12px;
}
html[dir="rtl"]
  form#frmManagePaymentMethod
  .form-group
  label.form-check.form-check-inline
  .iradio_square-blue {
  left: unset;
  right: 12px;
}

.wsla-add-payment-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-weight: 700;
  font-size: 14px;
  padding: 12px 20px;
  border-radius: 8px;
  transition: all 0.3s ease;
  text-decoration: none !important;
}
.wsla-add-cc {
  background: var(--wsla-orange, #e4682c);
  color: #fff;
  border: 1px solid var(--wsla-orange, #e4682c);
  box-shadow: 0 4px 12px rgba(228, 104, 44, 0.2);
}
.wsla-add-cc:hover {
  background: #d95e26;
  color: #fff;
  transform: translateY(-2px);
}
.wsla-add-bank {
  background: #f8fafc;
  color: #475569;
  border: 1px solid #cbd5e1;
}
.wsla-add-bank:hover {
  background: #f1f5f9;
  color: #1e293b;
}
.wsla-payment-table {
  width: 100%;
  border-collapse: collapse;
  margin: 0;
}
.wsla-payment-table th {
  background: #f8fafc;
  color: #64748b;
  font-size: 13px;
  font-weight: 700;
  padding: 16px;
  border-bottom: 1px solid #e2e8f0;
  white-space: nowrap;
}
.wsla-payment-table td {
  padding: 16px;
  border-bottom: 1px solid #f1f5f9;
  color: #1e293b;
  font-size: 14.5px;
  font-weight: 600;
  vertical-align: middle;
}
.wsla-payment-table tbody tr:last-child td {
  border-bottom: none;
}
.wsla-payment-table tbody tr:hover {
  background: #fafbfc;
}

.wsla-pay-icon {
  font-size: 24px;
  color: #94a3b8;
}
.wsla-badge-default {
  background: #dcfce7;
  color: #16a34a;
  font-size: 11px;
  padding: 4px 8px;
  border-radius: 6px;
  font-weight: 800;
  text-transform: uppercase;
  margin-inline-start: 8px;
  display: inline-block;
}
.wsla-action-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.wsla-action-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  font-weight: 600;
  padding: 6px 12px;
  border-radius: 6px;
  transition: 0.2s;
  text-decoration: none !important;
  border: 1px solid transparent;
  cursor: pointer;
}
.wsla-action-btn.disabled {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}
.wsla-btn-default-set {
  background: #f1f5f9;
  color: #475569;
}
.wsla-btn-default-set:hover {
  background: #e2e8f0;
  color: #1e293b;
}
.wsla-btn-delete {
  background: #fef2f2;
  color: #dc2626;
}
.wsla-btn-delete:hover {
  background: #fee2e2;
  color: #b91c1c;
}

/* ===== 15. NETWORK STATUS & OTHERS ===== */
.wsla-status-alert {
  border-radius: 8px;
  padding: 16px 20px;
  margin-bottom: 30px;
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 15px;
  font-weight: 500;
  border: 1px solid transparent;
}
.wsla-status-alert i {
  font-size: 20px;
}
.wsla-alert-success {
  background: #f0fdf4;
  border-color: #bbf7d0;
  color: #16a34a;
}
.wsla-alert-info {
  background: #f0f9ff;
  border-color: #bae6fd;
  color: #0284c7;
}
.wsla-alert-warning {
  background: #fffbeb;
  border-color: #fde68a;
  color: #d97706;
}
.wsla-table-wrapper {
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  overflow: hidden;
  margin-bottom: 40px;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.02);
}
.wsla-server-table {
  width: 100%;
  border-collapse: collapse;
  margin: 0;
}
.wsla-server-table th {
  background: #f8fafc;
  color: #64748b;
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  padding: 16px;
  border-bottom: 1px solid #e2e8f0;
  white-space: nowrap;
}
.wsla-server-table td {
  padding: 16px;
  border-bottom: 1px solid #f1f5f9;
  color: #1e293b;
  font-size: 14.5px;
  font-weight: 500;
  vertical-align: middle;
}
.wsla-server-table tbody tr:last-child td {
  border-bottom: none;
}
.wsla-server-table tbody tr:hover {
  background: #fafbfc;
}
.wsla-server-table a {
  color: #2563eb;
  text-decoration: none;
  font-weight: 600;
}
.wsla-server-table a:hover {
  color: var(--wsla-orange, #e4682c);
}
.wsla-server-table td .fa-spinner {
  color: #94a3b8;
  font-size: 16px;
}

.wsla-issue-card {
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  margin-bottom: 25px;
  overflow: hidden;
  transition: all 0.3s ease;
}
.wsla-issue-card:hover {
  border-color: #cbd5e1;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.03);
}
.wsla-issue-header {
  background: #f8fafc;
  border-bottom: 1px solid #f1f5f9;
  padding: 16px 24px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 15px;
}
.wsla-issue-title {
  margin: 0;
  font-size: 16.5px;
  font-weight: 700;
  color: #1e293b;
  display: flex;
  align-items: center;
  gap: 10px;
}
.wsla-issue-status-text {
  font-size: 13px;
  font-weight: 500;
  color: #64748b;
}
.wsla-priority-badge {
  font-size: 12px;
  font-weight: 700;
  padding: 4px 12px;
  border-radius: 50px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.wsla-badge-critical {
  background: #fee2e2;
  color: #dc2626;
}
.wsla-badge-high {
  background: #ffedd5;
  color: #ea580c;
}
.wsla-badge-low {
  background: #dcfce7;
  color: #16a34a;
}
.wsla-badge-info {
  background: #e0f2fe;
  color: #0284c7;
}
.wsla-issue-body {
  padding: 24px;
}
.wsla-issue-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin-bottom: 20px;
  font-size: 14px;
  color: #64748b;
}
.wsla-issue-meta-item {
  display: flex;
  align-items: center;
  gap: 8px;
}
.wsla-issue-meta-item i {
  color: #94a3b8;
}
.wsla-issue-desc {
  font-size: 15px;
  color: #334155;
  line-height: 1.7;
  margin: 0;
}

.wsla-marketing-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #f8fafc;
  padding: 16px 20px;
  border-radius: 8px;
  border: 1px solid #e2e8f0;
  gap: 15px;
}
.wsla-marketing-text p {
  margin: 0;
  font-size: 13.5px;
  color: #64748b;
  line-height: 1.6;
}

/* Contact Page Enhancements */
.wsla-contact-head {
  text-align: center;
  margin-bottom: 30px;
}
.wsla-contact-head .h3 {
  margin-bottom: 8px;
}
.wsla-contact-top {
  display: grid;
  grid-template-columns: 140px 1fr;
  gap: 28px;
  align-items: start;
  margin-bottom: 50px;
}
.wsla-contact-qr {
  text-align: center;
}
.wsla-contact-qr img {
  max-width: 122px;
  height: auto;
}
.wsla-contact-info {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.wsla-contact-hours {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
}
.wsla-contact-hours .time {
  font-size: 34px;
  font-weight: 800;
  color: #c96b17;
  line-height: 1;
}
.wsla-contact-hours .days {
  font-size: 18px;
  font-weight: 600;
  color: var(--wsla-dark);
}
.wsla-contact-line {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 18px;
  row-gap: 10px;
}
.wsla-contact-item {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: #555;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.7;
}
.wsla-contact-item label {
  margin: 0;
  font-size: 16px;
  font-weight: 300;
  color: #555;
}
.wsla-contact-item svg {
  flex-shrink: 0;
}
.wsla-contact-address {
  padding-bottom: 4px;
}
.wsla-contact-divider {
  height: 1px;
  background: var(--wsla-border);
  margin: 4px 0 2px;
}
.wsla-contact-form {
  margin-top: 10px;
  max-width: 980px;
  margin-left: auto;
  margin-right: auto;
}
.wsla-contact-form .form-grid-2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}
.wsla-contact-form .form-grid-1 {
  display: grid;
  grid-template-columns: 1fr;
}
.contact-page-20i form {
  display: contents !important;
}
.contact-page-20i {
  box-shadow: 0px 0px 0px rgb(42 46 54 / 11%);
}

.body-rtl .form-group label {
  max-width: fit-content;
}

/* ==========================================================================
       تصميم صفحة إضافة رصيد (Add Funds)
       ========================================================================== */

/* 1. شبكة حدود الرصيد (Limits Grid) */
.wsla-addfunds-limits {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 16px;
  margin-bottom: 30px;
}

.wsla-limit-box {
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  padding: 20px;
  display: flex;
  align-items: center;
  gap: 16px;
  transition: all 0.3s ease;
}

.wsla-limit-box:hover {
  background: #ffffff;
  border-color: #cbd5e1;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.03);
  transform: translateY(-2px);
}

.wsla-limit-icon {
  width: 48px;
  height: 48px;
  background: rgba(228, 104, 44, 0.08);
  color: var(--wsla-orange, #e4682c);
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  flex-shrink: 0;
}

.wsla-limit-box:nth-child(2) .wsla-limit-icon {
  background: rgba(37, 99, 235, 0.08);
  color: #2563eb;
} /* أزرق للحد الأقصى */
.wsla-limit-box:nth-child(3) .wsla-limit-icon {
  background: rgba(22, 163, 74, 0.08);
  color: #16a34a;
} /* أخضر للرصيد الإجمالي */

.wsla-limit-text {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.wsla-limit-text span {
  font-size: 12.5px;
  color: #64748b;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.3px;
}

.wsla-limit-text strong {
  font-size: 18px;
  color: #1e293b;
  font-weight: 800;
}

/* 2. صندوق التنبيه السفلي (Notice) */
.wsla-addfunds-notice {
  background: #fffbeb;
  border: 1px solid #fde68a;
  color: #b45309;
  padding: 14px 20px;
  border-radius: 10px;
  font-size: 13.5px;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 25px;
}

.wsla-addfunds-notice i {
  font-size: 18px;
  color: #f59e0b;
}

/* ==========================================================================
       تصميم صفحة الدفع المجمع (Mass Payment) - احترافي
       ========================================================================== */

/* 1. جدول الفواتير الفخم */
.wsla-masspay-table {
  width: 100%;
  border-collapse: collapse;
  margin: 0;
}

.wsla-masspay-table th {
  background: #f8fafc;
  color: #64748b;
  font-size: 13.5px;
  font-weight: 800;
  padding: 16px 20px;
  border-bottom: 1px solid #e2e8f0;
  text-align: start; /* محاذاة تلقائية لليمين في العربي واليسار في الإنجليزي */
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.wsla-masspay-table td {
  padding: 14px 20px;
  border-bottom: 1px solid #f1f5f9;
  color: #334155;
  font-size: 14.5px;
  vertical-align: middle;
}

/* صف عنوان الفاتورة الأساسي */
.wsla-invoice-head td {
  background: rgba(241, 245, 249, 0.6);
  color: #0f172a;
  font-size: 15px;
  border-bottom: 1px solid #e2e8f0;
}

/* صفوف تفاصيل العناصر داخل الفاتورة */
.masspay-invoice-detail td {
  color: #475569;
  padding-inline-start: 30px; /* مسافة بادئة لتمييز العناصر */
}

/* 2. منطقة الإجماليات (Totals Summary) */
.wsla-masspay-total td {
  background: #ffffff;
  font-weight: 600;
  color: #475569;
  border-bottom: 1px dashed #e2e8f0;
}

.wsla-masspay-total td:first-child {
  text-align: end; /* محاذاة النص للنهاية تلقائياً */
  padding-inline-end: 25px;
}

/* الإجمالي النهائي (Total Due) */
.wsla-masspay-total.wsla-final-total td {
  background: #f8fafc;
  font-size: 18px;
  font-weight: 800;
  color: var(--wsla-orange, #e4682c);
  border-top: 2px solid #e2e8f0;
  border-bottom: none;
}

/* 3. صندوق اختيار وسيلة الدفع (Checkout Box) */
.wsla-masspay-checkout {
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  padding: 24px;
  margin-top: 30px;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
}

/* تخصيص زر الدفع ليطابق ارتفاع حقل التحديد */
.wsla-masspay-checkout .btn-submit {
  height: 52px;
  max-width: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-size: 16px;
  margin: 0 !important;
}

/* ==========================================================================
       تصميم صفحة قائمة الفواتير (Invoices List)
       ========================================================================== */

.wsla-invoices-table {
  width: 100% !important;
  border-collapse: collapse !important;
  margin: 0 !important;
}

.wsla-invoices-table thead th {
  background: #f8fafc;
  color: #64748b;
  font-size: 13.5px;
  font-weight: 800;
  padding: 16px 20px !important;
  border-bottom: 1px solid #e2e8f0 !important;
  border-top: none !important;
  text-align: start;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.wsla-invoices-table tbody tr {
  cursor: pointer;
  transition: all 0.2s ease;
  background-color: #fff;
}

.wsla-invoices-table tbody tr:hover {
  background-color: #f8fafc !important;
  box-shadow: inset 4px 0 0 var(--wsla-orange, #e4682c);
}

html[dir="rtl"] .wsla-invoices-table tbody tr:hover,
body.body-rtl .wsla-invoices-table tbody tr:hover {
  box-shadow: inset -4px 0 0 var(--wsla-orange, #e4682c);
}

.wsla-invoices-table tbody td {
  padding: 16px 20px !important;
  vertical-align: middle;
  border-bottom: 1px solid #f1f5f9 !important;
  color: #475569;
  font-size: 14.5px;
  font-weight: 500;
}

.wsla-invoices-table tbody td:first-child {
  font-weight: 800;
  color: #0f172a;
  font-size: 15px;
}

.wsla-invoice-total {
  font-weight: 800;
  color: var(--wsla-orange, #e4682c);
  font-size: 15px;
}

.wsla-invoices-table .label.status {
  padding: 6px 14px;
  border-radius: 50px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.3px;
  text-transform: uppercase;
  box-shadow: none !important;
}

.wsla-table-card .dataTables_wrapper {
  padding: 20px;
}

.wsla-table-card .dataTables_wrapper .row {
  margin-left: 0;
  margin-right: 0;
}

.wsla-table-card .dataTables_info,
.wsla-table-card .dataTables_paginate {
  margin-top: 15px;
}

.wsla-table-card table.dataTable {
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid #e2e8f0;
}

#tableLoading {
  padding: 60px 0;
  color: var(--wsla-orange, #e4682c);
  font-weight: 600;
  font-size: 15px;
}

.wsla-debug-count {
  margin-bottom: 15px;
  color: #64748b;
  font-size: 13px;
}

/* ==========================================================================
       تصميم صفحة عروض الأسعار (Quotes List)
    ========================================================================== */

.wsla-quotes-table {
  width: 100% !important;
  border-collapse: collapse !important;
  margin: 0 !important;
}

.wsla-quotes-table thead th {
  background: #f8fafc;
  color: #64748b;
  font-size: 13.5px;
  font-weight: 800;
  padding: 16px 20px !important;
  border-bottom: 1px solid #e2e8f0 !important;
  border-top: none !important;
  text-align: start;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.wsla-quotes-table tbody tr {
  cursor: pointer;
  transition: all 0.2s ease;
  background-color: #fff;
}

.wsla-quotes-table tbody tr:hover {
  background-color: #f8fafc !important;
  box-shadow: inset 4px 0 0 var(--wsla-orange, #e4682c);
}

html[dir="rtl"] .wsla-quotes-table tbody tr:hover,
body.body-rtl .wsla-quotes-table tbody tr:hover {
  box-shadow: inset -4px 0 0 var(--wsla-orange, #e4682c);
}

.wsla-quotes-table tbody td {
  padding: 16px 20px !important;
  vertical-align: middle;
  border-bottom: 1px solid #f1f5f9 !important;
  color: #475569;
  font-size: 14.5px;
  font-weight: 500;
}

.wsla-quotes-table tbody td:first-child {
  font-weight: 800;
  color: #0f172a;
  font-size: 15px;
}

.wsla-quotes-table tbody td:nth-child(2) {
  font-weight: 700;
  color: #1e293b;
}

.wsla-quotes-table .label.status {
  padding: 6px 14px;
  border-radius: 50px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.3px;
  text-transform: uppercase;
  box-shadow: none !important;
}

.wsla-dl-btn {
  background: #eff6ff;
  color: #2563eb;
  border: none;
  padding: 8px 14px;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 600;
  transition: 0.2s;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  cursor: pointer;
}

.wsla-dl-btn:hover {
  background: #dbeafe;
  color: #1d4ed8;
}

#tableLoading {
  padding: 60px 0;
  color: var(--wsla-orange, #e4682c);
  font-weight: 600;
  font-size: 15px;
}

.wsla-debug-count {
  margin-bottom: 15px;
  color: #64748b;
  font-size: 13px;
}

/* ==========================================================================
       تصميم صفحة قائمة الخدمات (Services List)
========================================================================== */

/* 2. جدول الخدمات الفخم */
.wsla-services-table {
  width: 100% !important;
  border-collapse: collapse !important;
  margin: 0 !important;
}

.wsla-services-table thead th {
  background: #f8fafc;
  color: #64748b;
  font-size: 13.5px;
  font-weight: 800;
  padding: 16px 20px !important;
  border-bottom: 1px solid #e2e8f0 !important;
  border-top: none !important;
  text-align: start; /* محاذاة تلقائية لليمين في العربي واليسار في الإنجليزي */
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* 3. تأثير المرور (Hover) التفاعلي للصفوف */
.wsla-services-table tbody tr {
  cursor: pointer;
  transition: all 0.2s ease;
  background-color: #fff;
}

.wsla-services-table tbody tr:hover {
  background-color: #f8fafc !important;
  box-shadow: inset 4px 0 0 var(--wsla-orange, #e4682c);
}

html[dir="rtl"] .wsla-services-table tbody tr:hover,
body.body-rtl .wsla-services-table tbody tr:hover {
  box-shadow: inset -4px 0 0 var(--wsla-orange, #e4682c);
}

.wsla-services-table tbody td {
  padding: 16px 20px !important;
  vertical-align: middle;
  border-bottom: 1px solid #f1f5f9 !important;
  color: #475569;
  font-size: 14.5px;
  font-weight: 500;
}

/* 4. تنسيق محتوى الخلايا */
/* عمود أيقونة SSL */
.wsla-services-table tbody td:first-child {
  width: 50px;
  text-align: center;
}

/* اسم المنتج ورابط النطاق */
.wsla-product-name {
  font-weight: 600;
  color: #0f172a;
  font-size: 15px;
  display: block;
  /* margin-bottom: 2px; */
  margin: 10px 0px 5px 0px;
}
.wsla-domain-link {
  color: #64748b;
  font-size: 13px;
  text-decoration: none !important;
  transition: 0.2s;
}
.wsla-domain-link:hover {
  color: var(--wsla-orange, #e4682c);
}

/* السعر ودورة الدفع */
.wsla-service-amount {
  font-weight: 700;
  color: #1e293b;
}
.wsla-service-cycle {
  display: block;
  font-size: 11px;
  color: #94a3b8;
  font-weight: 400;
  margin-top: 12px;
  text-transform: uppercase;
}

/* 5. شارات الحالة (Service Status Badges) */
.wsla-services-table .label.status {
  padding: 6px 14px;
  border-radius: 50px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.3px;
  text-transform: uppercase;
  box-shadow: none !important;
  display: inline-block;
}

.status-active {
  background: #dcfce7 !important;
  color: #16a34a !important;
}
.status-pending {
  background: #fffbeb !important;
  color: #d97706 !important;
}
.status-suspended {
  background: #fee2e2 !important;
  color: #dc2626 !important;
}
.status-terminated,
.status-cancelled {
  background: #f1f5f9 !important;
  color: #64748b !important;
}
.status-fraud {
  background: #1e293b !important;
  color: #ffffff !important;
}

/* أيقونة التحميل */
#tableLoading {
  padding: 60px 0;
  color: var(--wsla-orange, #e4682c);
  font-weight: 600;
  font-size: 15px;
}

.wsla-table-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
  margin-bottom: 18px;
  padding-bottom: 14px;
}
.wsla-bulk-actions-bar {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  flex: 1 0 auto;
}
.wsla-bulk-btn {
  background: #fff;
  color: #475569;
  border: 1px solid #cbd5e1;
  padding: 7px 14px;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 600;
  transition: all 0.2s ease;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  text-decoration: none !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03);
}
.wsla-bulk-btn:hover,
.wsla-bulk-btn:focus {
  background: #f8fafc;
  border-color: #94a3b8;
  color: #0f172a;
}
.wsla-bulk-btn i {
  color: #64748b;
}
.wsla-bulk-dropdown .dropdown-menu {
  border-radius: 10px;
  border: 1px solid #e2e8f0;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.06);
  padding: 8px 0;
  min-width: 210px;
  text-align: start;
}
.wsla-bulk-dropdown .dropdown-item {
  padding: 9px 18px;
  font-size: 13px;
  font-weight: 500;
  color: #475569;
  display: flex;
  align-items: center;
  gap: 10px;
  transition: 0.2s ease;
  cursor: pointer;
}
.wsla-bulk-dropdown .dropdown-item:hover,
.wsla-bulk-dropdown .dropdown-item:focus {
  background: #f8fafc;
  color: #e4682c;
}
.wsla-filter-toggle {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-size: 13px;
  font-weight: 600;
  color: #475569;
  user-select: none;
}
.wsla-filter-switch {
  position: relative;
  width: 42px;
  height: 24px;
  display: inline-block;
  margin: 0;
}
.wsla-filter-switch input {
  opacity: 0;
  width: 0;
  height: 0;
  position: absolute;
}
.wsla-filter-slider {
  position: absolute;
  inset: 0;
  border-radius: 999px;
  background: #d1d5db;
  transition: 0.25s ease;
  cursor: pointer;
}
.wsla-filter-slider:before {
  content: "";
  position: absolute;
  top: 3px;
  right: 3px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #fff;
  transition: 0.25s ease;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.18);
}
.wsla-filter-switch input:checked + .wsla-filter-slider {
  background: #2563eb;
}
.wsla-filter-switch input:checked + .wsla-filter-slider:before {
  transform: translateX(-18px);
}
html[dir="ltr"] .wsla-filter-slider:before,
body:not(.body-rtl) .wsla-filter-slider:before {
  right: auto;
  left: 3px;
}
html[dir="ltr"] .wsla-filter-switch input:checked + .wsla-filter-slider:before,
body:not(.body-rtl)
  .wsla-filter-switch
  input:checked
  + .wsla-filter-slider:before {
  transform: translateX(18px);
}
.wsla-domains-table {
  width: 100% !important;
  border-collapse: collapse !important;
  margin: 0 !important;
}
.wsla-domains-table thead th {
  background: #f8fafc !important;
  color: #475569;
  font-size: 13px;
  font-weight: 700;
  padding: 16px 14px !important;
  border-bottom: 1px solid #e5e7eb !important;
  text-align: start;
  vertical-align: middle;
  white-space: nowrap;
}
.wsla-domains-table tbody tr {
  transition: background-color 0.2s ease;
  background: #fff;
  border-bottom: 1px solid #eef2f7;
}
.wsla-domains-table tbody tr:hover {
  background: #fafcff !important;
}
.wsla-domains-table tbody td {
  padding: 18px 14px !important;
  vertical-align: middle;
  color: #334155;
  font-size: 14px;
  font-weight: 500;
}
.wsla-domain-link {
  color: #2563eb !important;
  font-size: 15px;
  font-weight: 700;
  text-decoration: none !important;
  word-break: break-word;
}
.wsla-domain-link:hover {
  color: #1d4ed8 !important;
}
.wsla-view-link {
  width: 36px;
  height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  border: 1px solid #dbe3ee;
  background: #fff;
  color: #64748b !important;
  transition: all 0.2s ease;
}
.wsla-view-link:hover {
  background: #f8fafc;
  color: #2563eb !important;
  border-color: #bfdbfe;
}
.wsla-switch {
  position: relative;
  display: inline-block;
  width: 52px;
  height: 28px;
  margin: 0;
  vertical-align: middle;
}
.wsla-switch input {
  opacity: 0;
  width: 0;
  height: 0;
  position: absolute;
}

/* .wsla-switch-slider { position: absolute; inset: 0; cursor: pointer; background-color: #d1d5db; transition: .25s ease; border-radius: 999px; }
  .wsla-switch-slider:before { content: ""; position: absolute; height: 22px; width: 22px; top: 3px; right: 3px; background-color: #fff; transition: .25s ease; border-radius: 50%; box-shadow: 0 1px 3px rgba(0,0,0,.18); }
  .wsla-switch-text-on, .wsla-switch-text-off { position: absolute; top: 50%; transform: translateY(-50%); font-size: 10px; font-weight: 800; line-height: 1; pointer-events: none; transition: opacity .2s ease; }
  .wsla-switch-text-on { left: 8px; color: #fff; opacity: 0; }
  .wsla-switch-text-off { right: 8px; color: #64748b; opacity: 1; } */

/* =========================================================
   تنسيق زر التبديل (Toggle Switch) - متطابق 100% مع الصورة
========================================================= */
.wsla-switch {
  position: relative;
  display: inline-block;
  width: 56px !important; /* زيادة العرض قليلاً لاحتواء النص براحة */
  height: 28px !important;
  margin: 0 !important;
  vertical-align: middle !important;
}
.wsla-switch input {
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
  position: absolute !important;
}

/* الخلفية في حالة (OFF) */
.wsla-switch-slider {
  position: absolute !important;
  inset: 0 !important;
  cursor: pointer !important;
  background-color: #e2e8f0 !important; /* لون رمادي فاتح مطابق للصورة */
  transition: 0.3s ease !important;
  border-radius: 999px !important;
}

/* الدائرة البيضاء (Knob) */
.wsla-switch-slider:before {
  content: "" !important;
  position: absolute !important;
  height: 22px !important;
  width: 22px !important;
  top: 3px !important;
  left: 3px !important; /* الأساس: الدائرة يسار */
  background-color: #fff !important;
  transition: 0.3s ease !important;
  border-radius: 50% !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important; /* ظل خفيف جداً */
}

/* النصوص (ON / OFF) */
.wsla-switch-text-on,
.wsla-switch-text-off {
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  font-size: 11px !important; /* حجم مقروء وممتاز */
  font-weight: 700 !important;
  font-family: sans-serif !important;
  line-height: 1 !important;
  pointer-events: none !important;
  transition: opacity 0.3s ease !important;
}

.wsla-switch-text-off {
  right: 8px !important;
  color: #64748b !important; /* لون رمادي مزرق مطابق للصورة */
  opacity: 1 !important;
}

.wsla-switch-text-on {
  left: 10px !important;
  color: #ffffff !important;
  opacity: 0 !important;
}

/* --- حالة التشغيل (ON) --- */
.wsla-switch input:checked + .wsla-switch-slider {
  background-color: #0d6efd !important; /* لون أزرق ساطع مطابق للصورة */
}

.wsla-switch input:checked + .wsla-switch-slider:before {
  transform: translateX(
    28px
  ) !important; /* تحريك الدائرة لليمين (56 - 22 - 6) */
}

.wsla-switch input:checked + .wsla-switch-slider .wsla-switch-text-on {
  opacity: 1 !important;
}
.wsla-switch input:checked + .wsla-switch-slider .wsla-switch-text-off {
  opacity: 0 !important;
}

/* --- دعم اللغة العربية (RTL) للزر --- */
[dir="rtl"] .wsla-switch-slider:before,
body.rtl .wsla-switch-slider:before,
body.body-rtl .wsla-switch-slider:before {
  left: auto !important;
  right: 3px !important;
}

[dir="rtl"] .wsla-switch-text-off,
body.rtl .wsla-switch-text-off,
body.body-rtl .wsla-switch-text-off {
  right: auto !important;
  left: 8px !important;
}

[dir="rtl"] .wsla-switch-text-on,
body.rtl .wsla-switch-text-on,
body.body-rtl .wsla-switch-text-on {
  left: auto !important;
  right: 10px !important;
}

[dir="rtl"] .wsla-switch input:checked + .wsla-switch-slider:before,
body.rtl .wsla-switch input:checked + .wsla-switch-slider:before,
body.body-rtl .wsla-switch input:checked + .wsla-switch-slider:before {
  transform: translateX(-28px) !important; /* عكس اتجاه الحركة في العربي */
}

.wsla-switch.is-loading {
  pointer-events: none !important;
  opacity: 0.65 !important;
}

.wsla-switch input:checked + .wsla-switch-slider {
  background-color: #2563eb;
}
.wsla-switch input:checked + .wsla-switch-slider:before {
  transform: translateX(-24px);
}
.wsla-switch input:checked + .wsla-switch-slider .wsla-switch-text-on {
  opacity: 1;
}
.wsla-switch input:checked + .wsla-switch-slider .wsla-switch-text-off {
  opacity: 0;
}
html[dir="ltr"] .wsla-switch-slider:before,
body:not(.body-rtl) .wsla-switch-slider:before {
  right: auto;
  left: 3px;
}
html[dir="ltr"] .wsla-switch-text-on,
body:not(.body-rtl) .wsla-switch-text-on {
  left: auto;
  right: 8px;
}
html[dir="ltr"] .wsla-switch-text-off,
body:not(.body-rtl) .wsla-switch-text-off {
  right: auto;
  left: 8px;
}
html[dir="ltr"] .wsla-switch input:checked + .wsla-switch-slider:before,
body:not(.body-rtl) .wsla-switch input:checked + .wsla-switch-slider:before {
  transform: translateX(24px);
}
.wsla-switch.is-loading {
  pointer-events: none;
  opacity: 0.65;
}
.wsla-status-pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  font-weight: 700;
  white-space: nowrap;
  padding: 6px 12px;
  border-radius: 8px;
}
.wsla-status-active {
  background-color: #dcfce7;
  color: #15803d;
}
.wsla-status-pending {
  background-color: #ffedd5;
  color: #ea580c;
}
.wsla-status-expired,
.wsla-status-cancelled {
  background-color: #fee2e2;
  color: #dc2626;
}
.wsla-status-other {
  background-color: #f1f5f9;
  color: #475569;
}
.wsla-hidden-sort {
  display: none !important;
}
.wsla-toast-container {
  position: fixed;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 9999;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.wsla-toast {
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
  padding: 12px 20px;
  display: flex;
  align-items: center;
  gap: 12px;
  font-family: inherit;
  font-size: 14px;
  font-weight: 600;
  animation: slideUp 0.3s ease forwards;
  border: 1px solid #e2e8f0;
}
.wsla-toast.success {
  border-right: 4px solid #10b981;
}
.wsla-toast.error {
  border-right: 4px solid #ef4444;
}
html[dir="ltr"] .wsla-toast.success {
  border-right: none;
  border-left: 4px solid #10b981;
}
html[dir="ltr"] .wsla-toast.error {
  border-right: none;
  border-left: 4px solid #ef4444;
}
.wsla-toast i.success-icon {
  color: #10b981;
  font-size: 18px;
}
.wsla-toast i.error-icon {
  color: #ef4444;
  font-size: 18px;
}
@keyframes slideUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

.wsla-filter-toggle span {
  font-size: 12px;
  font-weight: 500;
}

/* =========================================================
 تخصيص ملحقات DataTables (البحث، الترقيم، المدخلات، المعلومات)
========================================================= */

/* تنظيف الحاوية لمنع التداخل */
.dataTables_wrapper {
  padding: 10px 0 !important;
}
.dataTables_wrapper::after {
  content: "";
  display: table;
  clear: both;
}

/* ---------------------------------------------------
 1. أزرار الترقيم (Pagination)
--------------------------------------------------- */
.dataTables_wrapper ul.pagination {
  display: flex !important;
  gap: 6px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  align-items: center !important;
}
.dataTables_wrapper ul.pagination li.page-item {
  margin: 0 !important;
  border: none !important;
  background: transparent !important;
}
.dataTables_wrapper ul.pagination li.page-item a.page-link {
  border: none !important;
  background-color: #f1f5f9 !important;
  color: #475569 !important;
  border-radius: 8px !important;
  padding: 0 14px !important;
  height: 33px !important;
  line-height: 33px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  box-shadow: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 36px !important;
  transition: all 0.2s ease !important;
}
.dataTables_wrapper
  ul.pagination
  li.page-item:not(.active):not(.disabled)
  a.page-link:hover {
  background-color: #e2e8f0 !important;
  color: #0f172a !important;
}
.dataTables_wrapper ul.pagination li.page-item.active a.page-link {
  background-color: #eff6ff !important;
  color: #2563eb !important;
  font-weight: 700 !important;
  cursor: default !important;
}
.dataTables_wrapper ul.pagination li.page-item.disabled a.page-link {
  background-color: #f8fafc !important;
  color: #cbd5e1 !important;
  cursor: not-allowed !important;
  pointer-events: none !important;
}

/* ---------------------------------------------------
 2. قائمة عرض المدخلات (Length Menu)
--------------------------------------------------- */
.dataTables_wrapper .dataTables_length label {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #475569 !important;
  margin: 0 !important;
  white-space: nowrap !important;
}
.dataTables_wrapper
  .dataTables_length
  label
  select.custom-select.custom-select-sm.form-control.form-control-sm {
  display: inline-block !important;
  width: 70px !important;
  height: 33px !important;
  min-height: 33px !important;
  margin: 0 !important;
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
  background-color: #f1f5f9 !important;
  border-radius: 8px !important;
  color: #0f172a !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  text-align: center !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  padding: 0 8px 0 24px !important;
  line-height: 33px !important;
  cursor: pointer !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23475569' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: left 8px center !important;
  background-size: 12px !important;
  transition: all 0.2s ease !important;
}
.dataTables_wrapper
  .dataTables_length
  label
  select.custom-select.custom-select-sm.form-control.form-control-sm:focus,
.dataTables_wrapper
  .dataTables_length
  label
  select.custom-select.custom-select-sm.form-control.form-control-sm:active,
.dataTables_wrapper
  .dataTables_length
  label
  select.custom-select.custom-select-sm.form-control.form-control-sm:hover {
  background-color: #e2e8f0 !important;
  color: #2563eb !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%232563eb' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") !important;
}
html[dir="ltr"]
  .dataTables_wrapper
  .dataTables_length
  label
  select.custom-select.custom-select-sm.form-control.form-control-sm,
body:not(.body-rtl)
  .dataTables_wrapper
  .dataTables_length
  label
  select.custom-select.custom-select-sm.form-control.form-control-sm {
  padding: 0 24px 0 8px !important;
  background-position: right 8px center !important;
}

/* ---------------------------------------------------
 3. حقل البحث (Search Box)
--------------------------------------------------- */
.dataTables_wrapper .dataTables_filter label {
  font-size: 0 !important;
  color: transparent !important;
  margin: 0 !important;
  display: block !important;
}
.dataTables_wrapper
  .dataTables_filter
  input[type="search"].form-control.form-control-sm {
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
  display: inline-block !important;
  height: 33px !important;
  min-width: 220px !important;
  margin: 0 !important;
  background-color: #f1f5f9 !important;
  border-radius: 8px !important;
  color: #0f172a !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  padding: 0 32px 0 12px !important;
  transition: all 0.2s ease !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 10px center !important;
}
.dataTables_wrapper
  .dataTables_filter
  input[type="search"].form-control.form-control-sm:focus,
.dataTables_wrapper
  .dataTables_filter
  input[type="search"].form-control.form-control-sm:active {
  background-color: #e2e8f0 !important;
  color: #2563eb !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%232563eb' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E") !important;
}
html[dir="ltr"]
  .dataTables_wrapper
  .dataTables_filter
  input[type="search"].form-control.form-control-sm,
body:not(.body-rtl)
  .dataTables_wrapper
  .dataTables_filter
  input[type="search"].form-control.form-control-sm {
  padding: 0 12px 0 32px !important;
  background-position: left 10px center !important;
}

/* ---------------------------------------------------
 4. نص المعلومات (Info Text)
--------------------------------------------------- */
.dataTables_wrapper .dataTables_info {
  color: #64748b !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  height: 33px !important;
  line-height: 33px !important;
  padding: 0 !important;
  margin: 0 15px !important;
  display: inline-block !important;
  clear: none !important;
}

/* ---------------------------------------------------
 5. توجيه المحاذاة (RTL و LTR Layout)
--------------------------------------------------- */
/* اللغة العربية (RTL) */
[dir="rtl"] .dataTables_wrapper .dataTables_filter,
body.rtl .dataTables_wrapper .dataTables_filter {
  float: left !important;
}
[dir="rtl"] .dataTables_wrapper .dataTables_info,
body.rtl .dataTables_wrapper .dataTables_info {
  float: right !important;
}
[dir="rtl"] .dataTables_wrapper .dataTables_paginate,
body.rtl .dataTables_wrapper .dataTables_paginate {
  float: left !important;
  margin-top: 5px !important;
}
[dir="rtl"] .dataTables_wrapper .dataTables_length,
body.rtl .dataTables_wrapper .dataTables_length {
  float: right !important;
  margin-top: 5px !important;
}

.dataTables_wrapper .dataTables_filter {
  clear: both;
  margin-bottom: 1rem;
}

/* اللغة الإنجليزية (LTR) */
html:not([dir="rtl"]) body:not(.rtl) .dataTables_wrapper .dataTables_filter {
  float: right !important;
  margin-bottom: 10px;
}
html:not([dir="rtl"]) body:not(.rtl) .dataTables_wrapper .dataTables_info {
  float: left !important;
}
html:not([dir="rtl"]) body:not(.rtl) .dataTables_wrapper .dataTables_paginate {
  float: right !important;
  margin-top: 5px !important;
}
html:not([dir="rtl"]) body:not(.rtl) .dataTables_wrapper .dataTables_length {
  float: left !important;
  margin-top: 5px !important;
}

/* =========================================================
   تخصيص رأس الجدول (Table Header) وأسهم الفرز
========================================================= */

/* 1. التصميم الأساسي للخلايا (إزالة حدود البوتستراب وتوحيد الألوان) */
.dataTables_wrapper table.dataTable thead th,
.dataTables_wrapper table.dataTable thead td {
  background-color: #f8fafc !important; /* خلفية رمادية فاتحة جداً وأنيقة */
  color: #475569 !important; /* لون نص رمادي داكن مريح للعين */
  font-size: 13px !important;
  font-weight: 700 !important; /* خط عريض لتمييز العناوين */
  padding: 16px 14px !important; /* مساحات تنفس ممتازة */

  /* تدمير حدود البوتستراب والإبقاء على خط سفلي ناعم فقط */
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  border-bottom: 1px solid #e2e8f0 !important;

  white-space: nowrap !important; /* منع نزول العنوان لسطرين */
  vertical-align: middle !important;
}

/* 2. تدمير صور الأسهم القديمة الخاصة بـ DataTables */
.dataTables_wrapper table.dataTable thead th.sorting,
.dataTables_wrapper table.dataTable thead th.sorting_asc,
.dataTables_wrapper table.dataTable thead th.sorting_desc {
  background-image: none !important; /* قتل الصور القديمة */
  cursor: pointer !important;
  position: relative !important;
  transition: background-color 0.2s ease !important;
}

/* تأثير عند مرور الماوس على العناوين القابلة للفرز */
.dataTables_wrapper table.dataTable thead th.sorting:hover,
.dataTables_wrapper table.dataTable thead th.sorting_asc:hover,
.dataTables_wrapper table.dataTable thead th.sorting_desc:hover {
  background-color: #f1f5f9 !important; /* أغمق درجة بسيطة جداً */
  color: #0f172a !important;
}

/* 3. صناعة أسهم فرز (Sorting Icons) حديثة وناعمة بالـ CSS */
.dataTables_wrapper table.dataTable thead th.sorting::before,
.dataTables_wrapper table.dataTable thead th.sorting::after,
.dataTables_wrapper table.dataTable thead th.sorting_asc::before,
.dataTables_wrapper table.dataTable thead th.sorting_asc::after,
.dataTables_wrapper table.dataTable thead th.sorting_desc::before,
.dataTables_wrapper table.dataTable thead th.sorting_desc::after {
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  display: block !important;
  opacity: 0.3 !important; /* الأسهم غير النشطة تكون باهتة */
  font-size: 10px !important;
  color: #64748b !important;
}

/* السهم العلوي والسفلي */
.dataTables_wrapper table.dataTable thead th.sorting::before,
.dataTables_wrapper table.dataTable thead th.sorting_asc::before,
.dataTables_wrapper table.dataTable thead th.sorting_desc::before {
  content: "▲" !important;
  margin-top: -6px !important;
}
.dataTables_wrapper table.dataTable thead th.sorting::after,
.dataTables_wrapper table.dataTable thead th.sorting_asc::after,
.dataTables_wrapper table.dataTable thead th.sorting_desc::after {
  content: "▼" !important;
  margin-top: 6px !important;
}

/* 4. تلوين السهم النشط (Active Sort) باللون الأزرق */
.dataTables_wrapper table.dataTable thead th.sorting_asc::before {
  opacity: 1 !important;
  color: #2563eb !important; /* لون أزرق للسهم الصاعد */
}
.dataTables_wrapper table.dataTable thead th.sorting_desc::after {
  opacity: 1 !important;
  color: #2563eb !important; /* لون أزرق للسهم النازل */
}

/* 5. توجيه المسافات وأماكن الأسهم (RTL و LTR) */

/* للغة العربية (RTL) - الأسهم تكون على اليسار */
[dir="rtl"] .dataTables_wrapper table.dataTable thead th.sorting,
[dir="rtl"] .dataTables_wrapper table.dataTable thead th.sorting_asc,
[dir="rtl"] .dataTables_wrapper table.dataTable thead th.sorting_desc,
body.rtl .dataTables_wrapper table.dataTable thead th.sorting,
body.rtl .dataTables_wrapper table.dataTable thead th.sorting_asc,
body.rtl .dataTables_wrapper table.dataTable thead th.sorting_desc {
  padding-left: 25px !important; /* مساحة للسهم على اليسار */
  padding-right: 14px !important;
}
[dir="rtl"] .dataTables_wrapper table.dataTable thead th.sorting::before,
[dir="rtl"] .dataTables_wrapper table.dataTable thead th.sorting::after,
body.rtl .dataTables_wrapper table.dataTable thead th.sorting::before,
body.rtl .dataTables_wrapper table.dataTable thead th.sorting::after {
  left: 10px !important; /* مكان السهم */
  right: auto !important;
}

/* للغة الإنجليزية (LTR) - الأسهم تكون على اليمين */
html:not([dir="rtl"])
  body:not(.rtl)
  .dataTables_wrapper
  table.dataTable
  thead
  th.sorting,
html:not([dir="rtl"])
  body:not(.rtl)
  .dataTables_wrapper
  table.dataTable
  thead
  th.sorting_asc,
html:not([dir="rtl"])
  body:not(.rtl)
  .dataTables_wrapper
  table.dataTable
  thead
  th.sorting_desc {
  padding-right: 25px !important; /* مساحة للسهم على اليمين */
  padding-left: 14px !important;
}
html:not([dir="rtl"])
  body:not(.rtl)
  .dataTables_wrapper
  table.dataTable
  thead
  th.sorting::before,
html:not([dir="rtl"])
  body:not(.rtl)
  .dataTables_wrapper
  table.dataTable
  thead
  th.sorting::after {
  right: 10px !important; /* مكان السهم */
  left: auto !important;
}

/* ===== 16. MEDIA QUERIES (Global Responsive Rules) ===== */
@media (max-width: 1199px) {
  .ws-tiles {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .ws-service-title {
    max-width: 170px;
  }
}

@media (max-width: 991px) {
  .wsla-order-clean-card {
    height: auto;
    flex-direction: column;
  }
  .wsla-reg-visual {
    display: none !important;
  }
  body.wsla-body {
    overflow-y: auto !important;
  }

  .wsla-order-clean-layout {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
  .wsla-order-clean-sidebar,
  .wsla-order-clean-main {
    width: 100% !important;
    margin: 0 !important;
  }
  .wsla-order-clean-sidebar .wsla-order-clean-card {
    padding: 15px !important;
  }
  .wsla-order-clean-sidebar .wsla-sidebar-title {
    font-size: 18px;
    margin-bottom: 15px;
  }

  .wsla-sidebar-nav {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    gap: 10px;
    padding-bottom: 10px;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
  }
  .wsla-sidebar-nav::-webkit-scrollbar {
    height: 4px;
  }
  .wsla-sidebar-nav::-webkit-scrollbar-thumb {
    background-color: #cbd5e1;
    border-radius: 4px;
  }
  .wsla-sidebar-nav li {
    flex: 0 0 auto;
    margin-bottom: 0 !important;
  }
  .wsla-sidebar-nav li a {
    white-space: nowrap;
    padding: 8px 15px;
    border-radius: 8px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
  }
  .wsla-sidebar-nav li.active a {
    background: #0f172a;
    color: #fff;
    border-color: #0f172a;
  }

  #primarySidebar,
  #secondarySidebar,
  .panel-sidebar,
  .sidebar-primary,
  .sidebar-secondary,
  .sidebar {
    display: none !important;
  }

  .ws-client-dashboard {
    flex-direction: column;
  }
  .wsla-order-clean-sidebar {
    width: 100%;
    position: relative;
    top: auto;
    z-index: auto;
  }

  .ws-panels-grid {
    grid-template-columns: 1fr;
  }
  .ws-service-title {
    max-width: 200px;
  }

  .wsla-contact-top {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .wsla-contact-info {
    align-items: center;
    text-align: center;
  }
  .wsla-contact-line {
    justify-content: center;
  }
}

@media (max-width: 850px) {
  .wsla-order-clean-card {
    max-width: 450px !important;
  }
}

@media (max-width: 767px) {
  .wsla-order-clean-card.extra-padding {
    padding: 15px !important;
  }
  .card-title {
    font-size: 20px !important;
    text-align: center;
  }

  /* WSLA_PHASE03: legacy form block removed. */

  .wsla-attachment-wrapper .attachment-group {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
  .wsla-attachment-wrapper .custom-file,
  .wsla-attachment-wrapper .input-group-append {
    width: 100%;
  }
  .wsla-attachment-wrapper .btn-add-more {
    width: 100%;
    border-radius: 6px !important;
    padding: 10px;
    text-align: center;
    justify-content: center;
  }
  .wsla-attachment-wrapper .custom-file-label {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .wsla-ticket-actions {
    display: flex;
    flex-direction: column-reverse;
    gap: 12px;
    margin-top: 20px;
  }
  .wsla-ticket-actions .wsla-btn-cancel,
  .wsla-ticket-actions .btn-submit {
    width: 100%;
    text-align: center;
    padding: 12px;
    font-size: 16px;
    border-radius: 6px;
    margin: 0;
  }

  .ws-service-row {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }
  .ws-service-actions {
    width: 100%;
    justify-content: flex-end;
  }
  .ws-empty-dots {
    display: none;
  }
  .ws-btn-wrapper,
  .ws-badge-wrapper {
    width: auto;
  }
  .ws-modern-badge {
    padding: 6px 12px;
  }
  .ws-btn-manage {
    padding: 8px 16px;
  }

  .wsla-form-actions {
    flex-direction: column-reverse;
    gap: 12px;
  }
  .wsla-form-actions button,
  .wsla-form-actions input[type="submit"],
  .wsla-form-actions .btn {
    width: 100%;
  }
  .ws-card-brand-box {
    inset-inline-end: 10px;
  }

  .wsla-2fa-row {
    flex-direction: column;
    align-items: flex-start;
  }
  .wsla-2fa-actions,
  .wsla-btn-2fa {
    width: 100%;
    justify-content: center;
  }

  .wsla-sso-box {
    flex-direction: column;
    align-items: flex-start;
    padding: 18px;
  }
  .wsla-sso-toggle {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    border-top: 1px solid #e2e8f0;
    padding-top: 15px;
  }
  .wsla-marketing-box {
    flex-direction: column;
    align-items: flex-start;
  }

  .wsla-contact-form .form-grid-2 {
    grid-template-columns: 1fr;
    gap: 0;
  }
  .wsla-contact-hours .time {
    font-size: 28px;
  }
  .wsla-contact-hours .days {
    font-size: 16px;
  }
  .wsla-contact-item,
  .wsla-contact-item label {
    font-size: 15px;
  }
}

@media (max-width: 575px) {
  .ws-tiles {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
  }
  .ws-tile {
    padding: 18px 12px;
    border-radius: 14px;
  }
  .ws-tile-number {
    font-size: 1.9rem;
  }
  .ws-client-actions,
  .ws-domain-actions {
    grid-template-columns: 1fr;
    flex-direction: column;
  }
  .ws-client-actions .ws-btn,
  .ws-domain-actions .ws-btn {
    width: 100%;
  }
  .ws-sidebar-box,
  .ws-panel {
    border-radius: 14px;
  }
  .ws-panel-header,
  .ws-panel-body,
  .ws-panel-footer {
    padding-left: 14px;
    padding-right: 14px;
  }
  .ws-list-item {
    padding: 12px;
    align-items: flex-start;
    flex-direction: column;
  }
  .ws-item-right {
    width: 100%;
    justify-content: unset;
  }
}

/* ==========================================================================
   إصلاح القائمة الجانبية للصفحة الرئيسية في الموبايل
   ========================================================================== */

@media (max-width: 991px) {
  /* إخفاء القائمة الجانبية في صفحة العميل الرئيسية فقط عبر الشاشات الصغيرة */
  .ws-client-dashboard-page .wsla-order-clean-sidebar {
    display: none !important;
  }
}

.ws-bulk-domain-form {
  width: 100% !important;
  max-width: unset !important;
}

.ws-page-head {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.5rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid #f1f5f9;
}

.ws-page-title {
  margin: 0;
  font-size: 22px;
  font-weight: 800;
  color: #0f172a;
}

.ws-page-title-icon {
  color: var(--wsla-orange, #f7941d);
  margin-inline-end: 8px;
}

.ws-back-btn {
  border: 1px solid #cbd5e1;
  color: #64748b;
  font-weight: 700;
  border-radius: 8px;
  padding: 10px 20px;
}

.ws-back-btn-icon {
  margin-inline-start: 5px;
}

.ws-rotate-180 {
  transform: rotate(180deg);
}

.ws-alert {
  border-radius: 10px;
}

.ws-form-shell {
  /* max-width: 680px; */
}

.ws-section-label {
  font-size: 14.5px;
  font-weight: 700;
  color: #475569;
  margin-bottom: 12px;
}

.ws-domain-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 0px 0px 10px 0px;
}

.ws-domain-tag {
  display: flex;
  align-items: center;
  gap: 8px;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  padding: 10px 16px;
}

.ws-domain-tag i {
  color: #10b981;
}

.ws-domain-tag span {
  font-weight: 700;
  color: #334155;
  font-size: 14px;
}

.ws-choice-group {
  margin-bottom: 1rem;
}

.ws-choice-card {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px;
  margin-bottom: 12px;
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  cursor: pointer;
  transition: all 0.2s ease;
}

.ws-choice-card:last-child {
  margin-bottom: 0;
}

.ws-choice-card.is-active {
  border-color: var(--wsla-orange, #f7941d);
  background: #fff7ed;
}

.ws-choice-radio {
  width: 20px;
  height: 20px;
  accent-color: var(--wsla-orange, #f7941d);
  margin: 0;
}

.ws-choice-text {
  font-weight: 700;
  color: #0f172a;
  font-size: 15px;
  margin: 0;
}

.ws-default-ns-box {
  display: none;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  padding: 18px 20px;
  margin: 0 0 20px;
}

.ws-default-ns-title {
  font-weight: 800;
  color: #0f172a;
  margin-bottom: 10px;
}

.ws-default-ns-list {
  margin: 0;
  padding-inline-start: 18px;
  color: #475569;
}

.ws-ns-fields {
  margin-top: 1rem;
  padding-top: 0.5rem;
}

.ws-ns-fields .wsla-field input[disabled] + label {
  background-color: #f5f7fb!important;
}

.ws-form-group {
  margin-bottom: 1.5rem;
}
/* WSLA_PHASE03: legacy form block removed. */

/* WSLA_PHASE03: legacy form block removed. */

.ws-ns-input.ws-is-disabled {
  background: #f8fafc !important;
  color: #94a3b8 !important;
  cursor: not-allowed !important;
  opacity: 1 !important;
}

.ws-form-actions {
  margin-top: 2rem;
}

.ws-form-actions button {
  width: auto!important;
}

.ws-submit-btn,
.ws-action-btn {
  padding: 15px;
  border-radius: 10px;
  font-weight: 700;
  font-size: 16px;
}

.ws-btn-row {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  margin: 0px 0px 15px 0px;
}

.ws-action-btn {
  flex: 1 1 220px;
}

.ws-action-btn-success {
  background: #16a34a;
  border: none;
}

.ws-info-box {
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  padding: 20px;
  margin-bottom: 30px;
}

.ws-info-box p {
  color: #475569;
  line-height: 1.6;
  margin-bottom: 10px;
}

.ws-info-recommend {
  color: #16a34a !important;
  font-weight: 700;
  margin-bottom: 0 !important;
}

.ws-tab-content {
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 0 12px 12px 12px;
  padding: 25px;
  margin-top: -12px;
}

.ws-contact-choice-box {
  margin-bottom: 1rem;
  padding: 1rem;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  background: #f8fafc;
}

.ws-contact-choice {
  display: flex;
  align-items: center;
  gap: 12px;
  cursor: pointer;
  margin-bottom: 1rem;
}

.ws-contact-choice:last-child {
  margin-bottom: 0;
}

.ws-contact-choice span {
  font-weight: 700;
  color: #0f172a;
  font-size: 15px;
}

.ws-contact-select-wrap {
  padding-inline: 1rem;
  margin-bottom: 1rem;
}

.ws-contact-choice-box hr {
  border-color: #e2e8f0;
  margin: 20px 0;
}

.ws-save-btn-full {
  width: 100%;
}

.wsla-status-other {
  background: #f1f3f5;
  color: #6c757d;
}

/* ==========================================================================
       تصميم صفحة إضافات النطاق (Domain Addons)
       ========================================================================== */

.wsla-addon-action-box {
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 16px;
  padding: 40px 30px;
  text-align: center;
  max-width: 600px;
  margin: 20px auto;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.02);
}

.wsla-addon-icon {
  width: 80px;
  height: 80px;
  background: rgba(247, 148, 29, 0.1);
  color: var(--wsla-orange, #f7941d);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 32px;
  margin: 0 auto 20px;
}

/* لون مخصص لحالة الإلغاء */
.wsla-addon-icon.is-danger {
  background: #fee2e2;
  color: #dc2626;
}

.wsla-addon-title {
  font-size: 22px;
  font-weight: 800;
  color: #0f172a;
  margin-bottom: 15px;
}

.wsla-addon-domain {
  display: inline-flex;
  align-items: center;
  background: #f8fafc;
  border: 1px dashed #cbd5e1;
  padding: 8px 16px;
  border-radius: 50px;
  font-size: 14px;
  font-weight: 700;
  color: #1e293b;
  margin-bottom: 20px;
}

.wsla-addon-desc {
  font-size: 15px;
  color: #475569;
  line-height: 1.6;
  margin-bottom: 25px;
}

.wsla-addon-price {
  font-size: 28px;
  font-weight: 800;
  color: #0f172a;
  margin-bottom: 30px;
  padding: 20px;
  background: #f8fafc;
  border-radius: 12px;
  border: 1px solid #f1f5f9;
}

.wsla-addon-price span {
  font-size: 14px;
  color: #64748b;
  font-weight: 600;
}

.wsla-action-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  justify-content: center;
}

.wsla-btn-danger {
  padding: 14px 24px;
  background: #dc2626;
  color: #fff;
  border: none;
  border-radius: 8px;
  font-weight: 700;
  cursor: pointer;
  transition: 0.3s;
  text-align: center;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  text-decoration: none !important;
}

.wsla-btn-danger:hover {
  background: #b91c1c;
  color: #fff;
}

@media (max-width: 575px) {
  .wsla-action-buttons {
    flex-direction: column;
  }
  .wsla-action-buttons .btn-submit,
  .wsla-action-buttons .btn-cancel,
  .wsla-action-buttons .wsla-btn-danger {
    width: 100% !important;
    margin: 0;
  }
}

.wsla-domain-page .wsla-domain-shell {
  width: 100%;
  max-width: none !important;
  margin: 0 !important;
}

.wsla-domain-page .wsla-alerts-section {
  margin-bottom: 24px;
}

.wsla-domain-page .wsla-inline-alert {
  border-radius: 14px;
  margin-bottom: 16px;
}

.wsla-domain-page .wsla-inline-alert-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.wsla-domain-page .wsla-inline-alert-text {
  font-weight: 600;
}

.wsla-domain-page .wsla-tabs-wrapper {
  position: relative;
  z-index: 1;
}

.wsla-domain-page .wsla-flat-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  list-style: none;
  padding: 0;
  margin: 0 0 24px;
  border-bottom: 1px solid #e5e7eb;
}

.wsla-domain-page .wsla-flat-tabs li {
  margin: 0;
  padding: 0;
}

.wsla-domain-page .wsla-flat-tabs li a {
  display: inline-flex;
  align-items: center;
  padding: 12px 0;
  color: #64748b;
  text-decoration: none;
  font-weight: 700;
  border-bottom: 2px solid transparent;
  transition: 0.2s ease;
  line-height: 1.4;
}

.wsla-domain-page .wsla-flat-tabs li a:hover,
.wsla-domain-page .wsla-flat-tabs li a:focus {
  color: #0f172a;
  text-decoration: none;
}

.wsla-domain-page .wsla-flat-tabs li a.active {
  color: #0f172a;
  border-bottom-color: #0f172a;
}

.wsla-domain-page .wsla-tab-content {
  position: relative;
  display: block;
  width: 100%;
  min-height: 200px;
  margin: 0;
  padding: 0;
}

.wsla-domain-page .wsla-tab-content > .tab-pane {
  display: none;
  width: 100%;
  margin: 0;
  padding: 0;
}

.wsla-domain-page .wsla-tab-content > .tab-pane.active,
.wsla-domain-page .wsla-tab-content > .tab-pane.show.active {
  display: block;
}

.wsla-domain-page .wsla-tab-panel {
  width: 100%;
  margin: 0;
  padding: 0;
}

.wsla-domain-page .wsla-section-head {
  margin-bottom: 20px;
}

.wsla-domain-page .wsla-section-head h3 {
  margin: 0;
  font-size: 22px;
  font-weight: 800;
  color: #0f172a;
}

.wsla-domain-page .wsla-subsection {
  margin-top: 28px;
  padding-top: 22px;
  border-top: 1px solid #edf2f7;
}

.wsla-domain-page .wsla-subsection-title {
  margin-bottom: 16px;
  font-size: 15px;
  font-weight: 800;
  color: #0f172a;
}

.wsla-domain-page .wsla-muted-text {
  color: #64748b;
  margin-bottom: 20px;
}

.wsla-domain-page .wsla-overview-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px 24px;
}

.wsla-domain-page .wsla-info-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 14px 16px;
  border: 1px solid #eef2f7;
  border-radius: 14px;
  background: #fafcff;
  min-width: 0;
}

.wsla-domain-page .wsla-info-item .lbl {
  font-size: 13px;
  font-weight: 700;
  color: #64748b;
  flex: 0 0 auto;
}

.wsla-domain-page .wsla-info-item .val {
  font-size: 14px;
  font-weight: 800;
  color: #0f172a;
  text-align: end;
  min-width: 0;
  word-break: break-word;
}

.wsla-domain-page .wsla-info-item .val a {
  color: #2563eb;
  text-decoration: none;
  word-break: break-all;
}

.wsla-domain-page .wsla-info-item .val a:hover {
  text-decoration: underline;
}

.wsla-domain-page .wsla-info-item .val small {
  display: block;
  margin-top: 4px;
  font-size: 12px;
  font-weight: 600;
  color: #94a3b8;
}

.wsla-domain-page .wsla-ssl-inline {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.wsla-domain-page .wsla-status-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 30px;
  padding: 6px 12px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 800;
  background: #eef2ff;
  color: #3730a3;
}

.wsla-domain-page .wsla-form-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px 20px;
}

.wsla-domain-page .wsla-form-grid-single {
  grid-template-columns: 1fr;
  max-width: 480px;
}

.wsla-domain-page .wsla-form-group {
  min-width: 0;
}

.wsla-domain-page .wsla-form-group label {
  display: block;
  margin-bottom: 8px;
  font-size: 13px;
  font-weight: 700;
  color: #475569;
}

.wsla-domain-page .wsla-form-group .form-control {
  height: 44px;
  border-radius: 12px;
  box-shadow: none;
}

.wsla-domain-page .wsla-form-actions {
  margin-top: 22px;
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

.wsla-domain-page .wsla-action-links {
  list-style: none;
  margin: 0;
  padding: 0;
}

.wsla-domain-page .wsla-action-links li + li {
  margin-top: 10px;
}

.wsla-domain-page .wsla-action-links a {
  color: #2563eb;
  font-weight: 500;
  text-decoration: none;
}

.wsla-domain-page .wsla-action-links a:hover {
  text-decoration: underline;
}

.wsla-domain-page .wsla-addon-list {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.wsla-domain-page .wsla-addon-item {
  display: flex;
  align-items: center;
  gap: 18px;
  padding: 18px;
  border: 1px solid #eef2f7;
  border-radius: 16px;
  background: #fafcff;
  min-width: 0;
}

.wsla-domain-page .wsla-addon-icon {
  width: 52px;
  height: 52px;
  flex: 0 0 52px;
  border-radius: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #eff6ff;
  color: #2563eb;
  font-size: 22px;
}

.wsla-domain-page .wsla-addon-content {
  flex: 1 1 auto;
  min-width: 0;
}

.wsla-domain-page .wsla-addon-content h5 {
  margin: 0 0 6px;
  font-size: 16px;
  font-weight: 800;
  color: #0f172a;
}

.wsla-domain-page .wsla-addon-content p {
  margin: 0;
  font-size: 13px;
  color: #64748b;
}

.wsla-domain-page .wsla-addon-actions {
  flex: 0 0 auto;
}

.wsla-domain-page .wsla-inline-form {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.wsla-domain-page .wsla-module-output,
.wsla-domain-page .wsla-hook-output {
  margin-top: 20px;
}

.btn:not(:disabled):not(.disabled) {
  max-width: fit-content;
}

.wsla-domain-page .wsla-action-links a {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.wsla-domain-page .wsla-action-links a i {
  width: 18px;
  min-width: 18px;
  text-align: center;
  color: #2563eb;
  font-size: 14px;
}

.wsla-domain-page .wsla-action-links a span {
  display: inline-block;
}

@media (max-width: 991.98px) {
  .wsla-domain-page .wsla-overview-grid,
  .wsla-domain-page .wsla-form-grid {
    grid-template-columns: 1fr;
  }

  .wsla-domain-page .wsla-addon-item {
    flex-direction: column;
    align-items: flex-start;
  }

  .wsla-domain-page .wsla-addon-actions {
    width: 100%;
  }

  .wsla-domain-page .wsla-inline-form {
    width: 100%;
  }
}

@media (max-width: 575.98px) {
  .wsla-domain-page .wsla-flat-tabs {
    gap: 16px;
  }

  .wsla-domain-page .wsla-inline-alert-content,
  .wsla-domain-page .wsla-info-item {
    flex-direction: column;
    align-items: flex-start;
  }
}

/* =========================================================
   WHMCS Client Area Home
   Addons + Sitejet + Panels Unified Style
   نسخة مرتبة بدون تكرار وبدون Shadow
   ========================================================= */

/* =========================================================
   Panels Grid
   ========================================================= */

.ws-panels-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
  align-items: stretch;
}

.ws-panels-grid > .ws-panel,
.ws-panels-grid > .ws-addon-panel {
  min-width: 0;
  height: 100%;
  align-self: stretch;
}

/* أي بانل full width يبقى full width */
.ws-panel-span-full {
  grid-column: 1 / -1;
}

/* Sitejet لا يكون full width حتى يظهر بجانب MarketConnect */
#sitejetPromoPanel.ws-panel-span-full,
.ws-panel#sitejetPromoPanel {
  grid-column: auto !important;
}

/* =========================================================
 Shared Card Shape
 شكل موحد للكروت
 ========================================================= */

.ws-addon-panel,
#sitejetPromoPanel {
  background: #ffffff !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 18px !important;
  box-shadow: none !important;
  overflow: hidden !important;
  height: 100%;
  min-height: 315px;
}

/* إزالة أي شادو داخلي */
.ws-addon-panel *,
#sitejetPromoPanel * {
  box-shadow: none !important;
}

/* =========================================================
 MarketConnect Wrapper
 ========================================================= */

.ws-addon-panel {
  overflow: hidden;
}

.ws-addon-panel .ws-addon-box {
  height: 100%;
  margin: 0 !important;
  padding: 0 !important;
  background: #ffffff !important;
  border: 0 !important;
  border-radius: 18px !important;
  box-shadow: none !important;
  overflow: hidden;
}

/* أي panel/card/promo داخلي قادم من WHMCS */
.ws-addon-box .panel,
.ws-addon-box .card,
.ws-addon-box .promo,
.ws-addon-box .marketconnect,
.ws-addon-box [class*="marketconnect"],
.ws-addon-box [class*="promo"] {
  margin: 0 !important;
  padding: 0 !important;
  /* min-height: 315px !important; */
  min-height: 100% !important;
  height: auto !important;
  border: 0 !important;
  border-radius: 18px !important;
  background: #ffffff !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

/* الهيدر داخل MarketConnect */
.ws-addon-box .panel-heading,
.ws-addon-box .card-header {
  min-height: 48px;
  padding: 12px 18px !important;
  background: #ffffff !important;
  border: 0 !important;
  border-bottom: 1px solid #e5e7eb !important;
  color: #0f172a !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 1.3 !important;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* جسم الإعلان */
.ws-addon-box .panel-body,
.ws-addon-box .card-body {
  min-height: 265px !important;
  padding: 18px 22px !important;
  background: #ffffff !important;
}

/* ضبط صفوف Bootstrap داخل الإعلان بدون كسر */
.ws-addon-box .row {
  margin-left: 0 !important;
  margin-right: 0 !important;
  align-items: center;
}

/* صور وشعارات MarketConnect */
.ws-addon-box img {
  max-width: 145px !important;
  max-height: 90px !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* عنوان الإعلان الكبير */
.ws-addon-box h1,
.ws-addon-box h2,
.ws-addon-box h3,
.ws-addon-box h4,
.ws-addon-box h5,
.ws-addon-box .h1,
.ws-addon-box .h2,
.ws-addon-box .h3,
.ws-addon-box .h4,
.ws-addon-box .h5 {
  font-size: 18px !important;
  line-height: 1.35 !important;
  font-weight: 800 !important;
  color: #111827 !important;
  margin: 0 0 6px !important;
}

/* النصوص العامة */
.ws-addon-box p,
.ws-addon-box li,
.ws-addon-box span {
  font-size: 13px !important;
  line-height: 1.6 !important;
}

/* رابط مزيد */
.ws-addon-box a:not(.btn) {
  font-size: 13px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}

/* أزرار MarketConnect */
.ws-addon-box .btn,
.ws-addon-box a.btn,
.ws-addon-box button,
.ws-addon-box input[type="submit"] {
  min-height: 40px !important;
  padding: 9px 18px !important;
  border-radius: 10px !important;
  font-size: 14px !important;
  line-height: 1.4 !important;
  font-weight: 800 !important;
  box-shadow: none !important;
}

/* =========================================================
 MarketConnect Arrows
 ========================================================= */

/* حجم الأسهم */
.ws-addon-box .fa-chevron-left,
.ws-addon-box .fa-chevron-right,
.ws-addon-box .fa-angle-left,
.ws-addon-box .fa-angle-right,
.ws-addon-box .fa-caret-left,
.ws-addon-box .fa-caret-right {
  font-size: 18px !important;
  color: #153761 !important;
  line-height: 1 !important;
  font-weight: normal !important;
}

/* روابط الأسهم */
.ws-addon-box a:has(.fa-chevron-left),
.ws-addon-box a:has(.fa-chevron-right),
.ws-addon-box a:has(.fa-angle-left),
.ws-addon-box a:has(.fa-angle-right),
.ws-addon-box a:has(.fa-caret-left),
.ws-addon-box a:has(.fa-caret-right),
.ws-addon-box button:has(.fa-chevron-left),
.ws-addon-box button:has(.fa-chevron-right),
.ws-addon-box button:has(.fa-angle-left),
.ws-addon-box button:has(.fa-angle-right),
.ws-addon-box button:has(.fa-caret-left),
.ws-addon-box button:has(.fa-caret-right) {
  width: 26px !important;
  height: 26px !important;
  min-width: 26px !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  text-decoration: none !important;
}

/* لا نقلب الأسهم في RTL حتى لا يظهر شكلها غريب */
html[dir="rtl"] .ws-addon-box .fa-chevron-left,
html[dir="rtl"] .ws-addon-box .fa-chevron-right,
html[dir="rtl"] .ws-addon-box .fa-angle-left,
html[dir="rtl"] .ws-addon-box .fa-angle-right,
html[dir="rtl"] .ws-addon-box .fa-caret-left,
html[dir="rtl"] .ws-addon-box .fa-caret-right {
  transform: none !important;
}

/* =========================================================
 Sitejet Panel
 ========================================================= */

#sitejetPromoPanel {
  display: flex;
  flex-direction: column;
}

/* هيدر Sitejet */
#sitejetPromoPanel .ws-panel-header {
  min-height: 48px;
  padding: 12px 18px !important;
  background: #ffffff !important;
  border-bottom: 1px solid #e5e7eb !important;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* جسم Sitejet */
#sitejetPromoPanel .ws-panel-body {
  flex: 1 1 auto;
  min-height: 265px !important;
  padding: 18px 22px !important;
  background: #ffffff !important;
  display: flex;
  align-items: center;
}

/* ضبط محتوى Sitejet الداخلي */
#sitejetPromoPanel .container,
#sitejetPromoPanel .row {
  width: 100%;
  max-width: 100%;
  margin: 0 !important;
}

#sitejetPromoPanel .row {
  display: flex;
  align-items: center;
}

/* صورة Sitejet */
#sitejetPromoPanel img,
#sitejetPromoPanel #sitejetPromoImage {
  max-width: 260px !important;
  max-height: 145px !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
  border: 0 !important;
  box-shadow: none !important;
  opacity: 1 !important;
}

/* زر Sitejet */
#sitejetPromoPanel .btn,
#sitejetPromoPanel a.btn,
#sitejetPromoPanel button,
#sitejetPromoPanel input[type="submit"] {
  min-height: 40px !important;
  padding: 9px 18px !important;
  border-radius: 10px !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  box-shadow: none !important;
}

/* =========================================================
 General Panel Titles
 ========================================================= */

.ws-panel-title {
  font-size: 15px !important;
  font-weight: 800 !important;
  color: #111827 !important;
  line-height: 1.4 !important;
}

/* =========================================================
 Tablet
 ========================================================= */

@media (max-width: 992px) {
  .ws-panels-grid {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  #sitejetPromoPanel.ws-panel-span-full,
  .ws-panel#sitejetPromoPanel {
    grid-column: 1 / -1 !important;
  }

  .ws-addon-panel,
  #sitejetPromoPanel,
  .ws-addon-box .panel,
  .ws-addon-box .card,
  .ws-addon-box .promo,
  .ws-addon-box .marketconnect,
  .ws-addon-box [class*="marketconnect"],
  .ws-addon-box [class*="promo"] {
    min-height: auto !important;
    height: auto !important;
  }

  .ws-addon-box .panel-body,
  .ws-addon-box .card-body,
  #sitejetPromoPanel .ws-panel-body {
    min-height: auto !important;
    padding: 16px !important;
  }

  .ws-addon-box .panel-heading,
  .ws-addon-box .card-header,
  #sitejetPromoPanel .ws-panel-header {
    min-height: 46px;
    padding: 12px 16px !important;
  }

  .ws-addon-box img {
    max-width: 130px !important;
    max-height: 76px !important;
  }

  #sitejetPromoPanel img,
  #sitejetPromoPanel #sitejetPromoImage {
    max-width: 220px !important;
    max-height: 120px !important;
  }
}

/* =========================================================
 Mobile
 ========================================================= */

@media (max-width: 576px) {
  .ws-panels-grid {
    gap: 12px;
  }

  .ws-addon-panel,
  #sitejetPromoPanel {
    border-radius: 16px !important;
  }

  .ws-addon-box .panel,
  .ws-addon-box .card,
  .ws-addon-box .promo,
  .ws-addon-box .marketconnect,
  .ws-addon-box [class*="marketconnect"],
  .ws-addon-box [class*="promo"] {
    border-radius: 16px !important;
  }

  .ws-addon-box .row,
  #sitejetPromoPanel .row {
    display: block;
    text-align: center;
  }

  .ws-addon-box h1,
  .ws-addon-box h2,
  .ws-addon-box h3,
  .ws-addon-box h4,
  .ws-addon-box h5,
  .ws-addon-box .h1,
  .ws-addon-box .h2,
  .ws-addon-box .h3,
  .ws-addon-box .h4,
  .ws-addon-box .h5 {
    font-size: 16px !important;
    line-height: 1.35 !important;
  }

  .ws-addon-box p,
  .ws-addon-box li,
  .ws-addon-box span {
    font-size: 12px !important;
    line-height: 1.55 !important;
  }

  .ws-addon-box img {
    display: block;
    margin: 0 auto 14px;
    max-width: 115px !important;
    max-height: 65px !important;
  }

  #sitejetPromoPanel img,
  #sitejetPromoPanel #sitejetPromoImage {
    display: block;
    margin: 0 auto 14px;
    max-width: 190px !important;
    max-height: 100px !important;
  }

  .ws-addon-box .btn,
  .ws-addon-box a.btn,
  .ws-addon-box button,
  #sitejetPromoPanel .btn,
  #sitejetPromoPanel a.btn,
  #sitejetPromoPanel button {
    width: 100%;
    margin-top: 10px;
  }

  .ws-addon-box .fa-chevron-left,
  .ws-addon-box .fa-chevron-right,
  .ws-addon-box .fa-angle-left,
  .ws-addon-box .fa-angle-right,
  .ws-addon-box .fa-caret-left,
  .ws-addon-box .fa-caret-right {
    font-size: 16px !important;
  }
}

.body-rtl .float-right {
  /* float: left !important; */
  direction: initial !important;
}

/* =========================================================
   User Password Page
   ========================================================= */

.user-password-20i .user-password-card {
  display: block !important;
  width: 100% !important;
}

.user-password-20i .wsla-password-header {
  text-align: center;
  margin-bottom: 35px;
  padding-top: 10px;
}

.user-password-20i .wsla-password-icon-box {
  width: 55px;
  height: 55px;
  background: rgba(228, 104, 44, 0.08);
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 15px;
}

.user-password-20i .wsla-password-icon-box i {
  font-size: 24px;
  color: var(--wsla-orange, #e4682c);
}

.user-password-20i .wsla-password-title {
  font-size: 22px;
  font-weight: 800;
  color: #0f172a;
  margin-bottom: 8px;
}

.user-password-20i .wsla-password-intro {
  color: #64748b;
  font-size: 14.5px;
  margin: 0;
}
/* WSLA_PHASE03: legacy form block removed. */

.user-password-20i .wsla-new-password-group {
  margin-bottom: 15px;
}

.user-password-20i .wsla-password-divider {
  border-color: #f1f5f9;
  margin: 30px 0;
}

/* أزرار داخل حقول كلمة المرور */
.user-password-20i .wsla-input-actions-wrapper {
  position: absolute;
  top: 22px;
  inset-inline-end: 12px;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  gap: 8px;
  z-index: 5;
}

.user-password-20i .wsla-icon-btn {
  width: 34px;
  height: 34px;
  border: 0;
  outline: 0;
  background: transparent;
  color: #64748b;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  cursor: pointer;
  transition: all 0.2s ease;
}

.user-password-20i .wsla-icon-btn:hover {
  background: #f1f5f9;
  color: var(--wsla-orange, #e4682c);
}

.user-password-20i .wsla-action-divider {
  width: 1px;
  height: 20px;
  background: #e5e7eb;
}

/* حتى لا يدخل النص تحت الأيقونات */
.user-password-20i .wsla-pwd-input {
  padding-inline-end: 96px !important;
}

.user-password-20i #inputExistingPassword,
.user-password-20i #inputNewPassword2 {
  padding-inline-end: 58px !important;
}

/* صندوق قوة كلمة المرور الرسمي من WHMCS */
.user-password-20i .pwstrengthbox {
  margin-top: 12px;
}

.user-password-20i .pwstrengthbox .progress {
  height: 8px;
  border-radius: 999px;
  overflow: hidden;
  background-color: #e5e7eb;
}

.user-password-20i .pwstrengthbox small,
.user-password-20i .pwstrengthbox .help-block {
  color: #64748b;
  font-size: 13px;
  line-height: 1.6;
}

/* أزرار الحفظ */
.user-password-20i .wsla-form-actions {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}

.user-password-20i .wsla-form-actions .btn-submit,
.user-password-20i .wsla-form-actions .wsla-btn-cancel {
  min-width: 150px;
}

/* Responsive */
@media (max-width: 575.98px) {
  .user-password-20i .wsla-password-header {
    margin-bottom: 25px;
  }

  .user-password-20i .wsla-form-actions {
    flex-direction: column;
    align-items: stretch;
  }

  .user-password-20i .wsla-form-actions .btn-submit,
  .user-password-20i .wsla-form-actions .wsla-btn-cancel {
    width: 100%;
    min-width: 0;
  }
}

/* =========================================================
   Password Tips Checklist
   ========================================================= */

.user-password-20i .wsla-pwstrengthbox {
  margin-top: 12px;
}

.user-password-20i .wsla-pwstrengthbox .wsla-pwd-checklist {
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  padding: 16px 18px;
}

.user-password-20i .wsla-pwstrengthbox .wsla-pwd-check-title {
  display: flex;
  align-items: center;
  gap: 7px;
  color: #334155;
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 6px;
  line-height: 1.35;
}

.user-password-20i .wsla-pwstrengthbox .wsla-pwd-check-title i {
  color: var(--wsla-orange, #e4682c);
  flex: 0 0 auto;
}

.user-password-20i .wsla-pwstrengthbox .wsla-pwd-checklist ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.user-password-20i .wsla-pwstrengthbox .wsla-pwd-checklist li {
  display: flex;
  align-items: flex-start;
  gap: 7px;
  color: #475569;
  font-size: 14px;
  line-height: 1.45;
  margin-bottom: 2px;
}

.user-password-20i .wsla-pwstrengthbox .wsla-pwd-checklist li:last-child {
  margin-bottom: 0;
}

.user-password-20i .wsla-pwstrengthbox .wsla-pwd-checklist li i {
  color: #16a34a;
  margin-top: 3px;
  flex: 0 0 auto;
}

.user-password-20i .wsla-pwstrengthbox .wsla-pwd-checklist li span {
  display: block;
}

.user-password-20i .wsla-pwstrengthbox .alert {
  margin-bottom: 0;
}

/*

*/

/* =========================================================
   Service / Products Sidebar Styling
   Scope: clientareaproductdetails.tpl + clientareaproducts.tpl
   ========================================================= */

.wsla-service-sidebar-card {
  padding: 26px 28px !important;
  border-radius: 20px;
}

.wsla-service-sidebar-card .wsla-sidebar-title {
  margin: 0 0 18px 0;
  padding-bottom: 16px;
  border-bottom: 1px solid #edf0f5;
  font-size: 16px;
  font-weight: 800;
  color: #071833;
  line-height: 1.2;
}

.wsla-service-sidebar-card .wsla-sidebar-nav {
  margin: 0;
  padding: 0;
  list-style: none;
}

.wsla-service-sidebar-card .wsla-sidebar-nav li {
  margin: 0 0 6px 0;
  padding: 0;
  list-style: none;
}

.wsla-service-sidebar-card .wsla-sidebar-nav li a,
.wsla-service-sidebar-card .wsla-sidebar-nav li > span {
  display: flex !important;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row !important;
  gap: 11px;
  width: 100%;
  min-height: 40px;
  padding: 9px 12px;
  border-radius: 7px;
  color: #4e6078;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.25;
  text-decoration: none !important;
  transition: all 0.18s ease;
}

.wsla-service-sidebar-card .wsla-sidebar-nav li a i,
.wsla-service-sidebar-card .wsla-sidebar-nav li > span i {
  width: 18px;
  min-width: 18px;
  text-align: center;
  font-size: 14px;
  color: #88a0bf;
  transition: all 0.18s ease;
}

.wsla-service-sidebar-card .wsla-sidebar-nav li a span,
.wsla-service-sidebar-card .wsla-sidebar-nav li > span span,
.wsla-service-sidebar-card .wsla-sidebar-nav li > span em {
  display: block;
  flex: 1;
  margin: 0;
  font-style: normal !important;
  white-space: normal;
}

.wsla-service-sidebar-card .wsla-sidebar-nav li a:hover {
  color: #0066ff;
  background: rgba(0, 102, 255, 0.07);
}

.wsla-service-sidebar-card .wsla-sidebar-nav li a:hover i {
  color: #0066ff;
}

.wsla-service-sidebar-card .wsla-sidebar-nav li.active > a {
  color: #ff7900;
  background: #fff5ef;
  font-weight: 700;
}

.wsla-service-sidebar-card .wsla-sidebar-nav li.active > a i {
  color: #ff7900;
}

.wsla-service-sidebar-card .wsla-sidebar-nav li.wsla-disabled > span {
  opacity: 0.48;
  cursor: not-allowed;
  background: transparent;
}

.wsla-service-sidebar-card .wsla-sidebar-nav li.wsla-disabled > span i,
.wsla-service-sidebar-card .wsla-sidebar-nav li.wsla-disabled > span span,
.wsla-service-sidebar-card .wsla-sidebar-nav li.wsla-disabled > span em {
  color: #7d8ca3;
}

@media (max-width: 991px) {
  .wsla-service-sidebar-card .wsla-sidebar-nav li a,
  .wsla-service-sidebar-card .wsla-sidebar-nav li > span {
    white-space: nowrap;
    min-height: 38px;
    padding: 8px 15px;
    border-radius: 8px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
  }

  .wsla-service-sidebar-card .wsla-sidebar-nav li.active > a {
    background: #0f172a;
    color: #fff;
    border-color: #0f172a;
  }

  .wsla-service-sidebar-card .wsla-sidebar-nav li.active > a i {
    color: #fff;
  }

  .wsla-service-sidebar-card .wsla-sidebar-nav li.wsla-disabled > span {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
  }
}

/* =========================================================
   WSLA Unified Sidebar Links
   Applies to account, services, products, support, domains
   ========================================================= */

.wsla-order-clean-sidebar .wsla-order-clean-card.extra-padding {
  padding: 26px 28px !important;
  border-radius: 20px;
}

.wsla-order-clean-sidebar .wsla-sidebar-title {
  margin: 0 0 18px 0;
  padding-bottom: 16px;
  border-bottom: 1px solid #edf0f5;
  font-size: 16px;
  font-weight: 800;
  color: #071833;
  line-height: 1.2;
}

.wsla-order-clean-sidebar .wsla-sidebar-nav {
  margin: 0;
  padding: 0;
  list-style: none;
}

.wsla-order-clean-sidebar .wsla-sidebar-nav li {
  margin: 0 0 6px 0;
  padding: 0;
  list-style: none;
}

.wsla-order-clean-sidebar .wsla-sidebar-nav li a,
.wsla-order-clean-sidebar .wsla-sidebar-nav li > span {
  display: flex !important;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row !important;
  gap: 11px;
  width: 100%;
  min-height: 40px;
  padding: 9px 12px;
  border-radius: 7px;
  color: #4e6078;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.25;
  text-decoration: none !important;
  transition: all 0.18s ease;
}

.wsla-order-clean-sidebar .wsla-sidebar-nav li a i,
.wsla-order-clean-sidebar .wsla-sidebar-nav li > span i {
  width: 18px;
  min-width: 18px;
  text-align: center;
  font-size: 14px;
  color: #88a0bf;
  transition: all 0.18s ease;
}

.wsla-order-clean-sidebar .wsla-sidebar-nav li a span,
.wsla-order-clean-sidebar .wsla-sidebar-nav li > span span,
.wsla-order-clean-sidebar .wsla-sidebar-nav li > span em {
  display: block;
  flex: 1;
  margin: 0;
  font-style: normal !important;
  white-space: normal;
}

.wsla-order-clean-sidebar .wsla-sidebar-nav li a:hover {
  color: #0066ff;
  background: rgba(0, 102, 255, 0.07);
}

.wsla-order-clean-sidebar .wsla-sidebar-nav li a:hover i {
  color: #0066ff;
}

.wsla-order-clean-sidebar .wsla-sidebar-nav li.active > a,
.wsla-order-clean-sidebar .wsla-sidebar-nav li.active > span {
  color: #ff7900;
  background: #fff5ef;
  font-weight: 700;
}

.wsla-order-clean-sidebar .wsla-sidebar-nav li.active > a i,
.wsla-order-clean-sidebar .wsla-sidebar-nav li.active > span i {
  color: #ff7900;
}

.wsla-order-clean-sidebar .wsla-sidebar-nav li.wsla-disabled > span {
  opacity: 0.48;
  cursor: not-allowed;
  background: transparent;
}

.wsla-order-clean-sidebar .wsla-sidebar-nav li.wsla-disabled > span i,
.wsla-order-clean-sidebar .wsla-sidebar-nav li.wsla-disabled > span span,
.wsla-order-clean-sidebar .wsla-sidebar-nav li.wsla-disabled > span em {
  color: #7d8ca3;
}

/* Sidebar badges, like ticket count */
.wsla-order-clean-sidebar .wsla-sidebar-nav .ws-badge {
  margin-inline-start: auto;
  background: #edf2f7;
  color: #334155;
  font-size: 12px;
  font-weight: 800;
  border-radius: 999px;
  padding: 2px 8px;
  line-height: 1.4;
}

/* Dividers inside sidebar */
.wsla-order-clean-sidebar .dropdown-divider {
  height: 1px;
  margin: 14px 0;
  background: #edf0f5;
  border: 0;
}

/* Better spacing between stacked sidebar cards */
.wsla-order-clean-sidebar .wsla-order-clean-card + .wsla-order-clean-card {
  margin-top: 18px !important;
}

/* Keep disabled <em> from looking italic anywhere */
.wsla-order-clean-sidebar em {
  font-style: normal !important;
}

/* Mobile */
@media (max-width: 991px) {
  .wsla-order-clean-sidebar .wsla-sidebar-nav li a,
  .wsla-order-clean-sidebar .wsla-sidebar-nav li > span {
    white-space: nowrap;
    min-height: 38px;
    padding: 8px 15px;
    border-radius: 8px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
  }

  .wsla-order-clean-sidebar .wsla-sidebar-nav li.active > a,
  .wsla-order-clean-sidebar .wsla-sidebar-nav li.active > span {
    background: #0f172a;
    color: #ffffff;
    border-color: #0f172a;
  }

  .wsla-order-clean-sidebar .wsla-sidebar-nav li.active > a i,
  .wsla-order-clean-sidebar .wsla-sidebar-nav li.active > span i {
    color: #ffffff;
  }

  .wsla-order-clean-sidebar .wsla-sidebar-nav li.wsla-disabled > span {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
  }
}

/*
Product Details
*/

/* ==========================================================================
   Premium SaaS Product Details Style - 2026 Edition
   Scope: clientareaproductdetails.tpl
   Cleaned & Organized — 100% Responsive & Conflict-Free
   ========================================================================== */

/* ==========================================================================
   0. الجذر والمتغيرات (Root & Variables)
   ========================================================================== */
.wsla-service-details-20i {
  /* لوحة الألوان الاحترافية (Indigo & Slate Theme) */
  --wsla-primary: #4f46e5;
  --wsla-primary-hover: #4338ca;
  --wsla-primary-glow: rgba(79, 70, 229, 0.15);

  --wsla-success: #10b981;
  --wsla-warning: #f59e0b;
  --wsla-danger: #ef4444;

  --wsla-surface: #ffffff;
  --wsla-bg-body: #f8fafc;

  --wsla-text-title: #0f172a;
  --wsla-text-body: #334155;
  --wsla-text-muted: #64748b;

  --wsla-border: #e2e8f0;

  --wsla-radius-xl: 24px;
  --wsla-radius-lg: 16px;
  --wsla-radius-md: 12px;
  --wsla-radius-sm: 8px;

  --wsla-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);

  width: 100%;
  font-family: inherit;
}

/* ==========================================================================
   1. إصلاح الهيكل العام وإزالة الظلال (Layout Fix & Flat Design)
   ========================================================================== */
.wsla-service-details-20i .wsla-order-clean-layout {
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 30px;
  align-items: flex-start;
}

.wsla-service-details-20i .wsla-order-clean-sidebar {
  width: 280px !important;
  flex-shrink: 0 !important;
}

.wsla-service-details-20i .wsla-order-clean-main {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  width: 100%;
}

.wsla-service-details-20i .wsla-service-main-card {
  display: block !important;
  width: 100% !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* إجبار جميع الكروت والأقسام على إخفاء الظل (Flat Design Strict Rule) */
.wsla-service-details-20i .wsla-product-hero-card,
.wsla-service-details-20i .wsla-service-meta-card,
.wsla-service-details-20i .wsla-subsection,
.wsla-service-details-20i .wsla-dept-card-v2,
.wsla-service-details-20i .wsla-service-custom-overview {
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
}

/* ==========================================================================
   2. التبويبات العصرية (Modern Segmented Tabs)
   ========================================================================== */
.wsla-service-details-20i .wsla-flat-tabs {
  display: inline-flex;
  background: #e2e8f0;
  padding: 6px;
  border-radius: var(--wsla-radius-lg);
  border: none;
  margin: 0 0 30px 0;
  gap: 4px;
  flex-wrap: nowrap;
  overflow-x: auto;
  max-width: 100%;
  width: auto !important;
}

.wsla-service-details-20i .wsla-flat-tabs::-webkit-scrollbar {
  display: none;
}

.wsla-service-details-20i .wsla-flat-tabs .nav-link {
  background: transparent !important;
  color: var(--wsla-text-muted);
  font-size: 14px;
  font-weight: 700;
  padding: 10px 20px;
  border-radius: var(--wsla-radius-md);
  border: none !important;
  transition: var(--wsla-transition);
  white-space: nowrap;
}

.wsla-service-details-20i .wsla-flat-tabs .nav-link:hover {
  color: var(--wsla-text-title);
}

.wsla-service-details-20i .wsla-flat-tabs .nav-link.active {
  background: var(--wsla-surface) !important;
  color: var(--wsla-text-title);
  /* ظل خفيف جداً لتمييز التبويب النشط فقط */
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
}

.wsla-service-details-20i .wsla-flat-tabs .nav-link.active::after {
  display: none;
}

.wsla-service-details-20i .wsla-tab-content {
  border: 0 !important;
  padding: 0 !important;
  margin-top: 0 !important;
}

/* ==========================================================================
   3. بطاقة المنتج الفخمة (Premium Dark Hero Card)
   ========================================================================== */
.wsla-service-details-20i .wsla-service-hero-clean {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  margin-bottom: 30px;
}

.wsla-service-details-20i .wsla-product-hero-card {
  background: linear-gradient(145deg, #0f172a 0%, #1e1b4b 100%);
  border-radius: var(--wsla-radius-xl);
  padding: 40px 30px;
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  border: 1px solid rgba(255, 255, 255, 0.08);
}

.wsla-service-details-20i .wsla-product-hero-card::after {
  content: "";
  position: absolute;
  top: -50%;
  right: -50%;
  width: 100%;
  height: 100%;
  background: radial-gradient(
    circle,
    rgba(99, 102, 241, 0.15) 0%,
    transparent 70%
  );
  pointer-events: none;
}

.wsla-service-details-20i .wsla-product-hero-icon {
  margin-bottom: 20px;
  z-index: 2;
  background: rgba(255, 255, 255, 0.05);
  width: 64px;
  height: 64px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.1);
}

.wsla-service-details-20i .wsla-product-hero-icon .fa-inverse {
  color: #818cf8;
  font-size: 24px;
}

.wsla-service-details-20i .wsla-product-hero-content {
  z-index: 2;
  width: 100%;
}

.wsla-service-details-20i .wsla-product-name {
  color: #ffffff;
  font-size: 24px;
  font-weight: 900;
  letter-spacing: -0.5px;
  margin-bottom: 8px;
}

.wsla-service-details-20i .wsla-domain-link {
  color: #94a3b8;
  font-size: 14px;
  font-weight: 500;
}

.wsla-service-details-20i .wsla-product-hero-footer {
  position: absolute;
  top: 24px;
  inset-inline-start: 24px;
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  color: #ffffff;
  padding: 6px 14px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 700;
  border: 1px solid rgba(255, 255, 255, 0.05);
  z-index: 2;
}

/* ==========================================================================
   4. بطاقة البيانات المالية (Meta Card)
   ========================================================================== */
.wsla-service-details-20i .wsla-service-meta-card {
  background: var(--wsla-surface);
  border-radius: var(--wsla-radius-xl);
  border: 1px solid var(--wsla-border);
  padding: 30px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 16px;
}

.wsla-service-details-20i .wsla-service-meta-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px dashed var(--wsla-border);
  padding-bottom: 16px;
  margin: 0;
}

.wsla-service-details-20i .wsla-service-meta-row:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

.wsla-service-details-20i .wsla-service-meta-row > span:first-child {
  color: var(--wsla-text-muted);
  font-size: 13px;
  font-weight: 600;
}

.wsla-service-details-20i .wsla-service-meta-row strong {
  color: var(--wsla-text-title);
  font-size: 15px;
  font-weight: 800;
}

.wsla-service-details-20i .wsla-service-price {
  font-size: 18px !important;
  color: var(--wsla-primary) !important;
}

/* ==========================================================================
   5. شارات الحالة (Status Pills)
   ========================================================================== */
.wsla-service-details-20i .wsla-status-pill {
  padding: 6px 14px;
  border-radius: 8px;
  font-size: 12px;
  font-weight: 800;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.wsla-service-details-20i .status-active {
  background: #ecfdf5;
  color: #059669;
}
.wsla-service-details-20i .status-pending {
  background: #fffbeb;
  color: #d97706;
}
.wsla-service-details-20i .status-suspended {
  background: #fef2f2;
  color: #dc2626;
}
.wsla-service-details-20i .status-terminated,
.wsla-service-details-20i .status-cancelled {
  background: #f1f5f9;
  color: #475569;
}

/* ==========================================================================
   6. الأزرار (Actions) - أنيقة وغير متمددة
   ========================================================================== */
.wsla-service-details-20i .wsla-service-actions-clean {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 15px !important;
  margin: 25px 0 !important;
  justify-content: flex-start !important; /* ترتيب من البداية */
  width: 100% !important;
}

.wsla-service-details-20i .wsla-service-actions-clean .btn-submit,
.wsla-service-details-20i .wsla-service-actions-clean .wsla-btn-cancel,
.wsla-service-details-20i .wsla-service-actions-clean .wsla-service-cancel-btn {
  flex: 0 0 auto !important; /* منع التمدد */
  width: auto !important;
  min-width: 220px !important;
  max-width: max-content !important;
  padding: 12px 24px !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 8px;
  transition: var(--wsla-transition);
}

.wsla-service-details-20i .wsla-service-renew-btn,
.wsla-service-details-20i .wsla-service-upgrade-btn {
  background: var(--wsla-primary) !important;
  border: 1px solid var(--wsla-primary) !important;
  color: #fff !important;
}

.wsla-service-details-20i .wsla-service-renew-btn:hover,
.wsla-service-details-20i .wsla-service-upgrade-btn:hover {
  background: var(--wsla-primary-hover) !important;
  border-color: var(--wsla-primary-hover) !important;
}

.wsla-service-details-20i .wsla-service-cancel-btn {
  background: #ffffff !important;
  border: 1px solid var(--wsla-border) !important;
  color: var(--wsla-text-body) !important;
}

.wsla-service-details-20i .wsla-service-cancel-btn:hover {
  background: #fef2f2 !important;
  border-color: #fca5a5 !important;
  color: var(--wsla-danger) !important;
}

/* ==========================================================================
   7. الأقسام الفرعية (Subsections & Grids)
   ========================================================================== */
.wsla-service-details-20i .wsla-subsection {
  background: var(--wsla-surface);
  border-radius: var(--wsla-radius-xl);
  border: 1px solid var(--wsla-border);
  padding: 30px;
  margin-top: 30px;
}

.wsla-service-details-20i .wsla-subsection-title {
  font-size: 18px;
  font-weight: 800;
  color: var(--wsla-text-title);
  margin-bottom: 24px;
  display: flex;
  align-items: center;
  gap: 12px;
}

.wsla-service-details-20i .wsla-subsection-title i {
  color: var(--wsla-primary);
  background: var(--wsla-primary-glow);
  padding: 8px;
  border-radius: 8px;
  font-size: 14px;
}

.wsla-service-details-20i .wsla-overview-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 20px;
}

.wsla-service-details-20i .wsla-info-item {
  background: var(--wsla-bg-body);
  border: 1px solid transparent;
  padding: 18px 20px;
  border-radius: var(--wsla-radius-md);
  display: flex;
  flex-direction: column;
  gap: 8px;
  transition: var(--wsla-transition);
}

.wsla-service-details-20i .wsla-info-item:hover {
  background: var(--wsla-surface);
  border-color: var(--wsla-primary);
  transform: translateY(-2px);
}

.wsla-service-details-20i .wsla-info-item .lbl {
  color: var(--wsla-text-muted);
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.wsla-service-details-20i .wsla-info-item .val {
  color: var(--wsla-text-title);
  font-size: 15px;
  font-weight: 800;
}

/* ==========================================================================
   8. WSLA SERVICE CUSTOM OVERVIEW — مخرجات الموديول
   ========================================================================== */
.wsla-service-details-20i .wsla-service-custom-overview {
  background: #ffffff;
  border: 1px solid #e5ecf5;
  border-radius: var(--wsla-radius-xl);
  padding: 22px;
  margin-bottom: 24px;
  overflow: hidden;
  color: #0f172a;
}

.wsla-service-details-20i .wsla-service-custom-overview-head {
  display: flex;
  align-items: center;
  gap: 14px;
  padding-bottom: 16px;
  margin-bottom: 18px;
  border-bottom: 1px solid #eef3f8;
}

.wsla-service-details-20i .wsla-service-custom-overview-icon {
  width: 44px;
  height: 44px;
  border-radius: 14px;
  background: #f3f7fb;
  color: #2563eb;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 17px;
  flex: 0 0 auto;
}

.wsla-service-details-20i .wsla-service-custom-overview-head h3 {
  margin: 0 0 4px !important;
  color: #0f172a !important;
  font-size: 19px !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
}

.wsla-service-details-20i .wsla-service-custom-overview-head p {
  margin: 0 !important;
  color: #64748b !important;
  font-size: 13px !important;
  font-weight: 500 !important;
}

.wsla-service-details-20i .wsla-service-custom-overview-body {
  width: 100%;
  min-width: 0;
}

/* تنظيف الصناديق المتداخلة من الموديولات */
.wsla-service-details-20i .wsla-service-custom-overview-body .card,
.wsla-service-details-20i .wsla-service-custom-overview-body .panel,
.wsla-service-details-20i .wsla-service-custom-overview-body .well,
.wsla-service-details-20i .wsla-service-custom-overview-body .box {
  background: #ffffff !important;
  border: 1px solid #edf2f7 !important;
  border-radius: 14px !important;
  margin-bottom: 18px !important;
}

.wsla-service-details-20i .wsla-service-custom-overview-body .card .card,
.wsla-service-details-20i .wsla-service-custom-overview-body .panel .panel {
  border: 0 !important;
  border-radius: 0 !important;
  margin-bottom: 0 !important;
  background: transparent !important;
}

.wsla-service-details-20i .wsla-service-custom-overview-body .card-header,
.wsla-service-details-20i .wsla-service-custom-overview-body .panel-heading {
  background: #f8fafc !important;
  border: 0 !important;
  border-bottom: 1px solid #eef3f8 !important;
  border-radius: 0 !important;
  padding: 14px 18px !important;
  color: #0f172a !important;
  font-size: 16px !important;
  font-weight: 800 !important;
}

.wsla-service-details-20i .wsla-service-custom-overview-body .card-body,
.wsla-service-details-20i .wsla-service-custom-overview-body .panel-body {
  padding: 18px !important;
}

/* تنسيق الجداول داخل الموديول */
.wsla-service-details-20i .wsla-service-custom-overview-body table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  border: 1px solid #eef3f8;
  border-radius: 12px;
  overflow: hidden;
  margin: 10px 0 16px;
}
.wsla-service-details-20i .wsla-service-custom-overview-body table th,
.wsla-service-details-20i .wsla-service-custom-overview-body table td {
  padding: 12px 14px;
  border-bottom: 1px solid #f1f5f9;
}
.wsla-service-details-20i .wsla-service-custom-overview-body table th {
  background: #f8fafc;
  font-weight: 800;
}

/* تنسيق النماذج داخل الموديول */
.wsla-service-details-20i .wsla-service-custom-overview-body .form-control,
.wsla-service-details-20i .wsla-service-custom-overview-body input[type="text"],
.wsla-service-details-20i .wsla-service-custom-overview-body select {
  width: 100%;
  min-height: 42px;
  padding: 10px 12px;
  border: 1px solid #d9e2ec !important;
  border-radius: 10px !important;
  background: #ffffff !important;
  box-shadow: none !important;
}

/* أزرار الموديول */
.wsla-service-details-20i .wsla-service-custom-overview-body .btn {
  min-height: 38px;
  padding: 8px 14px !important;
  border-radius: 10px !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  box-shadow: none !important;
}

/* ==========================================================================
   9. التجاوب (Responsive - Mobile & Tablet)
   مجمعة بالكامل في الأسفل لمنع أي تعارض
   ========================================================================== */
@media (max-width: 991px) {
  .wsla-service-details-20i .wsla-order-clean-layout {
    flex-wrap: wrap !important;
  }
  .wsla-service-details-20i .wsla-order-clean-sidebar {
    width: 100% !important;
  }
  .wsla-service-details-20i .wsla-service-hero-clean {
    grid-template-columns: 1fr;
  }
  .wsla-service-details-20i .wsla-service-custom-overview {
    padding: 18px;
  }
}

@media (max-width: 767px) {
  .wsla-service-details-20i .wsla-product-hero-card {
    padding: 30px 20px;
  }
  .wsla-service-details-20i .wsla-service-meta-card {
    padding: 20px;
  }
  .wsla-service-details-20i .wsla-overview-grid {
    grid-template-columns: 1fr;
  }
  .wsla-service-details-20i .wsla-product-hero-footer {
    top: 16px;
    inset-inline-start: 16px;
  }

  /* الأزرار على الموبايل تأخذ العرض بالكامل لتسهيل النقر */
  .wsla-service-details-20i .wsla-service-actions-clean {
    flex-direction: column !important;
  }
  .wsla-service-details-20i .wsla-service-actions-clean .btn-submit,
  .wsla-service-details-20i .wsla-service-actions-clean .wsla-btn-cancel,
  .wsla-service-details-20i
    .wsla-service-actions-clean
    .wsla-service-cancel-btn {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important; /* إلغاء القيود السابقة */
  }

  /* مخرجات الموديول على الموبايل */
  .wsla-service-details-20i .wsla-service-custom-overview {
    padding: 16px;
    border-radius: 16px;
  }
  .wsla-service-details-20i .wsla-service-custom-overview-head {
    align-items: flex-start;
    gap: 12px;
  }
  .wsla-service-details-20i .wsla-service-custom-overview-body table {
    display: block;
    width: 100%;
    overflow-x: auto;
    white-space: nowrap;
  }
}

/* دعم الـ RTL */
html[dir="rtl"] .wsla-service-details-20i .wsla-service-custom-overview,
body.body-rtl .wsla-service-details-20i .wsla-service-custom-overview {
  text-align: right;
}

/* ==========================================================================
   8.1 Sitejet / cPanel Package Output
   Styling for {$tplOverviewTabOutput} generated HTML
   ========================================================================== */

/* الحاوية التي يخرجها الموديول */
.wsla-service-details-20i
  .wsla-service-custom-overview-body
  > .col-sm-6.text-center.d-flex.flex-column {
  width: 100% !important;
  max-width: 540px;
  margin: 0 auto !important;
  padding: 0 !important;
  text-align: center !important;
}

/* صندوق بيانات الباقة */
.wsla-service-details-20i
  .wsla-service-custom-overview-body
  .cpanel-package-details {
  position: relative;
  overflow: hidden;
  margin: 0 0 18px !important;
  padding: 30px 24px 26px !important;
  border-radius: var(--wsla-radius-xl);
  background: linear-gradient(145deg, #0f172a 0%, #1e1b4b 100%);
  border: 1px solid rgba(255, 255, 255, 0.08);
  text-align: center;
}

/* لمعة خفيفة داخل الكارد */
.wsla-service-details-20i
  .wsla-service-custom-overview-body
  .cpanel-package-details::before {
  content: "";
  position: absolute;
  top: -90px;
  inset-inline-end: -90px;
  width: 220px;
  height: 220px;
  background: radial-gradient(
    circle,
    rgba(99, 102, 241, 0.24) 0%,
    transparent 70%
  );
  pointer-events: none;
}

/* نوع الخدمة Shared hosting */
.wsla-service-details-20i
  .wsla-service-custom-overview-body
  .cpanel-package-details
  em {
  position: relative;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0 0 13px !important;
  padding: 6px 14px;
  min-height: 28px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.1);
  color: #ffffff;
  font-size: 12px;
  font-weight: 800;
  font-style: normal;
  line-height: 1;
  letter-spacing: 0.35px;
}

/* اسم الباقة */
.wsla-service-details-20i
  .wsla-service-custom-overview-body
  .cpanel-package-details
  h4 {
  position: relative;
  z-index: 2;
  margin: 0 0 9px !important;
  color: #ffffff !important;
  font-size: 26px !important;
  font-weight: 900 !important;
  line-height: 1.25 !important;
  letter-spacing: -0.5px;
}

/* رابط الدومين */
.wsla-service-details-20i
  .wsla-service-custom-overview-body
  .cpanel-package-details
  a {
  position: relative;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #94a3b8 !important;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none !important;
  transition: var(--wsla-transition);
}

.wsla-service-details-20i
  .wsla-service-custom-overview-body
  .cpanel-package-details
  a:hover {
  color: #ffffff !important;
}

/* الحاوية التي تحتوي الأزرار */
.wsla-service-details-20i
  .wsla-service-custom-overview-body
  > .col-sm-6.text-center.d-flex.flex-column
  > p {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin: 0 0 16px !important;
  padding: 0 !important;
}

/* توحيد أزرار Sitejet */
.wsla-service-details-20i .wsla-service-custom-overview-body #sitejetViewLink,
.wsla-service-details-20i
  .wsla-service-custom-overview-body
  a[href*="clientarea.php?action=domaindetails"],
.wsla-service-details-20i .wsla-service-custom-overview-body #sitejetEditBtn {
  width: 100% !important;
  min-height: 43px !important;
  padding: 10px 16px !important;
  border-radius: var(--wsla-radius-md) !important;
  border: 1px solid transparent !important;
  box-shadow: none !important;
  outline: none !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  text-align: center !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 8px;
  transition: var(--wsla-transition);
  white-space: nowrap;
}

/* زر Visit */
.wsla-service-details-20i .wsla-service-custom-overview-body #sitejetViewLink {
  background: #f8fafc !important;
  color: var(--wsla-text-title) !important;
  border-color: var(--wsla-border) !important;
}

.wsla-service-details-20i
  .wsla-service-custom-overview-body
  #sitejetViewLink:hover {
  background: #eef2ff !important;
  color: var(--wsla-primary) !important;
  border-color: #c7d2fe !important;
  transform: translateY(-2px);
}

/* زر Manage Domain */
.wsla-service-details-20i
  .wsla-service-custom-overview-body
  a[href*="clientarea.php?action=domaindetails"] {
  background: #ecfdf5 !important;
  color: #047857 !important;
  border-color: #bbf7d0 !important;
}

.wsla-service-details-20i
  .wsla-service-custom-overview-body
  a[href*="clientarea.php?action=domaindetails"]:hover {
  background: #d1fae5 !important;
  color: #065f46 !important;
  border-color: #86efac !important;
  transform: translateY(-2px);
}

/* زر Edit with Sitejet Builder */
.wsla-service-details-20i .wsla-service-custom-overview-body #sitejetEditBtn {
  grid-column: 1 / -1;
  background: linear-gradient(135deg, var(--wsla-primary), #7c3aed) !important;
  color: #ffffff !important;
  border-color: transparent !important;
}

.wsla-service-details-20i
  .wsla-service-custom-overview-body
  #sitejetEditBtn:hover {
  background: linear-gradient(
    135deg,
    var(--wsla-primary-hover),
    #6d28d9
  ) !important;
  color: #ffffff !important;
  transform: translateY(-2px);
}

/* Progress bar الخاص بالنشر */
.wsla-service-details-20i
  .wsla-service-custom-overview-body
  #sitejetPublishProgressBarWrapper {
  height: 9px !important;
  margin: 16px 0 10px !important;
  border-radius: 999px !important;
  overflow: hidden;
  background: #e5e7eb !important;
  box-shadow: none !important;
}

.wsla-service-details-20i
  .wsla-service-custom-overview-body
  #sitejetPublishProgressBarWrapper
  .progress-bar {
  height: 100%;
  border-radius: 999px;
  background: linear-gradient(
    90deg,
    var(--wsla-primary),
    var(--wsla-success)
  ) !important;
}

/* Alert الخاص بـ Sitejet */
.wsla-service-details-20i .wsla-service-custom-overview-body #sitejetAlert {
  margin: 12px 0 0 !important;
  padding: 12px 14px !important;
  border-radius: var(--wsla-radius-md) !important;
  background: #eff6ff !important;
  color: #1d4ed8 !important;
  border: 1px solid #bfdbfe !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  box-shadow: none !important;
}

/* Mobile */
@media (max-width: 767px) {
  .wsla-service-details-20i
    .wsla-service-custom-overview-body
    > .col-sm-6.text-center.d-flex.flex-column {
    max-width: 100%;
  }

  .wsla-service-details-20i
    .wsla-service-custom-overview-body
    .cpanel-package-details {
    padding: 24px 18px 21px !important;
    border-radius: 18px;
  }

  .wsla-service-details-20i
    .wsla-service-custom-overview-body
    .cpanel-package-details
    h4 {
    font-size: 22px !important;
  }

  .wsla-service-details-20i
    .wsla-service-custom-overview-body
    > .col-sm-6.text-center.d-flex.flex-column
    > p {
    grid-template-columns: 1fr;
  }

  .wsla-service-details-20i .wsla-service-custom-overview-body #sitejetEditBtn {
    grid-column: auto;
  }
}

/* ==========================================================================
   8.2 نماذج الموديول (Quick Create Email Account)
   ========================================================================== */

/* 1. جعل صفوف النماذج مرنة ومرتبة (Flexbox) لتكون الحقول بجوار بعضها */
.wsla-service-details-20i .wsla-service-custom-overview-body form .row {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: stretch !important;
  gap: 14px !important;
  margin: 0 !important;
}

/* تنسيق أعمدة الحقول */
.wsla-service-details-20i
  .wsla-service-custom-overview-body
  form
  .row
  > div[class*="col-"] {
  padding: 0 !important;
  margin: 0 !important;
  flex: 1 1 200px !important;
  max-width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
}

/* عمود الزر يأخذ مساحته الطبيعية فقط ولا يتمدد */
.wsla-service-details-20i
  .wsla-service-custom-overview-body
  form
  .row
  > div[class*="col-"]:last-child {
  flex: 0 0 auto !important;
}

/* 2. إصلاح صندوق الإيميل المكسور (Input Group) */
.wsla-service-details-20i .wsla-service-custom-overview-body .input-group {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
  width: 100% !important;
}

/* حقل إدخال اسم الإيميل */
.wsla-service-details-20i
  .wsla-service-custom-overview-body
  .input-group
  .form-control {
  flex: 1 1 auto !important;
  width: 100% !important;
  margin: 0 !important;
  border-radius: 10px 0 0 10px !important; /* زوايا دائرية لليسار فقط في الـ LTR */
}

/* الملحق (@domain.com) */
.wsla-service-details-20i
  .wsla-service-custom-overview-body
  .input-group
  .input-group-addon,
.wsla-service-details-20i
  .wsla-service-custom-overview-body
  .input-group
  .input-group-text {
  display: flex !important;
  align-items: center !important;
  padding: 0 16px !important;
  background: #f8fafc !important;
  border: 1px solid #d9e2ec !important;
  border-left: none !important; /* إخفاء الحد الأيسر ليلتصق بالحقل */
  border-radius: 0 10px 10px 0 !important;
  color: #475569 !important;
  font-size: 13.5px !important;
  font-weight: 800 !important;
  white-space: nowrap !important;
}

/* 3. دعم اللغة العربية (RTL) لحواف حقل الإيميل (عكس الزوايا) */
html[dir="rtl"]
  .wsla-service-details-20i
  .wsla-service-custom-overview-body
  .input-group
  .form-control,
body.body-rtl
  .wsla-service-details-20i
  .wsla-service-custom-overview-body
  .input-group
  .form-control {
  border-radius: 0 10px 10px 0 !important;
}

html[dir="rtl"]
  .wsla-service-details-20i
  .wsla-service-custom-overview-body
  .input-group
  .input-group-addon,
body.body-rtl
  .wsla-service-details-20i
  .wsla-service-custom-overview-body
  .input-group
  .input-group-addon {
  border-left: 1px solid #d9e2ec !important;
  border-right: none !important;
  border-radius: 10px 0 0 10px !important;
}

/* 4. تنسيق الزر ليتوافق مع الحقول في الطول والشكل */
.wsla-service-details-20i .wsla-service-custom-overview-body form .btn {
  height: 42px !important; /* نفس ارتفاع حقول الإدخال */
  margin: 0 !important;
  padding: 0 24px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 10px !important;
}

/* 5. تجاوب الموبايل (وضع الحقول تحت بعضها) */
@media (max-width: 767px) {
  .wsla-service-details-20i .wsla-service-custom-overview-body form .row {
    flex-direction: column !important;
    align-items: stretch !important;
  }
  .wsla-service-details-20i
    .wsla-service-custom-overview-body
    form
    .row
    > div[class*="col-"] {
    flex: 1 1 auto !important;
    width: 100% !important;
  }
}

/* ========================================================================
   WSLA canonical two-column page shell
   Used by account, client-area, support, knowledgebase and similar pages.
   Keep this block near the end so it safely overrides legacy layout rules.
   ======================================================================== */
.wsla-order-clean-page {
  width: 100%;
  max-width: 1320px;
  margin-inline: auto;
  /* padding-inline: 15px; */
}

.wsla-order-clean-layout {
  display: grid;
  grid-template-columns: minmax(260px, 320px) minmax(0, 1fr);
  gap: 24px;
  align-items: start;
  width: 100%;
  margin-block: 1.5rem 3rem;
}

.wsla-order-clean-sidebar {
  min-width: 0;
  width: 100%;
}

.wsla-order-clean-main {
  min-width: 0;
  width: 100%;
}

.wsla-order-clean-card {
  display: block;
  width: 100%;
  margin: 0;
  background: #ffffff;
  border: 1px solid rgba(15, 23, 42, 0.08);
  border-radius: 24px;
  box-shadow: 0 18px 45px rgba(15, 23, 42, 0.06);
  padding: 28px;
}

.wsla-order-clean-sidebar .wsla-order-clean-card {
  padding: 22px;
}

.wsla-order-clean-main .wsla-order-clean-card {
  overflow: hidden;
}

.wsla-order-clean-main .table-responsive,
.wsla-order-clean-main .table-container {
  width: 100%;
  overflow-x: auto;
}

/* Backward-compatible aliases for any WHMCS addon or legacy include still
   printing older WSLA classes. These aliases prevent visual regressions. */
.wsla-wrapper2,
.wsla-dashboard-wrapper.wsla-wrapper2 {
  display: grid;
  grid-template-columns: minmax(260px, 320px) minmax(0, 1fr);
  gap: 24px;
  align-items: start;
  width: 100%;
}
.ws-dashboard-sidebar {
  min-width: 0;
  width: 100%;
}
.wsla-main-content-area {
  min-width: 0;
  width: 100%;
}
.wsla-main-card {
  display: block;
  width: 100%;
  margin: 0;
}

@media (max-width: 991.98px) {
  .wsla-order-clean-page {
    padding-inline: 12px;
  }
  .wsla-order-clean-layout,
  .wsla-wrapper2,
  .wsla-dashboard-wrapper.wsla-wrapper2 {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  .wsla-order-clean-card {
    padding: 20px;
    border-radius: 18px;
  }
}

/* Generic full-width content wrapper used by standalone pages without sidebar. */
.wsla-wrapper {
  width: 100%;
  /* max-width: 1320px; */
  margin-inline: auto;
  /* padding-inline: 15px; */
}
@media (max-width: 991.98px) {
  .wsla-wrapper {
    padding-inline: 12px;
  }
}

/* ===========================================================================
   WSLA PHASE 2 HOTFIX - Client Area Layout Stabilisation
   =========================================================================== */
html,
body {
  max-width: 100%;
  overflow-x: hidden;
}

#main-body,
#main-body .container,
#main-body .row,
#main-body .primary-content {
  min-width: 0 !important;
}

#main-body .primary-content {
  max-width: 100% !important;
}

.wsla-order-clean-page {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 auto !important;
}

.wsla-order-clean-layout {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: flex-start !important;
  gap: 24px !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
}

html[dir="rtl"] .wsla-order-clean-layout,
body.body-rtl .wsla-order-clean-layout {
  direction: rtl;
}

.wsla-order-clean-sidebar {
  flex: 0 0 280px !important;
  width: 280px !important;
  max-width: 280px !important;
  min-width: 0 !important;
}

.wsla-order-clean-main {
  flex: 1 1 auto !important;
  width: auto !important;
  max-width: calc(100% - 304px) !important;
  min-width: 0 !important;
}

.wsla-order-clean-layout > .wsla-order-clean-card,
.wsla-order-clean-layout > form,
.wsla-order-clean-layout > .tab-content,
.wsla-order-clean-layout > .card {
  flex: 1 1 100% !important;
  min-width: 0 !important;
}

.wsla-order-clean-card {
  display: block !important;
  flex-direction: initial !important;
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: visible !important;
}

.wsla-order-clean-card > .card {
  max-width: 100%;
}

.ws-client-dashboard-page {
  width: 100% !important;
  max-width: 100% !important;
  overflow: visible !important;
}

.ws-client-dashboard {
  display: grid !important;
  grid-template-columns: 280px minmax(0, 1fr) !important;
  gap: 24px !important;
  align-items: start !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
}

html[dir="rtl"] .ws-client-dashboard,
body.body-rtl .ws-client-dashboard {
  direction: rtl;
}

.ws-client-dashboard > .wsla-order-clean-sidebar {
  grid-column: 1 !important;
  width: 280px !important;
  max-width: 280px !important;
}

.ws-client-dashboard > .ws-dashboard-main {
  grid-column: 2 !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
}

.ws-custom-alert,
.ws-email-verify-alert,
.network-issue-alert,
.alert {
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}

.ws-custom-alert {
  width: 100% !important;
  flex-wrap: wrap !important;
}

.ws-alert-text {
  min-width: 0 !important;
  overflow-wrap: anywhere;
}

.ws-tiles,
.ws-panels-grid {
  max-width: 100% !important;
  min-width: 0 !important;
}

@media (max-width: 991.98px) {
  .wsla-order-clean-layout,
  .ws-client-dashboard {
    display: block !important;
  }

  .wsla-order-clean-sidebar,
  .wsla-order-clean-main,
  .ws-client-dashboard > .wsla-order-clean-sidebar,
  .ws-client-dashboard > .ws-dashboard-main {
    width: 100% !important;
    max-width: 100% !important;
    flex: 1 1 auto !important;
  }

  .ws-client-dashboard-page .wsla-order-clean-sidebar {
    display: none !important;
  }
}

.shadow-sm {
  box-shadow: unset !important;
}

/* =========================================
   Wsla Calm & Soft Modal Style
   ========================================= */

/* الحاوية الأساسية */
.wsla-calm-modal .modal-content {
  border: none;
  border-radius: 24px; /* حواف دائرية جداً وناعمة */
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.05);
  background: #ffffff;
}

.wsla-calm-modal .modal-body {
  padding: 50px 40px 20px 40px;
}

/* زر الإغلاق الناعم */
.close-calm {
  position: absolute;
  top: 25px;
  right: 25px;
  background: #f8fafc;
  border: none;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  color: #cbd5e1;
  cursor: pointer;
  transition: 0.3s;
}
html[dir="rtl"] .close-calm {
  right: auto;
  left: 25px;
}

.close-calm:hover {
  background: #f1f5f9;
  color: #64748b;
}

/* العناوين */
.calm-title {
  font-size: 18px;
  font-weight: 700;
  color: #334155;
  margin-bottom: 5px;
}

.calm-subtitle {
  font-size: 13px;
  color: #94a3b8;
  margin: 0;
}

.wsla-spacer {
  height: 1px;
  background: linear-gradient(to right, transparent, #f1f5f9, transparent);
  margin: 30px 0;
}

/* تصميم الخيارات (الأزرار) */
.wsla-item-calm {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px 20px;
  background: #ffffff;
  border: 1px solid #f1f5f9; /* حدود خفيفة جداً */
  border-radius: 14px;
  color: #64748b;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none !important;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.wsla-item-calm:hover {
  background: #fcfcfd;
  border-color: #e2e8f0;
  color: #334155;
  transform: translateY(-1px);
}

/* العنصر النشط - ناعم جداً بدون لون صارخ */
.wsla-item-calm.active {
  background: #fef2f2; /* أحمر ناعم جداً أو استخدم اللون البرتقالي الشفاف */
  border-color: #feccae; /* لون وصلة برتقالي مخفف */
  color: #e4682c !important;
  font-weight: 700;
  box-shadow: 0 4px 12px rgba(228, 104, 44, 0.05);
}

.currency-symbol {
  font-size: 11px;
  margin-inline-start: 5px;
  opacity: 0.6;
}

/* الفوتر وزر التطبيق */
.modal-footer-calm {
  padding: 0 40px 40px 40px;
  border: none;
  text-align: center;
}

.btn-apply-calm {
  width: 100%;
  background: #1e293b; /* لون داكن هادئ وراقي */
  color: #fff;
  border: none;
  padding: 14px;
  border-radius: 14px;
  font-size: 15px;
  font-weight: 600;
  transition: 0.3s;
  cursor: pointer;
}

.btn-apply-calm:hover {
  background: #0f172a;
  box-shadow: 0 10px 20px rgba(15, 23, 42, 0.1);
  transform: translateY(-2px);
}
/* ==========================================================================
   WSLA Homepage responsive refinement - products, stats, portfolio
   ========================================================================== */
.product-section-20i {
  overflow: hidden;
}

.product-section-20i .homepage-plan-wrapper .row,
.product-section-20i .features-section-20i .row,
#sec-4 .row {
  row-gap: 24px;
}

.homepage-plan,
.feature-item-20i,
.stat-card,
.blog-collection-link-wrapper {
  will-change: transform;
}

.homepage-plan {
  min-height: 100%;
}

.feature-item-20i {
  background-color: #fff;
  border: 1px solid #eef0f2;
  /* box-shadow: 0 6px 18px rgba(15, 23, 42, 0.035); */
}

#sec-4 {
  background: #f8fafc;
}

#sec-4 .banner-content-container > .container,
.product-section-20i > .container,
.blog-section-wrapper > .container {
  /* max-width: 1180px; */
  max-width: 1420px;
}

@media (min-width: 992px) {
  .product-section-20i .homepage-plan-wrapper {
    margin-bottom: 2.75rem !important;
    padding-bottom: 2rem !important;
  }

  .homepage-plan {
    padding: 32px 18px;
  }

  .homepage-plan h4,
  .feature-title-20i,
  .stat-title {
    min-height: 2.6em;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .feature-title-20i {
    justify-content: flex-start;
  }

  html[dir="rtl"] .feature-title-20i,
  body.rtl .feature-title-20i {
    /* justify-content: flex-end; */
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .product-section-20i {
    padding-top: 34px !important;
    padding-bottom: 56px !important;
  }

  .product-section-20i .Myhomepage,
  .blog-section-header h2 {
    font-size: 2rem;
    line-height: 1.25;
  }

  .homepage-plan {
    padding: 28px 18px;
  }

  .homepage-plan h3 {
    font-size: 2.35rem;
  }

  .feature-item-20i {
    padding: 22px;
  }

  .stat-card {
    padding: 32px 18px;
  }

  .stat-value {
    font-size: 3rem;
  }

  .blog-section-wrapper {
    padding: 64px 0 !important;
  }

  .portfolio-swiper {
    -webkit-mask-image: none !important;
    mask-image: none !important;
  }

  .blog-image-wrapper {
    height: 220px !important;
  }
}

@media (max-width: 767.98px) {
  .product-section-20i {
    padding-top: 26px !important;
    padding-bottom: 42px !important;
  }

  .product-section-20i .Myhomepage {
    font-size: 1.75rem;
    line-height: 1.25;
    margin-top: 0 !important;
    margin-bottom: 1.5rem !important;
  }

  .product-section-20i .homepage-plan-wrapper {
    margin-bottom: 1.75rem !important;
    padding-bottom: 0 !important;
  }

  .product-section-20i .features-section-20i {
    margin-top: 1.25rem !important;
  }

  .homepage-plan {
    padding: 24px 18px;
    border-radius: 16px;
  }

  .homepage-plan .icon {
    height: 44px;
    margin-bottom: 12px;
    font-size: 32px;
  }

  .homepage-plan h4 {
    font-size: 1.18rem;
    margin-bottom: 10px;
  }

  .homepage-plan p {
    font-size: 0.92rem;
    margin-bottom: 18px;
  }

  .homepage-plan .start-at {
    font-size: 0.9rem;
  }

  .homepage-plan h3 {
    font-size: 2.15rem;
    margin-bottom: 12px;
  }

  .homepage-plan h3 .currency-symbol {
    font-size: 1rem;
    transform: translateY(-10px);
  }

  .homepage-plan h3 .durection {
    font-size: 0.88rem;
  }

  .feature-item-20i {
    padding: 18px;
    border-radius: 16px;
    align-items: center;
  }

  .feature-icon-wrapper {
    width: 54px;
    height: 54px;
    font-size: 20px;
    margin-inline-end: 14px;
  }

  .feature-title-20i {
    font-size: 1.08rem;
    margin-bottom: 6px;
  }

  .feature-text-20i {
    font-size: 0.9rem;
    margin-bottom: 8px;
  }

  #sec-4 .row {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }

  .stat-card {
    padding: 24px 16px;
    border-radius: 16px;
  }

  .stat-value {
    font-size: 2.4rem;
    margin-bottom: 10px;
  }

  .stat-title {
    font-size: 1rem;
    margin-bottom: 6px;
  }

  .stat-desc {
    font-size: 0.88rem;
    line-height: 1.55;
  }

  .blog-section-wrapper {
    padding: 48px 0 !important;
  }

  .blog-section-header {
    margin-bottom: 28px !important;
    padding: 0 8px;
  }

  .blog-section-header h2 {
    font-size: 1.75rem !important;
    line-height: 1.25;
  }

  .blog-section-header p {
    font-size: 0.98rem !important;
    line-height: 1.75;
  }

  .portfolio-swiper {
    padding-top: 5px !important;
    padding-bottom: 48px !important;
    -webkit-mask-image: none !important;
    mask-image: none !important;
    overflow: visible !important;
  }

  .blog-collection-link-wrapper {
    border-radius: 18px !important;
    padding: 12px !important;
  }

  .blog-image-wrapper {
    height: 190px !important;
    border-radius: 14px !important;
    margin-bottom: 18px !important;
  }

  .blog-content-holder {
    padding: 0 6px 18px !important;
  }

  .text-base-large {
    font-size: 1.08rem !important;
    line-height: 1.45 !important;
  }

  .text-body {
    font-size: 0.92rem !important;
    line-height: 1.65 !important;
  }

  .blog-author-wrapper {
    padding: 0 6px 6px !important;
  }

  .blog-author-image-wrapper {
    width: 38px !important;
    height: 38px !important;
  }

  .blog-corner-shape {
    width: 58px !important;
    height: 58px !important;
  }

  .blog-round-shape {
    width: 42px !important;
    height: 42px !important;
  }
}

@media (max-width: 575.98px) {
  .product-section-20i > .container,
  #sec-4 .banner-content-container > .container,
  .blog-section-wrapper > .container {
    padding-left: 16px;
    padding-right: 16px;
  }

  .product-section-20i .homepage-plan-wrapper .col-12,
  .product-section-20i .features-section-20i .col-sm-12,
  #sec-4 .col-sm-12 {
    margin-bottom: 14px !important;
  }

  .feature-item-20i {
    align-items: flex-start;
  }

  .feature-icon-wrapper {
    width: 48px;
    height: 48px;
    font-size: 18px;
  }

  .stat-card {
    text-align: start;
  }

  .stat-value,
  .stat-title,
  .stat-desc {
    text-align: inherit;
  }

  .blog-image-wrapper {
    height: 170px !important;
  }
}

@media (max-width: 390px) {
  .homepage-plan h3 {
    font-size: 1.9rem;
  }

  .feature-item-20i {
    flex-direction: column;
    gap: 12px;
  }

  .feature-icon-wrapper {
    margin-inline-end: 0;
  }

  .blog-image-wrapper {
    height: 155px !important;
  }
}

/* ==========================================================================
   WSLA Homepage 1420px alignment guard
   Keeps homepage blocks on one visual level without changing the design system.
   ========================================================================== */
:root {
  --wsla-home-max-width: 1420px;
  --wsla-home-container-gutter: 18px;
  --wsla-home-grid-gap: 24px;
}

.product-section-20i .wsla-home-container,
#sec-4 .wsla-home-container,
.blog-section-wrapper .wsla-home-container {
  width: 100%;
  max-width: var(--wsla-home-max-width) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: var(--wsla-home-container-gutter);
  padding-right: var(--wsla-home-container-gutter);
  box-sizing: border-box;
}

/* Fallback for older homepage copies that may not yet include wsla-home-container. */
.product-section-20i > .container,
#sec-4 .banner-content-container > .container,
.blog-section-wrapper > .container {
  width: 100%;
  max-width: var(--wsla-home-max-width) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box;
}

@media (min-width: 1420px) {
  .product-section-20i .homepage-plan-wrapper .row,
  .product-section-20i .features-section-20i .row,
  #sec-4 .row {
    margin-left: calc(var(--wsla-home-grid-gap) / -2);
    margin-right: calc(var(--wsla-home-grid-gap) / -2);
  }

  .product-section-20i .homepage-plan-wrapper .row > [class*="col-"],
  .product-section-20i .features-section-20i .row > [class*="col-"],
  #sec-4 .row > [class*="col-"] {
    padding-left: calc(var(--wsla-home-grid-gap) / 2);
    padding-right: calc(var(--wsla-home-grid-gap) / 2);
  }

  .homepage-plan,
  .feature-item-20i,
  .stat-card,
  .blog-collection-link-wrapper {
    width: 100%;
    height: 100%;
  }

  .product-section-20i .homepage-plan-wrapper .row > [class*="col-"],
  .product-section-20i .features-section-20i .row > [class*="col-"],
  #sec-4 .row > [class*="col-"],
  .blog-collection-item {
    display: flex;
  }

  .blog-collection-list {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: var(--wsla-home-grid-gap) !important;
    align-items: stretch;
    max-width: none !important;
  }

  .blog-collection-link-wrapper {
    min-width: 0;
  }

  .blog-section-header,
  .product-section-20i .Myhomepage {
    margin-left: auto;
    margin-right: auto;
  }
}

@media (min-width: 1200px) and (max-width: 1419.98px) {
  .product-section-20i .homepage-plan-wrapper .row,
  .product-section-20i .features-section-20i .row,
  #sec-4 .row {
    row-gap: var(--wsla-home-grid-gap);
  }

  .blog-collection-list {
    gap: var(--wsla-home-grid-gap) !important;
  }
}

@media (max-width: 575.98px) {
  .product-section-20i .wsla-home-container,
  #sec-4 .wsla-home-container,
  .blog-section-wrapper .wsla-home-container {
    --wsla-home-container-gutter: 16px;
  }
}

/* =========================================================
   WHMCS Admin-only "Return to admin area" link
   يظهر فقط للأدمن أثناء المعاينة، لذلك نخليه غير مزعج
   ========================================================= */

body > a[href*="admin"],
body > a[href*="adminarea"] {
  position: fixed !important;
  left: 12px;
  bottom: 12px;
  z-index: 99999;
  width: auto !important;
  min-height: auto !important;
  padding: 7px 11px !important;
  font-size: 12px !important;
  line-height: 18px !important;
  color: #ffffff !important;
  background: rgba(38, 42, 51, 0.85) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: 999px !important;
  text-decoration: none !important;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.18) !important;
  opacity: 0.45;
  transition:
    opacity 0.2s ease,
    transform 0.2s ease;
}

body > a[href*="admin"]:hover,
body > a[href*="adminarea"]:hover {
  opacity: 1;
  color: #ffffff !important;
  background: #f66257 !important;
  transform: translateY(-2px);
}

.card-body .controls {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.card-body .controls .wsla-checkbox-row input[type="checkbox"] {
  top: 5px;
  position: relative;
  margin-inline-end: 0.75rem;
}

.bootstrap-switch.bootstrap-switch-animate .bootstrap-switch-container {
  white-space: nowrap;
}

.bootstrap-switch.bootstrap-switch-small {
  min-width: 76px;
  width: 76px;
}

.navbar-nav [menuitemname="Account"] a span {
  color: #222 !important;
}

.btn-facebook {
  background-color: #0866ff;
  color: #fff;
}

[id="fileUploadsContainer"] {
  display: flex;
  flex-direction: column;
  gap: 0.325rem;
  margin-top: 0.325rem;
}

.dataTables_wrapper table.table-list tbody .odd .dataTables_empty {
  text-align: center!important;
  padding: 3rem 0!important;
}

.wsla-login-clean-card {
  background: #ffffff !important;
  width: 100% !important;
  display: flex !important;
  flex-direction: row !important;
  border-radius: 20px !important;
  border: 1px solid #edf2f7 !important;
  box-shadow: none !important;
  overflow: hidden !important;
  position: relative !important;
  padding: 30px !important;
}