/* -------------------------------------------------------
   Netroa Tema İyileştirmeleri
   - Menü tıklanabilirlik (z-index / pointer-events)
   - Dropdown / Mega menü (popup) görünümü
   - Buton tasarımları
   - Sayaç (Rakamlarla) boşluk ve kontrast düzeltmeleri
   - Ana sayfa kartları ve ek bloklar
-------------------------------------------------------- */

:root{
  --netroa-blue:#0b3a7a;
  --netroa-blue2:#0b5cff;
  --netroa-orange:#ff7a18;
  --netroa-orange2:#ffb200;
  --netroa-dark:#061225;
}

/* Header background: blue-ish gradient */
#header{
  background: linear-gradient(135deg, var(--netroa-blue) 0%, var(--netroa-dark) 100%) !important;
}

/* --- Tıklanabilirlik / Katmanlar --- */
/* Particles canvas bazen menünün üstünde kalıp tıklamayı engelliyordu */
#particles-bg,
#particles-bg canvas,
.moon-bg-her,
.courve-gb-hdr-top,
.section-with-moon-back-under,
.section-with-moon-men-quastions-under{
  pointer-events: none !important;
}

/* Menü ve slider yazıları her zaman üstte */
.top-header-nav-home{
  position: relative;
  z-index: 9999;
}
.header-heeadline-title,
.inner.cover{
  position: relative;
  z-index: 50;
}

/* --- Üst menü (popup dropdown) --- */
#header .navbar{
  position: relative;
  z-index: 9999;
}


/* Menü yazı tipi */
#header .navbar-nav .nav-link{
  font-weight: 900;
  letter-spacing: 0;
  text-transform: none;
  opacity: .95;
}

#header .navbar-nav .nav-link:hover{
  opacity: 1;
}

#header .navbar .dropdown-menu{
  border-radius: 18px;
  border: 1px solid rgba(0,0,0,.06);
  box-shadow: 0 18px 45px rgba(0,0,0,.16);
  padding: 10px;
  margin-top: 14px;
}

#header .navbar .dropdown-item{
  border-radius: 14px;
  padding: 10px 12px;
  font-weight: 800;
  color: #24313a;
}

#header .navbar .dropdown-item:hover{
  background: rgba(11,58,122,.08);
  color: var(--netroa-blue);
}

/* Desktop: hover ile açılan popup */
@media (min-width: 992px){
  #header .navbar .dropdown:hover > .dropdown-menu{
    display: block;
  }
  #header .navbar .dropdown:hover > .dropdown-toggle{
    color: #fff;
  }
}

/* Mega menu (Hizmetler) */
.mega-dropdown{
  position: relative;
}
#header .navbar .mega-dropdown-menu{
  width: 560px;
  max-width: calc(100vw - 30px);
  padding: 14px;
}

.mega-item{
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 12px;
  border-radius: 16px;
  text-decoration: none !important;
  color: #24313a;
}

.mega-item:hover{
  background: rgba(11,58,122,.06);
}

.mega-ic{
  width: 42px;
  height: 42px;
  border-radius: 14px;
  background: rgba(11,58,122,.08);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 42px;
}

.mega-ic img{
  width: 24px;
  height: 24px;
}

.mega-tx b{
  display: block;
  font-weight: 900;
  line-height: 1.2;
}
.mega-tx small{
  display: block;
  opacity: .75;
  margin-top: 2px;
  font-weight: 600;
}

.mega-footer{
  margin-top: 8px;
  padding-top: 10px;
  border-top: 1px dashed rgba(0,0,0,.10);
}
.mega-footer a{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 10px 12px;
  border-radius: 14px;
  font-weight: 900;
  text-decoration: none !important;
  color: #fff !important;
  background: linear-gradient(90deg, var(--netroa-blue) 0%, var(--netroa-blue2) 100%);
}

/* --- Butonlar (genel) --- */
.btn{
  border-radius: 12px !important;
  font-weight: 800;
}

.btn:focus,
.btn:active{
  box-shadow: none !important;
}

/* Header CTA butonları */
.header-order-button-slid{
  background: linear-gradient(90deg, var(--netroa-orange) 0%, var(--netroa-orange2) 100%) !important;
  color: #fff !important;
  padding: 12px 22px !important;
  border-radius: 999px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  box-shadow: 0 12px 28px rgba(0,0,0,.22);
  transition: transform .15s ease, filter .15s ease;
}

.header-order-button-slid:hover{
  transform: translateY(-1px);
  filter: brightness(1.03);
  text-decoration: none !important;
}

.header-order-button-slid-outline{
  background: rgba(255,255,255,.10) !important;
  border: 1px solid rgba(255,255,255,.60) !important;
  color: #fff !important;
  box-shadow: none !important;
}

/* Paket kartlarındaki Satın Al butonu */
.pricing-plan-one .purshase-plan a{
  text-transform: none !important;
  letter-spacing: 0 !important;
  border-radius: 14px !important;
  font-weight: 900 !important;
  padding: 12px 22px !important;
  background: linear-gradient(90deg, var(--netroa-blue) 0%, var(--netroa-blue2) 100%) !important;
}

/* --- Ana sayfa kartları / yeni bloklar --- */
.netroa-home-cards .netroa-card{
  border: 1px solid rgba(0,0,0,.06);
  border-radius: 16px;
  box-shadow: 0 10px 30px rgba(0,0,0,.07);
  overflow: hidden;
}

.netroa-pill{
  display: inline-block;
  font-size: 12px;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(11,58,122,.08);
  color: var(--netroa-blue);
  margin-bottom: 10px;
}

.netroa-price{
  margin: 10px 0 12px 0;
  font-size: 18px;
  line-height: 1.2;
}

.netroa-price b{
  font-size: 26px;
}

.netroa-price small{
  opacity: .8;
  margin-left: 6px;
}

.netroa-list{
  padding-left: 18px;
  margin: 0;
}

.netroa-list li{
  margin: 6px 0;
  opacity: .9;
}

.netroa-note{
  opacity: .75;
  font-size: 14px;
}

