*, *:before, *:after {
	box-sizing: border-box;
}
body {
	margin: 0;
	padding: 0;
	font-size: 1.125rem;
	line-height: 1.4;
	color: #3E3E3E;
	font-family: 'Red Hat Display', sans-serif;
	overflow-x: hidden;
}
html {
	font-size: 16px;
	-webkit-text-size-adjust: 100%;
}
.container {
	max-width: 102.5rem;
	margin: 0 auto;
}
.row {
	margin-left: -1.25rem;
	margin-right: -1.25rem;
}
.cl-1, .cl-2, .cl-3, .cl-4, .cl-5, .cl-6,
.cl-7, .cl-8, .cl-9, .cl-10, .cl-11, .cl-12 {
	padding-left: 1.25rem;
	padding-right: 1.25rem;
}
.cl-1 {
	width: 8.33333%;
}
.cl-2 {
	width: 16.66666%;
}
.cl-3 {
	width: 25%;
}
.cl-4 {
	width: 33.33333%;
}
.cl-5 {
	width: 41.66666%;
}
.cl-6 {
	width: 50%;
}
.cl-7 {
	width: 58.33333%;
}
.cl-8 {
	width: 66.66666%;
}
.cl-9 {
	width: 75%;
}
.cl-10 {
	width: 83.33333%;
}
.cl-11 {
	width: 91.66666%;
}
.cl-12 {
	width: 100%;
}
.flex {
	display: flex;
}
.flex-wrap {
	flex-wrap: wrap;
}
.flex-col {
	flex-direction: column;
}
.align-i-center {
	align-items: center;
}
.align-c-center {
	align-content: center;
}
.justify-i-center {
	justify-items: center;
}
.justify-c-center {
	justify-content: center;
}
.justify-c-end {
	justify-content: flex-end;
}
.justify-c-start {
	justify-content: flex-start;
}
.text-center {
	text-align: center;
}
.text-left {
	text-align: left;
}
.text-right {
	text-align: right;
}
.w100 {
	width: 100%;
}
.h100 {
	height: 100%;
}
.m-auto {
	margin: 0 auto;
}
p {
	margin: 0;
}
ul, ol {
	margin: 0;
	padding: 0;
	list-style: none;
}
ul li, ol li {
	margin: 0;
	padding: 0;
}
h1, h2, h3, h4, h5, h6 {
	margin: 0;
}
a, a:visited, a:hover {
	text-decoration: none;
}
img, svg {
    vertical-align: bottom;
}
.img-full {
	width: 100%;
	height: auto;
}
.img-max {
	max-width: 100%;
	height: auto;
}
svg {
    overflow: hidden;
}

.main {
	position: relative;
}
.main:before {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: -1;
	background: #fff 0% 0% no-repeat padding-box;
	opacity: 1;
	backdrop-filter: blur(50px);
	-webkit-backdrop-filter: blur(50px);
	content: "";
}
.h-desktop {
	display: none;
}

/* GENERAL */
html,
body,
.main,
.section-hero,
.section-hero > .container,
.section-hero > .container > .row {
	height: 100%;
}
#header .navigation .cta a,
#header .navigation .cta a:visited,
#header .navigation .cta a:hover {
	position: relative;
	padding: 1.25rem 4.375rem 1.25rem 2.5rem;
	border-radius: 10px;
	font-size: 1.25rem;
	color: #fff;
	background-color: #0763FA;
}
#header .cta a:after {
	position: absolute;
	top: 1.4375rem;
	right: 2.5rem;
	width: 0.9375rem;
	height: 1.25rem;
	border-radius: 10px;
	content: "";
	background-color: #fff;
	background-image: url(../img/icon-down-arrow.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 0.5rem;
	transition: all 0.3s;
}

