/*Custom Css*/
.page-outer {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 40px;
   /* margin-right: 40px;*/
    /* border:solid 1px #ffd800;*/
    /*padding: 5px;*/
}

.page-col-1 {
    /* border:solid 1px #f1f1f1;*/
    /*flex: 3.25;*/
    /*flex: 3;*/
    flex: 4.46;
    /*margin-right: 40px;*/
}

.page-col-2 {
    /*  border: solid 1px #f1f1f1;*/
    flex: 1.35;
    /*margin-right: 20px;
    margin-left: 20px;*/
}

.page-col-3 {
    /*border: solid 1px #f1f1f1;*/
    flex: 1.25;
    /*margin-left: 20px;*/
}

.home-page-outer {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 40px;
    /*margin-right: 40px;*/
}

.home-page-col-1 {
    flex: 3.25;
}

.home-page-col-2 {
    flex: 1.35;
}

.home-page-col-3 {
    flex: 1;
}

.books-page-col-1 {
    /* border:solid 1px #f1f1f1;*/
    /*flex: 3.25;*/
    flex: 1.2;
    /*margin-right: 40px;*/
}

.books-page-col-2 {
    /*  border: solid 1px #f1f1f1;*/
    flex: 3;
    /*margin-right: 20px;
    margin-left: 20px;*/
}

.books-page-col-2-full {
    flex: 5;
}

.books-page-col-3 {
    /*border: solid 1px #f1f1f1;*/
    flex: 1.25;
    /*margin-left: 20px;*/
}

.books-page-col-1-for-rowcol {
   /* max-width: 269px;
    margin-right: 20px;*/
}

.books-page-col-2-full-for-rowcol {
}

.active-menue {
    font-weight: 600;
}
@media (min-width: 1400px) {
}

@media (max-width: 768px) {
    .page-col-1, .page-col-2, .page-col-3 {
        flex: 1;
        flex-basis: 100%;
    }

    .home-page-col-1, .home-page-col-2, .home-page-col-3 {
        flex: 1;
        flex-basis: 100%;
    }

    .books-page-col-1, .books-page-col-2, .books-page-col-2-full, .books-page-col-3 {
        flex: 1;
        flex-basis: 100%;
    }
}

.top-banner {
    display: flex;
    justify-content: start;
    align-items: center;
    margin-top: 10px;
}

.Page-title {
    font-size: 20px;
}

.Section-title-rhs {
    font-size: 16px;
    color: #de262e;
    font-weight: 700;
    margin-bottom: 4px;
}

.Page-data-not-found {
    font-size: 30px !important;
    padding: 100px 5px 100px 5px;
    text-align: center;
}

.top-banner-add {
    margin-bottom: 8px;
}

    .top-banner-add img {
        aspect-ratio: 727 / 88;
        max-width: 100%;
        width: 727px;
        height: auto;
        background-color: #f0f0f0;
        display: block;
        object-fit: cover;
    }

.bottom-ads-horizental {
    /*margin: 10px 0px 10px 0px;*/
    margin: 10px 0px 20px 0px;
    text-align: center;
}

    .bottom-ads-horizental img {
        max-width: 100%;
    }

.ads-vertical-container {
    max-width: 235px;
    display: block;
}


.ads-vertical {
    margin: 10px 0px 10px 0px;
    text-align: center;
}


.ads-vertical img {
    /*width: 100%;*/
    max-width: 100%;
}
.ads-vertical-left {
    margin: 10px 0px 10px 0px;
    text-align: center;
    display:none;
}
.ads-vertical-left img {
        width: 100%;
        max-width: 228px;
}

.brand-logo {
    display: flex;
    align-items: center;
}

    .brand-logo img {
        height: 90px;
    }

.top-most-banner {
}

    .top-most-banner img {
        /*padding: 0 60px 8px 60px;*/

        width: 100%;
    }

.homepage-articles-grid {
    /* line-height: initial;*/
}

    .homepage-articles-grid .grid-maso-item {
        background: #ffffff;
        box-shadow: none;
    }

    .homepage-articles-grid h2 {
        /*font-size: 14px;
        font-weight: 700;
        margin-bottom: 4px;*/
    }

    .homepage-articles-grid h3 {
        /* font-size: 14px;
        font-weight: 400;
        margin-bottom: 2px;*/
    }

    .homepage-articles-grid p {
        /*padding-top: 4px;
        font-size: 14px;*/
    }

    .homepage-articles-grid img {
        width: 100%;
        margin-bottom: 5px;
        aspect-ratio: 1200 / 675;
        height: auto;
        object-fit: cover;
    }

.homepage-main-content-item-text {
}

.homepage-video-list-container {
    margin-bottom: 15px;
}

.homepage-video-list {
    background: #f1f1f1;
    padding: 5px;
}

.homepage-video-list-title {
    color: #de262e;
    font-weight: 800;
    padding: 6px;
    font-size: initial;
    margin: 0px;
}

