@font-face {
    font-family: 'Archivo Extralight';
    src: url(../fonts/archivo/Archivo-ExtraLight.ttf);
    font-weight: normal;
}
@font-face {
    font-family: 'Archivo Light';
    src: url(../fonts/archivo/Archivo-Light.ttf);
    font-weight: normal;
}
@font-face {
    font-family: 'Archivo Regular';
    src: url(../fonts/archivo/Archivo-Regular.ttf);
    font-weight: normal;
}
@font-face {
    font-family: 'Archivo Medium';
    src: url(../fonts/archivo/Archivo-Medium.ttf);
    font-weight: normal;
}
@font-face {
    font-family: 'Archivo Semibold';
    src: url(../fonts/archivo/Archivo-SemiBold.ttf);
    font-weight: normal;
}
@font-face {
    font-family: 'Archivo Bold';
    src: url(../fonts/archivo/Archivo-Bold.ttf);
    font-weight: normal;
}
@font-face {
    font-family: 'Archivo Extrabold';
    src: url(../fonts/archivo/Archivo-ExtraBold.ttf);
    font-weight: normal;
}


/* Root Variables */
:root{
    --primary-bg: #8DFF71;
    --secondary-bg: #34CF73;

    --primary-color: #8DFF71;
    --secondary-color: #34CF73;
    --primary15: rgb(141 255 113 / 15%);
    --white: #FFFFFF;
    --white30: rgb(255 255 255 / 30%);
    --white40: rgb(255 255 255 / 40%);
    --white50: rgb(255 255 255 / 50%);
    --off-white: #F0F0F0;
    --black: #000000;
    --black20: rgb(0 0 0 / 20%);
    --black45: rgb(0 0 0 / 45%);
    --soft-black: #121212;
    --soft-black50: rgb(18 18 18 / 50%);
    --soft-black80: rgb(18 18 18 / 80%);
    --body-black: #1E1E1E;
    --gray: #A0A0A0;
    --off-white: #F4F4F4;
    --tan: #D0CABE;

    /* Fonts */
    --font-size: 16px;
    --font-extralight: 'Archivo extralight';
    --font-light: 'Archivo Light';
    --font-regular: 'Archivo Regular';
    --font-medium: 'Archivo Medium';
    --font-semibold: 'Archivo Semibold';
    --font-bold: 'Archivo Bold';
    --font-extrabold: 'Archivo Extrabold';
}

*{
    margin: 0;
    padding: 0;
    border: none;
    outline: none;
    list-style: none;
    box-sizing: border-box;
    font-family: var(--font-regular);
}

html{
    font-family: var(--font-regular);
    background: var(--body-black);
    scroll-behavior: smooth;
}
body{
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .5s;
}
body,html {
    -webkit-font-softing: antialiased;
    -moz-osx-font-softing: grayscale
}

@media(min-width: 1650px){
    .container{
        max-width: 1600px;
    }
}


p{
    font-size: 16px;
    line-height: 1.3;
    font-weight: normal;
    font-family: var(--font-extralight);
    color: var(--white);
}
p a{
    color: inherit;
    font-size: inherit;
    font-family: inherit;
    font-weight: inherit;
}
h1{
    font-weight: 700;
    color: var(--primary-color);
    font-size: 50px;
}
h2{
    font-weight: 700;
    color: var(--primary-color);
    font-size: 40px;
}
h3 {
    color: var(--white);
    font-family: var(--font-regular);
    font-weight: normal;
    font-size: 25px;
}

/* Bg classes */

.black-bg{
    background-color: var(--black);
}
.softblack-bg{
    background-color: var(--soft-black);
}
.softgreen-bg{
    background-color: var(--primary-bg);
}
.green-bg{
    background-color: var(--secondary-bg);
}



/* Header */
#header{
    background-color: transparent;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    padding: 10px 0;
    z-index: 10;
}
#header{
    -webkit-transition: all ease-in-out 650ms;
    -moz-transition: all ease-in-out 650ms;
    -ms-transition: all ease-in-out 650ms;
    -o-transition: all ease-in-out 650ms;
    transition: all ease-in-out 650ms;
} 
.header-in{
    left: 0;
    right: 0;
    top: 0;
    margin: auto;
    -webkit-transition: all ease-in-out 0.3s;
    -moz-transition: all ease-in-out 0.3s;
    -ms-transition: all ease-in-out 0.3s;
    -o-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s;
    width: 100%;
    transition: width, 1s;
    padding: 15px 0;
}
#header.scrolled .header-in {
    padding: 15px 25px;
    border-radius: 50px;
    background-color: var(--soft-black80);
    max-width: 952px;
    backdrop-filter: blur(20px);
    transition: max-width, 1s;
}
/* Header Nav */
.header-navbar ul.navbar-nav > li.menu-item{
    padding: 0px 12px;
    position: relative;
}
.header-navbar ul.navbar-nav li.nav-item a.nav-link {
    color: var(--off-white);
    font-size: var(--font-size);
    font-family: var(--font-light);
    z-index: 2;
    position: relative;
    padding: 8px 0px;
}
.header-navbar ul.navbar-nav li.nav-item a.nav-link:hover,
.header-navbar ul.navbar-nav li.nav-item.show > a.nav-link {
    color: var(--primary-color);
}
.header-navbar ul.navbar-nav > li.menu-item > ul.sub-menu {
    padding: 12px 12px;
    min-width: 250px;
    position: absolute;
    top: 100%;
    left: 10px;
    /* background: var(--soft-black50); */
    background-color: #252525;
    border-radius: 8px;
    /* height: 0; */
    visibility: hidden;
    transform: translate(0px, -200%);
    z-index: 3;
    transition: all ease-in-out 0.5s;
}
/* .header-navbar ul.navbar-nav > li.menu-item:hover ul.sub-menu */
.header-navbar ul.navbar-nav > li.menu-item.show > ul.sub-menu {
    /* height: auto; */
    visibility: visible;
    transform: translate(0px, 20px);
}
.header-navbar ul.navbar-nav > li.menu-item.down ul.sub-menu{
    display: block;
}
.header-navbar ul.navbar-nav li.menu-item-has-children > a.nav-link{
    padding-right: 18px;
}
.header-navbar ul.navbar-nav li.menu-item-has-children > a.nav-link:after {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    border-top: 2px solid  var(--off-white);
    border-right: 2px solid var(--off-white);
    display: block;
    top: 13px;
    right: 0px;
    border-radius: 2px;
    transform: rotate(135deg);
    z-index: 2;
    transition: all ease-in-out 0.5s;
}
.header-navbar ul.navbar-nav li.menu-item-has-children:hover > a.nav-link:after,
.header-navbar ul.navbar-nav li.menu-item-has-children.show > a.nav-link:after{
    border-color: var(--primary-color);
}
.header-navbar ul.navbar-nav li.menu-item-has-children.show > a.nav-link:after{
    top: 18px;
    transform: rotate(315deg);
}
.header-navbar ul.navbar-nav > li.menu-item ul.sub-menu li {
    width: 100%;
    display: inline-block;
    padding: 8px 12px;
}
.header-navbar ul.navbar-nav > li.menu-item ul.sub-menu li a.nav-link {
    width: 100%;
    display: block;
    padding: 0px 18px 0px 0px;
    position: relative;
    font-family: var(--font-light);
    font-weight: normal;
}
.header-navbar ul.navbar-nav > li.menu-item.nav-btn > a.nav-link {
    border: 1px solid var(--secondary-color);
    border-radius: 35px;
    text-transform: uppercase;
    padding: 7px 26px;
    color: var(--primary-color);
}
.header-navbar ul.navbar-nav li.menu-item > ul.sub-menu li.menu-item > ul.sub-menu {
    position: absolute;
    top: 100%;
    left: 100% !important;
    top: 0;
    padding: 12px 12px;
    min-width: 250px;
    border-radius: 8px;
    background-color: #252525;
    transform: translate(-100%, 0px);
    opacity: 0;
    visibility: hidden;
}
.header-navbar ul.navbar-nav li.menu-item > ul.sub-menu li.menu-item.show > ul.sub-menu {
    transform: translate(16px, 0px);
    opacity: 1;
    visibility: visible;
}
.header-navbar ul.navbar-nav li.menu-item > ul.sub-menu li.menu-item {
    position: relative;
}
.header-navbar ul.navbar-nav li.menu-item-has-children ul li.menu-item-has-children > a.nav-link:after {
    top: 5px;
}
.header-navbar ul.navbar-nav li.menu-item-has-children ul li.menu-item-has-children.show > a.nav-link:after {
    top: 8px;
    transform: rotate(45deg);
}

