body { font-family: 'Segoe UI', sans-serif; background-color: #f4f6f9; }
   /* .marketing-page a:hover {
    color: blue;
} */

.fw-400{font-weight: 400 !important;}
.fw-500{font-weight: 500 !important;}
.marketing-page ul li a:hover {
    color: blue;
} 
   .marketing-page .container {
       /* max-width: 900px;  */
      margin: 15px autoT; padding: 30px; background: #fff; border-radius: 12px; box-shadow: 0 0 15px rgba(0,0,0,0.05); }
      .marketing-page h1{font-size: 34px;
  margin-bottom: 15px;}
  .marketing-page.new-page{background: #fff;}
     .marketing-page.new-page .container{box-shadow:none}
.marketing-page.new-page .program li{font-weight: 500;
  font-family: Arial, sans-serif;
  color: #333;
  line-height: 1.6;}
  .marketing-page.new-page h1{font-size:24px}
  .marketing-page.rms-support .card h2{font-size: 24px;}
  .marketing-page.new-page .section h4{font-size: 18.72px;}
  .marketing-page.new-page .section li{font-weight: 500;
  font-family: Arial, sans-serif;
  color: #333;
  line-height: 1.6;}
  .marketing-page.new-page .program strong {color: #000;}
  .marketing-page.new-page .section li a {color: #00e;
  text-decoration: underline;}

    h1, h2 { color: #004080; font-weight: 700; }
    .intro, .description { font-size: 1.1rem; margin-top: 15px; color: #333; line-height: 26px;}
    .marketing-page ul li {color: #212529;list-style: disc !important;
  margin-left: 30px;}
  .marketing-page ol li{color: #212529;
  margin-left: 30px;}
    .section-title { margin-top: 40px; margin-bottom: 20px; }
    .resource-block { background: #f0f8ff; padding: 20px; border-left: 5px solid #007bff; border-radius: 8px; margin-top: 25px; }
    .resource-block h4 { margin-bottom: 10px; color: #004080; font-family: "Segoe UI";
  font-size: 1.5rem;}
    .resource-link { display: inline-block; font-size: 1rem; margin: 10px 0; }
    .btn-link-style {
      padding: 10px 16px;
      background-color: #007bff;
      color: white;
      text-decoration: none;
      border-radius: 6px;
    }
    blockquote{color: #000;}
    blockquote {
  background: #eef4ff;
  padding: 15px;
  border-left: 5px solid #004080;
  margin: 20px 0;
  font-style: italic;
}

.finder-box{background-color: #f0f8ff;
  border: 1px solid #005999;
  border-radius: 8px;
  padding: 15px;
  margin: 20px 0;}
.finder-box h3 {
  font-size: 18.72px;
  color: #003366;
  font-weight: 600;
  font-family: "Arial";
  margin: 10px 0px 15px;
}
.finder-box p strong{color:#005999}
.finder-box a:hover{color:#fff;opacity: 0.8;}

nav.navbar .container .d-flex{justify-content: space-between;width:100%}
/* .header2 .navbar.navbar-expand-lg{padding: 16px 20px 16px 0px;
  box-shadow: none;}


  .header2 .navbar-toggler{border-color: rgba(0,0,0,.1);} 

  .header2 .navbar-toggler .d-flex{width: 100%;
  justify-content: space-between;} */


 .header2 .navbar .navbar-brand{width:215px}

.marketing-page .section.section-bg{margin-bottom: 20px;
  padding: 15px;
  background: #f4f4f4;
  border-radius: 8px;}
.marketing-page .section h3.section-ttl{font-size: 24px;margin-top:0px;margin-bottom: 15px;}



.marketing-page .section h3.h2-ttl {font-size: 24px;}

.marketing-page iframe{width:560px;height:315px}

  .marketing-page  p{font-size: 16px;
  color: #000;}
  .marketing-page ul li a{font-size: 16px;}
    .btn-link-style:hover {
      background-color: #0056b3;}
    a { color: #007bff; word-break: break-word; }

    .marketing-header {background: #FCFCFC;
  padding: 20px 0px;}
  .marketing-header .header-logo{width: 226px;max-width:100%;margin: auto;}


  .marketing-page .section.note-box {background: #fff3cd;
  padding: 20px;
  border-left: 5px solid #ffc107;
  margin-top: 20px;
  border-radius: 6px;color:#000}


  .marketing-page .ai_lead{font-weight: bold;
  color: green;}

  .marketing-page .ar_lead_mcq{background: #e8f4ea !important;
  padding: 15px !important;
  border-left: 5px solid #28a745;}

.ft-left ul {
  display: flex;
  justify-content: space-between;
}
    .marketing-page .section h4 {
  font-size: 24px;
  color: #003366;
  font-weight: 600;
  font-family: "Arial";
  margin: 30px 0px 20px;
}
  .marketing-page .section h3{color: #004488;
  margin-top: 20px;
  font-size: 18.72px;
  font-weight: 600;
  font-family: "Arial";}
.button-link {
  display: inline-block;
  margin: 10px 10px 0 0;
  padding: 10px 18px;
  background-color: #005999;
  color: #fff;
  text-decoration: none;
  border-radius: 5px;
  font-weight: bold;
}
.button-link:hover{color:#fff;opacity: 0.8;}
.tag {
  padding: 4px 8px;
  border-radius: 999px;
  background: #e8f1fb;
  color: #0a3960;
  border: 1px solid #cfe3fb;
  font-weight: 700;
  font-size: 11px;
  letter-spacing: .2px;display: inline;
}
.video-wrap{position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  border-radius: 10px;
  background: #000;}

  .video-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.highlight {
  background-color: #e6f2ff;
  border-left: 4px solid #005792;
  padding: 15px;
  margin-top: 10px;
}

table .bg-dark tr th{background-color: #005792;
  color: white;}

  .marketing-page .btn-block{margin: 20px 0 25px;}
   .marketing-page .btn-block a {color: #005999;
  font-weight: 600;
  font-family: "Arial";
  text-decoration: none;}

.program ul{margin-top: 10px;}




/*  */
.question-block {
  margin-bottom: 20px;
  padding: 15px;
  background: #f4f4f4;
  border-radius: 8px;
}
.question-block h3{font-family: Arial, sans-serif;
  color: #333;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 15px;}
 .question-block label {font-family: Arial, sans-serif;
  color: #333;
  font-size: 16px;
  font-weight: 400;line-height: 1.1;}
table .bg-dark tr th{vertical-align: middle;line-height: 1.3;}
  #resultSection {  display: none; background: #fff; padding: 20px 0px; border-radius: 8px; }


  #quizForm h2 {
  font-size: 24px;
  color: #004080;
  font-weight: 700;
  margin: 40px 0px 25px;}
  .ar_lead_mcq{margin-top:20px}
  .mini.muted{font-size: 14px;
  color: #979595;}
/* ./ */


/* ============================ Webinar ======================================= */
 .theme-default{margin:0;background:#ffffff;color:#0f172a;
      font:400 16px/1.55 system-ui,-apple-system,Segoe UI,Roboto,Inter,Ubuntu,"Helvetica Neue",Arial;}
    .theme-default a{color:#0a66c2;text-decoration:none}
    .theme-default a:hover{opacity:.9}
   .theme-default .wrap{max-width:1120px;margin:auto;padding:28px 16px 60px}
   .theme-default h3{font-weight:700}
    /* Header */
   .theme-default .q-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 0 20px;border-bottom:1px solid #e5e7eb}
   .theme-default .brand{display:flex;align-items:center;font-weight:800;font-size:18px}
   .theme-default .q-nav{display:flex;gap:10px;flex-wrap:wrap}
   .theme-default .q-nav a{padding:8px 12px;border-radius:10px;border:1px solid #e5e7eb;background:#eaf4ff;color:#0b5abf;font-weight:700}

    /* Hero */
    .theme-default .herodiv{display:grid;grid-template-columns:1.2fr .8fr;gap:24px;align-items:center;padding:22px 0}
    .theme-default .herodiv h1{font-size:clamp(28px,4vw,40px);line-height:1.12;margin:8px 0 10px}
    .theme-default .herodiv p.lead{color:var(--muted);margin:0 0 16px;margin: 0 0 16px;font-size: 16px;}
    .theme-default .badge{font-size:16px;display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:999px;background:#eef5ff;color:#0b5abf;font-weight:700;margin-bottom:8px;border:1px solid #d8e6ff}
    .theme-default .cta{display:flex;gap:10px;flex-wrap:wrap}

    /* Buttons */
    .theme-default .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;
         padding:11px 16px;border-radius:12px;border:1px solid #e5e7eb;
         background:#eaf4ff;color:#0b5abf;font-weight:800;
         text-decoration:none;box-shadow:0 6px 20px rgba(2,6,23,.06);transition:transform .08s ease}
    .theme-default .btn:hover{transform:translateY(-1px)}
    .theme-default .btn-primary{background:linear-gradient(180deg,#60a5fa,#0a66c2);border:0;color:#fff}

    /* Cards & text */
    .theme-default .card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 6px 20px rgba(2,6,23,.06);padding:16px;margin: 5px 0px;}
    .theme-default h2{font-size:clamp(20px,2.4vw,28px);margin:6px 0 10px}
    .theme-default h3{font-size:18px;margin:6px 0 10px}
    .theme-default .muted{color:#5b677a;}

    /* Snapshot (left list) */
    .theme-default .dl{display:grid;gap:10px}
    .theme-default .dl-row{display:grid;grid-template-columns:150px 1fr;gap:12px;align-items:start;padding:10px;border-radius:12px;background:#fafafa;border:1px solid #e5e7eb;}
    .theme-default .dl-row .k{color:#4b5563}

    /* Lists */
    .theme-default .check{list-style:none;margin:0;padding:0;display:grid;gap:10px}
    .theme-default .check li{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:start}
    .theme-default .dot{width:9px;height:9px;border-radius:50%;background:#0a66c2;margin-top:7px;box-shadow:0 0 0 4px rgba(10,102,194,.12)}

    /* Agenda */
    .theme-default .agenda{display:grid;gap:10px}
    .theme-default .step{display:grid;grid-template-columns:140px 1fr;gap:12px;padding:10px;border-radius:12px;background:#fafafa;border:1px solid #e5e7eb;}
    .theme-default .step .time{font-weight:700;color:#374151}

    /* Testimonials */
    .theme-default .quotes{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
    .theme-default .quote{background:#f8fbff;border:1px solid #e0ecff;border-radius:14px;padding:14px}
    .theme-default .quote p{margin-top:10px}

    /* Form */
    .theme-default .form{display:grid;gap:12px}
    .theme-default .row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
    .theme-default label{display:block;font-weight:600;margin-bottom:6px}
    .theme-default input,.theme-default select,.theme-default textarea{width:100%;padding:11px 12px;border-radius:12px;border:1px solid #e5e7eb;background:#fff;color:#0f172a;outline:none}
    .theme-default input:focus,.theme-default select:focus,.theme-default textarea:focus{border-color:#60a5fa;box-shadow:0 0 0 3px rgba(96,165,250,.35)}
    .theme-default .hint{font-size:13px;color:var(--muted)}
    .theme-default .actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px}

    /* Two-column blocks */
    .theme-default .grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
    .snapshot-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 20px;
      align-items: start;
    }


   

 @media (max-width: 960px){
      .theme-default .herodiv{grid-template-columns:1fr}
     .theme-default .grid2,.theme-default .quotes{grid-template-columns:1fr}
     .theme-default .row{grid-template-columns:1fr}
      .theme-default .dl-row{grid-template-columns:120px 1fr}
      .theme-default .step{grid-template-columns:115px 1fr}
      .theme-default .q-nav{display:flex}
      .theme-default .snapshot-grid{grid-template-columns:1fr !important}
    }
/* ./========================= ./Webinar ====================================== */

.navbar .navbar-brand{font-size: 20px;
  font-weight: bold;}
 .navbar .navbar-nav li a{font-size: 16px;
  margin-left: 10px;white-space: nowrap;}



.hero {
  background: linear-gradient(180deg, #0d4f88 0%, #0a3e6a 100%);
  color: #fff;
  padding: 28px 0;
  text-align: center;
}
.hero h2{color:#fff;font-size: 26px;margin-bottom: 10px;margin-top:0px}
.hero p{margin: 0;
  font-size: clamp(14px,2.6vw,18px);
  opacity: .95;color: #fff;}


.card h6 {
  display: inline-block;
  padding: 4px 8px;
  border-radius: 999px;
  background: #e8f1fb;
  color: #0a3960;
  border: 1px solid #cfe3fb;
  font-weight: 700;
  font-size: 11px;
  letter-spacing: .2px;margin: 0;
}

.features{ display:grid; gap:10px; grid-template-columns:1fr; }
 .grid{ display:grid; grid-template-columns:1fr; gap:10px; }
    @media (min-width:1000px){ .grid.two{ grid-template-columns:1fr 1fr } .grid.three{ grid-template-columns:repeat(3,1fr) } }
.card{ padding: 15px;
  border: 1px solid #ddd;
  margin: 6px;
  background: #f8f8f8;}

 /* best Fit new css */
  .best-fit.new .wrap {grid-template-columns: 1fr; align-items: start;}
  .best-fit.new h2{font-size:18px;margin:4px 0 10px}
  .best-fit.new .row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:0}
   .best-fit.new .field{display:flex;flex-direction:column;gap:6px}
   .best-fit.new .field label{font-size:13px;color:#475569}
   .best-fit.new .field input, .best-fit.new .field select{border:1px solid #d8e0ea;border-radius:10px;padding:10px 12px;background:#fff;font-size:14px;width:100%;}
   .best-fit.new textarea{width:100%;min-height:220px;border:1px solid #d8e0ea;border-radius:12px;padding:12px;font:13px/1.45 ui-monospace,Menlo,Consolas,monospace;resize:vertical}
   .best-fit.new .file-row{display:flex;flex-direction:column;gap:8px}
   .best-fit.new .hidden-file{position:absolute;left:-9999px;top:auto;width:1px;height:1px;opacity:0}
   .best-fit.new .filename{font-size:14px;color:#475569;padding:10px 12px;border:1px dashed #cbd5e1;border-radius:10px;background:#f9fbff;cursor:pointer}
   .best-fit.new .note{background:#fff7ed;border:1px solid #fed7aa;color:#b45309;border-radius:10px;padding:8px;margin-top:4px;display:block}
   .best-fit.new .actions{display:flex;gap:8px;align-items:center;margin-top:10px;flex-wrap:wrap;justify-content: start;}
   .best-fit.new .btn{padding:10px 14px;border-radius:10px;border:1px solid #cfd7e3;background:#003366;color:#fff;font-weight:700;cursor:pointer}
   .best-fit.new .btn.secondary{background:#64748b;border-color:#64748b}
   .best-fit.new .btn.light{background:#fff;color:#0f172a;border:1px solid #cbd5e1}
   .best-fit.new .btn.info{background:#e0f2ff;color:#000;border:1px solid #93c5fd}
   .best-fit.new .btn:disabled{opacity:.55;cursor:not-allowed}
   .best-fit.new table{width:100%;border-collapse:collapse;font-size:14px;margin-top:12px}
   .best-fit.new th, .best-fit.new td{border:1px solid #e5e7eb;padding:10px;vertical-align:top}
   .best-fit.new th{background:#f1f5f9;text-align:left}
   .best-fit.new .rec-col{display:flex;flex-direction:column;gap:12px;margin-top:12px}
   .best-fit.new .rec-block{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:12px;padding:14px}
   .best-fit.new .rec-title h3{margin:0;font-size:16px}
   .best-fit.new .rec-sub{font-size:12px;color:#334155;margin-top:8px}
   .best-fit.new .subhead{margin:8px 0 0;font-weight:700;font-size:14px;color:#0f172a}
   .best-fit.new .rec-table td{border:1px solid #e2e8f0;padding:10px;background:#fff}
   .best-fit.new .rec-table .code{width:160px;white-space:nowrap;font-weight:700}
   .best-fit.new .rec-table .action{width:1%;white-space:nowrap;text-align:right}
   .best-fit.new .pretty-wrap{display:grid;grid-template-columns:1fr;gap:10px;margin-top:10px}
   .best-fit.new .pretty{background:#0b1020;color:#e6edf3;border-radius:12px;border:1px solid #1f2a44;padding:12px;white-space:pre-wrap;font:12.5px/1.45 ui-monospace,Menlo,Consolas,monospace;overflow:auto;min-height:220px}
   .best-fit.new .pretty-title{font-size:13px;font-weight:700;color:#9dc2ff}
   .best-fit.new .consent{background: #fff;
  border: 1px solid #fde68a;
  border-radius: 12px;
  padding: 12px;
  margin-top: 10px;}
  .best-fit.new .consent h3{font-size:14px}
  .best-fit.new .grid2{display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;}
    .best-fit.new .muted{font-size: 13px;
  color: #334155;line-height: 1.2;}
    /* ./Best Fit new css */

  /* Best fit css */
.best-fit html,
.best-fit body {
  margin: 0;
  font-family: Inter, system-ui, Segoe UI, Arial, sans-serif;
  color: #1a1a1a;
  background: #f7f9fc;
}

.best-fit header {
  background: #003366;
  color: #fff;
  padding: 18px 16px;
  text-align: center;
}

.best-fit header h1 {
  margin: 0;
  font-size: 22px;
  font-weight: 800;
}

.best-fit header .sub {
  font-size: 15px;
  margin-top: 4px;
  opacity: 0.9;
}

.best-fit .wrap {
  max-width: 1180px;
  margin: 18px auto;
  padding: 0 16px;
  display: grid;
  gap: 16px;
  grid-template-columns: 1fr;
}

@media (min-width: 1024px) {
  .best-fit .wrap {
    grid-template-columns: 1fr 1fr;
    align-items: start;
  }
  .best-fit .full {
    grid-column: 1/-1;
  }
}

.best-fit .card {
  background: #fff;
  border: 1px solid #e6ebf2;
  border-radius: 14px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
  padding: 16px;
}

.best-fit h3 {
  margin: 6px 0 12px 0;
  font-size: 18px;font-weight: 700;
}

.best-fit label {
  display: block;
  font-size: 13px;
  margin: 0.25rem 0 0.35rem 0.1rem;
  color: #666;
}

.best-fit select,
.best-fit textarea,
.best-fit input[type="file"] {
  width: 100%;
  padding: 10px 12px;
  border: 1px solid #d8e0ea;
  border-radius: 10px;
  background: #fff;
  font-size: 14px;
}

.best-fit textarea {
  min-height: 160px;
  resize: vertical;
}

.best-fit .row {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 12px;
}

.best-fit .row .col {
  display: flex;
  flex-direction: column;
}

.best-fit .actions {
  display: flex;
  gap: 8px;
  justify-content: flex-end;
  margin-top: 10px;
}

.best-fit .btn {
  padding: 6px 12px;
  border-radius: 10px;
  border: 1px solid #cfd7e3;
  background: #fff;
  cursor: pointer;
  font-weight: 600;font-size: 14px;
}

.best-fit .btn.primary {
  background: #003366;
  border-color: #003366;
  color: #fff;
}

.best-fit .btn.ghost {
  background: transparent;
}

.best-fit .res {
  margin-top: 12px;
  border: 1px dashed #d8e0ea;
  border-radius: 12px;
  padding: 14px;
  background: #fafcff;
}

.best-fit .hidden {
  display: none;
}

.best-fit .muted {
  color: #666;
}

.best-fit ul.results {
  margin: 0.35rem 0 0.2rem 1.1rem;
}

.best-fit ul.results li {
  font-size: 16px;
  line-height: 1.45;
  margin: 0.25rem 0;
}

.best-fit .pill {
  display: inline-block;
  background: #eef3fb;
  border: 1px solid #d9e6fd;
  padding: 6px 10px;
  border-radius: 999px;
  font-size: 13px;
  margin: 0 6px 6px 0;
}

.best-fit .key {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 6px;
}

.best-fit-ft{color:#fff;text-align:center;padding:12px;margin-top:12px;font-size:13px;background-color: #036;}
  /* ./Best fit CSS */

  /* New templete CSS */
/* Topbar */
.topbar {
  background: #002147;
  color: #fff;
  position: sticky;
  top: 0;
  z-index: 10;
  box-shadow: 0 2px 10px rgba(0,0,0,.1);
}
.topbar .topbar-inner {
  max-width: 1100px;
  margin: auto;
  padding: 12px 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
.topbar .brand {
  font-weight: bold;
  font-size: 18px;
}
.topbar .nav a {
  color: #fff;
  text-decoration: none;
  margin-left: 16px;
  font-size: 14px;
}
.topbar .nav a:hover {
  text-decoration: underline;
}

/* Hero */
.hero {
  background: #0a3e6a;
  color: #fff;
  padding: 30px 0;
  text-align: center;
}
.hero h1 {
  margin: 0 0 10px;
  font-size: 28px; color:#fff;
}
.hero p {
  margin: 0;
  opacity: 0.9;font-size: 16px;
}

/* Layout */
main {
  max-width: 1200px;
  margin: 24px auto;
  padding: 0 16px;
}
main .grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 18px;
}
main .card {
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 4px 15px rgba(0,0,0,0.08);
  padding: 20px;
}
@media (min-width: 980px) {
  main .grid {
    grid-template-columns: 1fr 0.8fr;
  }
}

/* Forms */
main h2 {
  color: #005a9c;
  margin: 5px 0 10px;
  font-size: 20px;
}
main fieldset {
  border: 0;
  margin: 15px 0;
  padding: 0;
}
main .row {
  display: grid;
  gap: 0px;
}
main .two-divide{gap:10px;margin: 0px;}

.features-sec {
  background: #fafcff;
  border: 1px solid #e6eef7;
  border-radius: 10px;
  padding: 12px;
}
.features-sec h3{margin: 0 0 6px;
  font-size: clamp(16px,3vw,19px);
  color: #0a3960;font-weight: 700;}

 .card .ms-3 a {color: #005a9c;
  text-decoration: underline;}

@media (min-width: 700px) {
  main .row.two { grid-template-columns: 1fr 1fr; }
  main .row.three { grid-template-columns: repeat(3, 1fr); }
}
main label {
  font-weight: bold;
  margin-bottom: 6px;
  display: block;font-size: 14px;
}
main input,
main select,
main textarea {
  width: auto;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 8px;
}
main textarea {
  min-height: 90px;
}
main .help {
  color: #666;
  font-size: 13px;
}

/* Options */
main .options {
  display: grid;
  gap: 10px;
}
main .opt {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  padding: 10px;
  border: 1px solid #ddd;
  border-radius: 8px;
  background: #fff;
}
main .opt:hover {
  border-color: #bbb;
}

/* Buttons */
main .buttons {
  display: flex;
  gap: 10px;
  margin-top: 10px;
  flex-wrap: wrap;
}
main .btn {
  padding: 10px 16px;
  border-radius: 8px;
  font-weight: bold;
  cursor: pointer;
  border: none;
}
main .btn-primary {
  background: #005a9c;
  color: #fff;
}
main .btn-primary:hover {
  background: #00467a;
}
main .btn-secondary {
  background: #e5eff7;
  color: #0a3960;
}
main .btn-ghost {
  background: #f3f4f6;
  color: #111;
}

/* Results */
main .result-badge {
  display: inline-block;
  background: #e8f1fb;
  color: #0a3960;
  padding: 6px 10px;
  border-radius: 20px;
  font-weight: bold;
}
main .scorebar {
  height: 10px;
  background: #eef2f7;
  border-radius: 20px;
  overflow: hidden;
}
main .scorebar span {
  display: block;
  height: 100%;
  background: #0d71c0;
  width: 0%;
}
  /* ./New templete CSS */


@media screen and (min-width: 992px) {
  .header2 .navbar .navbar-brand {
    width: 215px;
  }
  .header2 .navbar.navbar-expand-lg{display: flex;
  align-items: center;}
}


@media (min-width: 1400px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1200px;
  }
}

@media (max-width:767px) {
  .marketing-page h1 {
  font-size: 28px;}
 .marketing-page .section-title h2 {font-size: 22px;}

 #quizForm h2 {
  font-size: 22px;}

.header2 .navbar .navbar-brand, .header2 .navbar .navbar-brand img {
    width: 180px;
    min-width: 180px;
  }

 
 .resource-block h4{font-size: 20px;}
   .marketing-page .section h4{font-size:20px}

  .intro, .description{font-size: 1rem;}
  .table-bordered > :not(caption) > * > *{font-size:14px}
 nav.navbar {padding: 15px 0px;}
/* nav.navbar .container{  flex-wrap: nowrap;} */
  .navbar .navbar-brand {
  font-size: 16px;
  font-weight: bold;
  white-space: normal;
  line-height: 1.2;
}


.marketing-page ul li,
.marketing-page ol li{margin-left: 0px;}

}


@media (max-width:575px) {
 .marketing-page .container{margin: 0px auto;padding: 20px 15px;}
 .section-title {
  margin-top: 30px;
  margin-bottom: 15px;
}
.resource-block h4 {
    font-size: 18px;
  }
  .marketing-page .section h4 {
  font-size: 18px;}
 .marketing-page p, .marketing-page ul li{font-size: 14px;}
 .marketing-page ul li a{font-size: 14px;}

 .question-block h3{font-size: 16px;}
.question-block label{font-size: 14px;}

.marketing-page .section.text-center{font-size: 26px;
  margin-bottom: 5px;}
  .marketing-page .section.text-center a{font-size:initial}
.marketing-page .section h3.h2-ttl{font-size: 18px;}

.marketing-page .section h2.mb-1{font-size: 24px;}

.marketing-page .center-btn.my-3 .button-link{font-size: 14px;
  font-weight: 500;}
  .marketing-page iframe{width: 100%;height:auto}

.hero h1{font-size: 20px;}
.hero p{font-size: 14px;}
.hero{padding: 25px 10px;}


}

@media (max-width:400px) {
  .marketing-page h1 {
    font-size: 24px;
  }
.marketing-page .section-title h2 {
    font-size: 18px;
  }

  #quizForm h2 {
  font-size: 18px;
  }

  
}