.homepage-video-list-item {
    padding: 2px;
    margin-bottom: 5px;
}

    .homepage-video-list-item iframe {
        width: 100%;
        height: auto;
    }

    .homepage-video-list-item h2 {
        /*font-size: 14px;
        font-weight: 700;
        margin: 0px;*/
    }

        .homepage-video-list-item h2 a {
            color: #de262e;
        }

    .homepage-video-list-item h3 {
        /*font-size: 12.5px;
        font-weight: 400;
        padding-top: 3px;*/
    }

    .homepage-video-list-item p {
        color: #de262e;
        /*font-size: 14px;
        line-break: auto;
        line-height: initial;*/
        margin-bottom: 0px;
    }

.homepage-video-list-item-text {
}
/*End Custom add*/

.homepage-articles-featured {
    /* line-height: initial;*/
    background: #f1f1f1;
    padding: 2px;
    margin: 8px 0px 8px 0px;
    display: inline-block;
}

.homepage-articles-featured-title {
    color: #de262e;
    font-weight: 800;
    padding: 6px 0px 0px 9px;
    font-size: initial;
    margin: 0px;
}

.homepage-articles-featured h2 {
    /*font-size: 14px;
    font-weight: 700;
    margin-bottom: 4px;*/
}

.homepage-articles-featured h3 {
    /*font-size: 14px;
        font-weight: 400;
        margin-bottom: 2px;*/
}

.homepage-articles-featured p {
    /*font-size: 14px;*/
    margin: 0px 0px 5px 0px;
}

.homepage-articles-featured img {
    width: 168px;
    height: auto;
    margin: 0px 16px 0px 0px;
    float: left;
    border-radius: 8px 0 0 0;
    aspect-ratio: 1200 / 675;
    object-fit: cover;
}

.homepage-articles-featured-item {
    background: #fff;
    padding: 10px;
    margin: 8px;
    border-radius: 9px;
    display: flex;
}

.homepage-articles-featured-item-text {
    max-width: 500px;
}

.homepage-latest-from-companies {
    /*background: #f1f1f1;
    padding-bottom:1px;*/
}

    .homepage-latest-from-companies h3 {
        /* font-size: 14px;
        font-weight: 400;*/
        margin-bottom: 2px;
        font-weight: 400;
    }

    .homepage-latest-from-companies p {
        /*font-size: 14px;*/
        margin: 0px 0px 5px 0px;
    }

.homepage-latest-from-companies-title {
    font-size: 17px;
    color: #de262e;
    /*font-weight: 700;*/
    margin-bottom: 4px;
}

.homepage-latest-from-companies-item {
    background: #fff;
    padding: 4px 0px 4px 0px;
    border-bottom: solid 1px #e7e7e7;
}

    .homepage-latest-from-companies-item img {
        width: 100%;
        margin-bottom: 4px;
        display: none;
    }

.Article-content-container-2 {
    /*max-width: 500px;*/
    width: 100%;
}

.Article-content-container {
    /*max-width: 700px;*/
    /*max-width: 560px;*/
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    /*max-width: 550px;*/
    max-width: 520px;
}

    .Article-content-container img {
        max-width: 100%;
        border-radius: 2px;
    }
.Article-content-top-image {
    aspect-ratio: 1200 / 675;
    max-width: 100%;
    height: auto;
    background-color: #f0f0f0;
    display: block;
    border-radius: 2px;
    margin: 11px 0px 8px 0px;
    padding: 0;
    max-height: 350px;
    object-fit: cover;
}

.Article-content-container h1 {
    font-size: 32px;
    font-weight: 800;
    color: #121212;
    /*max-width:500px;*/
}

.Article-content-container h2 {
    /*font-size: 14px;*/
    line-height: 1.5;
    font-size: 20px;
}

.Article-content-container h4 {
    padding-top: 3px;
    padding-bottom: 3px;
    font-size: 14px;
}

.Article-content {
    padding-right: 10px;
    font-family: Georgia;
    font-size: 18px;
    line-height: 1.6;
    /*max-width: 500px;*/
    color: #121212;
    margin-top: 11px;
}

    .Article-content p {
        font-size: 18px;
        margin-top: .6rem;
        margin-bottom: 1rem;
    }

.article-list-container {
    margin-bottom: 15px;
}

.article-list {
    /* background: #f1f1f1;
    padding: 1px;*/
    margin-bottom: 20px;
}

    .article-list h2 {
        /*font-size: 14px;
        font-weight: 700;
        margin-bottom: 4px;*/
    }

    .article-list h3 {
        /*font-size: 14px;
        font-weight: 400;
        margin-bottom: 4px;*/
    }

    .article-list img {
        width: 100px;
        margin: 0px 10px 0 0;
        float: left;
        border-radius: 3px;
        aspect-ratio: 1200 / 675;
        height:auto;
        object-fit:cover;
    }

    .article-list p {
        /*font-size: 14px;*/
        margin: 0px 0px 5px 0px;
    }

.article-list-item {
    background: #fff;
    /* padding: 5px 5px 0px 2px; */
    /*margin: 8px 0px 8px 0px;*/
    padding: 8px 0px 10px 0px;
    border-radius: 2px;
    border-bottom: solid 1px #e7e7e7;
    max-width: 550px;
    display: flow-root;
}
.article-list-item h4 {
        font-size: 13px;
        margin: 5px 0 5px 0;
}

