@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Manrope:400,500');
/*@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&icon_names=keyboard_arrow_down,keyboard_arrow_up');*/
@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200');
/*@import url('material-symbols-rounded.css');*/

*{margin:0;padding:0;}
*, ::after, ::before {
    box-sizing: border-box;
}
a{cursor:pointer;text-decoration:none;}
html,body{height:100%;}
body{font-family:Roboto,sans-serif;background-color:#FFF;overflow-x:hidden;}

:root{
	/*--primary:rgb(148 189 57);
	--primary-light:rgba(148, 189, 57, .45);*/
	--cyan: #10A1D4;
	--orange-red: #FB4754;
	--purple: #612ADE;
	--yellow: #FF931E;
	--green: #49CA8F;
	--orange: #FF6840;
	--animate-duration: 1s;
	--animate-delay: 1s;
    --animate-repeat: 1;
}

/* ------ Special styles ------ */
.s_centered{
	-ms-display:flex;
	display:flex;
	align-items:center;
	justify-content:center;
}
.s_centered.v{justify-content:initial;}
.s_truncate{
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	word-break:normal;
}
.s_no-select{
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
}
.s_clearfix:after{
	content:'';
	clear:both;
	display:table;
}
.s_capitalized{text-transform:capitalize;}

/* Material Symbols Sizes And Animations*/
.material-symbols-rounded.ms-16{font-size:16px;}
.material-symbols-rounded.ms-17{font-size:17px;}
.material-symbols-rounded.ms-18{font-size:18px;}
.material-symbols-rounded.ms-22{font-size:22px;}
.material-symbols-rounded.ms-24{font-size:24px;}
.material-symbols-rounded.ms-26{font-size:26px;}
.material-symbols-rounded.ms-28{font-size:28px;}
.material-symbols-rounded.ms-30{font-size:30px;}
.material-symbols-rounded.ms-32{font-size:32px;}
.material-symbols-rounded.ms-34{font-size:34px;}
.material-symbols-rounded.ms-36{font-size:36px;}
.material-symbols-rounded.ms-40{font-size:40px;}
.material-symbols-rounded.ms-45{font-size:45px;}
.material-symbols-rounded.ms-100{font-size:100px;}
.material-symbols-rounded.pulse{animation: pulse 3s infinite;}
/*.material-symbols-rounded.fill{animation: fill 3s infinite;}*/
.material-symbols-rounded.fill{font-variation-settings: 'FILL' 1;}
.material-symbols-rounded-svg{
	display: inline-block;
	width: 24px;
	height: 24px;
	background-size: 100%;
	background-repeat: no-repeat;
}
.material-symbols-rounded-svg.login{background-image: url(/img/login_24dp.svg);}
.material-symbols-rounded-svg.close{background-image: url(/img/close_24dp.svg);}

.windowFix{
	margin: 0 auto;
	max-width: 700px;
}
.windowFix.flex{
	display: flex;
	align-items: center;
}
.oscilate{animation: leftRight 1s ease infinite;}
.animate__fadeInUp{opacity: 0;}
.animate__fadeInUp.appear{
	animation-name: fadeInUp;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-duration: var(--animate-duration);
	animation-duration: var(--animate-duration);
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
.appear.animate__fast{
	-webkit-animation-duration: .8s;
	animation-duration: .8s;
	-webkit-animation-duration: calc(var(--animate-duration) * .8);
	animation-duration: calc(var(--animate-duration) * .8);
}
h1, h2, h3, h4, h5, h6, button{
	font-family: Inter, sans-serif;
	font-weight: bold;
}

#navBarPosFix{position: relative;height: 70px;}
#bannerBar{font-family:Manrope,Roboto,sans-serif;}
#bannerBar a{
	display: flex;
	position: relative;
	flex-flow: row;
	grid-column-gap: .5rem;
	grid-row-gap: .5rem;
	background-color: #FFD93D;
	color: #111;
	justify-content: center;
	align-items: center;
	padding: .5rem 30px;
}
#navBar{
	position: fixed;
	padding: 13px 30px 26px;
	top: 0;
	left: 0;
	width: 100%;
	transition: box-shadow 0.3s ease, background-color 0.3s ease, padding-bottom 0.3s ease;
	z-index: 1050;
}
#navBar.sticky{
	position: sticky;
	padding-bottom: 13px;
}
#navBar.shade{
	padding-bottom: 13px;
	background-color: #FFF;
	box-shadow: rgba(43, 83, 135, 0.08) 0px 3px 8px 0px;
}
#navBar a.logo,
footer a.logo{
	display: block;
	width: 38px;
	height: 38px;
	background-size: cover;
	background-repeat: no-repeat;
	background-image: url('../img/usual.svg');
}
footer.alternate a.logo{background-image: url('../img/usual_white.svg');}
#navBar #btn-menu{
	flex: 0 0 auto;
	cursor: pointer;
	margin-left: auto;
	width: 44px;
	height: 44px;
	color: #485C63;
	border-radius: 50%;
}
#navBar #btn-menu:hover,
#navBar #menu #btn-closeMenu:hover{background-color: rgba(99, 115, 129, 0.08);}
/*#navBar #menu{display: none;}*/
#drawer-mask{
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	pointer-events: auto;
	z-index: 1051;
}
#drawer-mask.fadeIn{
	-webkit-animation: fadeIn 0.3s ease both;
	animation: fadeIn 0.3s ease both;
}
#drawer-mask.fadeOut{
	-webkit-animation: fadeOut 0.3s ease both;
	animation: fadeOut 0.3s ease both;
}
#menu{
	display: flex;
	position: fixed;
	top: 0;
	right: -100%;
	width: calc(100% - 83px);
	height: 100%;
	flex-direction: column;
	background-color: #FFF;
	transition: right ease 0.3s;
	z-index: 1052;
}
#menu.visible{right: 0;}
#navBar #menu .positioner{
	display: flex;
	flex-direction: row-reverse;
	padding: 12px 12px 0;
}
#navBar #menu #btn-closeMenu{
	cursor: pointer;
	width: 48px;
	height: 48px;
	color: #485C63;
	border-radius: 50%;
}
#navBar #menu .controlers{
	flex: 1 1 0%;
	display: flex;
	flex-direction: column;
	padding: 24px 32px;
}
#navBar #menu .menu{
	flex: 1 1 auto;
	list-style: none;
	margin-bottom: 30px;
}
#navBar #menu .menu li{margin-bottom: 19px;}
#navBar #menu .menu li:last-child{margin-bottom: 0;}
#navBar #menu .menu li .option{
	cursor: pointer;
	padding: 6px 0;
	color: rgb(52, 61, 72);
	font-family: Inter, sans-serif;
	text-decoration: none;
	overflow: hidden;
}
#navBar #menu .menu li .option.current,
#navBar #menu .menu li .option:hover,
#navBar #menu .menu li .option:hover a.optionTitle{
	color: #006F9A;
}
#navBar #menu .menu li .option .optionTitle{
	font-size: 18px;
	font-weight: 600;
	line-height: 1.5;
}
#navBar #menu .menu li .option a.optionTitle{color: rgb(52, 61, 72);}
#navBar #menu .buttons .option{
	width: 100%;
    margin-left: 0px;
    margin-right: 0px;
}
#navBar #menu .buttons .option:not(:last-child){
	margin-bottom: 8px;
}
#navBar #menu .buttons .option .icon{
	width: 24px;
	height: 24px;
	margin-right: 12px;
}
#navBar #menu .buttons .option:not(.blue) .icon svg{fill: rgb(33, 43, 54);}

