@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap');

body {
    font-family: 'Montserrat', sans-serif !important;
}

 /* BEC COLORS */

    :root {
      --benchmark-blue: rgb(0, 83, 155);
      /* Benchmark Blue */
      --bec-blue: rgb(0, 124, 195);
      /* BEC Blue */
      --bec-red: rgb(239, 62, 51);
      /* BEC Red */
      --bec-green: rgb(0, 168, 134);
      /* BEC Green */
      --bec-yellow: rgb(255, 223, 28);
      /* BEC Yellow */
      --benchmark-blue-light-1: rgb(64, 157, 210);
      /* Benchmark Blue light 1 */
      --benchmark-blue-light-2: rgb(128, 190, 225);
      /* Benchmark Blue light 2 */
      --benchmark-blue-light-3: rgb(191, 222, 240);
      /* Benchmark Blue light 3 */
      --dark-gray: rgb(68, 68, 68);
      /* Dark Gray */
      --gray: rgb(137, 137, 137);
      /* Gray */
      --silver: rgb(204, 204, 204);
      /* Silver */
      --light-gray: rgb(248, 248, 248);
      /* Light Gray */
      --white: rgb(255, 255, 255);
      /* White */

      /*Grades*/
      --pre-k: rgb(236, 0, 140);
      /* Pre K */
      --grade-k: rgb(238, 59, 51);
      /* Grade K */
      --grade-1: rgb(144, 72, 156);
      /* Grade 1 */
      --grade-2: rgb(248, 152, 29);
      /* Grade 2 */
      --grade-3: rgb(0, 172, 212);
      /* Grade 3 */
      --grade-4: rgb(244, 115, 36);
      /* Grade 4 */
      --grade-5: rgb(0, 164, 138);
      /* Grade 5 */
      --grade-6: rgb(28, 68, 156);
      /* Grade 6 */
    }

    /*Custom CSS*/

    /*   TO BE REMOVED */

    .jumbotron.img4 {
      background: url(https://site-marketing-sites.s3.amazonaws.com/benchmarkadvance/Ecom_BA_styles/images/biliteracy_photo.png) !important;
    }

    .ba_landing_page .jumbotron.img5 {
      background: url(https://site-marketing-sites.s3.amazonaws.com/benchmarkadvance/Ecom_BA_styles/images/bg_img005.png) !important;
    }

    .ba_landing_page .jumbotron.img2 {
      background: url(https://site-marketing-sites.s3.amazonaws.com/benchmarkadvance/Ecom_BA_styles/images/img002.png) !important;
    }


    .ba_landing_page .jumbotron.img6 {
      background: url(https://site-marketing-sites.s3.amazonaws.com/benchmarkadvance/Ecom_BA_styles/images/rta_photo.png) !important;
    }

    /*Charts */

    #chart td {
      font-size: 20px;
      padding-top: 20px;
    }

    caption {
      color: black;
    }

    .chart-data {
      --color-1: #762E8F;
      --color-2: #23366F;
      --color-3: #0F7DC2;
    }

    #chart {
      height: 300px;
      --heading-size: 100px;
      max-width: 860px;
      margin: 0 auto;
    }

    #chart td {
      color: white;
    }

    p.header {
      font-size: 20px;
      line-height: 32px;
      color: #777777;
    }

    #chart caption {
      text-align: center;
      font-size: 14px;
      font-weight: bold;
      line-height: 14px;
    }

    .legend-square li {
      font-size: 12px !important;
    }

    .charts-css.legend-rhombus li::before,
    .charts-css.legend-square li::before {
      width: 20px;
      height: 20px;
      border-radius: 3px;
    }

    .charts-css.legend li:first-child::before {
      background-color: rgb(118 46 143);
      border: none;
    }

    .ba_landing_page h1,
    .ba_landing_page h2.large {
      margin-bottom: 0 !important;
    }

    .charts-css.legend li:nth-child(2)::before {
      background-color: rgb(35 54 111);
      border: none;
    }

    svg text,
    svg text tspan,
    .cls-8 {
    font-family: 'Montserrat', sans-serif;
      !important
    }

    .charts-css.legend li:nth-child(3)::before {
      background-color: rgb(32 125 194);
      border: none;
    }

    .charts-css.legend li.second::before {
      background-color: rgb(118 46 143) !important;
    }

    .charts-css.legend li.first::before {
      background-color: rgb(32 125 194) !important;
    }

    .data-axis {
      grid-area: data-axis;
      writing-mode: tb-rl;
      transform: rotateZ(180deg);
      position: absolute;
      font-size: 12px;
      margin-top: 10px;
    }

    .axis-labels {
      position: absolute;
      font-size: 12px;
      margin-top: 40px;
    }

    .datasets {
      background-color: white;
    }

    .axis-labels ul li {
      flex: 1;
      margin-bottom: 42px;
      /* Adjust this value to your preference */
    }

    .axis-labels ul li.text {
      flex: 1;
      margin-top: -30px !important;
      font-size: 11px;
    }

    .grade {
      color: white;
      padding: 5px 10px;
      border-radius: 20px;
    }


    .gradeK {
      background-color: var(--grade-k);
      padding: 5px 8px;
    }

    .grade1 {
      background-color: var(--grade-1);
    }

    .grade2 {
      background-color: var(--grade-2);
    }

    .grade3 {
      background-color: var(--grade-3);
    }

    .grade4 {
      background-color: var(--grade-4);
    }

    .grade5 {
      background-color: var(--grade-5);
    }

    .grade6 {
      background-color: var(--grade-6);
    }

    .gradeK: hover,
    .grade1: hover,
    .grade2: hover,
    .grade3: hover,
    .grade4: hover,
    .grade5: hover,
    .grade6: hover {
      color: white !important;
    }

    .axis-labels.axis5 ul li {
      flex: 1;
      margin-bottom: 32px;
      /* Adjust this value to your preference */
    }

    .sm-chart {
      padding-left: 40px;
    }

    .sm-chart td,
    {
    font-size: 16px !important;
    padding-top: 16px !important;
    }

    .l-chart td {
      font-size: 11px !important;
      padding-top: 2px !important;
    }


    /*svg*/
    .chart_1 .cls-1 {
      letter-spacing: 0em;
    }

    .chart_1 .cls-2 {
      fill: #227dc2;
    }

    .chart_1 .cls-3 {
      fill: #762f8f;
    }

    .chart_1 .cls-4 {
      stroke: #231f20;
    }

    .chart_1 .cls-4,
    .chart_1 .cls-5 {
      fill: none;
      stroke-miterlimit: 10;
    }

    .chart_1 .cls-5 {
      stroke: #828282;
    }

    .chart_1 .cls-6 {
      font-size: 13.38px;
    }

    .chart_1 .cls-6,
    .chart_1 .cls-7,
    .chart_1 .cls-8 {
      font-family: MyriadPro-Regular, 'Myriad Pro';
    }

    .chart_1 .cls-6,
    .chart_1 .cls-8 {
      fill: #231f20;
      font-weight: 700;
      font-size: 1em;
    }

    .chart_1 .cls-7 {
      fill: #fff;
      font-size: 23.39px;
    }



    .chart_1 .cls-9 {
      letter-spacing: 0em;
    }

    .chart_1 .clss-1 {
      letter-spacing: 0em;
    }

    .chart_1 .clss-2 {
      letter-spacing: -.02em;
    }

    .chart_1 .clss-3 {
      fill: #227dc2;
    }

    .chart_1 .clss-4 {
      fill: #762f8f;
    }

    .chart_1 .clss-5 {
      letter-spacing: 0em;
    }

    .chart_1 .clss-6 {
      letter-spacing: -.08em;
    }

    .chart_1 .clss-7 {
      letter-spacing: -.07em;
    }

    .chart_1 .clss-8 {
      letter-spacing: -.06em;
    }

    .chart_1 .clss-9 {
      stroke: #231f20;
    }

    .chart_1 .clss-9,
    .chart_1 .clss-10 {
      fill: none;
      stroke-miterlimit: 10;
    }

    .chart_1 .clss-10 {
      stroke: #828282;
    }

    .chart_1 .clss-11 {
      font-size: 13.38px;
    }

