/**
 * Theme Name:     Astra Child
 * Author:         Brainstorm Force
 * Template:       astra
 * Text Domain:	   astra-child
 * Description:    Astra is fast, fully customizable & beautiful WordPress theme suitable for blog, personal portfolio, business website and WooCommerce storefront. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with Schema.org code integrated and is Native AMP ready so search engines will love your site. It offers special features and templates so it works perfectly with all page builders like Elementor, Beaver Builder, Visual Composer, SiteOrigin, Divi, etc. Some of the other features: # WooCommerce Ready # Responsive # RTL & Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and WooCommerce ready theme that you can use for building any kind of website!
 */

/* .social-icon ul li a {min-width: 32px;height: 32px;display: flex;align-items: center;justify-content: center;background: #E7C978;} */
.home-cta-sec:after {content: "";width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: linear-gradient(90deg, rgba(13, 13, 13, 0.90) 0%, rgba(13, 13, 13, 0.00) 60%);z-index: 0;}
.marquee-sec .elementor-widget-heading h4 >span{width: max-content;flex-wrap: nowrap;animation: marquee 30s linear infinite; display: flex;min-width: max-content;}
.marquee-sec .elementor-widget-heading h4 span {display: flex; align-items: center; justify-content: center;}
.marquee-sec .elementor-widget-heading h4 >span >span:before {content: "";width: 5px;height: 5px;background: #122957;transform: rotate(45deg);position: absolute;left: -20px;}
.marquee-sec .elementor-widget-heading h4 span span {margin: 0 20px 0 64px;position: relative;}
@keyframes marquee {
    0% {
        transform: translateX(0%);
    }
    100% {
        transform: translateX(-50%);
    }
}
/* a.elementor-button {height: auto; width: fit-content;} */
.project-item.first {aspect-ratio: 1/1.06;}
.project-item.second {aspect-ratio: 1/0.64;}
.project-item.second .elementor-widget-video {height: 100%;}
.project-item.second .elementor-widget-video iframe {width: 100%;height: 100%;}
.project-item.second .elementor-widget-video .elementor-wrapper {height: 100%;width: 100%;}
.project-item.third {aspect-ratio: 1/0.78;}
a.elementor-button {transition: all 0.35s ease-in-out;}
/* .yellow a {background-color: var(--e-global-color-1019b5b) !important;}
.yellow a:hover {background-color: var( --e-global-color-931e35d ) !important;} */
.elementor-heading-title {
    white-space: break-spaces !important;
}
/* .blue a {
    background-color: #122857 !important;
} */
/* header-sec-css-start */

.number-btn a .elementor-button-text{
    background: linear-gradient(89deg, #F0D880 0.03%, #A07828 43.27%, #C8A040 78.35%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.gradiant-btn {
    width: fit-content !important;
    background: linear-gradient(89deg, #F0D880 0.03%, #A07828 43.27%, #C8A040 78.35%);
}
.mobile-menu{
    background: linear-gradient(89deg, #F0D880 0.03%, #A07828 43.27%, #C8A040 78.35%);
    width: fit-content !important;
    border-radius: 100% !important;
}
/* .gradiant-btn a:hover{
    background: #122957 !important;
    width: fit-content !important;
} */
.gradiant-btn a {
    transition: all 0.35s ease-in-out;
}
.gradiant-btn a:hover {
    background: #FFF !important;
    color: #0A1525 !important;
}
.gradiant-btn.white a:hover {
    background: #0A1525 !important;
    color: #FFF !important;
}
.popup-sec .dialog-close-button {
    height: 45px !important;
    width: 45px !important;
    background: linear-gradient(89deg, #F0D880 0.03%, #A07828 43.27%, #C8A040 78.35%);
    border-radius: 100% !important;
    display: flex !important;
    justify-content: center;
    align-items: center;
}
/* header-sec-css-end */

/* footer -sec-css-start */

.footer-text ul li a:hover {
    background: linear-gradient(89deg, #F0D880 0.03%, #A07828 43.27%, #C8A040 78.35%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* footer -sec-css-end */

/* home page css start */

.gradiant-text {
    background: linear-gradient(89deg, #F0D880 0.03%, #A07828 43.27%, #C8A040 78.35%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    width: max-content;
}
.gradiant-heading-text {
    background: linear-gradient(89deg, rgba(240, 216, 128, 0.20) 0.03%, rgba(160, 120, 40, 0.20) 43.27%, rgba(200, 160, 64, 0.20) 78.35%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.marquee-sec ,
.coming-soon-sec{
    background: linear-gradient(89deg, #F0D880 0.03%, #A07828 43.27%, #C8A040 78.35%);
}
.gardiant-border .elementor-divider-separator {
    width: 32px !important;
    height: 2px !important;
    background: linear-gradient(89deg, #F0D880 0.03%, #A07828 43.27%, #C8A040 78.35%) !important;
    border: none !important;
}
.gardiant-border.footer .elementor-divider-separator{
    width: 40px !important;
}
.intro-right-sec.experience:before {
    width: 50vw !important;
    right: 0 !important;
    left: auto !important;
}
.after-before-img .twentytwenty-handle {
    width:66px;
    height:66px;
    margin-left:-33px;
    margin-top:-33px;
    background:#fff;
    border: 0 !important;
    border-radius:50%;
    box-shadow:none;
}

.after-before-img .twentytwenty-handle:before,
.after-before-img .twentytwenty-handle:after {
    background: white;
    z-index: 1;
    box-shadow: none !important;
}
.after-before-img span.twentytwenty-left-arrow,
.after-before-img span.twentytwenty-right-arrow{
    color: #122957;
}
.after-before-img span.twentytwenty-left-arrow {
    /* border-left: 6px solid #122957 !important; */
    background-image: url(/wp-content/uploads/2026/06/Polygon-1-1.png);
    background-position: center left;
    background-size: cover;
    width: 15px;
    height: 15px;
    position: absolute;
    background-repeat: no-repeat !important;
    left: 10px;
    top: 0;
    bottom: 0;
    margin: auto;
}
.after-before-img span.twentytwenty-right-arrow {
    /* border-left: 6px solid #122957 !important; */
    background-image: url(/wp-content/uploads/2026/06/Polygon-1.png);
    width: 15px;
    height: 15px;
    background-position: center right;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 10px;
}
.design-build-sec,
.build-right-sec {
    aspect-ratio: 1/0.9 !important;
    height: 100% !important;
}
.quote-btn a:hover {
    background: linear-gradient(89deg, #F0D880 0.03%, #A07828 43.27%, #C8A040 78.35%) !important;
    border: none !important;
    color: #122957 !important;
    border: 1px solid transparent !important;
}
.project-item .e-con.e-child:not(.story-sec) {
    pointer-events: none !important;
}

p:last-child {
  margin: 0px;
}
.banner-sec:before {
  content: "" !important;
  width: 100% !important;
  height: 100% !important;
  position: absolute !important;
  background: linear-gradient(
    180deg,
    #0a1525 0%,
    rgba(10, 21, 37, 0.5) 39.22%,
    rgba(10, 21, 37, 0.5) 69.17%,
    #0a1525 100%
  ) !important;
  top: 0 !important;
  bottom: auto !important;
}
.project-text p {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0 !important;
}
.project-text p:before {
  content: "";
  width: 36px;
  height: 36px;
  display: block;
  border: 1px solid rgb(255 255 255 / 40%);
  border-radius: 100%;
}
.scroll-text p:after {
  content: "";
  width: 1px;
  height: 40px;
  display: block;
  background: #e7c978;
}
.scroll-text p {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 6px;
  margin: 0 !important;
}
.intro-right-sec:before {
  width: 50vw !important;
  right: auto !important;
  left: 0 !important;
}
.project-video .elementor-custom-embed-image-overlay:before {
  content: "";
  width: 100% !important;
  height: 100% !important;
  position: absolute;
  top: 0;
  bottom: auto;
  background: linear-gradient(
    180deg,
    rgba(10, 21, 37, 0.85) 0%,
    rgba(10, 21, 37, 0) 50%,
    rgba(10, 21, 37, 0.85) 100%
  );
  display: block;
}
.project-video .elementor-custom-embed-play svg {
  opacity: 1 !important;
}
.project-bottom-left-sec {
  width: 100% !important;
  max-width: max-content !important;
}
.project-video,
.project-video .e-hosted-video  {
  height: 100% !important;
  width: 100%;
}
.showroom-inner-sec:before {
  width: 50vw;
  left: auto;
  right: 0;
}
.showroom-inner-top-text {
  width: max-content !important;
}
.showroom-inner-btn a,
.studio-btn a {
  color: #122957 !important;
  background-color: #e7c978 !important;
  transition: all 0.7s ease-in-out !important;
}
.showroom-inner-btn a:hover,
.studio-btn a:hover {
  color: #e7c978 !important;
  background-color: #122957 !important;
}
.footer-top-sec .e-con.e-child .social-icon ul {margin: 0 !important;}
/* home page css and */

/* About-page-css-start */

.about-banner-sec:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    background: linear-gradient(90deg, #0A1525 37.57%, rgba(10, 21, 37, 0.68) 55%, rgba(10, 21, 37, 0.04) 100%);
}
.about-banner-sec:after {
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    background: linear-gradient(180deg, rgba(10, 21, 37, 0.52) 0%, rgba(10, 21, 37, 0.00) 39.22%, rgba(10, 21, 37, 0.00) 69.17%, rgba(10, 21, 37, 0.52) 100%);
}
.about-border .elementor-divider-separator{
    width: 40px !important;
}
.gradient-number{
    background: linear-gradient(89deg, rgba(242, 224, 144, 0.18) 0.03%, rgba(212, 168, 48, 0.18) 50.96%, rgba(184, 144, 32, 0.18) 99.97%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.about-story-right-sec img {
    aspect-ratio: 1/0.886 !important;
    object-fit: cover !important;
}
/* About-page-css-end */

/* showroom-page-css-start */

.material-card-sec {
    width: calc(16.66% - 16.66px) !important;
}

/* showroom-page-css-end */

/* work-page-css-start */

.project-main-img:before{
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
   background: linear-gradient(180deg, rgba(10, 21, 37, 0.00) 0%, rgba(10, 21, 37, 0.88) 100%);
}
.texonomy-filter-sec .e-filter-item{
    transition: all 0.7s ease-in-out !important;
}
.texonomy-filter-sec .e-filter-item:hover{
    background: linear-gradient(89deg, #F0D880 0.03%, #A07828 43.27%, #C8A040 78.35%);
}
.texonomy-filter-sec .e-filter-item[aria-pressed="true"] {
    background: linear-gradient(89deg, #F0D880 0.03%, #A07828 43.27%, #C8A040 78.35%) !important;
    color: #122957 !important;
    border: none !important;
}
.project-grid-sec .elementor-widget-image {
    height: 100% !important;
}
/* work-page-css-end */

/* blog-page-css-start */

.topic-inner-sec ul li {
    margin: 0 !important;
    padding: 15px 10px !important;
    height: 44px !important;
    background: rgb(255 255 255 / 6%) !important;
}
.topic-inner-sec ul{
    gap: 20px !important;
}
.subscribe-form .elementor-form-fields-wrapper {
    display: flex;
    gap: 20px !important;
}

.subscribe-form .elementor-field-type-email {
    width: 640px !important;
}

.subscribe-form .e-form__buttons {
    width: 220px !important;
    display: flex;
    padding: 16px 20px 14px 20px;
    justify-content: center;
    align-items: center;
    background: linear-gradient(89deg, #F0D880 0.03%, #A07828 43.27%, #C8A040 78.35%);
}
.subscribe-form button.elementor-button.elementor-size-sm{
    min-height: fit-content !important;
}
/* blog-page-css-end */

/* Service-page-css-start */

.interion-remodeling-img img {
    aspect-ratio: 1/0.41 !important;
    object-fit: cover;
}
.kitchen-included-inner-service-right-img img {
    aspect-ratio: 1/0.513 !important;
    object-fit: cover;
}
.kitchen-project-bottom-left-sec .elementor-widget-image {
    height: 100% !important;
}

.kitchen-project-bottom-left-sec .elementor-widget-image img {
    aspect-ratio: 1/0.3 !important;
    object-fit: cover;
}
.kitchen-project-bottom-right-top-img img,
.kitchen-project-bottom-right-bottom-sec img {
    aspect-ratio: 1/0.274 !important;
    object-fit: cover;
}
.bathroom-remodeling-img img {
    aspect-ratio: 1/0.48 !important;
    object-fit: cover;
}
.bathroom-await-bottom-card-sec {
    box-shadow: 0 6px 18px -6px rgba(0, 0, 0, 0.05);
}
.number-card-sec{
    box-shadow: 0 6px 18px -6px rgba(0, 0, 0, 0.05);
}
.yellow.gradiant-btn.key-btn,
.yellow.gradiant-btn.key-btn a:hover {
    width: 100% !important;
}
.yellow.gradiant-btn.key-btn{
    border-radius: 12px !important;
    border: 1px solid transparent !important;
}
.painting-service-sec .elementor-icon-box-icon {
    top: 7px !important;
    position: relative;
}
.flooring-need-icon-box .elementor-icon-box-icon {
    border: 1px solid #1229571A !important;
    border-radius: 12px !important;
    max-width: max-content;
}
.custom-media-lincluded-top-img img,
.custom-media-lincluded-bottom-img img {
    aspect-ratio: 1/0.544 !important;
    object-fit: cover;
}
.entertainment-built-img-sec img {
    aspect-ratio: 1/0.41 !important;
    object-fit: cover;
}
.entertainment-need-img-sec img {
    aspect-ratio: 1/0.31 !important;
    object-fit: cover;
}
.design-consultation-service-inner-sec-img img {
    aspect-ratio: 1/0.63 !important;
    object-fit: cover;
}
.showroom-experience-project-sec .elementor-widget-heading a {
    color: #0A1525 !important;
}

.number-scope-sec {
    width: 44px;
    height: 44px;
    display: flex;
    justify-content: center !important;
    align-items: center !important;
}

.design-service-text-sec img {
    aspect-ratio: 1/0.376 !important;
    object-fit: cover;
}
.outdoor-living-inner-sec img,
.include-img img {
    aspect-ratio: 1/0.22 !important;
    object-fit: cover;
}
.start-sec-img img {
    aspect-ratio: 1/0.087 !important;
    object-fit: cover;
}
.stamped-ston-right-img img {
    aspect-ratio: 1/0.773 !important;
    object-fit: cover;
}
.stamped-include-right-sec img {
    aspect-ratio: 1/0.331 !important;
    object-fit: cover;
}
.paver-after-before-inner-service img {
    aspect-ratio: 1/0.414 !important;
    object-fit: cover;
}
.paver-scop-inner-icon-box .elementor-icon {
    border: 1px solid #FFFFFF1A;
}
.project-loop-carousel-sec .swiper-initialized{
    width: 130vw !important;
}
.pergolas-tab-left-sec ul li {
    padding: 12px !important;
}
.pergolas-tab-left-sec{
    height: fit-content !important;
}
.pergolas-tab-left-sec ul li.active {
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.10);
    background: rgba(255, 255, 255, 0.04);
}
.pergolas-tab-left-sec ul li a{
    text-decoration: none !important;
}
.pergolas-tab-left-sec ul li.active .elementor-icon-list-text {
    position: relative;
    padding-left: 14px;
    height: 24px;
    display: flex;
    align-items: center;
}

.pergolas-tab-left-sec ul li.active .elementor-icon-list-text:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 4px;
    height: 100%;
    background: linear-gradient(89deg, #F2E090, #D4A830, #B89020);
}
.expoxy-service-left-sec img {
    aspect-ratio: 1/0.68 !important;
    object-fit: cover;
}
.metallic-include-right-sec img {
    aspect-ratio: 1/0.7 !important;
    object-fit: cover;
}
.metallic-project-inner-sec img {
    aspect-ratio: 1/0.532 !important;
    object-fit: cover;
}
.metallic-project-inner-bottom-img img {
    aspect-ratio: 1/0.47 !important;
    object-fit: cover;
}
.matallic-process-right-sec img {
    aspect-ratio: 1/0.6 !important;
    object-fit: cover;
}
.project-btn {
    border-radius: 12px !important;
}
/* Service-page-css-end */

/* privacy-policy-page-start*/

.privacy-policy-text h2 {
    color: #0A1525;
    font-family: "Glacial Indifference", Sans-serif !important;
    font-size: 30px;
    font-weight: 700;
    line-height: 1.5em;
    letter-spacing: -0.033em;
    margin-bottom: 20px !important;
}

.privacy-policy-text ul {
    margin-top: 0;
}
.privacy-policy-text p{
    margin-bottom: 20px !important;
}
.privacy-policy-text p a {
    text-decoration: none !important;
    color: #0a1525b3;
}
/* privacy-policy-page-end*/

/* location-page-start */

.location-process-step-inner-left-number {
    width: 40px !important;
    height: 40px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}
.location-map-left-sec iframe,
.location-map-left-sec .elementor-custom-embed {
    height: 100% !important;
    object-fit: cover;
}

/* location-page-end */


.inner-banner-sec .elementor-widget-image, .full-height {height: 100% !important;}
.inner-banner-sec:before {content: "" !important; width: 100%; height: 100%; position: absolute; top: 0; left: 0;     background: linear-gradient(90deg, #0A1525 37.57%, rgba(10, 21, 37, 0.68) 55%, rgba(10, 21, 37, 0.04) 100%) !important;}
.inner-banner-sec:after {content: "";width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: linear-gradient(180deg, rgba(10, 21, 37, 0.52) 0%, rgba(10, 21, 37, 0.00) 39.22%, rgba(10, 21, 37, 0.00) 69.17%, rgba(10, 21, 37, 0.52) 100%);}
.contact-sec .elementor-widget-image-box h3 {background: linear-gradient(89deg, #F0D880 0.03%, #A07828 43.27%, #C8A040 78.35%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;max-width: max-content;}
.contact-location-sec .elementor-widget-icon-list ul {gap: 15px;}
.contact-location-sec .elementor-widget-icon-list ul li {background: rgb(255 255 255 / 6%);height: 45px;padding: 10px 18px;}
.portfolio-project-left-col .e-con.e-child {max-width: 700px;}
.contact-cta-left-col .e-con.e-child {max-width: 780px;}

.inner-banner-sec {min-height: 85vh !important;}
.portfolio-slider .swiper-initialized{width: 130vw !important;}


/* Changes Pages Css Start  */
.about-make-us-diff-design-build-col::after {content: "";position: absolute;inset: 0; border-radius: inherit;padding: 1px;background: linear-gradient(89deg, #F0D880 0.03%, #A07828 43.27%, #C8A040 78.35%);-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);-webkit-mask-composite: xor;mask-composite: exclude;pointer-events: none;top: -1px;left:-1px;}
.showroom-visit-inner .showroom-make-us-diff-design-build-col::after {content: "";position: absolute;inset: 0; border-radius: inherit;padding: 1px;border-top: 2px solid;border-image: linear-gradient(89deg, #F0D880 0.03%, #A07828 43.27%, #C8A040 78.35%) 1;-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);-webkit-mask-composite: xor;mask-composite: exclude;pointer-events: none;top: -1px;left:-1px;}
.showroom-faqs-sec .elementor-widget-n-accordion details[open] summary {border-bottom-left-radius: 0;border-bottom-right-radius: 0;}
.showroom-faqs-sec .elementor-widget-n-accordion details[open] .e-con.e-child {margin-top: -8px;}
.work-before-after-slider .twentytwenty-overlay {background: linear-gradient(180deg, rgba(0, 0, 0, 0.80) 0%, rgba(0, 0, 0, 0.00) 100%) !important;}
.work-before-after-slider .twentytwenty-overlay > div::before {top: 24px;margin: 0;color: #FFF;font-family: "Open Sauce One";font-size: 14px;font-style: normal;font-weight: 600;line-height: normal;text-transform: uppercase;border: 1px solid #FFFFFF26 !important;border-radius: 100px;padding: 10px 14px;}
.work-before-after-slider .twentytwenty-overlay .twentytwenty-before-label::before {left: 24px;}
.work-before-after-slider .twentytwenty-overlay .twentytwenty-after-label::before {left: calc(50% + 24px);right: auto;}
.design-your-kitchen-step-col:after {content: "";width: calc(100% - 38px);height: 1px;background: #FFF;display: inline-flex;position: absolute;top: 5px;left: 38px;opacity: 0.2;}
.line-gradiant-btn a {background: var(--Gold-Color, linear-gradient(89deg, #F0D880 0.03%, #A07828 43.27%, #C8A040 78.35%));background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.design-your-countertops-step-inner .design-your-kitchen-step-col::after {width: calc(100% - 35px);left: 35px;background: #000;top: 10px;}
.design-your-whole-home-step-inner .design-your-kitchen-step-col::after {background: linear-gradient(89deg, #F0D880 0.03%, #A07828 43.27%, #C8A040 78.35%) !important;opacity: 1;width: calc(100% - 50px);left: 50px;top: 20px;}
.methodolgy-inner .methodolgy-inner-item {max-width: 490px;}
.methodolgy-inner .methodolgy-inner-item:nth-child(even) {margin-left: auto;}
.methodolgy-inner .methodolgy-inner-item .elementor-widget-heading h4 {width: 100%;display: flex;align-items: center;justify-content: center;aspect-ratio: 1/1;border-radius: 50%;background: #0A1525;}
.methodolgy-inner .methodolgy-inner-item .elementor-widget-heading h4:before {content: "";position: absolute;inset: 0; border-radius: inherit;padding: 2px; background: linear-gradient(89deg, #F0D880 0.03%, #A07828 43.27%, #C8A040 78.35%);-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);-webkit-mask-composite: xor;mask-composite: exclude;pointer-events: none;}
.methodolgy-inner:after {content: "";width: 1px;height: 100%;position: absolute;top: 0;left: 50%;background: #F0D880;opacity: 0.3;z-index:0;}
.paln-item-col .elementor-widget-heading h4 {width: 100%;aspect-ratio: 1/1;display: flex;align-items: center;justify-content: center;border-radius: 50%;background: #0A1525;}
.paln-item-col .elementor-widget-heading h4:before, .proven-inner-little-elm-item .gradiant-text h4:after {content: "";position: absolute;inset: 0; border-radius: inherit;padding: 2px; background: linear-gradient(89deg, #F0D880 0.03%, #A07828 43.27%, #C8A040 78.35%);-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);-webkit-mask-composite: xor;mask-composite: exclude;pointer-events: none;}
.paln-inner-item:after {content: "";position: absolute;inset: 0;border-radius: inherit;padding: 1px;background: linear-gradient(89deg, #F0D880 0.03%, #A07828 43.27%, #C8A040 78.35%);-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);-webkit-mask-composite: xor;mask-composite: exclude;pointer-events: none;width: 1px;height: calc(100% - 20px);left: 63px;top: 10px;}
.space-planning-img-slider img {width: 100%;height: 100% !important;object-fit: cover;}
.space-planning-img-slider .swiper-slide figure.swiper-slide-inner {aspect-ratio: 1/1;}
.our-specialties-inner .e-con-inner > .e-con.e-child:before {content: "";width: 100%;height: 100%;border-radius: 16px;background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.80) 100%);position: absolute;top: 0;left: 0;z-index: 0;}
.proven-inner-little-elm-item .gradiant-text h4 {width: 48px;aspect-ratio: 1/1;display: flex;align-items: center;justify-content: center;border-radius: 50%;}
/* Changes Pages Css End */
/* Landing Page Css Start  */
.landing-page-banner:after {
    content: "";
    background: linear-gradient(90deg, rgba(10, 21, 37, 0.96) 0%, rgba(10, 21, 37, 0.60) 70%, rgba(10, 21, 37, 0.00) 100%);
    width: 50%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.landing-page-before-after-img .twentytwenty-horizontal {
    aspect-ratio: 1/0.5;
}
.landing-page-before-after-img .twentytwenty-horizontal .twentytwenty-container {
    height: 100% !important;
    border-radius: 24px;
}
.landing-page-before-after-img .twentytwenty-horizontal .twentytwenty-container  img {
    height: 100%;
    object-fit: cover;
}
.about-values-sec .landing-page-before-after-img .twentytwenty-handle::before,
.about-values-sec .landing-page-before-after-img .twentytwenty-handle:after {
    display: none !important;
    box-shadow: none !important;
}
.about-values-sec .landing-page-before-after-img .twentytwenty-overlay .twentytwenty-before-label::before,
.about-values-sec .landing-page-before-after-img .twentytwenty-overlay .twentytwenty-after-label::before {
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.15);
    background: rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(9px);
    display: flex;
    padding: 10px 20px;
    align-items: center;
    gap: 10px;
    color: #FFF;
    font-family: "Open Sauce One";
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
    top: 35px;
    margin: 0;
    left: 35px;
}
.about-values-sec .landing-page-before-after-img .twentytwenty-overlay .twentytwenty-after-label::before {
    left: calc(50% + 35px);
    right: auto;
}
.about-values-sec .landing-page-before-after-img .twentytwenty-handle {
    border-radius: 60px;
    border: 1px solid rgba(255, 255, 255, 0.20) !important;
    background: rgba(255, 255, 255, 0.10);
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.25) !important;
    backdrop-filter: blur(10px);
    display: flex;
    width: 120px !important;
    height: 120px !important;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-left: -60px;
    margin-top: -60px;
}
.about-values-sec .landing-page-before-after-img .twentytwenty-handle span.twentytwenty-left-arrow {
    border: none !important;
    margin-top: 0;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="29" height="34" viewBox="0 0 29 34" fill="none"><path d="M-8.43005e-07 16.7018L28.9286 -8.51878e-05L28.9286 33.4038L-8.43005e-07 16.7018Z" fill="white"/></svg>') center center no-repeat;
    width: 22px;
    height: 22px;
    background-size: contain;
    transform: translateY(-50%);
    margin-left: -24px;
}
.about-values-sec .landing-page-before-after-img .twentytwenty-handle span.twentytwenty-right-arrow {
    border: none !important;
    margin-top: 0;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="29" height="34" viewBox="0 0 29 34" fill="none"><path d="M28.9286 16.702L1.36857e-05 33.4039L1.51458e-05 5.40486e-05L28.9286 16.702Z" fill="white"/></svg>') center center no-repeat;
    width: 22px;
    height: 22px;
    background-size: contain;
    transform: translateY(-50%);
    margin-right: -24px;
}
.home-project-video-content {
	transition: all 0.35s ease-in-out;
}
.home-project-video-content.video-playing {
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
}
.project-item.second.video-playing .home-project-video-content {
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
}
.after-before-img .twentytwenty-container > img {
    height: 100%;
    object-fit: cover;
}
/* Landing Page Css End */

@media screen and (min-width:1025px) and (max-width:1780px){}
@media screen and (min-width:1025px) and (max-width:1579px){
    .header-sec .elementor-widget-nav-menu ul li:first-child a {margin-inline-end: calc( 20px / 2 ) !important; margin-inline-start:0 !important;}
    .header-sec .elementor-widget-nav-menu ul li a {margin-inline-start: calc( 20px / 2 ) !important; margin-inline-end: calc( 20px / 2 ) !important;}
    .header-sec .elementor-widget-nav-menu ul li:last-child a {margin-inline-start: calc( 20px / 2 ) !important;margin-inline-end: 0 !important;}
    .header-sec .hover-btn a {padding: 12px 19px !important;}
    .header-btn-col {gap: 10px !important;}
    .home-cta-sec .elementor-widget-heading h2 {font-size: 60px !important;}
    .hover-btn a {padding: 16px 32px !important;}
    .story-sec {padding: 20px !important;}
    .story-sec .elementor-widget-button a {padding: 16px 25px !important;}
    .home-exp-sec .intro-right-sec.experience {min-height: 650px !important;}
    .process-sec {padding: 25px !important;}
    .footer-top-sec .footer-top-menu-col {width: calc(100% - 450px) !important;}
}
@media screen and (min-width:1025px) and (max-width:1400px) {
    .story-sec {padding: 15px !important;}
    .story-sec .elementor-widget-button a {padding: 15px 10px !important;}
    .banner-inner-sec h1 {font-size: 100px !important;}
    .design-build-sec .elementor-widget-image::after, .build-right-sec .elementor-widget-image::after {height: 100% !important;} 
    .texonomy-filter-sec .e-filter{display: flex !important; gap: 30px !important;}
    /* .texonomy-filter-sec .e-filter-item{padding: 16px 30px 16px 30px !important;} */
    .recent-project-featured-img img{height: 240px !important;}
}
@media screen and (min-width:1280px) and (max-width:1360px) {
    .outdoor-living-main-bottom-right-sec {gap: 30px !important; display: flex;}
}
@media screen and (min-width:1025px) and (max-width:1320px){
    .decorative-intro-overview-sec{width: 200px !important;}
    .decorative-intro-concrete-sec{width: calc(100% - 511px) !important;}
    .decorative-intro-project-sec{width: 247px !important;}
    .decorative-intro-overview-sec.elementor-sticky{width: 200px !important;}
    .decorative-intro-project-sec.elementor-sticky{width: 247px !important;}
    .privacy-policy-text h2 {font-size: 25px; margin-bottom: 15px !important;}
    .privacy-policy-text p{margin-bottom: 15px !important;}

} 
@media screen and (min-width:1025px) and (max-width:1199px){
    .header-sec .elementor-widget-nav-menu {width: 600px !important;}
    .header-sec .header-btn-col .elementor-widget-button:first-child {display: none !important;}
    .header-sec .elementor-widget-nav-menu ul li:first-child a {margin-inline-end: calc( 15px / 2 ) !important;margin-inline-start:0 !important;}
    .header-sec .elementor-widget-nav-menu ul li a {margin-inline-start: calc( 15px / 2 ) !important;margin-inline-end: calc( 15px / 2 ) !important;font-size: 12px !important;}
    .header-sec .elementor-widget-nav-menu ul li:last-child a {margin-inline-start: calc( 15px / 2 ) !important;margin-inline-end: 0 !important;}
    .header-btn-col {width: 205px !important;}
    .footer-top-sec .footer-top-menu-col {width: calc(100% - 380px) !important;}
    .difference-btn{right: 0 !important;}
    .banner-inner-text-sec {padding-left: 70px !important;}
    .complate-project-sec {left: -19% !important;width: 260px !important;}
    .intro-left-sec h2 {font-size: 48px !important;}
    /* .about-stat-block {height: 140px !important;min-height: 140px !important;} */
    .complate-project-sec {padding: 15px !important;width: auto !important;}
    .home-we-bulid-top-col-inner .e-con.e-child:nth-child(2) {width: calc(100% - 480px) !important;}
    .home-we-bulid-top-col-inner .e-con.e-child:first-child, .home-we-bulid-top-col-inner .e-con.e-child:last-child {width: 230px !important;}
    .story-sec .elementor-widget-button a {font-size: 10px !important;}
    .home-how-work-top-col .e-con.e-child .elementor-widget-button a {padding: 16px 20px !important;}
    .home-exp-sec .intro-left-sec {width: 44% !important;}
    .home-cta-sec:after {background: linear-gradient(90deg, rgba(13, 13, 13, 0.90) 0%, rgba(13, 13, 13, 0.00) 90%);}
    .material-card-sec .e-child {padding: 20px !important;}
    .contact-cta .intro-left-sec {padding-top: 100px !important;padding-bottom: 100px !important;}
    .contact-location-sec .elementor-widget-icon-list ul li {height: 38px;padding: 10px 13px;} 
    .topic-inner-sec ul {gap: 20px !important;justify-content: center;} 
    .topic-inner-sec ul li {padding: 12px 10px !important;height: 38px !important;} 
    .topic-inner-sec ul{justify-content: center;}
    .post-loop-sec .elementor-grid {row-gap: 50px !important;column-gap: 50px !important;}
    .bathroom-await-bottom-card-sec .elementor-icon {font-size: 37px !important;padding: 12px !important;}
    .flooring-need-icon-box {width: 46% !important;}
    .outdoor-living-main-bottom-right-sec .elementor-widget-icon-box {width: calc(50% - 15px) !important;}
    .outdoor-living-main-bottom-right-sec{display: flex !important; flex-wrap: wrap !important; gap: 30px !important;}
    .metallic-project-inner-bottom-img img {aspect-ratio: 1/0.6 !important;}
    .expoxy-system-left-sec{padding-top: 80px !important; padding-bottom: 80px !important;}
    .location-service-inner-sec .e-child {width: calc(33.33% - 13.33px) !important; display: flex !important; justify-content:center ; align-items: center !important;}
    .location-service-inner-sec .e-child .elementor-widget-text-editor{text-align: center !important;}
    .location-service-inner-sec {flex-wrap: wrap !important; justify-content: center !important; column-gap: 20px !important; row-gap: 30px !important;}
    .location-service-sec .e-con-inner,.location-why-us-sec .e-con-inner,.location-why-us-sec .e-con-inner,.location-process-sec .e-con-inner,.location-faq-sec .e-con-inner  {padding-top: 80px !important;padding-bottom: 80px !important;}
    .interior-project-imgbox-sec img { height: 300px !important; }
    .about-values-sec .landing-page-before-after-img .twentytwenty-handle {width: 80px!important;height: 80px!important;margin-left: -40px;margin-top: -40px;}
}
@media screen and (max-width:1024px) {
    .mobile-menu a {display: flex;}
    .project-item.second {aspect-ratio: 1/1;}
    .project-item.first {aspect-ratio: 1/0.8;}
    .difference-btn {margin: 0 auto !important; left: 0; right: 0;}
    .intro-right-sec.experience:before { width: 100% !important; right: 0 !important; left: auto !important; }
    .banner-inner-bottom-right-sec {order: 2 !important;}
    .banner-inner-bottom-left-sec {order: 1 !important;}
    .banner-inner-bottom-center-sec {order: 3 !important;}
    .intro-right-sec:before {width: 100vw !important;right: auto !important;left: -20px !important;}
    .complate-project-sec {right: 0 !important;margin: auto !important;}
    .showroom-inner-sec:before {width: 100vw;left: auto;right: 0;}
    .project-video .elementor-custom-embed-image-overlay:before {background: linear-gradient(180deg,rgba(10, 21, 37, 1) 0%,rgba(10, 21, 37, 0) 50%,rgba(10, 21, 37, 1) 100%);}
    .project-item.first, .project-item.second, .project-item.third {aspect-ratio: 1/0.6;}
    .home-cta-sec:after {background: linear-gradient(90deg, rgba(13, 13, 13, 1) 0%, rgba(13, 13, 13, 0.5) 100%);}
    .material-card-sec {width: calc(33.33% - 13.33px) !important;}
    .showroom-materials-inner-sec{display: flex; flex-wrap: wrap !important;}
    .contact-location-sec .elementor-widget-icon-list ul {justify-content: center;}
    .contact-location-sec .elementor-widget-icon-list ul li {height: 38px;padding: 10px 13px;} 
    .topic-inner-sec ul li {padding: 12px 10px !important;height: 38px !important;}   
    .topic-inner-sec ul{justify-content: center;}
    .subscribe-form .elementor-field-type-email { width: 500px !important;}
    .subscribe-form .e-form__buttons {width: 150px !important;}
    .inner-banner-sec:before {background: linear-gradient(90deg, rgb(10 21 37 / 80%) 37.57%, rgba(10, 21, 37, 0.68) 55%, rgba(10, 21, 37, 0.04) 100%) !important;}
    .metallic-project-inner-bottom-img img {height: 100% !important;}
    .privacy-policy-text h2 {font-size: 25px; margin-bottom: 15px !important;}
    .privacy-policy-text p{margin-bottom: 15px !important;}
    .design-your-kitchen-step-col:after {top: 20px;}
    .design-your-countertops-step-inner .design-your-kitchen-step-col::after {top: 25px;}
	.about-story-right-sec.elementor-hidden-tablet {display:none !important;}
	.design-your-whole-home-step-inner .design-your-kitchen-step-col::after {display: none;}
    .methodolgy-inner .methodolgy-inner-item {max-width: 395px;}
    .methodolgy-inner {max-width: 728px;}
    .contact-cta .e-con-inner >.elementor-widget-image {width: 48% !important;}
    .about-values-sec .landing-page-before-after-img .twentytwenty-handle {width: 60px!important;height: 60px!important;margin-left: -30px;margin-top: -30px;}
    .about-values-sec .landing-page-before-after-img .twentytwenty-handle span.twentytwenty-left-arrow {width: 18px;height: 18px;margin-left: -20px;}
    .about-values-sec .landing-page-before-after-img .twentytwenty-handle span.twentytwenty-right-arrow {width: 18px;height: 18px;margin-right: -20px;}
}

@media screen and (max-width:767px) {
    .home-cta-sec:after {background: linear-gradient(90deg, rgba(13, 13, 13, 0.60) 100%, rgba(13, 13, 13, 0.00) 60%);}
    /* .project-item.third .e-con.e-child {aspect-ratio: 1/1.2;} */
    .design-btn { margin: 0 auto !important; left: 0 !important; right: 0 !important;}
    .project-bottom-right-sec {order: 1 !important;}
    .project-bottom-left-sec {order: 2 !important;}
    .showroom-inner-sec:before {width: 100% !important;left: auto;right: 0;}
    .about-team-inner-sec img { width: 100% !important;}
    .about-banner-sec:before {background: linear-gradient(90deg, #0A1525 0%, rgba(10, 21, 37, 0.8) 55%, rgba(10, 21, 37, 0.8) 100%);}
    .about-story-right-sec{display: block !important;}
    .marquee-sec .elementor-widget-heading h4 span span {margin: 0 20px 0 15px;}
    .design-build-sec, .build-right-sec {aspect-ratio: unset !important;}
    .action-sec::before {background-image: linear-gradient(90deg, #122957 100%, #12295700 100%) !important;}
	.project-item.second .elementor-widget-video {height: 420px;}
    .material-card-sec {width: calc(50% - 10px) !important;}
    .inner-banner-sec:before {background: #0A1525 !important;opacity: 0.8 !important;}
    .contact-sec .elementor-widget-image-box h3 {margin: 0 auto;}
    .topic-inner-sec ul {gap: 10px !important;}
    .subscribe-form .elementor-field-type-email { width: 100%;}
    .subscribe-form .elementor-form-fields-wrapper {justify-content: center !important; align-items: center; flex-wrap: wrap;}
    .subscribe-form{width: 100% !important;}
    .kitchen-project-bottom-left-sec .elementor-widget-image img {aspect-ratio: 1/0.513 !important;object-fit: cover;}
    .kitchen-project-bottom-right-top-img img, .kitchen-project-bottom-right-bottom-sec img {aspect-ratio: 1/0.44 !important;object-fit: cover;}
    /* .flooring-need-icon-box .elementor-icon-box-wrapper{display: flex !important; align-items: center !important;} */
    .design-service-need-inner-box-sec .elementor-image-box-wrapper img {width: 100% !important;}
    .outdoor-living-inner-sec img, .include-img img {aspect-ratio: 1/1 !important;}
    .start-sec-img img {aspect-ratio: 1/0.4 !important;}
    .project-loop-carousel-sec .swiper-initialized{ width: 100% !important;}
    .garage-need-inner-sec .elementor-widget-image-box img{width: 100% !important;}
    .privacy-policy-text h2 {font-size: 22px !important;}
    .location-map-left-sec iframe, .location-map-left-sec .elementor-custom-embed {height: 330px !important;}
    .build-right-sec > .e-con.e-child {aspect-ratio: 1/1.5;}
    .build-right-sec > .e-con.e-child:last-child {aspect-ratio: 1/0.75;}
    .portfolio-slider .swiper-initialized {width: 100% !important;}
    .work-before-after-slider .twentytwenty-container {height: 100% !important;}
    .work-before-after-slider .twentytwenty-container img {height: 100% !important;object-fit: cover;}
    .work-before-after-slider .twentytwenty-horizontal {aspect-ratio: 1/1;}
    .work-before-after-slider .twentytwenty-overlay > div::before {font-size: 10px; top: 14px;}
    .work-before-after-slider .twentytwenty-overlay .twentytwenty-after-label::before {left: calc(50% + 14px);}
    .work-before-after-slider .twentytwenty-overlay .twentytwenty-before-label::before {left: 14px;}
    .design-your-kitchen-step-col:after {display: none;}
	.about-story-right-sec.elementor-hidden-mobile {display:none !important;}
    .methodolgy-inner:after, .paln-inner-item:after {display: none;}
    body .space-planning-img-slider .elementor-swiper-button-prev {left: -10px !important;}
    body .space-planning-img-slider .elementor-swiper-button-next {right: -10px !important;}
    .mobile-ht {aspect-ratio: 1/1 !important;}
    .inner-banner-sec {min-height: auto !important;padding-top: 50px;}
    .landing-page-before-after-img .twentytwenty-horizontal .twentytwenty-container {border-radius: 10px !important;}
    .about-values-sec .landing-page-before-after-img .twentytwenty-overlay .twentytwenty-before-label::before, .about-values-sec .landing-page-before-after-img .twentytwenty-overlay .twentytwenty-after-label::before {padding: 10px 10px;font-size: 12px;top: 15px;left: 15px;}
    .about-values-sec .landing-page-before-after-img .twentytwenty-overlay .twentytwenty-after-label::before {left: calc(50% + 15px);}
    .landing-page-before-after-img .twentytwenty-horizontal {height: 250px !important;aspect-ratio: unset !important;}
}

@media screen and (max-width:425px) {
    .project-item.first .e-child {height: 150px !important;}
}