body {
    background-color: white;
}
 /*--------------------------------------------------

TYPOGRAPHY

 --------------------------------------------------*/
blockquote {
     line-height: 1.6;
     color: var(--os-base);
 }
 p:first-child {
     margin-top: 0;
 }
 strong {
     font-weight: 700;
 }
 a,
 .os-post-content a {
     transition: var(--os-transition);
 }
 a:hover,
 .os-post-content a:hover {
     color: var(--os-base-dark);
     text-decoration: underline;
 }
 .text-white {
     color: var(--os-white);
 }
 .text-black {
     color: var(--os-black);
 }
 .text-accent {
    background: linear-gradient(90deg, var(--os-accent-dark), var(--os-accent), var(--os-accent-light));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
 }
.text-gradient {
    background: linear-gradient(90deg, var(--os-accent-dark), var(--os-accent), var(--os-accent-light));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text; /* for Firefox */
    color: transparent;
}
 .os-lede {
     color: var(--os-accent);
     text-transform: uppercase;
 }

 .os-post-content {
     color: var(--os-base);
 }

 .os-post-content h4 {
     margin-top: var(--os-space-m);
 }

 .os-post-content p:first-child,
 .os-post-content h2:first-child,
 .os-post-content h3:first-child,
 .os-post-content h4:first-child {
     margin-top: 0;
 }
 .os-post-content ol,
 .wp-block-post-content ol {
     padding-left: 3rem;
 }

 .os-post-content ul li ul {
     list-style: circle;
 }

 .accessible-text {
     visibility: hidden;
     font-size: 0;
     line-height: 0;
 }

 .os-section-heading {
     font-size: var(--os-h1);
     margin: 0 0 var(--os-space-xs) 0;
 }

 /*--------------------------------------------------

GUTENBERG

 --------------------------------------------------*/
 .os-post-single__content .wp-block-image {
     margin: var(--os-content-gap) auto;
 }
 /*
 .os-post-single__content .wp-block-buttons:first-child {
     margin-top: 0;
 }
 .os-post-single__content .wp-block-button a {
     background-color: var(--os-action);
     color: var(--base);
     transition: var(--os-transition);
     border: 0.2rem solid var(--os-action);
     font-weight: 500;
     font-size: var(--os-text-m);
 }
 .os-post-single__content .wp-block-button a:hover {
     background-color: var(--os-action-hover);
     transform: translate(0, -0.2rem);
     text-decoration: none;
 }
*/
 .os-post-single__content .wp-block-columns {
     margin-top: var(--os-content-gap);
 }

 .os-post-single__content .wp-block-column .wp-block-image:first-child {
     margin-top: 0;
 }

 .os-post-single__content .wp-block-separator {
     margin: var(--os-content-gap) auto;
     border-color: var(--os-base);
     border-bottom: none;
 }

 /*--------------------------------------------------

 SPACING 

 --------------------------------------------------*/
 .os-blocks-content {
     display: flex;
     flex-direction: column;
     gap: var(--os-block-gap);
 }

 .os-section {
     padding-left: var(--os-section-gutter);
     padding-right: var(--os-section-gutter);
 }

 .os-container {
     width: 100%;
     max-width: var(--wp--style--global--wide-size);
     margin: 0 auto;
 }

 /*--------------------------------------------------

COLOURS

 --------------------------------------------------*/
 .os-svg-icon {
     fill: var(--os-accent);
 }
 .os-svg-icon-light {
    fill: var(--os-accent-light);
}

 /*--------------------------------------------------

HELPER CLASSES

 --------------------------------------------------*/
 .os-post-content ul.content-2-col {
     display: block;
     columns: 2;
 }

 .os-post-content ul.content-2-col li {
     margin-bottom: 1.5rem;
     padding-right: 1rem;
 }

 @media screen and (max-width: 1100px) {
     .os-post-content ul.content-2-col {
         columns: 1;
     }
 }

 @media screen and (max-width: 768px) {
     .os-post-content ul.content-2-col {
         columns: 2;
     }
 }

 @media screen and (max-width: 480px) {
     .os-post-content ul.content-2-col {
         columns: 1;
     }
 }

 /*--------------------------------------------------

 HEADER

--------------------------------------------------*/
.os-header {
    z-index: 2;
}
 .os-header__top-row {
     padding: 0.8rem var(--os-section-gutter);
     background-color: white;
 }

 .os-header__top-row__container,
 .os-header__bottom-row__container {
     max-width: var(--os-site-width);
     margin: 0 auto;
     position: relative;
 }

 .os-header__top-row__container {
     width: 100%;
     display: flex;
     flex-direction: row;
     justify-content: space-between;
     align-items: center;
 }

 .os-header__bottom-row {
     background-color: var(--os-base);
 }

 .os-header-logo {
     width: 12rem;
     max-width: 70%;
 }

 .os-header-logo img {
	 height: 8rem;
	 width: auto;
     max-width: 100%;
     object-fit: contain;
     object-position: left;
 }

 /*--------------------------------------------------

Filters and Pagination

--------------------------------------------------*/
 .os-archive-filter-search {
     display: flex;
     flex-wrap: wrap;
     gap: 1rem;
 }

 .os-archive-filter-search form {
     display: flex;
     flex-wrap: wrap;
     gap: 1rem;
 }

 .os-archive-filter-search select,
 .os-archive-filter-search input[type="text"] {
     padding: 1rem 3rem;
     border: 1px solid var(--os-accent);
     border-radius: 3rem;
     font-size: 1.6rem;
     height: 6rem;
     color: var(--os-base);
 }

 .os-archive-filter-search select {
     padding-right: 5rem;
     webkit-appearance: none;
     appearance: none;
     background-image: url("../img/base-chevron-trans-50.svg");
     background-repeat: no-repeat;
     background-size: 1.5rem auto;
     background-position: calc(100% - 2rem) center;
 }

 .os-search-field-wrapper {
     display: flex;
 }

 .os-archive-filter-search input[type="text"] {
     border-radius: 3rem 0 0 3rem;
 }

 .os-archive-filter-search ::-webkit-input-placeholder {
     color: var(--os-base-light);
 }

 .os-archive-filter-search ::-moz-placeholder {
     color: var(--os-base-light);
 }

 .os-archive-filter-search ::-ms-input-placeholder {
     color: var(--os-base-light);
 }

 .os-archive-filter-search button[type="submit"] {
     height: 6rem;
     width: 6rem;
     border: 1px solid var(--os-accent);
     border-radius: 0 3rem 3rem 0;
     font-size: 1.6rem;
     background-color: var(--os-accent);
     transition: var(--os-transition);
     color: var(--os-base);
     display: flex;
     justify-content: center;
     align-items: center;
     cursor: pointer;
 }

 .os-archive-filter-search button[type="submit"]:hover {
     background-color: var(--os-accent-hover);
 }

 .os-archive-filter-search button[type="submit"] svg {
     width: 2rem;
 }

 a.os-button__clear-filters {
     height: 6rem;
     padding: 0 3rem;
     display: flex;
     justify-content: center;
     align-items: center;
     border: 2px solid var(--os-action);
     border-radius: 3rem;
     text-decoration: none;
     color: var(--os-base);
     transition: var(--os-transition);
 }

 a.os-button__clear-filters:hover {
     background-color: var(--os-action-hover);
     text-decoration: none;
 }

 @media screen and (max-width: 768px) {
     .os-archive-filter-search {
         flex-direction: column;
     }

     .os-archive-filter-search form {
         flex-direction: column;
     }

     .os-archive-filter-search input[type="text"] {
         width: 100%;
     }

     .os-search-field-wrapper {
         width: 100%;
     }
 }
 .os-section.pagination-container {
     width: 100%;
     max-width: var(--os-site-width);
     margin: var(--os-space-l) auto;
 }
 .os-section.pagination-container .navigation {
     width: 100%;
     display: flex;
     align-items: center;
     justify-content: center;
 }
 .os-section.pagination-container .navigation ul {
     display: flex;
     gap: 0.5rem;
 }
 .os-section.pagination-container .navigation ul li a,
     .os-section.pagination-container .navigation ul li button {
     text-decoration: none;
     color: var(--os-base);
     font-size: var(--os-text-m);
     line-height: 1;
     padding: 1.5rem;
     border-radius: 1rem;
     background-color: var(--os-base-trans-20);
     transition: var(--os-transition);
     cursor: pointer;
     display: block;
 }
 .os-section.pagination-container .navigation ul li.nav-break {
    display: flex;
    align-items: center;
    justify-content: center;
 }
 .os-section.pagination-container .navigation ul li.active a,
 .os-section.pagination-container .navigation ul li a:hover,
 .os-section.pagination-container .navigation ul li.active button,
 .os-section.pagination-container .navigation ul li button:hover {
     background-color: var(--os-base);
     color: white;
 }

 /*--------------------------------------------------

FOOTER

--------------------------------------------------*/
 .os-footer__main {
     background-color: var(--os-base);
 }

 .os-footer__main .os-container {
     display: grid;
     grid-template-columns: 2fr 4fr;
     gap: var(--os-grid-gap);
     padding: var(--os-space-xl) 0;
 }

 .os-footer__logo-col {
     padding-right: var(--os-space-l);
     display: flex;
     flex-direction: column;
     gap: var(--os-content-gap);
 }

 .os-footer__logo-col img {
     width: 20rem;
     max-width: 100%;
     height: auto;
 }

 .os-footer-content {
     color: white;
     font-size: var(--os-text-s);
     max-width: 30rem;
 }

 .os-footer__nav-col nav {
     display: grid;
     grid-template-columns: repeat(7, minmax(0, 1fr));
     gap: 5rem;
     padding-top: 4rem;
 }

 .os-footer__nav-col>nav>div {
     border-left: 2px solid var(--os-base-dark);
     padding-left: 5rem;
     padding-bottom: 4rem;
 }

 .os-footer__nav-col>nav>div:first-child {
     border-left: none;
 }

 .os-footer__sectors,
 .os-footer__resources {
     grid-column: span 2;
 }

 .os-footer__products {
     grid-column: span 3;
 }

 .os-footer__heading {
     font-size: var(--os-h4);
     color: var(--os-brand-accent);
     text-transform: uppercase;
     font-weight: 700;
     margin-bottom: var(--os-space-s);
 }

 .os-footer__main nav ul a {
     color: white;
     text-decoration: none;
     font-size: var(--os-text-s);
     display: inline-block;
     margin-bottom: 1rem;
     transition: var(--os-transition);
 }

 .os-footer__main nav ul a:hover {
     color: var(--os-brand-accent);
 }

 .os-footer__main nav .os-footer_products {
     max-width: 30rem;
 }

 .os-footer__main nav .os-footer__products ul {
     column-count: 2;
     column-gap: var(--os-grid-gap);
 }

 .os-footer__lower {
     background-color: var(--os-base-dark);
     color: var(--os-base-ultra-light);
     font-size: var(--os-text-s);
 }

 .os-footer__lower .os-container {
     display: flex;
     flex-direction: row;
     justify-content: space-between;
     align-content: center;
     padding: 2.5rem 0;
 }

 .os-footer-copyright {
     display: flex;
     align-items: center;
 }

 .os-footer__social-links {
     display: flex;
     gap: 1rem;
 }

 .os-footer-social-icon {
     height: 4rem;
	 width: auto;
     transition: var(--os-transition);
 }

 .os-footer-social-icon:hover {
     opacity: 0.6;
 }

 @media screen and (max-width: 1100px) {
     .os-footer__nav-col nav {
         grid-template-columns: repeat(3, minmax(0, 1fr));
     }

     .os-footer__sectors,
     .os-footer__resources,
     .os-footer__products {
         grid-column: span 1;
     }

     .os-footer__main nav .os-footer__products ul {
         column-count: 1;
     }
 }

 @media screen and (max-width: 960px) {
     .os-footer__main .os-container {
         grid-template-columns: 1fr;
     }

     .os-footer-content {
         max-width: 75ch;
     }

     .os-footer__nav-col {
         order: -1;
     }

     .os-footer__nav-col>nav>div {
         padding-left: 0;
         border-left: none;
         border-right: 2px solid var(--os-base-dark);
         padding-right: 5rem;
     }

     .os-footer__nav-col>nav>div:last-child {
         border-right: none;
     }
 }

 @media screen and (max-width: 650px) {
     .os-footer__nav-col nav {
         grid-template-columns: 1fr;
     }

     .os-footer__nav-col>nav>div {
         padding-right: 0;
         padding-bottom: 0;
         border-right: none;
     }

     .os-footer__lower .os-container {
         flex-direction: column-reverse;
         align-items: flex-start;
         gap: var(--os-content-gap);
     }
 }

 /*--------------------------------------------------

BUTTONS

 --------------------------------------------------*/
 button {
     background: none;
     box-shadow: none;
     border: none;
     padding: 0 0;
 }

 .os-buttons-wrapper {
     display: flex;
     flex-direction: row;
     flex-wrap: wrap;
     gap: var(--os-space-s);
 }

 .os-button,
 a.os-button,
 button.os-button {
     display: inline-block;
     padding: 1rem 2.5rem;
     font-size: var(--os-text-m);
     text-align: center;
     font-weight: 400;
     border-width: 0.2rem;
     border-style: solid;
     border-radius: var(--os-radius-m);
     text-decoration: none;
     color: var(--os-base);
     transition: 0.3s ease-in-out all;
 }
 .os-button a {
     text-decoration: none;
 }
