.galeri-kutusu {
     height: 300px;
     /* Burayı istediğin yüksekliğe ayarla */
     width: 100%;
     overflow: hidden;
     /* Dışarı taşan kısımları gizler */
     border-radius: 0.25rem;
     /* Bootstrap rounded ile uyum için */
 }

 .galeri-kutusu img {
     width: 100%;
     height: 100%;
     object-fit: cover;
     /* RESMİ KESER AMA ASLA BOZMAZ VE KUTUYA TAM OTURTUR */
     object-position: center;
 }

 .custom-galeri-img {
     width: 100%;
     /* Sütun genişliğini tam kapla */
     height: 300px;
     /* İki resmin de yüksekliğini burada eşitledik */
     object-fit: cover;
     /* Sihirli dokunuş: Resmi bozmadan kutuya sığdırır ve fazlalığı kırpar */
     display: block;
     border-radius: 0.95rem;
 }

 /* Mobilde (küçük ekranlarda) resimlerin çok uzun görünmemesi için yüksekliği azaltabilirsin */
 @media (max-width: 768px) {
     .custom-galeri-img {
         height: 250px;
     }
 }

 .col-md-6 {
     padding-left: 5px !important;
     padding-right: 5px !important;
 }

 .btn-modern {
     /* Temel Şekil */
     display: inline-flex;
     align-items: center;
     padding: 12px 30px;
     background: linear-gradient(45deg, #605465, #892a12);
     /* Mor-Mavi geçiş */
     color: white !important;
     font-weight: 600;
     text-decoration: none !important;
     border-radius: 50px;
     /* Tam yuvarlak köşeler */

     /* Modern Gölgelendirme */
     box-shadow: 0 4px 15px rgba(219, 52, 52, 0.3);
     transition: all 0.3s ease;
     /* Hareketlerin yumuşak olması için */
     border: none;
     cursor: pointer;
 }

 .btn-modern:hover {
     /* Üzerine gelince biraz yukarı kalksın ve parlasın */
     transform: translateY(-3px);
     box-shadow: 0 8px 25px rgba(219, 52, 52, 0.5);
     background: linear-gradient(45deg, #605465, #892a12);
     color: white !important;
 }

 .btn-modern:active {
     /* Tıklayınca hafifçe basılma hissi */
     transform: translateY(-1px);
 }

 .btn-modern span {
     margin-right: 10px;
 }