/* ---- EOR ---- */

.eor-hero h1 {font-size: 14px; color:#fff; background: var(--kar-pink); display: inline-block; font-weight: 600; letter-spacing: 4px;}
.eor-hero .title-one h2 {font-size: clamp(1rem, 6vw, 5.5rem);}

.bg-title {
  background: var(--kar-pink);
  padding: 4px 5px;
  font-weight: 900;
  color: #fff;
}

/* Trust / Social Proof section */
.section-trust {
  background-color: ; /* soft neutral to separate from hero */
}

.trust-card {
  background-color: #f7f7f9;
  border-radius: 18px;

}

.trust-google-icon,
.trust-compliance-icon {
  width: 52px;
  height: 52px;
  border-radius: 999px;
  background: #fff;
  font-size: 24px;
}

.trust-company-logo img {
  max-width: 58px;      /* Clean, modest size */
  height: auto;
}

.trust-icon-52,
.trust-google-icon,
.trust-compliance-icon {
  width: 52px !important;
  height: 52px !important;
  flex: 0 0 52px !important;
  flex-shrink: 0 !important;
}

.trust-google-icon i {
  /* Google brand color */
  color: #4285f4;
}

.trust-compliance-icon i {
  color: #16a34a; /* clean, trustworthy green */
}



.trust-rating,
.trust-rating-max {
  font-weight: 700;
}

.trust-support-text {
  font-size: 0.95rem;
}

/* Slightly tighter on small screens */
@media (max-width: 575.98px) {
  .trust-card {
    border-radius: 14px;
  }

  .trust-google-icon,
  .trust-compliance-icon {
    width: 46px;
    height: 46px;
    font-size: 20px;
  }
}


.eor-section {font-size: 18px;}
.eor-section p {font-size: 20px;}

.eor-section .title-one h2 {font-size: clamp(1rem, 5vw, 5.5rem);}
.eor-section .title-one h3 {font-size: clamp(1rem, 4vw, 3.5rem); font-weight: 800;}
.eor-section .title-one span {color: var(--kar-pink);}
.eor-section .title-one span.alternative {color: #fff; font-weight: 400;}
.eor-box-wrap .eor-icon {font-size: 40px; color: var(--kar-orange);}

.eor-section ul {list-style: none;}
.eor-section ul li {margin-bottom: 10px;}
.eor-section ul li:before {
    content: "\f058";
    font-family: Font Awesome\ 6 Pro;
    display: inline-block;
    color: var(--kar-orange);
    font-weight: 800;
    margin-left: -1.5em;
    width: 1.5em;
    font-size: 16px;
}

.eor-box-title h3 {font-size: clamp(1.4rem, 1.8vw, 2rem);}
.eor-box-title h3 span {color: var(--kar-pink);}
.eor-box-title h3.span-block span {display: block;}
.eor-box-title .rounded-circle {border:2px solid var(--kar-pink); padding: 10px; color:var(--kar-pink);}


.eor-box-wrap.bg-eor-1 {background: #ff27550d;}
/*
.eor-box-wrap.bg-eor-1, .eor-box-wrap.bg-eor-1 i, .eor-box-wrap.bg-eor-1 ul li:before, .eor-box-wrap.bg-eor-1 .eor-box-title h3 {color: #fff;}
*/
/* colors */
.textwithbg {background: var(--kar-pink); padding: 2px 5px; font-size: 20px; font-weight: 600; color:#fff;}
.eor-section.grey-bg {background: #f2f2f2;}

.eor-section.faq-section .bg-wrapper {background: #f8f8f8; padding: 40px;}
.eor-section.faq-section .accordion-style-two .accordion-item {background: transparent;     border-bottom: 1px solid #eee; padding-bottom: 14px; margin-bottom: 14px;}
.eor-section.faq-section .accordion-style-two .accordion-button {padding: 0; background: transparent;}

.eor-section .accordion-style-two .accordion-body {padding: 20px 0px 20px;}

.fancy-banner-three .bg-wrapper {
  background-position: center;
  background-size: cover;
  z-index: 1;
}
.fancy-banner-three .bg-wrapper::before {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  right: 0;
  bottom: 0;
  height: 100%;
  opacity: 0.7;
  z-index: -1;
  background: linear-gradient(202deg, rgba(183, 9, 98, 1) 0%, rgba(254, 19, 30, 1) 19%, rgba(255, 150, 40, 1) 60%, rgba(255, 126, 40, 1) 100%);
}

.fancy-banner-three .bg-wrapper .text-wrapper {
  padding: 85px 55px 90px 0;
}


/* Compare */
.compare-table {
  width:100%;
  border-collapse:collapse;
}
.compare-table th {
  background:#ff2755;
  background: linear-gradient(148deg, rgba(9, 74, 108, 1) 0%, rgba(19, 41, 75, 1) 52%, rgba(69, 24, 55, 1) 100%);
  color:#fff;
  padding:10px 14px;
  font-size:16px;
  text-align:left;
  width:50%;
}
.compare-table th.kariera {
  background:#ff2755;
  
  color:#fff;
}
.compare-table td {
  padding:12px 14px;
  vertical-align:top;
  font-size: 15px;
}
.compare-table:nth-child(odd) td, tr:nth-child(odd) td {
  background: #f8f8f8;
}
.compare-table .bad i {
  font-size: 20px;
}
.compare-table .bad i {
  color:#888;
  margin-right:6px;
}
.compare-table .good i {
  color:#ff2755;
  margin-right:6px;
}
.compare-table .good {
  font-weight: 600;
}

/* Pricing */
.pricing-section.bg-color {
  background: #EFF6F3;
}

.pricing-card-one {
  position: relative;
  overflow: hidden;
  background: linear-gradient(202deg, rgba(183, 9, 98, 1) 0%, rgba(254, 19, 30, 1) 19%, rgba(255, 150, 40, 1) 60%, rgba(255, 126, 40, 1) 100%);
  border-radius: 30px;
  padding: 38px 20px 38px;
}
.pricing-card-one .pack-name {
  font-size: 17px;
  color: rgba(0, 0, 0, 0.35);
}
.pricing-card-one .price {
  font-size: 60px;
  letter-spacing: -1px;
  color: #fff;
  line-height: initial;
}
.pricing-card-one .price sub {
  font-size: 0.333em;
  bottom: 1em;
}
.pricing-card-one .price sup {
  font-size: 0.333em;
  top: -1.2em;
}
.pricing-card-one ul li {
  font-size: 18px;
  font-weight: 500;
  color: #fff;
  margin-bottom: 17px;
}

.eor-section.pricing-section ul li:before {color: #fff;}

.pricing-card-one .pack-name {
  position: absolute;
  left: 0;
  line-height: 28px;
  text-transform: uppercase;
  font-size: 12px;
  background: #222;
  background: linear-gradient(148deg, rgba(9, 74, 108, 1) 0%, rgba(19, 41, 75, 1) 52%, rgba(69, 24, 55, 1) 100%);
  font-weight: 500;
  color: #fff;
  left: -5px;
  top: 35px;
  padding: 0 12px 0 20px;
  z-index: 1;
}

.pricing-card-one.popular {
  background: #FAFFE5;
  border-color: #BAE800;
}
.pricing-card-one.popular .get-plan-btn {
  background: #D2F34C;
  color: #31795A;
}
.pricing-card-one.popular-two {
  border-color: #31795A;
}
.pricing-card-one.popular-two .get-plan-btn {
  background: #D2F34C;
  color: #31795A;
}
.pricing-card-one.popular-two .popular-badge {
  color: #fff;
}
.pricing-card-one.popular-two .popular-badge:before, .pricing-card-one.popular-two .popular-badge:after {
  background: #31795A;
}

/* Contact */
.contact-box {
  border-top: 2px solid var(--kar-pink);
}
.contact-box h4 {font-size: 20px;}
.contact-box p {font-size: 16px;}
.contact-avatar {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  object-fit: cover;
}