@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  scroll-behavior: auto;
}

:root {
  --nimbus-sans-l: "Nimbus Sans L";
  --plus-jakarta-font: "Plus Jakarta Sans", sans-serif;
  --satoshi-font: "Satoshi";
  --felix-titling: "Felix Titling";
  --Montserrat-font: "Montserrat", sans-serif;
  --white: #ffffff;
  --brown: #542b04;
  --yellowish: #fff9c1;
  --dark: #1e2124;
  --black: #1b2022;
  --grey: #666666;

  --size-18: 18px;
  --size-22: 22px;
  --size-23: 23px;
  --size-24: 24px;
  --size-25: 25px;
  --size-27: 27.5px;
  --size-28: 28px;
  --size-30: 30px;
  --size-32: 32px;
  --size-35: 35px;
  --size-36: 36px;
  --size-38: 38px;
  --size-42: 42px;

  --size-45: 45px;
  --size-56: 56px;
  --size-62: 62px;
  --size-70: 70px;
  --size-73: 73px;

  --size-93: 93px;
  --size-137: 137.44px;
}

body {
  font-size: 18px;
  font-weight: 400;
  line-height: 1.5;
  font-family: var(--satoshi-font);
  color: var(--white);
  overflow-x: hidden;
}

input:focus-visible,
textarea:focus-visible,
select:focus {
  outline: unset;
  box-shadow: unset;
}

button {
  border: unset;
  background-color: transparent;
}

a,
span {
  display: inline-block;
  text-decoration: none;
}

img {
  max-width: 100%;
}

li {
  list-style: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: 1.2;
}

h1 {
  font-size: 93px;
}

h2 {
  font-size: 53px;
}

h3 {
  font-size: 46px;
}

h4 {
  font-size: 40px;
}

h5 {
  font-size: 26px;
}

h6 {
  font-size: 22px;
}

/* style to be included for lenis */

html::-webkit-scrollbar {
  width: 0px;
  background: transparent;
}

html.lenis,
html.lenis body {
  height: auto;
}

.lenis.lenis-scrolling iframe {
  pointer-events: none;
}

html.lenis,
html.lenis body {
  height: auto;
}

.lenis.lenis-smooth {
  scroll-behavior: auto !important;
}

.lenis.lenis-smooth [data-lenis-prevent] {
  overscroll-behavior: contain;
}

.lenis.lenis-stopped {
  overflow: hidden;
}

.lenis.lenis-scrolling iframe {
  pointer-events: none;
}

html {
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.sec-with-bg {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.attach-fixed {
  background-attachment: fixed;
}

.container-fluid {
  padding: 0 60px;
}

.cta {
  padding: 17px 28px;
  display: inline-flex;
  align-items: center;
  justify-self: center;
  gap: 4px;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.4;
  letter-spacing: 0.04em;
  text-align: center;
  text-transform: uppercase;
  color: var(--dark);
  border-radius: 70px;
  background-color: var(--yellowish);
  position: relative;
  overflow: hidden;
  isolation: isolate;
  z-index: 0;
}

.cta span,
.cta img,
.cta svg {
  position: relative;
  z-index: 1;
}

.cta::before {
  content: "";
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  background-color: var(--white);
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform 0.4s ease;
  z-index: -1;
}

.cta:hover::before {
  transform: scaleX(1);
}

.cta:hover {
  color: var(--dark);
}

.cta_white {
  background-color: var(--white);
}

.cta_white::before {
  background-color: var(--yellowish);
}

.cta_white:hover {
  color: var(--dark);
}

.cta_brown {
  background-color: var(--brown);
  color: var(--white);
}

.cta_brown::before {
  background-color: var(--yellowish);
}

.cta_brown:hover {
  color: var(--dark);
	 background-color: transparent;
    transition: background-color 0.4s ease;
}

.cta_yellowish {
  background-color: var(--yellowish);
  color: var(--dark);
}

.cta_yellowish::before {
  background-color: var(--brown);
}

.cta_yellowish:hover {
  color: var(--white);
}

.ovr-hdn {
  overflow: hidden;
}

.pos-rev {
  position: relative;
}

.pb-90 {
  padding-bottom: 90px;
}
.pb-100 {
  padding-bottom: 100px;
}
.pt-80 {
  padding-top: 80px;
}
.pt-90 {
  padding-top: 90px;
}

.pt-70 {
  padding-top: 70px;
}

.pt-260 {
  padding-top: 260px;
}

.pb-110 {
  padding-bottom: 110px;
}

.p-100 {
  padding: 100px 0;
}

.pb-60 {
  padding-bottom: 60px;
}

.pb-120 {
  padding-bottom: 120px;
}

.pb-140 {
  padding-bottom: 140px;
}
.pt-140 {
  padding-top: 140px;
}

.pt-135 {
  padding-top: 135px;
}

.pb-150 {
  padding-bottom: 150px;
}
.pt-150 {
  padding-top: 150px;
}
.mt-34 {
  margin-top: 30px;
}

.mt-45 {
  margin-top: 45px;
}
.mt-163 {
  margin-top: 163px;
}

.ft_90 {
  font-size: 90px;
}

.pt-200 {
  padding-top: 200px;
}

.pt-120 {
  padding-top: 120px;
}

.pb-265 {
  padding-bottom: 268px;
}

header {
  padding: 16px 0;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  /* inset: 0 0 auto 0; */
  z-index: 9999;
  transition:
    background-color 0.3s ease,
    padding 0.3s ease;
}
header.header2 {
  background-color: var(--brown);
}

header.active {
  background-color: var(--brown);
  padding: 5px 0;
}

header.active .navbar {
  align-items: center;
  transition: 0.3s ease-in all;
}

header .navbar {
  align-items: start;
  padding: 0 !important;
}

header .navbar-brand {
  padding-right: 92px;
}

header .navbar-brand img {
  transition: 0.3s ease-in all;
}

header.active .navbar-brand img {
  max-width: 60px;
}

header .navbar .navbar-nav {
  gap: 40px;
}

header .nav-link {
  color: var(--white);
  font-size: 15px;
  text-transform: uppercase;
  font-weight: 500;
  font-family: var(--satoshi-font);
}

header .nav-link:hover {
  webkit-text-stroke: 1.3px;
  color: var(--white);
}
header .nav-link:focus {
  webkit-text-stroke: 1.3px;
  color: var(--white);
}

.hdr-btn a {
  position: relative;
  display: block;
  padding: 14px 31px;
  background-color: #ffffff0f;
  color: var(--white);
  font-size: 14px;
  font-weight: 500;
  font-family: var(--satoshi-font);
  text-transform: uppercase;
  border-radius: 70px;
  overflow: hidden;
  isolation: isolate;
  z-index: 0;
}

.hdr-btn a span,
.hdr-btn a img,
.hdr-btn a svg {
  position: relative;
  z-index: 1;
}

.hdr-btn a::after {
  content: "";
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  background-color: var(--yellowish);
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform 0.4s ease;
  z-index: -1;
}

.hdr-btn a:hover::after {
  transform: scaleX(1);
}

.hdr-btn a:hover {
  color: var(--dark);
}

.hdr-btn a:hover::before {
  display: none;
}

.hdr-btn a::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 70px;
  padding: 0.8px;
  background: linear-gradient(
    90deg,
    #666666 0%,
    rgba(255, 255, 255, 0.15) 100%
  );
  mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  mask-composite: exclude;
}

.header.active .hdr-btn a::before {
  display: none;
}

header .navbar-toggler {
  color: white;
}

footer {
  background-size: cover;
  position: relative;
}

footer .top-ft {
  padding-top: 149px;
  padding-bottom: 136px;
}
footer .spcr {
  height: 1px;
  max-width: 1800px;
  margin: auto;

  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.16) 50%,
    rgba(255, 255, 255, 0) 100%
  );
}
footer .btm-ft {
  padding-inline: 20px;
  padding-top: 39px;
  padding-bottom: 31px;
  text-align: center;
  font-size: var(--size-18);
  color: var(--white);
}

footer .top-ft .inr {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
}

footer .top-ft .inr .logo-box {
  max-width: 396px;
}

footer .top-ft .inr .logo-box p {
  margin-top: 27px;
}

footer .top-ft .inr .link-box h6 {
  font-weight: 700;
  font-family: var(--plus-jakarta-font);
  color: var(--yellowish);
  text-transform: uppercase;
}

footer .top-ft .inr .link-box ul {
  display: flex;
  flex-direction: column;
  gap: 15px;
  list-style: none;
  padding: 0;
  margin-top: 20px;
}

footer .top-ft .inr .link-box ul li a {
  color: var(--white);
}

footer .top-ft .inr .link-box .cnct {
  margin-top: 48px;
}
footer .top-ft .inr .link-box .cnct .cntc-icons {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 13px;
}
footer .top-ft .inr .link-box .cnct .cntc-icons a {
  height: 38px;
  width: 38px;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0.8px solid #ffffff1a;
  color: var(--white);
  transition: all 0.3s ease-in-out;
}

footer .top-ft .inr .link-box .cnct .cntc-icons a:hover {
  background-color: var(--brown);
  color: var(--white);
}

footer .top-ft .inr .link-box.cntct-info li {
  display: flex;
  align-items: start;
  gap: 14px;
}
footer .top-ft .inr .link-box.cntct-info ul li svg {
  margin-top: 6px;
}

footer .top-ft .inr .link-box.cntct-info li:first-child {
  max-width: 260px;
}

/* home_banner */
.hom_baner {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 284px 0 162px;
}

.hom_baner h1 span {
  display: block;
  color: var(--yellowish);
  font-family: var(--felix-titling);
}
.hom_baner h1 {
  color: var(--white);
  padding-bottom: 40px;
  position: relative;
  font-weight: 500;
  font-family: var(--plus-jakarta-font);
}

