@charset "utf-8";
/* CSS Document */
body{margin: 0px;padding: 0px;font-family: Montserrat,sans-serif !important;}
::-webkit-scrollbar {
    width: 5px;
}
::-webkit-scrollbar-thumb {
    background: #000000;
    border-radius: 10px;
}
body{
    overflow-x: hidden;
}
.header{width: 100%;height: auto;background-color: #ffffff; position: fixed; z-index: 1000; top: 0;}
.container{width: 90% !important;margin: 0 auto;}
.top{ display:none; width: auto;height: auto;border-bottom: 1px solid #efefef; position: relative;z-index: 1000;}
.call{width: auto;height: auto;float: left;}
.call i{color: #ffffff;font-size: 15px;}
.call p{color: #000000;font-size: 13px;padding-top: 10px;}
.call p:hover{color: #ffffff;}
.call a{text-decoration: none; color: #000000;}
.call a:hover{color: #d1ac45; }
.call i{color: #000000;}

.email{width: auto;height: auto;float: left;}
.email i{color: #ffffff;font-size: 15px;}
.email p{color: #000000;font-size: 13px;padding-top: 10px;}
.email p:hover{color: #000000;}
.email a{text-decoration: none; color: #000000;}
.email a:hover{color: #d1ac45; }
.email i{color: #000000;margin-left: 25px;}

.first {
    width: auto;
    height: auto;
    float: right;
    font-family: "Montserrat", sans-serif;
}
.first ul li {
    float: left;
    margin-left: 26px;
    margin-top: 10px;
}
.first a {
    color: #000000;
    font-family: "Montserrat", sans-serif;
    font-size: 12px;
}
.first a:hover{color: #d1ac45; }


.clear{clear: both;}

.logo{width: auto;height: auto;float: left;position: relative;z-index: 1000; padding-bottom: 5px;}
/* .logo a{
    display: flex;
    align-items: center;
}
.logo a span{

} */
.logo img{width:auto; margin-top: 5px;}
.menu{width: auto;height: auto;}
.dropdown{margin-right: 35px !important;}
.banner{width: 100%;height: auto; margin-top: 110px;}

.about{width: 100%;height: auto;padding-top: 40px;}
.abtpara{font-family: 'Nunito', sans-serif; text-align: left !important;}
.abtpara::after{
    display: inline-block;
    content: "";
    border-top: 1px solid #a7d01b;
    width: 8rem;
    margin: -6px 2rem;
    transform: translateY(-1rem);
}
.abtxt{width: 65%;height: auto;float: left;}
.abtxt h1{font-size: 35px;color: #000000;font-weight: 600;line-height: 48px;margin-top:0px; font-family: 'Alata', sans-serif; margin-bottom: 25px;}
.abtxt p{margin-top: 5px;font-size: 14px;color: #000000;line-height: 25px;text-align: justify;}
.abtxt i{color: #761b85;}

.abtimg{width: 30%;height: auto;float: right; background-color: #a7d01b; margin-top: 20px; padding: 15px 15px 30px 15px; border-radius: 5px;}
.abtimg h3{color:#ffffff; font-size: 20px; text-align: center; line-height: 30px; font-family: 'Nunito', sans-serif; border-bottom: 1px solid #d7e50c; padding-bottom: 30px;}
.abtimg h4{color:#ffffff; font-size: 18px; font-family: 'Alata', sans-serif; text-align: center; padding-top: 15px;}
.abtimg p{color:#ffffff; font-size: 14px; text-align: center;}
.abtimg p a{color:#ffffff;}



.rm{width: auto;height: auto;float: left;background-color: #dfab09;border-radius:5px;margin-top: 20px;}
.rm p{color: #ffffff;padding:0px 15px; margin-top: 0px; font-family: 'Jost', sans-serif; font-size: 15px;}
.rm a{color: #ffffff;}
.rm a:hover{text-decoration: none;color: #ffffff;}
.rm i{color: #ffffff;font-size: 18px; padding-top:10px;}
.rm:hover p{color: #ffffff;}


.waicon {
    margin-bottom: 100px;
    color: #fff;
    padding: 8px 15px 8px 15px;
    border: none;
    cursor: pointer;
    position: fixed;
    bottom: -30px;
    right:30px;
    margin-right: 0px;
    background: #43d954;
    font-weight: 400;
    font-size: 25px;
    border-radius: 30px;
    font-family: "Montserrat", sans-serif;
    z-index: 1000;
}


.products{padding-bottom: 30px;
    width: 100%;
    height: auto;
    background-color:#0c345d;
    margin-top: 40px;
    background-repeat: no-repeat;
    background-size: cover !important;
-moz-background-size: cover;
-o-background-size: cover;
-webkit-background-size: cover;}
.products h1{color:#ffffff; text-align:center; padding-top:30px; font-size: 35px; font-weight: 700; line-height: 55px; margin-top: 0px; font-family: 'Alata', sans-serif;}
.products h1::before, .products h1::after {
    display: inline-block;
    content: "";
    border-top: 1px solid #dfab09;
    width: 10rem;
    margin: 0 2rem;
    transform: translateY(-1rem);
}


.products img{width: 100%;}
.slim-hover{width: 100%;height: 740px;background-color: #000000b0; z-index: 100;left: 0;top: 0;}

.slim-left{width: 30%;height:auto;float: left; margin-top: 40px;}
.slim-left h1{font-size: 25px;color: #ffffff;font-weight: 700;line-height: 35px;margin-top:0px;}
.slim-left p{margin-top: 16px;font-size: 14px;color: #ffffff;line-height: 23px;text-align: justify;}

.slim-1{width: 30%;height: auto;float: left;margin-left: 105px;margin-top: 120px;border: 20px solid #ffffff;background-color: #ffffff;}
.slim-1 img{width: 100%;}
.slim-1 h2{font-weight: 500;text-align: center;}

.slimh{width: 100%;height: auto;position: relative;}
.srm{display: none;}
.slimh-hover{width: 100%;height: 100%;left: 0;top: 0;opacity: 0;position: absolute;z-index: 100;background-color: #000000b0;}
.slimh:hover .slimh-hover{opacity: 1;}
.slimh:hover .srm{display: inherit; position: absolute; border-bottom: 70px solid #dfab09; z-index: 1000;
    border-left: 70px solid transparent;
    height: 0;
    width: 0;
    margin: 0;
    left: auto;
    top: auto;
    right: 0%;
    bottom: 0%;}
.slimh:hover .srm i{position: absolute; right: 10px; top: 35px; color:#ffffff; padding: 5px;}
.slim-1 h2{font-size: 18px;font-weight: 700;text-align: center;color: #000000;}
.line{width: 20%;height: 3px;background: #dfab09;margin: 0 auto;}

.slim-2{width: 30%;height: auto;float: left;margin-top: 50px;background-color: #ffffff;border: 20px solid #0c345d1c;margin-left: 25px;}
.slim-2 h2{font-size: 16px;font-weight: 700;text-align: center;color: #000000;}


#color{background-color: #572995;}

.footer{width: 100%;height: auto;background-color: #121212;margin-top: 0px;}
.footer .footer-top{
    width: 100%;
    height: auto;
    display: grid;
    grid-template-columns: 1.5fr 1.7fr 1fr;
    gap: 15px;
    margin: 30px 0 0;
    padding: 0;
    position: relative;
}
.footer .footer-top .link p a{
    margin: 0 15px 0 0;
}
.break-1{
    margin-top: 25px;
}
.footer .footer-top .social-link a{
    margin-right: 6px;
}
.flogo{width: 21%;margin: 0 auto;margin-top: 40px; margin-bottom: 10px;}
.footer ul li{ float: left;margin-top: 20px;margin-left: 50px;}
.footer a{color: #aeaeae;color: #ffffff;font-size: 13px;}
.footer a:hover{color: #ffffff;}
.footer ul{width: 50%;margin: 0 auto;}
.ficon ul li{width: 40px;height: 40px;margin-top: 45px;float: left;margin-left: 10px; border-radius: 30px; border: 1px solid grey;padding: 10px;}
.ficon{width: 35%;margin: 0 auto;}
.ficon i{margin-left: 4px;margin-top: 2px;color: #ffffff;}
.ficon li:hover{background-color: #dd3f89;border: none;}
.para{width: auto;height: auto;}
.para p{text-align: center;font-size: 12px;color: #ffffff;margin-top: 40px;line-height: 25px;}
.footer p{color: #ffffff;text-align: center;font-size: 13px;line-height: 25px;} 
#cont{background-color: #0194dc;color: #ffffff; padding: 10px 25px;border-radius: 5px; font-weight: 500; font-family: 'Jost', sans-serif;
    margin-left: 20px;
    font-size: 16px;
}

#mcontus{display:none;}

.sectors{width:100%; height:auto;}
.sectors h1{color:#000000; font-weight: 700;line-height: 55px;margin-top:0px; font-family: 'Alata', sans-serif; font-size:35px; padding-top:21px;}
.sectors h1::after {
    display: inline-block;
    content: "";
    border-top: 1px solid #dfab09;
    width: 10rem;
    margin: 0 2rem;
    transform: translateY(-1rem);
}
.secbox{width:15%; height:auto; float:left; margin-left:18px; margin-top:0px;}
.secimg {width:35%; margin: 0 auto; margin-top:20px;}
.secimg img {border-bottom: 1px solid #dddddd; padding-bottom: 10px;}
.secbox p{color:#000000; text-align:center; font-size:15px; font-family: "Montserrat", sans-serif; font-weight:600; padding-bottom:15px; padding-top: 10px;}

.footabove{width:100%; height:auto; background-color:#dfab09; margin-top:50px;}
.footabove h2{width:70%; height:auto; float:left; font-family: 'Alata', sans-serif; font-size:25px; line-height:30px; color:#ffffff; padding-bottom:20px;}
.footabove p{width:15%; height:auto; float:right; background-color: #0c345d; border-radius:30px; color:#ffffff; font-weight:600; padding:10px; text-align:center; margin-top:30px;}

.banpara{width:auto; height: auto; padding: 0px !important; padding-bottom: 0px; float:left; position: relative; font-family: 'Nunito', sans-serif; font-weight: 500;}
.banpara:before {
    content: '';
    position: absolute;
	top: 40px;
    bottom: 0px;
    left: 0px;
    background-color: #0194dc;
    width: 70px;
    height: 1px;
}

.footbox{width:auto; height: auto; float:left;}
.footbox img{margin-top: 100px;}
.footbox h3{color:#ffffff; font-family: 'Alata', sans-serif; font-size: 18px; position: relative; margin-bottom: 30px;}
.footbox h3:before {
    content: '';
    position: absolute;
	top: 35px;
    bottom: 0px;
    left: 0px;
    background-color: #a7d01b;
    width: 70px;
    height: 1px;
}

.footbox p{text-align:left;}
.footbox i {
    width: 30px;
    height: 30px;
    border-radius: 30px;
    color: #fff;
    padding: 9px 10px 10px 11px; margin-bottom: 5px;
}
.flast{width:100%; height: auto; border-top: 1px solid #2d2c2c;}
.flast img{width:10%; height: auto; float: left; margin-top: 20px; margin-bottom: 15px;}
#flast{float:right; margin-left: 0px !important;}

.fpleft{width:auto; height:auto; float:left; padding-top: 25px;}
.fpright{width:auto; height:auto; float:right; margin-top: 25px !important;}

.banbelow{width:100%; height: auto; background-color: #100f0a; padding-top: 30px; padding-bottom: 30px;}
.banbbox{width:23%; height: auto; float:left; margin-left: 20px; border-right: 1px solid #262626;}
.banbbox img{float:left; margin-right: 20px;}
.banbbox p{float:left; color:#ffffff; font-family: 'Alata', sans-serif; font-size: 18px; padding-top: 10px;}
.toppro{width:100%; height: auto; padding-top: 30px; padding-bottom: 30px;}

.toppro h1{text-align: center; font-size: 35px; font-family: 'Alata', sans-serif; color:#000000; font-weight: 600; position: relative;}
.toppro .line {width: 70px; height: 3px; margin: 0 auto; margin-top: 25px; background-color: #ce191e;}

.testimonials {
    width: 100%;
    height: auto;
    margin-top: 0px;
    padding-bottom: 45px;
    padding-top: 45px;
}
.testimonials p {
	width:75%;
	margin: 0 auto;
    font-size: 14px;
    text-align: center;
    font-family: Montserrat, sans-serif;
    font-weight: 400;
    padding-top: 30px;
    line-height: 23px;
}
.testimonials h1 {
    text-align: center;
    font-size: 35px;
    font-family: 'Alata', sans-serif;
    color: #000000;
    font-weight: 600;
}
.testimonials .line {width: 70px; height: 3px; margin: 0 auto; margin-top: 25px; background-color: #a7d01b;}
#catlib{width:100%;}
.newbut .owl-controls {
    width: 100%;
    margin-top: -150px !important;
    position: absolute;
}
.newbut .owl-controls .owl-prev{float:left !important; margin-left:50px !important;}
.newbut .owl-controls .owl-next{float:right !important; margin-right:50px !important;}
#testiul{margin-bottom:20px;}


.ourservices{width:100%; height: auto; background-image: url(../images/service-bg.jpg); background-color: #000000; padding-bottom: 50px; margin-top: 0px; position: relative;}
.s-hover{width: 100%; height: 500px; background-color: #07084de6; z-index: 100; left: 0; top: 0; }
.ourservices h1 {
    color: #ffffff;
    font-family: 'Alata', sans-serif;
    padding-top: 35px;
    font-size: 35px;
    font-weight: 600;
    margin-bottom: 50px;
}
.ourservices h1::before {
    display: inline-block;
    content: "";
    border-top: 1px solid #a7d01b;
    width: 8%;
    margin: 0 1rem;
    transform: translateY(-1rem);
}
.ourservices p{width:40%; margin:0 auto; background-color:#ff6400; color:#ffffff; margin-top: 50px; padding: 10px; border-radius: 5px; font-size: 15px; font-weight: 600; text-align: center;}
.ourservices h4{color:#ffffff; float:left; margin-right: 100px;}

.ourservices .service-grid{
    display: grid;
    grid-template-columns: 1fr 1fr ;
    gap: 30px;
    margin-left: 120px;
}

.service-box1{width:80%; height: auto; }
.service-box2{width:80%; height: auto;}
.service-box1 h2{color:#ffffff; text-align: center; font-family: 'Alata', sans-serif; font-size: 21px; padding-top: 10px;}
.service-box2 h2{color:#ffffff; text-align: center; font-family: 'Alata', sans-serif; font-size: 21px; padding-top: 10px;}


.service-box1 span{position: absolute;
    margin-top: 7px;
    font-size: 25px;
    background-color: #ff6400;
    padding: 2px 12px;
    border-radius: 50px;
    font-weight: 600;
    color: #ffffff;
    margin-left: 271px;}
.service-box2 span{position: absolute;
    margin-top: 490px;
    font-size: 25px;
    background-color: #ff6400;
    padding: 2px 12px;
    border-radius: 50px;
    font-weight: 600;
    color: #ffffff;
    margin-left: 271px;}

.service-box1 img{width:100%; border-radius: 5px;} 
.service-box2 img{width:100%; border-radius: 5px;}


.service-box1 h2::before, .service-box1 h2::after, .service-box2 h2::before, .service-box2 h2::after {
    display: inline-block;
    content: "";
    border-top: 1px solid #a7d01b;
    width: 13%;
    margin: -5px 5px;
    transform: translateY(-1rem);
}




.approach{width:100%; height: auto;}
.approach h1{color: #000000; font-family: 'Alata', sans-serif; text-align: center; padding-top: 35px; font-size: 35px; font-weight: 600; margin-bottom: 0px;}
.app-box{width:32%; height: auto; float: left; margin-left: 1.33%; background-color: #f6f6f6;}
.appimg{width:auto; margin: 0 auto; margin-top: 20px; margin-bottom: 10px;text-align: center;}
.app-box h3{color:#000000; font-size: 18px; text-align: center; font-family: 'Alata', sans-serif; font-weight: 600;}
.app-box p{color:#000000; font-size: 14px; text-align: center; font-family: Montserrat, sans-serif; padding: 10px 20px 20px 20px; line-height: 23px;}
.approach .line {width: 70px; height: 3px; margin: 0 auto; margin-top: 25px; background-color: #a7d01b; margin-bottom: 30px;}


.abt-banb{margin-top: 50px; padding-top: 40px; padding-bottom: 40px;}
.abt-app{padding-bottom: 50px;}

.smbanner{width:100%; height: auto; /*background-color: #000000;*/ background-image: url(../images/small-banner.jpg); margin-top: 112px; padding-top: 45px; padding-bottom: 30px;}
.smbanner h1{color:#ffffff; font-size: 35px; text-align: center; font-family: 'Alata', sans-serif; }
.smbanner h1::before, .smbanner h1::after{
    display: inline-block;
    content: "";
    border-top: 1px solid #ff6400;
    width: 9%;
    margin: -5px 35px;
    transform: translateY(-1rem);
}
.smbanner p{text-align: center; font-size: 14px; color: #ffffff; font-family: Montserrat, sans-serif;}
.contact{width:100%; height: auto; padding-top: 30px; padding-bottom: 30px; background-color: #0b3257;}
.contact .app-box{background-color: #0b3257;}
.contact .app-box h3{color:#ffffff;}
.contact .app-box p{color:#ffffff;}
.contact .app-box p a{color:#ffffff;}


.enquiry .abtimg{float:left;}
.enquiry .abtxt{float:right;}
.psusc {
    background-color: #ffffff;
    width: 45%;
    height: 50px;
    float: left;
    margin-right: 20px;
    border: none;
    border-radius: 3px;
    margin-top: 10px;
    margin-bottom: 15px;
    box-shadow: rgb(0 0 0 / 15%) 0px 0px 10px;
}
.psusc input {
    border: none !important;
    border-radius: 3px;
    font-family: Montserrat, sans-serif;
    font-size: 13px;
    padding-left: 10px;
    padding-top: 15px;
    outline: none;
}
.psusc1 {
    background-color: #ffffff;
    width: 93%;
    float: left;
    margin-right: 20px;
    border: none;
    border-radius: 5px;
    margin-top: 10px;
    margin-bottom: 10px;
    box-shadow: rgb(0 0 0 / 15%) 0px 0px 10px;
}
.psusc1 textarea {
    width:100%;
    border: none !important;
    border-radius: 3px !important;
    font-family: Montserrat, sans-serif;
    font-size: 13px;
    height: 80px;
    padding-left: 10px;
    outline: none;
    padding-top: 15px;
}
.psusc #txtprod {
    width: 95%;
    margin-bottom: 0px;
    border: none !important;
    padding: 15px 10px 10px 5px;
    font-family: Montserrat, sans-serif;
    font-size: 13px;
    color: #686868;
    outline: none;
}
.sbutton {
    background-color: #000000 !important;
    border-radius: 5px;
    color: #ffffff;
    border: none !important;
    font-family: 'Alata', sans-serif;
    font-weight: 500;
    margin-top: 10px;
    padding: 10px 60px !important;
    font-size: 16px !important;
    margin-bottom: 50px;
}
.modular-interiors{width:100%; height: auto; padding-bottom: 50px;}
.modular-interiors h1{color: #000000; font-family: 'Alata', sans-serif; text-align: left; padding-top: 35px; font-size: 35px; font-weight: 600; margin-bottom: 0px;}
.modular-interiors h1::before {
    display: inline-block;
    content: "";
    border-top: 1px solid #ff6400;
    width: 8%;
    margin: 5px 30px;
    margin-left: 0px;
    transform: translateY(-1rem);
}
.modular-interiors p{text-align: justify; padding-top: 21px; line-height: 23px;}
.resbox1{width:49.5%; height: auto; float: left;}
.resbox2{width:49.5%; height: auto; float: right;}

.resbox1 img{width:100%; height: auto;}
.resbox2 img{width:100%; height: auto;}
.resbox3 img{width:100%; height: auto;}
.resbox4 img{width:100%; height: auto;}
.resbox5 img{width:100%; height: auto;}

.modular-interiors h2{color: #000000; font-family: 'Alata', sans-serif; text-align: center; padding-top: 25px; padding-bottom: 30px; font-size: 25px; font-weight: 600; margin-bottom: 0px;}
.resbox3{width:32.5%; height: auto; float: left; margin-top: 12px;}
.resbox4{width:32.5%; height: auto; float: left; margin-left: 15px; margin-top: 12px;}
.resbox5{width:32.5%; height: auto; float: right;margin-top: 12px;}

.resbox1 h3, .resbox2 h3, .resbox3 h3, .resbox4 h3, .resbox5 h3{position: absolute; font-family: 'Alata', sans-serif; font-size: 18px; margin-top: 250px; font-weight: 500; border-radius: 0px 3px 3px 0px; background-color:#ff640091; color:#ffffff; padding: 5px 20px;}

.mflist{width:100%; height: auto;}
.mflist p{padding-top: 0px; width: 43%; height: auto; float: left; margin-left: 60px; background-color: #dddddd; color:#000000; border: 1px solid #ddd; border-radius: 40px; padding: 10px 15px; font-weight: 500;}
.mflist img{width:auto; height: auto; float: left; margin-top: 20px;}

.whyus{width:100%; height: auto; padding-top: 25px; padding-bottom: 25px;}
.whyus-left{width:48%; height: auto; float: left;}
.whyus-left img{border-radius: 3px;}
.whyus-right{width:48%; height: auto; float: right;}
.whyus-right h1{color:#000000; font-size: 35px; font-weight: 600; font-family: 'Alata', sans-serif;}
.whyus-right .line{width: 70px; height: 3px; float: left; margin-top: 18px; background-color: #ff6400; margin-bottom: 18px;}
.whyus-right p{color:#000000; font-size: 14px; line-height: 25px; padding-top: 10px; text-align: justify;}
.why-icon{width:50%; height: auto; margin-top: 30px; float: left;}
.why-icon img{width:auto; height: auto; float: left; border-radius: 50px; background-color: #000000; padding: 5px;}
.why-icon p{float:left; margin-left: 20px; font-size: 18px; font-weight: 600; padding-top: 15px;}

.services{width:100%; height: auto; padding-top: 45px; padding-bottom: 25px;}
.services-left{width:40%; height: auto; float:left;}
.services-right{width:55%; height: auto; float:right; padding-top: 10px;}
.services-left p{margin-top: 5px; font-size: 14px; color: #000000; line-height: 25px; text-align: justify;}
.services-left p::after{display: inline-block; content: ""; border-top: 1px solid #ff6400; width: 8rem; margin: -6px 2rem; transform: translateY(-1rem);}
.services-left h1{font-size: 35px; color: #000000; font-weight: 600; line-height: 48px; margin-top: 0px; font-family: 'Alata', sans-serif; margin-bottom: 25px;}
.services-left h3{width:70%; color:#000000; font-size: 18px;line-height: 28px;}
.services-left h3 a{color:#000000;}
.services-right p{color:#000000; font-size: 14px; text-align: justify; line-height: 25px;}

.intserbox1{width: 49.5%; height: auto; float: left;}
.intserbox2{width: 49.5%; height: auto; float: right;}
.intserbox3{width: 32.5%; height: auto; float: left; margin-top: 15px;}
.intserbox4{width: 32.5%; height: auto; float: left; margin-left: 17px; margin-top: 15px;}
.intserbox5{width: 32.5%; height: auto; float: right; margin-top: 15px;}
.intserbox1 h3, .intserbox2 h3, .intserbox3 h3, .intserbox4 h3, .intserbox5 h3 {
    position: absolute;
    font-family: 'Alata', sans-serif;
    font-size: 15px;
    margin-top: 250px;
    font-weight: 500;
    border-radius: 0px 3px 3px 0px;
    background-color: #ff640091;
    color: #ffffff;
    padding: 5px 20px;
}
.intserbox1 img{width: auto; height: auto;}
.intserbox2 img{width: auto; height: auto;}
.intserbox3 img{width: auto; height: auto;}
.intserbox4 img{width: auto; height: auto;}
.intserbox5 img{width: auto; height: auto;}
.services h2{color: #000000;
    font-family: 'Alata', sans-serif;
    text-align: center;
    padding-top: 25px;
    padding-bottom: 30px;
    font-size: 25px;
    font-weight: 600;
    margin-bottom: 0px;}
.services .line{width: 70px; height: 3px; margin: 0 auto; margin-top: -5px; background-color: #ff6400; margin-bottom: 18px;}
.services-right p i{color: #ff6400; font-weight: 600; font-size: 21px;}

.matbox1{width:49.5%; height: 90px; float: left; background-color: #ededed; margin-top: 10px; border-radius: 3px; padding-left: 20px;}
.matbox2{width:49.5%; height: 90px; float: right; background-color: #ededed; margin-top: 10px; border-radius: 3px; padding-left: 20px;}
.matbox1 h3{width:32%; float:left; font-family: 'Alata', sans-serif; font-weight: 600; font-size: 18px; color:#000000; line-height: 25px;}
.matbox1 p{width:68%;float:left; padding-left:20px; font-family: Montserrat, sans-serif; font-size: 14px; color:#000000; padding-top: 15px; padding-right: 5px; line-height: 25px;}
.matbox2 h3{width:37%;float:left;font-family: 'Alata', sans-serif; font-weight: 600; font-size: 18px; color:#000000; line-height: 25px;}
.matbox2 p{width:63%;float:left; padding-left:20px; font-family: Montserrat, sans-serif; font-size: 14px; color:#000000; padding-top: 15px; padding-right: 5px; line-height: 25px;}
.matbox1 i{color: #ff6400; float: left; margin-right: 10px; margin-bottom: 15px; margin-top: 5px;}
.matbox2 i{color: #ff6400; float: left; margin-right: 10px; margin-bottom: 15px; margin-top: 5px;}








@media only screen and (max-width: 767px){
	html, body{overflow-x: hidden !important;} 
	.header{width: 100%;height: auto;}
	.container{width: 90%; padding: 0px !important;}
	.top{width: 100%;height: auto;position: inherit;}
	.call{width: 100%;height: auto;}
	.call p{width: 80%; margin-left: 0px;margin-bottom: 0px;}
	.email{width: 100%;height: auto;margin-left: -23px;}
	.email p{margin-left: 0px;margin-bottom: 0px;}
	.logo{width: 100%;height: auto;z-index: 10;}
	.logo img{width: 71%;height: auto;}
	.menu{width: auto;height: auto;float: right;}
	.banner{width: 100%;height: auto;margin-top: 225px;}
	.enqbut{margin-bottom: 200px;padding: 5px 4px 0px 5px;font-size: 12px;}
	.waicon{padding: 4px 8px 4px 8px;font-size: 13px;margin-bottom: 165px;}
	.about{width: 100%;height: auto;padding-top: 15px;}
	.abtimg{width: 100%;height: auto;margin-top: 10px;}
	.abtimg img{width: 100%;}
	.abtxt{width: 100%;height: auto;}
	.abtxt h1{font-size: 21px;line-height: 29px;font-weight: 600;margin-top: 10px;}
	.abtxt p{font-size: 14px;}
	.abtpara::after{margin: -7px 2rem;}
    .enqabtpara{text-align: left !important;}
    .enqabtpara::after{margin: -6px 0rem;}
	.footer{width: 100%;height: auto;}
    .footer .footer-top{width: 100%;
    height: auto;
    display: grid;
    grid-template-columns: 1.5fr ;
    gap: 15px;
    margin: 30px 0 0;
    padding: 0;
    position: relative;}
/*#incont {
    width: 100% !important;
    height: auto !important;
}*/
.service-box1 {
    margin-left: 0;
    margin-top: 0;
    margin-bottom: 70px;
}
.carousel-inner>.item {
    margin-left: 0 !important;
}
#about h2 {
    margin-top: 140px !important;
    font-size: 15px;

}
#about h2 {
    margin-top: 10px !important;

}

#incont img {
    padding: 0px !important;
   
    display: grid;
}
.fadeIn{
    margin-left: -174px;
}
.icon-invest-text-head{margin-left: 0px;}
.icon-invest-text-content{margin-left: 0px;}
.carousel-inner>.item>img{
    vertical-align: middle;
    margin-top: 30px;
}
.pdb5{
    margin-left: 40px;
}
.amenities-img{
    margin-left: -61px;
    margin-top: 20px;
}



.carousel-inner>.item>img {
    vertical-align: middle;
    margin-top: 30px;
}
.project-land .col-lg-6 {
    margin-left: 0px;
}
.col-md-2 img {
    width: 115px !important;
}
.icon-wid {
    width: 100% !important;
    margin-top: 25px !important;
}
.wt-team-six{
    width: 195% !important;
    height: auto !important;
margin-left: 23px;
margin-top:30px;
}
#incont {
    width: 100% !important;
    height: auto !important;
}

#incont img {
    padding: 0px !important;
}
.col-md-2 img {
    width: 115px !important;
}
.icon-wid {
    width: 100% !important;
    margin-top: 25px !important;
}
.carousel-inner{
    margin: 0px;
}

	.flogo{width: 45%;height: auto;margin-top: 10px;}
	.flogo img{width: auto;height: auto;}
	.footer p{width:100%; text-align: left;line-height: 21px;}
    .footer p br{display:none;}
	.footer ul{width: 100%;height: auto;}
	.footer ul li{margin-top: 10px;margin-left: 25px;margin-right: 25px;}
	.ficon{width: 70%;margin: 0 auto;margin-top: 20px;}

	.ficon i{margin-left: 3px;}
	.para{width: auto;height: auto;}	
	.para p{margin-top: 20px;font-size: 12px;}	
    #flast{float:left;}
    .contact .app-box p{width: 90%; margin: 0 auto;}
    .contact .app-box p br{display:none;}
.ourservices .service-grid{display: grid;grid-template-columns: 1fr  ; gap: 30px;margin-left: -10px;}
.abin11 {
    width: 100% !important;
    height: 430px !important;
}
.abtimg23 {
    width: 100% !important;
    height: auto !important;
}
.col-md-offset-4 {
    margin-left: 0% !important;
    margin-bottom: 60px !important;
    margin-top: -35px !important;
}
.col-xs-6 {
    width: 100%;
}

.col-xs-6 {
    width: 50%;
}





	#myBtn{right: 5px;}	
	#hb{margin-top: 20px;}
	.hicon{padding-bottom: 20px;}	
	#cont{background-color: #ff6502;color: #ffffff;}	
	.first{width: 100%;height: auto;float: left;padding-left: 0px;}
	.first ul li{float: left;margin-left: 0px;margin-top: 10px;margin-right: 26px;margin-bottom: 10px;}
	.slim-2 h1{font-size: 18px;margin-top: -8px;}
	.slim-2 h3{font-size: 16px;line-height: 25px;margin-top: 5px;}
	.waicon{bottom: -145px;right: 5px;padding: 10px 15px 10px 15px;font-size: 23px;}
	#mcontus{display:inherit;}
	.mobmov{padding-left:10px;}
	.mobmov a{font-size: 13px !important;}
	
	.banpara{font-size: 13px !important; margin-top: 30px;}
	.banpara:before {
        content: '';
        position: absolute;
        top: 30px;
        bottom: 0px;
        left: 0px;
        background-color: #ce191e;
        width: 70px;
        height: 1px;
    }
    .banbelow{width:100%; height: auto; padding-top: 50px; padding-bottom: 0px;}
	.banbbox{width:85%; height: auto; margin-bottom: 15px; border-bottom: 1px solid #171616; border-right: none;}
    .bblast{border-bottom: none;}
	.banbbox p{font-size: 17px;}

    .ourservices{width: 100%; height: auto; padding-bottom: 40px;}
    .ourservices h1{font-size: 21px; padding-top: 30px; margin-bottom: 30px;}
    .ourservices h1::before{width: 20%;}
    
    .service-box1{width: 100%; height: auto;}
    .service-box1 h2{font-size: 18px; padding-top: 0px;}
    .service-box2{width: 100%; height: auto; }
    .service-box2 h2{font-size: 18px; padding-top: 0px;}
    .ourservices p{width: 93%; margin-top: 30px;}
    .approach{width: 100%; height: auto;}
    .approach h1{padding-top: 0px; font-size: 21px;}
    .approach .line{margin-top: 15px;}
    .app-box{width: 100%; height: auto; margin-left: 0px; margin-bottom: 20px;}
    .testimonials{width: 100%; height: auto; padding-top: 0px; padding-bottom: 0px;}
    .testimonials h1{font-size: 21px;}
    .testimonials .line{margin-top: 15px;}
    .newbut .owl-controls .owl-prev{margin-left: 10px !important;}
    .newbut .owl-controls .owl-next{margin-right: 10px !important;}
    .footbox{margin-top: 0px;}
    .footbox img{margin-top: 0px;}
    .footbox h3{font-size: 18px;}
    .fpleft{float:left; margin-top: 0px !important; padding-top: 20px;}
    .fpright{float:left; margin-top: 0px !important;}

    .smbanner{width: 100%; height: auto; padding-top: 5px; padding-bottom: 5px; margin-top: 90px;}
    .smbanner h1{font-size: 18px;}
    .smbanner h1::before, .smbanner h1::after{width:8%; margin: -5px 6px;}
    .smbanner p{font-size: 12px; padding-top: 5px; padding-bottom: 10px;}
    .contact{width: 100%; height: auto; padding-top: 0px; padding-bottom: 0px;}
    .contact .app-box{margin-bottom: 0px;}
    .appimg{margin-top: 0px;width: 30px;}
    .contact .app-box h3{margin-top: 0px;}
    iframe{height: 200px;}
    .enquiry .abtxt{margin-top: 10px;}
    .psusc{width:90%; margin: 0 auto; float: none; margin-bottom: 20px;}
    .psusc1{width:90%; margin: 0 auto; float: none; margin-bottom: 20px;}
    .sbutton{width:90%; margin: 0 auto; float: none; margin-left: 15px; margin-top: 10px; margin-bottom: 35px;}
    .modular-interiors{width: 100%; height: auto; padding-bottom: 30px;}
    .modular-interiors h1{font-size: 21px; padding-top: 10px;}
    .modular-interiors h1::before{width: 20%; margin: -5px 30px;}
    .modular-interiors h2{font-size: 18px; padding-top: 0px;}
    .resbox1{width:100%; height: auto; margin-bottom: 15px;}
    .resbox2{width:100%; height: auto; margin-bottom: 0px;}
    .resbox3{width:100%; height: auto; margin-bottom: 0px;}
    .resbox4{width:100%; height: auto; margin-bottom: 0px; margin-left: 0px;}
    .resbox5{width:100%; height: auto; margin-bottom: 0px;}

    .resbox1 img{width:100%; height: auto;}
    .resbox2 img{width:100%; height: auto;}
    .resbox3 img{width:100%; height: auto;}
    .resbox4 img{width:100%; height: auto;}
    .resbox5 img{width:100%; height: auto;}

    .resbox1 h3, .resbox2 h3{margin-top: 117px;}
    .resbox3 h3, .resbox4 h3, .resbox5 h3{margin-top: 240px;}
    .resbox1{width:100%; height: auto; margin-bottom: 15px;}
    .mflist{width:100%; height: auto;}
    .mflist p{width:100%; height: auto; margin-left: 0px; text-align: left;}
    .mflist img{width:100%; height: auto;}

    .whyus{width:100%; height: auto;}
    .whyus-left{width:100%; height: auto;}
    .whyus-left img{width:100%; height: auto;}
    .whyus-right{width:100%; height: auto;}
    .whyus-right h1{font-size: 21px;}
    .whyus-right .line{margin-top: 10px; margin-bottom: 10px;}
    .why-icon{width:100%; height: auto; margin-top: 21px;}
    .why-icon p{font-size: 16px;}

    .service-box1 h2::before, .service-box1 h2::after, .service-box2 h2::before, .service-box2 h2::after{width:10%; margin: -5px 10px;}
    .services{width:100%; height: auto; padding-top: 15px;}
    .services-left{width:100%; height: auto;}
    .services-right{width:100%; height: auto;}
    .services-left p{text-align: left;}
    .services-left p::after{margin: -6px 0rem;}
    .services-left h1{font-size: 21px; line-height: 29px;}
    .services h2{font-size: 21px; line-height: 29px; padding-top: 0px;}
    .services .line{margin-top: -13px; margin-bottom: 25px;}
    .intserbox1{width:100%; height: auto; margin-bottom: 15px;}
    .intserbox1 img{width:100%; height: auto;}
    .intserbox2{width:100%; height: auto;}
    .intserbox2 img{width:100%; height: auto;}
    .intserbox3{width:100%; height: auto; margin-bottom: 15px;}
    .intserbox3 img{width:100%; height: auto;}
    .intserbox4{width:100%; height: auto; margin-bottom: 15px; margin-left:0px;}
    .intserbox4 img{width:100%; height: auto;}
    .intserbox5{width:100%; height: auto; margin-bottom: 15px;}
    .intserbox5 img{width:100%; height: auto;}
    .intserbox1 h3, .intserbox2 h3{margin-top: 115px;}
    .intserbox3 h3, .intserbox4 h3, .intserbox5 h3{margin-top: 208px;}

    .matbox1{width:100%; height: auto !important;}
    .matbox2{width:100%; height: auto !important;}
    .matbox1 h3{width: 40%; font-size: 16px; line-height: 25px;}
    .matbox2 h3{width: 40%; font-size: 16px; line-height: 25px;}
    .matbox1 p{width: 60%; padding-right: 10px;}
    .matbox2 p{width: 60%; padding-right: 10px;}
    .matbox1 i{float: left; margin-bottom: 19px; margin-right: 10px; margin-top: 5px;}
    .matbox2 i{float: left; margin-bottom: 37px; margin-right: 10px; margin-top: 5px;}
    .upcoming-projects{width: 100% !important;height: auto !important;padding: 20px 0 !important;}
    .upcoming-projects h2{font-size: 21px !important;line-height: 30px !important;}
    .upcoming-projects h5{font-size: 18px !important;line-height: 25px !important;margin-bottom: 5px !important;}
    .upcoming-projects h6{font-size: 15px !important;line-height: 25px !important;margin-bottom: 8px !important;}
    .upcoming-projects img{width: 100% !important;height: auto !important;}
    .prj-top-1, .prj-top-2{padding: 6px 6px !important;}
    .prj-top-1 span, .prj-top-2 span{font-size: 15px !important;line-height: 25px !important;padding-left: 7px !important;padding-right: 5px !important;}
    .prj-top-1 h3, .prj-top-2 h3{font-size: 15px !important;line-height: 25px !important;}
    .upcoming-projects .col-lg-10{margin-bottom: 0 !important;}
    .upcoming-projects .col-lg-10 .col-lg-6 video{width: 100% !important;height: 240px !important;}
    .font-18{font-size: 18px;line-height: 28px;text-align: justify;}

}


.upcoming-projects{width: 100%;height: auto;padding: 40px 0;}
.float-start{float: left !important;}
.float-end{float: right !important;}
.float-center{margin-left: auto !important;margin-right: auto !important;}
.py-2{padding-top: 15px;padding-bottom: 15px;}
.px-0{padding-left: 0 !important;padding-right: 0 !important;}

.upcoming-projects .col-lg-10{margin-bottom: 30px;}
.prj-top-1{background-color: #ff6400;display: flex;box-shadow: rgb(163 160 160) 0px 5px 15px 0px;padding: 10px 10px;}
.prj-top-1 span{font-size: 25px;line-height: 35px;color: #ffffff;font-weight: 500;padding-right: 15px;}
.prj-top-1 h3{
    color: #ffffff;
    font-size: 25px;
    font-family: 'Alata', sans-serif;
    line-height: 35px;
    margin: 0;
}
.prj-top-2{background-color: #ff6400;box-shadow: rgb(163 160 160) 0px 5px 15px 0px;padding: 10px 10px;}
.prj-top-2 span{font-size: 25px;line-height: 35px;color: #ffffff;font-weight: 500;padding: 0px  0px 0px 15px;float: right;}
.prj-top-2 h3{
    color: #ffffff;
    font-size: 25px;
    font-family: 'Alata', sans-serif;
    line-height: 35px;
    text-align: right;
    margin: 0;
}

.upcoming-projects img{margin-bottom: 15px;width: auto;height: auto;}
.upcoming-projects h2{
    font-size: 25px;
    color: #000000;
    font-weight: 600;
    line-height: 48px;
    margin-top: 0px;
    font-family: 'Alata', sans-serif;
    margin-bottom: 5px;
    text-align: center;
}
.upcoming-projects h5{
    font-size: 20px;
    color: #ff6400;
    font-weight: 600;
    line-height: 30px;
    margin-top: 0px;
    font-family: 'Alata', sans-serif;
    margin-bottom: 15px;
    text-align: center;
}
.upcoming-projects h6{
    font-size: 17px;
    color: #000000;
    font-weight: 500;
    line-height: 27px;
    margin-top: 0px;
    font-family: 'Alata', sans-serif;
    margin-bottom: 15px;
    text-align: center;
}
.pb-3{padding-bottom: 20px;}

.completed-projects{
    width: 100%;
    height: auto;
    padding: 5px 0 25px;
}
.completed-projects h2::before {
    display: inline-block;
    content: "";
    border-top: 1px solid #ff6400;
    width: 8%;
    margin: 0 1rem;
    transform: translateY(-1rem);
}
.completed-projects h2 {
    color: #000000;
    font-family: 'Alata', sans-serif;
    padding-top: 30px;
    font-size: 25px;
    font-weight: 600;
    margin-bottom: 20px;
    margin-top: 0;
}
.completed-projects img{width: auto;height: auto;margin-bottom: 20px;}



#cont1{background-color: #2090c3;color: #ffffff; padding: 10px 25px;border-radius: 6px; font-weight: 600; font-family: 'Jost', sans-serif;
    
    font-size: 16px;
    text-align: center;
}

.abtimg23{width: 70%;height: auto;float: right; background-color: #1b8dd0; margin-top: 40px;margin-bottom: 20px; padding: 15px 15px 30px 15px; border-radius: 10px;}

.cont11{
    line-height: 21px;
    text-align: justify;
}
.abin11{
    margin-top: 20px;
    width: 310px;
    height: 408px;
    float: left;
    background: #e6e6e6;
    margin-bottom: 20px;

}
img{
    max-width: 100%;
    height: auto;
}
.contt1{background-color: #ffffff; margin-top:50px;margin-bottom:50px;}
#icont{
    width: 90%;
}
.about20 {
    width: 100%;
    height: auto;
    float: left;
    margin-bottom: 0px;
    margin-top: 0px;
    margin-bottom: 30px;
    border: 1px solid #cccccc47;
    border-radius: 4px;
    box-shadow: 3px 3px 24px -9px rgba(0, 0, 0, 0.44), 0 6px 20px 0 rgba(0, 0, 0, 0.25);
    padding: 5px;
    background-color: #9b842f5c;
}
.manage1 {
    width: 200px;
    height: auto;
    float: left;
}
.txtdr{    text-align: center;
    margin: 0px;
    font-size: 14px;
    color: #121212;
    font-weight: 700;
text-align: center;
}
    .manage2 {
       width: 82%;
    height: auto;
    float: right;
    padding-right: 20px;
    padding-bottom: 30px;     font-family: Open Sans;
}
.linee {
    width: 100%;
    height: auto;
    float: left;
    margin-top: 8px;
    margin-bottom: 12px;    font-family: Open Sans;
}
.linee1 {
    width: 8%;
    height: 3px;
    float: left;
    background: #859920;
    }
.manage2 p {
    font-size: 14px;
    color: #000;
    text-align: justify;
    margin: 0px;
    padding: 0px;
    line-height: 24px;
    letter-spacing: 0px;   font-family: Montserrat,sans-serif;
}

.new1{
    text-align: center;
    margin: 60px o 60px;

}
.container1{
    width:1170px;
}
.intserbox31 {
    width: 32.5%;
    height: auto;
    float: left;
    margin-top: 15px;
}
.intserbox31 img {
    width: auto;
    height: auto;
}
.intserbox41 {
    width: 32.5%;
    height: auto;
    float: left;
    margin-left: 17px;
    margin-top: 15px;
}
.intserbox41 img {
    width: auto;
    height: auto;
}
.intserbox51 {
    width: 32.5%;
    height: auto;
    float: right;
    margin-top: 15px;
}
.intserbox51 img {
    width: auto;
    height: auto;
}
.intserbox11 h3, .intserbox21 h3, .intserbox31 h3, .intserbox41 h3, .intserbox51 h3 {
    position: absolute;
    font-family: 'Alata', sans-serif;
    font-size: 16px;
    margin-top: 250px;
    font-weight: 500;
    border-radius: 0px 3px 3px 0px;
    background-color: #ff640091;
    color: #ffffff;
    padding: 5px 20px;
}
#myCarousel .carousel-inner > .item > img{
    display:block;
    width:100%;
    height:auto;
    margin:0 auto !important;
    width: 830px;
    height: 350px;
}



@media (min-width: 1351px) and (max-width: 1600px) {
     .carousel-inner>.item>a>img,
    .carousel-inner>.item>img,
    .img-responsive,
    .thumbnail a>img,
    .thumbnail>img {

        display: block;
        max-width: 100%;
        height: auto;
        margin: 0 auto !important;
    }
    .carousel-indicators {
        left: 55%!important;
    }
    .project-highlights .dmr {
        margin: 0 4%!important;
        padding: 0 34%!important;
    }
    #incont img {
        margin-left: 5%!important;
        margin-right: 15%;
    }
}

@media (min-width: 768px) and (max-width: 1349.98px) {

    .main-menu .navigation > li > a {
        position: relative;
        display: block;
        padding: 0px 16px;
    }
    
    .container {
        width: 97% !important;
        margin: 0 auto;
    }
    .carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img {
        width:100%;
    height:auto;
    display:block;
    margin:0 auto !important;
    }

    .carousel-indicators {
        margin-left: 23%!important;
    }
    .project-highlights .dmr {
        margin: 0px 0%!important;
        padding: 0 38%!important;
    }
    .project-highlights span {
        color: #000000;
        font-size: 14px!important;
    }
    #incont img {
        margin-left: 3%!important;
        margin-right: 6%!important;
    }
    
    
}
@media (max-width:767px){

    #myCarousel .carousel-inner > .item > img{
       
        width:53% !important;
        height:160px !important;
        margin-left:-18px !important;
    }
    .carousel-indicators {
    position: absolute !important;
    bottom: -4px !important;
    left: 0% !important;
    z-index: 15 !important;
    width: 77% !important;
    padding-left: 0 !important;
    margin-left: 14% !important;
    text-align: center !important;
    list-style: none !important;
}

}