/* input your custom styles or overwrite css */
.box-preview{
border-radius: 25px;
//background-color: #f7f7ff;
//box-shadow: 0px 0px 16px;}

.box-preview .hover-data {
    padding-bottom: 50px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: all 0.3s ease-in-out;
}
.layout-block .box-preview {
    position: relative;
    overflow: hidden;
}
.layout-block .box-preview:hover .hover-data {
    opacity: 1;
    padding-bottom: 0;
}

.st-hover ul li a:hover{
  color: #7860d3;
}
.st_screenshot_warap .st_screenshot_tab .nav-pills > li a.active{
  color:#7860d3 !important;
}
.st_screenshot_warap .st_screenshot_tab .nav-pills > li a.active:before{
      background: linear-gradient(to right, #FFFFFF 0%, #7860d3 50%, #FFFFFF 100%);
}
.st_screenshot_warap .st_screenshot_tab:before {
background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.8) 0%, rgba(238, 235, 250, 0.8) 50%, rgba(255, 255, 254, 0.8) 99%, rgba(255, 255, 255, 0.8) 100%);
background: -o-linear-gradient(left, rgba(255, 255, 255, 0.8) 0%, rgba(238, 235, 250, 0.8) 50%, rgba(255, 255, 254, 0.8) 99%, rgba(255, 255, 255, 0.8) 100%);
background: linear-gradient(to right, rgba(255, 255, 255, 0.8) 0%, rgba(238, 235, 250, 0.8) 50%, rgba(255, 255, 254, 0.8) 99%, rgba(255, 255, 255, 0.8) 100%);
}
.st_screenshot_warap .st_tab_single_img img{
      padding: 0;
      width: auto;
}
.footer-subscription-wrapper .st_footer_subscriber .st_subscribe input[type="submit"]{
  background-color: #5040a0;
}

.m-b-0{
	margin-bottom:0;
}