:root {
  --dzr-primary: #0056b3;
  --dzr-highlight: #f6a623;
	--dzr-dark: #12263f;
	--radius-lg: 32px;
}

.dzr-scope {
  position:relative;

	--dzr-bg: #ffffff;
	--dzr-text: #12263f;
	--dzr-primary: #0056b3;
	--dzr-secondary: #1d77db;
	--dzr-accent: #f6a623;
	--dzr-muted: #6f8095;
	--primary-light: #1d77db;
	--primary-glow: #49a2ff;
	--primary-deep: #012d63;
	--accent: #f6a623;

	--dzr-badge-bg: rgba(255,255,255,0.08);
	--dzr-badge-text: #ffffff;

	--dzr-btn-bg: #0056b3;
	--dzr-btn-color: #ffffff;
	--dzr-btn-hover: #1d77db;

	--dzr-highlight: #f6a623;

	--dzr-card-bg: #ffffff;
	--dzr-card-border: rgba(18,38,63,0.08);
	--transition: all 0.45s cubic-bezier(.22,1,.36,1);
}

.dzr-scope *{
  box-sizing:border-box;
}

.dzr-scope img{
  max-width:100%;
  display:block;
}

.dzr-scope .dzr-hero-simple{
  width:100%;
}

.dzr-scope .dzr-badge{
  display:inline-flex;
  gap:10px;
  padding:12px 20px;
  border-radius:999px;
  background:var(--dzr-badge-bg);
  color:var(--dzr-badge-text);
  border:1px solid rgba(255,255,255,0.15);
  margin-bottom:20px;
}

.dzr-scope .dzr-hero-title{
  font-size:clamp(2.8rem,6vw,5rem);
  line-height:1.1;
  margin:5px 0;
  color:var(--dzr-text);
  font-weight:700;
  letter-spacing:-0.02em;
}

.dzr-scope .dzr-hero-desc{
  color:var(--dzr-muted);
  max-width:600px;
}

/* ================================
   HIGHLIGHT FINAL (PERFECT)
================================ */
.dzr-scope .highlight{
  position:relative;
  display:inline-block;
  color:var(--dzr-highlight);
}

/* underline */
.dzr-scope .highlight::after{
  content:"";
  position:absolute;
  left:0;
  bottom:-4px;
  width:100%;
  height:10px;

  background-repeat:no-repeat;
  background-position:center;
  background-size:100% 100%;

-webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 12' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 8 C50 2,150 2,198 8' stroke='white' stroke-width='3' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");

mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 12' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 8 C50 2,150 2,198 8' stroke='white' stroke-width='3' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
  mask-repeat:no-repeat;
  mask-size:100% 100%;
  background-color: var(--dzr-highlight-line, var(--dzr-highlight));
}
/* ================================
   BUTTONS
================================ */
.dzr-scope .btn{
  padding:14px 26px;
  border-radius:14px;
  font-weight:700;
  display:inline-flex;
  gap:8px;
  align-items:center;
  transition:0.3s;
}

.dzr-scope .btn-primary{
  background:var(--dzr-btn-bg);
  color:var(--dzr-btn-color);
}

.dzr-scope .btn-primary:hover{
  background:var(--dzr-btn-hover);
}

.dzr-scope .btn-outline{
  border:1px solid var(--dzr-btn-bg);
  color:var(--dzr-btn-bg);
}

/* ================================
   SECTION HEADING
================================ */
.dzr-scope .dzr-section-heading{
  text-align:center;
}

.dzr-scope .floating-badge{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 16px;
  border-radius:999px;
  background:var(--dzr-badge-bg);
  color:var(--dzr-badge-text);
}

.dzr-scope .mini-dot{
  width:6px;
  height:6px;
  border-radius:50%;
  /*background:var(--dzr-highlight);*/
}

/* ================================
   SERVICE CARD
================================ */
.dzr-scope .dzr-service-card {
  padding:30px;
  border-radius:20px;
  background:var(--dzr-card-bg);
  border:1px solid var(--dzr-card-border);
  transition:0.3s;
}

