.mx-auto{
    margin:0 auto
}
.w-fit{
    width:fit-content
}
.plan-label>a{
    color:#fff!important
}
.hp-banner-container{
    height:749px;
    background-image:url('../img/banner/homebanner.jpg')!important;
    background-repeat:no-repeat;
    background-position:center;
    background-size:cover;
    position:relative
}
.hp-banner-container h1{
    font-size:65px;
    color:#fff;
    font-weight:400;
    margin-bottom:20px;
    text-transform:capitalize
}
.only-mobile{
    display:none
}
.advanced-search-card{
    background-color:#ffffffb8;
    padding:30px;
    box-shadow:2px 15px 58px rgba(0,0,0,.4);
    border-radius:15px;
    border:1px solid #09357c;
    z-index:999
}
.search-icon-container{
    margin-right:10px
}
.banner-search-item{
    align-items:center
}
.banner-search-item .label{
    font-size:12px;
    font-weight:300;
    color:#636363
}
.input-placeholder{
    font-size:14px;
    font-weight:700;
    letter-spacing:.38px;
    cursor:pointer
}
.banner-input{
    border-top:none;
    border-right:none;
    border-left:none;
    border-bottom:1px solid #dedede;
    outline:none;
    max-width:85px;
    background: transparent!important;
}
input[type=checkbox]{
    -ms-transform:scale(2);
    -moz-transform:scale(2);
    -webkit-transform:scale(2);
    -o-transform:scale(2);
    transform:scale(2);
    padding:10px
}
.search-items-container hr{
    margin:0 25px;
    border-color:#d9d9d9;
    background-color:#d9d9d9;
    color:#d9d9d9;
    border:1px solid #d9d9d9
}
.banner-search-item select{
    border:none;
    outline:none;
    font-size:14px;
    font-weight:700;
    letter-spacing:.38px
}
.advanced-search-btn{
    border-radius:8px;
    background-color:#ff650c;
    color:#fff;
    font-size:14px;
    font-weight:700;
    padding:20px;
    border:none;
    outline:none;
    margin-left:50px;
    cursor:pointer;
}
.advanced-search-btn:hover{
    box-shadow:0 0 8px rgb(9 53 124)!important;
    /*box-shadow:0 0 8px rgb(10 61 122/80%);*/
}
.position-relative{
    position:relative
}
.search-select-label{
    font-size:14px;
    font-weight:700;
    cursor:pointer
}
.dropdown-search{
    width:100%;
    position:absolute;
    top:35px;
    background-color:#fff;
    z-index:1;
    border:1px solid #acacac;
    padding:10px;
    border-radius:8px
}
.hidden{
    display:none
}
.search-options .search-options-checkbox{
    opacity:0
}
.search-options-checkmark{
    border:1px solid #acacac;
    border-radius:4px;
    padding:3px;
    display:block;
    width:25px;
    margin:0 auto
}
.search-options-container{
    text-align:center;
    margin-bottom:5px
}
.search-options-container:last-child{
    margin-bottom:0
}

