/* 
Theme Name:      Damian Nocon
Description:     Damian Nocon is a custom child theme based on Frost, created by Damian Nocon
Author:          Damian Nocon Senior UX/UI Designer and Web Developer
Template:        frost
Version:         1.1.0
Text Domain:     damiannocon
*/

@font-face {
  font-family: 'SourceSans3';
  src: url('/assets/fonts/SourceSans3-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

mark {
  background: none;
}

.wp-block-button a.wp-block-button__link img {
  width: clamp(18px, calc(1.125rem + (1vw - 3.2px) * 0.192), 20px) !important;
}

.wp-block-button__link:hover {
  box-shadow: 0px 0px 20px rgb(19 19 213 / 44%);
}


.wp-block-list li::marker {
  color: var(--wp--preset--color--custom-visual-vite-secondary);
  font-size: 25px;
}

.main_container_dark_bg_custom .wp-block-list  li::marker {
  color: var(--wp--preset--color--custom-light-blue) !important;
  font-size: 25px;
}

/* MOBILE */

@media (max-width: 1250px) {
  .wp-container-core-navigation-is-layout-1.wp-container-core-navigation-is-layout-1 {
    justify-content: flex-end;
  }
}






@media (max-width: 781px) {

  .my_items_container_custom div {
    display: flex;
    flex-direction: column;
  }


  .step_image_detail_logo_shape {
    display: none;
  }

  .surely_info_architecture_iframe_custom, .surely_prototype_iframe_custom, .youtube_embed_iframe_custom {
    height: 75vw;
  }

  .personal_image_custom img  {
    width: 300px!important;
  }

  .column_mobile_reverse_custom {
    display: flex;
    flex-direction: column-reverse;
  }

  h1 {
    font-size: var(--wp--preset--font-size--max-48) !important;
  }

  h2 {
    
    font-size: var(--wp--preset--font-size--max-36) !important;
  }

  h3 {
    font-size: var(--wp--preset--font-size--x-large) !important;
  }

  .column_image_full_height_custom img {
    border-radius: 16px !important;
  }

  figure.wp-block-post-featured-image {
    max-height: 250px;
  }

  .footer_links_row_custom {
    justify-content: left !important;
  }
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
  padding-top: var(--wp--preset--spacing--large);
  padding-left: var(--wp--preset--spacing--small);
}

/* MOBILE - END */


/* PORTFOLIO */



h1.gb-headline::first-word {
  color: var(--wp--preset--color--custom-visual-bite);
}

.portfolio-inner-container-custom .portfolio_category_pill_custom > *, .case-study-inner-container-custom .portfolio_category_pill_custom > * {
  background-color: var(--wp--preset--color--custom-visual-bite);
  color: #f9f8ff;
  padding: 10px 11px 8px 11px;
  font-size: clamp(  13px,  calc(0.8rem + ((1vw - 3.2px) * 0.192)),  18px);
  margin-right: 12px;
  border-radius: 999px;
}

.portfolio-inner-container-custom { 
  padding: var(--wp--preset--spacing--small);
}

.portfolio_short_title_card_custom {
  display: -webkit-box !important;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.portfolio-grid-container-custom {
  gap: var(--wp--preset--spacing--small);
}

figure.gb-block-image {
  width: 100%;
}

/* PORTFOLIO - END */


/* CASE STUDIES */

.main_container_dark_bg_custom *:not(.wp-block-code) > code {
    background-color: #f9f8ffcc;
    border-radius: 2px;
    color: #14145b;
    font-size: var(--wp--preset--font-size--small);
    padding: 5px 8px;
}

.case-studies-inner-container-custom .case_study_category_pill_custom > * {
  background-color: var(--wp--preset--color--custom-dark-shade);
  padding: 8px 11px;
  margin-right: 12px;
  border-radius: 12px;
}

@media (max-width: 1024px) {
  .gb-grid-wrapper-85c62ed2 > .gb-grid-column.gb-grid-column.gb-grid-column,
  .gb-grid-wrapper-15531dd8 > .gb-grid-column.gb-grid-column.gb-grid-column {
    padding-left: 0px;
  }
}

.case-studies-grid-container-custom {
  gap: var(--wp--preset--spacing--small);
}

.gb-container.case-studies-inner-container-custom {
  height: 325px;
}

.case-studies-template-default .cta_global_section_ready_to_custom {
  background-color: var(--wp--preset--color--custom-dark-shade);
}

h3.gb-headline.gb-headline-text a {
  font-weight: 700;
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.case-studies-inner-container-custom {
  padding: var(--wp--preset--spacing--small);
}

/* CASE STUDIES - END */


/* GLOBAL */

select#ff_5_dropdown {
  background: var(--wp--preset--color--custom-dark-shade);
  border: 3px solid var(--wp--preset--color--custom-visual-bite);
  border-radius: 8px;
  padding: 8px 12px;
  color: #ffffff !important;
  height: 56px;
}

p a:where(:not(.wp-element-button)),
a:where(:not(.wp-element-button)) {
  font-weight: 600;
  color: var(--wp--preset--color--custom-visual-bite);
}

/* Custom background */
*, *::before, *::after { 
  box-sizing: border-box; 
}

body {
  margin: 0;
  -webkit-font-smoothing: antialiased;
}



a.wp-block-button__link.has-text-align-center.wp-element-button {
  justify-content: center;
}

/* Buttons */

.container_in_between_custom {
  transform: translateY(-50%);
}

.wp-block-button a,
h5.wp-block-heading.check_icon_text_custom,
.category_button__custom {
  gap: 12px;
  display: flex;
  align-items: center;
}

.category_button__custom a {
  justify-content: center;
}

.primary_button_has_icon_custom {
  display: flex;
}

.tetriary_button_custom a {
  gap: 12px;
  display: flex;
  font-weight: 600;
  align-items: center;
  flex-wrap: nowrap;
}

.tetriary_button_custom a:hover {
  transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  transform: translateY(-5%);
  color: var(--wp--preset--color--custom-darker-white);
}

/* Buttons - end */


b, strong {
  font-weight: 600;
}

.top_menu_logo_custom {
  width: clamp(9rem, 11vw, 11em);
}

/* 
.top_menu_logo_custom:hover, 
.site-footer .footer_logo_custom:hover, 
#mc_embed_signup #mc-embedded-subscribe:hover {
  transform: translateY(-5%);
  transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  cursor: pointer;
}
*/

/* Accordion */

.c-accordion__title {
  font-size: 24px;
  color: white;
}

/* Accordion - end */

/* GLOBAL - END */


/* TOP NAVI */

/* Ensure the button has space for the dot */
.blink-button a.wp-block-button__link {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-left: 30px; /* Space for the blinking dot */
  gap: 10px; /* Space between text and dot */
}

/* Core Dot */
.blink-button a.wp-block-button__link::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 15px; /* Moves dot inside the button */
  transform: translateY(-50%);
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: rgba(0, 255, 127, 0.6); /* Less saturated at the start */
  box-shadow: 0 0 16px rgba(0, 255, 127, 0.5);
  z-index: 2; /* Ensure dot is on top */
  animation: dotBlink 2s infinite ease-in-out;
}

/* Expanding Glow Effect */
.blink-button a.wp-block-button__link::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 15px;
  transform: translateY(-50%);
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: rgba(0, 255, 127, 0.1); /* Initial transparency */
  z-index: 1; /* Glow behind the dot */
  animation: glowExpand 2s infinite ease-out;
}

/* Small Core Dot Pulse */
@keyframes dotBlink {
  0% {
    transform: translateY(-50%) scale(1);
    background-color: rgba(0, 255, 127, 0.6);
  }
  50% {
    transform: translateY(-50%) scale(1.2);
    background-color: rgba(0, 255, 127, 1);
  }
  100% {
    transform: translateY(-50%) scale(1);
    background-color: rgba(0, 255, 127, 0.6);
  }
}

/* Glow Expansion Animation */
@keyframes glowExpand {
  0% {
    transform: translateY(-50%) scale(1);
    opacity: 0.4;
    background-color: rgba(0, 255, 127, 0.3);
    box-shadow: 0 0 12px rgba(0, 255, 127, 0.5);
  }
  50% {
    transform: translateY(-50%) scale(2.5);
    opacity: 0.3;
    background-color: rgba(0, 255, 127, 0.7); /* Increasing saturation */
    box-shadow: 0 0 30px rgba(0, 255, 127, 0.8);
  }
  100% {
    transform: translateY(-50%) scale(4); /* Glow expands more */
    opacity: 0;
    background-color: rgba(0, 255, 127, 0); /* Fade out */
    box-shadow: 0 0 60px rgba(0, 255, 127, 0);
  }
}

.wp-block-button.blink-button a {
  padding-left: 35px !important;
}

.wp-block-navigation__submenu-container.wp-block-navigation-submenu.wp-block-navigation-submenu.wp-block-navigation-submenu li a {
  font-family: 'Source Sans 3' !important;
  text-transform: capitalize;
  font-weight: 600;
  color: var(--wp--preset--color--custom-dark-shade) !important;
}

@media screen and (min-width: 1250px) {
  .main_navigation_custom .wp-block-navigation-item a {
    font-size: clamp(0.1rem, 1.1vw, 1.17rem);
    white-space: nowrap;
    cursor: pointer;
  }
}

ul.wp-block-navigation__submenu-container.wp-block-navigation-submenu {
  padding: 10px;
  margin: 10px;
}

@media screen and (max-width: 1250px) {
  /* hamburger button */
  .wp-block-navigation__responsive-container-open {
    display: block !important;
  }

  ul.wp-block-navigation__submenu-container.wp-block-navigation-submenu {
    padding: 5px !important;
    margin: 0;
  }

  li.wp-block-navigation-item.wp-block-navigation-link {
    padding: 5px;
  }

  div#modal-1 {
    padding: 20px 15px;
  }

  /* full menu */
  .wp-block-navigation__responsive-container:not(.is-menu-open.has-modal-open) {
    display: none !important;
  }
}

