/** Shopify CDN: Minification failed

Line 112:7 Expected ":"

**/


.wrapper-spacing--v--template.wrapper-spacing--h.custom-padding {
    padding: 100px;
}
.width--content.custom-for-blog-dtl {
    max-width: 100%;
    margin: 0;
}
.article__featured-image-wrap.image-custom-height {
    width: 100%;
    height: 300px;
}
.article--image-wrapper.custom-blog-dtl img {
    aspect-ratio: 2.3;
    max-width: 100% !important;
    max-height: 100% !important;}


    .flex-grid.blog-main--wrapper.gap-blg-dtl_aside

 {
    gap: 90px;
    flex-wrap: unset;
}
.none-desktop{display:none}
.only-article-content img {
    aspect-ratio: 16/9;
    max-width: 100% !important;
    max-height: 100% !important;
}

h1.page--title.template-title {
    font-family: Jost;
    font-weight: 500;
    font-style: Medium;
    font-size: 34px;
    leading-trim: NONE;
    line-height: 140%;
    letter-spacing: -1%;
    text-transform: uppercase;
        text-align: unset;
            margin-top: 40px !important;
            margin-bottom: 12px;
}
.hamesa_none{display:none}
.flex-grid__item.grid__item--blog-main.large--three-quarters.for-custom-flex-grid.style-for-blog-detail {
    padding: 16px;
    border: 1px solid #1010101A;
}
.gap-in-aside {
    display: flex
;
    flex-direction: column;
    gap: 10px;
}

.for-devider::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;            
  border:  1px solid #1010101A;  
    margin: 40px 0 0px 0px;    
}

.template-title--wrapper.for-devider {
    margin: 0;
}
p.blog-main--article-read-more-link.nav-link-animated--custom {
    margin-top: 16px;
    margin-bottom: 0;
}
h2.blog-main--article-title.font-class {
    font-family: 'Jost';
    font-weight: 400;
    font-style: Regular;
    font-size: 16px;
    leading-trim: NONE;
    line-height: 150%;
    letter-spacing: -1%;
    text-transform: unset;
    margin-top:10px;
}
.time_h2_read {
    padding: 16px 16px 0;
}

h2.blog-main--article-title.font-class a{
      font-family: 'Jost';
    font-weight: 400;
    font-style: Regular;
    font-size: 16px;
    leading-trim: NONE;
    line-height: 150%;
    letter-spacing: -1%;
    text-transform: unset;
}
.only-article-content {
    span,h1,h2,h3,h4 {
  font-family: 'Jost';
  font-weight: 500;
  font-style: normal;    
  font-size: 20px;      
  line-height: 120%;
  letter-spacing: -1%;
  color #101010;
  margin:0;
}
}

.only-article-content   p span{
    font-family: 'Jost';
font-weight: 400;
font-style: Regular;
font-size: 16px;
leading-trim: NONE;
line-height: 150%;
letter-spacing: -1%;
color: #101010BF;
    margin: 40px 0px 0px 0px !important;
}


.only-article-content  ul li
{
font-family: Jost;
font-weight: 400;
font-style: Regular;
font-size: 16px;
leading-trim: NONE;
line-height: 150%;
letter-spacing: -1%;
display:flex;
}
.only-article-content  ul li p{
    margin:0 !important;
}
.only-article-content  ul li p span{
    margin:0 !important;
}
.only-article-content span,
.only-article-content h1,
.only-article-content h2,
.only-article-content h3,
.only-article-content h4 {
  font-family: 'Jost', sans-serif;
  font-weight: 500;       /* Medium weight */
  font-style: normal;     
  font-size: 20px;        
  line-height: 120%;
  letter-spacing: -1%;
  color: #101010;
  margin: 0;              /* remove default margins */
}

.only-article-content p {
    margin-top: 16px !important;
}

.prev_next{
display:flex;
gap:4px;
}

h2.asside_top {
    margin-bottom: 24px;
    font-family: Jost;
    font-weight: 500;
    font-style: Medium;
    font-size: 24px;
    leading-trim: NONE;
    line-height: 140%;
    letter-spacing: -1%;
    text-transform: uppercase;
color: #101010;}

    .fit-content span .social-sharing {
    display: flex
;
    justify-content: center;
    align-items: center;
    margin: 0;
    gap: 4px;
}
.fit-content span .social-sharing a{margin-left:0;}

.fit-content span .social-sharing .label-font{margin-right:8px}


@media(max-width:1600px){
    .wrapper-spacing--v--template.wrapper-spacing--h.custom-padding {
    padding: 50px;
}
.flex-grid.blog-main--wrapper.gap-blg-dtl_aside {
    gap: 48px;
    flex-wrap: unset;
}
}

@media(max-width:1366px){

    .time_h2_read {
    padding: 12px 8px 0;
}
}
@media(max-width:1280px){
        .wrapper-spacing--v--template.wrapper-spacing--h.custom-padding {
        padding: 36px;
    }
    .flex-grid.blog-main--wrapper.gap-blg-dtl_aside {
        gap: 28px;
        flex-wrap: unset;
    }


    .flex-grid.blog-main--wrapper.gap-blg-dtl_aside {
        gap: 28px;
        flex-wrap: unset;
        display: grid
;
        grid-template-columns: 2fr 1fr;
    }
    article.flex-grid__item.grid__item--article-main.large--three-quarters {
    width: 100%;
}
aside.flex-grid__item.grid__item--article-sidebar.small--one-whole.medium--one-whole.large--one-quarter {
    width: 100%;
}

}/* Replace your existing media query with this more specific one */
@media (min-width: 1025px) {
  .flex-grid.blog-main--wrapper.gap-blg-dtl_aside {
    /* align-items: flex-start; */
  }

  aside.flex-grid__item.grid__item--article-sidebar.small--one-whole.medium--one-whole.large--one-quarter {
    /* position: sticky;
    top: 100px;
    align-self: flex-start;
    height: fit-content;
    max-height: calc(100vh - 120px); 
   
    

    overflow:hidden; */

     position: sticky;
  top: 100px;              /* header se niche kitna gap chahiye */
  align-self: flex-start;
  height: auto;            /* jitna content ho utna hi height le */
  max-height: none;        /* limit mat lagao */
  overflow: visible;  
  }
  
  /* Optional: Custom scrollbar for the sidebar */
  aside.flex-grid__item.grid__item--article-sidebar::-webkit-scrollbar {
    width: 4px;
  }
  
  aside.flex-grid__item.grid__item--article-sidebar::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 2px;
  }
}

