@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600&family=Oswald:wght@300;400;500;600&display=swap');
:root{
  --ndr-red:#F97316;;      /* screenshot ke close */
  --ndr-text:#5f5f5f;
  --ndr-dark:#2b2b2b;

  --ndr-white:#ffffff;
  --ndr-black:#0b0b0b;
  --ndr-overlay: rgba(0,0,0,.45);     /* full hero subtle shade */
  --ndr-panel: rgba(0,0,0,.55);       /* dark box behind text */
  
  --nd-red: #F97316;;       /* maroon/red tone */
  --nd-red-dark:#F97316;;
  --nd-text:#5f5f5f;
  --nd-title:#a63a37;
  --nd-line:#d9d9d9;
  --nd-strip-h: 120px;

 
  --nd-dark:#2f3438;
  --panel-bg:#f5f5f5;
  --card-shadow: 0 8px 18px rgba(0,0,0,.10);
  --ndr-white:#ffffff;
  --ndr-black:#0b0b0b;
  --ndr-overlay: rgba(0,0,0,.45);     /* full hero subtle shade */
  --ndr-panel: rgba(0,0,0,.55);       /* dark box behind text */
}
:root{
  --nd-border: #cfd6df;
  --nd-shadow: 0 1px 0 rgba(0,0,0,.02), 0 2px 8px rgba(0,0,0,.06);
  --nd-head: #6f7e8f;
  --nd-bg: #f3f5f7;
  --nd-white: #fff;

  --nd-blue: #2aa7ff;
  --nd-blue2: #2f57ff;
  --nd-purple: #6a4cff;
  --nd-badge-blue: #0b4e9b;
  --nd-badge-purple: #7a2ecb;
  --nd-badge-gray: #7e8896;
}

