/*
Theme Name: Blue Whale Media
Theme URI: https://www.bluewhalemedia.co.uk/
Template: themify-shoppe
Author: Blue Whale Media
Author URI: https://www.bluewhalemedia.co.uk/
Tags: themify,featured-images,translation-ready,custom-menu,sidebar
Version: 5.6.3.1653473473
Updated: 2022-05-25 11:11:13

*/

/* Remember to remove the commenting-out of hiding the default header and footer below, do this before adding-in your custom header and footer layout parts inside the hook-content section of themify */
.single p, .single li {
    font-size: 16px;
}
.module_row .module-layout-part .row_inner {
    align-items: center;
    }
    
    #header, #footer {
        display: none;
    }
    
    /* Colour Variation Section */
    :root {
        --white: #ffffff;
        --black: #000000;
        --purple: #9A275A;
        --pink: #F487B7;
        --yellow: #FBEFA7;
        --black: #382F32;
        --white: #FFF3FD;
        --body:"roc-grotesk";
        --title:"roc-grotesk-extrawide";
    }
    #pagewrap h1, #pagewrap h2, #pagewrap h3, #pagewrap h4, #pagewrap h5, #pagewrap h6 {
         font-family: var(--title) !important;
    }
    #pagewrap span,#pagewrap p, #pagewrap a {
        font-family: var(--body) !important;
    }
    

    .themify_builder_content-723 .tb_nfw8728.module_row {
        background-image: url('https://creatr.agency/wp-content/uploads/2025/04/manchester-sky-1.webp')!important;
    }
    
    
    /* DONT FORGET TO ADD A PLAIN TEXT MODULE IN YOUR HEADER TO SHOW THE BURGER MENU */
    /* plain text module should have the class mobile-menu-burger */
    /* then add this html in the plain text module <div id="open-mm"><span></span><span></span><span></span></div> */
    
    /* mobile menu */
    .mobile-menu-burger {
        display: none;
    }
    #headerwrap {
        min-height: unset !important;
    }
    
    @media (max-width: 1280px) {
        .header .tb-column-inner {
            justify-content: space-between;
        }
    }
    
    
    #full-screen-mobile-main-menu {
        position: fixed;
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
        opacity: 0;
        visibility: hidden;
        -webkit-transition-delay: .2s;
        -o-transition-delay: .2s;
        transition-delay: .2s;
        padding: 20% 5%;
        overflow-y: scroll;
        z-index: 1;
        overflow-x: hidden;
        background: var(--pink);
        box-sizing: border-box;
    }
    
    .opened-mm #full-screen-mobile-main-menu {
        opacity: 1;
        visibility: visible;
    }
    
    .opened-mm #full-screen-mobile-main-menu:before {
        width: 100%;
        -webkit-transition-delay: .3s;
             -o-transition-delay: .3s;
                transition-delay: .3s;
    }
    
    #full-screen-mobile-main-menu .row_inner {
        position: relative;
        margin: 0 auto;
        width: 85%;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
        -webkit-transform: translateY(80px);
            -ms-transform: translateY(80px);
                transform: translateY(80px);
        opacity: 0;
        visibility: hidden;
        z-index: 9;
        height: 100%;
    }
    
    .opened-mm #full-screen-mobile-main-menu .row_inner {
        opacity: 1;
        visibility: visible;
        -webkit-transition-delay: .6s;
             -o-transition-delay: .6s;
                transition-delay: .6s;
        -webkit-transform: none;
            -ms-transform: none;
                transform: none;
    }
    
    #close-mm {
        position: absolute;
        color: var(--white);
        font-size: 40px;
        cursor: pointer;
        right: 30px;
        top: 30px;
        z-index: 1;
    }
    
    #full-screen-mobile-main-menu a {
        color: var(--white) !important;
        text-align: center;
    }
    
    #full-screen-mobile-main-menu ul {
        margin: 0;
        list-style: none;
    }
    
    #full-screen-mobile-main-menu .row_inner>div.menu-column {
        width: 100%;
    }
    
    #main-navigation a {
        font-size: 18px;
        font-weight: 500;
        display: flex;
        text-transform: uppercase;
        letter-spacing: 2px;
        text-align: center;
        justify-content: center !important;
    }
    
    #open-mm span:nth-child(2) {
        width: 15px;
        margin: 2px auto;
        height: 3px;
    }
    
    #open-mm span {
        height: 3px;
        width: 30px;
        background: var(--white);
        display: block;
        margin: 5px;
    }
    
    .fixed-header-on #open-mm span {
        background: var(--pink);
    }
    
    #open-mm {
        display: inline-block;
        height: 100%;
        cursor: pointer;
    }
    
    #pagewrap #main-navigation li.menu-item-has-children.opened-sub-menu ul.sub-menu {
        display: block;
        margin: 15px 0px !important;
    }
    
    
    #main-navigation ul.sub-menu {
        background: transparent !important;
    }
    
    #full-screen-mobile-main-menu:before {
        content: unset;
    }
    
    #pagewrap .material-icons {font-family: 'Material Icons' !important;}
    
    .mobile-menu-top {
        display: flex;
        justify-content: space-between;
    }
    
    .mobile-menu-top a img {
        width: 100%;
        max-width: 100px;
    }
    
    div#full-screen-mobile-main-menu {
        padding: 25px 5%;
        overflow: initial;
    }
    
    div#full-screen-mobile-main-menu  .row_inner {
        margin: 0px;
        width: 100% !important;
        padding: 25px 0px;
        box-sizing: border-box;
        max-width: 100%;
    }
    
    /* Home Banner */
    
    .home-banner {
        height: 100vh;
        padding: 7.5%;
        display: flex;
        align-content: center;
        align-items: center;
    }
    
    .home-banner-title {
        padding-top: 100px;
        margin-bottom: 25px;
    }
    
    .home-banner-title h1 {
        font-size: 125px;
        color: white;
        font-weight: bold;
        margin-bottom: 0px;
        line-height: 1;
    }
    
    .home-banner-text2 {
        margin-bottom: 50px;
    }
    
    .home-banner-text2 p {
        color: white;
        font-size: 35px;
        line-height: 1;
        padding-left: 35px;
        position: relative;
    }
    
    .home-banner-text2  p strong {
        font-weight: 600;
    }
    
    .home-banner-text2  p:before {
        content: '';
        position: absolute;
        left: 0px;
        top: 0%;
        height: 30px;
        width: 30px;
        background-image: url('/wp-content/uploads/2024/02/Asset-27.png');
        background-size: contain;
    }
    
    .home-banner-text {
        padding-top: 150px;
        max-width: 50%;
    }
    
    .home-banner-text .tb_text_wrap {
        display: flex;
        position: relative;
    }
    
    
    .home-banner-text .tb_text_wrap p:first-child:after {
        content: '';
        position: absolute;
        right: 0px;
        transform: translate(-100%, -50%);
        top: 50%;
        height: 30px;
        width: 30px;
        background-image: url('/wp-content/uploads/2024/03/Asset-1-1.svg');
        background-size: contain;
    }
    
    .home-banner-text .tb_text_wrap p {
        font-size: 23px;
        letter-spacing: 1px;
        color: white;
        padding-right: 100px;
        text-transform: uppercase;
        position: relative;
    }
    .home-banner-text .tb_text_wrap a {
        color: white !important;
    }
    
    .home-banner-text .tb_text_wrap a:hover {
        color: var(--pink) !important;
    }
    
    
    
    .home-banner-text .tb_text_wrap p strong {
        letter-spacing: 2px;
        font-weight: 500;
        line-height: 1.25;
        text-transform: uppercase;
        font-size: 18px;
        font-family: var(--title);
    }
    
    /* Buttons */
    
    
    #pagewrap .main-button a {
        padding: 20px 75px;
        border-radius: 50px;
        background-color: transparent;
    }
    
    #pagewrap .main-button a span {
        font-size: 15px;
        line-height: 1;
        text-transform: uppercase;
        font-weight: 500;
        font-family: var(--title)!important;
    }
    
    #pagewrap .main-button.pink-button a span {
        color: var(--pink);
    }
    
    #pagewrap .main-button.white-background a {
        background-color: var(--white);
    }
    
    #pagewrap .main-button.pink-button a {
        border: 1px solid var(--pink);
    }
    
    #pagewrap .main-button.purple-button a span {
        color: var(--purple);
    }
    
    #pagewrap .main-button.purple-button a {
        border: 1px solid var(--purple);
    }
    
    #pagewrap .main-button.yellow-button a span {
        color: var(--yellow);
    }
    
    #pagewrap .main-button.yellow-button a {
        border: 1px solid var(--yellow);
    }
    
    #pagewrap .main-button.white-button a span {
        color: var(--white);
    }
    
    #pagewrap .main-button.white-button a {
        border: 1px solid var(--white);
    }
    
    #pagewrap .main-button.pink-button.white-background a:hover {
        background: var(--pink);
    }
    
    #pagewrap .main-button.purple-button.white-background a:hover {
        background: var(--purple);
    }
    
    #pagewrap .main-button.pink-button a:hover span {
        color: var(--white);
    }
    
    #pagewrap .main-button.purple-button a:hover span {
        color: var(--white);
    }
    
    #pagewrap .main-button.purple-button a:hover {
        background: var(--purple);
    }
    
    #pagewrap .main-button.purple-button a:hover span {
        color: var(--white);
    }
    
    #pagewrap .main-button.white-button a:hover {
        background: var(--white);
    }
    
    #pagewrap .main-button.white-button a:hover span {
        color: var(--pink);
    }
    
    #pagewrap .main-button.yellow-button a:hover {
        background: var(--yellow);
    }
    
    #pagewrap .main-button.yellow-button a:hover span {
        color: var(--pink);
    }
    
    
    
    /* Small Title */
    
    #pagewrap .small-title p {
        font-size: 21px;
        letter-spacing: 2px;
        padding-left: 50px;
        position: relative;
        margin-bottom: 15px;
        text-transform: uppercase;
    }
    
    
    .small-title p:after {
        content: '';
        position: absolute;
        left: 0px;
        top: 50%;
        height: 25px;
        width: 25px;
        background-size: contain;
        transform: translateY(-60%);
    }
    
    .purple-small-title p:after {
        background-image: url(/wp-content/uploads/2024/03/Asset-1-1-1.svg);
    }
    .purple-small-title p {
        color: var(--purple);
    }
    
    .white-small-title p:after {
        background-image: url(/wp-content/uploads/2024/03/Asset-1-1.svg);
    }
    
    .white-small-title p {
        color: var(--white);
    }
    
    .black-small-title p:after {
        background-image: url(/wp-content/uploads/2024/02/black.svg);
    }
    
    .black-small-title p {
        color: var(--black);
    }
    .pink-small-title p:after {
        background-image: url(/wp-content/uploads/2024/03/Asset-1-2.svg);
    }
    
    .pink-small-title p {
        color: var(--pink);
    }
    /* Image Slide */
    
    .image-slide {
        height: auto;
        background-position: center;
        border-radius: 25px;
        margin: 20px 25px;
        box-shadow: 0px 0px 10px 3px rgba(0,0,0,.5);
    }
    
    .image-slide:hover {
        box-shadow: 0px 0px 10px 3px var(--pink);
    }
    
    .image-slide:before  {
        content: '';
        width: 100%;
        position: absolute;
        top: 0px;
        left: 0px;
        height: 100%;
        z-index: -1;
        border-radius: 25px;
        background: var(--pink);
        opacity: 0;
        blur: 25px;
        box-shadow: 0px 0px 10px 3px var(--pink);
    }
    
    .image-slide:hover:before  {
        -webkit-animation: pulsate 2s ease-out;
        -webkit-animation-iteration-count: infinite; 
    }
    
    .slick-track {
        display: flex;
        padding-left: 15%;
    }
    
    
    @media (max-width:1280px) {
        .slick-track {
            padding-left: 5%;
        }
    }
    
    
    @media (max-width:500px) {
        .slick-track {
            padding-left: 0% !important;
        }
    }
    
    .image-slider-cta {
        box-sizing: border-box;
        border-radius: 25px;
        margin: 20px 25px;
    }
    
    .image-slider-cta .subrow_inner {
        padding: 40px 15px;
    }
    
    .image-slider-cta  .module-text p {
        text-align: center;
        line-height: 1;
        font-size: 35px;
        color: white;
    }
    .image-slider-cta  .module-text p strong {
        font-size: 40px;
        letter-spacing: 1px;
        font-family: var(--title);
    }
    
    .slide-padding {
        margin: 35px 25px;
    }
    
    #pagewrap .image-slider-cta img {
        margin: 25px auto 25px auto;
        display: block;
        max-width: 50px;
    }
    
    .image-slider-cta .main-button {
        display: flex;
        justify-content: center;
        margin: 25px 0px
    }
    
    #pagewrap .image-slider-cta .main-button a {
        background-color: transparent;
    }
    
    .image-slider ul.slick-dots {
        display: none;
    }
    
    .image-slider  button.slick-prev.slick-arrow {
        display: none;
    }
    
    .image-slider  button.slick-next.slick-arrow {
        display: none;
    }
    
    /* Home 4 */
    
    .home-4 {
        padding: 50px 10%;
    }
    
    .home-4 .first {
        padding: 100px 0px;
    }
    
    .home-4 h2 {
        font-size: 40px;
        font-weight: 700;
    }
    
    .home-4-text p {
        font-size: 21px;
        line-height: 1.5;
        margin-bottom: 5px;
    }
    
    .home-4-text {
        margin: 25px 0px
    }
    
    /* Home 2 */
    
    .home-2 .row_inner {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-bottom: 25px;
    }
    
    .home-2 .row_inner .first {
        flex-basis: 35%;
    }
    
    .home-2 .row_inner .last {
        flex-basis: 65%;
    }
    
    .home-2 .last .tb-column-inner {
        padding: 10%;
    }
    
    .home-2-text h2 {
        font-size: 45px;
        font-weight: bold;
        line-height: 1.25;
        margin-bottom: 25px;
    }
    
    .home-2-text p {
        font-size: 21px;
        line-height: 1.5;
        margin-bottom: 15px;
    }
    
    .home-2-text {
        margin-bottom: 25px;
    }
    
    .home-2 .small-title {
        padding-top: 100px;
    }
    
    
    /* Work Video */
    
    .work-video .row_inner {
        padding: 10%;
        box-sizing: border-box;
        position: relative;
    }
    
    .work-video .row_inner:before {
        content: '';
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,.25);
    }
    
    .work-video-text p {
        font-size: 50px;
        color: white;
        max-width: 50%;
        line-height: 1.25;
        font-weight: 500;
    }
    
    .work-video-text p strong {
        display: block;
        font-family: var(--title);
        font-size: 100px;
        line-height: .75;
    }
    
    .work-video-text {
        margin-bottom: 15px;
    }
    
    /* Branches */
    
    .branches-1 {
        padding: 50px;
    }
    
    .branch-tiles .tb-column-inner {
        display: flex;
        align-items: flex-end;
        margin-bottom: 50px;
    }
    
    .branch-tile {
        flex-basis: calc(25% - 25px);
        margin: 0px 12.5px;
    }
    
    .branch-tile img {
        width: 100%;
    }
    
    
    .branches-1-title {
        text-align: center;
    }
    
    #pagewrap .branches-1-title h2 {
        font-size: 50px;
        font-weight: 300;
        margin-bottom: 5px;
        display: block;
        font-family: var(--body) !important;
    }
    
    .branches-1-title h2 strong {
        font-weight: 600;
        line-height: 1;
        display: block;
        font-family: var(--title) !important;
    }
    
    .branches-1 .main-button {
        display: flex;
        justify-content: center;
    }
    
    
    /* Footer */
    
    .footer {
        padding: 50px 5% 25px;
        width: 100% !important;
    }
    
    #footerwrap .footer-logo {
        margin-bottom: 100px;
    }
    
    #footerwrap .footer-logo img {
        width: 100%;
        margin: auto;
        max-width: 150px;
        display: block;
    }
    
    .footer-text {
        margin-bottom: 25px;
    }
    
    #footerwrap .footer-text h2 {
        color: var(--yellow);
        text-align: center;
        font-size: 125px;
        margin-bottom: 15px;
        line-height: 1;
        font-family: var(--body) !important;
    }
    
    #footerwrap .footer-text h2 strong {
        font-family: var(--title);
        font-size: 125px;
    }
    
    #footerwrap .footer-text p {
        color: var(--white);
        text-align: center;
        font-size: 21px;
        line-height: 1;
        letter-spacing: 4px;
    }
    
    #footerwrap .footer-text-2 p {
        color: var(--white);
        text-align: center;
        font-size: 15px;
        line-height: 1;
        font-family: var(--title) !important;
    }
    
    .footer-button {
        display: flex;
        justify-content: center;
        margin: 25px 0px;
    }
    
    .footer-row-1  {
        margin-top: 50px;
    }
    
    .footer-row-1 .tb-column-inner {
        display: flex;
        justify-content: space-between;
    }
    
    .footer-row-1 .tb-column-inner>div {
        flex-basis: 33%;
        display: flex;
        align-items: center;
    }
    
    
    .footer-icons {
        display: flex;
        justify-content: center;
    }
    
    .footer-icons img {
        width: 100%;
        max-width: 75px;
    }
    
    .footer-contact {
        justify-content: flex-end;
    }
    
    #pagewrap .footer-contact a {
        background: none;
        box-shadow: unset;
        border: 0px;
    }
    
    #pagewrap .footer-contact span {
        font-size: 15px;
        color: white;
        letter-spacing: 2px;
    }
    
    #pagewrap .footer-contact span span {
        display: block;
        padding-left: 25px;
        font-family: var(--title)!important;
        font-size: 15px;
        font-weight: 600;
        letter-spacing: 0px;
    }
    
    .footer-legals ul ,.footer-legals li a, .footer-legals li{
        background-color: unset !important;
        background: unset;
        box-shadow: unset !important;
    }
    
    #footerwrap .footer-legals a {
        color: white;
        font-family: var(--title) !important;
        font-size: 12px;
        font-weight: bold;
        text-transform: uppercase;
    }
    
    #footerwrap .footer-rotated-text {
        position: absolute;
        bottom: 75px;
        left: -50px;
        transform: initial;
    }
    
    #footerwrap .footer-rotated-text .tb_text_wrap {
      writing-mode: vertical-rl;
      transform: scale(-1, -1);
    }
    
    #footerwrap .footer-rotated-text .tb_text_wrap p,#footerwrap .footer-rotated-text .tb_text_wrap a{
        color: white;
    }
    
    .footer:before {
        content: '';
        position: absolute;
        left: 40px;
        top: 30px;
        height: 40px;
        width: 40px;
        background-image: url(/wp-content/uploads/2024/03/Asset-1-1.svg);
        background-size: contain;
    }
    
    .footer:after {
        content: '';
        position: absolute;
        left: 40px;
        bottom: 50px;
        height: 40px;
        width: 40px;
        background-image: url(/wp-content/uploads/2024/03/Asset-1-1.svg);
        background-size: contain;
    }
    
    
    #footerwrap .footer-text h2:before {
        content: '';
        position: absolute;
        top: 0px;
        right: 15%;
        width: 125px;
        height: 125px;
        background-image: url('/wp-content/uploads/2025/03/creatre_round_woman2.png')!important;
        background-size: cover;
    }
    
    #footerwrap .footer-text h2 {
        position: relative;
    }
    
    .footer:before {
        z-index: 2;
    }
    
    .footer .first {
        z-index: 2;
    }
    
    .footer .row_inner:before {
        content: '';
        position: absolute;
        bottom: 100px;
        left: 100px;
        height: 200px;
        width: 200px;
        background-image: url(/wp-content/uploads/2025/03/creatre_round_woman1.png)!important;
        background-size: contain;
    }
    
    .footer .row_inner:after {
        content: '';
        position: absolute;
        top: 50%;
        right: 10%;
        height: 300px;
        width: 300px;
        background-image: url('/wp-content/uploads/2024/02/Asset-1-3.png');
        background-size: contain;
        opacity: .5;
        animation: rotate 120s linear infinite;
        background-repeat: no-repeat;
    }
    
    .footer-text {
        opacity: 1;
    }
    
    
    /* Fixed Nav */
    
    .fixed-nav {
        position: absolute;
        top: 0px;
        z-index: 10;
        padding: 25px 2.5%;
    }
    
    .fixed-nav-logo img {
        width: 100%;
        max-width: 150px;
    }
    
    .fixed-nav-logo {
        margin-right: 25px;
    }
    
    .fixed-nav .tb-column-inner {
        display: flex;
        align-items: center;
    }
    
    .fixed-nav-nav a {
        text-transform: uppercase;
        font-size: 13px;
        font-weight: 600;
        font-family: var(--title);
        padding: 10px 20px !important;
        color: var(--white) !important;
    }
    
    .fixed-nav-nav a,.fixed-nav-nav li, .fixed-nav-nav ul {
        box-shadow: unset !important;
        background-color: unset !important;
    }
    
    .nav-button a{
        border: 1px solid white;
        border-radius: 50px !important;
    }
    
    
    .single-case_study .fixed-nav-logo img {
        filter: brightness(0%);
    }
    
    .single-case_study .fixed-nav-nav a {
        color: var(--black) !important;
        border-color: var(--black);
    }
    
    .page-id-550 .fixed-nav {
        display: none;
    }
    
    
    /* Top Banner */
    
    #pagewrap .top-banner .row_inner {
        display: flex;
        flex-direction: column;
    }
    
    .top-banner .first {
        padding: 7.5% 10%;
        text-align: center;
        background-size: cover;
        background-position: center;
    }
    
    .top-banner .last {
        padding: 12.5%;
        background-color: white;
    }
    
    .top-banner.no-image .last {
        padding: 0px;
    }
    
    .top-banner .small-title {
        width: fit-content;
        margin: auto auto 20px;
    }
    
    .top-banner-title h2 {
        font-size: 70px;
        color: var(--white);
        font-weight: 700;
        line-height: 1;
        margin-bottom: 15px;
        max-width: 70%;
        margin: auto auto 20px;
    }
    
    
    .top-banner-title p {
        color: var(--white);
        font-size: 18px;
        max-width: 75%;
        margin: auto;
        line-height: 1.5;
    }
    
    /* gradient bg */
    
    .pink-bg {
        background-color: var(--pink);
    }
    
    .purple-gradient {
        background-image: url('/wp-content/uploads/2024/02/FAQS-scaled.jpg');
        background-size: cover;
    }
    
    .pink-gradient {
        background-image: url('/wp-content/uploads/2024/02/growth-management.jpg');
        background-size: cover;
    }
    
    
    /* FAQ */
    .faq-1 {
    }
    
    #faq-results {
        padding-top: 100px;
        margin-top: -100px;
    }
    
    
    .faq-1 .faq-single {
        border: 2px solid var(--black);
        box-sizing: border-box;
        padding: 25px;
        border-radius: 10px;
        margin-bottom: 15px;
    }
    
    .faq-1 .row_inner {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    
    .faq-1 .row_inner>.first {
        flex-basis: calc(25% - 25px);
        padding: 50px 10px;
        box-shadow: 1px 1px 10px 0px rgba(0,0,0,.5);
    }
    
    .faq-1 .row_inner .last {
        flex-basis: calc(75% - 25px);
        padding: 50px 50px;
    }
    
    .faq-1 .faq-single-content {
        display: none;
        margin-left: 50px;
    }
    
    .faq-1 .faq-single.active .faq-single-content {
        display: block;
    }
    
    .faq-1 .faq-single-title {
        display: flex;
        cursor: pointer;
    }
    
    #pagewrap .faq-1 .faq-single-title h2 {
        font-size: 25px;
        margin-left: 25px;
        margin-bottom: 0px;
        font-family: var(--body) !important;
    }
    
    .faq-1 .faq-single-title i {
        font-size: 30px;
    }
    
    .faq-1 .faq-single .fa-minus {
        display: none;
    }
    
    .faq-1 .faq-single.active .fa-minus {
        display: block;
    }
    
    .faq-1 .faq-single.active .fa-plus {
        display: none;
    }
    
    .faq-1 .faq-single-content p {
        font-size: 21px;
        line-height: 1.5;
        margin: 15px 0px;
    }
    
    .faq-1 .searchandfilter ul li li input {
        display: none;
    }
    
    .faq-1 .searchandfilter ul li li label {
        padding: 0px !important;
        font-size: 21px;
        font-family: var(--body);
        font-weight: 600;
        cursor: pointer;
    }
    
    .faq-1 .searchandfilter ul {
        margin: 0px;
    }
    
    .faq-1 .row_inner .first .tb-column-inner {
        position: sticky;
        top: 50px;
    }
    
    .faq-1 .sf-option-active {
        background: var(--pink);
        color: white;
        border-radius: 5px;
    }
    
    .faq-1 .searchandfilter ul li li {
        padding: 10px 50px;
        margin-bottom: 10px;
        position: relative;
        cursor: pointer;
    }
    
    .faq-1 .searchandfilter ul li li:before {
        content: '';
        position: absolute;
        top: 50%;
        transform: translatey(-50%);
        left: 16px;
        width: 20px;
        height: 20px;
        background-repeat: no-repeat;
    }
    
    .faq-1 .searchandfilter ul li li:after {
        content: '';
        position: absolute;
        top: 50%;
        transform: translatey(-50%);
        right: 10px;
        width: 15px;
        height: 20px;
        background-repeat: no-repeat;
        background-image: url('/wp-content/uploads/2024/02/Asset-1-2.svg');
    }
    
    .faq-1  li.sf-field-search label {
        width: 100%;
        position: relative;
    }
    
    .faq-1  li.sf-field-search label input {
        width: 100%;
        padding: 15px 15px 15px 50px;
        font-size: 12px;
        border: 1px solid var(--black);
        font-family: var(--body);
        border-radius: 5px;
        color: var(--black);
        position: relative;
    }
    
    .faq-1  li.sf-field-search label:before {
        content: '';
        position: absolute;
        top: 50%;
        transform: translatey(-60%);
        left: 16px;
        width: 20px;
        height: 20px;
        z-index: 2;
        background-repeat: no-repeat;
        background-image:url('/wp-content/uploads/2024/02/Asset-1-3.svg');
    }
    
    
    .faq-1 ::placeholder {
        font-size: 12px;
        border-radius: 5px;
        color: var(--black);
        font-family: var(--body);
    }
    
    .faq-1 .sf-item-24:before {
        background-image:url('/wp-content/uploads/2024/02/Asset-10.svg');
    }
    
    .faq-1 .sf-item-27:before {
            background-image:url('/wp-content/uploads/2024/02/Asset-6-2.svg');
    }
    
    .faq-1 .sf-item-30:before {
            background-image:url('/wp-content/uploads/2024/02/Asset-5-1.svg');
    }
    
    .faq-1 .sf-item-28:before {
            background-image:url('/wp-content/uploads/2024/02/Asset-3-1.svg');
    }
    
    .faq-1 .sf-item-26:before{
            background-image:url('/wp-content/uploads/2024/02/Asset-8-2.svg');
    }
    
    .faq-1 .sf-item-29:before {
            background-image:url('/wp-content/uploads/2024/02/Asset-4-2.svg');
    }
    
    .faq-1 .sf-item-25:before {
            background-image:url('https://creatrdev.wpenginepowered.com/wp-content/uploads/2024/02/Asset-9-1.svg');
    }
    
    .faq-1 .sf-item-31:before{
            background-image:url('/wp-content/uploads/2024/02/Asset-2-3.svg');
    }
    
    .faq-1 .sf-item-0:before {
        background-image: url('/wp-content/uploads/2024/02/Asset-7-1.svg');
    }
    
    .faq-tile {
        border-radius: 5px;
    }
    
    #pagewrap .faq-1 .subrow_inner {
        display: flex;
        margin-top: 50px;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    
    #pagewrap .faq-1 .subrow_inner>div {
        flex-basis: calc(50% - 5px);
        box-sizing: border-box;
        padding: 75px 50px;
    }
    
    #pagewrap .faq-1 .subrow_inner>div:first-of-type {
        background-color: var(--black);
    }
    
    #pagewrap .faq-1 .faq-tile-image img {
        width: 100%;
        max-width: 40px;
        margin: auto auto 25px;
        display: block;
    }
    
    .faq-1 .faq-tile-text h4 {
        font-size: 18px;
        text-align: center;
        font-weight: 700;
        color: white;
        text-transform: capitalize;
        max-width: 70%;
        margin: auto auto 15px;
    }
    
    .faq-1 .faq-tile-text p {
        text-align: center;
        max-width: 70%;
        margin: auto auto 15px;
        font-size: 13px;
        color: var(--white);
    }
    
    #pagewrap .faq-1 .main-button {
        display: flex;
        justify-content: center;
    }
    
    #pagewrap .faq-1 .main-button a {
        padding: 15px 30px;
    }
    
    #pagewrap .faq-1 .main-button a span {
        font-size: 10px;
    }
    
    
    /* Growth 1  */
    
    .growth-1 {
        padding: 50px 10% 50px;
    }
    
    
    .growth-1.extra-padding {
        padding: 100px 10%;
    }
    
    .growth-1 .row_inner {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between
    }
    
    .growth-1 .first {
        padding: 75px 0px;
        flex-basis: calc(55% - 50px);
    }
    
    
    #pagewrap .growth-1 .last {
        border-radius: 10px;
        background-position: 50% 25%;
        flex-basis: calc(40% - 50px);
        z-index: 2;
    }
    
    .growth-1-text h2 {
        font-weight: bold;
        font-size: 40px;
        text-transform: uppercase;
        line-height: 1.25;
    }
    
    .growth-1-text p {
        font-size: 18px;
        line-height: 2;
    }
    
    #pagewrap .growth-1-reverse .last {
        padding: 75px 0px;
        flex-basis: calc(55% - 50px);
    }
    
    .growth-1-reverse .first {
        border-radius: 10px;
        background-position: 50% 25%;
        flex-basis: calc(40% - 50px);
        z-index: 2;
    }
    
    
    /* Growth 2  */
    
    .growth-2 {
        padding: 50px 10%;
    }
    
    .growth-2-row1 {
        margin-bottom: 100px;
    }
    
    .growth-2-row1 .module_column,
    .growth-2-row2 .module_column{
        box-sizing: border-box;
        flex-basis:calc( 33.33% - 15px);
        border: 1px solid var(--black);
        border-radius: 15px;
        padding: 25px;
        background: white;
    }
    
    .growth-2-icon {
        margin-bottom: 15px;
    }
    
    .growth-2-icon img {
        width: 100%;
        max-width: 50px;
        height: 50px;
        object-fit: contain;
    }
    
    .growth-2 .subrow_inner {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    
    #pagewrap .growth-2-text h3 {
        font-size: 25px;
        font-weight: 500;
        max-width: 59%;
        font-family: var(--body) !important;
    }
    
    #pagewrap .growth-2-text p {
        font-size: 18px;
        line-height: 2;
        font-weight: 400;
        font-family: var(--body) !important;
    }
    
    #pagewrap .growth-2-title p {
        letter-spacing: 2px;
        font-size: 18px;
        margin-bottom: 0px;
    }
    
    #pagewrap .growth-2-title h2 {
        font-size:35px;
        font-weight: 600;
        font-family: var(--body) !important;
    }
    
    .growth-2-row1 .module_column:hover,
    .growth-2-row2 .module_column:hover{
        background: var(--pink) !important;
    } 
    
    .growth-2-row1 .module_column:hover h3,
    .growth-2-row1 .module_column:hover p,
    .growth-2-row2 .module_column:hover h3,
    .growth-2-row2 .module_column:hover p{
        color: white;
    } 
    
    .growth-2-row1 .module_column img,
    .growth-2-row2 .module_column img{
        filter: brightness(0);
    }
    
    .growth-2-row1 .module_column:hover img,
    .growth-2-row2 .module_column:hover img{
        filter: unset;
    }
    
    /* Growth 3 */
    
    .growth-3 {
        padding: 50px 10%;
    }
    
    .growth-3 .row_inner {
        box-sizing: border-box;
        padding: 10% 15%;
        border: 1px solid black;
        border-radius: 25px;
        text-align: center;
        position: relative;
        overflow: hidden;
    }
    
    .growth-3 .row_inner:before {
        content: '';
        position: absolute;
        width: 600px;
        height: 600px;
        bottom: 0px;
        background-size: cover;
        left: 0px;
        background-repeat: no-repeat;
        transform: translate(-30%,30%);
        background-image: url('https://creatrdev.wpenginepowered.com/wp-content/uploads/2024/02/Asset-2-4.svg');
        z-index: -1;
    }
    
    .growth-3-text {
        margin-bottom: 50px;
    }
    
    .growth-3-text h2 {
        font-size: 50px;
        font-weight: bold;
    }
    
    
    .growth-3-text p {
        font-size: 18px;
        line-height: 2;
    }
    
    .growth-3-icon img {
        width: 100%;
        max-width: 50px;
        margin-bottom: 25px;
    }
    
    #pagewrap .main-button.dual-purple-button.purple-button .module-buttons-item:first-of-type a {
        background: var(--purple);
        color: var(--white);
    }
    
    #pagewrap .main-button.dual-purple-button.purple-button .module-buttons-item:first-of-type a span {
        color: var(--white);
    }
    
    /* Floating Icon */
    
    .floating-icon1 .row_inner:before {
        content: '';
        position: absolute;
        bottom: -75px;
        right: -75px;
        width: 150px;
        height: 150px;
        background-repeat: no-repeat;
        background-size: contain;
        z-index: -1;
        background-image: url('https://creatrdev.wpenginepowered.com/wp-content/uploads/2024/02/Asset-9-2.svg');
          animation: rotate 60s linear infinite; /* Change 2s to adjust the speed of rotation */
    }
    
    .floating-icon2 .row_inner:before {
        content: '';
        position: absolute;
           top: -75px;
        right: -75px;
        width: 150px;
        height: 150px;
        background-repeat: no-repeat;
        background-size: contain;
        z-index: -1;
        background-image: url('https://creatrdev.wpenginepowered.com/wp-content/uploads/2024/02/Asset-9-2.svg');
          animation: rotate 60s linear infinite; /* Change 2s to adjust the speed of rotation */
    }
    
    
    @keyframes rotate {
      0% {
        transform: rotate(0deg);
      }
      100% {
        transform: rotate(360deg);
      }
    }
    
    /* Career 1 */
    
    .career-1 {
        padding: 50px 10%;
    }
    
    .career-1 .tb-column-inner {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
    }
    
    .career-1-title {
        flex-basis: calc(45% - 25px);
    }
    
    .career-1-form{
        flex-basis: calc(55% - 25px);
    }
    
    .career-1-title h2 {
        font-size: 40px;
        font-weight: bold;
    }
    
    #pagewrap .career-1 .with_frm_style input[type=text],
    #pagewrap .career-1 .with_frm_style input[type=password],
    #pagewrap .career-1 .with_frm_style input[type=email],
    #pagewrap .career-1 .with_frm_style input[type=number],
    #pagewrap .career-1 .with_frm_style input[type=url],
    #pagewrap .career-1 .with_frm_style input[type=tel],
    #pagewrap .career-1 .with_frm_style input[type=file],
    #pagewrap .career-1 .with_frm_style input[type=search],
    #pagewrap .career-1 .with_frm_style select,
    #pagewrap .career-1 .with_frm_style .frm-card-element.StripeElement {
        padding: 15px !important;
        border: 1px solid black;
    }
    
    #pagewrap .career-1 .with_frm_style .frm_top_container .frm_primary_label,
    #pagewrap .career-1 .with_frm_style .frm_hidden_container .frm_primary_label,
    #pagewrap .career-1 .with_frm_style .frm_pos_top {
        font-size: 18px;
        font-family: var(--body);
        font-weight: 600;
    }
    
    #pagewrap .career-1 .frm_dropzone.frm_single_upload {
        max-width: 100% !important;
    }
    
    #pagewrap .career-1 .frm_dropzone.dz-clickable .dz-message {
        padding: 50px 25px;
        display: flex;
        flex-direction: column;
        align-items: center;
        background: var(--pink);
    }
    
    #pagewrap .career-1 span.frm_upload_text {
        font-size: 15px;
    }
    
    #pagewrap .career-1 span.frm_upload_text button {
        text-transform: none;
    }
    
    #pagewrap .career-1 .with_frm_style .vertical_radio .frm_checkbox label,
    #pagewrap .career-1 .with_frm_style .vertical_radio .frm_radio label {
        font-size: 18px;
        font-family: var(--body);
        font-weight: 500;
    }
    
    #pagewrap .career-1 .with_frm_style .frm_radio input[type=radio]:before,
    #pagewrap .career-1 .with_frm_style .frm_scale input[type=radio]:before,
    #pagewrap .career-1 .with_frm_style .frm_checkbox input[type=checkbox]:before {
        box-shadow: inset 10px 10px var(--pink);
    }
    
    #pagewrap .career-1 .frm_forms.frm_full_submit .frm_submit button {
        background: var(--purple);
        padding: 20px;
        font-size: 15px;
        color: white;
        font-family: var(
        --title);
        border-radius: 50px;
    }
    
    #pagewrap .career-1 .frm_small_text {
        display: none;
    }
    
    
    /* Categories List */
    
    .category-list {
        display: flex;
        margin: 100px 0px 0px;
        justify-content: space-between;
    }
    
    #pagewrap .category-list a {
        flex-basis: calc(20% - 50px);
        display: flex;
        flex-direction: column;
        align-items: center;
        color: white;
        font-size: 18px;
        font-weight: 600;
    }
    
    #pagewrap .category-list a:nth-of-type(2n+2) {
        transition-delay: .2s;
    }
    
    #pagewrap .category-list a:nth-of-type(3n+3) {
        transition-delay: .4s;
    }
    
    #pagewrap .category-list a:nth-of-type(4n+4) {
        transition-delay: .6s;
    }
    
    #pagewrap .category-list a:nth-of-type(5n+5) {
        transition-delay: .8s;
    }
    
    .category-list a img {
        width: 100%;
        max-width: 50px;
        height: 50px;
        object-fit: contain;
        margin-bottom: 10px;
    }
    
    
    /* Blog Archive */
    
    .blog-archive-cat .cat-title {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 15px;
    }
    
    #pagewrap .blog-archive-cat .cat-title h3 {
        font-size: 18px;
        font-family: var(--body) !important;
        text-transform: uppercase;
        letter-spacing: 2px;
        padding-left: 50px;
        position: relative;
        font-weight: 500;
        
    }
    
    #pagewrap .blog-archive-cat .cat-title h3:before {
        content: '';
        position: absolute;
        left: 0px;
        top: 0%;
        height: 25px;
        width: 25px;
        background-size: contain;
        background-image: url(/wp-content/uploads/2024/02/black.svg);
    }
    
    
    .blog-archive-1 {
        padding: 50px 10%;
    }
    
    .blog-archive-cat .cat-results {
        display: flex;
        flex-wrap: wrap;
        margin: 0px -12.5px;
    }
    
    .blog-archive-cat .cat-results a.blog-archive-single {
        flex-basis: calc(33.33% - 25px);
        margin: 0px 12.5px 25px;
    }
    
    .blog-archive-cat .cat-results a.blog-archive-single:nth-of-type(2n+2) {
        transition-delay: .2s;
    }
    
    .blog-archive-cat .cat-results a.blog-archive-single:nth-of-type(3n+3) {
        transition-delay: .4s;
    }
    
    .blog-archive-cat .cat-results a.blog-archive-single img {
        margin-bottom: 15px;
        width: 100%;
        border-radius: 15px;
        object-fit: cover;
        height: 250px;
    }
    
    .blog-archive-cat {
        margin-bottom: 50px;
    }
    
    .blog-archive-cat p.blog-archive-single-cat {
        margin-bottom: 5px;
        font-size: 18px;
        text-transform: uppercase;
        letter-spacing: 2px;
        font-weight: 500;
        color: var(--black);
        opacity: .5;
        padding: 0px 25px;
    }
    
    .blog-archive-cat p.blog-archive-single-title {
        font-size: 30px;
        color: black;
        font-weight: 600;
         padding: 0px 25px;
    }
    
    .blog-archive-cat .cat-title a {
        font-size: 18px;
        font-family: var(--body) !important;
        text-transform: uppercase;
        letter-spacing: 2px;
        position: relative;
        font-weight: 500;
        
    }
    
    .blog-archive-cat .cat-title i {
        margin-left: 5px;
    }
    
    
    /* Blog Category */
    
    
    .blog-category-1 {
        padding: 50px 10%;
        display: flex;
        flex-wrap: wrap;
        margin: 0px -12.5px;
    }
    
    .blog-category-1 a.blog-archive-single {
        flex-basis: calc(33.33% - 25px);
        margin: 0px 12.5px 25px;
    }
    
    .blog-category-1 a.blog-archive-single img {
        margin-bottom: 15px;
        width: 100%;
        border-radius: 15px;
        object-fit: cover;
    }
    
    .blog-category-1 p.blog-archive-single-cat {
        margin-bottom: 5px;
        font-size: 18px;
        text-transform: uppercase;
        letter-spacing: 2px;
        font-weight: 500;
        color: var(--black);
        opacity: .5;
        padding: 0px 25px;
    }
    
    .blog-category-1 p.blog-archive-single-title {
        font-size: 30px;
        color: black;
        font-weight: 600;
         padding: 0px 25px;
    }
    .blog-cat-image {
        margin: 25px 0px
        
    }
    
    .blog-cat-image img {
        width: 100%;
        max-width: 100px;
    }
    
    .archive.category .top-banner .small-title {
        width: 100%;
        margin: auto;
    }
    
    .archive.category .top-banner .small-title p {
        text-align: left;
    }
    
    .archive.category .top-banner .small-title p,
    .archive.category .top-banner .small-title a {
        color: white !important;
    }
    
    .category .top-banner-title h2 {
        max-width: 75%;
    }
    
    
    /* Blog Single  */
    
    .blog-single-1 {
        padding: 10% 2.5% 25px
    }
    
    h2.blog-single-1-title {
        font-size: 42px;
        color: white;
        font-weight: 500;
        max-width: 75%;
        margin-bottom: 50px;
    }
    
    .blog-single-1 .small-title.white-small-title a {
        color: white !important;
    }
    
    .blog-single-2 {
        padding: 10%;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: bottom;
    }
    
    p.blog-single-1-date {
        text-align: right;
        color: white;
        font-size: 18px;
        font-weight: 500;
    }
    
    .blog-single-3 {
        box-sizing: border-box;
        padding: 50px 5%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    
    .blog-single-3-left {
        flex-basis: calc(75% - 25px);
    }
    
    .blog-single-3-right {
        flex-basis: calc(25% - 25px);
    }
    
    .blog-single-3 .faq-1 {
        width: 100% !important;
        margin: 0px !important;
    }
    
    .blog-single-3 .faq-1 .row_inner {
        flex-flow: column-reverse;
    }
    
    .blog-single-3 .faq-1 .row_inner>.first,
    .blog-single-3 .faq-1 .row_inner>.last{
        flex-basis: 100%;
        margin-bottom: 25px;
        background-color: var(--black);
    }
    
    .blog-single-3-share-icons {
        display: flex;
    }
    
    .blog-single-3-share-icons a img {
        width: 100%;
        max-width: 40px;
        margin-right: 15px;
    }
    
    
    /* Newsletter 1 */
    
    .newsletter-1 {
        padding: 50px 5%;
    }
    
    .newsletter-1 .row_inner {
        background: var(--yellow);
        border-radius: 25px;
        display: flex;
        flex-wrap: wrap;
    }
    
    .newsletter-1 .row_inner .first {
        padding: 80px 0px 80px 50px;
        flex-basis:70%;
    }
    
    .newsletter-1 .row_inner .last {
        margin-top: -50px;
        flex-basis: 30%;
        background-size: cover;
    }
    
    .newsletter-text {
        margin-bottom: 25px;
    }
    
    .newsletter-text h2 {
        font-weight: 700;
        font-size: 50px;
        color: var(--pink);
        margin-bottom: 15px;
    }
    
    .newsletter-text p {
        font-size: 18px;
        max-width: 90%;
    }
    
    .newsletter-1 .frm_submit.frm_flex {
        width: 100%;
        grid-column: span 3/span 3;
    }
    
    .newsletter-1 button.frm_button_submit.frm_final_submit {
        width: 100% !important;
        background: var(--pink) !important;
        padding: 25px !important;
        border-radius: 15px;
        border: 0px !important;
        color: white;
        text-transform: capitalize !important;
        margin: 0px !important;
        font-size: 15px;
        font-weight: 300 !important;
        font-family: var(--body);
        letter-spacing: 2px;
    }
    
    .newsletter-1 label#field_8ee5v_label {
        display: none;
    }
    
    .newsletter-1 .frm_style_formidable-style.with_frm_style .form-field {
        margin: 0px !important;
    }
    
    .newsletter-1 .with_frm_style input[type=email] {
        padding: 25px;
        border-radius: 10px;
        box-shadow: unset;
        border: 0px;
        color: var(--pink) !important;
        font-size: 15px !important;
        font-family: var(--body) !important;
    }
    .single div#body .themify_builder.themify_builder_content>.module_row {
        width: 100% !important;
        margin: 0px !important;
    }
    
    
    .blog-single-5 {
        padding: 50px 5%;
    }
    
    #pagewrap .blog-single-5 a.blog-archive-single {
        flex-basis: calc(30% - 25px);
    }
    
    #pagewrap a.related-see-all {
        flex-basis: calc(15% - 25px);
        display: flex;
        align-items: center;
        font-size: 35px;
        line-height: 1;
        box-sizing: border-box;
        padding: 25px;
        font-weight: 600;
    }
    
    
    /* Application */
    
    .application-1 .row_inner {
        display: flex;
    }
    
    .application-1 .row_inner .first {
        flex: 40%;
    }
    
    .application-1 .row_inner .last {
        flex: 60%;
        box-sizing: border-box;
        padding: 100px;
    }
    
    .application-1 .row_inner .first .tb-column-inner {
        position: sticky;
        top: 0px;
    }
    
    .application-1 .row_inner .first .tb-column-inner img {
        height: 100vh;
        width: 100%;
        object-fit: cover;
    }
    
    .application-1-form .frm_html_container img {
        width: 100%;
        max-width: 200px;
        margin: 0px auto 50px auto;
        display: block;
    }
    
    .application-1-form .frm_html_container h2 {
        text-align: center;
        font-size: 50px;
        text-transform: uppercase;
        font-weight: 700;
    }
    
    .application-1-form .frm_html_container p {
        text-align: center;
        font-size: 18px;
        line-height: 2;
    }
    
    .application-1-form .frm_html_container p a {
        color: var(--purple) !important; 
        text-decoration: underline;
        font-weight: 600;
    }
    
    .application-1-form .frm_html_container h3 {
        text-align: center;
        font-size: 20px;
        text-transform: uppercase;
        font-weight: 700;
    }
    
    .application-1-form .frm_html_container {
        margin-bottom: 100px !important;
    }
    
    .application-1  .frm_image_options .frm_image_option_container {
        display: flex;
        flex-wrap: nowrap;
        flex-direction: row-reverse;
        position: relative;
        padding: 15px 10px;
        border-color: black;
    }
    
    .application-1 .frm_image_options .frm_image_option_container.frm_label_with_image .frm_empty_url,
    .application-1  .frm_image_options .frm_image_option_container.frm_label_with_image img {
        position: absolute;
        right: 15px;
        width: 30px;
        height: 30px;
        top: 50%;
        object-fit: contain;
        transform: translateY(-50%);
    }
    
    .application-1 .frm_image_option_container.frm_label_with_image {
        padding-right: 30px;
    }
    
    .application-1 .frm_text_label_for_image {
        padding: 5px 30px;
        text-align: left;
        display: flex;
        align-items: center;
        font-size: 15px;
        line-height: 1;
    }
    
    .application-1 .frm_image_options .frm_radio input[type=radio],
    .application-1 .frm_image_options .frm_checkbox input[type=checkbox] {
        top: 50%;
        transform: translateY(-50%);
        left: 5px;
        z-index: 1;
        opacity: 1;
        border-color: black;
    }
    
    .application-1 .with_frm_style .vertical_radio.frm_image_options .frm_image_option > label {
        position: relative;
        height: 100%;
    }
    
    .application-1 .frm_opt_container {
        width: 100%;
        justify-content: space-between;
        margin: 0px 0px !important;
    }
    
    .application-1 .frm_form_field .frm_checkbox.frm_image_option,
    .application-1 .frm_form_field .frm_checkbox.frm_image_option + .frm_checkbox,
    .application-1 .frm_form_field .frm_radio.frm_image_option,
    .application-1 .frm_form_field .frm_radio.frm_image_option + .frm_radio {
        flex-basis: calc(25% - 15px);
        margin: 0px;
    }
    
    .application-1 .with_frm_style .frm_top_container .frm_primary_label,
    .application-1 .with_frm_style .frm_hidden_container .frm_primary_label,
    .application-1 .with_frm_style .frm_pos_top,
    #pagewrap .application-1 h3.frm_pos_top.frm_section_spacing {
        font-size: 21px;
        font-weight: 600;
        font-family: var(--body) !important;
        margin-bottom: 10px;
    }
    .application-1 .frm_form_field.frm_left_container .frm_primary_label{
        font-size: 18px;
        margin-top: 10px;
        font-weight: 600;
        font-family: var(--body) !important;
    }
    
    .application-1 div#frm_field_58_container,
    .application-1 div#frm_field_59_container,
    .application-1 div#frm_field_57_container{
        display: flex;
        flex-direction: column;
    }
    
    .application-1 div#frm_field_58_container label,
    .application-1 div#frm_field_59_container label,
    .application-1 div#frm_field_57_container label {
        order: 1;
    }
    
    .application-1 div#file58_dropzone ,
    .application-1 div#file59_dropzone,
    .application-1 textarea#field_osplk{
        order: 3;
    }
    
    .application-1 div#frm_desc_field_sz37x,
    .application-1 div#frm_desc_field_39x24,
    .application-1 div#frm_desc_field_osplk{
        order: 2;
        font-size: 18px;
        margin-bottom: 5px;
    }
    
    .application-1 .with_frm_style input[type=text],
    .application-1 .with_frm_style input[type=password],
    .application-1 .with_frm_style input[type=email],
    .application-1 .with_frm_style input[type=number],
    .application-1 .with_frm_style input[type=url], 
    .application-1 .with_frm_style input[type=tel],
    .application-1 .with_frm_style input[type=file],
    .application-1 .with_frm_style input[type=search],
    .application-1  .with_frm_style select, .with_frm_style .frm-card-element.StripeElement {
        padding: 15px;
        border-color: black;
    }
    
    .application-1 .frm_style_formidable-style.with_frm_style .form-field {
        margin-bottom: 40px;
    }
    
    .application-1 .frm_image_option_container .frm_selected_checkmark svg {
        display: none !important;
    }
    
    .application-1 .frm_image_options .frm_image_option_container:hover,
    .application-1 input[type="radio"]:checked + .frm_image_option_container,
    .application-1 input[type="checkbox"]:checked + .frm_image_option_container {
        border-color: var(--pink) !important;
        box-shadow: 0px 0px 0px 1px var(--pink);
    }
    
    .application-1 .with_frm_style .frm_radio input[type=radio]:before,
    .application-1 .with_frm_style .frm_scale input[type=radio]:before,
    .application-1 .with_frm_style .frm_checkbox input[type=checkbox]:before {
        box-shadow: inset 10px 10px var(--pink);
    }
    
    .application-1 .with_frm_style .frm_radio input[type=radio],
    .application-1 .with_frm_style .frm_scale input[type=radio],
    .application-1 .with_frm_style .frm_checkbox input[type=checkbox] {
        border-color: black;
    }
    
    .application-1 div#frm_field_40_container .frm_opt_container,
    .application-1 div#frm_field_41_container .frm_opt_container,
    .application-1 div#frm_field_42_container .frm_opt_container,
    .application-1 div#frm_field_51_container .frm_opt_container,
    .application-1 div#frm_field_55_container .frm_opt_container{
        display: flex;
    }
    
    .application-1 div#frm_field_41_container .frm_opt_container,
    .application-1 div#frm_field_42_container .frm_opt_container,
    .application-1 div#frm_field_55_container .frm_opt_container{
        justify-content: unset;
    }
    
    .application-1 div#frm_field_41_container .frm_opt_container>div,
    .application-1 div#frm_field_42_container .frm_opt_container>div,
    .application-1 div#frm_field_55_container .frm_opt_container>div{
        margin-right: 15px;
        box-sizing: border-box;
        padding: 15px 50px 15px 15px;
        border: 1px solid black;
        border-radius: 5px;
        background: white;
    }
    
    .application-1 div#frm_field_40_container .frm_opt_container>div label,
    .application-1 div#frm_field_41_container  .frm_opt_container>div label,
    .application-1 div#frm_field_42_container  .frm_opt_container>div label,
    .application-1 div#frm_field_51_container  .frm_opt_container>div label,
    .application-1 div#frm_field_55_container  .frm_opt_container>div label{
        font-size: 15px;
        font-weight: 700;
        font-family: var(--body);
    }
    
    .application-1 div#frm_field_40_container .frm_opt_container>div {
        flex-basis: calc(25% - 15px);
        box-sizing: border-box;
        padding: 15px;
        border: 1px solid black;
        border-radius: 5px;
        background: white;
    }
    
    .application-1 div#frm_field_51_container .frm_opt_container>div {
        flex-basis: calc(20% - 15px);
        box-sizing: border-box;
        padding: 15px;
        border: 1px solid black;
        border-radius: 5px;
        background: white;
    }
    
    #pagewrap .application-1 .frm_style_formidable-style.with_frm_style .frm-show-form .frm_section_heading h3 {
        border-top: 0px;
        padding: 0px;
            font-size: 21px;
        font-weight: 600;
        font-family: var(--body) !important;
        margin-bottom: 10px;
    }
    
    .application-1 div#frm_section_47-0 {
        margin-top: 0px;
    }
    
    #pagewrap .application-1 .frm_description{
        margin-top: 5px;
        font-size: 15px;
    }
    
    .application-1 .with_frm_style .frm_repeat_sec .frm_form_field.frm_repeat_buttons .frm-svg-icon {
        display: none;
    }
    
    .application-1 .frm_repeat_buttons a.frm_remove_form_row,
    .application-1 .frm_repeat_buttons a.frm_add_form_row {
        background: var(--black);
        color: white !important;
        padding: 10px 15px;
        font-weight: 700;
        font-family: var(
        --title);
        line-height: 1;
    }
    
    .application-1 .frm_dropzone.frm_single_upload {
        max-width: 100%;
        padding: 15p;
    }
    
    .application-1 .frm_dropzone.dz-clickable .dz-message{
        padding: 50px 25px;
        background-color: #fff3fd;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    
    #pagewrap .application-1 span.frm_upload_text button {
        text-transform: initial;
        font-size: 15px !important;
        font-family: var(--body) !important;
        font-weight: 700 !important;
    }
    
    .application-1 .frm_small_text {
        display: none;
    }
    
    .application-1 .frm_style_formidable-style.with_frm_style .form-field.frm_section_heading {
        margin-bottom: 50px;
    }
    
    .application-1 div#frm_field_50-47-0_container {
        margin-bottom: 10px;
    }
    
    .application-1 .with_frm_style .vertical_radio .frm_radio label{
        font-size: 18px;
        font-weight: 500;
        font-family: var(--body);
    }
    
    #pagewrap .application-1  button.frm_button_submit.frm_final_submit {
        width: 100%;
        padding: 10px 5px;
        background: var(--purple);
        border-radius: 50px;
        font-size: 18px;
        color: var(--white);
        letter-spacing: 5px;
        font-family: var(--title) !important;
    }
    
    .application-1  .frm_submit.frm_flex {
        width: 100%;
    }
    
    div#frm_field_71_container  .frm_opt_container {
        display: flex;
        flex-wrap: wrap;
    }
    
    div#frm_field_71_container  .frm_opt_container .frm_checkbox{
        flex-basis: calc(25% - 25px);
        margin: 0px 0px 15px;
        border: 1px solid black;
        box-sizing: border-box;
        padding: 15px 10px;
        border-radius: 5px;
        background: white;
    }
    
    div#frm_field_71_container  .frm_opt_container .frm_checkbox label{
        font-size: 12px;
        font-weight: 700;
        font-family: var(--body);
    }
    
    span.frm_required {
        color: var(--black) !important;
    }
    
    .application-1 div#frm_field_61_container label a {
        color: var(--pink) !important;
    }
    
    #pagewrap .with_frm_style .frm_message {
        background: transparent !important;
        background-color: transparent !important;
        border: 0px !important;
        padding: 0px !important;
        color: unset !important;
        margin: unset !important;
    }
    
    .with_frm_style .frm_message p:first-of-type img {
        width: 100%;
        max-width: 50px;
        margin: auto auto 25px;
        display: block;
    }
    
    #pagewrap .with_frm_style .frm_message h2 {
        text-align: center;
        font-size: 45px;
        font-weight: 700;
        font-family: var(--title) !important;
        max-width: 50%;
        margin: auto;
    }
    
    .application-complete-steps {
        display: flex;
        flex-wrap: wrap;
        max-width: 70%;
        margin: auto;
        justify-content: space-between;
        margin-bottom: 50px;
    }
    
    .application-next-step {
        flex-basis: calc(50% - 15px);
        box-sizing: border-box;
        padding: 50px 25px;
        background: rgb(250 243 246);
        margin: 0px 0px 15px;
    }
    
    .application-next-step img {
        width: 100%;
        max-width: 50px;
        height: 50px;
        object-fit: contain;
        margin: auto auto 15px;
        display: block;
    }
    
    #pagewrap .application-next-step h3 {
        font-size: 18px;
        font-weight: 600;
        font-family: var(--body) !important;
        text-align: center;
    }
    #pagewrap .application-next-step p {
        text-align: center;
        font-size: 18px;
        color: black;
        font-weight: 300;
        max-width: 80%;
        margin: auto auto 0px;
        line-height: 1.5;
    }
    
    #pagewrap .application-next-step .frm_message p {
        color: var(--black);
    }
    
    .application-important {
        flex-basis: 100%;
        background-image: url('/wp-content/uploads/2024/02/Asset-11-2.png');
        text-align: center;
        background-size: cover;
        background-position: center;
        box-sizing: border-box;
        padding: 25px;
        border-radius: 5px;
    }
    
    #pagewrap .application-important h3 {
        color: var(--white);
        font-size: 21px;
        font-weight: 600;
    }
    
    #pagewrap .application-important p {
        font-size: 18px;
        color: var(--white) !important;
        font-weight: 600;
        margin-bottom: 0px;
        line-height: 1.5;
    }
    
    .with_frm_style .frm_message p {
        color: var(--black) !important;
        font-size: 20px;
        text-align: center;
        margin-bottom: 25px;
        line-height: 1.5;
    }
    
    .with_frm_style .frm_message p a {
        color: var(--purple) !important;
        text-decoration: underline;
        font-weight: 700;
    }
    
    #pagewrap .application-next-step p a {
        font-weight: 300;
    }
    
    .with_frm_style .frm_message h3:last-of-type {
        text-align: center;
        font-size: 30px;
        font-weight: 700;
        font-family: var(--title) !important;
        margin: 25px auto 0px;
    }
    
    .with_frm_style .frm_message p:last-of-type img {
        width: 100%;
        max-width: 200px;
        margin: 25px auto 0px;
        display: block;
    }
    
    @media (max-width: 1280px) {
        .application-next-step {
            flex-basis: 100%;
        }
        
        .growth-1-reverse .row_inner {
            flex-flow: column-reverse;
        }
        
        .growth-1-reverse .row_inner .last {
            padding: 0px;
            margin-bottom: 25px;
        } 
        
        
    
        #pagewrap .with_frm_style .frm_message h2 {
            font-size: 40px;
            max-width: 100%;
        }
        .application-complete-steps {
            max-width: 100%;
        }
    }
    
    
    
    /* Case Studies */
    
    .case-study-archive-1{
        box-sizing: border-box;
        padding: 50px 10%;
    }
    
    .feat-case-study {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-bottom: 0px;
        position: relative;
    }
    .feat-case-study:after {
        content: unset !important;
    }
    
    .feat-case-study-left {
        flex-basis: calc(50% - 25px);
    }
    
    .feat-case-study-right {
        flex-basis: calc(50% - 25px);
    }
    
    
    .feat-case-study-stats {
        flex-basis: 100%;
        display: flex;
        justify-content: space-between;
        margin-top: 100px;
    }
    
    .feat-case-study-stat {
        border-bottom: 2px solid var(--pink);
        flex-basis: calc(20% - 25px);
        display: flex;
    }
    
    .feat-case-study-stat img {
        width: 100%;
        max-width: 45px;
        height: 40px;
        margin-right: 10px;
        object-fit: contain;
    }
    
    .feat-case-study-stat p {
        flex-basis: calc(100% - 60px);
        display: block !important;
        font-size: 26px;
    }
    
    .feat-case-study-stat p span:first-of-type {
        font-weight: 700;
        color: black;
        display: inline;
    }
    
    .feat-case-study-stat p span:last-of-type {
        display: block;
    }
    
    .feat-case-study-stat p b{
        font-weight: 700;
        color: black;
        display: inline;
    }
    
    .case-study-image img {
        width: 100%;
        height: 300px;
        object-fit: cover;
        object-position: 50% 10%;
        border-radius: 10px;
    }
    
    
    @media (max-width: 1280px) {
        .case-study-image img {
            object-position: top;
        }
    
    }
    .feat-case-study h2 {
        font-size: 50px;
        font-weight: 700;
        text-transform: uppercase;
        margin-bottom: 10px;
    }
    
    .feat-case-study-content {
        font-size: 18px;
        line-height: 2;
        margin-bottom: 25px;
        color: black;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    
    .feat-case-study-left .small-title p {
        color: var(--black);
    }
    
    
    #pagewrap a.feat-case-study-button.main-button.purple-button {
        padding: 20px 100px;
        border-radius: 50px;
        background-color: transparent;
        margin: 50px 0px;
        box-sizing: border-box;
        border: 1px solid var(--purple);
        font-size: 15px;
        line-height: 1;
        text-transform: uppercase;
        font-weight: 500;
        font-family: var(--title)!important;
        color: var(--purple);
    }
    
    .case-studies {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-bottom: 25px;
    }
    
    .case-study-single {
        flex-basis: calc(50% - 25px);
        margin-bottom: 50px;
        display: flex;
    }
    
    .case-study-single:nth-of-type(2n+2) {
        transition-delay: .2s;
    }
    
    
    .case-study-single-left {
        background-size: cover;
        background-position: center;
        height: 100%;
        flex-basis: 40%;
        border-radius: 10px;
    }
    
    .case-study-single-right {
        flex-basis: 60%;
        padding: 25% 25px 25px 25px;
    }
    
    .case-study-single-stat {
        display: flex;
        align-items: center;
        align-content: center;
        margin-bottom: 25px;
    }
    
    .case-study-single-stat img {
        width: 100%;
        max-width: 30px;
    }
    
    #pagewrap .case-study-single-right h2 {
        font-size: 80px;
        font-weight: 600;
        font-family: var(--body) !important;
        margin-bottom: 5px;
        line-height: .8;
    }
    
    #pagewrap .case-study-single-right a {
        padding: 14px 50px;
        border-radius: 50px;
        background-color: transparent;
        box-sizing: border-box;
        border: 1px solid var(--purple);
        /* font-size: 15px; */
        line-height: 1;
        text-transform: uppercase;
        font-weight: 500;
        font-family: var(--title)!important;
        color: var(--purple);
    }
    
    .case-study-single-stat p {
        font-size: 18px;
        margin-left: 5px;
        color: black;
        font-weight: 600;
    }
    .case-study-single-stat p span {
        font-weight: 400;
    }
    
    .case-study-single  p.small-title {
        font-size: 18px;
        letter-spacing: 2px;
        position: relative;
        margin-bottom: 5px;
    }
    
    .pagination-container>p {
        font-size: 15px;
        color: black;
        font-weight: 600;
    }
    
    
    .pagination-container {
        display: flex;
        justify-content: space-between;
    }
    
    .pagination-container>p {
        margin-bottom: 0px;
    }
    
    span.pages {
        display: none;
    }
    
    a.nextpostslink,
    a.previouspostslink{
        border: 0px;
        color: var(--pink) !important;
        font-size: 21px;
    }
    
    span.current {
        border: 1px solid var(--pink) !important;
        font-size: 21px;
        padding: 0px 7.5px;
        background: var(--pink);
        border-radius: 100%;
        color: white !important;
        font-family: var(--body)!important;
        font-weight: 600 !important;
    }
    
    a.page {
        border: 1px solid var(--black);
        font-size: 21px;
        padding: 0px 7.5px;
        border-radius: 100%;
        color: var(--black);
        font-family: var(--body);
        font-weight: 600;
        margin: 25px;
    }
    
    
    .case-study-single-1 {
        padding: 5% 5% 50px;
        display: flex;
    }
    
    .case-study-single-1-left {
        flex-basis: 30%;
        background-size: cover;
        background-position: center;
        border-radius: 10px;
    }
    
    .case-study-single-1-right {
        flex-basis: 70%;
        box-sizing: border-box;
        padding: 25px 50px;
    }
    
    p.case-study-single-small-title {
        font-size: 18px;
        letter-spacing: 2px;
        position: relative;
        margin-bottom: 5px;
    }
    
    .case-study-single-1-right>div p {
        font-size: 18px;
        line-height: 1.5;
    }
    
    #pagewrap .case-study-single-1-right h2 {
        font-size: 100px;
        font-family: var(--body) !important;
        line-height: 1;
        margin-bottom: 15px;
        font-weight: 600;
    }
    
    .case-study-single-2,
    .case-study-single-3,
    .case-study-single-5{
        padding: 50px 5%;
    }
    
    @media (max-width: 1280px) {
        .case-study-single-2,
        .case-study-single-3,
        .case-study-single-5{
            padding: 25px 5%;
        }
    }
    
    .case-study-single-3  .feat-case-study-stats {
        margin: 25px 0px;
    }
    
    
    .case-study-single-quote {
        background: var(--black);
        border-radius: 25px;
        box-sizing: border-box;
        padding: 100px;
    }
    
    .case-study-single-quote img {
        width: 100%;
        max-width: 50px;
        height: 50px;
        object-fit: contain;
        margin: auto auto 25px auto;
        display: block;
    }
    
    .case-study-single-quote h2 {
        text-align: center;
        font-size: 30px;
        color: var(--white);
        font-weight: 700;
        margin-bottom: 25px;
    }
    
    .case-study-single-quote p {
        max-width: 90%;
        margin: auto;
        text-align: center;
        color: var(--white);
        font-size: 21px;
        line-height: 1.5;
    }
    
    .case-study-single-2 video {
        border-radius: 25px;
    }
    
    .account-1 {
        padding: 50px 10%;
    }
    
    .account-1 .row_inner {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    
    .account-1 .row_inner .first {
        flex-basis: calc(60% - 100px);
    }
    
    .account-1 .row_inner .last {
        flex-basis: calc(40% - 100px);
    }
    
    .account-1 .row_inner .last img {
        width: 100%;
        height: 500px;
        object-fit: cover;
        object-position: top;
        border-radius: 15px;
    }
    
    .account-1-text {
        margin-bottom: 50px;
    }
    
    #pagewrap .account-1-text h2 {
        font-family: var(--body) !important;
        font-size: 35px;
        font-weight: 600;
    }
    
    #pagewrap .account-1-text p {
        font-size: 18px;
        line-height: 1.5;
    }
    
    #pagewrap .accordion-title {
        background-color: white;
        border: 1px solid black;
        border-radius: 5px 5px 5px 5px;
        box-shadow: unset;
    }
    #pagewrap .accordion-title a {
        padding: 40px 25px;
    }
    
    #pagewrap .accordion-title a span {
        font-size: 21px;
        font-weight: 600;
    }
    
    .account-1 .row_inner .last .tb-column-inner {
        position: sticky;
        top: 10rem;
    }
    
    .account-1 .ui>li:hover .accordion-title {
        background-color: var(--pink) !important;
    }
    ul>.current>.accordion-content p ,
    ul>.current>.accordion-content li{
        font-size: 18px;
        font-family: var(--body);
        line-height: 1.5;
    }
    
    #pagewrap .account-1 li.current.builder-accordion-active .accordion-title {
        background: var(--pink);
    }
    
    #pagewrap .account-1 li.current.builder-accordion-active .accordion-title i,
    #pagewrap .account-1 li.current.builder-accordion-active .accordion-title a{
        color: var(--white);
    }
    
    .account-1 .ui>li:hover .accordion-title i,
    .account-1 .ui>li:hover .accordion-title a{
            color: var(--white) !important;
    }
    
    #pagewrap .account-1 li.current.builder-accordion-active .accordion-title {
        border-radius: 5px 5px 0px 0px;
        border-bottom: 0px;
    }
    
    .account-1 .accordion-content {
        box-shadow: unset;
        border-radius: 0px 0px 5px 5px;
        border: 1px solid black;
        border-top: 0px;
    }
    
    #pagewrap .account-1 .accordion-title i {
        margin-right: 20px;
    }
    
    
    /* Account 2 & 4 */
    
    .account-2 .growth-2-row1:before {
        content: '';
        z-index: -1;
        position: absolute;
        top: -200px;
        right: -190px;
        width: 400px;
        height: 400px;
        background-size: contain;
        background-repeat: no-repeat;
        background-image: url('/wp-content/uploads/2024/03/account-mgmt-.png');
        animation: rotate 120s linear infinite;
    }
    
    .account-2 .growth-2-row1 .module_column {
        margin-bottom: 25px;
        background-color: white;
    }
    
    .account-2  .growth-2-row1 {
        margin-bottom: 0px;
    }
    
    .account-2  .growth-2-title {
        margin-bottom: 25px;
    }
    
    #pagewrap .account-2 .growth-2-title p,
    #pagewrap .account-4 .growth-2-title p {
        font-size: 18px;
        letter-spacing: 0px;
        line-height: 1.5;
        max-width: 80%;
    }
    
    #pagewrap .account-4 .growth-2-title p {
        margin-bottom: 25px;
        max-width: 50%;
    }
    
    .account-4 {
        padding: 100px 10%;
        margin-top: 50px;
    }
    
    #pagewrap .account-4 .growth-2-title {
        border-bottom: 1px solid var(--black);
        margin-bottom: 25px;
    }
    
    
    #pagewrap .account-4 .growth-2-title h2 {
        font-family: var(--title) !important;
        max-width: 50%;
        font-weight: 700;
    }
    
    
    /* Account 5 */
    
    .account-5 {
        padding: 100px 10%;
    }
    
    .account-5-title h2 {
        text-align: center;
        font-size: 35px;
        text-transform: uppercase;
        font-weight: 700;
    }
    
    .account-5 .small-title {
        width: fit-content;
        margin: auto;
    }
    
    .account-5-left,
    .account-5-right {
        flex-basis: calc(50% - 50px);
    }
    
    .account-5 .subrow_inner {
        display: flex;
        justify-content: space-between;
        margin: 25px 0px;
    }
    
    .account-5-left .tb-column-inner {
        border: 1px solid black;
        border-radius: 10px;
        box-sizing: border-box;
        padding: 50px;
        position: sticky;
        top: 5rem;
    }
    
    .account-5-left .tb-column-inner:after {
        content: 'vs';
        position: absolute;
        top: 50%;
        font-size: 40px;
        color: black;
        font-family: var(--body);
        font-weight: 600;
        right: 0px;
        transform: translateX(150%);
        text-align: center;
    }
    
    @media (max-width: 1280px) {
        
    .account-5-left .tb-column-inner:after {
        content: 'vs';
        position: absolute;
        top: unset;
        bottom: -50px;
        font-size: 40px;
        color: black;
        font-family: var(--body);
        font-weight: 600;
        right: 50%;
        transform: translateY(100%);
        text-align: center;
    }
    }
    
    .account-5-right .tb-column-inner {
        border-radius: 10px;
        box-sizing: border-box;
        background-image: url('/wp-content/uploads/2024/02/Untitled-13.jpg');
        background-size: cover;
        background-position: bottom right;
        padding: 50px;
    }
    
    .account-5-right .tb-column-inner::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: -1;
        background: linear-gradient(to bottom right, var(--yellow), var(--pink));
        filter: blur(25px);
    }
    
    .account-5-image img {
        width: 100%;
        max-width: 100px;
    }
    
    .account-5-image {
        margin-bottom: 25px;
    }
    
    #pagewrap .account-5-text-1 h2 {
        font-size: 40px;
        max-width: 75%;
        font-weight: 600;
        font-family: var(--body) !important;
    }
    
    #pagewrap .account-5-text-1 ul,
    #pagewrap .account-5-text-2 ul{
        list-style-type: none;
        padding-left: 0;
        margin-left: 0px;
    }
    
    #pagewrap .account-5-text-1 li strong,
    #pagewrap .account-5-text-2 li strong {
        font-size: 21px;
        font-weight: bold;
    }
    
    #pagewrap .account-5-text-1 li {
        background-image: url('/wp-content/uploads/2024/02/Asset-2-8.svg');
    }
    
    #pagewrap .account-5-text-2 li {
        background-image: url('/wp-content/uploads/2024/02/Asset-1-1-1.png');
        color: white;
    }
    
    #pagewrap .account-5-text-2 h2 {
        font-size: 40px;
        font-weight: 600;
        font-family: var(--body) !important;
        color: white;
    }
    
    #pagewrap .account-5-text-1 li ,#pagewrap .account-5-text-2 li {
        background-size: 30px;
        background-repeat: no-repeat;
        background-position: 0 0%;
        padding-left: 40px;
        font-size: 18px;
        font-weight: 300;
    }
    
    /* Account 6 */
    
    .account-6 {
        padding: 100px 10%;
        overflow: hidden;
    }
    
    #pagewrap .account-6-image-1 {
        width: 100%;
        max-width: 50px;
        margin: auto auto 25px;
    }
    
    
    #pagewrap .account-6-image-2 {
        position: absolute;
        top: 100px;
        width: 250px;
        height: 250px;
        left: -13%;
    }
    
    #pagewrap .account-6-image-3 {
        position: absolute;
        top: -50px;
        left: 0px;
        width: 150px;
        height: 150px;
    }
    
    #pagewrap .account-6-image-4{
        position: absolute;
        top: -75px;
        right: 25%;
        width: 100px;
        height: 100px;
    }
    
    #pagewrap .account-6-image-5 {
        position: absolute;
        top: 0px;
        right: -17%;
        width: 300px;
        height: 300px;
    }
    
    #pagewrap .account-6-image-6 {
        position: absolute;
        top: 200px;
        right: -10%;
        width: 225px;
        height: 225px;
    }
    
    #pagewrap .account-6-text h2 {
        color: white;
        font-size: 50px;
        text-align: center;
        max-width: 55%;
        margin: auto;
        line-height: 1;
        font-weight: 600;
        font-family: var(--body) !important;
    }
    
    
    #pagewrap .account-6-text p {
        color: white;
        font-size: 18px;
        text-align: center;
        max-width: 55%;
        margin: 25px auto;
        line-height: 1.5;
    }
    
    /* About 1 */
    
    .about-1 {
        padding: 30% 2.5% 50px;
    }
    
    .about-1-text h2 {
        max-width: 35%;
        font-size: 60px;
        color: white;
        font-weight: 700;
        margin-bottom: 15px;
    }
    
    /* About 2 */
    
    #pagewrap .about-2 h2 {
        font-family: var(--title) !important;
        max-width: 65%;
        font-size: 55px;
        line-height: 1.5;
        font-weight: 600;
    }
    
    #pagewrap .about-2 {
        padding-bottom: 750px;
    }
    
    /* About 3 */
    
    
    .tb_video_overlay img {
        height: 100%;
        border-radius: 25px;
    }
    
    
    .about-3 {
        padding: 50px 10%;
        margin-top: -650px;
        position: relative;
    }
    
    .about-3:before {
        content: '';
        position: absolute;
        bottom: 0px;
        width: 100%;
        height: 100%;
        left: 0px;
        background: rgb(255,255,255);
        background: linear-gradient(0deg, rgba(255,255,255,1) 40%, rgba(255,255,255,0) 100%);
        z-index: 2;
    }
    
    .about-3-video video{
        z-index:4;
        border-radius: 25px;
    
    }
    
    .about-3 .first {
        border: 5px solid white;
        border-radius: 25px;
    }
    
    
    
    
    /* About 4 */
    
    .about-4 {
        padding: 100px 10%;
        overflow: hidden;
    }
    
    .about-4:before {
        content: '';
        position: absolute;
        bottom: -40%;
        left: 7.5%;
        height: 500px;
        width: 500px;
        background-image: url('/wp-content/uploads/2024/02/Asset-1-3.png');
        background-size: contain;
        animation: rotate 120s linear infinite;
        background-repeat: no-repeat;
    }
    
    .about-4-title h2 {
        font-size: 35px;
        max-width: 50%;
        font-weight: 700;
        color: white;
    }
    
    #pagewrap .about-4-text p {
        display: flex;
        justify-content: space-between;
        border-bottom: 2px solid white;
        padding: 25px 0px;
        margin-bottom: 0px;
        font-size: 21px;
        color: white;
        font-weight: 600;
        position: relative;
    }
    
    #pagewrap .about-4-text p::after {
        content: '';
        width: 200px;
        height: 2px;
        position: absolute;
        bottom: -2px;
        right: -200px;
        background: white;
    }
    
    #pagewrap .about-4-text em {
        font-style: normal;
        font-weight: 300;
    }
    
    #pagewrap .about-4-text strong {
        font-weight: 600;
    }
    
    .about-4 .main-button a {
        padding: 25px 50px;
    }
    
    
    /* About 5 */
    
    .about-5 {
        padding: 100px 10%;
    }
    
    .about-5-title h2 {
        font-size: 35px;
        max-width: 50%;
        font-weight: 700;
        color: var(--black);
    }
    
    #pagewrap .about-5-text p {
        font-size: 18px;
        line-height: 2;
    }
    
    
    /* Branch 1 */
    
    .branch-1 {
        padding: 50px 0px;
    }
    
    .branch-1 .row_inner {
        margin-right: 5%;
    }
    
    #pagewrap .branch-1 .module_column.last .module_subrow h3 {
        font-family: var(--body)!important;
        font-weight: 600;
        font-size: 40px;
    }
    
    #pagewrap .branch-1 .small-title p {
        margin-bottom: 0;
    }
    
    
    .branch-1-video {
        transform: translateX(-40%);
    }
    
    
    #pagewrap .branch-1-button {
        position: absolute;
        top: 0;
        left: 44%;
        height: 100%;
    }
    
    #pagewrap .branch-1-button .branch-1-button-single {
        line-height: normal;
        border-radius: 12px;
        position: relative;
        background: white;
        color: var(--black);
        border: solid 2px var(--black);
        font-weight: 600;
        font-size: 20px;
        padding: 8px 12px;
        width: fit-content;
        transition: all ease 0.5s;
    }
    
    #pagewrap .branch-1-button .tb-column-inner {
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
    }
    
    #pagewrap .branch-1-button .subrow_inner {
        display: flex;
        height: 100%;
    }
    
    #pagewrap .branch-1-button .module_column {
        height: 100%;
        display: flex;
        flex-direction: column;
        display: flex;
    }
    
    #pagewrap .branch-1-button .branch-1-button-single:nth-child(2), #pagewrap .branch-1-button .branch-1-button-single:nth-child(3) {
        left: 56%;
    }
    
    .branch-1 .module_column.last .module_subrow {
        display: none;
    }
    
    .branch-1 .module_column.last .module_subrow.show-content {
        display: block;
    }
    
    #pagewrap .branch-1-button .branch-1-button-single.branch-btn-active {
        border-color: white;
        background: var(--pink);
        color: white;
        transition: all ease 0.5s;
    }
    
    .branch-1-text p {
        font-size: 18px;
        line-height: 1.5;
        color: var(--black);
    }
    
    
    
    /* Resp */
    
    
    /* Keyframes */
    
    
    @-webkit-keyframes pulsate {
        0% {-webkit-transform: scale(0.1, 0.1); opacity: 0.0;}
        50% {opacity: 1.0;}
        100% {-webkit-transform: scale(1.1, 1.1); opacity: 0.0;}
    } 
    
    
    /* Animations */
    
     .pre-transform {
         -webkit-transform: translateY(50px);
             -ms-transform: translateY(50px);
                 transform: translateY(50px);
         -webkit-transition: 0.8s ease;
         -o-transition: 0.8s ease;
         transition: 0.8s ease;
         opacity: 0;
     }
     
     .right-transform {
         -webkit-transform: translateX(50px);
             -ms-transform: translateX(50px);
                 transform: translateX(50px);
         -webkit-transition: 0.8s ease;
         -o-transition: 0.8s ease;
         transition: 0.8s ease;
         opacity: 0;
     }
     
     .left-transform {
         -webkit-transform: translateX(-50px);
             -ms-transform: translateX(-50px);
                 transform: translateX(-50px);
         -webkit-transition: 0.8s ease;
         -o-transition: 0.8s ease;
         transition: 0.8s ease;
         opacity: 0;
     }
     
     .down-transform {
         -webkit-transform: translateY(-50px);
             -ms-transform: translateY(-50px);
                 transform: translateY(-50px);
         -webkit-transition: 0.8s ease;
         -o-transition: 0.8s ease;
         transition: 0.8s ease;
         opacity: 0;
     }
     
    .load-animation.pre-transform,
    .load-animation.left-transform,
    .load-animation.right-transform,
    .load-animation.down-transform{
        transform: unset;
        opacity: 1;
    }
    
    
    
    #pagewrap .home-banner-title span {
        font-family: var(--title) !important;
        opacity: 0;
        display: inline-block;
    }
    
    .home-banner-text2 em {
        font-style: initial !important;
    }
    
    .appearText {
        animation: appearText .5s forwards;
    }
    
    @keyframes appearText {
        from {
          opacity: 1;
          transform: scale(2);
        }
        
        to {
          opacity: 1;
          transform: scale(1);
        }
    }
    
    @keyframes pulsatetext {
        0% {
            color: white;
            text-shadow: 0 0 10px transparent; 
        }
        50% {
            color: var(--pink);
            text-shadow: 0 0 5px var(--pink);
        }
        100% {
            color: white;
            text-shadow: 0 0 0px var(--white);
        }
    }
    
    
    #pagewrap .delay1 {
        transition-delay: .25s;
    }
    
    #pagewrap .delay2 {
        transition-delay: .5s;
    }
    
    #pagewrap .delay3 {
        transition-delay: .75s;
    }
    
    #pagewrap .delay4 {
        transition-delay: 1s;
    }
    
    #pagewrap .delay5 {
        transition-delay: 1.25s;
    }
    
    #pagewrap .delay6 {
        transition-delay: 1.5s;
    }
    
    #pagewrap .delay7 {
        transition-delay: 1.75s;
    }
    
    #pagewrap .delay8 {
        transition-delay: 2s;
    }
    
    #pagewrap .delay9 {
        transition-delay: 2.25s;
    }
    
    
    /* end of animation */
    
    
    /* Resp */
    
    
    @media (max-width: 1900px) {
        #footerwrap .footer-text h2:before {
            right: 10%;
        }
    }
    
    @media (max-width: 1750px) {
        .work-video-text p {
            max-width: 70%;
        }
        
        .image-slider-cta .module-text p strong {
            font-size: 35px;
        }
        .case-study-archive-1 {
            padding: 50px 5%;
        }
        .feat-case-study-stat p {
            font-size: 21px;
        }
        #pagewrap .main-button a {
            padding: 15px 30px;
        }
    }
    
    
    @media (max-width: 1600px) {
        .image-slider-cta .module-text p strong {
            font-size: 30px;
        }
        #footerwrap .footer-text h2:before {
            right: 5%;
        }
        .top-banner-title h2 {
            font-size: 60px;
            max-width: 80%;
        }
        .application-1 .row_inner .last {
            padding: 50px;
        }
    
        #pagewrap .account-4 .growth-2-title h2 {
            max-width: 75%;
        }
        
        #pagewrap .account-4 .growth-2-title p {
            max-width: 75%;
        }
    
        
        .growth-3 .row_inner {
            padding: 10%;
        }
        .about-1-text h2 {
            max-width: 50%;
        }
    
        
        #pagewrap .about-2 h2 {
            font-size: 40px;
        }
        .about-5-title h2 {
            max-width: 75%;
        }
        
        .about-4-title h2 {
            max-width: 75%;
        }
        
        .blog-single-3-left {
            flex-basis: calc(70% - 25px);
        }
        
        .blog-single-3-right {
            flex-basis: calc(30% - 25px);
        }
        
        .newsletter-text h2 {
            font-size: 40px;
        }
        
    }
    
    
    @media (max-width: 1500px) {
    
        #footerwrap .footer-text h2:before {
            right: 0%;
        }
        .image-slider-cta .module-text p strong {
            font-size: 25px;
        }
        .feat-case-study-stat p {
            font-size: 18px;
        }
        #pagewrap .case-study-single-right a {
            padding: 10px 25px;
        }
        .application-1-form .frm_html_container h2 {
            font-size: 40px;
        }
         #footerwrap .footer-text h2 {
            font-size: 75px;
        }
        
        #footerwrap .footer-text h2 strong {
            font-size: 100px;
        }
    }
    
    @media (max-width: 1280px) {
        
    
        .fixed-nav {
            display: none;
        }
        
        .home-banner-title h1 {
            font-size: 100px;
        }
     
        
        .branches-1 {
            padding: 50px 5%;
        }
        .home-2 .last .tb-column-inner {
            padding: 50px 5%;
        }
        
        
        .home-2 .row_inner .first {
            flex: 100%;
            padding: 25%;
            background-position: center;
        }
    
        .home-2 .row_inner .last {
            flex-basis: 100%;
        }
        
        .home-2 .small-title {
            padding-top: 0px;
        }
            #pagewrap .main-button a {
            padding: 15px 25px;
        }
    
        .home-4 .row_inner {
            display: flex;
            flex-direction: column;
        }
    
        .home-4 .first {
            padding: 0px;
        }
    
        .home-4 .last {
            padding: 25%;
        }
    
        .home-4 {
            padding: 50px 5%
        }
    
        .work-video-text p {
            max-width: 100%;
            font-size: 30px;
        }
        
        .work-video-text p strong {
            font-size: 60px;
        }
    
        .branch-tile {
            flex-basis: calc(50% - 25px);
        }
    
        .branch-tiles .tb-column-inner {
            flex-wrap: wrap;
        }
    
        #footerwrap .footer-text h2:before,
        .footer .row_inner:before {
            content: unset;
        }
    
        #footerwrap .footer-text h2 {
            font-size: 50px;
        }
        
        #footerwrap .footer-text h2 strong {
            font-size: 75px;
        }
    
        .footer-row-1 .tb-column-inner {
            flex-wrap: wrap;
        }
        
    
        .footer-legals {
            flex-basis: 100% !important;
            justify-content: center;
        }
    
        .footer-icons {
            flex-basis: 100% !important;
            order: 3;
            justify-content: center;
        }
    
        .footer-contact {
            flex-basis: 100% !important;
            order: 2;
            justify-content: center;
            margin: 25px 0px;
        }
    
        #footerwrap .footer-rotated-text {
            left: -10px;
            bottom: 0px;
        }
        
        #pagewrap .branches-1-title h2 {
            font-size: 40px;
        }
        
        .home-2-text h2 {
            font-size: 40px;
        }
        .footer:before {
            content: unset;
        }
        
        .footer:after {
            content: unset;
        }
    }
    
    @media (max-width: 1000px) {
        
        .home-banner-title h1 {
            font-size: 75px;
        }
        
        .home-banner-text {
            max-width: 100%;
            padding-top: 100px;
        }
    
        .image-slider-cta .module-text p {
            font-size: 25px;
        }
    
        #footerwrap .footer-text h2 strong {
            font-size: 50px;
        }
        
        #footerwrap .footer-text h2 {
            font-size: 30px;
        }
        
        #footerwrap .footer-text p {letter-spacing: 1px;max-width: 95%;margin: auto;}
        
        #footerwrap .footer-rotated-text {
            position: relative;
            transform: unset;
            rotate: unset;
            margin-top: 15px;
        }
        
        #footerwrap .footer-rotated-text .tb_text_wrap {
            writing-mode: unset;
            transform: unset;
            text-align: center;
        }
    }
    
    @media (max-width: 800px) {
    
        .themify_builder_content-518 .tb_ktef171.module_row>.row_inner {
            gap: 40px;
            padding: 0 25px;
    
        }
    
        .module-image.image-full-overlay:not(.auto_fullwidth) {
            width: 100%;
        }
    
        .module.image-full-overlay .image-wrap img {
            width: 100%;
        height: 100px;
        object-fit: contain;
        }
        
    .home-4 .last {
        padding: 50%;
    }
    
    .home-2 .row_inner .first {
        padding: unset;
    }
    
    #footerwrap .footer-logo {
        margin-bottom: 25px;
    }
    
    .branch-tile {
        flex-basis: 100%;
        margin: 0px 0px 25px;
    }
    
    .home-2-text h2 {
        font-size: 30px;
    }
    
    .home-banner-title h1 {
        font-size: 50px;
    }
    
    .home-banner-title p {
        font-size: 21px;
    }
    
    .home-banner-text .tb_text_wrap p {
        font-size: 18px;
    }
    
    .home-banner-text .tb_text_wrap p strong {
        font-size: 15px;
    }
        
    
    .dual-purple-button .module-buttons-item+.module-buttons-item {
        margin-top: 25px;
    }
    }
    
    @media (max-width: 500px) {
        
        .home-4 h2 {
            font-size: 30px;
        }
        
        .work-video-text p strong {
            font-size: 30px;
        }
        
        .work-video-text p {
            font-size: 21px;
        }
        
        .branches-1-title h2 strong {
            font-size: 30px;
        }
        
        #pagewrap .branches-1-title h2 {
            font-size: 30px;
        }
        
        #footerwrap .footer-text h2 strong {
            font-size: 30px;
        }
        
        ul#menu-legals {
            display: flex;
            flex-direction: column;
            text-align: center;
        }
        
        .footer-contact {
            flex-direction: column;
            text-align: center;
        }
        
        #pagewrap .footer-contact span span {
            padding: 0px;
        }
        
        .home-banner-text .tb_text_wrap {
            display: flex;
           justify-content: space-between;
            flex-direction: row;
        }
        
        .home-banner-text .tb_text_wrap p {
            padding: 0px;
        }
        
        .home-banner-text .tb_text_wrap p:first-child:after {
            content: unset;
        }
        
        
        #pagewrap .small-title p {
            font-size: 15px;
            letter-spacing: 1px;
        }
        
        .home-banner-title h1 {
            font-size: 40px;
        }
        
        .home-4 h2 {
            font-size: 21px;
        }
        
        .home-4-text p {
            font-size: 18px;
        }
        
        .home-2-text h2 {
            font-size: 21px;
        }
        
        .home-2-text p {
            font-size: 18px;
        }
    }
    
    
    @media (max-width: 1280px) {
        .top-banner-title h2 {
            font-size: 30px;
            max-width: 100%;
        }
        
        .top-banner .first {
            padding: 100px 5%;
        }
        .career-1-title h2 {
        font-size: 25px;
        }
        .floating-icon2 .row_inner:before {
        content: unset;
    }
        .growth-1.extra-padding {
        padding: 50px 5%;
    }
    
        .career-1-form {
            flex-basis: 100%;
        }
        
        .top-banner .last {
            padding: 20%;
            background-attachment: unset !important;
            background-position-y: bottom !important;
        }
        
        .top-banner-title p {
            max-width: 95%;
        }
    
        .branch-1 .row_inner {
            display: flex;
            flex-direction: column;
        }
        
        .branch-1 .last {
            padding: 50px 5%;
        }
        
        .account-1 .row_inner .first {
            flex-basis: 100%;
            margin-bottom: 25px;
        }
        
        .account-1 .row_inner .last {
            flex-basis: 100%;
        }
        
        .account-1 .row_inner .last .tb-column-inner {
            position: relative;
            top: 0px;
        }
         .growth-2 {
            padding: 50px 5%;
        }
        
        .account-1 {
            padding: 50px 5%;
        }
        .growth-2-row1 .module_column, .growth-2-row2 .module_column {
            flex-basis: calc(50% - 15px);
            margin-bottom: 15px;
        }
    
        
    .account-2 .growth-2-row1:before {
        content: unset;
    }
    
    .account-5-left {
        flex-basis: 100%;
        margin-bottom: 25px;
    }
    
    .account-5-right {
        flex-basis: 100%;
    }
    
    .account-5 .subrow_inner {
        flex-wrap: wrap;
    }
    
        
    
    
    .account-5-left .tb-column-inner {
        padding: 25px;
        top: 0px;
        margin-bottom: 100px;
        position: relative;
    }
        #pagewrap .account-5-text-1 h2 {
        max-width: 100%;
    }
    
    .account-5-right .tb-column-inner {
        padding: 25px;
    }
    
    #pagewrap .account-6-image-2,#pagewrap .account-6-image-3,#pagewrap .account-6-image-4,#pagewrap .account-6-image-5,#pagewrap .account-6-image-6 {
        display: none;
    }
    
    #pagewrap .account-6-text h2 {
        font-size: 40px;
        max-width: 100%;
    }
    
    .account-6 {
        padding: 50px 5%;
    }
        .growth-1 .first {
        flex-basis: 100%;
        padding: 0px;
        margin-bottom: 25px;
    }
    
    .growth-1 .last {
        padding: 50%;
    }
    
    .growth-3-text h2 {
        font-size: 30px;
    }
    
    .growth-3 .row_inner {
        padding: 5%;
    }
    
    .growth-3 .row_inner:before {
        content: unset;
    }
    }
    
    @media (max-width: 800px) {
        .top-banner-title h2 {
            font-size: 25px;
        }
    }
    
    @media (max-width: 500px) {
        .growth-2-row1 .module_column, .growth-2-row2 .module_column {
            flex-basis: 100%;
            margin-bottom: 15px;
        }
    }
    
    @media (max-width: 1280px) {
        .about-3 {
            margin-top: 0px;
        }
    
        .about-1-text h2 {
            max-width: 100%;
            font-size: 40px;
        }
    
        #pagewrap .account-6-text p {
            max-width: 90%;
        }
    
        #pagewrap .about-2 {
            padding-bottom: 50px;
        }
    
        .about-3 {
            padding: 50px 5%;
        }
    
        .growth-1 {
            padding: 50px 5%;
        }
    
        #pagewrap .growth-1-reverse .first  {
            padding: 50%;
        }
    
        #pagewrap .growth-1-reverse .last {
            flex-basis: 100%;
            padding: 0px;
        }
    
        .about-4 .row_inner,
        .about-5 .row_inner{
            display: flex;
            flex-wrap: wrap;
        }
        .about-4 .row_inner .first,
        .about-5 .row_inner .first,
        .about-4 .row_inner .last,
        .about-5 .row_inner .last{
            flex-basis: 100%;
            margin-bottom: 25px;
        }
        .about-4 {
            padding: 50px 5%;
        }
    }
    @media (max-width: 500px) {
        #pagewrap .account-6-text h2 {
            font-size: 25px;
        }
        .slide-menu .module-menu ul li a {
            font-size: 15px;
        }
    
        .top-banner-title h2 {
            font-size: 21px;
        }
        .growth-1-text h2 {
            font-size: 25px;
        }
    
        .growth-3-text h2 {
            font-size: 25px;
        }
        .about-1-text h2 {
            font-size: 25px;
        }
    
        .about-1 {
            padding: 150px 5% 25px;
        }
        #pagewrap .account-6-text h2 {
        font-size: 25px;
    }
        
        .branch-1-video {
        display: block;
        transform: unset;
        margin-top: 0%;
        padding: 5% 15%;
        z-index: -1;
    }
        #pagewrap .branch-1-button {
            position: relative;
            left: 0px;
            padding: 25px 5%;
        }
        .branch-1 .row_inner {
            margin: 0px
        }
    
        #pagewrap .branch-1-button .tb-column-inner {
            flex-direction: unset;
            flex-wrap: wrap;
            justify-content: space-evenly;
        }
        
        #pagewrap .branch-1-button .branch-1-button-single:nth-child(2), #pagewrap .branch-1-button .branch-1-button-single:nth-child(3) {
            left: unset;
        }
        
        #pagewrap .branch-1-button .branch-1-button-single {
            margin-bottom: 15px;
        }
    
    
    #pagewrap .branch-1-button .tb-column-inner {
        height: auto;
    }
    
    
    .branch-1-button-single {
        margin: 0px 5px;
    }
    
    #pagewrap .branch-1-button .module_column {
        width: 100%;
    }
        
    
    .about-1-text h2 {
        font-size: 25px;
    }
    
    .about-1 {
        padding: 150px 5% 25px;
    }
    
    .about-4-title h2 {
        font-size: 21px;
    }
        #pagewrap .about-4-text p {
        display: flex;
        flex-direction: column;
    }
        
    }
    
    @media (max-width: 1000px) {
        #pagewrap .category-list a {
            flex-basis: 50% !important;
            margin-bottom: 25px;
        }
        
        .category-list {
            flex-wrap: wrap;
        }
    
        .blog-archive-cat .cat-results a.blog-archive-single {
            flex-basis: calc(50% - 25px);
        }
    }
    
    
    @media (max-width: 800px) {
        #pagewrap .category-list a {
            flex-basis: 100% !important;
        }
    
        .blog-archive-cat .cat-results a.blog-archive-single {
            flex-basis: 100%;
        }
        .blog-archive-cat .cat-title {
            flex-direction: column;
            align-items: flex-start;
        }
    }
    
    
    @media (max-width: 1280px) {
        
        h2.blog-single-1-title {
            max-width: 100%;
            font-size: 30px;
        }
        
        
        .blog-single-2 {
            padding: 25%;
        }
        
        .blog-single-3-left {
            flex-basis: 100%;
            margin-bottom: 25px;
        }
        
        .blog-single-3-right {
            flex-basis: 100%;
        }
        
        .newsletter-1 .row_inner .first {
            flex-basis: 100%;
            padding: 25px;
        }
        
        .newsletter-1 .row_inner .last {
            display: none;
        }
        
        .newsletter-text h2 {
            font-size: 25px;
            margin-bottom: 0px;
        }
        
        .newsletter-1 .with_frm_style input[type=email] {
            padding: 15px;
        }
        
        .newsletter-1 button.frm_button_submit.frm_final_submit {
            padding: 15px !important;
            margin-top: 15px !important;
        }
        
        .faq-1 .row_inner .last,
        .faq-1 .row_inner>.first{
            padding: 25px;
        }
        
        #pagewrap .blog-single-5 a.blog-archive-single {
            flex-basis: 100%;
            margin-bottom: 25px;
        }
        
        #pagewrap a.related-see-all {
            flex-basis: 100%;
        }
    }
    
    @media (max-width: 1700px) {
        #pagewrap .case-study-single-right h2 {
            font-size: 50px;
        }
    }
    
    
    @media (max-width: 1280px) {
        #pagewrap .case-study-single-right h2 {
            font-size: 30px;
        }
        
        .feat-case-study h2 {
            font-size: 30px;
        }
        
        .feat-case-study-left {
            flex-basis: 100%;
            margin-bottom: 50px;
        }
        
        .feat-case-study-right {
            flex-basis: 100%;
        }
        
        .feat-case-study-stats {
            display: flex;
            flex-direction: column;
            margin-top: 50px;
        }
        
        .feat-case-study-stat {
            margin-bottom: 25px;
        }
        
        #pagewrap a.feat-case-study-button.main-button.purple-button {
            padding: 15px  25px;
        }
        
        .feat-case-study {
            margin-bottom: 25px;
        }
        
        .case-study-single-left {
            flex-basis: 100%;
            width: 100%;
            height: 100%;
            min-height: 500px;
            padding: 0px;
            box-sizing: border-box;
            background-position: top;
        }
        
        .case-study-single-right {
            flex-basis: 100%;
            padding: 50px 0px;
        }
        
        .case-study-single {
            flex-direction: column;
            flex-basis: 100%;
            margin: 0px;
            max-width: 100%;
            margin-bottom: 50px;
        }
        
        .case-studies {
            flex-direction: column;
        }
        
        .pagination-container {
            flex-direction: column;
        }
        
        .case-study-single-1-left {
        flex-basis: 100%;
        min-height: 500px;
        background-position: 50% 15%;
    }
    
    .case-study-single-1 {
        flex-wrap: wrap;
        padding: 100px 5% 25px;
    }
    
    .case-study-single-1-right {
        flex-basis: 100%;
        padding: 25px 0px;
    }
    
    #pagewrap .case-study-single-1-right h2 {
        font-size: 50px;
    }
    
    .case-study-single-quote {
        padding: 25px;
    }
    
    .case-study-single-quote h2 {
        font-size: 18px;
    }
        
    }
    
    @media (max-width: 1280px) {
        .faq-1 .row_inner .last, .faq-1 .row_inner>.first {
            flex-basis: 100%;
        }
        
        .faq-1 .faq-single-title {
            flex-direction: column;
            justify-content: center;
            align-items: center;
        }
        
        .faq-1 .faq-single {
            padding: 15px;
        }
        
        #pagewrap .faq-1 .faq-single-title h2 {
            font-size: 21px;
            text-align: center;
            margin: 0px;
        }
        
        .faq-1 .faq-single-content {
            margin-left: 0px;
        }
        #pagewrap .faq-1 .subrow_inner>div {
            flex-basis: 100%;
            padding: 25px;
            margin-bottom: 25px;
        }
    }
    
    @media (max-width: 1280px) {
        .application-1 .row_inner .last {
            flex-basis: 100%;
        }
        
        .home-2 .row_inner {
            flex-flow: column-reverse;
        }
        
        .application-1 .row_inner .first {
            display: none;
        }
        .application-1 .row_inner {
            flex-wrap: wrap;
        }
        
        .application-1 .frm_form_field .frm_checkbox.frm_image_option, .application-1 .frm_form_field .frm_checkbox.frm_image_option + .frm_checkbox, .application-1 .frm_form_field .frm_radio.frm_image_option, .application-1 .frm_form_field .frm_radio.frm_image_option + .frm_radio ,
        div#frm_field_71_container .frm_opt_container .frm_checkbox,
        .application-1 div#frm_field_40_container .frm_opt_container>div,
        .application-1 div#frm_field_51_container .frm_opt_container>div {
            flex-basis: calc(50% - 15px);
            margin-bottom: 15px;
        }
        
        .application-1 div#frm_field_40_container .frm_opt_container, .application-1 div#frm_field_41_container .frm_opt_container, .application-1 div#frm_field_42_container .frm_opt_container, .application-1 div#frm_field_51_container .frm_opt_container, .application-1 div#frm_field_55_container .frm_opt_container {
            flex-wrap: wrap;
        }
        
        .application-1 div#frm_field_51_container .frm_opt_container>div {}
        
        .application-1-form .frm_html_container h2 {
            font-size: 25px;
        }
        
        .application-1-form .frm_html_container img {
            margin-bottom: 50px;
        }
        
        .application-1-form .frm_html_container {
            margin-bottom: 50px !important;
        }
        
        .application-1 .row_inner .last {
            padding: 100px 5%;
        }
        .footer .row_inner:after {
            top: unset;
            bottom: -15%;
            right: 50%;
        }
    
        .footer {
            overflow: hidden;
        }
    }
    
    @media (max-width: 500px) {
        .application-1 .frm_form_field .frm_checkbox.frm_image_option, .application-1 .frm_form_field .frm_checkbox.frm_image_option + .frm_checkbox, .application-1 .frm_form_field .frm_radio.frm_image_option, .application-1 .frm_form_field .frm_radio.frm_image_option + .frm_radio ,
        div#frm_field_71_container .frm_opt_container .frm_checkbox,
        .application-1 div#frm_field_40_container .frm_opt_container>div,
        .application-1 div#frm_field_51_container .frm_opt_container>div {
            flex-basis:100%;
            margin-bottom: 15px;
        }
        .home-banner-text2 p {
            font-size: 25px;
        }
        
        #pagewrap .growth-2-text h3 {
        max-width: 100%;
    }
    
    #pagewrap .account-4 .growth-2-title h2 {
        max-width: 100%;
        font-size: 25px;
    }
    
    .account-5-title h2 {
        font-size: 25px;
    }
    
    #pagewrap .account-5-text-1 h2 {
        font-size: 25px;
    }
    
    #pagewrap .account-5-text-2 h2 {
        font-size: 25px;
    }
        
    
    }
    
    
    @media (max-width: 500px) {
        #pagewrap .home-banner {
            background-position-y: unset !important;
            background-attachment: unset;
            background-position: 75% 50%;
            padding: 5%;
            height: 80vh;
        }
        
        .home-banner-title {
            padding: 0px;
            margin-bottom: 50px;
        }
    }
    
    
    /* Legals */
    
    
    .legal-content {
        padding: 50px 5%;
    }
    
    .legal-content p ,
    .legal-content li{
        font-size: 18px;
        line-height: 1.5;
        margin-bottom: 15px;
        font-family: var(--body);
        color: var(--black);
    }
    
    /* Header */
    
    .header {
        padding: 15px 2.5%;
        position: fixed;
        top: 0px;
        background: transparent;
        transition: .2s ease;
    }
    
    .fixed-header-on .header {
        background: white;
        transition: .2s ease;
        box-shadow: 0px 0px 10px 0px var(--pink);
    }
    
    .header-logo img {
        max-width: 100px;
        width: 100%;
    }
    
    .header-logo-1 {
        display: block;
    }
    
    .header-logo-2 {
        display: none;
    }
    
    .fixed-header-on .header-logo-1 {
        display: none;
    }
    
    .fixed-header-on .header-logo-2 {
        display: block;
    }
    
    .header .tb-column-inner {
        display: flex;
        align-items: center;
    }
    
    .header-nav {
        margin: 0px 25px;
    }
    
    .header-nav ul,.header-nav li {
        background-color: unset !important;
        box-shadow: unset !important;
        border-radius: 0px !important;
    }
    
    #pagewrap .header-nav li a {
        font-size: 15px;
        color: var(--white);
        font-family: var(--title) !important;
        text-transform: uppercase;
        font-weight: 500;
        padding: 5px;
        margin: 0px 10px;
    }
    
    .fixed-header-on #pagewrap .header-nav li a {
        color: var(--pink);
    }
    
    .fixed-header-on #pagewrap .nav-button a {
        border: 1px solid var(--pink);
        border-radius: 50px !important;
    }
    
    .fixed-header-on ul.sub-menu {
        background: white !important;
    }
    
    .fixed-header-on #pagewrap ul.sub-menu {
        background-color: white !important;
    }
    #pagewrap ul.sub-menu {
        background-color: var(--pink) !important;
        border-radius: 0px 0px 10px 10px !important;
    }
    
    #pagewrap .header-nav .nav-button a {
        padding: 5px 15px;
    }
    
    
    @media (max-width: 1280px) {
        .mobile-menu-burger {
            display: flex;
        }
        .header-nav {
            display: none;
        }
    }
    
    #pagewrap #full-screen-mobile-main-menu ul.sub-menu {
        display: none;
        background-color: var(--pink) !important;
    }
    
    
    #pagewrap .dropdown-link>a {
        display: flex;
        flex-direction: row-reverse;
    }
    
    #pagewrap .dropdown-link>a em {
        font-size: 13px;
        font-weight: bolder;
        margin-left: 5px;
    }
    
    #pagewrap .header-nav li a:hover {
        background: transparent;
    }
    
    #pagewrap .header-nav li a:before {
        content: '';
        position: absolute;
        bottom: 0px;
        left: 50%;
        width: 0%;
        height: 2px;
        transition: .2s ease;
        background: var(--white);
        transform: translateX(-50%);
    }
    
    #pagewrap .header-nav li a:hover:before {
        width: 90%;
        transition: .2s ease;
    }
    
    .fixed-header-on #pagewrap .header-nav li a:hover:before {
        background: var(--pink);
    }
    
    #pagewrap .header-nav .nav-button a:hover {
        background: var(--pink) !important;
        border-color: var(--pink);
        color: var(--white) !important;
    }
    
    .current-menu-item a {
        position: relative;
        background: transparent !important;
    }
    
    #pagewrap .header-nav .current-menu-item a:before {
         width: 90%;
    }
    
    .fixed-header-on .current-menu-item a:before {
        background: var(--pink) !important;
        width: 90%;
    }
    
    #pagewrap .header-nav .nav-button a:before {
        content: unset !important;
    }
    
    div#full-screen-mobile-main-menu  .nav-button a{
        border:unset;
    }
    
    .single-case_study #pagewrap .header-nav li a {
        color: var(--black) !important;
    }
    
    .single-case_study .header-logo img {
        filter: brightness(0);
    }
    
    .fixed-header-on.single-case_study #pagewrap .header-nav li a {
        color: var(--pink) !important;
    }
    .fixed-header-on.single-case_study #pagewrap .nav-button a:hover {
        color: white !important;
    }
    
    .fixed-header-on .header-logo img {
        filter: unset;
    }
    
    
    
    
    .line-star {
        margin: 100px 0px;
    }
    
    #pagewrap .line-star img {
        max-width: 50px;
        width: 30px;
        margin: auto;
        display: block;
    }
    
    .line-star .image-wrap:before {
        content: '';
        position: absolute;
        bottom: 50%;
        height: 2px;
        width: 0%;
        background: var(--black);
        left: 0px;
        transition: .5s ease;
    }
    
    .line-star .image-wrap:after {
        content: '';
        position: absolute;
        bottom: 50%;
        height: 2px;
        width: 0%;
        background: var(--black);
        right: 0px;
            transition: 1s ease;
    }
    
    
    .line-star.load-animation .image-wrap:before,
    .line-star.load-animation .image-wrap:after {
        width: 47.5%;
            transition: 1s ease;
    }
    
    @media (max-width: 500px) {
        .line-star.load-animation .image-wrap:before,
        .line-star.load-animation .image-wrap:after {
               width: 40%;
        }
        .line-star {
            margin: 25px 0px 100px;
        }
    
    }
    
    
    .page-id-550 .header-logo-1{
        display: none;
    }
    
    .page-id-550 .header-logo-2{
        display: block;
    }
    
    .page-id-550 #pagewrap .header-nav li a {
        color: var(--pink);
    }
    
    
    .page-id-550 #pagewrap .sub-menu a {
        color: white !important;
    }
    
    
    .page-id-550.fixed-header-on #pagewrap .sub-menu a {
        color: var(--pink) !important;
    }
    
    .page-id-550 .header {
        background: white;
    }
    
    /* 
    div#body {
        overflow: hidden !important;
    }
     */
    
    
    .opened-mm #full-screen-mobile-main-menu .row_inner {
        display: flex;
        flex-direction: column;
    }
    
    
    #pagewrap .floating-insta {
        position: absolute;
        bottom: 25px;
        right: 25px;
    }
    
    #pagewrap .floating-insta img {
        width: 100%;
        max-width: 30px;
    }
    
    @media (max-width: 768px) {
        #pagewrap .floating-insta  {
            display: none;
        }
    }
    
    .home-banner .row_inner,
    .home-banner .module_column,
    .home-banner .tb-column-inner {
            position: unset;
    }
    
    
    #pagewrap .home-banner-title span:nth-of-type(5) {
        margin-left: -20px;
    }
    
    
    @media (max-width: 1000px) {
        #pagewrap .home-banner-title span:nth-of-type(5) {
            margin-left: -10px;
        }
    
    }
    
    
    #pagewrap a.feat-case-study-button.main-button.purple-button:hover,
    #pagewrap .case-study-single-right a:hover{
        background-color: var(--purple);
        color: white;
    }
    
    
    .branch-1-button-single,.branch-tile {
        cursor: pointer;
    }
    
    .branch-btn-active {
        pointer-events: none;
    }
    
    
    @media (max-width: 500px) {
        .branch-tiles .delay1,
        .branch-tiles .delay2 ,
        .branch-tiles .delay3 ,
        .branch-tiles .delay4,
        .feat-case-study-stat,
        .case-study-single:nth-of-type(2n+2),
        .growth-2-row1 .delay1,
        .growth-2-row1 .delay2,
        .growth-2-row1 .delay3,
        .growth-2-row1 .delay4,
        .growth-2-row1 .delay5,
        .account-6 .delay1,
        .account-6 .delay2,
        .account-6 .delay3,
        .account-6 .delay4,
        .account-6 .delay5,
        .account-6 .delay6,
        .account-6 .delay7,
        .account-6 .delay8,
        .account-6 .delay9{
            transition-delay: unset !important;
        }
        .growth-2-row1 {
            margin-bottom: 50px;
        }
        .growth-3 {
            padding: 25px 5%;
        }
        #pagewrap .category-list {
            margin-top:25px;
        }
        #pagewrap .category-list a:nth-of-type(2n+2),
        #pagewrap .category-list a:nth-of-type(3n+3),
        #pagewrap .category-list a:nth-of-type(4n+4) ,
        #pagewrap .category-list a:nth-of-type(5n+5) {
            transition-delay: unset;
        }
        .blog-single-1 {
            padding: 75px 5% 50px;
        }
    }
    
    .single-case_study #open-mm span {
        background: black !important;
    }
    
    
    .single-case_study.fixed-header-on #open-mm span {
        background: var(--pink) !important;
    }
    
    
    #pagewrap .application-1 .frm_description a {
        display: block;
        font-size: 18px;
        color: var(--pink);
        font-weight: 400;
    }
    
    
    .application-1 div#frm_field_40_container .frm_opt_container>div:hover,
    div#frm_field_71_container .frm_opt_container .frm_checkbox:hover,
    .application-1 div#frm_field_51_container .frm_opt_container>div:hover,
    .application-1 div#frm_field_41_container .frm_opt_container>div:hover,
    .application-1 div#frm_field_42_container .frm_opt_container>div:hover,
    .application-1 div#frm_field_55_container .frm_opt_container>div:hover {
            border: 1px solid var(--pink);
                box-shadow: 0px 0px 0px 1px var(--pink);
    
    }
    
    
    
    @media (max-width: 500px) {
        .home-banner-text {
            margin-bottom: -50px;
            padding-top: 100px;
        }
        
        div#pagewrap {
            overflow-x: hidden !important;
        }
        .floating-icon1 .row_inner:before {
            content: unset;
        }
        .blog-archive-cat {
            margin-bottom: 0px;
        }
    
    }
    
    @media (max-width: 380px) {
        .home-banner-text {
            margin-bottom: 0px;
            padding-top: 100px;
        }
    }