@import url('https://fonts.googleapis.com/css2?family=Mulish:wght@200;300;400;500;600;700;800;900&display=swap');

body, html {
    font-family: 'Mulish', sans-serif !important;
}

img {
    margin-top: 0px;
    max-width: 100%;
    height: auto;
}

.product-title {
    font-family:  'Mulish', sans-serif;
    font-weight: 700;
    color: #4579DC;
    font-size: 28px;
}

.link-cyan {
    color: #4579DC !important;
    text-decoration: none;
}

.link-cyan:hover {
    text-decoration: underline;
}

.smaller {
    font-size: 11px !important;
}

.light-grey {
    color: #717171 !important;
}

.light-grey-01 {
    color: #7d7d7d !important;
}

/* Previous styles from style.css, to override them - start */
.site-main-inner-area {
    background: transparent;
    padding: 0;
}

.btn-outline-danger:focus {
    outline: 0;
    box-shadow: none;
}
/* Previous styles from style.css, to override them - end */

/*general button application*/
.btn-pink {
    background: #0036a6 !important;
}

.btn-danger {
    background: #0036a6 !important;
    border: #0036a6 !important;
}

.btn-danger:hover {
    background: #fff !important;
    border: 1px solid #0036a6 !important;
    color: #0036a6 !important;
}

.btn-outline-danger {
    border: 1px solid #0036a6 !important;
    color: #0036a6 !important;
    font-weight: 500;
}

.btn-outline-danger:hover {
    background: #0036a6 !important;
    color: #fff !important;
}

a.btn.btn-link {
    color: #4579DC !important;
}

/*Trruncate (...)*/
.text-to-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

