:root {
    --duration-short: 100ms;
    --duration-default: 200ms;
    --duration-announcement-bar: 250ms;
    --duration-medium: 300ms;
    --duration-long: 500ms;
    --duration-extra-long: 600ms;
    --duration-extra-longer: 750ms;
    --duration-extended: 3s;
    --ease-out-slow: cubic-bezier(0, 0, 0.3, 1);
    --animation-slide-in: slideIn var(--duration-extra-long) var(--ease-out-slow) forwards;
    --animation-fade-in: fadeIn var(--duration-extra-long) var(--ease-out-slow);

	--font-heading-style: normal;
	--font-heading-weight: 700;
	--font-body-scale: 1.0;
    --font-heading-scale: 1.0;
    --font-body-style: normal;
    --font-body-weight: 500;
    --font-body-weight-bold: 700;
    --color-success: 24, 157, 69;
    --color-error: 184, 16, 40;
    --color-attention: 199, 137, 46;
    --color-black: 0, 0, 0;
    --color-white: 255, 255, 255;
    --color-blue: 0, 141, 213;
    --color-electric: 224, 254, 61;
    --color-green: 0, 230, 119;
    --color-red: 211, 0, 42;
    --color-dark: 0, 0, 0;
    --color-grey: 53, 53, 53;
    --color-light-grey: 167, 167, 167;
    --color-strong-line: 215, 215, 215;
    --color-light-line: 224, 226, 229;
    --color-light-background: 240, 240, 240;

	--font-size-h1: calc(var(--font-heading-scale) * 2.8rem);
	--font-size-h2: calc(var(--font-heading-scale) * 2.4rem);
	--font-size-h3: calc(var(--font-heading-scale) * 1.6rem);
	--font-size-h4: calc(var(--font-heading-scale) * 1.4rem);
	--font-size-h5: calc(var(--font-heading-scale) * 1.2rem);
	--font-size-h6: calc(var(--font-heading-scale) * 1.0rem);

	--line-height-h1: calc(var(--font-heading-scale) * 3.6rem);
	--line-height-h2: calc(var(--font-heading-scale) * 3.2rem);
	--line-height-h3: calc(var(--font-heading-scale) * 2rem);
	--line-height-h4: calc(var(--font-heading-scale) * 1.8rem);
	--line-height-h5: calc(var(--font-heading-scale) * 1.6rem);
	--line-height-h6: calc(var(--font-heading-scale) * 1.4rem);

	--font-size-tagline-large: calc(var(--font-body-scale) * 1.6rem);
	--font-size-tagline-regular: calc(var(--font-body-scale) * 1.4rem);
	--font-size-tagline-small: calc(var(--font-body-scale) * 1.2rem);

	--line-height-tagline-large: calc(var(--font-body-scale) * 2rem);
	--line-height-tagline-regular: calc(var(--font-body-scale) * 1.8rem);
	--line-height-tagline-small: calc(var(--font-body-scale) * 1.6rem);

	--font-size-large: calc(var(--font-body-scale) * 1.8rem);
	--font-size-regular: calc(var(--font-body-scale) * 1.6rem);
	--font-size-small: calc(var(--font-body-scale) * 1.4rem);
	--font-size-extra-small: calc(var(--font-body-scale) * 1.2rem);

	--line-height-large: calc(var(--font-body-scale) * 2.6rem);
	--line-height-regular: calc(var(--font-body-scale) * 2.4rem);
	--line-height-small: calc(var(--font-body-scale) * 2rem);
	--line-height-extra-small: calc(var(--font-body-scale) * 1.6rem);

    --global-padding-left: 1.6rem;
    --global-padding-right: 1.6rem;

    --section-padding-top: 2.4rem;
    --section-padding-bottom: 2.4rem;

    --rtc-heading-top-spacing: 2.4rem;

    --wp--style--block-gap: 1.6rem;

    /* Core theme */
    --swiper-theme-color: #007aff;
    --swiper-navigation-size: 44px;

    /* Pagination */
    --swiper-pagination-color: var(--swiper-theme-color);
    --swiper-pagination-bullet-size: 8px;
    --swiper-pagination-bullet-horizontal-gap: 4px;
    --swiper-pagination-bullet-vertical-gap: 6px;

    /* Scrollbar */
     --swiper-scrollbar-bg-color: rgb(var(--color-white));
    --swiper-scrollbar-drag-bg-color: rgb(var(--color-black));
    --swiper-scrollbar-size: 5px;
    --swiper-scrollbar-border-radius: 50%;
    --swiper-scrollbar-sides-offset: 0px;
    --swiper-scrollbar-top: auto;
    --swiper-scrollbar-bottom: auto;

    /* A11y / preloader */
    --swiper-preloader-color: var(--swiper-theme-color);
}

@media(min-width: 768px) {
    :root {

        --global-padding-left: 2.4rem;
        --global-padding-right: 2.4rem;

        --section-padding-top: 3.2rem;
        --section-padding-bottom: 3.2rem;

        --rtc-heading-top-spacing: 2.4rem;
	}    
}

@media(min-width: 1024px) {
	:root {
		--font-size-h1: calc(var(--font-heading-scale) * 4rem);
		--font-size-h2: calc(var(--font-heading-scale) * 3.2rem);
		--font-size-h3: calc(var(--font-heading-scale) * 2.0rem);
		--font-size-h4: calc(var(--font-heading-scale) * 1.8rem);
		--font-size-h5: calc(var(--font-heading-scale) * 1.6rem);
		--font-size-h6: calc(var(--font-heading-scale) * 1.4rem);

		--line-height-h1: calc(var(--font-heading-scale) * 4.8rem);
		--line-height-h2: calc(var(--font-heading-scale) * 4rem);
		--line-height-h3: calc(var(--font-heading-scale) * 2.4rem);
		--line-height-h4: calc(var(--font-heading-scale) * 2rem);
		--line-height-h5: calc(var(--font-heading-scale) * 1.8rem);
		--line-height-h6: calc(var(--font-heading-scale) * 1.6rem);

        --global-padding-left: 2.4rem;
        --global-padding-right: 2.4rem;

        --section-padding-top: 4.8rem;
        --section-padding-bottom: 4.8rem;

        --rtc-heading-top-spacing: 3.2rem;
	}
}

@media(max-width: 692px) {
    :root {
        --wp--style--global--content-size: 100%;
    }
}


 html {
	box-sizing: border-box;
	font-size: calc(var(--font-body-scale) * 62.5%);
	height: 100%;
}

 body {
    font-family: 'Satoshi', sans-serif;
	min-height: 100%;
	margin: 0;
	font-size: 1.6rem;
	line-height: 24px;
	font-style: var(--font-body-style);
	font-weight: var(--font-body-weight);
}

.has-global-padding {
    padding-left: var(--global-padding-left);
    padding-right: var(--global-padding-right);
}

:root :where(.is-layout-flow) > * {
    margin-block-start: 1.6rem;
}

:root :where(.wp-block-buttons) {
    margin-block-start: 2.4rem;
}

:root :where(.wp-block-navigation) {
    font-size: inherit;
}

:root :where(.wp-block-post-date) {
    color: inherit;
    font-size: inherit;
}

:where(.wp-site-blocks *:focus) {
    outline: none;
}

:where(.wp-site-blocks *:focus-visible) {
     outline-width: 0.1rem;
     outline-style: solid;
}

:where(.wp-block-post-excerpt) {
    margin-bottom: 0;
}

.no-padding {
    padding:0 !important;
}
@media(max-width: 767px) {
    .hide-mobile {
        display: none !important;
    }
}

@media(min-width: 768px) {
    :root :where(.wp-block-buttons) {
        margin-block-start: 3.2rem;
    }
    .hide-desktop {
        display: none !important;
    }
}


/*Start Menu */
header {
    position: relative;
    z-index: 100;
}
header > .wp-block-group {
    position:absolute;
    width: 100%;
}

.wp-block-site-logo,
.shopify-premier-partner-logo {
    display: flex;
    margin: 0;
    line-height: 0;
    font-size: 0;
}

.wp-block-site-logo a,
.wp-block-site-logo .custom-logo-link,
.shopify-premier-partner-logo a {
    display: flex;
    line-height: 0;
}

.lottie-logo {
    display: inline-flex;
    align-items: center;
    height: 4rem;
    width: auto;
    flex: 0 0 auto;
    line-height: 0;
}

.lottie-logo > svg {
    display: block;
    height: 100%;
    width: auto;
}

@media (min-width: 768px) {
    .lottie-logo {
        height: 4.8rem;
    }
}

header .navigation-inner-wrapper {
    padding-top:var(--global-padding-right);
    padding-bottom:var(--global-padding-right);
}

.navigation-inner-wrapper {
    position: relative;
}


.wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content {
    outline-offset: unset;    
}
header .wp-block-navigation{
    background: rgb(var(--color-white));
    border-radius: 0.4rem;
    padding:0.4rem 0.8rem;
    font-size: var(--font-size-small);
    font-weight: var(--font-body-weight-bold);
}
header .wp-block-navigation ul {
    padding:0;
}

header .wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content{
    padding: 0.8rem 1.2rem;
    color: rgb(var(--color-black));
    border-radius: 0.4rem;
}
header .wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content:hover {
    text-decoration: none;
    background: rgb(var(--color-black));
    color:rgb(var(--color-white));
}
header .wp-block-navigation .wp-block-navigation-item{
    position: static;
}

/* =========================================================
   Base reset (menu only)
   ========================================================= */

.site-navigation,
.site-navigation * {
  box-sizing: border-box;
}

.menu,
.sub-menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* =========================================================
   Hamburger toggle
   ========================================================= */

.nav-toggle {
  width: 40px;
  height: 40px;
  background: rgb(var(--color-white));
  border: 0;
  padding: 1.2rem;
  cursor: pointer;
  position: relative;
  z-index: 1001;
  backdrop-filter: blur(2px);
}

.nav-toggle:hover {
    background: rgb(var(--color-white));   
}

.nav-toggle .icon-close {
  display: none;
}

.nav-toggle[aria-expanded="true"] {
    background: rgb(var(--color-black));
}

.nav-toggle[aria-expanded="true"] .icon-hamburger {
  display: none;
}

.nav-toggle[aria-expanded="true"] .icon-close {
  display: block;
}

/* =========================================================
   Overlay
   ========================================================= */

.menu-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.45);
  z-index: 998;
}

/* =========================================================
   Off-canvas navigation panel
   ========================================================= */

.p80-nav-root p:empty {
    display: none;
}

.site-navigation {
  position: absolute;
  top: 8rem;
  right: calc(var(--global-padding-right) * -1);
  width: 100%;
  z-index: 999;
  transform: translateX(100%);
  transition: transform 0.3s ease;
  -webkit-overflow-scrolling: touch;
  height: calc(100vh - 8rem);
  font-size: var(--font-size-small);
  line-height: var(--line-height-small);
  font-weight: 700;
}

.site-navigation .menu.depth-0 {
  background: rgb(var(--color-light-background));
    border-radius: 4px;
}

/* Open state */
.site-navigation.is-open {
  transform: translateX(0);
  right: 0;
}

/* Lock body scroll */
body.menu-open {
  overflow: hidden;
}

/* =========================================================
   Top-level menu items
   ========================================================= */