.b2b-site-dropdown .dropdown-toggle{
    border: 1px solid var(--secondary-color);
    width: 40px;
    height: 40px;
    border-radius: 50px;
    background-color: transparent;
}
.b2b-site-dropdown .dropdown-toggle.show{
    background-color: var(--primary-color);
}
.b2b-site-dropdown .dropdown-toggle::after{
    display: none;
}
.b2b-site-dropdown .dropdown-toggle.show svg path {
    stroke: var(--soft-black);
}
.b2b-site-dropdown .dropdown-toggle.show svg {
    transform: rotate(180deg);
}
.b2b-site-dropdown{
    padding-left: 12px;
}
.b2b-site-dropdown .dropdown-menu {
    padding: 12px 24px;
    min-width: 250px;
    position: absolute;
    top: 100%;
    left: inherit;
    right: 0;
    background-color: #252525;
    border-radius: 8px;
    overflow: hidden;
    visibility: hidden;
    transform: translate(0px, -200%);
    z-index: 3;
    transition: all ease-in-out 0.5s;
    display: block;
}
.b2b-site-dropdown .dropdown-menu.show {
    transform: translate(0px, 0px);
    visibility: visible;
}
.b2b-site-dropdown .dropdown-menu li{
    padding: 12px 0;
}
.b2b-site-dropdown .dropdown-menu .dropdown-item{
    color: var(--off-white);
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 0;
}
.b2b-site-dropdown .dropdown-menu .dropdown-item:hover{
    background-color: transparent;
}
.b2b-site-dropdown .dropdown-menu .dropdown-item .text{
    color: var(--gray);
    display: flex;
    align-items: center;
}
.b2b-site-dropdown .dropdown-menu .dropdown-item .text .site-title {
    color: var(--off-white);
    font-size: 30px;
    line-height: 0.85;
    font-family: var(--font-semibold);
    margin: 2px 0px -2px 3px;
}
.b2b-site-dropdown .dropdown-menu .dropdown-item:hover .text svg .text path{
    fill: var(--secondary-color);
}
.b2b-site-dropdown .dropdown-menu .dropdown-item:hover .text svg .columns path{
    fill: var(--primary-color);
}
.b2b-site-dropdown .dropdown-menu .dropdown-item:hover .text .site-title {
    color: var(--primary-color);
}
.b2b-site-dropdown .dropdown-menu li.dropdown-item-title {
    color: var(--white);
    font-family: var(--font-light);
    font-size: 24px;
    font-weight: 300;
    border-bottom: 1px solid var(--gray);
    margin-bottom: 12px;
    line-height: 1;
    padding-bottom: 24px;
}
.b2b-site-dropdown .dropdown-menu .dropdown-item .icon svg {
    width: 20px;
    height: 20px;
    overflow: visible;
}
.b2b-site-dropdown .dropdown-menu .dropdown-item .icon svg *{
    transition: fill, transform, 0.5s;
}
.b2b-site-dropdown .dropdown-menu .dropdown-item:hover .icon svg .box{
    fill: var(--secondary-color);
}
.b2b-site-dropdown .dropdown-menu .dropdown-item:hover .icon svg .arrow{
    fill: var(--primary-color);
    transform: translate(3px, -3px);
}

.hero {
    position: relative;
    width: 100%;
}
.home-banner .hero {
    overflow: hidden;
    min-height: 550px;
    max-height: 1080px;
    height: 75vh;
}
.home-banner{
    display: flex;
    align-items: center;
    /* justify-content: center; */
    /* text-align: center; */
    color: white;
}
.home-banner .hero{
    display: flex;
    align-items: center;
    /* justify-content: center; */
    /* text-align: center; */
    padding: 100px 15px 75px 15px;
}

.hero canvas {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}
.hero-content {
    position: relative;
    z-index: 10;
    max-width: 600px;
}
.home-banner .hero-content{
    max-width: 700px;
}
.hero-content h1 {
    color: var(--white);
    font-family: var(--font-light);
    font-size: 80px;
    line-height: 0.95;
    margin-bottom: 25px;
    font-weight: normal;
}
.home-banner .hero-content h1{
    font-size: 80px;
}
.hero-content h1 strong{
    color: var(--primary-color);
    font-weight: normal;
    font-family: var(--font-light);
}
.location-areas ul {
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 15px;
}
.location-areas ul li {
    color: var(--white);
    font-size: 13px;
    line-height: 1.15;
    font-family: var(--font-medium);
    position: relative;
}
.location-areas ul li:before {
    content: ':';
    font-family: var(--font-extrabold);
    padding-right: 5px;
}
.timezone{
    color: var(--white);
    font-size: 13px;
    line-height: 1.15;
    font-family: var(--font-light);
    position: relative;
}
.timezone strong{
    font-family: var(--font-medium);
}
.timezone-brand{
    padding: 25px 0;
}
.brand-logo {
    height: 60px;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.brand-logo-img {
    max-height: 30px;
    max-width: 100%;
    width: auto !important;
}
#brand-carousel {
    padding: 25px 0;
    background: #121212;
    background: -webkit-linear-gradient(90deg, rgba(18, 18, 18, 0.79) 0%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 60%, rgba(18, 18, 18, 0.79) 100%);
    background: -moz-linear-gradient(90deg, rgba(18, 18, 18, 0.79) 0%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 60%, rgba(18, 18, 18, 0.79) 100%);
    background: linear-gradient(90deg, rgba(18, 18, 18, 0.79) 0%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 60%, rgba(18, 18, 18, 0.79) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#121212", endColorstr="#121212", GradientType=1);
}
#brand-carousel .owl-stage-outer{
    mix-blend-mode: multiply;
}
#brand-carousel .owl-dots {
    display: none;
}
.menu-toggle {
    width: 36px;
    padding: 0;
    height: 20px;
    display: flex;
    align-items: center;
}
.menu-toggle:focus{
    box-shadow: none;
}
.menu-toggle .toggle-bar {
    width: 100%;
    height: 1px;
    background: var(--white);
    display: block;
    position: relative;
}
.menu-toggle .toggle-bar:before,
.menu-toggle .toggle-bar:after{
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    background: inherit;
    left: 0;
}
.menu-toggle .toggle-bar:before{
    top: -9px;
}
.menu-toggle .toggle-bar:after{
    bottom: -9px;
}

/***************************/  
body.vs-scroll-locked {
    /* overflow: hidden; */
}
.specialisms-seciton .hero{
    padding: 20vh 0;
}
.vs-page-section {
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}
.vs-slider-wrapper {
    height: auto;
    position: relative;
    display: flex;
}
.vs-slider-container {
    display: flex;
    width: 100%;
    max-height: 500px;
    height: 100%;
    position: relative;
    /* background: url('../images/Halftone@2x.png') no-repeat center;
    background-size: contain; */
} 
.vs-sidebar {
    width: 50%;
    color: #666;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 20px;
    /* position: absolute; */
    /* top: 0; */
    left: 10px;
    padding-left: 5%;
    z-index: 9;
}  
.vs-nav-item {
    font-weight: bold;
    cursor: pointer;
}
.vs-nav-item .vs-content h4{
    color: var(--white30);
    font-size: 25px;
    font-family: var(--font-bold);
    line-height: 1.2;
    transition: color, 1s;
    margin-bottom: 12px;
}
.vs-nav-item.vs-active .vs-content h4{
    color: var(--primary-color);
}  
.vs-slider-sections {
    height: 100%;
    overflow-y: scroll;
    scroll-snap-type: y mandatory;
    width: 100%;
    padding-left: 50%;
        position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
}  
.vs-slide {
    height: 100%;
    scroll-snap-align: start;
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
}
  
.vs-content .toggle-content {
    color: var(--white);
    padding: 5px 0 25px;
}
.toggle-content{
    display: none;
}
.vs-nav-item.vs-active .toggle-content{
    display: block;
}
.vs-content .toggle-content .text-content {
    font-size: 16px;
    font-family: var(--font-extralight);
    line-height: 1.3;
    font-weight: normal;
}
.vs-slider-sections {
    direction: rtl; /* Flips scrollbar to left */
}
.vs-slide {
    direction: ltr; /* Keep text and layout normal */
}
.vs-slider-sections::-webkit-scrollbar {
    width: 2px;
}
.vs-slider-sections::-webkit-scrollbar-thumb {
    background: var(--primary-bg);
    border-radius: 10px;
}
.vs-slider-sections::-webkit-scrollbar-track {
    background: var(--white30);
}
.vs-slide-in {
    overflow: hidden;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}    


/*****************************/

