/* Links */
a, button {
    transition: all 0.2s linear;
    text-decoration: none;
    cursor: pointer;
}

input:not(#top-search):not(#animated-input)  {
    border-radius: 4px!important;
}

/* Wrapper padding list  */

.wide-wrapper {
    width: 100%;
}

.template-wrapper-top {
    padding: 120px 120px;
    width: 100%;
    overflow: hidden;
    margin: 104px auto 0px;
}

.template-wrapper, .block-wrapper {
    padding: 96px 120px;
}

.the-content-wrapper {
        padding: 120px 120px 96px 120px;
}

.block-wrapper-top, .block-wrapper-top-56 {
    padding: 120px 120px 0px 120px;
}

.block-wrapper-bottom-large {
    padding: 0px 120px 120px 120px;
}

.block-wrapper-bottom {
    padding: 0px 120px 96px 120px;
}

.block-wrapper-sides {
    padding: 0px 120px;
}

.block-wrapper-header {
    padding: 160px 120px 0px;
}

.block-wrapper-header-large {
    padding: 160px 120px 120px;
}

.block-wrapper-large {
    padding: 120px;
}

.block-wrapper-80-120-120 {
    padding: 80px 120px 120px 120px;
}

.block-wrapper-72-120-0 {
    padding: 72px 120px 0px;
}

.block-wrapper-120-80-120 {
    padding: 120px 120px 80px 120px;
}    


.block-wrapper-96-56-56 {
    padding: 96px 120px;
}

.inner-col-padding {
    padding: 24px!important;
}

.max-1440 {
    max-width: 1440px;
 }  


.max-1200 {
    max-width: 1200px;
 }  

.max-900 {
    max-width: 900px;
 }  

 .max-860 {
    max-width: 860px;
 }   

 .max-800 {
    max-width: 800px;
 }  

  .max-820 {
    max-width: 820px;
 }  

 .max-780 {
    max-width: 780px;
 }

 .max-700 {
    max-width: 700px;
 }   

 .max-680 {
    max-width: 680px;
 }

  .max-625 {
    max-width: 625px;
 } 


 .max-600 {
    max-width: 600px;
 }  

 .max-550 {
    max-width: 550px;
 }  

 .max-215 {
    max-width: 215px;
 }  

.max-560 {
    max-width: 560px!important;
}

 .max-580-auto {
    max-width: 580px;
    margin: auto;
}

 .block-wrapper-bottom-large {
    padding: 0px 120px 120px;
}

.img-radius img, .border-16 {
    border-radius: 16px;
    overflow: hidden;
}

/* Borders */ 

.border-16 {
    border-radius: 16px;
}

.border-32 {
    border-radius: 32px;
}

/* Typical Margins */

.margin-auto {
    margin: auto;
}

.margin-0,
.margin-0 figure {
    margin: 0px!important;
}

.margin-0-16 {
    margin: 0px 0px 16px!important;
}

.margin-0-auto-16 {
    margin: 0px auto 16px!important;
}

.margin-16-0-8 {
    margin: 16px 0px 8px!important;
}

.margin-16-16 {
    margin: 16px 0px!important;
}

.margin-16-auto {
    margin: 16px auto!important;
}

.margin-top-16-to-12 {
    margin: 16px 0px!important;
}

.margin-18-0-18 {
    margin: 18px 0px;
}

.margin-0-auto-18 {
    margin: 0px auto 18px!important;
}

.margin-0-32 {
    margin: 0px 0px 32px!important;
}

.margin-16-32 {
    margin: 16px auto 32px!important;
}

.margin-16-40 {
    margin: 16px auto 40px!important;
}

.margin-24-0-24 {
    margin: 24px 0 24px;
}

.margin-24-0 {
    margin: 24px 0 0px;
}

.margin-24-8-left {
    margin: 24px 0 8px!important;
}

.margin-0-auto-24 {
    margin: 0px auto 24px;
}

.margin-40-0 {
    margin: 40px auto!important;
}


.margin-40-to-32 {
    margin: 40px auto 0px!important;
}

.margin-0-40 {
    margin: 0px auto 40px!important;
}

.margin-60-auto {
    margin: 60px auto!important;
}

.margin-0-64 {
    margin: 0px auto 64px!important;
}

.margin-64-auto-0 {
    margin: 64px auto 0px!important;
}

.margin-64-auto {
    margin: 64px auto!important;
}

     .margin-64-to-40 {
        margin: 0px auto 64px!important;
    }

.margin-0-64-nomobile {
    margin: 0px auto 64px!important;
}

