body {
    margin: 0px;
    padding: 0px;
    overflow-x: hidden;

   
    
    /* background-color: rgba(238, 231, 222, 0.712); */
    font-family: 'Nunito', sans-serif;
    
    background: rgb(7, 4, 0);
    background: linear-gradient(0deg, rgb(238, 169, 66) 0%, rgba(255,255,255,1) 100%);
}

    

.navbar {
    padding: 0;
}

.navbar .navbar-nav .nav-link {
    padding: 1em;
}


/* Add this CSS code to your stylesheet */

/* Initial style for the after effect */
.nav-item::after {
    content: "";
    display: block;
    width: 0;
    height: 2px;
  
    background-color: #f39913; /* Set the color of the after effect */
    transition: width 0.4s; /* Set the transition duration for the effect */
  }
  
  /* Hover effect */
  .nav-item:hover::after {
    width: 100%;
  }


  .modal-content{
    border: #d4a349 solid 2px;
    box-shadow: 0px 0px 30px -2px rgba(7, 7, 7, 0.61);
    box-shadow: 0px 0px 26px 5px rgba(56,56,56,1);

    /* background-color: #000000 ; */
   

}

.modal-content img {
    height: 350px;
    width: 450px;
    
    /* background-color: #000000 ; */
   

}

.line{

    width: 463px;
    height: 1px;
    background-color: #9e9e9e;
}




.image-container1 {
    box-sizing: border-box;
    
    display: block;
    width: 100px;
    max-width: initial;
    height: 90px;
    border: none;
    /* object-fit: cover; */
 }

 .appointment-button1 {
    width: 170px;
    height: 41px;
    align-items: center;
    justify-content: center;
    padding-right: 20px;
    padding-left: 20px;
    background-color: rgba(254,190,66,1);
    border-color: rgba(254,190,66,1);
    color: #ffffff;
 }



.konum{
  margin-left: 13%;
    
 }
 
.c-item {
    /* animation: fadeInRight 0.5s ease forwards; */
    height: 480px;
    margin-top: 40px;
   
}

.c-img {
   
    height: 100%;
   
    
} 

/* @keyframes fadeInRight {
    0% {
        opacity: 1;
        transform: translateX(10px);
    }

    100% {
        opacity: 1;
        transform: translateX(0px);

    }

} */

.carousel-control-next{

    background-color: rgb(54, 54, 54);
    height: 30px;
    width: 30px;
    /* margin-top: 11%; */
    margin-right: 5%;
    border-radius: 20px;
    
}


.carousel-control-next-icon{
 
    height: 15px;
    width: 15px;
    margin-left: 3px;
    

    
}

.carousel-control-prev{

    background-color: rgb(54, 54, 54);
    height: 30px;
    width: 30px;
    /* margin-top: 11%; */
    margin-left: 5%;
    border-radius: 20px;
}

.carousel-control-prev-icon{
 
    height: 15px;
    width: 15px;
    margin-right: 3px;
    

    
}

.indicate{
    display: flex;
    justify-content: center;
    padding: 30px;
}

.indicate button{
    margin: 0 10px;
    height: 10px;/*12*/
    width: 3px;/*8*/
    border-radius: 50%;
    border: 0px;
    background-color: rgb(216, 216, 216);
}

.indicate button.active {
    background-color: rgba(248, 188, 35, 1); /* Aktif düğme rengi - İhtiyaca göre değiştirilebilir */
    transform: scale(1.3);
  }



  .yer {
    
    position: relative;
    /* left: 0;
    right: 0;
    top: 0;
    bottom: 0; */

}

.line23 {
    position: absolute;
    max-width: 100%;
    width: 110%;
    /*100%*/
    height: 0px;
    left: 0px;
    top: 20px;
    right: 0px;
    border: 1px solid rgba(109, 109, 109, 0.041);
    ;
    transform: rotate(-15.08deg);
    z-index: -1;

}

.line19 {
    position: absolute;
    width: 50%;
    height: 0px;
    left: 50%;
    top: 40px;
    border: 1px solid rgba(143, 143, 143, 0.075);
    ;
    transform: rotate(-15.08deg);
    z-index: -1;

}