.main_navigation_custom:first-child li.wp-block-navigation-item:first-child {
  line-height: 2.0em;
  padding: 0 5px;
}

.main_navigation_custom li.wp-block-navigation-item {
  font-size: 15px;
}

.main_navigation_custom .wp-block-navigation-item__label {
  transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  font-weight: 700;
  white-space: nowrap;
}

.main_navigation_custom a.wp-block-navigation-item__content {
  font-weight: 700;
  padding: 3px;
}

li.wp-block-navigation-item.wp-block-navigation-link {
  line-height: 1.35em;
}

.main_navigation_custom ul.wp-block-navigation__submenu-container.wp-block-navigation-submenu {
  padding: 15px 20px;
  margin: 0;
  color: var(--wp--preset--color--custom-dark-shade);
  background-color: var(--wp--preset--color--custom-darker-white);
  border-radius: 10px;
}

span.wp-block-navigation-item__label,
a.wp-block-button__link.has-base-background-color.has-text-color.has-background.wp-element-button {
  display: flex;
  gap: 12px;
  align-items: center;
}

.main_navigation_custom .wp-block-navigation-item__content {
  flex-wrap: nowrap;
}

@media (min-width: 811px) {
  .top_menu_cta_buttons_mobile_custom {
    display: none !important;
  }
}