.menu > .menu-item {
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

/* Parent row */
.menu-parent {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1.6rem;
}

/* Link (thumbnail + label) */
.menu-link {
  display: flex;
  align-items: center;
  gap: 1.6rem;
  flex: 1;
  text-decoration: none;
  color: inherit;
  min-width: 0;
}

/* Thumbnail */
.menu-thumb {
  width: 40px;
  height: 40px;
  flex-shrink: 0;
  border-radius: 4px;
  overflow: hidden;
  background: #f2f2f2;
}

.menu-thumb-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Label */
.menu-label {
  white-space: wrap;
  overflow: hidden;
}

@media screen and (min-width: 768px) {
    .menu-link {
        align-items: flex-start;
    }
}

/* =========================================================
   Submenu toggle (chevron)
   ========================================================= */

.submenu-toggle {
  width: 20px;
  height: 20px;
  background: none;
  border: 0;
  padding: 0;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: -7px;
}

.submenu-toggle .menu-label{
    display: none;
}

.submenu-toggle::after {
  content: "";
  width: 6px;
  height: 10px;
  background-color: rgb(var(--color-dark));

  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 10'%3E%3Cpath d='M0.530273 8.53033L4.53027 4.53033L0.530273 0.530334' stroke='black' stroke-width='1.5' fill='none'/%3E%3C/svg%3E") no-repeat center;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 10'%3E%3Cpath d='M0.530273 8.53033L4.53027 4.53033L0.530273 0.530334' stroke='black' stroke-width='1.5' fill='none'/%3E%3C/svg%3E") no-repeat center;
}

/* =========================================================
   Submenu (accordion)
   ========================================================= */

.submenu-wrapper {
  position: absolute;
  top: 0;
  right: calc(var(--global-padding-right) * -1);
  width: 100%;
  max-height: 100%;
  background: rgb(var(--color-light-background));
  z-index: 999;
 border-radius: 4px;
  transform: translateX(100%);
  transition: transform 0.3s ease;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 1.6rem;
}

.submenu-wrapper.is-open {
  transform: translateX(0); 
  right: 0;
}

/* Submenu items */
.sub-menu .menu-item {
  padding:0 1.6rem;
}

/* Submenu links */
.sub-menu .menu-parent {
  padding:0.4rem 0;
}

/* Smaller thumbnails in submenu */
.sub-menu .menu-thumb {
  width: 6.4rem;
  height: 6.4rem;
}

.sub-menu .view-all {
    padding-top: 0.4rem;
}

.sub-menu .view-all .button {
    width: 100%;
    border:0;
}

.menu-back {
  border-bottom: 1px solid #D9D9D9;
  margin-bottom: 1.2rem;
}

.submenu-back {
    color:inherit;
  width: 100%;
  padding: 1rem;
  background: none;
  border: 0;
  text-align: left;
  font-weight: 600;
  cursor: pointer;    
  justify-content: start;
    padding: 1.6rem 0;
    line-height: 2rem;
}

.submenu-back::before {
  margin-right: 8px;  
  content: "";
  width: 6px;
  height: 10px;
  background-color: currentColor;

  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 10'%3E%3Cpath d='M5.06055 8.53033L1.06055 4.53033L5.06055 0.530334' stroke='black' stroke-width='1.5' fill='none'/%3E%3C/svg%3E") no-repeat center;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 10'%3E%3Cpath d='M5.06055 8.53033L1.06055 4.53033L5.06055 0.530334' stroke='black' stroke-width='1.5' fill='none'/%3E%3C/svg%3E") no-repeat center;
}

@media screen and (max-width: 767px) {
    .has-children > .menu-parent > a {
        display: none;
    }

    .submenu-toggle {
        width: 100%;
        display: flex;
        justify-content: space-between;
        color: inherit;
        --hover-color: inherit;
        --hover-border-color: none;
        --hover-background-color: none;
    }
    .submenu-toggle .menu-label {
        display: block;
    }
}

body::after {
    content: "";
    height: 100%;
    width: 100%;
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.5);
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.2s ease;
    z-index: 99; 
}

body.menu-submenu-open::after {
    display: block;
    opacity: 1;
    pointer-events: auto;
}

/* =========================================================
   Desktop / Tablet (≥ 768px)
   ========================================================= */

@media (min-width: 768px) {

  /* Hide hamburger */
  .nav-toggle {
    display: none;
  }

  /* Disable overlay */
  .menu-overlay {
    display: none !important;
  }

  /* Navigation becomes static */
  .site-navigation {
    position: relative;
    top: auto;
    bottom: auto;
    right:auto;
    left: auto;
    transform: none !important;
    height: auto;
    max-width: none;
    overflow: visible;
    background: rgb(var(--color-white));
    border-radius: 0.4rem;
    padding: 0.4rem 0.8rem;
  }

  .site-navigation .menu.depth-0 {
    background: none;
    border-radius: 0;
}

  /* Reset menu layout */
  .menu {
    display: flex;
    gap: 1.2rem;
  }

  .menu > .menu-item {
    border: 0;
  }

  .menu-parent {
    padding: 0;
  }

  .menu-item.depth-0 > .menu-parent .menu-link,
  .menu-item.depth-0 > .menu-parent .submenu-toggle {
    padding: 0.8rem 1.2rem;
        border-radius: 0.4rem;
        display: flex;
        line-height: 2rem;
        min-height: 4rem;
        align-items: center;
    }
  .menu-item.depth-0 > .menu-parent .menu-link:hover,
  .menu-item.depth-0 > .menu-parent .submenu-toggle:hover {
        text-decoration: none;
    background: rgb(var(--color-black));
    color: rgb(var(--color-white));  
  }

  /* Hide submenu toggle button */
  .submenu-toggle {
    display: none !important;
  }

  /* =====================================================
     Submenu hover behavior
     ===================================================== */

  .submenu-wrapper {
    background: transparent;
    position: absolute;
    top: calc(100% - 0.4rem);
    left: 0;
    right: auto;
    width: 100%;
    min-width: 240px;
    max-width: 100%;
    height: auto;
    max-height: none;
    transform: none;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    padding:1.2rem 0 0;
    transition: opacity 0.2s ease, visibility 0.2s ease;
  }

  .submenu-wrapper > ul {
    background: rgb(var(--color-light-background));
    border-radius: 8px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.12);
    padding: 0.8rem;
  }

  /* Show submenu on hover */
  .menu-item.has-children > .submenu-wrapper.is-open {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }

  /* Submenu list layout */
  .sub-menu {
    display: grid;
    gap: 0.8rem;
  }

  .sub-menu .menu-item {
    padding:0;
  }
  
  .sub-menu .menu-parent {
    padding:0;
  }
  /* Remove mobile back row */
  .menu-back {
    display: none;
  }
}

@media (hover: none) and (pointer: coarse) and (min-width: 768px){
  .submenu-toggle {
    display: block !important;
    width: auto;
    height: auto;
    font-weight: 700;
    color: inherit;
  }
  .submenu-toggle .menu-label{
    display: block;
}

  .submenu-toggle::before {
    display: none;
  }

  .has-children.depth-0 > .menu-parent .menu-link {
    display: none;
  }
}

@media (min-width: 1440px) {
    .site-navigation {
        position: static;
    }

    .submenu-wrapper {
        top: calc(100% - 2.8rem);    
    }

    .submenu-wrapper > ul {
        display: grid;
        grid-auto-flow: column;
        grid-auto-columns: 1fr;
        gap: 0.8rem;
        padding:2.4rem 2.4rem 9.8rem;
        position: relative;
    }

     .site-navigation .sub-menu > .menu-item {
        flex: 1 1 0;
    }

    .sub-menu .menu-label {
        white-space: wrap;    
    }

    .sub-menu .menu-thumb {
        aspect-ratio: 1 / 1;
        width: 100%;
        height: auto;
    }

    .sub-menu .menu-thumb-img {
        width: 100%;
        height: auto;
    }

    .sub-menu .menu-link {
        display: flex;
        flex-direction: column;
    }

    .sub-menu .menu-item.view-all {
        position: absolute;
        bottom: 2.4rem;
        left: 2.4rem
    }
}


/* =========================================================
   Motion safety
   ========================================================= */

@media (prefers-reduced-motion: reduce) {
  .site-navigation,
  .submenu-toggle::after {
    transition: none;
  }
}



#nav-overlay {
    display: none;
    position: fixed;
    inset: 0;
    background: rgb(var(--color-black));
    opacity: 0.5;
    width: 100vw;
    height: 100vh;
    z-index: 10;
}

.submenu-open #nav-overlay {
    display: block;
}

.wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container {
    top:6.4rem;
    left: 0;
    right: 0;
    padding-top: 2.8rem;
}

.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container {
    border:0;
    border-radius: 0.4rem;
}
.wp-block-navigation ul.submenu-query-list {
    margin-bottom: 2.4rem;
    line-height: var(--line-height-small);
}
.submenu-query-block {
    background-color: rgb(var(--color-white));
    border-radius: 0.4rem;
}
header .wp-block-navigation-submenu__toggle {
    display: block !important;
}

.header-logos img{
    height: 4rem !important;
    width: auto  !important;
}

@media (min-width: 600px) {
    .header-logos img{
        height: 4.8rem !important;
        width: auto  !important;
    }
    header .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open),
    header .wp-block-navigation__responsive-dialog,
    header .wp-block-navigation {
        position: static;
    }
    
    header .wp-block-navigation__submenu-icon {
        display: none !important;
    }
}
@media (max-width: 599px) {
    .wp-block-navigation .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container {
        position: absolute;
        transform: translate(-100%);
        visibility: hidden;
        z-index: 3;
        left: 0;
        right:auto;
        top: 100%;
        bottom: auto;
        width: 100%;
        padding: 0;
        overflow-x: hidden; 
        height: calc(100vh - 10rem);
    }
    .wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation-submenu__toggle[aria-expanded="true"] + .wp-block-navigation__submenu-container{
        transform: translate(0);
        visibility: visible;
        transition:transform var(--duration-default) ease, visibility var(--duration-default) ease;   
    }
}

@media (min-width: 1024px) {
    header .wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content{
        padding: 0.8rem 1.6rem;
    }
}
/*End Menu */

main, .wp-site-blocks {
    overflow-x: hidden;
}

:root :where(.wp-block-columns-is-layout-flex) {
    gap: 2.4rem;
}

@media (min-width: 768px) and (max-width: 1399px){
    :root :where(.wp-block-columns-is-layout-flex) {
        gap: 3.2rem;
    }
}

.wp-block-separator {
    color:rgb(var(--color-strong-line));
    margin:var(--section-padding-top) 0;
}

.wp-block-media-text__media {
    border-radius: 0.8rem;
    overflow: hidden;    
}

.wp-block-cover {
    aspect-ratio: 2/3 !important;
    padding:0;
}

.wp-block-cover-image {
    padding:2.4rem 1.6rem;
}

.wp-block-cover.mini-preview {
    aspect-ratio: unset !important;
    border-radius: 0.8rem;
}

@media (max-width: 767px) {
    .wp-block-cover, .wp-block-cover-image {
        justify-content: space-between;
    }
}

.wp-block-cover .wp-block-cover__mobile-background {
    z-index: 1;
}

.wp-block-cover .wp-block-cover__inner-container {
    z-index: 3;
}

.main-banner{
    margin-bottom: var(--section-padding-bottom);
}

.wp-block-cover .wp-block-cover__image-background {
    position: relative;
    display: block;
}

.wp-block-cover.has-mobile-image .wp-block-cover__tablet-background,
.wp-block-cover.has-mobile-image .wp-block-cover__mobile-background{
    display: none;
}

.wp-block-cover .wp-block-cover__inner-container {
    z-index: 3;
    position: absolute;
    width: 100% !important;
    height: 100% !important;
    padding:2.4rem 1.6rem;
    box-sizing: border-box;
    display: flex;
}

.error404 .wp-block-cover .wp-block-cover__inner-container {
	height: auto !important;
	padding: clamp(48px, 9.6rem, 9.6rem);
}

.wp-block-cover.is-position-top-left .wp-block-cover__inner-container{
    align-items: flex-start;
    justify-content: flex-start
}

.wp-block-cover.is-position-top-center .wp-block-cover__inner-container{
    align-items: flex-start;
    justify-content: center
}

.wp-block-cover.is-position-top-right .wp-block-cover__inner-container{
    align-items: flex-start;
    justify-content: flex-end
}

.wp-block-cover.is-position-center-left .wp-block-cover__inner-container{
    align-items: center;
    justify-content: flex-start
}

.wp-block-cover.is-position-center-center .wp-block-cover__inner-container{
    align-items: center;
    justify-content: center
}

.wp-block-cover.is-position-center-right .wp-block-cover__inner-container{
    align-items: center;
    justify-content: flex-end
}

.wp-block-cover.is-position-bottom-left .wp-block-cover__inner-container{
    align-items: flex-end;
    justify-content: flex-start
}

.wp-block-cover.is-position-bottom-center .wp-block-cover__inner-container{
    align-items: flex-end;
    justify-content: center
}

.wp-block-cover.is-position-bottom-right .wp-block-cover__inner-container{
    align-items: flex-end;
    justify-content: flex-end
}

.wp-block-cover.main-banner .wp-block-columns {
    flex: 1;
}

.main-banner.has-main-image.wp-block-cover .wp-block-cover__background.has-background-dim {
    top:auto !important; 
    bottom:0 !important; 
    left:0 !important; 
    right:0 !important;    
    width: 100% !important; 
    height:66.72% !important;      
}

