.carousel-banner {
     text-transform: uppercase;
     font-size: 9rem;
     color: rgba(255, 255, 255, 0.329);
     font-weight: bold;
     transform: rotate(270deg);
     position: absolute;
     right: -9rem;
     top: -25rem;
 }

 .social-content::after {
     content: '';
     position: absolute;
     height: 300px;
     border-right: 1px solid #ccc;
     left: 10px;
 }

 .footer-horizontal-line {
     border-bottom: 1px solid #ccc;
     /* width: 1400px; */
     display: flex;
     flex-direction: row;
     justify-content: center;
 }

 .footer-content {
     background-color: #202020;
     color: white;
     background-image: url("https://apc.mikroarea.com/themes/default/assets/img/footer-icon.png");
     background-repeat: no-repeat;
     background-position: left center;
     background-size: contain;
 }

  .apcuretim:first-child .production-content {
     color: white;
     background-color: #202020;
     min-height: 35rem;
 }
.apcuretim:nth-child(2n) {
    flex-direction: row-reverse;
}
.apcuretim:first-child .production-content a {
text-decoration: none; color: white
}
 .card-system {
     position: relative;
     transition: all 0.5s ease-in;
 }

 .card__image {
     display: block;
     width: 100%;
     height: auto;
 }

 .card__overlay {
     position: absolute;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
     height: 100%;
     width: 100%;
     visibility: none;
     transition: 0.5s ease;
     background-color: rgba(0, 0, 0, 0.288);
 }

 .overlay__text {
     color: white;
     font-size: 20px;
     position: absolute;
     top: 80%;
     left: 50%;
     width: 80%;
     -webkit-transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
     text-align: center;
 }

 .overlay__text-2 {
     color: white;
     font-size: 20px;
     position: absolute;
     top: 87%;
     left: 50%;
     width: 80%;
     -webkit-transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
     text-align: center;
 }

 .title-container {
     padding-left: 10rem;
     padding-right: 10rem;
 }

 .social-content {
     position: absolute;
     z-index: 998;
     bottom: 7rem;
     left: 5rem;
 }

 .header {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     z-index: 999;
 }

 .carousel-caption {
     position: absolute;
     bottom: 0rem;
     left: 10rem;
     width: 100%;
 }

 .carousel-title {
     font-size: 2rem;
     font-weight: 100;
 }

 .carousel-subtitle {
     font-size: 2rem;
     font-weight: 700;
 }

 .carousel-link,
 .carousel-link:hover {
     color: white;
     text-decoration: none;
 }

 .blur-title {
     color: transparent;
     text-shadow: 5px 5px 10px rgba(0, 0, 0, 0.11);
     letter-spacing: normal;
     font-size: 3rem;
     position: relative;
     top: 2rem;
 }

 .overlay {
     position: absolute;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
     height: 100%;
     width: 100%;
     transition: 0.5s ease;
     background: rgb(255, 255, 255);
     background: linear-gradient(0deg,
         rgba(255, 255, 255, 0.15449929971988796) 0%,
         rgba(0, 0, 0, 0.49343487394957986) 95%);
 }

 .slider-1-indicator {
     position: absolute;
     left: 75rem;
     bottom: 2rem;
 }

 .slider-1-indicator>button {
     height: 25px !important;
     width: 25px !important;
     border-radius: 50% !important;
 }

 .carousel-indicators [data-bs-target] {

     border: 1px solid white;
     background-color: transparent;
 }

 .carousel-indicators .active {
     background-color: white;
 }

 .social-list {
     padding: 0;
     list-style-type: none;
 }

 .footer-social-item {
     background-color: white;
     border-radius: 50%;
     width: 2rem;
     height: 2rem;
     text-align: center;
     padding:8px 0 6px 0;
 }

 .footer-social-item>a {
     color: #202020;
     text-decoration: none;
 }

 .footer-link,
 .footer-link:hover {
     color: white;
     text-decoration: none;
 }

 #owl-system>.owl-nav,
 #owl-projects>.owl-dots {
     display: none;
 }

 #owl-system>.owl-dots {
     position: absolute;
     top: -4rem;
     right: 0rem;
     width: 400px;
 }

 #owl-system>.owl-dots>button.active>span {
     width: 25px;
     height: 25px;
     border: 1px solid #ccc;
     background-color: #ccc;
 }

 #owl-system>.owl-dots>button>span {
     width: 25px;
     height: 25px;
     background-color: transparent;
     border: 1px solid #ccc;
 }

 #owl-news .owl-nav {
     display: none;
 }

 #owl-news>.owl-dots {
     position: relative;
     bottom: 12rem;
     left: -4rem;
     width: 400px;
 }

 #owl-news>.owl-dots>button.active>span {
     width: 25px;
     height: 25px;
     border: 1px solid #ccc;
     background-color: #ccc;
 }

 #owl-news>.owl-dots>button>span {
     width: 25px;
     height: 25px;
     background-color: transparent;
     border: 1px solid #ccc;
 }

 .footer-line {
     border-right: 1px solid #ccc;
     border-left: 1px solid #ccc;
 }
