.progress-bar { width: 100%; height: 10px; background: #E9EBF0; position: absolute; margin-top: 61px; }

@media (max-width: 991px) { .progress-bar { margin-top: 50px; } }

.progress-bar .progress { position: absolute; top: 0; left: 0; height: 10px; background-color: #22366A; transition: all linear 0.1s; min-width: 1%; }

.progress-bar.showElementsSticky { position: fixed; top: 0; left: 0; z-index: 9999; margin-top: 0; }

.progress-bar.progress-bar-finshed { opacity: 0; }

article { margin-top: 100px; }

article h2.yellow { color: #C88C32 !important; }

@media (max-width: 991px) { .blog-article { margin-top: 42px; } }

@media (min-width: 992px) { .blog-article { margin-top: 41px; } }

.blog-article .section-heading { color: #22366A; font-weight: 800; letter-spacing: -0.03em; }

@media (max-width: 991px) { .blog-article .section-heading { margin-bottom: 2rem; } }

.blog-article .section-heading em { color: #C88C32; }

@media (min-width: 992px) { .blog-article .section-heading { font-size: 62px; line-height: 58px; } }

@media (max-width: 991px) { .blog-article .section-heading { font-size: 32px; line-height: 30px; } }

.blog-article .view-share-icons { position: absolute; top: 0; right: 0; opacity: 0; transition: opacity .5s ease; z-index: 11; cursor: pointer; width: 52px; height: 52px; }

.blog-article .view-share-icons.show { opacity: 1; transition: opacity .5s ease; }

.blog-article .view-share-icons.show ul li { display: block !important; }

.blog-article .view-share-icons ul li { display: none !important; background: #22366A; padding: 16px; margin-top: 1px; }

.blog-article .view-share-icons ul li:first-child { background: #4E5E88; margin-top: 0; }

.blog-article .view-share-icons ul li a { filter: invert(100%) sepia(100%) saturate(2%) hue-rotate(322deg) brightness(103%) contrast(101%); }

.blog-article .view-share-icons ul li:last-child a { filter: none; }

@media (min-width: 992px) { .blog-article .blog-content-basic-info { margin-top: 50px; } }

.blog-article .blog-content-basic-info div { position: relative; }

@media (min-width: 992px) { .blog-article .blog-content-basic-info div { max-width: 770px; } }

.blog-article .blog-content-basic-info div .aside-button { bottom: 0; top: auto; }

.blog-article .blog-content-basic-info div .view-share-icons { position: absolute; bottom: 0; top: auto; }

.blog-article .blog-content-grid { display: grid; }

@media (min-width: 992px) { .blog-article .blog-content-grid { grid-template-columns: 70% 30%; margin-top: 60px; } }

@media (max-width: 991px) { .blog-article .blog-content-grid { grid-template-columns: 100%; } }

@media (min-width: 992px) { .blog-article .article-text-wrapper { margin-top: 35px; max-width: 680px; } }

@media (min-width: 992px) and (max-width: 1199px) { .blog-article .article-text-wrapper { max-width: 480px; } }

.blog-article .blog-content-logo-text { display: flex; }

@media (min-width: 992px) { .blog-article .blog-content-logo-text { margin-top: 9px; } }

@media (max-width: 991px) { .blog-article .blog-content-logo-text { margin-top: 13px; } }

.blog-article .blog-content-logo-text-item { display: flex; margin-right: 17px; align-items: center; }

.blog-article .blog-content-logo-text-item .inline-icons { cursor: default; }

.blog-article .blog-content-logo-text-item p { color: #22366ab3; font-size: 12px; line-height: 16px; margin-left: 4px; margin-bottom: 0; }

.blog-article .share-icon { filter: invert(1); }

.blog-article .blog-content-by-text { border-bottom: 1px solid #D3D7E1; padding-bottom: 8px; position: relative; color: #22366A; font-size: 14px; line-height: 18px; margin-bottom: 0; }

@media (min-width: 992px) { .blog-article .blog-content-by-text { max-width: 770px; } }

.blog-article .blog-content-by-text ul { display: inline-block; }

@media (max-width: 767px) { .blog-article .blog-content-by-text ul { max-width: 214px; } }

@media (min-width: 768px) and (max-width: 991px) { .blog-article .blog-content-by-text ul { max-width: 400px; } }

.blog-article .blog-content-by-text ul li { color: #22366ab3; font-size: 14px; line-height: 18px; padding-right: 6px; padding-left: 6px; }

@media (min-width: 992px) { .blog-article .blog-content-by-text ul li { border-right: 1px solid #22366ab3; }
  .blog-article .blog-content-by-text ul li:last-of-type { border-right: none; } }

@media (max-width: 991px) { .blog-article .blog-content-by-text ul li { border-left: 1px solid #22366ab3; margin-bottom: 4px; }
  .blog-article .blog-content-by-text ul li:first-of-type { border-left: none; padding-left: 0; } }

.blog-article .bookmark { vertical-align: text-bottom; }

@media (max-width: 991px) { .blog-article .bookmark { margin-left: 24px; } }

@media (max-width: 991px) { .blog-article .bookmark { position: absolute; margin-left: 7px; } }

.blog-article .article-share-button { position: absolute; right: 0px; bottom: 0px; background: #22366A; padding: 16px; }

.blog-article .article-share-button .share-icon { filter: invert(0); }

@media (min-width: 992px) { .blog-article .image-wrapper { margin-top: 35px; } }

@media (max-width: 991px) { .blog-article .image-wrapper { margin-top: 1.875rem; } }

.blog-article .image-bottom-text { font-size: 14px; line-height: 18px; color: #909AB4; }

@media (min-width: 992px) { .blog-article .image-bottom-text { margin-top: 10px; } }

@media (max-width: 991px) { .blog-article .image-bottom-text { margin-top: 4px; } }

@media (min-width: 992px) { .blog-article .blog-content-links { margin-top: 60px; margin-bottom: 60px; } }

@media (max-width: 991px) { .blog-article .blog-content-links { margin-top: 3rem; margin-bottom: 2.5rem; } }

.blog-article .blog-content-links ul li { position: relative; display: block; }

.blog-article .blog-content-links ul li a { font-size: 16px; line-height: 20px; color: #C88C32; letter-spacing: -0.011em; border-bottom: 1px solid #E3C598; font-weight: 700; }

@media (min-width: 992px) { .blog-article .blog-content-links ul li a { min-width: 387px; padding: 8px 0 10px 0; margin-left: 8px; } }

@media (max-width: 991px) { .blog-article .blog-content-links ul li a { padding: 9px 0; min-width: 100%; margin-left: 20px; } }

@media (min-width: 768px) and (max-width: 991px) { .blog-article .blog-content-links ul li a { min-width: 380px; } }

@media (min-width: 992px) { .blog-article .blog-content-links ul li { max-width: 413px; } }

@media (max-width: 991px) { .blog-article .blog-content-links ul li { max-width: 83.333vw; } }

@media (max-width: 991px) { .blog-article .blog-content-links ul li span { position: absolute; top: 35%; } }

.blog-article .blog-content-links .arrow-left { margin-left: 0; filter: invert(73%) sepia(73%) saturate(979%) hue-rotate(334deg) brightness(83%) contrast(87%); }

.blog-article p { color: #647297; margin-bottom: 20px; }

@media (min-width: 992px) { .blog-article p { max-width: 675px; } }

.blog-article .blog-content-summary { margin-top: 20px; }

.blog-article .blog-content-link { font-size: 16px; line-height: 20px; letter-spacing: -0.011em; color: #22366A; font-weight: 700; text-decoration: underline; }

@media (min-width: 992px) { .blog-article .blog-content-link { margin: 12px 0 0; } }

@media (max-width: 991px) { .blog-article .blog-content-link { margin-top: 20px; } }

@media (max-width: 991px) { .blog-article .blog-content-article-item { margin-top: 2.5rem; } }

.blog-article h2, .blog-article h3, .blog-article h4, .blog-article h5, .blog-article h6 { margin-bottom: 8px; font-weight: 700; color: #22366A; }

@media (min-width: 992px) { .blog-article h2, .blog-article h3, .blog-article h4, .blog-article h5, .blog-article h6 { margin-top: 32px; letter-spacing: -0.011em; } }

@media (max-width: 991px) { .blog-article h2, .blog-article h3, .blog-article h4, .blog-article h5, .blog-article h6 { margin-top: 40px; } }

@media (min-width: 992px) { .blog-article h2 { font-size: 24px; line-height: 28px; } }

@media (max-width: 991px) { .blog-article h2 { font-size: 16px; line-height: 20px; } }

@media (min-width: 992px) { .blog-article h3 { font-size: 20px; line-height: 22px; } }

@media (max-width: 991px) { .blog-article h3 { font-size: 14px; line-height: 16px; } }

@media (min-width: 992px) { .blog-article h4 { font-size: 16px; line-height: 20px; } }

@media (max-width: 991px) { .blog-article h4 { font-size: 12px; line-height: 16px; } }

.blog-article h5 { color: #C88C32; }

@media (min-width: 992px) { .blog-article h5 { font-size: 14px; line-height: 16px; } }

@media (max-width: 991px) { .blog-article h5 { font-size: 12px; line-height: 16px; } }

.blog-article h6 { font-size: 12px; line-height: 14px; color: #C88C32; letter-spacing: normal; }

.blog-article .blog-content-article-list { list-style-type: decimal; margin-left: 20px; margin-top: 20px; }

.blog-article .blog-content-article-list li { font-size: 16px; line-height: 20px; letter-spacing: -0.011em; color: #647297; }

.blog-article .blog-content-footer-tags { display: flex; margin-top: 40px; padding-top: 40px; border-top: 1px solid #BDC3D2; }

@media (min-width: 992px) { .blog-article .blog-content-footer-tags { flex-wrap: wrap; } }

@media (min-width: 992px) { .blog-article .blog-content-footer-tags p { margin-right: 20px; } }

@media (max-width: 991px) { .blog-article .blog-content-footer-tags p { margin-bottom: 0; margin-right: 18px; } }

.blog-article .blog-content-footer-tags p:last-child { margin-right: 0; }

.blog-article .blog-content-footer-tags p:hover { font-weight: 700; }

@media (max-width: 991px) { .blog-article .blog-content-footer-tags { white-space: normal; overflow-x: scroll; overflow-y: hidden; } }

.blog-article .blog-content-footer-tags::-webkit-scrollbar { display: none; }

.blog-article .blog-content-author-description { position: relative; display: grid; grid-template-columns: 100px 1fr; }

@media (min-width: 992px) { .blog-article .blog-content-author-description { margin-top: 28px; } }

@media (max-width: 991px) { .blog-article .blog-content-author-description { margin-top: 2rem; } }

.blog-article .blog-content-author-section { margin-top: 80px; border-bottom: 1px solid #D3D7E1; }

@media (min-width: 992px) { .blog-article .blog-content-author-section { padding-bottom: 20px; } }

@media (max-width: 991px) { .blog-article .blog-content-author-section { padding-bottom: 32px; } }

.blog-article .blog-content-author-section .section-small-heading { color: #22366A; font-size: 16px; line-height: 20px; letter-spacing: 0.15em; margin-bottom: 26px; }

.blog-article .blog-content-info-image { display: flex; }

@media (max-width: 991px) { .blog-article .blog-content-info-image { min-height: 8.813rem; } }

@media (max-width: 991px) { .blog-article .image-wrapper-author { min-width: 6.25rem; } }

.blog-article .author-name-section { background: #F5F9FB; }

@media (min-width: 992px) { .blog-article .author-name-section { padding: 9px 70px 11px 26px; height: fit-content; position: absolute; top: 0; grid-column: 2/3; justify-self: start; } }

@media (min-width: 992px) and (max-width: 1199px) { .blog-article .author-name-section { padding: 20px 70px 20px 26px; } }

@media (max-width: 991px) { .blog-article .author-name-section { padding: 26px 20px 28px 20px; } }

@media (min-width: 768px) and (max-width: 991px) { .blog-article .author-name-section { padding: 50px 60px 28px 30px; } }

.blog-article .author-name-designation { color: #647297; margin-bottom: 0; }

.blog-article .author-name-designation em { color: #22366A; font-weight: 700; font-size: 18px; }

@media (min-width: 992px) { .blog-article .author-name-designation em { margin-right: 30px; } }

@media (max-width: 991px) { .blog-article .author-name-designation em { display: block; } }

@media (min-width: 992px) and (max-width: 1199px) { .blog-article .author-name-designation em { display: block; } }

@media (min-width: 992px) { .blog-article .author-description { max-width: 494px; margin: 60px 0 0 27px; } }

@media (min-width: 992px) and (max-width: 1199px) { .blog-article .author-description { margin: 100px 0 0 27px; } }

@media (max-width: 991px) { .blog-article .author-description { margin-top: 20px; grid-column: 1/3; } }

.blog-article .author-description p { margin-bottom: 20px; }

.blog-article .author-description p:last-child { margin-bottom: 0; }

.blog-article .blog-content-questions { position: relative; }

@media (min-width: 992px) { .blog-article .blog-content-questions { margin-top: 20px; } }

@media (max-width: 991px) { .blog-article .blog-content-questions { margin-top: 2rem; } }

.blog-article .blog-content-questions ol { margin-top: 14px; list-style: decimal; margin-left: 20px; }

@media (max-width: 991px) { .blog-article .blog-content-questions ol { margin-left: 0; } }

.blog-article .blog-content-questions ol li { font-size: 14px; line-height: 28px; color: #22366A; font-weight: 700; }

.blog-article .blog-content-questions ol li a { text-decoration: underline; }

@media (max-width: 991px) { .blog-article .blog-content-questions ol li { list-style: none; counter-increment: foo; display: table-row; }
  .blog-article .blog-content-questions ol li::before { content: counter(foo) "."; display: table-cell; text-align: right; padding-right: .3em; vertical-align: top; } }

.blog-article .blog-content-questions .seeall { position: absolute; right: 0; top: 0; font-size: 14px; line-height: 18px; color: #22366A; }

.blog-article .blog-content-questions .seeall .arrow-left { filter: invert(1); }

.blog-article .blog-content-title { font-size: 14px; line-height: 18px; color: #22366A; }

@media (max-width: 991px) { .blog-article aside { margin-top: 5rem; } }

.blog-article .filter-btn { margin-bottom: 20px !important; }

.blog-article .aside-filter-section-text { font-size: 20px; line-height: 22px; color: #22366A; letter-spacing: -0.011em; font-weight: 700; }

@media (min-width: 992px) { .blog-article .aside-filter-section-text { margin-bottom: 24px; } }

.blog-article .btn { margin-right: 18px; margin-bottom: 0px; color: #22366A; background: white; border: 1px solid #909AB4; }

@media (max-width: 991px) { .blog-article .btn:last-child { margin-bottom: 0; } }

.blog-article .article-banner { position: relative; }

.blog-article .article-banner h2 { font-weight: 700; }

@media (min-width: 992px) { .blog-article .article-banner h2 { font-size: 24px; line-height: 28px; letter-spacing: -0.03em; } }

@media (max-width: 991px) { .blog-article .article-banner h2 { font-size: 20px; line-height: 22px; letter-spacing: -0.011em; } }

@media (min-width: 992px) { .blog-article .article-banner { margin: 0; margin-top: 60px; margin-bottom: 24px; } }

@media (min-width: 768px) and (max-width: 991px) { .blog-article .article-banner { margin-left: 0; } }

@media (max-width: 991px) { .blog-article .article-banner { margin-bottom: 20px; } }

.blog-article .article-banner h3 { color: #22366A; }

@media (min-width: 992px) { .blog-article .article-banner h3 { font-size: 24px; } }

@media (max-width: 991px) { .blog-article .article-banner h3 { font-size: 20px; line-height: 22px; font-weight: 800; letter-spacing: -0.011em; } }

.blog-article .blogs-item button { border: none; }

@media (min-width: 768px) and (max-width: 991px) { .blog-article .blogs-item { display: grid; grid-template-columns: 1fr 1fr; grid-column-gap: 20px; } }

@media (min-width: 992px) { .blog-article .blogs-item { margin-bottom: 120px; } }

.blog-article .blogs-item div:last-of-type { margin-bottom: 0; }

@media (max-width: 991px) { .blog-article .blogs-item { margin-top: 80px; } }

@media (min-width: 768px) and (max-width: 991px) { .blog-article .blogs-item .article-banner { grid-column: 1/3; } }

.blog-article .article-grid-item { max-width: 21.688rem; position: relative; }

.blog-article .article-grid-item a { display: block; }

@media (max-width: 991px) { .blog-article .article-grid-item { min-width: 18.25rem; margin-bottom: 2.875rem; } }

@media (min-width: 768px) and (max-width: 991px) { .blog-article .article-grid-item { margin-bottom: 0; min-width: 12.25rem; } }

@media (min-width: 992px) { .blog-article .article-grid-item { margin-bottom: 68px; } }

.blog-article .article-grid_small-heading { font-size: 12px; line-height: 20px; letter-spacing: 0.15em; color: #22366A; display: block; margin: 10px 0 0 0; text-transform: uppercase; }

@media (min-width: 992px) { .blog-article .article-grid_small-heading { margin: 12px 0px 0px 0px; } }

.blog-article .article-grid_bold-heading { margin: 8px 0px 0px 0px; font-size: 16px; line-height: 20px; letter-spacing: -0.011em; font-weight: 700; color: #22366A; }

@media (min-width: 992px) { .blog-article .article-grid_bold-heading { margin: 8px 0px 0px 0px; } }

.blog-article .article-grid_bottom-text { font-size: 14px; line-height: 18px; color: #647297; margin: 8px 0px 0px 0px; }

.blog-article .article-grid-image-wrapper { position: relative; overflow: hidden; height: 0; padding-bottom: 74.22%; }

.blog-article .article-grid-image-wrapper img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.blog-article .aside-button { position: absolute; right: 0px; top: 0px; bottom: unset; background: #22366A; padding: 16px; z-index: 2; }

.blog-article .article-play-button { position: absolute; left: 0px; bottom: 0px; padding: 16px; background: #C88C32; }

.blog-article .trending { position: absolute; left: 0px; top: 0px; }

.blog-article .btn-blue { margin-top: 40px; }