html {scroll-behavior: smooth; scroll-padding-top: 70px;}

/*---------------------- Masthead Start ------------------------------- */

.webp .mh { background-image: linear-gradient(to bottom right,#0a264c77,#030b1755), url("/Uploaded/Image/mastheads/Subscription-Support-Blue.webp"); }
.no-webp .mh { background-image: linear-gradient(to bottom right,#0a264c77,#030b1755), url("/Uploaded/Image/mastheads/Subscription-Support-Blue.jpg"); }

/*---------------------- Masthead End ------------------------------- */

.Exclusive {
text-transform: uppercase;
color: #ff6319;
font-weight: 700;
padding-left: 10px;
}

#regBodyContent ul li  {
    padding-bottom: 12px;
}

#regWhite .card-col-container { column-gap: 40px;}

#regGrey .major-title, #regPurple .major-title {font-size: clamp(1.4rem, 1.142rem + 1.142vw, 2rem); text-transform: uppercase; font-weight: 700; color: white; line-height: 1em; margin: 20px 0 0; border-bottom: 1px solid #00b6ff; width: fit-content; padding-bottom: 6px;}

#regWhite .major-title {font-size: clamp(1.4rem, 1.142rem + 1.142vw, 2rem); text-transform: uppercase; font-weight: 700; color: black; line-height: 1em; margin: 20px 0 0; border-bottom: 1px solid #00b6ff; width: fit-content; padding-bottom: 6px;}

#regPurple .major-title { margin: 0px;}


html {scroll-behavior: smooth;}

#regPurple .card-col-container.intro-text {
    grid-gap: 10px;
}

#regGrey{
background: #262626;
}

#regGrey .section-title {
color: white;
    background: transparent !important;
    border: none;
    box-shadow: none;
    width: fit-content;
    margin: 20px auto 0;
    border-bottom: 2px solid #00b6ff;
    border-radius: 0;
    font-weight: 600;
}

#regPurple .intro-text .section-title {
    background: transparent;
    border: none;
    color: #383838;
    box-shadow: none;
    width: fit-content;
    margin: 20px auto 0;
    border-bottom: 2px solid #00b6ff;
    border-radius: 0;
    font-weight: 600;
}

#regPurple .intro-text .across-all-text {
    margin: 10px auto;
}

#regPurple .benefit-filters {
    display: flex;
    margin: 0 auto 20px;
    grid-column: -1/1;
}

#regPurple .benefit-filters li {
    color: #0071ee;
    padding: 10px;
    text-indent: 0;
    font-weight: 600; 
    cursor: pointer;
}

#regPurple .benefit-filters li:hover {
    color: #ff6600;
}


@media (min-width: 701px) {
.all .mob-hide.benefit-filters li:nth-child(1), .software .mob-hide.benefit-filters li:nth-child(2), .discount .mob-hide.benefit-filters li:nth-child(3), .support .mob-hide.benefit-filters li:nth-child(4), .training .mob-hide.benefit-filters li:nth-child(5), .development .mob-hide.benefit-filters li:nth-child(6) {
   border-bottom: 2px solid;
}
}


@media (max-width: 700px) {
.all .mob-show.ulA.benefit-filters li:nth-child(1), .software .mob-show.ulA.benefit-filters li:nth-child(2), .discount .mob-show.ulA.benefit-filters li:nth-child(3),

.support .mob-show.ulB.benefit-filters li:nth-child(1), .training .mob-show.ulB.benefit-filters li:nth-child(2), .development .mob-show.ulB.benefit-filters li:nth-child(3)   {
   border-bottom: 2px solid;
}
}





ul.benefit-filters {
    list-style: none;
}


/* --- BENEFITS START --- */
#regPurple .card-col-container {
    grid-gap: 30px;
}

#regPurple .Inner {
    max-width: 1450px;
}

#regPurple {
background: #eee
}

.benefit {
    text-align: left;
    transition: 0.3s ease opacity;
    opacity: 0;
    margin: 10px;
}

.benefit.enhanced {
    border-color: #fc8019;
}

.benefit.core {
order: 2;
}