.work-seciton{
    overflow: hidden;
    position: relative;
}
.section-space{
    padding: 60px 0;
}
.section-header {
    margin-bottom: 35px;
    position: relative;
    z-index: 4;
}
.section-header h1,
.section-header h2{
    font-family: var(--font-light);
    font-size: 40px;
    color: var(--white);
    font-weight: normal;
    margin-bottom: 0;
}
.home .section-header h2{
    font-size: 80px;
}
.work-slider{
    position: relative;
}
.work-slider:before{
    content: '';
    position: absolute;
    height: 100%;
    top: 0;
    right: 100%;
    width: 1000%;
    background: var(--soft-black);
    z-index: 1;
}
.work-seciton:after{
    content: '';
    position: absolute;
    height: 100%;
    top: 0;
    right: 0;
    width: 28%;
    background: #121212;
    background: -webkit-linear-gradient(90deg, rgba(18, 18, 18, 0) 3%, rgba(18, 18, 18, 1) 100%);
    background: -moz-linear-gradient(90deg, rgba(18, 18, 18, 0) 3%, rgba(18, 18, 18, 1) 100%);
    background: linear-gradient(90deg, rgba(18, 18, 18, 0) 3%, rgba(18, 18, 18, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#121212", endColorstr="#121212", GradientType=1);
    z-index: 3;
}
.work-slider .owl-stage-outer {
    overflow: visible;
}
.owl-dots{
    text-align: left !important;
    margin-top: 25px !important;
}
.owl-dots button.owl-dot {
    margin-right: 0px;
    display: inline-flex !important;
    align-items: center;
    width: auto !important;
    transition:  width 1s;
    background-color: transparent;
}
.owl-dots button.owl-dot span{
    width:auto !important;
    min-width: 20px !important;
    height: auto !important;
    background: transparent !important;
    color: var(--white);
    font-family: var(--font-extralight);
    font-size: 16px;
    margin: 0 10px 0 0!important;
    transition: color 1s; 
}
.owl-dots button.owl-dot.active{
    width:160px !important;
}
.owl-dots button.owl-dot.active span{
    color: var(--primary-color);
}
.slider-progressbar {
    background: rgba(255,255,255,0.25);
    display: inline-block;
}
.slide-progress{
    width: 0;
    max-width: 100%;
    height: 2px;
    background: var(--primary-bg);
}
.owl-dots button.owl-dot.active .slider-progressbar{
    width: 120px !important;
}
.btn-outline-style{
    border: 1px solid var(--secondary-color);
    border-radius: 35px;
    text-transform: uppercase;
    padding: 7px 26px;
    color: var(--primary-color) !important;
    text-decoration: none;
    font-size: calc(var(--font-size)*0.875);
    font-family: var(--font-regular);
    line-height: 22px;
    display: inline-block;
    padding: 8px 24px;
    background-color: transparent;
    transition: background-color 1s;
    font-weight: 400;
}
.btn-outline-style:hover{
    background-color: var(--primary15);
}
.btn-outline-style:focus{
    background-color: var(--primary-color);
    color: var(--soft-black) !important;
}

.blog-featured-card-in {
    width: 100%;
    height: 350px;
    position: relative;
    overflow: hidden;
}
.blog-featured-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.blog-card-title{
    padding: 15px 0;
}
.blog-card-title h3{
    color: var(--white);
    font-family: var(--font-extralight);
    font-weight: normal;
    margin-bottom: 0;
    font-size: 21px;
    line-height: 1.2;
}
.blog-card-title h3 a{
    color: var(--white);
    text-decoration: none;
    font-family: var(--font-extralight);
}
.post-meta-cat ul{
    padding: 0;
    margin: 0;
    gap: 4px 8px;
}
.post-meta-cat ul li a,
.post-meta-cat ul li span{
    color: var(--white) !important;
    border: 1px solid var(--white);
    font-size: 13px;
    text-transform: uppercase;
    padding: 3px 14px;
    line-height: 16px;
    opacity: 0.5;
    border-radius: 20px;
    display: inline-block;
    text-decoration: none !important;
}

#footer{
    background-color: var(--soft-black);
    min-height: 467px;
    padding-left: 300px;
    padding-right: 50px;
    display: flex;
    position: sticky !important;
    bottom: 0;
    overflow: hidden;
}
.footer-corner-logo {
    position: absolute;
    left: 0;
    top: 0;
}
.footer-in-top {
    padding: 90px 0 30px;
}
.footer-top-left h2{
    color: var(--white);
    font-size: 40px;
    font-family: var(--font-regular);
    font-weight: normal;
    line-height: 1.1;
    margin-bottom: 16px;
}
.footer-menu-widget-title {
    color: var(--white);
    font-size: calc(var(--font-size)*0.875);
    font-family: var(--font-bold);
    line-height: 1.5;
}
.footer-menu-widget ul {
    margin: 0;
    padding: 0;
}
.footer-menu-widget ul li a.nav-link {
    padding: 2px 0;
    color: var(--white);
    font-size: 12px;
    font-family: var(--font-light);
    line-height: 1.5;
    transition: color, 0.5s;
}
.footer-menu-widget ul li a.nav-link:hover{
    color: var(--primary-color);
}
.footer-bottom{
    padding: 35px 0;
}
.footer-in {
    width: 100%;
}
.copyright{
    font-size: 12px;
    font-family: var(--font-light);
    color: var(--white);
    line-height: 1.3;
}
.defination-site-links-social{
    gap: 16px;
}
.defination-site-links ul{
    display: flex;
    flex-wrap: wrap;
    gap: 8px 16px;
    margin: 0;
    padding: 0;
}
.definition-social-links ul{
    display: flex;
    flex-wrap: wrap;
    gap: 8px 10px;
    margin: 0;
    padding: 0;
}
.defination-site-links ul li a{
    color: var(--white);
    font-family: var(--font-bold);
    font-size: 16px;
    text-decoration: none;
    text-transform: uppercase;
    position: relative;
    display: block;
    line-height: 1;
}
.defination-site-links ul li a:before{
    content: ':';
    font-family: var(--font-extrabold);
    font-size: 125%;
}
.footer-policy-menu .menu li a.nav-link {
    color: var(--white);
    font-size: 12px;
    line-height: 1.3;
    padding: 0;
    transition: color, 0.5s;
}
.footer-policy-menu .menu li a:hover{
    color: var(--primary-color);
}
.footer-policy-menu .menu {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin: 0;
    gap: 20px;
}
.definition-logo {
    position: absolute;
    top: 40px;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 170px;
}

.main-pg {
    position: relative;
    z-index: 1;
    border-radius: 0 0 40px 40px;
    overflow: hidden;
    background: var(--soft-black);
    margin-bottom: -40px;
    box-shadow: 0px 5px 14px 0px rgba(0, 0, 0, 0.25);
    min-height: calc(100vh - 450px);
    padding-bottom: 40px;
}
.glass-effect {
    position: absolute;
    width: 50px;
    height: 150px;
    background: #8DFF71;
    background: linear-gradient(90deg, rgba(141, 255, 113, 1) 19%, rgb(0, 0, 0) 35%, rgb(0, 0, 0) 65%, rgba(141, 255, 113, 1) 88%);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    pointer-events: none;
    transition: transform 0.1s ease;
    right: -23px;
    filter: blur(20px);
    opacity: 0;
}
.glass-effect.active{
    opacity: 0.6;
}


.inner-hero {
    padding: 150px 0px 30px;
}
.inner-hero-heading h1{
    color: var(--white);
    font-family: var(--font-regular);
    font-size: 40px;
    font-weight: normal;
    line-height: 1.2;
    margin-bottom: 25px;
}
.inner-hero-heading h1 strong{
    color: var(--primary-color);
    font-family: inherit;
    font-weight: inherit;
}
.inner-hero-content p {
    font-size: 21px;
    color: var(--white);
    font-family: var(--font-extralight);
}
.location-address-info h3 {
    color: var(--white);
    font-family: var(--font-regular);
    font-weight: normal;
    font-size: 25px;
    margin-bottom: 15px;
}
.location-phone, .location-address {
    font-size: 16px;
    color: var(--white);
    font-family: var(--font-extralight);
    font-weight: normal;
    line-height: 1.3;
}
.location-phone .icon img, .location-address .icon img{
    max-width: 24px;
    margin-right: 8px;
}
.location-phone a, .location-address a{
    color: var(--white);
    font-family: var(--font-extralight);
    font-weight: normal;
    line-height: 1.3;
}
.office-locations h2{
    color: var(--white);
    font-size: 40px;
    font-family: var(--font-regular);
    font-weight: normal;
    line-height: 1.05;
}
.inner-hero-content {
    max-width: 450px;
}
.site-form .form-control,
.site-form .ginput_container input,
.site-form .ginput_container select {
    background: transparent !important;
    border-width: 0px 0px 1px 0px !important;
    border-radius: 0 !important;
    border-color: var(--white40) !important;
    padding: 10px 0 !important;
    font-size: 16px !important;
    line-height: 1.5 !important;
    height: 54px !important;
    font-family: var(--font-extralight) !important;
    font-weight: normal !important;
    color: var(--white) !important;
}
.site-form .form-control::placeholder,
.site-form .ginput_container input::placeholder {
    color: var(--white50);
}
.site-form .form-control:focus,
.site-form .ginput_container input:focus {
    outline: none;
    box-shadow: none;
}
.form-group{
    margin-bottom: 20px;
}
.site-form p{
    margin-bottom: 0;
}
.site-form .form-group label {
    font-size: 16px;
    color: var(--white);
    font-weight: normal;
    font-family: var(--font-extralight);
    margin-bottom: 6px;
    width: 100%;
}
.site-form .form-group label span {
    color: var(--white40);
    font-weight: inherit;
    font-family: inherit;
}
.site-form .wpcf7-list-item {
    margin: 0 15px 0 0;
}
.site-form .wpcf7-list-item label input[type="checkbox"] {
    position: relative;
    margin-right: 10px;
}
.site-form .wpcf7-list-item label input[type="checkbox"]:before {
    content: '';
    width: 20px;
    height: 20px;
    display: block;
    position: absolute;
    left: -2px;
    top: -2px;
    background: var(--soft-black);
    border-radius: 2px;
    border: 1px solid var(--white40);
    cursor: pointer;
}
.site-form .wpcf7-list-item label input[type="checkbox"]:checked:after {
    content: '\2713';
    color: var(--body-black);
    font-size: calc(var(--font-size)*0.875);
    z-index: 1;
    position: absolute;
    height: 20px;
    width: 20px;
    line-height: 20px;
    top: -1px;
    left: -2px;
    text-align: center;
    margin: 0 !important;
    padding: 0;
    display: block;
    cursor: pointer;
}
.site-form .wpcf7-list-item label input[type="checkbox"]:checked:before{
    background-color: var(--primary-bg);
}
.site-form .wpcf7-list-item label input[type="checkbox"]:not(:checked):hover:before{
    border-color: var(--white);
    background: var(--gray);
}
.site-form .wpcf7-list-item span.wpcf7-list-item-label {
    color: var(--white);
    font-size: 16px;
}
.wpcf7-submit {
    border: 1px solid var(--secondary-color);
    border-radius: 35px;
    text-transform: uppercase;
    color: var(--primary-color) !important;
    text-decoration: none;
    font-size: calc(var(--font-size)*0.875);
    font-family: var(--font-regular);
    line-height: 22px;
    display: inline-block;
    padding: 8px 24px;
    background-color: transparent;
    transition: background-color 1s;
    font-weight: 400;
    min-width: 118px;
    margin-top: 15px;
}
.wpcf7-submit:hover {
    background-color: var(--primary15);
}
.site-form .wpcf7-list-item label{
    margin: 7px 0;
}
.site-form .checklist {
    padding-top: 20px;
}
.office-locations {
    border-top: 1px solid var(--white40);
    background-image: url(../images/Halftone.png);
    background-position: top 0 left 18%;
    background-repeat: no-repeat;
    background-size: auto;
    padding: 80px 0 80px 0;
}
.menu-toggle[aria-expanded="true"] .toggle-bar{
    background: transparent;
}
.menu-toggle[aria-expanded="true"] .toggle-bar:before {
    transform: rotate(45deg);
    top: 0;
    background: var(--primary-bg);
}
.menu-toggle[aria-expanded="true"] .toggle-bar:after {
    transform: rotate(135deg);
    bottom: 0;
    background: var(--primary-bg);
}
.work-slider .item{
    height: 400px;
    overflow: hidden;
}
.work-slider .item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.page-hero-section{
    padding-top: 90px;
    padding-bottom: 30px;
    background: var(--soft-black) url('../images/Halftone.png') no-repeat bottom 0 right 10%;
    background-size: 750px;
    position: relative;
}
.hero-banner {
    padding: 4.5% 0;
}
.hero-content-description {
    max-width: 500px;
    font-size: 25px;
    line-height: 1;
}
.hero-content-description p {
    font-size: 25px;
    line-height: 1;
}
.counter-heading {
    font-size: 16px;
    font-family: var(--font-extralight);
    color: var(--primary-color);
    line-height: 1.3;
    margin-bottom: 32px;
}
.counter-number {
    font-size: 80px;
    font-family: var(--font-bold);
    font-weight: normal;
    color: var(--white);
    line-height: 1;
    margin-bottom: 8px;
}
.counter-text {
    font-size: 16px;
    color: var(--white);
    font-family: var(--font-extralight);
    line-height: 1.3;
}
.counter-item-outer{
    padding-top: 15px;
    padding-bottom: 15px;
}
.counter-item{
    border-left: 1px solid var(--white);
    padding-left: 16px !important;
    padding-right: 16px !important;
}
.definition-counter{
    padding-top: 3%;
}
.definition-image-clip{
    clip-path: polygon(
        40px 0px, /* Top-left corner */
        40px 40px, /* Move right to start notch */
        120px 110px,  /* Top-left corner */
        120px 125px, /* Diagonal notch inward */
        0px 125px, /* Diagonal notch inward */
        0px 100%,      /* Down to bottom-left */
        100% 100%,   /* Bottom-right */
        100% 0       /* Top-right */
    );
}
.quote-section {
    padding: 80px 0 70px;
}
.quote-heading {
    font-size: 25px;
    color: var(--primary-color);
    margin-bottom: 16px;
}
.qoute-content,
.qoute-content p {
    font-family: var(--font-regular);
    font-weight: normal;
    font-size: 40px;
    color: var(--white);
    line-height: 1.05;
    margin-bottom: 16px;
}
.main-heading {
    font-size: 12px;
    line-height: 1.3;
    color: var(--secondary-color);
    text-transform: uppercase;
    margin-bottom: 5px;
}
.column-heading {
    font-size: 25px;
    color: var(--white);
    font-family: var(--font-regular);
    font-weight: normal;
    margin-bottom: 16px;
}
.img-content-sec-in {
    padding: 70px 0;
    background: url('../images/Halftone.png') no-repeat top -15% left 35%;
}
.content-column {
    padding: 20px 5%;
}
.vertical-slider-seciton .section-header h2{
    font-size: 40px;
}
.vertical-slider-seciton .vs-content .toggle-content {
    color: var(--white);
    padding: 5px 0 10px;
}
.vertical-slider-seciton .vs-slider-container {
    max-height: 420px;
}
.work-slider .item{
    position: relative;
}
.work-slide-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-color: rgba(0, 0, 0, 0.20);
    padding: 35px 25px;
}
.work-slide-content-in{
    display: none;
}
.work-slide-content a {
    text-decoration: none;
}
.work-slide-content-in h4{
    color: var(--white);
    font-size: 16px;
    font-family: var(--font-extralight);
    margin-bottom: 8px;
}
.work-slide-content-in h3{
    color: var(--white);
    margin-bottom: 0;
}
.work-slider .owl-item.active .work-slide-content-in{
    display: block;
}
.section-header-sm h2 {
    font-size: 40px !important;
}
.testimonial-seciton{
    padding: 60px 0;
}
.testimonial-slider {
    background: var(--primary-color);
    padding: 90px 145px;
    min-height: 400px;
    display: flex !important;
    align-items: center;
    margin-top: 20px;
}
.testimonial-slider-content{
    margin-bottom: 15px;
}
.testimonial-slider-content p {
    font-size: 30px;
    color: var(--soft-black);
    text-align: center;
    font-family: var(--font-extralight);
    margin-bottom: 10px;
}
.testimonial-slider-meta{
    font-size: 25px;
    color: var(--soft-black);
    font-family: var(--font-semibold);
}
.testimonial-slider .owl-stage-outer,
.testimonial-slider .owl-stage,
.testimonial-slider .owl-item,
.testimonial-slider .item{
    display: flex;
}
.testimonial-slider .item{
    align-items: center;
    justify-content: center;
}
.testimonial-slider-infobox{
    width: 100%;
    text-align: center;
}
.insight-card2 .post-meta-cat ul li a {
    border-radius: 0;
}
.insight-card2 .post-meta-cat {
    margin-top: 16px;
}
.inner-page-hero-section {
    padding-top: 88px;
}
.inpper-pg-hero-banner {
    height: calc(60vw - 88px);
    min-height: 370px;
    max-height: 700px;
    overflow: hidden;
    position: relative;
}
.inner-pg-hero-bg {
    height: 100%;
}
.inner-pg-hero-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.inner-page-hero-content {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    padding: 30px 0;
    background-color: var(--black20);
}
.inner-page-hero-content .hero-content p{
    margin-bottom: 8px;
}
.custom-arrow {
    width: 40px;
    height: 1px;
    position: relative;
}
.custom-arrow:before, .custom-arrow:after {
    content: '';
    width: 40px;
    height: 1px;
    background: var(--white);
    position: absolute;
}
.custom-arrow:before {
    transform: rotate(15deg);
    top: -7px;
}
.custom-arrow:after {
    transform: rotate(-25deg);
    top: 7px;
}
.page-hero-section:before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--soft-black);
    opacity: 0.2;
}
.page-hero-section > *{
    position: relative;
    z-index: 1;
}


