@charset "utf-8";

*::after {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
    margin:0;
    padding:0;
    overflow-x:hidden;
  }
  
body        {background: #EEEEEE !important;
    font-family: "Poppins", sans-serif;
    font-style: normal;}

header {
    background-image: url(images/header1.jpg);
    width: 100%;
    height:600px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.red-color      {color: #A4332B;}

/* Media query for smaller screens */
@media (max-width: 768px) {
    header {
        height: 400px;
    }
}

nav {width:100% !important;
     opacity: 1 !important;
     /* z-index:999; */
    }

nav img {
    width: 10%;
    margin-left: 2vw;
}

.navbar-nav {
    width: 65%;
    margin-left: 30%;
    float: right;
}

.navbar-nav a {
    font-weight: 700;
    margin-left: 2vw;
}

.navbar-nav a:hover {
    font-weight: 800;
}

/* Media query for smaller screens */
@media (max-width: 990px) {

    .navbar-nav {
        width: 100%;
        margin-left: 0;
        text-align: center;
        padding-top: 20px;
    }

    .navbar-nav a {
        margin: 0 10px;
    }
}

.heading {
    text-align: center;
    font-size:3rem;
    color: #A4332B;
    padding: 20px;
    font-weight: 800;
}

@media (max-width:760px) {
    nav img {
        width:20%;
        margin-left: 2vw;
    }

    .heading {
        font-size:2rem;
    }
}

.download-btn   {width: 100%;
                background: #A4332B;
                color: white;
                border-radius: 10px;
                padding-top: 2vh;
                padding-bottom: 2vh;
                margin-top:5vh;
                border: none;
                font-size: 20px;
                font-weight: 600;}

#parallex {
    background: url('images/parallex1.jpg') no-repeat fixed;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    min-height: 300px;
    padding: 10vh 0vw;
}

.parallex-css        {background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    min-height: 300px;
    padding: 10vh 0vw;}

@media (max-width:760px) {
    #parallex {padding: 10vh 15%;
    }
}

.container {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    /* justify-content: center; */
    align-items: center;
}


.box {
    min-height: 250px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-bottom: 20px;
    background: white;
    transition-duration: 0.3s;
}

.box:hover {
    background:#A4332B;
    color: #F3D900;
}

.box img {
    width: 80%;
    height: 100%;
}

.box h4 {
    font-weight: 700;
    height: 100%;
}


/* =================================================================================================================================== */



#your_space {
    width: 100%;
    padding: 5vh 5vw;
    height: auto;
}

#your_space h1 {
    font-weight: 800;
    color: #A4332B;
    text-align: center;
    font-size: 3rem;
}

@media (max-width:760px) {
    #your_space h1 {
        font-size: 2.5rem;
    }

    #your_space h3 {
        font-size: 1.5rem;
    }
}

#your_space h3 {
    font-weight: 400;
    margin-bottom: 30px;
    color: black;
    text-align: center;
    font-size: 2.5rem;
}

.space_container {
    width: 100%;
    height: auto;
}

.space_box {
    display: grid;
    height: 50vh;
    margin-bottom: 25px;
    overflow: hidden;
    background-size: contain;
}

.space_box1 {
    position: relative;
    background-image: url(images/bedroom.jpg);
    height: 100%;
}

.space_box2 {
    position: relative;
    background-image: url(images/kidsroom.jpg);
    height: 100%;
}

.space_box3 {
    position: relative;
    background-image: url(images/kitchen.jpg);
    height: 100%;
}

.space_box4 {
    position: relative;
    background-image: url(images/living\ room_dekstop.jpg);
    height: 100%;
}

.space_box5 {
    position: relative;
    background-image: url(images/office.jpg);
    height: 100%;
}

.space_box6 {
    position: relative;
    background-image: url(images/reception.jpg);
    height: 100%;
}

.space_box7 {
    position: relative;
    background-image: url(images/wordrobe.jpg);
    height: 100%;
}


.space_text_box {
    width: 100%;
    background: rgba(255, 255, 255, 0.512);
    position: absolute;
    bottom: 0px;
    transition-duration: 0.5s;
}

.space_box:hover>.space_text_box {
    margin-top: -5vh;
}

.mid_space_box:hover>.space_text_box {
    margin-top: -5vh;
}