.margin-80-auto-0 {
    margin: 80px 0px 0px!important;
}

.margin-top-80 {
    margin-top: 80px!important;
}


.margin-80-auto-0-to-64 {
    margin: 80px auto 0px!important;
}

.margin-80-to-64 {
    margin: 0px auto 80px!important;
}


.margin-80-auto-80 {
    margin: 80px auto 80px!important;
}


.margin-0-auto-80-to-40 {
    margin: 0px auto 80px!important;
}

.margin-0-auto-80 {
    margin: 0px auto 80px!important;
}

.margin-0-80 {
    margin: 0px 0px 80px!important;
}

.margin-0-80-64-40 {
    margin: 0px 0px 80px!important;
}

.margin-0-auto-120 {
     margin: 0px auto 120px!important;
}

.margin-104-0 {
    margin-top: 104px!important;
  }

.margin-120-0 {
     margin: 120px auto 0px!important;
}  

.margin-120-to-80 {
     margin: 120px auto 0px!important;
}  

.margin-0-0-120 {
    margin: 0px 0px 120px!important;
}

.margin-160 {
    margin: 160px 0px;
}



/* Sticky Scrollers */
  .pos-wrpr-left {
    flex: 1;
    height: fit-content;
    position: sticky;
    top: 160px;
  }
  
  .pos-wrpr-right {
    flex: 1;
    height: fit-content;
  }

  /* Borders */

  .border-8r {
    border-radius: 8px;
  }

  .border-16r {
    border-radius: 16px;
  }
  
/* Flex basis sizes */
.flex {
    display: flex;
}

.flex-col {
    display: flex;
    flex-direction: column;
}

.flex-center {
    display: flex;
    justify-content: center!important;
    align-items: center!important;
}

