@import "navbarWhiteBackground.css";

* {

  margin: 0;

  padding: 0;

  box-sizing: border-box;

  font-family: "Helvetica Neue";

  -webkit-font-smoothing: antialiased;

}

body>div {

  overflow-x: hidden;

  overflow-y: hidden;

}

body>section {

  overflow-x: hidden;

  overflow-y: hidden;

}

.baslik-line-height {

  line-height: 1.5 !important;

}

body {

  max-width: 100%;

}



.link-a {

  text-decoration: none;

}

.carousel-5 {

  height: 100vh;

}

.arrow {

  position: absolute;

  left: 50%;

  bottom: 10%;

  background-color: rgba(0, 0, 0, 0);

}

.arrow i {

  -webkit-text-stroke: 9px;

  color: black;

  font-size: 70px;

  background-color: rgba(0, 0, 0, 0);

}



.navbar .current-link {

  border: 0 !important;

  background-color: black !important;

  color: white !important;

}



.carousel {

  display: flex;

  flex-direction: column;

  justify-content: center;

  align-items: center;

  margin-top: 1px;

}

.main {

  width: 93.5%;

  height: 26rem;

  background: url("images/20200610_135218.jpg") center center;

  background-size: cover;

  display: flex;

  justify-content: left;

  align-items: center;

}



.main-inner {

  height: 264.18px;

  width: 264.18px;

  border: 2px solid white;

  background: rgb(0, 0, 0, 0);

  margin-left: 2rem;

  display: flex;

  flex-direction: column;

  justify-content: space-between;

  align-items: center;

}

.main-inner p {

  background: rgb(0, 0, 0, 0);

  color: white;

}

.text {

  font-family: Helvetica Neue;

  font-size: 68px;

  line-height: 80.47px;

  letter-spacing: 2.72px;

  color: #ffffff;

  color: rgb(255, 255, 255);

}

.bg-clear {

  background-color: rgb(0, 0, 0, 0);

}

.gayrimenkul-text {

  font-family: Helvetica Neue;

  font-size: 30px;

  letter-spacing: 2.72px;

  color: #ffffff;

  color: rgb(255, 255, 255);

}

.konsept-projeler-black-line {

  width: 93.5%;

  height: 130px;

  background-color: black;

  display: flex;

  justify-content: left;

  align-items: end;

}

.konsept-projeler-black-line p {

  background: rgb(0, 0, 0, 0);

  font-family: Helvetica Neue;

  font-size: 80px;

  line-height: 87px;

  color: #ffffff;

  color: rgb(255, 255, 255);

  margin-left: 2rem;

}

.kendo-orman-div {

  display: flex;

  justify-content: center;

  align-items: center;

  margin-top: -17rem;

}

.kendo-orman {

  background: url("images/orman.jpg") center center;

  height: 90vh;

  width: 100%;

  background-size: cover;

  margin-bottom: 2rem;

  margin-top: 15rem;

  position: relative;

}

.kendo-orman img {

  position: absolute;

  top: -225px;

  left: 280px;

  background-color: rgba(0, 0, 0, 0);

}

.yeni-yasam {

  display: flex;

  justify-content: center;

  align-items: center;

  margin-top: 2.5rem;

  gap: 2rem;

  text-align: right;

}

.mb-8 {

  margin-bottom: 7.8rem;

}

.m-text-yasam {

  margin-top: 4rem !important;

}

.yeni-yasam-hayaller-text {
  z-index: 100;
  flex: 1;

}

.yeni-yasam-text {

  margin-top: 1rem;

  font-family: "Helvetica Neue";

  font-size: 20px;

  line-height: 30px;

  text-align: left;

  color: #000000;

  color: rgb(0, 0, 0);

}

.text-2 {

  font-size: 20px !important;

  line-height: 30px !important;

}

.mt-8 {

  margin-top: 7.8rem;

}

.yeni-yasam-baslik {

  font-family: "Helvetica Neue";

  font-weight: bold;

  text-align: right;

  font-size: 48px;

  color: #000000;

  color: rgb(0, 0, 0);

}

.belgrad-baslik {

  font-family: "Helvetica Neue";

  font-weight: bold;

  font-size: 45px !important;

  line-height: 48px !important;

  text-align: end;

  width: 100%;

  color: #000000;

  color: rgb(0, 0, 0);

}

/*Kendo Orman*/

.carousel-orman {

  display: flex;

  flex-direction: column;

  justify-content: center;

  align-items: center;

}

.current-section {

  background-color: rgb(0, 100, 0, 0.7) !important;

  font-weight: bold !important;

}

.orman {

  width: 93.5%;

  height: 432px;

  background: url("images/20200610_134942.jpg") center center;

  background-size: cover;

  display: flex;

  flex-direction: row;

  justify-content: right;

  align-items: end;

}

