@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap");

:root {
    --primary-color-vedanta-journals: #186063;
    --light-grey-vedanta-journals: #ebebeb;
    --background-color-vedanta-journals: #f9f9f9;
    --vedanta-journals-text-color: #020e0e;
    --darker-grey-vedanta-journals: #ebebeb;
}


.grecaptcha-badge {
    visibility: hidden;
}

.grid-container {
    max-width: unset !important;
}

main#vedanta-wisdom-journals-main {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    gap: 1rem;
}

div#vedanta-wisdom-journals-primary {
    width: 100%;
    background: var(--background-color-vedanta-journals);
    max-width: 1400px;
    margin: auto;
}

div#vedanta-wisdom-journals-primary a {
    text-decoration: none;
    color: var(--primary-color-vedanta-journals);
}

.vedanta-wisdom-greeting-container {
    color: var(--primary-color-vedanta-journals);
    display: flex;
    justify-content: center;
    align-items: center;
    font-feature-settings: "calt" off;
    font-family: Inter;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: -0.0125rem;
}
.vedanta-wisdom-custom-greeting-search {
    display: flex;
    width: 100%;
    justify-content: space-around;
}

.vedanta-wisdom-search-form > label > .vedanta-wisdom-journals-search-field {
    border-radius: 1.25rem;
    border: 2px solid var(--neutrals-400, #cbd2e0);
    background: #fff;
    width: 100%;
}

form.vedanta-wisdom-search-form {
    width: 40%;
    display: flex;
    gap: 1rem;
}

form.vedanta-wisdom-search-form > label {
    width: 80%;
}

form.vedanta-wisdom-search-form > input.search-submit {
    width: 20%;
}

.vedanta-wisdom-journals-cta {
    background: var(--primary-color-vedanta-journals) !important;
    color: #fff !important;
    border-radius: 1.25rem !important;
    padding: 0rem 1.25rem !important;
    display: flex;
    justify-content: center;
    align-items: center;
}

.vedanta-wisdom-journals-cta > a {
    color: #fff !important;
}

/* Tabs Styling */
.vedanta-wisdom-tab-links {
    list-style: none;
    padding: 0;
    display: flex;
    justify-content: space-evenly;
    margin: 0;
    border-bottom: 2px solid var(--light-grey-vedanta-journals);
}

.vedanta-wisdom-tab-links li {
    padding: 10px 20px;
}

.vedanta-wisdom-tab-links li a {
    color: var(--primary-color-vedanta-journals);
    font-weight: 600;
    transition: all 0.3s ease;
    text-decoration: none;
}

.vedanta-wisdom-tab-links li.active {
    border-bottom: 2px solid var(--primary-color-vedanta-journals);
}

.vedanta-wisdom-tab-links li.active a,
.vedanta-wisdom-tab-links li a:hover {
    color: var(--primary-color-vedanta-journals);
    font-family: Inter;
}

/* Journal Cards Styling */
.vedanta-journals-card-container {
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    gap: 20px;
    padding: 20px;
}

.vedanta-article-card {
    border: 1px solid var(--light-grey-vedanta-journals);
    background-color: var(--darker-grey-vedanta-journals);
    border-radius: 5px;
    padding: 20px 20px;
}

.vedanta-article-info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    font-family: Inter;
}

.vedanta-article-info h3 {
    margin: 0;
    color: var(--vedanta-journals-text-color);
    font-weight: 400;
    font-family: Inter;
    letter-spacing: -0.00688rem;
    text-decoration-line: underline;
    font-size: 1.2rem;
}

.vedanta-article-info p {
    margin: 5px 0;
    color: var(--vedanta-journals-text-color);
    font-family: Inter;
}

/* Custom Scrollbar */
.vedanta-journals-card-container::-webkit-scrollbar {
    width: 8px;
}

.vedanta-journals-card-container::-webkit-scrollbar-thumb {
    background-color: var(--primary-color-vedanta-journals);
    border-radius: 10px;
}

.vedanta-journals-card-container::-webkit-scrollbar-track {
    background-color: var(--primary-color-vedanta-journals);
}

/* Adjust tab content container */
.vedanta-wisdom-tab-content {
    background-color: var(--background-color-vedanta-journals);
    height: 500px;
    overflow: scroll;
    overflow-x: hidden;
}

.vedanta-wisdom-journal-tabs {
    width: 70%;
}

.vedanta-wisdom-journal-tabs-column-split-container {
    display: flex;
    width: 100%;
    padding-bottom: 2rem;
}

/* */

/* Additional styling based on the provided styles */

