/*
Theme Name: Multi-Sitem-TR
Theme URI: https://multiyazilim.com
Author: Multi Yazılım
Author URI: https://multiyazilim.com
Version: MultiSite TR
*/

.mobile-header{display:none}
html { overflow-x:hidden; scroll-behavior: smooth; }
body { margin:0; padding:0;background: linear-gradient(90deg, rgba(255, 255, 255, 0.77) 0%, rgba(255, 255, 255, 0.79) 100%), url(/wp-content/uploads/2025/07/takavci-back.jpg);background-size:cover;background-repeat:no-repeat; font-family: 'Exo 2', sans-serif;    font-weight: 400;    overflow-x: hidden;}

h1, h2, h3, h4, h5, ul, ol, img, a, p { margin:0; padding:0; list-style:none; text-decoration:none;border:none; outline:none; }
a { transition: all .2s linear; }
/*net fotolar*/

img {image-rendering: -webkit-optimize-contrast !important;}


.header {z-index: 5;position: absolute;width: 100%;z-index: 2;display: flex;justify-content: center;background-color: #ffffff82;backdrop-filter: blur(0.4vw);border-bottom: 0.1vw solid #fff;height: 7vw;}
.header .header-alt {height: 8vw;display: flex;position: relative;align-items: center;justify-content: center;width: 100%;}
.header .sosyal {display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;position: relative;gap: 1vw;/*gap: 2.5vw;margin-right: 4.7vw;*/}
/*.header .sosyal a {display: flex;font-size: 1.3vw;float: left;color: #000000;transition: all ease-in-out 0.3s;}*/
.header .sosyal a {color: #000; transition: all ease-in-out 0.3s; border: 0.1vw solid #000000a1; padding: 0.3vw; border-radius: 100%; width: 1.7vw; height: 1.7vw; display: flex ; font-size: 1.2vw; align-items: center; justify-content: center;}

.header .sosyal a:last-child{margin-right:0;}
.header .sosyal a:hover{color:#e20c13;border:0.1vw solid #e20c13ab;transition: all ease-in-out 0.3s;}
.header .beyaz-logo {display:none;}
.header .siyah-logo {display:flex;}
.header .menu-item a {color: #5d5d5d;text-decoration: none;font-weight: 600;}
.header .menu-item > a.active:not(.dropdown .menu-item a.active) {
    color: #cb181a;
}
.header #menu  {width: 100%;height: 100%;cursor: pointer;display: flex;justify-content: center;align-items: center;}
.header .navbar {height: 100%;display: flex;justify-content: space-between;align-items: center;width: 75%;margin: 0 auto;}
.header .menu-item {height: 100%;float: left;position: relative;font-size: 0.9vw;transition: 0.6s all;text-align: center;}
.header .menu-item a{height: 100%;display:block;transition:0.2s;display: flex;align-items: center;justify-content: center;}
.header .menu-item a:hover{color:#cb181a;transition:0.2s;}

.header .logo img {width: 11.1vw;}
.header .mermer-btn {background: #cb181a;border-radius: 0.5vw;height: 2.1vw;width: 6.7vw;margin-left: 0vw;padding: 0 1vw;}
.header .mermer-btn a{color:#fff;transition: all ease-in-out 0.3s;}
.header .mermer-btn a:hover {color: #000000;transition: all ease-in-out 0.3s;}
/*.header .dropdown {display: flex;width: 13vw;height: 11vw;background-color: #46779b;opacity: 0;visibility: hidden;transition-delay: 0.2s;z-index: 6;border-bottom-right-radius: 0.6vw;border-bottom-left-radius: 0.6vw;margin-left: -0.7vw;transition: all .3s linear;align-items: flex-start;justify-content: center;flex-direction: column;}
.header .dropdown>.menu-item {text-align: left;font-size: 0.9vw;padding-left: 2vw;height: auto;margin: 0.3vw 0;width: auto;font-weight: 500;}
.header .dropdown>.menu-item a{color: #fff;}
.header .dropdown>.menu-item:hover>a{color:#1a1b1f !important;}
.header .menu-item:hover>.dropdown{opacity:1;visibility:visible;}*/

.dropdown {display: flex ; width: 10.2vw; padding: 1vw 1vw; background-color: #cb181a; opacity: 0; visibility: hidden; transition-delay: 0.2s; z-index: 6; border-bottom-right-radius: 0.6vw; border-bottom-left-radius: 0.6vw; margin-left: -0.7vw; transition: all .3s linear; align-items: flex-start; justify-content: center; flex-direction: column; margin-top: -1.7vw;}
.dropdown>.menu-item {text-align: left; font-size: 0.8vw; height: auto; margin: 0.3vw 0; width: auto; font-weight: 500;}
.dropdown>.menu-item a{color: #fff;transition:0.2s;left: 0vw; position:relative;}
.dropdown>.menu-item:hover>a { color: #dfdfdf !important; left: 0.2vw; transition:0.2s;}
.menu-item:hover>.dropdown{opacity:1;visibility:visible;}

.header .menu {display: flex;align-items: center;gap: 2vw;height: 100%;}
.header-ust-golge{width: 100%; position: absolute; height: 19vw; transform: rotate(180deg);}

.sayfalar-link-alt-baslik {display: flex;justify-content: center;width: 100%;position: relative;align-items: center;margin-top: -6.2vw;color: #fff;font-size: 1.2vw;padding: 1vw 0vw;}
.sayfalar-ust {position: relative;display: flex;background-size: cover !important;background-position: top !important;height: 20vw;align-items: flex-end;}
.sayfalar-link { display: flex ; justify-content: center; background-color: #ffffffa8; width: 100%; height: 3.3vw; position: relative; box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px; align-items: center; margin-top: -3.3vw; }
.sayfalar-link-alt-baslik a{color:#fff}
.sayfalar-link-alt-baslik i{margin-right:1vw;}


.anasayfa-alan-1 {height: 57vw;display: flex;flex-wrap: wrap;flex-direction: row;box-shadow: rgba(0, 0, 0, 0.54) 0px 3px 8px;}
.anasayfa-alan-1 .alan1-sol {display: flex ; flex-direction: column; justify-content: center; align-items: flex-start; color: #fff; width: 36vw; font-size: 1vw; padding-left: 13vw; margin-top: -6vw; }
.anasayfa-alan-1 .alan-1-adam {width: 39vw;padding-right: 4.5vw;padding-top: 5vw;}
.anasayfa-alan-1 .logolar{top: 9vw; position: relative; width: 10vw; display: flex ; justify-content: space-between;}
.anasayfa-alan-1 .logolar a {color: #ffffff63;}
.anasayfa-alan-1 .alan1-sol h2 { font-size: 2.8vw; font-weight: 400;}
.anasayfa-alan-1 .alan1-sol span { width: 30.8vw; margin-top: 2vw; margin-bottom: 3vw; font-size: 1vw; font-weight: 300;}
.anasayfa-alan-1 .hazirbeton-btn{color: #fff; border: 0.1vw solid #fff; padding: 0.6vw; width: 7.4vw; letter-spacing: 0.2vw; border-radius: 1.6vw; text-align: center; font-size: 0.9vw;transition: all ease-in-out 0.3s;}
a.hazirbeton-btn:hover {transition: all ease-in-out 0.3s; transform: scale(1.07);}
.anasayfa-alan-1 .metin {display: flex;flex-direction: column;align-items: flex-start;}
.anasayfa-alan-1 svg {margin-left: -12vw;margin-top: -1vw;}

.anasayfa-alan-2 {height: 47vw; background-image: url(/wp-content/uploads/2025/07/takavci-beton-insaat-.png); background-size: cover; display: flex ; justify-content: center; align-items: center;}
.anasayfa-alan-2 img{width: 50vw;}
.anasayfa-alan-2 .alan2-sag{width: 34.8vw; font-size: 1.1vw; text-align: right; margin-top: -6vw; display: flex ; flex-direction: column; align-items: flex-end;}
.anasayfa-alan-2 h2{font-size: 2.9vw; font-weight: 300;}
.anasayfa-alan-2 p{margin-top: 3vw; margin-bottom: 4vw;}
.anasayfa-alan-2 .alan2-sag a { background: #cb181a; font-size: 1vw; color: #fff; padding: 0.8vw; border-radius: 0.5vw; width: 7vw; text-align: center;transition: all ease-in-out 0.3s;}
.anasayfa-alan-2 .alan2-sag a:hover {transition: all ease-in-out 0.3s; transform: scale(1.07);}
.anasayfa-alan-3 .all-view:hover, .alan4-sol a:hover{transition: all ease-in-out 0.3s; transform: scale(1.07);}

.anasayfa-alan-3 {height: 47vw; display: flex ; flex-direction: column; justify-content: flex-start;}
.anasayfa-alan-3 .prjlr{width: 19.2vw; height: 22vw; display: flex ; justify-content: flex-end; flex-direction: column; border-radius: 2vw;}
.anasayfa-alan-3 .gradient p { font-size: 1vw; color: #000; margin-top: 1.3vw; }
.anasayfa-alan-3 .flickity-slider .gallery-cell:nth-child(even) {margin-top: 5.3vw;}
.anasayfa-alan-3 .slid-kapak{background-size: cover; height: 26vw; border-radius: 0.7vw; background-position: center;}
.anasayfa-alan-3 .all-view{background: #cb181a; font-size: 0.8vw; color: #fff; padding: 0.8vw; border-radius: 1.7vw; width: 9.3vw; text-align: center; display: flex ; align-items: center; justify-content: center; margin-left: 6.7vw;transition: all ease-in-out 0.3s;}
.anasayfa-alan-3 .arkaplan-yazi{color:#dcdcdcde; font-size: 10vw; position: absolute; margin-top: 10vw;font-weight: 500;}
.anasayfa-alan-3 span{font-size: 2.5vw; margin-left: 6.7vw; font-weight: 300; margin-top: 3vw; margin-bottom: 3vw;}
.anasayfa-alan-3 .gallery.js-flickity.flickity-enabled.is-draggable { margin-top: 5vw; }

.anasayfa-alan-4 {height:46vw; display: flex ; align-items: flex-start; justify-content: space-around;}
.anasayfa-alan-4 .alan4-sol {font-size: 1vw; display: flex ; flex-direction: column; align-items: flex-start; font-weight: 500;}
.anasayfa-alan-4 .alan4-sol h2 {font-weight: 300; font-size: 2.7vw; margin-top: 2vw; margin-bottom: 2vw;}
.anasayfa-alan-4 .alan4-sol img{width: 14.7vw;}
.anasayfa-alan-4 .alan4-sol span{font-size: 1.1vw; margin-top: 1vw; margin-bottom: 3vw; width: 38.5vw; font-weight: 400;}
.anasayfa-alan-4 .alan4-sol a{background: #cb181a; color: #fff; border-radius: 0.3vw; padding: 0.7vw;font-weight: 300; transition: all ease-in-out 0.3s; }
.anasayfa-alan-4 .alan4-sag .kutu:hover a { color: #cb181a; transition: all ease-in-out 0.3s; }
.anasayfa-alan-4 .alan4-sag .kutu {display: flex ; flex-direction: column; justify-content: center; align-items: flex-start; padding: 2.6vw; font-size: 1vw; width: 15.6vw; border-radius: 2.2vw; position: absolute; margin-left: -16vw; margin-top: 21vw; background: rgba(255, 255, 255, 0.15); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1); border: 1px solid rgba(255, 255, 255, 0.3);}
.anasayfa-alan-4 .alan4-sag .kutu a{color: #333;transition: all ease-in-out 0.3s;}
.anasayfa-alan-4 .alan4-sag h3 {font-size: 1.4vw; font-weight: 400; margin-bottom: 1vw;}
.anasayfa-alan-4 .alan4-sag-resim{width: 33vw; background-image: url(/wp-content/uploads/2025/07/takavci-mermer2.jpg); background-size: cover; height: 32.8vw; background-position-x: 90vw; border-radius: 2.3vw; margin-top: 3vw;}

.anasayfa-alan-5 {height: 41vw; display: flex ; flex-wrap: wrap; justify-content: space-between; align-items: flex-start;}
.anasayfa-alan-5 .sag-icerik{font-size: 1vw; display: flex ; flex-direction: column; align-items: flex-start; width: 35vw;}
.anasayfa-alan-5 .alan5-yatay{transform: rotate(270deg); width: 30vw; display: flex ; justify-content: space-between; font-size: 1vw; color: #adadad; align-items: center; top: -18.8vw; left: 20vw; position: relative;}
.anasayfa-alan-5 .alan5-sag .cizgi{width: 3.9vw; height: 0.06vw; background: #adadad;}
.anasayfa-alan-5 .sol-gorsel{padding-left: 6.7vw; width: 43vw;}
.anasayfa-alan-5 .alan5-sag{display: flex ; width: 42vw; align-content: flex-start; flex-wrap: wrap; align-items: flex-start;}
.anasayfa-alan-5 .image-bg{border-radius: 2vw; background: #fff; width: 30.7vw; height: 26.4vw; position: absolute; margin-top: -15vw; margin-left: 13.1vw;}
.anasayfa-alan-5 .gorsel1{width: 28.3vw; border-radius: 2vw;}
.anasayfa-alan-5 .gorsel2{width: 28.3vw; border-radius: 2vw; position: absolute; margin-top: 10.2vw; margin-left: -14.1vw;}
.anasayfa-alan-5 .alan5-sag .sag-icerik span {font-size: 0.9vw; letter-spacing: 0.2vw; margin-bottom: 2vw;}
.anasayfa-alan-5 .alan5-sag .sag-icerik h2{margin-bottom: 2vw; line-height: 4.9vw; font-size: 3vw; font-weight: 300;}
.anasayfa-alan-5 .alan5-sag .sag-icerik p{color: #333; margin-bottom: 3vw; width: 26vw; line-height: 2.5vw;}
.anasayfa-alan-5 .butonlar a{font-size: 1vw; border: 0.1vw solid #333; padding: 0.6vw; border-radius: 2vw; color: #000;transition: all ease-in-out 0.3s;}

.butonlar a:hover { color: #e20c13; border: 0.1vw solid #e20c13; transition: all ease-in-out 0.3s; } 
.anasayfa-alan-5 .butonlar{display: flex ; align-items: center; justify-content: space-between; width: 35vw;}

.anasayfa-alan-6 {height: 28.5vw; display: flex ; overflow: hidden;}
.anasayfa-alan-6 video{height: 58vw;}







.products{display: flex;min-height: 47vw;flex-direction: column;}
.urunler{display: flex;justify-content: center;margin-top: 2vw;flex-wrap: wrap;}
.urunler-baslik{text-align: center;margin-bottom: 1vw;background: #1a1b1f;}
.urunler-baslik h1 {color: #fff;font-size: 2vw;font-weight: 700;}
.urunsayfa-tufek-kutu {width: 20vw;height: 13vw;text-align: center;margin: 0 1vw;box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;background-color: #fff;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.urunsayfa-tufek-kutu:hover{-webkit-transform: scale(1.08);transform: scale(1.08);transition: 0.3s}
.urunsayfa-tufek-kutu img {float: left;object-fit: contain;width: 100%;position:relative;z-index:1;margin-bottom: 1vw;}
.urunsayfa-tufek-kutu h3 {font-size: 1.3vw;color: #000;font-weight: 500;position: relative;}





.urun-detay-sayfa{min-height: 47vw;background: #fff;margin-bottom: 5vw;position: relative;z-index: 0;display: flex;flex-direction: column;align-items: center;}
#my-back-button {height: 2vw;position: relative;border: none;display: block;border-radius: 0.2vw;font-size: 1vw;background: #e20a16;color: #fff;width: 6vw;z-index: 20;cursor: pointer;transition:0.3s}
#my-back-button:hover{background-color:#1a1b1f;transition:0.3s}
.urun-sayfa-baslik {margin-bottom: 1vw;font-size: 1.9vw;background: #e9e9e9;color: #000;font-weight: 400;width: 100vw;height: 4vw;display: flex;align-items: center;justify-content: center;}
.tufek-foto{text-align: center;}
.urun-detay-foto {height: auto;width: 70vw;margin-bottom: 1vw;margin-top: 1vw;}
.urun-ozellikler {width: 80vw;margin-top: 3vw;}
.urun-ozellikler h4 {font-size: 1vw;background: #e9e9e9;color: #000000;height: 3vw;display: flex;width: 77vw;align-items: center;justify-content: flex-start;font-weight: 500;padding-left: 3vw;margin-bottom: 1.4vw;}

.ozellikler {background: #fff;display: flex;flex-wrap: wrap;justify-content: flex-start;}
.ozellikler li {width: 37vw;display: flex;padding-top: 1vw;padding-bottom: 1vw;padding-left: 3vw;font-size: 0.8vw;font-weight: 500;justify-content: space-between;align-items: center;color: #30241d;}
.ozellikler li:nth-child(4n+1) {background: #fafafa;}
.ozellikler li:nth-child(4n+2) {background: #fafafa;}
.ozellikler li:hover{background-color: #f7f5f4;color:#000;}
.ozellikler li p {font-weight: 400;font-size: 0.8vw;margin-right: 2vw;width: 19vw;}
.ozellikler li p span{display:inline-block;width:50%;font-weight:600;margin-left: 2vw;}


.nivo-lightbox-image {display: flex;align-items: center;justify-content: center;}


/*image-zoom*/
.image-container {vertical-align: top;width: -webkit-fit-content;width: -moz-fit-content;width: fit-content;width: 43vw;margin:0 auto;}
.image-container:hover {background-color: rgba(0,0,0,0);}
.image {cursor: crosshair;display: block;height: 6vw !important;}
.zoomLens:hover {background: #fff;}
/*image-zoom*/


.media {min-height: 40vw;display: flex;align-items: center;justify-content: center;}
.media-icerik{display: flex;justify-content: space-around;flex-direction: column;margin: 8vw;}
.media-baslik {font-size:5vw;    font-weight: 500;}

.kurumsal{margin-top:3vw}
.hazirbeton-header { margin-bottom: 4vw; }
.beton-descrip{font-size: 1.1vw; width: 74vw; line-height: 1.8vw;color:#4b5563}
.beton-alt{display: flex ; justify-content: space-between; margin-top: 5vw; width: 74vw;}
.hazirbeton-sol {font-size: 1vw; width: 34.4vw; line-height: 1.8vw; }
.hazirbeton-sol h4{font-size: 1.6vw; font-weight: 500; margin-bottom: 2vw;}
.hazirbeton-sol p{margin-bottom: 1.1vw;color:#4b5563}
.hazirbeton-sol p i{color: #cb181a; font-size: 1.1vw;}
.beton-alt img{width: 34.6vw; border-radius: 1.4vw;}

.projelerimiz, .hazir-beton {display: flex ; justify-content: flex-start; flex-direction: column; align-items: center; margin: 6.7vw; width: 86vw;margin-top:8.4vw}
.projeler-icerik, .hazir-beton-icerik{display: flex;justify-content: space-around;flex-direction: column;margin: 8vw;}
.proje-baslik, .hazir-beton-baslik {font-size: 5vw;    font-weight: 500;}

.iletisim {display: flex ; flex-direction: column; width: 100%; margin-bottom: 4vw; align-items: center; justify-content: center;}
/*.arka-cizgi{background: #cb181a; width: 13vw; height: 14.2vw; position: absolute; z-index: -1; margin-top: -0.6vw; margin-right: -0.5vw; clip-path: polygon(57% 0, 100% 0, 100% 100%, 29% 99%); border-radius: 0.5vw;}*/
.tittle{margin-top: 0.9vw; padding: 1.1vw; color: #cb181a; font-weight: 600; margin-left: 0.7vw; font-size: 1.5vw; display: flex ; text-align: center; justify-content: flex-start; align-items: center;}
.contact-icon { width: 3.3vw; height: 3.3vw; background: rgba(231, 76, 60, 0.1); border-radius: 50%; display: flex ; align-items: center; justify-content: center; color: #cb181a; font-size: 1.4vw; margin-right: 1vw; } 
.contact-kapsar{display: flex;justify-content: flex-end;}
.adres, .telefon, .email{width: 26vw; height: 12vw; box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; border-radius: 0.5vw; display: flex ; flex-direction: column; background: #f4f4f4bf;}
.contact-kapsar span{width: 16vw; padding-left: 6.2vw; margin-top: -0.1vw; font-size: 1vw;}
.iletisim-ust {margin-top:9vw; margin-bottom: 4vw; display: flex ; justify-content: space-evenly; align-items: center; width: 89.7vw;}
.iletisim-bilgileri {display: flex;align-items: center;justify-content: center;margin: 0 2.4vw;}
.iletisim-bilgileri i {border-radius: 0.5vw;;font-size: 2vw;color: #fff;background-color: #1e7881;padding: 1vw;width: 2vw;text-align: center;}
.bilgiler {padding-left: 1.7vw;}
.bilgiler h5 {font-size: 1.2vw;color: #333;font-weight: 700;}
.bilgiler p {color: #333;font-weight: 300;font-size: 0.9vw;}

.rl-gallery-item {width: 100%;height: 100% !important;object-fit: contain;}
.rl-basicgrid-gallery .rl-gallery-item img {max-width: 100%;display: inline-block;object-fit: cover;height: 15vw !important;}
.tos-desktop .tos-wrapper.tos-fixed {background-color: rgb(0 0 0 / 89%);background: linear-gradient(90deg, #532b2b73 0%, rgb(0 0 0 / 84%) 100%);backdrop-filter: blur(1vw);}
.tos-slide>* {opacity: 1;-webkit-transition: opacity .4s ease;transition: opacity .4s ease;vertical-align: middle;max-height: 100%;max-width: 100%;box-shadow: 4px 4px 1vw #000;}

.iletisim-alt {display: flex ; justify-content: flex-start; align-items: center;}
.iletisim-alt > li {float:left;}

.iletisim-formu form {display: flex;flex-direction: column;justify-content: center;align-items: flex-start;gap: 2vw;}
.iletisim-formu h3 {font-size: 2.1vw;color: #cb181a;font-weight: 500;display: flex;margin-bottom: 3vw;align-items: center;justify-content: flex-start;}

.harita-iletisim {width: 43vw;height: 55vw;border: 0;margin-top: -7vw;filter: grayscale(1) contrast(2.1) saturate(0.5);transition: all .3s ease;}
.harita-iletisim:hover {filter: grayscale(0) contrast(1) saturate(1);}
.iframe-kpsr {height: 48vw;width: 43vw;overflow: hidden;border-top-right-radius: 1vw;border-bottom-right-radius: 1vw;}


/*contact form css*/

::placeholder{font-size:1vw !important;margin:0 !important; padding:0 !important;}
.iletisim-formu{margin-top: 3vw; margin-bottom: 3vw;     background: #f4f4f4bf; padding: 2vw; border-radius: 0.5vw; box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; position: relative; z-index: 9;}
.wpcf7 label {display: flex;font-size: 1vw !important;margin-top: -0.5vw;height: auto;background-color: #fff;color: #000;border: 0.1vw #f2f2f2 solid !important;line-height: 1.4vw;width: 94%;border-radius: 1vw;align-items: center;padding: 0 1vw;}
.wpcf7 label br {display: none !important;}
.wpcf7 label input {height: 3.1vw;color: #000;line-height: 1.4vw;width: 31.4vw;border-radius: 1vw;border: none;padding: 0 1vw;}
.phone input{background:#f6f6f6 !important;}
.wpcf7-textarea {padding: 1vw 1vw;margin-bottom: 1vw;width: 30.9vw !important;height: 11vw !important;color: #000;border: none;margin-top: 0.2vw;border-radius: 1.3vw;background: none;}
/*span.wpcf7-form-control-wrap.your-message { position: absolute;}*/
.wpcf7-submit {width: 36vw !important;border: 0.1vw solid #00000042;border-radius: 1vw !important;height: 3.1vw !important;background-color: #00000000 !important;padding: 0 !important;color: #000;transition: 0.3s;font-size: 1.1vw !important;margin-top: 0vw;}
.wpcf7-submit:hover {background-color: #cb181a !important;color: #ffffff;transition: 0.3s;}
.wpcf7-response-output {color:#111;border:none !important;padding:0 !important;margin:0 !important;font-size:1vw}
.wpcf7-form input:focus, .wpcf7-form textarea:focus, .wpcf7-form select:focus {outline: none !important;border:0 !important;}
input.wpcf7-form-control.wpcf7-captchar {}
img.wpcf7-form-control.wpcf7-captchac.wpcf7-captcha-captcha-170 {margin-bottom: 0.3vw; width: 11vw; height: 3vw;margin-right: 1.1vw;}
.wpcf7-spinner{position: absolute!important;margin-top: 6vw !important;}
input.wpcf7-form-control.wpcf7-captchar{width:11.8vw; margin-right: 1vw; top: -1.4vw; position: relative;}
.iletisim-form-kolonlar{display: flex;justify-content: space-evenly;}
.form-dogrula p {display: flex;justify-content: center;width: 100%;}
.wpcf7 label i {font-size: 1vw;color: #000000a6;}
.wpcf7-not-valid-tip {color: #dc3232;font-size: 1vw !important;font-weight: normal;display: block;padding: 0 1vw;}
/*contact form css*/


.footer {width: 100%; display: flex ; flex-direction: column; height: 25.5vw; background-color: #f0f0f0; align-items: center; justify-content: center;}
.footer a{color:#000;transition: all ease-in-out 0.3s;}
.footer-1{display: flex ; align-items: flex-start; justify-content: space-between; width: 73vw;}
.footer-1 img {height:5vw;}
.footer1-sol {display: flex ; flex-direction: column; align-items: flex-start; font-size: 1.1vw;}
.sol-logo{display: flex ; align-items: center; justify-content: flex-start; width: 51vw; margin-bottom: 4.5vw;}
.sol-logo p{font-size: 1vw; margin-left: 5vw;}
.footer1-sol .menu {display: flex;justify-content: flex-start;width: 100%;font-size: 1vw;GAP: 3VW;}
.footer1-sag {display: flex ; flex-direction: column; align-items: flex-start;}
.footer1-sag span{font-size: 1.2vw; margin-bottom: 2vw;}
.footer1-sag p { font-size: 1vw; margin-bottom: 2vw;}
.footer-sosyal a{border: 0.1vw solid #3333; padding: 0.5vw; border-radius: 100%; width: 1.8vw; height: 1.8vw; display: flex ; font-size: 1.2vw; align-items: center; justify-content: center;}
.footer-sosyal {width: 12vw; display: flex ; justify-content: space-between;}
.footer-sosyal a:nth-child(2){color: #e20c13; border: 0.1vw solid #e20c13ab;}
.footer-sosyal a:hover { border: 0.1vw solid #e20c13ab; color: #e20c13; transition: all ease-in-out 0.3s; } 
.footer-multi {display: flex ; align-items: center; flex-direction: row; justify-content: space-between; flex-wrap: wrap; width: 73vw; margin-top: 5vw;}
.footer-multi img{height: 2vw;transition: 0.2s;}
.footer-multi img:hover{transform: scale(1.4);transition: 0.2s;}
.footer .menu a:hover { color: #e20c13; transition: all ease-in-out 0.3s; }
copyright {color: #000; font-size: 0.8vw; font-weight: 400; display: inline; visibility: visible; font-family: Verdana, Arial, sans-serif;}





/* kurumsal */

.about-container {min-height: 100vh;}
.hero-section { position: relative; padding: 5vw 1vw; overflow: hidden; display: flex; align-items: center; justify-content: center; color: white; text-align: center; } 
.hero-overlay-gradient { position: absolute; inset: 0; background: linear-gradient(to right, var(--blue-600), var(--blue-800)); z-index: 0; } .hero-overlay-dark { position: absolute; inset: 0; background-color: rgba(0, 0, 0, 0.2); z-index: 1; } 
.hero-content { position: relative; z-index: 10; max-width: 78.3vw; width: 100%; } 
.hero-title { font-size: 2.5vw; font-weight: 700; margin-bottom: 1.5vw; } 
.hero-description { font-size: 1.25vw; max-width: 48vw; margin: 0 auto 2vw; } 
.hero-buttons { display: flex; flex-direction: column; gap: 1.5vw; justify-content: center; align-items: center; } 
.about-section {padding: 5vw 1vw;color: var(--gray-800);}
.decorative-bg-1 { position: absolute; top: 5vw; left: 2.5vw; width: 16vw; height: 16vw; border-radius: 50%; background-color: rgba(59, 130, 246, 0.05); filter: blur(3vw); z-index: 0; } 
.decorative-bg-2 { position: absolute; bottom: 5vw; right: 2.5vw; width: 20vw; height: 20vw; border-radius: 50%; background-color: rgba(37, 99, 235, 0.05); filter: blur(3vw); z-index: 0; } 
.about-content { position: relative; z-index: 10; } 
.section-header { display: flex; flex-direction: column; align-items: center; margin-bottom: 4vw; text-align: center; } 
.section-tag { color: #cb181a; font-weight: 500; margin-bottom: 0.5vw; display: flex; align-items: center; gap: 0.5vw; } 
.section-title {font-size: 2.5vw;font-weight: 600;margin-bottom: 1vw;}
.section-divider { width: 6vw; height: 0.25vw; background-color: #cb181a; margin: 0 auto; }
.section-description { text-align: center; max-width: 48vw; margin: 0 auto 4vw; font-size: 1.125vw; color: var(--gray-600); } .section-subtitle { font-size: 1.125vw; color: var(--gray-600); max-width: 32vw; margin: 0 auto; } 
/* Services Grid */ .services-grid { display: grid; grid-template-columns: 1fr; gap: 2.2vw; position: relative; }
.services-column { display: flex; flex-direction: column; gap: 4vw; } 
.service-item { display: flex; flex-direction: column; } 
.service-icon-container { display: flex; align-items: center; gap: 0.75vw; margin-bottom: 0.75vw; } 
.service-icon { background-color: #cb181a21; color: #cb181a; padding: 0.75vw; border-radius: 0.5vw; transition: background-color 0.3s; position: relative; } 
.service-item:hover .service-icon { background-color: #cb181a21; }
.secondary-icon { position: absolute; top: -0.25vw; right: -0.25vw; color: #cb181a; font-size: 0.75vw; } 
.service-title { font-size: 1.25vw; font-weight: 500; color: var(--gray-800); transition: color 0.3s; } 
.service-item:hover .service-title { color: #cb181a; } 
.service-description { font-size: 0.875vw; color: var(--gray-600); padding-left: 3vw; line-height: 1.6; }

.center-image-container { display: flex; justify-content: center; align-items: center; order: -1; margin-bottom: 2vw; }
.center-image-wrapper { position: relative; width: 100%; max-width: 20vw; box-shadow: 0 2vw 4vw -1vw rgba(0, 0, 0, 0.25); border-radius: 0.75vw; overflow: hidden; }
.center-image { width: 100%; height: auto; object-fit: cover; transition: transform 0.3s; }
.center-image-wrapper:hover .center-image { transform: scale(1.03); } 
.image-overlay { position: absolute; inset: 0; background: linear-gradient(to top, rgba(30, 58, 138, 0.5), transparent); display: flex; align-items: flex-end; justify-content: center; padding: 1vw; } 
.image-button { background-color: white; color: #cb181a; border: none; padding: 0.5vw 1vw; border-radius: 100%; font-size: 0.875vw; font-weight: 500; display: flex; align-items: center; gap: 0.5vw; cursor: pointer; transition: transform 0.2s; }
.image-button:hover { transform: scale(1.05); } 
.image-button:active { transform: scale(0.95); }
.stats-container { margin-top: 6vw; display: grid; grid-template-columns: 1fr; gap: 2vw; }
.stat-item { background-color: rgba(255, 255, 255, 0.8); backdrop-filter: blur(1vw); padding: 1.5vw; border-radius: 0.75vw; display: flex; flex-direction: column; align-items: center; text-align: center; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); transition: transform 0.3s; } .stat-item:hover { transform: translateY(-5px); } 
.stat-icon {width: 3.7vw; font-size: 1.1vw; height: 3.7vw; border-radius: 100%; background-color: #cb181a21; color: #cb181a; display: flex ; align-items: center; justify-content: center; margin-bottom: 1.3vw; transition: background-color 0.3s; }
.stat-item:hover .stat-icon { background-color: #cb181a21; }
.stat-value {font-size: 2vw; font-weight: 700; color: var(--gray-800); display: flex ; align-items: center;} 
.stat-label { color: var(--gray-600); font-size: 0.9vw; margin-top: 0.4vw; } 
.stat-divider {width: 2.55vw; height: 0.15vw; background-color: #cb181a; margin-top: 0.8vw; transition: width 0.3s;} 
.stat-item:hover .stat-divider { width: 6vw; } 
/* Animation classes */ .animate-fade-in { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease-out, transform 0.6s ease-out; } .animate-fade-in.active { opacity: 1; transform: translateY(0); } .animate-slide-in { opacity: 0; transition: opacity 0.6s ease-out, transform 0.6s ease-out; } 
.animate-slide-in[data-direction="left"] { transform: translateX(-20px); } .animate-slide-in[data-direction="right"] { transform: translateX(20px); } .animate-slide-in.active { opacity: 1; transform: translateX(0); } /* Media queries */ @media (min-width: 640px) { .hero-buttons { flex-direction: row; } 
.contact-info { flex-direction: row; } .contact-buttons { flex-direction: row; } } @media (min-width: 768px) { .hero-title { font-size: 5.5vw; } .projects-grid { grid-template-columns: repeat(2, 1fr); } 
.team-grid { grid-template-columns: repeat(2, 1fr); }
.stats-container { grid-template-columns: repeat(2, 1fr); } } @media (min-width: 1024px) { 
.services-grid { grid-template-columns: 1fr 1fr 1fr; } 
.center-image-container { order: 0; } 
.projects-grid { grid-template-columns: repeat(3, 1fr); } 
.team-grid { grid-template-columns: repeat(4, 1fr); } 
.stats-container { grid-template-columns: repeat(4, 1fr); } } 
/* Base styles */ :root { --blue-50: #eff6ff; --blue-100: #dbeafe; --blue-400: #60a5fa; --blue-500: #3b82f6; --blue-600: #2563eb; --blue-700: #1d4ed8; --blue-800: #1e40af; --blue-900: #1e3a8a; --gray-50: #f9fafb; --gray-100: #f3f4f6; --gray-200: #e5e7eb; --gray-300: #d1d5db; --gray-600: #4b5563; --gray-700: #374151; --gray-800: #1f2937; --gray-900: #111827; } .container { width: 100%; max-width: 78.3vw; margin: 0 auto; padding: 0 1.5vw; } /* Button styles */ 
.btn { display: inline-flex; align-items: center; justify-content: center; padding: 0.5vw 1.5vw; font-weight: 500; font-size: 1vw; border-radius: 0.4vw; cursor: pointer; transition: all 0.2s ease-in-out; border: none; outline: none; } .btn i { margin-left: 0.5vw; } .btn-primary { background-color: #cb181a; color: white; } .btn-primary:hover { background-color: var(--blue-700); } .btn-outline { background-color: transparent; color: #cb181a; border: 0.1vw solid #cb181a; } .btn-outline:hover { background-color: #cb181a21; } .btn-full { width: 100%; }