.card-text{
   font-size: medium;
   opacity: 0.5;
}

.card-subtitle{
   font-family: "sohne, "Helvetica Neue", Helvetica, Arial, sans-serif";
}
.left-content {
   flex: 3;
}

 

.underline {
   text-decoration: underline;
   text-underline-offset: 29px;
}


.right-content {
   flex: 1;
   padding-left: 20px;
   position: relative;
}

.sticky {
   position: -webkit-sticky;
   position: sticky;
   top: 20px;
   
}
.img{
   margin-left: 15px;
   border-radius: 50%;
}
.btn{
 
   font-size: 14px;
   font-weight:500;
}
.btn1{
   font-size: 13px;
   opacity: 0.7;
}

.btn2{
   margin-left: 1px;
   font-size: 12px;
   opacity: 0.7;
}
.btn3{
   font-size: 10px;
   border:none;
   
}
.btn4{
   background-color: #F2F2F2;
   font-size: 14px;
   font-weight:500;
}
.fa-solid{
   opacity: 0.7;
}


.row{
   z-index: -1;
}

.modal {
   display: none;
   position:absolute;
   margin-top: 5px;

   
}
.modalbaşlik{
   text-align: center;
   padding-top: 30px;
   font-size: 18px;
}
.modalaltbaşlik{
   text-align: center;
   margin-top: 5px;
   font-size: 14px;
   font-weight: 500;
   opacity: 0.7;

}

/* Modal içerik kutusu */
 .modal-content{

   background-color: #fefefe;
   width: 220px; 
   height: 250px; 
   overflow: auto; /* Hem yatay hem dikey taşmaları yönet */ 
   box-shadow:black;
}

/* Kapatma butonu stili */
.close-button {
   color: #aaa;
   float: right;
   font-size: 20px;
   font-weight: bold;
   cursor: pointer;
}

.close-button:hover,
.close-button:focus {
   color: black;
   text-decoration: none;
   cursor: pointer;
}



.fa-regular{
   opacity: 0.7;
}
.fa-star{
   color: gold;
}

form input {
   border-style: none
}
.links{
   font-size: 12px;
  
   
}
.p{
   color: gray;
   display: inline;
}

.navbar-light{
   margin-top: 3px;
   margin-left: 10px;
}
.in{
   font-size: 10px;
   opacity: 0.7;
}
.fa-magnifying-glass{
   font-size: larger;
   opacity: 0.4;
}

.fa-pen-to-square{
   margin-left: 5px;
   font-size:22px;
   opacity: 0.4;
   
}
.write{
   color: black;
   font-size:14px;
   opacity: 0.6;
}
.write:hover{
   color: black;
   text-decoration: none;
   
}

.abril-fatface-regular{
   color: black;
}

.abril-fatface-regular:hover{
   color: black;
   text-decoration: none;

}

.fa-bell{
   margin-top: 5px;
   margin-left: 25px;
   font-size:22px;
   opacity: 0.6;
}
.msitmb{
   font-size: 12px;
   

}

h10{
font-size: 12px;
font-weight: bold;
}

h6{
font-size:large;
}

.seethefulllist{
   font-size: 14px;
   font-weight:500;
   color: #1A8917;
}

.learn-more{
   
      font-size: 14px;
      font-weight:500;
      color: #1A8917;
    margin-left: 50px;
   
}

 .about{
   font-size: 12px;
   font-weight: 500;
   opacity: 0.8;
 }

 .click{
   font-size: 14px;
   font-weight: 500;
   opacity: 0.6;
 }
.border1{
   font-size: 14px;
   border: 1px solid black;
   background-color: white;
   border-radius: 25px;
   margin-left: 50px;
}
  .border2{
   border: 2px ;
   border-radius: 25px;
  }



.text{
   text-align: center;
   margin-left: 50px;
}



.abril-fatface-regular {
   font-family: "Abril Fatface", serif;
   font-weight: 400;
   font-style: normal;
   font-size: xx-large;
   padding-top: 25px;
 }

 .end{
   position: relative;
}
 
.fa-square-check{
   margin-left: 280px;
   font-size: 20px;
}
.text-end{
   margin-left: 220px;
}
.btn-end{
   font-size: 14px;
   margin-top: 5px;
   margin-left: 180px;
   background-color: #1A8917;
   color: white;
   border: none;
   width: 220px;
   height: 35px;
}
.btn-başlik{
   font-size: 14px;
   margin-top: 5px;
   margin-left: 23px;
   background-color: #1A8917;
   color: white;
   border: none;
   width: 180px;
   height: 35px;
}
.story-btn{
   background-color: #1A8917;
   color: white;
   border: none;
   font-size: 14px;
   width: 65px;
   height: 25px;
   opacity: 0.2;


}


   .text-box {
      font-family: Arial, sans-serif;
      position: relative;
      height: 100vh;
      
  }

  .story{
   display: flex;
   margin-left: 170px;
   padding-top: 50px;
   
  
  }
.left-story{
   margin-right: 20px;
   margin-top: 55px;
   font-size: 30px;
}
.fa-circle-plus{
   opacity: 0.7;
   
}
.right-story{
    font-family:  medium-content-title-font, Georgia, Cambria, "Times New Roman", Times, serif;
   padding-top: 5px;
   opacity: 0.3;
}



.cursor {
   display: inline-block;
   width: 1px;
   height: 25px;
  background-color: rgb(185, 180, 180);
   margin-top: 60px;
   animation: blink 1s step-end infinite; /* Yanıp sönme animasyonu */
   
}

@keyframes blink {
   0%, 100% {
       opacity: 1;
   }
   50% {
       opacity: 0;
   }
}

.text-area {
   display: inline-block;
   min-height: 20px; /* Yazı alanı yüksekliği */
   width: calc(100% - 10px); /* İmleç ve yazı alanı arasındaki boşluğu dengelemek için */
   outline: none; /* Çerçeve etrafında odaklanma (focus) stili olmaması için */
}