.section.topsamples {width: 100%;max-width: 1920px;margin-left: auto;margin-right: auto;background: var(--light);padding-top: 33px;padding-bottom: 39px;background-position: center;background-repeat: repeat; } @media (min-width: 992px) {.section.topsamples {padding-bottom: 90px;} } .section.topsamples > .container, .section.topsamples > .container-fluid {position: relative;padding-left: 16px;padding-right: 16px; } .section.topsamples > .container h1, .section.topsamples > .container .h1, .section.topsamples > .container-fluid h1, .section.topsamples > .container-fluid .h1 {padding: 1px 0;font-weight: 700;text-align: left;font-size: 24px;margin-bottom: 4px; } @media (min-width: 992px) {.section.topsamples > .container h1, .section.topsamples > .container .h1, .section.topsamples > .container-fluid h1, .section.topsamples > .container-fluid .h1 {font-size: 38px;margin-bottom: 28px;} } .section.topsamples > .container .btn, .section.topsamples > .container-fluid .btn {border-radius: 12px;width: 100%;margin-bottom: 23px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } .section.topsamples > .container .btn.btn-lg, .section.topsamples > .container-fluid .btn.btn-lg {display: flex;flex-direction: row;align-items: center;justify-content: center;max-width: 340px;margin-left: auto;margin-right: auto; } @media (min-width: 992px) {.section.topsamples > .container .btn.btn-lg, .section.topsamples > .container-fluid .btn.btn-lg {margin-top: -77px;margin-bottom: 4px;} } .section.topsamples > .container .btn.btn-column, .section.topsamples > .container-fluid .btn.btn-column {flex-direction: column;display: flex;align-items: center;justify-content: center;padding: 23px;font-weight: 400;font-size: 14px; } @media (min-width: 992px) {.section.topsamples > .container .btn.btn-column, .section.topsamples > .container-fluid .btn.btn-column {display: none;} } .section.topsamples > .container .btn.btn-column svg, .section.topsamples > .container-fluid .btn.btn-column svg {width: 24px;height: auto; } .section.topsamples > .container .carousel .holder, .section.topsamples > .container-fluid .carousel .holder {margin-left: -16px;margin-right: -16px;padding-left: 16px; } .section.topsamples > .container .carousel .holder .slide, .section.topsamples > .container-fluid .carousel .holder .slide {height: auto; } .section.topsamples > .container .carousel .holder .item, .section.topsamples > .container-fluid .carousel .holder .item {padding-top: 10px;padding-bottom: 10px; } .section.topsamples > .container .card-4, .section.topsamples > .container-fluid .card-4 {width: 256px; } .section.topsamples > .container .card-4 .card-title, .section.topsamples > .container-fluid .card-4 .card-title {font-size: 24px;margin-bottom: 6px; }