.dzr-scope .dzr-service-card:hover{
  transform:translateY(-5px);
}

.dzr-scope .dzr-service-icon{
  font-size:30px;
  margin-bottom:15px;
  color:var(--dzr-primary);
}

.dzr-scope .dzr-service-title{
 /* font-size:22px;*/
  margin-bottom:10px;
  /*color:var(--dzr-text);*/
 /* font-weight:600;*/
}

.dzr-scope .dzr-service-text{
 /* color:var(--dzr-muted);*/
}

/* ================================
   ABOUT
================================ */
.dzr-scope .dzr-about-media{
  position:relative;
}

.dzr-scope .dzr-about-image-wrap{
  border-radius:24px;
  overflow:hidden;
}

.dzr-scope .dzr-about-image-overlay{
  position:absolute;
  inset:0;
  background:linear-gradient(to top, rgba(0,0,0,0.4), transparent);
}

.dzr-scope .dzr-experience-card{
  position:absolute;
  bottom:-20px;
  right:-20px;
  padding:20px;
  background:var(--dzr-card-bg);
  border-radius:20px;
  box-shadow:0 10px 30px rgba(0,0,0,0.1);
}

/* ================================
   RESPONSIVE
================================ */
@media(max-width:768px){

  .dzr-scope .dzr-hero-title{
    font-size:32px;
  }

}

.dzr-scope .premium-card {
  position: relative;
  border-radius: 32px;
  overflow: hidden;
  border: 1px solid rgba(18,38,63,.08);
  box-shadow: 0 4px 20px -5px rgba(0,55,128,.06), 0 0 0 1px rgba(18,38,63,.03);

}
.dzr-scope .premium-card::after {
  content: "";
  position: absolute;
  left: 0; 
  right: 0; 
  top: 0;
  height: 6px;
  background: linear-gradient(90deg, var(--dzr-primary), var(--primary-light), var(--dzr-primary));
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .6s cubic-bezier(.22,1,.36,1);
}
.dzr-scope .premium-card:hover::after { 
transform: scaleX(1);
}
.dzr-scope .premium-card h3 {
	margin-top: 5px;
	margin-bottom: 5px;
}
.dzr-scope .premium-card:hover .card-number {
  color: rgba(0,86,179,.1);
}
.dzr-scope .card-number {
  position: absolute;
  top: 24px;
  right: 28px;
  font-size: 4.5rem;
  line-height: 1;
  font-weight: 900;
  color: rgba(0,86,179,.05);
  user-select: none;
  transition: all 0.45s cubic-bezier(.22,1,.36,1);
}
.bg-mesh {
  background:
    radial-gradient(ellipse at 20% 50%, rgba(0,86,179,.05) 0%, transparent 50%),
    radial-gradient(ellipse at 80% 20%, rgba(73,162,255,.05) 0%, transparent 50%),
    radial-gradient(ellipse at 40% 80%, rgba(246,166,35,.04) 0%, transparent 50%);
}
.dzr-scope .card-link:hover,
.dzr-scope .news-link:hover { gap: 12px; }
.dzr-scope .card-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 28px;
  color: var(--dzr-primary);
  font-weight: 700;
  font-size: .95rem;
  transition: all 0.45s cubic-bezier(.22,1,.36,1);
}
.dzr-scope .card-hover:hover {
  transform: translateY(-8px);
  box-shadow: 0 25px 60px -15px rgba(0,86,179,.15), 0 0 30px -10px rgba(73,162,255,.1);
}