.floating-label-field,
.label-floating {
    position: relative !important;
}
.floating-label-field label.gform-field-label,
.label-floating label {
    position: absolute;
    top: 18px;
    pointer-events: none;
    transition: 0.2s ease all;
    color: var(--white);
    font-size: 16px;
    font-family: var(--font-extralight);
    line-height: 1.3;

}
.label-floating.active label,
.label-floating .form-input:focus + label,
.label-floating .form-input:not(:placeholder-shown) + label,
.floating-label-field:has(.ginput_container input:focus) label.gform-field-label {
  top: -10px;
  font-size: 12px;
}

.tilt-container {
    perspective: 1000px;
    padding: 22%;
}
.tilt-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.1s ease-out;
    transform-style: preserve-3d;
}

.definition-dropdown {
    position: relative;
    width: 100%;
    margin-bottom: 15px;
}
.definition-trigger {
    background: transparent !important;
    border-width: 0px 0px 1px 0px !important;
    border-radius: 0 !important;
    border-color: var(--white40) !important;
    padding: 10px 20px 10px 0 !important;
    font-size: 16px !important;
    line-height: 1.5 !important;
    height: 54px !important;
    font-family: var(--font-extralight) !important;
    font-weight: normal !important;
    color: var(--white) !important;
    border-style: solid !important;
    position: relative !important;
}
.definition-trigger:after {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    border-width: 1px 1px 0 0;
    border-style: solid;
    border-color: var(--white);
    top: 15px;
    right: 5px;
    transform: rotate(135deg);
    transition: transform, top, 0.5s;
}
.definition-trigger:has( + .definition-options.open)::after {
    border-color: var(--primary-color) !important;
    transform: rotate(315deg);
    top: 22px;
}
.definition-options {
    position: absolute !important;
    top: 110% !important;
    left: 0 !important;
    width: 100% !important;
    background: rgba(255, 255, 255, 0.02) !important;
    backdrop-filter: blur(10px) !important;
    border-radius: 0px !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: none !important;
    z-index: 99 !important;
    /* box-shadow: 0 8px 24px rgba(0,0,0,0.2); */
}
.definition-options.open {
    display: block !important;
}
.definition-options li {
    padding: 10px 16px;
    color: white;
    cursor: pointer;
}
.definition-options li:hover {
    background: rgba(255, 255, 255, 0.15);
}
.form-group br {
    display: none;
}
.ticker-wrapper {
    width: 100%;
    overflow: hidden;
    position: relative;
    padding: 20px 0;
}
.ticker-track {
    display: flex;
    width: calc(100%); /* double width for infinite loop */
    align-items: center;
}
.ticker-logo-set {
    display: flex;
    align-items: center;
    animation: scroll 30s linear infinite;
}
.ticker-logo {
    flex: 0 0 auto;
    padding: 0 40px;
}
.ticker-logo img {
    max-height: 45px;
    max-width: 175px;
    width: auto;
    filter: grayscale(100%) brightness(1.2);
    opacity: 0.8;
    transition: transform 0.3s, opacity 0.3s;
}
.ticker-logo img:hover {
    filter: none;
    transform: scale(1.1);
    opacity: 1;
}
@keyframes scroll {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}

