/* Sectiunile in "flux vertical" de pe pagina principala: lista la stanga,
   carduri legate printr-o linie la dreapta.
   Se schimba doar infatisarea: structura Avada ramane intacta, deci linkurile
   si animatiile (fadeIn la derulare, pulsatia iconitei la hover) sunt aceleasi.
   .rdn-flux--pasi numeroteaza lista (cei 7 pasi); fara el, lista isi pastreaza
   iconitele. */

.rdn-flux{
  --rdn-cyan:#74c5da;
  /* rosul butonului din slider, folosit la trecerea cu mausul peste carduri */
  --rdn-rosu:#cc0000;
  --rdn-rosu-clar:#e11b1b;
  --rdn-cyan-clar:#a6e4f2;
  --rdn-violet-adanc:#3d1f86;
  position:relative;
  background-color:#5b32b8 !important;
  background-image:
    radial-gradient(120% 90% at 8% 0%, rgba(124,79,224,.95) 0%, rgba(91,50,184,.92) 42%, rgba(61,31,134,.98) 100%) !important;
  overflow:hidden;
}
/* modelul vechi ramane, dar doar ca textura discreta */
.rdn-flux::before{
  content:"";position:absolute;inset:0;z-index:0;
  background:url("/wp-content/uploads/2016/11/avada-it-section-bg.webp") center/cover no-repeat;
  opacity:.08;mix-blend-mode:overlay;pointer-events:none;
}
.rdn-flux>*{position:relative;z-index:1}

/* --- eticheta si titlul ------------------------------------------------ */
.rdn-eticheta-sectiune{
  display:flex;align-items:center;gap:12px;
  margin:0 0 14px;
  font-family:'Open Sans',Arial,sans-serif;
  font-size:12px;font-weight:700;letter-spacing:3px;text-transform:uppercase;
  color:var(--rdn-cyan-clar);
}
.rdn-eticheta-sectiune span{
  width:38px;height:2px;border-radius:2px;
  background:linear-gradient(90deg,var(--rdn-cyan),rgba(116,197,218,0));
}
.rdn-flux .fusion-title{margin-bottom:0 !important}
.rdn-flux .fusion-title h1,
.rdn-flux .fusion-title h2,
.rdn-flux .fusion-title h3{
  font-size:78px !important;line-height:.94 !important;
}
.rdn-flux .fusion-separator{margin-bottom:26px !important}
.rdn-flux .fusion-separator-border{
  border-top-width:3px !important;border-radius:3px;
  border-image:linear-gradient(90deg,var(--rdn-cyan),rgba(116,197,218,0)) 1;
}
.rdn-flux .fusion-text p{
  font-size:16px;line-height:1.7;color:rgba(255,255,255,.82);
}