#homeBanner{
	position: relative;
	background: url(/img/pattern.svg) center bottom no-repeat;
	background-size: 720px;
	overflow: hidden;
	z-index: 0;
}
#homeBanner .container{
	padding-top: 58px;
	max-width: 550px;
	margin: 0px auto;
	text-align: center;
}
#homeBanner .container h2{
	color: rgb(15, 33, 55);
	font-weight: 700;
	font-size: 24px;
	line-height: 1.3;
	text-align: center;
	letter-spacing: -1px;
	margin-bottom: 1rem;
}
#homeBanner .container p{
	margin: 0px auto;
	font-weight: 500;
	font-size: 16px;
	line-height: 1.6;
	color: rgba(14, 47, 80, 0.7);
	font-family: Inter, sans-serif;
	max-width: 600px;
}
#homeBanner .container a{
	margin: 30px auto 0;
	height: 40px;
}
#homeBanner .container a svg{
	color: rgb(255, 255, 255);
	height: 24px;
	margin-left: 8px;
	width: 24px;
}
#homeBanner figure{margin-top: 48px;}
#homeBanner figure img{
	max-width: none;
	max-height: 384px;
	margin-left: -24px;
}

#typer .txt{
	padding: 0 4px;
	border-right: solid 2px #333;
}
#typer .txt.blink{animation: blink 0.8s infinite;}