.main-banner.has-main-image.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-0 {
    opacity: 0.5;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, #000 100%);  
}


@media (min-width: 768px) {
    .wp-block-cover {
        aspect-ratio: 2/1 !important;
    }
    .wp-block-cover-image,
    .wp-block-cover .wp-block-cover__inner-container {
        padding:4.8rem 2.4rem;
    }

    .wp-block-cover .wp-block-cover__mobile-background {
        z-index: unset;
    }
	
	.error404 .wp-block-cover .wp-block-cover__inner-container {
		width: auto !important;
	}

    .main-banner.has-main-image.wp-block-cover .wp-block-cover__background.has-background-dim {
        top:0 !important;
        bottom:0 !important;
        left:0 !important;
        right:auto !important;
        width:50% !important;  
        height: 100% !important;  
    }

    .main-banner.has-main-image.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-0 {
        opacity: 0.5;
        background: linear-gradient(270deg, rgba(0, 0, 0, 0.00) 0%, #000 100%);
    }
}

.no-text-overlay.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-0 {
    background: none !important;
}

@media (max-width: 1023px) {
    .wp-block-cover {
        aspect-ratio: 2 / 1 !important;
    }
    .wp-block-cover.has-tablet-image .wp-block-cover__image-background {
        display: none;
    }
    .wp-block-cover.has-tablet-image .wp-block-cover__tablet-background {
        display: block;
    }
    .error404 .wp-block-cover {
		align-items: flex-end;
		text-align: center;
	}
    .error404 .wp-block-cover .wp-block-cover__inner-container {
        text-align:center;
        padding: 4.8rem 1.6rem;
	}
    .error404 .wp-block-cover .wp-block-cover__inner-container h2 {
        font-size: var(--font-size-h3);
        line-height: var(--line-height-h3);
    }
}

@media (max-width: 767px) {
    .wp-block-cover.has-mobile-image .wp-block-cover__image-background {
        display: none;
    }
    .wp-block-cover.has-mobile-image .wp-block-cover__mobile-background {
        display: block;
    }
    .error404 .wp-block-cover {
		align-items: flex-end;
		text-align: center;
	}
    .error404 .wp-block-cover .wp-block-cover__inner-container {
        text-align:center;
        padding: 4.8rem 1.6rem;
	}
    .error404 .wp-block-cover .wp-block-cover__inner-container h2 {
        font-size: var(--font-size-h3);
        line-height: var(--line-height-h3);
    }
}

@media (max-width: 1023px) {
    .main-banner {
        aspect-ratio: 3/2 !important;
    }
}

@media (max-width: 767px) {
    .main-banner {
        aspect-ratio: 375/562 !important;
    }
}



@media (max-width: 1439px) {
    .main-banner {
        margin-right: auto;
        margin-left: auto;
    }

    .wp-block-cover {
        min-height: unset !important;
    }
}

.main-banner.full-width-content .wp-block-cover__inner-container{
    padding:0;
}

.full-width-content .wp-block-columns {
    height: 100%;
    width: 100%;
    justify-content: space-between;
}

.full-width-content .wp-block-columns .text-column {
    padding: 1.6rem;
    max-width: 45.8rem;
    order:2;
}

.full-width-content .bg-line-pattern {
    display: flex;
    justify-content: center;
    align-items: center;
    order: 1;
    min-height: 50%;
    padding: 8rem 0;
    box-sizing: border-box;
}

.bg-line-pattern .technology-logo {
    border: 2.4rem solid rgb(var(--color-black));
    position: relative;
    z-index: 2;
}

.full-width-content .bg-line-pattern > div {
	position: relative;
    z-index: 2;	
}

@media (min-width: 768px) {
    .bg-line-pattern .technology-logo {
        border: 2.4rem solid rgb(var(--color-black));

    }

    .full-width-content .wp-block-columns .text-column{
        padding: 2.4rem 0 2.4rem 2.4rem;
        order:1;
    }
    .full-width-content .bg-line-pattern {
        order: 2;
        height: 100%;
        padding: 10rem 0;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .bg-line-pattern .technology-logo img {
        width: var(--mibs-mobile-width, auto) !important;
    }

    .single-technology .main-banner.full-width-content .wp-block-cover__inner-container{
        padding:2.4rem;
    }
}

@media (min-width: 1024px) {
    .bg-line-pattern .technology-logo {
        border: 4.8rem solid rgb(var(--color-black));
    }

    .full-width-content .wp-block-columns .text-column{
        padding: 4.8rem 0 4.8rem 4.8rem;
    }
}

.post-type-archive-blog, body.archive.tag, .post-template-default, body.single-blog, .blog-template {
    background: rgb(var(--color-strong-line));
}

.page-template-default .entry-content {
    padding-bottom: 4.8rem;
}

@media (min-width: 768px) {
    .page-template-default .entry-content {
        padding-bottom: 9.6rem;
    }
}

.wp-block-spacer {
    margin:0;
    height: var(--section-padding-top) !important;
}

.entry-content > div:last-child:not(.wp-block-spacer):not(.conversation-cta-block) {
    padding-bottom: calc(var(--section-padding-top) * 2);
}

main {
    margin:0;
}
h1,
h2,
h3,
h4,
h5,
.h0,
.h1,
.h2,
.h3,
.h4,
.h5 {
    font-weight: var(--font-heading-weight);
    line-height: calc(1 + 0.3 / max(1, var(--font-heading-scale)));
    word-break: break-word;
    margin-top: 0;	
}

h1,
.h1 {
    --font-size: var(--font-size-h1);
    font-size: var(--font-size);
    line-height: var(--line-height-h1);
}

h2,
.h2 {
    --font-size: var(--font-size-h2);
    font-size: var(--font-size);
    line-height: var(--line-height-h2);
}

h3,
.h3 {
    --font-size: var(--font-size-h3);
    font-size: var(--font-size);
    line-height: var(--line-height-h3);
}

h4,
.h4 {
    --font-size: var(--font-size-h4);
    font-size: var(--font-size);
    line-height: var(--line-height-h4);
}

h5,
.h5 {
    --font-size: var(--font-size-h5);
    font-size: var(--font-size);
    line-height: var(--line-height-h5);
}

strong {
    font-weight: var(--font-body-weight-bold);
}

:where(figure.wp-block-image) {
    margin: 0;
}

.wp-block-post.type-service .wp-block-post-featured-image img,
.featured-case-study .wp-block-cover img.wp-block-cover__image-background,
.animated-background img.wp-block-cover__image-background {
  object-fit: cover;
  transform: scale(1) rotate(0deg);
  transition: transform 4s ease;
  will-change: transform;    
}

.featured-case-study .wp-block-cover img.wp-block-cover__image-background {
    transition: transform 6s ease;    
}

.animated-background {
    aspect-ratio: 1 / 1 !important;
}

.animated-background .wp-block-image.aligncenter {
    display: flex;
    align-items: center;
}

.animated-background img.wp-block-cover__image-background {
    transition: transform 9s ease;        
}

.wp-block-post.type-service:hover .wp-block-post-featured-image img,
.featured-case-study .wp-block-cover:hover img.wp-block-cover__image-background,
.animated-background:hover img.wp-block-cover__image-background{
  transform: scale(1.3) rotate(5deg);  
}


.wp-block-post-title {
    margin-bottom: 1.6rem;
}

.wp-block-group.date-modified {
    margin-bottom: 1.6rem;
}

.rte ul, .rte ol {
    padding-left: 2rem;
    margin-block-start: 1.2rem;
}

.rte h2 {
    margin-top: 4.8rem;
}

.glide__arrow--disabled {
    display: none;
}

.glide__arrow {
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    background: rgb(var(--color-black));
    border: 0;
    display: flex;
    align-items: center;
    padding: 0;
}

.glide__arrow--left {
    left: -2rem;
}

.glide__arrow--right {
    right: -2rem;
}

.glide__arrow[disabled] {
    opacity: 0;
}

/* Mobile scroll mode */
@media (max-width:1023px){
  .glide__track{
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
    scrollbar-color: #000;
    padding-bottom: 2.4rem;
  }

  .glide__track::-webkit-scrollbar{
    height:5px;
  }

  /* Background bar */
    .glide__track::-webkit-scrollbar-track {
        background: #fff;
        border-radius: 5px;
    }

  .glide__track::-webkit-scrollbar-thumb{
    background: #000;
    border-radius:999px;
  }

  .glide__track::-webkit-scrollbar-thumb:hover {
    background: rgb(var(--color-grey));
    }

  .glide__slides{
    display:flex;
    gap:0.8rem;
    overflow: visible !important;
    touch-action: pan-x !important;
  }

  .glide__slide{
    flex:0 0 auto;
    width: 30rem;
  }
  .glide__arrows {
    display: none;
  }

  .glide[data-disable-mobile="true"] .glide__slide {
        width: calc(32% - 0.8rem * 2 / 3 ) !important;         /* each slide takes full width */
        margin: 0 !important;
    }
}



@media (max-width: 767px) {
    .glide[data-disable-mobile="true"] .glide__track {
        overflow: visible !important;
        margin:0;
    }
    .glide[data-disable-mobile="true"] .glide__arrows,
    .glide[data-disable-mobile="true"] .glide__bullets,
    .glide[data-disable-mobile="true"] .glide__slide--clone{
        display: none !important;
    }
    .glide[data-disable-mobile="true"] .glide__slides {
        flex-wrap: wrap;
        gap: 3.2rem 0.7rem;
    }

    .glide[data-disable-mobile="true"] .glide__slide {
        width: calc(50% - 0.7rem / 2 ) !important;         /* each slide takes full width */
        margin: 0 !important;
    }

    
    .glide__arrow {
        width: 3.2rem;
        height: 3.2rem;
    }

    .glide__arrow--left {
        left: 1rem;
    }

    .glide__arrow--right {
        right: 1rem;
    }
}

.has-swiper {
    overflow: hidden;
}

.swiper-arrow {
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    background: rgb(var(--color-black));
    color:rgb(var(--color-black));
    border: 0;
    display: flex;
    align-items: center;
    padding: 0;
}

.swiper-button-prev{
    left: -2rem;
}

.swiper-button-next {
    right: -2rem;
}

.swiper-button-next:after, .swiper-button-prev:after {
    display: none;
}

.swiper-button-next svg, .swiper-button-prev svg {
    width: auto;
    height: auto;
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
    pointer-events: unset;
    display: none;
}

/* Hide scrollbar by default */
.swiper-scrollbar {
    display: none;
}

.swiper-pagination {
    display: none;
}

.swiper-horizontal>.swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal {
    position: static;
    margin: 2.4rem auto;
}

@media (max-width: 1399px) {
    .swiper-button-prev{
        left: 1rem;
    }

    .swiper-button-next {
        right: 1rem;
    }
}

@media (min-width: 1024px) {
    .has-swiper {
        position: relative;
        overflow: visible;
    }
}

/* Show on mobile */
@media (max-width: 1023px) {
    .has-swiper {
        overflow: visible;
    }

    .swiper-arrow {
        display: none;
    }

    .has-swiper .swiper {
        overflow: visible;
    }

    .swiper-scrollbar {
        display: block;
        height: 5px;
        background: rgb(var(--color-white));
        border-radius: 2.5px;
    }

    .swiper-scrollbar-drag {
        background: rgb(var(--color-black));
        border-radius: 2.5px;
    }

    
}

.swiper--testimonial, .swiper--testimonial .swiper-wrapper {
    overflow: visible;
}

.swiper-disabled .swiper-wrapper {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 0.8rem;
    row-gap: 3.2rem;
    margin-bottom: 4.8rem;
}

.swiper-disabled .swiper-scrollbar,
.swiper-disabled .swiper-arrow{
    display: none;
}

.swiper-disabled .wp-block-post-excerpt__excerpt {
    display: none;
}

.header-logos {
    gap: 0 !important;
}

.badge, .cover-badge, .wp-block-post-terms a, .wp-block-read-more, .category-filter a {
    color: rgb(var(--color-white));
    background-color: rgb(var(--color-black));
    padding: 0.4rem 0.8rem;
    font-weight: var(--font-body-weight-bold);
    display: inline-flex;
    border-radius: 0.4rem;
	font-size: var(--font-size-small);
	line-height: var(--line-height-small);
}

button,
.button,
input[type="submit"]{
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 1.4rem 2.4rem;
    cursor: pointer;
    font: inherit;
    font-size: 1.4rem;
    line-height: 2rem;
    font-weight: var(--font-body-weight-bold);
    text-decoration: none;
    transition: box-shadow var(--duration-short) ease;
    appearance: none;
    background-color: rgb(var(--color-dark));
    color: rgb(var(--color-white));
    border: 1px solid rgb(var(--color-dark));
    outline: 0;
    border-radius: 0.4rem;
    --hover-color: rgb(var(--color-white));
    --hover-border-color: rgb(var(--color-grey));
    --hover-background-color: rgb(var(--color-grey));
}

.button, .wp-block-button .wp-block-button__link, .wp-block-button-primary .wp-block-button__link {
    background-color: rgb(var(--color-dark));
    color: rgb(var(--color-white));
    border: 1px solid rgb(var(--color-dark));
    --hover-color: rgb(var(--color-white));
    --hover-border-color: rgb(var(--color-grey));
    --hover-background-color: rgb(var(--color-grey));
}

.button svg path {
    fill:inherit;
}

.button--primary {
    background-color: rgb(var(--color-dark));
    color: rgb(var(--color-white));
}

.button--secondary, .wp-block-button-secondary .wp-block-button__link, .block-button-white .wp-block-button__link{
    background-color: rgb(var(--color-white));
    color: rgb(var(--color-dark));
    border-color: rgb(var(--color-white));
    --hover-color: rgb(var(--color-dark));
    --hover-border-color: rgb(var(--color-light-grey));
    --hover-background-color: rgb(var(--color-light-grey));
}

.button--tertiary {
    background-color: rgb(var(--color-white));
    color: rgb(var(--color-dark));
    border: 1px solid rgb(var(--color-gold));
    --hover-color: rgb(var(--color-dark));
    --hover-border-color: rgb(var(--color-gold));
    --hover-background-color: rgb(var(--color-gold));
}

.button--outline, .block-button-outline .wp-block-button__link {
    background-color: transparent;
    color: rgb(var(--color-dark));
    border: 1px solid rgb(var(--color-dark));
    --hover-color: rgb(var(--color-white));
    --hover-border-color: rgb(var(--color-dark));
    --hover-background-color: rgb(var(--color-dark));
}

.button--white, input[type="submit"].button--white{
    background-color: rgb(var(--color-white));
    color: rgb(var(--color-dark));
    border-color: rgb(var(--color-white));
    --hover-color: rgb(var(--color-dark));
    --hover-border-color: rgb(var(--color-light-grey));
    --hover-background-color: rgb(var(--color-light-grey));
}

.button--link, .js-team-ajax .wp-block-button__link, .button--link .wp-block-button__link, .wp-block-button--link .wp-block-button__link {
    padding:0;
    background-color: transparent;
    color: inherit;
    border-color: transparent;
    --hover-color: rgb(var(--color-grey));
    --hover-border-color: none;
    --hover-background-color: transparent;
    text-decoration: underline;
    text-underline-offset: 0.4rem;
}

.button--small {
    padding: 0.8rem 1.6rem;
}

.btn-start-conversation .wp-block-button__link{
    --hover-color: rgb(var(--color-white));
    --hover-border-color: rgb(var(--color-dark));
    --hover-background-color: rgb(var(--color-dark));   
}

button:hover, .button:hover, 
input[type="submit"]:hover, 
.wp-block-button-primary .wp-block-button__link:hover,
.wp-block-button-secondary .wp-block-button__link:hover,
.wp-block-button .wp-block-button__link:hover {
    color: var(--hover-color);
    border-color: var(--hover-border-color);
    background-color: var(--hover-background-color);
}

.wp-block-button .wp-block-button__link,
.wp-block-button .wp-block-button__link:hover {
    border: none;
}


.view-design-button .wp-element-button, .view-design-button  {
    display: flex;
    align-items: center;
    justify-content: space-between;
    column-gap: 0.8rem;
}
.p80-button-icon {
    display: flex;
    align-items: center;
    justify-content: space-between;   
}

.mlb-button {
    display: flex;
    gap: 0.8rem;
    align-items: center;
}

.section {
    padding-top: var(--section-padding-top);
    padding-bottom: var(--section-padding-bottom);
    margin:0;
}

.entry-content .section.has-background {
    margin-top: var(--section-padding-top);
}

.section.has-background:not(:last-child) {
    margin-bottom: var(--section-padding-top);
}

.section.has-background.alignfull,
.section--explore-case-studies {
    padding-top: calc(var(--section-padding-top) * 2);
    padding-bottom: calc(var(--section-padding-top) * 2);
}

.section--first {
    padding-top: 8.8rem;
}

.section__title {
    margin-bottom: 2.4rem;
}

.section__button-row {
    margin-top: 2.4rem;
}

.page-heading-container {
    margin:0;
    padding-top: 8rem;
    padding-bottom: 0;
}

.page-heading-container h1,
.page-heading-container .page-title {
    margin-bottom: 1.6rem;
}

@media (min-width: 768px) {
    .page-heading-container,
    .section--first {
        padding-top: 9.6rem;
    }
}

@media (min-width: 1024px) {
    .page-heading-container,
    .section--first {
        padding-top: 12rem;
    }
    .section__title {
        margin-bottom: 4.8rem;
    }
    .section__button-row {
        margin-top: 4.8rem;
    }

    .post-type-archive .page-heading-container * {
        max-width: 50%;
    }
}

:where(.wp-block-columns) {
    margin-bottom: 4.8rem;
}

:root :where(.is-layout-flow) > :last-child > .wp-block-columns:last-child {
    margin-bottom: 0;
}

@media (min-width: 768px) and (max-width: 1399px){
    :where(.wp-block-columns) {
        margin-bottom: 3.2rem;
    }
}


.contact-columns {
    justify-content: space-between;
}


@media screen and (min-width: 768px) {
	.contact-columns > .form-col,
	.contact-columns > .map-col{
		width:69.2rem;
		flex-grow: 0 !important;
		flex-basis:auto !important;
		max-width: calc(50% - 3.2rem / 2);
	}	
}

@media screen and (min-width: 768px) and (max-width: 1279px){
	.contact-columns > .text-col {
		max-width: 34.2rem;
	}
	.contact-columns .wp-block-contact-form-7-contact-form-selector {
        padding: 2.4rem;
    }

	.form-col .fields {
		display: block;
	}
}

@media screen and (min-width: 1280px) {
	.contact-columns > .text-col {
		max-width: 34.2rem;
	}
    .contact-columns .wp-block-contact-form-7-contact-form-selector {
        padding: 9.6rem;
    }
}

.wp-element-button {
	font-weight: var(--font-body-weight-bold);
	line-height: 2rem;
	padding:1.4rem 2.4rem;
	font-size: 1.4rem;
    border-radius: 0.4rem;
}

.featured-case-study {
    position: relative;
    margin:0;
}

.featured-case-study .wp-block-cover{
    border-radius: 0.8rem;
	width: 100%;
	padding:0;
}

.featured-case-study .wp-block-cover__inner-container {
	padding: 6.8rem 1.6rem 2.4rem;
}

.featured-case-study .wp-block-cover .wp-block-columns {
	justify-content: space-between;
    width: 100%;
}
.featured-case-study .wp-block-cover .hero-images-container {
    justify-content: end;
    width: auto;
}

.featured-case-study .badge, .featured-case-study .cover-badge {
    position: absolute;
    top:1.6rem;
    left:1.6rem;
    z-index: 4;
    margin:0;
}

.featured-case-study .wp-block-cover__image-background {
    display: none;
}

.featured-case-study .wp-block-cover__mobile-background {
    display: block;
}

.featured-case-study .wp-block-image {
    margin:0;
    max-height: 42rem;
}

.featured-case-study .wp-block-image img{
    max-height: 42rem;
    width: auto;
}

@media (min-width: 768px) {
    .featured-case-study .badge, .featured-case-study .cover-badge {
        top: 2.4rem;
        left: 2.4rem;
    }

    .featured-case-study .wp-block-cover__image-background {
        display: block;
    }

    .featured-case-study .wp-block-cover__mobile-background {
        display: none;
    }
    .featured-case-study .wp-block-cover__inner-container {
        padding:6.2rem 2.4rem 2.4rem;
    }
}

@media (min-width: 1440px) {
    .featured-case-study .wp-block-cover__inner-container {
        padding:4.8rem 6.4rem;
    }
}

@media (max-width: 1023px) and (min-width: 768px){
    .featured-case-study .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column:not(.design-preview-column) {
        flex-basis: 27rem !important;
        flex-grow: 0;
    }
}

@media (max-width: 767px) {
    .featured-case-study .wp-block-cover {
        align-items: stretch;
        flex-direction: column;
        aspect-ratio: 343 / 600 !important;
    }
    .featured-case-study .wp-block-cover__inner-container {
        height: 100%;
        flex: 1;
        z-index: 10;
        box-sizing: border-box;
        display: flex;
    }
    .featured-case-study .wp-block-cover .wp-block-columns {
        align-content: space-between;
        padding-top:0;
    }
}

.wp-block-query .wp-block-post-title {
    margin-bottom: 1.6rem;
}

.wp-block-query .wp-block-post-excerpt__excerpt {
    font-size: var(--font-size-small);
    line-height: var(--line-height-small); 
}

.wp-block-query .wp-block-post-excerpt__more-link {
   font-weight: var(--font-body-weight-bold); 
   text-underline-offset: 0.5rem;
   font-size: var(--font-size-small);
   line-height: var(--line-height-small);
}

.wp-block-query .wp-block-post-featured-image {
    margin-bottom: 1.6rem;
    border-radius: 0.8rem;
    overflow: hidden;
}

.wp-block-query .aspect-ratio-square.wp-block-post-featured-image {
    aspect-ratio: 1 / 1;
}

.wp-block-query .aspect-ratio-square.wp-block-post-featured-image img {
    height: 100%;
    object-fit: cover;
}

.wp-block-post-terms a, .category-filter a{
    color: rgb(var(--color-black));
    background-color: rgb(var(--color-light-background));
	font-size: var(--font-size-extra-small);
	line-height: var(--line-height-extra-small);
    text-decoration: none;
}

.wp-block-post-terms__separator {
    display: none;
}

.wp-block-post-terms, .category-filter, .wp-block-categories-list {
    display: flex;
    gap:0.8rem;
    flex-wrap: wrap;
}

.filter-container {
    margin-top: var(--section-padding-top);
}

.wp-block-categories-list {
    list-style: none;
    margin: 1.6rem 0;
    padding: 0;    
}

.wp-block-query-no-results {
    padding-top: var(--section-padding-top);
    padding-bottom: var(--section-padding-bottom);
}


@media (min-width: 768px) {
    .wp-block-query .wp-block-post-featured-image {
        margin-bottom: 3.2rem;
    }

    .wp-block-query .wp-block-post > *:not(.wp-block-image):not(.wp-block-post-featured-image):not(.wp-block-columns):not(.testimonial-inner){
        padding-right:3.2rem;
    }
}

.wp-block-query .type-case-study .wp-block-post-featured-image {
    aspect-ratio: 458 / 610 !important;    
    position: relative;
    overflow: hidden;
    --cs-height: 79%;
}

.wp-block-post-featured-image + .wp-block-post-content {
    margin-top: var(--section-padding-top);    
}

body.single-blog .wp-block-post-content {
    padding-top: var(--section-padding-top); 
    padding-bottom: var(--section-padding-bottom);
    margin-top: 0;
}

body.single-blog .wp-block-group > .wp-block-post-featured-image {
     margin-top: var(--section-padding-top); 
}

body.single-blog h1.wp-block-post-title {
    margin-top: var(--section-padding-top); 
}

.single-blog .entry-content .wp-block-group {
    margin: var(--section-padding-top) 0;
}

.single-blog .entry-content .wp-block-group:first-child {
    margin-top: 0;
}

.single-blog .entry-content .wp-block-group:not(.summary-block ):not(.conversation-cta-block):not(.blog-featured-case-study) {
    padding:0;
}

.single-blog .entry-content .summary-block {
    background: rgb(var(--color-light-background));
    padding: var(--section-padding-top);
    border-radius: 0.8rem;
}

.single-blog .entry-content .wp-block-image {
    border-radius: 0.8rem;
    overflow: hidden;
}

.summary-block .wp-block-heading {
    font-size: var(--font-size-h3);
    margin-bottom: 2.4rem;
}

.summary-block ul {
    list-style: none;
    padding: 0;
    margin:0;
}

.summary-block li {
    padding: 1.6rem 0;
    border-bottom: 1px solid rgb(var(--color-strong-line));
    font-size: var(--font-size-small);
    font-weight: var(--font-body-weight-bold);
}

.summary-block li:first-child {
    border-top: 1px solid rgb(var(--color-strong-line));
}

.conversation-cta-block {
    background: rgb(var(--color-dark));
    padding: var(--section-padding-top);
    color:rgb(var(--color-strong-line));
    border-radius: 0.8rem;
}

.next-posts-wrapper {
    padding: calc(var(--section-padding-top) * 2) 0;
    border-top: 1px solid rgb(var(--color-light-grey));
}

.next-posts {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    list-style: none;
    padding:0;
    margin: 0;
}

.next-posts .wp-block-post-featured-image{
    aspect-ratio: 342 / 228 !important;
	display:block
}

.next-posts .wp-block-post-featured-image img {
	width:100%;
	object-fit: cover;
	height: 100%;
}

.sharer-block {
	display: flex;
	align-items: center;
	gap:2.4rem;
	padding: 1.6rem 2.4rem;
	background: #000;
	color: #fff;
    width: max-content;
    border-radius: 0.8rem;
    margin-top: var(--section-padding-top);
}
.sharer-block p {
    font-size: var(--font-size-extra-small);
    text-transform: uppercase;
}
.sharer-block ul {
	margin:0;
	gap:1.4rem
}

.sharer-block .jetpack-sharing-button__list-item {
    align-items: center;
}

.sharer-block .jetpack-sharing-button__button.style-icon {
	margin:0;
	padding: 0.44rem;
    position: static;
}

.sharer-block .jetpack-sharing-button__button svg {
	height: 1.92rem;
	width: 1.92rem;
}

.sharer-block-wrapper {
    position: static;
}

@media screen and (max-width: 480px) {
    .sharer-block {
        width: 100%;
    }

    .sharer-block ul {
        width: 100%;
        justify-content: space-between;
    }
}

.post-template-old-post .content-wrapper, .blog-template-old-post .content-wrapper {
    margin-top:8rem;
}

@media (min-width: 768px) {
    .post-template-old-post .content-wrapper, .blog-template-old-post .content-wrapper {
        margin-top:9.6rem;
    }
}

@media (min-width: 768px) {
    .post-template-old-post .content-wrapper, .blog-template-old-post .content-wrapper {
        margin-top:12rem;
    }
}

.old-content img{
    max-width: 100% !important;
}

.old-content * {
    text-transform: none !important;
}

.old-content .gallery-size-thumbnail {
    display: flex;
    padding: 2.4rem;
    background: #fff;
    border-radius: 0.8rem;
    gap: 2.4rem;
}

.old-content .gallery-size-thumbnail .gallery-item {
    flex: 1;
}

.old-content .gallery-size-thumbnail .gallery-item img {
    width: 100%;
    height: auto;
}

@media (max-width: 767px) {
    .old-content .gallery-size-thumbnail {
        overflow-x: auto;    
    }  
    .old-content .gallery-size-thumbnail .gallery-item {
        min-width: 20rem;
    }
}


@media (min-width: 1024px) {
    body.single-blog .content-wrapper {
        position: relative;
    }
	.sharer-block-wrapper {
		position: absolute;
		top: 0;
		left: 50%;
		transform: translateX(-50%);
		max-width: 100vw;
		width: var(--wp--style--global--wide-size);
		padding: 0;
		margin: 0;
		display: flex;
		justify-content: flex-end;
        padding-right: var(--global-padding-right);
	}
	.sharer-block {
		margin: 0 !important;
		flex-direction: column;
		padding: 2.8rem 2.2rem 2.4rem;
		gap: 3.6rem;
	}
	.sharer-block p {
		transform: rotate(90deg);
		width: 2.8rem;
		/* height: 4.3rem; */
	}
	.sharer-block ul {
		flex-direction:column
	}
}

@media (min-width: 1440px) {
    .sharer-block-wrapper {
        max-width: var(--wp--style--global--wide-size);   
        padding-right: 0; 
    }
}


.case-study-card-images {
  position: absolute;
  inset: 0;
  top: 50%;
  left: 50%;
  height: var(--cs-height);
  width: 100%;
  overflow: hidden;
  transform: translate(-50%, -50%);
}

.case-study-card-images__inner {
  position: relative;
  height: 100%;
  width: 100%;
}

.case-study-card-images img {
position: absolute;
  inset: 0;
  height: 100%;
  width: auto;
  opacity: 0;
  border-radius: 0.4rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* Always show first image when not hovering */
.case-study-card-images__inner img:first-child {
  opacity: 1;
}

/* Hover animation */
.type-case-study:hover .case-study-card-images img {
  animation-name: cs-rotate;
  animation-duration: calc(var(--cs-image-count) * 0.9s);
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

/* Stagger based on index */
.case-study-card-images__inner img:nth-child(1) { animation-delay: 0s; }
.case-study-card-images__inner img:nth-child(2) { animation-delay: 0.9s; }
.case-study-card-images__inner img:nth-child(3) { animation-delay: 1.8s; }

/* Keyframes */
@keyframes cs-rotate {
   0%   { opacity: 1; }
  33%  { opacity: 1; }
  34%  { opacity: 0; }
  100% { opacity: 0; }
}


.default-posts-layout .wp-block-post-featured-image {
    aspect-ratio: 458.00/305.33 !important;
}

.wp-block-query .sticky-post {
    padding:0;
    margin-bottom: 0;
    border-radius: 0.8rem;
    position: relative;
    gap:0;
    overflow: hidden;
    display: flex;
    align-items: stretch;
}

.wp-block-query .sticky-post .wp-block-post-title {
    font-size: var(--font-size-h2);
    line-height: var(--line-height-h2);
}

.wp-block-query .sticky-post .text-column {
    padding: 2.4rem;
    box-sizing: border-box;
    flex:1;
}

.wp-block-query .sticky-post .badge-container {
    position: absolute;
    top:1.6rem;
    left: 1.6rem;
    margin:0;
    z-index: 5;
}

.wp-block-query .sticky-post .wp-block-post-featured-image {
    margin:0;
    border-radius: 0;
    aspect-ratio: 925 / 616;
}

.wp-block-query .sticky-post .wp-block-post-featured-image img {
    height: 100%;
}

.wp-block-query .sticky-post .wp-block-post-terms a {
    background-color: rgb(var(--color-strong-line));
}

.sticky-post .wp-block-read-more {
    margin-top: 2.4rem;
}

.post-type-archive-blog .wp-block-post-template,
.archive.tag .wp-block-post-template{
    row-gap: 4.8rem;
}


@media (min-width: 768px) {
    .post-type-archive-blog .wp-block-post-template,
    .archive.tag .wp-block-post-template {
        row-gap: 9.6rem;
    }
    .wp-block-query .sticky-post .text-column {
        padding: 9.2rem 4.8rem 4.8rem;
    }
    .wp-block-query .sticky-post .badge-container {
        top:2rem;
        left: 2rem;
    }
    .sticky-post .wp-block-read-more {
        position: absolute;
        left:4.8rem;
        bottom:4.8rem;
    }
}

@media (max-width: 767px) {
    .wp-block-query .sticky-post .text-column {
        order:2;
    }
}

.category-filter-wrapper {
    padding-bottom: 0;
    max-width: 80.9rem;
}

.category-filter-heading {
    margin: 2.4rem 0 1.6rem;
}

.category-filter a{
    background: none;
    border: 1px solid rgb(var(--color-light-grey));
    padding:0.8rem 1.6rem;
}

.category-filter a.is-active, .category-filter a:hover,
.category-filter .current-cat a {
    background: black;
    border: 1px solid rgb(var(--color-black));
    color: rgb(var(--color-white));
}

/*Pagination Start */
.wp-block-query-pagination {
    display: flex;
    justify-self: center;
    background-color: rgb(var(--color-white));
    padding: 0.4rem;
    border-radius: 0.4rem;
    margin: 4.8rem 0 0 !important;
}

.wp-block-query-pagination-numbers {
    display: flex;
    gap: 0.8rem;
}

.wp-block-query-pagination-numbers .page-numbers, 
.wp-block-query-pagination-previous,
.wp-block-query-pagination-next {
    width: 4rem;
    height: 4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--font-size-small);
    line-height: var(--line-height-small);
    font-weight: var(--font-body-weight-bold);
    text-decoration: none;
    padding:0.4rem;
    box-sizing: border-box;
}

.wp-block-query-pagination-previous,
.wp-block-query-pagination-next {
    width: auto;
    padding:0.4rem 1.6rem;
}

.wp-block-query-pagination .wp-block-query-pagination-previous-arrow,
.wp-block-query-pagination .wp-block-query-pagination-next-arrow {
    display: none;
}

.wp-block-query-pagination-numbers span.page-numbers:not(.dots),
.wp-block-query-pagination-numbers a.page-numbers:hover,
.wp-block-query-pagination-previous:hover,
.wp-block-query-pagination-next:hover  {
    background: rgb(var(--color-black));
    color: rgb(var(--color-white));
    border-radius: 0.2rem;
}

.wp-block-query-pagination-previous,
.wp-block-query-pagination-next {
    display: none;
}
@media (min-width: 768px) {
    .wp-block-query-pagination {
        margin: 9.6rem 0 0 !important;
    }
}
/*Pagination Ends*/

/* Technologies_Industries Start*/
    .technologies.wp-block-post-template,
    .industries.wp-block-post-template {
        gap: 4.8rem 0.8rem ;
    }

    .industries.wp-block-post-template  .wp-post-image {
        aspect-ratio:  1 / 1;
    }
    

    @media (min-width: 768px) {
        .technologies.wp-block-post-template,
        .industries.wp-block-post-template {
            gap: 6.4rem 0.8rem;
        }
    }

     @media (min-width: 1024px) {
        .technologies.wp-block-post-template,
        .industries.wp-block-post-template {
            gap: 9.6rem 0.8rem;
        }
    }


     @media (min-width: 480px) and (max-width: 1023px) {
        .technologies.wp-block-post-template,
        .industries.wp-block-post-template {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }
     }

/* Technologies_Industries End*/

/* Case Studies Start*/
    .case-studies.wp-block-post-template {
        gap: 4.8rem 0.8rem ;
    }

    @media (min-width: 768px) {
        .case-studies.wp-block-post-template {
            gap: 9.6rem 0.8rem;
        }
    }

     @media (min-width: 480px) and (max-width: 1023px) {
        .case-studies.wp-block-post-template {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }
     }

/* Case Studies End*/

.featured-testimonials .wp-block-column .wp-block-group:not(.testimonial-block){
    height: 100%;
    padding:0;
}

.featured-testimonials .wp-block-columns {
    gap: 0.8rem;
}

.testimonial-block {
    padding: 2.4rem;
    display: flex;
    flex-direction: column;
    gap:7.2rem;
    justify-content: space-between;
    height: 100%;
    border: 1px solid rgb(var(--color-strong-line));
    border-radius: 0.8rem;
}

.testimonial-block .wp-block-group {
    padding:0;
    margin:0;   
    display: flex;
    flex-direction: column;
    justify-content: end;
    flex-wrap: wrap;
}

.testimonial-block .wp-block-group > * {
    width: 100%;
}

.testimonial-block .wp-block-image {
    margin: 0 !important;
}

.testimonial-block .wp-block-image img{
    height: 4rem;
    width: auto;
}

.testimonial-block p {
    margin:0;
}

.testimonial-block .is-style-text-subtitle {
    margin-top: 3.2rem;
}

.wp-block-post.testimonial {
    height: auto;
    display: flex;
}

.wp-block-post.testimonial > .wp-block-group {
    padding: 2.4rem;
    display: flex;
    flex-direction: column;
    gap:4.8rem;
    justify-content: space-between;
    height: 100%;
    border: 1px solid rgb(var(--color-strong-line));
    border-radius: 0.8rem;
    transition:
    background-color 0.3s ease,
    box-shadow 0.3s ease;
}

.wp-block-post.testimonial > .wp-block-group:hover {
    background-color: rgb(var(--color-white));
    box-shadow: 0 10px 30px rgba(0,0,0,0.12);    
}

.wp-block-post.testimonial .wp-block-group > .wp-block-group {
    padding:0;
    margin:0;   
    display: flex;
    flex-direction: column;
    justify-content: end;
    flex-wrap: wrap;
}

.wp-block-post.testimonial .wp-block-group > * {
    width: 100%;
}

.wp-block-post.testimonial .wp-block-post-featured-image {
    margin: 0 !important;
}

.wp-block-post.testimonial .wp-block-post-featured-image img{
    height: 4rem;
    width: auto;
}

.wp-block-post.testimonial p {
    margin:0;
}

.wp-block-post.testimonial .wp-block-post-title {
    margin-top: 3.2rem;
    margin-bottom: 0;
    font-size: var(--font-size-regular);
    line-height: var(--line-height-regular);
}

.wp-block-post.testimonial .company-title {
    font-size: var(--font-size-small);
    line-height: var(--line-height-small);
}

@media screen and (min-width: 1440px){
    .wp-block-post.testimonial {
        aspect-ratio: 1 / 1;
    }
}


.featured-logos .logo-grid {
    margin:0;
    border-bottom: 1px solid rgb(var(--color-strong-line));
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap:0;
}
.featured-logos .logo-grid .wp-block-image{
    flex-basis: 33.33%;
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    padding:2.4rem 0;
    border-bottom: 1px solid rgb(var(--color-strong-line));
    margin-bottom: -1px;
}

.featured-logos .logo-grid .wp-block-image a {
    opacity: 1;
   transition: opacity 0.3s ease;   
}

.featured-logos .logo-grid .wp-block-image a:hover {
  opacity: 0.8;
}

.featured-logos .logo-grid:first-of-type {
    border-top: 1px solid rgb(var(--color-strong-line));
}

.featured-logos .logo-grid .wp-block-image figure {
    margin: 0;
}

.featured-logos .logo-grid .wp-block-image a {
    display: inline-flex;
}

.featured-logos .logo-grid .wp-block-image img {
    height: 1.6rem;
    width: auto;
    vertical-align: middle;
}

@media (min-width: 768px) {
    .featured-logos .logo-grid .wp-block-image{
        flex-basis: 20%;
        padding:3.2rem 0;
    }
    .featured-logos .logo-grid .wp-block-image img {
        height: 2rem;
    }
}

@media (min-width: 1024px) {
    .featured-logos .logo-grid .wp-block-image{
        padding:5.4rem 0;
    }
    
    .featured-logos .logo-grid .wp-block-image img {
        height: 2.4rem;
    }
}

.bg-white-lines, .bg-black-lines {
    position: relative;
}

.bg-white-lines:before, .bg-white-lines:after,
.bg-black-lines:before, .bg-black-lines:after {
    content: "";
    position: absolute;
    top: 0;
    width: 50%;
    height: 100%;
    background-repeat: repeat-x;
}

.bg-white-lines:before {
    left: 0; 
    background-image: url("../images/left-white-pattern-bg.svg");
    background-position:right center;
}

.bg-white-lines:after {
    right:0;
    background-image: url("../images/right-white-pattern-bg.svg");
    background-position:left center;
}

.bg-black-lines:before, footer.is-hovered .bg-white-lines:before {
    left: 0; 
    background-image: url("../images/left-black-pattern-bg.svg");
    background-position:right center;
}

.bg-black-lines:after, footer.is-hovered .bg-white-lines:after {
    right:0;
    background-image: url("../images/right-black-pattern-bg.svg");
    background-position:left center;
}

.line-bg-content-wrapper {
    background: rgb(var(--color-white));
    padding: 2.4rem;
    border-radius: 0.8rem;
}

.line-bg-content {
    padding: 6rem 2.4rem;
}

.line-bg-content > .wp-block-column, .line-bg-content > .wp-block-group{
    display: flex;
    flex-direction: column;
    border-radius: 1rem;
    padding: 0.8rem;
    position: relative;
    z-index: 1;
    background: rgb(var(--color-white));
}

.line-bg-content > .wp-block-column .wp-block-heading, .line-bg-content > .wp-block-group .wp-block-heading {
    margin: 0;
    font-size: 2.8rem;
    line-height: 3.6rem;
    min-width: 7rem;
}

.line-bg-content > .wp-block-column p, .line-bg-content > .wp-block-group p {
    margin-top: 0.8rem;
    font-size: var(--font-size-extra-small);
    line-height: var(--line-height-extra-small);    
}

.line-bg-content--half{
    padding: 4.6rem 1.6rem;
    gap: 4.8rem 4.4rem;
}

@media screen and (min-width: 768px) {
    .line-bg-content {
        padding: 5.6rem 1.6rem;
    }
    .line-bg-content--half{
        padding: 4.6rem 1.6rem;
        gap: 4.4rem;
    }
    .line-bg-content > .wp-block-column, .line-bg-content > .wp-block-group{
        padding: .8rem;
    }
}

@media screen and (min-width: 1024px) {
    .line-bg-content {
        padding: 7.2rem 6.4rem;
    }
    .line-bg-content--half{
        padding: 4.6rem 1.6rem;
        gap: 6.4rem;
    }
    .line-bg-content > .wp-block-column, .line-bg-content > .wp-block-group{
        padding: .8rem;
    }
}

@media (min-width: 1400px) {
    .line-bg-content {
        padding: 7.2rem 6.4rem;
    }
    .line-bg-content--half{
        padding: 7rem 2.4rem;
    }
    .line-bg-content > .wp-block-column, .line-bg-content > .wp-block-group{
        padding: 1.2rem;
    }
    .line-bg-content > .wp-block-column .wp-block-heading, .line-bg-content > .wp-block-group .wp-block-heading {
        font-size: 4.8rem;
        line-height: 5.6rem;
    }
    .line-bg-content > .wp-block-column, .line-bg-content > .wp-block-group{
        padding: 3.2rem;
    }
    .line-bg-content > .wp-block-column p, .line-bg-content > .wp-block-group p {
        font-size: var(--font-size-h3);
        line-height: var(--line-height-h3);
        margin-top: 1.6rem;
    }
}

@media screen and (max-width: 767px) {
    .line-bg-content.full-row-mobile {
        grid-template-columns: 1fr; 
        gap: 1.8em;
    }

    .line-bg-content.full-row-mobile.two-col {
        gap: 3em;
    }

    .line-bg-content.full-row-mobile > .wp-block-column, .line-bg-content.full-row-mobile > .wp-block-group {
        flex-direction: unset;
        gap:1.6rem;
        align-items: center;
    }

    .line-bg-content.full-row-mobile > .wp-block-column > *, .line-bg-content.full-row-mobile > .wp-block-group > * {
        margin:0;
    }
}

/* Start wp-block-media-text */
.wp-block-media-text {
    gap:2.4rem;
}
.wp-block-media-text > .wp-block-media-text__content {
    padding:0;
}

.wp-block-media-text .wp-block-heading {
    margin-bottom: 1.6rem;
}

.wp-block-media-text__media {
    position: relative;
}

.wp-block-media-text__media > img {
    transition: transform 9s ease;
}

.wp-block-media-text:hover .wp-block-media-text__media.has-inner-image > img{
  transform: scale(1.3) rotate(5deg);  
}

.media-text__inner-image {
    position: absolute;
    inset: 0;
    top: 50%;
    left: 50%;
    width: 100%;
    overflow: hidden;
    transform: translate(-50%, -50%);
    display: flex;
    align-items: center;
    justify-content: center;
}

.media-text__inner-image img {
    height: 100%;
    width: auto;
}

@media screen and (min-width: 768px) {
    .wp-block-media-text {
        gap:3.2rem;
    }
    .wp-block-media-text > .wp-block-media-text__content {
        max-width: 34.2rem;
    }
    .wp-block-media-text.wide-text-col > .wp-block-media-text__content {
        max-width: 45.8rem;
    }
}

@media screen and (min-width: 1024px) {
    .wp-block-media-text > .wp-block-media-text__content {
        padding-left: clamp(40px, 8vw, 117px);
    }
}
/* End wp-block-media-text */

/* Start wp-block-details */
.wp-block-details {
    padding: 1.6rem 0;
    border-bottom: 1px solid rgb(var(--color-light-grey));
}
.wp-block-details:first-of-type {
    border-top: 1px solid rgb(var(--color-light-grey));
}
.wp-block-details summary {
    padding-right: 3.2rem;
    position: relative;
    -webkit-appearance: none;
   appearance: none;
   font-weight: var(--font-body-weight-bold);
}
.wp-block-details summary::-webkit-details-marker,
.wp-block-details summary::marker {
    display: none;
    color: transparent;  
    font-size: 0;         
    width: 0; 
}
.wp-block-details summary::after {
    content:'';
    position: absolute;
    right:0;
    top:50%;
    transform: translateX(-0.8rem);
}
.wp-block-details summary::before,
.wp-block-details summary::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  width: 1.6rem;
  height: 0.2rem;
  background: #000;
  transition: transform 0.2s ease;
}

/* Vertical line of the plus */
.wp-block-details summary::after {
  transform: translateY(-50%) rotate(90deg);
}

/* Horizontal line of the plus */
.wp-block-details summary::before {
  transform: translateY(-50%) rotate(0deg);
}

/* When open, rotate to show minus */
.wp-block-details[open] summary::after {
  transform: translateY(-50%) rotate(0deg);
}
.wp-block-details summary.has-inline-icon::before,
.wp-block-details summary.has-inline-icon::after {
    display: none;
}

.wp-block-details .p80-summary-inline-icon {
    width:2.4rem;
    height:2.4rem;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    right:0;
    top:0.3rem;
    background-color: rgb(var(--color-black));
    color: rgb(var(--color-white));
    transition: transform 0.2s ease;
}

.wp-block-details[open] summary.has-inline-icon svg{
    transform: rotate(180deg);
}

/* End wp-block-details */
@media (min-width: 768px) {
    .dashed-grid-columns {
        gap:3.2rem;
    }
    .dashed-grid-columns .wp-block-column.line-bg-content-wrapper {
        width: 35rem;
        flex-basis: 35rem !important;    
    }
    .dashed-grid .dashed-grid__item {
        padding:1.2rem;
    }
}

@media (min-width: 1400px) {
    .dashed-grid-columns {
        gap: 4.8rem;
    }
    .dashed-grid-columns {
        column-gap: 14.4rem;
        padding-left: 13.6rem;
    }
    
    .dashed-grid-columns > .wp-block-column:first-of-type .wp-block-buttons {
        margin-top: 3.2rem;
    }
    .dashed-grid .dashed-grid__item {
        padding:3.2rem;
    }
}

@media (max-width: 767px) {
    .dashed-grid-columns {
        gap:4.8rem;
    }
}



.features-list {
    list-style: none;
    margin:2.4rem 0 !important;
    padding:0;
    border-top: 1px solid rgb(var(--color-light-grey));
}

.features-list li {
    list-style: none;
    padding:1.6rem 0;
    border-bottom: 1px solid rgb(var(--color-light-grey));
    margin:0;
}

/* Services style starts here */

.wp-block-post.service .wp-block-column:first-of-type {
    order: 2;
}

.wp-block-column--image {
    order:1
}

.wp-block-post.service .wp-block-column .wp-block-post-featured-image {
    margin-bottom: 0;
}

.wp-block-post.service .wp-block-column .wp-block-post-featured-image img {
    aspect-ratio: 1 / 1;
}

.services-list .wp-block-query .wp-block-post-title {
    font-size: var(--font-size-h2);
    line-height: var(--line-height-h2);
}

.services-list .wp-block-query .wp-block-post-excerpt__excerpt {
    font-size: var(--font-size-regular);
    line-height: var(--line-height-regular);
}

@media screen and (min-width: 768px) {
    .wp-block-post.service .wp-block-columns {
        justify-content: space-between;
    }

    .wp-block-post.service .wp-block-column {
        flex-basis: 50%;
        flex-grow: 0;
        column-gap: 17%;
    }
    .wp-block-post.service .wp-block-column:first-of-type {
        flex-basis: 34.2rem;
        flex-grow: 0;
    }

    .wp-block-post.service .wp-block-column:first-of-type {
        order: 1;
    }

    .wp-block-column--image {
        order:2
    }
}

@media screen and (min-width: 768px) {
    .service.wp-block-post:not(:last-child) .wp-block-columns {
        margin-bottom: 6.4rem;    
    }
}

@media screen and (min-width: 1024px) {
    .service.wp-block-post:not(:last-child) .wp-block-columns {
        margin-bottom: 9.6rem;    
    }
    .wp-block-post.service .wp-block-column {
        flex-grow: 0;
        padding-left:8.4%;
    }
}

/* Services style ends here */
.start-conversation-box {
    border-radius: 0.8rem;
    aspect-ratio:unset !important;
        min-height: unset;
}
.start-conversation-box .wp-block-cover__inner-container{
    padding: 2.4rem;
    position: static;
}

.start-conversation-box .wp-block-cover__image-background {
    position: absolute;
}

@media screen and (min-width: 768px) {
  .start-conversation-box .wp-block-cover__inner-container{
        padding: 3.2rem;
    }  
}

@media screen and (min-width: 1024px) {
  .start-conversation-box .wp-block-cover__inner-container {
        padding: 4.8rem;
    }  
}

@media screen and (min-width: 1200px) {
  .start-conversation-box .wp-block-cover__inner-container {
        padding: 9.6rem;
    }  
}

/* Start Benefits */

.key-benefits {
    padding: 2.4rem;
    border-radius: 0.8rem;
}

.key-benefits .wp-block-image img{
    height: 3.2rem;
    width: auto;
}

.key-benefits .wp-block-column p {
    font-size: var(--font-size-small);
    line-height: var(--line-height-small);
}

@media screen and (min-width: 768px) {
  .key-benefits {
        padding: 3.2rem;
    }  
}

@media screen and (min-width: 1024px) {
  .key-benefits {
        padding: 4.8rem;
    }  
}

@media screen and (min-width: 1200px) {
  .key-benefits {
        padding: 9.6rem;
    }  
    .key-benefits .wp-block-columns,
    .key-benefits .wp-block-group-is-layout-grid {
        gap: 4.8rem 3.2rem;
    }
}

@media screen and (max-width: 767px) {
    .key-benefits .wp-block-group-is-layout-grid {
        display: flex;
        flex-direction: column;
        gap: 4.8rem
    }
}

/* End Benefits */

/* Start toolkit list */

 .toolkit-list.wp-block-group-is-layout-grid {
    gap:0.8rem;
 }

 @media screen and (max-width: 767px) {
    .toolkit-list.wp-block-group-is-layout-grid {
        grid-template-columns: 1fr;
    }
 }

  .toolkit-list .wp-block-image img{
    height: 3.2rem;
    width: auto;
}

.toolkit-list p {
    font-size: var(--font-size-small);
    line-height: var(--line-height-small);
}

  .toolkit-list.wp-block-group-is-layout-grid > .wp-block-group {
    padding:2.4rem;
    border-radius: 0.8rem;
    background-color: rgb(var(--color-white));
  }
 
@media screen and (min-width: 768px) {
    .toolkit-list.wp-block-group-is-layout-grid {
        grid-template-columns:repeat(3, minmax(0, 1fr))
    }
  .toolkit-list.wp-block-group-is-layout-grid > .wp-block-group { 
        padding: 6.4rem 1.6rem 1.6rem;
        position: relative;
    }  
    .toolkit-list.wp-block-group-is-layout-grid > .wp-block-group > .wp-block-image {
        position: absolute;
        top:1.6rem;
        left:1.6rem;
    }
}  

  @media screen and (min-width: 1024px) {
  .toolkit-list.wp-block-group-is-layout-grid > .wp-block-group { 
        padding: 8rem 3.2rem 3.2rem;
    }  
    .toolkit-list.wp-block-group-is-layout-grid > .wp-block-group > .wp-block-image {
        top:3.2rem;
        left:3.2rem;
    }
}

 @media screen and (min-width: 1200px) {
    .toolkit-list.wp-block-group-is-layout-grid > .wp-block-group{
        aspect-ratio: 1 / 1;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
    }
    .toolkit-list.wp-block-group-is-layout-grid > .wp-block-group > * {
        margin-left: unset !important;
    }
    .toolkit-list.wp-block-group-is-layout-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }
}

 /* End toolkit list */

 .custom-ordered-list {
    list-style: none;
    counter-reset: item;
    padding:0;
 }

 .custom-ordered-list h5 {
    margin-bottom: 1.6rem;
 }

.custom-ordered-list li {
    margin: 2.4rem 0;
    padding-left: 7.2rem;
    position: relative;
    list-style: none;
    counter-increment: item;
}

.custom-ordered-list li:last-child {
    margin:0;
}

.custom-ordered-list li::before {
  content: counter(item);
  position: absolute;
  left: 0;
  top: 0;
  width: 4.8rem;
  height: 4.8rem;
  background: rgb(var(--color-white));
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
}

@media screen and (min-width: 768px) {
    .custom-ordered-list li {
        margin:3.2rem 0;
    }
}

/*Start Case Study*/
.main-stack-details.is-layout-grid {
    column-gap: 3.2rem;
    row-gap: 4.8rem;
}
.main-stack-details .wp-block-group {
    padding:0;
}

@media screen and (max-width: 767px) {
    .main-stack-details.is-layout-grid {
        display: flex;
        flex-direction: column;
    }
}

/*End Case Study*/

/*Start Case Study Box*/

.case-study-box {
    padding: 2.4rem;
    margin: 2.4rem 0;
    border-radius: 0.8rem;
}

.case-study-box  .wp-block-media-text__media {
    text-align: right;
}

.case-study-box  .wp-block-media-text__media img{
    max-width: 57.5rem;
    border-radius: 0.4rem;
}

@media screen and (min-width: 768px) {
    .case-study-box {
        padding: 3.2rem;
        margin:2.4rem 0;
    }
}

@media screen and (min-width: 1400px) {
    .case-study-box {
        padding: 9.6rem 11.7rem;
        margin:4.8rem 0;
    }
}

@media screen and (min-width: 1024px) {
    .case-study-box.wp-block-media-text > .wp-block-media-text__content {
        padding-left: 0;
    }
}
/*End Case Study Box*/

/*Start Contact Us Box*/

.contact-us-box {
    margin: 2.4rem 0;
    padding:2.4rem;
    border-radius: 0.8rem;
}

.contact-us-box .wp-block-heading {
    margin-bottom: 2.4rem;
}

@media screen and (min-width: 768px) {
    .contact-us-box .wp-block-heading {
        margin-bottom: 2.4rem;
    }
}

@media screen and (min-width:1400px) {
    .contact-us-box {
        margin: 4.8rem 0;
        padding:4.8rem;
    }
    .contact-us-box .wp-block-heading {
        margin-bottom: 3.2rem;
    }
}

/*End Contact Us Box*/

/*Start Case Study Testimonial*/
.case-study-testimonial .wp-block-quote {
    padding:0;
    border:0;
    font-size: var(--font-size-h2);
    line-height: var(--line-height-h2);
    font-weight: 700;
    margin:2.4rem 0;
}
.case-study-testimonial .wp-block-columns .photo-column {
    flex-grow: 0;
    width: 6rem;
    height: 6rem;
    flex-basis: content;
    background-color: #C4C4C4;
    border-radius: 50%;
    overflow: hidden;
}

.case-study-testimonial .wp-block-image {
    margin:0;
    width: 6rem;
}

.case-study-testimonial p {
    margin:0;
}

.case-study-testimonial .wp-block-column {
    justify-content: center;
    display: flex;
    flex-direction: column;
}

@media screen and (min-width: 768px) {
    .case-study-testimonial .wp-block-quote {
        margin:2.4rem 0;
    }
}

@media screen and (min-width: 1400px) {
    .case-study-testimonial .wp-block-quote {
        margin:3.2rem 0;
    }
}
/*End Case Study Testimonial*/

/*Start Design Preview*/
.design-preview.wp-block-cover {
    padding:0;
    min-height: auto !important;
    height: auto !important;
    border-radius: 0.8rem;
    overflow: hidden;
}
.design-preview .wp-block-cover__image-background {
    width: 100%;
    height: auto;
    object-fit: contain;
    position: relative;
}

.design-preview .wp-block-cover__mobile-background {
    display: none;
}

.design-preview .wp-block-cover__inner-container {
    position: absolute;
    z-index: 2;
    padding:1.6rem;
}

@media screen and (max-width: 767px) {
    .design-preview.wp-block-cover {
        aspect-ratio: 343/457 !important;
    }
    .design-preview .wp-block-cover__image-background {
        display: none;
    }
    .design-preview .wp-block-cover__mobile-background {
        display: block;
    }
}

/*End Design Preview*/

/*Start Our Team*/
.our-team .wp-block-post-template {
    gap: 4.8rem 0.8rem;
}

.our-team .wp-block-post-title {
    margin-top: 3.2rem;
    margin-bottom: 0.8rem;
}

.our-team p {
    font-size: var(--font-size-small);
    line-height: var(--line-height-small);
    margin: 0.8rem 0 1.6rem;
}

.our-team .wp-block-group > *:not(.wp-block-image) {
    padding-right:3.2rem;
}

.our-team .wp-block-buttons {
    margin-top:1.6rem;
}

@media screen and (max-width: 767px) {
    .our-team.wp-block-group-is-layout-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .our-team .wp-block-group > *:not(.wp-block-image) {
        padding-right:0;
    }
}

@media screen and (max-width: 480px) {
    .our-team.wp-block-group-is-layout-grid {
        grid-template-columns: 1fr;
    }
}

@media screen and (max-width: 767px) {

    .our-team  .wp-block-post-template {
        gap: 4.8rem;
    }

}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .our-team .wp-block-post-template {
        display: flex;
        flex-direction: column;
        gap: 3.2rem;
        flex-wrap: wrap;
    }
    .our-team .type-team_member {
        padding-left: calc(27.33% + 3.2rem);
        padding-top: 0.8rem;
        position: relative;
    }

    .our-team .wp-block-post-title {
        margin-bottom: 0.8rem;
        font-size: var(--font-size-h3);
        line-height: var(--line-height-h3);
    }

    .our-team .post-subtitle {
        margin:0.8rem 0 1.6rem;
    }

    .our-team .wp-block-post-featured-image {
        position: absolute;
        left:0;
        top:0;
        width: 27.33%;
    }
}

