.grecaptcha-badge {
  display: none !important;
}

.kb-list-article-row {
  display: flex;
  align-items: center;
  gap: 28px;
}

.kb-list-article-author {
  font-size: 16px;
  font-weight: 700;
  display: flex;
  align-items: center;
  gap: 16px;
}

.kb-list-article-author img {
  width: 64px;
  aspect-ratio: 1;
  border-radius: 50%;
}

.kb-list-article__right {
  display: flex;
  align-items: center;
  gap: 6px;
}

.kb-list-article__line {
  display: block;
  height: 21px;
  width: 1px;
  background-color: #909599;
}

.kb-list-article-time-to-read,
.kb-list-article-date-og-public {
  font-size: 14px;
  color: #909599;
}

/*Hero*/
.hero-vertical-image .span-reviews-list {
  width: max-content;
  min-width: 2px;
}

.main-home .hero .inner h1 {
  margin-bottom: 60px;
}


.cf7-select select {
  display: none;
}

.cf7-select .custom-select {
  position: relative;
  height: 46px;
  padding-top: 12px;
  padding-bottom: 12px;
  z-index: 1;
  border-bottom: 2px solid #56595C;
  cursor: pointer;
  transition-duration: 0.25s;
  width: 100%;
  transition-property: border-bottom-color;
}

.cf7-select .custom-select:after {
  content: "";
  position: absolute;
  top: 18px;
  right: 4px;
  width: 14px;
  height: 9px;
  background-image: url(/wp-content/themes/qamadness/img/arrow-dropdown.svg);
  background-repeat: no-repeat;
  background-size: contain;
  transition-duration: 0.25s;
}

.contact-form-block form .select-label:after {
  height: auto !important;
  top: 13px !important;
  display: none !important;
  content: '';
}

.cf7-select .custom-select {
  position: relative;
  height: 46px;
  padding-top: 12px;
  padding-bottom: 12px;
  z-index: 1;
  border-bottom: 2px solid #56595C;
  cursor: pointer;
  transition-duration: 0.25s;
  transition-property: border-bottom-color;

  background: none !important;
}


.cf7-select .custom-select.active {
  border-bottom-color: #838383
}

.cf7-select .custom-select.active:after {
  transform: rotate(180deg)
}

.cf7-select .select-options {
  display: none;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  overflow: hidden
}

.cf7-select .select-options li {
  padding: 12px 16px;
  background-color: #ffffff;
  font-size: 18px;
  line-height: 26px;
  transition-duration: 0.15s;
  transition-property: background-color, font-weight;
  cursor: pointer
}

.cf7-select .select-options li:hover {
  background-color: #adadad;
  font-weight: 700
}

@media (min-width: 768px) {
  .main-home .hero .inner {
    max-width: 917px;
  }

  .hero .inner h1 {
    max-width: 690px;
  }
}

@media screen and (max-width: 1025px) {
  .hero-vertical-image {
    display: none;
  }

  .main-home ul.reviews-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }
}

@media screen and (max-width: 767px) {
  .automation__item {
    width: 100% !important;
  }

  .main-home ul.reviews-list {
    grid-template-columns: repeat(2, 1fr);
  }

  .main-home ul.reviews-list .review-item:last-child:nth-child(odd) {
    grid-column: 1 / -1;
    width: 50%;
    justify-self: center;
  }

  .main-home ul.reviews-list .review-item a {
    display: flex;
    justify-content: center;
  }

  .main-home .hero {
    height: calc(100vh - 1%);
  }

  .main-home ul.reviews-list .review-item span {
    margin-right: 0;
  }
}

/*Header*/
li.custom-testing,
li.custom-development {
  display: flex;
  flex-direction: column;
  width: 50%;
  align-items: center;
}

li.custom-testing a:not(li.custom-testing ul a),
li.custom-development a:not(li.custom-development ul a) {
  padding: 0 18px 12px 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20%;
  gap: 36px;
  margin-bottom: 15px;
}

