.elementor-10258 .elementor-element.elementor-element-86e9b23{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:30px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-10258 .elementor-element.elementor-element-86e9b23:not(.elementor-motion-effects-element-type-background), .elementor-10258 .elementor-element.elementor-element-86e9b23 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F7F7;}.elementor-10258 .elementor-element.elementor-element-52e937d > .elementor-widget-container{padding:0px 0px 77px 0px;}@media(min-width:768px){.elementor-10258 .elementor-element.elementor-element-86e9b23{--content-width:84%;}}/* Start custom CSS for html, class: .elementor-element-52e937d */a.write-review:hover {
    color: white;
}
img.nn {
    width: 32px;
}
.sidebar {
    border-radius: 18px !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-86e9b23 *//* ---------- YOUR EXISTING DESKTOP CSS ---------- */
.bik-header-buttons.piv {
  margin-top: -105px;
}

.bik-company-logo {
  width: 197px;
  height: 148px;
  border-radius: 10px !important;
}

.bik-card.bik-review-summary {
  width: 906px;
}
.bik-card.bik-review {
  width: 906px;
}
.bik-header-buttons.nm {
  width: 289px;
}
.bik-line {
  border: none;
  border-top: 1px solid #ddd;
  margin: 10px 0 20px;
}
.bik-card3 {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  padding: 24px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.05);
  font-family: Arial, sans-serif;
}

.bik-he {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 20px;
  color: #111;
}

.bik-row {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin-bottom: 15px;
  font-size: 14px;
  color: #333;
}

.bik-icon {
  width: 22px;
  height: 22px;
  margin-top: 2px;
}

.bik-mc-row {
  display: flex;
  justify-content: space-between;
  font-size: 14px;
  color: #333;
  margin-top: 10px;
  margin-bottom: 10px;
}

p.bik-review-title {
  font-weight: 600 !important;
  font-size: 20px !important;
  color: #0A0A0A !important;
}

.bik-socials {
  display: flex;
  justify-content: left;
  margin-bottom: 20px;
}
.bik-socials img {
  width: 38px;
  height: 38px;
  border-radius: 6px;
}

.bik-btn {
  width: 100%;
  border: none;
  border-radius: 8px;
  padding: 10px;
  font-size: 15px;
  font-weight: 500;
  cursor: pointer;
  margin-bottom: 10px;
}

.bik-green {
  background-color: #21c25e;
  color: white;
}

.bik-btn:not(.bik-green) {
  background-color: #f5f5f5;
  color: #111;
}

.bik-address-row {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 30px;
}

.bik-address-box {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  flex: 1;
  min-width: 250px;
}

.bik-icon {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
}

.bik-text {
  font-size: 14px;
  color: #333;
  line-height: 0.7;
}

.location1 {
  font-weight: 600;
  display: block;
  margin-bottom: 3px;
}

/* Container */
.bik-container {
  display: flex;
  gap: 50px;
  margin: 0 auto;
}

h2.bikhead {
  font-family: Red Hat Display;
  font-weight: 400;
  font-size: 36px;
  vertical-align: middle;
  margin-top: 14px;
  color: #0A0A0A;
}

h3.bik-he {
  font-family: 'Red Hat Display';
  font-weight: 600;
  font-size: 22px;
  color: #0A0A0A;
}

/* Cards */
.bik-card {
  background: #fff;
  border-radius: 10px;
  padding: 20px;
  box-shadow: 0 1px 4px rgba(0,0,0,0.1);
  margin-bottom: 20px;
}

.bik-card1 {
  border-radius: 10px;
  padding: 0;
  margin-bottom: 20px;
}

.bik-card2 {
  background: #f9f9f9;
  border-radius: 10px;
  padding: 20px;
  margin-bottom: 20px;
}

.bik-card3 {
  background: #fff;
  border-radius: 10px;
  padding: 20px;
  box-shadow: 0 1px 4px rgba(0,0,0,0.1);
  margin-bottom: 20px;
}

/* Layout */
.bik-main-content {
  flex: 2.5;
}
.bik-sidebar {
  flex: 1;
}

.bik-company-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 211px;
  padding-bottom: 31px;
}

/* Header */
strong.location1 {
  font-family: 'Red Hat Display';
  font-weight: 500;
  font-size: 20px;
  line-height: 100%;
  color: #0A0A0A;
}

