/* blog styles */

.blog-main-banner{
  height: 400px;background-position: center; background-repeat: no-repeat; background-size: cover;
}
html, body{scroll-padding-top: 0px;}

.employer-banner{background-image: url(../images/employer/employer-blog-banner.jpg);}
.pill-yellow{width: fit-content; color: #000; background-color: #E6B33D; border-radius: 38px; padding: 10px 15px;font-size: 18px;}
.pill-purple{width: fit-content; color: #F0EFEE; background-color: #845EF7; border-radius: 50px; padding: 10px 25px;font-size: 20px;}
.blue-cta a{color: #fff; background-color: #31A8FE; border: 1px solid #31A8FE; border-radius: 4px; padding: 10px 20px; font-size: 20px;transition: 0.3s;}
.blue-cta a:hover{color: #31A8FE; background-color: transparent; border: 1px solid #31A8FE;}
.table-section .row{border-bottom: 1px solid #E1E1E1;margin: unset !important;}
.table-section p{margin-bottom: 0;}
.table-section{border: 1px solid #E1E1E1; border-radius: 20px;overflow: hidden;}
.purple-cta a{background-color: #845EF7; color: #fff; padding: 10px 25px; border: 1px solid #845EF7; border-radius: 6px;}
.cus-list li{margin-bottom: 25px;}
.breadcrumbs{background-color: #F6F6F6;padding: 30px; position: sticky; top: 70px;border-radius: 8px;}
.breadcrumbs ul{list-style-type: none; margin: 0;padding: 0;}
.breadcrumbs li{border-left: 2px solid transparent;transition: 0.3s;}
.breadcrumbs li.active{ border-left: 2px solid #000;}
.breadcrumbs li a{color: #000000; font-size: 18px;font-weight: 500;margin-left: 5px;display: flex;transition: 0.3s;}
.breadcrumbs li a:hover{font-weight: 700;}
.breadcrumbs li.active a{font-weight: 700;}
.bg-grey{background-color: #F2F2F2;}
.faq-section h4, .faq-section h4 button{margin-top: 0 !important; font-size: 20px; line-height: 26px; color: #000; font-weight: 700;}
.faq-section p{font-size: 16px; line-height: 20px;}
.faq-section .accordion-item{border: 0; border-radius: 0;margin-bottom: 25px;box-shadow: 0 0 20px 0 #5465FF14;}
.faq-section .accordion-button:not(.collapsed) {
  color: inherit;
  background-color:unset !important;
  box-shadow:unset !important;
}

@media (max-width: 1200px){
  .blog-main-banner{
      height: 450px;}
      .faq-boxes{max-width:90%; margin: auto;}
}

@media (max-width:600px){
  .blog-main-banner{
      height: 450px;}
}

@media (max-width: 1450px){
  .breadcrumbs{height: 80vh; overflow-y: scroll;}
}

.breadcrumbs::-webkit-scrollbar {
  width: 12px; /* Width of the scrollbar */
  height: 12px; /* Height for horizontal scrollbar */
}

.breadcrumbs::-webkit-scrollbar-track {
  background: #f0f0f0; /* Track color */
  border-radius: 10px; /* Rounded corners */
}

.breadcrumbs::-webkit-scrollbar-thumb {
  background-color: #888; /* Thumb color */
  border-radius: 10px; /* Rounded corners */
  border: 3px solid #f0f0f0; /* Padding around the thumb */
}

.breadcrumbs::-webkit-scrollbar-thumb:hover {
  background-color: #555; /* Change thumb color on hover */
}

.header li{font-size: 18px !important;}

.seo-webdesign-pg .blog-main-banner{
background: url('../images/seo-webdesign/banner.jpg');
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.designing-with-brand-guidelines-pg .blog-main-banner{
  background: url('../images/designing-with-brand-guidelines/banner.jpg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.customer-experience-pg .blog-main-banner{
background: url('../images/customer-experience/banner.jpg');
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.mistakes-to-avoid-pg .blog-main-banner{
background: url('../images/mistakes-to-avoid/banner.jpg');
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.redesign-website-pg .blog-main-banner{
background: url('../images/redesign-website/banner.jpg');
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.effective-cro-pg .blog-main-banner{
background: url('../images/effective-cro/banner.jpg');
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.improve-ux-pg .blog-main-banner{
background: url('../images/improve-ux/banner.jpg');
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.art-mdesign-pg .blog-main-banner{
background: url('../images/art-mdesign/banner.jpg');
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.b2b-b2c-pg .blog-main-banner{
background: url('../images/b2b-b2c/banner.jpg');
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.ux-designers-pg .blog-main-banner{
background: url('../images/ux-designers/banner.jpg');
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.design-challenges-pg .blog-main-banner{
background: url('../images/design-challenges/banner.jpg');
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.qualities-pg .blog-main-banner{
background: url('../images/qualities/banner.jpg');
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.adopting-sm-pg .blog-main-banner{
background: url('../images/adopting-sm/banner.jpg');
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.effective-content-pg .blog-main-banner{
background: url('../images/effective-content/banner.jpg');
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.social-media-pg .blog-main-banner{
background: url('../images/social-media/banner.jpg');
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.sm-strategy-pg .blog-main-banner{
background: url('../images/sm-strategy/banner.jpg');
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.facebook-post-pg .blog-main-banner{
background: url('../images/facebook-post/banner.jpg');
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.grow-company-pg .blog-main-banner{
background: url('../images/grow-company/banner.jpg');
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.inbound-marketing-pg .blog-main-banner{
background: url('../images/inbound-marketing/banner.jpg');
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.no-error-pg .blog-main-banner{
background: url('../images/no-error/banner.jpg');
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.present-applications-pg .blog-main-banner{
background: url('../images/present-applications/banner.jpg');
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.credibility-pg .blog-main-banner{
background: url('../images/credibility/banner.jpg');
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.amplified-pg .blog-main-banner{
background: url('../images/amplified/banner.jpg');
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.roi-pg .blog-main-banner{
background: url('../images/roi/banner.jpg');
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.content-marketing-pg .blog-main-banner{
background: url('../images/content-marketing/banner.jpg');
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.leader-pg .blog-main-banner{
background: url('../images/leader/banner.jpg');
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.error-avoid-pg .blog-main-banner{
background: url('../images/error-avoid/banner.jpg');
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.yourself-pg .blog-main-banner{
background: url('../images/yourself/banner.jpg');
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.rebranding-pg .blog-main-banner{
background: url('../images/rebranding/banner.jpg');
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.co-working-pg .blog-main-banner{
background: url('../images/co-working/banner.jpg');
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.content-marketing-tips-pg .blog-main-banner{
background: url('../images/content-marketing-tips/banner.jpg');
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.critical-phenomena-pg .blog-main-banner{
background: url('../images/critical-phenomena/banner.jpg');
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.predominant-problems-pg .blog-main-banner{
background: url('../images/predominant-problems/banner.jpg');
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.competitor-analysis-pg .blog-main-banner{
background: url('../images/competitor-analysis/banner.jpg');
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.rankings-pg .blog-main-banner{
background: url('../images/rankings/banner.jpg');
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.digital-media-pg .blog-main-banner{
background: url('../images/digital-media/banner.jpg');
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.get-email-marketing-pg .blog-main-banner{
background: url('../images/get-email-marketing/banner.jpg');
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.make-email-campaign-pg .blog-main-banner{
background: url('../images/make-email-campaign/banner.jpg');
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.generation-mistakes-pg .blog-main-banner{
background: url('../images/generation-mistakes/banner.jpg');
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.business-intelligence-pg .blog-main-banner{
background: url('../images/business-intelligence/banner.jpg');
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.marketing-automation-pg .blog-main-banner{
background: url('../images/marketing-automation/banner.jpg');
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.need-marketing-automation-pg .blog-main-banner{
background: url('../images/need-marketing-automation/banner.jpg');
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.conversational-interface-pg .blog-main-banner{
background: url('../images/conversational-interface/banner.jpg');
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.personalisation-coexist-pg .blog-main-banner{
background: url('../images/personalisation-coexist/banner.jpg');
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.dm-trends-pg .blog-main-banner{
  background: url('../images/dm-trends/banner.jpg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.sd-website-pg .blog-main-banner{
  background: url('../images/sd-website/banner.jpg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.t10-ecommerce-pg .blog-main-banner{
  background: url('../images/t10-ecommerce/banner.jpg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.emergence-ecommerce-pg .blog-main-banner{
  background: url('../images/emergence-ecommerce/banner.jpg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.future-webdesign-pg .blog-main-banner{
  background: url('../images/future-webdesign/banner.jpg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.future-webdevelopment-key-pg .blog-main-banner{
  background: url('../images/future-webdevelopment-key/banner.jpg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.breadcrumbs.forms {
    background: #fff;
    box-shadow: 0px 0px 60px 0px rgba(0, 0, 0, 0.08);
    height: 80vh;
    overflow-y: scroll;
    padding: 30px 20px;
}
.breadcrumbs.forms h3{
font-size: 32px;
line-height: 41.7px;
font-weight: 600;
margin-bottom: 32px;
}
.breadcrumbs.forms label{
font-size: 16px;
line-height: 20.85px;
font-weight: 500;
color: rgba(0, 0, 0, 0.4);
margin-bottom: 10px;
}
.breadcrumbs.forms input, textarea{
font-size: 16px;
line-height: 20.85px;
font-weight: 500;
padding: 12px 14px;
border-radius: 12px;
border: 1px solid #DCDCDC;
}
.form-control:focus {
border-color: #DCDCDC;
box-shadow: none;
}
input#terms {
border-radius: 0px;
padding: 0px;
}
.form-check-input:focus {
box-shadow: none;
}
.form-check-input:checked {
background-color: #845EF7;
border-color: #845EF7 !important;
}
label.form-check-label {
color: #000000 !important;
}
button.btn {
background: #845EF7;
width: 100%;
color: #fff;
font-size: 16px;
font-weight: 500;
line-height: 19.2px;
border-radius: 50px;
padding: 14px;
border: 1px solid #845EF7 !important;
}
button.btn:hover{
background: transparent;
color: #845EF7;
border: 1px solid #845EF7 !important;
}
.weare-brandstory-main{
background: #000000;
border-radius: 12px;
}
.text-red{
color: #E83A25 !important;
}
.weare-brandstory-main h2{
font-size: 32px;
line-height: 41.6px;
font-weight: 700;
}
.goalsbtn a{
font-size: 16px;
line-height: 20.8px;
font-weight: 700;
border-radius: 35px;
padding: 14px 40px;
}
.goalsbtn{
margin-bottom: 50px;
}
/* jack style :start */
.ad-campining-pg .blog-main-banner{
background: url('../images/ad-campining/banner.jpg');
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.ad-story-tellers-pg .blog-main-banner{
background: url('../images/ad-story-tellers/banner.jpg');
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.e-commerce-websites-pg .blog-main-banner{
background: url('../images/e-commerce-websites/banner.jpg');
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.facebook-google-pg .blog-main-banner{
background: url('../images/facebook-google/banner.jpg');
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.email-marketing-pg .blog-main-banner{
background: url('../images/email-marketing/banner.jpg');
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.creative-services-pg .blog-main-banner{
background: url('../images/creative-services/banner.jpg');
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.marketing-success-pg .blog-main-banner{
background: url('../images/marketing-success/banner.jpg');
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.search-optimization-pg .blog-main-banner{
background: url('../images/search-optimization/banner.jpg');
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.go-phygital-pg .blog-main-banner{
background: url('../images/go-phygital/banner.jpg');
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.accentuate-your-pg .blog-main-banner{
background: url('../images/accentuate-your/banner.jpg');
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.local-business-pg .blog-main-banner{
background: url('../images/local-business/banner.jpg');
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.search-ranking-pg .blog-main-banner{
background: url('../images/search-ranking/banner.jpg');
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.digital-trends-pg .blog-main-banner{
background: url('../images/digital-trends/banner.jpg');
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.b2c-social-pg .blog-main-banner{
background: url('../images/b2c-social/banner.jpg');
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.ux-resolutions-pg .blog-main-banner{
background: url('../images/ux-resolutions/banner.jpg');
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.content-for-user-pg .blog-main-banner{
background: url('../images/content-for-user/banner.jpg');
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.guide-to-grow-pg .blog-main-banner{
background: url('../images/guide-to-grow/banner.jpg');
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.site-usability-pg .blog-main-banner{
background: url('../images/site-usability/banner.jpg');
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.marketing-research-pg .blog-main-banner{
background: url('../images/marketing-research/banner.jpg');
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.personal-branding-pg .blog-main-banner{
background: url('../images/personal-branding/banner.jpg');
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.designers-need-pg .blog-main-banner{
background: url('../images/designers-need/banner.jpg');
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.cost-of-ux-pg .blog-main-banner{
background: url('../images/cost-of-ux/banner.jpg');
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.marketer-2017-pg .blog-main-banner{
background: url('../images/marketer-2017/banner.jpg');
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.design-execution-pg .blog-main-banner{
background: url('../images/design-execution/banner.jpg');
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.experience-vs-customer-pg .blog-main-banner{
background: url('../images/experience-vs-customer/banner.jpg');
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.bad-user-interface-pg .blog-main-banner{
background: url('../images/bad-user-interface/banner.jpg');
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.mobile-friendly-pg .blog-main-banner{
background: url('../images/mobile-friendly/banner.jpg');
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.house-ux-pg .blog-main-banner{
background: url('../images/house-ux/banner.jpg');
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.role-of-colors-pg .blog-main-banner{
background: url('../images/role-of-colors/banner.jpg');
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.seo-guidelines-pg  .blog-main-banner{
background: url('../images/seo-guidelines/banner.jpg');
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.advertising-ux-pg .blog-main-banner{
background: url('../images/advertising-ux/banner.jpg');
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.influential-ux-pg .blog-main-banner{
background: url('../images/influential-ux/banner.jpg');
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.little-things-pg .blog-main-banner{
background: url('../images/little-things/banner.jpg');
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.real-estate-pg .blog-main-banner{
background: url('../images/real-estate/banner.jpg');
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.adapt-growth-pg .blog-main-banner{
background: url('../images/adapt-growth/banner.jpg');
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.success-of-social-pg .blog-main-banner{
background: url('../images/success-of-social/banner.jpg');
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.using-linkedin-pg .blog-main-banner{
background: url('../images/using-linkedin/banner.jpg');
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.before-using-social-pg .blog-main-banner{
background: url('../images/before-using-social/banner.jpg');
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.boost-your-social-pg .blog-main-banner{
background: url('../images/boost-your-social/banner.jpg');
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.tips-and-tricks-pg .blog-main-banner{
background: url('../images/tips-and-tricks/banner.jpg');
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.ui-and-ux-pg .blog-main-banner{
background: url('../images/ui-and-ux/banner.jpg');
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.understanding-audience-pg .blog-main-banner{
background: url('../images/understanding-audience/banner.jpg');
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.media-should-use-pg .blog-main-banner{
background: url('../images/media-should-use/banner.jpg');
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.write-content-pg .blog-main-banner{
background: url('../images/write-content/banner.jpg');
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.effective-headings-pg .blog-main-banner{
background: url('../images/effective-headings/banner.jpg');
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.generate-leads-pg .blog-main-banner{
background: url('../images/generate-leads/banner.jpg');
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.bounce-rate-pg  .blog-main-banner{
background: url('../images/bounce-rate/banner.jpg');
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.attractive-content-pg .blog-main-banner{
background: url('../images/attractive-content/banner.jpg');
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.interesting-content-pg .blog-main-banner{
background: url('../images/interesting-content/banner.jpg');
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.website-content-pg .blog-main-banner{
background: url('../images/website-content/banner.jpg');
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.AB-test-pg .blog-main-banner{
background: url('../images/AB-test/banner.jpg');
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.marketing-content-pg .blog-main-banner{
background: url('../images/marketing-content/banner.jpg');
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.business-content-pg .blog-main-banner{
background: url('../images/business-content/banner.jpg');
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.email-registration-pg .blog-main-banner{
background: url('../images/email-registration/banner.jpg');
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.future-sm-pg .blog-main-banner{
background: url('../images/future-sm/banner.jpg');
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.modern-companiesb-pg .blog-main-banner{
background: url('../images/modern-companiesb/banner.jpg');
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.future-of-dso-pg .blog-main-banner{
background: url('../images/future-of-dso/banner.jpg');
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.boots-business-growth-pg .blog-main-banner{
background: url('../images/boots-business-growth/banner.jpg');
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.marketing-automation-pg .blog-main-banner{
  background: url('../images/marketing-automation/banner.jpg');                  
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.marketing-art-pg .blog-main-banner{
  background: url('../images/marketing-artb/banner.jpg');                          
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.marketing-use-pg .blog-main-banner{
  background: url('../images/marketing-useb/banner.jpg');                                
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.warranting-attempts-pg .blog-main-banner{
  background: url('../images/warranting-attemptsb/banner.jpg');
  background-position: center;
  background-repeat: no-repeat;                                                  
  background-size: cover;
}
.personal-touch-pg .blog-main-banner{
  background: url('../images/personal-touchb/banner.jpg');                         
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.digital-evolution-pg .blog-main-banner{
  background: url('../images/digital-evolutionb/banner.jpg');
  background-position: center;                                              
  background-repeat: no-repeat;
  background-size: cover;
}
.conversions-usingb-pg .blog-main-banner{
  background: url('../images/conversions-usingb/banner.jpg');
  background-position: center;                                              
  background-repeat: no-repeat;
  background-size: cover;
}
.investment-acrossb-pg .blog-main-banner{
  background: url('../images/investment-acrossb/banner.jpg');
  background-position: center;                                              
  background-repeat: no-repeat;
  background-size: cover;
}
.relation-with-influencersb-pg .blog-main-banner{
  background: url('../images/relation-with-influencersb/banner.jpg');
  background-position: center;                                              
  background-repeat: no-repeat;
  background-size: cover;
}
.focus-on-customerb-pg .blog-main-banner{
  background: url('../images/focus-on-customerb/banner.jpg');
  background-position: center;                                              
  background-repeat: no-repeat;
  background-size: cover;
}
.consumers-benefit-b2cb-pg .blog-main-banner{
  background: url('../images/consumers-benefit-b2cb/banner.jpg');
  background-position: center;                                              
  background-repeat: no-repeat;
  background-size: cover;
}
.brand-research-planb-pg .blog-main-banner{
  background: url('../images/brand-research-planb/banner.jpg');
  background-position: center;                                              
  background-repeat: no-repeat;
  background-size: cover;
}
.achieve-your-breakb-pg .blog-main-banner{
  background: url('../images/achieve-your-breakb/banner.jpg');
  background-position: center;                                              
  background-repeat: no-repeat;
  background-size: cover;
}
.rebrand-your-businessb-pg .blog-main-banner{
  background: url('../images/rebrand-your-businessb/banner.jpg');
  background-position: center;                                              
  background-repeat: no-repeat;
  background-size: cover;
}
.get-to-knowb-pg .blog-main-banner{
  background: url('../images/get-to-knowb/banner.jpg');
  background-position: center;                                              
  background-repeat: no-repeat;
  background-size: cover;
}
.using-personalized-videob-pg .blog-main-banner{
  background: url('../images/using-personalized-videob/banner02.jpg');
  background-position: center;                                              
  background-repeat: no-repeat;
  background-size: cover;
}
.email-campaigns-friendlyb-pg .blog-main-banner{
  background: url('../images/email-campaigns-friendlyb/banner.jpg');
  background-position: center;                                              
  background-repeat: no-repeat;
  background-size: cover;
}
.data-improving-mobileb-pg .blog-main-banner{
  background: url('../images/data-improving-mobileb/banner.jpg');
  background-position: center;                                              
  background-repeat: no-repeat;
  background-size: cover;
}
.engage-users-mobileb-pg .blog-main-banner{
  background: url('../images/engage-users-mobileb/banner.jpg');
  background-position: center;                                              
  background-repeat: no-repeat;
  background-size: cover;
}
.mobile-analytics-standb-pg .blog-main-banner{
  background: url('../images/mobile-analytics-standb/banner.jpg');
  background-position: center;                                              
  background-repeat: no-repeat;
  background-size: cover;
}
.advertising-by-developersb-pg .blog-main-banner{
  background: url('../images/advertising-by-developersb/banner.jpg');
  background-position: center;                                              
  background-repeat: no-repeat;
  background-size: cover;
}
.increase-user-engagementb-pg .blog-main-banner{
  background: url('../images/increase-user-engagementb/banner.jpg');
  background-position: center;                                              
  background-repeat: no-repeat;
  background-size: cover;
}
.individualization-messagingb-pg .blog-main-banner{
  background: url('../images/individualization-messagingb/banner.jpg');
  background-position: center;                                              
  background-repeat: no-repeat;
  background-size: cover;
}
.increase-retention-rateb-pg .blog-main-banner{
  background: url('../images/increase-retention-rateb/banner.jpg');
  background-position: center;                                              
  background-repeat: no-repeat;
  background-size: cover;
}
.avoid-in-mobileb-pg .blog-main-banner{
  background: url('../images/avoid-in-mobileb/banner.jpg');
  background-position: center;                                              
  background-repeat: no-repeat;
  background-size: cover;
}
.application-strategies-mobileb-pg .blog-main-banner{
  background: url('../images/application-strategies-mobileb/banner01.jpg');
  background-position: center;                                              
  background-repeat: no-repeat;
  background-size: cover;
}
.most-of-contentb-pg .blog-main-banner{
  background: url('../images/most-of-contentb/banner05.jpg');
  background-position: center;                                              
  background-repeat: no-repeat;
  background-size: cover;
}
.building-an-appb-pg .blog-main-banner{
  background: url('../images/building-an-appb/banner02.jpg');
  background-position: center;                                              
  background-repeat: no-repeat;
  background-size: cover;
}
.mobile-test-automationb-pg .blog-main-banner{
  background: url('../images/mobile-test-automationb/banner01.jpg');
  background-position: center;                                              
  background-repeat: no-repeat;
  background-size: cover;
}
.increase-conversions-in-mobilesb-pg .blog-main-banner{
  background: url('../images/increase-conversions-in-mobilesb/banner02.jpg');
  background-position: center;                                              
  background-repeat: no-repeat;
  background-size: cover;
}
.optimizing-conversion-ratesb-pg .blog-main-banner{
  background: url('../images/optimizing-conversion-ratesb/banner02.jpg');
  background-position: center;                                              
  background-repeat: no-repeat;
  background-size: cover;
}
.increase-the-rankings-blogsb-pg .blog-main-banner{
  background: url('../images/increase-the-rankings-blogsb/banner02.jpg');
  background-position: center;                                              
  background-repeat: no-repeat;
  background-size: cover;
}
.your-content-for-blogsb-pg .blog-main-banner{
  background: url('../images/your-content-for-blogsb/banner.jpg');
  background-position: center;                                              
  background-repeat: no-repeat;
  background-size: cover;
}
.should-adopt-adwordsb-pg .blog-main-banner{
  background: url('../images/should-adopt-adwordsb/banner03.jpg');
  background-position: center;                                              
  background-repeat: no-repeat;
  background-size: cover;
}
.increase-your-search-positionsb-pg .blog-main-banner{
  background: url('../images/increase-your-search-positionsb/banner01.jpg');
  background-position: center;                                              
  background-repeat: no-repeat;
  background-size: cover;
}
.customers-and-search-enginesb-pg .blog-main-banner{
  background: url('../images/customers-and-search-enginesb/banner01.jpg');
  background-position: center;                                              
  background-repeat: no-repeat;
  background-size: cover;
}
.small-business-presence-onlineb-pg .blog-main-banner{
  background: url('../images/small-business-presence-onlineb/banner04.jpg');
  background-position: center;                                              
  background-repeat: no-repeat;
  background-size: cover;
}
.digital-space-10-stepsb-pg .blog-main-banner{
  background: url('../images/digital-space-10-stepsb/banner03.jpg');
  background-position: center;                                              
  background-repeat: no-repeat;
  background-size: cover;
}
.to-plan-social-mediab-pg .blog-main-banner{
  background: url('../images/to-plan-social-mediab/banner08.jpg');
  background-position: center;                                              
  background-repeat: no-repeat;
  background-size: cover;
}
.wordpress-theme-for-business-pg .blog-main-banner{
  background: url('../images/wordpress-theme-for-business/banner01.png');
  background-position: center;                                              
  background-repeat: no-repeat;
  background-size: cover;
}
.best-6-payment-gateways-pg .blog-main-banner{
  background: url('../images/best-6-payment-gateways/banner01.png');
  background-position: center;                                              
  background-repeat: no-repeat;
  background-size: cover;
}
.optimize-website-speed-pg .blog-main-banner{
  background: url('../images/optimize-website-speed/banner-01.jpg');
  background-position: center;                                              
  background-repeat: no-repeat;
  background-size: cover;
}
.shopify-vs-woocommerce-comparison-pg .blog-main-banner{
  background: url('../images/shopify-vs-woocommerce-comparison/banner-01.jpg');
  background-position: center;                                              
  background-repeat: no-repeat;
  background-size: cover;
}
.angular-vs-react-framework-pg .blog-main-banner{
  background: url('../images/angular-vs-react-framework/banner-01.jpg');
  background-position: center;                                              
  background-repeat: no-repeat;
  background-size: cover;
}
.web-development-vs-templates-pg .blog-main-banner{
  background: url('../images/web-development-vs-templates/banner-01.jpg');
  background-position: center;                                              
  background-repeat: no-repeat;
  background-size: cover;
}

/* jack style :end */
@media screen and (max-width:1000px){
.breadcrumbs.forms h3{
  font-size: 24px;
  line-height: 32px;
}
}


/* Vishnu Styles */

.solving-recruitment-blog .blog-inner p {
font-size: 22px;
line-height: 28px;
}
.solving-recruitment-blog .blog-inner li {
font-size: 22px;
line-height: 28px;
}

.solving-recruitment-blog .blog-inner h3 {
font-size: 26px;
line-height: 36px;
margin-bottom: 15px;
}

.solving-recruitment-blog .blog-inner {
width: 75%;
}

@media (max-width:1024px){
.solving-recruitment-blog .blog-inner {
  width: 95%;
 }

 .solving-recruitment-blog .blog-inner p {
  font-size: 20px;
  line-height: 24px;
}
.solving-recruitment-blog .blog-inner li {
  font-size: 20px;
  line-height: 24px;
}
}
.sticky-box {
position: sticky;
top: 20px; /* Adjust as needed */
background-color: #F6F6F6;
padding: 20px 15px;
border-radius: 15px;
}
.sticky-box ul li{
padding-top: 20px;
padding-bottom: 15px;
border-bottom: 1px solid rgba(0, 0, 0, 0.15);
margin-bottom: 0px;
}
.sticky-box ul li:first-child{
padding-top: 0px;
}
.sticky-box ul{
list-style: none;
padding: 0px;
margin-bottom: 0px;
}
.sticky-box ul li:last-child{
border: none;
padding-bottom: 0px;
}
.sticky-box ul li a{
font-size: 16px;
line-height: 24px;
color: #000000;
}
.sticky-box ul li a:focus{
color: #845EF7;
}
.active a{
color: #845EF7 !important;
}
.mb-50{
margin-bottom: 50px;
}
.mb-30{
margin-bottom: 30px;
}
.mb-20{
margin-bottom: 20px;
}
.mb-40{
margin-bottom: 40px;
}
.mb-25{
margin-bottom: 25px;
}
.fs-22 {
font-size: 22px;
line-height: 30px;
}
.tablesmin th{
background: #845EF7;
color: #fff;
}
.tablesmin th, td {
border: 1px solid #000 !important;
}
.fs-22{
font-size: 22px !important;
line-height: 30px !important;
}
.fs-20{
font-size: 20px !important;
line-height: 28px !important;
}
.refferal-programs-main{
background: url('../images/recruitment-strategies/bg.jpg');
background-repeat: no-repeat;
background-position: center;
background-size: cover;
padding: 60px 40px;
border-radius: 12px;
}
.refferal-programs-main span{
font-size: 12px;
line-height: 20px;
}
.refferal-programs-main p{
font-size: 16px;
line-height: 24px;
}
.fw-700{
font-weight: 700 !important;
}
@media screen and (min-width:768px) and (max-width:1080px){
.sticky-box {
  top: 94px;
}
}