.blog-page{font-family:"Avenir Book",Arial,sans-serif;color:#333;font-size:16px;line-height:1.65}
.blog-page *{box-sizing:border-box}
.blog-page p,.blog-page li,.blog-page a,.blog-page span,.blog-page button{font-family:"Avenir Book",Arial,sans-serif;letter-spacing:.3px}
.blog-page h1,.blog-page h2,.blog-page h3,.blog-page h4{color:#111;font-weight:600;text-transform:capitalize}
.blog-page h1{font-size:38px;line-height:1.3;text-align:center;margin:20px 0 15px}
.blog-page h2{font-size:34px;line-height:1.35;margin:20px 0 15px}
.blog-page h3{font-size:30px;line-height:1.4;margin:20px 0 15px}
.blog-image{overflow:hidden;border-radius:8px}
.blog-image img{transition:transform .4s ease-in-out}
.blog-image:hover img{transform:scale(1.05)}
.blog-latest-div{font-family:"Avenir Book",Arial,sans-serif}
.blog-menu-wrap{min-height:50px;overflow-x:auto}
.blog-menu-wrap #blogMenu{flex-wrap:nowrap;white-space:nowrap}
.sd-blog-intro{max-width:1050px;margin:35px auto 30px;padding:0 20px;text-align:center}
.sd-blog-intro h1{margin:0 0 15px}
.sd-blog-intro p{max-width:950px;margin:0 auto 10px;color:#555;font-size:16px;line-height:26px}
.blogdetailpage .blog-listing{padding:30px 15px}
.blogdetailpage .blog-date{min-height:25px}
.blogdetailpage .hero-banner{min-height:360px;text-align:center}
.blogdetailpage .hero-banner img{display:block;width:100%;max-width:600px;height:auto;margin:0 auto}
.blogdetailpage .blog-short-description{min-height:60px;border-top:1px solid #eee;padding-top:20px;margin-top:20px;color:#626262;font-size:16px;line-height:24px}
.blogdetailpage .blog-short-description p{margin:0 0 18px 5px;color:#626262;font-size:16px;line-height:24px;font-family:"Avenir Roman","Avenir Book",Arial,sans-serif}
.blogdetailpage .blog-short-description h2{padding:10px 0;margin:20px 0 6px;font-size:22px;line-height:1.4;font-weight:500;font-family:"Avenir Roman","Avenir Book",Arial,sans-serif}
.blogdetailpage .blog-short-description h3{padding:10px 0;font-size:20px;line-height:1.4;font-weight:500}
.blogdetailpage .blog-short-description ul,.blogdetailpage .blog-short-description ol{margin:0 0 18px 25px;padding:0}
.blogdetailpage .blog-short-description ul{list-style:disc}
.blogdetailpage .blog-short-description li{display:list-item;margin:0 0 8px 5px;font-size:16px;line-height:24px}
.blogdetailpage .blog-short-description a{color:#0091ff;font-size:16px;line-height:24px;font-weight:500;text-decoration:underline}
.blogdetailpage .blog-short-description img{max-width:100%;height:auto;margin:20px auto;border:3px solid #efefef;border-radius:8px}
.blog-quicklinks{background:#f5f5f5;padding:1.5rem;margin-top:1.5rem}
.blog-quicklinks h2{position:relative;margin-bottom:1rem;font-weight:700;color:#000}
.blog-quicklinks h2::after{content:"";display:inline-block;vertical-align:middle;width:100px;height:1px;margin-left:1rem;background:#000}
.blog-quicklinks ul{counter-reset:quicklink;column-count:2;column-gap:2rem;list-style:none!important;margin:0!important;padding:0}
.blog-quicklinks li{display:flex!important;align-items:flex-start;margin:0 0 .75rem!important}
.blog-quicklinks li::before{counter-increment:quicklink;content:counter(quicklink,decimal-leading-zero) "  ";font-weight:600;color:#000}
.blog-quicklinks li a{padding-left:.5rem;color:#000;text-decoration:none}
.blogSwiper{width:100%;padding:20px 0}
.blogSwiper .swiper-slide a{display:block;text-decoration:none!important}
.blogSwiper img{display:block;width:100%;max-width:300px;height:auto;margin:0 auto;border-radius:10px;transition:transform .3s ease}
.blogSwiper img:hover{transform:scale(1.05)}
.blogSwiper .landing_pricen{margin-top:.5rem;color:#000!important}
.blogSwiper .custom-prev,.blogSwiper .custom-next{display:flex;align-items:center;justify-content:center;width:40px;height:40px;top:50%;transform:translateY(-50%);border-radius:50%;background:#fff;color:#000;box-shadow:0 2px 6px rgba(0,0,0,.15);transition:all .3s ease}
.blogSwiper .custom-prev::after,.blogSwiper .custom-next::after{font-size:18px;font-weight:900}
.blogSwiper .custom-prev::after{content:"<"}
.blogSwiper .custom-next::after{content:">"}
.blogSwiper .custom-prev:hover,.blogSwiper .custom-next:hover{transform:translateY(-50%) scale(1.08);background:#ec8951;color:#fff}
.blogSwiper .custom-prev{left:2px}
.blogSwiper .custom-next{right:2px}
.blog-divider{max-width:75%;margin:0 auto;border:0;border-top:2px solid #ef9000}
.blogdetailpage .head_title_3{font-size:24px;font-weight:600}
.blogdetailpage .head_title_4{font-size:18px;font-weight:500;line-height:1.4;color:#444}
.blog-heading{font-weight:700!important}
.blog-listing-page .blog-listing{margin-bottom:30px}
.blog-listing-page .blog-title a{color:#111;text-decoration:none}
.blog-listing-page .blog-date{margin-top:12px}

@media (min-width:992px){
  .blogdetailpage .hero-banner{min-height:600px}
}

@media (max-width:767px){
  .blog-page h1{font-size:29px}
  .blog-page h2{font-size:25px}
  .blog-page h3{font-size:22px}
  .sd-blog-intro{margin:25px auto 20px;padding:0 15px}
  .sd-blog-intro p{font-size:15px;line-height:24px}
  .blogdetailpage .blog-listing{padding:20px 15px}
  .blogdetailpage .hero-banner img{max-width:360px}
  .blog-quicklinks ul{column-count:1}
  .blog-divider{max-width:90%}
}

@media (max-width:576px){
  .blogSwiper .custom-prev,.blogSwiper .custom-next{display:none}
}