.benefit-header:before {
    content: "";
    position: absolute;
    width: 185px;
    height: 70px;
    background-size: cover;
    background-image: url(https://images.solidsolutions.co.uk/uploaded/image/Subcriptions/enhancedWd.webp);
    left: 5px;
}

.core .benefit-header:before {
    background-image: url(https://images.solidsolutions.co.uk/uploaded/image/Subcriptions/coreWd.webp);
}


.item-show .benefit {
   opacity: 1;
}

.benefit img {
    aspect-ratio: 16/9;
    width: 100%;
}

.benefit-header {
    position: relative;
}

.benefit-category {
    color: #00b6ff;
    font-weight: bold;
    font-size: 0.9em;
    text-transform: uppercase;
    text-align: left;
}

.benefit-category em {
   font-size: 18px;
   margin-right: 6px;
}

.benefit-title {
    margin-top: 5px;
    font-size: 1rem;
    font-weight: bold;
    color: #333;
    text-align: left;
    border-bottom: 1px solid #00b6ff;
    padding-bottom: 5px;
    transition: 0.5s ease color;
    margin-bottom: 10px;
}

.benefit .accordion {
   margin-top: 10px;
}

.benefit .accordion-header {
    padding-left: 0em;
    text-indent: 0em;
    color: #0071ee;
    font-weight: 600;
}

.benefit .accordion-header:hover {
    background: none;
    color: #ff6600;
}

.benefit .accordion__item.active .accordion-header {
    background: none;
    color: #ff6600;
    border-bottom: 1px solid #bbb5;
}

.benefit .accordion-body__contents {
    padding: 10px;
}

.benefit .accordion-header svg {
    margin: 0 15px 0 5px;
}

.benefit .accordion-body__contents {
       padding: 10px 0;
}

#Benefits .discount, #Benefits .software, #Benefits .support, #Benefits .training, #Benefits .development {
    display: none;
}

#Benefits.all .discount, #Benefits.discount .discount, #Benefits.all .software,  #Benefits.software .software, #Benefits.all .support, #Benefits.support .support,  #Benefits.all .training, #Benefits.training .training, #Benefits.all .development, #Benefits.development .development {
    display: block;
}

#regWhite .card-span a {
    color: #ff6319;
    font-weight: bold;
    text-decoration: none;
}

#regPurple .card-span a, #regPurple .card-span a:hover, #regBlue .card-span a:hover {
    text-decoration: none;
}


.accordion-header.claim-offer:before { content: "\f02c";}
.accordion-header.event-offer:before { content: "\f073";}


@media (max-width: 700px) {
#regPurple .card-col-container { column-gap: 10px;}
}

/* --- BENEFITS END --- */

#regGreen { background: white;}
#regGreen header { background: #1d4f91;}
#regGreen .card-headingTitle { text-align: center;}
#regGreen .card-heading { border-color: #63666a;}

.partner-offer { width: 100%; margin: 20px 0 10px;}
.partner-offer .offer { display: flex; justify-content: end; align-items: center;}
.partner-offer .offer p { color: white; background: #ef972e; width: fit-content; padding: 10px; text-transform: uppercase; font-weight: 600; font-size: 1.3em;}


.sub-heading { text-align: left; font-weight: bold; padding-left: 10px; margin: 20px 0 10px; text-transform: uppercase; color: #262626;}



@media (max-width: 700px) {
#regWhite .card-col-container { column-gap: 10px;}
.partner-offer .offer { align-items: center;}
.partner-offer .partner { justify-content: center;}
#Benefits {row-gap: 10px; column-gap: 10px;}
}



/*----- ABOUT FOOTER -----*/


#regBlue .card-subtitle {
    font-size: 1.3em;
    font-weight: 400;
    color: #ffffff!important;
    border-style: none;
    border-width: 0 0 1px 0;
    padding-bottom: 10px;
    width: 100%;
}

#regBlue .card-icon img {
    filter: unset;
}

.card-span.across-three.clean {
    background: transparent;
    color: #fff;
align-text: center;
}

#regBlue .card-span {
     text-align: center;
}

#regGrey .card-span {
margin: 40px 0 0;
}

#regBlue .Inner {
    padding-top: 0px;
    padding-bottom: 0px;
}

/*----- ABOUT FOOTER -----*/