/* Carousel Styling */
.vedanta-wisdom-carousel {
    display: flex;
    flex-direction: column;
    gap: 1rem; /* Space between carousel items */
    align-items: center; /* Center items horizontally */
    padding: 1rem;
    width: 100%; /* Adjust based on design requirement */
    overflow: hidden; /* Hide overflow */
}

.carousel-item {
    width: 100%; /* Full width of the container */
    height: auto; /* Adjust height as needed */
    background-color: var(--light-grey-vedanta-journals); /* Placeholder color, replace with actual image */
    border-radius: 8px; /* Rounded corners as per design */
}

/* Carousel navigation buttons, if any, should be styled according to the Figma design */
.carousel-nav-button {
    /* Style as per Figma design */
}

/* Contribution Section Styling */
.vedanta-wisdom-contribution-section {
    width: 100%;
    text-align: center;
    padding: 0.5rem;
    font-family: Inter, sans-serif;
    display: flex;
    flex-direction: column;
    background-color: var(--light-grey-vedanta-journals);
    border-radius: 0.625rem;
    margin: 0;
}

.contribute-button {
    background: var(--primary-color-vedanta-journals);
    color: #fff;
    border: none;
    font-weight: 600;
    font-size: 1rem !important;
    cursor: pointer;
    margin: 0 auto;
    margin-top: 0.5rem; /* Space above the button */
    border-radius: 0.625rem;
    padding: 0.625rem;
    width: fit-content;
    font-family: Inter, sans-serif; /* Inter font as per the design */
}

.contribute-button:hover {
    /* Hover effect based on Figma design */
    background-color: white;
    color: var(--primary-color-vedanta-journals);
}

.vedanta-wisdom-contribution-section p {
    font-weight: 600;
    font-size: 1.2rem;
}
/* Styles for the text and links under the contribute button */
.vedanta-wisdom-contribution-section p,
.vedanta-wisdom-contribution-section a {
    color: var(--primary-color-vedanta-journals);
    font-family: Inter, sans-serif; /* Inter font as per the design */
    margin: 0 0; /* Vertical spacing */
}

.vedanta-wisdom-contribution-section a {
    margin-top: 0.5rem;
    font-size: 0.9rem;
}

/* Ensure that the container holding both tabs and the carousel/contribution section is laid out correctly */
.vedanta-wisdom-journal-tabs-column-split-container {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
}

/* Adjust the width of the tabs and the contribution section as per the Figma design */
.vedanta-wisdom-journal-tabs {
    width: 70%; /* Adjust the width as necessary, assuming some gap between */
}

