.ms-logo {
  width: 50%;
  margin: 5px;
  padding: 5px;
}

.carousel-indicators [data-bs-target] {
  width: 20px;
  height: 8px;
  border-top-right-radius: 15px;
  border-bottom-left-radius: 15px;
}

body {
  font-family: 'Alata';
}

a {
  text-decoration: none;
}

#banner {
  background-color: rgba(11,155,226,0.17);
  background-image: url("../../assets/img/mesh.svg");
}

.banner-img {
  padding: 10px;
  border-top-right-radius: 15%;
  border-bottom-left-radius: 15%;
}

.mesh-b {
  background: #0b9be2;
  /*display: initial;*/
  /*position: absolute;*/
  /*margin-top: -5%;*/
  /*top: 0;*/
  /*bottom: 0;*/
  /*left: 0;*/
  width: 100%;
  height: 120px;
  /*z-index: 1;*/
}

.mesh {
  /*z-index: 0;*/
  /*position: relative;*/
  background-image: url(../../assets/img/mesh.svg);
  background-size: cover;
  background-repeat: no-repeat;
  opacity: 0.3 !important;
  height: 100%;
  /*right: 0;*/
  /*margin-top: -20px;*/
  /*width: 100%;*/
  transition-timing-function: ease-in;
  animation: move 4s ease-in;
  animation-iteration-count: 1;
  /*animation-delay: 2s;*/
  /*z-index: 99;*/
}

#about {
  padding-top: 5%;
  padding-bottom: 3%;
}

#about img {
  /*width: 100%;*/
  /*padding: 10%;*/
  /*height: 100%;*/
  /*display: flex;*/
  /*justify-content: center;*/
  /*align-items: center;*/
  margin-top: -10%;
}

.abt-text {
  /*padding: 5%;*/
  /*max-width: 80%;*/
  font-size: 1.3rem;
  font-weight: 400;
  line-height: 2;
  text-align: justify;
}

@media (min-width: 768px) {
  .abt-text {
    max-width: 80%;
  }
}

h1 {
  font-family: 'Bakbak One';
}

h1:after {
  /*font-family: 'Bakbak One';*/
  top: 100%;
  margin-top: 5px;
  display: block;
  height: 6px;
  width: 8%;
  content: "";
  background-color: #0b9be2;
  margin-bottom: 5%;
  /*animation: top-move 2s ease-in;*/
}

@keyframes move {
  0% {
    left: 0;
    transform: translateX(-100%);
  }
  100% {
    left: 100%;
    transform: translateX(0);
  }
}

@keyframes top-move {
  0% {
    top: 0;
    transform: translateY(100%);
  }
  100% {
    top: 100%;
    transform: translateY(-100%);
  }
}

.cardy {
  border: 1px solid #e8e8e8;
  text-align: center;
  padding: 10px;
  margin: 10px;
}

.cardy img {
  background: #ffffff;
  border-radius: 50%;
  width: 25%;
  padding: 10px;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}

#etkinlik .cardy img {
  background: #ffffff;
  border-radius: 30px;
  width: 50%;
  /*padding: 10px;*/
  box-shadow: rgba(0,0,0,0.07) 0px 1px 4px;
}

.cardy h3 {
  font-weight: bold;
  color: #46aae6;
  font-size: 26px;
}

.cardy p {
  color: #191919;
  font-size: 18px;
}

#makale {
  /*padding-top: 5%;*/
  padding-bottom: 5%;
}

#makale .darky-h3 {
  text-transform: capitalize;
  padding: 5px;
  margin-bottom: 15px;
  color: #333333;
}

#makale .lighty-h3 {
  text-transform: capitalize;
  padding: 5px;
  margin-bottom: 15px;
  color: #f3f3f2;
}

.col-color {
  background: #0b9be2;
  height: 100%;
  /*width: 50%;*/
  /*padding: 20%;*/
}

.makale {
  /*background-color: #439ec8;*/
  padding: 14%;
  /*margin: 5px;*/
  text-align: center;
}

.makale {
  /*font: bold 6.5em/2em monospace;*/
  justify-content: center;
  align-items: center;
  height: 100%;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}

#makale a {
  text-decoration: none;
}

#makale a:hover {
  text-decoration: none;
  /*transform: scale(1.1);*/
}

