.category .read-article-btn, .page-template-tpl-category-block-editor .read-article-btn {
    text-decoration: none;
    font-size: 16px;
    line-height: 19.2px;
    font-weight: 400;
    font-family: fira sans, sans-serif;
    color: #000000;
    display: inline;
    position: relative;
    padding-bottom: 2px;
    margin-top: auto;
}
.category .c-design-ideas-planing .c-design-ideas-planing__c-three-up-column__main .read-article-btn, .category .c-video-conntent .c-video-content__c-three-up-column__main .read-article-btn {
    top: 8px;
}
.category .c-design-ideas-planing .c-design-ideas-planing__c-three-up-column__main .slick-list {
    padding-bottom: 10px;
}
.category .read-article-btn:hover, .page-template-tpl-category-block-editor .read-article-btn:hover {
    color: #dda003;
}
.category .read-article-btn::after, .page-template-tpl-category-block-editor .read-article-btn::after {
    content: "";
    display: none;
    background-image: url(https://www.thisoldhouse.com/wp-content/plugins/multidots-custom-blocks/assets/images/hub/c-arrow-right.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    width: 20px;
    height: 20px;
    transition: all .5s ease-in-out;
    vertical-align: middle;
}
.category .read-article-btn::before, .page-template-tpl-category-block-editor .read-article-btn::before {
    content: "";
    width: 100%;
    height: 1px;
    display: block;
    position: absolute;
    background-color: #dda003;
    bottom: 0;
    left: 0;
}
.category .read-article-btn:hover::after, .page-template-tpl-category-block-editor .read-article-btn:hover::after {
    margin-left: 5px;
}

/* Video Content css Start */
.c-video-conntent {
    padding: 48px 0 48px 0;
    position: relative;
    max-width: 100vw;
    width: 100vw;
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);

}
.c-video-conntent .sec-head {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    margin-bottom: .6rem;
}
.c-video-conntent .c-video-conntent__top-content h2 {
    font-size: 32px;
    line-height: 45px;
    font-family: Fira Sans,sans-serif;
    margin-top: 0;
    margin-bottom: 0;
}
.c-video-conntent .c-video-conntent__top-content p {
    margin-bottom: 24px;
}

.c-video-conntent p {
    font-size: 18px;
    line-height: 29px;
    font-weight: 400;
    font-family: Sarabun,sans-serif;
    color: #2C2C2C;
   
}
.c-video-content__c-entry-box--compact__body .read-article-btn {
    margin-top: 8px;
}
.c-video-conntent::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background-image: url(https://www.thisoldhouse.com/wp-content/plugins/multidots-custom-blocks/assets/images/hub/content-bg.jpeg);
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 0.08;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: none;
}


.c-video-conntent__inner {
    margin-left: auto;
    margin-right: auto;
    max-width: 1100px;
    padding: 0 16px;
    position: relative;
    z-index: 3;
}

.c-video-content__c-three-up-column{
    display: flex;
    flex-wrap: wrap;
}
.c-video-content__c-three-up-column .post-thumbnail > img {
    width: 100%;
    vertical-align: middle;
}
.c-video-content__c-three-up-column__main {
    width: 70.9%;
    padding-right: 15px;
}
.c-video-content__c-three-up-column__main .post-thumbnail {
    margin: 0;
}
.c-video-content__c-three-up-column__side{
    width: 29.1%;
    padding-left: 15px;
}
 .c-video-content__c-entry-box--compact__body {
    padding-bottom: 0;
    padding-left: 0;
    padding-top: 13px;
    width: 100%;
}

.c-video-content__c-entry-box--compact__labels {
    font-family: IBM Plex Mono,sans-serif;
    font-size: 11.25px;
    font-weight: 400;
    letter-spacing: 0.06em;
    list-style: none;
    margin: 0 0 4px;
    padding: 0;
    font-family: IBM Plex Mono;

}
.c-video-content__c-entry-box--compact__labels li span {
    border: none;
    color: #72716E;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 15px;
    font-weight: 400;
    line-height: 19.5px;
    font-family: IBM Plex Mono;
    letter-spacing: 0.06em;

}
.c-video-content__c-entry-box--compact__labels li a:hover {
    color: #dda003;
}
.c-video-content__c-three-up-column .c-video-content__c-entry-box--compact__title {
    font-size: 23px;
    line-height: 34px;
    color: #2c2c2c;
    font-family: fira sans, sans-serif;
    font-weight: 600;
    margin-bottom: 4px;
}
.c-video-content__c-three-up-column .c-video-content__c-entry-box--compact__dek {
    font-size: 18px;
    line-height: 29px;
    font-family: Sarabun,sans-serif;
    color: #2c2c2c;
    font-weight: 400;

}
.c-video-content__c-three-up-column__side .c-video-content__c-entry-box--compact .post-thumbnail {
    height: 174px;
    width: 100%;
    margin: 0;
    position: relative;
}
.c-video-content__c-three-up-column__side .post-thumbnail > img {
   height: 100%;
   width: 100%;
   object-fit: cover;
}
.c-video-content__c-three-up-column__side .c-video-content__c-entry-box--compact:not(:first-child){
   margin-top: 32px;
}
.c-video-content__c-three-up-column__main .c-video-content__c-entry-box--compact .post-thumbnail {
    /* height: 0; */
    margin: 0;
    overflow: hidden;
    /* padding-top: 58%; */
    position: relative;
    width: 100%;
}
.c-video-content__c-three-up-column__main .c-video-content__c-entry-box--compact .post-thumbnail>img {
    display: block;
    /* height: 100%; */
    margin: 0;
    padding: 0;
    /* position: absolute; */
    top: 0;
    width: 100%;
}
.c-video-content__c-three-up-column .video-post-thumbnail__p-badge-play {
    background-color: hsla(0, 0%, 100%, .7);
    border-radius: 100%;
    height: 75px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 75px;
    transition: all 0.5s ease-in-out;
}
.c-video-content__c-three-up-column .video-post-thumbnail__p-badge-play:hover {
    background-color: #fff;
}   
.c-video-content__c-three-up-column .video-post-thumbnail__p-badge-play .p-badge-play__svg {
    height: 40%;
    left: 50%;
    margin-left: 5%;
    margin-top: 1%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 40%;
}
.c-video-content__c-three-up-column .video-post-thumbnail__p-badge-play .p-badge-play__svg path {
    fill: #2c2c2c;
}
.c-video-content__c-three-up-column .video-post-thumbnail__p-badge-play:hover .p-badge-play__svg path {
    fill: #dda003;
}
/* Video Content css End */


