/* General styles */
body {
    font-family: Arial, sans-serif;
    line-height: 1.6;
    color: #aaa;
    margin: 0;
    padding: 0;
}


.fw-500{
  font-weight: 500;
}
.fw-600{
  font-weight: 600;
}
#score_calculation{
  background: rgba(51,161,253,0.1);
}

/* a {
    text-decoration: none;
    color: #aaa;
} */

/* .container {
    width: 80%;
    margin: auto;
} */

/* Header styles */
header {
    /* Add your header styles here */
}

/* Hero section styles */
.hero {
    /* Add your hero section styles here */
}

/* Featured certifications styles */
.featured-certifications {
    background: rgba(51,161,253,0.1);
}

/* Testimonials styles */
.testimonials {
    /* Add your testimonials styles here */
}

/* Job interview tips styles */
.job-interview-tips {
    /* Add your job interview tips styles here */
}

/* Pricing plans styles */
.pricing-plans {
    /* Add your pricing plans styles here */
}

/* Footer styles */
footer {
    /* Add your footer styles here */
}

.testimonial-stars {
    color: #aa9b4c;
    font-size: 1.2rem;
    margin-bottom: 0.5rem;
  }

  .related-articles ul {
    list-style-type: circle;
    padding-left: 20px;
  }

  .related-articles ul li {
    margin-bottom: 10px;
  }

  .related-articles ul li a {
    text-decoration: none;
  }

  .related-articles ul li a:hover {
    text-decoration: underline;
  }
  .interview-tips ol {
    list-style-type: decimal;
    padding-left: 20px;
    line-height: 1.8;
  }

  .interview-tips ol li {
    margin-bottom: 10px;
  }

  input[type="radio"]:checked + .text-alphabet + .answer-option {
    border: 2px solid #0d6efd!important;
  }

input[type="radio"]:checked + .text-alphabet {
    color: #0d6efd;
    opacity:1;
}
.text-red{
  color:crimson;
}

.border-incorrect{
    border-color: crimson!important;
}

.border-correct{
  border-color:darkgreen!important;
}
.text-small{
  font: "Arial";
  font-size:12px;
  line-height: 1.5em;
}
#credits{
  font-size: 1.2em;
}

/* ----- BASE ----- */
html {
  font-size: 16px;
}
body {
  font-size: 1rem;
  line-height: 1.5rem;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  color: #31393C;
  background-color: #F8F9FA;
}

ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
img {
  max-width: 100%;
  width: auto;
  height: auto;
}
.page-wrap {
  overflow: hidden;
}
.title {
  text-align: center;
  margin-bottom: 2rem;
}
/* a {
  text-decoration: none;
  transition: 0.4s;
  color: initial;
} */
a:hover {
  text-decoration: none;
}
/* ----- /BASE ----- */
/*  */
/* ----- TYPOGRAPHY ----- */
/* h1, h2, h3, h4, h5, h6 {
  font-family: 'Poppins', sans-serif;
}
.h2, h2 {
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 2rem;
}
.h3, h3 {
  font-size: 1.375rem;
  line-height: 1.75rem;
  font-weight: 600;
}
.h4, h4 {
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.625rem;
}
.h5, h5 {
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 600;
} */
/* ----- /TYPOGRAPHY ----- */
/*  */
/* ----- BUTTONS ----- */
.btn {
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  border-radius: 3rem;
  font-weight: 600;
  font-family: 'Poppins', sans-serif;
  padding: 0.5rem 2.5rem;
  border: 1px #333 solid;
}
.card-hover:hover {
  transform: scale(1.05);
}
.btn-orange {
  background-color: #F79824;
  color: #ffffff;
}
.btn-orange:hover {
  background-color: #FDCA40;
  color: #31393C;
}
/* ----- BUTTONS ----- */
/*  */
/* ----- HEADER ----- */
.header {
  padding: 0.625rem 0;
  box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.05), inset 0px -1px 0px rgba(0, 0, 0, 0.1);
  background: #ffffff;
}
.navbar-brand {
  max-width: 9rem;
}

