/*
Theme Name: Mckenziecorp
Theme URI: https://trendthemeswp.com/products/mckenziecorp/
Author: Trendthemeswp 
Author URI: https://trendthemeswp.com
Description: Mckenziecorp is a modern WordPress theme designed for consulting agencies, corporate businesses, and professional service providers that need a clean, organized, and business-focused website. It is suitable for business consultants, financial advisors, marketing agencies, startups, legal firms, IT service companies, accountants, HR agencies, and management consulting firms that want to showcase their services, projects, team members, and client success stories professionally. The theme includes well-structured service sections, case studies, testimonials, company profiles, blog layouts, and contact pages that help businesses present information clearly and effectively.Mckenziecorp supports responsive design, customizable layouts, SEO-friendly structure, fast-loading performance, and easy navigation, making it suitable for modern corporate websites. It can be used for consulting services, finance companies, digital agencies, business advisory firms, professional agencies, and corporate solution providers looking to build a professional online presence. The flexible layout structure allows businesses to display company information, portfolio projects, pricing plans, client feedback, and business updates in a simple and organized manner. Mckenziecorp is designed to provide a professional appearance while maintaining user-friendly navigation and clean content presentation for corporate and consultancy websites. Check the real demo:  https://demos.trendthemeswp.com/mckenziecorp
Requires at least: 5.9
Tested up to: 6.9
Requires PHP: 7.4
Version: 1.0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: mckenziecorp
Tags: editor-style, full-site-editing, blog, custom-background, custom-logo, custom-menu, e-commerce, featured-images, footer-widgets, left-sidebar, one-column, portfolio, right-sidebar, threaded-comments, translation-ready, two-columns, wide-blocks, full-width-template, sticky-post, theme-options, block-styles, block-patterns
*/
/* Styles intended only for the front.*/
html {
  scroll-behavior: smooth;
}

@media screen and (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}

body {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}

.mc-brand-logo {
  line-height: 0;
}

.mc-brand-logo img {
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
}

.wb-header-wrapper .mc-brand-logo img,
.mc-banner-pattern .mc-brand-logo img,
.mc-site-header .mc-brand-logo img {
  max-height: 56px;
  width: auto;
}

.mc-banner-hero {
  position: relative;
  min-height: 720px;
  padding: 0;
  color: var(--wp--preset--color--base);
  background: linear-gradient(
    135deg,
    var(--wp--preset--color--secondary) 0%,
    var(--wp--preset--color--assets-four) 55%,
    var(--wp--preset--color--assets-three) 100%
  );
}

.mc-banner-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    180deg,
    rgba(0, 46, 91, 0.35) 0%,
    rgba(0, 26, 51, 0.78) 100%
  );
  pointer-events: none;
  z-index: 0;
}

.mc-banner-hero > .mc-site-header,
.mc-banner-hero > .wp-block-columns {
  position: relative;
  z-index: 1;
}

.mc-banner-buttons {
  gap: var(--wp--preset--spacing--30);
}

.mc-banner-btn .wp-block-button__link {
  border-radius: 6px;
  padding: var(--wp--preset--spacing--30) var(--wp--preset--spacing--50);
  font-size: var(--wp--preset--font-size--small);
  font-family: var(--wp--preset--font-family--hind);
  letter-spacing: 1px;
  text-transform: uppercase;
}

.mc-banner-btn--outline .wp-block-button__link {
  border: 2px solid #6c98e1;
  color: var(--wp--preset--color--base);
  background: transparent;
}

.mc-banner-btn--outline .wp-block-button__link:hover,
.mc-banner-btn--outline .wp-block-button__link:focus {
  color: var(--wp--preset--color--base);
  background: rgba(108, 152, 225, 0.12);
}

.mc-banner-btn:not(.mc-banner-btn--outline) .wp-block-button__link,
.mc-site-header__cta .wp-block-button__link {
  background-color: var(--wp--preset--color--assets-two) !important;
  color: var(--wp--preset--color--primary) !important;
  border: none;
}

.site-footer .mc-brand-logo img {
  max-height: 48px;
  width: auto;
}

/* Modern site header */
.site-header,
.mc-site-header {
  position: sticky;
  top: 0;
  z-index: 1000;
  background-color: rgba(0, 46, 91, 0.96) !important;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.18);
  transition: box-shadow 0.25s ease, background-color 0.25s ease;
}

.mc-site-header--overlay {
  position: relative;
  top: auto;
  background-color: transparent !important;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  box-shadow: none;
  border-bottom-color: rgba(108, 152, 225, 0.35) !important;
}

.mc-site-header__inner {
  width: 100%;
  align-items: center;
}

.mc-site-header__brand {
  flex: 0 0 auto;
  min-width: 0;
}

.mc-site-header__nav {
  flex: 1 1 auto;
  justify-content: center;
  min-width: 0;
}

.mc-site-header__actions {
  flex: 0 0 auto;
}

