body{
	font-size: 13.5px;
    background: white;
	font-family: 'Manrope', sans-serif;    
	line-height: 1.5;
	overflow-x: hidden;
}

.whitebg{
	padding: 10em 0;
}
#more{
	display: none;
}

#navbarSupportedContent {
    margin-right: 6%;
}
.hero-p {
    margin-bottom: 2em;
}
.p_img {
    padding: 0.2em 0;
}
.more_b{
	padding: 4em 0;
	
}
.cursor {
    position: absolute;
    position: fixed;
    width: 30px;
    height: 30px;
    top: -50%;
    left: -50%;
    margin: -15px 0 0 -15px;
    border-radius: 50%;
    background-color: white;
    backface-visibility: hidden;
    transition: transform 0.2s ease-out;
    mix-blend-mode: difference;
    z-index: 1000;
    pointer-events: none;
    z-index: 9999;
  }
  * {
    cursor: none;
    
    }
#navbar2{
	  transition: top 0.3s;

}
#nav-icon4 {
    width: 36px;
    height: 36px;
    position: absolute;
    margin: 3% 8% 0 auto;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
    z-index: +99;
    top: 1em;
    right: 0;
}

#nav-icon4 span {
    display: block;
    position: absolute;
    height: 3px;
    width: 100%;
    background: #000;
    border-radius: 0px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

 

#nav-icon4 span:nth-child(1) {
  top: 0px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#nav-icon4 span:nth-child(2) {
  top: 18px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center; display: none;
}

#nav-icon4 span:nth-child(3) {
  top: 12px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#nav-icon4.open span:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
     top: -3px;
    left: 8px;
}

#nav-icon4.open span:nth-child(2) {
  width: 0%;
  opacity: 0;
}

#nav-icon4.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
     top: 22px;
    left: 8px;
}
.footer.container{width:85.5%; max-width:85.5%!important;}
.about-video{margin-top:0px;}
.more-btn{
    text-decoration: none !important;
}
.more-btn-home {
     display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    font-weight: 400;
    font-size: 1.30em !important;
    color: #D33238;
    text-decoration: none;
}
.more-btn-home img {
    height: 0.5em;
    margin-left: 0.5em;
}
.more-btn-home a{
	color: #D33238;
}
.more-btn-home:hover a{
	color: #D33238;
}
.owl-carousel .owl-dots {
    position: absolute;
    bottom:5em;
    right: 0;
    margin-top: 0;
    margin-right: 50px;
    z-index: 9999;
}
.owl-carousel .owl-dots {
    text-align: center;
    margin-top: 20px;
}.owl-carousel .owl-dots {
    text-align: center;
    margin-top: 20px;
    display: flex;
    flex-direction: column;
}
.owl-carousel .owl-dots .owl-dot {
    width: 0.4em;
    height: 0.4em;
	background: #707070;
    margin-top: 0.4em;
    margin-bottom: 0.4em;
    border-radius: 0.4em;
    
    position: relative;
    border: none;
}
.owl-carousel .owl-dots .owl-dot.active {
    background: #D33238;
	outline:none;
    /* margin: -0.1em; */
    /* border: 1px solid #707070; */
    width: 0.5em;
    height: 0.5em;
	border-radius: 0.5em;
     
}
.name {
    color: #D33238;
    /*margin-bottom: 5px;*/
    font-size: 1.4em;
    margin-top: 2em;
    font-weight: 800;
    margin-bottom: 0;
	letter-spacing:-0.3;
}
.designation{font-weight:600;}

.work-wrap {
    padding: 8em 6em 2em;    background: #fff;
}
/****** Main ********/

.whitebg .container {
    max-width:85.5%;
}

