body{
  font-family: "Montserrat", sans-serif;
  margin: 0px!important;
  background-color:#fafafa ;
}
a{
    text-decoration: none;
}
.container {
    width: 942px;   
        max-width: 942px;
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px; 
 
            display: flex;
            gap: 20px;
}
.mt--10 {
    margin-top: -10px
}

.mt--20 {
    margin-top: -20px
}

.mt--30 {
    margin-top: -30px
}

.mt--50 {
    margin-top: -50px
}

.mt--100 {
    margin-top: -100px
}

.mb--27 {
    margin-bottom: -25px
}

.mr--5 {
    margin-right: -5px
}

.ml--5 {
    margin-left: -5px
}

.mr--7 {
    margin-right: -7px
}

.ml--7 {
    margin-left: -7px
}

.mr--10 {
    margin-right: -10px
}

.ml--10 {
    margin-left: -10px
}

@media (min-width: 826px) {
    .hidden_1 {
        display: none
    }
}

@media (min-width: 993px) {
    .plans_mobil {
        display: none
    }
}

@media (max-width: 992px) {
    .plans_pc {
        display: none
    }
}

@media (min-width: 588px) {
    .slider-v2 {
        display: none
    }
}

@media (max-width: 587px) {
    .slider-v1 {
        display: none
    }
}

.m-0 {
    margin: 0
}

.m-5 {
    margin: 5px
}

.m-10 {
    margin: 10px
}

.m-15 {
    margin: 15px
}

.m-20 {
    margin: 20px
}

.m-25 {
    margin: 25px
}

.mr-5 {
    margin-right: 5px
}

.mr-10 {
    margin-right: 10px
}

.mr-15 {
    margin-right: 15px
}

.mr-20 {
    margin-right: 20px
}

.mr-25 {
    margin-right: 25px
}

.mr-30 {
    margin-right: 30px
}

.mr-40 {
    margin-right: 40px
}

.mr-50 {
    margin-right: 50px
}

.ml-5 {
    margin-left: 5px
}

.ml-10 {
    margin-left: 10px
}

.ml-15 {
    margin-left: 15px
}

.ml-20 {
    margin-left: 20px
}

.ml-25 {
    margin-left: 25px
}

.ml-30 {
    margin-left: 30px
}

.ml-40 {
    margin-left: 40px
}

.ml-50 {
    margin-left: 50px
}

.mt-5 {
    margin-top: 5px
}

.mt-10 {
    margin-top: 10px
}

.mt-15 {
    margin-top: 15px
}

.mt-20 {
    margin-top: 20px
}

.mt-25 {
    margin-top: 25px
}

.mt-30 {
    margin-top: 30px
}

.mt-40 {
    margin-top: 40px
}

.mt-50 {
    margin-top: 50px
}

.mt-100 {
    margin-top: 100px
}

.mt-150 {
    margin-top: 150px
}

.mb-5 {
    margin-bottom: 5px
}

.mb-10 {
    margin-bottom: 10px
}

.mb-15 {
    margin-bottom: 15px
}

.mb-20 {
    margin-bottom: 20px
}

.mb-25 {
    margin-bottom: 25px
}

.mb-30 {
    margin-bottom: 30px
}

.mb-40 {
    margin-bottom: 40px
}

.mb-50 {
    margin-bottom: 50px
}

.mb--30 {
    margin-bottom: -30px
}

.p-0 {
    padding: 0
}

.p-5 {
    padding: 5px
}

.p-10 {
    padding: 10px
}

.p-15 {
    padding: 15px
}

.p-20 {
    padding: 20px
}

.p-25 {
    padding: 25px
}

.p-30 {
    padding: 30px
}

.p-40 {
    padding: 40px
}

.p-50 {
    padding: 50px
}

.pl-0 {
    padding-left: 0
}

.pl-5 {
    padding-left: 5px
}

.pl-10 {
    padding-left: 10px
}

.pl-15 {
    padding-left: 15px
}

.pl-20 {
    padding-left: 20px
}

.pl-25 {
    padding-left: 25px
}

.pl-30 {
    padding-left: 30px
}

.pl-40 {
    padding-left: 40px
}

.pl-50 {
    padding-left: 50px
}

.pr-0 {
    padding-right: 0
}

.pr-5 {
    padding-right: 5px
}

.pr-10 {
    padding-right: 10px
}

