.cardBox{table-layout:fixed;border-radius:2px;align-items:center;width:100%;margin:auto;box-shadow:0 2px 2px #00000024,0 3px 1px -2px #0000001f,0 1px 5px #0003}.cardBox table{border-collapse:collapse;width:100%}.cardBox.hasTitleBar .titleBar,.cardBox:not(.hasTitleBar),.cardBox:not(.hasTitleBar) a{color:#fff}.cardBox:not(.hasTitleBar) .titleBar h5{box-sizing:border-box;text-align:center;padding:18px 12px 0;font-weight:700}.cardBox.hasTitleBar .titleBar .cardTitle{box-sizing:border-box;padding:14px 24px;font-family:Montserrat;font-size:24px;font-weight:700}.cardBox td{padding:0}.cardBox .cardIcon{width:52px;padding:0 0 16px 24px;font-size:48px}@media only screen and (width>=750px){.cardContainer.left{margin:12px 0}}.cardContainer{min-width:250px;max-width:800px;min-height:50px;margin:12px auto}.cardContainer.mobile .cardBox:not(.hasTitleBar) .titleBar h5{box-sizing:border-box;text-align:center;padding:18px 12px 0}.cardContainer.mobile .cardBox.hasTitleBar .titleBar h5{padding:14px 18px}.cardContainer.mobile .cardIcon{padding:0 0 16px 12px}.cardContainer.mobile .cardMessageBody{padding:8px 12px 18px}.cardContainer.mobile .cardMessageBody.hasIcon{box-sizing:border-box;width:calc(100% - 60px)}.cardMessageBody{padding:12px 24px 18px}.cardMessageBody ul{margin:6px 0 0;padding-left:16px}.cardTitle{text-align:left;margin:0;font-weight:400}
