/* .grid-list{width: 100%;text-align: right;}
.grid-list .grid{background-repeat: no-repeat;background-size: contain;background-position: center;}
.location-lists{display: flex;} */

.page-id-43224 .banner{ display: none !important; }



/* Table of content */
.blog-detail-sidebar ol > li > ol {
    display: none; /* Initially hide all sublists */
}
.blog-detail-wrap .wrapper {
    max-width: 1246px;
    width: 100%;
}

.blog-detail-wrap {
    padding: 105px 0 137px;
}

.toc-wrap {
    display: flex;
    flex-wrap: wrap;
}

.blog-detail-sidebar .sticky {
    border: 1px solid #CC19000D;
    box-shadow: 0px 4px 139.4px -69px #0000004D;
    padding: 24px 0 0 0;
    position: sticky;
    top: 16%;
    max-height: 82vh;
    overflow: auto;

}

.blog-detail {
    max-width: calc(100% - 336px);
    width: 100%;
    padding-left: 66px;
}

.blog-detail-sidebar {
    max-width: 336px;
}

.blog-detail-sidebar ol li a {
    font-family: "Inter", serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.4375;
    color: #202224;
    display: inline-block;
    width: 100%;
    padding: 20px 0;
    border-bottom: 1px solid rgba(0,0,0,0.1);
    padding-right: 24px;
}

.toggle-arrow {
    float: right;
    font-size: 0;
    width: 20px;
    height: 20px;
    background-image: url('data:image/svg+xml,<svg width="13" height="8" viewBox="0 0 13 8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 7.23975L6.5 1.23975L1 7.23975" stroke="black"/></svg>');
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    right: 24px;
    top: 22px;
    transform: rotate(180deg);
    transform-origin: center;
    background-size: auto;
    z-index: 2;
    cursor: pointer;
}

.blog-detail-sidebar ol {
    padding: 0;
    margin: 0;
    list-style: none;
}

.blog-detail-sidebar ol li {
    list-style-type: none;
    position: relative;
    padding: 0 24px;
    border-left: 2px solid transparent;
}

.blog-detail-sidebar ol li.open .toggle-arrow {
    transform: rotate(0deg);
}

.page-template-guidelines-template .site-content {
    overflow: visible;
}

.blog-sidebar-title {
    font-size: 24px;
    font-weight: 600;
    line-height: 1.21;
    text-align: left;
    padding: 0 24px;
}

.blog-detail-sidebar ol > li > ol > li:first-child > a {
    padding-top: 0;
}

.blog-detail-sidebar ol li:last-child a, .blog-detail-sidebar ol li:last-child, .blog-detail-sidebar ol > li > ol > li:last-child {
    border-bottom: 0;
}

.blog-detail-sidebar ol > li > ol > li {
    padding: 0;
    line-height: 1;
}

.blog-detail-sidebar ol li.open > a {
    border-bottom: 0;
    color: #CC1900;
}

.blog-detail-sidebar ol > li > ol > li > a {
    padding: 17px 0;
    font-size: 14px;
}
.blog-detail-sidebar ol > li > ol > li > a:hover {
    color: #CC1900;
}

