Bedroom
.entry-content .widget ul, .entry-content ul {
margin-top: 1rem !important;
}
.site-footer{
display:none;
}
.header-wrap{
display:none;
}
/* additional css */
.navbar {
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
.home {
color: #EE7724 !important;
}
.tab-item {
font-family: 'Roboto', sans-serif;
font-size: 16px;
}
.btn-get {
background-color: #EE7724;
color: white;
padding: 15px;
font-size: 16px;
border: none;
border-radius: 40px;
cursor: pointer;
transition: transform 0.3s ease, background-color 0.3s ease;
}
.btn-get:hover {
transform: scale(1.1);
background-color: #EE7724;
color: white;
}
/********************************** end of navber **********************************/
.bg-image {
position: relative;
background-image: url(https://kitchendecor.in/wp-content/uploads/2025/03/33145-1-4.png);
background-size: cover;
background-position: center;
padding: 200px 0px;
border-radius: 50px;
}
.bg-image::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.2);
/* Semi-transparent black overlay */
filter: blur(10px);
/* Blur effect */
z-index: 1;
border-radius: 50px;
}
.transform {
position: relative;
font-family: 'Roboto', sans-serif;
font-weight: 700;
font-size: 45px;
line-height: 52.73px;
text-align: center;
color: white;
z-index: 2;
/* Ensure text is on top */
}
@media (max-width: 768px) {
.transform {
font-size: 30px;
/* Decrease font size */
line-height: 36px;
/* Decrease line-height */
}
.bg-image {
padding: 50px 0px;
/* Decrease padding */
}
}
/*************************************** end of banner page ***************************************/
.experience {
font-family: 'Roboto', sans-serif;
font-weight: 700;
font-size: 45px;
line-height: 52.73px;
letter-spacing: 0.4px;
text-align: center;
}
@media (max-width: 768px) {
.experience {
font-size: 35px;
line-height: 50px;
}
}
.we-design {
font-family: Arial, sans-serif;
font-weight: 400;
font-size: 20px;
line-height: 24px;
letter-spacing: 0%;
text-align: center;
color: rgba(111, 111, 111, 1);
}
@media (max-width: 320px) {
.full-section {
height: 60vh !important;
}
}
.Begin-text {
font-family: 'Roboto', sans-serif;
font-size: 34px;
font-weight: 700;
line-height: 52.73px;
text-align: center;
color: white;
}
.design-my {
width: 250px;
height: 62px;
background-color: #ED0B70;
color: white;
font-size: 18px;
border: none;
border-radius: 10px;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: transform 0.3s ease, background-color 0.3s ease;
}
.design-my:hover {
background-color: #ED0B70;
cursor: pointer;
transform: scale(1.1);
}
/********************************** end of big text content **********************************/
.modular-Bedroom {
font-family: 'Roboto', sans-serif;
font-weight: 700;
font-size: 45px;
line-height: 52.73px;
letter-spacing: 0%;
text-align: center;
}
.master {
font-family: 'Roboto', sans-serif;
font-weight: 700;
font-size: 45px;
line-height: 52.73px;
letter-spacing: 0%;
text-align: center;
}
.children {
font-family: 'Roboto', sans-serif;
font-weight: 700;
font-size: 45px;
line-height: 52.73px;
letter-spacing: 0%;
text-align: center;
}
@media (max-width: 768px) {
.modular-Bedroom{
font-size: 30px;
line-height: normal;
}
.master {
padding-top: 10px !important;
font-size: 30px;
line-height: normal;
}
.Component-5 {
margin-top: 10px !important;
}
.children {
margin-top: 20px !important;
font-size: 30px;
line-height: normal;
}
.Component-6 {
margin-top: 10px !important;
}
.type-section {
padding-bottom: 20px !important;
}
}
/************************************* end of types of section *************************************/
.choose-from-the {
font-family: 'Roboto', sans-serif;
font-weight: 700;
font-size: 40px;
line-height: 46.88px;
letter-spacing: 0%;
text-align: center;
}
@media (max-width: 768px) {
.choose-from-the {
font-size: 30px;
line-height: 40px;
}
}
.choose-img-text {
font-family: 'Roboto', sans-serif;
font-size: 20px;
font-weight: 500;
line-height: 23.44px;
text-align: center;
color: rgba(111, 111, 111, 1);
}
.border-right-line {
border-right: 1px solid rgba(224, 224, 224, 1);
}
.icon-img img {
width: 55px;
}
.estimate-free-button {
width: 329px;
height: 62px;
border-radius: 15px;
background-color: rgba(255, 138, 0, 1);
color: white;
font-size: 18px;
border: none;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: transform 0.3s ease, background-color 0.3s ease;
}
.estimate-free-button:hover {
background-color: rgba(255, 138, 0, 1);
cursor: pointer;
transform: scale(1.1);
}
/************************* end of brand section ***************************************/
.our-process {
font-family: 'Roboto', sans-serif;
font-size: 45px;
font-weight: 700;
line-height: 52.73px;
color: rgba(126, 126, 126, 1);
}
.nav-pills .nav-link.active {
background-color: transparent !important;
}
.nav-pills .nav-link.active .img {
background-color: #fff !important;
}
.nav-pills .nav-link.active .img {
background-color: #EE7724 !important;
color: white !important;
}
h1 {
font-size: 20px;
font-weight: bold;
margin-bottom: 15px;
}
.container {
width: 100%;
}
.steps li:before {
content: "";
position: absolute;
width: 100%;
height: 0;
border-top: 2px solid #ddd;
top: 55px;
left: 0;
z-index: -1;
}
.steps li:last-child:after {
content: none;
}
.steps .nav-item:not(:last-child)::after {
content: "";
position: absolute;
/* width: 150px; */
height: 2px;
top: 30%;
left: 100%;
transform: translateY(-30%);
}
.nav-item .hover-img {
display: none;
}
.steps li .img img {
width: 50px;
height: 50px;
margin-inline: auto;
vertical-align: middle;
}
.steps li .caption {
margin-top: 20px;
color: black;
}
.steps {
display: flex;
justify-content: space-between;
align-items: center;
position: relative;
padding: 20px 0;
}
.steps::before {
content: "";
position: absolute;
width: 100%;
height: 2px;
border-top: 2px dashed #000;
top: 50%;
left: 0;
z-index: -1;
}
.steps .nav-item {
position: relative;
text-align: center;
background: white;
z-index: 1;
}
.steps li {
width: 20%;
position: relative;
display: flex;
align-items: center;
justify-content: center;
}
.steps li .img {
display: block;
width: 90px;
height: 90px;
line-height: 60px;
text-align: center;
border: 1px solid #ddd;
border-radius: 50%;
background-color: #fff;
display: flex;
align-items: center;
justify-content: center;
}
.caption {
font-family: 'Roboto', sans-serif;
font-size: 20px;
font-weight: 500;
line-height: 23.44px;
text-align: center;
color: rgba(126, 126, 126, 1) !important;
}
.head1 {
font-family: 'Roboto', sans-serif;
font-size: 45px;
font-weight: 700;
line-height: 52.73px;
text-align: center;
color: rgba(126, 126, 126, 1);
}
@media (max-width: 768px) {
.head1 {
margin-top: -100px !important;
}
}
.head2 {
font-family: Arial, sans-serif;
font-size: 20px;
font-weight: 400;
line-height: 28px;
text-align: center;
color: rgba(89, 89, 89, 1);
}
@media (max-width: 767px) {
/* Mobile screens */
.steps {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.steps .nav-item {
width: 48%;
margin-bottom: 10px;
text-align: center;
}
.caption {
font-size: 13px;
}
}
/******************************* end of timeline *******************************/
@media (max-width: 320px) {
.purple-section {
height: 60vh !important;
}
}
.Begin {
font-family: 'Roboto', sans-serif;
font-size: 34px;
font-weight: 700;
line-height: 52.73px;
text-align: center;
color: white;
}
.get-started {
width: 250px;
height: 62px;
background-color: #ED0B70;
color: white;
font-size: 18px;
border: none;
border-radius: 10px;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: transform 0.3s ease, background-color 0.3s ease;
}
.get-started:hover {
background-color: #ED0B70;
cursor: pointer;
transform: scale(1.1);
}
/*********************************** end of get started section ***********************************/
.testimonials {
font-family: 'Roboto', sans-serif;
font-size: 45px;
font-weight: 700;
line-height: 50px;
color: rgba(126, 126, 126, 1);
}
.testimonial-home .testimonial-card {
border: 1px solid #eaeaea;
border-radius: 10px;
overflow: hidden;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
text-align: center;
}
.testimonial-home .testimonial-video {
position: relative;
overflow: hidden;
}
.testimonial-video iframe {
width: 100%;
height: 250px;
border: none;
}
.play-overlay {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-color: rgba(0, 0, 0, 0.5);
color: #fff;
font-size: 40px;
border-radius: 50%;
padding: 10px 20px;
cursor: pointer;
display: none;
}
.testimonial-home .testimonial-section h2 {
font-size: 33px;
font-family: 'Roboto', sans-serif;
font-weight: 600;
}
.testimonial-description {
color: #555;
padding-bottom: 10px;
}
.testimonial-section {
margin: 50px 0;
}
.testimonial-title {
font-family: 'Roboto', sans-serif;
font-size: 20px;
font-weight: 400;
line-height: 50px;
text-align: center;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: #7E7E7E !important;
}
.testimonial-card {
border: 1px solid #ddd;
border-radius: 15px;
overflow: hidden;
box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.testimonial-video {
position: relative;
}
.testimonial-video img {
width: 100%;
height: auto;
}
.play-button {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 2.5rem;
color: white;
background-color: rgba(0, 0, 0, 0.6);
border: none;
border-radius: 50%;
width: 60px;
height: 60px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
.testimonial-name {
padding: 15px;
font-size: 1.2rem;
font-weight: bold;
}
.nav-pills .nav-link {
margin: 10px;
}
.entry-content .widget ul,
.entry-content ul {
margin-top: 3rem !important;
list-style: none !important;
padding-left: 4px;
}
.swiper-button-next {
color: black !important;
}
.swiper-button-prev {
color: black !important;
}
.testimonial-home .testimonial-card {
border: 1px solid #eaeaea;
border-radius: 10px;
overflow: hidden;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
text-align: center;
background: #fff;
}
.testimonial-home .testimonial-video {
position: relative;
overflow: hidden;
}
.testimonial-video iframe {
width: 100%;
height: 250px;
border: none;
}
.play-overlay {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-color: rgba(0, 0, 0, 0.5);
color: #fff;
font-size: 40px;
border-radius: 50%;
padding: 10px 20px;
cursor: pointer;
display: none;
}
.testimonial-home .testimonial-section h2 {
font-size: 33px;
font-family: 'Roboto', sans-serif;
font-weight: 600;
}
.testimonial-description {
color: #555;
padding-bottom: 10px;
}
.testimonial-section {
margin: 50px 0;
}
.testimonial-card {
border: 1px solid #ddd;
border-radius: 15px;
overflow: hidden;
box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.testimonial-video {
position: relative;
}
.testimonial-video img {
width: 100%;
height: auto;
}
.play-button {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 2.5rem;
color: white;
background-color: rgba(0, 0, 0, 0.6);
border: none;
border-radius: 50%;
width: 60px;
height: 60px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
.testimonial-name {
padding: 15px;
font-size: 1.2rem;
font-weight: bold;
}
.nav-pills .nav-link {
margin: 10px;
}
.entry-content .widget ul,
.entry-content ul {
margin-top: 3rem !important;
list-style: none !important;
padding-left: 4px;
}
.swiper-button-next {
color: black !important;
}
.swiper-button-prev {
color: black !important;
}
.testimonial-home .centered-img {
display: block;
margin: 0 auto;
margin-bottom: 20px;
}
@media (max-width: 576px) {
.testimonial-title {
font-size: 30px;
}
}
.swiper-pagination-bullets {
bottom: 10px !important;
display: none !important;
}
.swiper-pagination-bullet {
background: #F0750F !important;
opacity: 0.8;
}
.swiper-pagination-bullet-active {
background: #F0750F !important;
opacity: 1;
}
.testimonial-home .centered-img {
display: block;
margin: 0 auto;
margin-bottom: 20px;
}
@media (max-width: 576px) {
.testimonial-title {
font-size: 21px;
}
}
.swiper-pagination-bullets {
bottom: 10px !important;
display: none !important;
}
.swiper-pagination-bullet {
background: #F0750F !important;
opacity: 0.8;
}
.swiper-pagination-bullet-active {
background: #F0750F !important;
opacity: 1;
}
.btn-custom {
width: 329px;
height: 62px;
border-radius: 15px;
background-color: rgba(255, 138, 0, 1);
color: white;
font-size: 18px;
border: none;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
transition: transform 0.3s ease, background-color 0.3s ease;
text-decoration: none;
}
.btn-custom:hover {
background-color: #e67300;
transform: scale(1.1);
text-decoration: none;
color: white;
}
/*********************************** end of swiper section ***********************************/
.budget {
font-family: 'Roboto', sans-serif;
font-size: 40px;
font-weight: 700;
line-height: 50px;
text-align: center;
color: white;
}
@media (max-width: 767px) {
/* Mobile screens */
.budget {
margin-top: 17px;
}
.form-container button {
margin-bottom: 20px;
}
}
.get {
font-family: Arial;
font-size: 14px;
font-weight: 400;
line-height: 19px;
text-align: center;
color: white;
}
.form-section {
border-radius: 29px;
}
.form {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
color: white;
border-radius: 22px;
overflow: hidden;
}
.form-content {
font-family: 'Roboto', sans-serif;
font-size: 65px;
font-weight: 700;
}
.form-content img {
height: 520px;
border-top-left-radius: 29px;
border-bottom-left-radius: 29px;
box-shadow: -20px 0px 30px rgba(0, 0, 0, 0.9);
object-fit: cover;
}
@media (max-width: 768px) {
.form-content img {
height: 220px !important;
width: 100% !important;
border-radius: 50px !important;
margin-top: 10px;
}
}
.form-container {
text-align: center;
width: 100%;
}
.form-container input {
width: 80%;
max-width: 472px;
height: 60px;
border-radius: 20px;
margin-bottom: 20px;
padding-left: 20px;
border: none;
}
.form-container button {
background: rgba(56, 56, 56, 1);
width: 80%;
max-width: 472px;
height: 73px;
border-radius: 15px;
margin-top: 15px;
color: white;
border: none;
font-size: 18px;
cursor: pointer;
transition: transform 0.3s ease, background-color 0.3s ease;
}
.form-container button:hover {
background: rgba(56, 56, 56, 1);
transform: scale(1.1);
}
.quote-btn {
font-family: Arial;
font-size: 24px;
font-weight: 500;
line-height: 19px;
text-align: center;
}
/******************************** end of why section ********************************/
.accordion {
max-width: 100%;
margin: 0 auto;
font-family: 'Roboto', sans-serif;
}
.accordion-item {
margin-bottom: 15px;
border: 1px solid #ccc;
border-radius: 10px;
overflow: hidden;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
width: 100%;
max-width: 1093px;
color: white;
font-family: 'Roboto', sans-serif;
}
.accordion-header {
/* background: rgba(253, 152, 0, 1); */
padding: 10px 15px;
cursor: pointer;
font-size: 1.2rem;
display: flex;
justify-content: space-between;
align-items: center;
border-radius: 10px;
font-family: 'Roboto', sans-serif;
color: black !important;
}
.accordion-header span {
font-weight: bold;
font-size: 1.5rem;
transition: transform 0.3s;
font-family: 'Roboto', sans-serif;
}
.accordion-content {
display: none;
padding: 15px;
background-color: #ffffff;
border-top: 1px solid #ccc;
font-family: 'Roboto', sans-serif;
}
.accordion-content.open {
display: block;
}
.accordion-header span.open {
transform: rotate(45deg);
}
.faqs {
font-family: 'Roboto', sans-serif;
font-size: 45px;
font-weight: 700;
line-height: 50px;
color: #7E7E7E !important;
}
/* Responsive Adjustments */
/* For Tablet Devices */
@media (max-width: 768px) {
.accordion-item {
width: 90%;
margin: 0 auto;
}
.accordion-header {
font-size: 1.1rem;
}
.accordion-header span {
font-size: 1.3rem;
}
.faqs {
font-size: 35px;
}
}
/* For Mobile Devices */
@media (max-width: 576px) {
.accordion-item {
width: 100%;
margin-bottom: 10px;
}
.accordion-header {
font-size: 1rem;
}
.accordion-header span {
font-size: 1.2rem;
}
.faqs {
font-size: 30px;
}
}
/************************** end of accordion **************************/
.colr {
color: white;
}
.btn-warn {
color: white;
}
.under a,
p {
text-decoration: none !important;
}
.bg-footer {
background-color: #808080;
}
.accordion-header {
color: black !important;
}
.social-icon {
width: 50px;
}
/* */
.aporva-styles {
color: #F0750F !important;
font-weight: 600 !important;
box-shadow: 0px 4px 8px #707070 !important;
border-radius: 50px !important;
margin-right: 1rem !important;
padding: 0.6rem 2rem !important;
}
Home
Modular Kitchen
Wardrobe
Bedroom
Office Furniture
Other
Tv
Units
Other
Furniture
Get A Free Quote
Transforming Bedrooms, Enhancing Lifestyles
Experience Ultimate Comfort With Modular & Modern Bedroom Furniture Design