.mc-site-header__menu .wp-block-navigation-item__content {
  position: relative;
  padding: 0.35rem 0;
  color: var(--wp--preset--color--base);
  text-decoration: none;
  transition: color 0.2s ease;
}

.mc-site-header__menu .wp-block-navigation-item__content:hover,
.mc-site-header__menu .wp-block-navigation-item__content:focus {
  color: var(--wp--preset--color--assets-one);
  text-decoration: none;
}

.mc-site-header__menu .wp-block-navigation-item__content::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 100%;
  height: 2px;
  background: var(--wp--preset--color--assets-one);
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform 0.25s ease;
}

.mc-site-header__menu .wp-block-navigation-item__content:hover::after,
.mc-site-header__menu .current-menu-item .wp-block-navigation-item__content::after {
  transform: scaleX(1);
}

.mc-site-header__cta .wp-block-button__link {
  border-radius: 999px;
  padding: 14px 24px;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  box-shadow: 0 10px 24px rgba(253, 228, 40, 0.25);
  transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
}

.mc-site-header__cta .wp-block-button__link:hover,
.mc-site-header__cta .wp-block-button__link:focus {
  transform: translateY(-1px);
  box-shadow: 0 14px 28px rgba(253, 228, 40, 0.35);
}

.mc-site-header .wp-block-navigation__responsive-container-open svg {
  fill: var(--wp--preset--color--base);
}

@media screen and (max-width: 1020px) {
  .mc-site-header__inner {
    flex-wrap: nowrap;
    gap: 0.75rem;
  }

  .mc-site-header__brand {
    flex: 1 1 auto;
    min-width: 0;
  }

  .mc-site-header__actions {
    flex: 0 0 auto;
    order: 2;
  }

  .mc-site-header__nav {
    flex: 0 0 auto;
    order: 3;
  }

  .mc-site-header__cta .wp-block-button__link {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    padding-left: 18px !important;
    padding-right: 18px !important;
    font-size: 12px !important;
  }

  .mc-site-header__menu .wp-block-navigation__responsive-container.is-menu-open {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 100000;
    display: flex !important;
    flex-direction: column;
    align-items: stretch;
    width: 100vw;
    max-width: none;
    height: 100vh;
    height: 100dvh;
    margin: 0;
    padding: calc(1.5rem + env(safe-area-inset-top, 0px)) 1.5rem 1.5rem;
    background-color: var(--wp--preset--color--primary) !important;
    overflow-x: hidden;
    overflow-y: auto;
    box-sizing: border-box;
  }

  /*
   * Sticky + backdrop-filter create a containing block for fixed children.
   * Inner-page headers use both, which clips the overlay to header height.
   * Release those while the menu is open so the overlay can fill the viewport.
   */
  html.has-modal-open .mc-site-header {
    position: relative;
    z-index: 100001;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    overflow: visible;
  }

  html.has-modal-open .mc-site-header__bar,
  html.has-modal-open .mc-site-header__inner,
  html.has-modal-open .mc-site-header__nav,
  html.has-modal-open .mc-site-header__menu {
    overflow: visible;
  }

  html.has-modal-open .mc-banner-hero > .wp-block-columns {
    visibility: hidden;
  }

  .admin-bar .mc-site-header__menu .wp-block-navigation__responsive-container.is-menu-open {
    top: var(--wp-admin--admin-bar--height, 32px);
    height: calc(100vh - var(--wp-admin--admin-bar--height, 32px));
    height: calc(100dvh - var(--wp-admin--admin-bar--height, 32px));
  }

  .mc-site-header__menu .wp-block-navigation__responsive-container.is-menu-open
    .wp-block-navigation__responsive-container-content {
    display: flex !important;
    flex-direction: column;
    flex: 1 1 auto;
    width: 100%;
    max-width: 480px;
    height: auto;
    min-height: 0;
    margin: 0 auto;
    padding-top: 3rem;
  }
}

@media screen and (min-width: 1021px) {
  .mc-site-header__nav .wp-block-navigation__responsive-container:not(.hidden-by-default) {
    display: block;
  }

  .mc-site-header__nav .wp-block-navigation__responsive-container-open {
    display: none;
  }
}

form .wp-block-search__inside-wrapper button {
  box-shadow: unset;
}

form .wp-block-search__input {
  font-size: 18px;
}

/* Hide the site title when the search input or its container gains focus */
.wp-block-search__inside-wrapper:focus-within .wp-block-site-title {
  display: none !important;
}

.expanded .wp-block-site-title {
  display: none;
}

/* submenu css starts here  */
.wp-block-navigation
  .wp-block-navigation-item__content.wp-block-navigation-item__content {
  padding: 15px 15px;
}

@media screen and (min-width: 1000px) {
  .wp-block-navigation
    .has-child:where(:not(.open-on-click)):hover
    > .wp-block-navigation__submenu-container {
    animation: smoothScrollBack 0.6s backwards, fadein 0.6s;
    box-shadow: rgba(0, 0, 0, 0.06) 0px 4px 6px -1px,
      rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
    border-radius: 6px;
  }

  button.wp-block-navigation__submenu-icon.wp-block-navigation-submenu__toggle {
    position: absolute;
    right: 4px;
  }
}