.section-list {
    background: #f1f1f1;
    padding: 1px;
}

    .section-list h2 {
        /* font-size: 14px;
        font-weight: 700;
        margin-bottom: 4px;*/
    }

    .section-list h3 {
        /*font-size: 14px;
        font-weight: 400;
        margin-bottom: 4px;*/
    }

    .section-list img {
        width: 100px;
        margin: 0px 10px 0 0;
        float: left;
        border-radius: 3px;
    }

    .section-list p {
        /* font-size: 14px;*/
        margin: 0px 0px 5px 0px;
    }

.section-list-item {
    background: #fff;
    padding: 5px 5px 1px 5px;
    margin-bottom: 2px;
    border-radius: 2px;
}


.article-list-related {
    display: flex;
    flex-wrap: wrap;
}

    .article-list-related h2 {
        /*font-size: 13.5px;
        font-weight: 500;
        margin-bottom: 3px;*/
    }

    .article-list-related h3 {
        font-weight: 500;
    }

    .article-list-related img {
        /*width: 30%;*/
        width: 88px;
        margin: 0px 5px 0 0;
        float: left;
        border-radius: 3px;
        aspect-ratio: 1200 / 675;
        height: auto;
        object-fit: cover;
    }

.article-list-related-item {
    background: #fff;
    padding-bottom: 5px;
    padding-top: 5px;
    border-bottom: solid 1px #e7e7e7;
    display: flex;
    justify-content: space-between;
    gap: 5px;
    width: 100%;
}


.article-list-latest-rhs {
    /*background: #f1f1f1;
    padding: 1px;*/
}

    .article-list-latest-rhs h2 {
        /*font-size: 14px;
        font-weight: 500;
        margin-bottom: 4px;*/
    }

    .article-list-latest-rhs h3 {
        font-weight: 400;
    }

    .article-list-latest-rhs img {
        /* width: 100%;*/
        width: 80px;
        border-radius: 4px;
        margin-bottom: 4px;
        aspect-ratio: 1200 / 675;
        height: auto;
        object-fit: cover;
    }

.article-list-latest-rhs-item {
    /* background: #f1f1f1; */
    /* padding: 5px 6px 3px 5px; */
    margin: 4px 0 10px 0;
    padding-bottom: 7px;
    border-bottom: solid 1px #e7e7e7;
    display: flex;
    justify-content: space-between;
    gap: 5px;
    /* margin: 2px; */
    /* border-radius: 2px;*/
}

.section-list-related {
    background: #f1f1f1;
    padding: 1px;
}

    .section-list-related h2 {
        /* font-size: 14px;
        font-weight: 500;
        margin-bottom: 4px;*/
    }

    .section-list-related h3 {
        font-weight: 500;
    }

    .section-list-related img {
        width: 100px;
        margin: 0px 10px 0 0;
        float: left;
        border-radius: 3px;
    }

.section-list-related-item {
    background: #fff;
    padding: 5px 5px 3px 5px;
    margin: 2px;
    border-radius: 2px;
}



.company-list_BKP {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(178px,1fr));
    gap: 10px;
}

.company-list_BKP h2 {
    /*font-size: 14px;
        font-weight: 700;
        margin-bottom: 4px;*/
}

.company-list_BKP h3 {
    font-weight: 500;
    text-align: center;
}

.company-list_BKP img {
    max-width: 100px;
    height: 31px;
    /* margin: 0px 20px 0 0; */
    /* padding: 5px; */
    border-radius: 3px;
    /* border: solid 1px #e7e7e7;*/
}

.company-list_BKP p {
    /* font-size: 14px;*/
    margin: 0px 0px 5px 0px;
}

.company-list-item_BKP {
    background: #fff;
    /* padding: 7px 7px 7px 0px; */
    padding: 5px;
    /* margin: 8px 0px 8px 0px; */
    border-radius: 2px;
    /* border-bottom: solid 1px #e7e7e7; */
    width: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
    background: #fff;
    justify-content: flex-end;
    gap: 5px;
    box-shadow: rgb(100 100 111 / 20%) 0px 0px 20px 0px;
}

.company-list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px,1fr));
    /*gap: 19px;*/
    gap: 4px;
}

    .company-list h2 {
        /*font-size: 14px;
        font-weight: 700;
        margin-bottom: 4px;*/
    }

    .company-list h3 {
        font-weight: 500;
        text-align: left;
    }

    .company-list img {
        max-width: 100px;
        height: 31px;
        /* margin: 0px 20px 0 0; */
        /* padding: 5px; */
        border-radius: 3px;
        /* border: solid 1px #e7e7e7;*/
    }

    .company-list p {
        /* font-size: 14px;*/
        margin: 0px 0px 5px 0px;
    }

.company-list-item {
    background: #fff;
    /* padding: 7px 7px 7px 0px; */
    padding: 5px;
    /* margin: 8px 0px 8px 0px; */
    border-radius: 2px;
    border-bottom: solid 1px #e7e7e7;
    width: 100%;
    display: flex;
    flex-direction: column;
    background: #fff;
    justify-content: flex-end;
    gap: 5px;
}


