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

.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;}
    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;
}
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;
}


.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}
/* ./ */

.navbar .navbar-brand{font-size: 20px;
  font-weight: bold;}
 .navbar .navbar-nav li a{font-size: 16px;
  margin-left: 10px;white-space: nowrap;}
@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}



}

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

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

  
}