/*!
 * 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;
}

.cid-ry6drk2Fr4 .carousel-caption {
    top: 40%;
}

.catsectionid26 .container {
          max-width: 100%;
}

.btn-info, .btn-info:active {
    background-color: #2599d5 !important;
    border-color: #00bcd4 !important;
    color: #fff !important;
}
h1, h2 {
    color: #2599d5 !important;
}
.btn-primary, .btn-primary:active {
    background-color: #2599d5 !important;
    border-color: #2599d5 !important;
    color: #fff !important;
}

/*!
BEYAZ LOGO İÇİN
 */
.menu .opened .menu-logo .navbar-brand .navbar-logo a {
	filter: initial;
}
.bg-color .menu-logo .navbar-brand .navbar-logo a {
    filter: brightness(0) invert(1);
}

/*!
BEYAZ LOGO İÇİN
 */

.header-social .social-list .soc-item-youtube, .header-social .social-list .soc-item-linkedin, .header-social .social-list .soc-item-twitter, .header-social .social-list .soc-item-facebook, .header-social .social-list .soc-item-instagram {
    background-color: #fffefe!important;
}

#slider-button {
      background-color: transparent !important;
    border-color: #ffffff !important;
    color: #fff !important;
}

.contentid13 > div > div > div.media-content > div.mbr-section-btn > a {
        background-color: transparent !important;
    border-color: #ffffff !important;
    color: #fff !important;
}

.contentid13 .container {
	max-width: 1480px;
}

#navbarSupportedContent > div.nav-bottom.justify-content-end-desktop > ul > li:nth-child(6) > a {
    background: #ff4f0f!important;
    background: linear-gradient(125deg, #ff4f0f, #ff1053);
    border-radius: 9px;
    margin-right: 10px !important;
    color:#fff!important;
}
#navbarSupportedContent > div.nav-bottom.justify-content-end-desktop > ul > li:nth-child(6) > a:hover {
    background: #ff4f0f!important;
    background: linear-gradient(125deg, #ff4f0f, #ff1053);
    border-radius: 9px;
    margin-right: 10px !important;
    color:#fff!important;
}

#navbar-buttons-phone {
      background-color: #f0f2ff !important;
    border-color: #ffffff !important;
    color: #273dc5 !important;
}


.mbr-section-btn a.btn:not(.btn-form) {
    border-radius: 10px;
}

/*! * sosyal medya iconlar */
.header-social .social-list .soc-item-youtube,
.header-social .social-list .soc-item-linkedin,
.header-social .social-list .soc-item-twitter,
.header-social .social-list .soc-item-facebook,
.header-social .social-list .soc-item-instagram {
    background-color: transparent;
    border: 1px solid #999999;
}

.header-social .social-list .soc-item-youtube span,
.header-social .social-list .soc-item-linkedin span,
.header-social .social-list .soc-item-twitter span,
.header-social .social-list .soc-item-facebook span,
.header-social .social-list .soc-item-instagram span{
    color: #a1a1a1;
}
/*! * sosyal medya iconlar */

#navbarSupportedContent > div.nav-bottom.justify-content-end-desktop > ul > li:nth-child(7) > a {
  background-color: #2b99d4;
    color: #fff!important;
   border-radius: 10px;
}


/*! * Kusursuz Kullanıcı Deneyimi! */

.contentid16 {
      padding-top: 40px;
    padding-bottom: 40px;
}


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


.contentid16 > div > div {
    display: flex;
    align-items: center;
    align-content: center;

}
.contentid16 h2 {
    color: #000000 !important;
    font-size: 2rem !important;
}
/*! * Kusursuz Kullanıcı Deneyimi! */





/*! * Ajans hizmetlerimiz */
.contentid14 h2 {
    color: #000000 !important;
    font-size: 2rem !important;
}
/*! * Kusursuz Kullanıcı Deneyimi! */




/*! * ana sayda : neler yapıyoruz */
.contentid15 {
      padding-top: 40px;
    padding-bottom: 40px;
}


.contentid15 .btn-info-outline, .btn-info-outline:active {
    background: 0 0;
    border-color: #ffffff;
    color: #ffffff;
}
.contentid15 h2 {
    color: #000000 !important;
    font-size: 2rem !important;
}
/*! * ana sayda : neler yapıyoruz */