.pr-15 {
    padding-right: 15px
}

.pr-20 {
    padding-right: 20px
}

.pr-25 {
    padding-right: 25px
}

.pr-30 {
    padding-right: 30px
}

.pr-40 {
    padding-right: 40px
}

.pr-50 {
    padding-right: 50px
}

.pt-0 {
    padding-top: 0
}

.pt-5 {
    padding-top: 5px
}

.pt-10 {
    padding-top: 10px
}

.pt-15 {
    padding-top: 15px
}

.pt-20 {
    padding-top: 20px
}

.pt-25 {
    padding-top: 25px
}

.pt-30 {
    padding-top: 30px
}

.pt-40 {
    padding-top: 40px
}

.pt-50 {
    padding-top: 50px
}

.pb-0 {
    padding-bottom: 0
}

.pb-5 {
    padding-bottom: 5px
}

.pb-10 {
    padding-bottom: 10px
}

.pb-15 {
    padding-bottom: 15px
}

.pb-20 {
    padding-bottom: 20px
}

.pb-25 {
    padding-bottom: 25px
}

.pb-30 {
    padding-bottom: 30px
}

.pb-40 {
    padding-bottom: 40px
}

.pb-50 {
    padding-bottom: 50px
}

.logo-color{
    color:#b5e941!important;
}
.logo-color-hard{
 color:#326916!important;
}

.logo-bg-color-hard{
    background-color: #326916!important;
}
.logo-bg-color{
    background-color: #b5e941!important;
}
.uye-ol {
    border:1px solid #326916;
    color:#326916;
    border-radius:20px;
    padding:5px 35px;
    font-weight: 600;
    margin-right: 30px;
}
.uye-ol:hover {
  background-color:  #b5e941;    
  border:1px solid #326916;
}
.bg-white{
    background-color: white;
}
.giris-yap {
    background-color:  #b5e941;
    border:1px solid #b5e941;
    color:#326916;
    border-radius:20px;
      font-weight: 600;
    padding:5px 35px
}
.giris-yap:hover {
  background-color:  rgba(180, 233, 65, 0.502);    
}
.giris-yap i {
    margin-right: 10px;
}

    .header { 
      margin: 0 auto;
      background: white;
      padding: 10px 20px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      border-radius: 12px; 
    }

    .w-100{
        width: 100%;
    }
    .pt-5 {
        padding-top: 4rem;
    }
    .row { 
      margin: 0 auto; 
      padding: 10px 20px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      border-radius: 12px; 
    }