/*Industries*/
.industries-list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px,1fr));
    /*gap: 19px;*/
    gap:4px;
}

    .industries-list h2 {
        /*font-size: 14px;
        font-weight: 700;
        margin-bottom: 4px;*/
    }

    .industries-list h3 {
        font-weight: 500;
        text-align: left;
    }

    .industries-list img {
        max-width: 100px;
        height: 31px;
        /* margin: 0px 20px 0 0; */
        /* padding: 5px; */
        border-radius: 3px;
        /* border: solid 1px #e7e7e7;*/
    }

    .industries-list p {
        /* font-size: 14px;*/
        margin: 0px 0px 5px 0px;
    }

.industries-list-item {
    background: #fff;
    /* padding: 7px 7px 7px 0px; */
    padding: 5px;
    /* margin: 8px 0px 8px 0px; */
    border-radius: 2px;
    border-bottom: solid 1px #e7e7e7;
    width: 100%;
    display: flex;
    flex-direction: column;
    background: #fff;
    justify-content: flex-end;
    gap: 5px;
}
/*End Industries*/

.latest-from-companies {
    /*background: #f1f1f1;
    padding-bottom:1px;*/
    margin-bottom: 15px;
}

    .latest-from-companies h3 {
        /*font-size: 14px;
        font-weight: 400;
        margin-bottom: 2px;*/
        font-weight: 400;
    }

    .latest-from-companies p {
        /* font-size: 14px;*/
        margin: 0px 0px 5px 0px;
    }

.latest-from-companies-title {
    /*  font-size: 16px;*/
    color: #de262e;
    /*font-weight: 700;*/
    margin-bottom: 4px;
}

.latest-from-companies-item {
    background: #fff;
    padding: 4px 0px 4px 0px;
    border-bottom: solid 1px #e7e7e7;
    display: flex;
}

    .latest-from-companies-item img {
        width: 71px;
        padding-right: 8px;
        margin-bottom: 4px;
    }

.quiz-container {
    border: solid 1px #506e92;
    margin: -1px;
}

.quiz-title {
    background: #506e92;
    color: #fff;
    padding: 5px;
    font-weight: 600;
}

.quiz-body {
    padding: 6px;
}

    .quiz-body h3 {
        /* font-size: 16px;*/
        font-weight: 400;
    }

    .quiz-body ul {
        list-style-type: none;
        margin-left: 0;
        padding: 9px 5px 10px 2px;
        margin: 0;
    }

        .quiz-body ul li {
            padding-top: 5px;
            padding-bottom: 5px;
            font-weight: 500;
        }

.quiz-bottom {
    text-align: center;
    /* padding: 5px; */
    padding: 8px;
}

    .quiz-bottom button {
        width: 100px;
    }


.video-list-container {
    margin-bottom: 15px;
}

.video-list {
    /*padding: 5px;*/
}

.video-list-title {
    color: #de262e;
    font-weight: 800;
    padding: 6px 0px 6px 0px;
    font-size: initial;
    margin: 0px;
}
.video-list-title a {
        color: #de262e;
}

.video-list-item {
    padding: 8px;
    margin-bottom: 12px;
    background: #f1f1f1;
    border: solid 1px #e7e7e7;
    border-radius: 3px;
}

    .video-list-item iframe {
        width: 100%;
        height: auto;
    }

    .video-list-item h2 {
        /*font-size: 14px;
        font-weight: 700;
        margin: 0px;*/
    }

        .video-list-item h2 a {
            color: #de262e;
        }

    .video-list-item h3 {
    }

    .video-list-item h4 {
        font-weight: 500;
    }

        .video-list-item h4 span {
            font-weight: 400;
        }

    .video-list-item h3 a {
        color: #de262e;
    }

    .video-list-item p {
        margin-bottom: 6px;
    }

.video-list-item-text {
}

.video-list-item-intro {
    display: flex;
    justify-content: space-between;
}

.video-list-item-watch {
    text-align: center;
    padding: 8px 8px 8px 12px;
}

    .video-list-item-watch img {
        width: 50px;
    }

    .video-list-item-watch h3 {
        color: #de3237;
        font-weight: 500;
    }

/*Products*/
.product-details-top {
    /*display: flex;
    gap: 50px;*/
    padding-right: 50px;
}
.product-details-top-quiz {
    /*display: flex;
    gap: 50px;*/
    /*padding-right: 50px;*/
    padding-right: 0px;
    flex-direction: row-reverse;
    justify-content:space-between;
}

.product-details-top-quiz .product-details-text {
   padding-left: 11px;
}

.product-details-image img {
    /*width: 310px;*/
    width: 100%;
}

.product-details-container {
}

.product-details-text {
    padding-left: 30px;
}

.quiz-result-detail-text {
    padding-left: 10px;
}

    .product-details-text h1 {
        font-size: 24px;
        font-weight: 500;
    }

    .product-details-text h2 {
        font-size: 15px;
        font-weight: 500;
    }

    .product-details-text h3 {
        /*font-size: 16px;*/
        font-weight: 400;
    }


.product-details-affilicates {
    padding: 0;
    list-style: none;
    margin-top: 18px;
}

    .product-details-affilicates li {
        padding: 8px 0px 8px 0px;
        display: flex;
        align-items: center;
        gap: 8px;
        /*flex-wrap: wrap;*/
        border-bottom: 1px solid #ccc;
    }
        .product-details-affilicates li:last-child {
            border-bottom: none;
        }

        .product-details-affilicates li img {
            max-height: 40px;
            max-width: 116px;
        }

        .product-details-affilicates li label {
        }

        .product-details-affilicates li span {
        }
        .product-details-affilicates li h4 {
            min-width: 78px;
            font-size: 15px;
            font-weight: 600;
            /* text-align: right; */
            margin-right: 10px;
        }

        .product-details-affilicates li .btn {
            width: 70px;
            margin-right: 8px;
            padding: 3px 6px;
        }

