@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@200,400,600,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700&display=swap');

@font-face {
    font-family: 'Ball-Pen';
    src: url('Ball-Pen-Regular.woff2') format('woff2'),
        url('Ball-Pen-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


/* CSS Document */
/*  -webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease; */


* {
	margin:0;
	padding:0;box-sizing: border-box;font-family:'Montserrat' !important;
}
body {
	width:100%;   color:#000000; font-family:'Montserrat' !important;font-size:18px; font-weight:200; line-height:31px; overflow-x:hidden
}

.outerContainer{ width:100%; float:left}
.innerContainer{ max-width:1100px; margin:0 auto; display:block; padding:70px 0}
#innerContainerBackground.innerContainer{ padding-top:0px}
.visual{ text-align:center; padding:10px 0 40px 0}

#challenge,#insight,#solution,#solutionNew{max-width:1100px; margin:0 auto; display:block; float:none; text-align:center}
#drive{max-width:900px; margin:0 auto; display:block; float:none; text-align:center; padding:70px 0}

.responsiveImg{ max-width:100%; width:100%}
.heading{ font-size:60px; font-weight:900; padding-bottom:30px; text-align:center; line-height:normal}
.para{ padding-bottom:10px; font-size:18px; line-height:31px; font-weight:200}
.brownTxt{ color:#D3AA45}
.innerContainer p{ text-align:center}
#innerContainerBackground{ padding-bottom:0}
.nirmanLogo{ width:350px; margin-bottom:30px}
.nirmanLogoTop{ margin-bottom:70px}

#innerContainerBackground{ background:url(../images/background-bg.jpg) ; background-repeat:no-repeat; background-position:left top; background-size:100% auto}

#background{ background:url(../images/background-bg1.jpg) no-repeat right 400px; background-size:1000px auto}

.subheading{ text-align:center; font-family: 'Ball-Pen' !important; font-size:50px; color:#000; margin-top:-35px; margin-bottom:50px}
#challenge .heading{ padding-top:8px !important}
#innerContainerBg{ padding-top:54px}

.leftbox{ width:45%; float:left}
.rightbox{ width:45%; float:right}
.leftbox,.rightbox{ margin:30px 0 50px 0}
.leftbox img,.rightbox img{ width:100%; box-shadow:0 10px 10px rgba(0,0,0,0.2)}

.cls{ clear:both}

.testimonialBg{ background:#000; padding:80px 0 63px 0; margin-top:45px}
.testimonialBg p{ color:#fff !important; font-family:'Playfair Display' !important; max-width:1000px; width:100%; margin:0 auto; text-align:center; font-style:italic}
.testimonialsTxt{ position:relative; z-index:5; padding-left:20px; padding-right:20px}
.testimonialsTxt:before{font-family:'Playfair Display' !important; content:''; font-size:30px; position:absolute; left:0; top:-10px; background:url(../images/left.png) no-repeat; width:55px; height:40px; z-index:-1}
.testimonialsTxt:after{font-family:'Playfair Display' !important; content:''; font-size:30px; position:absolute; right:0; bottom:0; background:url(../images/right.png) no-repeat; width:55px; height:40px; z-index:-1}
.testimonialBg p.testimonialsTxtBy{font-family:'Montserrat' !important; font-style: normal; border-top:1px solid #fff; padding-top:10px; margin-top:10px}
 p.testimonialsTxtBy span{ font-weight:600}

#solution{ padding-top:47px; padding-bottom:55px}
.resImg{ width:100%; max-width:100%}

#solutionNew{ padding-top:62px; padding-bottom:62px; max-width:900px}

.square{ background:#000; float:left; padding:200px 0}
.square img{ margin:0 auto; display:block}
.solutionTxtbox p{max-width:600px; margin-left:auto; margin-right:auto}


.yellowBg{text-align:center; background: rgb(211,170,69);
background: linear-gradient(180deg, rgba(211,170,69,1) 56%, rgba(255,255,255,1) 56%); padding:50px 0}

.yellowBg img{width:50%;}

.solutionTxtboxx{ max-width:1000px; margin:0 auto; display:block}
.img1,.img3{ width:calc(50% - 10px); float:left; margin-bottom:20px}
.img2,.img4{ width:calc(50% - 10px); float:right; margin-bottom:20px}
.img1 img,.img3 img,.img2 img,.img4 img{ width:100%}

.resImgg{width: 90%; max-width: 1000px; margin:-575px auto 0 auto; display:block}

.mockup{background:url(../images/MaskGroup103.jpg); background-size:100% auto; padding-bottom:570px}

.testimonialBg.whiteBgTestimonials{ background:#fff}
.testimonialBg.whiteBgTestimonials p{ color:#000 !important; max-width:800px}
.testimonialBg.whiteBgTestimonials p.testimonialsTxtBy{ border-color:#BA2626}

.testimonialBg.whiteBgTestimonials{}

.testimonialBg.whiteBgTestimonials .testimonialsTxt:before{font-family:'Playfair Display' !important; content:''; font-size:30px; position:absolute; left:0; top:-10px; background:url(../images/left.png) no-repeat; width:55px; height:40px; z-index:-1; opacity:0.2}
.testimonialBg.whiteBgTestimonials .testimonialsTxt:after{font-family:'Playfair Display' !important; content:''; font-size:30px; position:absolute; right:0; bottom:0; background:url(../images/right.png) no-repeat; width:55px; height:40px; z-index:-1; opacity:0.2}

.youtube-video {
  aspect-ratio: 16 / 9;
  width: 100%;
}

.leftContainerImg{ float:left; width:calc(34.8% - 10px);}
.rightContainerImg{ float:right; width:calc(65.2% - 10px); }
.leftContainerImg img, .rightContainerImg img{ width:100%; margin-bottom:20px; float:left}

.bbgg{ background:url(../images/background-bg2.jpg) right 180px no-repeat; background-size:800px auto }

.leftContainerImgg{ width:42.4%;float:left}
.rightContainerImgg{ width:57.6%; float:left}

.leftContainerImgg img,.rightContainerImgg img{ width:100%; float:left; }

#drive .driveLogo{ position:relative}
#drive .driveLogo:before{ position: absolute;
  left: -50px;
  top: -180px;
  content: "";
  background: url(../images/Group312.jpg) left top no-repeat;
    background-size: auto;
  background-size: 450px;
  width: 600px;
  height: 600px;
  z-index: -1;}

#drive .para{ padding-top:50px}
.bottomVideo{ padding-top:70px}

.rightContainerImg img:last-child{ margin-bottom:0 !important}


 /*=================================*/

/*=================================*/
 .border-red{border:1px solid red;}
 .clb{clear:both;}
.padd-0{padding:0px !important;}
.top-10{ margin-top:10px;}
.top-15{ margin-top:15px;}
.top-20{ margin-top:20px;}
.center-block{ margin:0 auto; float:none;}
.fl{float:left;}
.fr{float:right;}


/*================*/
/*================*/

.img-fluid { max-width: 100%; height: auto;}
.card-img { width: 100%;}

.card{border:0px solid rgba(0,0,0,.125)!important}
.card-title{font-size:0.8em; font-family: 'Gotham'!important;  font-weight: 500; font-style: normal; text-transform:uppercase; letter-spacing:1px;}
.card-img-holder-right-bottom{margin:25rem 0 0 0rem;font-size:16px;font-family: 'Gotham'; font-weight:600; line-height: 50px;}
.card-img-bor{border: 0px;background: #000;-webkit-border-radius: 0px!important;-moz-border-radius: 0px!important;border-radius: 0px!important; height: 433px;}
.card-img-bor img{height:433px;}
.img-left-padd-0{padding-left:0px;}
.img-right-padd-0{padding-right:0px;}

.card-img-overlay {background-color: rgba(0,0,0,.5); }

#vimeohero {background: #eee; height: 433px; overflow: hidden; padding: 0; position: relative;}/*height: 74.6vh*/
.iframe-2 {box-sizing: border-box; height: 56.25vw;  left: 50%;  min-height: 100%; min-width: 100%;  transform: translate(-50%, -50%); position: absolute; top: 50%; width: 177.77777778vh;}
.iframe-2-b{height:20.25vw;}
.card-img-holder-right-bottom-2 {margin: 17vh 0 0 0rem; font-family: 'Gotham'; font-size: 45px;font-weight: 800; line-height: 37px; text-align:center;text-transform:uppercase; color:#FFF;}

.card-img-overlay-2 {background-color: rgba(0,0,0,.1); }


.hover-img-2:hover img{Display: none;}
.hover-img-2:hover h2{Display:block;}
.hover-img-2 h2{Display:block;}
.color-00{color:#000;}

.profoli-img-section{padding:5rem 2rem; Background:#080a0c;}
.profoli-img-section h3{font-size:0.8em; font-family: 'Gotham'; color:#888686;padding-bottom: 1rem;  font-weight: 500; font-style: normal; text-transform:uppercase; letter-spacing:1px;}


.visi-desk{display:block}
.visi-mob{display:none}
/*================*/

.footer{background: #000;padding: 2rem 4rem;color: #FFF; font-family:'DIN-PRO', sans-serif !important;}

.footer img{width: 33px; margin-left:5px; margin-right:5px;}
.footer p{font-size:14px; text-align:center;margin-top: 1rem;margin-bottom: 1rem; font-family:'DIN-PRO', sans-serif !important;}
.footer p a{color:#FFF; text-decoration:none; font-size:16px; margin-top:10px;font-family:'DIN-PRO', sans-serif !important;}
.footer p a:hover{color:#f5a41f; text-decoration:none;}

@media (max-width:441px){ 
.visi-desk{display:none;}
.visi-mob{display:block;}

/*================
.card-img-bor { border: 0px;  -webkit-border-radius: 0px!important; -moz-border-radius: 0px!important; border-radius: 0px!important;  height: 326px;}
.card-img-holder-right-bottom-2 { margin: 15.6rem 0 0 0rem; font-family: 'Gotham'; font-size: 16px;font-weight: 300; line-height: 50px;}
.profoli-img-section{padding:5rem 2rem;}
#vimeohero {height: 48.8vh;}*/
/*.card-img-bor img{height:326px;}*/
.card-title {font-size: 0.7em;  font-family: 'Gotham'!important; font-weight: 500; font-style: normal; text-transform: uppercase; letter-spacing: 0.5px;}
.card-img-bor img {height: auto;}
.profoli-img-section {padding: 5rem 0rem;}
#vimeohero {height: 232px;}
.hover-img-2 h2 { Display: block;line-height: 27px;}
.card-img-holder-right-bottom-2 {margin: 8vh 0 0 0rem; font-family: 'Gotham'!important; font-size: 33px;font-weight: 800; line-height: 30px;}
.card-img-bor {height:auto;}
.card-img-holder-right-bottom-2-c {margin: 184px 0 0 0rem;}

}


@media screen and (max-width:750px) {
.heading{ font-size:27px;}
.para{ font-size:18px; line-height:31px; font-weight:200; padding-left:10px; padding-right:10px}

.nirmanLogo,.chart{ width:90%; max-width:320px}
.subheading {
  text-align: center;
  font-family: 'Ball-Pen' !important;
  font-size: 26px;
  color: #000;
  margin-top: -35px;
  margin-bottom: 10px;
}
.square{ padding:100px 0}
.img1, .img3 {
  width: calc(50% - 5px);
  float: left;
  margin-bottom: 10px;
}

.img2, .img4 {
  width: calc(50% - 5px);
  float: right;
  margin-bottom: 10px;
}

.resImgg{width: 90%; max-width: 1000px; margin:-225px auto 0 auto; display:block}
.mockup{background:url(../images/MaskGroup103.jpg); background-size:100% auto; padding-bottom:220px}

.testimonialBg.whiteBgTestimonials .testimonialsTxt::before{background: url(../images/left.png) no-repeat; background-size:90% ;
  width: 35px;
  height: 30px; left:10px}
  
.testimonialBg.whiteBgTestimonials .testimonialsTxt:after {
  background: url(../images/right.png) no-repeat;background-size:90% !important ;
  width: 35px;
  height: 30px;
  z-index: -1; right:10px;
}

.leftContainerImg img, .rightContainerImg img{ margin-bottom:10px}

.rightContainerImg {
  float: right;
  width: calc(65.8% - 5px);
}
.leftContainerImg {
  float: left;
  width: calc(34.2% - 5px);
}

#drive .driveLogo:before{ position: absolute;
  left: 10px;
  top: -100px;
  content: "";
  background: url(../images/Group312.jpg) left top no-repeat;
    background-size: auto;
  background-size: 280px;
  width: 300px;
  height: 300px;
  z-index: -1;}
.bottomVideo{ padding-top:60px}
.nirmanLogoTop{ max-width:160px; margin-bottom:50px}
.nirmanLogo{ max-width:160px}
.innerContainer{ padding:40px 0}
#innerContainerBg {
  padding-top: 40px;
}
.testimonialBg{ margin-top:35px}
#solution{ padding-bottom:50px}
#solutionNew{ padding-top:57px; padding-bottom: 49px}
#drive{ padding:65px 0}
 }