/* Ensure mobile doesn't have sticky */
@media (max-width: 1024px) {
  aside.flex-grid__item.grid__item--article-sidebar {
    position: static;
  }
}

@media(max-width:900px){
h1.page--title.template-title {
    font-family: Jost;
    font-weight: 500;
    font-style: Medium;
    font-size: 24px;
    leading-trim: NONE;
    line-height: 140%;
    letter-spacing: -1%;
    text-transform: uppercase;
    text-align: unset;
    margin-top: 26px !important;
}
    .wrapper-spacing--v--template.wrapper-spacing--h.custom-padding {
        padding: 28px;
    }
    .flex-grid.blog-main--wrapper.gap-blg-dtl_aside {
        gap: 24px;}

        .flex-grid__item.grid__item--blog-main.large--three-quarters.for-custom-flex-grid.style-for-blog-detail {
    padding: 10px;
    border: 1px solid #1010101A;
}
h2.blog-main--article-title a {
    font-family: Jost;
    font-weight: 400;
    font-size: 15px;}
    h2.blog-main--article-title {font-size:15px;}

time.indiv-post-time.font {
    font-family: 'Jost';
    font-weight: 400;
    font-size: 14px !important;
    line-height: 100%;
    text-align: center;
}
.time_callendar {
    display: flex
;
    justify-content: center;
    align-items: center;
    padding: 7px}

}

@media(max-width:810px){
        h1.page--title.template-title {
        font-family: Jost;
                margin-top: 18px !important;
        margin-bottom: 4px;
        }
}



@media(max-width:768px){
    
    article.flex-grid__item.grid__item--article-main.large--three-quarters {
        width: 100%;
        padding-left: 16px;
        padding-right: 16px;
    }
        .wrapper-spacing--v--template.wrapper-spacing--h.custom-padding {
        padding: 0;
    }
        time.indiv-post-time.font {
        font-family: 'Jost';
        font-weight: 400;
        font-size: 11px !important;}

        h1.page--title.template-title {
        font-family: Jost;
        margin-top: 0 !important;
        margin-bottom: 4px;
        padding: 0px 16px 0px;}
        p.blog-main--article-read-more-link.nav-link-animated--custom {
    margin-top: 12px;
    margin-bottom: 0;
}
h2.blog-main--article-title.font-class {
       margin-top: 12px;
    margin-bottom: 0;}

.article__featured-image-wrap.image-custom-height {
    width: 100%;
    height: auto;     
    aspect-ratio: 12/9;
}

 .flex-grid.blog-main--wrapper.gap-blg-dtl_aside {
    display: grid;
    grid-template-rows: auto auto; /* instead of 1fr 1fr */
    grid-template-columns: 1fr;
  }
  h2.blog-main--article-title {
        font-size: 15px;
        margin-bottom: 10px;}

.gap-in-aside {
        display: grid
;
        grid-template-columns: 1fr 1fr;
        column-gap: unset;
        row-gap:20px;
        border: none;
        padding-bottom: 40px;
    }
    .flex-grid__item.grid__item--blog-main.large--three-quarters.for-custom-flex-grid.style-for-blog-detail{
        padding:0;
        border:none;
    }
    h2.asside_top {text-align:center;
    color: #101010;}
    .none-mobile{display:none}
    .none-desktop{display:block}
    
    .fit-content {
    display: flex
;        flex-wrap: wrap;
    gap: 6px;
  
  
}
.time_h2_read {
        padding: 12px 12px 0;
    }

  .template-title--wrapper{  margin-bottom: 16px;}

.template-title--wrapper h1{font-size:24px}



.for-devider::after {
       border: 1px solid #1010101A;
    margin: 16px 0 0px 0px;
}
}
@media(max-width:390px){

        h1.page--title.template-title {
        font-family: Jost;
        margin-top: 0 !important;
        margin-bottom: 4px;
        }


            .time_callendar {
               padding: 7px;}
                   time.indiv-post-time {
        font-size: 12px;
    }
        p.clok {
        font-size: 11px;
    }
        .fit-content {
        margin-top: 16px;
    }
    .fit-content.margin {
    margin: 0;
}
}