/* HEADER*/
#header {
	position: relative;
	z-index: 999;
	padding: 4.375rem 0;
	height: 12.5rem;
}
#header .logo {
	width: 10.25rem;
	height: auto;
}
#header .navigation li + li {
	margin-left: 3.75rem;
}
#header .navigation a {
	color: #3E3E3E;
}
#header .navigation a:hover {
	color: #000000;
}

/* HERO */
.section-hero {
	position: relative;
	padding-top: 6.25rem;
	margin-top: -12.5rem;
}
.section-hero:before {
	position: absolute;
	z-index: -1;
	right: 50%;
    margin-right: -76.25rem;
    top: -30%;
    width: 96.25rem;
    height: 96.25rem;
	content: "";
	background-image: url(../img/shape-1.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
.section-hero > .container {
	position: relative;
	z-index: 2;
}
.section-hero h4 {
	font-weight: 300;
	letter-spacing: 0.025rem;
}
.section-hero h1 {
	margin-bottom: 15px;
	font-size: 5rem;
	line-height: 1;
	font-weight: 700;
	color: #0763FA;
}
.section-hero p {
	max-width: 30rem;
	opacity: 0.7;
}
.section-hero img  {
	width: 85%;
}
.section-hero .store-links {
	margin-top: 5rem;
}
.section-hero .store-links img {
	max-width: 100%;
}
.section-hero .store-links a + a {
	margin-left: 1.25rem;
}
.section-download .store-links .store-qr {
    margin-top: 1.5rem;
}
.section-download .store-links .store-qr img {
    height: 150px;
}
.section-hero .hero-icon {
	position: absolute;
	z-index: 2;
	content: "";
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}
.section-hero .cl-7 {
	position: relative;
}
.section-hero .hero-icon-i {
	left: 0;
	margin-top: -10rem;
	width: 3.25rem;
	height: 2.4rem;
	background-image: url(../img/icon-hero-1.svg);
}
.section-hero .hero-icon-ii {
	left: 5rem;
	bottom: 10rem;
	width: 3.25rem;
	height: 2.4rem;
	background-image: url(../img/icon-hero-2.svg);
}
.section-hero .hero-icon-iii {
	left: 50%;
	margin-left: -10rem;
	top: -2rem;
	width: 3.25rem;
	height: 2.4rem;
	background-image: url(../img/icon-hero-3.svg);
}
.section-hero .hero-icon-iv {
	right: 10rem;
	top: -1.8rem;
	width: 3.25rem;
	height: 2.4rem;
	background-image: url(../img/icon-hero-4.svg);
}
.section-hero .hero-icon-v {
	right: -3rem;
	bottom: 10rem;
	width: 2.6rem;
    height: 1.8rem;
	background-image: url(../img/icon-hero-5.svg);
}



/* ABOUT */
.section-about {
	position: relative;
	z-index: 1;
	margin-top: 7.5rem;
}
.section-about .row {
	margin-left: -2.5rem;
	margin-right: -2.5rem;
}
.section-about .about-items {
	margin-top: 11.25rem;
}
.section-about .cl-3 {
	padding-left: 2.5rem;
	padding-right: 2.5rem;
}
.section-about .item .content {
	margin-top: 1.25rem;
	font-size: 1.5rem;
	opacity: 0.7;
}
.section-about .about-cta {
	margin-top: 5rem;
}
.section-about .about-items .image img {
	height: 13.25rem;
	width: auto;
}
.section-about:before {
	position: absolute;
	z-index: -10;
	left: -35rem;
    top: -35rem;
    width: 50rem;
    height: 50rem;
	content: "";
	background-image: url(../img/shadow-2.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
.section-about:after {
	position: absolute;
	z-index: -10;
	left: -28.125rem;
    bottom: -3.125rem;
    width: 50rem;
    height: 50rem;
	content: "";
	background-image: url(../img/shadow-2.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}


/* SECTION FEATURES */
.section-features {
	position: relative;
	margin-top: 13.75rem;
}
.section-features img {
	width: 70%;
}
.section-features .section-content {
	margin-top: 3.75rem;
}
.section-features .section-content h3 {
	font-weight: 400;
	margin: 1.875rem 0 0 0;
	font-size: 1.5rem;
	color: #3E3E3E;
}
.section-features .section-content p {
	font-size: 1.25rem;
	opacity: 0.7;
}
.section-features .section-cta {
	margin-top: 3.75rem;
}
.section-features .cl-5 {
    position: relative;
	z-index: 1;
}
.section-features .cl-7 {
	position: relative;
}
.section-features .cl-7:after {
	position: absolute;
	z-index: -1;
	right: -27%;
    top: -29%;
    width: 79.875rem;
    height: 79.875rem;
	content: "";
	background-image: url(../img/shape-2.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	opacity: 0.7;
}
.section-features:after {
	position: absolute;
	z-index: -10;
	left: -30rem;
    bottom: -31.25rem;
    width: 50rem;
    height: 50rem;
	content: "";
	background-image: url(../img/shadow-2.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}


/* SECTION DOWNLOAD */
.section-download {
	position: relative;
	margin-top: 22.5rem;
}
.section-download:before {
	position: absolute;
    z-index: -1;
    left: 50%;
    margin-left: -50rem;
    top: -10%;
    width: 96.875rem;
    height: 50rem;
    content: "";
    background-image: url(../img/shape-3.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
	opacity: 0.7;
}
.section-download .store-links {
	margin-top: 3.75rem;
}
.section-download .store-links img {
	width: auto;
	height: 3.0625rem;
}
.section-download .store-links a + a {
	margin-left: 2.5rem;
}
.section-download .store-links p {
	margin: 0 0 1.25rem 0;
}
.section-download:after {
	position: absolute;
	z-index: -10;
	right: -30rem;
    bottom: 18.75rem;
    width: 50rem;
    height: 50rem;
	content: "";
	background-image: url(../img/shadow-2.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}


/* SECTION FAQ */
.section-faq {
	margin-top: 17.5rem;
}
.accordion {
	margin-top: 2.5rem;
}
.accordion .accordion-item-wrapper {
	padding: 1.25rem;
	border-radius: 5px;
}
.accordion .accordion-item-wrapper.active {
	background-color: #F6F7F7;
}
.accordion-item a {
	position: relative;
	display: block;
	width: 100%;
	font-size: 1.5rem;
	color: #3E3E3E;
	transition: all 0.3s;
}
.accordion-item a span {
	position: absolute;
	width: 1.25rem;
	height: 0.625rem;
	right: 0px;
	top: 0.9375rem;
	background-image: url(../img/icon-accordion.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	transform: rotate(270deg);
	transition: all 0.3s;
}
.accordion-item-wrapper.active .accordion-item a {
	color: #000;
}
.accordion-item-wrapper.active .accordion-item a span {
	transform: rotate(0deg);
}
.accordion-inner {
	margin-top: 0.625rem;
}
.accordion-item-wrapper + .accordion-item-wrapper {
	border-top: 1px solid #E6EFFF;
}


/* SECTION CONTACT */
.section-contact {
	position: relative;
	margin-top: 17.5rem;
}
.section-contact:before {
	position: absolute;
    z-index: -1;
    left: 50%;
    margin-left: -60rem;
    top: -8%;
    width: 92.5rem;
    height: 51.25rem;
    content: "";
    background-image: url(../img/shape-4.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.section-contact .section-title {
	margin-left: 11.25rem;
	max-width: 33.75rem;
}
.section-contact .section-title .social-media {
	margin-top: 5rem;
}
.social-media img {
	width: 1.875rem;
	height: 1.875rem;
}
.social-media a + a {
	margin-left: 0.625rem;
}
.section-contact:after {
	position: absolute;
	z-index: -10;
	right: -30rem;
    bottom: 18.75rem;
    width: 50rem;
    height: 50rem;
	content: "";
	background-image: url(../img/shadow-2.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}


/* SECTION GENERAL*/
.section-title h2 {
	margin: 0 0 1.25rem 0;
	font-size: 1.75rem;
	font-weight: 500;
	color: #0763FA;
}
.section-title p {
	margin: 0;
	font-size: 1.5rem;
	opacity: 0.7;
}
.section-cta a {
	position: relative;
	padding: 1.25rem 4.375rem 1.25rem 2.5rem;
	border-radius: 0.625rem;
	font-size: 1.25rem;
	color: #fff;
	background-color: #0763FA;
}
.section-cta a:after {
	position: absolute;
	top: 1.4375rem;
	right: 2.5rem;
	width: 0.9375rem;
	height: 1.25rem;
	border-radius: 0.625rem;
	content: "";
	background-color: #fff;
	background-image: url(../img/icon-down-arrow.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 0.5rem;
	transition: all 0.3s;
	transform: rotate(270deg);
}
.section-cta a:hover:after {
	right: 2.1875rem;
}

/* FORM */
.form p {
	margin: 0 0 1.25rem 0;
	font-size: 1.5rem;
	color: #0763FA;
}
.form-group + .form-group {
	margin: 1.25rem 0 0 0;
}
.form-group input[type="text"],
.form-group input[type="email"],
.form-group input[type="tel"],
.form-group input[type="number"] {
	width: 100%;
	padding: 1.5625rem 2.5rem;
	font-size: 1.5rem;
	border: 1px solid #ffffff;
	border-radius: 5px;
	color: #3E3E3E;
	background-color: #fff;
	box-shadow: 0 2px 4px rgba(7,99,250,0.2);
	transition: all 0.3s;
}
.form-group input[type="number"] {
	-webkit-appearance: none;
	appearance: none;
}
.form-group textarea {
	width: 100%;
	padding: 1.5625rem 2.5rem;
	height: 12.5rem;
	font-size: 1.5rem;
	border: 1px solid #ffffff;
	border-radius: 5px;
	background-color: #fff;
	color: #3E3E3E;
	box-shadow: 0 2px 4px rgba(7,99,250,0.2);
	transition: all 0.3s;
}
.form-group input::placeholder,
.form-group textarea::placeholder {
	opacity: 0.7;
}
.form-group input:active,
.form-group textarea:active,
.form-group input:focus,
.form-group textarea:focus {
	outline: none;
	border: 1px solid #eee;
	box-shadow: 0 2px 4px rgba(7,99,250,0.4);
}
.acceptance {
	margin-top: 1.25rem;
}
.acceptance .form-group input[type="checkbox"] {
	position: relative;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 100%;
	width: 1.25rem;
	height: 1.25rem;
	margin: 0 0.625rem 0 0;
	border: 1px solid #0763FA;
}
.acceptance .form-group input[type="checkbox"]:checked:after {
	position: absolute;
	width: 0.75rem;
	height: 0.75rem;
	top: 0.1875rem;
	left: 0.1875rem;
	margin-top: -0.5px;
	border-radius: 100%;
	background-color: #0763FA;
	content: "";
}
.acceptance button {
	position: relative;
	background-color: transparent;
	border: 0;
	font-size: 1.5rem;
	margin-right: 0.3rem;
	font-weight: 500;
	color: #000000;
	box-shadow: none;
	width: 8rem;
    text-align: left;
}
.acceptance button:before {
	position: absolute;
    top: 0.3rem;
    right: 0;
    width: 0.9375rem;
    height: 1.25rem;
    border-radius: 0.625rem;
    content: "";
    background-color: #0763FA;
    background-image: url(../img/icon-form-arrow.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 0.5rem;
    transition: all 0.3s;
    transform: rotate(270deg);
}


/* FOOTER */
#footer {
	margin-top: 12.5rem;
}
#footer .wrapper {
	padding: 2.5rem 0;
	border-top: 1px solid #0763FA;
}
#footer .footer-links a {
	font-size: 1.25rem;
	color: #0763FA;
}
#footer .footer-links a + a {
	margin-left: 1.25rem;
}
#footer .footer-logos img {
	height: 2.375rem;
	width: auto;
}
#footer .footer-logos img + img {
	margin-left: 1.875rem;
}
#footer .footer-copyright {
	text-align: right;
	color: #0763FA;
	font-size: 1.5rem;
}



/*Splash*/
#splash {top: 65%;}
@media only screen and (max-width: 767px) {
	#splash {width: 100% !important; height: 100% !important; margin: 0px 0 !important; left: 0 !important; top: 0 !important;}
	#splash img {width: 100%;}
}
#splash {width: 900px; height: 600px; position: fixed; left: 50%; top: 50%; margin: -300px 0 0 -450px; z-index: 99999; display: none; background: #fff; overflow: auto;padding: 25px;}
#splash #close {width: 30px; height: 30px; background: #e6efff; font-size: 16px; top: 10px; position: absolute; cursor: pointer; display: flex; justify-content: center; align-items: center; right: 10px; color: #2173fb; font-weight: bold;}
#overlay{background-color:#000;display:none;height:100%;left:0;opacity:.5;position:fixed;top:0;width:100%;z-index:99999}
.splash-content p{opacity:0.7; font-size: 1.2rem; margin-top: 10px; line-height: 28px;}
.list {padding-left: 16px; /*margin-bottom: 30px;*/}
.list li {font-size: 1.2rem; list-style: circle; margin: 15px 0; line-height: 22px; opacity: 0.7;}
/*Splash*/


/*Splash*/
#kisisel-splash {top: 65%;}
@media only screen and (max-width: 767px) {
	#kisisel-splash {width: 100% !important; height: 100% !important; margin: 0px 0 !important; left: 0 !important; top: 0 !important;}
	#kisisel-splash img {width: 100%;}
}
#kisisel-splash {width: 900px; height: 600px; position: fixed; left: 50%; top: 50%; margin: -300px 0 0 -450px; z-index: 99999; display: none; background: #fff; overflow: auto;padding: 25px;}
#kisisel-splash #kisisel-close {width: 30px; height: 30px; background: #e6efff; font-size: 16px; top: 10px; position: absolute; cursor: pointer; display: flex; justify-content: center; align-items: center; right: 10px; color: #2173fb; font-weight: bold;}
#kisisel-overlay{background-color:#000;display:none;height:100%;left:0;opacity:.5;position:fixed;top:0;width:100%;z-index:99999}
.kisisel-splash-content p{opacity:0.7; font-size: 1.2rem; margin-top: 10px; line-height: 28px;}
/*Splash*/

/*Splash*/
#gizlilik-splash {top: 65%;}
@media only screen and (max-width: 767px) {
	#gizlilik-splash {width: 100% !important; height: 100% !important; margin: 0px 0 !important; left: 0 !important; top: 0 !important;}
	#gizlilik-splash img {width: 100%;}
}
#gizlilik-splash {width: 900px; height: 600px; position: fixed; left: 50%; top: 50%; margin: -300px 0 0 -450px; z-index: 99999; display: none; background: #fff; overflow: auto;padding: 25px;}
#gizlilik-splash #gizlilik-close {width: 30px; height: 30px; background: #e6efff; font-size: 16px; top: 10px; position: absolute; cursor: pointer; display: flex; justify-content: center; align-items: center; right: 10px; color: #2173fb; font-weight: bold;}
#gizlilik-overlay{background-color:#000;display:none;height:100%;left:0;opacity:.5;position:fixed;top:0;width:100%;z-index:99999}
.gizlilik-splash-content p{opacity:0.7; font-size: 1.2rem; margin-top: 10px; line-height: 28px;}
/*Splash*/