body p,span{
/*    font-family: "Inter", sans-serif;*/
}

*{margin: 0;
padding: 0;}

a{
    text-decoration: none;
    font-family: "Inter", sans-serif;
}
h1,h2,h3,h4,h5,h6{
    font-family: "Inter", sans-serif;
}
/*sticky watsup instagram css start*/
.sticky-watsup .float {
    position: fixed;
    width: 45px;
    height: 45px;
    bottom: 40px;
    left: 10px;
    background-color: #25d366;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    font-size: 30px;
    box-shadow: 2px 2px 3px #999;
    z-index: 100;
}
.sticky-watsup .my-float{
    height:25px;
    width: 25px;
}
.sticky-instagram .float-1 {
    position: fixed;
    width: 45px;
    height: 45px;
    bottom: 150px;
    left: 10px;
   
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    font-size: 30px;
   
    z-index: 100;
}
.sticky-instagram .my-float-1{
   
    width: 43px;
}

.sticky-instagram .float-2 {
    position: fixed;
    width: 45px;
    height: 45px;
    bottom: 95px;
    left: 10px;
    
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    font-size: 30px;
   
    z-index: 100;
}
.sticky-instagram .my-float-2{
    
    width: 40px;
}

/*sticky watsup instagram css end*/
/*sticky-up css start*/
.back-to-top {
    position: fixed;
    width: 45px;
    height: 45px;
    bottom: 40px;
    right: 10px;
    background-color: rgb(0, 0, 0);
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    font-size: 30px;
    box-shadow: 2px 2px 3px #999;
    z-index: 100;
}
.back-to-top .icon__arrow-up{
    height:25px;
    width: 25px;
}
/*sticky-up css start*/

/*top nav css start*/
.top-nav {
    background-color: #b72221;
    padding: 3px 0px 3px;
}
.top-nav-sp1 {
    color: #fff;
    font-family: "Rubik", sans-serif;
    word-wrap: break-word;
}


.top-nav-sp1 a{color: #fff;}


.top-nav-icon{
    height: 20px;
    width: 20px;
    margin-left: 10px;
}
#top-nav-call{
    padding: 2px;
}
.top-nav-sp2{
    float: right;
    word-wrap: break-word;
}
/*top nav css end*/
/*menubar css start*/
.logo{
    width: 110px;
}
.menu-nav-sp{
    float: right;
    word-wrap: break-word;
        padding: 0px 0px 0px;
}
.social-icon{
       height: 25px;
    width: 25px;
    margin-left: 10px;    
}
/*
.nav-link{
    font-weight: 600!important;
    color: #000;
    font-size: 15px;
}
.nav-link .active{
    font-weight: 600!important;
    color: #000;
}
.nav-link:hover{
    color: #DDAF0C;
    background-color: #000;
}
.nav-link.active:hover{
    color: #DDAF0C !important;
    background-color: #000;
}
.social-icon{
    transition: transform .5s;
}
.social-icon:hover{
    transform: scale(1.1);
}
.dropdown-item{
    font-weight: 600!important;
    color: #000;
}
.dropdown-item:hover{
    color: #DDAF0C !important;
    background-color: #000;

}
*/

/* .nav-item:hover>.dropdown-menu{
    display: block!important;
} */

/*menubar css end*/
/*slider css start*/
.slider {
    margin: 0 auto;
    width: 100%;
  }
  
  .slide_viewer {
    height: 100vh;
    overflow: hidden;
    position: relative;
    
  }
  
  .slide_group {
    height: 100%;
    position: relative;
    width: 100%;
  }
  
  .slide {
    display: block;
    height: 100%;
    position: relative;
    width: 100%;
  }
  
  .slide:first-child {
    display: block;
  }
  
  .slide:nth-of-type(1) {
    background:transparent;
  }
  
  .slide:nth-of-type(2) {
    background: transparent;
  }
  
  .slide:nth-of-type(3) {
    background: transparent;
  } 
