.robod-contact-wrap {
background-color: #ececec;
padding: 52px 22px;
}

.robod-contact-title {
text-align: center;
font-size: 2rem;
font-weight: 700;
letter-spacing: 0.03em;
color: #1f2126;
margin-bottom: 32px;
}

.robod-form .form-control,
.robod-form .form-select {
min-height: 46px;
border: 1px solid #7f7f7f;
background-color: #E8E8E8;
border-radius: 0;
background-color: #E8E8E8;
color: #383838;
font-size: 16px;
padding: 12px 14px;
}

.robod-form .form-control::placeholder,
.robod-form .form-select {
color: #8d8d8d;
}

.robod-form .form-control:focus,
.robod-form .form-select:focus {
box-shadow: none;
border-color: #5d5d5d;
background-color: transparent;
}

.robod-form .form-select {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3e%3cpath fill='none' stroke='%23676767' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.4' d='M2 2l5 4-5 4'/%3e%3c/svg%3e");
background-position: right 14px center;
background-size: 12px 12px;
}

.robod-form textarea.form-control {
min-height: 140px;
resize: vertical;
}

.robod-form .form-check {
margin-top: 14px;
}

.robod-form .form-check-input {
border-radius: 0;
width: 18px;
height: 18px;
margin-top: 0.15em;
border-color: #8f8f8f;
background-color: transparent;
}

.robod-form .form-check-label {
font-size: 1rem;
color: #2f2f2f;
}

.recaptcha-placeholder {
width: 100%;
max-width: 240px;
margin-left: auto;
background: #f3f3f3;
border: 1px solid #c6c6c6;
height: 62px;
display: flex;
align-items: center;
justify-content: center;
font-size: 0.82rem;
color: #626262;
}

.robod-submit {
background: #292929;
border: 1px solid #292929;
border-radius: 0;
padding: 12px 24px;
font-size: 15px;
letter-spacing: 0.05em;
color: #f5f5f5;
width: 100%;
max-width: 560px;
transition: opacity 0.3s ease;
}

.robod-submit:hover {
background: #E8E8E8 ;
color: #292929;
border: 1px solid #292929;
}

@media (max-width: 991.98px) {
.robod-contact-wrap {
padding: 38px 16px;
}

.recaptcha-placeholder {
margin-top: 10px;
margin-left: 0;
}
}

#curated-textures {
background: #EEEEEE;
padding: 72px 0 54px;
}

.curated-title {
text-align: center;
font-size: 2rem;
font-weight: 700;
letter-spacing: 0.02em;
color: #24262b;
margin-bottom: 0;
}

.curated-title-bar {
width: 48px;
height: 3px;
background: #24262b;
margin: 12px auto 42px;
}

.curated-feature-box {
height: 100%;
min-height: 148px;
border: 1px solid #7e7e7e;
background-color: #E8E8E8;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
padding: 10px 14px;
color: #232429;
}

.curated-feature-content {
display: grid;
gap: 10px;
justify-items: center;
}

.curated-feature-content i {
font-size: 2.2rem;
font-weight: 700;
line-height: 1;
}

.curated-feature-content p {
margin: 0;
font-size: 1.2rem;
font-weight: 700;
line-height: 1.15;
}

.curated-caption {
margin-top: 42px;
text-align: center;
font-size: clamp(0.9rem, 1.05vw, 1.1rem);
color: #63656a;
}

@media (max-width: 991.98px) {
#curated-textures {
padding: 56px 0 44px;
}

.curated-title-bar {
margin-bottom: 32px;
}

.curated-feature-box {
min-height: 128px;
}
}

#the-feature-of-your-home-slider {
background: linear-gradient(90deg, #282828 0%, #2b2c30 50%, #282828 100%);
padding: 64px 0 78px;
overflow: hidden;
}

.feature-home-shell {
width: 100%;
padding-left: clamp(22px, 4vw, 64px);
padding-right: clamp(22px, 4vw, 64px);
}

.feature-home-title {
text-align: center;
font-size: 2rem;
font-weight: 700;
letter-spacing: 0.03em;
text-transform: uppercase;
color: #efefef;
margin-bottom: 0;
}

.feature-home-title-bar {
width: 50px;
height: 3px;
background: #efefef;
margin: 10px auto 38px;
}

.feature-home-stage {
position: relative;
min-height: 460px;
display: flex;
align-items: center;
justify-content: center;
}

.feature-side-card {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: min(39vw, 680px);
height: 418px;
border: 1px solid rgba(220, 220, 220, 0.6);
z-index: 1;
overflow: hidden;
}

.feature-side-card img {
width: 100%;
height: 100%;
object-fit: cover;
}