/* If the design includes a sidebar or separate container for the carousel/contribution, adjust here */
.vedanta-wisdom-journal-carousel-cards {
    width: 30%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.vedanta-wisdom-carousel-image {
    width: 95%;
    margin: auto;
    height: 300px;
    min-height: 300px;
    max-height: 300px;
    object-fit: cover;
    border-radius: 0.625rem;
}

.vedanta-journal-card {
    display: flex;
    gap: 20px;
    padding: 20px 20px;
    background-color: #ebebeb;
}

.vedanta-journal-info > h3 {
    color: var(--vedanta-journals-text-color);
    font-feature-settings: "calt" off;
    font-family: Inter;
    font-size: 1.2rem;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

/* second card width should be 40% */
.vedanta-article-info > .vedanta-article-title > h3:first-child {
    width: 60%;
}

.vedanta-journal-info > h3 {
    letter-spacing: -0.00688rem;
    text-decoration-line: underline;
}

.vedanta-journal-info > a {
    color: var(--vedanta-journals-text-color);
    font-feature-settings: "calt" off;
    font-family: Inter;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

/* 1.03125rem */
.vedanta-journal-info > a {
    letter-spacing: -0.00688rem;
}

.vedanta-article-title {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

@media screen and (max-width: 768px) {
    .vedanta-article-title {
        flex-direction: column;
        gap: 10px;
    }
}

/* Login etc. */
.login-register-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 1000;
}

.login-register-content {
    background: #fff;
    padding: 40px;
    border-radius: 8px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    text-align: center;
    width: 30%; /* Adjust width as per design */
    max-width: 400px; /* Maximum width */
    position: relative;
    margin: 20vh auto;
}

.close-button {
    position: absolute;
    top: 15px;
    right: 15px;
    font-size: 24px;
    cursor: pointer;
    border: none;
    background: none;
}

.login-register-content h2 {
    margin-bottom: 20px;
    font-size: 24px;
    font-weight: bold;
}

.login-register-content form {
    margin-bottom: 20px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    max-height: 350px;
    overflow-y: scroll;
    min-height: 350px;
    align-items: center;
    gap: 5px;
}

/* Style input fields */
.login-register-content input[type="text"],
.login-register-content input[type="password"],
.login-register-content input[type="email"],
.login-register-content input[type="number"],
.login-register-content select {
    width: 100%; /* Full width */
    padding: 15px; /* More padding for a bigger field */
    margin-bottom: 20px; /* More space between fields */
    border: 1px solid #ccc; /* Light grey border */
    border-radius: 20px; /* Rounded borders as per design */
    font-size: 16px; /* Slightly larger font size */
    box-sizing: border-box; /* Include padding and border in the width */
}

/* Style the form submission button */
.login-register-content input[type="submit"] {
    background-color: #008080; /* Primary color for the button */
    color: white; /* Text color */
    padding: 15px 20px; /* Padding to make button larger */
    font-size: 18px; /* Larger font size for readability */
    border-radius: 20px; /* Rounded corners for the button */
    border: none; /* No border */
    cursor: pointer; /* Pointer cursor on hover */
    transition: background-color 0.3s ease; /* Smooth transition for background color */
}

.login-register-content input[type="submit"]:hover {
    background-color: #006666;
}

/* Style links for a better visual cue */
.login-register-content a {
    color: #008080; /* Primary color for links */
    text-decoration: underline; /* Underline for clarity */
    transition: color 0.3s ease; /* Smooth transition for color */
}

/* Change link color on hover for visual feedback */
.login-register-content a:hover {
    color: #006666; /* Darker shade on hover */
}

/* Style the switch button to match the form submit button */
.switch-button {
    background-color: transparent; /* Transparent background */
    color: #008080; /* Match the primary color */
    padding: 10px 20px; /* Padding to increase size */
    font-size: 16px; /* Match the font size of form fields */
    border: 2px solid #008080; /* Solid border with */
}

.switch-button:hover {
    background-color: #f2f2f2;
    color: #006666;
}

/* Overlay covering the entire viewport */
.subscription-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
}

/* Subscription content centered with max-width for responsiveness */
.subscription-content {
    background: #fff;
    padding: 40px;
    border-radius: 10px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25);
    width: 50%; /* Starting width */
    max-width: 960px; /* Max width to maintain reasonable size */
    box-sizing: border-box;
    position: fixed; /* Fixed position to stay in place */
    top: 50%; /* Start at 50% from the top */
    left: 50%; /* Start at 50% from the left */
    transform: translate(-50%, -50%); /* Offset the element by its own size to center */
    z-index: 1001; /* Ensure it's above the overlay */
}

/* Media query for smaller screens */
@media (max-width: 768px) {
    .subscription-content {
        width: 80%; /* Increase width to 80% for smaller screens */
        padding: 20px; /* Reduce padding on smaller screens */
    }
}

/* Further adjustments for very small screens */
@media (max-width: 480px) {
    .subscription-content {
        width: 90%; /* Increase width to 90% for very small screens */
    }
}

.subscription-content .close-button {
    position: absolute;
    top: 20px;
    right: 20px;
    font-size: 24px;
    cursor: pointer;
}

.subscription-content h2 {
    text-align: center;
    color: #333; /* Darker font color for the title */
    margin-bottom: 30px; /* More space below the title */
}

.subscription-options {
    display: flex;
    justify-content: space-between; /* Space out options equally */
}

.subscription-option {
    text-align: center;
    flex-basis: calc(33.333% - 20px); /* Divide space equally between options, minus some margin */
    margin: 10px; /* Margin around options */
    padding: 20px; /* Padding inside the options */
    background: #f9f9f9; /* Light background for each option */
    border-radius: 10px; /* Rounded corners for option boxes */
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); /* Subtle shadow for each option */
    cursor: pointer; /* Pointer cursor on hover */
    /* text should not be selectable */
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */
}

.subscription-option h3 {
    color: #008080; /* Styling h3 to match your primary color */
    margin-bottom: 15px; /* Spacing below the option title */
}

.subscription-option p {
    margin-bottom: 15px; /* Spacing below the paragraph */
}

.subscription-option input[type="text"] {
    margin-bottom: 20px; /* More space below input fields */
    width: 100%; /* Full width of the column */
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 16px;
}

.subscription-option button {
    padding: 10px 20px;
    background-color: #008080; /* Primary color for the button */
    color: white;
    border: none;
    border-radius: 4px;
    width: 100%; /* Full width button */
    cursor: pointer;
    transition: background-color 0.2s; /* Transition for button background color */
}

.subscription-option button:hover {
    background-color: #006666; /* Slightly darker on hover */
}

.subscription-tabs {
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
}