/* Primary buttons used in new blocks */
.netroa-btn{
  background: linear-gradient(90deg, var(--netroa-orange) 0%, var(--netroa-orange2) 100%) !important;
  border: 0 !important;
  color: #fff !important;
  border-radius: 14px !important;
  padding: 12px 16px !important;
  font-weight: 900;
}

.netroa-btn:hover{
  filter: brightness(1.05);
}

.netroa-btn-lg{
  padding: 12px 18px !important;
  border-radius: 14px !important;
}

.netroa-btn-outline{
  background: transparent;
  border: 1px solid rgba(11,58,122,.35) !important;
  color: var(--netroa-blue) !important;
  margin-left: 10px;
}

/* Feature cards */
.netroa-feature-card{
  background: #fff;
  border-radius: 16px;
  border: 1px solid rgba(0,0,0,.06);
  padding: 18px 16px;
  box-shadow: 0 10px 30px rgba(0,0,0,.05);
}

.netroa-feature-icon{
  width: 46px;
  height: 46px;
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(11,58,122,.08);
  color: var(--netroa-blue);
  margin-bottom: 10px;
  font-size: 18px;
}

.netroa-feature-card h6{
  font-weight: 900;
  margin-bottom: 8px;
}

.netroa-feature-card p{
  opacity: .85;
  margin-bottom: 10px;
}

/* Steps */
.netroa-step-card{
  background: #fff;
  border-radius: 16px;
  border: 1px solid rgba(0,0,0,.06);
  padding: 18px 16px;
  box-shadow: 0 10px 30px rgba(0,0,0,.05);
}

.netroa-step-no{
  display: inline-flex;
  width: 34px;
  height: 34px;
  border-radius: 999px;
  align-items: center;
  justify-content: center;
  background: linear-gradient(90deg, var(--netroa-blue) 0%, var(--netroa-blue2) 100%);
  color: #fff;
  font-weight: 900;
  margin-bottom: 10px;
}

.netroa-step-card h6{
  font-weight: 900;
  margin-bottom: 8px;
}

.netroa-step-card p{
  opacity: .85;
  margin: 0;
}

/* --- Sayaçlar (Rakamlarla) düzen --- */
.counter-section{
  padding: 70px 0 !important;
}

.counter-section .counter-middle-icon{
  position: relative;
  text-align: center;
  margin-bottom: 10px;
}

.counter-section .counter-middle-icon .icon-counter-sid{
  position: relative !important;
  top: 0 !important;
  left: auto !important;
  right: auto !important;
  margin: 0 auto 14px auto !important;
}

.counter-section .counter-middle-icon .icon-counter-sid:before,
.counter-section .counter-middle-icon .icon-counter-sid:after{
  display: none !important;
}

.counter-section .counter-middle-icon .icon-counter-sid-title{
  margin-top: 0 !important;
  padding-top: 0 !important;
  color: var(--netroa-blue) !important;
  text-transform: none !important;
  font-weight: 900 !important;
  opacity: 1 !important;
}

.counter-section .counter-middle-icon .icon-counter-sid-title b{
  color: var(--netroa-blue) !important;
}

.counter-number-tibo{
  margin-top: 10px;
}

.counter-number-tibo span{
  background: rgba(11,58,122,.08) !important;
  color: #2a3a44 !important;
}

.counter-number-tibo b{
  color: #2a3a44 !important;
  text-transform: none !important;
  font-weight: 900 !important;
  opacity: .9 !important;
}

/* Accordion */

.netroa-accordion .card{
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid rgba(0,0,0,.06);
  margin-bottom: 12px;
}

.netroa-accordion .card-header{
  background: #fff;
  border-bottom: 1px solid rgba(0,0,0,.06);
}

.netroa-accordion .btn.btn-link{
  width: 100%;
  text-align: left;
  font-weight: 900;
  color: var(--netroa-blue);
  text-decoration: none !important;
}

.netroa-accordion .card-body{
  background: #fff;
  opacity: .9;
}

/* CTA box */
.netroa-cta-box{
  background: linear-gradient(135deg, rgba(11,58,122,.10) 0%, rgba(11,92,255,.10) 100%);
  border: 1px solid rgba(11,58,122,.12);
  border-radius: 18px;
  padding: 24px 22px;
}

.netroa-cta-box h4{
  font-weight: 900;
  margin-bottom: 8px;
  color: var(--netroa-blue);
}

.netroa-cta-box p{
  margin: 0;
  opacity: .85;
}

/* Mobile tweaks */
@media (max-width: 767px){
  #header .navbar .mega-dropdown-menu{
    width: 100%;
  }
  .netroa-btn-outline{
    margin-left: 0;
    margin-top: 10px;
  }
}

/* Popular packages tabs */
#populer-paketler .nav-pills .nav-link{
  border-radius: 999px;
  font-weight: 900;
  color: var(--netroa-blue);
  border: 1px solid rgba(11,58,122,.25);
  margin: 0 6px 10px;
  background: #fff;
}

#populer-paketler .nav-pills .nav-link.active{
  color: #fff;
  background: linear-gradient(90deg, var(--netroa-blue) 0%, var(--netroa-blue2) 100%);
  border-color: transparent;
}


/* Template buton sınıfları (eski şablondan kalanlar) */
.btn-order-default-nuhost,
.btn-order-white-nuhost,
.btn-order-default-nuhost-blue{
  background: linear-gradient(90deg, var(--netroa-blue) 0%, var(--netroa-blue2) 100%) !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: 14px !important;
  padding: 12px 18px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  box-shadow: 0 12px 28px rgba(0,0,0,.10);
}

.btn-order-default-nuhost:hover,
.btn-order-white-nuhost:hover,
.btn-order-default-nuhost-blue:hover{
  filter: brightness(1.04);
  text-decoration: none !important;
}


@media (max-width: 991px){
  /* Offcanvas / mobil menüde dropdown daha rahat açılsın */
  #header .navbar .dropdown-menu{
    position: static !important;
    float: none !important;
    transform: none !important;
    box-shadow: none !important;
    margin-top: 6px !important;
  }
}


