/* ============================================
   Custom CSS for Gepard Financial Group
   ============================================ */

/* Fix scroll issue - allow smooth-wrapper to scroll */
#smooth-wrapper {
  overflow: visible !important;
  position: relative !important;
  height: auto !important;
}

#smooth-content {
  overflow: visible !important;
  position: relative !important;
  height: auto !important;
  min-height: 100vh !important;
  transform: none !important;
  will-change: auto !important;
}

/* Ensure footer is properly positioned */
footer {
  position: relative !important;
  z-index: 1 !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Ensure form layout displays correctly */
.section .row {
  display: flex !important;
  flex-wrap: wrap !important;
}

.section .row > [class*="col-"] {
  display: flex !important;
  flex-direction: column !important;
}

/* Banner Inner Area Styles for hypotekarne-kalkulacky.php */
/* Utility classes from new-css-v5 */
.pt-160 {
  padding-top: 160px;
}

.pb-80 {
  padding-bottom: 80px;
}

.bg-image {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

/* Banner Inner Area */
.banner-inner-area {
  overflow: hidden;
  position: relative;
  background-color: #1b575b; /* Fallback color */
}

/* Background image is set via inline style in HTML for correct path resolution */

.banner-inner-area .banner-inner-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(135deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.4) 100%);
  z-index: 1;
  pointer-events: none; /* Allow clicks to pass through */
}

.banner-inner__content {
  text-align: center;
  max-width: 700px;
  margin: 0 auto;
  position: relative;
  z-index: 2;
}

.banner-inner__content h5 {
  margin-bottom: 10px;
  color: #ffffff;
  display: inline-block;
  padding: 5px 16px;
  background-color: #8dc63f;
  border-radius: 12px;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 20px;
  line-height: 24px;
}

.banner-inner__content h5 span {
  color: #ffffff;
}

.banner-inner__content h5 a {
  color: #ffffff;
  text-decoration: none;
}

.banner-inner__content h2 {
  color: #ffffff !important;
  font-size: 48px;
  line-height: 1.2;
  margin-top: 20px;
  margin-bottom: 15px;
  font-weight: 700;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}

.banner-inner__content p {
  color: #e5e7eb !important;
  font-size: 18px;
  line-height: 1.6;
  margin-top: 20px;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}

@media (max-width: 767px) {
  .pt-160 {
    padding-top: 100px;
  }

  .pb-80 {
    padding-bottom: 60px;
  }

  .banner-inner__content h2 {
    font-size: 32px;
    line-height: 1.3;
  }

  .banner-inner__content p {
    font-size: 16px;
  }

  .banner-inner__content h5 {
    font-size: 16px;
    padding: 4px 12px;
  }
}