.product-details-affilicates-price-note {
    font-size: 15px;
    color: #333;
    font-weight: 600;
}
.product-details {
    margin-top: 15px;
}

.product-details-item {
    max-width: 600px;
    margin: 20px 20px 0 0;
}

.product-details-item-heading {
}

.product-details-item-heading {
}

.product-details-item-text {
}

.product-category-list-container {
    /*background: #285e840f;*/
    border: solid 1px #285e8414;
    margin-bottom: 7px;
}

.product-category-list-title {
    color: #285e84;
    font-size: 14px;
}

.product-category-list {
    list-style: none;
    margin: 0px;
    padding: 0px 5px 8px 6px;
    font-weight: 400;
}

    .product-category-list li {
        border-bottom: solid 1px #e2eaef;
        padding: 2px 4px 2px 4px;
        font-size: 14px;
    }

        .product-category-list li a {
        }

.product-list-related-container {
    border-top: solid 1px #e7e7e7;
    margin-top: 30px;
    padding-top: 11px;
}

.product-list-related-title {
    font-size: 22px;
    margin-bottom: 8px;
}

.product-list-related {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
}

    .product-list-related .card {
        max-width: 183px;
    }

    .product-list-related .card-body {
       /* padding: 0.5rem 0.5rem;*/
        font-size: 14px;
    }

.product-list-related-item {
    max-width: 243px;
}

    .product-list-related-item h3 {
        font-size: 16px;
        font-weight: 500;
        margin-top: 5px;
    }


.product-titlebar-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}
.product-pagetitle {
}
.product-pagetitle h1 {
}

    .product-pagetitle h2 {
    }

.product-searchbox {
    flex-basis: 50%;
    margin-bottom: 8px;
}

.product-searchbox .input-group-prepend {
   width: 155px;
}

.product-searchbox select {
   border-radius: 0.25rem 0px 0 0.25rem;
}

.download-book-link {
    padding: 2px 0px 12px 0px;
}
    .download-book-link img {
        height: 30px;
    }

.read-book-review-link {
    padding: 2px 0px 5px 0px;
    text-align: right;
    font-weight: 500;
    margin-top: -8px;
}
.product-grid-container {
    /*display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: space-between;*/

    display: grid;
    grid-gap: 8px;
    /*grid-template-columns: repeat(auto-fill, minmax(187px,1fr));*/
    grid-template-columns: repeat(auto-fill, minmax(178px,1fr));
    /*grid-template-columns: repeat(auto-fill, minmax(189px,1fr));*/
    margin-bottom: 10px;
}
    .product-grid-container .card {
        width: 100%;
        /* max-width: 238px; */
        /*max-width: 186px;*/
        /*max-width: 189px;*/
        /*  max-width: 199px;*/
        box-shadow: rgb(100 100 111 / 20%) 0px 7px 29px 0px;
        background: #fff;
        padding: 8px;
        /*margin-bottom: 11px;*/
        border: none;
    }
    .product-grid-container .card-body {
        font-size: 13px;
        padding: 7px;
    }


    .product-grid-container .card-img-top {
    aspect-ratio: 162 / 216;
    height: auto;
    object-fit: cover;
}
.video-grid-container .card-img-top {
    aspect-ratio: 1920 / 1080;
    height: auto;
    object-fit: cover;
}
.video-grid-container .card-body {
    display: flex;
    align-items: end;
    justify-content: space-between;
    flex-direction: column;
    gap: 5px;
}

    .video-grid-container .video-list-item-watch {
        padding: 0px;
    }

.product-list-related .video-list-item-watch {
    padding: 0px;
    position: absolute;
    bottom: 0;
    margin-bottom: 12px;
}

.product-details-top-review {
    display: flex;
    gap: 19px;
}

    .product-details-top-review img {
        width: 95px;
    }


.paging-container {
    display: flex;
    justify-content: flex-end;
    margin: 10px 0px 10px 0px;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    width: 100%;
}
    .paging-container ul {
        margin-bottom: 0px;
       /* width: 100%;*/
    }

    .paging-container .page-link {
        color: #285e84;
    }

    .paging-container .page-item.active .page-link {
        color: #fff;
        background-color: #285e84;
        border-color: #285e84;
    }

    .quiz-display-to-attend {
        list-style: auto;
        padding: 17px;
    }
    .quiz-display-to-attend li {
        padding: 5px;
    }

        .quiz-display-to-attend li h3 {
            font-size: 16px;
            display: flex;
            align-items: center;
            gap: 7px;
            line-height:1.4;
        }
        .quiz-answer-wrong {
            color: red;
            font-size: 34px;
        }
        .quiz-answer-right {
            color: #08b008;
            font-size: 34px;
        }
        
        .quiz-display-to-attend li ul {
            list-style: upper-alpha;
            margin-bottom: 12px;
        }
            .quiz-display-to-attend li ul li {
                padding: 3px;
                /*display: flex;
                gap: 7px;*/
            }
