body,
html {
  font-family: Ubuntu, sans-serif !important;
  scroll-behavior: smooth;
}
body.he {
  direction: rtl !important;
}

/* HE dilinde slider LTR (desktop da) */
.he #reviewSlider {
  direction: ltr !important;
}

.he .review-carousel {
  direction: ltr !important;
}

.text-white {
  color: #fff;
}
#house-cleaning {
  border-top: 3px solid #77af47;
  background-image: url(/asset/israfix/images/house-cleaning-bg-israfix.jpg?v=11) !important;
  background-attachment: inherit;
  background-position: 28% bottom;
  background-size: auto;
  background-color: #fff;
  min-height: 600px !important;
  padding: 0 !important;
}
.he #house-cleaning {
  background-image: none !important;
}
#house-cleaning.empty-home-cleaning-wrapper {
  min-height: 700px !important;
}
@media screen and (max-width: 1200px) {
  #house-cleaning,
  .he #house-cleaning:before {
    background-image: none !important;
    background-color: #ffffff !important;
  }
}
.he #house-cleaning:before {
  background-image: url(/asset/israfix/images/house-cleaning-bg-israfix.jpg?v=6) !important;
  background-attachment: inherit;
  background-position: 28% bottom;
  background-size: auto;
  background-color: #fff !important;
}
@media screen and (min-width: 1024px) {
  #cleaner-tab .info-box-container {
    margin-left: -50px;
    width: 105%;
  }
}
@media screen and (max-width: 1024px) {
  #cleaner-tab .info-box-container {
    margin-top: 50px;
  }
  #cleaner-tab .info-box-container .info-box {
    padding: 0 !important;
    text-align: initial !important;
  }
}
.he #cleaner-tab .info-box-container {
  margin-left: 0 !important;
  width: 100% !important;
}
#houseCleaning {
  background: #f5f5f5;
  border-radius: 3px;
  border-width: 0;
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.15);
  padding: 15px;
}
#cleaner-form {
  border-radius: 0 !important;
}
#how-it-works .section-title-container {
  padding: 0;
  margin: 0;
}
.readmore_link {
  font-size: 18px;
  color: #1b487c;
  text-decoration: none;
}
.readmore_link:hover {
  color: #ff7e00;
}
#how-it-works {
  background: #f5f5f5 url(/asset/images/left-pattern.png) no-repeat left fixed !important;
  background-attachment: fixed;
}
#house-cleaning .how-does-it-work .btn-tmz-solid {
  background-color: #77af47 !important;
  font-weight: 700 !important;
}
.info-box {
  padding: 0 20px;
}
.info-box .info-box-title.h1 {
  font-size: 26px;
  color: #1b487c;
  font-weight: 700;
  margin: 0 0 10px 0;
}
.info-box .info-box-description {
  color: #444;
  font-size: 14px;
}
.info-box-content .collapse {
  max-height: 125px !important;
}
.info-box-content .panel-title {
  white-space: normal !important;
}
#how-it-works .box-block .box-block-content .box-block-title {
  color: #77af47 !important;
}
#how-it-works .box-block .box-block-badge span {
  background: #77af47 !important;
}
#house-cleaning .tab-content input[type="radio"]:checked + label {
  background-color: #77af47 !important;
  border-color: #77af47 !important;
}
#house-cleaning .tab-content input[type="radio"]:checked + label:hover {
  background-color: #16af0a !important;
}
#house-cleaning .tab-content .page-nav .btn-tmz-transparent:hover,
#house-cleaning .tab-content .page-nav-container .btn-tmz-transparent:hover,
#house-cleaning .tab-content .section .btn-tmz-transparent:hover,
#house-cleaning .tab-content .section-description .btn-tmz-transparent:hover,
#house-cleaning .tab-content .section-title .btn-tmz-transparent:hover,
#house-cleaning
  .tab-content
  .section-title-container
  .btn-tmz-transparent:hover {
  background-color: #16af0a !important;
  border-color: #16af0a !important;
}
.package-table thead th {
  color: #77af47;
}
.cnt-radio input:checked ~ .checkmark {
  border-color: #77af47 !important;
}
.cnt-radio .checkmark:after {
  background-color: #77af47 !important;
}
.bg {
  padding: 25px;
  color: #fff !important;
}
.green-bg {
  background: #4f9205;
  background: -moz-linear-gradient(left, #ff3019 0, #cf0404 100%);
  background: -webkit-linear-gradient(left, #4f9205 0, #76cd15 100%);
  background: linear-gradient(to right, #4f9205 0, #49cf04 100%);
}
.blue-bg {
  background: #4f9205;
  background: -moz-linear-gradient(left, #ff3019 0, #cf0404 100%);
  background: -webkit-linear-gradient(left, #172b42 0, #1b487c 100%);
  background: linear-gradient(to right, #172b42 0, #1b487c 100%);
}
#howItWorks {
  display: inline-block !important;
}
#howItWorks i {
  font-size: 40px;
  color: #fff;
}
.he #howItWorks .media-left,
.he #howItWorks .media > .pull-left {
  padding-left: 10px !important;
}
#features {
  background-color: #f5f5f5;
}
#features .thumbnail {
  text-align: center;
  font-size: 14px;
  background-color: initial !important;
  border: none !important;
}
#features .thumbnail img {
  max-width: 120px;
  margin: 15px auto;
}
#features .thumbnail .thumb-header {
  font-weight: 700;
  margin-bottom: 15px;
}
#services {
  overflow: hidden;
  background: url(/asset/israfix/images/bg-area.png) no-repeat center bottom;
  background-size: cover;
}
#services .thumbnail {
  background-color: initial !important;
  border: none !important;
}
.he .section-title,
.section-title {
  font-weight: 700;
  text-align: center !important;
}
.section-description {
  font-size: 14px;
  font-weight: 700;
}
#reviews {
  display: inline-block;
  width: 100%;
}
#reviews .item {
  padding: 5px;
}
#reviews .review-box {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.09);
  padding: 30px;
  border-radius: 30px;
  background: #fff;
  text-align: center;
  font-family: Ubuntu, sans-serif;
  min-height: 320px;
}
#reviews .review-box .review-face {
  border-radius: 50%;
  max-width: 80px;
  margin: 0 auto 15px auto;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.09);
}
#reviews .review-box h4 {
  font-size: 18px;
  color: #1b487c;
  font-weight: 600;
}
footer {
  padding: 75px 0;
  background: #172b42;
  color: #fff !important;
}
#house-cleaning #cleaner-tab .panel-heading a.collapsed {
  color: #1b487c !important;
  font-weight: 700 !important;
}
#house-cleaning #cleaner-tab .panel-group .active .panel-heading a {
  font-weight: 700 !important;
  color: #000 !important;
  text-decoration: underline !important;
}
#house-cleaning #cleaner-tab .panel-group .active .panel-body {
  color: #000 !important;
}
#house-cleaning #cleaner-tab .panel-heading a:hover {
  color: #000 !important;
}
#main-header {
  min-height: 90px;
  margin-bottom: 10px;
  border: 0 solid transparent;
  box-shadow: 1px 4px 2px #44444424;
  background-color: #fff;
}