/*! * ana sayda : web tasarim referanslari*/

    .contentid17 h1 {
        color: #000000 !important;
        font-size: 2rem !important;
        font-weight: 500;
    }

	.contentid17 .container {
            max-width: 1480px;
    }

	.contentid17 > div > div > div.mbr-figure {
              padding-right: 0rem;
    }

    .contentid17 > div > div {
          display: flex;
        align-content: center;
        align-items: center;
    }

/*! * ana sayda : web tasarim referanslari*/



/*! * ana sayda : blog*/
.BlogMainDate {
  display:none;
}
#main-blog > div > div > div.card-box > div {
  display:none;
}
.contentid18 {
  padding-bottom: 0px;
}
.contentid18 h2 {
    color: #000000 !important;
    font-size: 2rem !important;
}
/*! * ana sayda : blog*/





/*! * slider : kimlerle çalıştık*/

.contentid20 {
    padding-top: 1px;	
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.contentid20 h2 {
    color: #fff !important;
    font-size: 2rem !important;
      font-weight: 400;
}
.contentid20 .container {
          max-width: 90%;
}

.contentid20 > div > div {
  margin-top: -240px;
}

.contentid20 img {
  filter: brightness(0) invert(1)!important;
  transition: filter 0.3s ease!important;
}

/*! * slider : kimlerle çalıştık*/




/*! * ana sayda : kimlerle çalıştık*/
.contentid19 h2 {
    color: #000000 !important;
    font-size: 2rem !important;
}
.contentid19 .container {
          max-width: 100%;
}

/*! * ana sayda : kimlerle çalıştık*/



/*! * kategori : neler yapiyoruz*/
.contentid21 {
	    margin-top: 40px;
}

.contentid21 h2 {
    color: #000000 !important;
    font-size: 2rem !important;
}
.contentid21 .container {
          max-width: 100%;
}

/*! * kategori : neler yapiyoruz*/





/*! * ana sayda : neler yaptık? */
.MainPageProdList .container {
            max-width: 1480px;
    }


.MainPageProdList {
  background-color: #2699d5;
      padding-top: 40px;
}
.services1 h2 {
    color: #ffffff !important;
}

.services1 form {
    margin: 10px;
    padding: 0 !important;
}
.services1 .card-box {
	position: absolute;
    bottom: 30px;
    padding: 20px;
    z-index: 10;
}
.services1 h4 {
    position: absolute;
    z-index: 999999;
    bottom: 0;
    font-size: 1rem;
    color: #fff;
    text-align: left !important;
}
.services1 #tslidercontent0 > form > div > div.card-box > p.mbr-text.mbr-fonts-style.display-7.listdetail.text-center {
	color: #ffffff;
    position: absolute;
    bottom: 50px;
    background: #0000008f;
    padding: 5px;
}
@media screen and (max-width: 768px) { 
	
  .services1 #tslidercontent0 > form > div > div.card-box > p.mbr-text.mbr-fonts-style.display-7.listdetail.text-center {
    bottom: 80px;
}

}
.services1 #tslidercontent0 > form > div > div.card-box > div {
    display: none;
}





.card-wrapper {
  position: relative;
  overflow: hidden;
      border-radius: 30px;
}

.card-wrapper::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* Üst taraf saydam, alt taraf koyu (örnek: siyah tonlu) */
  background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 100%);
  transition: background 0.3s ease;
   z-index: 3;
   pointer-events: none; /* overlay tıklamayı engellemesin */
}

/* Hover efekti istersen */
.card-wrapper:hover::before {
  background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.75) 100%);
}

/* İçeriklerin overlay’in üstünde kalması için */
.card-wrapper > * {
  position: relative;
  z-index: 2;
}




.card-img img {
  transition: transform 0.5s ease;
  transform: scale(1);
}

/* Hover olunca sadece resim büyüsün */
.card-wrapper:hover .card-img img {
  transform: scale(1.1);
}
/*! * ana sayda : neler yaptık? */




/*! * detay sayfası */
#form4-7 > div > div > div > h1 {
      text-align: left !important;
    font-weight: 500;
}

#home > div > div > h2 {
  font-size: 1.6rem;
}
/*! * detay sayfası */


/*! * blog liste */
.product_details {
      background-color: #f8f8f8;
    padding-top: 40px;
}
.blog-list h2 {
    color: #000000 !important;
    font-size: 1.2rem !important;
}

/*! * blog liste */