.quiz-display-to-attend li ul li input {
    width:18px;
    height:18px;
}
.quiz-display-to-attend li ul li span {
}

.correct-answer {
    color: #08b008;
}
.correct-answer i {
}

.correct-answer-byuser {
    font-weight: 600;
    color: #08b008;
}

.incorrect-answer
{
    color:#de3237;
    font-weight:600;
}
.incorrect-answer i {
}

.quiz-result-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #6262620f;
    border-radius: 2px;
    padding: 10px;
    background-image: url(/images/quiz-result-top-background.jpg);
}
.quiz-result {
    padding: 24px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
}
    .quiz-result h1 {
        font-size: 40px;
        font-weight:700;
    }

    .quiz-result h2 {
    }
.quiz-result-action-button-container {
    text-align: center;
    /*padding: 10px;*/
    padding: 10px 10px 10px 0px;
    display: flex;
    align-items: center;
    gap: 7px;
}

.product-details-top-quiz-result {
    /*display: flex;
    gap: 19px;
    padding-right: 5px;
    margin-top: 36px;*/
    margin-top: 30px;
}
.product-details-top-quiz-result-image {
    width: 183px !important;
}

.quiz-result-excellent {
    color: #08b008;
}
.quiz-result-good {
    color: #08b008;
}
.quiz-result-not-bad {
    color: #08b008;
}
.quiz-result-try-again {
    color: #e77905;
}
.quiz-question-image {
    max-width: 590px;
    width: 100%;
    margin: 2px 6px 15px 2px;
    /*border-radius: 6px;
    box-shadow: 0 0 3px #000000a6;*/
    max-height: 338px;
    /*border-radius: 12px;
    box-shadow: 0 0 20px #0000003d;*/
    border-radius: 8px;
    box-shadow: 0 0 10px #0000003d;
}
/*Products*/

.header-top-most {
    /*margin-top: 15px;*/
}
.category-title-and-hamburger {
    display: flex;
    justify-content: space-between;
    background: #285e8414;
    align-items: center;
   /* padding: 4px 10px 2px 10px;*/
    padding: 10px 10px 5px 10px;
}
.youtubevideo-embed-big
{
    margin-top:5px;
}
.youtubevideo-embed-big iframe {
    width: 100%;
    height: 300px;
}

.Article-content table {
    border-collapse: initial;
}

/*CKeditor css*/
figure.image {
    text-align: center;
}
    figure.image.image-style-side {
        float: right;
        padding: 0px 8px;
        margin: 11px;
        background: #f1f1f1;
      /*  max-width: 270px;*/
    }
figcaption {
    font-size: 14px;
    /* text-align: left; */
    font-family: sans-serif;
    padding-bottom: 8px;
    /* margin-bottom: 5px; */
}
.Article-content img {
    max-height: 620px;
}
/*End CKEditor*/

/*Quiz*/
.quiz-grid-container {
    grid-template-columns: repeat(auto-fill, minmax(190px,1fr));
   /* grid-template-columns: repeat(auto-fill, minmax(240px,1fr));*/
}
    .quiz-grid-container .card-title {
        font-size: 16px;
        margin-bottom: 4px;
        /*font-weight: 600;*/
    }



.quiz-list-related-container .card-title {
    font-size: 15px;
    /*font-weight: 600;*/
    margin-top: 8px;
}
.quiz-grid-container .card-img-top {
    aspect-ratio: 1200 / 675;
    height: auto;
    object-fit: cover;
}
.quiz-list-related-container .card-img-top {
    padding-bottom: 0px !important;
    aspect-ratio: 1200 / 675;
    height: auto;
    object-fit: cover;
}
/*End Quiz*/

.homepage-top-content-container {
    display: flex;
    gap: 10px;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap:wrap;
}

.homepage-top-content-article {
    flex: 4;
    min-width:250px;
}
.homepage-top-content-books {
    padding: 0 8px 0 8px;
    /*background: antiquewhite;*/
    /*background: #dadada;*/
    background: #f1f1f1;
    flex: 1;
    border-radius: 5px;
}

.viewmore-products {
    color: #de262e;
    padding: 6px 0px 6px 0px;
    font-size: initial;
    margin: 0px;
    text-align: right;
}
.viewmore-products a {
        color: #de262e;
}

.informachine-fileicon {
    width: auto !important;
    height: 40px;
}

.informachine-fileicon-big {
    width: auto !important;
    height: 40px;
    float: left;
    margin: 9px;
}

.top-image-container-alongwithdescription {
    display: flex;
    /* gap: 14px;*/
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
}

    .top-image-container-alongwithdescription img {
        border-radius: 5px 5px 0px 0px;
        margin-bottom: 0px;
    }

    .top-image-container-alongwithdescription div {
        /*padding: 8px;
        max-width: 280px;
        font-size:14px;*/
        padding: 5px;
        font-size: 14px;
        background: #f5f5f5;
        width: 100%;
        color: #121212d4;
        border-radius: 0px 0px 5px 5px;
        margin-bottom: 3px;
    }

        .top-image-container-alongwithdescription div br {
            display: block;
            content: "";
            margin-bottom: 6px;
        }