/*End Our Team*/

/*Start Rich text content*/
    .rich-text-content .wp-block-heading {
        margin-top: var(--rtc-heading-top-spacing);
    }
    .rich-text-content .subheading{
        font-size: inherit;
        line-height: inherit;
    }
/*End Rich text content*/

/*Start Form fields*/
.wp-block-contact-form-7-contact-form-selector {
    padding:2.4rem;
    border-radius: 0.8rem;
}

   .field input, .field select, .field textarea {
        padding: 1.4rem 1.6rem;
        border-radius: 4px;
        border:1px solid rgb(var(--color-light-grey));
        line-height:2rem;
        margin-top:0.8rem;
        width: 100%;
        box-sizing: border-box;
        display: block;
        height: 4.8rem;
    }
    .field textarea {
        min-height: 8.8rem;
    }
    .field label {
        font-size: var(--font-size-small);
        font-weight:700;
    }
    .field {
        margin-bottom: 2.4rem;
        flex-shrink: 0;
        flex: 1;
    }

    .field p, .button-fields p{
        margin:0;
    }

    .field select {
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5' viewBox='0 0 8 5' fill='none'%3E%3Cpath d='M6.66667 0L7.37377 0.707107L4.04044 4.04044C3.86293 4.21795 3.58515 4.23409 3.38941 4.08885L3.33333 4.04044L0 0.707107L0.707107 0L3.68689 2.97955L6.66667 0Z' fill='black'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: right 2rem center; /* 👈 move left */
        background-size: 0.737rem;
        padding-right: 3.2rem;
    }

    @media screen and (min-width: 768px) {
        .wp-block-contact-form-7-contact-form-selector {
            padding:4.8rem;
        }
        .fields {
            display: flex;
            column-gap: 2.4rem;
            align-items: stretch;
        }
    }

    .field .wpcf7-not-valid {
        border-color: rgb(var(--color-error));
    }

    .wpcf7-not-valid-tip {
        color: rgb(var(--color-error));
        font-size: var(--font-size-extra-small);
        line-height: var(--line-height-extra-small);
        margin-top: 0.8rem;
    }

    .wpcf7 form .wpcf7-response-output {
        margin: 2.4rem 0 0;
    }

    .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output {
        border:0;
        padding:1.2rem;
        gap:0.6rem;
        border-radius: 0.4rem;
        color: rgb(var(--color-white));
        font-size: var(--font-size-extra-small);
        line-height: var(--line-height-extra-small);
        background-color: rgb(var(--color-error));
    }

    .wpcf7 .button-fields p {
        display: flex;
        align-items: center;
        column-gap: 2.4rem;
    }

    .wpcf7 .button-fields .wpcf7-spinner {
        margin:0;
    }

    #popup-consultation  .wpcf7 .button-fields .wpcf7-submit.has-spinner {
        width: calc((100% - 2.4rem) / 2);
    }
    
    @media screen and (max-width: 767px) {
        #popup-consultation  .wpcf7 .button-fields .wpcf7-submit.has-spinner {
            width: calc(100% - 5rem);
        }
    }

    input.wpcf7-date {
        cursor: pointer;
    }

    input[type="date"], input[type="date"]::-webkit-date-and-time-value {
        text-align: left;
        line-height: 4.8rem;
    }

    input[type="date"]::-webkit-date-and-time-value {
        display: flex;
        align-items: center;     /* vertical center */
        text-align: left;
        height: 100%;    
    }