@keyframes smoothScrollBack {
  0% {
    transform: translateY(30px);
  }

  100% {
    transform: translateY(0px);
  }
}

@keyframes fadein {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@media screen and (max-width: 1020px) {
  .wp-block-navigation__responsive-container,
  .wp-block-navigation__responsive-container
    .wp-block-navigation__responsive-container-content {
    display: none;
  }

  .wp-block-navigation__responsive-container-close {
    background: transparent;
    top: 1rem;
    right: 1rem;
    z-index: 100001;
  }

  .wp-block-navigation__responsive-container-close svg,
  .wp-block-navigation__responsive-container-open svg {
    width: 42px;
    height: 42px;
  }

  .wp-block-navigation__responsive-container-open:not(.always-shown) {
    display: block;
  }

  .wp-block-navigation__responsive-container:not(.hidden-by-default):not(
      .is-menu-open
    ) {
    display: none;
  }

  .wp-block-navigation__responsive-container.is-menu-open {
    display: flex !important;
  }

  .wp-block-navigation__responsive-container.is-menu-open
    .wp-block-navigation__responsive-container-content {
    display: flex !important;
    flex-direction: column;
    padding: 1.5em;
  }

  .wp-block-navigation
    .wp-block-navigation__responsive-container-content
    ul:first-child {
    width: 100%;
    gap: 0 !important;
    border-bottom: none;
  }

  .wp-block-navigation
    .wp-block-navigation__responsive-container-content
    ul:first-child
    li.wp-block-navigation-item {
    width: 100%;
    gap: 0 !important;
    border: none !important;
  }

  .wp-block-navigation
    .wp-block-navigation__responsive-container-content
    ul:first-child
    li.wp-block-navigation-item
    a {
    width: calc(100% - 48px);
    padding: 12px 24px 12px;
    line-height: 30px;
  }

  .wp-block-navigation
    .wp-block-navigation__responsive-container-content
    ul:first-child
    li.wp-block-navigation-item
    .wp-block-navigation__submenu-icon {
    display: block !important;
    margin-left: 15px;
    padding: 3px 10px;
    float: right;
    font-size: 19px;
    line-height: 1;
    position: absolute;
    right: 0;
    height: 42px;
    width: 42px;
  }

  .wp-block-navigation
    .wp-block-navigation__responsive-container-content
    ul:first-child
    li.wp-block-navigation-item
    .wp-block-navigation__submenu-icon
    svg {
    display: block;
    width: 30px;
    height: 13px;
    margin: 0 !important;
    padding: 0 !important;
  }

  .wp-block-navigation
    .wp-block-navigation__responsive-container-content
    ul:first-child
    li.wp-block-navigation-item
    ul.wp-block-navigation__submenu-container {
    width: 100%;
    gap: 0;
    margin: 0;
    padding: 0;
    box-shadow: none;
  }

  .wp-block-navigation
    .wp-block-navigation__responsive-container-content
    ul:first-child
    li.wp-block-navigation-item
    ul.wp-block-navigation__submenu-container
    li.wp-block-navigation-item
    a {
    padding-left: 35px;
  }

  .wp-block-navigation
    .wp-block-navigation__responsive-container-content
    ul:first-child
    li.wp-block-navigation-item
    ul.wp-block-navigation__submenu-container
    li.wp-block-navigation-item
    ul.wp-block-navigation__submenu-container
    li.wp-block-navigation-item
    a {
    padding-left: 70px;
  }

  .wp-block-navigation
    .wp-block-navigation__responsive-container-content
    ul:first-child
    li.wp-block-navigation-item
    ul.wp-block-navigation__submenu-container
    li.wp-block-navigation-item
    ul.wp-block-navigation__submenu-container
    li.wp-block-navigation-item
    ul.wp-block-navigation__submenu-container
    li.wp-block-navigation-item
    a {
    padding-left: 105px;
  }

  .wp-block-navigation
    .wp-block-navigation__responsive-container-content
    ul:first-child
    li.wp-block-navigation-item
    .wp-block-navigation-submenu__toggle[aria-expanded="true"]
    + ul.wp-block-navigation__submenu-container {
    display: block;
    margin: 0;
  }
}

/* shortcode featured product css start here  */
@media (max-width: 653px) {
  .woocommerce div.product {
    width: 100%;
  }
}

.slide-out-content .summary {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.summary.entry-summary form button {
  padding: 10px;
}

@media (max-width: 1100px) {
  .mckenziecorp-product-item-box .products-wrapper .products-items {
    grid-template-columns: auto auto auto;
    gap: 32px;
  }
}

.woocommerce .products .product:hover .wc-booster-quick-view {
  opacity: 1;
  visibility: visible;
}
.wp-block-group .arrow-right a {
  text-decoration: none;
  border-bottom: 2px solid;
}

.wp-block-group .arrow-right a::after {
  content: "\f061";
  font-family: "Font Awesome 5 Free";
  /* set the font family to Font Awesome */
  margin-left: 6px;
  font-weight: 600;
}
/*post date*/
.wp-block-post-date::before {
  content: "\f508";
  font-family: "Dashicons";
  font-weight: 600;
  padding-right: 5px;
  font-size: 12px;
}

.post-author-name.wp-block-post-author-name::before {
  content: "\f110";
  font-family: "Dashicons";
  font-weight: 600;
  padding-right: 5px;
  font-size: 12px;
}
.taxonomy-category.wp-block-post-terms::before {
  font-size: 12px;
  content: "\f022";
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  margin-right: 6px;
}

.site-footer {
  margin-top: 0;
}
.wp-block-button__link {
  transition: all 0.3s ease;
}

.wp-block-button__link:hover {
  background-color: var(--wp--preset--color--assets-two);
  color: var(--wp--preset--color--base); /* or any desired text color */
}

.has-border-radius {
  border-radius: 7px;
}
.has-box-shadow {
  box-shadow: rgba(255, 255, 255, 0.25) 0px 50px 100px -20px,
    rgba(255, 255, 255, 0.3) 0px 30px 60px -30px,
    rgba(255, 255, 255, 0.35) 0px -2px 6px 0px inset;
}
.pricing-icon::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  padding-right: 7px;
  font-size: 16px;
  content: "\f058";
  color: var(--wp--preset--color--assets-one);
}

.log-out::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  padding-right: 7px;
  font-size: 16px;
  content: "\f007";
  color: var(--wp--preset--color--assets-one);
  cursor: pointer;
}
.log-out {
  border-radius: 6px;
}
.log-out a {
  text-decoration: none;
}