.tab {
    padding: 10px 20px;
    margin: 0 10px;
    background-color: transparent;
    border: none;
    border-bottom: 3px solid transparent;
    cursor: pointer;
    transition: all 0.3s ease;
}

.tab:focus,
.tab.active {
    border-bottom: 3px solid green;
    font-weight: bold;
    background-color: #f0f0f0;
}

.subscription-details {
    border: 1px solid #ccc;
    padding: 20px;
    margin-bottom: 20px;
    border-radius: 4px;
    background-color: #f9f9f9;
    display: none; /* Hide by default, will be shown when tab is clicked */
}

.subscription-details.active {
    display: block; /* Show the active tab content */
}

.subscribe-button {
    width: 100%;
    padding: 15px;
    background-color: #008080;
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    transition: background-color 0.2s;
}

.subscribe-button:hover {
    background-color: #006666;
}

.subscription-options {
    display: flex;
    justify-content: center;
    padding: 10px;
    border: 1px solid #ccc; /* Optional: if you want a border around the entire options area */
    border-radius: 8px;
}

.subscription-option {
    flex: 1; /* Distributes space evenly */
    margin: 10px;
    padding: 20px;
    border: 2px solid transparent; /* Default state, no border visible */
    border-radius: 8px;
    text-align: center;
    transition: all 0.3s ease;
    position: relative;
    padding-bottom: 90px;
}

.subscription-option.active {
    border-color: green; /* Green border for the active plan */
}

.subscription-option h3 {
    margin-bottom: 10px;
}

.subscription-option ul {
    padding: 0;
    margin-bottom: 10px;
    margin-left: 10px;
}

.subscription-option ul li {
    text-align: center;
    margin-bottom: 5px;
}

.subscription-option ul li.not-included {
    text-decoration: line-through; /* Shows that the item is not included in the plan */
}
#subscription-type {
    text-transform: capitalize;
}

.subscription-option .price {
    font-weight: bold;
    margin-top: 10px;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
}

.amount-input {
    font-size: 1rem !important; /* Adjust the size to match the design */
    border: none !important; /* Removes the border */
    border-bottom: 1px solid #ccc !important; /* Creates the underline effect */
    padding: 5px 0 !important; /* Adjust padding to preference */
    outline: none !important; /* Removes the default focus outline */
    width: 5ch !important; /* Adjust width to fit content */
    text-align: right !important; /* Keeps the text right-aligned */
    background: transparent !important; /* Ensures the input has no background */
    margin-left: 20px !important; /* Gives space for the currency symbol */
}

.currency-symbol {
    position: absolute;
    margin-left: -20px; /* Positions the currency symbol just left of the input field */
}

/* This will remove the spinner inside the input when it's a number type */
.amount-input[type="number"]::-webkit-inner-spin-button,
.amount-input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.amount-input[type="number"] {
    -moz-appearance: textfield; /* Removes spinner for Firefox */
}

.amount-input:focus {
    border-bottom: 2px solid #008080; /* Changes the underline to a thicker one with a different color on focus */
}

/* Adjust the input placeholder color if needed */
.amount-input::placeholder {
    color: #ccc; /* Light grey, adjust if necessary */
    opacity: 1; /* Full opacity */
}

/* Journal Popup */

.journal-popup {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 60%; /* Adjust width as per design */
    max-width: 900px; /* Maximum width */
    background-color: #ffffff;
    z-index: 1001;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    overflow: hidden;
    display: none; /* Initially hidden */
}

.journal-popup-content {
    display: flex;
    flex-direction: column;
    padding: 20px;
    font-family: "Inter", sans-serif;
}

.close {
    position: absolute;
    top: 20px;
    right: 20px;
    font-size: 1.5em;
    cursor: pointer;
    z-index: 1002;
}

.journal-header {
    text-align: center;
    padding-bottom: 20px; /* Space between title and articles */
}

.journal-title {
    font-weight: 700;
    font-size: 2em;
    color: #333;
}

.journal-body {
    display: flex;
    justify-content: space-between;
}

.journal-articles {
    overflow-y: auto;
    max-height: 400px; /* Set a fixed height to make the div scrollable */
    width: 70%; /* Adjust based on your design */
    margin-right: 20px; /* Space between articles and cover image */
}

.journal-articles ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.journal-articles li.journal-article {
    border-bottom: 1px solid #eee;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.article-title {
    font-weight: 600;
    font-size: 1.2em;
    color: #000;
}

.article-meta,
.article-abstract {
    font-size: 0.95em;
    color: #666;
    font-weight: 400;
}

.journal-cover {
    max-width: 25%; /* Adjust as per design */
    align-self: start; /* Align to top if content is shorter */
}