/*End Form fields*/

/*Start Footer*/
    footer {
        font-size: var(--font-size-small);
        line-height: var(--line-height-small);
        margin:0;
        padding: 9.6rem 0 2.4rem;
        background-color: rgb(var(--color-black));
        color: rgb(var(--color-strong-line));
    }
    footer .wp-block-heading {
        margin-bottom: 2.4rem;
    }

    footer .wp-block-columns {
        margin:9.6rem 0;
    }
    footer ul  {
        list-style: none;
        padding:0;
        margin:0 !important;
        display: flex;
        flex-wrap: wrap;
        gap: 2.4rem;
        justify-content: end;
    }
    footer ul li {
        margin:0 !important;
    }
    footer ul a {
        text-decoration: none;
    }
    footer ul a:hover {
        text-decoration: underline;
    }
    @media screen and (max-width: 1399px) {
        footer ul  {
            justify-content: space-between;
        }
    }
    @media screen and (max-width: 1023px) {
        footer {
            padding: 6.4rem 0 2.4rem;
        }
    }
    @media screen and (max-width: 767px) {
        footer {
            padding: 4.8rem 0 2.4rem;
        }
        footer .wp-block-columns {
            gap:4.8rem;
            margin:4.8rem 0;
        }
        footer .copyright-col {
            order: 2;
        }
        footer .menu-col {
            order: 1;
        }
        
        footer ul {
            display: block;
            columns: 2;
            column-gap: 2.4rem;
        }
        footer ul li:not(:last-child) {
            break-inside: avoid; 
            width: 100%;        
            display: block;  
            margin-bottom: 2.4rem !important;
        }
    }

    footer.is-hovered {
        background-color: rgb(var(--color-white));
        color:rgb(var(--color-dark));
    }
