@media (min-width: 767.98px) {
    header {
        position: fixed !important;
        width: 100%;
        transition: all 0.35s;
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }

    .cxo-report-banner.content_series_banner .wp-block-button__link.wp-element-button:hover,
    .cxo_report_content.rop-single .wp-block-button__link.wp-element-button:hover {
        border: 1px solid #4ea72f;
    }
    
    header.scrolled {
        position: fixed;
        background: #f5f5f5;
    }

    
    header.white-header.scrolled .logo, header.white-header.scrolled .menu-mobile-toggle {
        filter: unset;
    }
    
    header.white-header.scrolled .main-menu {
        filter: unset;
    }

    header.scrolled .content-area .main-menu .menu-link .sub-link {
        background: #f5f5f5;
        padding: 0 20px 20px;
    }

    header.white-header:not(.scrolled) .main-menu {
        filter: none;
        border: 1px solid rgba(255, 255, 255, 0.3);
    }

    header.white-header:not(.scrolled) .content-area .main-menu .menu-link > a {
        color: #fff;
    }

    header.white-header:not(.scrolled) .content-area .main-menu .menu-link > a::before {
        background-color: #fff;
    }

    header.white-header:not(.scrolled) .content-area .main-menu .menu-link .sub-link a {
        color: #fff;
    }

    header.scrolled .content-area .main-menu .search-area,
    header:not(.white-header) .content-area .main-menu .search-area {
        filter: invert(1);
    }

}

@media (min-width: 991.98px) {
    .news-section .content-area .news-boxes .news-box {
        transition: transform 1.4s, top .35s, box-shadow .35s;
        top: 0;
    }
    .news-section .content-area .news-boxes .news-box:hover {
        top: -4px;
        box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15);
    }

    .founders-grid .content-area .founders-grid-container .half .founders-box {
        transition-behavior: normal, normal, normal;
        transition-duration: .4s, 0.35s, 0.35s;
        transition-timing-function: ease, ease, ease;
        transition-property: transform, top, box-shadow, opacity;
        top: 0;
    }

    .founders-grid .content-area .founders-grid-container .half .founders-box:hover {
        top: -4px;
        box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15);
        transition-delay: 0s;
    }

    .founders-grid .content-area .founders-grid-container .half .founders-box img {
        transition: all .35s;
    }

    .founders-grid .content-area .founders-grid-container .half .founders-box:hover img {
        transform: scale(1.1);
    }

    .founders-grid .content-area .founders-grid-container .half .founders-image {
        transition-behavior: normal, normal, normal;
        transition-duration: .4s, 0.35s, 0.35s;
        transition-timing-function: ease, ease, ease;
        transition-property: transform, top, box-shadow, opacity;
        top: 0;
    }

    .founders-grid .content-area .founders-grid-container .half .founders-image:hover {
        top: -4px;
    }

    .founders-grid .content-area .founders-grid-container .half .founders-image .logo-area img {
        transition: transform 1.4s, left .35s, box-shadow .35s;
        position: relative;
        left: 0;
    }

    .founders-grid .content-area .founders-grid-container .half .founders-image:hover .logo-area > img {
        left: 4px;
    }

    .founders-grid .content-area .founders-grid-container .half .founders-image:hover a {
        transform: none !important;
        border: 1.5px solid var(--BrightGreen, #4EA72F);
        background: #FFF;
        box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.10);
        padding-right: 20px;
        color: #000;
    }

    .founders-grid .content-area .founders-grid-container .half .founders-image:hover a img {
        filter: none;
    }

    .our-team-archive .content-area .our-team-container .team-box {
        transition: all .35s;
        top: 0;
    }

    .our-team-archive .content-area .our-team-container .team-box:hover {
        top: -4px;
    }

    .wp-block-button__link.wp-element-button {
        transition-duration: 1.4s;
        transition-timing-function: none !important;
    }

    .wp-element-button:hover, .about-bio .wp-block-button__link.wp-element-button:hover {
        border: 1px solid #4ea72f;
        transform: translateX(5px) !important;
        transition-duration: 1.4s;
    }

    .media_downloads .wp-block-button__link.wp-element-button:hover {
        transform: none !important;
    }

    footer .content-area .footer-newsletter .button-area a {
        transition-duration: 1.4s;
    }

    footer .content-area .footer-newsletter .button-area a:hover {
        border: 1px solid #4ea72f;
        transform: translateX(5px) !important;
    }

    footer .content-area .footer-newsletter .button-area a:hover img {
        transform: none !important;
    }
    
}

.experience-network .clicked-div {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.5);
    z-index: 999;
    display: none;
}

.experience-network .clicked-div.active {
    display: block;
}

.experience-network .clicked-div .popup-en {
    top: 50%;
    right: 0;
    transform: translate(0%, -50%);
    width: 400px;
    height: 60%;
}

@media (min-width: 1366.98px) {
    .experience-network .clicked-div .popup-en {
        min-height: 600px;
    }
}

@media (min-width: 1727.98px) {
    .experience-network .clicked-div .popup-en {
        min-height: 650px;
    }
}

.experience-network .clicked-div .popup-en .close {
    position: absolute;
    top: 32px;
    right: 36px;
    width: 22px;
    height: 22px;
    filter: brightness(100);
    cursor: pointer;
}

.success-stories .content-area .logo-boxes.custom_new .logo-box {
    box-shadow: none;
    flex: unset;
    max-width: unset;
    min-height: unset;
}

.success-stories .content-area .logo-boxes.custom_new {
    column-gap: 80px;
    row-gap: 40px;
    align-items: center;
    justify-content: center;
}

@media (max-width: 991.98px) {
    header .content-area .new_menu_wrap {
        transform: unset !important;
    }
}