.dzr-scope .icon-box {
  display: flex;             /* Schimbat din inline-flex în flex pentru stabilitate */
  align-items: center;       /* Centrare verticală automată */
  justify-content: center;    /* Centrare orizontală automată */
  width: 56px; 
  height: 56px;
  border-radius: 18px;
  color: #fff;
  background: linear-gradient(135deg, #0056B3, #0056B3);
  box-shadow: 0 12px 30px -8px rgba(0, 86, 179, .55);
  font-size: 1.45rem;
  transition: all 0.45s cubic-bezier(.22,1,.36,1);
  position: relative;        /* Păstrăm contextul de poziționare */
  overflow: hidden;          /* Opțional: previne ieșirea elementelor din radius */
}

/* SVG-ul din interior */
.dzr-scope .icon-box svg {
  width: 24px;   /* Setează o lățime fixă pentru control total */
  height: 24px;  /* Setează o înălțime fixă */
  display: block;
}
.dzr-section-heading p,
.dzr-service-card p {
  margin-bottom: 10px;
  margin-top: 5px;
}
.dzr-section-heading h2 {
	margin-top: 15px;
	margin-bottom: 15px;
}
.lightcc .dzr-section-heading p {
	color: rgba(255,255,255,.62) !important;
}
/**/
/* ================================
   PROJECT GRID
================================ */
.dzr-scope .project-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:32px;
}

/* ================================
   PROJECT CARD
================================ */
.dzr-scope .project-card{
  position:relative;
  min-height:520px;
  border-radius:32px;
  overflow:hidden;
  cursor:pointer;
  background:#fff;
  box-shadow:0 20px 60px -24px rgba(0,55,128,.14);
  transition:all .45s cubic-bezier(.22,1,.36,1);
}

.dzr-scope .project-card:hover{
  transform:translateY(-8px);
}

/* ================================
   IMAGE
================================ */
.dzr-scope .project-card img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform 1s cubic-bezier(.22,1,.36,1);
}

.dzr-scope .project-card:hover img{
  transform:scale(1.1);
}

/* ================================
   OVERLAY
================================ */
.dzr-scope .project-overlay{
  position:absolute;
  inset:0;
  background:linear-gradient(
    to top,
    rgba(1,45,99,.92),
    rgba(0,86,179,.32),
    transparent
  );
  opacity:.76;
  transition:.45s;
}

.dzr-scope .project-card:hover .project-overlay{
  opacity:.88;
}

/* ================================
   MESH EFFECT
================================ */
.dzr-scope .project-mesh{
  position:absolute;
  inset:0;
  opacity:0;

  background-image:
    linear-gradient(rgba(255,255,255,.5) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.5) 1px, transparent 1px);

  background-size:30px 30px;

  transition:.45s;
}

.dzr-scope .project-card:hover .project-mesh{
  opacity:.03;
}

/* ================================
   CONTENT
================================ */
.dzr-scope .project-content{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  padding:32px;
  color:#fff;
}

/* META */
.dzr-scope .project-meta{
  display:flex;
  align-items:center;
  gap:12px;
  margin-bottom:14px;
  font-size:.78rem;
}

.dzr-scope .project-tag{
  padding:7px 12px;
  border-radius:999px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.08em;
  color:#f6a623;
  background:rgba(246,166,35,.18);
  backdrop-filter:blur(10px);
}

.dzr-scope .project-meta span:last-child{
  color:rgba(255,255,255,.45);
  font-weight:600;
}

/* TITLE */
.dzr-scope .project-card h3{
  margin:0 0 10px;
  font-size:1.8rem;
  line-height:1.15;
}

/* LOCATION */
.dzr-scope .project-location{
  display:inline-flex;
  align-items:center;
  gap:7px;
  font-size:.95rem;
  color:rgba(255,255,255,.58);
}

.dzr-scope .project-location svg{
  width:1rem;
  height:1rem;
}

/* ================================
   ARROW (TOP RIGHT)
================================ */
.dzr-scope .project-arrow{
  position:absolute;
  top:24px;
  right:24px;

  width:48px;
  height:48px;

  border-radius:18px;
  display:grid;
  place-items:center;

  color:#fff;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.1);
  backdrop-filter:blur(12px);

  opacity:0;
  transform:scale(.75);
  transition:.45s;
}

.dzr-scope .project-arrow svg{
  width:1rem;
  height:1rem;
}

.dzr-scope .project-card:hover .project-arrow{
  opacity:1;
  transform:scale(1);
}