/* --- lista din stanga --------------------------------------------------- */
.rdn-flux .fusion-checklist{
  counter-reset:rdn-pas;
  --awb-content-margin:56px !important;
}
.rdn-flux .fusion-checklist .fusion-li-item{
  counter-increment:rdn-pas;
  margin-bottom:20px !important;
}
.rdn-flux .fusion-checklist .icon-wrapper{
  width:38px !important;height:38px !important;line-height:36px !important;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.28);
  background:rgba(255,255,255,.07);
  text-align:center;
  font-family:Teko,'Open Sans',sans-serif;
  font-size:20px;color:var(--rdn-cyan-clar);
}
/* sectiunea cu pasi: numar in loc de iconita */
.rdn-flux--pasi .fusion-checklist .icon-wrapper::before{content:counter(rdn-pas)}
.rdn-flux--pasi .fusion-checklist .fusion-li-icon{display:none !important}
/* celelalte sectiuni isi pastreaza iconitele, in acelasi cerc */
.rdn-flux:not(.rdn-flux--pasi) .fusion-checklist .fusion-li-icon{
  font-size:15px !important;color:var(--rdn-cyan-clar) !important;
  line-height:36px !important;width:auto !important;height:auto !important;
}
.rdn-flux .fusion-checklist .fusion-li-item-content{
  margin-left:56px !important;
  font-size:14.5px;line-height:1.6;
}
.rdn-flux .fusion-checklist .fusion-li-item-content p{
  margin:0;font-size:14.5px;line-height:1.6;
}
.rdn-flux .fusion-checklist strong{
  display:block;margin-bottom:3px;
  font-size:16px;font-weight:700;color:#fff;
}
/* liniuta dintre titlu si explicatie nu mai are rost pe doua randuri */
.rdn-flux .fusion-checklist .fusion-li-item-content span{color:rgba(255,255,255,.74) !important}
.rdn-flux .fusion-checklist .fusion-li-item-content strong span,
.rdn-flux .fusion-checklist .fusion-li-item-content span strong{color:#fff !important}
.rdn-flux .fusion-checklist a{
  color:var(--rdn-cyan-clar);text-decoration:underline;text-underline-offset:3px;
}
.rdn-flux .fusion-checklist a:hover{color:#fff}

/* --- cardurile de servicii --------------------------------------------- */
.rdn-flux .fusion-content-boxes .content-box-column{
  background:rgba(255,255,255,.08) !important;
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  border:1px solid rgba(255,255,255,.14) !important;
  border-radius:20px !important;
  box-shadow:0 18px 40px -28px rgba(0,0,0,.8) !important;
  padding:26px 28px 26px 112px !important;
  --awb-content-padding-left:112px !important;
  margin-bottom:26px !important;
}
.rdn-flux .fusion-content-boxes .content-box-column::before{display:none}
@media (hover: hover) and (pointer: fine){
  .rdn-flux .fusion-content-boxes .content-box-column:hover{
    transform:translateY(-4px);
    box-shadow:0 26px 54px -26px rgba(0,0,0,.85) !important;
    border-color:rgba(204,0,0,.55) !important;
  }
}
.rdn-flux .fusion-content-boxes .content-box-column.rdn-apasat{
  transform:translateY(-4px);
  box-shadow:0 26px 54px -26px rgba(0,0,0,.85) !important;
  border-color:rgba(204,0,0,.55) !important;
}


/* la hover, cardul imprumuta rosul butonului din slider */
@media (hover: hover) and (pointer: fine){
  .rdn-flux .fusion-content-boxes{
    --awb-hover-accent-color:var(--rdn-rosu) !important;
    --awb-circle-hover-accent-color:var(--rdn-rosu) !important;
  }
  .rdn-flux .content-box-column:hover .heading .icon>span{
    box-shadow:0 0 0 6px rgba(204,0,0,.18) !important;
  }
}
.rdn-flux .content-box-column.rdn-apasat .heading .icon>span{
  box-shadow:0 0 0 6px rgba(204,0,0,.18) !important;
}

@media (hover: hover) and (pointer: fine){
  .rdn-flux .content-box-column:hover .heading .icon>span>i{
    background:linear-gradient(135deg,var(--rdn-rosu-clar),var(--rdn-rosu)) !important;
    color:#ffffff !important;
  }
}
.rdn-flux .content-box-column.rdn-apasat .heading .icon>span>i{
  background:linear-gradient(135deg,var(--rdn-rosu-clar),var(--rdn-rosu)) !important;
  color:#ffffff !important;
}

/* titlul ramane alb: rosul pe violet se citeste greu */
@media (hover: hover) and (pointer: fine){
  .rdn-flux .content-box-column:hover .content-box-heading,
  .rdn-flux .content-box-column:hover .heading-link,
  .rdn-flux .content-box-column:hover .heading-link:hover{
    color:#ffffff !important;
  }
}
.rdn-flux .content-box-column.rdn-apasat .content-box-heading,
.rdn-flux .content-box-column.rdn-apasat .heading-link{
  color:#ffffff !important;
}


/* medalionul iconitei: mai mic si plin cu cyan */
.rdn-flux .content-box-wrapper .heading .icon{margin-top:-14px !important;margin-bottom:-14px !important}
.rdn-flux .content-box-wrapper .heading .icon>span{
  height:64px !important;width:64px !important;line-height:64px !important;
  border-width:0 !important;
  background-color:transparent !important;
  margin-right:18px !important;
  box-shadow:0 0 0 6px rgba(116,197,218,.14);
  border-radius:50% !important;
}
.rdn-flux .content-box-wrapper .heading .icon>span>i{
  height:64px !important;width:64px !important;line-height:64px !important;
  font-size:27px !important;
  border-width:0 !important;
  background-color:var(--rdn-cyan) !important;
  color:var(--rdn-violet-adanc) !important;
  transition:background .32s cubic-bezier(.22,.61,.36,1),color .32s;
}
.rdn-flux .content-box-wrapper .heading .icon>span{
  transition:box-shadow .32s cubic-bezier(.22,.61,.36,1);
}
.rdn-flux .content-box-heading{transition:color .32s}
.rdn-flux .content-box-heading{
  font-size:27px !important;--fontSize:27 !important;
  line-height:1.1 !important;margin-bottom:6px !important;color:#fff !important;
}
.rdn-flux .content-container{
  font-size:14px;line-height:1.6;color:rgba(255,255,255,.78);
}
.rdn-flux .content-container a{color:var(--rdn-cyan-clar);text-decoration:underline;text-underline-offset:3px}
.rdn-flux .content-container a:hover{color:#fff}

/* linia verticala dintre carduri: o desenam noi, aliniata sub medalion */
.rdn-flux .content-box-shortcode-timeline-vertical{display:none !important}
.rdn-flux .fusion-content-boxes .content-box-column::after{
  content:"";position:absolute;left:144px;bottom:-26px;
  width:1px;height:26px;
  background:linear-gradient(180deg,rgba(255,255,255,.4),rgba(255,255,255,0));
}
/* dupa carduri Avada mai pune un div gol, asa ca ultimul card nu e :last-child */
.rdn-flux .fusion-content-boxes .content-box-column:nth-last-child(2)::after{content:none}

/* --- butonul de sub carduri -------------------------------------------- */
.rdn-buton-sectiune{
  display:inline-block;align-self:flex-start;width:fit-content;margin:4px auto 0 0;
  padding:16px 32px;border-radius:30px;
  background:var(--rdn-cyan);color:var(--rdn-violet-adanc) !important;
  font-family:'Open Sans',Arial,sans-serif;
  font-size:14px;font-weight:700;letter-spacing:1px;text-transform:uppercase;
  text-decoration:none;
  transition:transform .3s cubic-bezier(.22,.61,.36,1),box-shadow .3s,background .3s;
}
.rdn-buton-sectiune:hover,.rdn-buton-sectiune:focus-visible{
  background:var(--rdn-cyan-clar);
  transform:translateY(-3px);
  box-shadow:0 16px 34px -14px rgba(116,197,218,.7);
}

@media (max-width:1024px){
  .rdn-flux .fusion-title h1,
  .rdn-flux .fusion-title h2,
  .rdn-flux .fusion-title h3{font-size:62px !important}
  .rdn-flux .fusion-content-boxes .content-box-column{padding-left:96px !important}
}
@media (max-width:800px){
  .rdn-flux .fusion-title h1,
  .rdn-flux .fusion-title h2,
  .rdn-flux .fusion-title h3{font-size:52px !important}
  /* pe telefon iconita si titlul stau pe un rand, iar textul e pe toata latimea */
  .rdn-flux .fusion-content-boxes .content-box-column{
    padding:22px !important;
    --awb-content-padding-left:0px !important;
    margin-bottom:22px !important;
  }
  .rdn-flux .content-box-wrapper .heading{margin-top:0 !important}
  /* iconita si titlul sunt amandoua in acelasi link, deci acolo punem randul */
  .rdn-flux .content-box-wrapper .heading .heading-link{
    display:flex;align-items:center;gap:14px;
  }
  .rdn-flux .content-box-wrapper .heading .icon{margin:0 !important}
  .rdn-flux .content-box-wrapper .heading .icon>span{margin-right:0 !important}
  .rdn-flux .content-box-wrapper .heading .icon>span,
  .rdn-flux .content-box-wrapper .heading .icon>span>i{
    height:52px !important;width:52px !important;line-height:52px !important;
  }
  .rdn-flux .content-box-wrapper .heading .icon>span>i{font-size:22px !important}
  .rdn-flux .content-box-heading{font-size:24px !important;--fontSize:24 !important}
  .rdn-flux .content-container{
    padding-left:0 !important;margin-top:12px;
  }
  .rdn-flux .fusion-content-boxes .content-box-column::after{left:48px;bottom:-22px;height:22px}
  .rdn-flux .fusion-checklist .fusion-li-item-content{margin-left:50px !important}
  .rdn-flux .fusion-checklist{--awb-content-margin:50px !important}
}

@media (prefers-reduced-motion:reduce){
  .rdn-buton-sectiune,
  .rdn-flux .fusion-content-boxes .content-box-column{transition-duration:.01ms !important}
}

/* ======================================================================
   Randul cu certificari si parteneriate
   Pozele au marimi diferite (de la 400x229 la 530x284), asa ca fiecare
   coloana arata altfel. Le dam tuturor acelasi cadru alb, cu poza
   incadrata in mijloc, si scoatem liniile verticale dintre coloane.
   ====================================================================== */
.rdn-certificate{
  --awb-border-sizes-top:0px !important;
  --awb-border-sizes-bottom:0px !important;
  padding:56px 4% 60px !important;
  background:linear-gradient(180deg,#ffffff 0%,#f7f6fd 100%) !important;
}
.rdn-eticheta-centrata{
  /* sectiunea e flex, deci eticheta trebuie sa ocupe tot randul ei,
     altfel ia din latimea coloanelor */
  /* Avada ascunde ce nu e coloana in randul ei, de aceea display:block */
  display:block !important;
  flex:0 0 100%;width:100%;
  margin:0 0 30px;
  text-align:center;
  font-family:'Open Sans',Arial,sans-serif;
  font-size:12px;font-weight:700;letter-spacing:3px;text-transform:uppercase;
  color:#6239bd;
}
.rdn-certificate .fusion-layout-column{
  --awb-border-right:0px !important;
  --awb-padding-top:0 !important;--awb-padding-bottom:0 !important;
  --awb-padding-left:10px !important;--awb-padding-right:10px !important;
  padding:0 10px !important;border-right:0 !important;
}
.rdn-certificate .fusion-image-element{
  display:flex;align-items:center;justify-content:center;
  height:176px;padding:18px 20px;box-sizing:border-box;
  border-radius:16px;
  background:#fff;
  border:1px solid rgba(98,57,189,.10);
  box-shadow:0 1px 2px rgba(9,41,51,.05), 0 16px 36px -26px rgba(9,41,51,.45);
  transition:transform .3s cubic-bezier(.22,.61,.36,1),box-shadow .3s,border-color .3s;
}
.rdn-certificate .fusion-image-element:hover{
  transform:translateY(-5px);
  box-shadow:0 24px 48px -26px rgba(98,57,189,.45);
  border-color:rgba(98,57,189,.22);
}
.rdn-certificate .fusion-imageframe,
.rdn-certificate .fusion-image-element a{
  display:flex;align-items:center;justify-content:center;
  width:100%;height:100%;
}
.rdn-certificate .fusion-image-element img{
  max-width:100%;max-height:100%;
  width:auto;height:auto;
  object-fit:contain;
}
@media (max-width:1024px){
  .rdn-certificate .fusion-image-element{height:150px}
}
@media (max-width:800px){
  .rdn-certificate{padding:40px 6% 44px !important}
  .rdn-certificate .fusion-layout-column{margin-bottom:16px !important}
  .rdn-certificate .fusion-image-element{height:140px}
}
@media (prefers-reduced-motion:reduce){
  .rdn-certificate .fusion-image-element{transition-duration:.01ms !important}
}

/* ======================================================================
   Sectiunea "Externalizare IT" - varianta cu carduri 2x2
   Cardurile au fost mutate sub randul cu text si ilustratie, ca sa aiba
   toata latimea. Miscarea ramane cea a temei: aparitia cu intarziere
   (fusion-delayed-animation, 2000 ms), pulsatia iconitei la hover si
   zoomInUp pe ilustratie.
   ====================================================================== */
.rdn-it{
  /* sectiunea are flex-wrap:nowrap in tema; fara wrap, randul de carduri ar
     sta pe acelasi rand cu textul si ar strivi coloanele */
  flex-wrap:wrap !important;
  --rdn-violet:#6239bd;
  --rdn-cyan:#74c5da;
  --rdn-rosu:#cc0000;
  --rdn-rosu-clar:#e11b1b;
  --rdn-text:#19233F;
  --rdn-text-slab:#5b6480;
}
.rdn-it .fusion-title-heading{font-size:72px !important;line-height:.94 !important}
.rdn-it .fusion-text p{font-size:15.5px;line-height:1.75;color:var(--rdn-text-slab)}

/* randul de carduri, pe toata latimea sectiunii */
.rdn-it-carduri{
  /* sectiunea e flex: fara asta, randul de carduri ar imparti latimea
     cu randul de deasupra si ar iesi ingust */
  flex:0 0 100%;
  width:100%;
  max-width:1250px;
  margin:44px auto 0;
  padding:0 15px;
  box-sizing:border-box;
}
.rdn-it-carduri .fusion-clearfix{display:none !important}
/* clasa "row" a temei aduce ::before si ::after de curatare a float-urilor;
   intr-o grila ele ocupa cate o celula si impingeau primul card in dreapta */
.rdn-it-carduri .fusion-content-boxes::before,
.rdn-it-carduri .fusion-content-boxes::after{content:none !important}
.rdn-it-carduri .fusion-content-boxes{
  display:grid !important;
  direction:ltr !important;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:26px;
  margin:0 !important;
}
.rdn-it-carduri .content-box-column{
  width:auto !important;max-width:none !important;
  float:none !important;margin:0 !important;padding:0 !important;
}
.rdn-it-carduri .content-box-wrapper{
  height:100%;box-sizing:border-box;
  padding:28px 30px;
  border-radius:20px;
  background:#ffffff;
  border:1px solid rgba(98,57,189,.12);
  box-shadow:0 1px 2px rgba(9,41,51,.04),0 18px 40px -30px rgba(9,41,51,.5);
  transition:transform .3s cubic-bezier(.22,.61,.36,1),box-shadow .3s,border-color .3s;
}
@media (hover: hover) and (pointer: fine){
  .rdn-it-carduri .content-box-column:hover .content-box-wrapper{
    transform:translateY(-5px);
    box-shadow:0 26px 54px -30px rgba(9,41,51,.6);
    border-color:rgba(204,0,0,.35);
  }
}
.rdn-it-carduri .content-box-column.rdn-apasat .content-box-wrapper{
  transform:translateY(-5px);
  box-shadow:0 26px 54px -30px rgba(9,41,51,.6);
  border-color:rgba(204,0,0,.35);
}


/* iconita: patrat rotunjit, nu cerc */
.rdn-it-carduri .heading{display:flex;align-items:center;gap:14px;margin-bottom:16px}
.rdn-it-carduri .heading .icon{margin:0 !important;float:none !important}
.rdn-it-carduri .heading .icon>i{
  height:54px !important;width:54px !important;line-height:54px !important;
  font-size:23px !important;
  border-radius:16px !important;
  background-color:var(--rdn-violet) !important;
  color:#ffffff !important;
  box-shadow:0 10px 22px -12px rgba(98,57,189,.8);
  transition:background .3s cubic-bezier(.22,.61,.36,1);
}
@media (hover: hover) and (pointer: fine){
  .rdn-it-carduri .content-box-column:hover .heading .icon>i{
    background:linear-gradient(135deg,var(--rdn-rosu-clar),var(--rdn-rosu)) !important;
  }
}
.rdn-it-carduri .content-box-column.rdn-apasat .heading .icon>i{
  background:linear-gradient(135deg,var(--rdn-rosu-clar),var(--rdn-rosu)) !important;
}

.rdn-it-carduri .content-box-heading{
  font-size:29px !important;--fontSize:29 !important;
  line-height:1.05 !important;margin:0 !important;color:var(--rdn-text) !important;
}
.rdn-it-carduri .content-box-column:hover .content-box-heading{color:var(--rdn-text) !important}

/* lista cu bife */
.rdn-lista{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px}
.rdn-lista li{
  display:flex;gap:11px;align-items:flex-start;
  font-size:15px;line-height:1.5;color:var(--rdn-text-slab);
}
.rdn-lista li::before{
  content:"";flex-shrink:0;
  width:11px;height:6px;margin-top:5px;
  border-left:2px solid var(--rdn-cyan);
  border-bottom:2px solid var(--rdn-cyan);
  transform:rotate(-45deg);
}

@media (max-width:1024px){
  .rdn-it .fusion-title-heading{font-size:58px !important}
}
@media (max-width:800px){
  .rdn-it .fusion-title-heading{font-size:48px !important}
  .rdn-it-carduri{margin-top:30px}
  .rdn-it-carduri .fusion-content-boxes{grid-template-columns:minmax(0, 1fr);gap:18px}
  .rdn-it-carduri .content-box-wrapper{padding:22px 22px}
  .rdn-it-carduri .heading .icon>i{
    height:46px !important;width:46px !important;line-height:46px !important;font-size:20px !important;
  }
  .rdn-it-carduri .content-box-heading{font-size:25px !important;--fontSize:25 !important}
}
@media (prefers-reduced-motion:reduce){
  .rdn-it-carduri .content-box-wrapper,
  .rdn-it-carduri .heading .icon>i{transition-duration:.01ms !important}
}

/* ======================================================================
   Sectiunea "Serviciu Colocare"
   Panoul alb translucid peste fotografie se citea greu, asa ca devine
   sticla intunecata. Titlul a trecut de la h4 la h2 (era si cu <p> in
   interior, ceea ce nu e valid) si a primit textul suplimentar cu datele
   reale din pagina /colocare/.
   ====================================================================== */
.rdn-colocare{
  --rdn-cyan:#74c5da;
  --rdn-cyan-clar:#a6e4f2;
  position:relative;
  isolation:isolate;
}
/* fotografia primeste un val, ca textul sa se citeasca peste ea */
.rdn-colocare::before{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:linear-gradient(100deg,rgba(9,14,28,.86) 0%,rgba(9,14,28,.66) 38%,rgba(9,14,28,.5) 100%);
}
.rdn-colocare>*{position:relative;z-index:1}

.rdn-colocare .fusion-title-heading{
  font-size:70px !important;line-height:.96 !important;color:#ffffff !important;
}
.rdn-titlu-rand{display:block}
/* titlul avea trei liniute sub el: pastram doar separatorul cyan */
.rdn-colocare .title-sep-container{display:none !important}
.rdn-colocare .fusion-title h2::after{display:none !important}
.rdn-colocare .fusion-separator-border{
  border-top-width:3px !important;border-radius:3px;
}

/* panoul din dreapta */
.rdn-colocare .fusion-layout-column[class*="_2_3"]{
  --awb-bg-color:transparent !important;
  --awb-bg-color-hover:transparent !important;
}
.rdn-colocare .fusion-layout-column[class*="_2_3"]>.fusion-column-wrapper{
  /* panoul sta mai spre dreapta si e mai ingust, ca sa nu acopere
     chipul din fotografie */
  max-width:600px;margin-left:auto;
  padding:34px 36px 30px;
  border-radius:22px;
  background:rgba(12,18,34,.62);
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  border:1px solid rgba(255,255,255,.16);
  box-shadow:0 26px 60px -34px rgba(0,0,0,.9);
}
.rdn-colocare .fusion-text p{
  font-size:15.5px;line-height:1.72;color:rgba(255,255,255,.86);
}
.rdn-colocare .fusion-text a{
  color:var(--rdn-cyan-clar);text-decoration:underline;text-underline-offset:3px;
}
.rdn-colocare .fusion-text a:hover{color:#ffffff}
.rdn-colocare-extra{margin-top:14px !important}
.rdn-colocare hr{
  border:0;border-top:1px solid rgba(255,255,255,.16);
  margin:22px 0;
}

/* datele tehnice, pe doua coloane */
.rdn-colocare-fapte{
  list-style:none;margin:20px 0 0 !important;padding:0;
  display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:14px 28px;
}
.rdn-colocare-fapte li{
  display:flex;flex-direction:column;gap:3px;
  padding-left:16px;position:relative;
}
.rdn-colocare-fapte li::before{
  content:"";position:absolute;left:0;top:7px;
  width:6px;height:6px;border-radius:50%;background:var(--rdn-cyan);
}
.rdn-fapt-eticheta{
  font-size:13px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase;
  color:var(--rdn-cyan);
}
.rdn-fapt-text{font-size:14px;line-height:1.45;color:rgba(255,255,255,.85)}

@media (max-width:1024px){
  .rdn-colocare .fusion-title-heading{font-size:56px !important}
  .rdn-colocare .fusion-layout-column[class*="_2_3"]>.fusion-column-wrapper{max-width:none}
}
@media (max-width:800px){
  .rdn-colocare .fusion-title-heading{font-size:46px !important}
  .rdn-colocare .fusion-layout-column[class*="_2_3"]>.fusion-column-wrapper{padding:26px 24px 24px}
  .rdn-colocare-fapte{grid-template-columns:minmax(0, 1fr);gap:12px}
}

/* ======================================================================
   Randul "Infrastructura": cele trei poze primesc text alaturi, alternand
   stanga-dreapta, plus o banda cu cifrele centrului de date.
   ====================================================================== */
.rdn-infra{
  /* ca si celelalte sectiuni, tema o lasa cu flex-wrap:nowrap */
  flex-wrap:wrap !important;
  --rdn-violet:#6239bd;
  --rdn-cyan:#74c5da;
  --rdn-text:#19233F;
  --rdn-text-slab:#5b6480;
  --awb-border-sizes-top:0px !important;
  --awb-border-sizes-bottom:0px !important;
  padding:56px 4% !important;
  background:linear-gradient(180deg,#ffffff 0%,#f6f5fd 60%,#eef0fb 100%) !important;
}
.rdn-infra .fusion-builder-row{
  max-width:1250px;margin:0 auto !important;
  display:flex;flex-wrap:wrap;gap:38px;
}

/* antetul */
.rdn-infra-antet{flex:0 0 100%;width:100%;max-width:680px;margin-bottom:4px}
.rdn-infra-titlu{
  margin:0;font-family:Teko,'Open Sans',sans-serif;font-weight:500;
  font-size:66px;line-height:.96;color:var(--rdn-text);
}
.rdn-infra-titlu span{color:var(--rdn-cyan)}
.rdn-infra-titlu::after{display:none !important}
.rdn-infra-linie{
  width:88px;height:3px;border-radius:3px;margin:18px 0 6px;
  background:linear-gradient(90deg,var(--rdn-cyan),rgba(116,197,218,0));
}

/* fiecare poza, pe randul ei, cu textul alaturi */
.rdn-infra .fusion-layout-column{
  flex:0 0 100% !important;width:100% !important;max-width:none !important;
  margin:0 !important;border-right:0 !important;
  --awb-border-right:0px !important;
  /* coloanele veneau cu padding de 10% sus si jos, adica peste 130px la
     latimea noua; le scoatem si lasam distanta sa o dea grila */
  --awb-padding-top:0px !important;--awb-padding-bottom:0px !important;
  --awb-padding-left:0px !important;--awb-padding-right:0px !important;
  padding:0 !important;
}
.rdn-infra .fusion-column-wrapper{
  /* tema pune flex-direction:column pe coloane; aici vrem poza si textul alaturi */
  display:flex !important;flex-direction:row !important;
  gap:40px;align-items:center;
}
.rdn-infra .fusion-image-element{
  flex:0 0 430px;margin:0 !important;
}
/* intre poza si text statea un separator gol, care manca 450px */
.rdn-infra .fusion-column-wrapper>.fusion-separator{display:none !important}
.rdn-infra .fusion-image-element img{
  /* pozele sunt 400x250; cadrul tine acelasi raport, ca schema din a treia
     poza sa nu fie taiata */
  width:430px;height:269px;object-fit:cover;
  border-radius:18px;
  box-shadow:0 20px 44px -30px rgba(9,41,51,.6);
  transition:transform .35s cubic-bezier(.22,.61,.36,1),box-shadow .35s;
}
.rdn-infra .fusion-image-element a:hover img{
  transform:translateY(-4px);
  box-shadow:0 28px 54px -28px rgba(9,41,51,.7);
}
/* al doilea rand, oglindit */
.rdn-infra .fusion-layout-column:nth-of-type(3) .fusion-column-wrapper{
  flex-direction:row-reverse !important;justify-content:flex-end;
}

.rdn-infra-text{flex:1 1 auto;display:flex;flex-direction:column;gap:10px;max-width:560px}
.rdn-infra-eticheta{
  margin:0 !important;font-size:11px;font-weight:700;letter-spacing:2px;
  text-transform:uppercase;color:var(--rdn-violet);
}
.rdn-infra-nume{
  margin:0 !important;font-family:Teko,'Open Sans',sans-serif;font-weight:500;
  font-size:34px;line-height:1.05;color:var(--rdn-text);
}
.rdn-infra-nume::after{display:none !important}
.rdn-infra-desc{
  margin:0 !important;font-size:15px;line-height:1.65;color:var(--rdn-text-slab);
}

/* banda cu cifre */
.rdn-infra-cifre{
  flex:0 0 100%;width:100%;
  list-style:none;margin:10px 0 0 !important;padding:26px 0 0;
  display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));gap:24px;
  border-top:1px solid rgba(98,57,189,.14);
}
.rdn-infra-cifre li{display:flex;flex-direction:column;gap:2px}
.rdn-cifra{
  font-family:Teko,'Open Sans',sans-serif;font-size:46px;line-height:1;
  color:var(--rdn-violet);
}
.rdn-cifra-text{font-size:13px;letter-spacing:.4px;color:var(--rdn-text-slab)}

@media (max-width:1024px){
  .rdn-infra-titlu{font-size:54px}
  .rdn-infra .fusion-image-element{flex:0 0 340px}
  .rdn-infra .fusion-image-element img{width:340px;height:213px}
}
@media (max-width:800px){
  .rdn-infra{padding:56px 6% !important}
  .rdn-infra-titlu{font-size:46px}
  .rdn-infra .fusion-column-wrapper,
  .rdn-infra .fusion-layout-column:nth-of-type(3) .fusion-column-wrapper{
    flex-direction:column !important;align-items:stretch;gap:18px;
  }
  .rdn-infra .fusion-image-element{flex:none}
  .rdn-infra .fusion-image-element img{width:100%;height:auto}
  .rdn-infra-nume{font-size:29px}
  .rdn-infra-cifre{grid-template-columns:repeat(2, minmax(0, 1fr));gap:20px}
}
@media (prefers-reduced-motion:reduce){
  .rdn-infra .fusion-image-element img{transition-duration:.01ms !important}
}

/* panoul cu detalii din dreapta fiecarui rand de infrastructura */
.rdn-infra-spec{
  flex:0 0 250px;
  margin:0;padding:20px 22px;
  border-radius:16px;
  background:#ffffff;
  border:1px solid rgba(98,57,189,.12);
  box-shadow:0 1px 2px rgba(9,41,51,.04),0 16px 36px -28px rgba(9,41,51,.5);
  display:flex;flex-direction:column;gap:12px;
}
.rdn-spec-rand{display:flex;flex-direction:column;gap:2px}
.rdn-infra-spec dt{
  font-size:10.5px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase;
  color:var(--rdn-text-slab);
}
.rdn-infra-spec dd{
  margin:0;font-family:Teko,'Open Sans',sans-serif;font-size:22px;line-height:1.1;
  color:var(--rdn-violet);
}
@media (max-width:1024px){
  .rdn-infra-spec{flex:0 0 210px;padding:16px 18px}
  .rdn-infra-spec dd{font-size:20px}
}
@media (max-width:800px){
  .rdn-infra-spec{flex:none;width:100%;box-sizing:border-box}
}

/* ======================================================================
   Banda "Propriul nostru Data Center"
   Asezarea ramane cea originala. Singura schimbare vizibila: titlul a
   trecut din h4 in h2 (era un titlu de sectiune marcat ca subtitlu), iar
   stilul comun pune o bara de accent sub orice h2 - aici o scoatem, ca
   banda sa arate exact ca inainte.
   ====================================================================== */
.rdn-dc .fusion-title .fusion-title-heading::after{display:none !important}
/* titlul a coborat la h3: tema ii schimba spatierea literelor, o punem la loc */
.rdn-dc .fusion-title .fusion-title-heading{letter-spacing:-0.02em !important}
/* paragraful era marcat <h1>; ca <p> ar fi luat fontul de text al temei,
   asa ca ii dam inapoi fontul de titlu, sa arate exact ca inainte */
.rdn-dc .fusion-title-size-one .fusion-title-heading{
  font-family:var(--h1_typography-font-family,Teko),'Open Sans',sans-serif;
  font-weight:var(--h1_typography-font-weight,400);
  letter-spacing:var(--h1_typography-letter-spacing,0);
  flex:1 1 auto;
  /* era gri, culoarea de text a temei, peste o fotografie deschisa */
  color:#ffffff !important;
  text-shadow:0 1px 2px rgba(6,9,16,.7),0 2px 14px rgba(6,9,16,.55);
}
/* val peste fotografie: mai gros in stanga, unde sta textul, aproape
   inexistent in dreapta, ca sa nu se piarda culoarea pozei */
.rdn-dc::after{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:linear-gradient(97deg,rgba(8,12,24,.6) 0%,rgba(8,12,24,.46) 38%,rgba(8,12,24,.24) 70%,rgba(8,12,24,.16) 100%);
}
.rdn-dc>.fusion-builder-row{position:relative;z-index:1}
/* pe paginile interioare paragraful e marcat <h1>; ii dam aceeasi infatisare */
.rdn-dc .fusion-title-size-one .fusion-title-heading p{margin:0;color:inherit;font:inherit}

/* ======================================================================
   Caruselul de logouri: primeste aceeasi eticheta centrata ca randul de
   certificari.
   ====================================================================== */
.rdn-parteneri .rdn-eticheta-centrata{margin-bottom:18px}
@media (max-width:800px){
  .rdn-parteneri .rdn-eticheta-centrata{margin-bottom:10px}
}
/* spatiile din jurul siglelor: eticheta statea la 73px de logouri (pasul de
   56px al randului plus marginea ei), iar cartonasul era cu 35px mai inalt
   decat sigla. Acum banda e adunata si, mai ales, are spatii egale: acelasi
   aer deasupra etichetei, intre eticheta si logouri si sub ele.
   Pe prima pagina eticheta e chiar titlul h1, deci acolo lasam spatiul mare
   de sus asa cum era. */
.rdn-parteneri:not(:has(.rdn-titlu-pagina)){
  --awb-padding-top:20px !important;
  --awb-padding-bottom:20px !important;
  padding-top:20px !important;
  /* cele 4px lipsa sunt marginea de jos a pistei caruselului */
  padding-bottom:20px !important;
}
.rdn-parteneri>.fusion-builder-row{row-gap:10px !important}
.rdn-parteneri .rdn-eticheta-centrata{margin-bottom:10px !important}
.rdn-parteneri .fusion-image-carousel{margin-bottom:0 !important}
.rdn-parteneri .fusion-carousel-item-wrapper{padding:12px 14px !important}
.rdn-parteneri .awb-image-carousel-wrapper{padding-top:4px !important;padding-bottom:4px !important}
@media (max-width:800px){
  .rdn-parteneri:not(:has(.rdn-titlu-pagina)){
    padding-top:14px !important;
    padding-bottom:14px !important;
  }
  .rdn-parteneri>.fusion-builder-row{row-gap:6px !important}
  .rdn-parteneri .rdn-eticheta-centrata{margin-bottom:6px !important}
}

/* ======================================================================
   Pe telefon, cartonasele cu certificari nu mai stau unul sub altul: trec
   intr-o banda care aluneca spre stanga. Scriptul certificari.js pune
   coloanele intr-o pista si ii face o copie, ca bucla sa fie continua.
   Pe desktop pista dispare din asezare (display:contents), deci randul
   arata exact ca inainte.
   ====================================================================== */
.rdn-cert-banda,
.rdn-cert-pista{display:contents}
.rdn-cert-copie{display:none}
@keyframes rdn-defilare{to{transform:translateX(-100%)}}
@media (max-width:800px){
  .rdn-cert-banda{
    display:flex;flex:0 0 auto;
    /* banda curge de la un capat la altul al ecranului, indiferent ce
       margini are sectiunea */
    width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);
    overflow:hidden;padding:4px 0 8px;
    -webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);
    mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);
  }
  .rdn-cert-pista{
    display:flex;flex:0 0 auto;
    animation:rdn-defilare 30s linear infinite;
    will-change:transform;
  }
  .rdn-cert-copie{display:flex}
  .rdn-cert-banda:active .rdn-cert-pista{animation-play-state:paused}
  .rdn-cert-pista .fusion-layout-column{
    flex:0 0 190px;width:190px;max-width:190px;
    margin-bottom:0 !important;
    padding:0 7px !important;
  }
  .rdn-cert-pista .fusion-image-element{height:120px;padding:12px 14px}
}
@media (prefers-reduced-motion:reduce){
  .rdn-cert-pista{animation:none}
}

/* ======================================================================
   Partenerii pe telefon: caruselul Swiper arata un singur logo urias, asa
   ca sub 800px il inlocuim cu aceeasi banda care aluneca, construita de
   benzi.js din aceleasi logouri. Pe desktop banda nu exista vizual, iar
   caruselul ramane neatins.
   ====================================================================== */
.rdn-part-banda{display:none}
@media (max-width:800px){
  .rdn-parteneri .fusion-image-carousel{display:none}
  .rdn-part-banda{
    display:flex;
    /* banda curge de la un capat la altul al ecranului, indiferent ce
       margini are sectiunea */
    width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);
    overflow:hidden;padding:2px 0 4px;
    -webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);
    mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);
  }
  .rdn-part-pista{
    display:flex;flex:0 0 auto;
    /* aceeasi viteza ca banda de certificari: ~31 px pe secunda. Sirul de
       parteneri e de 3,45 ori mai lung, deci si tura dureaza pe atat. */
    animation:rdn-defilare 104s linear infinite;
    will-change:transform;
  }
  .rdn-part-banda:active .rdn-part-pista{animation-play-state:paused}
  .rdn-part-card{
    flex:0 0 150px;width:150px;height:84px;margin:0 6px;
    display:flex;align-items:center;justify-content:center;
    padding:9px 14px;box-sizing:border-box;
    border-radius:14px;background:#fff;
    border:1px solid rgba(98,57,189,.10);
    box-shadow:0 1px 2px rgba(9,41,51,.05), 0 14px 30px -24px rgba(9,41,51,.45);
  }
  .rdn-part-card img{
    max-width:100%;max-height:100%;
    width:auto;height:auto;object-fit:contain;
  }
}
@media (prefers-reduced-motion:reduce){
  .rdn-part-pista{animation:none}
}