/*End Footer*/


.gslide-description.description-bottom {
    display: none;
}

/*Start Circle Content Block*/

.circle-content-block {
	max-width: 100rem !important;
	aspect-ratio: 1/1 !important;
	overflow: visible;
	position:relative;
    margin: 0 auto !important;
}

.circle-content-block div {
	position:unset;
}

.circle-content-block .circle-content {
	position: absolute;
	top: 17.2rem;
	bottom:auto;
	left:0;
	right:auto;
	aspect-ratio: 1/1 !important;
	display: flex;
	width: 12rem;
	background: rgb(var(--color-white));
	border-radius: 50%;
	text-align: center;
	align-items: center;
	flex-direction: column;
	justify-content: center;
}

.circle-content-block .wp-block-image {
	margin-bottom:4.8rem;
}

.circle-content-block .circle-content p,
.circle-content-block .circle-content .wp-block-port80-animated-counter{
	font-size: var(--font-size-extra-small);
	line-height:var(--line-height-extra-small)
}

.circle-content-block .circle-content p.h2,
.circle-content-block .circle-content .wp-block-port80-animated-counter.h2{
	font-size: var(--font-size-h2);
	line-height:var(--line-height-h2)
}


.circle-content-block .circle-content--medium {
	width:15rem;
}

.circle-content-block .circle-content--large {
	width:18rem;
}