.blog-detail-sidebar ol li.open {background-color: #F7F7F7;border-left: 2px solid #CC1900;}
.blog-detail li, .blog-detail p {
    color: #202224;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4375;
    margin: 0 0 24px;
}
.blog-detail strong{
    font-weight: 700;
}
.blog-detail h2 {
    font-size: 42px;
    font-weight: 600;
    line-height: 1.2;
    margin: 0 0 16px;
    padding: 0;
}
.blog-detail blockquote {
    padding: 25px;
    background-color: #F7F7F7;
    border: 0 !important;
}

.blog-detail blockquote p {
    margin: 0;
}

.blog-detail ul li {
    background-image: url('data:image/svg+xml,<svg width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg"><rect y="0.5" width="20" height="20" rx="10" fill="%23AA3726"/><path d="M6.52736 10.1299C6.35478 10.1304 6.18585 10.1797 6.04014 10.2722C5.89442 10.3647 5.77787 10.4965 5.70396 10.6525C5.63005 10.8085 5.60181 10.9822 5.6225 11.1535C5.64319 11.3248 5.71197 11.4868 5.82088 11.6207L8.14261 14.4648C8.22539 14.5676 8.33151 14.6492 8.45214 14.7027C8.57276 14.7563 8.70443 14.7802 8.83619 14.7727C9.118 14.7576 9.37242 14.6068 9.53463 14.3589L14.3575 6.59178C14.3582 6.59049 14.3591 6.5892 14.3599 6.58794C14.4052 6.51845 14.3905 6.38076 14.2971 6.29426C14.2714 6.27051 14.2412 6.25226 14.2082 6.24064C14.1752 6.22902 14.1402 6.22427 14.1053 6.22669C14.0705 6.22911 14.0364 6.23864 14.0054 6.25471C13.9743 6.27077 13.9469 6.29302 13.9247 6.32009C13.923 6.32222 13.9212 6.32431 13.9194 6.32638L9.05552 11.8218C9.03701 11.8428 9.01453 11.8598 8.98939 11.8719C8.96424 11.8841 8.93694 11.8911 8.90905 11.8926C8.88117 11.8941 8.85326 11.8901 8.82695 11.8807C8.80064 11.8713 8.77646 11.8568 8.75581 11.8381L7.14157 10.3691C6.97392 10.2154 6.7548 10.1301 6.52736 10.1299Z" fill="white"/></svg>');
    background-repeat: no-repeat;
    background-size: auto;
    padding-left: 30px;
    font-style: italic;
    font-weight: 500;
    margin: 0 0 16px;
    font-family: 'Inter', sans-serif;
    color: #000000;
    background-position: top 1px left;
}

.blog-detail ul {
    background-color: #CC19000D;
    padding: 25px;
    margin: 0 0 24px;
}

.blog-detail ul li:last-child {
    margin: 0;
}

.blog-detail-wrap * {
    font-family: "Inter", serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.blog-detail h3 {
    font-size: 30px;
    font-weight: 500;
    line-height: 1.2;
    margin: 0 0 16px;
    padding: 0;
}

.blog-detail h3 > span > span {
    color: #AA3726;
}
.blog-detail-sidebar ol li.open:first-child {
    margin-top: 24px;
}

.blog-detail-sidebar ol li:first-child {
    margin-top: 0;
    transition: all ease-in-out 0.2s;
}
.wp-block-separator {
    margin: 60px 0 50px !important;
    width: 100% !important;
    max-width: 100% !important;
    background-color: rgba(0,0,0,0.1) !important;
    height: 1px !important;
    border: 0 !important;
}
.blog-detail ol li:before {
    content: counter(list-counter);
    background: #AA3726;
    width: 20px;
    height: 20px;
    line-height: 20px;
    border-radius: 50%;
    text-align: center;
    font-size: 12px;
    font-weight: 500;
    color: #ffffff;
    margin-right: 8px;
    vertical-align: middle;
    position: absolute;
    top: 2px;
    left: 0;
}
.blog-detail ol li {
    position: relative;
    list-style-type: none;
    counter-increment: list-counter;
    margin: 0 0 13px;
    vertical-align: middle;
    padding-left: 30px; font-weight: 500;
    color: #000;
}
.blog-detail ol {
    padding: 0;
    margin: 0 0 24px;
}
.blog-detail ol li:last-child {
    margin: 0;
}
.blog-detail h2:not(:first-child),
.blog-detail h3:not(:first-child){
    margin-top: 50px;
}
.blocks-wrap {
    padding: 25px;
    background: #F7F7F7;
    border-left: 2px solid #CC1900;
}
.blocks-image {height: auto;line-height: 0.7;margin: 0 0 14px;}
.blocks-image img {
    width: 100%;
    height: auto;
    max-width: 160px;
}
.blocks-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.blocks-content p {
    margin: 0;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5625;
}
.blocks-content p strong {
    display: block;
    font-weight: 700;
    font-size: 18px;
}
a.cmn-btn {
    font-size: 16px;
    font-weight: 400;
    padding: 14px 20px;
    background-color: #ef780a;
    color: #ffffff !important;
    background-size: 20px;
    background-repeat: no-repeat;
    position: relative;
    line-height: 1;
    height: auto;
    min-height: auto;
}
a.cmn-btn:after {
    content: "";
    width: 21px;
    height: 12px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="512" height="512" x="0" y="0" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512" xml:space="preserve" class=""><g><path d="m506.134 241.843-.018-.019-104.504-104c-7.829-7.791-20.492-7.762-28.285.068-7.792 7.829-7.762 20.492.067 28.284L443.558 236H20c-11.046 0-20 8.954-20 20s8.954 20 20 20h423.557l-70.162 69.824c-7.829 7.792-7.859 20.455-.067 28.284 7.793 7.831 20.457 7.858 28.285.068l104.504-104 .018-.019c7.833-7.818 7.808-20.522-.001-28.314z" fill="%23ffffff" opacity="1" data-original="%23000000" class=""></path></g></svg>');
    display: inline-block;
    margin-left: 10px;
}
a.cmn-btn:hover {
    background-color: #000;
    color: #fff !important;
}
.blocks-list {
    margin: 0 0 24px;
}


.Double-Column {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px 24px;
}

.Double-Column .blocks-boxes {
    max-width: 50%;
    width: 100%;
    padding: 0 15px;
}

.Three-Column .blocks-boxes .blocks-wrap, .Double-Column .blocks-boxes .blocks-wrap {
    border: 0;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.Double-Column .blocks-content p {
    margin: 0 0 52px;
    width: 100%;
}

.Double-Column .blocks-image img {
    max-width: 95px;
}

.Three-Column .cmn-btn, .Double-Column .cmn-btn {
    margin-top: auto;
}
.Three-Column .blocks-content, .Double-Column .blocks-content {
    height: 100%;
}
.Three-Column {
    display: flex;
    flex-wrap: wrap;
    margin: -15px -15px 9px -15px;
}

.Three-Column .blocks-boxes {
    max-width: 33.33%;
    width: 100%;
    padding: 15px;
}

.Three-Column .blocks-boxes .blocks-wrap {
    border: 1px solid #FFFFFF;height: 100%; transition: all ease-in-out 0.3s;
}
.Double-Column .blocks-boxes .blocks-wrap:hover, .Three-Column .blocks-boxes .blocks-wrap:hover {
    background-color: #ffffff;
    box-shadow: 0px 4px 34px 0px #00000012;
}
.Three-Column .blocks-content h4 {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.38;
    margin: 0 0 20px;
}
.Three-Column .blocks-image img {
    max-height: 35px;
    object-fit: contain;
    object-position: left;
}
.Three-Column .blocks-content > p {
    margin: 0 0 24px;
}
.Single-Column .blocks-content a.cmn-btn {
    max-width: 20%;
}
.Single-Column .blocks-content p {
    max-width: 80%;
    margin-bottom: 0;
}
@media only screen and (max-width: 1200px) {
    .blog-detail-wrap {
        padding: 90px 0;
    }
    .blog-detail{
        padding-left: 56px;
    }
    .blog-detail h3{
        font-size: 28px; margin: 0 0 14px;
    }
    .blog-detail li, .blog-detail p{
        margin: 0 0 20px;
    }
    .blog-detail .wp-block-separator {
        margin: 50px 0 40px !important;
    }
    .blog-detail-sidebar ol li a{
        padding: 16px 0;font-size: 15px;
    }
    .blog-detail{
        padding-left: 50px;
    }
    .blog-detail h2 {
        font-size: 38px;
    }
    .toggle-arrow{
        top: 18px;
    }
    
    .blog-detail-sidebar ol > li > ol > li > a {
        padding: 14px 0;
    }
    .blog-detail h2:not(:first-child), .blog-detail h3:not(:first-child) {
        margin-top: 44px;
    }
    .blocks-wrap {
        padding: 20px;
    }
    .Three-Column .blocks-boxes{
        padding: 10px;
    }
    .Three-Column{
        margin: -10px -10px 9px -10px;
    }
    a.cmn-btn{
        padding: 12px 16px;
    }
    a.cmn-btn:after{
        width: 17px;
    }
    .blog-detail ul {
        padding: 20px;
    }
    .blog-detail ul li{
        background-size: 16px; background-position: top 3px left; padding-left: 25px;
    }
    .blog-detail ol li:before{
        width: 16px;
        height: 16px;
        line-height: 16px;
        font-size: 10px;
    }
    .blog-detail ol li{
        padding-left: 25px;
    }
    .blog-detail ul li{
        margin: 0 0 12px;
    }
    .blocks-content p strong{
        font-size: 17px;
    }
    .Double-Column .blocks-content p {
        margin: 0 0 38px;
    }
    .Double-Column .blocks-boxes{
        padding: 0 10px;
    }
    .Double-Column{
        margin: 0 -15px 24px;
    }
}
@media only screen and (max-width: 1023px) {
    .blog-detail-sidebar ol li a {
        font-size: 15px;padding-right: 20px;font-size: 14px;
    }
    .blog-detail-sidebar {
        max-width: 270px;
    }
    .blog-detail {
        padding-left: 30px;
        max-width: calc(100% - 270px);
    }
    .blog-detail-sidebar ol > li > ol > li > a {
        font-size: 13px; padding: 12px 0;
    }
    .blog-detail-sidebar ol li {
        padding: 0 16px;
    }
    .blog-detail h2 {
        font-size: 32px;
    }
    .blog-detail h3 {
        font-size: 24px;
    }
    .Three-Column .blocks-boxes {
        max-width: 50%;
    }
    .Three-Column .blocks-content > p {
        margin: 0px 0 16px;
    }
    .blocks-content p strong {
        font-size: 16px;
    }
    .blog-sidebar-title {
        font-size: 22px; padding: 0 18px;
    }
    .blog-detail ol li:before{
        top: 4px;
    }
    .blog-detail ol li{
        font-size: 15px;
    }
    .Single-Column .blocks-content p {
        max-width: 70%;
    }
    .Single-Column .blocks-content a.cmn-btn {
        max-width: 30%;
    }
    .blog-detail .wp-block-separator {
        margin: 40px 0 30px !important;
    }
    .Double-Column .blocks-content p {
        margin: 0 0 28px;
    }
    .blog-detail-wrap {
        padding: 80px 0;
    }
}
@media only screen and (max-width: 767px) {
    .blog-detail {
        padding-left: 0;
        max-width: 100%;width: 100%;
    }
    .blog-detail-sidebar {
        max-width: 100%;
        width: 100%;
        margin-bottom: 30px;
    }
    .blog-detail h2 {
        font-size: 28px;
    }
    .blog-detail h3 {
        font-size: 22px;
    }
    .blog-detail h2:not(:first-child), .blog-detail h3:not(:first-child) {
        margin-top: 34px;
    }
    .blog-detail .wp-block-separator {
        margin: 30px 0 20px !important;
    }   
    .blog-detail-wrap {
        padding: 60px 0;
    }
}
@media only screen and (max-width: 640px) {
    .Single-Column .blocks-content p {
        max-width: 100%;
        margin: 0 0 20px;
    }
    .Single-Column .blocks-content a.cmn-btn {
        max-width: 100%;
    }
    .Double-Column .blocks-boxes, .Three-Column .blocks-boxes {
        max-width: 100%;
        margin: auto;
    }
    .blog-detail-wrap {
        padding: 50px 0;
    }
}