/* ======================================================================
   Banda Data Center pe telefon: fotografia e deschisa la culoare, iar
   paragraful era gri (culoarea de text a temei) si rupt cu <br>-uri gandite
   pentru ecran lat - se citea greu. Sub 800px punem un val peste poza,
   lasam textul sa curga singur si il facem alb. Pe desktop nu se schimba
   nimic.
   ====================================================================== */
@media (max-width:800px){
  .rdn-dc{
    /* fotografia ramane cea originala, intreaga in spatele textului. Banda e
       mai scunda decat inainte, ca poza sa fie taiata mai putin pe laturi. */
    background-position:center center !important;
    background-size:cover !important;
    --awb-padding-top:26px !important;--awb-padding-bottom:26px !important;
    /* poza e panoramica (2560x720): cat e banda de inalta, atat de mult o
       taie pe laturi. Filigranul "RDN Network Data" tine cam 29% din
       latimea pozei, deci incape intreg cat timp banda nu trece de ~96%
       din latimea ecranului - de aici masura de mai jos. */
    min-height:min(96vw,430px);
  }
  /* valul se stinge spre jos, ca filigranul din poza sa ramana vizibil */
  .rdn-dc::after{
    background:linear-gradient(180deg,rgba(8,12,24,.5) 0%,rgba(8,12,24,.42) 34%,rgba(8,12,24,.12) 62%,rgba(8,12,24,0) 78%);
  }
  /* textul sta sus, ca partea de jos a pozei sa ramana libera; fara
     align-content, randul isi imparte inaltimea intre cele doua coloane
     si intre text si buton apare o gaura */
  .rdn-dc .fusion-column-wrapper{justify-content:flex-start !important}
  .rdn-dc>.fusion-builder-row{align-content:flex-start}
  /* rupturile de rand erau alese pentru ecran lat */
  .rdn-dc .fusion-title br{display:none}
  .rdn-dc .fusion-layout-column{
    --awb-border-left:6px !important;
    --awb-padding-right:18px !important;--awb-padding-left:18px !important;
    --awb-margin-top-large:0px !important;--awb-margin-bottom-large:0px !important;
  }
  .rdn-dc .fusion-title{--awb-margin-bottom:10px !important}
  .rdn-dc .fusion-title-size-four .fusion-title-heading{font-size:27px !important;line-height:1.05 !important}
  .rdn-dc .fusion-title-size-one .fusion-title-heading{
    font-size:18px !important;line-height:1.3 !important;
  }
  /* butonul urca langa text, nu peste filigran */
  .rdn-dc .fusion-separator{margin-top:14px !important}
  .rdn-dc .fusion-button{margin-top:0;padding:13px 24px;font-size:12px}
}