.header.sticky {
    position: fixed;
    background: black;
}
.card__overlay:hover {
    background: rgba(0, 0, 0, 0.088);
}
 @media screen and (min-width: 0px) and (max-width: 576px) {
     .header {
         position: static;
         background-color: #202020;
     }

     .carousel-caption {
         position: absolute;
         top: 3rem;
         text-align: center;
         width: 100%;
         left: 0.3rem;
     }

     .carousel-title {
         font-size: 2rem;
     }

     .carousel-subtitle {
         font-size: 1.5rem;
     }

     .logo {
         width: 180px;
     }

     .blur-title {
         letter-spacing: normal;
         font-size: 1rem;
         position: static;
     }

     .title-container {
         padding-left: 0.5rem;
         padding-right: 0.5rem;
     }

     #owl-system>.owl-dots,
     #owl-news>.owl-dots {
         display: none;
     }

     .footer-line {
         border-right: none;
         border-left: none;
     }

     .footer-content {
         background-position: 212% bottom;
         background-size: 130%;
     }

     .footer-horizontal-line {
         display: none;
     }
 }

 @media screen and (min-width: 576px) and (max-width: 768px) {
     .header {
         position: static;
         background-color: #202020;
     }

     .title-container {
         padding-left: 1rem;
         padding-right: 1rem;
     }

     #owl-system>.owl-dots {
         position: relative;
         bottom: 30rem;
         left: 25rem;
         width: 400px;
     }

     .footer-content {
         background-position: -10rem bottom;
         /* background-size: 250px; */
     }

     .carousel-caption {
         position: absolute;
         top: 7rem;
         text-align: center;
         width: 100%;
         left: 0.3rem;
     }

     .footer-horizontal-line {
         display: none;
     }


    .navbar-nav a.nav-link.nav-line {
        padding: 0.5rem 0;
        border-bottom: 1px solid white;
        width: 100%;
    }

    li.nav-item .megamenu {
        position: relative !important;
    }

    .megamenu {
        padding: 0.5rem 0;
    }

    ul.navbar-nav {
        border-top: 2px solid white;
        z-index: 99999999;
    }

    .navbar-nav li:last-child a {}

     

ul.submenu {
    position: relative;
    width: 100%;
}

ul.submenu a {
    max-width: 100%;
}

 }

.search-mod {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #000000de;
    z-index: 99999999;
}

.search-mod form {
    top: 20%;
    position: relative;
    margin: auto;
    width: fit-content;
}

.search-mod form input {
    width: 49rem;
    padding: 1rem;
    border-radius: 0.5rem 0 0 0.5rem;
    border: none;
}


a.close-search {
    position: absolute;
    right: 2rem;
    top: 0rem;
    font-size: 4rem;
    color: white;
    text-shadow: 3px 1px 1px black;
}

.search-mod form button {
    padding: 1rem;
    border: none;
    background: white;
    border-radius: 0 0.5rem 0.5rem 0;
}

.sticky .search {
    padding: 2rem 0 0;
}

 @media screen and (min-width: 768px) and (max-width: 992px) {
     .header {
         position: static;
         background-color: #202020;
     }

    .navbar-nav a.nav-link.nav-line {
        padding: 0.5rem 0;
        border-bottom: 1px solid white;
        width: 100%;
    }

    li.nav-item .megamenu {
        position: relative !important;
    }

    .megamenu {
        padding: 0.5rem 0;
    }

    ul.navbar-nav {
        border-top: 2px solid white;
        z-index: 99999999;
    }

    .navbar-nav li:last-child a {}

     .title-container {
         padding-left: 1rem;
         padding-right: 1rem;
     }

     #owl-system>.owl-dots {
         display: none;
     }

     .footer-content {
         background-position: -6rem bottom;
         /* background-size: 250px; */
     }

     .carousel-caption {
         position: absolute;
         top: 10rem;
         text-align: center;
         width: 100%;
         left: 0.3rem;
     }

     .footer-horizontal-line {
         display: none;
     }


ul.submenu {
    position: relative;
    width: 100%;
}

ul.submenu a {
    max-width: 100%;
}

     
 }

 @media screen and (min-width: 992px) and (max-width: 1200px) {
     #owl-system>.owl-dots {
         display: none;
     }

     .title-container {
         padding-left: 1rem;
         padding-right: 1rem;
     }

     .carousel-caption {
         position: absolute;
         top: inherit;
         text-align: center;
         width: 100%;
         left: 9rem;
     }

     .footer-content {
         background-position: left bottom;
         /* background-size: 350px; */
     }

     .footer-line {
         border-right: none;
         border-left: none;
     }

     .footer-horizontal-line {
         display: none;
     }
 }

 @media screen and (min-width: 1200px) and (max-width: 1400px) {
     #owl-system>.owl-dots {
         left: 50rem;
         bottom: 32rem;
     }

     .footer-horizontal-line {
         display: none;
     }

     .slider-1-indicator {
         left: 45rem;
     }

     .footer-content {background-image: url(https://apc.mikroarea.com/themes/default/assets/img/footer-icon.png);background-repeat: no-repeat;background-position: left bottom;/* background-size: 330px; */}


 }

div#galleryproje {
    max-height: 600px;
    overflow: scroll;
}