/* ================================
   BOTTOM LINE ANIMATION
================================ */
.dzr-scope .project-line{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:4px;

  background:linear-gradient(135deg, #f6a623, #ff8f19);

  transform:scaleX(0);
  transform-origin:left;

  transition:transform .7s cubic-bezier(.22,1,.36,1);
}

.dzr-scope .project-card:hover .project-line{
  transform:scaleX(1);
}

/* ================================
   REVEAL ANIMATION
================================ */
.dzr-scope .reveal{
  opacity:0;
  visibility:hidden;
}

.dzr-scope .reveal.is-visible{
  opacity:1;
  visibility:visible;
}

.dzr-scope .reveal-scale.is-visible{
  animation:dzrScaleIn .8s cubic-bezier(.22,1,.36,1) both;
}

/* DELAYS */
.dzr-scope .delay-1{ animation-delay:.15s!important; }
.dzr-scope .delay-2{ animation-delay:.3s!important; }
.dzr-scope .delay-3{ animation-delay:.45s!important; }
.dzr-scope .delay-4{ animation-delay:.6s!important; }
.dzr-scope .delay-5{ animation-delay:.75s!important; }

/* ================================
   KEYFRAMES
================================ */
@keyframes dzrScaleIn{
  from{ opacity:0; transform:scale(.94); }
  to{ opacity:1; transform:scale(1); }
}
@keyframes fadeUp {
  from { opacity: 0; transform: translateY(28px); }
  to { opacity: 1; transform: translateY(0); }
}
@keyframes slideInLeft {
  from { opacity: 0; transform: translateX(-30px); }
  to { opacity: 1; transform: translateX(0); }
}
@keyframes slideInRight {
  from { opacity: 0; transform: translateX(30px); }
  to { opacity: 1; transform: translateX(0); }
}
@keyframes scaleIn {
  from { opacity: 0; transform: scale(.94); }
  to { opacity: 1; transform: scale(1); }
}
@keyframes ping {
  0% { transform: scale(1); opacity: .6; }
  75%,100% { transform: scale(1.9); opacity: 0; }
}
@keyframes morph {
  0%,100% { border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%; }
  25% { border-radius: 58% 42% 75% 25% / 76% 46% 54% 24%; }
  50% { border-radius: 50% 50% 33% 67% / 55% 27% 73% 45%; }
  75% { border-radius: 33% 67% 58% 42% / 63% 68% 32% 37%; }
}
@keyframes float {
  0%,100% { transform: translateY(0); }
  50% { transform: translateY(-18px); }
}
@keyframes rotateSlow {
  from { transform: rotate(0); }
  to { transform: rotate(360deg); }
}
@keyframes glowPulse {
  0%,100% { transform: scale(1); opacity: .5; }
  50% { transform: scale(1.35); opacity: 1; }
}
@keyframes pulseRing {
  0% { transform: scale(.8); opacity: .7; }
  100% { transform: scale(1.4); opacity: 0; }
}
@keyframes bounceY {
  0%,100% { transform: translateY(0); }
  50% { transform: translateY(8px); }
}
/* ================================
   RESPONSIVE
================================ */
@media(max-width:1199px){
  .dzr-scope .project-grid{
    grid-template-columns:repeat(2,1fr);
  }
}

@media(max-width:767px){
  .dzr-scope .project-grid{
    grid-template-columns:1fr;
  }

  .dzr-scope .project-card{
    min-height:430px;
  }

  .dzr-scope .project-content{
    padding:24px;
  }

  .dzr-scope .project-card h3{
    font-size:1.45rem;
  }
}
/**/
.video-bg { 
background: linear-gradient(135deg, var(--primary-deep), var(--dzr-primary)); 
}
.video-grid {
	position: relative;
}

.video-grid::before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: .05;
  pointer-events: none;

  background-image: 
    linear-gradient(rgba(255,255,255,.3) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.3) 1px, transparent 1px);

  background-size: 60px 60px;
}