/*slider css end*/
/*about css start*/
.about-section{
    margin: 45px 0px;
}
.heading-h h2{
    color: #020202;
}
.heading-h span{
    font-size: 18px;
    font-weight: 500;
}
.concept-img img{
    margin: 30px 0px;
}
.slogan-img img{
    margin: 30px 0px;
}
.heading-h-w h1{
    color: rgb(151, 151, 151);
    text-align: center;
}
.heading-h-w h3{
    color: #fff;
    text-align: center;
}
.about-outer{
background-color: #1f1f1f;
padding: 30px 0px;
}
.text{
    margin: 25px 25px; 
    color: #fff;
}
.all-btn .rm-btn{
    border: 2px solid #fff;
    color: #fff;
    border-radius: 1px;
    font-family: "Rubik", sans-serif;
}
.all-btn .rm-btn:hover{
background-color: #000;
}
/*about css end*/
/*projects css start*/
.projects-section {
    margin: -10px 0px 30px;
}
  .project-outer{
    background-image: url('../img/interior-img/project-bg.jpg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    padding: 30px 0px;
  }
.project-img-outer{
   
    padding: 0px 8px;
}
.projects .product_img{
    margin: 0px 0px;
    display: flex;
    object-fit: cover;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;

}
.project_slider{
    margin: 30px 0px;
}
.projects-text{
    color: #000;
}
.heading-h-p{
    margin: 35px 0px 10px;
}
.heading-h-p-1{
    margin: 35px 0px 10px;
}
  .projects .slick-dots li button:hover{
    color: #000;
  }
  .projects.slick-dots li button:before{
    color: #000;
  }
  .projects.slick-dots li button:after{
    color: #000;
  }
.projects.slick-prev:before{
    color: rgb(255, 255, 255);
}
.projects .slick-next:before{
    color: rgb(255, 255, 255);
}

/*projects css end*/
/*tv-console-view css start*/
.tv-console-view{
    background-image: url('../img/interior-img/62aa92d2ee.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    margin: 45px 0px;
    padding: 20px 0px;
    
}

.tv-console-view-outer img{
    margin: 30px 0px;
    box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}
.tv-console-view-outer {
    position: relative;
    z-index: 0;
}
.tv-console-view-outer::before {
    content: "";
    position: absolute;
    width: 500px;
    height: 400px;
    bottom: 0px;
    right: -20px;
    border: 4px solid #DDAF0C;
    box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
    z-index: -1;
  }
.heading-h-l h1{
    color: rgb(151, 151, 151);
    text-align: center;
}
.heading-h-l h3{
    color: rgb(0, 0, 0);
    text-align: center;
}
.tv-console-view-text{
    padding: 20px 30px;
}
.tv-console-view-text p{
color: #000;
text-align: center;

}
.view-btn .vm-btn{
    border: 2px solid rgb(0, 0, 0);
    color: rgb(0, 0, 0);
    border-radius: 1px;
    font-family: "Rubik", sans-serif;
}
.view-btn .vm-btn:hover{
background-color: #000!important;
color: #fff!important;
}
.inner-text-part{
    padding: 60px 0px;
}
/*tv-console-view css end*/
/*services css start*/

.heading-h-s h2{
    color:rgb(151, 151, 151);
    text-align: center;
}
.heading-h-s h4{
    color: #000;
    text-align: center;
}
.heading-h-s-1 h2{
    color:rgb(223, 223, 223);
    text-align: center;
}
.heading-h-s-1 h4{
    color: rgb(255, 255, 255);
    text-align: center;
}
.service-card-1{
    background-image: url('../img/interior-img/serivice-bg.jpg');
    background-position: right center;
    background-repeat: no-repeat;
    background-size:cover;
    border: none;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
   
}

.service-card-2{
    background-image: url('../img/interior-img/service-bg-1.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size:cover ;
    border: none;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
    
}
.services-section .heading-h-service h1{
    text-align: center;
    color:rgb(151, 151, 151);
}

.services-section .heading-h-service h3{
    margin: 0px 0px 30px;
    text-align: center;
}

/*services css end*/

/*specialized css start*/
.specialized-section{
    margin: 45px 0px;
    background-image: linear-gradient(rgba(88, 88, 88, 0.3), rgba(77, 77, 77, 0.3)),url('../img/interior-img/bg-2.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 40px 0px;
    background-attachment: fixed;
}
.specialized-card-img{
    height: 50px;
    width: 50px;  
    transition: transform .5s;
}
.specialized-card{
    background-color: transparent;
    border: none;

}
.specialized-card-title{
    color: #fff;
}
.specialized-card:hover .specialized-card-img{
    transform: scale(1.1); 
}
/*specialized css end*/
/*portfolio section css start*/
.portfolio-section{
    background-image: url('../img/interior-img/bg.jpg');
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 20px 0px;
}
.portfolio-section .heading-h-service h1{
    text-align: center;
    color:rgb(151, 151, 151);
}

.portfolio-section .heading-h-service h3{
    margin: 0px 0px 30px;
    text-align: center;
}
.portfolio-img img{
    border: 2px solid #DDAF0C;
}
.portfolio-img img:hover{
    
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
/*portfolio section css end*/
/*contact css start*/

.contact-section{
    background-image: linear-gradient(rgba(51, 51, 51, 0.6), rgba(41, 41, 41, 0.6)),url('../img/interior-img/contact.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    padding: 40px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
}
.contact-section .heading-h-service h1{
    text-align: center;
    color:rgb(151, 151, 151);
}

.contact-section .heading-h-service h3{
    margin: 0px 0px 30px;
    text-align: center;
    color: #fff;
}
.contact-btn .cm-btn{
    border: 2px solid rgb(0, 0, 0);
    color: rgb(255, 255, 255);
    border-radius: 1px;
    font-family: "Rubik", sans-serif;
    background-color: #000!important;
}
.contact-btn .cm-btn:hover{
background-color: rgb(27, 27, 27)!important;
border: 2px solid rgb(27, 27, 27);
color: #fff!important;
}
.form-control{
    background-color: transparent;
    border-radius: 0px;
    border: 2px solid #ffffff;
}
.frm input,textarea{
    box-shadow: 1px 1px 1px #DDAF0C;
}
.frm input::placeholder {
    color: rgb(255, 255, 255);
  }
  .frm textarea::placeholder {
    color: rgb(255, 255, 255);
  }
.contact-btn{
    margin: 30px;
}
.form-control:focus{
    border-color: #fff;
    box-shadow: none;
}

.frm{
    margin: 30px 0px;
}
/*contact css end*/
/*footer css start*/
.footer {
   background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 65px 0px;
    border-top: 5px solid #b72221;
}
/*
.footer-logo img{
    width: 120px;
}
*/
.footer-text p{
    margin: 20px 0px;
}
.footer-heading h5 {
    font-weight: 800;
    font-size: 18px;
    font-family: "Roboto", sans-serif;
    text-transform: uppercase;
    color: #1a1919;
    position: relative;
}

.footer-heading h5::before {
    content: '';
    position: absolute;
    width: 78px;
    height: 0px;
    border-bottom: 2px solid #b72221;
    top: 34px;
}

.underline h5::before {
    content: '';
    position: absolute;
    width: 78px;
    height: 0px;
    border-bottom: 0px solid #fbd601;
    top: 34px;
}

.link-list{
    margin-top: 30px; 
}
.link-list ul{
    list-style: none;
    padding: 0px;
}
.link-list ul li {
    line-height: 34px;
    border-bottom: 1px dashed #2d2556;
}
.link-list a {
    color: #201f1f;
    font-weight: 500;
    font-size: 14px;
    font-family: "Roboto", sans-serif;
}
.f-right-icon {
    font-size: 12px;
    color: #b72221;
}
.link-list a:hover {
    color: #b72221;
}
.adress-list{
    margin-top: 30px;
}
.loation-list{
    display: flex;
}
.f-adresss-icon{
    height: 25px;
    width: 25px;
    margin: 5px 10px 0px 0px;
}
.footer-social-fp {
    word-wrap: break-word;
    padding-top: 22px;
}

.marq{
    color:#000;
}
.marq a{
    color:#000; 
}
/*footer css end*/
/* copyright css start*/
.copyright {
    background-color: #b72221;
   text-align: center;
    padding: 11px 0px;
    font-size: 15px;
    color: #fff;
    font-family: "Roboto", sans-serif;
}
.copyright a{
    color: #fbd601;
    text-decoration: none;
}
/* copyright css end*/
  /*responsive css start*/
@media only screen and (max-width: 600px) {

.menu-nav-sp{
    float: left;
    word-wrap: break-word;
}
.tv-console-view-outer::before {
    content: "";
    position: absolute;
    width: 370px;
    height: 280px;
    bottom: 0px;
    right: -13px;
    border: 4px solid #DDAF0C;
    box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
    z-index: -1;
}
.tv-console-view {
    padding: 10px 0px;
}
.tv-console-view-text{
    padding: 0px;
}
.slide_viewer{
    height: 20vh;
}
.service-card-1{
    margin-top: 10px!important;
}
.service-card-2{
    margin-top: 5px!important;
}
.sticky-watsup .float{
    right: 10px;
}
.sticky-instagram .float-1{
    right: 10px;
}
.footer-heading .links{
    margin-top: 20px;
}
/* .nav-item:hover>.dropdown-menu{
    display: block!important;
} */
}

@media screen and (min-width: 625px) and (max-width: 768px) {
    .slide_viewer {
        height: 65vh;
    }
    .tv-console-view-outer::before {
        content: "";
        position: absolute;
        width: 300px;
        height: 240px;
        bottom: 0px;
        right: -20px;
        border: 4px solid #DDAF0C;
        box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
        z-index: -1;
    }
    .tv-console-view{
        padding: 0px;
    }
    .heading-h-p {
        margin: 80px 0px 0px;
    }
    .heading-h-p-1{
        margin: 0px;
    }
    .projects-text p{
        margin: 20px 0px;
    }

    .slogan-img img{
        margin: 45px 0px;
    } 
    .heading-h span {
        font-size: 16px;
        font-weight: 500;
    }
    .tv-console-view-text{
        padding: 0px;
    }
    .slide_viewer{
        height: 33vh;
    }
    .service-card-1{
        margin-top: 5px!important;
    }
    .service-card-2{
        margin-top: 5px!important;
    }
    /* .nav-item:hover>.dropdown-menu{
        display: block!important;
    } */
}
  /*responsive css end*/