@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&family=Roboto:wght@300;400;500;700&display=swap');
body{font-family: 'Roboto', sans-serif;color: #222}
a, a:hover{text-decoration: none;}
.nav-link{text-transform: uppercase;font-weight: 500;}
a.nav-link{color: #fff !important;font-size: 15px !important;}
.ml-lnk li{list-style-type: none;color: #073553;}
.navbar-brand img{filter: grayscale(1) brightness(10);}
.ml-lnk li a{color: #fff !important;}
.navbar-nav li{padding:0 5px;}
.banner-sec{padding:12em 0 7em; background: url(../img/interior-banner.jpg);background-size: cover; margin-top: 0px;z-index: 1;position: relative;}
.banner-sec h2{text-shadow: 0 -2px 15px #000;}
header{padding-left:60px !important;padding-right: 45px !important;z-index: 13;position: relative;}
.al-sec{padding:60px 0;}
h1, h2, h3,h4,h5,h6{color: #073553;font-weight: 600;font-family: 'Poppins', sans-serif;}
.pack h2, .serv h2, .pft-gal h2, .promise h2, .partner h2, .rst-qt h2{text-transform: uppercase;font-weight: 600;}
::placeholder{opacity:0.8 !important}
footer{background: #bababa;font-family: 'Poppins', sans-serif;}
.main-foot{padding:60px 80px 20px;}
.foot-links li{list-style-type: none;padding:5px 0;font-size: 16px;}
.foot-links li a{color: #073553;}
.foot-links{padding: 0;}
.main-foot h3{font-weight: 500;}
.main-foot h4{font-size: 20px;font-weight: 500;}
.icn-list li{list-style: none; display: inline-block; padding: 10px;font-size: 16px;}
.icn-list li a{color: #073553; font-size: 24px;}
.icn-list{padding: 0;}
footer a, footer p{color: #073553;}
footer a:hover{color: #0b4877;}
.cpy-txt p{font-size: 14px;}
p.hr-line{border-radius: 100%;
    padding: 0;
    margin: 10px 0 0;
    line-height: 0;
    width: 100%;
    height: 3px;
    background: #878787;
}
.contact-icon-box{display:block;width:80%}
.contact-icon-box .icn-bx{width:15%;float:left;text-align: center;}
.icn-bx span{
    width:50px;height: 50px;border: 1px solid #0b4877; border-radius: 50%;padding:15px;text-align: center;font-size: 20px !important;
}
.icn-bx span.fa{color:#0b4877}
.contact-info{width: 80%;float:left;margin-left: 15px;margin-top: 5px;}
.contact-info h4{font-size:20px}
.contact-info a{color: #0b4877;}
.clearfix.contact-icon-box {
    display: block;
    margin: 10px 0;
    transition: 0.4s;
    border-radius: 10px;
    padding:10px 15px;
}
.clearfix.contact-icon-box:hover{box-shadow: 0px 0px 12px #aaa;transform: translateX(-10px);}
section.banner-sec:after {
    content: '';
    background: #000;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    opacity: 0.4;
    z-index: -1;
    left: 0;
}
.nav-pills{width:100%;display: flex;
    /* vertical-align: middle; */
    align-items: center;
    flex-direction: row;
    justify-content: space-evenly;}
.nav-pills li.nav-item{width:22%; margin:0 10px 0;padding: 40px 30px 60px;border-radius: 10px;height: 100%;}
.nav-pills a.active{background:transparent!important;}
.nv1{background: url(../img/gallery/furniture.jpg);background-size: cover;position: relative;z-index: 1;}
.nv2{background: url(../img/gallery/furniture-new.jpg);background-size: cover;position: relative;z-index: 1;}
.nv3{background: url(../img/gallery/modular.jpg);background-size: cover;position: relative;z-index: 1;}
/* .nv4{background: url(../img/gallery/main-img-4.jpg);background-size: cover;position: relative;z-index: 1;} */
.nv1:before, .nv2:before, .nv3:before, .nv4:before{
    content:'';background:linear-gradient(180deg, #000 40%, transparent);opacity:0.7;width:100%;height:100%;top:0;left:0;
    position: absolute;z-index: -1;border-radius: 10px;
}
.sub-txt{font-size: 20px;line-height: 36px;font-weight: 500;margin:10px 0 0;}
.tab-sec{margin: -30px 0 0 ;z-index: 1;position: relative;padding:0 80px 60px;}
.tab-sec .nav-link{text-transform: capitalize;}
.tab-sec .nav-link h3{font-weight: 500;font-size: 20px;letter-spacing: 2px;}
.tab-sec .nav-link p{font-weight: 400;letter-spacing: 2px;font-size: 14px;}
.tab-sec a.active ~ a.btn-cstm{background: #0c75de !important;border:0}
a.btn-cstm{background-color: transparent;border: 2px solid #fff;color:#fff;position: absolute;bottom: 15px;left: 31px;width: 80%;margin: 0 auto;}
a.btn-cstm:hover{background: #0c75de !important;color: #fff;}
.tab-content{width:100%;margin-top: 30px;}
.tab-sec .nav-link{padding: 0;}
a.btn-cstm:active, a.btn-cstm:focus{background: #0c75de !important;border:0}
h2.pack-head{font-weight:500;border:2px solid rgb(7, 53, 83);letter-spacing: 5px; padding:15px;border-radius: 40px;width: 100%;margin: 0 auto;animation: pulse-black 2s infinite;transform: scale(1);}
.ecs-list{margin-bottom: 0;}
li{line-height: 2;}
.tab-content{padding: 0 30px;}
.tab-content .card{padding:15px;border:0;margin-bottom: 30px;box-shadow: 0 0 10px #aaa;border-radius: 10px;height: 95%;}
.tab-content .card img{width:100px;margin:0 auto}
.kn-btn{border:2px solid #073553;padding:7px 10px;cursor: pointer; border-radius: 30px; margin: 20px auto 0;color: #073553; transition: 0.5s;}
.kn-btn:hover{box-shadow: 0 0 10px #ccc;border-radius: 0px;}
.tab-content h3.card-title{font-size:20px;font-weight: 500;}
.vw-list{display: none;}
.vw-list, .ecs-list{font-size: 16px; padding: 0; list-style: none;}
.bg-pink{background: #2d2d73;}
.pk-box, .gk-box{padding:40px 20px}
.compare-icons{width: 100%;margin: 10px 0 20px;display: flex; transition: 0.5s;align-items: center;}
.cmp-icon-info p {
    display: none;
}
/* 
.compare-icons:hover {
    transform: scale(1.05);
}
.gk-box .compare-icons:hover {
    transform: scale(.95);
} */
.cmp-icon{width:17%; float: left;}
.cmp-icon-info{width:70%;float: left;margin-top: 10px;border-bottom: 1px solid #4b4abf;}
.cmp-icon-info h3{font-size: 20px;font-weight: 500;}
@keyframes pulse-black {
    0% {
      transform: scale(0.95);
      box-shadow: 0 0 0 0 rgba(7, 53, 83, 0.7);
    }
    70% {
      transform: scale(1);
      box-shadow: 0 0 0 10px rgba(7, 53, 83, 0);
    }
    100% {
      transform: scale(0.95);
      box-shadow: 0 0 0 0 rgba(7, 53, 83, 0);
    }
  }
.compare{padding:60px 80px}
.compare-icons:after {
    content: '';
    position: absolute;
    width: 31px;
    height: 29px;
    background: url(../img/icons/check.png);
    right: 60px;
    background-repeat: no-repeat;
    background-size: cover;
    transition: 0.5s;
}
.bg-grey{background: #e2e0e1;}
.gk-box h2, .gk-box h3, .gk-box p{color:#6b696a}
.gk-box .cmp-icon-info{border-bottom: 1px solid #6b696a;}
.gk-box .cmp-icon img{filter: grayscale(2);}
.pk-box h2, .gk-box h2{font-size: 38px;font-weight: 500;}
.gk-box .compare-icons:after {
    content: '';
    position: absolute;
    width: 31px;
    height: 29px;
    background: url(../img/icons/close.png);
    right: 60px;
    background-repeat: no-repeat;
    background-size: cover;
    transition: 0.5s;
}
.grn-txt span{position: absolute;
    font-size: 30px;
    z-index: 1;
    color: #fff;
    font-weight: 600;
    left: 48.5%;}
   .grn-txt span:after {
    content: '';
    position: absolute;
    background: #0ed678;
    width: 100px;
    height: 85px;
    left: -29px;
    top: -16px;
    z-index: -1;
    transform: skew(12deg, 21deg);
}
.serv .card img {
    width: 100px;
    margin: 0 auto 15px;
}
.serv .card {
    border-bottom: 2px solid #3e87b9;
    padding: 20px 20px;
    box-shadow: 0 0 10px #ccc;
    border-radius: 10px;
    transition: 0.3s;
    height: 275px;
}
.serv .ad {
    height: 100%;
    margin-bottom: 20px !important;
}
.serv h3.card-title {
    font-size: 24px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 2px;
    font-family: 'Poppins', sans-serif;
}
.serv .card:hover {
    transform: translateY(-5px);
    border: 2px solid #3e87b9;
}
section.al-sec.cons-pack {
    /* background: #073553; */
    /* background: #011c43; */
    padding: 80px 0;
    position: relative;
    background-position: center;
    background-attachment: fixed;
}
.pk-logo img.img-fluid {
    position: absolute;
    width: 45%;
    margin: 0 auto;
    top: -50px;
    opacity: 0.3;
    left: 16%;
    filter: grayscale(2) brightness(9.5);
}
section.al-sec.cons-pack:before {
    content: '';
    background: #2d2d73;
    opacity: 1;
    width: 91%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    z-index: 0;
    margin: 0 auto;
    right: 0;
}
a.eq-btn {
    background: #0ab766;
    color: #fff;
    padding: 15px 30px;
    border-radius: 10px;
    font-size: 17px;
    font-weight: 600;
    display: block;
    width: 50%;
    text-align: center;
    margin-top: 10px;
}
@media(max-width:600px){
    .nav-pills li.nav-item{
        width: 100% !important;
        height:auto !important;
        margin: 0 0 20px;
    }
    .nav-pills{display: block !important;}
    .tab-sec{padding: 0 0px 30px;}
    .tab-content{padding: 0 15px ;}
    .pk-logo img.img-fluid{display: none;}
    section.al-sec.cons-pack:before{width:100%}
    .serv .card{height:100%;}
}

@media(min-width:601px) and (max-width:990px){

.nav-pills li.nav-item {
    width: 47% !important;
    height: auto !important;
    margin: 0 auto 20px;
    display: inline-flex;
}
.nav-pills{display: block !important;}
    .tab-sec{padding: 0 0px 30px;}
    .tab-content{padding: 0 15px ;}
    .pk-logo img.img-fluid{position: relative;top:0;left:0}
    section.al-sec.cons-pack:before{width:100%}
    .serv .card{height:100%;}
}