*{
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}
header,section{
    overflow-x: hidden;
}
@media(max-width:576px){
  *{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }
}
:root{
    --gilroy:'gilroy';
}
/* Color of the links BEFORE scroll */
.navbar-scroll .nav-link,
.navbar-scroll .fa-bars,
.navbar-scroll .navar-brand {
  color: #4f4f4f;
}

.navbar-scroll .nav-link:hover {
  color: #1266f1;
}

/* Color of the links AFTER scroll */
.navbar-scrolled .nav-link,
.navbar-scrolled .fa-bars,
.navbar-scrolled .navar-brand {
  color: #4f4f4f;
}

/* Color of the navbar AFTER scroll */
.navbar-scroll,
.navbar-scrolled {
  background-color:transparent;
}

/* An optional height of the navbar AFTER scroll */
.navbar.navbar-scroll.navbar-scrolled {
  padding-top: 5px;
  padding-bottom: 5px;
}

body {
  background-color: #fff;
}
.background{
    background-image: url(..//assets/Arka\ Plan.jpg);
    height: 50rem;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    /* box-shadow: inset 0 15px 5px 5px #282a2d; mark the inset */
    box-shadow: inset  0 150px 150px 0 rgb(238, 230, 230), 0px 60px 200px 0 rgb(240, 236, 236);;
}

.top-shadow{
  position: absolute;
  width: 100%;
  height: 10px;

}
.nav-link{
  font-weight: 600;
  font-size: 15.19px;
  color: #203e52!important;
}
.fa-user{
  font-size: 20px;
  font-weight: bolder;
}
.container{
  padding-top: 25px; 
}
.collapse{
  border-color: #d6d6d4!important;
}
#navbarBorder{
  border: 1px solid rgba(255,255,255,0.1);
  border-left: none;
}
.welcome{
  font-size: 30px;
  color: #203e52;
}
.welcome2{
  font-size: 15.6px;
  color: #868686;
}
.card3{
  z-index: -4;

}
.card2{
  margin-left: -110px;
  z-index: -3;


}
.card1{
  margin-left: -128px;
  z-index: -2;
}
.welcome-button{
    border-style: solid;
    border-width: 1px;
    border-color: rgb(228, 228, 228);
    border-radius: 7px;
    width: 222px;
    height: 45px;
    z-index: 252;
    margin-top: 25px;
    font-size: 14px;
    font-weight: bold;
    color: #203e52;
}
.row-avantaj{
 background-color: #f6f6f6;
 margin-bottom: 10px;
}
.row-avantaj h3{
  color: #e1e1e1;
  font-size: 18.5px;
}
.row-avantaj strong{
  font-size: 24px;
  color: #a4a0a0;
}
.color-avantaj h3{
  color: #203e52;
}
.colorst{
  color: #203e52!important;
}

.avantaj-bg {
  background-image: url(..//assets/Avantajfoto.png);
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 300px;
  margin: 0;
}
.avantaj-logo {
  position:absolute;
  bottom: 10px;
  left: 20px;
}

.avantaj-card{
  margin-bottom: 50px;
  margin-top: 0;
}
.avantaj-card-h2{
  font-size: 17px;
  color: #203e52;
}
.avantaj-card-text{
  margin-left: 30px;
}

ul {
  text-decoration: none;
  list-style: none;
}

.avantaj-item {
  font-size: 14px;
  margin-bottom: 1px;
}

.avantaj-circle-turuncu {
  color: #ff952d;
}

.avantaj-circle-lacivert {
  color: #203e52;
}
.avantaj-circle-mor {
  color: #af3296;
}
.avantaj-circle-kırmızı {
  color: #f24b4b;
}
.avantaj-circle-turkuaz {
  color: #1caff9;
}
.upbottom {
  background-image: url(../assets/upbottomimg1.png);
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  height: 200px;
  width: 370px;
  border-bottom-left-radius: 75px;
}
.align{
  text-align: center;
  margin-top: 38px;
  color: #fff;
}
.upbottom-logo p{
  font-size: 11.67px;
  font-weight: 500;
}
.upbottom-logo h4{
  font-size: 24.18px;
  font-weight: 900;
}
.upbottom-2 {
  background-image: url(..//assets/upbottomimg2.png);
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  height: 200px;
  width: 370px;
}
.upbottom-3 {
  background-image: url(../assets/upbottomimg3.png);
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  height: 200px;
  width: 370px;
  border-bottom-right-radius: 75px;
}
.upbottom-logo img{
  display: block;
  position: relative;
  transform: translate(-50%);
  left: 50%;
  top: 15%;
}
.footer-p{
  font-size: 15.45px;
}
.footer-str{
  font-size: 19px;
}

.footer-img {
  width: 140px;
  height: 60px;
}
.footer-line {
  position: absolute;
  margin-top: 80px;
  height: 5px;
}
.avantaj-line{
  position: absolute;
  margin-top: 29px;
  height: 5px;
}