.line21 {
    position: absolute;
    width: 100%;
    height: 0px;
    left: 0px;
    top: 400px;
    border: 1px solid rgba(143, 143, 143, 0.075);
    ;
    transform: rotate(-15.08deg);
    z-index: -1;

}


.line25 {
    position: absolute;
    width: 100%;
    height: 0px;
    left: 0px;
    top: 62px;
    border: 1px solid rgba(143, 143, 143, 0.075);
    ;
    transform: rotate(15.08deg);
    z-index: -1;

}

.line22 {
    position: absolute;
    width: 80%;
    height: 0px;

    right: 0px;
    bottom: 130px;
    border: 1px solid rgba(143, 143, 143, 0.075);
    ;
    transform: rotate(15.08deg);
    z-index: -1;

}

.line24 {
    position: absolute;
    width: 40%;
    height: 0px;
    bottom: 25vh;
    right: 0px;
    
    border: 1px solid rgba(150, 148, 148, 0.103);
    ;
    transform: rotate(15.08deg);
    z-index: -1;

}

.form_i{
    /* width: 100px; */
    /* border: 1px solid rgba(0, 0, 0, 0.048); */
    /* box-shadow: 40px 40px #97979736; */
    margin-bottom: 5%;
    margin-top: 6%;
}

.isim{
    box-shadow: 10px 10px 5px rgba(223, 110, 46, 0.45);
}

.isim  input{
    height: 30px;
    background-color: rgba(255, 249, 229, 1) ;
}

.mesaj{
    box-shadow: 10px 10px 5px rgba(223, 110, 46, 0.45);
}

.mesaj textarea{
    background-color: rgba(235, 224, 195, 1) ;
}

.form_b{
    margin-bottom: 35%;
}

form button {
    border: 2px solid  #b1b1b16c !important;
}

.detay_baslik{
    color: #f39913;
    margin-top: 40px;
    
}

.detay{
   background-color: rgba(243, 221, 162, 1);
   /* width: 40%; */
   height: 200px;
   margin-top: 40px;
   margin-bottom: 20% !important;
   font-size:medium;
   position: relative;

}


.detay .yazi {

    margin-right: 30%;
    
}



.detay_yazi::after{
        
    content: "";
    position: absolute;
    width:20%;
    height: 100%;
    right: 0;

    background-color: rgb(253, 176, 31);
    clip-path: polygon(100% 0, 0% 100%, 100% 100%);
    
    
    
}

.detay_yazi2::after{
        
    content: "";
    position: absolute;
    width:32%;
    height: 100%;
    right: 0px;

    /* background-color: rgb(245, 181, 109); */
    background: linear-gradient(-10deg, rgba(252, 242, 211, 0.521) 0%, rgb(255, 196, 2) 100%);
    clip-path: polygon(68% 0%, 100% 0%, 38% 100%, 0 100%);
   

    
    
}






.img-wrapper{
    max-width: 100%;
    height: 17em;
}
    


 
 .ara{

    margin-top: 80px;
 }
 
  /* .copyright-container {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    gap: 19px;
    align-items: center;
    justify-content: flex-start;
    min-width: 1442px;
    height: 102px;
    padding-right: 20px;
    padding-left: 20px;
    background: var(--color-black-b553ade0);
 } */


 .footer{
    height: 200px;
    left: 0;
   bottom: 0;
    
  
 }

 .container-footer{
    height: 100px;
    max-height: 100% ;
    display: flex;
    flex-direction: row;
    gap: 19px;
    align-items: center;
    justify-content: flex-start;
    overflow-x: hidden;
   
 
    padding-right: 20px;
    padding-left: 20px;
    
    

}
.copyright-text2 {
    flex: 0 0 auto;
    padding: 0;
    margin: 0;
    
    color:#fff;
    white-space: pre-wrap;
 }
 
 .copyright-text1 {
    flex: 0 0 auto;
    padding: 0;
    margin: 0;
    
    color:#fff;
    white-space: pre-wrap;
 }
 
 .icon-container {

    width: 20px;
    height: 20px;
    
    color:#fff;
 }
 
 .copyright-text {
    flex: 0 0 auto;
    padding: 0;
    margin: 0 0 0 -19px;
    
    color:#fff;
    white-space: pre-wrap;
 }
 
 .legal-info {
    flex: 0 0 auto;
    padding: 0;
    margin: 0;
  
    color:#fff;
    white-space: pre-wrap;
 }
 
 .privacy-policy-heading {
    flex: 0 0 auto;
    padding: 0;
    margin: 0;
    
     color:#fff;
    text-decoration-line: underline;
    white-space: pre-wrap;
 } 

 .container-footer a:link{
    color: #fff;
 }

 .container-footer a:visited{
    color: #fff;
 }


 