.highlight2 {
	color: var(--dzr-highlight);
}
/**/
.video-shape {
  border: 1px solid rgba(255,255,255,.08);
  animation: float 8s ease-in-out infinite;
}
.shape-a { 
top: 10%; 
left: 10%; 
width: 160px; 
height: 160px; 
border-radius: 28px; 
animation: rotateSlow 25s linear infinite, float 8s ease-in-out infinite; 
}
.shape-b { 
bottom: 15%; 
right: 12%; 
width: 96px; 
height: 96px; 
border-radius: 999px; 
animation-delay: .9s; 
}
.video-dot { 
border-radius: 999px; 
animation: glowPulse 2.2s infinite; 
}
.video-dot-a { 
top: 40%; 
right: 25%; 
width: 12px; 
height: 12px; 
background: rgba(246,166,35,.4); 
}
.video-dot-b { 
bottom: 35%; 
left: 20%; 
width: 8px;
height: 8px; 
background: rgba(73,162,255,.55); 
animation-delay: 1.2s; 
}
.video-inner { 
text-align: center; 
}

.video-play {
  position: relative;
  width: 120px; height: 120px;
  margin: 0 auto 15px;
  background: transparent;
  border: 0;
}
.ring,
.play-core {
  position: absolute;
  inset: 0;
  border-radius: 999px;
}
.ring { 
background: rgba(255,255,255,.1); 
}
.ring-a { 
animation: pulseRing 2s ease-out infinite; 
}
.ring-b { 
animation: pulseRing 2s ease-out infinite .5s; 
}
.play-core {
  inset: 12px;
  display: grid;
  place-items: center;
  background: rgba(255,255,255,.12);
  border: 1px solid rgba(255,255,255,.2);
  backdrop-filter: blur(10px);
  color: #fff;
  transition: all 0.45s cubic-bezier(.22,1,.36,1);
}
.play-core svg { 
width: 24px; 
height: 24px; 
margin-left: 4px; 
fill: #ffffff;
}
.video-play:hover .play-core { 
	transform: scale(1.08); 
	background: rgba(255,255,255,.18);
	transition: all 0.45s cubic-bezier(.22,1,.36,1); 
}
.video-actions { 
	margin-bottom: 52px; 
}
.trust-badges {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 36px;
  flex-wrap: wrap;
  color: rgba(255,255,255,.48);
  font-weight: 700;
}
.center {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
.pattern-grid {
  background-image: linear-gradient(rgba(0,86,179,.03) 1px, transparent 1px), linear-gradient(90deg, rgba(0,86,179,.03) 1px, transparent 1px);
  background-size: 40px 40px;
}
/**/
.feature-list {
  list-style: none;
  padding: 0;
  margin: 28px 0 34px;
  display: grid;
  gap: 18px;
}
.feature-list li {
  display: flex;
  gap: 14px;
  align-items: flex-start;
  font-weight: 600;
  color: var(--dzr-dark);
  font-size: 16px;
}
.feature-list span {
  width: 24px; 
  height: 24px;
  display: inline-grid; 
  place-items: center;
  border-radius: 999px;
  background: rgba(0,86,179,.1);
  color: var(--dzr-primary);
  flex: 0 0 auto;
  font-size: 15px;
}
/* ===============================
   VIDEO POPUP PREMIUM (DZR)
=============================== */

.dzr-video-modal{
    position:fixed;
    inset:0;
    display:none;
    z-index:99999;
}

.dzr-video-modal.active{
    display:block;
}

/* overlay blur */
.dzr-video-overlay{
    position:absolute;
    inset:0;
    background:rgba(0,0,0,0.85);
    backdrop-filter:blur(8px);
    animation:fadeIn .4s ease;
}

/* content */
.dzr-video-content{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%) scale(.95);
    width:90%;
    max-width:950px;
    animation:scaleIn .4s cubic-bezier(.22,1,.36,1) forwards;
}

/* video */
.dzr-video-content video,
.dzr-video-content iframe{
    width:100%;
    height:520px;
    border-radius:20px;
    box-shadow:0 30px 80px -30px rgba(0,55,128,.35);
}