.home-blogs {
  margin-right: 15px !important;
}

.portfolio-icon {
  cursor: pointer;
}
.taxonomy-post_tag a{
	padding-right:5px;
}
.banner-image,
.banner-image img {
  background: transparent;
}

.banner-image img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 3 / 4;
  object-fit: cover;
  margin-bottom: -81px;
}
.block-profile{
  margin-top: -41px;
}
.footer-text::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  padding-right: 8px;
  font-size: 21px;
  content: "\f105";
  color: var(--wp--preset--color--assets-one);
  cursor: pointer;
}
.location::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  padding-right: 10px;
  font-size: 17px;
  content: '\f3c5';
  color: var(--wp--preset--color--assets-one);
  cursor: pointer;
}
.mail::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  padding-right: 10px;
  font-size: 17px;
  content: "\f0e0";
  color: var(--wp--preset--color--assets-one);
  cursor: pointer;
}
.phone::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  padding-right: 10px;
  font-size: 17px;
  content: "\f095";
  color: var(--wp--preset--color--assets-one);
  cursor: pointer;
}

.job-card :where(.is-layout-flow) > :first-child {
    margin-block-start: auto !important;
}

/* =============================================================
   Contact page — form inputs & map
   ============================================================= */

.contact-form-stretch {
    display:flex;
    align-items:stretch;
}

.contact-form-stretch > * {
    width:100%;
}

.mc-input {
	width: 100%;
	background: var(--wp--preset--color--primary);
	color: var(--wp--preset--color--base);
	border: 1px solid rgba(255, 255, 255, 0.12);
	border-radius: 6px;
	padding: 13px 16px;
	font-size: 15px;
	font-family: var(--wp--preset--font-family--body);
	outline: none;
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
	box-sizing: border-box;
	display: block;
}

.mc-input::placeholder {
	color: var(--wp--preset--color--contrast);
	opacity: 0.7;
}

.mc-input:focus {
	border-color: var(--wp--preset--color--assets-one);
	box-shadow: 0 0 0 3px rgba(108, 152, 225, 0.18);
}

.mc-textarea {
	resize: vertical;
	min-height: 140px;
}

.mc-map-wrapper {
	line-height: 0;
	overflow: hidden;
}

.mc-map-wrapper iframe {
	display: block;
	width: 100%;
	height: 420px;
	border: 0;
	filter: grayscale(20%) brightness(0.9);
}

.mc-features-pattern .mc-features-grid {
	gap: var(--wp--preset--spacing--40);
}

.mc-features-pattern .mc-features-grid + .mc-features-grid {
	margin-top: var(--wp--preset--spacing--30);
}

.mc-features-pattern .mc-feature-card {
	border-left: 3px solid var(--wp--preset--color--assets-one);
	padding: var(--wp--preset--spacing--50);
	transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.mc-features-pattern .mc-feature-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 12px 32px rgba(0, 0, 0, 0.28);
}

.mc-features-pattern .mc-feature-card__icon {
	background: rgba(108, 152, 225, 0.08);
	width: fit-content;
	min-height: 72px;
	margin-bottom: var(--wp--preset--spacing--40);
	padding: var(--wp--preset--spacing--20);
	border: 1px solid var(--wp--preset--color--assets-one);
	border-radius: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.mc-features-pattern .mc-feature-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0;
	line-height: 0;
	transition: transform 0.25s ease;
}

