/**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;
padding:0px;
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) {
.our-values-main{
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;
}
}