/* With RKV */
:root {
	--blue: #0152FF;
	--secondary-blue: #084BFF;
	--primary-black: #000000;
	--secondary-black: #1D2434;
	--primary-grey: #f3f4f5;
	--secondary-grey: #F8F9FC;
	--duration-fast: 100ms;
	--duration-default: 200ms;
	--duration-slow: 300ms;
	--duration-superslow: 500ms;
	--duration-ultraslow: 800ms;
}

body {
	font-family: 'Gabarito' !important;
	color: #1D2434 !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
figure {
	margin: 0px !important;
	padding: 0 !important;
}

.font-Gabarito {
	font-family: 'Gabarito' !important;
}

.px-13 {
	padding-left: 3.25rem !important;
	padding-right: 3.25rem !important;
}

.border-radius-20 {
	border-radius: 20px !important;
}

.fs-10 {
	font-size: 10px !important
}

.fs-11 {
	font-size: 11px !important
}

.fs-12 {
	font-size: 12px !important
}

.fs-13 {
	font-size: 13px !important
}

.fs-14 {
	font-size: 14px !important
}

.fs-15 {
	font-size: 15px !important
}

.fs-16 {
	font-size: 16px !important
}

.fs-17 {
	font-size: 17px !important
}

.fs-18 {
	font-size: 18px !important
}

.fs-20 {
	font-size: 20px !important
}

.fs-22 {
	font-size: 22px !important
}

.fs-24 {
	font-size: 24px !important
}

.fs-26 {
	font-size: 26px !important
}

.fs-28 {
	font-size: 28px !important
}

.fs-30 {
	font-size: 30px !important
}

.fs-32 {
	font-size: 32px !important
}

.fs-34 {
	font-size: 34px !important
}

.fs-36 {
	font-size: 36px !important
}

.fs-40 {
	font-size: 40px !important
}

.fs-44 {
	font-size: 44px !important
}

.fs-48 {
	font-size: 48px !important
}

.fs-50 {
	font-size: 50px !important
}

.fs-52 {
	font-size: 52px !important
}

.fs-55 {
	font-size: 55px !important
}

.fs-62 {
	font-size: 62px !important
}

/* sm 17px */
@media (max-width: 575px) {
	.fs-sm-17 {
		font-size: 17px !important;
	}
}

.fw-100 {
	font-weight: 100 !important
}

.fw-300 {
	font-weight: 300 !important
}

.fw-400 {
	font-weight: 400 !important
}

.fw-500 {
	font-weight: 500 !important
}

.fw-600 {
	font-weight: 600 !important
}

.fw-700 {
	font-weight: 700 !important
}

.fw-800 {
	font-weight: 800 !important
}

.fw-900 {
	font-weight: 900 !important
}

.text-first-letter-capitalize:first-letter {
	text-transform: capitalize
}

.opacity-0 {
	opacity: 0 !important
}

.opacity-25 {
	opacity: .25 !important
}

.opacity-32 {
	opacity: .32 !important
}

.opacity-50 {
	opacity: .5 !important
}

.opacity-72 {
	opacity: .72 !important
}

.opacity-75 {
	opacity: .75 !important
}

.opacity-80 {
	opacity: .80 !important
}

.opacity-100 {
	opacity: 1 !important
}

.line-height-10 {
	line-height: 10px !important
}

.line-height-12 {
	line-height: 12px !important
}

.line-height-14 {
	line-height: 14px !important
}

.line-height-16 {
	line-height: 16px !important
}

.line-height-18 {
	line-height: 18px !important
}

.line-height-20 {
	line-height: 20px !important
}

.line-height-22 {
	line-height: 22px !important
}

.line-height-24 {
	line-height: 24px !important
}

.line-height-26 {
	line-height: 26px !important
}

.line-height-28 {
	line-height: 28px !important
}

.line-height-30 {
	line-height: 30px !important
}

.line-height-32 {
	line-height: 32px !important
}

.line-height-48 {
	line-height: 48px !important
}

.line-height-50 {
	line-height: 50px !important
}

.line-height-60 {
	line-height: 60px !important
}

@media (max-width: 1024px) {
	.line-height-initial-1024 {
		line-height: initial !important
	}
}

.max-width-1058 {
	width: 100%;
	max-width: 1058px
}

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

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

.max-width-750 {
	width: 100%;
	max-width: 750px
}

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

.max-width-651 {
	width: 100%;
	max-width: 651px
}

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

.max-width-500 {
	width: 100%;
	max-width: 500px
}

.max-width-400 {
	width: 100%;
	max-width: 400px
}

.max-width-300 {
	width: 100%;
	max-width: 300px
}

.max-width-350 {
	width: 100%;
	max-width: 350px
}

.max-width-250 {
	width: 100%;
	max-width: 250px
}

.max-width-279 {
	width: 100%;
	max-width: 279px
}

.max-width-200 {
	width: 100%;
	max-width: 200px
}

.max-width-250 {
	width: 100%;
	max-width: 250px
}

.max-width-178 {
	width: 100%;
	margin: 0 auto !important;
	max-width: 178px
}

.max-width-150 {
	width: 100%;
	max-width: 150px
}

.max-width-100 {
	width: 100%;
	max-width: 100px
}

.rounded-4 {
	border-radius: 4px !important
}

.rounded-6 {
	border-radius: 6px !important
}

.rounded-8 {
	border-radius: 8px !important
}

.rounded-10 {
	border-radius: 10px !important
}

.rounded-12 {
	border-radius: 12px !important
}

.rounded-20 {
	border-radius: 20px !important
}

.rounded-30 {
	border-radius: 30px !important
}

.rounded-50 {
	border-radius: 50px !important
}

.rounded-80 {
	border-radius: 80px !important
}


.mar-e-38 {
	margin-right: 38px !important;
}


/* using */
.bg-theme-blue {
	background-color: var(--blue) !important
}

.bg-secondary-blue {
	background-color: var(--secondary-blue);
}

.bg-theme-dark-blue {
	background-color: #2749C3 !important
}

.bg-primary-grey {
	background-color: var(--primary-grey) !important
}

.bg-secondary-grey {
	background-color: var(--secondary-grey) !important
}

.bg-solitude {
	background-color: #ddeaff
}

.bg-black {
	background-color: #000000 !important;
}

.bg-off-white {
	background-color: #fafafa;
}

.bg-off-blue {
	background-color: #EFF3FA;
}

.bg-color-white {
	background-color: #ffffff;
}

.bg-periwinkle-gray {
	background-color: #CFD4EE;
}

.bg-athens-gray {
	background-color: #F4F5F8;
}

.bg-shark {
	background-color: #25272D;
}

.bg-azure-blue {
	background-color: #3C4BAE;
}

.bg-pale-leaf {
	background-color: #C4D6B9;
}


.bg-gradient-blue {
	background: linear-gradient(180deg, #041257 0%, #112798 100%), url(../_path-to-image__2.html), lightgray -119.041px -28px / 157.022% 108.75% no-repeat;
}

.bg-gradient-sky {
	background: linear-gradient(180deg, #037ED8 0%, #0094FF 100%), url(../_path-to-image__2.html), lightgray -92.96px 1px / 143.937% 99.687% no-repeat;
}

.bg-gradient-red {
	background: linear-gradient(180deg, #C42730 0%, #F5454F 78.12%), url(../_path-to-image__2.html), lightgray 50% / cover no-repeat;
}

.bg-gradient-light-blue {
	background: linear-gradient(180deg, #0033AF 0%, #2E66ED 100%), url(../_path-to-image__2.html), lightgray -119.041px -28px / 157.022% 108.75% no-repeat;
}

.bg-gradient-green {
	background: linear-gradient(180deg, #007653 0%, #008E64 100%), url(../_path-to-image__2.html), lightgray -92.96px 1px / 143.937% 99.687% no-repeat;
}

.bg-gradient-mix {
	background: linear-gradient(91deg, #084BFF 27.8%, #F24B8B 106.95%);
}

.startupBg-gradient {
	background: linear-gradient(62deg, #EE7752, #E73C7E, #23A6D5, #23D5AB);
	background-size: 400% 400%;
	animation: StartUpgradient 8s linear infinite;
}

.text-gradient-popup {
	background: linear-gradient(274deg, #F24B8B 2.19%, #084BFF 57.02%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

@keyframes StartUpgradient {
	0% {
		background-position: 0%;
	}

	100% {
		background-position: 400%;
	}
}


/* Shine */
.linkDin-Shine:after {
	content: '';
	top: 0;
	transform: translateX(100%);
	width: 100%;
	height: 100px;
	position: absolute;
	overflow: hidden;
	z-index: 1;
	animation: slide 2200ms infinite ease-in-out;
	background: url('data:image/svg+xml,<svg width="66" height="38" viewBox="0 0 66 38" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M50.5 0H37L0 38H12.5L50.5 0Z" fill="white" fill-opacity="0.12"/><path d="M66 0H52.5L15.5 38H28L66 0Z" fill="white" fill-opacity="0.12"/></svg>') no-repeat !important;
}


/* animation */

@keyframes slide {
	0% {
		transform: translateX(-100%);
	}

	100% {
		transform: translateX(100%);
	}
}

/* using */
.color-theme-blue {
	color: var(--blue) !important
}

.color-secondary-blue {
	color: var(--secondary-blue);
}

.color-primary-black {
	color: var(--primary-black) !important
}

.color-secondary-black {
	color: var(--secondary-black) !important
}

.color-primary-grey {
	color: var(--primary-grey) !important
}

.color-charcoal-grey {
	color: #474747;
}

.color-hit-grey {
	color: rgba(255, 255, 255, 0.52) !important
}

.color-slate-grey {
	color: rgba(29, 36, 52, 0.52) !important
}

.color-mid-grey {
	color: rgba(29, 36, 52, 0.72) !important
}


.color-link-water {
	color: #D4D7DC;
}

.color-boulder-grey {
	color: #7a7a7a;
}


.color-lavender-blue {
	color: #194CF8;
}

.color-mid-dark-brown {
	color: #5026EE;
}

.color-pink {
	color: #CD27D7;
}

.color-red {
	color: #FF0067;
}

.color-mandarin {
	color: #EA4232;
}


.color-green {
	color: #1c240b
}

.color-palm-leaf {
	color: #1c240b
}

.color-green-grey {
	color: #4E5B50
}

.color-white {
	color: #ffffff !important;
}

.color-c-grey {
	color: #C1C1C1;
}

.color-coal-grey {
	color: rgba(28, 40, 51, 0.70);
}

.color-coal-black {
	color: #080C12;
}

.color-rhino {
	color: #30375C;
}

.color-steel-grey {
	color: #1E1E2A;
}

.color-tuatara {
	color: #323231;
}

.color-scorpion-grey {
	color: #5E5E5E;
}

.color-grey1 {
	color: #828282;
}

.color-comet {
	color: #565975;
}

.color-silver {
	color: #BABABA;
}

.color-bright-turquoise {
	color: #08DCBC;
}

.color-dove-grey {
	color: #616161;
}

.border-radius-50 {
	border-radius: 50px !important;
}

.outline-none {
	outline: none !important;
}

.wrapper-1320 {
	margin: 0 auto;
	max-width: 1320px;
	width: 100%;
	padding: 0 15px
}

/* creates wrapper for 1320px */
.wrapper-1290 {
	margin: 0 auto;
	max-width: 1290px;
	width: 100%;
	padding: 0 15px
}

/* creates wrapper for 1290px */
.wrapper-1190 {
	margin: 0 auto;
	max-width: 1190px;
	width: 100%;
	padding: 0 15px
}

/* creates wrapper for 1170px */
.wrapper-930 {
	margin: 0 auto;
	max-width: 930px;
	width: 100%;
	padding: 0 15px
}

.wrapper-700 {
	margin: 0 auto;
	max-width: 700px;
	width: 100%;
	padding: 0 15px
}

.wrapper-600 {
	margin: 0 auto;
	max-width: 600px;
	width: 100%;
	padding: 0 15px
}

.wrapper-500 {
	margin: 0 auto;
	max-width: 500px;
	width: 100%;
	padding: 0 15px
}

.cursor-pointer {
	cursor: pointer !important;
}

.letter-s-05 {
	letter-spacing: -0.5px;
}

.letter-s-06 {
	letter-spacing: -0.6px;
}

.letter-s-02 {
	letter-spacing: -0.2px;
}

.letter-s-08 {
	letter-spacing: -0.08px;
}

.text-decoration-none {
	text-decoration: none;
}

.loader {
	border: 6px solid #f3f3f3;
	border-radius: 50%;
	border-top: 6px solid #3498db;
	width: 50px;
	height: 50px;
	-webkit-animation: spin 2s linear infinite;
	animation: spin 2s linear infinite;
}

/* Safari */
@-webkit-keyframes spin {
	0% {
		-webkit-transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
	}
}

@keyframes spin {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}


.mousehoveranimation ,.mousehoveranimationwhite {
	overflow: hidden;
	-webkit-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
	z-index: 1 !important;
}

.mousehoveranimation:hover {
	color: #fff !important;
	-webkit-transition: all 0.3s ease-in;
	transition: all 0.1s ease-in;
}
.mousehoveranimationwhite:hover{
	-webkit-transition: all 0.3s ease-in;
	transition: all 0.1s ease-in;
}
.mousehoveranimation:focus {
	color: #ffffff !important;
}

.blob {
	z-index: -1;
	position: absolute;
	width: 2px;
	height: 2px;
	margin-left: 0;
	margin-top: 0;
	background: #003FC7 !important;
	border-radius: 50%;
	border-color: #003FC7 !important;
	border-width: 1px;
	border-style: solid;
	-webkit-transition: border-width 0.7s ease-in-out, margin-left 0.7s ease-in-out, margin-top 0.7s ease-in-out;
	transition: border-width 0.7s ease-in-out, margin-left 0.7s ease-in-out, margin-top 0.7s ease-in-out;
}

.expand {
	border-color: #003FC7 !important;
	border-width: 500px;
	border-style: solid;
	-webkit-transition: border-width 0.7s ease-in-out, margin-left 0.7s ease-in-out, margin-top 0.7s ease-in-out;
	transition: border-width 0.7s ease-in-out, margin-left 0.7s ease-in-out, margin-top 0.7s ease-in-out;
	margin-left: -500px;
	margin-top: -500px;
}

.expandwhite {
	border-color: #F6F6F8 !important;
	border-width: 500px;
	border-style: solid;
	-webkit-transition: border-width 0.7s ease-in-out, margin-left 0.7s ease-in-out, margin-top 0.7s ease-in-out;
	transition: border-width 0.7s ease-in-out, margin-left 0.7s ease-in-out, margin-top 0.7s ease-in-out;
	margin-left: -500px;
	margin-top: -500px;
}
.blobwhite {
	z-index: -1;
	position: absolute;
	width: 2px;
	height: 2px;
	margin-left: 0;
	margin-top: 0;
	background: #F6F6F8 !important;
	border-radius: 50%;
	border-color: #F6F6F8 !important;
	border-width: 1px;
	border-style: solid;
	-webkit-transition: border-width 0.7s ease-in-out, margin-left 0.7s ease-in-out, margin-top 0.7s ease-in-out;
	transition: border-width 0.7s ease-in-out, margin-left 0.7s ease-in-out, margin-top 0.7s ease-in-out;
}