.mc-features-pattern .mc-feature-icon img {
	display: block;
	width: 48px;
	height: 48px;
	object-fit: contain;
}

.mc-features-pattern .mc-feature-card:hover .mc-feature-icon {
	transform: scale(1.05);
}

@media (max-width: 781px) {
	.mc-features-pattern .mc-features-grid {
		gap: var(--wp--preset--spacing--30);
	}

	.mc-features-pattern .mc-feature-card {
		margin-bottom: 0;
	}
}

.mc-services-pattern .mc-services-header {
	align-items: flex-end;
}

.mc-services-pattern .mc-services-cta {
	background: linear-gradient(135deg, rgba(108, 152, 225, 0.12) 0%, rgba(0, 61, 122, 0.35) 100%);
	border: 1px solid var(--wp--preset--color--assets-one);
	border-radius: 16px;
	padding: var(--wp--preset--spacing--40);
}

.mc-services-pattern .mc-services-grid + .mc-services-grid {
	margin-top: var(--wp--preset--spacing--30);
}

.mc-services-pattern .mc-services-grid {
	gap: var(--wp--preset--spacing--30);
}

.mc-services-pattern .mc-service-card__inner {
	position: relative;
	overflow: hidden;
	height: 100%;
	border: 1px solid #2a5080;
	border-radius: 16px;
	padding: var(--wp--preset--spacing--40);
	transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
}

.mc-services-pattern .mc-service-card__inner::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 3px;
	background: linear-gradient(90deg, var(--wp--preset--color--assets-one), var(--wp--preset--color--secondary));
	transform: scaleX(0);
	transform-origin: left center;
	transition: transform 0.3s ease;
}

.mc-services-pattern .mc-service-card:hover .mc-service-card__inner {
	transform: translateY(-6px);
	border-color: rgba(108, 152, 225, 0.45) !important;
	box-shadow: 0 16px 40px rgba(0, 0, 0, 0.35);
}

.mc-services-pattern .mc-service-card:hover .mc-service-card__inner::before {
	transform: scaleX(1);
}

.mc-services-pattern .mc-service-card__number {
	position: absolute;
	top: 12px;
	right: 16px;
	margin: 0;
	color: rgba(255, 255, 255, 0.06);
	pointer-events: none;
	user-select: none;
}

.mc-services-pattern .mc-service-card__icon,
.mc-services-pattern .mc-service-icon {
	width: 64px;
	height: 64px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	background: linear-gradient(135deg, rgba(108, 152, 225, 0.25) 0%, rgba(108, 152, 225, 0.05) 100%);
	border: 1px solid rgba(108, 152, 225, 0.35);
	margin: 0;
	transition: transform 0.3s ease, background 0.3s ease;
}

.mc-services-pattern .mc-service-card__icon img,
.mc-services-pattern .mc-service-icon img {
	display: block;
	width: 40px;
	height: 40px;
	object-fit: contain;
}

.mc-services-pattern .mc-service-card:hover .mc-service-card__icon,
.mc-services-pattern .mc-service-card:hover .mc-service-icon {
	transform: scale(1.08);
	background: linear-gradient(135deg, rgba(108, 152, 225, 0.4) 0%, rgba(108, 152, 225, 0.12) 100%);
}

@media (max-width: 781px) {
	.mc-services-pattern .mc-services-header {
		align-items: flex-start;
	}

	.mc-services-pattern .mc-services-grid {
		gap: var(--wp--preset--spacing--20);
	}

	.mc-services-pattern .mc-service-card {
		margin-bottom: 0;
	}
}

.mc-about-pattern .mc-bento-grid-wrap {
	margin-bottom: 0;
}

.mc-about-pattern .mc-bento-grid {
	display: grid;
	grid-template-columns: repeat(12, minmax(0, 1fr));
	grid-auto-rows: minmax(220px, auto);
	gap: var(--wp--preset--spacing--20);
	position: relative;
}

.mc-about-pattern .mc-bento-grid.is-layout-flow {
	display: grid;
}

.mc-about-pattern .mc-bento-tile {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	min-height: 220px;
	overflow: hidden;
	border-radius: 20px;
	border: 1px solid rgba(108, 152, 225, 0.22);
	background: rgba(0, 61, 122, 0.55);
	isolation: isolate;
	opacity: 0;
	transform: translate3d(0, 36px, 0) scale(0.98);
	transition:
		opacity 0.75s cubic-bezier(0.22, 1, 0.36, 1),
		transform 0.75s cubic-bezier(0.22, 1, 0.36, 1),
		border-color 0.35s ease,
		box-shadow 0.35s ease;
	transition-delay: var(--mc-bento-delay, 0ms);
}

.mc-about-pattern .mc-bento-tile::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
	background: linear-gradient(180deg, rgba(0, 26, 51, 0.08) 0%, rgba(0, 26, 51, 0.92) 100%);
	transition: opacity 0.35s ease;
	pointer-events: none;
}

