/*
Theme Name: Armarios
Theme URI: 
Author: Ruchi Rawat
Description: This is sample theme
*/

@font-face { font-family: PlayfairDisplay-Regular; src: url('PlayfairDisplay-Regular.ttf'); } 
@font-face { font-family: PlayfairDisplay-Bold; src: url('PlayfairDisplay-Bold.ttf'); } 
 body {
   margin: 0px; 
   padding: 0px;
   font-family: PlayfairDisplay-Regular;
   }
   h1{
       font-family: PlayfairDisplay-Bold;
       font-weight: 700;
       font-size: 52px;
   }
   p{
     font-family: PlayfairDisplay-Regular;
     font-size: 19px;

   }
   .mobile_about{
     display: none;
   }
   .btn_1{
     background-color: #47535F;
     color:white;
     font-family: PlayfairDisplay-Regular;
     font-size: 22px;
     font-weight: 500;
     border: none;
     padding: 5px 30px 5px 30px;
     margin: 15px 0px 15px 0px;

   }
   .btn_1:hover {
   background-color: #644D3F; 
   color: white;
  }
  .btn_1 a, .btn_2 a, .btn_1 a:hover, .btn_2 a:hover, .footer_btn a, .footer_btn a:hover {
   text-decoration: none;
   color:white;
  }

   .btn_2{
     background-color: #644D3F;
     color:white;
     font-family: PlayfairDisplay-Regular;
     font-size: 22px;
     font-weight: 500;
     border: none;
     padding: 4px 24px 4px 24px;
     margin: 15px 0px 15px 0px;

   }
   .btn_2:hover {
   background-color: #47535F; 
   color: white;
   }



/*--------------Home Page Start------------*/
    

    /* header Start*/


header{
   width: 100%;
   position: fixed;
   top: 0;
   left: 0;
   transition: background-color .5s ease;
   z-index: 1000;
}

.container{
   width: 100%;
   max-width: 120rem;
   margin: 0 auto;
   padding: 0 1.5rem;
}
/* Navbar layout */
.navbar {
   display: flex;
   justify-content: space-between;
   align-items: center;
   background: #333;
   padding: 10px 20px;
   flex-wrap: wrap;
 }
 
 .logo img {
   height: 60px;
   width: auto;
 }
 
 /* WP nav menu */
 .nav-menu {
   list-style: none;
   display: flex;
   gap: 20px;
   margin: 0;
   padding: 0;
 }
 
 .nav-menu li {
   display: inline-block;
 }
 
 .nav-menu a {
   color: white;
   text-decoration: none;
   padding: 10px 15px;
   display: block;
   transition: background 0.3s;
 }
 
 .nav-menu a:hover {
   background: rgba(255, 255, 255, 0.1);
   border-radius: 5px;
 }
 
 /* Hamburger icon */
 .nav-toggle {
   display: none;
   font-size: 26px;
   color: white;
   cursor: pointer;
 }
 
 /* Mobile styles */
 @media (max-width: 768px) {
   .nav-menu {
     flex-direction: column;
     width: 100%;
     background: #444;
     display: none;
   }
 
   .nav-menu.active {
     display: flex;
   }
 
   .nav-toggle {
     display: block;
   }
 }
 


/*Apply styles after scroll*/
.scrolling-active{
   background-color: #E4CFBF;
   box-shadow: 0 3px 1rem rgba(0,0,0,.1);
}

.scrolling-active .nav{
   height: 10rem;
}

.scrolling-active .nav a{
   color: #313131;
}

.scrolling-active #nav-cta{
   background-color: #644D3F;
   color: #fff;
}

.scrolling-active #nav-cta:hover{
   background-color: #47535F;
}

.scrolling-active .nav-link::after{
   background-color: #313131;
}

/*Apply styles after scroll end*/


/* Hero Demo Content*/
.hero{
   width: 100%;
   /*height:95vh;*/
   background-size: cover;
   position: relative;

}

.hero::after{
   content: '';
   width: inherit;
   height: inherit;
   position: absolute;
   top: 0;
   left: 0;
 
}


/* Hero end*/
.nav span{
   display: none;
}
@media only screen and (max-width: 600px) {
   .nav ul li{
display:none;
   }
   .nav span{
   display: block;

}
#nav-cta{
 display: none !important;
}
}
.sidenav {
 height: 100%;
 width: 0;
 position: fixed;
 z-index: 1;
 top: 0;
 right: 0;
 background-color: #111;
 overflow-x: hidden;
 transition: 0.5s;
 padding-top: 60px;
}