.os-button__action__outline,
a.os-button__action__outline {
     background: none;
     border-color: var(--os-action);
     color: var(--os-base);
}
 .os-button__action__outline:hover {
     background-color: var(--os-action-hover);
 }
 .os-button__action__outline__reversed,
 a.os-button__action__outline__reversed {
     background: none;
     border-color: var(--os-action);
     color: white;
 }
 .os-button__action__outline__reversed:hover {
     background-color: var(--os-action-hover);
     color: var(--os-base);
 }

/* NEW BUTTONS */
button.os-button, .os-button, a.os-button {
    text-align: center;
    letter-spacing: 0.1rem;
    font-size: 1.6rem;
    font-weight: 400;
    color: white;
    box-shadow: 0 4px 12px hsla(222, 15%, 13%, 0.2);
    padding: 1.6rem 3.2rem;
    border: none;
    border-radius: 0.8rem;
    position: relative;
    background: var(--os-accent-gradient-dark);
    box-shadow: inset 0 -1px 4px var(--os-accent);
    background-size: 200% 100%;
    background-position: 0 0;
    transition: background-color 0.3s, background-image 0.3s ease-in-out, background-position 0.5s;
}
button.os-button:hover, .os-button:hover, a.os-button:hover {
    text-decoration: none;
    cursor: pointer;
    background-position: 100% 0;
}
button.os-button__action__outline,
.os-button__action__outline,
a.os-button__action__outline {
    background: none;
    border: 2px solid var(--os-action);
    box-shadow: none;
    color: var(--os-base);
}
button.os-button__action__outline:hover,
.os-button__action__outline:hover,
a.os-button__action__outline:hover {
    background-color: var(--os-action);
}
button.os-button__action__outline__reversed,
.os-button__action__outline__reversed,
a.os-button__action__outline__reversed {
    background: none;
    border: 2px solid var(--os-action);
    box-shadow: none;
    color: white;
    transition: background-color 0.3s ease;
}
button.os-button__action__outline__reversed:hover
.os-button__action__outline__reversed:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}
button.os-button__accent__outline,
.os-button__accent__outline,
a.os-button__accent__outline {
    background: none;
    border: 2px solid var(--os-accent);
    box-shadow: none;
    color: var(--os-base);
}
button.os-button__accent__outline:hover,
.os-button__accent__outline:hover,
a.os-button__accent__outline:hover {
    background-color: var(--os-accent);
}
button.os-button__accent__outline__reversed,
.os-button__accent__outline__reversed,
a.os-button__accent__outline__reversed {
    background: none;
    border: 2px solid var(--os-accent);
    box-shadow: none;
    color: white;
    transition: background-color 0.3s ease;
}
button.os-button__accent__outline__reversed:hover,
.os-button__accent__outline__reversed:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

 /* TAXONOMY FILTER BUTTONS */
 .os-tax-filter {
     display: flex;
     flex-direction: row;
     flex-wrap: wrap;
     gap: 0.5rem;
 }

 .os-tax-filter a {
     display: inline-block;
     padding: 0.8rem 2rem;
     text-align: center;
     font-size: var(--os-text-s);
     font-weight: 500;
     border-width: 0.2rem;
     border-style: solid;
     border-color: var(--os-action);
     border-radius: var(--os-radius-m);
     text-decoration: none;
     color: var(--os-base);
     transition: var(--os-transition);
 }

 .os-tax-filter a.selected {
     background-color: var(--os-action);
 }

 .os-tax-filter a:hover {
     transform: translate(0, -.2rem);
     background-color: var(--os-action-hover);
 }


 .os-social-share {
     margin-top: var(--os-space-xl);
     display: flex;
     flex-direction: column;
     gap: var(--os-space-m);

 }

 .scriptlesssocialsharing__buttons {
     display: flex;
     gap: 1rem;
 }

 .scriptlesssocialsharing .button {
     display: inline-block;
     height: 5rem;
     width: 5rem;
     background-repeat: no-repeat;
     background-size: 5rem;
     transition: var(--os-transition);
 }

 .scriptlesssocialsharing .button:hover {
     transform: translate(0, -0.3rem);
     opacity: 0.8;
 }

 .scriptlesssocialsharing .button.twitter {
     background-image: url('../img/twitter.svg');
 }

 .scriptlesssocialsharing .button.facebook {
     background-image: url('../img/facebook.svg');
 }

 .scriptlesssocialsharing .button.linkedin {
     background-image: url('../img/linkedin.svg');
 }

 .scriptlesssocialsharing .button.email {
     background-image: url('../img/email.svg');
 }

 /*--------------------------------------------------

CLICKABLE PARENT FOR CARDS

 --------------------------------------------------*/
 .os-clickable-parent:not(a) {
     position: static;
 }

 .os-clickable-parent:not(a) a {
     position: static;
 }

 .os-clickable-parent:not(a)>a::after {
     content: "";
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     cursor: pointer !important;
     display: flex;
     z-index: 2;
 }

 a.os-clickable-parent {
     position: static;
 }

 a.os-clickable-parent::after {
     content: "";
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     cursor: pointer !important;
     display: flex;
 }

 /*--------------------------------------------------

ARCHIVES - GENERAL

 --------------------------------------------------*/
 .os-archive {
     margin-top: var(--os-header-gap);
     margin-bottom: var(--os-footer-gap);
     display: flex;
     flex-direction: column;
     gap: var(--os-content-gap);
 }

 .os-archive-hero {
     margin-bottom: 2rem;
 }

 .os-archive-hero__inner {
     display: flex;
 }

 .os-archive-hero__inner-content {
     display: flex;
     flex-direction: column;
     gap: var(--os-content-gap-sm);
     max-width: 125ch;
 }

 .os-archive-hero h1 {
    margin: 0;
     padding: 2rem 0;
 }

 .os-archive-hero__inner::before {
     content: "";
     display: inline-block;
     width: 2rem;
     background-color: var(--os-accent);
     border-radius: 1rem;
     margin-right: 3rem;
 }

 /*--------------------------------------------------

ARCHIVE - POSTS/NEWS

 --------------------------------------------------*/
 .os-news-archive .os-container {
     display: flex;
     flex-direction: column;
     gap: var(--os-block-gap);
 }

 .os-news-archive__post {
     position: relative;
     display: grid;
     grid-template-columns: 2fr 3fr;
     gap: var(--os-grid-gap);
 }

 .os-news-archive__thumb img {
     width: 100%;
     height: auto;
     border-radius: var(--os-radius-m);
     box-shadow: var(--os-box-shadow-m);
     transition: var(--os-transition);
 }

 .os-news-archive__content {
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: flex-start;
     gap: var(--os-content-gap-sm);
 }

 .os-news-archive__content .os-h2 {
     font-size: calc(var(--os-h3) * 1.2);
     margin-top: 0;
     margin-bottom: 0;
 }

 .os-news-archive__content .os-h2 a {
     text-decoration: none;
     color: var(--os-base);
     transition: var(--os-transition);
 }
 .os-news-archive__content .os-post-content {
    margin-top: 0;
 }

 .os-news-archive__date {
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
     width: 7rem;
     aspect-ratio: 1 / 1;
     padding: 1.5rem;
     border-radius: 1rem;
     background-color: var(--os-base);
     color: white;
     text-transform: uppercase;
     text-align: center;
     line-height: 1;
     font-size: var(--os-text-s);
     font-weight: 700;
 }

 .os-news-archive__date-day {
     width: 100%;
     padding-bottom: .5rem;
     margin-bottom: .6rem;
     border-bottom: 1px solid var(--os-accent);
 }

 .os-news-archive__post:hover img {
     opacity: 0.6;
 }

 .os-news-archive__post:hover h2 {
     text-decoration: underline;
 }

 .os-news-archive__post:hover .os-button__action {
     background-color: var(--os-action-hover);
 }

 /*--------------------------------------------------

POST SINGLE (NEWS)

 --------------------------------------------------*/
 .os-post-single {
     margin: var(--os-header-gap) auto var(--os-footer-gap) auto;
     max-width: 1100px;
 }

 .os-post-single__image {
     width: 100%;
     aspect-ratio: 16 / 9;
 }

 .os-post-single__image img {
     width: 100%;
     height: 100%;
     object-fit: cover;
     border-radius: var(--os-radius-l);
     box-shadow: var(--os-box-shadow);
 }

 .os-post-single__title {
     display: flex;
     flex-direction: column;
     gap: 1rem;
     align-items: flex-start;
     margin: var(--os-content-gap) 0;
 }

 .os-post-single__date {
     font-weight: 700;
     font-size: calc(var(--os-text-m) * 1.2);
     color: var(--os-accent);
     margin-bottom: 0;
 }

 .os-post-single__title .os-h1 {
     font-size: var(--wp--preset--font-size--headline-2);
     color: var(--wp--preset--color--text-dark);
     margin-top: 0;
     margin-bottom: 0;
 }
 .os-post-single h2.wp-block-heading {
    font-size: var(--wp--preset--font-size--headline-3);
    margin-bottom: var(--wp--preset-spacing--small);
 }
 .os-post-single h3.wp-block-heading {
    font-size: var(--wp--preset--font-size--headline-4);
    margin-bottom: var(--wp--preset--spacing--x-small);
 }
 .os-post-single h4.wp-block-heading {
    font-size: var(--wp--preset--font-size--headline-5);
 }

 /*--------------------------------------------------

CASE STUDIES

 --------------------------------------------------*/
 .os-cs__section {
     margin-bottom: var(--os-footer-gap);
 }

 .os-cs-hero {
     display: relative;
     margin-top: var(--os-space-l);
     display: grid;
     grid-template-columns: 1fr 1fr;
     min-height: 45rem;
     border-radius: var(--os-radius-l);
     box-shadow: var(--os-box-shadow-l);
     overflow: hidden;
 }