@media (max-width: 811px) {
  .top_menu_cta_buttons_custom {
    display: none !important;
  }
}

.wp-block-button .wp-block-button__link.has-base-background-color {
  background: none !important;
  background-repeat: repeat;
}

@media (min-width: 850px) {
  .navigation-mobile-custom {
    display: none !important;
  }
}

@media (max-width: 920px) {
  .main_button_custom,
  .outline_button_custom,
  .category_button__custom, .wp-element-button {
    width: 100%;
  }

  .home .hero_column_content_custom.hero_column_content_custom.hero_column_content_custom {
    padding: 0px 0px 14px 0px !important;
  }

}

@media (max-width: 850px) {
  .main_button_custom .wp-element-button,
  .outline_button_custom .wp-block-button {
    justify-content: center;
  }
}


a.wp-block-button__link.has-contrast-color.has-base-background-color.has-text-color.has-background.wp-element-button {
  display: flex;
  gap: 12px;
  align-items: center;
  font-weight: 600;
}

span.wp-block-navigation-item__label {
  font-weight: 600;
}

.mobile_contact_button_custom.mobile_contact_button_custom.mobile_contact_button_custom.mobile_contact_button_custom {
  padding: 20px;
  color: #ffffff !important;
  background: black !important;
  border-radius: 999px;
}