/* Button Colors - Green Theme */
.saaslyn-1-btn {
  background: linear-gradient(135deg, #8dc63f 0%, #7ab82e 100%) !important;
  color: #ffffff !important;
  border: none !important;
}

.saaslyn-1-btn::before {
  background: linear-gradient(135deg, #9dd44f 0%, #8ac83e 100%) !important;
}

.saaslyn-1-btn:hover {
  background: linear-gradient(135deg, #9dd44f 0%, #8ac83e 100%) !important;
  color: #ffffff !important;
  box-shadow: 0 4px 20px rgba(141, 198, 63, 0.3) !important;
}

.saaslyn-2-btn {
  border: 1px solid #8dc63f !important;
  color: #8dc63f !important;
  background: transparent !important;
}

.saaslyn-2-btn::before {
  background: linear-gradient(135deg, #8dc63f 0%, #7ab82e 100%) !important;
}

.saaslyn-2-btn:hover {
  background: linear-gradient(135deg, #8dc63f 0%, #7ab82e 100%) !important;
  color: #ffffff !important;
  border-color: #8dc63f !important;
}

/* Container width fix - removed as it was breaking the form layout */
/* Bootstrap's default container classes should handle width properly */

/* Wizard Styles for hypotekarne-kalkulacky.php */
.covid-test-wrap {
  padding: 20px 0;
  color: #0f172a !important;
}

.covid-test-wrap h4 {
  color: #0f172a !important;
  font-size: 24px !important;
  font-weight: 600 !important;
  margin-bottom: 20px !important;
  text-align: center !important;
}

.covid-test-wrap h3 {
  font-size: 1.8rem;
  color: #8dc63f;
  font-weight: 500;
  font-family: "Roboto", sans-serif;
  text-align: center !important;
}

.covid-test-wrap p {
  color: #546274 !important;
  font-size: 1.0rem;
  font-weight: 400;
  font-family: "Roboto", sans-serif;
  margin-top: 10px;
}

.covid-test-wrap label {
  color: #0f172a !important;
  font-size: 1.0rem;
  font-weight: 600;
}

.covid-test-wrap .form-control {
  color: #1c2437 !important;
  height: 55px;
  border-radius: 30px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  font-size: 1.0rem;
  font-weight: 700;
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 0 20px;
}

.covid-test-wrap .form-check-label {
  color: #0f172a !important;
}

.covid-test-wrap span:not(.step-number) {
  color: #666 !important;
}

.step-number {
  color: #8dc63f !important;
  z-index: 10;
  background: transparent;
}

.covid-test-wrap input::placeholder,
.covid-test-wrap textarea::placeholder {
  color: #999 !important;
  opacity: 1;
}

.covid-test-wrap input:-ms-input-placeholder,
.covid-test-wrap textarea:-ms-input-placeholder {
  color: #999 !important;
}

.covid-test-wrap input::-ms-input-placeholder,
.covid-test-wrap textarea::-ms-input-placeholder {
  color: #999 !important;
}

.covid-test-wrap input[type="text"],
.covid-test-wrap input[type="email"],
.covid-test-wrap input[type="tel"],
.covid-test-wrap input[type="number"] {
  color: #1c2437 !important;
}

.test-progress {
  margin-bottom: 30px;
  text-align: center;
  position: relative;
}

.test-progress-step {
  display: inline-block;
  position: relative;
  width: 60px;
  height: 60px;
}

.test-progress-step svg {
  transform: rotate(-90deg);
}

.test-progress-step circle {
  transition: stroke-dashoffset 0.3s ease;
}

.step-number {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-weight: 700;
  font-size: 14px;
  color: #8dc63f !important;
  z-index: 10;
  background: transparent;
}

.step-number.final-step {
  color: #8dc63f !important;
}

.step-2 {
  stroke-dasharray: 175.9;
  stroke-dashoffset: 146.58;
}

.step-3 {
  stroke-dasharray: 175.9;
  stroke-dashoffset: 117.27;
}

.step-4 {
  stroke-dasharray: 175.9;
  stroke-dashoffset: 87.95;
}

.step-5 {
  stroke-dasharray: 175.9;
  stroke-dashoffset: 58.63;
}

.step-7 {
  stroke-dasharray: 175.9;
  stroke-dashoffset: 0;
}

.covid-test-wrap .test-progress .prev-btn {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 1.0rem;
  font-weight: 700;
  color: #b2becc;
  text-decoration: none;
  margin-bottom: 0;
}

.covid-test-wrap .test-progress .prev-btn:hover {
  color: #8dc63f;
}

.covid-test-wrap .step-block .button,
.covid-test-wrap .step-block .saaslyn-1-btn {
  font-size: 1.5rem;
  font-weight: 700;
  color: #ffffff !important;
  background: #8dc63f !important;
  width: 100%;
  font-family: "Roboto", sans-serif;
  border-radius: 30px;
  height: 50px;
  border: 0;
  text-align: center;
  margin-top: auto;
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  line-height: 50px;
  margin-top: 20px;
  display: inline-block;
  padding: 0 30px;
}

.covid-test-wrap .step-block .button:hover,
.covid-test-wrap .step-block .saaslyn-1-btn:hover {
  background: #7ab82e !important;
  color: #ffffff !important;
}

.form-check {
  transition: all 0.3s ease;
}

.form-check:hover {
  border-color: #8dc63f !important;
  background-color: #f8fff8;
}

.form-check-input:checked {
  background-color: #8dc63f;
  border-color: #8dc63f;
}

.covid-test-wrap.test-report {
  text-align: center;
  padding: 40px 20px;
}

.covid-test-wrap.test-report p {
  font-size: 1.0rem;
  font-weight: 500;
  color: #1c2437;
}

.covid-test-wrap.test-report h4 {
  font-size: 1.0rem;
  font-weight: 500;
  color: #1c2437;
  font-family: "Roboto", sans-serif;
}

.step-block {
  margin-top: 20px;
}

.step-block .form-group {
  margin-bottom: 20px;
}

/* ============================================
   Ako na hypotéku page - Light background
   ============================================ */

/* Ensure white background for ako-na-hypoteku page */
body.home-one {
  background: #ffffff;
}

#smooth-wrapper,
#smooth-content,
main {
  background: #ffffff !important;
}

/* Override for makler references section - allow background-image from inline styles */
#smooth-content .makler-references-section,
main .makler-references-section {
  background-color: #363636 !important;
}

/* Override for proof points section on poistenie.php - dark gradient background */
#smooth-content .section-full.content-inner[style*="background: linear-gradient(135deg, #1a1a1a"],
main .section-full.content-inner[style*="background: linear-gradient(135deg, #1a1a1a"] {
  background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 50%, #1a1a1a 100%) !important;
}

/* Partners logos on dark background - poistenie.php */
.section-full.content-inner[style*="background: linear-gradient(135deg, #1a1a1a"] .partners__logo {
  background: rgba(255, 255, 255, 0.95) !important;
  border: 1px solid rgba(255, 255, 255, 0.3) !important;
}

.section-full.content-inner[style*="background: linear-gradient(135deg, #1a1a1a"] .partners__logo img {
  filter: none !important;
  opacity: 1 !important;
  display: block !important;
  visibility: visible !important;
  max-height: 46px !important;
  width: auto !important;
  height: auto !important;
}

.section-full.content-inner,
.section-full.overlay-white-middle {
  background: #ffffff !important;
}

/* ============================================
   FAQ Accordion Styles for ako-na-hypoteku.php
   Bootstrap 5 Accordion (like service-v5.html)
   ============================================ */

.accordion {
  background: transparent;
}

.accordion-item {
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  margin-bottom: 20px;
  overflow: hidden;
  transition: all 0.3s ease;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

.accordion-item:hover {
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
  border-color: #8dc63f;
}

.accordion-item.sub-bg {
  background: #f8f9fa;
}

.accordion-item.border-none {
  border: none;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.accordion-header {
  margin: 0;
  border: none;
}

.accordion-button {
  background: #ffffff;
  color: #0f172a;
  font-size: 18px;
  font-weight: 600;
  padding: 20px 25px;
  border: none;
  box-shadow: none;
  position: relative;
  transition: all 0.3s ease;
  text-align: left;
  width: 100%;
}

.accordion-item.sub-bg .accordion-button {
  background: #f8f9fa;
}

.accordion-button:not(.collapsed) {
  background: #f8fff8;
  color: #8dc63f;
  font-weight: 700;
  box-shadow: none;
}

.accordion-button:focus {
  border-color: #8dc63f;
  box-shadow: 0 0 0 0.25rem rgba(141, 198, 63, 0.25);
}

.accordion-button::after {
  background-image: none;
  font-family: "Font Awesome 6 Pro";
  content: "\f067";
  font-weight: 400;
  font-size: 18px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  color: #8dc63f;
  transition: all 0.3s ease;
  flex-shrink: 0;
  margin-left: auto;
}

.accordion-button:not(.collapsed)::after {
  content: "\f068";
  color: #8dc63f;
  transform: none;
}

.accordion-collapse {
  transition: height 0.35s ease;
}

.accordion-body {
  padding: 20px 25px 25px;
  background: #ffffff;
  color: #374151;
  line-height: 1.8;
}

.accordion-item.sub-bg .accordion-body {
  background: #f8f9fa;
}

.accordion-body h6 {
  color: #0f172a;
  font-weight: 600;
  margin-top: 20px;
  margin-bottom: 12px;
  font-size: 16px;
}

.accordion-body h6:first-child {
  margin-top: 0;
}

.accordion-body p {
  color: #374151;
  margin-bottom: 15px;
  font-size: 15px;
  line-height: 1.8;
}

.accordion-body ul,
.accordion-body ol {
  color: #374151;
  margin-bottom: 15px;
  padding-left: 20px;
}

.accordion-body li {
  margin-bottom: 10px;
  font-size: 15px;
  line-height: 1.7;
}

.accordion-body img {
  max-width: 100%;
  height: auto;
  margin-top: 15px;
  border-radius: 8px;
}

/* Responsive adjustments */
@media (max-width: 767px) {
  .accordion-button {
    padding: 16px 20px;
    font-size: 16px;
    padding-right: 50px;
  }

  .accordion-body {
    padding: 16px 20px 20px;
  }

  .accordion-item {
    margin-bottom: 15px;
  }
}

/* ============================================
   Section Titles for ako-na-hypoteku.php
   ============================================ */

.section-title {
  font-size: 36px;
  font-weight: 700;
  color: #0f172a;
  margin-bottom: 15px;
  line-height: 1.3;
}

.section-title span {
  color: #8dc63f;
}

.nadpis_border {
  width: 80px;
  height: 4px;
  background: #8dc63f;
  margin: 0 auto 30px;
  border-radius: 2px;
}

@media (max-width: 767px) {
  .section-title {
    font-size: 28px;
  }
}

/* ============================================
   Content Paragraphs for ako-na-hypoteku.php
   ============================================ */

.content-paragraph {
  font-size: 17px;
  line-height: 1.8;
  color: #374151;
  margin-bottom: 20px;
  text-align: justify;
  font-weight: 400;
  letter-spacing: 0.01em;
}

.content-paragraph:last-child {
  margin-bottom: 0;
}

/* Better readability for longer paragraphs */
.section-full.content-inner-2 .content-paragraph {
  padding-right: 10px;
}

@media (max-width: 991px) {
  .content-paragraph {
    font-size: 16px;
    line-height: 1.7;
    text-align: left;
  }
}

@media (max-width: 767px) {
  .content-paragraph {
    font-size: 15px;
    line-height: 1.6;
    margin-bottom: 18px;
  }
}

/* ============================================
   Timeline Styles for ako-na-hypoteku.php
   ============================================ */

.timeline-wrapper {
  position: relative;
  padding: 20px 0;
  margin: 0 auto;
  max-width: 100%;
}

.timeline-wrapper::before {
  content: '';
  position: absolute;
  left: 30px;
  top: 0;
  bottom: 0;
  width: 3px;
  background: linear-gradient(180deg, #8dc63f 0%, #e0e0e0 100%);
  z-index: 1;
}

.timeline-item {
  position: relative;
  padding-left: 80px;
  padding-bottom: 40px;
  cursor: pointer;
  transition: all 0.3s ease;
  margin-bottom: 10px;
}

.timeline-item:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
}

.timeline-item::before {
  content: '';
  position: absolute;
  left: 21px;
  top: 0;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #e0e0e0;
  border: 3px solid #ffffff;
  z-index: 2;
  transition: all 0.3s ease;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.timeline-item.active::before,
.timeline-item:hover::before {
  background: #8dc63f;
  border-color: #ffffff;
  box-shadow: 0 0 0 4px rgba(141, 198, 63, 0.2);
  transform: scale(1.2);
}

.timeline-marker {
  position: absolute;
  left: 0;
  top: 0;
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 3;
}

.timeline-number {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #ffffff;
  border: 2px solid #e0e0e0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 16px;
  color: #6f6f6f;
  transition: all 0.3s ease;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.timeline-item.active .timeline-number,
.timeline-item:hover .timeline-number {
  background: #8dc63f;
  border-color: #8dc63f;
  color: #ffffff;
  transform: scale(1.1);
  box-shadow: 0 4px 12px rgba(141, 198, 63, 0.3);
}

.timeline-content {
  padding-top: 8px;
}

.timeline-title {
  display: block;
  color: #6f6f6f;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  transition: all 0.3s ease;
  cursor: pointer;
  padding: 8px 12px;
  border-radius: 8px;
  background: transparent;
  transition: all 0.3s ease;
}

.timeline-item.active .timeline-title {
  color: #8dc63f;
  font-weight: 600;
  background: rgba(141, 198, 63, 0.1);
}

.timeline-item:hover .timeline-title {
  color: #8dc63f;
  font-weight: 600;
  background: rgba(141, 198, 63, 0.05);
}

/* Progress line for active steps */
.timeline-item.active ~ .timeline-item::before {
  background: #e0e0e0;
}

.timeline-item.active ~ .timeline-item .timeline-number {
  background: #ffffff;
  border-color: #e0e0e0;
  color: #6f6f6f;
}

/* Update the line color for completed steps */
.timeline-wrapper::before {
  background: linear-gradient(180deg, 
    #8dc63f 0%, 
    #8dc63f var(--progress-percent, 0%), 
    #e0e0e0 var(--progress-percent, 0%), 
    #e0e0e0 100%);
}

/* Active step styling */
.timeline-item.active .timeline-marker::after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: rgba(141, 198, 63, 0.1);
  z-index: -1;
  animation: pulse 2s infinite;
}

@keyframes pulse {
  0%, 100% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 0.5;
  }
  50% {
    transform: translate(-50%, -50%) scale(1.2);
    opacity: 0.2;
  }
}

/* Responsive adjustments */
@media (max-width: 767px) {
  .timeline-wrapper {
    padding: 15px 0;
  }

  .timeline-wrapper::before {
    left: 20px;
    width: 2px;
  }

  .timeline-item {
    padding-left: 60px;
    padding-bottom: 30px;
  }

  .timeline-item::before {
    left: 11px;
    width: 18px;
    height: 18px;
  }

  .timeline-marker {
    width: 40px;
    height: 40px;
  }

  .timeline-number {
    width: 32px;
    height: 32px;
    font-size: 14px;
  }

  .timeline-title {
    font-size: 14px;
  }
}

/* Section header on dark background for developeri.php - Hlavní partneri */
.partners-section-title {
  color: #000000 !important;
}

.partners-section-title > span:first-child {
  color: #000000 !important;
}

.partners-section-title > span:last-child {
  color: #8dc63f !important;
}

/* Partners logos on dark background for developeri.php */
.partners__logos--developeri {
  display: flex;
  flex-wrap: wrap;
  gap: 24px 40px;
  align-items: center;
  justify-content: center;
  max-width: 1200px;
  margin: 0 auto;
}

.partners__logo--developeri {
  background: #ffffff;
  border-radius: 16px;
  padding: 15px 30px;
  min-width: 160px;
  height: 90px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.2);
  transition: all 0.25s ease;
  flex: 0 0 auto;
}

.partners__logo--developeri img {
  max-height: 60px;
  max-width: 140px;
  width: auto;
  height: auto;
  object-fit: contain;
  filter: none;
  opacity: 0.8;
  transition: all 0.25s ease;
}

.partners__logo--developeri:hover {
  transform: translateY(-3px);
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.3);
  background: #ffffff;
}

.partners__logo--developeri:hover img {
  filter: none;
  opacity: 1;
}

@media only screen and (max-width: 991.98px) {
  .partners__logos--developeri {
    gap: 20px 30px;
  }

  .partners__logo--developeri {
    padding: 12px 24px;
    min-width: 140px;
    height: 80px;
  }

  .partners__logo--developeri img {
    max-height: 50px;
    max-width: 120px;
  }
}

@media only screen and (max-width: 767.98px) {
  .partners__logos--developeri {
    gap: 16px 24px;
  }

  .partners__logo--developeri {
    padding: 10px 20px;
    min-width: 120px;
    height: 70px;
    border-radius: 12px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
  }

  .partners__logo--developeri img {
    max-height: 45px;
    max-width: 100px;
  }
}

/* Developer project card button hover effect */
.blog-post .dlab-post-readmore a:hover {
  background: #8dc63f !important;
  color: #ffffff !important;
  border-color: #8dc63f !important;
}

/* Social media icons in footer - site-button circle style */
.site-button.circle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  padding: 0;
  text-align: center;
  line-height: 1;
  transition: all 0.3s ease;
}

.site-button.circle i {
  font-size: 18px;
  line-height: 1;
}

.site-button.facebook.circle {
  background-color: #3b5998;
  color: #ffffff;
  border: none;
}

.site-button.facebook.circle:hover {
  background-color: #2d4373;
  color: #ffffff;
}

.site-button.linkedin.circle {
  background-color: #0077b5;
  color: #ffffff;
  border: none;
}

.site-button.linkedin.circle:hover {
  background-color: #005885;
  color: #ffffff;
}

.site-button.instagram.circle {
  background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
  color: #ffffff;
  border: none;
}

.site-button.instagram.circle:hover {
  opacity: 0.9;
  color: #ffffff;
}

.site-button.twitter.circle {
  background-color: #1da1f2;
  color: #ffffff;
  border: none;
}

.site-button.twitter.circle:hover {
  background-color: #0d8bd9;
  color: #ffffff;
}

/* Footer compact styling - dark background like template */
.footer-one.v2.section {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
  background: #040a10 !important;
  color: #ffffff;
  font-size: 14px !important;
  line-height: 1.5 !important;
}

.footer-one__wrapper {
  padding: 0 !important;
  background: transparent !important;
}

.footer-one__left {
  background: transparent !important;
  padding: 0 !important;
}

.footer-one__right {
  background: transparent !important;
  border-radius: 0 !important;
  padding: 0 !important;
}

.footer-one__right[data-bg-src] {
  background: transparent !important;
  background-image: none !important;
}

.links-group {
  width: 100% !important;
  max-width: 100% !important;
}

/* Remove bold font from footer contact info */
.footer-one__left ul li,
.footer-one__left .widget_getintuch ul li {
  font-weight: normal !important;
}

.footer-one__left ul li strong {
  font-weight: 600 !important;
}

/* Social media icons visibility */
.site-button.circle {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 40px !important;
  height: 40px !important;
  border-radius: 50% !important;
  padding: 0 !important;
  text-align: center !important;
  line-height: 1 !important;
  transition: all 0.3s ease !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.site-button.circle i {
  font-size: 18px !important;
  line-height: 1 !important;
  display: inline-block !important;
  visibility: visible !important;
}

/* Gepard App section - dark background override */
.gepard-app.section {
  background: linear-gradient(135deg, #000000 0%, #0a0a0a 30%, #1a1a1a 70%, #0f0f0f 100%) !important;
  position: relative !important;
  overflow: hidden !important;
}

.gepard-app.section::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  background: linear-gradient(135deg, rgba(141, 198, 63, 0.05) 0%, transparent 50%, rgba(141, 198, 63, 0.03) 100%) !important;
  pointer-events: none !important;
  z-index: 1 !important;
}

/* Section header two on dark background - maklerV2.php */
.section-full[style*="background: linear-gradient(-40deg, #363636"] .section-header-two h2,
.section-full[style*="background: linear-gradient(-40deg, #363636"] .section-header-two h2 span,
.makler-references-section .section-header-two h2,
.makler-references-section .section-header-two h2 span,
.makler-references-section .section-header-two h5 {
  color: #ffffff !important;
}

.makler-references-section {
  background-image: url('../../images/background_dark.jpg') !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-attachment: fixed !important;
  background-color: #363636 !important;
}

.makler-references-section .section-header-two h2 {
  color: #ffffff !important;
}

.makler-references-section .section-header-two h2 span {
  color: #8dc63f !important;
}

.makler-references-section .section-header-two h5 {
  color: #8dc63f !important;
}

/* Makler counter section styling */
.top-quality__badge-item {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.top-quality__badge-item:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 30px rgba(0,0,0,0.12) !important;
}

/* Makler form section - ensure dark background */


#div_formular .section-header-two h2,
#div_formular .section-header-two p,
#div_formular .form-wrap label,
#div_formular .form-wrap input,
#div_formular .form-wrap textarea,
#div_formular .form-wrap input::placeholder,
#div_formular .form-wrap textarea::placeholder {
  color: #ffffff !important;
}

/* Makler photo 3D effect */
.banner-inner-area img {
  transition: transform 0.3s ease;
}

.banner-inner-area img:hover {
  transform: perspective(1000px) rotateY(-3deg) rotateX(1deg) scale(1.02) !important;
}

/* Makler profil_popis - override any conflicting styles */
.makler-profil-popis,
.makler-profil-popis *,
.makler-profil-popis p,
.makler-profil-popis div,
.makler-profil-popis span {
  font-size: 18px !important;
  line-height: 1.8 !important;
  color: #0f172a !important;
}

/* Override hero-one styles for makler profil_popis */
.section-full.content-inner .wow.fadeInUp div[style*="font-size: 18px"] {
  font-size: 18px !important;
  line-height: 1.8 !important;
}

.section-full.content-inner .wow.fadeInUp div[style*="font-size: 18px"] * {
  font-size: 18px !important;
  line-height: 1.8 !important;
  color: #0f172a !important;
}

/* GepardIS Section - ensure dark background and readable text */
.gepardis-section,
#smooth-content .gepardis-section,
main .gepardis-section {
  background-image: url('../../images/banner_gepardis.jpg') !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-color: transparent !important;
}

#smooth-content .section-full.content-inner.banner-inner[style*="banner_gepardis"] .banner-inner-overlay,
main .section-full.content-inner.banner-inner[style*="banner_gepardis"] .banner-inner-overlay,
.section-full.content-inner.banner-inner[style*="banner_gepardis"] .banner-inner-overlay {
  background: rgba(15, 23, 42, 0.85) !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  z-index: 0 !important;
}

#smooth-content .section-full.content-inner.banner-inner[style*="banner_gepardis"] h2,
#smooth-content .section-full.content-inner.banner-inner[style*="banner_gepardis"] h3,
#smooth-content .section-full.content-inner.banner-inner[style*="banner_gepardis"] p,
#smooth-content .section-full.content-inner.banner-inner[style*="banner_gepardis"] .section-header-two h2,
#smooth-content .section-full.content-inner.banner-inner[style*="banner_gepardis"] .section-header-two p,
main .section-full.content-inner.banner-inner[style*="banner_gepardis"] h2,
main .section-full.content-inner.banner-inner[style*="banner_gepardis"] h3,
main .section-full.content-inner.banner-inner[style*="banner_gepardis"] p,
main .section-full.content-inner.banner-inner[style*="banner_gepardis"] .section-header-two h2,
main .section-full.content-inner.banner-inner[style*="banner_gepardis"] .section-header-two p,
.section-full.content-inner.banner-inner[style*="banner_gepardis"] h2,
.section-full.content-inner.banner-inner[style*="banner_gepardis"] h3,
.section-full.content-inner.banner-inner[style*="banner_gepardis"] p,
.section-full.content-inner.banner-inner[style*="banner_gepardis"] .section-header-two h2,
.section-full.content-inner.banner-inner[style*="banner_gepardis"] .section-header-two p {
  color: #ffffff !important;
}