.section_partners-carousel{
    padding-top: 2rem;
    padding-bottom: 1rem;
}
.partners-carousel_container{
	display: flex;
	grid-column-gap: 2rem;
	grid-row-gap: 2rem;
	text-align: center;
	flex-flow: column;
	justify-content: flex-start;
	align-items: stretch;
	overflow: hidden;
}
.caps-heading{
	letter-spacing: .06em;
	text-transform: uppercase;
	font-family: Saans, Arial, sans-serif;
	font-size: .75rem;
	font-weight: 500;
	line-height: 1.1;
	color: #666;
}
.partners-carousel_wrap{
	display: flex;
	position: relative;
	flex-flow: row;
	grid-template-rows: auto auto;
	grid-template-columns: 1fr 1fr;
	grid-auto-columns: 1fr;
	width: 100%;
}
.logos-fade{
	position: absolute;
	top: 0;
	bottom: 0;
	width: 5rem;
	-webkit-backdrop-filter: blur(3px);
	backdrop-filter: blur(3px);
	z-index: 3;
}
.logos-fade.is-left{
	background-image: linear-gradient(90deg, #FFF, transparent);
	left: 0;
	-webkit-mask-image: linear-gradient(to right, #FFF 50%, #0000);
	mask-image: linear-gradient(to right, #FFF 50%, #0000);
}
.logos-fade.is-right{
	background-image: linear-gradient(90deg, transparent, #FFF);
	filter: blur(5px);
	right: 0;
	-webkit-mask-image: linear-gradient(to left, #FFF 50%, #0000);
	mask-image: linear-gradient(to left, #FFF 50%, #0000);
}
.partners-carousel_line{
	display: flex;
	position: relative;
	grid-column-gap: 3rem;
	grid-row-gap: 3rem;
	padding: 0 1.5rem;
	flex: none;
	-webkit-animation: xloop 60s linear infinite;
	-moz-animation: xloop 60s linear infinite;
	-o-animation: xloop 60s linear infinite;
}
.partners-carousel_line .logo{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 28px;
}
.partners-carousel_line .logo .ico{
	width: 28px;
	height: 28px;
	font-size: 24px;
}
.partners-carousel_line .logo .ico{
	margin-right: 6px;
	width: 28px;
	height: 28px;
	font-size: 24px;
	line-height: 28px;
}
.partners-carousel_line .logo .txt{
	white-space: nowrap;
	text-transform: uppercase;
	font-size: 14px;
}

#population{padding: 40px 30px;}
#population p{
	font-weight: 500;
	font-size: 17px;
	margin-bottom: 0px;
	color: rgba(15, 33, 55, 0.65);
	text-align: center;
}

.video-container{
	display: flex;
	position: relative;
	border-radius: 16px;
	overflow: hidden;
}
.video-container video{
	max-width: 100%;
	
}

#integrations{
	position: relative;
	padding-bottom: 40px;
	margin-top: 64px;
	background-color: #006F9A;
}
#integrations .wave{
	position: absolute;
	left: 0px;
	width: 100%;
	overflow: hidden;
	line-height: 0;
}
#integrations .wave.top{
	top: -1px;
}
#integrations .wave.bottom{
	bottom:-1px;
	transform: rotate(180deg);
}
.wave svg{
	position: relative;
	display: block;
	width: 133%;
	height: 32px;
}
.wave .shape-fill{fill: rgb(255, 255, 255);width: 100%;}
#integrations .container{
	margin: 0 auto;
	padding: 80px 30px;
}
#integrations .container .titles{
	margin: 0 auto 40px;
	max-width: 580px;
	text-align: center;
}
#integrations .container .titles h2{
	margin-bottom: 1rem;
	color: rgb(255, 255, 255);
	font-weight: 800;
	font-size: 24px;
	line-height: 1.5;
	letter-spacing: -0.2px;
}
#integrations .container .titles p{
	color: rgba(255, 255, 255, 0.8);
	font-family: Inter, sans-serif;
	font-size: 16px;
	line-height: 2;
	margin-bottom: 0px;
}
#integrations .container .boxes{
	display: flex;
	flex-wrap: wrap;
	margin-left: auto;
	margin-right: auto;
	-webkit-box-pack: center;
	justify-content: center;
}
#integrations .container .boxes .figure{
	margin: 0px 7.5px 15px;
}
#integrations .container .boxes .figure img{
	max-width: 40px;
	max-height: 40px;
	object-fit: contain;
}

