.samples{background-color:#fff;padding:30px 0}.samples-title{text-align:center}.samples-list{display:flex}.sample{min-width:305px;background-color:#fff;border-radius:4px;border:2px solid #3aa5e5;box-shadow:3px 3px 10px 0 rgb(138 138 138/22%)}.sample:hover{box-shadow:3px 3px 10px 0 rgb(138 138 138/42%)}.sample-head{padding:10px 10px 0}.sample-center{padding:10px}.sample-bottom{padding:10px;display:flex;justify-content:flex-end}.sample-head h4{color:#0077b3;padding:5px 0}.sample-prop{display:flex;padding:5px 0}.sample-prop-name{display:flex;flex-basis:45%;justify-content:flex-end;padding-right:5px}.sample-prop-value{flex-basis:55%;padding-left:5px;font-weight:500;color:#4b4b4b}.sample-prop:nth-child(even){background-color:#f7f7f7}.view-sample-btn{background:#1c97d7;color:#fff;text-decoration:none;padding:8px 12px;border-radius:5px;font-size:18px}.view-sample-btn:hover{background:#3aa5e5}.samples-footer{display:flex;justify-content:flex-end;padding:10px 15px}.samples-view-all{font-size:15px}@media(min-width:730px){.samples-list{justify-content:space-between}}@media(max-width:959px){.samples-list{flex-wrap:wrap}.sample{flex-grow:1;margin:15px}}@media(max-width:320px){.sample{margin:15px 0;min-width:300px}.sample-prop-name,.sample-prop-value{font-size:12px}.view-sample-btn{font-size:14px}}