/* -------------------------------------------------------
   Netroa: Ek İyileştirmeler (Şubat 2026)
------------------------------------------------------- */

/* Üst menü (scroll'da kaybolmasın) */
.top-header-fixed{
  top: 0 !important;
}
.top-header-fixed-btom0{
  top: 0 !important;
}

/* Buton grupları: dip dibe olmasın */
.netroa-btn-group{
  gap: 12px;
}
.netroa-btn-group > a{
  margin: 6px 0 !important;
}
.netroa-btn-outline{
  margin-left: 0 !important;
}

/* Hizmetler mega menü: yanlış yerde açılma / kayma fix */
#header .navbar .dropdown-toggle{
  cursor: pointer;
}
@media (min-width: 992px){
  #header .navbar .dropdown-menu{
    margin-top: 10px;
  }
  #header .navbar .dropdown-menu:not(.mega-dropdown-menu){
    left: 0 !important;
    right: auto !important;
    transform: none !important;
  }
  #header .navbar .dropdown-menu.mega-dropdown-menu{
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%) !important;
  }
}

/* S.S.S. alanı: daha dolu ve modern */
.netroa-faq-section{
  position: relative;
  background: linear-gradient(135deg, rgba(11,58,122,.06) 0%, rgba(255,122,24,.05) 100%);
}
.netroa-faq-section:before{
  content: '';
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 20% 20%, rgba(11,92,255,.10), transparent 55%),
    radial-gradient(circle at 80% 30%, rgba(255,122,24,.10), transparent 55%);
  pointer-events: none;
}
.netroa-faq-section .container{
  position: relative;
  z-index: 1;
}

.netroa-accordion .card{
  border-radius: 14px !important;
  overflow: hidden;
  border: 1px solid rgba(11,58,122,.08) !important;
  box-shadow: 0 18px 40px rgba(0,0,0,.06);
}
.netroa-accordion .card + .card{
  margin-top: 14px;
}
.netroa-accordion .card-header{
  padding: 0;
  background: rgba(11,58,122,.02);
}
.netroa-accordion .btn.btn-link{
  width: 100%;
  text-align: left;
  padding: 16px 18px !important;
  padding-right: 56px !important;
  position: relative;
  font-weight: 900 !important;
  color: var(--netroa-blue) !important;
  text-decoration: none !important;
}
.netroa-accordion .btn.btn-link::after{
  content: '+';
  position: absolute;
  right: 14px;
  top: 50%;
  transform: translateY(-50%);
  width: 34px;
  height: 34px;
  border-radius: 999px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(11,58,122,.08);
  color: var(--netroa-blue);
  font-weight: 900;
  font-size: 18px;
}
.netroa-accordion .btn.btn-link[aria-expanded="true"]::after{
  content: '–';
  background: linear-gradient(90deg, var(--netroa-blue) 0%, var(--netroa-blue2) 100%);
  color: #fff;
}
.netroa-accordion .card-body{
  padding: 16px 18px;
  color: rgba(42, 58, 68, .92);
}

/* Alt footer: ödeme bandı */
.footer-payment-band{
  margin-top: 30px;
  padding-top: 22px;
  border-top: 1px solid rgba(255,255,255,.12);
}
.footer-payment-band img{
  max-width: 520px;
  width: 100%;
  height: auto;
  opacity: .95;
}

/* Kurumsal bilgi kartı */
.netroa-info-card{
  background: #fff;
  border-radius: 18px;
  border: 1px solid rgba(11,58,122,.12);
  box-shadow: 0 20px 50px rgba(0,0,0,.06);
  padding: 34px 26px;
}
.netroa-info-card h4{
  font-weight: 900;
  margin-bottom: 10px;
}
.netroa-info-card .info-row{
  font-weight: 700;
  margin: 8px 0;
  color: rgba(42,58,68,.95);
}
.netroa-info-card .info-row b{
  color: var(--netroa-blue);
}
.netroa-info-card .info-actions{
  margin-top: 18px;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  justify-content: center;
}

/* =====================================================================
   Netroa Pro UI (Menu / Buttons / Cards / Footer)
   ===================================================================== */

:root{
  --netroa-btn-radius: 999px;
  --netroa-btn-padding-y: 12px;
  --netroa-btn-padding-x: 22px;
  --netroa-shadow-soft: 0 18px 50px rgba(12, 20, 44, 0.10);
  --netroa-shadow-hover: 0 26px 70px rgba(12, 20, 44, 0.16);
}

/* -----------------------------
   Menü: Netroa benzeri underline + hover
   ----------------------------- */
#header .navbar-nav .nav-link{
  position: relative;
}

/* Eski underline efektlerini bastır */
#header .navbar-nav .nav-link:before,
#header .navbar-nav .nav-link:after{
  background: transparent;
  opacity: 1;
}

@media (min-width: 768px){
  #header .navbar-nav .nav-link{
    padding-bottom: 10px;
  }

  #header .navbar-nav .nav-link:after{
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 0;
    height: 3px;
    border-radius: 999px;
    transform: translateX(-50%);
    background: linear-gradient(90deg, var(--netroa-orange) 0%, #ffb400 45%, var(--netroa-blue) 100%);
    transition: width .18s ease;
  }

  #header .navbar-nav .nav-item:hover > .nav-link:after{
    width: 22px;
  }

  #header .navbar-nav .nav-link.active:after,
  #header .navbar-nav .nav-item.active > .nav-link:after{
    width: 28px;
  }

  #header .navbar-nav .nav-link.active,
  #header .navbar-nav .nav-item.active > .nav-link{
    opacity: 1;
  }
}

/* -----------------------------
   Dropdown: menü kapanma (hover gap) düzeltmesi
   ----------------------------- */
@media (min-width: 992px){
  /* Toggle ile dropdown arasında boşluk olsa bile hover kaybolmasın */
  #header .navbar .dropdown{
    position: relative;
  }
  #header .navbar .dropdown:after{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    height: 16px;
  }

  /* Menüye yaklaşınca kapanmaması için margin'i azalt + daha doğal animasyon */
  #header .navbar .dropdown-menu{
    margin-top: 10px !important;
  }
}