#main-header > .container,
#main-header > .container-fluid,
#main-header > .header-group {
  position: relative;
  padding-top: 10px;
  padding-bottom: 0px;
}

#main-header .nav.navbar-nav > li > a {
  padding: 25px 15px 25px;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 600;
  color: #353535;
  line-height: 32px;
}
#main-header .nav.navbar-nav > li > a {
  background-color: transparent;
}
#main-header .plugin-phone {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 30px;
  float: left;
  border-radius: 50%;
  height: 30px;
  color: #fff;
  background: #4f9205;
  background: -moz-linear-gradient(left, #ff3019 0, #cf0404 100%);
  background: -webkit-linear-gradient(left, #4f9205 0, #76cd15 100%);
  background: linear-gradient(to right, #4f9205 0, #49cf04 100%);
}
.he #main-header .plugin-phone {
  float: right;
}
#main-header .plugin-phone i {
  line-height: 1;
  font-size: 14px;
}
#main-header .navbar-right {
  margin-right: 0 !important;
}
.he #main-header .navbar-right {
  margin-left: 0 !important;
}
#topbar {
  padding: 5px 0;
  background: #172b42;
}
#topbar .socials {
  top: 5px;
}
#topbar .socials span {
  background: #fff;
  float: left;
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  margin-right: 5px;
  border-radius: 3px;
  font-size: 13px;
}
#topbar .socials a span i {
  color: #172b42;
}
.he #topbar .socials a {
  float: right;
}
#topbar .phone.onlylanguage {
  display: inline-block;
}
#topbar #user-login-link {
  position: inherit;
  color: #fff;
  display: inline-block;
  top: 3px;
  right: 0;
}
#topbar a.lang-link {
  margin: 0 2px;
  display: inline-block;
  padding: 0;
}
#topbar a.lang-link img {
  width: 29px !important;
  height: 30px !important;
  margin: 0 !important;
}
#topbar #user-menu {
  position: relative;
  color: #fff;
  display: inline-block;
  top: 0;
  right: 0;
  width: auto !important;
}
#topbar #user-menu .dropdown {
  position: inherit;
  top: auto !important;
}
.he #topbar #user-menu .dropdown-toggle {
  padding: 0 !important;
}
#topbar #user-menu .dropdown-toggle {
  height: inherit;
  padding: 0 12px !important;
}
#topbar #user-menu .dropdown-toggle .avatar {
  top: 0 !important;
  float: left;
  width: 30px;
  height: 30px;
}
#topbar #user-menu .dropdown-toggle .user-text {
  color: #fff;
  margin-top: 5px;
  display: inline-block;
}
/* Logo styling */
.big-logo {
  max-height: 100px;
  max-width: 210px;
}