li.custom-testing a span:not(li.custom-testing ul a span),
li.custom-development a span:not(li.custom-development ul a span) {
  border-bottom: 2px solid #5622DA;
  font-weight: 700;
  font-size: 18px;
  line-height: 120%;

  padding-bottom: 10px;
}

li.custom-testing ul.sub-menu,
li.custom-development ul.sub-menu {
  column-count: 3;
  position: relative;
  padding: 0px;
  top: 0px !important;
  background: transparent;
  z-index: 0 !important;
}

/*mobile*/
nav.custom-is-mobile li.custom-testing.custom-active ul.sub-menu,
nav.custom-is-mobile li.custom-development.custom-active ul.sub-menu {
  display: flex !important;
  flex-direction: column;
}

nav.custom-is-mobile li.custom-testing a span:not(li.custom-testing ul a span),
nav.custom-is-mobile li.custom-development a span:not(li.custom-development ul a span) {
  border-bottom: none;
}

nav.custom-is-mobile li.custom-testing.custom-active a span:not(li.custom-testing ul a span),
nav.custom-is-mobile li.custom-development.custom-active a span:not(li.custom-development ul a span) {
  border-bottom: 2px solid #5622DA;
}

nav.custom-is-mobile li.custom-testing ul.sub-menu,
nav.custom-is-mobile li.custom-development ul.sub-menu {
  display: none !important;
}

nav.custom-is-mobile li.custom-testing ul.sub-menu:first-child,
nav.custom-is-mobile li.custom-development ul.sub-menu:first-child {
  align-items: center;
}

nav.custom-is-mobile li.custom-testing,
nav.custom-is-mobile li.custom-development {
  width: 100%;
}

nav.custom-is-mobile li.custom-testing a span:not(li.custom-testing ul a span),
nav.custom-is-mobile li.custom-development a span:not(li.custom-development ul a span) {
  display: flex;
  align-items: center;
  gap: 10px;
}

nav.custom-is-mobile li.custom-testing a span:not(li.custom-testing ul a span)::after,
nav.custom-is-mobile li.custom-development a span:not(li.custom-development ul a span)::after {
  content: '';
  width: 6px;
  height: 5px;
  background-image: url("/wp-content/themes/qamadness/img/menu-arrow.svg");
  background-repeat: no-repeat;
  background-size: contain;
  transition-duration: .25s;
}

nav.custom-is-mobile li.custom-testing.custom-active a span:not(li.custom-testing.custom-active ul a span)::after,
nav.custom-is-mobile li.custom-development.custom-active a span:not(li.custom-development.custom-active ul a span)::after {
  transform: rotate(180deg);
}

nav.custom-is-mobile li.custom-development {
  margin-top: 20px;
}

nav.custom-is-mobile .custom-services-class .sub-menu:not(.custom-testing .sub-menu, .custom-development .sub-menu) {
  padding-top: 25px;
}