.content-filtered-section{
    padding: 90px 0 90px;
}
.content-filtered-inner{
    background: var(--soft-black) url(../images/Halftone.png) no-repeat top 0 right 10%;
    background-size: 750px;
    padding-top: 75px;
}
.filterable-block {
    padding: 40px 0;
}
.filter-container {
  background: #111;
  color: #fff;
  padding: 2rem;
}
.filter-bar, .filter-tags {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}
.tag-btn {
  background: transparent;
  border: 1px solid var(--white40);
  padding: 5px 14px;
  cursor: pointer;
  font-size: calc(var(--font-size) * 0.8125);
  color: var(--white40);
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  text-decoration: none;
  cursor: pointer;
}
.tag-btn:hover,
.tag-btn.active {
    text-decoration: none;
    color: var(--white);
    border-color: var(--white);
}
.result-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
}
.result-card {
  background: #222;
  padding: 1rem;
}
#load-more {
  background: transparent;
  border: 1px solid #0f0;
  color: #0f0;
  padding: 0.5rem 1rem;
  margin: 2rem auto;
  display: block;
}

#search-suggestions {
  width: 100%;
  max-height: 206px;
  overflow: auto;
  background: #fafafa;
  background: rgba(255, 255, 255, 0.02);
  backdrop-filter: blur(10px);
  border-radius: 0px;
  padding: 2px 0;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1;
}

#search-suggestions a {
  font-size: calc(var(--font-size)*0.875);
  color: var(--white);
  display: inline-block;
  width: 100%;
  padding: 3px 15px;
  line-height: 18px;
  border-bottom: 1px solid rgba(255,255,255,0.1);;
}
#search-suggestions a:hover{
    background: rgba(255, 255, 255, 0.15);
}

form#searchform {
  position: relative;
}
.suggestion-inner {
    box-shadow: 1px 1px 25px #0D1F4126;
    border-radius: 0px;
    height: 100%;
    overflow: auto;
    padding: 5px 0;
    margin-top: 10px;
}
.suggestion-inner a:hover {
    color: #001437;
    background: rgb(13 31 65 / 10%);
}
.suggestion-inner a {
    padding: 12px 20px !important;
    border-bottom: 1px solid rgba(255,255,255,0.1);
    text-decoration: none;
}
.insight-listing .insight-card {
    padding: 16px 8px;
}
.insight-listing .row {
    margin-left: -8px;
    margin-right: -8px;
}
.loadmore-wrap{
    border-top: 1px solid var(--white40);
    padding: 35px;
    margin-top: 15px;
}
.filter-dropdown{
    padding: 0px 12px 15px 0px;
}
.filter-search{
    padding: 0px 0px 15px 12px;
}
.filter-dropdown select, .filter-search input {
    border-width: 0px 0px 1px 0px;
    border-style: solid;
    border-color: var(--white40);
    display: inline-block;
    width: 100%;
    background: transparent;
    font-size: var(--font-size);
    color: var(--white);
    line-height: 20px;
    font-family: var(--font-extralight);
    padding: 10px 25px 10px 0px;
    height: 54px;
}
.filter-search input::placeholder{
    color: var(--white40);
}
.filter-area {
    background: var(--black);
    padding: 24px 24px;
    display: inline-block;
    width: 100% !important;
}
.filter-area label{
    color: var(--white);
    font-size: var(--font-size);
    font-family: var(--font-extralight);
    margin-bottom: 1em;
    letter-spacing: 0.1px;
}
.filter-btn {
    background: var(--black) !important;
    padding: 10px 15px;
    border: transparent !important;
    display: flex;
    align-items: center;
    gap: 16px;
}
.filter-btn .text{
    color: var(--white);
    font-family: var(--font-extralight);
    font-size: calc(var(--font-size) * 1.25);
    line-height: 90%;
}
.filter-btn.active svg * {
    fill: var(--primary-bg);
}
.ticker-wrapper{
    /* background: linear-gradient(90deg, rgba(255, 255, 255, 0.12) 0%, rgba(0, 0, 0, 0.2) 9%, rgba(18, 18, 18, 1) 28%, rgba(18, 18, 18, 1) 72%, rgba(18, 18, 18, 0.9) 82%, rgba(255, 255, 255, 0.12) 100%); */
    background: #121212;
    background: -webkit-linear-gradient(90deg, rgba(18, 18, 18, 0.79) 0%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 60%, rgba(18, 18, 18, 0.79) 100%);
    background: -moz-linear-gradient(90deg, rgba(18, 18, 18, 0.79) 0%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 60%, rgba(18, 18, 18, 0.79) 100%);
    background: linear-gradient(90deg, rgba(18, 18, 18, 0.79) 0%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 60%, rgba(18, 18, 18, 0.79) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#121212", endColorstr="#121212", GradientType=1);
    position: relative;
}
.ticker-wrapper::before,
.ticker-wrapper::after {
    content: '';
    position: absolute;
    top: 0;
    width: 15%;
    height: 100%;
    z-index: 2;
    pointer-events: none;
}
.ticker-wrapper::before {
    left: 0;
    background: linear-gradient(to right, rgb(18 18 18 / 72%) 50%, transparent);
}
.ticker-wrapper::after {
    right: 0;
    background: linear-gradient(to left, rgb(18 18 18 / 72%) 50%, transparent);
}
.definition-dropdown .dropdown-toggle {
    background: transparent;
    border-width: 0px 0px 1px 0px;
    border-radius: 0;
    border-color: var(--white40);
    padding: 10px 20px 10px 0;
    font-size: 16px;
    line-height: 1.5;
    height: 54px;
    font-family: var(--font-extralight);
    font-weight: normal;
    color: var(--white);
    border-style: solid;
    position: relative;
    width: 100%;
    text-align: left;
}
.definition-dropdown ul.dropdown-menu {
    width: 100%;
    background: rgba(255, 255, 255, 0.02);
    backdrop-filter: blur(10px);
    border-radius: 0px;
    list-style: none;
    padding: 0;
}
.definition-dropdown ul.dropdown-menu a.dropdown-item {
    color: var(--white);
}
.definition-dropdown ul.dropdown-menu a.dropdown-item:hover {
    background: rgba(255, 255, 255, 0.15);
}
.dropdown-toggle::after {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    border-width: 1px 1px 0 0;
    border-style: solid;
    border-color: var(--white);
    top: 20px;
    right: 5px;
    transform: rotate(135deg);
    transition: transform, top, 0.5s;
}
.dropdown-toggle.show::after{
    border-color: var(--primary-color) !important;
    transform: rotate(315deg);
    top: 22px;
}
.definition-dropdown .dropdown-toggle:focus {
    box-shadow: none;
}
.site-form .gform_fields{
    gap: 20px !important;
}
.site-form .gfield--type-choice .gfield_checkbox .gchoice {
    display: inline-flex !important;
    width: auto !important;
    align-items: flex-start;
    padding: 5px 15px 5px 0px;
}
.site-form .gfield--type-choice .gfield_checkbox {
    display: inline-block !important;
    width: 100%;
    position: relative;
}
.site-form .gfield--type-choice .gfield_checkbox .gchoice label {
    color: var(--white);
}
.site-form .gfield--type-choice .gfield_checkbox .gchoice input{
    width: 22px !important;
    height: 22px !important;
    display: block;
    background: var(--soft-black);
    border-radius: 2px !important;
    border: 1px solid var(--white40) !important;
    cursor: pointer;
    position: relative;
}
.site-form .gfield--type-choice .gfield_checkbox .gchoice input[type="checkbox"]:checked{
    background-color: var(--primary-bg) !important;
}
.site-form .gfield--type-choice .gfield_checkbox .gchoice input[type="checkbox"]:not(:checked):hover{
    border-color: var(--white) !important;
    background: var(--gray) !important;
}
.gform-theme--framework input[type=checkbox]:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *))::before {
    top: 3px !important;
    width: 20px !important;
    height: 20px !important;
    display: block;
    left: 2px !important;
    position: absolute !important;
}
.gform_button {
    border: 1px solid var(--secondary-color) !important;
    border-radius: 35px !important;
    text-transform: uppercase !important;
    color: var(--primary-color) !important;
    text-decoration: none !important;
    font-size: calc(var(--font-size)*0.875) !important;
    font-family: var(--font-regular) !important;
    line-height: 22px !important;
    display: inline-block !important;
    padding: 8px 24px !important;
    background-color: transparent !important;
    transition: background-color 1s !important;
    font-weight: 400 !important;
    min-width: 118px !important;
    margin-top: 15px !important;
}
.gform_button:hover {
    background-color: var(--primary15) !important;
}
.gform_required_legend{
    display: none !important;
}
.gform-theme--framework .gform_validation_errors {
    margin-bottom: 20px;
    border-color: var(--primary15) !important;
    background: var(--primary15) !important;
}
.gform-theme--framework .gform_validation_errors .gform_submission_error {
    color: var(--white) !important;
}
.gform-theme--framework .gform_validation_errors .gform_submission_error .gform-icon {
    color: var(--white) !important;
    border-color: var(--white);
}
.site-form .gfield_label {
    color: var(--white) !important;
    font-size: 16px !important;
    font-family: var(--font-light) !important;
}
.site-form span.gfield_required {
    color: var(--white) !important;
    font-size: 18px;
}
.definition-table table{
    background-color: #202020;
}
.definition-table table tr th,
.definition-table table tr td{
    background-color: #202020;
    font-size: 16px;
    color: var(--white);
    font-family: var(--font-extralight);
    line-height: 1.3;
    letter-spacing: 0.1px;
    font-weight: normal;
    padding: 16px 20px;
    min-width: 150px;
}
.definition-table table tr th strong,
.definition-table table tr td strong{
    color: var(--primary-color);
    font-family: var(--font-regular);
    font-weight: normal;
}
.definition-table table thead tr th:first-child,
.definition-table table tbody tr td:first-child{
    position: sticky;
    left: 0;
    min-width: 200px;
    max-width: 400px;
}
.definition-table table{
    border-color: #4B4B4B;
}