#integrations .feature{
	margin: 0 auto;
	padding: 0 30px;
}
#integrations .feature .badge{
	display: flex;
	padding-bottom: 48px;
	gap: 30px;
	flex-flow: column wrap;
	-webkit-box-pack: center;
}
#integrations .feature .badge.reverse{flex-direction: column-reverse;}
#integrations .feature .badge figure.preview{
	align-self: center;
	margin: 0px;
}
#integrations .feature .badge figure.preview img{
	display: block;
	margin: 0 auto;
	max-width: 88%;
	max-height: 520px;
}
#integrations .feature .badge .content{
	display: flex;
	margin: 0 auto;
	-webkit-box-align: center;
	align-items: center;
	flex: 1 1 0%;
	text-align: center;
	color: #FFF;
}
#integrations .feature .badge .content p.head,
#integrations .feature .badge .content p.description,
#integrations .feature .badge .content .list li p{
	margin: 0px;
	line-height: 1.5;
	font-family: Inter, sans-serif;
	color: #FBFF00;
	font-weight: 600;
	font-size: 1rem;
}
#integrations .feature .badge .content p.description{
	font-weight: 400;
	color: rgba(255, 255, 255, 0.8);
}
#integrations .feature .badge .content .list li p{color:#FFF;}
#integrations .feature .badge .content .title{
	margin: 8px 0px 16px;
	font-weight: 700;
	line-height: 1.5;
	font-size: 1.5rem;
	font-family: Inter, sans-serif;
}
#integrations .feature .badge .content .list{
	display: grid;
	margin: 30px auto 0;
	gap: 15px;
	max-width: 350px;
	text-align: left;
}
#integrations .feature .badge .content .list li{
	display: flex;
	flex: 1 1 0%;
	flex-direction: row;
	color: rgb(0, 0, 0);
	font-family: Inter, sans-serif;
	font-weight: 600;
	font-size: 17px;
	line-height: 21px;
}
#integrations .feature .badge .content .list li svg{
	height: 22px;
	color: #FBFF00;
	width: 22px;
	margin-right: 16px;
	flex-shrink: 0;
}


.mui-button{
	display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    line-height: 1.71429;
    font-size: 0.9375rem;
    /*text-transform: capitalize;*/
    font-family: Inter, sans-serif;
    min-width: 64px;
    background-color: rgb(223, 227, 232);
    color: rgb(33, 43, 54);
    height: 48px;
    font-weight: 600;
    box-shadow: none;
    outline: 0px;
    border-width: 0px;
    border-style: initial;
    border-image: initial;
    margin: 0px;
    text-decoration: none;
    padding: 8px 22px;
    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1), border-color 250ms cubic-bezier(0.4, 0, 0.2, 1), color 250ms cubic-bezier(0.4, 0, 0.2, 1);
    border-color: currentcolor;
    border-radius: 9px;
}
.mui-button.blue{color:#FFF;background-color: #006F9A;}
.icon-box{
	position: relative;
	width: 94px;
	height: 104px;
	color: #10a1d4;
	text-align: center;
	z-index: 1;
}
.icon-box .shape{
	position: absolute;
	top: 0;
	left: 0;
	width: 94px;
	height: 104px;
	background-repeat: no-repeat;
	opacity: 0.15;
	background: #10a1d4;
	transition: all 500ms ease;
	z-index: -1;
}
.icon-box.fullOpacity .shape{opacity: 1;}
.icon-box.white .shape{background: #FFF;}
.icon-box .shapee{
	position: absolute;
	top: 5px;
	left: 0;
	width: 100px;
	height: 94px;
	background-repeat: no-repeat;
	opacity: 0.3;
	transition: all 500ms ease;
}
.hero-shape-four{
	display: block;
	will-change: border-radius, transform, opacity;
	animation: shapeFour 3s linear infinite;
	border-radius: 55% 35% 48% 30% / 40% 40% 70% 6%;
}



#testimonials .testimonial{
	display: flex;
	grid-column-gap: 2rem;
	grid-row-gap: 2rem;
	flex-flow: column;
	grid-template-rows: auto;
	grid-template-columns: 1fr 1fr;
	grid-auto-columns: 1fr;
	justify-content: flex-start;
	align-items: flex-start;
	width: 100%;
}
#testimonials .testimonial.white{color:#FFF;}
#testimonials .text{font-size:20px;}
#testimonials .bottom{
	display: flex;
	flex-flow: column-reverse;
	grid-column-gap: 2rem;
	grid-row-gap: 2rem;
	justify-content: space-between;
	align-items: flex-start;
	width: 100%;
}
#testimonials .bottom .logo{
    object-fit: contain;
    object-position: 100% 50%;
    max-height: 1.5rem;
}