.space_text_box h3 {
    font-weight: 700;
    text-align: center;
    opacity: 1;
    font-size: 3vw;
    color: #A4332B !important;
}

/*================================================================ this part is end =======================================================================*/


#parallex2 {
    background: url('images/parallex2.jpg') no-repeat fixed;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    min-height: 300px;
    padding: 10vh 10vw;
}

/*  */

#form_content       {background:rgba(255, 255, 255, 0.453);
                     padding:20px;}

#form {width:90%;
        margin-left:5%;
        background-image: url(images/form_back.jpg);
        border-radius:30px;
        padding: 50px;
        margin-top: 25px;
        background-size: 100% 100%;
}

@media (max-width:760px) {

    #form {border-radius:20px;
        width:100%;
        margin-left:0%;
        padding:20px;
        margin-top: 25px;
        }
}

.call_back {
    background: white;
    border-radius: 10px;
    padding: 5px 0px;
    text-align: center;
    box-shadow: 0px 0px 46px -4px rgba(0, 0, 0, 0.66);
}

.call_back h2 {
    font-weight:700;
    color:#A4332B;
}

#form input {
    width: 100%;
    padding: 2vh 0vw 2vh 2vw;
    border-radius: 10px;
    margin-top: 2vh;
    -webkit-box-shadow: -1px 1px 46px -4px rgba(0, 0, 0, 0.66);
    -moz-box-shadow: -1px 1px 46px -4px rgba(0, 0, 0, 0.66);
    box-shadow: -1px 1px 46px -4px rgba(0, 0, 0, 0.66);
}

#form textarea {
    width: 100%;
    margin-top: 2vh;
    padding: 2vh 0vw 2vh 2vw;
    border-radius: 10px;
}

#form_content button {
    width: 100%;
    background: #A4332B;
    color: white;
    border-radius: 10px;
    padding-top: 2vh;
    padding-bottom: 2vh;
    margin-top: 2vh;
    border: none;
    font-size: 20px;
    font-weight: 600;
}

#form_content-2 button {
    width: 100%;
    background: #A4332B;
    color: white;
    border-radius: 10px;
    padding-top: 2vh;
    padding-bottom: 2vh;
    margin-top: 2vh;
    border: none;
    font-size: 20px;
    font-weight: 600;
}


/*  */


#parallex3 {
    background: url('images/parallex_3.jpg') no-repeat fixed;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    min-height: 300px;
    padding: 10vh 10vw;
    margin-top: 5vh;
}

/*====================================================================== parallex3 css end =======================================================*/


.certi {
    font-weight: 700;
    color: #A4332B;
    padding:20px;
    text-align: center;
    font-size: 3.5rem;
}

@media (max-width:760px) {
    
.certi {font-size:2.5rem;
}
}

#certification {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1ft));
    grid-auto-flow: column;
    gap: 20px;
    padding: 5vh 2.5vw;
}

.certificates {
    overflow: hidden;
}


.certificates img {
    width: 100%;
}

/*========================================================= certification css end =======================================================*/


#testimonial {
    width: 100%;
}

.testi1 {
    color: #A4332B;
    font-size: 3rem;
    padding: 20px;
    font-weight: 700;
}

.test-text {
    background:white;
    min-height:200px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.test-text h2 {
    color: #A4332B;
    width: 60%;
    font-size:2rem;
    font-weight: 600;
}


/* ============================================================================================================================== */

.faq        {width:100%;
             padding:20px 7%;}


#parallex4     {background: url('images/parallex\ 4.jpg') no-repeat fixed;
                background-position: center center;
                -webkit-background-size: cover;
                -moz-background-size: cover;
                -o-background-size: cover;
                background-size: cover;
                min-height:300px;
                padding:10vh 10vw;
                margin-top:5vh;}
     


footer          {background:#373738;
            padding:10vh 8vw;}

footer table td {padding:5px;}

.foot_part      {text-align:left;
            min-width:250px;}

.foot_part img  {width:60%;
            }

.foot_part h5     {color:#cac7c7;
              font-weight:700;
              }

.foot_part p     {color:#cac7c7;
              font-weight:600;
              }

