@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400');

@font-face {
      font-family: "mudit";
      src: url('../fonts/BebasNeue.otf');
}

@font-face {
      font-family: "mudit_1";
      src: url('../fonts/Lora-Regular.ttf');
}

body{
  color: #333;
  /*font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;*/
}


/* Style for our header texts
* --------------------------------------- */




/* Common styles
* --------------------------------------- */
#section1 h2 {
  color: #00a99d !important;
}
#section1 .text-box{
  color: black;
}

#section2 h2 {
  color: white !important;
}
#section2 .text-box{
  color: white !important;
}
#section3 h2 {
  color: #00a99d !important;
}
#section3 .text-box{
  color: black;
}
#section4 h2 {
  color: white !important;
}
#section4 .text-box{
  color: white !important;
}
#section5 h2 {
  color: #0086b8 !important;
}
#section8 {
  color: white !important;
}
#section7 h2{
  color: #fcb631 !important;
}

img{
    -webkit-transition: all 0.7s ease-out;
  -moz-transition: all 0.7s ease-out;
  -o-transition: all 0.7s ease-out;
  transition: all 0.7s ease-out;
}
.row h2{
  font-family: "mudit" !important;
}

span{
   font-family: 'Roboto', sans-serif !important;
   font-weight:300;
}
@media all and (min-width: 620px) and (max-width: 767px){
  #section1 img{
    width: 100%;
  }
  
}

/*screen resolutions lower than 620px*/
@media all and (max-width: 622px){
  .row h2{
    text-align: left;
  }

  #section1 img{
        /* margin-bottom: -20% !important; */
		margin-top: 20%;
    width: 100%;
	
  }
  #section2 img{
    margin-top: 20%;
    width: 100%;
  }
  #section3 img{
    margin-top: 20%;
    width: 100%;
  }
  #section4 img{
    margin-top: 20%;
    width: 100%;
  }
  #section5 img{
    margin-top: 30%;
    width: 60%;
  }
  #section6 img{
    margin-top: 20%;
    width: 90%;
  }
  #section7 img{
    margin-top: 5%;
    width: 90%;
  }
  #section8 img{
    margin-top: 20%;
    width: 100%;
  }
  #section9 img{
    margin-top: 20%;
    width: 100%;
  }

  .text-box{
    text-align: justify;
  }
  h2{
    font-size: 45px !important;
    text-align: center;
  }
  .Image_Container{
    /* position: absolute !important; */
    bottom: 18%;
  }
  .header_opt1{
background: #e6e6e6;
    height: auto !important;
    padding: 17px 0;
  
  }
  
  .footer_contact {
    font-size: 20px;
    text-transform: uppercase;
    text-align: left;
    font-weight: 600;
    margin-left: 0 !important;
    margin-bottom: 20px;
}.footer_menu {
    width: 100%;
    height: auto;
    border-right: 0px solid #000 !important;
}
  
}
@media only screen and (min-width: 767px){
	
	.header_opt1{
background: #e6e6e6;
    height: auto;
    padding: 17px 0;
  
  }
  .row h2{
    text-align: left;
    white-space: pre;
    font-family: "mudit" !important;
  }
  .row h2{
    font-size: 75px;
  }
.text-box{
  padding: 10em !important;
    /*text-align: justify;*/
  }
.row{
  text-align: left;
}

#section1 img{
 margin-top: 10%;
    width: 100%;
}
#section2 img{
  margin-top: 10%;
  width: 80%;
}
#section2 .row h2{
  text-align: left !important;
}
#section4 .row h2{
  text-align: left !important;
}
#section6 .row h2{
  text-align: right !important;
}
#section3 img{
 margin-top: 20%;
    width: 100%;
	margin-left:10%;
}
#section4 img{
  margin-top: 10%;
  width: 80%;
  margin-left:10%;
}
#section5 img{
  margin-top: 10%;
  margin-left: 10%;
  width: 70%;
  
}
#section6 img{
  margin-top: -10%;
  width: 48%;
}
#section7 img{
  margin-top: -24%;
  width: 48%;
}
#section8 img{
  margin-top: -25%;
  width: 46%;
}
#section9 img{
  margin-top: -10%;
  width: 48%;
}
}