.feature-side-card::after {
content: "";
position: absolute;
inset: 0;
background: rgba(16, 16, 16, 0.62);
}

.feature-side-left {
left: 0;
}

.feature-side-right {
right: 0;
}

.feature-center-panel {
position: relative;
z-index: 3;
width: min(43vw, 590px);
display: grid;
grid-template-columns: 29% 71%;
border: 1px solid rgba(222, 222, 222, 0.72);
background: rgba(32, 33, 38, 0.9);
}

.feature-center-image {
min-height: 370px;
position: relative;
}

.feature-center-image img {
width: 100%;
height: 100%;
object-fit: cover;
}

.feature-center-copy {
padding: 20px 18px;
color: #d9d9d9;
}

.feature-center-copy h3 {
font-size: clamp(1.3rem, 1.7vw, 1.7rem);
line-height: 1.12;
margin-bottom: 10px;
font-weight: 700;
color: #f2f2f2;
}

.feature-center-copy p {
font-size: clamp(0.84rem, 0.92vw, 0.95rem);
line-height: 1.35;
color: #c5c5c5;
margin-bottom: 0.4rem;
}

.feature-home-carousel .carousel-indicators {
bottom: -54px;
margin-bottom: 0;
}

.feature-home-carousel .carousel-indicators [data-bs-target] {
width: 11px;
height: 11px;
border-radius: 50%;
border: 0;
background-color: rgba(255, 255, 255, 0.45);
margin: 0 5px;
}

.feature-home-carousel .carousel-indicators .active {
background-color: #f5f5f5;
}

@media (max-width: 1199.98px) {
.feature-center-panel {
width: min(52vw, 560px);
}

.feature-side-card {
width: min(37vw, 500px);
height: 372px;
}
}

@media (max-width: 991.98px) {
#the-feature-of-your-home-slider {
padding: 52px 0 70px;
}

.feature-home-stage {
min-height: auto;
}

.feature-side-card {
display: none;
}

.feature-center-panel {
width: 100%;
grid-template-columns: 34% 66%;
}

.feature-center-image {
min-height: 280px;
}
}

@media (max-width: 767.98px) {
.feature-center-panel {
grid-template-columns: 1fr;
}

.feature-center-image {
min-height: 200px;
}

.feature-center-copy {
padding: 20px 16px;
}
}

#explore {
background: #EEEEEE;
padding: 72px 0 82px;
overflow: hidden;
}

.explore-shell {
max-width: 1060px;
margin: 0 auto;
padding: 0 68px;
position: relative;
}

.explore-heading {
text-align: center;
font-size: 2rem;
line-height: 1.05;
font-weight: 700;
letter-spacing: 0.02em;
text-transform: uppercase;
color: #23272c;
margin-bottom: 10px;
}

.explore-subheading {
text-align: center;
font-size: clamp(0.96rem, 1.1vw, 1.12rem);
line-height: 1.55;
color: #5b5f65;
margin-bottom: 34px;
}

.explore-carousel .carousel-inner {
padding: 0 2px;
}

.explore-track {
padding-left: 10px;
padding-right: 10px;
}

.explore-card {
display: block;
text-align: center;
text-decoration: none;
color: #1f2329;
}

.explore-card-ghost {
opacity: 0.5;
transform: scale(0.92);
transform-origin: center center;
filter: grayscale(18%);
}

.explore-card-ghost .explore-image-wrap {
background: #ececec;
}

.explore-image-wrap {
border: 1px solid #777777;
background: #f5f5f5;
aspect-ratio: 3 / 4;
overflow: hidden;
}

.explore-image-wrap img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}

.explore-card-title {
margin-top: 14px;
font-size: 1.2rem;
line-height: 1.2;
font-weight: 700;
text-transform: uppercase;
color: #22272d;
}

.explore-card-ghost .explore-card-title {
opacity: 0.9;
}

.explore-cta-wrap {
text-align: center;
margin-top: 30px;
}

.explore-cta {
display: inline-block;
background: #262a2f;
border: 1px solid #262a2f;
color: #f0f0f0;
font-size: 0.94rem;
line-height: 1;
letter-spacing: 0.04em;
text-transform: uppercase;
padding: 16px 24px;
transition: all 0.3s ease;
}

.explore-cta:hover {
background: transparent;
color: #262a2f;
}

.explore-carousel .carousel-control-prev,
.explore-carousel .carousel-control-next {
width: 44px;
height: 44px;
top: 44%;
transform: translateY(-50%);
background: transparent;
opacity: 1;
}

.explore-carousel .carousel-control-prev {
left: -54px;
}

.explore-carousel .carousel-control-next {
right: -54px;
}