.foot_part p:hover  {color: #A4332B;}

.foot_part a    {text-decoration:none;}

.foot_part input  {border-radius:10px;
                    margin-top:1vh;}
       
.foot_part textarea   {width:100%;
                        border-radius:10px;
                        margin-top:1vh;
                        padding:1vh 1vw;
                        height:auto;}

.foot_part button     {background:transparent;
                 border:2px solid white;
                 border-radius:50px;
                 padding:0.7vh 2vw;
                 width:70%;
                 color:white;
                 margin-top:2vh;
                 font-weight:700;
                 margin-left:15%;}

.foot_icon     {font-size:1.8rem;
           margin-top:2vh;
           margin-bottom:15px;
           color:white !important;
           margin-left:1.2vw;}

.cont           {font-size:1.8rem;
                 margin-right:10px;}

footer hr       {width:100%;
            opacity:1;
            background:white;
            height:0.5vh;}

footer p        {color:#cac7c7;
            font-weight:600;}





/*=============================================================================== about page ===========================================================================*/



/* about **************** */

.about-banner       {background-image:url(images/about-banner.jpg);
                     min-height:500px;
                     padding:40px 8%;
                     background-size:cover;
                     position: relative;
                     background-position:center center;}

.about-banner h1 {
    text-align: left !important;
    color: #A4332B;
    font-size:3.5rem;
    bottom:30px;
    position: absolute;
    font-weight: 700;
}

.about h1 {
    text-align: left !important;
    color: #A4332B;
    font-size:2.8rem;
    font-weight: 700;
}   

.value-main-box         {padding:20px 2%;}

.value-main-box h1     {color: #A4332B;
    font-size:2.8rem;
    padding:20px 0px;
    margin-bottom:20px;
    font-weight: 700;
    text-align: center !important;}


.Mission-vision         {padding:20px 10%;}

.Mission-vision h1     {color: #A4332B;
    font-size:2.8rem;
    padding:20px 0px;
    margin-bottom:20px;
    font-weight: 700;
    text-align: center !important;}

.value {
    border: 1px solid rgb(0, 0, 0);
    transition: .3s linear;
}

.value img {
    width: 50%;
}

.value h3 {
    color: #A4332B;
    margin-top: 20px;
    font-size: 20px;
}

.value p {
    text-align: center;
}

.value:hover h3 {
    color: #fff;
}

.value:hover {
    background-color:#A4332B;
    border: none;
    color: #fff !important;
}

.mis_box {
    background-color: #A4332B;
    color: #fff !important;
}

.mis_box h2 {
    color: #F0DE36 !important;
    font-weight: 700;
}

.mis_img img {
    width: 100%;
    height: 400px;
}

.ooo h1 {
    color: #fff;
    margin-bottom: 40px;
}


.blog-banner    {background-image:url(images/blog-banner.jpg);
                 background-position:center;}

.header-banner      {
                    position:relative;
                    background-size:cover;
                     min-height:500px;
                     padding:40px 8%;
                     }

.header-banner h1     {
                        text-align: left !important;
                        color:white;
                        font-size:3.5rem;
                        bottom:30px;
                        position: absolute;
                        font-weight: 700; }


/* blog  */

.blog{
    /* border: 2px solid #146C94; */
    box-shadow: 0px 0px 4px 5px rgba(0,0,0,0.1);
    padding-bottom: 20px;
    overflow: hidden;
    position: relative;
    margin-bottom: 20px;
}

.blog:hover img {
    transform: scale(1.1); /* Scales the image to 110% on hover */
}

.blog img{
width: 100%;
height: 400px;
transition: transform 0.3s ease-in-out;
}
.blogbox_content{
    padding: 40px;
}
.blogbox_content h1{
    font-size: 25px;
    margin-bottom: 10px;
    font-weight: 700;
}
.blogbox_content button{
    padding: 10px 30px;
    border: 1px solid #929292;
    background: none;
    position: absolute;
    bottom: 10px;
    right: 10px;
    border-radius: 50px;
}

.contact-banner     {background-image:url(images/contact-banner.jpg);
                     background-position: center center;}


.form-button    {width:100%;
                 padding:15px;
                 background: #A4332B;
                 color:white;
                 font-weight:700;
                 border:none;
                 margin-top:10px;
                 border-radius:15px;}

.Blog-page h2     {font-weight:700;
                    margin-top:20px;
                   color: #A4332B;}


/* contact  */

.contact h1 {
    color: #fff !important;
}

.contact-heading    {padding:40px 8%;
                    z-index: 11111 !important;}

@media (max-width:660px) {
    .contact-heading    {padding:40px 5%;}
}

.contact-heading h1   {text-align: center !important;
                     font-weight:700;
                     font-size:2.8rem;
                     color:#A4332B;}

.add {padding:190px 8% 40px 8%;
    background-color:#A4332B;
    z-index:-90 !important;
    position: relative;
    margin-top:-150px;
}

.right-border   {border-right: 1px solid #fff;}

.dealer-heading h1    {font-weight:700;

                     color: #A4332B;}

.add_sy {
    min-height:200px;
    justify-content: center;
    align-items: center;
    display: flex;
    flex-direction: column;
}

.add_sy h4 {
    color: #F0DE36;
    font-weight: 700;
}

.add_sy a {
    color: #fff;
    text-decoration: none;
}

.add_sy p {
    color: #fff;
}
.ad_fl{
    display: flex;
    align-items: center;
}
.ad_fl i{
    margin-right: 10px;
    font-size:1.8rem;
    color: #F0DE36;
}

#about-parallex1    {
    background: url('images/about-parallex-1.jpg') no-repeat fixed;
}
#about-parallex2    {
    background: url('images/about-parallex-2.jpg') no-repeat fixed;
}

#about-parallex3    {
    background: url('images/about-parallex-3.jpg') no-repeat fixed;
}   

.Catalogues-banner      {background-image:url(images/Catalogues-banner.jpg);}


.catalogues-content     {padding:40px 8%;}

.catalo gues-content h1   {color:#A4332B;
                          font-weight:700;
                          }

.catalogues-content input  {width:100%;
                            padding:10px;}

.catalogues-content label       {margin-top:5px;
                                 font-weight:600;}

.catalogues-content img {width:100%;}

.catalogue-section-content  {padding:40px 8%;}

.catalogue-product img      {width:100%;}

.catalogue-product h1       {margin-top:10px;}

.catalogue-product button   {background: #A4332B;
                             color:white;
                             border-radius:20px;
                             border:none;
                             padding:10px 30px;
                             font-weight:700;}


.catalogue-side-img         {background-image:url(images/catalogues-side-img.jpg);
                             background-size:cover;
                             background-position:center;
                             min-height:350px;
                             height:100%;
                             }


.carrer-banner              {background-image: url(images/career-banner.jpg);
                             background-position:center center;}

.career-content             {padding:60px 8%;}

.career-content img         {width:100%;}

.career-content h2           {color: #A4332B;
                              font-weight:700;
                              font-size:2.3rem;}

.career-form                {padding:40px 8%;}

.career-form-box            {padding:30px;
                             border-radius:30px;
                             background-image: url(images/career-form-background..jpg);
                             background-size:cover;
                             color:white;}

@media (max-width:660px) {
    .career-form-box            {padding:20px 5px}
}

.career-form-heading h2       {color: #A4332B;
                             background: rgba(255, 255, 255, 0.514);
                             border-radius:5px;
                             padding:5px;
                             font-weight:700;} 


.state-main-box                 {max-width:1000px;
                                margin: 0px;
                                 margin-top:40px !important;}

.border-line                    {border:1px solid black;
}

.state-box                      {border:0.5px solid black;
                                 text-align: center;
                                 padding:10px;
                                 font-weight:600;}

.bb                             {
                                 justify-content: center;
                                align-items: center;
                                 display:flex;}

.mica-text                      {font-size:1.2rem;}

.product-img-img                 {background-image:url(images/catalouge-img-1.jpg);}
.product-img-img-2                 {background-image:url(images/catalouge-img-2.png);}
.product-img-img-3                 {background-image:url(images/catalouge-img-3.jpg);}
.product-img-img-4                 {background-image:url(images/catalouge-img-4.jpg);}
.product-img-img-5                 {background-image:url(images/catalouge-img-5.jpg);}


.product-page-box-img               {background-size:cover;
                                     background-position:center center;
                                     min-height:300px;}

.product-page-box-text h1            {font-weight:600 !important;}

.more-product                           {padding:40px 8%;}

.more-product h1                           {font-weight:700;}

.more-product img                   {width:100%;}

.more-product-box h3                    {margin-top:10px;}

.more-product a                     {text-decoration:none;
                                     color:black;}