@font-face {
    font-family: 'Jersey';
    src: url('/fonts/jersey/Jersey15-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Chakra Petch';
    src: url('/fonts/chakraPetch/ChakraPetch-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Chakra Petch';
    src: url('/fonts/chakraPetch/ChakraPetch-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Chakra Petch';
    src: url('/fonts/chakraPetch/ChakraPetch-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Chakra Petch';
    src: url('/fonts/chakraPetch/ChakraPetch-Italic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: 'Chakra Petch';
    src: url('/fonts/chakraPetch/ChakraPetch-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Chakra Petch';
    src: url('/fonts/chakraPetch/ChakraPetch-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Chakra Petch';
    src: url('/fonts/chakraPetch/ChakraPetch-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Chakra Petch';
    src: url('/fonts/chakraPetch/ChakraPetch-SemiBoldItalic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: 'Chakra Petch';
    src: url('/fonts/chakraPetch/ChakraPetch-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Chakra Petch';
    src: url('/fonts/chakraPetch/ChakraPetch-BoldItalic.ttf') format('truetype');
    font-weight: 700;
    font-style: italic;
}


span, p, div, .btn {
    font-family: 'Chakra Petch', sans-serif !important;
    font-weight: 400;
    font-style: normal;
}


h1,h2,h3,h4,h5,h6 {
    font-family: "Chakra Petch", sans-serif !important;
    font-weight: 500 !important;
}
 
.banner-title h1 {
    font-family: "Jersey", sans-serif !important;
}
 
 .page-title-extra-large h2 {
    font-family: 'Chakra Petch', sans-serif !important;
 }
 
 .navbar-nav {
     gap: 15px;
 }
 
 a {
     
 }
 
.nav-item a {
    text-transform: uppercase;
    font-size: 14px !important;
    font-weight: 700 !important;
    font-family: "Chakra Petch", sans-serif !important;
}

.swiper-slide div {
    font-family: "Jersey", sans-serif !important;
    text-transform: uppercase;
    letter-spacing: 4px !important;
}
 
.splitting span {
    font-size: 6.5vw;
    font-weight: 500 !important;
    line-height: 83% !important;
    display: block !important;
}

.section-dark h1 {
    font-weight: 500 !important;
}
 
        
        .expertise-plataforms a {
            color: var(--base-color) !important;
        }
        
.banner-title {
    background-image: linear-gradient(100deg, rgb(90, 195, 188) 0%, #43a7da 25%, #5ac3bc 50%, #50b6d1 75%, #43a7da 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-size: 200% 200%;
    background-position: left center;
    padding-top: 210px;
    height: 540px;
    font-size: 32vw !important;
    letter-spacing: 10px !important;
}

.banner-title h1 {
    font-size: 31vw !important;
}


.banner-title {
    font-size: 25px;
}

.sticky-wrap.shadow-in {
    left: 23px !important;
}

.text-dark {
    margin-bottom: 0px !important;
}

ul li {
    list-style: unset !important;
    font-family: 'Chakra Petch', sans-serif !important;
}

.btn.btn-expand-ltr span {
    border-radius: 0px !important;
}

.feature-box.feature-box-left-icon .feature-box-icon, .feature-box.feature-box-left-icon-middle .feature-box-icon {
    border-radius: 0px !important;
}

.border-radius-100px {
    border-radius: 0px !important;
}

.rounded-circle {
    border-radius: 0px !important;
}

.text-outline-color-extra-medium-gray {
    -webkit-text-stroke-color: transparent !important;
}

.text-outline-color-dark-gray {
    -webkit-text-stroke-color: transparent !important;
}

.btn.btn-link-gradient.expand span {
    background-color: var(--base-color);
}

.btn-rounded {
    border-radius: 0px !important;
}

.text-outline {
        -webkit-text-fill-color: #f7f7f7 !important;
}

.portfolio-filter li.active a, .portfolio-filter li:focus a, .portfolio-filter li:hover a {
    border-color: var(--base-color);
}

.text-decoration-line-bottom-medium {
    border-bottom: 2px solid var(--base-color);
}   

.support-link {
    border-bottom: 2px solid var(--base-color);
}