.ndr-hero-cyber .ndr-hero-bg {
  background-image: url("./assets/Support Process/why.png") !important;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

/* ===== WHY NDR HERO SECTION ===== */
ndr-hero-cyber{
  margin-top: 0; /* header ke baad as-is */
}

.ndr-hero-bg{
  position: relative;
  min-height: 420px;
  width: 100%;
  background-image: url("PADEURO.png"); /* replace */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

/* same: left side translucent box */
.ndr-hero-overlay{
  position: absolute;
  left: 6%;
  bottom: 18%;
  max-width: 760px;
  background: rgba(40, 40, 40, 0.45);
  padding: 22px 26px;
  border-radius: 2px;
}

.ndr-hero-title{
  margin: 0 0 8px;
  color: #fff;
  font-weight: 300;
  /* letter-spacing: 1px; */
  font-size: 50px;
  line-height: 1.05;
  text-transform: uppercase;
}

.ndr-hero-subtitle{
  margin: 0;
  color: #fff;
  font-size: 24px;
  /* letter-spacing: 1px; */
  text-transform: uppercase;
  line-height: 1.4;
}

/* reveal animation */
.reveal-up{
  opacity: 0;
  transform: translateY(14px);
  transition: opacity .7s ease, transform .7s ease;
}

.reveal-up.is-visible{
  opacity: 1;
  transform: translateY(0);
}

/* Responsive tweaks */
@media (max-width: 576px){
  .nd-about-hero__content{
    padding-bottom: 44px;
  }
}

/* =========================
   DATA DRIVEN SECTION
========================= */

.ndr-data-driven{
  background:#ffffff;
  padding: 30px 0 40px;
}

.ndr-data-title{
  font-family: "Oswald", sans-serif;
  font-size: clamp(28px, 3.2vw, 32px);
  font-weight: 500;
  letter-spacing: 1px;
  color:var(--ndr-dark);
  /* margin-bottom: 20px; */
  text-transform: uppercase;
}

.ndr-data-text{
  max-width: 780px;
  margin: 0 auto;
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  line-height: 1.8;
  color:#5f6b73;
}

/* animation */
.ndr-fade-up{
  opacity: 0;
  transform: translateY(20px);
  transition: opacity .7s ease, transform .7s ease;
}

.ndr-fade-up.is-visible{
  opacity: 1;
  transform: translateY(0);
}

/* Page background like screenshot */
.nd-body{
  background:#f2f4f7;
  font-family: Arial, Helvetica, sans-serif;
}

/* Card base (soft border, light shadow) */
.nd-card{
  background:#fff;
  border:1px solid #dfe5ee;
  border-radius:4px;
  box-shadow: 0 1px 0 rgba(0,0,0,.04);
  padding:14px 14px 10px;
  height:100%;
}

/* Title (top-left small) */
.nd-card-title{
  font-size:14px;
  font-weight:700;
  color:#6f7a88;
  margin-bottom:8px;
}

/* Big numbers */
.nd-card-value{
  font-size:64px;
  line-height:1;
  font-weight:800;
  letter-spacing:.5px;
  margin:6px 0 6px;
}

/* Sub text */
.nd-card-sub{
  font-size:11px;
  color:#98a3b1;
  margin-bottom:8px;
  min-height:32px;
}

/* Foot (as of...) */
.nd-card-foot{
  font-size:11px;
  color:#8b97a6;
  border-top:1px solid #eef2f7;
  padding-top:8px;
  display:flex;
  align-items:center;
  gap:8px;
}
.nd-clock{opacity:.75}

/* Value colors similar to screenshot */
.nd-value-dark{ color:#3b3f46; }
.nd-value-green{ color:#a7da5a; }
.nd-value-blue{ color:#78a9f7; }
.nd-value-blueDeep{ color:#2f73d8; }
.nd-value-purple{ color:#8c42ff; }
.nd-value-green2{ color:#43b047; }

/* Chart card padding */
.nd-card-chart{
  padding-bottom:14px;
}

/* Give chart area height like screenshot */
.nd-chart-wrap{
  height:330px;
}
@media (max-width: 992px){
  .nd-chart-wrap{ height:280px; }
}

/* Table styling */
.nd-table-wrap{
  max-height:360px;
  overflow:auto;
  border-top:1px solid #eef2f7;
  margin-top:8px;
}
.nd-table thead th{
  font-size:12px;
  color:#6f7a88;
  font-weight:800;
  padding:10px 10px;
  border-bottom:1px solid #eef2f7;
}
.nd-table tbody td{
  font-size:14px;
  padding:12px 10px;
  border-bottom:1px solid #f2f4f7;
}
.nd-avatar{
  width:34px;
  height:34px;
  border-radius:50%;
  object-fit:cover;
  border:1px solid #e6ebf3;
}


/* ===== Workstation Data - Same dashboard look ===== */
.ws-container{
  padding-left: 14px;
  padding-right: 14px;
}

.ws-title h2{
  font-weight: 600;
  font-size: 40px;
  color: #3d3d3d;
  letter-spacing: .2px;
}
.ws-title-underline{
  height: 3px;
  background: #cfcfcf;
  margin-top: 6px;
}

.ws-card{
  background: #fff;
  border: 2px solid #d8d8d8;
  border-radius: 4px;
  box-shadow: 0 1px 0 rgba(0,0,0,.03);
  overflow: hidden;
}

.ws-card-head{
  padding: 10px 12px;
  border-bottom: 2px solid #d8d8d8;
  background: #ffffff;
}
.ws-card-head-title{
  font-size: 14px;
  color: #6b6b6b;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ws-card-body{
  padding: 14px 12px;
}

.ws-big-number{
  font-size: 68px;
  line-height: 1;
  font-weight: 700;
  color: #4a4a4a;
  margin-top: 6px;
}
.ws-subtext{
  color: #8a8a8a;
  font-size: 14px;
  line-height: 1.2;
  margin-top: 6px;
}

.ws-asof{
  display: inline-flex;
  gap: 8px;
  align-items: center;
  color: #8c8c8c;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .2px;
}
.ws-clock{
  font-size: 14px;
  opacity: .8;
}

.ws-chart-wrap{
  width: 100%;
  height: 190px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Apps list */
.ws-table-head{
  display: grid;
  grid-template-columns: 1fr 160px;
  gap: 10px;
  padding: 10px 12px;
  border-bottom: 2px solid #d8d8d8;
  font-size: 13px;
  font-weight: 700;
  color: #222;
}
.ws-muted{ color:#777; font-weight:600; font-size: 11px; }

.ws-scroll{
  max-height: 260px;
  overflow: auto;
  background: #fff;
}

.ws-app-row{
  display: grid;
  grid-template-columns: 1fr 120px;
  align-items: center;
  padding: 12px 12px;
  border-bottom: 2px solid #ffffff;
  background: #737a85; /* same gray-blue rows vibe */
  color: #fff;
  font-weight: 700;
  font-size: 14px;
}
.ws-app-row:nth-child(2n){
  background: #6a707a;
}
.ws-app-name{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 10px;
}
.ws-app-count{
  text-align: end;
}

/* Tables */
.ws-grid-head{
  display: grid;
  gap: 0;
  padding: 10px 12px;
  border-bottom: 2px solid #d8d8d8;
  font-weight: 800;
  font-size: 13px;
  color: #111;
  background: #fff;
}
.ws-grid-3{ grid-template-columns: 1.3fr .9fr 1.1fr; }

.ws-table-body{
  max-height: 310px;
}

.ws-grid-row{
  display: grid;
  gap: 0;
  padding: 10px 12px;
  border-bottom: 1px solid #ededed;
  font-size: 14px;
  color: #333;
  background: #fff;
}
.ws-grid-row:nth-child(2n){
  background: #fafafa;
}

/* Config table left green blocks */
.ws-config-head{
  grid-template-columns: .9fr 1.2fr .8fr;
}
.ws-config-row{
  grid-template-columns: .9fr 1.2fr .8fr;
  align-items: stretch;
}
.ws-config-type{
  background: #007f86;         /* teal block like screenshot */
  color: #fff;
  font-weight: 800;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 12px;
  margin: -10px 0 -10px -12px; /* stretch to cell edges */
}

/* Nice scrollbar (optional) */
.ws-scroll::-webkit-scrollbar{ width: 10px; height: 10px; }
.ws-scroll::-webkit-scrollbar-thumb{ background: #b7b7b7; border-radius: 10px; }
.ws-scroll::-webkit-scrollbar-track{ background: #efefef; }

/* Responsive */
@media (max-width: 991px){
  .ws-title h2{ font-size: 32px; }
  .ws-scroll{ max-height: 220px; }
}



/* Page background like screenshot (light gray) */


/* body{
  background: var(--nd-bg);
  font-family: Arial, Helvetica, sans-serif;
  color: #223;
} */

.nd-wrap{
  max-width: 1200px;
}
.nd-section{
  
  padding: 10px 15px 18px;
  
}
/* Section title styling like screenshot */
.nd-section-title{
  font-size: 44px;
  font-weight: 800;
  line-height: 1.05;
  color: #2a2f36;
  margin: 0;
  padding: 4px 0 0;
}
.nd-section-rule{
  height: 10px;
  background: linear-gradient(to bottom, #d7dde6, #f3f5f7);
  border: 1px solid #d7dde6;
  border-left: 0;
  border-right: 0;
  margin-top: 6px;
}

/* Card shell */
.nd-card{
  background: var(--nd-white);
  border: 1px solid var(--nd-border);
  box-shadow: var(--nd-shadow);
  border-radius: 2px;
  overflow: hidden;
  height: 100%;
}

.nd-card-header{
  font-size: 16px;
  font-weight: 700;
  color: var(--nd-head);
  padding: 10px 12px;
  border-bottom: 1px solid #e6ebf1;
  background: #ffffff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.nd-card-body{
  padding: 14px 12px;
}

.nd-card-footer{
  padding: 8px 12px;
  border-top: 1px solid #e6ebf1;
  color: #7c8896;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  background: #fff;
}

.nd-clock{
  margin-right: 6px;
  opacity: .8;
}

/* KPI card */
.nd-kpi .nd-card-body{
  min-height: 175px;
}
.nd-kpi-num{
  font-size: 86px;
  font-weight: 800;
  color: #3c4148;
  line-height: .95;
  margin-top: 6px;
}
.nd-kpi-sub{
  margin-top: 8px;
  text-align: center;
  font-size: 14px;
  color: #8a95a3;
  line-height: 1.2;
}

/* Charts */
.nd-chart-row{
  display: flex;
  gap: 12px;
  align-items: center;
}
.nd-chart-wrap{
  width: 58%;
  min-height: 170px;
}
.nd-chart-notes{
  width: 42%;
  font-size: 13px;
  color: #2c3440;
}
.nd-note{
  display: flex;
  gap: 8px;
  align-items: center;
  margin-bottom: 10px;
}
.nd-note-dot{
  width: 12px;
  height: 12px;
  border-radius: 2px;
  display: inline-block;
}
.dot-blue{ background: var(--nd-blue); }
.dot-purple{ background: var(--nd-purple); }

.nd-chart-center{
  width: 100%;
  min-height: 170px;
}
.nd-chart-wide{
  width: 100%;
  min-height: 190px;
}

.nd-pie-labels{
  font-size: 12px;
  color: #2c3440;
  display: flex;
  justify-content: space-between;
  gap: 10px;
  flex-wrap: wrap;
}

/* Tables */
.nd-table-card .nd-card-body{
  padding: 0;
}

.nd-table-scroll{
  max-height: 260px;           /* same feel like screenshot */
  overflow: auto;
}

.nd-table thead th{
  position: sticky;
  top: 0;
  z-index: 2;
  background: #fff;
  font-size: 12px;
  letter-spacing: .5px;
  color: #000;
  font-weight: 800;
  padding: 12px 12px;
  border-bottom: 1px solid #e6ebf1;
}

.nd-table tbody td{
  font-size: 14px;
  padding: 14px 12px;
  border-bottom: 1px solid #eef2f6;
  vertical-align: top;
  color: #2a2f36;
}

/* Status badges like colored blocks */
.nd-badge{
  display: inline-block;
  min-width: 88px;
  padding: 12px 10px;
  border-radius: 2px;
  color: #fff;
  font-weight: 800;
  font-size: 14px;
  line-height: 1.05;
}
.nd-badge-blue{ background: var(--nd-badge-blue); }
.nd-badge-purple{ background: var(--nd-badge-purple); }
.nd-badge-gray{ background: var(--nd-badge-gray); }

/* scrollbar (optional subtle) */
.nd-table-scroll::-webkit-scrollbar{ width: 10px; height: 10px; }
.nd-table-scroll::-webkit-scrollbar-thumb{ background: #c6ced9; border-radius: 10px; }
.nd-table-scroll::-webkit-scrollbar-track{ background: #f3f5f7; }

/* Responsive */
@media (max-width: 991px){
  .nd-section-title{ font-size: 34px; }
  .nd-chart-row{ flex-direction: column; }
  .nd-chart-wrap, .nd-chart-notes{ width: 100%; }
}


/* ===== WHY-NDR Section (match look/spacing) ===== */
.why-ndr-section {
  background: #ffffff;
}

.why-ndr-copy .lead {
  color: #6f7a86;
  font-size: 22px;
  line-height: 1.8;
  font-weight: 400;
}

.why-ndr-quotes p {
  margin: 0 0 16px;
  color: #8a949f;
  font-size: 20px;
  line-height: 1.9;
  font-weight: 400;
}

.why-ndr-link {
  color: #6f7a86;
  text-decoration: underline;
}
.why-ndr-link:hover {
  color:var(--nd-red); /* NDR red-ish hover */
}

/* list like screenshot */
.why-ndr-list {
  margin: 18px 0 0;
  padding-left: 22px;
}
.why-ndr-list li {
  color: #8a949f;
  font-size: 18px;
  line-height: 1.9;
  margin-bottom: 6px;
}

/* ===== Sidebar cards (right) ===== */
.why-ndr-sidebar {
  display: grid;
  gap: 18px;
}

.why-ndr-card {
  display: block;
  border: 1px solid #e2e6ea;
  background: #fff;
  text-decoration: none;
  overflow: hidden;
  transition: transform 0.18s ease, box-shadow 0.18s ease;
}

.why-ndr-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 26px rgba(0, 0, 0, 0.08);
}

.why-ndr-card__img img {
  width: 100%;
  height: auto;
  display: block;
}

.why-ndr-card__body {
  padding: 16px 16px 18px;
}

.why-ndr-card__title {
  margin: 0;
  color: #111;
  font-weight: 800;
  font-size: 20px;
  line-height: 1.2;
}

/* Responsive fine-tune */
@media (max-width: 991.98px) {
  .why-ndr-copy .lead {
    font-size: 20px;
  }
  .why-ndr-quotes p {
    font-size: 18px;
  }
}

/* ====== TOP GREY STRIP ====== */
.nd-footer-strip{
  background: url("assets/footer-strip.jpg") center/cover no-repeat; /* replace */
  position: relative;
  min-height: var(--nd-strip-h);
  display: flex;
  align-items: center;
}

.nd-footer-strip::before{
  content:"";
  position:absolute;
  inset:0;
  background: rgba(0,0,0,.35);
}

.nd-footer-strip .container{
  position: relative;
  z-index: 2;
}

.strip-inner{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap: 20px;
}

.strip-text{
  color:#fff;
  font-family: "Oswald", sans-serif;
  letter-spacing: .5px;
  font-size: 26px;
  line-height: 1.25;
  text-transform: uppercase;
}

.nd-btn-contact{
  background: var(--nd-red);
  color:#fff;
  border-radius: 6px;
  padding: 10px 22px;
  font-family: "Oswald", sans-serif;
  text-transform: uppercase;
  letter-spacing: .4px;
  border: 0;
  box-shadow: 0 2px 0 rgba(0,0,0,.15);
}

.nd-btn-contact:hover{
  background: var(--nd-red-dark);
  color:#fff;
}

/* ====== FOOTER MAIN ====== */
.nd-footer-main{
  background:#fff;
  padding: 60px 0 40px;
}

.nd-footer-title{
  font-family:"Oswald", sans-serif;
  color: var(--nd-title);
  letter-spacing: .4px;
  font-size: 20px;
  margin: 0 0 10px;
  text-transform: uppercase;
}

.nd-footer-links{
  list-style: none;
  padding: 0;
  margin: 0;
}

.nd-footer-links li{
  padding: 8px 0;
  border-bottom: 1px dashed var(--nd-line);
}

.nd-footer-links a{
  color: var(--nd-title);
  text-decoration: none;
  font-size: 16px;
  font-weight: 400;
}

.nd-footer-links a:hover{
  color: var(--nd-red-dark);
  text-decoration: underline;
}

.nd-footer-divider{
  height: 1px;
  background: var(--nd-line);
  width: 100%;
  margin-top: 6px;
}

.nd-contact-block{
  border-top: 1px dashed var(--nd-line);
  padding-top: 14px;
}

.nd-contact-head{
  color:#222;
  font-weight: 700;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: .2px;
  margin-bottom: 6px;
}

.nd-contact-text{
  font-size: 15px;
  line-height: 1.6;
  color: #666;
}

.nd-mail{
  color: var(--nd-title);
  text-decoration: none;
}

.nd-mail:hover{
  text-decoration: underline;
}

/* ====== BOTTOM BAR ====== */
.nd-footer-bottom{
  background: var(--nd-red);
  color:#fff;
  padding: 18px 0;
}

.bottom-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 16px;
}

.bottom-left{
  font-size: 13px;
  letter-spacing: .2px;
  text-transform: uppercase;
}

.bottom-left a{
  color:#fff;
  text-decoration: none;
}

.bottom-left a:hover{
  text-decoration: underline;
}

.bottom-social{
  display:flex;
  align-items:center;
  gap: 10px;
}

.bottom-social .soc{
  width: 34px;
  height: 34px;
  border-radius: 50%;
  border: 2px solid rgba(255,255,255,.85);
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  text-decoration:none;
  font-size: 14px;
}

.bottom-social .soc:hover{
  background: rgba(255,255,255,.12);
}

/* ====== FLOATING CHAT BUTTON ====== */
.nd-float-chat{
  position: fixed;
  right: 22px;
  bottom: 22px;
  width: 58px;
  height: 58px;
  border-radius: 50%;
  border: 0;
  background: var(--nd-red);
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow: 0 10px 22px rgba(0,0,0,.25);
  z-index: 9999;
  transition: transform .15s ease, background .15s ease;
}

.nd-float-chat:hover{
  background: var(--nd-red-dark);
  transform: translateY(-2px);
}

.nd-float-chat i{
  font-size: 20px;
}

/* ====== SMALL CHAT PANEL (optional) ====== */
.nd-chat-panel{
  position: fixed;
  right: 22px;
  bottom: 92px;
  width: 320px;
  max-width: calc(100vw - 44px);
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 18px 40px rgba(0,0,0,.22);
  overflow: hidden;
  transform: translateY(10px);
  opacity: 0;
  pointer-events: none;
  transition: opacity .18s ease, transform .18s ease;
  z-index: 9999;
}

.nd-chat-panel.is-open{
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}

.nd-chat-head{
  background: var(--nd-red);
  color:#fff;
  padding: 12px 14px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  font-family:"Oswald", sans-serif;
  letter-spacing: .3px;
  text-transform: uppercase;
}

.nd-chat-close{
  width: 30px;
  height: 30px;
  border-radius: 8px;
  border: 0;
  background: rgba(255,255,255,.18);
  color:#fff;
  font-size: 20px;
  line-height: 1;
}

.nd-chat-body{
  padding: 14px;
  color:#444;
  font-size: 14px;
}

/* ====== RESPONSIVE ====== */
@media (max-width: 991px){
  .strip-text{ font-size: 22px; }
  .bottom-inner{ flex-direction: column; align-items:flex-start; }
}

@media (max-width: 575px){
  .strip-inner{ flex-direction: column; align-items:flex-start; }
  .nd-btn-contact{ width: auto; }
}
/* ====== SECTION WRAPPER ====== */
.ndr-text-section{
  background:#ffffff;
}

/* Same feel: wide center, airy spacing */
.ndr-container{
  max-width: 1120px;          /* screenshot jaisi wide */
}

/* Main paragraph typography */
.ndr-lead{
  font-size: 20px;            /* approx screenshot */
  line-height: 1.9;
  color: #777;                /* light grey */
  font-weight: 400;
  margin-bottom: 36px;
}

/* Bullets block: centered, narrow like screenshot */
.ndr-bullets{
  list-style: disc;
  padding-left: 0;
  margin: 0 auto 44px auto;
  max-width: 880px;           /* bullets center me compact */
  color: #6f6f6f;
  font-size: 14px;
  line-height: 2.1;
}

/* Make list look like centered bullets (with left indent) */
.ndr-bullets li{
  margin: 10px 0;
}

/* Keep bullet start aligned nicer */
.ndr-bullets{
  padding-left: 22px;
}

/* Responsive */
@media (max-width: 768px){
  .ndr-lead{ font-size: 18px; line-height: 1.8; }
  .ndr-bullets{ max-width: 100%; }
}
/* ==============================
   DOWNLOAD FREE GUIDE SECTION
============================== */

.ndr-guide-section{
  background:#f3f3f1;              /* light grey background */
}

.ndr-guide-img{
  max-width: 180px;
  width: 100%;
  transform: rotate(-1deg);        /* same tilted feel */
  /* box-shadow: 0 18px 35px rgba(0,0,0,.18); */
}

/* Right text */
.ndr-guide-title{
  font-family: "Oswald", sans-serif;
  font-size: clamp(28px, 3.2vw, 40px);
  font-weight: 600;
  letter-spacing: .6px;
  color:var(--nd-red);                  /* Network Doctor red */
  text-transform: uppercase;
  margin-bottom: 10px;
}

.ndr-guide-subtitle{
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  color:--var(--nd-text);
  letter-spacing: .3px;
  margin-bottom: 26px;
  text-transform: uppercase;
}

/* Button */
.ndr-guide-btn{
  border: none !important;
  display: inline-block;
  background: #fff;
  color:var(--nd-red);
  padding: 12px 26px;
  border-radius: 6px;
  font-family: "Oswald", sans-serif;
  font-size: 16px;
  letter-spacing: .5px;
  text-transform: uppercase;
  text-decoration: none;
  transition: background .3s ease, transform .40s ease;
   box-shadow: 0 6px 18px rgba(0,0,0,0.50);
}

.ndr-guide-btn:hover{
  background:var(--nd-red-dark);
  color:#fff;
  transform: translateY(-2px);
}

/* Responsive */
@media (max-width: 991px){
  .ndr-guide-img{
    margin: 0 auto;
    transform: rotate(-6deg);
  }
}