@import url('https://fonts.googleapis.com/css?family=Inter:100,200,300,400,500,600,700,800,900&display=swap'); 
  body {  
    font-family:sans-serif;
    font-size:14px;
    line-height:20px;
    color:#121217;
    font-weight:600;
  }  
* { 
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box; 
    box-sizing: border-box;
} 

body { 
    margin: 0;
} 

body { 
    margin: 0; 
    min-height: 100%; 
    background-color: #fff; 
    font-family: Arial,sans-serif; 
    font-size: 14px; 
    line-height: 20px; 
    color: #333;
} 

body { 
    font-family: Inter, sans-serif; 
    color: #121217; 
    font-size: 14px; 
    line-height: 20px; 
    font-weight: 600;
} 

html { 
    font-family: sans-serif; 
    -ms-text-size-adjust: 100%; 
    -webkit-text-size-adjust: 100%;
} 

html { 
    height: 100%;
} 

.mysection { 
    position: relative; 
    padding: 80px 5%; 
    background-color: #fff;
} 

.mysection.black { 
    background-color: #111;
} 

.mysection.black._10px-padding { 
    padding-top: 10px; 
    padding-bottom: 10px;
} 

.mycontainer { 
    position: relative; 
    z-index: 1; 
    max-width: 1130px; 
    margin-right: auto; 
    margin-left: auto; 
    -webkit-box-flex: 1; 
    -webkit-flex: 1; 
    -ms-flex: 1; 
    flex: 1;
} 

.mycontainer.mygrid { 
    /* display: -ms-grid;  */
    /* display: grid;  */
    -webkit-box-align: center; 
    -webkit-align-items: center; 
    -ms-flex-align: center; 
    align-items: center; 
    grid-auto-columns: 1fr; 
    grid-column-gap: 50px; 
    grid-row-gap: 16px; 
    -ms-grid-columns: 1fr 2.3fr; 
    grid-template-columns: 1fr 2.3fr; 
    -ms-grid-rows: auto; 
    grid-template-rows: auto;
} 

.max-w-width { 
    max-width: 640px; 
    margin-right: auto; 
    margin-left: auto; 
    text-align: center;
} 

.max-w-width.left { 
    text-align: left;
} 

.services-grid { 
    display: -ms-grid; 
    display: grid; 
    margin-right: auto; 
    margin-left: auto; 
    grid-auto-columns: 1fr; 
    grid-column-gap: 10px; 
    grid-row-gap: 10px; 
    -ms-grid-columns: 1fr 1fr 1fr; 
    grid-template-columns: 1fr 1fr 1fr; 
    -ms-grid-rows: auto; 
    grid-template-rows: auto;
} 

h4 { 
    font-weight: bold; 
    margin-bottom: 10px;
} 

h4 { 
    font-size: 18px; 
    line-height: 24px; 
    margin-top: 10px;
} 

h4 { 
    margin-top: 10px; 
    margin-bottom: 10px; 
    font-size: 18px; 
    line-height: 24px; 
    font-weight: 700;
} 

.sub-small-title { 
    margin-bottom: 20px; 
    color: #707070; 
    font-size: 16px; 
    font-weight: 600;
} 

h3 { 
    font-weight: bold; 
    margin-bottom: 10px;
} 

h3 { 
    font-size: 24px; 
    line-height: 30px; 
    margin-top: 20px;
} 

h3 { 
    margin-top: 20px; 
    margin-bottom: 10px; 
    font-size: 24px; 
    line-height: 30px; 
    font-weight: 700;
} 

.white { 
    color: #fff; 
    font-weight: 400;
} 

.display-3 { 
    margin-top: 10px; 
    font-size: 38px; 
    line-height: 40px; 
    font-weight: 600;
} 

.margin-30px { 
    margin-top: 30px;
} 

.services-content { 
    display: -webkit-box; 
    display: -webkit-flex; 
    display: -ms-flexbox; 
    display: flex; 
    padding: 40px 39px 30px; 
    -webkit-box-align: start; 
    -webkit-align-items: flex-start; 
    -ms-flex-align: start; 
    align-items: flex-start; 
    background-color: #222;
} 

#w-node-_73a07c2e-8021-8ee5-e39a-d66b0e80fbe9-efbab11a { 
    -webkit-align-self: center; 
    -ms-flex-item-align: center; 
    -ms-grid-row-align: center; 
    align-self: center;
} 

#w-node-_6ae45b49-e14e-a21d-75ba-fc3be7fd1070-efbab11a { 
    -webkit-align-self: center; 
    -ms-flex-item-align: center; 
    -ms-grid-row-align: center; 
    align-self: center;
} 

#w-node-_6748ec10-76cd-a689-0af4-67fb4a515c60-efbab11a { 
    -webkit-align-self: center; 
    -ms-flex-item-align: center; 
    -ms-grid-row-align: center; 
    align-self: center;
} 

#w-node-_863690e1-66fb-33b2-30a9-152496fb5b1b-efbab11a { 
    -webkit-align-self: center; 
    -ms-flex-item-align: center; 
    -ms-grid-row-align: center; 
    align-self: center;
} 

#w-node-bc2ad1ec-64f9-0fc5-16c8-f1e6e646dde3-efbab11a { 
    -webkit-align-self: center; 
    -ms-flex-item-align: center; 
    -ms-grid-row-align: center; 
    align-self: center;
} 
/* houyu: email marketing click to related page */
#w-node-_2246d9d3-7a26-73ee-627d-5f81629c35e0-efbab11a { 
    -webkit-align-self: center; 
    -ms-flex-item-align: center; 
    -ms-grid-row-align: center; 
    align-self: center;
    cursor: pointer;
} 

a { 
    background-color: transparent;
} 

a { 
    color: #000; 
    font-weight: 700; 
    text-decoration: underline;
} 

.w-button { 
    display: inline-block; 
    padding: 9px 15px; 
    background-color: #3898EC; 
    color: white; 
    border: 0; 
    line-height: inherit; 
    text-decoration: none; 
    cursor: pointer; 
    border-radius: 0;
} 

.button-primary { 
    display: inline-block; 
    padding: 16px 22px; 
    border-style: none; 
    border-radius: 4px; 
    background-color: #e0e0e0; 
    -webkit-transition: all 300ms ease; 
    transition: all 300ms ease; 
    color: #121212; 
    font-size: 16px; 
    font-weight: 600; 
    text-transform: capitalize; 
    cursor: pointer;
} 

a:active,a:hover { 
    outline: 0;
} 

.button-primary:hover { 
    background-color: #c7c4c4;
} 

.icon-div { 
    -webkit-box-flex: 0; 
    -webkit-flex: 0 0 auto; 
    -ms-flex: 0 0 auto; 
    flex: 0 0 auto;
} 

img { 
    border: 0;
} 

img { 
    max-width: 100%; 
    vertical-align: middle; 
    display: inline-block;
} 

.services-icon { 
    width: 35px; 
    margin-right: 20px;
} 

.services-title { 
    margin-top: 0px; 
    margin-bottom: 15px; 
    color: #fff; 
    font-size: 18px; 
    font-weight: 600;
} 

p { 
    margin-top: 0; 
    margin-bottom: 10px;
} 

p { 
    margin-bottom: 10px; 
    font-family: Inter, sans-serif; 
    color: #414147; 
    font-size: 16px; 
    line-height: 21px; 
    font-weight: 500;
} 

.paragraph-white { 
    color: #fff; 
    font-weight: 500;
}