@import url('https://fonts.googleapis.com/css?family=Quicksand:400,700&display=swap');

*{
	padding:0px;
	margin:0px;
}
body{
	width:auto;
	height:auto;
}
#wrapper{
	width:100%;
	height:auto;
	overflow-x:hidden;
}
	
	/* header-section */
#header-sec{
	width:100%;
	height:auto;
	padding:30px 0;
}
#header-sec .container{
	display:flex;
	justify-content:space-around;
	align-items:center;
}
#header-sec .box-1{
	display:flex;
}
#header-sec img{
	width:150px;
	height:100px;
}
#header-sec h1{
	color:red;
	font-size:43px;
	padding:2px;
	margin-top:25px;
	font-family:arial;
	font-weight:bold;
	line-height:27px;
}
#header-sec h6{
	padding:1px;
}
#header-sec small{
	font-size:18px;
	color:black;
}
#header-sec sup{
	font-size:20px;
	margin:0 2px;
}
	
	/* Navbar */
.navbar{
	background:#202020;
	margin:0 50px -30px 50px;
}	
.navbar-collapse{
	background:#202020;
	transition: all .4s ease-in-out; 
}
.navbar-collapse a{
	color:red;
	border-bottom:solid #202020 1px;
	margin:0 25px;
	font-size:18px;
}
.navbar-collapse a:hover{
	color:#00CC00;
	border-bottom:solid #00CC00 1px;
	transition: all .4s ease-in-out; 
}
.navbar-collapse a:active{
	color:green;
	background:white;
}
.navbar-toggler{
	color:black;
	border:solid black 1px;
	border-radius:15%;
	padding:5px 7px;
}
.navbar-toggler:hover{
	background:black; 
	color:white;
}
	

	/* Whatsapp-chat */
.whatsapp a{
	position:fixed;
	bottom:30px;
	right:35px;
	z-index:9999;
	padding:0px 12px;
	border-radius:20%;
	font-size:40px;
	color:white;
	background:#33CC33;
}

	/* Section-1 */
#section-1{
	width:100%;
	height:550px;
	padding:50px 100px;
	background:url('../images/slide-1.jpg');
	background-repeat:no-repeat;
	background-size:cover;
}
#section-1 .box{
	padding:100px 0;
	color:#009900;
}
#section-1 .box h2{
	font-size:35px;
	line-height:55px;
}
#section-1 .heading{
	color:red;
	font-size:45px;
	font-weight:bold;
}
#section-1 .box a{
	color:#009900;
	font-size:25px;
	text-decoration:none;
	border:solid #009900 1px;
	padding:10px 15px;
	margin-left:12px;
	border-radius:5px;
	font-weight:bold;
}
#section-1 .box a:hover{
	background:black;
	border:solid black 1px;	
	color:white;
	transition: .4s ease-in-out;
}

	/* Section-2 */
#section-2{
	width:100%;
	height:auto;
	padding:50px 0px;
}
#section-2 .container{
	width:100%;
	height:auto;
	display:flex;
}
#section-2 .box-1{
	padding:10px 0;
}
#section-2 .box-1 h2{
	padding:2px ;
}
#section-2 .box-1 p{
	font-size:20px;
}
#section-2 .box-1 a{
	color:black;
	border:solid red 1px;
	padding:7px 10px;
	text-decoration:none;
	font-weight:bold;
	border-radius:5px;
}
#section-2 .box-1 a:hover{
	background:red;
	color:white;
	transition: .4s ease-in-out;
}
#section-2 .box-2 img{
	width:450px;
	height:400px;
	margin-left:20px;
}

	/* Section-3 */
#section-3{
	width:100%;
	height:auto;
	padding:60px 0px 40px 0px;
	color:white;
	background:#101010;
	box-shadow:5px 5px 5px 10px #101010;
}
#section-3 .container{
	width:100%;
	height:auto;
	display:flex;
}
#section-3 .box-1{
	width:600px;
	height:500px;
	background:url('../images/spiritual-sec.jpg');
	background-repeat:no-repeat;
	background-size:cover;
	padding:150px 300px;
}
#section-3 .box-2{
	padding:10px 35px;
}
#section-3 h4{
	padding:2px;
}
#section-3 p{
	font-size:16px;
}

	/* Section-4 */