/* close */
.dzr-video-close{
    position:absolute;
    top:-45px;
    right:0;
    font-size:34px;
    color:#fff;
    cursor:pointer;
    transition:.3s;
}

.dzr-video-close:hover{
    transform:scale(1.2);
    color:#f6a623;
}

/* animation */
@keyframes fadeIn{
    from{opacity:0}
    to{opacity:1}
}

@keyframes scaleIn{
    from{opacity:0; transform:translate(-50%,-50%) scale(.9);}
    to{opacity:1; transform:translate(-50%,-50%) scale(1);}
}

/**/
/* ================================
   FACILITIES (DZR WIDGET)
================================ */

.dzr-scope .facilities-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:26px;
}

.dzr-scope .facility-card{
  display:flex;
  align-items:flex-start;
  gap:20px;
  padding:30px;
  border-radius:var(--radius-lg,32px);
  background:var(--dzr-card-bg);
  border:1px solid var(--dzr-card-border);
  transition:var(--transition);
}

.dzr-scope .facility-card:hover {
  box-shadow:0 18px 50px -20px rgba(0,86,179,.16);
  transform:translateY(-6px);
  transition:var(--transition);
}
.dzr-scope .facility-card:hover svg {
  fill: #ffffff;
}
.dzr-scope .facility-icon svg {
  width:30px;
  height:30px;
  fill: #212121;
}
.dzr-scope .facility-card .facility-icon {
  flex:0 0 auto;
  width:56px;
  height:56px;
  border-radius:20px;

  display:flex;
  align-items:center;
  justify-content:center;

  color:var(--dzr-primary);
  font-size:1.5rem;

  background:linear-gradient(135deg,rgba(0,86,179,.1),rgba(73,162,255,.06));
  border:1px solid rgba(0,86,179,.15);

  transition:var(--transition);
}

.dzr-scope .facility-card:hover .facility-icon{
  color:#fff;
  background:linear-gradient(135deg,var(--dzr-primary),var(--primary-light));
  border-color:transparent;
  transition:var(--transition);
}

.dzr-scope .facility-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin-bottom:10px;
}

.dzr-scope .facility-head strong{
  font-size:1.3rem;
  font-weight:900;
  color:rgba(0,86,179,.25);
  transition:var(--transition);
}

.dzr-scope .facility-card:hover .facility-head strong{
  color:rgba(0,86,179,.45);
}

.dzr-scope .facility-card p{
  margin:0;
  color:var(--dzr-muted);
  font-size:.98rem;
  line-height:1.75;
}

.dzr-scope .facility-line{
  width:0;
  height:2px;
  margin-top:18px;
  border-radius:999px;
  background:linear-gradient(135deg,var(--dzr-primary),var(--primary-glow));
  transition:width .7s cubic-bezier(.22,1,.36,1);
}

.dzr-scope .facility-card:hover .facility-line{
  width:48px;
}
/* CLOSE ANIMATION */
.dzr-video-modal.closing .dzr-video-overlay{
    animation: fadeOut .35s ease forwards;
}

.dzr-video-modal.closing .dzr-video-content{
    animation: scaleOut .35s cubic-bezier(.22,1,.36,1) forwards;
}

@keyframes fadeOut{
    from{opacity:1}
    to{opacity:0}
}

@keyframes scaleOut{
    from{opacity:1; transform:translate(-50%,-50%) scale(1);}
    to{opacity:0; transform:translate(-50%,-50%) scale(.92);}
}
/**/
/* ===============================
   DZR NEWS FINAL STYLE
=============================== */

.news-card {
  border-radius: 28px;
  overflow: hidden;
  background: #ffffff;
  transition: all .35s cubic-bezier(.22,1,.36,1);
  display: flex;
  flex-direction: column;
}

.news-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 25px 60px -15px rgba(0,86,179,.15),
              0 0 30px -10px rgba(73,162,255,.1);
}