.text-start{
    text-align:start!important
}
.text-center{
    text-align:center!important
}
.text-end{
    text-align:end!important
}
.justify-end{
    justify-content:end
}
.blue-btn{
    border-radius:11px;
    background-color:#09357c;
    color:#fff;
    font-size:15px;
    font-weight:700;
    padding:20px 45px;
    border:1px solid #09357c;
    outline:none
}
.blue-btn:hover{
    background-color:#fff;
    color:#09357c;
    border:1px solid #09357c;
    box-shadow:0 0 8px rgb(9 53 124)!important;
}
button{
    cursor:pointer
}
.hp-content-container{
}
hr{
    height:1px;
    background-color:#dadada;
    border:none
}
#abh-difference{
    display:none
}
.ABHDiffSection{
    padding:20px 0
}
.ABHDiffSection .ABHDiffContainer{
    max-width:1018px;
    width:100%;
    margin:0 auto;
    padding:0 35px
}
.ABHDiffContainer h4,.ABHDiffContainer h6{
    font-size:1.8rem;
    font-family:var(--opensans);
    letter-spacing:.5px;
    font-weight:500;
    text-shadow:1px 1px 1px #fff;
    color:#0a3d7a;
    text-transform:none;
    line-height:1.3;
    margin-bottom:10px
}
.ABHDiffContainer h6{
    font-size:1.4rem
}
.ABHDiffContent{
    margin-top:30px
}
.ABHDiffContent h4{
    font-family:var(--opensans);
    font-size:18px;
    font-weight:600px;
    color:#09357c;
    margin:0 0 15px
}
.ABHDiffContent p{
    font-family:var(--opensans);
    font-size:15px;
    font-weight:400;
    margin:0;
    color:#404040;
    margin-bottom:9px;
    line-height:1.8
}
.ABHDiffContainer ul.ABHDiffPoints{
    padding:5px 24px 25px
}
.ABHDiffContainer ul.ABHDiffPoints li{
    text-align:start;
    font-size:15px;
    margin:10px 0;
    list-style-type:disc!important
}
.featured-styles-container{
    max-width:1174px;
    margin:80px auto 0!important;
    padding:0 0 0
}
.featured-style-card{
    border-radius:22px;
    width:272px;
    height:370px;
    position:relative;
    cursor:pointer
}
.featured-style-card img{
    border-radius:22px;
    width:272px;
    height:370px;
    object-fit:cover
}
.styles-grid{
    display:grid;
    grid-auto-columns:1fr 200px;
    grid-template-columns:repeat(4,1fr);
    grid-gap:30px;
    margin-bottom:40px
}
.featured-style-card span{
    position:absolute;
    left:0;
    bottom:40px;
    width:216px;
    height:47px;
    background-color:#ff650c;
    color:#fff;
    display:flex;
    justify-content:start;
    align-items:center;
    text-transform:uppercase;
    padding-left:23px;
    font-size:18px;
    line-height:25px
}
.plan-label{
    text-align:right;
    right:0;
    bottom:0;
    position:absolute;
    font-size:15px;
    color:#fff;
    margin:0;
    background-color:rgba(0,0,0,.35);
    padding:3px 10px
}
.plan-label a:hover{
    text-decoration:none
}
.heartl{
    text-align:right;
    margin-top:-12px;
    margin-right:20px;
    position:relative
}
#featured-collections-container{
    /*background-image:url(../img/home/new.jpg);*/
    background-image:url(../img/ser12.png);
    background-repeat:no-repeat;
    background-position:bottom;
    background-size:contain;
    padding-bottom:30vw;
    background-color:#fff!important;
    position:relative
}
.featured-plans-container{
    max-width:1230px;
    margin:0 auto
}
#plans-track-1>.slick-list>.slick-track,#plans-track>.slick-list>.slick-track{
    display:flex;
    justify-content:space-around
}
.exclusive-designs-container{
    padding-bottom:55px;
    position:relative
}
.plans-slider-container{
    position:relative;
    width:948px;
    margin:0 auto 0;
    overflow:hidden;
    padding-bottom:0
}
.slider-left-btn{
    border:1px solid rgba(0,0,0,.15);
    background-color:#fff;
    border-radius:100%;
    width:55px;
    height:55px;
    font-weight:700;
    font-size:16px;
    cursor:pointer;
    position:absolute;
    left:0;
    top:35%;
    z-index:99
}
.slider-left-btn:hover{
    background-color:#09357c;
    color:#fff
}
.slider-right-btn{
    border:1px solid rgba(0,0,0,.15);
    background-color:#fff;
    border-radius:100%;
    color:#09357c;
    width:55px;
    height:55px;
    font-size:16px;
    font-weight:700;
    cursor:pointer;
    position:absolute;
    right:0;
    top:35%;
    z-index:99
}
.slider-right-btn:hover{
    background-color:#09357c;
    color:#fff;
    border:1px solid rgba(0,0,0,.15)
}
.slider-left-btn,.slider-right-btn{
    display:flex;
    justify-content:center;
    align-items:center
}
.elevations-slider.slick-dotted.slick-slider{
    margin-bottom:0!important
}
.plans-track{
    gap:27px;
    transition:transform .3s ease;
    width:948px;
    margin:0 auto 0;
    overflow:hidden
}
.plan-card{
    height:400px;
    width:298px!important;
    min-width:298px;
    box-shadow:0 1px 8px rgba(5,20,42,.07);
    border-radius:15px;
    background-color:#fff;
    flex-shrink:0;
    box-sizing:border-box;
    margin:0 auto 10px
}
.plan-card-image{
    border-radius:15px 15px 0 0
}
.plan-card-hr{
    width:100%;
    height:1px;
    background-color:#000;
    opacity:.1
}
.plan-card-image-container,.plan-card-info-container{
    height:50%;
    position:relative;
    overflow:hidden
}
.plan-image-back{
    width:24px;
    height:24px;
    border:1px solid rgba(0,0,0,.15);
    border-radius:100%;
    background-color:#fff;
    font-size:8px;
    position:absolute;
    top:calc(50% - 12px);
    left:-25px;
    outline:none
}
.plan-image-back:hover{
    background-color:#09357c;
    color:#fff
}
.plan-image-forward{
    width:24px;
    height:24px;
    background-color:#fff;
    border-radius:100%;
    font-size:8px;
    position:absolute;
    top:calc(50% - 12px);
    right:-25px;
    border:none;
    outline:none;
    color:#09357c
}
.plan-image-forward:hover{
    background-color:#09357c;
    color:#fff
}
.image-indicators-container{
    position:absolute;
    bottom:10px;
    left:calc(50% - 25px)
}
.elevations-slider>img:not(:first-child){
    opacity:0
}
.plans-track ul.slick-dots{
    display:flex;
    bottom:0;
    align-items:center
}
.plans-track ul.slick-dots button{
    width:8px;
    height:8px;
    background-color:#fff;
    opacity:.4;
    border-radius:100%;
    margin:0 1px;
    box-sizing:border-box;
    padding:0
}
.plans-track ul.slick-dots button:before{
    display:none
}
.plans-track ul.slick-dots>li{
    margin:0;
    width:auto;
    height:auto
}
.plans-track ul.slick-dots>li.slick-active button{
    width:10px!important;
    height:10px!important;
    opacity:1!important
}
.plans-track ul.slick-dots>li.slick-active+li button{
    width:8px;
    height:8px
}
.plans-track ul.slick-dots>li.slick-active .plan-card-info-container{
    padding:20px;
    margin-top:-14px
}
.plan-card-image-container img{
    width:100%;
    height:100%;
    object-fit:cover
}
.plan-card-image-container img.plan-card-image{
    width:298px;
    height:200px
}
.plan-tag{
    position:absolute;
    bottom:0;
    left:0;
    background-color:#bbbec3;
    font-size:13px;
    font-weight:500;
    padding:9px 22px 9px 15px;
    color:#fff;
    text-transform:uppercase;
    clip-path:polygon(0% 0%,100% 0%,calc(100% - 8px) 50%,100% 100%,0% 100%)
}
.plan-tag.exclusive{
    background-color:#e7c871!important
}
.plan-actions-container{
    position:absolute;
    top:10px;
    right:10px
}
.plan-card-icon-btn{
    object-fit:contain!important;
    width:12px!important
}
.plan-number-container{
    padding:10px
}
.plan-card-info-number{
    font-size:16px;
    font-weight:700
}
.starting-price-label{
    font-size:11px;
    color:#acacac
}
.starting-price{
    font-size:16px;
    color:#09357c;
    font-weight:700
}
.plan-card-icons-container{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    row-gap:10px;
    margin-top:10px
}
.plan-card-info-item{
    font-size:10px
}
.plan-card-info-label{
    margin-top:-4px
}
.card-info-icon{
    font-size:25px;
    color:#09357c
}
@media screen and (min-width:1800px){
    .fully-customizable-content{
        max-width:945px;
        padding:30px 0 60px
    }
}
@media screen and (max-width:1200px){
    #ctb-bg-img{
        left:20px
    }
    .styles-grid{
        grid-template-columns:repeat(2,1fr);
        grid-gap:30px;
        margin-bottom:40px
    }
    .hp-content-container{
        padding:0 20px
    }
    .even-element{
        display:flex;
        justify-content:end
    }
}
@media screen and (max-width:630px){
    .styles-grid{
        grid-template-columns:repeat(2,1fr);
        grid-gap:10px!important;
        margin-bottom:40px;
        min-height:460px;
        height:125vw
    }
    .featured-style-card{
        width:100%;
        height:100%
    }
    .featured-style-card img{
        width:100%;
        height:100%;
        border-radius:15px
    }
    .featured-style-card span{
        width:95%;
        font-size:13px;
        line-height:20px;
        height:fit-content;
        bottom:20px;
        padding:5px 0 5px 10px
    }
    .even-element{
        justify-content:center
    }
    .card-grid-container{
        display:contents;
        justify-content:center
    }
    button.plan-image-forward.slick-arrow:after,button.plan-image-back.slick-arrow:after{
        content:"";
        width:40px;
        height:50px;
        position:absolute;
        left:-15px;
        top:-12px
    }
    button.plan-image-back.slick-arrow:after{
        left:0
    }
}
.houseplans-info-container{
    max-width:944px;
    margin:0 auto;
    padding:55px 0
}
.vertical-rule{
    border-left:1px solid #cdcdcd;
    height:190px
}
.rule-2{
    display:none
}
.pro-items-container{
    margin-bottom:60px
}
.pro-info-icon{
    height:41px;
    width:fit-content;
    object-fit:contain
}
.pro-info-title{
    color:#1f2325;
    font-size:22px;
    font-weight:700;
    line-height:30px;
    margin-top:15px
}
.pro-element{
    margin-top:10px
}
.check-circle-icon{
    width:17px;
    height:17px
}
.pro-element-text{
    margin-left:5px
}
.fully-customizable-container{
    position:relative;
    z-index:0;
    width:100%;
    padding:50px 0 360px;
    background-color:#333333;
}
#fully-customizable-bg-img{
    position:absolute;
    bottom:0px;
    left:104px;
    z-index:-1;
    width:85%;
    object-fit:contain
}
#fully-customizable-logo-bg{
    position:absolute;
    bottom:0;
    right:0;
    z-index:-2
}
.fully-customizable-content{
    max-width:845px;
    margin:0 auto;
    position:relative;
    top:45px
}
.learn-more-btn{
    margin-top:40px;
    box-shadow:2px 15px 47px rgba(0,0,0,.27);
    width:188px
}
.need-to-know-container{
    background-color:#333333;
    padding:125px 0
}
.need-to-know-content{
    max-width:950px;
    margin:0 auto
}
.bordered-transparent-btn-light{
    border-radius:11px;
    border:1px solid #fff;
    background-color:#ff650c;
    color:#fff;
    padding:20px 40px;
    font-size:15px;
    font-weight:700;
    cursor:pointer
}
.bordered-transparent-btn-light:hover{
    background-color:#fff;
    color:#ff650c;
    box-shadow:0 0 8px rgb(255 255 255/80%)!important
}
.need-to-know-btn{
    padding:0 30px;
    cursor:pointer;
    height:100%
}
#connect-whit,#connect-whit-mobile{
    border:none;
    color:#09357c;
    border:1px solid #fff
}
#ctb-bg-img .interested-pro-services-content{
    position:unset!important
}
#connect-whit:hover,#connect-whit-mobile:hover{
    color:#fff!important;
    background-color:#09357c
}
.need-to-know-right-text{
    color:#fff;
    font-size:16px;
    line-height:30px;
    max-width:410px
}
.know-info-element img{
    height:41px;
    margin:0 auto;
    width:fit-content
}
.know-info-element span{
    color:#fff
}
.know-info-title{
    font-size:16px;
    margin:15px 0 10px
}
.know-info-content{
    font-size:13px;
    max-width:133px
}
.know-info-element:hover span{
    font-weight:700
}
.know-info-vertical-rule{
    border-left:1px solid #fff;
    opacity:.15;
    height:150px
}
.know-rule-4{
    display:none
}
.know-info-container{
    margin-top:100px
}
.interested-pro-services-container{
    position:relative;
    width:100%;
    min-height:420px;
    z-index:0;
    background:#f8f8f8;
    background:linear-gradient(0deg,rgba(248,248,248,1) 0%,rgba(255,255,255,1) 100%)
}
#interested-bg-img{
    position:absolute;
    bottom:-153px;
    left:-21%;
    z-index:-1;
    width:80%;
    object-fit:contain
}
#ctb-bg-img{
    z-index:-1;
    object-fit:contain;
    max-width:346px;
    margin:auto
}
#interested-bg-logo{
    position:absolute;
    bottom:0;
    right:0
}
.interested-pro-services-content{
    max-width:938px;
    margin:0 auto
}
.interested-pro-services-group{
    max-width:fit-content;
    align-self:center;
    margin-top:7vw
}
.interested-pro-services-text{
    font-size:16px;
    font-weight:400;
    line-height:30px;
    max-width:522px;
    margin:30px 0 35px
}
.testimonials-container{
    padding:55px 0 0
}
.interested-pro-services-container-inner{
    background:url(../img/home/light_logo.png);
    background-repeat:no-repeat;
    background-position:bottom right
}
.interested-pro-services-container-inner .interested-pro-services-group{
    display:flex;
    flex-direction:column;
    align-items:center;
    text-align:center!important;
    margin-bottom:20px
}
.interested-pro-services-container-inner .interested-pro-services-group .text-start{
    text-align:center!important
}
.testimonial-bg-image-container{
    background-image:url(../img/testimonial-bg.jpg);
    background-position:bottom;
    background-repeat:no-repeat;
    background-size:cover;
    height:50vw;
    transform:translate(0,-100px);
    z-index:-1;
    position:relative
}
.testimonials-content{
    max-width:1229px;
    margin:0 auto
}
.testimonials-elements-group{
    max-width:1018px;
    width:100%;
    margin:0 auto;
    padding:0 35px
}
.testimonial-title{
    font-size:22px;
    font-weight:700;
    line-height:30px;
    text-transform:uppercase;
    margin-bottom:30px
}
.testimonial-content{
    font-size:14px;
    font-weight:400;
    line-height:28px;
    margin-bottom:30px;
    max-height:112px;
    overflow-x:hidden;
    overflow-y:auto
}
.testimonial-customer-name{
    font-size:19px;
    font-weight:700
}
.testimonial-customer-place{
    font-size:13px;
    font-weight:300
}
.testimonial-network-image{
    height:23px;
    object-fit:contain
}
.testimonial-rate-image{
    height:25px;
    margin-left:10px;
    object-fit:contain
}
.testimonials-separator{
    margin:0 90px;
    position:absolute;
    top:0;
    width:2px!important;
    height:250px!important;
    background-color:#000!important;
    opacity:.15!important
}
.testimonial-card{
    width:50%;
    max-height:244px
}
.testimonials-slider-window{
    max-width:90%;
    margin:0 auto;
    overflow:hidden
}
.testimonial-card-content{
    max-width:383px;
    margin:0 auto
}
.share-builds-container{
    padding:50px 10px 10px;
    position:relative;
    background-color:#fff
}
.plan-builds-images-container img{
    margin-right:10px
}
.plan-builds-images-container img:last-child{
    margin-right:0
}
.need-to-know-title{
    text-align:start
}
@media screen and (max-width:1440px){
    #ctb-bg-img{
        width:250px
    }
    .plan-builds-images-container{
        max-width:100%
    }
    .plan-builds-images-container img{
        width:15%;
        object-fit:contain
    }
    .fully-customizable-container{
        padding:60px 20px 290px
    }
    .interested-pro-services-container{
    }
    #interested-bg-img{
        bottom:0!important
    }
    #interested-bg-logo{
        width:33.5%
    }
}
@media screen and (min-width:1200px){
    #interested-bg-img{
        position:absolute;
        bottom:0;
        left:0;
        z-index:-1;
        object-fit:contain;
        width:500px
    }
    #interested-bg-logo{
        height:100%
    }
}
@media screen and (max-width:1190px){
    .fully-customizable-container{
        padding:60px 20px 220px
    }
    #fully-customizable-logo-bg{
        bottom:0;
        right:0
    }
}
@media screen and (max-width:992px){
    .advanced-search-card{
        min-width:0;
        max-width:287px;
        padding:20px 27px;
        margin-top:26px;
        flex-direction:column
    }
    .search-items-container hr{
        display:none
    }
    .hp-search-form{
        flex-direction:column
    }
    .advanced-search-btn{
        margin-left:0;
        margin-top:30px
    }
    .search-items-container{
        display:grid;
        grid-auto-columns:1fr 200px;
        grid-template-columns:repeat(2,1fr);
        grid-gap:20px
    }
    .search-icon-container img{
        width:23px;
        min-width:23px;
        object-fit:contain
    }
    .input-placeholder{
        font-size:13px;
        line-height:20px
    }
    .banner-search-item .label{
        font-size:10px;
        line-height:20px
    }
    .banner-input{
        width:60px;
        background: transparent!important;
    }
    .interested-pro-services-container-inner{
        background-size:300px;
        background-position:right bottom
    }
    .interested-pro-services-container-inner #ctb-bg-img{
        display:flex;
        position:unset!important
    }
    .only-desktop{
        display:none
    }
    .plan-card-image-container img.plan-card-image{
        width:100%;
        height:100%
    }
    .slick-dotted.slick-slider{
        margin-bottom:3px!important
    }
    .section-title,.section-title-white{
        font-size:36px;
        font-weight:400;
        line-height:38px;
        margin-bottom:20px!important;
        text-align:center!important
    }
    .section-h4{
        font-size:26px!important
    }
    .section-subtitle{
        font-size:14px;
        font-weight:400;
        line-height:23px;
        margin-bottom:30px
    }
    .hp-banner-container{
        height:650px
    }
    .hp-banner-container h1{
        font-size:65px;
        line-height:60px;
        color:#fff;
        text-align:center;
        margin-bottom:20px
    }
    .only-mobile{
        display:block
    }
    .fully-customizable-container{
        padding:60px 20px 220px;
        width:unset
    }
    .plan-builds-images-container img{
        width:30%;
        height:auto
    }
    .plans-slider-container{
        flex-direction:column;
        align-items:center;
        width:100%;
        overflow:unset
    }
    .plans-track{
        flex-direction:column;
        width:100%;
        margin-bottom:0
    }
    .slider-left-btn{
        bottom:-80px;
        top:unset;
        left:calc(50% - 55px);
        width:50px;
        height:50px
    }
    .slider-right-btn{
        bottom:-80px;
        top:unset;
        left:calc(50% + 5px);
        width:50px;
        height:50px
    }
    .plans-left-btn{
        bottom:unset!important;
        left:0!important;
        top:35%!important
    }
    .plans-right-btn{
        bottom:unset!important;
        left:92%!important;
        top:35%!important
    }
    .plan-card{
    }
    .plans-slider-container{
        margin-bottom:0
    }
    .houseplans-info-container{
        padding:65px 20px
    }
    .pro-items-container{
        margin-bottom:20px
    }
    .exclusive-designs-container{
        padding-bottom:60px
    }
    .need-to-know-container{
        padding:60px 20px
    }
    .neet-to-know-top-container{
        flex-direction:column
    }
    .need-to-know-title{
        text-align:center
    }
    .need-to-know-right-text{
        text-align:center
    }
    .bordered-transparent-btn-light{
        margin-right:5px
    }
    .bordered-transparent-btn-light,.need-to-know-btn{
        font-size:13px;
        line-height:20px;
        padding:20px
    }
    .know-info-container{
        margin-top:30px;
        display:flex;
        flex-wrap:wrap;
        justify-content:center
    }
    .know-info-element{
        margin:10px
    }
    .know-info-vertical-rule{
        display:none
    }
    .know-info-content{
        margin:0 auto
    }
    .testimonials-container{
        padding:30px 0 0
    }
    .testimonials-content{
        padding:0
    }
    .testimonials-elements-group{
        padding:0px!Important
    }
    .testimonial-bg-image-container{
        height:60vw
    }
    .testimonial-title{
        margin-bottom:20px
    }
    .interested-pro-services-container{
        padding:0
    }
    .interested-pro-services-group{
        align-self:center;
        text-align:center;
        padding:0 20px
    }
    .interested-pro-services-text{
        text-align:center
    }
    .testimonials-slider-window{
        max-width:100%
    }
    .testimonial-card{
        width:100%;
        max-height:unset
    }
    .testimonial-content{
        max-height:unset;
        overflow-y:unset;
        text-align:center;
        font-size:12px;
        line-height:25px
    }
    .testimonials-separator{
        display:none
    }
    .interested-pro-services-container{
        padding:36px 0 0
    }
}
@media screen and (min-width:480px) and (max-width:992px){
    .plan-card{
        width:240px!important;
        min-width:240px;
        height:335px
    }
}
@media screen and (max-width:1199px){
    .interested-pro-services-group{
        align-self:center
    }
    #interested-bg-img{
        width:55%;
        left:0
    }
    #interested-bg-logo{
        width:33.5%;
        bottom:0;
        right:0
    }
    #ctb-bg-img{
        max-width:250px
    }
}
@media screen and (max-width:780px){
    .plan-card-image-container{
        height:61%
    }
}
@media screen and (min-width:420px) and (max-width:768px){
    .plan-card-image{
        height:215px!important
    }
    #interested-bg-img{
        bottom:-49px!important
    }
    #mobile-plans,#mobile-plans-featured{
        margin-left:16%!important
    }
}
@media screen and (max-width:419px){
    .plan-card-image{
        height:250px!important
    }
    .plan-card-icons-container{
        margin-bottom:15px
    }
}
@media screen and (max-width:768px){
    .interested-pro-services-content{
        flex-direction:column
    }
    #featured-collections-container{
        padding-bottom:50vw
    }
    #interested-bg-img{
        display:none
    }
    .ABHDiffContainer h4{
        font-size:1.5rem
    }
    .ABHDiffContainer h6{
        font-size:1.1rem
    }
    #livechat{
        display:none
    }
    .houseplans-pro-info-item{
        flex-direction:row;
        margin-bottom:30px
    }
    .pro-info-item-img-container{
        margin-right:30px;
        padding-top:20px
    }
    .pro-items-container{
        display:flex;
        flex-direction:column;
        padding:0 calc((100vw - 305px)/2)
    }
    .pro-info-rules{
        display:none
    }
    #fully-customizable-bg-img{
        bottom:-2%;
        left:0;
        width:100%
    }
    #interested-bg-img{
        left:-23%;
        width:90%;
        bottom:-45px
    }
    #interested-bg-logo{
        width:45%
    }
    .banner-select-chevron{
        margin-left:4px
    }
}
@media screen and (max-width:727px){
    .hp-banner-container{
        background-image:url(../img/banner-hero-img-mobile.jpg);
        background-repeat:no-repeat;
        background-position:center;
        background-size:cover;
        padding:0 20px;
        height:550px
    }
    .hp-banner-container h1{
        font-size:46px;
        line-height:46px
    }
    .mobile-end{
        justify-content:end
    }
    .interested-pro-services-container{
        background-size:contain
    }
}
@media screen and (max-width:630px){
    #fully-customizable-logo-bg{
        right:0
    }
    .section-title,.section-title-white{
        font-size:30px
    }
}
@media screen and (max-width:530px){
    .hp-banner-container{
        height:500px
    }
    .hp-banner-container h1{
        font-size:40px;
        line-height:40px
    }
}
@media screen and (max-width:420px){
    .plan-card{
        margin-right:0!important;
        margin-bottom:30px!important;
        width:100%!important;
        height:auto!important
    }
    .plan-tag{
        bottom:3px!important
    }
}
@media screen and (max-width:400px){
    .ABHDiffContainer h4{
        font-size:1.3rem
    }
    .ABHDiffContainer h6{
        font-size:1rem
    }
    #fully-customizable-bg-img{
        bottom:-9px;
        left:0;
        width:100%
    }
}
i.fa.fa-solid.fa-heart:after{
    content:'\f004';
    position:absolute;
    right:2px;
    margin-top:2px
}
i.fa.fa-solid.fa-heart:before{
    color:#fff;
    font-size:27px
}
i.fa.fa-solid.fa-heart{
    font-size:23px;
    color:#e3e3e3
}
.floorplanlistthumbnail img{
    border-radius:15px 15px 0 0
}
.favorites{
    color:#1b457c!important
}
.fa-times{
    display:none
}
#iconbars{
    display:block
}
#number-mobile{
    color:#000;
    font-weight:600;
    padding-left:8px
}
#receive_mailings{
    margin-top:8%!important
}
#a-number-m{
    display:flex;
    align-items:center
}
@media screen and (max-width:480px){
    #mobile-plans,#mobile-plans-featured{
        margin-left:0!important
    }
    .plans_mobile{
        display:block!important
    }
    .featured-mobile{
        display:block!important
    }
    #slider-des{
        display:none
    }
    #featured-des{
        display:none
    }
}
.sa_review .sa_info{
    display:flex;
    flex-wrap:wrap;
    align-items:center
}
.sa_review .sa_info span{
    position:unset!important;
    display:inline-block;
    order:2
}
.sa_review .sa_name{
    display:inline-block;
    width:fit-content!important;
    order:1;
    margin-right:10px
}
.sa_review .sa_date{
    order:3;
    width:100%
}
.shopperapproved_widget table tr{
    display:flex;
    justify-content:space-between
}
.shopperapproved_widget table td{
    width:fit-content!important;
    padding:0!important
}
@media screen and (max-width:768px){
    .testimonials-elements-group{
        height:unset!important
    }
    .shopperapproved_widget{
        height:unset!important
    }
    .shopperapproved_widget table tr{
        flex-direction:column
    }
}