.blog-pban{padding:52px; border-radius:8px;background: var(--primary_color4);box-shadow: 0 63px 18px 0 rgba(34, 32, 32, 0.00), 0 40px 16px 0 rgba(34, 32, 32, 0.01), 0 23px 14px 0 rgba(34, 32, 32, 0.05), 0 10px 10px 0 rgba(34, 32, 32, 0.09), 0 3px 6px 0 rgba(34, 32, 32, 0.10);}
.blog-back {margin:0 0 70px;}
.blog-back a{display:inline-flex; align-items:center; font-weight:600; text-decoration:none !important; color:var(--third_color)}
.blog-back a:hover{color:var(--third_color)}
.blog-back a svg{margin-right:10px;position:relative;top:1px;}
.blog-ptags a,.bwgs ul li{font-weight: 500;color:var(--third_color); text-decoration:none !important; }
.blog-title{margin:40px 0;}
.blog-title h1{margin:0;}
.blog-plts{width:50%;padding-right:12px;}
.bwgs ul{gap:32px;}
.blog-prts{width:50%;padding-left:12px;height:454px;}
.blog-prts img{width:100%; height:100%; object-fit:cover;}
.blog-nposts{margin:52px auto; max-width:840px;}
.blog-nposts img{width:100%;}
.blog-nposts h1,.blog-nposts h2,.blog-nposts h3,.blog-nposts h4,.blog-nposts h5,.blog-nposts h6{margin-bottom:25px;}
.blog-nposts p,.blog-nposts li,.blog-nposts span,.blog-nposts a{color:var(--primary_color)}
.blog-share{margin:29px 0 0; padding:40px 0 0;border-top:1px solid #A6ABB8}
.blog-nposts .blog-share ul li{color:var(--base_color)}
.bs-lts{width:50%;padding-right:12px;}
.bs-lts ul{gap:32px;}
.bs-rts{width:50%;padding-left:12px;}
.bs-rts ul {justify-content:flex-end;gap:12px;align-items:center}
.bs-rts ul li:first-child{padding-right:10px;}
.blog-related-posts{margin:130px 0 0; border-radius:8px;}
.rblog-card{position:relative;margin-right:2%; width:32%;margin-top:30px; padding:14px 20px 20px;border-radius: 10px;border: 1px solid var(--secondary_color6);background-color:var(--secondary_color4);}
.rblog-card:nth-child(3n),.rblog-card:last-child{margin-right:0}
.rblog-tags span{display:inline-block; font-size:14px;margin-bottom:5px;}
.rblog-cimg{height:133px; border-radius:3px; margin-bottom:20px;}
.rblog-cimg img{width:100%; height:100% !important; object-fit:cover;border-radius:3px;}
.rblog-card .rblgs-content h3{margin:0 0 10px;}
.rblog-btns{position:absolute; top:0; left:0; width:100%; height:100%;border-radius: 10px;}
.rblog-btns a{display:block;width:100%; height:100% }
.bread-btn span{display:inline-flex; align-items:center;font-weight: 600; font-size:16px; color:var(--primary_color)}
.bread-btn span svg{width:14px; height:14px; margin-left:10px; transition:all 0.3s ease}
.rblog-card:hover .bread-btn span svg{margin-left:15px }
.rblog-card:hover .bread-btn span svg path{fill:var(--primary_color2)}
.rblog-card:hover .bread-btn span,.rblog-card:hover .rblgs-content h3,.rblog-tags span{color:var(--primary_color2)}
.rblog-card:hover{border-color:var(--primary_color2)}


@media(min-width:768px){
  .blog-title h1{font-size: 52px;font-weight: 700;line-height: 110%;letter-spacing: -0.634px;}
}

@media(max-width:1280px){
  .blog-pban{padding:30px 20px;}
  .blog-back {margin:0 0 50px;}
  .blog-prts{height:400px;}
  .blog-title h1{font-size:44px;}
  .blog-related-posts{margin:100px 0 0; 
}

@media(max-width:1024px){
  .blog-plts{width:100%;padding:0 0 20px;}
  .blog-prts{width:100%;padding:10px 0 0}
  .blog-title{margin:20px 0;}
  .blog-title h1{font-size:40px;}
  .rblog-card{width:49%;}
  .rblog-card:nth-child(3n){margin-right:2%}
  .rblog-card:nth-child(2n),.rblog-card:last-child{margin-right:0}
  .blog-related-posts{margin:70px 0 0;}
  .bs-lts{width:100%;padding:0 0 12px;}
.bs-lts ul{gap:12px;}
.bs-rts{width:100%;padding:12px 00 ;}
.bs-rts ul {justify-content:start;gap:12px;align-items:center}
  .rblog-card{width:100%;margin:30px 0 0}
  .rblog-card:nth-child(3n){margin-right:0}
}

@media(max-width:767px){
  .blog-back {margin:0 0 30px;}
  .blog-pban{ margin:35px 0 0}
 .blog-prts{height:50vw;} 
  .blog-title h1{font-size:32px;}
  .bwgs ul{gap:12px;}
  
  .blog-related-posts{margin:50px 0 0; 
}