.sidenav a {
 padding: 8px 8px 8px 32px;
 text-decoration: none;
 font-size: 25px;
 color: #818181;
 display: block;
 transition: 0.3s;
}

.sidenav a:hover {
 color: #f1f1f1;
}

.sidenav .closebtn {
 position: absolute;
 top: 0;
 right: 25px;
 font-size: 36px;
 margin-left: 50px;
}

@media screen and (max-height: 450px) {
 .sidenav {padding-top: 15px;}
 .sidenav a {font-size: 18px;}
}

    /* header End*/

   /*slider Start
.slider-container {
 position: relative;
 width: 100%;
 height: 700px;
 overflow: hidden;
}

.slide {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 display: none;
}

.slide img {
 width: 100%;
 height: 100%;
 object-fit: cover;
}

.prev-btn,
.next-btn {
 position: absolute;
 top: 50%;
 transform: translateY(-50%);
 width: 40px;
 height: 40px;
 font-size: 20px;
 background-color: rgba(0, 0, 0, 0.5);
 color: #fff;
 border: none;
 cursor: pointer;
}

.prev-btn {
 left: 10px;
}

.next-btn {
 right: 10px;
}

/*slider End*/

/*About Start*/
.about{
 padding-top: 140px;
 padding-bottom: 140px;
 text-align: center;
}
.main_heading{
 font-family: PlayfairDisplay-Bold;
 font-weight: 500;
 font-size: 54px;
 color: #47535F;
}
.span_heading{
 color: #644D3F;
}
/* What We Do Start*/
.box2{
 background-color: #E4CFBF;
display: flex;
align-items: center;
}
.box3{
 display: flex;
align-items: center;
}
.box2_inner{
padding-left: 50px; 
padding-right: 50px;
text-align: left;

}
.main_heading1{
 display: inline-block;
 vertical-align: middle;
}

/* What We Do End*/

/* How We Do Start*/

.howwedo_img{
 width:100%;
 height: auto;

}
/* How We Do End*/

/* Our Process Start*/
.box4{
 background-color: #47535F;
 padding-top: 150px;
 padding-bottom: 150px;
 text-align: center;
}
.process_heading{
 color: white;
 text-align: center;
  font-family: PlayfairDisplay-Regular;
  font-size: 62px;
  font-weight: 500;
}
.process_innersection{
 padding-top: 60px;
}
.icon_caption{
color: white;
font-size: 28px;
font-weight: 500;
font-family: PlayfairDisplay-Regular;
padding-top: 5px;
}
/* Our Process End*/

/* Overlay*/

.image_hover{
   position: absolute;
   bottom: 0px;
   right: 0px;
   height: 100%; 
   width:100%;
   background-color:#E4CFBF; 
   padding: 10px;
   text-align: center;
   opacity: 0.4;

}


.hover_txt{
   text-align: center;
   position: absolute;
   bottom: 0px;
   right: 0px;
   font-family: PlayfairDisplay-Regular;
   color: white;
   font-size: 28px;
   font-weight:400;
   height: 50px; 
   width:200px;
   background-color:#644D3F; 
   padding: 10px;

}


.imgzoom {
 display: inline-block;
 margin: 0px; 
 overflow: hidden; 
           /* clip the excess when child gets bigger than parent */
}
.imgzoom img {
 display: block;
 transition: transform .4s;   /* smoother zoom */
}
.imgzoom:hover img {
 transform: scale(1.3);
 transform-origin: 50% 50%;

}
/*overlayEnd*/

/*  Product Start*/
#kitchen{
 
 width: 100%;
 height: 600px;
 background-image: url('<?php echo get_template_directory_uri(); ?>/images/kitchen.jpg');
 background-size: cover;
 background-repeat: no-repeat;
 position: relative;  
}
.kitchen_txt{
 position: absolute;
 bottom: 0px;
 right: 20px;
 color: white;
 font-size: 48px;
 font-weight: 500;
}
#wardrobe{
 
 width: 100%;
 height: 600px;
 background-image: url('<?php echo get_template_directory_uri(); ?>/images/wardrobe.jpg');
 background-size: cover;
 background-repeat: no-repeat;
 position: relative;
}
.wardrobe_txt{
 position: absolute;
 bottom: 0px;
 right: 20px;
 color: white;
 font-size: 48px;
 font-weight: 500;
}
#furniture{
 
 width: 100%;
 height: 600px;
 background-image: url(images/furniture.jpg);
 background-size: cover;
 background-repeat: no-repeat;
 position: relative;
}
.furniture_txt{
 position: absolute;
 bottom: 0px;
 right: 20px;
 color: white;
 font-size: 48px;
 font-weight: 500;
}
/*  Product End*/


