@charset "utf-8";
/* CSS Document */
html {
  scroll-behavior: smooth;
}
body{
	font-family: 'Roboto Slab', serif;
	color:#5b5b5b;
	overflow-x:hidden;
	}

.navbar{
	min-height:75px;
	border:none;
	border-radius:0;
	background:white;
	margin-bottom:0;
	}
.navbar-nav > li > a{
	padding:15px 20px;	
	font-size:16px;
	line-height:16px;
	vertical-align:middle;
	}
.navbar .container-fluid{
	vertical-align:middle;
	line-height:75px;
	padding:15px;}
.navbar-brand img{
	width:175px;
	}
.navbar-brand{
	padding:0;
	}
.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand{
	margin-left:75px;}
.dropdown {
    position: relative;
    display: inline-block;
}
.dropdown-menu {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    padding: 0;
	border-radius:5px;
    z-index: 1;
}
.dropdown-menu:hover{
	border-radius:5px;}

.dropdown-menu > li > a{
	padding:15px 10px;}

.dropdown-menu > li > a:hover{
	border-radius:5px;
	background:#ff9100;}
	

.dropdown:hover .dropdown-content {
    display: block;
}
#home{
	margin-top:75px;}
#home img{
	padding:75px 0;
	text-align:center;
	width:75%;}
#home{
	background:#f8f8f8;}
.banner-content{
	padding:25% 10%;}
.banner-content h1{
	display:inline-block;
	font-size:60px;
	background: -webkit-linear-gradient(left,#ef4723,#faa21a);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;}
 .banner-content h1 span{
	 color:#999999 !important;
	  -webkit-text-fill-color:#999999;}
.banner-content p{
	font-size:20px;
	}
#about{
	padding:5% 0;}
p{
	font-size:18px;
	line-height:30px;}
#about p{
	line-height:42px;}
#services img{
	width:131px;
	height:131px;}
#services h1{
	padding-bottom:75px;} 
.second-row {
	padding-top:75px;}
#ledger-features ul li{
	list-style-type:none; 
}
	
.float-left{
	float:left;}
#ledger-features .feature-icon, .feature-content{
		display: inline-block;
		float:left;
	}
#ledger-features .feature-icon{
	 background-image: -moz-linear-gradient( 0deg, rgb(238,238,238) 0%, rgb(255,255,255) 86%, rgb(255,255,255) 100%);
     background-image: -webkit-linear-gradient( 0deg, rgb(238,238,238) 0%, rgb(255,255,255) 86%, rgb(255,255,255) 100%);
     background-image: -ms-linear-gradient( 0deg, rgb(238,238,238) 0%, rgb(255,255,255) 86%, rgb(255,255,255) 100%);
	  border-radius: 50%;
	  width:131px;
	  height:131px;
	  text-align:center;
	  vertical-align:middle;
	  line-height:131px;}	
#ledger-features .feature-icon img{
	  width:75px;
	  height:75px;
	}
#ledger-features ul{
	padding:0;
	font-size:18px;}

#ledger-features .feature-content{
	padding:0 30px ;}

#ledger-features .container-fluid{
	padding:25px 0;}
	
#ledger-features{
	background-color:#f9f9f9;
	padding:25px;
	margin:75px 0;
	}
.feature-box {
	border:#d7d7d7 solid 1px;
	padding:15px 25px;
	transition: background-color 0.5s ease;
	}
.feature-box span{
	font-size:32px;
	}
	
.feature-full:hover .feature-box{
	background-color:rgba(255, 145, 0, 0.2);
		color:black;
	}



.feature-full{
	padding:25px 0 25px 0;
	transition: background-color 0.5s ease;}
#startup img{
	padding:10% 0 10% 0;}
	#startup{
		padding:0 0 75px 0;}
#income-tax ul li{
	list-style-type:none;
	font-size:18px;
	line-height:30px;
}
#income-tax ul li img{
	padding-right:5px;
	padding-bottom:4px;}
#income-tax ul{
	padding:0;}
#income-tax .incometaximg{
	padding:20% 0;}
#income-tax {
	padding:75px 0;
	background:#f9f9f9;}
#gst ul li img, #tmc ul li img, #other-services ul li img{
	padding-right:5px;
	padding-bottom:4px;}

#gst ul, #tmc ul, #other-services ul{
	padding:0;
	list-style-type:none;
	font-size:18px;
	line-height:30px;}
#gst, #tmc,#other-services{
	padding:50px 0;
	}
#tmc{
	background:#f9f9f9;}