/* ecrane foarte inguste: mai putin text pe rand, deci si banda mai scunda,
   ca filigranul sa ramana intreg si sub buton */
@media (max-width:400px){
  .rdn-dc .fusion-title-size-four .fusion-title-heading{font-size:25px !important}
  .rdn-dc .fusion-title-size-one .fusion-title-heading{font-size:17px !important;line-height:1.28 !important}
  .rdn-dc .fusion-button{padding:12px 20px;font-size:11px}
}

/* ======================================================================
   Titlurile mutate pe alt nivel isi pastreaza infatisarea: tema scrie h1 cu
   greutate 300, iar h2/h3 cu 400. Sectiunea Web Design avea titlul si
   cardurile marcate h1, deci le pastram greutatea.
   ====================================================================== */
.rdn-flux--pasi .fusion-title .fusion-title-heading,
.rdn-flux--pasi .content-box-heading{font-weight:300}

/* Tema pune pe fiecare titlu, din JS, clasa ei de tipografie si ii scrie
   marimea cu !important. De aceea titlurile noastre mutate au nevoie tot de
   !important, altfel cresc de la 11-14px la 42px. */

/* eticheta din listele cu bifa a devenit titlu; arata exact ca <strong>-ul
   de dinainte, care era la randul lui pe rand propriu */