/*
 .os-cs-hero__content {
     padding: var(--os-space-xl);
     display: flex;
     flex-direction: column;
     align-items: flex-start;
     justify-content: center;
     gap: var(--os-content-gap);
 }
*/
.os-cs-hero__content {
    padding: var(--os-space-xl);
}
 .os-cs-hero__content .os-h1 {
     font-size: var(--os-text-xl);
 }

 .os-cs-hero__content a.os-button {
     margin-top: 2rem;
 }

 .os-cs-hero__image img {
     width: 100%;
     height: 100%;
     object-fit: cover;
 }

 .os-cs__content {
     margin-top: var(--os-block-gap);
     display: grid;
     grid-template-columns: 3fr 2fr;
     gap: var(--os-column-gap);
 }

 .os-cs__content-side-inner {
     padding-left: var(--os-space-l);
     border-left: 1px solid var(--os-accent);
     color: var(--os-base);
 }

 .os-cs__logo img {
     width: 100%;
     max-width: 25rem;
     height: auto;
     margin-bottom: var(--os-content-gap);
 }

 .os-cs__quote {
     margin-top: var(--os-space-xl);
     padding-top: 7rem;
     background-image: url('../img/quotemark-icon.svg');
     background-repeat: no-repeat;
     background-size: 5rem;
     font-size: calc(var(--os-text-m) * 1.2);
     font-style: italic;
 }

 .os-cs__quote-meta {
     display: block;
     margin-top: var(--os-space-m);
 }

 .os-cs__quote-name {
     display: block;
     font-weight: 700;
     font-size: var(--os-text-l);
 }

 .os-cs__quote-role {
     display: block;
     font-weight: 700;
     font-size: var(--os-text-m);
     color: var(--os-accent);
 }

 .os-cs__headshot img {
     aspect-ratio: 1 /1;
     object-fit: cover;
     width: 100%;
     height: auto;
     max-width: 15rem;
     border-radius: 50%;
     border: 3px solid var(--os-accent);
     margin-bottom: 0;
 }

 .os-cs__video-testimonial {
     margin-top: var(--os-content-gap);
 }

 @media screen and (max-width: 960px) {
     .os-cs-hero {
         grid-template-columns: 1fr;
     }

     .os-cs-hero__image {
         order: -1;
     }

     .os-cs-hero__content {
         padding: var(--os-space-l);
     }
 }

 @media screen and (max-width: 768px) {
     .os-cs__content {
         grid-template-columns: 1fr;
     }
 }

 .os-cs-archive .os-h2 {
     font-size: calc(var(--os-h2) * 0.8);
 }

 /*--------------------------------------------------

JOBS

 --------------------------------------------------*/
 .os-job__content-side {
     display: flex;
     flex-direction: column;
     gap: var(--os-content-gap);
 }

 ul.os-tick-bullets {
     display: flex;
     flex-direction: column;
     gap: var(--os-space-s);
     list-style: none;
     padding-left: none;
 }

 ul.os-tick-bullets li {
     background-image: url('../img/tick-icon.svg');
     background-repeat: no-repeat;
     background-size: 3rem auto;
     mn-height: 3rem;
     font-size: var(--os-text-l);
     padding-left: 5rem;

 }

 /*--------------------------------------------------

CLIENTS

 --------------------------------------------------*/
 .os-clients-grid {
     display: grid;
     grid-template-columns: repeat(3, minmax(0, 1fr));
     gap: var(--os-grid-gap);
 }

 .os-client-card {
     display: flex;
     flex-direction: column;
     justify-content: space-between;
     gap: var(--os-content-gap-sm);
     padding: var(--os-space-l);
     border-radius: var(--os-radius-l);
     box-shadow: var(--os-box-shadow-m);
 }
 .os-client-card__content-wrapper *:first-child,
 .os-client-card__content
  {
    margin-top: 0;
 }
 .os-client-card .os-h2 {
     font-size: var(--os-h3);
     margin-top: 0;
     margin-bottom: var(--wp--preset--spacing--x-small);
 }

 .os-client-card__logo {
     display: flex;
     align-items: center;
     justify-content: center;
     width: 100%;
     height: 15rem;
 }

 .os-client-card__logo img {
     max-width: 75%;
     max-height: 75%;
     object-fit: contain;
 }

 .os-client-card__buttons-wrapper {
     display: flex;
     flex-direction: column;
     gap: 1rem;
 }

 .os-testimonial-modal .os-modal-content {
     display: grid;
     grid-template-columns: 1fr 4fr;
     gap: var(--os-grid-gap);
 }

 .os-testimonial-modal-logo img {
     width: 100%;
     max-width: 25rem;
     height: auto;
 }

 .os-testimonial-modal-text,
 .os-testimonial-modal-video {
     display: flex;
     flex-direction: column;
     gap: var(--os-content-gap-sm);
 }

 .os-testimonial-modal h3 {
     border-bottom: 1px solid var(--os-action);
     padding-bottom: var(--os-content-gap-sm);
 }

 .os-testimonial-modal-video iframe {
     width: 100%;
     aspect-ratio: 16 / 9;
 }

 .os-client-card-testimonial-name {
     color: var(--os-base);
     font-weight: 700;
 }

 @media screen and (max-width: 1100px) {
     .os-clients-grid {
         grid-template-columns: repeat(2, minmax(0, 1fr));
     }
 }

 @media screen and (max-width: 768px) {
     .os-clients-grid {
         grid-template-columns: 1fr;
     }

     .os-testimonial-modal .os-modal-content {
         grid-template-columns: 1fr;
     }
 }

 /*--------------------------------------------------

EVENTS

 --------------------------------------------------*/
 .os-events-list {
     display: flex;
     flex-direction: column;
     gap: var(--os-grid-gap);
 }

 .os-events-list-card {
     position: relative;
     display: grid;
     grid-template-columns: 1fr 1fr;
     gap: var(--os-grid-gap);
     border-radius: var(--os-radius-m);
     box-shadow: var(--os-box-shadow-m);
     padding: var(--os-space-l);
 }

 .os-events-list-card__image img {
     width: 100%;
     height: auto;
     transition: var(--os-transition);
 }

 .os-events-list-card__content {
     display: flex;
     flex-direction: column;
     justify-content: space-between;
 }

 h2.os-events-list-card__title {
     font-size: calc(var(--os-h3) * 1.2);
     margin-top: var(--os-space-s);
 }

 .os-events-list-card__title a {
     text-decoration: none;
     transition: var(--os-transition);
 }

 .os-events-list-card:hover img {
     opacity: 0.8;
 }

 .os-events-list-card:hover a {
     color: var(--os-base);
 }

 .os-events-list-card__date {
     font-weight: 700;
     margin-top: 1rem;
 }

 .os-events-list-card__time {
     font-weight: 700;
     margin-top: 0;
 }

 .os-events-list__excerpt {
     margin-top: 2rem;
 }

 .os-events-list__buttons {
     margin-top: var(--os-space-m);
     z-index: 1;
     display: flex;
     flex-wrap: wrap;
     gap: 1rem;
 }

 @media screen and (max-width: 900px) {
     .os-events-list-card {
         grid-template-columns: 1fr;
     }
 }

 /*--------------------------------------------------

POLICIES

 --------------------------------------------------*/
 .os-policy__heading {
     padding-top: var(--os-space-l);
     padding-bottom: var(--os-space-xl);
 }

 .os-policy .os-post-content h2 {
     font-size: calc(var(--os-h2) * 0.8);
     font-weight: 400;
 }

 .os-policy__footer {}

 .os-policy__footer .os-container {
     border-top: 1px solid var(--os-base);
     margin-top: var(--os-content-gap);
     padding-top: var(--os-content-gap);
 }

 /*--------------------------------------------------

CARDS

 --------------------------------------------------*/
 .os-card-corner-flash::after {
     content: "";
     position: absolute;
     bottom: 0;
     right: 0;
     height: 6rem;
     aspect-ratio: 1/1;
     border-radius: var(--os-radius-m) 0 var(--os-radius-m) 0;
     display: flex;
     flex-direction: column;
     justify-content: center;
     background-image: url('../img/white-arrow.svg'),var(--os-accent-gradient) ;
     background-repeat: no-repeat;
     background-position: center center;
     background-size: 3rem, cover;
     pointer-events: none;
 }

 .os-card-corner-flash__small::after {
     content: "";
     position: absolute;
     bottom: 0;
     right: 0;
     height: 4rem;
     aspect-ratio: 1/1;
     background-color: var(--os-accent);
     border-radius: var(--os-radius-s) 0 var(--os-radius-s) 0;
     display: flex;
     flex-direction: column;
     justify-content: center;
     background-image: url('../img/white-arrow.svg');
     background-repeat: no-repeat;
     background-position: center center;
     background-size: 2rem;
     pointer-events: none;
 }

 /*--------------------------------------------------

SIDEBARS

 --------------------------------------------------*/
 .os-sidebar-tile {
     padding: var(--os-space-l);
     border-radius: var(--os-radius-l);
     box-shadow: var(--os-box-shadow-m);
 }
 .os-sidebar-tile__base {
     background-image: var(--os-base-gradient);
     color: white;
 }

 .os-sidebar-tile__base h2.os-h2 {
     color: var(--os-action);
     margin-top: 0;
 }
 .os-sidebar-tile__base p {
    color: white;
 }
 .os-sidebar-tile__base a {
     color: var(--os-action);
     transition: var(--os-transition);
     text-decoration: none;
 }

 .os-sidebar-tile__base a:hover {
     color: var(--os-action-hover);
     text-decoration: underline;
 }

 /*--------------------------------------------------

HEROES

 --------------------------------------------------*/
 .os-lede-heading__wrapper {
     display: block;
     flex-direction: column;
     gap: var(--os-content-gap-sm);
 }
 .os-lede-heading__wrapper p.os-lede {
    margin-bottom: var(--wp--preset--spacing--xx-small);
 }
 .os-lede-heading__wrapper h1 {
    margin-top: 0;
    color: var(--wp--preset--color--text-standard);
 }
 .os-cs-hero__bullets {
    display: flex;
    flex-direction: column;
    gap: var(--wp--preset--spacing--x-small);
 }
 .os-cs-hero__bullet {
    display: flex;
    gap: var(--os-content-gap-sm);
    align-items: flex-start;
 }
 .os-cs-hero__bullet-icon {
    flex-shrink: 0;
    width: 2.8rem;
    height: 2.8rem;
    padding: 0.8rem;
    border-radius: 999px;
    background: var(--os-accent-gradient);
    display: flex;
    align-items: center;
    justify-content: center;
 }

 /*--------------------------------------------------

BLOCK BACKGROUNDS

 --------------------------------------------------*/
 .os-section.os-add-block-bg {
     background-image: var(--os-base-gradient);
     padding-top: calc(var(--os-space-xl) + clamp(5rem, 2.868vw + 4.082rem, 8rem));
     padding-bottom: calc(var(--os-space-xl) + clamp(5rem, 2.868vw + 4.082rem, 8rem));
     position: relative;
 }
