.twoupshadow .material-card{border-radius:10px;box-shadow:0 0 12px 2px rgba(0,0,0,0.16);outline:1px solid transparent} .twoupshadow .material-surface{position:relative;z-index:1} .twoupshadow .badge-height{height:21px} .add-scrollanimation{animation:scrollAnimation .5s ease-in-out .5s forwards;opacity:0} .twoupshadow section>div:not(.scroll-fadein-fadeout) .remove-scrollanimation{opacity:1 !important} @keyframes scrollAnimation{0{opacity:0} 100%{opacity:1} } .remove-scrollanimation{opacity:0} .twoupshadow .cards .card a:not(.cta){display:block;text-align:center} .twoupshadow .product input[disabled="disabled"] ~ label{cursor:not-allowed !important} .twoupshadow .cards .card .card-body a.cta::after{bottom:0;margin-bottom:.5px;top:auto;margin-top:0;margin-left:2px} html:not([dir=rtl]) .twoupshadow .cards .card .card-body a.cta::after{right:auto} html[dir=rtl] .twoupshadow .cards .card .card-body a.cta::after{left:auto} html[dir=rtl] .twoupshadow .cards .card .material-card .custom-checkbox{right:15px;top:7px} .twoupshadow .material-card div>a{text-decoration:none} .twoupshadow .material-card div>a .badge{color:#000} @media screen and (min-width:1084px){.twoupshadow .cards .col:nth-child(1){padding-right:18px !important} .twoupshadow .cards .col:nth-child(2){padding-left:12px !important} .twoupshadow .cards .card .card-body{width:1px} html[dir=rtl] .twoupshadow .cards .col:nth-child(1){padding-left:12px !important} html[dir=rtl] .twoupshadow .cards .col:nth-child(2){padding-right:0 !important} .twoupshadow .material-surface{padding:.275em .60em;font-size:.85rem;margin-left:2px} } @media screen and (max-width:767px){.twoupshadow .d-none.d-sm-block,.twoupshadow .d-none.d-sm-flex{display:none !important} .twoupshadow .d-block.d-sm-none{display:block !important} .twoupshadow .card>.d-flex{flex-direction:column} .twoupshadow .card .align-items-center>a{width:100%} .twoupshadow .card .align-items-center>.card-body{width:100%} .twoupshadow .material-card{height:auto !important;display:block;justify-content:space-around} .twoupshadow .card-flex-column{flex-direction:column} .twoupshadow .card{padding-top:.7rem !important} .twoupshadow .cards .card .material-card .custom-checkbox{display:flex;padding-bottom:10px;justify-content:center;padding-left:0 !important} html[dir=rtl] .twoupshadow .custom-checkbox{padding-right:0 !important} .twoupshadow .link-group{display:flex;justify-content:space-around} .twoupshadow .material-surface{margin-left:-12px} html[dir=rtl] .twoupshadow .material-surface{margin-right:-12px} } @media screen and (min-width:768px) and (max-width:1083px){.twoupshadow .twoupshadow-tiles{max-width:100%;flex:0 0 100%} .twoupshadow .material-surface{margin-left:-14px} html[dir=rtl] .twoupshadow .material-surface{margin-right:-8px} } @media screen and (max-width:1084px){.twoupshadow .card .card-body .link-group{font-size:24px !important} } @media screen and (min-width:768px){.twoupshadow .custom-checkbox{padding-left:0 !important} html[dir=rtl] .twoupshadow .custom-checkbox{padding-right:0 !important} }