.circle-content-block .circle-content--top-right {
	top: 26.1rem;
	bottom:auto;
	left: auto;
	right: 9rem;
}

.circle-content-block .circle-content--bottom-left {
	top:auto;
	bottom: 11rem;
	left: 19.4rem;
	right:auto;
}

.circle-content-block .circle-content--bottom-right {
	top:auto;
	bottom: 22.9rem;
	left: auto;
	right: -1.6rem;
}

.circle-content-block .wp-block-cover__inner-container {
	padding:20rem;
	flex-direction:column;
	text-align:center;
	justify-content: center;
	align-items: center;
}

@media screen and (max-width: 767px) {
	.circle-content-block {
		aspect-ratio: unset !important;
	}
	.circle-content-block .wp-block-cover__inner-container {
		padding: 13rem calc(var(--global-padding-left));
		position:relative;
	}

	.circle-content-block .wp-block-cover__image-background {
		display: none;
	}

	.circle-content-block .circle-content {
		width:9rem;	
		top: 0;
	    bottom: auto;
	    left: 0;
	    right: auto;
        margin: 0 
	}

	.circle-content-block .circle-content--medium {
		width:11rem;
	}
	
	.circle-content-block .circle-content--large {
		width:13rem;
	}

	.circle-content-block .circle-content--top-right {
		top: 4.5rem;
		bottom:auto;
		left: auto;
		right: 0;
	}
	
	.circle-content-block .circle-content--bottom-left {
		top:auto;
		bottom: 0;
		left: 0;
		right:auto;
	}
	
	.circle-content-block .circle-content--bottom-right {
		top:auto;
		bottom: 2.3rem;
		left: auto;
		right: 0;
	}
	
}

