body { margin: 0; -ms-overflow-style: none; scrollbar-width: none; } #wpc-simplify-work-cards { background: #f1f1f2; box-sizing: border-box; } #wpc-simplify-work-cards h2 { text-align: center; font: normal normal bold 28px/30px Lato; letter-spacing: 0px; color: #000; opacity: 1; padding-top: 23px; margin-bottom: 27.95px; } .wpc-cards-container { display: flex; flex-direction: row; overflow-x: scroll; gap: 20px; padding: 0px 20px 27.05px 36.5px; cursor: grab; scrollbar-width: none; overflow-x: scroll; -ms-overflow-style: none; scrollbar-width: none; } .wpc-cards-container::-webkit-scrollbar { display: none; } .wpc-scroll-type { scroll-snap-type: x mandatory; } .wpc-scroll-snap { scroll-snap-align: center; } .wpc-card-gw { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 0px; background: #f8f8f8 0% 0% no-repeat padding-box; border: 1px solid #ccc; border-radius: 6px; opacity: 1; width: 250px; box-sizing: border-box; padding: 19px 12.5px 15.5px 12.5px; flex: none; justify-content: flex-start; transition: all 1s ease-in-out; } .wpc-card-gw h3 { text-align: center; font: normal normal normal 18px/18px Lato; letter-spacing: 0px; color: #555; margin: 13px 0px 11.52px 0px; } .wpc-card-gw p { text-align: center; font: normal normal normal 14px/18px Lato; letter-spacing: 0px; color: #555; margin: 0px; padding: 0px 11px; } .wpc-card-gw p strong { font-weight: bolder; color: #303030; } #wpc-done-fast-video { display: flex; flex-direction: column-reverse; } #wpc-done-fast-video h2 { text-align: center; font: normal normal bold 28px/30px Lato; letter-spacing: 0px; color: #000; background: #e1e1e1 0% 0% no-repeat padding-box; margin: 0; padding: 92.5px 18px 87.5px 18px; } #wpc-done-fast-video { align-items: center; } #wpc-done-fast-video iframe { background-color: white  !important; -webkit-full-page-media: white  !important; } #wpc-video-title-container { width: 100%; } #wpc-do-more { display: flex; flex-direction: column; background: #f1f1f2 0% 0% no-repeat padding-box; box-sizing: border-box; padding: 40px 34px 30px; align-items: center; } .wpc-do-more-container { display: flex; flex-direction: column; max-width: 615px; justify-content: center; align-items: center; } #wpc-do-more .wpc-do-more-container h2 { font: normal normal bold 28px/30px Lato; text-align: center; margin: 15px 0px; } #wpc-do-more div ul { padding-inline-start: 0px; margin: 0; padding: 0; max-width: 615px; } #wpc-do-more div ul li { font: normal normal normal 15px/30px Lato; letter-spacing: 0px; color: #000; list-style: disc outside; padding: 0px 0px 0px 10px; } #wpc-do-more .wpc-do-more-container img { max-width: 290px; } @media (max-width: 750px) { .wpc-cards-container { display: flex; flex-direction: row; gap: 20px; padding: 0px 20px 27.05px 36.5px; cursor: grab; } } @media (min-width: 750px) and (max-width: 1280px) { #wpc-simplify-work-cards h2 { padding-top: 65px; margin-bottom: 49.55px; } .wpc-cards-container { padding: 0px 20px 74.45px 76.5px; } #wpc-done-fast-video h2 { font: normal normal bold 40px/43px Lato; padding: 118px 25px 116px 25px; } #wpc-do-more { padding: 49px 74.5px 30px; } #wpc-do-more .wpc-do-more-container img { max-width: 460px; } #wpc-do-more .wpc-do-more-container h2 { font: normal normal bold 40px/43px Lato; max-width: 440px; } #wpc-do-more div ul li { font: normal normal normal 22px/35px Lato; } } @media (min-width: 1280px) { #wpc-done-fast-video { flex-direction: row-reverse; } #wpc-video-player-container { width: 50%; display: flex; justify-content: center; } #wpc-video-title-container { width: 50%; } #wpc-done-fast-video h2 { font: normal normal bold 52px/54px Lato; padding: 268px 25px 267px 25px; } #wpc-do-more { flex-direction: row; padding: 73px 0px 30px; align-items: center; flex-basis: 50%; max-width: none; } .wpc-do-more-container { flex-direction: column; max-width: none; justify-content: center; align-items: center; width: 100%; } #wpc-do-more .wpc-do-more-container img { max-width: 460px; } #wpc-do-more .wpc-do-more-container h2 { font: normal normal bold 52px/54px Lato; max-width: 450px; text-align: left; } #wpc-do-more div { width: 100%; } #wpc-do-more div ul { max-width: none; width: 100%; } #wpc-do-more div ul li { font: normal normal normal 22px/35px Lato; } } @media (min-width: 1280px) and (max-width: 1600px) { #wpc-simplify-work-cards h2 { font: normal normal bold 52px/30px Lato; padding-top: 62px; margin-bottom: 50px; } .wpc-cards-container { padding: 0px 20px 89px; max-width: 840px; flex-wrap: wrap; margin: 0 auto; } #wpc-do-more div { padding-left: 1.7%; } } @media (min-width: 1600px) { .wpc-cards-container { cursor: auto; } #wpc-do-more div { padding-left: 1.55%; } } @media (min-width: 1600px) and (max-width: 1920px) { #wpc-simplify-work-cards h2 { font: normal normal bold 52px/30px Lato; padding-top: 75px; margin-bottom: 44.95px; } #wpc-simplify-work-cards { display: flex; flex-direction: column; justify-content: center; align-items: center; } .wpc-cards-container { flex-direction: row; flex-wrap: wrap; max-width: 790px; padding: 0px 0px 141px 0px; } } @media (min-width: 1920px) { #wpc-simplify-work-cards h2 { font: normal normal bold 52px/30px Lato; padding-top: 78.95px; margin-bottom: 55px; } #wpc-simplify-work-cards { display: flex; flex-direction: column; justify-content: center; align-items: center; } .wpc-cards-container { flex-direction: row; flex-wrap: wrap; padding: 0px 0px 87px 0px; } #wpc-do-more div { padding-left: 1.1%; } }