* {
    box-sizing: border-box;
  }
  
  .no-margin {
    margin: 0 !important;
  }
  
  .no-padding {
    padding: 0 !important;
  }
  
  .pointer {
    cursor: pointer;
  }
  
  .text-center {
    text-align: center !important;
  }
  
  .color-green {
    color: #009a44 !important;
  }
  
  .color-green-1 {
    color: #699f00;
  }
  
  .color-black {
    color: #000 !important;
  }
  
  .color-white {
    color: #fff !important;
  }
  
  .color-green-2 {
    color: #86bc25 !important;
  }
  
  .font-italic {
    font-style: italic !important;
  }
  
  .font-family-adelle-cond {
    font-family: adelle-sans-condensed, sans-serif !important;
  }
  
  .font-family-sabon {
    font-family: linotype-sabon, sans-serif !important;
  }
  
  .font-family-open {
    font-family: 'Open Sans', sans-serif !important;
  }
  
  .font-family-adelle {
    font-family: adelle-sans, sans-serif !important;
  }
  
  .opacity-0 {
    opacity: 0;
  }
  
  .d-flex {
    display: flex;
  }
  
  .justify-content-center {
    justify-content: center;
  }
  
  .align-items-center {
    align-items: center;
  }
  
  .text-uppercase {
    text-transform: uppercase;
  }
  
  .font-13 {
    font-size: 13px !important;
  }
  
  .font-14 {
    font-size: 14px !important;
  }
  
  .font-16 {
    font-size: 16px !important;
  }
  
  .font-17 {
    font-size: 17px !important;
  }
  
  .font-18 {
    font-size: 18px !important;
  }
  
  .font-20 {
    font-size: 20px !important;
  }
  
  .font-21 {
    font-size: 21px !important;
  }
  
  .font-22 {
    font-size: 22px !important;
  }
  
  .font-24 {
    font-size: 24px !important;
  }
  
  .font-30 {
    font-size: 30px !important;
  }
  
  .font-32 {
    font-size: 32px !important;
  }
  
  .font-36 {
    font-size: 36px !important;
  }
  
  .font-40 {
    font-size: 40px !important;
  }
  
  .font-44 {
    font-size: 44px !important;
  }
  
  .font-48 {
    font-size: 48px !important;
  }
  
  .lh-12 {
    line-height: 12px !important;
  }
  
  .lh-14 {
    line-height: 14px !important;
  }
  
  .lh-15 {
    line-height: 15px !important;
  }
  
  .lh-16 {
    line-height: 16px !important;
  }
  
  .lh-24 {
    line-height: 24px !important;
  }
  
  .lh-20 {
    line-height: 20px !important;
  }
  
  .lh-22 {
    line-height: 22px !important;
  }
  
  .lh-26 {
    line-height: 26px !important;
  }
  
  .lh-30 {
    line-height: 30px !important;
  }
  
  .lh-32 {
    line-height: 32px !important;
  }
  
  .lh-33 {
    line-height: 33px !important;
  }
  
  .lh-36 {
    line-height: 36px !important;
  }
  
  .lh-38 {
    line-height: 38px !important;
  }
  
  .lh-48 {
    line-height: 48px !important;
  }
  
  .font-weight-300 {
    font-weight: 300 !important;
  }
  
  .font-weight-400 {
    font-weight: 400 !important;
  }
  
  .font-weight-600 {
    font-weight: 600 !important;
  }
  
  .font-weight-700 {
    font-weight: 700 !important;
  }
  
  .font-weight-800 {
    font-weight: 800 !important;
  }
  
  .font-weight-900 {
    font-weight: 900 !important;
  }
  
  .cmp-subnav .navbar-nav,
  .cmp-subnav .subnav-fixed.sticky-top .cmp-subnav__navigation-wrapper .navbar-nav {
    white-space: nowrap !important;
  }
  
  @media (min-width: 768px) {
  
    .subnav-container .navbar .menu-item>a,
    .subnav-container .navbar .open>a,
    .subnav-container .navbar-inverse .menu-item>a,
    .subnav-container .navbar-inverse .open>a {
      width: max-content;
    }
  }
  
  @media (min-width: 1200px) and (max-width: 1349px) {
    #dmtWrapper .cmp-container-width {
      max-width: 1140px;
    }
  }
  
  @media (min-width: 992px) and (max-width: 1199px) {
    #dmtWrapper .cmp-container-width {
      max-width: 960px;
    }
  }
  
  .cmp-subnav .subnav-fixed.sticky-top {
    position: fixed !important;
  }
  
  .cmp-subnav .subnav-fixed {
    z-index: 999;
  }
  
  #readingGuide a {
    text-decoration: none !important;
    outline: 0 !important;
  }
  
  #loader-overlay {
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999999;
    background: rgba(255, 255, 255, 0.95);
  }
  
  #loader-overlay #loader {
    border: 6px solid #f3f3f3;
    border-radius: 50%;
    border-top: 6px solid #444;
    width: 2.5rem;
    height: 2.5rem;
    animation: spin 1s linear infinite;
    margin-left: 0.625rem;
  }
  
  #loader-overlay .center {
    width: 5rem;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    left: calc(50% - 40px);
    color: #fff;
  }
  
  #loader-overlay #loader-content {
    font-family: 'Open Sans', sans-serif;
    color: #000;
    font-size: 14px;
    text-align: center;
    margin-top: 10px;
    margin-left: -6px;
  }
  
  #diclWrapper .article-footer {
    gap: 5px;
  }
  
  @keyframes spin {
    100% {
      transform: rotate(360deg);
    }
  }
  
  #di-nav-menu {
    position: fixed;
    width: 100%;
    z-index: 9;
    top: 0;
  }
  
  #di-nav-menu .diNavHeader {
    background: #fff;
    height: 60px;
    width: 100%;
    transition: all 0.3s ease-in-out;
    box-shadow: 0 0.9375em 2em -0.9375em #d0d0ce;
  }
  
  #di-nav-menu .diNavHeader.hideHeader {
    display: none;
  }
  
  #di-nav-menu .diNavHeader-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100%;
  }
  
  #di-nav-menu .nav-left {
    display: flex;
    align-items: center;
  }
  
  /* #cmtWrapper .social-links a {
      cursor: pointer;
  } */
  #di-nav-menu .dinav-logo {
    outline: 0;
  }
  
  #di-nav-menu .img-fluid {
    max-width: 100%;
    height: auto !important;
  }
  
  #di-nav-menu .nav-right {
    display: flex;
    height: 100%;
    align-items: center;
  }
  
  #di-nav-menu .nav-link {
    overflow: hidden;
  }
  
  #di-nav-menu .nav-link {
    display: flex;
    align-items: center;
    margin-right: 16px;
    height: 100%;
    color: #000;
    cursor: pointer;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 13px;
    line-height: 14px;
    outline: 0;
    letter-spacing: 0.01em;
    color: #000;
    padding: 0;
    position: relative;
  }
  
  #di-nav-menu .nav-link.active,
  #di-nav-menu .nav-link:hover {
    color: #26890d !important;
    text-decoration: none;
  }
  
  #di-nav-menu .nav-link::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0.2em;
    background-color: #26890d;
    opacity: 0;
    transition: opacity 0.3s, transform 0.3s;
  }
  
  #di-nav-menu .nav-link.active::after,
  #di-nav-menu .nav-link:hover::after {
    opacity: 1;
    transform: translate3d(0, 0.2em, 0);
  }
  
  #di-nav-menu .nav-link {
    overflow: hidden;
  }
  
  #di-nav-menu .nav-link.active::after,
  #di-nav-menu .nav-link:focus::after,
  #di-nav-menu .nav-link:hover::after {
    transform: translate3d(0, 0, 0);
  }
  
  #diclWrapper .social-links {
    display: flex;
    align-items: center;
    position: relative;
  }
  
  #di-nav-menu .issue-hub span {
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 13px;
    line-height: 14px;
    letter-spacing: 0.16px;
    color: #000;
    margin-bottom: 0;
  }
  
  .backgroundProperty {
    background-position: center;
    background-repeat: no-repeat;
    background-size: 34px;
    height: 35px;
    width: 35px;
    background-color: transparent;
    margin-bottom: 0.5rem;
    margin-top: 10px;
    margin-right: 10px;
    display: block;
  }
  
  #di-nav-menu .social-links img {
    width: 32px;
    max-width: 100%;
  }
  
  #di-nav-menu .share-toggle {
    cursor: pointer !important;
    -webkit-appearance: unset;
  }
  
  #di-nav-menu .share-toggle.dropdown-toggle::after {
    display: none;
  }
  
  .share-dropdown-menu.show {
    min-width: auto;
    padding: 0;
    left: -12px !important;
  }
  
  #di-nav-menu .social-btn {
    display: block;
    height: 20px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    outline: 0;
    background-color: transparent;
    border: 0;
  }
  
  .share-dropdown-menu.show .social-btn {
    margin: 10px;
  }
  
  #di-nav-menu .social-btn:hover {
    background-color: transparent;
  }
  
  .social-facebook {
    background-image: url(../assets/icon-facebook-dark.svg);
    transition: all 0.3s linear;
  }
  
  .social-facebook:hover {
    background-image: url(../assets/icon-facebook-green.svg);
    transition: all 0.3s linear;
  }
  
  .social-twitter {
    background-image: url(../assets/icon-twitter-dark.svg);
    transition: all 0.3s linear;
  }
  
  .social-twitter:hover {
    background-image: url(../assets/icon-twitter-green.svg);
    transition: all 0.3s linear;
  }
  
  .social-linkedIn {
    background-image: url(../assets/icon-linkedin-dark.svg);
    transition: all 0.3s linear;
  }
  
  .social-linkedIn:hover {
    background-image: url(../assets/icon-linkedin-green.svg);
    transition: all 0.3s linear;
  }
  
  #di-nav-menu .nav-button {
    display: none;
  }
  
  #di-nav-menu .nav-toggler {
    position: relative;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  
  #di-nav-menu .nav-toggler:hover {
    cursor: pointer;
  }
  
  #di-nav-menu .nav-toggler .line {
    width: 30px;
    height: 3px;
    background-color: #000;
    display: block;
    margin: 5px auto;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  
  #di-nav-menu .nav-toggler.is-active {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(1deg);
    margin-right: 7px;
  }
  
  #di-nav-menu .nav-toggler:before {
    content: '';
    position: absolute;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 40px;
    height: 40px;
    border: 3px solid transparent;
    top: calc(50% - 20px);
    left: calc(50% - 20px);
    border-radius: 100%;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  
  .mobile-download-img {
    display: none;
  }
  
  .mobile-share-img {
    display: none;
  }
  
  @media screen and (max-width: 991px) {
    #di-nav-menu .nav-link:first-child {
      border-bottom: none !important;
      border-top: solid 1px #ccc !important;
      margin-top: 19px;
    }
  
    #di-nav-menu .nav-link {
      font-family: adelle-sans-condensed, sans-serif;
      font-style: normal;
      font-weight: 400;
      font-size: 18px;
      line-height: 22px;
    }
  
    #di-nav-menu .nav-link:nth-child(3) {
      font-family: adelle-sans, sans-serif;
      font-style: normal;
      font-weight: 700;
      font-size: 14px;
      line-height: 16px;
      text-transform: uppercase;
    }
  
    #di-nav-menu .nav-link {
      border-bottom: 1px solid #ccc !important;
    }
  
    /* #di-nav-menu .social-links img{
          width:30px;
          height:30px !important;
      } */
    #di-nav-menu .nav-link {
      /* padding-top: 15px !important; */
      padding-bottom: 0 !important;
    }
  
    #di-nav-menu .nav-link::after {
      display: none;
    }
  
    #di-nav-menu .nav-link:nth-child(3) {
      padding-bottom: 15px !important;
    }
  
    #di-nav-menu .nav-link:nth-child(2) {
      padding-bottom: 15px !important;
    }
  
    .hamburger-menu-close-img {
      /* position: absolute;
          left: 8px;
          top: 20px;
          bottom: 19px; */
      margin-left: 8px;
      margin-top: 20px;
    }
  
    #di-nav-menu {
      top: 0;
    }
  
    .tooltip {
      display: none !important;
    }
  
    #readingGuide #connected-cards {
      padding: 0 16px !important;
    }
  
    #di-nav-menu.top70 {
      top: 70px;
    }
  
    #di-nav-menu .nav-left-container {
      display: flex;
      justify-content: space-between;
    }
  
    #di-nav-menu .nav-left {
      flex-direction: column;
      align-items: flex-start;
      min-height: 64px;
      justify-content: center;
      padding-left: 15px;
    }
  
    #di-nav-menu .diNavHeader {
      height: unset;
    }
  
    #di-nav-menu .diNavHeader-container {
      flex-direction: column;
      align-items: unset;
      padding-left: 0;
    }
  
    #di-nav-menu .dimag-logo {
      width: 200px;
    }
  
    #di-nav-menu .nav-right {
      flex-direction: column;
      display: none;
      min-height: 100vh;
      /* margin-top: 45px; */
      margin-left: 32px;
    }
  
    #di-nav-menu .nav-button {
      display: flex;
      align-items: center;
    }
  
    #di-nav-menu .nav-link {
      width: 100%;
      /* padding: 20px 0; */
      padding-top: 15px;
      margin-right: 0;
      align-items: flex-start;
      border-bottom: 1.1px solid #e5e5e5;
    }
  
    #di-nav-menu .nav-link:first-child {
      border-top: 1.1px solid #e5e5e5;
    }
  
    #di-nav-menu .share-toggle {
      display: none;
    }
  
    #di-nav-menu .social-subscribe {
      height: 30px;
      width: 30px !important;
      margin-right: 8px;
      padding: 0;
    }
  
    .mr-8p {
      margin-right: 8px;
    }
  
    .mobile-download-img {
      margin-right: 8px;
      display: block;
      filter: brightness(0);
      transition: filter 0.3s linear;
      -webkit-transition: filter 0.3s linear;
    }
  
    .mobile-download-img:hover {
      filter: brightness(100%);
      transition: filter 0.3s linear;
      -webkit-transition: filter 0.3s linear;
    }
  
    .mobile-share-img {
      display: block;
    }
  
    .mobile-facebook:hover {
      transition: all 0.3s linear;
      content: url(https://www2.deloitte.com/content/dam/insights/us/USI-dev/2022/october/top-10/assets/q4/mobile-facebook-green.svg);
    }
  
    .mobile-linkedIn:hover {
      transition: all 0.3s linear;
      content: url(https://www2.deloitte.com/content/dam/insights/us/USI-dev/2022/october/top-10/assets/q4/mobile-linkedIn-green.svg);
    }
  
    .mobile-twitter:hover {
      transition: all 0.3s linear;
      content: url(https://www2.deloitte.com/content/dam/insights/us/USI-dev/2022/october/top-10/assets/q4/mobile-twitter-green.svg);
    }
  
    #di-nav-menu .social-links {
      margin-top: 10px;
      justify-content: flex-start;
    }
  
    .cmp-di-header {
      position: relative;
    }
  }
  
  #readingGuide #banner {
    display: flex;
    justify-content: center;
    align-items: center;
    height: calc(100vh - 0px);
    max-height: 1920px;
    overflow: hidden;
    background-color: #f7f4ef;
    width: 100%;
    position: relative;
  }
  
  #readingGuide #banner .banner-content {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 100%;
  }
  
  #readingGuide #banner .banner-content .banner-image {
    width: 100%;
  }
  
  #readingGuide #banner .banner-btn {
    cursor: pointer;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 2.5vh;
    margin-bottom: 20px;
    background-size: contain;
    background-repeat: no-repeat;
  }
  
  #readingGuide #banner .banner-btn a::after {
    content: ' ';
    background-image: url(https://www2.deloitte.com/content/dam/insights/us/USI-dev/2022/october/top-10/assets/q3/icon-dark-green-arrow.svg);
    background-position: center center;
    margin-left: 10px;
    background-size: contain;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 3px;
    transition: all 0.3s linear;
    filter: brightness(0) saturate(100%);
  }
  
  #readingGuide #banner .banner-btn a:hover::after {
    transform: scale(1.5);
    filter: brightness(100%);
  }
  
  #readingGuide #editor {
    margin: 0 auto;
    max-width: 1574px;
    padding: 0 14px;
  }
  
  #readingGuide #editor .editor-line {
    height: 16px;
    width: 0%;
    background-color: #86bc25;
    margin-bottom: 14px;
    margin-top: 40px;
    transition: all 0.5s ease-in-out;
  }
  
  #readingGuide #editor .editor-line.animate {
    width: 100% !important;
  }
  
  #readingGuide #editor .editor-content {
    display: flex;
  }
  
  #readingGuide #editor .editor-info {
    flex: 30%;
    max-width: 15%;
  }
  
  #readingGuide #editor .editor-info p {
    max-height: 200px;
    transition: all 0.5s ease-in-out;
  
    overflow: hidden;
  }
  
  #readingGuide #editor .editor-info p:first-child {
    margin-bottom: 46px;
  }
  
  /* .mt-15 {
      margin-top: 15px !important;
  } */
  #readingGuide #editor .editor-pic {
    max-height: 200px;
    transition: all 0.5s ease-in-out;
    overflow: hidden;
    margin-bottom: 10px;
  }
  
  #readingGuide #editor .editor-pic img {
    height: 100%;
  }
  
  #readingGuide #editor .editor-text {
    flex: 65%;
    max-width: 69%;
    max-height: 600px;
    /* margin-top: 5%; */
    margin-top: 60px;
    transition: all 0.5s ease-in-out;
    overflow: hidden;
  }
  
  #readingGuide #editor .editor-close {
    cursor: pointer;
    /* margin-left: 120px; */
    flex: 5%;
    /* max-width: 5%; */
    position: relative;
    display: flex;
    justify-content: end;
    right: 0;
  }
  
  #readingGuide #editor .editor-close img {
    width: 20px !important;
    height: 20px !important;
    display: block;
    transition: all 250ms ease-in-out;
  }
  
  #readingGuide #editor.active .editor-info p:not(:first-child),
  #readingGuide #editor.active .editor-pic,
  #readingGuide #editor.active .editor-text {
    max-height: 0;
    overflow: hidden;
  }
  
  #readingGuide #topArticle {
    margin: 0 auto;
    max-width: 1574px;
    padding: 0 14px;
    margin-top: 40px;
  }
  
  #readingGuide #topArticle .topArticle-title {
    font-family: adelle-sans-condensed, sans-serif !important;
    font-style: normal;
    font-weight: 900;
    font-size: 36px;
    line-height: 44px;
    color: #000;
    margin-bottom: 5px;
  }
  
  .dim-border-top {
    border-top: 1px solid #ccc;
  }
  
  #readingGuide #topArticle .topArticle-title span {
    font-family: adelle-sans-condensed, sans-serif;
    font-weight: 900;
    font-size: 36px;
    line-height: 31px;
    color: #000;
    margin-top: 20px !important;
  }
  
  #readingGuide #topArticle .topArticles {
    display: flex;
    position: relative;
    min-height: 520px !important;
  }
  
  #readingGuide #topArticle .largeArticle {
    flex: calc(50% - 8px);
    max-width: calc(50% - 8px);
    margin-left: 20px;
    display: flex;
    flex-direction: column;
    cursor: default;
    position: relative;
  }
  
  #readingGuide #topArticle .article-hover {
    opacity: 0;
    transition: all 0.5s ease-in-out;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #699f00 !important;
    padding: 27px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  
  #readingGuide #topArticle .smallArticle .article-hover {
    padding: 10px;
  }
  
  #readingGuide #topArticle .smallArticle .article-hover {
    bottom: 0 !important;
  }
  
  #readingGuide #topArticle .smallArticle .article-hover p {
    margin-bottom: 0 !important;
  }
  
  #readingGuide .btn-close-letter:hover {
    transform: rotate(90deg) !important;
  }
  
  #readingGuide .btn-close-letter {
    position: relative;
    width: 16px;
    height: 16px;
    cursor: pointer;
    background: #86bc25;
    margin-top: 4px;
    margin-right: 4px;
    border-radius: 50%;
    border: none;
    outline: 0;
    transition: transform 0.3s linear;
  }
  
  #editor .editor-close img:hover {
    transform: rotate(90deg);
  }
  
  #readingGuide #editor:not(.active) .btn-close-letter {
    animation: span-background 0.25s ease-in-out;
    animation-fill-mode: forwards;
  }
  
  #readingGuide .btn-close-letter span {
    opacity: 0;
    position: absolute;
    width: 20px;
    height: 2.5px;
    top: 50%;
    left: 50%;
    background: #1f1f1f;
    border-radius: 2px;
    overflow: hidden;
    transition: all 0.3s linear;
  }
  
  #readingGuide #editor:not(.active) .btn-close-letter span {
    opacity: 1;
  }
  
  #readingGuide .btn-close-letter span::before {
    content: '';
    position: absolute;
    width: 0;
    height: 100%;
    top: 0;
    right: 0;
    background: #1f1f1f;
    transition: all 0.3s linear;
  }
  
  #readingGuide .btn-close-letter span:nth-child(1) {
    animation: span-first-off 0.5s ease-in-out;
    animation-fill-mode: forwards;
  }
  
  #readingGuide .btn-close-letter span:nth-child(2) {
    display: none;
    animation: span-second-off 0.5s ease-in-out;
    animation-fill-mode: forwards;
  }
  
  #readingGuide .btn-close-letter span:nth-child(3) {
    animation: span-third-off 0.5s ease-in-out;
    animation-fill-mode: forwards;
  }
  
  #readingGuide #editor:not(.active) .btn-close-letter:hover span::before {
    width: 100%;
    transition: all 0.3s linear;
  }
  
  #readingGuide #editor:not(.active) .btn-close-letter span:nth-child(1) {
    animation: span-first-on 0.5s ease-in-out;
    animation-fill-mode: forwards;
  }
  
  #readingGuide #editor:not(.active) .btn-close-letter span:nth-child(2) {
    animation: span-second-on 0.5s ease-in-out;
    animation-fill-mode: forwards;
  }
  
  #readingGuide #editor:not(.active) .btn-close-letter span:nth-child(3) {
    animation: span-third-on 0.5s ease-in-out;
    animation-fill-mode: forwards;
  }
  
  @keyframes pulsating {
    0% {
      transform: scale(0.95);
      box-shadow: 0 0 0 0 #86bc25;
    }
  
    70% {
      transform: scale(1);
      box-shadow: 0 0 0 10px rgba(0, 255, 0, 0);
    }
  
    100% {
      transform: scale(0.95);
      box-shadow: 0 0 0 0 rgba(0, 255, 0, 0);
    }
  }
  
  @keyframes span-background-back {
    0% {
      background: 0 0;
    }
  
    50% {
      background: #86bc25;
    }
  }
  
  @keyframes span-background {
    0% {
      background: #86bc25;
    }
  
    100% {
      background: 0 0;
    }
  }
  
  @keyframes span-first-on {
    0% {
      transform: translate(-50%, -300%);
    }
  
    30% {
      transform: translate(-50%, -50%);
    }
  
    100% {
      transform: translate(-50%, -50%) rotate(-45deg);
    }
  }
  
  @keyframes span-first-off {
    0% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(-45deg);
    }
  
    30% {
      transform: translate(-50%, -50%) rotate(0);
    }
  
    70% {
      opacity: 0;
    }
  
    100% {
      transform: translate(-50%, -300%);
    }
  }
  
  @keyframes span-second-on {
    0% {
      transform: translate(-50%, -50%);
    }
  
    25% {
      background: #86bc25;
    }
  
    50% {
      transform: translate(-50%, -50%) scale(1);
    }
  
    100% {
      transform: translate(-150%, -50%) scale(0);
    }
  }
  
  @keyframes span-second-off {
    0% {
      transform: translate(-150%, -50%) scale(0);
    }
  
    25% {
      background: #86bc25;
    }
  
    50% {
      transform: translate(-50%, -50%) scale(1);
    }
  
    100% {
      transform: translate(-50%, -50%);
    }
  }
  
  @keyframes span-third-on {
    0% {
      transform: translate(-50%, 200%);
    }
  
    30% {
      transform: translate(-50%, -50%);
    }
  
    100% {
      transform: translate(-50%, -50%) rotate(45deg);
    }
  }
  
  @keyframes span-third-off {
    0% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(45deg);
    }
  
    30% {
      transform: translate(-50%, -50%) rotate(0);
    }
  
    70% {
      opacity: 0;
    }
  
    100% {
      transform: translate(-50%, 200%);
    }
  }
  
  #readingGuide #topArticle .article-hover p:first-child {
    color: #fff;
    font-weight: 900;
    font-size: 110px;
    line-height: 98px;
    font-family: adelle-sans-condensed, sans-serif !important;
    margin-bottom: 0;
  }
  
  #readingGuide #topArticle .article-hover p:last-child {
    color: #000;
    font-weight: 700;
    font-size: 32px;
    line-height: 1;
    letter-spacing: -0.01em;
    font-family: adelle-sans-condensed, sans-serif !important;
    margin-bottom: 0;
  }
  
  #readingGuide #topArticle .largeArticle-image:hover .article-hover,
  #readingGuide #topArticle .smallArticle-image:hover .article-hover {
    opacity: 1;
    z-index: 5;
  }
  
  #readingGuide #topArticle .smallArticle .article-hover p:first-child {
    font-size: 50px;
    line-height: 44px;
  }
  
  #readingGuide #topArticle .smallArticle .article-hover p:last-child {
    font-size: 20px;
    line-height: 1;
    letter-spacing: -0.01em;
  }
  
  #readingGuide #topArticle .smallArticles .smallArticle:nth-child(2) .article-hover,
  #readingGuide #topArticle .smallArticles .smallArticle:nth-child(3) .article-hover {
    background: #699f00 !important;
  }
  
  #readingGuide #topArticle .largeArticle-image:hover .article-hover {
    opacity: 1;
  }
  
  #readingGuide #topArticle .largeArticle .largeArticle-image img {
    height: 100% !important;
  }
  
  #readingGuide #topArticle .smallArticles {
    flex: 50%;
    display: flex;
    flex-wrap: wrap;
  }
  
  #readingGuide #topArticle .smallArticle {
    flex: calc(50% - 10px);
    max-width: calc(50% - 8px);
    margin-right: 20px;
    position: relative;
  }
  
  #readingGuide #topArticle .largeArticle .largeArticle-image {
    min-height: 497px !important;
    position: relative;
    background-image: none !important;
    overflow: hidden;
    cursor: pointer;
  }
  
  #readingGuide #topArticle .smallArticle .smallArticle-image {
    min-height: 210px !important;
    position: relative;
    background-image: none !important;
    overflow: hidden;
    cursor: pointer;
  }
  
  #readingGuide #topArticle .largeArticle .largeArticle-image img {
    position: absolute;
    width: 100%;
    height: 100% !important;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    object-fit: cover;
  }
  
  #readingGuide .topArticle-popup {
    max-height: 540px !important;
  }
  
  #readingGuide #topArticle .smallArticle .smallArticle-image img {
    position: absolute;
    width: 100%;
    height: 100% !important;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    object-fit: cover;
  }
  
  #readingGuide #topArticle .smallArticle:last-child,
  #readingGuide #topArticle .smallArticle:nth-child(2n) {
    margin-right: 0;
  }
  
  #readingGuide #topArticle .smallArticle:last-child,
  #readingGuide #topArticle .smallArticle:nth-child(3) {
    margin-bottom: 0;
  }
  
  #readingGuide #topArticle .largeArticle-text,
  #readingGuide #topArticle .smallArticle-text {
    margin-top: 18px !important;
    margin-bottom: 30px !important;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: default;
  }
  
  #readingGuide #topArticle .largeArticle-text img,
  #readingGuide #topArticle .smallArticle-text img {
    width: 18px !important;
    height: 17px !important;
    margin-right: 8px !important;
  }
  
  #readingGuide #topArticle .topArticles:nth-of-type(2) .largeArticle {
    margin-left: 0;
    margin-right: 20px;
  }
  
  #readingGuide #topParallax {
    background: #f7f4ef;
    max-width: 100%;
    display: flex;
    justify-content: center;
    padding: 0 !important;
    width: 100%;
    margin: 0 auto;
    height: 500px !important;
    min-height: 500px !important;
    background: #f7f4ef;
    overflow: hidden;
  }
  
  #readingGuide .topParallax-container {
    max-width: 1574px;
    padding: 0 14px;
    width: 100%;
  }
  
  #readingGuide #honorable {
    margin: 0 auto;
    max-width: 1574px;
    padding: 0 16px;
    margin-top: 40px;
    margin-bottom: 40px;
  }
  
  #readingGuide #honorable .honorable-title {
    margin-bottom: 30px !important;
    text-align: left !important;
  }
  
  #readingGuide #honorable .insights-wrapper {
    margin-top: 0 !important;
  }
  
  #readingGuide #honorable .more-insight-text {
    max-width: 85%;
  }
  
  .more-insight-text i {
    font-family: linotype-sabon, sans-serif !important;
    font-size: 17px;
    line-height: 20px;
    font-weight: 400;
  }
  
  .showeditorsection {
    display: block;
  }
  
  #readingGuide #honorable .honorable-content {
    display: flex;
  }
  
  #readingGuide #honorable .honorable-notes {
    flex: 70%;
    max-width: 70%;
    border-right: 1px solid #97999b;
  }
  
  .visible {
    overflow: visible !important;
  }
  
  #readingGuide #honorable .honorable-editor {
    flex: 30%;
    max-width: 30%;
    padding-left: 28px;
  }
  
  #readingGuide .promo-card-tile {
    opacity: 0;
    width: 58%;
  }
  
  #readingGuide .promo-card-tile.animate__circle .green-circle {
    animation: moveCircle 1s forwards;
    transform: translate(100%, -50%);
  }
  
  #readingGuide .promo-card-tile-last .green-circle {
    position: absolute;
    top: 50%;
    transform: translate(100%, -50%);
    left: 65px;
  }
  
  #readingGuide .promo-card-tile-last .green-circle.green-bg {
    background-color: #699f00;
  }
  
  #readingGuide .promo-card-tile-last p {
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) !important;
  }
  
  #diclWrapper i {
    font-family: inherit;
    font-style: italic;
  }
  
  @keyframes moveCircle {
    0% {
      left: 64px;
      transform: translate(100%, -50%) scale(1);
    }
  
    100% {
      left: 48%;
      transform: translate(0, -50%) scale(14);
    }
  }
  
  @keyframes zoomCircle {
    0% {
      transform: translate(100%, -50%) scale(1);
    }
  
    100% {
      transform: translate(100%, -50%) scale(14);
    }
  }
  
  @keyframes fillGlow {
    0% {
      background: rgba(134, 188, 37, 1);
    }
  
    100% {
      background: rgba(134, 188, 37, 1);
    }
  }
  
  #readingGuide .promo-card-tile-last p {
    position: absolute;
    color: #000;
    opacity: 0;
    min-width: 350px;
  }
  
  #readingGuide #connected-cards {
    width: 100%;
    background-color: #699f00;
    min-height: 190px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  #readingGuide #connected-cards .connected-col {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 20px;
  }
  
  #readingGuide #connected-cards .connected-card {
    min-height: 90px;
    background: #699f00;
    display: flex;
    align-items: center;
    cursor: pointer;
    text-decoration-color: #000;
    transition: all 250ms ease-in-out;
  }
  
  #readingGuide #connected-cards .connected-card:hover p {
    color: #fff;
    transition: all 250ms ease-in-out;
  }
  
  #readingGuide #connected-cards .connected-image {
    min-width: 90px;
    height: 90px;
    border-radius: 50%;
    background: #fff;
    margin-right: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  
  #readingGuide .topArticle-popup {
    background: #f8f8f8;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    visibility: hidden;
    opacity: 0;
    z-index: 5;
    transition: all 0.5s ease-in;
  }
  
  #readingGuide .topArticle-popup.active {
    opacity: 1;
    visibility: visible;
  }
  
  #readingGuide .topArticle-popup .popup-content {
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.15);
    max-height: 530px;
  }
  
  #readingGuide .topArticle-popup .popup-close {
    position: absolute;
    top: 0 !important;
    right: 0 !important;
    width: 50px;
    height: 50px;
    cursor: pointer;
    background-color: #000;
  }
  
  #readingGuide .topArticle-popup .popup-close img {
    transition: all 250ms ease-in;
  }
  
  #readingGuide .topArticle-popup .popup-close:hover img {
    transform: rotate(90deg);
  }
  
  #readingGuide .topArticle-popup .like {
    cursor: pointer;
    display: inline-flex !important;
    margin-bottom: 50px;
  }
  
  #readingGuide .topArticle-popup .like img {
    margin-right: 13px !important;
    width: 22px;
    height: 21px;
  }
  
  #readingGuide .topArticle-popup .popup-btn img {
    margin-left: 16px;
    transition: all 250ms ease-in;
  }
  
  #readingGuide .topArticle-popup .font-48 {
    margin-top: 45px !important;
    margin-bottom: 18px !important;
  }
  
  #readingGuide .topArticle-popup .popup-btn {
    font-family: adelle-sans-condensed, sans-serif !important;
    font-style: normal;
    font-weight: 400;
    font-size: 17px;
    line-height: 21px;
    text-decoration-line: underline;
    color: #1f1f1f !important;
  }
  
  #readingGuide .topArticle-popup .popup-btn p {
    font-family: adelle-sans-condensed, sans-serif !important;
    font-style: normal;
    font-weight: 400;
    font-size: 17px;
    line-height: 21px;
    text-decoration-line: underline;
    color: #1f1f1f !important;
  }
  
  #readingGuide .topArticle-popup .popup-btn p:hover {
    cursor: pointer;
    color: #26890d !important;
  }
  
  #readingGuide .topArticle-popup .popup-text {
    flex: 50%;
    max-width: 50%;
    padding-right: 48px !important;
    position: relative;
    padding-bottom: 40px;
    padding-left: 70px;
    padding-top: 40px;
  }
  
  #readingGuide .topArticle-popup .popup-text .bottom-tag {
    position: absolute;
    bottom: 0;
    left: 0;
    padding-left: 70px;
    padding-bottom: 41px;
  }
  
  #readingGuide .topArticle-popup .popup-image {
    overflow: hidden;
    max-width: 50%;
    background-color: #fff;
    max-height: 530px;
  }
  
  #readingGuide .topArticle-popup .popup-image img {
    height: 100% !important;
    width: 100% !important;
    object-fit: cover;
  }
  
  #readingGuide #fixedscroll {
    min-height: 11000px;
    display: none;
  }
  
  .tooltip.fade.in {
    opacity: 0.9 !important;
  }
  
  .tooltip-inner {
    border-radius: 0;
  }
  
  .tooltip-inner {
    border-radius: 4px;
    background-color: #f3f2f2;
    color: #000;
    font-weight: 700;
    font-size: 13px;
    line-height: 13px;
    border: 1px solid #000;
  }
  
  .bs-tooltip-auto[x-placement^='top'] .arrow::before,
  .bs-tooltip-top .arrow::before {
    border-top-color: #000;
    border-width: 6px 10px 0;
  }
  
  .bs-tooltip-auto[x-placement^='right'] .arrow::before,
  .bs-tooltip-right .arrow::before {
    border-width: 0.4rem 0.4rem 0.4rem 0;
    border-right-color: #000;
  }
  
  .bs-tooltip-auto[x-placement^='bottom'] .arrow::before,
  .bs-tooltip-bottom .arrow::before {
    border-width: 0 10px 6px;
    border-bottom-color: #000;
  }
  
  .bs-tooltip-auto[x-placement^='left'] .arrow::before,
  .bs-tooltip-left .arrow::before {
    border-width: 0.4rem 0 0.4rem 0.4rem;
    border-left-color: #000;
  }
  
  .di-branded-landing-page .branded-landing-page-content {
    padding: 0 !important;
    max-width: 100% !important;
    margin: 0;
  }
  
  .share-toggle.dropdown-toggle::after {
    display: none;
  }
  
  .share-dropdown-menu.show .social-btn {
    margin: 10px;
  }
  
  .share-dropdown-menu.show {
    min-width: auto;
    padding: 0;
    left: -12px !important;
  }
  
  #di-nav-menu .social-share {
    width: 20px;
    background-image: url(https://www2.deloitte.com/content/dam/insights/us/USI-dev/2022/october/top-10/assets/q3/icon-share.svg);
    filter: brightness(0);
    transition: filter 0.3s linear;
    -webkit-transition: filter 0.3s linear;
  }
  
  #di-nav-menu .social-share:hover {
    filter: brightness(100%);
    transition: filter 0.3s linear;
    -webkit-transition: filter 0.3s linear;
  }
  
  #di-nav-menu .social-facebook {
    width: 10px;
    background-image: url(https://www2.deloitte.com/content/dam/insights/us/USI-dev/2022/october/top-10/assets/q3/icon-facebook.svg);
    filter: brightness(0);
    transition: filter 0.3s linear;
    -webkit-transition: filter 0.3s linear;
  }
  
  #di-nav-menu .social-facebook:hover {
    filter: brightness(100%);
    transition: filter 0.3s linear;
    -webkit-transition: filter 0.3s linear;
  }
  
  #di-nav-menu .social-twitter {
    width: 25px;
    background-image: url(https://www2.deloitte.com/content/dam/insights/us/USI-dev/2022/october/top-10/assets/q3/icon-twitter.svg);
    filter: brightness(0);
    transition: filter 0.3s linear;
    -webkit-transition: filter 0.3s linear;
  }
  
  #di-nav-menu .social-twitter:hover {
    filter: brightness(100%);
    transition: filter 0.3s linear;
    -webkit-transition: filter 0.3s linear;
  }
  
  #di-nav-menu .social-linkedIn {
    width: 20px;
    background-image: url(https://www2.deloitte.com/content/dam/insights/us/USI-dev/2022/october/top-10/assets/q3/icon-linkedin.svg);
    filter: brightness(0);
    transition: filter 0.3s linear;
    -webkit-transition: filter 0.3s linear;
  }
  
  #di-nav-menu .social-linkedIn:hover {
    filter: brightness(100%);
    transition: filter 0.3s linear;
    -webkit-transition: filter 0.3s linear;
  }
  
  #di-nav-menu .social-subscribe {
    width: 20px;
    background-image: url(https://www2.deloitte.com/content/dam/insights/us/USI-dev/2022/october/top-10/assets/icon-subscribe.svg);
    filter: brightness(0);
    transition: filter 0.3s linear;
    -webkit-transition: filter 0.3s linear;
  }
  
  #di-nav-menu .social-subscribe:hover {
    filter: brightness(100%);
    transition: filter 0.3s linear;
    -webkit-transition: filter 0.3s linear;
  }
  
  #di-nav-menu .social-download {
    background-image: url(https://www2.deloitte.com/etc/insights-lists/interactives/2022/master-assets/icon-download-dark.svg);
    transition: all 0.3s linear;
  }
  
  #di-nav-menu .social-download:hover {
    background-image: url(https://www2.deloitte.com/etc/insights-lists/interactives/2022/master-assets/icon-download-green.svg);
    transition: all 0.3s linear;
  }
  
  .social-btn {
    display: block;
    width: 33px;
    height: 33px;
    background-size: 32px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: transparent;
    background-size: cover;
    outline: 0;
    border: none;
    background-color: unset !important;
  }
  
  .sort-toggle:hover {
    transform: rotate(180deg) !important;
  }
  
  #readingGuide .popup-content .like img.active {
    display: none;
  }
  
  #readingGuide .popup-content .like img.inactive {
    display: block;
  }
  
  #readingGuide .popup-content .like img.inactive:hover {
    background-size: contain !important;
    background: url(https://www2.deloitte.com/content/dam/insights/us/USI-dev/2022/july/your-top-10/assets/heart.svg) no-repeat;
  }
  
  #readingGuide .popup-content .like.active img.active {
    display: block;
  }
  
  #readingGuide .popup-content .like.active img.inactive {
    display: none;
  }
  
  #readingGuide .banner-mobile-text {
    display: none;
  }
  
  #readingGuide .popup-mobile-btn {
    display: none !important;
  }
  
  .insights-wrapper {
    margin-top: 95px;
    margin-bottom: 95px;
  }
  
  .insight-box {
    display: block;
  }
  
  .insight-footer {
    display: flex;
    align-items: center;
    gap: 10px;
  }
  
  .insights-row .insight-title {
    font-family: adelle-sans, sans-serif;
    font-style: normal;
    font-weight: 900;
    font-size: 20px;
    line-height: 100%;
    text-align: center;
    letter-spacing: -0.02em;
    color: #000;
    border-bottom: 1.1px solid #97999b;
    padding-bottom: 8px;
    margin-bottom: 24px;
  }
  
  .insights-row .insight-box h3 {
    font-family: adelle-sans-condensed, sans-serif !important;
    font-style: normal;
    font-weight: 800;
    font-size: 22px;
    line-height: 26px;
    letter-spacing: -0.01em;
    color: #000;
    margin-bottom: 5px;
    transition: color 0.3s ease;
    /* max-width: 80%; */
  }
  
  /* .insights-row .insight-box:hover h3 {
      color: #26890d;
      transition: color 0.3s ease;
  } */
  .social-box {
    cursor: pointer;
  }
  
  /* .promo-col:hover h3 {
      color: #26890d;
      transition: color 0.3s ease;
  } */
  #honorable .promo-col:hover {
    color: #26890d;
    transition: color 0.3s ease;
  }
  
  .insights-row .insight-box p {
    font-family: linotype-sabon, sans-serif;
    font-style: italic;
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    color: #000;
    max-width: 90%;
    margin-bottom: 10px;
  }
  
  .insights-wrapper {
    margin-top: 90px;
    margin-bottom: 25px;
  }
  
  .insights-wrapper .dim-border-right {
    border: 0;
  }
  
  .insights-wrapper .article-footer {
    margin-bottom: px;
  }
  
  .insight-box.dim-border-right {
    border-right: 1px solid #97999b;
  }
  
  .insight-box .promo:hover .promo-image {
    transition: all 0.3s linear;
    transform: scale(1.1);
    filter: brightness(100%);
  }
  
  .insights-row .promo-box {
    width: 100%;
    margin-bottom: 10px;
  }
  
  .article-footer {
    display: inline-flex;
    align-items: center;
  }
  
  .article-footer .featured {
    border: 2px solid #699f00;
    border-radius: 16px;
    font-family: adelle-sans, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    line-height: 14px;
    text-align: right;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #699f00;
    padding: 8px 16px;
    margin-right: 16px;
  }
  
  .article-footer .featured.insight-type {
    border: 2px solid #012169;
    color: #012169;
  }
  
  .article-footer .pub-date {
    font-family: adelle-sans, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 15px;
    letter-spacing: 0.05em;
    color: #707070;
    text-transform: uppercase;
    color: #707070;
  }
  
  .grey-dot {
    width: 3.5px;
    height: 3.5px;
    border-radius: 50%;
    display: inline-block;
    background: #707070;
  }
  
  .black-dot {
    width: 3.5px;
    height: 3.5px;
    border-radius: 50%;
    background: #707070;
  }
  
  .article-footer-2 span {
    font-family: adelle-sans, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 15px;
    color: #707070;
  }
  
  .article-footer .read-time {
    font-family: adelle-sans, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 15px;
    text-transform: uppercase;
    text-align: right;
    letter-spacing: 0.05em;
    color: #707070;
  }
  
  .insight-box .promo {
    position: relative;
  }
  
  .insight-box .promo-image {
    width: 70px;
    height: 70px;
    position: absolute;
    bottom: 39px;
    right: 16px;
    transition: all 0.3s linear;
    filter: brightness(0);
  }
  
  .insight-box .promo:hover .promo-image {
    transition: all 0.3s linear;
    transform: scale(1.1);
    filter: brightness(100%);
  }
  
  #readingGuide #topParallax {
    margin-top: 10px;
  }
  
  #readingGuide .topArticle-popup .popup-image {
    width: 100%;
  }
  
  #readingGuide .topArticle-popup {
    bottom: 0;
  }
  
  #top10svg {
    /* height: calc(100vh - 110px); */
  }
  
  .editor-btn {
    cursor: pointer;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
  }
  
  .editor-btn img {
    width: 30px !important;
    height: 30px !important;
  }
  
  .editor-btn {
    display: none;
  }
  
  #diclWrapper .banner a:hover::after {
    transform: scale(1.5);
    filter: brightness(100%);
  }
  
  @media screen and (max-width: 991px) {
    #top10svg {
      height: unset;
    }
  
    .insight-box .promo-image {
      width: 50px;
      height: 50px;
      right: 10px;
    }
  
    #readingGuide .popup-mobile-btn {
      display: none;
    }
  
    #readingGuide .topArticle-popup .popup-close {
      top: 16px !important;
      right: 16px !important;
    }
  
    #readingGuide #editor {
      position: relative;
      padding: 0 16px;
      margin-top: 50px;
      /* margin-bottom: 60px; */
    }
  
    #readingGuide #editor .editor-line {
      margin-top: 0;
      margin-bottom: 15px;
    }
  
    #readingGuide #honorable {
      margin-top: 40px !important;
      margin-bottom: 0;
    }
  
    #readingGuide #editor .editor-content {
      flex-wrap: wrap;
    }
  
    #readingGuide #editor .editor-info {
      flex: 50%;
      max-width: 50%;
    }
  
    #readingGuide #editor .editor-info p:first-child {
      margin-bottom: 44px;
    }
  
    #readingGuide #editor .editor-pic {
      margin-left: 0;
      margin-right: 0;
      flex: 50%;
      max-width: 50%;
    }
  
    #readingGuide #editor .editor-pic img {
      max-height: 150px !important;
    }
  
    #readingGuide #editor .editor-text {
      min-width: 100%;
      flex: 100%;
      margin-top: 60px;
      font-style: normal;
      font-weight: 400;
      font-size: 18px !important;
      line-height: 20px !important;
    }
  
    /* #editor .mt-15 {
          margin-top: 90px!important;
      } */
    #readingGuide #editor .editor-text p {
      font-size: 18px !important;
      line-height: 20px !important;
      margin-bottom: 60px;
    }
  
    #readingGuide #editor .editor-info p:first-child {
      margin-bottom: 0 !important;
    }
  
    #readingGuide #editor .editor-close {
      flex: 100%;
      max-width: 100%;
      justify-content: center;
      position: absolute;
      right: 20px;
    }
  
    #readingGuide #topArticle .topArticles {
      flex-wrap: wrap;
    }
  
    #readingGuide #topArticle .topArticles:nth-of-type(2) .largeArticle {
      border: none !important;
    }
  
    #readingGuide #topArticle .largeArticle {
      max-width: 100%;
      flex: 100%;
      margin-right: 0;
      border-bottom: 1px solid #d0d0ce;
      margin-left: 0;
    }
  
    #readingGuide #topParallax {
      margin-top: 0;
    }
  
    #readingGuide #topArticle .smallArticles {
      max-width: 100%;
      flex: 100%;
      margin-right: 0;
    }
  
    #readingGuide #topArticle .smallArticle {
      max-width: 100%;
      flex: 100%;
      margin-right: 0;
    }
  
    #readingGuide #topArticle .article-hover {
      padding: 10px;
    }
  
    #readingGuide #topArticle .smallArticle .smallArticle-image {
      min-height: 450px !important;
    }
  
    #readingGuide #topArticle .smallArticle .smallArticle-image img {
      object-fit: cover;
    }
  
    #readingGuide .topArticle-popup .popup-content {
      flex-wrap: wrap;
    }
  
    #readingGuide .topArticle-popup .popup-text {
      flex: 100%;
      max-width: 100%;
    }
  
    #readingGuide .banner-mobile-text {
      display: block;
    }
  
    #readingGuide .banner-mobile-text p:first-child {
      margin-bottom: 8px;
    }
  
    #readingGuide #banner {
      padding: 16px;
      align-items: flex-start;
      background-color: #fff;
      height: auto;
    }
  
    #readingGuide #banner .banner-mobile-text {
      margin-bottom: 30px;
    }
  
    #readingGuide #banner .banner-image {
      background: #f7f4ef;
    }
  
    #readingGuide #banner .banner-btn {
      display: none;
    }
  
    #readingGuide #topArticle .topArticles {
      margin-bottom: 0 !important;
    }
  
    #readingGuide #topArticle .topArticles:nth-of-type(2) .largeArticle {
      margin-left: 0 !important;
    }
  
    #readingGuide .topArticle-popup .popup-text .font-48 {
      font-size: 30px !important;
      line-height: 30px !important;
    }
  
    #readingGuide .topArticle-popup {
      padding: 16px;
      padding-bottom: 0;
    }
  
    #readingGuide .topArticle-popup .popup-text {
      margin-right: 0 !important;
      padding-right: 0 !important;
      padding-top: 50px !important;
      border: none;
    }
  
    #readingGuide .topArticle-popup .popup-image {
      max-width: 100%;
      flex: 100%;
    }
  
    #readingGuide .topArticle-popup .popup-image img {
      object-fit: cover;
      width: 100%;
      max-height: 257px;
    }
  
    #readingGuide #connected .connected-card {
      margin-bottom: 30px;
      margin-right: 0 !important;
      flex: 100%;
      max-width: 100%;
    }
  
    #readingGuide #connected .promo-card {
      padding: 16px;
    }
  
    #readingGuide .promo-card-tile {
      width: calc(100% - 48px);
    }
  
    #readingGuide .topArticle-popup {
      max-height: 618px;
    }
  
    #readingGuide .topArticle-popup .popup-btn {
      display: none !important;
    }
  
    #readingGuide .popup-mobile-btn {
      display: none;
    }
  
    #readingGuide .topArticle-popup {
      left: -16px;
      right: -16px;
      /* top: -94px; */
    }
  
    /* #top_upArticle {
          top:-37px !important;
      } */
    #readingGuide #connected-cards .connected-row {
      margin-top: 20px;
    }
  
    #readingGuide #connected-cards .connected-col {
      justify-content: flex-start;
      margin-bottom: 20px;
    }
  
    #readingGuide #topArticle .article-hover p:first-child {
      font-size: 110px !important;
      line-height: 1 !important;
    }
  
    #readingGuide #topArticle .article-hover p:last-child {
      font-size: 32px !important;
      margin-bottom: 0;
      line-height: 1 !important;
    }
  
    #readingGuide #honorable .col-12 {
      flex: 100%;
      width: 100%;
      max-width: 100%;
    }
  
    .insight-box.dim-border-right {
      border-right: none;
      margin-bottom: 30px;
    }
  
    #readingGuide #banner {
      padding: 0 !important;
    }
  }
  
  #readingGuide .promo-card-tile-last {
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
  }
  
  #readingGuide .mobile {
    display: none;
  }
  
  #readingGuide .desktop {
    display: block;
  }
  
  @media screen and (max-width: 576px) {
    #readingGuide .mobile {
      display: block;
    }
  
    #more {
      display: none;
    }
  
    .editor-button {
      background: #fff !important;
      display: block !important;
      cursor: pointer;
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      outline: 0 !important;
      padding-top: 9px;
    }
  
    #readingGuide .desktop {
      display: none;
    }
  
    #readingGuide #banner {
      padding: 0 !important;
    }
  
    #readingGuide #topArticle .smallArticle .smallArticle-image {
      min-height: 257px !important;
    }
  
    #readingGuide #editor .editor-info {
      flex: 85%;
      max-width: 85%;
      position: relative;
    }
  
    #readingGuide #editor .editor-pic {
      position: absolute;
      right: 0;
      top: 0;
      margin-top: 0;
    }
  
    #editorhide {
      display: none;
    }
  
    #readingGuide #editor .editor-info p:last-child {
      max-width: 50%;
    }
  
    #readingGuide #editor .editor-info p:first-child {
      font-size: 18px !important;
    }
  
    #readingGuide #editor:not(.active) .editor-info p:first-child {
      margin-bottom: 60px !important;
    }
  
    #readingGuide #topParallax {
      min-height: unset !important;
      height: 180px !important;
    }
  
    #readingGuide #honorable .honorable-content {
      flex-wrap: wrap;
    }
  
    #readingGuide #honorable .honorable-notes {
      flex: 100%;
      max-width: 100%;
      border: none;
    }
  
    #readingGuide #honorable .honorable-editor {
      padding-left: 0 !important;
      margin-top: 30px !important;
      flex: 100%;
      max-width: 100%;
      margin-bottom: 30px;
    }
  
    #readingGuide #topArticle .largeArticle .largeArticle-image {
      min-height: 210px !important;
    }
  
    #readingGuide #topArticle .article-hover p:first-child {
      font-size: 48px !important;
      line-height: 1;
    }
  
    #readingGuide #topArticle .article-hover p:last-child {
      font-size: 20px !important;
      margin-bottom: 0;
    }
  
    #readingGuide #topArticle {
      padding: 0 16px;
    }
  
    .insight-box.dim-border-right {
      border-right: 0;
    }
  
    .insights-wrapper .article-footer {
      margin-bottom: 40px;
    }
  
    .font-sm-24 {
      font-size: 24px !important;
    }
  
    .lh-sm-32 {
      line-height: 32px !important;
    }
  }
  
  #top10svg .cls-1,
  #top10svg .cls-2 {
    fill: none;
  }
  
  #top10svg .cls-3 {
    fill: #f7f4ef;
  }
  
  #top10svg .cls-4 {
    fill: #ee219b;
  }
  
  #top10svg .cls-5 {
    fill: #eb018c;
  }
  
  #top10svg .cls-6 {
    fill: #fef42e;
  }
  
  #top10svg .cls-7 {
    fill: #fefab7;
  }
  
  #top10svg .cls-8 {
    fill: #fefab6;
  }
  
  #top10svg .cls-9 {
    fill: #fefbb8;
  }
  
  #top10svg .cls-10 {
    fill: #fef100;
  }
  
  #top10svg .cls-11 {
    fill: #fef327;
  }
  
  #top10svg .cls-12 {
    fill: #fef324;
  }
  
  #top10svg .cls-13 {
    fill: #fef326;
  }
  
  #top10svg .cls-14 {
    fill: #fef32d;
  }
  
  #top10svg .cls-15 {
    fill: #fef32e;
  }
  
  #top10svg .cls-16 {
    fill: #0ab1ef;
  }
  
  #top10svg .cls-17 {
    fill: #29bbf1;
  }
  
  #top10svg .cls-18 {
    mix-blend-mode: multiply;
  }
  
  #top10svg .cls-2 {
    stroke: #010101;
    stroke-miterlimit: 100;
  }
  
  #top10svg .cls-19 {
    isolation: isolate;
  }
  
  .cls-11 {
    fill: #00aeef;
  }
  
  .cls-33 {
    fill: #ec008c;
  }
  
  .cls-22 {
    fill: #fff200;
  }
  
  .cls-44 {
    mix-blend-mode: multiply;
  }
  
  .cls-55 {
    isolation: isolate;
  }
  
  #Ten,
  #smallTop {
    opacity: 1;
  }
  
  .sort {
    font-family: adelle-sans, sans-serif !important;
    font-style: normal !important;
    font-weight: 350 !important;
    font-size: 17px !important;
    line-height: 15px !important;
    text-transform: uppercase !important;
    color: #707070 !important;
    float: right;
  }
  
  .sort-toggle {
    background-color: #fff !important;
    outline: 0 !important;
  }
  
  .articleborder {
    margin-top: 30px;
  }
  
  .rotate {
    -moz-transition: all 0.5s linear;
    -webkit-transition: all 0.5s linear;
    transition: all 0.5s linear;
  }
  
  .rotate.down {
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  
  .insights-row.pr-lg-0 {
    border-left: 1px solid #707070;
  }
  
  #connected {
    margin-top: 30px;
    margin-bottom: 30px;
  }
  
  .bt {
    border-top: 1px solid #ccc;
    margin-bottom: 40px;
  }
  
  .email-heading {
    font-family: adelle-sans-condensed, sans-serif !important;
    font-style: normal;
    font-weight: 800 !important;
    font-size: 22px !important;
    line-height: 26px;
    display: flex;
    align-items: center;
    color: #1f1f1f;
    margin-bottom: 0;
  }
  
  .email-subheading {
    font-family: adelle-sans-condensed, sans-serif !important;
    font-style: normal;
    font-weight: 400;
    font-size: 17px !important;
    line-height: 21px;
    display: flex;
    align-items: center;
    color: #1f1f1f;
    margin-bottom: 30px;
  }
  
  .email-para {
    font-family: linotype-sabon, sans-serif !important;
    font-style: normal;
    font-weight: 400;
    font-size: 17px !important;
    line-height: 20px;
    letter-spacing: -0.01em;
    color: #1f1f1f;
    border-bottom: 1px solid #ccc;
    padding-bottom: 30px;
    margin-bottom: 20px;
  }
  
  #connected .email-link-para {
    font-family: adelle-sans-condensed, sans-serif !important;
    font-style: normal;
    font-weight: 400;
    font-size: 17px !important;
    line-height: 21px;
    text-decoration-line: underline !important;
    color: #1f1f1f;
  }
  
  #connected .bl {
    border-left: 1px solid #707070;
    padding-right: 10px !important;
  }
  
  .mb-0 {
    margin-bottom: 0;
  }
  
  .mb-20 {
    margin-bottom: 20px;
  }
  
  .closeButton {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
    margin-top: 15px;
    width: 15px;
    height: 15px !important;
  }
  
  @media screen and (max-width: 991px) {
    #readingGuide #topArticle .topArticles:nth-of-type(2) .largeArticle {
      margin-right: 0;
    }
  
    #readingGuide .topArticle-popup .popup-text {
      padding-left: 0;
      padding-bottom: 0;
    }
  
    #readingGuide .topArticle-popup .popup-text .bottom-tag {
      position: relative;
      padding-bottom: 0;
      display: none;
    }
  
    #readingGuide .topArticle-popup .popup-image {
      padding-top: 0;
      margin-top: 0;
    }
  
    #readingGuide #topArticle {
      margin-top: 0;
    }
  
    .leadership-heading {
      font-family: adelle-sans, sans-serif !important;
      font-style: normal;
      font-weight: 900 !important;
      font-size: 30px !important;
      line-height: 99% !important;
      letter-spacing: -0.01em;
      color: #000;
      margin-bottom: 20px;
      max-width: 100%;
    }
  
    .leadership-para {
      letter-spacing: -0.01em;
      color: #000;
      max-width: 96%;
    }
  
    #connected {
      margin-top: 40px;
      background-color: #f8f8f8;
    }
  
    #connected .bt {
      display: none;
    }
  
    .email-heading {
      font-weight: 700 !important;
      font-size: 22px !important;
      line-height: 21px;
      margin-top: 20px;
    }
  
    .email-subheading {
      margin-bottom: 16px;
    }
  
    .sort {
      display: none;
    }
  
    #readingGuide #topArticle .topArticle-title {
      font-family: adelle-sans, sans-serif !important;
      font-style: normal;
      font-weight: 900;
      font-size: 21px;
      line-height: 23px;
      align-items: center;
      color: #1f1f1f;
      margin-bottom: 16px;
    }
  
    #readingGuide .topArticle-popup .popup-image img {
      border-left: none;
    }
  }
  
  #connected .email-link-para:hover {
    color: #26890d;
    cursor: pointer;
    transition: all 0.3s linear;
  }
  
  .editor-button-image {
    background: #fff;
    align-items: center;
    height: 30px;
    width: 30px;
  }
  
  .editor-button {
    background: #fff !important;
    display: none;
  }
  
  @media screen and (max-width: 991px) {
    #readingGuide #honorable .honorable-title {
      padding-bottom: 10px;
      margin-bottom: 0 !important;
      text-align: left !important;
      font-family: adelle-sans-condensed, sans-serif !important;
      font-style: normal;
      font-weight: 800 !important;
      font-size: 21px !important;
      line-height: 23px !important;
      color: #1f1f1f;
    }
  }
  
  @media screen and (max-width: 991px) {
    #readingGuide #honorable .more-insight-text {
      font-family: linotype-sabon, sans-serif !important;
      font-style: normal;
      font-weight: 400 !important;
      font-size: 17px !important;
      line-height: 20px !important;
      letter-spacing: -0.01em;
      color: #1f1f1f;
      margin-bottom: 30px;
      max-width: 100%;
    }
  
    .insights-wrapper {
      margin-bottom: 0;
    }
  }
  
  @media screen and (max-width: 991px) {
    .insights-row.pr-lg-0 {
      border-left: none !important;
      border-top: 1px solid #707070;
    }
  }
  
  @media screen and (max-width: 991px) {
    .insights-row .promo-box {
      margin-bottom: 0 !important;
    }
  }
  
  @media screen and (max-width: 991px) {
    .insights-wrapper .article-footer {
      margin-bottom: 5px !important;
    }
  }
  
  @media screen and (max-width: 991px) {
    .insight-box .promo {
      margin-top: 16px !important;
    }
  
    .insight-box .promo1 {
      margin-top: 16px !important;
    }
  
    .articleborder {
      margin-top: 40px !important;
    }
  }
  
  @media screen and (max-width: 991px) {
    .insights-row .insight-box h3 {
      font-family: adelle-sans-condensed, sans-serif !important;
      font-style: normal !important;
      font-weight: 800 !important;
      font-size: 22px !important;
      line-height: 26px !important;
      color: #000 !important;
      margin-bottom: 5px !important;
      margin-top: 10px;
      max-width: 100%;
    }
  
    .insights-row .insight-box p {
      max-width: 100%;
    }
  }
  
  @media screen and (max-width: 991px) {
    #readingGuide .topArticle-popup .popup-text .bottom-tag {
      display: none;
    }
  
    .mobile-bottom-tag {
      display: none !important;
    }
  }
  
  @media screen and (max-width: 991px) {
    .popup-mobile-btn {
      display: none !important;
    }
  
    .stay-connected {
      font-size: 24px !important;
    }
  }
  
  body,
  html {
    overflow-x: hidden;
  }
  
  body {
    position: relative;
  }
  
  .line-1 {
    width: 24em;
    margin: 0 auto;
    border-right: 1px solid rgba(255, 255, 255, 0.75);
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
  }
  
  .anim-typewriter {
    animation: typewriter 4s steps(44) 1s 1 normal both,
      blinkTextCursor 0.5s steps(44) infinite normal;
  }
  
  @keyframes typewriter {
    from {
      width: 0;
    }
  
    to {
      width: 27em;
    }
  }
  
  @keyframes blinkTextCursor {
    from {
      border-right-color: #699f00;
    }
  
    to {
      border-right-color: transparent;
    }
  }
  
  .stay-connected {
    font-family: adelle-sans, sans-serif !important;
    font-style: normal;
    font-weight: 700;
    font-size: 30px !important;
    line-height: 39px;
    text-align: center;
    color: #000;
  }
  
  .stayColumn {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding-top: 113px;
    padding-bottom: 113px;
    text-align: center;
  }
  
  .stay1 {
    color: #699f00;
  }
  
  a:hover {
    transition: all 0.3s linear;
  }
  
  #di-nav-menu .issue-hub .nav-quarter {
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 14px;
    letter-spacing: 0.01em;
    color: #000;
    padding-left: 13px;
    cursor: pointer;
  }
  
  .dicl-seperator {
    border-right: 1px solid #000;
    min-height: 35px;
    margin-right: 20px;
    margin-right: 20px;
    display: flex;
    align-items: center;
  }
  
  .mr-20 {
    margin-right: 20px;
  }
  
  .social-dropdown-menu.social-dropdown-open {
    /* display: flex; */
    display: block;
    position: absolute;
    z-index: 5;
    box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.15);
    background-color: #fff;
    list-style: none;
    padding: 10px 23px 0px 12px;
    margin: 7px 0 0;
    display: block;
    min-width: 150px;
    top: 33px;
    right: 35px;
  }
  
  .social-element {
    background: #1f1f1f;
    color: #fff;
    margin-right: 0.575em;
    display: inline-flex;
    width: 30px;
    height: 30px;
    font-size: 1.125em;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
  }
  
  .social-text {
    color: var(--dark-gray, #707070);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 36px;
    text-transform: capitalize;
    font-family: 'adelle-sans-condensed', 'serif' !important;
  }
  
  .social-dropdown-menu {
    display: none;
  }
  
  @media screen and (max-width: 991px) {
    .dicl-seperator {
      display: none !important;
    }
  
    #readingGuide .popup-content span.inactive-hover:hover::after {
      display: none !important;
    }
  }
  
  .editor-pic {
    margin-right: 20px;
  }
  
  .btn-comp-dark {
    font-family: adelle-sans, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 13px;
    line-height: 15px;
    text-transform: uppercase;
    background: #000;
    border: 2px solid #000;
    color: #fff;
    display: block;
    width: 100%;
    height: 52px;
    margin-top: 20px;
    margin-bottom: 20px;
  }
  
  @media screen and (min-width: 600px) {
    .btn-comp-dark {
      display: none;
    }
  
    .close {
      visibility: hidden;
    }
  
    .quarter-text-mobile {
      display: none;
    }
  }
  
  @media screen and (max-width: 991px) {
    #readingGuide .topArticle-popup .popup-content {
      box-shadow: none;
    }
  
    .btn-comp-dark {
      padding: 0;
    }
  
    .yourtop-subtitle {
      display: none;
    }
  
    .quarter-text-mobile {
      font-family: 'Open Sans', sans-serif;
      font-style: normal;
      font-weight: 700;
      font-size: 20px !important;
      line-height: 27px;
      text-align: center;
      color: #000;
      position: absolute;
      margin-top: 120px;
      margin-bottom: -50px;
    }
  
    #readingGuide #topArticle .largeArticle .largeArticle-image img {
      max-height: 257px;
      position: static;
    }
  
    #readingGuide #topArticle .smallArticle .smallArticle-image img {
      max-height: 257px;
    }
  
    #readingGuide .topArticle-popup .popup-image img {
      padding: 0 16px;
    }
  
    #readingGuide .topArticle-popup .popup-text {
      padding: 0 16px !important;
    }
  
    #readingGuide .topArticle-popup {
      padding: 16px 0;
    }
  
    #readingGuide .topArticle-popup.active {
      max-height: 590px;
    }
  
    .mb-16 {
      margin-bottom: 16px;
    }
  }
  
  .container:after,
  .container:before {
    content: none;
  }
  
  .text {
    font-family: adelle-sans, sans-serif !important;
    font-style: normal;
    font-weight: 350;
    font-size: 17px;
    line-height: 15px;
    text-align: right;
    text-transform: uppercase;
    color: #707070;
  }
  
  #readingGuide .popup-content span.inactive-hover {
    position: relative;
  }
  
  #readingGuide .popup-content span.inactive-hover:hover::after {
    content: '';
    display: block;
    width: 22px;
    height: 21px;
    position: absolute;
    z-index: 10;
    top: 0;
    background-size: contain !important;
    background: url(https://www2.deloitte.com/content/dam/insights/us/USI-dev/2022/july/your-top-10/assets/heart.svg) no-repeat;
  }
  
  @media only screen and (min-width: 728px) and (max-width: 1024px) {
    #connected .bl {
      border: none;
    }
  
    #readingGuide #topArticle .largeArticle .largeArticle-image img {
      min-height: 570px;
      position: static;
    }
  
    #readingGuide .topArticle-popup .popup-image img {
      min-height: 570px;
    }
  
    #readingGuide #topArticle .smallArticle .smallArticle-image img {
      min-height: 570px;
      position: static;
    }
  
    #di-nav-menu {
      position: fixed;
      width: 100%;
      z-index: 6;
      top: 0 !important;
    }
  
    .btn-comp-dark {
      font-family: adelle-sans, sans-serif;
      font-style: normal;
      font-weight: 700;
      font-size: 13px;
      line-height: 15px;
      text-transform: uppercase;
      background: #000;
      border: 2px solid #000;
      color: #fff;
      display: block;
      width: 100%;
      height: 52px;
      margin-top: 20px;
      margin-bottom: 20px;
    }
  
    #readingGuide #honorable .honorable-title {
      margin-bottom: 20px !important;
      padding-left: 8px;
    }
  
    .padding-left-0 {
      padding-left: 0 !important;
    }
  
    #readingGuide .topArticle-popup .popup-close {
      top: 0 !important;
    }
  }
  
  @media only screen and (min-width: 820px) and (max-width: 1180px) {
    #readingGuide #honorable .honorable-title {
      padding-left: 35px;
    }
  }
  
  #Ten,
  #smallTop {
    opacity: 1;
  }
  
  @media screen and (max-width: 576px) {
    #readingGuide #banner {
      height: calc(100vh - 120px);
    }
  
    #readingGuide .dinav-logo {
      display: none;
    }
  }
  
  @media screen and (min-width: 991px) {
    #readingGuide .topArticle-popup {
      max-height: 530px;
    }
  }
  
  @media screen and (max-width: 991px) and (min-width: 576px) {
    #readingGuide .topArticle-popup {
      max-height: calc(120vh - 450px);
    }
  
    #readingGuide .dinav-logo {
      display: none;
    }
  }
  
  #readingGuide #topArticle .largeArticle .largeArticle-image img {
    object-fit: cover;
  }
  
  #readingGuide .bottom-tag:hover {
    color: #26890d;
  }
  
  #readingGuide .dinav-logo {
    margin-right: 20px;
  }
  
  #readingGuide #topArticle .largeArticle-text img,
  #readingGuide #topArticle .smallArticle-text img {
    width: unset !important;
    height: unset !important;
  }
  
  #quarter-text {
    font-family: 'Open Sans', sans-serif !important;
    font-style: normal;
    font-weight: 700;
    font-size: 26px;
    line-height: 35px;
    color: #000;
  }
  
  #readingGuide #editor .editor-text p.lh-20 {
    line-height: 23px !important;
  }
  
  #readingGuide .quarter-text {
    font-family: adelle-sans-condensed, sans-serif;
    font-style: normal;
    font-weight: 350;
    font-size: 22px;
    line-height: 26px;
    color: #1f1f1f;
  }
  
  @media only screen and (min-width: 1024px) {
    #readingGuide .topArticle-popup .popup-image {
      min-height: 530px;
    }
  }
  
  .yourtop-subtitle {
    margin-bottom: 40px;
  }
  
  @media screen and (max-width: 991px) {
    #readingGuide .topArticle-popup .popup-close {
      top: 0 !important;
      right: 0 !important;
    }
  
    #readingGuide .topArticle-popup.active {
      padding-top: 50px !important;
    }
  
    #readingGuide #connected {
      padding-top: 30px;
      padding-bottom: 30px;
      background: #f8f8f8 !important;
    }
  
    #readingGuide #connected .row {
      margin-left: 0 !important;
      margin-right: 0 !important;
    }
  
    #readingGuide #connected .email-col-lg-3.padding-left-0 {
      padding-bottom: 16px;
      border: 0;
      border-bottom: 1px solid #707070;
      padding-left: 0 !important;
      padding-right: 0 !important;
    }
  
    #readingGuide #connected .email-col-lg-3.padding-left-0:last-child {
      border-bottom: 0 !important;
    }
  
    #readingGuide .topArticle-popup {
      transition: none !important;
    }
  
    #readingGuide #editor .editor-info p:first-child {
      line-height: 18px !important;
    }
  }
  
  #readingGuide .topArticle-popup.active .btn-comp-dark:hover {
    background-color: #000 !important;
  }
  
  #di-nav-menu .issue-hub span:hover {
    color: #26890d;
    text-decoration: none;
    transition: all 0.3s linear;
  }
  
  #readingGuide #banner .banner-content a {
    font-family: adelle-sans-condensed, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 22px;
    line-height: 21px;
    color: #1f1f1f;
    outline: 0;
    /* left: 60%;
      position: absolute; */
  }
  
  #readingGuide #banner .banner-btn-img {
    background-position: center center;
    margin-left: 10px;
    background-size: contain;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 4px;
  }
  
  #readingGuide #banner .banner-content a:hover {
    color: #26890d;
    text-decoration: none;
  }
  
  #readingGuide #topArticle .topArticle-title .pr-10 {
    padding-right: 10px;
  }
  
  #connected .br {
    border-right: 1px solid #707070;
    padding-left: 10px;
  }
  
  #readingGuide #banner .banner-content a:hover .banner-btn-img {
    filter: none;
  }
  
  .email-col-lg-3 {
    flex: auto;
    padding: 0 12px;
  }
  
  @media screen and (min-width: 992px) and (max-width: 1200px) {
    #readingGuide .email-col-lg-3 {
      flex: calc(50%);
      padding: 0 12px;
      margin-bottom: 1rem;
    }
  
    #readingGuide .email-col-lg-3:nth-child(3) {
      border-left: 0px;
    }
  }
  
  #explore-text {
    font-family: adelle-sans-condensed, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 22px;
    line-height: 21px;
    color: #1f1f1f;
  }
  
  #Explore {
    cursor: pointer;
  }
  
  #Explore #explore-text,
  #Explore #explore-arrow-wrapper #explore-arrow,
  #Explore #explore-arrow-wrapper {
    transition: all 300ms ease-in-out;
  }
  
  #Explore:hover #explore-text,
  #Explore:hover #explore-arrow-wrapper #explore-arrow {
    fill: #26890d;
    transition: all 300ms ease-in-out;
  }
  
  #Explore:hover #explore-arrow-wrapper {
    transform: scale(1.5);
  }
  
  .explore-tooltip {
    font-style: normal;
    fill: white;
    font-weight: 700;
    font-size: 13px;
    line-height: 13px;
    font-family: 'adelle-sans', sans-serif;
    border-radius: 4px;
  }
  
  #svg-tooltip {
    display: none;
  }
  
  #diclWrapper #dicl-sticky-menu {
    display: block !important;
  }
  
  /* #diclWrapper #dicl-sticky-menu.is-sticky .dicl-sticky-menu-container .sticky-menu-button {
    top: 60px;
    left: 0;
    position: fixed;
    transform: rotate(180deg);
  } */
  /* #diclWrapper .dicl-sticky-side-menu{
    left: 0;
  }  */
  #diclWrapper .social-sign-up {
    background-image: url(https://www2.deloitte.com/content/dam/insights/us/USI-dev/2023/october/di-mag-2024/assets/chevron-down-green.svg?nc=42);
    filter: brightness(0);
  }
  
  #di-nav-menu .nav-link.active,
  #di-nav-menu .nav-link,
  #di-nav-menu .nav-link.active,
  #di-nav-menu .nav-link:hover {
    text-decoration: none !important;
    text-transform: uppercase;
  }
  
  /*/////////////////////*/
  /*! CSS Used from: https://www2.deloitte.com/content/dam/insights/us/USI-dev/2023/january/pitching-machine/styles/masterStyle_v4.css */
  @media (min-width: 1200px) {
    #diclWrapper .container {
      max-width: 1574px;
    }
  }
  
  .fadesec {
    transition: opacity 150ms ease-in;
  }
  
  .fadeIn {
    opacity: 1;
    transition: opacity 150ms ease-in;
  }
  
  @media (min-width: 991px) {
    #diclWrapper .row {
      margin-right: -10px;
      margin-left: -10px;
    }
  
    #diclWrapper .col-10,
    #diclWrapper .col-12,
    #diclWrapper .col-lg-12,
    #diclWrapper .col-lg-4,
    #diclWrapper .col-lg-6 {
      padding-left: 10px !important;
      padding-right: 10px !important;
    }
  }
  
  #diclWrapper .article-bg-cyan {
    background-color: #e6ffff;
  }
  
  @media screen and (max-width: 991px) {
    #diclWrapper .dicl-menu-container {
      background-color: #e6ffff;
    }
  }
  
  /*! CSS Used fontfaces */
  
  #diclWrapper #newsletter .text {
    text-align: left;
  }
  
  #di-nav-menu .nav-link::after {
    display: none;
  }
  
  #diclWrapper .dicl-sticky-menu-container .sticky-menu-button,
  #diclWrapper .dicl-sticky-side-menu {
    position: fixed;
    top: 260px;
  }
  
  /* #diclWrapper .dicl-sticky-side-menu{
      left: 0;
    } */
  #diclWrapper .dicl-sticky-side-menu.showmenu {
    transform: translate(450px);
    transition: transform 300ms linear;
  }
  .nav-subscribe{
    display: none;
  }
  
  @media screen and (max-width:900px) {
    /* #diclWrapper .dicl-sticky-menu-container .sticky-menu-button {
      top: 0;
      transform: rotate(180deg);
    } */
  
    /* #diclWrapper #dicl-sticky-menu.is-sticky .dicl-sticky-menu-container .dicl-sticky-menu {
      top: -434px;
    }
  
    #diclWrapper .dicl-sticky-side-menu {
      top: -434px;
      left: 0px;
    } */
    #diclWrapper .dicl-sticky-menu-container .sticky-menu-button, #diclWrapper .dicl-sticky-side-menu{
      position: fixed;
      /* top: 0px; */
      left: 0;
    }
    #diclWrapper .dicl-sticky-side-menu{
      padding: 31px 31px 32px 32px;
    }
    #diclWrapper .dicl-sticky-side-menu .sticky-menu-close{
      left: 88%;
    }
    #di-nav-menu .nav-left{
      /* padding-top: 0; */
      display: none;
    }
    #diclWrapper .dicl-sticky-menu-container .sticky-menu-button{
      height: 45px;
    }
    #di-nav-menu .diNavHeader{
      height: 0px;
    }
  }

  
  @media screen and (min-width:992px) {
    .nav-subscribe {
      display: none;
    }

    #readingGuide .topArticle-popup,
    #readingGuide .topArticle-popup .popup-content,
    #readingGuide .topArticle-popup .popup-image {
      max-height: 695px !important;
      min-height: 695px !important;
    }

    #readingGuide .topArticle-popup .popup-text {
      padding: 131px 102px;
    }

    #readingGuide .topArticle-popup .popup-text .bottom-tag {
      padding-left: 102px;
    }

    #readingGuide #topArticle .largeArticle .largeArticle-image {
      max-height: 649px !important;
      min-height: 649px !important;
    }

    #readingGuide #topArticle .smallArticle .smallArticle-image {
      min-height: 282px !important;
      max-height: 282px !important;

    }

    #readingGuide #honorable .more-insight-text {
      max-width: 511px;
    }

    #readingGuide #topParallax {
      height: 350px !important;
      min-height: 350px !important;
    }

  }

  #diclWrapper #newsletter .section-heading h2 {
    padding-bottom: 46px;
  }

  #diclWrapper .nav-link:hover .social-sign-up {
    filter: unset;
  }

  #readingGuide #editor .editor-text {
    flex: 100%;
    max-width: 100%;
  }

  #diclWrapper #newsletter .elq-form input#submit:disabled:hover {
    color: #fff;
    border: unset;
  }

  #diclWrapper #newsletter .text {
    text-transform: unset;
    color: #000;
    font-family: adelle-sans, sans-serif !important;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
  }

  #country-insights-top10-newsletter-signup {
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    padding: 6px 12px;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 0;
    cursor: pointer;
    font-family: adelle-sans, sans-serif !important;
  }

  #newsletter #section-tos-insights-top10-newsletter-signup .form_rightcol_wrapper {
    display: flex;
  }

  #diclWrapper .social-sign-up {
    background-image: url("https://www2.deloitte.com/content/dam/insights/us/USI-dev/2022/october/top-10/assets/q1_2024/subscribe-icon.svg");
    height: 8.5px;
    width: 15px;
    margin-left: 5px;
  }

  @media screen and (max-width: 991px) {
    #readingGuide #connected {
      margin-bottom: 0px;
    }

    #readingGuide #honorable .honorable-title {
      margin-left: -15px;
    }
    #readingGuide #banner {
      height: unset;
  }
  #diclWrapper #dicl-sticky-menu.is-sticky .dicl-sticky-menu-container .sticky-menu-button{
    z-index: 15;
  }
  }

  #readingGuide #honorable {
    margin-top: 0px !important;
    padding-top: 40px;
  }

  #peers tspan{
    overflow: hidden; /* Ensures the content is not revealed until the animation */
    border-right: .15em solid black; /* The typwriter cursor */
    white-space: nowrap; /* Keeps the content on a single line */
    margin: 0 auto; /* Gives that scrolling effect as the typing happens */
    
    animation: typing 3.5s steps(40, end),
      blink-caret .75s step-end infinite;
  }
  
  /* The typing effect */
  @keyframes typing {
    from { width: 0 }
    to { width: 100% }
  }
  /* The typewriter cursor effect */
@keyframes blink-caret {
  from, to { border-color: transparent }
  50% { border-color: black; }
}

#newsletter .text :lang(en) {
  font-family: adelle-sans, sans-serif !important;
}
#diclWrapper #peers tspan,#diclWrapper #quarter tspan{
  font-family: linotype-sabon, sans-serif !important;

}