@media (max-width: 767px) {
    h2 {
        font-size: 48px !important;
    }
}
.small h2
{
    font-size: 2em !important;
    line-height: normal !important;;
}
.solution_cards_box .solution_card {
    flex: 0 50%;
    background: #fff;
    box-shadow: 0 2px 4px 0 rgba(136, 144, 195, 0.2),
    0 5px 15px 0 rgba(37, 44, 97, 0.15);
    border-radius: 15px;
    margin: 8px;
    padding: 20px 25px;
    position: relative;
    z-index: 1;
    overflow: hidden;
    min-height: 265px;
    transition: 0.7s;
}
.solution_cards_box .solution_card:hover {
    background: #D4DAED;
    transform: scale(1.1);
    z-index: 9;
}
.sppb-form-group label, label.form-label {
    transform: none;
}
.solution_cards_box .solution_card:hover::before {
    background: rgb(189 38 38 / 10%);
}

.solution_cards_box .solution_card:before {
    content: "";
    position: absolute;
    background: rgb(189 38 38 / 5%);
    width: 170px;
    height: 400px;
    z-index: -1;
    transform: rotate(42deg);
    right: -56px;
    top: -23px;
    border-radius: 35px;
}
/* Step 1: Common Duotone positioning properties: All required to make icons render reliably */
.item-field.duotone {
    position: relative;
    padding-left: 1.50em; /* make space for the width of the absolutely positioned icon */
}

/* Step 2: Set the font styles for Duotone */
.item-field.duotone::before,
.item-field.duotone::after {
    font: var(--fa-font-duotone);

    /* include the basic Font Awesome font style settings if you haven't already */
    display: inline-block;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;

    /* position both layers of the icon to the left, set our fixed-width width, horizontally center layers, and then vertically align them so they flex with different line heights */
    position: absolute;
    left: 0;
    top: 15%;
    transform: translateY(0%);
    width: 1.25em;
    text-align: center;
}