.accordion-button:not(.collapsed),
.accordion-body,
.accordion-item,
.accordion-button{
    background-color: var(--soft-black);
}
.accordion-button:not(.collapsed){
    color: var(--white);
    box-shadow: none;
}
.accordion-item{
    border-color: var(--primary-color);
}
button.accordion-button {
    font-size: 20px;
    color: var(--white);
    font-family: var(--font-regular);
    line-height: 1.3;
    padding: 13px 16px;
}
.accordion-body{
    padding: 0px 16px 13px 16px;
}
.accordion-body p {
    font-size: 16px;
    color: var(--white);
    line-height: 1.3;
    font-family: var(--font-extralight);
}
.accordion-body p:last-child {
    margin-bottom: 0;
}
.accordion-button::after{
    background: url('../images/svg/plus-icon.svg') no-repeat center;
}
.accordion-button:not(.collapsed)::after{
    background: url('../images/svg/minus-icon.svg') no-repeat center;
}
.iconblurb-card {
    padding-top: 25px;
    padding-bottom: 25px;
}
.divider {
    height: 1px;
    width: 100%;
    background-color: var(--white);
    margin-bottom: 15px;
}
.blurb-icon{
    margin-bottom: 16px;
}
.blurb-title h3{
    margin-bottom: 0;
}
.blurb-content{
    padding-top: 16px;
}
strong{
    font-family: var(--font-semibold);
    font-weight: normal;
}
.blurb-icon img {
    max-width: 42px;
    max-height: 24px;
}
.blurb-content p:last-child{
    margin-bottom: 0;
}
.highlight-text{
    color: var(--primary-color) !important;
}

/* 2Up Text Section */
.\32 -up-text-section{
    background-color: var(--soft-black);
    background-image: url('../images/Halftone.png');
    background-position: bottom 0 right 10%;
    background-repeat: no-repeat; 
}
.\32 up-text-header h5 {
    font-size: calc(var(--font-size) * 0.75);
    text-transform: uppercase;
    color: var(--primary-color);
    margin-bottom: 4px;
}
.\32 up-text-header h3 {
    margin-bottom: 16px;
}
.content-body{
    margin-bottom: 16px;
}
.content-body p:last-child{
    margin-bottom: 0;
}

/***************/
.definition-vcarousel-block{
    padding: 50px 0;
}
.definition-vcarousel {
  background: var(--soft-black);
  padding: 50px 0;
}
.defi-vertical-carousel {
  position: relative;
  height: 100vh;
  max-height: 450px;
  width: 100%;
  margin: auto;
  overflow-y: scroll;
  scroll-snap-type: y mandatory;
  scrollbar-width: none;
  padding: 100px 0;
}
.defi-carousel-track {
  /* display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px; */
  height: 100%;
  visibility: visible;
}
.v-carousel-item {
  min-height: 150px;
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.2em;
  border-radius: 10px;
  scroll-snap-align: center;
  opacity: 0.4;
  transition: transform 0.3s, opacity 0.3s;
  margin-right: 0 !important;
  background-color: var(--soft-black);
}
.v-carousel-item.active {
  opacity: 1;
  position: relative;
  z-index: 9;
}
.svg-img-code svg {
    max-width: 250px;
    width: 100%;
    height: auto;
    max-height: 200px;
    opacity: 0;
    filter: brightness(0.5) grayscale(1);
    transition: opacity, filter, 0.75s;
    margin: auto;
    display: block;
}
.svg-img-code svg:hover {
    filter: none;
}
.v-carousel-item.active .svg-img-code svg{
    opacity: 1;
    transform: scale(1);
}
.v-carousel-item .defi-verti-content-in{
    transition: transform, 0.75s;
    max-width: 420px;
}
.v-carousel-item.active .defi-verti-content-in{
    transform: translate(-10%, 0px);
}
.v-carousel-item a.btn-outline-style {
    display: none;
    transform: display, 0.75s;
}
.v-carousel-item.active a.btn-outline-style {
    display: inline-block;
}
.defi-verti-content-in h3 {
    font-size: 28px;
    font-family: var(--font-extrabold);
    margin-bottom: 16px;
}
.v-carousel-item.active .defi-verti-content-in h3,
.v-carousel-item.active .defi-verti-content-in .content p{
    color: var(--primary-color);
}
.v-carousel-item:has( + .active) {
    align-items: flex-end;
}
.v-carousel-item.active + .v-carousel-item {
    align-items: flex-start;
}
.casestudy-featured-card-in {
    position: relative;
    width: 100%;
    padding-top: 57%;
    background: var(--off-white);
}
.casestudy-featured-card-in img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.casestudy-featured-card-in:before{
    content: '';
    background-color: var(--black20);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}
.casestudy-card-title {
    position: absolute;
    bottom: 0px;
    left: 0;
    right: 0;
    width: 100%;
    padding: 10px 16px;
    z-index: 2;
}
.casestudy-card-title h5 {
    color: var(--white);
    font-weight: normal;
    font-family: var(--font-extralight);
    font-size: 16px;
    margin-bottom: 8px;
    line-height: 1.15;
}
.case-studies-row .insight-card {
    padding: 8px;
}
.text-caption-inner{
    max-width: 1000px;
}
.text-caption-inner .qoute-content p{
    margin-bottom: 40.hero-content h1 strongpx;
}
.text-caption-inner .qoute-content p:last-child{
    margin-bottom: 0px;
}
.hero-banner .hero-content-description {
    max-width: 580px;
}
.career-badge{
    font-size: 12px;
    text-transform: uppercase;
    font-family: var(--font-regular);
    margin-bottom: 3px;
}
.job-card-title a{
    text-decoration: none !important;
}
.job-card-title h3{
    margin-bottom: 16px;
}
.job-card-row {
    display: flex;
    flex-wrap: wrap;
    gap: 65px;
}
.job-card {
    width: 100%;
}