/*
 .os-section.os-add-block-bg::before {
     content: "";
     height: clamp(3rem, 1.912vw + 2.388rem, 5rem);
     background-color: white;
     clip-path: polygon(0 0, 100% 0, 100% 100%);
     position: absolute;
     top: -1px;
     left: 0;
     width: 100%;
     z-index: 1;
 }

 .os-section.os-add-block-bg::after {
     content: "";
     height: clamp(3rem, 1.912vw + 2.388rem, 5rem);
     background-color: white;
     clip-path: polygon(0 100%, 100% 100%, 100% 0%);
     position: absolute;
     bottom: -1px;
     left: 0;
     width: 100%;
     z-index: 1;
 }
*/
 .os-section.os-add-block-bg .os-section-heading {
     color: white;
 }

 /*--------------------------------------------------

VIDEOS

 --------------------------------------------------*/
 .os-videos-grid {
     display: grid;
     grid-template-columns: repeat(2, minmax(0, 1fr));
     gap: var(--os-grid-gap);
 }

 @media screen and (max-width: 768px) {
     .os-videos-grid {
         grid-template-columns: 1fr;
     }
 }

 .os-video-post-card {
     display: flex;
     flex-direction: column;
     gap: var(--os-space-m);
 }

 .os-video-post-card .os-video-thumb {
     order: -1;
 }

 h2.os-video-post-card__title {
     text-align: center;
     font-size: var(--wp--preset--font-size--headline-4);
     margin: 0;
 }

 /*--------------------------------------------------

VIDEO THUMB AND MODAL

 --------------------------------------------------*/
 .os-video-thumb {
     position: relative;
     border-radius: var(--os-radius-l);
     box-shadow: var(--os-box-shadow-l);
     width: 100%;
     aspect-ratio: 16 / 9;
     overflow: hidden;
 }
 .os-video-thumb img {
     object-fit: cover;
     width: 100%;
     height: 100%;
 }
 .os-video-thumb_overlay {
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     display: flex;
     align-items: center;
     justify-content: center;
 }
