/* By Viktor Yankovskyi */

body:has(.header-ads-line) .hero {
    padding-top: 160px;
}

img {
    max-width: 100%;
}

img + noscript {
    display: none;
}

.hero .animated-image-wrapper {
    display: flex;
    width: 100%;
    height: 100%;
    position: relative;
}

.breadcrumbs__separator {
    color: #949ba8;
}

.blog-hero-title {
    font-size: 90px;
    line-height: 103px;
    color: #051634;
    margin-top: 15px;
}

.featured-section-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    height: 596px;
    margin: 0;
}

.featured-section-grid .featured-article {
    width: calc(67% - 10px);
    overflow: hidden;
}

.featured-section-grid .featured-article-wrapper {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
    text-decoration: none;
}

.featured-section-grid .featured-article-wrapper .main-image {
    transition: 0.3s ease;
}

.featured-section-grid .featured-article-wrapper:hover .main-image {
    transform: scale(1.05);
}

.featured-section-grid .featured-article-title {
    font-size: 26px;
    line-height: 31px;
    font-family: "Reaktif", sans-serif;
    font-weight: 400;
}

.featured-section-grid .featured-article-overlay {
    padding: 15px 30px;
}
.featured-section-grid .secondary-articles {
    width: calc(33% - 10px);
    gap: 12px;
}

.featured-section-grid .secondary-articles .secondary-article {
    max-height: initial;
    height: 100%;
}

.featured-section-grid .secondary-article-title {
    font-size: 26px;
    font-weight: 400;
    line-height: 31px;
    font-family: "Reaktif", sans-serif;
}

.featured-section-grid .secondary-article-overlay {
    padding: 15px 30px;
}

.blog-listing-header-search {
    border-radius: 12px;
    position: relative;
}

.blog-listing-header-search input::placeholder {
    font-style: italic;
    font-size: 16px;
    line-height: 21px;
    font-family: "Montserrat Italic";
}

.blog-listing-header-search:after {
    content: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.6 16.5996L13.538 13.5377M13.538 13.5377C14.9096 12.1662 15.7579 10.2714 15.7579 8.17856C15.7579 3.99282 12.3647 0.599609 8.17892 0.599609C3.99319 0.599609 0.599976 3.99282 0.599976 8.17856C0.599976 12.3643 3.99319 15.7575 8.17892 15.7575C10.2718 15.7575 12.1665 14.9092 13.538 13.5377Z' stroke='%23051634' stroke-width='1.2' stroke-linecap='round'/%3E%3C/svg%3E");
    position: absolute;
    right: 20px;
    top: 18px;
    width: 16px;
    height: 16px;
}

.blog-listing-posts {
    display: flex;
    flex-wrap: wrap;
    row-gap: 100px;
    column-gap: 20px;
}

.blog-listing-post {
    width: calc((100% / 3) - (40px / 3));
    display: flex;
    flex-direction: column;
}

.blog-listing-post-image {
    padding-bottom: 56%;
    width: 100%;
    position: relative;
    aspect-ratio: auto;
}

.blog-listing-post-image img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    transition: 0.3s ease;
}

.blog-listing-post .blog-post-link:hover .blog-listing-post-image img {
    transform: scale(1.05);
}

.blog-listing-post-meta {
    border: none;
    margin-top: auto;
}

.article-author .author-link span {
    font-size: 14px;
    line-height: 21px;
}

#page {
    min-height: 100vh;
    background: inherit;
    border-radius: 0px 0px 100px 100px;
    z-index: 1;
    position: relative;
}

.breadcrumbs__current,
.breadcrumbs__link {
    text-transform: initial;
}

.blog-listing-post-title {
    line-height: 1.3;
}

.blog-listing-post-meta {
    padding-right: 28px;
}

.blog-listing-post-excerpt {
    margin-bottom: 0;
}

.load-more-btn {
    margin-top: 60px;
    display: flex;
    margin-right: auto;
    margin-left: auto;
}

.blog-listing {
    padding-bottom: 60px;
}

.hero .animated-image-wrapper .image-preview {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.hero-chart img,
.hero-chart svg {
    max-height: 87px;
    object-fit: contain;
}


header .logo img {
    max-height: 35px;
    object-fit: contain;
}

.build-for {
    overflow: hidden;
}

.hero-tooltip-wrap svg {
    max-width: 100%;
}

.hero-tooltip-2-logo svg {
    width: 30px;
    height: 30px;
}

.hero-tooltip-2-content svg {
    position: absolute;
    bottom: 17px;
    right: 20px;
}