/* -----------------------------
   Header: Müşteri Paneli ikonu (üstte beyaz, scroll sonrası siyah)
   ----------------------------- */
#header .account-place-header-nav .nav-link img{
  filter: invert(1) brightness(2);
  opacity: .95;
  transition: filter .18s ease, opacity .18s ease;
}
#header.top-header-fixed .account-place-header-nav .nav-link img,
#header .top-header-fixed .account-place-header-nav .nav-link img{
  filter: none;
  opacity: .85;
}

/* -----------------------------
   Butonlar: kökten yeni tasarım
   ----------------------------- */

/* Accordion/Link butonları bozma */
.btn.btn-link{
  border-radius: 0 !important;
  padding: 0 !important;
  background: transparent;
  box-shadow: none !important;
}

/* Genel buton stili */
.btn:not(.btn-link),
.btn-order-default-nuhost,
.btn-order-default-nuhost-blue,
.btn-order-white-nuhost,
.header-order-button-slid,
.header-order-button-slid-outline,
.pricing-plan-one .purshase-plan a,
.pricing-plan-two .purshase-plan a,
.btn-holder-contect button,
.netroa-btn{
  border-radius: var(--netroa-btn-radius) !important;
  padding: var(--netroa-btn-padding-y) var(--netroa-btn-padding-x) !important;
  font-weight: 900 !important;
  letter-spacing: .2px;
  text-transform: none !important;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  border: 1px solid transparent;
  transition: transform .15s ease, box-shadow .15s ease, filter .15s ease, background .2s ease, border-color .2s ease, color .2s ease;
}

/* Block butonlar */
.btn.btn-block,
.netroa-btn.btn-block{
  display: flex;
  width: 100%;
}

/* Primary (Netroa) */
.netroa-btn,
.btn-order-default-nuhost,
.header-order-button-slid,
.pricing-plan-one .purshase-plan a,
.pricing-plan-two .purshase-plan a{
  background: linear-gradient(90deg, #ff8a00 0%, #ffb000 100%) !important;
  color: #ffffff !important;
  box-shadow: 0 16px 40px rgba(255, 154, 0, 0.28);
}

.netroa-btn:hover,
.btn-order-default-nuhost:hover,
.header-order-button-slid:hover,
.pricing-plan-one .purshase-plan a:hover,
.pricing-plan-two .purshase-plan a:hover{
  transform: translateY(-2px);
  filter: brightness(1.04);
  box-shadow: 0 18px 52px rgba(255, 154, 0, 0.34);
}

/* Outline / Secondary */
.netroa-btn-outline,
.btn-order-default-nuhost-blue,
.header-order-button-slid-outline{
  background: rgba(255,255,255,.12) !important;
  color: #ffffff !important;
  border-color: rgba(255,255,255,.35) !important;
  box-shadow: none !important;
}

/* Beyaz header'da outline daha net görünsün */
#header.top-header-fixed .netroa-btn-outline,
#header .top-header-fixed .netroa-btn-outline,
#header.top-header-fixed .btn-order-default-nuhost-blue,
#header .top-header-fixed .btn-order-default-nuhost-blue,
#header.top-header-fixed .header-order-button-slid-outline,
#header .top-header-fixed .header-order-button-slid-outline{
  background: rgba(11,92,255,.06) !important;
  color: var(--netroa-blue) !important;
  border-color: rgba(11,92,255,.25) !important;
}

.netroa-btn-outline:hover,
.btn-order-default-nuhost-blue:hover,
.header-order-button-slid-outline:hover{
  transform: translateY(-2px);
  background: rgba(255,255,255,.18) !important;
}

/* CTA grubu buton aralığı */
.netroa-cta-box .btn{
  margin: 6px 6px 0 0;
}

/* -----------------------------
   Kartlar: daha modern + profesyonel
   ----------------------------- */