/*  contact Start*/

.form_box{

}
.contact_heading1{
 
 text-align: center;
 color:#644D3F;
 font-size: 72px;
 font-weight: 500;

 
}
.contact_heading2{
 color: #47535F;
}

input{
 border: none;
 outline: none; 
 border-bottom: 1px solid #ccc;
 background-color: transparent;
}
.form_box_outer{
 background-color: #47535F;
 padding: 150px;
}
.box_txt1{
 display: flex;
 text-align: center;
}
.inputxt{
 width:390px;
 margin-top: 30px;
 padding: 10px;
}

.submit_btn{
    background-color: #644D3F;
     color:white;
     font-family: PlayfairDisplay-Regular;
     font-size: 24px;
     font-weight: 500;
     border: none;
     padding: 4px 60px 4px 60px;
     margin: 50px 0px 0px 0px;

}
/* contact Section End*/

/* Accessories Section Start*/
#access_4{
 background-color: #E4CFBF;
}
#access_1{
 
 width: 100%;
 height: 550px;
 background-image: url(images/access-1.jpg);
 background-size: cover;
 background-repeat: no-repeat;
 position: relative;
}
#access_2{
 
 width: 100%;
 height: 550px;
 background-image: url(images/access-2.jpg);
 background-size: cover;
 background-repeat: no-repeat;
 position: relative;
}
#access_3{
 
 width: 100%;
 height: 550px;
 background-image: url(images/access-3.jpg);
 background-size: cover;
 background-repeat: no-repeat;
 position: relative;
}
.access_hesding{
 color:#644D3F;
 text-align: center;
 font-size: 52px;
}
.box_access{
 display: flex;
 justify-content: center;
 align-items: center;
}
/*Accessories End*/

/* Footer Start*/
.footer{
 background-color: #47535F;
 padding: 120px 0px 120px 0px; 
}
.footer_div{
 padding-left: 50px;
 padding-right: 50px;
}
.footer_heading{
 color: #E4CFBF;
 margin-bottom: 20px;
  font-family: PlayfairDisplay-Regular;

}
.footer p{
 color:white;
 font-size: 20px;
 font-family: PlayfairDisplay-Regular;
}
.footer ul li {
 text-decoration: none;
 list-style: none;
 color:white;
 font-size: 22px;
 font-family: PlayfairDisplay-Regular;
 margin-left: -35px;
}
.footer ul li a{
 text-decoration: none;
 color:white;
font-family: PlayfairDisplay-Regular;
   }
}
.footer ul li a:hover {
 text-decoration: none;
 color:white;
  }

.footer li{
 padding-bottom: 8px;
}
.footer img{
 margin-bottom: 30px;
}
.footer_hr{
 background-color: #E5E5E7;
 width: 80%;
 margin-top: 60px;
}
.footer_btn{
     background-color: #644D3F;
     color:white;
     font-family: PlayfairDisplay-Regular;
     font-size: 22px;
     font-weight: 500;
     border: none;
     padding: 5px 30px 5px 30px;
     margin: 15px 0px 15px 0px;
}
/* Footer End --*/


/*--------------Home Page End------------*/



/*--------------About Page Start----------*/
.phone{
 display: none;
}
.about_heroimage{
 height: 100%;
 width: 100%;

}
.about_box1{
 
 padding-right: 80px;
 padding-left: 80px;
}
.about_box{
 display: flex;
 align-items: center;
}
.about_box2{
 padding-right: 80px;
 padding-left: 80px;
 padding-top: 180px;
}
/*--------------About Page End----------*/



/*--------------Our Clients Page Start----------*/

.our_client{
 text-align: center;
 padding: 150px 0px 80px 0px;

}
.client_caption1{
 color:#644D3F;
 padding-top: 6px;

}
.client_caption2{
 color: #47535F;
}
.client_img{
 margin-top: 50px;
 margin-bottom: 200px;
}
/*--------------our Clients Page End----------*/