/* KUCUK EKRAN ICIN BOYUTLANDIRMA*/

@media (max-width: 1200px) {

    .c-item {
        height: 320px;
        
    }

    .c-img {
   
        height: 100%;
        
        
    } 


   

}
@media (max-width: 767.98px) {

    .c-item {
        height: 220px;
        
    }

    .c-img {
   
        height: 100%;
        
        
    } 
    .indicate button{
        margin: 0 8px;
        padding: 4px;
        height: 8px;
        width: 8px;
        border-radius: 100%;
        border: 0px;
        background-color: rgb(216, 216, 216);
    }

    .collapse{
        padding-bottom: 8px;
    }

    .navbar-toggler-icon {
        background-color: #fff;
        
      }

      .navbar-toggler.active .navbar-toggler-icon {
        
        background-image: none;
        animation: rotateToClose 0.3s ease-in-out forwards;
        
        
      }

      .navbar-toggler.active {
        border-color: #fff;
       
        
      }
  
      .navbar-toggler:focus {
       box-shadow: none ;
      }


        
      .navbar-toggler.active .navbar-toggler-icon::before{
      content: '\00d7'; /* Unicode karakteri 'X' */
      color: #000000; /* İkon rengi */
      display:inline-block; /* X ikonunu göster */
      font-size: 1.9rem; /* İkonun boyutu */
      font-weight:bold;
      animation: rotateToClose 0.3s ease-in-out forwards;
 
      }

      @keyframes rotateToClose {
        0% {
          transform: rotate(0deg);
        }
        100% {
          transform: rotate(90deg);
        }
      }

      .yazi{
        font-size: 10px !important;
        margin-left: 0px !important;
        padding: 2px !important;
      }


}




@media (max-width: 600px) {

    .c-item {
        height: 200px;
        
    }

    .c-img {
   
        height: 100%;
        
        
    } 

    .indicate button{
        margin: 0 5px;
        padding: 4px;
        height: 4px;
        width: 4px;
        border-radius: 50%;
        border: 0px;
        background-color: rgb(216, 216, 216);
    }

    .carousel-control-next{

        
        height: 20px;
        width: 20px;

        
    }


    .carousel-control-next-icon{
 
        height: 15px;
        width: 15px;
        margin-left: 3px;
        

        
    }
    
    .carousel-control-prev{
    
        
        height: 20px;
        width: 20px;

    }

    .carousel-control-prev-icon{
    
        height: 15px;
        width: 15px;
        margin-right: 3px;

    }

}


@media (max-width: 650px) {



    .footer{
        height: 300px;
        margin-bottom: 0 ;
        
     }
    
     .container-footer{
        display:contents;
        height: 300px;
        justify-content: center;
        
        
       
        
        
        
    
    }
     
     .copyright-text1 {
      
        display: none;
        

     }
     
     .icon-container {
    
        width: 20px;
        height: 20px;
        
        color:#fff;
        padding: 10px;
        margin: 10px;
     }
     
     .copyright-text {
        
        padding: 10px;
        margin: 10px;
 
    
     }

     .copyright-text2 {
      
        padding: 10px;
        margin-bottom: 10px;
        margin-left: 10px;
        

     }
     
     .legal-info {
 
        padding: 10px;
        margin: 10px;
      

     }
     
     .privacy-policy-heading {
    
        padding: 10px;
        margin: 0 0 0 10px;
        

     } 

}

@media (min-width: 1600px) {

    .detay{
       width: 40%;
    }
    
}