.netroa-card{
  border-radius: 26px !important;
  border: 1px solid rgba(11, 92, 255, 0.12) !important;
  background: linear-gradient(180deg, #ffffff 0%, #fbfcff 100%) !important;
  box-shadow: var(--netroa-shadow-soft) !important;
  overflow: hidden;
  position: relative;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.netroa-card:before{
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 4px;
  background: linear-gradient(90deg, var(--netroa-orange) 0%, #ffb400 45%, var(--netroa-blue) 100%);
}

.netroa-card:hover{
  transform: translateY(-6px);
  box-shadow: var(--netroa-shadow-hover) !important;
  border-color: rgba(11, 92, 255, 0.22) !important;
}

.netroa-card .card-title{
  font-weight: 900;
  letter-spacing: .2px;
}

.netroa-pill{
  background: rgba(11, 92, 255, 0.08);
  border: 1px solid rgba(11, 92, 255, 0.18);
  color: var(--netroa-blue);
  font-weight: 900;
  border-radius: 999px;
  padding: 6px 12px;
}

.netroa-price b{
  font-weight: 1000;
}

/* Özet paket kartları: alt buton daha düzgün otursun */
.netroa-summary-grid .netroa-card{
  height: 100%;
}
.netroa-summary-grid .netroa-card .card-footer{
  padding: 0 22px 22px;
}

/* Popüler paketler: tab tasarımı */
#popularPackagesTab .nav-link{
  border-radius: 999px;
  padding: 10px 18px;
  font-weight: 900;
  border: 1px solid rgba(11,92,255,.18);
  color: rgba(24,44,59,.92);
  background: #fff;
  box-shadow: 0 10px 24px rgba(0,0,0,.06);
  margin: 0 6px;
}
#popularPackagesTab .nav-link.active{
  background: linear-gradient(90deg, var(--netroa-blue) 0%, #2b6cff 100%);
  color: #fff;
  border-color: rgba(11,92,255,.0);
  box-shadow: 0 16px 40px rgba(11,92,255,.22);
}

/* -----------------------------
   Kurumsal Bilgi Alanı
   ----------------------------- */
.netroa-info-grid{
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
}
@media (min-width: 768px){
  .netroa-info-grid{
    grid-template-columns: 1fr 1fr;
  }
  .netroa-info-grid .netroa-info-item:nth-child(2){
    grid-column: 1 / -1;
  }
}

.netroa-info-item{
  padding: 10px 12px;
  border-radius: 14px;
  background: rgba(11,92,255,.05);
  border: 1px solid rgba(11,92,255,.10);
  color: rgba(24,44,59,.92);
}

/* -----------------------------
   Trust logos strip (footer üstü)
   ----------------------------- */
.netroa-trust-strip{
  background: #f6f8fb;
  border-top: 1px solid rgba(0,0,0,.05);
  border-bottom: 1px solid rgba(0,0,0,.05);
  padding: 26px 0;
}
.netroa-trust-logos{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 18px 34px;
}
.netroa-trust-logos img{
  height: 26px;
  width: auto;
  max-width: 150px;
  filter: grayscale(100%) contrast(1.05);
  opacity: .78;
  transition: opacity .15s ease, filter .15s ease, transform .15s ease;
}
.netroa-trust-logos img:hover{
  opacity: 1;
  filter: none;
  transform: translateY(-1px);
}
@media (max-width: 575px){
  .netroa-trust-logos img{
    height: 22px;
    max-width: 120px;
  }
}

/* -----------------------------
   Footer: daha profesyonel + minimal ödeme bandı
   ----------------------------- */
.footer-coodiv-thm{
  background: #1f2337;
  padding-top: 90px;
  padding-bottom: 70px;
}
.footer-title-simple{
  font-size: 18px;
  letter-spacing: .2px;
  margin-bottom: 18px;
}
.main-menu-footer-mn li a{
  opacity: .86;
  transition: opacity .15s ease, transform .15s ease;
}
.main-menu-footer-mn li a:hover{
  opacity: 1;
  transform: translateX(2px);
}

.footer-contact-a-hm{
  display: flex;
  align-items: flex-start;
  gap: 10px;
}
.footer-contact-a-hm i{
  margin-top: 3px;
  opacity: .95;
}

.footer-payment-band{
  margin-top: 34px;
  padding-top: 18px;
}
.footer-payment-band img{
  max-width: 420px;
  width: 100%;
  height: auto;
  opacity: .78;
  filter: grayscale(100%) contrast(1.1) brightness(1.15);
}

/* Mobilde footer boşlukları */
@media (max-width: 767px){
  .footer-coodiv-thm{
    padding-top: 70px;
  }
}

/* Light arka planlarda outline buton okunaklı olsun */
.netroa-info-card .netroa-btn-outline,
.netroa-info-card .btn-order-default-nuhost-blue,
.netroa-card .netroa-btn-outline,
.netroa-card .btn-order-default-nuhost-blue{
  background: rgba(11,92,255,.06) !important;
  color: var(--netroa-blue) !important;
  border-color: rgba(11,92,255,.25) !important;
}

/* =====================================================================
   Netroa Rev2 – Premium UI (Renk düzeni / Butonlar / Footer / Marquee)
   ===================================================================== */

:root{
  /* Daha premium ve daha az "parlak" palette */
  --netroa-blue:#0b3a7a;
  --netroa-blue2:#2b6cff;
  --netroa-dark:#061225;
  --netroa-accent:#ffb400;
  --netroa-text:#1b2733;
  --netroa-soft:#f6f8fb;
}

/* Header: daha dengeli gradient */
#header{
  background: linear-gradient(135deg, var(--netroa-dark) 0%, var(--netroa-blue) 42%, #1f52ff 100%) !important;
}

/* Sticky header görünümü (daha kurumsal) */
.top-header-fixed{
  background: rgba(255,255,255,.96) !important;
  backdrop-filter: blur(10px);
  border-bottom: 1px solid rgba(15, 23, 42, .08);
  box-shadow: 0 16px 40px rgba(12, 20, 44, 0.08) !important;
}

/* Mobil offcanvas: sticky header altında kalmasın */
@media (max-width: 767px){
  .navbar-offcanvas{
    z-index: 100000 !important;
  }
}

/* -------------------------------------------------
   Butonlar – kökten yeni (daha az glow, daha premium)
   ------------------------------------------------- */

/* Genel butonlar */
.btn:not(.btn-link),
.btn-order-default-nuhost,
.btn-order-default-nuhost-blue,
.btn-order-white-nuhost,
.header-order-button-slid,
.header-order-button-slid-outline,
.pricing-plan-one .purshase-plan a,
.pricing-plan-two .purshase-plan a,
.btn-holder-contect button,
.netroa-btn{
  border-radius: 999px !important;
  padding: 12px 22px !important;
  font-weight: 900 !important;
  letter-spacing: .2px;
  text-transform: none !important;
  line-height: 1;
  box-shadow: none;
  border: 1px solid transparent;
  transition: transform .16s ease, box-shadow .16s ease, filter .16s ease, background .2s ease, color .2s ease, border-color .2s ease;
}

/* Primary: mavi */
.netroa-btn,
.btn-order-default-nuhost,
.header-order-button-slid,
.pricing-plan-one .purshase-plan a,
.pricing-plan-two .purshase-plan a{
  background: linear-gradient(90deg, var(--netroa-blue2) 0%, var(--netroa-blue) 100%) !important;
  color: #fff !important;
  box-shadow: 0 14px 34px rgba(11, 92, 255, 0.18);
}

.netroa-btn:hover,
.btn-order-default-nuhost:hover,
.header-order-button-slid:hover,
.pricing-plan-one .purshase-plan a:hover,
.pricing-plan-two .purshase-plan a:hover{
  transform: translateY(-1px);
  box-shadow: 0 18px 46px rgba(11, 92, 255, 0.22);
  filter: brightness(1.02);
  text-decoration: none !important;
}

/* Outline: default (açık zeminlerde) */
.netroa-btn-outline,
.btn-order-default-nuhost-blue{
  background: rgba(11,92,255,.06) !important;
  color: var(--netroa-blue) !important;
  border-color: rgba(11,92,255,.25) !important;
  box-shadow: none !important;
}

/* Header hero üzerinde (koyu zemin) outline beyaz */
#header .netroa-btn-outline,
#header .btn-order-default-nuhost-blue,
.header-order-button-slid-outline{
  background: rgba(255,255,255,.10) !important;
  color: #fff !important;
  border-color: rgba(255,255,255,.40) !important;
  box-shadow: none !important;
}

/* Sticky header / light zeminlerde outline */
#header .top-header-fixed .netroa-btn-outline,
#header .top-header-fixed .btn-order-default-nuhost-blue,
#header .top-header-fixed .header-order-button-slid-outline,
.top-header-fixed .netroa-btn-outline,
.top-header-fixed .btn-order-default-nuhost-blue,
.top-header-fixed .header-order-button-slid-outline{
  background: rgba(11,92,255,.06) !important;
  color: var(--netroa-blue) !important;
  border-color: rgba(11,92,255,.25) !important;
}

.netroa-btn-outline:hover,
.btn-order-default-nuhost-blue:hover,
.header-order-button-slid-outline:hover{
  transform: translateY(-1px);
  filter: brightness(1.03);
}

/* -------------------------------------------------
   İkon gradientleri: daha sade/kurumsal
   ------------------------------------------------- */
.grandient-blue-text-color,
.grandient-red-text-color,
.grandient-green-text-color,
.grandient-yellow-text-color{
  background: none !important;
  -webkit-background-clip: initial !important;
  -webkit-text-fill-color: initial !important;
  color: var(--netroa-accent) !important;
}

/* -------------------------------------------------
   Ana sayfa: About preview
   ------------------------------------------------- */
.netroa-about-preview{
  background: #fff;
}

.netroa-lead{
  font-size: 16px;
  line-height: 1.7;
  color: rgba(27, 39, 51, .86);
  margin-top: 14px;
}

.netroa-checklist{
  list-style: none;
  padding: 0;
  margin: 18px 0 0 0;
  display: grid;
  gap: 10px;
}
.netroa-checklist li{
  display: flex;
  align-items: flex-start;
  gap: 10px;
  color: rgba(27, 39, 51, .9);
  font-weight: 700;
}
.netroa-checklist i{
  color: var(--netroa-accent);
  margin-top: 2px;
}

.netroa-about-visual{
  position: relative;
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 18px 55px rgba(12, 20, 44, 0.10);
  border: 1px solid rgba(15, 23, 42, .08);
}

.netroa-about-visual:after{
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 20% 20%, rgba(255, 180, 0, .18), transparent 52%),
              radial-gradient(circle at 80% 30%, rgba(43, 108, 255, .22), transparent 55%);
  pointer-events: none;
}

.netroa-about-badge{
  position: absolute;
  left: 18px;
  bottom: 18px;
  padding: 12px 14px;
  border-radius: 16px;
  background: rgba(6, 18, 37, .68);
  border: 1px solid rgba(255,255,255,.14);
  backdrop-filter: blur(10px);
  color: #fff;
  max-width: 260px;
}

.netroa-about-badge b{
  display: block;
  font-weight: 1000;
}

.netroa-about-badge span{
  display: block;
  opacity: .85;
  margin-top: 2px;
  font-weight: 700;
  font-size: 13px;
}

/* -------------------------------------------------
   Trust logos strip: marquee
   ------------------------------------------------- */
.netroa-trust-strip{
  background: var(--netroa-soft);
  border-top: 1px solid rgba(15, 23, 42, .06);
  border-bottom: 1px solid rgba(15, 23, 42, .06);
  padding: 26px 0;
}

.netroa-marquee{
  position: relative;
  overflow: hidden;
  width: 100%;
}

.netroa-marquee:before,
.netroa-marquee:after{
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  width: 90px;
  z-index: 2;
  pointer-events: none;
}

.netroa-marquee:before{
  left: 0;
  background: linear-gradient(90deg, var(--netroa-soft) 0%, rgba(246,248,251,0) 100%);
}

.netroa-marquee:after{
  right: 0;
  background: linear-gradient(270deg, var(--netroa-soft) 0%, rgba(246,248,251,0) 100%);
}

.netroa-marquee-track{
  display: flex;
  align-items: center;
  gap: 34px;
  width: max-content;
  animation: netroaMarquee 28s linear infinite;
  will-change: transform;
}

.netroa-marquee:hover .netroa-marquee-track{
  animation-play-state: paused;
}

.netroa-marquee-track img{
  height: 26px;
  width: auto;
  max-width: 160px;
  filter: grayscale(100%) contrast(1.06);
  opacity: .78;
  transition: opacity .15s ease, filter .15s ease;
}

.netroa-marquee-track img:hover{
  opacity: 1;
  filter: none;
}

@keyframes netroaMarquee{
  from{ transform: translateX(0); }
  to{ transform: translateX(-50%); }
}

@media (max-width: 575px){
  .netroa-marquee:before,
  .netroa-marquee:after{
    width: 48px;
  }
  .netroa-marquee-track{
    gap: 22px;
    animation-duration: 22s;
  }
  .netroa-marquee-track img{
    height: 22px;
    max-width: 130px;
  }
}

@media (prefers-reduced-motion: reduce){
  .netroa-marquee-track{ animation: none; }
}

/* -------------------------------------------------
   Footer: Netroa.net benzeri (premium)
   ------------------------------------------------- */
.netroa-footer{
  color: rgba(255,255,255,.92);
}

.netroa-footer-bg{
  position: relative;
  padding: 110px 0 44px;
  background: linear-gradient(135deg, #0b2a5e 0%, #1f52ff 42%, #0a1c3d 100%);
  overflow: hidden;
}

/* Dekoratif noktalar */
.netroa-footer-bg:before{
  content: '';
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 14% 22%, rgba(255,180,0,.25), transparent 56%),
    radial-gradient(circle at 10% 10%, rgba(133, 88, 255,.22), transparent 55%),
    radial-gradient(circle at 78% 20%, rgba(255,180,0,.14), transparent 62%),
    radial-gradient(circle at 82% 46%, rgba(43,108,255,.18), transparent 60%);
  pointer-events: none;
}

.netroa-footer-bg .container{
  position: relative;
  z-index: 1;
}

.netroa-footer-brand img{
  height: 44px;
  width: auto;
}

.netroa-footer-desc{
  margin-top: 18px;
  line-height: 1.8;
  color: rgba(255,255,255,.86);
  font-weight: 600;
}

.netroa-footer-contact{
  margin: 22px 0 0 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 12px;
}

.netroa-footer-contact li{
  display: flex;
  align-items: flex-start;
  gap: 12px;
  color: rgba(255,255,255,.92);
}

.netroa-footer-contact i{
  color: var(--netroa-accent);
  margin-top: 3px;
}

.netroa-footer-contact a{
  color: rgba(255,255,255,.92);
  text-decoration: none;
  font-weight: 700;
}

.netroa-footer-contact a:hover{
  color: #fff;
  text-decoration: none;
}

.netroa-footer-meta{
  margin-top: 18px;
  color: rgba(255,255,255,.80);
  font-weight: 700;
  font-size: 13px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.netroa-footer-meta .sep{
  opacity: .7;
}

.netroa-footer-title{
  font-size: 18px;
  font-weight: 1000;
  margin-bottom: 18px;
  position: relative;
  display: inline-flex;
  padding-bottom: 10px;
}

.netroa-footer-title:after{
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 3px;
  border-radius: 999px;
  background: rgba(255,255,255,.40);
}

.netroa-footer-links{
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 12px;
}

.netroa-footer-links a{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: rgba(255,255,255,.86);
  text-decoration: none;
  font-weight: 700;
}

.netroa-footer-links a .arrow{
  opacity: .9;
}

.netroa-footer-links a:hover{
  color: #fff;
  transform: translateX(2px);
}

.netroa-footer-highlights{
  margin-top: 44px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 20px 34px;
  color: rgba(255,255,255,.92);
}

.netroa-footer-highlight{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-weight: 900;
  opacity: .95;
}

.netroa-footer-highlight i{
  color: var(--netroa-accent);
}

.netroa-footer-bottom{
  margin-top: 22px;
  padding: 18px 18px;
  border-radius: 22px;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.10);
  backdrop-filter: blur(12px);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.netroa-footer-bottom-left .copy{
  font-weight: 900;
}

.netroa-footer-bottom-left .vat{
  font-size: 13px;
  opacity: .82;
  margin-top: 6px;
  font-weight: 700;
}

.netroa-footer-payments img{
  height: 22px;
  width: auto;
  max-width: 360px;
  opacity: .95;
}

.netroa-btn-footer{
  padding: 12px 18px !important;
  box-shadow: 0 18px 48px rgba(12, 20, 44, 0.18);
}

.netroa-btn-footer .btn-arrow{
  font-weight: 1000;
}

.netroa-footer-etbis{
  text-align: center;
  margin-top: 16px;
  font-size: 13px;
  opacity: .78;
  font-weight: 700;
}

@media (max-width: 991px){
  .netroa-footer-bg{
    padding: 90px 0 40px;
  }
  .netroa-footer-title{ margin-top: 10px; }
}

@media (max-width: 575px){
  .netroa-footer-payments img{ height: 20px; }
  .netroa-footer-bottom{ padding: 16px 14px; }
}


/* Offcanvas menü (mobil) – arka plan ve okunabilirlik */
@media (max-width: 767px){
  .navbar-offcanvas{
    background: #ffffff !important;
    box-shadow: 0 20px 55px rgba(12, 20, 44, 0.20);
  }
  .navbar-offcanvas .nav-link,
  .navbar-offcanvas .dropdown-item{
    color: var(--netroa-text) !important;
  }
  .navbar-offcanvas .nav-link:hover,
  .navbar-offcanvas .dropdown-item:hover{
    color: var(--netroa-blue) !important;
  }
}



/* =========================================================
   Netroa Rev3 – Global UI Polish
   - Button system (all buttons like Satın Al)
   - Nav hover underline (white)
   - Footer highlights sizing + balance
   - Payment band centering
   - Modern FAQ component (7. görsel benzeri)
   - Offcanvas / sticky header reliability
   ========================================================= */

:root{
  --netroa-btn-bg: linear-gradient(90deg,#3B59FF 0%, #2B44FF 100%);
  --netroa-btn-bg-hover: linear-gradient(90deg,#060B1C 0%, #0B1632 100%);
  --netroa-btn-shadow: 0 18px 42px rgba(43, 68, 255, 0.22);
  --netroa-btn-shadow-hover: 0 24px 60px rgba(6, 11, 28, 0.40);
}

/* ---------- Button: base (1. görsel) ---------- */
.netroa-btn,
.btn-primary,
.btn.btn-primary,
.btn-order-default-nuhost,
.header-order-button-slid,
.pricing-plan-one .purshase-plan a,
.pricing-plan-two .purshase-plan a,
.netroa-btn-footer{
  background: var(--netroa-btn-bg) !important;
  color: #ffffff !important;
  border: 0 !important;
  border-radius: 999px !important;
  padding: 13px 30px !important;
  font-weight: 800 !important;
  letter-spacing: .2px;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  overflow: hidden;
  box-shadow: var(--netroa-btn-shadow);
  transition: background .22s ease, box-shadow .22s ease, transform .22s ease;
  text-transform: none !important;
  line-height: 1 !important;
}

.btn.btn-sm.btn-primary,
.btn-sm.btn-primary{
  padding: 9px 18px !important;
  font-size: 13px !important;
}

/* hover (2. görsel) – dark + golden circle */
.netroa-btn::after,
.btn-primary::after,
.btn-order-default-nuhost::after,
.header-order-button-slid::after,
.pricing-plan-one .purshase-plan a::after,
.pricing-plan-two .purshase-plan a::after,
.netroa-btn-footer::after{
  content:"";
  position: absolute;
  width: 190px;
  height: 190px;
  border-radius: 50%;
  top: 50%;
  left: 78%;
  transform: translate(-50%, -50%) scale(.55);
  background: radial-gradient(circle, rgba(255, 185, 0, 0.78) 0%, rgba(255, 185, 0, 0.35) 38%, rgba(255, 185, 0, 0) 72%);
  opacity: 0;
  transition: opacity .22s ease, transform .22s ease;
  pointer-events: none;
}

.netroa-btn > *,
.btn-primary > *,
.btn-order-default-nuhost > *,
.header-order-button-slid > *,
.pricing-plan-one .purshase-plan a > *,
.pricing-plan-two .purshase-plan a > *,
.netroa-btn-footer > *{
  position: relative;
  z-index: 2;
}

.netroa-btn:hover,
.btn-primary:hover,
.btn-order-default-nuhost:hover,
.header-order-button-slid:hover,
.pricing-plan-one .purshase-plan a:hover,
.pricing-plan-two .purshase-plan a:hover,
.netroa-btn-footer:hover{
  background: var(--netroa-btn-bg-hover) !important;
  box-shadow: var(--netroa-btn-shadow-hover);
  transform: translateY(-1px);
}

.netroa-btn:hover::after,
.btn-primary:hover::after,
.btn-order-default-nuhost:hover::after,
.header-order-button-slid:hover::after,
.pricing-plan-one .purshase-plan a:hover::after,
.pricing-plan-two .purshase-plan a:hover::after,
.netroa-btn-footer:hover::after{
  opacity: 1;
  transform: translate(-50%, -50%) scale(1);
}

.netroa-btn:active,
.btn-primary:active,
.btn-order-default-nuhost:active,
.header-order-button-slid:active,
.pricing-plan-one .purshase-plan a:active,
.pricing-plan-two .purshase-plan a:active,
.netroa-btn-footer:active{
  transform: translateY(0);
  box-shadow: var(--netroa-btn-shadow);
}

/* Outline helper – still same family */
.netroa-btn-outline{
  background: rgba(255,255,255,0.12) !important;
  border: 1px solid rgba(255,255,255,0.20) !important;
  box-shadow: none !important;
}
.top-header-fixed .netroa-btn-outline{
  background: rgba(43, 68, 255, 0.08) !important;
  border: 1px solid rgba(43, 68, 255, 0.18) !important;
  color: var(--netroa-text) !important;
}
.top-header-fixed .netroa-btn-outline:hover{
  color: #fff !important;
}

/* Arrow spacing */
.netroa-btn .btn-arrow,
.btn-primary .btn-arrow,
.pricing-plan-one .purshase-plan a .btn-arrow{
  font-weight: 900;
}

/* ---------- Menu underline: white (8. görsel) ---------- */
#header .navbar-nav .nav-link:after{
  background: #ffffff !important;
}
#header .navbar-nav .nav-link:hover:after,
#header .navbar-nav .nav-link.active:after{
  background: #ffffff !important;
}
#header .top-header-fixed .navbar-nav .nav-link:after{
  background: var(--netroa-blue) !important;
}
#header .top-header-fixed .navbar-nav .nav-link:hover:after,
#header .top-header-fixed .navbar-nav .nav-link.active:after{
  background: var(--netroa-blue) !important;
}