@media (max-width: 767.98px) {
    .experience-network .clicked-div .popup-en {
        width: 90%;
    } 

    .success-stories .content-area .logo-boxes.custom_new .logo-box {
        max-width: 100%;
        flex: 0 0 100%;
    }
}

/* .home-takeover .takeover-container .takeover-box {
    padding-top: 56px;
    padding-bottom: 56px;
}

.home-takeover .takeover-container .takeover-box .image-area .img-box {
    box-shadow: none;
    max-height: 460px;
    position: relative;
}

.home-takeover .takeover-container .takeover-box .image-area .img-box::after {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 23.77%, #FFF 86.72%);
    content: "";
}

.home-takeover .takeover-container .takeover-box .image-area .img-box h5 {
    font-family: Acta;
    font-size: 24px;
    font-style: normal;
    line-height: 120%;
    color: #207552;
    margin-bottom: 20px;
}

.home-takeover .takeover-container .takeover-box .image-area .img-box p {
    font-size: 15px;
    font-weight: 500;
}

@media (max-width: 767.98px) {
    .home-takeover .takeover-container .takeover-box .image-area .img-box {
        max-height: 160px;
    }
} */

.home-takeover.custom_modal_new .takeover-container .takeover-box .image-area .img-box {
    box-shadow: none;
}

.home-takeover.custom_modal_new .takeover-container .takeover-box .image-area .img-box > img {
    object-fit: contain;
    height: 560px;
}

.home-takeover.custom_modal_new .takeover-container .takeover-box {
    padding-top: 0;
    padding-bottom: 0;
}

@media (min-width: 767.98px) {
    .home-takeover.custom_modal_new .takeover-container .takeover-box .image-area {
        flex: 0 0 calc((100% - 38px) / 2);
        max-width: calc((100% - 38px) / 2);
    }
    
    .home-takeover .takeover-container .takeover-box .text-area {
        flex: 0 0 calc((100% - 42px) / 2);
        max-width: calc((100% - 42px) / 2);
    }
}

@media (max-width: 767.98px) {
    .home-takeover.custom_modal_new .takeover-container .takeover-box .image-area .img-box > img {
        height: auto;
        /* margin: 20px 0; */
    }

    .home-takeover.custom_modal_new .takeover-container .takeover-box {
        padding-top: 80px;
        padding-bottom: 80px;
    }
}

.home-takeover .takeover-container .takeover-box .text-area .btn-arrow {
    transition: all 0.35s;
    transition-duration: 1.4s;
}

.home-takeover .takeover-container .takeover-box .text-area .btn-arrow:hover {
    border: 1px solid #4ea72f;
    transform: translateX(5px) !important;
    background-color: #ffffff !important;
    color: #000 !important;
    border: 1px solid #4ea72f;
    transform: translateX(5px) !important;
    transition: all 0.35s;
    transition-duration: 1.4s;
}



.founders-grid .content-area .founders-grid-container .half .founders-image::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    pointer-events: none;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 65.5%, rgba(0, 0, 0, 0.70) 100%);
    z-index: 1;
}

.founders-grid .content-area .founders-grid-container .half .founders-image .logo-area {
    z-index: 2;
}

.founders-grid .content-area .filter-area {
    z-index: 2;
}

@media (max-width: 767.98px) {
    header .content-area .main-menu .menu-link .sub-link a {
        font-family: "Acta";
        font-weight: 50;
    }

    header .content-area .main-menu .menu-link.has-submenu > a {
        font-weight: 500;
    }
}

header .content-area .main-menu .search-area  {
    display: flex;
    align-items: center;
    margin-left: 12px;
}

header .content-area .main-menu .search-area .show_form {
    display: none;
}

header .content-area .main-menu .search-area .search_icon {
    cursor: pointer;
}

header .content-area .main-menu.search_mode .search-area .show_form {
    display: flex;
}

header .content-area .main-menu.search_mode .search-area input {
    width: 469px;
    color: #fff;
    background: transparent;
    border: none;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    font-family: "TT Commons Pro Variable";
    padding: 0;
    outline: none !important;
}

header .content-area .main-menu.search_mode .search-area input::placeholder {
    color: rgba(255, 255, 255, 0.40);
}

@media (min-width: 767.98px) {
    header .content-area .main-menu.search_mode .menu-link {
        display: none;
    }     
}

header .content-area .main-menu.search_mode .search-area {
    margin-left: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    column-gap: 8px;
}

header .content-area .main-menu .search-area img {
    display: block;
}

header .content-area .main-menu .search-area .submit {
    display: flex;
    align-items: center;
}

header .content-area .main-menu .search-area .submit img {
    display: block;
    cursor: pointer;
}

@media (max-width: 991.98px) {
    header .content-area .main-menu.search_mode .search-area input {
        width: 400px;
    }
}

@media (max-width: 767.98px) {
    header .content-area .main-menu .search-area  {
        margin-left: 0;
    }

    header .content-area .main-menu .search-area .search_icon {
        flex-shrink: 0;
    }

    header .content-area .main-menu.search_mode .search-area input {
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 150%;
        width: 146px;
    }

    header .content-area .main-menu.search_mode .search-area {
        border-radius: 4px;
        border: 1px solid rgba(255, 255, 255, 0.30);
        padding: 13px 16px;
    }
}

.search_page .caas-banner h4 {
    color: #7D7D7D;
    margin-bottom: 10px;
}

.search_page .caas-banner h1 {
    margin-bottom: 0 !important;
}

@media (min-width: 767.98px) {
    .search_page .caas-banner {
        padding-top: 200px;
    }
}

.rop-single .content-area .container-area .text-area figure.wp-block-image:first-child img {
    margin-top: 0;
}

