html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	font-family: 'Roboto', sans-serif;
}
ol, ul {
	list-style: none;
	list-style-type: none;
}
a{
	text-decoration: none;
}
.container-fluid{
    padding: 0;
    margin: 0;
}

.top-bg{
	background-color: #00214A;
	padding: 5px 100px;
}

.mobil-menu{
	display: none;
}
.menu{
	display: block;
	height: 100%;
	display: flex;
	align-items: center;
}
.menu .menu-link{
	padding: 0;
	margin: 0;
	width: 100%;
	display: block;
	text-align: right;
	
	
}
.menu .menu-link li{
	display: inline-block;
	margin: 10px;
}
.menu .menu-link li a{
	display: block;
	color: #fff;
	font-size: 20px;
}
.menu .menu-link li a:hover{
	color: #FF6F00;
}
.menu-link .drop{
	display: block;
	position: relative;
	
}
.menu-link .dropdown-link{
	position: absolute;
	background-color: #00214A;
    z-index: 1;
	display: none;
	width: 300px;
	padding: 10px;
}
.menu-link  .dropdown-link li {
	text-align: left !important;
	display: block;
}
.menu-link  .dropdown-link li a{
	display: block;
	font-size: 16px;
	text-align: left !important;
	margin-top: 25px;
}
.menu-link .drop:hover .dropdown-link{
	display: block !important;
}


.navbar-toggler{
	background-color: #fff !important;
}
.content{
	margin-top: 60px;
}
.content .title{
	display: block;
	color: #00214A;
    font-family: "Arial", Sans-serif;
    font-size: 40px;
    font-weight: 500;
	margin-top: 20px;
}
.img-v{
	margin-top: 90px;
}
.content .spot{
	color: #00214A;
    font-family: "Arial", Sans-serif;
    font-weight: 400;
	display: block;
	font-size: 25px;
	margin-top: 20px;
}
.content .not{
	text-align: left;
    color: #5A5A5A;
    font-family: "Arial", Sans-serif;
    font-size: 14px;
    font-weight: 400;
}

.form-cover{
	padding: 25px;
    background-color: #FF6F00;
    border-radius: 8px 8px 8px 8px;
}
.formheading{
	font-weight: 800;
    text-align: center;
    text-transform: uppercase;
    font-size: 26px;
	color: #ffffff;
}
.input{
	width: 100%;
    border: 1px solid #666;
    border-radius: 3px;
    padding: .5rem 1rem;
    transition: all .3s;
}
.form-label {
	display: block;
	font-size: 15px;
}
.title-k{
	display: none;
}
.spot-k{
	display: none;
}

