.package-email .box-package {
background-color: #fafafa;
padding: 30px;
border-radius: 15px;
}
.gb {
width: 160px;
height: 160px;
display: inline-block;
border-radius: 100px;
}
.gb h1 {
margin-bottom: 0;
line-height: 3;
font-size: 3.5rem;
font-weight: 700;
color: #fff;
}
.package-email p:empty {
display: none;
}
.gb span {
font-size: 1.3rem;
font-weight: 400;
}
.gb.col-gb1 {
background-color: #3d68bb;
}
.gb.col-gb2 {
background-color: #45b9c4;
}
.gb.col-gb3 {
background-color: #2dd1b5;
}
.gb.col-gb4 {
background-color: #2dd1b5;
}
.gb.col-gb5 {
background-color: #45b9c4;
}
.gb.col-gb6 {
background-color: #3d68bb;
}
.business-email.email-1 .title-details h1 {
color: #3d68bb;
}
.business-email.email-2 .title-details h1 {
color: #45b9c4;
}
.business-email.email-3 .title-details h1 {
color: #2dd1b5;
}
.business-email.email-4 .title-details h1 {
color: #2dd1b5;
}
.business-email.email-5 .title-details h1 {
color: #45b9c4;
}
.business-email.email-6 .title-details h1 {
color: #3d68bb;
}
.business-email.email-1 .description ::marker {
color: #3d68bb;
}
.business-email.email-2 .description ::marker {
color: #45b9c4;
}
.business-email.email-3 .description ::marker {
color: #2dd1b5;
}
.business-email.email-4 .description ::marker {
color: #2dd1b5;
}
.business-email.email-5 .description ::marker {
color: #45b9c4;
}
.business-email.email-6 .description ::marker {
color: #3d68bb;
}
.package-email .gb {
display: flex;
align-items: center;
justify-content: center;
justify-self: center;
}
.title-package-business-email h1 {
font-size: 2rem;
color: #fff;
font-weight: 700 !important;
text-align: center;
margin: 0 0 40px 0;
}
.title-details h1 {
font-size: 1.5rem;
font-weight: 700 !important;
}
.title-details h2 {
margin: 15px 0;
}
.business-email.email-1 .button-business {
background-color: #3d68bb;
}
.business-email.email-2 .button-business {
background-color: #45b9c4;
}
.business-email.email-3 .button-business {
background-color: #2dd1b5;
}
.business-email.email-4 .button-business {
background-color: #2dd1b5;
}
.business-email.email-5 .button-business {
background-color: #45b9c4;
}
.business-email.email-6 .button-business {
background-color: #3d68bb;
}
.button-business:hover {
filter: brightness(0.8);
}
.business-email .button-business {
width: max-content;
padding: 5px 35px;
border-radius: 20px;
margin: auto;
}
.business-email .button-business span {
color: #fff;
font-family: 'Noto Sans Thai';
font-weight: 600 !important;
}
.package-email .description ul li {
text-align: start;
}
.row.row-main{
max-width: unset !important;
}
.row.row-main .col{
padding: 0;
}
.row-text-email h2 {
color: #476B96;
font-size: 1.8rem;
}
.equipment li p {
font-family: 'Roboto',sans-serif;
color: #808080;
text-align: center;
margin-top: 15px;
font-size: 1.2rem;
}
li.capacity h4 {
margin: 0;
}
.email-text h4 {
margin-bottom: 0;
padding: 5px;
color: #484848;
}
.banner-title {
margin-bottom: 20px;
}
.equipment li {
list-style-type: none;
text-align: center;
}
.equipment img {
width: 120px;
}
.row-email-domain{
margin: 0 !important;
}
.benefit{
padding: 40px 0; 
}
.iconset ul {
list-style-type: none;
padding: 0 15px;
}
.iconset ul li{
text-align: center;
margin: 0 0 50px;
}
.iconset h4 {
margin: 0 0 3px;
color: #5F5F5F;
}
.iconset p{
font-size: 1rem;
}
.banner-bg .box-text {
box-shadow: none;
padding: 0;
}
.banner-bg.sm .box-text {
top: 0;
}
.content-area{
padding: 0;
}
.email-text span {
color: #3D96FF;
font-weight: 600;
}
.row.block-center.benefit {
max-width: 1380px !important;
}
.business-email .email-text {
background-color: #fff;
box-shadow: 1px 2px 15px 0px rgba(0,0,0,0.62);
-webkit-box-shadow: 1px 2px 15px 0px rgba(0,0,0,0.40);
-moz-box-shadow: 1px 2px 15px 0px rgba(0,0,0,0.62);
border-radius: 40px;
}
.block-center{
margin: 0 auto !important;
}
a.button:hover {
filter: brightness(0.8);
}
.row.row-bg {
margin-left: 0 !important;
margin-right: 0 !important;
}
.border {
padding: 15px !important;
}
.row.row-bg {
background: url(//thaismart.cloud/wp-content/themes/thaismartcloud/images/banner-2m.jpg);
background-repeat: no-repeat;
background-size: cover;
}
.row-bg {
padding: 40px 15px !important;
}
.business-email {
margin: 20px 0 20px 0;
}
.text-business-email .capacity {
display: inline-flex;
text-align: center;
margin: 0 auto;
align-items: center;
}
.text-business-email h5 {
color: #FF7511;
margin-top: 10px;
}
.business-email-equipment {
margin: 40px 0;
}
.title-business-email h4{
border: 1px solid #dfdfdf;
border-radius: 50px;
padding: 12px;
height: 80px;
margin: 0 auto 40px;
max-width: 800px;
line-height: 1.5;
display: flex;
width: 82%;
align-items: center;
justify-content: center;
color: #484848;
text-align: center;
font-size: min(max(1.2rem,3vw),2rem);
}
.button.primary.b-email {
background-color: #3D96FF !important;
padding: 0 50px;
border-radius: 50px !important;
margin-top: 20px;
}
.capacity img {
width: 25px;
margin-right: 10px;
}
.package-business-email {
background-color: #fff;
border-radius: 40px;
height: 240px;
max-width: 500px;
}
img.b-mail {
width: 90px;
}
.business-email .email-text {
position: absolute;
top: unset;
bottom: unset;
display: inline-block;
left: unset;
right: unset;
transform: translateX(-73%) translateY(151%);
}
.row.row-bg {
margin-left: 0 !important;
margin-right: 0 !important;
}
.business-email .img-bg img {
width: 150px;
}
.business-email .email-text {
width: 300px;
}
.text-business-email h5 {
color: #FF7511;
margin-top: 10px;
}
.package-business-email li {
list-style-type: none;
margin-left: 0 !important;
}
.text-business-email h2 {
margin-top: 15px;
}
@media (min-width: 550px){
.row-bg .medium-2 {
max-width: 5.0%;
-ms-flex-preferred-size: 16.6666666667%;
flex-basis: 5.0%;
}
span.border2 {
display: inline-flex;
width: 1px;
height: 240px;
background: #ffffff73;
justify-content: center;
}
.border {
text-align: center;
position: relative;
}
}
@media (min-width: 768px){
.package-email .contain-box {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 30px;
}
.row.row-bg {
background: url(//thaismart.cloud/wp-content/themes/thaismartcloud/images/banner-2.jpg);
background-repeat: no-repeat;
background-size: cover;
}
.iconset ul {
display: flex;
justify-content:space-between;
align-items: center;
}
.border.box-1 {
padding: 30px 30px 30px 30px !important;
border-color: #CCCCCC;
border-width: 0 1px 0 1px;
border-style: solid;
}
.border.box-2 {
padding: 30px 30px 30px 30px !important;
border-color: #CCCCCC;
border-width: 0 1px 0 0;
border-style: solid;
}
.equipment ul {
display: flex;
flex-direction: row;
justify-content: space-around;
align-items: center;
margin: 0 auto;
max-width: 1380px;
}
.benefit{
padding: 50px 0; 
}
.title-business-email h4 {
padding: 12px 50px;
width: 75%;
margin-bottom: 80px;
}
.business-email .email-text {
width: 50%;
max-width: 570px;
}
.banner-bg .box-text h4{
font-size: min(max(0.9rem ,1.5vw),1.4rem);
line-height: 1.5;
}
.banner-bg .box-text h2{
font-size: min(max(1.2rem ,3vw),2.3rem);
margin-bottom: 15px;
}
.row-bg .medium-2 {
max-width: 6%;
-ms-flex-preferred-size: 6%;
flex-basis: 6%;
}
span.border1, span.border2, span.border3 {
display: inline-flex;
width: 1px;
height: 240px;
background: #ffffff73;
justify-content: center;
}
span.border1 {
right: 365px;
position: absolute;
}
span.border3 {
left: 365px;
position: absolute;
}
.iconset ul li {
margin: 0;
}
}
@media (min-width: 768px) and (max-width: 1119px){
.equipment img {
width: 100px;
}
.iconset p {
font-size: 0.9rem;
}
.iconset h4 {
font-size: 1.12rem;
}
.banner-bg.sm .box-text {
padding: 0;
}
}
@media (min-width: 992px){
.package-email .contain-box {
grid-template-columns: repeat(3, 1fr);
}
.row-text-email {
position: absolute;
bottom: 50px;
left: 75px;
}
span.border1 {
right: 485px;
position: absolute;
}
span.border3 {
left: 485px;
position: absolute;
}
.row-bg .border{
padding: 0 60px 0 60px!important;
}
.business-email .img-bg img {
width: 250px;
}
.business-email-1, .business-email-2 {
padding-top: 35px;
}
.package-business-email {
height: 320px;
}
span.border1, span.border2, span.border3 {
display: inline-flex;
width: 1px;
height: 330px;
background: #ffffff73;
justify-content: center;
}
.text-business-email h2 {
margin-top: 30px;
}
.business-email .img-bg img {
width: 250px;
}
.email-text h4 {
font-size: min(max(1.5rem,3vw),2rem);
}
}
@media (min-width: 1200px){
.title-business-email h4 {
width: 70%;
margin-bottom: 100px;
}
.business-email-equipment {
margin: 80px 0;
}
.banner-bg .box-text{
top: 0;
}
.row-bg {
padding: 60px !important;
}
}
@media (min-width: 1600px){
.banner-bg .box-text {
margin-left: 15%;
}
}