.mc-about-pattern .mc-bento-tile::after {
	content: "";
	position: absolute;
	inset: -40% auto auto -30%;
	z-index: 2;
	width: 45%;
	height: 180%;
	background: linear-gradient(105deg, transparent 0%, rgba(255, 255, 255, 0.14) 48%, transparent 100%);
	transform: translateX(-120%) skewX(-18deg);
	transition: transform 0.85s cubic-bezier(0.22, 1, 0.36, 1);
	pointer-events: none;
}

.mc-about-pattern .mc-bento-grid.is-visible .mc-bento-tile {
	opacity: 1;
	transform: translate3d(0, 0, 0) scale(1);
}

.mc-about-pattern .mc-bento-grid > .mc-bento-tile:nth-child(1) {
	--mc-bento-delay: 0ms;
}

.mc-about-pattern .mc-bento-grid > .mc-bento-tile:nth-child(2) {
	--mc-bento-delay: 120ms;
}

.mc-about-pattern .mc-bento-grid > .mc-bento-tile:nth-child(3) {
	--mc-bento-delay: 240ms;
}

.mc-about-pattern .mc-bento-grid > .mc-bento-tile:nth-child(4) {
	--mc-bento-delay: 360ms;
}

.mc-about-pattern .mc-bento-tile--team {
	grid-column: 1 / span 5;
	grid-row: 1 / span 2;
	min-height: 460px;
}

.mc-about-pattern .mc-bento-tile--philosophy {
	grid-column: 6 / span 4;
	grid-row: 1;
}

.mc-about-pattern .mc-bento-tile--presence {
	grid-column: 10 / span 3;
	grid-row: 1;
}

.mc-about-pattern .mc-bento-tile--partnership {
	grid-column: 6 / span 7;
	grid-row: 2;
	min-height: 240px;
}

.mc-about-pattern .mc-bento-tile__image,
.mc-about-pattern .mc-bento-tile__icon {
	position: absolute;
	inset: 0;
	z-index: 0;
	margin: 0;
	width: 100%;
	height: 100%;
}

.mc-about-pattern .mc-bento-tile__image img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transform: scale(1.02);
	transition: transform 0.65s cubic-bezier(0.22, 1, 0.36, 1);
}

.mc-about-pattern .mc-bento-tile--philosophy .mc-bento-tile__icon {
	position: absolute;
	inset: 0;
	z-index: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0;
	width: 100%;
	height: 100%;
	background:
		radial-gradient(circle at 20% 20%, rgba(108, 152, 225, 0.35) 0%, transparent 45%),
		radial-gradient(circle at 80% 80%, rgba(108, 152, 225, 0.18) 0%, transparent 40%),
		linear-gradient(145deg, rgba(0, 61, 122, 0.95) 0%, rgba(0, 26, 51, 0.98) 100%);
	animation: mc-bento-accent-pulse 8s ease-in-out infinite;
}

.mc-about-pattern .mc-bento-tile--philosophy .mc-bento-tile__icon img {
	position: relative;
	display: block;
	width: 72px;
	height: 72px;
	object-fit: contain;
	opacity: 0.85;
	filter: drop-shadow(0 10px 24px rgba(108, 152, 225, 0.35));
	animation: mc-bento-icon-float 5s ease-in-out infinite;
}

.mc-about-pattern .mc-bento-tile__index,
.mc-about-pattern .mc-bento-tile__title,
.mc-about-pattern .mc-bento-tile__desc {
	position: relative;
	z-index: 3;
}

.mc-about-pattern .mc-bento-tile__index {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 2.4rem;
	margin: auto 0 0.75rem var(--wp--preset--spacing--30);
	padding: 0.2rem 0.55rem;
	border-radius: 999px;
	border: 1px solid rgba(108, 152, 225, 0.35);
	background: rgba(108, 152, 225, 0.12);
	color: var(--wp--preset--color--assets-one);
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.12em;
	line-height: 1;
	transform: translateY(8px);
	transition: transform 0.45s cubic-bezier(0.22, 1, 0.36, 1);
}

.mc-about-pattern .mc-bento-tile__title,
.mc-about-pattern .mc-bento-tile__desc {
	margin: 0;
	padding-left: var(--wp--preset--spacing--30);
	padding-right: var(--wp--preset--spacing--30);
	color: var(--wp--preset--color--base);
	transform: translateY(8px);
	transition: transform 0.45s cubic-bezier(0.22, 1, 0.36, 1);
}

.mc-about-pattern .mc-bento-tile__title {
	font-size: clamp(1.05rem, 1.6vw, 1.35rem);
	font-weight: 700;
	line-height: 1.2;
}

.mc-about-pattern .mc-bento-tile__desc {
	margin-top: 0.35rem;
	padding-bottom: var(--wp--preset--spacing--30);
	font-family: var(--wp--preset--font-family--hebbo);
	font-size: 14px;
	line-height: 1.45;
	opacity: 0.88;
}

