span{font-family: 'Poppins', sans-serif !important;}

.blogs-banner{ background:#000; padding-top:100px;  margin-bottom: 152px;    padding-bottom: 15px;}
.blogs-img{ margin-bottom: -30%;}
.blogs-shopify{ padding-top: 20px; padding-left: 15px;}
.blogs-shopify h1{font-size: 34px; color: #fff; font-weight: 400; line-height: 45px;    margin-bottom: 40px;}
.blogs-shopify h1 span{color:#99c13e;}
.blogs-shopify p{font-size: 16px; font-weight: 500; color: #8f8f8f;}

.dfr{display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap;}
.order-1 { -webkit-order: 1!important; order: 1!important;}
.order-2 { -webkit-order: 2!important; order: 2!important;}

.blogs-benefit{ margin-top:50px; margin-bottom:40px; display: inline-block;  width: 100%;}
.blogs-socials {display: inline-block; text-align: center; width: 100%; padding-top:65px;}
.blogs-socials ul{ margin-bottom:0;}
.blogs-socials ul li {margin-bottom: 10px;}
.blogs-socials ul li a{background:#000;width:40px; height:40px; display:inline-block; border-radius:100%; color:#fff; font-size:18px;}
.blogs-socials ul li a i.fa {line-height: 40px;}
.blogs-socials ul li a:hover{background:#dd0f11;}
.blogs-wid { width: 80%; margin: 0 auto;}

.blogs-benefits p{color:#3b3b3b; margin-bottom:30px;font-size: 15px; line-height: 28px;}
.blogs-benefits p strong {font-weight: 600; color: #000;}
.blogs-benefits h2, .blogs-benefits h3{color: #000; position: relative; padding-bottom: 20px; font-size: 26px; font-weight: 500; margin-bottom: 25px;}
.blogs-benefits h2:after, .blogs-benefits h3:after{content:""; position:absolute; bottom:0; left:0; width:80px; height:3px; background:#000;}
.blogs-benefits span { font-size: 18px; font-weight: 500; color: #000;margin-bottom: 20px; display: inline-block;}
.blogs-benefits ul{ margin: 0;padding-left: 40px;}
.blogs-benefits ul li{ font-size: 16px; margin-bottom: 25px;  line-height: 28px; position: relative; padding-left: 20px;}
.blogs-benefits ul li:before{content:""; position:absolute; left:0; top:10px; background:#000; height:5px; width:5px; border-radius:100%;}

.blogs-benefits ul.expese { padding-left: 15px; width: 50%;float: left;}
.blogs-benefits ul.expese li{margin-bottom:10px;}
.pt-15 {padding-top: 15px;}

.blogs-sticky{position: sticky; top: 0;}

.mob-socials{position: fixed; bottom: 0; left: 0; right: 0; z-index:9; display:none;}
.mob-socials ul{ margin-bottom:0;-webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; display: -webkit-box; display: -ms-flexbox;    display: flex;}
.mob-socials ul li{max-width: 33.3333%;  -webkit-box-flex: 0; -ms-flex: 0 0 33.333%; flex: 0 0 33.333%;}
.mob-socials ul li a {line-height: 50px;text-align: center; color: #fff; width: 100%; display: block; font-size: 20px;}
.mob-socials ul li:first-child a {background-color: #3b5998;}
.mob-socials ul li:nth-child(2) a {background-color: #1da1f2;}
.mob-socials ul li:last-child a {background-color: #0077b5;}

/*=========================== Blog Category =======================================*/
.blog-cat{background: url(../images/blog/cta-bg.jpg) 0 0 no-repeat;  width: 100%; padding: 50px 0;  height: 50vh; background-size: cover; background-attachment: fixed;  position: relative;}
.bl-re{position: relative; z-index: 1;}
.blog-cat:after {content: ""; position: absolute; left: 0; right: 0; bottom: 0; top: 0; background: #0007;}
.blog-cat h1{margin-bottom: 0; color: #d40013; font-size: 60px; font-weight: 400;text-shadow: 0 0px 8px #000;}
.blog-cat h1 span{color:#fff;}
.blog-cat h4 {width: 80%; font-size: 24px; color: #fff; font-weight: 400; line-height: 33px; margin: 30px auto 0;}
.blog-learn{ padding:60px 0;}
.blog-txt {padding-left: 15px; position: relative; height: 100%; padding-top: 20px;}
.blog-learn .blog-txt h2 {font-size: 26px; font-weight: 400; color: #000; margin-bottom: 10px;line-height: 34px;}
.blog-learn .blog-txt h2 a{color: #000;}
.blog-learn .blog-txt p {color: #3b3b3b; margin-bottom: 30px; font-size: 15px; line-height: 28px;}
.blog-learn .blog-txt p strong {font-weight: 600; color: #000;}
.read-more {color: #000; font-size: 15px; position: absolute; bottom: 0; right: 0;}
.read-more:hover, .read-more:focus{color: #000;}
.blog-border {border-top: 1px solid #b2b2b2; margin: 50px 0;}
.read-more img{-webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out;}
.read-more:hover img {transform: translateX(5px);}
.blog-learn .blog-txt h2 a:hover{color: #dd0f11;}

.experi-theme {background: #000 !important;padding: 10px 25px !important;}
.experi-theme span { margin: 0;color: #fff !important; font-weight: 400;}
.experi-theme:after { display: none;}
.experi-theme:hover { background: #fff !important;}
.experi-theme:hover span { color: #000 !important;}
.experimenting { background: #eeeeee; padding: 20px; margin-bottom: 25px;}

.blogs-benefits ol {padding-left: 40px;}
.blogs-benefits ol li {font-size: 15px; margin-bottom: 5px; line-height: 28px;}
.way ul{margin-bottom: 20px;}
.way ul li{ font-size: 15px;  margin-bottom: 5px;}
.blog-dates {font-size: 14px !important; margin-bottom: 20px !important; color: #000 !important;font-weight: 500;}

.portfolio-more-btn-wrapper {text-align: center;}
.portfolio-more-btn.be-client { margin-top: 50px;}

.hiring ul{padding-left: 0;}
.blogs-benefits ul li strong {font-weight: 600; color: #000;}
/*=========================== Responsive =======================================*/
@media (max-width: 1199px){
	.blogs-shopify h1 { font-size: 29px;line-height: 42px;}
}

@media (min-width: 992px){
.order-lg-1 { -webkit-order: 1!important; order: 1!important;}
.order-lg-2 { -webkit-order: 2!important; order: 2!important;}
}

@media (max-width: 991px){
	.blogs-shopify {padding-top: 0; padding-left: 0;}
	.blogs-banner {padding-top: 60px; margin-bottom: 0;}
	.blogs-img {margin-bottom: 0;}
	.col-md-6.order-2.order-lg-1 {width: 100%;}
	.blogs-img img{width: 100%;}
	.blogs-img {margin-top: 20px;}
	.blogs-shopify h1 {margin-bottom: 25px;}
	.blogs-wid {width: 100%;}
	.blog-cat h4 {width: 100%;font-size: 20px; line-height: 30px;}
	.blog-learn .d-flex{display:block;}
	.blog-learn img.img-responsive { width: 100%;}
	.blog-txt {padding-left: 0; padding-bottom: 30px;}
}

@media (max-width: 767px){
	.blogs-socials {display: none;}
	.mob-socials{display:block;}
	.blogs-benefits h2, .blogs-benefits h3 {font-size: 22px;}
	.blogs-benefits span {font-size: 16px;}
	.blogs-benefits ul, .blogs-benefits ol { padding-left: 0;}
	.blogs-benefits ul.expese {padding-left: 0; width: 100%;}
	.blogs-benefit {margin-top: 30px; margin-bottom: 20px;}
	.blog-footer { padding-bottom: 40px;}
	.blog-cat h1 {font-size: 39px !important;}
	.blog-cat h4 {font-size: 18px; line-height: 27px; margin-top: 25px;}
	.blog-learn .blog-txt h2 {font-size: 23px; line-height: 30px;}
	.blog-border {margin:30px 0;}
}

@media (max-width: 480px){
	.blogs-shopify h1 {line-height: 35px;font-size: 24px !important;}
	.blogs-shopify p{font-size: 14px;}
	.mob-socials ul li a{line-height: 38px; font-size: 18px;}
	.blogs-benefits h2, .blogs-benefits h3 {font-size: 20px; line-height: 28px;}
	.blog-cat h1 { font-size: 32px !important;}
	.blog-cat h4 {font-size: 16px; line-height: 26px;}
	.blog-learn .blog-txt h2 {font-size: 20px; line-height: 28px;}
}

@media (max-width: 400px){	
	.blog-cat h1 { font-size: 26px !important;}
	.blog-cat h4 {font-size: 14px; line-height: 24px;}
}

@media (max-width: 360px){	
	.blog-cat h1 { font-size: 24px !important;}
}