.flex-around {
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.flex-1 {
    flex-basis: 1;
}

.flex1 {
    flex: 1;
}

.flex-40 {
    flex-basis: 40%;
}

.flex-60 {
    flex-basis: 60%;
}

.flex-50 {
    flex-basis: 50%;
}

.flex-60px {
        flex-basis: 60px !important;
}

.flex-basis-50-80 {
    flex-basis: calc(50% - 80px);
}

.row-column-tablet {
        display: flex;
        flex-direction: row;
        margin: auto;
}

/* Flex gap */

.gap-0 {
    gap: 0px!important;
}

.gap-30 {
    gap: 30px!important;
}

.gap-40 {
    gap: 40px!important;
}

.gap-48-80 {
   gap: 48px 80px;
}

.gap-32-80 {
   gap: 32px 80px;
}

.block-wide-width {
    max-width: 1200px;
    margin: auto;
}

.block-max-width {
    max-width: 1440px;
    margin: auto;
}


.flex-cards-3-col-24 {
    gap: 24px;
    display: flex;
    justify-content: center;
    margin: 0px;
}

.flex-cards-3-col-24-ind {
    padding: 32px;
    border-radius: 16px;
    gap: 16px;
    display: flex;
    flex-direction: column;
    min-width: 357px;
    max-width: 33%;
    min-height: 258px;
}

.flex-cards-3-col-40 {
    gap: 40px;
    display: flex;
    justify-content: center;
    margin: 40px 0px;
}

.flex-cards-3-col-40-wrapper {
    margin: 80px 0px;
}

.flex-cards-3-col-80 {
    gap: 80px;    
}

.flex-cards-3-col-ind {
    background-color: #fff;
    padding: 40px;
    border-radius: 16px;
    gap: 16px;
    display: flex;
    flex-direction: column;
    min-width: 31%;
    max-width: 31%;
    min-height: 294px;

} 
.flex-no-wrap-center {
    flex-wrap: nowrap !important;
    align-items: flex-start !important;
    margin-top: 24px;
}

.flex-cards-3-col-nogap {
    background-color: #fff;
    padding: 40px;
    border-radius: 16px;
    gap: 0px;
    display: flex;
    flex-direction: column;
    min-width: 31%;
    max-width: 31%;
    min-height: 294px;

} 

.img-64 {
    margin: 64px 0px;
    max-height: 438px;
    overflow: hidden;
    border-radius: 16px;
}

.gap-8 {
    gap: 8px;
}

.flex-gap-24 {
    gap: 24px;
}

.flex-gap-24-32 {
    gap: 32px 24px!important;
}

.flex-gap-16 {
    gap: 16px;
}

.flex-gap-80 {
    gap: 80px;
}

.gap-32 {
    gap: 32px;
}

.gap-80 {
    gap: 80px;
}

.gap-80-32-mob-64-0 {
    row-gap: 80px; 
    column-gap: 32px;
}
/* Text Sizes */
.uppercase {
    text-transform: uppercase;
}

.italic {
font-style: italic;
}

.spacing-1 {
    letter-spacing: 1px;
}

.heading-60-69 {
    font-size: 60px;
    line-height: 69px;
}

.heading-50-58 {
    font-size: 50px!important;
    line-height: 58px!important;
}

.heading-50-40-40 {
    font-size: 50px!important;
    line-height: 58px!important;
}

.heading-36-45 {
    font-size: 36px;
    line-height: 45px;
}

.heading-36-45-tm {
    font-size: 36px;
    line-height: 45px;
}

.heading-32-40 {
    font-size: 32px;
    line-height: 40px;
}

.heading-24-30, 
.p-24-30 {
    font-size: 24px;
    line-height: 30px;
}

.heading-21-28, .p-21-28  {
    font-size: 21px!important;
    line-height: 28px!important;
}

.p-16-24 {
    font-size: 16px;
    line-height: 24px;
}


.p-18-27 {
    font-size: 18px;
    line-height: 27px;
}

.p-16, .p-14, .p-12 {
    font-weight: unset;
    font-family: 'FFMarkBook'; 
}

.p-16 {
    font-size: 16px;
    line-height: 24px;
}

.p-16-24 {
    font-size: 16px;
    line-height: 24px;
}

.p-16-14 {
    font-size: 16px;
    line-height: 24px;
}

.p-16-14-12 {
    font-size: 16px;
    line-height: 25px;
}

.p-14 {
    font-size: 14px;
    line-height: 18px;
}

.p-12 {
    font-size: 12px;
    line-height: 18px;
}

p.gradient-number {
    background: linear-gradient(116deg, #991BB0 43.67%, #F5F5F8 109.97%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.label-18 {
    font-family: "FFMarkHeavy";
    font-style: normal;
    font-weight: unset;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 18px;
    line-height: 24px; 
}

.label-18-fixed {
    font-size: 18px;
    line-height: 24px; 
}  

.label-16 {
    font-size: 16px;
    line-height: 21px; 
}

.label-14 {
    font-size: 14px;
    line-height: 19px; 
}

.label-12 {
    font-size: 12px;
    line-height: 12px; 
}

/* Label Colors */
.purple-label {
    color: #991BB0;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* Formatting */
.center {
    text-align: center;
    width: 100%;
    margin: auto;
    justify-content: center;
    align-items: center;
} 

.flex-center {
    justify-content: center;
    align-items: center;
    margin: auto;
}

.flex-col-center {
    display: flex;
    flex-direction: column;
    justify-content: center;
}    

.left {
    text-align: left!important;
    width: 100%;
} 

.right {
    text-align: right;
    width: 100%;
} 

.left-center {
    text-align: left;
    justify-content: flex-start;
}

.left-left-center {
    text-align: left;
    justify-content: flex-start;
}

.center-left {
    text-align: center;
    justify-content: center;
}

.bold {
        font-family: 'FFMarkBold'!important;
}

.heavy {
    font-family: 'FFMarkHeavy'!important;
}

.medium {
    font-family: 'FFMarkMedium'!important;
}

.book {
    font-family: 'FFMarkBook';
}

.intro-title-subtitle {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.intro-title-subtitle h1 {
    margin-bottom: 16px;
    font-weight: unset!important;
}

.underlined {
    text-decoration: underline;
}

/* Background */
.background-000 {
    background-color: #000;
}

.bg-midnight {
     background-color: rgba(27, 2, 48, 1);
}

.bg-plum-10 {
    background-color: rgba(187, 121, 212, .1);
}

/*  Colors */
.color-000 {
	color: #000!important;
}

.color-fff {
	color: #FFF;
}

.color-666 {
    color: #666;
}

.color-teal-400 {
    color:#00ABA5!important;
}

.color-bg-fff {
    background-color: #FFF;
}

.color-bg-light {
    background-color: #F5F5F8;
}

.color-bg-darker {
    background-color: rgba(10, 1, 37, 1);
}

.color-bg-midnight {
   background-color: #150056;
}

.color-bg-darkest-blur {
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.10) 0%, rgba(255, 255, 255, 0.10) 100%), rgba(0, 0, 0, 0.60);
    backdrop-filter: blur(50px);
}

.color-bg-black-alpha {
    background: rgba(0, 0, 0, 0.30);
}

.color-black-70 {
    color: rgba(0, 0, 0, 0.70);
}



/* Flex */
.flex-row-to-col {
    display: flex;
    position: relative;
}

    .flex-row-to-col-tablet, .flex-row-to-col-tablet-reverse {
        display: flex;
        flex-direction: row;
    }

              .flex-row-to-col-tablet-large {
                   display: flex;
                  flex-direction: row;
    }

.flex-col-spaced {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.flex-col {
   flex-direction: column;
}

/* Min-heights */
.min-height-760-400 {
    min-height: 760px;
}

.min-height-524 {
    min-height: 524px;
}

/* Title Spacing */

.spacing-18 {
    margin-bottom: 18px;
}

.spacing-16 {
    margin-bottom: 16px;
}

.spacing-32 {
    margin-bottom: 16px;
}

/* Padding */

.padding-24 {
    padding: 24px;;
}

.padding-32 {
    padding: 32px;
}

.padding-32-32-24 {
    padding: 32px;
}

.padding-40 {
    padding: 40px;
}

.padding-58 {
    padding: 58px;
}

.padding-58-32 {
    padding: 58px;
}
.padding-58-24 {
    padding: 58px;
}

.padding-64-auto {
    padding: 0px 0px 64px;
}

.padding-top-only {
    max-width: 1200px;
    margin: auto;
    padding: 96px 0px 0px;
}


.padding-0-0-120-to-56 {
    padding: 0px 0px 120px!important;
}

/* Primary Button */
.wp-block-button__link, .single-service-wrapper .btn-blue-square, .btn-blue-square, .events-button {
    padding: 16px 20px;
    color: #000;
    max-width: max-content !important;
    background-color: #5EE3B9;
    font-family: 'FFMarkBold' !important;
    min-width: fit-content;
    font-size: 16px;
    line-height: 16px;
    border-radius: 4px;
}

.btn-blue-square a {
    text-decoration: none;

}

.events-button {
    text-decoration: none;
    width: 100%;
    min-width: 100%;
    align-items: center;
    justify-content: center;
}

.wp-block-button__link:active, .single-service-wrapper .btn-blue-square:active, .events-button:hover  {
background-color: #4BB694;
}

input[type=submit] {
	-webkit-border-radius: 0;
	border-radius: 0px;
	cursor: pointer;
	background-color: #5EE3B9;
    color: #000;
    margin: 0px;
    border: 0px;
    border-radius: 4px;
    padding: 16px 20px;
    font-family: 'FFMarkBold';
}
input:focus {
	border: 1px solid #5EE3B9;
	outline: none;
}

.arrow-link-button::after, 
.arrow-link-button-light::after {
    content: '';
    display: inline-block;
    background-image: url('/wp-content/uploads/2024/11/right-arrow-icon.svg');
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
    width: 32px;
    height: 32px;
    margin-left: 16px;
    opacity: 1;
    transition: all 0.3s ease;
}

.arrow-link-button:hover::after, 
.arrow-link-button-light:hover::after {
    background-image: url('/wp-content/uploads/2024/11/right_arrow_icon_hover.svg');
    opacity: 1;
}

.arrow-link-button {
    background: rgba(255, 255, 255, 0.20);
}

.arrow-link-button-light {
    background: rgba(255, 255, 255, 0.75);
}

.arrow-link-button:hover {
    background: rgba(255, 255, 255, 0.25);
}

.arrow-link-button-light:hover {
    background: #FFF;
}

.arrow-link-button, .arrow-link-button-light {
    cursor: pointer;
    border-radius: 32px;
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    padding: 12px 12px 12px 20px;
    display: flex;
    align-items: center;
    margin: 16px 16px 0px 0px;
    position: relative;
    z-index: 5;
    font-size: 16px;
    width: fit-content;
}

.arrow-link-button button, .arrow-link-button-light button {
 font-family: 'FFMarkBook'!important;
}

.arrow-link-button button, .arrow-link-button-light button { 
font-size: 16px;
}

.homepage-featured-posts a:not(li a), .homepage-mediatext a {
    color: #38886F;
    font-size: 16px;
    line-height: 25px;
    text-decoration: underline;
    font-family: 'FFMarkBold';
}

.arrow-links a {
    color: #38886F;
    text-decoration: underline;
}

.arrow-links-pink::after {
    content: url('https://www.wurl.com/wp-content/uploads/2025/07/arrow-pink.svg')!important;
    padding-left: 8px;
}

.arrow-links-pink a {
    color: var(--Red-red-400, #C81446)!important;
    font-size: 16px;
    line-height: 24px;
    text-decoration: underline;
    font-family: 'FFMarkBold';
}

.arrow-links-light a {
    color: #ffffff;
    text-decoration: underline;
}

.arrow-links-dark a {
    color: #000000;
    text-decoration: underline;
}

.wide-cta .wp-block-button__link {
	color: #ffffff;
	max-width: max-content !important;
	background-color: #000;
	min-width: fit-content;
	font-family: 'FFFFMarkBold';
	min-width: max-content;
	display: block;
}


/* Image width */

.width-100 figure {
    width: 100%;
}

.width-100 figure img{
    width: 100%;
}


.footerbg-light .footer-light-bottom input[type=submit], .button-secondary-solid .wp-block-button__link, .button-secondary-solid {
    background: #000!important;
    color: #fff!important;
    width: fit-content;
    position: relative;
    border: 0px;
    line-height: 15px;
    height: 48px;
    border-radius: 4px;
}

.wide-cta .wp-block-button__link:hover, .footerbg-light .footer-light-bottom input[type=submit]:hover,  .button-secondary-solid .wp-block-button__link:hover  {
    background-color: #5EE3B9!important;
    color: #000!important;
}

.wide-cta .wp-block-button__link:hover, 
.footerbg-light 
.footer-light-bottom input[type=submit]:hover  {
    background-color: #5EE3B9!important;
    color: #000!important;
}

.button-secondary-solid svg path {
    transition: fill 0.3s ease;
  }
  
  .button-secondary-solid:hover svg path {
    fill: black;
  }

.button-secondary-solid:hover {
    background-color: #5EE3B9 !important;
    color: #000 !important;
    width: fit-content;
    border-radius: 4px;
} 

.btn-blue-square:hover, .wp-block-button__link:hover {
    background: #4BB694;
}

/* Ghost button */
.ghost-button  {
    color: #fff !important;
    max-width: max-content !important;
    background-color: transparent !important;
    font-family: 'FFMarkBold' !important;
    min-width: fit-content;
    border: 2px solid #fff;
    text-decoration: none;
    padding: 16px 12px;
    border-radius: 4px;
}


.solutions .solutions-cta .wp-block-button__link, .press .about-wurl .cta .wp-block-button__link, .products .branddiscovery-cta .wp-block-button__link  {
    color: #fff !important;
    max-width: max-content !important;
    background-color: transparent !important;
    font-family: 'FFMarkBold' !important;
    min-width: fit-content;
    border: 2px solid #fff;
    text-decoration: none;
}


.ghost-button:hover, .solutions .solutions-cta .wp-block-button__link:hover, .press .about-wurl .cta .wp-block-button__link:hover, .products .branddiscovery-cta .wp-block-button__link:hover {
    color: #000 !important;
    background-color: #fff !important;
}

/* Load more button */
.alm-load-more-btn {
    background-color: transparent !important;
    color: #000 !important;
    overflow: hidden !important;
    -webkit-transition: none !important;
    transition: none !important;
    outline: 0 !important;
    border: 2px solid #000 !important;
    width: fit-content !important;
    height: 48px !important;
    font-size: 16px !important;
    line-height: 15px !important;
    border-radius: 4px !important;
    padding: 16px 20px !important;
    font-family: 'FFMarkBold';
}

.button-gen-padding {
    padding: 16px 20px;
}

.alm-load-more-btn:hover, .alm-load-more-btn.done {
    color: #fff;
    background-color: #000;
}

/* Hubspot Button */
.contact-wurl input[type=submit] {
    -webkit-border-radius: 0;
    cursor: pointer;
    background-color: #5EE3B9;
    color: #000;
    margin: 0px;
    border: 0px;
    border-radius: 4px;
    padding: 16px 20px;
    height: 48px !important;
    line-height: 15px;
    width: 100%;
    margin-top: 24px;
    max-width: 100%;
}

.contact-wurl input[type=submit]:hover {
    background-color: #4BB694;
}

/* One trust */
.ot-sdk-container {
    will-change: transform;
    contain: layout paint;
}

/* Text CTA with arrows */
.read-more-ctas, .read-more-ctas a, .solutions .text-img-sol-square a  {
    color: #38886F!important;
    font-size: 16px;
    line-height: 25px;
    text-decoration: underline;
    font-family: 'FFMarkBold';
    align-items: flex-end;
    display: flex;
}

.arrow-links::after {
    content: url(/wp-content/uploads/2024/11/arrow-link.svg);
    padding-left: 8px;
}

.arrow-links:hover::after {
    content: url(https://www.wurl.com/wp-content/uploads/2025/06/arrow-links-hover.svg);
    padding-left: 8px;
}

.arrow-links-light::after {
    content: url(/wp-content/uploads/2025/06/arrow-links-white.svg);
    padding-left: 8px;
}

.arrow-links-dark::after {
    content: url(/wp-content/uploads/2025/06/arrow-links-dark.svg);
    padding-left: 8px;
}

/* Text CTA with arrows */
.read-more-ctas:hover, .read-more-ctas a:hover, .solutions .text-img-sol-square a:hover  {
    color: rgba(94, 227, 185, 1)!important;
}



.margin-top-header {
    margin: 160px auto 96px;
}

/* Footnotes */
p.footnotes {
    color: #787878;
    font-size: 14px!important;
    font-family: 'FFMarkBold';
    font-weight: unset;
    line-height: 21px!important;

}

p.footnotes sup {
    color: #B779D4;
    font-family: 'FFMarkHeavy';
}

.divider {
    border-bottom: 1px solid rgba(230, 230, 230, 1);
    margin: 40px 0px;
}

.color-light-p {
    color: rgba(255, 255, 255, 0.80);
}

.spacer-32 {
     margin: 32px 0px!important;
     border-top: 1px solid #dcdcdc;
     height: 1px;
}

.flex-tablet-col, .flex-tablet-col-reverse {
    display: flex;
}

/* Desktop / Mobile Only */
.display-desktop-only {
    display: block;
}

.display-mobile-only {
    display: none;
}

.display-tablet-mobile-only {
    display: none;
}

/* Background colors */
.bg-light-gray {
    background: #F5F5F8
}

.bg-light-gray-faded {
    background: linear-gradient(180deg, var(--Colours-white, #FFF) 0%, var(--colours-slate-custom, #F5F5F8) 100%);
}

.bg-light-gray-faded-invert {
    background: linear-gradient(180deg, #F5F5F8 0%, #FFF 100%);
}


.flex-cards-3-col-ind, .flex-cards-3-col-nogap {
    min-width: 307px;
    max-width: 357px;
    min-height: 294px;
}



@media only screen and (max-width: 1100px) {
    .pos-wrpr-left {
        position: relative;
        top: 0px;
    }

    .left-center {
        text-align: center;
        justify-content: center;
    }

    .center-left {
        text-align: left;
        justify-content: flex-start;
    }

    .label-18 {
        font-size: 14px;
        line-height: 19px; 
    }    

    .padding-top-only {
        padding: 80px 0px 0px;
    }

    .template-wrapper-top {
        padding: 96px 120px;
        width: 100%;
        overflow: hidden;
        margin: 80px auto 0px;
    }


    .flex-cards-3-col-80 {
            gap: 48px;
    }


    .heading-50-40-40 {
        font-size: 40px!important;
        line-height: 46px!important;
    }

    .row-column-tablet {
                display: flex;
                flex-direction: column;
    }

    .template-wrapper, 
    .block-wrapper, 
    .the-content-wrapper, 
    .block-wrapper-56-120,  
    .block-wrapper-120-80-120 {
        padding: 80px 48px;
    }   

    .block-wrapper-header {
        padding: 160px 48px 0px;

    }


    .block-wrapper-72-120-0 {
        padding: 80px 48px 0px;
        }

    .block-wrapper-large {
        padding: 56px 48px;
    }

    .block-wrapper-header-large {
    padding: 160px 48px 96px;
}

    .margin-0-80-64-40 {
        margin: 0px 0px 64px!important;
    }

    .margin-64-auto {
        margin: 40px auto!important;
    }


    .margin-104-0 {
    margin-top: 0px!important;
    }

    .block-wrapper-top {
        padding: 80px 48px 0px 48px;
    }

        .block-wrapper-top-56 {
        padding: 56px 48px 0px 48px;
    }

    .block-wrapper-bottom {
        padding: 0px 48px 80px 48px;
    }

    .block-wrapper-sides {
        padding: 0px 48px;
    }

    .template-wrapper-top{
        padding: 80px 48px;
        margin-top: 80px;
    }   

    .heading-60-69 {
        font-size: 46px;
        line-height: 53px;
    }

    .heading-50-58 {
        font-size: 40px!important;
        line-height: 46px!important;
    }

    .heading-36-45 {
        font-size: 30px!important;
        line-height: 37px!important;
    }

    .heading-32-40 {
        font-size: 24px;
        line-height: 30px;
    }


    .heading-24-30, 
    .p-24-30 {
        font-size: 21px;
        line-height: 28px;
    }

    .global-marketplace {
        padding: 80px 40px!important;
    }

    .flex-row-to-col {
        flex-direction: column;
    }

    .intro-title-subtitle {
        gap: 24px;
    }

    .intro-title-subtitle h1 {
        margin-bottom: 24px;
    }

    .block-wrapper-bottom-large {
        padding: 80px 48px;
    }

    .flex-tablet-col {
        display: flex;
        flex-direction: column;
    }

    .flex-tablet-col-reverse {
        display: flex;
        flex-direction: column-reverse;
    }


    .flex-cards-3-col-40 {
        margin: 0px;
    }

    .flex-cards-3-col-40-wrapper {
        margin: 0px 0px 80px 0px;
    }

    /* Max-width for tablet */
    .max-550-tablet {
        max-width: 550px;
    }  

    .min-height-760-400 {
        min-height: 400px;
    }

    .margin-0-64-nomobile {
        margin: 0px auto 0px!important;
    }

            .flex-row-to-col-tablet-large {
        flex-direction: column;
    }

    }

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


    .stats-typical {
     min-width: max-content;
}
    
    .stats-number-typical {
    font-size: 30px;
    line-height: 37px;
    margin-bottom: 4px;
}



.margin-80-auto-0-to-64 {
    margin: 64px auto 0px!important;
}


    .tabs-block-wrapper .section {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
}

.margin-80-auto-80 {
    margin: 64px auto 40px !important;
}

.margin-0-auto-80-to-40 {
    margin: 0px auto 40px!important;
}

    .margin-120-to-80 {
     margin: 80px auto 0px!important;
}  


    .padding-0-0-120-to-56 {
    padding: 0px 0px 56px!important;
}


    .margin-top-16-to-12 {
    margin: 12px auto!important;
}


       .padding-58-32 {
    padding: 32px;
}


        .flex-row-to-col-tablet {
        flex-direction: column;
    }


        .flex-row-to-col-tablet-reverse {
        flex-direction: column-reverse;
    }

    .flex-no-wrap-center {
    flex-wrap: nowrap!important;
    align-items: flex-start!important;
    margin-top: 24px;
    flex-direction: column!important;
}

    .margin-64-auto-0 {
    margin: 40px auto 0px!important;
}

    .display-tablet-mobile-only {
        display: block;
    }
     /* Desktop / Mobile Only */
    .display-desktop-only {
        display: none;
    }

    .block-wrapper-96-56-56 {
        padding: 56px 48px;
    }

    .p-16-14-12 {
    font-size: 14px;
}

.flex-cards-3-col-24-ind {
    min-width: 311px;
    max-width: 357px;
}

     .margin-64-to-40 {
        margin: 0px auto 40px!important;
    }


    }


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


        .stats-number-typical {
        font-size: 24px;
        line-height: 32px;
        margin-bottom: 4px;
    }



.flex-cards-3-col-ind {
    padding: 32px;

} 

    .margin-80-to-64 {
    margin: 0px auto 64px!important;
}

.margin-40-to-32 {
    margin: 32px auto 0px!important;
}

    .flex-no-wrap-center {
        flex-wrap: nowrap !important;
        align-items: flex-start !important;
        margin-top: 24px;
        flex-direction: column!important;
    }

    .careers .intro-careers img {
            max-height: 500px;
            min-height: 180px;
            overflow: visible;
            margin: 40px auto 64px;
    }

    .block-wrapper-header {
        padding: 144px 32px 0px;
    
    }
    
    .label-18-fixed {
        font-size: 18px;
        line-height: 24px; 
    }  

    .padding-top-only {
        padding: 64px 0px 0px;
    }

    .flex-cards-3-col-40 {
        margin: 40px 0px;
        gap: 24px;
    }

    .block-wrapper-bottom-large {
        padding: 40px 32px 64px;
    }

    .block-wrapper-large {
        padding: 48px 32px;
    }
       .block-wrapper-header-large {
    padding: 144px 32px 80px;
}

    .template-wrapper-top {
        padding: 64px 32px;
        margin-top: 80px;
    }   

    .block-wrapper-72-120-0 {
        padding: 64px 32px 0px;
    }

    .block-wrapper-96-56-56 {
        padding: 56px 32px;
    }

    .home-layered-content h1 {
        max-width: 270px;
    }

    .home-overlapping-grid-wrapper {
        margin: 0px 16px 64px;
    }

    .template-wrapper, .block-wrapper, .the-content-wrapper, .block-wrapper-56-120  {
        padding: 64px 32px;
    }   

    .arrow-link-button, .arrow-link-button-light button {
        text-align: left;
    }

    .arrow-link-button, .arrow-link-button-light {
        margin: 16px 0px 0px 0px;
    }

    .home-overlapping-grid-wrapper:last-child {
        margin: 0px 16px 16px;
    }

    .block-wrapper-top {
        padding: 64px 32px 0px 32px;
    }

    .block-wrapper-bottom {
        padding: 0px 32px 64px 32px;
    }

    .block-wrapper-sides {
        padding: 0px 32px;
    }

    .heading-60-69 {
        font-size: 32px;
        line-height: 37px;
    }
    
    .heading-50-58 {
        font-size: 28px!important;
        line-height: 35px!important;
    }
    
    .heading-36-45 {
        font-size: 24px!important;
        line-height: 32px!important;
    }

    .heading-36-45-tm {
        font-size: 24px;
        line-height: 32px;
    }
    
    .heading-32-40 {
        font-size: 21px;
        line-height: 28px;
    }
    
    .heading-24-30,
    .p-24-30 {
        font-size: 18px;
        line-height: 27px;
    }
    
    .heading-21-28, .p-21-28 {
        font-size: 18px!important;
        line-height: 27px!important;
    }

    .img-64 {
        margin: 40px 0px;
    }

    .flex-cards-3-col-80 {
        gap: 40px;
    }

    .intro-title-subtitle {
        gap: 16px;
    }

    .intro-title-subtitle h1 {
        margin-bottom: 16px;
    }

    .flex-cards-3-col-40-wrapper {
        margin: 0px 0px 40px 0px;
    }

    .flex-cards-3-col-40 {
        gap: 24px;
        display: flex;
        justify-content: center;
        margin: 0px;
    }

    .margin-0-80-64-40 {
        margin: 0px 0px 40px!important;
    }

    .careers .community {
        gap: 24px;
    }

    #job-listings-wrapper {
        flex-direction: column;
        gap: 64px;
    }

    .flex-gap-80 {
        gap: 40px;
    }

    .flex-cards-3-col-ind, .flex-cards-3-col-nogap {
        min-width: 31%;
        max-width: 100%;
        min-height: fit-content;
    }

    .global-marketplace {
        padding: 64px 32px!important;
    }

    .margin-0-64 {
        margin: 0px auto 40px!important;
    }

    .gap-80-32-mob-64-0 {
        row-gap: 64px; 
        column-gap: 0px;
    }

    .left-left-center {
        text-align: center;
        justify-content: center;
    }
    .padding-58-24 {
    padding: 24px;
    }

    /* Max-width for mobile */
    .max-310-mobile {
        max-width: 310px;
    }  

    /* Desktop / Mobile Only */
    .display-desktop-only {
        display: none;
    }

    .display-mobile-only {
        display: block;
    }

    .p-18-27 {
        font-size: 16px;
        line-height: 22px;
    }

    .p-16-14 {
        font-size: 14px;
        line-height: 21px;
    }
       .p-16-14-12 {
    font-size: 12px;
    line-height: 18px;
    }
      }


      /* About */
      .a-text-highlights {
        background: var(--Gradient-Blue---Teal, linear-gradient(90deg, #004BFF 0%, #00A0BE 72.82%));
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
      }

    .wurl-leaders {
         max-width: 270px;
         margin: auto;
         min-width: 270px;
         height: 300px;
         overflow: hidden;
         border-radius: 16px;
     }

     .wurl-leaders-responsive {
        max-width: 900px;
        display: flex;
        justify-content: center;
        margin: auto;
     }

      .global-marketplace {
        background: 
          url('/wp-content/uploads/2025/01/illo-homepage-stats-graphic-black.svg'); 
        background-size: cover;
        background-repeat: no-repeat; 
        background-position: center;
        padding: 120px;
      }
      
      .wurl-leaders, 
      .relative {
        position: relative;
      }
      
      .wurl-leaders .wp-block-image img {
        display: block;
        width: 100%;
        height: auto;
      }
      
      .with-overlay {
        height: 74px;
        position: absolute;
        bottom: 0px;
        width: 100%;
        padding: 16px;
        margin: 8px;
        width: calc(100% - 16px);
        border-radius: 8px;
        background: rgba(255, 255, 255, 0.10);
        backdrop-filter: blur(19.299999237060547px);
        color: #fff;
        font-size: 14px;
        line-height: 21px;
        font-family: 'FFMarkBook';
    }