.has-background .wp-block-navigation__responsive-container-open:focus,
.has-background .wp-block-navigation__responsive-container-open:hover {
  color: var(--wp--preset--color--secondary);
}

.wp-block-navigation__responsive-container-close,
.wp-block-navigation__responsive-container-open {
  border: 2px solid currentColor;
  border-radius: 2px;
  padding: 7px;
}

.top_menu_cta_buttons_custom a {
  white-space: nowrap;
  font-size: clamp(0.4rem, 1.1vw, 1.1rem) !important;
}

.top_menu_custom {
  backdrop-filter: blur(45px);
  -webkit-backdrop-filter: blur(45px);
}

.wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open {
  background-color: #ffffff;
  border-radius: 12px;
  height: 100vh;
  z-index: 9999; /* Ensure it's on top of other elements */
}

/* Menu items underline hover effect */
.wp-block-navigation-item__content {
  display: inline-block;
  position: relative;
  padding-bottom: 2px; /* Adds space for underline */
  color: inherit; /* Keeps the default text color */
  transition: color 0.27s ease-in-out;
}

.wp-block-navigation-item__content::after {
  content: '';
  position: absolute;
  width: 0; /* Start with 0 width */
  height: 2.5px;
  bottom: 0;
  left: 50%; /* Start from center */
  background-color: var(--wp--preset--color--custom-visual-bite);
  transition: width 0.29s ease, left 0.29s ease, background-color 0.27s ease-in-out;
}

.gb-block-image {
  overflow: hidden; /* Ensures the zoom stays inside */
  display: inline-block;
  position: relative;
}

.gb-block-image img {
  transition: transform 0.25s ease-in-out;
  transform-origin: center center;
}

.gb-query-loop-item {
  position: relative; /* Ensures correct positioning */
}

.image_container_case_study_card_custom {
  background-size: 100% !important;
}

.gb-query-loop-item {
  overflow: hidden;
  position: relative;
  display: flex;
  align-items: stretch;
  border-radius: 6px 0 0 6px; /* Left side rounded, right side square */
}

.image_container_case_study_card_custom {
  background-size: cover !important; /* Fills container without bars */
  background-position: center center;
  width: 100%;
  height: 100%;
  border-radius: 6px 0 0 6px; /* Ensures hover also keeps right side square */
  transition: transform 0.3s ease-in-out;
}

.gb-query-loop-item:hover .image_container_case_study_card_custom {
  transform: scale(1.05); /* Zoom effect */
  filter: brightness(0.9) contrast(1.2) saturate(1.2);
}

@media (max-width: 770px) { /* Adjust breakpoint if needed */
  .case_study_container_card_custom {
    display: flex;
    flex-direction: column; /* Stack elements vertically */
    width: 100% !important; /* Full width */
  }

  .case_study_container_card_custom .image_container_case_study_card_custom {
    width: 100%;
    height: auto;
    min-height: 250px; /* Ensures visibility */
    border-radius: 6px 6px 0 0 !important; /* Only top corners rounded */
    transition: transform 0.3s ease-in-out, border-radius 0.3s ease-in-out;
  }

  /* Hover Effect: Keeps top-right square */
  .case_study_container_card_custom:hover .image_container_case_study_card_custom {
    transform: scale(1.05); /* Zoom effect */
    border-radius: 6px 6px 0 0 !important; /* Keeps top-right square */
  }

  .case_study_container_card_custom .gb-content-wrapper {
    padding-top: 20px; /* Add spacing between image and text */
    width: 100%; /* Ensures full-width content */
  }

  .gb-container.portfolio-inner-container-custom {
    width: 100%;
    border-top-right-radius: 0px;
    max-width: 100vw; /* Ensures it spans full viewport width */
  }
}

a.gb-button-4876c9e2 .gb-icon {
  padding-bottom: 20px!important;
}