.top-description {
    padding: 8px;
    font-size: 14px;
}

.unsubscribe-box-container {
    max-width: 664px;
    font-size: 18px;
    border: solid 1px #e7e7e7;
    padding: 23px;
    border-radius: 15px;
    font-family: sans-serif;
}

.unsubscribe-box-container p {
   font-size: 16px;
}

.unsubscribe-box-top {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-bottom: solid 1px #e7e7e7;
    margin-bottom: 17px;
}
.unsubscribe-box-buttom {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap:7px;
}
.unsubscribe-box-top h2 {
    font-size: 25px;
}
.unsubscribe-box-buttom h1 {
    color: #ff3f12;
}

.unsubscribe-box-buttom select {
    padding: 10px 16px;
}
.form-group-reason {
    width: 100%;
}
.unsubscribe-box-buttom button {
    padding: 8px 44px;
    font-size: 18px;
    margin-top: 10px;
}


.subscribe-notification-box {
    background: #f3f9ff;
    /* color: #fff; */
    padding: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    max-width: 390px;
    position: fixed;
    /* left: 50%; */
    right: 2%;
    left: auto;
    top: 26px;
    z-index: 1000;
    box-shadow: 0 0 4px 1px #285e84;
    transition: left 0.5s ease; /* Define the animation properties */
}

    .subscribe-notification-box.slide-in {
        left: 0;
    }
    .subscribe-notification-box.slide-out {
        left: -200px;
    }

    .subscribe-notification-box h4 {
        padding: 10px;
        background: #198754;
        font-weight: 800;
        width: 100%;
        color: #fff;
    }
    .subscribe-notification-box p {
        padding: 10px;
        font-size: 16px;
        text-align: center;
        margin: 1px;
        /* font-family: georgia; */
        font-weight: 700;
        color: #285e84;
    }
.subscribe-notification-bell-top {
    font-size: 18px;
    border: solid 1px #19425e;
    border-radius: 50%;
    /* width: 42px; */
    padding: 7px 11px;
    background: #285e84;
    color: #fff;
}
.subscribe-notification-box-close {
    display: flex;
    justify-content: end;
    width: 100%;
    position: initial;
    cursor: pointer;
}

.grid-maso-item-content h4 {
    font-size: 13px;
    margin: 5px 0 5px 0;
}

blockquote {
    background: #f2f2f2;
    padding: 18px 18px 4px 18px;
    border-left: solid 2px #b9b7b7;
    border-radius: 8px;
}

.subscribe-box-container {
    max-width: 664px;
}
.subscribe-box-container h1 {
        font-size: 25px !important;
        color: #fff;
}

.subscribe-box-container .card-header {
        background: #285e84;
        padding: 13px 11px 4px 23px;
}
.subscribe-box-container .card-body {
   padding: 16px 25px 25px 25px;
}

.form-check-label {
    margin-top: 5px;
    padding-left: 8px;
}
.form-check-input {
    width: 21px;
    height: 21px;
}

.share-this-container-article {
    display: flex;
    justify-content: right;
    flex-wrap: wrap;
}

.share-this-container-article img {
        padding: 0;
}

figure.table {
    max-width: 520px;
    overflow-x: auto;
}
figure table {
    border: solid 1px #e7e7ee;
    border-collapse: collapse !important; /* ensure row and column lines are visible */
    padding: 0px;
    width: 100%;
    font-family: sans-serif;
    font-size: 16px;
}

    figure table th,
    figure table td {
        border: solid 1px #e7e7ee;
        padding: 5px 15px;
        vertical-align: text-top;
    }

    figure table th {
        background-color: #f5f5f5; /* background color for table header cells */
    }

    figure table tr:nth-child(even) {
        background-color: #f9f9f9; /* alternate row background color */
    }

    figure table tr:first-child {
        background-color: #f0f0f0; /* background color for the first row */
    }

    /*WebStories*/
.webstories-grid-container .card img {
    aspect-ratio: 3 / 4;
}

.webstories-list-container.webstories-grid-container {
    background: none;
    padding: initial;
}

.webstories-grid-container .webstories-list {
    gap: 10px;
}

    .webstories-grid-container .webstories-list .webstories-list-item {
        flex-basis: 24%;
        background: #f1f1f1;
        padding: 8px;
        border-radius: 8px;
    }

.webstories-list-container {
    /* padding: 9px;*/
    padding: 5px 0px 0px 0px;
    background: #f1f1f1;
    border-radius: 8px;
    margin-bottom: 10px;
    min-width: 178px;
}

    .webstories-list-container h2 {
        color: #de262e;
        font-size: 16px;
        font-weight: 800;
        padding: 3px 2px 2px 2px;
    }

    .webstories-view-more {
        color: #de262e;
        font-size: 14px;
        font-weight: 500;
        padding: 3px 2px 2px 2px;
    }
        .webstories-view-more:hover {
            color: #de262e;
            font-weight: 600;
        }
.source-view-more {
    text-align: right;
}

.webstories-list {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    gap: 10px;
    justify-content:flex-start;
}