.post-header{
    padding-top: 90px;
}
.post-header h1{
    font-size: 62px;
    line-height: 0.95;
    font-family: var(--font-light);
    font-weight: normal;
    margin-bottom: 16px;
}
.post-intro,
.post-intro p{
    font-size: 22px;
    color: var(--white);
    font-family: var(--font-extralight);
    font-weight: normal;
    line-height: 1.3;
    margin-bottom: 16px;
}
.post-header .divider{
    opacity: 0.45;
}
.read-time {
    color: var(--white) !important;
    font-size: 13px;
    text-transform: uppercase;
    line-height: 18px;
    opacity: 0.5;
    border-radius: 24px;
    display: inline-flex;
    text-decoration: none !important;
    align-items: center;
}
.defi-content-section h2{
    color: var(--white);
    font-family: var(--font-regular);
    line-height: 1.05;
    margin-bottom: 24px;
    font-weight: normal;
}
.author-avatar {
    padding-right: 35px;
    border-right: 1px solid var(--white);
    margin-right: 16px;
}
.writen-label {
    font-size: 16px;
    color: var(--primary-color);
    margin-bottom: 32px;
}
.author-info h4{
    color: var(--white);
    font-size: 48px;
    font-family: var(--font-bold);
    font-weight: normal;
    line-height: 95%;
    margin-bottom: 8px;
}
.related-post{
    padding: 60px 0 40px 0;
}
.related-post h2{
    color: var(--white);
    font-family: var(--font-regular);
    margin-bottom: 28px;
    font-weight: normal;
}
ul {
    color: var(--white);
    list-style: disc !important;
}
.career-featured-img{
    margin-bottom: 32px;
}
.cta-section{
    padding: 75px 0;
}
.cta-section h2{
    color: var(--white);
    font-family: var(--font-regular);
    font-size: 40px;
    font-weight: normal;
    line-height: 105%;
    margin-bottom: 16px;
}
.cta-content{
    max-width: 600px;
    margin: auto;
}
.double-heading-column-section {
    padding: 50px 0;
}
.subheading{
    font-family: var(--font-regular);
    line-height: 100%;
    color: var(--primary-color);
    margin-bottom: 16px;
}
.heading-title{
    color: var(--white);
    font-family: var(--font-regular);
    font-weight: normal;
    margin-bottom: 16px;
}
.iconblurb-card-list{
    padding: 40px 0;
}
.border-content-right{
    border-left: 1px solid var(--white);
    padding-left: 16px;
}
.shortinfo-blurb{
    border-left: 1px solid var(--white);
    padding-left: 16px;
    display: inline-block;
    min-width: 280px;
}
.shortinfo-blurb-title {
    font-size: 16px;
    font-family: var(--font-regular);
    color: var(--primary-color);
    margin-bottom: 32px;
    line-height: 1.3;
}
.shortinfo-blurb-label {
    color: var(--white);
    font-size: 16px;
    font-family: var(--font-extralight);
    line-height: 1.3;
}
.shortinfo-blurb-number {
    margin-bottom: 8px;
    color: var(--white);
    font-size: 80px;
    font-family: var(--font-bold);
    line-height: 95%;
}
.result-field-section {
    padding: 40px 0;
}
.career-featured-img {
    max-height: 700px;
    overflow: hidden;
    height: 75vh;
    display: block;
}
.career-featured-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.hiring-location,
.hiring-salary{
    color: var(--white);
    font-family: var(--font-extralight);
    font-size: 22px;
    line-height: 1;
    padding: 3px 0px;
}
.detail-page-content p{
    font-size: 22px;
}
.img-gallery-section .row{
    margin-left: -8px;
    margin-right: -8px;
}
.gallery-item{
    height: 300px;
    display: flex;
    padding: 8px 8px !important;
}
@media(min-width: 1366px){
    .gallery-item{
        height: 380px;
    }
}
.gallery-item img{
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.resource-link-block{
    padding: 50px 0;
}
.resource-link-block h2 {
    color: var(--white);
    font-family: var(--font-regular);
    font-weight: normal;
    margin-bottom: 10px;
}
.resource-link-card{
    padding-top: 35px;
    padding-bottom: 35px;
}
.resource-link-card a {
    border-radius: 0 !important;
}
.resourse-title h4{
    font-size: 21px;
    color: var(--white);
    line-height: 105%;
    font-family: var(--font-extralight);
    font-weight: normal;
    & a{
        color: inherit;
        text-decoration: none;
        font-family: inherit;
        font-weight: inherit;
    }
}
.page-tbai-hero{
    padding: 120px 0 75px;
}
.page-tbai-hero .hero-content-description {
    max-width: 600px;
}
.page-tbai-hero .hero-content-description p{
    font-size: 21px;
}
.pagination-list{
    width: 100%;
    padding-top: 35px;
    text-align: center;
}
.pagination-list ul.page-numbers {
    text-align: center;
    padding-left: 0;
    display: flex;
    gap: 5px;
    align-items: center;
    justify-content: center;
}
.pagination-list ul.page-numbers li .page-numbers {
    color: var(--white);
    font-size: 16px;
    font-family: var(--font-medium);
    text-decoration: none;
    padding: 5px;
    display: inline-block;
    min-width: 26px;
    line-height: 1;
}
.pagination-list ul.page-numbers li a.prev,
.pagination-list ul.page-numbers li a.next {
    font-family: var(--font-regular);
    font-size: 14px;
}
.pagination-list ul.page-numbers li .page-numbers:hover,
.pagination-list ul.page-numbers li .page-numbers.current{
    color: var(--primary-color);
}
.blog-card-title h3:hover a,
.blog-featured-card:hover ~ .blog-card-title h3 a,
.blog-featured-card:hover ~ .blog-card-content .blog-card-title h3 a{
    color: var(--primary-color) !important;
    text-decoration: underline;
    text-decoration-thickness: 1px;
}
.post-meta-cat ul li a:hover{
    opacity: 0.75;
}

.defi-content-section iframe {
    width: 100%;
    height: 480px;
}
.insight-single-container .defi-content-section h2 {
    margin-top: 30px;
    display: inline-block;
    width: 100%;
    font-family: var(--font-regular);
}
.insight-single-container .defi-content-section h2 strong{
    font-family: var(--font-regular);
    font-weight: normal;
}
.defi-content-section ul,
.defi-content-section ol,
.blurb-content ul,
.blurb-content ol {
    padding-left: 20px;
}
.defi-content-section ul li,
.defi-content-section ol li,
.blurb-content ul li,
.blurb-content ol li{
    list-style: disc;
    font-size: 16px;
    padding: 3px 0px;
    color: var(--white);
}
.defi-content-section ul li a,
.defi-content-section ol li a,
.blurb-content ul li a,
.blurb-content ol li a{
    color: var(--white);
}
.defi-content-section ul li img,
.defi-content-section ol li img{
    width: 100%;
    padding: 10px 0px;
}
.content-body ul li , .content-body ol li {
    padding: 2px 0px 2px 15px;
    font-size: 16px;
    line-height: 1.3;
    font-weight: normal;
    font-family: var(--font-extralight);
    color: var(--white);
    position: relative;
}
.content-body ul, .content-body ol {
    padding-left: 0;
}
.content-body ul li:before {
    position: absolute;
    content: '';
    width: 6px;
    height: 6px;
    border-radius: 15px;
    background: var(--white);
    top: 9px;
    left: 0;
    opacity: 0.85;
}
.content-body ol li:before {
    content: '';
    position: absolute;
    left: 0;
    top: 9px;
    width: 6px;
    height: 6px;
    background: #fff;
    opacity: 0.75;
}
.text-standard h3 {
    font-size: 28px;
}
.text-standard h3 {
    font-size: 28px;
}
.links {
    padding-left: 0;
}
.links li {
    display: inline-block;
    width: 100%;
    padding: 5px 0;
    border-bottom: 1px solid var(--white);
}
.links li a {
    font-size: 20px;
    color: var(--white);
    text-decoration: none;
    position: relative;
    padding: 5px 20px 5px 0;
    display: inline-block;
    width: 100%;
}
.links li a:after {
    content: '';
    width: 10px;
    height: 10px;
    border-width: 1px 1px 0px 0px;
    border-style: solid;
    border-color: var(--white);
    display: block;
    position: absolute;
    right: 30px;
    transform: rotate(45deg);
    top: 15px;
    opacity: 0;
    transition: opacity, right, 0.5s;

}
.links li a:hover:after {
    right: 7px;
    opacity: 1;
}

.two-column-text-widget{
    padding: 25px 0;
}
.text-intro h2 {
    color: var(--white);
}
.news-thumbnail a.cta-flex.cta-caption.box-shadow-light {
    text-decoration: none;
}
.blog-card-content .synopsis {
    font-size: 16px;
    width: 100%;
}
.video-widget{
    padding: 25px 0;
}
.video-container {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 100%;
}

.video-embed {
  height: 0;
  padding-bottom: 56.25%;
  /* 16:9 */
}
.video-embed iframe {
  border: none;
  max-width: 100%;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
}
.block-listing.related-post{
    padding: 25px 0;
}
.work-thumbnail a{
    text-decoration: none;
}
.casestudy-card-title .icon svg,
.blog-card-title .icon svg {
    margin-left: 3px;
    width: 14px;
    height: 15px;
    overflow: visible;
}
.casestudy-card-title .icon svg *,
.blog-card-title .icon svg *{
    transition: fill, transform, 0.5s;
}
.blog-card-title h3:hover a .icon svg path,
.blog-featured-card:hover ~ .blog-card-title h3 a .icon svg path,
.blog-featured-card:hover ~ .blog-card-content .blog-card-title h3 a .icon svg path {
    fill: var(--primary-color);
}
.blog-card-title h3:hover a .icon svg path.arrow,
.blog-featured-card:hover ~ .blog-card-title h3 a .icon svg path.arrow,
.blog-featured-card:hover ~ .blog-card-content .blog-card-title h3 a .icon svg path.arrow {
    fill: var(--secondary-color);
    transform: translate(3px, -3px);
}
.external-icon .nav-link:before {
    position: relative;
    content: '';
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-right: 8px;
    background: url('../images/svg/site-arrow.svg') no-repeat center;
    top: 3px;
    background-size: contain;
}

.team-hero-setion .qoute-content h2{
    color: var(--white);
    font-family: var(--font-regular);
    font-weight: normal;
}
.team-hero-setion{
    padding: 150px 0px 30px;
}
.team-hero-inner{
    border-bottom: 1px solid var(--white40);
    padding-bottom: 75px;
}
.team-member-heading h2{
    color: var(--white);
    margin-bottom: 16px;
    font-weight: var(--font-regular);
}
.team-thumbnail a{
    text-decoration: none;
}
.team-member-info h4 {
    font-size: 17px;
    color: var(--white);
    font-weight: var(--font-semibold);
    margin-bottom: 5px;
    line-height: 1.35;
}
.team-member-info .job-title {
    font-size: 14px;
    font-weight: var(--font-light);
    color: var(--primary-color);
    line-height: 1.3;
    margin-bottom: 8px;
}
.team-listing-inner > .row{
    margin-left: -8px;
    margin-right: -8px;
}
.team-member-card{
    padding: 16px 8px !important;
}
.team-listing-inner{
    border-bottom: 1px solid var(--white40);
    padding: 50px 0;
}
.right-column-content-section{
    padding: 50px 0;
    background: url('../images/Halftone.png') no-repeat left 15% top 20%;
}
.right-column-content-inner {
    border-left: 1px solid var(--white50);
    padding-left: 20px;
}
.left-column-content-section h2{
    color: var(--white);
    font-weight: normal;
    line-height: 105%;
}
.left-column-content-section {
    padding: 80px 0 15px;
}

.search-results-main{
    padding: 150px 0px 50px;
}
.search-results-main h1{
    color: var(--white);
    margin-bottom: 30px;
    & strong{
        color: var(--primary-color);
        font-family: var(--font-bold);

    }
}

.pagination-list .page-numbers {
    font-size: 16px;
    color: var(--white);
    min-width: 26px;
    height: 26px;
    display: inline-block;
    line-height: 26px;
    margin: 2px;
    text-decoration: none;
}
.pagination-list .page-numbers.current,
.pagination-list .page-numbers:hover {
    color: var(--primary-color);
}
.display-posts-listing li{
	list-style: none !important;
}
.listing-item a {
    color: var(--white);
    font-size: 18px;
    position: relative;
    padding-left: 15px;
}
.listing-item a:before {
    content: '';
    width: 6px;
    height: 6px;
    background-color: var(--white);
    border-radius: 25px;
    position: absolute;
    top: 7px;
    left: 0;
}
#page-404{
    padding: 150px 0 100px;
}
#page-404 h1{
    font-family: var(--font-medium);
    font-size: 60px;
    color: var(--primary-color);
    margin-bottom: 20px;
}
#page-404 p{
    font-size: 18px;
}
#page-404 a{
    color: var(--primary-color);
}
.play-icon {
    z-index: 5;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}
