@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
* --------------------------------------- */
h1{
  font-size: 6em;
  /*font-family: arial,helvetica;*/
  margin:0;
  padding:0;
}
h2{
  font-size: 2em;
  margin: 0 0 18px 0;
  font-family: "mudit" !important;
}

span{
  font-family: 'Roboto', sans-serif !important;
  font-weight:300;
  line-height:30px;
}


/* Common styles
* --------------------------------------- */
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;
}

#section1 {
  color: #1f4594!important;
}
#section2 {
  color: white!important;
}
#section3 {
  color: white!important;
}
#section4 {
  color: white!important;
}

@media all and (min-width: 620px) and (max-width: 767px){
  #section1 img{
    width: 100%;
  }
  #section0{
    padding: 60px 0;
    background: url('../mobile-responsive/homePage.png') no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  }
   
}

/*screen resolutions lower than 620px*/
@media all and (max-width: 622px){
  .row h2{
    text-align: left;
  }
  #section1 img{
    margin-top: 20%;
    width: 100%;
  }
  #section2 img{
    margin-top: 10%;
    width: 100%;
  }
  #section3 img{
    margin-top: 10%;
    width: 100%;
  }
  #section4 img{
    margin-top: 40%;
    width: 100%;
  }
  
  .footer_menu {
    width: 100%;
    height: auto;
    border-right: 0px solid #000 !important;
}

  .text-box{
    text-align: left;
  }
  h2{
    font-size: 45px !important;
    text-align: center;
  }
  .Image_Container{
    
    bottom: 20%;
  }
  #section0{
    padding: 60px 0;
    background: url('../mobile-responsive/homePage.png') no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  }
  

}



@media only screen and (min-width: 767px){
  .row h2{
    white-space: pre;
    font-size: 75px;
  }
.text-box{
  /* padding: 15em 7em 0 7em!important; */
    /*text-align: justify;*/
	
  }
  
  .text_box2{
  padding: 5em 7em 0 7em!important;
    /*text-align: justify;*/
	
  }
.row{
  text-align: left;
}
#section1 img{
  margin-top: -15%;
  width: 50%;
}
#section2 img{
  margin-top: 5%;
  padding:30px;
  margin-left: 5%;
  width: 100%;
}
#section3 img{
  
    margin-left: 5%;
    width: 90%;
  
}
#section4 img{
 margin-top: 23%;
  width: 100%;
}
#section0{
  padding: 93px 0;
  background: url('../imgs/roadzen_website/Landing-Page/Graphics-02.png') no-repeat center center ;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
}

.border_h2{
	width:80%;
	border-bottom:2px solid #fff;
}




/* Section 0
* --------------------------------------- */


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


.jumbotron{
  background-color: transparent !important;
}
#section1{
  background: url('../LandingPage/02AboutBackground.png');
  background-size:     cover;
  background-repeat:   no-repeat;
  background-position: center center;

}


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

#section2{
  background: url('../LandingPage/04UnderwriteBackground.png');
  background-size:     cover;
  background-repeat:   no-repeat;
  background-position: center -120px;
  margin:100px 100px 0px 100px;
}


@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
#section2 {
    background: url(../LandingPage/04UnderwriteBackground.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    margin:80px 0 80px 0;
}



}


/* Section 3
* --------------------------------------- */



#section3{
  background: url('../LandingPage/06InteractBackground.png');
  background-size:     cover;
  background-repeat:   no-repeat;
     background-position: center -120px;
       margin: 100px 100px 100px 100px;
}
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
#section3{
  background: url('../LandingPage/06InteractBackground.png');
  background-size:     cover;
  background-repeat:   no-repeat;
     background-position: center center;
      margin:80px 0 80px 0;
}



}

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

#section4{
  background: url('../LandingPage/08ResolveBackground.png');
  background-size:     cover;
  background-repeat:   no-repeat;
 background-position: center -120px;
    margin: 0 100px 0px 100px;
}
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
#section4{
 background: url('../LandingPage/08ResolveBackground.png');
  background-size:     cover;
  background-repeat:   no-repeat;
 background-position: center center;
    margin:80px 0 0 0;
}

}


}


/* 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;
}

#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; 
	
}

@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
.footer_contact{
	font-size:20px; text-transform:uppercase; text-align:left; font-weight:600; margin-left:0px; margin-bottom:20px;
	
}
}

@media (max-width: 767px) and (min-width: 620px){
	#section2{
  background: url('../LandingPage/04UnderwriteBackground.png');
  background-size:     cover;
  background-repeat:   no-repeat;
  background-position: center center;
  margin:0;
}

#section3{
  background: url('../LandingPage/06InteractBackground.png');
  background-size:     cover;
  background-repeat:   no-repeat;
     background-position: center center;
      margin:0;
}

#section4{
 background: url('../LandingPage/08ResolveBackground.png');
  background-size:     cover;
  background-repeat:   no-repeat;
 background-position: center center;
    margin:0;
}

	
}



.footer-area {
    margin: 80px 0 0 0;
    background-color: #111;
}
.section-gap {
    padding: 10px 0;
}

.pull-right {
    float: right!important;
}
.footer-social{
	width:40px; 
	height:40px;
	float:left;
	border: 1px solid #fff;
    border-radius: 50%;
	text-align:center;
	line-height:40px;
	margin-left:40px
}

.footer-social a {
	transition: all 0.3s ease 0s;
  font-size:15px;
  

}

.footer-social a:hover i {
    color: #3bacf0
}

.footer-social i {
    color: #cccccc;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s
}


@media all and (max-width: 622px){
	
	.footer_logo{
		text-align:center;
		margin-bottom:20px;
		
	}
	
	.footer_soci{
		
		margin-left:36px;
		
	}
	
}