#section-4{
	width:100%;
	height:auto;
	padding:50px 0px;
}
#section-4 h2{
	padding:2px;
}
#section-4 p{
	font-size:18px;
}
#section-4 .container-fluid{
	width:100%;
	height:auto;
	display:flex;
	flex-wrap:wrap;
}
#section-4 .box{
	width:340px;
	height:auto;
	padding:10px 5px;
	margin:20px 10px;
	box-shadow:1px 5px 5px black;
}
#section-4 .box img{
	width:330px;
	height:250px;
}
#section-4 .box h3{
	padding:2px 10px;
	position:absolute;
	margin:-20px 10px 20px 10px;
	background:red;
	color:white;
	width:300px;
	border-radius:10px;
}
#section-4 .box a{
	text-decoration:none;
	color:white;
	background:red;
	margin:0px 10px;
	padding:2px 10px 2px 10px;
	font-size:20px;
	border-radius:10px;
}
#section-4 .box:hover a{
	color:white;
	background:#00CC00;
	transition: .4s ease-in-out;
}

	/* Section-5 */
#section-5{
	width:100%;
	height:auto;
	padding:50px 0px;
}
#section-5 h2{
	padding:2px ;
}
#section-5 p{
	font-size:18px;
}
#section-5 .row{
	padding:25px 0;	
}

.carousel{
	background:url('../images/carousel-bg.jpg');
	background-size:cover;
	background-repeat:no-repeat;
	border-radius:50px;
	color:white;
	margin:50px 0;
}
.carousel img{
	padding:5px;
	border: dashed white 3px ;
}
	/* Footer */
#footer{
	color:white;
	background: #202020;
	padding:40px 0;
}
#footer h5{
	color:red;
	padding:2px 0;
}
#footer a{
	color:white;
}
#footer a:hover{
	color:#00CC00;
}		


@media screen and (max-width:768px){
	
	/* Header section */	
	#header-sec .box-1{
		position:absolute;
		margin-top:75px;
		margin-left:20px;
	}
	#header-sec .box-2{
		display:none;
	}
	#header-sec h1{
		font-size:30px;
		line-height:12px;
	}
	#header-sec small{
		font-size:12px;
	}
	#header-sec sup{
		font-size:18px;
	}
	#header-sec img{
		width:75px;
		height:60px;
	}
		
	/* Navbar */
	.navbar{
		margin:0 0 50px 0;
		padding:0;
		background:none;
	}
	
	/* Whatsapp-chat*/
	.whatsapp{
		right:28px;
		bottom:28px;
	}
	
	/* Section-1 */
	#section-1{
		height:575px;
		padding:20px 10px;
	}
	#section-1 .box h2{
		font-size:26px;
		font-weight:bold;
	}
	#section-1 .heading{
		color:red;
		font-size:35px;
		font-weight:bold;
	}
	#section-1 .box a{
		font-size:20px;
	}
	
	/* Section-2 */
	#section-2{
		padding:10px 0px;
	}
	#section-2 .container{
		display:block;
	}
	#section-2 .box-1 h2{
		margin:10px 0px;
	}
	#section-2 .box-1 p{
		font-size:18px;	
	}
	#section-2 .box-2 img{
		width:300px;
		height:300px;
		justify-content:center;
		border:solid black 1px;
		margin:40px 10px;
	}

	/* Section-3 */
	#section-3{
		padding:50px 0 30px 0px;
	}
	#section-3 .container{
		display:block;
	}
	#section-3 .box-1{
		width:300px;
		height:290px;
		padding:150px 200px;
	}
	#section-3 .box-2{
		padding:40px 0px 0px 0px;
	}
		
		
	/* Section-4 */
	#section-4{
		padding:50px 0px;
	}
	#section-4 .box{
		width:300px;
		margin:10px 0;
	}
	#section-4 .box img{
		width:290px;
		height:230px;
	}
	#section-4 .box h3{
		width:250px;
	}

	/* Section-5 */	
	#section-5{
		padding:0 5px;
	}
	#section-5 p{
		margin-right:0px;
	}
	#section-5 .row .box{
		margin:10px 65px;
	}
	
	/* Footer-sec */
	#footer{
		padding:20px 0;
	}
	#footer .col{
		width:700px;
		margin:0 5px;
	}
	
}

• [F] index.css
  Delete
• [F] offcanvas-navbar.css
  Delete
• [F] simple-lightbox.css
  Delete