.os-video-thumb_overlay svg {
     width: 7.2rem;
     height: auto;
}
.os-video-thumb_overlay:hover {
    cursor: pointer;
}
.os-video-thumb_overlay:hover .circle-gradient {
    opacity: 1 !important;
    transition: opacity 0.4s ease;
}
  
.circle-gradient {
    transition: opacity 0.4s ease;
}


.os-video-modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: var(--os-section-padding) var(--os-section-gutter);
    background-color: var(--os-base-trans-90);
    display: none;
    z-index: 999999;
}

.os-video-modal-inner {
    position: relative;
    width: 100%;
    max-width: 1100px;
    padding-top: 6rem;
}

.os-video-modal.active,
.os-video-modal.open {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.os-video-modal iframe {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 16 / 9;
    box-shadow: var(--os-box-shadow-l);
    border-radius: var(--os-radius-l);
}

#os-modal-close,
.close-modal {
    position: absolute;
    top: 0;
    right: 0;
    background: none;
    border: none;
    width: 3rem;
    height: auto;
}

#os-modal-close:hover,
.close-modal:hover {
    cursor: pointer;
}

#os-modal-close img {
    height: 4rem;
    width: auto;
    border-radius: 0;
    box-shadow: none;
}

.os-video-modal iframe {
    width: 100%;
    aspect-ratio: 16 / 9;
    box-shadow: var(--os-box-shadow-l);
    border-radius: var(--os-radius-s);
}

