/*Green*/
/*Blue*/
/*Light Purple*/
/*Dark Purple*/
/*Light Green for Border*/
* {
  box-sizing: border-box; }

.fix {
  clear: both; }

/*-------------------------------------------------------------------------
---------------------------------Body Start-------------------------------
--------------------------------------------------------------------------*/
h2 {
  display: inline-block;
  font-size: 1.6rem;
  padding: 0.625rem 1.25rem 0.625rem 1.25rem;
  background-color: #00b300;
  border-radius: 0.9375rem 0.9375rem 0 0;
  margin: 0px 0.625rem 0.315rem 0;
  color: white;
  font-weight: normal; }

.img-buying-guide-logo {
  height: 8rem;
  width: 8rem; }

.section--explanation {
  padding: 1.25rem;
  background-color: #006eaa;
  border-radius: 0px 0px 0.625rem 0.625rem;
  color: #e6f7ff;
  font-size: 1rem;
  line-height: 1.75rem;
  text-align: justify; }

.bb-concept-cont {
  text-align: center;
  background-color: #005a96;
  padding: 0.315rem;
  border-radius: 0.625rem; }

.step-explanation {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center; }

.white-filter {
  filter: invert(100%); }

.icon-bb-explanation {
  height: 4.6825rem;
  width: 4.6825rem;
  margin: 0.625rem; }

.next-icon-cont {
  padding: 1rem; }

.next-icon {
  height: 3rem;
  width: 3rem; }

.area--topic-whitepapers--explanation {
  padding: 0.625rem;
  background-color: rgba(0, 130, 210, 0.2);
  border-radius: 0px 0px 0.625rem 0.625rem;
  margin-bottom: 1rem;
  color: black;
  font-size: 1.2rem;
  text-align: center; }

.topic-flex-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center; }

.img--whitepaper-logo {
  height: 3.6rem;
  width: 3.6rem; }

.button--topic--logo {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border: 2px solid transparent;
  text-align: center;
  border-radius: 1.25rem;
  margin-right: 0.6125rem;
  margin-bottom: 0.625rem;
  height: 11.2rem;
  width: 11.2rem;
  box-sizing: border-box;
  background: #006eaa;
  color: white; }

.button--topic--logo:hover {
  cursor: pointer;
  background-color: purple; }

.button--whitepapers--topic {
  display: grid;
  grid-template-columns: 2fr 8fr;
  grid-template-rows: 1fr 3fr;
  flex-direction: column;
  text-align: center;
  width: 47%;
  margin: 0.625rem 0.315rem;
  padding: 0rem;
  border: 2px solid white;
  background: #005a96;
  border-radius: 0.625rem;
  color: #fafafa; }

.button--whitepapers-logo {
  grid-column: 1/2;
  grid-row: 1/3;
  border-right: 1px solid white; }

.button--whitepapers--topic p {
  font-size: 1rem;
  padding: 0px; }

.button--whitepapers--topic:hover {
  cursor: pointer;
  /*
  font-weight: bold !important;
  filter: drop-shadow(0.1875rem 0.1875rem 0.1875rem black inset);
  -webkit-filter: drop-shadow(0.1875rem 0.1875rem 0.1875rem black);
  */
  background-color: purple; }

.button--whitepapers--head {
  grid-column: 2/3;
  grid-row: 1/2;
  padding: 0.625rem;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  float: left; }

.button--whitepapers--topic img {
  margin-right: 0.625rem; }

.button-whitepapers-desc {
  grid-column: 2/3;
  grid-row: 2/3;
  padding: 0rem 0.3125rem;
  border-top: 1px solid white;
  font-size: 1rem; }

/*Sidebar*/
.sidebar--section--bb-top {
  display: none !important; }

/* Main-Area Ends */
/*# sourceMappingURL=style--index.css.map */

/*# sourceMappingURL=style--index.css.map */