#main-header #logo {
  display: inline-block;
  margin: 0 !important;
  padding: 0 !important;
}
#content {
  margin-top: 140px !important;
  padding-bottom: 0 !important;
}
.mobile-menu {
  background-color: #00467f !important;
}
.mobile-menu ul {
  background: #00467f;
  border-top-color: #1ace00;
  border-bottom-color: #1ace00;
}
.mobile-menu ul li {
  border-bottom-color: #1ace00;
}
@media screen and (max-width: 480px) {
  #house-cleaning .tab-content .section {
    padding: 10px !important;
  }
}
@media screen and (max-width: 1024px) {
  #main-header #logo img {
    width: 100px !important;
    height: auto !important;
  }

  #topbar .phone.onlylanguage {
    margin: 0 !important;
  }

  #user-menu .dropdown-toggle .avatar {
    float: left;
  }

  #user-menu .dropdown-toggle .user-text {
    margin-top: 10px;
    display: inline-block;
  }

  .select-day .divider {
    margin: 0 !important;
  }

  #main-header {
    min-height: 80px;
  }

  #main-header > .container {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  #main-header .mobile-bar {
    margin-top: 0px;
    display: flex;
    align-items: center;
  }
  #main-header .mobile-bar a {
    display: flex;
    align-items: center;
    margin-top: 0;
  }
  #main-header .mobile-bar .plugin-phone {
    margin-top: 0;
  }
  #topbar {
    padding: 3px 0;
  }
  #topbar .col-sm-6 {
    width: 50%;
    float: left;
  }
  /* Hide WhatsApp text on mobile, keep only in topbar */
  #topbar a[onclick*="whatsapp_header"] {
    display: none;
  }
}