.journal-cover img {
    width: 100%;
    display: block;
}
.journal-issue-selector {
    width: 100%;
    margin: 0;
    padding: 0;
    display: flex;
    gap: 1rem;
}

/* Adjust the layout for mobile devices */
@media screen and (max-width: 768px) {
    .journal-popup {
        width: 80%;
        left: 10%;
        top: 10%;
        transform: none;
        margin-top: 20vh;
    }

    .journal-body {
        flex-direction: column;
    }

    .journal-articles,
    .journal-cover {
        width: 100%;
        max-width: none;
        margin-right: 0;
    }

    .journal-cover {
        margin-top: 20px;
    }
}

/* Add smooth appearance */
.journal-popup.show {
    display: block;
    animation: fadeIn 0.3s;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translate(-50%, -60%);
    }
    to {
        opacity: 1;
        transform: translate(-50%, -50%);
    }
}

.search-results-header {
    display: flex;
    gap: 20px;
    padding: 20px;
}

button.back-button {
    padding: 10px;
    height: 50px;
}

.vedanta-journals-scroll-y {
    height: 500px;
    overflow-y: scroll;
    overflow-x: hidden;
}

@media screen and (max-width: 1300px) {
    .subscription-content {
        padding: 20px;
        width: 90%;
        max-width: 90vw;
    }
    .grid-container {
        max-width: 1200px !important;
    }
}

@media screen and (max-width: 768px) {
    .vedanta-wisdom-custom-greeting-search {
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
    }

    form.vedanta-wisdom-search-form {
        width: 100%;
    }

    form.vedanta-wisdom-search-form > input.search-submit {
        padding: 10px;
    }

    .vedanta-wisdom-journals-cta {
        padding: 0.5rem 1.25rem !important;
        width: 45%;
    }

    .vedanta-wisdom-carousel {
        width: 100%;
    }

    .vedanta-wisdom-journal-tabs-column-split-container {
        flex-direction: column;
    }

    .vedanta-wisdom-journal-tabs {
        width: 100%;
    }
    .vedanta-wisdom-journal-carousel-cards {
        width: 100%;
    }

    .vedanta-article-info > .vedanta-article-title > h3:first-child {
        width: 100%;
    }

    .vedanta-article-title {
        justify-content: center;
        flex-direction: column;
    }

    .subscription-options {
        flex-direction: column;
    }

    div#subscription-options {
        overflow: scroll;
    }

    .subscription-content {
        padding: 1rem;
    }

    .subscription-content h2 {
        margin-bottom: 1rem;
    }

    .subscription-option p {
        font-size: 1rem;
        line-height: 1rem;
        display: none;
    }

    .subscribe-button {
        margin-top: 1rem;
    }

    .subscription-options {
        padding: 0px;
    }

    .subscription-option {
        padding: 0.5rem;
    }

    .subscription-option h3 {
        font-size: 1.3rem;
    }

    .subscription-option ul li {
        line-height: 1rem;
        list-style: none;
    }

    .subscription-option .price {
        display: block !important;
    }

    .journal-issue-selector {
        gap: 0.2rem;
    }
    .subscription-options {
        justify-content: flex-start;
    }
    .currency-symbol {
        margin-left: 0px;
        margin-top: 10px;
    }
    .subscription-content {
        height: max-content;
    }
    .subscription-options {
        max-height: 68vh;
        overflow: scroll;
    }
    .subscription-option {
        padding-bottom: 4.7rem;
    }

    .vedanta-journal-card {
        flex-direction: column;
    }

    img.journal-cover-image {
        max-width: 100% !important;
        max-height: 100% !important;
    }

    .journal-popup-content > .journal-body {
        /* flex-direction: column; */
        height: 100%;
    }

    .journal-popup-content > .journal-body > .journal-articles {
        min-width: 67%;
        padding-right: 0.5rem;
        min-height: 100%;
    }

    .journal-popup-content > .journal-body > .journal-cover {
        display: none;
    }

    .journal-popup-content {
        width: unset;
        height: 100%;
    }

    .journal-header {
        padding-right: 20px;
    }

    .journal-popup {
        width: 90%;
        left: 5%;
        top: 5%;
        height: 90vh;
        margin-top: 0px;
    }
    .vedanta-wisdom-tab-content {
        height: 100%;
        overflow-y: visible;
    }

    .vedanta-journals-card-container {
        padding: 0px;
    }

    .login-register-content {
        width: 100%;
    }

    .vedanta-journals-scroll-y {
        overflow-x: auto;
        overflow-y: auto;
        height: max-content;
    }
}

.page-hero {
    display: none !important;
}