*{
	box-sizing: border-box;
}
body{
	overflow-x:hidden;
}
a, p, input, select, textarea, table, td, th, span, h1, h2 h3, h4, h5, h6, body, button {
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto; 
  font-style: normal;
  font-variation-settings:
    "slnt" 0,
    "CRSV" 0,
    "SHRP" 0;
  font-display: swap;
  margin:0;
}
html {
    scroll-behavior: smooth;
}
a:hover {
    text-decoration: none;
}
input, select, button, textarea {
    outline: none;
}
::-webkit-scrollbar{width:5px;}
::-webkit-scrollbar-track{box-shadow:inset 0 0 5px grey;border-radius:5px;}
::-webkit-scrollbar-thumb{background:#155F7A;border-radius:5px;}
::-webkit-scrollbar-thumb:hover{background:#155F7A80;}
.container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 86%;
    margin: auto;
} 
.row {
  display: flex;
  flex-wrap: wrap;
  margin: 0;  
}
 strong{
 	font-weight: bold;
 } 
h1 {
 font-size: 60px;
 font-weight:400;
 line-height: 110%;
 color:#232323;
}
h1 strong{
 color:#155F7A;	
 font-weight:600;
}
h2 {
 font-size: 45px;
 font-weight: 500;
 line-height: 130%;
 color: #FFFFFF;
 margin: 0;
 margin-bottom: 1rem;
 position:relative;
}
 h2.desen::before{
 	content:"";
 	position:absolute;
 	width: 0;
 	height:2px;
 	left: 0px;
 	bottom: 10px;
 	transition:1s;
 	background: #F07E1950;
 }
 h2.desen::after{
 	content:"";
 	position:absolute;
 	width:0;
 	height:2px;
 	left:0;
 	bottom: 10px;
 	transition:1.5s;
 	background: #F07E19;
 }
h2.desen.active::before{ 
	width:120px;
}
h2.desen.active::after{ 
	width:80px;
	transition-delay:1s;
}
h2.desen{
	font-size:17px;
	margin-bottom: 0rem;
	padding-left: 0;
	color: #F07E19;
	margin-bottom: 1rem;
	transition:1s;
}
h2.desen.active{ 
	padding-left:130px; 
}
h3{
	margin-block-start:0;
}
  
h2 strong{color: #155F7A;display:block;}
h3 {font-size: 35px;line-height:120%;margin-bottom: 2rem;color: #232323;font-weight: 600;}
h4 {font-size: 30px;color: #232323;font-weight: 300;}
h4.desen{
	margin-bottom: 0rem;
	padding-left: 0px;
	color: #1D3666;
	margin-bottom: 1rem;
	transition: .5s;
	font-weight: 600;
	position:relative;
}
h4.desen.active{ 
	padding-left: 80px; 
}
h4.desen::before{
 	content:"";
 	position:absolute;
 	width: 0;
 	height:2px;
 	left: 0px;
 	bottom: 48%;
 	transition:1s;
 	background: #1D3666;
 }
  
h4.desen.active::before{
	width: 50px;
}
 h1.desen{
	margin-bottom: 0rem;
	padding-left: 0px;
	color: #1D3666;
	margin-bottom: 1rem;
	transition: .5s;
	font-weight: 600;
	position:relative;
	font-size:30px;
}
h1.desen.active{ 
	padding-left: 80px; 
}
h1.desen::before{
 	content:"";
 	position:absolute;
 	width: 0;
 	height:2px;
 	left: 0px;
 	bottom: 48%;
 	transition:1s;
 	background: #1D3666;
 }
  
h1.desen.active::before{
	width: 50px;
}
h5 {
	font-size: 27px;
	font-weight: 500;
	color: #232323;
}
h6 {color: #393939;font-size: 25px;font-style: normal;font-weight: 300;line-height: 136%;letter-spacing: 0.125px;position: relative;}
 
p, li, a, td, th {
    list-style-position: outside;
    padding: 0;
    color: #272727;
    font-kerning: none;
    font-size: 21px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 0px;
}
p, a, td, th { 
    margin-bottom: 2rem;
}
li{
	margin-bottom:1rem;
}
span{color: #232323;font-kerning: none;font-size: 15px;font-style: normal;font-weight: 400;line-height: 24px;letter-spacing: 0.16px;}
.row{
	margin:0;
	--bs-gutter-x: 0;
	--bs-gutter-y: 0;
}
 .points{cursor:pointer;}
 .pt-96{
 	padding-top:96px;
 }
 
 .pb-96{
 	padding-bottom:96px;
 }
 .pt-48{
 	padding-top:36px;
 }
 .pb-48{
 	padding-bottom:36px;
 }
 .padl-5{
 	padding-left:5%;
 }
 .padr-5{
 	padding-right:5%;
 }
 .mt-96{
 	margin-top:96px;
 }
 .mb-96{
 	margin-bottom:96px;
 }
 .mt-48{
 	margin-top:36px;
 }
 .mb-48{
 	margin-bottom:36px;
 }
 .ml-5{
 	margin-left:5%;
 }
 .mr-5{
 	margin-right:5%;
 }
 .w50{
 	width: 47.5%;
 	position:relative;
 }
 .w50:first-child{
 	margin-right:2.5%;
 }
 .w50:last-child{
 	margin-left:2.5%;
 }
 .w50{
 	width: 47.5%;
 	position:relative;
 }
 .w40{
 	width:40%;
 	position:relative;
 }
 .w30{
 	width:30%;
 	position:relative;
 } 
 .w20{
 	width:20%;
 	position:relative;
 }
 .w10{
 	width:10%;
 	position:relative;
 }
 .w60{
 	width:60%;
 	position:relative;
 }
 .w70{
 	width:70%;
 	position:relative;
 }
 .w80{
 	width:80%;
 	position:relative;
 }
 .w90{
 	width:90%;
 	position:relative;
 }
 .w100{
 	width:100%;
 	position:relative;
 }
 .baslik-pb{
  	padding-bottom:48px
 }
 .baslik-mb{
  	margin-bottom:48px
 }
 .p-1{padding:1%;}
 .p-2{padding:2%;} 
 .p-3{padding:3%;}
 .p-4{padding:4%;}
 .p-5{padding:5%;}   
 
a{
	text-decoration:none;
}