.navbar-toggler span {
  background: #000000 !important;
}

.navbar-toggler.open span {
  background: #FFFFFF !important;
}

.brand-logo path {
  fill: #000000;
}

.flex--70 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 70%;
          flex: 0 0 70%;
}

.article-bottom-slider {
  padding-top: 60px;
}

.flex--55 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 55%;
          flex: 0 0 55%;
}

.flex--45 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 45%;
          flex: 0 0 45%;
}

.bank-text {
  font-weight: 500;
  font-size: 18px;
}

.banner-glass-tile:after {
  -webkit-backdrop-filter: blur(25px);
          backdrop-filter: blur(25px);
}

.banner-glass-tile:after {
  -webkit-backdrop-filter: blur(25px);
          backdrop-filter: blur(25px);
}

.breadcrumb-list-item {
  padding-right: 5px;
  color: #000000;
}

.breadcrumb-list-item a {
  color: #000000;
}

.breadcrumb-list-item a:hover {
  color: #000000;
}

.breadcrumb-list-item.semibold-font {
  color: #000;
}

.details-landing-section {
  padding-top: 126px;
}

.author__img {
  height: 71px;
  width: 71px;
}

.detail-landing-img {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.article-details-tile {
  border-bottom-left-radius: 1px;
  border-bottom-right-radius: 1px;
  background: -webkit-gradient(linear, right top, left top, from(#000000), color-stop(99.8%, #2F2F2F));
  background: linear-gradient(270deg, #000000 0%, #2F2F2F 99.8%);
  height: 100%;
  padding: 30px;
}

.article-details-tile__heading {
  font-size: 20px;
  line-height: 30px;
}

@media (min-width: 576px) {
  .article-details-tile__heading {
    font-size: calc(1.73611111vw + 10px);
  }
}

@media (min-width: 1440px) {
  .article-details-tile__heading {
    font-size: 35px;
  }
}

@media (min-width: 576px) {
  .article-details-tile__heading {
    line-height: calc(1.38888889vw + 22px);
  }
}

@media (min-width: 1440px) {
  .article-details-tile__heading {
    line-height: 42px;
  }
}

.article-details-tile:after {
  width: 100%;
}

.learn-section {
  padding: 100px 0;
}

.learn-title {
  font-size: 30px;
  line-height: 36px;
  font-weight: 600;
  color: #505050;
  padding-bottom: 25px;
}

@media (min-width: 576px) {
  .learn-title {
    font-size: calc(0.5787037vw + 26.66666667px);
  }
}

@media (min-width: 1440px) {
  .learn-title {
    font-size: 35px;
  }
}

@media (min-width: 576px) {
  .learn-title {
    line-height: calc(0.69444444vw + 32px);
  }
}

@media (min-width: 1440px) {
  .learn-title {
    line-height: 42px;
  }
}

.learn-para {
  font-size: 16px;
  line-height: 26px;
  font-weight: 500;
  color: #000000;
  padding-bottom: 10px;
}

@media (min-width: 576px) {
  .learn-para {
    font-size: calc(0.23148148vw + 14.66666667px);
  }
}

@media (min-width: 1440px) {
  .learn-para {
    font-size: 18px;
  }
}

@media (min-width: 576px) {
  .learn-para {
    line-height: calc(0.46296296vw + 23.33333333px);
  }
}

@media (min-width: 1440px) {
  .learn-para {
    line-height: 30px;
  }
}

.question-section {
  padding-bottom: 100px;
}

.question-title, .guide-demo-title {
  font-size: 30px;
  line-height: 43px;
  font-weight: 600;
  color: #505050;
}

@media (min-width: 576px) {
  .question-title, .guide-demo-title {
    font-size: calc(0.5787037vw + 26.66666667px);
  }
}

@media (min-width: 1440px) {
  .question-title, .guide-demo-title {
    font-size: 35px;
  }
}

@media (min-width: 576px) {
  .question-title, .guide-demo-title {
    line-height: calc(0.81018519vw + 38.33333333px);
  }
}

@media (min-width: 1440px) {
  .question-title, .guide-demo-title {
    line-height: 50px;
  }
}

.faq-section {
  padding-bottom: 100px;
  background-color: #f9f9f9;
}

.faq-title {
  font-size: 30px;
  line-height: 43px;
  font-weight: 600;
  color: #505050;
}

@media (min-width: 576px) {
  .faq-title {
    font-size: calc(0.5787037vw + 26.66666667px);
  }
}

@media (min-width: 1440px) {
  .faq-title {
    font-size: 35px;
  }
}

@media (min-width: 576px) {
  .faq-title {
    line-height: calc(-0.11574074vw + 43.66666667px);
  }
}

@media (min-width: 1440px) {
  .faq-title {
    line-height: 42px;
  }
}

.faq-container {
  padding-top: 45px;
}

.faq-container .faq-heading {
  font-size: 30px;
  line-height: 40px;
  font-weight: 800;
  color: #000000;
}

@media (min-width: 576px) {
  .faq-container .faq-heading {
    font-size: calc(3.47222222vw + 10px);
  }
}

@media (min-width: 1440px) {
  .faq-container .faq-heading {
    font-size: 60px;
  }
}

@media (min-width: 576px) {
  .faq-container .faq-heading {
    line-height: calc(1.73611111vw + 30px);
  }
}

@media (min-width: 1440px) {
  .faq-container .faq-heading {
    line-height: 55px;
  }
}

.faq-container .accordion .accordion-item {
  background-color: #f9f9f9;
}

.faq-container .accordion .accordion-item:first-child {
  border-top: 2px solid;
  -o-border-image: linear-gradient(270deg, #DCDCDC 0%, #dcdcdc00 0%, #DCDCDC 100%) 1;
     border-image: -webkit-gradient(linear, right top, left top, from(#DCDCDC), color-stop(0%, #dcdcdc00), to(#DCDCDC)) 1;
     border-image: linear-gradient(270deg, #DCDCDC 0%, #dcdcdc00 0%, #DCDCDC 100%) 1;
  border-bottom: 2px solid;
}

.faq-container .accordion .accordion-item:last-child {
  border-bottom: 2px solid;
  -o-border-image: linear-gradient(270deg, #DCDCDC 0%, #dcdcdc00 0%, #DCDCDC 100%) 1;
     border-image: -webkit-gradient(linear, right top, left top, from(#DCDCDC), color-stop(0%, #dcdcdc00), to(#DCDCDC)) 1;
     border-image: linear-gradient(270deg, #DCDCDC 0%, #dcdcdc00 0%, #DCDCDC 100%) 1;
}

.faq-container .accordion .accordion-item .accordion-button {
  font-size: 15px;
  font-weight: 700;
  position: relative;
  padding-left: 30px;
  line-height: 23px;
  background-color: #f9f9f9;
}

.faq-container .accordion .accordion-item .accordion-button::after {
  position: absolute;
  left: 0;
}

.faq-container .accordion .accordion-item .accordion-button:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: none;
}

.faq-container .accordion .accordion-item .accordion-button:not(.collapsed) {
  color: #F31524;
  background-color: #f9f9f9;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.faq-container .accordion .accordion-item .accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2016%2016%27%20fill%3D%27red%27%3E%3Cpath%20fill-rule%3D%27evenodd%27%20d%3D%27M1.646%204.646a.5.5%200%200%201%20.708%200L8%2010.293l5.646-5.647a.5.5%200%200%201%20.708.708l-6%206a.5.5%200%200%201-.708%200l-6-6a.5.5%200%200%201%200-.708z%27%2F%3E%3C%2Fsvg%3E");
}

.faq-container .accordion .accordion-item:not(:first-of-type) {
  -o-border-image: linear-gradient(270deg, #DCDCDC 0%, #dcdcdc00 0%, #DCDCDC 100%) 1;
     border-image: -webkit-gradient(linear, right top, left top, from(#DCDCDC), color-stop(0%, #dcdcdc00), to(#DCDCDC)) 1;
     border-image: linear-gradient(270deg, #DCDCDC 0%, #dcdcdc00 0%, #DCDCDC 100%) 1;
  border-bottom: 2px solid;
}

.faq-container .accordion .accordion-body {
  font-weight: 500;
  font-size: 18px;
  line-height: 30px;
  padding: 0;
  padding-bottom: 20px;
}

.guide-book-demo-section {
  background-color: #f9f9f9;
  padding: 100px 0;
}

.detail-landing-content-wrapper {
  background-image: radial-gradient(circle at 100% 100%, transparent -1px, #8f8f8f -1px, #8f8f8f 1px, transparent 1px), -webkit-gradient(linear, left top, right top, from(#8f8f8f), to(#4a4a4a)), radial-gradient(circle at 0% 100%, transparent -1px, #4a4a4a -1px, #4a4a4a 1px, transparent 1px), -webkit-gradient(linear, left top, left bottom, from(#4a4a4a), to(#636363)), radial-gradient(circle at 0% 0%, transparent -1px, #636363 -1px, #636363 1px, transparent 1px), -webkit-gradient(linear, right top, left top, from(#636363), to(#242424)), radial-gradient(circle at 100% 0%, transparent -1px, #242424 -1px, #242424 1px, transparent 1px), -webkit-gradient(linear, left bottom, left top, from(#242424), to(#8f8f8f));
  background-image: radial-gradient(circle at 100% 100%, transparent -1px, #8f8f8f -1px, #8f8f8f 1px, transparent 1px), linear-gradient(to right, #8f8f8f, #4a4a4a), radial-gradient(circle at 0% 100%, transparent -1px, #4a4a4a -1px, #4a4a4a 1px, transparent 1px), linear-gradient(to bottom, #4a4a4a, #636363), radial-gradient(circle at 0% 0%, transparent -1px, #636363 -1px, #636363 1px, transparent 1px), linear-gradient(to left, #636363, #242424), radial-gradient(circle at 100% 0%, transparent -1px, #242424 -1px, #242424 1px, transparent 1px), linear-gradient(to top, #242424, #8f8f8f);
  background-size: 1px 1px, calc(100% - 2px) 2px, 1px 1px, 2px calc(100% - 2px);
  background-position: top left,top center,top right,center right, bottom right,bottom center,bottom left,center left;
  background-repeat: no-repeat;
  padding: 2px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.download-free-copy .btn-text-span {
  padding: 7px 15px !important;
}

@media (min-width: 992px) {
  .author__img {
    height: 87px;
    width: 87px;
  }
  .detail-landing-img {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border-top-right-radius: 0px;
  }
  .article-details-tile {
    padding: 49px 40px;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    border-top-right-radius: 2px;
  }
  .learn-section {
    padding-top: 174px;
  }
  .question-section {
    padding: 200px 0 200px;
  }
  .faq-section {
    padding: 100px 0;
  }
  .faq-container .accordion .accordion-item .accordion-button {
    font-size: 20px;
    line-height: 35px;
  }
  .faq-container .accordion .accordion-body {
    padding-left: 67px;
    padding-bottom: 28px;
  }
  .guide-book-demo-section {
    background-color: #FFFFFF;
    padding: 150px 0 250px;
  }
  .guide-demo-container {
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .guide-demo-container button {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .guide-demo-title {
    width: 70%;
  }
  .detail-landing-img {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border-top-right-radius: 0px;
  }
  .detail-landing-content-wrapper {
    padding: 2px;
    background-image: radial-gradient(circle at 100% 100%, transparent -1px, #8f8f8f -1px, #8f8f8f 1px, transparent 1px), -webkit-gradient(linear, left top, right top, from(#8f8f8f), to(#333333)), radial-gradient(circle at 0% 100%, transparent -1px, #333333 -1px, #333333 1px, transparent 1px), -webkit-gradient(linear, left top, left bottom, from(#333333), to(#7c7e7e)), radial-gradient(circle at 0% 0%, transparent -1px, #7c7e7e -1px, #7c7e7e 1px, transparent 1px), -webkit-gradient(linear, right top, left top, from(#7c7e7e), to(#fafafa)), radial-gradient(circle at 100% 0%, transparent -1px, #fafafa -1px, #fafafa 1px, transparent 1px), -webkit-gradient(linear, left bottom, left top, from(#fafafa), to(#8f8f8f));
    background-image: radial-gradient(circle at 100% 100%, transparent -1px, #8f8f8f -1px, #8f8f8f 1px, transparent 1px), linear-gradient(to right, #8f8f8f, #333333), radial-gradient(circle at 0% 100%, transparent -1px, #333333 -1px, #333333 1px, transparent 1px), linear-gradient(to bottom, #333333, #7c7e7e), radial-gradient(circle at 0% 0%, transparent -1px, #7c7e7e -1px, #7c7e7e 1px, transparent 1px), linear-gradient(to left, #7c7e7e, #fafafa), radial-gradient(circle at 100% 0%, transparent -1px, #fafafa -1px, #fafafa 1px, transparent 1px), linear-gradient(to top, #fafafa, #8f8f8f);
    background-size: 2px 2px, calc(100% - 2px) 3px, 2px 2px, 3px calc(100% - 1px);
    background-position: top left,top center,top right,center right, bottom right,bottom center,bottom left,center left;
    background-repeat: no-repeat;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
  }
}

@media (min-width: 1400px) {
  .guide-demo-container {
    width: 80%;
  }
}