.fancybox-slide--video .fancybox-content .fancybox-button.fancybox-button--close {
    right: 0;
    top: 0;
    left: unset;
    position: absolute;
}

@media (min-width: 991.98px) {
    footer .content-area .menu-footer a {
        text-decoration: underline;
        text-decoration-color: transparent;
        transition: all .35s;
    }
    footer .content-area .menu-footer a:hover {
        text-decoration-color: #fff;
    }
}

.testimonial-section {
    background: #F5F5F5;
    padding: 80px 0;
  }

  .testimonial-section .content-area .testimonial-boxes .testimonial-box {
    padding: 0;
  }

  .testimonial-section .content-area .testimonial-boxes .testimonial-box {
    display: block;
    width: 588px;
    margin-right: 24px;
  }

  .testimonial-section .content-area .testimonial-boxes .testimonial-box .image-area {
    position: relative;
    width: 100%;
    height: auto;
    margin-bottom: 24px;
    height: 352px;
  }

  .testimonial-section .content-area .testimonial-boxes .testimonial-box .text-area {
    width: 100%;
    max-width: 100%;
  }

  .testimonial-section .content-area .testimonial-boxes .testimonial-box .image-area img {
    position: relative;
  }

  .testimonial-section h3 {
    font-size: 48px;
    font-style: normal;
    line-height: 120%;
    margin-bottom: 40px;
  }

  .testimonial-section .content-area .testimonial-boxes .testimonial-box .image-area img:nth-child(1) {
    object-fit: cover;
    object-position: center;
  }

  .testimonial-section .content-area .testimonial-boxes .testimonial-box .text-area h5 {
    font-size: 20px;
    font-style: normal;
    line-height: 116%;
    color: #131415;
    margin-bottom: 24px;
    padding: 0 5px;
  }

  .testimonial-section .content-area .testimonial-boxes .testimonial-box .text-area p::before {
    left: -6px;
    content: "“";
    position: absolute;
    top: -3px;
  }

  .testimonial-section .content-area .testimonial-boxes .testimonial-box:not(.slick-active) {
    opacity: 0.3;
    transition: all 0.35s;
}

.testimonial-section .content-area .testimonial-boxes .slick-list {
    overflow: unset;
}

.testimonial-section .content-area {
    width: 1240px;
    padding: 0 20px;
}

  .testimonial-section .content-area .testimonial-boxes .testimonial-box a.btn-arrow {
    position: relative;
    opacity: 1;
    width: auto;
    border-radius: 4px;
    border: 1px solid #FFF;
    background: transparent;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #fff;
    box-shadow: 0px 0px 0 0px rgba(0, 0, 0, 0);
  
  }
  
    .testimonial-section .content-area .testimonial-boxes .testimonial-box a.btn-arrow img {
    filter: invert(1);
    width: 32px;
    height: auto;
    object-fit: contain;
  }
  
    .testimonial-section .content-area .testimonial-boxes .testimonial-box a:hover {
    transform: none !important;
    border: 1.5px solid var(--BrightGreen, #4EA72F);
    background: #FFF;
    box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.10);
    padding-right: 20px;
    color: #000;
    filter: none;
  }

  .testimonial-section .content-area .testimonial-boxes .testimonial-box a:hover img {
    filter: none;
  }
  
    .testimonial-section .content-area .testimonial-boxes .testimonial-box .logo-area {
    display: flex;
    justify-content: space-between;
    width: calc(100% - 64px);
    position: absolute;
    left: 32px;
    bottom: 35px;
    height: auto;
    align-items: center;
    z-index: 2;
  }

  .testimonial-section .content-area .testimonial-boxes .testimonial-box .image-area::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    pointer-events: none;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 65.5%, rgba(0, 0, 0, 0.70) 100%);
    z-index: 1;
}

.testimonial-section .content-area .testimonial-boxes .testimonial-box .text-area h6 {
    margin-bottom: 0;
}

@media (max-width: 767.98px) {
    .testimonial-section .content-area .testimonial-boxes .testimonial-box {
        width: 320px;
    }

    .testimonial-section .content-area .testimonial-boxes .testimonial-box .logo-area {
        flex-wrap: wrap;
        row-gap: 20px;
    }

    .testimonial-section h3 {
        font-size: 32px;
        line-height: 38.4px;
    }
}


.founders-grid .content-area .founders-grid-container {
    opacity: 0;
}

.founders-grid .content-area .founders-grid-container.active {
    opacity: 1;
}

.home-banner .content-area .image-link-area .img-1 {
    filter: none;
}

@media (min-width: 768px) {
    .news-content .content-area .pagination .newer:hover {
        transform: translateX(-5px) !important;
    }

    .news-content .content-area .pagination .newer:hover img {
        transform: scale(-1) translateX(0px);
        transition: all 0.35s;
    }

    section.featured-perspectives {
        overflow: unset;
    }
}

@media (min-width: 991.98px) {
    section.founder-stories {
        overflow: unset;
    }
}

.section_404 {
    padding-top: 200px;
    padding-bottom: 80px;
}

.section_404 .content-area {
    text-align: center;
}

.section_404 .content-area h1 {
    margin-bottom: 20px;
}

.section_404 .content-area p {
    line-height: 150%;
    margin-bottom: 20px;
}

.section_404 .content-area .img_area {
    max-width: 480px;
    margin: auto;
}

.section_404 .content-area .button_area a {
    border-radius: 4px;
    background: #FAFAFA;
}

.founder-stories .content-area .founder-stories-container .content-box .text-area .meta h6 {
    border-right: none;
}

.testimonial-section .content-area .testimonial-boxes .testimonial-box .text-area h5 {
    font-weight: 40;
}

