.section-title {
    font-size: 60px
}

@media only screen and (max-width: 1919px) {
    .section-title {
        font-size: 55px
    }
}

@media only screen and (max-width: 1199px) {
    .section-title {
        font-size: 40px
    }
}

@media only screen and (max-width: 991px) {
    .section-title {
        font-size: 35px
    }
}

@media only screen and (max-width: 767px) {
    .section-title {
        font-size: 30px
    }
}

.section-title.large {
    font-size: 90px
}

@media only screen and (max-width: 1919px) {
    .section-title.large {
        font-size: 70px
    }
}

@media only screen and (max-width: 1199px) {
    .section-title.large {
        font-size: 60px
    }
}

@media only screen and (max-width: 991px) {
    .section-title.large {
        font-size: 40px
    }
}

@media only screen and (max-width: 767px) {
    .section-title.large {
        font-size: 30px
    }
}

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

    .font-heading-colasta-bold h1,
    .font-heading-colasta-bold h2,
    .font-heading-colasta-bold h3,
    .font-heading-colasta-bold h4,
    .font-heading-colasta-bold h5,
    .font-heading-colasta-bold h6 {
        line-height: 1.1
    }
}

.section-spacing {
    padding-top: 200px;
    padding-bottom: 200px
}

@media only screen and (max-width: 1919px) {
    .section-spacing {
        padding-top: 130px;
        padding-bottom: 130px
    }
}

@media only screen and (max-width: 991px) {
    .section-spacing {
        padding-top: 100px;
        padding-bottom: 100px
    }
}

@media only screen and (max-width: 767px) {
    .section-spacing {
        padding-top: 70px;
        padding-bottom: 70px
    }
}

.hero-area {
    position: relative;
    z-index: 1;
    padding-top: 235px;
    padding-bottom: 135px
}

@media only screen and (max-width: 1919px) {
    .hero-area {
        padding-top: 175px;
        padding-bottom: 85px
    }
}

@media only screen and (max-width: 991px) {
    .hero-area {
        padding-top: 155px;
        padding-bottom: 65px
    }
}

.hero-area:before {
    position: absolute;
    content: "";
    width: 100%;
    /*height: 1100px;*/
    inset-inline-start: 0px;
    top: 0px;
    /*background: linear-gradient(180deg, #FBF7F4 0%, rgba(251, 247, 244, 0) 100%);*/
    z-index: -1
}

.hero-area .section-header {
    display: flex;
    gap: 40px
}

@media only screen and (max-width: 767px) {
    .hero-area .section-header {
        flex-direction: column;
        gap: 20px
    }
}

.hero-area .text-wrapper {
    max-width: 410px;
    margin-inline-start: auto;
    margin-top: 132px
}

@media only screen and (max-width: 1919px) {
    .hero-area .text-wrapper {
        margin-top: 102px
    }
}

@media only screen and (max-width: 1199px) {
    .hero-area .text-wrapper {
        margin-top: 92px
    }
}

@media only screen and (max-width: 991px) {
    .hero-area .text-wrapper {
        max-width: 250px;
        margin-top: 57px
    }
}

@media only screen and (max-width: 767px) {
    .hero-area .text-wrapper {
        max-width: 100%;
        margin-top: 0
    }
}

.hero-area .section-title-wrapper {
    max-width: 400px
}

@media only screen and (max-width: 1919px) {
    .hero-area .section-title-wrapper {
        max-width: 330px
    }
}

.hero-area .shape {
    margin-top: 123px
}

@media only screen and (max-width: 1919px) {
    .hero-area .shape {
        margin-top: 93px
    }
}

@media only screen and (max-width: 991px) {
    .hero-area .shape {
        margin-top: 58px
    }
}

@media only screen and (max-width: 767px) {
    .hero-area .shape {
        display: none
    }
}

.dir-rtl .hero-area .shape img {
    transform: rotateY(180deg)
}

.blog-area {
    padding-top: 100px;
}

.blog-area .blog-wrapper {
    display: grid;
    gap: 60px 40px;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr))
}

@media only screen and (max-width: 1199px) {
    .blog-area .blog-wrapper {
        gap: 40px 30px
    }
}

.blog-area .blog-wrapper>* {
    max-width: 700px
}

.blog .thumb {
    border-radius: 20px;
    overflow: hidden
}

.blog .thumb img {
    width: 100%;
    height: 15rem;
    -o-object-fit: cover;
    object-fit: cover
}

.blog .date {
    font-size: 18px;
    line-height: 1;
    display: inline-block
}

.blog .title {
    font-size: 30px;
    line-height: 1.33;
    margin-top: 15px
}

@media only screen and (max-width: 1919px) {
    .blog .title {
        font-size: 26px
    }
}

@media only screen and (max-width: 1199px) {
    .blog .title {
        font-size: 22px
    }
}

.blog .btn-wrapper {
    margin-top: 40px
}

@media only screen and (max-width: 1199px) {
    .blog .btn-wrapper {
        margin-top: 25px
    }
}

.blog .content {
    margin-top: 38px
}

@media only screen and (max-width: 1199px) {
    .blog .content {
        margin-top: 28px
    }
}

.more-btn-wrapper {
    text-align: center;
    margin-top: 70px
}

@media only screen and (max-width: 1919px) {
    .more-btn-wrapper {
        margin-top: 50px
    }
}

@media only screen and (max-width: 1199px) {
    .more-btn-wrapper {
        margin-top: 40px
    }
}

/*# sourceMappingURL=master-blog.css.map */