.col1 {
  /*opacity: 0.2;*/
  background-image: linear-gradient(to top, rgba(11,155,226,0.56), #0b9be2);
}

.col1 h4, .col1 p {
  color: #ffffff;
}

.makale h2 {
  font-size: 38px;
}

.makale p {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.8;
  /*background: rgba(255,255,255,0.01);*/
  /*color: #000000;*/
}

.col2 {
  background: #f3f3f2;
}

/* bildiri */

#bildiri {
  padding-top: 5%;
  padding-bottom: 5%;
}

#etkinlik .cardy {
  border: 1px solid #f3f3f2;
  text-align: center;
  /*padding: 20px;*/
  margin: 10px;
  background: #fbfbfb;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}

#etkinlik .cardy img {
  width: 30%;
}

#etkinlik .cardy h3 {
  font-weight: bold;
  color: #434343;
  font-size: 26px;
}

#etkinlik .cardy p {
  color: #191919;
  font-size: 14px;
  padding: 5px;
}

/* blog */

#blog {
  /*padding-top: 5%;*/
  padding-bottom: 5%;
}

#blog img {
  width: 100%;
  /*padding: 10px;*/
  /*box-shadow: inset 0 0 0 99999px rgba(0, 120, 255, 0.5);*/
}

.texty {
  margin-top: -30px;
  font-weight: bold;
  font-size: 30px;
  background: rgba(11,155,226,0.92);
  height: 100px;
  width: 80%;
  padding: 10px;
  position: relative;
  border-top-right-radius: 20px;
  border-bottom-left-radius: 20px;
}

.blog-card {
  border: 1px solid #e0e0e0;
  padding: 10px;
  color: #ffffff;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

#blog .blog-card i, .blog-card span {
  color: #0360a5;
  font-weight: 400;
  font-size: 12px;
}

/* mob app */

#bagis {
  /*padding-top: 5%;*/
  /*padding-bottom: 5%;*/
  padding: 10px;
}

.bg-bagis {
  background-color: #0360a5;
}

.mob-div {
  padding: 5%;
}

#bagis.app img {
  width: 20%;
}

#bagis p {
  text-transform: capitalize;
}

.mob-img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}

.bagis {
  padding: 20px;
  border-top-right-radius: 50px;
  border-bottom-left-radius: 50px;
}

.bagis .card-body {
  padding: 20px;
  border-top-right-radius: 50px;
  border-bottom-left-radius: 50px;
}

.bagis li {
  background-color: #ffffff;
  color: #0b9be2;
  padding: 10px;
  border-radius: 10px;
  margin-top: 15px;
  font-weight: bold;
}

/* card */

.mini-card {
  background: #fff;
  border-top-left-radius: 40px;
  border-bottom-right-radius: 60px;
  padding: 10px;
  height: 200px;
  /*box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;*/
  box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;
}

.mini-card:hover {
  transform: translateY(-10px);
}

/* buttons */

.dark-btn {
  background-color: #0b9be2;
  color: #ffffff !important;
  padding: 10px;
  font-size: 14px;
  font-weight: bold;
  text-transform: capitalize;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
}

.light-btn {
  background-color: #f3f3f2;
  color: #0b9be2;
  padding: 15px;
  font-size: 14px;
  font-weight: bold;
  text-transform: capitalize;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
}

.dark-btn:hover {
  background-color: #0b9be2;
  color: #ffffff;
  transform: scale(1.1);
}

.light-btn:hover {
  background-color: #f3f3f2;
  color: #0b9be2;
  transform: scale(1.1);
}

.link-go {
  font-size: 24px;
  font-weight: bold;
  padding: 20px;
  background: #0b9be2;
  color: #f3f3f2;
  border-top-right-radius: 20px;
}

.link-go:hover {
  background-color: #f3f3f2;
  color: #0b9be2;
  border: 4px solid #0b9be2;
}

#bildiri h4 {
  font-weight: bold;
  color: #333333;
  padding: 20px;
}

#bildiri {
  padding-bottom: 5%;
}

#haber {
  /*padding-top: 5%;*/
  padding-bottom: 5%;
}

.makale-card {
  border-top-left-radius: 50px;
  border-bottom-right-radius: 50px;
  border: none;
  box-shadow: rgba(0, 0, 0, 0.04) 0px 3px 5px;
  /*height: 550px;*/
}

@media (min-width: 768px) {
  .makale-card h4 {
    height: 120px;
  }
}

.makale-card img {
  border-top-left-radius: 50px;
  border-bottom-right-radius: 50px;
}

.makale-card h4 {
  /*color: #11b3f4 !important;*/
}