.hom_baner h1::after {
  content: "";
  position: absolute;
  width: 333.24px;
  max-width: 100%;
  height: 1px;
  left: 0;
  bottom: 25px;
  margin-top: 20px;
  background: linear-gradient(90deg, #fff9c1 0%, rgba(255, 249, 193, 0) 100%);
}
.baner_subtext {
  font-size: var(--size-28);
  color: var(--white);
  font-weight: 500;
  max-width: 427px;
  line-height: 1.2;
  text-transform: uppercase;
}

.banner_text {
  font-size: var(--size-22);
  color: var(--white);
  max-width: 542px;

  margin: 16px 0 33px;
}
.baner-btn {
  display: flex;
  gap: 14px;
}

/* home_banner_end */

/* home-slider */
/* home-slider */
.flooring-slice__heading {
  text-align: center;
  font-family: var(--plus-jakarta-font);
  font-weight: 500;
  color: var(--dark);
  max-width: 899px;
  margin: 0 auto 48px;
}

/* ---- Slick wrapper ---- */
.flooring-slider {
  margin: 0 -10px var(--size-30);
}

.flooring-slider .slick-slide {
  padding: 0 10px;
}

/* ---- Card ---- */
.flooring-card {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

.flooring-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.35s ease;
}

.flooring-card:hover img {
  transform: scale(1.06);
}

.flooring-card .flooring-card__label {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: end;
  justify-content: center;
  font-size: var(--size-30);
  text-align: center;
  padding: 32px 12px;

  font-weight: 500;
  font-family: var(--plus-jakarta-font);
}

/* home-slider */

.flooring-slider .slick-track {
  display: flex;
  left: 100%;
}

.flooring-slider .slick-track .flooring-card {
  height: auto;
  min-height: 600px;
}

/* text reveal  */
.text-reveal .color-animation {
  max-width: 981px;
  margin: auto;
}
.text-reveal {
  position: relative;
}
.text-reveal::after {
  content: "";
  position: absolute;
  left: 10%;
  bottom: -65%;
  background-image: url("../img/txt-rvl.png");
  height: 293px;
  width: 339px;
  background-repeat: no-repeat;
  background-size: contain;
  z-index: -1;
}

.text-reveal .color-animation h3 {
  font-size: 44px;

  font-family: var(--plus-jakarta-font);
  font-weight: 500;
  text-align: center;
}

.text-reveal .btn-box {
  display: flex;
  justify-content: center;
  margin-top: 38px;
  gap: 10px;
}

/* gallery 1  */

.glry-1 .container-fluid {
  background-size: cover;
  height: 796px;
  background-attachment: fixed;
  position: relative;
  max-width: 1552px;
  margin: auto;
}

.glry-1 h2 {
  font-family: var(--plus-jakarta-font);
  font-weight: 600;
}

.glry-1 .lft {
  max-width: 601px;
  position: absolute;
  left: 100px;
  top: 100px;
}

.glry-1 .rgt {
  max-width: 590px;
  bottom: 90px;
  right: 76px;
  position: absolute;
}

.glry-1 .rgt h5 {
  font-size: var(--size-32);
}

/* gallery 2   */

.glry-2 {
  background-size: cover;
  height: 939px;
  background-attachment: fixed;
  position: relative;
  display: flex;
  align-items: center;
}
.glry-2 .baner-btn {
  margin-top: 81px;
  justify-content: center;
}

.glry-2.prdct-pg .box {
  max-width: 703px;
}
.glry-2 .box {
  text-align: center;

  margin: auto;
}
.glry-2 .box .top {
  margin-bottom: 40px;
}
.glry-2 .box h2 {
  font-weight: 700;
  font-family: var(--plus-jakarta-font);
  max-width: 640px;
  margin-inline: auto;
}

.glry-2 .box h5 {
  font-weight: 500;
  font-family: var(--plus-jakarta-font);
  font-size: var(--size-42);
  max-width: 810px;
  margin-inline: auto;
}

.glry-2 .box h5 span {
  color: #ffffff82;
  display: inline;
}

.glry-2 .btn-box {
  margin-top: 40px;
}

/* gallery 2 with image float  */

.glry-2.float-img {
  background-color: var(--brown);
  background-image: unset;
}

.glry-2.float-img .img-box {
  position: absolute;
  inset: 0;
  padding: 100px;
  pointer-events: none;
  z-index: -1;
}

.glry-2.float-img .img-box img {
  position: absolute;
  border-radius: 12px;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.15);
  animation: float-bubble 6s ease-in-out infinite;
  /* z-index: -1; */
}

/* image 1 */
.glry-2.float-img .img-box img:nth-child(1) {
  left: 234px;
  top: 139px;
  width: 180px;
  animation-delay: 0s;
}

/* image 2 */
.glry-2.float-img .img-box img:nth-child(2) {
  right: 438px;
  top: 20px;
  width: 140px;
  animation-delay: 1.2s;
}

/* image 3 */
.glry-2.float-img .img-box img:nth-child(3) {
  right: 90px;
  top: 80px;
  width: 200px;
  animation-delay: 2.4s;
}

/* image 4 */
.glry-2.float-img .img-box img:nth-child(4) {
  right: 235px;
  bottom: 127px;
  width: 160px;
  animation-delay: 3.6s;
}

/* image 5 — was missing/overwritten before */
.glry-2.float-img .img-box img:nth-child(5) {
  left: 89px;
  bottom: 168px;
  width: 150px;
  animation-delay: 4.8s;
}

@keyframes float-bubble {
  0% {
    transform: translateY(0) scale(1);
  }
  50% {
    transform: translateY(-14px) scale(1.02);
  }
  100% {
    transform: translateY(0) scale(1);
  }
}

.glry-2.float-img .img-box img {
  transition: opacity 0.5s ease;
}

/* choose us  */

/* .choose-us-sec{
  max-width: 1920px;
  margin: auto;
} */

.choose-us {
  display: grid;
  grid-template-columns: repeat(2, 1fr);

  position: relative;
}

.choose-us .lft img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.choose-us::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  background-image: url("../img/choose-bg.png");
  height: 494px;
  width: 271px;
  background-repeat: no-repeat;
  background-size: contain;
  z-index: -1;
}

.choose-us .rgt {
  padding: 150px 113px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.choose-us .rgt .title {
  max-width: 402px;
}
.choose-us .rgt .title h2 {
  font-family: var(--plus-jakarta-font);
  font-weight: 500;
  color: var(--dark);
}

.choose-us .rgt ul {
  list-style: 0;
  padding: 0;
  color: var(--dark);
  font-size: var(--size-22);
  margin-top: 16px;
  margin-bottom: 48px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.choose-us .rgt ul li {
  position: relative;
  padding-left: 43px;
}

.choose-us .rgt ul li::before {
  content: "";
  position: absolute;
  left: 0px;
  top: 6px;
  height: 26px;
  width: 26px;
  background-image: url(../img/list.svg);
}

/* footer top sec  */

.top-ft-sec {
  background-size: cover;

  position: relative;
  display: flex;
  align-items: center;
}

.top-ft-sec .box {
  max-width: 764px;
  margin: auto;
}
.top-ft-sec .title h2 {
  font-family: var(--felix-titling);
  font-size: var(--size-56);
  text-align: center;
  color: var(--white);
  opacity: 0.1;
}
.top-ft-sec .baner-btn {
  justify-content: center;
  margin-top: -25px;
}
.top-ft-sec .call-us {
  margin-top: -50px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.top-ft-sec .call-us h2 {
  font-size: var(--size-70);
  color: var(--white);
  text-align: center;
  font-family: var(--plus-jakarta-font);
  text-transform: uppercase;
}

.top-ft-sec .call-us a {
  color: var(--yellowish);
  font-size: var(--size-27);
}

/* transform your space  */

.trnsfrm-spce {
  background: linear-gradient(
    140deg,
    rgba(255, 249, 193, 0.2),
    rgba(255, 255, 255, 0.2)
  );
}

.trnsfrm-spce .box {
  max-width: 828px;
  margin: auto;
}

.trnsfrm-spce .box h2 {
  font-size: var(--size-70);
  font-family: var(--plus-jakarta-font);
  color: var(--dark);
  text-align: center;
  font-weight: 400;
  text-transform: uppercase;
  position: relative;
  margin-bottom: 50px;
}

.trnsfrm-spce .box h2::after {
  content: "";
  position: absolute;

  width: 160px;
  height: 1px;
  bottom: -19px;
  left: 50%;
  transform: translateX(-50%);

  background: linear-gradient(
    90deg,
    rgba(10, 10, 10, 0) 9.2%,
    #0a0a0a 52.01%,
    rgba(10, 10, 10, 0) 94.83%
  );
}

.trnsfrm-spce .box p {
  font-size: var(--size-22);
  color: var(--grey);
  font-weight: 400;
  text-align: center;
  max-width: 750px;
  margin: auto;
}

.trnsfrm-spce .baner-btn {
  justify-content: center;
  margin-top: 35px;
}

.trnsfrm-spce .box h2 span {
  font-family: var(--felix-titling);
}

@media screen and (max-width: 1199px) {
  .bar3 {
    margin: 0;
  }
  .bar {
    display: block;
    height: 2px;
    background-color: #fff;
    width: 25px;
    margin-bottom: 4px;
  }
  .navbar-toggler[aria-expanded="true"] .bar.bar1 {
    transform: rotate(45deg);
  }

  .navbar-toggler[aria-expanded="true"] .bar {
    margin: -2px;
    transition: all 0.3s ease-in-out;
  }

  .navbar-toggler[aria-expanded="true"] .bar.bar3 {
    transform: rotate(-45deg);
  }

  .navbar-toggler[aria-expanded="true"] .bar.bar2 {
    display: none;
  }
}

.logo-wrap-hdr {
  grid-column: 2;
  justify-self: center;
}
.logo-wrap {
  gap: 1.5px;
  flex-direction: column;
  justify-content: center;
  position: relative;
  overflow: hidden;
  background: linear-gradient(
    90deg,
    rgba(5, 36, 36, 0) 0%,
    rgba(5, 36, 36, 0.11) 50%,
    rgba(5, 36, 36, 0) 100%
  );
}

.bg-glow {
  position: absolute;
  height: 400px;
  width: 400px;
  border-radius: 50%;
  pointer-events: none;
  background: radial-gradient(
    circle at center,
    #542b04f5 0%,
    #542b0430 70%,
    transparent 100%
  );
  z-index: 2;
}

.logo-row {
  display: flex;
  gap: 2px;
  justify-content: center;
}

.logo-row:first-child .log-col::after,
.logo-row .log-col:first-child::after {
  display: none;
}

.row-top .log-col,
.row-btm .log-col {
  height: 100px;
}

.log-col {
  flex: 1;
  background-color: #fff;
  padding: 50px 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 3;
}

.log-col:first-child,
.log-col:last-child {
  width: 100px;
  flex: unset;
}

.row-mid .log-col:not(:first-child):not(:last-child)::before {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  background: radial-gradient(
    circle at 70% 70%,
    #542b0410 0%,
    #542b0430 50%,
    #542b0405 75%,
    transparent 100%
  );
  bottom: 0;
  right: 0;
  opacity: 0;
}

.row-mid .log-col:not(:first-child):not(:last-child):hover::before {
  opacity: 0.3;
}

.row-top .log-col,
.row-btm .log-col {
  height: 100px;
}

.row-mid .log-col::after,
.row-btm .log-col::after {
  content: "";
  position: absolute;
  width: 18px;
  height: 18px;
  background: url("../img/plus.png") no-repeat center;
  background-size: contain;
  top: 0;
  left: 0;
  transform: translate(-50%, -50%);
  z-index: 5;
  opacity: 0.2;
  animation: plusPulse 2s ease-in-out infinite;
}

.logo-row:first-child .log-col::after,
.logo-row .log-col:first-child::after {
  display: none;
}

@keyframes plusPulse {
  0% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 0.2;
  }

  50% {
    transform: translate(-50%, -50%) scale(1.3);
    opacity: 0.8;
  }

  100% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 0.2;
  }
}

.carrer-highlights {
  color: #1e2124;
}

.carrer-highlights__subtitle {
  color: #b7b9ba;
  font-family: var(--plus-jakarta-font);
  font-weight: 600;
  font-size: 18px;
}

.carrer-highlights__title {
  max-width: 900px;
}

.log-img img {
  width: 160px;
  height: auto;
  margin-block: 70px;
}
.log-img {
  position: relative;
}

.log-img img {
  display: block;
  transition: opacity 0.4s ease;
  opacity: 1;
}

.log-cntnt {
  display: flex;
  flex-direction: column;
  gap: 10px;
  text-align: center;
  color: #000;
}

.for-991 {
  display: none;
}

.bacs-main-slider {
  max-width: 1268px;
  width: 100%;
  margin: 0 auto;
  /* border-radius: 32px; */
  overflow: hidden;
  transition: all 0.2s ease;
  color: #1e2124;
}
.basc-main-slider-prnt {
  position: relative;
  overflow: hidden;
}
.basc-main-slider-prnt .logo-anime {
  position: absolute;
  bottom: 6%;
  z-index: -10;
}

.cntform-floor .logo-anime {
  position: absolute;
  /* left:70%; */
  bottom: 0%;
  z-index: 10;
}

.logo-anime {
  animation: logoBgLeftToRight 8s ease-in-out infinite alternate;
}

@keyframes logoBgLeftToRight {
  from {
    transform: translateX(-70%);
  }

  to {
    transform: translateX(70%);
  }
}

.bacs-slides-wrapper {
  position: relative;
  width: 100%;
  min-height: 300px;
}

.bacs-slide {
  display: none;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
}

.bacs-slide.bacs-active {
  display: block;
  position: relative;
  opacity: 1;
  pointer-events: auto;
  z-index: 2;
  margin-top: 45px;
}

.bacs-trnsfrm-img {
  width: 100%;
  height: 100%;
}

.bacs-trnsfrm-img > .bacs-container {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  --bacs-position: 50%;
  cursor: ew-resize;
  border-radius: 0;
}

.bacs-image-container {
  width: 100%;
  height: 100%;
  position: relative;
  display: block;
  overflow: hidden;
}

.bacs-slider-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  user-select: none;
  pointer-events: none;
}

