a {

    text-decoration: none;

}



.breadcrumb-section {

  background-color: #f8f8f6;

  border-bottom: 1px solid #e0e0e0;

  padding: 6px 0;         /* yükseklik kısa */

}



.breadcrumb {

  padding: 4px 0;

  font-size: 13px;        /* küçük ve kurumsal dursun */

}



.breadcrumb .breadcrumb-item + .breadcrumb-item::before {

  content: ">";

  color: #999;

}



.bc-link {

  color: #999;

  text-decoration: none;

}



.bc-link:hover {

  color: #666;

  text-decoration: underline;

}







.mobile-nav.collapse-ipsoft {

  background: #ffffff;

  border-radius: 16px;

  box-shadow: 0 12px 30px rgba(15,23,42,0.18);

  padding: 16px 18px 18px;

  position: absolute;

  right: 0;

  top: 70px;   /* navbar yüksekliğine göre oyna */

  min-width: 260px;

  z-index: 9999;

}

/* Mobil menü içindeki butonlar */

.mobile-nav .btn-custom-outline,

.mobile-nav .btn-custom-solid {

  border-radius: 12px !important;   /* daha yuvarlak köşeler */

  padding: 8px 14px !important;     /* daha küçük yükseklik */

  font-size: 15px !important;       /* daha küçük yazı */

  height: auto !important;

}



/* Üst ve alt aralıkları optimize et */

.mobile-nav .d-grid {

  gap: 10px !important;

}




header{
  
  
display:none;
}
  /* === NAVBAR genel === */

.main-navbar {
  position: fixed;

  z-index: 9998;

  top: 0;

  left: 50%;

  transform: translateX(-50%);

  width: 100%;

  max-width: 100%;

  padding: 16px 24px;

}



/* IP Soft tarzı hamburger icon (3 çizgi) */

.navbar-toggler-ipsoft,

.navbar-toggler {

  border: none;

  padding: 6px;

  background: transparent;

}



.navbar-toggler-icon-ipsoft {

  width: 22px;

  height: 2px;

  background-color: #111827;

  display: block;

  border-radius: 999px;

  box-shadow: 0 6px 0 #111827, 0 -6px 0 #111827; /* 3 çizgi efekti */

}



/* Mobil açılır menü paneli */

.mobile-nav.collapse-ipsoft {

  position: absolute;

  top: 100%;

  left: 0;

  width: 100%;

  padding: 10px 18px 16px;

  background: #ffffff;

  border-radius: 0 0 18px 18px;

  box-shadow: 0 16px 40px rgba(15, 23, 42, 0.15);

}



/* Mobil menü linkleri */

.mobile-nav ul li {

  margin-bottom: 8px;

}



.mobile-nav ul li a {

  display: block;

  padding: 10px 8px;

  border-radius: 10px;

  color: #111827;

  font-size: 0.95rem;

  text-decoration: none;

  transition: all 0.15s ease;

}