h3.rdn-titlu-item{
  display:block;margin:0 0 3px;padding:0;
  font-family:inherit !important;
  /* exact cat avea <strong>: 16px, nu 14,5px cat are randul din jur */
  font-size:16px !important;line-height:25.6px !important;
  font-weight:700 !important;letter-spacing:normal !important;
  color:inherit;
}
.rdn-text-item{margin:0}

/* faptele din colocare: eticheta e titlu, dar arata ca inainte */
h3.rdn-fapt-eticheta{
  margin:0 !important;
  font-size:13px !important;line-height:1.4 !important;font-weight:700 !important;
  letter-spacing:1.6px !important;
  /* tema scrie titlurile cu culoarea ei inchisa; aici textul sta pe panou negru */
  color:var(--rdn-cyan) !important;
}

/* titlurile urcate la h2 nu primesc bara de accent pe care stilul comun o
   pune sub orice h2 din titluri: inainte erau h1 si h3, fara bara */
.rdn-flux--pasi .fusion-title h2::after,
.rdn-it .fusion-title h2::after{display:none !important}
/* si isi pastreaza spatierea literelor: tema o schimba de la un nivel la altul */
.rdn-it .fusion-title .fusion-title-heading{letter-spacing:1px !important}

/* titlul paginii sta in locul etichetei de deasupra caruselului */
/* Eticheta e desenata pe „.rdn-eticheta-centrata", o singura clasa. Regulile
   temei pentru h1 — „.post-content h1" si surorile ei — au o clasa si o
   eticheta, deci sunt mai tari: cat timp eticheta era <p> nu se atingeau de
   ea, dar pe h1 i-au luat spatierea, majusculele si violetul, si ramanea un
   rand de text inchis, fara nimic din felul ei. Le scriem aici, cu tot cu
   marimea si grosimea care erau deja. */