.bacs-image-before {
  position: absolute;
  inset: 0;
  z-index: 3;
  clip-path: inset(0 calc(100% - var(--bacs-position, 50%)) 0 0);
  will-change: clip-path;
}

.bacs-image-after {
  position: absolute;
  inset: 0;
  z-index: 1;
}

.bacs-slider-line {
  position: absolute;
  top: 0;
  bottom: 0;
  left: var(--bacs-position, 50%);
  width: 4px;
  background: white;
  transform: translateX(-50%);
  z-index: 15;
  pointer-events: none;
  border-radius: 4px;
}
.bacs-slider-button {
  position: absolute;
  top: 50%;
  left: var(--bacs-position, 50%);
  transform: translate(-50%, -50%);
  width: 48px;
  height: 48px;
  background: none;
  border: 3px solid #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 20;
  pointer-events: none;
  color: #fff;
  transition: transform 0.1s ease;
}

.bacs-slider-button svg {
  width: 28px;
  height: 28px;
  stroke-width: 1.8;
}

.bacs-slider {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 40;
  background: none;
  appearance: none;
  cursor: ew-resize;
  opacity: 0;
  margin: 0;
}

.bacs-slider:focus-visible {
  outline: 2px solid #4da3ff;
  opacity: 0.08;
}

.bacs-slider_desc {
  color: #666666;
  font-size: var(--size-22);
  max-width: 900px;
  margin-inline: auto;
}
.bacs-slider_subtitle {
  color: #b7b9ba;
  font-size: 18px;
  font-size: var(--plus-jakarta-font);
  font-weight: 600;
}

.bacs-slide .bacs-container {
  width: 100%;
}

.chat-icon {
  height: 78px;
  width: 78px;
  border-radius: 100%;
  background-color: var(--yellowish);
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  z-index: 1000;
  right: 60px;
  bottom: 25%;
  transition: bottom 0.3s ease;
}
footer .back-top {
  font-size: var(--size-24);
  font-family: var(--plus-jakarta-font);
  display: flex;
  align-items: center;
  gap: 11px;
  color: var(--white);
  position: absolute;
  right: 70px;
  bottom: 20%;
}

/* bhanuu   */

.size-20 {
  font-size: 20px;
}

.flex-col {
  display: flex;
  flex-direction: column;
}

.d-flex {
  display: flex;
  /* align-items: center; */
}

.carpet-banner span {
  font-weight: 400;
  font-family: var(--felix-titling);
}
.carpet-banner h2 span {
  color: var(--yellowish);
}

.carpet-banner .breadcrumb {
  gap: 10px;
  font-size: 16px;
  font-weight: 300;
  margin: 14px 0 0;
  font-family: var(--plus-jakarta-font);
}

.carpet-banner .breadcrumb a {
  color: var(--white);
}

.carpet-banner .breadcrumb span {
  font-family: var(--plus-jakarta-font) !important;
}

/* .filter-sec .filter-left-side {
  border-right: 1px solid #d9d9d94d;
  padding-right: 50px;
  font-family: var(--plus-jakarta-font) !important;
  height: 100%;
}

.filter-sec .filter-group {
  border-bottom: 1px solid #d9d9d94d;
}

.filter-sec .filter-group summary {
  padding: 20px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 16px;
  font-weight: 500;
  color: var(--dark);
}

.filter-sec .filter-body {
  padding: 0 0 22px 16px;
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.filter-sec .filter-body input[type="checkbox"] {
  width: 16px;
  height: 16px;
  accent-color: #d9d9d94d;
  cursor: pointer;
}

.filter-sec .filter-body label {
  display: flex;
  align-items: center;
  gap: 9px;
  font-size: 14px;
  color: var(--dark);
  cursor: pointer;
}

.filter-sec .filter-body label span.count {
  color: var(--grey);
  margin-left: auto;
  font-size: 12px;
}

.filter-sec .clear-all.cta {
  padding: 15px 33px;
}

.filter-sec .filter-group summary::-webkit-details-marker {
  display: none;
}

.filter-sec .filter-group summary::after {
  content: "⌄";
  color: var(--dark);
  font-weight: 500;
  font-size: 28px;
  line-height: 100%;
  margin-right: -5px;
}

.filter-sec .filter-group[open] summary::after {
  content: "⌃";
}

.filter-left-side h6 {
  color: var(--dark);
}

.filter-sec .filters-search input {
  width: 100%;
  padding: 14px 45px 14px 13px;
  font-size: 12px;
  border: 1px solid #d9d9d94d;
  color: var(--dark);
  max-width: 85%;
}

.filter-sec .filters-search input::placeholder {
  color: var(--grey);
}

.filter-sec .filters-search {
  padding: 10px 0 20px;
  border-bottom: 1px solid #d9d9d94d;
  position: relative;
}

.filter-sec .filters-search i {
  color: var(--dark);
  position: absolute;
  top: 45%;
  transform: translateY(-50%);
  right: 19%;
} */

/* scroll side  */

.filter-sec .filter-left-side {
  border-right: 1px solid #d9d9d94d;
  padding-right: 50px;
  font-family: var(--plus-jakarta-font) !important;
  height: 100%;
    transition: height 0.05s linear;
 
  display: flex;
  flex-direction: column;
}

.filter-left-side__scroll {
  flex: 1;
  overflow-y: auto;
  overscroll-behavior: contain;
  min-height: 0; 
   padding-right: 50px;
}
.filter-left-side__header {
  flex-shrink: 0;
  padding-bottom: 20px;
  border-bottom: 1px solid #d9d9d94d;
}

.filter-left-side__header h6 {
  margin: 0;
  color: var(--dark);
}

.filter-left-side__footer {
  flex-shrink: 0;
  padding-top: 20px;
  border-top: 1px solid #d9d9d94d;
}

.filter-sec .clear-all.cta {
  width: 100%;
  justify-content: center;
  padding: 15px 33px;
}


.filter-sec .filter-group {
  border-bottom: 1px solid #d9d9d94d;
}

.filter-sec .filter-group summary {
  padding: 20px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 16px;
  font-weight: 500;
  color: var(--dark);
}