.orman-inner {

  margin: 0 3rem 3rem 0;

  height: 149px;

  width: 149px;

  background-color: rgb(0, 0, 0, 0.7) !important;

  display: flex;

  justify-content: center;

  align-items: center;

  text-align: center;

}

.orman-inner p {

  background: rgb(0, 0, 0, 0);

  font-family: "Helvetica Neue";

  font-size: 22px;

  line-height: 40.12px;

  color: #ffffff;

  color: rgb(255, 255, 255);

}

.orman-inner:hover {

  background-color: rgb(0, 100, 0, 0.7) !important;

  font-weight: bold !important;

}

.orman-black-line {

  width: 93.5%;

  height: 130px;

  background-color: #000000;

  display: flex;

  justify-content: left;

  align-items: center;

}

.orman-black-line p {

  background: rgb(0, 0, 0, 0);

  color: white;

  font-weight: 600;

  font-size: 6rem;

  margin-left: 4rem;

}

.imgLogo {

  margin-left: 7rem;

}

/*Orman*/



.kemer-orman {

  background: url("images/orman.jpg");

  background-position: left 0% top 90%;

  background-size: cover;

  position: relative;

  min-height: 100vh;

  width: 100%;

}

.kemer-orman img {

  position: absolute;

  max-width: 100%;

  height: auto;

  background-color: aqua;

}

.gokturk-main {

  margin-top: -17rem;

}

.gokturk {

  background: url("images/Kendo-22.jpg");

  background-position: left 0% top 90%;

  background-size: cover;

  height: 100vh;

  width: 100%;

  display: flex;

  justify-content: center;

  align-items: start;

  position: relative;

  margin-top: 15rem;

  gap: 2rem;

  z-index: 1;

}

.gokturk img {

  position: absolute;

  left: -75px;

  top: -250px;

  background-color: rgb(0, 0, 0, 0);

  z-index: 0;

}

.gokturk-baslik {

  flex: 1;

  font-weight: bold;

  font-size: 48px;

  color: #ffffff;

  background-color: rgba(0, 0, 0, 0);

  width: 100%;

  text-align: end;

  margin-top: 10rem;

}

.gokturk-text {

  flex: 1;

  font-size: 25px;

  line-height: 45px;

  color: #ffffff;

  background-color: rgba(0, 0, 0, 0);

  width: 100%;

  margin-top: 11rem;

}

.a-tipi {

  background: url("images/Atipi.jpg");

  background-position: left 0% top 90%;

  background-size: cover;

  height: 100vh;

  width: 100%;

  position: relative;

}

.a-tipi p {

  position: absolute;

  top: 5rem;

  right: 10rem;

  font-size: 48px;

  color: black;

  background-color: rgba(0, 0, 0, 0);

}

.with-margin {

  margin-top: -1.3rem !important;

  margin-bottom: 2.1rem;

}

.inner-left {

  display: flex;

  justify-content: start;

  align-items: end;

  text-align: end;

  flex-direction: column;

  flex: 1;

}

.foto-1 {

  background: url("images/C06_R0.jpg");

  background-position: left 0% top 90%;

  background-size: cover;

  height: 466px;

  width: 915px;

}

.inner-right {

  display: flex;

  justify-content: start;

  align-items: start;

  text-align: start;

  flex-direction: column;

  flex: 1;

  margin-top: 8.6rem;

}

.container-belgrad {

  display: flex;

  justify-content: start;

  align-items: start;

  text-align: end;

  flex-direction: row;

  gap: 2rem;

  margin-top: 5rem;

}

/* .foto-2 {

  background: url("images/orta-1.jpg");

  background-position: left 0% top 90%;

  background-size: cover;

  height: 292px;

  width: 301px;

}

.foto-3 {

  background: url("images/orta-2.jpg");

  background-position: left 0% top 90%;

  background-size: cover;

  height: 430px;

  width: 592px;

} */


.foto-2 {
  background: url("images/orta-1.jpg");
  background-position: center;
  background-size: cover;
  height: 292px;
  flex: 1;
  min-width: 300px;
  /* Minimum genişlik */
}

.foto-3 {
  background: url("images/orta-2.jpg");
  background-position: center;
  background-size: cover;
  height: 430px;
  flex: 2;
  /* Daha geniş olması için */
  min-width: 300px;
  /* Minimum genişlik */
}


.belgrad-text {

  display: flex;

  justify-content: center;

  align-items: start;

  gap: 2rem;

}

.kemer-havuz-main {

  margin-top: -15rem;

  width: 100%;

  height: 100%;

}



.kemer-havuz {

  background: url("images/render.jpg");

  background-position: left 0% top 90%;

  background-size: cover;

  height: 100vh;

  width: 100%;

  margin-top: 19rem;

  position: relative;

}