h1.rdn-titlu-pagina{
  font-size:12px !important;line-height:30px !important;font-weight:700 !important;
  max-width:900px;margin-left:auto;margin-right:auto;
}
/* Pe prima pagină titlul din acelasi loc e scris cu degradeul violet si cu
   spatierea stransa — alt fel de titlu, nu eticheta marunta. Il lasam cum e:
   „rdn-titlu-grad" il deosebeste. */
h1.rdn-titlu-pagina:not(.rdn-titlu-grad){
  letter-spacing:3px !important;text-transform:uppercase !important;
  color:#6239bd !important;
}

/* ======================================================================
   Randul cu clienti de pe pagina principala: aceleasi carduri ca in
   /portofoliu/. Poza urca deasupra numelui, liniile despartitoare dintre
   coloane dispar, iar sub carduri sta linkul catre portofoliul intreg.
   ====================================================================== */
.rdn-clienti{
  --rdn-mov:#6239bd;--rdn-navy:#19233f;--rdn-stins:#55607a;
  --rdn-linie-card:rgba(98,57,189,.12);
  padding:56px 4% !important;
  background:linear-gradient(180deg,#ffffff 0%,#f7f6fd 100%) !important;
  --awb-border-sizes-top:0px !important;--awb-border-sizes-bottom:0px !important;
}
.rdn-clienti > .fusion-builder-row{
  max-width:1216px;margin-left:auto !important;margin-right:auto !important;
  gap:26px;
}
.rdn-clienti .rdn-eticheta-centrata{margin-bottom:6px}
.rdn-clienti-titlu{
  display:block !important;flex:0 0 100%;width:100%;
  margin:0 0 30px;text-align:center;
  font-family:Teko,'Open Sans',sans-serif;font-weight:400;
  font-size:52px;line-height:1;color:var(--rdn-navy) !important;
}
.rdn-clienti-titlu::after{display:none !important}

.rdn-clienti .fusion-layout-column{
  --awb-padding-top:0 !important;--awb-padding-right:0 !important;
  --awb-padding-bottom:0 !important;--awb-padding-left:0 !important;
  --awb-border-right:0px !important;
  padding:0 !important;border-right:0 !important;
  margin-bottom:0 !important;
  width:calc(33.333% - 18px) !important;
  background:#ffffff;border:1px solid var(--rdn-linie-card);border-radius:16px;
  overflow:hidden;
  box-shadow:0 1px 2px rgba(9,41,51,.05), 0 18px 40px -28px rgba(9,41,51,.45);
  transition:transform .3s cubic-bezier(.22,.61,.36,1),box-shadow .3s,border-color .3s;
}
@media (hover: hover) and (pointer: fine){
  .rdn-clienti .fusion-layout-column:hover{
    transform:translateY(-4px);border-color:rgba(204,0,0,.45);
    box-shadow:0 26px 50px -30px rgba(204,0,0,.45);
  }
}
.rdn-clienti .fusion-layout-column.rdn-apasat{
  transform:translateY(-4px);border-color:rgba(204,0,0,.45);
  box-shadow:0 26px 50px -30px rgba(204,0,0,.45);
}

.rdn-clienti .fusion-column-wrapper{display:flex;flex-direction:column;height:100%}
.rdn-clienti .fusion-image-element{order:-1;margin:0 !important;text-align:left !important}
.rdn-clienti .fusion-imageframe{border-radius:0;box-shadow:none;display:block}
.rdn-clienti .fusion-imageframe a{display:block}
.rdn-clienti .fusion-image-element img{
  display:block;width:100%;height:auto;aspect-ratio:400/221;
  object-fit:cover;object-position:top center;
}
.rdn-clienti .fusion-separator{display:none !important}
.rdn-clienti .fusion-text{padding:18px 20px 20px}
.rdn-client-nume{
  margin:0 !important;padding:0 !important;text-align:left !important;
  font-family:Teko,'Open Sans',sans-serif;font-weight:400;
  font-size:30px !important;line-height:1.05 !important;color:var(--rdn-navy) !important;
}
.rdn-client-domeniu{
  display:block;margin-top:3px;
  font-family:'Open Sans',Arial,sans-serif;font-size:12px;font-weight:400;
  letter-spacing:.04em;color:#8b93a7;
}
.rdn-clienti-subsol{display:block !important;flex:0 0 100%;width:100%;margin-top:34px;text-align:center}
.rdn-clienti-toate{
  display:inline-block;padding:15px 30px;
  border-radius:28px;background:linear-gradient(135deg,#7a4fd6,var(--rdn-mov));
  color:#ffffff !important;text-decoration:none;
  font-family:'Open Sans',Arial,sans-serif;
  font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase;
  box-shadow:0 12px 28px -14px rgba(98,57,189,.8);
  transition:transform .25s cubic-bezier(.22,.61,.36,1),filter .25s;
}
.rdn-clienti-toate:hover{transform:translateY(-2px);filter:saturate(1.12) brightness(1.05)}

@media (max-width:1024px){
  .rdn-clienti .fusion-layout-column{width:calc(50% - 13px) !important}
  .rdn-clienti-titlu{font-size:44px}
}
@media (max-width:800px){
  .rdn-clienti{padding:56px 6% !important}
  .rdn-clienti > .fusion-builder-row{gap:18px}
  .rdn-clienti .fusion-layout-column{width:100% !important}
  .rdn-clienti-titlu{font-size:38px;margin-bottom:22px}
}
@media (prefers-reduced-motion:reduce){
  .rdn-clienti .fusion-layout-column,.rdn-clienti-toate{transition:none}
  .rdn-clienti .fusion-layout-column:hover,.rdn-clienti-toate:hover{transform:none}
}

/* ======================================================================
   /web-design/ — panoul de introducere de deasupra cutiilor care se întorc.
   Textul era un singur paragraf lung, centrat, întins pe toată lățimea.
   Acum stă într-un panou, cu avantajele într-o listă pe două coloane.
   ====================================================================== */
.fusion-builder-row:has(> .rdn-intro-coloana) > .fusion_builder_column_1_6{display:none}
.rdn-intro-coloana{
  --awb-width-large:100% !important;
  --awb-spacing-right-large:1.92% !important;
  --awb-spacing-left-large:1.92% !important;
}
.rdn-intro{
  max-width:1000px;
  margin:0 auto;
  padding:30px 34px 32px;
  text-align:left;
  background:rgba(255,255,255,.09);
  border:1px solid rgba(255,255,255,.18);
  border-radius:22px;
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
  box-shadow:0 26px 54px -34px rgba(9,41,51,.9);
}
.rdn-intro-text{
  margin:0 0 14px;
  font-size:15.5px;line-height:1.75;
  color:rgba(255,255,255,.9);
}
.rdn-intro-text:last-of-type{margin-bottom:0}
.rdn-intro-eticheta{
  margin:24px 0 14px;
  font-size:12px;font-weight:700;letter-spacing:2.2px;text-transform:uppercase;
  color:#a6e4f2;
}
.rdn-intro-lista{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px 28px;margin:0;padding:0;list-style:none;
}
.rdn-intro-lista li{
  position:relative;padding-left:30px;
  font-size:15px;line-height:1.55;color:rgba(255,255,255,.92);
}
.rdn-intro-lista li::before{
  content:"";position:absolute;left:0;top:.2em;
  width:18px;height:18px;border-radius:50%;
  background:rgba(116,197,218,.2);border:1px solid rgba(116,197,218,.65);
}
.rdn-intro-lista li::after{
  content:"";position:absolute;left:5px;top:.45em;
  width:7px;height:3px;
  border-left:2px solid #74c5da;border-bottom:2px solid #74c5da;
  transform:rotate(-45deg);
}
.rdn-intro-chemare{
  margin:26px 0 0;padding-top:20px;
  border-top:1px solid rgba(255,255,255,.16);
  font-size:15.5px;font-weight:600;color:#ffffff;
}
@media (max-width:800px){
  .rdn-intro{padding:24px 20px 26px;border-radius:18px}
  .rdn-intro-lista{grid-template-columns:1fr;gap:10px}
  .rdn-intro-text,.rdn-intro-chemare{font-size:15px;line-height:1.7}
  .rdn-intro-eticheta{font-size:11px;letter-spacing:1.4px;margin:20px 0 12px}
}

/* ======================================================================
   Cifrele de pe paginile de servicii (proiecte în derulare / finalizate /
   clienți mulțumiți). Erau scrise cu 200px, ieșeau din casetă și se
   suprapuneau una peste alta pe calculator. Acum sunt trei plăcuțe egale,
   pe fond alb, cu numărul în violetul site-ului.
   ====================================================================== */
.fusion-counters-box{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
  margin:6px 0 0 !important;
  float:none !important;
}
/* tema pune ::before/::after pentru clearfix; intr-o grila ar ocupa celule */
.fusion-counters-box::before,
.fusion-counters-box::after{display:none !important}
.fusion-counters-box .fusion-counter-box{
  width:auto !important;
  float:none !important;
  padding:0 !important;
  margin:0 !important;
}
.fusion-counters-box .counter-box-container{
  height:100%;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  gap:8px;
  padding:22px 20px !important;
  background:linear-gradient(170deg,#ffffff 0%,#f7f6fd 100%);
  border:1px solid rgba(98,57,189,.14) !important;
  border-radius:16px;
  box-shadow:0 1px 2px rgba(9,41,51,.04), 0 18px 34px -26px rgba(9,41,51,.4);
  transition:transform .3s cubic-bezier(.22,.61,.36,1), box-shadow .3s, border-color .3s;
}
@media (hover: hover) and (pointer: fine){
  .fusion-counters-box .counter-box-container:hover{
    transform:translateY(-3px);
    border-color:rgba(204,0,0,.45) !important;
    box-shadow:0 1px 2px rgba(9,41,51,.05), 0 26px 44px -28px rgba(204,0,0,.45);
  }
}
.fusion-counters-box .counter-box-container.rdn-apasat{
  transform:translateY(-3px);
  border-color:rgba(204,0,0,.45) !important;
  box-shadow:0 1px 2px rgba(9,41,51,.05), 0 26px 44px -28px rgba(204,0,0,.45);
}

.fusion-counters-box .content-box-percentage{
  display:flex;
  align-items:baseline;
  gap:1px;
  font-size:54px !important;
  line-height:1 !important;
}
.fusion-counters-box .display-counter,
.fusion-counters-box .content-box-percentage .unit{
  font-family:Teko,'Open Sans',sans-serif;
  font-size:54px !important;
  line-height:1 !important;
  font-weight:500;
  letter-spacing:-.5px;
  color:#6239bd !important;
}
/* aceeași iconiță pe toate trei nu spunea nimic */
.fusion-counters-box .counter-box-icon{display:none !important}
.fusion-counters-box .counter-box-content{
  font-size:13.5px !important;
  line-height:1.45;
  font-weight:600;
  letter-spacing:.2px;
  color:#55607a !important;
}
/* sub titlu rămâne o singură linie, nu două: titlul are deja bara lui în
   degrade, deci linia cyan de dedesubt doar ține spațiul */
.fusion-column-wrapper:has(.fusion-counters-box) .title-sep-container{display:none !important}
.fusion-column-wrapper:has(.fusion-counters-box) .fusion-separator .fusion-separator-border{
  border-top-width:0 !important;
}

@media (max-width:800px){
  /* linia de sub titlu lăsa un gol prea mare până la text */
  .fusion-column-wrapper:has(.fusion-counters-box) .fusion-separator{margin-bottom:26px !important}
}
@media (max-width:560px){
  .fusion-counters-box{grid-template-columns:1fr;gap:12px}
  .fusion-counters-box .counter-box-container{
    flex-direction:row;
    align-items:center;
    gap:16px;
    padding:16px 18px !important;
  }
  .fusion-counters-box .content-box-percentage{flex:0 0 auto;min-width:86px}
  .fusion-counters-box .counter-box-content{margin:0}
}
@media (prefers-reduced-motion:reduce){
  .fusion-counters-box .counter-box-container{transition:none}
  .fusion-counters-box .counter-box-container:hover{transform:none}
}

/* ======================================================================
   /web-design/ — partea de sus a primei secțiuni (titlul și textul) stă pe
   alb, ca secțiunea cu cifrele. De la linie în jos secțiunea rămâne
   violetă, cu fliperele neatinse. Cele patru spații — deasupra titlului,
   sub text, sub linie și sub ultimul fliper — sunt egale, 56px.
   ====================================================================== */
.rdn-sus-alb{
  --awb-padding-top:45px !important;
  --awb-padding-bottom:0px !important;
}
.rdn-sus-alb .rdn-intro-coloana{position:relative}
.rdn-sus-alb .rdn-intro-coloana > *{position:relative;z-index:1}
.rdn-sus-alb .rdn-intro-coloana::before{
  content:"";
  position:absolute;
  z-index:0;
  top:-45px;            /* urcă până la marginea de sus a secțiunii */
  bottom:-36px;         /* se oprește deasupra fliperelor */
  left:50%;
  transform:translateX(-50%);
  width:100vw;
  background:
    radial-gradient(120% 75% at 10% 0%, rgba(98,57,189,.07) 0%, rgba(98,57,189,0) 58%),
    radial-gradient(90% 60% at 100% 6%, rgba(116,197,218,.12) 0%, rgba(116,197,218,0) 60%),
    linear-gradient(180deg,#ffffff 0%,#f7f6fb 100%);
}
/* scrisul, ca în secțiunea cu cifrele: fără panoul de sticlă */
.rdn-sus-alb .fusion-title-heading{
  color:#19233f !important;
  -webkit-text-fill-color:#19233f !important;
  background:none !important;
}
.rdn-sus-alb .rdn-intro{
  background:none;
  border:0;
  box-shadow:none;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
  padding:0;
}
.rdn-sus-alb .rdn-intro-text{color:#55607a}
.rdn-sus-alb .rdn-intro-eticheta{color:#6239bd}
.rdn-sus-alb .rdn-intro-lista li{color:#33405c}
.rdn-sus-alb .rdn-intro-lista li::before{
  background:rgba(98,57,189,.1);
  border-color:rgba(98,57,189,.45);
}
.rdn-sus-alb .rdn-intro-lista li::after{border-color:#6239bd}
.rdn-sus-alb .rdn-intro-chemare{
  color:#19233f;
  border-top-color:rgba(25,35,63,.14);
}
/* fliperele: același aer deasupra și dedesubt */
.rdn-sus-alb .fusion_builder_column_1_1{
  padding-top:42px !important;
  padding-bottom:18px !important;
  margin-bottom:0 !important;
  --awb-margin-bottom-large:0px !important;
}
@media (max-width:800px){
  .rdn-sus-alb{--awb-padding-top:49px !important}
  .rdn-sus-alb .rdn-intro-coloana::before{top:-49px}
  .rdn-sus-alb .fusion_builder_column_1_1{padding-bottom:14px !important}
}


/* Contorul cu zecimale: scriptul temei numără numai întregi și scrie
   zecimala cu punct, adică „99.80". Un asemenea număr îl scriem direct,
   cu altă clasă, ca să nu i se atingă scriptul de el — dar arată la fel. */
.fusion-counters-box .rdn-contor-scris{
  font-family: Teko, 'Open Sans', sans-serif;
  font-weight: 500;
  letter-spacing: -.5px;
  font-size: 54px;
  line-height: 1;
  color: var(--rdn-violet, #6239bd);
}

/* === Spațiul de sus și de jos, egal în toate benzile ==================
   După ce s-a uniformizat pasul benzilor, au mai rămas patru care își
   scriau singure spațiul și îl aveau diferit sus față de jos:
   parteneriatele (45/5 pe Acasă, 16/12 pe paginile interioare),
   certificările (40/44) și banda albă de pe Web Design (49/0).
   Le facem simetrice. Banda cu logourile de sub antet rămâne subțire,
   că așa e gândită; cea de pe Acasă ține titlul paginii, deci primește
   pasul obișnuit al site-ului. */
.rdn-parteneri:has(.rdn-titlu-pagina){
  --awb-padding-top:36px !important;
  --awb-padding-bottom:36px !important;
  padding-top:36px !important;
  padding-bottom:36px !important;
}
.rdn-certificate{padding-top:42px !important;padding-bottom:42px !important}
.rdn-sus-alb{
  --awb-padding-top:36px !important;
  --awb-padding-bottom:36px !important;
  padding-top:36px !important;
  padding-bottom:36px !important;
}
.rdn-sus-alb .fusion_builder_column_1_1{padding-bottom:0 !important}

@media (min-width:801px){
  .rdn-parteneri:has(.rdn-titlu-pagina){
    --awb-padding-top:56px !important;
    --awb-padding-bottom:56px !important;
    padding-top:56px !important;
    padding-bottom:56px !important;
  }
  .rdn-certificate{padding-top:58px !important;padding-bottom:58px !important}
  .rdn-sus-alb{
    --awb-padding-top:56px !important;
    --awb-padding-bottom:56px !important;
    padding-top:56px !important;
    padding-bottom:56px !important;
  }
}

/* ======================================================================
   Varianta pe fundal deschis a listei cu bifă. Stătea în gazduire.css,
   dar „.rdn-intro" e o bucată de-a tuturor paginilor, nu numai a
   găzduirii: pe /certificate-ssl/, care nu încarcă gazduire.css, lista
   ieșea cu scris alb pe bandă albă. Varianta stă de-acum lângă cea de
   bază, deci o poate folosi orice pagină.
   ====================================================================== */
/* --- lista cu bifă, pe fundal alb ------------------------------------- */
/* .rdn-intro din sectiuni-flux.css e desenat pentru benzile violete: panou
   de sticlă și scris alb. Aici stă pe alb, deci îi dăm culorile de zi.
   Aceleași valori ca varianta .rdn-sus-alb de pe Web Design, doar că fără
   fundalul și spațierile ei, care nu se potrivesc paginii ăsteia. */
.rdn-gw-lista .rdn-intro{
  background: none;
  border: 0;
  box-shadow: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  padding: 0;
}

.rdn-gw-lista .rdn-intro-text{color: #55607a}
.rdn-gw-lista .rdn-intro-eticheta{color: #6239bd}
.rdn-gw-lista .rdn-intro-lista li{color: #33405c}

.rdn-gw-lista .rdn-intro-lista li::before{
  background: rgba(98, 57, 189, .1);
  border-color: rgba(98, 57, 189, .45);
}

.rdn-gw-lista .rdn-intro-lista li::after{border-color: #6239bd}

.rdn-gw-lista .rdn-intro-chemare{
  color: #19233f;
  border-top-color: rgba(25, 35, 63, .14);
}

/* coloana e îngustă (jumătate de rând), deci lista stă pe un singur șir */
@media (min-width: 801px){
  .rdn-gw-lista .rdn-intro-lista{grid-template-columns: repeat(2, minmax(0, 1fr))}
}