/* --- Slider Ana Yapısı --- */.slider-container {  position: relative;  width: 100%;  aspect-ratio: 16 / 7;  overflow: hidden;  margin-top: 150px;}.slider-container .slide {  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 83%;  background-color: #000;  opacity: 0;  transition: opacity 0.8s ease-in-out;}.slider-container .slide.active {  opacity: 1;}.slider-container .slide-background {  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;  object-fit: cover;  z-index: 1;  opacity: 50%;}.slide-content-container {  position: relative;  /* İçindeki absolute öğeler buna göre hizalanacak */  z-index: 3;  height: 100%;  width: 100%;  max-width: 1200px;  /* Sitenizin ana container genişliği ne ise onu yazın */  margin: 0 auto;  /* Konteyneri ortalar */  padding: 0 15px;  /* Kenar boşlukları */}/* 3. Metin Kutusu (.textic) - Konumlandırma güncellendi */.slider-container .textic {  position: absolute;  z-index: 5;  top: 50%;  left: 50px;  background-color: #ffffff;  padding: 40px 60px 40px 60px;  max-width: 550px;  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);  opacity: 0;  transform: translateY(-50%) translateX(-50px);  transition: transform 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94),    opacity 0.7s ease-out;}.slide.active .textic {  opacity: 1;  transform: translateY(-50%) translateX(0);  transition-delay: 0.3s;}/* Sarı şerit */.slider-container .textic::before {  content: "";  position: absolute;  top: 0;  left: 0;  width: 15px;  height: 100%;  background-color: var(--primary-color);}.slider-container .slide-foreground-object {  position: absolute;  z-index: 3;  bottom: -80px;  right: 0;  height: 85%;  max-width: 55%;  object-fit: contain;  display: none;  opacity: 0;  transform: translateY(100px);  transition: transform 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94),    opacity 0.8s ease-out;}.slide.active .slide-foreground-object {  opacity: 1;  transform: translateY(0);  transition-delay: 0.5s;  display: none;}.slider-container .textic .text2 {  font-size: 16px;  font-weight: 500;  color: var(--color1);  line-height: 1.4;  margin: 20px 0 35px 0;}.slider-container .textic .text1 {  font-size: 43px;  font-weight: 700;  color: var(--primary-color);  line-height: 1.1;  margin: 0 0 0px 0;}.slider-container .textic .btn {  display: inline-block;  color: #2c2c2c;  font-size: 14px;  font-weight: 700;  text-decoration: none;  text-transform: uppercase;  padding-bottom: 4px;  border-bottom: 2px solid #2c2c2c;  transition: color 0.3s ease;}.slider-container .textic .btn:hover {  color: #000;}/* --- Navigasyon Butonları (Değişiklik Yok) --- */.slider-container .slider-btn {  position: absolute;  top: 50%;  transform: translateY(-50%);  background-color: transparent;  border: 1px solid rgba(255, 255, 255, 0.5);  fill: #fff;  cursor: pointer;  z-index: 10;  transition: background-color 0.3s ease, border-color 0.3s ease;  height: 50px;  width: 50px;  display: flex;  align-items: center;  justify-content: center;  padding: 0;}.slider-container .slider-btn:hover {  background-color: rgba(0, 0, 0, 0.4);  border-color: rgba(255, 255, 255, 0.8);}.slider-container .slider-btn svg {  width: 24px;  height: 24px;}.slider-container .prev-btn {  right: 100px;}.slider-container .next-btn {  right: 30px;}/* --- Mobil Uyum --- */@media (max-width: 992px) {  .slider-container .textic {    max-width: 450px;    padding: 30px 40px 30px 60px;  }  .slider-container .textic .text1 {    font-size: 40px;  }  .slider-container .slide-foreground-object {    height: 75%;  }}@media (max-width: 768px) {  .slider-container {    aspect-ratio: 4 / 5;    margin-top: 105px;  }  .slide-content-container {    padding: 0 5%;    /* Mobil için kenar boşluğunu yüzde ile verelim */  }  .slider-container .textic {    position: relative;    /* Mobil için akışa dahil et */    top: auto;    left: auto;    transform: none;    /* Absolute konumlandırmayı iptal et */    margin-top: 30px;    /* Üstten boşluk */    display: none;    width: 100%;  }  .slider-container .slide-foreground-object {    position: absolute;    bottom: 0;    left: 50%;    transform: translateX(-50%);    /* Ortala */    height: 50%;    width: 100%;    max-width: 400px;    right: auto;  }  .slide.active .textic,  .slide.active .slide-foreground-object {    /* Mobil animasyon ayarları */    transform: translateY(0);    opacity: 1;  }  .slider-container .slider-btn {    top: 30%;  }}/**//* Hizmetler Ana Başlığı */.sayfa-basligi {  width: 100%;  max-width: 1200px;  margin-bottom: 20px;  font-size: 2.5rem;  font-weight: 700;  color: #1a237e;}/* Ana Bölüm Konteyneri */.hizmet-bolumu {  display: flex;  width: 100%;  padding: 50px 0px 70px;}.hizmet-bolumu .container {  display: flex;  width: 100%;  gap: 50px;}/* Sol Kenar Çubuğu (Açıklama ve Menü) */.bilgi-paneli {  flex-basis: 30%;  display: flex;  flex-direction: column;  gap: 20px;}.bilgi-paneli .alt-baslik {  font-size: 0.9rem;  font-weight: 500;  color: #1a237e;  text-transform: uppercase;  letter-spacing: 1px;}.bilgi-paneli .panel-basligi {  font-size: 2.5rem;  color: rgb(16, 33, 72);  line-height: 1.2;  margin-bottom: 20px;  margin-top: 0px;}.bilgi-paneli .kategori-menu {  margin-top: 20px;  display: flex;  flex-direction: column;  gap: 10px;}.bilgi-paneli .kategori-ogesi {  padding: 15px 20px;  border: 1px solid #e0e0e0;  border-radius: 8px;  background-color: #f9f9f9;  color: #555;  font-weight: 500;  cursor: pointer;  transition: all 0.3s ease;  display: flex;  justify-content: space-between;  align-items: center;}.bilgi-paneli .kategori-ogesi.aktif,.bilgi-paneli .kategori-ogesi:hover {  background-color: #1a237e;  color: #fff;  border-color: #1a237e;}.bilgi-paneli .arti-ikonu {  font-size: 1.2rem;  font-weight: 300;}/* Slider Ana Konteyneri (Sağ Taraf) */.galeri-alani {  flex-basis: 70%;  display: flex;  flex-direction: column;  overflow: hidden;  /* Dışarı taşan slaytları gizler */}.kaydirici-cerceve {  width: 100%;}.kaydirici-serit {  display: flex;  gap: 20px;  /* Slaytlar arası boşluk */  transition: transform 0.5s ease-in-out;  /* Kayma animasyonu */}a.galeri-kart {  flex: 0 0 calc(33.333% - 14px);  /* 3 öğe gösterecek şekilde genişlik ayarı */  min-width: 250px;  /* Minimum genişlik */  display: flex;  flex-direction: column;  color: #000;}a.galeri-kart:hover {  color: #005e9e;}.galeri-kart img {  width: 100%;  height: 200px;  object-fit: cover;  border-radius: 0px;  margin-bottom: 15px;  border: 1px solid #eee;}.galeri-kart .kart-basligi {  font-size: 1rem;  font-weight: 700;  margin-bottom: 8px;}.galeri-kart .kart-aciklamasi {  font-size: 0.9rem;  color: #666;  line-height: 1.5;}/* Slider Kontrolleri (Oklar ve İlerleme Çubuğu) */.kaydirici-kontrol {  display: flex;  align-items: center;  margin-top: 30px;  gap: 15px;}.kaydirici-kontrol .yon-butonlari button {  width: 40px;  height: 40px;  border-radius: 50%;  border: 1px solid #ccc;  background-color: #fff;  cursor: pointer;  font-size: 1.2rem;  color: #333;  transition: all 0.3s ease;}.kaydirici-kontrol .yon-butonlari button:hover {  background-color: #f0f0f0;  border-color: #999;}.kaydirici-kontrol .yon-butonlari button:disabled {  cursor: not-allowed;  opacity: 0.4;}.ilerleme-cubugu-kapsayici {  flex-grow: 1;  height: 2px;  background-color: #e0e0e0;  position: relative;}.ilerleme-cubugu-dolgu {  height: 100%;  background-color: #333;  width: 0;  /* JS ile ayarlanacak */  transition: width 0.5s ease-in-out;}/* Mobil ve Tablet için Duyarlılık */@media (max-width: 992px) {  .hizmet-bolumu {    flex-direction: column;  }  .galeri-kart {    flex: 0 0 calc(50% - 10px);    /* Tablette 2 öğe göster */  }}@media (max-width: 600px) {  body {    padding: 20px 0 0 0px;  }  .hizmet-bolumu {    padding: 20px;  }  .galeri-kart {    flex: 0 0 90%;    /* Mobilde 1 öğe göster */  }  .bilgi-paneli .panel-basligi {    font-size: 1.5rem;    margin-top: 20px;    padding-top: 0px;  }}/* Ana "Hakkımızda" Bölümü */.about-section {  position: relative;  background-color: #4c4c4c;  padding: 70px 40px;  overflow: hidden;  /* Grid deseninin taşmasını önler */}/* Arka Plandaki Grid Deseni */.about-section::before {  content: "";  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;  background-image: linear-gradient(      to right,      rgba(255, 255, 255, 0.05) 1px,      transparent 1px    ),    linear-gradient(to bottom, rgba(255, 255, 255, 0.05) 1px, transparent 1px);  background-size: 40px 40px;  z-index: 0;  opacity: 0.5;}/* İçerik Konteyneri */.about-container {  display: flex;  align-items: center;  gap: 50px;  margin: 0 auto;  position: relative;  /* İçeriğin grid üzerinde kalması için */  z-index: 1;}.about-container {  display: flex;  align-items: center;  gap: 50px;  margin: 0 auto;  position: relative;  /* İçeriğin grid üzerinde kalması için */  z-index: 1;}.about-container .show-all-btn {  border: 1px solid #1d7db3;  color: #fff;  background: #1d7db3;}.about-container .btn-arrow {  background-color: #fff;  color: #1d7db3;}/* Sol Taraf - Fotoğraf Galerisi */.image-gallery {  flex: 2;  display: flex;  gap: 15px;}.image-gallery .main-image {  flex: 2;  /* Büyük resmin daha fazla yer kaplaması için */}.image-gallery .side-images {  flex: 1;  display: flex;  flex-direction: column;  gap: 15px;}.image-gallery img {  width: 100%;  height: 100%;  object-fit: cover;  border-radius: 3px;  display: block;}/* Sağ Taraf - Metin İçeriği */.text-content {  flex: 1;  padding-left: 20px;}.text-content h2 {  font-size: 42px;  font-weight: 600;  margin-top: 0;  margin-bottom: 20px;  color: #fff;}.text-content p {  font-size: 15px;  line-height: 1.4;  color: #fff;  /* Daha yumuşak bir beyaz tonu */  margin-bottom: 30px;}/* Buton Stili */.explore-button {  display: inline-flex;  align-items: center;  padding: 10px 15px 10px 25px;  border: 1px solid #e08b33;  border-radius: 50px;  /* Tam yuvarlak kenarlar */  text-decoration: none;  color: #ffffff;  font-weight: 500;  transition: all 0.3s ease;}.explore-button:hover {  background-color: rgba(224, 139, 51, 0.1);}.explore-button .icon {  display: flex;  justify-content: center;  align-items: center;  width: 36px;  height: 36px;  background-color: #f37d1d;  /* Turuncu daire */  border-radius: 50%;  margin-left: 15px;  font-size: 20px;  font-weight: bold;  transition: transform 0.3s ease;}.explore-button:hover .icon {  transform: translateX(5px);  /* Hover'da hafif sağa kayma efekti */}/* Mobil ve Tablet için Responsive Tasarım */@media (max-width: 992px) {  .about-container {    flex-direction: column;    text-align: center;  }  .text-content {    padding-left: 0;    margin-top: 40px;  }}@media (max-width: 576px) {  .image-gallery {    flex-direction: column;    display: none;  }  .text-content h2 {    font-size: 32px;  }  .text-content p {    font-size: 15px;  }  .about-section {    padding: 40px 20px;  }}/* --- Genel Stiller ve Resetleme --- */* {  box-sizing: border-box;  margin: 0;  padding: 0;}.industries-section {  padding: 70px 0px;}/* --- Başlık Alanı --- */.section-header {  text-align: center;  margin-bottom: 40px;}.section-header h2 {  font-size: 2.5rem;  color: rgb(16, 33, 72);  line-height: 1.2;  margin-bottom: 10px;}.section-header p {  font-size: 1rem;  color: #666;  margin: 0 auto;}.section-header.section-header2 span {  font-size: 2.5rem;  color: rgb(16, 33, 72);  line-height: 1.2;  margin-bottom: 10px;  font-weight: 700;}.section-header.section-header2 h1 {  font-size: 1rem;  color: #666;  margin: 0 auto;  font-weight: 300;}/* --- Sektör Kartları Izgarası (Grid) --- */.industries-grid {  display: grid;  grid-template-columns: repeat(3, 1fr);  gap: 24px;  grid-auto-rows: 280px;  /* Kartların varsayılan yüksekliği */}/* --- Sektör Kartı Stilleri --- */.industry-card {  position: relative;  border-radius: 5px;  overflow: hidden;  color: white;  padding: 24px;  display: flex !important;  flex-direction: column;  justify-content: flex-end;  background-size: cover;  background-position: center;  transition: transform 0.3s ease, box-shadow 0.3s ease;  height: 100%;}/* Kartın üzerine gelince büyüme efekti */.industry-card:hover {  transform: translateY(-8px);  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);}/* Kartın üzerine karanlık gradyan ekleme (yazının okunabilirliği için) */.industry-card::before {  content: "";  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;  background: linear-gradient(    to top,    rgba(0, 0, 0, 0.85) 0%,    rgba(0, 0, 0, 0) 60%  );  z-index: 1;  transition: background 0.3s ease;}.industry-card:hover::before {  background: linear-gradient(    to top,    rgba(0, 0, 0, 0.95) 0%,    rgba(0, 0, 0, 0) 70%  );}/* Kart içeriği (yazılar) */.card-content {  position: relative;  z-index: 2;}.card-content h3 {  font-size: 1.45rem;  font-weight: 600;  margin-bottom: 8px;}.card-content p {  font-size: 0.95rem;  opacity: 0.9;  max-width: 90%;  /* Ok ikonuna yer bırakmak için */}/* Kartın sağ altındaki ok ikonu */.card-arrow {  position: absolute;  bottom: 0;  right: 0;  width: 48px;  height: 48px;  background-color: white;  color: #333;  border-radius: 50%;  display: flex;  align-items: center;  justify-content: center;  font-size: 1.5rem;  font-weight: bold;  text-decoration: none;  transition: background-color 0.3s, color 0.3s, transform 0.3s;}.card-arrow:hover {  background-color: #ff6f00;  /* Turuncu renk */  color: white;  transform: scale(1.1);}/* Ortadaki uzun kart için özel stil */.card-tall {  grid-row: span 2;  /* Bu kart 2 satır kaplayacak */  height: 100%;  /* Yüksekliği grid'e uydur */}/* --- Alt Kısım ve "Tüm Sektörleri Göster" Butonu --- */.section-footer {  text-align: center;  margin-top: 40px;}.show-all-btn {  display: inline-flex;  align-items: center;  padding: 12px 24px;  border: 1px solid #1d7db3;  border-radius: 30px;  color: #1d7db3;  background-color: transparent;  font-size: 0.95rem;  font-weight: 600;  text-decoration: none;  transition: all 0.3s ease;}.show-all-btn:hover {  background-color: #1d7db3;  color: white;}.btn-arrow {  display: flex;  align-items: center;  justify-content: center;  width: 32px;  height: 32px;  background-color: #1d7db3;  color: white;  border-radius: 50%;  margin-left: 12px;  font-size: 1.2rem;  transition: transform 0.3s ease;}.show-all-btn:hover .btn-arrow {  transform: translateX(5px);}/* --- Mobil ve Tablet Uyumlu (Responsive) Tasarım --- */@media (max-width: 992px) {  .industries-grid {    grid-template-columns: repeat(2, 1fr);    grid-auto-rows: 300px;  }  /* Tablette uzun kartın kapladığı alanı sıfırlıyoruz, normal boyuta dönüyor */  .card-tall {    grid-row: span 1;  }  .section-header h2 {    font-size: 2.5rem;  }}@media (max-width: 768px) {  .industries-grid {    grid-template-columns: 1fr;    /* Mobilde tek sütun */    grid-auto-rows: 320px;  }  .section-header h2 {    font-size: 2rem;  }  .section-header p {    font-size: 1rem;  }}/* --- Ana Izgara (Grid) Yapısı --- */.why-choose-us-section .main-grid {  display: grid;  grid-template-columns: 1fr 1fr;  /* İki eşit sütun */  gap: 35px;  /* Sütunlar arası boşluk */  align-items: center;  padding: 0px 0px;}/* --- Sol Sütun: Başlık ve Resim --- */.why-choose-us-section .intro-content h2 {  font-size: 3rem;  color: #102148;  line-height: 1.2;  margin-bottom: 20px;  max-width: 70%;}.why-choose-us-section .intro-content p {  font-size: 1rem;  color: #555;  margin-bottom: 40px;  max-width: 500px;}.why-choose-us-section .intro-content img {  width: 100%;  height: 337px;  object-fit: cover;  border-radius: 3px;  /* Resme hafif yuvarlak köşe */}/* --- Sağ Sütun: Özellik Kartları Izgarası --- */.why-choose-us-section .features-grid {  display: grid;  grid-template-columns: 1fr 1fr;  /* 2x2'lik bir ızgara */  gap: 20px;}.why-choose-us-section .feature-box {  background-color: #ffffff;  padding: 30px;  border: 1px solid #e9e9e9;  /* Çok ince bir kenarlık */  border-radius: 4px;  display: flex;  flex-direction: column;  min-height: 250px;  /* Kartların minimum yüksekliği */}.why-choose-us-section .feature-box svg {  width: 50px;  height: 50px;  margin-bottom: 25px;  color: var(--color1);}.why-choose-us-section .feature-box h3 {  font-size: 1.2rem;  font-weight: 700;  color: #102148;  margin-bottom: 15px;}.why-choose-us-section .feature-box p {  color: #666;  font-size: 0.97rem;  margin-bottom: auto;  /* Bu satır, linki kartın altına iter */}.why-choose-us-section .read-more-link {  margin-top: 20px;  color: #222;  text-decoration: none;  font-weight: 600;  font-size: 0.85rem;  letter-spacing: 0.5px;  text-transform: uppercase;  transition: color 0.3s ease;}.why-choose-us-section .read-more-link:hover {  color: #007bff;  /* Hover rengini istediğiniz gibi değiştirebilirsiniz */}/* --- Mobil ve Tablet Uyumlu (Responsive) Tasarım --- */@media (max-width: 992px) {  .why-choose-us-section .main-grid {    grid-template-columns: 1fr;    /* Sütunları alt alta dizer */    gap: 50px;  }  .why-choose-us-section .intro-content {    text-align: center;    /* Ortalanmış görünüm için */  }  .why-choose-us-section .intro-content p {    margin-left: auto;    margin-right: auto;  }}@media (max-width: 768px) {  .why-choose-us-section .intro-content h1 {    font-size: 3rem;    /* Mobilde başlığı biraz küçültüyoruz */  }  .why-choose-us-section .features-grid {    grid-template-columns: 1fr;    /* Özellik kartlarını da alt alta dizer */  }  .why-choose-us-section .feature-box {    min-height: auto;    /* Minimum yükseklik kısıtlamasını kaldır */  }  .why-choose-us-section .container {    padding: 50px 20px;  }}.video-galeri-container {  width: 100%;  margin: 0 auto;  padding: 70px 0px;}.video-galeri-container h2 {  text-align: center;  margin-bottom: 40px;  font-size: 2.5em;  color: #333;}/* 2. YENİ SLIDER STİLLERİ (video-slider class'ı ile) */.video-slider {  position: relative;}.video-slider__window {  width: 100%;  overflow: hidden;}.video-slider__track {  display: flex;  transition: transform 0.5s ease-in-out;}.video-slider__item {  flex: 0 0 33.3333%;  box-sizing: border-box;  padding: 0 15px;}@media (max-width: 1024px) {  .video-slider__item {    flex-basis: 50%;  }}@media (max-width: 600px) {  .video-slider__item {    flex-basis: 100%;  }}/* Video içeriği stilleri (değişmedi) */.video-content {  position: relative;  cursor: pointer;  overflow: hidden;  border-radius: 3px;  display: block;  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);  transition: transform 0.3s ease, box-shadow 0.3s ease;}.video-content:hover {  transform: translateY(-5px);  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2);}.video-content img {  width: 100%;  display: block;  border-radius: 3px;  transition: transform 0.4s ease;}.video-slider__item span {  display: block;  text-align: center;  font-weight: 500;  font-size: 14px;  margin-top: 15px;}.video-content:hover img {  transform: scale(1.05);}.video-overlay {  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;  background-color: rgba(0, 0, 0, 0.5);  display: flex;  justify-content: center;  align-items: center;  opacity: 0;  transition: opacity 0.3s ease;  border-radius: 10px;}.video-content:hover .video-overlay {  opacity: 1;}.play-icon {  width: 70px;  height: 70px;  background-color: rgba(255, 255, 255, 0.9);  border-radius: 50%;  display: flex;  justify-content: center;  align-items: center;  transition: transform 0.3s ease;}.video-content:hover .play-icon {  transform: scale(1.1);}.play-icon svg {  width: 30px;  height: 30px;  fill: #005e9e;  margin-left: 5px;}/* NOKTA NAVİGASYON STİLLERİ (yeni class'larla) */.video-slider__dots {  text-align: center;  padding-top: 25px;}.video-slider__dot {  display: inline-block;  width: 12px;  height: 12px;  margin: 0 5px;  background-color: #ccc;  border-radius: 50%;  cursor: pointer;  transition: background-color 0.3s ease;  border: none;  /* Buton varsayılan stillerini sıfırla */  padding: 0;}.video-slider__dot:hover {  background-color: #999;}.video-slider__dot.active {  background-color: #005e9e;}.homesayac {  margin-top: 50px;  text-align: center;  position: relative;  z-index: 1;}.homesayac__wrapper {  display: flex;  justify-content: space-around;  align-items: center;  flex-wrap: wrap;  /* Mobil cihazlar için alt satıra geçmesini sağlar */  margin: 0 auto;}/* Her bir sayaç öğesi (Element) */.homesayac__item {  flex-basis: 22%;  /* 4'lü dizilim için */  padding: 20px;  margin: 15px 0;  transition: transform 0.3s ease, box-shadow 0.3s ease;}.homesayac__item:hover {  transform: translateY(-10px);}/* İkon Stili */.homesayac__icon {  font-size: 48px;  color: #007bff;  /* Ana Renk */  margin-bottom: 20px;  transition: color 0.3s ease;}.homesayac__item:hover .homesayac__icon {  color: #0056b3;}/* Sayı Stili */.homesayac__number {  font-size: 3.5em;  font-weight: 700;  color: #fff;  line-height: 1.1;}.dhomesayac__item-ci {  display: flex;  align-items: center;  justify-content: center;}.homesayac__item .plus {  font-size: 26px;  font-weight: 400;  color: #fff;  margin-left: 25px;}/* Başlık/Etiket Stili */.homesayac__label {  font-size: 1em;  font-weight: 400;  color: #fff;  margin-top: 10px;  text-transform: uppercase;}/* Responsive Ayarlar */@media (max-width: 992px) {  .homesayac__item {    flex-basis: 45%;    /* 2'li dizilim */  }  .homesayac__number {    font-size: 3em;  }}@media (max-width: 576px) {  .homesayac__wrapper {    flex-direction: column;    /* Tekli dizilim */  }  .homesayac__item {    flex-basis: 100%;    width: 100%;  }}.service-block-six {  position: relative;  margin-bottom: 30px;  z-index: 1;}.service-block-six .inner-box {  border-radius: 10px;  position: relative;  overflow: hidden;  -webkit-transition: all 300ms ease;  transition: all 300ms ease;  -webkit-box-shadow: 0 3px 20px rgba(0, 0, 0, 0.05);  box-shadow: 0 3px 20px rgba(0, 0, 0, 0.05);}.service-block-six .inner-box:hover {  -webkit-transform: translateY(-10px);  transform: translateY(-10px);  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);}.service-block-six .content-box {  position: relative;  padding: 20px 30px 35px;  background-color: #ffffff;}.service-block-six .content-box .icon {  position: absolute;  right: 20px;  top: -20px;  height: 70px;  width: 70px;  background: linear-gradient(to right, #01559d, #1bbe47);  color: #ffffff;  display: flex;  align-items: center;  justify-content: center;  border-radius: 5px;  font-size: 42px;  -webkit-transition: all 300ms ease;  transition: all 300ms ease;  display: none;}.service-block-six .content-box .sub-title {  font-size: 12px;  text-transform: uppercase;  letter-spacing: 0.1em;  font-weight: 700;  color: #767676;}.service-block-six .content-box .title {  color: var(--theme-color2);  font-size: 20px;  font-weight: 700;  margin-bottom: 10px;  min-height: 50px;}.service-block-six .content-box .title a {  color: var(--theme-color2);  -webkit-transition: all 300ms ease;  transition: all 300ms ease;}.service-block-six .content-box .title a:hover {  color: var(--primary-color);}.service-block-six .content-box .text {  font-size: 15px;  line-height: 30px;  color: #767676;  font-weight: 500;}.service-block-six .image-box {  position: relative;}.service-block-six .image-box .image {  overflow: hidden;  margin-bottom: 0;}.service-block-six .image-box .image img {  width: 100%;  -webkit-transition: all 300ms ease;  transition: all 300ms ease;}.client-style01 .special-text {  color: #00aab8;  font-size: 16px;  line-height: 26px;  margin-bottom: 14px;  letter-spacing: 2.4px;  font-weight: 600;  position: relative;  padding-left: 17px;  display: inline-block;}.client-style01 .special-text::before {  position: absolute;  content: "";  top: 0;  bottom: 0;  margin: auto;  left: 0;  background-color: #00aab8;  width: 6px;  height: 6px;  text-align: center;  border-radius: 100%;}.client-style01 h2 {  font-size: 60px;  line-height: 66px;  font-weight: 700;  color: black;  letter-spacing: 0.4px;  margin-top: 0;}.client-style01 {  padding-bottom: 80px;  background: white;}.client-style01 .client-wrap {  display: flex;  flex-wrap: wrap;  justify-content: center;}.client-style01 .client-wrap .client-item {  width: 20%;  display: flex;  justify-content: center;  align-items: center;  padding: 44px 30px;  position: relative;  transition: 0.3s;  border-right: 1px solid #eeeeee;  border-bottom: 1px solid #eeeeee;}.client-style01 .client-wrap .client-item::before {  position: absolute;  left: 0;  bottom: 0;  width: 100%;  height: 4px;  content: "";  background: var(--primary-color);  opacity: 0;  transition: 0.3s;}.client-style01 .client-wrap .client-item:nth-child(6),.client-style01 .client-wrap .client-item:nth-child(7),.client-style01 .client-wrap .client-item:nth-child(8),.client-style01 .client-wrap .client-item:nth-child(9),.client-style01 .client-wrap .client-item:nth-child(10) {  border-bottom: 0;}.client-style01 .client-wrap .client-item:nth-child(5),.client-style01 .client-wrap .client-item:last-child {  border-right: 0;}.client-style01 .client-wrap .client-item:hover {  /* background: linear-gradient(to right, #fdc32a 0%, #e14e0a 100%); */  box-shadow: 0px 16px 32px 0px rgba(0, 62, 131, 0.2);}.client-style01 .client-wrap .client-item:hover::before {  opacity: 1;}.client-style01 .client-wrap .client-item img {  transition: 0.3s;}.client-style01 .client-wrap .client-item:hover img {  /* filter: brightness(0) invert(1); */}.client-style01 .client-wrap .client-item a {  max-width: 180px;}.client-style01 .client-wrap .client-item a img {  width: 100%;}.client-style01 .client-item {  width: 33.33%;}@media screen and (max-width: 991px) {  .client-style01 .client-wrap .client-item {    width: 33.33%;  }  .client-style01 .client-wrap .client-item:nth-child(5) {    border-right: 1px solid #eeeeee;  }  .client-style01 .client-wrap .client-item:last-child {    border-left: 1px solid #eeeeee;    border-right: 1px solid #eeeeee;  }  .client-style01 .client-wrap .client-item:nth-child(6) {    border-bottom: 1px solid #eeeeee;    border-right: 0;  }  .client-style01 .client-wrap .client-item:nth-child(3),  .client-style01 .client-wrap .client-item:nth-child(9) {    border-right: 0;  }  .client-style01 .client-wrap .client-item:nth-child(7),  .client-style01 .client-wrap .client-item:nth-child(8),  .client-style01 .client-wrap .client-item:nth-child(9) {    border-bottom: 1px solid #eeeeee;  }}/* Responsive for mobile */@media screen and (max-width: 767px) {  .client-style01 .client-wrap .client-item {    width: 33%;    padding: 25px 20px;  }  .client-style01 .client-wrap .client-item:nth-child(2),  .client-style01 .client-wrap .client-item:nth-child(4),  .client-style01 .client-wrap .client-item:nth-child(6),  .client-style01 .client-wrap .client-item:nth-child(8),  .client-style01 .client-wrap .client-item:last-child {    border-right: 0;    border-left: 0;  }  .client-style01 .client-wrap .client-item:nth-child(3) {    border-right: 1px solid #eeeeee;  }  .client-style01 .client-wrap .client-item:nth-child(5) {    border-left: 0;  }  .client-style01 .client-wrap .client-item:nth-child(9) {    border-bottom: 0;    border-right: 1px solid #eeeeee;  }}@media (max-width: 1024px) {  .why-choose-us-section {    display: none;  }  .service-block-six .content-box .title {    min-height: auto;  }  .client-style01 h2 {    font-size: 2.5em;  }  .show-all-btn {    padding: 10px 15px;  }  .video-galeri-container {    padding: 0 0 70px 0px;  }}