/* ----- /HEADER ----- */
/*  */
/* ----- SECTION BANNER ----- */
.section-banner {
  padding-top: 2.5rem;
  padding-bottom: 3rem;
  background-image: url(../img/banner-bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position-y: center;
  background-color: rgb(49 57 60 / 70%);
  color: #ffffff;
  position: relative;
  z-index: 1;
}
.section-banner::before {
  content: '';
  z-index: -1;
  position: absolute;
  inset: 0;
  background-color: rgb(49 57 60 / 70%);
}
/* ----- /SECTION BANNER ----- */
/*  */
/* ----- SECTION HOW WORKS ----- */
.section-how-works {
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.infobox {
  text-align: center;
  margin-bottom: 2rem;
}

.infobox .infobox-icon {
  height: 5rem;
  width: 5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 1.5rem;
  border-radius: 50%;
  background: #FDCA40;
  padding: 1rem;
}
.infobox .infobox-icon img {
  max-height: 100%;
  object-fit: contain;
  opacity: 0.7;
}
/* ----- /SECTION HOW WORKS ----- */
/*  */
/* ----- SECTION CARDS LIST ----- */
.section-cards-list {
  padding-bottom: 5rem;
}
.card {
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  /* box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.05); */
  border: 0;
  border-radius: 1rem;
  text-align: center;
  margin-bottom: 1.5rem;
}
.card .card-button {
  margin-top: 1.5rem;
}
.card .card-title {
  margin-bottom: 0;
}
.card-large {
  margin-bottom: 3rem;
}
.card-large .card-body {
  padding: 2rem 1rem;
  display: block;
}
.card-large .card-title-wrap .card-image {
  width: 5rem;
  /* height: 5rem; */
  /* margin: 0 auto 1rem; */
}
.card-large .card-title-wrap {
  margin-bottom: 1rem;
  text-align: center;
}
.card-large .card-button {
  text-align: center;
  margin-top: 1.5rem;
}
.card ul {
  text-align: left;
}
.card ul li {
  padding-left: 1.5rem;
  margin-bottom: 0.875rem;
  position: relative;
}
.card ul li::before {
  content: '';
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='%23F79824' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  width: 1.5rem;
  height: 1.5rem;
  position: absolute;
  left: -0.5rem;
  top: 0.1rem;
}
/* ----- /SECTION CARDS LIST ----- */
/*  */
/* ----- FOOTER ----- */
.footer {
  background-color: rgb(49 57 60 / 80%);
  color: #ffffff;
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
  text-align: center;
}
.footer a {
  color: #ffffff;
}
.footer a:hover {
  color: #FDCA40;
}
.footer .footer-logo {
  display: block;
  max-width: 11rem;
  margin: 0 auto 1.5rem;
}
.footer-menu {
  margin-bottom: 1.5rem;
}
.question-cell{
  min-width:260px;
}
#overblur{
    width:90%;
    margin:auto;
    height:0;
    position:relative;
    top:111px;
    z-index:9;
  }

#blur{
  min-height:240px;
  filter: blur(2.8px);
  opacity:1;
}
#blur2{
  min-height:280px;
  filter: blur(2.8px);
  opacity:1;
}

/* ----- /FOOTER ----- */
/*  */
/* ----- MEDIA ----- */
@media(max-width: 450px) {
  #overblur{
    width:98%;
    margin:auto;
    height:0;
    position:relative;
    top:60px!important;
    z-index:9;
  }

  #blur2{
    filter: blur(2.8px);
    opacity:1;
  }


  body{
    font-size:1.05rem;
  }

}

@media(min-width: 768px) {

  .mh-md-test{
    min-height:1000px;
  }
  /* ----- SECTION CARDS LIST ----- */
  .question-cell{
    min-width:350px;
  }
  .card {
      text-align: left;
  }
  .card .card-body {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

  .card .card-title h5 {
      margin-bottom: 0;
  }
  .card .card-title p:last-child {
      margin-bottom: 0;
  }
  .card .card-button {
      margin-left: auto;
      margin-top: 0;
  }
  .card-text{
    color: #333;

  }
  .card-large .card-body {
      padding: 2rem 2rem;
      display: block;
  }   
  .card-large .card-title-wrap {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      text-align: left;
      min-height: 4rem;
  }
  .card-large .card-title-wrap .card-image {
      display: flex;
      flex: 0 0 6rem;
      max-width: 6rem;
      height: 6rem;
      border-radius: 50%;
      margin-right: 2rem;
      margin-bottom: 0;
  }
  .card-large .card-title-wrap > div {
      flex: 1;
  }
  .card-large .card-title-wrap h3 {
      max-width: 66rem;
  }
  .card-large .card-button {
      margin-top: 1.5rem;
  } 
  /* ----- /SECTION CARDS LIST ----- */
  /*  */
  /* ----- FOOTER ----- */
  .footer {
      text-align: left;
  }
  .footer .footer-logo {
      margin-left: 0;
  }
  /* ----- /FOOTER ----- */
  /*  */
}
@media(min-width: 992px) {


  .title {
      margin-bottom: 3rem;
  }
  /* ----- HEADER ----- */
  .navbar-brand {
      max-width: 12rem;
  }
  .navbar-nav {
      padding: 0;
  }
  /* ----- /HEADER ----- */
  /*  */
  /* ----- SECTION BANNER ----- */
  .section-banner {
      padding-top: 5rem;
  }
  .section-banner h2 {
      margin-bottom: 2rem;
  }
  /* ----- /SECTION BANNER ----- */
  /*  */
  /* ----- SECTION HOW WORKS ----- */
  .section-how-works {
      padding-top: 3rem;
      padding-bottom: 3rem;
  }
  .infobox .infobox-icon {
      box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
      height: 8rem;
      width: 8rem;
      padding: 2.1rem;
  }
  /* ----- /SECTION HOW WORKS ----- */
  /*  */
  
}
/* ----- /MEDIA ----- */
/*  */

.navbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.navbar-brand{
  width:100%;
}
.box-shadow{
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

hr{
  color: green;
  opacity: 0.1;
  margin-top:0.5rem;
  margin-bottom:0.5rem;
}
.odd{
  background-color: rgb(222, 226, 230);
}
.even{
  background-color: #fff;
}
tr{
  line-height: 40px;
}

h5.fs-5 {
  height: 58px;  /* Adjust this value according to your design needs */
  overflow: hidden; /* This will hide any content that overflows the set height */
}
.bg-incorrect{
  background-color: red;
  color:white;
  font-weight: 500;
}
.bg-correct{
  background-color: darkgreen;
  color:white;
  font-weight: 500;
}