/* RU: WhatsApp header text - keep on one line */
.ru a[onclick*="whatsapp_header"] {
  white-space: nowrap !important;
  display: inline-block !important;
}
#pageWrapper {
  background-image: url(/asset/images/user-agreement-bg.jpg);
  min-height: 700px;
}
.page .content-title {
  font-family: "Dancing Script";
  font-weight: 700;
  text-align: center;
}
#cleaner-tab .info-box .panel-group .panel {
  display: inline-block !important;
  width: 100%;
}
.user-agreement-container {
  min-height: 700px;
}
@media screen and (max-width: 1200px) {
  .mobile-menu-btn {
    margin-top: 0;
  }
}
.he .mobile-menu-btn {
  margin-top: 3px !important;
}
.d-inline-block {
  display: inline-block !important;
}
.mobile-bar {
  margin-top: 30px;
  display: none;
}
.rngst_phone_button {
  left: -47px;
  right: inherit;
}
.rngst_phone_circle {
  display: none;
}
.rngst_phone_circle2 {
  display: none;
}
.rngst_phone_fill {
  display: none;
}
@media screen and (max-width: 996px) {
  .mobile-bar {
    display: block;
  }
}
.rngst_phone_button {
  width: 60px !important;
  height: 60px !important;
  margin: 0 !important;
  left: 20px !important;
  right: auto !important;
  bottom: 90px !important;
}
.rngst_phone_icon,
.rngst_phone_body {
  top: 0 !important;
  left: 0 !important;
}
/* Hebrew (he) - Position at bottom LEFT corner (not overflow) */
.he .whatsapp-container {
  left: 90px !important;
  right: auto !important;
}