.filter-sec .filter-body {
  padding: 0 0 22px 16px;
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.filter-sec .filter-body input[type="checkbox"] {
  width: 16px;
  height: 16px;
  accent-color: #d9d9d94d;
  cursor: pointer;
}

.filter-sec .filter-body label {
  display: flex;
  align-items: center;
  gap: 9px;
  font-size: 14px;
  color: var(--dark);
  cursor: pointer;
}

.filter-sec .filter-body label span.count {
  color: var(--grey);
  margin-left: auto;
  font-size: 12px;
}

.filter-sec .filter-group summary::-webkit-details-marker {
  display: none;
}

.filter-sec .filter-group summary::after {
  content: "⌄";
  color: var(--dark);
  font-weight: 500;
  font-size: 28px;
  line-height: 100%;
  margin-right: -5px;
}

.filter-sec .filter-group[open] summary::after {
  content: "⌃";
}

.filter-left-side h6 {
  color: var(--dark);
}

.filter-sec .filters-search input {
  width: 100%;
  padding: 14px 45px 14px 13px;
  font-size: 12px;
  border: 1px solid #d9d9d94d;
  color: var(--dark);
  max-width: 85%;
}

.filter-sec .filters-search input::placeholder {
  color: var(--grey);
}

.filter-sec .filters-search {
  padding: 10px 0 20px;
  border-bottom: 1px solid #d9d9d94d;
  position: relative;
}

.filter-sec .filters-search i {
  color: var(--dark);
  position: absolute;
  top: 45%;
  transform: translateY(-50%);
  right: 19%;
}


.card-content {
  color: var(--dark);
  font-family: var(--plus-jakarta-font) !important;
}

.card-content span {
  color: var(--brown);
  font-weight: 500;
  font-size: 12px;
}

.card-content h6 {
  font-size: 18px;
  margin: 3px 0 10px;
}

.card-content .inner-con-side {
  justify-content: space-between;
}

.card-content .inner-con-side span {
  font-size: 14px;
  color: var(--grey);
}

.product-card .anchor-side a {
  font-size: 12px;
  color: var(--brown);
  text-align: right;
  text-decoration: underline;
}

.product-card,
.filter-pagination {
  gap: 15px;
}

.filter-ryt-side .filter-ryt-iner {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}

.filter-pagination .page-btn {
  width: 59px;
  height: 59px;
  border-radius: 50%;
  border: 1px solid #d9d9d94d;
  background: #fff;
  color: var(--grey);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.filter-pagination .page-btn.active {
  border-color: transparent;
  color: var(--dark);
  background: #d9d9d94d;
  font-weight: 600;
}

.page-btn.next {
  background: var(--dark);
  border-color: var(--dark);
  color: var(--white);
}

.page-btn:hover {
  opacity: 0.8;
}

.filter-ryt-side {
  padding-left: 30px;
}

.results-header {
  font-family: var(--plus-jakarta-font);
}

.results-count {
  font-weight: 300;
  font-size: 16px;
  color: var(--dark);
}

/* .sort-wrapper {
  background: #fff;
  padding: 11px;
  border: 1px solid #d9d9d94d;
  font-weight: 300;
  font-size: 16px;
  color: var(--dark);
  gap: 5px;
} */

.sort-select {
  border: none;
  outline: none;
  background: transparent;
  cursor: pointer;
  padding-right: 12px;
}

/* product details page  */
.prd-detsils-brdcm .breadcrumb {
  margin: 0;
  color: var(--dark);
  gap: 8px;
  font-family: var(--plus-jakarta-font);
  font-weight: 300;
  font-size: 16px;
}

.prd-detsils-brdcm .breadcrumb a {
  color: var(--dark);
}

.prd-detsils-brdcm .breadcrumb b {
  font-weight: 500;
}

.quality-inner-img img {
  width: 100px;
  height: 100px;
  object-fit: cover;
}

.quality-bt-wrp {
  margin-top: 12px;
  gap: 12px;
}

.quality-bt-wrp .active {
  border: 1px solid #1e2124;
}

.quality-tp-img img {
  max-width: 100%;
  object-fit: cover;
  width: 690px;
  height: 556px;
}

.quality-right {
  font-family: var(--plus-jakarta-font);
  color: var(--dark);
  padding-top: 40px;
}

.quality-right h4 {
  font-size: var(--size-36);
}

.carpet-con {
  gap: 6px;
  font-size: 16px;
  padding: 20px 0 25px;
  border-bottom: 1px solid #d9d9d94d;
}

.carpet-con p {
  color: var(--brown);
  font-weight: 500;
}

.carpet-con span {
  color: var(--grey);
}

.q-mid-pera p {
  font-family: var(--satoshi-font);
  max-width: 630px;
}

.q-mid-pera {
  padding: 25px 0 35px;
}

.quality-right p {
  margin: 0;
}

.clr-image-wrp .image-cl-div {
  width: 24px;
  height: 24px;
  justify-content: center;
  align-items: center;
}

.clr-image-wrp .image-cl-div img {
  width: 100%;
}

.clr-div,
.clr-image-wrp {
  gap: 6px;
}

.clr-div span {
  color: var(--brown);
}

.clr-div p {
  font-size: 16px;
  font-weight: 500;
  font-family: var(--satoshi-font);
}

.clr-image-wrp .active {
  border: 0.5px solid #1e2124;
}

.clr-image-wrp .active img {
  width: 16px;
  height: 16px;
}

.quality-btn-side .req-btn {
  border: 1px solid #fff9c1;
  background: transparent;
}

.quality-btn-side a {
  padding: 15px 23px;
}

.quality-btn-side {
  gap: 15px;
  border-bottom: 1px solid #d9d9d94d;
  padding: 35px 0 25px;
}

.clr-image-wrp {
  margin-top: 12px;
  flex-wrap: wrap;
}

.dwm-achore a {
  color: var(--dark);
  font-size: 14px;
  text-decoration: underline;
  margin-top: 25px;
}

.specfy-wrapper {
  background: linear-gradient(
    140deg,
    rgba(255, 249, 193, 0.2),
    rgba(255, 255, 255, 0.2)
  );

  /* background: linear-gradient(180deg, #fff9c1 0%, #ffffff 100%); */
  border: 1px solid #d9d9d9;
  color: var(--dark);
  padding: 60px 140px;
}

.specfy-wrapper h2,
.req-wrapper h2 {
  text-align: center;
}

.spcf-item p {
  margin: 0;
  color: var(--grey);
  width: 50%;
}

.spcf-item span {
  font-weight: 500;
}

.spcfy-iner-wrp .spcfy-left,
.spcfy-iner-wrp .spcfy-right {
  width: 50%;
  position: relative;
  gap: 20px;
}

.spcfy-iner-wrp .spcfy-left::after {
  content: " ";
  position: absolute;
  background-color: #d9d9d980;
  width: 2px;
  height: 100%;
  right: 14%;
}

.carpet-banner,
.related-sec {
  background-color: var(--brown);
}

.related-sec .pro-image img {
  width: 100%;
}

.related-sec .card-content,
.related-sec .card-content span,
.related-sec .product-card .anchor-side a {
  color: var(--white);
}

.related-sec .product-card {
  border: 1px solid #ffffff1a;
  padding: 15px;
  transition: transform 0.3s ease;
}

.related-sec .product-card:hover {
  transform: translateY(-4px);
}

.req-form input,
.req-form textarea {
  width: 100%;
  background: #d9d9d91a;
  border: 1px solid #d9d9d933;
  padding: 22px 20px;
  margin-bottom: 20px;
}

.req-form .req-field {
  width: 100%;
}

.req-form .req-row {
  gap: 20px;
}

form.req-form {
  max-width: 980px;
  margin: 50px auto 0;
  width: 100%;
}

.req-wrapper,
.locations-sec {
  color: var(--dark);
}

.req-checkbox input[type="checkbox"] {
  width: 20px;
  height: 20px;
  margin: 0;
}

.req-checkbox label {
  gap: 8px;
}

.req-checkbox label span {
  font-size: 14px;
}

.req-submit button {
  padding: 15px 42px;
}

.req-sec {
  position: relative;
  overflow: hidden;
}

/* .req-sec::after {
  content: "";
  position: absolute;
  width: 600px;
  height: 290px;
  background: url("../img/chicago.png") center center / contain no-repeat;
  bottom: -8%;
  z-index: -1;
  right: -100px;
  pointer-events: none;
  animation: moveText 15s linear infinite;
}

@keyframes moveText {
  from {
    right: -500px;
  }

  to {
    right: 100%;
  }
} */

/* 05-Service Areas page  */
.find-wrapper h6 {
  font-size: var(--size-32);
}

.find-wrapper {
  padding: 60px;
  /* background: linear-gradient(180deg, #fff9c1 0%, #ffffff 100%); */
  background: linear-gradient(
    140deg,
    rgba(255, 249, 193, 0.2),
    rgba(255, 255, 255, 0.2)
  );
  border: 1px solid #d9d9d9;

  max-width: 1400px;
  width: 100%;
  margin-inline: auto;
}

.find-form {
  gap: 30px;
  display: grid;
  grid-template-columns: 510px 510px 190px;
}

.location-wrapper h2 {
  text-align: center;
  font-family: var(--plus-jakarta-font);
}

.find-input input,
.find-input select {
  width: 100%;
  padding: 22px 20px;
  border: 1px solid #d9d9d933;
  background: #d9d9d91a;
  font-size: 18px;
}

.select-box {
  position: relative;
}

.find-input select {
  appearance: none;
  -webkit-appearance: none;
  padding-right: 25px;
  cursor: pointer;
}

.select-box::after {
  content: "⌄";
  position: absolute;
  top: 44%;
  right: 10px;
  transform: translateY(-50%);
  font-size: 30px;
  color: var(--grey);
  pointer-events: none;
}

.find-wrapper h6 {
  font-size: var(--size-32);
  margin-bottom: 20px;
  font-family: var(--plus-jakarta-font);
}

.find-input input::placeholder {
  color: var(--grey);
}

.find-form button {
  padding: 26px 70px;
}

.tab-item {
  background: #ffffff;
  border: 1px solid #fff9c1;
  border-radius: 70px;
  padding: 15px 30px;
  font-size: 12px;
  font-weight: 500;
  cursor: pointer;
  text-transform: uppercase;
  white-space: nowrap;
  color: var(--dark);
  transition:
    background 0.15s ease,
    border-color 0.15s ease;
}

.tab-list {
  gap: 13px;
}

.tab-item.active {
  border-color: #fff9c1;
  background: #fff9c1;
}

.tab-wrapper {
  position: relative;
  max-width: 1400px;
  margin: auto;
}

.tab-nav-row {
  gap: 10px;
  margin-bottom: 50px;
}

.panel-title {
  text-align: center;
  font-size: var(--size-36);
  color: var(--dark);
}

.zip-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  column-gap: 20px;
  row-gap: 14px;
}

.tab-scroll {
  flex: 1;
  overflow-x: auto;
  scroll-behavior: smooth;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.tab-scroll::-webkit-scrollbar {
  display: none;
}

.tab-item:hover {
  border-color: #d8cbae;
}

.tab-item.disabled {
  color: #c9c3b6;
  cursor: default;
  pointer-events: none;
}

.tab-arrows-group {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-shrink: 0;
}

.tab-arrow {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid #ede2a6;
  background: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  flex-shrink: 0;
  font-size: 15px;
  color: #2b271f;
  transition:
    background 0.15s ease,
    border-color 0.15s ease;
}

.tab-arrow:hover {
  background: #fbf7e2;
  border-color: #e4d57a;
}

.tab-arrow.disabled {
  opacity: 0.35;
  cursor: default;
  pointer-events: none;
}

/* ---------- panel ---------- */
.tab-panel {
  display: none;
}

.tab-panel.active {
  display: block;
}

.zip-item {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 18px;
  color: var(--dark);
  margin-bottom: 14px;
  font-family: var(--Montserrat-font);
}
.zip-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  column-gap: 20px;
  row-gap: 14px;
  margin-top: 36px;
}
.zip-item svg {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
}

.top-ftr-bner-title .title h2 {
  font-size: var(--size-70);
}

.carpet-banner.main-page h2 {
  font-size: var(--size-73);
  text-align: center;
}

.trnsfrm-spce.product {
  background: linear-gradient(
    140deg,
    rgba(255, 249, 193, 0.2),
    rgba(255, 255, 255, 0.2)
  );
}

.trnsfrm-spce.product p {
  max-width: 799px;
  margin-inline: auto;
}
.title-box {
  max-width: 1170px;
  margin-inline: auto;
  text-align: center;
  color: var(--dark);
}

.title-box h2 {
  font-family: var(--plus-jakarta-font);
  font-weight: 500;
}

.title-box.upltr p {
  text-transform: uppercase;
}

.title-box p {
  font-size: var(--size-22);
}

.product-card-prnt {
  display: flex;
  flex-wrap: wrap;
  gap: 31px;
  justify-content: center;
}

.product-card-prnt .ttle h6 {
  font-size: var(--size-22) !important;
  color: var(--dark);
  text-align: center;
}

.Residental_baner h1 {
  font-family: var(--plus-jakarta-font);
  text-transform: uppercase;
  font-size: var(--size-73);
  max-width: 840px;
  margin: auto;
  text-align: center;
}
.Residental_baner h1::after {
  content: unset;
}

/*Section 1*/
.inner-flr1 h2 {
  color: var(--dark);
  font-family: var(--plus-jakarta-font);
}
.inner-flr1 p {
  color: var(--grey);
  font-weight: 400;
  font-size: var(--size-22);
}
.innerflr2 {
  margin-top: 60px;
}

/*form start*/
.frm-flr {
  border: 1px solid #d9d9d933;
  background: linear-gradient(
    140deg,
    rgba(255, 249, 193, 0.2),
    rgba(255, 255, 255, 0.2)
  );

  color: var(--grey);
  padding: 35px;
}
.frm-flr h6 {
  color: var(--brown);
  margin-bottom: 10px;
  text-align: center;
  font-weight: 400;
}
.frm-flr h5 {
  color: var(--dark);
  font-family: var(--plus-jakarta-font);
  font-size: var(--size-35);
  text-align: center;
}

/*right form*/
.flr-form {
  margin-top: 25px;
}
.innerfrm {
  display: flex;
  gap: 10px;
  margin-bottom: 10px;
  width: 100%;
}
.innerfrm input,
.innerfrm select,
.innerfrm textarea {
  width: 100%;
  padding: 18px 15px;
  border: 1px solid #d9d9d94d;
  font-size: 14px;
  height: 100%;
}

.selectfrm {
  position: relative;
}
.selectfrm select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background: #fff;
  cursor: pointer;
  color: var(--grey);
}

