/* OLD SUNROOM CSS BUT NOT DELETED */

.promo-legal p{font-size: 10px;}
.promo-text h2{font-weight: 600; font-family: Graphik-Semibold, sans-serif;}
/* base layout */
/* base two-column flex */
  .nws-financing-promo { display: flex; flex-wrap: wrap; gap: 20px; align-items: flex-start; }
  .nws-financing-promo .promo-text { flex: 2; }
  .nws-financing-promo .promo-image { flex: 1; text-align: right; }
  /* desktop-only / mobile-only toggles */
  .desktop-only { display: block; }
  .mobile-only  { display: none; }
  
  /* MOBILE */
  @media (max-width: 767px) {
	.nws-financing-promo {
	  flex-direction: column;
	  align-items: center;
	  text-align: center;
	}
	.nws-financing-promo h2,
	.nws-financing-promo h3 {
	  width: 100%;
	}
	.desktop-only { display: none; }
	.mobile-only  { display: block; }
	.promo-image {
	  width: 100%;
	  order: 1;
	  text-align: center;
	  margin: 1rem 0;
	}
	.promo-legal.mobile-only {
	  margin-top: 1rem;
	  width: 100%;
	}
  }

form {margin-top: 30px; }
textarea.form-control {height: 100px !important; border-radius: 20px !important; }
input[type="submit"] {border-radius: 60px; height: 55px; background-color: #00B4BD; color: #fff; border: 1px solid #fff; font-size: 20px !important; font-weight: 600;padding:10px 30px!important; margin: 0 auto;display: block; }
.form-control {border: 1px solid #000; height: 60px; border-radius: 50px !important; padding: 10px 20px !important; font-size: 16px; }
.submit-btn input[type="submit"]:hover {background-color: #ffcc23; }
header .right-box ul li a {text-decoration: underline; color: #ffcc23; flex-direction: row-reverse;}
header .right-box ul li a span.elementor-icon-list-text {color: #ffcc23 !important; }
header .right-box ul li a span.elementor-icon-list-icon {margin-left: 10px; }
header .search-btn a {padding: 0; background-color: transparent !important; width: 20px; height: 20px; display: flex ; justify-content: center; align-items: center; }
header .btm-pdf-download-sec {position: fixed; bottom: 0; max-height: 800px;transition: all .8s ease;overflow: hidden;z-index: 9;}
header .btm-pdf-download-sec.active {max-height: 0;transition: all .8s ease; }
header .hide-pdf-sec {display: flex ; justify-content: center; align-items: center; width: 20px; height: 20px; cursor: pointer; }

footer .dubl-side-menu ul.elementor-icon-list-items li {-webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; padding-right: 20px; }
footer .dubl-side-menu ul.elementor-icon-list-items {display: -webkit-box; display: -ms-flexbox; display: flex ; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.common-get-touch-section .divider-line {left: 0; right: 0; margin: 0 auto; top: 10% !important; }

.lets-get-start-sec .row {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.lets-get-start-sec .row .col-lg-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}
.lets-get-start-sec .row .col-lg-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
.lets-get-start-sec .row .col-lg-6,
.lets-get-start-sec .row .col-lg-12 {padding: 0 8px; }
.lets-get-start-sec .wpcf7-response-output {margin: 0 !important; text-align: center; }
.lets-get-start-sec input[type="submit"]:hover {background-color: #000 !important; }

.blog-listing-home .elementor-swiper-button-next,
.blog-listing-home .elementor-swiper-button-prev {width: 60px; height: 60px; background: #fff; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1); border-radius: 60px; display: flex; justify-content: center; align-items: center; border: 2px solid #ffcc23 !important;}
.blog-listing-home .elementor-swiper-button-next svg,
.blog-listing-home .elementor-swiper-button-prev svg {filter: unset; transition: all 0.4s ease; }
.blog-listing-home .elementor-swiper-button-next:hover svg,
.blog-listing-home .elementor-swiper-button-prev:hover svg {filter: brightness(0) invert(1); transition: all 0.4s ease; }
.blog-listing-home .elementor-swiper-button-next:hover,
.blog-listing-home .elementor-swiper-button-prev:hover {background: #FFCC23;box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);}
.blog-listing-home .swiper.elementor-loop-container {max-width: 1340px; overflow: hidden;}
    
.home-finance-sec::before {content: "" !important; width: 100% !important; background-color: #ffffff; position: absolute !important; bottom: 0; height: 100px !important; top: unset !important;}
.home-finance-sec::after {content: "" !important; width: 30% !important; background-color: #ffffff; position: absolute; height: 100%; top: 0; right: 0; }

.what-we-do-sec .slick-list.draggable {max-width: 1015px; overflow: hidden; margin: 0 auto; }
.what-we-do-sec .sngl-box {padding: 0 20px; }
.what-we-do-sec .sngl-box .image-box {height: 500px; overflow: hidden; margin-bottom: 20px; }
.what-we-do-sec .sngl-box .image-box img {width: 100%; height: 100%; object-fit: cover; object-position: center center; }
.what-we-do-sec button.slick-prev,
.what-we-do-sec button.slick-next {z-index: 1;transition: all 0.4s ease;font-size: 0; width: 60px; height: 60px; background: #fff; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1); border-radius: 60px; display: flex; justify-content: center; align-items: center; border: 2px solid #ffcc23 !important; }
.what-we-do-sec .slick-prev:before, 
.what-we-do-sec .slick-next:before {transition: all 0.4s ease;font-size: 30px; color: #000000;display:none; }
.what-we-do-sec button.slick-prev:hover,
.what-we-do-sec button.slick-next:hover {transition: all 0.4s ease;background: #ffcc23;}
.what-we-do-sec .slick-prev:hover:before, 
.what-we-do-sec .slick-next:hover:before {transition: all 0.4s ease;font-size: 30px; color: #fff; }
.what-we-do-sec .content-box {display: flex ; align-items: center; }
.what-we-do-sec .content-box a {width: 40px; height: 40px; margin-left: 10px; border-radius: 20px; background-image: url('../images/pro-arrow.png'); background-position: center center; background-repeat: no-repeat; background-size: 16px; }
.what-we-do-sec .sngl-box a{transition: all 0.4s ease;}
.what-we-do-sec .sngl-box:hover a {transform: translate(20px, 0px); background-color: #FFCC23; transition: all 0.4s ease;}




/*--------blog listing---------*/

.blog-listing-page .elementor-element.elementor-element-4052e42.e-con-full.e-flex.e-con.e-parent.e-lazyloaded {height: 100% !important; background-color: #ffffff; padding: 0; border: 1px solid #B1D5FF; }


/*--------product sngl-page---------*/
.pro-sec-bg {position: relative !important; padding: 30px 40px 15px 0 !important; }
.pro-sec-bg::before {content: "" !important; position: absolute !important; top: 0 !important; right: 0 !important; width: 53% !important; height: 100% !important; background-color: #fff; box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1); margin: 0 auto; margin-right: 0; }
.slider-imge-pro figure.swiper-slide-inner img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.slider-imge-pro figure.swiper-slide-inner {position: relative; padding-bottom: 65%; }
.slider-imge-pro .elementor-swiper-button.elementor-swiper-button-prev {transition: all 0.4s ease;z-index: 1; transition: all 0.4s ease; font-size: 0; width: 60px; height: 60px; background: #fff; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1); border-radius: 60px; display: flex; justify-content: center; align-items: center; border: 2px solid #ffcc23 !important; position: absolute !important; right: unset; left: -43% !important; top: unset !important; bottom: -57px; }
.slider-imge-pro .elementor-swiper-button.elementor-swiper-button-next {transition: all 0.4s ease;z-index: 1; transition: all 0.4s ease; font-size: 0; width: 60px; height: 60px; background: #fff; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1); border-radius: 60px; display: flex ; justify-content: center; align-items: center; border: 2px solid #ffcc23 !important; position: absolute !important; right: unset; left: -34% !important; top: unset !important; bottom: -57px; }
.slider-imge-pro .elementor-swiper-button.elementor-swiper-button-next:hover,
.slider-imge-pro .elementor-swiper-button.elementor-swiper-button-prev:hover{background-color: #ffcc23 !important;transition: all 0.4s ease;}

.inner-banner{background-repeat: no-repeat;background-size: cover;background-position: center center;}


.style-on-ul ul li::before {content: ""; position: absolute; top: 0px; left: 0; width: 25px; height: 25px; background-image: url('../images/check.png'); background-repeat: no-repeat; background-position: center center; background-size: 20px; }
.style-on-ul ul li {position: relative; padding-left: 35px; margin: 20px 0; font-weight: 600;}
.style-on-ul ul {list-style: none; padding-left: 10px; }

.what-we-do-sec button.slick-next {background-image: url(../images/arrow-r-y.png); background-repeat: no-repeat; background-size: 20px; background-position: center center; transform: translate(0 0); }
.what-we-do-sec button.slick-prev {background-image: url(../images/arrow-l-y.png); background-repeat: no-repeat; background-size: 20px; background-position: center center; transform: translate(0 0); }
.what-we-do-sec button.slick-next:hover {background-image: url(../images/arrow-r-w.png); background-repeat: no-repeat; background-size: 20px; background-position: center center; transform: translate(0 0); }
.what-we-do-sec button.slick-prev:hover {background-image: url(../images/arrow-l-w.png); background-repeat: no-repeat; background-size: 20px; background-position: center center; transform: translate(0 0); }
.new-add-sunroom p a{color: #00B4BD !important;}

.common-img-style .elementor-image-gallery .gallery-item img { aspect-ratio: 1; object-fit: cover; width: 100%;}
.common-img-style .elementor-image-gallery .gallery-item { padding: 10px; }


/* OLD SUNROOM CSS BUT NOT DELETED */




/* Marquis server new css 23-07-25 */

.e--pointer-background .elementor-item:before { border-top-left-radius: 10px; border-top-right-radius: 10px; }
.blog_post_mian .elementor-widget-image a {display: block;}
.blog_post_mian .elementor-heading-title{text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}

/* ols css copy paste from previous template */
.home-banner form {margin-top: 30px; }
.home-banner .form-control, .home-banner select { height: 50px; border-radius: 10px !important; border: 1px solid #C3C3C3;  padding: 10px 20px !important; font-size: 16px; color: #434343; }
.home-banner .row {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.home-banner .row .col-lg-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}
.home-banner .row .col-lg-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
.home-banner textarea.form-control {height: 100px !important; border-radius: 10px !important; border: 1px solid #C3C3C3; }
.home-banner form .submit-btn input[type="submit"] {width: auto; border-radius: 60px; height: 50px; background-color: #000!important; color: #fff; border: none; font-size: 17px !important; font-weight: 600; line-height: 0; padding: 12px 45px; text-transform: none!important; }
.home-banner .row .col-lg-6,
.home-banner .row .col-lg-12 {padding: 0 8px; }
.home-banner form .submit-btn {margin-top: 15px;}
.home-banner .wpcf7-response-output {margin: 0 !important; text-align: center; }
.home-banner input[type="submit"]:hover {background-color: #EB491F !important; }
/* ols css copy paste from previous template */



.home-lest-project .slick-list.draggable {max-width: 100%; overflow: hidden; padding-right: 10%; }
.home-lest-project .sngl-box {padding: 0 10px; }
.home-lest-project .sngl-box .image-box {height: 500px; overflow: hidden;}
.home-lest-project .sngl-box .image-box img {width: 100%; height: 100%; object-fit: cover; object-position: center center; }
.home-lest-project button.slick-prev,
.home-lest-project button.slick-next {/* z-index: 1; transition: all 0.4s ease;font-size: 0; width: 60px; height: 60px; background: #fff; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1); border-radius: 60px; display: block; justify-content: center; align-items: center; border: 2px solid #ffcc23 !important; */ display: none!important; }
.home-lest-project .content-box {display: flex ; align-items: center;background-color: #fff;padding: 10px 20px;}
.home-lest-project .content-box a {width: 40px; height: 40px; margin-left: 10px; border-radius: 20px; background-image: url('../images/pro-arrow.png'); background-position: center center; background-repeat: no-repeat; background-size: 16px; }
.home-lest-project .sngl-box a{transition: all 0.4s ease;}
.home-lest-project .sngl-box:hover a {transform: translate(20px, 0px); background-color: #FFCC23; transition: all 0.4s ease;}
.slider-wrapper { overflow: hidden; padding-right: 8%; /* adjust for half-slide width */ }

.home-lest-project .tab-menu ul {flex-wrap: wrap;margin:0; padding:0; list-style:none; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; justify-content: center;margin-bottom: 20px;}
.home-lest-project .tab-menu ul li {margin: 5px 0; text-align: center; padding: 0 20px;}
.home-lest-project .tab-menu ul li a:hover { color:#EB491F; text-decoration:none; }
.home-lest-project .tab-box { display:none; }
.home-lest-project .tab-menu ul li a {color: #fff; text-transform: capitalize; letter-spacing: 0.44px; font-weight: 300; display: inline-block; padding: 18px 25px; display: block; text-decoration: none; transition: 0.5s all;  border-bottom: 0; font-size: 20px; }
.home-lest-project .tab-menu ul li a.active {color: #EB491F;  }
.home-lest-project .tab-teaser { width:100%; margin:0 auto; }


.contactform-md .elementor-shortcode{max-width: 860px; margin: 0 auto;}
.col-md-12.contact-title { margin-bottom: 50px; }
.lets-get-start-sec form { margin-top: 0; }
.elementor-button-wrapper {
    margin: 0 !important;
    line-height: 1 !important;
}

.elementor-button-wrapper .elementor-button br {
    display: none !important;
}

.elementor-button-wrapper .elementor-button p {
    margin: 0 !important;
}


/* Marquis server new css 23-07-25 */










/* Marquis server new css 23-07-25 */



/*--------media quary--------*/
@media only screen and ( min-width:1201px ) {
	
.elementor-nav-menu--dropdown { max-width: none !important; width: 100% !important; }
.elementor-nav-menu--dropdown .elementor-item { white-space: normal !important; }
.elementor-nav-menu--dropdown .elementor-sub-item { white-space: normal !important;  width: 100% !important;  } 

}
@media only screen and ( max-width:1439px ) {

.home-lest-project .tab-menu ul li a { padding: 12px 15px; font-size: 18px; }

}
@media only screen and ( max-width:1199px ) {

	.home-lest-project .tab-menu ul li a { padding: 12px 10px; font-size: 16px; }
	.home-lest-project .tab-menu ul li { padding: 0 10px; }

}

@media only screen and ( max-width:1023px ) {


}

@media only screen and ( max-width:991px ) {

	.home-lest-project .tab-menu ul li a { padding: 12px 6px; font-size: 14px; }
	.home-lest-project .tab-menu ul li { padding: 0 6px; }
	.home-lest-project .sngl-box .image-box { height: 400px; }

	.pro-sec-bg::before {display: none !important;}
	.pro-sec-bg { padding: 0 !important; }
}


@media only screen and ( max-width:767px ) {

	.home-lest-project .sngl-box .image-box { height: 300px; }
	.home-lest-project .tab-menu ul li a { padding: 8px 6px; font-size: 14px; }
	.bullet_list.none ul li{list-style: none;}
	.lets-get-start-sec .row .col-lg-6 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}

}

@media only screen and ( max-width:575px ) {

	.home-lest-project .sngl-box .image-box { height: 240px;  }


}