.sidebar {
  position: sticky;
  top: 0;
  align-self: flex-start;
  width: 229px;
  height: fit-content; /* içerik kadar yükseklik */
  background-color: white;
  padding: 20px;
  border-right: 1px solid #ccc;
 
  margin-top:20px;
}
    .sidebar h2 {
      font-size: 18px;
      margin-bottom: 15px;
    }

    .category-group {
      margin-bottom: 20px;
    }

    .category-title {
      font-weight: bold;
      font-size: 15px;
      margin-bottom: 5px;
    }

    .category-link {
      display: block;
      font-size: 14px;
      color: #333;
      text-decoration: none;
      padding: 2px 0;
    }

    .category-link:hover {
      text-decoration: underline;
    }

    .main-content {
      flex: 1;
      padding: 20px;
    }

    .more-link {
      color: #007bff;
      font-size: 13px;
      margin-top: 4px;
      display: inline-block;
    }

      .ilanlar-container {
      padding: 20px 0px;
       flex: 1;
    }

    .ilanlar-baslik {
      font-size: 20px;
      font-weight: bold;
      margin-bottom: 15px;
    }

    .ilanlar-grid {
      display: flex;
      flex-wrap: wrap;
      gap: 15px;
    }

    .ilan-kart {
      background-color: white;
      width: 207px; 
      border-radius: 5px;
      overflow: hidden; 
      position: relative;
    }

    .ilan-gorsel {
      width: 100%;
      height: 140px;
      object-fit: cover;
      display: block;
    }

    .favori-btn {
      position: absolute;
      top: 8px;
 
      background-color: white;
      border-radius: 50%;
      padding: 6px;
      cursor: pointer;
      box-shadow: 0 0 4px rgba(0,0,0,0.2);
    }

    .favori-btn:hover {
      background-color: #eee;
    }

    .ilan-icerik {
      padding: 10px;
    }

    .ilan-fiyat {
      color: green;
      font-weight: bold;
      margin-bottom: 5px;
    }

    .ilan-baslik {
      font-size: 14px;
      margin-bottom: 5px; 
    -webkit-box-orient: vertical;
      display: -webkit-box;
          overflow: hidden;
    }

    .ilan-konum {
      font-size: 12px;
      color: #777;
    }

    .best-citys{
    display: flex;
    gap: 50px;
    background-color: white;
    width: 100%; 
    }
    .best-citys ul  {
           list-style-type: none;
           font-size: 13px;
    }
    .footer-area{
        margin: 50px 0px;
        display: flex; 
        width: 100%; 
        justify-content: space-between;
    }
    .footer-area ul{
        font-size: 13px;
       list-style-type: none;
       font-weight: 600; 
    }
    
    .footer-area ul li{

       font-weight: 400;
    }
    .text-center{
        text-align: center!important;
    }
    .fs-13{
        font-size:13px
    }
      .w-90{
        width: 90%!important; 
    }

        .form-container {
      background-color: #fff;
      padding: 30px;
      border-radius: 10px;
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
      max-width: 400px;
      width: 100%;
    }

    .form-container h2 {
      margin-bottom: 20px;
      font-size: 24px;
      text-align: center;
      color: #333;
    }

    .form-group {
      margin-bottom: 15px;
    }

    label {
      font-weight: 600;
      display: block;
      margin-bottom: 5px;
      color: #333;
    }

    input[type="text"],
    input[type="email"],
    input[type="password"] {
      width: 100%;
      padding: 10px 12px;
      font-size: 14px;
      border: 1px solid #ced4da;
      border-radius: 6px;
      box-sizing: border-box;
      transition: border-color 0.2s;
    }

    input[type="text"]:focus,
    input[type="email"]:focus,
    input[type="password"]:focus {
      border-color: #80bdff;
      outline: none;
    }

    .radio-group {
      display: flex;
      gap: 15px;
    }

    .password-wrapper {
      position: relative;
    }

    .toggle-password {
      position: absolute;
      right: 10px;
      top: 12px;
      background: none;
      border: none;
      font-size: 12px;
      cursor: pointer;
      color: #218838;
    }

    .checkbox-group {
      display: flex;
      align-items: center;
    }

    .checkbox-group input {
      margin-right: 8px;
    }

    .btn-submit {
      background-color: #28a745;
      color: white;
      padding: 10px 15px;
      border: none;
      border-radius: 6px;
      width: 100%;
      font-size: 16px;
      cursor: pointer;
      transition: background-color 0.3s;
    }

    .btn-submit:hover {
      background-color: #218838;
    }

    .hidden {
      display: none;
    }


    .radio-box-group {
  display: flex;
  gap: 15px;
}

.radio-box {
  flex: 1;
  border: 2px solid #ccc;
  border-radius: 6px;
  padding: 12px;
  text-align: center;
  cursor: pointer;
  transition: all 0.3s;
  user-select: none;
}

.radio-box input[type="radio"] {
  display: none;
}

.radio-box.selected {
  border-color: #b5e941;
  background-color: #e7f1ff;
  font-weight: bold;
  color: #000000;
}
#registerForm {
    width: 50%;
    margin-left: 25%;
    padding: 50px 0px;
}


#registerForm .Sendbutton{
    
    background-color: #b5e941;
    color: white;
    border-radius: 20px;
    padding: 10px 30px;
}

#loginForm {
    width: 100%; 
}


#loginForm .Sendbutton{
    
    background-color: #b5e941;
    color: white;
    border-radius: 20px;
    padding: 10px 30px;
}
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 80%;
} 
.close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

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

.accordion {
  background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
}

.active, .accordion:hover {
  background-color: #ccc; 
}

.panel {
  padding: 0 18px;
  display: none;
  background-color: white;
  overflow: hidden;
}


.login-form{
    width: 45%;
    margin-left: 2.5%;
    float: left;
}

.login-form-right-area{
    width: 45%;
    margin-right: 2.5%; 
    float: right;
}
.login-form-right-area p {
    font-size: 14px;
    font-weight: 400;
}

.login-form-right-area i {
    margin-right: 7px;
}

.register30Sec{
    background-color: #b5e941;
    color: white;
    border-radius: 20px;
    padding: 10px 30px;
    font-size:14px;
    border:1px solid black;
}