/* Custom Arrow */
.selectfrm::after {
  content: "";
  position: absolute;
  right: 20px;
  top: 50%;
  width: 7px;
  height: 7px;
  border-right: 2px solid var(--grey);
  border-bottom: 2px solid var(--grey);
  transform: translateY(-70%) rotate(45deg);
  pointer-events: none;
}
.innerfrm.full-width {
  width: 100%;
}
.innerfrm textarea {
  min-height: 95px;
  resize: unset;
}
.exc-off p {
  font-size: 14px;
  margin: 16px 0px 27px 0px;
}
.ctasubmit {
  width: 100%;
  justify-content: center;
  font-size: 12px;
}

/*carslide*/
/*important*/
.flor-inst {
  margin: 10px 0;
}
.lastflr {
  color: var(--grey);
  font-size: var(--size-22);
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.flor-inst .slick-list.draggable {
  overflow: visible;
}
.flor-inst {
  overflow: hidden;
}

.flor-inst::before {
  content: "";
  position: absolute;
  height: 120%;
  width: 100%;
  background: #fff;
  top: -10px;
  left: -100%;
  z-index: 1;
}

/*Section 2*/
.innercommercial-head h2 {
  max-width: 600px;
  margin: auto;
  text-align: center;
  font-family: var(--plus-jakarta-font);
  font-weight: 400;
}
.comm-text {
  max-width: 1148px;
  margin: auto;
  text-align: center;
}
.comm-text p {
  font-weight: 400;
  margin-top: 35px;
  font-size: var(--size-22);
}
.appoint-btn {
  margin-top: 40px;
}

/*Review Page*/

.hom_baner.Review_baner h1 span {
  display: inline;
}
.review-sec {
  color: var(--dark);
}
.rev-out {
  text-align: center;
  font-family: var(--plus-jakarta-font);
}
.reviwstar {
  display: flex;
  align-items: center;
  gap: 12px;
  justify-content: center;
  margin: 40px 0px 20px 0px;
}
.fivestr {
  color: #ff9d28;
}
.rates h3 {
  font-size: 64px;
  font-weight: 600;
  font-family: var(--plus-jakarta-font);
}
.startviews p {
  font-size: 16px;
}
.revbtn {
  padding: 25px 44px;
}

.srchreview {
  margin-top: 50px;
  display: flex;
  justify-content: space-between;
}
.srch {
  position: relative;
  width: 100%;
  max-width: 303px;
}
.srch i {
  position: absolute;
  left: 15px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 15px;
  color: var(--grey);
  pointer-events: none;
}
.srch input {
  padding: 17px 45px;
  border: 1px solid #d9d9d9;
  outline: none;
  font-size: 14px;
  box-sizing: border-box;
}
.srch input:focus {
  border-color: #d9d9d9;
}

.sort-by {
  display: flex;
  align-items: center;
  font-family: var(--plus-jakarta-font);
}
.sort-by label {
  font-size: 14px;
  font-weight: 600;
  color: var(--dark);
}

.sort-by select {
  min-width: 146px;
  margin-left: 10px;
  border: unset;
  background: #fff;
  color: var(--dark);
  font-weight: 300;
  font-size: 14px;
  cursor: pointer;
  outline: none;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23292522' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 30px center;
}

.reviewmain {
  margin-top: 40px;
}
.review-crd {
  display: grid;
  grid-template-columns: 90px 1fr 60px;
  gap: 20px;
  border: 1px solid #d9d9d980;
  padding: 35px;
  border-radius: 20px;
  align-items: start;
  margin-bottom: 30px;
  transition: all 0.3s ease;
}
.review-crd:hover {
  box-shadow:
    0px 20px 30px rgba(0, 0, 0, 0.06),
    -8px -10px 26px rgba(0, 0, 0, 0.04);
}
.prsn img {
  width: 70px;
  height: 70px;
  object-fit: cover;
}

.googlelogo {
  text-align: right;
}

.innrrate {
  display: flex;
  align-items: center;
  gap: 10px;
}
.ratepoint h6 {
  font-size: 16px;
  margin: unset;
}
.textreview h6 {
  font-weight: 400;
  color: var(--dark);
  font-family: var(--plus-jakarta-font);
}
.fivestr i {
  font-size: 16px;
}
.textreview p {
  font-weight: 400;
  font-size: var(--size-22);
  margin: 20px 0px;
  color: var(--grey);
}
.timereview h6 {
  color: var(--brown);
  font-size: 16px;
}
.paginationmain {
  width: 290px;
  height: 50px;
  margin-inline: auto;
  margin-top: 60px;
}

.paginationmain ul {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 0;
  margin: 0;
  list-style: none;
}
.paginationmain li {
  margin: 0;
  padding: 0;
}

.paginationmain a {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #fff;
  border: 1px solid #d9d9d9;

  display: flex;
  align-items: center;
  justify-content: center;

  text-decoration: none;
  cursor: pointer;
  font-size: 14px;

  transition: all 0.3s ease;
}
.paginationmain .page-arrow {
  color: #222;
}
.paginationmain .page-arrow.next {
  background: var(--dark);
  border-color: var(--dark);
  color: #fff;
}

.paginationmain .page-number {
  color: var(--grey);
}

.paginationmain .page-number.active {
  background: var(--dark);
  border-color: var(--dark);
  color: #fff;
}

.paginationmain a:hover {
  background: #171b1f;
  border-color: #171b1f;
  color: #fff;
}

/*section 2*/
.trans-inner {
  color: var(--dark);
}
.trans-inner h2 {
  font-family: var(--plus-jakarta-font);
  max-width: 828px;
  text-align: center;
  margin: auto;
  position: relative;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 70px;
}
.trans-inner h2 span {
  font-family: var(--felix-titling);
}
.trans-inner p {
  font-size: var(--size-22);
  max-width: 799px;
  margin: auto;
  text-align: center;
  color: var(--grey);
  margin-bottom: 40px;
  margin-top: 30px;
}
.strbtn {
  text-align: center;
}

.trans-inner h2::after {
  content: "";
  position: absolute;
  width: 160px;
  height: 0.8px;
  left: 40%;
  bottom: -19px;
  background: linear-gradient(90deg, #0a0a0a00 0%, #0a0a0a 50%, #0a0a0a00 100%);
}

.strtcta:hover {
  background-color: var(--brown);
  color: #ffffff;
}

/*page how it work*/
.new_floor {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 217px 0 105px;
}

.new_floor h1 span {
  display: inline;
}
.simpl-way h4 {
  color: var(--dark);
  font-size: 34px;
  font-family: var(--plus-jakarta-font);
  margin-bottom: 20px;
}
.simpl-way p {
  color: var(--grey);
  font-size: 18px;
  margin-bottom: 35px;
}

.howwork h6 {
  color: var(--dark);
  font-family: var(--plus-jakarta-font);
  margin-bottom: 20px;
  font-weight: 500;
}
.howwork-inner {
  display: flex;
  align-items: baseline;
  gap: 15px;
  margin-bottom: 19px;
}
.apptext p {
  color: var(--grey);

  font-weight: 400;
  margin: unset;
}
.productinst {
  margin: 15px 0px 26px 0px;
}
.productinst p {
  font-size: 14px;
  color: var(--dark);
}
.flooring-options {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.flooring-options:first-of-type {
  margin-bottom: 19px;
}
.floor-radio {
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  font-size: 14px;
  color: var(--grey);
}
.floor-radio input {
  display: none;
}
.custom-radio {
  width: 20px;
  height: 20px;
  border: 1px solid #d9d9d94d;
  border-radius: 4px;
  position: relative;
  flex-shrink: 0;
  background-color: #ffffff;
}

.floor-radio input:checked + .custom-radio::after {
  content: "";
  position: absolute;
  inset: 5px;
  background: var(--brown);
  border-radius: 2px;
}
.browpro {
  margin-top: 26px;
  padding: 15px 27px;
}

.reqtext h5 {
  font-size: var(--size-28) !important;
}

.carpet-wrapper.d-flex {
  align-items: center;
}

/* mke-flr-simple  */

.mke-flr-simple .baner-btn {
  margin-top: 65px;
  justify-content: center;
}

.mke-flr-simple .title-box {
  text-align: left;
  max-width: 100%;
}

.mke-flr-simple .card-boxe {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  align-items: start;

  gap: 23px;
  margin-top: 45px;
}
.mke-flr-simple .card-boxe .card-flr .img-box img {
  width: 100%;
  height: auto;
}

.mke-flr-simple .card-boxe .cntnt-box {
  margin-top: -20px;
  position: relative;
  z-index: 10;
}

.mke-flr-simple .card-boxe .cntnt-box h5 {
  font-family: var(--plus-jakarta-font);
  font-weight: 500;
  color: var(--dark);
  margin-top: 20px;
  margin-left: 5px;
}

.mke-flr-simple .card-boxe .cntnt-box p {
  color: var(--grey);
}
.mke-flr-simple .card-boxe .cntnt-box .num {
  height: 48px;
  width: 48px;
  background-color: var(--brown);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--white);
  font-size: var(--size-23);
  margin-left: 39px;
}
.filter-sec {
  position: relative;
/*   overflow: hidden; */
}

.glry-2.prdct-pg {
  position: relative;
  overflow: hidden;
}

.Thank-sec .logo-anime {
  position: absolute;
  bottom: 0%;
  animation: logoBgrighttoleft 8s ease-in-out infinite alternate;
}
.Thank-sec {
  position: relative;
  overflow: hidden !important;
}

.filter-sec .logo-anime {
  position: absolute;
  bottom: 0;
  animation: logoBgrighttoleft 8s ease-in-out infinite alternate;
}

@keyframes logoBgrighttoleft {
  0% {
    transform: translateX(70%);
  }

  100% {
    transform: translateX(-70%);
  }
}

h1.how-it-works-banner__title {
  max-width: 749px;
}

.chooseflr {
  overflow: hidden;
  position: relative;
}

.chooseflr .logo-anime {
  position: absolute;
  bottom: 0;
}

.slide-sec .container-fluid {
  padding-right: 0;
}

.req-sec .logo-anime {
  bottom: 8%;
  position: absolute;
  z-index: -1;
  animation: logoBgLeftToRight 8s ease-in-out infinite alternate;
}

/* s-inten 2sep */
.cntbtn-main {
  padding: 15px 39px;
  font-size: 12px;
}
.thnkscta {
  padding: 26px 40px;
}
.thnkscta:hover {
  background-color: unset;
}

.thanktick {
  display: flex;
  justify-content: center;
}
.thankinner h1 {
  max-width: 750px;
  margin-inline: auto;
  color: var(--dark);
  text-align: center;
  font-size: var(--size-70);
  margin-top: 35px;
  margin-bottom: 11px;
  text-transform: uppercase;
  font-family: var(--plus-jakarta-font);
}
.thankinner h1 span {
  font-family: var(--felix-titling);
}
.thankinner h5 {
  color: var(--dark);
  text-align: center;
  font-family: var(--plus-jakarta-font);
}
.thankinner p {
  color: var(--grey);
  text-align: center;
  margin-inline: auto;
  max-width: 816px;
  margin-top: 26px;
  margin-bottom: 42px;
}
.thnkbtn {
  text-align: center;
}
.thnkscta:hover {
  background-color: var(--brown);
  color: #ffffff;
}

/* cONTACT US */

.cnt-head {
  color: var(--dark);
  text-align: center;
  font-family: var(--plus-jakarta-font);
}
.cnt-head h1 {
  text-transform: uppercase;
  font-size: var(--size-73);
  margin-bottom: 20px;
}
.cnt-head h1 span {
  font-family: var(--felix-titling);
}
.cnt-head h5 {
  margin-bottom: 50px;
}
.in-cnt {
  border: 1px solid #d9d9d933;
  background-color: #d9d9d91a;
  padding: 50px;
  text-align: center;
  height: 100%;
}
.cnt-sec .col-lg-4 a {
  width: 100%;
}
.logcont {
  display: flex;
  justify-content: center;
}
.in-cnt h4 {
  color: var(--dark);
  margin: 25px 0px 20px 0px;
  font-size: var(--size-32);
}
.in-cnt h6 {
  color: var(--grey);
}
.cntct-anime p {
  color: var(--grey);
}

.cntct-anime .in-cnt {
  transition:
    transform 0.35s ease,
    box-shadow 0.35s ease;
}

.cntct-anime .logcont {
  transition: transform 0.4s ease;
}

.cntct-anime .in-cnt:hover {
  transform: scale(1.01);
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.15);
}

.cntct-anime .in-cnt:hover .logcont {
  transform: rotateY(180deg);
}

/*Section 2*/

.cntform-floor {
  background: linear-gradient(
    140deg,
    rgba(255, 249, 193, 0.2),
    rgba(255, 255, 255, 0.2)
  );
}
.about-flr {
  background-color: #ffffff;
  border: 1px solid #d9d9d933;
  max-width: 990px;
  margin-inline: auto;
  padding: 50px;
}
.flooring-sec.about-us {
  position: relative;
}
.flooring-sec.about-us .logo-anime {
  bottom: 7%;
  z-index: -1;
  position: absolute;
}

.about-flr h4 {
  font-size: 44px;
  color: var(--dark);
  margin-bottom: 35px;
  max-width: 600px;
  margin-inline: auto;
  text-align: center;
  font-family: var(--plus-jakarta-font);
}
.abutcrd {
  margin-bottom: 20px;
}

.abutcrd input,
.abutcrd textarea,
.abutcrd select {
  padding: 23px 20px;
  width: 100%;
  border: 1px solid #d9d9d933;
  background-color: #d9d9d91a;
  font-size: var(--size-18);
  height: 100%;
}
.abutcrd textarea {
  min-height: 140px;
}

/*check box*/
.check-wrap label {
  color: var(--grey);
  font-size: 14px;
  cursor: pointer;
  margin: 0;
}

.check-wrap {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 20px;
  margin-bottom: 25px;
}
.check-wrap input[type="checkbox"] {
  width: 20px;
  height: 20px;
  border: 1px solid #d9d9d933;
  appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
  background: #d9d9d91a;
  position: relative;
}
.check-wrap input[type="checkbox"]:checked::after {
  content: "✓";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 18px;
  color: var(--brown);
}
.abutcrd input::placeholder,
.abutcrd textarea::placeholder {
  font-size: var(--size-18);
}

.cntform-floor {
  overflow: hidden;
}

.cntform-floor .logo-anime {
  bottom: 0;
  animation: logoBgrighttoleft 8s ease-in-out infinite alternate;
}
.spcfy-sec {
  position: relative;
  overflow: hidden;
}
.spcfy-sec .logo-anime {
  bottom: 0;
  position: absolute;
  animation: logoBgrighttoleft 8s ease-in-out infinite alternate;
}

.map-inner {
  position: relative;
  width: 100%;
}

.map-inner > img {
  display: block;
  width: 100%;
  height: auto;
}
.direct {
  position: absolute;
  top: 49%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}
.direct img {
  display: block;
  width: 60px;
  height: auto;
}

/*Privacy Page*/
.innerprivacy {
  max-width: 1302px;
  margin: auto;
}

.innerprivacy p {
  color: var(--grey);
  font-size: var(--size-22);
  font-weight: 400;
  margin-bottom: 20px;
}
.pricylink {
  display: flex;
  flex-direction: column;
}
.pricylink a {
  color: var(--brown);
  font-size: var(--size-22);
}

.cooki h4 {
  font-size: 35px;
  margin-bottom: 15px;
  color: var(--dark);
}
.cooki {
  margin-top: 60px;
}

.apptext h4 {
  margin-bottom: 13px !important;
}
.apptext p {
  color: var(--grey);
  text-align: center;
  margin-bottom: 35px;
}
.appotform {
  max-width: 1100px;
}

.oppsub {
  text-align: center;
}

.appont-txt p {
  text-align: unset;
  font-size: var(--size-18);
  font-family: var(--plus-jakarta-font);
  color: var(--dark);
  margin-bottom: 14px !important;
}

/* b 2 sept */

.about-banner .abt-wrp h1 {
  max-width: 800px;
  margin: auto;
}
.about-banner .abt-wrp p {
  max-width: 748px;
  margin: auto;
}

.about-banner .abt-wrp h1 {
  padding: 0 0 5px;
}

.about-banner p {
  margin: 0;
  font-size: var(--size-22);
  text-transform: uppercase;
  text-align: center;
}

.floring-ryt {
  color: var(--dark);
  padding: 20px;
}

.floring-ryt h2 {
  max-width: 574px;
  width: 100%;
  margin-bottom: 20px;
}

.floring-ryt p {
  font-size: var(--size-22);
  color: var(--grey);
  max-width: 663px;
  margin-bottom: 45px;
}

.flooring-sec.req-sec::after {
  bottom: 0%;
  width: 100%;
}

.abt-glry h4 {
  font-family: var(--plus-jakarta-font);
}
.abt-glry .rgt {
  max-width: 584px;
}
.ready-sec.text-reveal .color-animation {
  max-width: 802px;
  margin: auto;
}

.ready-sec.text-reveal::after {
  bottom: -15%;
}

.licensed-left p {
  max-width: 690px;
  font-size: 20px;
}

.abt-brand h2.flooring-slice__heading {
  max-width: 880px;
  color: var(--dark);
}

.ready-transform {
  background: linear-gradient(
    180deg,
    #fffdeb 0%,
    #fffdeb 35%,
    #fffdeb 45%,
    #ffffff 70%,
    #ffffff 100%
  );
}

.choose-section {
  background: #542b04f5;
}

.chose-image img {
  width: 100%;
}

.choose-content h5 {
  font-family: var(--plus-jakarta-font);
  margin: 0 0 7px;
}

.choose-content p {
  max-width: 321px;
}

.chose-arrow {
  display: flex;
  width: 52px;
  height: 52px;
  border: 1.5px solid #fff9c1;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  margin-top: 8px;
  cursor: pointer;
  transition: all 0.3s ease;
  color: #fff;
}

.chose-arrow i {
  transition: all 0.3s ease;
}

.licensed-left p b {
  font-weight: 500;
}

.chose-arrow:hover {
  background: #fff9c1;
  border-color: #fff9c1;
  transform: translateY(-3px);
}

.chose-arrow:hover i {
  color: #000;
}

.choose-bxx {
  background: #ffffff08;
  border: 1px solid;
  border-image-source: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.27) 0%,
    rgba(255, 255, 255, 0.0513) 100%
  );
  border-image-slice: 1;
  padding: 18px;
  gap: 18px;
}

