Coder Wrap provides free to use snippets Coder Wrap provides free to use snippets


Create Account

Back to Web elements
Preview Source Code
/**Typeo CSS Start**/
 * {
 box-sizing: border-box;
 body {
 margin: 0px;
 /**Typeo CSS End**/
 .our-values-main, .our-values-main * {
 --page-width: 1250px;
 --base-fm: 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
 --title-size: 40px;
 --base-size: 18px;
 --base-clr: #3f3f3f;
 --white-clr: #ffffff;
 --black-clr: #000000;
 --theme-clr: #293355;
 .our-values-main {
 background: var(--theme-clr);
 font-family: var(--base-fm);
 font-size: var(--base-size);
 padding: 60px 0px;
 color: var(--white-clr);
 .our-values-main h2 {
  font-size: var(--title-size);
  display: block;
  text-align: center;
  margin: 0px 0 40px 0;
 .container {
  max-width: var(--page-width);
  width: 100%;
  margin: auto;
  padding: 0px 15px;
 .our-values-list {
   display: flex;
   flex-flow: row wrap;
   list-style: none;
   margin: 0px;
 .our-values-list li {
  width: 50%;
  display: inline-block;
  padding-left: 24px;
  padding-right: 20px;
  margin: 8px 0px;
  position: relative;
 .our-values-list li:before {
   content: '';
   position: absolute;
   left: 2px;
   top: 5px;
   width: 6px;
   height: 12px;
   border-bottom: var(--white-clr) 2px solid;
   border-right: var(--white-clr) 2px solid;
   transform: rotate(45deg);
 @media(max-width: 767px) {
   padding: 35px 0px;
  .our-values-main h2 {
  font-size: calc(var(--title-size) - 6px);
  margin-bottom: 20px;
  .our-values-list li {
   width: 100%;
   margin: 6px 0px;

Related Web Elements