body {font-family: var(--font-primary); font-size: 14px; color: var(--text); overflow-x: hidden; letter-spacing: .2px; line-height: normal;}
.overlay {width: 100%; height: 100%; position: fixed; background: #00000063; z-index: 4; bottom: 0; display: none;}
img:not([src]):not([srcset]) {visibility: hidden;}
.readonly-select {pointer-events: none; background-color: #f0f0f0; color: #888;}

/* botões */
.btn {border-radius: var(--btn-border-radius); padding: 8px 16px; transition: ease all .5s; font-size: 14px; line-height: normal; font-weight: 500;}
.btn-large {padding: 16px 32px; font-size: 16px;}
.btn-medium {padding: 16px 24px; font-size: 14px;}
.btn-unstyled {border: none; background: initial;}
@media (max-width: 991px) {
	.btn-large {padding: 16px 24px;}
}

.btn-primary {background-color: var(--btn-primary); color: #fff; border: 1px solid var(--btn-primary);}
.btn-primary:hover {background-color: var(--btn-primary-hover); border-color: var(--btn-primary-hover); color: #fff;}
.btn-primary:active, .btn-primary:focus {background-color: var(--btn-primary-active) !important; border-color: var(--btn-primary-active) !important; color: #fff !important}
.btn-primary:disabled {opacity: 0.6;}
  
.btn-secondary {background-color: var(--btn-secondary); color: #fff; border: 1px solid var(--btn-secondary);}
.btn-secondary:hover {background-color: var(--btn-secondary-hover); border-color: var(--secondary); color: #fff;}
.btn-secondary:active, .btn-secondary:focus {background-color: var(--btn-secondary-active) !important; border-color: var(--btn-secondary-active) !important; color: #fff !important;}
.btn-secondary:disabled {opacity: 0.6;}

.btn-secondary-outline {background-color: transparent; color: var(--btn-secondary-outline); border: 1px solid var(--btn-secondary-outline);}
.btn-secondary-outline:hover {background-color: var(--btn-secondary-outline-hover) !important; border-color: var(--btn-secondary-outline-hover) !important; color: #fff !important;}
.btn-secondary-outline:active, .btn-secondary-outline:focus {background-color: var(--btn-secondary-outline-active) !important; border-color: var(--btn-secondary-outline-active) !important; color: #fff !important;}
.btn-secondary-outline:disabled {opacity: 0.6;}
  
.btn-green {background-color: var(--green); color: #fff; border: 1px solid var(--green);}
.btn-green:hover {background-color: var(--green-hover); border-color: var(--green-hover); color: #fff;}
.btn-green:active, .btn-green:focus {background-color: var(--green-active) !important; border: 1px solid var(--green-active) !important; color: #fff !important;}
.btn-green:disabled {opacity: 0.6;}

.btn-green-outline {background-color: #fff; color: var(--green); border: 1px solid var(--green);}
.btn-green-outline:hover {background-color:rgba(0, 179, 45, .1); border-color: var(--green); color: var(--green);}
.btn-green-outline:active, .btn-green-outline:focus {background-color:rgba(0, 179, 45, .17) !important; color: var(--green) !important;}
.btn-green-outline:disabled {opacity: 0.6;}

.btn-white {background-color: var(--white); color: #171B26; border: 1px solid var(--white);}
.btn-white:hover {background-color: var(--white-hover); border-color: var(--white-hover); color: #171B26}
.btn-white:active, .btn-white:focus {background-color: var(--white-active) !important; border: 1px solid var(--white-active) !important; color: #171B26 !important;}
.btn-white:disabled {opacity: 0.6;}

.btn-white-outline {background-color: transparent; color: var(--white); border: 1px solid var(--white);}
.btn-white-outline:hover {background-color: var(--white-hover); border-color: var(--white-hover); color: #171B26}
.btn-white-outline:active, .btn-white-outline:focus {background-color: var(--white-active) !important; border: 1px solid var(--white-active) !important; color: #171B26 !important;}
.btn-white-outline:disabled {opacity: 0.6;}

.btn-gray {background-color: var(--gray-light); color: #000; border: 1px solid var(--gray-light);}
.btn-gray:hover {background-color: var(--gray-light-hover); border-color: var(--gray-light-hover); color: #000;}
.btn-gray:active, .btn-gray:focus {background-color: var(--gray-light-active) !important; border: 1px solid var(--gray-light-active) !important;}
.btn-gray:disabled {opacity: 0.6;}

.btn-gray-outline {background-color: transparent; color: var(--subtitle-black); border: 1px solid var(--subtitle-black);}
.btn-gray-outline:hover {background-color: var(--subtitle-black); border-color: var(--subtitle-black); color: #fff}
.btn-gray-outline:active, .btn-gray-outline:focus {background-color: var(--subtitle-black) !important; border: 1px solid var(--subtitle-black) !important; color: #fff !important;}
.btn-gray-outline:disabled {opacity: 0.6;}

.btn-contact {background: var(--primary); color: #fff; border-color: var(--primary);}
.btn-contact:hover, .btn-contact:active, .btn-contact:focus {background: var(--primary-hover); border-color: var(--primary-hover); color: #fff;}

/* @media (max-width: 991px) {
	.btn {font-size: 14px;}
} */
/* botões */

/* backgrounds */
.bg-primary {background-color: var(--primary)}
.bg-secondary {background-color: var(--secondary);}
.bg-green {background-color: var(--green);}
.bg-gray {background-color: var(--gray);}
/* backgrounds */

/* colors */
.color-primary {color: var(--primary)}
.color-secondary {color: var(--secondary);}
.color-green {color: var(--green);}
.color-gray {color: var(--gray);}
/* colors */

/* títulos de seções */
.heading-title {font-size: 48px; font-weight: 400; color: var(--title-black); letter-spacing: -2.24px; line-height: 115%;}
.heading-title-small {font-size: 16px; color: var(--title-black); font-weight: 500;}
.heading-title-wrapper {max-width: 1064px; margin: 0 auto 32px;}

@media (max-width: 991px) {
	.heading-title {font-size: 48px; line-height: 110%; letter-spacing: -1.92px;}
	.heading-title-small {font-size: 14px;}
}
/* títulos de seções */

/* titulos */
.title-default {font-size: 24px; font-weight: 500; letter-spacing: -0.48px; color: var(--title-black); line-height: normal;}
.title-default-small {font-size: 20px; font-weight: 500; letter-spacing: -0.4px; color: var(--title-black);}
.title-white {color: var(--title-white);}
.title-emphasis {font-size: 32px; font-weight: 500; line-height: 125%; letter-spacing: -1.28px; color: var(--title-black);}
@media (max-width: 991px) {
	.title-default {font-size: clamp(1.25rem, 0.8175rem + 1.8957vw, 1.5rem);}
	.title-emphasis {font-size: 24px;}
}
/* titulos */

/* descrições */
.description-default {font-size: 15px; color: var(--subtitle-black); line-height: 175%;}
.description-white {color: var(--subtitle-white);}
/* descrições */

/* tags */
.tag-primary {padding: 8px 16px; border-radius: 8px; background: var(--primary); color: #fff; font-size: 13px; font-weight: 500;}
/* tags */

/* utils */
.transition {-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.fw-500 {font-weight: 500;}
.fw-600 {font-weight: 600;}
.fw-700 {font-weight: 700;}
.text-right {text-align: right;}
.flex-1 {flex: 1;}
.flex-2 {flex: 2;}
.flex-3 {flex: 3;}
.mt-40 {margin-top: 40px;}
.mb-40 {margin-bottom: 40px;}
.text-overflow {overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.title-overflow {overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

.border-default {position: relative; border-radius: 24px; z-index: 0;}
.border-default::after {content: ""; position: absolute; inset: 0; border: 1px solid #D7D9E0; border-radius: 24px; mask-image: linear-gradient(to bottom, black 50%, transparent 100%); -webkit-mask-image: linear-gradient(to bottom, black 50%, transparent 100%); z-index: 0;}
.border-default.border-default-black::after {border: 1px solid #1F2433;}
.icon-default {width: 24px; height: 24px; background: #E2E4E9; display: flex; justify-content: center; align-items: center; border-radius: 8px;}
.img-gradient {position: relative;}
.img-gradient::after {content: ''; position: absolute; background: linear-gradient(0deg, #EEEFF1 0%, rgba(238, 239, 241, 0.00) 100%); width: 100%; height: 30px;}
/* utils */

/* scrollbar */
::-webkit-scrollbar {width: 8px;}
::-webkit-scrollbar-thumb {background-color: #939393; border-radius: 4px;}
::-webkit-scrollbar-track {background-color: #f1f1f1;}
/* scrollbar */

/* containers */
@media (min-width: 1600px) {
	.container {max-width: var(--container-xxl, 1420px);}
}
@media (max-width: 991px) {
	.container {padding-left: 24px; padding-right: 24px;}
}
/* containers */

.breadcrumb {font-size: 13px; display: flex; align-items: center; gap: 8px;}
.breadcrumb li:not(:last-child) a {padding: 8px 16px; border: 1px solid #C0C6D8; border-radius: 100px;}
.breadcrumb li {padding: 0 !important; display: flex; align-items: center;}
.breadcrumb li:not(:first-child):before {content: '\F284'; font-family: 'bootstrap-icons'; padding-right: 8px;}
/* setas */


/* header */
#header {background: #fff; box-shadow: 0px 4px 80px 0px rgba(0, 0, 0, 0.04);}
#header .logo svg {fill: #0536C7; transition: ease all .5s;}
#header .header-wrapper {display: flex; justify-content: space-between; align-items: center; position: relative;}

#header .menu {flex: 1;}
#header .menu > ul {display: flex; justify-content: center; gap: 40px; list-style: none; margin: 0;}
#header .menu .menu-level-1 > a {line-height: var(--header-height); color: #2D3039; font-weight: 500; display: flex; gap: 8px;}
#header .menu-level-1 > a {color: #2D3039;}
#header .menu .menu-level-1 > a i {display: flex; align-items: center; font-size: 9px; transition: ease all .5s;}


#header .submenu-wrapper {position: absolute; left: 0; top: 100%; opacity: 0; width: max-content; visibility: hidden; max-height: calc(100vh - var(--header-height)); padding-top: 12px; transform: translateY(12px);}
#header .submenu {background: #fefefe; padding: 40px; border-radius: 16px; box-shadow: 0px 10px 29px 3px rgb(81 96 115 / 19%);}
#header .submenu-wrapper.submenu-full {left: 50%; transform: translate(-50%, 12px); width: 100%;}
#header .menu-level-1:hover .submenu-wrapper {opacity: 1; visibility: visible; transition: ease all .3s; transform: translateY(0px);}
#header .menu-level-1:hover .submenu-wrapper.submenu-full {transform: translate(-50%, 0px);}
#header .menu-level-1:hover > a i {transform: rotate(-180deg)}

#header .category {flex: 1; overflow: auto; max-height: 70vh;}
#header .category::-webkit-scrollbar {width: 4px;}
#header .category-link {font-weight: 500; color: var(--subtitle-black);}

#header .submenu .category-header {display: flex; align-items: center; gap: 8px; margin-bottom: 24px; margin-left: 16px;}
#header .submenu .category-name {font-size: 20px; font-weight: 500; color: var(--title-black);}
#header .submenu .subcategories {display: flex; flex-direction: column; list-style: none; padding: 0; gap: 8px;}

#header .subcategory {padding: 16px; border-radius: 16px; flex: 1;}
#header .subcategory:hover {background: #F3F4F6;}

#header .subcategory .subcategory-name {font-size: 16px; font-weight: 500;}
#header .subcategory .subcategory-description {font-size: 11px; color: var(--subtitle-black); line-height: 175%;}

/* #header .btn-contact-wrapper .btn-contact {background: var(--primary); color: #fff; border-color: var(--primary);} */

@media (max-width: 991px) {
	#header .btn-contact-wrapper, #header .menu {display: none;}
	#header {margin: 0; background: #fff;}
	#header .header-wrapper {min-height: var(--header-height);}
	#header .logo svg {fill: var(--primary);}
}
/* header */

/* offcanvas header mobile */
.offcanvas-menu {max-width: 86vw;}
.offcanvas-menu .menu-mobile-btn-close {position: absolute; right: -42px; top: 4px; font-size: 18px;}
.offcanvas-menu .accordion-button, .offcanvas-menu .accordion-link {padding: 16px 0; color: #181818; font-weight: 500; font-size: 15px; border-bottom: 1px solid #eee; border-radius: 0 !important; display: flex;}
.offcanvas-menu .accordion-button:not(.collapsed) {color: var(--primary);}
.offcanvas-menu .accordion-button::after {width: 12px; height: 12px; background-size: auto;}
.offcanvas-menu .accordion-body {padding: 0;}
.offcanvas-menu .accordion-item {border: none;}

.offcanvas-menu .category {margin-bottom: 24px;}
.offcanvas-menu .subcategories {padding: 0; margin-top: 8px;}
.offcanvas-menu .subcategories li {margin-bottom: 30px;}
.offcanvas-menu .category-header {font-size: 16px; font-weight: 600; display: flex; align-items: center; gap: 8px; margin-top: 12px; display: none;}
.offcanvas-menu .subcategory-name {font-size: 15px; font-weight: 500; margin-bottom: 4px; color: #3b3b3b;}
.offcanvas-menu .subcategory-description {color: #6b6b6b; font-size: 12px;}
.offcanvas-menu .category-link {font-size: 12px;}

.offcanvas-menu .btn-contact {width: 100%; padding: 12px;}
.offcanvas-menu .offcanvas-footer {border-top: 1px solid #ddd;}
.offcanvas-menu .offcanvas-footer .social-media {display: flex; gap: 12px; justify-content: center; margin-top: 12px;}
.offcanvas-menu .offcanvas-footer .social-media a {background: #fafafa; border-radius: 8px; width: 40px; height: 40px; display: flex;  justify-content: center; align-items: center;}
.offcanvas-menu .offcanvas-footer .social-media i {display: flex; font-size: 17px; color: var(--title-black);}
/* offcanvas header mobile */

/* seções */

/* seção hero */
.hero {background: #090B11; position: relative; padding-top: var(--header-height); padding-bottom: var(--spacing-separator); overflow: hidden;}
.hero .hero-radial-gradient {position: absolute; opacity: 0.25; background: radial-gradient(50% 50% at 50% 50%, #0536C7 0%, rgba(13, 16, 26, 0.00) 100%); filter: blur(40px); width: 100%; height: 100%; top: 0; left: 50%; transform: translate(-50%, calc(var(--header-height) + -50%)); z-index: 1;}
.hero-wrapper {z-index: 2; position: relative; display: flex; flex-direction: column; align-items: center; margin-top: 88px;}
.hero .hero-content {max-width: 1066px; text-align: center;} 
.hero .hero-title {font-size: 64px; color: #fff; line-height: 100%; letter-spacing: -2.56px; font-weight: 400;}
.hero .hero-subtitle {font-size: 16px; margin-top: 16px; color: var(--white-light); font-weight: 400;}
.hero .btn-demonstration {margin-top: 40px; transition: ease all .3s; background: var(--white); border-color: var(--white);}
.hero .btn-demonstration:hover, .hero .btn-demonstration:focus, .hero .btn-demonstration:active {color: #ffffff !important; background: var(--primary) !important; border: 1px solid var(--primary) !important; text-shadow: 0 0 5px #c1c1c1, 0 0 10px #7f7f7f, 0 0 20px #757575; box-shadow: 0 0 5px var(--primary), 0 0 20px var(--primary), 0 0 25px var(--primary), 0 0 90px var(--primary);}
.hero .hero-img {margin-top: 64px;}
.logo-mobile {margin-top: -25px; margin-bottom: 40px; z-index: 10; position: relative;}
.logo-mobile svg, .logo-mobile svg path {fill: #fff;}
#advantages-vowt::after {content: '|'; animation: blink .8s infinite;}
@media (max-width: 991px) {
	.hero .hero-title {font-size: 48px; line-height: 110%; letter-spacing: -1.92px;}
	.hero-wrapper {margin-top: 0;}
	.hero .hero-img {max-width: 200%;}
	.hero .btn-demonstration {background: var(--primary); border-color: var(--primary); color: #fff;}
}

@keyframes blink {
  0%, 100% { opacity: 1; }
  50% { opacity: 0; }
}

.separator-radius {width: 100%; height: calc(var(--spacing-separator) + 1px); margin: calc(var(--spacing-sections-home) * -1) 0; border-radius: 56px 56px 0 0; top: calc(var(--spacing-separator) * -1); background: #fff; position: relative; z-index: 1;}
/* seção hero */

/* seção marcas */
.manufacturer {margin: 80px 0;}
#common-home .manufacturer {margin-top: calc(var(--spacing-sections-home) * -1 + 80px);}
.manufacturer .heading-title-small {margin-bottom: 56px;}
#casesPage .manufacturer .heading-title-small {display: none;}
.manufacturer .swiper-wrapper {transition-timing-function: linear !important;}
.manufacturer .swiper-slide {width: auto !important;}
.manufacturer #swiper-manufacturer-marquee::after, .manufacturer #swiper-manufacturer-marquee::before {content: ''; width: 170px; height: 100%; position: absolute; top: 0; z-index: 100; background: linear-gradient(90deg,rgba(255, 255, 255, 1) 0%, transparent 100%); left: 0;}
.manufacturer #swiper-manufacturer-marquee::after {background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 1) 100%); left: auto; right: 0}
#casesPage .manufacturer #swiper-manufacturer-marquee::before {background: linear-gradient(90deg, rgb(250 251 254) 0%, transparent 100%);}
#casesPage .manufacturer #swiper-manufacturer-marquee::after {background: linear-gradient(90deg, transparent 0%, rgb(250 251 254) 100%);}
.manufacturer img {filter: grayscale(1); transition: ease all .5s;}
.manufacturer img:hover {filter: grayscale(0);}
@media (max-width: 991px) {
	.manufacturer img {max-width: 70%;}
	.manufacturer #swiper-manufacturer-marquee::after, .manufacturer #swiper-manufacturer-marquee::before {width: 100px;}
	#common-home .manufacturer {margin-top: calc(var(--spacing-sections-home) * -1 + 0px); margin-bottom: 20px;}
}
/* seção marcas */

/* seção cases */
.cases {margin-top: calc(var(--spacing-sections-home) * -1 + 80px)}
/* seção cases */

/* seção diferenciais */
.differential {background: var(--background-black); padding: 120px 0; color: #F4F4F6; max-width: 1600px; padding-left: 12px; padding-right: 12px; margin: auto; width: 100%; border-radius: 80px;}
.differential .differential-icon {font-size: 20px; display: inline-flex; background: #1B1F2C; justify-content: center; align-items: center; border-radius: 8px; width: 32px; height: 32px; margin-bottom: 24px;}
.differential .differential-items-wrapper {margin: 80px 0; display: grid; grid-template-columns: repeat(4, 1fr); column-gap: 80px;}
@media (max-width: 991px) {
	.differential {border-radius: 56px; padding: 56px 0;}
	.differential .differential-items-wrapper {grid-template-columns: repeat(2, 1fr); gap: 56px; margin: 56px 0;}
}

.complete-differential {display: flex; flex-wrap: wrap; gap: 16px;}
.complete-differential .complete-differential-item {flex: 1; background: #131620;}
.complete-differential .complete-differential-content {padding: 40px;}
.complete-differential .complete-differential-item:nth-child(1), .complete-differential .complete-differential-item:nth-child(2) {flex-basis: calc(50% - 16px);}
.complete-differential .complete-differential-description {margin-top: 16px; letter-spacing: -0.15px;}
@media (max-width: 991px) {
	.complete-differential .complete-differential-content {padding: 24px;}
	.complete-differential {flex-direction: column;}
}
/* seção diferenciais */

/* seção integrações e recursos */
.resources {background: #F3F4F6; padding: 120px 0; max-width: 1600px; padding-left: 12px; padding-right: 12px; margin: auto; width: 100%; border-radius: 80px; overflow: hidden;}

.carousel-integrations {margin-bottom: 160px;}
.carousel-integrations img {border-radius: 50%; background: #fff; padding: 20px; max-width: 120px;}
.carousel-integrations .heading-title {margin-bottom: 32px;}
.carousel-integrations .swiper-wrapper {transition-timing-function: linear !important;}
.carousel-integrations .swiper-slide {width: auto !important;}

.carousel-resources .swiper {overflow: visible; overflow-y: clip;}
.carousel-resources .swiper::after {content: ''; height: 100%; width: 160px; display: block; position: absolute; right: -160px; top: 0; z-index: 1; background: linear-gradient(90deg,rgba(255, 255, 255, 0) 0%, rgba(243, 244, 246, 0.7) 40%, rgba(243, 244, 246, 1) 100%)}
.carousel-resources .resources-content {padding: 24px; background: #F9FAFB;}
.carousel-resources img {border-radius: 16px;}
.carousel-resources img, .carousel-resources video {position: relative; z-index: 2; border-radius: 8px;}
.resources-video-hover {position: absolute; top: 0; z-index: 3; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; background: #000000a3; color: #fff; font-size: 22px; border-radius: 8px; cursor: pointer; opacity: 0; transition: ease all .5s;}
.resources-video-hover:hover {opacity: 1;} /* css sendo utilizado também na página interna */
.carousel-resources .wrapper-title-arrows {margin-bottom: 32px;}
@media (max-width: 991px) {
	.resources {border-radius: 56px; padding: 80px 0;}
	.carousel-integrations {margin-bottom: 80px;}
	.carousel-integrations img {padding: 10px; max-width: 80px;}
	.carousel-resources .swiper::after {display: none;}
	.carousel-resources .resources-title {min-height: 48px;}
}
/* seção integrações e recursos */

/* seção vantagens */
.advantages .advantages-wrapper {align-items: center;}
.advantages .advantages-wrapper:nth-child(even) .advantages-text {order: 2; margin-left: auto;}
.advantages .advantages-wrapper:nth-child(odd) .advantages-img {margin-left: auto;}
.advantages .advantages-wrapper:not(:last-child) {margin-bottom: 120px;}
.advantages .advantages-title {margin-bottom: 24px;}
.advantages .advantages-description {margin-bottom: 40px;}
.advantages .advantages-benefits {display: flex; flex-direction: column; gap: 32px;}
.advantages .advantages-benefit {display: flex; gap: 8px; align-items: center;}
@media (max-width: 991px) {
	.advantages .advantages-wrapper {gap: 40px;}
	.advantages .advantages-title {margin-bottom: 16px;}
	.advantages .advantages-benefits {gap: 24px;}
	.advantages .advantages-description {margin-bottom: 24px;}
	.advantages .advantages-wrapper:not(:last-child) {margin-bottom: 80px;}
	.advantages .advantages-img {order: 2;}
}
/* seção vantagens */

/* seção e-commerce b2b-b2c */
.ecommerce-b2c-b2b .ecommerce-b2c-b2b-content {padding: 40px 16px 16px; z-index: 2; position: relative;}
.ecommerce-b2c-b2b .ecommerce-b2c-b2b-content-wrapper {background: #F3F4F6; padding: 24px;}
.ecommerce-b2c-b2b .btn {background: #F3F4F6; color: var(--subtitle-black); border-color: var(--subtitle-black);}
@media (max-width: 991px) {
	.ecommerce-b2c-b2b .ecommerce-b2c-b2b-content {padding: 24px 8px 8px;}
	.ecommerce-b2c-b2b .ecommerce-b2c-b2b-content-wrapper {padding: 14px 14px;}
}
/* seção e-commerce b2b-b2c */

/* seção depoimentos */
.depoiments {background: var(--background-black); padding: 80px 0; color: #F4F4F6; max-width: 1600px; padding-left: 12px; padding-right: 12px; margin: auto; width: 100%; border-radius: 80px; overflow: hidden;}
.depoiments .depoiment-wrapper {background: #131620; border-radius: 16px; padding: 40px; display: flex; gap: 80px; align-items: center; transition: ease all .5s;}
.depoiments .depoiment-title {font-weight: 400; font-size: 40px; letter-spacing: -1.6px; line-height: 115%;}
.depoiments .depoiment-img {flex: 1;}
.depoiments .depoiment-content {flex: 2;}
.depoiments .depoiment-img img {border-radius: 16px; cursor: pointer;}
.depoiments .depoiment-logo {max-width: 175px; width: 100%; margin-bottom: 40px;}
.depoiments .btn {display: flex; align-items: center; gap: 8px;}
.depoiments .btn i {display: flex;}
.depoiments .swiper {overflow: visible;}
.depoiments .swiper::after, .depoiments .swiper::before {content: ''; height: 100%; width: 300px; display: block; position: absolute; top: 0; z-index: 2;}
.depoiments .swiper::after {left: 90%; background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgb(19 22 32 / 70%) 70%, rgb(19 22 32) 100%)}
.depoiments .swiper::before {right: 90%; background: linear-gradient(-90deg, rgba(255, 255, 255, 0) 0%, rgb(19 22 32 / 70%) 70%, rgb(19 22 32) 100%)}
.depoiments .modal-header {border: none; padding-bottom: 0;}
.depoiments .modal-content {background: transparent;}

@media (min-width: 992px) {
	.depoiments .swiper .swiper-slide-active .depoiment-wrapper {transform: scale(1.05);}
}

@media (max-width: 991px) {
	.depoiments {border-radius: 64px; padding: 80px 0;}
	.depoiments .depoiment-wrapper {flex-direction: column-reverse; padding: 24px; gap: 24px;}
	.depoiments .depoiment-title {font-size: 32px;}
	.depoiments .depoiment-description {line-height: normal;}
	.depoiments-buttons-mobile .btn {width: 100%; justify-content: center;}
}
/* seção depoimentos */

/* seção conquistas */
.conquest .heading-title-wrapper {margin-bottom: 80px;}
.conquest .map-mundi {margin: 120px 0;}
.conquest .conquest-item {text-align: center; }
.conquest .conquest-item:not(:last-child) {border-right: 1px solid #D3D7E4;}
.conquest .conquest-item-content {display: flex; justify-content: center; align-items: center; gap: 8px; font-size: 24px; color: var(--title-black); font-weight: 500;}
.conquest .conquest-extra, .conquest .conquest-number {color: var(--primary); font-size: 56px; line-height: 115%; letter-spacing: -2.24px; font-weight: 400;}
.conquest .conquest-description {line-height: normal;}
@media (max-width: 991px) {
	.conquest .conquest-item {text-align: start;}
	.conquest .conquest-item:not(:last-child) {border: none; border-bottom: 1px solid #D3D7E4; padding-bottom: 24px;}
	.conquest .conquest-item:not(:first-child) {padding-top: 24px;}
	.conquest .conquest-item-content {justify-content: start;}
	.conquest .conquest-description {font-size: 16px;}
	.conquest .map-mundi {margin: 80px 0;}
	.conquest .conquest-wrapper-differential-item {gap: 40px;}
}
/* seção conquistas */

/* seção rodapé cta */
.footer-cta {background: var(--primary); max-width: 1760px; width: 100%; margin: auto; padding: 80px 0; border-radius: 64px; transform: translateY(-50%);}
@media (max-width: 991px) {
	.footer-cta {transform: translateY(-100px);}
}
/* seção rodapé cta */

/* seções */


/******* paginas internas *******/

/* page cabeçalho */
.page-section-hero {max-width: 1760px; width: 100%; margin: auto; border-radius: 0px 0px 80px 80px; background: linear-gradient(180deg, rgba(249, 249, 251, 0.00) 0%, rgba(5, 54, 199, 0.05) 100%); padding: 80px 0;}
.page-section-hero-container {max-width: 846px; margin: auto;}
.page-tag {font-size: 13px; font-weight: 500; color: var(--subtitle-black); border: 1px solid var(--subtitle-black); padding: 8px 16px; line-height: normal; border-radius: 100px;}
.page-title {color: var(--title-black); font-size: 40px; line-height: 125%; letter-spacing: -1.6px; font-weight: 400;}
.page-subtitle {color: var(--subtitle-black); font-size: 16px; line-height: normal; }
@media (max-width: 991px) {
	.page-section-hero {padding: 60px 0; border-radius: 0px 0px 60px 60px; }
	.page-title {font-size: 32px;} 
	.page-subtitle {font-size: 14px;}
}
/* page cabeçalho */

/* page tabs */
.page-tabs .nav-tabs {justify-content: center; gap: 8px; border: none; margin-top: 40px;}
#blogPage .page-tabs .nav-tabs {margin-bottom: 40px; padding-bottom: 40px; border-bottom: 1px solid #EBEDF5;}
.page-tabs .nav-link {background: var(--tab-white); border: 1px solid var(--tab-white-dark); padding: 16px; font-size: 13px; font-weight: 500; color: var(--title-black); border-radius: 16px;}
.page-tabs .nav-link:hover {background-color: var(--tab-white-hover); border-color: var(--tab-white-dark-hover);}
.page-tabs .nav-link.active {background-color: var(--primary); border-color: var(--primary); color: #fff;}
.tab-pane:focus-visible {outline: none;}
@media (max-width: 991px) {
	.page-tabs .nav-tabs {flex-direction: column;}
	.page-tabs .nav-link {width: 100%; text-align: center;}
}
/* page tabs */

/* seções por categoria */
.page-category-wrapper:not(:first-child) {border-top: 1px solid #EBEDF5; padding-top: 80px; margin-top: 80px; margin-bottom: 40px;}
.page-category-wrapper:first-child {border-top: 1px solid #EBEDF5; padding-top: 64px; margin-top: 24px; margin-bottom: 40px;}
.page-category-title {font-size: 40px; line-height: 125%; letter-spacing: -1.6px; font-weight: 400;}
.page-category-description {color: var(--subtitle-black); font-size: 16px;}
@media (max-width: 991px) {
	.page-category-title {font-size: 28px;}
	.page-category-wrapper:not(:first-child) {padding-top: 50px; margin-top: 50px;}
}
/* seções por categoria */

/* cards */
.card-default {padding: 24px; background: var(--card-background); height: 100%; border-radius: 16px;}
/* .card-default-vertical {padding: 8px;} */
.card-default .card-wrapper {display: flex; gap: 24px; align-items: center;}
.card-default-vertical .card-wrapper {flex-direction: column; align-items: start;}
.card-default .card-content {display: flex; flex-direction: column; gap: 8px; }
.card-default .card-content-fill {padding: 0 24px 24px; gap: 14px;}
.card-default-vertical .card-default-title {font-size: 20px;}
.card-default .card-default-description {font-size: 13px;}
.card-default .resources-video-hover {background: #00000036; opacity: 1;}
.card-default img, .card-default video {position: relative; z-index: 2; border-radius: 16px; width: 100%; transition: ease all .5s;}
.card-default .card-header-infos {font-size: 11px; color: var(--subtitle-black); display: flex; gap: 12px; align-items: center; flex-wrap: wrap;}
.card-default .card-header-infos .card-category {border: 1px solid var(--subtitle-black); padding: 4px 12px; border-radius: 8px;}
.read-more {font-size: 13px; color: var(--subtitle-black); width: max-content;}
.read-more i {font-size: 10px}

#blogPage .card-default img:hover {transform: scale(1.05);}
#blogPage .card-default figure {border-radius: 16px; overflow: hidden;}
@media (max-width: 991px) {
	.card-default {padding: 16px;}
	.card-default .description-default {font-size: 14px;}
}
/* cards */

/* blog/cases - destaque */
.post-emphasis {padding: 64px; background: #E4E7F1; border-radius: 24px; margin-top: 40px;}
.post-emphasis .post-emphasis-infos {display: flex; align-items: center; font-size: 13px; gap: 12px; color: var(--subtitle-black); flex-wrap: wrap;}
.post-emphasis img {border-radius: 24px;}
.post-emphasis .post-logo {width: 100%; max-width: 150px; margin-bottom: 16px; border-radius: 0;}
.post-emphasis .post-emphasis-category {border: 1px solid var(--subtitle-black); padding: 4px 12px; border-radius: 8px;}
.swiper-post-emphasis-pagination {display: flex; justify-content: center; margin: 40px auto 0; max-width: 700px;}
.swiper-post-emphasis-pagination .swiper-pagination-bullet {flex: 1; border-radius: 10px; max-width: 140px; height: 5px;}
@media (max-width: 991px) {
	.post-emphasis {padding: 16px; border-radius: 16px;}
	.post-emphasis .post-emphasis-img {order: -1}
}
/* blog/cases - destaque */

/* blog - detalhes interno */
.blog-post {margin-top: 80px;}
.blog-post .post-author {display: flex; align-items: center; gap: 16px; margin: 40px 0;}
.blog-post .post-author img {max-width: 80px; border-radius: 50%;}
.blog-post .author-name {font-size: 20px; font-weight: 500;}
.blog-post .post-infos {font-size: 13px; color: var(--subtitle-black); display: flex; align-items: center; gap: 16px; margin-top: 4px;}
.blog-post aside {position: sticky; top: calc(var(--header-height) + 12px);}
.post-img-principal {border-radius: 16px;}
.post-body {margin-top: 40px;}
.post-content {font-size: 15px; line-height: 175%; text-align: justify;}
.post-content img {max-width: 100%;}
@media (max-width: 991px) {
	.blog-post {margin-top: 32px;}
	.blog-post .heading-title {font-size: 28px; line-height: 125%; letter-spacing: -1px;}
	.blog-post .post-infos {align-items: start; flex-direction: column; gap: 2px; font-size: 12px;}
}
/* blog - detalhes interno */

/* cases - lista */
#casesPage .cases-title {margin-top: 120px; margin-bottom: 40px; padding-bottom: 40px; border-bottom: 1px solid #EBEDF5; text-align: center;}
#casesPage .cases-logo {max-width: 200px; width: 100%; border-radius: 0;}
/* cases - lista */

/* cases - detalhes interno */
.cases-post {margin-top: 80px;}
.cases-post header {padding: 56px; background: #EFF1F5; border-radius: 24px;}
.cases-post .breadcrumb {margin-bottom: 40px;}
.cases-post figure {margin-top: 64px;}
.cases-post h2 {font-size: 40px; font-weight: 400; line-height: 125%; letter-spacing: -1.6px; color: var(--title-black); margin-bottom: 16px;}
.cases-post aside {padding: 40px; background: #EFF1F5; border-radius: 24px; position: sticky; top: calc(var(--header-height) + 12px);}
.cases-post .organization-info {border-bottom: 1px solid #D9D9D9; margin-bottom: 40px; padding-bottom: 40px;}
.cases-post .organization-info-title {font-size: 24px; line-height: 115%; letter-spacing: -0.96px; margin-bottom: 8px;}
@media (max-width: 991px) {
	.cases-post {margin-top: 32px;}
	.cases-post header, .cases-post aside {padding: 20px; border-radius: 20px;}
	.cases-post .organization-info {margin-bottom: 24px; padding-bottom: 24px;}
}
/* cases - detalhes interno */
/******* paginas internas *******/

/* compartilhador */
.module-sharer {font-size: 20px; margin: 40px 0; color: var(--background-black);}
/* compartilhador */

/* página de formulário de contato */
#information-contact {margin-top: 80px;}
.contact-form .form-group {display: flex; flex-direction: column; margin: 0;}
.contact-form form {padding: 48px; background: #EFF1F5; margin-bottom: 24px; border-radius: 24px;}
.contact-form form legend {font-size: 16px; text-align: center; color: var(--title-black);}
.contact-form input[type="text"], .contact-form .nice-select, .contact-form select {border: 1px solid #D3D7E4; background: #F9F9FB; border-radius: 8px; font-size: 13px; padding: 0 24px; height: 57px;}
.contact-form input::placeholder, .contact-form .nice-select {color: #565E76;}
.contact-form input:focus {border-color: var(--primary);}
.contact-form .nice-select .list {width: 100%;}
.contact-form label:not(.check-polities) {display: none;}
.contact-form .check-polities {display: flex; align-items: center; gap: 8px; font-size: 13px; color: #565E76;}
.contact-form input[type="checkbox"] {position: relative; margin: 0; padding-left: 0; border-radius: 4px; appearance: none;}
.contact-form input[type="checkbox"]:checked::after {content: ''; position: absolute; left: 8px; top: 4px; width: 5px; height: 10px; border: solid #565E76; border-width: 0 2px 2px 0;transform: rotate(45deg);}
.contact-form input[type="checkbox"]::before {content: ''; display: block; width: 20px; height: 20px; border: 1px solid #565E76; border-radius: 4px;}
.contact-form .nice-select {display: flex; align-items: center;}
.contact-form .btn-send-form {width: 100%; padding: 16px; border-radius: 8px; font-weight: 500; margin: 24px 0;}
.contact-form .text-danger {font-size: 13px; margin-top: 4px;}
.contact-form .wrapper-captcha {display: flex; justify-content: center; margin-top: 12px;}
.contact-form .wrapper-captcha legend {display: none;}
@media (max-width: 991px) {
	.contact-form form {padding: 16px; border-radius: 12px;}
	.contact-form form legend {font-size: 14px;}
	.contact-form .check-polities {font-size: 12px;}
	.contact-form input[type="text"], .contact-form .nice-select, .contact-form select {height: 50px}
}
/* página de formulário de contato */

/* página de formulário de contato - sucesso */
.common-success {border-radius: 0px 0px 80px 80px; background: linear-gradient(180deg, rgba(249, 249, 251, 0.00) 0%, rgba(5, 54, 199, 0.05) 100%); max-width: 1760px; margin: 0 auto; padding: 80px 12px;}
.common-success .success-wrapper {max-width: 846px; margin: auto;}
.common-success .success-content {display: flex; flex-direction: column;}
.common-success .success-tag {display: flex; padding: 16px 24px; justify-content: center; align-items: center; gap: 8px; border-radius: 48px; border: 1px solid #565E76; width: max-content; font-size: 16px; font-weight: 500; color: var(--subtitle-black); margin: 0 auto; order: 0;}
.common-success .common-success h1 {order: 1;}
.common-success iframe {border-radius: 16px; order: 3;}
.contact-content {order: 4;}
.common-success .btn-success-whatsapp {display: flex; padding: 16px 32px; justify-content: center; align-items: center; gap: 8px; border-radius: 40px; background: #15C165; color: #fff; font-size: 16px; font-weight: 500; width: max-content; margin: auto; transition: ease all .5s;}
.common-success .btn-success-whatsapp:hover {background: #16b35f;}
@media (max-width: 991px) {
	.contact-content {order: 2; margin-bottom: 24px;}
	.common-success {border-radius: 0 0 24px 24px;}
}
/* página de formulário de contato - sucesso */


/* swiper padrão */
.swiper-pagination-bullet-active {background: var(--primary);}
.swiper-button-disabled {opacity: .6;}
.vowt-pagination {position: absolute; z-index: 100; bottom: 0; display: flex; justify-content: center;}
.swiper-pagination-bullet-active {background: var(--title-black);}

.vowt-prev, .vowt-next {position: absolute; top: 50%; transform: translateY(-50%); z-index: 1;}
.vowt-prev {left: -52px;}
.vowt-next {right: -52px;}
.vowt-prev i, .vowt-next i {color: var(--primary); display: flex; font-size: 20px}
@media (max-width: 991px) {
	.vowt-prev i, .vowt-next i {font-size: 16px;}
}
/* swiper padrão */

/* setas com container */
.container-arrow {display: flex; justify-content: center; align-items: center; background: #E2E4E9; width: 40px; height: 40px; border-radius: 50%; transition: ease all .5s;}
.container-arrow:hover {background: #ddd;}
.container-arrow i {color: #171B26; font-size: 22px;}
.swiper-button-disabled .container-arrow:hover {background-color: #E2E4E9;}

.container-arrow-dark {background: #131620;}
.container-arrow-dark:hover {background: #1c202e;}
.container-arrow-dark i {color: #fff;}
.swiper-button-disabled .container-arrow-dark:hover {background-color: #131620;}
/* setas com container */

/* setas centralizadas */
.vowt-prev.arrow-center, .vowt-next.arrow-center {position: relative; top: auto; transform: none;}
.vowt-prev.arrow-center {left: 0;}
.vowt-next.arrow-center {right: 0}
/* setas centralizadas */

/* slideshow */
.container-arrows-banner-pro .vowt-prev {left: 10px;}
.container-arrows-banner-pro .vowt-next {right: 10px;}
/* slideshow */
/* setas */

.bi-star {color: #aaa;}
.bi-star-fill {color: #ffbf00;}

/* home */
#common-home #content {display: flex; flex-direction: column; gap: var(--spacing-sections-home);}
/* home */

/* inputs */
.input-container {border: solid 1px var(--gray); font-size: 14px; display: flex; border-radius: var(--input-border-radius);}
.input-container:has(input:focus) {border: 1px solid var(--primary);}
.input-container input {border: none !important;}
/* inputs */

/* default */
h1,h2,h3,h4,h5 {padding: 0; margin: 0;}
p {margin: 0;}
a {text-decoration: none; color: var(--text);}
input:focus {outline: none;}
input {border: none;}
label {font-size: 13px; margin-bottom: 6px;}
input:-webkit-autofill, input:-webkit-autofill:hover,  input:-webkit-autofill:focus,  input:-webkit-autofill:active { -webkit-box-shadow: 0 0 0 30px #fff inset !important; transition: none;}
input:focus-visible {outline: none;}
.nav-link.active {background-color: var(--primary); color: #fff;}
.nav-link {font-size: 1rem; border-radius: 0; color: var(--text);}
.page-link {border-color: transparent; border-radius: 50%; color: var(--gray-hover); display: flex; padding: 0; width: 32px; height: 32px; justify-content: center; align-items: center; margin: 0 6px;}
.page-link:hover, .page-link:focus {background: #eee; border-color: #fafafa; color: #000; box-shadow: none;}
.page-item.active .page-link {background-color: var(--primary); color: #fff; border-color: var(--primary);}
.accordion-button:focus {box-shadow: none;}
.accordion-button:not(.collapsed) {box-shadow: none; background: none;}
/* default */

/*Remove Bootstrap */
.form-control{border: solid 1px var(--gray); height: 50px; font-size: 14px;}
.form-control:focus{box-shadow: none; border-color: var(--primary);}
.form-group{margin-bottom: 10px;}
.form-control-line{border: none; background: transparent; border-bottom: solid 1px var(--gray); border-radius: 0;}
.form-control-line.form-control-line-dark{color: #fff;}
.form-control-line.form-control-line-dark::placeholder{color: #fff;}
.form-control-line.form-control-line-dark:focus{background-color: transparent;}
/*Remove Bootstrap */