.choose-mid {
  align-items: center;
  justify-content: center;
  text-align: center;
  border: 0;
  background: transparent;
  gap: 0;
  margin: auto;
  padding: 0;
  max-width: 444px;
}

.choose-mid p {
  font-size: var(--size-22);
}

.choose-mid ul {
  display: flex;
  flex-direction: column;
  gap: 10px;
  font-size: var(--size-22);
}
.choose-mid ul li {
  position: relative;
  text-align: left;
}
.choose-mid ul li::before {
  content: "";
  width: 18px;
  height: 18px;
  background: url(../img/check.svg);
  position: absolute;
  left: -40px;
  top: 10px;
}

.choose-wrp > .row > div:nth-child(1) {
  padding-right: 30px;
  margin-top: 200px;
}

.choose-wrp > .row > div:nth-child(2) {
  margin-top: 42px;
}

.choose-wrp > .row > div:nth-child(3) {
  padding-left: 30px;
}

.ready-transform.trnsfrm-spce .box h2::after {
  border: 0.8px solid;
  border-image-source: linear-gradient(
    90deg,
    rgba(10, 10, 10, 0) 9.2%,
    #0a0a0a 52.01%,
    rgba(10, 10, 10, 0) 94.83%
  );
  border-image-slice: 1;
}