.icons{
	display: block;
	border:1px solid #00274D;
	padding: 10px;
	margin-top: 50px;
	height: 220px;
}
.elementor-icon{
	display: flex;
	justify-content: center;
	margin-top: -30px;
}
.elementor-icon-box-title span{
	color:#00214A;
	display: block;
	font-size: 25px;
	font-weight: 700;
	margin-bottom: 20px;
	margin-top: 20px;
	
}
.elementor-icon-box-content{
	text-align: center;
}
.works{
	background-color: #00214A;
	padding: 20px 0px;
	margin-top: 50px;
	padding-bottom: 120px;
}
.work-title h6{
	color: #A0A5AA;
    font-family: "Arial", Sans-serif;
    font-size: 45px;
    font-weight: 600;
    line-height: 50px;
	text-align: center;
	margin-bottom: 20px;
}
.work-title h3{
	color: #A0A5AA;
    font-family: "Arial", Sans-serif;
    font-size: 45px;
    font-weight: 600;
    line-height: 50px;
	text-align: center;
	margin-bottom: 20px;
}
.elementor-widget-container{
	margin: -100px 0px 0px 0px;
   
}
.elementor-video{
	border-radius: 20px 20px 20px 20px;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
}
.heading-title h3{
	color: #00214A;
    font-family: "Arial", Sans-serif;
    font-size: 48px;
    font-weight: 600;
    line-height: 50px;
	text-align: center;
	margin-top: 80px;
}
.heading-spot{
	display: flex;
	justify-content: center;
	margin-top: 30px;

}
.spots{
	width: 100274Dpx;
}
.spots ul li{
	margin: 20px 0px;
	display: flex;
}
.spots ul li .elementor-icon-list-text{
	font-size: 17px;
	color: #5A5A5A;
	font-weight: 400;
	padding-left: 10px;

}
.elementor-icon-list-icon{
	color: #FF6F00;
	font-size: 20px;
}
.speed{
	background-color: #FF6F00;
	margin-top: 50px;
	padding: 20px 0px;
}
.heading-title2{
	font-weight: 500;
	color: #00214A;
    font-family: "Arial", Sans-serif;
    font-size: 48px;
	text-align: center;
}
.heading-title2 h2{
	display: block;
	margin-top: 10px;
	text-align: center;
	/* font-size: 30px; */
    font-weight: 400;
	color: #fff;
}
.btn{
	font-family: "Arial", Sans-serif;
    font-weight: 500;
    background-color: #00214A;
	color: #fff;
	padding: 10px 20px;
	margin-top: 20px;
}
.btn:hover{
	background-color: #023C85;
	color: #fff;
}
.speed-icons{
	margin-top: 30px;
}
.cont{
	display: flex;
	align-items: center;

}
.cont .ico{
	font-size: 45px;
}
.cont p{
	color: #00214A;
    font-family: "Arial", Sans-serif;
    font-size: 14px;
    font-weight: 500;
	padding-left: 30px;
	line-height: 24px;
	
}
.steps{
	padding: 50px 20px;
	overflow: hidden;
}
.heading-title3 h2{
	color: #00214A;
    font-family: "Arial", Sans-serif;
    font-size: 32px;
    font-weight: 600;
    line-height: 33px;
}
.heading-title3 b{
	color: #00214A;
    font-family: "Arial", Sans-serif;
    font-size: 32px;
    font-weight: 600;
    line-height: 33px;
	display: block;
	text-align: center;
}
.heading-title3 h4{
	color: #00214A;
    font-family: "Arial", Sans-serif;
    font-size: 32px;
    font-weight: 600;
    line-height: 33px;
}
.elementor-icon-box-wrapper{
	margin-top: 20px;
	display: block;
}
.wrapper{
	display: flex;
}
.wrapper .ico{
	font-size: 25px;
}
.wrapper .contents h4, h6, h3{
	font-family: "Arial", Sans-serif;
    font-size: 24px;
    font-weight: 600;
	color: #00214A;
	padding-left: 10px;
}
.wrapper .contents p{
	color: #5A5A5A;
    font-family: "Arial", Sans-serif;
    font-weight: 400;
	font-size: 17px;
	display: block;
	margin-top: 10px;
	padding-left: 10px;
	line-height: 25px;
}
.start{
	display: flex;
	justify-content: center;
}
.sayac{
	border:1px solid #bbb8b8;
	padding: 10px 30px 30px 30px;
	border-radius: 20px;
}
.heading-title4 h2{
    color: #00214A;
    font-family: "Arial", Sans-serif;
    font-weight: 500;
    line-height: 18px;
	font-size: 29px;
	text-align: center;
}
.statistic-counter{
	color: #00214A;
    font-size: 45px;
    font-weight: 600;
}
.count-title{
	color: #00274D;
    font-weight: 400;
	font-size: 20px;
	display: block;
	margin-top: 20px;
}
.sembol{
	color: #00214A;
    font-size: 45px;
    font-weight: 600;

}
.single_counter{
	display: flex;
	justify-content: center;
	margin-top: 50px;
}
.questions{
	margin: 50px 0px;
	padding: 50px;
	background-color: #FF6F00;
}
.accordion-item{
	background-color: transparent;
	border-bottom-color: #00274D;
}
.accordion-button{
	background-color: transparent !important;
	background: transparent;
	font-weight: 600;
	font-size: 20px;
	color: #00274D;
}
.accordion-button:focus{
	box-shadow: none !important
}
.footer{
	margin-top: 50px;
	background-color: #00214A;
	padding: 20px 0px;
}
.footer-menu ul {
	margin: 0;
	padding: 0;
	display: flex;
	justify-content: end;
	
}
.footer-menu ul li {
	margin: 25px;
}
.footer-menu ul li a{
	display: block;
	color:#A0A5AA ;
}
.footer-menu ul li a:hover{
	color: #fff;
}
.risk{
	color:#A0A5AA ;
	margin-top: 20px;
	display: block;
	font-size: 13px;
}
.title-spot-s{
	display: none;
}
@media(max-width:992px){
	.top-bg{
		padding:5px 10px;
	}
	.mobil-menu{
        height: 100%;
        display: flex;
        justify-content: end;
        align-items: center;
	}
	.menu{
		display: none;
	}
	.img-v{
		display:none;
	}
	.content{
		margin-top: 0px;
	}
	.content .title {
		font-size: 20px;
		margin-top: 0px !important;
	}
	.content .title-spot{
		display: none;
	}
	.title-spot-s{
		display: block;
		margin-top: 30px;
	}
	.content .spot{
		display: none;
	}
	.title-k{
		display: block;
		font-size: 25px;
		text-align: center;
	}
	.spot-k{
		display: block;
		font-size: 16px;
		text-align: center;
	}
	.download{
		display: none;
	}
	.not{
		display: none;
	}
	.form-cover{
		padding: 15px;
	}
	.icons{
		height: 280px;
	}
	.footer-menu ul li {
		margin: 25px 5px;
	}
}
@media(max-width:768px){
	.icons{
		height: auto;
	}
	.cont{
		margin-top: 30px;
	
	}
	.heading-title{
		font-size: 24px;
		line-height: normal;
	}
	.heading-title2{
		font-size: 24px;
	}
	.heading-title2 h3{
		font-size: 17px;
	}
	.heading-title3 h2{
		font-size: 20px;
		line-height: normal;
	}
	.heading-title4 h2{
		font-size: 25px;
		line-height: normal;
	}
	
}

.title-spot{
	display: block;
	margin-top: 15px;
	font-size: 16px;
}
.nasil-spot{
	display: flex;
	justify-content: center;
	border:1px solid #00274D;
	padding: 30px 10px;
	border-radius: 30px 15px;
	margin-top: 20px;
}
.nasil-spot .icon{
	
	display: flex;
	justify-content: center;
	


}
.nasil-spot .icon .icon-s{
	width: 100px;
	height: 100px;
	background-color: #00274D;
	border-radius: 100%;
	display: flex;
	margin-bottom: 30px;
	justify-content: center;
	align-items: center;
}
.nasil-spot .title{
	display: block;
	margin-bottom: 10px;
	text-align: center;
	color: #00274D;
	font-weight: 700;

}
.nasil-spot .spot{
	display: block;
	text-align: center;
}