@media (max-width: 768px) {
  .he .whatsapp-container {
    left: 10px !important;
    right: auto !important;
  }
}
.whatsapp-container .cat-image {
  width: 60px !important;
  height: 60px !important;
  border-radius: 50% !important;
  overflow: hidden !important;
  cursor: pointer;
  display: block !important;
  position: relative !important;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
  float: left !important;
  margin-top: 12px !important;
}
.whatsapp-container .cat-image img {
  width: 60px !important;
  height: 60px !important;
  display: block !important;
  border-radius: 50% !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  box-sizing: border-box !important;
  background-color: transparent !important;
}
/* HE Mobile: whatsapp widget - position at bottom LEFT corner */
@media (max-width: 768px) {
  .he .whatsapp-container {
    width: 290px !important;
    position: fixed !important;
    left: 10px !important;
    right: auto !important;
    bottom: 90px !important;
    display: block !important;
    overflow: visible !important;
  }

  .he .whatsapp-container .cat-image {
    position: absolute !important;
    float: none !important;
    left: 0 !important;
    right: auto !important;
    bottom: auto !important;
    margin-top: 0 !important;
  }
}
#home-faq {
  background-image: url(/asset/israfix/images/home-faq-bg.jpg?v=1) !important;
}
@media (max-width: 1200px) {
  #home-faq,
  #home-faq:before {
    background: none !important;
  }
}
.he #home-faq {
  background: none !important;
}
.he #home-faq:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  background: url(/asset/israfix/images/home-faq-bg.jpg?v=1) 0 0 no-repeat;
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}
.question-title {
  font-size: 16px;
  color: #1b487c !important;
  font-weight: 700 !important;
}
.question-content {
  color: #000 !important;
  font-size: 16px;
  font-weight: 400;
}
/* RU: Question content text - smaller font */
.ru .question-content {
  font-size: 12px !important;
}
/* Mobile: FAQ question-content - add top spacing to prevent overlap */
@media (max-width: 768px) {
  .tab-pane.active .question-content {
    margin-top: 40px !important;
    padding-top: 40px !important;
  }
  /* RU: Increase spacing for question content */
  .ru .tab-pane.active .question-content {
    margin-top: 60px !important;
    padding-top: 60px !important;
  }
}
.service-menu .service-list {
  margin: 0;
}
.service-menu .service-list li a {
  display: flex;
  flex-direction: column;
  height: 100%;
  align-items: center;
  padding: 10px;
  background: #1b487c;
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
  text-align: center;
  color: #fff;
  font-size: 16px;
  text-decoration: none;
}
.service-menu .service-list li.active a {
  background: #77af47 !important;
}
@media screen and (max-width: 767px) {
  .service-menu .service-list li a {
    font-size: 14px;
  }
}
@media screen and (max-width: 648px) {
  .mobilemainmenu,
  .mobilemainmenu-container {
    display: none !important;
  }
}
@media screen and (max-width: 400px) {
  .service-menu .service-list li a {
    padding: 10px 7px;
  }
  .service-menu li span {
    width: 16px !important;
    height: 16px !important;
  }
}
.service-menu li span {
  display: block;
}
.service-menu #house-cleaning-icon {
  width: 24px;
  height: 26px;
  background: url(/asset/israfix/images/house-icon.png) no-repeat;
  background-size: 100%;
  top: 5px;
}
.service-menu #empty-house-cleaning-icon {
  width: 24px;
  height: 26px;
  background: url("/asset/israfix/images/broom-icon.png") no-repeat;
  background-size: 100%;
  top: 5px;
}
.service-menu #office-cleaning-icon {
  width: 24px;
  height: 26px;
  background: url("/asset/israfix/images/office-icon.png") no-repeat;
  background-size: 100%;
  top: 5px;
}
.service-menu .swiper-button-disabled {
  display: none;
}
.smartbanner {
  top: 125px !important;
}
.he .smartbanner .smartbanner__icon {
  right: 40px !important;
}
.he .smartbanner .smartbanner__info {
  right: 110px !important;
}
.he .smartbanner .smartbanner__exit {
  right: 10px !important;
}
#enable-toolbar-trigger {
  display: flex !important;
  bottom: 80px !important;
}
@media screen and (min-width: 769px) {
  /* Desktop: English & Russian - left positioning */
  .en #enable-toolbar-trigger,
  .ru #enable-toolbar-trigger {
    left: 100px !important;
    right: auto !important;
  }

  /* Desktop: Hebrew accessibility toolbar - right positioning (RTL) */
  .he #enable-toolbar-trigger {
    right: 100px !important;
    left: auto !important;
  }
}
@media screen and (max-width: 1024px) {
  #enable-toolbar-trigger {
    transform: scale(1.13) !important;
  }
}
/* Mobile: Hebrew accessibility toolbar - RTL positioning */
@media (max-width: 768px) {
  /* Logo boşlukları kaldır */
  #logo {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    display: block !important;
    line-height: normal !important;
  }

  .he #enable-toolbar-trigger {
    right: 10px !important;
    left: auto !important;
  }

  /* Reviews section - margin-top ile aşağı taşı (#home-faq'yi etkilemesin) */
  #reviews {
    margin-top: 200px !important;
  }

  /* HE dilinde slider normal (LTR) kalmalı */
  .he #reviewSlider {
    direction: ltr !important;
  }

  .he .review-carousel {
    direction: ltr !important;
  }

  .he .sp-rtl .sp-buttons {
    direction: ltr !important;
  }
}
@media screen and (min-width: 1024px) {
  .swiper-button-next,
  .swiper-button-prev {
    display: none !important;
  }
}
.readmore_link {
  color: #76cd15 !important;
}

.he .input-group-addon:last-child {
  border-left: 1px solid #ccc;
}

.he .input-group .form-control:last-child,
.he .input-group-addon:last-child,
.he .input-group-btn:last-child > .btn,
.he .input-group-btn:last-child > .btn-group > .btn,
.he .input-group-btn:last-child > .dropdown-toggle,
.he .input-group-btn:first-child > .btn:not(:first-child),
.he .input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}

.he .fa-angle-right {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.he #hkDt input[type="number"] {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}

#user-menu.user-menu-mobile {
  height: 331px;
}
.ar #house-cleaning:before,
.he #house-cleaning:before {
  background-position: 15% bottom !important;
}

.rngst_phone_button {
  display: none !important;
}

.delete-address {
  position: initial !important;
  display: initial !important;
  right: initial !important;
  top: initial !important;
}