.abutcrd {
  margin-bottom: 20px;
}

.abutcrd input,
.abutcrd textarea,
.abutcrd select {
  padding: 23px 20px;
  width: 100%;
  border: 1px solid #d9d9d933;
  background-color: #d9d9d91a;
  font-size: var(--size-18);
  height: 100%;
}

.abutcrd textarea {
  min-height: 140px;
}

/*check box*/
.check-wrap label {
  color: var(--grey);
  font-size: 14px;
  cursor: pointer;
  margin: 0;
}

.check-wrap {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 20px;
  margin-bottom: 25px;
}

.check-wrap input[type="checkbox"] {
  width: 20px;
  height: 20px;
  border: 1px solid #d9d9d933;
  appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
  background: #d9d9d91a;
  position: relative;
}

.check-wrap input[type="checkbox"]:checked::after {
  content: "✓";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 18px;
  color: var(--brown);
}

.abutcrd input::placeholder,
.abutcrd textarea::placeholder {
  font-size: var(--size-18);
}

.make-wrapper {
  color: var(--dark);
}

.make-wrapper h1 {
  font-family: var(--plus-jakarta-font);
  text-transform: uppercase;
}

.frm-tp-side {
  max-width: 840px;
  margin: auto;
  text-align: center;
}

.make-wrapper h1 span {
  font-family: var(--felix-titling);
}

.make-wrapper p {
  font-size: var(--size-22);
  text-transform: uppercase;
  color: var(--dark);
}

.make-wrapper .flr-form {
  max-width: 980px;
  margin: 30px auto 0;
}

.make-wrapper .productinst p {
  font-size: 18px;
  font-weight: 500;
  text-transform: capitalize;
  margin: 0 0 14px;
}

.make-wrapper .productinst .flooring-options {
  justify-content: unset;
}

.make-wrapper .flooring-options .floor-radio {
  width: 26%;
  font-size: 18px;
}

.make-wrapper .captcha-box,
.make-wrapper .sbt.oppsub {
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
}

.make-sec.req-sec::after {
  width: 100%;
  bottom: -3%;
}

.make-wrapper {
  background: transparent;
  border: 0;
}

/* .mainprivcy{
  padding-top: 60px;
} */

.hom_baner.new_floor.about-banner {
  padding: 206px 0 105px;
}

.new_banner {
  padding: 2;
}

.Review_baner h1,
.Residental_baner h1 {
  padding: 0;
}

.term-sec {
  max-width: 1302px;
  margin: auto;
  color: var(--grey);
}

.term-sec ul li {
  color: var(--grey);
}
.term-sec ol li {
  color: var(--grey);
}

.terms-block {
  margin-top: 40px;
}
.terms-block h4 {
  font-weight: 700;
  font-family: var(--plus-jakarta-font);
  font-size: var(--size-32);
  color: var(--dark);
  margin-bottom: 15px;
}

.terms-block p {
  font-size: var(--size-22);
  color: var(--grey);
  margin-bottom: 20px;
}

.terms-block ul li {
  list-style: disc;
  font-size: var(--size-22);
}

.term-sec .cnt-head {
  margin-bottom: 80px;
}

.privcy-sec .cnt-head {
  margin-bottom: 80px;
}

/*Privacy new*/
.updatedate h6 {
  color: var(--brown);
  margin-bottom: 25px;
}
.prvpoint h5 {
  color: var(--dark);
  font-weight: 600;
  margin-bottom: 20px;
}
.prvpoint p {
  color: var(--grey);
}
.prvpoint ul li {
  color: var(--grey);
  font-size: var(--size-22);
  line-height: 1.9;
  list-style: disc;
}

.pricylink {
  margin-bottom: 20px;
}
.pricylink h6 {
  color: var(--dark);
}
.cooki h4 {
  font-weight: 600;
}

.site-header .nav-link {
  position: relative;
}

.site-header .nav-link.active {
  -webkit-text-stroke: 0.5px;
  color: var(--yellowish);
}

.site-header .nav-link.active::after {
  content: "";
  position: absolute;
  left: 10px;
  width: 20px;
  bottom: 0;
  height: 1px;
  background: var(--yellowish);
}

.trms-date-effect {
  margin-bottom: 25px;
}

.trms-date-effect h6 {
  margin-bottom: 12px;
}

.licensed-sec {
  position: relative;
}

.licensed-sec .logo-anime {
  position: absolute;
  bottom: 14%;
  left: 0;
  z-index: -1;
  animation: logoBgrighttoleft 8s ease-in-out infinite alternate;
}

.inner-flr1 p {
  max-width: 800px;
  width: 100%;
}

.up-cont-flr {
  text-align: center;
  max-width: 550px;
  margin-left: auto;
}

.up-cont-flr p {
  padding: 12px 0 30px;
  max-width: 400px;
  margin: auto;
}

.up-cont-flr .btn-bnr a svg {
  margin-top: 1px;
}

.smoth-con {
  color: var(--dark);
}
.smoth-con h2 {
  font-family: var(--plus-jakarta-font);
}

.smoth-con p {
  color: var(--grey);
  font-size: var(--size-22);
}

.content-wrpper p {
  max-width: 95%;
}

.new-slider-sec .flooring-slider.flor-inst {
  overflow: visible;
}

section.slide-sec.new-slider-sec {
  overflow: hidden;
}

/*How It Work */
.vstbtn {
  margin-top: unset !important;
}
.visitbtnss {
  display: flex;
  align-items: center;
  gap: 10px;
}
.cnsrtext p {
  text-align: left;
}
.homefrsh {
  margin-bottom: 35px;
}
.consbtn {
  text-align: center;
  margin-top: 40px;
}

.dateinput {
  margin-top: 20px;
}
.avloption {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
}
.time-slot {
  cursor: pointer;
}
.time-slot input {
  display: none;
}
.time-slot span {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 17px;
  border: 1px solid #d9d9d94d;
  font-size: 12px;
  font-weight: 500;
  transition: all 0.3s ease;
  text-align: center;
  background-color: #fff;
  color: var(--grey);
}
.time-slot:hover span {
  border-color: var(--brown);
}

.time-slot input:checked + span {
  background: var(--brown);
  border-color: var(--brown);
  color: #fff;
}
.dateinput {
  position: relative;
}
.dateinput img {
  position: absolute;
  left: 20px;
  top: 50%;
  transform: translateY(-50%);
  width: 18px;
  height: 18px;
  z-index: 2;
  pointer-events: none;
}
.dateinput input {
  width: 100%;
  padding: 18px 50px;
  cursor: pointer;
  background: #fff;
}
.dateinput input::placeholder {
  color: var(--grey);
}
#realDate {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.cnct-title {
  text-align: center;
}
.cnct-title p {
  color: var(--grey);
  font-size: var(--size-22);
}
.cnct-title h4 {
  margin-bottom: 13px;
}

.make-appint .logo-anime {
  bottom: 0;
}

.make-appint .ttle-box {
  text-align: center;
  max-width: 990px;
  color: var(--dark);
  margin: auto;
}
.make-appint .ttle-box h1 {
  font-family: var(--plus-jakarta-font);
  font-size: var(--size-73);
}
.make-appint .ttle-box h1 span {
  font-family: var(--felix-titling);
}
.make-appint .ttle-box p {
  font-size: var(--size-22);
	text-transform: uppercase;
}

.make-appoint-form {
  max-width: 1100px;
  margin-top: 40px;
  margin-inline: auto;
}
.make-appoint-form .avloption {
  display: flex;
  flex-wrap: wrap;
}
.cntform-floor .avloption {
  display: flex;
  flex-wrap: wrap;
}