.explore-carousel .carousel-control-prev-icon,
.explore-carousel .carousel-control-next-icon {
background-image: none;
width: auto;
height: auto;
font-size: 1.9rem;
line-height: 1;
color: #282d33;
}

@media (max-width: 991.98px) {
#explore {
padding: 62px 0 72px;
}

.explore-shell {
padding: 0 54px;
}

.explore-carousel .carousel-control-prev {
left: -8px;
}

.explore-carousel .carousel-control-next {
right: -8px;
}

.explore-card-title {
font-size: clamp(1.18rem, 1.9vw, 1.5rem);
}
}

@media (max-width: 767.98px) {
.explore-shell {
padding: 0 40px;
}

.explore-ghost-col {
display: none;
}

.explore-heading {
line-height: 1.12;
}

.explore-subheading {
margin-bottom: 24px;
}

.explore-track {
padding-left: 0;
padding-right: 0;
}

.explore-carousel .carousel-control-prev,
.explore-carousel .carousel-control-next {
top: 37%;
}

.explore-carousel .carousel-control-prev {
left: -10px;
}

.explore-carousel .carousel-control-next {
right: -10px;
}

.explore-card-title {
margin-top: 12px;
font-size: 1.2rem;
}

.explore-cta {
width: 100%;
max-width: 360px;
}
}

#showroom-cta {
position: relative;
background-image: url("../../assets/images/Services/Experience_The_Showroom_Image_Services.png");
background-size: cover;
background-position: center;
min-height: 420px;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
padding: 80px 24px;
border-top: 1px solid #E8E8E8;
border-bottom: 1px solid #E8E8E8;
}

#showroom-cta .showroom-cta-inner {
position: relative;
z-index: 1;
max-width: 780px;
}

#showroom-cta .showroom-cta-title {
font-size: clamp(1.8rem, 3.2vw, 3rem);
font-weight: 700;
letter-spacing: 0.04em;
color: #E8E8E8;
margin-bottom: 22px;
text-transform: uppercase;
line-height: 1.1;
}

#showroom-cta .showroom-cta-sub {
font-size: clamp(0.95rem, 1.3vw, 1.15rem);
color: #e0e0e0;
margin-bottom: 36px;
line-height: 1.6;
}

#showroom-cta .showroom-cta-btn {
display: inline-block;
padding: 13px 38px;
border: 1.5px solid #E8E8E8;
background: #E8E8E8;
color: #1a1a1a;
font-size: 0.92rem;
letter-spacing: 0.1em;
text-decoration: none;
text-transform: uppercase;
transition: background 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}

#showroom-cta .showroom-cta-btn:hover {
background: #292929;
border-color: #292929;
color: #ffffff;
border: 1.5px solid #E8E8E8;
}

@media (min-width: 1200px) {
#showroom-cta .showroom-cta-inner {
max-width: 1280px;
}

#showroom-cta .showroom-cta-title {
white-space: nowrap;
}
}

@media (max-width: 767.98px) {
#showroom-cta {
min-height: 320px;
padding: 60px 20px;
}
}

#robod-differance {
background: #2d2d2d;
padding: 78px 0 84px;
}

.difference-shell {
max-width: 1540px;
margin: 0 auto;
}

.difference-header {
max-width: 1080px;
margin: 0 auto 48px;
text-align: center;
}

.difference-title {
font-size: 2rem;
font-weight: 700;
line-height: 1.08;
letter-spacing: 0.02em;
text-transform: uppercase;
color: #f2f2f2;
margin-bottom: 14px;
}

.difference-subtitle {
margin: 0;
font-size: clamp(0.92rem, 1vw, 1rem);
line-height: 1.6;
color: rgba(232, 232, 232, 0.72);
}

.difference-card {
height: 100%;
background: #E8E8E8;
border: 1px solid rgba(232, 232, 232, 0.7);
padding: 25px 10px;
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;

}

.difference-card-icon {
width: 72px;
height: 72px;
object-fit: contain;
margin-bottom: 28px;
}

.difference-card-title {
font-size: clamp(1.3rem, 1.5vw, 1.5rem);
font-weight: 700;
line-height: 1.15;
color: #232323;
margin-bottom: 12px;
}

.difference-card-copy {
margin: 0;
font-size: 1rem;
line-height: 1.45;
color: #777777;
}

@media (max-width: 991.98px) {
#robod-differance {
padding: 64px 0 70px;
}

.difference-header {
margin-bottom: 34px;
}

.difference-card {
min-height: 220px;
}
}

@media (max-width: 767.98px) {
.difference-card {
padding: 28px 20px 24px;
min-height: auto;
}

.difference-card-icon {
width: 64px;
height: 64px;
margin-bottom: 22px;
}
}