/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Jul 30, 2022, 8:49:13 AM
    Author     : farhat
*/
.contentslot a.btn,.headerslot a.btn{text-decoration: none; outline: none;}
.btn {
    outline: none !important;
    box-shadow: none !important;
} 
/*******************Top Banner*****************/
.no-webp .serviceBanner {background-image: url("/img/png/service_back.png");padding-bottom: 20px; background-color: #f6f5f5;}
.webp .serviceBanner {background-image: url("/img/service_back.webp");padding-bottom:20px; background-color: #f6f5f5;}
.serviceBanner .topBanner h2{color: #828387;padding-top: 20px;}
.serviceBanner .topBanner h3{color: #dc4c2f;margin-top: 8px;margin-bottom:15px; font-size: 18px;}
.serviceBanner a{width: 100%;text-transform: uppercase;font-weight: bold;font-size: 13px;}
.category-link{width: 130px;margin:0 2px;display: inline-block;}
.category-link img{max-width:100px; }
.category-link .category-text-link{min-height: 46px;}

/*******************Featured and Recent Blog Carousal*****************/
.featured_blogs{margin-top: 30px;border:#eee solid thin;}
.featured_blogs .carousel-item{background-color: #fff;}
.featured_blogs .blog-card{ display: flex;}
.featured_blogs .blog-card .card-content {padding: 30px;background: #eee;flex: 5; }
/*.featured_blogs .blog-card .card-image{ flex: 5; background-size: contain;background-position: center; background-repeat: no-repeat;}*/
.featured_blogs .blog-card h1{font-size: 24px;min-height: 50px;}
.featured_blogs .blog-card h4{font-size: 18px;color: #d63d1e;min-height: 34px;}
.featured_blogs .blog-card h5{color: #d63d1e;}
.featured_blogs .blog-card a:hover,.featured_blogs .blog-card h1:hover{color: #d63d1e;text-decoration: none}
.featured_blogs .blog-card .meta{margin-bottom: 26px;font-style: italic;color:#777}
.featured_blogs .blog-card .blog-time {width:64px;margin-top: 5px;}
.featured_blogs .blog-card .btn-read {}


.recent_blogs  .card-body {padding: 20px;/*background: #f8f8f8;*/ padding-bottom: 50px;}
.recent_blogs .card{border-radius: 14px;}
.recent_blogs .card .card-image{border-top-right-radius: 14px;border-top-left-radius: 14px;}
.recent_blogs .card-body h1{font-size: 20px;margin-bottom: 14px;}
.recent_blogs .card-body h4{font-size: 16px;color: #d63d1e;margin-bottom: 16px;}
.recent_blogs .card-body h5{color: #d63d1e;}
.recent_blogs .card-body a:hover,.recent_blogs .card-body h1:hover{color: #d63d1e;text-decoration: none}
.recent_blogs .card-body .meta{margin-bottom: 26px;font-style: italic;color:#777;font-size: 12px;}
.recent_blogs .card-body .blog-time {width:64px;position: absolute;bottom: 20px;right:20px;}
.recent_blogs .card-body .btn-read {position: absolute;bottom: 20px;}



.related_blogs  .card-body {padding: 20px;background: #fff; padding-bottom: 50px;}
.related_blogs .card-body h1{font-size: 18px;margin-bottom: 4px;}
.related_blogs .card-body h4{font-size: 14px;margin-bottom: 16px;}
.related_blogs .card-body a:hover,.related_blogs .card-body h1:hover{color: #d63d1e;text-decoration: none}
.related_blogs .card-body .meta{margin-bottom: 26px;font-style: italic;color:#777;font-size: 12px;}
.related_blogs .card-body .blog-time {width:64px;position: absolute;bottom: 20px;right:20px;}
.related_blogs .card-body .btn-read {position: absolute;bottom: 20px;}


.recent_blogs .blog .blog-body h1{font-size: 30px;margin-top: 16px;margin-bottom: 12px;}
.recent_blogs .blog .blog-body h1:hover{color: #333;text-decoration: none}
.recent_blogs .blog .blog-body h4{color: #333;font-size: 18px;margin-bottom: 26px;}
.recent_blogs .blog .blog-body h5{color: #d63d1e;font-size: 20px;}

/*******************************************************/

.btn-free-trial a:first-child{margin-top: 30px;}
.btn-free-trial a{font-size: 20px;height: 50px;}

/*******************Search Bar*****************/
.search-bar{margin-top: 30px;}
.search-bar .red{color: #D53C1D;}
.search-label{font-weight: bold;font-size: 14px;text-transform: uppercase;}
.search{ position: relative;box-shadow: 0 0 40px rgba(51, 51, 51, .1);}
.search input{height: 42px;text-indent: 5px;border: 2px solid #d6d4d4;}
.search input:focus{box-shadow: none;border: 2px solid blue;}
.search .fa-search{position: absolute;top: 8px;left: 8px;font-size: 20px;}
.search button{position: absolute;top: 3px;right: 3px;height: 36px; width: 36px;}


/*******************Social Bar*****************/
.social-bar{margin-top: 30px;}
.social-label{font-weight: bold;font-size: 14px;}
.social-icons a{ margin-right: 5px; }
.social-icons .fa-facebook-square{color: #3b5998;}
.social-icons .fa-linkedin{color: #0072b1;}
.social-icons .fa-blogger{color: #fc4f08;}


/************Blog****************/
.blog-featured-image{
    overflow: hidden;width:100%;max-height: 350px;margin-top: 30px;margin-bottom: 30px;
}
.blog-body{
    min-height: 650px;
}

/*******************Link Bar*****************/
.link-bar{margin-top: 30px;}
.link-label{font-weight: bold;font-size: 14px;text-transform: uppercase;margin-bottom: 15px;}
.link-bar  ul{
    position: relative;
    list-style-type: none;
    margin-left: 16px;
    padding: 0;}
.link-bar  ul li {
    font-size: 16px;
    line-height: 2.2;
}
.link-bar  ul li::before {
    top: 7px;
    left: -16px;
    width: 8px;
    height: 8px;
    content: '';
    background: #eee;
    display: inline-block;
    margin-right: 10px;   
}
.link-bar ul li a{
    vertical-align: middle;
}

.recent_blogs{margin-top: 0px;margin-bottom: 40px;x}
.page-content{background-color: #fafafa}

@media (max-width:767px) {
.serviceBanner .topBanner h2{font-size: 20px;}
.serviceBanner .topBanner h3{font-size: 15px;}
.serviceBanner a {font-size: 12px;}
.featured_blogs{margin-top: 20px;}
.blog-card .card-image{ display:none}
.serviceBanner a {width: 100%;    font-size: 12px;
    background-color: #D53C1D;
    border-color: #D53C1D;
    margin: 5px;
    height: 50px;
    width: 100%;
    padding-top: 6px !important;}

}    
  
}
@media (max-width:419px){
.slide-menu td p {display:none;}
.slide-menu td h2 {line-height: 18px !important;}
.serviceBanner .topBanner h2{font-size: 18px;}
.serviceBanner .topBanner h3{font-size: 14px;}


}