.gb-block-image {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}



.wp-block-navigation-item__content:hover::after {
  width: 100%; /* Expand full width */
  left: 0;   /* Move left to cover the whole text */
}
/* Menu items underline hover effect - end */

.wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content:hover {
  color: #1212d1;
}

/* - TOP NAVI - END - */


/* - FOOTER - */

.site-footer .footer_link_block_custom li a:hover {
  color: var(--wp--preset--color--custom-visual-bite);
  transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}

.site-footer .footer_link_block_custom li a {
  transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  font-weight: 500;
  font-size: 18px;
  text-transform: capitalize;
}

.site-footer .footer_link_block_custom .footer_label_title_custom {
  padding-bottom: 5px;
  pointer-events: none;
  font-weight: 600;
}

/* - FOOTER - END - */


/* Hero */


figure.wp-block-image.personal_image_custom.personal_image_bw {
  filter: grayscale(100%);
}

/* Hero - END - */


/* HOMEPAGE */

.testimony_column_custom {
  border-radius: 16px;
}

@media (max-width: 781px) {
  .image_column_height_custom .wp-block-image {
    max-height: 560px;
  }
}

.slider_column_custom {
  border-radius: 36px;
}

/* Corrected CSS */
@media (min-width: 750px) {
  .navigation-mobile-custom {
    display: none !important;
  }
}

@media (max-width: 781px) {
  .features-list-custom-col-2 {
    padding-top: 4px;
  }
}

.info_column_content_custom a {
  font-weight: 600;
}

.info_column_custom .info_column_header_custom .wp-block-heading {
  display: flex;
  gap: 8px;
  align-items: center;
  padding: 0 8px;
}

.influencer_card_name_custom a {
  display: flex;
  gap: 8px;
  align-items: center;
}

.influencer_card_name_custom a:hover {
  transform: translateY(-5%);
  transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  color: var(--wp--preset--color--custom-visual-bite);
}

.info_column_header_custom a {
  padding: 17px 10px;
  white-space: nowrap;
}

.info_columns_custom .wp-block-column {
  border-radius: 32px;
}

/* HOMEPAGE - END - */


/* BLOG */

.single-post p a:where(:not(.wp-element-button)):hover {
  color: var(--wp--preset--color--custom-visual-bite);
}

a.breadcrumb.breadcrumb--first,
a.breadcrumb {
  color: var(--wp--preset--color--custom-darker-white);
}

.breadcrumb--last {
  color: var(--wp--preset--color--custom-visual-bite);
}

.breadcrumbs__separator {
  color: var(--wp--preset--color--custom-visual-bite);
}

