/*Green*/
/*Blue*/
/*Light Purple*/
/*Dark Purple*/
/*Light Green for Border*/
/* --Website Responsiveness Code Starts -------------------------------- */
/* ------------------------------------------------------------------------
------------------------ Responsiveness 2560 px -------------------------------
--------------------------------------------------------------------------- */
@media only screen and (max-width: 2560px) {
  body {
    margin-left: 0px;
    margin-right: 0px; } }
/* ------------------------------------------------------------------------
------------------------ Responsiveness 1440 px -------------------------------
--------------------------------------------------------------------------- */
@media only screen and (max-width: 1440px) {
  body {
    margin-left: 0px;
    margin-right: 0px; } }
/* ------------------------------------------------------------------------
------------------------ Responsiveness 1024 px -------------------------------
--------------------------------------------------------------------------- */
@media only screen and (max-width: 1024px) {
  html {
    font-size: 14px; }

  .button--whitepapers--topic img {
    width: 3.125rem;
    height: 3.125rem; } }
/* ------------------------------------------------------------------------
------------------------ Responsiveness 823 px -------------------------------
--------------------------------------------------------------------------- */
@media only screen and (max-width: 823px) {
  html {
    font-size: 12px; }

  .button--whitepapers--topic {
    width: 97%; }

  .button--whitepapers--topic img {
    width: 2.1875rem;
    height: 2.1875rem; } }
/* --------------Responsive ---------------------------------------------------
-----------------------------414px---------------------------------------------
------------------------------------------------------------------------------*/
@media only screen and (max-width: 450px) {
  .button--whitepapers--topic img {
    width: 2.5rem;
    height: 2.5rem; }

  .bb-concept-cont {
    flex-direction: column; }

  .next-icon {
    transform: rotate(90deg); } }
/* ------------------------------------------------------------------------
------------------------ Responsiveness 360 px -------------------------------
--------------------------------------------------------------------------- */
@media only screen and (max-width: 360px) {
  .button--whitepapers--topic img {
    width: 1.875rem;
    height: 1.875rem; } }
/* ------------------------------------------------------------------------
------------------------ Responsiveness 320 px -------------------------------
--------------------------------------------------------------------------- */
@media only screen and (max-width: 320px) {
  .button--whitepapers--topic {
    width: 96%;
    margin-left: 0px; }

  .button--whitepapers--topic img {
    width: 1.5625rem;
    height: 1.5625rem;
    margin-left: 0.315rem; } }
/* Website Responsiveness Code Ends -------------------------------- */

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