#fawesomeicons {
    width: auto;
    display: flex;
    justify-content: flex-end;
	display: swap;
	
}
#fawesomeicons a {
    display: inline-block;
    font-size: 1.7em;
    /*width: 1.7em;
    height: 1.7em;*/
    line-height: 1.7em;
    margin: 0px 0em 0px 1.8em;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    background: #102232;
    color: #fff;
    text-align: center;
}
#fawesomeicons a:hover{
background: transparent;
}
.mail2 {
    margin-right: 1em;
}
.mail2 a {
    color: #fff;
	text-decoration:underline;
}
.mail2 a:hover {
    color: #fff;
}
.social {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
video {
    width: 100%;
    height: auto;
    position: relative;
    top: 0;
    left: 0;
    /*object-fit: fill;*/
    overflow-x: hidden;
}
.red{
	    color: #D33238;
}
.red span{font-weight:400!important; letter-spacing:0;}

.black{
	color:#000;
}
.white{
	color:#fff;
}
h2 {
    font-size: 2.1em !important;
    font-weight: bold !important;
    line-height: 1.2em;    letter-spacing: -0.3px;
}
h3 {
    font-size: 2em !important;
    font-weight: 800 !important;
    line-height: 1.3em !important;  
	letter-spacing:-0.35px;
}
nav {
    padding-bottom: 0 !important;
    padding-left: 0 !important;
    padding-top: 0 !important;
}
.nav-link {
    color: #000 !important;
    font-size: 1.3em;
    font-weight: 400;
	letter-spacing:0;
}
.logo img {
    filter: invert(1);
    /* width: 70%; */
    height: 4.2em;
}
.logo {
    padding: 0 !important;
}
.work-text {
    letter-spacing: 0px;    font-weight: 500;
}
.p_img .container {
    max-width: 90% !important;
}
.work_com .container {
    max-width: 100% !important;
    padding-left: 6%;
    padding-right: 7%;
}
.footer .container {
    padding: 0;
}
.footer h4 {
    font-size: 1.8em;
    font-weight: bold;
	line-height:1.5;
}
.footer {
    background-color: #102232;
    position: relative;
    overflow: hidden;
    padding: 2.8em;
    padding-left: 0;
    padding-right: 0;
}
.more-a {
    font-weight: 600;
    font-size: 1.35em !important;
	  color: #D33238;
	text-decoration: none;
 }
.more-a:hover{
 color: #000;
	text-decoration: none;	
}
.work_first {
    padding-top:10em;
}
.text-gray {
    list-style-type: none;
     padding-left: 0 ;
}
.text-gray li {
    color: #8A8A8A;
    line-height: 1.8em;
    font-family: 'Manrope', sans-serif;
    font-size: 0.8em;
}
.img_p {
    padding: 0.2em 0;
}
.work_com {
  padding-top: 6em;
    padding-bottom: 2.5em;
}
.nxt {
     opacity: 0.5;
	 font-weight:600;
	 margin-top:1em;
}
 
.img_p img {
    width: 100%;
}
.vertical-center {
    text-align: left;
    width: 100%;
    position: absolute;
    bottom: 2em;
    transform: translateY(0%);
    /* z-index: +99999 !important; */
 }
 

.inner {
    position: absolute;
    height: 100%;
    width: 85.5%;
    left: 0;
    right: 0;
    margin: auto;
    overflow: hidden;
    /* top: 0; */
}
.vertical-center h6 {
    font-size: 1.3em;
    font-weight: bold;
    margin-bottom: 0;
}
.d-postion{
	display: flex;
    align-items: flex-start;
}
.panel {
	overflow: hidden;
}
.home {
	background:#FFF;

}

 
.panel img {
    width: 100%;
}
 .more-btn-home img {
    width: 17px !important;
	
	
}
.sub_right{
    display: flex;
    justify-content: flex-end;
    padding-right:11.4% !important;
}
.review{
	width:100%;
}
#navbar1{
		display: block;     display: flex;
	}
	#navbar2{
		display: none;
	}
.desk_v{
		display: block;
	}
	.mobile_v{
		display: none;
	}

.about-video{
		display: block;
	}
	.about-video_m{
		display: none;
	}







@media only screen and (min-width:300px) and (max-width:820px){
	body{font-size: 14px;
	transition:1s;
	}
	.whitebg {
    padding: 5em 0;
}
	.desk_v{
		display: none;
	}
	.mobile_v{
		display: block;
	}
/*	.about-video{
		display: none;
	}*/
	.about-video_m{
		display: block;
	}
	.navbar-nav {
   
    -ms-flex-direction: column;
    flex-direction: row !important;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    justify-content: flex-end;
}
	.open   span{
		     background:#fff !important; 
	} 
.navbar-nav .li0 {
    padding-top: 8em;
    padding-left: 2em;
    padding-right: 2.35em;    padding-bottom: 1em;
}
	.mo_lo {
    position: absolute;
    left: 0;
    top: 0.5em;
    z-index: +99999 !important;
    /* display: none; */
}
.mo_lo img {
    height: 4.55em;
    filter: unset;
}
	.logo img {
    
    height: 3.2em;
}
	.logo {
    z-index: +9;
}
	#navbar1{
		display: none;
	}
	#navbar2{
		display: block;    display: flex;
	}
	br{display:none;}
.home {
     margin-top:7em;
}
.about-video{margin-top:80px;}
.vertical-center h6{font-size:1.2em;}	
.more_b {
    padding: 2.5em 0;
}
.d-postion {
    display: flex;
    align-items: flex-start;
    justify-content: center;
}
.row{
margin-right: 15px !important;
margin-left: 15px !important;}
.work_com .container {
    max-width: 100% !important;
	width:100%;
    padding-left: 15px;
    padding-right: 15px;
}
.work-text {line-height:1.7;}
.whitebg .container{width:100%;}
/*.container{width:90%; max-width:90%!important;}*/
.whitebg .container {
    max-width:100%;
}
.hero-p{line-height:1.8;    padding-top: 1.3em;}
.mb-height {
    height: auto!important;
    /* position: absolute; */
    top: 50%;
    left: 50%;
    transform: translate(0%, 0%);
}
.vertical-center p{line-height:1.3;}
 
	/*.inner {
    position: absolute;
    height: 50%;
     left: 0;
    right: 0;
    margin-left: 30px;
    margin-right: 30px;
    overflow: visible;
    margin-bottom: 0;
    display: flex;
    
    align-items: flex-end;
}*/
.inner {
    position: absolute;
     /* width: 100%; */
    left: 0;
    right: 0;
    margin-left: 30px;
    margin-right: 30px;
    overflow: visible;
     
}
	.vertical-center {
    text-align: left;
    width: 100%;
    position: absolute;
    bottom: 0;
    transform: none;
    z-index: +999 !important;
    height: auto;
}
/*.vertical-center {
    text-align: left;
    width: 100%;
    position: relative;
       bottom: auto;
     z-index: +999 !important;
}*/
.red span{display:block; font-size:0.7em; font-weight:600 !important; line-height:2.5;}

