button.course-accordion {
          background-color: transparent;
          color: #2b3491;
          cursor: pointer;
          padding: 20px;
          width: 100%;
          border: none;
          text-align: left;
          outline: none;
          font-size: 22px;
          font-style: normal;
          font-family: inherit;
          font-weight: 300;
          position: relative;
          padding-right: 45px;
      }

      /*When the button is active or mouse hovers*/
      /* button.course-accordion.active, */


      /*button not active*/
      /* button.course-accordion:after {
    content: '\002B';
    color: white;
    font-weight: bold;
    float: right;
    margin-left: 5px;
} */



      button.course-accordion:after {
          background: url(../images/accordian_icn.svg) center center no-repeat;
          content: "";
          font-weight: bold;
          display: block;
          width: 15px;
          height: 15px;
          float: right;
          margin-left: 5px;
          position: absolute;
          right: 15px;
          top: 25px;
          transition: all .4s ease-out 0s;
          -moz-transition: all .4s ease-out 0s;
          -webkit-transition: all .4s ease-out 0s;
          -o-transition: all .4s ease-out 0s;
      }







      /* minus button */
      button.course-accordion.active:after {
          /* content: "\2212";
	 */
          transform: rotate(45deg);
      }

      div.course-panel {
          padding: 0 18px;
          background-color: transparent;
          max-height: 0;
          overflow: hidden;
          transition: max-height 0.2s ease-out;
          width: 96%;
          font-family: "Raleway";
          font-size: 15px;
          line-height: 1.6em;
          letter-spacing: .4px;
          font-weight: 400;
          font-style: normal;
          color: rgba(0, 0, 0, .88);


      }


      .course-panel p {
          margin-bottom: 25px;
      }

      .faq_block {
          margin-top: 35px;
      }



      .accordian_main {
          border: solid 1px #e1e4ed;
          margin-bottom: 25px;
          border-radius: 5px;
      }

      .accordian_main.active {
          box-shadow: var(--primary-color-shadow-02-box-shadow,
                  0px 1px 6px 0px rgba(78, 158, 255, 0.253));
          border-color: #b4b9c9;
      }



      @media only screen and (max-width: 1650px) {}

      @media only screen and (max-width: 1280px) {}

      @media only screen and (max-width: 1119px) {}

      @media only screen and (max-width: 1080px) {}

      @media only screen and (max-width: 991px) {}

      @media only screen and (max-width: 870px) {
          button.course-accordion:after {
              top: 17px;
          }

      }

      @media only screen and (max-width: 768px) {
          button.course-accordion {
              font-size: 17px;
              padding: 14px;
          }

          button.course-accordion:after {
              top: 15px;
          }

          .accordian_main {
              margin-bottom: 20px;
          }
      }

      @media only screen and (max-width: 700px) {
          .course-panel p {
              margin-bottom: 15px;
          }



          button.course-accordion:after {
              top: 35%;
          }

          .accordian_main {
              margin-bottom: 15px;
          }


      }