.bik-header-left {
  display: flex;
  gap: 15px;
  align-items: center;
}

.bik-rating {
  background: #46CC6A;
  color: #fff;
  padding: 3px 6px;
  border-radius: 4px;
  font-size: 14px;
}

.bik-rating-row {
  display: flex;
  gap: 10px;
  align-items: center;
  margin-top: 4px;
}

.bik-header-buttons {
  display: flex;
  gap: 10px;
  margin-top: 18px;
}

/* Buttons */
.bik-btn {
  border: none;
  background: #eee;
  padding: 8px 20px;
  border-radius: 6px;
  cursor: pointer;
}
.bik-btn.bik-green {
  background: #1ec16a;
  color: #fff;
}
.bik-btn.bik-full {
  width: 100%;
  margin-top: 17px;
}

/* Address & Summary */
.bik-address-row {
  display: flex;
  justify-content: space-between;
  margin-top: 15px;
}

.bik-address-row .bik-icon {
  width: 20px;
  margin-right: 5px;
  vertical-align: middle;
}

.bik-review-summary .bik-summary-flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: -10px;
}

/* Bars */
.bik-bar-row {
  display: flex;
  align-items: center;
  gap: 11px;
  margin: 8px 5px;
}

.bik-bar {
  width: 307px;
  height: 10px;
  background: #eee;
  border-radius: 7px;
  overflow: hidden;
}

.bik-fill {
  height: 100%;
  background: #FF8904;
}

.bik-w-90 { width: 90%; }
.bik-w-60 { width: 60%; }
.bik-w-30 { width: 30%; }
.bik-w-15 { width: 15%; }
.bik-w-10 { width: 10%; }

/* Reviews */
.bik-review {
  border-top: 1px solid #eee;
}
.bik-review-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.bik-reviewer {
  display: flex;
  align-items: center;
  gap: 10px;
}
.bik-avatar {
  width: 40px;
  height: 40px;
  border-radius: 50% !important;
  background: #ccc;
}
.bik-stars {
  color: #f5b50a;
}
.bik-verified {
  color: #1ec16a;
  font-size: 13px;
}
.bik-review-images img {
  width: 80px;
  height: 60px;
  border-radius: 6px;
  margin-right: 6px;
  object-fit: cover;
}
.bik-review-footer {
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
  font-size: 13px;
  color: #666;
  border-top: solid 2px #E5E7EB;
  padding-top: 17px;
}
.bik-divider {
  border: none;
  border-top: 1px solid #000000 !important;
  margin: 15px 0px !important;
  width: 100%;
}

/* Pagination */
.bik-pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  font-family: Arial, sans-serif;
}
.company-pagination .active-page {
    color: white !important;
}
.bik-pagination a {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  padding: 6px 12px;
  border-radius: 6px;
  border: 1px solid #ddd;
  font-size: 14px;
  color: #333;
  background: #fff;
  transition: all 0.2s ease;
}
.bik-pagination a:hover {
  border-color: #00a65a;
  color: #00a65a;
}
.bik-pagination a.bik-active {
  background: #11b064;
  color: #fff !important;
  border-color: #11b064;
  font-weight: 600;
}
.bik-pagination a.bik-page-btn {
  border: none;
  background: #ffffff;
  padding: 6px 10px;
  color: #444;
  font-size: 14px;
}
.bik-pagination a.bik-page-btn:hover {
  color: #00a65a;
  background: transparent;
}
.bik-pagination a,
.bik-pagination a.bik-page-btn {
  border-radius: 8px;
}

/* Review Sites */
.bik-review-sites {
  display: flex;
  flex-direction: column;
  gap: 1px;
}
.bik-review-site {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #fff;
  border-radius: 12px;
  padding: 22px 20px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.08);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.bik-review-site:hover {
  transform: translateY(-2px);
  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}
.bik-site-left {
  display: flex;
  align-items: center;
  gap: 15px;
}
.bik-site-left img {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  object-fit: contain;
}
.bik-site-info h4 {
  font-size: 16px;
  font-weight: 600;
  margin: 0;
  color: #222;
}
.bik-site-info p {
  font-size: 14px;
  color: #777;
  margin: 2px 0 0;
}
.bik-site-rating {
  display: flex;
  align-items: center;
  gap: 4px;
  background: #30c57b;
  color: #fff;
  font-weight: 600;
  font-size: 15px;
  padding: 6px 12px;
  border-radius: 8px;
}
.bik-star-icon {
  font-size: 15px;
}