.footer-payment-icons {
  top: -0px;
}

#eKomiWidget .ekomi-widget-container .pull-left {
  margin: 0 auto;
  display: block;
  float: inherit !important;
}
@media screen and (min-width: 1200px) {
  #eKomiWidget {
    margin-top: -85px;
  }
  #eKomiWidget-container {
    margin-bottom: -100px;
  }
}
@media screen and (max-width: 1200px) {
  #eKomiWidget-container {
    margin-bottom: 20px;
  }
}

/* Mobile: Logo boşlukları kaldır */
@media screen and (max-width: 768px) {
  #logo {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    display: block !important;
    line-height: normal !important;
  }
}

img.footer-payment-icons {
  max-width: 250px;
  max-height: 75px;
}

/* ============================================
   SERVICE MENU - Desktop & Mobile Unified
   ============================================ */

/* Override marginTop-20 class for service menu - reduce gap below logo */
.services-swiper-wrapper.service-menu {
  margin-top: 10px !important;
}

#servicesList ul, #servicesList2 ul {
  display: flex;
  justify-content: center;
  gap: 15px;
  list-style-type: none;
  margin-bottom: 0;
  padding: 0;
}

#servicesList li, #servicesList2 li {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 8px;
  min-height: 50px;
  padding: 6px 18px;
  background: #1b487c;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  text-align: center;
  color: #fff;
  font-size: 14px;
  text-decoration: none;
  margin: 0;
  flex: 0 0 auto;
  width: 180px;
}

#servicesList li a,
#servicesList2 li a {
  display: flex;
  align-items: center;
  gap: 8px;
  color: inherit;
  text-decoration: none;
}

/* Active service button - green highlight is set in template via SYSTEM_COMPANY_ID */
/* Default: all service buttons are blue (#1b487c) */
/* Template adds .li-{SYSTEM_COMPANY_ID} with green background (#77af47) */

/* Service icons styling */
.service-icon {
  display: block;
  width: 38px;
  height: 38px;
  flex-shrink: 0;
  background-size: 38px 38px !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}

#home-cleaning-icon {
  background-image: url(/asset/israfix/images/service-icons/home-cleaning.svg) !important;
}

#empty-house-icon {
  background-image: url(/asset/israfix/images/service-icons/empty-house.svg) !important;
}

#office-cleaning-2-icon {
  background-image: url(/asset/israfix/images/service-icons/office-cleaning.svg) !important;
}

#pest-control-icon {
  background-image: url(/asset/israfix/images/service-icons/pest-control.svg) !important;
}

#stairwell-icon {
  background-image: url(/asset/israfix/images/service-icons/stairwell.svg) !important;
}

#couch-icon {
  background-image: url(/asset/israfix/images/service-icons/couch-cleaning.svg) !important;
}

#chair-icon {
  background-image: url(/asset/israfix/images/service-icons/chair-cleaning.svg) !important;
}

#mattress-icon {
  background-image: url(/asset/israfix/images/service-icons/mattress-cleaning.svg) !important;
}

#carpet-icon {
  background-image: url(/asset/israfix/images/service-icons/carpet-cleaning.svg) !important;
}

#car-icon {
  background-image: url(/asset/israfix/images/service-icons/car-seat-cleaning.svg) !important;
}

/* Service description text */
.service-icons .desc {
  color: #fff;
  font-size: 13px;
  line-height: 1.3;
  white-space: nowrap;
  text-align: left;
}

.desc2 {
  display: block !important;
}

/* Desktop: hide descriptions for smaller screens */
@media only screen and (max-width: 1200px) and (min-width: 1000px) {
  .desc {
    display: none !important;
  }
}

/* ============================================
   RUSSIAN LANGUAGE - No special font adjustment
   All languages use same 13px font-size for consistent vertical alignment
   ============================================ */

/* ============================================
   MOBILE: Service menu buttons
   ============================================ */