.white { color:white; }


    .chart_1 .clss-11,
    .chart_1 .clss-12,

    .chart_1 .clss-11,
    .chart_1 .clss-13 {
      fill: #231f20;
    }

    .chart_1 .clss-12 {
      fill: #fff;
      font-size: 23.39px;
    }

    .chart_1 .clss-14 {
      letter-spacing: -.01em;
    }

    .chart_1 .clss-13 {
      font-weight: 700
    }

    .chart_1 .clss-15 {
      letter-spacing: 0em;
    }

    .chart_1 .clst-1 {
      fill: #fff;
      font-size: 17.4px;
    }



    .chart_1 .clst-4 {
      fill: #227dc2;
    }

    .chart_1 .clst-5 {
      fill: #762f8f;
    }

    .chart_1 .clst-6 {
      letter-spacing: 0em;
    }

    .chart_1 .clst-7 {
      stroke: #231f20;
    }

    .chart_1 .clst-7,
    .chart_1 .clst-8 {
      fill: none;
      stroke-miterlimit: 10;
    }

    .chart_1 .clst-8 {
      stroke: #828282;
    }

    .chart_1 .clst-2 {
      font-size: 13.38px;
    }

    .chart_1 .clst-2,
    .chart_1 .clst-3 {
      fill: #231f20;
    }

    .chart_1 .clst-9 {
      letter-spacing: .03em;
    }

    .chart_1 .clst-3 {
      font-weight: 700
    }

    .cls-1 {
      font-size: 7.08px;
      font-family: 'Montserrat', sans-serif;
    }

    .cls-1,
    .cls-2,
    .cls-3,
    .cls-4 {
      fill: #231f20;
      font-family: 'Montserrat', sans-serif;
    }


    .cls-2 {
      font-size: 7.72px;
    }

    .cls-5 {
      fill: #752b90;
      font-family: 'Montserrat', sans-serif;
    }

    .cls-6 {
      fill: #0f7dc2;
      font-family: 'Montserrat', sans-serif;
    }

    .cls-7 {
      fill: none;
      stroke: #d1d3d4;
      stroke-width: .67px;
      font-family: 'Montserrat', sans-serif;
    }

    .cls-8 {
      font-size: 5px;
      color: #6c757d;
      font-weight: 600;
      font-family: 'Montserrat', sans-serif;
    }

    .cls-3 {
      font-size: 12px;
      font-family: 'Montserrat', sans-serif;
    }

    .cls-4 {
      font-size: 6.43px;
      font-family: 'Montserrat', sans-serif;
    }


    .ba_Growth_cls-1 {
      letter-spacing: 0em;
    }

    .ba_Growth_cls-2 {
      letter-spacing: -.04em;
    }

    .ba_Growth_cls-3 {
      letter-spacing: 0em;
    }

    .ba_Growth_cls-4 {
      letter-spacing: 0em;
    }

    .ba_Growth_cls-5 {
      letter-spacing: 0em;
    }

    .ba_Growth_cls-6 {
      fill: #227dc2;
    }

    .ba_Growth_cls-7 {
      fill: #23367f;
    }

    .ba_Growth_cls-8 {
      fill: #762f8f;
    }

    .ba_Growth_cls-9 {
      letter-spacing: -.01em;
    }

    h3 strong {    color: #7e7e7e !important;    }

    .ba_Growth_cls-10 {
      letter-spacing: -.02em;
    }

    .ba_Growth_cls-11 {
      letter-spacing: 0em;
    }

    .ba_Growth_cls-12 {
      letter-spacing: -.02em;
    }

    .ba_Growth_cls-13 {
      letter-spacing: .02em;
    }

    .ba_Growth_cls-14 {
      letter-spacing: 0em;
    }

    .ba_Growth_cls-15 {
      letter-spacing: 0em;
    }

    .ba_Growth_cls-16 {
      letter-spacing: 0em;
    }

    .ba_Growth_cls-17 {
      letter-spacing: 0em;
    }

    .ba_Growth_cls-18 {
      stroke: #231f20;
    }

    .ba_Growth_cls-18,
    .ba_Growth_cls-19 {
      fill: none;
      stroke-miterlimit: 10;
    }

    .ba_Growth_cls-19 {
      stroke: #828282;
    }

    .ba_Growth_cls-20 {
      letter-spacing: -.05em;
    }

    .ba_Growth_cls-21 {
      font-size: 12px;
    }

    .ba_Growth_cls-21,
    .ba_Growth_cls-22 {
      fill: #231f20;
      font-weight: 700;
    }

    .ba_landing_page .nav_parent {
      background-color: #25356f;
    }

    .ba_landing_page .nav_parent {
      border-top: 0;
      border-bottom: 0;
    }

    .ba_landing_page .navbar-light .navbar-nav .nav-link {
      color: white;
      font-weight: 600;
      font-size: 14px;
      line-height: 20px;
    }



    .ba_Growth_cls-22.sm {
      font-size: 60%;
    }

    .ba_Growth_cls-21,
    .ba_Growth_cls-22,
    .ba_Growth_cls-23,
    .ba_Growth_cls-24 {
      isolation: isolate;
    }

    .ba_Growth_cls-25 {
      letter-spacing: .01em;
    }

    .ba_Growth_cls-22 {
      font-size: 13.38px;
    }

    .ba_Growth_cls-26 {
      letter-spacing: -.08em;
    }

    .ba_Growth_cls-27 {
      letter-spacing: 0em;
    }

    .ba_Growth_cls-28 {
      letter-spacing: 0em;
    }

    .ba_Growth_cls-24 {
      fill: #fff;
    }

    .ba_Growth_cls-29 {
      letter-spacing: 0em;
    }

    .ba_Growth_cls-30 {
      letter-spacing: -.07em;
    }

    .ba_Growth_cls-31 {
      letter-spacing: 0em;
    }

    .ba_Growth_cls-32 {
      letter-spacing: 0em;
    }

    .chart-guide .box {
      padding: 20px;
      font-size: 80%;
      margin-bottom: 10px;
      display: flex;
      align-items: center;
    }

    .Question {
      background: #2aa886;
      text-align: center;
      color: white;
    }

    .a-Question:hover {
      text-decoration: none !important;
    }

    .a-Question:hover .Question {
      background-color: #279b7c;
    }

    .chart-guide .icon {
      width: 20px;
      height: 20px;
      margin-right: 10px;
    }

    .chart-guide .icon1 {
      background-color: #762E95;
      /* Background color for icon1 */
    }

    .chart-guide .icon2 {
      background-color: #23366f;
      /* Background color for icon2 */
    }

    .chart-guide .icon3 {
      background-color: #0f7dc2;
      /* Background color for icon3 */
    }

    .btn-secondary.green {
      padding: 5px;
      color: #2ba886;
      border: none;
      min-width: 140px !important;
    }

    .MB_chart {
      display: none;
    }

    .MB_chart h4 {
      text-align: center;
      font-size: 14px;
      font-weight: bold;
      line-height: 14px;
      color: #6c757d;
    }

    .charts-css tbody tr td {
      text-align: center;
    }

    .charts-css tbody {
      padding-left: 20px !important;
    }

    @media only screen and (max-width: 1100px) {
      #chart {

        padding-left: 50px;
      }

      .sm-chart,
      .l-chart {
        padding-left: 20px !important;
      }

      tbody.tbody-lg {
        padding-left: 100px !important;
      }
    }

    @media only screen and (max-width: 930px) {
      .WL_chart {
        display: none;
      }

      .MB_chart {
        display: inline;
      }

    }

    /*ACCORDION*/
    .accordion {
      background-color: #ffffff;
      border-radius: 4px;
      overflow: hidden;
      margin-bottom: 10px;
    }

    .accordion-item {
      border-top: 1px solid #ddd;
    }

    .accordion-heading {
      background-color: white;
      padding: 10px 20px;
      cursor: pointer;
      display: flex;
      justify-content: space-between;
      align-items: center;
      font-weight: 600;
      color: #23366f;
    }



    .accordion-content {
      max-height: 0;
      overflow: hidden;
      transition: max-height 0.2s ease-out;
      padding: 0 10px;
    }

    .accordion-item.active .accordion-content {
      max-height: 500px;
      padding: 20px;
      line-height: 26px;
    }

    .fas.fa-angle-down {
      transition: transform 0.3s;
    }

    .accordion-item.active .fas.fa-angle-down {
      transform: rotate(180deg);
    }

    /*END AC*/
    /*end Charts */

    .dd-button.active>.icon:before {
      background-image: url(https://site-marketing-sites.s3.amazonaws.com/benchmarkadvance/Ecom_BA_styles/images/cross.svg);
    }

    .whitesmoke_bg {
      background: #f6f6f6;
      border-radius: 10px;
      margin-bottom: 60px;
      padding: 40px;
    }

    .ba_landing_page .btn-secondary .curved_arrow:before {

      background-image: url(https://site-marketing-sites.s3.amazonaws.com/benchmarkadvance/Ecom_BA_styles/images/curved_arrow.svg);
    }

    .ba_landing_page .btn-secondary.green-bg {
      background-color: #009247;
      color: white;
      border-color: #009247;
    }

 .clickable-box {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    cursor: pointer;
  }

  /* Remove default link styles */
  .clickable-box a {
    text-decoration: none;
    color: inherit;
  }

  /* Override link styles on hover */
  .clickable-box a:hover,
  .clickable-box a:hover .grade {
    text-decoration: none;
    color: inherit;
  }


a:hover .grade {
    color: white !important;
  }

    .ba_landing_page .img-thumbnail {
      background:  #edf6ff;
    }

    .ba_landing_page .btn-secondary.green-bg:hover {
      background-color: #0d8346;
      color: white;
      border-color: #0d8346;
    }

    .ba_landing_page .w-80p {
      width: 80%
    }

    .ba_landing_page .foundational h3 {
      font-weight: 600;
      color: #962a85;
    }

    .ba_landing_page .foundational .row .col-md-2 {
      display: flex;
      justify-content: center;
    }

    .ba_landing_page .foundational-fa-lg {
      font-size: 3em;
      color: #962a85;
    }

    .ba_landing_page .flex-center {
      display: flex;
      align-items: center;
      justify-content: flex-end;
    }

    .ba_landing_page .text-center {
      text-align: center;
    }

    .ba_landing_page .fw-bold {
      font-weight: 600;
    }

    .mobile_logo_top {
      max-width: 300px;
      padding: 20px;
    }

    .edreports-seal {
      position: absolute;
      left: 70%;
      top: 50%;
      z-index: 999999999 !important;
    }

    .edreports-seal img {
      width: 240px;
    }


    .topbanner .img-thumbnail {
      display: inline;
    }

    .ba_landing_page .img_container .icon-play-blue {
      position: absolute;
      /* color: #850101a8; */
      transition: all 0.5s ease;
      font-size: 6em;
      top: 28%;
      left: 35%;
    }

    .border_none {
      border: 0px !important;
    }

    .btn-secondary.bg-white {
      background-color: white;
    }

    .btn-secondary.bg-white:hover {
      background-color: #273768 !important;
      color: white
    }

    .btn-secondary.bg-white .fa-level-down-alt {
      margin-left: 10px;
    }

    .ba_landing_page a.viewlink {
      text-decoration: none !important;
    }

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

    .header-logo .logo img {
      width: 230px;
      /* adjust the width of your logo */
      padding: 5px 0 10px 0;
    }

    .header-logo h3 {
      color: #ed433d;
      font-weight: 400 !important;
      font-family: ivypresto-headline, serif !important;
      font-size: 1.8em;
    }
/*
    .ba_landing_page .jumbotron a {
      border: 1px solid #DAE3F6 ;
    }*/

    .header-logo .text {
      text-align: right;
    }

    .ba_landing_page .viewlink .img_container .icon-play-blue:before {
      content: "";
      display: block;
      opacity: .5;
      height: 100px;
      width: 100px;
      background-size: 100px 100px;
      background-image: url(https://benchmarkeducation.com/media/Ecom_RTA_styles/imgs/button_play_blue.svg);
      background-repeat: no-repeat;
      transition: all 0.5s ease;
      /* color: blue; */
    }

    .email-address, .phone-num {
        flex: 1;
        word-wrap: break-word;
    }

    .ba-webinar .card {
      border-radius: 10px;
      border-radius: 6px;
      border-left: solid 6px #00a886;
    }
    .author-img {
        border-radius: 50%; 
        border: 2px solid lightgray !important;
        width: 110px;
        height: 110px;
        object-fit: cover;
        flex-shrink: 0;
    }
    .info-wrapper {
        padding-left: 10px;
        word-wrap: break-word; /* Added to wrap the email */
    }
    .email-row {
        display: flex;
        align-items: center;
    }
    .email-icon, .phone-icon  {
        flex: 0 0 24px;
    }
    .email-address, .phone-num {
        flex: 1;
        word-wrap: break-word;
    }

    .ba-webinar .card-body h3 {
      font-size: 22px;
      text-transform: uppercase;
    }

    .ba-webinar .card-body a.email {
      color: #00498d;
    }

    .ba-webinar .card-body h3 {
      font-size: 22px;
      text-transform: uppercase;
    }

    .bg-gray {
      background: #f8f8f8;
      border-radius: 5px;
      padding: 40px;
      border: solid #ededed 1px;
    }

    .ba_landing_page .topbanner .jumbotron.header {
      background-color:  #edf6ff;
    }

    .topbanner p {
      font-size: 1.1em;
      color: #223164;
      font-weight: 500;
    }
.light_blue_bg { background-color: #edf6ff; }
    h1,
    h2 {
      font-family: ivypresto-headline, serif !important;
    }

    .topbanner h3 {
      font-size: 1.6em !important;
      font-weight: 600 !important;
      font-family: ivypresto-headline, serif !important;
      font-style: italic;


    }

    .ba_landing_page .topbanner .jumbotron.header h1 {
      font-size: 45px !important;
          font-weight: 600 !important;
          margin-bottom: 10px !important;
          line-height: 50px !important;
    }

.sticky-top { z-index: 99999999999 !important;}   


  .footer.container-fluid {
    height: 44px !important;

}

    .ba_landing_page .top-container {
      min-height: 200px;
    }

    a.link,
    a.link:hover {
      color: #21252a;
      text-decoration: none;
    }

    a.link:hover li span {
      color: white;
    }


    h2.large {
      font-size: 38px !important;
    }


    .list-group-item a {
      text-decoration: none;
      /* This will remove the underline from the links */
    }

    .list-group-item:hover {
      background-color: #f2f2f2 !important;
      /* This will give the item a very light gray color on hover */
    }

    @media only screen and (max-width: 1100px) {
      .edreports-seal {
        position: absolute;
        left: 65%;
        z-index: 999999999 !important;
        top: 60%;
      }

      .edreports-seal img {
        width: 180px;
      }
    }

    @media only screen and (max-width: 1024px) {
      .logo.img-fluid.pb-4.ba-logo.mt-2 {
        margin: 0;
      }

      .edreports-seal {
        position: absolute;
        left: 100%;
        z-index: 999999999 !important;
        top: 60%;
      }

      .btn.btn.btn-primary.my-4 {
        max-width: 200px;
      }

      .ba_landing_page .flex-center {
        display: inline;
        align-items: center;
        justify-content: initial;
      }

    }

    @media only screen and (max-width: 920px) {
      .ba_landing_page .w-80p {
        width: 100%
      }

      .v-arrow {
        display: none;
      }

      .ba_landing_page h1,
      .ba_landing_page h2.large,
      h2.large {
        font-size: 40px !important;
      }
.ba_landing_page .topbanner .jumbotron.header {
    padding: 0;
    background-color: white;
    background-size: auto;
    border-radius: 0em;
    background-repeat: no-repeat;
    margin-bottom: -4px;
    min-width: initial !important;}


    }

    @media screen and (max-width: 990px) {
      .topbanner {
        display: inline;
      }

      .ba_landing_page .topbanner .jumbotron.header {
        background: url(../images/mobile_banner.png);
        background-size: cover;
      }

      .topbanner .img-thumbnail {
        display: none;
      }
    }


        @media screen and (max-width: 887px) {
          .bg-white.ml-4.btn.btn-secondary.green { margin-top:10px }

    }

        @media (max-width: 700px) {
      .authors .d-flex {
        display: block !important;
      }
      .email-address {

    font-size: .9em;
}
    }