#faqs, #testimonials{
	margin: 0 auto;
	padding: 50px 30px;
	max-width: 900px;
}
#testimonials{max-width:740px;}
#faqs h3{
	margin-bottom: 16px;
	text-align: center;
	font-size: 20px;
}
#faqs .faq{
	border-bottom: solid 1px #CCC;
}
#faqs .faq .question{
	position: relative;
	padding: 16px 60px 16px 0;
	font: 500 18px Roboto,sans-serif;
}
#faqs .faq .question::before{
	content: 'keyboard_arrow_down';
	position: absolute;
	top: 0;
	right: 0;
	width: 60px;
	height: 54px;
	font-family: 'Material Symbols Rounded';
	font-size: 28px;
	line-height: 54px;
	text-align: center;
	transition: transform 0.2s ease;
}
#faqs .faq .answer{
	height: 0;
	/*padding-right: 60px;*/
	opacity: 0;
	overflow: hidden;
	transition: all 0.2s ease;
}
#faqs .faq.expanded .question::before{
	transform: rotate(180deg);
}
#faqs .faq.expanded .answer{
	padding-bottom: 16px;
	opacity: 1;
}
#faqs .faq .answer ul{
	margin-top: 4px;
	padding-left: 22px;
}
#faqs .faq .answer ul li{padding: 6px 0;}



.legal{
	position: relative;
	padding: 30px 30px 10px;
	background-color: #FFF;
	font-family: Manrope, Roboto, sans-serif;
}
.legal:after,.round-bot::after{
	content: '';
	display: block;
	position: absolute;
	left: 0;
	bottom: -40px;
	width: 100%;
	height: 40px;
	background: inherit;
	border-bottom-left-radius: 50px;
	border-bottom-right-radius: 50px;
	z-index: 1;
}
.legal .mt{margin-top:32px;}
.legal .date{color:#777;}
.legal p{margin: 16px 0;}
.legal .tab{margin-left: 16px;}
.legal ul{
	margin-bottom: 16px;
	padding-left: 26px;
}
.legal ul li{
	margin: 8px 0;
	padding-left: 6px;
}



#articles .container{
	display: flex;
	grid-column-gap: 2.5rem;
	grid-row-gap: 2.5rem;
	padding-top: 3rem;
	padding-bottom: 3rem;
	flex-flow: column;
}
#articles .container h3,
.article-header .container .content h3{
	letter-spacing: -.01em;
	font-family: Manrope, Arial, sans-serif;
	font-size: 32px;
	font-weight: 500;
	line-height: 1.1;
}
#articles .container .grid{
	display: flex;
	grid-column-gap: 12px;
	grid-row-gap: 12px;
	flex-flow: column;
}
#articles .container .grid .article-card{
	display: flex;
	flex-flow: column;
	padding: 1rem;
	height: 100%;
	grid-column-gap: 2rem;
	grid-row-gap: 2rem;
	color: #111;
	border-radius: 16px;
	border: 1px solid #CCC;
	justify-content: space-between;
	align-items: stretch;
}
#articles .container .grid .article-card .content{
	display: flex;
	flex-flow: column;
	grid-column-gap: 1rem;
	grid-row-gap: 1rem;
	justify-content: flex-start;
	align-items: flex-start;
}
#articles .container .grid .article-card .content .frontpage{
	border-radius: 8px;
	width: 100%;
	max-width: 100%;
}
#articles .container .grid .article-card .content h4{
	margin-bottom: 8px;
	font-family: Manrope, Arial, sans-serif;
	font-size: 1.375rem;
	font-weight: 500;
	line-height: 1.27273;
}

.caps{
	letter-spacing: .06em;
	text-transform: uppercase;
	font-family: Manrope, Roboto, sans-serif;
	font-size: 13px;
	font-weight: 500;
	line-height: 1.1;
}

#articles,
.article-header,
.article-content{
	padding-left: 30px !important;
	padding-right: 30px !important;
}