.webstories-list-item {
    /* flex-basis: 24%;*/
    flex-basis: 100%;
    display: flex;
    flex-direction: column;
    gap: 3px;
    background: #fff;
    border-radius: 0 0 5px 5px;
    padding: 5px;
    margin-bottom: 5px;
}

    .webstories-list-item img {
        aspect-ratio: 3 / 4;
        object-fit: cover;
        width: 100%;
        border-radius: 8px;
        height: auto;
    }

.webstories-list-item-text {
    width: 100%;
}

    .webstories-list-item-text h3 {
        font-size: 14px;
        font-family: sans-serif;
        font-weight: 600;
        line-height: 1.5;
    }
    .webstories-list-item-text h4 {
        font-size: 13px;
        margin: 5px 0 5px 0;
    }
.image-container {
    position: relative;
    display: inline-block;
}

.webstories-icon-cotainer {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 10;
    padding: 5px;
    border-radius: 4px;
}

.webstories-icon {
    width: 10px;
    height: 18px;
    background-color: #fff;
    border-radius: 1px;
    display: inline-block;
    position: relative;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
}

    .webstories-icon::before {
        content: "";
        display: block;
        position: absolute;
        top: 3px;
        left: -4px;
        width: 2px;
        height: 12px;
        border-radius: 2px;
        background: #fff;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
    }

    .webstories-icon::after {
        content: "";
        top: 3px;
        right: -4px;
        width: 2px;
        height: 12px;
        border-radius: 2px;
        position: absolute;
        background: #fff;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
    }

.webstories-section {
    list-style: none;
    display: flex;
    gap: 8px;
    margin-left: 0;
    margin-bottom: 5px;
    padding: 7px 12px 7px 0px;
    border-radius: 5px;
    overflow: auto;
}

    .webstories-section li {
        font-size: 14px;
        text-transform: uppercase;
        min-width: max-content;
    }

    .webstories-section a {
        padding: 6px 10px 6px 11px;
        border-radius: 8px;
    }

        .webstories-section a:hover {
            color: #fff;
            background: #0b2556;
        }

.Page-title-ws {
    font-size: 18px;
    text-transform: uppercase;
    color: #de262e;
}


.webstories-section-link {
    color: #020918eb;
    background: #f1f1f1;
}

.webstories-section-link-active {
    color: #fff;
    background: #0b2556;
}
    /*End for WebStories*/

.Brief-Synopsis {
    font-size: 18px !important;
    font-family: Georgia;
    font-style: italic;
    font-weight: 500;
    line-height: 1.6 !important;
    margin-bottom: 8px;
}

.profile-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 18px;
}
.author-profile-container {
    padding: 30px 60px 15px 60px;
    background: #f1f1f1;
    border-radius: 12px;
    max-width: 850px;
    width: 100%;
    margin: auto;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
}

/* Short details section */
.author-shorts-details {
    font-family: Tahoma, Geneva, Verdana, sans-serif;
    font-size: 16px;
    gap: 20px;
}



    /* Profile image */
    .author-shorts-details img {
        width: 150px;
        height: 150px;
        object-fit: cover;
        border-radius: 50%;
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
    }

    /* Text content beside profile image */
    .author-shorts-details h1.author-name {
        font-size: 28px;
        font-weight: 700;
        margin-bottom: 5px;
    }

.author-jobtitle,
.author-org{
    font-size: 15px;
    color: #666;
    margin-bottom: 3px;
}

.author-bio-short {
    font-size: 15px;
    color: #666;
    margin-bottom: 3px;
    margin-top: 10px;
    line-height: 1.6;
}
/* Social icons */
.author-socials {
    margin: 10px 0;
    padding: 0;
}

    .author-socials .list-inline-item {
        margin-right: 10px;
    }

    .author-socials i {
        font-size: 18px;
        color: #333;
        transition: color 0.3s;
    }

    .author-socials a:hover i {
        color: #007bff;
    }
.view-full-profile {
    margin-left: auto;
    display: block;
    text-align: right;
    font-style: italic;
    font-size: 16px;
}
    .view-full-profile a {
        color: #285e84;
    }
    .view-full-profile a i {
        color: #285e84;
    }

/* Full bio section */
.author-full-details {
    margin-top: 30px;
    display: none;
}

.author-bio {
    background: #fff;
    padding: 43px 100px;
    border-radius: 8px;
    font-family: 'Georgia', serif;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
}

    .author-bio h4 {
        font-size: 22px;
        font-weight: 600;
        margin-bottom: 15px;
        color: #333;
    }

    .author-bio p {
        font-size: 17px;
        line-height: 1.7;
        color: #444;
    }

.author-article-container
{
    padding: 30px 60px 15px 60px;
    background: #f1f1f1;
    border-radius: 12px;
    max-width: 850px;
    margin: auto;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
    width: 100%;
}
    .author-article-container .section-heading {
        font-family: Tahoma, Geneva, Verdana, sans-serif;
    }
    .author-article-container .article-list {
        padding: 23px;
        background: #fff;
        border-radius: 8px;
        margin-top: 11px;
    }

/* Responsive adjustments */
@media (max-width: 768px) {
    .author-profile-container {
        padding: 20px;
    }

    .author-bio {
        padding: 20px;
    }

    .author-shorts-details {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

        .author-shorts-details img {
            margin-bottom: 15px;
        }
}