/* ===== TOP (BLUE AREA) ===== */
.news-top {
  position: relative;
  height: 200px;
  background: linear-gradient(135deg, #0056b3, #2d7dd2, #49a2ff);
  overflow: hidden;
}

/* subtle grid */
.news-top .pattern-grid {
  opacity: .12;
}

/* shapes */
.news-shape.circle {
  position: absolute;
  top: 17px;
  right: 17px;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  border: 1px solid rgba(255,255,255,.25);
}

.news-shape.square {
  position: absolute;
  bottom: 20px;
  left: 20px;
  width: 70px;
  height: 70px;
  border-radius: 18px;
  border: 1px solid rgba(255,255,255,.2);
  transform: rotate(15deg);
}

/* big number */
.news-number {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  font-size: 110px;
  font-weight: 900;
  color: rgba(255,255,255,.08);
  pointer-events: none;
}

/* ===== BODY ===== */
.news-body {
  padding: 32px;
  display: flex;
  flex-direction: column;
  flex: 1;
}

/* meta */
.news-meta {
  display: flex;
  gap: 18px;
  margin-bottom: 14px;
  font-size: 14px;
  color: #6f8095;
}

/* title */
.news-body h3 {
  margin: 0 0 14px;
  font-size: 26px;
  line-height: 1.3;
  color: #14243d;
  font-weight: 700;
}

/* text */
.news-body p {
  margin: 0;
  font-size: 16px;
  line-height: 1.8;
  color: #5f6f82;
}

/* link */
.news-link {
  margin-top: 26px;
  font-weight: 700;
  color: #0a5bb3;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: all .25s ease;
}
.news-link svg {
	width: 20px;
	height: 20px;
}
.news-link:hover {
  gap: 12px;
  color: #083f80;
}

/* ===== GRID FIX ===== */
.news-grid {
  gap: 30px;
}

/* ===== IMAGE MODE ===== */
.news-top[style*="background-image"] {
  background-size: cover !important;
  background-position: center !important;
}

.news-top[style*="background-image"]::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to bottom,
    rgba(10,91,179,.2),
    rgba(10,91,179,.7)
  );
}
/* ===============================
   NEWS GRID FINAL FIX
=============================== */

.dzr-scope .news-grid{
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 30px;
}

@media (max-width:1199px){
  .dzr-scope .news-grid{
    grid-template-columns: repeat(2, minmax(0,1fr));
  }
}

@media (max-width:767px){
  .dzr-scope .news-grid{
    grid-template-columns: 1fr;
  }
}

/**/
/* BASE */
.dzr-menu-list {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	align-items: center;
}

.dzr-menu-list li {
	position: relative;
	margin: 0;
}

.dzr-menu-list a {
	text-decoration: none;
	display: inline-block;
	padding: 8px 0px;
	font-weight: 500;
	transition: all 0.3s ease;
	border-radius: 6px;
}

/* ======================
   INLINE (HORIZONTAL)
====================== */
.dzr-menu-inline .dzr-menu-list {
	flex-direction: row;
}

/* ======================
   VERTICAL
====================== */
.dzr-menu-vertical .dzr-menu-list {
	flex-direction: column;
	align-items: flex-start;
}

.dzr-menu-vertical .dzr-menu-list li {
	width: 100%;
}

/* ======================
   HOVER EFFECT
====================== */
.dzr-menu-list a:hover {
	transform: translateY(-2px);
}

/* ======================
   ACTIVE ITEM
====================== */
.dzr-menu-list .current-menu-item > a {
	font-weight: 600;
}

/* ======================
   UNDERLINE ANIMATION
====================== */
.dzr-menu-list a::after {
	content: "";
	position: absolute;
	left: 10px;
	bottom: 4px;
	width: 0;
	height: 2px;
	background: currentColor;
	transition: width 0.3s ease;
}

.dzr-menu-list a:hover::after {
	width: calc(100% - 20px);
}

/* ======================
   CLEAN MODERN LOOK
====================== */
.dzr-menu {
	font-family: inherit;
}
/*/