.article-header{
	position: relative;
	padding-top: 80px;
}
.article-header .background{
	position: absolute;
	background-color: #F0F0F0;
	background-image: linear-gradient(#00000008, #00000008);
	height: 21rem;
	inset: 0% 0% auto;
}
.article-header .container,
.article-content .container{
    display: flex;
    margin: 0 auto;
	position: relative;
	grid-column-gap: 2rem;
	grid-row-gap: 2rem;
	border-bottom: 1px solid #F0F0F0;
	flex-flow: column;
	width: 100%;
	max-width: 850px;
	padding-bottom: 2.5rem;
	z-index: 1;
}
.article-header .container .cover{
	aspect-ratio: 2;
	object-fit: cover;
	border-radius: 16px;
	box-shadow: inset 0 0 0 1px #0000001a;
}
.article-header .container .content{
	display: flex;
	grid-column-gap: 1.5rem;
	grid-row-gap: 1.5rem;
	flex-flow: column;
}
.article-header .container .content .details{
	display: flex;
	flex-flow: wrap;
}
.article-header .container .content .author-container{
	display: flex;
	grid-column-gap: 4rem;
	grid-row-gap: 4rem;
	justify-content: space-between;
	align-items: center;
	width: 100%;
}
#testimonials .author,
#articles .container .grid .author,
.article-header .container .content .author-container .author{
	display: flex;
	grid-column-gap: .875rem;
	grid-row-gap: .875rem;
	justify-content: flex-start;
	align-items: center;
}
#testimonials .author .avatar,
#articles .container .grid .author .avatar,
.article-header .container .content .author-container .author .avatar{
	border-radius: 50%;
	width: 48px;
	height: 48px;
}
#testimonials .author .name,
#articles .container .grid .author .name,
.article-header .container .content .author-container .author .name{
	font-size: 16px;
	line-height: 1.6;
	font-weight: 500;
}
#testimonials .author .rank,
#articles .container .grid .author .rank,
.article-header .container .content .author-container .author .rank{
	font-size: 13px;
	line-height: 1.5;
}
.article-header .container .content .author-container .share-buttons{display:none;}

.article-content{padding: 2rem 0;}
.article-content .container{
	padding-bottom: 0;
	border-bottom: none;
}
.article-content .container .txt b{font-weight:500;}
.article-content .container .txt p{
	line-height: 1.625;
}
.article-content .container .txt p,
.article-content .container .txt pre{
	margin-bottom: 1.5rem;
}
.article-content .container .txt h2,
.article-content .container .txt h3,
.article-content .container .txt h4{
	font-family: Roboto,sans-serif;
}
.article-content .container .txt h2{
	margin-top: 2.5rem;
	margin-bottom: 1.5rem;
	font-size: 2.2rem;
	font-weight: 500;
	line-height: 1.15;
}
.article-content .container .txt h4{
	margin-bottom: .875rem;
	font-size: 1.375rem;
	font-weight: 500;
	line-height: 1.2;
}
.article-content .container .txt h4:not(::first-child){margin-top: 2rem;}
.article-content .container .txt blockquote{
	background-color: #F0F0F0;
	color: #233;
	border-left: 0 #0000;
	border-radius: 12px;
	margin-top: 2rem;
	margin-bottom: 2rem;
	padding: 1.375rem 2.125rem;
	font-size: 1.375rem;
	line-height: 1.5;
	font-family: Manrope,Roboto,sans-serif;
}
.article-content .container .txt ul{
	display: flex;
	flex-flow: column;
	margin-top: .5rem;
	margin-bottom: 1.25rem;
	padding-left: 2.5rem;
	font-size: 1.0625rem;
	line-height: 1.75;
}
.article-content .container .txt li{margin-bottom:.375rem;}



.cta{
	position: relative;
	padding: 68px 30px 28px;
	color: #006F9A;
	background-color: #c2e7ff;
}
.cta .windowFix{
	display: flex;
	position: relative;
	grid-column-gap: 2rem;
	grid-row-gap: 2rem;
	text-align: center;
	flex-flow: column;
	justify-content: flex-start;
	align-items: center;
	z-index: 2;
}
.cta .header h2{
	letter-spacing: -.01em;
	font-family: Manrope, Arial, sans-serif;
	font-size: 2.2rem;
	font-weight: 500;
	line-height: 1.15385;
}
.cta .header p{
	margin-top:16px;
	font-size:18px;
}



footer{padding: 50px 30px 0;}
footer.alternate{
	padding-top: 90px;
	color: #FFF;
	background-color: #006F9A;
}
footer a.logo{width: 64px;height: 64px;}
footer .boxes{
	display: flex;
	gap: 30px;
	flex-direction: column;
}
footer .boxes .box{grid-column-end: span 4;}
footer p{
	margin-top: 10px;
	color: rgba(15, 33, 55, 0.65);
	font-family: Inter, sans-serif;
	font-size: 15px;
	line-height: 2;
	letter-spacing: -0.002em;
}
footer.alternate p{color: rgba(215, 233, 255, 1);}
footer h4{
	margin-bottom: 16px;
	font-weight: 700;
	font-size: 17px;
	line-height: 1.76;
}
footer ul{list-style: none;}
footer ul li{color: rgba(15, 33, 55, 0.65);}
footer ul li a,
footer div.iconRow{
	text-decoration: none;
	color: rgba(15, 33, 55, 0.65);
	font-size: 14px;
	line-height: 2.5;
	font-weight: 500;
	font-family: Inter, sans-serif;
	-webkit-box-align: center;
	align-items: center;
	display: inline-flex;
}
footer.alternate ul li a,
footer.alternate div.iconRow{color: rgba(215, 233, 255, 1);}
footer ul li a svg,
footer div.iconRow svg{fill: rgba(15, 33, 55, 0.65);}
footer.alternate ul li a svg,
footer.alternate div.iconRow svg{fill: rgba(215, 233, 255, 1);}
footer ul li a:hover{color:rgb(2, 7, 62);}
footer.alternate ul li a:hover{color: #FFF;}
footer ul li a:hover svg{fill:rgb(2, 7, 62);}
footer.alternate ul li a:hover svg{fill:#FFF;}
footer .contact-info li:not(:first-child){margin-top: 10px;}
footer div.iconRow{cursor: default;}
footer .iconRow .icon{
	float: left;
	margin-right: 12px;
}
footer .iconRow .badge{line-height: 22px;}
footer .branding{
	margin-top: 40px;
	border-top: solid 1px rgb(229, 236, 244);
	padding: 40px 0;
	text-align: center;
}
footer.alternate .branding{border-top-color: rgba(0, 0, 0, 0.1);}
footer .branding .copy{line-height: 1.8;}
footer .branding .copy a{color: #006F9A;font-weight:bold;}
footer.alternate .branding .copy a{color:#FFF;}



@media (min-width: 420px){#navBar #menu{width: 335px;}}
@media (min-width: 480px){
	#homeBanner .container{padding-top: 80px;}
	#homeBanner .container h2{font-size: 32px;}
	#homeBanner .container p{
		font-size: 18px;
		line-height: 2.11;
	}
	#population{padding: 50px 30px;}
	#integrations .container .titles h2{
		font-size: 26px;
		line-height: 36px;
	}

	#testimonials .bottom{
		flex-flow: initial;
		align-items: center;
	}

	#articles .container .grid{
		display: grid;
		margin-left: 0;
		margin-right: 0;
		grid-template-columns: 1fr 1fr;
	}
}
@media (min-width: 600px){
	#homeBanner figure img{
		max-width: 100%;
		max-height: none;
		margin-left: auto;
	}
	#integrations .feature .badge figure.preview{
		max-width: 70%;
		flex: 0 0 100%;
	}
	#integrations .feature .badge .content .title{font-size:1.625rem;}
	#integrations .feature .badge .content .list{max-width:450px;}
}
@media (min-width: 768px){
	#homeBanner .container{
		max-width: 660px;
		padding-top: 100px;
	}
	#homeBanner .container h2{font-size: 40px;}
	#homeBanner figure{margin-top: 80px;}
	#population p{font-size: 20px;}
	#integrations{padding-bottom: 50px;}
	#integrations .container .titles{margin-bottom: 60px;}
	#integrations .container .titles p{
		font-size: 18px;
		line-height: 2.22;
	}
	#integrations .container .boxes{max-width: 1080px;}
	footer .boxes{flex-direction: initial;}
	footer .boxes .box{max-width: 300px;}

	#integrations .feature{max-width:750px;}

	.partners-carousel_line{
		grid-column-gap: 5.25rem;
		grid-row-gap: 5.25rem;
		padding: 1rem 2.625rem;
	}

	#testimonials .text{font-size:24px;}

	.article-header .container{
		grid-column-gap: 2.5rem;
		grid-row-gap: 2.5rem;
	}
	.article-header .container .content h3{font-size:35px;}
	.article-header .container .content .author-container .share-buttons{display:block;}

	.article-content{padding-top: 3rem;}

	.cta{padding:110px 30px 70px;}
}
@media (min-width: 768px) and (max-width: 1280px){
	#homeBanner{background-size: contain;}
}
@media (min-width: 990px){
	.windowFix{max-width: 940px;}
	#navBar #btn-menu{display: none;}
	#navBar #menu{
		position: relative;
		left: auto;
		right: auto;
		width: auto;
		background-color: transparent;
		flex: 1 1000 100%;
		opacity: 1;
	}
	#navBar #menu .positioner{display: none;}
	#navBar #menu .controlers{
		flex-direction: initial;
		padding: 0;
		flex: 1 1 100%;
	}
	#navBar #menu .menu{
		display: flex;
		margin-left: 75px;
		margin-bottom: 0;
	}
	#navBar #menu .menu li{
		margin-bottom: 0;
		padding: 0 !important;
		height: 40px;
	}
	#navBar #menu .menu li .option{
		height: 40px;
		padding: 0px 16px;
		border-radius: 9px;
		transition: 0.15s ease-in-out;
	}
	#navBar #menu .buttons .option:not(.blue):hover{background-color: rgba(145, 158, 171, 0.08);}
	#navBar #menu .menu li .option .optionTitle{line-height: 40px;font-size: 16px;}
	#navBar #menu .buttons{display: flex;}
	#navBar #menu .buttons .option{width: auto;height: 40px;}
	#navBar #menu .buttons .option:not(.blue){background-color: transparent;}
	#navBar #menu .buttons .option:not(:last-child){
		margin-right: 16px;
		margin-bottom: 0;
	}

	.mui-button{border-radius: 50px;}

	#integrations .feature{max-width:968px;}
	#integrations .feature .badge.reverse{flex-direction: initial;}
	#integrations .feature .badge{
		flex-direction: initial;
		flex-flow: initial;
		display: grid;
		grid-template-columns: 1fr 1fr;
	}
	#integrations .feature .badge figure.preview{max-width: 460px;}
	#integrations .feature .badge .content{text-align: left;}
	#integrations .feature .badge .content .title{font-size:1.875rem;}
	#integrations .feature .badge .content .list{max-width:auto;}

	#articles .container .grid{
		display: grid;
		grid-template-rows: auto;
		grid-template-columns: 1fr 1fr 1fr;
		grid-auto-columns: 1fr;
	}

	.article-header .container{
		grid-column-gap: 3rem;
		grid-row-gap: 3rem;
	}
	.article-header .container .content h3{font-size:40px;}

	.article-content{padding-bottom: 5rem;}

	.cta .header h2{font-size: 3.2rem;}
	.cta .header p{font-size: 20px;}
}
@media (min-width: 1024px){
	#homeBanner .container{
		max-width: 940px;
		padding-top: 120px;
	}
	#homeBanner .container h2{font-size: 54px;}
	#population p{font-size: 22px;}
	#integrations{padding-bottom: 60px;}
	#integrations .feature .badge{
		display: flex;
		grid-template-columns: auto;
		padding-top: 24px;
    	padding-bottom: 24px;
	}
	#integrations .container .boxes .figure,
	#integrations .container .boxes .figure .shape{
		width: 124px;
		height: 134px;
	}
	#integrations .container .boxes .figure img{
		min-width: 66px;
		min-height: 66px;
	}
}
@media (min-width: 1220px){
	.windowFix{max-width: 1340px;}
	#typer{display:inline-block;}
	#typer .txt{
		padding-left:0;
		padding-right:6px;
		border-right-width:3px;
	}
	#homeBanner figure{text-align: center;}
	#homeBanner figure img{max-width: 1160px;}
	#integrations .feature .badge figure.preview{
		max-width: initial;
		flex: 1 1 0%;
	}
	#integrations .feature .badge .content .title{font-size:2rem;}
}
@media (min-width: 1280px){
	#homeBanner{background-size: auto;}
}