@media screen and (max-width: 768px) {
  #servicesList2 li:not(.mobile-menu-btn) {
    min-height: 40px !important;
    flex: none !important;
    max-width: 180px !important;
    padding: 4px 8px !important;
    margin: 0 2px !important;
  }

  #servicesList2 li:not(.mobile-menu-btn) a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    width: 100%;
  }

  #servicesList2 li:not(.mobile-menu-btn) .service-icon {
    width: 32px !important;
    height: 32px !important;
    margin: 0 !important;
    flex-shrink: 0 !important;
  }

  #servicesList2 li:not(.mobile-menu-btn) .desc {
    font-size: 12px !important;
    line-height: 1.2 !important;
    flex: none !important;
    min-width: 0 !important;
    max-width: none !important;
  }

  /* Hebrew: Icon on right side, text on left */
  .he #servicesList2 li:not(.mobile-menu-btn) a {
    flex-direction: row-reverse !important;
  }

  /* Arrow buttons - center arrow icon vertically */
  #servicesList2 li.mobile-menu-btn {
    flex: none !important;
    width: auto !important;
    min-height: 40px !important;
    min-width: 40px !important;
    border-top-left-radius: 7px !important;
    border-top-right-radius: 7px !important;
    background: #1b487c !important;
    padding: 0 12px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  /* Arrow icon inside blue buttons */
  #servicesList2 li.mobile-menu-btn i {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
  }
}

#servicesList2 {
  direction: ltr !important;
}

/* ============================================
   LOGIN & REGISTER - Submit Buttons
   ============================================ */

#login-submit-btn,
#register-submit-btn {
  background-color: #77af47 !important;
  border-color: #77af47 !important;
  color: #fff !important;
  font-weight: bold !important;
}

#login-submit-btn:hover,
#register-submit-btn:hover {
  background-color: #6a9c3f !important;
  border-color: #6a9c3f !important;
}

#login-submit-btn:active,
#register-submit-btn:active {
  background-color: #5d8d37 !important;
  border-color: #5d8d37 !important;
}

/* ============================================
   LOGIN & REGISTER - Page Links
   ============================================ */

.linkup {
  color: #1b487c !important;
  text-decoration: none !important;
}

.linkup:hover {
  color: #00467f !important;
  text-decoration: underline !important;
}

/* ============================================
   LOGIN PAGE - List Box Layout
   ============================================ */

.list-box {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-start !important;
  gap: 15px;
  margin-bottom: 20px;
}

.list-box-image {
  flex-shrink: 0;
  min-width: 69px;
}

.list-box-image img {
  display: block;
  width: 69px !important;
  height: auto !important;
}

.list-box-content {
  flex: 1;
  text-align: left;
}

.list-box-title {
  margin: 0 0 8px 0;
  font-weight: 700;
}

.list-box-text {
  margin: 0;
  font-size: 14px;
}

.list-box-text p {
  margin: 0;
}

/* ===== BUTTON SPINNER (Login/Register) ===== */
.btn-loading {
    position: relative !important;
    pointer-events: none !important;
}

@keyframes spin {
    0% { transform: rotate(0deg) !important; }
    100% { transform: rotate(360deg) !important; }
}

@-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg) !important; }
    100% { -webkit-transform: rotate(360deg) !important; }
}

button.btn-loading::before {
    content: '' !important;
    display: block !important;
    position: absolute !important;
    width: 20px !important;
    height: 20px !important;
    border: 4px solid rgba(255,255,255,0.3) !important;
    border-top-color: #ffffff !important;
    border-right-color: #ffffff !important;
    border-radius: 50% !important;
    left: 50% !important;
    top: 50% !important;
    margin-left: -10px !important;
    margin-top: -10px !important;
    box-shadow: 0 0 4px rgba(255,255,255,1) !important;
    z-index: 10 !important;
    animation: spin 0.8s linear infinite !important;
    -webkit-animation: spin 0.8s linear infinite !important;
}

button.btn-loading {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: visible !important;
    position: relative !important;
}