.mc-about-pattern .mc-bento-tile:hover,
.mc-about-pattern .mc-bento-tile:focus-within {
	border-color: rgba(108, 152, 225, 0.65);
	box-shadow:
		0 22px 48px rgba(0, 0, 0, 0.38),
		0 0 0 1px rgba(108, 152, 225, 0.18);
	transform: translate3d(0, -8px, 0) scale(1.01);
}

.mc-about-pattern .mc-bento-grid.is-visible .mc-bento-tile:hover,
.mc-about-pattern .mc-bento-grid.is-visible .mc-bento-tile:focus-within {
	transform: translate3d(0, -8px, 0) scale(1.01);
}

.mc-about-pattern .mc-bento-tile:hover .mc-bento-tile__image img,
.mc-about-pattern .mc-bento-tile:focus-within .mc-bento-tile__image img {
	transform: scale(1.1);
}

.mc-about-pattern .mc-bento-tile:hover::before,
.mc-about-pattern .mc-bento-tile:focus-within::before {
	opacity: 0.92;
}

.mc-about-pattern .mc-bento-tile:hover::after,
.mc-about-pattern .mc-bento-tile:focus-within::after {
	transform: translateX(280%) skewX(-18deg);
}

.mc-about-pattern .mc-bento-tile:hover .mc-bento-tile__index,
.mc-about-pattern .mc-bento-tile:hover .mc-bento-tile__title,
.mc-about-pattern .mc-bento-tile:hover .mc-bento-tile__desc,
.mc-about-pattern .mc-bento-tile:focus-within .mc-bento-tile__index,
.mc-about-pattern .mc-bento-tile:focus-within .mc-bento-tile__title,
.mc-about-pattern .mc-bento-tile:focus-within .mc-bento-tile__desc {
	transform: translateY(0);
}

@keyframes mc-bento-accent-pulse {
	0%,
	100% {
		filter: saturate(1);
	}

	50% {
		filter: saturate(1.25);
	}
}

@keyframes mc-bento-icon-float {
	0%,
	100% {
		transform: translateY(0);
	}

	50% {
		transform: translateY(-8px);
	}
}

@media (prefers-reduced-motion: reduce) {
	.mc-about-pattern .mc-bento-tile,
	.mc-about-pattern .mc-bento-tile::after,
	.mc-about-pattern .mc-bento-tile__index,
	.mc-about-pattern .mc-bento-tile__title,
	.mc-about-pattern .mc-bento-tile__desc,
	.mc-about-pattern .mc-bento-tile__image img,
	.mc-about-pattern .mc-bento-tile--philosophy .mc-bento-tile__icon,
	.mc-about-pattern .mc-bento-tile--philosophy .mc-bento-tile__icon img {
		transition: none;
		animation: none;
	}

	.mc-about-pattern .mc-bento-tile {
		opacity: 1;
		transform: none;
	}
}

.mc-about-pattern .mc-about-values {
	gap: var(--wp--preset--spacing--30);
}

.mc-about-pattern .mc-about-value-card__inner {
	height: 100%;
	transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.mc-about-pattern .mc-about-value-card:hover .mc-about-value-card__inner {
	transform: translateY(-4px);
	box-shadow: 0 12px 28px rgba(0, 0, 0, 0.25);
}

@media (max-width: 1024px) {
	.mc-about-pattern .mc-bento-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		grid-auto-rows: minmax(200px, auto);
	}

	.mc-about-pattern .mc-bento-tile--team,
	.mc-about-pattern .mc-bento-tile--philosophy,
	.mc-about-pattern .mc-bento-tile--presence,
	.mc-about-pattern .mc-bento-tile--partnership {
		grid-column: auto;
		grid-row: auto;
		min-height: 220px;
	}

	.mc-about-pattern .mc-bento-tile--team {
		grid-column: 1 / -1;
		min-height: 320px;
	}

	.mc-about-pattern .mc-bento-tile--partnership {
		grid-column: 1 / -1;
	}
}

@media (max-width: 781px) {
	.mc-about-pattern .mc-bento-grid {
		grid-template-columns: 1fr;
	}

	.mc-about-pattern .mc-bento-tile--team,
	.mc-about-pattern .mc-bento-tile--partnership {
		min-height: 260px;
	}

	.mc-about-pattern .mc-about-values {
		gap: var(--wp--preset--spacing--20);
	}
}

.mc-testimonials-pattern .mc-testimonials-header {
	align-items: flex-end;
}

.mc-testimonials-pattern .mc-testimonials-score {
	background: linear-gradient(135deg, rgba(108, 152, 225, 0.14) 0%, rgba(0, 61, 122, 0.28) 100%);
	width: 100%;
}

.mc-testimonials-pattern .mc-testimonials-grid {
	align-items: stretch;
	gap: var(--wp--preset--spacing--30);
}

.mc-testimonials-pattern .mc-testimonial-card {
	display: flex;
}