@media (max-width: 767.98px) {
    .rop-single .content-area .container-area .text-area {
        order: 2;
    }

    .rop-single .content-area .container-area .share-area {
        margin-top: 0;
        margin-bottom: 50px;
    }

    .founders-grid .content-area .founders-grid-container .half.founder_box_new {
        display: none;
    }

    .milestone-companies .content-area .top-text .highlight-text p {
        font-style: normal !important;
    }

    .news-section .content-area .news-boxes .news-box .text-area h5 {
        font-size: 22px;
    }
}

@media (max-width: 767.98px) {
    header.white-header .logo {
        filter: brightness(20);
    }

    header.white-header .logo .logo-img {
        filter: brightness(100) !important
    }

    header.scrolled .logo .logo-img {
        filter: brightness(0) !important
    }
    

    header .content-area .logo a img {
        height: 42px;
    }

    header {
        position: fixed !important;
        width: 100%;
        transition: all 0.35s;
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }
    
    header.scrolled {
        position: fixed;
        background: #f5f5f5;
    }

    header.white-header.scrolled .logo, header.white-header.scrolled .menu-mobile-toggle {
        filter: unset;
    }

    header .content-area .main-menu.active .menu-link .sub-link a:hover {
        color: #4ea72f;
    }

    header .content-area .main-menu .menu-link > a:hover {
        color: #4ea72f;
    }
}

.caas .content-area .blue-box .line-outline-box .power-cooling .pc-grid.add_relative {
    position: relative;
}

.caas .content-area .blue-box .line-outline-box .power-cooling .pc-grid .pc-box.no_relative {
    position: unset;
}

.caas .content-area .blue-box .line-outline-box .power-cooling .pc-grid .pc-box.no_relative .hover-box {
    z-index: 3;
}

@media (max-width: 767.98px) {
    header .content-area .main-menu .button-area a {
        display: flex;
        align-items: center;
        -moz-column-gap: 8px;
        column-gap: 8px;
        font-size: 14px;
        line-height: 17.5px;
        letter-spacing: 2px;
        color: #000;
        text-transform: uppercase;
        text-decoration: none;
        background-color: #ffffff;
        border: 1px solid #c5c5c5;
        border-radius: 4px;
        padding: 11px 24px;
        max-width: max-content;
    }
    
    header .content-area .main-menu .button-area a img {
        width: 32px;
        transition: all 0.35s;
    }
    
    header .content-area .main-menu .button-area {
        margin-bottom: 20px;
    }

    header .content-area .main-menu.active {
        overflow-y: scroll;
        padding-bottom: 80px;
    }

    /* header .content-area .main-menu .menu-link.footer_link_new a {
        font-size: 18px;
        line-height: 1.2;
    } */
}

@media (min-width: 991.98px) {
    .investments .content-area .investments-boxes .investments-box {
        transition-behavior: normal, normal, normal;
        transition-duration: .4s, 0.35s, 0.35s;
        transition-timing-function: ease, ease, ease;
        transition-property: transform, top, box-shadow, opacity;  
        top: 0;
        box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.04);
    }

    .investments .content-area .investments-boxes .investments-box:hover {
        top: -4px;
        box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15);
        transition-delay: 0s;
    }

    .investments .content-area .investments-boxes .investments-box img {
        transition: all .35s;
    }

    .investments .content-area .investments-boxes .investments-box:hover img {
        transform: scale(1.1); 
    }
}

.individual-stories-banner .content-area .text-area .logo-area img.custom_width {
    height: auto;
}

.gamechangers-banner .content-area .text-area .logo-area img.custom_width {
    height: auto;
}

@media (min-width: 991.98px) and (max-width: 1680.98px) {
    .gamechangers-banner .image-area .image-box.add_padding img {
        right: 2%;
        width: 75%;
    }
}

header.white-header .logo {
    filter: brightness(20);
}

header.white-header .logo .logo-img {
    filter: brightness(100) !important
}


header.scrolled .logo .logo-img {
    filter: brightness(0) !important
}


header.white-scrolled .logo img {
    filter: brightness(0);
}
@media (min-width: 767.98px) {
    .news-insights .content-area .news-insights-container .content-box .image-area img {
        object-position: right;
    }
}

.link-onepage.top-page {
    padding-top: 80px;
}

@media (max-width: 767.98px) {
    .link-onepage.hidden-mobile.top-page {
        display: none;
    }
}

.news-section .content-area .news-boxes .news-box.disabled_green .image-area img.top_image,
.news-section .content-area .news-boxes .news-box.disabled_green .image-area img.bot_image {
    display: none;
}

.featured-perspectives .content-area .featured-perspectives-container .content-box.disabled_green .image-area::after {
    display: none;
}

.founder-stories .content-area .founder-stories-container .content-box.disabled_green .image-area::after {
    display: none;
}

.news-insights .content-area .news-insights-container .content-box.disabled_green .image-area::after {
    display: none;
}


.banner-ai-garage .btn-arrow.green {
    background: linear-gradient(90deg, rgba(31, 116, 81, 1) 0%, rgba(77, 167, 46, 1) 100%);
}

.banner-ai-garage .btn-arrow.green a {
    color: #fff;
    text-decoration: none;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
}

.banner-ai-garage .btn-arrow.green a img {
    filter: invert(1);
    margin-left: 8px;
}

.banner-ai-garage .ai_img {
    object-fit: cover;
    position: absolute;
    bottom: 0;
    width: 727px;
    right: 0;
}

.text_w_black_bg .row_wrap {
    align-items: flex-start;
}

.text_w_black_bg .row_wrap figure.wp-block-image  {
    flex-shrink: 0;
}

.text_w_black_bg .row_wrap p {
    line-height: 155% !important;
}

