/*
Theme Name: ceedr
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 1.1.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
.e-vent .services-subheading {
	margin-bottom: 10px;
	padding: 0;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px black inset !important;
    -webkit-text-fill-color: white !important;
}
.margin-25 {
	margin-left: 25px;
}
.hs-input {
	background: red !important;
}
::selection {
    background: var(--lime-green);
    color: black;
}

.ceedr-hero img {
    width: 100%;
}

.rounded-corners,
.rounded-corners .banner-bg.fill {
    border-radius: 8px;
}

@media only screen and (max-width: 48em) {
    /*************** ADD MOBILE ONLY CSS HERE  ***************/


}

@font-face {
    font-family: 'Cy Grotesk Wide Dark';
    src: url('https://data.ceedr.com/wp-content/themes/ceedr/assets/fonts/CyGrotesk-WideDark.woff2') format('woff2'),
        url('https://data.ceedr.com/wp-content/themes/ceedr/assets/fonts/CyGrotesk-WideDark.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cy Grotesk Key';
    src: url('https://data.ceedr.com/wp-content/themes/ceedr/assets/fonts/CyGrotesk-KeyLight.woff2') format('woff2'),
        url('https://data.ceedr.com/wp-content/themes/ceedr/assets/fonts/CyGrotesk-KeyLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cy Grotesk Key';
    src: url('https://data.ceedr.com/wp-content/themes/ceedr/assets/fonts/CyGrotesk-KeyBold.woff2') format('woff2'),
        url('https://data.ceedr.com/wp-content/themes/ceedr/assets/fonts/CyGrotesk-KeyBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cy Grotesk Grand';
    src: url('https://data.ceedr.com/wp-content/themes/ceedr/assets/fonts/CyGrotesk-GrandLight.woff2') format('woff2'),
        url('https://data.ceedr.com/wp-content/themes/ceedr/assets/fonts/CyGrotesk-GrandLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cy Grotesk Wide';
    src: url('https://data.ceedr.com/wp-content/themes/ceedr/assets/fonts/CyGrotesk-WideMedium.woff2') format('woff2'),
        url('https://data.ceedr.com/wp-content/themes/ceedr/assets/fonts/CyGrotesk-WideMedium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cy Grotesk Grand';
    src: url('https://data.ceedr.com/wp-content/themes/ceedr/assets/fonts/CyGrotesk-GrandBold.woff2') format('woff2'),
        url('https://data.ceedr.com/wp-content/themes/ceedr/assets/fonts/CyGrotesk-GrandBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cy Grotesk Grand Dark';
    src: url('https://data.ceedr.com/wp-content/themes/ceedr/assets/fonts/CyGrotesk-GrandDark.woff2') format('woff2'),
        url('https://data.ceedr.com/wp-content/themes/ceedr/assets/fonts/CyGrotesk-GrandDark.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cy Grotesk Grand';
    src: url('https://data.ceedr.com/wp-content/themes/ceedr/assets/fonts/CyGrotesk-GrandMedium.woff2') format('woff2'),
        url('https://data.ceedr.com/wp-content/themes/ceedr/assets/fonts/CyGrotesk-GrandMedium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cy Grotesk Wide';
    src: url('https://data.ceedr.com/wp-content/themes/ceedr/assets/fonts/CyGrotesk-WideRegular.woff2') format('woff2'),
        url('https://data.ceedr.com/wp-content/themes/ceedr/assets/fonts/CyGrotesk-WideRegular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cy Grotesk Key';
    src: url('https://data.ceedr.com/wp-content/themes/ceedr/assets/fonts/CyGrotesk-KeyThin.woff2') format('woff2'),
        url('https://data.ceedr.com/wp-content/themes/ceedr/assets/fonts/CyGrotesk-KeyThin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cy Grotesk Key';
    src: url('https://data.ceedr.com/wp-content/themes/ceedr/assets/fonts/CyGrotesk-KeyMedium.woff2') format('woff2'),
        url('https://data.ceedr.com/wp-content/themes/ceedr/assets/fonts/CyGrotesk-KeyMedium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cy Grotesk Key';
    src: url('https://data.ceedr.com/wp-content/themes/ceedr/assets/fonts/CyGrotesk-KeyHeavy.woff2') format('woff2'),
        url('https://data.ceedr.com/wp-content/themes/ceedr/assets/fonts/CyGrotesk-KeyHeavy.woff') format('woff');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cy Grotesk Grand';
    src: url('https://data.ceedr.com/wp-content/themes/ceedr/assets/fonts/CyGrotesk-GrandHeavy.woff2') format('woff2'),
        url('https://data.ceedr.com/wp-content/themes/ceedr/assets/fonts/CyGrotesk-GrandHeavy.woff') format('woff');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cy Grotesk Wide';
    src: url('https://data.ceedr.com/wp-content/themes/ceedr/assets/fonts/CyGrotesk-WideBlack.woff2') format('woff2'),
        url('https://data.ceedr.com/wp-content/themes/ceedr/assets/fonts/CyGrotesk-WideBlack.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cy Grotesk Key Demi';
    src: url('https://data.ceedr.com/wp-content/themes/ceedr/assets/fonts/CyGrotesk-KeyDemi.woff2') format('woff2'),
        url('https://data.ceedr.com/wp-content/themes/ceedr/assets/fonts/CyGrotesk-KeyDemi.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cy Grotesk Key Dark';
    src: url('https://data.ceedr.com/wp-content/themes/ceedr/assets/fonts/CyGrotesk-KeyDark.woff2') format('woff2'),
        url('https://data.ceedr.com/wp-content/themes/ceedr/assets/fonts/CyGrotesk-KeyDark.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cy Grotesk Wide';
    src: url('https://data.ceedr.com/wp-content/themes/ceedr/assets/fonts/CyGrotesk-WideBold.woff2') format('woff2'),
        url('https://data.ceedr.com/wp-content/themes/ceedr/assets/fonts/CyGrotesk-WideBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cy Grotesk Grand';
    src: url('https://data.ceedr.com/wp-content/themes/ceedr/assets/fonts/CyGrotesk-GrandRegular.woff2') format('woff2'),
        url('https://data.ceedr.com/wp-content/themes/ceedr/assets/fonts/CyGrotesk-GrandRegular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cy Grotesk Grand';
    src: url('https://data.ceedr.com/wp-content/themes/ceedr/assets/fonts/CyGrotesk-GrandThin.woff2') format('woff2'),
        url('https://data.ceedr.com/wp-content/themes/ceedr/assets/fonts/CyGrotesk-GrandThin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cy Grotesk Wide';
    src: url('https://data.ceedr.com/wp-content/themes/ceedr/assets/fonts/CyGrotesk-WideThin.woff2') format('woff2'),
        url('https://data.ceedr.com/wp-content/themes/ceedr/assets/fonts/CyGrotesk-WideThin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cy Grotesk Wide Demi';
    src: url('https://data.ceedr.com/wp-content/themes/ceedr/assets/fonts/CyGrotesk-WideDemi.woff2') format('woff2'),
        url('https://data.ceedr.com/wp-content/themes/ceedr/assets/fonts/CyGrotesk-WideDemi.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cy Grotesk Key';
    src: url('https://data.ceedr.com/wp-content/themes/ceedr/assets/fonts/CyGrotesk-KeyRegular.woff2') format('woff2'),
        url('https://data.ceedr.com/wp-content/themes/ceedr/assets/fonts/CyGrotesk-KeyRegular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cy Grotesk Wide';
    src: url('https://data.ceedr.com/wp-content/themes/ceedr/assets/fonts/CyGrotesk-WideHeavy.woff2') format('woff2'),
        url('https://data.ceedr.com/wp-content/themes/ceedr/assets/fonts/CyGrotesk-WideHeavy.woff') format('woff');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cy Grotesk Key';
    src: url('https://data.ceedr.com/wp-content/themes/ceedr/assets/fonts/CyGrotesk-KeyBlack.woff2') format('woff2'),
        url('https://data.ceedr.com/wp-content/themes/ceedr/assets/fonts/CyGrotesk-KeyBlack.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cy Grotesk Grand';
    src: url('https://data.ceedr.com/wp-content/themes/ceedr/assets/fonts/CyGrotesk-GrandBlack.woff2') format('woff2'),
        url('https://data.ceedr.com/wp-content/themes/ceedr/assets/fonts/CyGrotesk-GrandBlack.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cy Grotesk Grand Demi';
    src: url('https://data.ceedr.com/wp-content/themes/ceedr/assets/fonts/CyGrotesk-GrandDemi.woff2') format('woff2'),
        url('https://data.ceedr.com/wp-content/themes/ceedr/assets/fonts/CyGrotesk-GrandDemi.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cy Grotesk Wide';
    src: url('https://data.ceedr.com/wp-content/themes/ceedr/assets/fonts/CyGrotesk-WideLight.woff2') format('woff2'),
        url('https://data.ceedr.com/wp-content/themes/ceedr/assets/fonts/CyGrotesk-WideLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@media screen and (min-width: 1000px) {

    .testimonial-buttons-container {
        display: none;
    }
}

.header-bg-color.header-bg-color {
    background-color: #1A1A1A;
}

.home .header-bg-color.header-bg-color.header-bg-color {
    background-color: #bbf561 !important;
}

#header:has(.header-wrapper.stuck),
.header-wrapper.stuck .header-bg-color.header-bg-color.header-bg-color.header-bg-color.header-bg-color {
    background: black !important;
}
.menu-items a:hover {
	text-decoration: underline !important;
	}
:root {
    --light-yellow: #F3F3DE;
    --light-beige: #F7F7F0;
    --light-green: #E8F5D5;
    --lime-green: #BAF562;
    --yellow: #EBF086;
}

.html.custom.html_topbar_left,
.html_topbar_right {
    width: 100%;
}

.menu-items {
    width: 100%;
    display: flex;
    justify-content: space-around;
}

.menu-items a {
    color: white;
    font-family: "Cy Grotesk Wide";
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 14px;
    /* 100% */
    letter-spacing: 0.84px;
    text-transform: uppercase;
}

.home .menu-items a {
    color: black;
}

.home .stuck .menu-items a {
    color: white;
}

html {
    scroll-behavior: smooth;
}

html,
body,
#content {
    background: black;
}

h2 {
    color: white;
    font-family: "Cy Grotesk Wide";
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
    /* 116.667% */
    letter-spacing: 0.48px;
    text-transform: uppercase;
}

h1 {

    color: black;
    font-family: "Cy Grotesk Wide";
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
}

.rounded-image img {
    border-radius: 8px;
}

.we-are-ceedr {
    color: white;
    font-family: "Cy Grotesk Key";
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: 2.5rem;
    /* 125% */
}

.igniting-growth-text {
    color: white;
    font-family: "Cy Grotesk Key";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    /* 133.333% */
    padding: 25px;
}

.hero-tbwa {
    color: white;
    font-family: "Cy Grotesk Key";
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    display: flex;
    align-items: center;
    padding: 25px 0;

}

.hero-tbwa img {
    height: 20px;
    margin-top: -5px;
    margin-left: 5px;
}

.ceedr-hero {
    margin-bottom: 125px;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    /* 16:9 */
    height: 0;
}

.video-container video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

video::-webkit-media-controls {
    display: none;
}

video::-moz-media-controls {
    display: none;
}

video::-ms-media-controls {
    display: none;
}

video::-o-media-controls {
    display: none;
}

video::media-controls {
    display: none;
}

#header * {
    box-shadow: none !important;
}

.button.white.is-outline,
.button.white.is-outline span,
.button.white.is-outline i {
    color: white;
    border-color: white;
}

.button.white.is-outline:hover span,
.button.white.is-outline:hover i {
    color: black !important;
}

.button.white.is-outline:hover img {
    filter: invert(1);
}

.button.primary.is-outline:hover img {
    filter: brightness(0);
}

.button.primary.is-outline:hover span {
    color: black;
}

.home .header-wrapper #logo .header_logo {
    display: none;
}

.home .header-wrapper.stuck #logo .header_logo {
    display: block !important;
}

/* *******/
/* TESTIMONIAL SECTION
  /*******/
.tab-current {
    color: var(--text-tertiary, #77776E);
    font-family: "Cy Grotesk Key";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    /* 137.5% */
}

.tab-total {
    color: var(--text-secondary, #BAF562);
    font-family: "Cy Grotesk Key";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
}

.testimonial-position {
    margin-top: -200px;
}

.testimonial-buttons button {
    border-radius: 32px;
    padding: 8px 24px;
    border: 1px solid var(--lime-green);
}

.testimonial-buttons-container {
    margin: 0 0 15px 15px;
    position: relative;
    z-index: 10;
}

.testimonial-tabs {
    padding: 24px;
    border-radius: 8px;
}

.testimonial-tabs .tab-panels {
    padding: 80px 0 40px 0;
    min-height: 500px;
}

.testimonial-tabs .tab a {
    color: var(--lime-green);
    font-family: "Cy Grotesk Wide";
    font-size: 16px;
    padding: 8px 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 12px;
    /* 100% */
    letter-spacing: 0.84px;
    text-transform: uppercase;
}

.testimonial-tabs .tab a:first-of-type {
    padding-left: 0;
}

.testimonial-tabs .nav-line {
    border-bottom: 1px solid var(--lime-green);
}

.testimonial-tabs .tab.active a,
.testimonial-tabs .tab:hover a {
    color: white;
}

.testimonial-tabs .tab a::before {
    top: 98% !important;
}

.testimonial-name {
    color: white;
    font-family: "Cy Grotesk Key";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    /* 137.5% */
}

.testimonial {
    color: white;

    /* Desktop/Body/body-large */
    font-family: "Cy Grotesk Key";
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: 40px;
    /* 125% */
}

.testimonial-tabs {
    background: #1A1A1A;
}

/* *******/
/* SERVICES SECTION
  /*******/
.services-section {
    border-top: 1px solid white;
    border-bottom: 1px solid white;
    margin: 0 auto;
    /* max-width: 95%; */

}

.services-link a {
    color: white;
    font-family: "Cy Grotesk Wide";
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
    /* 116.667% */
    letter-spacing: 0.48px;
    text-transform: uppercase;
    padding: 24px 0;
}

.services-link a:hover {
    color: var(--lime-green);
    text-decoration: underline;
}

.services-link p {
    margin: 0;
}

.services-row .col-inner {
    border-top: 1px solid white;
    padding: 24px 0;
}

.service-row-header .col-inner {
    border: none;
    color: white;
    font-family: "Cy Grotesk Key";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    /* 133.333% */
}

.how-we-work-col a {
	color: var(--lime-green);
	text-decoration: underline;
}



/* *******/
/* NEWS SECTION
  /*******/
.news-section {
    padding-left: 24px;
}

.news-row {
    display: flex;
    padding: 50px 0;
    flex-direction: row;
    gap: 48px;
    overflow: scroll;

    align-items: center;
}

.news-date {
    color: black;
    font-family: "Cy Grotesk Wide";
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 14px;
    /* 100% */
    letter-spacing: 0.84px;
    text-transform: uppercase;
}

.news-blurb {
    color: black;
    font-family: "Cy Grotesk Wide";
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
    /* 140% */
}

.news-item {
    border-radius: 6px;
    display: grid;
    grid-template-rows: 1fr 150px;
    gap: 20px;
    grid-template-columns: 1fr;
    background: var(--yellow);
    padding: 20px;
}

.news-item img {
    border-radius: 8px;
    aspect-ratio: 1;
    border-radius: 26px;
    max-width: 432px;
    padding: 20px;
}


.companies-header {
    color: black;
    text-align: center;
    font-family: "Cy Grotesk Wide";
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
    line-height: 40px;
    /* 125% */
}


.contact-row {
    background: var(--light-green);
    padding: 40px;
    border-radius: 8px;
}

.contact-text {
    color: black;
    font-family: "Cy Grotesk Wide";
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
    line-height: 40px;
    /* 125% */
}

.form-submit-button.form-submit-button.form-submit-button.form-submit-button.form-submit-button {
    display: flex;
    padding: 0px 40px;
    border-radius: 32px;
    border: 1px solid rgba(0, 0, 0, 0.05);
    color: black;
    color: var(--Black, #000);
    leading-trim: both;
    text-edge: cap;
    font-family: "Cy Grotesk Wide";
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px;
    /* 88.889% */
    letter-spacing: 0.9px;
    text-transform: uppercase;
}

.we-do-section h2 {
    color: var(--Black, #000);
    font-family: "Cy Grotesk Wide";
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
    line-height: 40px;
    /* 125% */
    max-width: 350px;
}

.we-do-row {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 150px 150px;
    gap: 24px;
}

.we-do-item {
    padding: 24px;
    border-radius: 8px;
    border: 1px solid rgba(0, 0, 0, 0.05);
    background: var(--light-yellow);
    position: relative;
}

.we-do-title {
    color: black;
    font-family: "Cy Grotesk Wide";
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
    /* 140% */
}


.we-do-button {
    border-radius: 32px;
    border: 1px solid rgba(0, 0, 0, 0.05);
    background: #EDEDB4;
    display: flex;
    height: 48px;
    padding: 0px 16px;
    align-items: center;
    gap: 24px;
    position: absolute;
    bottom: 0;
    display: none;
}

.we-do-item img {
    margin-bottom: 24px;
    display: none;
}


.row-full-width.row-full-width.row-full-width.row-full-width,
.header-inner.container {
    max-width: 2000px !important;
}

/* *******/
/* CASES
  /*******/
.cases-row {
  overflow: auto;
  display: flex;
  scroll-snap-type: x mandatory;
	flex-flow: row;
	background: #1A1A1A;
	padding: 10px 0;
}
.cases-row > .col, .cases-row > .col > .col-inner {
  width: 100%;
}
.cases-row > .col {
  flex-shrink: 0;
  scroll-snap-align: start;
}
.case-image-right img {
    aspect-ratio: 684/720;
    object-fit: cover;
    border-radius: 8px;
}

.case-image-right-sprell img {
    aspect-ratio: 684/720;
    object-fit: cover;
    border-radius: 8px;
    object-position: 90% 100%;
}
.spjallgrimur.case-image-right-sprell img {
	    object-position: 50% 0%;

}
.front-case-image img {
    aspect-ratio: 1020/630;
    object-fit: cover;
}

.case-image-left img {
    aspect-ratio: 684 / 480;
    object-fit: cover;
    object-position: center 35%;
}

.case-image img {
    border-radius: 8px;
}

.case-hero img {
    border-radius: 8px;
    max-height: 75vh;
    object-fit: cover;
}

.case-hero.sprell img {
    object-position: 0 5%;
}

.case-testimonial-name {
    color: var(--lime-green);
    font-family: "Cy Grotesk Key";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    /* 133.333% */
}

.case-tag {
    border: 1px solid var(--lime-green);
    display: flex;
    padding: 0px 12px;
    border-radius: 16px;
    width: fit-content;
    color: var(--lime-green) !important;
    text-transform: uppercase;
}
.case-card-heading a {
	color: white;
}
.case-card-heading a:hover {
	color: var(--lime-green) !important;
	text-decoration: underline !important;
}
.case-card-name {
    color: white;
    /* font-family: "Cy Grotesk Key"; */
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    /* 125% */
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin: 10px 0;
    align-content: center;
    align-items: center;
}

.case-card-name a {
    color: white;
    font-family: "Cy Grotesk Key";
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
}

.case-card-name a:hover {
    color: var(--lime-green);
    text-decoration: underline;
}

.case-card-heading {
    color: white;
    font-family: "Cy Grotesk Wide";
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
    /* 116.667% */
}

.case-card-info {
    color: white;
    font-family: "Cy Grotesk Key";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    /* 133.333% */
}

.case-card-tags {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;

}

.case-card-tags .case-tag {
    white-space: nowrap;
    margin: 0;
}

.case-card-name .case-tag.inactive {
    border-color: #77776E !important;
    color: #77776E !important;
    font-weight: normal;
}

.case-card-name .case-tag.active {
    border-color: var(--lime-green) !important;
    color: var(--lime-green) !important;
    font-weight: normal;
}

.case-card-name .case-tag {
    padding: 3px 12px;
}

.grow-business-text h2 {
    color: #000;
    text-align: center;
    font-family: "Cy Grotesk Wide";
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: 52px;
    /* 108.333% */
    text-transform: none;
}

.grow-business-col>.col-inner {
    padding: 80px;
    border-radius: 8px;
}

.button.secondary.is-outline,
.button.secondary.is-outline span,
.button.secondary.is-outline i {
    border-color: black;
    color: black;
}

.button.secondary.is-outline:hover,
.button.secondary.is-outline.active {
    background: black;
    color: var(--fs-color-primary);
}

.button.secondary.is-outline:hover span,
.button.secondary.is-outline.active span,
.button.secondary.is-outline:hover i,
.button.secondary.is-outline.active i {
    color: var(--fs-color-primary);
}

.button.secondary.is-outline .arrow-icon.arrow-icon--default {
	display: inline-block;
}

.button.secondary.is-outline .arrow-icon.arrow-icon--hover {
	display: none;
}

.button.secondary.is-outline:hover .arrow-icon.arrow-icon--default,
.button.secondary.is-outline.active .arrow-icon.arrow-icon--default {
	display: none;
}

.button.secondary.is-outline:hover .arrow-icon.arrow-icon--hover,
.button.secondary.is-outline.active .arrow-icon.arrow-icon--hover {
	display: inline-block;
}

/* *******/
/* FOOTER
  /*******/
footer {
    border-top: 1px solid white;
    padding: 24px;
    background: black;
}

.footer .hero-tbwa {
    /* 	margin-left: 10%; */
}

.footer-copyright {
    color: #FFF;
    opacity: .5;
    font-family: "Cy Grotesk Key";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    /* 125% */
}

.border-top {
    border-top: 1px solid #77776E;
    padding-top: 10px;
}

.border-top .col-inner {
    margin: 0;
}

.border-bottom {
    border-bottom: 1px solid #77776E;
    padding-bottom: 10px;
}

.border-bottom .col-inner {
    margin: 0;
}

h2.offices {
    color: white;
    text-align: center;
    font-family: "Cy Grotesk Wide";
    font-size: 1.75rem;
    font-style: normal;
    font-weight: 700;
}

.footer-logo {
    padding: 120px 0 140px 0;

}

.footer-contact {
    display: flex;
    justify-content: flex-end;

}

.footer-contact p {
    margin-bottom: 0;
    display: flex;
    align-content: center;
    align-items: center;
}

.footer-contact .follow-icons {
    width: fit-content !important;
}

.footer-location {
    max-width: 70%;
    padding: 24px;
    font-family: "Cy Grotesk Key";
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.footer-location a {
    color: white;
    text-align: center;
    font-family: "Cy Grotesk Key";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    /* 142.857% */
}

.footer-location h3 {
    color: white;
    text-align: center;
    font-family: "Cy Grotesk Key";
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    /* 142.857% */
    text-transform: uppercase;
}

.footer-link a {
    color: white;
    text-align: right;
    font-family: "Cy Grotesk Key";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    text-decoration-line: underline;
}

.footer-location a:hover {
    text-decoration: underline;
}

.copyright {
    color: var(--White, #FFF);
    opacity: .5;
    /* Body Small */
    font-family: "Cy Grotesk Key";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    /* 125% */
}

.footer a {
    color: white;
}

.privacy-policy a {
    color: white;
    font-family: "Cy Grotesk Key";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    /* 125% */

}

.privacy-policy {
    text-align: right;
}

.contact-row {
    padding: 40px !important;
}

.footer-full-width.footer-full-width.footer-full-width.footer-full-width.footer-full-width {
    max-width: 100% !important;
}
.hs-input {
	color: white !important;
}
.hs-error-msg, .hs-error-msg li, .hs-error-msgs .hs-main-font-element {
	font-family: "Cy Grotesk Key";
/* display: block; */
	color: red;
}
.wpcf7-form-control-wrap input::placeholder,
.wpcf7-form-control-wrap textarea::placeholder,
.hbspt-form input::placeholder,
.hbspt-form textarea::placeholder {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: white;
    font-family: "Cy Grotesk Key";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    opacity: .4 !important;
}

.wpcf7-submit.wpcf7-submit.wpcf7-submit.wpcf7-submit.wpcf7-submit,
.hs-button.primary.large, .hs-button.hs-button.hs-button.hs-button.hs-button  {
    background: transparent;
    border: 1px solid var(--lime-green);
    color: var(--lime-green);
    position: relative;
    border-radius: 22px;
/*     padding-right: 50px !important; */
	margin: 0;

}.hs-button:hover {
	background: var(--lime-green) !important;
	color: black !important;
}
.submitted-message.hs-main-font-element.hs-main-font-element.hs-main-font-element span {
	color: var(--lime-green) !important;
	font-family: "Cy Grotesk Key";
}

.wpcf7-response-output {
    color: white;
    font-family: "Cy Grotesk Key";
    border-color: red !important;

}

.hs-form label span:first-of-type{
/* display: none; */
}
.form-submit::after,
.hs-button::after{
    content: "";
    display: block;
    position: absolute;
    right: 35px;
    top: 9px;
    width: 24px;
    height: 16px;
    background-image: url(https://data.ceedr.com/wp-content/uploads/2024/11/Ceedr-arrow-green.svg);
    background-size: cover;
}

::-webkit-input-placeholder {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    color: white;
    font-family: "Cy Grotesk Key";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    opacity: .4 !important;
}

::-moz-placeholder {
    color: white;
    font-family: "Cy Grotesk Key";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    opacity: .4 !important;
}

:-ms-input-placeholder {
    color: white;
    font-family: "Cy Grotesk Key";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    opacity: .4 !important;
}

:-moz-placeholder {
    color: white;
    font-family: "Cy Grotesk Key";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    opacity: .4 !important;
}

.wpcf7-form-control-wrap input,
.wpcf7-form-control-wrap textarea,
.hs-input,
.hbspt-form textarea {
    font-size: 20px !important;
    padding: 20px !important;
    border-radius: 8px !important;
    border: 1px solid #77776E !important;
    background: black !important;
}

.hbspt-form .legal-consent-container {
	margin-bottom: 20px;
	color: #ffffff;
}

.hbspt-form .legal-consent-container a {
	color: #ffffff;
	text-decoration: underline;
}

/*
* Carousel
* */
.carousel {
    display: flex;
    overflow: auto;
    scroll-snap-type: x mandatory;
}

.carousel .item,
.carousel .news-item,
.carousel .case-card {
    flex-shrink: 0;
    scroll-snap-align: start;
    /* <- the other important piece */
}





.sub-hero p {
    margin-bottom: 1em;
}

.sub-hero-text {
    color: black;
    font-family: "Cy Grotesk Wide";
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
    line-height: 40px;
    /* 125% */
}

/************/
/* AGENCY PAGE */
/************/
.agency-awards-container {
    display: grid;
    grid-gap: 20px;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-areas: 'gsa gma esa'
        'eba gma semrush';
    justify-content: center;
    justify-items: center;
    align-items: center;
}

.gsa {
    grid-area: gsa;
}

.esa {
    grid-area: esa;
}

.gma {
    grid-area: gma;
}

.eba {
    grid-area: eba;
}

.about-us-numbers-row .col-inner {
    display: flex;
    justify-content: center;
    align-items: center;
}

.how-we-work-col .col-inner {
    border-radius: 8px;
    border: 1px solid #77776E;
    padding: 16px;
}

.how-we-work-num {
    color: var(--lime-green);
    font-family: "Cy Grotesk Wide";
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
    /* 100% */
    letter-spacing: 0.96px;
    text-transform: uppercase;
}

.how-we-work-col h3 {
    color: white;
    font-family: "Cy Grotesk Wide";
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: 26px;
    /* 118.182% */
    letter-spacing: 0.44px;
}

.how-we-work-blurb {
    color: white;
    font-family: "Cy Grotesk Key";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    /* 133.333% */
}

.about-us-info-item {
    display: flex;
    flex-flow: column;
    max-width: 448px;
}

.about-us-number {
    color: var(--lime-green);
    font-family: "Cy Grotesk Wide";
    font-size: 96px;
    font-style: normal;
    font-weight: 400;
    line-height: 96px;
    /* 100% */
    letter-spacing: 1.92px;
}

.about-us-number-title {
    color: var(--lime-green);
    font-family: "Cy Grotesk Key";
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: 40px;
    /* 125% */
}

.about-us-blurb {
    color: var(--lime-green);
    font-family: "Cy Grotesk Key";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    /* 133.333% */
}

.team-name {
    color: white;
    font-family: "Cy Grotesk Key";
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
}

.team-position {
    color: var(--lime-green);
    font-family: "Cy Grotesk Key";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    /* 133.333% */
}

.team-phone,
.team-mail {
    color: white;
    font-family: "Cy Grotesk Key";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    /* 133.333% */
}

.team-phone:hover,
.team-mail:hover {
    color: var(--lime-green) !important;
    text-decoration: underline;
}

/************/
/* SERVICES PAGE */
/************/
.subpage-blurb {
    color: white;
    font-family: "Cy Grotesk Key";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    /* 133.333% */
}
.subpage-blurb a {
	color: var(--lime-green);
	text-decoration: underline;
}

.services-subheading {
    color: white;
    font-family: "Cy Grotesk Key";
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: 40px;
    margin-bottom: 120px;
}

.services-outer-col {
    border-top: 1px solid #77776E;
    padding: 0 0 30px;
}

.services-outer-col .services-row .col-inner {
    border: none;
}

.services-outer-col h2 {
    color: white;
    font-family: "Cy Grotesk Wide";
    font-size: 26px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px;
    /* 115.385% */
    letter-spacing: 0.52px;
    text-transform: uppercase;
}

.row-collapse > .col {
    padding-left: 15px !important;
	padding-right: 15px !important;
}

/************/
/* COMPANY LOGO CAROUSEL */
/************/
.logo-carousel {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr 1fr;
    gap: 0;
}

.top {
    background-image: url(https://data.ceedr.com/wp-content/uploads/2024/11/ceedr-website-logobanner_4840x300-2.png);
    animation-name: slide-left;
}

.bottom {
    background-image: url(https://data.ceedr.com/wp-content/uploads/2024/11/ceedr-website-logobanner_4840x300-1.png);
    animation-name: slide-right;
}

.logo-carousel-inner {
    background-size: contain;
    background-repeat: repeat-x;
    animation-duration: 50s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    width: 100%;
    height: 11rem;
}

@keyframes slide-left {
    from {
        background-position: 0% 0;
    }

    to {
        background-position: -200vw 0;
    }
}

@keyframes slide-right {
    from {
        background-position: -200vw 0;
    }

    to {
        background-position: 0% 0;
    }
}

/************/
/* MOBILE */
/************/
@media screen and (max-width: 800px) {
    h1 {
        font-size: 30px;
    }

    .services-subheading {
        font-size: 20px;
    }

    .hero-tbwa {
        font-size: 12px;
    }

    .nav.nav-line.nav-uppercase.nav-size-normal.nav-left li {
        display: none;
    }

    .nav.nav-line.nav-uppercase.nav-size-normal.nav-left li.active {
        display: block;
    }

    .nav.nav-line.nav-uppercase.nav-size-normal.nav-left li.active a {
        color: var(--text-secondary, #BAF562);
        leading-trim: both;
        text-edge: cap;
        font-family: "Cy Grotesk Wide";
        font-size: 12px;
        font-style: normal;
        font-weight: 600;
        line-height: 12px;
        /* 100% */
        letter-spacing: 0.84px;
        text-transform: uppercase;
    }

    .nav.nav-line.nav-uppercase.nav-size-normal.nav-left li.active a::before {
        content: none;
    }

    .testimonial-tabs .nav-line {
        border-bottom: none;
    }

    .testimonial-tabs .tab-panels {
        padding: 40px 0;
        min-height: 80vh;
    }

    .team-name {
        color: white;
        font-family: "Cy Grotesk Key";
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 20px;
        /* 125% */
    }

    .team-position {
        color: var(--lime-green);
        font-family: "Cy Grotesk Key";
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 22px;
        /* 137.5% */
    }

    .about-us-number {
        color: var(--text-secondary, #BAF562);

        /* Mobile/UI/number-large */
        font-family: "Cy Grotesk Wide";
        font-size: 64px;
        font-style: normal;
        font-weight: 400;
        line-height: 64px;
        /* 100% */
        letter-spacing: 1.28px;
    }

    .about-us-number-title {
        color: var(--text-secondary, #BAF562);

        /* Mobile/Body/body-large */
        font-family: "Cy Grotesk Key";
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: 28px;
        /* 140% */
    }

    .button.secondary.is-outline span {
        white-space: nowrap;
    }

    .grow-business-text h2 {
        color: #000;
        text-align: center;
        /* Mobile/Heading/h1 */
        font-family: "Cy Grotesk Wide";
        font-size: 32px;
        font-style: normal;
        font-weight: 700;
        line-height: 44px;
        /* 110% */
    }

    .grow-business-col .col-inner {
        padding: 80px 16px;
    }

    .team-phone,
    .team-mail {
        color: white;
        font-family: "Cy Grotesk Key";
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 18px;
        /* 150% */
    }

    .footer-email a {
        font-size: 14px !important;
		        display: flex
;
        align-items: center;
    }

    .footer-logo {
        padding: 24px 0;
    }

    .footer-contact {
        justify-content: space-evenly;
    }

    .footer-contact .hero-tbwa img {
        height: unset;
        margin-top: -1px;
        margin-left: 5px;
    }

    .footer-location {
        max-width: 100%;
        padding: 0;
    }

    .logo-carousel-inner {
        background-size: cover;
    }

    .footer-link a {
        font-size: 16px;
    }

    .news-image img,
    .news-image,
    .news-item {
        max-width: 100%;
    }

    .we-do-row {
        grid-template-columns: 1fr;
        grid-template-rows: repeat(6, 7rem);
    }

    .case-card {
        min-width: 90%;
    }

    .testimonial-inner {
        right: 20px;
    }

    .testimonial {
        color: var(--text-primary, #FFF);
        font-family: "Cy Grotesk Key";
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: 28px;
        /* 140% */
        margin-bottom: 100px;
    }

    .services-link a {
        color: var(--text-primary, #FFF);
        font-family: "Cy Grotesk Wide";
        font-size: 22px;
        font-style: normal;
        font-weight: 600;
        line-height: 26px;
        /* 118.182% */
        letter-spacing: 0.44px;
    }

    .carousel {
        justify-content: unset;
    }

    .hero-text {
        font-size: 32px;
    }

    .section.hero {
        min-height: 40vh !important;
    }

    h2.cases-title {
        font-size: 24px !important;
    }



    .testimonial-section {
        min-height: 1000px;
    }

    .testimonial-container {
        min-height: 1000px;
        gap: 40px;
        grid-template-columns: 1fr;
        grid-template-rows: 40px 250px 1fr;
        grid-template-areas: "title"
            "img"
            "text";
    }

    .testimonial-quote {
        max-width: 50px;
    }

    .testimonial-text-inner {
        grid-area: text;
        grid-row-start: 3;
        grid-column: unset;
    }

    .testimonial-text {

        font-size: 1rem;
        font-style: normal;
        font-weight: 500;
        max-width: 100%;
    }

    .testimonial-photo {
        grid-area: img;
        grid-row: 2/3;
        grid-column: unset;

    }

    .testimonial-title {
        font-size: 1.4rem;
    }

    .hero-row .col.small-12.large-12 {
        margin: 0 10px;
    }

    .mfp-bg {
        background: #BAF562 !important;
        opacity: 1;
    }

    .mfp-ready .menu-item a {
        color: black;
        text-align: left;
        justify-content: flex-start !important;

        font-family: "Cy Grotesk Wide";
        font-size: 24px;
        font-style: normal;
        font-weight: 600;
        line-height: 28px;
        /* 116.667% */
        letter-spacing: 0.48px;
        text-transform: uppercase;
        padding: 32px !important;
    }
    .off-canvas-center .mfp-content {
        padding-top: 0 !important;
    }

    .mfp-ready .menu-item {
        border-top: 1px solid black !important;
    }

    .mfp-ready .menu-item:last-of-type {
        border-bottom: 1px solid black !important;
    }

    .mobile-menu-logo {
        max-width: 150px;
    }

    .sidebar-menu .nav {
        position: unset;
    }

    .sidebar-menu li.html.custom.html_nav_position_text_top {
        position: absolute;
        bottom: 0;
        right: 0;
        left: 0;

    }

    .mobile-menu-links {
        width: 100%;
        display: flex;
        justify-content: space-around;

    }

    .sidebar-menu li.html.custom.html_nav_position_text_top a {
        color: var(--text-primary-inverted, #000);
        font-family: "Cy Grotesk Key";
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 22px;
        /* 137.5% */
        text-decoration-line: underline;
        text-decoration-style: solid;
        text-decoration-skip-ink: none;
        text-decoration-thickness: auto;
        text-underline-offset: auto;
        text-underline-position: from-font;
    }

    .mfp-content {
        height: 100%;
    }

    .mfp-bg {
        opacity: 1 !important;
    }

    .case-card-tags {
        display: flex;
        gap: 0 10px;
        flex-wrap: wrap;
    }

    .case-card-tags .case-tag {
        font-size: 10px;
    }

    .mfp-close span {
        color: var(--text-primary-inverted, #000);
        font-family: "Cy Grotesk Wide";
        font-size: 14px;
        font-style: normal;
        font-weight: 600;
        line-height: 14px;
        /* 100% */
        letter-spacing: 0.84px;
        text-transform: uppercase;
    }

    .mfp-close {
        right: 10%;
        top: 1%;
        opacity: 1 !important;
    }

    .mfp-content .mfp-close {
        width: unset;
        height: unset;
        position: relative;
        float: right;
        color: black !important;
        opacity: 1;
        font-size: unset;
    }

    .sidebar-menu {
        padding-top: 0 !important;
    }

    .html.custom.html_top_right_text {
        justify-content: space-between;
        padding: 20px;
    }
	.cases-row > .col, .cases-row > .col > .col-inner {
  width: 100%;
		flex-basis: 100%;
		max-width: 100%;
}
}
.ceedr-test {
    font-family: "Cy Grotesk Wide";
    font-size: 108px;
    font-style: normal;
    font-weight: 700;}

.ceedr-index-banner {
	border-radius: 8px;
}