.kemer-havuz img {

  position: absolute;

  top: -200px;

  left: 50px;

  background-color: rgb(0, 0, 0, 0);

}

.bottom-text {

  margin-top: 7rem;

}

.b-tipi-carousel {

  display: flex;

  justify-content: center;

  align-items: center;

  margin-top: -70px !important;

}

.b-tipi {

  background: url("images/Btipi.jpg") center;

  background-size: cover;

  height: 100vh;

  width: 96%;

  position: relative;

}

.b-tipi p {

  position: absolute;

  top: 5rem;

  right: 10rem;

  font-size: 48px;

  color: black;

  background-color: rgba(0, 0, 0, 0);

}

/*Fitness*/

.container-fitness {

  display: flex;

  justify-content: start;

  align-items: start;

  text-align: end;

  flex-direction: row;

  gap: 2rem;

  margin-top: 5rem;

}

.fitness-left {

  display: flex;

  justify-content: start;

  align-items: end;

  text-align: end;

  flex-direction: column;

  margin-top: 1rem;

  flex: 1;

}

.fitness-right {

  display: flex;

  justify-content: start;

  align-items: start;

  text-align: start;

  flex-direction: column;

  flex: 1;

}

.spor-image {

  background: url("images/spor.jpg") right;

  background-size: cover;

  height: 441px;

  width: 100%;

  position: relative;

  margin-top: 0.3rem;

}

.fitness-baslik {

  font-family: "Helvetica Neue";

  font-weight: bold;

  text-align: left;

  font-size: 48px;

  color: #000000;

  color: rgb(0, 0, 0);

}

.fitness-text {

  margin-top: 1rem;

  font-family: "Helvetica Neue";

  font-size: 25px;

  line-height: 45px;

  text-align: left;

  color: #000000;

  color: rgb(0, 0, 0);

}

.map {

  background: url("images/Varlık8.jpg") center center;

  height: 90vh;

  width: 96%;

  background-size: cover;

  margin-bottom: 2rem;

  margin-top: 5rem;

  position: relative;

}

.map img {

  position: absolute;

  top: -85px;

  right: 25px;

  background-color: rgba(0, 0, 0, 0);

}

.w-485 {

  width: 485px;

  height: 100%;

}

.w-704 {

  width: 704px;

  height: 100%;

}

.w-712 {

  width: 712px;

  height: 100%;

}

.w-674 {

  width: 674px;

  height: 100%;

}

.w-660 {

  width: 660px;

  height: 100%;

}

.w-682 {

  width: 546px;

  height: 100%;

}

.w-691 {

  width: 553px;

  height: 100%;

}

.w-680 {

  width: 544px;

  height: 100%;

}

.w-637 {

  width: 510px;

  height: 100%;

}

.w-567 {

  width: 454px;

  height: 100%;

}

.w-617 {

  width: 637px;

  height: 100%;

}

.w-606 {

  width: 606px;

  height: 100%;

}



.w-551 {

  width: 551px;

  line-height: 57.6px;

  height: 100%;

}

.margin-eksi {

  margin-top: -2rem !important;

}

.margin-artı {

  margin-top: 5rem;

}

.w-687 {

  width: 687px;

  height: 100%;

}

.w-693 {

  width: 693px;

  height: 100%;

}

.w-738 {

  width: 738.5px;

  height: 100%;

}

.w-548 {

  width: 548px;

  height: 100%;

}

.w-498 {

  width: 498.6px;

  height: 100%;

}

.w-716 {

  width: 716.8px;

  height: 100%;

}

.w-427 {

  width: 427px;

  height: 100%;

}

.w-587 {

  width: 587.5px;

  height: 100%;

}



