@font-face {
   font-family: 'Oswald';
   font-style: normal;
   font-weight: 400;
   font-display: swap;
   src: url('./fonts/Oswald/400/cyrillic-ext.woff2') format('woff2');
   unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
   font-family: 'Oswald';
   font-style: normal;
   font-weight: 400;
   font-display: swap;
   src: url('./fonts/Oswald/400/cyrillic.woff2') format('woff2');
   unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
   font-family: 'Oswald';
   font-style: normal;
   font-weight: 400;
   font-display: swap;
   src: url('./fonts/Oswald/400/vietnamese.woff2') format('woff2');
   unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
@font-face {
   font-family: 'Oswald';
   font-style: normal;
   font-weight: 400;
   font-display: swap;
   src: url('./fonts/Oswald/400/latin-ext.woff2') format('woff2');
   unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
   font-family: 'Oswald';
   font-style: normal;
   font-weight: 400;
   font-display: swap;
   src: url('./fonts/Oswald/400/latin.woff2') format('woff2');
   unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
   font-family: 'Oswald';
   font-style: normal;
   font-weight: 600;
   font-display: swap;
   src: url('./fonts/Oswald/600/cyrillic-ext.woff2') format('woff2');
   unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
   font-family: 'Oswald';
   font-style: normal;
   font-weight: 600;
   font-display: swap;
   src: url('./fonts/Oswald/600/cyrillic.woff2') format('woff2');
   unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
   font-family: 'Oswald';
   font-style: normal;
   font-weight: 600;
   font-display: swap;
   src: url('./fonts/Oswald/600/vietnamese.woff2') format('woff2');
   unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
@font-face {
   font-family: 'Oswald';
   font-style: normal;
   font-weight: 600;
   font-display: swap;
   src: url('./fonts/Oswald/600/latin-ext.woff2') format('woff2');
   unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
   font-family: 'Oswald';
   font-style: normal;
   font-weight: 600;
   font-display: swap;
   src: url('./fonts/Oswald/600/latin.woff2') format('woff2');
   unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
   font-family: 'Poppins';
   font-style: normal;
   font-weight: 400;
   font-display: swap;
   src: url('./fonts/Poppins/400/latin-ext.woff2') format('woff2');
   unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
   font-family: 'Poppins';
   font-style: normal;
   font-weight: 400;
   font-display: swap;
   src: url('./fonts/Poppins/400/latin.woff2') format('woff2');
   unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
   font-family: 'Poppins';
   font-style: normal;
   font-weight: 500;
   font-display: swap;
   src: url('./fonts/Poppins/500/latin-ext.woff2') format('woff2');
   unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
   font-family: 'Poppins';
   font-style: normal;
   font-weight: 500;
   font-display: swap;
   src: url('./fonts/Poppins/500/latin.woff2') format('woff2');
   unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
   font-family: 'Mona Sans';
   font-style: normal;
   font-weight: 400;
   font-display: swap;
   src: url('./fonts/Mona-Sans/Mona-Sans-Regular.woff2') format('woff2');
}

.breadcrumbs {
	display: flex;
	flex-wrap: wrap;
	position: relative;
	z-index: 3;
}
.breadcrumbs__item {
   color: #4B4B4B;
   font-family: 'Poppins', sans-serif;
   font-size: 14px;
   font-weight: 400;
   line-height: 22px;
	list-style: none;
	position: relative;
}
.breadcrumbs__item:not(:last-child)::after {
   bottom: 1px;
   color: #4B4B4B;
   content: '/';
   display: inline-block;
   left: 0;
   margin: 0 9px;
   position: relative;
   top: 0;
   width: 8px;
}
.breadcrumbs__link {
	color: rgba(0, 0, 0, 0.50);
}
.breadcrumbs__name {
   color: #000;
}

.update-blog {
   padding-bottom: 171px;
}
.update-blog .blog__holder {
   margin-top: 42px;
}
.update-blog .blog__sidebar {
   margin-top: -4px;
}
.update-blog .blog__inners {
   margin: 0 -49px;
}

.blog__categories {
   padding-top: 21px;
}
.blog__categories ul {
   display: flex;
   flex-wrap: wrap;
}
.blog__categories ul li {
   color: #2B2B2B;
}
.blog__categories ul li:not(:last-child) {
   margin-right: 39px;
}
.blog__categories ul li::after {
   background-color: transparent;
   content: '';
   display: block;
   height: 1px;
   margin-top: -5px;
   width: 100%;
}
.blog__categories ul li.active::after {
   background-color: #FF0871;
}
.blog__categories ul li.active {
   color: #FF0871;
}
.blog__categories ul li:hover {
   color: #FF0871;
}
.blog__categories ul li a {
   color: inherit;
   font-family: 'Oswald', sans-serif;
   font-size: 20px;
   font-weight: 400;
   line-height: 29.64px;
   text-transform: capitalize;
   transition: 0.3s;
}

.blog__previews {
   display: flex;
   flex-wrap: wrap;
   overflow: hidden;
   margin: -4px -20px 0;
   position: relative;
}
.blog__previews::after {
   background-color: #fff;
   content: '';
   display: block;
   height: 100%;
   position: absolute;
   right: -5px;
   top: 0;
   width: 25px;
}
.blog__preview {
   margin-left: 20px;
   margin-right: 20px;
   position: relative;
   width: calc(33.3333% - 40px);
}
.blog__preview:nth-child(1)::before,
.blog__preview:nth-child(2)::before,
.blog__preview:nth-child(3)::before {
   display: none;
}
.blog__preview:nth-child(1) .blog__previewLogo,
.blog__preview:nth-child(2) .blog__previewLogo,
.blog__preview:nth-child(3) .blog__previewLogo {
   top: 7px;
}
.blog__preview::before {
   background-color: #D9D9D9;
   content: '';
   display: block;
   height: 1px;
   margin: 38px 0 40px;
   width: calc(100% + 40px);
}
.blog__previewBlogImage {
   border-radius: 8px;
   margin-bottom: 15px;
   padding-bottom: 62.3%;
   position: relative;
}
.blog__previewBlogImage img {
   border-radius: inherit;
   left: 0;
   height: 100%;
   object-fit: cover;
   position: absolute;
   top: 0;
   width: 100%;
}
.blog__previewLogo {
   left: 3%;
   position: absolute;
   pointer-events: none;
   top: 86px;
   z-index: 2;
}
.blog__previewCategory {
   border-radius: 12px;
   display: table;
   padding: 3px 8px;
}
.blog__previewCategory p {
   color: #F5F5F5;
   font-family: 'Poppins', sans-serif;
   font-size: 14px;
   font-weight: 400;
   line-height: 21px;
   margin: 0;
   text-transform: capitalize;
}
.blog__previewCategory.fundamental {
   background-color: #00A7B2;
}
.blog__previewCategory.mental-skill {
   background-color: #6710FF;
}
.blog__previewCategory.podcast {
   background-color: #FF4D9E;
}
.blog__previewCategory.technical-skill {
   background-color: #E9C10F;
}
.blog__previewCategory.technical-skill p {
   color: #000;
}
.blog__previewCategory.pre-market-prep {
   background-color: #256BE4;
}
.blog__previewCategory.ttp-trader-interview {
   background-color: #EB0064;
}
.blog__previewBlockTitle {
   padding-top: 15px;
}
.blog__previewBlockTitle h1,
.blog__previewBlockTitle h2,
.blog__previewBlockTitle h3,
.blog__previewBlockTitle h4,
.blog__previewBlockTitle h5,
.blog__previewBlockTitle h6 {
   color: #2B2B2B;
   font-family: 'Oswald', sans-serif;
   font-size: 24px;
   font-weight: 600;
   line-height: 32px;
   overflow: hidden;
   text-overflow: ellipsis;
   display: -moz-box;
   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
   text-transform: capitalize;
}
.blog__previewBlockTitle a {
   color: inherit;
}
.blog__previewExcerpt {
   padding-bottom: 23px;
   padding-top: 16px;
}
.blog__previewExcerpt p {
   color: #2B2B2B;
   font-family: 'Poppins', sans-serif;
   font-size: 16px;
   font-weight: 400;
   line-height: 20px;
   overflow: hidden;
   text-overflow: ellipsis;
   display: -moz-box;
   display: -webkit-box;
   -webkit-line-clamp: 3;
   -webkit-box-orient: vertical;
}
.blog__previewBottom {
   display: flex;
   justify-content: space-between;
}
.blog__previewBottom a {
   color: #00A7B2;
   font-family: 'Poppins', sans-serif;
   font-size: 16px;
   font-weight: 500;
   line-height: 20px;
   margin-right: 8px;
   text-transform: capitalize;
}
.blog__previewBottom p {
   color: #2B2B2B;
   font-family: 'Poppins', sans-serif;
   font-size: 14px;
   font-weight: 400;
   line-height: 20px;
   margin-left: 8px;
}

.update-blog .pagination-block {
   margin-top: 61px;
}
.update-blog .pagination-block .page-numbers {
   margin-left: 10px;
   margin-right: 10px;
}
.update-blog .pagination-block .page-numbers.current,
.update-blog .pagination-block .page-numbers.prev,
.update-blog .pagination-block .page-numbers.next {
   margin-left: 0;
   margin-right: 0;
}
.update-blog .articles-pagination .page-numbers {
   justify-content: center;
   max-width: 100%;
}
.update-blog .pagination-block .page-numbers {
   border-radius: 6px;
   color: #000;
   font-family: 'Mona Sans';
   font-size: 14px;
   font-weight: 400;
   line-height: 23px;
   text-align: center;
}
.update-blog .pagination-block .page-numbers.current {
   background: none;
   border: 1px solid #256BE4;
   color: #256BE4 !important;
}

@media (max-width: 1599.98px) {

   .blog__previews {
      margin: -4px -10px 0;
   }
   .blog__previews::after {
      right: -2px;
      width: 10px;
   }
   .blog__preview {
      margin-left: 10px;
      margin-right: 10px;
      width: calc(33.3333% - 20px);
   }
}
@media (min-width: 1400px) {

   .update-blog .blog__inners {
      margin-left: 0px;
   }
}
@media (max-width: 1399.98px) {

   .update-blog .blog__inners {
      margin-left: 0;
   }
}
@media (max-width: 1250.98px) {

   .update-blog .blog__inners {
      margin-right: 0;
   }
}
@media (max-width: 1099.98px) {
   
   .update-blog {
      padding-bottom: 50px;
   }

   .blog__categories ul li:not(:last-child) {
      margin-right: 30px;
   }

   .blog__preview:nth-child(3)::before {
      display: block;
   }
   .blog__previewLogo,
   .blog__preview:nth-child(3) .blog__previewLogo {
      top: 69px;
   }
   .blog__preview::before {
      background-color: #D9D9D9;
      content: '';
      display: block;
      height: 1px;
      margin: 25px 0 35px;
      width: calc(100% + 40px);
   }
   .blog__preview:last-child::after {
      background-color: #ffffff;
      content: '';
      display: block;
      height: 4px;
      margin: 25px 0 35px;
      position: absolute;
      left: 100%;
      top: -2px;
      width: 60px;
   }

   .blog__preview {
      width: calc(50% - 20px);
   }
}

@media (min-width: 1024px) {

   .breadcrumbs,
   .select {
      display: none;
   }
}
@media (max-width: 1023.98px) {

   .blog__categories {
      align-items: center;
      display: flex;
      margin-bottom: 45px;
   }
   .blog__categories nav {
      display: none;
   }
   .select {
      margin-right: 20px;
      width: calc(41% - 20px);
      text-transform: capitalize;
   }
   form {
      width: 59%;
   }
}

@media (max-width: 575.98px) {

   .blog__previewCategory {
      border-radius: 63px;
      padding: 9.5px 26px 8.5px;
   }

   .blog__previewBlockTitle {
      padding-top: 9px;
   }

   .blog__previewBlockTitle h1,
   .blog__previewBlockTitle h2,
   .blog__previewBlockTitle h3,
   .blog__previewBlockTitle h4,
   .blog__previewBlockTitle h5,
   .blog__previewBlockTitle h6 {
      font-size: 20px;
   }

   .blog__previewExcerpt {
      padding-bottom: 24px;
      padding-top: 12px;
   }
   .blog__previewExcerpt p {
      font-size: 14px;
   }
}

@media (max-width: 480.98px) {
   
   .update-blog {
      padding-bottom: 50px;
   }
   .update-blog .blog__content {
      padding-bottom: 8px;
      padding-top: 9px;
   }

   .blog__categories {
      padding-top: 14px;
   }

   .blog__preview:nth-child(2)::before {
      display: block;
   }
   .blog__previewLogo,
   .blog__preview:nth-child(2) .blog__previewLogo,
   .blog__preview:nth-child(3) .blog__previewLogo {
      top: 70px;
   }
   .blog__preview:nth-child(1) .blog__previewLogo {
      top: 8px;
   }
   .blog__preview::before {
      background-color: #f5f5f5;
      margin: 30px 0 31px;
      width: 100%;
   }
   .blog__preview:last-child::after {
      background-color: #ffffff;
      content: '';
      display: block;
      height: 4px;
      margin: 25px 0 35px;
      position: absolute;
      left: 100%;
      top: -2px;
      width: 60px;
   }
   .blog__previews {
      margin: 0;
   }
   .blog__previews::after {
      display: none;
   }
   .blog__preview {
      margin-left: 0;
      margin-right: 0;
      width: 100%;
   }
   .blog__previewBlogImage {
      margin-bottom: 10px;
      padding-bottom: 59.6%;
   }

   .update-blog .pagination-block {
      margin-top: 31px;
   }
}