/* VIDEOS POST TYPE MODAL ADJUSTMENTS */
.os-video-post-card .os-video-modal-inner {
    background-color: white;
    border-radius: var(--os-radius-m);
    width: 768px;
    max-width: 90%;
    padding: 4.5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 3rem;
}

.os-video-post-card .os-video-modal-content {
    max-height: 10rem;
    overflow: hidden;
    overflow-y: scroll;
    padding-right: 3rem;
}

.os-video-post-card #os-modal-close {
    top: 1.5rem;
    right: 1.5rem;
}

.os-video-post-card #os-modal-close img {
    width: 3rem;
}

.os-testimonial-video-wrapper {
    position: relative;
}

.os-testimonial-video-wrapper .os-video-modal {
    position: absolute;
    background-color: transparent;
}

.os-testimonial-video-wrapper .os-video-modal.active {
    padding-top: 2.2rem;
}

.os-testimonial-video-wrapper .os-video-modal .os-video-modal-inner {
    padding-top: 0;
}

.os-testimonial-video-wrapper .os-video-modal iframe {
    box-shadow: none;
}

.os-testimonial-video-wrapper #os-modal-close {
    right: 1.5rem;
    top: 1.5rem;
    justify-content: end;
}

 /*

Lang Select

*/

 /* .lang-select__wrapper {
    position: absolute;
    top: 4rem;
    right: 3rem;
    box-sizing: border-box;
    height: 4.6rem;
    width: 9.6rem;
} */

 .lang-select {
     position: absolute;
     top: 25%;
     top: calc(50% - 2.3rem);
     right: -1rem;
     box-sizing: border-box;
     height: 4.6rem;
     width: 9.6rem;
     overflow: hidden;
     border-radius: 2.25rem;
     border: 2px solid #aaa;
     /* padding: 0.8rem 1.6rem 0.8rem 0.8rem; */
     transition: height 0.4s;
     cursor: pointer;
     margin-top: 0;
     margin-bottom: 0;
     margin-left: 3rem;
     z-index: 10;
 }

 @media (max-width: 1100px) {
     .lang-select {
         position: absolute;
         right: 6rem;
         top: calc(50% - 2.5rem);
         margin: 0;
     }
 }

 @media (max-width: 389px) {
     .lang-select {
         position: absolute;
         right: -16px;
         top: calc(75% - 2.5rem);
         margin: 0;
     }

     .os-header__top-row.with-lang-select .os-header__top-row__container {
         align-items: start;
     }
 }

 .lang-select.open {
     height: auto;
 }

 .lang-select img {
     object-fit: cover;
     border-radius: 48px;
 }

 .lang-select li:first-of-type a::after {
     content: '▾';
     font-size: 1rem;
 }

 .lang-select li {
     box-sizing: border-box;
     position: relative;
     margin-top: -2px;
     height: 4.6rem;
     width: 9.6rem;
     padding: 0.8rem;
     background-color: #fff;
     transition: background-color 0.4s;
     /* margin-bottom: 0.8rem; */
 }

 .lang-select li a {
     display: flex;
     justify-content: start;
     align-items: center;
     width: 100%;
     height: 100%;
     gap: 0.8rem;
     text-decoration: none;
 }

 .lang-select li a * {
     line-height: 100%;
 }

 .lang-select li.current a * {
     pointer-events: none;
 }

 .lang-select li:not(.current):hover {
     background-color: #ccc;
 }


 /*--------------------------------------------------

GENERAL MODAL

 --------------------------------------------------*/

 .os-modal {
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     min-height: 100%;
     padding: var(--os-space-l);
     background-color: var(--os-base-trans-90);
     display: none;
     flex-direction: column;
     justify-content: center;
     align-items: center;
     z-index: 999999;
 }

 .os-modal-inner {
     position: relative;
     width: 100%;
     max-width: 1100px;
     padding-top: 8rem;
 }

 .os-modal-content {
     background-color: white;
     box-shadow: var(--os-box-shadow-l);
     border-radius: var(--os-radius-l);
     padding: var(--os-space-l);
 }

 .os-modal.active {
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
 }

 .os-modal-close {
     position: absolute;
     top: 0;
     right: 0;
     background: none;
     border: none;
 }

 .os-modal-close:hover {
     cursor: pointer;
 }

 .os-modal-close img {
     height: 4rem;
     width: auto;
     border-radius: 0;
     box-shadow: none;
 }

 /*--------------------------------------------------

SCROLLBAR

 --------------------------------------------------*/
 .os-blocks-content div::-webkit-scrollbar,
 .os-blocks-content ul::-webkit-scrollbar,
 .os-video-modal div::-webkit-scrollbar {
     width: 12px;
     /* Set a custom width for the scrollbar */
 }

 .os-blocks-content div::-webkit-scrollbar-thumb,
 .os-blocks-content ul::-webkit-scrollbar-thumb,
 .os-video-modal div::-webkit-scrollbar-thumb {
     background-color: var(--os-accent);
     border-radius: 6px;
 }

 .os-blocks-content div::-webkit-scrollbar-track,
 .os-blocks-content ul::-webkit-scrollbar-track,
 .os-video-modal div::-webkit-scrollbar-track {
     background-color: #eee;
     border-radius: 6px;
 }

 /*--------------------------------------------------

SLIDER NAV

 --------------------------------------------------*/
 .os-slider-nav {
     display: flex;
     flex-direction: row;
     gap: 1.5rem;
 }

 .os-slider-arrows {
     display: flex;
     flex-direction: row;
     padding-top: 2rem;
     gap: 3rem;
     margin-top: 3rem;
 }

 button.os-slider-arrow {
     background-color: transparent;
     border: none;
     opacity: 1;
     transition: var(--os-transition);
 }

 button.os-slider-arrow:hover {
     opacity: 0.6;
 }

 .os-slider-arrow svg {
     height: 4rem;
     padding: 0.5rem;
     width: auto;
 }

 .os-slider-nav .os-slider-arrow img {
     height: 3rem;
     width: auto;
 }

 .os-slider-nav .os-slider-dots {
     display: flex;
     align-items: center;
 }

 .os-slider-nav ul.slick-dots {
     padding-left: 0;
     margin-top: 0;
     display: flex;
     flex-direction: row;
     gap: 2rem;
     align-items: center;
     font-size: 0;
     line-height: 0;
 }

 ul.slick-dots button {
     font-size: 0;
     line-height: 0;
     width: 1.5rem;
     height: 1.5rem;
     border-radius: 50%;
     background-color: var(--os-base-trans-20);
     border: none;
 }

 ul.slick-dots .slick-active button {
     background-color: var(--os-base-trans-60);
 }
 .os-add-block-bg ul.slick-dots button {
    background-color: rgba(255,255,255,0.2);
 }
 .os-add-block-bg ul.slick-dots .slick-active button {
    background-color: rgba(255,255,255,0.5);
}
 .hide-nav ul.slick-dots {
     display: none;
 }

 /*--------------------------------------------------

404 Page

 --------------------------------------------------*/
 .os-404-content {
     margin-top: var(--os-space-xl);
     margin-bottom: var(--os-space-xl);
 }

 .os-404-content .os-h1 {
     margin-bottom: var(--os-space-l);
 }

 /*--------------------------------------------------

WP BLOCK EDITOR TWEAKS

 --------------------------------------------------*/
 /* replicate blocks gap in editor */
 .hidden {
     display: none;
 }

 .author-info__container {
     /* background-color: #eee; */
     margin: 3.2rem 0 6.4rem 0;
     padding-top: 3.2rem;
     border-top: solid 1px #9CA7D2;
     position: relative;
 }

 .author-info__extras {
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
     margin: 1.6rem 0;
 }

 .author-socials {
     display: flex;
     margin: 0 0 1.6rem 0;
     gap: .8rem;
     justify-content: center;
 }

 .author-socials .button {
     display: block;
     width: 3.2rem;
     height: 3.2rem;
     transition: all 0.2s;
     /* background-color: var(--os-accent); */
 }

 .author-socials .button:hover {
     transform: translateY(4px);
 }

 .author-socials .button.twitter {
     background-image: url(../img/twitter.svg);
 }

 .author-socials .button.facebook {
     background-image: url(../img/facebook.svg);
 }

 .author-socials .button.website {
     background-image: url(../img/website.svg);
 }

 .author-socials .button.linkedin {
     background-image: url(../img/linkedin.svg);
 }

 .author-info__inner {
     margin-top: 3.2rem;
 }

 .author-info__pfp {
     border-radius: 256px;
     border: 8px solid var(--os-accent);
     overflow: hidden;
     width: 188px;
     height: 188px;
 }

 .author-info__pfp img {
     height: 100%;
     width: 100%;
     object-fit: cover;
 }

 .post-author {
     font-size: 2rem;
     font-weight: 400;
     margin: 1.6rem 0;
 }

 .post-author address {
     font-style: normal;
 }

 .post-author span {
     font-size: 1.6rem;
     font-style: italic;
     display: block;
     width: 100%;
 }

 @media (min-width: 768px) {
     .post-author {
         margin-top: 0;
     }

     .author-info__inner:has(.author-info__pfp) {
         display: grid;
         grid-template-columns: auto 1fr;
         grid-template-areas: 'image .';
         gap: 0 4rem;
     }

     .author-info__extras {
         grid-area: image;
         grid-row: 1/9;
         margin: 0;
     }

     .author-socials {
         justify-content: start;
     }
 }

 .os-post-single:has(.author-info) {
     margin-bottom: 0;
 }

 /* TEMP FIX */
 .os-table-of-contents {
     display: grid;
     grid-template-columns: 1fr 1fr;
     grid-auto-flow: column;
 }

 .os-table-of-contents.rows-8 {
     grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
 }

 .os-post-single .os-section.os-post-single__content .os-section {
     padding-left: 0;
     padding-right: 0;
 }

 .os-round-container-corners {
     border-radius: var(--os-radius-l);
     overflow: hidden;
 }

 .os-footer-button-ctr {
     margin-bottom: -1rem;
 }

 /* IATRO UM VID STYLING */
 .um-vids>div {
     width: 100%;
     display: flex;
     flex-wrap: wrap;
     justify-content: center;
     gap: 16px;
 }

 .um-vids .vum-video-container {
     margin-right: 0;
     float: none;
     text-align: center;
     margin-bottom: 0;
 }

 /* Single Footer */

.single-landing-page footer.simple ul {
     display: flex;
     flex-wrap: wrap;
     gap: var(--os-content-gap-sm);
 }

 .single-landing-page footer.simple ul li a {
    color: #fff;
    text-decoration: none;
 }
 .single-landing-page footer.simple ul li a:hover {
    color: var(--os-action-hover);
 }

 @media (max-width: 650px) {
     .single-landing-page footer.simple ul {
        flex-direction: column;
     }
 }
.bg-radial-blur {
    position: relative;
}
.bg-radial-blur::before {
    content: "";
    position: absolute;
    width: 75%;
    height: 75%;
    background-color: green;
    filter:blur(300px);
    z-index: -1;
}
.bg-radial-blur > * {
    z-index: 1;
}