/* Step 3: Set the default opacity levels and colors for each layer */
.item-field.duotone::before {
    color: var(--fa-primary-color, #181f39);
    opacity: 1;
    opacity: var(--fa-primary-opacity, 1.0);
}

.item-field.duotone::after {
    color: var(--fa-secondary-color, #bd2525);
    opacity: var(--fa-secondary-opacity, 0.4);
}

.item-field.users::before {
    content: "\f0c0";
}
.item-field.users::after {
    content: "\f0c0\f0c0";
}
.item-field.stopwatch::before {
    content: "\f2f2";
}
.item-field.stopwatch::after {
    content: "\f2f2\f2f2";
}
.item-field.video::before {
    content: "\f03d";
}
.item-field.video::after {
    content: "\f03d\f03d";
}
.sppb-row-overlay {
    border-radius: 25px !important;
}
.view-category .blog .article-list .article {
    margin-bottom: 50px;
}
.article363 .published_date {
    display: none;
}
.article363 .product-item-link, .article363 .tag {
    color: #fff;
}
.solution_cards_box > .article363 > .solution_card {
    background-image: url(/images/banners/vjsm-video-submit-adv2.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: inherit;
    background-position: 50% 50%;
}
@media (max-width: 767px) {
    .products-toolbar .orderby-displaynumber {
        display: none;
    }
}
.ja-filter-wrapper .filter-content, .products-toolbar .orderby-displaynumber {
    background: rgba(231, 54, 43, 0.1);
    border-radius: 10px;
}
.ja-filter-wrapper .filter-content .filter-options-title span {
    background-color: #bd2525;
    color: #fff;
}
.ja-filter-wrapper .filter-content .filter-options-title span::after {
    color: #fff;
}
.ja-filter-wrapper .filter-content .filter-options-title span:hover::after {
    color: #f1f1f1;
}
.is_stuck {
    top: 100px !important;
}
#section-id-1618830794357 {
    padding-top: 0px !important;
    padding-bottom: 50px !important;
}
.sp-page-title-img-legend .sp-page-title, .sp-page-title-img-award .sp-page-title, .sp-page-title-img-preference .sp-page-title, .sp-page-title-img-debate .sp-page-title, .sp-page-title-img-residents .sp-page-title {
    background-size: cover;
}
.sp-page-title-img-legend h2.sp-page-title-heading, .sp-page-title-img-award h2.sp-page-title-heading, .sp-page-title-img-preference h2.sp-page-title-heading, .sp-page-title-img-debate h2.sp-page-title-heading, .sp-page-title-img-residents h2.sp-page-title-heading {
    font-size: 0px !important;
    line-height: 0px !important;
    margin-top:15px;
}
.sp-page-title-img-preference .sp-page-title .breadcrumb > li + li::before, .sp-page-title-img-preference .sp-page-title .breadcrumb > li > a {
    color: #000;
}
.sp-page-title-img-legend h2.sp-page-title-heading::after  {
    content: url('/images/vjsm-legend-logo-350.png');
}
.sp-page-title-img-debate h2.sp-page-title-heading::after  {
    content: url('/images/vjsm-debate-logo-300-v2.png');
}
.sp-page-title-img-residents h2.sp-page-title-heading::after  {
    content: url('/images/vjsm-residents-logo-300.png');
}
.sp-page-title-img-award h2.sp-page-title-heading::after  {
    content: url('/images/VJSM.Awards-logo-350.png');
}
.sp-page-title-img-preference h2.sp-page-title-heading::after  {
    content: url('/images/VJSM-My-Preference-Is-logo-350.png');
}
select.form-control:not([multiple]), select:not(.form-control):not(.form-select):not([multiple]), select.inputbox:not([multiple]), select:not([multiple])
{
    height: calc(2.25rem + 20px);
}
.tags>li a {
    background: rgba(231, 54, 43, 0.1);
}

/* Peer Reviewed Sponsor Images Placeholders */
/* Loaded above the Title but invisible */
/* Moved to the actual sidebar or mobile spot with JS. */
/* 27-08-2026 - JW */

.peer-reviewed-sidebar-desktop-images,
.peer-reviewed-sidebar-mobile-images {
    display:none;
}



/* Moved here from the Helix Ultimate Custom CSS rules input */
/* 27-08-2026 - JW */

body.ltr .sp-megamenu-parent > li.sp-has-child > a::after, body.ltr .sp-megamenu-parent > li.sp-has-child > span::after {
    font-family: "Font Awesome 6 Free";
}
.fab {
    font-family: "Font Awesome 6 Brands" !important;
}
.body-innerwrapper::after {
    content: "";
    position: absolute;
    top: 70px;
    left: 0;
    right: 0px;
    height: 550px;
    background: linear-gradient(180deg,#D4D9ED 50%,#FFF 100%);
    z-index: -1;
}
#sp-header, .view-category #sp-header, .com-users.view-profile #sp-header, .com-users.view-login #sp-header {
    background: #ffffff !important;
}
.view-article #sp-main-body .container .article-details .article-detials-title-wrap {
    padding-top: 70px;
    padding-bottom: 0px;
    padding-left: 15px;
    padding-right: 15px;
}
.sp-page-title > .container {
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
}
.view-article #sp-main-body .container .article-details .article-details-img-wrap {
    background-image: url(../images/vjpu-bg1.jpg) !important;
    height: 250px !important;
}
.view-article #sp-main-body .container .article-details .article-details-img-wrap .article-full-image {
    bottom: -200px !important;
    max-width: 650px !important;
}
#sp-menu .sp-menu-with-contact::after {
    background-color: transparent !important;
}
.burger-icon > span {
    background-color: #181F39 !important;
}
.sp-page-title {
    padding: 150px 0px 25px 0px;
}
.view-category {
    background-image: none !important;
}
.view-category .blog .article-list.articles-leading {
    padding-top: 0px !important;
}
.view-category .blog .article-list .article .article-body {
    flex-direction: column !important;
    max-width: 90%;
    padding-left: 0px !important;
}
.layout-edit-iframe #sp-header {
    display: none !important;
}
@media (max-width: 575px) {
    .article-details .article-header h1, .article-details .article-header h2 {
        font-size: 1.5rem;
    }
}
.banneritem {
    margin-bottom:20px;
}