/* Call Box */
.bik-call-box {
  background: #023047;
  color: #fff;
  text-align: left;
}
.bik-call-box .bik-phone {
  font-size: 28px !important;
  color: #1ec16a;
  font-family: 'Red Hat Display';
  font-weight: 600;
  margin-top: 23px;
}
.bik-summary-right {
  margin-right: 170px;
}

/* Working Hours */
.bik-working-hours ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.bik-working-hours li {
  display: flex;
  justify-content: space-between;
  padding: 3px 0;
  font-size: 14px;
}
h1.mere {
  font-family: 'Red Hat Display';
  font-weight: 600;
  font-size: 58.6px;
  text-align: center;
  vertical-align: middle;
  color: black;
}

/* Social Icons */
p.kkk {
  margin-left: 21px;
  margin-top: 13px;
}
.company-pagination .active-page {
    background: #18b55e;
    color: white !important;
    border-color: #18b55e;
    font-weight: bold;
}
/* ---------- EXISTING RESPONSIVE DESKTOP TO MOBILE ---------- */
@media (max-width: 900px) {
  .bik-container {
    flex-direction: column;
  }
}

/* ---------- NEW TABLET + MOBILE RESPONSIVE CSS ---------- */
@media (max-width: 1024px) {
  .bik-card.bik-review,
  .bik-card.bik-review-summary,
  .usera {
    width: 100%;
  }
  .bik-container {
    flex-direction: column;
    gap: 25px;
    padding: 0 20px;
  }
  .bik-company-header {
    flex-direction: column;
    align-items: flex-start;
    height: auto;
    gap: 15px;
  }
  .bik-header-buttons {
    flex-wrap: wrap;
    width: 100%;
  }
  .bik-company-logo {
    width: 160px;
    height: auto;
  }
  .bik-summary-right {
    margin-right: 0;
  }
  h2.bikhead {
    font-size: 28px;
  }
  h1.mere {
    font-size: 46px;
  }
}

@media (max-width: 768px) {
  .bik-header-buttons.piv {
    margin-top: 0;
  }
  
.mm {
        width: 40% !important;
        height: 36px !important;
        margin-left: 105px !important;
    }
    
    p.kkk {
    margin-left: 121px;
    margin-top: 13px;
    width: 100px;
}
    .bik-btn.bik-green {
    background: #1ec16a;
    color: #fff;
    width: 100%;
    margin-left:0;
    text-align: center;
}
.bik-working-hours ul {
    list-style: none;
    padding: 0px 30px;
    margin: 0;
}

button.bik-btn.mnhk {
    width: 105px;
    position: absolute;
    top: 36px;
    margin-left: 250px;
}
.company-pagination .active-page {
    color: white !important;
}
.bik-header-buttons.nm {
    width: 362px;
}

.bik-text {
    font-size: 14px;
    color: #333;
    line-height: 1.3 !important;
}
  .bik-container {
    padding: 0 15px;
  }
.bik-header-left {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }

  .bik-header-buttons {
    justify-content: center;
    margin-top: 10px;
  }
  .bik-company-logo {
    width: 140px;
  }
  .bik-review-site {
    flex-direction: row;
    text-align: center;
    gap: 10px;
  }
  .bik-site-rating {
    justify-content: center;
  }
  .usera {
    flex-direction: column;
    width: 100%;
    align-items: flex-start;
    gap: 10px;
  }
  .useraaa {
    flex-wrap: wrap;
  }
}

@media (max-width: 480px) {
  h1.mere {
    font-size: 32px;
  }
  h2.bikhead {
    font-size: 22px;
  }
  .bik-btn {
    font-size: 14px;
    padding: 8px 10px;
  }
  .bik-company-logo {
    width: 120px;
    height: auto;
  }
  .bik-header-buttons {
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
  }
  .bik-review-images img {
    width: 70px;
    height: 50px;
  }
  .bik-site-info h4 {
    font-size: 15px;
  }
  .bik-site-info p {
    font-size: 13px;
  
  }
  .company-pagination .active-page {
    background: #18b55e;
    color: white !important;
    border-color: #18b55e;
    font-weight: bold;
}
  .bik-main-content{
    width: 100%;
}
.bik-review-summary .bik-summary-flex {
    display: block;
}
.usera {
    display: block;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}
}/* End custom CSS */