.mc-testimonials-pattern .mc-testimonial-card__inner {
	position: relative;
	display: flex;
	flex-direction: column;
	height: 100%;
	width: 100%;
	overflow: hidden;
	padding: var(--wp--preset--spacing--40);
	border: 1px solid #2a5080;
	border-radius: 16px;
	transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}

.mc-testimonials-pattern .mc-testimonial-card__inner--featured {
	padding: var(--wp--preset--spacing--50) var(--wp--preset--spacing--40);
	border-color: var(--wp--preset--color--assets-one);
}

.mc-testimonials-pattern .mc-testimonial-card__inner::before {
	content: "\201C";
	position: absolute;
	top: 10px;
	right: 20px;
	font-size: 5rem;
	line-height: 1;
	color: var(--wp--preset--color--assets-one);
	opacity: 0.12;
	pointer-events: none;
}

.mc-testimonials-pattern .mc-testimonial-card__stars {
	margin: 0;
	line-height: 1;
	font-size: 16px;
	letter-spacing: 2px;
}

.mc-testimonials-pattern .mc-testimonial-card__quote {
	margin: var(--wp--preset--spacing--30) 0 0;
	font-size: 17px;
	line-height: 1.75;
}

.mc-testimonials-pattern .mc-testimonial-card__inner--featured .mc-testimonial-card__quote {
	font-size: 18px;
}

.mc-testimonials-pattern .mc-testimonial-card__badge {
	margin: 0;
	display: inline-flex;
	width: fit-content;
	padding: 6px 12px;
	border-radius: 999px;
	background: rgba(108, 152, 225, 0.14);
	border: 1px solid rgba(108, 152, 225, 0.35);
}

.mc-testimonials-pattern .mc-testimonial-card__author {
	margin-top: auto;
	padding-top: var(--wp--preset--spacing--30);
	border-top: 1px solid #2a5080;
	gap: var(--wp--preset--spacing--20);
}

.mc-testimonials-pattern .mc-testimonial-card__meta {
	gap: var(--wp--preset--spacing--10);
}

.mc-testimonials-pattern .mc-testimonial-card__name,
.mc-testimonials-pattern .mc-testimonial-card__role {
	margin: 0;
}

.mc-testimonials-pattern .mc-testimonial-card__name {
	font-size: 16px;
	font-weight: 600;
	line-height: 1.2;
}

.mc-testimonials-pattern .mc-testimonial-card__role {
	font-size: 14px;
	line-height: 1.4;
}

.mc-testimonials-pattern .mc-testimonial-card__avatar {
	margin: 0;
	flex-shrink: 0;
}

.mc-testimonials-pattern .mc-testimonial-card__avatar img {
	display: block;
	width: 56px;
	height: 56px;
	object-fit: cover;
	border: 2px solid var(--wp--preset--color--assets-one);
	border-radius: 100px;
}

.mc-testimonials-pattern .mc-testimonial-featured .mc-testimonial-card__inner {
	background: linear-gradient(160deg, rgba(108, 152, 225, 0.1) 0%, rgba(26, 58, 92, 1) 42%);
	box-shadow: 0 18px 48px rgba(0, 0, 0, 0.35);
}

.mc-testimonials-pattern .mc-testimonial-card:hover .mc-testimonial-card__inner {
	transform: translateY(-6px);
	border-color: rgba(108, 152, 225, 0.55) !important;
	box-shadow: 0 16px 40px rgba(0, 0, 0, 0.32);
}

.mc-testimonials-pattern .mc-testimonial-featured:hover .mc-testimonial-card__inner {
	transform: translateY(-8px);
	box-shadow: 0 22px 52px rgba(108, 152, 225, 0.18);
}

@media (max-width: 781px) {
	.mc-testimonials-pattern .mc-testimonials-header {
		align-items: flex-start;
	}

	.mc-testimonials-pattern .mc-testimonials-grid {
		gap: var(--wp--preset--spacing--20);
	}

	.mc-testimonials-pattern .mc-testimonial-featured .mc-testimonial-card__inner {
		padding-top: var(--wp--preset--spacing--40) !important;
		padding-bottom: var(--wp--preset--spacing--40) !important;
	}
}

/* Call to action */
.mc-cta-pattern {
	box-sizing: border-box;
}

.mc-cta-pattern .mc-cta-pattern__heading {
	word-wrap: break-word;
	overflow-wrap: break-word;
	hyphens: auto;
}

.mc-cta-pattern .wp-block-button__link {
	text-align: center;
}

@media (max-width: 781px) {
	.mc-cta-pattern {
		min-height: 260px !important;
		padding-top: var(--wp--preset--spacing--60) !important;
		padding-bottom: var(--wp--preset--spacing--60) !important;
		padding-left: var(--wp--preset--spacing--30) !important;
		padding-right: var(--wp--preset--spacing--30) !important;
	}

	.mc-cta-pattern .wp-block-buttons,
	.mc-cta-pattern .wp-block-button,
	.mc-cta-pattern .wp-block-button__link {
		width: 100%;
		max-width: 100%;
	}
}
