@import url(constants.css);
/* ============FAQ's Page========= */

.announcement-wrapper {
 }
.announcement-wrapper div.acc_container {
    background: transparent;
}
.faq-accordion:last-child {
  margin-bottom: 0; }

.announcement-wrapper p {
  font-family: var(--text); }

.announcement-wrapper .faq-accordion section {
  border-bottom: 1px solid #BDBDBD;
  border-style:dashed;
  padding: 20px 0;
  margin-top: 0; }

.announcement-wrapper .default-title-bar-active a:before,
.announcement-wrapper .default-title-bar a:before,
.announcement-wrapper .default-title-bar-active a:after,
.announcement-wrapper h2.default-title-bar a:after,
.announcement-wrapper .default-title-bar a:after {

  background: linear-gradient(0deg, #F2F2F2, #F2F2F2),
linear-gradient(0deg, #0CB4C6, #0CB4C6); }

.announcement-wrapper .acc_title_bar {
  height: auto;
  font-family: var(--heading);
  min-height: 46px; }

.announcement-wrapper .default-title-bar-active,
.announcement-wrapper .default-title-bar {
  
  background: transparent}

.announcement-wrapper .acc_title_bar {
  border-radius: 0;
  
  font-size: 20px;
  font-weight: 500;
  line-height: 26px; }
/* .announcement-wrapper .default-title-bar-active,
.announcement-wrapper .acc_title_bar.right:hover{
border-left:5px solid var(--tertiary);    
} */
.announcement-wrapper .default-title-bar a:hover {
  color: var(--tertiary);
}
.announcement-wrapper.faq .acc_title_bar {
    
    background: var(--white);
}
.announcement-wrapper.faq .acc_title_bar{
    margin-bottom: 0;
}
/* .announcement-wrapper.faq .default-title-bar-active,
.announcement-wrapper.faq .acc_title_bar:hover {
    background: transparent;   
    border-left: 5px solid var(--tertiary);
} */
.announcement-wrapper.faq .default-title-bar-active{
     border-bottom: none;
}
/* .announcement-wrapper.faq div.acc_container {
    border-left: 5px solid var(--tertiary);
} */


.announcement-wrapper .nav_arrow a {
    color:var(--tertiary);
    font-weight:700;
    font-size: 48px;
    line-height: 120%;
  padding: 15px 0; }


.announcement-wrapper.faq .nav_arrow a {
  padding: 15px 50px; }
.announcement-wrapper.faq div.acc_container {
    padding: 30px 60px;
}

.announcement-wrapper .acc_title_bar a:before {
    color:var(--tertiary);
  bottom: 0;
  padding-top: 15px;
  height: auto;
  background: transparent;
  line-height: 26px; }
  .announcement-wrapper .acc_title_bar.right a:before {
  bottom: 0;
  left:auto;
  right:0;
  padding-top: 25px;
  height: auto;
  font-size: 30px;
  background: transparent;
  line-height: 26px; }
  .announcement-wrapper .acc_title_bar a:after{
    z-index: 1;
    border:2px solid var(--tertiary);    
    content: "";
    width: 48px;
    height: 48px;
    background: transparent;
    position: absolute;
    right: 0;
    left: auto;
    border-radius: 50%;
    top: 14px;


}
.announcement-wrapper div.acc_container {
    border: none;
  padding: 30px 0; }

.announcement-wrapper div.acc_container .block {
  padding: 10px;
  margin: 10px 0;
  border-bottom: 1px solid #636466;
  display: flex;
  flex-flow: row; }

.announcement-wrapper div.acc_container .block .left-wrap {
  width: 100%;
  text-align: left; }

.announcement-wrapper div.acc_container .block .right-wrap {
  width: 20%;
  text-align: right; }

.announcement-wrapper div.acc_container .block .left-wrap h3 {
  margin-bottom: 5px; }

.announcement-wrapper div.acc_container a.btn {
  margin-top: 5px;
  display: inline-block; }

/*=============================*/
@media screen and (max-width: 767px) {
  .announcement-wrapper .nav_arrow a {
      font-size: 30px;
      line-height: 120%;
  }
  .acc_title_bar  a.block {
    display: grid;
    grid-template-columns: 0.5fr 2fr;
}
}