ecomblogctacontainer.blogs_bgs {
    background: #f5f5f5 !important;
}
.product-default {
    border: 1px solid #e7e7e7;
    padding: 10px;
    background: #fff;
    border-radius: 4px;
    box-shadow: 3px 4px 3px #e5e5e5;
	margin-bottom:10px;
}
.product-default figure {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    margin-bottom: 1.6rem;
}
.product-default .product-details h3{height:82px; overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    line-height: 25px; }

.product-details p{font-size: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    line-height: 25px;}
.product-title a {
    color: #333333;
    font-size: 20px;
    font-weight: 500;
	text-decoration:none;
   
}
.product-title a::after{
    content: "";
    display: block;
    width: 15%;
    height: 2px;
    background: #ef3e42;
    transition: width 0.3s;
    margin-top: 5px;
}
.product-default:hover .product-title a::after {
    width: 30%;
}
.readmore a{font-weight: 500; font-size: 16px;}


.h1, h1 {
    font-size: 2rem;
}
.h2, h2 {
    font-size: 1.6rem;
}
.blogtxt{font-size: 18px;}
.bigtxt{font-size: 22px;}
.living-sub-title{font-size: 22px; font-weight: 600;}
.living-sub-sub-title{font-size: 20px; font-weight: 600;}
ul.livingblogul li{margin-top:10px;}

.mainslider-heading h1 {color: #004A7E;font-size: 58px;font-weight: 900;line-height: 50px;border-bottom: 2px solid #004A7E;display: inline-block;font-family: 'Roboto', sans-serif;}
.paratext p {font-size: 18px;line-height: 30px;font-weight: 400;}
.paratext strong{font-size: 20px; display: block; margin-top: 20px;font-family: 'Roboto', sans-serif;}
.mainslider-heading h2{color: #004A7E;font-size: 35px;font-weight: 800;line-height: 42px;font-family: 'Roboto', sans-serif;}
.servicesSection {color: #415057;font-weight: 400;font-size: 18px;text-align: justify;}
.servicesSection .row {margin-bottom: 30px;color: #415057;font-weight: normal;font-size: 17px;text-align: justify;}
.servicesSection .row h3 {font-size: 24px;color: #242424;font-weight: 800;font-family: 'Roboto', sans-serif;}

.listpoint {padding: 0px 0px 0px 30px;margin: 0;}
.listpoint li {line-height: 32px;color: #415057;font-weight: normal;font-size: 18px; padding-bottom: 10px;}

/*Blogo CTA CSS*/
/*Digital Business Card*/
.blogctacontainer{background: #E9E9E8;}
.blogctacontainer h1{color:#007DB3; font-weight: 800;}
.blogctacontainer h4{color:#000; font-weight: 600;}
.orangebg{ background:#ED721D; color:#fff; border-radius:10px; padding:10px; font-size: 20px;     margin: 10px 0 20px 0;
    font-weight: 600;}
.blogcta{color:#fff; background:#007DB3;  border-radius:20px; padding:10px;}
.blogcta:hover{color:#fff; background:#007DB3;  border-radius:20px; padding:10px;}
.blogctacontainer ul {margin-bottom:20px;}

/*ecommerce blog CTA */
.ecomblogctacontainer{background: #94c4f4 url("../../../blogs/images/ecom-blog-cta-container.jpg") no-repeat right; background-size:contain;}

.ecomblogctacontainer .mainheading{color:#912A6B; font-weight: 800; padding: 20px; font-size: 2rem;}
.ecomblogctacontainer h4{color:#000; font-weight: 600; padding:0px 20px;}
.ecomblogcta{color:#fff; background:#912A6B;  border-radius:20px; padding:10px; margin: 10px;
    display: block;     text-align: center;}
.ecomblogcta:hover{color:#fff; background:#007DB3;  border-radius:20px; padding:10px;}
.ecomblogctacontainer ul {margin-bottom:20px; margin-left: 20px;}

/*Virtual Showroom/iAugment*/
.virtualblogctacontainer{background: #EEF0D6; padding: 15px;}
.virtualblogctacontainer .mainheading{color:#A84184; font-weight: 800; padding: 20px; font-size: 2rem;}
.virtualblogctacontainer h6{color:#000;  font-weight: 400; padding: 0px 20px; font-size: 1.20rem;}
.virtualorangebg{ background:#ED721D; color:#fff; border-radius:10px; padding:10px; font-size: 20px;     margin: 10px 0 20px 0;
    font-weight: 600;}
.virtualblogcta{color:#fff; background:#A84184;  border-radius:20px; padding:10px; margin: 10px;
    display: block;     text-align: center;}
.virtualblogcta:hover{color:#fff; background:#A84184;  border-radius:20px; padding:10px;}
.virtualblogctacontainer ul {margin-bottom:20px;     margin-left: 20px;}

/*Digital Marketing CTA*/
.digitalblogctacontainer{background: #F2E6DC; padding: 15px;}
.digitalblogctacontainer .mainheading{color:#D87355; font-weight: 800; padding: 20px; font-size: 2rem;}
.digitalblogctacontainer h6{color:#000;  font-weight: 400; padding: 0px 20px; font-size: 1.20rem;}
.digitalorangebg{ background:#F2E6DC; color:#fff; border-radius:10px; padding:10px; font-size: 20px;     margin: 10px 0 20px 0;
    font-weight: 600;}
.digitalblogcta{color:#fff; background:#D87355;  border-radius:20px; padding:10px; margin: 10px;
    display: block;     text-align: center; font-weight: 600;}
.digitalblogcta:hover{color:#fff; background:#D87355;  border-radius:20px; padding:10px;}
.digitalblogctacontainer ul {margin-bottom:20px;     margin-left: 20px; font-weight: 600;}
/*Mobile App Blog CTA*/
.mobileappblogctacontainer{background: #DED3F0; padding: 15px;}
.mobileappblogctacontainer .mainheading{color:#323BB4; font-weight: 800; padding: 20px; font-size: 2rem;}
.mobileappblogctacontainer h6{color:#000;  font-weight: 400; padding: 0px 20px; font-size: 1.20rem;}

.mobileappblogcta{color:#fff; background:#323BB4;  border-radius:20px; padding:10px; margin: 10px;
    display: block;     text-align: center; font-weight: 600;}
.mobileappblogcta:hover{color:#fff; background:#323BB4;  border-radius:20px; padding:10px;}
.mobileappblogctacontainer ul {margin-bottom:20px;     margin-left: 20px; font-weight: 600;}

@media only screen and (max-width:767px){
.mainslider-heading h1{line-height: 40px;font-size: 34px;}
.paratext {margin-bottom: 20px;border-bottom: 1px solid #cdcccc;padding-bottom: 20px;}
.mainslider-heading h2 {font-size: 25px;line-height: 30px;}
.servicesSection .col-md-2 {text-align: center;padding-bottom: 20px;}
.ecomblogctacontainer{background: #94c4f4;}

}

@media (min-width: 768px) and (max-width: 1024px){
.mainslider-heading h1{font-size: 35px; line-height: 40px;}
}


.copyinfo {
    display: flex;
    gap: 10px;
    justify-content: center;
}
.copyinfo li:after{content: '|'; padding-left:10px;}
.copyinfo li a{color:#999; text-decoration: none;}