@media screen and (max-width: 1176px) {

  .w-704 {

    margin-bottom: 5rem !important;

  }

  .carousel {

    justify-content: center;

    width: 100%;

  }

  .main {

    justify-content: center;

    align-items: center;

    width: 100%;

  }

  .kendo-main {

    justify-content: center;

    margin: 0;

    margin-left: 0;

    position: relative;

  }

  .konsept-projeler-black-line {

    width: 100%;

  }

  .konsept-projeler-black-line p {

    font-size: 45px;

  }

  .yeni-yasam {

    flex-direction: column;

  }

  .yeni-yasam-baslik {

    text-align: start;

    margin-left: 5%;

    margin-right: 5%;

    width: 90%;

    font-size: 32px;

  }

  

  .yeni-yasam-right-fotos {
    display: flex !important;
    flex-wrap: wrap;
    margin: auto;
    gap: 1rem;
  } 
 

  .yeni-yasam-text {

    margin-left: 5%;

    margin-right: 5%;

    width: 90%;

    margin-top: 0rem;

  }

  

  .yeni-yasam-hayaller-text {

    width: 100%;

    height: 100%;

    margin-top: 0rem;

    flex: 1;

    padding-left: 65px;


  }

  .carousel-orman {

    height: 100%;

    width: 100%;

    background-position: center;

  }

  .orman {

    flex-direction: column;

    justify-content: center;

    align-items: center;

    gap: 15px;

    height: 432px;

    width: 100%;

  }

  .orman-inner {

    width: 206px;

    margin: 0;

    height: 50px;

  }



  .orman-inner p {

    margin: 0;

  }



  .orman-black-line {

    width: 100%;

  }

  .orman-black-line img {

    margin-left: 5%;

    margin-right: 5%;

    height: auto;
    max-width: 90%;

  }

  .belgrad-text {

    flex-direction: column;

    width: 100%;

    height: 100%;

  }

  .belgrad-baslik {

    text-align: start;

    margin-left: 5%;

    margin-right: 5%;

    width: 90%;

    font-size: 28px !important;

    margin-top: 0rem;

  }

  .bl {
    line-height: 28px !important;
  }

  .mt-5 {
    margin-top: 0 !important;
  }

  .mb-8 {
    margin-bottom: 20px !important;
  }



  .kemer-orman {

    width: 100%;

    background-position: center center;

  }

  .gokturk {

    width: 100%;

    height: 100%;

    flex-direction: column;

    gap: 0;

  }

  .gokturk-baslik {

    text-align: start;

    margin-left: 5%;

    margin-right: 5%;

    width: 90%;

    font-size: 32px;

  }

  .gokturk-text {

    margin-left: 5%;

    margin-right: 5%;

    width: 90%;

  }



  .inner-left {

    flex-direction: column;

    gap: 0rem;

  }

  .inner-right {

    flex-direction: column;

    gap: 0rem;

  }



  .container-belgrad {

    display: flex;

    justify-content: start;

    align-items: start;

    text-align: start;

    flex-direction: column;

    gap: 0rem;

    margin-top: 0rem;

    width: 100%;

    height: 100%;

  }

  .foto-1 {

    height: 100%;
    min-height: 43vh;
    width: 100%;

  }

.container-belgrad .inner-right > .d-flex {
  flex-wrap: wrap;  
  gap: 1rem;
  padding: 1rem;
  margin: auto;
}

  .foto-2,
  .foto-3 {
    width: 100%;
    min-height: 250px;
    /* Mobilde minimum yükseklik */
    height: auto;
  }

  /* .foto-2 {

    height: 100%;
    width: 100%;

  }

  .foto-3 {

    height: 100%;

    width: 100%;

  } */

  .belgrad-text {

    flex-direction: column;

    height: 100%;

    width: 100%;

    margin-top: 1rem;

    margin-bottom: 1rem;

    gap: 0;

  }

  .container-fitness {

    flex-direction: column;

    height: 100%;

    width: 100%;

  }

  .spor-image {

    height: 100%;
    min-height: 45vh;
    width: 85%;
    margin-top: 0px 52px;
  }

  .fitness-left {

    flex-direction: column;

    height: 100%;

    width: 100%;

  }

  .fitness-baslik {

    margin-left: 5%;

    margin-right: 5%;

    width: 90%;

    font-size: 32px;

  }

  .fitness-text {

    margin-left: 5%;

    margin-right: 5%;

    width: 90%;

  }

  .w-674 {

    width: 90%;

  }



  .yeni-yasam-text {

    margin-top: 0rem;

  }

  .m-text-yasam {

    margin-top: 0rem !important;

  }

  .carousel-orman {

    margin-top: 0rem;

  }

  .gokturk-baslik {

    margin-top: 0rem;

  }

  .gokturk-text {

    margin-top: 0rem;

  }

  .inner-right {

    margin-top: 0rem !important;

  }

  .container-belgrad {

    margin-top: 0rem;

  }

  .with-margin {

    margin-top: 0rem !important;

    margin-bottom: 0rem;

  }

  .fitness-left {

    margin-top: 0rem;

  }

  .spor-image {

    margin-top: 0rem;

  }

  .container-fitness {

    gap: 0rem;

    margin-top: 0rem;

  }

  .map img {

    display: none;

  }

  .kemer-havuz img {

    display: none;

  }

  .gokturk img {

    display: none;

  }

  .kemer-orman img {

    display: none;

  }

  .kendo-orman img {
    left: -115px;
    /* display: none; */
    top: -193px;
    transform: scale(0.6);
  }

  p {

    line-height: 1.5 !important;

  }

  .gokturk-main {

    margin-top: -12rem;

  }

  .a-tipi {

    margin-bottom: 3rem;

  }

  .w-498 {

    margin-top: 2rem;

  }

  .main-inner {

    margin-left: 0rem;

  }

}


@media screen and (max-width: 425px) {
  
  
}

@media screen and (max-width: 756px) {
    .gokturk-baslik {
        font-size: 23px !important;
    }
    
}