/* Designa and ideas planing css Start */
.c-design-ideas-planing  {
    padding: 48px 0 48px 0;
    position: relative;
    max-width: 100vw;
    width: 100vw;
    position: relative;
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
}
.c-design-ideas-planing::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background-image: url(https://www.thisoldhouse.com/wp-content/plugins/multidots-custom-blocks/assets/images/hub/content-bg.jpeg);
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 0.08;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: none;
}
.c-design-ideas-planing__inner {
    margin-left: auto;
    margin-right: auto;
    max-width: 1100px;
    padding: 0 16px;
    position: relative;
    z-index: 3;
}
.c-design-ideas-planing .sec-head.c-head-top-line {
    border-top: none;
    position: relative;
    padding-top: 0px;
    margin-bottom: 8px;
}
.c-design-ideas-planing .sec-head.c-head-top-line:before, .c-design-ideas-planing .sec-head.c-head-top-line:after {
    display: none;
    background-color: #dda003;
    content: "";
    height: 10px;
    width: 3px;
    position: absolute;
    top: -6px;
    border: none;
    padding: 0;
}
.c-design-ideas-planing .sec-head.c-head-top-line:before {
    left: 0;
}
.c-design-ideas-planing .sec-head.c-head-top-line:after {
    right: 0;
    display: none;
}
.c-design-ideas-planing .sec-head h2 {
    font-size: 32px;
    line-height: 45px;
    font-weight: 600;
    font-family: Fira Sans,sans-serif;
}
.c-design-ideas-planing .c-design-ideas-planing__top-content{
    max-width: 785px;
}
.c-design-ideas-planing .c-design-ideas-planing__top-content p {
    margin-bottom: 24px;
}
.c-design-ideas-planing p {
    font-size: 18px;
    line-height: 29px;
    font-weight: 400;
    font-family: Sarabun,sans-serif;
    color: #2C2C2C;
   
   
}
.c-design-ideas-planing__c-three-up-column{
    display: flex;
    flex-wrap: wrap;
    align-items: self-start;
}
.c-design-ideas-planing__c-three-up-column .slick-dotted.slick-slider {
    margin-bottom: 0;
    padding-bottom: 70px;
    position: relative;
}
.c-design-ideas-planing__c-three-up-column .slick-prev, .c-design-ideas-planing__c-three-up-column .slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: inherit;
    bottom: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    width:32px;
    height:32px;
    border-radius: 100%;
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background-color: #ECECEC;
    z-index: 2;
    transform: translate(0, 0);
    letter-spacing: 0;
}
.c-design-ideas-planing__c-three-up-column .slick-prev {
    left: 0;
}
.c-design-ideas-planing__c-three-up-column .slick-next {
    right: 16px;
}
.c-design-ideas-planing__c-three-up-column .slick-prev::before,.c-design-ideas-planing__c-three-up-column .slick-next::before {
    content: "";
    background-image: url(https://www.thisoldhouse.com/wp-content/plugins/multidots-custom-blocks/assets/images/hub/c-design-ideas-planing-slider-arrow.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 9px;
    height: 16.5px;
    display: block;

}
.c-design-ideas-planing__c-three-up-column .slick-next::before {
    margin-left: 3px;
}

.c-design-ideas-planing__c-three-up-column .slick-prev:hover:before,.c-design-ideas-planing__c-three-up-column .slick-prev:focus:before,.c-design-ideas-planing__c-three-up-column .slick-next:hover:before,.c-design-ideas-planing__c-three-up-column .slick-next:focus:before {
    background-image: url(https://www.thisoldhouse.com/wp-content/plugins/multidots-custom-blocks/assets/images/hub/c-design-ideas-planing-slider-arrow-hover.svg);
}
.c-design-ideas-planing__c-three-up-column .slick-prev::before {
    transform: rotate(180deg);
}

.c-design-ideas-planing__c-three-up-column .slick-arrow.slick-disabled {
    opacity: 0.6;
    cursor: unset;
  
}
.c-design-ideas-planing__c-three-up-column .slick-dots {
    bottom: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}
.c-design-ideas-planing__c-three-up-column .slick-dots li {
    width: auto;
    height: auto;
    font-size: 0;
    margin: 0 4px;
}
.c-design-ideas-planing__c-three-up-column .slick-dots li button {
    width: 8px;
    height: 8px;
    border-radius: 100%;
    background-color: #ECECEC;
    padding: 0;
    font-size: 0;
}
.c-design-ideas-planing__c-three-up-column .slick-dots li button::before {
    display: none;
}
.c-design-ideas-planing__c-three-up-column .slick-dots li.slick-active button{
    background-color: #565656;
    box-shadow: none;
}
.c-design-ideas-planing__c-three-up-column .post-thumbnail > img {
    width: 100%;
    vertical-align: middle;
}
.c-design-ideas-planing__c-three-up-column__main{
    width: 55%;
    padding-right: 15px;
}
.c-design-ideas-planing__c-three-up-column__main .c-design-ideas-planing__c-entry-box--compact > a  {
   border: none;

}
.c-design-ideas-planing__c-three-up-column__main .c-design-ideas-planing__c-entry-box--compact .post-thumbnail {
    overflow: hidden;
    position: relative;
    /* height: 0;
    padding-top: 75%; */
    width: 100%;
    margin: 0;
}
.c-design-ideas-planing__c-three-up-column__main .c-design-ideas-planing__c-entry-box--compact .post-thumbnail > img {
    display: block;
    /* height: 100%; */
    margin: 0;
    padding: 0;
    /* position: absolute; */
    top: 0;
    width: 100%;
}
.c-design-ideas-planing__c-three-up-column .video-post-thumbnail__p-badge-play {
    height: 75px;
    width: 75px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    background-color: hsla(0,0%,100%,.7);
    border-radius: 100%;
    transition: all 0.5s ease-in-out;
}
.c-design-ideas-planing__c-three-up-column .video-post-thumbnail__p-badge-play .p-badge-play__svg {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    height: 40%;
    margin-left: 5%;
    margin-top: 1%;
    width: 40%;
}
.c-design-ideas-planing__c-three-up-column .video-post-thumbnail__p-badge-play .p-badge-play__svg path {
    fill: #2c2c2c;
}
.c-design-ideas-planing__c-three-up-column .video-post-thumbnail__p-badge-play:hover {
    background-color: #fff !important;
}
.c-design-ideas-planing__c-three-up-column .video-post-thumbnail__p-badge-play:hover .p-badge-play__svg path {
    fill: #dda003;
}
.c-design-ideas-planing__c-three-up-column__side{
    width: 45%;
    padding-left: 15px;
}
.c-design-ideas-planing__c-entry-box--compact__body {
    padding-bottom: 0;
    padding-left: 0;
    padding-top: 13px;
    width: 100%;
}
.c-design-ideas-planing__c-entry-box--compact__body .read-article-btn {
    margin-top: 8px;
}

.c-design-ideas-planing__c-entry-box--compact__labels {
    font-family: IBM Plex Mono,sans-serif;
    font-size: 11.25px;
    font-weight: 400;
    letter-spacing: 0.06em;
    list-style: none;
    margin: 0 0 4px;
    padding: 0;
    font-family: IBM Plex Mono;

}
.c-design-ideas-planing__c-entry-box--compact__labels li span {
    border: none;
    color: #72716E;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 15px;
    font-weight: 400;
    line-height: 19.5px;
    font-family: IBM Plex Mono;
    letter-spacing: 0.06em;

}
.c-design-ideas-planing__c-entry-box--compact__labels li a:hover {
    color: #dda003;
}
.c-design-ideas-planing__c-three-up-column__side .c-design-ideas-planing__c-entry-box--compact__body {
  padding: 0 0 0 16px;

}
.c-design-ideas-planing__c-three-up-column__side .post-thumbnail {
    width: 186px;
    height: 124px;
    margin: 0;
    position: relative;
}
.c-design-ideas-planing__c-three-up-column__side .post-thumbnail > img {
    width: 100%;
    object-fit: cover;
    height: 100%;
}
.c-design-ideas-planing__c-three-up-column .c-design-ideas-planing__c-entry-box--compact__title {
    font-size: 23px;
    line-height: 34px;
    color: #2c2c2c;
    font-family: fira sans, sans-serif;
    font-weight: 600;
    margin-bottom: 4px;
}
.c-design-ideas-planing__c-three-up-column__side .c-design-ideas-planing__c-entry-box--compact {
    display: flex;
}
.c-design-ideas-planing__c-three-up-column__side .c-design-ideas-planing__c-three-up-column__list:not(:last-child) {
    margin-bottom: 32px;
}
.c-design-ideas-planing__c-three-up-column  .c-design-ideas-planing__c-three-up-column__side .video-post-thumbnail__p-badge-play {
    height: 45px;
    width: 45px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-color: hsla(0, 0%, 100%, .7);
    border-radius: 100%;
}
/* Designa and ideas planing css End */

/* Cost Pricing css start */

.c-cost-pricing {
    padding: 48px 0 48px 0;
    max-width: 100vw;
    width: 100vw;
    position: relative;
    background-color: #F7F4EC;
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
    margin-bottom: 40px;
}
.c-cost-pricing__inner {
    margin-left: auto;
    margin-right: auto;
    max-width: 1100px;
    padding: 0 16px;
    position: relative;
    z-index: 3;
}
.c-cost-pricing .sec-head.c-head-top-line {
    border-top: none;
    position: relative;
    padding-top: 0px;
    margin-bottom: 8px;
}
.c-cost-pricing .sec-head.c-head-top-line:before, .c-cost-pricing .sec-head.c-head-top-line:after {
    display: none;
    background-color: #dda003;
    content: "";
    height: 10px;
    width: 3px;
    position: absolute;
    top: -6px;
    border: none;
    padding: 0;
}
.c-cost-pricing .sec-head.c-head-top-line:before {
    left: 0;
}
.c-cost-pricing .sec-head.c-head-top-line:after {
    right: 0;
    display: none;
}
.c-cost-pricing .sec-head h2 {
    font-size: 32px;
    line-height: 45px;
    font-weight: 600;
    font-family: Fira Sans,sans-serif;
}
.c-cost-pricing .c-cost-pricing__top-content {
    max-width: 785px;
}
.c-cost-pricing .c-cost-pricing__top-content p {
    font-size: 18px;
    line-height: 29px;
    font-weight: 400;
    font-family: Sarabun,sans-serif;
    color: #2C2C2C;
    margin-bottom: 24px;
}
.c-cost-pricing .c-cost-pricing__row {
    display: flex;
    flex-wrap: wrap;
    gap:32px;
    margin-bottom: 24px;
    
}
.c-cost-pricing .c-cost-pricing__row .c-cost-pricing__colum {
    width: calc(33.333% - 22px);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.c-cost-pricing .c-cost-pricing__row .c-cost-pricing__colum .c-cost-pricing__img {
    margin-bottom: 8px;
}
.c-cost-pricing .c-cost-pricing__row .c-cost-pricing__colum .c-cost-pricing__img .post-thumbnail {
    margin: 0;
    /* height: 230px; */
    position: relative;
}
.c-cost-pricing .c-cost-pricing__row .c-cost-pricing__colum .c-cost-pricing__img .post-thumbnail > img {
    width: 100%;
    max-width: 100%;
    /* object-fit: cover;
    height: 100%; */
    aspect-ratio: 3 / 2;
}
.c-cost-pricing .c-cost-pricing__row .video-post-thumbnail__p-badge-play {
    height: 75px;
    width: 75px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-color: hsla(0, 0%, 100%, 0.7);
    border-radius: 100%;
    transition: all 0.5s ease-in-out;
}
.c-cost-pricing .c-cost-pricing__row .video-post-thumbnail__p-badge-play:hover {
    background-color: #fff !important;
}
.c-cost-pricing .c-cost-pricing__row .video-post-thumbnail__p-badge-play .p-badge-play__svg {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    height: 40%;
    margin-left: 5%;
    margin-top: 1%;
    width: 40%;
}
.c-cost-pricing .c-cost-pricing__row .video-post-thumbnail__p-badge-play .p-badge-play__svg path {
    fill: #2c2c2c;
}
.c-cost-pricing .c-cost-pricing__row .video-post-thumbnail__p-badge-play:hover .p-badge-play__svg path {
    fill: #dda003;
}
.c-cost-pricing .c-cost-pricing__row .c-cost-pricing__colum .c-cost-pricing__labels {
    font-size: 15px;
    font-weight: 400;
    line-height: 19.5px;
    color: #737373;
    font-family: IBM Plex Mono,sans-serif;
    text-transform: uppercase;
}
.c-cost-pricing .c-cost-pricing__row .c-cost-pricing__colum .c-cost-pricing__labels > a:hover {
    color: #dda003;
}
.c-cost-pricing .c-cost-pricing__row .c-cost-pricing__colum .c-cost-pricing__title {
    font-size: 23px;
    line-height: 34px;
    color: #2c2c2c;
    font-family: fira sans, sans-serif;
    font-weight: 600;
    margin-bottom: 4px;
}
.c-cost-pricing .c-cost-pricing__show-more {
    display: flex;
    justify-content: center;
    padding: 10px 0;
   
}
.c-cost-pricing .c-cost-pricing__show-more span {
    cursor: pointer;
    font-size: 16px;
    font-weight: 400;
    line-height: 19.2px;
    color: #2C2C2C;
    font-family: fira sans, sans-serif;
    display: flex;
    align-items: center;
}
.c-cost-pricing .c-cost-pricing__show-more span::after {
    content: "";
    background-image: url(https://www.thisoldhouse.com/wp-content/plugins/multidots-custom-blocks/assets/images/hub/c-show-more-arrow.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    width: 24px;
    height: 24px;
    margin-left: 16px;
    display: block;
    transition: all .1s ease-in-out;

}
.c-cost-pricing .c-cost-pricing__show-more span:hover {
    color: #dda003;
}
.c-cost-pricing .c-cost-pricing__show-more span:hover::after {
    background-image: url(https://www.thisoldhouse.com/wp-content/plugins/multidots-custom-blocks/assets/images/hub/c-show-more-arrow-hover.svg);
}
/* Cost Pricing css End */

/* Type of Window css start */
.c-type-of-window {
    padding: 48px 0 48px 0;
    max-width: 100vw;
    width: 100vw;
    position: relative;
    background-color: #F7F4EC;
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
}
.c-type-of-window__inner {
    margin-left: auto;
    margin-right: auto;
    max-width: 1100px;
    padding: 0 16px;
    position: relative;
    z-index: 3;
}
.c-type-of-window .sec-head.c-head-top-line {
    border-top: none;
    position: relative;
    padding-top: 0px;
    margin-bottom: 8px;
}
.c-type-of-window .sec-head.c-head-top-line:before, .c-type-of-window .sec-head.c-head-top-line:after {
    display: none;
    background-color: #dda003;
    content: "";
    height: 10px;
    width: 3px;
    position: absolute;
    top: -6px;
    border: none;
    padding: 0;
}
.c-type-of-window .sec-head.c-head-top-line:before {
    left: 0;
}
.c-type-of-window .sec-head.c-head-top-line:after {
    right: 0;
    display: none;
}
.c-type-of-window .sec-head h2 {
    font-size: 32px;
    line-height: 45px;
    font-weight: 600;
    font-family: Fira Sans,sans-serif;
}
.c-type-of-window .c-type-of-window__top-content {
    max-width: 785px;
}
.c-type-of-window .c-type-of-window__top-content p {
    font-size: 18px;
    line-height: 29px;
    font-weight: 400;
    font-family: Sarabun,sans-serif;
    color: #2C2C2C;
    margin-bottom: 24px;
}
.c-type-of-window .c-type-of-window__row {
    display: flex;
    flex-wrap: wrap;
    gap:32px;
    margin-bottom: 24px;
    
}
.c-type-of-window .c-type-of-window__row .c-type-of-window__colum {
    width: calc(50% - 22px);
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}
.c-type-of-window .c-type-of-window__row .c-type-of-window__colum .c-type-of-window__img .post-thumbnail {
    margin: 0;
    width: 186px;
    /* height: 124px; */
    position: relative;
}
.c-type-of-window .c-type-of-window__row .video-post-thumbnail__p-badge-play {
    background-color: hsla(0,0%,100%,.7);
    border-radius: 100%;
    height: 45px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    transition: all .5s ease-in-out;
    width: 45px;
    z-index: 300;
}
.c-type-of-window .c-type-of-window__row .p-badge-play__svg {
    height: 40%;
    left: 50%;
    margin-left: 5%;
    margin-top: 1%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 40%;
}
.c-type-of-window .c-type-of-window__row .video-post-thumbnail__p-badge-play path {
    fill: #2c2c2c;
}
.c-type-of-window .c-type-of-window__row .video-post-thumbnail__p-badge-play:hover {
    background-color: #fff;
}
.c-type-of-window .c-type-of-window__row .video-post-thumbnail__p-badge-play:hover path {
    fill: #dda003;
}
.c-type-of-window .c-type-of-window__row .c-type-of-window__colum .c-type-of-window__img .post-thumbnail > img {
    width: 100%;
    /* height: 100%;
    object-fit: cover; */
    aspect-ratio: 3 / 2;
}

.c-type-of-window .c-type-of-window__row .c-type-of-window__colum .c-type-of-window__img > a {
    border: none;
    display: block;
}
.c-type-of-window .c-type-of-window__row .c-type-of-window__colum  .c-type-of-window__body {
    width: calc(100% - 202px);
}
.c-type-of-window .c-type-of-window__row .c-type-of-window__colum .c-type-of-window__labels {
    font-size: 15px;
    font-weight: 400;
    line-height: 19.5px;
    color: #737373;
    font-family: IBM Plex Mono,sans-serif;
    text-transform: uppercase;
}
.c-type-of-window .c-type-of-window__row .c-type-of-window__colum .c-type-of-window__labels > a:hover {
    color: #dda003;
}   
.c-type-of-window .c-type-of-window__row .c-type-of-window__colum .c-type-of-window__title {
    font-size: 23px;
    line-height: 34px;
    color: #2c2c2c;
    font-family: fira sans, sans-serif;
    font-weight: 600;
    margin-bottom: 4px;
}
.c-type-of-window .c-type-of-window__show-more {
    display: flex;
    justify-content: center;
    padding: 10px 0;
   
}
.c-type-of-window .c-type-of-window__show-more span {
    cursor: pointer;
    font-size: 16px;
    font-weight: 400;
    line-height: 19.2px;
    color: #2C2C2C;
    font-family: fira sans, sans-serif;
    display: flex;
    align-items: center;
}
.c-type-of-window .c-type-of-window__show-more span::after {
    content: "";
    background-image: url(https://www.thisoldhouse.com/wp-content/plugins/multidots-custom-blocks/assets/images/hub/c-show-more-arrow.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    width: 24px;
    height: 24px;
    margin-left: 16px;
    display: block;
    transition: all .1s ease-in-out;
}
.c-type-of-window .c-type-of-window__show-more span:hover {
    color: #dda003;
}
.c-type-of-window .c-type-of-window__show-more span:hover::after {
    background-image: url(https://www.thisoldhouse.com/wp-content/plugins/multidots-custom-blocks/assets/images/hub/c-show-more-arrow-hover.svg);
}
/* Type of Window css End */

/* Window Companies in Your State css start */
.c-window-companies-your-state {
    padding: 48px 0 48px 0;
    max-width: 100vw;
    width: 100vw;
    position: relative;
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
}

.c-window-companies-your-state::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background-image: url(https://www.thisoldhouse.com/wp-content/plugins/multidots-custom-blocks/assets/images/hub/content-bg.jpeg);
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 0.08;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: none;
}
.c-window-companies-your-state__inner {
    margin-left: auto;
    margin-right: auto;
    max-width: 1100px;
    padding: 0 16px;
    position: relative;
    z-index: 3;
}
.c-window-companies-your-state .sec-head.c-head-top-line {
    border-top: none;
    position: relative;
    padding-top: 0px;
    margin-bottom: 8px;
}
.c-window-companies-your-state .sec-head.c-head-top-line:before, .c-window-companies-your-state .sec-head.c-head-top-line:after {
    display: none;
    background-color: #dda003;
    content: "";
    height: 10px;
    width: 3px;
    position: absolute;
    top: -6px;
    border: none;
    padding: 0;
}
.c-window-companies-your-state .sec-head.c-head-top-line:before {
    left: 0;
}
.c-window-companies-your-state .sec-head.c-head-top-line:after {
    right: 0;
    display: none;
}
.c-window-companies-your-state .sec-head h2 {
    font-size: 32px;
    line-height: 45px;
    font-weight: 600;
    font-family: Fira Sans,sans-serif;
}
.c-window-companies-your-state .c-window-companies-your-state__top-content {
    max-width: 785px;
}
.c-window-companies-your-state .c-window-companies-your-state__top-content p {
    font-size: 18px;
    line-height: 29px;
    font-weight: 400;
    font-family: Sarabun,sans-serif;
    color: #2C2C2C;
    margin-bottom: 24px;
}
.c-window-companies-your-state .c-window-companies-your-state__row {
    display: flex;
    flex-wrap: wrap;
    gap:32px;
    margin-bottom: 24px;
    
}
.c-window-companies-your-state .c-window-companies-your-state__row .c-window-companies-your-state__colum {
    width: calc(25% - 24px);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.c-window-companies-your-state .c-window-companies-your-state__row .c-window-companies-your-state__colum .c-cost-pricing__img {
    margin-bottom: 8px;
}

.c-window-companies-your-state .c-window-companies-your-state__row .c-window-companies-your-state__colum .c-cost-pricing__img .post-thumbnail {
    margin: 0;
    /* height: 168px; */
    width: 100%;
    position: relative;
}
.c-window-companies-your-state .c-window-companies-your-state__row .c-window-companies-your-state__colum .c-cost-pricing__img .post-thumbnail > img {
    width: 100%;
    max-width: 100%;
    /* height: 100%;
    object-fit: cover; */
    aspect-ratio: 3 / 2;
}
.c-window-companies-your-state .c-window-companies-your-state__row .video-post-thumbnail__p-badge-play {
    background-color: hsla(0, 0%, 100%, 0.7);
    border-radius: 100%;
    height: 45px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.5s ease-in-out;
    width: 45px;
    z-index: 300;
}
.c-window-companies-your-state .c-window-companies-your-state__row .video-post-thumbnail__p-badge-play:hover {
    background-color: #fff;
}
.c-window-companies-your-state .c-window-companies-your-state__row .p-badge-play__svg {
    height: 40%;
    left: 50%;
    margin-left: 5%;
    margin-top: 1%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 40%;
}
.c-window-companies-your-state .c-window-companies-your-state__row .video-post-thumbnail__p-badge-play path {
    fill: #2c2c2c;
}
.c-window-companies-your-state .c-window-companies-your-state__row .video-post-thumbnail__p-badge-play:hover path {
    fill: #dda003;
}
.c-window-companies-your-state .c-window-companies-your-state__row .c-window-companies-your-state__colum .c-window-companies-your-state__labels {
    font-size: 15px;
    font-weight: 400;
    line-height: 19.5px;
    font-family: IBM Plex Mono,sans-serif;
    color: #737373;
    text-transform: uppercase;
}
/* .c-window-companies-your-state .c-window-companies-your-state__row .c-window-companies-your-state__colum .c-window-companies-your-state__labels > a {
    color: #737373;
    text-transform: uppercase;
} */
.c-window-companies-your-state .c-window-companies-your-state__row .c-window-companies-your-state__colum .c-window-companies-your-state__labels > a:hover {
    color: #dda003;
}
.c-window-companies-your-state .c-window-companies-your-state__row .c-window-companies-your-state__colum .c-window-companies-your-state__title {
    font-size: 23px;
    line-height: 34px;
    color: #2c2c2c;
    font-family: fira sans, sans-serif;
    font-weight: 600;
    margin-bottom: 4px;
}
.c-window-companies-your-state .c-window-companies-your-state__show-more {
    display: flex;
    justify-content: center;
    padding: 10px 0;
   
}
.c-window-companies-your-state .c-window-companies-your-state__show-more span {
    cursor: pointer;
    font-size: 16px;
    font-weight: 400;
    line-height: 19.2px;
    color: #2C2C2C;
    font-family: fira sans, sans-serif;
    display: flex;
    align-items: center;
}
.c-window-companies-your-state .c-window-companies-your-state__show-more span::after {
    content: "";
    background-image: url(https://www.thisoldhouse.com/wp-content/plugins/multidots-custom-blocks/assets/images/hub/c-show-more-arrow.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    width: 24px;
    height: 24px;
    margin-left: 16px;
    display: block;
    transition: all .1s ease-in-out;


}
.c-window-companies-your-state .c-window-companies-your-state__show-more span:hover {
       color: #dda003;
}
.c-window-companies-your-state .c-window-companies-your-state__show-more span:hover::after {
    background-image: url(https://www.thisoldhouse.com/wp-content/plugins/multidots-custom-blocks/assets/images/hub/c-show-more-arrow-hover.svg);
}
/* Window Companies in Your State css End */

/* Heading Moe Link css Start */
.sec-head.c-head-top-line {
    position: relative;
    padding-top: 16px;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    margin-bottom: .6rem;
}
.sec-head.c-head-top-line h2 {
    margin-bottom: 0 !important;
}
.sec-head .sec-head-more-link {
    padding-left: 10px;
    text-align: right;
}
.c-video-conntent .c-video-conntent__top-content .sec-head .sec-head-more-link {
    max-width: 300px;
}
.sec-head .sec-head-more-link > a {
    position: relative;
    font-size: 15px;
    display: flex;
    align-items: center;
    font-weight: 500;
    position: relative;
    color: #2c2c2c;
    font-family: IBM Plex Mono, sans-serif;
}
.sec-head .sec-head-more-link > a::after {
    content: "›";
    margin-left: 5px;
}
.sec-head .sec-head-more-link > a:hover {
    color: #dda003;
}
/* Heading Moe Link css End */


/* Hub Header CSS start */
.c-heroe-content {
    background-position: top right;
    background-size: contain;
}
.c-heroe-content:before {
	transform:rotate(-180deg);
  background: linear-gradient(270deg, #F7F4EC 0%, #FFFFFF 25.24%, #FFFFFF 58.75%, rgba(247, 244, 236, 0.2) 73.93%, rgba(247, 244, 236, 0.2) 100%);
	box-shadow: 0px 0px 100px -20px rgba(237, 230, 211, 1) inset;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2;
}
.c-heroe-content__list .c-heroe-content__item {
	border: 1px solid rgba(237, 230, 211, 1);
	box-shadow: 2px 2px 4px 0px rgba(218, 214, 205, 1);
	    padding: 7px 8px;
	min-height:52px;

}
.c-heroe-content__list .c-heroe-content__item span {
    font-family: "IBM Plex Sans Condensed",sans-serif;
}
.c-heroe-content__top-content h1 {
    font-family: "Fira Sans",sans-serif;
    font-weight: 700;
}
/* Hub Header CSS end */

/* All blocks common CSS Start */
.c-design-ideas-planing.category-label-hidden .c-design-ideas-planing__c-three-up-column__side .c-design-ideas-planing__c-entry-box--compact__title,
.c-type-of-window.category-label-hidden .c-type-of-window__title {
    margin-top: -8px;
}

@media only screen and (max-width: 767px) {
    .c-video-conntent.category-label-hidden .c-video-content__c-three-up-column__side .c-video-content__c-entry-box--compact__title {
        margin-top: -8px;
    }
}
/* All blocks common CSS End */

/* Responisve css Start */
@media only screen and (max-width: 1023px) {
    .c-design-ideas-planing__c-three-up-column__side .post-thumbnail {
        width: 130px;
        height: 90px;
    }
    .c-design-ideas-planing__c-three-up-column .c-design-ideas-planing__c-entry-box--compact__title {
        font-size: 18px;
        line-height: 24px;
    }
}
@media only screen and (max-width: 767px) {
   
    .c-video-content__c-three-up-column__main {
        width: 100%;
        padding: 0 0 16px 0;
    }
    .c-video-content__c-three-up-column__side {
        width: 100%;
        padding-left: 0;
    }
    .c-video-content__c-three-up-column__side .c-video-content__c-entry-box--compact {
        display: flex;

    }
    .c-video-content__c-three-up-column .c-video-content__c-entry-box--compact__dek {
        font-size: 16px;
        line-height: 24px;
    }
    .c-video-content__c-three-up-column__side .c-video-content__c-entry-box--compact .post-thumbnail {
        width: 140px;
        height: 78.75px;
    }
    .c-video-content__c-three-up-column__side .c-video-content__c-entry-box--compact .c-video-content__c-entry-box--compact__body {
        width: calc(100% - 140px);
        padding: 0 0 0 16px;
    }
    .c-video-content__c-three-up-column__side .c-video-content__c-entry-box--compact__labels li a {
        font-size: 15px;
        line-height: 19.5px;
    }
    .c-video-content__c-three-up-column .c-video-content__c-entry-box--compact__title {
        font-size: 20px;
        line-height: 30px;
    }
    .c-cost-pricing {
        padding: 32px 0;
    }
    .c-cost-pricing .c-cost-pricing__row .c-cost-pricing__colum {
        width: 100%;
    }
    .c-type-of-window {
        padding: 32px 0;
    }
    .c-type-of-window .c-type-of-window__row {
        gap: 0;
    }
    .c-type-of-window .c-type-of-window__row .c-type-of-window__colum {
        width: 100%;
        gap: 0;
    }
    .c-type-of-window .c-type-of-window__row .c-type-of-window__colum:not(:last-child) {
        margin-bottom: 32px;
    }
    .c-type-of-window .c-type-of-window__row .c-type-of-window__colum .c-type-of-window__body {
        width: calc(100% - 186px);
        padding-left: 16px;
    }
    .c-window-companies-your-state .c-window-companies-your-state__row {
        gap: 0;
        margin-left: -16px;
        margin-right: -16px;
    }
    .c-window-companies-your-state .c-window-companies-your-state__row .c-window-companies-your-state__colum {
        width: 50%;
        padding: 16px;
    }
    .c-design-ideas-planing__c-three-up-column .c-design-ideas-planing__c-entry-box--compact__title {
        font-size: 20px;
        line-height: 30px;
    }
    .c-design-ideas-planing__c-three-up-column__main {
        width: 100%;
        padding-right: 0px;
    }
    .c-design-ideas-planing__c-three-up-column__side {
        width: 100%;
        padding-left: 0px;
    } 
    .c-cost-pricing .c-cost-pricing__row .c-cost-pricing__colum .c-cost-pricing__img .post-thumbnail {
       /*  height: 280px; */
    }
    .c-video-content__c-three-up-column .video-post-thumbnail__p-badge-play {
        width: 45px !important;
        height: 45px !important;
    }
    .category .c-video-conntent .read-article-btn {
        display: none;
    }
    .c-video-conntent .c-video-conntent__top-content h2 {
        font-size: 23px;
        line-height: 28px;
        font-weight: 700;
    }
    .c-design-ideas-planing .sec-head h2 {
        font-size: 23px;
        line-height: 28px;
        font-weight: 700;
    }
    .c-cost-pricing .sec-head h2 {
        font-size: 23px;
        line-height: 28px;
        font-weight: 700;
    }
    .c-type-of-window .sec-head h2 {
        font-size: 23px;
        line-height: 28px;
        font-weight: 700;
    }
    .c-window-companies-your-state .sec-head h2 {
        font-size: 23px;
        line-height: 28px;
        font-weight: 700;
    }
    .c-video-conntent p {
        font-size: 16px;
        line-height: 24px;
    }
    .c-video-conntent .c-video-conntent__top-content p  {
        font-size: 18px;
        line-height: 29px;
    }
    .c-design-ideas-planing p {
        font-size: 16px;
        line-height: 24px;
    }
    .c-design-ideas-planing .c-design-ideas-planing__top-content p {
        font-size: 18px;
        line-height: 29px;
    }
    .c-cost-pricing .c-cost-pricing__row .c-cost-pricing__colum .c-cost-pricing__title {
        font-size: 20px;
        line-height: 30px;
    }
    .c-cost-pricing .c-cost-pricing__show-more span {
        font-size: 14px;
        line-height: 16.8px;
    }
    .c-type-of-window .c-type-of-window__show-more span {
        font-size: 14px;
        line-height: 16.8px;
    }
    .c-window-companies-your-state .c-window-companies-your-state__show-more span {
        font-size: 14px;
        line-height: 16.8px;
    }
    .c-type-of-window .c-type-of-window__row .c-type-of-window__colum .c-type-of-window__title {
        font-size: 20px;
        line-height: 30px;
    }
    .c-window-companies-your-state .c-window-companies-your-state__row .c-window-companies-your-state__colum .c-window-companies-your-state__title {
        font-size: 16px;
        line-height: 24px;
        font-weight: 400;
        font-family: Sarabun,sans-serif;
    }
    .c-window-companies-your-state .c-window-companies-your-state__row .c-window-companies-your-state__colum .c-window-companies-your-state__labels {
        display: none;
    }
    .c-heroe-content {
        background-image: none !important;
    }
}
@media only screen and (max-width: 567px) { 
    .c-type-of-window .c-type-of-window__row .c-type-of-window__colum .c-type-of-window__img .post-thumbnail {
        width: 130px;
       /*  height:110px; */
    }
    .c-type-of-window .c-type-of-window__row .c-type-of-window__colum .c-type-of-window__body {
        width: calc(100% - 130px);
    }
    
    .c-design-ideas-planing__c-three-up-column__side .post-thumbnail {
        width: 130px;
        height: 90px;
    }
    .c-cost-pricing .c-cost-pricing__row {
        gap: 0;
    }
    .c-cost-pricing .c-cost-pricing__row .c-cost-pricing__colum:not(:last-child) {
       margin-bottom: 32px;
    }
    .c-window-companies-your-state .c-window-companies-your-state__row .c-window-companies-your-state__colum .c-cost-pricing__img .post-thumbnail {
        /* height: 120px; */
    }
    .c-cost-pricing .c-cost-pricing__row .c-cost-pricing__colum .c-cost-pricing__img .post-thumbnail {
       /*  height: 228px; */
    }
}

@media only screen and (min-width: 1360px) { 
    .c-heroe-content:before {
        background: linear-gradient(270deg, #F7F4EC 0%, #FFFFFF 25.24%, #FFFFFF 69.75%, rgba(247, 244, 236, 0.2) 80.93%, rgba(247, 244, 236, 0.2) 100%);
    }
}