/*
Theme Name:     Divi Child
Theme URI:      https://www.elegantthemes.com/gallery/divi/
Description:    Divi Child Theme
Author:         Elegant Themes
Author URI:     https://www.elegantthemes.com
Template:       Divi
Version:        1.0.1
*/
/* ADA: Screen reader only text (visually hidden, accessible to SR) */
.screen-reader-text{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

/* Force white text on case study "All case studies" buttons */
.single-post .et_pb_button.et_pb_bg_layout_light {
  color: #fff !important;
}

.et_contact_bottom_container,
.et_pb_contact_submit {
  width: 100% !important;
}

.et_pb_contact_form_label {
  display: contents;
  font-weight: bold;
  color: #cccccc;
}

/*make placehold text same color as field background*/
.et_pb_contact_form ::-webkit-input-placeholder {
  color: #cccccc !important;
}

.et_pb_contact_form.my_contact :-moz-placeholder {
  color: #cccccc !important;
}

.et_pb_contact_form ::-moz-placeholder {
  color: #cccccc !important;
}

.et_pb_contact_form :-ms-input-placeholder {
  color: #cccccc !important;
}

.stars {
  display: flex;
  margin-bottom: 5px;
  font-family: system-ui !important;

  color: #E76A28;
}

.slider-container {
  position: relative;
  width: 100%;
}

.slider {
  display: flex;
  width: 100%;
  transition: transform 0.3s ease-in-out;
}


.slide {
  flex-shrink: 0;
  width: 100%;
  padding: 0px;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.card-header {
  display: flex;
  align-items: center;
  padding-right: 20px;
  /* Add padding-right to move the Facebook icon to the top right corner */
}


.card {
  background-color: white;
  border: 1px solid #ccc;
  border-radius: 10px;
  padding: 20px;
  position: relative;
  width: 100%;
  max-width: 800px;
  box-sizing: border-box;
  margin: 10px;
}

.person-image {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  object-fit: cover;
  margin-right: 15px;
}

.review-author,
.review-date {
  margin: 0;
}

.review-author {
  font-size: 18px;
  font-weight: bold;
}

.review-date {
  font-size: 14px;
  color: #777;
}

.review-text {
  font-size: 16px;
  margin-top: 10px;
}

.facebook-icon-image {
  width: 32px;
}

.facebook-icon {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 10px;
  /* You might need to adjust the positioning */
  right: 42px;
}




.slider-padding {
  padding-left: 32px;
  padding-right: 32px;
}

.left {
  left: 0px;
}

.right {
  right: 0px;
}

.circle-container {
  display: flex;
  justify-content: center;
  margin-top: 16px !important;
}

.nav-circles {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 10px;
  padding-bottom: 32px;
  overflow: hidden;
}

.circle {
  background-color: darkgray;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  margin: 0 5px;
  outline: none;
  display: inline-block;
  transition: width 0.3s ease-in-out, height 0.3s ease-in-out;
  height: 10px;
  width: 10px;
}

.circle.active {
  height: 12px;
  width: 12px;
  background-color: #0F9189;
}

/* For desktop */
@media (min-width: 768px) {

  .circle {
    display: none;
  }

  .circle:nth-of-type(-n+3) {
    display: block;
  }

  .arrow {
    font-family: system-ui !important;
    background-color: transparent;
    border: none;
    color: #0F9189 !important;
    cursor: pointer;
    font-size: 36px;
    position: absolute;
    top: calc(50% - 48px);
    z-index: 100;
    outline: none;
  }
}

/* For mobile */
@media (max-width: 767px) {
  .circle {
    display: block;
  }

  .facebook-icon {
    right: 20px;
  }

  .facebook-icon-image {
    width: 24px;
  }

  .arrow {
    display: none;
  }
}

/* Responsive styles */
@media (min-width: 980px) {
  .slider {
    flex-wrap: nowrap;
  }

  .slide {
    width: 33.333%;
  }

}

@media (max-width: 479px) {
  .card-technology {
    width: 40% !important;
    margin-left: 5% !important;
    margin-right: 5% !important;
    height: 174px !important;
  }
}
.section-bar-white {
  height: 4px;
  width: 82px;
  background: linear-gradient(90deg, #f6f6f6 0%, #f6f6f6 35%, #f6f6f6 100%) no-repeat;
  background-size: 200% 100%;
  position: relative;
  border-radius: 6px;
  overflow: hidden;
  margin: 0 auto;
  /* center horizontally */
}

.section-bar-white::before {
  content: "";
  position: absolute;
  left: -20px;
  top: -10px;
  height: calc(100% + 20px);
  width: 4px;
  background-color: #000;
  z-index: 2;
  animation: slide 3s ease-in-out infinite;
}

.section-bar-black {
  height: 4px;
  width: 82px;
  background: linear-gradient(90deg, #303030 0%, #303030 35%, #303030 100%) no-repeat;
  background-size: 200% 100%;
  position: relative;
  border-radius: 6px;
  overflow: hidden;
  margin: 0 auto;
  /* center horizontally */
}

.section-bar-black::before {
  content: "";
  position: absolute;
  left: -20px;
  top: -10px;
  height: calc(100% + 20px);
  width: 4px;
  background-color: #fff;
  z-index: 2;
  animation: slide 3s ease-in-out infinite;
}

.section-bar {
  height: 4px;
  width: 82px;
  background: linear-gradient(90deg, #129189 0%, #3c9fa7 35%, #129189 100%) no-repeat;
  background-size: 200% 100%;
  position: relative;
  border-radius: 6px;
  overflow: hidden;
  margin: 0 auto;
  /* center horizontally */
}


.section-bar::before {
  content: "";
  position: absolute;
  left: -20px;
  top: -10px;
  height: calc(100% + 20px);
  width: 4px;
  background-color: #fff;
  z-index: 2;
  animation: slide 3s ease-in-out infinite;
}
.section-bar-left {
  height: 4px;
  width: 82px;
  background: linear-gradient(90deg, #129189 0%, #3c9fa7 35%, #129189 100%) no-repeat;
  background-size: 200% 100%;
  position: relative;
  border-radius: 6px;
  overflow: hidden;
  margin-left: 0;
  /* center horizontally */
}


.section-bar-left::before {
  content: "";
  position: absolute;
  left: -20px;
  top: -10px;
  height: calc(100% + 20px);
  width: 4px;
  background-color: #fff;
  z-index: 2;
  animation: slide 3s ease-in-out infinite;
}

@keyframes slide {
  0% {
    left: -20px;
  }

  100% {
    left: calc(100% + 20px);
  }
}




.card-technology {
  transition: all 0.3s ease;
}

.card-technology:hover {
  background-color: #129189;
  color: #15ACA3;
  border-color: #15ACA3;
  background-image: linear-gradient(225deg, transparent 50%, #15ACA3 50%);
  background-size: 300% 300%;
  animation: modern-fill 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

.card-technology:hover .et-pb-icon {
  color: black;
}


@keyframes modern-fill {
  0% {
    background-position: 0% 0%;
  }

  100% {
    background-position: 100% 100%;
  }
}


.class-hide {
  display: none !important;
}

.class-display-flex {
  display: flex !important;
}

.dynamic-blog-categories {
  list-style-type: none !important;
  display: flex;
  flex-wrap: wrap;
  /* Allows items to wrap onto multiple lines if needed */
  list-style: none;
  gap: 10px;
  /* Space between items */
  padding: 0;
  margin: 0;
}

.dynamic-blog-categories li {
  margin: 0;
}

.dynamic-blog-categories .et_pb_button {
  width: 255px;
  background: url('/wp-content/uploads/down-arrow.svg') no-repeat right;
  -webkit-appearance: none;
  background-position-x: 229px;
  background-size: 12px;
  background-color: transparent;
  border: 2px solid RGBA(86, 86, 86, 0.5) !important;
  color: #129189 !important;
  border-radius: 10px;
}

.dynamic-blog-categories .et_pb_button:hover {
  background-color: transparent;
  border: 2px solid RGBA(86, 86, 86, 0.5) !important;
  padding: 10px;
  cursor: pointer;
}

.dynamic-blog-categories button:hover {
  color: white !important;
}

.dynamic-blog-categories .cat-select {
  padding: 10px;
  font-size: 16px;
}

.dynamic-blog-categories .cat-select option {
  background: black;
}

/* Applies only to Webkit-based browsers */
.cat-select::-webkit-scrollbar {
  width: 8px;
  background-color: #f1f1f1;
}

.cat-select::-webkit-scrollbar-thumb {
  background-color: #129189;
  border-radius: 10px;
}

.cat-select::-webkit-scrollbar-thumb:hover {
  background-color: #0a6a65;
}

.cat-select::-webkit-scrollbar-track {
  background-color: #e6e6e6;
}

.category-posts-container-hidden {
  display: none;
}

#category-posts-container {
  background: black;
  padding-bottom: 0 !important;
}

.categories-filter {
  padding: 0px 0px !important;
}

.categories-filter .et_pb_row {
  padding: 0px 0px 0px 0px;
}

@media only screen and (max-width: 980px) {
  .categories-filter .et_pb_row {
    padding: 47px 0px 0px 0px;
  }
}

#chat-widget-container #chat-widget {}

.livechat_button_custom {
  position: fixed;
  z-index: 99999991;
  bottom: 30px;
  right: 40px;
  max-width: 311px;
  cursor: pointer;
}

@media only screen and (max-width: 728px) {
  .livechat_button_custom {
    width: 56px;
    overflow: hidden;
    border-radius: 0 27px 26px 0;
    height: 54px;
    bottom: 37px;
    right: 37px;
  }
  .livechat_button_custom img{
    max-width: 311px;
  }
}


.loader_global {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  position: absolute;
  left: 0;
  right: 0;
  top: 10px;
  z-index: 3;
  margin: 0 auto;
  animation: rotate 1s linear infinite
}

.loader_global::before,
.loader_global::after {
  content: "";
  box-sizing: border-box;
  position: absolute;
  inset: 0px;
  border-radius: 50%;
  border: 5px solid #FFF;
  animation: prixClipFix 2s linear infinite;
}

.loader_global::after {
  border-color: #129189;
  animation: prixClipFix 2s linear infinite, rotate 0.5s linear infinite reverse;
  inset: 6px;
}

.form-center::after{
  color: white;
}

.category-content-hide{
 /*display: none;*/
}
.category-main-content{
  display: block;
}
@keyframes rotate {
  0% {
    transform: rotate(0deg)
  }

  100% {
    transform: rotate(360deg)
  }
}

@keyframes prixClipFix {
  0% {
    clip-path: polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0)
  }

  25% {
    clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0)
  }

  50% {
    clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%)
  }

  75% {
    clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%)
  }

  100% {
    clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0)
  }
}

.banner-content-wrapper{
  margin-top: -440px;
}

.section-banner-main{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding-bottom: 0px !important;
}

.section-banner-main .section-banner-main-col1{
  width: 62%;
  margin-right: auto;
}
.section-banner-main .section-banner-main-col2 .et_pb_text_align_left{
  margin-right: 32%;
}
.section-banner-main .section-banner-main-col2{
  width: 35%;
  /* padding-right: 10%; */
    margin-top: -27px;
    padding-top: 28px;
}
.section-banner-main .section-banner-main-col2 .et_pb_text:not(.stats_container), .section-banner-main .section-banner-main-col2 .et_pb_button_module_wrapper{
    padding-left: 30px;
}
.section-banner-col1-info-container{
  display: flex;
  gap: 30px;
  flex-wrap: wrap;
}

.section-banner-col1-info-container .info-col1, .section-banner-col1-info-container .info-col2{
  padding-right: 30px;
  border-right: 1px solid #FFFFFF4D;
}

.flexed_stats h3{
  padding-bottom: 0;
  margin-bottom: 0;
}
.flexed_stats{
  display: flex;
  align-items: center;
  padding: 24px 30px 24px 30px;
  gap: 12px;
}

.flexed_stats_1{
  border-top-left-radius: 10px;
  background-color: #18534E;
}

.flexed_stats_2{
  background-color: #0A2826;
}

.flexed_stats_3{
  background-color: #0A8C81;
  border-bottom-left-radius: 10px;
}

.stats_container{
  /* position: absolute; */
  right: 0;
  width: 100%;
}

.scroll-img-wrapper .et_pb_image_wrap, .scroll-img-wrapper .et_pb_image_wrap img {
  width: 100% !important;
}

.project-scrollable {
  height: 325px;
  overflow-y: scroll !important;
}

/* Scrollbar for WebKit-based browsers (Chrome, Safari, Edge) */
.project-scrollable::-webkit-scrollbar {
  width: 10px; /* Width of the scrollbar */
}

.project-scrollable::-webkit-scrollbar-track {
  background: #f1f1f1; /* Background of the scrollbar track */
  border-radius: 10px; /* Optional: Round the track corners */
}

.project-scrollable::-webkit-scrollbar-thumb {
  background: #0e7570; /* Scrollbar thumb color */
  border-radius: 10px; /* Rounded corners for the scrollbar thumb */
  border: 2px solid #f1f1f1; /* Adds space around the thumb for better visual effect */
}

.project-scrollable::-webkit-scrollbar-thumb:hover {
  background: #0a5f5b; /* Darker shade when hovered */
}

/* Scrollbar for Firefox */
.project-scrollable {
  scrollbar-color: #0e7570 #f1f1f1; /* Thumb color, track color */
  scrollbar-width: thin; /* Makes the scrollbar thinner */
}



.projects-column{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.main_logo{
  height: 24px;
    display: block;
}

.section-banner-col1-info-container .info-col{
    flex: 1;
  }

@media only screen and (min-width: 1400px) {
  /* .section-banner-col1-info-container .info-col{
    flex: 1;
  } */
}

@media only screen and (max-width: 1399px) {
  .info-col1{
    width: 45%;
  }
  .info-col2{
    width: 45%;
  }
  .info-col3{
    width: 100%;
  }
}

@media only screen and (max-width: 982px) {
  .info-col1{
    width: 100%;
    flex: unset !important;
  }
  .info-col2{
    width: 100%;
    flex: unset !important;
  }
  .info-col3{
    width: 100%;
    flex: unset !important;
  }
}

@media only screen and (max-width: 1159px) {
  /* .info-col1{
    width: 100%;
  }
  .info-col2{
    width: 100%;
  }
  .info-col3{
    width: 100%;
  } */
  .entry-content .section-banner-main{
    padding-right: 0 !important;
  }
  .main_logo svg{
    width: 85.27px;
    height: 23.97px;
  }
}

@media only screen and (max-width: 980px) {
  .flexed_stats {
    padding-left: 9.4%;
  }
  .flexed_stats_1, .flexed_stats_3{
    border-top-left-radius: 0px;
  }
  .flexed_stats_3{
    border-bottom-left-radius: 0px;
  }
  .stats_container{
    position: unset;
  }
  .stats_mobile{
    background: #161616 !important;
  }

  .stats_mobile_visible {
    background: #161616 !important;
  }
  .stats_desktop{
    display: none;
  }
  .section-banner-main .section-banner-main-col1{
    width: 100%;
  }
  .section-banner-main .section-banner-main-col2{
    width: 100%;
    position: unset;
    padding-top: 30px;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
  }
  .entry-content .section-banner-main{
    padding-right: 10% !important;
    border-radius: 30px;
    padding-top: 22px !important;
    padding-bottom: 0 !important;
  }
  .section-banner-col1-info-container .info-col1, .section-banner-col1-info-container .info-col2{
    padding-right: 30px;
    border-right: unset;
    border-bottom: 1px solid #FFFFFF4D;
    padding-bottom: 30px;
  }
  .info-col2 ul{
    padding-left: 20px !important;
    padding-bottom: 0 !important;
  }
  .main_logo svg{
    width: 71.11px;
    height: 20px;
  }
  .main_logo{
    margin-left: 6px;
    height: 15px;
  }
}

@media only screen and (max-width: 600px) {
  .section-banner-main{
    background: linear-gradient(178.24deg,rgba(0,0,0,0.7) 1.49%,#000000 13.36%) !important;
  }
  .projects-banner{
    padding-top: 122px !important;
    min-height: 275px !important;
  }
  .section-banner-main-col2-mobile .et_pb_button_module_wrapper.et_pb_button_1_wrapper.et_pb_button_alignment_center.et_pb_module {
    width: 100% !important;
  }
  .et_pb_column.project-scrollable.et-last-child {
    height: 182px;
    margin-bottom: 22px !important;
  }
  .projects-section, .projects-column{
    padding-top: 5px;
  }
  .before_after_wrapper{
    padding-top: 40px;
    padding-bottom: 25px;
  }
 .projects-column.padding-mobile{
  padding-bottom: 0;
 }
 .projects-section{
  padding-bottom: 0;
  padding-top: 20px !important;
 }
 .projects-heading{
  padding-bottom: 30px !important;
 }
 .projects-heading-wrapper{
  padding-top: 30px !important;
 }
 .slickProjectSlider{
  padding-top: 0;
 }
 .rbpm{
  padding-bottom: 0 !important;
 }
 .rbtm{
  padding-top: 0 !important
 }
 .banner-content-wrapper{
  margin-top: -190px;
}
.banner-row{
  height: 410px !important;
  background-position: -75px 50px !important;
}
.et_pb_section.et_pb_section_1.mobile_banner{
  margin-top: -77px !important;
}
}

.main_before_after_slider {
  display: grid;
  place-items: center;
}

.before_after_container {
  display: grid;
  width: 100%;
  position: relative;
  overflow: hidden;
  border-radius: 6px;
  --position: 50%;
}

.image-container-before-after {
  max-height: 90vh;
}

.slider-image-new {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: left;
}

.image-before-new {
  position: absolute;
  inset: 0;
  width: var(--position);
}

.slider-range-new:focus-visible ~ .slider-button {
  outline: 5px solid black;
  outline-offset: 3px;
}

.slider-range-new {
  position: absolute;
  cursor: pointer;
  opacity: 0;
  z-index: 20; /* Make sure it's above other elements but below the button */
  width: 100%;
  height: 100%;
}

.slider-line {
  position: absolute;
  inset: 0;
  width: 0.2rem;
  height: 100%;
  background-color: #000000;
  left: var(--position);
  transform: translateX(-50%);
  pointer-events: none;
}

.slider-button {
  position: absolute;
  background-color: #fff;
  color: black;
  padding: 0.5rem;
  border-radius: 100vw;
  display: grid;
  place-items: center;
  top: 50%;
  left: var(--position);
  transform: translate(-50%, -50%);
  pointer-events: none;
  z-index: 30; /* Ensure it is above the slider */
  box-shadow: 1px 1px 1px hsl(0, 50%, 2%, 0.5);
}
.before-label, .after-label, .after-scroll {
  position: absolute;
  top: 10px;
  padding: 5px 50px;
  background-color: #161616;
  color: #fff;
  font-weight: bold;
  font-size: 14px;
  border-radius: 4px;
  z-index: 40;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  pointer-events: none;
}

/* Position for Before Label (Top-Left) */
.before-label {
  left: 10px;
}

/* Position for After Label (Top-Right) */
.after-label {
  right: 10px;
}

.after-scroll{
  background-color: #161616E5;
  padding: 5px 30px;
  right: 4px;
  text-transform: unset;
  top: 4px;
  border-radius: 9px;
}

.after-scroll-wrapper{
  position: sticky;
    top: 0;
    z-index: 1;
    margin: 0 !important;
}

@media only screen and (max-width: 600px) {
  .before-label, .after-label {
    padding: 5px 15px;
    font-size: 12px;
    top: -14px;
  }
  .after-scroll{
    padding: 5px 15px;
    font-size: 12px;
  }
  .before-label {
    left: -10px;
  }
  .after-label {
    right: -10px;
  }
  .slider-button svg{
    width: 12px;
    height: 12px;
  }
  .percent-value{
    font-size: 30px !important;
  }
}
.new-breadcrumbs a:hover{
  color: #ADADAD !important;
  transition: color ease-in 0.1s
}

.modal-cacsp-position{
  z-index: 99999992;
}

/* @media only screen and (min-width: 1259px) {
  .section-banner-main{
    padding-bottom: 50px !important;
  }
}

@media only screen and (min-width: 1399px) {
  .section-banner-main{
    padding-bottom: 65px !important;
  }
}

@media only screen and (min-width: 1496px) {
  .section-banner-main{
    padding-bottom: 85px !important;
  }
} */

/* @media only screen and (min-width: 1584px) {
  .stats_desktop{
    padding-bottom: 92px !important;
  }
} */

.slickServicesSlider.slick-slider .et_pb_column .et_pb_blurb .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description{
  display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}
.live_chat_form_wrapper {
  position: fixed;
  z-index: 99999991;
  bottom: 30px;
  right: 40px;
  max-width: 311px;
  cursor: pointer;
  border-radius: 20px;
  background-color: white;
  display: none;
}

.live_chat_form_wrapper .wpcf7 form.invalid .wpcf7-response-output {
  position: absolute;
    bottom: 57px;
    background: white;
    padding: 20px !important;
    border: 0 !important;
    color: black !important;
    border-color: white !important;
    margin: 0 !important;
}

.live_chat_form {
  max-height: 300px;
  overflow-y: auto;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 5px;
}

.live_chat_form::-webkit-scrollbar {
  width: 8px;
}

.live_chat_form::-webkit-scrollbar-track {
  background: #f1f1f1;
}

.live_chat_form::-webkit-scrollbar-thumb {
  background-color: #129189;
  border-radius: 4px;
  border: 2px solid #f1f1f1;
}

.live_chat_form {
  scrollbar-width: thin;
  scrollbar-color: #129189 #f1f1f1;
}


.live_chat_form {
  background: white;
  padding: 20px;
  height: 350px;
  overflow-y: scroll;
}

.submit_button {
  display: flex;
  align-items: center;
  background: white;
  padding: 20px;
  border-bottom-right-radius: 16px;
  border-bottom-left-radius: 16px;
}

.submit_button input {
  width: 100%;
  font-size: 16px;
  padding: 5px;
  cursor: pointer;
}

.submit_button .wpcf7-spinner {
  position: absolute;
}

.uacf7-form-7231 .wpcf7-spinner {
position: absolute !important;
    margin: 0 auto !important;
    left: 60px !important;
}


.live_chat_form .wpcf7-form-control.wpcf7-text {
  background: white;
  height: 40px;
  border: 1px solid #1D1D1D;
  font-size: 16px;
}

.live_chat_form .wpcf7-form-control.wpcf7-textarea{
  font-size: 16px;
  background-color: white !important;
  border: 1px solid #1D1D1D;
}

.chat_header {
  background: #1D1D1D;
  padding: 20px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
}

.sales_person {
  display: flex;
  gap: 10px;
  align-items: center;
}

.sales_person p {
  color: white;
  font-weight: 400;
}

.sales_person .name {
  padding-bottom: 0;
  font-weight: 600;
}

.chat_header .close_button {
  padding-right: 10px;
}

.chat_header .close_button:hover {
  opacity: 0.8;
}

.chat_header .working_hours{
  width: 100%;
    color: white;
    font-size: 12px;
    font-weight: 300;
    padding-top: 0;
}

.chat_header .close_button::before {
  content: "";
  position: absolute;
  width: 12px;
  height: 2px;
  background-color: rgb(255, 255, 255);
  display: block;
  border-radius: 2px;
  transform: rotate(45deg);
}

.chat_header .close_button::after {
  content: "";
  position: absolute;
  width: 12px;
  height: 2px;
  background-color: rgb(255, 255, 255);
  display: block;
  border-radius: 2px;
  transform: rotate(-45deg);
}

@media only screen and (max-width: 490px) {
  .live_chat_form_wrapper{
    right: 1px;
    max-width: 100%;
  }
}
.online_icon, .offline_icon{
  display: none;
}

.check-list ul li::before {
  content: '';
  display: inline-block;
  width: 10px;
  height: 10px;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="13" viewBox="0 0 12 13" fill="none"><path d="M2.75416 12.704C2.75416 12.56 2.73816 12.496 2.67416 12.496L2.30616 12.672C2.30616 12.592 2.25816 12.544 2.17816 12.512L2.05016 12.496C1.93816 12.496 1.89016 12.512 1.73016 12.608C1.68216 12.512 1.61816 12.4 1.57016 12.304C1.15416 11.504 0.722156 10.304 0.530156 9.776C0.434156 9.504 0.338156 8.944 0.226156 8.096C0.354156 8.176 0.450156 8.208 0.498156 8.208C0.562156 8.208 0.642156 8.096 0.706156 7.872C0.738156 7.92 0.802156 7.936 0.882156 7.936C0.930156 7.936 0.994156 7.92 1.02616 7.872L1.28216 7.488L1.57016 7.584H1.58616C1.61816 7.584 1.66616 7.536 1.74616 7.488C1.82616 7.44 1.89016 7.408 1.93816 7.408L1.98616 7.424C2.24216 7.552 2.41816 7.776 2.49816 8.128C2.69016 8.944 2.86616 9.344 3.07416 9.344C3.25016 9.344 3.49016 9.136 3.74616 8.736C4.00216 8.336 4.25816 7.792 4.54616 7.136C4.56216 7.264 4.57816 7.328 4.61016 7.328C4.70616 7.328 4.94616 6.768 5.53816 5.824C6.41816 4.4 8.59416 1.664 9.15416 1.28C9.57016 0.992 9.89016 0.719999 10.1142 0.48C10.0822 0.639999 10.0502 0.752 10.0502 0.799999C10.0502 0.848 10.0822 0.863999 10.1142 0.863999L10.5622 0.639999V0.704C10.5622 0.783999 10.5782 0.832 10.6262 0.832C10.6902 0.832 10.9462 0.575999 10.9782 0.48L10.9462 0.704L11.4902 0.384L11.3622 0.672C11.5222 0.559999 11.6502 0.495999 11.7302 0.495999C11.8102 0.495999 11.8582 0.624 11.8582 0.704C11.8582 0.832 11.7462 1.008 11.5702 1.232C11.3782 1.488 10.8982 1.984 9.45816 3.632C8.83416 4.336 6.06616 8.096 5.53816 8.992L4.54616 10.672C4.11416 11.392 3.84216 11.856 3.69816 12.032C3.55416 12.208 3.37816 12.384 3.17016 12.544L3.02616 12.464L2.89816 12.544L2.75416 12.704Z" fill="%2315ACA3"/></svg>');
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 3px;
}

.section-two-col .list ul li::before {
  content: "";
  display: inline-block;
  width: 24px;
  height: 25px;
  background-image: url('data:image/svg+xml;charset=utf-8,<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.99313 19.7003L3.28613 12.8593L4.71413 11.4583L10.0071 16.8583L19.2931 7.57227L20.7071 8.98627L9.99313 19.7003Z" fill="%23129189"/></svg>');
  background-size: contain;
  background-repeat: no-repeat;
  flex-shrink: 0;
  margin-right: 19px;
}

/* ========================================
   Open Honeypot Landing Page Styles
   ======================================== */

.open-honeypot-landing {
  background-color: #0a0a0a;
  color: #ffffff;
  font-family: inherit;
  line-height: 1.6;
}

.oh-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}

/* Hero Section */
.oh-hero-section {
  padding: 80px 0 100px;
  background: linear-gradient(180deg, #0a0a0a 0%, #111111 50%, #0a0a0a 100%);
  position: relative;
  overflow: hidden;
}

.oh-hero-section::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: radial-gradient(circle at 30% 50%, rgba(18, 145, 137, 0.1) 0%, transparent 50%);
  pointer-events: none;
}

.oh-hero-section .oh-container {
  display: flex;
  align-items: center;
  gap: 60px;
  position: relative;
  z-index: 1;
}

.oh-hero-content {
  flex: 1;
}

.oh-hero-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(18, 145, 137, 0.15);
  border: 1px solid rgba(18, 145, 137, 0.3);
  padding: 8px 16px;
  border-radius: 50px;
  font-size: 14px;
  color: #15ACA3;
  margin-bottom: 24px;
}

.oh-badge-icon {
  font-size: 16px;
}

.oh-hero-title {
  font-size: 48px;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 24px;
  background: linear-gradient(135deg, #ffffff 0%, #15ACA3 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.oh-hero-subtitle {
  font-size: 17px;
  color: #b0b0b0;
  margin-bottom: 32px;
  max-width: 600px;
  list-style: none;
  padding: 0;
  margin-top: 0;
}

.oh-hero-subtitle li {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin-bottom: 12px;
  line-height: 1.5;
}

.oh-hero-subtitle li:last-child {
  margin-bottom: 0;
}

.oh-check-icon {
  color: #15ACA3;
  font-weight: bold;
  font-size: 16px;
  flex-shrink: 0;
  margin-top: 2px;
}

.oh-hero-buttons {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  margin-bottom: 48px;
}

.oh-btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 14px 28px;
  border-radius: 8px;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.3s ease;
  cursor: pointer;
  border: none;
}

.oh-btn-primary {
  background: linear-gradient(135deg, #129189 0%, #0e7570 100%);
  color: #ffffff;
  box-shadow: 0 4px 15px rgba(18, 145, 137, 0.3);
}

.oh-btn-primary:hover {
  background: linear-gradient(135deg, #15ACA3 0%, #129189 100%);
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(18, 145, 137, 0.4);
  color: #ffffff;
}

.oh-btn-secondary {
  background: transparent;
  color: #ffffff;
  border: 2px solid rgba(255, 255, 255, 0.2);
}

.oh-btn-secondary:hover {
  border-color: #15ACA3;
  color: #15ACA3;
}

.oh-btn-large {
  padding: 18px 36px;
  font-size: 18px;
}

.oh-btn-icon {
  font-size: 18px;
}

.oh-btn-icon svg {
  width: 18px;
  height: 18px;
}

.oh-btn-arrow {
  font-size: 14px;
}

.oh-hero-stats {
  display: flex;
  gap: 30px;
}

.oh-stat {
  display: flex;
  align-items: center;
  gap: 12px;
}

.oh-stat-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.oh-stat-icon svg {
  opacity: 0.9;
}

.oh-stat-content {
  display: flex;
  flex-direction: column;
}

.oh-stat-number {
  font-size: 32px;
  font-weight: 700;
  color: #15ACA3;
  line-height: 1;
}

.oh-stat-label {
  font-size: 13px;
  color: #808080;
  margin-top: 2px;
}

.oh-hero-visual {
  flex: 0 0 350px;
}

.oh-shield-animation {
  position: relative;
  width: 300px;
  height: 350px;
  margin: 0 auto;
}

.oh-shield {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  animation: float 3s ease-in-out infinite;
}

.oh-shield-svg {
  width: 180px;
  height: 220px;
  filter: drop-shadow(0 10px 30px rgba(18, 145, 137, 0.4));
}

@keyframes float {
  0%, 100% { transform: translate(-50%, -50%) translateY(0); }
  50% { transform: translate(-50%, -50%) translateY(-15px); }
}

.oh-floating-icons {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.oh-float-icon {
  position: absolute;
  font-size: 24px;
  animation: floatIcon 4s ease-in-out infinite;
  opacity: 0.7;
}

.oh-float-1 { top: 10%; left: 10%; animation-delay: 0s; }
.oh-float-2 { top: 20%; right: 15%; animation-delay: 1s; }
.oh-float-3 { bottom: 20%; left: 5%; animation-delay: 2s; }
.oh-float-4 { bottom: 10%; right: 10%; animation-delay: 3s; }

@keyframes floatIcon {
  0%, 100% { transform: translateY(0) scale(1); }
  50% { transform: translateY(-10px) scale(1.1); }
}

/* Features Section */
.oh-features-section {
  padding: 100px 0;
  background: #0a0a0a;
}

.oh-section-header {
  text-align: center;
  margin-bottom: 60px;
}

.oh-section-title {
  font-size: 40px;
  font-weight: 700;
  margin-bottom: 16px;
  color: #ffffff;
}

.oh-section-subtitle {
  font-size: 18px;
  color: #808080;
  max-width: 600px;
  margin: 0 auto;
}

.oh-features-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 24px;
}

.oh-feature-card {
  background: linear-gradient(145deg, #161616 0%, #111111 100%);
  border: 1px solid rgba(255, 255, 255, 0.05);
  border-radius: 16px;
  padding: 32px;
  transition: all 0.3s ease;
  position: relative;
}

.oh-feature-card:hover {
  transform: translateY(-5px);
  border-color: rgba(18, 145, 137, 0.3);
  box-shadow: 0 10px 40px rgba(18, 145, 137, 0.1);
}

.oh-feature-icon {
  font-size: 40px;
  margin-bottom: 20px;
  display: block;
}

.oh-feature-card h3 {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 12px;
  color: #ffffff;
}

.oh-feature-card p {
  font-size: 15px;
  color: #a0a0a0;
  line-height: 1.6;
}

.oh-feature-highlight {
  border-color: rgba(18, 145, 137, 0.3);
  background: linear-gradient(145deg, rgba(18, 145, 137, 0.1) 0%, #111111 100%);
}

.oh-feature-badge {
  position: absolute;
  top: 16px;
  right: 16px;
  background: #129189;
  color: #ffffff;
  font-size: 11px;
  font-weight: 600;
  padding: 4px 10px;
  border-radius: 20px;
  text-transform: uppercase;
}

/* Platforms Section */
.oh-platforms-section {
  padding: 100px 0;
  background: linear-gradient(180deg, #0a0a0a 0%, #111111 50%, #0a0a0a 100%);
}

.oh-platforms-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: 24px;
}

.oh-platform-card {
  background: #161616;
  border: 1px solid rgba(255, 255, 255, 0.05);
  border-radius: 16px;
  padding: 32px;
  position: relative;
  transition: all 0.3s ease;
}

.oh-platform-card:hover {
  border-color: rgba(255, 255, 255, 0.1);
}

.oh-platform-recommended {
  border-color: #129189;
  box-shadow: 0 0 30px rgba(18, 145, 137, 0.15);
}

.oh-platform-badge {
  position: absolute;
  top: -12px;
  left: 50%;
  transform: translateX(-50%);
  background: linear-gradient(135deg, #129189 0%, #0e7570 100%);
  color: #ffffff;
  font-size: 12px;
  font-weight: 600;
  padding: 6px 16px;
  border-radius: 20px;
  text-transform: uppercase;
}

.oh-platform-icon {
  margin-bottom: 20px;
}

.oh-platform-icon svg {
  width: 60px;
  height: 60px;
}

.oh-platform-card h3 {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 20px;
  color: #ffffff;
}

.oh-platform-features {
  list-style: none;
  padding: 0;
  margin: 0 0 24px 0;
}

.oh-platform-features li {
  padding: 8px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  font-size: 14px;
  color: #b0b0b0;
}

.oh-platform-features li:last-child {
  border-bottom: none;
}

.oh-platform-features strong {
  color: #ffffff;
}

.oh-platform-extras {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.oh-check {
  font-size: 13px;
  color: #a0a0a0;
}

/* No CAPTCHA Section */
.oh-nocaptcha-section {
  padding: 100px 0;
  background: #0a0a0a;
}

.oh-nocaptcha-content {
  display: flex;
  gap: 60px;
  align-items: center;
}

.oh-nocaptcha-text {
  flex: 1;
}

.oh-nocaptcha-text h2 {
  font-size: 36px;
  font-weight: 700;
  margin-bottom: 16px;
  color: #ffffff;
}

.oh-nocaptcha-text > p {
  font-size: 18px;
  color: #808080;
  margin-bottom: 32px;
}

.oh-benefits-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.oh-benefits-list li {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 0;
  font-size: 16px;
  color: #b0b0b0;
}

.oh-benefit-check {
  font-size: 18px;
}

.oh-nocaptcha-visual {
  flex: 1;
}

.oh-captcha-comparison {
  display: flex;
  gap: 20px;
}

.oh-captcha-bad,
.oh-captcha-good {
  flex: 1;
  padding: 24px;
  border-radius: 12px;
  text-align: center;
}

.oh-captcha-bad {
  background: linear-gradient(145deg, #2a1a1a 0%, #1a0f0f 100%);
  border: 1px solid rgba(255, 100, 100, 0.2);
}

.oh-captcha-good {
  background: linear-gradient(145deg, rgba(18, 145, 137, 0.15) 0%, rgba(18, 145, 137, 0.05) 100%);
  border: 1px solid rgba(18, 145, 137, 0.3);
}

.oh-captcha-icon {
  font-size: 48px;
  margin-bottom: 12px;
}

.oh-captcha-label {
  display: block;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 16px;
  color: #ffffff;
}

.oh-captcha-bad ul,
.oh-captcha-good ul {
  list-style: none;
  padding: 0;
  margin: 0;
  text-align: left;
}

.oh-captcha-bad li,
.oh-captcha-good li {
  padding: 6px 0;
  font-size: 13px;
  color: #a0a0a0;
}

/* Compatibility Section */
.oh-compatibility-section {
  padding: 100px 0;
  background: linear-gradient(180deg, #0a0a0a 0%, #111111 100%);
}

.oh-compatibility-section .oh-section-title {
  text-align: center;
  margin-bottom: 60px;
}

.oh-compatibility-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 24px;
}

.oh-compat-card {
  background: #161616;
  border: 1px solid rgba(255, 255, 255, 0.05);
  border-radius: 16px;
  padding: 32px;
  text-align: center;
}

.oh-compat-card h3 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 24px;
  color: #ffffff;
}

.oh-compat-logos {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  justify-content: center;
}

.oh-compat-item {
  background: rgba(255, 255, 255, 0.05);
  padding: 8px 16px;
  border-radius: 6px;
  font-size: 13px;
  color: #b0b0b0;
  border: 1px solid rgba(255, 255, 255, 0.05);
}

.oh-languages .oh-compat-item {
  background: rgba(18, 145, 137, 0.1);
  border-color: rgba(18, 145, 137, 0.2);
  color: #15ACA3;
}

/* Compatibility items with logos */
.oh-compat-with-icons {
  gap: 16px;
}

.oh-compat-item-with-logo {
  display: flex;
  align-items: center;
  gap: 10px;
  background: rgba(255, 255, 255, 0.05);
  padding: 10px 16px;
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  transition: all 0.2s ease;
}

.oh-compat-item-with-logo:hover {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(18, 145, 137, 0.3);
}

.oh-compat-item-with-logo span {
  font-size: 13px;
  color: #b0b0b0;
  white-space: nowrap;
}

.oh-compat-logo {
  flex-shrink: 0;
  border-radius: 6px;
}

/* CTA Section */
.oh-cta-section {
  padding: 100px 0;
  background: linear-gradient(180deg, #111111 0%, #129189 50%, #0e7570 100%);
  text-align: center;
}

.oh-cta-content h2 {
  font-size: 40px;
  font-weight: 700;
  margin-bottom: 16px;
  color: #ffffff;
}

.oh-cta-content > p {
  font-size: 18px;
  color: rgba(255, 255, 255, 0.8);
  margin-bottom: 40px;
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
}

.oh-cta-buttons {
  display: flex;
  gap: 16px;
  justify-content: center;
  flex-wrap: wrap;
}

.oh-cta-section .oh-btn-primary {
  background: #ffffff;
  color: #0e7570;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}

.oh-cta-section .oh-btn-primary:hover {
  background: #f0f0f0;
  transform: translateY(-2px);
  color: #0e7570;
}

.oh-cta-section .oh-btn-secondary {
  border-color: rgba(255, 255, 255, 0.3);
  color: #ffffff;
}

.oh-cta-section .oh-btn-secondary:hover {
  border-color: #ffffff;
  background: rgba(255, 255, 255, 0.1);
  color: #ffffff;
}

/* Footer Info */
.oh-footer-info {
  padding: 40px 0;
  background: #0a0a0a;
  text-align: center;
}

.oh-license {
  font-size: 14px;
  color: #606060;
  margin-bottom: 8px;
}

.oh-built-by {
  font-size: 14px;
  color: #808080;
}

.oh-built-by a {
  color: #15ACA3;
  text-decoration: none;
}

.oh-built-by a:hover {
  text-decoration: underline;
}

/* Responsive Design */
@media (max-width: 991px) {
  .oh-hero-section .oh-container {
    flex-direction: column;
    text-align: center;
  }

  .oh-hero-subtitle {
    margin-left: auto;
    margin-right: auto;
  }

  .oh-hero-buttons {
    justify-content: center;
  }

  .oh-hero-stats {
    justify-content: center;
  }

  .oh-hero-visual {
    flex: 0 0 auto;
    order: -1;
  }

  .oh-shield-animation {
    width: 200px;
    height: 250px;
  }

  .oh-shield-svg {
    width: 120px;
    height: 150px;
  }

  .oh-nocaptcha-content {
    flex-direction: column;
  }

  .oh-captcha-comparison {
    flex-direction: column;
  }
}

@media (max-width: 767px) {
  .oh-hero-section {
    padding: 60px 0 80px;
  }

  .oh-hero-title {
    font-size: 32px;
  }

  .oh-hero-subtitle {
    font-size: 16px;
  }

  .oh-hero-stats {
    gap: 24px;
  }

  .oh-stat-number {
    font-size: 28px;
  }

  .oh-section-title {
    font-size: 28px;
  }

  .oh-features-grid {
    grid-template-columns: 1fr;
  }

  .oh-platforms-grid {
    grid-template-columns: 1fr;
  }

  .oh-compatibility-grid {
    grid-template-columns: 1fr;
  }

  .oh-cta-content h2 {
    font-size: 28px;
  }

  .oh-btn {
    padding: 12px 20px;
    font-size: 14px;
  }

  .oh-btn-large {
    padding: 14px 24px;
    font-size: 16px;
  }

  .oh-cta-buttons {
    flex-direction: column;
    align-items: center;
  }
}

/* Trust Badge Styles */
.oh-trust-badge-hero,
.oh-trust-badge-cta {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin-bottom: 30px;
}

.oh-laurel-left,
.oh-laurel-right {
  width: 40px;
  height: 60px;
}

.oh-laurel-left svg,
.oh-laurel-right svg {
  width: 100%;
  height: 100%;
}

.oh-trust-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
}

.oh-stars {
  display: flex;
  gap: 2px;
  color: #C9A227;
  font-size: 20px;
}

.oh-trust-rating {
  font-size: 16px;
  font-weight: 700;
  color: #ffffff;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.oh-trust-text {
  font-size: 12px;
  color: #a0a0a0;
  text-align: center;
}

.oh-trust-badge-cta .oh-trust-rating {
  color: #ffffff;
}

.oh-trust-badge-cta .oh-stars {
  color: #ffffff;
}

/* Social Proof Banner - SmartBanner Style with Laurel */
/* Social Proof Banner - Compact inline layout */
.oh-social-proof-banner {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  background: rgba(0, 0, 0, 0.7);
  border-radius: 16px;
  margin-bottom: 20px;
}

.oh-sp-laurel-left,
.oh-sp-laurel-right {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}

.oh-sp-number {
  font-size: 24px;
  font-weight: 700;
  color: #FFD700;
  line-height: 1;
  flex-shrink: 0;
}

.oh-sp-rating {
  display: flex;
  align-items: center;
  gap: 8px;
}

.oh-sp-stars {
  display: flex;
  gap: 1px;
  color: #FFD700;
  font-size: 12px;
  flex-shrink: 0;
}

.oh-sp-text {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.9);
  font-weight: 500;
  white-space: nowrap;
}

.oh-sp-avatars {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}

.oh-sp-avatar {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  border: 2px solid rgba(26, 26, 26, 0.8);
  margin-left: -8px;
  position: relative;
}

.oh-sp-avatar:first-child {
  margin-left: 0;
}

.oh-sp-avatar-count {
  background: #6366f1 !important;
  display: flex;
  align-items: center;
  justify-content: center;
}

.oh-sp-avatar-count span {
  font-size: 9px;
  font-weight: 700;
  color: #ffffff;
}

.oh-sp-cta {
  background: rgba(0, 0, 0, 0.5);
}

/* Hero visual social proof positioning */
.oh-hero-visual .oh-social-proof-banner {
  margin-bottom: 30px;
}

/* Bee animation */
.oh-bee {
  animation: beeBounce 2s ease-in-out infinite;
}

.oh-bee-wing-left,
.oh-bee-wing-right {
  animation: wingFlap 0.25s ease-in-out infinite alternate;
  transform-origin: center;
}

.oh-bee-wing-right {
  animation-delay: 0.125s;
}

@keyframes beeBounce {
  0%, 100% { transform: translate(50, 60) translateY(0); }
  50% { transform: translate(50, 60) translateY(-5px); }
}

@keyframes wingFlap {
  0% { transform: scaleY(1); }
  100% { transform: scaleY(0.85); }
}

/* Collapsible Comparison Table */
.oh-comparison-container {
  position: relative;
}

.oh-comparison-table-wrapper {
  position: relative;
  overflow: hidden;
  transition: max-height 0.5s ease;
}

.oh-table-collapsed .oh-comparison-table-wrapper {
  max-height: 500px;
}

.oh-table-expanded .oh-comparison-table-wrapper {
  max-height: none;
}

.oh-table-fade-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 150px;
  background: linear-gradient(to bottom, transparent 0%, #111111 100%);
  pointer-events: none;
  opacity: 1;
  transition: opacity 0.3s ease;
  z-index: 1;
}

.oh-table-expanded .oh-table-fade-overlay {
  opacity: 0;
}

.oh-table-expand-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin: 20px auto 0;
  padding: 12px 32px;
  background: transparent;
  border: 2px solid #15ACA3;
  border-radius: 50px;
  color: #15ACA3;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
  z-index: 2;
}

.oh-table-expand-btn:hover {
  background: #15ACA3;
  color: #ffffff;
}

.oh-expand-arrow {
  transition: transform 0.3s ease;
}

.oh-table-expanded .oh-expand-arrow {
  transform: rotate(180deg);
}

.oh-table-collapsed .oh-table-expand-btn .oh-collapse-text,
.oh-table-expanded .oh-table-expand-btn .oh-expand-text {
  display: none;
}

.oh-table-collapsed .oh-table-expand-btn .oh-expand-text,
.oh-table-expanded .oh-table-expand-btn .oh-collapse-text {
  display: inline;
}

/* Screenshots Section */
.oh-screenshots-section {
  padding: 100px 0;
  background: linear-gradient(180deg, #0a0a0a 0%, #111111 50%, #0a0a0a 100%);
}

/* Featured Screenshot with Browser Frame */
.oh-screenshot-featured {
  margin-bottom: 50px;
  text-align: center;
}

.oh-browser-frame {
  background: #1a1a1a;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 25px 80px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(255, 255, 255, 0.05);
  max-width: 900px;
  margin: 0 auto;
}

.oh-browser-header {
  background: linear-gradient(180deg, #2d2d2d 0%, #252525 100%);
  padding: 12px 16px;
  display: flex;
  align-items: center;
  gap: 12px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.oh-browser-dots {
  display: flex;
  gap: 8px;
}

.oh-dot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
}

.oh-dot-red { background: #ff5f57; }
.oh-dot-yellow { background: #ffbd2e; }
.oh-dot-green { background: #28ca41; }

.oh-browser-url {
  flex: 1;
  background: rgba(0, 0, 0, 0.3);
  padding: 6px 12px;
  border-radius: 6px;
  font-size: 12px;
  color: #888;
  font-family: monospace;
}

.oh-browser-content {
  background: #1a1a1a;
}

.oh-browser-content img {
  width: 100%;
  height: auto;
  display: block;
}

.oh-screenshot-caption {
  margin-top: 24px;
}

.oh-screenshot-caption h4 {
  font-size: 20px;
  font-weight: 600;
  color: #ffffff;
  margin: 0 0 8px 0;
}

.oh-screenshot-caption p {
  font-size: 14px;
  color: #888;
  margin: 0;
}

/* Secondary Screenshots Grid */
.oh-screenshots-grid-secondary {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}

.oh-screenshot-card-mini {
  text-align: center;
}

.oh-browser-frame-mini {
  background: #1a1a1a;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(255, 255, 255, 0.05);
  transition: all 0.3s ease;
}

.oh-screenshot-card-mini:hover .oh-browser-frame-mini {
  transform: translateY(-5px);
  box-shadow: 0 20px 50px rgba(18, 145, 137, 0.2), 0 0 0 1px rgba(18, 145, 137, 0.3);
}

.oh-browser-header-mini {
  background: linear-gradient(180deg, #2d2d2d 0%, #252525 100%);
  padding: 8px 12px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.oh-browser-dots-mini {
  display: flex;
  gap: 6px;
}

.oh-dot-mini {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #555;
}

.oh-browser-content-mini {
  background: #1a1a1a;
}

.oh-browser-content-mini img {
  width: 100%;
  height: auto;
  display: block;
}

.oh-screenshot-card-mini h4 {
  margin: 16px 0 0 0;
  font-size: 14px;
  font-weight: 600;
  color: #ffffff;
}

/* Old Screenshot Grid - Keep for fallback */
.oh-screenshots-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
}

.oh-screenshot-card {
  background: #161616;
  border: 1px solid rgba(255, 255, 255, 0.05);
  border-radius: 16px;
  overflow: hidden;
  transition: all 0.3s ease;
}

.oh-screenshot-card:hover {
  transform: translateY(-5px);
  border-color: rgba(18, 145, 137, 0.3);
  box-shadow: 0 10px 40px rgba(18, 145, 137, 0.1);
}

.oh-screenshot-image {
  width: 100%;
  overflow: hidden;
  background: #1a1a1a;
}

.oh-screenshot-image img {
  width: 100%;
  height: auto;
  display: block;
  transition: transform 0.3s ease;
}

.oh-screenshot-card:hover .oh-screenshot-image img {
  transform: scale(1.02);
}

.oh-screenshot-card h4 {
  padding: 20px;
  margin: 0;
  font-size: 16px;
  font-weight: 600;
  color: #ffffff;
  text-align: center;
  background: #161616;
}

/* Comparison Table Section */
.oh-comparison-section {
  padding: 100px 0;
  background: #0a0a0a;
}

.oh-comparison-table-wrapper {
  overflow-x: auto;
  border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, 0.05);
}

.oh-comparison-table {
  width: 100%;
  border-collapse: collapse;
  min-width: 700px;
}

.oh-comparison-table thead {
  background: linear-gradient(135deg, #129189 0%, #0e7570 100%);
}

.oh-comparison-table th {
  padding: 20px 16px;
  text-align: center;
  font-weight: 600;
  color: #ffffff;
  font-size: 16px;
}

.oh-comparison-table th:first-child {
  text-align: left;
  padding-left: 24px;
}

.oh-comparison-table tbody tr {
  background: #161616;
  border-bottom: 1px solid rgba(255, 255, 255, 0.03);
}

.oh-comparison-table tbody tr:nth-child(even) {
  background: #1a1a1a;
}

.oh-comparison-table tbody tr:hover {
  background: rgba(18, 145, 137, 0.05);
}

.oh-comparison-table td {
  padding: 16px;
  text-align: center;
  color: #b0b0b0;
  font-size: 14px;
}

.oh-comparison-table td:first-child {
  text-align: left;
  padding-left: 24px;
  color: #ffffff;
}

.oh-table-category {
  background: #111111 !important;
}

.oh-table-category td {
  font-weight: 700;
  font-size: 15px;
  color: #15ACA3 !important;
  padding: 16px 24px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.oh-yes {
  color: #15ACA3;
  font-size: 18px;
  font-weight: bold;
}

.oh-no {
  color: #ff6b6b;
  font-size: 18px;
  font-weight: bold;
}

/* Button Block Style */
.oh-btn-block {
  display: block;
  width: 100%;
  text-align: center;
  margin-top: 20px;
}

.oh-btn-outline {
  background: transparent;
  color: #15ACA3;
  border: 2px solid #15ACA3;
}

.oh-btn-outline:hover {
  background: rgba(18, 145, 137, 0.1);
  color: #15ACA3;
}

/* Screenshots Responsive */
@media (max-width: 767px) {
  .oh-screenshots-grid {
    grid-template-columns: 1fr;
  }

  .oh-trust-badge-hero,
  .oh-trust-badge-cta {
    flex-wrap: wrap;
  }

  .oh-laurel-left,
  .oh-laurel-right {
    width: 30px;
    height: 45px;
  }

  .oh-stars {
    font-size: 16px;
  }

  .oh-trust-rating {
    font-size: 14px;
  }

  .oh-comparison-table th,
  .oh-comparison-table td {
    padding: 12px 8px;
    font-size: 13px;
  }

  .oh-comparison-table th:first-child,
  .oh-comparison-table td:first-child {
    padding-left: 12px;
  }

  /* Social Proof Banner Responsive - Keep single line */
  .oh-social-proof-banner {
    flex-wrap: nowrap;
    gap: 6px;
    padding: 8px 10px;
    border-radius: 12px;
  }

  .oh-sp-laurel-left svg,
  .oh-sp-laurel-right svg {
    width: 16px;
    height: 32px;
  }

  .oh-sp-number {
    font-size: 16px;
  }

  .oh-sp-rating {
    gap: 4px;
  }

  .oh-sp-stars {
    font-size: 10px;
    gap: 0;
  }

  .oh-sp-text {
    font-size: 9px;
    white-space: nowrap;
  }

  .oh-sp-avatars {
    margin-left: 0;
  }

  .oh-sp-avatar {
    width: 20px;
    height: 20px;
    margin-left: -6px;
    border-width: 1px;
  }

  .oh-sp-avatar:first-child {
    margin-left: 0;
  }

  .oh-sp-avatar-count span {
    font-size: 7px;
  }

  /* Collapsible Table Responsive */
  .oh-comparison-table-wrapper.oh-table-collapsed {
    max-height: 400px;
  }

  .oh-table-expand-btn {
    padding: 10px 24px;
    font-size: 14px;
  }

  /* Screenshots Responsive */
  .oh-screenshots-grid-secondary {
    grid-template-columns: 1fr;
    gap: 20px;
  }

  .oh-browser-frame {
    border-radius: 8px;
  }

  .oh-browser-header {
    padding: 8px 12px;
  }

  .oh-dot {
    width: 10px;
    height: 10px;
  }

  .oh-browser-url {
    font-size: 10px;
    padding: 4px 8px;
  }
}

/* Extra small screens */
@media (max-width: 480px) {
  .oh-social-proof-banner {
    gap: 4px;
    padding: 6px 8px;
  }

  .oh-sp-laurel-left svg,
  .oh-sp-laurel-right svg {
    width: 14px;
    height: 28px;
  }

  .oh-sp-number {
    font-size: 14px;
  }

  .oh-sp-stars {
    font-size: 8px;
  }

  .oh-sp-text {
    font-size: 8px;
  }

  .oh-sp-avatar {
    width: 18px;
    height: 18px;
    margin-left: -5px;
  }

  .oh-sp-avatar-count span {
    font-size: 6px;
  }
}

/* Tablet breakpoint */
@media (min-width: 768px) and (max-width: 1024px) {
  .oh-social-proof-banner {
    gap: 8px;
    padding: 10px 14px;
  }

  .oh-sp-laurel-left svg,
  .oh-sp-laurel-right svg {
    width: 20px;
    height: 40px;
  }

  .oh-sp-number {
    font-size: 20px;
  }

  .oh-sp-stars {
    font-size: 11px;
  }

  .oh-sp-text {
    font-size: 10px;
  }

  .oh-sp-avatar {
    width: 24px;
    height: 24px;
  }
}

/* ==========================================
   Download Subscription Popup Styles
   ========================================== */

.oh-popup-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 999999;
  padding: 20px;
  box-sizing: border-box;
}

.oh-popup-content {
  background: #fff;
  border-radius: 16px;
  padding: 40px;
  max-width: 440px;
  width: 100%;
  position: relative;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
  animation: ohPopupSlideIn 0.3s ease-out;
}

@keyframes ohPopupSlideIn {
  from {
    opacity: 0;
    transform: translateY(-20px) scale(0.95);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

.oh-popup-close {
  position: absolute;
  top: 12px;
  right: 12px;
  width: 36px;
  height: 36px;
  border: none;
  background: #f5f5f5;
  border-radius: 50%;
  font-size: 24px;
  line-height: 1;
  color: #666;
  cursor: pointer;
  transition: all 0.2s ease;
  display: flex;
  align-items: center;
  justify-content: center;
}

.oh-popup-close:hover {
  background: #e0e0e0;
  color: #333;
}

.oh-popup-icon {
  font-size: 48px;
  text-align: center;
  margin-bottom: 16px;
}

.oh-popup-title {
  font-size: 24px;
  font-weight: 700;
  color: #1a1a1a;
  text-align: center;
  margin: 0 0 12px 0;
}

.oh-popup-desc {
  font-size: 15px;
  color: #666;
  text-align: center;
  line-height: 1.5;
  margin: 0 0 24px 0;
}

.oh-popup-form {
  margin: 0;
}

.oh-form-group {
  margin-bottom: 16px;
}

.oh-form-group input[type="email"] {
  width: 100%;
  padding: 14px 18px;
  font-size: 16px;
  border: 2px solid #e0e0e0;
  border-radius: 10px;
  outline: none;
  transition: border-color 0.2s ease;
  box-sizing: border-box;
}

.oh-form-group input[type="email"]:focus {
  border-color: #15ACA3;
}

.oh-form-group input[type="email"]::placeholder {
  color: #999;
}

.oh-btn-full {
  display: flex !important;
  width: 100%;
  padding: 14px 24px;
  font-size: 16px;
  font-weight: 600;
  text-align: center;
  justify-content: center;
}

.oh-btn-loading {
  display: inline-block;
}

.oh-popup-privacy {
  font-size: 13px;
  color: #888;
  text-align: center;
  margin: 16px 0 0 0;
}

.oh-popup-consent {
  font-size: 12px;
  color: #999;
  text-align: center;
  margin: 8px 0 0 0;
}

.oh-popup-consent a {
  color: inherit;
  text-decoration: underline;
}

/* Newsletter Checkbox Styling */
.oh-checkbox-group {
  margin-top: 8px;
  margin-bottom: 20px;
}

.oh-checkbox-label {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  cursor: pointer;
  user-select: none;
}

.oh-checkbox-label input[type="checkbox"] {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}

.oh-checkbox-custom {
  flex-shrink: 0;
  width: 22px;
  height: 22px;
  border: 2px solid #d0d0d0;
  border-radius: 5px;
  background: #fff;
  position: relative;
  transition: all 0.2s ease;
  margin-top: 2px;
}

.oh-checkbox-custom::after {
  content: '';
  position: absolute;
  display: none;
  left: 6px;
  top: 2px;
  width: 6px;
  height: 11px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

.oh-checkbox-label input[type="checkbox"]:checked + .oh-checkbox-custom {
  background: #15ACA3;
  border-color: #15ACA3;
}

.oh-checkbox-label input[type="checkbox"]:checked + .oh-checkbox-custom::after {
  display: block;
}

.oh-checkbox-label:hover .oh-checkbox-custom {
  border-color: #15ACA3;
}

.oh-checkbox-text {
  font-size: 13px;
  color: #555;
  line-height: 1.5;
}

/* Popup responsive */
@media (max-width: 480px) {
  .oh-popup-content {
    padding: 30px 24px;
  }

  .oh-popup-title {
    font-size: 20px;
  }

  .oh-popup-desc {
    font-size: 14px;
  }

  .oh-popup-icon {
    font-size: 40px;
  }

  .oh-checkbox-text {
    font-size: 12px;
  }

  .oh-checkbox-custom {
    width: 20px;
    height: 20px;
  }
}

/* ==========================================
   Thank You Popup (after form submit)
   ========================================== */

.oh-ty-overlay {
  position: fixed;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background: rgba(0,0,0,0.7);
  z-index: 999999;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  box-sizing: border-box;
}

.oh-ty-popup {
  background: #161616;
  border-radius: 12px;
  padding: 32px;
  max-width: 860px;
  width: 100%;
  position: relative;
  box-shadow: 0 8px 16px rgba(0,0,0,0.2);
  animation: ohPopupSlideIn 0.3s ease-out;
  font-family: 'Roboto', sans-serif;
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.oh-ty-close {
  position: absolute;
  top: 12px; right: 12px;
  width: 32px; height: 32px;
  border: none;
  background: rgba(255,255,255,0.1);
  border-radius: 50%;
  font-size: 20px;
  line-height: 1;
  color: rgba(255,255,255,0.6);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.2s;
}

.oh-ty-close:hover {
  background: rgba(255,255,255,0.2);
  color: #fff;
}

.oh-ty-header {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
}

.oh-ty-title {
  margin: 0;
  font-size: 24px;
  font-weight: 500;
  color: #fff;
  text-align: center;
}

.oh-ty-subtitle {
  margin: 0;
  font-size: 16px;
  font-weight: 500;
  color: #ebebeb;
  text-align: center;
  line-height: 1.6;
}

.oh-ty-subtitle strong {
  font-weight: 700;
}

.oh-ty-spam {
  margin: 0;
  font-size: 14px;
  font-weight: 500;
  color: #ebebeb;
  text-align: center;
  line-height: 1.7;
}

.oh-ty-divider {
  height: 1px;
  background: rgba(255,255,255,0.08);
  width: 100%;
}

.oh-ty-body {
  display: flex;
  gap: 32px;
  align-items: center;
}

.oh-ty-cta-col {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.oh-ty-audit-title {
  margin: 0;
  font-size: 32px;
  font-weight: 700;
  color: #fbfbfb;
  line-height: 1.2;
}

.oh-ty-audit-desc {
  margin: 0;
  font-size: 16px;
  color: #ebebeb;
  line-height: 1.625;
}

.oh-ty-cta-row {
  display: flex;
  gap: 20px;
  align-items: center;
}

.oh-ty-btn {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  background: #129189;
  color: #fff !important;
  font-size: 20px;
  font-weight: 500;
  padding: 6px 24px;
  border-radius: 30px;
  text-decoration: none !important;
  white-space: nowrap;
  line-height: 34px;
  transition: background 0.2s;
}

.oh-ty-btn:hover {
  background: #0e756e;
  color: #fff !important;
}

.oh-ty-btn svg {
  flex-shrink: 0;
}

.oh-ty-social {
  display: flex;
  gap: 12px;
  align-items: center;
  flex: 1;
}

.oh-ty-avatars {
  display: flex;
}

.oh-ty-avatar {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: 2px solid rgba(255,255,255,0.3);
  object-fit: cover;
  margin-right: -8px;
}

.oh-ty-avatar:last-child {
  margin-right: 0;
}

.oh-ty-rating {
  display: flex;
  flex-direction: column;
}

.oh-ty-stars {
  display: flex;
  align-items: center;
  gap: 2px;
}

.oh-ty-users {
  font-size: 12px;
  color: rgba(255,255,255,0.6);
  line-height: 16px;
}

/* Score card */
.oh-ty-score-card {
  width: 279px;
  flex-shrink: 0;
  background: #000;
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 16px;
  padding: 17px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.oh-ty-score-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.oh-ty-score-left {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.oh-ty-score-label {
  font-size: 12px;
  color: rgba(255,255,255,0.6);
  letter-spacing: 0.5px;
}

.oh-ty-score-num {
  display: flex;
  align-items: baseline;
}

.oh-ty-score-big {
  font-size: 32px;
  font-weight: 700;
  color: #fff;
  line-height: 28px;
}

.oh-ty-score-slash {
  font-size: 14px;
  color: rgba(255,255,255,0.6);
  margin-left: 2px;
}

.oh-ty-score-grade {
  font-size: 12px;
  color: #ff9500;
}

.oh-ty-grade-circle {
  width: 80px;
  height: 80px;
  border: 3px solid #ff9500;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.oh-ty-grade-circle span {
  font-size: 24px;
  font-weight: 700;
  color: #fff;
}

.oh-ty-score-bars {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding-bottom: 6px;
}

.oh-ty-bar-row {
  display: flex;
  align-items: center;
  gap: 8px;
}

.oh-ty-bar-label {
  font-size: 14px;
  color: rgba(255,255,255,0.75);
  white-space: nowrap;
  min-width: 91px;
}

.oh-ty-bar-track {
  flex: 1;
  height: 4px;
  background: rgba(255,255,255,0.08);
  border-radius: 2px;
  overflow: hidden;
}

.oh-ty-bar-fill {
  height: 100%;
  border-radius: 2px;
}

.oh-ty-bar-val {
  font-size: 14px;
  color: #fff;
  text-align: right;
  min-width: 20px;
  font-weight: 400;
}

/* LT variant — social proof on second row */
.oh-ty-cta-row--lt {
  flex-wrap: wrap;
}

.oh-ty-cta-row--lt .oh-ty-btn {
  width: auto;
}

.oh-ty-cta-row--lt .oh-ty-social {
  flex-basis: 100%;
}

/* TY Popup responsive - tablet */
@media (max-width: 768px) {
  .oh-ty-popup {
    padding: 32px 24px;
    max-width: 380px;
  }

  .oh-ty-body {
    flex-direction: column;
    gap: 16px;
  }

  .oh-ty-audit-title {
    font-size: 24px;
    text-align: center;
  }

  .oh-ty-audit-desc {
    font-size: 14px;
    text-align: center;
    line-height: 1.43;
  }

  .oh-ty-cta-row {
    flex-direction: column;
    gap: 16px;
  }

  .oh-ty-btn {
    width: 100%;
    justify-content: center;
  }

  .oh-ty-social {
    justify-content: center;
  }

  .oh-ty-score-card {
    width: 100%;
    gap: 20px;
  }
}

/* ==========================================
   FAQ Section Styles
   ========================================== */

.oh-faq-section {
  padding: 80px 0;
  background: #f8f9fa;
}

.oh-faq-list {
  max-width: 800px;
  margin: 0 auto;
}

.oh-faq-item {
  background: #fff;
  border-radius: 12px;
  margin-bottom: 16px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
  overflow: hidden;
  transition: box-shadow 0.3s ease;
}

.oh-faq-item:hover {
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
}

.oh-faq-question {
  width: 100%;
  padding: 24px 28px;
  background: none;
  border: none;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  text-align: left;
  font-size: 17px;
  font-weight: 600;
  color: #1a1a1a;
  transition: background 0.2s ease;
}

.oh-faq-question:hover {
  background: #f8f9fa;
}

.oh-faq-question span:first-child {
  flex: 1;
}

.oh-faq-icon {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: #15ACA3;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  font-weight: 300;
  flex-shrink: 0;
  transition: transform 0.3s ease, background 0.3s ease;
}

.oh-faq-item.oh-faq-open .oh-faq-icon {
  transform: rotate(45deg);
  background: #0e8a82;
}

.oh-faq-answer {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease, padding 0.3s ease;
}

.oh-faq-item.oh-faq-open .oh-faq-answer {
  max-height: 1000px;
  padding: 0 28px 24px 28px;
}

.oh-faq-answer p {
  margin: 0;
  color: #555;
  line-height: 1.7;
  font-size: 15px;
}

/* Legal FAQ special styling */
.oh-faq-legal .oh-faq-answer {
  font-size: 14px;
}

.oh-faq-code {
  background: #f1f5f9;
  border-left: 4px solid #15ACA3;
  padding: 16px 20px;
  margin: 16px 0;
  border-radius: 0 8px 8px 0;
  font-size: 14px;
  line-height: 1.6;
  color: #374151;
}

.oh-faq-disclaimer {
  background: #fef3c7;
  border: 1px solid #f59e0b;
  border-radius: 8px;
  padding: 16px;
  margin-top: 16px;
  font-size: 13px;
  color: #92400e;
  line-height: 1.6;
}

.oh-faq-disclaimer strong {
  color: #78350f;
}

/* FAQ responsive */
@media (max-width: 767px) {
  .oh-faq-section {
    padding: 60px 0;
  }

  .oh-faq-question {
    padding: 20px;
    font-size: 15px;
  }

  .oh-faq-item.oh-faq-open .oh-faq-answer {
    padding: 0 20px 20px 20px;
  }

  .oh-faq-icon {
    width: 24px;
    height: 24px;
    font-size: 18px;
  }
}

/* ==========================================================================
   AI Services Page (ai-*) & AI Consulting Page (ac-*) Shared Styles
   ========================================================================== */

/* Container */
.ai-container,
.ac-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}

/* Hero Section */
.ai-hero-section,
.ac-hero-section {
  padding: 80px 0 100px;
  background: linear-gradient(180deg, #0a0a0a 0%, #111111 50%, #0a0a0a 100%);
  position: relative;
  overflow: hidden;
}

.ai-hero-section::before,
.ac-hero-section::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: radial-gradient(circle at 30% 50%, rgba(18, 145, 137, 0.1) 0%, transparent 50%);
  pointer-events: none;
}

.ai-hero-section .ai-container,
.ac-hero-section .ac-container {
  display: flex;
  align-items: center;
  gap: 60px;
  position: relative;
  z-index: 1;
}

.ai-hero-content,
.ac-hero-content {
  flex: 1;
}

.ai-hero-badge,
.ac-hero-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(18, 145, 137, 0.15);
  border: 1px solid rgba(18, 145, 137, 0.3);
  padding: 8px 16px;
  border-radius: 50px;
  font-size: 14px;
  color: #15ACA3;
  margin-bottom: 24px;
}

.ai-badge-icon,
.ac-badge-icon {
  font-size: 16px;
}

.ai-hero-title,
.ac-hero-title {
  font-size: 48px;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 24px;
  background: linear-gradient(135deg, #ffffff 0%, #15ACA3 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.ai-hero-subtitle,
.ac-hero-subtitle {
  font-size: 17px;
  color: #b0b0b0;
  margin-bottom: 32px;
  max-width: 600px;
  list-style: none;
  padding: 0;
  margin-top: 0;
}

.ai-hero-subtitle li,
.ac-hero-subtitle li {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin-bottom: 12px;
  line-height: 1.5;
}

.ai-hero-subtitle li:last-child,
.ac-hero-subtitle li:last-child {
  margin-bottom: 0;
}

.ai-check-icon,
.ac-check-icon {
  color: #15ACA3;
  font-weight: bold;
  font-size: 16px;
  flex-shrink: 0;
  margin-top: 2px;
}

/* Buttons */
.ai-hero-buttons,
.ac-hero-buttons {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  margin-bottom: 48px;
}

.ai-btn,
.ac-btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 14px 28px;
  border-radius: 8px;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.3s ease;
  cursor: pointer;
  border: none;
}

.ai-btn-primary,
.ac-btn-primary {
  background: linear-gradient(135deg, #129189 0%, #0e7570 100%);
  color: #ffffff;
  box-shadow: 0 4px 15px rgba(18, 145, 137, 0.3);
}

.ai-btn-primary:hover,
.ac-btn-primary:hover {
  background: linear-gradient(135deg, #15ACA3 0%, #129189 100%);
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(18, 145, 137, 0.4);
  color: #ffffff;
}

.ai-btn-secondary,
.ac-btn-secondary {
  background: transparent;
  color: #ffffff;
  border: 2px solid rgba(255, 255, 255, 0.2);
}

.ai-btn-secondary:hover,
.ac-btn-secondary:hover {
  border-color: #15ACA3;
  color: #15ACA3;
}

.ai-btn-large,
.ac-btn-large {
  padding: 18px 36px;
  font-size: 18px;
}

.ai-btn-icon,
.ac-btn-icon {
  font-size: 18px;
}

.ai-btn-arrow,
.ac-btn-arrow {
  font-size: 14px;
}

.ac-btn-block {
  display: block;
  width: 100%;
  text-align: center;
  justify-content: center;
}

/* Hero Stats */
.ai-hero-stats,
.ac-hero-stats {
  display: flex;
  gap: 30px;
}

.ai-stat,
.ac-stat {
  display: flex;
  align-items: center;
  gap: 12px;
}

.ai-stat-icon,
.ac-stat-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.ai-stat-icon svg,
.ac-stat-icon svg {
  opacity: 0.9;
}

.ai-stat-content,
.ac-stat-content {
  display: flex;
  flex-direction: column;
}

.ai-stat-number,
.ac-stat-number {
  font-size: 32px;
  font-weight: 700;
  color: #15ACA3;
  line-height: 1;
}

.ai-stat-label,
.ac-stat-label {
  font-size: 13px;
  color: #808080;
  margin-top: 2px;
}

/* Hero Visual */
.ai-hero-visual,
.ac-hero-visual {
  flex: 0 0 350px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Social Proof Banner */
.ai-social-proof-banner,
.ac-social-proof-banner {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  background: rgba(0, 0, 0, 0.7);
  border-radius: 16px;
  margin-bottom: 20px;
}

.ai-sp-laurel-left,
.ai-sp-laurel-right,
.ac-sp-laurel-left,
.ac-sp-laurel-right {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}

.ai-sp-number,
.ac-sp-number {
  font-size: 24px;
  font-weight: 700;
  color: #FFD700;
  line-height: 1;
  flex-shrink: 0;
}

.ai-sp-rating,
.ac-sp-rating {
  display: flex;
  align-items: center;
  gap: 8px;
}

.ai-sp-stars,
.ac-sp-stars {
  display: flex;
  gap: 1px;
  color: #FFD700;
  font-size: 12px;
  flex-shrink: 0;
}

.ai-sp-text,
.ac-sp-text {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.9);
  font-weight: 500;
  white-space: nowrap;
}

.ai-sp-avatars,
.ac-sp-avatars {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}

.ai-sp-avatar,
.ac-sp-avatar {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  border: 2px solid rgba(26, 26, 26, 0.8);
  margin-left: -8px;
  position: relative;
}

.ai-sp-avatar:first-child,
.ac-sp-avatar:first-child {
  margin-left: 0;
}

.ai-sp-avatar-count,
.ac-sp-avatar-count {
  background: #6366f1 !important;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ai-sp-avatar-count span,
.ac-sp-avatar-count span {
  font-size: 9px;
  font-weight: 700;
  color: #ffffff;
}

.ai-sp-cta,
.ac-sp-cta {
  background: rgba(0, 0, 0, 0.5);
}

/* Section Header */
.ai-section-header,
.ac-section-header {
  text-align: center;
  margin-bottom: 60px;
}

.ai-section-title,
.ac-section-title {
  font-size: 40px;
  font-weight: 700;
  margin-bottom: 16px;
  color: #ffffff;
}

.ai-section-subtitle,
.ac-section-subtitle {
  font-size: 18px;
  color: #808080;
  max-width: 600px;
  margin: 0 auto;
}

/* Features/Capabilities Grid */
.ai-capabilities-section,
.ac-services-section {
  padding: 100px 0;
  background: #0a0a0a;
}

.ai-features-grid,
.ac-features-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 24px;
}

.ai-feature-card,
.ac-feature-card {
  background: linear-gradient(145deg, #161616 0%, #111111 100%);
  border: 1px solid rgba(255, 255, 255, 0.05);
  border-radius: 16px;
  padding: 32px;
  transition: all 0.3s ease;
  position: relative;
}

.ai-feature-card:hover,
.ac-feature-card:hover {
  transform: translateY(-5px);
  border-color: rgba(18, 145, 137, 0.3);
  box-shadow: 0 10px 40px rgba(18, 145, 137, 0.1);
}

.ai-feature-icon,
.ac-feature-icon {
  font-size: 40px;
  margin-bottom: 20px;
  display: block;
}

.ai-feature-card h3,
.ac-feature-card h3 {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 12px;
  color: #ffffff;
}

.ai-feature-card p,
.ac-feature-card p {
  font-size: 15px;
  color: #a0a0a0;
  line-height: 1.6;
}

/* Project Slider Section */
.ai-projects-section {
  padding: 100px 0;
  background: linear-gradient(180deg, #0a0a0a 0%, #111111 50%, #0a0a0a 100%);
}

.ai-project-card {
  background: #161616;
  border: 1px solid rgba(255, 255, 255, 0.05);
  border-radius: 16px;
  overflow: hidden;
  margin: 0 12px;
  transition: all 0.3s ease;
}

.ai-project-card:hover {
  border-color: rgba(18, 145, 137, 0.3);
  box-shadow: 0 10px 40px rgba(18, 145, 137, 0.1);
}

.ai-project-image {
  width: 100%;
  height: 200px;
  background-size: cover;
  background-position: center;
  background-color: #1a1a1a;
}

.ai-project-content {
  padding: 24px;
}

.ai-project-content h3 {
  font-size: 20px;
  font-weight: 600;
  color: #ffffff;
  margin-bottom: 12px;
}

.ai-project-content p {
  font-size: 14px;
  color: #a0a0a0;
  line-height: 1.6;
  margin-bottom: 16px;
}

.ai-project-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 16px;
}

.ai-project-tags span {
  background: rgba(18, 145, 137, 0.15);
  color: #15ACA3;
  font-size: 12px;
  font-weight: 600;
  padding: 4px 12px;
  border-radius: 20px;
  border: 1px solid rgba(18, 145, 137, 0.2);
}

.ai-project-link {
  display: inline-flex;
  align-items: center;
  color: #15ACA3;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  transition: color 0.3s ease;
}

.ai-project-link:hover {
  color: #ffffff;
}

/* AI System Types Section */
.ai-types-section {
  padding: 100px 0;
  background: #0a0a0a;
}

.ai-types-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: 24px;
}

.ai-type-card {
  background: linear-gradient(145deg, rgba(18, 145, 137, 0.08) 0%, #111111 100%);
  border: 1px solid rgba(18, 145, 137, 0.2);
  border-radius: 16px;
  padding: 40px 32px;
  text-align: center;
  transition: all 0.3s ease;
}

.ai-type-card:hover {
  transform: translateY(-5px);
  border-color: rgba(18, 145, 137, 0.4);
  box-shadow: 0 10px 40px rgba(18, 145, 137, 0.15);
}

.ai-type-icon {
  font-size: 56px;
  margin-bottom: 24px;
  display: block;
}

.ai-type-card h3 {
  font-size: 22px;
  font-weight: 600;
  color: #ffffff;
  margin-bottom: 12px;
}

.ai-type-card p {
  font-size: 15px;
  color: #a0a0a0;
  line-height: 1.6;
}

/* Process / Timeline Section */
.ai-process-section,
.ac-process-section {
  padding: 100px 0;
  background: linear-gradient(180deg, #0a0a0a 0%, #111111 50%, #0a0a0a 100%);
}

.ai-timeline,
.ac-timeline {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
  position: relative;
}

.ai-timeline::before,
.ac-timeline::before {
  content: "";
  position: absolute;
  top: 28px;
  left: 10%;
  right: 10%;
  height: 2px;
  background: linear-gradient(90deg, transparent, #129189, #129189, transparent);
  z-index: 0;
}

.ai-timeline-step,
.ac-timeline-step {
  text-align: center;
  position: relative;
  z-index: 1;
}

.ai-timeline-number,
.ac-timeline-number {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: linear-gradient(135deg, #129189 0%, #0e7570 100%);
  color: #ffffff;
  font-size: 24px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 20px;
  box-shadow: 0 4px 15px rgba(18, 145, 137, 0.3);
}

.ai-timeline-content h3,
.ai-timeline-step h3,
.ac-timeline-step h3 {
  font-size: 18px;
  font-weight: 600;
  color: #ffffff;
  margin-bottom: 8px;
}

.ai-timeline-content p,
.ai-timeline-step p,
.ac-timeline-step p {
  font-size: 14px;
  color: #a0a0a0;
  line-height: 1.6;
}

/* Testimonials Section */
.ai-testimonials-section,
.ac-testimonials-section {
  padding: 100px 0;
  background: #0a0a0a;
}

/* Cross-link Banner Section */
.ai-crosslink-section,
.ac-crosslink-section {
  padding: 80px 0;
  background: linear-gradient(135deg, #0e7570 0%, #129189 50%, #0e7570 100%);
  text-align: center;
}

.ai-crosslink-content,
.ac-crosslink-content {
  max-width: 600px;
  margin: 0 auto;
}

.ai-crosslink-content h2,
.ac-crosslink-content h2 {
  font-size: 32px;
  font-weight: 700;
  color: #ffffff;
  margin-bottom: 16px;
}

.ai-crosslink-content p,
.ac-crosslink-content p {
  font-size: 18px;
  color: rgba(255, 255, 255, 0.8);
  margin-bottom: 32px;
}

.ai-crosslink-section .ai-btn-primary,
.ac-crosslink-section .ac-btn-primary {
  background: #ffffff;
  color: #0e7570;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}

.ai-crosslink-section .ai-btn-primary:hover,
.ac-crosslink-section .ac-btn-primary:hover {
  background: #f0f0f0;
  transform: translateY(-2px);
  color: #0e7570;
}

/* FAQ Section */
.ai-faq-section,
.ac-faq-section {
  padding: 80px 0;
  background: #f8f9fa;
}

.ai-faq-section .ai-section-header h2,
.ac-faq-section .ac-section-header h2 {
  color: #1a1a1a;
}

.ai-faq-section .ai-section-header p,
.ac-faq-section .ac-section-header p {
  color: #666;
}

.ai-faq-list,
.ac-faq-list {
  max-width: 800px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.ai-faq-item,
.ac-faq-item {
  background: #ffffff;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
  border: 1px solid rgba(0, 0, 0, 0.06);
}

.ai-faq-question,
.ac-faq-question {
  width: 100%;
  padding: 24px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  background: none;
  border: none;
  cursor: pointer;
  text-align: left;
  font-size: 17px;
  font-weight: 600;
  color: #1a1a1a;
  transition: color 0.3s ease;
}

.ai-faq-question:hover,
.ac-faq-question:hover {
  color: #129189;
}

.ai-faq-icon,
.ac-faq-icon {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: #15ACA3;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  font-weight: 600;
  flex-shrink: 0;
  transition: transform 0.3s ease;
}

.ai-faq-item.ai-faq-open .ai-faq-icon,
.ac-faq-item.ac-faq-open .ac-faq-icon {
  transform: rotate(45deg);
}

.ai-faq-answer,
.ac-faq-answer {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease;
}

.ai-faq-item.ai-faq-open .ai-faq-answer,
.ac-faq-item.ac-faq-open .ac-faq-answer {
  max-height: 1000px;
  padding: 0 24px 24px 24px;
}

.ai-faq-answer p,
.ac-faq-answer p {
  margin: 0;
  color: #555;
  line-height: 1.7;
  font-size: 15px;
}

.ai-faq-answer a,
.ac-faq-answer a {
  color: #129189;
  text-decoration: none;
  font-weight: 600;
}

.ai-faq-answer a:hover,
.ac-faq-answer a:hover {
  text-decoration: underline;
}

/* CTA Section */
.ai-cta-section,
.ac-cta-section {
  padding: 100px 0;
  background: linear-gradient(180deg, #111111 0%, #129189 50%, #0e7570 100%);
  text-align: center;
}

.ai-cta-content h2,
.ac-cta-content h2 {
  font-size: 40px;
  font-weight: 700;
  margin-bottom: 16px;
  color: #ffffff;
}

.ai-cta-content > p,
.ac-cta-content > p {
  font-size: 18px;
  color: rgba(255, 255, 255, 0.8);
  margin-bottom: 40px;
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
}

.ai-cta-buttons,
.ac-cta-buttons {
  display: flex;
  gap: 16px;
  justify-content: center;
  flex-wrap: wrap;
}

.ai-cta-section .ai-btn-primary,
.ac-cta-section .ac-btn-primary {
  background: #ffffff;
  color: #0e7570;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}

.ai-cta-section .ai-btn-primary:hover,
.ac-cta-section .ac-btn-primary:hover {
  background: #f0f0f0;
  transform: translateY(-2px);
  color: #0e7570;
}

.ai-cta-section .ai-btn-secondary,
.ac-cta-section .ac-btn-secondary {
  border-color: rgba(255, 255, 255, 0.3);
  color: #ffffff;
}

.ai-cta-section .ai-btn-secondary:hover,
.ac-cta-section .ac-btn-secondary:hover {
  border-color: #ffffff;
  background: rgba(255, 255, 255, 0.1);
  color: #ffffff;
}

/* ==========================================================================
   AI Consulting Page Specific (ac-*) — Pricing, Comparison, Response Badge
   ========================================================================== */

/* Pricing Section */
.ac-pricing-section {
  padding: 100px 0;
  background: linear-gradient(180deg, #0a0a0a 0%, #111111 50%, #0a0a0a 100%);
}

.ac-pricing-featured {
  max-width: 500px;
  margin: 0 auto 48px;
  background: linear-gradient(145deg, rgba(18, 145, 137, 0.12) 0%, #161616 100%);
  border: 2px solid #129189;
  border-radius: 20px;
  padding: 40px;
  position: relative;
  text-align: center;
  box-shadow: 0 0 40px rgba(18, 145, 137, 0.15);
}

.ac-pricing-badge {
  position: absolute;
  top: -14px;
  left: 50%;
  transform: translateX(-50%);
  background: linear-gradient(135deg, #129189 0%, #0e7570 100%);
  color: #ffffff;
  font-size: 12px;
  font-weight: 600;
  padding: 6px 20px;
  border-radius: 20px;
  text-transform: uppercase;
  white-space: nowrap;
}

.ac-pricing-featured h3 {
  font-size: 24px;
  font-weight: 600;
  color: #ffffff;
  margin-bottom: 16px;
  margin-top: 8px;
}

.ac-pricing-price {
  font-size: 36px;
  font-weight: 700;
  color: #15ACA3;
  margin-bottom: 24px;
}

.ac-pricing-features {
  list-style: none;
  padding: 0;
  margin: 0 0 32px;
  text-align: left;
}

.ac-pricing-features li {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  font-size: 15px;
  color: #b0b0b0;
}

.ac-pricing-features li:last-child {
  border-bottom: none;
}

.ac-pricing-features li span {
  color: #15ACA3;
  font-weight: bold;
  flex-shrink: 0;
}

/* Hourly Rates Table */
.ac-rates-table {
  max-width: 500px;
  margin: 0 auto;
}

.ac-rates-table table {
  width: 100%;
  border-collapse: collapse;
  background: #161616;
  border-radius: 12px;
  overflow: hidden;
}

.ac-rates-table thead {
  background: linear-gradient(135deg, #129189 0%, #0e7570 100%);
}

.ac-rates-table th {
  padding: 14px 20px;
  text-align: left;
  color: #ffffff;
  font-size: 14px;
  font-weight: 600;
}

.ac-rates-table td {
  padding: 14px 20px;
  font-size: 14px;
  color: #b0b0b0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.ac-rates-table tbody tr:last-child td {
  border-bottom: none;
}

.ac-rates-note {
  text-align: center;
  font-size: 13px;
  color: #808080;
  margin-top: 16px;
  font-style: italic;
}

.ac-rates-free-badge {
  text-align: center;
  margin-top: 24px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(18, 145, 137, 0.15);
  border: 1px solid rgba(18, 145, 137, 0.3);
  padding: 10px 20px;
  border-radius: 50px;
  font-size: 14px;
  font-weight: 600;
  color: #15ACA3;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
}

/* Comparison Section */
.ac-comparison-section {
  padding: 100px 0;
  background: #0a0a0a;
}

.ac-captcha-comparison {
  display: flex;
  gap: 24px;
  max-width: 800px;
  margin: 0 auto;
}

.ac-captcha-bad,
.ac-captcha-good {
  flex: 1;
  padding: 32px;
  border-radius: 16px;
  text-align: center;
}

.ac-captcha-bad {
  background: linear-gradient(145deg, #2a1a1a 0%, #1a0f0f 100%);
  border: 1px solid rgba(255, 100, 100, 0.2);
}

.ac-captcha-good {
  background: linear-gradient(145deg, rgba(18, 145, 137, 0.15) 0%, rgba(18, 145, 137, 0.05) 100%);
  border: 1px solid rgba(18, 145, 137, 0.3);
}

.ac-captcha-icon {
  font-size: 48px;
  margin-bottom: 12px;
}

.ac-captcha-label {
  display: block;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 20px;
  color: #ffffff;
}

.ac-captcha-bad ul,
.ac-captcha-good ul {
  list-style: none;
  padding: 0;
  margin: 0;
  text-align: left;
}

.ac-captcha-bad li,
.ac-captcha-good li {
  padding: 8px 0;
  font-size: 14px;
  color: #a0a0a0;
  line-height: 1.5;
}

/* Response Time Badge */
.ac-cta-response-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(255, 255, 255, 0.15);
  border: 1px solid rgba(255, 255, 255, 0.25);
  padding: 10px 20px;
  border-radius: 50px;
  font-size: 14px;
  font-weight: 600;
  color: #ffffff;
  margin-bottom: 24px;
}

.ac-response-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  padding: 10px 20px;
  border-radius: 50px;
  font-size: 14px;
  font-weight: 600;
  color: #ffffff;
  margin-bottom: 24px;
}

/* ==========================================================================
   Responsive Design — AI & Consulting Pages
   ========================================================================== */

@media (max-width: 991px) {
  .ai-hero-section .ai-container,
  .ac-hero-section .ac-container {
    flex-direction: column;
    text-align: center;
  }

  .ai-hero-subtitle,
  .ac-hero-subtitle {
    margin-left: auto;
    margin-right: auto;
  }

  .ai-hero-buttons,
  .ac-hero-buttons {
    justify-content: center;
  }

  .ai-hero-stats,
  .ac-hero-stats {
    justify-content: center;
  }

  .ai-hero-visual,
  .ac-hero-visual {
    flex: 0 0 auto;
    order: -1;
  }

  .ai-timeline,
  .ac-timeline {
    grid-template-columns: repeat(2, 1fr);
  }

  .ai-timeline::before,
  .ac-timeline::before {
    display: none;
  }

  .ac-captcha-comparison {
    flex-direction: column;
  }
}

@media (max-width: 767px) {
  .ai-hero-section,
  .ac-hero-section {
    padding: 60px 0 80px;
  }

  .ai-hero-title,
  .ac-hero-title {
    font-size: 32px;
  }

  .ai-hero-subtitle,
  .ac-hero-subtitle {
    font-size: 16px;
  }

  .ai-hero-stats,
  .ac-hero-stats {
    gap: 24px;
    flex-wrap: wrap;
  }

  .ai-stat-number,
  .ac-stat-number {
    font-size: 28px;
  }

  .ai-section-title,
  .ac-section-title {
    font-size: 28px;
  }

  .ai-features-grid,
  .ac-features-grid {
    grid-template-columns: 1fr;
  }

  .ai-types-grid {
    grid-template-columns: 1fr;
  }

  .ai-timeline,
  .ac-timeline {
    grid-template-columns: 1fr;
  }

  .ai-cta-content h2,
  .ac-cta-content h2 {
    font-size: 28px;
  }

  .ai-crosslink-content h2,
  .ac-crosslink-content h2 {
    font-size: 24px;
  }

  .ai-btn,
  .ac-btn {
    padding: 12px 20px;
    font-size: 14px;
  }

  .ai-btn-large,
  .ac-btn-large {
    padding: 14px 24px;
    font-size: 16px;
  }

  .ai-social-proof-banner,
  .ac-social-proof-banner {
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
    padding: 10px 12px;
  }

  .ai-sp-laurel-left svg,
  .ai-sp-laurel-right svg,
  .ac-sp-laurel-left svg,
  .ac-sp-laurel-right svg {
    width: 16px;
    height: 32px;
  }

  .ai-sp-number,
  .ac-sp-number {
    font-size: 20px;
  }

  .ai-sp-text,
  .ac-sp-text {
    font-size: 11px;
  }

  .ai-sp-avatar,
  .ac-sp-avatar {
    width: 24px;
    height: 24px;
  }

  .ai-faq-section,
  .ac-faq-section {
    padding: 60px 0;
  }

  .ai-faq-question,
  .ac-faq-question {
    padding: 20px;
    font-size: 15px;
  }

  .ai-faq-item.ai-faq-open .ai-faq-answer,
  .ac-faq-item.ac-faq-open .ac-faq-answer {
    padding: 0 20px 20px 20px;
  }

  .ai-faq-icon,
  .ac-faq-icon {
    width: 24px;
    height: 24px;
    font-size: 18px;
  }

  .ac-pricing-featured {
    padding: 32px 24px;
  }

  .ac-pricing-price {
    font-size: 28px;
  }
}

@media (max-width: 480px) {
  .ai-hero-stats,
  .ac-hero-stats {
    flex-direction: column;
    align-items: center;
    gap: 16px;
  }

  .ai-sp-stars,
  .ac-sp-stars {
    font-size: 10px;
  }

  .ai-sp-number,
  .ac-sp-number {
    font-size: 18px;
  }

  .ai-social-proof-banner,
  .ac-social-proof-banner {
    padding: 8px 10px;
    gap: 6px;
  }

  .ai-sp-avatar,
  .ac-sp-avatar {
    width: 20px;
    height: 20px;
  }

  .ai-sp-avatar-count span,
  .ac-sp-avatar-count span {
    font-size: 8px;
  }

  .ai-sp-text,
  .ac-sp-text {
    font-size: 10px;
    white-space: normal;
  }
}

/* Meta Ads Audit page — scoped styles */
.meta-audit-form .optimization-form-heading { padding-top: 20px; }
.meta-audit-form .optimization-form p { color: #333 !important; }
.meta-audit-form .optimization-form p a { color: #109189; }

/* Meta Ads Audit page — force dark text on white bg (content only, not header/footer) */
.page-id-19334 .et_pb_section:not([class*="tb_footer"]):not([class*="tb_header"]) h1,
.page-id-19334 .et_pb_section:not([class*="tb_footer"]):not([class*="tb_header"]) h1 * { color: #1a1a2e !important; }
.page-id-19334 .et_pb_section:not([class*="tb_footer"]):not([class*="tb_header"]) .et_pb_text p[style*="font-size:20px"],
.page-id-19334 .et_pb_section:not([class*="tb_footer"]):not([class*="tb_header"]) .et_pb_text p[style*="font-weight:600"] { color: #1a1a2e !important; }
.page-id-19334 .et_pb_section:not([class*="tb_footer"]):not([class*="tb_header"]) .et_pb_text h3 { color: #1a1a2e !important; }
.page-id-19334 .et_pb_section:not([class*="tb_footer"]):not([class*="tb_header"]) .et_pb_text p { color: #444 !important; font-size: 18px !important; line-height: 1.7 !important; }
.page-id-19334 .et_pb_section:not([class*="tb_footer"]):not([class*="tb_header"]) .et_pb_text h3 { font-size: 26px !important; }
.page-id-19334 .et_pb_section:not([class*="tb_footer"]):not([class*="tb_header"]) .et_pb_text strong { color: #1a1a2e !important; }
.page-id-19334 .et_pb_section:not([class*="tb_footer"]):not([class*="tb_header"]) .et_pb_text p[style*="color:#00b894"] { color: #109189 !important; }
.page-id-19334 .et_pb_section:not([class*="tb_footer"]):not([class*="tb_header"]) .et_pb_text a { color: #109189; }
.page-id-19334 .et_pb_section:not([class*="tb_footer"]):not([class*="tb_header"]) .et_pb_text a:hover { color: #0d7a73; text-decoration: underline; }

/* Meta Ads Audit — form validation errors */
.page-id-19334 .wpcf7 .wpcf7-response-output.wpcf7-validation-errors { color: #dc3545 !important; border-color: #dc3545 !important; font-weight: 600; background: #fff5f5 !important; }
.page-id-19334 .wpcf7 .wpcf7-not-valid-tip { color: #dc3545 !important; font-size: 13px; }
.meta-audit-popup .wpcf7-response-output { color: #dc3545 !important; border-color: #dc3545 !important; font-weight: 600; }
.meta-audit-popup .wpcf7-not-valid-tip { color: #dc3545 !important; }

/* Meta Audit page — hide Divi's default hover arrow on CTA button */
.page-id-19334 .et_pb_button:hover:after,
.page-id-19334 .et_pb_button:after {
  display: none !important;
  content: none !important;
}
/* Reduce gap between content section and form section */
.page-id-19334 .et_pb_section_0 { padding-bottom: 20px !important; }
.page-id-19334 .et_pb_section_1 { padding-top: 10px !important; }

/* Rounded card for text content — injected via JS as .oh-card-wrap around content below Povilas */

/* Form section — no separate card, will be moved into main card by JS */

/* Card wrapper injected by JS */
.oh-card-wrap {
  background: #FBFBFB;
  border: none;
  border-radius: 20px;
  padding: 40px 36px;
  box-shadow: 0 2px 12px rgba(0,0,0,0.04);
  margin-top: 24px;
}

@media (max-width: 768px) {
  .oh-card-wrap {
    padding: 28px 20px;
    border-radius: 16px;
  }
}

/* Make CTA button round by default (override Divi inline border-radius:6px) */
.page-id-19334 .hero-subheading-button,
.page-id-19334 .et_pb_section_0 .et_pb_button {
  border-radius: 50px !important;
  background: #109189 !important;
  transition: background 0.3s ease;
}
.page-id-19334 .hero-subheading-button:hover {
  background: #0d7a73 !important;
  padding: 18px 50px !important;
}

/* Highlighted words in hero */
.oh-highlight {
  color: #5de8d0;
  position: relative;
}
.oh-underline {
  text-decoration: underline;
  text-decoration-color: #109189;
  text-underline-offset: 4px;
  text-decoration-thickness: 2px;
}
.oh-highlight-box {
  background: rgba(16, 145, 137, 0.2);
  padding: 1px 6px;
  border-radius: 4px;
  color: #5de8d0;
}

/* Results screenshots gallery */
.meta-audit-results-gallery {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  margin: 30px 0;
}
.meta-audit-results-gallery img {
  width: 100%;
  border-radius: 12px;
  box-shadow: 0 4px 20px rgba(0,0,0,0.15);
  border: 1px solid rgba(255,255,255,0.1);
}
.meta-audit-result-single {
  margin: 24px 0;
  text-align: center;
}
.meta-audit-result-single img {
  width: 100%;
  max-width: 700px;
  border-radius: 12px;
  box-shadow: 0 4px 20px rgba(0,0,0,0.15);
  border: 1px solid rgba(255,255,255,0.1);
}
@media (max-width: 768px) {
  .meta-audit-results-gallery {
    grid-template-columns: 1fr;
  }
  .page-id-19334 .hero-subheading-button,
  .page-id-19334 .et_pb_section_0 .et_pb_button {
    white-space: normal !important;
    word-wrap: break-word !important;
    height: auto !important;
    min-height: auto !important;
    line-height: 1.4 !important;
    padding: 14px 30px !important;
    overflow: visible !important;
    display: inline-block !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
  .page-id-19334 .et_pb_button:before,
  .page-id-19334 .et_pb_button:after {
    display: none !important;
  }
  .page-id-19334 .wpcf7-submit {
    padding: 16px 24px !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    white-space: normal !important;
    height: auto !important;
    font-size: 16px !important;
  }
}

/* Meta Audit CTA button — rounded, hover arrow, popup trigger */
#meta-audit-cta {
  border-radius: 50px !important;
  padding: 16px 44px !important;
  background: #109189 !important;
  color: #fff !important;
  font-size: 18px;
  font-weight: 700;
  text-decoration: none !important;
  border: none;
  cursor: pointer;
  transition: background 0.3s ease;
  display: inline-flex;
  align-items: center;
  gap: 0;
  white-space: nowrap;
}
#meta-audit-cta:hover {
  background: #0d7a73 !important;
}
#meta-audit-cta .cta-arrow {
  display: inline-block;
  max-width: 0;
  opacity: 0;
  overflow: hidden;
  transition: max-width 0.3s ease, opacity 0.3s ease, margin 0.3s ease;
  margin-left: 0;
}
#meta-audit-cta:hover .cta-arrow {
  max-width: 30px;
  opacity: 1;
  margin-left: 10px;
}

/* Meta Audit Popup */
.meta-audit-popup-overlay {
  display: none;
  position: fixed;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background: rgba(0,0,0,0.6);
  z-index: 999999;
  align-items: center;
  justify-content: center;
}
.meta-audit-popup-overlay.active { display: flex; }
.meta-audit-popup {
  background: #FBFBFB;
  border-radius: 16px;
  padding: 40px;
  max-width: 500px;
  width: 90%;
  position: relative;
  box-shadow: 0 20px 60px rgba(0,0,0,0.3);
}
.meta-audit-popup-close {
  position: absolute;
  top: 12px; right: 16px;
  font-size: 24px;
  cursor: pointer;
  color: #888;
  background: none;
  border: none;
}
.meta-audit-popup-close:hover { color: #333; }

/* Popup form fields */
.meta-audit-popup .wpcf7 input[type="text"],
.meta-audit-popup .wpcf7 input[type="email"],
.meta-audit-popup .wpcf7 input[type="tel"],
.meta-audit-popup .wpcf7 textarea {
  width: 100% !important;
  padding: 12px 16px !important;
  border: 1px solid #ddd !important;
  border-radius: 8px !important;
  font-size: 15px !important;
  background: #fff !important;
  color: #333 !important;
  margin-bottom: 4px !important;
}
.meta-audit-popup .wpcf7 input[type="submit"] {
  width: 100% !important;
  padding: 14px !important;
  border-radius: 50px !important;
  background: #109189 !important;
  color: #fff !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  border: none !important;
  cursor: pointer !important;
  transition: background 0.3s ease;
  margin-top: 8px !important;
}
.meta-audit-popup .wpcf7 input[type="submit"]:hover {
  background: #0d7a73 !important;
}
.meta-audit-popup .wpcf7 label {
  color: #333 !important;
  font-size: 14px !important;
}
.meta-audit-popup .optimization-form-heading {
  display: none !important;
}
.meta-audit-popup .wpcf7-response-output {
  margin: 10px 0 0 0 !important;
  padding: 10px !important;
  border-radius: 8px !important;
}

/* Povilas round portrait above "Kodėl verta pasitikėti" */
.povilas-portrait {
  width: 160px;
  height: 160px;
  border-radius: 50%;
  object-fit: cover;
  border: 3px solid rgba(255,255,255,0.25);
  display: block;
  margin: 0 0 16px;
  box-shadow: 0 4px 16px rgba(0,0,0,0.12);
}

@media (max-width: 768px) {
  .meta-audit-popup {
    padding: 24px 20px;
    max-width: 95%;
  }
  #meta-audit-cta {
    font-size: 15px !important;
    padding: 14px 32px !important;
  }
  .povilas-portrait {
    width: 130px;
    height: 130px;
  }
}

/* ============================================================================
   HERO TRUST BADGE — avatars use background:url(), laurels/stars/clutch use
   inline SVG data URIs in ::before (server files are SVGs saved as .png)
   ============================================================================ */
.hero-trust-aside { background:rgba(22,22,22,0.3) !important; backdrop-filter:blur(15px); -webkit-backdrop-filter:blur(15px); white-space:nowrap; }
.banner-text .et_pb_text_inner { text-align:left; }
.hero-star { flex-shrink:0; line-height:0; display:flex; align-items:center; }
@media only screen and (max-width:980px) {
  #pasiulymas, #suggestion { background-color:#080d10 !important; }
  #pasiulymas > .et_pb_row, #suggestion > .et_pb_row { margin-top:28px !important; }
  body .et_pb_text_0.banner-text { padding-top:0 !important; }
  .banner-text .et_pb_text_inner { display:flex; flex-direction:column; align-items:center; }
  .banner-text .et_pb_text_inner h1 { align-self:stretch; }
  .hero-trust-aside { transform-origin:center center !important; }
}
@media only screen and (max-width:767px) {
  .hero-trust-aside { transform:scale(0.855); transform-origin:center center; }
  body .et_pb_text_0.banner-text { padding-top:0 !important; }
}
@media only screen and (max-width:396px) {
  .hero-trust-aside { transform:scale(calc(0.855 * (100vw / 396px))); }
}
.hero-laurel-l::before { content: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjEuNzM2MiA0MS42NjYzIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8ZyBpZD0iR3JvdXAgNDUxIj4KPHBhdGggaWQ9IlZlY3RvciIgZD0iTTIwLjczNiA0MC42NjYyQzguMjY4NzkgMzguODA5NyA0LjA0NTkzIDI0LjE4MyA3Ljg2MjI3IDE0LjI4NzNDOS4yMjAzOSAxMC43NjU3IDExLjc2ODggNy43NjU1NSAxNC45MDI5IDUuNDg0OTQiIHN0cm9rZT0idXJsKCNwYWludDBfbGluZWFyXzBfMjkpIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1taXRlcmxpbWl0PSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggaWQ9IlZlY3Rvcl8yIiBkPSJNMTUuOTA1OSAzOS4yNTc0QzE1LjkwNTkgMzkuMjU3NCAxOC45MDQ4IDM0LjcwNzEgMTQuNTM3MyAyOC4yMzgyQzE0LjM3MjcgMjguNTg0MSAxMi4yMjYxIDM0LjI1MjMgMTUuOTA1OSAzOS4yNTc0WiIgZmlsbD0idXJsKCNwYWludDFfbGluZWFyXzBfMjkpIi8+CjxwYXRoIGlkPSJWZWN0b3JfMyIgZD0iTTEzLjA0NzEgMzcuNDEwNUMxMy4wNDcxIDM3LjQxMDUgNy41NTA4NCAzOC43ODQ5IDIuMjUzODcgMzIuOTY0QzIuNjUzMjggMzIuOTE2OCA5LjAzNjU0IDMyLjYzNjEgMTMuMDQ3MSAzNy40MTA1WiIgZmlsbD0idXJsKCNwYWludDJfbGluZWFyXzBfMjkpIi8+CjxwYXRoIGlkPSJWZWN0b3JfNCIgZD0iTTguMjE2MzggMzAuODI3NEM4LjIxNjM4IDMwLjgyNzQgMi41NzU0OCAzMC4xNDg2IDIuOTg5MTdlLTA1IDIyLjg3NjVDMC4zODg4NzYgMjIuOTc0NyA2LjQxMzM1IDI0Ljk4MTMgOC4yMTYzOCAzMC44Mjc0WiIgZmlsbD0idXJsKCNwYWludDNfbGluZWFyXzBfMjkpIi8+CjxwYXRoIGlkPSJWZWN0b3JfNSIgZD0iTTYuNDAyMTggMjMuNTI0OUM2LjQwMjE4IDIzLjUyNDkgMS4yOTIzMyAyMS4xNzQ4IDEuMzM0OTkgMTMuNTA5QzEuNjY5OCAxMy43MTk2IDYuNjkwMDYgMTcuNDQzIDYuNDAyMTggMjMuNTI0OVoiIGZpbGw9InVybCgjcGFpbnQ0X2xpbmVhcl8wXzI5KSIvPgo8cGF0aCBpZD0iVmVjdG9yXzYiIGQ9Ik03LjIxNzM1IDE1Ljc5NTNDNy4yMTczNSAxNS43OTUzIDIuOTYzMiAxMi4yNDE2IDUuMTg1NzYgNC44NjY4OUM1LjQ0ODQ1IDUuMTU0MjcgOS4yMjUzNyAxMC4wMDg2IDcuMjE3MzUgMTUuNzk1M1oiIGZpbGw9InVybCgjcGFpbnQ1X2xpbmVhcl8wXzI5KSIvPgo8cGF0aCBpZD0iVmVjdG9yXzciIGQ9Ik05Ljg1MTE0IDEwLjI5NTFDOS44NTExNCAxMC4yOTUxIDcuNDQ1NzMgNS42ODk2NiAxMi4wNjM3IDBDMTIuMTg3NSAwLjM0NDAwNCAxMy43MDQyIDUuOTIzMDcgOS44NTExNCAxMC4yOTUxWiIgZmlsbD0idXJsKCNwYWludDZfbGluZWFyXzBfMjkpIi8+CjxwYXRoIGlkPSJWZWN0b3JfOCIgZD0iTTEwLjE3MDcgMzQuMjc1MUMxMC4xNzA3IDM0LjI3NTEgMTQuODAwNyAzMC4zMTkxIDEyLjQ5NTggMjIuMzcyOUMxMi4yMDY4IDIyLjY4NzggOC4wOTAzNSAyNy43OTA1IDEwLjE3MDcgMzQuMjc1MVoiIGZpbGw9InVybCgjcGFpbnQ3X2xpbmVhcl8wXzI5KSIvPgo8cGF0aCBpZD0iVmVjdG9yXzkiIGQ9Ik02LjgxNDM5IDI1LjQwODFDNi44MTQzOSAyNS40MDgxIDExLjY2ODcgMjIuODE1NSAxMS44NTE1IDE1LjA4NjdDMTEuNTAzNyAxNS4zMTA1IDYuODI2MzcgMTguNzYxMyA2LjgxNDM5IDI1LjQwODFaIiBmaWxsPSJ1cmwoI3BhaW50OF9saW5lYXJfMF8yOSkiLz4KPHBhdGggaWQ9IlZlY3Rvcl8xMCIgZD0iTTEzLjM2NzcgMTAuMTE5NUMxNC45NzMxIDkuNTM5NDEgMTYuNjk5OSA5LjI5NTk2IDE4LjQxOTIgOS4yNjMzM0MxOC4zMjcyIDkuNTczODkgMTguMTkzIDkuODczNTggMTguMDIxMyAxMC4xNTI1QzE3LjgwODEgMTAuNDk4MiAxNy41Mzg2IDEwLjgxMDMgMTcuMjU0OSAxMS4xMDc0QzE0Ljk4NjMgMTMuNDgxOSAxMS4yMjUgMTUuMzI0OCA3Ljc1NDM5IDE1LjEwMzNDNy44NjQ0NyAxNC43NTYzIDguMjQ4ODYgMTQuMzUwOCA4LjQ0OTkyIDE0LjAzMzdDOS42MTE2NiAxMi4yMDE1IDExLjIzNjcgMTAuODg5NyAxMy4zNjc3IDEwLjExOTVaIiBmaWxsPSJ1cmwoI3BhaW50OV9saW5lYXJfMF8yOSkiLz4KPC9nPgo8ZGVmcz4KPGxpbmVhckdyYWRpZW50IGlkPSJwYWludDBfbGluZWFyXzBfMjkiIHgxPSIxMy42MjExIiB5MT0iNS40ODQ5NCIgeDI9IjEzLjYyMTEiIHkyPSI0MC42NjYyIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGNTlFMEIiLz4KPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjRjREMDNGIi8+CjwvbGluZWFyR3JhZGllbnQ+CjxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQxX2xpbmVhcl8wXzI5IiB4MT0iMTUuMzM4IiB5MT0iMjguMjM4MiIgeDI9IjE1LjMzOCIgeTI9IjM5LjI1NzQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KPHN0b3Agc3RvcC1jb2xvcj0iI0Y1OUUwQiIvPgo8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNGNEQwM0YiLz4KPC9saW5lYXJHcmFkaWVudD4KPGxpbmVhckdyYWRpZW50IGlkPSJwYWludDJfbGluZWFyXzBfMjkiIHgxPSI3LjY1MDQ5IiB5MT0iMzIuOTQ0OSIgeDI9IjcuNjUwNDkiIHkyPSIzNy41NTE5IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGNTlFMEIiLz4KPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjRjREMDNGIi8+CjwvbGluZWFyR3JhZGllbnQ+CjxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQzX2xpbmVhcl8wXzI5IiB4MT0iNC4xMDgyMSIgeTE9IjIyLjg3NjUiIHgyPSI0LjEwODIxIiB5Mj0iMzAuODI3NCIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgo8c3RvcCBzdG9wLWNvbG9yPSIjRjU5RTBCIi8+CjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI0Y0RDAzRiIvPgo8L2xpbmVhckdyYWRpZW50Pgo8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50NF9saW5lYXJfMF8yOSIgeDE9IjMuODc0NDEiIHkxPSIxMy41MDkiIHgyPSIzLjg3NDQxIiB5Mj0iMjMuNTI0OSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgo8c3RvcCBzdG9wLWNvbG9yPSIjRjU5RTBCIi8+CjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI0Y0RDAzRiIvPgo8L2xpbmVhckdyYWRpZW50Pgo8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50NV9saW5lYXJfMF8yOSIgeDE9IjYuMTczMDciIHkxPSI0Ljg2Njg5IiB4Mj0iNi4xNzMwNyIgeTI9IjE1Ljc5NTMiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KPHN0b3Agc3RvcC1jb2xvcj0iI0Y1OUUwQiIvPgo8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNGNEQwM0YiLz4KPC9saW5lYXJHcmFkaWVudD4KPGxpbmVhckdyYWRpZW50IGlkPSJwYWludDZfbGluZWFyXzBfMjkiIHgxPSIxMC44NDI5IiB5MT0iMCIgeDI9IjEwLjg0MjkiIHkyPSIxMC4yOTUxIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGNTlFMEIiLz4KPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjRjREMDNGIi8+CjwvbGluZWFyR3JhZGllbnQ+CjxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQ3X2xpbmVhcl8wXzI5IiB4MT0iMTEuMzYyNSIgeTE9IjIyLjM3MjkiIHgyPSIxMS4zNjI1IiB5Mj0iMzQuMjc1MSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgo8c3RvcCBzdG9wLWNvbG9yPSIjRjU5RTBCIi8+CjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI0Y0RDAzRiIvPgo8L2xpbmVhckdyYWRpZW50Pgo8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50OF9saW5lYXJfMF8yOSIgeDE9IjkuMzMyOTUiIHkxPSIxNS4wODY3IiB4Mj0iOS4zMzI5NSIgeTI9IjI1LjQwODEiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KPHN0b3Agc3RvcC1jb2xvcj0iI0Y1OUUwQiIvPgo8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNGNEQwM0YiLz4KPC9saW5lYXJHcmFkaWVudD4KPGxpbmVhckdyYWRpZW50IGlkPSJwYWludDlfbGluZWFyXzBfMjkiIHgxPSIxNC4yMTkxIiB5MT0iOC4yMDM0OCIgeDI9IjEyLjE5NTIiIHkyPSIxNi4yMjM5IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGNTlFMEIiLz4KPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjRjREMDNGIi8+CjwvbGluZWFyR3JhZGllbnQ+CjwvZGVmcz4KPC9zdmc+Cg=="); display:block; width:21px; height:41px; }
.hero-laurel-l { flex-shrink:0; line-height:0; }
.hero-laurel-r::before { content: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjEuNTAwMSA0MS4yMDM2IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8ZyBpZD0iR3JvdXAgNDUyIj4KPHBhdGggaWQ9IlZlY3RvciIgZD0iTTIwLjUgNDAuMjAzNUM4LjE3NDQ0IDM4LjM2ODEgMy45OTk1NyAyMy45MDc3IDcuNzcyNTQgMTQuMTI0M0M5LjExNTIyIDEwLjY0MjggMTEuNjM0NyA3LjY3Njc0IDE0LjczMzIgNS40MjIwNSIgc3Ryb2tlPSJ1cmwoI3BhaW50MF9saW5lYXJfMF8xNikiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLW1pdGVybGltaXQ9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBpZD0iVmVjdG9yXzIiIGQ9Ik0xNS43MjQ3IDM4LjgxMTRDMTUuNzI0NyAzOC44MTE0IDE4LjY4OTUgMzQuMzEyOCAxNC4zNzE2IDI3LjkxNzRDMTQuMjA4OSAyOC4yNTkzIDEyLjA4NjcgMzMuODYzMiAxNS43MjQ3IDM4LjgxMTRaIiBmaWxsPSJ1cmwoI3BhaW50MV9saW5lYXJfMF8xNikiLz4KPHBhdGggaWQ9IlZlY3Rvcl8zIiBkPSJNMTIuODk4OSAzNi45ODU3QzEyLjg5ODkgMzYuOTg1NyA3LjQ2NTA1IDM4LjM0NDYgMi4yMjgyOSAzMi41ODk5QzIuNjIzMTYgMzIuNTQzMSA4LjkzMzg3IDMyLjI2NTYgMTIuODk4OSAzNi45ODU3WiIgZmlsbD0idXJsKCNwYWludDJfbGluZWFyXzBfMTYpIi8+CjxwYXRoIGlkPSJWZWN0b3JfNCIgZD0iTTguMTIyOTggMzAuNDc3NUM4LjEyMjk4IDMwLjQ3NzUgMi41NDYxOCAyOS44MDY0IDAgMjIuNjE3QzAuMzg0NDI3IDIyLjcxNCA2LjM0MDQzIDI0LjY5NzggOC4xMjI5OCAzMC40Nzc1WiIgZmlsbD0idXJsKCNwYWludDNfbGluZWFyXzBfMTYpIi8+CjxwYXRoIGlkPSJWZWN0b3JfNSIgZD0iTTYuMzI4NjggMjMuMjU4M0M2LjMyODY4IDIzLjI1ODMgMS4yNzY5MSAyMC45MzUgMS4zMTkwOSAxMy4zNTYyQzEuNjUwMDkgMTMuNTY0NSA2LjYxMzI5IDE3LjI0NTYgNi4zMjg2OCAyMy4yNTgzWiIgZmlsbD0idXJsKCNwYWludDRfbGluZWFyXzBfMTYpIi8+CjxwYXRoIGlkPSJWZWN0b3JfNiIgZD0iTTcuMTM1MzYgMTUuNjE2QzcuMTM1MzYgMTUuNjE2IDIuOTI5NTYgMTIuMTAyNyA1LjEyNjg2IDQuODExODdDNS4zODY1NiA1LjA5NTk4IDkuMTIwNTYgOS44OTUxNCA3LjEzNTM2IDE1LjYxNloiIGZpbGw9InVybCgjcGFpbnQ1X2xpbmVhcl8wXzE2KSIvPgo8cGF0aCBpZD0iVmVjdG9yXzciIGQ9Ik05LjczODg1IDEwLjE3ODFDOS43Mzg4NSAxMC4xNzgxIDcuMzYwNzkgNS42MjUgMTEuOTI2MyAwQzEyLjA0ODYgMC4zNDAwOTUgMTMuNTQ4MiA1Ljg1NTc2IDkuNzM4ODUgMTAuMTc4MVoiIGZpbGw9InVybCgjcGFpbnQ2X2xpbmVhcl8wXzE2KSIvPgo8cGF0aCBpZD0iVmVjdG9yXzgiIGQ9Ik0xMC4wNTUxIDMzLjg4NTdDMTAuMDU1MSAzMy44ODU3IDE0LjYzMjUgMjkuOTc0NiAxMi4zNTM5IDIyLjExODhDMTIuMDY4MSAyMi40MzAxIDcuOTk4NDQgMjcuNDc0OCAxMC4wNTUxIDMzLjg4NTdaIiBmaWxsPSJ1cmwoI3BhaW50N19saW5lYXJfMF8xNikiLz4KPHBhdGggaWQ9IlZlY3Rvcl85IiBkPSJNNi43MzcwMSAyNS4xMTg3QzYuNzM3MDEgMjUuMTE4NyAxMS41MzYxIDIyLjU1NTUgMTEuNzE2OSAxNC45MTQ1QzExLjM3MyAxNS4xMzU4IDYuNzQ4ODYgMTguNTQ3MyA2LjczNzAxIDI1LjExODdaIiBmaWxsPSJ1cmwoI3BhaW50OF9saW5lYXJfMF8xNikiLz4KPHBhdGggaWQ9IlZlY3Rvcl8xMCIgZD0iTTEzLjIxNjMgMTAuMDA1NEMxNC44MDM0IDkuNDMxODkgMTYuNTEwNiA5LjE5MTIxIDE4LjIxMDMgOS4xNTg5NUMxOC4xMTk0IDkuNDY1OTggMTcuOTg2NyA5Ljc2MjI2IDE3LjgxNjkgMTAuMDM4QzE3LjYwNjEgMTAuMzc5OCAxNy4zMzk3IDEwLjY4ODQgMTcuMDU5MyAxMC45ODJDMTQuODE2NCAxMy4zMjk1IDExLjA5NzkgMTUuMTUxNSA3LjY2NjcyIDE0LjkzMjVDNy43NzU1NSAxNC41ODk1IDguMTU1NTcgMTQuMTg4NiA4LjM1NDM0IDEzLjg3NTFDOS41MDI4OCAxMi4wNjM3IDExLjEwOTUgMTAuNzY2OCAxMy4yMTYzIDEwLjAwNTRaIiBmaWxsPSJ1cmwoI3BhaW50OV9saW5lYXJfMF8xNikiLz4KPC9nPgo8ZGVmcz4KPGxpbmVhckdyYWRpZW50IGlkPSJwYWludDBfbGluZWFyXzBfMTYiIHgxPSIxMy40NjYiIHkxPSI1LjQyMjA1IiB4Mj0iMTMuNDY2IiB5Mj0iNDAuMjAzNSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgo8c3RvcCBzdG9wLWNvbG9yPSIjRjU5RTBCIi8+CjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI0Y0RDAzRiIvPgo8L2xpbmVhckdyYWRpZW50Pgo8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MV9saW5lYXJfMF8xNiIgeDE9IjE1LjE2MzMiIHkxPSIyNy45MTc0IiB4Mj0iMTUuMTYzMyIgeTI9IjM4LjgxMTQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KPHN0b3Agc3RvcC1jb2xvcj0iI0Y1OUUwQiIvPgo8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNGNEQwM0YiLz4KPC9saW5lYXJHcmFkaWVudD4KPGxpbmVhckdyYWRpZW50IGlkPSJwYWludDJfbGluZWFyXzBfMTYiIHgxPSI3LjU2MzU3IiB5MT0iMzIuNTcwOSIgeDI9IjcuNTYzNTciIHkyPSIzNy4xMjU2IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGNTlFMEIiLz4KPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjRjREMDNGIi8+CjwvbGluZWFyR3JhZGllbnQ+CjxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQzX2xpbmVhcl8wXzE2IiB4MT0iNC4wNjE0OSIgeTE9IjIyLjYxNyIgeDI9IjQuMDYxNDkiIHkyPSIzMC40Nzc1IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGNTlFMEIiLz4KPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjRjREMDNGIi8+CjwvbGluZWFyR3JhZGllbnQ+CjxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQ0X2xpbmVhcl8wXzE2IiB4MT0iMy44Mjk2NCIgeTE9IjEzLjM1NjIiIHgyPSIzLjgyOTY0IiB5Mj0iMjMuMjU4MyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgo8c3RvcCBzdG9wLWNvbG9yPSIjRjU5RTBCIi8+CjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI0Y0RDAzRiIvPgo8L2xpbmVhckdyYWRpZW50Pgo8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50NV9saW5lYXJfMF8xNiIgeDE9IjYuMTAyOTUiIHkxPSI0LjgxMTg3IiB4Mj0iNi4xMDI5NSIgeTI9IjE1LjYxNiIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgo8c3RvcCBzdG9wLWNvbG9yPSIjRjU5RTBCIi8+CjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI0Y0RDAzRiIvPgo8L2xpbmVhckdyYWRpZW50Pgo8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50Nl9saW5lYXJfMF8xNiIgeDE9IjEwLjcxOTMiIHkxPSIwIiB4Mj0iMTAuNzE5MyIgeTI9IjEwLjE3ODEiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KPHN0b3Agc3RvcC1jb2xvcj0iI0Y1OUUwQiIvPgo8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNGNEQwM0YiLz4KPC9saW5lYXJHcmFkaWVudD4KPGxpbmVhckdyYWRpZW50IGlkPSJwYWludDdfbGluZWFyXzBfMTYiIHgxPSIxMS4yMzM0IiB5MT0iMjIuMTE4OCIgeDI9IjExLjIzMzQiIHkyPSIzMy44ODU3IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGNTlFMEIiLz4KPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjRjREMDNGIi8+CjwvbGluZWFyR3JhZGllbnQ+CjxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQ4X2xpbmVhcl8wXzE2IiB4MT0iOS4yMjY5NSIgeTE9IjE0LjkxNDUiIHgyPSI5LjIyNjk1IiB5Mj0iMjUuMTE4NyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgo8c3RvcCBzdG9wLWNvbG9yPSIjRjU5RTBCIi8+CjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI0Y0RDAzRiIvPgo8L2xpbmVhckdyYWRpZW50Pgo8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50OV9saW5lYXJfMF8xNiIgeDE9IjE0LjA1OCIgeTE9IjguMTExMTQiIHgyPSIxMi4wNTcxIiB5Mj0iMTYuMDQwNCIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgo8c3RvcCBzdG9wLWNvbG9yPSIjRjU5RTBCIi8+CjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI0Y0RDAzRiIvPgo8L2xpbmVhckdyYWRpZW50Pgo8L2RlZnM+Cjwvc3ZnPgo="); display:block; width:21px; height:41px; }
.hero-laurel-r { flex-shrink:0; line-height:0; transform:scaleX(-1); }
.hero-av1 { width:36px; height:36px; border-radius:50%; border:1.5px solid white; background:url('/wp-content/uploads/hero/avatar1.jpg') 50% 216%/200%; flex-shrink:0; }
.hero-av2 { width:36px; height:36px; border-radius:50%; border:1.5px solid white; background:url('/wp-content/uploads/hero/avatar2.jpg') center/150%; flex-shrink:0; margin-left:-10px; }
.hero-av3 { width:36px; height:36px; border-radius:50%; border:1.5px solid white; background:url('/wp-content/uploads/hero/avatar3.jpg') center/150%; flex-shrink:0; margin-left:-10px; }
.hero-av4 { width:36px; height:36px; border-radius:50%; border:1.5px solid white; background:url('/wp-content/uploads/hero/avatar4.jpg') 202% 188%/281%; flex-shrink:0; margin-left:-10px; }
.hero-star::before { content: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTYgMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGlkPSJGcmFtZSI+CjxwYXRoIGlkPSJWZWN0b3IiIGQ9Ik00LjI3NjEzIDEyLjYxOTFDNC4wOTkxOSAxMi42MTkxIDMuOTIzNTQgMTIuNTYzNSAzLjc3MTg3IDEyLjQ1M0MzLjYzOSAxMi4zNTczIDMuNTM2NjYgMTIuMjI1MyAzLjQ3NzIxIDEyLjA3MjdDMy40MTc3NiAxMS45MjAyIDMuNDAzNzQgMTEuNzUzOCAzLjQzNjg1IDExLjU5MzRMNC4wNjcwNiA4LjQ0MzU2TDEuNzgyMjggNi4xNTk2MkMxLjY3Mzc4IDYuMDUxMSAxLjU5NjQzIDUuOTE1NDMgMS41NTgzMiA1Ljc2Njc5QzEuNTIwMjEgNS42MTgxNiAxLjUyMjc1IDUuNDYyMDMgMS41NjU2NSA1LjMxNDcxQzEuNjA4NTYgNS4xNjczOSAxLjY5MDI3IDUuMDM0MyAxLjgwMjIzIDQuOTI5MzRDMS45MTQyIDQuODI0MzkgMi4wNTIzMSA0Ljc1MTQzIDIuMjAyMTMgNC43MTgwOEw1LjEwNzcgNC4wNzI2OUw2Ljc4MTk3IDEuMDYwMjdDNi44NTYwOSAwLjkyNjY2NiA2Ljk2NDYxIDAuODE1MzA4IDcuMDk2MjggMC43Mzc3NDJDNy4yMjc5NSAwLjY2MDE3NyA3LjM3Nzk4IDAuNjE5MjI4IDcuNTMwODEgMC42MTkxNDFDNy42ODM2NSAwLjYxOTA1MyA3LjgzMzcyIDAuNjU5ODMxIDcuOTY1NDggMC43MzcyNDVDOC4wOTcyNCAwLjgxNDY2IDguMjA1ODkgMC45MjU4OTUgOC4yODAxNiAxLjA1OTQyTDkuOTU0NDQgNC4wNzE4M0wxMi44NiA0LjcxNzIzQzEzLjAxIDQuNzUwMzIgMTMuMTQ4MyA0LjgyMzE1IDEzLjI2MDUgNC45MjgwOEMxMy4zNzI2IDUuMDMzMDEgMTMuNDU0NCA1LjE2NjE3IDEzLjQ5NzQgNS4zMTM1OUMxMy41NDAzIDUuNDYxMDIgMTMuNTQyOCA1LjYxNzI4IDEzLjUwNDUgNS43NjU5OEMxMy40NjYyIDUuOTE0NjkgMTMuMzg4NiA2LjA1MDM2IDEzLjI3OTkgNi4xNTg3N0wxMC45OTUxIDguNDQyN0wxMS42MjUzIDExLjU5MjJDMTEuNjU4MyAxMS43NTI1IDExLjY0NDIgMTEuOTE5IDExLjU4NDcgMTIuMDcxNkMxMS41MjUzIDEyLjIyNDEgMTEuNDIzIDEyLjM1NjMgMTEuMjkwMyAxMi40NTIxQzExLjE1ODcgMTIuNTQ5NyAxMS4wMDE2IDEyLjYwNyAxMC44MzgyIDEyLjYxNzFDMTAuNjc0NyAxMi42MjcyIDEwLjUxMTcgMTIuNTg5NyAxMC4zNjkyIDEyLjUwOTFMNy41MzEyOCAxMC45MzM5TDQuNjkzNDEgMTIuNTA5OUM0LjU2NTkxIDEyLjU4MTMgNC40MjIyNiAxMi42MTg5IDQuMjc2MTMgMTIuNjE5MVpNNy41MzEyOCAxMC4wMTU3QzcuNjAyODMgMTAuMDE1NyA3LjY3NDggMTAuMDMzNyA3LjczOTA3IDEwLjA2OTdMNy41MzEyOCA4LjczMTA4TDEwLjExIDguMzg3MDNDMTAuMDk2MiA4LjMxNzkyIDEwLjA5OTcgOC4yNDY0OSAxMC4xMjAxIDguMTc5MDVDMTAuMTQwNSA4LjExMTYgMTAuMTc3MiA4LjA1MDIxIDEwLjIyNjkgOC4wMDAzMUwxMi42NzQxIDUuNTU0MDZMOC40MTMyNCAxMC40NDQxQzguMzU0MTMgMTAuNDMxMSA0LjMyNTA4IDExLjc5NzUgNC4yNzY1NiAxMS43NjEzQzQuMjI4MDMgMTEuNzI1MSA0LjY5MzQxIDguMTc5MDUgNC42OTM0MSA4LjE3OTA1TDcuNTI5NTcgMS40NzM5OEw2LjY3NDI0IDUuMzE0NzFDNi42NDQ4MSA1LjM2NzU4IDcuMjc1MTEgNi45MjM2MyA2LjY3NDI0IDYuMTYxNDlDNy4xMDcyNyA3LjMxMTkzIDUuNzcyODUgNS43NTM2NyA1LjcxMzc2IDUuNzY2NzlMNi42NzQyNCA3LjAxODAyTDQuODM0NzkgOC4wMDAzMUM0Ljg4NDY0IDguMDUwMTUgNC45MjE0MSA4LjExMTUzIDQuOTQxODEgOC4xNzlDNC45NjIyMSA4LjI0NjQ2IDQuOTY1NjMgOC4zMTc5MiA0Ljk1MTc1IDguMzg3MDNMNC4yNzY1NiAxMS43NjEzTDcuMzIyNjQgMTAuMDY5N0M3LjM4Nzc2IDEwLjAzMzcgNy40NTk3MyAxMC4wMTU3IDcuNTMxMjggMTAuMDE1N1oiIGZpbGw9InZhcigtLWZpbGwtMCwgI0U2MjQxNSkiLz4KPC9nPgo8L3N2Zz4K"); display:block; width:14px; height:14px; }
.hero-clutch { flex-shrink:0; line-height:0; }
.hero-clutch::before { content: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDAgMTEuMzYwMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9Ikdyb3VwIj4KPHBhdGggaWQ9IlZlY3RvciIgZD0iTTEwLjQgMEgxMi4yNFYxMS4zNkgxMC40VjBaIiBmaWxsPSIjRUJFQkVCIi8+CjxwYXRoIGlkPSJWZWN0b3JfMiIgZD0iTTE4LjY0IDcuNzU5OTVDMTguNjQgOS41MTk5NSAxNy4yIDkuNjc5OTUgMTYuNzIgOS42Nzk5NUMxNS42IDkuNjc5OTUgMTUuNDQgOC42Mzk5NSAxNS40NCA4LjA3OTk1VjMuNjc5OTVIMTMuNlY3Ljk5OTk1QzEzLjYgOS4wMzk5NSAxMy45MiA5Ljk5OTk1IDE0LjU2IDEwLjU1OTlDMTUuMTIgMTEuMTE5OSAxNS44NCAxMS4zNTk5IDE2LjcyIDExLjM1OTlDMTcuMzYgMTEuMzU5OSAxOC4xNiAxMS4yIDE4LjY0IDEwLjcyVjExLjM1OTlIMjAuNDhWMy42Nzk5NUgxOC42NFY3Ljc1OTk1WiIgZmlsbD0iI0VCRUJFQiIvPgo8cGF0aCBpZD0iVmVjdG9yXzMiIGQ9Ik0yNC4wOCAwLjg3OTk1M0gyMi4yNFYzLjY3OTk1SDIwLjg4VjUuNDM5OTVIMjIuMjRWMTEuMzZIMjQuMDhWNS40Mzk5NUgyNS40NFYzLjY3OTk1SDI0LjA4VjAuODc5OTUzWiIgZmlsbD0iI0VCRUJFQiIvPgo8cGF0aCBpZD0iVmVjdG9yXzQiIGQ9Ik0zMS4yMDAxIDkuMDQwMDVDMzAuODAwMSA5LjM2MDA1IDMwLjI0MDEgOS42MDAwNSAyOS42ODAxIDkuNjAwMDVDMjguNDAwMSA5LjYwMDA1IDI3LjUyMDEgOC42NDAwNSAyNy41MjAxIDcuMzYwMDVDMjcuNTIwMSA2LjA4MDA1IDI4LjQwMDEgNS4yMDAwNSAyOS42ODAxIDUuMjAwMDVDMzAuMjQwMSA1LjIwMDA1IDMwLjgwMDEgNS4zNjAwNSAzMS4yMDAxIDUuNzYwMDVMMzEuNDQwMSA2LjAwMDA1TDMyLjcyMDEgNC44MDAwNUwzMi40MDAxIDQuNTYwMDVDMzEuNjgwMSAzLjkyMDA1IDMwLjcyMDEgMy41MjAwNSAyOS42ODAxIDMuNTIwMDVDMjcuNDQwMSAzLjUyMDA1IDI1Ljc2MDEgNS4yMDAwNSAyNS43NjAxIDcuNDQwMDVDMjUuNzYwMSA5LjY4MDA1IDI3LjQ0MDEgMTEuMzYgMjkuNjgwMSAxMS4zNkMzMC43MjAxIDExLjM2IDMxLjY4MDEgMTAuOTYwMSAzMi40MDAxIDEwLjMyMDFMMzIuNzIwMSAxMC4wODAxTDMxLjQ0MDEgOC44MDAwNUwzMS4yMDAxIDkuMDQwMDVaIiBmaWxsPSIjRUJFQkVCIi8+CjxwYXRoIGlkPSJWZWN0b3JfNSIgZD0iTTM5LjIgNC4zMkMzOC42NCAzLjc2IDM4LjA4IDMuNTIgMzcuMiAzLjUyQzM2LjU2IDMuNTIgMzUuOTIgMy42OCAzNS40NCA0LjE2VjBIMzMuNlYxMS4zNkgzNS40NFY3LjEyQzM1LjQ0IDUuMzYgMzYuNjQgNS4yIDM3LjEyIDUuMkMzOC4yNCA1LjIgMzguMTYgNi4yNCAzOC4xNiA2LjhWMTEuMjhINDBWNi44OEM0MCA1Ljg0IDM5Ljc2IDQuODggMzkuMiA0LjMyWiIgZmlsbD0iI0VCRUJFQiIvPgo8cGF0aCBpZD0iVmVjdG9yXzYiIGQ9Ik0yOS42IDguNzIwMDNDMzAuMzA2OSA4LjcyMDAzIDMwLjg4IDguMTQ2OTYgMzAuODggNy40NDAwM0MzMC44OCA2LjczMzExIDMwLjMwNjkgNi4xNjAwMyAyOS42IDYuMTYwMDNDMjguODkzMSA2LjE2MDAzIDI4LjMyIDYuNzMzMTEgMjguMzIgNy40NDAwM0MyOC4zMiA4LjE0Njk2IDI4Ljg5MzEgOC43MjAwMyAyOS42IDguNzIwMDNaIiBmaWxsPSIjRUY0MzM1Ii8+CjxwYXRoIGlkPSJWZWN0b3JfNyIgZD0iTTcuODQgOC41NkM3LjIgOS4yIDYuMjQgOS42IDUuMiA5LjZDMy4yIDkuNiAxLjc2IDggMS43NiA1Ljg0QzEuNzYgMy42Nzk5OSAzLjIgMi4wNzk5OSA1LjI4IDIuMDc5OTlDNi4yNCAyLjA3OTk5IDcuMiAyLjQ3OTk5IDcuOTIgMy4xOTk5OUw4LjE2IDMuNDM5OTlMOS4zNiAyLjIzOTk5TDkuMTIgMS45OTk5OUM4LjA4IDAuOTU5OTkyIDYuNzIgMC4zOTk5OTIgNS4yOCAwLjM5OTk5MkMyLjI0IDAuMzE5OTkyIDAgMi43MTk5OSAwIDUuODRDMCA4Ljk2IDIuMjQgMTEuMzYgNS4yIDExLjM2QzYuNjQgMTEuMzYgOC4wOCAxMC44IDkuMDQgOS43Nkw5LjI4IDkuNTJMOC4wOCA4LjMyTDcuODQgOC41NloiIGZpbGw9IiNFQkVCRUIiLz4KPC9nPgo8L3N2Zz4K"); display:block; width:40px; height:11px; }

/* ============================================================================
   POPUP FORM — Lighter placeholder text (only consultation popups, not CRO/kontaktai)
   ============================================================================ */
#pasiulymas .wpcf7-form-control::placeholder,
#susisiekti .wpcf7-form-control::placeholder,
#nemokama-konsultacija .wpcf7-form-control::placeholder,
#suggestion .wpcf7-form-control::placeholder {
  color: #9c9ca1 !important;
  opacity: 1 !important;
}
#pasiulymas .wpcf7-form-control::-webkit-input-placeholder,
#susisiekti .wpcf7-form-control::-webkit-input-placeholder,
#nemokama-konsultacija .wpcf7-form-control::-webkit-input-placeholder,
#suggestion .wpcf7-form-control::-webkit-input-placeholder {
  color: #9c9ca1 !important;
  opacity: 1 !important;
}

/* ============================================================================
   PROJECT CARDS — Typography fixes
   Applies to: homepage, project pages, categories, inside projects, service pages
   Classes: .project-cards-new, .slickProjectSlider, .slickProjectSlider2, .slickProjectSlider3
   ============================================================================ */

/* Normalize project card text overlay height (some TB templates set 28%, should be 45%) */
body #projektai .project-cards-new .et_pb_column .et_pb_text,
body #projects .project-cards-new .et_pb_column .et_pb_text {
  height: 28% !important;
}
@media only screen and (max-width:767px) {
  body #projektai .project-cards-new .et_pb_column .et_pb_text,
  body #projects .project-cards-new .et_pb_column .et_pb_text {
    height: 40% !important;
    padding-left: 34px;
    padding-right: 34px;
  }
}

/* Always white p text in project cards (client industry line) */
.project-cards-new .et_pb_column .et_pb_text .et_pb_text_inner p,
.slickProjectSlider .et_pb_column .et_pb_text .et_pb_text_inner p,
.slickProjectSlider2 .et_pb_column .et_pb_text .et_pb_text_inner p,
.slickProjectSlider3 .et_pb_column .et_pb_text .et_pb_text_inner p {
  color: white !important;
}

/* 1880px+ */
@media (min-width: 1880px) {
  body .project-cards-new .et_pb_column .et_pb_text .et_pb_text_inner h2,
  body .project-cards-new .et_pb_column .et_pb_text .et_pb_text_inner h3,
  body .project-cards-new .et_pb_column .et_pb_text .et_pb_text_inner h4,
  body .slickProjectSlider .et_pb_column .et_pb_text .et_pb_text_inner h2,
  body .slickProjectSlider .et_pb_column .et_pb_text .et_pb_text_inner h3,
  body .slickProjectSlider .et_pb_column .et_pb_text .et_pb_text_inner h4,
  body .slickProjectSlider2 .et_pb_column .et_pb_text .et_pb_text_inner h2,
  body .slickProjectSlider2 .et_pb_column .et_pb_text .et_pb_text_inner h3,
  body .slickProjectSlider2 .et_pb_column .et_pb_text .et_pb_text_inner h4,
  body .slickProjectSlider3 .et_pb_column .et_pb_text .et_pb_text_inner h2,
  body .slickProjectSlider3 .et_pb_column .et_pb_text .et_pb_text_inner h3,
  body .slickProjectSlider3 .et_pb_column .et_pb_text .et_pb_text_inner h4 {
    font-size: 14px !important;
  }
}

/* 2480px+ */
@media (min-width: 2480px) {
  body .project-cards-new .et_pb_column .et_pb_text .et_pb_text_inner h2,
  body .project-cards-new .et_pb_column .et_pb_text .et_pb_text_inner h3,
  body .project-cards-new .et_pb_column .et_pb_text .et_pb_text_inner h4,
  body .slickProjectSlider .et_pb_column .et_pb_text .et_pb_text_inner h2,
  body .slickProjectSlider .et_pb_column .et_pb_text .et_pb_text_inner h3,
  body .slickProjectSlider .et_pb_column .et_pb_text .et_pb_text_inner h4,
  body .slickProjectSlider2 .et_pb_column .et_pb_text .et_pb_text_inner h2,
  body .slickProjectSlider2 .et_pb_column .et_pb_text .et_pb_text_inner h3,
  body .slickProjectSlider2 .et_pb_column .et_pb_text .et_pb_text_inner h4,
  body .slickProjectSlider3 .et_pb_column .et_pb_text .et_pb_text_inner h2,
  body .slickProjectSlider3 .et_pb_column .et_pb_text .et_pb_text_inner h3,
  body .slickProjectSlider3 .et_pb_column .et_pb_text .et_pb_text_inner h4 {
    font-size: 20px !important;
  }
}

/* 3105px+ */
@media (min-width: 3105px) {
  body .project-cards-new .et_pb_column .et_pb_text .et_pb_text_inner h2,
  body .project-cards-new .et_pb_column .et_pb_text .et_pb_text_inner h3,
  body .project-cards-new .et_pb_column .et_pb_text .et_pb_text_inner h4,
  body .slickProjectSlider .et_pb_column .et_pb_text .et_pb_text_inner h2,
  body .slickProjectSlider .et_pb_column .et_pb_text .et_pb_text_inner h3,
  body .slickProjectSlider .et_pb_column .et_pb_text .et_pb_text_inner h4,
  body .slickProjectSlider2 .et_pb_column .et_pb_text .et_pb_text_inner h2,
  body .slickProjectSlider2 .et_pb_column .et_pb_text .et_pb_text_inner h3,
  body .slickProjectSlider2 .et_pb_column .et_pb_text .et_pb_text_inner h4,
  body .slickProjectSlider3 .et_pb_column .et_pb_text .et_pb_text_inner h2,
  body .slickProjectSlider3 .et_pb_column .et_pb_text .et_pb_text_inner h3,
  body .slickProjectSlider3 .et_pb_column .et_pb_text .et_pb_text_inner h4 {
    font-size: 24px !important;
  }
}

/* =============================================
   Thank You Page — Hero Section (EN page-id-9018)
   ============================================= */
.page-id-9018 #projektai{padding:0!important;margin:0!important;background-color:#161616!important}
.page-id-9018 #projektai>.et_pb_row{flex-direction:column!important;align-items:center!important;max-width:1024px!important;padding:30px 20px 15px!important;gap:16px}
.page-id-9018 #projektai .et_pb_column{width:auto!important;max-width:100%!important;flex:none!important;margin:0!important;padding:0!important}
.page-id-9018 #projektai .et_pb_image{margin:0 auto!important}
.page-id-9018 #projektai .et_pb_image_wrap img{width:80px!important;height:auto!important;max-width:80px!important}
.page-id-9018 #projektai .et_pb_text{margin:0!important;padding:0!important}
.page-id-9018 #projektai .et_pb_text_inner{text-align:center!important}
.page-id-9018 #projektai .et_pb_text_inner h1{font-family:'Roboto',sans-serif!important;font-size:24px!important;font-weight:700!important;color:#fbfbfb!important;text-align:center!important;margin:0!important;line-height:1.3!important}
.page-id-9018 #projektai .et_pb_text_inner p{font-family:'Roboto',sans-serif!important;font-size:16px!important;font-weight:300!important;color:#f7f7f7!important;text-align:center!important;margin:0!important;line-height:1.5!important}
.page-id-9018 #projektai .et_pb_button_module_wrapper{display:none!important}
.page-id-9018 #projektai+.et_pb_section{margin-top:0!important}
@media(max-width:980px){
  .page-id-9018 #projektai>.et_pb_row{padding:24px 20px 12px!important}
  .page-id-9018 #projektai .et_pb_text_inner h1{font-size:22px!important}
  .page-id-9018 #projektai .et_pb_column{width:100%!important;margin-bottom:0!important;padding-bottom:0!important}
  .page-id-9018 #projektai .et_pb_image{max-width:none!important;width:auto!important;overflow:visible!important}
  .page-id-9018 #projektai .et_pb_image_wrap{max-width:80px!important;width:80px!important;margin:0 auto!important;overflow:visible!important}
  .page-id-9018 #projektai .et_pb_image_wrap img{width:80px!important;height:auto!important;max-width:80px!important;border-radius:16px!important}
}

/* =============================================
   Thank You Page — Audit Section
   ============================================= */
.ty-audit-wrap{background:#000;padding:60px 80px;font-family:'Roboto',sans-serif;box-sizing:border-box;max-width:1280px;margin:0 auto}
.ty-audit-divider{width:100%;height:1px;background:rgba(255,255,255,0.1);margin-bottom:48px}
.ty-audit-grid{display:flex;gap:40px;align-items:flex-start}
.ty-audit-left{flex:0 0 55%;max-width:55%}
.ty-audit-right{flex:0 0 45%;max-width:45%;box-sizing:border-box}
.ty-audit-heading{font-size:36px;font-weight:700;color:#fff;line-height:1.25;margin:0 0 16px}
.ty-audit-heading span{color:#129189}
.ty-audit-subtitle{font-size:16px;color:#ebebeb;margin:0 0 28px;line-height:1.5}
.ty-audit-checks{list-style:none;padding:0;margin:0 0 32px}
.ty-audit-checks li{display:flex;align-items:flex-start;gap:12px;color:#ebebeb;font-size:15px;line-height:1.5;margin-bottom:14px}
.ty-audit-check-icon{flex-shrink:0;width:22px;height:22px;background:#129189;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-top:2px;position:relative}
.ty-audit-check-icon::after{content:'';display:block;width:6px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg);margin-top:-2px}
.ty-audit-cta-row{display:flex;align-items:center;gap:20px;width:100%}
.ty-audit-cta{display:inline-flex;align-items:center;gap:4px;background:#129189;color:#fff!important;font-size:20px;font-weight:500;text-decoration:none!important;padding:6px 24px;border-radius:30px;transition:background 0.2s;line-height:34px;white-space:nowrap}
.ty-audit-cta:hover{background:#0e7570;color:#fff!important}
.ty-audit-social{display:flex;align-items:center;gap:12px;flex:1 0 0;min-width:0}
.ty-audit-rating{display:flex;flex-direction:column;gap:0}
.ty-audit-stars-row{display:flex;align-items:center;gap:2px}
.ty-audit-avatars{display:flex;margin-right:2px}
.ty-audit-avatars img{width:36px;height:36px;border-radius:50%;border:2px solid rgba(255,255,255,0.3);margin-left:-8px;object-fit:cover}
.ty-audit-avatars img:first-child{margin-left:0}
.ty-audit-stars{display:flex;align-items:center;gap:2px}
.ty-audit-stars img{width:14px;height:14px;display:block}
.ty-audit-stars-label{color:rgba(255,255,255,0.9);font-size:14px;white-space:nowrap}
.ty-audit-used{color:rgba(255,255,255,0.6);font-size:12px;white-space:nowrap}
.ty-audit-card{background:#161616;border:1px solid rgba(255,255,255,0.08);border-radius:16px;padding:17px;box-sizing:border-box}
.ty-audit-label{font-size:12px;color:rgba(255,255,255,0.6);text-transform:uppercase;letter-spacing:1px;margin:0 0 8px}
.ty-audit-score-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}
.ty-audit-score-big{font-size:32px;font-weight:700;color:#fff;line-height:1}
.ty-audit-score-big span{font-size:14px;font-weight:400;color:rgba(255,255,255,0.4)}
.ty-audit-grade-line{font-size:12px;color:#ff9500;margin:0 0 16px}
.ty-audit-badge{width:80px;height:80px;border-radius:50%;border:3px solid #ff9500;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:700;color:#fff;flex-shrink:0}
.ty-audit-cat-label{font-size:12px;color:rgba(255,255,255,0.6);text-transform:uppercase;letter-spacing:1px;margin:20px 0 14px}
.ty-audit-bar-item{margin-bottom:12px}
.ty-audit-bar-header{display:flex;justify-content:space-between;font-size:13px;color:#ebebeb;margin-bottom:5px}
.ty-audit-bar-track{width:100%;height:6px;background:rgba(255,255,255,0.08);border-radius:3px;overflow:hidden}
.ty-audit-bar-fill{height:100%;border-radius:3px}
.ty-audit-alert{background:rgba(255,0,0,0.1);border:1px solid rgba(255,0,0,0.3);border-radius:10px;padding:14px 16px;margin-top:18px}
.ty-audit-alert-title{font-size:14px;font-weight:600;color:#fff;margin:0 0 6px;display:flex;align-items:center;gap:8px}
.ty-audit-alert-title em{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;background:#ff0000;border-radius:50%;color:#fff;font-size:9px;font-weight:400;font-style:normal;flex-shrink:0;line-height:1}
.ty-audit-alert-meta{font-size:12px;color:rgba(255,255,255,0.6);margin:0}
.ty-audit-alert-meta .ty-audit-red{color:#ff4444;font-weight:600}
.ty-audit-alert-meta .ty-audit-green{color:#129189;font-weight:600}
@media(max-width:980px){
  .ty-audit-wrap{padding:40px 20px}
  .ty-audit-grid{flex-direction:column;gap:32px}
  .ty-audit-left,.ty-audit-right{flex:none;max-width:100%;width:100%}
  .ty-audit-heading{font-size:24px;text-align:center}
  .ty-audit-subtitle{font-size:14px;text-align:center}
  .ty-audit-checks li{font-size:14px}
  .ty-audit-cta-row{flex-direction:column;align-items:stretch;gap:16px}
  .ty-audit-cta{display:block;text-align:center;width:100%;box-sizing:border-box;padding:12px 24px}
  .ty-audit-social{justify-content:flex-start;flex-wrap:wrap}
  .ty-audit-stars img{width:16px;height:16px}
  .ty-audit-rating{align-items:flex-start}
}