/*media*/
@media (min-width: 1024px) {

  /* ===== Services mega panel (legacy header, all non-home pages) =====
     The site menu was restructured for the homepage mega-menu into five category
     groups (QA Services, QA Advisory & Management, Testing By Platform,
     Engagement Models, Beyond QA), each a `menu-item-has-children` holding a
     nested link list. The old two-column custom-testing / custom-development
     layout no longer matches that structure, so without this the five groups wrap
     and their nested lists float absolutely over the page (see the broken state).
     This lays the groups out as five columns inside the existing dark dropdown. */

  /* The dropdown panel: keep the inherited absolute/dark/hover-reveal base from
     the parent theme, only set the contained width + five-column flex row. */
  .header-nav .custom-services-class > .sub-menu {
    flex-wrap: nowrap;
    align-items: flex-start;
    justify-content: center;
    gap: 0;
    padding: 32px max(24px, calc(50vw - 620px)) 36px;
  }

  /* When the sticky header is hidden on scroll-down (general-main.js adds
     .header-to-top), its Services mega-panel is still anchored near the top of
     the viewport and stays hoverable - moving the pointer to where the header
     was then pops it open. Disable the panel's hover while the header is hidden. */
  .header.header-to-top .custom-services-class > .sub-menu {
    pointer-events: none;
  }

  /* Dropdown panel opacity for the legacy header menu - near-solid. The parent
     theme's base .sub-menu background (rgba(#211F25, .9)) is enqueued AFTER this
     file, so high specificity + !important is needed to win. Scoped to the
     top-level dropdown panels only, so the Services panel's nested column lists
     keep their own background:none. */
  .header .header-nav .nav > .menu-item-has-children > .sub-menu {
    background-color: rgba(33, 31, 37, 0.98) !important;
  }

  /* Each category group is one column, divided by a faint rule. */
  .header-nav .custom-services-class > .sub-menu > .menu-item {
    width: auto;
    flex: 1 1 0;
    min-width: 0;
    padding: 0 22px;
    border-left: 1px solid rgba(255, 255, 255, 0.08);
  }
  .header-nav .custom-services-class > .sub-menu > .menu-item:first-child {
    border-left: 0;
  }

  /* Category heading (the group's own link) - uppercase label, no dropdown arrow. */
  .header-nav .custom-services-class > .sub-menu > .menu-item > a {
    display: block;
    height: auto;
    margin-bottom: 16px;
    padding: 0;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
  }
  .header-nav .custom-services-class > .sub-menu > .menu-item.menu-item-has-children > a:after {
    display: none;
  }

  /* The nested link list: override the inherited absolute/hidden .sub-menu so it
     sits statically beneath its heading instead of floating over the page. */
  .header-nav .custom-services-class > .sub-menu > .menu-item > .sub-menu {
    position: static;
    display: block;
    visibility: visible;
    opacity: 1;
    width: auto;
    padding: 0;
    background: none;
    box-shadow: none;
    column-count: initial;
    z-index: auto;
  }
  .header-nav .custom-services-class > .sub-menu > .menu-item > .sub-menu > .menu-item {
    width: 100%;
    margin-bottom: 6px;
  }

  /* Service links rendered as bordered buttons (matching the redesign language). */
  .header-nav .custom-services-class > .sub-menu > .menu-item > .sub-menu > .menu-item > a {
    display: block;
    padding: 10px 14px;
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.10);
    background: rgba(255, 255, 255, 0.02);
    font-size: 13px;
    line-height: 1.3;
    transition: background 0.18s ease, border-color 0.18s ease;
  }
  .header-nav .custom-services-class > .sub-menu > .menu-item > .sub-menu > .menu-item > a:hover {
    border-color: rgba(142, 108, 255, 0.5);
    background: rgba(142, 108, 255, 0.12);
  }
  .header-nav .custom-services-class > .sub-menu > .menu-item > .sub-menu > .menu-item.current-menu-item > a,
  .header-nav .custom-services-class > .sub-menu > .menu-item > .sub-menu > .menu-item.current_page_item > a {
    border-color: rgba(142, 108, 255, 0.6);
    background: rgba(142, 108, 255, 0.18);
  }
}

/*Webinar*/

main.webinar-main-new {
  margin-bottom: 80px;
}

main.webinar-main-new .webinar-hero {
  padding-top: 80px;
}

body.page-template-page-webinar-new {
  background-color: #EBFBF8;
}

.webinar-main-new .section {
  background-color: #EBFBF8 !important;
}

.webinar-hero-wrapper {
  width: 100%;
}

.webinar-main-new .description,
.webinar-main-new .description p,
.webinar-main-new .description span,
.webinar-main-new .speaker-description,
.webinar-main-new .speaker-description p,
.webinar-main-new .speaker-description span,
.webinar-main-new .partner-description,
.webinar-main-new .partner-description p,
.webinar-main-new .partner-description span {
  font-size: 18px;
}

.webinar-main-new h1 {
  margin-bottom: 58px;
  font-style: italic;
  font-size: 48px;
  text-transform: uppercase;
}

