body {

  margin: 0;

  padding: 0;

  max-width: 100%; 

  box-sizing: border-box;

  background-color: black;

  -webkit-font-smoothing: antialiased;

} 

  

body > div {

  overflow-x: hidden;

  overflow-y: hidden;

}

a {

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

  text-decoration: none;

}







.carousel-5 {

  height: 100vh;

}



/* .nav-containerDiv input[type="checkbox"]:checked ~ .menu-items {

} */

.nav-menu-div {

  display: flex;

  justify-content: center;

  align-items: start;

  margin-top: 2rem;

  margin-bottom: 1.5rem;

  gap: 10px;

  flex-wrap: wrap;
  

}

.outer-box-div {

  flex: 1;

  height: 550px;

  width: 550px !important;

  display: flex;

  justify-content: center;

  align-items: center;

  background-size: cover;

  min-width: 550px;

  max-width: 550px;

}

.inner-box-div {

  width: 177px;

  height: 173px;

  background: rgba(0, 0, 0, 0.7);

  flex-direction: column;

  display: flex;

  justify-content: space-evenly;

  align-items: center;

}

.inner-box-div p {

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

  color: white;

  font-size: 28px;

  margin-bottom: 0px;

  margin-top: 3px;

  letter-spacing: 1.12px;

}

.nav-body-div {

  display: flex;

  justify-content: center;


  align-items: center;
  height: 85vh;

}

.inner-menu-item {

  width: 151px;

  height: 114px;

  border: 1px solid white;

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

  display: flex;

  justify-content: center;

  align-items: center;

  text-align: center;

  margin-bottom: 1rem;

}

.inner-menu-item p {

  

  font-weight: bold;

  font-size: 17px !important;

  line-height: 20.57px;

  letter-spacing: 0.68px;

  font-weight: 500;

  color: #ffffff;

  color: rgb(255, 255, 255);

}

.kurumsal {

  background: url("images/Kendogorseller-05.jpg") center center;

  transition: filter 0.5s; /* Grayscale değişim süresi (0.5 saniye) */

}

.konsept-projeler {

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

  transition: filter 0.5s; /* Grayscale değişim süresi (0.5 saniye) */

}

.kentsel-donusum {

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

  transition: filter 0.5s; /* Grayscale değişim süresi (0.5 saniye) */

}

.guvenli-guclendirme {

  background: url("images/ood-3.jpg") center center;

  transition: filter 0.5s; /* Grayscale değişim süresi (0.5 saniye) */

}

.kurumsal,

.konsept-projeler,

.kentsel-donusum,

.guvenli-guclendirme {

  background-size: cover;

  -webkit-filter: grayscale(1);

  filter: grayscale(1);

  transition: 2s;

  animation-timing-function: ease-in-out; /* Grayscale değişim süresi (0.5 saniye) */

}

.kurumsal:hover {

  -webkit-filter: grayscale(0);

  filter: grayscale(0);

}

.konsept-projeler:hover {

  filter: grayscale(0);

}

.kentsel-donusum:hover {

  filter: grayscale(0);

}

.guvenli-guclendirme:hover {

  filter: grayscale(0);

}

&:has(.kurumsal-item:hover) .kurumsal {

  filter: grayscale(0);

}

&:has(.konsept-projeler-item:hover) .konsept-projeler {

  filter: grayscale(0);

}

&:has(.kentsel-donusum-item:hover) .kentsel-donusum {

  filter: grayscale(0);

}

&:has(.guvenli-guclendirme-item:hover) .guvenli-guclendirme {

  filter: grayscale(0);

}



.home {

  height: 100vh;

  position: relative;

  width: 100%;

}



video {

  position: absolute;

  width: 100%;

  height: 100%;

  object-fit: cover;

}


.vid
{
  z-index: 10000;
  background-color: transparent;
  width: 100px;
  height: 100px;
  position: absolute;
  top: 85%;
  left: 47%;
}


.btn:focus,.btn:active:focus,.btn.active:focus,

.btn.focus,.btn:active.focus,.btn.active.focus {

    outline: none !important;border:0;

}



.btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active{

  border-color:#000;  outline: none !important;border:0;

}



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



  .modal .modal-dialog-aside{

    width: 100%;

    max-width: 100%;height: 100%; margin:0;

    transform: translate(0); transition: transform .2s;

   }



  .vid {

    display: none;

  }

  .nav-menu-div {

    margin-top: 0rem;

    gap: 10px;

  }

}



.homemobil {

  display: none;

}



@media (max-width: 768px) {

  .home {

      display: none;

  }  



  .homemobil {

      height: 100vh;

      position: relative;

      display: block;

  }

  #footer{
    margin-bottom: 150px !important;
  }


  .whatsapp-icon {
      position: sticky;
      bottom: 71.5px !important;
      right: 25px;
      z-index: 1000;
      transition: all 0.3s ease;
  }

  #footer img{
    height: auto !important;

  }

}





@media screen and (min-width: 1390px) and (max-width: 1800px) {



  .outer-box-div {

    flex: 1;

    height:450px;

    width: 450px !important;

    display: flex;

    justify-content: center;

    align-items: center;

    background-size: cover;

    min-width: 450px;

    max-width: 450px;

  } 

}







@media screen and (min-width: 768px) and (max-width: 1390px) {



  .outer-box-div {

    flex: 1;

    height:250px;

    width: 250px !important;

    display: flex;

    justify-content: center;

    align-items: center;

    background-size: cover;

    min-width: 250px;

    max-width: 250px;

  } 

}





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

  .outer-box-div {

    flex: 1;

    height:200px;

    width: 350px !important;

    display: flex;

    justify-content: center;

    align-items: center;

    background-size: cover;

    min-width: 350px;

    max-width: 350px;

  } 

 

  .footerlogo{margin-left: 0 !important;}

  .footerlogo img{height: 55px !important;}



    #socialmedia {
      width: 100%;
      text-align: center;
      justify-content: center !important;
      margin-top: 10px;
      margin-bottom: 50px;  }
}



/*new css*/




#footer {
  /*position: fixed;*/
  bottom: 0;      
  left: 0;        
  right: 0;       
  height: 20vh !important;
}

/*.nav-body-div {

  display: flex;
  justify-content: center;
  align-items: center;
  height: 80vh;
}*/