.play-icon:before {
    content: '';
    z-index: 2;
    color: #fff;
    font-size: 8rem;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    margin-left: 2px;
    text-indent: 0;
    width: 50px;
    height: 50px;
    border-width: 35px 0px 35px 50px;
    border-style: solid;
    border-color: transparent transparent transparent #fff;
}
.f-html,
.fancybox__content  {
    background: transparent !important;
}
.video-container-box img {
    width: 100%;
}
.blurb-areas-section {
    padding: 75px 0 25px;
}
.one-third-col {
    padding-top: 15px;
    padding-bottom: 15px;
    padding-right: 8%;
}
.blurb-subhead {
    color: var(--primary-color);
    font-size: 25px;
    font-family: var(--font-regular);
    line-height: 1.1;
    margin-bottom: 10px;
}
.blurb-head h3{
    color: var(--white);
    font-size: 25px;
    font-family: var(--font-regular);
    line-height: 1.15;
    margin-bottom: 15px;
}
.blurb-content p{
    color: var(--white);
    font-family: var(--font-size);
    line-height: 1.3;
}
.blurb-items {
    padding: 15px 25px;
}
.blurb-list-row {
    padding: 15px 0;
    margin-bottom: 15px;
    border-bottom: 1px solid var(--white);
}
.blurb-list-row .row {
    margin-left: -25px;
    margin-right: -25px;
}
.site-form .hs-form-field label,
.hs-form-field label {
    color: #fff;
    font-size: 14px;
    margin-bottom: 3px;
    letter-spacing: 1px;
    font-family: var(--font-light);
}
.site-form .hs-input,
.hs-input {
    width: 100%;
    background: var(--soft-black);
    padding: 8px 0px;
    border-width: 0px 0px 1px 0px;
    border-style: solid;
    border-color: var(--white40);
    font-size: 16px;
    line-height: 24px;
    color: var(--primary-color);
}
.site-form .hs-form-field,
.hs-form-field {
    width: 100%;
    margin-bottom: 20px;
}
.site-form .hs-form-field .inputs-list,
.hs-form-field .inputs-list {
    padding: 5px 0 0;
    margin-bottom: 0;
}
.site-form .hs-form-field .inputs-list label,
.hs-form-field .inputs-list label {
    font-size: 14px;
    font-family: var(--font-light);
    letter-spacing: 0.5px;
    color: #c77c7c;
}
.site-form .hs-button, 
input.hs-button {
    border: 1px solid var(--secondary-color) !important;
    border-radius: 35px !important;
    text-transform: uppercase !important;
    color: var(--primary-color) !important;
    text-decoration: none !important;
    font-size: calc(var(--font-size) * 0.875) !important;
    font-family: var(--font-regular) !important;
    line-height: 22px !important;
    display: inline-block !important;
    padding: 8px 24px !important;
    background-color: transparent !important;
    transition: background-color 1s !important;
    font-weight: 400 !important;
    min-width: 118px !important;
    margin-top: 15px !important;
}
.site-form .hs-button:hover, 
input.hs-button:hover{
    background-color: var(--primary15);
}
.site-form .hs-button:focus, 
input.hs-button:focus{
    background-color: var(--primary-color);
    color: var(--soft-black) !important;
}
.bg-img {
    width: 100%;
    position: absolute;
    height: 100%;
    background-size: cover;
    top: 0;
    left: 0;
}
.bg-img-wrapper {
    width: 100%;
    padding-top: 77%;
    position: relative;
    margin-bottom: 20px;
}
.work-thumbnail .caption-flex h2 {
    font-size: 25px;
    color: var(--white);
    font-weight: normal;
    margin-bottom: 15px;
}
.services-list {
    padding-left: 0;
    margin-bottom: 00;
    display: flex;
    flex-wrap: wrap;
    gap: 4px 8px;
}
.service-name {
    color: var(--white) !important;
    border: 1px solid var(--white);
    font-size: 13px;
    text-transform: uppercase;
    padding: 3px 14px;
    line-height: 16px;
    opacity: 0.5;
    border-radius: 20px;
    display: inline-block;
    text-decoration: none !important;
}
.work-thumbnail {
    padding: 25px 0;
}
.text-video-widget {
    padding: 35px 0px;
}
.team-thumbnail .img-wrapper-flex {
    position: relative;
    width: 100%;
    padding-top: 135%;
}
.team-thumbnail .img-wrapper-flex img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.message-icon{
	max-width: 150px;
}
.accordion-body ul,
.accordion-body ol{
    padding-left: 20px;
}
.accordion-body ul li,
.accordion-body ol li{
    list-style: disc;
    font-size: 16px;
    padding: 3px 0px;
    color: var(--white);
}

.news-detail ul li,
.news-detail ol li {
    font-size: 20px;
    color: var(--white);
    font-family: var(--font-extralight);
}
.news-detail ul li {
    list-style: disc;
}
.news-detail ol li {
	list-style: decimal;
}
.news-detail ul li a,
.news-detail ol li a{
	color: var(--white);
    font-family: var(--font-extralight);
}
.content-wrapper h2 a {
    color: inherit;
}
table {
    border: 1px solid var(--primary-color);
	width: 100% !important;
}
table tbody tr td,
table tfoot tr td,
table thead tr td,
table tbead tr th {
	border: 1px solid var(--primary-color);
	color: var(--white);
	padding: 5px 10px;
	vertical-align: text-top;
	font-size: 20px;
}
#header .custom-logo {
    max-width: 220px;
	transition: max-width, 0.75s;
}
#header.scrolled .custom-logo {
    max-width: 190px;
}
.hbspt-form .submitted-message {
    font-size: 20px;
    color: var(--white);
}
.hbspt-form .submitted-message a {
    color: var(--secondary-color);
}
.hbspt-form .hs-richtext {
    color: var(--white);
}
.content-wrapper ul,
.content-wrapper ol{
    padding-left: 0 !important;
}
.content-wrapper ul li,
.content-wrapper ol li{
    padding-left: 15px;
    position: relative;
}
.content-wrapper ul li:before,
.content-wrapper ol li:before{
    content: '';
    position: absolute;
    width: 6px;
    height: 6px;
    background: var(--white);
    border-radius: 10px;
    top: 9px;
    left: 0;
}
.links li {
	padding-left: 0 !important;
}
.links li::before {
    display: none;
}
.work-slider-wrap {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column-reverse;
}
a {
    color: var(--secondary-color);
}