/*
Theme Name: Eonfik
Author: Modina Theme
Author URI: https://themeforest.net/user/modinatheme/
Description: Construction HTML Template
Version: 2.0.0
*/

/*
=================================
|***    Table of contents:   ***|
=================================

Main Style file-> assets/css/main.css 

All the SCSS File in SCSS Folder of Assets Folder. You can read the doc file also for better understand.

// BASIC
@import 'basic';

// MIXIN
@import 'variables';

// TYPOGRAPHY
@import 'typography';

// MIX
@import 'mix';

// HELPER
@import 'helper';

// ICON FONTS
@import 'icon';

// ANIMATION
@import 'animation';

// Button 
@import 'btn';

// Colors 
@import 'colors';

// Preloader 
@import 'preloader';

/* ----------------------------------
    Template Section Styles
 ------------------------------------*/

 /* // Menu - Header Section 
 @import 'header';
 
 // Hero Slide - Section 
 @import 'hero';
 
 // Section Title - Heading 
 @import 'section';
 
 // About - Section 
 @import 'about';
 
 // Features - Section 
 @import 'features';
 
 // services - Section 
 @import 'services';
 
 // testimonial - Section 
 @import 'testimonial';
 
 // Portfolio - Cases - Section 
 @import 'project';
 
 // Price Table - Section 
 @import 'price';
 
 // Call To Action - Section 
 @import 'cta';
 
 // Content Block - Section 
 @import 'contentblock';
 
 // team - Section 
 @import 'team';
 
 // funfact - Section 
 @import 'funfact';
 
 // Download - Section 
 @import 'carousel';
 
 // FAQ - Section 
 @import 'faq';
 
 // Blog - Section 
 @import 'blog';
 
 // Contact Us - Section 
 @import 'contact';
 
 // footer - Section 
 @import 'footer';n facts */


 .project-card {
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 3px 10px rgba(0,0,0,0.1);
    transition: all 0.3s ease;
  }
  
  .project-card:hover {
    transform: translateY(-5px);
  }
  
  .project-image {
    position: relative;
    aspect-ratio: 1;
    overflow: hidden;
  }
  
  .project-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  
  .project-info {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.7);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  
  .project-info h5 {
    font-size: 1.1rem;
    margin-bottom: 0.5rem;
  }
  
  .project-info p {
    font-size: 0.9rem;
  }
  
  .project-info .btn {
    padding: 8px 20px;
    font-size: 0.9rem;
    transition: all 0.3s ease;
  }
  
  .project-info .btn:hover {
    background: #D6A76C;
    color: white;
  }
  
  .project-details {
    padding: 20px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
  }
  
  .carousel-inner img {
    height: 400px;
    object-fit: cover;
    border-radius: 10px;
  }
  
  .carousel-control-prev,
  .carousel-control-next {
    width: 40px;
    height: 40px;
    background: rgba(0,0,0,0.5);
    border-radius: 50%;
    top: 50%;
    transform: translateY(-50%);
  }
  
  @media (max-width: 768px) {
    .carousel-inner img {
      height: 300px;
    }
    
    .project-details {
      padding: 15px;
    }
    
    .spec-item {
      font-size: 0.85rem;
    }
  }


  /* Sağdaki çizgiyi engelle */
  .sponsors-section::after {
    display: none !important;
}




/* Varsa eski sağ sütunun görünmesini engelle */
.sponsor-right {
  display: none !important;
}

/* Ortalamayı garantiye almak için */
.sponsors-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}


 /* Contact Info Section Start  mobil uyumu */
@media (max-width: 768px) {
  .contact-info-items {
    flex-direction: column;
    text-align: center;
  }

  .contact-info-items .icon {
    margin-bottom: 10px;
  }

  .contact-info-items .content span,
  .contact-info-items .content h5 {
    display: block;
  }
}


.link-btn {
  display: inline-block;
  border: 2px solid var(--theme2); /* ya da istediğin bir renk */
  padding: 10px 20px;
  border-radius: 8px;
  text-decoration: none;
  color: var(--theme2); /* yazı rengi */
  transition: all 0.3s ease;
}

.link-btn:hover {
  background-color: var(--theme2);
  color: white;
}

/* iş baş vuru */
.job-application-form label {
  font-weight: 500;
  margin-bottom: 5px;
}

.job-application-form input,
.job-application-form textarea {
  border-radius: 6px;
  border: 1px solid #ccc;
  padding: 10px 12px;
  width: 100%;
  font-size: 1rem;
  font-family: inherit;
}

.job-application-form input[type="file"] {
  padding: 8px;
}

.job-application-form .btn-primary {
  background-color: #1F2A44;
  border: none;
  padding: 10px 20px;
  border-radius: 6px;
  font-weight: 600;
  font-size: 1.1rem;
  transition: background 0.3s ease;
  color: #fff;
  cursor: pointer;
}

.job-application-form .btn-primary:hover {
  background-color: #D6A76C;
  color: #fff;
}

@media screen and (max-width: 768px) {
  .job-application-form {
    padding: 15px;
  }
}



.hero-image {
  filter: brightness(2.5) contrast(1.4) saturate(1.3);
}

.header-content h5 a {
    text-transform: lowercase;
}