/*--------------our Services Page Sart----------*/
.heading_service{
 color:#47535F;
 font-size: 32px;
 font-weight : 500;
}
.design_box{
 padding: 0px 70px 0px 70px;
}
.factory_box{
 padding: 0px 70px 0px 70px;
}
.execution_box{
 padding: 0px 70px 0px 70px;
}
.factorybox1{
 display: flex;
align-items: center;}



/*--------------our services Page End----------*/


/*--------------Contact Us Page Start----------*/

.contact_heading3{
 color: #644D3F;
 font-size: 62px;
 text-align: center;
}
.contact_box2{
 display: flex;
 justify-content: center;
 align-items: center;
}
.contact_box1{
 margin: 0px 0px 100px 0px;
}
.contact1{
 text-align: center;
 padding: 180px 0px 180px 0px;
}
.contact_heading4{
  color:#47535F;
}
.contactboxinner{
display: flex;
text-align: center;

}
.form_box{
 border: 1px grey solid;
 padding: 50px;
}

/*--------------Contact Us Page End----------*/


/*---------- mobile responsive start   06-07-2023 -----------*/
@media all and (max-width: 1200px) {
.inputxt{
 width:60%;
}
.contact1{
 text-align: center;
 padding: 100px 0px 100px 0px;
}

}
@media all and (max-width: 1000px) {
.box2_inner{
padding-left: 50px; 
padding-right: 50px;
padding-top: 100px;
padding-bottom: 100px;
}
.box1{
text-align: center;
}
.reverse_clm{
 display: flex;
 flex-direction: column-reverse;
}
.form_box{
 text-align: center;

}
.contact_heading1{
margin-top: 200px;
margin-bottom: 200px;
}
.about_box1{
 padding: 80px 20px 80px 20px;
}
.design_box{
 padding: 100px 20px 100px 20px;
}
.factory_box{
 padding: 100px 20px 100px 20px;
}
.execution_box{
 padding: 100px 20px 100px 20px;
}
.contact_heading3{
 font-size: 42px;
 text-align: center;
 margin: 0px 0px 100px 0px;
}


}
@media all and (max-width: 800px){

 .access_hesding{
 margin-top: 200px;
 margin-bottom: 200px;
 font-size: 42px;
}
.contact1{
 text-align: center;
 padding: 60px 20px 60px 20px;
}
.main_heading{

 font-size: 38px !important;
}

}
@media all and (max-width: 600px) {

/*---- Home Page Start---*/
.desk{
 display: none;
}
.mobile_about{
 display:inline-block;
}
.phone{
 display:inline-block;
}
 .about{
 padding-top: 60px;
 padding-bottom: 60px;
}

.form_box{
margin-left: 0px;
}
.box2_inner{
padding-left: 20px; 
padding-right: 20px;
padding-top: 60px;
padding-bottom: 60px;
}
.reverse_clm{
 display: flex;
 flex-direction: column-reverse;
}

.box4{
 padding-top: 60px;
 padding-bottom: 60px;
}
.process_heading{  
  font-size: 38px;
}
.process_innersection{
 padding-top: 20px;
}
.icon_caption{
font-size: 22px;
margin-bottom: 40px;
}
.contact_heading1, .contact_heading2{
 font-size: 42px;
 
}
.inputxt{
 width:250px;
}

.form_box{
 text-align: center;
}
.form_box_outer{
 padding: 100px;
}

.footer_heading{
font-size:24px;
}
.footer ul li {
 
 font-size: 19px;
 
}
.footer p{
 font-size: 19px;
}
/* --------Home Page End---------*/


/*------- About Page Start-------*/
.about_box1{
 padding-top: 80px;
 padding-bottom: 80px;
 padding-right: 20px;
 padding-left: 20px;
}

/*-------- About Page End------*/


/*------- Our Clients Page Start-------*/
.our_client{
 text-align: center;
 padding: 80px 0px 80px 0px;

}
.client_img{
 margin-top: 0px;
 margin-bottom: 80px;
}

/*------- Our Clients Page End-------*/


/*------- Our services Page Start-------*/

.design_box{
 padding: 100px 20px 100px 20px;
}
.factory_box{
 padding: 100px 20px 100px 20px;
}
.execution_box{
 padding: 100px 20px 100px 20px;
}
.main_heading{
 font-size: 28px;
}
/*------- Our Services Page End-------*/

/*------- Contact Us Page Start-------*/



/*------- Contact Us Page Start-------*/
}



/* mobile resposive End*/