.what_mayfield_garage .items > .wp-block-column {
    perspective: 1000px;
    height: 368px;
    border-radius: 10px;
    /* overflow: hidden; */
}

.what_mayfield_garage .items {
    gap: 37px 37px;
}

.what_mayfield_garage .items {
    /* max-width: 1250px; */
}

.who_looking_for .wp-block-columns {
    max-width: 1182px;
}

.who_looking_for .btn-arrow.green {
    margin-top: 65px;
}
  
.what_mayfield_garage .items > .wp-block-column .card_inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform 0.8s;
    transform-style: preserve-3d;
   background: none;
}

.what_mayfield_garage .items > .wp-block-column .front_card, 
.what_mayfield_garage .items > .wp-block-column .back_card {
    background-color: #fff;
    padding-top: 46px;

}

/*.wp-block-column.has-base-background-color.has-background.is-layout-flow.wp-block-column-is-layout-flow {
    background: none !important;
}*/
  
.what_mayfield_garage .items > .wp-block-column:hover .card_inner {
    transform: rotateY(-180deg);
}
  
.what_mayfield_garage .items > .wp-block-column .front_card, .what_mayfield_garage .items > .wp-block-column .back_card {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden; /* Safari */
    backface-visibility: hidden;
}
  
.what_mayfield_garage .items > .wp-block-column .front_card {
    color: black;
}
  
.what_mayfield_garage .items > .wp-block-column .back_card {
    transform: rotateY(180deg);
}

.what_mayfield_garage .items > .wp-block-column .clip {
    position: absolute;
    right: 0;
    top: 0;
    width: 77px
}

.what_mayfield_garage .items > .wp-block-column h3 {
    font-size: 35px;
    line-height: 120%;
    color: #1F7554 !important;
    margin-top: 33px;
    max-width: 328px;
    margin-left: auto;
    margin-right: auto;
}

.what_mayfield_garage .items > .wp-block-column .img_area img {
    height: 58px;
}

.what_mayfield_garage  .items:last-child > .wp-block-column:nth-child(1) .img_area img {
    height: 48px;
}

.what_mayfield_garage .items:last-child  > .wp-block-column:nth-child(2) .img_area img {
    height: 48px;
}

.what_mayfield_garage .items:last-child  > .wp-block-column:nth-child(3) .img_area img {
    height: 57px;
}

.what_mayfield_garage  .items:last-child > .wp-block-column:nth-child(1) .img_area {
    height: 58px;
}

.what_mayfield_garage .items > .wp-block-column .arrow {
    position: absolute;
    bottom: 23px;
    right: 21px;
    width: 32px;
} 

.what_mayfield_garage .items > .wp-block-column .back_card .clip {
    left: 0;
}

.what_mayfield_garage .items > .wp-block-column .back_card .arrow {
    left: 21px;
    transform: scale(-1);
}

.what_mayfield_garage .items > .wp-block-column .back_card .wrap_text {
    display: flex;
    align-items: center;
    height: 218px;
}

.what_mayfield_garage .items > .wp-block-column .back_card .wrap_text p {
    margin: 0;
    font-family: 'Acta';
    font-size: 24px;
    font-weight: 30;
    max-width: 328px;
    margin: auto;
}

.what_mayfield_garage .items > .wp-block-column .back_card p a {
    color: #207552;

}

.who_looking_for .btn-arrow.green {
    background: linear-gradient(90deg, rgba(31, 116, 81, 1) 0%, rgba(77, 167, 46, 1) 100%);
    text-align: center;
    display: block;
    max-width: max-content;
}

.who_looking_for .btn-arrow.green a {
    color: #fff;
    text-decoration: none;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
}

.who_looking_for .btn-arrow.green a img {
    filter: invert(1);
    margin-left: 8px;
}

.who_looking_for h3 {
    line-height: 120%;
}

.who_looking_for .wp-block-column {
    border-top: 1px solid #D8D8D8;
    padding-top: 24px;
}

.accordion_ai.accordion .accordion-item {
    border-bottom: 1px solid #000000
}

.accordion_ai.accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) {
    color: #1F7451;
}

.accordion_ai.accordion .accordion-item .accordion-collapse .accordion-body {
    max-width: 970px;
}

.accordion_ai.accordion .accordion-item .accordion-collapse .accordion-body p {
    color: #545454;
}

.accordion_ai.accordion .accordion-item .accordion-collapse .accordion-body p:last-child {
    margin-bottom: 0;
}

.accordion_ai.accordion .accordion-item .accordion-header {
    margin-top: 16px !important;
}

.accordion_ai.new_accordion.accordion {
    max-width: 1094px !important;
    width: 100% !important;
}

.founder-stories.perspective_slider .content-area .founder-stories-container .content-box .text-area .meta h6:last-child {
    border-left: 1px solid #E0E0E0;
    padding-left: 20px;
}

.founder-stories.perspective_slider .content-area .founder-stories-container .content-box .text-area .meta h6:first-child {
    /* padding-right: 0 !important; */
    margin-right: 0 !important;
}

.founder-stories.perspective_slider .content-area .title-area h3 {
    margin-bottom: 0;
}

.milestone_ai .milestone-companies {
    width: 100%;
    max-width: 100%;
    padding-top: 50px;
    margin-bottom: 40px;
}

.milestone_ai .milestone-companies .content-area .top-text {
    display: none;
}

.milestone_ai .milestone-companies .logo-slider-full .logo-slider-area::before {
    background: #616161;
}

.milestone_ai .milestone-companies .logo-slider-full .logo-slider-area .logo-area img {
    filter: grayscale(1);
}

.new_accordion.accordion_ai .accordion-item .accordion-header .accordion-button::after {
    width: 24px;
    height: 24px;
    background-size: 24px;
}

