
.new-blog-page .hero-wrapper {
  background-image: url(/wp-content/uploads/2026/01/image-bg-blog.webp);
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-position-x: center;
  padding: 200px 0 68px;
}
.new-blog-page .hero-bg-blog {
  background: radial-gradient(53.18% 117.57% at 76.95% 70.09%, rgba(34, 32, 31, 0) 27.2%, #22201f 100%);
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.new-blog-page .hero-blog {
  width: 66%;
  z-index: 3;
  position: relative;
}
.new-blog-page .hero-blog h1 {
  margin-bottom: 24px;
}
.new-blog-page .hero-blog h1 span {
  font-size: 65px;
  line-height: 1.05;
  color: #ff6c0d;
  display: block;
}
.new-blog-page .hero-blog p {
  font-family: 'Inter';
  font-weight: 400;
  font-size: 20px;
  line-height: 36px;
  color: #fefefe;
  margin: 0;
}
.new-blog-page h2{
  font-weight: 400;
  font-size: 42px;
  line-height: 48px;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.new-blog-page .subheading{
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #FF6C0D;
}
.new-blog-page .blog_intro .subheading, .new-blog-page .blog_intro h2{
  text-align: center;
}
.new-blog-page .blog_intro{
  z-index: 3;
  position: relative;
}
.new-blog-page .blog_intro-wrap{
  position: relative;
  background: #F4F7F8;
  padding: 60px 0;
}
.new-blog-page .blog_intro-wrap:after, .new-blog-page .blog_intro-wrap:before, .new-blog-page .blog_intro-bg:after{
  position: absolute;
  display: block;
  content: '';
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.new-blog-page .blog_intro-wrap:after{
  width: 260px;
  height: 193px;
  top: 0;
  left: 80px;
  background-image: url("data:image/svg+xml,%3Csvg width='260' height='193' viewBox='0 0 260 193' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M259.5 -31.7119V117.711L130 192.423L0.5 117.711V-31.7119L130 -106.424L259.5 -31.7119Z' stroke='%23D4D6D7'/%3E%3C/svg%3E");
}
.new-blog-page .blog_intro-wrap:before{
  width: 442px;
  height: 510px;
  right: -6%;
  bottom: -40%;
  background: #FEFEFE;
  clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
}
.new-blog-page .blog_intro-bg:after{
  width: 72px;
  height: 83px;
  top: 33px;
  left: 44px;
  z-index: 1;
  background: #FF6C0D;
  clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
}
.new-blog-page .mb-48{
  margin-bottom: 48px;
}
.new-blog-page .intro-desc p{
  margin: 0;
}
.new-blog-page .intro-desc{
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.new-blog-page .intro-desc-left{
  padding-right: 20px;
}
.new-blog-page .intro-desc-right{
  padding-left: 20px;
}
.new-blog-page .intro-desc p span{
  color: #FF6C0D;
  font-weight: 600;
}
.new-blog-page .content-sidebar-wrap .content{padding: 0;}
.new-blog-page .content-sidebar-wrap{
  margin: 80px 0 0;
}
.new-blog-page .breadcrumb{
  display: none;
}
.new-blog-page .blog-pre-posts-left .subheading{
  margin-bottom: 8px;
}
.new-blog-page .blog-pre-posts-right{
  font-size: 20px;
  line-height: 36px;
}
.new-blog-page .mb-60{
  margin-bottom: 60px;
}
.new-blog-page .row-blog-items{
  gap: 24px 0;
}
.new-blog-page .archive-pagination{
  justify-content: center;
  margin-bottom: 80px;
}
.new-blog-page .blog-post-item{
  border: 1px solid #D4D6D7;
  padding: 20px;
  align-items: flex-start;
  background: #fff;
}
.new-blog-page .blog-post-date{
  background: #F4F7F8;
  padding: 8px 12px;
  display: flex;
  gap: 14px;
  align-items: center;
  margin-bottom: 20px;
}
.new-blog-page .blog-post-title{
  min-height: 108px;
  margin-bottom: 8px;
  font-size: 28px;
  line-height: 36px;
}
.new-blog-page .blog-post-title a{
  color: #22201F;
}
.new-blog-page .blog-post-excerpt{
  font-size: 18px;
  line-height: 32px;
  color: #22201F;
  margin-bottom: 20px;
}
.new-blog-page .blog-post-read-more{
  border-bottom: 1px solid #FF6C0D;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #22201F;
  margin-top: auto;
}
.new-blog-page .blog-trust-wrap{
  position: relative;
}
.new-blog-page .blog-trust-wrap:after{
  content: '';
}
.new-blog-page .blog-trust-wrap:before{
  content: '';
  background: rgba(34, 32, 31, .85);
  position: absolute;
  width: 100%;
  bottom: 0;
  height: 50%;
  z-index: 1;
}
.new-blog-page .blog-trust-shadow{
   box-shadow: 15px 5px 50px -5px #00000026;
}
.new-blog-page .blog-trust{
  display: flex;
  background: #FEFEFE;
  border: 1px solid #D4D6D7;
  padding: 36px 32px;
  z-index: 2;
  position: relative;
  clip-path: polygon(0 0, 100% 0, 100% 75%, 96% 100%, 0 100%);
}
.new-blog-page .blog-trust .blog-trust-title{
  margin-right: 24px;
  display: flex;
  flex-direction: column;
}
.new-blog-page .blog-trust .blog-trust-title h3{
  font-size: 36px;
  line-height: 44px;
}
.new-blog-page .blog-trust .blog-trust-title h4{
  font-size: 23px;
  line-height: 28px;
}
.new-blog-page .blog-trust-logo{
  display: flex;
  width: 100%;
  justify-content: space-between;
}
.new-blog-page .blog-trust .blog-trust-img-wrap{
  min-width: calc(100% / 5);
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 90px;
}
.new-blog-page .blog-trust .blog-trust-img-wrap img{
  max-width: 100%;
  height: 100%;
  object-fit: contain;
  max-height: 83px;
}
.new-blog-page .blog-trust .blog-trust-img-wrap:last-child img{
  max-height: 66px;
}


/*----------------------Single------------------------------*/

.post-new-hero.hero-global-wrap::after {
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  content: '';
  background: radial-gradient(52.99% 53.05% at 76.02% 50%, rgba(34, 32, 31, 0) 46.45%, #22201F 100%);
}
.post-new-hero .hero-global-bg{
  width: 100%;
}
.post-new-hero .post-hero-meta span{
  font-size: 20px;
  line-height: 1.8;
}
.post-new-hero .hero-global p, .post-new-hero .hero-global p .hide-mobile, .post-new-hero p .hero-global .hide-mobile{
  font-size: 1.125rem;
  line-height: 2rem;
}
.post-new-hero .cta-phone a span{
  font-size: 1.75rem;
}
.post-new .breadcrumb{
  margin-bottom: 2.25rem;
  padding: .75rem;
}
.post-new h2{
  font-size: 42px !important;
  line-height: 48px !important;
}
.post-new .post-img-wrap{
  gap: 12px;
  clip-path: polygon(0 0, 100% 0, 100% 81%, 94% 100%, 0 100%);
  display: grid;
  grid-template-columns: 1fr 1fr;
}
/*.post-new .post-img-wrap img{*/
/*  max-height: 280px;*/
/*  object-fit: cover;*/
/*  display: block;*/
/*}*/
.entry-content p:has(> img + img){
  gap: 12px;
  clip-path: polygon(0 0, 100% 0, 100% 81%, 94% 100%, 0 100%);
  display: flex;
}
.entry-content p:has(> img + img) img{
    display: block;
    margin: 0 !important;
    max-height: 280px;
    object-fit: cover;
    max-width: 60% !important;
    width: auto;
}
.post-new .titles-widget-list {
  padding: 0;
}
.post-new .titles-widget-list li{
  display: flex;
  gap: 20px;
  align-items: center;
}
.post-new .titles-widget-list li::before{
  position: relative;
  top: unset;
  left: unset;
  min-width: 2rem;
  min-height: 2rem;
  display: block;
}
.post-new .titles-widget-list li:hover::before {
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M28.124 9V23L16 30L3.87598 23V9L16 2L28.124 9ZM14.8369 18.1348L10.6846 14.2334L9.31543 15.6914L14.8223 20.8643L23.6758 12.7363L22.3242 11.2637L14.8369 18.1348Z' fill='%23FF6C0D'/%3E%3C/svg%3E");
}
.post-new .social-share-main span svg {
  width: auto;
  height: auto;
}

.post-new .social-share-main span {
  display: flex;
  width: 1.75rem;
  height: 1.75rem;
  align-items: center;
}
.post-new .social-share{
  padding: 24px;
  display: flex;
}
.post-new .entry-content p a{
  font-weight: inherit !important;
}
.post-new .entry-content h4 + ul {
  background: #F4F7F8;
}
.post-new .entry-content h4 + ul li:first-child{
  position: relative;
}
.post-new .entry-content h4 + ul li:first-child:after{
  content: '';
  height: 1px;
  width: 105%;
  background: #D4D6D7;
  position: absolute;
  top: -20px;
  left: -40px;
}
.post-new .entry-content h4{
  padding: 28px 28px 16px;
  margin: 0 !important;
  background: #F4F7F8;
}

/*----------------------Media------------------------------*/
@media screen and (max-width: 1200px){
  .new-blog-page .blog_intro-wrap:after{
    left: 0;
  }
  .new-blog-page .blog_intro-bg:after{
    left: -36px;
  }
  .new-blog-page .blog_intro-wrap:before{
    right: -13%;
  }
  .new-blog-page .intro-desc-right, .new-blog-page .intro-desc-left{
    padding: 0;
  }
  .new-blog-page .hero-blog{
    width: 80%;
  }
  .new-blog-page .blog-intro-row{
    gap: 24px;
  }
  .entry-content p:has(> img + img) img {
    max-width: 68%;
  }
}
@media screen and (max-width: 768px){
  .new-blog-page .hero-blog {
    width: 100%;
  }
  .new-blog-page .hero-blog h1 span {
    font-size: 58px;
    line-height: 58px;
    display: inline;
  }
  .new-blog-page .hero-wrapper{
    padding: 170px 0 40px;
  }
  .new-blog-page .blog_intro-bg:after, .new-blog-page .blog_intro-wrap:before{
    content: unset;
  }
  .new-blog-page .blog_intro-wrap:after {
    left: unset;
    right: -17%;
  }
  .new-blog-page .blog_intro .subheading, .new-blog-page .blog_intro h2 {
    text-align: left;
  }
  .new-blog-page h2{
    font-size: 40px;
  }
  .new-blog-page .intro-desc-left{
    margin-bottom: 24px;
  }
  .new-blog-page .blog_intro-wrap{
    padding: 50px 0;
  }
  .new-blog-page .content-sidebar-wrap {
    margin: 50px 0 0;
  }
  .new-blog-page .mb-60 {
    margin-bottom: 36px;
  }
  .new-blog-page .blog-post-title {
    min-height: 70px;
  }
  .new-blog-page .blog-trust-wrap {
    display: none;
  }
  .new-blog-page .archive-pagination {
    justify-content: flex-start;
    margin-bottom: 40px;
  }
  .post-new h2 {
    font-size: 40px !important;
    line-height: 44px !important;
  }
  .entry-content p:has(> img + img) img {
    max-height: 250px;
  }
}
@media screen and (max-width: 576px){
  .new-blog-page .hero-wrapper {
    padding: 150px 0 40px;
  }
  .new-blog-page .blog_intro-wrap:after {
    right: -32%;
  }
  .new-blog-page .blog_intro-wrap {
    padding: 40px 0;
  }
  .new-blog-page .content-sidebar-wrap {
    margin: 40px 0 0;
  }
  .new-blog-page h2 {
    font-size: 38px;
    line-height: 42px;
  }
  .new-blog-page .hero-blog h1 span {
    font-size: 52px;
    line-height: 52px;
  }
  .post-new h2 {
    font-size: 38px !important;
    line-height: 42px !important;
  }
  .entry-content p:has(> img + img) img {
    max-height: 150px;
    max-width: 60% !important;
  }
  body:not(.home).single .content .about-us .toc-mobile-stack{
    margin-top: -8.125rem !important;
  }
}