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


html { overflow-x:hidden; scroll-behavior: smooth; }
body { margin:0; padding:0; background:#fff; font-family: "Ubuntu", sans-serif;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; }
img {image-rendering: -webkit-optimize-contrast !important;}

#pencet, .mobile-menu, .mobil-header-tel{display:none}


.header {position: absolute;display: flex;flex-direction: column;margin: 1vw 0;width: 100%;z-index: 999;}
.header .header-ust {display: flex;align-items: center;justify-content: flex-end;width: 90%;gap: 3vw;}
.header .header-alt {display: flex;flex-direction: row;align-items: center;gap: 2.2vw;justify-content: space-between;}
.header .sag-header { box-shadow: inset 0vw 0vw 1vw #00000061; display: flex; align-items: center; gap: 3vw; background: #f07d00; height: auto; padding: 1vw 0vw 1vw 11.8vw; width: 65.2vw; clip-path: polygon(3% 0, 100% 0, 100% 100%, 0% 100%); }
.header li {list-style: none;}
.header .header-ust li {display: flex;gap: 0.5vw;}
.header .header-alt .logo img { width: 15vw; padding-bottom: 0.6vw; }
.header .sol-header-mavi { width: 8.6vw; height: 3.4vw; background: #f07d00; clip-path: polygon(0 0%, 100% 0, 70% 100%, 0% 100%); box-shadow: inset 0vw 0vw 1vw #00000061; }
.header .sag-header .menu-item a {font-size: 1vw;color: #fff;}
.header .header-ust a {color: #f07d00;font-size: 0.9vw;font-weight: 600;}
.header .header-ust i {color: #f07d00;font-size: 0.9vw;}
.header .header-ust li:nth-last-child(1) {padding: 0.7vw 1.5vw;border: solid #f07d00 0.1vw;}
.header .header-ust a {color: #f07d00;font-size: 0.9vw;font-weight: 600;display: flex;gap: 0.6vw;align-items: center;}

.header .dropdown {display: flex;position: absolute;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;transition: all ease-in-out 0.3s;}
.header .dropdown>.menu-item:hover>a{color:#1a1b1f !important;}
.header .menu-item:hover>.dropdown{opacity:1;visibility:visible;}
li.menu-item:hover a span{transition: all ease-in-out 0.3s;color:#000}

.anasayfa-alan-1 {height:auto;}
.anasayfa-alan-1 button {background:none;border:none;cursor:pointer;font-family:inherit;}
.anasayfa-alan-1 .hero-slider {position:relative;width:100vw;height:59vw;overflow:hidden;}
.anasayfa-alan-1 .slider-backgrounds {position:absolute;inset:0;background:#f07d00;clip-path:polygon(0 0,100% 0,100% 87%,0% 100%);}
.anasayfa-alan-1 .background-slide {position: absolute;inset: 0;opacity: 0;transition: opacity 1.2s ease-in-out;transform: scale(1);height: 57.5vw;object-fit: cover;clip-path: polygon(0 0, 100% 0, 100% 88.2%, 0% 100%);}
.anasayfa-alan-1 .background-slide.active {opacity:1;transform:scale(1);clip-path:polygon(0 0,100% 0,100% 88.2%,0% 100%);height:57.5vw;object-fit:cover;}
.anasayfa-alan-1 .background-slide.prev {opacity:0;}
.anasayfa-alan-1 .background-slide.next {opacity:0;}
.anasayfa-alan-1 .background-slide img {width:100%;height:100%;object-fit:cover;}
.anasayfa-alan-1 .progressive-blur {position:absolute;bottom:0;left:0;width:100%;height:50%;pointer-events:none;background:linear-gradient(to top,rgba(0,0,0,0.5),transparent);display:none;}
.anasayfa-alan-1 .slider-content {position:absolute;bottom:5vw;left:-4vw;right:0;padding:4vw;}
.anasayfa-alan-1 .content-container {background:linear-gradient(180deg,#f07d0066 0%,#f07d00d1 50%,#f07d001c 100%);clip-path:polygon(0% 0,100% 0,82% 100%,0% 100%);border-radius:0.5vw;padding:2vw;max-width:40vw;}
.anasayfa-alan-1 .slide-item {display:none;}
.anasayfa-alan-1 .slide-item.active {display:block;}
.anasayfa-alan-1 .slide-subtitle {font-size:1vw;text-transform:uppercase;letter-spacing:0.1vw;opacity:0.8;margin-bottom:1vw;}
.anasayfa-alan-1 .slide-title {font-size:2vw;font-weight:bold;margin-bottom:1vw;color:#fff;}
.anasayfa-alan-1 .slide-description {font-size:1.2vw;opacity:0.9;max-width:40vw;margin-bottom:2vw;}
.anasayfa-alan-1 .animated-text {position:relative;display:inline-block;}
.anasayfa-alan-1 .animated-text span {display:inline-block;white-space:nowrap;}
.anasayfa-alan-1 .animated-text .measure-container {position:absolute;opacity:0;visibility:hidden;pointer-events:none;}
.anasayfa-alan-1 .button-container {display:flex;flex-wrap:wrap;gap:1vw;margin-top:2vw;}
.anasayfa-alan-1 .button {display:inline-flex;align-items:center;justify-content:center;padding:0.6vw 1.3vw;border-radius:4.25vw;font-weight:500;font-size:1vw;transition:all 0.3s ease;}
.anasayfa-alan-1 .button-primary {color:#fff;position:relative;overflow:hidden;border:0.1vw solid #fff;}
.anasayfa-alan-1 .button-primary:hover {background-color:rgba(255,105,0,1);}
.anasayfa-alan-1 .button-text {margin-right:2vw;transition:opacity 0.5s;}
.anasayfa-alan-1 .button-primary:hover .button-text {opacity:0;}
.anasayfa-alan-1 .button-icon {position:absolute;right:0.25vw;top:0.25vw;bottom:0.25vw;border-radius:0.125vw;z-index:10;display:grid;place-items:center;width:25%;transition:all 0.5s;}
.anasayfa-alan-1 .button-primary:hover .button-icon {width:calc(100% - 0.5vw);transform:scale(1.3);}
.anasayfa-alan-1 .button-primary:active .button-icon {transform:scale(0.95);}
.anasayfa-alan-1 .button-outline {border:0.1vw solid white;color:white;}
.anasayfa-alan-1 .button-outline:hover {background-color:white;color:black;}
.anasayfa-alan-1 .slider-navigation {display:flex;align-items:center;gap:1vw;margin-top:1.5vw;}
.anasayfa-alan-1 .nav-button {width:4vw;height:4vw;display:grid;place-items:center;background-color:#f07d007a;color:white;border-radius:0;transition:background-color 0.3s;}
.anasayfa-alan-1 .nav-button:hover {background-color:rgba(255,255,255,0.3);}
.anasayfa-alan-1 .nav-button:disabled {opacity:0.5;cursor:not-allowed;}
.anasayfa-alan-1 .slide-indicators {display:none;gap:0.5vw;margin-left:1vw;}
.anasayfa-alan-1 .indicator {width:0.5vw;height:0.5vw;border-radius:999px;background-color:rgba(255,255,255,0.5);transition:all 0.3s;}
.anasayfa-alan-1 .indicator:hover {background-color:rgba(255,255,255,0.7);}
.anasayfa-alan-1 .indicator.active {background-color:white;width:2vw;}
.anasayfa-alan-1 .fade-in {animation:fadeIn 1.2s forwards;}
.anasayfa-alan-1 .fade-out {animation:fadeOut 1.2s forwards;}
.anasayfa-alan-1 .slide-up {animation:slideUp 0.8s forwards;}
.anasayfa-alan-1 .slide-down {animation:slideDown 0.8s forwards;}
.anasayfa-alan-1 .nav-button svg {width:3vw;height:3vw;}
.anasayfa-alan-1 .slide-item.active {padding-left:8vw;}
.anasayfa-alan-1 .background-slide.active img {width:100%;height:100%;object-fit:cover;}



/* Animations */
@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
@keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } }
@keyframes slideUp { from { transform: translateY(2vw); opacity: 0; filter: blur(1vw); } to { transform: translateY(0); opacity: 1; filter: blur(0); } }
@keyframes slideDown { from { transform: translateY(0); opacity: 1; filter: blur(0); } to { transform: translateY(2vw); opacity: 0; filter: blur(1vw); } }

/* Media Queries */
@media (max-width: 768px) {
  .content-container { max-width: 90vw; padding: 4vw; }
  .slide-subtitle { font-size: 2vw; }
  .slide-title { font-size: 5vw; }
  .slide-description { font-size: 2.5vw; max-width: 100%; }
  .button { padding: 2vw 4vw; font-size: 2vw; }
} 


.anasayfa-alan-2 {height: auto;--background: #ffffff;--foreground: #0f172a;--card: #ffffff;--card-foreground: #0f172a;--primary: #0f172a;--primary-foreground: #f8fafc;--secondary: #f1f5f9;--secondary-foreground: #0f172a;--muted: #f1f5f9;--muted-foreground: #64748b;--accent: #f1f5f9;--accent-foreground: #0f172a;--border: #e2e8f0;--radius: 0.5vw;}
.anasayfa-alan-2::after {content: '';display: flex;width: 100%;height: 6vw;background: #01b2df;clip-path: polygon(0 97%, 100% 0, 100% 20%, 0 100%);position: relative;top: -2vw;}
.anasayfa-alan-2 .container { max-width: 90vw; margin: 0 auto; padding: 0 1.5vw; }
.anasayfa-alan-2 .services-section { padding: 4vw 0 6vw; overflow: hidden; }
.anasayfa-alan-2 .container-header { text-align: center; margin-bottom: 3vw; opacity: 0; transform: translateY(2vw); animation: fadeInUp 1s forwards 0.3s; }
.anasayfa-alan-2 .title {font-size: 2.2vw;font-weight: 700;margin-bottom: 1vw;color: var(--foreground);}
.anasayfa-alan-2 .subtitle {font-size: 1.1vw; color: var(--muted-foreground); max-width: 44vw; margin: 0 auto;}
.anasayfa-alan-2 .carousel-container { position: relative; margin: 0 3vw; }
.anasayfa-alan-2 .nav-btn {position: absolute;top: 50%;transform: translateY(-50%);z-index: 10;background-color: #93e5f6;backdrop-filter: blur(4px);border: 1px solid var(--border);color: #ffffff;width: 3vw;font-size: 1.5vw;height: 3vw;display: flex;border-radius: 0.8vw;align-items: center;justify-content: center;cursor: pointer;transition: all 0.3s ease;box-shadow: 0 0.2vw 0.3vw rgba(0, 0, 0, 0.1);}
.anasayfa-alan-2 .nav-btn:hover { background-color: var(--accent); color: var(--accent-foreground); }
.anasayfa-alan-2 .nav-btn:disabled { opacity: 0.5; cursor: not-allowed; }
.anasayfa-alan-2 .prev-btn { left: -4.5vw; }
.anasayfa-alan-2 .next-btn {right: -4.5vw;}
.anasayfa-alan-2 .carousel-wrapper { overflow: hidden; }
.anasayfa-alan-2 .carousel-track {display: flex;transition: transform 0.5s ease-out;padding: 3vw 0;}
.anasayfa-alan-2 .service-card {flex-shrink: 0; width: calc(90% / 4); padding: 0 1vw; opacity: 0; transform: skewY(355deg) !important; animation: fadeInCard 0.6s forwards;    color: #000;}
.anasayfa-alan-2 .service-card-inner { position: relative; background-color: #ffffff3d; overflow: hidden; box-shadow: 0 0.2vw 0.3vw rgba(0, 0, 0, 0.1); transition: all 0.5s; transform: perspective(100vw); height: 19.5vw; display: flex; flex-direction: column; align-items: center; }
.anasayfa-alan-2 .service-card-inner:hover { box-shadow: 0 0.5vw 0.75vw rgba(0, 0, 0, 0.1); }
.anasayfa-alan-2 .card-content ul li {list-style-type: none; position: relative; padding-left: 1vw; font-size: 0.85vw; color: #64748b; line-height: 1.2vw;} 
.anasayfa-alan-2 .card-content ul li::before {content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 0.3vw; height: 0.3vw; background-color: #FF6900; border-radius: 50%;}

.anasayfa-alan-2 .service-card:nth-child(1n+1) .card-indicator {background-color: rgba(255,105,0,1);}
.anasayfa-alan-2 .service-card:nth-child(odd) .card-indicator {background-color:#01b2d8;}
.alan2-arka { position: absolute; left: -15vw; margin-top: -3vw; height: 40vw; }
.anasayfa-alan-2 .service-card-inner:hover .card-bg { transform: skewY(0); }
.anasayfa-alan-2 .card-image { position: relative; display: flex; align-items: center; justify-content: center; transform: skewY(5deg); width: 4.2vw; height: 4.3vw; object-fit: contain; transition: transform 0.7s; border-radius: 100%; margin-top: 1.7vw; }
.anasayfa-alan-2 .card-image img { width: 2.4vw; height: 2vw; object-fit: contain; transition: transform 0.7s; transform: skewY(0deg) !important; padding: 0.8vw; }

.anasayfa-alan-2 .carousel-track .service-card:nth-child(4n+1) .card-image {  background-color:#ffedd4; } 
.anasayfa-alan-2 .carousel-track .service-card:nth-child(4n+2) .card-image { background-color: #e7f2ff; } 
.anasayfa-alan-2 .carousel-track .service-card:nth-child(4n+3) .card-image { background-color: #ffedd4;} 
.anasayfa-alan-2 .carousel-track .service-card:nth-child(4n+4) .card-image { background-color: #e7f2ff; }

.anasayfa-alan-2 .service-card-inner:hover .card-image img { transform: scale(1.1); }
/*.anasayfa-alan-2 .card-image::after { content: ''; position: absolute; inset: 0; background: linear-gradient(to top, rgba(0, 0, 0, 0.5), transparent); }*/
.anasayfa-alan-2 .card-content {position: relative; padding: 1.5vw; display: flex ; flex-direction: column; transform: skewY(5deg); justify-content: center; align-items: center; margin-top: -0.9vw;}
.anasayfa-alan-2 .card-title {font-size: 1.15vw; font-weight: 500; margin-bottom: 2vw; transition: color 0.3s; text-align: center; margin-top: 1vw;}
.anasayfa-alan-2 .service-card-inner:hover .card-title { color: var(--primary); }
.anasayfa-alan-2 .card-description {font-size: 0.9vw; color: var(--muted-foreground); line-height: 1.5; margin-bottom: 0.9vw;}
/*.anasayfa-alan-2 .indicator-container { margin-top: 1vw; }
.anasayfa-alan-2 .card-indicator { width: 3vw; height: 0.25vw; background-color: var(--primary); border-radius: 9999px; transform: scaleX(0); transform-origin: left; transition: transform 0.5s; }*/
.anasayfa-alan-2 .service-card-inner:hover .card-indicator { transform: scaleX(1); }
.anasayfa-alan-2 .service-card-inner:hover .card-overlay { opacity: 1; }
.anasayfa-alan-2 .bottom-button { text-align: center; margin-top: 3vw; opacity: 0; transform: translateY(2vw); animation: fadeInUp 1s forwards 0.5s; }
.anasayfa-alan-2 .primary-button {color: #f07d00;border: 0.1vw solid #f07d00;font-size: 1vw;font-weight: 600;padding: 0.75vw 2vw;border-radius: 0.5vw;cursor: pointer;transition: all 0.3s;}
.anasayfa-alan-2 .primary-button:hover {background-color: rgb(240 113 35);transform: scale(1.05);box-shadow: 0 0.3vw 0.4vw rgba(0, 0, 0, 0.15);color: #fff;}
.anasayfa-alan-2 .card-content div {display: flex ; flex-direction: column; width: 100%;}
@keyframes fadeInUp { from { opacity: 0; transform: translateY(2vw); } to { opacity: 1; transform: translateY(0); } }
@keyframes fadeInCard { from { opacity: 0; transform: translateY(4vw) rotateY(-15deg); } to { opacity: 1; transform: translateY(0) rotateY(0); } }

@media (max-width: 1024px) { 
  .service-card { width: 50%; }
  .title { font-size: 4vw; }
  .subtitle { font-size: 2vw; max-width: 60vw; }
  .card-title { font-size: 2vw; }
  .card-description { font-size: 1.5vw; }
  .primary-button { font-size: 1.8vw; padding: 1vw 2.5vw; }
}

@media (max-width: 768px) { 
  .title { font-size: 5vw; }
  .subtitle { font-size: 2.5vw; max-width: 80vw; }
  .service-card { width: 50%; } /* 100% */
  .nav-btn { width: 8vw; height: 8vw; }
  .card-title { font-size: 3vw; }
  .card-description { font-size: 2vw; }
  .primary-button { font-size: 2.5vw; padding: 1.5vw 3vw; }
  .service-card-inner { height: 80vw; }
  .card-image { height: 30vw; }
  .card-content { height: 30vw; }
} 

.alan3-baslik { display: flex ; flex-direction: column; justify-content: center; align-items: center; margin-bottom: 1vw; margin-top: 2vw; }
.filter-btn.active{background-color: #f07d00 !important;  color: #fff !important;}
.alan3-arka{position: absolute; height: 10vw; right: 0vw;    margin-top: -2vw;}
.anasayfa-alan-3 { display: flex ; flex-direction: column; justify-content: flex-start; align-items: center; margin-bottom: 8vw; }
.anasayfa-alan-3 p{font-size: 1.2vw; color: #64748b;}
.anasayfa-alan-3 .filo-kapsar p {font-size: 1vw;color: #ffffffd4;margin-top: 0.6vw;transform: skewY(5deg);text-align: center;width: 16vw;}
.anasayfa-alan-3 h2{font-size: 2.2vw; font-weight: 700; margin-bottom: 1vw;}
.vehicle-card { width: 19.2vw; box-shadow: 0 0.2vw 0.3vw rgba(0, 0, 0, 0.1); transform: skewY(355deg) !important; transition: all ease-in-out 0.3s; }
.filomuz-grid{display: flex ; gap: 2vw; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); flex-wrap: wrap; align-items: center; justify-content: center;}
#filomuz-grid .vehicle-card:nth-child(odd) .filo-kapsar { background-color: #01b2df; /* Mavi */ color: #fff; } 
#filomuz-grid .vehicle-card:nth-child(even) .filo-kapsar { background-color: #f07d00; /* Turuncu */ color: #fff; }
.filo-kapsar {display: flex;flex-direction: column;justify-content: flex-start;align-items: center;height: auto;padding-bottom: 2vw;transition: all ease-in-out 0.3s;}
.filo-kapsar h3{color: #fff; font-size: 1.1vw; transform: skewY(5deg);}
.filo-kapsar .kirala-btn{display: inline-block; padding: 0.4vw; color: #fff; font-size: 1vw; border: 0.1vw solid #fff; width: 5.6vw; text-align: center; margin-top: 1.1vw; transform: skewY(5deg); transition: all ease-in-out 0.3s;}
a.filter-btn:hover { transition: all ease-in-out 0.3s; background: #f07d00; color: #fff; }
.filters a { padding: 0.7vw; padding-right: 1.2vw; padding-left: 1.2vw; color: #000000b3; background: #fff; font-weight: 600; font-size: 1vw; border: 0.14vw solid #e3e3e3; border-radius: 0.6vw; box-shadow: rgb(99 99 99 / 12%) 0px 2px 8px 0px;    transition: all ease-in-out 0.3s;}
.filters{text-align: center; margin: 3vw 3vw 5vw 3vw; display: flex ; justify-content: space-around; gap: 1.5vw;}
div#filomuz-grid { display: flex ; gap: 1.5vw; align-items: center; justify-content: center; flex-wrap: wrap;}
.alan3-img {height: 13vw;margin-bottom: 1.4vw;overflow: hidden;width: 100%;}
.alan3-img img{width: 100%; height: 100%; object-fit: cover;}


.anasayfa-alan-4 {height: 30vw;background: #f07d00;clip-path: polygon(0 17%, 100% 0, 100% 64%, 0 83%);}
.anasayfa-alan-4 img {height: 25vw;width: 100%;object-fit: cover;clip-path: polygon(0 25%, 100% 0, 100% 77%, 0 100%);}

.anasayfa-alan-5 {height: 35vw;margin-top: -10vw;background: #fff0dd;display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 2vw;}
.anasayfa-alan-5 p {font-size: 0.8vw;background: #f07d00;color: #fff;padding: 0.3vw 0.8vw;border-radius: 1vw;}
.anasayfa-alan-5 h4 {font-size: 3vw;width: 46vw;text-align: center;}
.anasayfa-alan-5 h4 span {font-size: 3vw;width: 46vw;text-align: center;color: #f07d00;}
.anasayfa-alan-5 span {font-size: 1vw;width: 39vw;text-align: center;}
.anasayfa-alan-5 .buttons {display: flex;flex-direction: row;align-items: center;gap: 2vw;}
.anasayfa-alan-5 .buttons a {font-size: 1vw;color: #fff;background: #f07d00;padding: 0.4vw 1.2vw;border-radius: 0.6vw;display: flex;align-items: center;flex-direction: row;gap: 1vw;}
.anasayfa-alan-5 .buttons a:nth-last-child(1) {background: #fff;color: #f07d00;border: 0.1vw solid #f07d00;}
.category-tum-araclar:hover span {
    transform: skewY(5deg) scale(1.1);
    transform-origin: center;
	 transition: all ease-in-out 0.3s;
}

.kurumsal {min-height: 47vw;--card: #ffffff; --card-foreground: #0f172a; --muted: #f1f5f9; --muted-foreground: #64748b; --border: #e2e8f0; }
.kurumsal .container { width: 100%; min-height: 100vh; }
.kurumsal .hero {position: relative;background: linear-gradient(360deg, rgb(255 255 255 / 90%) 0%, #ffffff 100%), url(/wp-content/uploads/2025/07/giris-bg.jpg);height: 20vw;background-size: cover;background-repeat: no-repeat;background-position: center;display: flex;align-items: flex-end;padding-bottom: 5vw;}
.kurumsal .hero-content { max-width: 80vw; margin: 0 auto; text-align: center; }
.kurumsal .hero-title {font-size: 3vw;font-weight: 700;color: #f07d00;margin-bottom: 1vw;line-height: 1.2;}
.kurumsal .mission-vision {padding: 3vw;width: 100%;margin-bottom: 3vw;background: linear-gradient(180deg, rgb(255 255 255 / 63%) 0%, rgb(255 255 255) 100%), url(/wp-content/uploads/2025/09/aksa-jenerator.jpeg);background-size: cover;background-repeat: no-repeat;background-position: center;background-attachment: fixed;}
.kurumsal .mission-vision-content { max-width: 80vw; margin: 0 auto; }
.kurumsal .mission-vision-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 6vw; }
.kurumsal .card {border-radius: 0.75vw;border: 0.1vw solid #dddddd;background-color: #fbfbfb;box-shadow: 0 0.2vw 0.5vw rgba(0, 0, 0, 0.1);}
.kurumsal .mission-card {padding: 3vw;border-left: 0.4vw solid rgba(255,105,0,1);display: flex;flex-direction: column;justify-content: center;}
.kurumsal .vision-card {padding: 4vw;border-left: 0.4vw solid #01b2d8;}
.kurumsal .card-title {font-size: 1.3vw;font-weight: 700;color: var(--foreground);margin-bottom: 1vw;}
.kurumsal .card-text {font-size: 0.9vw;color: var(--muted-foreground);line-height: 1.6;}
.kurumsal .story {padding: 6vw 0vw;}
.kurumsal .story-content { max-width: 60vw; margin: 0 auto; }
.kurumsal .section-title {font-size: 2vw;font-weight: 700;text-align: center;color: var(--foreground);margin-bottom: 3vw;}
.kurumsal .story-timeline { display: flex; flex-direction: column; gap: 4vw; }
.kurumsal .story-item { position: relative; }
.kurumsal .story-dot {position: absolute;left: 0.2vw;top: 1.3vw;width: 1.3vw;height: 1.2vw;background-color: rgba(255,105,0,1);border-radius: 50%;}
.kurumsal .story-text { margin-left: 4vw; }
.kurumsal .story-text p {font-size: 1vw;color: var(--muted-foreground);line-height: 1.6;}
.kurumsal .story-line {position: absolute;left: 0.75vw;top: 2.5vw;width: 0.25vw;height: 9.5vw;background-color: var(--border);}

.hizmetler .hero {position: relative;background: linear-gradient(360deg, rgb(255 255 255 / 90%) 0%, #ffffff 100%), url(/wp-content/uploads/2025/07/giris-bg.jpg);height: 20vw;background-size: cover;background-repeat: no-repeat;background-position: center;display: flex;align-items: flex-end;padding-bottom: 5vw;}
.hizmetler .hero-content { max-width: 80vw; margin: 0 auto; text-align: center; }
.hizmetler .hero-title {font-size: 3vw;font-weight: 700;color: #f07d00;margin-bottom: 1vw;line-height: 1.2;}
.hizmet-content{display: flex ; align-items: center; justify-content: center; flex-wrap: wrap; margin-top: 4vw;}
.hizmet-kapsar { display: flex ; flex-wrap: wrap; align-items: center; width: 82vw; justify-content: center; gap: 1.7vw;transition: all ease-in-out 0.3s;}
.hizmet-kapsar a { width: 19.2vw; box-shadow: 0 0.2vw 0.3vw rgba(0, 0, 0, 0.1); transform: skewY(355deg) !important; transition: all ease-in-out 0.3s; margin-bottom: 2vw; height: 19.3vw; display: flex ; flex-direction: column; justify-content: flex-start; align-items: center; color: #000;    background: #fafafa;}
.hizmet-kapsar a:hover .card-content {    color: #f07d00; transition: all ease-in-out 0.3s; }
.hizmet-kapsar .service-card-inner { display: flex ; flex-direction: column; justify-content: flex-start; align-items: center; height: 20.4vw; transition: all ease-in-out 0.3s; }
.filo-content{display: flex ; flex-direction: column; justify-content: center; align-items: center; margin-bottom: 7vw;}
.filo-content .filo-kapsar p{font-size: 1vw; color: #ffffffd4; margin-top: 0.6vw; transform: skewY(5deg);    width: 17vw;}
.hizmet-kapsar .card-image { height: 14.6vw; margin-bottom: 1.4vw; overflow: hidden; }
.hizmet-kapsar .card-image img { width: 19.1vw; height: 100%; object-fit: cover; }
.hizmet-kapsar .card-title{font-size: 1.2vw; transform: skewY(5deg);}
.service-cover{display: flex ; flex-direction: column; justify-content: center; align-items: center; font-size: 1.1vw; margin-top: 5vw; line-height: 1.7vw; color: #333;}
.hizmetlerimiz-content{    width: 82vw;}
.hizmetlerimiz-content img{width: 36vw; border-radius: 1vw; margin-bottom: 2.2vw;}
.gorsel-fixed{overflow: hidden; height: 26vw; margin-bottom: 2vw; display: flex ; align-items: flex-start; justify-content: space-between;}
.gorsel-hizmet{ height: 26vw; width: 40vw; background-size: cover !important; background-repeat: no-repeat !important; background-position: center !important; border-radius: 0.8vw;}
@keyframes phoneRing { 0% { transform: rotate(35deg); } 25% { transform: rotate(28deg); } 50% { transform: rotate(35deg); } 75% { transform: rotate(40deg); } 100% { transform: rotate(35deg); } }
.hizmetlerimiz-content a>i{animation: phoneRing 1s infinite;}
.hizmetlerimiz-content a{display: flex ; color: #fff; background: #01b2d8; height: 4vw; margin-bottom: 3vw; justify-content: center; align-items: center; font-size: 1.2vw; font-weight: 500;    margin-top: 2vw;}


.projeler .hero {position: relative;background: linear-gradient(360deg, rgb(255 255 255 / 90%) 0%, #ffffff 100%), url(/wp-content/uploads/2025/07/giris-bg.jpg);height: 20vw;background-size: cover;background-repeat: no-repeat;background-position: center;display: flex;align-items: flex-end;padding-bottom: 5vw;}
.projeler .hero-content { max-width: 80vw; margin: 0 auto; text-align: center; }
.projeler .hero-title {font-size: 3vw;font-weight: 700;color: #f07d00;margin-bottom: 1vw;line-height: 1.2;}

.referanslar .hero {position: relative;background: linear-gradient(360deg, rgb(255 255 255 / 90%) 0%, #ffffff 100%), url(/wp-content/uploads/2025/07/giris-bg.jpg);height: 20vw;background-size: cover;background-repeat: no-repeat;background-position: center;display: flex;align-items: flex-end;padding-bottom: 5vw;}
.referanslar .hero-content { max-width: 80vw; margin: 0 auto; text-align: center; }
.referanslar .hero-title {font-size: 3vw;font-weight: 700;color: #01b2d8;margin-bottom: 1vw;line-height: 1.2;}

@media (max-width: 768px) {
  .mission-vision-grid { grid-template-columns: 1fr; }
  .values-grid { grid-template-columns: 1fr; }
  .hero-title { font-size: 8vw; }
  .hero-subtitle { font-size: 5vw; }
  .hero-description { font-size: 3vw; max-width: 90vw; }
  .section-title { font-size: 5vw; }
  .card-title { font-size: 4vw; }
  .card-text { font-size: 3vw; }
  .story-text p { font-size: 3vw; }
  .value-title { font-size: 4vw; }
  .value-description { font-size: 3vw; }
  .cta-title { font-size: 5vw; }
  .cta-description { font-size: 3vw; }
  .cta-button { font-size: 3vw; padding: 2vw 5vw; }
} 


.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;}

.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;}

.hizmet-single .hero {position: relative;background: linear-gradient(360deg, rgb(255 255 255 / 90%) 0%, #ffffff 100%), url(/wp-content/uploads/2025/07/giris-bg.jpg);height: 20vw;background-size: cover;background-repeat: no-repeat;background-position: center;display: flex;align-items: flex-end;padding-bottom: 5vw;}
.hizmet-single .hero-content { max-width: 80vw; margin: 0 auto; text-align: center; }
.hizmet-single .hero-title {font-size: 3vw;font-weight: 700;color: #f07d00;margin-bottom: 1vw;line-height: 1.2;}


.medya {min-height: 47vw;width: 100%;}
.medya .hero {position: relative;background: linear-gradient(360deg, rgb(255 255 255 / 90%) 0%, #ffffff 100%), url(/wp-content/uploads/2025/07/giris-bg.jpg);height: 20vw;background-size: cover;background-repeat: no-repeat;background-position: center;display: flex;align-items: flex-end;padding-bottom: 5vw;}
.medya .hero-content { max-width: 80vw; margin: 0 auto; text-align: center; }
.medya .hero-title {font-size: 3vw;font-weight: 700;color: #f07d00;margin-bottom: 1vw;line-height: 1.2;}
.medya .rl-gallery-item {width: 100%;height: 15vw;}
.medya .rl-basicgrid-gallery .rl-gallery-item img {height: 15vw;object-fit: cover;width: 100%;}
.medya .media-icerik {padding: 0.1vw 0;}

.iletisim {display: flex ; flex-direction: column; width: 100%; min-height: 47vw; justify-content: center; align-items: center;}
.iletisim .hero{position: relative; background: linear-gradient(360deg, rgb(255 255 255 / 90%) 0%, #ffffff 100%), url(/wp-content/uploads/2025/07/giris-bg.jpg); height: 20vw; background-size: cover; background-repeat: no-repeat; background-position: center; display: flex ; align-items: flex-end; padding-bottom: 5vw;    width: 100%;}
.iletisim .hero-content { max-width: 80vw; margin: 0 auto; text-align: center; }
.iletisim .hero-title { font-size: 3vw; font-weight: 700; color: #f07d00; margin-bottom: 1vw; line-height: 1.2; }
.iletisim-alt {display: flex;justify-content: center;align-items: center;}
.iletisim-alt > li {float:left;}
.iletisim-formu form{display: flex; flex-direction: column; justify-content: center; align-items: center;}
.iletisim-formu h3 {font-size: 2.1vw; color: #f07d00; text-align: center; font-weight: 500; margin-bottom: 1vw;}
.iletisim iframe {width: 100%;height: 30vw;border: 0;margin-top: 5vw;}
.iletisim-kapsar {display: flex ; flex-wrap: wrap; justify-content: center; padding-top: 6vw; height: 34.1vw; overflow: hidden; margin-bottom: 2vw;}
.iletisim-sol {width: 40vw; background: url(/wp-content/uploads/2025/08/iletisim-kapak.jpg); height: 33.1vw; background-size: cover; background-position: center; border-radius: 1vw; display: flex ; flex-direction: column; align-items: center; justify-content: flex-end;}
.contact-box { font-size: 1vw; background: #ffffffd6; padding: 2vw; width: 31vw; border-radius: 1.3vw; margin-bottom: 2.4vw; }
.bilgi { display: flex ; line-height: 1.9vw; align-items: center; font-size: 1vw; }
.bilgi i {font-size: 1.1vw; margin-right: 1vw; color: #f07d00; }
.harita-kapsar{border-radius: 1vw; width: 87.7vw; overflow: hidden; height: 30vw; margin-top: 1vw;}
.harita-kapsar iframe{width: 100%; height: 62vw; border: 0; margin-top: -14vw;}

/*contact form css*/
.wpcf7 input[type=submit] {-webkit-appearance: none !important;}
::placeholder{font-size:1vw !important;margin:0 !important; padding:0 !important;padding-left:1vw !important;padding-top:1vw !important;}
.iletisim-formu{margin-bottom: 3vw; background: #f9fafb; padding: 1.3vw; padding-top: 2vw; height: 29.9vw; border-radius: 1vw;}
.wpcf7 label {display: block;font-size: 1vw !important;margin-top: -0.5vw;}
.wpcf7 label input {height: 3.1vw; background-color: #fff; color: #000; border: 0.1vw #f2f2f2 solid !important; line-height: 1.4vw; width: 20.9vw; margin-top: 0.1vw; margin: 0.5vw 0.3vw 0 0.7vw;    border-radius: 1vw !important;}
.phone input{background:#f6f6f6 !important;}
.wpcf7-textarea{margin-bottom: 1vw; width: 43.3vw !important; height: 11vw !important; background-color: #fff; color: #000; border: 0.1vw solid #eee !important; border: 0; margin-top: 0.2vw; margin-left: 0.4vw;    border-radius: 1vw !important;}
/*span.wpcf7-form-control-wrap.your-message { position: absolute;}*/
.wpcf7-submit {width: 43.7vw !important; height: 3.1vw !important; background-color: #000000ab !important; padding: 0 !important; border: 0 !important; color: #fff; border-bottom-right-radius: 1vw; border-bottom-left-radius: 1vw; transition: 0.3s; font-size: 1.1vw !important; margin-left: 0.3vw;    border-radius: 1vw !important;}
.wpcf7-not-valid-tip{font-size: 0.9vw !important;    margin-left: 1vw;}
.wpcf7-submit:hover{background-color:#1a1b1f !important;color: #fff;transition: 0.3s;}
.wpcf7-response-output {color:#111;border-color:rgba(0,0,0,0) !important;padding:0 !important;margin:0 !important;font-size: 0.8vw;}
.wpcf7-form input:focus, .wpcf7-form textarea:focus, .wpcf7-form select:focus {border:0 !important;background:#f6f6f6;}
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:24.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%;}
/*contact form css*/


.footer {width: 100%;display: flex;flex-direction: column;height: auto;align-items: center;justify-content: center;padding: 3vw 0;gap: 2vw;}
.footer img {height: 5vw;}
.footer-menu {display: flex;gap: 3vw;width: 100%;align-items: center;justify-content: center;background: #f07d00;padding: 1vw;box-shadow: inset 0 0 1vw #0000003b;}
.footer-menu a {color: #fff;font-size: 1vw;transition: all ease-in-out 0.3s;}
.footer-menu a:hover{color:#000;transition: all ease-in-out 0.3s;}
.footer-menu a:nth-last-child(1) {padding: 0.7vw 1vw;background: #fff;color: #f07d00;display: flex;border-radius: 1.5vw;gap: 1vw;align-items: center; transition: all ease-in-out 0.3s;}
.footer-menu a:nth-last-child(1):hover { color: #000; transition: all ease-in-out 0.3s; }
copyright {display: flex;align-items: center;justify-content: space-between;width: 75%;}
copyright img {height: 2vw !important;}
copyright p {font-size: 0.8vw;color:#000000b8;}