.new_accordion.accordion_ai .accordion-item .accordion-header .accordion-button {
    line-height: 36px;
}

@media (min-width: 991.98px) {
    .banner-ai-garage .wp-block-columns {
        position: relative;
    }

    .banner-ai-garage .wp-block-columns .ai_img {
        transform: translateX(120px);
    }
}

@media (max-width: 991.98px) {
    .banner-ai-garage .ai_img {
        position: relative;
        width: 100%;
    }

    .banner-ai-garage p {
        margin: 20px 0 !important;
    }

    .banner-ai-garage .column_padding {
        padding-top: 100px !important;
        padding-bottom: 20px !important;
    }

    .what_mayfield_garage .items > .wp-block-column h3 {
        font-size: 28px;
        padding: 0 10px;
    }

    .what_mayfield_garage .items > .wp-block-column .back_card .wrap_text p {
        font-size: 20px;
    }
    
    .what_mayfield_garage .items > .wp-block-column .back_card .wrap_text {
        padding: 0 20px;
    }

    .what_mayfield_garage .items > .wp-block-column .img_area img {
        height: 43px;
    }

    .building_the_future {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
}

@media (max-width: 767.98px) {
    .what_mayfield_garage {
        padding: 50px 20px !important;
    }

    .who_looking_for  {
        padding: 50px 20px !important;
    }

    .faq_ai {
        padding: 50px 20px !important;
    }

    .faq_ai > h2 {
        margin-bottom: 30px !important;
    }

    .founder-stories.perspective_slider {
        margin-top: 50px;
        margin-bottom: 50px;
    }

    .building_the_future {
        padding-top: 50px !important;
    }

    .milestone_ai {
        padding-bottom: 50px !important;
    }

    .text_w_black_bg p br {
        display: none;
    }
}

.banner-ai-garage .wp-block-button .wp-element-button {
    background: linear-gradient(90deg, rgba(31, 116, 81, 1) 0%, rgba(77, 167, 46, 1) 100%);
    display: inline-flex;
    align-items: center;
    -moz-column-gap: 8px;
    column-gap: 8px;
    font-size: 14px;
    line-height: 17.5px;
    letter-spacing: 2px;
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    background-color: #ffffff;
    border: 1px solid #c5c5c5;
    border-radius: 4px;
    padding: 11px 24px;
    transition: all 0.35s;
}

.banner-ai-garage .wp-block-button .wp-element-button::after {
    background-image: url(/wp-content/themes/mayfield/assets/images/button-arrow-dark.png);
    width: 32px;
    height: 16px;
    background-repeat: no-repeat;
    content: "";
    display: block;
    background-size: contain;
    transition: all 0.35s;
    flex-shrink: 0;
    filter: invert(1);
}

.what_mayfield_garage .items > .wp-block-column .front_card a.strecth, .what_mayfield_garage .items > .wp-block-column .back_card a.strecth {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}

.who_looking_for .wp-block-buttons {
    text-align: center;
}

.who_looking_for .wp-block-button .wp-element-button {
    background: linear-gradient(90deg, rgba(31, 116, 81, 1) 0%, rgba(77, 167, 46, 1) 100%);
    display: inline-flex;
    align-items: center;
    -moz-column-gap: 8px;
    column-gap: 8px;
    font-size: 14px;
    line-height: 17.5px;
    letter-spacing: 2px;
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    background-color: #ffffff;
    border: 1px solid #c5c5c5;
    border-radius: 4px;
    padding: 11px 24px;
    transition: all 0.35s;
    font-weight: 400;
}

.who_looking_for .wp-block-button .wp-element-button::after {
    background-image: url(/wp-content/themes/mayfield/assets/images/button-arrow-dark.png);
    width: 32px;
    height: 16px;
    background-repeat: no-repeat;
    content: "";
    display: block;
    background-size: contain;
    transition: all 0.35s;
    flex-shrink: 0;
    filter: invert(1);
}

.milestone_ai .wp-block-button .wp-element-button {
    display: inline-flex;
    align-items: center;
    -moz-column-gap: 8px;
    column-gap: 8px;
    font-size: 14px;
    line-height: 17.5px;
    letter-spacing: 2px;
    color: #000;
    text-transform: uppercase;
    text-decoration: none;
    background-color: #ffffff;
    border: 1px solid #c5c5c5;
    border-radius: 4px;
    padding: 11px 24px;
    transition: all 0.35s;
    font-weight: 400;
    /* transition: all 0.35s;
    transition-duration: 1.4s; */
}

.milestone_ai .wp-block-button .wp-element-button:hover {
    background-color: #ffffff !important;
    color: #000 !important;
    border: 1px solid #4ea72f;
}

.caas-banner .wp-element-button:hover, .caas-banner .wp-block-button__link.wp-element-button:hover {
    border: 1px solid #4ea72f;
}

.milestone_ai .wp-block-button .wp-element-button::after {
    background-image: url(/wp-content/themes/mayfield/assets/images/button-arrow-dark.png);
    width: 32px;
    height: 16px;
    background-repeat: no-repeat;
    content: "";
    display: block;
    background-size: contain;
    transition: all 0.35s;
    flex-shrink: 0;
}

.btn-arrow.btn_linked {
    /* transition: all 0.35s;
    transition-duration: 1.4s; */
}

.btn-arrow.btn_linked:hover {
    transform: none !important;
}

@media (max-width: 767.98px) {
    .banner-ai-garage .wp-block-columns .wp-block-column {
        padding-bottom: 0 !important;
    }

    .who_looking_for .wp-block-group figure {
        flex-shrink: 0;
    }

    .who_looking_for .wp-block-group {
        justify-content: left;
    }
}

@media (min-width: 992px) and (max-width: 1400px) {
    .banner-ai-garage .wp-block-columns .ai_img {
        transform: translateX(150px);
        width: 680px;
    }
}

@media (min-width: 1300px) {
    .banner-ai-garage .wp-block-columns .ai_img {
        width: 695px;
    }
}

.founders-grid.reduce_padding {
    padding-top: 40px;
}

.founders-grid.reduce_padding .content-area .founders-grid-container {
    margin-top: 20px;
}

/* CXO Report Banner */
.cxo-report-banner.content_series_banner {
    padding-top: 150px;
}
.content_series_banner.cxo-report-banner .background_image {
    display: none;
}
.cxo-report-banner.content_series_banner .content-area .img_area img {
    position: absolute;
    width: 690px;
    height: 110%;
    object-fit: contain;
    object-position: left bottom;
    right: unset;
    bottom: 0;
    left: 52%;
}
.cxo-report-banner.content_series_banner .content-area .title-area .acf-innerblocks-container p {
    font-size: 18px;
    margin-bottom: 40px;
}
.cxo-report-banner.content_series_banner .content-area .title-area h1 {
    line-height: .95;
    margin-bottom: 24px;
}
.cxo-report-banner.content_series_banner .wp-block-button__link.wp-element-button {
    background: #FAFAFA;
    padding-top: 8px;
    padding-bottom: 8px;
}
.cxo-report-banner.content_series_banner .wp-block-button__link.wp-element-button::after {
    background-image: url(/wp-content/themes/mayfield/assets/images/icon-download.png);
    width: 24px;
    height: 24px;
}
@media (max-width: 1399.98px) {
    .cxo-report-banner.content_series_banner .content-area .img_area img {
        width: calc(100% - 589px);
        height: 100%;
        left: 589px;
    }
}

/* CXO Report Content */
body.page-id-3835 {
    overflow: visible;
}
.cxo_report_content {
    padding-top: 80px;
}
.rop-single.cxo_report_content .content-area .container-area .share-area .sticky-box {
    top: 140px;
}
.cxo_report_content.rop-single .content-area .container-area .text-area {
    flex: 0 0 calc(100% - 359px);
    max-width: calc(100% - 359px);
}
.cxo_report_content.rop-single .content-area .container-area .share-area {
    flex: 0 0 326px;
    max-width: 326px;
}
.cxo_report_content.rop-single .looking-ahead-image {
    display: flex;
    align-items: center;
}
.cxo_report_content.rop-single .content-area .container-area .text-area p.has-primary-color {
    margin-top: 24px;
}
.cxo_report_content.rop-single .content-area .container-area .text-area p.has-primary-color strong {
    font-weight: 600;
}
.cxo_report_content.rop-single .wp-block-button__link.wp-element-button {
    background: #FAFAFA;
    padding-top: 8px;
    padding-bottom: 8px;
}
.cxo_report_content.rop-single .wp-block-button__link.wp-element-button::after {
    background-image: url(/wp-content/themes/mayfield/assets/images/icon-download.png);
    width: 24px;
    height: 24px;
}
.cxo_report_content.rop-single .content-area .container-area .share-area {
    margin-top: 0 !important;
}
@media (max-width: 767.98px) {
    .cxo_report_content.rop-single .content-area .container-area .text-area {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .cxo_report_content.rop-single .content-area .container-area .share-area {
        flex: 0 0 100%;
        max-width: 100%;
    }
}


.cxo_report_content .content-area .container-area .wp-block-columns:last-child {
    margin-bottom: 0 !important;
}

.cxo_report_content .content-area .container-area .wp-block-columns:last-child img {
    margin-bottom: 0 !important;
}

.cxo_report_content .content-area .container-area .wp-block-columns:last-child .wp-block-column {
    margin-bottom: 0 !important;
}

.wp-block-cover.open_lightbox a::before {
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    position: absolute;
}

.wp-block-cover.open_lightbox {
    position: relative;
}

.gallery_w_text {
    padding: 80px 0;
    padding-bottom: 0; 
}

.gallery_w_text .content-area {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.gallery_w_text .content-area .sliders_area {
    max-width: 55.92%;
    width: 100%;
}

.gallery_w_text .content-area .text_area {
    width: 100%;
    max-width: 40.8%;
    padding-top: 43px;
}

.gallery_w_text .content-area .bottom_slider {
    display: flex;
    justify-content: space-between;
    margin-top: 15px;
}

.gallery_w_text .content-area .bottom_slider .modal-nav {
    display: flex;
    -moz-column-gap: 20px;
    column-gap: 20px;
    row-gap: 10px;
    justify-content: flex-end;
}

.gallery_w_text .content-area .bottom_slider .modal-nav .prev {
    border-radius: 4px;
    border: 1px solid #c5c5c5;
    background: #fff;
    background-image: url(/wp-content/themes/mayfield/assets/images/button-arrow-dark.png);
    background-size: 32px 16px;
    background-position: center;
    background-repeat: no-repeat;
    width: 80px;
    height: 40px;
    transform: scale(-1);
    cursor: pointer;
}

.gallery_w_text .content-area .bottom_slider .modal-nav .next {
    border-radius: 4px;
    border: 1px solid #c5c5c5;
    background: #fff;
    background-image: url(/wp-content/themes/mayfield/assets/images/button-arrow-dark.png);
    background-size: 32px 16px;
    background-position: center;
    background-repeat: no-repeat;
    width: 80px;
    height: 40px;
    cursor: pointer;
}

.gallery_w_text .content-area .bottom_slider a.btn-arrow {
    border-radius: 4px;
    border: 1px solid #c5c5c5;
    background: #fafafa;
    transition: all 0.35s;
    transition-duration: 1.4s;
}

.gallery_w_text .content-area .bottom_slider a.btn-arrow img {
    width: 14px;
    height: 14px;
}

.gallery_w_text .content-area .bottom_slider a.btn-arrow:hover {
    border: 1px solid #4ea72f;
    transform: translateX(5px) !important;
    background-color: #ffffff !important;
    color: #000 !important;
    border: 1px solid #4ea72f;
    transform: translateX(5px) !important;
    transition: all 0.35s;
    transition-duration: 1.4s;
}

.gallery_w_text .slider_wrap {
    height: 0;
    opacity: 0;
}

.gallery_w_text .slider_wrap.slick-initialized {
    height: auto;
    opacity: 1;
}

.gallery_w_text .slider_wrap .single_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.gallery_w_text .slider_wrap .single_img  {
    position: relative;
}

.gallery_w_text .slider_wrap .single_img span {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 4px 12px;
    background-color: rgba(0, 0, 0, 0.55);
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    color: #fff;
    text-decoration: none;
}

@media (max-width: 767.98px) {
    .gallery_w_text .content-area .sliders_area {
        max-width: 100%;
        margin-bottom: 50px;
    }

    .gallery_w_text .content-area .text_area {
        max-width: 100%;
        padding-top: 0;
    }

    .gallery_w_text .content-area .bottom_slider {
        margin-top: 15px;
        flex-wrap: wrap;
        row-gap: 15px;
    }
}

.lg-toolbar .lg-icon.lg-zoom-in {
    display: none;
}

.lg-toolbar .lg-icon.lg-download {
    display: none;
}

.lg-toolbar .lg-icon.lg-close {
    background-image: url(/wp-content/themes/mayfield/assets/images/close_png_box.png);
    background-color: transparent;
    width: auto;
    height: auto;
    top: 32px;
    right: 32px;
    width: 93px;
    height: 33px;
    position: absolute;
    padding: 0;
    background-size: contain;
    background-repeat: no-repeat;
}

.lg-toolbar .lg-icon.lg-close::after {
    display: none;
}


.lg-show-in .lg-prev {
    border-radius: 4px;
    border: 1px solid #c5c5c5;
    background: #fff;
    background-image: url(/wp-content/themes/mayfield/assets/images/button-arrow-dark.png);
    background-size: 32px 16px;
    background-position: center;
    background-repeat: no-repeat;
    width: 80px;
    height: 40px;
    transform: scale(-1);
    cursor: pointer;
}

.lg-show-in .lg-next {
    border-radius: 4px;
    border: 1px solid #c5c5c5;
    background: #fff;
    background-image: url(/wp-content/themes/mayfield/assets/images/button-arrow-dark.png);
    background-size: 32px 16px;
    background-position: center;
    background-repeat: no-repeat;
    width: 80px;
    height: 40px;
    cursor: pointer;
}

.lg-show-in .lg-prev::after,
.lg-show-in .lg-next::before {
    display: none;
}

.lg-backdrop {
    background: rgba(0, 0, 0, 0.85);
}

.lg-outer .lg-item picture {
    /* width: 1161px !important;
    height: 653px !important;
    object-fit: cover; 
    max-width: 100% !important;
    position: relative; */
}

.lg-outer .lg-item .new_div {
    width: 1161px;
    height: 653px;
    object-fit: cover; 
    max-width: 100% !important;
    position: absolute;
    top: unset;
    bottom: 122px;
    left: 50%;
    transform: translateX(-50%);
}

.lg-outer .lg-item img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
}

.lg-outer.lg-components-open:not(.lg-zoomed) .lg-sub-html {
    width: 100% !important;
    text-align: left;
    padding: 4px 12px;
    background-color: rgba(0, 0, 0, 0.55);
    font-family: "TT Commons Pro Variable";
    font-size: 14px;
    line-height: 21px;
    font-weight: 400;
    margin: 0 auto;
}

.lg-outer .lg-thumb-outer {
    background-color: transparent;
}

.lg-outer .lg-thumb-item {
    border-color: transparent;
    border-radius: 0 !important;
    margin-bottom: 0 !important;
}

.lg-outer .lg-thumb-item.active {
    border: 2px solid rgba(78, 167, 47, 1);
}

.lg-outer .lg-thumb-item:hover {
    border: 2px solid rgba(78, 167, 47, 1);
}

.lg-outer .lg-thumb {
    padding: 0;
}

/* .lg-outer .lg-thumb {
    width: 100% !important;
    padding-top: 0 !important;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
} */

.lg-outer .lg-components {
    bottom: 100px;
}

.lg-outer .arrows {
    display: flex;
    column-gap: 16px;
    position: absolute;
    bottom: 40px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 99999;
}

.lg-outer .arrows > button {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
}

@media (max-width: 1680.98px) {
    .lg-outer .lg-item .new_div {
        width: 1061px;
        height: 553px;
    }
}

@media (max-width: 1366.98px) {
    .lg-outer .lg-item .new_div {
        width: 961px;
        height: 453px;
    }
}

@media (max-width: 1266.98px) {
    .lg-outer .lg-item .new_div {
        width: 861px;
        height: 353px;
    }
}

@media (max-width: 991.98px) {
    .lg-outer .lg-item picture {
        height: auto !important;
    }

    .lg-outer .lg-item .new_div {
        height: 400px;
    }
}

@media (max-width: 991.98px) {
    .lg-outer .lg-item .new_div {
        width: 100%;
        height: 200px;
        top: 120px;
    }

    .lg-outer .lg-components {
        bottom: unset;
        top: 340px;
    }

    .lg-outer .arrows {
        bottom: unset;
        top: 500px;
    }
}