/*End Circle Content Block*/

.goverlay {
    background: rgba(0, 0, 0, .50);
    backdrop-filter: blur(5px);
}

#popup-consultation {
    max-width: 69.2rem !important;
    height: auto !important;
    padding:clamp(24px, 6vw, 96px);
    border-radius: 0.8rem;
    box-sizing: border-box;
    background: rgb(var(--color-white));
    position: relative;
    overflow-y: auto;
}

#popup-consultation .popup-no-thanks {
    font-size: var(--font-size-small);
    line-height: var(--line-height-small);
}

#popup-consultation .popup-close {
    position: absolute;
    right: 0.8rem;
    top:0.8rem;
    padding: 1.2rem;
}

.mbl-popup-consultation .gslide-media {
    max-width: 69.2rem !important;
    height: auto !important;
    border-radius: 0.8rem;
    box-shadow: none;
}

.mbl-popup-consultation .gclose.gbtn {
    display: none;
}

@media screen and (min-width: 768px) {
    .mbl-popup-consultation .gslide-media {
        max-width: 62.8rem !important;
    }
    #popup-consultation {
        padding:6.4rem;
    }
} 

@media screen and (min-width: 1024px) {
    .mbl-popup-consultation .gslide-media {
        max-width: 69.2rem !important;
    }
    #popup-consultation {
        padding:9.6rem;
    }
}    

@media screen and (max-width: 768px) {
    .mbl-popup-consultation .gslide-media {
        max-width: calc(100% - 2rem) !important;
    }
}


@media screen and (min-width: 768px) and (max-width: 1023px) {
    .glightbox-container .mbl-gallery .gslide-media {
        padding-top: 3.2rem !important;
    }
    .mlb-slide-inner {
        gap: 3.2rem;
    }
    .mlb-gallery-title {
        padding: 0.8rem 0.8rem 0.8rem 2.4rem;    
    }
    .mlb-slide img.desktop-image {
        width: 470px;    
        max-width: 470px !important;
    } 
    .mlb-slide img.mobile-image {
        width: 150px; 
        max-width: 150px !important;   
    }   
} 

.glightbox-container.glightbox-team-modal .gslide-inline {
    max-width: calc(100% - 3.2rem);
    width: 97.2rem !important;
    height: auto !important;
    border-radius: 0.8rem;
}

.glightbox-container.glightbox-team-modal .ginner-container {
  max-height: 90vh;
  overflow-y: auto;
}

.glightbox-container.glightbox-team-modal .ginner-container {
  padding: 0;
  overflow: visible;
}

.glightbox-clean .gslide-media {
    box-shadow: none;
}

.team-modal-article {
	padding:0.8rem;
    position: relative;
}

.team-modal-image {
    border-radius: 0.8rem;
}

.team-modal-image img {
	max-width:100%;
	height: auto;
    display: block;
    aspect-ratio: 1 / 1;
}

.team-info-wrapper {
	padding:2.4rem 1.6rem 1.6rem;
}

.team-modal-name {
    margin-bottom: 0.8rem;
}

.team-modal-subtitle {
    margin: 0.8rem 0;
}

.team-modal-content p:last-child {
    margin-bottom: 0;
}

.modal-close {
    display: flex;
    width: 40px;
    height: 40px;
    padding: 0;
    justify-content: center;
    align-items: center; 
    border-radius: 4px;
    position: absolute;
    top: 0.6rem;
    right: 0.6rem;
    border: 0.2rem solid rgb(var(--color-white));
}

@media screen and (min-width: 768px){
    .modal-close {
        border: 0.2rem solid transparent;
    }
    .team-modal-article {
        display: flex;
        flex-wrap:wrap;
        align-items: flex-start;
        gap: 0.8rem;
    }    
    .team-modal-image {
        width: 46.8rem;
        max-width: 48.14%;
        flex: 0 0 48.14%;
    }
    .team-info-wrapper {
        flex: 1;
        min-width: 0;	
        padding:2.4rem;
    }
}

@media screen and (min-width: 1024px){
    .team-info-wrapper {
        flex: 1;
        min-width: 0;	
        padding:3.4rem 4rem;
    }
}

.modal-loading {
  position: fixed;
  inset: 0;
  z-index: 9998;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.6);
  backdrop-filter: blur(2px);
}

.modal-loading[hidden] {
  display: none;
}

.modal-loading__spinner {
  width: 42px;
  height: 42px;
  border: 3px solid rgba(0,0,0,0.15);
  border-top-color: #000;
  border-radius: 50%;
  animation: team-spin 0.8s linear infinite;
}

@keyframes team-spin {
  to { transform: rotate(360deg); }
}


.newsletter-block {
    margin-top: var(--section-padding-top);
    padding: var(--section-padding-top);
    border-radius: 0.8rem;
    background-color: rgb(var(--color-black));
    color:rgb(var(--color-strong-line));
}

.newsletter-block .field-button {
    background-color: rgb(var(--color-grey));
    display: flex;
    border-radius: 0.8rem;
    padding: 0.4rem;
    padding-left: 1.6rem;
    position: relative;
}

.newsletter-block .field-button p {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    gap: 2.4rem;
    margin:0;
}

.newsletter-block .wpcf7-form-control-wrap {
    display: block;
    position: static;
}

.newsletter-block .wpcf7-form-control-wrap input {
    width: 100%;
    height: 2rem;
    background-color: transparent;
    border:0;
    padding: 0;
    color:rgb(var(--color-strong-line));
}

.newsletter-block .wpcf7-form-control-wrap input:focus {
    outline: none;
}

.newsletter-block .wpcf7-form-control-wrap input::placeholder {
    font-size: var(--font-size-small);
    font-weight: 500;
    color:rgb(var(--color-strong-line));
}


.newsletter-block .wpcf7-spinner {
    position: absolute;
    z-index: 2;
    right:2.4rem;
}

.newsletter-block .wpcf7-not-valid-tip {
    position: absolute;
    bottom: -2rem;
}

.wpcf7-form.invalid .newsletter-block .field-button{
    margin-bottom: 2rem;
}

.submitting .newsletter-block .field-button input {
    color: #fff;
}

@media screen and (min-width: 1024px){
    .newsletter-block {
        display: flex;
        align-items: center;
        gap: var(--section-padding-top);
    }

    .newsletter-block > * {
        width: calc(50% - var(--section-padding-top) / 2);
    }

    .newsletter-block .field-button {
        padding-left: 2.4rem;
    }
}

/* Hidden tags */
.category-filter .is-hidden {
	display: none;
}

/* When expanded */
.category-filter.is-expanded .is-hidden {
	display: block;
}