@keyframes pulse{
	0%{
		font-variation-settings: 'wght' 100;
	}
	50%{
		font-variation-settings: 'wght' 700;
	}
	100%{
		font-variation-settings: 'wght' 100;
	}
}
@keyframes fill{
	0%{
		font-variation-settings: 'FILL' 0;
	}
	50%{
		font-variation-settings: 'FILL' 1;
	}
	100%{
		font-variation-settings: 'FILL' 0;
	}
}

@keyframes blink{
	0%{border-color: #333;}
	50%{border-color: transparent;}
	100%{border-color: #333;}
}
@keyframes xloop{
	0%{transform:translateX(0%);}
	100%{transform:translateX(-100%);}
}
@keyframes leftRight{0%{transform: translateX(0px);}50%{transform: translateX(10px);}100%{transform: translateX(0px);}}
@keyframes fadeIn{0%{opacity:0;background-color:transparent;}100%{opacity:1;background-color:rgba(0, 0, 0, 0.5);}}
@keyframes fadeOut{0%{opacity:1;background-color:rgba(0, 0, 0, 0.5);}100%{opacity:0;background-color:transparent;}}
@keyframes fadeInUp{
	0%{
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
	}
	100%{
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
	}
}
@keyframes shapeFour{
	0%, 100%{
		border-radius: 42% 58% 70% 30% / 45% 45% 55% 55%;
		transform: translate3d(0, 0, 0) rotateZ(0.01deg);
	}
	35%{
		border-radius: 70% 30% 46% 54% / 30% 29% 71% 70%;
		transform: translate3d(0, 10px, 0) rotateZ(0.01deg);
	}
	50%{
		transform: translate3d(0, 0, 0) rotateZ(0.01deg);
	}
	65%{
		border-radius: 100% 60% 60% 100% / 100% 100% 60% 60%;
		transform: translate3d(0, -10px, 0) rotateZ(0.01deg);
	}
}