*
{
	 margin:0;
	 padding:0;
}
.body
{
	margin:0;
	 padding:0;
	font-family: sans-serif;
}
#nav-bar
{
	position:sticky;
	top:0;
	z-index:10;
}
.navbar
{
	
	background-color:#434b4f;
	padding:0 !important;

}
.navbar-brand img{
	float:left;
	width:75px;
	height:auto;
	padding-left:20px;
}
.navbar-nav li
{
	padding:0 10px;
}
.navbar-nav li a
{
	color: #fff !important;
	font-weight:600;
}
#div vdo1
{
	float:left;
}
.jumbotron
{
	
	text-align:center;
}
#first-section{
	background-color:white;
	width:80%;
	height:200px;
	float:left;
	border:2px black solid;
}

.about_me{
	
	background-color:#e6e6e6;
	width:20%;
	height:200px;
	float:right;
	border:2px black solid;
}
.about_me img:krishna.jpg{
	position:absolute;
	top:50px;
	left:35px;
}

#second-section{
	background-color:#c9c5c5;
	width:80%;
	height:200px;
	float:left;
	border:2px black solid;
}
.ads-section{
	background-color:#e6e6e6;
	width:20%;
	height:400px;
	float:left;
	border:2px black solid;
}
#third-section{
	background-color:#c9c5c5;
	width:80%;
	height:200px;
	float:left;
	border:2px black solid;
	position:relative;
	top:-200px;
}
#first-section-home{
	background-color:#37373b;
	width:80%;
	height:450px;
	float:left;
	border:2px black solid;
}
#blog1{
	background-color:#e6e6e6;
	width:20%;
	height:112px;
	float:left;
	border:2px black solid;
}
#blog2{
	background-color:#e6e6e6;
	width:20%;
	height:113px;
	float:left;
	border:2px black solid;
}
#blog3{
	background-color:#e6e6e6;
	width:20%;
	height:112px;
	float:left;
	border:2px black solid;
}
#blog4{
	background-color:#e6e6e6;
	width:20%;
	height:113px;
	float:left;
	border:2px black solid;
}
.blog{
	background-color:white;
	width:80%;
	height:2900px;
	float:left;
	
	margin-top:50px;
	margin-left:130px;
}
#blog12{
	background-color:#e1e3e6;
	width:20%;
	height:113px;
	float:left;
	border:2px black solid;
}
.card{
	margin-left=2px;
	display: grid;
  grid-template-columns: 300px;
  grid-template-rows: 210px 210px 80px;
  grid-template-areas: "image" "text" "stats";

  border-radius: 18px;
  background: white;
  box-shadow: 5px 5px 15px rgba(0,0,0,0.9);
  font-family: roboto;
  text-align: center;
  

  transition: 0.5s ease;
  cursor: pointer;
  margin:30px;
}
.card-text {
  grid-area: text;
  margin: 25px;
}
.card:hover {
  transform: scale(1.15);
  box-shadow: 5px 5px 15px rgba(0,0,0,0.6);
}



.carousel-inner{
	background-color:white;

}

.about-blog{
	background-color:white;
	width:80%;
	height:1200px;
	float:left;
	
	margin-top:50px;
	margin-left:130px;
}
.clear{
	clear:both;
}
	
#footer{
	background-color:red;
}

.Offered-ser{
	
	margin-top:20px;
}
.feature-img{

	background-color:white;
	width:50%;
	height:370px;
	float:left;
	
}

.just-space{
	background-color:white;
	width:10%;
	height:370px;
	float:left;
	
}
	
#p1{
	background-color:#e1e3e6;
	width:33%;
	height:113px;
	float:left;
	border:2px black solid;
}

#p2{
	background-color:#e1e3e6;
	width:33%;
	height:113px;
	float:left;
	border:2px black solid;
}
#p3{
	background-color:#e1e3e6;
	width:34%;
	height:113px;
	float:left;
	border:2px black solid;
}
	
	
	
.feature-list{

background-color:white;
	width:40%;
	height:370px;
	float:left;
	
}

#a{
left: 0;
   bottom: 0;
   height:50px;
   width: 100%;
   background-color: black;
   color: white;
   text-align: center;
   float:left;
   margin-top:2px;
   font-style:italic;
}

#a1{
left: 0;
   bottom: 0;
   height:300px;
   width: 33%;
   background-color: black;
   color: white;
   text-align: center;
   float:left;
 

}

#a2{
left: 0;
   bottom: 0;
   height:300px;
   width: 33%;
   background-color: black;
   color: white;
   text-align: center;
     float:left;
	
	 border-left-color:#c2c8d1;
	
	
}
#a3{
left: 0;
   bottom: 0;
   height:300px;
   width: 34%;
   background-color: black;
   color: white;
   text-align: center;
     float:left;
	
}
   


.f1{
   left: 0;
   bottom: 0;
   height:30px;
   width: 100%;
   background-color: #bf7d0b;
   color: white;
   text-align: center;
   
}
	
.footer {
   left: 0;
   bottom: 0;
   height:10px;
   width: 100%;
   background-color: #bf7d0b;
   color: white;
   text-align: center;

}

.f2{
   left: 0;
   bottom: 0;
   height:30px;
   width: 100%;
   background-color: #bf7d0b;
   color: white;
   text-align: center;
  
}





/* Style inputs, select elements and textareas */
input[type=text], select, textarea{
  width: 100%;
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  resize: vertical;
}

/* Style the label to display next to the inputs */
label {
  padding: 12px 12px 12px 0;
  display: inline-block;
}

/* Style the submit button */
input[type=submit] {
  background-color: #4CAF50;
  color: white;
  padding: 12px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  float: right;
}

/* Style the container */
.container {
  border-radius: 5px;
  background-color: #f2f2f2;
  padding: 20px;
}

/* Floating column for labels: 25% width */
.col-25 {
  float: left;
  width: 25%;
  margin-top: 6px;
}

/* Floating column for inputs: 75% width */
.col-75 {
  float: left;
  width: 75%;
  margin-top: 6px;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Responsive layout - when the screen is less than 600px wide, make the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .col-25, .col-75, input[type=submit] {
    width: 100%;
    margin-top: 0;
  }
}