#hookline{
	background-attachment:fixed;
	background-image:url(../images/parallaxbg.jpg);
	background-position: center;
    background-repeat: no-repeat;
    background-size: cover;}
#hookline{

padding:75px 0;
	}
	
#hookline h1{
	font-size:72px;
	padding-bottom:50px;}
#hookline h3{ 
	font-size:48px;
	padding-bottom:25px;}
	
/*css for buttons*/	

 .dropbtn {
   
    background:white;
	border-radius:25px;
    padding: 16px;
    font-size: 16px;
    border: none;
    cursor: pointer;
}
#packages{
	padding:75px 0 50px 0;}
	
#packages .dropdown {
	 border: 2px solid #ff9100;
	 border-radius:25px;
    position: relative;
    display: inline-block;
}
#packages h1{
	padding:0 0 50px 0;}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 250px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
	text-align:left;
	border-radius:25px;
}
.dropdown-content a {
   
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

 .dropdown-content a:hover {background-color: #f1f1f1}

 .dropdown:hover .dropdown-content {
    display: block;
}

 .dropdown:hover .dropbtn {
    background-color: #ff9100;
	color:white;
}
.package-box{
	border-radius:15px;
	border:2px solid #ff9100;
	margin:25px 0;
	padding:15px;
	-webkit-box-shadow: 0px 10px 23px -2px rgba(0,0,0,0.32);
-moz-box-shadow: 0px 10px 23px -2px rgba(0,0,0,0.32);
box-shadow: 0px 10px 23px -2px rgba(0,0,0,0.32);}
 .package-box ul{
	list-style:none;
	font-size:16px;
	text-align:left;
	line-height:24px;
	padding:0;
	}
#packages, #package-slider{
	background:#f9f9f9;}

#enquiry{
	padding:75px 0;
	}
#enquiry h1{
	padding:0 0 50px 0;}
form{
	width:40%;
	text-align:center;
	margin:auto;
	}
.form-control{
	width:100%;
	display:inline-block;
	padding:20px 12px;
	border: 2px solid #ff9100;
	border-radius:10px;}
.col-orange{
	color:#ff9100;}
.submit-btn{
	background:#ff9100;
	border:none;
	padding:10px 15px;}
.help, .help img, .help h1, .help p{
	float:left;}
.help img{
	width:50px;
	margin:0 10px 0 0;}
.help h1{
	padding:0 0 10px 0;}
.help .btn{
	float:left;
	font-size:18px;
	padding:15px 20px;
	background: #ff9100;
	border:none;
	border-radius:15px;}
.help .btn:hover{
	text-decoration:underline;}
#about img{
	width:100%;
	padding:15% 10%;}

.credits{
	background:#f0f0f0;}
.credits img{
	width:220px}
.credits .row{
	padding:15px 0 10px 0;}
.credits p{
	padding:0;
	margin:0 !important;
	font-size:14px;
	line-height:75px;
	vertical-align:middle;}
.credits .container-fluid{
	padding:0 5%;}
	#ledger-features h1{
		padding:0 0 50px 0;}
@media only screen and (max-width: 600px) {
   #startup img, #income-tax img, #other-services img, #gst img, #tmc img{
	  width:100%;}
	 .feature-full img{
		 width:20px !important;
		 height:20px !important;}
		.help img{
			width:50px !important;}
		.slick-next, .slick-prev{
			display:none !important;}
		.navbar-brand{
			margin-left:15px !important;}
	form{
		width:100% !important;}
	.credits p{
		text-align:center;
		margin:0;
		padding:0;
		line-height:normal;}
	.mob{
		display:block !important;}
	#packages .dropdown{
		margin:15px 0;}
	#ledger-features .feature-content{
		padding:0;
		}

	#home img{
		padding:0;
		width:100%;}
				
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{
	background-color:transparent !important;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus .slideInDown{
	background:white;
	 -webkit-animation-duration: 0.4s;
  animation-duration: 0.54;
  -webkit-animation-name: slideIn;
  animation-name: slideInDown;
  border-bottom:2px solid #ff9100;
  }
 .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus{
	 background-color:transparent;
	 color:#333;}
  .link-enquiry{
	  color:#5b5b5b;
	  text-decoration:underline;}
 .link-enquiry-btn{
	  color:white;
	 }
.link-enquiry-btn:hover{
	color:white;}
	.mob{
		display:none;}
@media only screen and (min-width: 768px) and (max-width: 1366px){
	.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand{
		margin-left:10px !important;}
	}
	