/* Section 0
* --------------------------------------- */
#section0{
  padding: 160px 0;
  background: url('../WhatWeDo/01CoverBackground.png') no-repeat center center ;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

/* Section 1
* --------------------------------------- */

#section1{
  background: url('../WhatWeDo/02DashboardBackground.png');
  background-size:     cover;
  background-repeat:   no-repeat;
  background-position: center center;
}

/* Section 2
* --------------------------------------- */


#section2{
  background: url('../WhatWeDo/04DriverScoringBackground.png');
  background-size:     cover;
  background-repeat:   no-repeat;
  background-position: center center;
}
/* Section 3
* --------------------------------------- */
#section3{
  background: url('../WhatWeDo/06RideSharingBackground.png');
  background-size:     cover;
  background-repeat:   no-repeat;
  background-position: center center;
}

/* Section 4
* --------------------------------------- */

#section4{
  background: url('../WhatWeDo/08ChatBotBackground.png');
  background-size:     cover;
  background-repeat:   no-repeat;
  background-position: center center;
}

/* Section 5
* --------------------------------------- */

#section5{
  background: url('../WhatWeDo/10PaymentBackground.png');
  background-size:     cover;
  background-repeat:   no-repeat;
  background-position: center center;
}

/* Section 6
* --------------------------------------- */

#section6{
  background: url('../WhatWeDo/12ConnectedCarsBackground.png');
  background-size:     cover;
  background-repeat:   no-repeat;
  background-position: center center;
}

/* Section 7
* --------------------------------------- */

/* Section 8
* --------------------------------------- */


#section8{
  background: url('../WhatWeDo/15AIBackground.png');
  background-size:     cover;
  background-repeat:   no-repeat;
  background-position: center center;
}

#section_8_heading{
  text-align: left;
  color: white;
}
/* Overwriting fullPage.js tooltip color
* --------------------------------------- */
.fp-tooltip{
  color: #AAA;
}
#fp-nav span, .fp-slidesNav span{
  border-color: #AAA;
}
#fp-nav li .active span, .fp-slidesNav .active span{
  background: #AAA;
}
.header_opt1{
background: #e6e6e6;
    height: 100px;
    padding: 17px 0;
  
  }
  
  .header_opt_text1{
	  font-size:32px;
	  color:#00a99d;
	  text-align:center;
	  text-transform:uppercase; border-right:1px solid #999999;
	    font-weight: 800;
		    line-height: 60px;
			 font-family: "mudit" !important;
	  
	  
  }.header_opt_text2{
	  font-size:32px;
	  color:#0086b8;
	  text-align:center;
	  text-transform:uppercase; border-right:1px solid #999999;
	    font-weight: 800;
		    line-height: 60px;
			    font-family: "mudit" !important;
	  
	  
  }.header_opt_text3{
	  font-size:32px;
	  color:#fcb631;
	  text-align:center;
	      line-height: 60px;
	  text-transform:uppercase; border-right:1px solid #999999	;
	    font-weight: 800;
		 font-family: "mudit" !important;
	  
	  
  }

  
  
#section05{
  background: #e6e6e6;
  
  padding:50px 0 ;
  height:auto!important;
   
}


.footer_menu{
width:100%;
height:auto; border-right:1px solid #676464;
}
.footer_menu ul{
	list-style-type:none;
	
}

.footer_menu ul li{
	line-height:30px;
	text-align:left;
}
.footer_menu ul li a{
	text-align:left;
	color:#000;
}

.footer_contact{
	font-size:20px; text-transform:uppercase; text-align:left; font-weight:600; margin-left:200px; margin-bottom:20px;
	
}

.footer_contacttext{
	font-size:16px; text-align:left; font-weight:300; margin-top:20px;text-transform: capitalize; 
	
}