/* 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: #9ABB03; }
header .right-box ul li a {text-decoration: underline; color: #9ABB03; flex-direction: row-reverse;}
header .right-box ul li a span.elementor-icon-list-text {color: #9ABB03 !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: 45px; height: 45px; 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 #9ABB03 !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: #9ABB03;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 10px; }
.what-we-do-sec .sngl-box .image-box {height: 500px; overflow: hidden; margin-bottom: 0; border-radius: 10px; position: relative; }
.what-we-do-sec .sngl-box .image-box:before { position: absolute; content: ''; width: 100%; height: 42%; background: linear-gradient(192.23deg, rgba(18, 18, 15, 0) 33.06%, rgba(18, 18, 15, 0.9) 89.23%); bottom: 0; left: 0; right: 0; transition: all 0.4s ease; }
.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: 45px; height: 45px; 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 #9ABB03 !important; padding: 0; }
.what-we-do-sec .slick-prev:before, 
.what-we-do-sec .slick-next:before {transition: all 0.4s ease; 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: #9ABB03;}
.what-we-do-sec .slick-prev:hover:before, 
.what-we-do-sec .slick-next:hover:before {transition: all 0.4s ease; color: #fff; }
.what-we-do-sec .content-box { position: absolute; bottom: 0; width: 100%; padding: 30px; }
.what-we-do-sec .content-box h4 { color: #ffffff; font-weight: 600; margin: 0 0 5px; }
.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: #9ABB03; transition: all 0.4s ease;}

.content-link { display: flex; align-items: center; color: #9ABB03; font-weight: 500; height: 0; overflow: hidden; transition: all 0.4s ease; }
.content-link img { width: 16px !important; height: 16px !important; margin-left: 10px; transition: all 0.4s ease; }

.what-we-do-sec .sngl-box .image-box:hover span.content-link { height: 24px; transition: all 0.4s ease; }
.what-we-do-sec .sngl-box .image-box:hover:before { height: 100%; }
.content-link:hover img { transform: translate(5px, 0px); }

/*--------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: #9ABB03 !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_main .elementor-widget-image a {display: block;}
.blog_post_main .elementor-heading-title{text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.blog_post_main .elementor-widget-theme-post-excerpt{text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -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: none;  padding: 10px 20px !important; font-size: 16px; color: #434343; background-color: #FAF7F6!important; }
.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: none;  background-color: #FAF7F6!important; padding: 10px 20px !important;  font-size: 16px; color: #434343; }
.home-banner form .submit-btn input[type="submit"] {width: auto; border-radius: 60px; height: 50px; background-color: #9ABB03!important; color: #fff; border: none; font-size: 17px !important; font-weight: 600; line-height: 0; padding: 14px 45px!important; 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: 5px; position: relative;}
.home-banner .wpcf7-response-output {margin: 0 !important; text-align: center; }
.home-banner form .submit-btn input[type="submit"]:hover {background-color: #000 !important; }
.home-banner form .submit-btn .wpcf7-spinner{position: absolute; right: 30px; bottom: 0;}
/* 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 5px; }
.home-lest-project .sngl-box .image-box {height: 390px; overflow: hidden; border-radius: 8px; position: relative;}
.home-lest-project .sngl-box .image-box img {width: 100%; height: 100%; object-fit: cover; object-position: center center; }
.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: #9ABB03; transition: all 0.4s ease;}
/* .slider-wrapper { overflow: hidden; padding-right: 8%;  } */
.home-lest-project .projects_title_wrap{background-color: #fff; border-radius: 8px; position: absolute; bottom: -100%; left: 20px; right: 20px; display: block; padding: 15px; text-align: center;  transition: all 0.4s ease; }
.home-lest-project .projects_title_wrap p{color: #656565; margin-bottom: 0;    overflow: hidden; white-space: nowrap; text-overflow: ellipsis; max-width: 100%; display: block; }
.home-lest-project .projects_title_wrap h6{margin-bottom: 10px; font-weight: 500;}
.home-lest-project .sngl-box:hover .projects_title_wrap{bottom: 30px;}


.home-lest-project button.slick-prev,
.home-lest-project button.slick-next {z-index: 1; transition: all 0.4s ease;font-size: 0; width: 45px; height: 45px; 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 #9ABB03 !important; padding: 0!important; }
.home-lest-project .slick-prev:before, 
.home-lest-project .slick-next:before {transition: all 0.4s ease;font-size: 30px; color: #000000; display: none !important;}
.home-lest-project button.slick-prev:hover,
.home-lest-project button.slick-next:hover {transition: all 0.4s ease;background: #9ABB03;}
.home-lest-project .slick-prev:hover:before, 
.home-lest-project .slick-next:hover:before {transition: all 0.4s ease;font-size: 30px; color: #fff; }
.home-lest-project 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);}
.home-lest-project 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);}
.home-lest-project 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);}
.home-lest-project 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);}


.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;-ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; text-align: center;  min-width: max-content; padding: 0 5px;}
.home-lest-project .tab-menu ul li a:hover { background:#9ABB03; color:#fff; text-decoration:none; }
.home-lest-project .tab-box { display:none; }
.home-lest-project .tab-menu ul li a {border-radius: 50px; color: #656565; text-transform: none; letter-spacing: 0.44px; font-weight: 500; display: inline-block; padding: 14px 20px; display: block; text-decoration: none; transition: 0.5s all; background: #fff; border-bottom: 0; }
.home-lest-project .tab-menu ul li a.active {background: #9ABB03; color: #ffffff; text-decoration: none; }
.home-lest-project .tab-teaser { width:100%; margin:0 auto; }
.home-lest-project .tab-main-box { padding: 0px 20px;}



.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; }

/* Top choice builder server new css 20-08-25 */










/* Top choice builder server new css 20-08-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:1599px ) {

	.what-we-do-sec .sngl-box .image-box { height: 400px; }

}

@media only screen and ( max-width:1439px ) {

	.home-lest-project .tab-menu ul li a { padding: 12px 15px; font-size: 18px; }

	.slick-prev { left: -15px; }
	.slick-next { right: -15px; }

}

@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; }

	.what-we-do-sec .content-box { bottom: 0; width: 100%; padding: 20px; }

}

@media only screen and ( max-width:1023px ) {


}

@media only screen and ( max-width:991px ) {

	.home-lest-project .tab-menu ul li a { padding: 10px 15px; 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 14px; 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%;}

	.mob-menu .elementor-nav-menu { flex-direction: column; align-items: center; }
	.mob-contact .elementor-icon-list-items { flex-direction: column; gap: 20px; }

	.mob-contact .elementor-icon-list-items { flex-direction: column; gap: 20px; }
	.mob-contact .elementor-icon-list-item a { flex-direction: column; align-items: center !important; justify-content: center !important; }
	.mob-contact .elementor-icon-list-icon { padding: 0; }
	.mob-contact .elementor-icon-list-icon svg { margin: 0 0 10px !important; }

	.blog-listing-home .elementor-swiper-button-next, .blog-listing-home .elementor-swiper-button-prev { width: 40px; height: 40px;}

}

@media only screen and ( max-width:575px ) {

	.home-lest-project .sngl-box .image-box { height: 400px;  }
	.home-lest-project .tab-main-box { padding: 0px 0px; }


}