.wp-block-post-excerpt__excerpt {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

@media (max-width: 540px) {
  .post-template-default h2 {
    word-break: break-all;
  }
}

.single-post h4.wp-block-heading,
.page-id-5846 h4.wp-block-heading {
  font-family: 'Poppins';
  text-transform: none;
  font-weight: 500;
  font-size: 28px;
}

h3.post_card_title_custom.wp-block-post-title a {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.wp-block-post-excerpt__more-link {
  font-weight: 600;
}

.wp-block-post-template .wp-block-post:not(:last-of-type) {
  margin-bottom: 0;
}

.post_card_custom li.wp-block-post:hover,
.gb-query-loop-item:hover {
  transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  transform: translateY(-2%);
}

.post_card_custom li.wp-block-post,
.gb-query-loop-item {
  transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}

/* Style for footnote references in the text */
.wp-block-footnotes sup {
  font-size: 0.8em;
  vertical-align: super;
  line-height: 1;
  padding-left: 5px;
  color: #3498db; /* Change to your preferred color */
}

/* Style for the footnotes container */
ol.wp-block-footnotes {
  display: flex;
  justify-content: flex-start;
  align-content: flex-start;
  column-gap: 18px;
  flex-wrap: wrap;
  flex-direction: row;
  list-style-position: inside;
}

/* Flexbox style for the footnotes list */
.wp-block-footnotes ol {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  list-style: none;
  padding-left: 0;
  margin: 0;
  counter-reset: item; /* Reset the counter for custom markers */
}

/* Style for individual footnotes with markers */
.wp-block-footnotes ol li {
  display: flex;
  flex: 1 1 calc(33.333% - 20px); /* Adjust the percentage as needed */
  margin: 0;
  padding: 10px;
  border: 1px solid #ddd;
  border-radius: 5px;
  background-color: #fff;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  position: relative;
  padding-left: 25px; /* Adjust for marker spacing */
  counter-increment: item; /* Increment the counter for custom markers */
}

/* Style for custom markers */
.wp-block-footnotes ol li::before {
  content: counter(item) ".";
  position: absolute;
  left: 10px; /* Adjust for marker spacing */
  top: 10px;  /* Adjust for marker spacing */
  font-weight: bold;
}

/* Style for footnote return links */
.wp-block-footnotes a {
  text-decoration: none;
}

.wp-block-footnotes a:hover {
  text-decoration: underline;
}

/* Ensure footnotes are styled properly on smaller screens */
@media (max-width: 768px) {
  .wp-block-footnotes ol li {
    flex: 1 1 100%; /* Stack items vertically on small screens */
  }
}

/* BLOG - END */


/* - Accordion styling - */

.faq_section_background_custom .c-accordion__content {
  background-color: #e5e5e5;
  padding: 32px;
  border-radius: 36px;
}

.faq_section_background_custom .c-accordion__title {
  padding: 40px 70px 40px 25px;
  border-radius: 36px;
  background: white;
}

.faq_section_background_custom .c-accordion__title:after {
  font-size: 45px;
  color: #000;
  padding: 32px;
  position: absolute;
  top: 54%;
}

/* - Accordion styling - END - */

/* - FAQ - */

.faq_section_background_custom {
  background-color: var(--wp--preset--color--contrast);
}

/* FAQ - END - */


/* Portfolio */

.portfolio_featured_card_custom {
  border-radius: 0 16px 16px 0;
}

.portfolio_card_custom {
  border-radius: 16px;
}

.portfolio_pill_custom {
  text-wrap: nowrap;
}

.column_image_full_height_custom,
.column_image_full_height_custom img {
  height: 100%;
}

/* Portfolio - END */




/* - COOKIE POLICY - */




/* - CONTACT US - */

/* - FORM - */ 
.form_button_container_custom .form_button_element_custom.ff-btn.ff-btn-submit.ff-btn-md {
  width: 100%;
  background: var(--wp--preset--gradient--custom-gradient-primary);
  border-radius: 8px;
  border: 0;
  color: var(--wp--preset--color--contrast);
  font-family: var(--wp--preset--font-family--poppins);
  font-size: clamp(14.642px, 0.915rem + ((1vw - 3.2px) * 0.681), 22px);
  text-transform: uppercase;
  line-height: 1.4;
  padding: 17px 28px;
  gap: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ff-message-success {
  border: none;
  background-color: var(--wp--preset--color--custom-dark-shade);
  border-radius: 8px;
  font-weight: 600;
  color: var(--wp--preset--color--custom-visual-bite);
  box-shadow: none;
  padding: 15px 18px;
}

.ff-el-input--content input {
  color: white;
  border: 3px solid var(--wp--preset--color--custom-visual-bite) !important;
  border-radius: 8px;
  height: 55px;
  background-color: var(--wp--preset--color--custom-dark-shade);
}

.ff-el-input--content textarea {
  border: 3px solid var(--wp--preset--color--custom-visual-bite) !important;
  border-radius: 8px;
  color: white;
  background-color: var(--wp--preset--color--custom-dark-shade);
}

.fluentform .ff-el-input--label {
  font-weight: 600;
  color: white;
}

.client_logos_container_custom > * img {
  width: clamp(0.2rem, 10vw, 10em);
}

.cta_global_section_ready_to_custom {
  background-color: var(--wp--preset--color--custom-dark-shade);
}

.page-id-2210 .cta_global_section_ready_to_custom,
.page-id-5121 .cta_global_section_ready_to_custom {
  background-color: var(--wp--preset--color--custom-pitch-black);
}

/* - CONTACT US - END - */

/* - Audio bar styling - */

/* - Audio bar styling - END */