/* Scroll Bar Css Starts */
::-webkit-scrollbar{
  width: 16px;
}
::-webkit-scrollbar-track {
  background-color: #f0f8ff;
  box-shadow: inset 1px 1px 1px 1px rgba(0, 0, 0, 0.15);
}
::-webkit-scrollbar-thumb {
  -webkit-border-radius: 15px;
  border-radius: 5px;
  background: #4d2e20;
  border: 0px solid #ffffff;
  width: 16px;
}
::-webkit-scrollbar-thumb:active {
  -webkit-border-radius: 0px;
  border-radius: 5px;
  background: #4d2e20;
}
/* Scroll Bar Css Ends */

/*comman css*/
h1,h2,h3,h4,h5,h6,a,p{
    word-break: break-word!important;
}
li{
    list-style-type: none!important;
}

/*comman css end*/
/*header css*/
.header-cls{
    position: absolute!important;
    top: 0px!important;
    width: 100%!important;
}
.header-cls .elementor-nav-menu{
    padding: 10px 0px!important;
}
.header-nav-cls.elementor-sticky--effects{
  box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.12);
}

.call-btn-cls,
.book-form-cls{
    margin-top: 20px!important;
}
/* .call-btn-cls,
.book-form-cls{
    display: none!important;
} */
.call-btn-cls{
    display: none !important;
}
.book-form-cls{
    display: none !important;
}
.call-btn-cls .elementor-item,
.book-form-cls .elementor-item{
    font-size: 14px!important;
    transition: all 0.4s ease;
    width: fit-content!important;
    border-radius: 5px!important;
    padding: 6px 12px!important;
    color: #fff!important;
    margin-bottom: 10px!important;
    background-color: #4d2e20!important;
    margin-left: 10px!important;
    border: 1px solid #4d2e20!important;
}
.call-btn-cls .elementor-item:hover,
.book-form-cls .elementor-item:hover{
    border-radius: 8px!important;
    color: #4d2e20!important;
    background-color: #fff!important;
    border: 1px solid #4d2e20!important;
}
/*header css end*/
/*index*/
.banner-cls .ff-btn{
    background-color: transparent!important;
    color: #fff!important;
    opacity: 1!important;
}
.banner-cls .ff-btn:hover{
    color: #fff!important;
    border: 1px solid #4d2e20!important;
    background-color: transparent!important;
}
.banner-cls iframe{
    height: 570px!important;
}