.webinar-main-new h2 {
  margin-bottom: 36px;
  font-style: italic;
  font-size: 48px;
  text-transform: uppercase;
}

.webinar-main-new .part-1 {
  font-weight: 800;
}

.webinar-main-new .part-2 {
  font-weight: 400;
}

.webinar-info {
  display: flex;
  gap: 0 10px;
  margin-bottom: 58px;
}

.webiner-info-item {
  padding: 8px 24px;
  background: #03C5A1;
  border-radius: 36px;
  color: #F0F8FF;
}

.partner-description a {
  font-weight: 600;
  text-decoration: underline;
}

.webinar-main-new .form {
  background: url('/wp-content/uploads/static/webinar-form.jpg');
  background-size: cover;
  padding: 48px;
  border-radius: 48px;
  background-position: 37% center;

  display: flex;
  flex-direction: column;
}

.webinar-main-new .webinar-hero .form .h3 {
  font-size: 18px;
  font-weight: 700;
  line-height: 140%;
  color: #F0F8FF;
  width: 80%;
  align-self: center;
  margin-bottom: 32px;
}

.webinar-main-new .form form {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.webinar-main-new .form form .field {
  width: 100%;
}

.webinar-main-new .form form .field input {
  width: 100%;
  background: transparent;
  border: none;
  border-bottom: 2px solid #9AE8D9;
  padding-bottom: 5px;
  color: #9AE8D9;
}

.webinar-main-new .form form .field input:focus {
  outline: none;
  caret-color: #9AE8D9;
}

.webinar-main-new .form form .field input::placeholder {
  color: #9AE8D9;
}

.webinar-main-new .form form .hs_submit {
  width: 100%;
}

.webinar-main-new .form form .hs_submit .actions {
  width: 100%;
  background-color: #03C5A1;
}

.webinar-main-new .form form .hs_submit .actions:after {
  width: 100%;
  background: #03C5A1;
}

.webinar-main-new .section {
  padding-top: 80px;
}

.webinar-main-new .speakers-section {
  margin-top: 80px;
}

@media (min-width: 1280px) {
  .webinar-main-new .webinar-hero-wrapper .text {
    width: 100%;
  }
}

@media (max-width: 1024px) {
  .webinar-hero .container {
    flex-direction: column !important;
  }

  .webinar-main-new .form {
    width: 50%;
    align-self: center;
  }

  li.custom-testing ul.sub-menu,
  li.custom-development ul.sub-menu {
    column-count: 1;
  }

  li.custom-testing,
  li.custom-development {
    width: 100%;
  }
}

@media (min-width: 1024px) {
  .webinar-main-new .section {
    padding-top: 160px;
  }

  .webinar-main-new .speakers-section {
    margin-top: 160px;
  }

  main.webinar-main-new {
    margin-bottom: 210px;
  }

  .webinar-hero-wrapper {
    width: 90%;
  }

  .webinar-main-new .webinar-hero-wrapper .text {
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .webinar-hero-wrapper .webinar-info {
    flex-direction: column;
    gap: 10px 0;
    margin-bottom: 36px;
  }

  .webinar-hero-wrapper .webinar-info .webiner-info-item {
    width: max-content;
  }

  .webinar-main-new .form {
    padding: 48px 24px;
    width: 100%;
  }

  .webinar-main-new .webinar-hero .form .h3 {
    width: 100%;
  }

  .webinar-main-new h1 {
    font-size: 36px;
  }

  .webinar-main-new h2 {
    font-size: 36px;
  }

  .webinar-main-new .webinar-partners-list .img img {
    height: 44px;
  }

  .kb-list-article-row {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    flex-direction: column;
  }
}

a.custom-disabled {
  pointer-events: none;
}

/* Site-wide certification line in the legacy footer (real text for search/AI). */
.footer-certs {
  margin: 12px 0 0;
  font-size: 12px;
  letter-spacing: 0.02em;
  opacity: 0.7;
}