.thankucus h1 {
  max-width: 1200px !important;
}
.thankucus p {
  margin-bottom: 30px !important;
}
.appointment-card {
  max-width: 633px;
  margin-inline: auto;
  margin-bottom: 25px;
  padding: 30px 40px;
  background: #542b0405;
  border: 1px dashed #542b0414;
  box-sizing: border-box;
}
.appointment-card h6 {
  margin-bottom: 22px;
  font-weight: 500;
  color: var(--dark);
  font-family: var(--plus-jakarta-font);
}
.appointment-card ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.appointment-card li {
  display: flex;
  gap: 40px;
  margin-bottom: 22px;
  font-size: var(--size-18);
}

.appointment-card li:last-child {
  margin-bottom: 0;
}

.appointment-card li span:first-child {
  width: 90px;
  flex-shrink: 0;
  color: var(--dark);
  font-weight: 500;
  font-family: var(--plus-jakarta-font);
}

.appointment-card li span:last-child {
  color: var(--grey);
}
.schdbtn {
  display: flex;
  justify-content: center;
  gap: 10px;
}

.product-card-prnt .ttle h6 a {
  color: var(--dark);
}

.filter-ryt-iner h6 a {
  color: var(--white);
}

.results-header .results-count {
  display: flex;
  align-items: center;
	  gap: 6px;
}

.comm-flr .inner-comm {
  max-width: 1148px;
  margin-inline: auto;
}

.comm-flr.hw-rk .inner-comm {
  max-width: 1062px;
  margin-inline: auto;
}
.comm-flr.hw-rk .inner-comm h2 {
  max-width: 858px;
  margin-inline: auto;
}

.btn-box.how-wrk {
  flex-wrap: wrap;
}

.new-res-bnr h1 {
  max-width: 880px;
}

.cta:visited {
  color: var(--dark);
}

.cta:visited:hover {
  color: var(--dark);
}

.cta_white:visited {
  color: var(--dark);
}

.cta_white:visited:hover {
  color: var(--dark);
}

.cta_brown:visited {
  color: var(--white);
}

.cta_brown:visited:hover {
  color: var(--dark);
}

.cta_yellowish:visited {
  color: var(--dark);
}

.cta_yellowish:visited:hover {
  color: var(--white);
}

.chose-arrow:visited {
  color: #fff;
}

.chose-arrow:visited:hover {
  background: #fff9c1;
  border-color: #fff9c1;
  transform: translateY(-3px);
}

.chose-arrow:visited:hover i {
  color: #000;
}

.for-wait {
  display: none;
}

.startviews {
  display: flex;
  flex-direction: column;
  align-items: self-start;
}

.lead-crpt h2 {
  font-family: var(--plus-jakarta-font);
  text-align: center;
  max-width: 917px;
  font-weight: 400;
  color: var(--dark);
  margin-inline: auto;

}

.lead-crpt .desc {
  display: flex;
  flex-direction: column;
  gap: 20px;
 
}
 .lead-crpt .wrap{
 max-width: 1348px;
  margin-inline: auto;
  margin-top: 35px;
}
.lead-crpt .wrap .btn-bnr{
   margin-top: 30px;
}
.lead-crpt .desc p {
  font-size: var(--size-22);
  color: var(--grey);
  margin: 0;
}


.lead-crpt{
  border: 1px solid #D9D9D94D
}

.otp-login-container input#email_input,
.otp-login-container input#otp_input {
    padding: 20px 17px;
}

.form-input:focus {
    outline: none;
    border-color: #D9D9D91A !important;
    background: white;
    box-shadow: 0 0 0 3px rgba(0, 102, 204, 0.1);
}
#email-form-section button#send_otp_btn,
#otp-form-section button#submit_otp_btn {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

#otp-form-section .form-actions {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.otp-login-container button#resend_otp_btn,
.otp-login-container button#change_email_btn {
    color: var(--dark);
}

.choose-bxx ul {
    margin-left: 0;
}


#products-pagination-container ul.page-numbers {
    display: flex;
    justify-content: center;
    gap: 15px;
    padding: 0;
    margin: 0;
}

#products-pagination-container ul li .page-numbers {
    width: 59px;
    height: 59px;
    border-radius: 50%;
    border: 1px solid #d9d9d94d;
    background: #fff;
    color: var(--grey);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
#products-pagination-container ul li .page-numbers.next {
    background: var(--dark);
    border-color: var(--dark);
    color: var(--white);
}
#products-pagination-container ul li .page-numbers:hover {
    opacity: 0.8;
}

#products-pagination-container ul li .page-numbers.current {
    border-color: transparent;
    color: var(--dark);
    background: #d9d9d94d;
    font-weight: 600;
}
.filter-ryt-side .pro-image a {
    width: 100%;
}

.appointments-header a {
    color: var(--dark);
	font-size:16px;
  font-weight: 600;
  
}
.appointments-header div {
    display: flex;
    align-items: center;
    gap: 11px;
}



.logout-btn,
.appointments-header a {
    display: inline-block;
    font-size: 13px;
    padding: 7px 13px !important;
    border-radius: 5px !important;
    font-weight: 600;
    text-decoration: none !important;
    transition: all 0.25s ease;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

/* =========================
   LOGOUT BUTTON
   ========================= */

.logout-btn {
    background-color: var(--brown) !important;
    color: var(--white) !important;
    
}

.logout-btn::before {
    content: "";
    position: absolute;
    inset: 0;
    background-color: var(--yellowish);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.25s ease;
    z-index: -1;
}

.logout-btn:hover {
    color: var(--dark) !important;
	 background-color: transparent !important;
    transition: background-color 0.4s ease !important;
    border-color: var(--yellowish);
    text-decoration: none;
    transform: translateY(-1px);
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15);
}

.logout-btn:hover::before {
    transform: scaleX(1);
}




.appointments-header a {
    background-color: var(--yellowish);
    color: var(--dark);
   
}

.appointments-header a::before {
    content: "";
    position: absolute;
    inset: 0;
    background-color: var(--brown);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.25s ease;
    z-index: -1;
}

.appointments-header a:hover {
    color: var(--white);
    border-color: var(--brown);
    text-decoration: none;
    transform: translateY(-1px);
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15);
}

.appointments-header a:hover::before {
    transform: scaleX(1);
}



.sort-wrapper select.orderby {
  background: #fff;
  padding: 11px;
  border: 1px solid #d9d9d94d;
  font-weight: 300;
  font-size: 16px;
  color: var(--dark);
  gap: 5px;
}

/* modal  */


.srch-box {
  position: relative;
}

.srch-backdrop {
  position: fixed;
  inset: 0;
  background: rgba(30, 33, 36, 0.6);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  z-index: 99998;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.4s ease, visibility 0.4s;
}

.srch-box.active .srch-backdrop {
  opacity: 1;
  visibility: visible;
}

.srch-panel {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 80%;
  max-width: 800px;
  max-height: 80vh;
  background-color: var(--brown);
  border-radius: 24px;
  box-shadow: 0 30px 80px rgba(0, 0, 0, 0.35);
  z-index: 99999;
  padding: 50px 50px 40px;
  display: flex;
  flex-direction: column;
  opacity: 0;
  visibility: hidden;
  transform: translate(-50%, -48%) scale(0.96);
  transition: opacity 0.35s ease, transform 0.35s ease, visibility 0.35s;
}

.srch-box.active .srch-panel {
  opacity: 1;
  visibility: visible;
  transform: translate(-50%, -50%) scale(1);
}

.srch-panel-inner {
  display: flex;
  flex-direction: column;
  min-height: 0;
}

.srch-close {
  position: absolute;
  top: 22px;
  right: 26px;
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-size: 24px;
  line-height: 1;
  color: var(--yellowish);
  background: rgba(255, 255, 255, 0.08);
  cursor: pointer;
  transition: transform 0.3s ease, background 0.3s ease, color 0.3s ease;
}

.srch-close:hover {
  transform: rotate(90deg);
  background: var(--yellowish);
  color: var(--brown);
}

.srch-input-wrap {
  display: flex;
  align-items: center;
  gap: 14px;
  border-bottom: 2px solid rgba(255, 249, 193, 0.4);
  padding-bottom: 18px;
  transition: border-color 0.3s ease;
}

.srch-input-wrap:focus-within {
  border-color: var(--yellowish);
}

.srch-input {
  flex: 1;
  background: transparent;
  border: none;
  outline: none;
  font-family: var(--satoshi-font);
  font-size: var(--size-28);
  font-weight: 400;
  color: var(--white);
  letter-spacing: 0.01em;
}

.srch-input::placeholder {
  color: rgba(255, 255, 255, 0.45);
}

.srch-hint {
  font-family: var(--satoshi-font);
  font-size: 13px;
  color: rgba(255, 255, 255, 0.4);
  margin-top: 14px;
  letter-spacing: 0.02em;
}

.srch-results {
  margin: 20px 0 0;
  padding: 0;
  overflow-y: auto;
  flex: 1;
    overscroll-behavior: contain; 
}

.srch-results::-webkit-scrollbar {
  width: 4px;
}

.srch-results::-webkit-scrollbar-thumb {
  background: var(--yellowish);
  border-radius: 10px;
}

.srch-results li {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 16px 14px;
  border-radius: 12px;
  font-family: var(--satoshi-font);
  font-size: var(--size-18);
  color: var(--white);
  cursor: pointer;
  transition: background 0.25s ease, padding-left 0.25s ease;
}

.srch-results li:not(:last-child) {
  margin-bottom: 4px;
}

.srch-results li::before {
  content: "";
  flex-shrink: 0;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--yellowish);
  opacity: 0.6;
}

.srch-results li:hover {
  background: rgba(255, 249, 193, 0.1);
  padding-left: 20px;
}

.srch-results li:hover::before {
  opacity: 1;
}

.srch-results .no-result {
  color: rgba(255, 255, 255, 0.45);
  justify-content: center;
  text-align: center;
  padding: 30px 4px;
  cursor: default;
}

.srch-results .no-result::before {
  display: none;
}

.srch-results .no-result:hover {
  background: none;
  padding-left: 14px;
}

body.srch-open {
  overflow: hidden;
}


.filter-left-side {
  position: sticky;
  top: 12%;
  align-self: flex-start;
  overflow-y: unset;
  overscroll-behavior: contain;
  
  transition: height 0.1s linear; /* smooths out the growth slightly */
}



.filter-row-mobile {
  display: none;
}
.filter-row-mobile {
  display: none !important;
}
.filter-close{
  display: none;
}


.quality-left .slick-slide {
    margin-inline: 4px;
}

.quality-btn-side .baner-btn.btn-box {
    flex-wrap: wrap;
}