/* ---------- Footer highlights: smaller + balanced (4. görsel) ---------- */
.netroa-footer-highlights{
  margin-top: 26px !important;
  gap: 10px 18px !important;
  justify-content: space-between !important;
}
.netroa-footer-highlight{
  font-size: 14px !important;
  padding: 8px 10px !important;
}
.netroa-footer-highlight i{
  font-size: 14px !important;
  margin-right: 8px !important;
}
@media (max-width: 991px){
  .netroa-footer-highlights{
    justify-content: center !important;
    gap: 10px 14px !important;
  }
}

/* Payment band: center (3. görsel) */
.netroa-footer-payments{
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.netroa-footer-payments img{
  display: block !important;
  margin: 0 auto !important;
}

/* ---------- Offcanvas: z-index fix for sticky header ---------- */
@media (max-width: 767px){
  .navbar-offcanvas{
    z-index: 100000 !important;
  }
}

/* ---------- Modern FAQ component (7. görsel) ---------- */
.netroa-faq-modern{
  position: relative;
}
.netroa-faq-visual{
  display: flex;
  align-items: center;
  justify-content: center;
}
.netroa-faq-visual img{
  width: 100%;
  max-width: 560px;
  height: auto;
  object-fit: contain;
  margin: 0 auto;
}

.netroa-faq-kicker{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: var(--netroa-blue);
  margin-bottom: 12px;
}

.netroa-faq-title{
  font-size: 44px;
  font-weight: 900;
  line-height: 1.12;
  margin: 0 0 26px 0;
  color: var(--netroa-text);
}

.netroa-faq-list{
  border-top: 1px solid rgba(18, 28, 55, 0.10);
}

.netroa-faq-item{
  border-bottom: 1px solid rgba(18, 28, 55, 0.10);
}

.netroa-faq-question{
  width: 100%;
  border: 0;
  background: transparent;
  padding: 22px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-align: left;
  cursor: pointer;
  color: var(--netroa-text);
  font-weight: 800;
  font-size: 18px;
}

.netroa-faq-question .netroa-faq-icon{
  width: 34px;
  height: 34px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(43, 68, 255, 0.10);
  color: var(--netroa-blue);
  font-size: 18px;
  transition: transform .22s ease, background .22s ease;
}

.netroa-faq-question[aria-expanded="true"] .netroa-faq-icon{
  transform: rotate(90deg);
  background: rgba(43, 68, 255, 0.16);
}

.netroa-faq-answer{
  padding: 0 0 20px 0;
  color: rgba(15, 24, 45, 0.70);
  font-size: 15px;
  line-height: 1.75;
}

@media (max-width: 991px){
  .netroa-faq-title{ font-size: 34px; }
  .netroa-faq-question{ font-size: 16px; padding: 18px 0; }
}

/* scroll anchors: account for sticky header */
#premium-vds, #ekonomik-vds{
  scroll-margin-top: 110px;
}

.netroa-nowrap{white-space:nowrap;}