@font-face {
font-family: 'ITC Avant Garde';
src: url(//veloce.tech/wp-content/themes/Divi-child/assets/fonts/ITCAvantGardeStd-Bk.eot);
src: local('ITC Avant Garde Gothic Std Book'), local('ITCAvantGardeStd-Bk'),
url(//veloce.tech/wp-content/themes/Divi-child/assets/fonts/ITCAvantGardeStd-Bk.eot?#iefix) format('embedded-opentype'),
url(//veloce.tech/wp-content/themes/Divi-child/assets/fonts/ITCAvantGardeStd-Bk.woff2) format('woff2'),
url(//veloce.tech/wp-content/themes/Divi-child/assets/fonts/ITCAvantGardeStd-Bk.woff) format('woff'),
url(//veloce.tech/wp-content/themes/Divi-child/assets/fonts/ITCAvantGardeStd-Bk.ttf) format('truetype');
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'ITC Avant Garde';
src: url(//veloce.tech/wp-content/themes/Divi-child/assets/fonts/ITCAvantGardeStd-BkObl.eot);
src: local('ITC Avant Garde Gothic Std Book Oblique'), local('ITCAvantGardeStd-BkObl'),
url(//veloce.tech/wp-content/themes/Divi-child/assets/fonts/ITCAvantGardeStd-BkObl.eot?#iefix) format('embedded-opentype'),
url(//veloce.tech/wp-content/themes/Divi-child/assets/fonts/ITCAvantGardeStd-BkObl.woff2) format('woff2'),
url(//veloce.tech/wp-content/themes/Divi-child/assets/fonts/ITCAvantGardeStd-BkObl.woff) format('woff'),
url(//veloce.tech/wp-content/themes/Divi-child/assets/fonts/ITCAvantGardeStd-BkObl.ttf) format('truetype');
font-weight: 300;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'ITC Avant Garde';
src: url(//veloce.tech/wp-content/themes/Divi-child/assets/fonts/ITCAvantGardeStd-Md.eot);
src: local('ITC Avant Garde Gothic Std Medium'), local('ITCAvantGardeStd-Md'),
url(//veloce.tech/wp-content/themes/Divi-child/assets/fonts/ITCAvantGardeStd-Md.eot?#iefix) format('embedded-opentype'),
url(//veloce.tech/wp-content/themes/Divi-child/assets/fonts/ITCAvantGardeStd-Md.woff2) format('woff2'),
url(//veloce.tech/wp-content/themes/Divi-child/assets/fonts/ITCAvantGardeStd-Md.woff) format('woff'),
url(//veloce.tech/wp-content/themes/Divi-child/assets/fonts/ITCAvantGardeStd-Md.ttf) format('truetype');
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'ITC Avant Garde';
src: url(//veloce.tech/wp-content/themes/Divi-child/assets/fonts/ITCAvantGardeStd-MdObl.eot);
src: local('ITC Avant Garde Gothic Std Medium Oblique'), local('ITCAvantGardeStd-MdObl'),
url(//veloce.tech/wp-content/themes/Divi-child/assets/fonts/ITCAvantGardeStd-MdObl.eot?#iefix) format('embedded-opentype'),
url(//veloce.tech/wp-content/themes/Divi-child/assets/fonts/ITCAvantGardeStd-MdObl.woff2) format('woff2'),
url(//veloce.tech/wp-content/themes/Divi-child/assets/fonts/ITCAvantGardeStd-MdObl.woff) format('woff'),
url(//veloce.tech/wp-content/themes/Divi-child/assets/fonts/ITCAvantGardeStd-MdObl.ttf) format('truetype');
font-weight: 500;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'ITC Avant Garde';
src: url(//veloce.tech/wp-content/themes/Divi-child/assets/fonts/ITCAvantGardeStd-Demi.eot);
src: local('ITC Avant Garde Gothic Std Demi'), local('ITCAvantGardeStd-Demi'),
url(//veloce.tech/wp-content/themes/Divi-child/assets/fonts/ITCAvantGardeStd-Demi.eot?#iefix) format('embedded-opentype'),
url(//veloce.tech/wp-content/themes/Divi-child/assets/fonts/ITCAvantGardeStd-Demi.woff2) format('woff2'),
url(//veloce.tech/wp-content/themes/Divi-child/assets/fonts/ITCAvantGardeStd-Demi.woff) format('woff'),
url(//veloce.tech/wp-content/themes/Divi-child/assets/fonts/ITCAvantGardeStd-Demi.ttf) format('truetype');
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'ITC Avant Garde';
src: url(//veloce.tech/wp-content/themes/Divi-child/assets/fonts/ITCAvantGardeStd-DemiObl.eot);
src: local('ITC Avant Garde Gothic Std Demi Oblique'), local('ITCAvantGardeStd-DemiObl'),
url(//veloce.tech/wp-content/themes/Divi-child/assets/fonts/ITCAvantGardeStd-DemiObl.eot?#iefix) format('embedded-opentype'),
url(//veloce.tech/wp-content/themes/Divi-child/assets/fonts/ITCAvantGardeStd-DemiObl.woff2) format('woff2'),
url(//veloce.tech/wp-content/themes/Divi-child/assets/fonts/ITCAvantGardeStd-DemiObl.woff) format('woff'),
url(//veloce.tech/wp-content/themes/Divi-child/assets/fonts/ITCAvantGardeStd-DemiObl.ttf) format('truetype');
font-weight: 600;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'ITC Avant Garde';
src: url(//veloce.tech/wp-content/themes/Divi-child/assets/fonts/ITCAvantGardeStd-Bold.eot);
src: local('ITC Avant Garde Gothic Std Bold'), local('ITCAvantGardeStd-Bold'),
url(//veloce.tech/wp-content/themes/Divi-child/assets/fonts/ITCAvantGardeStd-Bold.eot?#iefix) format('embedded-opentype'),
url(//veloce.tech/wp-content/themes/Divi-child/assets/fonts/ITCAvantGardeStd-Bold.woff2) format('woff2'),
url(//veloce.tech/wp-content/themes/Divi-child/assets/fonts/ITCAvantGardeStd-Bold.woff) format('woff'),
url(//veloce.tech/wp-content/themes/Divi-child/assets/fonts/ITCAvantGardeStd-Bold.ttf) format('truetype');
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'ITC Avant Garde';
src: url(//veloce.tech/wp-content/themes/Divi-child/assets/fonts/ITCAvantGardeStd-BoldObl.eot);
src: local('ITC Avant Garde Gothic Std Bold Oblique'), local('ITCAvantGardeStd-BoldObl'),
url(//veloce.tech/wp-content/themes/Divi-child/assets/fonts/ITCAvantGardeStd-BoldObl.eot?#iefix) format('embedded-opentype'),
url(//veloce.tech/wp-content/themes/Divi-child/assets/fonts/ITCAvantGardeStd-BoldObl.woff2) format('woff2'),
url(//veloce.tech/wp-content/themes/Divi-child/assets/fonts/ITCAvantGardeStd-BoldObl.woff) format('woff'),
url(//veloce.tech/wp-content/themes/Divi-child/assets/fonts/ITCAvantGardeStd-BoldObl.ttf) format('truetype');
font-weight: 700;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'ITC Avant Garde';
src: url(//veloce.tech/wp-content/themes/Divi-child/assets/fonts/ITCAvantGardeStd-XLt.eot);
src: local('ITC Avant Garde Gothic Std Extra Light'), local('ITCAvantGardeStd-XLt'),
url(//veloce.tech/wp-content/themes/Divi-child/assets/fonts/ITCAvantGardeStd-XLt.eot?#iefix) format('embedded-opentype'),
url(//veloce.tech/wp-content/themes/Divi-child/assets/fonts/ITCAvantGardeStd-XLt.woff2) format('woff2'),
url(//veloce.tech/wp-content/themes/Divi-child/assets/fonts/ITCAvantGardeStd-XLt.woff) format('woff'),
url(//veloce.tech/wp-content/themes/Divi-child/assets/fonts/ITCAvantGardeStd-XLt.ttf) format('truetype');
font-weight: 200;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'ITC Avant Garde';
src: url(//veloce.tech/wp-content/themes/Divi-child/assets/fonts/ITCAvantGardeStd-XLtObl.eot);
src: local('ITC Avant Garde Gothic Std Extra Light Oblique'), local('ITCAvantGardeStd-XLtObl'),
url(//veloce.tech/wp-content/themes/Divi-child/assets/fonts/ITCAvantGardeStd-XLtObl.eot?#iefix) format('embedded-opentype'),
url(//veloce.tech/wp-content/themes/Divi-child/assets/fonts/ITCAvantGardeStd-XLtObl.woff2) format('woff2'),
url(//veloce.tech/wp-content/themes/Divi-child/assets/fonts/ITCAvantGardeStd-XLtObl.woff) format('woff'),
url(//veloce.tech/wp-content/themes/Divi-child/assets/fonts/ITCAvantGardeStd-XLtObl.ttf) format('truetype');
font-weight: 200;
font-style: italic;
font-display: swap;
} @font-face {
font-family: 'ITC Avant Garde';
src: url(//veloce.tech/wp-content/themes/Divi-child/assets/fonts/ITCAvantGardeStd-BkCn.eot);
src: local('ITC Avant Garde Gothic Std Book Condensed'), local('ITCAvantGardeStd-BkCn'),
url(//veloce.tech/wp-content/themes/Divi-child/assets/fonts/ITCAvantGardeStd-BkCn.eot?#iefix) format('embedded-opentype'),
url(//veloce.tech/wp-content/themes/Divi-child/assets/fonts/ITCAvantGardeStd-BkCn.woff2) format('woff2'),
url(//veloce.tech/wp-content/themes/Divi-child/assets/fonts/ITCAvantGardeStd-BkCn.woff) format('woff'),
url(//veloce.tech/wp-content/themes/Divi-child/assets/fonts/ITCAvantGardeStd-BkCn.ttf) format('truetype');
font-weight: 300;
font-style: normal;
font-stretch: condensed;
font-display: swap;
}
@font-face {
font-family: 'ITC Avant Garde';
src: url(//veloce.tech/wp-content/themes/Divi-child/assets/fonts/ITCAvantGardeStd-BkCnObl.eot);
src: local('ITC Avant Garde Gothic Std Book Condensed Oblique'), local('ITCAvantGardeStd-BkCnObl'),
url(//veloce.tech/wp-content/themes/Divi-child/assets/fonts/ITCAvantGardeStd-BkCnObl.eot?#iefix) format('embedded-opentype'),
url(//veloce.tech/wp-content/themes/Divi-child/assets/fonts/ITCAvantGardeStd-BkCnObl.woff2) format('woff2'),
url(//veloce.tech/wp-content/themes/Divi-child/assets/fonts/ITCAvantGardeStd-BkCnObl.woff) format('woff'),
url(//veloce.tech/wp-content/themes/Divi-child/assets/fonts/ITCAvantGardeStd-BkCnObl.ttf) format('truetype');
font-weight: 300;
font-style: italic;
font-stretch: condensed;
font-display: swap;
}
@font-face {
font-family: 'ITC Avant Garde';
src: url(//veloce.tech/wp-content/themes/Divi-child/assets/fonts/ITCAvantGardeStd-MdCn.eot);
src: local('ITC Avant Garde Gothic Std Medium Condensed'), local('ITCAvantGardeStd-MdCn'),
url(//veloce.tech/wp-content/themes/Divi-child/assets/fonts/ITCAvantGardeStd-MdCn.eot?#iefix) format('embedded-opentype'),
url(//veloce.tech/wp-content/themes/Divi-child/assets/fonts/ITCAvantGardeStd-MdCn.woff2) format('woff2'),
url(//veloce.tech/wp-content/themes/Divi-child/assets/fonts/ITCAvantGardeStd-MdCn.woff) format('woff'),
url(//veloce.tech/wp-content/themes/Divi-child/assets/fonts/ITCAvantGardeStd-MdCn.ttf) format('truetype');
font-weight: 500;
font-style: normal;
font-stretch: condensed;
font-display: swap;
}
@font-face {
font-family: 'ITC Avant Garde';
src: url(//veloce.tech/wp-content/themes/Divi-child/assets/fonts/ITCAvantGardeStd-MdCnObl.eot);
src: local('ITC Avant Garde Gothic Std Medium Condensed Oblique'), local('ITCAvantGardeStd-MdCnObl'),
url(//veloce.tech/wp-content/themes/Divi-child/assets/fonts/ITCAvantGardeStd-MdCnObl.eot?#iefix) format('embedded-opentype'),
url(//veloce.tech/wp-content/themes/Divi-child/assets/fonts/ITCAvantGardeStd-MdCnObl.woff2) format('woff2'),
url(//veloce.tech/wp-content/themes/Divi-child/assets/fonts/ITCAvantGardeStd-MdCnObl.woff) format('woff'),
url(//veloce.tech/wp-content/themes/Divi-child/assets/fonts/ITCAvantGardeStd-MdCnObl.ttf) format('truetype');
font-weight: 500;
font-style: italic;
font-stretch: condensed;
font-display: swap;
}
@font-face {
font-family: 'ITC Avant Garde';
src: url(//veloce.tech/wp-content/themes/Divi-child/assets/fonts/ITCAvantGardeStd-DemiCn.eot);
src: local('ITC Avant Garde Gothic Std Demi Condensed'), local('ITCAvantGardeStd-DemiCn'),
url(//veloce.tech/wp-content/themes/Divi-child/assets/fonts/ITCAvantGardeStd-DemiCn.eot?#iefix) format('embedded-opentype'),
url(//veloce.tech/wp-content/themes/Divi-child/assets/fonts/ITCAvantGardeStd-DemiCn.woff2) format('woff2'),
url(//veloce.tech/wp-content/themes/Divi-child/assets/fonts/ITCAvantGardeStd-DemiCn.woff) format('woff'),
url(//veloce.tech/wp-content/themes/Divi-child/assets/fonts/ITCAvantGardeStd-DemiCn.ttf) format('truetype');
font-weight: 600;
font-style: normal;
font-stretch: condensed;
font-display: swap;
}
@font-face {
font-family: 'ITC Avant Garde';
src: url(//veloce.tech/wp-content/themes/Divi-child/assets/fonts/ITCAvantGardeStd-DemiCnObl.eot);
src: local('ITC Avant Garde Gothic Std Demi Condensed Oblique'), local('ITCAvantGardeStd-DemiCnObl'),
url(//veloce.tech/wp-content/themes/Divi-child/assets/fonts/ITCAvantGardeStd-DemiCnObl.eot?#iefix) format('embedded-opentype'),
url(//veloce.tech/wp-content/themes/Divi-child/assets/fonts/ITCAvantGardeStd-DemiCnObl.woff2) format('woff2'),
url(//veloce.tech/wp-content/themes/Divi-child/assets/fonts/ITCAvantGardeStd-DemiCnObl.woff) format('woff'),
url(//veloce.tech/wp-content/themes/Divi-child/assets/fonts/ITCAvantGardeStd-DemiCnObl.ttf) format('truetype');
font-weight: 600;
font-style: italic;
font-stretch: condensed;
font-display: swap;
}
@font-face {
font-family: 'ITC Avant Garde';
src: url(//veloce.tech/wp-content/themes/Divi-child/assets/fonts/ITCAvantGardeStd-BoldCn.eot);
src: local('ITC Avant Garde Gothic Std Bold Condensed'), local('ITCAvantGardeStd-BoldCn'),
url(//veloce.tech/wp-content/themes/Divi-child/assets/fonts/ITCAvantGardeStd-BoldCn.eot?#iefix) format('embedded-opentype'),
url(//veloce.tech/wp-content/themes/Divi-child/assets/fonts/ITCAvantGardeStd-BoldCn.woff2) format('woff2'),
url(//veloce.tech/wp-content/themes/Divi-child/assets/fonts/ITCAvantGardeStd-BoldCn.woff) format('woff'),
url(//veloce.tech/wp-content/themes/Divi-child/assets/fonts/ITCAvantGardeStd-BoldCn.ttf) format('truetype');
font-weight: 700;
font-style: normal;
font-stretch: condensed;
font-display: swap;
}
@font-face {
font-family: 'ITC Avant Garde';
src: url(//veloce.tech/wp-content/themes/Divi-child/assets/fonts/ITCAvantGardeStd-BoldCnObl.eot);
src: local('ITC Avant Garde Gothic Std Bold Condensed Oblique'), local('ITCAvantGardeStd-BoldCnObl'),
url(//veloce.tech/wp-content/themes/Divi-child/assets/fonts/ITCAvantGardeStd-BoldCnObl.eot?#iefix) format('embedded-opentype'),
url(//veloce.tech/wp-content/themes/Divi-child/assets/fonts/ITCAvantGardeStd-BoldCnObl.woff2) format('woff2'),
url(//veloce.tech/wp-content/themes/Divi-child/assets/fonts/ITCAvantGardeStd-BoldCnObl.woff) format('woff'),
url(//veloce.tech/wp-content/themes/Divi-child/assets/fonts/ITCAvantGardeStd-BoldCnObl.ttf) format('truetype');
font-weight: 700;
font-style: italic;
font-stretch: condensed;
font-display: swap;
}
@font-face {
font-family: 'ITC Avant Garde';
src: url(//veloce.tech/wp-content/themes/Divi-child/assets/fonts/ITCAvantGardeStd-XLtCn.eot);
src: local('ITC Avant Garde Gothic Std Extra Light Condensed'), local('ITCAvantGardeStd-XLtCn'),
url(//veloce.tech/wp-content/themes/Divi-child/assets/fonts/ITCAvantGardeStd-XLtCn.eot?#iefix) format('embedded-opentype'),
url(//veloce.tech/wp-content/themes/Divi-child/assets/fonts/ITCAvantGardeStd-XLtCn.woff2) format('woff2'),
url(//veloce.tech/wp-content/themes/Divi-child/assets/fonts/ITCAvantGardeStd-XLtCn.woff) format('woff'),
url(//veloce.tech/wp-content/themes/Divi-child/assets/fonts/ITCAvantGardeStd-XLtCn.ttf) format('truetype');
font-weight: 200;
font-style: normal;
font-stretch: condensed;
font-display: swap;
}
@font-face {
font-family: 'ITC Avant Garde';
src: url(//veloce.tech/wp-content/themes/Divi-child/assets/fonts/ITCAvantGardeStd-XLtCnObl.eot);
src: local('ITC Avant Garde Gothic Std Extra Light Condensed Oblique'), local('ITCAvantGardeStd-XLtCnObl'),
url(//veloce.tech/wp-content/themes/Divi-child/assets/fonts/ITCAvantGardeStd-XLtCnObl.eot?#iefix) format('embedded-opentype'),
url(//veloce.tech/wp-content/themes/Divi-child/assets/fonts/ITCAvantGardeStd-XLtCnObl.woff2) format('woff2'),
url(//veloce.tech/wp-content/themes/Divi-child/assets/fonts/ITCAvantGardeStd-XLtCnObl.woff) format('woff'),
url(//veloce.tech/wp-content/themes/Divi-child/assets/fonts/ITCAvantGardeStd-XLtCnObl.ttf) format('truetype');
font-weight: 200;
font-style: italic;
font-stretch: condensed;
font-display: swap;
}
html {
margin: 0 !important;
}
body {
overflow-x: hidden;
}
#header-global-main {
padding: 0 !important;
} .veloce-header {
background: #ffffff;
position: relative;
z-index: 1000;
}
.logo-link {
display: inline-block;
text-decoration: none;
color: #1A1A1A;
}
.logo-link span {
font-size: 18px;
font-weight: 700;
margin-left: 15px;
vertical-align: middle;
font-family: 'ITC Avant Garde Gothic Std', sans-serif;
}
.header-container {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
max-width: 1200px !important;
margin: 0 auto !important;
height: 75px !important;
max-height: 75px !important;
max-height: 75px !important;
}
#menu-menu-principal {
margin: 0 !important;
padding: 0 !important;
} .header-logo img {
height: 70px;
width: auto;
} .menu-with-megamenu {
position: relative;
display: flex;
align-items: center;
} .main-navigation {
display: flex;
align-items: center;
}
.main-menu {
display: flex;
list-style: none;
margin: 0;
padding: 0;
gap: 15px;
align-items: center;
}
.main-menu li {
position: relative;
list-style: none;
}
.main-menu a {
display: block !important;
padding: 5px 15px !important;
text-decoration: none !important;
color: #374151 !important;
font-weight: 400 !important;
font-size: 14px !important;
transition: color 0.2s ease !important;
white-space: nowrap !important;
}
.main-menu a:hover {
color: #2563eb;
} .main-menu li.menu-item-22>a {
background: #0127b2 !important;
color: white !important;
padding: 12px 24px !important;
border-radius: 10px !important;
font-weight: 600 !important;
transition: all 0.2s ease !important;
}
.main-menu li.menu-item-22>a:hover {
background: #0127b2;
color: white;
transform: translateY(-1px);
} .main-menu .menu-item-has-children {
position: relative;
}
.main-menu .sub-menu {
display: none;
position: absolute;
top: calc(100% + 5px);
right: 0;
background: #ffffff;
min-width: 200px;
box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);
border-radius: 8px;
padding: 10px 0;
z-index: 100;
list-style: none;
border: 1px solid #f1f5f9;
}
.main-menu .sub-menu::before {
content: '';
position: absolute;
top: -20px;
left: 0;
width: 100%;
height: 20px;
background: transparent;
}
.main-menu .menu-item-has-children:hover .sub-menu {
display: block;
animation: fadeInMenu 0.2s ease-out;
}
@keyframes fadeInMenu {
from {
opacity: 0;
transform: translateY(10px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.main-menu .sub-menu li {
display: block;
margin: 0;
width: 100%;
}
.main-menu .sub-menu a {
display: block !important;
padding: 10px 20px !important;
font-size: 14px !important;
color: #374151 !important;
background: transparent !important;
border-radius: 0 !important;
font-weight: 400 !important;
text-align: left;
white-space: nowrap !important;
}
.main-menu .sub-menu a:hover {
background: transparent !important;
color: #0127b2 !important;
transform: none !important;
} .main-menu>li:last-child>a {
background: linear-gradient(135deg, #A4D958 0%, #7dd321 100%) !important;
color: #0f172a !important;
padding: 12px 24px !important;
border-radius: 10px !important;
font-weight: 600 !important;
transition: all 0.2s ease !important;
}
.main-menu>li:last-child>a:hover {
background: linear-gradient(135deg, #A4D958 0%, #7dd321 100%) !important;
color: #0f172a !important;
transform: translateY(-1px);
} @media (max-width: 768px) { .main-menu>li:last-child.menu-item-has-children>a {
display: none !important;
} .main-menu>li:last-child.menu-item-has-children .sub-menu {
display: flex !important;
position: static !important;
flex-direction: row;
gap: 5px;
background: transparent !important;
border: none !important;
box-shadow: none !important;
min-width: auto !important;
width: 100%;
flex-wrap: wrap;
} .main-menu>li:last-child.menu-item-has-children .sub-menu::before {
display: none !important;
} .main-menu>li:last-child.menu-item-has-children .sub-menu li {
flex: 1 1 auto;
min-width: 0;
margin: 0 !important;
border: none !important;
}
.main-menu>li:last-child.menu-item-has-children .sub-menu a {
display: block !important;
background: linear-gradient(135deg, #A4D958 0%, #7dd321 100%) !important;
color: #0f172a !important;
padding: 12px 20px !important;
border-radius: 10px !important;
font-weight: 600 !important;
font-size: 14px !important;
text-align: center !important;
white-space: normal !important;
transition: all 0.2s ease !important;
width: 100%;
}
.main-menu>li:last-child.menu-item-has-children .sub-menu a:hover {
background: linear-gradient(135deg, #A4D958 0%, #7dd321 100%) !important;
color: #0f172a !important;
transform: translateY(-1px);
} .main-menu>li:last-child.menu-item-has-children {
border-bottom: none !important;
padding: 0 !important;
} .main-menu>li:last-child.menu-item-has-children:hover .sub-menu,
.main-menu>li:last-child.menu-item-has-children .sub-menu {
display: flex !important;
opacity: 1 !important;
visibility: visible !important;
}
} .mega-menu-container {
display: none;
position: absolute;
top: 100%;
left: 50%;
transform: translateX(-50%);
background: #ffffff;
box-shadow: 0 20px 60px rgba(0, 0, 0, 0.1);
border-radius: 12px;
padding: 0;
z-index: 9999;
margin-top: 10px;
width: 1200px;
max-width: 95vw;
border: 1px solid #f1f5f9;
} :root {
--veloce-footer-bg: #12171f;
--veloce-footer-bg-alt: #12171f;
--veloce-footer-border: rgba(255, 255, 255, 0.08);
--veloce-footer-text: #cbd5e1;
--veloce-footer-text-soft: #9ca3af;
--veloce-footer-heading: #ffffff;
--veloce-footer-accent: #2563eb;
--veloce-footer-radius: 10px;
--veloce-footer-font: 'ITC Avant Garde', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
}
.veloce-footer {
background: var(--veloce-footer-bg);
color: var(--veloce-footer-text);
font-family: var(--veloce-footer-font);
font-size: 14px;
line-height: 1.55;
position: relative;
} .veloce-footer .footer-top-inner,
.veloce-footer .footer-mid-inner,
.veloce-footer .footer-bottom-inner {
max-width: 1240px;
margin: 0 auto;
padding: 0 0px;
} .veloce-footer .footer-top {
padding: 58px 0 40px;
}
.veloce-footer .footer-top-inner {
display: flex;
flex-wrap: wrap;
gap: 30px;
}
.veloce-footer .footer-branding {
flex: 1 1 260px;
min-width: 240px;
max-width: 300px;
}
.veloce-footer .footer-logo img {
max-width: 170px;
height: auto;
display: block;
margin: 0 0 26px;
border-radius: 8px;
}
.veloce-footer .footer-description {
font-size: 14px;
color: var(--veloce-footer-text);
margin: 0;
}
.veloce-footer .footer-col {
min-width: 160px;
flex: 1 1 150px;
}
.veloce-footer .footer-title {
font-size: 16px;
font-weight: 600;
margin: 0 0 18px;
color: var(--veloce-footer-heading);
letter-spacing: 0;
} .veloce-footer .footer-menu-list {
list-style: none;
padding: 0;
margin: 0;
}
.veloce-footer .footer-menu-list li {
margin: 0 0 12px;
}
.veloce-footer .footer-menu-list a {
color: var(--veloce-footer-text-soft);
text-decoration: none;
display: inline-flex;
align-items: center;
gap: 8px;
transition: .25s color, .25s transform;
position: relative;
}
.veloce-footer .footer-menu-list a:hover {
color: #fff;
transform: translateX(3px);
}
.veloce-footer .footer-menu-list a:focus-visible {
outline: 2px solid var(--veloce-footer-accent);
outline-offset: 3px;
border-radius: 4px;
} .veloce-footer .footer-solutions-2 {
margin-top: 40px; } .veloce-footer .footer-solutions-content {
display: flex;
flex-wrap: wrap;
gap: 30px;
margin: 0;
padding: 0;
}
.veloce-footer .footer-solutions-col-2,
.veloce-footer .footer-solutions-col-3 {
flex: 1 1 200px;
min-width: 200px;
} .veloce-footer .footer-solutions-col4 {
min-width: 160px;
flex: 1 1 200px;
}
.veloce-footer .footer-solutions-content ul {
list-style: none;
margin: 0;
padding: 0;
}
.veloce-footer .footer-solutions-content li {
margin-bottom: 12px;
}
.veloce-footer .footer-solutions-content li:last-child {
margin-bottom: 0;
} .veloce-footer .footer-solutions-col a,
.veloce-footer .footer-solutions-col-1 a,
.veloce-footer .footer-solutions-col-2 a,
.veloce-footer .footer-solutions-col-3 a,
.veloce-footer .footer-solutions-col p a,
.veloce-footer .footer-solutions-col-1 p a,
.veloce-footer .footer-solutions-col-2 p a,
.veloce-footer .footer-solutions-col-3 p a {
color: var(--veloce-footer-text-soft) !important;
text-decoration: none;
display: inline-flex;
align-items: center;
gap: 8px;
transition: .25s color, .25s transform;
position: relative;
}
.veloce-footer .footer-solutions-col a:hover,
.veloce-footer .footer-solutions-col-1 a:hover,
.veloce-footer .footer-solutions-col-2 a:hover,
.veloce-footer .footer-solutions-col-3 a:hover,
.veloce-footer .footer-solutions-col p a:hover,
.veloce-footer .footer-solutions-col-1 p a:hover,
.veloce-footer .footer-solutions-col-2 p a:hover,
.veloce-footer .footer-solutions-col-3 p a:hover {
color: #fff !important;
transform: translateX(3px);
}
.veloce-footer .footer-solutions-col a:focus-visible,
.veloce-footer .footer-solutions-col-1 a:focus-visible,
.veloce-footer .footer-solutions-col-2 a:focus-visible,
.veloce-footer .footer-solutions-col-3 a:focus-visible,
.veloce-footer .footer-solutions-col p a:focus-visible,
.veloce-footer .footer-solutions-col-1 p a:focus-visible,
.veloce-footer .footer-solutions-col-2 p a:focus-visible,
.veloce-footer .footer-solutions-col-3 p a:focus-visible {
outline: 2px solid var(--veloce-footer-accent);
outline-offset: 3px;
border-radius: 4px;
} .veloce-footer .footer-solutions-col-1 p:first-of-type,
.veloce-footer .footer-solutions-col-2 p:first-of-type,
.veloce-footer .footer-solutions-col-3 p:first-of-type {
padding-bottom: 2px !important;
} .veloce-footer .footer-solutions-col-3 {
margin-top: 42px;
} .veloce-footer .footer-mid {
border-top: 1px solid var(--veloce-footer-border);
}
.veloce-footer .footer-mid-inner {
padding: 50px 0 30px;
}
.veloce-footer .footer-info-cols {
display: flex;
flex-wrap: wrap;
gap: 60px;
}
.veloce-footer .footer-info-block {
min-width: 200px;
flex: 1 1 180px;
}
.veloce-footer .footer-info-block h5 {
margin: 0 0 16px;
font-size: 15px;
font-weight: 600;
color: var(--veloce-footer-heading);
}
.veloce-footer .footer-info-block p {
margin: 0 0 10px;
font-size: 14px;
color: var(--veloce-footer-text);
}
.veloce-footer .footer-info-block a {
color: var(--veloce-footer-text);
text-decoration: none;
transition: .25s color;
}
.veloce-footer .footer-info-block a:hover {
color: #fff;
}
.veloce-footer .footer-info-block a:focus-visible {
outline: 2px solid var(--veloce-footer-accent);
outline-offset: 3px;
border-radius: 4px;
} .veloce-footer .social-links {
display: flex;
gap: 14px;
flex-wrap: wrap;
}
.veloce-footer .social-links .social-icon {
width: 40px;
height: 40px;
display: inline-flex;
align-items: center;
justify-content: center;
border: 1px solid var(--veloce-footer-border);
border-radius: var(--veloce-footer-radius);
color: var(--veloce-footer-text-soft);
background: rgba(255, 255, 255, 0.03);
transition: .3s background, .3s color, .3s border-color, .3s transform;
position: relative;
}
.veloce-footer .social-links .social-icon svg {
width: 20px;
height: 20px;
display: block;
}
.veloce-footer .social-links .social-icon:hover {
background: var(--veloce-footer-accent);
color: #fff;
border-color: var(--veloce-footer-accent);
transform: translateY(-2px);
}
.veloce-footer .social-links .social-icon:focus-visible {
outline: 2px solid #fff;
outline-offset: 2px;
}
.veloce-footer .social-links .social-icon:active {
transform: translateY(0);
} .veloce-footer .footer-bottom {
border-top: 1px solid var(--veloce-footer-border);
background: var(--veloce-footer-bg-alt);
}
.veloce-footer .footer-bottom-inner {
padding: 28px 40px 46px;
text-align: center;
font-size: 13px;
color: var(--veloce-footer-text-soft);
} .veloce-footer ::selection {
background: var(--veloce-footer-accent);
color: #fff;
}
.veloce-footer a {
cursor: pointer;
}
.veloce-footer .icon-fallback {
font-size: 11px;
font-weight: 600;
letter-spacing: .5px;
} @media (max-width: 1100px) {
.veloce-footer .footer-top-inner {
gap: 50px;
}
.veloce-footer .footer-info-cols {
gap: 40px;
}
}
@media (max-width: 900px) {
.veloce-footer .footer-top-inner {
gap: 40px;
}
.veloce-footer .footer-top {
padding: 50px 0 36px;
}
.veloce-footer .footer-info-cols {
gap: 32px;
}
}
@media (max-width: 760px) {
.veloce-footer .footer-top-inner,
.veloce-footer .footer-info-cols {
flex-direction: column;
}
.veloce-footer .footer-branding {
max-width: 100%;
}
.veloce-footer .footer-bottom-inner {
padding: 24px 20px 40px;
}
.veloce-footer .footer-top-inner,
.veloce-footer .footer-mid-inner,
.veloce-footer .footer-bottom-inner {
padding-left: 28px;
padding-right: 28px;
} .veloce-footer .footer-solutions-2 {
display: none !important;
} .veloce-footer .footer-col {
min-width: auto;
flex: none;
width: 100%;
} .veloce-footer .footer-solutions-content {
flex-direction: column;
gap: 20px;
}
.veloce-footer .footer-solutions-col-2,
.veloce-footer .footer-solutions-col-3 {
min-width: auto;
flex: none;
width: 100%;
}
}
@media (max-width: 480px) {
.veloce-footer .social-links .social-icon {
width: 38px;
height: 38px;
}
} @media (prefers-color-scheme: dark) {
.veloce-footer {
background: var(--veloce-footer-bg);
}
}  .et_pb_section:has(.veloce-footer),
.et_pb_section_1:has(.veloce-footer) {
margin: 0 !important;
padding: 0 !important;
}
.et_pb_row:has(.veloce-footer),
.et_pb_row_1:has(.veloce-footer) {
margin: 0 !important;
padding: 0 !important;
} .et_pb_section:last-child,
.et_pb_section_1:last-child,
.et_pb_row:last-child,
.et_pb_row_1:last-child {
margin-bottom: 0 !important;
padding-bottom: 0 !important;
} .veloce-footer,
footer.veloce-footer,
.et_pb_module.et_pb_veloce_footer {
margin: 0 !important;
padding-top: 0 !important;
} #main-content {
margin-bottom: 0 !important;
padding-bottom: 0 !important;
} *+.veloce-footer {
margin-top: 0 !important;
} .et_pb_section .veloce-footer,
.et_pb_row .veloce-footer,
.et_pb_section_1 .veloce-footer,
.et_pb_row_1 .veloce-footer {
margin-top: 0 !important;
} .et_pb_container:has(.veloce-footer),
.et_pb_column:has(.veloce-footer) {
margin: 0 !important;
padding: 0 !important;
} .et_pb_row.et_pb_row_1,
.et_pb_section.et_pb_section_1 {
margin: 0 !important;
padding: 0 !important;
width: 100% !important;
max-width: 100% !important;
} .et_pb_row:has(.veloce-footer),
.et_pb_row_1:has(.veloce-footer),
.et_pb_row.et_pb_row_1 {
width: 100% !important;
max-width: 100% !important;
} .et_pb_row_1>*,
.et_pb_section_1>* {
margin-top: 0 !important;
} .veloce-slider {
position: relative;
width: 100%;
overflow: hidden;
isolation: isolate;
--vs-transition: .7s ease;
--vs-height: 600px;
}
.veloce-slider .vs-track {
position: relative;
width: 100%;
height: var(--vs-height);
}
.veloce-slider .vs-item {
position: absolute;
inset: 0;
opacity: 0;
transition: opacity var(--vs-transition);
display: flex;
align-items: center;
justify-content: flex-start;
padding: 80px 8%;
background: #111;
color: #fff;
}
.veloce-slider .vs-item.is-active {
opacity: 1;
position: absolute;
z-index: 2;
}
.veloce-slider .vs-item .vs-overlay {
position: absolute;
inset: 0;
z-index: 0;
pointer-events: none;
}
.veloce-slider .vs-item .vs-inner {
position: relative;
z-index: 1;
max-width: 760px;
}
.veloce-slider .vs-title {
font-size: 64px;
color: #7aa4ff;
line-height: 1.05;
font-weight: 700;
margin: 0 0 28px;
letter-spacing: -0.02em;
}
.veloce-slider .vs-title .vs-highlight {
color: #cbd5e1;
font-weight: 600;
}
.veloce-slider .vs-sub {
font-size: 18px;
line-height: 1.5;
margin: 0 0 38px;
color: #f1f5f9;
max-width: 640px;
}
.veloce-slider .vs-actions {
display: flex;
gap: 18px;
flex-wrap: wrap;
}
.veloce-slider .vs-btn {
position: relative;
display: inline-flex;
align-items: center;
gap: 6px;
font-size: 15px;
font-weight: 500;
padding: 14px 30px;
border-radius: 8px;
text-decoration: none;
line-height: 1;
cursor: pointer;
transition: .3s background, .3s color, .3s border, .3s transform;
}
.veloce-slider .vs-btn.btn-primary {
background: #0127b2;
color: #fff;
}
.veloce-slider .vs-btn.btn-primary:hover {
background: #0127b2;
}
.veloce-slider .vs-btn.btn-outline {
background: rgba(255, 255, 255, 0.04);
color: #fff;
border: 1px solid rgba(255, 255, 255, 0.3);
backdrop-filter: blur(2px);
}
.veloce-slider .vs-btn.btn-outline:hover {
background: rgba(255, 255, 255, 0.12);
}
.veloce-slider .veloce-slide-newsletter .vs-sub {
margin-bottom: 28px;
}
.veloce-slider .vs-newsletter-form {
display: flex;
flex-wrap: wrap;
gap: 14px;
align-items: center;
}
.veloce-slider .vs-newsletter-form input[type=email] {
flex: 1 1 260px;
min-width: 260px;
background: rgba(255, 255, 255, 0.08);
border: 1px solid rgba(255, 255, 255, 0.25);
padding: 14px 18px;
border-radius: 8px;
color: #fff;
font-size: 15px;
outline: none;
transition: .25s border, .25s background;
}
.veloce-slider .vs-newsletter-form input[type=email]:focus {
border-color: #fff;
background: rgba(255, 255, 255, 0.15);
} .veloce-slider .align-center {
justify-content: center;
text-align: center;
}
.veloce-slider .align-center .vs-inner {
align-items: center;
}
.veloce-slider .align-right {
justify-content: flex-end;
text-align: right;
} .veloce-slider .vs-nav {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 48px;
height: 48px;
border-radius: 50%;
background: rgba(255, 255, 255, 0.18);
color: #fff;
border: 1px solid rgba(255, 255, 255, 0.35);
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
font-size: 20px;
transition: .3s background, .3s border;
z-index: 10;
}
.veloce-slider .vs-nav:hover {
background: rgba(255, 255, 255, 0.32);
}
.veloce-slider .vs-prev {
left: 18px;
}
.veloce-slider .vs-next {
right: 18px;
} .veloce-slider .vs-dots {
position: absolute;
left: 50%;
bottom: 26px;
transform: translateX(-50%);
display: flex;
gap: 10px;
z-index: 12;
}
.veloce-slider .vs-dot {
width: 12px;
height: 12px;
border-radius: 50%;
border: none;
background: rgba(255, 255, 255, 0.35);
cursor: pointer;
padding: 0;
display: inline-block;
transition: .3s background, .3s transform;
}
.veloce-slider .vs-dot.is-active {
background: #fff;
transform: scale(1.2);
}
.veloce-slider {
height: 90vh;
}
.veloce-slider .veloce-slide {
height: 90vh;
} @media (max-width: 980px) {
.veloce-slider .vs-title {
font-size: 54px;
}
}
@media (max-width: 780px) {
.veloce-slider .vs-title {
font-size: 46px;
}
.veloce-slider .vs-sub {
font-size: 16px;
}
.veloce-slider .vs-track {
height: calc(var(--vs-height) - 40px);
}
}
@media (max-width: 560px) {
.veloce-slider .vs-title {
font-size: 38px;
}
.veloce-slider .vs-actions {
flex-direction: column;
align-items: stretch;
}
.veloce-slider .vs-btn {
width: 100%;
justify-content: center;
}
.veloce-slider .vs-newsletter-form {
flex-direction: column;
align-items: stretch;
}
.veloce-slider .vs-newsletter-form input[type=email] {
min-width: 100%;
}
.veloce-slider .vs-nav {
width: 42px !important;
height: 42px !important;
}
} .et-fb .mega-menu-container.is-visible {
display: block !important;
position: static;
transform: none;
width: 100%;
max-width: 100%;
margin: 20px 0;
box-shadow: 0 0 0 rgba(0, 0, 0, 0.05);
border: 1px dashed #2563eb;
} .mega-menu-wrapper {
display: grid;
grid-template-columns: 1.5fr 1.2fr 1.2fr 1.2fr 1fr;
grid-template-rows: auto auto;
padding: 32px 24px;
gap: 10px;
width: 100%;
box-sizing: border-box;
} .mega-menu-wrapper .mega-menu-column.column-1 {
grid-column: 1;
grid-row: 1 / span 2;
padding-right: 60px;
min-width: 220px;
}
.mega-menu-wrapper .mega-menu-column.column-3 {
grid-column: 1;
grid-row: 1 / span 2;
padding-right: 10px;
min-width: 250px;
padding: 10px !important;
}
.mega-menu-wrapper .mega-menu-column.column-5 {
padding-left: 20px;
} .mega-menu-wrapper .mega-menu-column.column-1 .column-title {
margin-bottom: 24px;
padding-bottom: 6px;
} .mega-menu-wrapper .mega-menu-column.column-1 .column-content {
margin-top: 0px;
padding-left: 6px;
padding-top: 18px;
} .mega-menu-wrapper .mega-menu-column.column-1 .column-content p:first-child:empty {
display: none;
margin: 0;
padding: 0;
} .mega-menu-wrapper .mega-menu-column.column-1 .column-content>p:not(:empty):first-of-type {
margin-top: 0;
padding: 13px 0 0 0;
} .mega-menu-wrapper .mega-menu-column.full-width-header {
display: contents;
}
.mega-menu-wrapper .mega-menu-column.full-width-header .column-title {
grid-column: 2 / span 4;
grid-row: 1;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.mega-menu-wrapper .mega-menu-column.full-width-header .column-content {
grid-column: 2;
grid-row: 2;
padding-left: 0;
}
.mega-menu-wrapper .mega-menu-column.full-width-header .column-title {
padding-left: 0;
} .mega-menu-wrapper .mega-menu-column.column-3,
.mega-menu-wrapper .mega-menu-column.column-4,
.mega-menu-wrapper .mega-menu-column.column-5 {
align-items: flex-start;
align-self: start;
}
.mega-menu-wrapper .mega-menu-column.column-3 {
grid-column: 3;
grid-row: 2;
margin-top: -10px !important;
}
.mega-menu-wrapper .mega-menu-column.column-4 {
grid-column: 4;
grid-row: 2;
min-width: 230px;
}
.mega-menu-wrapper .mega-menu-column.column-5 {
grid-column: 5;
grid-row: 2;
padding-left: 15px;
} .mega-menu-wrapper .mega-menu-column.full-width-header .column-content {
align-self: start;
} .mega-menu-wrapper .mega-menu-column.column-3 .column-title:empty,
.mega-menu-wrapper .mega-menu-column.column-4 .column-title:empty,
.mega-menu-wrapper .mega-menu-column.column-5 .column-title:empty {
display: none;
} .mega-menu-wrapper .mega-menu-column.column-3 .column-content,
.mega-menu-wrapper .mega-menu-column.column-4 .column-content,
.mega-menu-wrapper .mega-menu-column.column-5 .column-content {
margin-top: 0;
padding-top: 10px !important; }
.mega-menu-column.column-5 .column-content {
width: 140px;
}
.mega-menu-wrapper .mega-menu-column.column-4 .column-content {
min-width: 212px;
} .mega-menu-wrapper .mega-menu-column.column-3 .column-content p:first-child:empty,
.mega-menu-wrapper .mega-menu-column.column-4 .column-content p:first-child:empty,
.mega-menu-wrapper .mega-menu-column.column-5 .column-content p:first-child:empty {
display: none;
margin: 0;
padding: 0;
padding-top: 10px !important;
} .mega-menu-wrapper .mega-menu-column.full-width-header .column-content {
margin-top: 0;
padding: 10px;
margin-right: 5px;
} .mega-menu-wrapper .mega-menu-column.full-width-header .column-content p:first-child:empty {
display: none;
margin: 0;
padding: 0;
} .mega-menu-wrapper .mega-menu-column.full-width-header .column-content>p:not(:empty):first-of-type,
.mega-menu-wrapper .mega-menu-column.column-3 .column-content>p:not(:empty):first-of-type,
.mega-menu-wrapper .mega-menu-column.column-4 .column-content>p:not(:empty):first-of-type,
.mega-menu-wrapper .mega-menu-column.column-5 .column-content>p:not(:empty):first-of-type {
margin-top: 0;
margin-bottom: 0;
} .mega-menu-wrapper .mega-menu-column.full-width-header .column-content p,
.mega-menu-wrapper .mega-menu-column.column-3 .column-content p,
.mega-menu-wrapper .mega-menu-column.column-4 .column-content p,
.mega-menu-wrapper .mega-menu-column.column-5 .column-content p {
margin-top: 0;
margin-bottom: 8px;
color: #0127b2;
}
.mega-menu-wrapper .mega-menu-column.full-width-header .column-content p:last-child,
.mega-menu-wrapper .mega-menu-column.column-3 .column-content p:last-child,
.mega-menu-wrapper .mega-menu-column.column-4 .column-content p:last-child,
.mega-menu-wrapper .mega-menu-column.column-5 .column-content p:last-child {
margin-bottom: 0;
} .has-mega-menu {
position: static; } .main-menu li.has-mega-menu:hover .mega-menu-container,
.mega-menu-container:hover {
display: block;
} .has-mega-menu>a::after {
display: none !important;
}
.mega-menu-container .mega-menu-column {
min-width: 180px;
overflow: hidden;
display: flex;
flex-direction: column;
flex: 1 1 0;
align-items: flex-start;
} .mega-menu-container .mega-menu-column.column-1 {
min-width: 220px;
padding: 0px;
} .mega-menu-container .mega-menu-column h5 {
width: 100%;
width: 100%;
color: #0127b2;
font-size: 18px;
} .mega-menu-container h5 {
font-family: 'ITC Avant Garde Gothic Std', sans-serif;
font-weight: 600;
font-size: 16px;
color: #1a1a1a;
margin: 0 0 20px 0;
text-transform: none;
letter-spacing: -0.02em;
line-height: 1.4;
word-wrap: break-word;
overflow-wrap: break-word;
padding: 0;
min-height: 44px;
display: flex;
align-items: flex-start;
position: relative;
white-space: normal;
} .mega-menu-container h5.has-underline {
padding-bottom: 8px;
min-height: 44px;
white-space: nowrap;
} .mega-menu-container h5:not(.has-underline) {
padding-bottom: 8px;
min-height: 44px;
} .mega-menu-container h5:not(.has-underline)::after {
display: none;
}
.mega-menu-container h5.has-underline::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 30px;
height: 3px;
background: linear-gradient(135deg, #A4D958 0%, #7dd321 100%);
border-radius: 2px;
} .mega-menu-container ul {
list-style: none;
padding: 0;
margin: 0;
}
.mega-menu-container li {
margin-bottom: 12px;
} .mega-menu-container a {
color: #666666;
text-decoration: none;
font-size: 14px;
font-weight: 400;
line-height: 1.5;
transition: all 0.2s ease;
display: block;
padding: 4px 0;
word-wrap: break-word;
overflow-wrap: break-word;
}
.mega-menu-container a:hover {
color: #2563eb;
transform: translateX(2px);
}
#header-global-main {
padding-bottom: 0px;
}
.et-l--header {
z-index: 50;
position: relative;
} .segments-section-secondary .veloce-segmentos {
background: #F9FAFB;
}
.veloce-segmentos {
padding: 90px 0 110px;
font-family: var(--veloce-footer-font, 'Inter', sans-serif);
}
.veloce-segmentos .vs-containvs-seg-headinger {
max-width: 1240px;
margin: 0 auto;
padding: 0 40px;
}
.veloce-segmentos .vs-seg-badge {
display: block;
width: fit-content;
background: #f1f5f9;
color: #64748b;
font-size: 12px;
font-weight: 600;
letter-spacing: .5px;
padding: 8px 16px;
border-radius: 40px;
margin: 30px auto;
}
.veloce-segmentos .vs-seg-heading {
font-size: 48px;
font-weight: 600;
line-height: 1.08;
margin: 0;
letter-spacing: -.02em;
color: #0f172a;
text-align: center;
}
.veloce-segmentos .vs-seg-heading .vs-seg-highlight {
color: #A4D958;
font-weight: 600;
}
.veloce-segmentos .vs-seg-intro {
font-size: 18px;
line-height: 1.55;
max-width: 760px;
margin: 0 auto 60px;
color: #475569;
text-align: center;
}
.veloce-segmentos .vs-seg-grid {
display: grid;
gap: 34px;
}
.veloce-segmentos.cols-2 .vs-seg-grid {
grid-template-columns: repeat(2, 1fr);
}
.veloce-segmentos.cols-3 .vs-seg-grid {
grid-template-columns: repeat(3, 1fr);
}
.veloce-segmentos.cols-4 .vs-seg-grid {
grid-template-columns: repeat(4, 1fr);
}
.veloce-segmentos.cols-5 .vs-seg-grid {
grid-template-columns: repeat(5, 1fr);
}
.veloce-segmentos .vs-seg-item { border: 1px solid #e2e8f0;
border-radius: 22px;
padding: 32px 28px 28px;
text-align: center;
position: relative;
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
transition: .35s border-color, .35s transform;
}
.veloce-segmentos .vs-seg-item:hover {
border-color: #cbd5e1;
}
.veloce-segmentos .vs-seg-thumb {
border-radius: 8px;
background: none !important;
margin: 0 0 20px;
display: flex;
align-items: center;
justify-content: center;
font-size: 0;
}
.veloce-segmentos .vs-seg-title {
font-size: 18px;
font-weight: 600;
line-height: 1.35;
margin: 0 0 12px;
color: #0f172a;
}
.veloce-segmentos .vs-seg-desc {
font-size: 14px;
line-height: 1.5;
color: #64748b;
margin: 0 0 20px;
}
.veloce-segmentos .vs-seg-link {
margin-top: auto;
font-size: 13px;
font-weight: 500;
text-decoration: none;
color: #0f172a;
display: block;
padding: 0;
position: relative;
width: 100%;
text-align: center;
}
.veloce-segmentos .vs-seg-link:hover {
color: #2563eb;
}
.veloce-segmentos .vs-seg-link .vs-seg-arrow {
transition: .3s transform;
}
.veloce-segmentos .vs-seg-link:hover .vs-seg-arrow {
transform: translateX(4px);
}
@media (max-width:1100px) {
.veloce-segmentos.cols-5 .vs-seg-grid {
grid-template-columns: repeat(4, 1fr);
}
}
@media (max-width:980px) {
.veloce-segmentos.cols-4 .vs-seg-grid,
.veloce-segmentos.cols-5 .vs-seg-grid {
grid-template-columns: repeat(3, 1fr);
}
.veloce-segmentos .vs-seg-heading {
font-size: 42px;
}
}
@media (max-width:760px) {
.veloce-segmentos.cols-3 .vs-seg-grid,
.veloce-segmentos.cols-4 .vs-seg-grid,
.veloce-segmentos.cols-5 .vs-seg-grid {
grid-template-columns: repeat(2, 1fr);
}
.veloce-segmentos {
padding: 70px 0 90px;
}
.veloce-segmentos .vs-seg-item {
padding: 28px 24px 24px;
}
.veloce-segmentos .vs-seg-heading {
font-size: 38px;
}
.veloce-segmentos .vs-seg-intro {
font-size: 16px;
}
}
@media (max-width:520px) {
.veloce-segmentos .vs-seg-grid {
grid-template-columns: 1fr !important;
}
.veloce-segmentos .vs-seg-item {
padding: 24px 20px 20px;
}
.veloce-segmentos .vs-seg-heading {
font-size: 34px;
}
} .veloce-cta-banner {
position: relative;
padding: 20px 0;
font-family: var(--veloce-footer-font, 'Inter', sans-serif);
}
.veloce-cta-banner .vcb-inner {
position: relative;
max-width: 1200px;
margin: 0 auto;
padding: 50px 40px;
text-align: center;
overflow: hidden;
border-radius: 18px;
}
.veloce-cta-banner.align-left .vcb-inner {
text-align: left;
}
.veloce-cta-banner.align-right .vcb-inner {
text-align: right;
}
.veloce-cta-banner .vcb-content {
margin: 0 auto;
position: relative;
z-index: 2;
width: 100%;
} .vcb-badge {
display: inline-block;
background: rgba(255, 255, 255, 0.18);
color: #fff;
font-size: 12px;
font-weight: 600;
letter-spacing: .5px;
padding: 8px 18px;
border-radius: 32px;
margin: 0 0 28px;
backdrop-filter: blur(4px);
} .vcb-title {
font-size: 40px;
line-height: 1.18;
font-weight: 600;
margin: 0 0 26px;
letter-spacing: -.02em;
color: #ffffff;
white-space: normal;
word-break: normal;
overflow-wrap: normal;
hyphens: none;
}
.vcb-title .vcb-highlight {
color: var(--vcb-highlight, #A4D958);
white-space: nowrap;
}
.vcb-desc {
font-size: 17px;
line-height: 1.55;
margin: 0 0 40px;
color: #f1f5f9;
white-space: normal;
} .vcb-actions {
display: flex;
gap: 22px;
flex-wrap: wrap;
justify-content: center;
}
.veloce-cta-banner.align-left .vcb-actions {
justify-content: flex-start;
}
.veloce-cta-banner.align-right .vcb-actions {
justify-content: flex-end;
}
.vcb-btn {
position: relative;
display: inline-flex;
align-items: center;
gap: 8px;
font-size: 15px;
font-weight: 500;
padding: 16px 34px;
border-radius: 14px;
text-decoration: none;
line-height: 1;
cursor: pointer;
transition: .35s background, .35s color, .35s border, .35s transform;
}
.vcb-btn-primary {
background: #ffffff;
color: #1e293b;
border: 1px solid #fff;
box-shadow: 0 4px 18px -6px rgba(0, 0, 0, 0.25);
}
.vcb-btn-primary:hover {
transform: translateY(-2px);
}
.vcb-btn-outline {
background: transparent;
color: #ffffff;
border: 1px solid rgba(255, 255, 255, 0.55);
}
.vcb-btn-outline:hover {
background: rgba(255, 255, 255, 0.12);
}
.vcb-btn .vcb-arrow {
transition: .3s transform;
}
.vcb-btn:hover .vcb-arrow {
transform: translateX(5px);
} .veloce-cta-banner .vcb-inner:before,
.veloce-cta-banner .vcb-inner:after {
content: "";
position: absolute;
inset: 0;
border-radius: inherit;
z-index: 0;
}
.veloce-cta-banner.variant-brand .vcb-inner {
position: relative;
background: linear-gradient(90deg, #2563eb, #0127b2 40%, #0f172a 95%);
color: #fff;
}
.veloce-cta-banner.variant-brand.has-decor .vcb-inner:after {
background: radial-gradient(circle at 85% 20%, rgba(160, 255, 90, 0.35), transparent 60%);
mix-blend-mode: screen;
}
.veloce-cta-banner.variant-brand.has-decor .vcb-inner:before {
background: radial-gradient(circle at 12% 80%, rgba(160, 255, 90, 0.25), transparent 65%);
}
.veloce-cta-banner.variant-blue .vcb-inner {
background: #2563eb;
color: #fff;
}
.veloce-cta-banner.variant-blue .vcb-title .vcb-highlight {
color: #A4D958;
}
.veloce-cta-banner.variant-dark .vcb-inner {
background: linear-gradient(135deg, #0f172a, #1e293b);
color: #fff;
}
.veloce-cta-banner.variant-dark .vcb-title .vcb-highlight {
color: #2563eb;
}
.veloce-cta-banner.variant-light .vcb-inner {
background: linear-gradient(90deg, #f1f5f9, #e2e8f0);
color: #0f172a;
}
.veloce-cta-banner.variant-light .vcb-title {
color: #0f172a;
}
.veloce-cta-banner.variant-light .vcb-title .vcb-highlight {
color: #2563eb;
}
.veloce-cta-banner.variant-light .vcb-desc {
color: #475569;
}
.veloce-cta-banner.variant-light .vcb-badge {
background: #e2e8f0;
color: #475569;
}
.veloce-cta-banner.variant-light .vcb-btn-primary {
background: #0127b2;
color: #fff;
border-color: #0127b2;
}
.veloce-cta-banner.variant-light .vcb-btn-primary:hover {
background: #0127b2;
}
.veloce-cta-banner.variant-light .vcb-btn-outline {
color: #0f172a;
border-color: #94a3b8;
}
.veloce-cta-banner.variant-light .vcb-btn-outline:hover {
background: #fff;
}
.veloce-cta-banner.variant-custom .vcb-inner {
background: var(--vcb-custom-bg, linear-gradient(120deg, #0127b2, #0f172a));
color: #fff;
} .veloce-cta-banner.has-decor .vcb-inner {
overflow: hidden;
}
.veloce-cta-banner.has-decor .vcb-inner .vcb-content:before,
.veloce-cta-banner.has-decor .vcb-inner .vcb-content:after {
content: "";
position: absolute;
width: 340px;
height: 340px;
border-radius: 50%;
filter: blur(60px);
opacity: .35;
z-index: -1;
}
.veloce-cta-banner.variant-brand.has-decor .vcb-content:before {
background: #A4D958;
top: -120px;
left: -120px;
}
.veloce-cta-banner.variant-brand.has-decor .vcb-content:after {
background: #60a5fa;
bottom: -140px;
right: -140px;
}
.veloce-cta-banner.variant-dark.has-decor .vcb-content:before {
background: #2563eb;
top: -140px;
left: -100px;
}
.veloce-cta-banner.variant-dark.has-decor .vcb-content:after {
background: #0ea5e9;
bottom: -150px;
right: -110px;
} @media (max-width:960px) {
.vcb-title {
font-size: 36px;
}
.veloce-cta-banner .vcb-inner {
padding: 70px 40px;
}
}
@media (max-width:720px) {
.veloce-cta-banner {
padding: 72px 0;
}
.veloce-cta-banner .vcb-inner {
padding: 60px 30px;
margin: 0 20px 0 20px;
}
.vcb-title {
font-size: 32px;
}
.vcb-desc {
font-size: 16px;
}
.vcb-actions {
gap: 16px;
}
.vcb-btn {
padding: 14px 26px;
font-size: 14px;
}
}
@media (max-width:520px) {
.vcb-title {
font-size: 30px;
}
.vcb-actions {
flex-direction: column;
}
.vcb-btn {
width: 100%;
justify-content: center;
}
} .vcs-wrapper {
padding: 100px 20px;
position: relative;
overflow: hidden;
} .vcs-wrapper[data-variant="dark"] {
background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
color: #ffffff;
}
.vcs-wrapper[data-variant="dark"]::before {
content: "";
position: absolute;
inset: 0;
background: radial-gradient(circle at 20% 30%, rgba(37, 99, 235, 0.15), transparent 60%),
radial-gradient(circle at 80% 70%, rgba(160, 255, 90, 0.1), transparent 55%);
pointer-events: none;
}
.vcs-wrapper[data-variant="light"] {
background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
color: #0f172a;
}
.vcs-wrapper[data-variant="brand"] {
background: linear-gradient(90deg, #2563eb 0%, #0127b2 50%, #0f172a 100%);
color: #ffffff;
}
.vcs-wrapper[data-variant="brand"]::before {
content: "";
position: absolute;
inset: 0;
background: radial-gradient(circle at 15% 50%, rgba(160, 255, 90, 0.2), transparent 50%);
pointer-events: none;
}
.vcs-container {
max-width: 1280px;
margin: 0 auto;
position: relative;
z-index: 1;
} .vcs-header {
text-align: center;
margin-bottom: 72px;
}
.vcs-badge {
display: inline-block;
background: rgba(160, 255, 90, 0.15);
color: #A4D958;
padding: 8px 20px;
border-radius: 24px;
font-size: 13px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.8px;
margin-bottom: 20px;
}
.vcs-wrapper[data-variant="light"] .vcs-badge {
background: rgba(37, 99, 235, 0.1);
color: #2563eb;
border-color: rgba(37, 99, 235, 0.2);
}
.vcs-title {
font-size: 48px;
font-weight: 700;
line-height: 1.15;
margin: 0 0 20px;
white-space: normal;
word-break: normal;
hyphens: none;
}
.vcs-highlight {
color: #A4D958;
position: relative;
text-align: center;
}
.vcs-wrapper[data-variant="light"] .vcs-highlight {
color: #2563eb;
}
.vcs-description {
font-size: 18px;
line-height: 1.7;
opacity: 0.85;
max-width: 700px;
margin: 0 auto;
}
.vcs-wrapper[data-variant="light"] .vcs-description {
color: #475569;
opacity: 1;
} .vcs-grid {
display: grid;
grid-template-columns: 1.2fr 0.8fr;
gap: 40px;
align-items: start;
} .vcs-showcase {
position: relative;
min-height: 600px;
}
.vcs-showcase-item {
display: none;
opacity: 0;
transition: opacity 0.4s ease-in-out;
}
.vcs-showcase-item[data-active="true"] {
display: block;
opacity: 1;
}
.vcs-showcase-content {
background: rgba(255, 255, 255, 0.05);
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 24px;
backdrop-filter: blur(10px);
position: relative;
overflow: hidden;
}
.vcs-wrapper[data-variant="light"] .vcs-showcase-content {
background: #ffffff;
border-color: #e2e8f0;
box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);
}
.vcs-showcase-content::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
height: 4px;
background: linear-gradient(90deg, #2563eb, #A4D958);
border-radius: 24px 24px 0 0;
} .vcs-showcase-company {
margin-bottom: 32px;
}
.vcs-showcase-company-name {
font-size: 32px;
font-weight: 700;
margin: 0 0 8px;
color: #ffffff;
}
.vcs-wrapper[data-variant="light"] .vcs-showcase-company-name {
color: #0f172a;
}
.vcs-showcase-segment {
display: inline-block;
background: rgba(37, 99, 235, 0.2);
color: #60a5fa;
padding: 4px 14px;
border-radius: 12px;
font-size: 13px;
font-weight: 600;
}
.vcs-wrapper[data-variant="light"] .vcs-showcase-segment {
background: rgba(37, 99, 235, 0.1);
color: #2563eb;
} .vcs-showcase-image {
width: 100%;
height: 280px;
border-radius: 16px;
overflow: hidden;
background: rgba(0, 0, 0, 0.2);
}
.vcs-showcase-image img {
width: 100%;
height: 100%;
object-fit: cover;
} .vcs-showcase-description {
font-size: 16px;
line-height: 1.8;
margin-bottom: 32px;
color: rgba(255, 255, 255, 0.85);
}
.vcs-wrapper[data-variant="light"] .vcs-showcase-description {
color: #475569;
} .vcs-showcase-metrics {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 24px;
padding: 32px;
}
.vcs-wrapper[data-variant="light"] .vcs-showcase-metrics {
background: #f8fafc;
}
.vcs-metric {
text-align: center;
}
.vcs-metric-value {
font-size: 36px;
font-weight: 700;
color: #A4D958;
margin-bottom: 8px;
line-height: 1;
}
.vcs-wrapper[data-variant="light"] .vcs-metric-value {
color: #2563eb;
}
.vcs-metric-label {
font-size: 13px;
text-transform: uppercase;
letter-spacing: 0.5px;
opacity: 0.7;
font-weight: 600;
} .vcs-showcase-rating {
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.vcs-wrapper[data-variant="light"] .vcs-showcase-rating {
border-bottom-color: #e2e8f0;
}
.vcs-rating-stars {
display: flex;
gap: 6px;
margin-bottom: 16px;
}
.vcs-star {
font-size: 24px;
color: rgba(255, 255, 255, 0.2);
transition: color 0.2s;
}
.vcs-star.active {
color: #fbbf24;
}
.vcs-testimonial {
font-size: 15px;
line-height: 1.7;
font-style: italic;
color: rgba(255, 255, 255, 0.75);
margin: 0;
}
.vcs-wrapper[data-variant="light"] .vcs-testimonial {
color: #64748b;
} .vcs-showcase-cta {
display: inline-flex;
align-items: center;
gap: 12px;
background: linear-gradient(90deg, #2563eb, #0127b2);
color: #ffffff;
padding: 16px 32px;
border-radius: 12px;
text-decoration: none;
font-weight: 600;
font-size: 15px;
transition: all 0.3s ease;
border: none;
}
.vcs-showcase-cta:hover {
transform: translateY(-2px);
box-shadow: 0 12px 30px rgba(37, 99, 235, 0.4);
}
.vcs-cta-arrow {
transition: transform 0.3s ease;
font-size: 18px;
}
.vcs-showcase-cta:hover .vcs-cta-arrow {
transform: translateX(5px);
} .vcs-list {
display: flex;
flex-direction: column;
gap: 16px;
position: sticky;
top: 100px;
}
.vcs-list-item {
display: flex;
align-items: flex-start;
gap: 20px;
background: rgba(255, 255, 255, 0.03);
border: 1px solid rgba(255, 255, 255, 0.08);
border-radius: 16px;
padding: 24px;
cursor: pointer;
transition: all 0.3s ease;
position: relative;
overflow: hidden;
}
.vcs-wrapper[data-variant="light"] .vcs-list-item {
background: #ffffff;
border-color: #e2e8f0;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}
.vcs-list-item::before {
content: "";
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 4px;
background: linear-gradient(180deg, #2563eb, #A4D958);
transform: scaleY(0);
transition: transform 0.3s ease;
}
.vcs-list-item:hover::before,
.vcs-list-item[data-active="true"]::before {
transform: scaleY(1);
}
.vcs-list-item:hover {
background: rgba(255, 255, 255, 0.08);
border-color: rgba(37, 99, 235, 0.4);
transform: translateX(4px);
}
.vcs-wrapper[data-variant="light"] .vcs-list-item:hover {
background: #f8fafc;
border-color: #2563eb;
box-shadow: 0 8px 20px rgba(37, 99, 235, 0.12);
}
.vcs-list-item[data-active="true"] {
background: rgba(37, 99, 235, 0.15);
border-color: rgba(37, 99, 235, 0.4);
}
.vcs-wrapper[data-variant="light"] .vcs-list-item[data-active="true"] {
background: rgba(37, 99, 235, 0.08);
border-color: #2563eb;
}
.vcs-list-number {
font-size: 20px;
font-weight: 700;
color: #A4D958;
opacity: 0.6;
min-width: 32px;
}
.vcs-wrapper[data-variant="light"] .vcs-list-number {
color: #2563eb;
}
.vcs-list-item[data-active="true"] .vcs-list-number {
opacity: 1;
}
.vcs-list-content {
flex: 1;
}
.vcs-list-company {
font-size: 18px;
font-weight: 700;
margin: 0 0 8px;
color: #ffffff;
}
.vcs-wrapper[data-variant="light"] .vcs-list-company {
color: #0f172a;
}
.vcs-list-excerpt {
font-size: 14px;
line-height: 1.6;
margin: 0 0 12px;
color: rgba(255, 255, 255, 0.7);
}
.vcs-wrapper[data-variant="light"] .vcs-list-excerpt {
color: #64748b;
}
.vcs-list-rating {
display: flex;
gap: 3px;
}
.vcs-star-small {
font-size: 14px;
color: #fbbf24;
}
.vcs-list-arrow {
font-size: 20px;
color: rgba(255, 255, 255, 0.3);
transition: all 0.3s ease;
}
.vcs-wrapper[data-variant="light"] .vcs-list-arrow {
color: #cbd5e1;
}
.vcs-list-item:hover .vcs-list-arrow,
.vcs-list-item[data-active="true"] .vcs-list-arrow {
color: #A4D958;
transform: translateX(4px);
}
.vcs-wrapper[data-variant="light"] .vcs-list-item:hover .vcs-list-arrow,
.vcs-wrapper[data-variant="light"] .vcs-list-item[data-active="true"] .vcs-list-arrow {
color: #2563eb;
} .vcs-empty {
text-align: center;
padding: 100px 20px;
font-size: 18px;
color: rgba(255, 255, 255, 0.5);
} @media (max-width: 1024px) {
.vcs-grid {
grid-template-columns: 1fr;
gap: 48px;
}
.vcs-list {
position: static;
display: grid;
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 768px) {
.vcs-wrapper {
padding: 80px 20px;
}
.vcs-title {
font-size: 36px;
}
.vcs-header {
margin-bottom: 56px;
}
.vcs-showcase-content {
padding: 32px;
}
.vcs-showcase-metrics {
grid-template-columns: 1fr;
gap: 20px;
padding: 24px;
}
.vcs-list {
grid-template-columns: 1fr;
}
}
@media (max-width: 520px) {
.vcs-title {
font-size: 30px;
}
.vcs-description {
font-size: 16px;
}
.vcs-showcase-content {
padding: 24px;
}
.vcs-showcase-company-name {
font-size: 24px;
}
.vcs-list-item {
padding: 20px;
}
} .vis-wrapper {
padding: 30px 20px;
position: relative;
overflow: hidden;
} .vis-wrapper[data-variant="light"] {
background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
color: #0f172a;
}
.vis-wrapper[data-variant="dark"] {
background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
color: #ffffff;
}
.vis-wrapper[data-variant="dark"]::before {
content: "";
position: absolute;
inset: 0;
background: radial-gradient(circle at 20% 30%, rgba(37, 99, 235, 0.15), transparent 60%),
radial-gradient(circle at 80% 70%, rgba(160, 255, 90, 0.1), transparent 55%);
pointer-events: none;
}
.vis-wrapper[data-variant="brand"] {
background: linear-gradient(90deg, #2563eb 0%, #0127b2 50%, #0f172a 100%);
color: #ffffff;
}
.vis-wrapper[data-variant="brand"]::before {
content: "";
position: absolute;
inset: 0;
background: radial-gradient(circle at 15% 50%, rgba(160, 255, 90, 0.2), transparent 50%);
pointer-events: none;
}
.vis-container {
max-width: 1280px;
margin: 0 auto;
position: relative;
z-index: 1;
} .vis-header {
display: flex;
justify-content: space-between;
align-items: flex-end;
gap: 40px;
margin-bottom: 56px;
}
.vis-header-content {
flex: 1;
}
.vis-badge {
display: inline-block;
background: rgba(37, 99, 235, 0.1);
color: #2563eb;
padding: 6px 16px;
border-radius: 20px;
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
margin-bottom: 16px;
}
.vis-wrapper[data-variant="dark"] .vis-badge,
.vis-wrapper[data-variant="brand"] .vis-badge {
background: rgba(160, 255, 90, 0.15);
color: #A4D958; }
.vis-title {
font-size: 48px;
font-weight: 700;
line-height: 1.15;
margin: 0 0 16px;
}
.vis-highlight {
color: #94a3b8;
position: relative;
}
.vis-wrapper[data-variant="light"] .vis-highlight {
color: #64748b;
}
.vis-wrapper[data-variant="dark"] .vis-highlight,
.vis-wrapper[data-variant="brand"] .vis-highlight {
color: #94a3b8;
}
.vis-description {
font-size: 18px;
line-height: 1.7;
opacity: 0.85;
max-width: 600px;
}
.vis-wrapper[data-variant="light"] .vis-description {
color: #475569;
opacity: 1;
}
.vis-header-cta {
flex-shrink: 0;
}
.vis-cta-button {
display: inline-flex;
align-items: center;
gap: 10px;
background: transparent;
color: white;
padding: 14px 28px;
border: 2px solid rgba(148, 163, 184, 0.3);
border-radius: 10px;
text-decoration: none;
font-weight: 600;
font-size: 15px;
transition: all 0.3s ease;
}
.vis-cta-button:hover {
background: rgba(148, 163, 184, 0.1);
border-color: rgba(148, 163, 184, 0.5);
transform: translateY(-2px);
}
.vis-wrapper[data-variant="light"] .vis-cta-button {
border-color: rgba(15, 23, 42, 0.15);
}
.vis-wrapper[data-variant="light"] .vis-cta-button:hover { }
.vis-arrow {
transition: transform 0.3s ease;
font-size: 18px;
}
.vis-cta-button:hover .vis-arrow {
transform: translateX(4px);
} .vis-slider-wrapper {
position: relative;
overflow: visible;
padding: 0 60px;
}
.vis-slider {
display: flex;
transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
overflow: hidden;
margin: 0 -12px;
}
.vis-slide {
flex: 0 0 auto;
width: 33.333%;
padding: 0 12px;
box-sizing: border-box;
} .vis-card {
background: #ffffff;
border-radius: 16px;
overflow: hidden;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
transition: all 0.3s ease;
height: 100%;
display: flex;
flex-direction: column;
}
.vis-wrapper[data-variant="dark"] .vis-card,
.vis-wrapper[data-variant="brand"] .vis-card {
background: rgba(255, 255, 255, 0.05);
border: 1px solid rgba(255, 255, 255, 0.1);
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
}
.vis-card:hover {
box-shadow: 0 12px 40px rgba(0, 0, 0, 0.15);
}
.vis-wrapper[data-variant="dark"] .vis-card:hover,
.vis-wrapper[data-variant="brand"] .vis-card:hover {
box-shadow: 0 12px 40px rgba(0, 0, 0, 0.5);
border-color: rgba(255, 255, 255, 0.2);
} .vis-card-image {
display: block;
width: 100%;
height: 240px;
overflow: hidden;
position: relative;
background: #f1f5f9;
}
.vis-wrapper[data-variant="dark"] .vis-card-image,
.vis-wrapper[data-variant="brand"] .vis-card-image {
background: rgba(0, 0, 0, 0.2);
}
.vis-card-image img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.5s ease;
}
.vis-card:hover .vis-card-image img {
transform: scale(1.08);
}
.vis-card-image-placeholder {
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
color: #cbd5e1;
}
.vis-wrapper[data-variant="dark"] .vis-card-image-placeholder,
.vis-wrapper[data-variant="brand"] .vis-card-image-placeholder {
color: rgba(255, 255, 255, 0.2);
} .vis-card-content {
padding: 24px;
flex: 1;
display: flex;
flex-direction: column;
} .vis-card-meta {
display: flex;
align-items: center;
gap: 8px;
font-size: 13px;
margin-bottom: 16px;
color: #64748b;
flex-wrap: wrap;
}
.vis-wrapper[data-variant="dark"] .vis-card-meta,
.vis-wrapper[data-variant="brand"] .vis-card-meta {
color: rgba(255, 255, 255, 0.6);
}
.vis-card-category {
background: rgba(37, 99, 235, 0.1);
color: #2563eb;
padding: 4px 10px;
border-radius: 8px;
font-weight: 600;
font-size: 11px;
text-transform: uppercase;
letter-spacing: 0.5px;
}
.vis-wrapper[data-variant="dark"] .vis-card-category,
.vis-wrapper[data-variant="brand"] .vis-card-category {
background: rgba(160, 255, 90, 0.15);
color: #A4D958;
}
.vis-card-divider {
opacity: 0.3;
}
.vis-card-reading-time {
display: flex;
align-items: center;
gap: 4px;
}
.vis-card-reading-time svg {
opacity: 0.7;
} .vis-card-title {
font-size: 20px;
font-weight: 700;
line-height: 1.4;
margin: 0 0 12px;
}
.vis-card-title a {
color: #0f172a;
text-decoration: none;
transition: color 0.2s ease;
}
.vis-wrapper[data-variant="dark"] .vis-card-title a,
.vis-wrapper[data-variant="brand"] .vis-card-title a {
color: #ffffff;
}
.vis-card-title a:hover {
color: #2563eb;
}
.vis-wrapper[data-variant="dark"] .vis-card-title a:hover,
.vis-wrapper[data-variant="brand"] .vis-card-title a:hover {
color: #A4D958;
} .vis-card-excerpt {
font-size: 15px;
line-height: 1.7;
color: #475569;
margin: 0 0 20px;
flex: 1;
}
.vis-wrapper[data-variant="dark"] .vis-card-excerpt,
.vis-wrapper[data-variant="brand"] .vis-card-excerpt {
color: rgba(255, 255, 255, 0.7);
} .vis-card-link {
display: inline-flex;
align-items: center;
gap: 8px;
color: #2563eb;
text-decoration: none;
font-weight: 600;
font-size: 14px;
transition: all 0.3s ease;
}
.vis-wrapper[data-variant="dark"] .vis-card-link,
.vis-wrapper[data-variant="brand"] .vis-card-link {
color: #A4D958;
}
.vis-card-link:hover {
gap: 12px;
}
.vis-card-arrow {
transition: transform 0.3s ease;
}
.vis-card-link:hover .vis-card-arrow {
transform: translateX(4px);
} .vis-arrow-prev,
.vis-arrow-next {
position: absolute;
top: 50%;
transform: translateY(-50%);
background: rgba(255, 255, 255, 0.95);
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 50%;
width: 48px;
height: 48px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: all 0.3s ease;
z-index: 10;
color: #0f172a;
}
.vis-wrapper[data-variant="dark"] .vis-arrow-prev,
.vis-wrapper[data-variant="dark"] .vis-arrow-next,
.vis-wrapper[data-variant="brand"] .vis-arrow-prev,
.vis-wrapper[data-variant="brand"] .vis-arrow-next {
background: rgba(255, 255, 255, 0.1);
border-color: rgba(255, 255, 255, 0.2);
color: #ffffff;
backdrop-filter: blur(10px);
}
.vis-arrow-prev:hover,
.vis-arrow-next:hover {
background: #2563eb;
border-color: #2563eb;
color: #ffffff;
transform: translateY(-50%) scale(1.1);
}
.vis-wrapper[data-variant="dark"] .vis-arrow-prev:hover,
.vis-wrapper[data-variant="dark"] .vis-arrow-next:hover,
.vis-wrapper[data-variant="brand"] .vis-arrow-prev:hover,
.vis-wrapper[data-variant="brand"] .vis-arrow-next:hover {
background: rgba(160, 255, 90, 0.9);
border-color: #A4D958;
color: #0f172a;
}
.vis-arrow-prev {
left: 0;
}
.vis-arrow-next {
right: 0;
} .vis-dots {
display: flex;
justify-content: center;
gap: 10px;
margin-top: 40px;
}
.vis-dot {
width: 10px;
height: 10px;
border-radius: 50%;
background: rgba(148, 163, 184, 0.3);
border: none;
cursor: pointer;
transition: all 0.3s ease;
padding: 0;
}
.vis-wrapper[data-variant="light"] .vis-dot {
background: rgba(15, 23, 42, 0.2);
}
.vis-dot:hover {
background: rgba(148, 163, 184, 0.6);
transform: scale(1.2);
}
.vis-dot.active {
background: #2563eb;
width: 32px;
border-radius: 5px;
}
.vis-wrapper[data-variant="dark"] .vis-dot.active,
.vis-wrapper[data-variant="brand"] .vis-dot.active {
background: #A4D958;
} .vis-empty {
text-align: center;
padding: 100px 20px;
font-size: 18px;
color: rgba(255, 255, 255, 0.5);
} @media (max-width: 1024px) {
.vis-header {
flex-direction: column;
align-items: flex-start;
gap: 24px;
}
.vis-slide {
width: 50%;
}
.vis-slider-wrapper {
padding: 0 50px;
}
}
@media (max-width: 768px) {
.vis-wrapper {
padding: 80px 20px;
}
.vis-title {
font-size: 36px;
}
.vis-header {
margin-bottom: 40px;
}
.vis-description {
font-size: 16px;
}
.vis-slide {
width: 100%;
}
.vis-slider-wrapper {
padding: 0 50px;
}
.vis-card-image {
height: 200px;
}
.vis-arrow-prev,
.vis-arrow-next {
width: 40px;
height: 40px;
}
}
@media (max-width: 520px) {
.vis-title {
font-size: 30px;
}
.vis-cta-button {
width: 100%;
justify-content: center;
}
.vis-card-content {
padding: 20px;
}
.vis-card-title {
font-size: 18px;
}
} .vin-wrapper {
padding: 100px 20px;
position: relative;
overflow: hidden;
} .vin-wrapper[data-variant="light"] {
background: linear-gradient(135deg, #f8fafc 0%, #ffffff 100%);
color: #0f172a;
}
.vin-wrapper[data-variant="dark"] {
background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
color: #ffffff;
}
.vin-wrapper[data-variant="dark"]::before {
content: "";
position: absolute;
inset: 0;
background: radial-gradient(circle at 80% 20%, rgba(37, 99, 235, 0.15), transparent 50%),
radial-gradient(circle at 20% 80%, rgba(160, 255, 90, 0.1), transparent 50%);
pointer-events: none;
}
.vin-wrapper[data-variant="brand"] {
background: linear-gradient(135deg, #2563eb 0%, #0127b2 50%, #0f172a 100%);
color: #ffffff;
}
.vin-wrapper[data-variant="brand"]::before {
content: "";
position: absolute;
inset: 0;
background: radial-gradient(circle at 30% 40%, rgba(160, 255, 90, 0.2), transparent 50%);
pointer-events: none;
}
.vin-container {
max-width: 1280px;
margin: 0 auto;
position: relative;
z-index: 1;
} .vin-header {
text-align: center;
margin-bottom: 32px;
}
.vin-badge {
display: inline-block;
background: rgba(37, 99, 235, 0.1);
color: #2563eb;
padding: 8px 20px;
border-radius: 24px;
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
margin-bottom: 20px; }
.vin-wrapper[data-variant="dark"] .vin-badge,
.vin-wrapper[data-variant="brand"] .vin-badge {
background: rgba(160, 255, 90, 0.15);
color: #A4D958;
border-color: rgba(160, 255, 90, 0.25);
}
.vin-title {
font-size: 42px;
font-weight: 300;
line-height: 1.15;
margin: 0;
white-space: normal;
word-break: normal;
}
.vin-highlight {
color: #94a3b8;
font-weight: 700;
position: relative;
}
.vin-wrapper[data-variant="light"] .vin-highlight {
color: #64748b;
}
.vin-wrapper[data-variant="dark"] .vin-highlight,
.vin-wrapper[data-variant="brand"] .vin-highlight {
color: #94a3b8;
} .vin-slider-wrapper {
position: relative;
margin: 0 auto;
}
.vin-slider {
position: relative;
overflow: hidden;
}
.vin-slide {
display: none;
opacity: 0;
transition: opacity 0.6s ease-in-out;
}
.vin-slide[style*="display: block"] {
display: block;
} .vin-slide-content {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 80px;
align-items: center;
min-height: 400px;
} .vin-content {
padding-right: 40px;
}
.vin-content-badge {
display: inline-block;
background: rgba(37, 99, 235, 0.08);
color: #2563eb;
padding: 6px 16px;
border-radius: 20px;
font-size: 11px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
margin-bottom: 24px;
}
.vin-wrapper[data-variant="dark"] .vin-content-badge,
.vin-wrapper[data-variant="brand"] .vin-content-badge {
background: rgba(160, 255, 90, 0.15);
color: #A4D958;
}
.vin-content-title {
font-size: 36px;
font-weight: 300;
line-height: 1.25;
margin: 0 0 15px;
color: #0f172a;
}
.vin-wrapper[data-variant="dark"] .vin-content-title,
.vin-wrapper[data-variant="brand"] .vin-content-title {
color: #ffffff;
}
.vin-content-description {
font-size: 18px;
line-height: 1.8;
color: #475569;
margin: 0;
}
.vin-content-description p {
padding: 0 !important;
}
.vin-wrapper[data-variant="dark"] .vin-content-description,
.vin-wrapper[data-variant="brand"] .vin-content-description {
color: rgba(255, 255, 255, 0.85);
}
.vin-content-description p:last-child {
margin-bottom: 0;
} .vin-image {
position: relative;
border-radius: 5px;
overflow: hidden;
background: #f1f5f9;
aspect-ratio: 4/3;
box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);
}
.vin-wrapper[data-variant="dark"] .vin-image,
.vin-wrapper[data-variant="brand"] .vin-image {
background: rgba(0, 0, 0, 0.2);
box-shadow: 0 20px 60px rgba(0, 0, 0, 0.4);
}
.vin-image::before {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(135deg, rgba(37, 99, 235, 0.1), transparent 60%);
z-index: 1;
pointer-events: none;
}
.vin-image img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.vin-image-placeholder {
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
color: #cbd5e1;
}
.vin-wrapper[data-variant="dark"] .vin-image-placeholder,
.vin-wrapper[data-variant="brand"] .vin-image-placeholder {
color: rgba(255, 255, 255, 0.2);
} .vin-image::after {
content: "";
position: absolute;
top: -30%;
right: -20%;
width: 300px;
height: 300px;
background: radial-gradient(circle, rgba(160, 255, 90, 0.3), transparent 70%);
filter: blur(60px);
z-index: 0;
} .vin-arrow {
position: absolute;
top: 50%;
transform: translateY(-50%);
background: #ffffff;
border: 2px solid rgba(37, 99, 235, 0.2);
border-radius: 50%;
width: 56px;
height: 56px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: all 0.3s ease;
z-index: 10;
color: #2563eb;
box-shadow: 0 8px 24px rgba(37, 99, 235, 0.15);
}
.vin-wrapper[data-variant="dark"] .vin-arrow,
.vin-wrapper[data-variant="brand"] .vin-arrow {
background: rgba(255, 255, 255, 0.1);
border-color: rgba(255, 255, 255, 0.2);
color: #ffffff;
backdrop-filter: blur(10px);
}
.vin-arrow:hover {
background: #2563eb;
border-color: #2563eb;
color: #ffffff;
transform: translateY(-50%) scale(1.1);
box-shadow: 0 12px 32px rgba(37, 99, 235, 0.3);
}
.vin-wrapper[data-variant="dark"] .vin-arrow:hover,
.vin-wrapper[data-variant="brand"] .vin-arrow:hover {
background: #A4D958;
border-color: #A4D958;
color: #0f172a;
box-shadow: 0 12px 32px rgba(160, 255, 90, 0.3);
}
.vin-arrow-prev {
left: -80px;
}
.vin-arrow-next {
right: -80px;
} .vin-dots {
display: flex;
justify-content: center;
gap: 12px;
margin-top: 56px;
}
.vin-dot {
width: 12px;
height: 12px;
border-radius: 50%;
background: rgba(148, 163, 184, 0.3);
border: none;
cursor: pointer;
transition: all 0.4s ease;
padding: 0;
position: relative;
}
.vin-wrapper[data-variant="light"] .vin-dot {
background: rgba(15, 23, 42, 0.2);
}
.vin-dot::before {
content: "";
position: absolute;
inset: -4px;
border: 2px solid transparent;
border-radius: 50%;
transition: all 0.3s ease;
}
.vin-dot:hover {
background: rgba(148, 163, 184, 0.6);
transform: scale(1.2);
}
.vin-dot.active {
background: linear-gradient(135deg, #2563eb, #0127b2);
width: 40px;
border-radius: 6px;
}
.vin-wrapper[data-variant="dark"] .vin-dot.active,
.vin-wrapper[data-variant="brand"] .vin-dot.active {
background: linear-gradient(135deg, #A4D958, #84cc16);
box-shadow: 0 4px 12px rgba(160, 255, 90, 0.4);
} .vin-empty {
text-align: center;
padding: 100px 20px;
font-size: 18px;
color: rgba(0, 0, 0, 0.5);
}
.vin-wrapper[data-variant="dark"] .vin-empty,
.vin-wrapper[data-variant="brand"] .vin-empty {
color: rgba(255, 255, 255, 0.5);
} @media (max-width: 1200px) {
.vin-arrow-prev {
left: -60px;
}
.vin-arrow-next {
right: -60px;
}
}
@media (max-width: 1024px) {
.vin-slide-content {
grid-template-columns: 1fr;
gap: 48px;
min-height: auto;
}
.vin-content {
padding-right: 0;
text-align: center;
}
.vin-arrow-prev {
left: 20px;
}
.vin-arrow-next {
right: 20px;
}
}
@media (max-width: 768px) {
.vin-wrapper {
padding: 80px 20px;
}
.vin-header {
margin-bottom: 56px;
}
.vin-title {
font-size: 40px;
}
.vin-content-title {
font-size: 32px;
}
.vin-content-description {
font-size: 16px;
}
.vin-slide-content {
gap: 40px;
}
.vin-arrow {
width: 48px;
height: 48px;
}
.vin-arrow-prev {
left: 10px;
}
.vin-arrow-next {
right: 10px;
}
}
@media (max-width: 520px) {
.vin-title {
font-size: 32px;
}
.vin-content-title {
font-size: 26px;
}
.vin-content-description {
font-size: 15px;
}
.vin-arrow {
width: 40px;
height: 40px;
}
.vin-arrow svg {
width: 18px;
height: 18px;
}
} .vin-wrapper {
padding: 30px 20px;
position: relative;
overflow: hidden;
}
.vin-wrapper[data-variant="light"] {
background: linear-gradient(135deg, #f8fafc 0%, #ffffff 100%);
color: #0f172a;
}
.vin-wrapper[data-variant="dark"] {
background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
color: #ffffff;
}
.vin-wrapper[data-variant="dark"]::before {
content: "";
position: absolute;
inset: 0;
background: radial-gradient(circle at 80% 20%, rgba(37, 99, 235, 0.15), transparent 50%),
radial-gradient(circle at 20% 80%, rgba(160, 255, 90, 0.1), transparent 50%);
pointer-events: none;
}
.vin-wrapper[data-variant="brand"] {
background: linear-gradient(135deg, #2563eb 0%, #0127b2 50%, #0f172a 100%);
color: #ffffff;
}
.vin-wrapper[data-variant="brand"]::before {
content: "";
position: absolute;
inset: 0;
background: radial-gradient(circle at 30% 40%, rgba(160, 255, 90, 0.2), transparent 50%);
pointer-events: none;
}
.vin-container {
max-width: 1280px;
margin: 0 auto;
position: relative;
z-index: 1;
}
.vin-header {
text-align: center;
}
.vin-badge {
display: inline-block;
background: rgba(37, 99, 235, 0.1);
color: #2563eb;
padding: 8px 20px;
border-radius: 24px;
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
margin-bottom: 20px;
}
.vin-wrapper[data-variant="dark"] .vin-badge,
.vin-wrapper[data-variant="brand"] .vin-badge {
background: rgba(160, 255, 90, 0.15);
color: #A4D958;
border-color: rgba(160, 255, 90, 0.25);
}
.vin-title {
font-size: 42px;
font-weight: 300;
line-height: 1.15;
margin: 0;
}
.vin-highlight {
color: #94a3b8;
font-weight: 700;
position: relative;
}
.vin-wrapper[data-variant="light"] .vin-highlight {
color: #64748b;
}
.vin-slider-wrapper {
position: relative;
margin: 0 auto;
}
.vin-slider {
position: relative;
overflow: hidden;
}
.vin-slide {
display: none;
opacity: 0;
transition: opacity 0.6s ease-in-out;
}
.vin-slide[style*="display: block"] {
display: block;
}
.vin-slide-content {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 80px;
align-items: center;
min-height: 500px;
}
.vin-content {
padding-right: 40px;
}
.vin-content-badge {
display: inline-block;
background: rgba(37, 99, 235, 0.08);
color: #2563eb;
padding: 6px 16px;
border-radius: 20px;
font-size: 11px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
margin-bottom: 24px;
}
.vin-wrapper[data-variant="dark"] .vin-content-badge,
.vin-wrapper[data-variant="brand"] .vin-content-badge {
background: rgba(160, 255, 90, 0.15);
color: #A4D958;
}
.vin-content-title {
font-size: 42px;
font-weight: 300;
line-height: 1.25;
color: #0f172a;
}
.vin-wrapper[data-variant="dark"] .vin-content-title,
.vin-wrapper[data-variant="brand"] .vin-content-title {
color: #ffffff;
}
.vin-content-description {
font-size: 18px;
line-height: 1.8;
color: #475569;
margin: 0;
}
.vin-wrapper[data-variant="dark"] .vin-content-description,
.vin-wrapper[data-variant="brand"] .vin-content-description {
color: rgba(255, 255, 255, 0.85);
}
.vin-image {
position: relative;
border-radius: 5px;
overflow: hidden;
background: #f1f5f9;
aspect-ratio: 4/3;
box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);
}
.vin-wrapper[data-variant="dark"] .vin-image,
.vin-wrapper[data-variant="brand"] .vin-image {
background: rgba(0, 0, 0, 0.2);
box-shadow: 0 20px 60px rgba(0, 0, 0, 0.4);
}
.vin-image::before {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(135deg, rgba(37, 99, 235, 0.1), transparent 60%);
z-index: 1;
}
.vin-image img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.vin-image-placeholder {
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
color: #cbd5e1;
}
.vin-image::after {
content: "";
position: absolute;
top: -30%;
right: -20%;
width: 300px;
height: 300px;
background: radial-gradient(circle, rgba(160, 255, 90, 0.3), transparent 70%);
filter: blur(60px);
z-index: 0;
}
.vin-arrow {
position: absolute;
top: 50%;
transform: translateY(-50%);
background: #ffffff;
border: 2px solid rgba(37, 99, 235, 0.2);
border-radius: 50%;
width: 56px;
height: 56px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: all 0.3s ease;
z-index: 10;
color: #2563eb;
box-shadow: 0 8px 24px rgba(37, 99, 235, 0.15);
}
.vin-wrapper[data-variant="dark"] .vin-arrow,
.vin-wrapper[data-variant="brand"] .vin-arrow {
background: rgba(255, 255, 255, 0.1);
border-color: rgba(255, 255, 255, 0.2);
color: #ffffff;
backdrop-filter: blur(10px);
}
.vin-arrow:hover {
background: #2563eb;
border-color: #2563eb;
color: #ffffff;
transform: translateY(-50%) scale(1.1);
box-shadow: 0 12px 32px rgba(37, 99, 235, 0.3);
}
.vin-wrapper[data-variant="dark"] .vin-arrow:hover,
.vin-wrapper[data-variant="brand"] .vin-arrow:hover {
background: #A4D958;
border-color: #A4D958;
color: #0f172a;
box-shadow: 0 12px 32px rgba(160, 255, 90, 0.3);
}
.vin-arrow-prev {
left: -80px;
}
.vin-arrow-next {
right: -80px;
}
.vin-dots {
display: flex;
justify-content: center;
gap: 12px;
margin-top: 56px;
}
.vin-dot {
width: 12px;
height: 12px;
border-radius: 50%;
background: rgba(148, 163, 184, 0.3);
border: none;
cursor: pointer;
transition: all 0.4s ease;
padding: 0;
}
.vin-dot:hover {
background: rgba(148, 163, 184, 0.6);
transform: scale(1.2);
}
.vin-dot.active {
background: linear-gradient(135deg, #2563eb, #0127b2);
width: 40px;
border-radius: 6px;
}
.vin-wrapper[data-variant="dark"] .vin-dot.active,
.vin-wrapper[data-variant="brand"] .vin-dot.active {
background: linear-gradient(135deg, #A4D958, #84cc16);
}
@media (max-width: 1200px) {
.vin-arrow-prev {
left: -60px;
}
.vin-arrow-next {
right: -60px;
}
}
@media (max-width: 1024px) {
.vin-slide-content {
grid-template-columns: 1fr;
gap: 48px;
min-height: auto;
}
.vin-content {
padding-right: 0;
text-align: center;
}
.vin-arrow-prev {
left: 20px;
}
.vin-arrow-next {
right: 20px;
}
}
@media (max-width: 768px) {
.vin-wrapper {
padding: 80px 20px;
}
.vin-header {
margin-bottom: 56px;
}
.vin-title {
font-size: 40px;
}
.vin-content-title {
font-size: 32px;
}
.vin-content-description {
font-size: 16px;
}
.vin-slide-content {
gap: 40px;
}
.vin-arrow {
width: 48px;
height: 48px;
}
.vin-arrow-prev {
left: 10px;
}
.vin-arrow-next {
right: 10px;
}
}
@media (max-width: 520px) {
.vin-title {
font-size: 32px;
}
.vin-content-title {
font-size: 26px;
}
.vin-content-description {
font-size: 15px;
}
.vin-arrow {
width: 40px;
height: 40px;
}
}  .vp-empty {
text-align: center;
padding: 60px 20px;
color: #94a3b8;
font-size: 16px;
} .vp-wrapper {
position: relative;
width: 100%;
min-height: 400px;
} .vp-badge,
.vp-logo-item,
.vp-logo-item img {
will-change: transform, opacity;
} .vp-logos-row.vp-animate {
will-change: transform;
backface-visibility: hidden;
perspective: 1000px;
} .vp-logo-item::after {
content: '';
position: absolute;
inset: -2px;
background: linear-gradient(45deg, transparent, var(--vp-highlight-color), transparent);
opacity: 0;
transition: opacity 0.6s ease;
border-radius: 12px;
z-index: -1;
}
.vp-logo-item:hover::after {
opacity: 0.15;
} .vp-wrapper::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0; background-size: 50px 50px;
pointer-events: none;
z-index: 0;
}
.vp-variant-dark::before {
background-image:
linear-gradient(rgba(255, 255, 255, 0.02) 1px, transparent 1px),
linear-gradient(90deg, rgba(255, 255, 255, 0.02) 1px, transparent 1px);
} @keyframes vp-pulse {
0%,
100% {
opacity: 0.8;
}
50% {
opacity: 1;
}
}
.vp-badge {
animation: vp-pulse 3s ease-in-out infinite;
} .vp-variant-gradient .vp-title-highlight {
background: linear-gradient(135deg, #A4D958 0%, #ffffff 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
} @keyframes vp-fadeInUp {
from {
opacity: 0;
transform: translateY(30px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.vp-logo-item {
animation: vp-fadeInUp 0.6s ease-out backwards;
}
.vp-logo-item:nth-child(1) {
animation-delay: 0.05s;
}
.vp-logo-item:nth-child(2) {
animation-delay: 0.1s;
}
.vp-logo-item:nth-child(3) {
animation-delay: 0.15s;
}
.vp-logo-item:nth-child(4) {
animation-delay: 0.2s;
}
.vp-logo-item:nth-child(5) {
animation-delay: 0.25s;
}
.vp-logo-item:nth-child(6) {
animation-delay: 0.3s;
}
.vp-logo-item:nth-child(7) {
animation-delay: 0.35s;
}
.vp-logo-item:nth-child(8) {
animation-delay: 0.4s;
}
.vp-logo-item:nth-child(9) {
animation-delay: 0.45s;
}
.vp-logo-item:nth-child(10) {
animation-delay: 0.5s;
} .vp-logos-row.vp-animate .vp-logo-item {
animation: none;
} @media (max-width: 1200px) {
.vp-wrapper { }
}
@media (max-width: 980px) {
.vp-wrapper::before {
background-size: 30px 30px;
}
}
@media (max-width: 767px) {
.vp-logos-grid {
gap: 30px !important;
}
.vp-badge {
font-size: 10px;
padding: 6px 16px;
}
} .vp-logo-item:focus-within {
outline: 2px solid var(--vp-highlight-color);
outline-offset: 4px;
border-radius: 12px;
} @media print {
.vp-wrapper {
background: white !important;
color: black !important;
}
.vp-decoration,
.vp-badge,
.vp-title-highlight::after {
display: none !important;
}
.vp-logo-item img {
filter: none !important;
}
} @media (prefers-color-scheme: dark) {
.vp-variant-light {
color: inherit;
}
} @media (prefers-reduced-motion: reduce) {
.vp-logos-row.vp-animate {
animation: none !important;
}
.vp-logo-item,
.vp-badge,
.vp-logo-item::before,
.vp-logo-item::after {
animation: none !important;
transition: none !important;
}
}  .vnl-wrapper {
position: relative;
width: 100%;
min-height: 400px;
} .vnl-input,
.vnl-button,
.vnl-checkbox,
.vnl-terms-link {
will-change: transform, opacity;
} .vnl-button {
position: relative;
overflow: hidden;
}
.vnl-button::before {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 0;
height: 0;
border-radius: 50%;
background: rgba(255, 255, 255, 0.2);
transform: translate(-50%, -50%);
transition: width 0.6s ease, height 0.6s ease;
}
.vnl-button:hover::before {
width: 300px;
height: 300px;
}
.vnl-button span,
.vnl-button svg {
position: relative;
z-index: 1;
} .vnl-input {
position: relative;
}
.vnl-input-wrapper::after {
content: '';
position: absolute;
bottom: 0;
left: 50%;
width: 0;
height: 2px;
background: var(--vnl-button-color);
transform: translateX(-50%);
transition: width 0.4s ease;
}
.vnl-input:focus+.vnl-input-wrapper::after {
width: 100%;
} .vnl-checkbox {
appearance: none;
-webkit-appearance: none;
position: relative;
background: transparent;
transition: all 0.3s ease;
}
.vnl-checkbox:checked {
background: var(--vnl-button-color);
border-color: var(--vnl-button-color);
}
.vnl-checkbox:checked::after {
content: '';
position: absolute;
top: 2px;
left: 5px;
width: 6px;
height: 10px;
border: solid var(--vnl-button-text-color);
border-width: 0 2px 2px 0;
transform: rotate(45deg);
} @keyframes vnl-icon-pulse {
0%,
100% {
transform: scale(1);
opacity: 0.9;
}
50% {
transform: scale(1.1);
opacity: 1;
}
}
.vnl-icon {
animation: vnl-icon-pulse 3s ease-in-out infinite;
} @keyframes vnl-slideDown {
from {
opacity: 0;
transform: translateY(-20px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.vnl-success.show {
animation: vnl-slideDown 0.4s ease-out;
} .vnl-wrapper::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-image:
linear-gradient(rgba(255, 255, 255, 0.03) 1px, transparent 1px),
linear-gradient(90deg, rgba(255, 255, 255, 0.03) 1px, transparent 1px);
background-size: 40px 40px;
pointer-events: none;
z-index: 0;
}
.vnl-variant-light::before {
background-image:
linear-gradient(rgba(0, 0, 0, 0.03) 1px, transparent 1px),
linear-gradient(90deg, rgba(0, 0, 0, 0.03) 1px, transparent 1px);
} .vnl-button.loading {
pointer-events: none;
opacity: 0.6;
}
.vnl-button.loading::after {
content: '';
position: absolute;
width: 16px;
height: 16px;
top: 50%;
left: 50%;
margin-left: -8px;
margin-top: -8px;
border: 2px solid transparent;
border-top-color: currentColor;
border-radius: 50%;
animation: vnl-spin 0.6s linear infinite;
}
@keyframes vnl-spin {
to {
transform: rotate(360deg);
}
} @media (max-width: 1024px) {
.vnl-wrapper { }
}
@media (max-width: 767px) {
.vnl-icon {
width: 56px;
height: 56px;
}
.vnl-icon svg {
width: 28px;
height: 28px;
}
.vnl-wrapper::before {
background-size: 30px 30px;
}
}
@media (max-width: 520px) {
.vnl-title {
font-size: 28px !important;
}
.vnl-description {
font-size: 15px !important;
}
.vnl-input,
.vnl-button {
padding: 14px 20px;
font-size: 15px;
}
} .vnl-input:focus,
.vnl-button:focus,
.vnl-checkbox:focus {
outline: 2px solid var(--vnl-button-color);
outline-offset: 2px;
}
.vnl-terms-link:focus {
outline: 2px solid var(--vnl-button-color);
outline-offset: 2px;
border-radius: 2px;
} @media print {
.vnl-wrapper {
background: white !important;
color: black !important;
}
.vnl-decoration,
.vnl-icon,
.vnl-button {
display: none !important;
}
.vnl-form {
border: 1px solid #ccc;
padding: 20px;
}
} @media (prefers-contrast: high) {
.vnl-input,
.vnl-checkbox {
border-width: 3px;
}
.vnl-button {
border: 3px solid var(--vnl-button-text-color);
}
} @media (prefers-reduced-motion: reduce) {
.vnl-icon,
.vnl-button,
.vnl-input,
.vnl-checkbox,
.vnl-success,
.vnl-decoration {
animation: none !important;
transition: none !important;
}
.vnl-button::before,
.vnl-input-wrapper::after {
transition: none !important;
}
} @media (prefers-color-scheme: dark) {
.vnl-variant-light {
background: linear-gradient(180deg, #f8fafc 0%, #ffffff 100%);
color: #1e293b;
}
}  @keyframes vdf-fadeInUp {
from {
opacity: 0;
transform: translateY(30px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.vdf-card {
animation: vdf-fadeInUp 0.6s ease-out backwards;
}
.vdf-card:nth-child(1) {
animation-delay: 0.1s;
}
.vdf-card:nth-child(2) {
animation-delay: 0.2s;
}
.vdf-card:nth-child(3) {
animation-delay: 0.3s;
}
.vdf-card:nth-child(4) {
animation-delay: 0.4s;
} .vdf-card:hover .vdf-icon-wrapper {
animation: vdf-icon-pulse 0.6s ease-in-out;
}
@keyframes vdf-icon-pulse {
0%,
100% {
transform: scale(1);
}
50% {
transform: scale(1.05);
}
} .vdf-card.style-glass::before {
content: '';
position: absolute;
inset: 0;
background: linear-gradient(135deg,
rgba(255, 255, 255, 0.1) 0%,
rgba(255, 255, 255, 0.05) 50%,
transparent 100%);
pointer-events: none;
} .vdf-icon-wrapper {
position: relative;
overflow: visible;
}
.vdf-icon-wrapper::before {
content: '';
position: absolute;
inset: -8px;
background: var(--vdf-icon-color);
opacity: 0;
filter: blur(20px);
transition: opacity 0.4s ease;
z-index: -1;
}
.vdf-card:hover .vdf-icon-wrapper::before {
opacity: 0.15;
} .vdf-card.style-bordered:hover {
border-color: var(--vdf-icon-color);
} .vdf-card.style-elevated::after {
content: '';
position: absolute;
inset: 0;
border-radius: 16px;
box-shadow: 0 0 0 1px rgba(37, 99, 235, 0.1);
opacity: 0;
transition: opacity 0.4s ease;
pointer-events: none;
}
.vdf-card.style-elevated:hover::after {
opacity: 1;
} .vdf-badge {
position: relative;
overflow: hidden;
}
.vdf-badge::before {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 0;
height: 0;
background: var(--vdf-badge-color);
opacity: 0.1;
border-radius: 50%;
transform: translate(-50%, -50%);
transition: width 0.4s ease, height 0.4s ease;
}
.vdf-badge:hover::before {
width: 200%;
height: 200%;
} @media (min-width: 769px) {
.vdf-grid {
perspective: 1000px;
}
} .vdf-card.has-hover {
transform-style: preserve-3d;
} @media (max-width: 1200px) {
.vdf-grid {
gap: 28px;
}
}
@media (max-width: 1024px) {
.vdf-wrapper {
padding: 90px 20px;
}
.vdf-grid {
gap: 24px;
}
}
@media (max-width: 768px) {
.vdf-header {
margin-bottom: 40px !important;
}
} .vdf-variant-dark .vdf-icon-wrapper,
.vdf-variant-gradient .vdf-icon-wrapper {
background: rgba(160, 255, 90, 0.15);
}
.vdf-variant-dark .vdf-icon-wrapper svg,
.vdf-variant-gradient .vdf-icon-wrapper svg {
color: #A4D958;
} @media print {
.vdf-wrapper {
background: white !important;
color: black !important;
padding: 40px 0 !important;
}
.vdf-decoration,
.vdf-badge {
display: none !important;
}
.vdf-card {
break-inside: avoid;
page-break-inside: avoid;
background: white !important;
border: 1px solid #e0e0e0 !important;
box-shadow: none !important;
margin-bottom: 20px;
}
.vdf-grid {
display: block !important;
}
.vdf-icon-wrapper svg {
color: #333 !important;
}
} .vdf-card:focus-within {
outline: 2px solid var(--vdf-icon-color);
outline-offset: 4px;
} @media (prefers-contrast: high) {
.vdf-card {
border: 2px solid currentColor;
}
.vdf-icon-wrapper {
border: 2px solid currentColor;
}
} @media (prefers-reduced-motion: reduce) {
.vdf-card,
.vdf-icon-wrapper,
.vdf-icon-wrapper svg,
.vdf-badge,
.vdf-card::before,
.vdf-card::after,
.vdf-icon-wrapper::before,
.vdf-icon-wrapper::after {
animation: none !important;
transition: none !important;
}
} .vdf-card.loading {
animation: vdf-skeleton-pulse 1.5s ease-in-out infinite;
}
@keyframes vdf-skeleton-pulse {
0%,
100% {
opacity: 1;
}
50% {
opacity: 0.6;
}
} .vdf-variant-dark .vdf-card:hover,
.vdf-variant-gradient .vdf-card:hover {
background: rgba(255, 255, 255, 0.12);
}  .vfaq-empty {
padding: 60px 20px;
text-align: center;
font-size: 18px;
color: #94a3b8;
background: #f8fafc;
border-radius: 12px;
border: 2px dashed #cbd5e1;
} @keyframes vfaq-fadeInUp {
from {
opacity: 0;
transform: translateY(30px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
@keyframes vfaq-slideDown {
from {
max-height: 0;
opacity: 0;
}
to {
max-height: 1000px;
opacity: 1;
}
}
@keyframes vfaq-pulse {
0%,
100% {
transform: scale(1);
opacity: 1;
}
50% {
transform: scale(1.05);
opacity: 0.8;
}
} .vfaq-wrapper * {
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
} .vfaq-badge:hover {
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(37, 99, 235, 0.15);
} .vfaq-question {
position: relative;
}
.vfaq-question::before {
content: '';
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 3px;
height: 0;
background: var(--vfaq-accent-color);
transition: height 0.3s ease;
border-radius: 2px;
}
.vfaq-item:hover .vfaq-question::before {
height: 70%;
top: 13px;
}
.vfaq-item.style-flat .vfaq-question::before {
left: -28px;
}   .vfaq-answer-content {
animation: vfaq-fadeInUp 0.5s ease-out;
} .vfaq-icon svg {
transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.vfaq-question:hover .vfaq-icon svg {
transform: scale(1.1);
} .vfaq-item.style-flat {
padding: 0;
}
.vfaq-item.style-flat:hover {
transform: translateX(4px);
} .vfaq-item.style-bordered:hover {
border-color: var(--vfaq-accent-color);
transform: translateY(-2px);
} .vfaq-item.style-elevated:hover {
box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
transform: translateY(-4px);
} .vfaq-item.style-glass:hover {
background: rgba(255, 255, 255, 0.15);
border-color: rgba(255, 255, 255, 0.3);
box-shadow: 0 12px 40px rgba(0, 0, 0, 0.15);
transform: translateY(-2px);
} .vfaq-decoration {
animation: vfaq-float 8s ease-in-out infinite;
}
.vfaq-decoration-1 {
animation-delay: 0s;
}
.vfaq-decoration-2 {
animation-delay: 2s;
}
@keyframes vfaq-float {
0%,
100% {
transform: translate(0, 0) scale(1);
}
25% {
transform: translate(10px, -10px) scale(1.05);
}
50% {
transform: translate(-10px, 10px) scale(0.95);
}
75% {
transform: translate(10px, 10px) scale(1.02);
}
} .vfaq-question:focus {
outline: 2px solid var(--vfaq-accent-color);
outline-offset: 4px;
border-radius: 8px;
} .vfaq-variant-dark .vfaq-badge,
.vfaq-variant-gradient .vfaq-badge {
border-color: rgba(255, 255, 255, 0.3);
}
.vfaq-variant-dark .vfaq-question::before,
.vfaq-variant-gradient .vfaq-question::before {
background: var(--vfaq-highlight-color);
} @media (max-width: 768px) {
.vfaq-item.style-flat:hover {
transform: none;
}
.vfaq-item.style-bordered:hover,
.vfaq-item.style-elevated:hover,
.vfaq-item.style-glass:hover {
transform: none;
}
} @media print {
.vfaq-decoration,
.vfaq-wrapper::before {
display: none !important;
}
.vfaq-item {
break-inside: avoid;
page-break-inside: avoid;
background: white !important;
border: 1px solid #e0e0e0 !important;
box-shadow: none !important;
margin-bottom: 20px;
}
.vfaq-answer {
max-height: none !important;
opacity: 1 !important;
}
.vfaq-icon {
display: none !important;
}
} @media (prefers-reduced-motion: reduce) {
.vfaq-wrapper *,
.vfaq-decoration {
animation: none !important;
transition: none !important;
}
.vfaq-item.active .vfaq-icon {
transform: rotate(180deg);
}
}  .vcta-button.style-primary {
position: relative;
overflow: hidden;
}
.vcta-button.style-primary::before {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 0;
height: 0;
border-radius: 50%;
background: rgba(255, 255, 255, 0.2);
transform: translate(-50%, -50%);
transition: width 0.6s ease, height 0.6s ease;
}
.vcta-button.style-primary:hover::before {
width: 300px;
height: 300px;
} .vcta-button:hover .vcta-button-icon {
animation: vcta-icon-bounce 0.6s ease;
}
@keyframes vcta-icon-bounce {
0%,
100% {
transform: translateX(0);
}
50% {
transform: translateX(5px);
}
} .vcta-button.style-secondary {
position: relative;
}
.vcta-button.style-secondary::after {
content: '';
position: absolute;
inset: 0;
border-radius: 8px;
background: currentColor;
opacity: 0;
transition: opacity 0.3s ease;
z-index: -1;
}
.vcta-button.style-secondary:hover::after {
opacity: 0.1;
} .vcta-button.style-ghost .vcta-button-icon {
transition: transform 0.3s ease;
}
.vcta-button.style-ghost:hover .vcta-button-icon {
transform: translateX(8px);
} .vcta-title-highlight {
animation: vcta-highlight-pulse 3s ease-in-out infinite;
}
@keyframes vcta-highlight-pulse {
0%,
100% {
filter: brightness(1);
}
50% {
filter: brightness(1.2);
}
} .vcta-container {
animation: vcta-fadeInUp 0.8s ease-out;
}
@keyframes vcta-fadeInUp {
from {
opacity: 0;
transform: translateY(30px);
}
to {
opacity: 1;
transform: translateY(0);
}
} .vcta-button:nth-child(1) {
animation: vcta-fadeInUp 0.8s ease-out 0.2s both;
}
.vcta-button:nth-child(2) {
animation: vcta-fadeInUp 0.8s ease-out 0.4s both;
} .vcta-wrapper.border-glow {
animation: vcta-glow-pulse 4s ease-in-out infinite;
}
@keyframes vcta-glow-pulse {
0%,
100% {
box-shadow:
inset 0 0 30px rgba(160, 255, 90, 0.1),
0 0 40px rgba(37, 99, 235, 0.2);
}
50% {
box-shadow:
inset 0 0 40px rgba(160, 255, 90, 0.15),
0 0 60px rgba(37, 99, 235, 0.3);
}
} .vcta-decoration-1 {
transform-origin: center;
}
.vcta-decoration-2 {
transform-origin: center;
} .vcta-button:focus-visible {
outline: 3px solid var(--vcta-highlight-color);
outline-offset: 4px;
border-radius: 10px;
} .vcta-variant-dark .vcta-button.style-primary,
.vcta-variant-gradient .vcta-button.style-primary,
.vcta-variant-gradient-purple .vcta-button.style-primary,
.vcta-variant-gradient-green .vcta-button.style-primary {
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
}
.vcta-variant-dark .vcta-button.style-primary:hover,
.vcta-variant-gradient .vcta-button.style-primary:hover,
.vcta-variant-gradient-purple .vcta-button.style-primary:hover,
.vcta-variant-gradient-green .vcta-button.style-primary:hover {
box-shadow: 0 12px 40px rgba(0, 0, 0, 0.3);
} .vcta-variant-light .vcta-button.style-primary:hover,
.vcta-variant-gray .vcta-button.style-primary:hover {
box-shadow: 0 8px 30px rgba(37, 99, 235, 0.3);
} @media (max-width: 768px) {
.vcta-button {
min-height: 48px; }
.vcta-buttons.layout-vertical .vcta-button {
width: 100%;
max-width: 400px;
}
} .vcta-button.is-loading {
pointer-events: none;
opacity: 0.7;
position: relative;
}
.vcta-button.is-loading::after {
content: '';
position: absolute;
right: 16px;
top: 50%;
transform: translateY(-50%);
width: 16px;
height: 16px;
border: 2px solid currentColor;
border-top-color: transparent;
border-radius: 50%;
animation: vcta-spin 0.8s linear infinite;
}
@keyframes vcta-spin {
to {
transform: translateY(-50%) rotate(360deg);
}
} @media print {
.vcta-decoration,
.vcta-wrapper::before {
display: none !important;
}
.vcta-wrapper {
background: white !important;
color: black !important;
border: 2px solid #e0e0e0 !important;
page-break-inside: avoid;
}
.vcta-button {
border: 2px solid #333 !important;
color: #333 !important;
background: white !important;
}
} @media (prefers-contrast: high) {
.vcta-button {
border-width: 3px;
}
.vcta-title-highlight::after {
height: 4px;
}
}
@media (max-width: 1024px) {
.mega-menu-wrapper {
display: block;
padding: 24px 20px;
}
.mega-menu-wrapper .mega-menu-column.column-1,
.mega-menu-wrapper .mega-menu-column.column-3,
.mega-menu-wrapper .mega-menu-column.column-4,
.mega-menu-wrapper .mega-menu-column.column-5 {
grid-column: auto !important;
grid-row: auto !important;
}
.mega-menu-wrapper .mega-menu-column.full-width-header {
display: block;
}
.mega-menu-wrapper .mega-menu-column.full-width-header .column-title,
.mega-menu-wrapper .mega-menu-column.full-width-header .column-content {
grid-column: auto !important;
grid-row: auto !important;
white-space: normal;
overflow: visible;
text-overflow: unset;
}
} .vp-header-section .vp-logo-item img {
width: 156px !important;
}
@media screen and (max-width: 768px) {
.vp-header-section .vp-logo-item img {
width: auto !important;
}
}
.et_pb_row_2 .veloce-segmentos .vs-seg-posts-list li a {
color: #000000 !important;
text-decoration: underline;
text-decoration-color: rgba(0, 0, 0, 0.3);
text-underline-offset: 3px;
transition: all 0.3s ease;
cursor: pointer;
padding-left: 12px;
}
.et_pb_row_2 .veloce-segmentos .vs-seg-posts-list li a:hover {
color: #000000 !important;
text-decoration-color: #000000;
font-weight: bold;
}
.et_pb_row_2 .vs-seg-posts-list li {
margin-bottom: 12px;
padding-left: 16px;
position: relative;
font-size: 16px;
line-height: 1.6;
list-style: none;
text-align: left;
}
.et_pb_row_2 .vs-seg-posts-list li::before {
content: '→';
position: absolute;
left: -10px;
top: -3px;
color: #4CAF50;
font-weight: 700;
font-size: 20px !important;
}
.et_pb_row.et_pb_row_4 .et_pb_column .vcs-wrapper {
background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
}
.et_pb_row.et_pb_row_5 .et_pb_column .vcs-wrapper {
background: #ffffff !important;
}
.et_pb_row.et_pb_row_6 .et_pb_column .vcs-wrapper {
background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
}  .vs-seg-intro,
.vdf-description,
.vcs-description,
.vsb-description,
.vnl-description,
.vcta-description,
.vfaq-description,
.vsl-description,
.vfg-description,
.vin-content-description {
font-size: 26px !important;
line-height: 1.6;
} @media (max-width: 1024px) {
.vs-seg-intro,
.vdf-description,
.vcs-description,
.vsb-description,
.vnl-description,
.vcta-description,
.vfaq-description,
.vsl-description,
.vfg-description,
.vin-content-description {
font-size: 20px !important;
}
} @media (max-width: 768px) {
.vs-seg-intro,
.vdf-description,
.vcs-description,
.vsb-description,
.vnl-description,
.vcta-description,
.vfaq-description,
.vsl-description,
.vfg-description,
.vin-content-description {
font-size: 18px !important;
}
}
@media (max-width: 480px) {
.vs-seg-intro,
.vdf-description,
.vcs-description,
.vsb-description,
.vnl-description,
.vcta-description,
.vfaq-description,
.vsl-description,
.vfg-description,
.vin-content-description {
font-size: 16px !important;
}
}
@media (max-width: 980px) {
.et_pb_row_3,
body #page-container .et-db #et-boc .et-l .et_pb_row_3.et_pb_row,
body.et_pb_pagebuilder_layout.single #page-container #et-boc .et-l .et_pb_row_3.et_pb_row,
body.et_pb_pagebuilder_layout.single.et_full_width_page #page-container #et-boc .et-l .et_pb_row_3.et_pb_row {
width: 100% !important;
}
}
.entry-content h1 {
margin-bottom: 0 !important;
padding-bottom: 5px !important;
}
.entry-content h1 {
margin-bottom: 0 !important;
padding-bottom: 0 !important;
}
.solucao-content .entry-content p {
padding-bottom: 0.5em !important; }
.solucao-content .entry-content p:nth-child(n+2) {
max-width: 80% !important;
}
.entry-content h1 strong,
.entry-content p strong {
font-family: 'Open Sans', Arial, sans-serif !important;
font-weight: bold !important;
line-height: 1.2 !important;
margin: 0 !important;
padding: 0 !important;
}
@media (max-width: 768px) {
.et_pb_row_1.et_pb_row {
margin: 0 auto !important;
margin-right: 0 !important;
margin-left: 0 !important;
}
}
@media (max-width: 980px) {
.et_pb_column .et_pb_row_inner,
.et_pb_row {
padding: 0px !important;
}
.case-header .container {
width: 100% !important;
min-width: 100% !important;
}
.case-hero-slider .container {
width: 100% !important;
min-width: 100% !important;
}
.related-cases .container {
width: 100% !important;
min-width: 100% !important;
}
}
.wp-block-buttons {
margin-top: 30px !important;
}