/* START - Pages Blog */
.page-blog {
    padding-top: 84px;
}
.page-blog p{
    margin-bottom: 1rem;
}
.page-blog-background {
    background-image: url(../img/background.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.page-blog .row {
    max-width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.page-blog .row>*{
    padding-right: 15px;
    padding-left: 15px;
}

@media screen and (min-width: 992px) {
.page-blog .col-lg-4 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
}

.page-blog .container-blog {
    max-width: 1270px;
    padding-inline: 15px;
    margin-left: auto;
    margin-right: auto;
}

.page-blog .btn-primary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #ff1d89;
    background: #ff1d89;
    border-radius: 20px;
    font-weight: 600;
    font-size: 16px;
    line-height: 1.25;
    color: #ffffff;
    padding: 10px calc(60px + -30 * (100vw - 320px) / 1600);
    -moz-box-shadow: 0 0 30px #ff1d89;
    -webkit-box-shadow: 0 0 30px #ff1d89;
    box-shadow: 0 0 30px #ff1d89;
}

@media screen and (min-width: 1920px) {
    .page-blog .btn-primary {
        padding: 10px 30px;
    }
}

.page-blog .btn-primary:hover,
.page-blog .btn-primary:active,
.page-blog .btn-primary:focus {
    color: #fbea10;
    border: 1px solid #ff1d89;
    background: #ff1d89;
}

.page-blog .section-blog {
    padding-top: calc(30px + 30 * (100vw - 320px) / 1600);
}

.page-blog .first-screen__content {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.page-blog .first-screen__content_primary-image {
    display: block;
    width: 100%;
}

.blog-detail-slider {
    position: relative;
    padding-top: 2rem;
    margin-bottom: 2rem;
}

.blog-detail-slider .container {
    max-width: 1500px;
}

@media screen and (min-width: 1024px) {
    .blog-detail-slider .container {
        padding: 0 50px;
    }
}

@media screen and (min-width: 1920px) {
    .blog-detail-slider {
        padding-top: 2rem;
        margin-bottom: 2rem;
    }
}

.blog-detail-slider__image {
    display: block;
    width: 100%;
    object-fit: cover;
    object-position: center center;
    border-radius: calc(12px + 24 * (100vw - 320px) / 1600);
    height: calc(250px + (692 - 250) * ((100vw - 320px) / (1920 - 320)));
}

@media screen and (min-width: 1920px) {
    .blog-detail-slider__image {
        border-radius: 36px;
        height: 692px;
    }
}

.blog-detail-content {
    padding-bottom: calc(60px + 60 * (100vw - 320px) / 1600);
}

@media screen and (min-width: 1920px) {
    .blog-detail-content {
        padding-bottom: 120px;
    }
}

.blog-detail-content .container {
    max-width: 1150px;
}

.blog-detail-content__title {
    color: #fff;
    font-weight: 700;
    line-height: 1.5;
    font-size: calc(25px + 15 * (100vw - 320px) / 1600);
    margin-bottom: calc(24px + 37 * (100vw - 320px) / 1600);
}

@media screen and (min-width: 1920px) {
    .blog-detail-content__title {
        margin-bottom: 61px;
        font-size: 40px;
    }
}

.blog-detail-content__desc {
    color: #fff;
    font-weight: 500;
    line-height: 1.56;
    font-size: calc(14px + 2 * (100vw - 320px) / 1600);
}

@media screen and (min-width: 1920px) {
    .blog-detail-content__desc {
        font-size: 16px;
    }
}

.section-blog {
    position: relative;
    font-weight: 500;
    z-index: 2;
    padding-bottom: calc(60px + 100 * (100vw - 320px) / 1600);
}

@media screen and (min-width: 1920px) {
    .section-blog {
        padding-bottom: 160px;
    }
}

.section-blog__title {
    color: #fff;
    font-weight: 700;
    line-height: 1.5;
    font-size: calc(25px + 15 * (100vw - 320px) / 1600);
    margin-bottom: calc(50px + 63 * (100vw - 320px) / 1600);
}

@media screen and (min-width: 1920px) {
    .section-blog__title {
        font-size: 40px;
    }
}

@media screen and (min-width: 1920px) {
    .section-blog__title {
        margin-bottom: 113px;
    }
}

.section-blog__cards {
    display: flex;
    flex-direction: column;
    gap: calc(32px + 24 * (100vw - 320px) / 1600);
}

@media screen and (min-width: 1920px) {
    .section-blog__cards {
        gap: 56px;
    }
}

.section-blog__card {
    text-decoration: none;
}

.section-blog__card .text-card__title {
    align-items: flex-start;
    margin-bottom: calc(20px + 24 * (100vw - 320px) / 1600);
    color: #fff;
    font-weight: 700;
}

@media screen and (min-width: 1920px) {
    .section-blog__card .text-card__title {
        margin-bottom: 44px;
    }
}

.section-blog__card .text-card__desc {
    color: #fff;
    font-weight: 500;
    line-height: normal;
    font-size: calc(14px + 2 * (100vw - 320px) / 1600);
}

@media screen and (min-width: 1920px) {
    .section-blog__card .text-card__desc {
        font-size: 16px;
    }
}

.section-blog__card_image {
    margin: 0 auto;
}

.section-blog__card_image img {
    border-radius: 46px;
    display: block;
    object-fit: cover;
    object-position: center center;
    height: calc(270px + (390 - 270) * ((100vw - 320px) / (1920 - 320)));
    width: 100%;
}

@media screen and (min-width: 1024px) {
    .section-blog__card_image img {
        height: 390px;
    }
}

/* END - Pages Blog */

/* START WIDGET all-museums*/
.all-museums {
    padding-bottom: calc(60px + 100 * (100vw - 320px) / 1600);
}

@media screen and (min-width: 1920px) {
    .all-museums {
        padding-bottom: 160px;
    }
}

.all-museums .container {
    max-width: 1310px;
}

.all-museums__title {
    color: #fff;
    text-align: center;
    font-weight: 700;
    line-height: 1.5;
    font-size: calc(24px + 16 * (100vw - 320px) / 1600);
    margin-bottom: calc(24px + 16 * (100vw - 320px) / 1600);
}

@media screen and (min-width: 1920px) {
    .all-museums__title {
        font-size: 40px;
        margin-bottom: 40px;
    }
}

.all-museums__desc {
    text-align: center;
    font-weight: 500;
    line-height: 156%;
    color: #fff;
    font-size: calc(14px + 2 * (100vw - 320px) / 1600);
    margin: 0;
}

@media screen and (min-width: 1920px) {
    .all-museums__desc {
        font-size: 16px;
    }
}

.all-museums__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #ff1d89;
    background: #ff1d89;
    border-radius: 20px;
    font-weight: 600;
    font-size: 16px;
    line-height: 1.25;
    color: #ffffff;
    padding: 0 32px;
    height: 34px;
    width: 100%;
    -moz-box-shadow: 0 0 30px #ff1d89;
    -webkit-box-shadow: 0 0 30px #ff1d89;
    box-shadow: 0 0 30px #ff1d89;
}

@media screen and (min-width: 375px) {
    .all-museums__btn {
        width: 292px;
    }
}

.all-museums__btn:hover,
.all-museums__btn:active,
.all-museums__btn:focus {
    color: #fbea10;
    border: 1px solid #ff1d89;
    background: #ff1d89;
}

.all-museums__content {
    overflow: hidden;
    box-shadow: 0 4px 100px 0 rgba(68, 8, 147, 0.09);
    background: rgba(255, 255, 255, 0.1);
    border-radius: calc(40px + 46 * (100vw - 320px) / 1600);
    padding-top: calc(20px + 30 * (100vw - 320px) / 1600);
    padding-bottom: calc(24px + 43 * (100vw - 320px) / 1600);
    padding-inline: calc(16px + 82 * (100vw - 320px) / 1600);
}

@media screen and (min-width: 1920px) {
    .all-museums__content {
        border-radius: 86px;
        padding-top: 50px;
        padding-bottom: 67px;
        padding-inline: 98px;
    }
}

.all-museums__cards {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin: -10px;
}

@media screen and (min-width: 768px) and (max-width: 1300px) {
    .all-museums__cards {
        margin-inline: auto;
        max-width: 770px;
    }
}

.all-museums__card {
    text-decoration: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 10px;
    gap: calc(16px + 8 * (100vw - 320px) / 1600);
}

@media screen and (min-width: 1920px) {
    .all-museums__card {
        gap: 24px;
    }
}

.all-museums__card_image-wrap {
    border-radius: 100%;
    overflow: hidden;
}

.all-museums__card_image-wrap img {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
    width: 256px;
    height: 256px;
}

.all-museums__card_title {
    text-decoration: none;
    font-weight: 700;
    margin-bottom: 0.5rem;
    font-size: 20px;
}

/* END WIDGET all-museums*/

/* Pagination styles */
.page-numbers {
    display: flex;
    justify-content: center;
    list-style: none;
    padding: 0;
    margin-block: 2rem;
    font-weight: 500;
}

.page-numbers li {
    margin: 0 5px;
}

.page-numbers a,
.page-numbers span {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 8px 14px;
    font-size: 16px;
    text-decoration: none;
    color: #fff;
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 4px;
    transition: all 0.3s ease;
    width: 40px;
    height: 40px;
}

@media screen and (max-width: 768px) {

    .page-numbers a,
    .page-numbers span {
        width: 30px;
        height: 30px;
    }
}

@media screen and (max-width: 1200px) {
    .page-blog {
        padding-top: 0;
    }
}

.page-numbers a:hover {
    background-color: #ff1d89;
    color: #fff;
    border-color: #ff1d89;
}

.page-numbers .current {
    background-color: #ff1d89;
    color: #fff;
    border-color: #ff1d89;
}

/* Blog Related Articles */
.blog-related-articles {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

@media screen and (min-width: 992px) {
    .blog-related-articles {
        flex-direction: row;
        flex-wrap: wrap;
        gap: 30px;
    }
}

.blog-related-articles__item {
    flex: 1 1 100%;
}

@media screen and (min-width: 992px) {
    .blog-related-articles__item {
        flex: 0 0 calc(33.333% - 20px);
        max-width: calc(33.333% - 20px);
        min-width: 0;
    }
}

.blog-related-articles__item .section-blog__card {
    display: block;
    height: 100%;
}

.blog-related-articles__item .section-blog__card_text {
    height: 100%;
}