.blog-cls .elementor-post .elementor-post__text{
    position: relative!important;
}
.blog-cls .elementor-post .elementor-post__meta-data{
    position: absolute!important;
    top: 40px!important;
}
.blog-cls .elementor-post{
    display: flex!important;
    flex-flow: column-reverse!important;
}
.review-cls{
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

.customer-review-cls .elementor-main-swiper .swiper-slide{
    display: flex!important;
    justify-content: center!important;
    align-items: center!important;
    flex-flow: column!important;
}
.customer-review-cls .elementor-testimonial .elementor-testimonial{
    position: relative!important;
    padding-bottom: 40px!important;
}
.customer-review-cls .elementor-main-swiper{
    padding-bottom: 0px!important;
}
.customer-review-cls .elementor-testimonial .elementor-star-rating{
    position: absolute!important;
    left: 0px!important;
    bottom: 0px!important;
    padding-left: 25px!important;
}
.customer-review-cls .elementor-testimonial .elementor-star-rating:before{
    content: '5.0';
    position: absolute;
    font-family: 'Inter';
    font-size: 14px!important;
    left: 0px!important;
    bottom: 5px!important;
    color: #5b5b5b!important;
}

.form-mail-cls{
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}
.form-mail-cls iframe{
    height: 330px !important;
}
/*index end*/
/*footer*/
.footer-cls .elementor-widget-text-editor a{
    color: #fff!important;
}
/*footer end*/
/*inner pages*/

/* Contact us Page start */
.contact-us-cls{
    background-image: linear-gradient(to bottom, #4d2e20e8, #4d2e20e8),
    url(https://chicagodeckexpert.com/wp-content/uploads/2024/12/Contact-us-Top-Banner-01.png) !important;
    background-position: top-center !important;
}
.get-in-touch-cls{
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15)!important;
}
.inner-heading-cls span{
    font-weight: 400!important;
}
.breadcrumbs-cls a{
    color: #ffffff !important;
}
.contact-info-cls a{
    color: #946d52 !important;
}
.contact-info-cls a:hover{
    color: #4d2e20 !important;
}
.contact-info-box-shadow-cls{
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}
.contact-frm-cls iframe{
    height: 845px!important;
}
.get-in-touch-cls iframe{
    height: 600px !important;
}
.your-project-form-cls iframe{
    height: 270px !important;
}
.your-project-form-cls{
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}
/* Contact us Page End */

/* Deck Maintenance Page Start */
.faq-cls .e-n-accordion-item{
    border: 1px solid #dee2e6!important;
    border-radius: 10px!important;
}

.faq-cls .accordion-item .accordion-item-title{
    position: relative !important;
    margin: 0 !important;
    display: flex !important;
    width: 100% !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    justify-content: space-between !important;
    flex-direction: row-reverse !important;
    padding: 14px 20px !important;
    box-sizing: border-box !important;
    align-items: center !important;
}
.faq-cls .e-opened, .faq-cls .e-closed{
    margin-left: 14px !important;
    width: 39px !important;
    height: 39px !important;
    border-radius: 20px !important;
    background-color: #4d2e20 !important;
    color: #ffffff !important;
    align-items: center !important;
    justify-content: center !important;
}
.faq-cls .e-closed svg path ,.faq-cls .e-opened svg path{
    fill: #ffffff !important;
}
/* Deck Maintenance Page END */

/* single blog page start */
.estimate-detail-cls a{
color: #ffffff !important;
}
.post-slider-btn-cls .elementor-button:hover svg path{
    fill: #4d2e20 !important;
}
.slider-post-title-cls h5{
height: 76px !important;
}
.single-post-content-cls .wp-block-list li{
    list-style-type: disc !important;
}
.single-post-content-cls .wp-block-list{
    padding-left: 20px !important;
}
.single-post-content-cls img{
    border-radius: 20px !important;
}
.post-navigation-cls .elementor-post-navigation__link__next{
margin-left: 25px !important;
}
.post-navigation-cls .elementor-post-navigation__link__prev{
    margin-right: 25px !important;
}
/* single blog page End */

/* Blog Category Archive Start */
.blog-archive-cls .elementor-post .elementor-post__text{
    position: relative!important;
}
.blog-archive-cls .elementor-post .elementor-post__meta-data{
    position: absolute!important;
    top: 40px!important;
}
.blog-archive-cls .elementor-post{
    display: flex!important;
    flex-flow: column-reverse!important;
}
.category-archive-post-cls article .elementor-post__card{
    border-radius: 20px !important;
}
/* Blog Category Archive End */
/*Location Page*/
.location-list-cls .e-n-accordion-item-title{
    width: 45% !important;
}
/*Location Page End*/
/*inner pages end*/

/*res*/
@media(min-width:2560px){}      
@media(min-width:2000px) and (max-width:2560px){}
@media(min-width:1800px) and (max-width:1999px){}
@media(min-width:1551px) and (max-width:1799px){}
@media(min-width:1351px) and (max-width:1550px){
    /*index*/
    .banner-img-cls>.elementor-widget-container{
        margin: 0px!important;
    }
    /*index end*/
}
@media(min-width:1200px) and (max-width:1350px){
    /*index*/
    .banner-img-cls>.elementor-widget-container{
        margin: 0px!important;
    }
    .banner-cls iframe{
        height: 870px!important;
    }
    /*index end*/
}
@media(min-width:1025px) and (max-width:1199px){
    /*index*/
    .banner-cls iframe{
        height: 860px!important;
    }
    /*index end*/
    /* single post Page Start */
    .slider-post-title-cls h5{
    height: 95px !important;
    }
    /* single post Page End */
}
@media(min-width:992px) and (max-width:1024px){
    /*index*/
    .banner-cls iframe{
        height: 860px!important;
    }
    .your-project-form-cls iframe{
    height: 270px !important;
    }
    /*index end*/
    /* single post Page Start */
    .slider-post-title-cls h5{
    height: 76px !important;
    }
    /* single post Page End */
}
@media(min-width:768px) and (max-width:991px){
    /*index*/
    .banner-cls iframe{
        height: 860px!important;
    }
    /*index end*/
    /* single post Page Start */
    .slider-post-title-cls h5{
    height: 95px !important;
    }
    /* single post Page End */
}
@media(min-width:448px) and (max-width:767px){
    /*header*/
    .call-btn-cls,
    .book-form-cls{
        display: inline-flex!important;
    }
    /*header end*/
    /*index*/
    .banner-cls iframe{
        height: 900px!important;
    }

    .form-mail-cls{
        position: static!important;
    }
    /*index end*/
    /*inner-page*/
    /*contact*/
    .contact-frm-cls iframe{
        height: 850px!important;
    }
    /*contact end*/
    /* single post Page Start */
    .slider-post-title-cls h5{
    height: 115px !important;
    }
    /* single post Page End */
    /*inner-page end*/

}
@media(max-width:447px){
    /*header*/
    .call-btn-cls,
    .book-form-cls{
        display: inline-flex!important;
    }
    /*header end*/
    /*index*/
    .banner-cls iframe{
        height: 1100px!important;
    }

    .form-mail-cls{
        position: static!important;
    }
    /*index end*/
    /*inner-page*/
    /*contact*/
    .contact-frm-cls iframe{
        height: 850px!important;
    }
    /*contact end*/
    /*Location Page*/
    .location-list-cls .e-n-accordion-item-title{
         width: 100% !important;
    }
/*Location Page End*/
    /* single post Page Start */
    .slider-post-title-cls h5{
    height: 115px !important;
    }
    /* single post Page End */
    /*inner-page end*/
}
/*res end*/