/*!
 * ZeplinGo
 * Custom css
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) ZeplinGo
 */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

a, b, blockquote, body, canvas, caption, code, div, em, embed, fieldset, figure, footer, form, h1, h2, h3, h4, h5, h6, header, html, iframe, img, label, li, main, nav, object, ol, p, pre, section, small, span, strike, strong, sub, sup, table, tbody, td, tfoot, th, thead, tr, tt, u, ul, video {
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    text-size-adjust: none;
    font-family: "Montserrat", sans-serif!important;
}


.CorporationContent {
    background-color: #ffffff;
}

.MainPageProdList {
      background-color: #ffffff;
}

.btn-info, .btn-info:active {
    background-color: #d11d29!important;
    border-color: #d11d29!important;
    color: #fff!important;
}

button.navbar-toggler .hamburger span {
    background-color: #d11d29!important;
}

.contentid14 .btn-info-outline, .btn-info-outline:active {
    background: 0 0;
    border-color: #ffffff;
    color: #ffffff;
}



#categories-body #services1-5 > div > div > div > div > div > a > h2 {
  font-size: 1.2rem!important;
}


/* Slider container için pozisyon ayarı */
.carousel.slide {
   /* position: relative;
    overflow: hidden; */
}

/* Dalga efekti */
.carousel.slide::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0%;
    width: 100%;
    height: 150px;
    background-image: url('https://www.akarsan.net/uploads/bg-wave1.svg');
    background-size: contain;
    background-repeat: repeat-x;
    background-position: bottom;
    z-index: 2;
}

/* Dalga efekti */
.header3::after {
    content: '';
    position: absolute;
    bottom: -10px;
    left: 0%;
    width: 100%;
    height: 150px;
    background-image: url('https://www.akarsan.net/uploads/bg-wave1.svg');
    background-size: contain;
    background-repeat: repeat-x;
    background-position: bottom;
    z-index: 2;
}
/* Dalga efekti */
.header3::before {
    content: '';
    position: absolute;
    top: -35px;
    left: 0%;
    width: 100%;
    height: 150px;
    background-image: url('https://www.akarsan.net/uploads/bg-wave1_ters.svg');
    background-size: contain;
    background-repeat: repeat-x;
    background-position: bottom;
    z-index: 2;
}

.header3 img {
    border-radius: 40px;
}
.mbr-section-title {
    font-weight: 500;
}

/* Mobil için düzenleme */
@media (max-width: 768px) {
    .carousel.slide::after {
        left: -150%;
        width: 400%;
    }
}

/* Geniş ekranlar için ek düzenleme */
@media (min-width: 1920px) {
    .carousel.slide::after {
        left: -150%;
        width: 400%;
    }
}

/*!
     * iconlar
     */
.contentid26 {
    margin-top: 20px;
}

@media screen and (max-width: 768px) {
    .contentid15 {
        margin-top: 20px;
    }
}


    .contentid26 {
            padding: 0px 0px 50px 0px;
          min-height: 200px;
    }


    .contentid26 .container .media-container-row {
        /* margin-top: -100px */

    }

    .contentid26 .container .media-container-row > div:nth-child(1){
        -webkit-box-shadow: 0 0 10px 1px rgb(53 53 53 / 10%);
        -moz-box-shadow: 0 0 10px 1px rgba(53,53,53,.1);
        box-shadow: 0 0 10px 1px rgb(53 53 53 / 10%);
          margin: 10px!important;
	      background: linear-gradient(3deg, rgba(255,255,255,1) 40%, rgba(255,255,255,0.7819721638655462) 100%);
          min-height: 320px;
          border-bottom: solid 5px #d11d29;
    	border-radius: 30px 30px 0px 0px;
          box-shadow: 0px 0px 40px 10px #4444557d;

      
    }

    .contentid26 .container .media-container-row > div:nth-child(2){
        -webkit-box-shadow: 0 0 10px 1px rgb(53 53 53 / 10%);
        -moz-box-shadow: 0 0 10px 1px rgba(53,53,53,.1);
        box-shadow: 0 0 10px 1px rgb(53 53 53 / 10%);
          margin: 10px!important;
		  background: linear-gradient(3deg, rgba(255,255,255,1) 40%, rgba(255,255,255,0.7819721638655462) 100%);
          min-height: 320px;
          border-bottom: solid 5px #d11d29;
	      border-radius: 30px 30px 0px 0px;
          box-shadow: 0px 0px 40px 10px #4444557d;

    }

    .contentid26 .container .media-container-row > div:nth-child(3){
        -webkit-box-shadow: 0 0 10px 1px rgb(53 53 53 / 10%);
        -moz-box-shadow: 0 0 10px 1px rgba(53,53,53,.1);
        box-shadow: 0 0 10px 1px rgb(53 53 53 / 10%);
          margin: 10px!important;
		  background: linear-gradient(3deg, rgba(255,255,255,1) 40%, rgba(255,255,255,0.7819721638655462) 100%);
	      min-height: 320px;
          border-bottom: solid 5px #d11d29;
	      border-radius: 30px 30px 0px 0px;
          box-shadow: 0px 0px 40px 10px #4444557d;
    }

    .contentid26 .container .media-container-row > div:nth-child(4){
        -webkit-box-shadow: 0 0 10px 1px rgb(53 53 53 / 10%);
        -moz-box-shadow: 0 0 10px 1px rgba(53,53,53,.1);
        box-shadow: 0 0 10px 1px rgb(53 53 53 / 10%);
          margin: 10px!important;
		  background: linear-gradient(3deg, rgba(255,255,255,1) 40%, rgba(255,255,255,0.7819721638655462) 100%);
          min-height: 320px;
          border-bottom: solid 5px #d11d29;
	      border-radius: 30px 30px 0px 0px;
          box-shadow: 0px 0px 40px 10px #4444557d;

    }

    .contentid26 .card-title {
    font-size: 1rem;
    font-weight: 600;
    
    }

    .contentid26 .card:hover {
    transform: scale(1.1);
    background-color: #cfffff !important;
    scroll-behavior: smooth;
    border: solid #d11d29;
          cursor: pointer;
    }



       @media (max-width:992px) {
        

    .contentid26 .container .media-container-row > div:nth-child(1){ margin: 0px!important;}
    .contentid26 .container .media-container-row > div:nth-child(2){ margin: 0px!important;}
    .contentid26 .container .media-container-row > div:nth-child(3){ margin: 0px!important;}
    .contentid26 .container .media-container-row > div:nth-child(4){ margin: 0px!important;}
      

    }

    /*!
     * iconlar
     */

    .contentid26 {
        -webkit-animation: slide-in-bottom 2s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.1s both;
                animation: slide-in-bottom 2s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.1s both;
    }



.header3 .fa {
  font-size: 2.5rem;
    margin-bottom: 10px;
}

.contentid20 .fa {
  font-size: 2.5rem;
    margin-bottom: 10px;
}




.header3 {
    position: relative;
    overflow: visible;
}

.header3 .mbr-figure {
    position: relative;
    z-index: 10;
}

.header3 .mbr-figure img {
    position: relative;
    width: 100%;
    transition: transform 0.3s ease-out;
    will-change: transform;
    backface-visibility: hidden; /* Daha pürüzsüz animasyon için */
}

.header3 .media-content {
    position: relative;
    z-index: 5;
}