.trust-pilot-heading, .trust-pilot-content {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
/*Trruncate (...) end*/

/*content container that overlaps the with banner*/
.contact-section .products, .reviews-section .products, .articles-section .products, .article-details .products, .review-details .products {
    margin-top: -35px;
}

.reviews-section a.btn-link, .articles-section a.btn-link {
    color: #4579DC !important;
    font-size: 14px;
    text-decoration: underline;
}

.reviews-section .badge .badge {
    margin-top: 1rem;
}

.articles-section .badge {
    margin-top: .5rem;
}

.reviews-section .col-md-4.col-lg-3.product-pricing.text-center .card-body.px-0 {
    padding-top: 0 !important;
}

.reviews-section .rating-line {
    margin-top: 10px;
    text-align: center !important;
}

.review-desc, .article-desc {
    font-size: 14px;
}

.article-desc, .review-desc {
    font-size: 14px !important;
}

.article-subtitle, .review-subtitle {
    font-size: 18px !important;
    font-family:  'Mulish', sans-serif !important;
    font-weight: 600;
    color: #062B55 !important;
    margin-bottom: 2px !important;
}

/*Article Section*/
.article-details p.date {
    color: #4579DC;
}

.article-details p > span.owner {
    font-family:  'Mulish', sans-serif;
    font-weight: 500;
}

.articles-section a.btn-link {
    font-size: 17px;
}

.article-details .badge {
    margin-top: 10px;
}

.article-title {
    font-family:  'Mulish', sans-serif !important;
    font-weight: 700;
    color: #4579DC !important;
    font-size: 28px !important;
    margin-top: 2.5rem !important;
}

.article-subtitle-two {
    font-size: 16px !important;
    color: #062B55 !important;
    margin-bottom: 2px !important;
    text-decoration: underline;
    font-style: italic;
}

.details-list {
    list-style-type: none !important;
    padding-left: 0 !important;
}

.details-list li {
    padding-left: 1.7rem !important;
    text-indent: -1.7rem !important;
    font-size: 14px !important;
}

.details-list li:before {
    content: '✓' !important;
    font-weight: bolder !important;
    padding-right: 15px !important;
    font-size: 18px !important;
}

.article-details .btn-danger {
    padding: .785rem 0 !important;
    font-size: 20px;
    font-weight: 600;
    width: 100%;
    text-transform: uppercase;
}

.article-details .btn-link a {
    color: #4579DC;
}

/*Review Page*/
.review-title {
    font-family:  'Mulish', sans-serif !important;
    font-weight: 700;
    color: #4579DC !important;
    font-size: 28px !important;
}

.review-details .top-choices .card .product-image {
    margin-top: 0 !important;
}

.summary .col-md-8 .summary-two {
    display: none;
}

.summary .col-md-12 .summary-one {
    display: none;
}

.summary .col-md-8 p:not([class]), .summary .col-md-12 p:not([class]) {
    display: none;
}

.review-details .btn-danger {
    padding: .785rem 0 !important;
    width: 100%;
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
}

.review-details .details-list li {
    margin-top: 15px;
}

.review-details .badge {
    margin-top: 20px;
}

.review-btn-mobile {
    position: absolute;
    left: 0px;
    bottom: 15px;
}

/*Expandable section */
.accordianBody {
    background: #EDFEFE;
}

.home-review-heading {
    font-size: 22px !important;
    font-family:  'Mulish', sans-serif !important;
    font-weight: 600;
    color: #062B55 !important;
}

ul.home-review-list {
    color: #4579DC !important;
    padding-left: 15px;
}

ul.home-review-list li {
    font-size: 13px;
    margin-bottom: 14px;
}

ul.home-review-list li span {
    color: #575F72;
}

.home-read-review {
    color: #4579DC;
}

.beforeCollapse.collapsed .fa-chevron-up {
    display: none;
}

.beforeCollapse:not(.collapsed) .fa-chevron-up {
    display: inline;
}

.beforeCollapse:not(.collapsed) .fa-chevron-down {
    display: none;
}

.beforeCollapse.collapsed .fa-chevron-down {
    display: inline;
}

.product-details-list li:first-child {
    font-weight: bold !important;
}

.article-image {
    height: auto;
}
/*Expandable section end*/

/*Terms of Policy Page*/
.terms-section .badge {
    margin-top: 10px;
}

.terms-section {
    font-size: 14px !important;
}

.terms-title {
    font-size: 20px !important;
    font-family:  'Mulish', sans-serif !important;
    font-weight: 600;
    color: #062B55 !important;
}

.terms-subtitle {
    font-size: 16px !important;
    color: #062B55 !important;
    font-family:  'Mulish', sans-serif !important;
    font-weight: 500;
}

.terms-section .details-list li {
    margin-top: 10px;
}

.terms-link {
    color: #4579DC !important;
    font-family: 'Mulish', sans-serif !important;
    font-weight: 500;
}
/*Terms of Policy Page end*/

/*Editor's Page - on meal delivery*/
.card .editor-image {
    width: 148px;
    height: 148px;
}

.editor-title {
    font-family:  'Mulish', sans-serif;
    font-weight: 700;
    color: #4579DC;
    font-size: 28px;
}

.editor-subtitle {
    font-family:  'Mulish', sans-serif;
    font-weight: 600;
    font-size: 13px;
    color: #72798A;
}

.editor-desc {
    font-size: 14px;
}
/*Editor's Page - on meal delivery end*/

/*Filter Buttons*/
.featured-title {
    font-family:  'Mulish', sans-serif;
    font-weight: 600;
    font-size: 22px;
    color: #062B55;
}

.featured-subtitle, .featured-desc {
    color: #2BD347;
}

.featured-subtitle {
    font-family:  'Mulish', sans-serif;
    font-weight: 600;
    font-size: 21px;
}

.btn-featured {
    color: #2BD347;
    border-color: #2BD347 !important;
}

.btn-featured:hover {
    background: #2BD347 !important;
}
/*Filter Buttons end*/

/* FAQ SECTION*/
.faq-area .accordianHeader {
    font-size: 24px !important;
}

.faq-area .card-body {
    font-size: 16px;
}

a.beforeCollapse {
    cursor: pointer;
}

.beforeCollapse.collapsed .fa-minus {
    display: none;
}

.beforeCollapse:not(.collapsed) .fa-minus {
    display: inline;
}

.beforeCollapse:not(.collapsed) .fa-plus {
    display: none;
}

.beforeCollapse.collapsed .fa-plus {
    display: inline;
}
/*FAQ end*/

/* Mobile Version - For Samll Devices <=576 */
@media only screen and (max-width: 576px) {
    .product-title {
        font-size: 22px;
    }

    .reviews-section .rating-pt {
        top: 30px;
        right: 4.5rem;
    }

    .read-full-review {
        position: absolute;
        bottom: 2px;
    }

    .reviews-section .navbar-nav a[href*="/"] {
        color: #4579DC !important;
        border-bottom: none !important;
    }

    button:focus {
        outline: none !important;
    }

    .article-title {
        font-size: 20px !important;
        margin-top: 1.5rem !important;
    }
}

/*  Mobile Horizontal  */
@media screen and (min-width: 576px) and (max-width: 768px) {
    .reviews-section .rating-pt {
        top: 30px;
        right: 5.35rem;
    }
}

/* For Devices <768 - Few elements share same functionality in Small and Medium Devices */
@media only screen and (max-width: 767px) {
    body, html {
        margin-top: 0!important;
    }

    .summary {
        padding: 10px 0 !important;
    }

    .review-details .review-title {
        padding-top: 20px !important;
        line-height: 2rem !important;
    }

    .reviews-section .review-body .review-desc {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
    }

    .article-details .home-title {
        width: 330px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .article-details .badge {
        margin-top: 0px;
    }

    .contact-section .products, .reviews-section .products, .articles-section .products, .article-details .products {
        margin-top: -20px;
    }

    /*FAQ*/
    .faq-area .accordianHeader {
        font-size: 16px !important;
    }

    .faq-area .card-body {
        font-size: 14px;
    }

    .home-section-title {
        font-size: 20px;
        font-weight: 700;
    }
    /*FAQ end*/
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .product-title {
        font-size: 22px;
    }
    body, html {
        margin-top: 10px !important;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .product-title {
        font-size: 22px;
    }
    body, html {
        margin-top: 20px !important;
    }
}

@media only screen and (min-width: 1024px) {
    .article-image {
        height: 442px;
    }

    .type-box {
        padding-left: 10px !important;
    }
}

@media only screen and (min-width: 1200px) {
    .article-details .home-title {
        width: 750px;
    }

}