.work_first {
    padding-top: 6em;
}
.mail2{font-size:1.2em;}
.social {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
    align-content: flex-start;
}	
#fawesomeicons a {
       margin: 0px 0em 0px 0em;	
	   padding-right:1em;
	}
#fawesomeicons {
    width: auto;
    display: flex;
    justify-content: flex-end;
    margin-left: 0;
    margin-top: 2em;
 }
.footer h4 {
  
    margin-bottom: 1em;
}	
	.work-wrap {
    padding: 1em 1em 2em;
    background: #fff;
    padding-top: 4em;
}
	section.sticky {
     position: relative !important;
 }
	/*h2 {
    font-size: 2.2em !important;
	}*/
	.fixed-top {
     
    padding-right: 0;
}#navbarSupportedContent {
    margin-right: 0%;
    background-color: #000;
    position: absolute;
    width: 100%;
    z-index: +9;
    top: 0em;
    /* padding-top: 7em; */
    /* padding-bottom: 2em; */
    /* height: 12em; */
    /* display: flex; */
}.navbar-nav .nav-link {
  
    text-align: center;
}
	.p_img .container {
    max-width: 100% !important;
    padding: 0 !important;
}
	/*.nxt {
    opacity: 0.5;
     color: #000;
}*/
	h3 {
    font-size: 2em !important;
	line-height:1.4 !important;
	font-weight:700;
}
.work_com .offset-lg-4 {
    padding-left: 0.4em;
}
.work_com {
    padding-top: 2em;
    padding-bottom: 1em;    background-color: #F3F3F3;
}

.p_img {
    padding: 0.2em 0;
    background-color: #F3F3F3;
}
.navbar-dark .navbar-toggler-icon {
      /*background-image: url(../images/micon.png) !important;*/
    width: 2em;
    border: 0;
    outline: 0;
}
.panel img{
	width:100%;
	height:auto;
}
/*.d-postion video{
	width:auto;
	height:100%;
}*/
	.d-postion video {
    width: 100%;
    height: auto;
}
.cursor{
	display:none;
}
 
.navbar{
	padding:0.5rem 0 !important;
}
.navbar-toggler{
	border:none !important;
	color:#fff !important;
	outline:none !important;
}
	.p_img .row{
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
	.p_img video{
		display: block;
	}
	.p_img .pr-1{
		padding-right: 0 !important;
	}
	.p_img .pl-1{
		padding-left: 0 !important;
	}
	.vtp {
    padding-bottom: 0.4em;
}
	.owl-carousel .owl-dots {
    position: relative;
    display: block !important;
	}
	.owl-carousel .owl-dots .owl-dot {
    width: 0.3em;
    height: 0.3em;
     margin-top: 0;
    margin-bottom: 0;
    margin-left: 0.5em;
    margin-right: 0.5em;
	}
}



@media only screen and (min-width:1921px) and (max-width:2600px) {
	body{
		font-size:19px;
	}
	.work_com .container {
    
    padding-right:5.2%;
}
	.logo img {
    height: 6.2em;
}
}

@media only screen and (min-width:1681px) and (max-width:1920px) {
	body{
		font-size:19px;
	}
	.work_com .container {
    
    padding-right: 4.3%;
}
	/*.sub_right {
    
    padding-right:9.1% !important;
}
	*/
	.logo img {
     
    height: 5.5em;
}
}
@media only screen and (min-width:1441px) and (max-width:1680px) {
body{
		font-size:16px;
	}
	.work_com .container {
    
    padding-right:5%;
}
}
@media only screen and (min-width:1400px) and (max-width:1440px) {
body{
		font-size:14.5px;
	}
	.sub_right {
   
    padding-right:11.1% !important;
}
}
@media only screen and (min-width:1200px) and (max-width:1280px) {
body{
		font-size:11px;
	}
	.work_com .container {
    
    padding-right:6.2%;
}
}




.social-corner {
	position: absolute;
	top:18px;
	right:40px;
}
.social-corner iframe:first-child {
	margin-right:3px;
}
.vertical-center p.cta {
	font-size:2.6em;
	margin-top:30px;
}