.mobile-nav ul li a:hover {

  background: #f3f4ff;

  color: #3b82f6;

}



    :root {

      --primary-gradient: linear-gradient(90deg, #8f37e9 0, #536ee0 50%, #07b5d4 100%);

      --dark-bg: #1a1a1a;

    }



    body {

      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

      background: linear-gradient(90deg, rgba(143, 55, 233, .1) 0, rgba(7, 181, 212, .1) 50%, rgba(83, 110, 224, .1) 100%);

      min-height: 100vh;

      background-attachment: fixed;

    }



    /* Top Header */

    .top-header {
    background: rgb(0 0 0 / 80%);
    backdrop-filter: blur(10px);
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 9999;
    padding: 7px 0;
}



    .top-header a {

      color: #ffffff;

      text-decoration: none;

      font-size: 0.9rem;

      transition: color 0.3s;

    }



    .top-header a:hover {

      color: #3b82f6;

    }



    /* Main Navbar */

    .main-navbar {

      position: fixed;

      z-index: 9998;

      top: 0;

      left: 50%;

      transform: translateX(-50%);

      width: 100%;

      max-width: 100%;

      padding: 16px 24px;

    }



    .logo-box {


      padding: 12px 24px;

      border-radius: 12px;


    }



    .logo-box img {

      height: 44px;

    }



    .nav-center-box {



      padding: 14.5px 15px;

  



    }



    .navbar-nav .nav-link {

      color: #1a1a1a;

      font-weight: 500;

      padding: 8px 16px;

      transition: color 0.3s;
      position: relative;

    }


a.nav-link:before {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    left: 0;
    width: 91%;
    bottom: 2px;
    height: 2px;
    background-color: transparent;
    transition: .24s ease-in-out;
    transition-property: background-color, border-color, box-shadow, height, left, right, opacity;
    --uk-navbar-nav-item-line-margin-horizontal: 0;
    left: 0;
    right: 0;
    background-color: #235f9d;
    margin: auto;
}
/* .main-navbar .d-flex.align-items-center.gap-2 .d-none.d-lg-flex.align-items-center.gap-2{
  display: none !important;
} */

    .navbar-nav .nav-link:hover {

      color: #235f9d;

    }



    /* Mega Menu */

    .dropdown-mega {

      position: static;

    }



    .mega-menu {

  position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    margin-top: 20px;

    background: white;
    border-radius: 16px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.15);

    opacity: 0;
    visibility: hidden;
    transition: all 0.3s;

    padding: 20px;
    min-width: 800px;

    }



    .dropdown-mega:hover .mega-menu {

      opacity: 1;

      visibility: visible;

      margin-top: 12px;

    }



    /* Service Cards in Mega Menu */

    .service-card-mega {

      background: transparent;

      border-radius: 10px;

      padding: 12px 14px;

      display: flex;

      align-items: center;

      gap: 12px;

      transition: all 0.2s;

      cursor: pointer;

      margin-bottom: 10px;

    }



    .service-card-mega:hover,

    .service-card-mega.active {

      background: #f8f9fa;

      transform: translateX(3px);

    }



    .icon-container {

      width: 45px;

      height: 45px;

      border-radius: 10px;

      display: flex;

      align-items: center;

      justify-content: center;

      flex-shrink: 0;

    }



    .icon-container.teal { background: linear-gradient(135deg, #14b8a6 0%, #0d9488 100%); }

    .icon-container.cyan { background: linear-gradient(135deg, #06b6d4 0%, #0891b2 100%); }

    .icon-container.purple { background: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%); }

    .icon-container.blue { background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%); }

    .icon-container.orange { background: linear-gradient(135deg, #f97316 0%, #ea580c 100%); }



    .service-title {

      font-size: 0.95rem;

      font-weight: 600;

      color: #1a1a1a;

      margin-bottom: 2px;

    }



    .service-description {

      font-size: 0.75rem;

      color: #6b7280;

    }



    /* ===== SERVICE CARD ICONS ===== */

/* Cloud Icon */

.cloud-icon {

 width: 35px;

 height: 26px;

 background: rgba(255, 255, 255, 0.9);

 border-radius: 15px;

 position: relative;

}



.cloud-icon::before {

 content: '';

 position: absolute;

 width: 20px;

 height: 20px;

 background: rgba(255, 255, 255, 0.9);

 border-radius: 50%;

 top: -6px;

 left: 8px;

}



.cloud-icon::after {

 content: '';

 position: absolute;

 width: 14px;

 height: 14px;

 background: rgba(255, 255, 255, 0.9);

 border-radius: 50%;

 top: -4px;

 right: 6px;

}



/* Headphones Icon */

.headphones-icon {

 width: 32px;

 height: 32px;

 border: 3px solid rgba(255, 255, 255, 0.9);

 border-bottom: none;

 border-radius: 32px 32px 0 0;

 position: relative;

}



.headphones-icon::before,

.headphones-icon::after {

 content: '';

 position: absolute;

 width: 6px;

 height: 10px;

 background: rgba(255, 255, 255, 0.9);

 border-radius: 3px;

 bottom: -4px;

}



.headphones-icon::before {

 left: -5px;

}



.headphones-icon::after {

 right: -5px;

}



/* Message Icon */

.message-icon {

 width: 35px;

 height: 26px;

 background: rgba(255, 255, 255, 0.9);

 border-radius: 5px;

 position: relative;

}



.message-icon::before {

 content: '';

 position: absolute;

 width: 0;

 height: 0;

 border-left: 6px solid transparent;

 border-right: 6px solid transparent;

 border-top: 8px solid rgba(255, 255, 255, 0.9);

 bottom: -6px;

 left: 6px;

}



.message-icon::after {

 content: '';

 position: absolute;

 width: 24px;

 height: 2px;

 background: rgba(0, 0, 0, 0.2);

 top: 9px;

 left: 5px;

 box-shadow: 0 5px 0 rgba(0, 0, 0, 0.2);

}



/* Phone Icon */

.phone-icon {

 width: 32px;

 height: 32px;

 border: 3px solid rgba(255, 255, 255, 0.9);

 border-radius: 6px;

 position: relative;

 transform: rotate(-10deg);

}



.phone-icon::before {

 content: '';

 position: absolute;

 width: 10px;

 height: 10px;

 background: rgba(255, 255, 255, 0.9);

 border-radius: 50%;

 top: 3px;

 left: 50%;

 transform: translateX(-50%);

}



.phone-icon::after {

 content: '';

 position: absolute;

 width: 14px;

 height: 3px;

 background: rgba(255, 255, 255, 0.9);

 border-radius: 2px;

 bottom: 3px;

 left: 50%;

 transform: translateX(-50%);

}



/* Laptop Icon */

.laptop-icon {

 width: 40px;

 height: 26px;

 border: 3px solid rgba(255, 255, 255, 0.9);

 border-radius: 3px 3px 0 0;

 position: relative;

}



.laptop-icon::before {

 content: '';

 position: absolute;

 width: 46px;

 height: 3px;

 background: rgba(255, 255, 255, 0.9);

 bottom: -6px;

 left: -6px;

 border-radius: 0 0 3px 3px;

}



.laptop-icon::after {

 content: '';

 position: absolute;

 width: 16px;

 height: 12px;

 background: rgba(0, 0, 0, 0.1);

 top: 3px;

 left: 9px;

 border-radius: 2px;

}

.service-options a {

  text-decoration: none !important;  /* çizgiyi kaldır */

  color: #6b7280 !important;          /* gri renk */

  font-weight: 500;

  display: block;

  padding: 4px 0;

}



.service-options a:hover {

  color: #3b82f6 !important;          /* hover rengi (mavi) */

}





    .service-options {

      display: none;

    }



    .service-options.active {

      display: block;

      animation: fadeIn 0.3s ease;

    }



    @keyframes fadeIn {

      from { opacity: 0; transform: translateY(-10px); }

      to { opacity: 1; transform: translateY(0); }

    }



    /* Buttons */

.btn-custom-outline {
    position: relative;
    background:linear-gradient(135deg, #4296a7 0%, #48bff1 100%);
    color: #fff;
    border-radius: 6px;
    padding: 11.5px 18px;
    font-weight: 600;
    border: none;
    white-space: nowrap;
    cursor: pointer;

    box-shadow: 0 0 0 rgba(88, 182, 201, 0.6);
    animation: pulseGlow 1.8s infinite;

    transition: 
        transform 0.25s ease,
        box-shadow 0.25s ease,
        background 0.25s ease;
}

/* Pulse / yanıp sönme */
@keyframes pulseGlow {
    0% {
        box-shadow: 0 0 0 0 rgba(88, 182, 201, 0.6);
    }
    70% {
        box-shadow: 0 0 0 12px rgba(88, 182, 201, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(88, 182, 201, 0);
    }
}

/* Hover premium hissi */
.btn-custom-outline:hover {
    background: linear-gradient(135deg, #4aa9bb 0%, #9fe0f4 100%);
    transform: translateY(-2px) scale(1.04);
    box-shadow: 0 10px 30px rgba(88, 182, 201, 0.45);
    animation: none; /* hover’da pulse durur */
}

/* Tıklama hissi */
.btn-custom-outline:active {
    transform: scale(0.98);
}



   .btn-custom-solid {
    background: linear-gradient(135deg, #abe3f8 0%, #61bbce 100%);
    color: white;
        border-radius: 3px;
    padding: 11.5px 15px;
    font-weight: 500;
    border: none;
}



    .btn-custom-solid:hover {

      background: #61bbce;

      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);

    }



    /* Hero Section */

    .hero-section {

      margin-top:140px;

      padding: 40px 0;

    }
    .main-navbar{
      background-color: #ffffff;;
    }
.nav-center-box.flex-grow-1.mx-3.d-none.d-lg-block{
  justify-content: flex-end !important;

    flex-wrap: wrap;
}
@media (max-width:1480px){
  .ip-network {
    transform: scale(0.8) !important;
    min-width:  612px;
}

.ip-hero .container-fluid{
  width: 1180px;
}
}
@media (max-width: 1290px) {
    .ip-hero .container-fluid {
        width: 1110px;
    }
}
@media (min-width: 1199px) {
    .nav-center-box.flex-grow-1.mx-3.d-none.d-lg-block {
         display: flex !important;
    }
    
}
@media (max-width: 1198px) {
    .nav-center-box.flex-grow-1.mx-3.d-none.d-lg-block {
         display: none !important;
    }
        .ip-hero .container-fluid {
        width: 868px;
    }
        .ip-network {
        transform: scale(0.7) !important;
    }
    .showcase-content h3 {
    font-size: 24px !important;
    font-weight: 700 !important;
}
.showcase-content p {
    font-size: 16px !important;
}

   
    .navbar-toggler.d-lg-none {
        display: block !important;
    }
.mobile-nav.collapse-ipsoft.d-lg-none.collapse.show{
  display: block !important;
}
}
   .ip-network {
    margin-top: 0 !important;
}
  @media(max-height: 900px) {
    .ip-network {
    margin-top: 0 !important;
}
  }
  
@media(max-width:991px){
  .ip-network {
    margin-top: 0 !important;
       max-width: 650px !important;
}
.ip-hero .col-lg-6.d-none.d-md-flex.justify-content-center.mt-5{
  height: 549px !important;
          display: flex !important;
}
    .showcase-img {
        max-width: 100% !important;
    }
.hero-panel{
  height: 500px !important;
  margin-bottom:60px !important;
  margin-top:0px !important
}
.ip-network {
    position: relative;
    top: -40px !important;
}
      .ip-hero .container-fluid {
        width: 868px;
        max-width: 100%;
        padding-left: 8%;
        padding-right: 8%;
        width: 100%;
        min-width: 0;
    }
    .showcase-img{
      max-width: 100% !important;
    }
   .showcase-img img{
      max-width: 100% !important;
    }
    .showcase-content {
    padding: 30px 30px!important;
}
.motto {
    top: 0;
    bottom: auto !important;
}
.ip-hero .col-lg-6.d-flex.justify-content-center.mt-4.mt-sm-0{
  height: 350px;
}
}
  @media (max-width: 768px) {
    .ip-network {
        transform: scale(.6) !important;
    }
        .ip-hero .col-lg-6.d-none.d-md-flex.justify-content-center.mt-5 {
        height: 440px !important;
    }
        .ip-network {
        position: relative!important;
        top: -122px!important;
    }
        .hero-panel {
        height: 406px !important;
    }
    .hero-panel {
        margin-top: -60px !important;
    }
    .ip-hero .col-lg-6.d-flex.justify-content-center.mt-4.mt-sm-0 {
        height: auto;
    }
    .motto h3 {
    font-size: 23px !important;
}
.motto p {
    font-size: 14px!important;
}
.motto {
    height: 200px !important;
    
    padding: 20px 20px!important;
   
}
.row.align-items-center.g-5 {
    max-width: 100%;
}
}  @media (max-width: 580px) {

    .ip-hero .col-lg-6.d-none.d-md-flex.justify-content-center.mt-5 {
        height: 409px !important;
    }
      .showcase-content h3 {
        font-size: 20px !important;
        font-weight: 700 !important;
        margin-bottom: 10px !important;
    }
        .hero-panel {
        height: 375px !important;
    } .hero-panel {
        margin-top: -20px !important;
    }
    .showcase-content p {
        font-size: 14px !important;
    }
        .ip-hero .container-fluid {
        padding-left: 5%!important;
        padding-right: 5%!important;
    }
    body .blog-list-section.py-5,body  .pricing-page.py-5,body  .col-lg-12 iframe {
    padding-top: 20px !important;
}
  }


    .hero-section h1 {

      font-size: 36px;

      font-weight: 700;

      margin: 30px 0 20px;

    }
.blog-list-section.py-5 ,.pricing-page.py-5,.col-lg-12 iframe{
    padding-top: 5rem !important;
}


    .hero-section p {

      font-size: 20px;

    }



    .hero-section .btn-gradient {

      background: var(--primary-gradient);

      color: white;

      padding: 0.8rem 1.2rem;

      border-radius: 1em;

      text-decoration: none;

      display: inline-block;

      margin-top: 30px;

    }



    .hero-section img {

    

      border-radius: 10px;

    }



    /* Service Row Cards */

    .service-row-card {

      background: white;

      border-radius: 14px;

      padding: 16px 18px;

      display: flex;

      align-items: center;

      gap: 12px;

      font-size: 0.95rem;

      font-weight: 600;

      border: 2px solid #e5e7eb;

      cursor: pointer;

      box-shadow: 0 4px 16px rgba(0,0,0,0.06);

      transition: all 0.3s;

    }



    .service-row-card:hover {

      color: white;

      border-color: transparent;

      box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);

      transform: translateY(-2px);

    }



    .service-row-card:nth-child(1):hover {

      background: linear-gradient(90deg, rgba(121, 40, 202, 0.55), rgba(255, 0, 128, 0.55));

    }



    .service-row-card:nth-child(2):hover {

      background: linear-gradient(90deg, rgba(255, 95, 109, 0.55), rgba(255, 195, 113, 0.55));

    }



    .service-row-card:nth-child(3):hover {

      background: linear-gradient(90deg, rgba(0, 242, 254, 0.55), rgba(79, 172, 254, 0.55));

    }



    .service-row-card:nth-child(4):hover {

      background: linear-gradient(90deg, rgba(67, 233, 123, 0.55), rgba(56, 249, 215, 0.55));

    }



    .service-row-card:nth-child(5):hover {

      background: linear-gradient(90deg, rgba(250, 112, 154, 0.55), rgba(120, 75, 160, 0.55));

    }



    .icon1 {

      width: 45px;

      height: 45px;

      background-color: #00c6ff;

      color: white;

      border-radius: 10px;

      display: flex;

      align-items: center;

      justify-content: center;

      font-size: 22px;

    }



    /* Accordion */

    .accordion-item {

      background: white;

      border: 2px solid #e5e7eb;

      border-radius: 10px;

      margin-bottom: 20px;

      overflow: hidden;

    }



    .accordion-item.active {

    border-color: #3FA4C3;

}



    .accordion-button {

      padding: 24px 28px;

      font-size: 1.25rem;

      font-weight: 600;

      background: white;

      color: #1a1a1a;

    }



    .accordion-button:not(.collapsed) {

      background: white;

      color: #1a1a1a;

    }



    .accordion-body {

      padding: 0 28px 24px;

      font-size: 1rem;

      line-height: 1.8;

      color: #4b5563;

    }



    /* Floating Cards */

    .image-section {

      position: relative;

      border-radius: 10px;

      overflow: hidden;

      background: white;

      box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);

    }



    .floating-card {

      position: absolute;

      background: white;

      border-radius: 16px;

      padding: 20px;

      box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);

      animation: float 3s ease-in-out infinite;

    }



    @keyframes float {

      0%, 100% { transform: translateY(0); }

      50% { transform: translateY(-10px); }

    }



    .stats-card {

      top: 10%;

      left: 5%;

    }



    .rating-card {

      bottom: 8%;

      right: 5%;

    }



    /* Çözümler mega menüsü biraz daha dar olsun istersen */

.solutions-menu {

  min-width: 480px;

}



/* Başlıklar: mavi alt çizgi */

.solutions-title {

  font-size: 0.95rem;

  font-weight: 600;

  margin-bottom: 0.5rem;

  padding-bottom: 0.4rem;

  border-bottom: 2px solid #2563eb;

}



/* Liste linkleri */

.solutions-list li + li {

  margin-top: 0.25rem;

}



.solutions-list a {

  font-size: 0.9rem;

  color: #111827;

  text-decoration: none;

}



.solutions-list a:hover {

  color: #2563eb;

}

/* ONLINE İŞLEMLER DROPDOWN  ------------------ */



.online-dropdown {

  display: inline-block;   /* butonun boyutu değişmesin */

}



.online-dropdown .online-menu {

  position: absolute;

  top: 100%;

  left: 0;

  margin-top: 12px;



  background: #ffffff;

  border-radius: 18px;

  box-shadow: 0 12px 35px rgba(15, 23, 42, 0.18);



  padding: 16px 20px;

  min-width: 260px;



  opacity: 0;

  visibility: hidden;

  transition: all 0.2s ease;

  z-index: 9999;

}



/* Hover edince açılması */

.online-dropdown:hover .online-menu {

  opacity: 1;

  visibility: visible;

  margin-top: 8px;

}



/* Liste stilleri */

.online-list li + li {

  margin-top: 10px;

}



.online-list a {

  display: block;

  font-size: 0.9rem;

  color: #4b5563;          /* gri yazı */

  text-decoration: none;   /* alt çizgi yok */

}



.online-list a:hover {

  color: #111827;          /* biraz daha koyu gri */

}

/* Li'lerin arası açılsın */

.service-options ul li {

  margin-bottom: 0;

}



/* Linkler buton gibi dursun */

.service-options ul li a {

  display: block;

  padding: 8px 12px;

  border-radius: 10px;

  color: #1a1a1a;

  font-size: 0.95rem;

  transition: all 0.2s ease;

}



/* Hover efekti: buton görünümü */

.service-options ul li a:hover {

  background: #f3f4ff;

  color: #3b82f6;

  text-decoration: none;

  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.06);

}

/* Başlık (İhtiyaca Göre / Sektöre Göre) */

.solutions-title {

  font-size: 1rem;

  font-weight: 600;

  color: #1a1a1a;

  border-bottom: 2px solid #7d9cdb;

  padding-bottom: 6px;

}



/* Liste elemanları arası boşluk */

.solutions-list li {

  margin-bottom: 10px;

}



/* Linklerin normal hali */

.solutions-list li a {

  display: block;

  padding: 8px 12px;

  border-radius: 10px;

  color: #1a1a1a;

  font-size: 0.95rem;

  transition: all 0.2s ease;

}



/* Hover: buton görünümü */

.solutions-list li a:hover {

  background: #f3f4ff;           /* Çok hafif mor ton */

  color: #3b82f6;                /* IP Soft mavi tonu */

  text-decoration: none;

  box-shadow: 0 4px 10px rgba(0,0,0,0.06);

}

.footer-inner {
    background:  initial !important;
    border-radius: 10px;
    padding: 0!important;
    backdrop-filter: initial !important;
    border: 0!important;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.3)!important;
}
.full-footer-bg{
 background: radial-gradient(circle at 70% 20%, rgba(120, 220, 255, 0.20) 0%, rgba(80, 180, 255, 0.12) 30%, transparent 65%), linear-gradient(135deg, #01092a 0%, #02124a 35%, #061e55 60%, #12327a 100%) !important;
}
.footer-form input::placeholder {
  color: #ffffff;
  opacity: 1; /* Safari / Firefox için */
}

/* Tarayıcı uyumluluğu için */
.footer-form input::-webkit-input-placeholder {
  color: #ffffff;
}

.footer-form input:-ms-input-placeholder {
  color: #ffffff;
}

.footer-form input::-ms-input-placeholder {
  color: #ffffff;
}

.footer-form input::placeholder,
.footer-form textarea::placeholder {
  color: #ffffff;
  opacity: 1;
}