.position-relative {position: relative !important;}
.overflow-hidden{overflow: hidden !important;}
.h-100 {height: 100% !important;}
.position-relative {position: relative !important;}

/* Strat of blogdetailspage */
.blogdetailspage {padding: 3rem 5% 3rem 5%; background-color: #fff;}
.blogdetailspage .mainheading{text-align: center;}
.blogdetailspage .mainheading span{color: var(--accent-color);}
.blogdetailspage .container, .row, .blog_details {
  overflow: visible; 
}
.blogformheading{font-size: 26px;font-weight: 600;padding-bottom: 10px;}
.blog_details{position: relative;}
.blog_details .sticky{
  position: sticky;
  top: 130px;z-index: 99;
  height: 100%;
}
.blog_details .sticky {
flex: 1;
position: sticky;
top: 100px;
height: fit-content;
}
.section, .container, .row, .col-12 {
  overflow: visible;
}

  .flexcontainer {display: flex;height: 100%; }
  .container{display: flex;justify-content: space-around;}
  .blogdetailpagesection {flex: 1;position: relative;}

  .blogdetailleftcolumn .article {
    padding: 0px;
    /* box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1); */
  }
  .innerheading{
    font-size: 26px;
    color: #222;
}
.post-img {
    margin: 0px 0 20px 0px;
    overflow: hidden;
  }
.post-img img{width: 100%;}
  
  .blogdetailpagesection .title {
    color:#222;
    font-size: 24px;font-family: var(--heading-font);
    padding: 0;font-weight: 600;
    margin: 10px 0;
  }
  .blogdetailpagesection .blgcontent {margin-top: 20px;}
  .blogdetailpagesection .blgcontent h2{font-size: 24px; font-weight: 600;}
  .blogdetailpagesection .blgcontent h3{font-size: 24px; font-weight: 600;}
  .blogdetailpagesection .blgcontent p{ color: var(--default-color);font-size: 1rem; line-height: 1.6;}
  .blogdetailpagesection .blgcontent p a{color: var(--accent-color);}
  .blogdetailpagesection .metatop {margin-top: 10px;font-size: 14px;}
  .blgcontent ul{padding-left:22px}
  .blgcontent ul li{list-style-type: square;padding: 3px 0px;font-size: 1rem;}
  .blgcontent ul li::marker{color:var(--accent-color);}
  .blgcontent ol{padding-left:22px}
  .blgcontent ol li{list-style-type: decimal;padding: 3px 0px;font-size: 1rem;}
  .blgcontent ol li::marker{color:var(--accent-color);}
  .blogdetailpagesection .metatop ul {display: flex;flex-wrap: wrap;list-style: none;align-items: center;padding: 0;margin: 0;}
  .blogdetailpagesection .metatop ul li+li {padding-left: 6px;}
  .blogdetailpagesection .metatop ul li img {margin-top: -3px; margin-right: 6px;}

  .blogdetailpagesection .meta-bottom {
    padding-top: 10px;
    border-top: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
  }
  
  .blogdetailpagesection .meta-bottom img{
    display: inline;
  }
  
  .blogdetailpagesection .meta-bottom a {
    color: var(--default-color);
    transition: 0.3s;
  }
  
  .blogdetailpagesection .meta-bottom a:hover {
    color: #000;
  }
  .blogdetailpagesection .meta-bottom .cats {
    list-style: none;
    display: inline;
    padding: 0 20px 0 0;
    font-size: 14px;
  }
  
  .blogdetailpagesection .meta-bottom .cats li {
    display: inline-block;
  }
  .blogright{position: sticky; top: 0; height: 100%;}
  .rightsidebarform{ background-color: #fff;padding:1.5rem; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);position: relative;}
  .widgettitle {
    color:#222;
    font-size: 24px;
    font-family: var(--heading-font);
    font-weight: 600;
    padding: 0;
    margin: 0 0 10px 0;
}
/* Start of faqinnersection */
.commonheading {padding-bottom: 10px;font-size: 24px;}
.faqinnersection{background-color: #fff; border-top: #ddd 1px solid;padding: 2rem 0px;}
.faqinnersection h3{font-size: 18px; font-family: var(--heading-font);padding: 11px 12px 11px 12px;background: #f4f3f3;color: var(--default-color); margin: 10px 0px;}
.faqinnersection p{padding-bottom: 0px;}
.accordion_heading {cursor: pointer;position: relative;background-color: #fff;color: rgb(20 36 63);font-weight: bold;border: #ddd 1px solid;display: flex;font-family: var(--heading-font);align-items: center;padding: 1rem;font-size: 18px;margin-bottom: 10px;padding-right: 2rem;}
.accordion_heading.active,
.accordion_heading:hover {background-color: #f2f2f2;}
.accordion_heading.active {margin-bottom: 0;}
.accordion_heading::after {content: "";padding: 2px;
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2382AA4B'%3e%3cpath d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0M8.5 4.5a.5.5 0 0 0-1 0v3h-3a.5.5 0 0 0 0 1h3v3a.5.5 0 0 0 1 0v-3h3a.5.5 0 0 0 0-1h-3z'/%3e%3c/svg%3e") no-repeat center/cover;
    width: 1.50rem;height: 1.50rem;position: absolute; right: 10px;top: 50%;font-weight: bold;transform: translateY(-50%);transition: transform 0.02s ease-in-out;
 }
.accordion_heading.active::after {content: "";
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2382AA4B'%3e%3cpath d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0M4.5 7.5a.5.5 0 0 0 0 1h7a.5.5 0 0 0 0-1z'/%3e%3c/svg%3e") no-repeat center/cover;
    rotate: 180deg;right: 10px;top: 8%;padding: 2px;}
.accordion_content {background-color: #fff;padding: 20px;font-size: 16px;border: 1px solid #ddd;border-top: none;margin-bottom: 10px;}
.accordion_content p {margin-bottom: 0;}
.accordion_content ul {
padding: 8px 0 0 0px;
margin: 0px 0 0 35px;
}

.accordion_content ul li {
color: var(--default-color);
list-style-type: square;
font-size: 1rem;
}
.accordion_content ul li::marker{color: var(--accent-color);}

/* Start of MAX IPad Pro View */
@media screen and (max-width: 1400px) and (min-width:1301px) {
.blogdetailpagesection {padding: 0rem 0%;}
.herosectionrow {height: 220px;}
.abcontent {margin-top: 120px;}
.blogdetailspage {padding: 3rem 0% 3rem 0%;}
.blogformheading{font-size: 24px;}
}

/* Start of MAX IPad Pro View */
@media screen and (max-width: 1300px) and (min-width:1201px) {
.blogdetailpagesection {padding: 0rem 0%;}
.herosectionrow {height: 220px;}
.abcontent {margin-top: 120px;}
.blogdetailspage {padding: 3rem 0% 2rem 0%;}
.blogdetailleftcolumn .article {padding: 1rem;}
.blogdetailleftcolumn .title{font-size: 25px;margin: 10px 0 5px 0px;}
.blogdetailleftcolumn .metatop ul li + li{padding-left: 10px;}
.blogdetailleftcolumn .post-img {margin: 0px 0px 10px 0px;}
.blogdetailleftcolumn .metatop{margin-top: 15px;}
.blogdetailleftcolumn .blgcontent{margin-top: 10px;}
.rightsidebarform{padding: 1rem;margin-top: 0rem;}
.widgettitle {font-size: 24px;margin: 0 0 15px 0;}
.recentpost{padding: 1rem;margin-top: 1rem;}
.recentpost .post-item .postheading {font-size: 14px;margin-bottom: 1px;}
.metatop ul li{font-size: 13px;}
.blogdetailleftcolumn .metatop ul li img {margin-top: -3px;margin-right: 4px;width: 13px;height: 13px;}
.blogdetailleftcolumn .blgcontent h2{font-size: 24px;}
.blogdetailleftcolumn .blgcontent h3{font-size: 24px;}
.blogformheading{font-size: 24px;}
}


/* Start of MAX IPad Pro View */
@media screen and (max-width: 1200px) and (min-width:1101px) {
  .blogdetailpagesection {padding: 0rem 0%;}
  .blogdetailpagesection {padding: 0rem 0%;}
  .herosectionrow {height: 220px;}
  .abcontent {margin-top: 120px;}
  .blogdetailspage {padding: 4rem 3% 2rem 3%;}
  .blogdetailleftcolumn .article {padding: 1rem;}
  .blogdetailleftcolumn .title{font-size: 25px;margin: 10px 0 5px 0px;}
  .blogdetailleftcolumn .metatop ul li + li{padding-left: 10px;}
  .blogdetailleftcolumn .post-img {margin: 0px 0px 10px 0px;}
  .blogdetailleftcolumn .metatop{margin-top: 15px;}
  .blogdetailleftcolumn .blgcontent{margin-top: 10px;}
  .rightsidebarform{padding: 1rem;margin-top: 0rem;}
  .widgettitle {font-size: 24px;margin: 0 0 15px 0;}
  .recentpost{padding: 1rem;margin-top: 1rem;}
  .recentpost .post-item .postheading {font-size: 14px;margin-bottom: 1px;}
  .metatop ul li{font-size: 13px;}
  .blogdetailleftcolumn .metatop ul li img {margin-top: -3px;margin-right: 4px;width: 13px;height: 13px;}
  .blogdetailleftcolumn .blgcontent h2{font-size: 22px;}
  .blogdetailleftcolumn .blgcontent h3{font-size: 22px;}
  .blgcontent ul li {padding: 2px 0px;font-size: 15px;}
  .blogdetailpagesection .blgcontent p {font-size: 15px;line-height: 1.6;}
  .blogformheading{font-size: 22px;}
}

/* Start of IPad Pro View */
@media screen and (max-width: 1100px) and (min-width:992px) {
  .blogdetailpagesection {padding: 0rem 0%;}
  .blogdetailspage {padding: 2rem 0% 2rem 0%;}
  .blogdetailleftcolumn .article {padding: 1rem;}
  .blogdetailleftcolumn .title{font-size: 24px;margin: 10px 0 5px 0px;}
  .blogdetailleftcolumn .metatop ul li + li{padding-left: 10px;}
  .blogdetailleftcolumn .post-img {margin: 0px 0px 10px 0px;}
  .blogdetailleftcolumn .metatop{margin-top: 15px;}
  .blogdetailleftcolumn .blgcontent{margin-top: 10px;}
  .rightsidebarform{padding: 1rem;margin-top: 0rem;}
  .widgettitle {font-size: 24px;margin: 0 0 15px 0;}
  .recentpost{padding: 1rem;margin-top: 1rem;}
  .recentpost .post-item .postheading {font-size: 14px;margin-bottom: 1px;}
  .metatop ul li{font-size: 13px;}
  .blogdetailleftcolumn .metatop ul li img {margin-top: -3px;margin-right: 4px;width: 13px;height: 13px;}
  .blogdetailleftcolumn .blgcontent h2{font-size: 22px;}
  .blogdetailleftcolumn .blgcontent h3{font-size: 22px;}
  .blgcontent ul li {padding: 2px 0px;font-size: 15px;}
  .blogdetailpagesection .blgcontent p {font-size: 15px;line-height: 1.6;}
  .blogformheading{font-size: 22px;}
}

/* Start of IPad View */
@media screen and (max-width: 991.99px) and (min-width:768px) {
  .blogdetailpagesection {padding: 0rem 2%;}
  .container {display: block;justify-content: unset;}
  .flexcontainer {display: block; flex-wrap: unset;justify-content:unset;}
  .blogdetailleftcolumn{width: 100%;float: none;}
  .blogright{float: none;width: 100%;position: unset; top: unset;}
  .blogdetailleftcolumn .article {padding: 1rem;}
  .blogdetailleftcolumn .title{font-size: 22px;margin: 10px 0 5px 0px;}
  .blogdetailleftcolumn .metatop ul li + li{padding-left: 10px;}
  .blogdetailleftcolumn .post-img {margin: 0px 0px 10px 0px;}
  .blogdetailleftcolumn .metatop{margin-top: 15px;}
  .blogdetailleftcolumn .blgcontent{margin-top: 10px;}
  .rightsidebarform{padding: 2rem;margin-top: 1rem;}
  .widgettitle {font-size: 22px;margin: 0 0 15px 0;}
  .recentpost{padding: 1rem;margin-top: 1rem;}
  .recentpost .post-item .postheading {font-size: 14px;margin-bottom: 1px;}
  .metatop ul li{font-size: 13px;}
  .blogdetailleftcolumn .metatop ul li img {margin-top: -3px;margin-right: 4px;width: 13px;height: 13px;}
  .blogdetailleftcolumn .blgcontent h2{font-size: 22px;}
  .blogdetailleftcolumn .blgcontent h3{font-size: 22px;}
  .blgcontent ul li {padding: 2px 0px;font-size: 15px;}
  .blogdetailpagesection .blgcontent p {font-size: 15px;line-height: 1.6;}
  .blogformheading{font-size: 22px;}
}

/* Start of Mobile View */
@media screen and (max-width: 767px) and (min-width:600px) {
  .blogdetailpagesection {padding: 0rem 0%;}
  .blogdetailspage {padding: 2rem 0% 2rem 0%;}
  .container {display: block;justify-content: unset;}
  .flexcontainer {display: block; flex-wrap: unset;justify-content:unset;}
  .blogdetailleftcolumn{width: 100%;float: none;}
  .blogright{float: none;width: 100%;position: unset; top: unset;}
  .blogdetailleftcolumn .article {padding: 1rem;}
  .blogdetailleftcolumn .title{font-size: 22px;margin: 10px 0 5px 0px;}
  .blogdetailleftcolumn .metatop ul li + li{padding-left: 10px;}
  .blogdetailleftcolumn .post-img {margin: 0px 0px 10px 0px;}
  .blogdetailleftcolumn .metatop{margin-top: 15px;}
  .blogdetailleftcolumn .blgcontent{margin-top: 10px;}
  .rightsidebarform{padding: 2rem;margin-top: 1rem;}
  .widgettitle {font-size: 22px;margin: 0 0 15px 0;}
  .recentpost{padding: 1rem;margin-top: 1rem;}
  .recentpost .post-item .postheading {font-size: 14px;margin-bottom: 1px;}
  .metatop ul li{font-size: 13px;}
  .blogdetailleftcolumn .metatop ul li img {margin-top: -3px;margin-right: 4px;width: 13px;height: 13px;}
  .blogdetailpagesection .blgcontent h2{font-size: 22px;}
  .blogdetailpagesection .blgcontent h3{font-size: 22px;}
  .blgcontent ul li {padding: 2px 0px;font-size: 15px;}
  .blogdetailpagesection .blgcontent p {font-size: 15px;line-height: 1.6;}
  .blogformheading{font-size: 24px;}
  .accordion_heading {padding: 8px 12px;font-size: 16px;margin-bottom: 5px;padding-right: 1rem;}
.accordion_heading::after {width: 1rem;height: 1rem;}
.faqinnersection{padding: 1rem 0px 1rem 0px;}
.faqinnersection h2{font-size: 22px;}
.faqinnersection h3 {padding: 11px 30px 11px 12px;font-size: 16px;}
}

/* Start of Mobile View */
@media screen and (max-width: 599.98px) and (min-width:320px) {
.blogdetailspage {padding:15px 0px 15px 0px;}
.mainheading{padding-bottom: 0px;}
.blogdetailpagesection .title {font-size: 18px;margin: 0px 0 10px 0px;}
.blogdetailpagesection {padding: 0rem 1% 1rem 1%;}
.container {display: block;justify-content: unset;}
.blogdetailpagesection .blgcontent p{font-size: 15px;line-height: 1.6;}
.flexcontainer {display: block; flex-wrap: unset;justify-content:unset;}
.blogdetailleftcolumn{width: 100%;float: none;margin-right: 0rem}
.blogright{float: none;width: 100%;position: unset; top: unset;}
.blogdetailpagesection .blgcontent h2 {font-size: 19px}
.blogdetailpagesection .blgcontent h3 {font-size: 18px;}
.blgcontent ul li{font-size: 15px;line-height: 1.6;}
.blogdetailleftcolumn .article {padding: 8px;}
.blogdetailleftcolumn .title{font-size: 20px;margin: 10px 0 5px 0px;}
.blogdetailleftcolumn .metatop ul li + li{padding-left: 10px;}
.blogdetailleftcolumn .post-img {margin: 0px 0px 10px 0px;}
.blogdetailleftcolumn .metatop{margin-top: 15px;}
.blogdetailleftcolumn .blgcontent{margin-top: 10px;}
.rightsidebarform{padding: 1rem;margin-top: 0rem;}
.widgettitle {font-size: 22px;margin: 0 0 15px 0;}
.recentpost{padding: 12px;margin-top: 12px;}
.blgcontent ul {padding-left: 20px;}
.recentpost .post-item .postheading {font-size: 14px;margin-bottom: 1px;}
.metatop ul li{font-size: 12px;}
.blogdetailleftcolumn .metatop ul li img {margin-top: -3px;margin-right: 4px;width: 12px;height: 12px;}
.blogdetailleftcolumn .blgcontent h2{font-size: 20px;}
.blogdetailleftcolumn .blgcontent h3{font-size: 20px;}
.blgcontent ul li {padding: 0px 0px;}
.post-img {margin: 0px 0 10px 0px;}
.blogdetailpagesection .blgcontent {margin-top: 10px;}
.blogformheading{font-size: 22px;}
.accordion_heading {padding: 8px 12px;font-size: 16px;margin-bottom: 5px;padding-right: 1rem;}
.accordion_heading::after {width: 1rem;height: 1rem;}
.faqinnersection{padding: 1rem 0px 1rem 0px;}
.faqinnersection h2{font-size: 22px;}
.faqinnersection h3 {padding: 11px 30px 11px 12px;font-size: 16px;}
}