html{
scroll-behavior: smooth;
}
body{
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: "Outfit", sans-serif;
overflow-x: hidden;
}
/* Keep compatibility if any page uses class="body" */
.body{
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: "Outfit", sans-serif;
overflow-x: hidden;
}
h1, h2, h3, h4, h5, h6{
font-family: "Nunito", sans-serif;
}
/*----------------------------- HEADER START ------------------------------*/
.header{
padding: 0.2vw 2vw;
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
border-bottom: 1px solid #fff;
}
.logo{
width: 10%;
}
.logo a img{
width: 100%;
}
.menu{
width:58%;display: flex;align-items: center;justify-content: center;
}
.menu ul{
display: flex;align-items: center;justify-content: space-between;
}
.menu ul li{
font-size: 0.8vw;font-weight: 600;text-transform: uppercase;
}
.menu ul li a{
color: #000;text-decoration: none;
}
.menu ul li a:hover{
color: #1959a5;
}
.numberEnquiry{
display: flex;align-items: center;justify-content: right;width: 25%;
}
.numberEnquiry ul{
display: flex;align-items: center;justify-content: center;
}
.numberEnquiry ul li{
display: inline-block;font-size:0.9vw;font-weight: 600;text-transform: uppercase;margin: 0;width:45%;
}
.numberEnquiry ul li a{
color: #000;text-decoration: none;display: flex;align-items: center;
}
.numberEnquiry ul li:first-child i{
border-radius: 50%;background: #ebebeb;display: flex;align-items: center;justify-content: center;
font-size: 0.9vw;margin-right:0.5vw;width: 2.5vw;height: 2.5vw;
}
.numberEnquiry ul li:first-child a:hover{
color: #1959a5;
}
.numberEnquiry ul li:last-child a{
padding: 0.4vw 2vw;border-radius: 25px;width:48%;text-align: center;font-size: 0.8vw;
border: 1px solid #1959a5;display: block;width: 100%;
}
.numberEnquiry ul li:last-child a{
color: #1959a5;
}
.numberEnquiry ul li:last-child a:hover{
background: #1959a5;color: #fff;transition: all 0.2s ease-in;
}
/*----------------------------- HEADER END ------------------------------*/
/*------------------------ FOOTER START -----------------------------------*/
.footerTop{
width: 100%;background: transparent;display: flex;justify-content: space-between;flex-wrap: wrap;
}
.footerTopLeft{
width: 50%;
}
.footerTopRight{
width: 50%;background: #deecfc;padding: 5vw;
}
.footerTopRight h2{
font-size: 2vw;font-weight: 600;margin-bottom: 1vw;font-family: "Nunito", sans-serif;
}
.footerTopRight p{
font-size: 0.9vw;margin-bottom: 2vw;
}
.footerTopRight ul li{
display: inline-block;margin-right:0.6vw;
}
.footerTopRight ul li a{
display: block;padding: 0.5vw 3vw;background: #0f78c2;border-radius: 25px;color: #fff;font-size: 0.9vw;
text-decoration: none;
}
.footer{
width: 100%;padding: 3vw 8vw;background: #ebf4ff;display: flex;justify-content: space-between;flex-wrap: wrap;
}
.footerColumnOne{
width: 35%;padding: 0 1vw 0 0;border-right: 1px solid #cfe4ff;
}
.footerColumnOne a img{
width: 40%;
}
.footerColumnOne p{
font-size: 0.8vw;margin-top: 1vw;
}
.social-mediaFooter a{
font-size: 1vw;margin-right: 0.8vw;text-decoration: none;color:#4173b0;
}
.footerColumnTwo{
padding: 0 0 0 2vw; display: flex; justify-content: space-between; flex-wrap: wrap;width: 65%;
}
.footerContact{
width:45%;
}
.footerContact h3{
font-size: 1.1vw;font-weight: 600;margin-bottom: 1.5vw;
}
.footerLinks{
width: 18%;
}
.footerLinks h3{
font-size: 1.1vw;font-weight: 600;margin-bottom: 1vw;
}
.contactFooterRow{
width: 100%;display: flex;justify-content: space-between;margin-top: 0.8vw;
}
.contactFooterRow:nth-child(1){
margin-top: 0;
}
.contactFooterIc{
width: 10%;font-size: 0.9vw;color:#4173b0;
}
.contactFooterDetail{
width: 90%;font-size: 0.8vw;
}
.contactFooterDetail h6{
font-size: 0.9vw;font-weight: 600;text-transform: uppercase;margin-bottom: 0;
}
.contactFooterDetail a{
font-size: 0.85vw;color: #000;text-decoration: none;
}
.footerLinks ul li{
margin-bottom: 0.8vw;
}
.footerLinks ul li a{
font-size: 0.8vw;color: #000;text-decoration: none;
}
.footerFacebook{
width:35%;display: flex;align-items: center;
}
.footerFacebook p{
text-align: center;font-size: 1.3vw;font-weight: 600;font-family: "Handlee", cursive;color: #0f78c2;
}
.copyright{
width: 100%;padding: 1.5vw;font-size: 0.9vw;text-align: center;background: #e0eeff;
}
.copyright a{
color: orange;
}
.moveToTop{
position: fixed;right: 2%;bottom: 2%;width: 3vw;height: 3vw;border: none;background: #0f78c2;border-radius: 50%;
font-size: 1.5vw;color: #fff;
}
a.whatsapp{
position: fixed;left:1.5%;bottom: 2%;width: 2.5vw;height: 2.5vw;border: none;background: #3e9e5b;border-radius: 50%;
font-size: 1.2vw;color: #fff;display: flex;align-items: center;justify-content: center;text-decoration: none;
}
a.callPhone{
position: fixed;left:1.5%;bottom: 8%;width: 2.5vw;height: 2.5vw;border: none;background: #0f78c2;border-radius: 50%;
font-size: 0.9vw;color: #fff;display: flex;align-items: center;justify-content: center;text-decoration: none;
}
/*----------------------------- FOOTER END ----------------------------------*/
/*------------------------------ BREADCUMB START --------------------------*/
.breadcumb{
padding: 2vw 10vw;background: linear-gradient(rgba(235, 244, 255, 0.8),rgba(235, 244, 255, 0.8)), url('../images/breadcumb.jpg');
background-size: cover;background-position: center;height: 40vh;margin-top: -10vh;display: flex;justify-content: space-between;
align-items: center;
}
.breadcumbWrapper{
text-align: center;width: 100%;margin-top: 2.5vw;
}
.breadcumbWrapper h1{
font-size: 2.6vw;font-weight: 400;font-family: "Montserrat", sans-serif;text-transform: uppercase;letter-spacing: 2px;
}
.breadcumbWrapper p{
font-size: 0.9vw;margin-bottom: 0;font-family: "Montserrat", sans-serif;
}
.breadcumbWrapper p a{
color: #000;font-size: 0.9vw;font-family: "Montserrat", sans-serif;text-decoration: none;
}
/*------------------------------ BREADCUMB END --------------------------*/
/*------------------------------ CONTACT START --------------------------*/
.contact{
padding: 4vw 8vw;width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;
}
.leftContact{
width: 42%;
}
.talkTOChat{
width: 100%;height: 35vh;background: linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9)), url('../images/contact.jpg');
background-position: center;background-size: cover;display: flex;align-items: center;justify-content: center;
}
.talkMessage{
width:85%;display: flex;justify-content: space-between;
}
.talkIcon{
width: 15%;font-size: 4vw;color: #4173b0;
}
.talkDetail{
width: 75%;
}
.talkDetail h2{
font-size: 2.2vw;font-weight: 400;text-transform: uppercase;letter-spacing: 2px;font-family: "Montserrat", sans-serif;
}
.talkDetail p{
font-size: 0.9vw;margin-bottom: 0;
}
.leftContact .contactFooterIc{
font-size: 1.5vw;width: 6% !important;
}
.leftContact .contactFooterDetail{
width: 93% !important;
}
.leftContact .contactFooterDetail h6{
color: #4173b0;
}
.rightContact{
width: 50%;
}
.rightContact h2{
font-size: 2.5vw;font-weight:400;letter-spacing: 2.5px;text-transform: uppercase;font-family: "Montserrat", sans-serif;
}
.rightContact p{
font-size: 1vw;margin-bottom: 2.5vw;
}
.contactFormRow{
width: 100%;
}
.contactFormRow input{
width: 100%;height: 2.8vw;padding: 0.5vw;border: 1px solid #cccccc;margin-bottom: 1.5vw;font-size: 0.8vw;
}
.contactFormRow textarea{
width: 100%;padding: 0.5vw;border: 1px solid #cccccc;margin-bottom: 1.5vw;height: 8vw;font-size: 0.8vw;
}
input:focus{
outline: none;
}
textarea:focus{
outline: none;
}
.contactFormRow button{
width: 100%;height:3vw;background: #1959a5;border: none;color: #fff;font-size: 0.9vw;text-transform: uppercase;
}
.leftContact h3{
font-size: 1.5vw;font-weight: 400;font-family: "Montserrat", sans-serif;text-transform: uppercase;margin-top: 2.5vw;
color: #1959a5;
}
.leftContact ul li{
font-size: 0.9vw;margin-top: 0.7vw;
}
.leftContact ul li i{
color: #1959a5;
}
.mapROw{
width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;padding: 0 8vw 5vw 8vw;
}
.map{
width: 48%;height: 45vh;position: relative;
}
.map iframe{
content: '';position: absolute;width: 100%;height: 100%;top: 0;left: 0;
}
/*------------------------------ CONTACT END --------------------------*/
/*------------------------------ FAQ START --------------------------*/
.faq{
padding: 6vw 0vw;width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;
}
.faqRow{
width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;
}
.leftRowColumn{
width: 45%;height: 100%;background: #ebebeb;
}
.rightRowColumn{
width: 50%;padding: 3vw 10vw 3vw 0;
}
.accordionBorder{
width: 100%;border: 1px solid #c8c8c8;margin-bottom: 1.5vw;
}
#accordion button{
width: 100%;display: block;text-transform: uppercase;font-size: 0.9vw;font-family: "Montserrat", sans-serif;
border: none;background: none;text-align: left;padding: 1.5vw;position: relative;
}
#accordionTwo button{
width: 100%;display: block;text-transform: uppercase;font-size: 0.9vw;font-family: "Montserrat", sans-serif;
border: none;background: none;text-align: left;padding: 1.5vw;position: relative;
}
button.buttonPlus .fa-solid{
content: '';position: absolute;top: 50%;right:5%;transform: translateY(-50%);font-size: 1vw;
}
.collapseMargin{
padding: 0 0.5vw 0 0.5vw;margin-top: -1.5vw;font-size: 0.8vw;
}
.faqRowTwo{
width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 4vw;
}
.leftRowColumnTwo{
width: 50%;padding: 3vw 0vw 3vw 10vw;
}
.rightRowColumnTwo{
width: 45%;height: 100%;background: #ebebeb;
}
/*------------------------------ FAQ END --------------------------*/
/*------------------------------ BLOG START --------------------------*/
.blogs{
width: 100%;padding: 4vw 8vw;display: flex;justify-content: space-between;flex-wrap: wrap;
}
.leftBlog{
width: 65%;display: flex;justify-content: space-between;flex-wrap: wrap;
}
.blogColumn{
width: 48%;margin-top: 2vw;
}
.blogColumn:nth-child(1){
margin-top: 0;
}
.blogColumn:nth-child(2){
margin-top: 0;
}
.blogImage{
width: 100%;height: 30vh;background: #ebebeb;
}
.blogDetails{
padding: 1vw 0;
}
.blogDetails a{
font-size: 0.7vw;text-transform: uppercase;letter-spacing: 3px;color: #000;text-decoration: none;
font-weight: 600;font-family: "Montserrat", sans-serif;position: relative;
}
.blogDetails a::before{
content: '';position: absolute;left: 0;bottom: -0.4vw;width: 30%;height: 1px;background: #000;
}
.blogDetails a::before:hover{
width: 100%;
}
.blogDetails h3{
font-size: 1.5vw;font-weight: 600;
}
.blogDetails p{
font-size: 0.8vw;
}
.rightBlog{
width: 30%;
}
.rightBlog h3{
font-size: 1.5vw;font-weight: 400;text-transform: uppercase;font-family: "Montserrat", sans-serif;
}
.blogSide{
width: 100%;display: flex;justify-content: space-between;margin-top: 0.8vw;
}
.blogSideImg{
width: 30%;height: 10vh;background: #ebebeb;
}
.blogSideDetail{
width: 65%;
}
.blogSideDetail h2{
font-size:1.2vw;font-weight:400;font-family: "Montserrat", sans-serif;
}
.blogSideDetail a{
font-size: 0.7vw;text-transform: uppercase;font-family: "Montserrat", sans-serif;color: #000;
}
/*------------------------------ BLOG END --------------------------*/
/*------------------------------ CLIENT START --------------------------*/
.clients{
width: 100%;padding: 4vw 8vw;display: flex;justify-content: space-between;flex-wrap: wrap;
}
.clientColumn{
width: 24%;padding: 1vw;border: 1px solid #cfe4ff;margin-top: 1.5vw;height: 22vh;font-size: 1vw;font-weight: 600;
display: flex;align-items: center;justify-content: center;
}
.clientColumn:nth-child(1){
margin-top: 0;
}
.clientColumn:nth-child(2){
margin-top: 0;
}
.clientColumn:nth-child(3){
margin-top: 0;
}
.clientColumn:nth-child(4){
margin-top: 0;
}
/*------------------------------ CLIENT END --------------------------*/
/*---------------------- DESIGN IDEAS START ------------------------*/
.design_ideas{
width: 100%;padding: 4vw 8vw;display: flex;justify-content: space-between;flex-wrap: wrap;
}
.design_column{
width: 24%;height: 30vh;background: #ebebeb;margin-top: 1vw;
}
.design_column:nth-child(1){
margin-top: 0;
}
.design_column:nth-child(2){
margin-top: 0;
}
.design_column:nth-child(3){
margin-top: 0;
}
.design_column:nth-child(4){
margin-top: 0;
}
/*---------------------- DESIGN IDEAS END --------------------------*/
/*---------------------- ABOUT START ------------------------*/
.about{
width: 100%;padding:5vw 8vw 2vw 8vw;font-size: 0.9vw;background: #fff;
}
.photoDetailRow{
width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;margin-bottom: 2vw;
}
.photoColumn{
width: 47%;
}
.featureRow{
width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;
}
.featureColumn{
width: 25%;border-right: 1px solid #cfe4ff;padding: 2vw;margin-top: 3vw;text-align: center;
}
.featureColumn:nth-child(4){
border-right: none;
}
.featureColumn h3{
font-size: 1.2vw;font-weight: 400;text-transform: uppercase;letter-spacing: 2px;margin-top: 1vw;
}
.featureColumn img{
width: 30%;
}
.whyBest{
padding:0 8vw 5vw 8vw;position: relative;display: flex;justify-content: space-between;flex-wrap: wrap;
}
.leftWhyBest{
width: 60%;
}
.rightWhyBest{
width: 35%;
}
.whyBest h6{
font-size: 0.8vw;text-transform: uppercase;font-weight: 500;text-align: center;
}
.whyBest h2{
font-size: 2.2vw;font-weight: 400;font-family: "Montserrat", sans-serif;text-transform: uppercase;text-align: center;
letter-spacing: 2px;
}
.whyBestRow {
display: flex;justify-content: space-between;flex-wrap: wrap;
}
.whyBestColumn{
width: 31%;display: flex;justify-content: space-between;margin-top: 1.5vw;
}
.whyBestIc{
width: 15%;
}
.whyBestDetails{
width: 78%;
}
.whyBestDetails h3{
font-size: 1.4vw;text-transform: uppercase;font-weight: 400;letter-spacing: 2px;margin-bottom:0.7vw;
}
.whyBestDetails p{
font-size: 0.9vw;margin-bottom: 0;
}
.whyBestIc img{
width: 100%;
}
.testimonials{
width: 100%;padding: 4vw 0vw;background: #ebf4ff;
}
.testimonials h6{
font-size: 0.8vw;text-transform: uppercase;font-weight: 500;text-align: center;
}
.testimonials h2{
font-size: 2.2vw;font-weight: 400;font-family: "Montserrat", sans-serif;text-transform: uppercase;text-align: center;
letter-spacing: 2px;
}
.testimonialCarouselRow{
width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;
}
.testimonialColumn{
width: 24%;padding: 1.5vw;background: #fff;margin-top: 2vw;
}
.testimonialColumn p{
font-size: 1vw;text-align: center;line-height: 1.8;
}
.testimonialColumn h5{
font-size: 1vw;font-weight: 600;text-align: center;
}
.counterAbout{
padding:0 8vw 4vw 8vw;display: flex;justify-content: space-between;flex-wrap: wrap;
}
.directorsRow{
width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 1.2vw;
}
.directorsRow:first-child{
margin-top: 0;
}
.directorImg{
width: 32%;background: #ebebeb;height: 25vh;
}
.directorDetail{
width: 60%;display: flex;align-items: center;
}
.directorDetail p{
font-size: 0.9vw;margin-top: 0 !important;
}
.directorDetail h5{
font-size: 1vw;font-weight: 600;display: flex;align-items: center;margin-top: 1vw;
}
.directorDetail h5 span{
display: inline-block;width: 15%;height: 2px;background: #000;margin-right: 1vw;
}
.counterAbtColumn{
width: 48%;
}
.counterAbtColumn h6{
font-size: 0.8vw;text-transform: uppercase;font-weight: 500;
}
.counterAbtColumn h1{
font-size: 2.5vw;font-weight: 600;font-family: "Montserrat", sans-serif;
}
.counterAbtColumn p{
font-size: 0.9vw;margin-bottom: 0;margin-top: 1vw;
}
.counterAboutTwo{
padding:4vw 8vw 4vw 8vw;display: flex;justify-content: space-between;flex-wrap: wrap;background: #f2f8ff;
}
.counterAbtColumnTwo{
width:60%;display: flex;align-items: center;
}
.counterAbtColumnTwo h6{
font-size: 0.8vw;text-transform: uppercase;font-weight: 500;
}
.counterAbtColumnTwo h1{
font-size:1.8vw;font-weight: 600;color: #0f78c2;
}
.counterAbtColumnTwo p{
font-size: 0.9vw;margin-bottom: 0;margin-top: 1vw;
}
.counterAbtColumntThree{
width:35%;
}
.counterAbtColumn:nth-child(2){
display: flex;flex-wrap: wrap;
}
.counterBox{
display: flex;align-items: center;justify-content: center;width: 48%;
}
.counterBox{
border-bottom: 1px solid #cfe4ff;border-right: 1px solid #cfe4ff;padding: 1vw;text-align: center;
}
.counterBox:nth-child(2){
border-right: none;
}
.counterBox:nth-child(3){
border-bottom: none;
}
.counterBox:nth-child(4){
border-bottom: none;border-right: none;
}
.counterBox h5{
text-align: center;font-size: 1vw;font-weight: 600;
}
.counterBox h2{
font-size: 2.8vw;font-weight: 700;
}
/*---------------------- ABOUT END ------------------------*/
/*---------------------- INDEX START ------------------------*/
.slider{
width: 100%;height: 85vh;background: #ebebeb;display: flex;
align-items: center;justify-content: center;font-weight: 800;color: grey;
}
video {
width: 100%;
height: 100%;
object-fit: cover;
}
.indexAbout{
padding: 0;display: flex;justify-content: space-between;flex-wrap: wrap;
}
.aboutLeft{
width:50%;padding:6vw;text-align: center;background: #f0f7ff;
}
.aboutLeft h1{
font-size: 1.5vw;
}
.aboutLeft p{
font-size: 0.8vw;
}
.indexAbout h6{
font-size: 0.8vw;text-transform: uppercase;
}
.indexAbout h1{
font-family: "Nunito", sans-serif;font-weight: 500;font-size: 1.8vw;margin-bottom: 1vw;
}
.aboutIndexdetailWrapper{
width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;
}
.abtIndexDetailImg{
width: 23%;height: 20vh;background: #ebebeb;margin-top: 1.6vw;
}
.abtIndexDetailText{
width: 73%;display: flex;align-items: center;
}
.abtIndexDetailText p{
font-size: 0.8vw;margin-top: 1vw;text-align: justify;
}
.aboutRight{
width: 50%;position: relative;
}
.rightabtIndexImg{
content: '';position: absolute;right: 0;width: 45%;height:100%;background: #ebebeb;top: 0;
}
.bottomabtIndexImg{
width:70%;height:45%;background: grey;content: '';position: absolute;left: 0;bottom: -20%;
}
.yearsOfExperience{
content: '';position: absolute;top: 25%;left: 15%;
}
.yearsOfExperience{
width: 30%;
}
.yearsOfExperience h1{
font-size: 8vw;font-weight:700;font-family: "Montserrat", sans-serif;margin-bottom: 0;line-height: 1;
}
.yearsOfExperience h5{
font-size: 0.8vw;text-transform: uppercase;
}
.indexPgFeature{
width: 100%;padding: 4vw 6vw 2vw 6vw;
}
.indexPgFeature h2{
font-size: 1.7vw;font-weight: 600;text-align: center;margin-bottom: 1vw;
}
.indexPgWrapper{
width: 100%;padding: 2vw 0;display: flex;justify-content: space-between;flex-wrap: wrap;
}
.indexPgFeatureColumn{
width: 23%;text-align: center;
}
.indexPgFeatureColumn img{
width: 30%;margin-bottom: 0.5vw;
}
.indexPgFeatureColumn h3{
font-size: 1.1vw;font-weight: 600;margin-bottom: 0;line-height: 1.5;
}
.indexPgFeatureColumn p{
font-size: 0.8vw;
}
.productRange{
width: 100%;padding:3vw 10vw 3vw 10vw;text-align: center;background: #f5faff;
}
.productRange h2{
font-size: 2vw;font-weight: 600;margin-bottom: 1vw;
}
.productWrapper{
width: 100%;display: flex;flex-wrap: wrap;justify-content: center;
}
.productCOl{
width: 23%;margin: 0.7vw;border:1px solid #cfe4ff;border-radius: 20px;overflow: hidden;
}
.productImg{
width: 100%;height: 23vh;background: #ebebeb;
}
.productHeading{
width: 100%;padding: 0.5vw;
}
.productHeading a{
font-size: 0.9vw;color: #000;text-decoration: none;
}
.howGlassDecor{
width: 100%;padding: 3vw 8vw 0vw 8vw;
}
.howGlassDecor h2{
font-size: 1.8vw;font-weight: 600;text-align: center;
}
.howGlassDecor p{
font-size: 0.9vw;margin-top: 0.9vw;text-align: center;margin-bottom: 1.5vw;
}
.glassAdvantage{
width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;
}
.glassAdvCol{
width: 19%;padding: 1.5vw;border: 1px solid #cfe4ff;text-align: center;
}
.glassAdvCol img{
width: 40%;margin-bottom: 1vw;
}
.glassAdvCol h5{
text-align: center;font-size: 0.9vw;
}
.windowDoor{
width: 100%;padding: 4vw 10vw;background: linear-gradient(rgba(255, 255, 255, 0.5),rgba(255, 255, 255, 0.5)),url('../images/windowBg.jpg');background-size: contain;
background-repeat: repeat;
}
.windowHeading{
width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;
}
.windowGif{
position: fixed;top: 0;left: 0;width: 100%;z-index: 1000;display: none;
}
.columnWindowHeading{
width: 48%;display: flex;align-items: center;
}
.columnWindowHeading h6{
font-size: 0.8vw;text-transform: uppercase;font-weight: 500;
}
.columnWindowHeading h2{
font-size: 2.5vw;font-weight: 600;font-family: "Montserrat", sans-serif;
}
.columnWindowHeading{
font-size: 0.9vw;
}
.windowdoorThree{
width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;
}
.windowdoorThreeColumn{
width: 30%;display: flex;align-items: center;
}
.windowdoorThreeColumnMiddle{
width: 25%;
}
.windowThreeRow{
width: 100%;display: flex;justify-content: space-between;padding: 1vw 0;border-bottom: 1px solid #d4d0cf;
}
.windowThreeRow:nth-child(3){
border-bottom: none;
}
.windowThreeIc{
width: 20%;
}
.windowThreeDetail{
width: 75%;
}
.windowThreeDetail h3{
font-size: 1.2vw;font-weight: 600;
}
.windowThreeDetail p{
font-size: 0.9vw;margin-bottom: 0;
}
.video{
width: 100%;background: #ebebeb;height: 80vh;position: relative;
background: url('../images/videooverlay.jpg');background-size: cover;
background-position: center;position: relative;text-align: center;
}
.video::before{
background: linear-gradient(180deg, #0000003D 0%, #000000A3 100%);
width: 100%;height: 100%;position: absolute;top: 0;left: 0;content: '';
}
.videoBtn{
width: 7vw;height: 7vw;border-radius: 50%;top: 40%;left: 50%;transform: translate(-50%,-50%);background: #fff;
border: none;position: absolute;background-color: #FFFFFF5C;border-style: solid;border-width: 1px 1px 1px 1px;
border-color: #FFFFFF1C;backdrop-filter: blur(58px);
}
.video button{
font-size: 1.3vw;font-weight: 600;color: #fff;
}
.video button:hover{
background: #fff;transition: all 0.25s ease-in;color: #000;
}
.videoOverlay{
content: '';position: fixed;top: 0;left: 0;width: 100%;height: 100%;
background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7));z-index: 1000;
opacity: 0;visibility: hidden;transition: 0.3s ease;
}
.videoOverlay.active {
opacity: 1;
visibility: visible;
}
.videoWrapper{
position: absolute;content: '';top: 50%;left: 50%;width:60%;height: 600px;background: #fff;
transform: translate(-50%, -50%);display: flex;align-items: center;justify-content: center;
font-size: 13vw;font-weight: 600;
}
.closeButtonOverlay{
width: 2vw;height: 2vw;background: #fff;border-radius: 50%;border: none;right:16%;top:12%;content: '';
position: absolute;font-size: 0.9vw;
}
.closeButtonOverlay:hover{
background: #000;color: #fff;
}
.video h1{
font-size: 15.5vw;font-weight: 600;font-family: "Vend Sans", Sans-serif;text-transform: uppercase;color: #fff;
position: absolute;bottom: -1vw;left: 50%;transform: translateX(-50%);width: 100% ;
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(180deg, #D8D8D8 0%, rgba(153, 153, 153, 0) 85%);
}
.officeProjectDetail{
width: 100%;padding: 0 10vw;border-top: 1px solid #ebebeb;border-bottom: 1px solid #ebebeb;
display: flex;flex-wrap: wrap;
}
.officeProjectDetailCol{
width: 33.3%;padding: 1vw 4vw;border-right: 1px solid #ebebeb;display: flex;
}
.projectNumber{
width: 45%;font-size: 3.2vw;font-weight: 700;font-family: "Montserrat", sans-serif;
}
.projectText{
width: 50%;font-size: 1vw;font-weight: 400;color: grey;display: flex;align-items: center;
}
.officeProjectDetailCol:nth-child(3){
border-right: none;
}
.consultation{
width: 100%;padding:0 12vw 3vw 12vw;position: relative;display: flex;justify-content: space-between;
flex-wrap: wrap;
}
.consultationleft{
width: 40%;
}
.consultationleft h2{
font-size: 2vw;font-weight: 600;
}
.consultRow{
width: 100%;padding-left: 1.5vw;border-left: 1px dashed #000;position: relative;margin-top: 1vw;
}
.consultRow::before{
content: '';position: absolute;top: -2%;left: -1.3%;width: 1vw;height: 1vw;background: #fff;
border-radius: 50%;border: 1px solid #000;
}
.consultDetail h6{
font-size: 0.9vw;color: #0f78c2;
}
.consultDetail h3{
font-size: 1.5vw;font-weight: 600;
}
.consultDetail h5{
font-size: 1vw;
}
.consultCOlumn{
margin-bottom: 1.5vw;
}
.consultationleft a{
width: 60%;display: block;height: 2.8vw;background: #0f78c2;display: flex;align-items: center;
justify-content: center;color: #fff;font-size: 0.9vw;text-transform: uppercase;
}
.consultationright{
width: 45%;
}
.consultImg{
content: '';position: absolute;bottom: 0;left: 9%;width: 37%;
}
.values{
width: 100%;padding: 4vw 10vw 4vw 10vw;position: relative;background: #ebf4ff;
}
.floatGlass{
content: '';position: absolute;top: 6%;left: 10%;width: 20%;
}
.valuesCOntent{
position: relative;width: 50%;left:45%;
}
.valuesCOntent h6{
font-size: 0.8vw;text-transform: uppercase;font-weight: 700;
}
.valuesCOntent h1{
font-size:3vw;font-weight: 600;font-family: "Montserrat", sans-serif;text-transform: capitalize;
margin-bottom: 1.5vw;
}
.valuesRow{
display: flex;justify-content: space-between;flex-wrap: wrap;width:100%;padding:0;
}
.valuesDetails{
width: 48%;
}
.valuesDetails h2{
font-size: 2vw;font-weight: 600;
}
.valuesImg{
width: 45%;height: 100%;background: #ebebeb;height: 50vh;
}
.valuesDetailRow{
width: 100%;border-top: 1px solid #ebebeb;display: flex;justify-content: space-between;flex-wrap: wrap;
}
.valueIc{
width: 3vw;height: 3vw;background: #0f78c2;font-size: 1.5vw;font-weight: 600;color: #fff;display: flex;
align-items: center;justify-content: center;
}
.valueIcDetail{
padding: 1vw;width: 90%;
}
.valueIcDetail h2{
font-size: 1.3vw;font-weight: 600;text-transform: capitalize;
}
.valueIcDetail p{
font-size: 0.9vw;width:100%;margin-bottom: 0;
}
.glassText{
content: '';position: absolute;top: 1%;left:1%;font-family: "Vend Sans", Sans-serif;
font-size: 15vw;font-weight: 700;background-clip: text;-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(180deg, #D8D8D8 0%, rgba(153, 153, 153, 0) 85%);
}
.indexBottomGlass{
content: '';position: absolute;width: 25%;right: 15%;bottom: 8%;
}
.testimonialIndex{
width: 100%;padding: 4vw;
background: linear-gradient(rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7)), url("../images/glass.jpg");
background-size: cover;background-position: center;position: relative;
}
.doorClient{
content: '';width: 13%;top: -6%;left: 15%;position: absolute;
}
.testimonialCOlumn{
width: 70%;position: relative;left: 15%;text-align: center;font-size: 1.3vw;font-weight: 600;margin-top: 2vw;
}
.testimonialDetails{
width: 30%;margin-top: 3vw;display: flex;justify-content: center;position: relative;left: 35%;
}
.testimonialimg{
width: 6vw;height: 6vw;background: #ebebeb;border-radius: 50%;
}
.testimonialCOlumn h3{
font-size: 1.2vw;font-weight: 600;margin-top: 1vw;font-family: "Vend Sans", Sans-serif;font-style: italic;
}
.projectIndex{
width: 100%;padding:0vw 10vw 2vw 10vw;
}
.projectIndex h6{
font-size: 0.8vw;text-transform: uppercase;font-weight: 700;
}
.projectIndex h1{
font-size:3vw;font-weight: 600;font-family: "Montserrat", sans-serif;text-transform: capitalize;
margin-bottom: 1.5vw;width: 45%;
}
.projectSlider{
width: 96%;display: flex;justify-content: space-between;flex-wrap: wrap;margin-bottom: 4vw;
margin-left: 2%;
}
.projectSliderColumn{
width: 24%;height: 30vh;background: #ebebeb;
}
.clientScroll{
width: 100%;padding:3vw 5vw 3vw 5vw;background: #f5feff;
}
.clientScrollRow{
width: 100%;display: flex;justify-content: space-between;
}
.clientLogoScroll{
width: 18%;margin: 1vw;
}
.clientScroll h2{
font-size: 2vw;font-weight: 600;text-align: center;
}
.clientScroll p{
font-size: 0.9vw;text-align: center;margin-bottom: 2.5vw;
}
.bookNow{
padding: 3vw 18vw;
}
.bookBox{
width: 100%;background: #ebf4ff;padding: 3vw;
}
.bookBox h2{
font-size: 1.8vw;font-weight: 600;
}
.bookBox p{
font-size: 0.9vw;
}
.form{
width: 100%;
}
.formRow{
width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;
}
.formColumn{
width: 48%;
}
.form input{
width: 100%;height: 3vw;background: #fff;border: 1px solid #ebebeb;padding: 0.5vw;
margin-top: 1vw;font-size: 0.85vw;
}
.formRow textarea{
width: 100%;background: #fff;border: 1px solid #ebebeb;padding: 0.5vw;
margin-top: 1vw;font-size: 0.85vw;
}
.formRow select{
width: 100%;height: 3vw;background: #fff;border: 1px solid #ebebeb;padding: 0.5vw;
margin-top: 1vw;font-size: 0.85vw;
}
.form button{
width: 30%;height: 3vw;background: #0f78c2;color: #fff;font-size: 0.9vw;
display: flex;align-items: center;justify-content: center;border: none;margin-top: 1vw;
}
/*---------------------- INDEX END ------------------------*/
/*---------------------- SERVICE ONE START ------------------------*/
.thankYou{
height: 50vh;width: 100%;position: relative;background: #ebebeb;
}
.thankYouColumn{
content: '';position: absolute;padding: 1vw;border: 2px solid #ebebeb;border-radius: 25px;width: 40%;
transform: translate(-50%,-50%);top: 50%;left: 50%;text-align: center;background: #fff;
}
.thankYouColumn img{
width: 20%;
}
.thankYouColumn h2{
font-size: 2.5vw;font-weight: 600;
}
.thankYouColumn p{
font-size: 1vw;font-weight: 600;
}
.serviceAbout{
width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;
}
.serviceCOlumn{
width: 50%;position: relative;
}
.productForm{
content: '';position: absolute;top: 50%;transform: translateY(-50%);left: 10%;
width: 40%;padding: 1vw;background: rgba(255, 255, 255, 0.8);
}
.productForm h2{
font-size: 1.2vw;font-weight: 600;color: #0f78c2;
}
.productFormInputCol{
width: 100%;margin-top: 0.5vw;
}
.productFormInputCol input{
width: 100%;height: 2.5vw;background: #fff;border: 1px solid #ebebeb;padding: 0.5vw;
font-size: 0.8vw;border-radius: 25px;
}
.productFormInputCol select{
width: 100%;height: 2.5vw;background: #fff;border: 1px solid #ebebeb;padding: 0.5vw;
font-size: 0.8vw;border-radius: 25px;
}
.productFormInputCol input:focus{
outline: none;
}
.productFormInputCol button{
width: 100%;height: 2.5vw;display: flex;align-items: center;justify-content: center;border: none;
text-transform: uppercase;font-size: 0.8vw;font-weight: 600;color: #fff;background: #0f78c2;border-radius: 25px;
}
.serviceCOlumn:nth-child(2){
background: #ebf4ff;padding: 7vw;text-align: center;
}
.serviceCOlumn h3{
font-size: 2vw;font-weight: 600;text-transform: uppercase;margin-bottom: 1.5vw;
}
.serviceCOlumn p{
font-size: 0.9vw;line-height: 1.5;
}
.serviceAdvantage{
width: 100%;padding: 5vw 10vw;display: flex;justify-content: space-between;flex-wrap: wrap;
}
.serviceAdvatageCol{
width: 48%;
}
.serviceAdvatageCol h2{
font-size: 1.7vw;font-weight: 600;margin-bottom: 1vw;
}
.serviceAdvatageCol ul li{
font-size: 0.9vw;margin-top: 0.5vw;
}
.serviceAdvatageCol:nth-child(2){
width: 48%;display: flex;justify-content: space-between;flex-wrap: wrap;align-items: center;
}
.serviceAdvantageImage{
width: 48%;height:25vh;background: #ebebeb;border-radius: 12px;
}
.advantageServiceRow{
width: 100%;margin-top: 5vw;
}
.advantageServiceRow h2{
font-size:1.5vw;font-weight: 600;text-transform: uppercase;text-align: center;margin-bottom: 1vw;
}
.advantageServiceWrapper{
width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;
}
.advantageServiceColumn{
width: 19%;padding: 1.5vw;border:1px solid #cfe4ff;margin-top: 1vw;
}
.advantageServiceColumn img{
width:40%;position: relative;left: 50%;transform: translateX(-50%);
}
.advantageServiceColumn h5{
font-size: 0.9vw;text-align: center;margin-top: 0.5vw;
}
.serviceBrochure{
width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;
}
.serviceBrochureColumn{
width: 50%;
}
.serviceBrochureColumn:nth-child(2){
padding: 4vw;background: #ebf4ff;
}
.serviceBrochureColumn h4{
font-size: 1.5vw;font-weight: 600;margin-bottom: 1vw;
}
.serviceBrochureColumn p{
font-size: 0.9vw;
}
.serviceBrochureColumn h5{
font-size: 1.2vw;font-weight: 600;
}
.serviceBrochureColumn ul li{
display: inline-block;padding: 0.6vw 2vw;background: #cfe4ff;margin-top: 0.5vw;width: 48%;
text-align: center;text-transform: uppercase;font-size: 0.8vw;
}
.serviceBrochureColumn a{
display: block;
width: 40%;
height: 2.5vw;
display: flex;
align-items: center;
justify-content: center;
background: #2562a9;
color: #fff;
border-radius: 25px;
font-size: 0.6vw;
border: 1px solid #cfe4ff;
text-decoration: none;
text-transform: uppercase;
margin-top: 1vw;
}
.productBenefits{
width: 100%;padding: 4vw 10vw 4vw 10vw;
}
.productBenefitRow{
width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;
}
.productBenefitColumn{
width: 24%;background: #ebf4ff;padding: 1.5vw;margin-top: 1vw;text-align: center;border-radius: 7px;
}
.productBenefits h2{
font-size:1.5vw;font-weight: 600;text-transform: uppercase;text-align: center;margin-bottom: 1vw;
}
.benefitImg{
width: 6vw;height: 6vw;border-radius: 50%;display: flex;align-items: center;justify-content: center;
border: 2px solid #cfe4ff;background: #fff;position: relative;left: 50%;transform: translateX(-50%);
margin-bottom: 1vw;display: flex;align-items: center;justify-content: center;
}
.productBenefitColumn h3{
font-size: 1.2vw;font-weight: 600;margin-bottom: 0.5vw;
}
.productBenefitColumn p{
font-size: 0.8vw;margin-bottom: 0;
}
.benefitImg img{
width: 50%;
}
.decorationIdeas{
width: 100%;padding:0 10vw 5vw 10vw;
}
.decorationIdeas h2{
font-size: 1.6vw;font-weight: 600;text-align: center;text-transform: uppercase;
}
.decorationROw{
width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;
}
.decorationColumn{
width: 24%;height: 45vh;background: #ebebeb;margin-top: 1.5vw;
}
.singleBlog{
width: 100%;padding: 3vw 10vw;text-align: center;
}
.singleblogImage{
width: 50%;height: 40vh;margin-left: 25%;margin-bottom: 1.5vw;
}
.singleBlog h3{
font-size: 1.8vw;font-weight: 600;margin-bottom: 1vw;
}
.singleBlog p{
font-size: 0.85vw;margin-bottom: 0;
}
.windowHassle{
padding: 4vw 10vw 3vw 10vw;
}
.windowHassle h2{
font-size: 2vw;font-weight: 600;text-align: center;margin-bottom: 1.5vw;
}
.wondowHassleRow{
width: 100%;display: flex;justify-content: center;flex-wrap: wrap;
}
.windowHassleCOl{
width: 22%;margin:1vw 1%;text-align: center;position: relative;
}
.windowHassleCOl img{
width: 50%;margin-bottom: 1vw;
}
.windowHassleCOl h4{
font-size:1vw;font-weight: 500;
}
/*---------------------- SERVICE ONE END ------------------------*/
.downiMageMargin{
margin-bottom: 4vw;
}
/*------------------------------------------------------------ RESPONSIVE --------------------------------------------------------------------*/
@media(max-width: 768px){
.respHeader{
width: 100%;padding: 5px 15px;display: flex;justify-content: space-between;align-items: center;
border-bottom: 1px solid #ebebeb;
}
.respLogo{
width: 30%;
}
.respLogo a img{
width: 100%;
}
.respMenuBtn{
width: 20%;display: flex;align-items: center;justify-content: right;
}
.respMenuBtn button{
width: 45px;height: 45px;display: flex;align-items: center;justify-content: center;background: none;
border: 1px solid #b0b0b0;border-radius: 50%;font-size: 18px;color: #4a4a4a;
}
.sideMenu{
width: 70%;position: fixed;top: 0;left: 0;z-index: 100;height: 100vh;background: #f2f8ff;display: none;
}
.respSlideLogo{
width: 100%;padding: 15px;text-align: center;
}
.respSlideLogo a img{
width: 50%;
}
.respMenu ul li a{
padding:15px 15px;font-size: 14px;color: #000;border-bottom: 1px solid #e3eefa;display: block;width: 100%;
text-transform: uppercase;text-decoration: none;
}
.respMenu ul li a:hover{
background: #235398;color: #fff;
}
.sideImage{
width: 100%;height: 300px;background: #ebebeb;margin-top: 15px;
}
.socialMediaSideBottom{
position: absolute;bottom: 3%;left: 50%;transform: translateX(-50%);content: '';
display: flex;justify-content: space-between;align-items: center;width: 40%;
}
.socialMediaSideBottom a{
font-size: 20px;color: #1979b9;
}
.socialMediaSideBottom a:hover{
color: #235398;
}
button.closeBtn{
position: absolute;content: '';right: -16px;top: 2%;width: 40px;height: 40px;border-radius: 50%;
border: none;background: #cad9eb;color: #000;font-size: 15px;
}
button.closeBtn:hover{
background: #235398;color: #fff;
}
/* Dropdown */
.hasDropdown .dropdownMenu {
display: none;
background: #f4faff;
}
.hasDropdown .dropdownMenu li a {
padding: 12px 30px;
font-size: 13px;
border-bottom: 1px solid #ddeefa;
}
.hasDropdown .dropdownToggle {
display: flex;
justify-content: space-between;
align-items: center;
}
.hasDropdown.active .dropdownMenu {
display: block;
}
.hasDropdown i {
font-size: 12px;
}
/*------------------------ FOOTER START -----------------------------------*/
.footer{
width: 100%;padding: 15px;background: #ebf4ff;display: flex;justify-content: space-between;flex-wrap: wrap;
}
.footerColumnOne{
width: 100%;padding: 0;border-right:none;
}
.footerColumnOne a img{
width: 40%;
}
.footerColumnOne p{
font-size: 15px;margin-top: 15px;
}
.social-mediaFooter a{
font-size: 18px;margin-right: 10px;text-decoration: none;color:#4173b0;
}
.footerColumnTwo{
padding: 0;display: flex;justify-content: space-between;flex-wrap: wrap;width: 100%;
}
.footerContact{
width: 100%;margin-top: 15px;
}
.footerContact h3{
font-size: 20px;font-weight: 600;margin-bottom:15px;
}
.footerLinks{
width:100%;margin-top: 15px;
}
.footerLinks h3{
font-size: 20px;font-weight: 600;margin-bottom: 15px;
}
.contactFooterRow{
width: 100%;display: flex;justify-content: space-between;margin-top: 15px;
}
.contactFooterRow:nth-child(1){
margin-top: 0;
}
.contactFooterIc{
width:8%;font-size: 18px;color:#4173b0;
}
.contactFooterDetail{
width: 92%;font-size: 15px;
}
.contactFooterDetail a{
font-size: 15px;color: #000;text-decoration: none;
}
.footerLinks ul li{
margin-bottom: 10px;
}
.footerLinks ul li a{
font-size: 15px;color: #000;text-decoration: none;
}
.footerFacebook{
width:100%;display: flex;align-items: center;margin-top: 18px;
}
.footerFacebook p{
text-align: center;font-size: 18px;font-weight: 600;font-family: "Handlee", cursive;color: #0f78c2;
}
.copyright{
width: 100%;padding:15px 10px;font-size:14px;text-align: center;background: #e0eeff;
}
.copyright a{
color: orange;
}
.moveToTop{
position: fixed;right:15px;bottom: 15px;width: 45px;height: 45px;border: none;background: #0f78c2;border-radius: 50%;
font-size: 16px;color: #fff;
}
a.callPhone{
position: fixed;left:15px;bottom: 70px;width: 45px;height: 45px;border: none;background: #0f78c2;border-radius: 50%;
font-size: 18px;color: #fff;display: flex;align-items: center;justify-content: center;text-decoration: none;
}
a.whatsapp{
position: fixed;left:15px;bottom: 15px;width: 45px;height:45px;border: none;background: #3e9e5b;border-radius: 50%;
font-size: 18px;color: #fff;display: flex;align-items: center;justify-content: center;text-decoration: none;
}
.contactFooterIc{
width: 10%;font-size: 18px;color:#4173b0;
}
.contactFooterDetail{
width: 90%;font-size: 15px;
}
.contactFooterDetail h6{
font-size: 18px;font-weight: 600;text-transform: uppercase;margin-bottom: 0;
}
.leftContact .contactFooterIc{
font-size: 18px !important;
}
.footerTop{
width: 100%;background: transparent;display: flex;justify-content: space-between;flex-wrap: wrap;
}
.footerTopLeft{
width: 100%;height: 25vh;
}
.footerTopRight{
width: 100%;background: #deecfc;padding: 5vw;
}
.footerTopRight h2{
font-size: 15px;font-weight: 600;margin-bottom: 1vw;font-family: "Nunito", sans-serif;
}
.footerTopRight p{
font-size: 14px;margin-bottom: 2vw;
}
.footerTopRight ul li{
display: inline-block;margin-right:0.6vw;
}
.footerTopRight ul li a{
display: block;padding:7px 18px;background: #0f78c2;border-radius: 25px;color: #fff;font-size:14px;
text-decoration: none;
}
/*----------------------------- FOOTER END ----------------------------------*/
/*------------------------------ BREADCUMB START --------------------------*/
.breadcumb{
padding: 2vw 10vw;background: linear-gradient(rgba(235, 244, 255, 0.8),rgba(235, 244, 255, 0.8)), url('../images/breadcumb.jpg');
background-size: cover;background-position: center;height:30vh;margin-top: -10vh;display: flex;justify-content: space-between;
align-items: center;
}
.breadcumbWrapper{
text-align: center;width: 100%;margin-top: 3.5vw;
}
.breadcumbWrapper h1{
font-size:24px;font-weight: 400;font-family: "Montserrat", sans-serif;text-transform: uppercase;letter-spacing: 2px;
}
.breadcumbWrapper p{
font-size: 15px;margin-bottom: 0;font-family: "Montserrat", sans-serif;
}
.breadcumbWrapper p a{
color: #000;font-size: 15px;font-family: "Montserrat", sans-serif;
}
/*------------------------------ BREADCUMB END --------------------------*/
/*------------------------------ CONTACT START --------------------------*/
.contact{
padding: 15px;width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;
}
.leftContact{
width: 100%;
}
.talkTOChat{
width: 100%;height: 35vh;background: linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9)), url('../images/contact.jpg');
background-position: center;background-size: cover;display: flex;align-items: center;justify-content: center;display: none;
}
.talkMessage{
width:85%;display: flex;justify-content: space-between;
}
.talkIcon{
width: 15%;font-size: 4vw;color: #4173b0;
}
.talkDetail{
width: 75%;
}
.talkDetail h2{
font-size: 2.2vw;font-weight: 400;text-transform: uppercase;letter-spacing: 2px;font-family: "Montserrat", sans-serif;
}
.talkDetail p{
font-size: 0.9vw;margin-bottom: 0;
}
.rightContact{
width: 100%;
}
.rightContact h2{
font-size: 28px;font-weight:400;letter-spacing: 2.5px;text-transform: uppercase;font-family: "Montserrat", sans-serif;
margin-top: 18px;
}
.rightContact p{
font-size: 15px;margin-bottom: 18px;
}
.contactFormRow{
width: 100%;
}
.contactFormRow input{
width: 100%;height: 45px;padding: 5px;border: 1px solid #cccccc;margin-bottom: 1.5vw;font-size: 14px;
}
.contactFormRow textarea{
width: 100%;padding: 5px;border: 1px solid #cccccc;margin-bottom:10px;height: 30vw;font-size:14px;
}
input:focus{
outline: none;
}
textarea:focus{
outline: none;
}
.contactFormRow button{
width: 100%;height:48px;background: #1959a5;border: none;color: #fff;font-size:15px;text-transform: uppercase;
}
.leftContact h3{
font-size: 20px;font-weight: 400;font-family: "Montserrat", sans-serif;text-transform: uppercase;margin-top:0;
color: #1959a5;
}
.leftContact ul li{
font-size: 15px;margin-top: 8px;
}
.leftContact ul li i{
color: #1959a5;
}
.mapROw{
width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;padding:15px;
}
.map{
width: 100%;height:35vh;position: relative;
}
.map iframe{
content: '';position: absolute;width: 100%;height: 100%;top: 0;left: 0;
}
.map:last-child{
margin-top: 18px;
}
/*------------------------------ CONTACT END --------------------------*/
/*------------------------------ FAQ START --------------------------*/
.faq{
padding: 15px;width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;
}
.faqRow{
width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;
}
.leftRowColumn{
width:100%;height: 25vh;background: #ebebeb;margin-bottom: 15px;
}
.rightRowColumn{
width:100%;padding: 0;
}
.accordionBorder{
width: 100%;border: 1px solid #c8c8c8;margin-bottom:12px;
}
#accordion button{
width: 100%;display: block;text-transform: uppercase;font-size: 15px;font-family: "Montserrat", sans-serif;
border: none;background: none;text-align: left;padding: 13px;position: relative;
}
#accordionTwo button{
width: 100%;display: block;text-transform: uppercase;font-size: 15px;font-family: "Montserrat", sans-serif;
border: none;background: none;text-align: left;padding: 13px;position: relative;
}
button.buttonPlus .fa-solid{
content: '';position: absolute;top: 50%;right:2%;transform: translateY(-50%);font-size: 15px;
}
.collapseMargin{
padding: 0;margin-top: -15px;font-size: 15px;
}
.faqRowTwo{
width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;margin-top:0px;
}
.leftRowColumnTwo{
width:100%;padding: 0;
}
.rightRowColumnTwo{
width: 100%;height: 30vh;background: #ebebeb;
}
/*------------------------------ FAQ END --------------------------*/
/*------------------------------ BLOG START --------------------------*/
.blogs{
width: 100%;padding: 15px;display: flex;justify-content: space-between;flex-wrap: wrap;
}
.leftBlog{
width:100%;display: flex;justify-content: space-between;flex-wrap: wrap;
}
.blogColumn{
width: 100%;margin-top: 15px;
}
.blogColumn:nth-child(1){
margin-top: 0;
}
.blogColumn:nth-child(2){
margin-top: 0;
}
.blogImage{
width: 100%;height:300px;background: #ebebeb;
}
.blogDetails{
padding: 15px 0;
}
.blogDetails a{
font-size:13px;text-transform: uppercase;letter-spacing: 3px;color: #000;text-decoration: none;
font-weight: 600;font-family: "Montserrat", sans-serif;position: relative;
}
.blogDetails a::before{
content: '';position: absolute;left: 0;bottom: -0.4vw;width: 30%;height: 1px;background: #000;
}
.blogDetails a::before:hover{
width: 100%;
}
.blogDetails h3{
font-size: 22px;font-weight: 600;
}
.blogDetails p{
font-size: 15px;
}
.rightBlog{
width: 100%;
}
.rightBlog h3{
font-size:24px;font-weight: 400;text-transform: uppercase;font-family: "Montserrat", sans-serif;
}
.blogSide{
width: 100%;display: flex;justify-content: space-between;margin-top: 12px;
}
.blogSideImg{
width: 25%;height: 10vh;background: #ebebeb;
}
.blogSideDetail{
width: 70%;
}
.blogSideDetail h2{
font-size:18px;font-weight:400;font-family: "Montserrat", sans-serif;
}
.blogSideDetail a{
font-size: 14px;text-transform: uppercase;font-family: "Montserrat", sans-serif;color: #000;
}
/*------------------------------ BLOG END --------------------------*/
/*------------------------------ CLIENT START --------------------------*/
.clients{
width: 100%;padding:15px;display: flex;justify-content: space-between;flex-wrap: wrap;
}
.clientColumn{
width: 48%;padding: 8px;border: 1px solid #cfe4ff;margin-top: 12px;height: auto;
}
.clientColumn:nth-child(1){
margin-top: 0;
}
.clientColumn:nth-child(2){
margin-top: 0;
}
.clientColumn:nth-child(3){
margin-top: 12px;
}
.clientColumn:nth-child(4){
margin-top: 12px;
}
/*------------------------------ CLIENT END --------------------------*/
/*---------------------- DESIGN IDEAS START ------------------------*/
.design_ideas{
width: 100%;padding:15px;display: flex;justify-content: space-between;flex-wrap: wrap;
}
.design_column{
width: 48%;height: 25vh;background: #ebebeb;margin-top: 15px;
}
.design_column:nth-child(1){
margin-top: 0;
}
.design_column:nth-child(2){
margin-top: 0;
}
.design_column:nth-child(3){
margin-top: 12px;
}
.design_column:nth-child(4){
margin-top: 15px;
}
/*---------------------- DESIGN IDEAS END --------------------------*/
/*---------------------- ABOUT START ------------------------*/
.about{
width: 100%;padding:15px;font-size: 15px;text-align: justify;
}
.photoDetailRow{
width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;margin-bottom: 18px;
}
.photoColumn{
width: 100%;
}
.photoColumn:nth-child(1){
height: 30vh;margin-bottom: 15px;
}
.featureRow{
width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;
}
.featureColumn{
width: 50%;border-right: 1px solid #cfe4ff;padding: 18px;margin-top: 18px;text-align: center;
}
.featureColumn:nth-child(2){
border-right: none;
}
.featureColumn:nth-child(4){
border-right: none;
}
.featureColumn h3{
font-size: 15px;font-weight: 400;text-transform: uppercase;letter-spacing: 2px;margin-top: 12px;
}
.featureColumn img{
width:40%;
}
.whyBest{
padding:35px 15px;position: relative;
background: #f5f9ff;
}
.whyBest::before{
content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;
background: url('../images/bgABout.png');
background-size: cover;background-position: center;
}
.whyBest h6{
font-size: 13px;text-transform: uppercase;font-weight: 500;text-align: center;
}
.whyBest h2{
font-size: 24px;font-weight: 400;font-family: "Montserrat", sans-serif;text-transform: uppercase;text-align: center;
letter-spacing: 2px;
}
.whyBestRow {
display: flex;justify-content: space-between;flex-wrap: wrap;
}
.whyBestColumn{
width: 100%;display: flex;justify-content: space-between;margin-top:15px;
}
.whyBestIc{
width: 15%;
}
.whyBestDetails{
width: 78%;
}
.whyBestDetails h3{
font-size: 18px;text-transform: uppercase;font-weight: 400;letter-spacing: 2px;margin-bottom:0.7vw;
}
.whyBestDetails p{
font-size: 14px;margin-bottom: 0;
}
.whyBestIc img{
width: 100%;
}
.testimonials{
width: 100%;padding: 25px 15px;background: #ebf4ff;
}
.testimonials h6{
font-size: 13px;text-transform: uppercase;font-weight: 500;text-align: center;
}
.testimonials h2{
font-size:22px;font-weight: 400;font-family: "Montserrat", sans-serif;text-transform: uppercase;text-align: center;
letter-spacing: 2px;
}
.testimonialCarouselRow{
width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;
}
.testimonialColumn{
width: 100%;padding: 18px;background: #fff;margin-top: 12px;
}
.testimonialColumn p{
font-size: 15px;text-align: center;line-height: 1.8;
}
.testimonialColumn h5{
font-size: 18px;font-weight: 600;text-align: center;
}
.counterAbout{
padding: 15px;display: flex;justify-content: space-between;flex-wrap: wrap;
}
.counterAbtColumn{
width: 100%;
}
.counterAbtColumn h6{
font-size:12px;text-transform: uppercase;font-weight: 500;
}
.counterAbtColumn h1{
font-size: 24px;font-weight: 600;font-family: "Montserrat", sans-serif;
}
.counterAbtColumn p{
font-size: 15px;margin-bottom:18px;margin-top: 1vw;
}
.counterAbtColumn:nth-child(2){
display: flex;flex-wrap: wrap;
}
.counterBox{
display: flex;align-items: center;justify-content: center;width: 48%;
}
.counterBox{
border-bottom: 1px solid #cfe4ff;border-right: 1px solid #cfe4ff;padding: 18px;text-align: center;
}
.counterBox:nth-child(2){
border-right: none;
}
.counterBox:nth-child(3){
border-bottom: none;
}
.counterBox:nth-child(4){
border-bottom: none;border-right: none;
}
.counterBox h5{
text-align: center;font-size: 15px;font-weight: 600;
}
.counterBox h2{
font-size: 48px;font-weight: 700;
}
/*---------------------- ABOUT END ------------------------*/
/*---------------------- INDEX START ------------------------*/
.slider{
width: 100%;height: 25vh;background: #ebebeb;font-size: 13vw;display: flex;
align-items: center;justify-content: center;font-weight: 800;color: grey;
}
.indexAbout{
padding: 0;display: flex;justify-content: space-between;flex-wrap: wrap;
}
.aboutLeft{
width: 100%;
}
.indexAbout h6{
font-size: 12px;text-transform: uppercase;
}
.indexAbout h1{
font-family: "Montserrat", sans-serif;font-weight: 700;font-size:24px;
}
.aboutLeft{
width:100%;padding:18px;text-align: center;background: #f0f7ff;
}
.aboutLeft h1{
font-size: 24px;
}
.aboutLeft p{
font-size: 15px;
}
.aboutIndexdetailWrapper{
width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;
}
.abtIndexDetailImg{
width: 100%;height: 20vh;background: #ebebeb;margin-top: 1.6vw;display: none;
}
.abtIndexDetailText{
width: 100%;
}
.abtIndexDetailText p{
font-size:15px;margin-top: 0px;text-align: justify;
}
.aboutRight{
width: 100%;position: relative;
}
.rightabtIndexImg{
content: '';position: absolute;right: 0;width: 300%;height:50vh;background: #ebebeb;top: 0;display: none;
}
.bottomabtIndexImg{
width:70%;height:45%;background: grey;content: '';position: absolute;left: 0;bottom: -20%;display: none;
}
.yearsOfExperience{
content: '';position: absolute;top: 25%;left: 10%;display: none;
}
.yearsOfExperience{
width: 30%;display: none;
}
.yearsOfExperience h1{
font-size: 8vw;font-weight:700;font-family: "Montserrat", sans-serif;margin-bottom: 0;line-height: 1;
}
.yearsOfExperience h5{
font-size: 15px;text-transform: uppercase;
}
.indexPgFeature{
width: 100%;padding:0 15px;
}
.indexPgWrapper{
width: 100%;padding: 2vw 0;border-top: 1px solid #ebebeb;display: flex;justify-content: space-between;flex-wrap: wrap;
}
.indexPgFeatureColumn{
width:31%;text-align: center;margin-top: 12px;
}
.indexPgFeatureColumn img{
width: 40%;margin-bottom:12px;
}
.indexPgFeatureColumn h3{
font-size: 14px;font-weight: 600;margin-bottom: 0;line-height: 1.2;
}
.windowDoor{
width: 100%;padding:15px;
background: linear-gradient(rgba(255, 255, 255, 0.5),rgba(255, 255, 255, 0.5)),url('../images/windowBg.jpg');background-size: contain;
background-repeat: repeat;
}
.windowHeading{
width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;
}
.windowGif{
position: fixed;top: 0;left: 0;width: 100%;z-index: 1000;display: none;
}
.columnWindowHeading{
width: 100%;display: flex;align-items: center;
}
.columnWindowHeading h6{
font-size: 13px;text-transform: uppercase;font-weight: 500;
}
.columnWindowHeading h2{
font-size: 28px;font-weight: 600;font-family: "Montserrat", sans-serif;
}
.columnWindowHeading{
font-size: 15px;
}
.windowdoorThree{
width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;
}
.windowdoorThreeColumn{
width: 100%;display: flex;align-items: center;
}
.windowdoorThreeColumnMiddle{
width: 60%;position: relative;left: 20%;
}
.windowThreeRow{
width: 100%;display: flex;justify-content: space-between;padding: 12px 0;border-bottom: 1px solid #d4d0cf;
}
.windowThreeRow:nth-child(3){
border-bottom: none;
}
.windowThreeIc{
width: 12%;
}
.windowThreeDetail{
width:85%;
}
.windowThreeDetail h3{
font-size: 20px;font-weight: 600;
}
.windowThreeDetail p{
font-size: 15px;margin-bottom: 0;
}
.video{
width: 100%;background: #ebebeb;height:30vh;position: relative;
background: url('../images/videooverlay.jpg');background-size: cover;
background-position: center;position: relative;text-align: center;
}
.video::before{
background: linear-gradient(180deg, #0000003D 0%, #000000A3 100%);
width: 100%;height: 100%;position: absolute;top: 0;left: 0;content: '';
}
.videoBtn{
width: 100px;height: 100px;border-radius: 50%;top: 40%;left: 50%;transform: translate(-50%,-50%);background: #fff;
border: none;position: absolute;background-color: #FFFFFF5C;border-style: solid;border-width: 1px 1px 1px 1px;
border-color: #FFFFFF1C;backdrop-filter: blur(58px);
}
.video button{
font-size: 18px;font-weight: 600;color: #fff;
}
.video button:hover{
background: #fff;transition: all 0.25s ease-in;color: #000;
}
.videoOverlay{
content: '';position: fixed;top: 0;left: 0;width: 100%;height: 100%;
background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7));z-index: 1000;
opacity: 0;visibility: hidden;transition: 0.3s ease;
}
.videoOverlay.active {
opacity: 1;
visibility: visible;
}
.videoWrapper{
position: absolute;content: '';top: 50%;left: 50%;width: 90%;height: 300px;background: #fff;
transform: translate(-50%, -50%);display: flex;align-items: center;justify-content: center;
font-size: 13vw;font-weight: 600;
}
.closeButtonOverlay{
width: 45px;height: 45px;background: #fff;border-radius: 50%;border: none;right:5%;top:26%;content: '';
position: absolute;font-size: 15px;
}
.closeButtonOverlay:hover{
background: #000;color: #fff;
}
.video h1{
font-size: 15.5vw;font-weight: 600;font-family: "Vend Sans", Sans-serif;text-transform: uppercase;color: #fff;
position: absolute;bottom: -1vw;left: 50%;transform: translateX(-50%);width: 100% ;
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(180deg, #D8D8D8 0%, rgba(153, 153, 153, 0) 85%);
}
.officeProjectDetail{
width: 100%;padding: 0;border-top: 1px solid #ebebeb;border-bottom: 1px solid #ebebeb;
display: flex;flex-wrap: wrap;
}
.officeProjectDetailCol{
width: 33.3%;padding: 12px;border-right: 1px solid #ebebeb;display: flex;
}
.projectNumber{
width: 50%;font-size: 25px;font-weight: 700;font-family: "Montserrat", sans-serif;
}
.projectText{
width:48%;font-size: 14px;font-weight: 400;color: grey;display: flex;align-items: center;
}
.officeProjectDetailCol:nth-child(3){
border-right: none;
}
.values{
width: 100%;padding:15px;position: relative;
}
.floatGlass{
content: '';position: absolute;top: 6%;left: 10%;width: 20%;
}
.valuesCOntent{
position: relative;width: 100%;left:0%;
}
.valuesCOntent h6{
font-size:15px;text-transform: uppercase;font-weight: 700;text-align: center;
}
.valuesCOntent h1{
font-size:28px;font-weight: 600;font-family: "Montserrat", sans-serif;text-transform: capitalize;
margin-bottom: 12px;text-align: center;
}
.valuesRow{
display: flex;justify-content: space-between;flex-wrap: wrap;width:100%;padding:0;margin-top: 15px;
}
.valuesDetails{
width: 100%;
}
.valuesImg{
width: 100%;height: 100%;background: #ebebeb;height: 30vh;
}
.valuesDetailRow{
width: 100%;border-top: 1px solid #ebebeb;display: flex;justify-content: space-between;flex-wrap: wrap;
}
.valueIc{
width: 45px;height: 45px;background: #000;font-size: 15px;font-weight: 600;color: #fff;display: flex;
align-items: center;justify-content: center;
}
.valueIcDetail{
padding: 10px;width: 90%;
}
.valueIcDetail h2{
font-size: 18px;font-weight: 600;text-transform: capitalize;
}
.valueIcDetail p{
font-size:13px;width: 100%;margin-bottom: 0;
}
.glassText{
content: '';position: absolute;bottom: 1%;left:50%;font-family: "Vend Sans", Sans-serif;
font-size:34vw;font-weight: 700;background-clip: text;-webkit-background-clip: text;transform: translate(-50%);
-webkit-text-fill-color: transparent;opacity: 0.8;
background-image: linear-gradient(180deg, #D8D8D8 0%, rgba(153, 153, 153, 0) 90%);
}
.indexBottomGlass{
content: '';position: absolute;width: 25%;right: 15%;bottom: 8%;
}
.testimonialIndex{
width: 100%;padding: 4vw;
background: linear-gradient(rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7)), url("../images/glass.jpg");
background-size: cover;background-position: center;position: relative;
}
.doorClient{
content: '';width: 13%;top: -6%;left: 15%;position: absolute;
}
.testimonialCOlumn{
width: 100%;position: relative;left: 0%;text-align: center;font-size: 18px;font-weight: 600;margin-top: 18px;
}
.testimonialDetails{
width: 30%;margin-top: 3vw;display: flex;justify-content: center;position: relative;left: 35%;
}
.testimonialimg{
width: 80px;height: 80px;background: #ebebeb;border-radius: 50%;
}
.testimonialCOlumn h3{
font-size: 20px;font-weight: 600;margin-top: 1vw;font-family: "Vend Sans", Sans-serif;font-style: italic;
}
.projectIndex{
width: 100%;padding: 15px;
}
.projectIndex h6{
font-size: 15px;text-transform: uppercase;font-weight: 700;
}
.projectIndex h1{
font-size:28px;font-weight: 600;font-family: "Montserrat", sans-serif;text-transform: capitalize;
margin-bottom: 1.5vw;width: 100%;
}
.projectSlider{
width: 96%;display: flex;justify-content: space-between;flex-wrap: wrap;margin-bottom: 4vw;
margin-left: 2%;
}
.projectSliderColumn{
width: 24%;height: 30vh;background: #ebebeb;
}
/*---------------------- INDEX END ------------------------*/
/*---------------------- SERVICE ONE START ------------------------*/
.thankYou{
height: 50vh;width: 100%;position: relative;background: #ebebeb;
}
.thankYouColumn{
content: '';position: absolute;padding:15px;border: 2px solid #ebebeb;border-radius: 25px;width:80%;
transform: translate(-50%,-50%);top: 50%;left: 50%;text-align: center;background: #fff;
}
.thankYouColumn img{
width: 40%;
}
.thankYouColumn h2{
font-size:24px;font-weight: 600;
}
.thankYouColumn p{
font-size: 16px;font-weight: 600;
}
.productForm{
content: '';position: absolute;top: 50%;transform: translateY(-50%);left: 10%;
width: 80%;padding: 15px;background: rgba(255, 255, 255, 0.8);
}
.productForm h2{
font-size: 20px;font-weight: 600;color: #0f78c2;
}
.productFormInputCol{
width: 100%;margin-top: 10px;
}
.productFormInputCol input{
width: 100%;height: 45px;background: #fff;border: 1px solid #ebebeb;padding: 7px;font-size: 14px;border-radius: 25px;
}
.productFormInputCol input:focus{
outline: none;
}
.productFormInputCol button{
width: 100%;height: 40px;display: flex;align-items: center;justify-content: center;border: none;
text-transform: uppercase;font-size: 15px;font-weight: 600;color: #fff;background: #0f78c2;border-radius: 25px;
}
.serviceAbout{
width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;
}
.serviceCOlumn{
width: 100%;height:60vh;
}
.serviceCOlumn:nth-child(2){
background: #ebf4ff;padding:15px;text-align: center;height: auto;
}
.serviceCOlumn h3{
font-size: 22px;font-weight: 600;text-transform: uppercase;margin-bottom: 15px;
}
.serviceCOlumn p{
font-size:14px;line-height: 1.5;margin-bottom: 0;
}
.serviceAdvantage{
width: 100%;padding:15px;display: flex;justify-content: space-between;flex-wrap: wrap;
}
.serviceAdvatageCol{
width:100%;
}
.serviceAdvatageCol h2{
font-size: 22px;font-weight: 600;margin-bottom: 15px;
}
.serviceAdvatageCol ul li{
font-size: 15px;margin-top:15px;
}
.serviceAdvatageCol:nth-child(2){
width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;align-items: center;
}
.serviceAdvantageImage{
width: 48%;height:25vh;background: #ebebeb;border-radius: 12px;margin-top: 18px;
}
.advantageServiceRow{
width: 100%;margin-top: 5vw;
}
.advantageServiceRow h2{
font-size:20px;font-weight: 600;text-transform: uppercase;text-align: center;margin-bottom:0px;
}
.advantageServiceWrapper{
width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;
}
.advantageServiceColumn{
width: 48%;padding: 18px;border:1px solid #cfe4ff;margin-top: 15px;
}
.advantageServiceColumn img{
width:40%;position: relative;left: 50%;transform: translateX(-50%);
}
.advantageServiceColumn h5{
font-size: 14px;text-align: center;margin-top:13px;
}
.serviceBrochure{
width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;
}
.serviceBrochureColumn{
width: 100%;height: 30vh;
}
.serviceBrochureColumn:nth-child(2){
padding:18px;background: #ebf4ff;height: auto;
}
.serviceBrochureColumn h4{
font-size: 22px;font-weight: 600;margin-bottom: 15px;text-align: center;
}
.serviceBrochureColumn p{
font-size:15px;text-align: center;
}
.serviceBrochureColumn h5{
font-size: 18px;font-weight: 600;text-align: center;
}
.serviceBrochureColumn ul li{
display: inline-block;padding: 7px 12px;background: #cfe4ff;margin-top: 12px;width: 48%;
text-align: center;text-transform: uppercase;font-size:14px;
}
.serviceBrochureColumn a{
display: block;
width:40%;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
background: #2562a9;
color: #fff;
border-radius: 25px;
font-size: 14px;
border: 1px solid #cfe4ff;
text-decoration: none;
text-transform: uppercase;
margin-top: 15px;
}
.productBenefits{
width: 100%;padding: 15px;
}
.productBenefitRow{
width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;
}
.productBenefitColumn{
width: 49%;background: #ebf4ff;padding:18px;margin-top: 15px;text-align: center;border-radius: 7px;
}
.productBenefits h2{
font-size:22px;font-weight: 600;text-transform: uppercase;text-align: center;margin-bottom: 1vw;
}
.benefitImg{
width:90px;height:90px;border-radius: 50%;display: flex;align-items: center;justify-content: center;
border: 2px solid #cfe4ff;background: #fff;position: relative;left: 50%;transform: translateX(-50%);
margin-bottom: 15px;display: flex;align-items: center;justify-content: center;
}
.productBenefitColumn h3{
font-size: 18px;font-weight: 600;margin-bottom: 15px;
}
.productBenefitColumn p{
font-size: 14px;margin-bottom: 0;
}
.benefitImg img{
width: 50%;
}
.decorationIdeas{
width: 100%;padding:0 15px 15px 15px;
}
.decorationIdeas h2{
font-size: 22px;font-weight: 600;text-align: center;text-transform: uppercase;
}
.decorationROw{
width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;
}
.decorationColumn{
width: 48%;height: 30vh;background: #ebebeb;margin-top: 15px;
}
.directorsRow{
width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 1.2vw;
}
.directorsRow:first-child{
margin-top: 0;
}
.directorImg{
width: 32%;background: #ebebeb;height: 25vh;
}
.directorDetail{
width: 60%;display: flex;align-items: center;
}
.directorDetail p{
font-size: 14px;margin-top: 0 !important;
}
.directorDetail h5{
font-size: 15px;font-weight: 600;display: flex;align-items: center;margin-top: 12px;
}
.directorDetail h5 span{
display: inline-block;width: 15%;height: 2px;background: #000;margin-right: 1vw;
}
.counterAboutTwo{
padding:15px;display: flex;justify-content: space-between;flex-wrap: wrap;background: #f2f8ff;
}
.counterAbtColumnTwo{
width:100%;display: flex;align-items: center;
}
.counterAbtColumnTwo h6{
font-size: 14px;text-transform: uppercase;font-weight: 500;
}
.counterAbtColumnTwo h1{
font-size:18px;font-weight: 600;color: #0f78c2;
}
.counterAbtColumnTwo p{
font-size:15px;margin-bottom: 0;margin-top: 1vw;text-align: justify;margin-bottom: 18px;
}
.counterAbtColumntThree{
width: 100%;
}
.howGlassDecor{
width: 100%;padding: 15px;
}
.howGlassDecor h2{
font-size: 24px;font-weight: 600;text-align: center;
}
.howGlassDecor p{
font-size: 15px;margin-top: 15px;text-align: center;margin-bottom: 15px;
}
.glassAdvantage{
width: 100%;display: flex;justify-content: center;flex-wrap: wrap;
}
.glassAdvCol{
width: 47%;padding: 15px;border: 1px solid #cfe4ff;text-align: center;margin: 5px;
}
.glassAdvCol img{
width: 40%;margin-bottom: 12px;
}
.glassAdvCol h5{
text-align: center;font-size: 15px;
}
.productRange{
width: 100%;padding:30px 15px;text-align: center;background: #f5faff;
}
.productRange h2{
font-size: 24px;font-weight: 600;margin-bottom:12px;
}
.productWrapper{
width: 100%;display: flex;flex-wrap: wrap;justify-content: center;
}
.productCOl{
width: 47%;margin: 5px;border:1px solid #cfe4ff;border-radius: 20px;overflow: hidden;
}
.productImg{
width: 100%;height: 18vh;background: #ebebeb;
}
.productHeading{
width: 100%;padding: 0.5vw;
}
.productHeading a{
font-size:14px;color: #000;text-decoration: none;
}
.indexPgFeature{
width: 100%;padding:30px 15px;
}
.indexPgFeature h2{
font-size: 20px;font-weight: 600;text-align: center;margin-bottom: 15px;
}
.indexPgWrapper{
width: 100%;padding: 2vw 0;display: flex;justify-content: center;flex-wrap: wrap;
}
.indexPgFeatureColumn{
width: 31%;text-align: center;
}
.indexPgFeatureColumn img{
width: 30%;margin-bottom: 0.5vw;
}
.indexPgFeatureColumn h3{
font-size: 16px;font-weight: 600;margin-bottom: 0;line-height: 1.5;
}
.indexPgFeatureColumn p{
font-size: 13px;display: none;
}
.consultation{
width: 100%;padding:0 30px 30px 30px;position: relative;display: flex;justify-content: space-between;
flex-wrap: wrap;
}
.consultationleft{
width: 100%;
}
.consultationleft h2{
font-size: 24px;font-weight: 600;
}
.consultRow{
width: 100%;padding-left: 18px;border-left: 1px dashed #000;position: relative;margin-top: 1vw;
}
.consultRow::before{
content: '';position: absolute;top: -2%;left: -1.5%;width: 15px;height: 15px;background: #fff;
border-radius: 50%;border: 1px solid #000;
}
.consultDetail h6{
font-size: 13px;color: #0f78c2;
}
.consultDetail h3{
font-size:20px;font-weight: 600;
}
.consultDetail h5{
font-size: 16px;
}
.consultCOlumn{
margin-bottom: 18px;
}
.consultationleft a{
width: 60%;display: block;height: 45px;background: #0f78c2;display: flex;align-items: center;
justify-content: center;color: #fff;font-size: 15px;text-transform: uppercase;text-decoration: none;
}
.consultationright{
width: 45%;
}
.consultImg{
display: none;
}
.valuesDetails h2{
font-size: 20px;
}
.valuesImg{
margin-top: 15px;
}
.clientScroll h2{
font-size: 22px;
}
.clientScroll p{
font-size: 15px;margin-bottom: 12px;
}
.singleBlog{
width: 100%;padding:15px;text-align: justify;
}
.singleblogImage{
width: 100%;height: 35vh;margin-left: 0%;margin-bottom: 18px;
}
.singleBlog h3{
font-size: 22px;font-weight: 600;margin-bottom:12px;text-align: left;
}
.singleBlog p{
font-size:15px;margin-bottom: 0;
}
.bookNow{
padding:15px;
}
.bookBox{
width: 100%;background: #ebf4ff;padding: 3vw;
}
.bookBox h2{
font-size: 22px;font-weight: 600;
}
.bookBox p{
font-size: 15px;
}
.form{
width: 100%;
}
.formRow{
width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;
}
.formColumn{
width:100%;
}
.form input{
width: 100%;height:45px;background: #fff;border: 1px solid #ebebeb;padding: 7px;
margin-top: 12px;font-size:14px;
}
.formRow textarea{
width: 100%;background: #fff;border: 1px solid #ebebeb;padding: 7px;
margin-top: 12px;font-size:14px;
}
.formRow select{
width: 100%;height: 45px;background: #fff;border: 1px solid #ebebeb;padding: 7px;
margin-top: 12px;font-size: 14px;
}
.form button{
width:100%;height:50px;background: #0f78c2;color: #fff;font-size:14px;
display: flex;align-items: center;justify-content: center;border: none;margin-top: 12px;
}
.windowHassle{
padding: 15px 15px 8px 15px;
}
.windowHassle h2{
font-size: 24px;font-weight: 600;text-align: center;margin-bottom: 1.5vw;
}
.wondowHassleRow{
width: 100%;display: flex;justify-content: center;flex-wrap: wrap;
}
.windowHassleCOl{
width: 48%;margin:15px 1%;text-align: center;position: relative;
}
.windowHassleCOl img{
width: 70%;margin-bottom: 12px;
}
.windowHassleCOl h4{
font-size:14px;font-weight: 500;
}
/*---------------------- SERVICE ONE END ------------------------*/
}